storybook 9.1.0-alpha.6 → 9.1.0-alpha.8

package/dist/preview-api/index.cjs

@@ -86,11 +86,11 @@ var Jr = I((Cl, Ao) => {
     var e = new wo(process.env.FORCE_SIMILAR_INSTEAD_OF_MAP === "true"), t = [];
     return function(o) {
       var n = /* @__PURE__ */ s(function() {
-        var i = e, a, l, c = arguments.length - 1, d = Array(c + 1), u = !0, p;
-        if ((n.numArgs || n.numArgs === 0) && n.numArgs !== c + 1)
+        var i = e, a, l, d = arguments.length - 1, c = Array(d + 1), u = !0, p;
+        if ((n.numArgs || n.numArgs === 0) && n.numArgs !== d + 1)
           throw new Error("Memoizerific functions should always be called with the same number of arguments");
-        for (p = 0; p < c; p++) {
-          if (d[p] = {
+        for (p = 0; p < d; p++) {
+          if (c[p] = {
             cacheItem: i,
             arg: arguments[p]
           }, i.has(arguments[p])) {
@@ -99,11 +99,11 @@ var Jr = I((Cl, Ao) => {
           }
           u = !1, a = new wo(process.env.FORCE_SIMILAR_INSTEAD_OF_MAP === "true"), i.set(arguments[p], a), i = a;
         }
-        return u && (i.has(arguments[c]) ? l = i.get(arguments[c]) : u = !1), u || (l = o.apply(null, arguments), i.set(arguments[c], l)), r >
-        0 && (d[c] = {
+        return u && (i.has(arguments[d]) ? l = i.get(arguments[d]) : u = !1), u || (l = o.apply(null, arguments), i.set(arguments[d], l)), r >
+        0 && (c[d] = {
           cacheItem: i,
-          arg: arguments[c]
-        }, u ? Us(t, d) : t.push(d), t.length > r && Hs(t.shift())), n.wasMemoized = u, n.numArgs = c + 1, l;
+          arg: arguments[d]
+        }, u ? Us(t, c) : t.push(c), t.length > r && Hs(t.shift())), n.wasMemoized = u, n.numArgs = d + 1, l;
       }, "memoizerific");
       return n.limit = r, n.wasMemoized = !1, n.cache = e, n.lru = t, n;
     };
@@ -144,11 +144,11 @@ var $ = I((ze) => {
       e[t - 1] = arguments[t];
     var o = Array.from(typeof r == "string" ? [r] : r);
     o[o.length - 1] = o[o.length - 1].replace(/\r?\n([\t ]*)$/, "");
-    var n = o.reduce(function(l, c) {
-      var d = c.match(/\n([\t ]+|(?!\s).)/g);
-      return d ? l.concat(d.map(function(u) {
-        var p, m;
-        return (m = (p = u.match(/[\t ]/g)) === null || p === void 0 ? void 0 : p.length) !== null && m !== void 0 ? m : 0;
+    var n = o.reduce(function(l, d) {
+      var c = d.match(/\n([\t ]+|(?!\s).)/g);
+      return c ? l.concat(c.map(function(u) {
+        var p, y;
+        return (y = (p = u.match(/[\t ]/g)) === null || p === void 0 ? void 0 : p.length) !== null && y !== void 0 ? y : 0;
       })) : l;
     }, []);
     if (n.length) {
@@ -161,14 +161,14 @@ var $ = I((ze) => {
     }
     o[0] = o[0].replace(/^\r?\n/, "");
     var a = o[0];
-    return e.forEach(function(l, c) {
-      var d = a.match(/(?:^|\n)( *)$/), u = d ? d[1] : "", p = l;
+    return e.forEach(function(l, d) {
+      var c = a.match(/(?:^|\n)( *)$/), u = c ? c[1] : "", p = l;
       typeof l == "string" && l.includes(`
 `) && (p = String(l).split(`
-`).map(function(m, h) {
-        return h === 0 ? m : "" + u + m;
+`).map(function(y, h) {
+        return h === 0 ? y : "" + u + y;
       }).join(`
-`)), a += p + o[c + 1];
+`)), a += p + o[d + 1];
     }), a;
   }
   s(Eo, "dedent");
@@ -399,17 +399,17 @@ var yt = I((Fr) => {
   var vi = 20, Pi = "[]", Fi = "[", Ii = "]", Oi = ".";
   function wn(r, e, t = 0, o, n) {
     let { nestingSyntax: i = xe.defaultOptions.nestingSyntax, arrayRepeat: a = xe.defaultOptions.arrayRepeat, arrayRepeatSyntax: l = xe.defaultOptions.
-    arrayRepeatSyntax, nesting: c = xe.defaultOptions.nesting, delimiter: d = xe.defaultOptions.delimiter, valueSerializer: u = xe.defaultOptions.
-    valueSerializer, shouldSerializeObject: p = xe.defaultOptions.shouldSerializeObject } = e, m = typeof d == "number" ? String.fromCharCode(
-    d) : d, h = n === !0 && a, x = i === "dot" || i === "js" && !n;
+    arrayRepeatSyntax, nesting: d = xe.defaultOptions.nesting, delimiter: c = xe.defaultOptions.delimiter, valueSerializer: u = xe.defaultOptions.
+    valueSerializer, shouldSerializeObject: p = xe.defaultOptions.shouldSerializeObject } = e, y = typeof c == "number" ? String.fromCharCode(
+    c) : c, h = n === !0 && a, x = i === "dot" || i === "js" && !n;
     if (t > vi)
       return "";
-    let R = "", y = !0, b = !1;
+    let R = "", m = !0, b = !1;
     for (let w in r) {
       let f = r[w], g;
-      o ? (g = o, h ? l === "bracket" && (g += Pi) : x ? (g += Oi, g += w) : (g += Fi, g += w, g += Ii)) : g = w, y || (R += m), typeof f ==
-      "object" && f !== null && !p(f) ? (b = f.pop !== void 0, (c || a && b) && (R += wn(f, e, t + 1, g, b))) : (R += (0, Ai.encodeString)(g),
-      R += "=", R += u(f, w)), y && (y = !1);
+      o ? (g = o, h ? l === "bracket" && (g += Pi) : x ? (g += Oi, g += w) : (g += Fi, g += w, g += Ii)) : g = w, m || (R += y), typeof f ==
+      "object" && f !== null && !p(f) ? (b = f.pop !== void 0, (d || a && b) && (R += wn(f, e, t + 1, g, b))) : (R += (0, Ai.encodeString)(g),
+      R += "=", R += u(f, w)), m && (m = !1);
     }
     return R;
   }
@@ -806,7 +806,7 @@ var vn = I((Ep, Cn) => {
     var e = r.indexOf("%");
     if (e === -1) return r;
     for (var t = r.length, o = "", n = 0, i = 0, a = e, l = An; e > -1 && e < t; ) {
-      var c = En(r[e + 1], 4), d = En(r[e + 2], 0), u = c | d, p = mt[u];
+      var d = En(r[e + 1], 4), c = En(r[e + 2], 0), u = d | c, p = mt[u];
       if (l = mt[256 + l + p], i = i << 6 | u & mt[364 + p], l === An)
         o += r.slice(n, a), o += i <= 65535 ? String.fromCharCode(i) : String.fromCharCode(
           55232 + (i >> 10),
@@ -884,15 +884,15 @@ var On = I((re) => {
   function Li(r, e) {
     let { valueDeserializer: t = Re.defaultOptions.valueDeserializer, keyDeserializer: o = Re.defaultOptions.keyDeserializer, arrayRepeatSyntax: n = Re.
     defaultOptions.arrayRepeatSyntax, nesting: i = Re.defaultOptions.nesting, arrayRepeat: a = Re.defaultOptions.arrayRepeat, nestingSyntax: l = Re.
-    defaultOptions.nestingSyntax, delimiter: c = Re.defaultOptions.delimiter } = e ?? {}, d = typeof c == "string" ? c.charCodeAt(0) : c, u = l ===
+    defaultOptions.nestingSyntax, delimiter: d = Re.defaultOptions.delimiter } = e ?? {}, c = typeof d == "string" ? d.charCodeAt(0) : d, u = l ===
     "js", p = new In();
     if (typeof r != "string")
       return p;
-    let m = r.length, h = "", x = -1, R = -1, y = -1, b = p, w, f = "", g = "", A = !1, S = !1, C = !1, M = !1, j = !1, G = !1, ve = !1, U = 0,
+    let y = r.length, h = "", x = -1, R = -1, m = -1, b = p, w, f = "", g = "", A = !1, S = !1, C = !1, M = !1, j = !1, G = !1, ve = !1, U = 0,
     P = -1, W = -1, Ft = -1;
-    for (let O = 0; O < m + 1; O++) {
-      if (U = O !== m ? r.charCodeAt(O) : d, U === d) {
-        if (ve = R > x, ve || (R = O), y !== R - 1 && (g = Or(r, y + 1, P > -1 ? P : R, C, A), f = o(g), w !== void 0 && (b = (0, Ir.getDeepObject)(
+    for (let O = 0; O < y + 1; O++) {
+      if (U = O !== y ? r.charCodeAt(O) : c, U === c) {
+        if (ve = R > x, ve || (R = O), m !== R - 1 && (g = Or(r, m + 1, P > -1 ? P : R, C, A), f = o(g), w !== void 0 && (b = (0, Ir.getDeepObject)(
         b, w, f, u && j, u && G))), ve || f !== "") {
           ve && (h = r.slice(R + 1, O), M && (h = h.replace(Fn, " ")), S && (h = (0, Pn.default)(h) || h));
           let je = t(h, f);
@@ -902,12 +902,12 @@ var On = I((re) => {
           } else
             b[f] = je;
         }
-        h = "", x = O, R = O, A = !1, S = !1, C = !1, M = !1, j = !1, G = !1, P = -1, y = O, b = p, w = void 0, f = "";
-      } else U === 93 ? (a && n === "bracket" && Ft === 91 && (P = W), i && (l === "index" || u) && R <= x && (y !== W && (g = Or(r, y + 1, O,
-      C, A), f = o(g), w !== void 0 && (b = (0, Ir.getDeepObject)(b, w, f, void 0, u)), w = f, C = !1, A = !1), y = O, G = !0, j = !1)) : U ===
-      46 ? i && (l === "dot" || u) && R <= x && (y !== W && (g = Or(r, y + 1, O, C, A), f = o(g), w !== void 0 && (b = (0, Ir.getDeepObject)(
-      b, w, f, u)), w = f, C = !1, A = !1), j = !0, G = !1, y = O) : U === 91 ? i && (l === "index" || u) && R <= x && (y !== W && (g = Or(r,
-      y + 1, O, C, A), f = o(g), u && w !== void 0 && (b = (0, Ir.getDeepObject)(b, w, f, u)), w = f, C = !1, A = !1, j = !1, G = !0), y = O) :
+        h = "", x = O, R = O, A = !1, S = !1, C = !1, M = !1, j = !1, G = !1, P = -1, m = O, b = p, w = void 0, f = "";
+      } else U === 93 ? (a && n === "bracket" && Ft === 91 && (P = W), i && (l === "index" || u) && R <= x && (m !== W && (g = Or(r, m + 1, O,
+      C, A), f = o(g), w !== void 0 && (b = (0, Ir.getDeepObject)(b, w, f, void 0, u)), w = f, C = !1, A = !1), m = O, G = !0, j = !1)) : U ===
+      46 ? i && (l === "dot" || u) && R <= x && (m !== W && (g = Or(r, m + 1, O, C, A), f = o(g), w !== void 0 && (b = (0, Ir.getDeepObject)(
+      b, w, f, u)), w = f, C = !1, A = !1), j = !0, G = !1, m = O) : U === 91 ? i && (l === "index" || u) && R <= x && (m !== W && (g = Or(r,
+      m + 1, O, C, A), f = o(g), u && w !== void 0 && (b = (0, Ir.getDeepObject)(b, w, f, u)), w = f, C = !1, A = !1, j = !1, G = !0), m = O) :
       U === 61 ? R <= x ? R = O : S = !0 : U === 43 ? R > x ? M = !0 : C = !0 : U === 37 && (R > x ? S = !0 : A = !0);
       W = O, Ft = U;
     }
@@ -1361,8 +1361,8 @@ var At = I((L) => {
     for (var a = 0; a < e.length - 1; a++) {
       for (var l = a; l < e.length - 1 && e[l].charCodeAt(1) + 1 === e[l + 1].charCodeAt(1); )
         l += 1;
-      var c = 1 + l - a;
-      c < 3 || e.splice(a, c, e[a] + "-" + e[l]);
+      var d = 1 + l - a;
+      d < 3 || e.splice(a, d, e[a] + "-" + e[l]);
     }
     return t.unshift("[" + e.join("") + "]"), new RegExp(t.join("|"), "g");
   }
@@ -1515,8 +1515,8 @@ var hs = I((Jp, ms) => {
         }, "F");
         return { s: n, n: /* @__PURE__ */ s(function() {
           return o >= r.length ? { done: !0 } : { done: !1, value: r[o++] };
-        }, "n"), e: /* @__PURE__ */ s(function(d) {
-          throw d;
+        }, "n"), e: /* @__PURE__ */ s(function(c) {
+          throw c;
         }, "e"), f: n };
       }
       throw new TypeError(`Invalid attempt to iterate non-iterable instance.
@@ -1526,10 +1526,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     return { s: /* @__PURE__ */ s(function() {
       t = t.call(r);
     }, "s"), n: /* @__PURE__ */ s(function() {
-      var d = t.next();
-      return i = d.done, d;
-    }, "n"), e: /* @__PURE__ */ s(function(d) {
-      a = !0, l = d;
+      var c = t.next();
+      return i = c.done, c;
+    }, "n"), e: /* @__PURE__ */ s(function(c) {
+      a = !0, l = c;
     }, "e"), f: /* @__PURE__ */ s(function() {
       try {
         !i && t.return != null && t.return();
@@ -1749,11 +1749,11 @@ e" : r === 9 ? e = "strike" : 29 < r && r < 38 || r === 39 || 89 < r && r < 98 ?
       return t("xterm256Background", S), "";
     }
     s(l, "removeXterm256Background");
-    function c(A) {
+    function d(A) {
       return e.newline ? t("display", -1) : t("text", A), "";
     }
-    s(c, "newline");
-    function d(A, S) {
+    s(d, "newline");
+    function c(A, S) {
       o = !0, S.trim().length === 0 && (S = "0"), S = S.trimRight(";").split(";");
       var C = us(S), M;
       try {
@@ -1768,7 +1768,7 @@ e" : r === 9 ? e = "strike" : 29 < r && r < 38 || r === 39 || 89 < r && r < 98 ?
       }
       return "";
     }
-    s(d, "ansiMess");
+    s(c, "ansiMess");
     function u(A) {
       return t("text", A), "";
     }
@@ -1777,7 +1777,7 @@ e" : r === 9 ? e = "strike" : 29 < r && r < 38 || r === 39 || 89 < r && r < 98 ?
       return t("rgb", A), "";
     }
     s(p, "rgb");
-    var m = [{
+    var y = [{
       pattern: /^\x08+/,
       sub: i
     }, {
@@ -1797,16 +1797,16 @@ e" : r === 9 ? e = "strike" : 29 < r && r < 38 || r === 39 || 89 < r && r < 98 ?
       sub: l
     }, {
       pattern: /^\n/,
-      sub: c
+      sub: d
     }, {
       pattern: /^\r+\n/,
-      sub: c
+      sub: d
     }, {
       pattern: /^\r/,
-      sub: c
+      sub: d
     }, {
       pattern: /^\x1b\[((?:\d{1,3};?)+|)m/,
-      sub: d
+      sub: c
     }, {
       // CSI n J
       // ED - Erase in Display Clears part of the screen.
@@ -1841,18 +1841,18 @@ e" : r === 9 ? e = "strike" : 29 < r && r < 38 || r === 39 || 89 < r && r < 98 ?
       S > n && o || (o = !1, r = r.replace(A.pattern, A.sub));
     }
     s(h, "process");
-    var x = [], R = r, y = R.length;
-    e: for (; y > 0; ) {
-      for (var b = 0, w = 0, f = m.length; w < f; b = ++w) {
-        var g = m[b];
-        if (h(g, b), r.length !== y) {
-          y = r.length;
+    var x = [], R = r, m = R.length;
+    e: for (; m > 0; ) {
+      for (var b = 0, w = 0, f = y.length; w < f; b = ++w) {
+        var g = y[b];
+        if (h(g, b), r.length !== m) {
+          m = r.length;
           continue e;
         }
       }
-      if (r.length === y)
+      if (r.length === m)
         break;
-      x.push(0), y = r.length;
+      x.push(0), m = r.length;
     }
     return x;
   }
@@ -1877,11 +1877,11 @@ e" : r === 9 ? e = "strike" : 29 < r && r < 38 || r === 39 || 89 < r && r < 98 ?
         t = typeof t == "string" ? [t] : t;
         var n = this.stack, i = this.options, a = [];
         return this.stickyStack.forEach(function(l) {
-          var c = cs(n, l.token, l.data, i);
-          c && a.push(c);
-        }), Pa(t.join(""), i, function(l, c) {
-          var d = cs(n, l, c, i);
-          d && a.push(d), i.stream && (o.stickyStack = Fa(o.stickyStack, l, c));
+          var d = cs(n, l.token, l.data, i);
+          d && a.push(d);
+        }), Pa(t.join(""), i, function(l, d) {
+          var c = cs(n, l, d, i);
+          c && a.push(c), i.stream && (o.stickyStack = Fa(o.stickyStack, l, d));
         }), n.length && a.push(ys(n)), a.join("");
       }, "toHtml")
     }]), r;
@@ -2049,14 +2049,14 @@ function Dt(r) {
     o.currentDecoratorName = r.name, o.prevMountedDecorators.has(r) ? (o.currentPhase = "UPDATE", o.currentHooks = o.hookListsMap.get(r) || []) :
     (o.currentPhase = "MOUNT", o.currentHooks = [], o.hookListsMap.set(r, o.currentHooks), o.prevMountedDecorators.add(r)), o.nextHookIndex =
     0;
-    let c = Ne.global.STORYBOOK_HOOKS_CONTEXT;
+    let d = Ne.global.STORYBOOK_HOOKS_CONTEXT;
     Ne.global.STORYBOOK_HOOKS_CONTEXT = o;
-    let d = r(...t);
-    if (Ne.global.STORYBOOK_HOOKS_CONTEXT = c, o.currentPhase === "UPDATE" && o.getNextHook() != null)
+    let c = r(...t);
+    if (Ne.global.STORYBOOK_HOOKS_CONTEXT = d, o.currentPhase === "UPDATE" && o.getNextHook() != null)
       throw new Error(
         "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
       );
-    return o.currentPhase = n, o.currentHooks = i, o.nextHookIndex = a, o.currentDecoratorName = l, d;
+    return o.currentPhase = n, o.currentHooks = i, o.nextHookIndex = a, o.currentDecoratorName = l, c;
   }, "hookified");
   return e.originalFn = r, e;
 }
@@ -2174,7 +2174,7 @@ function Lt(r) {
 s(Lt, "useState");
 function qt(r, e, t) {
   let o = t != null ? () => t(e) : e, [n, i] = Nt("useReducer", o);
-  return [n, /* @__PURE__ */ s((l) => i((c) => r(c, l)), "dispatch")];
+  return [n, /* @__PURE__ */ s((l) => i((d) => r(d, l)), "dispatch")];
 }
 s(qt, "useReducer");
 function Vr(r, e) {
@@ -2232,10 +2232,10 @@ var Ht = /* @__PURE__ */ s(({
   skipIfNoParametersOrOptions: o = !1
 }) => {
   let n = /* @__PURE__ */ s((i) => (a, l) => {
-    let c = l.parameters && l.parameters[e];
-    return c && c.disable || o && !i && !c ? a(l) : t(a, l, {
+    let d = l.parameters && l.parameters[e];
+    return d && d.disable || o && !i && !d ? a(l) : t(a, l, {
       options: i,
-      parameters: c
+      parameters: d
     });
   }, "decorator");
   return (...i) => typeof i[0] == "function" ? n()(...i) : (...a) => {
@@ -2350,8 +2350,8 @@ function Be(r, e, t, o) {
     case $t:
       return r.toString() === e.toString();
     case Yt: {
-      let c = r.valueOf(), d = e.valueOf();
-      return go(c, d);
+      let d = r.valueOf(), c = e.valueOf();
+      return go(d, c);
     }
     case Kt:
     case Jt:
@@ -2372,20 +2372,20 @@ function Be(r, e, t, o) {
       case Qt: {
         if (r.size !== e.size)
           return !1;
-        for (let [c, d] of r.entries())
-          if (!e.has(c) || !qe(d, e.get(c), c, r, e, t, o))
+        for (let [d, c] of r.entries())
+          if (!e.has(d) || !qe(c, e.get(d), d, r, e, t, o))
             return !1;
         return !0;
       }
       case Zt: {
         if (r.size !== e.size)
           return !1;
-        let c = Array.from(r.values()), d = Array.from(e.values());
-        for (let u = 0; u < c.length; u++) {
-          let p = c[u], m = d.findIndex((h) => qe(p, h, void 0, r, e, t, o));
-          if (m === -1)
+        let d = Array.from(r.values()), c = Array.from(e.values());
+        for (let u = 0; u < d.length; u++) {
+          let p = d[u], y = c.findIndex((h) => qe(p, h, void 0, r, e, t, o));
+          if (y === -1)
             return !1;
-          d.splice(m, 1);
+          c.splice(y, 1);
         }
         return !0;
       }
@@ -2403,8 +2403,8 @@ function Be(r, e, t, o) {
       case ho: {
         if (typeof Buffer < "u" && Buffer.isBuffer(r) !== Buffer.isBuffer(e) || r.length !== e.length)
           return !1;
-        for (let c = 0; c < r.length; c++)
-          if (!qe(r[c], e[c], c, r, e, t, o))
+        for (let d = 0; d < r.length; d++)
+          if (!qe(r[d], e[d], d, r, e, t, o))
             return !1;
         return !0;
       }
@@ -2417,15 +2417,15 @@ function Be(r, e, t, o) {
       case ar: {
         if (!(Be(r.constructor, e.constructor, t, o) || N(r) && N(e)))
           return !1;
-        let d = [...Object.keys(r), ...Wr(r)], u = [...Object.keys(e), ...Wr(e)];
-        if (d.length !== u.length)
+        let c = [...Object.keys(r), ...Wr(r)], u = [...Object.keys(e), ...Wr(e)];
+        if (c.length !== u.length)
           return !1;
-        for (let p = 0; p < d.length; p++) {
-          let m = d[p], h = r[m];
-          if (!Object.hasOwn(e, m))
+        for (let p = 0; p < c.length; p++) {
+          let y = c[p], h = r[y];
+          if (!Object.hasOwn(e, y))
             return !1;
-          let x = e[m];
-          if (!qe(h, x, m, r, e, t, o))
+          let x = e[y];
+          if (!qe(h, x, y, r, e, t, o))
             return !1;
         }
         return !0;
@@ -2510,11 +2510,11 @@ var Ie = Symbol("incompatible"), Zr = /* @__PURE__ */ s((r, e) => {
 
         More info: https://storybook.js.org/docs/writing-stories/args#mapping-to-complex-arg-values
       `), i();
-  let a = Array.isArray(r[o]), l = a && r[o].findIndex((p) => !n.includes(p)), c = a && l === -1;
-  if (r[o] === void 0 || n.includes(r[o]) || c)
+  let a = Array.isArray(r[o]), l = a && r[o].findIndex((p) => !n.includes(p)), d = a && l === -1;
+  if (r[o] === void 0 || n.includes(r[o]) || d)
     return i();
-  let d = a ? `${o}[${l}]` : o, u = n.map((p) => typeof p == "string" ? `'${p}'` : String(p)).join(", ");
-  return lr.once.warn(`Received illegal value for '${d}'. Supported options: ${u}`), t;
+  let c = a ? `${o}[${l}]` : o, u = n.map((p) => typeof p == "string" ? `'${p}'` : String(p)).join(", ");
+  return lr.once.warn(`Received illegal value for '${c}'. Supported options: ${u}`), t;
 }, {}), "validateOptions"), pe = Symbol("Deeply equal"), De = /* @__PURE__ */ s((r, e) => {
   if (typeof r != typeof e)
     return e;
@@ -2691,33 +2691,33 @@ See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#hoisted-csf-
 function fe(r, e, t) {
   let o = e, n = typeof e == "function" ? e : null, { story: i } = o;
   i && (fr.logger.debug("deprecated story", i), (0, fr.deprecate)(Js));
-  let a = (0, yr.storyNameFromExport)(r), l = typeof o != "function" && o.name || o.storyName || i?.name || a, c = [
+  let a = (0, yr.storyNameFromExport)(r), l = typeof o != "function" && o.name || o.storyName || i?.name || a, d = [
     ...v(o.decorators),
     ...v(i?.decorators)
-  ], d = { ...i?.parameters, ...o.parameters }, u = { ...i?.args, ...o.args }, p = { ...i?.argTypes, ...o.argTypes }, m = [...v(o.loaders), ...v(
+  ], c = { ...i?.parameters, ...o.parameters }, u = { ...i?.args, ...o.args }, p = { ...i?.argTypes, ...o.argTypes }, y = [...v(o.loaders), ...v(
   i?.loaders)], h = [
     ...v(o.beforeEach),
     ...v(i?.beforeEach)
   ], x = [
     ...v(o.afterEach),
     ...v(i?.afterEach)
-  ], { render: R, play: y, tags: b = [], globals: w = {} } = o, f = d.__id || (0, yr.toId)(t.id, a);
+  ], { render: R, play: m, tags: b = [], globals: w = {} } = o, f = c.__id || (0, yr.toId)(t.id, a);
   return {
     moduleExport: e,
     id: f,
     name: l,
     tags: b,
-    decorators: c,
-    parameters: d,
+    decorators: d,
+    parameters: c,
     args: u,
     argTypes: ue(p),
-    loaders: m,
+    loaders: y,
     beforeEach: h,
     afterEach: x,
     globals: w,
     ...R && { render: R },
     ...n && { userStoryFn: n },
-    ...y && { play: y }
+    ...m && { play: m }
   };
 }
 s(fe, "normalizeStory");
@@ -2761,13 +2761,13 @@ var Qs = /* @__PURE__ */ s((r) => {
 function Mo(r, e, t) {
   let { default: o, __namedExportsOrder: n, ...i } = r, a = Object.values(i)[0];
   if ((0, Ue.isStory)(a)) {
-    let d = Ge(a.meta.input, t, e);
-    mr(d.parameters);
-    let u = { meta: d, stories: {}, moduleExports: r };
+    let c = Ge(a.meta.input, t, e);
+    mr(c.parameters);
+    let u = { meta: c, stories: {}, moduleExports: r };
     return Object.keys(i).forEach((p) => {
-      if ((0, Ue.isExportStory)(p, d)) {
-        let m = fe(p, i[p].input, d);
-        mr(m.parameters), u.stories[m.id] = m;
+      if ((0, Ue.isExportStory)(p, c)) {
+        let y = fe(p, i[p].input, c);
+        mr(y.parameters), u.stories[y.id] = y;
       }
     }), u.projectAnnotations = a.meta.preview.composed, u;
   }
@@ -2777,13 +2777,13 @@ function Mo(r, e, t) {
     e
   );
   mr(l.parameters);
-  let c = { meta: l, stories: {}, moduleExports: r };
-  return Object.keys(i).forEach((d) => {
-    if ((0, Ue.isExportStory)(d, l)) {
-      let u = fe(d, i[d], l);
-      mr(u.parameters), c.stories[u.id] = u;
+  let d = { meta: l, stories: {}, moduleExports: r };
+  return Object.keys(i).forEach((c) => {
+    if ((0, Ue.isExportStory)(c, l)) {
+      let u = fe(c, i[c], l);
+      mr(u.parameters), d.stories[u.id] = u;
     }
-  }), c;
+  }), d;
 }
 s(Mo, "processCSFFile");
 
@@ -2837,10 +2837,10 @@ function ot({
   story: i,
   parameters: a,
   initialArgs: l,
-  argTypes: c,
-  ...d
+  argTypes: d,
+  ...c
 } = {}) {
-  return d;
+  return c;
 }
 s(ot, "sanitizeStoryContextUpdate");
 function hr(r, e) {
@@ -2862,8 +2862,8 @@ s(hr, "defaultDecorateStory");
 // src/preview-api/modules/store/parameters.ts
 var B = /* @__PURE__ */ s((...r) => {
   let e = {}, t = r.filter(Boolean), o = t.reduce((n, i) => (Object.entries(i).forEach(([a, l]) => {
-    let c = n[a];
-    Array.isArray(l) || typeof c > "u" ? n[a] = l : N(l) && N(c) ? e[a] = !0 : typeof l < "u" && (n[a] = l);
+    let d = n[a];
+    Array.isArray(l) || typeof d > "u" ? n[a] = l : N(l) && N(d) ? e[a] = !0 : typeof l < "u" && (n[a] = l);
   }), n), {});
   return Object.keys(e).forEach((n) => {
     let i = t.filter(Boolean).map((a) => a[n]).filter((a) => typeof a < "u");
@@ -2890,7 +2890,7 @@ function ke(r, e, t) {
       Object.assign(C, ...j);
     }
     return C;
-  }, "applyLoaders"), c = /* @__PURE__ */ s(async (S) => {
+  }, "applyLoaders"), d = /* @__PURE__ */ s(async (S) => {
     let C = new Array();
     for (let M of [
       ...v(t.beforeEach),
@@ -2903,7 +2903,7 @@ function ke(r, e, t) {
       j && C.push(j);
     }
     return C;
-  }, "applyBeforeEach"), d = /* @__PURE__ */ s(async (S) => {
+  }, "applyBeforeEach"), c = /* @__PURE__ */ s(async (S) => {
     let C = [
       ...v(t.afterEach),
       ...v(e.afterEach),
@@ -2914,12 +2914,12 @@ function ke(r, e, t) {
         return;
       await M(S);
     }
-  }, "applyAfterEach"), u = /* @__PURE__ */ s((S) => S.originalStoryFn(S.args, S), "undecoratedStoryFn"), { applyDecorators: p = hr, runStep: m } = t,
+  }, "applyAfterEach"), u = /* @__PURE__ */ s((S) => S.originalStoryFn(S.args, S), "undecoratedStoryFn"), { applyDecorators: p = hr, runStep: y } = t,
   h = [
     ...v(r?.decorators),
     ...v(e?.decorators),
     ...v(t?.decorators)
-  ], x = r?.userStoryFn || r?.render || e.render || t.render, R = sr(p)(u, h), y = /* @__PURE__ */ s((S) => R(S), "unboundStoryFn"), b = r?.
+  ], x = r?.userStoryFn || r?.render || e.render || t.render, R = sr(p)(u, h), m = /* @__PURE__ */ s((S) => R(S), "unboundStoryFn"), b = r?.
   play ?? e?.play, w = _o(b);
   if (!x && !w)
     throw new No.NoRenderFunctionError({ id: n });
@@ -2934,12 +2934,12 @@ function ke(r, e, t) {
     story: i,
     originalStoryFn: x,
     undecoratedStoryFn: u,
-    unboundStoryFn: y,
+    unboundStoryFn: m,
     applyLoaders: l,
-    applyBeforeEach: c,
-    applyAfterEach: d,
+    applyBeforeEach: d,
+    applyAfterEach: c,
     playFunction: b,
-    runStep: m,
+    runStep: y,
     mount: g,
     testingLibraryRender: A,
     renderToCanvas: t.renderToCanvas,
@@ -2965,7 +2965,7 @@ function Bo(r, e, t) {
     t.parameters,
     e.parameters,
     r?.parameters
-  ), { argTypesEnhancers: l = [], argsEnhancers: c = [] } = t, d = B(
+  ), { argTypesEnhancers: l = [], argsEnhancers: d = [] } = t, c = B(
     t.argTypes,
     e.argTypes,
     r?.argTypes
@@ -2981,7 +2981,7 @@ function Bo(r, e, t) {
   }, p = {
     ...e.globals,
     ...r?.globals
-  }, m = {
+  }, y = {
     componentId: e.id,
     title: e.title,
     kind: e.title,
@@ -2996,26 +2996,26 @@ function Bo(r, e, t) {
     tags: i,
     parameters: a,
     initialArgs: u,
-    argTypes: d,
+    argTypes: c,
     storyGlobals: p
   };
-  m.argTypes = l.reduce(
-    (b, w) => w({ ...m, argTypes: b }),
-    m.argTypes
+  y.argTypes = l.reduce(
+    (b, w) => w({ ...y, argTypes: b }),
+    y.argTypes
   );
   let h = { ...u };
-  m.initialArgs = [...c].reduce(
+  y.initialArgs = [...d].reduce(
     (b, w) => ({
       ...b,
       ...w({
-        ...m,
+        ...y,
         initialArgs: b
       })
     }),
     h
   );
-  let { name: x, story: R, ...y } = m;
-  return y;
+  let { name: x, story: R, ...m } = y;
+  return m;
 }
 s(Bo, "preparePartialAnnotations");
 function Sr(r) {
@@ -3036,14 +3036,14 @@ function Sr(r) {
   let o = Object.entries(t.args).reduce((i, [a, l]) => {
     if (!t.argTypes[a]?.mapping)
       return i[a] = l, i;
-    let c = /* @__PURE__ */ s((d) => {
+    let d = /* @__PURE__ */ s((c) => {
       let u = t.argTypes[a].mapping;
-      return u && d in u ? u[d] : d;
+      return u && c in u ? u[c] : c;
     }, "mappingFn");
-    return i[a] = Array.isArray(l) ? l.map(c) : c(l), i;
+    return i[a] = Array.isArray(l) ? l.map(d) : d(l), i;
   }, {}), n = Object.entries(o).reduce((i, [a, l]) => {
-    let c = t.argTypes[a] || {};
-    return (0, gr.includeConditionalArg)(c, o, t.globals) && (i[a] = l), i;
+    let d = t.argTypes[a] || {};
+    return (0, gr.includeConditionalArg)(d, o, t.globals) && (i[a] = l), i;
   }, {});
   return { ...t, unmappedArgs: e, args: n };
 }
@@ -3134,7 +3134,7 @@ var ri = /* @__PURE__ */ s((r, e, t) => {
   } = r;
   if (!t)
     return e;
-  let a = He(e, o, n), l = Q(a, (c, d) => c?.type && ri(c, d.toString(), i));
+  let a = He(e, o, n), l = Q(a, (d, c) => d?.type && ri(d, c.toString(), i));
   return B(l, a);
 }, "inferControls");
 Me.secondPass = !0;
@@ -3149,7 +3149,7 @@ function ye({
   beforeEach: i,
   afterEach: a,
   initialGlobals: l,
-  ...c
+  ...d
 }) {
   return {
     ...r && { argTypes: ue(r) },
@@ -3179,7 +3179,7 @@ function ye({
       Me
     ],
     initialGlobals: l,
-    ...c
+    ...d
   };
 }
 s(ye, "normalizeProjectAnnotations");
@@ -3390,45 +3390,45 @@ function it(r, e, t, o, n) {
     a,
     r,
     i
-  ), c = ye(
+  ), d = ye(
     Z([
       o ?? globalThis.globalProjectAnnotations ?? {},
       t ?? {}
     ])
-  ), d = ke(
+  ), c = ke(
     l,
     i,
-    c
+    d
   ), p = {
-    ...dr(c.globalTypes),
-    ...c.initialGlobals,
-    ...d.storyGlobals
-  }, m = new se(), h = /* @__PURE__ */ s(() => {
+    ...dr(d.globalTypes),
+    ...d.initialGlobals,
+    ...c.storyGlobals
+  }, y = new se(), h = /* @__PURE__ */ s(() => {
     let f = Sr({
       hooks: new te(),
       globals: p,
-      args: { ...d.initialArgs },
+      args: { ...c.initialArgs },
       viewMode: "story",
-      reporting: m,
+      reporting: y,
       loaded: {},
       abortSignal: new AbortController().signal,
-      step: /* @__PURE__ */ s((g, A) => d.runStep(g, A, f), "step"),
+      step: /* @__PURE__ */ s((g, A) => c.runStep(g, A, f), "step"),
       canvasElement: null,
       canvas: {},
       userEvent: {},
-      globalTypes: c.globalTypes,
-      ...d,
+      globalTypes: d.globalTypes,
+      ...c,
       context: null,
       mount: null
     });
-    return f.parameters.__isPortableStory = !0, f.context = f, d.renderToCanvas && (f.renderToCanvas = async () => {
-      let g = await d.renderToCanvas?.(
+    return f.parameters.__isPortableStory = !0, f.context = f, c.renderToCanvas && (f.renderToCanvas = async () => {
+      let g = await c.renderToCanvas?.(
         {
-          componentId: d.componentId,
-          title: d.title,
-          id: d.id,
-          name: d.name,
-          tags: d.tags,
+          componentId: c.componentId,
+          title: c.title,
+          id: c.id,
+          name: c.name,
+          tags: c.tags,
           showMain: /* @__PURE__ */ s(() => {
           }, "showMain"),
           showError: /* @__PURE__ */ s((A) => {
@@ -3440,46 +3440,46 @@ ${A.description}`);
           }, "showException"),
           forceRemount: !0,
           storyContext: f,
-          storyFn: /* @__PURE__ */ s(() => d.unboundStoryFn(f), "storyFn"),
-          unboundStoryFn: d.unboundStoryFn
+          storyFn: /* @__PURE__ */ s(() => c.unboundStoryFn(f), "storyFn"),
+          unboundStoryFn: c.unboundStoryFn
         },
         f.canvasElement
       );
       g && ie.push(g);
-    }), f.mount = d.mount(f), f;
+    }), f.mount = c.mount(f), f;
   }, "initializeContext"), x, R = /* @__PURE__ */ s(async (f) => {
     let g = h();
-    return g.canvasElement ??= globalThis?.document?.body, x && (g.loaded = x.loaded), Object.assign(g, f), d.playFunction(g);
-  }, "play"), y = /* @__PURE__ */ s((f) => {
+    return g.canvasElement ??= globalThis?.document?.body, x && (g.loaded = x.loaded), Object.assign(g, f), c.playFunction(g);
+  }, "play"), m = /* @__PURE__ */ s((f) => {
     let g = h();
-    return Object.assign(g, f), ai(d, g);
-  }, "run"), b = d.playFunction ? R : void 0;
+    return Object.assign(g, f), ai(c, g);
+  }, "run"), b = c.playFunction ? R : void 0;
   return Object.assign(
     /* @__PURE__ */ s(function(g) {
       let A = h();
       return x && (A.loaded = x.loaded), A.args = {
         ...A.initialArgs,
         ...g
-      }, d.unboundStoryFn(A);
+      }, c.unboundStoryFn(A);
     }, "storyFn"),
     {
-      id: d.id,
+      id: c.id,
       storyName: a,
       load: /* @__PURE__ */ s(async () => {
         for (let g of [...ie].reverse())
           await g();
         ie.length = 0;
         let f = h();
-        f.loaded = await d.applyLoaders(f), ie.push(...(await d.applyBeforeEach(f)).filter(Boolean)), x = f;
+        f.loaded = await c.applyLoaders(f), ie.push(...(await c.applyBeforeEach(f)).filter(Boolean)), x = f;
       }, "load"),
       globals: p,
-      args: d.initialArgs,
-      parameters: d.parameters,
-      argTypes: d.argTypes,
+      args: c.initialArgs,
+      parameters: c.parameters,
+      argTypes: c.argTypes,
       play: b,
-      run: y,
-      reporting: m,
-      tags: d.tags
+      run: m,
+      reporting: y,
+      tags: c.tags
     }
   );
 }
@@ -3488,11 +3488,11 @@ var ii = /* @__PURE__ */ s((r, e, t, o) => it(r, e, t, {}, o), "defaultComposeSt
 function rn(r, e, t = ii) {
   let { default: o, __esModule: n, __namedExportsOrder: i, ...a } = r, l = o;
   return Object.entries(a).reduce(
-    (d, [u, p]) => {
-      let { story: m, meta: h } = wr(p);
-      return !l && h && (l = h), (0, Ko.isExportStory)(u, l) ? Object.assign(d, {
-        [u]: t(m, l, e, u)
-      }) : d;
+    (c, [u, p]) => {
+      let { story: y, meta: h } = wr(p);
+      return !l && h && (l = h), (0, Ko.isExportStory)(u, l) ? Object.assign(c, {
+        [u]: t(y, l, e, u)
+      }) : c;
     },
     {}
   );
@@ -3515,15 +3515,16 @@ function tn(r) {
 
               More info: https://storybook.js.org/docs/api/portable-stories-playwright
             `);
-        await t.evaluate(async (l) => {
-          let c = await globalThis.__pwUnwrapObject?.(l);
-          return ("__pw_type" in c ? c.type : c)?.load?.();
-        }, n);
-        let a = await e(n, ...i);
-        return await t.evaluate(async (l) => {
-          let c = await globalThis.__pwUnwrapObject?.(l), d = "__pw_type" in c ? c.type : c, u = document.querySelector("#root");
-          return d?.play?.({ canvasElement: u });
-        }, n), a;
+        let { props: a, ...l } = n;
+        await t.evaluate(async (c) => {
+          let u = await globalThis.__pwUnwrapObject?.(c);
+          return ("__pw_type" in u ? u.type : u)?.load?.();
+        }, l);
+        let d = await e(n, ...i);
+        return await t.evaluate(async (c) => {
+          let u = await globalThis.__pwUnwrapObject?.(c), p = "__pw_type" in u ? u.type : u, y = document.querySelector("#root");
+          return p?.play?.({ canvasElement: y });
+        }, l), d;
       });
     }, "mount")
   });
@@ -3689,17 +3690,17 @@ var on = 1e3, li = 1e4, ge = class {
       (o, [n, { type: i, importPath: a }]) => {
         if (i === "docs")
           return o;
-        let l = t[a], c = this.storyFromCSFFile({ storyId: n, csfFile: l });
-        return !e.includeDocsOnly && c.parameters.docsOnly || (o[n] = Object.entries(c).reduce(
-          (d, [u, p]) => u === "moduleExport" || typeof p == "function" ? d : Array.isArray(p) ? Object.assign(d, { [u]: p.slice().sort() }) :
-          Object.assign(d, { [u]: p }),
+        let l = t[a], d = this.storyFromCSFFile({ storyId: n, csfFile: l });
+        return !e.includeDocsOnly && d.parameters.docsOnly || (o[n] = Object.entries(d).reduce(
+          (c, [u, p]) => u === "moduleExport" || typeof p == "function" ? c : Array.isArray(p) ? Object.assign(c, { [u]: p.slice().sort() }) :
+          Object.assign(c, { [u]: p }),
           {
             //
-            args: c.initialArgs,
+            args: d.initialArgs,
             globals: {
               ...this.userGlobals.initialGlobals,
               ...this.userGlobals.globals,
-              ...c.storyGlobals
+              ...d.storyGlobals
             }
           }
         )), o;
@@ -3744,8 +3745,8 @@ var lt = /* @__PURE__ */ s((r, e, t) => {
   let a = at(String(r));
   if (n.exec(a)) {
     if (!t) {
-      let l = a.replace(o, ""), c = sn([i, l]).split("/");
-      return c = ci(c), c.join("/");
+      let l = a.replace(o, ""), d = sn([i, l]).split("/");
+      return d = ci(d), d.join("/");
     }
     return i ? sn([i, t]) : t;
   }
@@ -3773,16 +3774,16 @@ var dn = /\s*\/\s*/, pn = /* @__PURE__ */ s((r = {}) => (e, t) => {
       return -1;
     if (!a[l])
       return 1;
-    let c = i[l], d = a[l];
-    if (c !== d) {
-      let p = n.indexOf(c), m = n.indexOf(d), h = n.indexOf("*");
-      return p !== -1 || m !== -1 ? (p === -1 && (h !== -1 ? p = h : p = n.length), m === -1 && (h !== -1 ? m = h : m = n.length), p - m) : o ===
-      "configure" ? 0 : c.localeCompare(d, r.locales ? r.locales : void 0, {
+    let d = i[l], c = a[l];
+    if (d !== c) {
+      let p = n.indexOf(d), y = n.indexOf(c), h = n.indexOf("*");
+      return p !== -1 || y !== -1 ? (p === -1 && (h !== -1 ? p = h : p = n.length), y === -1 && (h !== -1 ? y = h : y = n.length), p - y) : o ===
+      "configure" ? 0 : d.localeCompare(c, r.locales ? r.locales : void 0, {
         numeric: !0,
         sensitivity: "accent"
       });
     }
-    let u = n.indexOf(c);
+    let u = n.indexOf(d);
     u === -1 && (u = n.indexOf("*")), n = u !== -1 && Array.isArray(n[u + 1]) ? n[u + 1] : [], l += 1;
   }
   return 0;
@@ -3836,7 +3837,7 @@ function mn(r) {
 }
 s(mn, "serializeError");
 var be = class {
-  constructor(e, t, o, n, i, a, l = { autoplay: !0, forceInitialArgs: !1 }, c) {
+  constructor(e, t, o, n, i, a, l = { autoplay: !0, forceInitialArgs: !1 }, d) {
     this.channel = e;
     this.store = t;
     this.renderToScreen = o;
@@ -3851,7 +3852,7 @@ var be = class {
     this.teardownRender = /* @__PURE__ */ s(() => {
     }, "teardownRender");
     this.torndown = !1;
-    this.abortController = new yn(), c && (this.story = c, this.phase = "preparing");
+    this.abortController = new yn(), d && (this.story = d, this.phase = "preparing");
   }
   static {
     s(this, "StoryRender");
@@ -3905,22 +3906,22 @@ var be = class {
       id: i,
       componentId: a,
       title: l,
-      name: c,
-      tags: d,
+      name: d,
+      tags: c,
       applyLoaders: u,
       applyBeforeEach: p,
-      applyAfterEach: m,
+      applyAfterEach: y,
       unboundStoryFn: h,
       playFunction: x,
       runStep: R
     } = n;
     t && !e && (this.cancelRender(), this.abortController = new yn());
-    let y = this.abortController.signal, b = !1, w = n.usesMount;
+    let m = this.abortController.signal, b = !1, w = n.usesMount;
     try {
       let f = {
         ...this.storyContext(),
         viewMode: this.viewMode,
-        abortSignal: y,
+        abortSignal: m,
         canvasElement: o,
         loaded: {},
         step: /* @__PURE__ */ s((P, W) => R(P, W, f), "step"),
@@ -3940,9 +3941,9 @@ var be = class {
         mount: /* @__PURE__ */ s(async (...P) => {
           this.callbacks.showStoryDuringRender?.();
           let W = null;
-          return await this.runPhase(y, "rendering", async () => {
+          return await this.runPhase(m, "rendering", async () => {
             W = await n.mount(f)(...P);
-          }), w && await this.runPhase(y, "playing"), W;
+          }), w && await this.runPhase(m, "playing"), W;
         }, "mount")
       };
       f.context = f;
@@ -3951,9 +3952,9 @@ var be = class {
         title: l,
         kind: l,
         id: i,
-        name: c,
-        story: c,
-        tags: d,
+        name: d,
+        story: d,
+        tags: c,
         ...this.callbacks,
         showError: /* @__PURE__ */ s((P) => (this.phase = "errored", this.callbacks.showError(P)), "showError"),
         showException: /* @__PURE__ */ s((P) => (this.phase = "errored", this.callbacks.showException(P)), "showException"),
@@ -3962,12 +3963,12 @@ var be = class {
         storyFn: /* @__PURE__ */ s(() => h(f), "storyFn"),
         unboundStoryFn: h
       };
-      if (await this.runPhase(y, "loading", async () => {
+      if (await this.runPhase(m, "loading", async () => {
         f.loaded = await u(f);
-      }), y.aborted)
+      }), m.aborted)
         return;
       let A = await p(f);
-      if (this.store.addCleanupCallbacks(n, ...A), this.checkIfAborted(y) || (!b && !w && await f.mount(), this.notYetRendered = !1, y.aborted))
+      if (this.store.addCleanupCallbacks(n, ...A), this.checkIfAborted(m) || (!b && !w && await f.mount(), this.notYetRendered = !1, m.aborted))
         return;
       let S = this.story.parameters?.test?.dangerouslyIgnoreUnhandledErrors === !0, C = /* @__PURE__ */ new Set(), M = /* @__PURE__ */ s((P) => {
         P.error && C.add(P.error);
@@ -3975,15 +3976,15 @@ var be = class {
         P.reason && C.add(P.reason);
       }, "onUnhandledRejection");
       if (this.renderOptions.autoplay && t && x && this.phase !== "errored") {
-        window.addEventListener("error", M), window.addEventListener("unhandledrejection", j), this.disableKeyListeners = !0;
+        window?.addEventListener?.("error", M), window?.addEventListener?.("unhandledrejection", j), this.disableKeyListeners = !0;
         try {
           if (w ? await x(f) : (f.mount = async () => {
             throw new Cr.MountMustBeDestructuredError({ playFunction: x.toString() });
-          }, await this.runPhase(y, "playing", async () => x(f))), !b)
+          }, await this.runPhase(m, "playing", async () => x(f))), !b)
             throw new Cr.NoStoryMountedError();
-          this.checkIfAborted(y), !S && C.size > 0 ? await this.runPhase(y, "errored") : await this.runPhase(y, "played");
+          this.checkIfAborted(m), !S && C.size > 0 ? await this.runPhase(m, "errored") : await this.runPhase(m, "played");
         } catch (P) {
-          if (this.callbacks.showStoryDuringRender?.(), await this.runPhase(y, "errored", async () => {
+          if (this.callbacks.showStoryDuringRender?.(), await this.runPhase(m, "errored", async () => {
             this.channel.emit(z.PLAY_FUNCTION_THREW_EXCEPTION, mn(P));
           }), this.story.parameters.throwPlayFunctionExceptions !== !1)
             throw P;
@@ -3992,21 +3993,22 @@ var be = class {
         if (!S && C.size > 0 && this.channel.emit(
           z.UNHANDLED_ERRORS_WHILE_PLAYING,
           Array.from(C).map(mn)
-        ), this.disableKeyListeners = !1, window.removeEventListener("unhandledrejection", j), window.removeEventListener("error", M), y.aborted)
+        ), this.disableKeyListeners = !1, window?.removeEventListener?.("unhandledrejection", j), window?.removeEventListener?.("error", M),
+        m.aborted)
           return;
       }
-      await this.runPhase(y, "completing", async () => {
-        Rr() ? this.store.addCleanupCallbacks(n, me()) : await he(y);
-      }), await this.runPhase(y, "completed", async () => {
+      await this.runPhase(m, "completing", async () => {
+        Rr() ? this.store.addCleanupCallbacks(n, me()) : await he(m);
+      }), await this.runPhase(m, "completed", async () => {
         this.channel.emit(z.STORY_RENDERED, i);
-      }), this.phase !== "errored" && await this.runPhase(y, "afterEach", async () => {
-        await m(f);
+      }), this.phase !== "errored" && await this.runPhase(m, "afterEach", async () => {
+        await y(f);
       });
       let G = !S && C.size > 0, ve = f.reporting.reports.some(
         (P) => P.status === "failed"
       ), U = G || ve;
       await this.runPhase(
-        y,
+        m,
         "finished",
         async () => this.channel.emit(z.STORY_FINISHED, {
           storyId: i,
@@ -4016,7 +4018,7 @@ var be = class {
       );
     } catch (f) {
       this.phase = "errored", this.callbacks.showException(f), await this.runPhase(
-        y,
+        m,
         "finished",
         async () => this.channel.emit(z.STORY_FINISHED, {
           storyId: i,
@@ -4059,7 +4061,7 @@ var be = class {
       }
       await new Promise((t) => setTimeout(t, 0));
     }
-    window.location.reload(), await new Promise(() => {
+    window?.location?.reload?.(), await new Promise(() => {
     });
   }
 };
@@ -4271,7 +4273,7 @@ var { fetch: pi } = hn.global, ui = "./index.json", Se = class {
         ...Object.keys(n.initialArgs),
         ...Object.keys(this.storyStoreValue.args.get(e))
       ])
-    ]).reduce((l, c) => (l[c] = n.initialArgs[c], l), {});
+    ]).reduce((l, d) => (l[d] = n.initialArgs[d], l), {});
     await this.onUpdateArgs({ storyId: e, updatedArgs: a });
   }
   // ForceReRender does not include a story id, so we simply must
@@ -4555,12 +4557,12 @@ var Ye = class {
     let i = await n.renderer(), { render: a } = i, l = /* @__PURE__ */ s(async () => {
       try {
         await a(o, n, e), this.channel.emit(Sn.DOCS_RENDERED, this.id);
-      } catch (c) {
-        this.callbacks.showException(c);
+      } catch (d) {
+        this.callbacks.showException(d);
       }
     }, "renderDocs");
-    return this.rerender = async () => l(), this.teardownRender = async ({ viewModeChanged: c }) => {
-      !c || !e || i.unmount(e);
+    return this.rerender = async () => l(), this.teardownRender = async ({ viewModeChanged: d }) => {
+      !d || !e || i.unmount(e);
     }, l();
   }
   async teardown({ viewModeChanged: e } = {}) {
@@ -4617,16 +4619,16 @@ var Ke = class {
       throw new Error(
         "Cannot render a story in viewMode=docs if `@storybook/addon-docs` is not installed"
       );
-    let i = { ...n, page: this.exports.default }, a = await n.renderer(), { render: l } = a, c = /* @__PURE__ */ s(async () => {
+    let i = { ...n, page: this.exports.default }, a = await n.renderer(), { render: l } = a, d = /* @__PURE__ */ s(async () => {
       try {
         await l(o, i, e), this.channel.emit(Tn.DOCS_RENDERED, this.id);
-      } catch (d) {
-        this.callbacks.showException(d);
+      } catch (c) {
+        this.callbacks.showException(c);
       }
     }, "renderDocs");
-    return this.rerender = async () => c(), this.teardownRender = async ({ viewModeChanged: d } = {}) => {
-      !d || !e || (a.unmount(e), this.torndown = !0);
-    }, c();
+    return this.rerender = async () => d(), this.teardownRender = async ({ viewModeChanged: c } = {}) => {
+      !c || !e || (a.unmount(e), this.torndown = !0);
+    }, d();
   }
   async teardown({ viewModeChanged: e } = {}) {
     this.teardownRender?.({ viewModeChanged: e }), this.torndown = !0;
@@ -4727,9 +4729,9 @@ var Te = class extends Se {
   }
   onKeydown(t) {
     if (!this.storyRenders.find((o) => o.disableKeyListeners) && !mi(t)) {
-      let { altKey: o, ctrlKey: n, metaKey: i, shiftKey: a, key: l, code: c, keyCode: d } = t;
+      let { altKey: o, ctrlKey: n, metaKey: i, shiftKey: a, key: l, code: d, keyCode: c } = t;
       this.channel.emit(E.PREVIEW_KEYDOWN, {
-        event: { altKey: o, ctrlKey: n, metaKey: i, shiftKey: a, key: l, code: c, keyCode: d }
+        event: { altKey: o, ctrlKey: n, metaKey: i, shiftKey: a, key: l, code: d, keyCode: c }
       });
     }
   }
@@ -4771,23 +4773,23 @@ var Te = class extends Se {
       this.currentRender && await this.teardownRender(this.currentRender), this.renderStoryLoadingException(i, h);
       return;
     }
-    let l = this.currentSelection?.storyId !== i, c = this.currentRender?.type !== a.type;
-    a.type === "story" ? this.view.showPreparingStory({ immediate: c }) : this.view.showPreparingDocs({ immediate: c }), this.currentRender?.
+    let l = this.currentSelection?.storyId !== i, d = this.currentRender?.type !== a.type;
+    a.type === "story" ? this.view.showPreparingStory({ immediate: d }) : this.view.showPreparingDocs({ immediate: d }), this.currentRender?.
     isPreparing() && await this.teardownRender(this.currentRender);
-    let d;
-    a.type === "story" ? d = new be(
+    let c;
+    a.type === "story" ? c = new be(
       this.channel,
       this.storyStoreValue,
       o,
       this.mainStoryCallbacks(i),
       i,
       "story"
-    ) : gi(a) ? d = new Ke(
+    ) : gi(a) ? c = new Ke(
       this.channel,
       this.storyStoreValue,
       a,
       this.mainStoryCallbacks(i)
-    ) : d = new Ye(
+    ) : c = new Ye(
       this.channel,
       this.storyStoreValue,
       a,
@@ -4796,36 +4798,36 @@ var Te = class extends Se {
     let u = this.currentSelection;
     this.currentSelection = n;
     let p = this.currentRender;
-    this.currentRender = d;
+    this.currentRender = c;
     try {
-      await d.prepare();
+      await c.prepare();
     } catch (h) {
       p && await this.teardownRender(p), h !== ae && this.renderStoryLoadingException(i, h);
       return;
     }
-    let m = !l && p && !d.isEqual(p);
-    if (t && dt(d) && (vr(!!d.story), this.storyStoreValue.args.updateFromPersisted(d.story, t)), p && !p.torndown && !l && !m && !c) {
+    let y = !l && p && !c.isEqual(p);
+    if (t && dt(c) && (vr(!!c.story), this.storyStoreValue.args.updateFromPersisted(c.story, t)), p && !p.torndown && !l && !y && !d) {
       this.currentRender = p, this.channel.emit(E.STORY_UNCHANGED, i), this.view.showMain();
       return;
     }
-    if (p && await this.teardownRender(p, { viewModeChanged: c }), u && (l || c) && this.channel.emit(E.STORY_CHANGED, i), dt(d)) {
-      vr(!!d.story);
+    if (p && await this.teardownRender(p, { viewModeChanged: d }), u && (l || d) && this.channel.emit(E.STORY_CHANGED, i), dt(c)) {
+      vr(!!c.story);
       let {
         parameters: h,
         initialArgs: x,
         argTypes: R,
-        unmappedArgs: y,
+        unmappedArgs: m,
         initialGlobals: b,
         userGlobals: w,
         storyGlobals: f,
         globals: g
-      } = this.storyStoreValue.getStoryContext(d.story);
+      } = this.storyStoreValue.getStoryContext(c.story);
       this.channel.emit(E.STORY_PREPARED, {
         id: i,
         parameters: h,
         initialArgs: x,
         argTypes: R,
-        args: y
+        args: m
       }), this.channel.emit(E.GLOBALS_UPDATED, { userGlobals: w, storyGlobals: f, globals: g, initialGlobals: b });
     } else {
       let { parameters: h } = this.storyStoreValue.projectAnnotations, { initialGlobals: x, globals: R } = this.storyStoreValue.userGlobals;
@@ -4834,11 +4836,11 @@ var Te = class extends Se {
         initialGlobals: x,
         storyGlobals: {},
         userGlobals: R
-      }), Si(d) || d.entry.tags?.includes(xn)) {
-        if (!d.csfFiles)
+      }), Si(c) || c.entry.tags?.includes(xn)) {
+        if (!c.csfFiles)
           throw new Y.MdxFileWithNoCsfReferencesError({ storyId: i });
         ({ parameters: h } = this.storyStoreValue.preparedMetaFromCSFFile({
-          csfFile: d.csfFiles[0]
+          csfFile: c.csfFiles[0]
         }));
       }
       this.channel.emit(E.DOCS_PREPARED, {
@@ -4846,8 +4848,8 @@ var Te = class extends Se {
         parameters: h
       });
     }
-    dt(d) ? (vr(!!d.story), this.storyRenders.push(d), this.currentRender.renderToElement(
-      this.view.prepareForStory(d.story)
+    dt(c) ? (vr(!!c.story), this.storyRenders.push(c), this.currentRender.renderToElement(
+      this.view.prepareForStory(c.story)
     )) : this.currentRender.renderToElement(
       this.view.prepareForDocs(),
       // This argument is used for docs, which is currently only compatible with HTMLElements