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

package/dist/core-server/presets/webpack/loaders/storybook-mock-transform-loader.cjs

@@ -28722,6 +28722,7 @@ s(Cp, "rewriteSbMockImportCalls");
 
 // src/core-server/presets/webpack/loaders/storybook-mock-transform-loader.ts
 function wp(t) {
-  return Cp(t).code;
+  let e = Cp(t);
+  this.async()(null, e.code, e.map || void 0);
 }
 s(wp, "storybookMockTransformLoader");

package/dist/core-server/presets/webpack/loaders/storybook-mock-transform-loader.js

@@ -28720,7 +28720,8 @@ s(vp, "rewriteSbMockImportCalls");
 
 // src/core-server/presets/webpack/loaders/storybook-mock-transform-loader.ts
 function wB(t) {
-  return vp(t).code;
+  let e = vp(t);
+  this.async()(null, e.code, e.map || void 0);
 }
 s(wB, "storybookMockTransformLoader");
 export {

package/dist/csf/index.cjs

@@ -24,8 +24,8 @@ var J = (e, t, r) => (r = e != null ? Eo(ko(e)) : {}, Ot(
 )), Oo = (e) => Ot(oe({}, "__esModule", { value: !0 }), e);
 
 // ../node_modules/@ngard/tiny-isequal/index.js
-var $t = Pt((_e) => {
-  Object.defineProperty(_e, "__esModule", { value: !0 }), _e.isEqual = /* @__PURE__ */ function() {
+var $t = Pt((De) => {
+  Object.defineProperty(De, "__esModule", { value: !0 }), De.isEqual = /* @__PURE__ */ function() {
     var e = Object.prototype.toString, t = Object.getPrototypeOf, r = Object.getOwnPropertySymbols ? function(o) {
       return Object.keys(o).concat(Object.getOwnPropertySymbols(o));
     } : Object.keys;
@@ -154,15 +154,15 @@ function Mt(e) {
 n(Mt, "toStartCaseStr");
 
 // src/csf/includeConditionalArg.ts
-var De = J($t(), 1);
+var _e = J($t(), 1);
 var Ft = /* @__PURE__ */ n((e) => e.map((t) => typeof t < "u").filter(Boolean).length, "count"), Mo = /* @__PURE__ */ n((e, t) => {
   let { exists: r, eq: o, neq: i, truthy: s } = e;
   if (Ft([r, o, i, s]) > 1)
     throw new Error(`Invalid conditional test ${JSON.stringify({ exists: r, eq: o, neq: i })}`);
   if (typeof o < "u")
-    return (0, De.isEqual)(t, o);
+    return (0, _e.isEqual)(t, o);
   if (typeof i < "u")
-    return !(0, De.isEqual)(t, i);
+    return !(0, _e.isEqual)(t, i);
   if (typeof r < "u") {
     let p = typeof t < "u";
     return r ? p : !p;
@@ -186,7 +186,7 @@ var he = require("@storybook/global");
 
 // src/preview-api/modules/addons/storybook-channel-mock.ts
 var Lt = require("storybook/internal/channels");
-function _t() {
+function Dt() {
   let e = {
     setHandler: /* @__PURE__ */ n(() => {
     }, "setHandler"),
@@ -195,14 +195,14 @@ function _t() {
   };
   return new Lt.Channel({ transport: e });
 }
-n(_t, "mockChannel");
+n(Dt, "mockChannel");
 
 // src/preview-api/modules/addons/main.ts
 var Ne = class {
   constructor() {
     this.getChannel = /* @__PURE__ */ n(() => {
       if (!this.channel) {
-        let t = _t();
+        let t = Dt();
         return this.setChannel(t), t;
       }
       return this.channel;
@@ -277,7 +277,7 @@ var be = class {
     je.getChannel().removeListener(K.STORY_RENDERED, this.renderListener);
   }
 };
-function Dt(e) {
+function _t(e) {
   let t = /* @__PURE__ */ n((...r) => {
     let { hooks: o } = typeof r[0] == "function" ? r[1] : r[0], i = o.currentPhase, s = o.currentHooks, a = o.nextHookIndex, p = o.currentDecoratorName;
     o.currentDecoratorName = e.name, o.prevMountedDecorators.has(e) ? (o.currentPhase = "UPDATE", o.currentHooks = o.hookListsMap.get(e) || []) :
@@ -294,11 +294,11 @@ function Dt(e) {
   }, "hookified");
   return t.originalFn = e, t;
 }
-n(Dt, "hookify");
+n(_t, "hookify");
 var Be = 0, Io = 25, Ht = /* @__PURE__ */ n((e) => (t, r) => {
   let o = e(
-    Dt(t),
-    r.map((i) => Dt(i))
+    _t(t),
+    r.map((i) => _t(i))
   );
   return (i) => {
     let { hooks: s } = i;
@@ -348,7 +348,7 @@ n(ze, "pickBy");
 
 // src/preview-api/modules/store/args.ts
 var Lo = require("storybook/internal/client-logger");
-var _o = J(Q(), 1);
+var Do = J(Q(), 1);
 var wi = Symbol("incompatible");
 var Ei = Symbol("Deeply equal");
 var Ue = "UNTARGETED";
@@ -369,13 +369,13 @@ var Bt = /* @__PURE__ */ n((e = {}) => Object.entries(e).reduce((t, [r, { defaul
 tValuesFromArgTypes");
 
 // src/preview-api/modules/store/csf/normalizeInputTypes.ts
-var Do = /* @__PURE__ */ n((e) => typeof e == "string" ? { name: e } : e, "normalizeType"), Ho = /* @__PURE__ */ n((e) => typeof e == "strin\
+var _o = /* @__PURE__ */ n((e) => typeof e == "string" ? { name: e } : e, "normalizeType"), Ho = /* @__PURE__ */ n((e) => typeof e == "strin\
 g" ? { type: e } : e, "normalizeControl"), No = /* @__PURE__ */ n((e, t) => {
   let { type: r, control: o, ...i } = e, s = {
     name: t,
     ...i
   };
-  return r && (s.type = Do(r)), o ? s.control = Ho(o) : o === !1 && (s.control = { disable: !0 }), s;
+  return r && (s.type = _o(r)), o ? s.control = Ho(o) : o === !1 && (s.control = { disable: !0 }), s;
 }, "normalizeInputType"), q = /* @__PURE__ */ n((e) => G(e, No), "normalizeInputTypes");
 
 // src/preview-api/modules/store/csf/normalizeStory.ts
@@ -515,14 +515,14 @@ function We(e, t) {
 n(We, "defaultDecorateStory");
 
 // src/preview-api/modules/store/parameters.ts
-var _ = /* @__PURE__ */ n((...e) => {
+var D = /* @__PURE__ */ n((...e) => {
   let t = {}, r = e.filter(Boolean), o = r.reduce((i, s) => (Object.entries(s).forEach(([a, p]) => {
     let c = i[a];
     Array.isArray(p) || typeof c > "u" ? i[a] = p : ne(p) && ne(c) ? t[a] = !0 : typeof p < "u" && (i[a] = p);
   }), i), {});
   return Object.keys(t).forEach((i) => {
     let s = r.filter(Boolean).map((a) => a[i]).filter((a) => typeof a < "u");
-    s.every((a) => ne(a)) ? o[i] = _(...s) : o[i] = s[s.length - 1];
+    s.every((a) => ne(a)) ? o[i] = D(...s) : o[i] = s[s.length - 1];
   }), o;
 }, "combineParameters");
 
@@ -609,11 +609,11 @@ function zo(e, t, r) {
     ...r.tags ?? [],
     ...t.tags ?? [],
     ...e?.tags ?? []
-  ), a = _(
+  ), a = D(
     r.parameters,
     t.parameters,
     e?.parameters
-  ), { argTypesEnhancers: p = [], argsEnhancers: c = [] } = r, l = _(
+  ), { argTypesEnhancers: p = [], argsEnhancers: c = [] } = r, l = D(
     r.argTypes,
     t.argTypes,
     e?.argTypes
@@ -727,7 +727,7 @@ var Ve = /* @__PURE__ */ n((e, t, r) => {
   })), s = G(r, (a, p) => ({
     name: p
   }));
-  return _(i, s, r);
+  return D(i, s, r);
 }, "inferArgTypes");
 Ke.secondPass = !0;
 
@@ -783,7 +783,7 @@ var Uo = /* @__PURE__ */ n((e, t, r) => {
   if (!r)
     return t;
   let a = qe(t, o, i), p = G(a, (c, l) => c?.type && Uo(c, l.toString(), s));
-  return _(p, a);
+  return D(p, a);
 }, "inferControls");
 Re.secondPass = !0;
 
@@ -882,7 +882,7 @@ n(ae, "getSingletonField");
 function le(e) {
   let t = Y(e, "argTypesEnhancers"), r = pe(e, "runStep"), o = Y(e, "beforeAll");
   return {
-    parameters: _(...pe(e, "parameters")),
+    parameters: D(...pe(e, "parameters")),
     decorators: Y(e, "decorators", {
       reverseFileOrder: !(nr.global.FEATURES?.legacyDecoratorFileOrder ?? !1)
     }),
@@ -917,9 +917,8 @@ var Wo = require("storybook/internal/csf"), Yo = require("storybook/internal/csf
 function ir() {
   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;
@@ -1545,7 +1544,7 @@ ke = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ n((e) => {
     }
   }
   return r;
-}, "mapElements"), _r = /* @__PURE__ */ n((e) => Array.from(e.entries()).map(([t, { selectors: r, styles: o, hoverStyles: i, focusStyles: s,
+}, "mapElements"), Dr = /* @__PURE__ */ n((e) => Array.from(e.entries()).map(([t, { selectors: r, styles: o, hoverStyles: i, focusStyles: s,
 menu: a }]) => {
   let { top: p, left: c, width: l, height: y } = t.getBoundingClientRect(), { position: u } = getComputedStyle(t);
   return {
@@ -1571,7 +1570,7 @@ menu: a }]) => {
   window.scrollX, i += window.scrollY);
   let { x: p, y: c } = r;
   return p >= o && p <= o + s && c >= i && c <= i + a;
-}, "isTargeted"), Dr = /* @__PURE__ */ n((e, t, r = {}) => {
+}, "isTargeted"), _r = /* @__PURE__ */ n((e, t, r = {}) => {
   let { x: o, y: i } = t, { margin: s = 5, topOffset: a = 0, centered: p = !1 } = r, { scrollX: c, scrollY: l, innerHeight: y, innerWidth: u } = window,
   h = Math.min(
     e.style.position === "fixed" ? i - l : i,
@@ -1623,7 +1622,7 @@ var C = "storybook-highlights-menu", jr = "storybook-highlights-root", fn = "sto
       f.disconnect();
     };
   }), o.subscribe((d) => {
-    let m = /* @__PURE__ */ n(() => requestAnimationFrame(() => i.set(_r(d))), "updateBoxes"), f = new ResizeObserver(m);
+    let m = /* @__PURE__ */ n(() => requestAnimationFrame(() => i.set(Dr(d))), "updateBoxes"), f = new ResizeObserver(m);
     f.observe(t.body), Array.from(d.keys()).forEach((g) => f.observe(g));
     let x = Array.from(t.body.querySelectorAll("*")).filter((g) => {
       let { overflow: E, overflowX: I, overflowY: k } = window.getComputedStyle(g);
@@ -1931,7 +1930,7 @@ ue", Helvetica, Arial, sans-serif;
       display: "block",
       left: `${d.style.position === "fixed" ? x.x - window.scrollX : x.x}px`,
       top: `${d.style.position === "fixed" ? x.y - window.scrollY : x.y}px`
-    }), ut(d), requestAnimationFrame(() => Dr(d, x, { topOffset: 15, centered: !0 }))) : (Hr(d), Object.assign(d.style, { display: "none" }));
+    }), ut(d), requestAnimationFrame(() => _r(d, x, { topOffset: 15, centered: !0 }))) : (Hr(d), Object.assign(d.style, { display: "none" }));
   }, "renderMenu");
   p.subscribe(L), y.subscribe(L);
   let O = /* @__PURE__ */ n((d) => {
@@ -2863,17 +2862,17 @@ var Fn = globalThis.FEATURES?.outline ? [mo] : [], In = {
 }, At = /* @__PURE__ */ n(() => (0, uo.definePreviewAddon)({ decorators: Fn, initialGlobals: In }), "default");
 
 // src/test/preview.ts
-var yo = require("storybook/internal/csf"), go = require("storybook/internal/instrumenter"), D = require("storybook/test");
+var yo = require("storybook/internal/csf"), go = require("storybook/internal/instrumenter"), _ = require("storybook/test");
 var Ln = /* @__PURE__ */ n(({ parameters: e }) => {
-  e?.test?.mockReset === !0 ? (0, D.resetAllMocks)() : e?.test?.clearMocks === !0 ? (0, D.clearAllMocks)() : e?.test?.restoreMocks !== !1 &&
-  (0, D.restoreAllMocks)();
+  e?.test?.mockReset === !0 ? (0, _.resetAllMocks)() : e?.test?.clearMocks === !0 ? (0, _.clearAllMocks)() : e?.test?.restoreMocks !== !1 &&
+  (0, _.restoreAllMocks)();
 }, "resetAllMocksLoader"), Rt = /* @__PURE__ */ n((e, t = 0, r) => {
   if (t > 5 || e == null)
     return e;
-  if ((0, D.isMockFunction)(e))
+  if ((0, _.isMockFunction)(e))
     return r && e.mockName(r), e;
   if (typeof e == "function" && "isAction" in e && e.isAction && !("implicit" in e && e.implicit)) {
-    let o = (0, D.fn)(e);
+    let o = (0, _.fn)(e);
     return r && o.mockName(r), o;
   }
   if (Array.isArray(e)) {
@@ -2889,14 +2888,14 @@ var Ln = /* @__PURE__ */ n(({ parameters: e }) => {
     return e;
   }
   return e;
-}, "traverseArgs"), _n = /* @__PURE__ */ n(({ initialArgs: e }) => {
+}, "traverseArgs"), Dn = /* @__PURE__ */ n(({ initialArgs: e }) => {
   Rt(e);
-}, "nameSpiesAndWrapActionsInSpies"), fo = !1, Dn = /* @__PURE__ */ n(async (e) => {
-  globalThis.HTMLElement && e.canvasElement instanceof globalThis.HTMLElement && (e.canvas = (0, D.within)(e.canvasElement));
+}, "nameSpiesAndWrapActionsInSpies"), fo = !1, _n = /* @__PURE__ */ n(async (e) => {
+  globalThis.HTMLElement && e.canvasElement instanceof globalThis.HTMLElement && (e.canvas = (0, _.within)(e.canvasElement));
   let t = globalThis.window?.navigator?.clipboard;
   if (t) {
     e.userEvent = (0, go.instrument)(
-      { userEvent: D.uninstrumentedUserEvent.setup() },
+      { userEvent: _.uninstrumentedUserEvent.setup() },
       { intercept: !0 }
     ).userEvent, Object.defineProperty(globalThis.window.navigator, "clipboard", {
       get: /* @__PURE__ */ n(() => t, "get"),
@@ -2914,7 +2913,7 @@ var Ln = /* @__PURE__ */ n(({ parameters: e }) => {
     });
   }
 }, "enhanceContext"), wt = /* @__PURE__ */ n(() => (0, yo.definePreviewAddon)({
-  loaders: [Ln, _n, Dn]
+  loaders: [Ln, Dn, _n]
 }), "default");
 
 // src/viewport/preview.ts
@@ -3034,7 +3033,7 @@ function So(e, t) {
           ...this.input,
           ...i,
           args: { ...this.input.args, ...i.args },
-          argTypes: _(this.input.argTypes, i.argTypes),
+          argTypes: D(this.input.argTypes, i.argTypes),
           afterEach: [
             ...b(this.input?.afterEach ?? []),
             ...b(i.afterEach ?? [])
@@ -3052,7 +3051,7 @@ function So(e, t) {
             ...b(this.input?.loaders ?? []),
             ...b(i.loaders ?? [])
           ],
-          parameters: _(this.input.parameters, i.parameters),
+          parameters: D(this.input.parameters, i.parameters),
           tags: (0, To.combineTags)(...this.input.tags ?? [], ...i.tags ?? [])
         },
         this.meta

package/dist/csf/index.js

@@ -902,9 +902,8 @@ import { MountMustBeDestructuredError as Ao } from "storybook/internal/preview-e
 function Dt() {
   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;