storybook 9.0.0-alpha.12 → 9.0.0-alpha.14

package/dist/highlight/index.cjs

@@ -0,0 +1,27 @@
+"use strict";
+var H = Object.defineProperty;
+var T = Object.getOwnPropertyDescriptor;
+var _ = Object.getOwnPropertyNames;
+var i = Object.prototype.hasOwnProperty;
+var x = (o, t) => {
+  for (var r in t)
+    H(o, r, { get: t[r], enumerable: !0 });
+}, E = (o, t, r, s) => {
+  if (t && typeof t == "object" || typeof t == "function")
+    for (let e of _(t))
+      !i.call(o, e) && e !== r && H(o, e, { get: () => t[e], enumerable: !(s = T(t, e)) || s.enumerable });
+  return o;
+};
+var c = (o) => E(H({}, "__esModule", { value: !0 }), o);
+
+// src/highlight/index.ts
+var h = {};
+x(h, {
+  HIGHLIGHT: () => p,
+  RESET_HIGHLIGHT: () => G,
+  SCROLL_INTO_VIEW: () => L
+});
+module.exports = c(h);
+
+// src/highlight/constants.ts
+var I = "storybook/highlight", p = `${I}/add`, G = `${I}/reset`, L = `${I}/scroll-into-view`;

package/dist/highlight/index.d.ts

@@ -0,0 +1,17 @@
+declare const HIGHLIGHT = "storybook/highlight/add";
+declare const RESET_HIGHLIGHT = "storybook/highlight/reset";
+declare const SCROLL_INTO_VIEW = "storybook/highlight/scroll-into-view";
+
+interface HighlightParameters {
+    /**
+     * Highlight configuration
+     *
+     * @see https://storybook.js.org/docs/essentials/highlight#parameters
+     */
+    highlight: {
+        /** Remove the addon panel and disable the addon's behavior */
+        disable?: boolean;
+    };
+}
+
+export { HIGHLIGHT, type HighlightParameters, RESET_HIGHLIGHT, SCROLL_INTO_VIEW };

package/dist/highlight/index.js

@@ -0,0 +1,7 @@
+// src/highlight/constants.ts
+var t = "storybook/highlight", o = `${t}/add`, e = `${t}/reset`, r = `${t}/scroll-into-view`;
+export {
+  o as HIGHLIGHT,
+  e as RESET_HIGHLIGHT,
+  r as SCROLL_INTO_VIEW
+};

package/dist/highlight/preview.cjs

@@ -0,0 +1,81 @@
+"use strict";
+var g = Object.defineProperty;
+var E = Object.getOwnPropertyDescriptor;
+var S = Object.getOwnPropertyNames;
+var O = Object.prototype.hasOwnProperty;
+var $ = (n, e) => g(n, "name", { value: e, configurable: !0 });
+var T = (n, e) => {
+  for (var t in e)
+    g(n, t, { get: e[t], enumerable: !0 });
+}, b = (n, e, t, o) => {
+  if (e && typeof e == "object" || typeof e == "function")
+    for (let r of S(e))
+      !O.call(n, r) && r !== t && g(n, r, { get: () => e[r], enumerable: !(o = E(e, r)) || o.enumerable });
+  return n;
+};
+var x = (n) => b(g({}, "__esModule", { value: !0 }), n);
+
+// src/highlight/preview.ts
+var _ = {};
+T(_, {
+  default: () => L
+});
+module.exports = x(_);
+var I = require("storybook/internal/core-events"), p = require("@storybook/global"), m = require("storybook/preview-api");
+
+// src/highlight/constants.ts
+var c = "storybook/highlight", u = `${c}/add`, f = `${c}/reset`, H = `${c}/scroll-into-view`;
+
+// src/highlight/preview.ts
+var { document: h } = p.global, G = /* @__PURE__ */ $((n, {
+  color: e = "#FF4785",
+  style: t = "solid",
+  width: o = "1px",
+  offset: r = "2px",
+  fadeOut: a = 0,
+  pulseOut: i = 0
+}) => {
+  let s = Math.random().toString(36).substring(2, 15), l = "";
+  return i ? l = `@keyframes ${s} {
+      0% { outline: ${o} ${t} ${e}; }
+      20% { outline: ${o} ${t} ${e}00; }
+      40% { outline: ${o} ${t} ${e}; }
+      60% { outline: ${o} ${t} ${e}00; }
+      80% { outline: ${o} ${t} ${e}; }
+      100% { outline: ${o} ${t} ${e}00; }
+    }
+` : a && (l = `@keyframes ${s} {
+      0% { outline: ${o} ${t} ${e}; }
+      100% { outline: ${o} ${t} ${e}00; }
+    }
+`), `${l}${n.join(", ")} {
+    outline: ${o} ${t} ${e};
+    outline-offset: ${r};
+    ${i || a ? `animation: ${s} ${i || a}ms linear forwards;` : ""}
+  }`;
+}, "highlightStyle");
+m.addons && m.addons.ready && m.addons.ready().then(() => {
+  let n = m.addons.getChannel(), e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ $((i) => {
+    let s = Math.random().toString(36).substring(2, 15);
+    e.add(s);
+    let l = h.createElement("style");
+    l.innerHTML = G(Array.from(new Set(i.elements)), i), l.setAttribute("id", s), h.head.appendChild(l);
+    let d = i.pulseOut || i.fadeOut;
+    d && setTimeout(() => o(s), d + 500);
+  }, "highlight"), o = /* @__PURE__ */ $((i) => {
+    let s = h.getElementById(i);
+    s?.parentNode?.removeChild(s), e.delete(i);
+  }, "removeHighlight"), r = /* @__PURE__ */ $(() => {
+    e.forEach(o);
+  }, "resetHighlight"), a = /* @__PURE__ */ $((i, s) => {
+    h.querySelector(i)?.scrollIntoView({ behavior: "smooth", block: "center", ...s }), t({
+      elements: [i],
+      color: "#1EA7FD",
+      width: "2px",
+      offset: "2px",
+      pulseOut: 3e3
+    });
+  }, "scrollIntoView");
+  n.on(I.STORY_CHANGED, r), n.on(H, a), n.on(f, r), n.on(u, t);
+});
+var L = /* @__PURE__ */ $(() => (0, m.definePreview)({}), "default");

package/dist/highlight/preview.d.ts

@@ -0,0 +1,54 @@
+import { Renderer as Renderer$1, ProjectAnnotations as ProjectAnnotations$1, StoryIdentifier, StoryContext, PartialStoryFn, LegacyStoryFn } from 'storybook/internal/csf';
+import { NormalizedProjectAnnotations, ProjectAnnotations as ProjectAnnotations$2, ComposedStoryFn } from 'storybook/internal/types';
+
+declare global {
+	interface SymbolConstructor {
+		readonly observable: symbol;
+	}
+}
+
+interface Renderer extends Renderer$1 {
+}
+
+type MaybePromise<T> = Promise<T> | T;
+type TeardownRenderToCanvas = () => MaybePromise<void>;
+type RenderToCanvas<TRenderer extends Renderer> = (context: RenderContext<TRenderer>, element: TRenderer['canvasElement']) => MaybePromise<void | TeardownRenderToCanvas>;
+interface ProjectAnnotations<TRenderer extends Renderer> extends ProjectAnnotations$1<TRenderer> {
+    addons?: ProjectAnnotations<TRenderer>[];
+    testingLibraryRender?: (...args: never[]) => {
+        unmount: () => void;
+    };
+    renderToCanvas?: RenderToCanvas<TRenderer>;
+}
+declare type RenderContext<TRenderer extends Renderer = Renderer> = StoryIdentifier & {
+    showMain: () => void;
+    showError: (error: {
+        title: string;
+        description: string;
+    }) => void;
+    showException: (err: Error) => void;
+    forceRemount: boolean;
+    storyContext: StoryContext<TRenderer>;
+    storyFn: PartialStoryFn<TRenderer>;
+    unboundStoryFn: LegacyStoryFn<TRenderer>;
+};
+
+declare global {
+    var globalProjectAnnotations: NormalizedProjectAnnotations<any>;
+    var defaultProjectAnnotations: ProjectAnnotations$2<any>;
+}
+type WrappedStoryRef = {
+    __pw_type: 'jsx' | 'importRef';
+};
+type UnwrappedJSXStoryRef = {
+    __pw_type: 'jsx';
+    type: UnwrappedImportStoryRef;
+};
+type UnwrappedImportStoryRef = ComposedStoryFn;
+declare global {
+    function __pwUnwrapObject(storyRef: WrappedStoryRef): Promise<UnwrappedJSXStoryRef | UnwrappedImportStoryRef>;
+}
+
+declare const _default: () => ProjectAnnotations<Renderer>;
+
+export { _default as default };

package/dist/highlight/preview.js

@@ -0,0 +1,67 @@
+var H = Object.defineProperty;
+var l = (s, e) => H(s, "name", { value: e, configurable: !0 });
+
+// src/highlight/preview.ts
+import { STORY_CHANGED as I } from "storybook/internal/core-events";
+import { global as p } from "@storybook/global";
+import { addons as a, definePreview as E } from "storybook/preview-api";
+
+// src/highlight/constants.ts
+var h = "storybook/highlight", d = `${h}/add`, u = `${h}/reset`, f = `${h}/scroll-into-view`;
+
+// src/highlight/preview.ts
+var { document: g } = p, S = /* @__PURE__ */ l((s, {
+  color: e = "#FF4785",
+  style: n = "solid",
+  width: o = "1px",
+  offset: m = "2px",
+  fadeOut: $ = 0,
+  pulseOut: t = 0
+}) => {
+  let i = Math.random().toString(36).substring(2, 15), r = "";
+  return t ? r = `@keyframes ${i} {
+      0% { outline: ${o} ${n} ${e}; }
+      20% { outline: ${o} ${n} ${e}00; }
+      40% { outline: ${o} ${n} ${e}; }
+      60% { outline: ${o} ${n} ${e}00; }
+      80% { outline: ${o} ${n} ${e}; }
+      100% { outline: ${o} ${n} ${e}00; }
+    }
+` : $ && (r = `@keyframes ${i} {
+      0% { outline: ${o} ${n} ${e}; }
+      100% { outline: ${o} ${n} ${e}00; }
+    }
+`), `${r}${s.join(", ")} {
+    outline: ${o} ${n} ${e};
+    outline-offset: ${m};
+    ${t || $ ? `animation: ${i} ${t || $}ms linear forwards;` : ""}
+  }`;
+}, "highlightStyle");
+a && a.ready && a.ready().then(() => {
+  let s = a.getChannel(), e = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ l((t) => {
+    let i = Math.random().toString(36).substring(2, 15);
+    e.add(i);
+    let r = g.createElement("style");
+    r.innerHTML = S(Array.from(new Set(t.elements)), t), r.setAttribute("id", i), g.head.appendChild(r);
+    let c = t.pulseOut || t.fadeOut;
+    c && setTimeout(() => o(i), c + 500);
+  }, "highlight"), o = /* @__PURE__ */ l((t) => {
+    let i = g.getElementById(t);
+    i?.parentNode?.removeChild(i), e.delete(t);
+  }, "removeHighlight"), m = /* @__PURE__ */ l(() => {
+    e.forEach(o);
+  }, "resetHighlight"), $ = /* @__PURE__ */ l((t, i) => {
+    g.querySelector(t)?.scrollIntoView({ behavior: "smooth", block: "center", ...i }), n({
+      elements: [t],
+      color: "#1EA7FD",
+      width: "2px",
+      offset: "2px",
+      pulseOut: 3e3
+    });
+  }, "scrollIntoView");
+  s.on(I, m), s.on(f, $), s.on(u, m), s.on(d, n);
+});
+var _ = /* @__PURE__ */ l(() => E({}), "default");
+export {
+  _ as default
+};

package/dist/instrumenter/index.cjs

@@ -24,13 +24,13 @@ var Er = (t, e, n) => (n = t != null ? gr(dr(t)) : {}, Le(
 )), _r = (t) => Le(Tt({}, "__esModule", { value: !0 }), t);
 
 // src/instrumenter/index.ts
-var ui = {};
-Sr(ui, {
+var li = {};
+Sr(li, {
   CallStates: () => cr,
-  EVENTS: () => ot,
+  EVENTS: () => tt,
   instrument: () => mr
 });
-module.exports = _r(ui);
+module.exports = _r(li);
 
 // src/instrumenter/instrumenter.ts
 var fr = require("storybook/internal/client-logger"), yt = require("storybook/internal/core-events"), W = require("@storybook/global");
@@ -120,7 +120,7 @@ c(Fe, "p");
 // ../node_modules/tinyrainbow/dist/node.js
 var De = require("tty");
 var Or = process.env.FORCE_TTY !== void 0 || (0, De.isatty)(1);
-var et = Fe(Or);
+var nt = Fe(Or);
 
 // ../node_modules/@vitest/pretty-format/dist/index.js
 function Ze(t, e) {
@@ -782,7 +782,7 @@ o"), S = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), g = !1, u
       }
     }
     c(E, "typeOf");
-    var $ = i, C = s, R = t, J = l, tt = n, L = S, z = f, X = e, V = o, M = r, F = m, D = p, Z = !1, B = !1;
+    var $ = i, C = s, R = t, J = l, et = n, L = S, z = f, X = e, V = o, M = r, F = m, D = p, Z = !1, B = !1;
     function K(T) {
       return Z || (Z = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
@@ -838,7 +838,7 @@ o"), S = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), g = !1, u
     function pr(T) {
       return E(T) === p;
     }
-    c(pr, "isSuspenseList"), A.ContextConsumer = $, A.ContextProvider = C, A.Element = R, A.ForwardRef = J, A.Fragment = tt, A.Lazy = L, A.Memo =
+    c(pr, "isSuspenseList"), A.ContextConsumer = $, A.ContextProvider = C, A.Element = R, A.ForwardRef = J, A.Fragment = et, A.Lazy = L, A.Memo =
     z, A.Portal = X, A.Profiler = V, A.StrictMode = M, A.Suspense = F, A.SuspenseList = D, A.isAsyncMode = K, A.isConcurrentMode = st, A.isContextConsumer =
     G, A.isContextProvider = H, A.isElement = ct, A.isForwardRef = Q, A.isFragment = q, A.isLazy = it, A.isMemo = dt, A.isPortal = at, A.isProfiler =
     Ct, A.isStrictMode = Rt, A.isSuspense = Nt, A.isSuspenseList = pr, A.isValidElementType = d, A.typeOf = E;
@@ -1164,7 +1164,7 @@ var ce = {
   prop: "yellow",
   tag: "cyan",
   value: "green"
-}, gn = Object.keys(ce), nt = {
+}, gn = Object.keys(ce), rt = {
   callToJSON: !0,
   compareKeys: void 0,
   escapeRegex: !1,
@@ -1181,7 +1181,7 @@ var ce = {
 };
 function ko(t) {
   for (let e of Object.keys(t))
-    if (!Object.prototype.hasOwnProperty.call(nt, e))
+    if (!Object.prototype.hasOwnProperty.call(rt, e))
       throw new Error(`pretty-format: Unknown option "${e}".`);
   if (t.min && t.indent !== void 0 && t.indent !== 0)
     throw new Error(
@@ -1191,7 +1191,7 @@ function ko(t) {
 c(ko, "validateOptions");
 function zo() {
   return gn.reduce((t, e) => {
-    let n = ce[e], r = n && et[n];
+    let n = ce[e], r = n && nt[n];
     if (r && typeof r.close == "string" && typeof r.open == "string")
       t[e] = r;
     else
@@ -1207,29 +1207,29 @@ function Yo() {
 }
 c(Yo, "getColorsEmpty");
 function hn(t) {
-  return t?.printFunctionName ?? nt.printFunctionName;
+  return t?.printFunctionName ?? rt.printFunctionName;
 }
 c(hn, "getPrintFunctionName");
 function yn(t) {
-  return t?.escapeRegex ?? nt.escapeRegex;
+  return t?.escapeRegex ?? rt.escapeRegex;
 }
 c(yn, "getEscapeRegex");
 function dn(t) {
-  return t?.escapeString ?? nt.escapeString;
+  return t?.escapeString ?? rt.escapeString;
 }
 c(dn, "getEscapeString");
 function Xe(t) {
   return {
-    callToJSON: t?.callToJSON ?? nt.callToJSON,
+    callToJSON: t?.callToJSON ?? rt.callToJSON,
     colors: t?.highlight ? zo() : Yo(),
-    compareKeys: typeof t?.compareKeys == "function" || t?.compareKeys === null ? t.compareKeys : nt.compareKeys,
+    compareKeys: typeof t?.compareKeys == "function" || t?.compareKeys === null ? t.compareKeys : rt.compareKeys,
     escapeRegex: yn(t),
     escapeString: dn(t),
-    indent: t?.min ? "" : Uo(t?.indent ?? nt.indent),
-    maxDepth: t?.maxDepth ?? nt.maxDepth,
-    maxWidth: t?.maxWidth ?? nt.maxWidth,
-    min: t?.min ?? nt.min,
-    plugins: t?.plugins ?? nt.plugins,
+    indent: t?.min ? "" : Uo(t?.indent ?? rt.indent),
+    maxDepth: t?.maxDepth ?? rt.maxDepth,
+    maxWidth: t?.maxWidth ?? rt.maxWidth,
+    min: t?.min ?? rt.min,
+    plugins: t?.plugins ?? rt.plugins,
     printBasicPrototype: t?.printBasicPrototype ?? !0,
     printFunctionName: hn(t),
     spacingInner: t?.min ? " " : `
@@ -1409,7 +1409,7 @@ c(ue, "inspectArray");
 // ../node_modules/loupe/lib/typedarray.js
 var Go = /* @__PURE__ */ c((t) => typeof Buffer == "function" && t instanceof Buffer ? "Buffer" : t[Symbol.toStringTag] ? t[Symbol.toStringTag] :
 t.constructor.name, "getArrayName");
-function rt(t, e) {
+function ot(t, e) {
   let n = Go(t);
   e.truncate -= n.length + 4;
   let r = Object.keys(t).slice(t.length);
@@ -1427,7 +1427,7 @@ function rt(t, e) {
   let s = "";
   return r.length && (s = j(r.map((i) => [i, t[i]]), e, lt)), `${n}[ ${o}${s ? `, ${s}` : ""} ]`;
 }
-c(rt, "inspectTypedArray");
+c(ot, "inspectTypedArray");
 
 // ../node_modules/loupe/lib/date.js
 function le(t, e) {
@@ -1648,15 +1648,15 @@ var Tn = /* @__PURE__ */ new WeakMap(), On = {}, $n = {
   WeakSet: /* @__PURE__ */ c((t, e) => e.stylize("WeakSet{\u2026}", "special"), "WeakSet"),
   WeakMap: /* @__PURE__ */ c((t, e) => e.stylize("WeakMap{\u2026}", "special"), "WeakMap"),
   Arguments: he,
-  Int8Array: rt,
-  Uint8Array: rt,
-  Uint8ClampedArray: rt,
-  Int16Array: rt,
-  Uint16Array: rt,
-  Int32Array: rt,
-  Uint32Array: rt,
-  Float32Array: rt,
-  Float64Array: rt,
+  Int8Array: ot,
+  Uint8Array: ot,
+  Uint8ClampedArray: ot,
+  Int16Array: ot,
+  Uint16Array: ot,
+  Int32Array: ot,
+  Uint32Array: ot,
+  Float32Array: ot,
+  Float64Array: ot,
   Generator: /* @__PURE__ */ c(() => "", "Generator"),
   DataView: /* @__PURE__ */ c(() => "", "DataView"),
   ArrayBuffer: /* @__PURE__ */ c(() => "", "ArrayBuffer"),
@@ -2121,9 +2121,9 @@ function Ts() {
     }
     return !1;
   }, "extendOverlappablePathsR"), l = /* @__PURE__ */ c((y, g, u, h, b, _, O, d, E) => {
-    let $ = h - g, C = b - u, R = u - g, J = b - h, tt = J - R, L = R, z = R;
-    if (O[0] = g - 1, d[0] = u, tt % 2 === 0) {
-      let X = (y || tt) / 2, V = (R + J) / 2;
+    let $ = h - g, C = b - u, R = u - g, J = b - h, et = J - R, L = R, z = R;
+    if (O[0] = g - 1, d[0] = u, et % 2 === 0) {
+      let X = (y || et) / 2, V = (R + J) / 2;
       for (let M = 1; M <= V; M += 1)
         if (L = o(M, u, b, $, _, O, L), M < X)
           z = s(M, g, h, C, _, d, z);
@@ -2146,7 +2146,7 @@ function Ts() {
         )
           return;
     } else {
-      let X = ((y || tt) + 1) / 2, V = (R + J + 1) / 2, M = 1;
+      let X = ((y || et) + 1) / 2, V = (R + J + 1) / 2, M = 1;
       for (L = o(M, u, b, $, _, O, L), M += 1; M <= V; M += 1)
         if (z = s(
           M - 1,
@@ -2208,7 +2208,7 @@ function Ts() {
     );
     let {
       nChangePreceding: J,
-      aEndPreceding: tt,
+      aEndPreceding: et,
       bEndPreceding: L,
       nCommonPreceding: z,
       aCommonPreceding: X,
@@ -2220,10 +2220,10 @@ function Ts() {
       aStartFollowing: B,
       bStartFollowing: K
     } = $;
-    g < tt && h < L && m(
+    g < et && h < L && m(
       J,
       g,
-      tt,
+      et,
       h,
       L,
       _,
@@ -2461,14 +2461,14 @@ var _e = /* @__PURE__ */ c((t) => t, "noColor"), Qn = 5, Rs = 0;
 function Ns() {
   return {
     aAnnotation: "Expected",
-    aColor: et.green,
+    aColor: nt.green,
     aIndicator: "-",
     bAnnotation: "Received",
-    bColor: et.red,
+    bColor: nt.red,
     bIndicator: "+",
-    changeColor: et.inverse,
+    changeColor: nt.inverse,
     changeLineTrailingSpaceColor: _e,
-    commonColor: et.dim,
+    commonColor: nt.dim,
     commonIndicator: " ",
     commonLineTrailingSpaceColor: _e,
     compareKeys: void 0,
@@ -2477,7 +2477,7 @@ function Ns() {
     expand: !0,
     includeChangeCounts: !1,
     omitAnnotationLines: !1,
-    patchColor: et.yellow,
+    patchColor: nt.yellow,
     printBasicPrototype: !1,
     truncateThreshold: Rs,
     truncateAnnotation: "... Diff result is truncated",
@@ -3016,16 +3016,16 @@ function sr(t) {
 }
 c(sr, "replaceTrailingSpaces");
 function Xs(t) {
-  return et.red(sr(gt(t)));
+  return nt.red(sr(gt(t)));
 }
 c(Xs, "printReceived");
 function Zs(t) {
-  return et.green(sr(gt(t)));
+  return nt.green(sr(gt(t)));
 }
 c(Zs, "printExpected");
 function Vn(t, e, n) {
   return t.reduce(
-    (r, o) => r + (o[0] === x ? o[1] : o[0] === e ? n ? et.inverse(o[1]) : o[1] : ""),
+    (r, o) => r + (o[0] === x ? o[1] : o[0] === e ? n ? nt.inverse(o[1]) : o[1] : ""),
     ""
   );
 }
@@ -3123,11 +3123,8 @@ Inner error message: ${r?.message}`
 }
 c(Ne, "processError");
 
-// src/instrumenter/types.ts
-var cr = /* @__PURE__ */ ((o) => (o.DONE = "done", o.ERROR = "error", o.ACTIVE = "active", o.WAITING = "waiting", o))(cr || {});
-
-// src/instrumenter/instrumenter.ts
-var ot = {
+// src/instrumenter/EVENTS.ts
+var tt = {
   CALL: "storybook/instrumenter/call",
   SYNC: "storybook/instrumenter/sync",
   START: "storybook/instrumenter/start",
@@ -3135,7 +3132,13 @@ var ot = {
   GOTO: "storybook/instrumenter/goto",
   NEXT: "storybook/instrumenter/next",
   END: "storybook/instrumenter/end"
-}, ur = {
+};
+
+// src/instrumenter/types.ts
+var cr = /* @__PURE__ */ ((o) => (o.DONE = "done", o.ERROR = "error", o.ACTIVE = "active", o.WAITING = "waiting", o))(cr || {});
+
+// src/instrumenter/instrumenter.ts
+var ur = {
   start: !1,
   back: !1,
   goto: !1,
@@ -3251,8 +3254,8 @@ prototype.toString.call(t) === "[object Module]", "isModule"), si = /* @__PURE__
         this.channel = l.getChannel(), this.channel.on(yt.FORCE_REMOUNT, e), this.channel.on(yt.STORY_RENDER_PHASE_CHANGED, a), this.channel.
         on(yt.SET_CURRENT_STORY, () => {
           this.initialized ? this.cleanup() : this.initialized = !0;
-        }), this.channel.on(ot.START, n(this.channel)), this.channel.on(ot.BACK, r(this.channel)), this.channel.on(ot.GOTO, o(this.channel)),
-        this.channel.on(ot.NEXT, s(this.channel)), this.channel.on(ot.END, i);
+        }), this.channel.on(tt.START, n(this.channel)), this.channel.on(tt.BACK, r(this.channel)), this.channel.on(tt.GOTO, o(this.channel)),
+        this.channel.on(tt.NEXT, s(this.channel)), this.channel.on(tt.END, i);
       });
     });
   }
@@ -3276,7 +3279,7 @@ prototype.toString.call(t) === "[object Module]", "isModule"), si = /* @__PURE__
       {}
     );
     let e = { controlStates: ur, logItems: [] };
-    this.channel?.emit(ot.SYNC, e), W.global.window?.parent && (W.global.window.parent.__STORYBOOK_ADDON_INTERACTIONS_INSTRUMENTER_STATE__ =
+    this.channel?.emit(tt.SYNC, e), W.global.window?.parent && (W.global.window.parent.__STORYBOOK_ADDON_INTERACTIONS_INSTRUMENTER_STATE__ =
     this.state);
   }
   getLog(e) {
@@ -3406,8 +3409,8 @@ prototype.toString.call(t) === "[object Module]", "isModule"), si = /* @__PURE__
     try {
       if (i === "played" && !r.retain)
         throw ri;
-      let S = (o.getArgs ? o.getArgs(r, this.getState(r.storyId)) : r.args).map((g) => typeof g != "function" || Object.keys(g).length ? g :
-      (...u) => {
+      let S = (o.getArgs ? o.getArgs(r, this.getState(r.storyId)) : r.args).map((g) => typeof g != "function" || ui(g) || Object.keys(g).length ?
+      g : (...u) => {
         let { cursor: h, ancestors: b } = this.getState(r.storyId);
         this.setState(r.storyId, { cursor: 0, ancestors: [...b, r.id] });
         let _ = /* @__PURE__ */ c(() => this.setState(r.storyId, { cursor: h, ancestors: b }), "restore"), O = !1;
@@ -3433,7 +3436,7 @@ prototype.toString.call(t) === "[object Module]", "isModule"), si = /* @__PURE__
   }
   // Sends the call info to the manager and synchronizes the log.
   update(e) {
-    this.channel?.emit(ot.CALL, e), this.setState(e.storyId, ({ calls: n }) => {
+    this.channel?.emit(tt.CALL, e), this.setState(e.storyId, ({ calls: n }) => {
       let r = n.concat(e).reduce((o, s) => Object.assign(o, { [s.id]: s }), {});
       return {
         // Calls are sorted to ensure parent calls always come before calls in their callback.
@@ -3451,7 +3454,7 @@ prototype.toString.call(t) === "[object Module]", "isModule"), si = /* @__PURE__
       status === "waiting")?.callId, a = s.some((f) => f.status === "active");
       if (r || a || s.length === 0) {
         let f = { controlStates: ur, logItems: s };
-        this.channel?.emit(ot.SYNC, f);
+        this.channel?.emit(tt.SYNC, f);
         return;
       }
       let l = s.some(
@@ -3463,7 +3466,7 @@ prototype.toString.call(t) === "[object Module]", "isModule"), si = /* @__PURE__
         next: o,
         end: o
       }, logItems: s, pausedAt: i };
-      this.channel?.emit(ot.SYNC, p);
+      this.channel?.emit(tt.SYNC, p);
     }, "synchronize");
     this.setState(e, ({ syncTimeout: r }) => (clearTimeout(r), { syncTimeout: setTimeout(n, 0) }));
   }
@@ -3490,3 +3493,10 @@ function ci(t, e) {
   }
 }
 c(ci, "getPropertyDescriptor");
+function ui(t) {
+  if (typeof t != "function")
+    return !1;
+  let e = Object.getOwnPropertyDescriptor(t, "prototype");
+  return e ? !e.writable : !1;
+}
+c(ui, "isClass");

package/dist/instrumenter/index.d.ts

@@ -84,6 +84,14 @@ interface Options {
     getKeys?: (originalObject: Record<string, unknown>, depth: number) => string[];
 }
 
+/**
+ * Instruments an object or module by traversing its properties, patching any functions (methods) to
+ * enable debugging. Patched functions will emit a `call` event when invoked. When intercept = true,
+ * patched functions will return a Promise when the debugger stops before this function. As such,
+ * "interceptable" functions will have to be `await`-ed.
+ */
+declare function instrument<TObj extends Record<string, any>>(obj: TObj, options?: Options): TObj;
+
 declare const EVENTS: {
     CALL: string;
     SYNC: string;
@@ -93,12 +101,5 @@ declare const EVENTS: {
     NEXT: string;
     END: string;
 };
-/**
- * Instruments an object or module by traversing its properties, patching any functions (methods) to
- * enable debugging. Patched functions will emit a `call` event when invoked. When intercept = true,
- * patched functions will return a Promise when the debugger stops before this function. As such,
- * "interceptable" functions will have to be `await`-ed.
- */
-declare function instrument<TObj extends Record<string, any>>(obj: TObj, options?: Options): TObj;
 
 export { type Call, type CallRef, CallStates, type ControlStates, EVENTS, type ElementRef, type LogItem, type Options, type State, type SyncPayload, instrument };