storybook 9.1.0-alpha.9 → 9.1.0-beta.1

package/dist/preview-api/index.js

@@ -163,8 +163,8 @@ var Mr = I((so, jr) => {
 var at = I((it) => {
   "use strict";
   Object.defineProperty(it, "__esModule", { value: !0 });
-  it.encodeString = oa;
-  var G = Array.from({ length: 256 }, (r, e) => "%" + ((e < 16 ? "0" : "") + e.toString(16)).toUpperCase()), ta = new Int8Array([
+  it.encodeString = na;
+  var G = Array.from({ length: 256 }, (r, e) => "%" + ((e < 16 ? "0" : "") + e.toString(16)).toUpperCase()), oa = new Int8Array([
     0,
     0,
     0,
@@ -294,7 +294,7 @@ var at = I((it) => {
     1,
     0
   ]);
-  function oa(r) {
+  function na(r) {
     let e = r.length;
     if (e === 0)
       return "";
@@ -302,7 +302,7 @@ var at = I((it) => {
     e: for (; s < e; s++) {
       let i = r.charCodeAt(s);
       for (; i < 128; ) {
-        if (ta[i] !== 1 && (o < s && (t += r.slice(o, s)), o = s + 1, t += G[i]), ++s === e)
+        if (oa[i] !== 1 && (o < s && (t += r.slice(o, s)), o = s + 1, t += G[i]), ++s === e)
           break e;
         i = r.charCodeAt(s);
       }
@@ -321,7 +321,7 @@ var at = I((it) => {
     }
     return o === 0 ? r : o < e ? t + r.slice(o) : t;
   }
-  n(oa, "encodeString");
+  n(na, "encodeString");
 });
 
 // ../node_modules/picoquery/lib/shared.js
@@ -329,7 +329,7 @@ var nr = I((U) => {
   "use strict";
   Object.defineProperty(U, "__esModule", { value: !0 });
   U.defaultOptions = U.defaultShouldSerializeObject = U.defaultValueSerializer = void 0;
-  var lt = at(), na = /* @__PURE__ */ n((r) => {
+  var lt = at(), sa = /* @__PURE__ */ n((r) => {
     switch (typeof r) {
       case "string":
         return (0, lt.encodeString)(r);
@@ -343,9 +343,9 @@ var nr = I((U) => {
     }
     return r instanceof Date ? (0, lt.encodeString)(r.toISOString()) : "";
   }, "defaultValueSerializer");
-  U.defaultValueSerializer = na;
-  var sa = /* @__PURE__ */ n((r) => r instanceof Date, "defaultShouldSerializeObject");
-  U.defaultShouldSerializeObject = sa;
+  U.defaultValueSerializer = sa;
+  var ia = /* @__PURE__ */ n((r) => r instanceof Date, "defaultShouldSerializeObject");
+  U.defaultShouldSerializeObject = ia;
   var zo = /* @__PURE__ */ n((r) => r, "identityFunc");
   U.defaultOptions = {
     nesting: !0,
@@ -364,34 +364,34 @@ var nr = I((U) => {
 var ct = I((sr) => {
   "use strict";
   Object.defineProperty(sr, "__esModule", { value: !0 });
-  sr.getDeepObject = la;
+  sr.getDeepObject = ca;
   sr.stringifyObject = Bo;
-  var ae = nr(), ia = at();
-  function aa(r) {
+  var ae = nr(), aa = at();
+  function la(r) {
     return r === "__proto__" || r === "constructor" || r === "prototype";
   }
-  n(aa, "isPrototypeKey");
-  function la(r, e, t, o, s) {
-    if (aa(e))
+  n(la, "isPrototypeKey");
+  function ca(r, e, t, o, s) {
+    if (la(e))
       return r;
     let i = r[e];
     return typeof i == "object" && i !== null ? i : !o && (s || typeof t == "number" || typeof t == "string" && t * 0 === 0 && t.indexOf(".") ===
     -1) ? r[e] = [] : r[e] = {};
   }
-  n(la, "getDeepObject");
-  var ca = 20, da = "[]", pa = "[", ua = "]", fa = ".";
+  n(ca, "getDeepObject");
+  var da = 20, pa = "[]", ua = "[", fa = "]", ya = ".";
   function Bo(r, e, t = 0, o, s) {
     let { nestingSyntax: i = ae.defaultOptions.nestingSyntax, arrayRepeat: a = ae.defaultOptions.arrayRepeat, arrayRepeatSyntax: l = ae.defaultOptions.
     arrayRepeatSyntax, nesting: c = ae.defaultOptions.nesting, delimiter: d = ae.defaultOptions.delimiter, valueSerializer: p = ae.defaultOptions.
     valueSerializer, shouldSerializeObject: u = ae.defaultOptions.shouldSerializeObject } = e, y = typeof d == "number" ? String.fromCharCode(
     d) : d, h = s === !0 && a, g = i === "dot" || i === "js" && !s;
-    if (t > ca)
+    if (t > da)
       return "";
     let b = "", m = !0, T = !1;
     for (let x in r) {
       let f = r[x], S;
-      o ? (S = o, h ? l === "bracket" && (S += da) : g ? (S += fa, S += x) : (S += pa, S += x, S += ua)) : S = x, m || (b += y), typeof f ==
-      "object" && f !== null && !u(f) ? (T = f.pop !== void 0, (c || a && T) && (b += Bo(f, e, t + 1, S, T))) : (b += (0, ia.encodeString)(S),
+      o ? (S = o, h ? l === "bracket" && (S += pa) : g ? (S += ya, S += x) : (S += ua, S += x, S += fa)) : S = x, m || (b += y), typeof f ==
+      "object" && f !== null && !u(f) ? (T = f.pop !== void 0, (c || a && T) && (b += Bo(f, e, t + 1, S, T))) : (b += (0, aa.encodeString)(S),
       b += "=", b += p(f, x)), m && (m = !1);
     }
     return b;
@@ -400,9 +400,9 @@ var ct = I((sr) => {
 });
 
 // ../node_modules/fast-decode-uri-component/index.js
-var Vo = I((ef, Ho) => {
+var Vo = I((rf, Ho) => {
   "use strict";
-  var Go = 12, ya = 0, dt = [
+  var Go = 12, ma = 0, dt = [
     // The first part of the table maps bytes to character to a transition.
     0,
     0,
@@ -785,7 +785,7 @@ var Vo = I((ef, Ho) => {
     7,
     7
   ];
-  function ma(r) {
+  function ha(r) {
     var e = r.indexOf("%");
     if (e === -1) return r;
     for (var t = r.length, o = "", s = 0, i = 0, a = e, l = Go; e > -1 && e < t; ) {
@@ -796,7 +796,7 @@ var Vo = I((ef, Ho) => {
           56320 + (i & 1023)
         ), i = 0, s = e + 3, e = a = r.indexOf("%", s);
       else {
-        if (l === ya)
+        if (l === ma)
           return null;
         if (e += 3, e < t && r.charCodeAt(e) === 37) continue;
         return null;
@@ -804,8 +804,8 @@ var Vo = I((ef, Ho) => {
     }
     return o + r.slice(s);
   }
-  n(ma, "decodeURIComponent");
-  var ha = {
+  n(ha, "decodeURIComponent");
+  var ga = {
     0: 0,
     1: 1,
     2: 2,
@@ -830,32 +830,32 @@ var Vo = I((ef, Ho) => {
     F: 15
   };
   function Uo(r, e) {
-    var t = ha[r];
+    var t = ga[r];
     return t === void 0 ? 255 : t << e;
   }
   n(Uo, "hexCodeToInt");
-  Ho.exports = ma;
+  Ho.exports = ha;
 });
 
 // ../node_modules/picoquery/lib/parse.js
 var Ko = I(($) => {
   "use strict";
-  var ga = $ && $.__importDefault || function(r) {
+  var ba = $ && $.__importDefault || function(r) {
     return r && r.__esModule ? r : { default: r };
   };
   Object.defineProperty($, "__esModule", { value: !0 });
   $.numberValueDeserializer = $.numberKeyDeserializer = void 0;
-  $.parse = Ta;
-  var ir = ct(), le = nr(), Wo = ga(Vo()), ba = /* @__PURE__ */ n((r) => {
+  $.parse = xa;
+  var ir = ct(), le = nr(), Wo = ba(Vo()), Sa = /* @__PURE__ */ n((r) => {
     let e = Number(r);
     return Number.isNaN(e) ? r : e;
   }, "numberKeyDeserializer");
-  $.numberKeyDeserializer = ba;
-  var Sa = /* @__PURE__ */ n((r) => {
+  $.numberKeyDeserializer = Sa;
+  var Ta = /* @__PURE__ */ n((r) => {
     let e = Number(r);
     return Number.isNaN(e) ? r : e;
   }, "numberValueDeserializer");
-  $.numberValueDeserializer = Sa;
+  $.numberValueDeserializer = Ta;
   var $o = /\+/g, Yo = /* @__PURE__ */ n(function() {
   }, "Empty");
   Yo.prototype = /* @__PURE__ */ Object.create(null);
@@ -864,7 +864,7 @@ var Ko = I(($) => {
     return o && (i = i.replace($o, " ")), s && (i = (0, Wo.default)(i) || i), i;
   }
   n(ar, "computeKeySlice");
-  function Ta(r, e) {
+  function xa(r, e) {
     let { valueDeserializer: t = le.defaultOptions.valueDeserializer, keyDeserializer: o = le.defaultOptions.keyDeserializer, arrayRepeatSyntax: s = le.
     defaultOptions.arrayRepeatSyntax, nesting: i = le.defaultOptions.nesting, arrayRepeat: a = le.defaultOptions.arrayRepeat, nestingSyntax: l = le.
     defaultOptions.nestingSyntax, delimiter: c = le.defaultOptions.delimiter } = e ?? {}, d = typeof c == "string" ? c.charCodeAt(0) : c, p = l ===
@@ -896,28 +896,28 @@ var Ko = I(($) => {
     }
     return u;
   }
-  n(Ta, "parse");
+  n(xa, "parse");
 });
 
 // ../node_modules/picoquery/lib/stringify.js
 var Xo = I((pt) => {
   "use strict";
   Object.defineProperty(pt, "__esModule", { value: !0 });
-  pt.stringify = Ra;
-  var xa = ct();
-  function Ra(r, e) {
+  pt.stringify = wa;
+  var Ra = ct();
+  function wa(r, e) {
     if (r === null || typeof r != "object")
       return "";
     let t = e ?? {};
-    return (0, xa.stringifyObject)(r, t);
+    return (0, Ra.stringifyObject)(r, t);
   }
-  n(Ra, "stringify");
+  n(wa, "stringify");
 });
 
 // ../node_modules/picoquery/lib/main.js
 var lr = I((z) => {
   "use strict";
-  var wa = z && z.__createBinding || (Object.create ? function(r, e, t, o) {
+  var Aa = z && z.__createBinding || (Object.create ? function(r, e, t, o) {
     o === void 0 && (o = t);
     var s = Object.getOwnPropertyDescriptor(e, t);
     (!s || ("get" in s ? !e.__esModule : s.writable || s.configurable)) && (s = { enumerable: !0, get: /* @__PURE__ */ n(function() {
@@ -925,25 +925,25 @@ var lr = I((z) => {
     }, "get") }), Object.defineProperty(r, o, s);
   } : function(r, e, t, o) {
     o === void 0 && (o = t), r[o] = e[t];
-  }), Aa = z && z.__exportStar || function(r, e) {
-    for (var t in r) t !== "default" && !Object.prototype.hasOwnProperty.call(e, t) && wa(e, r, t);
+  }), Ea = z && z.__exportStar || function(r, e) {
+    for (var t in r) t !== "default" && !Object.prototype.hasOwnProperty.call(e, t) && Aa(e, r, t);
   };
   Object.defineProperty(z, "__esModule", { value: !0 });
   z.stringify = z.parse = void 0;
-  var Ea = Ko();
+  var Ca = Ko();
   Object.defineProperty(z, "parse", { enumerable: !0, get: /* @__PURE__ */ n(function() {
-    return Ea.parse;
+    return Ca.parse;
   }, "get") });
-  var Ca = Xo();
+  var va = Xo();
   Object.defineProperty(z, "stringify", { enumerable: !0, get: /* @__PURE__ */ n(function() {
-    return Ca.stringify;
+    return va.stringify;
   }, "get") });
-  Aa(nr(), z);
+  Ea(nr(), z);
 });
 
 // ../node_modules/entities/lib/maps/entities.json
-var mt = I((bf, Ma) => {
-  Ma.exports = { Aacute: "\xC1", aacute: "\xE1", Abreve: "\u0102", abreve: "\u0103", ac: "\u223E", acd: "\u223F", acE: "\u223E\u0333", Acirc: "\
+var mt = I((Sf, _a) => {
+  _a.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",
@@ -1224,8 +1224,8 @@ var mt = I((bf, Ma) => {
 });
 
 // ../node_modules/entities/lib/maps/legacy.json
-var on = I((Sf, _a) => {
-  _a.exports = { Aacute: "\xC1", aacute: "\xE1", Acirc: "\xC2", acirc: "\xE2", acute: "\xB4", AElig: "\xC6", aelig: "\xE6", Agrave: "\xC0", agrave: "\
+var on = I((Tf, Na) => {
+  Na.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: "\
@@ -1239,13 +1239,13 @@ var on = I((Sf, _a) => {
 });
 
 // ../node_modules/entities/lib/maps/xml.json
-var ht = I((Tf, Na) => {
-  Na.exports = { amp: "&", apos: "'", gt: ">", lt: "<", quot: '"' };
+var ht = I((xf, La) => {
+  La.exports = { amp: "&", apos: "'", gt: ">", lt: "<", quot: '"' };
 });
 
 // ../node_modules/entities/lib/maps/decode.json
-var nn = I((xf, La) => {
-  La.exports = { "0": 65533, "128": 8364, "130": 8218, "131": 402, "132": 8222, "133": 8230, "134": 8224, "135": 8225, "136": 710, "137": 8240,
+var nn = I((Rf, qa) => {
+  qa.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 };
 });
@@ -1253,11 +1253,11 @@ var nn = I((xf, La) => {
 // ../node_modules/entities/lib/decode_codepoint.js
 var an = I((ze) => {
   "use strict";
-  var qa = ze && ze.__importDefault || function(r) {
+  var za = ze && ze.__importDefault || function(r) {
     return r && r.__esModule ? r : { default: r };
   };
   Object.defineProperty(ze, "__esModule", { value: !0 });
-  var sn = qa(nn()), za = (
+  var sn = za(nn()), Ba = (
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     String.fromCodePoint || function(r) {
       var e = "";
@@ -1265,11 +1265,11 @@ var an = I((ze) => {
       e;
     }
   );
-  function Ba(r) {
-    return r >= 55296 && r <= 57343 || r > 1114111 ? "\uFFFD" : (r in sn.default && (r = sn.default[r]), za(r));
+  function Ga(r) {
+    return r >= 55296 && r <= 57343 || r > 1114111 ? "\uFFFD" : (r in sn.default && (r = sn.default[r]), Ba(r));
   }
-  n(Ba, "decodeCodePoint");
-  ze.default = Ba;
+  n(Ga, "decodeCodePoint");
+  ze.default = Ga;
 });
 
 // ../node_modules/entities/lib/decode.js
@@ -1280,13 +1280,13 @@ var bt = I((H) => {
   };
   Object.defineProperty(H, "__esModule", { value: !0 });
   H.decodeHTML = H.decodeHTMLStrict = H.decodeXML = void 0;
-  var gt = cr(mt()), Ga = cr(on()), Ua = cr(ht()), ln = cr(an()), Ha = /&(?:[a-zA-Z0-9]+|#[xX][\da-fA-F]+|#\d+);/g;
-  H.decodeXML = dn(Ua.default);
+  var gt = cr(mt()), Ua = cr(on()), Ha = cr(ht()), ln = cr(an()), Va = /&(?:[a-zA-Z0-9]+|#[xX][\da-fA-F]+|#\d+);/g;
+  H.decodeXML = dn(Ha.default);
   H.decodeHTMLStrict = dn(gt.default);
   function dn(r) {
     var e = pn(r);
     return function(t) {
-      return String(t).replace(Ha, e);
+      return String(t).replace(Va, e);
     };
   }
   n(dn, "getStrictDecoder");
@@ -1294,7 +1294,7 @@ var bt = I((H) => {
     return r < e ? 1 : -1;
   }, "sorter");
   H.decodeHTML = function() {
-    for (var r = Object.keys(Ga.default).sort(cn), e = Object.keys(gt.default).sort(cn), t = 0, o = 0; t < e.length; t++)
+    for (var r = Object.keys(Ua.default).sort(cn), e = Object.keys(gt.default).sort(cn), t = 0, o = 0; t < e.length; t++)
       r[o] === e[t] ? (e[t] += ";?", o++) : e[t] += ";";
     var s = new RegExp("&(?:" + e.join("|") + "|#[xX][\\da-fA-F]+;?|#\\d+;?)", "g"), i = pn(gt.default);
     function a(l) {
@@ -1324,10 +1324,10 @@ var Tt = I((M) => {
   };
   Object.defineProperty(M, "__esModule", { value: !0 });
   M.escapeUTF8 = M.escape = M.encodeNonAsciiHTML = M.encodeHTML = M.encodeXML = void 0;
-  var Va = un(ht()), fn = mn(Va.default), yn = hn(fn);
+  var Wa = un(ht()), fn = mn(Wa.default), yn = hn(fn);
   M.encodeXML = Sn(fn);
-  var Wa = un(mt()), St = mn(Wa.default), $a = hn(St);
-  M.encodeHTML = Ka(St, $a);
+  var $a = un(mt()), St = mn($a.default), Ya = hn(St);
+  M.encodeHTML = Xa(St, Ya);
   M.encodeNonAsciiHTML = Sn(St);
   function mn(r) {
     return Object.keys(r).sort().reduce(function(e, t) {
@@ -1351,7 +1351,7 @@ var Tt = I((M) => {
   }
   n(hn, "getInverseReplacer");
   var gn = /(?:[\x80-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g,
-  Ya = (
+  Ka = (
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     String.prototype.codePointAt != null ? (
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -1366,28 +1366,28 @@ var Tt = I((M) => {
     )
   );
   function dr(r) {
-    return "&#x" + (r.length > 1 ? Ya(r) : r.charCodeAt(0)).toString(16).toUpperCase() + ";";
+    return "&#x" + (r.length > 1 ? Ka(r) : r.charCodeAt(0)).toString(16).toUpperCase() + ";";
   }
   n(dr, "singleCharReplacer");
-  function Ka(r, e) {
+  function Xa(r, e) {
     return function(t) {
       return t.replace(e, function(o) {
         return r[o];
       }).replace(gn, dr);
     };
   }
-  n(Ka, "getInverse");
+  n(Xa, "getInverse");
   var bn = new RegExp(yn.source + "|" + gn.source, "g");
-  function Xa(r) {
+  function Ja(r) {
     return r.replace(bn, dr);
   }
-  n(Xa, "escape");
-  M.escape = Xa;
-  function Ja(r) {
+  n(Ja, "escape");
+  M.escape = Ja;
+  function Qa(r) {
     return r.replace(yn, dr);
   }
-  n(Ja, "escapeUTF8");
-  M.escapeUTF8 = Ja;
+  n(Qa, "escapeUTF8");
+  M.escapeUTF8 = Qa;
   function Sn(r) {
     return function(e) {
       return e.replace(bn, function(t) {
@@ -1406,21 +1406,21 @@ var xn = I((A) => {
   A.encodeHTML5 = A.encodeHTML4 = A.escapeUTF8 = A.escape = A.encodeNonAsciiHTML = A.encodeHTML = A.encodeXML = A.encode = A.decodeStrict = A.
   decode = void 0;
   var pr = bt(), Tn = Tt();
-  function Qa(r, e) {
+  function Za(r, e) {
     return (!e || e <= 0 ? pr.decodeXML : pr.decodeHTML)(r);
   }
-  n(Qa, "decode");
-  A.decode = Qa;
-  function Za(r, e) {
+  n(Za, "decode");
+  A.decode = Za;
+  function el(r, e) {
     return (!e || e <= 0 ? pr.decodeXML : pr.decodeHTMLStrict)(r);
   }
-  n(Za, "decodeStrict");
-  A.decodeStrict = Za;
-  function el(r, e) {
+  n(el, "decodeStrict");
+  A.decodeStrict = el;
+  function rl(r, e) {
     return (!e || e <= 0 ? Tn.encodeXML : Tn.encodeHTML)(r);
   }
-  n(el, "encode");
-  A.encode = el;
+  n(rl, "encode");
+  A.encode = rl;
   var ce = Tt();
   Object.defineProperty(A, "encodeXML", { enumerable: !0, get: /* @__PURE__ */ n(function() {
     return ce.encodeXML;
@@ -1471,13 +1471,13 @@ var xn = I((A) => {
 });
 
 // ../node_modules/ansi-to-html/lib/ansi_to_html.js
-var Dn = I((If, On) => {
+var Dn = I((Of, On) => {
   "use strict";
-  function rl(r, e) {
+  function tl(r, e) {
     if (!(r instanceof e))
       throw new TypeError("Cannot call a class as a function");
   }
-  n(rl, "_classCallCheck");
+  n(tl, "_classCallCheck");
   function Rn(r, e) {
     for (var t = 0; t < e.length; t++) {
       var o = e[t];
@@ -1485,14 +1485,14 @@ var Dn = I((If, On) => {
     }
   }
   n(Rn, "_defineProperties");
-  function tl(r, e, t) {
+  function ol(r, e, t) {
     return e && Rn(r.prototype, e), t && Rn(r, t), r;
   }
-  n(tl, "_createClass");
+  n(ol, "_createClass");
   function Pn(r, e) {
     var t = typeof Symbol < "u" && r[Symbol.iterator] || r["@@iterator"];
     if (!t) {
-      if (Array.isArray(r) || (t = ol(r)) || e && r && typeof r.length == "number") {
+      if (Array.isArray(r) || (t = nl(r)) || e && r && typeof r.length == "number") {
         t && (r = t);
         var o = 0, s = /* @__PURE__ */ n(function() {
         }, "F");
@@ -1522,7 +1522,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }, "f") };
   }
   n(Pn, "_createForOfIteratorHelper");
-  function ol(r, e) {
+  function nl(r, e) {
     if (r) {
       if (typeof r == "string") return wn(r, e);
       var t = Object.prototype.toString.call(r).slice(8, -1);
@@ -1530,7 +1530,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return wn(r, e);
     }
   }
-  n(ol, "_unsupportedIterableToArray");
+  n(nl, "_unsupportedIterableToArray");
   function wn(r, e) {
     (e == null || e > r.length) && (e = r.length);
     for (var t = 0, o = new Array(e); t < e; t++)
@@ -1538,15 +1538,15 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     return o;
   }
   n(wn, "_arrayLikeToArray");
-  var nl = xn(), An = {
+  var sl = xn(), An = {
     fg: "#FFF",
     bg: "#000",
     newline: !1,
     escapeXML: !1,
     stream: !1,
-    colors: sl()
+    colors: il()
   };
-  function sl() {
+  function il() {
     var r = {
       0: "#000",
       1: "#A00",
@@ -1568,7 +1568,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     return ur(0, 5).forEach(function(e) {
       ur(0, 5).forEach(function(t) {
         ur(0, 5).forEach(function(o) {
-          return il(e, t, o, r);
+          return al(e, t, o, r);
         });
       });
     }), ur(0, 23).forEach(function(e) {
@@ -1576,19 +1576,19 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       r[t] = "#" + o + o + o;
     }), r;
   }
-  n(sl, "getDefaultColors");
-  function il(r, e, t, o) {
+  n(il, "getDefaultColors");
+  function al(r, e, t, o) {
     var s = 16 + r * 36 + e * 6 + t, i = r > 0 ? r * 40 + 55 : 0, a = e > 0 ? e * 40 + 55 : 0, l = t > 0 ? t * 40 + 55 : 0;
-    o[s] = al([i, a, l]);
+    o[s] = ll([i, a, l]);
   }
-  n(il, "setStyleColor");
+  n(al, "setStyleColor");
   function Fn(r) {
     for (var e = r.toString(16); e.length < 2; )
       e = "0" + e;
     return e;
   }
   n(Fn, "toHexString");
-  function al(r) {
+  function ll(r) {
     var e = [], t = Pn(r), o;
     try {
       for (t.s(); !(o = t.n()).done; ) {
@@ -1602,22 +1602,22 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }
     return "#" + e.join("");
   }
-  n(al, "toColorHexString");
+  n(ll, "toColorHexString");
   function En(r, e, t, o) {
     var s;
-    return e === "text" ? s = pl(t, o) : e === "display" ? s = cl(r, t, o) : e === "xterm256Foreground" ? s = yr(r, o.colors[t]) : e === "xt\
-erm256Background" ? s = mr(r, o.colors[t]) : e === "rgb" && (s = ll(r, t)), s;
+    return e === "text" ? s = ul(t, o) : e === "display" ? s = dl(r, t, o) : e === "xterm256Foreground" ? s = yr(r, o.colors[t]) : e === "xt\
+erm256Background" ? s = mr(r, o.colors[t]) : e === "rgb" && (s = cl(r, t)), s;
   }
   n(En, "generateOutput");
-  function ll(r, e) {
+  function cl(r, e) {
     e = e.substring(2).slice(0, -1);
     var t = +e.substr(0, 2), o = e.substring(5).split(";"), s = o.map(function(i) {
       return ("0" + Number(i).toString(16)).substr(-2);
     }).join("");
     return fr(r, (t === 38 ? "color:#" : "background-color:#") + s);
   }
-  n(ll, "handleRgb");
-  function cl(r, e, t) {
+  n(cl, "handleRgb");
+  function dl(r, e, t) {
     e = parseInt(e, 10);
     var o = {
       "-1": /* @__PURE__ */ n(function() {
@@ -1664,7 +1664,7 @@ erm256Background" ? s = mr(r, o.colors[t]) : e === "rgb" && (s = ll(r, t)), s;
     mr(r, t.colors[e - 40]) : 89 < e && e < 98 ? s = yr(r, t.colors[8 + (e - 90)]) : 99 < e && e < 108 && (s = mr(r, t.colors[8 + (e - 100)])),
     s;
   }
-  n(cl, "handleDisplay");
+  n(dl, "handleDisplay");
   function In(r) {
     var e = r.slice(0);
     return r.length = 0, e.reverse().map(function(t) {
@@ -1678,12 +1678,12 @@ erm256Background" ? s = mr(r, o.colors[t]) : e === "rgb" && (s = ll(r, t)), s;
     return t;
   }
   n(ur, "range");
-  function dl(r) {
+  function pl(r) {
     return function(e) {
       return (r === null || e.category !== r) && r !== "all";
     };
   }
-  n(dl, "notCategory");
+  n(pl, "notCategory");
   function Cn(r) {
     r = parseInt(r, 10);
     var e = null;
@@ -1692,10 +1692,10 @@ e" : r === 9 ? e = "strike" : 29 < r && r < 38 || r === 39 || 89 < r && r < 98 ?
     r && r < 108) && (e = "background-color"), e;
   }
   n(Cn, "categoryForCode");
-  function pl(r, e) {
-    return e.escapeXML ? nl.encodeXML(r) : r;
+  function ul(r, e) {
+    return e.escapeXML ? sl.encodeXML(r) : r;
   }
-  n(pl, "pushText");
+  n(ul, "pushText");
   function re(r, e, t) {
     return t || (t = ""), r.push(e), "<".concat(e).concat(t ? ' style="'.concat(t, '"') : "", ">");
   }
@@ -1718,7 +1718,7 @@ e" : r === 9 ? e = "strike" : 29 < r && r < 38 || r === 39 || 89 < r && r < 98 ?
       return "</" + e + ">";
   }
   n(vn, "closeTag");
-  function ul(r, e, t) {
+  function fl(r, e, t) {
     var o = !1, s = 3;
     function i() {
       return "";
@@ -1839,21 +1839,21 @@ e" : r === 9 ? e = "strike" : 29 < r && r < 38 || r === 39 || 89 < r && r < 98 ?
     }
     return g;
   }
-  n(ul, "tokenize");
-  function fl(r, e, t) {
-    return e !== "text" && (r = r.filter(dl(Cn(t))), r.push({
+  n(fl, "tokenize");
+  function yl(r, e, t) {
+    return e !== "text" && (r = r.filter(pl(Cn(t))), r.push({
       token: e,
       data: t,
       category: Cn(t)
     })), r;
   }
-  n(fl, "updateStickyStack");
-  var yl = /* @__PURE__ */ function() {
+  n(yl, "updateStickyStack");
+  var ml = /* @__PURE__ */ function() {
     function r(e) {
-      rl(this, r), e = e || {}, e.colors && (e.colors = Object.assign({}, An.colors, e.colors)), this.options = Object.assign({}, An, e), this.
+      tl(this, r), e = e || {}, e.colors && (e.colors = Object.assign({}, An.colors, e.colors)), this.options = Object.assign({}, An, e), this.
       stack = [], this.stickyStack = [];
     }
-    return n(r, "Filter"), tl(r, [{
+    return n(r, "Filter"), ol(r, [{
       key: "toHtml",
       value: /* @__PURE__ */ n(function(t) {
         var o = this;
@@ -1862,14 +1862,14 @@ e" : r === 9 ? e = "strike" : 29 < r && r < 38 || r === 39 || 89 < r && r < 98 ?
         return this.stickyStack.forEach(function(l) {
           var c = En(s, l.token, l.data, i);
           c && a.push(c);
-        }), ul(t.join(""), i, function(l, c) {
+        }), fl(t.join(""), i, function(l, c) {
           var d = En(s, l, c, i);
-          d && a.push(d), i.stream && (o.stickyStack = fl(o.stickyStack, l, c));
+          d && a.push(d), i.stream && (o.stickyStack = yl(o.stickyStack, l, c));
         }), s.length && a.push(In(s)), a.join("");
       }, "toHtml")
     }]), r;
   }();
-  On.exports = yl;
+  On.exports = ml;
 });
 
 // src/preview-api/modules/addons/main.ts
@@ -3244,9 +3244,8 @@ import { MountMustBeDestructuredError as Vs } from "storybook/internal/preview-e
 function er() {
   try {
     return (
-      // @ts-expect-error this property exists in certain environments
-      !!globalThis.__vitest_browser__ || // @ts-expect-error this property exists in certain environments
-      !!globalThis.__playwright__binding__
+      // @ts-expect-error This property exists in Vitest browser mode
+      !!globalThis.__vitest_browser__ || !!globalThis.window?.navigator?.userAgent?.match(/StorybookTestRunner/)
     );
   } catch {
     return !1;
@@ -3796,17 +3795,18 @@ import {
   RESET_STORY_ARGS as Ti,
   SET_GLOBALS as xi,
   STORY_ARGS_UPDATED as Ri,
-  STORY_INDEX_INVALIDATED as wi,
-  UPDATE_GLOBALS as Ai,
-  UPDATE_STORY_ARGS as Ei
+  STORY_HOT_UPDATED as wi,
+  STORY_INDEX_INVALIDATED as Ai,
+  UPDATE_GLOBALS as Ei,
+  UPDATE_STORY_ARGS as Ci
 } from "storybook/internal/core-events";
 import {
   CalledPreviewMethodBeforeInitializationError as W,
-  MissingRenderToCanvasError as Ci,
-  StoryIndexFetchError as vi,
-  StoryStoreAccessedBeforeInitializationError as Pi
+  MissingRenderToCanvasError as vi,
+  StoryIndexFetchError as Pi,
+  StoryStoreAccessedBeforeInitializationError as Fi
 } from "storybook/internal/preview-errors";
-import { global as Fi } from "@storybook/global";
+import { global as Ii } from "@storybook/global";
 
 // src/preview-api/modules/preview-web/render/StoryRender.ts
 import {
@@ -4044,7 +4044,10 @@ var Jr = class Jr {
   // as a method to abort them, ASAP, but this is not foolproof as we cannot control what
   // happens inside the user's code.
   cancelRender() {
-    this.abortController?.abort();
+    this.abortController.abort();
+  }
+  cancelPlayFunction() {
+    this.phase === "playing" && (this.abortController.abort(), this.runPhase(this.abortController.signal, "aborted"));
   }
   async teardown() {
     this.torndown = !0, this.cancelRender(), this.story && await this.store.cleanupStory(this.story);
@@ -4063,7 +4066,7 @@ n(Jr, "StoryRender");
 var ie = Jr;
 
 // src/preview-api/modules/preview-web/Preview.tsx
-var { fetch: Ii } = Fi, Oi = "./index.json", Qr = class Qr {
+var { fetch: Oi } = Ii, Di = "./index.json", Qr = class Qr {
   constructor(e, t, o = _.getChannel(), s = !0) {
     this.importFn = e;
     this.getProjectAnnotations = t;
@@ -4085,7 +4088,7 @@ var { fetch: Ii } = Fi, Oi = "./index.json", Qr = class Qr {
         get: /* @__PURE__ */ n((e, t) => {
           if (this.storyStoreValue)
             return mi("Accessing the Story Store is deprecated and will be removed in 9.0"), this.storyStoreValue[t];
-          throw new Pi();
+          throw new Fi();
         }, "get")
       }
     );
@@ -4104,15 +4107,16 @@ var { fetch: Ii } = Fi, Oi = "./index.json", Qr = class Qr {
     return this.storeInitializationPromise;
   }
   setupListeners() {
-    this.channel.on(wi, this.onStoryIndexChanged.bind(this)), this.channel.on(Ai, this.onUpdateGlobals.bind(this)), this.channel.on(Ei, this.
+    this.channel.on(Ai, this.onStoryIndexChanged.bind(this)), this.channel.on(Ei, this.onUpdateGlobals.bind(this)), this.channel.on(Ci, this.
     onUpdateArgs.bind(this)), this.channel.on(hi, this.onRequestArgTypesInfo.bind(this)), this.channel.on(Ti, this.onResetArgs.bind(this)), this.
-    channel.on(Si, this.onForceReRender.bind(this)), this.channel.on(bi, this.onForceRemount.bind(this));
+    channel.on(Si, this.onForceReRender.bind(this)), this.channel.on(bi, this.onForceRemount.bind(this)), this.channel.on(wi, this.onStoryHotUpdated.
+    bind(this));
   }
   async getProjectAnnotationsOrRenderError() {
     try {
       let e = await this.getProjectAnnotations();
       if (this.renderToCanvas = e.renderToCanvas, !this.renderToCanvas)
-        throw new Ci();
+        throw new vi();
       return e;
     } catch (e) {
       throw this.renderPreviewEntryError("Error reading preview.js:", e), e;
@@ -4136,10 +4140,10 @@ var { fetch: Ii } = Fi, Oi = "./index.json", Qr = class Qr {
     }
   }
   async getStoryIndexFromServer() {
-    let e = await Ii(Oi);
+    let e = await Oi(Di);
     if (e.status === 200)
       return e.json();
-    throw new vi({ text: await e.text() });
+    throw new Pi({ text: await e.text() });
   }
   // If initialization gets as far as the story index, this function runs.
   initializeWithStoryIndex(e) {
@@ -4276,6 +4280,9 @@ var { fetch: Ii } = Fi, Oi = "./index.json", Qr = class Qr {
   async onForceRemount({ storyId: e }) {
     await Promise.all(this.storyRenders.filter((t) => t.id === e).map((t) => t.remount()));
   }
+  async onStoryHotUpdated() {
+    await Promise.all(this.storyRenders.map((e) => e.cancelPlayFunction()));
+  }
   // Used by docs to render a story to a given element
   // Note this short-circuits the `prepare()` phase of the StoryRender,
   // main to be consistent with the previous behaviour. In the future,
@@ -4330,39 +4337,39 @@ n(Qr, "Preview");
 var Te = Qr;
 
 // src/preview-api/modules/preview-web/PreviewWeb.tsx
-import { global as gl } from "@storybook/global";
+import { global as bl } from "@storybook/global";
 
 // src/preview-api/modules/preview-web/PreviewWithSelection.tsx
 import { logger as or } from "storybook/internal/client-logger";
 import {
   CURRENT_STORY_WAS_SET as Mo,
-  DOCS_PREPARED as _i,
+  DOCS_PREPARED as Ni,
   GLOBALS_UPDATED as _o,
-  PRELOAD_ENTRIES as Ni,
-  PREVIEW_KEYDOWN as Li,
-  SET_CURRENT_STORY as qi,
-  STORY_CHANGED as zi,
-  STORY_ERRORED as Bi,
+  PRELOAD_ENTRIES as Li,
+  PREVIEW_KEYDOWN as qi,
+  SET_CURRENT_STORY as zi,
+  STORY_CHANGED as Bi,
+  STORY_ERRORED as Gi,
   STORY_MISSING as No,
-  STORY_PREPARED as Gi,
+  STORY_PREPARED as Ui,
   STORY_RENDER_PHASE_CHANGED as Lo,
-  STORY_SPECIFIED as Ui,
-  STORY_THREW_EXCEPTION as Hi,
-  STORY_UNCHANGED as Vi,
-  UPDATE_QUERY_PARAMS as Wi
+  STORY_SPECIFIED as Hi,
+  STORY_THREW_EXCEPTION as Vi,
+  STORY_UNCHANGED as Wi,
+  UPDATE_QUERY_PARAMS as $i
 } from "storybook/internal/core-events";
 import {
   CalledPreviewMethodBeforeInitializationError as ot,
-  EmptyIndexError as $i,
-  MdxFileWithNoCsfReferencesError as Yi,
-  NoStoryMatchError as Ki
+  EmptyIndexError as Yi,
+  MdxFileWithNoCsfReferencesError as Ki,
+  NoStoryMatchError as Xi
 } from "storybook/internal/preview-errors";
 
 // ../node_modules/tiny-invariant/dist/esm/tiny-invariant.js
-var Di = !1, Zr = "Invariant failed";
+var ki = !1, Zr = "Invariant failed";
 function tr(r, e) {
   if (!r) {
-    if (Di)
+    if (ki)
       throw new Error(Zr);
     var t = typeof e == "function" ? e() : e, o = t ? "".concat(Zr, ": ").concat(t) : Zr;
     throw new Error(o);
@@ -4371,10 +4378,10 @@ function tr(r, e) {
 n(tr, "invariant");
 
 // src/preview-api/modules/preview-web/render/CsfDocsRender.ts
-import { DOCS_RENDERED as ji } from "storybook/internal/core-events";
+import { DOCS_RENDERED as Mi } from "storybook/internal/core-events";
 
 // src/preview-api/modules/preview-web/docs-context/DocsContext.ts
-import { isStory as ki } from "storybook/internal/csf";
+import { isStory as ji } from "storybook/internal/csf";
 var et = class et {
   constructor(e, t, o, s) {
     this.channel = e;
@@ -4475,7 +4482,7 @@ CSF file?"
     if (t)
       return { type: "meta", csfFile: t };
     let o = this.exportToStory.get(
-      ki(e) ? e.input : e
+      ji(e) ? e.input : e
     );
     return o ? { type: "story", story: o } : { type: "component", component: e };
   }
@@ -4569,7 +4576,7 @@ var rt = class rt {
       );
     let i = await s.renderer(), { render: a } = i, l = /* @__PURE__ */ n(async () => {
       try {
-        await a(o, s, e), this.channel.emit(ji, this.id);
+        await a(o, s, e), this.channel.emit(Mi, this.id);
       } catch (c) {
         this.callbacks.showException(c);
       }
@@ -4586,7 +4593,7 @@ n(rt, "CsfDocsRender");
 var _e = rt;
 
 // src/preview-api/modules/preview-web/render/MdxDocsRender.ts
-import { DOCS_RENDERED as Mi } from "storybook/internal/core-events";
+import { DOCS_RENDERED as _i } from "storybook/internal/core-events";
 var tt = class tt {
   constructor(e, t, o, s) {
     this.channel = e;
@@ -4633,7 +4640,7 @@ var tt = class tt {
       );
     let i = { ...s, page: this.exports.default }, a = await s.renderer(), { render: l } = a, c = /* @__PURE__ */ n(async () => {
       try {
-        await l(o, i, e), this.channel.emit(Mi, this.id);
+        await l(o, i, e), this.channel.emit(_i, this.id);
       } catch (d) {
         this.callbacks.showException(d);
       }
@@ -4650,29 +4657,29 @@ n(tt, "MdxDocsRender");
 var Ne = tt;
 
 // src/preview-api/modules/preview-web/PreviewWithSelection.tsx
-var Xi = globalThis;
-function Ji(r) {
+var Ji = globalThis;
+function Qi(r) {
   let e = r.composedPath && r.composedPath()[0] || r.target;
   return /input|textarea/i.test(e.tagName) || e.getAttribute("contenteditable") !== null;
 }
-n(Ji, "focusInInput");
-var qo = "attached-mdx", Qi = "unattached-mdx";
-function Zi({ tags: r }) {
-  return r?.includes(Qi) || r?.includes(qo);
+n(Qi, "focusInInput");
+var qo = "attached-mdx", Zi = "unattached-mdx";
+function ea({ tags: r }) {
+  return r?.includes(Zi) || r?.includes(qo);
 }
-n(Zi, "isMdxEntry");
+n(ea, "isMdxEntry");
 function nt(r) {
   return r.type === "story";
 }
 n(nt, "isStoryRender");
-function ea(r) {
+function ra(r) {
   return r.type === "docs";
 }
-n(ea, "isDocsRender");
-function ra(r) {
-  return ea(r) && r.subtype === "csf";
+n(ra, "isDocsRender");
+function ta(r) {
+  return ra(r) && r.subtype === "csf";
 }
-n(ra, "isCsfDocsRender");
+n(ta, "isCsfDocsRender");
 var st = class st extends Te {
   constructor(t, o, s, i) {
     super(t, o, void 0, !1);
@@ -4683,8 +4690,8 @@ var st = class st extends Te {
     this.initialize();
   }
   setupListeners() {
-    super.setupListeners(), Xi.onkeydown = this.onKeydown.bind(this), this.channel.on(qi, this.onSetCurrentStory.bind(this)), this.channel.on(
-    Wi, this.onUpdateQueryParams.bind(this)), this.channel.on(Ni, this.onPreloadStories.bind(this));
+    super.setupListeners(), Ji.onkeydown = this.onKeydown.bind(this), this.channel.on(zi, this.onSetCurrentStory.bind(this)), this.channel.on(
+    $i, this.onUpdateQueryParams.bind(this)), this.channel.on(Li, this.onPreloadStories.bind(this));
   }
   async setInitialGlobals() {
     if (!this.storyStoreValue)
@@ -4712,14 +4719,14 @@ var st = class st extends Te {
     }
     let { storySpecifier: t, args: o } = this.selectionStore.selectionSpecifier, s = this.storyStoreValue.storyIndex.entryFromSpecifier(t);
     if (!s) {
-      t === "*" ? this.renderStoryLoadingException(t, new $i()) : this.renderStoryLoadingException(
+      t === "*" ? this.renderStoryLoadingException(t, new Yi()) : this.renderStoryLoadingException(
         t,
-        new Ki({ storySpecifier: t.toString() })
+        new Xi({ storySpecifier: t.toString() })
       );
       return;
     }
     let { id: i, type: a } = s;
-    this.selectionStore.setSelection({ storyId: i, viewMode: a }), this.channel.emit(Ui, this.selectionStore.selection), this.channel.emit(Mo,
+    this.selectionStore.setSelection({ storyId: i, viewMode: a }), this.channel.emit(Hi, this.selectionStore.selection), this.channel.emit(Mo,
     this.selectionStore.selection), await this.renderSelection({ persistedArgs: o });
   }
   // EVENT HANDLERS
@@ -4738,9 +4745,9 @@ var st = class st extends Te {
     selectSpecifiedStory();
   }
   onKeydown(t) {
-    if (!this.storyRenders.find((o) => o.disableKeyListeners) && !Ji(t)) {
+    if (!this.storyRenders.find((o) => o.disableKeyListeners) && !Qi(t)) {
       let { altKey: o, ctrlKey: s, metaKey: i, shiftKey: a, key: l, code: c, keyCode: d } = t;
-      this.channel.emit(Li, {
+      this.channel.emit(qi, {
         event: { altKey: o, ctrlKey: s, metaKey: i, shiftKey: a, key: l, code: c, keyCode: d }
       });
     }
@@ -4794,7 +4801,7 @@ var st = class st extends Te {
       this.mainStoryCallbacks(i),
       i,
       "story"
-    ) : Zi(a) ? d = new Ne(
+    ) : ea(a) ? d = new Ne(
       this.channel,
       this.storyStoreValue,
       a,
@@ -4817,10 +4824,10 @@ var st = class st extends Te {
     }
     let y = !l && u && !d.isEqual(u);
     if (t && nt(d) && (tr(!!d.story), this.storyStoreValue.args.updateFromPersisted(d.story, t)), u && !u.torndown && !l && !y && !c) {
-      this.currentRender = u, this.channel.emit(Vi, i), this.view.showMain();
+      this.currentRender = u, this.channel.emit(Wi, i), this.view.showMain();
       return;
     }
-    if (u && await this.teardownRender(u, { viewModeChanged: c }), p && (l || c) && this.channel.emit(zi, i), nt(d)) {
+    if (u && await this.teardownRender(u, { viewModeChanged: c }), p && (l || c) && this.channel.emit(Bi, i), nt(d)) {
       tr(!!d.story);
       let {
         parameters: h,
@@ -4832,7 +4839,7 @@ var st = class st extends Te {
         storyGlobals: f,
         globals: S
       } = this.storyStoreValue.getStoryContext(d.story);
-      this.channel.emit(Gi, {
+      this.channel.emit(Ui, {
         id: i,
         parameters: h,
         initialArgs: g,
@@ -4846,14 +4853,14 @@ var st = class st extends Te {
         initialGlobals: g,
         storyGlobals: {},
         userGlobals: b
-      }), ra(d) || d.entry.tags?.includes(qo)) {
+      }), ta(d) || d.entry.tags?.includes(qo)) {
         if (!d.csfFiles)
-          throw new Yi({ storyId: i });
+          throw new Ki({ storyId: i });
         ({ parameters: h } = this.storyStoreValue.preparedMetaFromCSFFile({
           csfFile: d.csfFiles[0]
         }));
       }
-      this.channel.emit(_i, {
+      this.channel.emit(Ni, {
         id: i,
         parameters: h
       });
@@ -4890,13 +4897,13 @@ var st = class st extends Te {
   // renderException is used if we fail to render the story and it is uncaught by the app layer
   renderException(t, o) {
     let { name: s = "Error", message: i = String(o), stack: a } = o;
-    this.channel.emit(Hi, { name: s, message: i, stack: a }), this.channel.emit(Lo, { newPhase: "errored", storyId: t }), this.view.showErrorDisplay(
+    this.channel.emit(Vi, { name: s, message: i, stack: a }), this.channel.emit(Lo, { newPhase: "errored", storyId: t }), this.view.showErrorDisplay(
     o), or.error(`Error rendering story '${t}':`), or.error(o);
   }
   // renderError is used by the various app layers to inform the user they have done something
   // wrong -- for instance returned the wrong thing from a story
   renderError(t, { title: o, description: s }) {
-    or.error(`Error rendering story ${o}: ${s}`), this.channel.emit(Bi, { title: o, description: s }), this.channel.emit(Lo, { newPhase: "er\
+    or.error(`Error rendering story ${o}: ${s}`), this.channel.emit(Gi, { title: o, description: s }), this.channel.emit(Lo, { newPhase: "er\
 rored", storyId: t }), this.view.showErrorDisplay({
       message: o,
       stack: s
@@ -4908,15 +4915,15 @@ var xe = st;
 
 // src/preview-api/modules/preview-web/UrlStore.ts
 var qe = ue(lr(), 1);
-import { global as Ia } from "@storybook/global";
+import { global as Oa } from "@storybook/global";
 
 // src/preview-api/modules/preview-web/parseArgsParam.ts
-import { once as va } from "storybook/internal/client-logger";
+import { once as Pa } from "storybook/internal/client-logger";
 var Qo = ue(lr(), 1);
-var Jo = /^[a-zA-Z0-9 _-]*$/, Zo = /^-?[0-9]+(\.[0-9]+)?$/, Pa = /^#([a-f0-9]{3,4}|[a-f0-9]{6}|[a-f0-9]{8})$/i, en = /^(rgba?|hsla?)\(([0-9]{1,3}),\s?([0-9]{1,3})%?,\s?([0-9]{1,3})%?,?\s?([0-9](\.[0-9]{1,2})?)?\)$/i,
+var Jo = /^[a-zA-Z0-9 _-]*$/, Zo = /^-?[0-9]+(\.[0-9]+)?$/, Fa = /^#([a-f0-9]{3,4}|[a-f0-9]{6}|[a-f0-9]{8})$/i, en = /^(rgba?|hsla?)\(([0-9]{1,3}),\s?([0-9]{1,3})%?,\s?([0-9]{1,3})%?,?\s?([0-9](\.[0-9]{1,2})?)?\)$/i,
 ut = /* @__PURE__ */ n((r = "", e) => r === null || r === "" || !Jo.test(r) ? !1 : e == null || e instanceof Date || typeof e == "number" ||
-typeof e == "boolean" ? !0 : typeof e == "string" ? Jo.test(e) || Zo.test(e) || Pa.test(e) || en.test(e) : Array.isArray(e) ? e.every((t) => ut(
-r, t)) : j(e) ? Object.entries(e).every(([t, o]) => ut(t, o)) : !1, "validateArgs"), Fa = {
+typeof e == "boolean" ? !0 : typeof e == "string" ? Jo.test(e) || Zo.test(e) || Fa.test(e) || en.test(e) : Array.isArray(e) ? e.every((t) => ut(
+r, t)) : j(e) ? Object.entries(e).every(([t, o]) => ut(t, o)) : !1, "validateArgs"), Ia = {
   delimiter: ";",
   // we're parsing a single query param
   nesting: !0,
@@ -4948,7 +4955,7 @@ r, t)) : j(e) ? Object.entries(e).every(([t, o]) => ut(t, o)) : !1, "validateArg
   }
 }, ft = /* @__PURE__ */ n((r) => {
   let e = r.split(";").map((t) => t.replace("=", "~").replace(":", "="));
-  return Object.entries((0, Qo.parse)(e.join(";"), Fa)).reduce((t, [o, s]) => ut(o, s) ? Object.assign(t, { [o]: s }) : (va.warn(P`
+  return Object.entries((0, Qo.parse)(e.join(";"), Ia)).reduce((t, [o, s]) => ut(o, s) ? Object.assign(t, { [o]: s }) : (Pa.warn(P`
       Omitted potentially unsafe URL args.
 
       More info: https://storybook.js.org/docs/writing-stories/args#setting-args-through-the-url
@@ -4956,14 +4963,14 @@ r, t)) : j(e) ? Object.entries(e).every(([t, o]) => ut(t, o)) : !1, "validateArg
 }, "parseArgsParam");
 
 // src/preview-api/modules/preview-web/UrlStore.ts
-var { history: rn, document: Z } = Ia;
-function Oa(r) {
+var { history: rn, document: Z } = Oa;
+function Da(r) {
   let e = (r || "").match(/^\/story\/(.+)/);
   if (!e)
     throw new Error(`Invalid path '${r}',  must start with '/story/'`);
   return e[1];
 }
-n(Oa, "pathToId");
+n(Da, "pathToId");
 var tn = /* @__PURE__ */ n(({
   selection: r,
   extraParams: e
@@ -4974,39 +4981,39 @@ var tn = /* @__PURE__ */ n(({
     ...e,
     ...r && { id: r.storyId, viewMode: r.viewMode }
   })}`;
-}, "getQueryString"), Da = /* @__PURE__ */ n((r) => {
+}, "getQueryString"), ka = /* @__PURE__ */ n((r) => {
   if (!r)
     return;
   let e = tn({ selection: r }), { hash: t = "" } = Z.location;
   Z.title = r.storyId, rn.replaceState({}, "", `${Z.location.pathname}${e}${t}`);
-}, "setPath"), ka = /* @__PURE__ */ n((r) => r != null && typeof r == "object" && Array.isArray(r) === !1, "isObject"), Le = /* @__PURE__ */ n(
+}, "setPath"), ja = /* @__PURE__ */ n((r) => r != null && typeof r == "object" && Array.isArray(r) === !1, "isObject"), Le = /* @__PURE__ */ n(
 (r) => {
   if (r !== void 0) {
     if (typeof r == "string")
       return r;
     if (Array.isArray(r))
       return Le(r[0]);
-    if (ka(r))
+    if (ja(r))
       return Le(
         Object.values(r).filter(Boolean)
       );
   }
-}, "getFirstString"), ja = /* @__PURE__ */ n(() => {
+}, "getFirstString"), Ma = /* @__PURE__ */ n(() => {
   if (typeof Z < "u") {
     let r = Z.location.search.slice(1), e = (0, qe.parse)(r), t = typeof e.args == "string" ? ft(e.args) : void 0, o = typeof e.globals == "\
 string" ? ft(e.globals) : void 0, s = Le(e.viewMode);
     (typeof s != "string" || !s.match(/docs|story/)) && (s = "story");
-    let i = Le(e.path), a = i ? Oa(i) : Le(e.id);
+    let i = Le(e.path), a = i ? Da(i) : Le(e.id);
     if (a)
       return { storySpecifier: a, args: t, globals: o, viewMode: s };
   }
   return null;
 }, "getSelectionSpecifierFromPath"), yt = class yt {
   constructor() {
-    this.selectionSpecifier = ja();
+    this.selectionSpecifier = Ma();
   }
   setSelection(e) {
-    this.selection = e, Da(this.selection);
+    this.selection = e, ka(this.selection);
   }
   setQueryParams(e) {
     let t = tn({ extraParams: e }), { hash: o = "" } = Z.location;
@@ -5018,9 +5025,9 @@ var Re = yt;
 
 // src/preview-api/modules/preview-web/WebView.ts
 var Mn = ue(Dn(), 1), _n = ue(lr(), 1);
-import { logger as ml } from "storybook/internal/client-logger";
-import { global as hl } from "@storybook/global";
-var { document: O } = hl, kn = 100, Nn = /* @__PURE__ */ ((i) => (i.MAIN = "MAIN", i.NOPREVIEW = "NOPREVIEW", i.PREPARING_STORY = "PREPARING\
+import { logger as hl } from "storybook/internal/client-logger";
+import { global as gl } from "@storybook/global";
+var { document: O } = gl, kn = 100, Nn = /* @__PURE__ */ ((i) => (i.MAIN = "MAIN", i.NOPREVIEW = "NOPREVIEW", i.PREPARING_STORY = "PREPARING\
 _STORY", i.PREPARING_DOCS = "PREPARING_DOCS", i.ERROR = "ERROR", i))(Nn || {}), xt = {
   PREPARING_STORY: "sb-show-preparing-story",
   PREPARING_DOCS: "sb-show-preparing-docs",
@@ -5076,7 +5083,7 @@ _STORY", i.PREPARING_DOCS = "PREPARING_DOCS", i.ERROR = "ERROR", i))(Nn || {}),
     O.body.classList.remove(this.currentLayoutClass), O.body.classList.add(t), this.currentLayoutClass = t;
   }
   checkIfLayoutExists(e) {
-    Rt[e] || ml.warn(
+    Rt[e] || hl.warn(
       P`
           The desired layout: ${e} is not a valid option.
           The possible options are: ${Object.keys(Rt).join(", ")}, none.
@@ -5131,15 +5138,15 @@ var At = class At extends xe {
     super(t, o, new Re(), new we());
     this.importFn = t;
     this.getProjectAnnotations = o;
-    gl.__STORYBOOK_PREVIEW__ = this;
+    bl.__STORYBOOK_PREVIEW__ = this;
   }
 };
 n(At, "PreviewWeb");
 var hr = At;
 
 // src/preview-api/modules/preview-web/simulate-pageload.ts
-import { global as bl } from "@storybook/global";
-var { document: de } = bl, Sl = [
+import { global as Sl } from "@storybook/global";
+var { document: de } = Sl, Tl = [
   "application/javascript",
   "application/ecmascript",
   "application/x-ecmascript",
@@ -5158,18 +5165,18 @@ var { document: de } = bl, Sl = [
   "text/x-javascript",
   // Support modern javascript
   "module"
-], Tl = "script", Ln = "scripts-root";
+], xl = "script", Ln = "scripts-root";
 function gr() {
   let r = de.createEvent("Event");
   r.initEvent("DOMContentLoaded", !0, !0), de.dispatchEvent(r);
 }
 n(gr, "simulateDOMContentLoaded");
-function xl(r, e, t) {
+function Rl(r, e, t) {
   let o = de.createElement("script");
   o.type = r.type === "module" ? "module" : "text/javascript", r.src ? (o.onload = e, o.onerror = e, o.src = r.src) : o.textContent = r.innerText,
   t ? t.appendChild(o) : de.head.appendChild(o), r.parentNode.removeChild(r), r.src || e();
 }
-n(xl, "insertScript");
+n(Rl, "insertScript");
 function qn(r, e, t = 0) {
   r[t](() => {
     t++, t === r.length ? e() : qn(r, e, t);
@@ -5179,12 +5186,12 @@ n(qn, "insertScriptsSequentially");
 function zn(r) {
   let e = de.getElementById(Ln);
   e ? e.innerHTML = "" : (e = de.createElement("div"), e.id = Ln, de.body.appendChild(e));
-  let t = Array.from(r.querySelectorAll(Tl));
+  let t = Array.from(r.querySelectorAll(xl));
   if (t.length) {
     let o = [];
     t.forEach((s) => {
       let i = s.getAttribute("type");
-      (!i || Sl.includes(i)) && o.push((a) => xl(s, a, e));
+      (!i || Tl.includes(i)) && o.push((a) => Rl(s, a, e));
     }), o.length && qn(o, gr, void 0);
   } else
     gr();
@@ -5192,7 +5199,7 @@ function zn(r) {
 n(zn, "simulatePageLoad");
 
 // src/docs-tools/shared.ts
-var Bn = "storybook/docs", Wf = `${Bn}/panel`;
+var Bn = "storybook/docs", $f = `${Bn}/panel`;
 var Gn = `${Bn}/snippet-rendered`;
 
 // src/preview-api/modules/preview-web/emitTransformCode.ts