storybook 9.0.0-alpha.11 → 9.0.0-alpha.12

package/dist/component-testing/manager.js

@@ -1,14 +1,14 @@
 var D1 = Object.create;
-var Ke = Object.defineProperty;
+var Ze = Object.defineProperty;
 var P1 = Object.getOwnPropertyDescriptor;
 var q1 = Object.getOwnPropertyNames;
 var N1 = Object.getPrototypeOf, j1 = Object.prototype.hasOwnProperty;
-var l = (e, t) => Ke(e, "name", { value: t, configurable: !0 });
+var l = (e, t) => Ze(e, "name", { value: t, configurable: !0 });
 var L = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports);
 var F1 = (e, t, r, a) => {
   if (t && typeof t == "object" || typeof t == "function")
     for (let n of q1(t))
-      !j1.call(e, n) && n !== r && Ke(e, n, { get: () => t[n], enumerable: !(a = P1(t, n)) || a.enumerable });
+      !j1.call(e, n) && n !== r && Ze(e, n, { get: () => t[n], enumerable: !(a = P1(t, n)) || a.enumerable });
   return e;
 };
 var G = (e, t, r) => (r = e != null ? D1(N1(e)) : {}, F1(
@@ -16,13 +16,13 @@ var G = (e, t, r) => (r = e != null ? D1(N1(e)) : {}, F1(
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
-  t || !e || !e.__esModule ? Ke(r, "default", { value: e, enumerable: !0 }) : r,
+  t || !e || !e.__esModule ? Ze(r, "default", { value: e, enumerable: !0 }) : r,
   e
 ));
 
 // ../node_modules/ansi-to-html/node_modules/entities/lib/maps/entities.json
-var Qe = L((Za, G1) => {
-  G1.exports = { Aacute: "\xC1", aacute: "\xE1", Abreve: "\u0102", abreve: "\u0103", ac: "\u223E", acd: "\u223F", acE: "\u223E\u0333", Acirc: "\
+var e0 = L((Qa, W1) => {
+  W1.exports = { Aacute: "\xC1", aacute: "\xE1", Abreve: "\u0102", abreve: "\u0103", ac: "\u223E", acd: "\u223F", acE: "\u223E\u0333", Acirc: "\
 \xC2", acirc: "\xE2", acute: "\xB4", Acy: "\u0410", acy: "\u0430", AElig: "\xC6", aelig: "\xE6", af: "\u2061", Afr: "\u{1D504}", afr: "\u{1D51E}",
   Agrave: "\xC0", agrave: "\xE0", alefsym: "\u2135", aleph: "\u2135", Alpha: "\u0391", alpha: "\u03B1", Amacr: "\u0100", amacr: "\u0101", amalg: "\
 \u2A3F", amp: "&", AMP: "&", andand: "\u2A55", And: "\u2A53", and: "\u2227", andd: "\u2A5C", andslope: "\u2A58", andv: "\u2A5A", ang: "\u2220",
@@ -303,8 +303,8 @@ var Qe = L((Za, G1) => {
 });
 
 // ../node_modules/ansi-to-html/node_modules/entities/lib/maps/legacy.json
-var N0 = L((Ja, W1) => {
-  W1.exports = { Aacute: "\xC1", aacute: "\xE1", Acirc: "\xC2", acirc: "\xE2", acute: "\xB4", AElig: "\xC6", aelig: "\xE6", Agrave: "\xC0", agrave: "\
+var N0 = L((el, X1) => {
+  X1.exports = { Aacute: "\xC1", aacute: "\xE1", Acirc: "\xC2", acirc: "\xE2", acute: "\xB4", AElig: "\xC6", aelig: "\xE6", Agrave: "\xC0", agrave: "\
 \xE0", amp: "&", AMP: "&", Aring: "\xC5", aring: "\xE5", Atilde: "\xC3", atilde: "\xE3", Auml: "\xC4", auml: "\xE4", brvbar: "\xA6", Ccedil: "\
 \xC7", ccedil: "\xE7", cedil: "\xB8", cent: "\xA2", copy: "\xA9", COPY: "\xA9", curren: "\xA4", deg: "\xB0", divide: "\xF7", Eacute: "\xC9",
   eacute: "\xE9", Ecirc: "\xCA", ecirc: "\xEA", Egrave: "\xC8", egrave: "\xE8", ETH: "\xD0", eth: "\xF0", Euml: "\xCB", euml: "\xEB", frac12: "\
@@ -318,25 +318,25 @@ var N0 = L((Ja, W1) => {
 });
 
 // ../node_modules/ansi-to-html/node_modules/entities/lib/maps/xml.json
-var e0 = L((Qa, X1) => {
-  X1.exports = { amp: "&", apos: "'", gt: ">", lt: "<", quot: '"' };
+var t0 = L((tl, Y1) => {
+  Y1.exports = { amp: "&", apos: "'", gt: ">", lt: "<", quot: '"' };
 });
 
 // ../node_modules/ansi-to-html/node_modules/entities/lib/maps/decode.json
-var j0 = L((el, Y1) => {
-  Y1.exports = { "0": 65533, "128": 8364, "130": 8218, "131": 402, "132": 8222, "133": 8230, "134": 8224, "135": 8225, "136": 710, "137": 8240,
+var j0 = L((rl, K1) => {
+  K1.exports = { "0": 65533, "128": 8364, "130": 8218, "131": 402, "132": 8222, "133": 8230, "134": 8224, "135": 8225, "136": 710, "137": 8240,
   "138": 352, "139": 8249, "140": 338, "142": 381, "145": 8216, "146": 8217, "147": 8220, "148": 8221, "149": 8226, "150": 8211, "151": 8212,
   "152": 732, "153": 8482, "154": 353, "155": 8250, "156": 339, "158": 382, "159": 376 };
 });
 
 // ../node_modules/ansi-to-html/node_modules/entities/lib/decode_codepoint.js
-var U0 = L((Ee) => {
+var U0 = L((be) => {
   "use strict";
-  var K1 = Ee && Ee.__importDefault || function(e) {
+  var Z1 = be && be.__importDefault || function(e) {
     return e && e.__esModule ? e : { default: e };
   };
-  Object.defineProperty(Ee, "__esModule", { value: !0 });
-  var F0 = K1(j0()), Z1 = (
+  Object.defineProperty(be, "__esModule", { value: !0 });
+  var F0 = Z1(j0()), J1 = (
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     String.fromCodePoint || function(e) {
       var t = "";
@@ -344,28 +344,28 @@ var U0 = L((Ee) => {
       t;
     }
   );
-  function J1(e) {
-    return e >= 55296 && e <= 57343 || e > 1114111 ? "\uFFFD" : (e in F0.default && (e = F0.default[e]), Z1(e));
+  function Q1(e) {
+    return e >= 55296 && e <= 57343 || e > 1114111 ? "\uFFFD" : (e in F0.default && (e = F0.default[e]), J1(e));
   }
-  l(J1, "decodeCodePoint");
-  Ee.default = J1;
+  l(Q1, "decodeCodePoint");
+  be.default = Q1;
 });
 
 // ../node_modules/ansi-to-html/node_modules/entities/lib/decode.js
-var r0 = L((X) => {
+var a0 = L((X) => {
   "use strict";
   var He = X && X.__importDefault || function(e) {
     return e && e.__esModule ? e : { default: e };
   };
   Object.defineProperty(X, "__esModule", { value: !0 });
   X.decodeHTML = X.decodeHTMLStrict = X.decodeXML = void 0;
-  var t0 = He(Qe()), Q1 = He(N0()), e5 = He(e0()), $0 = He(U0()), t5 = /&(?:[a-zA-Z0-9]+|#[xX][\da-fA-F]+|#\d+);/g;
-  X.decodeXML = W0(e5.default);
-  X.decodeHTMLStrict = W0(t0.default);
+  var r0 = He(e0()), e5 = He(N0()), t5 = He(t0()), $0 = He(U0()), r5 = /&(?:[a-zA-Z0-9]+|#[xX][\da-fA-F]+|#\d+);/g;
+  X.decodeXML = W0(t5.default);
+  X.decodeHTMLStrict = W0(r0.default);
   function W0(e) {
     var t = X0(e);
     return function(r) {
-      return String(r).replace(t5, t);
+      return String(r).replace(r5, t);
     };
   }
   l(W0, "getStrictDecoder");
@@ -373,9 +373,9 @@ var r0 = L((X) => {
     return e < t ? 1 : -1;
   }, "sorter");
   X.decodeHTML = function() {
-    for (var e = Object.keys(Q1.default).sort(G0), t = Object.keys(t0.default).sort(G0), r = 0, a = 0; r < t.length; r++)
+    for (var e = Object.keys(e5.default).sort(G0), t = Object.keys(r0.default).sort(G0), r = 0, a = 0; r < t.length; r++)
       e[a] === t[r] ? (t[r] += ";?", a++) : t[r] += ";";
-    var n = new RegExp("&(?:" + t.join("|") + "|#[xX][\\da-fA-F]+;?|#\\d+;?)", "g"), o = X0(t0.default);
+    var n = new RegExp("&(?:" + t.join("|") + "|#[xX][\\da-fA-F]+;?|#\\d+;?)", "g"), o = X0(r0.default);
     function c(i) {
       return i.substr(-1) !== ";" && (i += ";"), o(i);
     }
@@ -396,18 +396,18 @@ var r0 = L((X) => {
 });
 
 // ../node_modules/ansi-to-html/node_modules/entities/lib/encode.js
-var l0 = L((j) => {
+var n0 = L((j) => {
   "use strict";
   var Y0 = j && j.__importDefault || function(e) {
     return e && e.__esModule ? e : { default: e };
   };
   Object.defineProperty(j, "__esModule", { value: !0 });
   j.escapeUTF8 = j.escape = j.encodeNonAsciiHTML = j.encodeHTML = j.encodeXML = void 0;
-  var r5 = Y0(e0()), K0 = J0(r5.default), Z0 = Q0(K0);
+  var a5 = Y0(t0()), K0 = J0(a5.default), Z0 = Q0(K0);
   j.encodeXML = rt(K0);
-  var a5 = Y0(Qe()), a0 = J0(a5.default), l5 = Q0(a0);
-  j.encodeHTML = o5(a0, l5);
-  j.encodeNonAsciiHTML = rt(a0);
+  var l5 = Y0(e0()), l0 = J0(l5.default), n5 = Q0(l0);
+  j.encodeHTML = c5(l0, n5);
+  j.encodeNonAsciiHTML = rt(l0);
   function J0(e) {
     return Object.keys(e).sort().reduce(function(t, r) {
       return t[e[r]] = "&" + r + ";", t;
@@ -430,7 +430,7 @@ var l0 = L((j) => {
   }
   l(Q0, "getInverseReplacer");
   var et = /(?:[\x80-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g,
-  n5 = (
+  o5 = (
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     String.prototype.codePointAt != null ? (
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -445,28 +445,28 @@ var l0 = L((j) => {
     )
   );
   function Se(e) {
-    return "&#x" + (e.length > 1 ? n5(e) : e.charCodeAt(0)).toString(16).toUpperCase() + ";";
+    return "&#x" + (e.length > 1 ? o5(e) : e.charCodeAt(0)).toString(16).toUpperCase() + ";";
   }
   l(Se, "singleCharReplacer");
-  function o5(e, t) {
+  function c5(e, t) {
     return function(r) {
       return r.replace(t, function(a) {
         return e[a];
       }).replace(et, Se);
     };
   }
-  l(o5, "getInverse");
+  l(c5, "getInverse");
   var tt = new RegExp(Z0.source + "|" + et.source, "g");
-  function c5(e) {
+  function i5(e) {
     return e.replace(tt, Se);
   }
-  l(c5, "escape");
-  j.escape = c5;
-  function i5(e) {
+  l(i5, "escape");
+  j.escape = i5;
+  function s5(e) {
     return e.replace(Z0, Se);
   }
-  l(i5, "escapeUTF8");
-  j.escapeUTF8 = i5;
+  l(s5, "escapeUTF8");
+  j.escapeUTF8 = s5;
   function rt(e) {
     return function(t) {
       return t.replace(tt, function(r) {
@@ -484,23 +484,23 @@ var lt = L((g) => {
   g.decodeXMLStrict = g.decodeHTML5Strict = g.decodeHTML4Strict = g.decodeHTML5 = g.decodeHTML4 = g.decodeHTMLStrict = g.decodeHTML = g.decodeXML =
   g.encodeHTML5 = g.encodeHTML4 = g.escapeUTF8 = g.escape = g.encodeNonAsciiHTML = g.encodeHTML = g.encodeXML = g.encode = g.decodeStrict = g.
   decode = void 0;
-  var Be = r0(), at = l0();
-  function s5(e, t) {
+  var Be = a0(), at = n0();
+  function d5(e, t) {
     return (!t || t <= 0 ? Be.decodeXML : Be.decodeHTML)(e);
   }
-  l(s5, "decode");
-  g.decode = s5;
-  function d5(e, t) {
+  l(d5, "decode");
+  g.decode = d5;
+  function f5(e, t) {
     return (!t || t <= 0 ? Be.decodeXML : Be.decodeHTMLStrict)(e);
   }
-  l(d5, "decodeStrict");
-  g.decodeStrict = d5;
-  function f5(e, t) {
+  l(f5, "decodeStrict");
+  g.decodeStrict = f5;
+  function h5(e, t) {
     return (!t || t <= 0 ? at.encodeXML : at.encodeHTML)(e);
   }
-  l(f5, "encode");
-  g.encode = f5;
-  var fe = l0();
+  l(h5, "encode");
+  g.encode = h5;
+  var fe = n0();
   Object.defineProperty(g, "encodeXML", { enumerable: !0, get: /* @__PURE__ */ l(function() {
     return fe.encodeXML;
   }, "get") });
@@ -522,7 +522,7 @@ var lt = L((g) => {
   Object.defineProperty(g, "encodeHTML5", { enumerable: !0, get: /* @__PURE__ */ l(function() {
     return fe.encodeHTML;
   }, "get") });
-  var re = r0();
+  var re = a0();
   Object.defineProperty(g, "decodeXML", { enumerable: !0, get: /* @__PURE__ */ l(function() {
     return re.decodeXML;
   }, "get") });
@@ -550,13 +550,13 @@ var lt = L((g) => {
 });
 
 // ../node_modules/ansi-to-html/lib/ansi_to_html.js
-var vt = L((sl, pt) => {
+var vt = L((fl, pt) => {
   "use strict";
-  function h5(e, t) {
+  function u5(e, t) {
     if (!(e instanceof t))
       throw new TypeError("Cannot call a class as a function");
   }
-  l(h5, "_classCallCheck");
+  l(u5, "_classCallCheck");
   function nt(e, t) {
     for (var r = 0; r < t.length; r++) {
       var a = t[r];
@@ -564,14 +564,14 @@ var vt = L((sl, pt) => {
     }
   }
   l(nt, "_defineProperties");
-  function u5(e, t, r) {
+  function p5(e, t, r) {
     return t && nt(e.prototype, t), r && nt(e, r), e;
   }
-  l(u5, "_createClass");
+  l(p5, "_createClass");
   function ft(e, t) {
     var r = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
     if (!r) {
-      if (Array.isArray(e) || (r = p5(e)) || t && e && typeof e.length == "number") {
+      if (Array.isArray(e) || (r = v5(e)) || t && e && typeof e.length == "number") {
         r && (e = r);
         var a = 0, n = /* @__PURE__ */ l(function() {
         }, "F");
@@ -601,7 +601,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }, "f") };
   }
   l(ft, "_createForOfIteratorHelper");
-  function p5(e, t) {
+  function v5(e, t) {
     if (e) {
       if (typeof e == "string") return ot(e, t);
       var r = Object.prototype.toString.call(e).slice(8, -1);
@@ -609,7 +609,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return ot(e, t);
     }
   }
-  l(p5, "_unsupportedIterableToArray");
+  l(v5, "_unsupportedIterableToArray");
   function ot(e, t) {
     (t == null || t > e.length) && (t = e.length);
     for (var r = 0, a = new Array(t); r < t; r++)
@@ -617,15 +617,15 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     return a;
   }
   l(ot, "_arrayLikeToArray");
-  var v5 = lt(), ct = {
+  var m5 = lt(), ct = {
     fg: "#FFF",
     bg: "#000",
     newline: !1,
     escapeXML: !1,
     stream: !1,
-    colors: m5()
+    colors: w5()
   };
-  function m5() {
+  function w5() {
     var e = {
       0: "#000",
       1: "#A00",
@@ -647,7 +647,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     return Te(0, 5).forEach(function(t) {
       Te(0, 5).forEach(function(r) {
         Te(0, 5).forEach(function(a) {
-          return w5(t, r, a, e);
+          return g5(t, r, a, e);
         });
       });
     }), Te(0, 23).forEach(function(t) {
@@ -655,19 +655,19 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       e[r] = "#" + a + a + a;
     }), e;
   }
-  l(m5, "getDefaultColors");
-  function w5(e, t, r, a) {
+  l(w5, "getDefaultColors");
+  function g5(e, t, r, a) {
     var n = 16 + e * 36 + t * 6 + r, o = e > 0 ? e * 40 + 55 : 0, c = t > 0 ? t * 40 + 55 : 0, i = r > 0 ? r * 40 + 55 : 0;
-    a[n] = g5([o, c, i]);
+    a[n] = R5([o, c, i]);
   }
-  l(w5, "setStyleColor");
+  l(g5, "setStyleColor");
   function ht(e) {
     for (var t = e.toString(16); t.length < 2; )
       t = "0" + t;
     return t;
   }
   l(ht, "toHexString");
-  function g5(e) {
+  function R5(e) {
     var t = [], r = ft(e), a;
     try {
       for (r.s(); !(a = r.n()).done; ) {
@@ -681,22 +681,22 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }
     return "#" + t.join("");
   }
-  l(g5, "toColorHexString");
+  l(R5, "toColorHexString");
   function it(e, t, r, a) {
     var n;
-    return t === "text" ? n = x5(r, a) : t === "display" ? n = E5(e, r, a) : t === "xterm256Foreground" ? n = Ve(e, a.colors[r]) : t === "xt\
-erm256Background" ? n = _e(e, a.colors[r]) : t === "rgb" && (n = R5(e, r)), n;
+    return t === "text" ? n = C5(r, a) : t === "display" ? n = b5(e, r, a) : t === "xterm256Foreground" ? n = ke(e, a.colors[r]) : t === "xt\
+erm256Background" ? n = Ve(e, a.colors[r]) : t === "rgb" && (n = E5(e, r)), n;
   }
   l(it, "generateOutput");
-  function R5(e, t) {
+  function E5(e, t) {
     t = t.substring(2).slice(0, -1);
     var r = +t.substr(0, 2), a = t.substring(5).split(";"), n = a.map(function(o) {
       return ("0" + Number(o).toString(16)).substr(-2);
     }).join("");
-    return ke(e, (r === 38 ? "color:#" : "background-color:#") + n);
+    return _e(e, (r === 38 ? "color:#" : "background-color:#") + n);
   }
-  l(R5, "handleRgb");
-  function E5(e, t, r) {
+  l(E5, "handleRgb");
+  function b5(e, t, r) {
     t = parseInt(t, 10);
     var a = {
       "-1": /* @__PURE__ */ l(function() {
@@ -715,13 +715,13 @@ erm256Background" ? n = _e(e, a.colors[r]) : t === "rgb" && (n = R5(e, r)), n;
         return ae(e, "u");
       }, "_"),
       8: /* @__PURE__ */ l(function() {
-        return ke(e, "display:none");
+        return _e(e, "display:none");
       }, "_"),
       9: /* @__PURE__ */ l(function() {
         return ae(e, "strike");
       }, "_"),
       22: /* @__PURE__ */ l(function() {
-        return ke(e, "font-weight:normal;text-decoration:none;font-style:normal");
+        return _e(e, "font-weight:normal;text-decoration:none;font-style:normal");
       }, "_"),
       23: /* @__PURE__ */ l(function() {
         return dt(e, "i");
@@ -730,20 +730,20 @@ erm256Background" ? n = _e(e, a.colors[r]) : t === "rgb" && (n = R5(e, r)), n;
         return dt(e, "u");
       }, "_"),
       39: /* @__PURE__ */ l(function() {
-        return Ve(e, r.fg);
+        return ke(e, r.fg);
       }, "_"),
       49: /* @__PURE__ */ l(function() {
-        return _e(e, r.bg);
+        return Ve(e, r.bg);
       }, "_"),
       53: /* @__PURE__ */ l(function() {
-        return ke(e, "text-decoration:overline");
+        return _e(e, "text-decoration:overline");
       }, "_")
     }, n;
-    return a[t] ? n = a[t]() : 4 < t && t < 7 ? n = ae(e, "blink") : 29 < t && t < 38 ? n = Ve(e, r.colors[t - 30]) : 39 < t && t < 48 ? n =
-    _e(e, r.colors[t - 40]) : 89 < t && t < 98 ? n = Ve(e, r.colors[8 + (t - 90)]) : 99 < t && t < 108 && (n = _e(e, r.colors[8 + (t - 100)])),
+    return a[t] ? n = a[t]() : 4 < t && t < 7 ? n = ae(e, "blink") : 29 < t && t < 38 ? n = ke(e, r.colors[t - 30]) : 39 < t && t < 48 ? n =
+    Ve(e, r.colors[t - 40]) : 89 < t && t < 98 ? n = ke(e, r.colors[8 + (t - 90)]) : 99 < t && t < 108 && (n = Ve(e, r.colors[8 + (t - 100)])),
     n;
   }
-  l(E5, "handleDisplay");
+  l(b5, "handleDisplay");
   function ut(e) {
     var t = e.slice(0);
     return e.length = 0, t.reverse().map(function(r) {
@@ -757,12 +757,12 @@ erm256Background" ? n = _e(e, a.colors[r]) : t === "rgb" && (n = R5(e, r)), n;
     return r;
   }
   l(Te, "range");
-  function b5(e) {
+  function x5(e) {
     return function(t) {
       return (e === null || t.category !== e) && e !== "all";
     };
   }
-  l(b5, "notCategory");
+  l(x5, "notCategory");
   function st(e) {
     e = parseInt(e, 10);
     var t = null;
@@ -771,33 +771,33 @@ e" : e === 9 ? t = "strike" : 29 < e && e < 38 || e === 39 || 89 < e && e < 98 ?
     e && e < 108) && (t = "background-color"), t;
   }
   l(st, "categoryForCode");
-  function x5(e, t) {
-    return t.escapeXML ? v5.encodeXML(e) : e;
+  function C5(e, t) {
+    return t.escapeXML ? m5.encodeXML(e) : e;
   }
-  l(x5, "pushText");
+  l(C5, "pushText");
   function ae(e, t, r) {
     return r || (r = ""), e.push(t), "<".concat(t).concat(r ? ' style="'.concat(r, '"') : "", ">");
   }
   l(ae, "pushTag");
-  function ke(e, t) {
+  function _e(e, t) {
     return ae(e, "span", t);
   }
-  l(ke, "pushStyle");
-  function Ve(e, t) {
+  l(_e, "pushStyle");
+  function ke(e, t) {
     return ae(e, "span", "color:" + t);
   }
-  l(Ve, "pushForegroundColor");
-  function _e(e, t) {
+  l(ke, "pushForegroundColor");
+  function Ve(e, t) {
     return ae(e, "span", "background-color:" + t);
   }
-  l(_e, "pushBackgroundColor");
+  l(Ve, "pushBackgroundColor");
   function dt(e, t) {
     var r;
     if (e.slice(-1)[0] === t && (r = e.pop()), r)
       return "</" + t + ">";
   }
   l(dt, "closeTag");
-  function C5(e, t, r) {
+  function M5(e, t, r) {
     var a = !1, n = 3;
     function o() {
       return "";
@@ -817,16 +817,16 @@ e" : e === 9 ? t = "strike" : 29 < e && e < 38 || e === 39 || 89 < e && e < 98 ?
     l(s, "newline");
     function h(O, H) {
       a = !0, H.trim().length === 0 && (H = "0"), H = H.trimRight(";").split(";");
-      var V = ft(H), ie;
+      var k = ft(H), ie;
       try {
-        for (V.s(); !(ie = V.n()).done; ) {
+        for (k.s(); !(ie = k.n()).done; ) {
           var ge = ie.value;
           r("display", ge);
         }
       } catch (Re) {
-        V.e(Re);
+        k.e(Re);
       } finally {
-        V.f();
+        k.f();
       }
       return "";
     }
@@ -903,36 +903,36 @@ e" : e === 9 ? t = "strike" : 29 < e && e < 38 || e === 39 || 89 < e && e < 98 ?
       H > n && a || (a = !1, e = e.replace(O.pattern, O.sub));
     }
     l(M, "process");
-    var T = [], B = e, A = B.length;
-    e: for (; A > 0; ) {
-      for (var k = 0, K = 0, Q = u.length; K < Q; k = ++K) {
-        var ee = u[k];
-        if (M(ee, k), e.length !== A) {
-          A = e.length;
+    var T = [], B = e, z = B.length;
+    e: for (; z > 0; ) {
+      for (var _ = 0, K = 0, Q = u.length; K < Q; _ = ++K) {
+        var ee = u[_];
+        if (M(ee, _), e.length !== z) {
+          z = e.length;
           continue e;
         }
       }
-      if (e.length === A)
+      if (e.length === z)
         break;
-      T.push(0), A = e.length;
+      T.push(0), z = e.length;
     }
     return T;
   }
-  l(C5, "tokenize");
-  function M5(e, t, r) {
-    return t !== "text" && (e = e.filter(b5(st(r))), e.push({
+  l(M5, "tokenize");
+  function y5(e, t, r) {
+    return t !== "text" && (e = e.filter(x5(st(r))), e.push({
       token: t,
       data: r,
       category: st(r)
     })), e;
   }
-  l(M5, "updateStickyStack");
-  var y5 = /* @__PURE__ */ function() {
+  l(y5, "updateStickyStack");
+  var I5 = /* @__PURE__ */ function() {
     function e(t) {
-      h5(this, e), t = t || {}, t.colors && (t.colors = Object.assign({}, ct.colors, t.colors)), this.options = Object.assign({}, ct, t), this.
+      u5(this, e), t = t || {}, t.colors && (t.colors = Object.assign({}, ct.colors, t.colors)), this.options = Object.assign({}, ct, t), this.
       stack = [], this.stickyStack = [];
     }
-    return l(e, "Filter"), u5(e, [{
+    return l(e, "Filter"), p5(e, [{
       key: "toHtml",
       value: /* @__PURE__ */ l(function(r) {
         var a = this;
@@ -941,34 +941,34 @@ e" : e === 9 ? t = "strike" : 29 < e && e < 38 || e === 39 || 89 < e && e < 98 ?
         return this.stickyStack.forEach(function(i) {
           var s = it(n, i.token, i.data, o);
           s && c.push(s);
-        }), C5(r.join(""), o, function(i, s) {
+        }), M5(r.join(""), o, function(i, s) {
           var h = it(n, i, s, o);
-          h && c.push(h), o.stream && (a.stickyStack = M5(a.stickyStack, i, s));
+          h && c.push(h), o.stream && (a.stickyStack = y5(a.stickyStack, i, s));
         }), n.length && c.push(ut(n)), c.join("");
       }, "toHtml")
     }]), e;
   }();
-  pt.exports = y5;
+  pt.exports = I5;
 });
 
 // ../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/extends.js
-var Oe = L((Hl, d0) => {
-  function s0() {
-    return d0.exports = s0 = Object.assign || function(e) {
+var Oe = L((Bl, f0) => {
+  function d0() {
+    return f0.exports = d0 = Object.assign || function(e) {
       for (var t = 1; t < arguments.length; t++) {
         var r = arguments[t];
         for (var a in r)
           Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
       }
       return e;
-    }, s0.apply(this, arguments);
+    }, d0.apply(this, arguments);
   }
-  l(s0, "_extends");
-  d0.exports = s0;
+  l(d0, "_extends");
+  f0.exports = d0;
 });
 
 // ../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
-var Bt = L((Bl, St) => {
+var Bt = L((_l, St) => {
   function V5(e, t) {
     if (e == null) return {};
     var r = {}, a = Object.keys(e), n, o;
@@ -981,11 +981,11 @@ var Bt = L((Bl, St) => {
 });
 
 // ../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/objectWithoutProperties.js
-var De = L((kl, Tt) => {
-  var _5 = Bt();
-  function O5(e, t) {
+var De = L((Vl, Tt) => {
+  var O5 = Bt();
+  function D5(e, t) {
     if (e == null) return {};
-    var r = _5(e, t), a, n;
+    var r = O5(e, t), a, n;
     if (Object.getOwnPropertySymbols) {
       var o = Object.getOwnPropertySymbols(e);
       for (n = 0; n < o.length; n++)
@@ -993,13 +993,13 @@ var De = L((kl, Tt) => {
     }
     return r;
   }
-  l(O5, "_objectWithoutProperties");
-  Tt.exports = O5;
+  l(D5, "_objectWithoutProperties");
+  Tt.exports = D5;
 });
 
 // ../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/defineProperty.js
-var _t = L((ql, Vt) => {
-  function P5(e, t, r) {
+var Vt = L((jl, kt) => {
+  function q5(e, t, r) {
     return t in e ? Object.defineProperty(e, t, {
       value: r,
       enumerable: !0,
@@ -1007,13 +1007,13 @@ var _t = L((ql, Vt) => {
       writable: !0
     }) : e[t] = r, e;
   }
-  l(P5, "_defineProperty");
-  Vt.exports = P5;
+  l(q5, "_defineProperty");
+  kt.exports = q5;
 });
 
 // ../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/objectSpread2.js
-var Pt = L((jl, Dt) => {
-  var q5 = _t();
+var Pt = L((Ul, Dt) => {
+  var N5 = Vt();
   function Ot(e, t) {
     var r = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -1025,40 +1025,40 @@ var Pt = L((jl, Dt) => {
     return r;
   }
   l(Ot, "ownKeys");
-  function N5(e) {
+  function j5(e) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t] != null ? arguments[t] : {};
       t % 2 ? Ot(r, !0).forEach(function(a) {
-        q5(e, a, r[a]);
+        N5(e, a, r[a]);
       }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ot(r).forEach(function(a) {
         Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(r, a));
       });
     }
     return e;
   }
-  l(N5, "_objectSpread2");
-  Dt.exports = N5;
+  l(j5, "_objectSpread2");
+  Dt.exports = j5;
 });
 
 // ../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
-var Nt = L((Ul, qt) => {
-  function j5(e, t) {
+var Nt = L((Gl, qt) => {
+  function F5(e, t) {
     if (e == null) return {};
     var r = {}, a = Object.keys(e), n, o;
     for (o = 0; o < a.length; o++)
       n = a[o], !(t.indexOf(n) >= 0) && (r[n] = e[n]);
     return r;
   }
-  l(j5, "_objectWithoutPropertiesLoose");
-  qt.exports = j5;
+  l(F5, "_objectWithoutPropertiesLoose");
+  qt.exports = F5;
 });
 
 // ../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/objectWithoutProperties.js
-var Ft = L((Gl, jt) => {
-  var F5 = Nt();
-  function U5(e, t) {
+var Ft = L((Xl, jt) => {
+  var U5 = Nt();
+  function $5(e, t) {
     if (e == null) return {};
-    var r = F5(e, t), a, n;
+    var r = U5(e, t), a, n;
     if (Object.getOwnPropertySymbols) {
       var o = Object.getOwnPropertySymbols(e);
       for (n = 0; n < o.length; n++)
@@ -1066,13 +1066,13 @@ var Ft = L((Gl, jt) => {
     }
     return r;
   }
-  l(U5, "_objectWithoutProperties");
-  jt.exports = U5;
+  l($5, "_objectWithoutProperties");
+  jt.exports = $5;
 });
 
 // ../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/defineProperty.js
-var Wt = L((Jl, Gt) => {
-  function G5(e, t, r) {
+var Wt = L((en, Gt) => {
+  function W5(e, t, r) {
     return t in e ? Object.defineProperty(e, t, {
       value: r,
       enumerable: !0,
@@ -1080,13 +1080,13 @@ var Wt = L((Jl, Gt) => {
       writable: !0
     }) : e[t] = r, e;
   }
-  l(G5, "_defineProperty");
-  Gt.exports = G5;
+  l(W5, "_defineProperty");
+  Gt.exports = W5;
 });
 
 // ../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/objectSpread2.js
-var Kt = L((en, Yt) => {
-  var W5 = Wt();
+var Kt = L((rn, Yt) => {
+  var X5 = Wt();
   function Xt(e, t) {
     var r = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -1098,56 +1098,56 @@ var Kt = L((en, Yt) => {
     return r;
   }
   l(Xt, "ownKeys");
-  function X5(e) {
+  function Y5(e) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t] != null ? arguments[t] : {};
       t % 2 ? Xt(r, !0).forEach(function(a) {
-        W5(e, a, r[a]);
+        X5(e, a, r[a]);
       }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Xt(r).forEach(function(a) {
         Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(r, a));
       });
     }
     return e;
   }
-  l(X5, "_objectSpread2");
-  Yt.exports = X5;
+  l(Y5, "_objectSpread2");
+  Yt.exports = Y5;
 });
 
 // ../node_modules/@devtools-ds/tree/node_modules/@babel/runtime/helpers/extends.js
-var Zt = L((rn, g0) => {
-  function w0() {
-    return g0.exports = w0 = Object.assign || function(e) {
+var Zt = L((ln, R0) => {
+  function g0() {
+    return R0.exports = g0 = Object.assign || function(e) {
       for (var t = 1; t < arguments.length; t++) {
         var r = arguments[t];
         for (var a in r)
           Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
       }
       return e;
-    }, w0.apply(this, arguments);
+    }, g0.apply(this, arguments);
   }
-  l(w0, "_extends");
-  g0.exports = w0;
+  l(g0, "_extends");
+  R0.exports = g0;
 });
 
 // ../node_modules/@devtools-ds/tree/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
-var Qt = L((ln, Jt) => {
-  function Y5(e, t) {
+var Qt = L((on, Jt) => {
+  function K5(e, t) {
     if (e == null) return {};
     var r = {}, a = Object.keys(e), n, o;
     for (o = 0; o < a.length; o++)
       n = a[o], !(t.indexOf(n) >= 0) && (r[n] = e[n]);
     return r;
   }
-  l(Y5, "_objectWithoutPropertiesLoose");
-  Jt.exports = Y5;
+  l(K5, "_objectWithoutPropertiesLoose");
+  Jt.exports = K5;
 });
 
 // ../node_modules/@devtools-ds/tree/node_modules/@babel/runtime/helpers/objectWithoutProperties.js
-var t1 = L((on, e1) => {
-  var K5 = Qt();
-  function Z5(e, t) {
+var t1 = L((sn, e1) => {
+  var Z5 = Qt();
+  function J5(e, t) {
     if (e == null) return {};
-    var r = K5(e, t), a, n;
+    var r = Z5(e, t), a, n;
     if (Object.getOwnPropertySymbols) {
       var o = Object.getOwnPropertySymbols(e);
       for (n = 0; n < o.length; n++)
@@ -1155,54 +1155,81 @@ var t1 = L((on, e1) => {
     }
     return r;
   }
-  l(Z5, "_objectWithoutProperties");
-  e1.exports = Z5;
+  l(J5, "_objectWithoutProperties");
+  e1.exports = J5;
 });
 
 // src/component-testing/manager.tsx
-import We from "react";
-import { AddonPanel as Na } from "storybook/internal/components";
-import { Consumer as ja, addons as O1, types as Fa } from "storybook/manager-api";
+import Xe from "react";
+import { AddonPanel as ja } from "storybook/internal/components";
+import { Consumer as Fa, addons as O1, types as Ua } from "storybook/manager-api";
 
 // src/component-testing/components/Panel.tsx
-import L0, { Fragment as S1, memo as Aa, useEffect as H0, useMemo as B1, useRef as S0, useState as B0 } from "react";
+import H0, { Fragment as S1, memo as La, useEffect as S0, useMemo as B1, useRef as B0, useState as T0 } from "react";
 import {
-  FORCE_REMOUNT as La,
-  PLAY_FUNCTION_THREW_EXCEPTION as Ha,
-  STORY_RENDER_PHASE_CHANGED as Sa,
-  STORY_THREW_EXCEPTION as Ba,
-  UNHANDLED_ERRORS_WHILE_PLAYING as Ta
+  FORCE_REMOUNT as Ha,
+  PLAY_FUNCTION_THREW_EXCEPTION as Sa,
+  STORY_RENDER_PHASE_CHANGED as Ba,
+  STORY_THREW_EXCEPTION as Ta,
+  UNHANDLED_ERRORS_WHILE_PLAYING as _a
 } from "storybook/internal/core-events";
 import { CallStates as U, EVENTS as pe } from "storybook/internal/instrumenter";
-import { global as T0 } from "@storybook/global";
+import { global as _0 } from "@storybook/global";
 import {
   experimental_useStatusStore as ka,
   useAddonState as Va,
-  useChannel as _a,
-  useParameter as Oa
+  useChannel as Oa,
+  useParameter as Da
 } from "storybook/manager-api";
 
 // ../addons/test/src/constants.ts
-var Ze = "storybook/test", $a = `${Ze}/test-provider`, Ga = `${Ze}/panel`, O0 = "STORYBOOK_ADDON_TEST_CHANNEL", U1 = "writing-tests/test-add\
-on", Wa = `${U1}#what-happens-if-vitest-itself-has-an-error`;
-var $1 = {
-  id: Ze,
+var Je = "storybook/test", Ga = `${Je}/test-provider`, Wa = `${Je}/panel`, D0 = "STORYBOOK_ADDON_TEST_CHANNEL", U1 = "storybook/a11y", Xa = `${U1}\
+/panel`;
+var $1 = "writing-tests/test-addon", Ya = `${$1}#what-happens-if-vitest-itself-has-an-error`;
+var G1 = {
+  id: Je,
   initialState: {
     config: {
       coverage: !1,
       a11y: !1
     },
-    watching: !1
+    watching: !1,
+    cancelling: !1,
+    fatalError: void 0,
+    indexUrl: void 0,
+    currentRun: {
+      triggeredBy: void 0,
+      config: {
+        coverage: !1,
+        a11y: !1
+      },
+      componentTestCount: {
+        success: 0,
+        error: 0
+      },
+      a11yCount: {
+        success: 0,
+        warning: 0,
+        error: 0
+      },
+      storyIds: void 0,
+      totalTestCount: void 0,
+      startedAt: void 0,
+      finishedAt: void 0,
+      unhandledErrors: [],
+      coverageSummary: void 0
+    }
   }
-}, Xa = `UNIVERSAL_STORE:${$1.id}`, D0 = "storybook/component-test";
+}, Ka = `UNIVERSAL_STORE:${G1.id}`;
+var P0 = "storybook/component-test";
 
 // src/component-testing/constants.ts
-var de = "storybook/component-tests", P0 = `${de}/panel`, Je = "writing-tests/test-addon", q0 = `${Je}#what-happens-when-there-are-different\
+var de = "storybook/component-tests", Ee = `${de}/panel`, Qe = "writing-tests/test-addon", q0 = `${Qe}#what-happens-when-there-are-different\
 -test-results-in-multiple-environments`;
 
 // src/component-testing/components/InteractionsPanel.tsx
 import * as S from "react";
-import { transparentize as ya } from "polished";
+import { transparentize as Ia } from "polished";
 import { styled as we } from "storybook/theming";
 
 // src/component-testing/utils.ts
@@ -1210,54 +1237,54 @@ var mt = G(vt(), 1);
 import { useTheme as z5 } from "storybook/theming";
 
 // ../node_modules/ansi-regex/index.js
-function n0({ onlyFirst: e = !1 } = {}) {
+function o0({ onlyFirst: e = !1 } = {}) {
   let t = [
     "[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)",
     "(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-ntqry=><~]))"
   ].join("|");
   return new RegExp(t, e ? void 0 : "g");
 }
-l(n0, "ansiRegex");
+l(o0, "ansiRegex");
 
 // ../node_modules/strip-ansi/index.js
-var I5 = n0();
-function o0(e) {
+var A5 = o0();
+function c0(e) {
   if (typeof e != "string")
     throw new TypeError(`Expected a \`string\`, got \`${typeof e}\``);
-  return e.replace(I5, "");
+  return e.replace(A5, "");
 }
-l(o0, "stripAnsi");
+l(c0, "stripAnsi");
 
 // src/component-testing/utils.ts
 function wt(e) {
-  return c0(e) || i0(e);
+  return i0(e) || s0(e);
 }
 l(wt, "isTestAssertionError");
-function c0(e) {
+function i0(e) {
   return e && typeof e == "object" && "name" in e && typeof e.name == "string" && e.name === "AssertionError";
 }
-l(c0, "isChaiError");
-function i0(e) {
-  return e && typeof e == "object" && "message" in e && typeof e.message == "string" && o0(e.message).startsWith("expect(");
+l(i0, "isChaiError");
+function s0(e) {
+  return e && typeof e == "object" && "message" in e && typeof e.message == "string" && c0(e.message).startsWith("expect(");
 }
-l(i0, "isJestError");
-function A5(e) {
+l(s0, "isJestError");
+function L5(e) {
   return new mt.default({
     escapeXML: !0,
     fg: e.color.defaultText,
     bg: e.background.content
   });
 }
-l(A5, "createAnsiToHtmlFilter");
+l(L5, "createAnsiToHtmlFilter");
 function ve() {
   let e = z5();
-  return A5(e);
+  return L5(e);
 }
 l(ve, "useAnsiToHtmlFilter");
 
 // src/component-testing/components/EmptyState.tsx
-import me, { useEffect as L5, useState as H5 } from "react";
-import { EmptyTabContent as S5, Link as B5 } from "storybook/internal/components";
+import me, { useEffect as H5, useState as S5 } from "react";
+import { EmptyTabContent as B5, Link as T5 } from "storybook/internal/components";
 
 // ../node_modules/@storybook/icons/dist/index.mjs
 import * as E from "react";
@@ -1443,7 +1470,7 @@ var It = /* @__PURE__ */ E.forwardRef(({ color: e = "currentColor", size: t = 14
     }
   )
 ));
-var zt = /* @__PURE__ */ E.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, a) => /* @__PURE__ */ E.createElement(
+var At = /* @__PURE__ */ E.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, a) => /* @__PURE__ */ E.createElement(
   "svg",
   {
     width: t,
@@ -1456,7 +1483,7 @@ var zt = /* @__PURE__ */ E.forwardRef(({ color: e = "currentColor", size: t = 14
   },
   /* @__PURE__ */ E.createElement("path", { d: "M14 7A7 7 0 110 7a7 7 0 0114 0z", fill: e })
 ));
-var At = /* @__PURE__ */ E.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, a) => /* @__PURE__ */ E.createElement(
+var zt = /* @__PURE__ */ E.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, a) => /* @__PURE__ */ E.createElement(
   "svg",
   {
     width: t,
@@ -1479,84 +1506,84 @@ var At = /* @__PURE__ */ E.forwardRef(({ color: e = "currentColor", size: t = 14
 ));
 
 // src/component-testing/components/EmptyState.tsx
-import { useStorybookApi as T5 } from "storybook/manager-api";
+import { useStorybookApi as _5 } from "storybook/manager-api";
 import { styled as Lt } from "storybook/theming";
 var k5 = Lt.div(({ theme: e }) => ({
   display: "flex",
   fontSize: e.typography.size.s2 - 1,
   gap: 25
-})), zl = Lt.div(({ theme: e }) => ({
+})), Ll = Lt.div(({ theme: e }) => ({
   width: 1,
   height: 16,
   backgroundColor: e.appBorderColor
 })), Ht = /* @__PURE__ */ l(() => {
-  let [e, t] = H5(!0), a = T5().getDocsUrl({
-    subpath: Je,
+  let [e, t] = S5(!0), a = _5().getDocsUrl({
+    subpath: Qe,
     versioned: !0,
     renderer: !0
   });
-  return L5(() => {
+  return H5(() => {
     let n = setTimeout(() => {
       t(!1);
     }, 100);
     return () => clearTimeout(n);
   }, []), e ? null : /* @__PURE__ */ me.createElement(
-    S5,
+    B5,
     {
       title: "Component testing",
       description: /* @__PURE__ */ me.createElement(me.Fragment, null, "Component tests allow you to verify the functional aspects of UIs. W\
 rite a play function for your story and you'll see it run here."),
-      footer: /* @__PURE__ */ me.createElement(k5, null, /* @__PURE__ */ me.createElement(B5, { href: a, target: "_blank", withArrow: !0 }, /* @__PURE__ */ me.
+      footer: /* @__PURE__ */ me.createElement(k5, null, /* @__PURE__ */ me.createElement(T5, { href: a, target: "_blank", withArrow: !0 }, /* @__PURE__ */ me.
       createElement(Mt, null), " Read docs"))
     }
   );
 }, "Empty");
 
 // src/component-testing/components/Interaction.tsx
-import * as z from "react";
-import { IconButton as Ur, TooltipNote as $r, WithTooltip as Gr } from "storybook/internal/components";
+import * as A from "react";
+import { IconButton as $r, TooltipNote as Gr, WithTooltip as Wr } from "storybook/internal/components";
 import { CallStates as ue } from "storybook/internal/instrumenter";
-import { transparentize as Wr } from "polished";
+import { transparentize as Xr } from "polished";
 import { styled as oe, typography as Ge } from "storybook/theming";
 
 // src/component-testing/components/MatcherResult.tsx
 import y from "react";
-import { styled as w1, typography as Or } from "storybook/theming";
+import { styled as w1, typography as Dr } from "storybook/theming";
 
 // src/component-testing/components/MethodCall.tsx
-import d, { Fragment as mr } from "react";
+import d, { Fragment as wr } from "react";
 
 // ../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectInspector.js
 var f1 = G(Oe()), h1 = G(De());
-import b0, { useEffect as pr, useState as vr } from "react";
+import x0, { useEffect as vr, useState as mr } from "react";
 
 // ../node_modules/clsx/dist/clsx.m.js
-function f0(e) {
+function h0(e) {
   var t, r, a = "";
   if (e)
     if (typeof e == "object")
       if (Array.isArray(e))
         for (t = 0; t < e.length; t++)
-          e[t] && (r = f0(e[t])) && (a && (a += " "), a += r);
+          e[t] && (r = h0(e[t])) && (a && (a += " "), a += r);
       else
         for (t in e)
-          e[t] && (r = f0(t)) && (a && (a += " "), a += r);
+          e[t] && (r = h0(t)) && (a && (a += " "), a += r);
     else typeof e != "boolean" && !e.call && (a && (a += " "), a += e);
   return a;
 }
-l(f0, "toVal");
+l(h0, "toVal");
 function P() {
   for (var e = 0, t, r = ""; e < arguments.length; )
-    (t = f0(arguments[e++])) && (r && (r += " "), r += t);
+    (t = h0(arguments[e++])) && (r && (r += " "), r += t);
   return r;
 }
 l(P, "default");
 
 // ../node_modules/@devtools-ds/object-parser/dist/esm/index.js
-var h0 = /* @__PURE__ */ l((e) => Array.isArray(e) || // Detect https://developer.mozilla.org/en-US/docs/Web/JavaScript/Typed_arrays
-ArrayBuffer.isView(e) && !(e instanceof DataView), "isArray"), u0 = /* @__PURE__ */ l((e) => e !== null && typeof e == "object" && !h0(e) &&
-!(e instanceof Date) && !(e instanceof RegExp) && !(e instanceof Error) && !(e instanceof WeakMap) && !(e instanceof WeakSet), "isObject"), D5 = /* @__PURE__ */ l(
-(e) => u0(e) || h0(e) || typeof e == "function" || e instanceof Promise, "isKnownObject"), p0 = /* @__PURE__ */ l((e) => {
+var u0 = /* @__PURE__ */ l((e) => Array.isArray(e) || // Detect https://developer.mozilla.org/en-US/docs/Web/JavaScript/Typed_arrays
+ArrayBuffer.isView(e) && !(e instanceof DataView), "isArray"), p0 = /* @__PURE__ */ l((e) => e !== null && typeof e == "object" && !u0(e) &&
+!(e instanceof Date) && !(e instanceof RegExp) && !(e instanceof Error) && !(e instanceof WeakMap) && !(e instanceof WeakSet), "isObject"), P5 = /* @__PURE__ */ l(
+(e) => p0(e) || u0(e) || typeof e == "function" || e instanceof Promise, "isKnownObject"), v0 = /* @__PURE__ */ l((e) => {
   let t = /unique/;
   return Promise.race([e, t]).then((r) => r === t ? ["pending"] : ["fulfilled", r], (r) => ["rejected", r]);
 }, "getPromiseState"), Y = /* @__PURE__ */ l(async (e, t, r, a, n, o) => {
@@ -1567,9 +1594,9 @@ ArrayBuffer.isView(e) && !(e instanceof DataView), "isArray"), u0 = /* @__PURE__
     type: "value",
     parent: void 0
   };
-  if (t && D5(t) && r < 100) {
+  if (t && P5(t) && r < 100) {
     let i = [], s = "object";
-    if (h0(t)) {
+    if (u0(t)) {
       for (let h = 0; h < t.length; h++)
         i.push(async () => {
           let f = await Y(h.toString(), t[h], r + 1, a);
@@ -1591,7 +1618,7 @@ ArrayBuffer.isView(e) && !(e instanceof DataView), "isArray"), u0 = /* @__PURE__
         });
       }
       if (typeof t == "function" && (s = "function"), t instanceof Promise) {
-        let [f, w] = await p0(t);
+        let [f, w] = await v0(t);
         i.push(async () => {
           let u = await Y("<state>", f, r + 1, a);
           return u.parent = c, u;
@@ -1633,25 +1660,25 @@ ArrayBuffer.isView(e) && !(e instanceof DataView), "isArray"), u0 = /* @__PURE__
     }), c.type = s, c.children = i, c.isPrototype = n;
   }
   return c;
-}, "buildAST"), kt = /* @__PURE__ */ l((e, t, r) => Y("root", e, 0, t === !1 ? t : !0, void 0, r === !1 ? r : !0), "parse");
+}, "buildAST"), _t = /* @__PURE__ */ l((e, t, r) => Y("root", e, 0, t === !1 ? t : !0, void 0, r === !1 ? r : !0), "parse");
 
 // ../node_modules/@devtools-ds/themes/dist/esm/utils.js
-var v0 = G(Pt()), Ut = G(Ft());
+var m0 = G(Pt()), Ut = G(Ft());
 import Pe from "react";
-var $5 = ["children"];
-var m0 = /* @__PURE__ */ Pe.createContext({
+var G5 = ["children"];
+var w0 = /* @__PURE__ */ Pe.createContext({
   theme: "chrome",
   colorScheme: "light"
 });
 var $t = /* @__PURE__ */ l((e) => {
   let {
     children: t
-  } = e, r = (0, Ut.default)(e, $5), a = Pe.useContext(m0);
-  return /* @__PURE__ */ Pe.createElement(m0.Provider, {
-    value: (0, v0.default)((0, v0.default)({}, a), r)
+  } = e, r = (0, Ut.default)(e, G5), a = Pe.useContext(w0);
+  return /* @__PURE__ */ Pe.createElement(w0.Provider, {
+    value: (0, m0.default)((0, m0.default)({}, a), r)
   }, t);
 }, "ThemeProvider"), le = /* @__PURE__ */ l((e, t = {}) => {
-  let r = Pe.useContext(m0), a = e.theme || r.theme || "chrome", n = e.colorScheme || r.colorScheme || "light", o = P(t[a], t[n]);
+  let r = Pe.useContext(w0), a = e.theme || r.theme || "chrome", n = e.colorScheme || r.colorScheme || "light", o = P(t[a], t[n]);
   return {
     currentColorScheme: n,
     currentTheme: a,
@@ -1660,20 +1687,20 @@ var $t = /* @__PURE__ */ l((e) => {
 }, "useTheme");
 
 // ../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectInspectorItem.js
-var R0 = G(Kt());
-import Ce, { useEffect as hr, useState as s1 } from "react";
+var E0 = G(Kt());
+import Me, { useEffect as ur, useState as s1 } from "react";
 
 // ../node_modules/@devtools-ds/tree/dist/esm/index.js
 var Ne = G(Zt()), r1 = G(t1());
-import q, { useState as tr, useEffect as rr } from "react";
+import q, { useState as rr, useEffect as ar } from "react";
 
 // ../node_modules/@devtools-ds/tree/dist/esm/TreeContext.js
-import J5 from "react";
-var Q5 = /* @__PURE__ */ J5.createContext({
+import Q5 from "react";
+var er = /* @__PURE__ */ Q5.createContext({
   isChild: !1,
   depth: 0,
   hasHover: !0
-}), qe = Q5;
+}), qe = er;
 
 // ../node_modules/@devtools-ds/tree/dist/esm/Tree.css.js
 var N = { tree: "Tree-tree-fbbbe38", item: "Tree-item-353d6f3", group: "Tree-group-d3c3d8a", label: "Tree-label-d819155", focusWhite: "Tree-\
@@ -1681,7 +1708,7 @@ focusWhite-f1e00c2", arrow: "Tree-arrow-03ab2e7", hover: "Tree-hover-3cc4e5d", o
 Tree-chrome-bcbcac6", light: "Tree-light-09174ee" };
 
 // ../node_modules/@devtools-ds/tree/dist/esm/index.js
-var er = ["theme", "hover", "colorScheme", "children", "label", "className", "onUpdate", "onSelect", "open"], be = /* @__PURE__ */ l((e) => {
+var tr = ["theme", "hover", "colorScheme", "children", "label", "className", "onUpdate", "onSelect", "open"], xe = /* @__PURE__ */ l((e) => {
   let {
     theme: t,
     hover: r,
@@ -1692,19 +1719,19 @@ var er = ["theme", "hover", "colorScheme", "children", "label", "className", "on
     onUpdate: i,
     onSelect: s,
     open: h
-  } = e, f = (0, r1.default)(e, er), {
+  } = e, f = (0, r1.default)(e, tr), {
     themeClass: w,
     currentTheme: u
   } = le({
     theme: t,
     colorScheme: a
-  }, N), [M, T] = tr(h);
-  rr(() => {
+  }, N), [M, T] = rr(h);
+  ar(() => {
     T(h);
   }, [h]);
   let B = /* @__PURE__ */ l((p) => {
     T(p), i && i(p);
-  }, "updateState"), A = q.Children.count(n) > 0, k = /* @__PURE__ */ l((p, R) => {
+  }, "updateState"), z = q.Children.count(n) > 0, _ = /* @__PURE__ */ l((p, R) => {
     if (p.isSameNode(R || null)) return;
     let v = p.querySelector('[tabindex="-1"]');
     v?.focus(), p.setAttribute("aria-selected", "true"), R?.removeAttribute("aria-selected");
@@ -1723,38 +1750,38 @@ var er = ["theme", "hover", "colorScheme", "children", "label", "className", "on
     let R = K(p, "group"), v = R?.previousElementSibling;
     if (v && v.getAttribute("tabindex") === "-1") {
       let D = v.parentElement, te = p.parentElement;
-      k(D, te);
+      _(D, te);
     }
   }, "moveBack"), O = /* @__PURE__ */ l((p, R) => {
     let v = Q(p);
     v.forEach((D) => {
       D.removeAttribute("aria-selected");
-    }), R === "start" && v[0] && k(v[0]), R === "end" && v[v.length - 1] && k(v[v.length - 1]);
+    }), R === "start" && v[0] && _(v[0]), R === "end" && v[v.length - 1] && _(v[v.length - 1]);
   }, "moveHome"), H = /* @__PURE__ */ l((p, R) => {
     let v = Q(p) || [];
     for (let D = 0; D < v.length; D++) {
       let te = v[D];
       if (te.getAttribute("aria-selected") === "true") {
-        R === "up" && v[D - 1] ? k(v[D - 1], te) : R === "down" && v[D + 1] && k(v[D + 1], te);
+        R === "up" && v[D - 1] ? _(v[D - 1], te) : R === "down" && v[D + 1] && _(v[D + 1], te);
         return;
       }
     }
-    k(v[0]);
-  }, "moveFocusAdjacent"), V = /* @__PURE__ */ l((p, R) => {
+    _(v[0]);
+  }, "moveFocusAdjacent"), k = /* @__PURE__ */ l((p, R) => {
     let v = p.target;
     (p.key === "Enter" || p.key === " ") && B(!M), p.key === "ArrowRight" && M && !R ? H(v, "down") : p.key === "ArrowRight" && B(!0), p.key ===
     "ArrowLeft" && (!M || R) ? ee(v) : p.key === "ArrowLeft" && B(!1), p.key === "ArrowDown" && H(v, "down"), p.key === "ArrowUp" && H(v, "u\
 p"), p.key === "Home" && O(v, "start"), p.key === "End" && O(v, "end");
   }, "handleKeypress"), ie = /* @__PURE__ */ l((p, R) => {
     let v = p.target, D = K(v, "treeitem"), te = Q(v) || [], V0 = !1;
-    for (let Ye = 0; Ye < te.length; Ye++) {
-      let _0 = te[Ye];
-      if (_0.getAttribute("aria-selected") === "true") {
-        D && (V0 = !0, k(D, _0));
+    for (let Ke = 0; Ke < te.length; Ke++) {
+      let O0 = te[Ke];
+      if (O0.getAttribute("aria-selected") === "true") {
+        D && (V0 = !0, _(D, O0));
         break;
       }
     }
-    !V0 && D && k(D), R || B(!M);
+    !V0 && D && _(D), R || B(!M);
   }, "handleClick"), ge = /* @__PURE__ */ l((p) => {
     let R = p.currentTarget;
     !R.contains(document.activeElement) && R.getAttribute("role") === "tree" && R.setAttribute("tabindex", "0");
@@ -1762,7 +1789,7 @@ p"), p.key === "Home" && O(v, "start"), p.key === "End" && O(v, "end");
     let R = p.target;
     if (R.getAttribute("role") === "tree") {
       let v = R.querySelector('[aria-selected="true"]');
-      v ? k(v) : H(R, "down"), R.setAttribute("tabindex", "-1");
+      v ? _(v) : H(R, "down"), R.setAttribute("tabindex", "-1");
     }
   }, "handleFocus"), Le = /* @__PURE__ */ l(() => {
     s?.();
@@ -1790,8 +1817,8 @@ p"), p.key === "Home" && O(v, "start"), p.key === "End" && O(v, "end");
         depth: 0,
         hasHover: $
       }
-    }, /* @__PURE__ */ q.createElement(be, e)));
-  if (!A)
+    }, /* @__PURE__ */ q.createElement(xe, e)));
+  if (!z)
     return /* @__PURE__ */ q.createElement("li", (0, Ne.default)({
       role: "treeitem",
       className: N.item
@@ -1804,12 +1831,12 @@ p"), p.key === "Home" && O(v, "start"), p.key === "End" && O(v, "end");
       tabIndex: -1,
       style: se(b),
       onKeyDown: /* @__PURE__ */ l((p) => {
-        V(p, Z);
+        k(p, Z);
       }, "onKeyDown"),
       onClick: /* @__PURE__ */ l((p) => ie(p, !0), "onClick"),
       onFocus: Le
     }, /* @__PURE__ */ q.createElement("span", null, o)));
-  let Xe = P(N.arrow, {
+  let Ye = P(N.arrow, {
     [N.open]: M
   });
   return /* @__PURE__ */ q.createElement("li", {
@@ -1825,11 +1852,11 @@ p"), p.key === "Home" && O(v, "start"), p.key === "End" && O(v, "end");
     }),
     style: se(b),
     onClick: /* @__PURE__ */ l((p) => ie(p), "onClick"),
-    onKeyDown: /* @__PURE__ */ l((p) => V(p), "onKeyDown"),
+    onKeyDown: /* @__PURE__ */ l((p) => k(p), "onKeyDown"),
     onFocus: Le
   }, /* @__PURE__ */ q.createElement("span", null, /* @__PURE__ */ q.createElement("span", {
     "aria-hidden": !0,
-    className: Xe
+    className: Ye
   }), /* @__PURE__ */ q.createElement("span", null, o))), /* @__PURE__ */ q.createElement("ul", (0, Ne.default)({
     role: "group",
     className: P(c, N.group)
@@ -1841,14 +1868,14 @@ p"), p.key === "Home" && O(v, "start"), p.key === "End" && O(v, "end");
     }
   }, p))));
 }, "Tree");
-be.defaultProps = {
+xe.defaultProps = {
   open: !1,
   hover: !0
 };
 
 // ../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectValue.js
 var a1 = G(Oe()), l1 = G(De());
-import J, { useState as lr, useEffect as nr } from "react";
+import J, { useState as nr, useEffect as or } from "react";
 
 // ../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectInspector.css.js
 var x = { "object-inspector": "ObjectInspector-object-inspector-0c33e82", objectInspector: "ObjectInspector-object-inspector-0c33e82", "obje\
@@ -1861,7 +1888,7 @@ ObjectInspector-prototype-f2449ee", dark: "ObjectInspector-dark-0c96c97", chrome
 light-78bef54" };
 
 // ../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectValue.js
-var ar = ["ast", "theme", "showKey", "colorScheme", "className"], F = /* @__PURE__ */ l((e, t, r, a, n) => {
+var lr = ["ast", "theme", "showKey", "colorScheme", "className"], F = /* @__PURE__ */ l((e, t, r, a, n) => {
   let o = e.includes("-") ? `"${e}"` : e, c = n <= 0;
   return /* @__PURE__ */ J.createElement("span", {
     className: x.text
@@ -1877,15 +1904,15 @@ var ar = ["ast", "theme", "showKey", "colorScheme", "className"], F = /* @__PURE
     showKey: a,
     colorScheme: n,
     className: o
-  } = e, c = (0, l1.default)(e, ar), {
+  } = e, c = (0, l1.default)(e, lr), {
     themeClass: i
   } = le({
     theme: r,
     colorScheme: n
-  }, x), [s, h] = lr(/* @__PURE__ */ J.createElement("span", null)), f = /* @__PURE__ */ J.createElement("span", null);
-  return nr(() => {
+  }, x), [s, h] = nr(/* @__PURE__ */ J.createElement("span", null)), f = /* @__PURE__ */ J.createElement("span", null);
+  return or(() => {
     t.value instanceof Promise && (/* @__PURE__ */ l(async (u) => {
-      h(F(t.key, `Promise { "${await p0(u)}" }`, x.key, a, t.depth));
+      h(F(t.key, `Promise { "${await v0(u)}" }`, x.key, a, t.depth));
     }, "waitForPromiseResult"))(t.value);
   }, [t, a]), typeof t.value == "number" || typeof t.value == "bigint" ? f = F(t.key, String(t.value), x.number, a, t.depth) : typeof t.value ==
   "boolean" ? f = F(t.key, String(t.value), x.boolean, a, t.depth) : typeof t.value == "string" ? f = F(t.key, `"${t.value}"`, x.string, a, t.
@@ -1893,7 +1920,7 @@ var ar = ["ast", "theme", "showKey", "colorScheme", "className"], F = /* @__PURE
   x.string, a, t.depth) : typeof t.value == "function" ? f = F(t.key, `${t.value.name}()`, x.key, a, t.depth) : typeof t.value == "object" &&
   (t.value === null ? f = F(t.key, "null", x.null, a, t.depth) : Array.isArray(t.value) ? f = F(t.key, `Array(${t.value.length})`, x.key, a,
   t.depth) : t.value instanceof Date ? f = F(t.key, `Date ${t.value.toString()}`, x.value, a, t.depth) : t.value instanceof RegExp ? f = F(t.
-  key, t.value.toString(), x.regex, a, t.depth) : t.value instanceof Error ? f = F(t.key, t.value.toString(), x.error, a, t.depth) : u0(t.value) ?
+  key, t.value.toString(), x.regex, a, t.depth) : t.value instanceof Error ? f = F(t.key, t.value.toString(), x.error, a, t.depth) : p0(t.value) ?
   f = F(t.key, "{\u2026}", x.key, a, t.depth) : f = F(t.key, t.value.constructor.name, x.key, a, t.depth)), /* @__PURE__ */ J.createElement(
   "span", (0, a1.default)({
     className: P(i, o)
@@ -1907,7 +1934,7 @@ var je = n1;
 // ../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectLabel.js
 var he = G(Oe()), o1 = G(De());
 import m from "react";
-var or = ["ast", "theme", "previewMax", "open", "colorScheme", "className"], xe = /* @__PURE__ */ l((e, t, r) => {
+var cr = ["ast", "theme", "previewMax", "open", "colorScheme", "className"], Ce = /* @__PURE__ */ l((e, t, r) => {
   let a = [];
   for (let n = 0; n < e.length; n++) {
     let o = e[n];
@@ -1922,29 +1949,29 @@ var or = ["ast", "theme", "previewMax", "open", "colorScheme", "className"], xe
     }
   }
   return a;
-}, "buildPreview"), cr = /* @__PURE__ */ l((e, t, r, a) => {
+}, "buildPreview"), ir = /* @__PURE__ */ l((e, t, r, a) => {
   let n = e.value.length;
   return t ? /* @__PURE__ */ m.createElement("span", null, "Array(", n, ")") : /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.
-  createElement("span", null, `${a === "firefox" ? "Array" : ""}(${n}) [ `), xe(e.children, r, !1), /* @__PURE__ */ m.createElement("span", null,
+  createElement("span", null, `${a === "firefox" ? "Array" : ""}(${n}) [ `), Ce(e.children, r, !1), /* @__PURE__ */ m.createElement("span", null,
   "]"));
-}, "getArrayLabel"), ir = /* @__PURE__ */ l((e, t, r, a) => e.isPrototype ? /* @__PURE__ */ m.createElement("span", null, `Object ${a === "f\
+}, "getArrayLabel"), sr = /* @__PURE__ */ l((e, t, r, a) => e.isPrototype ? /* @__PURE__ */ m.createElement("span", null, `Object ${a === "f\
 irefox" ? "{ \u2026 }" : ""}`) : t ? /* @__PURE__ */ m.createElement("span", null, "{\u2026}") : /* @__PURE__ */ m.createElement(m.Fragment,
-null, /* @__PURE__ */ m.createElement("span", null, `${a === "firefox" ? "Object " : ""}{ `), xe(e.children, r, !0), /* @__PURE__ */ m.createElement(
-"span", null, "}")), "getObjectLabel"), sr = /* @__PURE__ */ l((e, t, r) => t ? /* @__PURE__ */ m.createElement("span", null, `Promise { "${String(
-e.children[0].value)}" }`) : /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement("span", null, "Promise { "), xe(
-e.children, r, !0), /* @__PURE__ */ m.createElement("span", null, "}")), "getPromiseLabel"), dr = /* @__PURE__ */ l((e, t, r, a) => {
+null, /* @__PURE__ */ m.createElement("span", null, `${a === "firefox" ? "Object " : ""}{ `), Ce(e.children, r, !0), /* @__PURE__ */ m.createElement(
+"span", null, "}")), "getObjectLabel"), dr = /* @__PURE__ */ l((e, t, r) => t ? /* @__PURE__ */ m.createElement("span", null, `Promise { "${String(
+e.children[0].value)}" }`) : /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement("span", null, "Promise { "), Ce(
+e.children, r, !0), /* @__PURE__ */ m.createElement("span", null, "}")), "getPromiseLabel"), fr = /* @__PURE__ */ l((e, t, r, a) => {
   let {
     size: n
   } = e.value;
   return t ? /* @__PURE__ */ m.createElement("span", null, `Map(${n})`) : /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.
-  createElement("span", null, `Map${a === "chrome" ? `(${n})` : ""} { `), xe(e.children, r, !0), /* @__PURE__ */ m.createElement("span", null,
+  createElement("span", null, `Map${a === "chrome" ? `(${n})` : ""} { `), Ce(e.children, r, !0), /* @__PURE__ */ m.createElement("span", null,
   "}"));
-}, "getMapLabel"), fr = /* @__PURE__ */ l((e, t, r) => {
+}, "getMapLabel"), hr = /* @__PURE__ */ l((e, t, r) => {
   let {
     size: a
   } = e.value;
   return t ? /* @__PURE__ */ m.createElement("span", null, "Set(", a, ")") : /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.
-  createElement("span", null, `Set(${e.value.size}) {`), xe(e.children, r, !0), /* @__PURE__ */ m.createElement("span", null, "}"));
+  createElement("span", null, `Set(${e.value.size}) {`), Ce(e.children, r, !0), /* @__PURE__ */ m.createElement("span", null, "}"));
 }, "getSetLabel"), c1 = /* @__PURE__ */ l((e) => {
   let {
     ast: t,
@@ -1953,7 +1980,7 @@ e.children, r, !0), /* @__PURE__ */ m.createElement("span", null, "}")), "getPro
     open: n,
     colorScheme: o,
     className: c
-  } = e, i = (0, o1.default)(e, or), {
+  } = e, i = (0, o1.default)(e, cr), {
     themeClass: s,
     currentTheme: h
   } = le({
@@ -1966,7 +1993,7 @@ e.children, r, !0), /* @__PURE__ */ m.createElement("span", null, "}")), "getPro
   }, u ? "" : `${t.key}: `), "Key");
   return t.type === "array" ? /* @__PURE__ */ m.createElement("span", (0, he.default)({
     className: w
-  }, i), /* @__PURE__ */ m.createElement(M, null), cr(t, n, a, h)) : t.type === "function" ? /* @__PURE__ */ m.createElement("span", (0, he.default)(
+  }, i), /* @__PURE__ */ m.createElement(M, null), ir(t, n, a, h)) : t.type === "function" ? /* @__PURE__ */ m.createElement("span", (0, he.default)(
   {
     className: w
   }, i), /* @__PURE__ */ m.createElement(M, null), h === "chrome" && /* @__PURE__ */ m.createElement("span", {
@@ -1977,15 +2004,15 @@ e.children, r, !0), /* @__PURE__ */ m.createElement("span", null, "}")), "getPro
     })
   }, `${t.value.name}()`)) : t.type === "promise" ? /* @__PURE__ */ m.createElement("span", (0, he.default)({
     className: w
-  }, i), /* @__PURE__ */ m.createElement(M, null), sr(t, n, a)) : t.type === "map" ? /* @__PURE__ */ m.createElement("span", (0, he.default)(
+  }, i), /* @__PURE__ */ m.createElement(M, null), dr(t, n, a)) : t.type === "map" ? /* @__PURE__ */ m.createElement("span", (0, he.default)(
   {
     className: w
-  }, i), /* @__PURE__ */ m.createElement(M, null), dr(t, n, a, h)) : t.type === "set" ? /* @__PURE__ */ m.createElement("span", (0, he.default)(
+  }, i), /* @__PURE__ */ m.createElement(M, null), fr(t, n, a, h)) : t.type === "set" ? /* @__PURE__ */ m.createElement("span", (0, he.default)(
   {
     className: w
-  }, i), /* @__PURE__ */ m.createElement(M, null), fr(t, n, a)) : /* @__PURE__ */ m.createElement("span", (0, he.default)({
+  }, i), /* @__PURE__ */ m.createElement(M, null), hr(t, n, a)) : /* @__PURE__ */ m.createElement("span", (0, he.default)({
     className: w
-  }, i), /* @__PURE__ */ m.createElement(M, null), ir(t, n, a, h));
+  }, i), /* @__PURE__ */ m.createElement(M, null), sr(t, n, a, h));
 }, "ObjectLabel");
 c1.defaultProps = {
   previewMax: 8,
@@ -1994,25 +2021,25 @@ c1.defaultProps = {
 var i1 = c1;
 
 // ../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectInspectorItem.js
-var E0 = /* @__PURE__ */ l((e) => {
+var b0 = /* @__PURE__ */ l((e) => {
   let {
     ast: t,
     expandLevel: r,
     depth: a
   } = e, [n, o] = s1(), [c, i] = s1(a < r);
-  return hr(() => {
+  return ur(() => {
     (/* @__PURE__ */ l(async () => {
       if (t.type !== "value") {
-        let h = t.children.map((u) => u()), f = await Promise.all(h), w = (0, R0.default)((0, R0.default)({}, t), {}, {
+        let h = t.children.map((u) => u()), f = await Promise.all(h), w = (0, E0.default)((0, E0.default)({}, t), {}, {
           children: f
         });
         o(w);
       }
     }, "resolve"))();
-  }, [t]), n ? /* @__PURE__ */ Ce.createElement(be, {
+  }, [t]), n ? /* @__PURE__ */ Me.createElement(xe, {
     hover: !1,
     open: c,
-    label: /* @__PURE__ */ Ce.createElement(i1, {
+    label: /* @__PURE__ */ Me.createElement(i1, {
       open: c,
       ast: n
     }),
@@ -2023,15 +2050,15 @@ var E0 = /* @__PURE__ */ l((e) => {
     onUpdate: /* @__PURE__ */ l((s) => {
       i(s);
     }, "onUpdate")
-  }, n.children.map((s) => /* @__PURE__ */ Ce.createElement(E0, {
+  }, n.children.map((s) => /* @__PURE__ */ Me.createElement(b0, {
     key: s.key,
     ast: s,
     depth: a + 1,
     expandLevel: r,
     onSelect: e.onSelect
-  }))) : /* @__PURE__ */ Ce.createElement(be, {
+  }))) : /* @__PURE__ */ Me.createElement(xe, {
     hover: !1,
-    label: /* @__PURE__ */ Ce.createElement(je, {
+    label: /* @__PURE__ */ Me.createElement(je, {
       ast: t
     }),
     onSelect: /* @__PURE__ */ l(() => {
@@ -2040,14 +2067,14 @@ var E0 = /* @__PURE__ */ l((e) => {
     }, "onSelect")
   });
 }, "ObjectInspectorItem");
-E0.defaultProps = {
+b0.defaultProps = {
   expandLevel: 0,
   depth: 0
 };
-var d1 = E0;
+var d1 = b0;
 
 // ../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectInspector.js
-var ur = ["data", "expandLevel", "sortKeys", "includePrototypes", "className", "theme", "colorScheme", "onSelect"], Fe = /* @__PURE__ */ l((e) => {
+var pr = ["data", "expandLevel", "sortKeys", "includePrototypes", "className", "theme", "colorScheme", "onSelect"], Fe = /* @__PURE__ */ l((e) => {
   let {
     data: t,
     expandLevel: r,
@@ -2057,7 +2084,7 @@ var ur = ["data", "expandLevel", "sortKeys", "includePrototypes", "className", "
     theme: c,
     colorScheme: i,
     onSelect: s
-  } = e, h = (0, h1.default)(e, ur), [f, w] = vr(void 0), {
+  } = e, h = (0, h1.default)(e, pr), [f, w] = mr(void 0), {
     themeClass: u,
     currentTheme: M,
     currentColorScheme: T
@@ -2065,16 +2092,16 @@ var ur = ["data", "expandLevel", "sortKeys", "includePrototypes", "className", "
     theme: c,
     colorScheme: i
   }, x);
-  return pr(() => {
+  return vr(() => {
     (/* @__PURE__ */ l(async () => {
-      w(await kt(t, a, n));
+      w(await _t(t, a, n));
     }, "runParser"))();
-  }, [t, a, n]), /* @__PURE__ */ b0.createElement("div", (0, f1.default)({
+  }, [t, a, n]), /* @__PURE__ */ x0.createElement("div", (0, f1.default)({
     className: P(x.objectInspector, o, u)
-  }, h), f && /* @__PURE__ */ b0.createElement($t, {
+  }, h), f && /* @__PURE__ */ x0.createElement($t, {
     theme: M,
     colorScheme: T
-  }, /* @__PURE__ */ b0.createElement(d1, {
+  }, /* @__PURE__ */ x0.createElement(d1, {
     ast: f,
     expandLevel: r,
     onSelect: s
@@ -2087,8 +2114,8 @@ Fe.defaultProps = {
 };
 
 // src/component-testing/components/MethodCall.tsx
-import { useTheme as x0 } from "storybook/theming";
-var wr = {
+import { useTheme as C0 } from "storybook/theming";
+var gr = {
   base: "#444",
   nullish: "#7D99AA",
   string: "#16B242",
@@ -2113,7 +2140,7 @@ var wr = {
   },
   meta: "#EA7509",
   method: "#0271B6"
-}, gr = {
+}, Rr = {
   base: "#eee",
   nullish: "#aaa",
   string: "#5FE584",
@@ -2138,17 +2165,17 @@ var wr = {
   },
   meta: "#FAD483",
   method: "#5EC1FF"
-}, _ = /* @__PURE__ */ l(() => {
-  let { base: e } = x0();
-  return e === "dark" ? gr : wr;
-}, "useThemeColors"), Rr = /[^A-Z0-9]/i, u1 = /[\s.,…]+$/gm, p1 = /* @__PURE__ */ l((e, t) => {
+}, V = /* @__PURE__ */ l(() => {
+  let { base: e } = C0();
+  return e === "dark" ? Rr : gr;
+}, "useThemeColors"), Er = /[^A-Z0-9]/i, u1 = /[\s.,…]+$/gm, p1 = /* @__PURE__ */ l((e, t) => {
   if (e.length <= t)
     return e;
   for (let r = t - 1; r >= 0; r -= 1)
-    if (Rr.test(e[r]) && r > 10)
+    if (Er.test(e[r]) && r > 10)
       return `${e.slice(0, r).replace(u1, "")}\u2026`;
   return `${e.slice(0, t).replace(u1, "")}\u2026`;
-}, "ellipsize"), Er = /* @__PURE__ */ l((e) => {
+}, "ellipsize"), br = /* @__PURE__ */ l((e) => {
   try {
     return JSON.stringify(e, null, 1);
   } catch {
@@ -2165,32 +2192,32 @@ var wr = {
 }) => {
   switch (!0) {
     case e === null:
-      return /* @__PURE__ */ d.createElement(br, { ...n });
-    case e === void 0:
       return /* @__PURE__ */ d.createElement(xr, { ...n });
+    case e === void 0:
+      return /* @__PURE__ */ d.createElement(Cr, { ...n });
     case Array.isArray(e):
-      return /* @__PURE__ */ d.createElement(Ir, { ...n, value: e, callsById: a });
+      return /* @__PURE__ */ d.createElement(Ar, { ...n, value: e, callsById: a });
     case typeof e == "string":
-      return /* @__PURE__ */ d.createElement(Cr, { ...n, value: e });
-    case typeof e == "number":
       return /* @__PURE__ */ d.createElement(Mr, { ...n, value: e });
-    case typeof e == "boolean":
+    case typeof e == "number":
       return /* @__PURE__ */ d.createElement(yr, { ...n, value: e });
+    case typeof e == "boolean":
+      return /* @__PURE__ */ d.createElement(Ir, { ...n, value: e });
     /* eslint-disable no-underscore-dangle */
     case Object.prototype.hasOwnProperty.call(e, "__date__"):
-      return /* @__PURE__ */ d.createElement(Sr, { ...n, ...e.__date__ });
+      return /* @__PURE__ */ d.createElement(Br, { ...n, ...e.__date__ });
     case Object.prototype.hasOwnProperty.call(e, "__error__"):
-      return /* @__PURE__ */ d.createElement(Br, { ...n, ...e.__error__ });
+      return /* @__PURE__ */ d.createElement(Tr, { ...n, ...e.__error__ });
     case Object.prototype.hasOwnProperty.call(e, "__regexp__"):
-      return /* @__PURE__ */ d.createElement(Tr, { ...n, ...e.__regexp__ });
+      return /* @__PURE__ */ d.createElement(_r, { ...n, ...e.__regexp__ });
     case Object.prototype.hasOwnProperty.call(e, "__function__"):
-      return /* @__PURE__ */ d.createElement(Lr, { ...n, ...e.__function__ });
+      return /* @__PURE__ */ d.createElement(Hr, { ...n, ...e.__function__ });
     case Object.prototype.hasOwnProperty.call(e, "__symbol__"):
       return /* @__PURE__ */ d.createElement(kr, { ...n, ...e.__symbol__ });
     case Object.prototype.hasOwnProperty.call(e, "__element__"):
-      return /* @__PURE__ */ d.createElement(Hr, { ...n, ...e.__element__ });
+      return /* @__PURE__ */ d.createElement(Sr, { ...n, ...e.__element__ });
     case Object.prototype.hasOwnProperty.call(e, "__class__"):
-      return /* @__PURE__ */ d.createElement(Ar, { ...n, ...e.__class__ });
+      return /* @__PURE__ */ d.createElement(Lr, { ...n, ...e.__class__ });
     case Object.prototype.hasOwnProperty.call(e, "__callId__"):
       return /* @__PURE__ */ d.createElement(Ue, { call: a?.get(e.__callId__), callsById: a });
     /* eslint-enable no-underscore-dangle */
@@ -2207,27 +2234,27 @@ var wr = {
     default:
       return /* @__PURE__ */ d.createElement(Vr, { value: e, ...n });
   }
-}, "Node"), br = /* @__PURE__ */ l((e) => {
-  let t = _();
+}, "Node"), xr = /* @__PURE__ */ l((e) => {
+  let t = V();
   return /* @__PURE__ */ d.createElement("span", { style: { color: t.nullish }, ...e }, "null");
-}, "NullNode"), xr = /* @__PURE__ */ l((e) => {
-  let t = _();
+}, "NullNode"), Cr = /* @__PURE__ */ l((e) => {
+  let t = V();
   return /* @__PURE__ */ d.createElement("span", { style: { color: t.nullish }, ...e }, "undefined");
-}, "UndefinedNode"), Cr = /* @__PURE__ */ l(({ value: e, ...t }) => {
-  let r = _();
+}, "UndefinedNode"), Mr = /* @__PURE__ */ l(({ value: e, ...t }) => {
+  let r = V();
   return /* @__PURE__ */ d.createElement("span", { style: { color: r.string }, ...t }, JSON.stringify(p1(e, 50)));
-}, "StringNode"), Mr = /* @__PURE__ */ l(({ value: e, ...t }) => {
-  let r = _();
+}, "StringNode"), yr = /* @__PURE__ */ l(({ value: e, ...t }) => {
+  let r = V();
   return /* @__PURE__ */ d.createElement("span", { style: { color: r.number }, ...t }, e);
-}, "NumberNode"), yr = /* @__PURE__ */ l(({ value: e, ...t }) => {
-  let r = _();
+}, "NumberNode"), Ir = /* @__PURE__ */ l(({ value: e, ...t }) => {
+  let r = V();
   return /* @__PURE__ */ d.createElement("span", { style: { color: r.boolean }, ...t }, String(e));
-}, "BooleanNode"), Ir = /* @__PURE__ */ l(({
+}, "BooleanNode"), Ar = /* @__PURE__ */ l(({
   value: e,
   nested: t = !1,
   callsById: r
 }) => {
-  let a = _();
+  let a = V();
   if (t)
     return /* @__PURE__ */ d.createElement("span", { style: { color: a.base } }, "[\u2026]");
   let n = e.slice(0, 3).map((c, i) => /* @__PURE__ */ d.createElement(ne, { key: `${i}--${JSON.stringify(c)}`, value: c, nested: !0, callsById: r })),
@@ -2240,7 +2267,7 @@ var wr = {
   callsById: r,
   nested: a = !1
 }) => {
-  let n = x0().base === "dark", o = _();
+  let n = C0().base === "dark", o = V();
   if (e)
     return /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(
       Fe,
@@ -2254,27 +2281,27 @@ var wr = {
   if (a)
     return /* @__PURE__ */ d.createElement("span", { style: { color: o.base } }, "{\u2026}");
   let c = v1(
-    Object.entries(t).slice(0, 2).map(([i, s]) => /* @__PURE__ */ d.createElement(mr, { key: i }, /* @__PURE__ */ d.createElement("span", { style: {
+    Object.entries(t).slice(0, 2).map(([i, s]) => /* @__PURE__ */ d.createElement(wr, { key: i }, /* @__PURE__ */ d.createElement("span", { style: {
     color: o.objectkey } }, i, ": "), /* @__PURE__ */ d.createElement(ne, { value: s, callsById: r, nested: !0 }))),
     /* @__PURE__ */ d.createElement("span", null, ", ")
   );
   return Object.keys(t).length <= 2 ? /* @__PURE__ */ d.createElement("span", { style: { color: o.base } }, "{ ", c, " }") : /* @__PURE__ */ d.
   createElement("span", { style: { color: o.base } }, "(", Object.keys(t).length, ") ", "{ ", c, ", \u2026 }");
-}, "ObjectNode"), Ar = /* @__PURE__ */ l(({ name: e }) => {
-  let t = _();
+}, "ObjectNode"), Lr = /* @__PURE__ */ l(({ name: e }) => {
+  let t = V();
   return /* @__PURE__ */ d.createElement("span", { style: { color: t.instance } }, e);
-}, "ClassNode"), Lr = /* @__PURE__ */ l(({ name: e }) => {
-  let t = _();
+}, "ClassNode"), Hr = /* @__PURE__ */ l(({ name: e }) => {
+  let t = V();
   return e ? /* @__PURE__ */ d.createElement("span", { style: { color: t.function } }, e) : /* @__PURE__ */ d.createElement("span", { style: {
   color: t.nullish, fontStyle: "italic" } }, "anonymous");
-}, "FunctionNode"), Hr = /* @__PURE__ */ l(({
+}, "FunctionNode"), Sr = /* @__PURE__ */ l(({
   prefix: e,
   localName: t,
   id: r,
   classNames: a = [],
   innerText: n
 }) => {
-  let o = e ? `${e}:${t}` : t, c = _();
+  let o = e ? `${e}:${t}` : t, c = V();
   return /* @__PURE__ */ d.createElement("span", { style: { wordBreak: "keep-all" } }, /* @__PURE__ */ d.createElement("span", { key: `${o}_\
 lt`, style: { color: c.muted } }, "<"), /* @__PURE__ */ d.createElement("span", { key: `${o}_tag`, style: { color: c.tag.name } }, o), /* @__PURE__ */ d.
   createElement("span", { key: `${o}_suffix`, style: { color: c.tag.suffix } }, r ? `#${r}` : a.reduce((i, s) => `${i}.${s}`, "")), /* @__PURE__ */ d.
@@ -2282,29 +2309,29 @@ lt`, style: { color: c.muted } }, "<"), /* @__PURE__ */ d.createElement("span",
   Fragment, null, /* @__PURE__ */ d.createElement("span", { key: `${o}_text` }, n), /* @__PURE__ */ d.createElement("span", { key: `${o}_clo\
 se_lt`, style: { color: c.muted } }, "<"), /* @__PURE__ */ d.createElement("span", { key: `${o}_close_tag`, style: { color: c.tag.name } }, "\
 /", o), /* @__PURE__ */ d.createElement("span", { key: `${o}_close_gt`, style: { color: c.muted } }, ">")));
-}, "ElementNode"), Sr = /* @__PURE__ */ l(({ value: e }) => {
-  let t = e instanceof Date ? e.toISOString() : e, [r, a, n] = t.split(/[T.Z]/), o = _();
+}, "ElementNode"), Br = /* @__PURE__ */ l(({ value: e }) => {
+  let t = e instanceof Date ? e.toISOString() : e, [r, a, n] = t.split(/[T.Z]/), o = V();
   return /* @__PURE__ */ d.createElement("span", { style: { whiteSpace: "nowrap", color: o.date } }, r, /* @__PURE__ */ d.createElement("spa\
 n", { style: { opacity: 0.7 } }, "T"), a === "00:00:00" ? /* @__PURE__ */ d.createElement("span", { style: { opacity: 0.7 } }, a) : a, n ===
   "000" ? /* @__PURE__ */ d.createElement("span", { style: { opacity: 0.7 } }, ".", n) : `.${n}`, /* @__PURE__ */ d.createElement("span", { style: {
   opacity: 0.7 } }, "Z"));
-}, "DateNode"), Br = /* @__PURE__ */ l(({ name: e, message: t }) => {
-  let r = _();
+}, "DateNode"), Tr = /* @__PURE__ */ l(({ name: e, message: t }) => {
+  let r = V();
   return /* @__PURE__ */ d.createElement("span", { style: { color: r.error.name } }, e, t && ": ", t && /* @__PURE__ */ d.createElement("spa\
 n", { style: { color: r.error.message }, title: t.length > 50 ? t : "" }, p1(t, 50)));
-}, "ErrorNode"), Tr = /* @__PURE__ */ l(({ flags: e, source: t }) => {
-  let r = _();
+}, "ErrorNode"), _r = /* @__PURE__ */ l(({ flags: e, source: t }) => {
+  let r = V();
   return /* @__PURE__ */ d.createElement("span", { style: { whiteSpace: "nowrap", color: r.regex.flags } }, "/", /* @__PURE__ */ d.createElement(
   "span", { style: { color: r.regex.source } }, t), "/", e);
 }, "RegExpNode"), kr = /* @__PURE__ */ l(({ description: e }) => {
-  let t = _();
+  let t = V();
   return /* @__PURE__ */ d.createElement("span", { style: { whiteSpace: "nowrap", color: t.instance } }, "Symbol(", e && /* @__PURE__ */ d.createElement(
   "span", { style: { color: t.meta } }, '"', e, '"'), ")");
 }, "SymbolNode"), Vr = /* @__PURE__ */ l(({ value: e }) => {
-  let t = _();
-  return /* @__PURE__ */ d.createElement("span", { style: { color: t.meta } }, Er(e));
-}, "OtherNode"), _r = /* @__PURE__ */ l(({ label: e }) => {
-  let t = _(), { typography: r } = x0();
+  let t = V();
+  return /* @__PURE__ */ d.createElement("span", { style: { color: t.meta } }, br(e));
+}, "OtherNode"), Or = /* @__PURE__ */ l(({ label: e }) => {
+  let t = V(), { typography: r } = C0();
   return /* @__PURE__ */ d.createElement(
     "span",
     {
@@ -2323,7 +2350,7 @@ n", { style: { color: r.error.message }, title: t.length > 50 ? t : "" }, p1(t,
   if (!e)
     return null;
   if (e.method === "step" && e.path?.length === 0)
-    return /* @__PURE__ */ d.createElement(_r, { label: e.args[0] });
+    return /* @__PURE__ */ d.createElement(Or, { label: e.args[0] });
   let r = e.path?.flatMap((o, c) => {
     let i = o.__callId__;
     return [
@@ -2336,7 +2363,7 @@ n", { style: { color: r.error.message }, title: t.length > 50 ? t : "" }, p1(t,
     let s = /* @__PURE__ */ d.createElement(ne, { key: `node${c}`, value: o, callsById: t });
     return c < i.length - 1 ? [s, /* @__PURE__ */ d.createElement("span", { key: `comma${c}` }, ",\xA0"), /* @__PURE__ */ d.createElement("w\
 br", { key: `wbr${c}` })] : [s];
-  }), n = _();
+  }), n = V();
   return /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement("span", { style: { color: n.base } }, r), /* @__PURE__ */ d.
   createElement("span", { style: { color: n.method } }, e.method), /* @__PURE__ */ d.createElement("span", { style: { color: n.base } }, "(",
   /* @__PURE__ */ d.createElement("wbr", null), a, /* @__PURE__ */ d.createElement("wbr", null), ")"));
@@ -2348,20 +2375,20 @@ var m1 = /* @__PURE__ */ l((e, t = 0) => {
     if (e[r] === "(" ? a += 1 : e[r] === ")" && (a -= 1), a === 0)
       return e.slice(t, r);
   return "";
-}, "getParams"), C0 = /* @__PURE__ */ l((e) => {
+}, "getParams"), M0 = /* @__PURE__ */ l((e) => {
   try {
     return e === "undefined" ? void 0 : JSON.parse(e);
   } catch {
     return e;
   }
-}, "parseValue"), Dr = w1.span(({ theme: e }) => ({
+}, "parseValue"), Pr = w1.span(({ theme: e }) => ({
   color: e.base === "light" ? e.color.positiveText : e.color.positive
-})), Pr = w1.span(({ theme: e }) => ({
+})), qr = w1.span(({ theme: e }) => ({
   color: e.base === "light" ? e.color.negativeText : e.color.negative
-})), M0 = /* @__PURE__ */ l(({ value: e, parsed: t }) => t ? /* @__PURE__ */ y.createElement(ne, { showObjectInspector: !0, value: e, style: {
-color: "#D43900" } }) : /* @__PURE__ */ y.createElement(Pr, null, e), "Received"), y0 = /* @__PURE__ */ l(({ value: e, parsed: t }) => t ? typeof e ==
+})), y0 = /* @__PURE__ */ l(({ value: e, parsed: t }) => t ? /* @__PURE__ */ y.createElement(ne, { showObjectInspector: !0, value: e, style: {
+color: "#D43900" } }) : /* @__PURE__ */ y.createElement(qr, null, e), "Received"), I0 = /* @__PURE__ */ l(({ value: e, parsed: t }) => t ? typeof e ==
 "string" && e.startsWith("called with") ? /* @__PURE__ */ y.createElement(y.Fragment, null, e) : /* @__PURE__ */ y.createElement(ne, { showObjectInspector: !0,
-value: e, style: { color: "#16B242" } }) : /* @__PURE__ */ y.createElement(Dr, null, e), "Expected"), I0 = /* @__PURE__ */ l(({
+value: e, style: { color: "#16B242" } }) : /* @__PURE__ */ y.createElement(Pr, null, e), "Expected"), A0 = /* @__PURE__ */ l(({
   message: e,
   style: t = {}
 }) => {
@@ -2373,7 +2400,7 @@ value: e, style: { color: "#16B242" } }) : /* @__PURE__ */ y.createElement(Dr, n
       style: {
         margin: 0,
         padding: "8px 10px 8px 36px",
-        fontSize: Or.size.s1,
+        fontSize: Dr.size.s1,
         ...t
       }
     },
@@ -2385,27 +2412,27 @@ value: e, style: { color: "#16B242" } }) : /* @__PURE__ */ y.createElement(Dr, n
           if (B)
             return [
               "expect(",
-              /* @__PURE__ */ y.createElement(M0, { key: `received_${w}`, value: w }),
+              /* @__PURE__ */ y.createElement(y0, { key: `received_${w}`, value: w }),
               n.slice(u, T),
-              /* @__PURE__ */ y.createElement(y0, { key: `expected_${B}`, value: B }),
+              /* @__PURE__ */ y.createElement(I0, { key: `expected_${B}`, value: B }),
               n.slice(T + B.length),
               /* @__PURE__ */ y.createElement("br", { key: `br${o}` })
             ];
         }
       }
       if (n.match(/^\s*- /))
-        return [/* @__PURE__ */ y.createElement(y0, { key: n + o, value: n }), /* @__PURE__ */ y.createElement("br", { key: `br${o}` })];
+        return [/* @__PURE__ */ y.createElement(I0, { key: n + o, value: n }), /* @__PURE__ */ y.createElement("br", { key: `br${o}` })];
       if (n.match(/^\s*\+ /) || n.match(/^Received: $/))
-        return [/* @__PURE__ */ y.createElement(M0, { key: n + o, value: n }), /* @__PURE__ */ y.createElement("br", { key: `br${o}` })];
+        return [/* @__PURE__ */ y.createElement(y0, { key: n + o, value: n }), /* @__PURE__ */ y.createElement("br", { key: `br${o}` })];
       let [, c, i] = n.match(/^(Expected|Received): (.*)$/) || [];
       if (c && i)
         return c === "Expected" ? [
           "Expected: ",
-          /* @__PURE__ */ y.createElement(y0, { key: n + o, value: C0(i), parsed: !0 }),
+          /* @__PURE__ */ y.createElement(I0, { key: n + o, value: M0(i), parsed: !0 }),
           /* @__PURE__ */ y.createElement("br", { key: `br${o}` })
         ] : [
           "Received: ",
-          /* @__PURE__ */ y.createElement(M0, { key: n + o, value: C0(i), parsed: !0 }),
+          /* @__PURE__ */ y.createElement(y0, { key: n + o, value: M0(i), parsed: !0 }),
           /* @__PURE__ */ y.createElement("br", { key: `br${o}` })
         ];
       let [, s, h] = n.match(/(Expected number|Received number|Number) of calls: (\d+)$/i) || [];
@@ -2418,7 +2445,7 @@ value: e, style: { color: "#16B242" } }) : /* @__PURE__ */ y.createElement(Dr, n
       let [, f] = n.match(/^Received has value: (.+)$/) || [];
       return f ? [
         "Received has value: ",
-        /* @__PURE__ */ y.createElement(ne, { key: n + o, value: C0(f) }),
+        /* @__PURE__ */ y.createElement(ne, { key: n + o, value: M0(f) }),
         /* @__PURE__ */ y.createElement("br", { key: `br${o}` })
       ] : [
         /* @__PURE__ */ y.createElement(
@@ -2435,27 +2462,27 @@ value: e, style: { color: "#16B242" } }) : /* @__PURE__ */ y.createElement(Dr, n
 }, "MatcherResult");
 
 // src/component-testing/components/StatusIcon.tsx
-import Me from "react";
+import ye from "react";
 import { CallStates as $e } from "storybook/internal/instrumenter";
-import { transparentize as qr } from "polished";
-import { styled as Nr, useTheme as jr } from "storybook/theming";
-var Fr = Nr.div({
+import { transparentize as Nr } from "polished";
+import { styled as jr, useTheme as Fr } from "storybook/theming";
+var Ur = jr.div({
   width: 14,
   height: 14,
   display: "flex",
   alignItems: "center",
   justifyContent: "center"
 }), g1 = /* @__PURE__ */ l(({ status: e }) => {
-  let t = jr();
+  let t = Fr();
   switch (e) {
     case $e.DONE:
-      return /* @__PURE__ */ Me.createElement(It, { color: t.color.positive, "data-testid": "icon-done" });
+      return /* @__PURE__ */ ye.createElement(It, { color: t.color.positive, "data-testid": "icon-done" });
     case $e.ERROR:
-      return /* @__PURE__ */ Me.createElement(Ct, { color: t.color.negative, "data-testid": "icon-error" });
+      return /* @__PURE__ */ ye.createElement(Ct, { color: t.color.negative, "data-testid": "icon-error" });
     case $e.ACTIVE:
-      return /* @__PURE__ */ Me.createElement(gt, { color: t.color.secondary, "data-testid": "icon-active" });
+      return /* @__PURE__ */ ye.createElement(gt, { color: t.color.secondary, "data-testid": "icon-active" });
     case $e.WAITING:
-      return /* @__PURE__ */ Me.createElement(Fr, { "data-testid": "icon-waiting" }, /* @__PURE__ */ Me.createElement(zt, { color: qr(0.5, "\
+      return /* @__PURE__ */ ye.createElement(Ur, { "data-testid": "icon-waiting" }, /* @__PURE__ */ ye.createElement(At, { color: Nr(0.5, "\
 #CCCCCC"), size: 6 }));
     default:
       return null;
@@ -2463,12 +2490,12 @@ var Fr = Nr.div({
 }, "StatusIcon");
 
 // src/component-testing/components/Interaction.tsx
-var Xr = oe.div({
+var Yr = oe.div({
   fontFamily: Ge.fonts.mono,
   fontSize: Ge.size.s1,
   overflowWrap: "break-word",
   inlineSize: "calc( 100% - 40px )"
-}), Yr = oe("div", {
+}), Kr = oe("div", {
   shouldForwardProp: /* @__PURE__ */ l((e) => !["call", "pausedAt"].includes(e.toString()), "shouldForwardProp")
 })(
   ({ theme: e, call: t }) => ({
@@ -2479,7 +2506,7 @@ var Xr = oe.div({
     fontFamily: Ge.fonts.base,
     fontSize: 13,
     ...t.status === ue.ERROR && {
-      backgroundColor: e.base === "dark" ? Wr(0.93, e.color.negative) : e.background.warning
+      backgroundColor: e.base === "dark" ? Xr(0.93, e.color.negative) : e.background.warning
     },
     paddingLeft: (t.ancestors?.length ?? 0) * 20
   }),
@@ -2502,10 +2529,10 @@ var Xr = oe.div({
       borderTop: `1.5px solid ${e.color.warning}`
     }
   }
-), Kr = oe.div(({ theme: e, isInteractive: t }) => ({
+), Zr = oe.div(({ theme: e, isInteractive: t }) => ({
   display: "flex",
   "&:hover": t ? {} : { background: e.background.hoverable }
-})), Zr = oe("button", {
+})), Jr = oe("button", {
   shouldForwardProp: /* @__PURE__ */ l((e) => !["call"].includes(e.toString()), "shouldForwardProp")
 })(({ theme: e, disabled: t, call: r }) => ({
   flex: 1,
@@ -2527,12 +2554,12 @@ var Xr = oe.div({
   "& > div": {
     opacity: r.status === ue.WAITING ? 0.5 : 1
   }
-})), Jr = oe.div({
+})), Qr = oe.div({
   padding: 6
-}), Qr = oe(Ur)(({ theme: e }) => ({
+}), ea = oe($r)(({ theme: e }) => ({
   color: e.textMutedColor,
   margin: "0 3px"
-})), ea = oe($r)(({ theme: e }) => ({
+})), ta = oe(Gr)(({ theme: e }) => ({
   fontFamily: e.typography.fonts.base
 })), R1 = oe("div")(({ theme: e }) => ({
   padding: "8px 10px 8px 36px",
@@ -2542,27 +2569,27 @@ var Xr = oe.div({
     margin: 0,
     padding: 0
   }
-})), ta = /* @__PURE__ */ l(({ exception: e }) => {
+})), ra = /* @__PURE__ */ l(({ exception: e }) => {
   let t = ve();
   if (!e)
     return null;
+  if (s0(e))
+    return /* @__PURE__ */ A.createElement(A0, { ...e });
   if (i0(e))
-    return /* @__PURE__ */ z.createElement(I0, { ...e });
-  if (c0(e))
-    return /* @__PURE__ */ z.createElement(R1, null, /* @__PURE__ */ z.createElement(
-      I0,
+    return /* @__PURE__ */ A.createElement(R1, null, /* @__PURE__ */ A.createElement(
+      A0,
       {
         message: `${e.message}${e.diff ? `
 
 ${e.diff}` : ""}`,
         style: { padding: 0 }
       }
-    ), /* @__PURE__ */ z.createElement("p", null, "See the full stack trace in the browser console."));
+    ), /* @__PURE__ */ A.createElement("p", null, "See the full stack trace in the browser console."));
   let r = e.message.split(`
 
 `), a = r.length > 1;
-  return /* @__PURE__ */ z.createElement(R1, null, /* @__PURE__ */ z.createElement("pre", { dangerouslySetInnerHTML: { __html: t.toHtml(r[0]) } }),
-  a && /* @__PURE__ */ z.createElement("p", null, "See the full stack trace in the browser console."));
+  return /* @__PURE__ */ A.createElement(R1, null, /* @__PURE__ */ A.createElement("pre", { dangerouslySetInnerHTML: { __html: t.toHtml(r[0]) } }),
+  a && /* @__PURE__ */ A.createElement("p", null, "See the full stack trace in the browser console."));
 }, "Exception"), E1 = /* @__PURE__ */ l(({
   call: e,
   callsById: t,
@@ -2574,9 +2601,9 @@ ${e.diff}` : ""}`,
   toggleCollapsed: i,
   pausedAt: s
 }) => {
-  let [h, f] = z.useState(!1), w = !a.goto || !e.interceptable || !!e.ancestors?.length;
-  return o ? null : /* @__PURE__ */ z.createElement(Yr, { call: e, pausedAt: s }, /* @__PURE__ */ z.createElement(Kr, { isInteractive: w }, /* @__PURE__ */ z.createElement(
-    Zr,
+  let [h, f] = A.useState(!1), w = !a.goto || !e.interceptable || !!e.ancestors?.length;
+  return o ? null : /* @__PURE__ */ A.createElement(Kr, { call: e, pausedAt: s }, /* @__PURE__ */ A.createElement(Zr, { isInteractive: w }, /* @__PURE__ */ A.createElement(
+    Jr,
     {
       "aria-label": "Interaction step",
       call: e,
@@ -2585,37 +2612,37 @@ ${e.diff}` : ""}`,
       onMouseEnter: () => a.goto && f(!0),
       onMouseLeave: () => a.goto && f(!1)
     },
-    /* @__PURE__ */ z.createElement(g1, { status: h ? ue.ACTIVE : e.status }),
-    /* @__PURE__ */ z.createElement(Xr, { style: { marginLeft: 6, marginBottom: 1 } }, /* @__PURE__ */ z.createElement(Ue, { call: e, callsById: t }))
-  ), /* @__PURE__ */ z.createElement(Jr, null, (n?.length ?? 0) > 0 && /* @__PURE__ */ z.createElement(
-    Gr,
+    /* @__PURE__ */ A.createElement(g1, { status: h ? ue.ACTIVE : e.status }),
+    /* @__PURE__ */ A.createElement(Yr, { style: { marginLeft: 6, marginBottom: 1 } }, /* @__PURE__ */ A.createElement(Ue, { call: e, callsById: t }))
+  ), /* @__PURE__ */ A.createElement(Qr, null, (n?.length ?? 0) > 0 && /* @__PURE__ */ A.createElement(
+    Wr,
     {
       hasChrome: !1,
-      tooltip: /* @__PURE__ */ z.createElement(ea, { note: `${c ? "Show" : "Hide"} interactions` })
+      tooltip: /* @__PURE__ */ A.createElement(ta, { note: `${c ? "Show" : "Hide"} interactions` })
     },
-    /* @__PURE__ */ z.createElement(Qr, { onClick: i }, /* @__PURE__ */ z.createElement(yt, null))
-  ))), e.status === ue.ERROR && e.exception?.callId === e.id && /* @__PURE__ */ z.createElement(ta, { exception: e.exception }));
+    /* @__PURE__ */ A.createElement(ea, { onClick: i }, /* @__PURE__ */ A.createElement(yt, null))
+  ))), e.status === ue.ERROR && e.exception?.callId === e.id && /* @__PURE__ */ A.createElement(ra, { exception: e.exception }));
 }, "Interaction");
 
 // src/component-testing/components/Subnav.tsx
 import C from "react";
 import {
-  Bar as na,
-  Button as oa,
-  IconButton as ca,
-  P as ia,
-  Separator as sa,
-  TooltipNote as da,
-  WithTooltip as ye
+  Bar as oa,
+  Button as ca,
+  IconButton as ia,
+  P as sa,
+  Separator as da,
+  TooltipNote as fa,
+  WithTooltip as Ie
 } from "storybook/internal/components";
-import { CallStates as fa } from "storybook/internal/instrumenter";
+import { CallStates as ha } from "storybook/internal/instrumenter";
 import { styled as W } from "storybook/theming";
 
 // src/component-testing/components/StatusBadge.tsx
-import ra from "react";
+import aa from "react";
 import { CallStates as ce } from "storybook/internal/instrumenter";
-import { styled as aa, typography as z0 } from "storybook/theming";
-var la = aa.div(({ theme: e, status: t }) => ({
+import { styled as la, typography as z0 } from "storybook/theming";
+var na = la.div(({ theme: e, status: t }) => ({
   padding: "4px 6px 4px 8px;",
   borderRadius: "4px",
   backgroundColor: {
@@ -2639,23 +2666,23 @@ var la = aa.div(({ theme: e, status: t }) => ({
     [ce.ACTIVE]: "Runs",
     [ce.WAITING]: "Runs"
   }[e];
-  return /* @__PURE__ */ ra.createElement(la, { "aria-label": "Status of the test run", status: e }, t);
+  return /* @__PURE__ */ aa.createElement(na, { "aria-label": "Status of the test run", status: e }, t);
 }, "StatusBadge");
 
 // src/component-testing/components/Subnav.tsx
-var ha = W.div(({ theme: e }) => ({
+var ua = W.div(({ theme: e }) => ({
+  boxShadow: `${e.appBorderColor} 0 -1px 0 0 inset`,
   background: e.background.app,
-  borderBottom: `1px solid ${e.appBorderColor}`,
   position: "sticky",
   top: 0,
   zIndex: 1
-})), ua = W.nav(({ theme: e }) => ({
+})), pa = W.nav(({ theme: e }) => ({
   height: 40,
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   paddingLeft: 15
-})), pa = W(oa)(({ theme: e }) => ({
+})), va = W(ca)(({ theme: e }) => ({
   borderRadius: 4,
   padding: 6,
   color: e.textMutedColor,
@@ -2664,14 +2691,14 @@ var ha = W.div(({ theme: e }) => ({
       color: e.color.secondary
     }
   }
-})), Ie = W(da)(({ theme: e }) => ({
+})), Ae = W(fa)(({ theme: e }) => ({
   fontFamily: e.typography.fonts.base
-})), ze = W(ca)(({ theme: e }) => ({
+})), ze = W(ia)(({ theme: e }) => ({
   color: e.textMutedColor,
   margin: "0 3px"
-})), va = W(sa)({
+})), ma = W(da)({
   marginTop: 0
-}), ma = W(ia)(({ theme: e }) => ({
+}), wa = W(sa)(({ theme: e }) => ({
   color: e.textMutedColor,
   justifyContent: "flex-end",
   textAlign: "right",
@@ -2683,14 +2710,14 @@ var ha = W.div(({ theme: e }) => ({
 })), x1 = W.div({
   display: "flex",
   alignItems: "center"
-}), wa = W(ze)({
+}), ga = W(ze)({
   marginLeft: 9
-}), ga = W(pa)({
+}), Ra = W(va)({
   marginLeft: 9,
   marginRight: 9,
   marginBottom: 1,
   lineHeight: "12px"
-}), Ra = W(ze)(({ theme: e, animating: t, disabled: r }) => ({
+}), Ea = W(ze)(({ theme: e, animating: t, disabled: r }) => ({
   opacity: r ? 0.5 : 1,
   svg: {
     animation: t ? `${e.animation.rotate360} 200ms ease-out` : void 0
@@ -2702,19 +2729,19 @@ var ha = W.div(({ theme: e }) => ({
   storyFileName: a,
   onScrollToEnd: n
 }) => {
-  let o = r === fa.ERROR ? "Scroll to error" : "Scroll to end";
-  return /* @__PURE__ */ C.createElement(ha, null, /* @__PURE__ */ C.createElement(na, null, /* @__PURE__ */ C.createElement(ua, null, /* @__PURE__ */ C.
-  createElement(x1, null, /* @__PURE__ */ C.createElement(b1, { status: r }), /* @__PURE__ */ C.createElement(ga, { onClick: n, disabled: !n },
-  o), /* @__PURE__ */ C.createElement(va, null), /* @__PURE__ */ C.createElement(ye, { trigger: "hover", hasChrome: !1, tooltip: /* @__PURE__ */ C.
-  createElement(Ie, { note: "Go to start" }) }, /* @__PURE__ */ C.createElement(
-    wa,
+  let o = r === ha.ERROR ? "Scroll to error" : "Scroll to end";
+  return /* @__PURE__ */ C.createElement(ua, null, /* @__PURE__ */ C.createElement(oa, null, /* @__PURE__ */ C.createElement(pa, null, /* @__PURE__ */ C.
+  createElement(x1, null, /* @__PURE__ */ C.createElement(b1, { status: r }), /* @__PURE__ */ C.createElement(Ra, { onClick: n, disabled: !n },
+  o), /* @__PURE__ */ C.createElement(ma, null), /* @__PURE__ */ C.createElement(Ie, { trigger: "hover", hasChrome: !1, tooltip: /* @__PURE__ */ C.
+  createElement(Ae, { note: "Go to start" }) }, /* @__PURE__ */ C.createElement(
+    ga,
     {
       "aria-label": "Go to start",
       onClick: e.start,
       disabled: !t.start
     },
     /* @__PURE__ */ C.createElement(bt, null)
-  )), /* @__PURE__ */ C.createElement(ye, { trigger: "hover", hasChrome: !1, tooltip: /* @__PURE__ */ C.createElement(Ie, { note: "Go back" }) },
+  )), /* @__PURE__ */ C.createElement(Ie, { trigger: "hover", hasChrome: !1, tooltip: /* @__PURE__ */ C.createElement(Ae, { note: "Go back" }) },
   /* @__PURE__ */ C.createElement(
     ze,
     {
@@ -2723,7 +2750,7 @@ var ha = W.div(({ theme: e }) => ({
       disabled: !t.back
     },
     /* @__PURE__ */ C.createElement(Rt, null)
-  )), /* @__PURE__ */ C.createElement(ye, { trigger: "hover", hasChrome: !1, tooltip: /* @__PURE__ */ C.createElement(Ie, { note: "Go forwar\
+  )), /* @__PURE__ */ C.createElement(Ie, { trigger: "hover", hasChrome: !1, tooltip: /* @__PURE__ */ C.createElement(Ae, { note: "Go forwar\
 d" }) }, /* @__PURE__ */ C.createElement(
     ze,
     {
@@ -2732,7 +2759,7 @@ d" }) }, /* @__PURE__ */ C.createElement(
       disabled: !t.next
     },
     /* @__PURE__ */ C.createElement(Et, null)
-  )), /* @__PURE__ */ C.createElement(ye, { trigger: "hover", hasChrome: !1, tooltip: /* @__PURE__ */ C.createElement(Ie, { note: "Go to end" }) },
+  )), /* @__PURE__ */ C.createElement(Ie, { trigger: "hover", hasChrome: !1, tooltip: /* @__PURE__ */ C.createElement(Ae, { note: "Go to end" }) },
   /* @__PURE__ */ C.createElement(
     ze,
     {
@@ -2741,18 +2768,18 @@ d" }) }, /* @__PURE__ */ C.createElement(
       disabled: !t.end
     },
     /* @__PURE__ */ C.createElement(xt, null)
-  )), /* @__PURE__ */ C.createElement(ye, { trigger: "hover", hasChrome: !1, tooltip: /* @__PURE__ */ C.createElement(Ie, { note: "Rerun" }) },
-  /* @__PURE__ */ C.createElement(Ra, { "aria-label": "Rerun", onClick: e.rerun }, /* @__PURE__ */ C.createElement(At, null)))), a && /* @__PURE__ */ C.
-  createElement(x1, null, /* @__PURE__ */ C.createElement(ma, null, a)))));
+  )), /* @__PURE__ */ C.createElement(Ie, { trigger: "hover", hasChrome: !1, tooltip: /* @__PURE__ */ C.createElement(Ae, { note: "Rerun" }) },
+  /* @__PURE__ */ C.createElement(Ea, { "aria-label": "Rerun", onClick: e.rerun }, /* @__PURE__ */ C.createElement(zt, null)))), a && /* @__PURE__ */ C.
+  createElement(x1, null, /* @__PURE__ */ C.createElement(wa, null, a)))));
 }, "Subnav");
 
 // src/component-testing/components/TestDiscrepancyMessage.tsx
 import M1 from "react";
-import { Link as Ea } from "storybook/internal/components";
-import { CallStates as ba } from "storybook/internal/instrumenter";
-import { useStorybookApi as xa } from "storybook/manager-api";
-import { styled as Ca } from "storybook/theming";
-var Ma = Ca.div(({ theme: { color: e, typography: t, background: r } }) => ({
+import { Link as ba } from "storybook/internal/components";
+import { CallStates as xa } from "storybook/internal/instrumenter";
+import { useStorybookApi as Ca } from "storybook/manager-api";
+import { styled as Ma } from "storybook/theming";
+var ya = Ma.div(({ theme: { color: e, typography: t, background: r } }) => ({
   textAlign: "start",
   padding: "11px 15px",
   fontSize: `${t.size.s2}px`,
@@ -2773,26 +2800,26 @@ var Ma = Ca.div(({ theme: { color: e, typography: t, background: r } }) => ({
     boxShadow: "0 0 0 1px rgba(0, 0, 0, 0.1)"
   }
 })), y1 = /* @__PURE__ */ l(({ browserTestStatus: e }) => {
-  let r = xa().getDocsUrl({
+  let r = Ca().getDocsUrl({
     subpath: q0,
     versioned: !0,
     renderer: !0
-  }), [a, n] = e === ba.ERROR ? ["the CLI", "this browser"] : ["this browser", "the CLI"];
-  return /* @__PURE__ */ M1.createElement(Ma, null, "This component test passed in ", a, ", but the tests failed in ", n, ".", " ", /* @__PURE__ */ M1.
-  createElement(Ea, { href: r, target: "_blank", withArrow: !0 }, "Learn what could cause this"));
+  }), [a, n] = e === xa.ERROR ? ["the CLI", "this browser"] : ["this browser", "the CLI"];
+  return /* @__PURE__ */ M1.createElement(ya, null, "This component test passed in ", a, ", but the tests failed in ", n, ".", " ", /* @__PURE__ */ M1.
+  createElement(ba, { href: r, target: "_blank", withArrow: !0 }, "Learn what could cause this"));
 }, "TestDiscrepancyMessage");
 
 // src/component-testing/components/InteractionsPanel.tsx
-var Ia = we.div(({ theme: e }) => ({
+var Aa = we.div(({ theme: e }) => ({
   height: "100%",
   background: e.background.content
 })), I1 = we.div(({ theme: e }) => ({
   borderBottom: `1px solid ${e.appBorderColor}`,
-  backgroundColor: e.base === "dark" ? ya(0.93, e.color.negative) : e.background.warning,
+  backgroundColor: e.base === "dark" ? Ia(0.93, e.color.negative) : e.background.warning,
   padding: 15,
   fontSize: e.typography.size.s2 - 1,
   lineHeight: "19px"
-})), A0 = we.code(({ theme: e }) => ({
+})), L0 = we.code(({ theme: e }) => ({
   margin: "0 1px",
   padding: 3,
   fontSize: e.typography.size.s1 - 1,
@@ -2801,13 +2828,13 @@ var Ia = we.div(({ theme: e }) => ({
   background: "rgba(0, 0, 0, 0.05)",
   border: `1px solid ${e.appBorderColor}`,
   borderRadius: 3
-})), z1 = we.div({
+})), A1 = we.div({
   paddingBottom: 4,
   fontWeight: "bold"
 }), za = we.p({
   margin: 0,
   padding: "0 0 20px"
-}), A1 = we.pre(({ theme: e }) => ({
+}), z1 = we.pre(({ theme: e }) => ({
   margin: 0,
   padding: 0,
   "&:not(:last-child)": {
@@ -2832,7 +2859,7 @@ var Ia = we.div(({ theme: e }) => ({
     browserTestStatus: T
   }) {
     let B = ve();
-    return /* @__PURE__ */ S.createElement(Ia, null, M && /* @__PURE__ */ S.createElement(y1, { browserTestStatus: T }), (n.length > 0 || c) &&
+    return /* @__PURE__ */ S.createElement(Aa, null, M && /* @__PURE__ */ S.createElement(y1, { browserTestStatus: T }), (n.length > 0 || c) &&
     /* @__PURE__ */ S.createElement(
       C1,
       {
@@ -2842,34 +2869,34 @@ var Ia = we.div(({ theme: e }) => ({
         storyFileName: o,
         onScrollToEnd: w
       }
-    ), /* @__PURE__ */ S.createElement("div", { "aria-label": "Interactions list" }, n.map((A) => /* @__PURE__ */ S.createElement(
+    ), /* @__PURE__ */ S.createElement("div", { "aria-label": "Interactions list" }, n.map((z) => /* @__PURE__ */ S.createElement(
       E1,
       {
-        key: A.id,
-        call: A,
+        key: z.id,
+        call: z,
         callsById: t,
         controls: r,
         controlStates: a,
-        childCallIds: A.childCallIds,
-        isHidden: A.isHidden,
-        isCollapsed: A.isCollapsed,
-        toggleCollapsed: A.toggleCollapsed,
+        childCallIds: z.childCallIds,
+        isHidden: z.isHidden,
+        isCollapsed: z.isCollapsed,
+        toggleCollapsed: z.toggleCollapsed,
         pausedAt: f
       }
-    ))), i && !wt(i) && /* @__PURE__ */ S.createElement(I1, null, /* @__PURE__ */ S.createElement(z1, null, "Caught exception in ", /* @__PURE__ */ S.createElement(
-    A0, null, "play"), " function"), /* @__PURE__ */ S.createElement(
-      A1,
+    ))), i && !wt(i) && /* @__PURE__ */ S.createElement(I1, null, /* @__PURE__ */ S.createElement(A1, null, "Caught exception in ", /* @__PURE__ */ S.createElement(
+    L0, null, "play"), " function"), /* @__PURE__ */ S.createElement(
+      z1,
       {
         "data-chromatic": "ignore",
         dangerouslySetInnerHTML: {
           __html: B.toHtml(L1(i))
         }
       }
-    )), s && /* @__PURE__ */ S.createElement(I1, null, /* @__PURE__ */ S.createElement(z1, null, "Unhandled Errors"), /* @__PURE__ */ S.createElement(
+    )), s && /* @__PURE__ */ S.createElement(I1, null, /* @__PURE__ */ S.createElement(A1, null, "Unhandled Errors"), /* @__PURE__ */ S.createElement(
     za, null, "Found ", s.length, " unhandled error", s.length > 1 ? "s" : "", " ", "while running the play function. This might cause false\
- positive assertions. Resolve unhandled errors or ignore unhandled errors with setting the", /* @__PURE__ */ S.createElement(A0, null, "test\
-.dangerouslyIgnoreUnhandledErrors"), " ", "parameter to ", /* @__PURE__ */ S.createElement(A0, null, "true"), "."), s.map((A, k) => /* @__PURE__ */ S.createElement(
-    A1, { key: k, "data-chromatic": "ignore" }, L1(A)))), /* @__PURE__ */ S.createElement("div", { ref: u }), !h && !i && n.length === 0 && /* @__PURE__ */ S.createElement(
+ positive assertions. Resolve unhandled errors or ignore unhandled errors with setting the", /* @__PURE__ */ S.createElement(L0, null, "test\
+.dangerouslyIgnoreUnhandledErrors"), " ", "parameter to ", /* @__PURE__ */ S.createElement(L0, null, "true"), "."), s.map((z, _) => /* @__PURE__ */ S.createElement(
+    z1, { key: _, "data-chromatic": "ignore" }, L1(z)))), /* @__PURE__ */ S.createElement("div", { ref: u }), !h && !i && n.length === 0 && /* @__PURE__ */ S.createElement(
     Ht, null));
   }, "InteractionsPanel")
 );
@@ -2885,7 +2912,7 @@ var k0 = {
   goto: !1,
   next: !1,
   end: !1
-}, Da = {
+}, Pa = {
   [U.DONE]: "status-value:success",
   [U.ERROR]: "status-value:error",
   [U.ACTIVE]: "status-value:pending",
@@ -2912,9 +2939,9 @@ var k0 = {
       toggleCollapsed: /* @__PURE__ */ l(() => a((s) => (s.has(c.id) ? s.delete(c.id) : s.add(c.id), new Set(s))), "toggleCollapsed")
     };
   });
-}, "getInteractions"), k1 = Aa(/* @__PURE__ */ l(function({ storyId: t }) {
+}, "getInteractions"), _1 = La(/* @__PURE__ */ l(function({ storyId: t }) {
   let { statusValue: r, testRunId: a } = ka((b) => {
-    let I = b[t]?.[D0];
+    let I = b[t]?.[P0];
     return {
       statusValue: I?.value,
       testRunId: I?.data?.testRunId
@@ -2929,24 +2956,24 @@ var k0 = {
     caughtException: void 0,
     interactionsCount: 0,
     unhandledErrors: void 0
-  }), [c, i] = B0(void 0), [s, h] = B0(/* @__PURE__ */ new Set()), [f, w] = B0(!1), {
+  }), [c, i] = T0(void 0), [s, h] = T0(/* @__PURE__ */ new Set()), [f, w] = T0(!1), {
     controlStates: u = k0,
     isErrored: M = !1,
     pausedAt: T = void 0,
     interactions: B = [],
-    isPlaying: A = !1,
-    caughtException: k = void 0,
+    isPlaying: z = !1,
+    caughtException: _ = void 0,
     unhandledErrors: K = void 0
-  } = n, Q = S0([]), ee = S0(/* @__PURE__ */ new Map()), O = /* @__PURE__ */ l(({ status: b, ...I }) => ee.current.set(I.id, I), "setCall"),
-  H = S0();
-  H0(() => {
+  } = n, Q = B0([]), ee = B0(/* @__PURE__ */ new Map()), O = /* @__PURE__ */ l(({ status: b, ...I }) => ee.current.set(I.id, I), "setCall"),
+  H = B0();
+  S0(() => {
     let b;
-    return T0.IntersectionObserver && (b = new T0.IntersectionObserver(
+    return _0.IntersectionObserver && (b = new _0.IntersectionObserver(
       ([I]) => i(I.isIntersecting ? void 0 : I.target),
-      { root: T0.document.querySelector("#panel-tab-content") }
+      { root: _0.document.querySelector("#panel-tab-content") }
     ), H.current && b.observe(H.current)), () => b?.disconnect();
   }, []);
-  let V = _a(
+  let k = Oa(
     {
       [pe.CALL]: O,
       [pe.SYNC]: (b) => {
@@ -2962,11 +2989,11 @@ var k0 = {
             controlStates: b.controlStates,
             pausedAt: b.pausedAt,
             interactions: $,
-            interactionsCount: $.filter(({ method: Xe }) => Xe !== "step").length
+            interactionsCount: $.filter(({ method: Ye }) => Ye !== "step").length
           };
         }), Q.current = b.logItems;
       },
-      [Sa]: (b) => {
+      [Ba]: (b) => {
         if (b.newPhase === "preparing") {
           o({
             controlStates: k0,
@@ -2991,19 +3018,19 @@ var k0 = {
           } : {}
         }));
       },
-      [Ba]: () => {
+      [Ta]: () => {
         o((b) => ({ ...b, isErrored: !0, hasException: !0 }));
       },
-      [Ha]: (b) => {
+      [Sa]: (b) => {
         o((I) => ({ ...I, caughtException: b, hasException: !0 }));
       },
-      [Ta]: (b) => {
+      [_a]: (b) => {
         o((I) => ({ ...I, unhandledErrors: b, hasException: !0 }));
       }
     },
     [s]
   );
-  H0(() => {
+  S0(() => {
     o((b) => {
       let I = T1({
         log: Q.current,
@@ -3020,23 +3047,23 @@ var k0 = {
   }, [o, s]);
   let ie = B1(
     () => ({
-      start: /* @__PURE__ */ l(() => V(pe.START, { storyId: t }), "start"),
-      back: /* @__PURE__ */ l(() => V(pe.BACK, { storyId: t }), "back"),
-      goto: /* @__PURE__ */ l((b) => V(pe.GOTO, { storyId: t, callId: b }), "goto"),
-      next: /* @__PURE__ */ l(() => V(pe.NEXT, { storyId: t }), "next"),
-      end: /* @__PURE__ */ l(() => V(pe.END, { storyId: t }), "end"),
+      start: /* @__PURE__ */ l(() => k(pe.START, { storyId: t }), "start"),
+      back: /* @__PURE__ */ l(() => k(pe.BACK, { storyId: t }), "back"),
+      goto: /* @__PURE__ */ l((b) => k(pe.GOTO, { storyId: t, callId: b }), "goto"),
+      next: /* @__PURE__ */ l(() => k(pe.NEXT, { storyId: t }), "next"),
+      end: /* @__PURE__ */ l(() => k(pe.END, { storyId: t }), "end"),
       rerun: /* @__PURE__ */ l(() => {
-        V(La, { storyId: t });
+        k(Ha, { storyId: t });
       }, "rerun")
     }),
-    [V, t]
-  ), ge = Oa("fileName", ""), [Re] = ge.toString().split("/").slice(-1), Le = /* @__PURE__ */ l(() => c?.scrollIntoView({ behavior: "smooth",
-  block: "end" }), "scrollToTarget"), se = !!k || !!K || // @ts-expect-error TODO
-  B.some((b) => b.status === U.ERROR), Z = B1(() => !A && (B.length > 0 || se) ? se ? U.ERROR : U.DONE : A ? U.ACTIVE : void 0, [A, B, se]);
-  return H0(() => {
-    if (Z && r && r !== "status-value:pending" && r !== Da[Z]) {
+    [k, t]
+  ), ge = Da("fileName", ""), [Re] = ge.toString().split("/").slice(-1), Le = /* @__PURE__ */ l(() => c?.scrollIntoView({ behavior: "smooth",
+  block: "end" }), "scrollToTarget"), se = !!_ || !!K || // @ts-expect-error TODO
+  B.some((b) => b.status === U.ERROR), Z = B1(() => !z && (B.length > 0 || se) ? se ? U.ERROR : U.DONE : z ? U.ACTIVE : void 0, [z, B, se]);
+  return S0(() => {
+    if (Z && r && r !== "status-value:pending" && r !== Pa[Z]) {
       let I = setTimeout(
-        () => w(($) => ($ || V(O0, {
+        () => w(($) => ($ || k(D0, {
           type: "test-discrepancy",
           payload: {
             browserStatus: Z === U.DONE ? "PASS" : "FAIL",
@@ -3050,8 +3077,8 @@ var k0 = {
       return () => clearTimeout(I);
     } else
       w(!1);
-  }, [V, Z, r, t, a]), M ? /* @__PURE__ */ L0.createElement(S1, { key: "component-tests" }) : /* @__PURE__ */ L0.createElement(S1, { key: "c\
-omponent-tests" }, /* @__PURE__ */ L0.createElement(
+  }, [k, Z, r, t, a]), M ? /* @__PURE__ */ H0.createElement(S1, { key: "component-tests" }) : /* @__PURE__ */ H0.createElement(S1, { key: "c\
+omponent-tests" }, /* @__PURE__ */ H0.createElement(
     H1,
     {
       hasResultMismatch: f,
@@ -3062,9 +3089,9 @@ omponent-tests" }, /* @__PURE__ */ L0.createElement(
       interactions: B,
       fileName: Re,
       hasException: se,
-      caughtException: k,
+      caughtException: _,
       unhandledErrors: K,
-      isPlaying: A,
+      isPlaying: z,
       pausedAt: T,
       endRef: H,
       onScrollToEnd: c && Le
@@ -3073,27 +3100,27 @@ omponent-tests" }, /* @__PURE__ */ L0.createElement(
 }, "PanelMemoized"));
 
 // src/component-testing/components/PanelTitle.tsx
-import Ae from "react";
-import { Badge as V1, Spaced as Pa } from "storybook/internal/components";
-import { useAddonState as qa } from "storybook/manager-api";
-function _1() {
-  let [e = {}] = qa(de), { hasException: t, interactionsCount: r } = e;
-  return /* @__PURE__ */ Ae.createElement("div", null, /* @__PURE__ */ Ae.createElement(Pa, { col: 1 }, /* @__PURE__ */ Ae.createElement("sp\
-an", { style: { display: "inline-block", verticalAlign: "middle" } }, "Component tests"), r && !t ? /* @__PURE__ */ Ae.createElement(V1, { status: "\
-neutral" }, r) : null, t ? /* @__PURE__ */ Ae.createElement(V1, { status: "negative" }, r) : null));
+import We from "react";
+import { Badge as k1 } from "storybook/internal/components";
+import { useAddonState as qa, useStorybookApi as Na } from "storybook/manager-api";
+function V1() {
+  let t = Na().getSelectedPanel(), [r = {}] = qa(de), { hasException: a, interactionsCount: n } = r;
+  return /* @__PURE__ */ We.createElement("div", { style: { display: "flex", alignItems: "center", gap: 6 } }, /* @__PURE__ */ We.createElement(
+  "span", null, "Component tests"), n && !a ? /* @__PURE__ */ We.createElement(k1, { compact: !0, status: t === Ee ? "active" : "neutral" },
+  n) : null, a ? /* @__PURE__ */ We.createElement(k1, { compact: !0, status: t === Ee ? "active" : "negative" }, n) : null);
 }
-l(_1, "PanelTitle");
+l(V1, "PanelTitle");
 
 // src/component-testing/manager.tsx
 O1.register(de, () => {
   let e = /* @__PURE__ */ l(({ state: t }) => ({
     storyId: t.storyId
   }), "filter");
-  O1.add(P0, {
-    type: Fa.PANEL,
-    title: /* @__PURE__ */ l(() => /* @__PURE__ */ We.createElement(_1, null), "title"),
+  O1.add(Ee, {
+    type: Ua.PANEL,
+    title: /* @__PURE__ */ l(() => /* @__PURE__ */ Xe.createElement(V1, null), "title"),
     match: /* @__PURE__ */ l(({ viewMode: t }) => t === "story", "match"),
-    render: /* @__PURE__ */ l(({ active: t }) => /* @__PURE__ */ We.createElement(Na, { active: !!t }, /* @__PURE__ */ We.createElement(ja, {
-    filter: e }, ({ storyId: r }) => /* @__PURE__ */ We.createElement(k1, { storyId: r }))), "render")
+    render: /* @__PURE__ */ l(({ active: t }) => /* @__PURE__ */ Xe.createElement(ja, { active: !!t }, /* @__PURE__ */ Xe.createElement(Fa, {
+    filter: e }, ({ storyId: r }) => /* @__PURE__ */ Xe.createElement(_1, { storyId: r }))), "render")
   });
 });