storybook 9.0.0-alpha.15 → 9.0.0-alpha.17

package/dist/manager/runtime.js

@@ -1054,11 +1054,11 @@ var Jl = we((pt) => {
       return m;
     let g = e.length, b = "", f = -1, y = -1, S = -1, E = m, h, v = "", I = "", w = !1, O = !1, _ = !1, k = !1, T = !1, C = !1, P = !1, D = 0,
     M = -1, N = -1, Z = -1;
-    for (let W = 0; W < g + 1; W++) {
-      if (D = W !== g ? e.charCodeAt(W) : p, D === p) {
-        if (P = y > f, P || (y = W), S !== y - 1 && (I = wr(e, S + 1, M > -1 ? M : y, _, w), v = i(I), h !== void 0 && (E = (0, Sr.getDeepObject)(
+    for (let V = 0; V < g + 1; V++) {
+      if (D = V !== g ? e.charCodeAt(V) : p, D === p) {
+        if (P = y > f, P || (y = V), S !== y - 1 && (I = wr(e, S + 1, M > -1 ? M : y, _, w), v = i(I), h !== void 0 && (E = (0, Sr.getDeepObject)(
         E, h, v, d && T, d && C))), P || v !== "") {
-          P && (b = e.slice(y + 1, W), k && (b = b.replace(Xl, " ")), O && (b = (0, Ql.default)(b) || b));
+          P && (b = e.slice(y + 1, V), k && (b = b.replace(Xl, " ")), O && (b = (0, Ql.default)(b) || b));
           let Q = o(b, v);
           if (l) {
             let B = E[v];
@@ -1066,14 +1066,14 @@ var Jl = we((pt) => {
           } else
             E[v] = Q;
         }
-        b = "", f = W, y = W, w = !1, O = !1, _ = !1, k = !1, T = !1, C = !1, M = -1, S = W, E = m, h = void 0, v = "";
-      } else D === 93 ? (l && n === "bracket" && Z === 91 && (M = N), r && (u === "index" || d) && y <= f && (S !== N && (I = wr(e, S + 1, W,
-      _, w), v = i(I), h !== void 0 && (E = (0, Sr.getDeepObject)(E, h, v, void 0, d)), h = v, _ = !1, w = !1), S = W, C = !0, T = !1)) : D ===
-      46 ? r && (u === "dot" || d) && y <= f && (S !== N && (I = wr(e, S + 1, W, _, w), v = i(I), h !== void 0 && (E = (0, Sr.getDeepObject)(
-      E, h, v, d)), h = v, _ = !1, w = !1), T = !0, C = !1, S = W) : D === 91 ? r && (u === "index" || d) && y <= f && (S !== N && (I = wr(e,
-      S + 1, W, _, w), v = i(I), d && h !== void 0 && (E = (0, Sr.getDeepObject)(E, h, v, d)), h = v, _ = !1, w = !1, T = !1, C = !0), S = W) :
-      D === 61 ? y <= f ? y = W : O = !0 : D === 43 ? y > f ? k = !0 : _ = !0 : D === 37 && (y > f ? O = !0 : w = !0);
-      N = W, Z = D;
+        b = "", f = V, y = V, w = !1, O = !1, _ = !1, k = !1, T = !1, C = !1, M = -1, S = V, E = m, h = void 0, v = "";
+      } else D === 93 ? (l && n === "bracket" && Z === 91 && (M = N), r && (u === "index" || d) && y <= f && (S !== N && (I = wr(e, S + 1, V,
+      _, w), v = i(I), h !== void 0 && (E = (0, Sr.getDeepObject)(E, h, v, void 0, d)), h = v, _ = !1, w = !1), S = V, C = !0, T = !1)) : D ===
+      46 ? r && (u === "dot" || d) && y <= f && (S !== N && (I = wr(e, S + 1, V, _, w), v = i(I), h !== void 0 && (E = (0, Sr.getDeepObject)(
+      E, h, v, d)), h = v, _ = !1, w = !1), T = !0, C = !1, S = V) : D === 91 ? r && (u === "index" || d) && y <= f && (S !== N && (I = wr(e,
+      S + 1, V, _, w), v = i(I), d && h !== void 0 && (E = (0, Sr.getDeepObject)(E, h, v, d)), h = v, _ = !1, w = !1, T = !1, C = !0), S = V) :
+      D === 61 ? y <= f ? y = V : O = !0 : D === 43 ? y > f ? k = !0 : _ = !0 : D === 37 && (y > f ? O = !0 : w = !0);
+      N = V, Z = D;
     }
     return m;
   }
@@ -1363,8 +1363,8 @@ var xd = we((Ro, Ns) => {
         function d(f, y) {
           var S = y.location, E = S === void 0 ? 0 : S, h = y.distance, v = h === void 0 ? 100 : h, I = y.threshold, w = I === void 0 ? 0.6 :
           I, O = y.maxPatternLength, _ = O === void 0 ? 32 : O, k = y.caseSensitive, T = k !== void 0 && k, C = y.tokenSeparator, P = C === void 0 ?
-          / +/g : C, D = y.findAllMatches, M = D !== void 0 && D, N = y.minMatchCharLength, Z = N === void 0 ? 1 : N, W = y.id, Q = W === void 0 ?
-          null : W, B = y.keys, $ = B === void 0 ? [] : B, H = y.shouldSort, re = H === void 0 || H, F = y.getFn, R = F === void 0 ? u : F, L = y.
+          / +/g : C, D = y.findAllMatches, M = D !== void 0 && D, N = y.minMatchCharLength, Z = N === void 0 ? 1 : N, V = y.id, Q = V === void 0 ?
+          null : V, B = y.keys, $ = B === void 0 ? [] : B, H = y.shouldSort, re = H === void 0 || H, F = y.getFn, R = F === void 0 ? u : F, L = y.
           sortFn, K = L === void 0 ? function(fe, Se) {
             return fe.score - Se.score;
           } : L, J = y.tokenize, ie = J !== void 0 && J, te = y.matchAllTokens, de = te !== void 0 && te, ae = y.includeMatches, ce = ae !==
@@ -1424,15 +1424,15 @@ Search pattern: "`.concat(f, '"'));
         }, "value") }, { key: "_analyze", value: /* @__PURE__ */ a(function(f, y) {
           var S = this, E = f.key, h = f.arrayIndex, v = h === void 0 ? -1 : h, I = f.value, w = f.record, O = f.index, _ = y.tokenSearchers,
           k = _ === void 0 ? [] : _, T = y.fullSearcher, C = y.resultMap, P = C === void 0 ? {} : C, D = y.results, M = D === void 0 ? [] : D;
-          (/* @__PURE__ */ a(function N(Z, W, Q, B) {
-            if (W != null) {
-              if (typeof W == "string") {
+          (/* @__PURE__ */ a(function N(Z, V, Q, B) {
+            if (V != null) {
+              if (typeof V == "string") {
                 var $ = !1, H = -1, re = 0;
                 S._log(`
 Key: `.concat(E === "" ? "--" : E));
-                var F = T.search(W);
-                if (S._log('Full text: "'.concat(W, '", score: ').concat(F.score)), S.options.tokenize) {
-                  for (var R = W.split(S.options.tokenSeparator), L = R.length, K = [], J = 0, ie = k.length; J < ie; J += 1) {
+                var F = T.search(V);
+                if (S._log('Full text: "'.concat(V, '", score: ').concat(F.score)), S.options.tokenize) {
+                  for (var R = V.split(S.options.tokenSeparator), L = R.length, K = [], J = 0, ie = k.length; J < ie; J += 1) {
                     var te = k[J];
                     S._log(`
 Pattern: "`.concat(te.pattern, '"'));
@@ -1452,12 +1452,12 @@ Pattern: "`.concat(te.pattern, '"'));
                 var Se = !S.options.tokenize || !S.options.matchAllTokens || re >= k.length;
                 if (S._log(`
 Check Matches: `.concat(Se)), ($ || F.isMatch) && Se) {
-                  var _e = { key: E, arrayIndex: Z, value: W, score: fe };
+                  var _e = { key: E, arrayIndex: Z, value: V, score: fe };
                   S.options.includeMatches && (_e.matchedIndices = F.matchedIndices);
                   var De = P[B];
                   De ? De.output.push(_e) : (P[B] = { item: Q, output: [_e] }, M.push(P[B]));
                 }
-              } else if (c(W)) for (var z = 0, Pe = W.length; z < Pe; z += 1) N(z, W[z], Q, B);
+              } else if (c(V)) for (var z = 0, Pe = V.length; z < Pe; z += 1) N(z, V[z], Q, B);
             }
           }, "e"))(v, I, w, O);
         }, "value") }, { key: "_computeScore", value: /* @__PURE__ */ a(function(f) {
@@ -1535,8 +1535,8 @@ Output:
           h, I = b.maxPatternLength, w = I === void 0 ? 32 : I, O = b.isCaseSensitive, _ = O !== void 0 && O, k = b.tokenSeparator, T = k ===
           void 0 ? / +/g : k, C = b.findAllMatches, P = C !== void 0 && C, D = b.minMatchCharLength, M = D === void 0 ? 1 : D, N = b.includeMatches,
           Z = N !== void 0 && N;
-          (function(W, Q) {
-            if (!(W instanceof Q)) throw new TypeError("Cannot call a class as a function");
+          (function(V, Q) {
+            if (!(V instanceof Q)) throw new TypeError("Cannot call a class as a function");
           })(this, c), this.options = { location: y, distance: E, threshold: v, maxPatternLength: w, isCaseSensitive: _, tokenSeparator: T, findAllMatches: P,
           includeMatches: Z, minMatchCharLength: M }, this.pattern = _ ? g : g.toLowerCase(), this.pattern.length <= w && (this.patternAlphabet =
           l(this.pattern));
@@ -1582,11 +1582,11 @@ Output:
           }
         }
         k = -1;
-        for (var N = [], Z = 1, W = T + O, Q = 1 << (T <= 31 ? T - 1 : 30), B = 0; B < T; B += 1) {
-          for (var $ = 0, H = W; $ < H; )
-            i(l, { errors: B, currentLocation: w + H, expectedLocation: w, distance: g }) <= _ ? $ = H : W = H, H = Math.floor((W - $) / 2 +
+        for (var N = [], Z = 1, V = T + O, Q = 1 << (T <= 31 ? T - 1 : 30), B = 0; B < T; B += 1) {
+          for (var $ = 0, H = V; $ < H; )
+            i(l, { errors: B, currentLocation: w + H, expectedLocation: w, distance: g }) <= _ ? $ = H : V = H, H = Math.floor((V - $) / 2 +
             $);
-          W = H;
+          V = H;
           var re = Math.max(1, w - H + 1), F = S ? O : Math.min(w + H, O) + T, R = Array(F + 2);
           R[F + 1] = (1 << B) - 1;
           for (var L = F; L >= re; L -= 1) {
@@ -1879,7 +1879,7 @@ var Ad = we((un, cn) => {
 // global-externals:react
 var s = __REACT__, { Children: zS, Component: Ne, Fragment: Ee, Profiler: WS, PureComponent: VS, StrictMode: jS, Suspense: KS, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: $S,
 cloneElement: Ys, createContext: Gt, createElement: US, createFactory: GS, createRef: YS, forwardRef: qs, isValidElement: qS, lazy: QS, memo: St,
-startTransition: XS, unstable_act: ZS, useCallback: A, useContext: Wo, useDebugValue: JS, useDeferredValue: Qs, useEffect: V, useId: ew, useImperativeHandle: tw,
+startTransition: XS, unstable_act: ZS, useCallback: A, useContext: Wo, useDebugValue: JS, useDeferredValue: Qs, useEffect: W, useId: ew, useImperativeHandle: tw,
 useInsertionEffect: ow, useLayoutEffect: Yt, useMemo: U, useReducer: qt, useRef: G, useState: j, useSyncExternalStore: rw, useTransition: Xs,
 version: nw } = __REACT__;
 
@@ -2266,13 +2266,13 @@ var Ca = /* @__PURE__ */ a((e) => /* @__PURE__ */ a((o) => {
     let f = p.current, y = f.indexOf(d), S = y > -1 ? y : 0, h = S === 0 ? f.length - 1 : S - 1, v = p.current[h];
     c({ [i]: v });
   }, [p, d, c]);
-  return V(() => {
+  return W(() => {
     r && Ta(l, i, {
       next: { ...r.next, action: g },
       previous: { ...r.previous, action: b },
       reset: { ...r.reset, action: m }
     });
-  }, [l, i, r, g, b, m]), V(() => {
+  }, [l, i, r, g, b, m]), W(() => {
     p.current = Ea(n);
   }, []), /* @__PURE__ */ s.createElement(e, { cycleValues: p.current, ...o });
 }, "WithKeyboardCycle"), "withKeyboardCycle");
@@ -3042,7 +3042,7 @@ function cl(e) {
   function n() {
     i(t(e));
   }
-  return a(n, "handleChange"), V(() => {
+  return a(n, "handleChange"), W(() => {
     let r = window.matchMedia(e);
     return n(), r.addEventListener("change", n), () => {
       r.removeEventListener("change", n);
@@ -3742,7 +3742,7 @@ ent"), qy = x(ee)(({ theme: e }) => ({
   let p = A(() => {
     u(r), i && i({ dismissed: !1, timeout: !0 });
   }, [r, u, i]), d = G(null);
-  V(() => {
+  W(() => {
     if (t)
       return d.current = setTimeout(p, t), () => clearTimeout(d.current);
   }, [t, p]);
@@ -4323,7 +4323,7 @@ function Nl({
   isDesktop: o
 }) {
   let i = G(null), n = G(null);
-  return V(() => {
+  return W(() => {
     let r = i.current, l = n.current, u = document.querySelector("#storybook-preview-wrapper"), c = null, p = /* @__PURE__ */ a((g) => {
       g.preventDefault(), e((b) => ({
         ...b,
@@ -4423,7 +4423,7 @@ t.rightPanelWidth && e.panelPosition === t.panelPosition, "layoutStateIsEqual"),
     ...e,
     isDragging: !1
   });
-  V(() => {
+  W(() => {
     r.isDragging || // don't interrupt user's drag
     Fl(e, n.current) || (n.current = e, l((f) => ({ ...f, ...e })));
   }, [r.isDragging, e, l]), Yt(() => {
@@ -5291,7 +5291,7 @@ var Sv = /* @__PURE__ */ a(({ state: e, api: t }) => ({
     wrappers: f,
     tabId: y
   } = t, S = b.find((I) => I.id === y)?.render, E = r === "story", { showToolbar: h } = n, v = G(l);
-  return V(() => {
+  return W(() => {
     if (u && r) {
       if (l === v.current)
         return;
@@ -5331,7 +5331,7 @@ var wv = /* @__PURE__ */ a(({ baseUrl: e, withLoader: t, wrappers: o }) => /* @_
   previewInitialized: d
 }) => {
   let m = "canvas", [g, b] = j(void 0);
-  V(() => {
+  W(() => {
     if (se.CONFIG_TYPE === "DEVELOPMENT")
       try {
         He.getChannel().on(sa, (v) => {
@@ -5470,7 +5470,7 @@ var Tv = [_u()], Cv = [Pu, mu, gu], _v = [iu, bu, fu, du], kv = [], Ov = (0, Oo.
 // src/manager/hooks/useDebounce.ts
 function Du(e, t) {
   let [o, i] = j(e);
-  return V(() => {
+  return W(() => {
     let n = setTimeout(() => {
       i(e);
     }, t);
@@ -5931,7 +5931,7 @@ function Wv({
 a(Wv, "calculateRange");
 
 // ../node_modules/@tanstack/react-virtual/dist/esm/index.js
-var Vv = typeof document < "u" ? Yt : V;
+var Vv = typeof document < "u" ? Yt : W;
 function jv(e) {
   let t = qt(() => ({}), {})[1], o = {
     ...e,
@@ -5942,7 +5942,7 @@ function jv(e) {
   }, [i] = j(
     () => new _r(o)
   );
-  return i.setOptions(o), V(() => i._didMount(), []), Vv(() => i._willUpdate()), i;
+  return i.setOptions(o), W(() => i._didMount(), []), Vv(() => i._willUpdate()), i;
 }
 a(jv, "useVirtualizerBase");
 function Hu(e) {
@@ -5961,7 +5961,7 @@ var zu = /* @__PURE__ */ a(({
   rowVirtualizer: t,
   selectedItem: o
 }) => {
-  V(() => {
+  W(() => {
     let i = /* @__PURE__ */ a((n) => {
       if (!e.current)
         return;
@@ -6502,7 +6502,7 @@ var Yv = 418, qv = x(kt)(() => ({
   container: p
 }) => {
   let [d, m] = Mu(), [g, b] = j(m.height), [, f] = Xs(), [y, S] = j(o);
-  return V(() => {
+  return W(() => {
     g < m.height && b(m.height);
   }, [m.height, g]), /* @__PURE__ */ s.createElement(
     qv,
@@ -6731,9 +6731,9 @@ var n0 = /* @__PURE__ */ a((e) => JSON.stringify(e, (t, o) => typeof o == "funct
     },
     [m?.selectStory, f, S, y]
   );
-  return V(() => {
+  return W(() => {
     d(null);
-  }, [u]), V(() => S(), [S]), /* @__PURE__ */ s.createElement(
+  }, [u]), W(() => S(), [S]), /* @__PURE__ */ s.createElement(
     sc,
     {
       error: p,
@@ -7603,7 +7603,7 @@ var { document: Wi } = se, R0 = /* @__PURE__ */ a(({
     },
     [e, f, o]
   );
-  V(() => {
+  W(() => {
     g({ ids: Po(i, c), value: !0 });
   }, [i, c]);
   let S = A(() => {
@@ -7612,9 +7612,9 @@ var { document: Wi } = se, R0 = /* @__PURE__ */ a(({
   }, [i, r]), E = A(() => {
     g({ ids: Object.keys(i), value: !0 });
   }, [i]);
-  return V(() => d ? (d.on(lo, S), d.on(mn, E), () => {
+  return W(() => d ? (d.on(lo, S), d.on(mn, E), () => {
     d.off(lo, S), d.off(mn, E);
-  }) : B0, [d, S, E]), V(() => {
+  }) : B0, [d, S, E]), W(() => {
     let h = Wi.getElementById("storybook-explorer-menu"), v = zi((I) => {
       let w = l.current?.refId === o && l.current?.itemId;
       if (!t || !e.current || !w || I.repeat || !vt(!1, I))
@@ -8170,15 +8170,15 @@ var G0 = x.div(({ isMain: e }) => ({
     allStatuses: E
   } = t, h = U(() => n ? Object.keys(n).length : 0, [n]), v = G(null), I = r === at, O = u || (b === "auto-inject" && !S || b === "server-ch\
 ecked") || b === "unknown", C = gc(O, !!g && h === 0, !!y, !O && h === 0), [P, D] = j(f);
-  V(() => {
+  W(() => {
     n && p && n[p] && D(!0);
   }, [D, n, p]);
-  let M = A(() => D((W) => !W), [D]), N = A(
-    (W) => m({ itemId: W, refId: r }),
+  let M = A(() => D((V) => !V), [D]), N = A(
+    (V) => m({ itemId: V, refId: r }),
     [m]
   ), Z = A(
     // @ts-expect-error (non strict)
-    (W) => i && i.selectStory(W, void 0, { ref: !I && r }),
+    (V) => i && i.selectStory(V, void 0, { ref: !I && r }),
     [i, I, r]
   );
   return /* @__PURE__ */ s.createElement(s.Fragment, null, I || /* @__PURE__ */ s.createElement(
@@ -8232,13 +8232,13 @@ var { document: Fr, window: Jc } = se, ep = /* @__PURE__ */ a((e) => e ? { itemI
     },
     [p]
   );
-  return V(() => {
+  return W(() => {
     let m = ep(i);
     p(m), m && tp(`[data-item-id="${m.itemId}"][data-ref-id="${m.refId}"]`, {
       containerRef: e,
       center: !0
     });
-  }, [e, i, p]), V(() => {
+  }, [e, i, p]), W(() => {
     let m = Fr.getElementById("storybook-explorer-menu"), g, b = /* @__PURE__ */ a((f) => {
       if (t || !o || !e.current || !vt(!1, f))
         return;
@@ -8507,7 +8507,7 @@ e - i : l > t && u < o || r < e && u > o ? l - t + n : 0, "o"), sx = /* @__PURE_
 }, "l"), hp = /* @__PURE__ */ a((e, t) => {
   var o, i, n, r;
   if (typeof document > "u") return [];
-  let { scrollMode: l, block: u, inline: c, boundary: p, skipOverflowHiddenElements: d } = t, m = typeof p == "function" ? p : (W) => W !== p;
+  let { scrollMode: l, block: u, inline: c, boundary: p, skipOverflowHiddenElements: d } = t, m = typeof p == "function" ? p : (V) => V !== p;
   if (!fp(e)) throw new TypeError("Invalid target");
   let g = document.scrollingElement || document.documentElement, b = [], f = e;
   for (; fp(f) && m(f); ) {
@@ -8519,14 +8519,14 @@ e - i : l > t && u < o || r < e && u > o ? l - t + n : 0, "o"), sx = /* @__PURE_
   }
   let y = (i = (o = window.visualViewport) == null ? void 0 : o.width) != null ? i : innerWidth, S = (r = (n = window.visualViewport) == null ?
   void 0 : n.height) != null ? r : innerHeight, { scrollX: E, scrollY: h } = window, { height: v, width: I, top: w, right: O, bottom: _, left: k } = e.
-  getBoundingClientRect(), { top: T, right: C, bottom: P, left: D } = ((W) => {
-    let Q = window.getComputedStyle(W);
+  getBoundingClientRect(), { top: T, right: C, bottom: P, left: D } = ((V) => {
+    let Q = window.getComputedStyle(V);
     return { top: parseFloat(Q.scrollMarginTop) || 0, right: parseFloat(Q.scrollMarginRight) || 0, bottom: parseFloat(Q.scrollMarginBottom) ||
     0, left: parseFloat(Q.scrollMarginLeft) || 0 };
   })(e), M = u === "start" || u === "nearest" ? w - T : u === "end" ? _ + P : w + v / 2 - T + P, N = c === "center" ? k + I / 2 - D + C : c ===
   "end" ? O + C : k - D, Z = [];
-  for (let W = 0; W < b.length; W++) {
-    let Q = b[W], { height: B, width: $, top: H, right: re, bottom: F, left: R } = Q.getBoundingClientRect();
+  for (let V = 0; V < b.length; V++) {
+    let Q = b[V], { height: B, width: $, top: H, right: re, bottom: F, left: R } = Q.getBoundingClientRect();
     if (l === "if-needed" && w >= 0 && k >= 0 && _ <= S && O <= y && w >= H && _ <= F && k >= R && O <= re) return Z;
     let L = getComputedStyle(Q), K = parseInt(L.borderLeftWidth, 10), J = parseInt(L.borderTopWidth, 10), ie = parseInt(L.borderRightWidth, 10),
     te = parseInt(L.borderBottomWidth, 10), de = 0, ae = 0, ce = "offsetWidth" in Q ? Q.offsetWidth - Q.clientWidth - K - ie : 0, ue = "offs\
@@ -9050,8 +9050,8 @@ hx = /* @__PURE__ */ Object.freeze({
               return r.avoidScrolling = !1;
             }, 250));
           }),
-          onMouseDown: le(O, function(W) {
-            W.preventDefault();
+          onMouseDown: le(O, function(V) {
+            V.preventDefault();
           })
         }, v[D] = le(M, function() {
           r.selectItemAtIndex(k, {
@@ -9298,7 +9298,7 @@ function Ex(e, t) {
 a(Ex, "stateReducer");
 var vp = sn(function(e, t) {
   Cp(e, t);
-}, 200), Tx = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Yt : V, jp = "useId" in s ?
+}, 200), Tx = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Yt : W, jp = "useId" in s ?
 /* @__PURE__ */ a(function(t) {
   var o = t.id, i = t.labelId, n = t.menuId, r = t.getItemId, l = t.toggleButtonId, u = t.inputId, c = "downshift-" + s.useId();
   o || (o = c);
@@ -9361,7 +9361,7 @@ function Kp(e, t, o, i) {
       props: d.current
     }, b));
   }, [d]), g = r.current;
-  return V(function() {
+  return W(function() {
     var b = Fo(n.current, g?.props), f = g && n.current && !i(b, c);
     f && Sx(g, b, c), n.current = c;
   }, [c, g, i]), [c, m];
@@ -9427,7 +9427,7 @@ function Gp(e, t, o) {
     isTouchMove: !1,
     isTouchEnd: !1
   });
-  return V(function() {
+  return W(function() {
     if (!e)
       return Re;
     var n = t.map(function(d) {
@@ -9466,12 +9466,12 @@ var qi = /* @__PURE__ */ a(function() {
 function Qi(e, t, o, i) {
   i === void 0 && (i = {});
   var n = i.document, r = ln();
-  V(function() {
+  W(function() {
     if (!(!e || r || !n)) {
       var l = e(t);
       vp(l, n);
     }
-  }, o), V(function() {
+  }, o), W(function() {
     return function() {
       vp.cancel(), mx(n);
     };
@@ -9768,7 +9768,7 @@ function sd(e) {
     scrollIntoView: o,
     getItemNodeFromIndex: h
   });
-  V(function() {
+  W(function() {
     return y.current = sn(function(B) {
       B({
         type: Ui,
@@ -9777,12 +9777,12 @@ function sd(e) {
     }, 500), function() {
       y.current.cancel();
     };
-  }, []), V(function() {
+  }, []), W(function() {
     m && y.current(u);
   }, [u, m]), Xi({
     props: t,
     state: l
-  }), V(function() {
+  }), W(function() {
     var B = jt(t, "isOpen");
     B && g.current && g.current.focus();
   }, []);
@@ -9791,7 +9791,7 @@ function sd(e) {
       type: rn
     });
   }, "handleBlur"), [u, E])), w = qi("getMenuProps", "getToggleButtonProps");
-  V(function() {
+  W(function() {
     c || (f.current = {});
   }, [c]);
   var O = U(function() {
@@ -9907,7 +9907,7 @@ function sd(e) {
       b.current = ce;
     }), H.id = S.menuId, H.role = "listbox", H["aria-labelledby"] = J && J["aria-label"] ? void 0 : "" + S.labelId, H.onMouseLeave = le(F, ae),
     H), J);
-  }, [u, w, S]), W = A(function(B, $) {
+  }, [u, w, S]), V = A(function(B, $) {
     var H, re = B === void 0 ? {} : B, F = re.onBlur, R = re.onClick;
     re.onPress;
     var L = re.onKeyDown, K = re.refKey, J = K === void 0 ? "ref" : K, ie = re.ref, te = ke(re, Mx), de = $ === void 0 ? {} : $, ae = de.suppressRefError,
@@ -9958,7 +9958,7 @@ function sd(e) {
   }, [E, S, I, v, u]);
   return {
     // prop getters.
-    getToggleButtonProps: W,
+    getToggleButtonProps: V,
     getLabelProps: N,
     getMenuProps: Z,
     getItemProps: Q,
@@ -10024,7 +10024,7 @@ var jF = Y({}, Qp, {
 });
 function Fx(e, t, o, i) {
   var n = G(), r = Kp(e, t, o, i), l = r[0], u = r[1], c = ln();
-  return V(function() {
+  return W(function() {
     if (Jr(t, "selectedItem")) {
       if (!c) {
         var p = t.itemToKey(t.selectedItem) !== t.itemToKey(n.current);
@@ -10167,10 +10167,10 @@ function yd(e) {
   Xi({
     props: t,
     state: u
-  }), V(function() {
+  }), W(function() {
     var F = jt(t, "isOpen");
     F && y.current && y.current.focus();
-  }, []), V(function() {
+  }, []), W(function() {
     E || (v.current = o.length);
   });
   var _ = Gp(n, [S, b, y], A(/* @__PURE__ */ a(function() {
@@ -10179,9 +10179,9 @@ function yd(e) {
       selectItem: !1
     });
   }, "handleBlur"), [c, I])), k = qi("getInputProps", "getMenuProps");
-  V(function() {
+  W(function() {
     p || (f.current = {});
-  }, [p]), V(function() {
+  }, [p]), W(function() {
     var F;
     !p || !(n != null && n.document) || !(y != null && (F = y.current) != null && F.focus) || n.document.activeElement !== y.current && y.current.
     focus();
@@ -10331,7 +10331,7 @@ function yd(e) {
     c({
       type: cd
     });
-  }, [c]), W = A(function() {
+  }, [c]), V = A(function() {
     c({
       type: dd
     });
@@ -10369,7 +10369,7 @@ function yd(e) {
     // actions.
     toggleMenu: Z,
     openMenu: Q,
-    closeMenu: W,
+    closeMenu: V,
     setHighlightedIndex: B,
     setInputValue: H,
     selectItem: $,
@@ -10554,7 +10554,7 @@ function vd(e) {
     state: u,
     props: t
   });
-  Qi(o, u, [p, d], i), V(function() {
+  Qi(o, u, [p, d], i), W(function() {
     m || (p === -1 && g.current ? g.current.focus() : b.current[p] && b.current[p].focus());
   }, [p]), Xi({
     props: t,
@@ -10591,7 +10591,7 @@ function vd(e) {
       });
     }, "Backspace"), T;
   }, [c, r]), h = A(function(T) {
-    var C, P = T === void 0 ? {} : T, D = P.refKey, M = D === void 0 ? "ref" : D, N = P.ref, Z = P.onClick, W = P.onKeyDown, Q = P.selectedItem,
+    var C, P = T === void 0 ? {} : T, D = P.refKey, M = D === void 0 ? "ref" : D, N = P.ref, Z = P.onClick, V = P.onKeyDown, Q = P.selectedItem,
     B = P.index, $ = ke(P, Qx), H = f.current.state, re = Gi(Q, B, H.selectedItems, "Pass either item or index to getSelectedItemProps!"), F = re[1],
     R = F > -1 && F === H.activeIndex, L = /* @__PURE__ */ a(function() {
       c({
@@ -10604,9 +10604,9 @@ function vd(e) {
     }, "selectedItemHandleKeyDown");
     return Y((C = {}, C[M] = Ze(N, function(J) {
       J && b.current.push(J);
-    }), C.tabIndex = R ? 0 : -1, C.onClick = le(Z, L), C.onKeyDown = le(W, K), C), $);
+    }), C.tabIndex = R ? 0 : -1, C.onClick = le(Z, L), C.onKeyDown = le(V, K), C), $);
   }, [c, f, S]), v = A(function(T, C) {
-    var P, D = T === void 0 ? {} : T, M = D.refKey, N = M === void 0 ? "ref" : M, Z = D.ref, W = D.onKeyDown, Q = D.onClick, B = D.preventKeyAction,
+    var P, D = T === void 0 ? {} : T, M = D.refKey, N = M === void 0 ? "ref" : M, Z = D.ref, V = D.onKeyDown, Q = D.onClick, B = D.preventKeyAction,
     $ = B === void 0 ? !1 : B, H = ke(D, Xx), re = C === void 0 ? {} : C, F = re.suppressRefError, R = F === void 0 ? !1 : F;
     y("getDropdownProps", R, N, g);
     var L = /* @__PURE__ */ a(function(ie) {
@@ -10620,7 +10620,7 @@ function vd(e) {
     return Y((P = {}, P[N] = Ze(Z, function(J) {
       J && (g.current = J);
     }), P), !$ && {
-      onKeyDown: le(W, L),
+      onKeyDown: le(V, L),
       onClick: le(Q, K)
     }, H);
   }, [c, E, y]), I = A(function(T) {
@@ -10875,7 +10875,7 @@ var { document: Zx } = se, Rs = 50, Jx = {
         getRootProps: N,
         highlightedIndex: Z
       }) => {
-        let W = k ? k.trim() : "", Q = W ? S(W) : [], B = !W && n();
+        let V = k ? k.trim() : "", Q = V ? S(V) : [], B = !V && n();
         B && B.length && (Q = B.reduce((F, { storyId: R, refId: L }) => {
           let K = o.hash[L];
           if (K && K.index && K.index[R]) {
@@ -10914,7 +10914,7 @@ var { document: Zx } = se, Rs = 50, Jx = {
           /* @__PURE__ */ s.createElement(aI, null, w && /* @__PURE__ */ s.createElement(ee, { onClick: () => T() }, /* @__PURE__ */ s.createElement(
           je, null)), u)
         ), l), /* @__PURE__ */ s.createElement(lI, { tabIndex: 0, id: "storybook-explorer-menu" }, t({
-          query: W,
+          query: V,
           results: Q,
           isBrowsing: !w && Zx.activeElement !== p.current,
           closeMenu: _,
@@ -11043,7 +11043,7 @@ var { document: wd } = se, uI = x.ol({
     },
     [i]
   ), l = oe();
-  V(() => {
+  W(() => {
     l && n.isHighlighted && t.type === "component" && l.emit(wt, { ids: [t.children[0]] }, { options: { target: t.refId } });
   }, [n.isHighlighted, t]);
   let u = o.find((d) => d.key === "name"), c = o.filter((d) => d.key === "path"), [p] = t.status ? Do[t.status] : [];
@@ -11068,7 +11068,7 @@ ponent" })), t.type === "story" && /* @__PURE__ */ s.createElement(bt, { viewBox
   clearLastViewed: p
 }) {
   let d = oe();
-  V(() => {
+  W(() => {
     let b = /* @__PURE__ */ a((f) => {
       if (!(!c || u || f.repeat) && vt(!1, f) && $e("Escape", f)) {
         if (f.target?.id === "storybook-explorer-searchfield")
@@ -11256,7 +11256,7 @@ ow, 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0px -5px 20px 10px ${n.background.app})`,
   setWarningsActive: d
 }) => {
   let m = G(null), g = G(null), [b, f] = j(Bs), [y, S] = j(!0), [E, h] = j(!1), [v, I] = j(!1), w = G();
-  V(() => {
+  W(() => {
     let C = Qt.onSettingsChanged(() => {
       I(!0), clearTimeout(w.current), w.current = setTimeout(() => {
         I(!1);
@@ -11265,7 +11265,7 @@ ow, 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0px -5px 20px 10px ${n.background.app})`,
     return () => {
       C(), clearTimeout(w.current);
     };
-  }, []), V(() => {
+  }, []), W(() => {
     if (g.current) {
       f(g.current?.getBoundingClientRect().height || Bs);
       let C = new ResizeObserver(() => {
@@ -11279,8 +11279,8 @@ ow, 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0px -5px 20px 10px ${n.background.app})`,
       return C.observe(g.current), () => C.disconnect();
     }
   }, [y]);
-  let O = A((C) => {
-    C.stopPropagation(), h(!0), S((P) => !P), m.current && clearTimeout(m.current), m.current = setTimeout(() => {
+  let O = A((C, P) => {
+    C?.stopPropagation(), h(!0), S((D) => P ?? !D), m.current && clearTimeout(m.current), m.current = setTimeout(() => {
       h(!1);
     }, 250);
   }, []), _ = Object.values(t).some(
@@ -11288,7 +11288,9 @@ ow, 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0px -5px 20px 10px ${n.background.app})`,
   ), k = Object.values(t).some(
     (C) => C === "test-provider-state:crashed"
   ), T = Object.values(e).length > 0;
-  return !T && (!r || !c) ? null : /* @__PURE__ */ s.createElement(
+  return W(() => {
+    k && y && O(void 0, !1);
+  }, [k, y, O]), !T && (!r || !c) ? null : /* @__PURE__ */ s.createElement(
     II,
     {
       id: "storybook-testing-module",
@@ -11313,8 +11315,8 @@ ow, 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0px -5px 20px 10px ${n.background.app})`,
           `No render function found for test provider with id '${D}', skipping...`
         ), null);
       }))
-    ), /* @__PURE__ */ s.createElement(TI, { ...T ? { onClick: O } : {} }, /* @__PURE__ */ s.createElement(CI, null, T && /* @__PURE__ */ s.
-    createElement(
+    ), /* @__PURE__ */ s.createElement(TI, { ...T ? { onClick: /* @__PURE__ */ a((C) => O(C), "onClick") } : {} }, /* @__PURE__ */ s.createElement(
+    CI, null, T && /* @__PURE__ */ s.createElement(
       ve,
       {
         hasChrome: !1,
@@ -11353,7 +11355,7 @@ ow, 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0px -5px 20px 10px ${n.background.app})`,
           size: "medium",
           variant: "ghost",
           padding: "small",
-          onClick: O,
+          onClick: (C) => O(C),
           id: "testing-module-collapse-toggle",
           "aria-label": y ? "Expand testing module" : "Collapse testing module"
         },
@@ -11483,14 +11485,14 @@ e).some(({ value: t }) => t === "status-value:error"), "filterError"), FI = /* @
   onRunAll: c
 }) => {
   let p = G(null), d = G(null), [m, g] = j(!1), [b, f] = j(!1);
-  return V(() => {
+  return W(() => {
     if (p.current && d.current) {
       let y = new ResizeObserver(() => {
         p.current && d.current && (p.current.style.height = `${d.current.scrollHeight}px`);
       });
       return y.observe(d.current), () => y.disconnect();
     }
-  }, []), V(() => {
+  }, []), W(() => {
     let y = RI(i > 0 && m, o > 0 && b);
     e.experimental_setFilter("sidebar-bottom-filter", y);
   }, [e, i, o, m, b]), !i && !o && Object.values(u).length === 0 && t.length === 0 ? null : /* @__PURE__ */ s.createElement(Ee, null, /* @__PURE__ */ s.
@@ -11620,7 +11622,7 @@ var jI = "tags-filter", KI = /* @__PURE__ */ new Set([
   isDevelopment: i
 }) => {
   let [n, r] = j(o), [l, u] = j(!1), c = n.length > 0;
-  V(() => {
+  W(() => {
     e.experimental_setFilter(jI, (b) => n.length === 0 ? !0 : n.some((f) => b.tags?.includes(f)));
   }, [e, n]);
   let p = Object.values(t.entries).reduce((b, f) => (f.tags?.forEach((y) => {
@@ -11697,7 +11699,7 @@ var Dd = Hs((e) => pn.default.set("lastViewedStoryIds", e), 1e3), Md = /* @__PUR
     },
     [o]
   );
-  return V(() => {
+  return W(() => {
     e && i(e);
   }, [e]), {
     getLastViewed: A(() => o.current, [o]),
@@ -12545,7 +12547,7 @@ null) : /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.crea
   }
 ))), "PureWhatsNewScreen"), OS = 1e4, Ud = /* @__PURE__ */ a(() => {
   let e = oe(), t = Fe(), { whatsNewData: o } = t, [i, n] = j(!1), [r, l] = j(!1);
-  if (V(() => {
+  if (W(() => {
     let c = setTimeout(() => !i && l(!0), OS);
     return () => clearTimeout(c);
   }, [i]), o?.status !== "SUCCESS")

package/dist/manager-api/index.cjs

@@ -10616,7 +10616,7 @@ k(cr, {
 var ut = require("@storybook/global"), Q0 = B(Bt(), 1), F = B(require("semver"), 1);
 
 // src/manager-api/version.ts
-var Y0 = "9.0.0-alpha.15";
+var Y0 = "9.0.0-alpha.17";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK: Jn } = ut.global, J0 = (0, Q0.default)(1)(() => {