@vonage/vivid-test-utils 5.15.1 → 5.16.0

package/dist/components.generated-Bgf7lMJM.js

@@ -0,0 +1,2336 @@
+//#region src/base.ts
+var e = class {
+	constructor(e, t) {
+		this.ctx = e, this.locator = t;
+	}
+	unwrap() {
+		return this.locator;
+	}
+	assert(e, t, n, r) {
+		return this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.locator,
+			fn: t,
+			arg: r
+		}, n, `Failed to assert condition: "${e}"`);
+	}
+}, t = class {
+	constructor(e) {
+		this.ctx = e, this.all = this.ctx.driver.wrapSelector(() => new n(this.ctx, this, this.ctx.driver.querySelectorAll(this.ctx.rootLocator, `[data-vvd-component="${this.componentInfo.name}"]`)));
+	}
+}, n = class {
+	constructor(e, t, n) {
+		this.ctx = e, this.component = t, this.locator = n, this.type = "collection", this.nth = this.ctx.driver.wrapSelector((e) => this.component.wrap(this.ctx.driver.nth(this.locator, e)));
+	}
+}, r = class {
+	constructor(e, t) {
+		this.ctx = e, this.locator = t, this.toHaveCount = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			el: this.locator.locator,
+			type: "count"
+		}, e, `toHaveCount(${e})`));
+	}
+}, ee = (e) => e.replace(/\\/g, "\\\\").replace(/"/g, "\\\"").replace(/'/g, "\\'"), i = (e, t) => t.map(([t, n]) => `[data-vvd-component="${e}"][${t}="${ee(n)}"]`).join(",");
+//#endregion
+//#region src/selectors.ts
+function a(e) {
+	return this.wrap(this.ctx.driver.querySelector(this.ctx.rootLocator, i(this.componentInfo.name, [
+		["data-testid", e],
+		["data-test-id", e],
+		["data-cy", e]
+	])));
+}
+function o(e) {
+	return this.wrap(this.ctx.driver.querySelector(this.ctx.rootLocator, i(this.componentInfo.name, [
+		["label", e],
+		["aria-label", e],
+		["data-vvd-aria-label", e]
+	])));
+}
+function te(e) {
+	return this.wrap(this.ctx.driver.querySelector(this.ctx.rootLocator, i(this.componentInfo.name, [["heading", e]])));
+}
+function s(e) {
+	return this.wrap(this.ctx.driver.querySelector(this.ctx.rootLocator, i(this.componentInfo.name, [["headline", e]])));
+}
+function c(e) {
+	return this.wrap(this.ctx.driver.querySelector(this.ctx.rootLocator, i(this.componentInfo.name, [["text", e]])));
+}
+//#endregion
+//#region src/utils/runSequence.ts
+var l = (e) => {
+	if (!e.length) return;
+	let t = e[0], n = e.slice(1), r = t();
+	return r instanceof Promise ? r.then(() => l(n)) : l(n);
+};
+//#endregion
+//#region src/queries.ts
+function u(e) {
+	return e.checked;
+}
+function d(e) {
+	return e.indeterminate ? "indeterminate" : e.checked ? "checked" : "unchecked";
+}
+function f(e) {
+	return e.errorValidationMessage;
+}
+function p(e) {
+	return e.headline;
+}
+function m(e) {
+	return e.open;
+}
+function h(e) {
+	return e.value;
+}
+function g(e) {
+	return e.valueAsNumber;
+}
+function ne(e) {
+	return e.values;
+}
+function re(e) {
+	return e.selectedOptions.map((e) => e.label);
+}
+function _(e) {
+	return e.expanded;
+}
+function v(e) {
+	return e.active;
+}
+function y(e) {
+	return e.current;
+}
+function b(e) {
+	return e.selected;
+}
+function x(e) {
+	return e.disabled;
+}
+function ie(e) {
+	return [e.start, e.end];
+}
+function ae(e) {
+	return [e.startAsNumber, e.endAsNumber];
+}
+function oe(e) {
+	return e.name;
+}
+function se(e) {
+	return e.total;
+}
+function ce(e) {
+	return e.selectedIndex + 1 || null;
+}
+function S(e) {
+	let t = e.shadowRoot.querySelector("slot[name=icon]");
+	if (t) {
+		let e = t.assignedElements()[0];
+		if (e?.dataset.vvdComponent === "icon") return e.name;
+	}
+	let n = e.shadowRoot.querySelector("slot[name=\"icon\"] [data-vvd-component=\"icon\"], span.icon [data-vvd-component=\"icon\"]");
+	return n ? n.name : null;
+}
+//#endregion
+//#region src/actions.ts
+function C(e) {
+	return this.ctx.driver.userClick(e());
+}
+function w(e, t) {
+	return this.ctx.driver.userFill(e(), t);
+}
+function le(e) {
+	return l([() => this.ctx.driver.userFill(this.control(), e), () => this.ctx.driver.userBlur(this.control())]);
+}
+function T(e) {
+	return this.ctx.driver.userClear(e());
+}
+function ue() {
+	return l([
+		() => this.ctx.driver.eval(this.locator, () => new Promise((e) => setTimeout(e, 200))),
+		() => this.ctx.driver.userClear(this.control()),
+		() => this.ctx.driver.userBlur(this.control())
+	]);
+}
+function E(e) {
+	return l([
+		() => this.assert("Component is unchecked before it can be checked", d, "unchecked"),
+		() => this.ctx.driver.userClick(e()),
+		() => this.assert("Component is checked after checking it", d, "checked")
+	]);
+}
+function D(e) {
+	return l([
+		() => this.assert("Component is checked before it can be unchecked", d, "checked"),
+		() => this.ctx.driver.userClick(e()),
+		() => this.assert("Component is unchecked after unchecking it", d, "unchecked")
+	]);
+}
+function O(e) {
+	return this.ctx.driver.userFocus(e());
+}
+function k(e) {
+	return this.ctx.driver.userBlur(e());
+}
+function A(e) {
+	return this.ctx.driver.userHover(e());
+}
+function j(e) {
+	return N.call(this, i("option", [["value", e]]));
+}
+function M(e) {
+	return N.call(this, i("option", [["text", e]]));
+}
+function N(e) {
+	return this.ctx.driver.eval(this.locator, (e) => e.open, void 0, (t) => l([
+		() => {
+			if (!t) return this.ctx.driver.userClick(this.locator);
+		},
+		() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.ctx.driver.querySelector(this.locator, e),
+			fn: (e) => !!e.selected
+		}, !1, "Option is unselected before it can be selected"),
+		() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.ctx.driver.querySelector(this.locator, e),
+			fn: (e) => !!e.disabled
+		}, !1, "Option is not disabled before it can be selected"),
+		() => this.ctx.driver.eval(this.ctx.driver.querySelector(this.locator, e), (e) => e.click()),
+		() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.ctx.driver.querySelector(this.locator, e),
+			fn: (e) => !!e.selected
+		}, !0, "Option is selected after selecting it")
+	]));
+}
+function P(e) {
+	return e().click();
+}
+var F = (e) => {
+	let [t, n, r] = e.split("-");
+	return `${n}/${r}/${t}`;
+};
+function de(e) {
+	return l([() => this.control().fill(F(e)), () => this.control().blur()]);
+}
+function I() {
+	return l([() => this.pickerButton().click(), () => this.clearButton().click()]);
+}
+var L = (e) => {
+	let [t, n, r] = e.split(":");
+	return `${t % 12 || 12}:${n}:${r} ${+t < 12 ? "AM" : "PM"}`;
+};
+function fe(e) {
+	return l([() => this.control().fill(L(e)), () => this.control().blur()]);
+}
+var pe = ([e, t]) => `${F(e)} – ${F(t)}`;
+function me(e) {
+	return l([() => this.control().fill(pe(e)), () => this.control().blur()]);
+}
+var he = (e) => {
+	let [t, n] = e.split("T");
+	return `${F(t)} ${L(n)}`;
+};
+function ge(e) {
+	return l([() => this.control().fill(he(e)), () => this.control().blur()]);
+}
+function R(e, t, n) {
+	return this.ctx.driver.userDragSlider(this.locator, e(), t(), n);
+}
+function _e(e) {
+	return this.ctx.driver.userClick(this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.locator), `.vwc-pagination-button[label="${e + 1}"]`));
+}
+function z(e) {
+	return l([
+		() => this.assert(`Component is ${e ? "collapsed" : "expanded"} before it can be ${e ? "expanded" : "collapsed"}`, (e) => !!e.expanded, !e),
+		() => this.ctx.driver.userClick(this.button()),
+		() => this.assert(`Component is ${e ? "expanded" : "collapsed"} after ${e ? "expanding" : "collapsing"} it`, (e) => !!e.expanded, e)
+	]);
+}
+function B(e) {
+	return l([
+		() => this.assert(`Component is ${e ? "closed" : "open"} before it can be ${e ? "expanded" : "collapsed"}`, (e) => !!e.open, !e),
+		() => this.ctx.driver.userClick(this.summary()),
+		() => this.assert(`Component is ${e ? "open" : "closed"} after ${e ? "expanding" : "collapsing"} it`, (e) => !!e.open, e)
+	]);
+}
+function V(e) {
+	return l([() => this.ctx.driver.userClick(this.base()), () => this.assert(`Component is ${e ? "selected" : "unselected"} after ${e ? "selecting" : "unselecting"} it`, (e) => !!e.selected, e)]);
+}
+//#endregion
+//#region src/refs.ts
+function ve(e) {
+	return this.ctx.driver.querySelector(this.unwrap(), e);
+}
+function H(e) {
+	return this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.unwrap()), e);
+}
+function ye(e, t) {
+	return this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.unwrap()), e)), t);
+}
+function U(e) {
+	return new $e(this.ctx, this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.unwrap()), e));
+}
+function W(e) {
+	return new ja(this.ctx, this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.unwrap()), e));
+}
+//#endregion
+//#region src/components.generated.ts
+var G = { name: "accordion" }, be = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "accordion", this.componentInfo = G, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, xe = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = G, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new be(this.ctx, e);
+	}
+}, Se = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, K = { name: "accordion-item" }, Ce = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "accordionItem", this.componentInfo = K, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.collapse = this.ctx.driver.wrapAction(z.bind(this, !1)), this.expand = this.ctx.driver.wrapAction(z.bind(this, !0)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.button = H.bind(this, ".heading-button");
+	}
+}, we = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = K, this.byHeading = this.ctx.driver.wrapSelector(te.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Ce(this.ctx, e);
+	}
+}, Te = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toBeCollapsed = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: _
+		}, !1, "toBeCollapsed()")), this.toBeExpanded = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: _
+		}, !0, "toBeExpanded()")), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})"));
+	}
+}, q = { name: "action-group" }, Ee = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "actionGroup", this.componentInfo = q, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, De = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = q, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Ee(this.ctx, e);
+	}
+}, Oe = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, J = { name: "alert" }, ke = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "alert", this.componentInfo = J, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Ae = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = J, this.byHeadline = this.ctx.driver.wrapSelector(s.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new ke(this.ctx, e);
+	}
+}, je = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toBeClosed = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: m
+		}, !1, "toBeClosed()")), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})")), this.toBeOpen = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: m
+		}, !0, "toBeOpen()"));
+	}
+}, Y = { name: "audio-player" }, Me = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "audioPlayer", this.componentInfo = Y, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Ne = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Y, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Me(this.ctx, e);
+	}
+}, Pe = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, X = { name: "avatar" }, Fe = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "avatar", this.componentInfo = X, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Ie = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = X, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Fe(this.ctx, e);
+	}
+}, Le = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, Z = { name: "badge" }, Re = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "badge", this.componentInfo = Z, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, ze = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Z, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Re(this.ctx, e);
+	}
+}, Be = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})"));
+	}
+}, Q = { name: "banner" }, Ve = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "banner", this.componentInfo = Q, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.dismiss = this.ctx.driver.wrapAction(P.bind(this, () => this.dismissButton())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.dismissButton = U.bind(this, ".dismiss-button");
+	}
+}, He = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Q, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this)), this.byText = this.ctx.driver.wrapSelector(c.bind(this));
+	}
+	wrap(e) {
+		return new Ve(this.ctx, e);
+	}
+}, Ue = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})"));
+	}
+}, We = { name: "breadcrumb" }, Ge = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "breadcrumb", this.componentInfo = We, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Ke = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = We, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Ge(this.ctx, e);
+	}
+}, qe = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
+			throw Error("Component does not have props.");
+		};
+	}
+}, Je = { name: "breadcrumb-item" }, Ye = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "breadcrumbItem", this.componentInfo = Je, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Xe = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Je, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Ye(this.ctx, e);
+	}
+}, Ze = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, Qe = { name: "button" }, $e = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "button", this.componentInfo = Qe, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.control = H.bind(this, "button.control");
+	}
+}, et = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Qe, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new $e(this.ctx, e);
+	}
+}, tt = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})")), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: h
+		}, e, "toHaveValue(${value})"));
+	}
+}, nt = { name: "calendar" }, rt = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "calendar", this.componentInfo = nt, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, it = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = nt, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new rt(this.ctx, e);
+	}
+}, at = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, ot = { name: "calendar-event" }, st = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "calendarEvent", this.componentInfo = ot, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, ct = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = ot, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new st(this.ctx, e);
+	}
+}, lt = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, ut = { name: "card" }, dt = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "card", this.componentInfo = ut, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, ft = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = ut, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new dt(this.ctx, e);
+	}
+}, pt = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveHeadline = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: p
+		}, e, "toHaveHeadline(${value})"));
+	}
+}, mt = { name: "checkbox" }, ht = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "checkbox", this.componentInfo = mt, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(E.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.uncheck = this.ctx.driver.wrapAction(D.bind(this, () => this.control())), this.control = H.bind(this, "div.control");
+	}
+}, gt = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = mt, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new ht(this.ctx, e);
+	}
+}, _t = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toBeChecked = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: d
+		}, "checked", "toBeChecked()")), this.toBeIndeterminate = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: d
+		}, "indeterminate", "toBeIndeterminate()")), this.toBeUnchecked = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: d
+		}, "unchecked", "toBeUnchecked()")), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: h
+		}, e, "toHaveValue(${value})")), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: f
+		}, e, "toHaveVisibleError(${value})"));
+	}
+}, vt = { name: "color-picker" }, yt = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "colorPicker", this.componentInfo = vt, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, bt = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = vt, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new yt(this.ctx, e);
+	}
+}, xt = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: h
+		}, e, "toHaveValue(${value})")), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: f
+		}, e, "toHaveVisibleError(${value})"));
+	}
+}, St = { name: "combobox" }, Ct = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "combobox", this.componentInfo = St, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(ue.bind(this)), this.fill = this.ctx.driver.wrapAction(le.bind(this)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.selectOptionByText = this.ctx.driver.wrapAction(M.bind(this)), this.selectOptionByValue = this.ctx.driver.wrapAction(j.bind(this)), this.control = H.bind(this, "input.control");
+	}
+}, wt = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = St, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Ct(this.ctx, e);
+	}
+}, Tt = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})")), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: h
+		}, e, "toHaveValue(${value})")), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: f
+		}, e, "toHaveVisibleError(${value})"));
+	}
+}, Et = { name: "contextual-help" }, Dt = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "contextualHelp", this.componentInfo = Et, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Ot = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Et, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Dt(this.ctx, e);
+	}
+}, kt = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, At = { name: "country" }, jt = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "country", this.componentInfo = At, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Mt = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = At, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new jt(this.ctx, e);
+	}
+}, Nt = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, Pt = { name: "data-grid" }, Ft = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "dataGrid", this.componentInfo = Pt, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, It = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Pt, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Ft(this.ctx, e);
+	}
+}, Lt = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, Rt = { name: "data-grid-cell" }, zt = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "dataGridCell", this.componentInfo = Rt, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Bt = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Rt, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new zt(this.ctx, e);
+	}
+}, Vt = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, Ht = { name: "data-grid-row" }, Ut = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "dataGridRow", this.componentInfo = Ht, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Wt = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Ht, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Ut(this.ctx, e);
+	}
+}, Gt = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, Kt = { name: "date-picker" }, qt = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "datePicker", this.componentInfo = Kt, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(I.bind(this)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.selectDate = this.ctx.driver.wrapAction(de.bind(this)), this.clearButton = U.bind(this, "#clear-button"), this.control = W.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = U.bind(this, "#picker-button");
+	}
+}, Jt = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Kt, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new qt(this.ctx, e);
+	}
+}, Yt = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: h
+		}, e, "toHaveValue(${value})")), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: f
+		}, e, "toHaveVisibleError(${value})"));
+	}
+}, Xt = { name: "date-range-picker" }, Zt = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "dateRangePicker", this.componentInfo = Xt, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(I.bind(this)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.selectDateRange = this.ctx.driver.wrapAction(me.bind(this)), this.clearButton = U.bind(this, "#clear-button"), this.control = W.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = U.bind(this, "#picker-button");
+	}
+}, Qt = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Xt, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Zt(this.ctx, e);
+	}
+}, $t = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveRange = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: ie
+		}, e, "toHaveRange(${value})")), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: h
+		}, e, "toHaveValue(${value})")), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: f
+		}, e, "toHaveVisibleError(${value})"));
+	}
+}, en = { name: "date-time-picker" }, tn = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "dateTimePicker", this.componentInfo = en, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(I.bind(this)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.selectDateTime = this.ctx.driver.wrapAction(ge.bind(this)), this.clearButton = U.bind(this, "#clear-button"), this.control = W.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = U.bind(this, "#picker-button");
+	}
+}, nn = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = en, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new tn(this.ctx, e);
+	}
+}, rn = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: h
+		}, e, "toHaveValue(${value})")), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: f
+		}, e, "toHaveVisibleError(${value})"));
+	}
+}, an = { name: "dial-pad" }, on = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "dialPad", this.componentInfo = an, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, sn = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = an, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new on(this.ctx, e);
+	}
+}, cn = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, ln = { name: "dialog" }, un = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "dialog", this.componentInfo = ln, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.dismiss = this.ctx.driver.wrapAction(C.bind(this, () => this.dismissButton())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.dismissButton = H.bind(this, ".dismiss-button");
+	}
+}, dn = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = ln, this.byHeadline = this.ctx.driver.wrapSelector(s.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new un(this.ctx, e);
+	}
+}, fn = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toBeClosed = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: m
+		}, !1, "toBeClosed()")), this.toHaveHeadline = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: p
+		}, e, "toHaveHeadline(${value})")), this.toBeOpen = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: m
+		}, !0, "toBeOpen()"));
+	}
+}, pn = { name: "divider" }, mn = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "divider", this.componentInfo = pn, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, hn = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = pn, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new mn(this.ctx, e);
+	}
+}, gn = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, _n = { name: "empty-state" }, vn = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "emptyState", this.componentInfo = _n, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, yn = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = _n, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new vn(this.ctx, e);
+	}
+}, bn = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, xn = { name: "fab" }, Sn = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "fab", this.componentInfo = xn, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.control = H.bind(this, "button.control");
+	}
+}, Cn = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = xn, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Sn(this.ctx, e);
+	}
+}, wn = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})")), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: h
+		}, e, "toHaveValue(${value})"));
+	}
+}, Tn = { name: "file-picker" }, En = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "filePicker", this.componentInfo = Tn, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Dn = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Tn, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new En(this.ctx, e);
+	}
+}, On = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: h
+		}, e, "toHaveValue(${value})")), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: f
+		}, e, "toHaveVisibleError(${value})"));
+	}
+}, kn = { name: "header" }, An = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "header", this.componentInfo = kn, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, jn = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = kn, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new An(this.ctx, e);
+	}
+}, Mn = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, Nn = { name: "icon" }, Pn = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "icon", this.componentInfo = Nn, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Fn = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Nn, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Pn(this.ctx, e);
+	}
+}, In = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveName = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: oe
+		}, e, "toHaveName(${value})"));
+	}
+}, Ln = { name: "layout" }, Rn = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "layout", this.componentInfo = Ln, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, zn = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Ln, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Rn(this.ctx, e);
+	}
+}, Bn = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, Vn = { name: "menu" }, Hn = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "menu", this.componentInfo = Vn, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Un = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Vn, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Hn(this.ctx, e);
+	}
+}, Wn = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toBeClosed = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: m
+		}, !1, "toBeClosed()")), this.toBeOpen = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: m
+		}, !0, "toBeOpen()"));
+	}
+}, Gn = { name: "menu-item" }, Kn = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "menuItem", this.componentInfo = Gn, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.base())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.base = H.bind(this, ".base");
+	}
+}, qn = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Gn, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this)), this.byText = this.ctx.driver.wrapSelector(c.bind(this));
+	}
+	wrap(e) {
+		return new Kn(this.ctx, e);
+	}
+}, Jn = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toBeChecked = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: u
+		}, !0, "toBeChecked()")), this.toHaveDisabled = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: x
+		}, e, "toHaveDisabled(${value})")), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})")), this.toBeUnchecked = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: u
+		}, !1, "toBeUnchecked()"));
+	}
+}, Yn = { name: "nav" }, Xn = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "nav", this.componentInfo = Yn, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Zn = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Yn, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Xn(this.ctx, e);
+	}
+}, Qn = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
+			throw Error("Component does not have props.");
+		};
+	}
+}, $n = { name: "nav-disclosure" }, er = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "navDisclosure", this.componentInfo = $n, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.collapse = this.ctx.driver.wrapAction(B.bind(this, !1)), this.expand = this.ctx.driver.wrapAction(B.bind(this, !0)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.summary = H.bind(this, "summary");
+	}
+}, tr = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = $n, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new er(this.ctx, e);
+	}
+}, nr = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.notToBeCurrent = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: y
+		}, !1, "notToBeCurrent()")), this.toBeClosed = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: m
+		}, !1, "toBeClosed()")), this.toBeCurrent = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: y
+		}, !0, "toBeCurrent()")), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})")), this.toBeOpen = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: m
+		}, !0, "toBeOpen()"));
+	}
+}, rr = { name: "nav-item" }, ir = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "navItem", this.componentInfo = rr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.control = H.bind(this, ".control");
+	}
+}, ar = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = rr, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new ir(this.ctx, e);
+	}
+}, or = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.notToBeCurrent = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: y
+		}, !1, "notToBeCurrent()")), this.toBeCurrent = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: y
+		}, !0, "toBeCurrent()")), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})"));
+	}
+}, sr = { name: "note" }, cr = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "note", this.componentInfo = sr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, lr = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = sr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new cr(this.ctx, e);
+	}
+}, ur = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})"));
+	}
+}, dr = { name: "number-field" }, fr = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "numberField", this.componentInfo = dr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(T.bind(this, () => this.control())), this.clickDecrement = this.ctx.driver.wrapAction(P.bind(this, () => this.decrementButton())), this.clickIncrement = this.ctx.driver.wrapAction(P.bind(this, () => this.incrementButton())), this.fill = this.ctx.driver.wrapAction(w.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.control = H.bind(this, "input.control"), this.decrementButton = U.bind(this, "#subtract"), this.incrementButton = U.bind(this, "#add");
+	}
+}, pr = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = dr, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new fr(this.ctx, e);
+	}
+}, mr = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})")), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: h
+		}, e, "toHaveValue(${value})")), this.toHaveValueAsNumber = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: g
+		}, e, "toHaveValueAsNumber(${value})")), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: f
+		}, e, "toHaveVisibleError(${value})"));
+	}
+}, hr = { name: "option" }, gr = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "option", this.componentInfo = hr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, _r = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = hr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new gr(this.ctx, e);
+	}
+}, vr = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})"));
+	}
+}, yr = { name: "pagination" }, br = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "pagination", this.componentInfo = yr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.clickNext = this.ctx.driver.wrapAction(C.bind(this, () => this.nextButton())), this.clickPageIndex = this.ctx.driver.wrapAction(_e.bind(this)), this.clickPrev = this.ctx.driver.wrapAction(C.bind(this, () => this.prevButton())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.nextButton = H.bind(this, ".next-button"), this.prevButton = H.bind(this, ".prev-button");
+	}
+}, xr = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = yr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new br(this.ctx, e);
+	}
+}, Sr = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveSelectedPage = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: ce
+		}, e, "toHaveSelectedPage(${value})")), this.toHaveTotal = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: se
+		}, e, "toHaveTotal(${value})"));
+	}
+}, Cr = { name: "popover" }, wr = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "popover", this.componentInfo = Cr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Tr = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Cr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new wr(this.ctx, e);
+	}
+}, Er = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, Dr = { name: "progress" }, Or = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "progress", this.componentInfo = Dr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, kr = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Dr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Or(this.ctx, e);
+	}
+}, Ar = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, jr = { name: "progress-ring" }, Mr = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "progressRing", this.componentInfo = jr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Nr = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = jr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Mr(this.ctx, e);
+	}
+}, Pr = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, Fr = { name: "radio" }, Ir = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "radio", this.componentInfo = Fr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(C.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.control = H.bind(this, ".control");
+	}
+}, Lr = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Fr, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Ir(this.ctx, e);
+	}
+}, Rr = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toBeChecked = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: u
+		}, !0, "toBeChecked()")), this.toBeUnchecked = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: u
+		}, !1, "toBeUnchecked()")), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: h
+		}, e, "toHaveValue(${value})")), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: f
+		}, e, "toHaveVisibleError(${value})"));
+	}
+}, zr = { name: "radio-group" }, Br = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "radioGroup", this.componentInfo = zr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Vr = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = zr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Br(this.ctx, e);
+	}
+}, Hr = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, Ur = { name: "range-slider" }, Wr = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "rangeSlider", this.componentInfo = Ur, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.slideEndTo = this.ctx.driver.wrapAction(R.bind(this, () => this.track(), () => this.endThumb())), this.slideStartTo = this.ctx.driver.wrapAction(R.bind(this, () => this.track(), () => this.startThumb())), this.endThumb = H.bind(this, "#end-thumb"), this.startThumb = H.bind(this, "#start-thumb"), this.track = H.bind(this, ".control");
+	}
+}, Gr = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Ur, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Wr(this.ctx, e);
+	}
+}, Kr = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveRange = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: ae
+		}, e, "toHaveRange(${value})")), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: h
+		}, e, "toHaveValue(${value})")), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: f
+		}, e, "toHaveVisibleError(${value})"));
+	}
+}, qr = { name: "rich-text-editor" }, Jr = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "richTextEditor", this.componentInfo = qr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Yr = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = qr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Jr(this.ctx, e);
+	}
+}, Xr = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, Zr = { name: "rich-text-view" }, Qr = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "richTextView", this.componentInfo = Zr, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, $r = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Zr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Qr(this.ctx, e);
+	}
+}, ei = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, ti = { name: "searchable-select" }, ni = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "searchableSelect", this.componentInfo = ti, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.selectOptionByText = this.ctx.driver.wrapAction(M.bind(this)), this.selectOptionByValue = this.ctx.driver.wrapAction(j.bind(this));
+	}
+}, ri = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = ti, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new ni(this.ctx, e);
+	}
+}, ii = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})")), this.toHaveSelectedOptions = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: re
+		}, e, "toHaveSelectedOptions(${value})")), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: h
+		}, e, "toHaveValue(${value})")), this.toHaveValues = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: ne
+		}, e, "toHaveValues(${value})")), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: f
+		}, e, "toHaveVisibleError(${value})"));
+	}
+}, ai = { name: "select" }, oi = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "select", this.componentInfo = ai, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.selectOptionByText = this.ctx.driver.wrapAction(M.bind(this)), this.selectOptionByValue = this.ctx.driver.wrapAction(j.bind(this));
+	}
+}, si = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = ai, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new oi(this.ctx, e);
+	}
+}, ci = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})")), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: h
+		}, e, "toHaveValue(${value})")), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: f
+		}, e, "toHaveVisibleError(${value})"));
+	}
+}, li = { name: "selectable-box" }, ui = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "selectableBox", this.componentInfo = li, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(E.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.uncheck = this.ctx.driver.wrapAction(D.bind(this, () => this.control())), this.control = ye.bind(this, "[data-vvd-component].control", "div.control");
+	}
+}, di = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = li, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new ui(this.ctx, e);
+	}
+}, fi = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toBeChecked = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: u
+		}, !0, "toBeChecked()")), this.toBeUnchecked = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: u
+		}, !1, "toBeUnchecked()"));
+	}
+}, pi = { name: "side-drawer" }, mi = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "sideDrawer", this.componentInfo = pi, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, hi = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = pi, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new mi(this.ctx, e);
+	}
+}, gi = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, _i = { name: "simple-color-picker" }, vi = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "simpleColorPicker", this.componentInfo = _i, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, yi = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = _i, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new vi(this.ctx, e);
+	}
+}, bi = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: h
+		}, e, "toHaveValue(${value})")), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: f
+		}, e, "toHaveVisibleError(${value})"));
+	}
+}, xi = { name: "slider" }, Si = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "slider", this.componentInfo = xi, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.slideTo = this.ctx.driver.wrapAction(R.bind(this, () => this.track(), () => this.thumb())), this.thumb = H.bind(this, ".thumb-container"), this.track = H.bind(this, ".control");
+	}
+}, Ci = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = xi, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Si(this.ctx, e);
+	}
+}, wi = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: h
+		}, e, "toHaveValue(${value})")), this.toHaveValueAsNumber = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: g
+		}, e, "toHaveValueAsNumber(${value})"));
+	}
+}, Ti = { name: "split-button" }, Ei = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "splitButton", this.componentInfo = Ti, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.clickAction = this.ctx.driver.wrapAction(C.bind(this, () => this.actionButton())), this.clickIndicator = this.ctx.driver.wrapAction(C.bind(this, () => this.indicatorButton())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.actionButton = H.bind(this, "button.control"), this.indicatorButton = H.bind(this, "button.indicator");
+	}
+}, Di = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Ti, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Ei(this.ctx, e);
+	}
+}, Oi = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})"));
+	}
+}, ki = { name: "status" }, Ai = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "status", this.componentInfo = ki, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, ji = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = ki, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Ai(this.ctx, e);
+	}
+}, Mi = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})"));
+	}
+}, Ni = { name: "switch" }, Pi = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "switch", this.componentInfo = Ni, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(C.bind(this, () => this.switch())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.uncheck = this.ctx.driver.wrapAction(C.bind(this, () => this.switch())), this.switch = H.bind(this, ".switch");
+	}
+}, Fi = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Ni, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Pi(this.ctx, e);
+	}
+}, Ii = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toBeChecked = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: u
+		}, !0, "toBeChecked()")), this.toBeUnchecked = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: u
+		}, !1, "toBeUnchecked()")), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: h
+		}, e, "toHaveValue(${value})"));
+	}
+}, Li = { name: "tab" }, Ri = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "tab", this.componentInfo = Li, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.select = this.ctx.driver.wrapAction(C.bind(this, () => this.base())), this.base = H.bind(this, ".base");
+	}
+}, zi = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Li, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Ri(this.ctx, e);
+	}
+}, Bi = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toBeActive = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: v
+		}, !0, "toBeActive()")), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})")), this.toBeInactive = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: v
+		}, !1, "toBeInactive()"));
+	}
+}, Vi = { name: "tab-panel" }, Hi = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "tabPanel", this.componentInfo = Vi, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Ui = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Vi, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Hi(this.ctx, e);
+	}
+}, Wi = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
+			throw Error("Component does not have props.");
+		};
+	}
+}, Gi = { name: "table" }, Ki = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "table", this.componentInfo = Gi, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, qi = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Gi, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Ki(this.ctx, e);
+	}
+}, Ji = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
+			throw Error("Component does not have props.");
+		};
+	}
+}, Yi = { name: "table-body" }, Xi = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "tableBody", this.componentInfo = Yi, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Zi = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Yi, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Xi(this.ctx, e);
+	}
+}, Qi = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
+			throw Error("Component does not have props.");
+		};
+	}
+}, $i = { name: "table-cell" }, ea = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "tableCell", this.componentInfo = $i, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, ta = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = $i, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new ea(this.ctx, e);
+	}
+}, na = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
+			throw Error("Component does not have props.");
+		};
+	}
+}, ra = { name: "table-head" }, ia = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "tableHead", this.componentInfo = ra, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, aa = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = ra, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new ia(this.ctx, e);
+	}
+}, oa = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
+			throw Error("Component does not have props.");
+		};
+	}
+}, $ = { name: "table-header-cell" }, sa = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "tableHeaderCell", this.componentInfo = $, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, ca = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = $, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new sa(this.ctx, e);
+	}
+}, la = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
+			throw Error("Component does not have props.");
+		};
+	}
+}, ua = { name: "table-row" }, da = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "tableRow", this.componentInfo = ua, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, fa = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = ua, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new da(this.ctx, e);
+	}
+}, pa = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
+			throw Error("Component does not have props.");
+		};
+	}
+}, ma = { name: "tabs" }, ha = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "tabs", this.componentInfo = ma, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, ga = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = ma, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new ha(this.ctx, e);
+	}
+}, _a = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, va = { name: "tag" }, ya = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "tag", this.componentInfo = va, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.base())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.remove = this.ctx.driver.wrapAction(C.bind(this, () => this.dismissButton())), this.select = this.ctx.driver.wrapAction(V.bind(this, !0)), this.unselect = this.ctx.driver.wrapAction(V.bind(this, !1)), this.base = H.bind(this, ".base"), this.dismissButton = H.bind(this, ".dismiss-button");
+	}
+}, ba = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = va, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new ya(this.ctx, e);
+	}
+}, xa = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.notToBeDisabled = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: x
+		}, !1, "notToBeDisabled()")), this.toBeDisabled = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: x
+		}, !0, "toBeDisabled()")), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})")), this.toBeSelected = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: b
+		}, !0, "toBeSelected()")), this.toBeUnselected = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: b
+		}, !1, "toBeUnselected()"));
+	}
+}, Sa = { name: "tag-group" }, Ca = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "tagGroup", this.componentInfo = Sa, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, wa = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Sa, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Ca(this.ctx, e);
+	}
+}, Ta = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
+			throw Error("Component does not have props.");
+		};
+	}
+}, Ea = { name: "text-area" }, Da = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "textArea", this.componentInfo = Ea, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(T.bind(this, () => this.control())), this.fill = this.ctx.driver.wrapAction(w.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.control = H.bind(this, ".control");
+	}
+}, Oa = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Ea, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Da(this.ctx, e);
+	}
+}, ka = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: h
+		}, e, "toHaveValue(${value})")), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: f
+		}, e, "toHaveVisibleError(${value})"));
+	}
+}, Aa = { name: "text-field" }, ja = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "textField", this.componentInfo = Aa, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.control())), this.clear = this.ctx.driver.wrapAction(T.bind(this, () => this.control())), this.fill = this.ctx.driver.wrapAction(w.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.control = ve.bind(this, "input[slot=\"_control\"]");
+	}
+}, Ma = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Aa, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new ja(this.ctx, e);
+	}
+}, Na = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})")), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: h
+		}, e, "toHaveValue(${value})")), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: f
+		}, e, "toHaveVisibleError(${value})"));
+	}
+}, Pa = { name: "time-picker" }, Fa = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "timePicker", this.componentInfo = Pa, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(I.bind(this)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator)), this.selectTime = this.ctx.driver.wrapAction(fe.bind(this)), this.clearButton = U.bind(this, "#clear-button"), this.control = W.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = U.bind(this, "#picker-button");
+	}
+}, Ia = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Pa, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Fa(this.ctx, e);
+	}
+}, La = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: h
+		}, e, "toHaveValue(${value})")), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: f
+		}, e, "toHaveVisibleError(${value})"));
+	}
+}, Ra = { name: "toggletip" }, za = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "toggletip", this.componentInfo = Ra, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Ba = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Ra, this.byHeadline = this.ctx.driver.wrapSelector(s.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new za(this.ctx, e);
+	}
+}, Va = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toBeClosed = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: m
+		}, !1, "toBeClosed()")), this.toBeOpen = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: m
+		}, !0, "toBeOpen()"));
+	}
+}, Ha = { name: "tooltip" }, Ua = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "tooltip", this.componentInfo = Ha, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Wa = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Ha, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this)), this.byText = this.ctx.driver.wrapSelector(c.bind(this));
+	}
+	wrap(e) {
+		return new Ua(this.ctx, e);
+	}
+}, Ga = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toBeClosed = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: m
+		}, !1, "toBeClosed()")), this.toBeOpen = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: m
+		}, !0, "toBeOpen()"));
+	}
+}, Ka = { name: "tree-item" }, qa = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "treeItem", this.componentInfo = Ka, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Ja = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Ka, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new qa(this.ctx, e);
+	}
+}, Ya = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`)), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: S
+		}, e, "toHaveIcon(${value})"));
+	}
+}, Xa = { name: "tree-view" }, Za = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "treeView", this.componentInfo = Xa, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, Qa = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Xa, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Za(this.ctx, e);
+	}
+}, $a = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+			type: "eval",
+			el: this.wrapper.unwrap(),
+			fn: (e, t) => e[t],
+			arg: e
+		}, t, `toHaveProp("${e}", ${t})`));
+	}
+}, eo = { name: "video-player" }, to = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "videoPlayer", this.componentInfo = eo, this.blur = this.ctx.driver.wrapAction(k.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(A.bind(this, () => this.locator));
+	}
+}, no = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = eo, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new to(this.ctx, e);
+	}
+}, ro = {
+	collection: r,
+	accordion: Se,
+	accordionItem: Te,
+	actionGroup: Oe,
+	alert: je,
+	audioPlayer: Pe,
+	avatar: Le,
+	badge: Be,
+	banner: Ue,
+	breadcrumb: qe,
+	breadcrumbItem: Ze,
+	button: tt,
+	calendar: at,
+	calendarEvent: lt,
+	card: pt,
+	checkbox: _t,
+	colorPicker: xt,
+	combobox: Tt,
+	contextualHelp: kt,
+	country: Nt,
+	dataGrid: Lt,
+	dataGridCell: Vt,
+	dataGridRow: Gt,
+	datePicker: Yt,
+	dateRangePicker: $t,
+	dateTimePicker: rn,
+	dialPad: cn,
+	dialog: fn,
+	divider: gn,
+	emptyState: bn,
+	fab: wn,
+	filePicker: On,
+	header: Mn,
+	icon: In,
+	layout: Bn,
+	menu: Wn,
+	menuItem: Jn,
+	nav: Qn,
+	navDisclosure: nr,
+	navItem: or,
+	note: ur,
+	numberField: mr,
+	option: vr,
+	pagination: Sr,
+	popover: Er,
+	progress: Ar,
+	progressRing: Pr,
+	radio: Rr,
+	radioGroup: Hr,
+	rangeSlider: Kr,
+	richTextEditor: Xr,
+	richTextView: ei,
+	searchableSelect: ii,
+	select: ci,
+	selectableBox: fi,
+	sideDrawer: gi,
+	simpleColorPicker: bi,
+	slider: wi,
+	splitButton: Oi,
+	status: Mi,
+	switch: Ii,
+	tab: Bi,
+	tabPanel: Wi,
+	table: Ji,
+	tableBody: Qi,
+	tableCell: na,
+	tableHead: oa,
+	tableHeaderCell: la,
+	tableRow: pa,
+	tabs: _a,
+	tag: xa,
+	tagGroup: Ta,
+	textArea: ka,
+	textField: Na,
+	timePicker: La,
+	toggletip: Va,
+	tooltip: Ga,
+	treeItem: Ya,
+	treeView: $a,
+	videoPlayer: class {
+		constructor(e, t) {
+			this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
+				type: "eval",
+				el: this.wrapper.unwrap(),
+				fn: (e, t) => e[t],
+				arg: e
+			}, t, `toHaveProp("${e}", ${t})`));
+		}
+	}
+}, io = class {
+	constructor(e) {
+		this.ctx = e, this.accordion = new xe(this.ctx), this.accordionItem = new we(this.ctx), this.actionGroup = new De(this.ctx), this.alert = new Ae(this.ctx), this.audioPlayer = new Ne(this.ctx), this.avatar = new Ie(this.ctx), this.badge = new ze(this.ctx), this.banner = new He(this.ctx), this.breadcrumb = new Ke(this.ctx), this.breadcrumbItem = new Xe(this.ctx), this.button = new et(this.ctx), this.calendar = new it(this.ctx), this.calendarEvent = new ct(this.ctx), this.card = new ft(this.ctx), this.checkbox = new gt(this.ctx), this.colorPicker = new bt(this.ctx), this.combobox = new wt(this.ctx), this.contextualHelp = new Ot(this.ctx), this.country = new Mt(this.ctx), this.dataGrid = new It(this.ctx), this.dataGridCell = new Bt(this.ctx), this.dataGridRow = new Wt(this.ctx), this.datePicker = new Jt(this.ctx), this.dateRangePicker = new Qt(this.ctx), this.dateTimePicker = new nn(this.ctx), this.dialPad = new sn(this.ctx), this.dialog = new dn(this.ctx), this.divider = new hn(this.ctx), this.emptyState = new yn(this.ctx), this.fab = new Cn(this.ctx), this.filePicker = new Dn(this.ctx), this.header = new jn(this.ctx), this.icon = new Fn(this.ctx), this.layout = new zn(this.ctx), this.menu = new Un(this.ctx), this.menuItem = new qn(this.ctx), this.nav = new Zn(this.ctx), this.navDisclosure = new tr(this.ctx), this.navItem = new ar(this.ctx), this.note = new lr(this.ctx), this.numberField = new pr(this.ctx), this.option = new _r(this.ctx), this.pagination = new xr(this.ctx), this.popover = new Tr(this.ctx), this.progress = new kr(this.ctx), this.progressRing = new Nr(this.ctx), this.radio = new Lr(this.ctx), this.radioGroup = new Vr(this.ctx), this.rangeSlider = new Gr(this.ctx), this.richTextEditor = new Yr(this.ctx), this.richTextView = new $r(this.ctx), this.searchableSelect = new ri(this.ctx), this.select = new si(this.ctx), this.selectableBox = new di(this.ctx), this.sideDrawer = new hi(this.ctx), this.simpleColorPicker = new yi(this.ctx), this.slider = new Ci(this.ctx), this.splitButton = new Di(this.ctx), this.status = new ji(this.ctx), this.switch = new Fi(this.ctx), this.tab = new zi(this.ctx), this.tabPanel = new Ui(this.ctx), this.table = new qi(this.ctx), this.tableBody = new Zi(this.ctx), this.tableCell = new ta(this.ctx), this.tableHead = new aa(this.ctx), this.tableHeaderCell = new ca(this.ctx), this.tableRow = new fa(this.ctx), this.tabs = new ga(this.ctx), this.tag = new ba(this.ctx), this.tagGroup = new wa(this.ctx), this.textArea = new Oa(this.ctx), this.textField = new Ma(this.ctx), this.timePicker = new Ia(this.ctx), this.toggletip = new Ba(this.ctx), this.tooltip = new Wa(this.ctx), this.treeItem = new Ja(this.ctx), this.treeView = new Qa(this.ctx), this.videoPlayer = new no(this.ctx);
+	}
+	expect(e) {
+		if (e.type in ro) return new ro[e.type](this.ctx, e);
+		throw Error(`Unknown component type: ${e.type}`);
+	}
+};
+//#endregion
+export { io as t };