@vonage/vivid-test-utils 5.24.0 → 5.27.0

package/dist/{components.generated-CbtYzUoa.js → components.generated-B-6jlcsc.js}

@@ -275,7 +275,7 @@ function B(e) {
 	return new et(this.ctx, this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.unwrap()), e));
 }
 function V(e) {
-	return new oo(this.ctx, this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.unwrap()), e));
+	return new ho(this.ctx, this.ctx.driver.querySelector(this.ctx.driver.enterShadow(this.unwrap()), e));
 }
 //#endregion
 //#region src/components.generated.ts
@@ -1077,9 +1077,9 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: se
 		}, e, "toHaveCode(${value})"));
 	}
-}, Rn = { name: "header" }, zn = class extends e {
+}, Rn = { name: "form-field" }, zn = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "header", this.componentInfo = Rn, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "formField", this.componentInfo = Rn, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Bn = class extends t {
 	constructor(...e) {
@@ -1097,9 +1097,9 @@ var H = { name: "accordion" }, we = class extends e {
 			arg: e
 		}, t, `toHaveProp("${e}", ${t})`));
 	}
-}, Hn = { name: "icon" }, Un = class extends e {
+}, Hn = { name: "header" }, Un = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "icon", this.componentInfo = Hn, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "header", this.componentInfo = Hn, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Wn = class extends t {
 	constructor(...e) {
@@ -1115,15 +1115,11 @@ var H = { name: "accordion" }, we = class extends e {
 			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})"));
+		}, t, `toHaveProp("${e}", ${t})`));
 	}
-}, Kn = { name: "kbd-key" }, qn = class extends e {
+}, Kn = { name: "icon" }, qn = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "kbdKey", this.componentInfo = Kn, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "icon", this.componentInfo = Kn, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Jn = class extends t {
 	constructor(...e) {
@@ -1139,11 +1135,15 @@ var H = { name: "accordion" }, we = class extends e {
 			el: this.wrapper.unwrap(),
 			fn: (e, t) => e[t],
 			arg: e
-		}, t, `toHaveProp("${e}", ${t})`));
+		}, 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})"));
 	}
-}, Xn = { name: "kbd-shortcut" }, Zn = class extends e {
+}, Xn = { name: "kbd-key" }, Zn = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "kbdShortcut", this.componentInfo = Xn, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "kbdKey", this.componentInfo = Xn, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Qn = class extends t {
 	constructor(...e) {
@@ -1154,13 +1154,16 @@ var H = { name: "accordion" }, we = class extends e {
 	}
 }, $n = class {
 	constructor(e, t) {
-		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
-			throw Error("Component does not have props.");
-		};
+		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})`));
 	}
-}, er = { name: "layout" }, tr = class extends e {
+}, er = { name: "kbd-shortcut" }, tr = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "layout", this.componentInfo = er, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "kbdShortcut", this.componentInfo = er, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, nr = class extends t {
 	constructor(...e) {
@@ -1170,6 +1173,23 @@ var H = { name: "accordion" }, we = class extends e {
 		return new tr(this.ctx, e);
 	}
 }, rr = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
+			throw Error("Component does not have props.");
+		};
+	}
+}, ir = { name: "layout" }, ar = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "layout", this.componentInfo = ir, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+	}
+}, or = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = ir, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new ar(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",
@@ -1178,18 +1198,38 @@ var H = { name: "accordion" }, we = class extends e {
 			arg: e
 		}, t, `toHaveProp("${e}", ${t})`));
 	}
-}, ir = { name: "menu" }, ar = class extends e {
+}, cr = { name: "listbox" }, lr = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "menu", this.componentInfo = ir, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "listbox", this.componentInfo = cr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, or = class extends t {
+}, ur = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = ir, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = cr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new ar(this.ctx, e);
+		return new lr(this.ctx, e);
 	}
-}, sr = class {
+}, dr = 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: "menu" }, pr = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "menu", this.componentInfo = fr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+	}
+}, mr = 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 pr(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",
@@ -1206,18 +1246,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: m
 		}, !0, "toBeOpen()"));
 	}
-}, cr = { name: "menu-item" }, lr = class extends e {
+}, gr = { name: "menu-item" }, _r = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "menuItem", this.componentInfo = cr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.base())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.base = z.bind(this, ".base");
+		super(...e), this.type = "menuItem", this.componentInfo = gr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.base())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.base = z.bind(this, ".base");
 	}
-}, ur = class extends t {
+}, vr = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = cr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this)), this.byText = this.ctx.driver.wrapSelector(c.bind(this));
+		super(...e), this.componentInfo = gr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this)), this.byText = this.ctx.driver.wrapSelector(c.bind(this));
 	}
 	wrap(e) {
-		return new lr(this.ctx, e);
+		return new _r(this.ctx, e);
 	}
-}, dr = class {
+}, yr = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1242,35 +1282,35 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: u
 		}, !1, "toBeUnchecked()"));
 	}
-}, fr = { name: "nav" }, pr = class extends e {
+}, br = { name: "nav" }, xr = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "nav", this.componentInfo = fr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "nav", this.componentInfo = br, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, mr = class extends t {
+}, Sr = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = fr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = br, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new pr(this.ctx, e);
+		return new xr(this.ctx, e);
 	}
-}, hr = class {
+}, Cr = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
 			throw Error("Component does not have props.");
 		};
 	}
-}, gr = { name: "nav-disclosure" }, _r = class extends e {
+}, wr = { name: "nav-disclosure" }, Tr = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "navDisclosure", this.componentInfo = gr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.collapse = this.ctx.driver.wrapAction(L.bind(this, !1)), this.expand = this.ctx.driver.wrapAction(L.bind(this, !0)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.summary = z.bind(this, "summary");
+		super(...e), this.type = "navDisclosure", this.componentInfo = wr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.collapse = this.ctx.driver.wrapAction(L.bind(this, !1)), this.expand = this.ctx.driver.wrapAction(L.bind(this, !0)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.summary = z.bind(this, "summary");
 	}
-}, vr = class extends t {
+}, Er = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = gr, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = wr, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new _r(this.ctx, e);
+		return new Tr(this.ctx, e);
 	}
-}, yr = class {
+}, Dr = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1299,18 +1339,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: m
 		}, !0, "toBeOpen()"));
 	}
-}, br = { name: "nav-item" }, xr = class extends e {
+}, Or = { name: "nav-item" }, kr = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "navItem", this.componentInfo = br, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.control = z.bind(this, ".control");
+		super(...e), this.type = "navItem", this.componentInfo = Or, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.control = z.bind(this, ".control");
 	}
-}, Sr = class extends t {
+}, Ar = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = br, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Or, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new xr(this.ctx, e);
+		return new kr(this.ctx, e);
 	}
-}, Cr = class {
+}, jr = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1331,18 +1371,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: S
 		}, e, "toHaveIcon(${value})"));
 	}
-}, wr = { name: "note" }, Tr = class extends e {
+}, Mr = { name: "note" }, Nr = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "note", this.componentInfo = wr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "note", this.componentInfo = Mr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, Er = class extends t {
+}, Pr = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = wr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Mr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Tr(this.ctx, e);
+		return new Nr(this.ctx, e);
 	}
-}, Dr = class {
+}, Fr = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1355,18 +1395,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: S
 		}, e, "toHaveIcon(${value})"));
 	}
-}, Or = { name: "number-field" }, kr = class extends e {
+}, Ir = { name: "number-field" }, Lr = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "numberField", this.componentInfo = Or, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(T.bind(this, () => this.control())), this.clickDecrement = this.ctx.driver.wrapAction(j.bind(this, () => this.decrementButton())), this.clickIncrement = this.ctx.driver.wrapAction(j.bind(this, () => this.incrementButton())), this.fill = this.ctx.driver.wrapAction(w.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.control = z.bind(this, "input.control"), this.decrementButton = B.bind(this, "#subtract"), this.incrementButton = B.bind(this, "#add");
+		super(...e), this.type = "numberField", this.componentInfo = Ir, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(T.bind(this, () => this.control())), this.clickDecrement = this.ctx.driver.wrapAction(j.bind(this, () => this.decrementButton())), this.clickIncrement = this.ctx.driver.wrapAction(j.bind(this, () => this.incrementButton())), this.fill = this.ctx.driver.wrapAction(w.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.control = z.bind(this, "input.control"), this.decrementButton = B.bind(this, "#subtract"), this.incrementButton = B.bind(this, "#add");
 	}
-}, Ar = class extends t {
+}, Rr = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Or, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Ir, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new kr(this.ctx, e);
+		return new Lr(this.ctx, e);
 	}
-}, jr = class {
+}, zr = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1391,35 +1431,35 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: f
 		}, e, "toHaveVisibleError(${value})"));
 	}
-}, Mr = { name: "optgroup" }, Nr = class extends e {
+}, Br = { name: "optgroup" }, Vr = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "optgroup", this.componentInfo = Mr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "optgroup", this.componentInfo = Br, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, Pr = class extends t {
+}, Hr = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Mr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Br, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Nr(this.ctx, e);
+		return new Vr(this.ctx, e);
 	}
-}, Fr = class {
+}, Ur = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
 			throw Error("Component does not have props.");
 		};
 	}
-}, Ir = { name: "option" }, Lr = class extends e {
+}, Wr = { name: "option" }, Gr = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "option", this.componentInfo = Ir, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "option", this.componentInfo = Wr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, Rr = class extends t {
+}, Kr = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Ir, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Wr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Lr(this.ctx, e);
+		return new Gr(this.ctx, e);
 	}
-}, zr = class {
+}, qr = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1432,18 +1472,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: S
 		}, e, "toHaveIcon(${value})"));
 	}
-}, Br = { name: "pagination" }, Vr = class extends e {
+}, Jr = { name: "pagination" }, Yr = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "pagination", this.componentInfo = Br, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.clickNext = this.ctx.driver.wrapAction(C.bind(this, () => this.nextButton())), this.clickPageIndex = this.ctx.driver.wrapAction(xe.bind(this)), this.clickPrev = this.ctx.driver.wrapAction(C.bind(this, () => this.prevButton())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.nextButton = z.bind(this, ".next-button"), this.prevButton = z.bind(this, ".prev-button");
+		super(...e), this.type = "pagination", this.componentInfo = Jr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.clickNext = this.ctx.driver.wrapAction(C.bind(this, () => this.nextButton())), this.clickPageIndex = this.ctx.driver.wrapAction(xe.bind(this)), this.clickPrev = this.ctx.driver.wrapAction(C.bind(this, () => this.prevButton())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.nextButton = z.bind(this, ".next-button"), this.prevButton = z.bind(this, ".prev-button");
 	}
-}, Hr = class extends t {
+}, Xr = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Br, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Jr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Vr(this.ctx, e);
+		return new Yr(this.ctx, e);
 	}
-}, Ur = class {
+}, Zr = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1460,35 +1500,35 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: ce
 		}, e, "toHaveTotal(${value})"));
 	}
-}, Wr = { name: "platform-switch" }, Gr = class extends e {
+}, Qr = { name: "platform-switch" }, $r = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "platformSwitch", this.componentInfo = Wr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "platformSwitch", this.componentInfo = Qr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, Kr = class extends t {
+}, ei = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Wr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Qr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Gr(this.ctx, e);
+		return new $r(this.ctx, e);
 	}
-}, qr = class {
+}, ti = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
 			throw Error("Component does not have props.");
 		};
 	}
-}, Jr = { name: "popover" }, Yr = class extends e {
+}, ni = { name: "popover" }, ri = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "popover", this.componentInfo = Jr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "popover", this.componentInfo = ni, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, Xr = class extends t {
+}, ii = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Jr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = ni, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Yr(this.ctx, e);
+		return new ri(this.ctx, e);
 	}
-}, Zr = class {
+}, ai = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1497,18 +1537,18 @@ var H = { name: "accordion" }, we = class extends e {
 			arg: e
 		}, t, `toHaveProp("${e}", ${t})`));
 	}
-}, Qr = { name: "progress" }, $r = class extends e {
+}, oi = { name: "progress" }, si = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "progress", this.componentInfo = Qr, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "progress", this.componentInfo = oi, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, ei = class extends t {
+}, ci = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Qr, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = oi, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new $r(this.ctx, e);
+		return new si(this.ctx, e);
 	}
-}, ti = class {
+}, li = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1517,18 +1557,18 @@ var H = { name: "accordion" }, we = class extends e {
 			arg: e
 		}, t, `toHaveProp("${e}", ${t})`));
 	}
-}, ni = { name: "progress-ring" }, ri = class extends e {
+}, ui = { name: "progress-ring" }, di = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "progressRing", this.componentInfo = ni, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "progressRing", this.componentInfo = ui, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, ii = class extends t {
+}, fi = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = ni, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = ui, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new ri(this.ctx, e);
+		return new di(this.ctx, e);
 	}
-}, ai = class {
+}, pi = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1537,18 +1577,18 @@ var H = { name: "accordion" }, we = class extends e {
 			arg: e
 		}, t, `toHaveProp("${e}", ${t})`));
 	}
-}, oi = { name: "radio" }, si = class extends e {
+}, mi = { name: "radio" }, hi = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "radio", this.componentInfo = oi, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(C.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.control = z.bind(this, ".control");
+		super(...e), this.type = "radio", this.componentInfo = mi, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(C.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.control = z.bind(this, ".control");
 	}
-}, ci = class extends t {
+}, gi = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = oi, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = mi, 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);
+		return new hi(this.ctx, e);
 	}
-}, li = class {
+}, _i = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1573,18 +1613,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: f
 		}, e, "toHaveVisibleError(${value})"));
 	}
-}, ui = { name: "radio-group" }, di = class extends e {
+}, vi = { name: "radio-group" }, yi = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "radioGroup", this.componentInfo = ui, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "radioGroup", this.componentInfo = vi, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, fi = class extends t {
+}, bi = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = ui, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = vi, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new di(this.ctx, e);
+		return new yi(this.ctx, e);
 	}
-}, pi = class {
+}, xi = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1593,18 +1633,18 @@ var H = { name: "accordion" }, we = class extends e {
 			arg: e
 		}, t, `toHaveProp("${e}", ${t})`));
 	}
-}, mi = { name: "range-slider" }, hi = class extends e {
+}, Si = { name: "range-slider" }, Ci = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "rangeSlider", this.componentInfo = mi, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.slideEndTo = this.ctx.driver.wrapAction(F.bind(this, () => this.track(), () => this.endThumb())), this.slideStartTo = this.ctx.driver.wrapAction(F.bind(this, () => this.track(), () => this.startThumb())), this.endThumb = z.bind(this, "#end-thumb"), this.startThumb = z.bind(this, "#start-thumb"), this.track = z.bind(this, ".control");
+		super(...e), this.type = "rangeSlider", this.componentInfo = Si, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.slideEndTo = this.ctx.driver.wrapAction(F.bind(this, () => this.track(), () => this.endThumb())), this.slideStartTo = this.ctx.driver.wrapAction(F.bind(this, () => this.track(), () => this.startThumb())), this.endThumb = z.bind(this, "#end-thumb"), this.startThumb = z.bind(this, "#start-thumb"), this.track = z.bind(this, ".control");
 	}
-}, gi = class extends t {
+}, wi = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = mi, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Si, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new hi(this.ctx, e);
+		return new Ci(this.ctx, e);
 	}
-}, _i = class {
+}, Ti = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1625,18 +1665,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: f
 		}, e, "toHaveVisibleError(${value})"));
 	}
-}, vi = { name: "rich-text-editor" }, yi = class extends e {
+}, Ei = { name: "rich-text-editor" }, Di = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "richTextEditor", this.componentInfo = vi, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "richTextEditor", this.componentInfo = Ei, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, bi = class extends t {
+}, Oi = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = vi, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Ei, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new yi(this.ctx, e);
+		return new Di(this.ctx, e);
 	}
-}, xi = class {
+}, ki = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1645,18 +1685,18 @@ var H = { name: "accordion" }, we = class extends e {
 			arg: e
 		}, t, `toHaveProp("${e}", ${t})`));
 	}
-}, Si = { name: "rich-text-view" }, Ci = class extends e {
+}, Ai = { name: "rich-text-view" }, ji = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "richTextView", this.componentInfo = Si, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "richTextView", this.componentInfo = Ai, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, wi = class extends t {
+}, Mi = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Si, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Ai, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Ci(this.ctx, e);
+		return new ji(this.ctx, e);
 	}
-}, Ti = class {
+}, Ni = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1665,18 +1705,18 @@ var H = { name: "accordion" }, we = class extends e {
 			arg: e
 		}, t, `toHaveProp("${e}", ${t})`));
 	}
-}, Ei = { name: "searchable-select" }, Di = class extends e {
+}, Pi = { name: "searchable-select" }, Fi = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "searchableSelect", this.componentInfo = Ei, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.selectOptionByText = this.ctx.driver.wrapAction(A.bind(this)), this.selectOptionByValue = this.ctx.driver.wrapAction(k.bind(this));
+		super(...e), this.type = "searchableSelect", this.componentInfo = Pi, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.selectOptionByText = this.ctx.driver.wrapAction(A.bind(this)), this.selectOptionByValue = this.ctx.driver.wrapAction(k.bind(this));
 	}
-}, Oi = class extends t {
+}, Ii = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Ei, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Pi, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Di(this.ctx, e);
+		return new Fi(this.ctx, e);
 	}
-}, ki = class {
+}, Li = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1705,18 +1745,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: f
 		}, e, "toHaveVisibleError(${value})"));
 	}
-}, Ai = { name: "select" }, ji = class extends e {
+}, Ri = { name: "select" }, zi = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "select", this.componentInfo = Ai, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.selectOptionByText = this.ctx.driver.wrapAction(A.bind(this)), this.selectOptionByValue = this.ctx.driver.wrapAction(k.bind(this));
+		super(...e), this.type = "select", this.componentInfo = Ri, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.selectOptionByText = this.ctx.driver.wrapAction(A.bind(this)), this.selectOptionByValue = this.ctx.driver.wrapAction(k.bind(this));
 	}
-}, Mi = class extends t {
+}, Bi = 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));
+		super(...e), this.componentInfo = Ri, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new ji(this.ctx, e);
+		return new zi(this.ctx, e);
 	}
-}, Ni = class {
+}, Vi = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1737,18 +1777,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: f
 		}, e, "toHaveVisibleError(${value})"));
 	}
-}, Pi = { name: "selectable-box" }, Fi = class extends e {
+}, Hi = { name: "selectable-box" }, Ui = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "selectableBox", this.componentInfo = Pi, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(fe.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.uncheck = this.ctx.driver.wrapAction(pe.bind(this, () => this.control())), this.control = Ce.bind(this, "[data-vvd-component].control", "div.control");
+		super(...e), this.type = "selectableBox", this.componentInfo = Hi, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(fe.bind(this, () => this.control())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.uncheck = this.ctx.driver.wrapAction(pe.bind(this, () => this.control())), this.control = Ce.bind(this, "[data-vvd-component].control", "div.control");
 	}
-}, Ii = class extends t {
+}, Wi = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Pi, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Hi, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Fi(this.ctx, e);
+		return new Ui(this.ctx, e);
 	}
-}, Li = class {
+}, 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",
@@ -1765,18 +1805,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: u
 		}, !1, "toBeUnchecked()"));
 	}
-}, Ri = { name: "side-drawer" }, zi = class extends e {
+}, Ki = { name: "side-drawer" }, qi = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "sideDrawer", this.componentInfo = Ri, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "sideDrawer", this.componentInfo = Ki, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, Bi = class extends t {
+}, Ji = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Ri, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Ki, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new zi(this.ctx, e);
+		return new qi(this.ctx, e);
 	}
-}, Vi = class {
+}, Yi = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1785,18 +1825,18 @@ var H = { name: "accordion" }, we = class extends e {
 			arg: e
 		}, t, `toHaveProp("${e}", ${t})`));
 	}
-}, Hi = { name: "simple-color-picker" }, Ui = class extends e {
+}, Xi = { name: "simple-color-picker" }, Zi = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "simpleColorPicker", this.componentInfo = Hi, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "simpleColorPicker", this.componentInfo = Xi, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, Wi = class extends t {
+}, Qi = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Hi, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		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 Ui(this.ctx, e);
+		return new Zi(this.ctx, e);
 	}
-}, Gi = class {
+}, $i = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1813,18 +1853,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: f
 		}, e, "toHaveVisibleError(${value})"));
 	}
-}, Ki = { name: "slider" }, qi = class extends e {
+}, ea = { name: "slider" }, ta = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "slider", this.componentInfo = Ki, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.slideTo = this.ctx.driver.wrapAction(F.bind(this, () => this.track(), () => this.thumb())), this.thumb = z.bind(this, ".thumb-container"), this.track = z.bind(this, ".control");
+		super(...e), this.type = "slider", this.componentInfo = ea, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.slideTo = this.ctx.driver.wrapAction(F.bind(this, () => this.track(), () => this.thumb())), this.thumb = z.bind(this, ".thumb-container"), this.track = z.bind(this, ".control");
 	}
-}, Ji = class extends t {
+}, na = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Ki, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		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 qi(this.ctx, e);
+		return new ta(this.ctx, e);
 	}
-}, Yi = class {
+}, ra = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1841,18 +1881,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: g
 		}, e, "toHaveValueAsNumber(${value})"));
 	}
-}, Xi = { name: "split-button" }, Zi = class extends e {
+}, ia = { name: "split-button" }, aa = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "splitButton", this.componentInfo = Xi, this.blur = this.ctx.driver.wrapAction(D.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(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.actionButton = z.bind(this, "button.control"), this.indicatorButton = z.bind(this, "button.indicator");
+		super(...e), this.type = "splitButton", this.componentInfo = ia, this.blur = this.ctx.driver.wrapAction(D.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(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.actionButton = z.bind(this, "button.control"), this.indicatorButton = z.bind(this, "button.indicator");
 	}
-}, Qi = class extends t {
+}, oa = 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));
+		super(...e), this.componentInfo = ia, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Zi(this.ctx, e);
+		return new aa(this.ctx, e);
 	}
-}, $i = class {
+}, sa = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1865,18 +1905,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: S
 		}, e, "toHaveIcon(${value})"));
 	}
-}, ea = { name: "status" }, ta = class extends e {
+}, ca = { name: "status" }, la = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "status", this.componentInfo = ea, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "status", this.componentInfo = ca, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, na = class extends t {
+}, ua = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = ea, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = ca, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new ta(this.ctx, e);
+		return new la(this.ctx, e);
 	}
-}, ra = class {
+}, da = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1889,18 +1929,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: S
 		}, e, "toHaveIcon(${value})"));
 	}
-}, ia = { name: "switch" }, aa = class extends e {
+}, fa = { name: "switch" }, pa = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "switch", this.componentInfo = ia, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(C.bind(this, () => this.switch())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.uncheck = this.ctx.driver.wrapAction(C.bind(this, () => this.switch())), this.switch = z.bind(this, ".switch");
+		super(...e), this.type = "switch", this.componentInfo = fa, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(C.bind(this, () => this.switch())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.uncheck = this.ctx.driver.wrapAction(C.bind(this, () => this.switch())), this.switch = z.bind(this, ".switch");
 	}
-}, oa = class extends t {
+}, ma = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = ia, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = fa, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new aa(this.ctx, e);
+		return new pa(this.ctx, e);
 	}
-}, sa = class {
+}, ha = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -1921,18 +1961,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: h
 		}, e, "toHaveValue(${value})"));
 	}
-}, ca = { name: "tab" }, la = class extends e {
+}, ga = { name: "tab" }, _a = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tab", this.componentInfo = ca, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.select = this.ctx.driver.wrapAction(C.bind(this, () => this.base())), this.base = z.bind(this, ".base");
+		super(...e), this.type = "tab", this.componentInfo = ga, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.select = this.ctx.driver.wrapAction(C.bind(this, () => this.base())), this.base = z.bind(this, ".base");
 	}
-}, ua = class extends t {
+}, va = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = ca, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = ga, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new la(this.ctx, e);
+		return new _a(this.ctx, e);
 	}
-}, da = class {
+}, 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",
@@ -1953,43 +1993,9 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: v
 		}, !1, "toBeInactive()"));
 	}
-}, fa = { name: "tab-panel" }, pa = class extends e {
-	constructor(...e) {
-		super(...e), this.type = "tabPanel", this.componentInfo = fa, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
-	}
-}, ma = class extends t {
+}, ba = { name: "tab-panel" }, xa = class extends e {
 	constructor(...e) {
-		super(...e), this.componentInfo = fa, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
-	}
-	wrap(e) {
-		return new pa(this.ctx, e);
-	}
-}, ha = class {
-	constructor(e, t) {
-		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
-			throw Error("Component does not have props.");
-		};
-	}
-}, ga = { name: "table" }, _a = class extends e {
-	constructor(...e) {
-		super(...e), this.type = "table", this.componentInfo = ga, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
-	}
-}, va = class extends t {
-	constructor(...e) {
-		super(...e), this.componentInfo = ga, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
-	}
-	wrap(e) {
-		return new _a(this.ctx, e);
-	}
-}, ya = class {
-	constructor(e, t) {
-		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
-			throw Error("Component does not have props.");
-		};
-	}
-}, ba = { name: "table-body" }, xa = class extends e {
-	constructor(...e) {
-		super(...e), this.type = "tableBody", this.componentInfo = ba, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "tabPanel", this.componentInfo = ba, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Sa = class extends t {
 	constructor(...e) {
@@ -2004,9 +2010,9 @@ var H = { name: "accordion" }, we = class extends e {
 			throw Error("Component does not have props.");
 		};
 	}
-}, wa = { name: "table-cell" }, Ta = class extends e {
+}, wa = { name: "table" }, Ta = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tableCell", this.componentInfo = wa, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "table", this.componentInfo = wa, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Ea = class extends t {
 	constructor(...e) {
@@ -2021,9 +2027,9 @@ var H = { name: "accordion" }, we = class extends e {
 			throw Error("Component does not have props.");
 		};
 	}
-}, Oa = { name: "table-head" }, ka = class extends e {
+}, Oa = { name: "table-body" }, ka = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tableHead", this.componentInfo = Oa, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "tableBody", this.componentInfo = Oa, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Aa = class extends t {
 	constructor(...e) {
@@ -2038,9 +2044,9 @@ var H = { name: "accordion" }, we = class extends e {
 			throw Error("Component does not have props.");
 		};
 	}
-}, Ma = { name: "table-header-cell" }, Na = class extends e {
+}, Ma = { name: "table-cell" }, Na = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tableHeaderCell", this.componentInfo = Ma, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "tableCell", this.componentInfo = Ma, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Pa = class extends t {
 	constructor(...e) {
@@ -2055,9 +2061,9 @@ var H = { name: "accordion" }, we = class extends e {
 			throw Error("Component does not have props.");
 		};
 	}
-}, Ia = { name: "table-row" }, La = class extends e {
+}, Ia = { name: "table-head" }, La = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tableRow", this.componentInfo = Ia, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "tableHead", this.componentInfo = Ia, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Ra = class extends t {
 	constructor(...e) {
@@ -2072,9 +2078,9 @@ var H = { name: "accordion" }, we = class extends e {
 			throw Error("Component does not have props.");
 		};
 	}
-}, Ba = { name: "table-sorting-button" }, Va = class extends e {
+}, Ba = { name: "table-header-cell" }, Va = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tableSortingButton", this.componentInfo = Ba, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "tableHeaderCell", this.componentInfo = Ba, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
 }, Ha = class extends t {
 	constructor(...e) {
@@ -2084,6 +2090,40 @@ var H = { name: "accordion" }, we = class extends e {
 		return new Va(this.ctx, e);
 	}
 }, Ua = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
+			throw Error("Component does not have props.");
+		};
+	}
+}, Wa = { name: "table-row" }, Ga = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "tableRow", this.componentInfo = Wa, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+	}
+}, Ka = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Wa, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Ga(this.ctx, e);
+	}
+}, qa = class {
+	constructor(e, t) {
+		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
+			throw Error("Component does not have props.");
+		};
+	}
+}, Ja = { name: "table-sorting-button" }, Ya = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "tableSortingButton", this.componentInfo = Ja, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+	}
+}, Xa = class extends t {
+	constructor(...e) {
+		super(...e), this.componentInfo = Ja, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+	}
+	wrap(e) {
+		return new Ya(this.ctx, e);
+	}
+}, Za = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -2092,18 +2132,18 @@ var H = { name: "accordion" }, we = class extends e {
 			arg: e
 		}, t, `toHaveProp("${e}", ${t})`));
 	}
-}, $ = { name: "tabs" }, Wa = class extends e {
+}, Qa = { name: "tabs" }, $a = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tabs", this.componentInfo = $, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "tabs", this.componentInfo = Qa, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, Ga = class extends t {
+}, eo = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = $, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Qa, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Wa(this.ctx, e);
+		return new $a(this.ctx, e);
 	}
-}, Ka = class {
+}, to = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -2112,18 +2152,18 @@ var H = { name: "accordion" }, we = class extends e {
 			arg: e
 		}, t, `toHaveProp("${e}", ${t})`));
 	}
-}, qa = { name: "tag" }, Ja = class extends e {
+}, no = { name: "tag" }, ro = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tag", this.componentInfo = qa, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.base())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.remove = this.ctx.driver.wrapAction(C.bind(this, () => this.dismissButton())), this.select = this.ctx.driver.wrapAction(R.bind(this, !0)), this.unselect = this.ctx.driver.wrapAction(R.bind(this, !1)), this.base = z.bind(this, ".base"), this.dismissButton = z.bind(this, ".dismiss-button");
+		super(...e), this.type = "tag", this.componentInfo = no, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(C.bind(this, () => this.base())), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.remove = this.ctx.driver.wrapAction(C.bind(this, () => this.dismissButton())), this.select = this.ctx.driver.wrapAction(R.bind(this, !0)), this.unselect = this.ctx.driver.wrapAction(R.bind(this, !1)), this.base = z.bind(this, ".base"), this.dismissButton = z.bind(this, ".dismiss-button");
 	}
-}, Ya = class extends t {
+}, io = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = qa, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = no, 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);
+		return new ro(this.ctx, e);
 	}
-}, Xa = class {
+}, ao = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -2152,35 +2192,35 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: b
 		}, !1, "toBeUnselected()"));
 	}
-}, Za = { name: "tag-group" }, Qa = class extends e {
+}, oo = { name: "tag-group" }, so = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tagGroup", this.componentInfo = Za, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "tagGroup", this.componentInfo = oo, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, $a = class extends t {
+}, co = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Za, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = oo, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Qa(this.ctx, e);
+		return new so(this.ctx, e);
 	}
-}, eo = class {
+}, lo = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = (e, t) => {
 			throw Error("Component does not have props.");
 		};
 	}
-}, to = { name: "text-area" }, no = class extends e {
+}, uo = { name: "text-area" }, fo = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "textArea", this.componentInfo = to, this.blur = this.ctx.driver.wrapAction(D.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(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.control = z.bind(this, ".control");
+		super(...e), this.type = "textArea", this.componentInfo = uo, this.blur = this.ctx.driver.wrapAction(D.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(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.control = z.bind(this, ".control");
 	}
-}, ro = class extends t {
+}, po = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = to, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = uo, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new no(this.ctx, e);
+		return new fo(this.ctx, e);
 	}
-}, io = class {
+}, mo = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -2197,18 +2237,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: f
 		}, e, "toHaveVisibleError(${value})"));
 	}
-}, ao = { name: "text-field" }, oo = class extends e {
+}, $ = { name: "text-field" }, ho = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "textField", this.componentInfo = ao, this.blur = this.ctx.driver.wrapAction(D.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(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.control = Se.bind(this, "input[slot=\"_control\"]");
+		super(...e), this.type = "textField", this.componentInfo = $, this.blur = this.ctx.driver.wrapAction(D.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(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.control = Se.bind(this, "input[slot=\"_control\"]");
 	}
-}, so = class extends t {
+}, go = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = ao, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = $, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new oo(this.ctx, e);
+		return new ho(this.ctx, e);
 	}
-}, co = class {
+}, _o = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -2229,18 +2269,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: f
 		}, e, "toHaveVisibleError(${value})"));
 	}
-}, lo = { name: "time-picker" }, uo = class extends e {
+}, vo = { name: "time-picker" }, yo = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "timePicker", this.componentInfo = lo, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(N.bind(this)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.selectTime = this.ctx.driver.wrapAction(ge.bind(this)), this.clearButton = B.bind(this, "#clear-button"), this.control = V.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = B.bind(this, "#picker-button");
+		super(...e), this.type = "timePicker", this.componentInfo = vo, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction(N.bind(this)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator)), this.selectTime = this.ctx.driver.wrapAction(ge.bind(this)), this.clearButton = B.bind(this, "#clear-button"), this.control = V.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = B.bind(this, "#picker-button");
 	}
-}, fo = class extends t {
+}, bo = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = lo, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = vo, this.byLabel = this.ctx.driver.wrapSelector(o.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new uo(this.ctx, e);
+		return new yo(this.ctx, e);
 	}
-}, po = class {
+}, xo = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -2257,18 +2297,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: f
 		}, e, "toHaveVisibleError(${value})"));
 	}
-}, mo = { name: "toggletip" }, ho = class extends e {
+}, So = { name: "toggletip" }, Co = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "toggletip", this.componentInfo = mo, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "toggletip", this.componentInfo = So, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, go = class extends t {
+}, wo = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = mo, this.byHeadline = this.ctx.driver.wrapSelector(s.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = So, this.byHeadline = this.ctx.driver.wrapSelector(s.bind(this)), this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new ho(this.ctx, e);
+		return new Co(this.ctx, e);
 	}
-}, _o = class {
+}, To = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -2285,18 +2325,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: m
 		}, !0, "toBeOpen()"));
 	}
-}, vo = { name: "tooltip" }, yo = class extends e {
+}, Eo = { name: "tooltip" }, Do = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "tooltip", this.componentInfo = vo, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "tooltip", this.componentInfo = Eo, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, bo = class extends t {
+}, Oo = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = vo, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this)), this.byText = this.ctx.driver.wrapSelector(c.bind(this));
+		super(...e), this.componentInfo = Eo, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this)), this.byText = this.ctx.driver.wrapSelector(c.bind(this));
 	}
 	wrap(e) {
-		return new yo(this.ctx, e);
+		return new Do(this.ctx, e);
 	}
-}, xo = class {
+}, ko = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -2313,18 +2353,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: m
 		}, !0, "toBeOpen()"));
 	}
-}, So = { name: "tree-item" }, Co = class extends e {
+}, Ao = { name: "tree-item" }, jo = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "treeItem", this.componentInfo = So, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "treeItem", this.componentInfo = Ao, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, wo = class extends t {
+}, Mo = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = So, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Ao, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Co(this.ctx, e);
+		return new jo(this.ctx, e);
 	}
-}, To = class {
+}, No = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -2337,18 +2377,18 @@ var H = { name: "accordion" }, we = class extends e {
 			fn: S
 		}, e, "toHaveIcon(${value})"));
 	}
-}, Eo = { name: "tree-view" }, Do = class extends e {
+}, Po = { name: "tree-view" }, Fo = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "treeView", this.componentInfo = Eo, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "treeView", this.componentInfo = Po, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, Oo = class extends t {
+}, Io = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Eo, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Po, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new Do(this.ctx, e);
+		return new Fo(this.ctx, e);
 	}
-}, ko = class {
+}, Lo = class {
 	constructor(e, t) {
 		this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
 			type: "eval",
@@ -2357,18 +2397,18 @@ var H = { name: "accordion" }, we = class extends e {
 			arg: e
 		}, t, `toHaveProp("${e}", ${t})`));
 	}
-}, Ao = { name: "video-player" }, jo = class extends e {
+}, Ro = { name: "video-player" }, zo = class extends e {
 	constructor(...e) {
-		super(...e), this.type = "videoPlayer", this.componentInfo = Ao, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
+		super(...e), this.type = "videoPlayer", this.componentInfo = Ro, this.blur = this.ctx.driver.wrapAction(D.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(E.bind(this, () => this.locator)), this.hover = this.ctx.driver.wrapAction(O.bind(this, () => this.locator));
 	}
-}, Mo = class extends t {
+}, Bo = class extends t {
 	constructor(...e) {
-		super(...e), this.componentInfo = Ao, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
+		super(...e), this.componentInfo = Ro, this.byTestId = this.ctx.driver.wrapSelector(a.bind(this));
 	}
 	wrap(e) {
-		return new jo(this.ctx, e);
+		return new zo(this.ctx, e);
 	}
-}, No = {
+}, Vo = {
 	collection: r,
 	accordion: Ee,
 	accordionItem: ke,
@@ -2403,58 +2443,60 @@ var H = { name: "accordion" }, we = class extends e {
 	fab: kn,
 	filePicker: Nn,
 	flag: Ln,
-	header: Vn,
-	icon: Gn,
-	kbdKey: Yn,
-	kbdShortcut: $n,
-	layout: rr,
-	menu: sr,
-	menuItem: dr,
-	nav: hr,
-	navDisclosure: yr,
-	navItem: Cr,
-	note: Dr,
-	numberField: jr,
-	optgroup: Fr,
-	option: zr,
-	pagination: Ur,
-	platformSwitch: qr,
-	popover: Zr,
-	progress: ti,
-	progressRing: ai,
-	radio: li,
-	radioGroup: pi,
-	rangeSlider: _i,
-	richTextEditor: xi,
-	richTextView: Ti,
-	searchableSelect: ki,
-	select: Ni,
-	selectableBox: Li,
-	sideDrawer: Vi,
-	simpleColorPicker: Gi,
-	slider: Yi,
-	splitButton: $i,
-	status: ra,
-	switch: sa,
-	tab: da,
-	tabPanel: ha,
-	table: ya,
-	tableBody: Ca,
-	tableCell: Da,
-	tableHead: ja,
-	tableHeaderCell: Fa,
-	tableRow: za,
-	tableSortingButton: Ua,
-	tabs: Ka,
-	tag: Xa,
-	tagGroup: eo,
-	textArea: io,
-	textField: co,
-	timePicker: po,
-	toggletip: _o,
-	tooltip: xo,
-	treeItem: To,
-	treeView: ko,
+	formField: Vn,
+	header: Gn,
+	icon: Yn,
+	kbdKey: $n,
+	kbdShortcut: rr,
+	layout: sr,
+	listbox: dr,
+	menu: hr,
+	menuItem: yr,
+	nav: Cr,
+	navDisclosure: Dr,
+	navItem: jr,
+	note: Fr,
+	numberField: zr,
+	optgroup: Ur,
+	option: qr,
+	pagination: Zr,
+	platformSwitch: ti,
+	popover: ai,
+	progress: li,
+	progressRing: pi,
+	radio: _i,
+	radioGroup: xi,
+	rangeSlider: Ti,
+	richTextEditor: ki,
+	richTextView: Ni,
+	searchableSelect: Li,
+	select: Vi,
+	selectableBox: Gi,
+	sideDrawer: Yi,
+	simpleColorPicker: $i,
+	slider: ra,
+	splitButton: sa,
+	status: da,
+	switch: ha,
+	tab: ya,
+	tabPanel: Ca,
+	table: Da,
+	tableBody: ja,
+	tableCell: Fa,
+	tableHead: za,
+	tableHeaderCell: Ua,
+	tableRow: qa,
+	tableSortingButton: Za,
+	tabs: to,
+	tag: ao,
+	tagGroup: lo,
+	textArea: mo,
+	textField: _o,
+	timePicker: xo,
+	toggletip: To,
+	tooltip: ko,
+	treeItem: No,
+	treeView: Lo,
 	videoPlayer: class {
 		constructor(e, t) {
 			this.ctx = e, this.wrapper = t, this.toHaveProp = this.ctx.driver.wrapExpect((e, t) => this.ctx.driver.expectEq({
@@ -2465,14 +2507,14 @@ var H = { name: "accordion" }, we = class extends e {
 			}, t, `toHaveProp("${e}", ${t})`));
 		}
 	}
-}, Po = class {
+}, Ho = class {
 	constructor(e) {
-		this.ctx = e, this.accordion = new Te(this.ctx), this.accordionItem = new Oe(this.ctx), this.actionGroup = new je(this.ctx), this.alert = new Pe(this.ctx), this.audioPlayer = new Le(this.ctx), this.avatar = new Be(this.ctx), this.badge = new Ue(this.ctx), this.banner = new Ke(this.ctx), this.breadcrumb = new Ye(this.ctx), this.breadcrumbItem = new Qe(this.ctx), this.button = new tt(this.ctx), this.calendar = new at(this.ctx), this.calendarEvent = new lt(this.ctx), this.card = new pt(this.ctx), this.checkbox = new _t(this.ctx), this.colorPicker = new xt(this.ctx), this.combobox = new Tt(this.ctx), this.contextualHelp = new kt(this.ctx), this.country = new Nt(this.ctx), this.countryGroup = new Lt(this.ctx), this.dataGrid = new Vt(this.ctx), this.dataGridCell = new Gt(this.ctx), this.dataGridRow = new Yt(this.ctx), this.datePicker = new $t(this.ctx), this.dateRangePicker = new rn(this.ctx), this.dateTimePicker = new cn(this.ctx), this.dialPad = new fn(this.ctx), this.dialog = new gn(this.ctx), this.divider = new bn(this.ctx), this.emptyState = new wn(this.ctx), this.fab = new On(this.ctx), this.filePicker = new Mn(this.ctx), this.flag = new In(this.ctx), this.header = new Bn(this.ctx), this.icon = new Wn(this.ctx), this.kbdKey = new Jn(this.ctx), this.kbdShortcut = new Qn(this.ctx), this.layout = new nr(this.ctx), this.menu = new or(this.ctx), this.menuItem = new ur(this.ctx), this.nav = new mr(this.ctx), this.navDisclosure = new vr(this.ctx), this.navItem = new Sr(this.ctx), this.note = new Er(this.ctx), this.numberField = new Ar(this.ctx), this.optgroup = new Pr(this.ctx), this.option = new Rr(this.ctx), this.pagination = new Hr(this.ctx), this.platformSwitch = new Kr(this.ctx), this.popover = new Xr(this.ctx), this.progress = new ei(this.ctx), this.progressRing = new ii(this.ctx), this.radio = new ci(this.ctx), this.radioGroup = new fi(this.ctx), this.rangeSlider = new gi(this.ctx), this.richTextEditor = new bi(this.ctx), this.richTextView = new wi(this.ctx), this.searchableSelect = new Oi(this.ctx), this.select = new Mi(this.ctx), this.selectableBox = new Ii(this.ctx), this.sideDrawer = new Bi(this.ctx), this.simpleColorPicker = new Wi(this.ctx), this.slider = new Ji(this.ctx), this.splitButton = new Qi(this.ctx), this.status = new na(this.ctx), this.switch = new oa(this.ctx), this.tab = new ua(this.ctx), this.tabPanel = new ma(this.ctx), this.table = new va(this.ctx), this.tableBody = new Sa(this.ctx), this.tableCell = new Ea(this.ctx), this.tableHead = new Aa(this.ctx), this.tableHeaderCell = new Pa(this.ctx), this.tableRow = new Ra(this.ctx), this.tableSortingButton = new Ha(this.ctx), this.tabs = new Ga(this.ctx), this.tag = new Ya(this.ctx), this.tagGroup = new $a(this.ctx), this.textArea = new ro(this.ctx), this.textField = new so(this.ctx), this.timePicker = new fo(this.ctx), this.toggletip = new go(this.ctx), this.tooltip = new bo(this.ctx), this.treeItem = new wo(this.ctx), this.treeView = new Oo(this.ctx), this.videoPlayer = new Mo(this.ctx);
+		this.ctx = e, this.accordion = new Te(this.ctx), this.accordionItem = new Oe(this.ctx), this.actionGroup = new je(this.ctx), this.alert = new Pe(this.ctx), this.audioPlayer = new Le(this.ctx), this.avatar = new Be(this.ctx), this.badge = new Ue(this.ctx), this.banner = new Ke(this.ctx), this.breadcrumb = new Ye(this.ctx), this.breadcrumbItem = new Qe(this.ctx), this.button = new tt(this.ctx), this.calendar = new at(this.ctx), this.calendarEvent = new lt(this.ctx), this.card = new pt(this.ctx), this.checkbox = new _t(this.ctx), this.colorPicker = new xt(this.ctx), this.combobox = new Tt(this.ctx), this.contextualHelp = new kt(this.ctx), this.country = new Nt(this.ctx), this.countryGroup = new Lt(this.ctx), this.dataGrid = new Vt(this.ctx), this.dataGridCell = new Gt(this.ctx), this.dataGridRow = new Yt(this.ctx), this.datePicker = new $t(this.ctx), this.dateRangePicker = new rn(this.ctx), this.dateTimePicker = new cn(this.ctx), this.dialPad = new fn(this.ctx), this.dialog = new gn(this.ctx), this.divider = new bn(this.ctx), this.emptyState = new wn(this.ctx), this.fab = new On(this.ctx), this.filePicker = new Mn(this.ctx), this.flag = new In(this.ctx), this.formField = new Bn(this.ctx), this.header = new Wn(this.ctx), this.icon = new Jn(this.ctx), this.kbdKey = new Qn(this.ctx), this.kbdShortcut = new nr(this.ctx), this.layout = new or(this.ctx), this.listbox = new ur(this.ctx), this.menu = new mr(this.ctx), this.menuItem = new vr(this.ctx), this.nav = new Sr(this.ctx), this.navDisclosure = new Er(this.ctx), this.navItem = new Ar(this.ctx), this.note = new Pr(this.ctx), this.numberField = new Rr(this.ctx), this.optgroup = new Hr(this.ctx), this.option = new Kr(this.ctx), this.pagination = new Xr(this.ctx), this.platformSwitch = new ei(this.ctx), this.popover = new ii(this.ctx), this.progress = new ci(this.ctx), this.progressRing = new fi(this.ctx), this.radio = new gi(this.ctx), this.radioGroup = new bi(this.ctx), this.rangeSlider = new wi(this.ctx), this.richTextEditor = new Oi(this.ctx), this.richTextView = new Mi(this.ctx), this.searchableSelect = new Ii(this.ctx), this.select = new Bi(this.ctx), this.selectableBox = new Wi(this.ctx), this.sideDrawer = new Ji(this.ctx), this.simpleColorPicker = new Qi(this.ctx), this.slider = new na(this.ctx), this.splitButton = new oa(this.ctx), this.status = new ua(this.ctx), this.switch = new ma(this.ctx), this.tab = new va(this.ctx), this.tabPanel = new Sa(this.ctx), this.table = new Ea(this.ctx), this.tableBody = new Aa(this.ctx), this.tableCell = new Pa(this.ctx), this.tableHead = new Ra(this.ctx), this.tableHeaderCell = new Ha(this.ctx), this.tableRow = new Ka(this.ctx), this.tableSortingButton = new Xa(this.ctx), this.tabs = new eo(this.ctx), this.tag = new io(this.ctx), this.tagGroup = new co(this.ctx), this.textArea = new po(this.ctx), this.textField = new go(this.ctx), this.timePicker = new bo(this.ctx), this.toggletip = new wo(this.ctx), this.tooltip = new Oo(this.ctx), this.treeItem = new Mo(this.ctx), this.treeView = new Io(this.ctx), this.videoPlayer = new Bo(this.ctx);
 	}
 	expect(e) {
-		if (e.type in No) return new No[e.type](this.ctx, e);
+		if (e.type in Vo) return new Vo[e.type](this.ctx, e);
 		throw Error(`Unknown component type: ${e.type}`);
 	}
 };
 //#endregion
-export { Po as t };
+export { Ho as t };