storybook 9.0.0-alpha.12 → 9.0.0-alpha.13

package/dist/actions/manager.js

@@ -1,1195 +0,0 @@
-var He = Object.defineProperty;
-var l = (e, t) => He(e, "name", { value: t, configurable: !0 });
-
-// src/actions/manager.tsx
-import G from "react";
-import { Badge as Kt } from "storybook/internal/components";
-import { STORY_CHANGED as qt } from "storybook/internal/core-events";
-import { addons as Me, types as Qt, useAddonState as er, useChannel as tr, useStorybookApi as rr } from "storybook/manager-api";
-
-// src/actions/constants.ts
-var ce = "actions", b = "storybook/actions", J = `${b}/panel`, D = `${b}/action-event`, U = `${b}/action-clear`;
-
-// src/actions/containers/ActionLogger/index.tsx
-import $t, { Component as Zt } from "react";
-import { STORY_CHANGED as xe } from "storybook/internal/core-events";
-
-// ../node_modules/dequal/dist/index.mjs
-var pe = Object.prototype.hasOwnProperty;
-function Ee(e, t, r) {
-  for (r of e.keys())
-    if (L(r, t)) return r;
-}
-l(Ee, "find");
-function L(e, t) {
-  var r, n, o;
-  if (e === t) return !0;
-  if (e && t && (r = e.constructor) === t.constructor) {
-    if (r === Date) return e.getTime() === t.getTime();
-    if (r === RegExp) return e.toString() === t.toString();
-    if (r === Array) {
-      if ((n = e.length) === t.length)
-        for (; n-- && L(e[n], t[n]); ) ;
-      return n === -1;
-    }
-    if (r === Set) {
-      if (e.size !== t.size)
-        return !1;
-      for (n of e)
-        if (o = n, o && typeof o == "object" && (o = Ee(t, o), !o) || !t.has(o)) return !1;
-      return !0;
-    }
-    if (r === Map) {
-      if (e.size !== t.size)
-        return !1;
-      for (n of e)
-        if (o = n[0], o && typeof o == "object" && (o = Ee(t, o), !o) || !L(n[1], t.get(o)))
-          return !1;
-      return !0;
-    }
-    if (r === ArrayBuffer)
-      e = new Uint8Array(e), t = new Uint8Array(t);
-    else if (r === DataView) {
-      if ((n = e.byteLength) === t.byteLength)
-        for (; n-- && e.getInt8(n) === t.getInt8(n); ) ;
-      return n === -1;
-    }
-    if (ArrayBuffer.isView(e)) {
-      if ((n = e.byteLength) === t.byteLength)
-        for (; n-- && e[n] === t[n]; ) ;
-      return n === -1;
-    }
-    if (!r || typeof e == "object") {
-      n = 0;
-      for (r in e)
-        if (pe.call(e, r) && ++n && !pe.call(t, r) || !(r in t) || !L(e[r], t[r])) return !1;
-      return Object.keys(t).length === n;
-    }
-  }
-  return e !== e && t !== t;
-}
-l(L, "dequal");
-
-// src/actions/components/ActionLogger/index.tsx
-import C, { Fragment as Ht, forwardRef as Vt, useEffect as jt, useRef as kt } from "react";
-import { ActionBar as Ft, ScrollArea as Gt } from "storybook/internal/components";
-
-// ../node_modules/react-inspector/dist/index.mjs
-import X from "react";
-import M, { useContext as Ke, useCallback as qe, useLayoutEffect as Qe, useState as et, memo as ge } from "react";
-import { createContext as tt } from "react";
-import R, { Children as rt, memo as nt } from "react";
-import ue, { createContext as ot, useContext as lt, useMemo as at } from "react";
-import B from "react";
-import Et from "react";
-import m from "react";
-import _ from "react";
-import x from "react";
-import H, { useCallback as de, useState as At } from "react";
-import y from "react";
-import h from "react";
-import I, { useCallback as me, useState as yt } from "react";
-import It from "react";
-import u from "react";
-import Y from "react";
-var Ve = Object.create, K = Object.defineProperty, je = Object.getOwnPropertyDescriptor, Ae = Object.getOwnPropertyNames, ke = Object.getPrototypeOf,
-Fe = Object.prototype.hasOwnProperty, q = /* @__PURE__ */ l((e, t) => /* @__PURE__ */ l(function() {
-  return t || (0, e[Ae(e)[0]])((t = { exports: {} }).exports, t), t.exports;
-}, "__require"), "__commonJS"), Ge = /* @__PURE__ */ l((e, t) => {
-  for (var r in t)
-    K(e, r, { get: t[r], enumerable: !0 });
-}, "__export"), Je = /* @__PURE__ */ l((e, t, r, n) => {
-  if (t && typeof t == "object" || typeof t == "function")
-    for (let o of Ae(t))
-      !Fe.call(e, o) && o !== r && K(e, o, { get: /* @__PURE__ */ l(() => t[o], "get"), enumerable: !(n = je(t, o)) || n.enumerable });
-  return e;
-}, "__copyProps"), We = /* @__PURE__ */ l((e, t, r) => (r = e != null ? Ve(ke(e)) : {}, Je(t || !e || !e.__esModule ? K(r, "default", { value: e,
-enumerable: !0 }) : r, e)), "__toESM"), Ye = q({
-  "node_modules/is-object/index.js"(e, t) {
-    "use strict";
-    t.exports = /* @__PURE__ */ l(function(n) {
-      return typeof n == "object" && n !== null;
-    }, "isObject");
-  }
-}), Xe = q({
-  "node_modules/is-window/index.js"(e, t) {
-    "use strict";
-    t.exports = function(r) {
-      if (r == null)
-        return !1;
-      var n = Object(r);
-      return n === n.window;
-    };
-  }
-}), $e = q({
-  "node_modules/is-dom/index.js"(e, t) {
-    var r = Ye(), n = Xe();
-    function o(a) {
-      return !r(a) || !n(window) || typeof window.Node != "function" ? !1 : typeof a.nodeType == "number" && typeof a.nodeName == "string";
-    }
-    l(o, "isNode"), t.exports = o;
-  }
-}), k = {};
-Ge(k, {
-  chromeDark: /* @__PURE__ */ l(() => Ze, "chromeDark"),
-  chromeLight: /* @__PURE__ */ l(() => ze, "chromeLight")
-});
-var Ze = {
-  BASE_FONT_FAMILY: "Menlo, monospace",
-  BASE_FONT_SIZE: "11px",
-  BASE_LINE_HEIGHT: 1.2,
-  BASE_BACKGROUND_COLOR: "rgb(36, 36, 36)",
-  BASE_COLOR: "rgb(213, 213, 213)",
-  OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES: 10,
-  OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES: 5,
-  OBJECT_NAME_COLOR: "rgb(227, 110, 236)",
-  OBJECT_VALUE_NULL_COLOR: "rgb(127, 127, 127)",
-  OBJECT_VALUE_UNDEFINED_COLOR: "rgb(127, 127, 127)",
-  OBJECT_VALUE_REGEXP_COLOR: "rgb(233, 63, 59)",
-  OBJECT_VALUE_STRING_COLOR: "rgb(233, 63, 59)",
-  OBJECT_VALUE_SYMBOL_COLOR: "rgb(233, 63, 59)",
-  OBJECT_VALUE_NUMBER_COLOR: "hsl(252, 100%, 75%)",
-  OBJECT_VALUE_BOOLEAN_COLOR: "hsl(252, 100%, 75%)",
-  OBJECT_VALUE_FUNCTION_PREFIX_COLOR: "rgb(85, 106, 242)",
-  HTML_TAG_COLOR: "rgb(93, 176, 215)",
-  HTML_TAGNAME_COLOR: "rgb(93, 176, 215)",
-  HTML_TAGNAME_TEXT_TRANSFORM: "lowercase",
-  HTML_ATTRIBUTE_NAME_COLOR: "rgb(155, 187, 220)",
-  HTML_ATTRIBUTE_VALUE_COLOR: "rgb(242, 151, 102)",
-  HTML_COMMENT_COLOR: "rgb(137, 137, 137)",
-  HTML_DOCTYPE_COLOR: "rgb(192, 192, 192)",
-  ARROW_COLOR: "rgb(145, 145, 145)",
-  ARROW_MARGIN_RIGHT: 3,
-  ARROW_FONT_SIZE: 12,
-  ARROW_ANIMATION_DURATION: "0",
-  TREENODE_FONT_FAMILY: "Menlo, monospace",
-  TREENODE_FONT_SIZE: "11px",
-  TREENODE_LINE_HEIGHT: 1.2,
-  TREENODE_PADDING_LEFT: 12,
-  TABLE_BORDER_COLOR: "rgb(85, 85, 85)",
-  TABLE_TH_BACKGROUND_COLOR: "rgb(44, 44, 44)",
-  TABLE_TH_HOVER_COLOR: "rgb(48, 48, 48)",
-  TABLE_SORT_ICON_COLOR: "black",
-  TABLE_DATA_BACKGROUND_IMAGE: "linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(51, 139, 255, 0.0980392) 50%, rgba(\
-51, 139, 255, 0.0980392))",
-  TABLE_DATA_BACKGROUND_SIZE: "128px 32px"
-}, ze = {
-  BASE_FONT_FAMILY: "Menlo, monospace",
-  BASE_FONT_SIZE: "11px",
-  BASE_LINE_HEIGHT: 1.2,
-  BASE_BACKGROUND_COLOR: "white",
-  BASE_COLOR: "black",
-  OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES: 10,
-  OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES: 5,
-  OBJECT_NAME_COLOR: "rgb(136, 19, 145)",
-  OBJECT_VALUE_NULL_COLOR: "rgb(128, 128, 128)",
-  OBJECT_VALUE_UNDEFINED_COLOR: "rgb(128, 128, 128)",
-  OBJECT_VALUE_REGEXP_COLOR: "rgb(196, 26, 22)",
-  OBJECT_VALUE_STRING_COLOR: "rgb(196, 26, 22)",
-  OBJECT_VALUE_SYMBOL_COLOR: "rgb(196, 26, 22)",
-  OBJECT_VALUE_NUMBER_COLOR: "rgb(28, 0, 207)",
-  OBJECT_VALUE_BOOLEAN_COLOR: "rgb(28, 0, 207)",
-  OBJECT_VALUE_FUNCTION_PREFIX_COLOR: "rgb(13, 34, 170)",
-  HTML_TAG_COLOR: "rgb(168, 148, 166)",
-  HTML_TAGNAME_COLOR: "rgb(136, 18, 128)",
-  HTML_TAGNAME_TEXT_TRANSFORM: "lowercase",
-  HTML_ATTRIBUTE_NAME_COLOR: "rgb(153, 69, 0)",
-  HTML_ATTRIBUTE_VALUE_COLOR: "rgb(26, 26, 166)",
-  HTML_COMMENT_COLOR: "rgb(35, 110, 37)",
-  HTML_DOCTYPE_COLOR: "rgb(192, 192, 192)",
-  ARROW_COLOR: "#6e6e6e",
-  ARROW_MARGIN_RIGHT: 3,
-  ARROW_FONT_SIZE: 12,
-  ARROW_ANIMATION_DURATION: "0",
-  TREENODE_FONT_FAMILY: "Menlo, monospace",
-  TREENODE_FONT_SIZE: "11px",
-  TREENODE_LINE_HEIGHT: 1.2,
-  TREENODE_PADDING_LEFT: 12,
-  TABLE_BORDER_COLOR: "#aaa",
-  TABLE_TH_BACKGROUND_COLOR: "#eee",
-  TABLE_TH_HOVER_COLOR: "hsla(0, 0%, 90%, 1)",
-  TABLE_SORT_ICON_COLOR: "#6e6e6e",
-  TABLE_DATA_BACKGROUND_IMAGE: "linear-gradient(to bottom, white, white 50%, rgb(234, 243, 255) 50%, rgb(234, 243, 255))",
-  TABLE_DATA_BACKGROUND_SIZE: "128px 32px"
-}, Ne = tt([{}, () => {
-}]), W = {
-  WebkitTouchCallout: "none",
-  WebkitUserSelect: "none",
-  KhtmlUserSelect: "none",
-  MozUserSelect: "none",
-  msUserSelect: "none",
-  OUserSelect: "none",
-  userSelect: "none"
-}, V = /* @__PURE__ */ l((e) => ({
-  DOMNodePreview: {
-    htmlOpenTag: {
-      base: {
-        color: e.HTML_TAG_COLOR
-      },
-      tagName: {
-        color: e.HTML_TAGNAME_COLOR,
-        textTransform: e.HTML_TAGNAME_TEXT_TRANSFORM
-      },
-      htmlAttributeName: {
-        color: e.HTML_ATTRIBUTE_NAME_COLOR
-      },
-      htmlAttributeValue: {
-        color: e.HTML_ATTRIBUTE_VALUE_COLOR
-      }
-    },
-    htmlCloseTag: {
-      base: {
-        color: e.HTML_TAG_COLOR
-      },
-      offsetLeft: {
-        marginLeft: -e.TREENODE_PADDING_LEFT
-      },
-      tagName: {
-        color: e.HTML_TAGNAME_COLOR,
-        textTransform: e.HTML_TAGNAME_TEXT_TRANSFORM
-      }
-    },
-    htmlComment: {
-      color: e.HTML_COMMENT_COLOR
-    },
-    htmlDoctype: {
-      color: e.HTML_DOCTYPE_COLOR
-    }
-  },
-  ObjectPreview: {
-    objectDescription: {
-      fontStyle: "italic"
-    },
-    preview: {
-      fontStyle: "italic"
-    },
-    arrayMaxProperties: e.OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES,
-    objectMaxProperties: e.OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES
-  },
-  ObjectName: {
-    base: {
-      color: e.OBJECT_NAME_COLOR
-    },
-    dimmed: {
-      opacity: 0.6
-    }
-  },
-  ObjectValue: {
-    objectValueNull: {
-      color: e.OBJECT_VALUE_NULL_COLOR
-    },
-    objectValueUndefined: {
-      color: e.OBJECT_VALUE_UNDEFINED_COLOR
-    },
-    objectValueRegExp: {
-      color: e.OBJECT_VALUE_REGEXP_COLOR
-    },
-    objectValueString: {
-      color: e.OBJECT_VALUE_STRING_COLOR
-    },
-    objectValueSymbol: {
-      color: e.OBJECT_VALUE_SYMBOL_COLOR
-    },
-    objectValueNumber: {
-      color: e.OBJECT_VALUE_NUMBER_COLOR
-    },
-    objectValueBoolean: {
-      color: e.OBJECT_VALUE_BOOLEAN_COLOR
-    },
-    objectValueFunctionPrefix: {
-      color: e.OBJECT_VALUE_FUNCTION_PREFIX_COLOR,
-      fontStyle: "italic"
-    },
-    objectValueFunctionName: {
-      fontStyle: "italic"
-    }
-  },
-  TreeView: {
-    treeViewOutline: {
-      padding: 0,
-      margin: 0,
-      listStyleType: "none"
-    }
-  },
-  TreeNode: {
-    treeNodeBase: {
-      color: e.BASE_COLOR,
-      backgroundColor: e.BASE_BACKGROUND_COLOR,
-      lineHeight: e.TREENODE_LINE_HEIGHT,
-      cursor: "default",
-      boxSizing: "border-box",
-      listStyle: "none",
-      fontFamily: e.TREENODE_FONT_FAMILY,
-      fontSize: e.TREENODE_FONT_SIZE
-    },
-    treeNodePreviewContainer: {},
-    treeNodePlaceholder: {
-      whiteSpace: "pre",
-      fontSize: e.ARROW_FONT_SIZE,
-      marginRight: e.ARROW_MARGIN_RIGHT,
-      ...W
-    },
-    treeNodeArrow: {
-      base: {
-        color: e.ARROW_COLOR,
-        display: "inline-block",
-        fontSize: e.ARROW_FONT_SIZE,
-        marginRight: e.ARROW_MARGIN_RIGHT,
-        ...parseFloat(e.ARROW_ANIMATION_DURATION) > 0 ? {
-          transition: `transform ${e.ARROW_ANIMATION_DURATION} ease 0s`
-        } : {},
-        ...W
-      },
-      expanded: {
-        WebkitTransform: "rotateZ(90deg)",
-        MozTransform: "rotateZ(90deg)",
-        transform: "rotateZ(90deg)"
-      },
-      collapsed: {
-        WebkitTransform: "rotateZ(0deg)",
-        MozTransform: "rotateZ(0deg)",
-        transform: "rotateZ(0deg)"
-      }
-    },
-    treeNodeChildNodesContainer: {
-      margin: 0,
-      paddingLeft: e.TREENODE_PADDING_LEFT
-    }
-  },
-  TableInspector: {
-    base: {
-      color: e.BASE_COLOR,
-      position: "relative",
-      border: `1px solid ${e.TABLE_BORDER_COLOR}`,
-      fontFamily: e.BASE_FONT_FAMILY,
-      fontSize: e.BASE_FONT_SIZE,
-      lineHeight: "120%",
-      boxSizing: "border-box",
-      cursor: "default"
-    }
-  },
-  TableInspectorHeaderContainer: {
-    base: {
-      top: 0,
-      height: "17px",
-      left: 0,
-      right: 0,
-      overflowX: "hidden"
-    },
-    table: {
-      tableLayout: "fixed",
-      borderSpacing: 0,
-      borderCollapse: "separate",
-      height: "100%",
-      width: "100%",
-      margin: 0
-    }
-  },
-  TableInspectorDataContainer: {
-    tr: {
-      display: "table-row"
-    },
-    td: {
-      boxSizing: "border-box",
-      border: "none",
-      height: "16px",
-      verticalAlign: "top",
-      padding: "1px 4px",
-      WebkitUserSelect: "text",
-      whiteSpace: "nowrap",
-      textOverflow: "ellipsis",
-      overflow: "hidden",
-      lineHeight: "14px"
-    },
-    div: {
-      position: "static",
-      top: "17px",
-      bottom: 0,
-      overflowY: "overlay",
-      transform: "translateZ(0)",
-      left: 0,
-      right: 0,
-      overflowX: "hidden"
-    },
-    table: {
-      positon: "static",
-      left: 0,
-      top: 0,
-      right: 0,
-      bottom: 0,
-      borderTop: "0 none transparent",
-      margin: 0,
-      backgroundImage: e.TABLE_DATA_BACKGROUND_IMAGE,
-      backgroundSize: e.TABLE_DATA_BACKGROUND_SIZE,
-      tableLayout: "fixed",
-      borderSpacing: 0,
-      borderCollapse: "separate",
-      width: "100%",
-      fontSize: e.BASE_FONT_SIZE,
-      lineHeight: "120%"
-    }
-  },
-  TableInspectorTH: {
-    base: {
-      position: "relative",
-      height: "auto",
-      textAlign: "left",
-      backgroundColor: e.TABLE_TH_BACKGROUND_COLOR,
-      borderBottom: `1px solid ${e.TABLE_BORDER_COLOR}`,
-      fontWeight: "normal",
-      verticalAlign: "middle",
-      padding: "0 4px",
-      whiteSpace: "nowrap",
-      textOverflow: "ellipsis",
-      overflow: "hidden",
-      lineHeight: "14px",
-      ":hover": {
-        backgroundColor: e.TABLE_TH_HOVER_COLOR
-      }
-    },
-    div: {
-      whiteSpace: "nowrap",
-      textOverflow: "ellipsis",
-      overflow: "hidden",
-      fontSize: e.BASE_FONT_SIZE,
-      lineHeight: "120%"
-    }
-  },
-  TableInspectorLeftBorder: {
-    none: {
-      borderLeft: "none"
-    },
-    solid: {
-      borderLeft: `1px solid ${e.TABLE_BORDER_COLOR}`
-    }
-  },
-  TableInspectorSortIcon: {
-    display: "block",
-    marginRight: 3,
-    width: 8,
-    height: 7,
-    marginTop: -7,
-    color: e.TABLE_SORT_ICON_COLOR,
-    fontSize: 12,
-    ...W
-  }
-}), "createTheme"), $ = "chromeLight", ye = ot(V(k[$])), g = /* @__PURE__ */ l((e) => lt(ye)[e], "useStyles"), Q = /* @__PURE__ */ l((e) => /* @__PURE__ */ l(
-({ theme: r = $, ...n }) => {
-  let o = at(() => {
-    switch (Object.prototype.toString.call(r)) {
-      case "[object String]":
-        return V(k[r]);
-      case "[object Object]":
-        return V(r);
-      default:
-        return V(k[$]);
-    }
-  }, [r]);
-  return /* @__PURE__ */ ue.createElement(ye.Provider, {
-    value: o
-  }, /* @__PURE__ */ ue.createElement(e, {
-    ...n
-  }));
-}, "ThemeAcceptor"), "themeAcceptor"), st = /* @__PURE__ */ l(({ expanded: e, styles: t }) => /* @__PURE__ */ R.createElement("span", {
-  style: {
-    ...t.base,
-    ...e ? t.expanded : t.collapsed
-  }
-}, "\u25B6"), "Arrow"), it = nt((e) => {
-  e = {
-    expanded: !0,
-    nodeRenderer: /* @__PURE__ */ l(({ name: E }) => /* @__PURE__ */ R.createElement("span", null, E), "nodeRenderer"),
-    onClick: /* @__PURE__ */ l(() => {
-    }, "onClick"),
-    shouldShowArrow: !1,
-    shouldShowPlaceholder: !0,
-    ...e
-  };
-  let { expanded: t, onClick: r, children: n, nodeRenderer: o, title: a, shouldShowArrow: c, shouldShowPlaceholder: s } = e, i = g("TreeNode"),
-  p = o;
-  return /* @__PURE__ */ R.createElement("li", {
-    "aria-expanded": t,
-    role: "treeitem",
-    style: i.treeNodeBase,
-    title: a
-  }, /* @__PURE__ */ R.createElement("div", {
-    style: i.treeNodePreviewContainer,
-    onClick: r
-  }, c || rt.count(n) > 0 ? /* @__PURE__ */ R.createElement(st, {
-    expanded: t,
-    styles: i.treeNodeArrow
-  }) : s && /* @__PURE__ */ R.createElement("span", {
-    style: i.treeNodePlaceholder
-  }, "\xA0"), /* @__PURE__ */ R.createElement(p, {
-    ...e
-  })), /* @__PURE__ */ R.createElement("ol", {
-    role: "group",
-    style: i.treeNodeChildNodesContainer
-  }, t ? n : void 0));
-}), F = "$", Oe = "*";
-function j(e, t) {
-  return !t(e).next().done;
-}
-l(j, "hasChildNodes");
-var ct = /* @__PURE__ */ l((e) => Array.from({ length: e }, (t, r) => [F].concat(Array.from({ length: r }, () => "*")).join(".")), "wildcard\
-PathsFromLevel"), pt = /* @__PURE__ */ l((e, t, r, n, o) => {
-  let a = [].concat(ct(n)).concat(r).filter((s) => typeof s == "string"), c = [];
-  return a.forEach((s) => {
-    let i = s.split("."), p = /* @__PURE__ */ l((E, f, A) => {
-      if (A === i.length) {
-        c.push(f);
-        return;
-      }
-      let N = i[A];
-      if (A === 0)
-        j(E, t) && (N === F || N === Oe) && p(E, F, A + 1);
-      else if (N === Oe)
-        for (let { name: O, data: d } of t(E))
-          j(d, t) && p(d, `${f}.${O}`, A + 1);
-      else {
-        let O = E[N];
-        j(O, t) && p(O, `${f}.${N}`, A + 1);
-      }
-    }, "populatePaths");
-    p(e, "", 0);
-  }), c.reduce((s, i) => (s[i] = !0, s), { ...o });
-}, "getExpandedPaths"), Ce = ge((e) => {
-  let { data: t, dataIterator: r, path: n, depth: o, nodeRenderer: a } = e, [c, s] = Ke(Ne), i = j(t, r), p = !!c[n], E = qe(() => i && s((f) => ({
-    ...f,
-    [n]: !p
-  })), [i, s, n, p]);
-  return /* @__PURE__ */ M.createElement(it, {
-    expanded: p,
-    onClick: E,
-    shouldShowArrow: i,
-    shouldShowPlaceholder: o > 0,
-    nodeRenderer: a,
-    ...e
-  }, p ? [...r(t)].map(({ name: f, data: A, ...N }) => /* @__PURE__ */ M.createElement(Ce, {
-    name: f,
-    data: A,
-    depth: o + 1,
-    path: `${n}.${f}`,
-    key: f,
-    dataIterator: r,
-    nodeRenderer: a,
-    ...N
-  })) : null);
-}), Re = ge(({ name: e, data: t, dataIterator: r, nodeRenderer: n, expandPaths: o, expandLevel: a }) => {
-  let c = g("TreeView"), s = et({}), [, i] = s;
-  return Qe(() => i((p) => pt(t, r, o, a, p)), [t, r, o, a]), /* @__PURE__ */ M.createElement(Ne.Provider, {
-    value: s
-  }, /* @__PURE__ */ M.createElement("ol", {
-    role: "tree",
-    style: c.treeViewOutline
-  }, /* @__PURE__ */ M.createElement(Ce, {
-    name: e,
-    data: t,
-    dataIterator: r,
-    depth: 0,
-    path: F,
-    nodeRenderer: n
-  })));
-}), ee = /* @__PURE__ */ l(({ name: e, dimmed: t = !1, styles: r = {} }) => {
-  let n = g("ObjectName"), o = {
-    ...n.base,
-    ...t ? n.dimmed : {},
-    ...r
-  };
-  return /* @__PURE__ */ Et.createElement("span", {
-    style: o
-  }, e);
-}, "ObjectName"), w = /* @__PURE__ */ l(({ object: e, styles: t }) => {
-  let r = g("ObjectValue"), n = /* @__PURE__ */ l((o) => ({ ...r[o], ...t }), "mkStyle");
-  switch (typeof e) {
-    case "bigint":
-      return /* @__PURE__ */ _.createElement("span", {
-        style: n("objectValueNumber")
-      }, String(e), "n");
-    case "number":
-      return /* @__PURE__ */ _.createElement("span", {
-        style: n("objectValueNumber")
-      }, String(e));
-    case "string":
-      return /* @__PURE__ */ _.createElement("span", {
-        style: n("objectValueString")
-      }, '"', e, '"');
-    case "boolean":
-      return /* @__PURE__ */ _.createElement("span", {
-        style: n("objectValueBoolean")
-      }, String(e));
-    case "undefined":
-      return /* @__PURE__ */ _.createElement("span", {
-        style: n("objectValueUndefined")
-      }, "undefined");
-    case "object":
-      return e === null ? /* @__PURE__ */ _.createElement("span", {
-        style: n("objectValueNull")
-      }, "null") : e instanceof Date ? /* @__PURE__ */ _.createElement("span", null, e.toString()) : e instanceof RegExp ? /* @__PURE__ */ _.
-      createElement("span", {
-        style: n("objectValueRegExp")
-      }, e.toString()) : Array.isArray(e) ? /* @__PURE__ */ _.createElement("span", null, `Array(${e.length})`) : e.constructor ? typeof e.constructor.
-      isBuffer == "function" && e.constructor.isBuffer(e) ? /* @__PURE__ */ _.createElement("span", null, `Buffer[${e.length}]`) : /* @__PURE__ */ _.
-      createElement("span", null, e.constructor.name) : /* @__PURE__ */ _.createElement("span", null, "Object");
-    case "function":
-      return /* @__PURE__ */ _.createElement("span", null, /* @__PURE__ */ _.createElement("span", {
-        style: n("objectValueFunctionPrefix")
-      }, "\u0192\xA0"), /* @__PURE__ */ _.createElement("span", {
-        style: n("objectValueFunctionName")
-      }, e.name, "()"));
-    case "symbol":
-      return /* @__PURE__ */ _.createElement("span", {
-        style: n("objectValueSymbol")
-      }, e.toString());
-    default:
-      return /* @__PURE__ */ _.createElement("span", null);
-  }
-}, "ObjectValue"), be = Object.prototype.hasOwnProperty, ut = Object.prototype.propertyIsEnumerable;
-function Z(e, t) {
-  let r = Object.getOwnPropertyDescriptor(e, t);
-  if (r.get)
-    try {
-      return r.get();
-    } catch {
-      return r.get;
-    }
-  return e[t];
-}
-l(Z, "getPropertyValue");
-function _e(e, t) {
-  return e.length === 0 ? [] : e.slice(1).reduce((r, n) => r.concat([t, n]), [e[0]]);
-}
-l(_e, "intersperse");
-var z = /* @__PURE__ */ l(({ data: e }) => {
-  let t = g("ObjectPreview"), r = e;
-  if (typeof r != "object" || r === null || r instanceof Date || r instanceof RegExp)
-    return /* @__PURE__ */ m.createElement(w, {
-      object: r
-    });
-  if (Array.isArray(r)) {
-    let n = t.arrayMaxProperties, o = r.slice(0, n).map((c, s) => /* @__PURE__ */ m.createElement(w, {
-      key: s,
-      object: c
-    }));
-    r.length > n && o.push(/* @__PURE__ */ m.createElement("span", {
-      key: "ellipsis"
-    }, "\u2026"));
-    let a = r.length;
-    return /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement("span", {
-      style: t.objectDescription
-    }, a === 0 ? "" : `(${a})\xA0`), /* @__PURE__ */ m.createElement("span", {
-      style: t.preview
-    }, "[", _e(o, ", "), "]"));
-  } else {
-    let n = t.objectMaxProperties, o = [];
-    for (let c in r)
-      if (be.call(r, c)) {
-        let s;
-        o.length === n - 1 && Object.keys(r).length > n && (s = /* @__PURE__ */ m.createElement("span", {
-          key: "ellipsis"
-        }, "\u2026"));
-        let i = Z(r, c);
-        if (o.push(/* @__PURE__ */ m.createElement("span", {
-          key: c
-        }, /* @__PURE__ */ m.createElement(ee, {
-          name: c || '""'
-        }), ":\xA0", /* @__PURE__ */ m.createElement(w, {
-          object: i
-        }), s)), s)
-          break;
-      }
-    let a = r.constructor ? r.constructor.name : "Object";
-    return /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement("span", {
-      style: t.objectDescription
-    }, a === "Object" ? "" : `${a} `), /* @__PURE__ */ m.createElement("span", {
-      style: t.preview
-    }, "{", _e(o, ", "), "}"));
-  }
-}, "ObjectPreview"), Ot = /* @__PURE__ */ l(({ name: e, data: t }) => typeof e == "string" ? /* @__PURE__ */ B.createElement("span", null, /* @__PURE__ */ B.
-createElement(ee, {
-  name: e
-}), /* @__PURE__ */ B.createElement("span", null, ": "), /* @__PURE__ */ B.createElement(z, {
-  data: t
-})) : /* @__PURE__ */ B.createElement(z, {
-  data: t
-}), "ObjectRootLabel"), _t = /* @__PURE__ */ l(({ name: e, data: t, isNonenumerable: r = !1 }) => {
-  let n = t;
-  return /* @__PURE__ */ x.createElement("span", null, typeof e == "string" ? /* @__PURE__ */ x.createElement(ee, {
-    name: e,
-    dimmed: r
-  }) : /* @__PURE__ */ x.createElement(z, {
-    data: e
-  }), /* @__PURE__ */ x.createElement("span", null, ": "), /* @__PURE__ */ x.createElement(w, {
-    object: n
-  }));
-}, "ObjectLabel"), dt = /* @__PURE__ */ l((e, t) => /* @__PURE__ */ l(function* (n) {
-  if (!(typeof n == "object" && n !== null || typeof n == "function"))
-    return;
-  let a = Array.isArray(n);
-  if (!a && n[Symbol.iterator]) {
-    let c = 0;
-    for (let s of n) {
-      if (Array.isArray(s) && s.length === 2) {
-        let [i, p] = s;
-        yield {
-          name: i,
-          data: p
-        };
-      } else
-        yield {
-          name: c.toString(),
-          data: s
-        };
-      c++;
-    }
-  } else {
-    let c = Object.getOwnPropertyNames(n);
-    t === !0 && !a ? c.sort() : typeof t == "function" && c.sort(t);
-    for (let s of c)
-      if (ut.call(n, s)) {
-        let i = Z(n, s);
-        yield {
-          name: s || '""',
-          data: i
-        };
-      } else if (e) {
-        let i;
-        try {
-          i = Z(n, s);
-        } catch {
-        }
-        i !== void 0 && (yield {
-          name: s,
-          data: i,
-          isNonenumerable: !0
-        });
-      }
-    e && n !== Object.prototype && (yield {
-      name: "__proto__",
-      data: Object.getPrototypeOf(n),
-      isNonenumerable: !0
-    });
-  }
-}, "objectIterator"), "createIterator"), mt = /* @__PURE__ */ l(({ depth: e, name: t, data: r, isNonenumerable: n }) => e === 0 ? /* @__PURE__ */ X.
-createElement(Ot, {
-  name: t,
-  data: r
-}) : /* @__PURE__ */ X.createElement(_t, {
-  name: t,
-  data: r,
-  isNonenumerable: n
-}), "defaultNodeRenderer"), Tt = /* @__PURE__ */ l(({ showNonenumerable: e = !1, sortObjectKeys: t, nodeRenderer: r, ...n }) => {
-  let o = dt(e, t), a = r || mt;
-  return /* @__PURE__ */ X.createElement(Re, {
-    nodeRenderer: a,
-    dataIterator: o,
-    ...n
-  });
-}, "ObjectInspector"), ft = Q(Tt);
-function gt(e) {
-  if (typeof e == "object") {
-    let t = [];
-    if (Array.isArray(e)) {
-      let n = e.length;
-      t = [...Array(n).keys()];
-    } else e !== null && (t = Object.keys(e));
-    let r = t.reduce((n, o) => {
-      let a = e[o];
-      return typeof a == "object" && a !== null && Object.keys(a).reduce((s, i) => (s.includes(i) || s.push(i), s), n), n;
-    }, []);
-    return {
-      rowHeaders: t,
-      colHeaders: r
-    };
-  }
-}
-l(gt, "getHeaders");
-var Nt = /* @__PURE__ */ l(({ rows: e, columns: t, rowsData: r }) => {
-  let n = g("TableInspectorDataContainer"), o = g("TableInspectorLeftBorder");
-  return /* @__PURE__ */ y.createElement("div", {
-    style: n.div
-  }, /* @__PURE__ */ y.createElement("table", {
-    style: n.table
-  }, /* @__PURE__ */ y.createElement("colgroup", null), /* @__PURE__ */ y.createElement("tbody", null, e.map((a, c) => /* @__PURE__ */ y.createElement(
-  "tr", {
-    key: a,
-    style: n.tr
-  }, /* @__PURE__ */ y.createElement("td", {
-    style: { ...n.td, ...o.none }
-  }, a), t.map((s) => {
-    let i = r[c];
-    return typeof i == "object" && i !== null && be.call(i, s) ? /* @__PURE__ */ y.createElement("td", {
-      key: s,
-      style: { ...n.td, ...o.solid }
-    }, /* @__PURE__ */ y.createElement(w, {
-      object: i[s]
-    })) : /* @__PURE__ */ y.createElement("td", {
-      key: s,
-      style: { ...n.td, ...o.solid }
-    });
-  }))))));
-}, "DataContainer"), Ct = /* @__PURE__ */ l((e) => /* @__PURE__ */ I.createElement("div", {
-  style: {
-    position: "absolute",
-    top: 1,
-    right: 0,
-    bottom: 1,
-    display: "flex",
-    alignItems: "center"
-  }
-}, e.children), "SortIconContainer"), Rt = /* @__PURE__ */ l(({ sortAscending: e }) => {
-  let t = g("TableInspectorSortIcon"), r = e ? "\u25B2" : "\u25BC";
-  return /* @__PURE__ */ I.createElement("div", {
-    style: t
-  }, r);
-}, "SortIcon"), Te = /* @__PURE__ */ l(({
-  sortAscending: e = !1,
-  sorted: t = !1,
-  onClick: r = void 0,
-  borderStyle: n = {},
-  children: o,
-  ...a
-}) => {
-  let c = g("TableInspectorTH"), [s, i] = yt(!1), p = me(() => i(!0), []), E = me(() => i(!1), []);
-  return /* @__PURE__ */ I.createElement("th", {
-    ...a,
-    style: {
-      ...c.base,
-      ...n,
-      ...s ? c.base[":hover"] : {}
-    },
-    onMouseEnter: p,
-    onMouseLeave: E,
-    onClick: r
-  }, /* @__PURE__ */ I.createElement("div", {
-    style: c.div
-  }, o), t && /* @__PURE__ */ I.createElement(Ct, null, /* @__PURE__ */ I.createElement(Rt, {
-    sortAscending: e
-  })));
-}, "TH"), bt = /* @__PURE__ */ l(({
-  indexColumnText: e = "(index)",
-  columns: t = [],
-  sorted: r,
-  sortIndexColumn: n,
-  sortColumn: o,
-  sortAscending: a,
-  onTHClick: c,
-  onIndexTHClick: s
-}) => {
-  let i = g("TableInspectorHeaderContainer"), p = g("TableInspectorLeftBorder");
-  return /* @__PURE__ */ h.createElement("div", {
-    style: i.base
-  }, /* @__PURE__ */ h.createElement("table", {
-    style: i.table
-  }, /* @__PURE__ */ h.createElement("tbody", null, /* @__PURE__ */ h.createElement("tr", null, /* @__PURE__ */ h.createElement(Te, {
-    borderStyle: p.none,
-    sorted: r && n,
-    sortAscending: a,
-    onClick: s
-  }, e), t.map((E) => /* @__PURE__ */ h.createElement(Te, {
-    borderStyle: p.solid,
-    key: E,
-    sorted: r && o === E,
-    sortAscending: a,
-    onClick: c.bind(null, E)
-  }, E))))));
-}, "HeaderContainer"), Lt = /* @__PURE__ */ l(({
-  data: e,
-  columns: t
-}) => {
-  let r = g("TableInspector"), [{ sorted: n, sortIndexColumn: o, sortColumn: a, sortAscending: c }, s] = At({
-    sorted: !1,
-    sortIndexColumn: !1,
-    sortColumn: void 0,
-    sortAscending: !1
-  }), i = de(() => {
-    s(({ sortIndexColumn: O, sortAscending: d }) => ({
-      sorted: !0,
-      sortIndexColumn: !0,
-      sortColumn: void 0,
-      sortAscending: O ? !d : !0
-    }));
-  }, []), p = de((O) => {
-    s(({ sortColumn: d, sortAscending: T }) => ({
-      sorted: !0,
-      sortIndexColumn: !1,
-      sortColumn: O,
-      sortAscending: O === d ? !T : !0
-    }));
-  }, []);
-  if (typeof e != "object" || e === null)
-    return /* @__PURE__ */ H.createElement("div", null);
-  let { rowHeaders: E, colHeaders: f } = gt(e);
-  t !== void 0 && (f = t);
-  let A = E.map((O) => e[O]), N;
-  if (a !== void 0 ? N = A.map((O, d) => typeof O == "object" && O !== null ? [O[a], d] : [void 0, d]) : o && (N = E.map((O, d) => [E[d], d])),
-  N !== void 0) {
-    let O = /* @__PURE__ */ l((T, we) => (Pe, Ue) => {
-      let ne = T(Pe), oe = T(Ue), le = typeof ne, ae = typeof oe, se = /* @__PURE__ */ l((v, ie) => v < ie ? -1 : v > ie ? 1 : 0, "lt"), S;
-      if (le === ae)
-        S = se(ne, oe);
-      else {
-        let v = {
-          string: 0,
-          number: 1,
-          object: 2,
-          symbol: 3,
-          boolean: 4,
-          undefined: 5,
-          function: 6
-        };
-        S = se(v[le], v[ae]);
-      }
-      return we || (S = -S), S;
-    }, "comparator"), d = N.sort(O((T) => T[0], c)).map((T) => T[1]);
-    E = d.map((T) => E[T]), A = d.map((T) => A[T]);
-  }
-  return /* @__PURE__ */ H.createElement("div", {
-    style: r.base
-  }, /* @__PURE__ */ H.createElement(bt, {
-    columns: f,
-    sorted: n,
-    sortIndexColumn: o,
-    sortColumn: a,
-    sortAscending: c,
-    onTHClick: p,
-    onIndexTHClick: i
-  }), /* @__PURE__ */ H.createElement(Nt, {
-    rows: E,
-    columns: f,
-    rowsData: A
-  }));
-}, "TableInspector"), ht = Q(Lt), St = 80, Le = /* @__PURE__ */ l((e) => e.childNodes.length === 0 || e.childNodes.length === 1 && e.childNodes[0].
-nodeType === Node.TEXT_NODE && e.textContent.length < St, "shouldInline"), vt = /* @__PURE__ */ l(({ tagName: e, attributes: t, styles: r }) => /* @__PURE__ */ u.
-createElement("span", {
-  style: r.base
-}, "<", /* @__PURE__ */ u.createElement("span", {
-  style: r.tagName
-}, e), (() => {
-  if (t) {
-    let n = [];
-    for (let o = 0; o < t.length; o++) {
-      let a = t[o];
-      n.push(/* @__PURE__ */ u.createElement("span", {
-        key: o
-      }, " ", /* @__PURE__ */ u.createElement("span", {
-        style: r.htmlAttributeName
-      }, a.name), '="', /* @__PURE__ */ u.createElement("span", {
-        style: r.htmlAttributeValue
-      }, a.value), '"'));
-    }
-    return n;
-  }
-})(), ">"), "OpenTag"), fe = /* @__PURE__ */ l(({ tagName: e, isChildNode: t = !1, styles: r }) => /* @__PURE__ */ u.createElement("span", {
-  style: Object.assign({}, r.base, t && r.offsetLeft)
-}, "</", /* @__PURE__ */ u.createElement("span", {
-  style: r.tagName
-}, e), ">"), "CloseTag"), Dt = {
-  1: "ELEMENT_NODE",
-  3: "TEXT_NODE",
-  7: "PROCESSING_INSTRUCTION_NODE",
-  8: "COMMENT_NODE",
-  9: "DOCUMENT_NODE",
-  10: "DOCUMENT_TYPE_NODE",
-  11: "DOCUMENT_FRAGMENT_NODE"
-}, Bt = /* @__PURE__ */ l(({ isCloseTag: e, data: t, expanded: r }) => {
-  let n = g("DOMNodePreview");
-  if (e)
-    return /* @__PURE__ */ u.createElement(fe, {
-      styles: n.htmlCloseTag,
-      isChildNode: !0,
-      tagName: t.tagName
-    });
-  switch (t.nodeType) {
-    case Node.ELEMENT_NODE:
-      return /* @__PURE__ */ u.createElement("span", null, /* @__PURE__ */ u.createElement(vt, {
-        tagName: t.tagName,
-        attributes: t.attributes,
-        styles: n.htmlOpenTag
-      }), Le(t) ? t.textContent : !r && "\u2026", !r && /* @__PURE__ */ u.createElement(fe, {
-        tagName: t.tagName,
-        styles: n.htmlCloseTag
-      }));
-    case Node.TEXT_NODE:
-      return /* @__PURE__ */ u.createElement("span", null, t.textContent);
-    case Node.CDATA_SECTION_NODE:
-      return /* @__PURE__ */ u.createElement("span", null, "<![CDATA[" + t.textContent + "]]>");
-    case Node.COMMENT_NODE:
-      return /* @__PURE__ */ u.createElement("span", {
-        style: n.htmlComment
-      }, "<!--", t.textContent, "-->");
-    case Node.PROCESSING_INSTRUCTION_NODE:
-      return /* @__PURE__ */ u.createElement("span", null, t.nodeName);
-    case Node.DOCUMENT_TYPE_NODE:
-      return /* @__PURE__ */ u.createElement("span", {
-        style: n.htmlDoctype
-      }, "<!DOCTYPE ", t.name, t.publicId ? ` PUBLIC "${t.publicId}"` : "", !t.publicId && t.systemId ? " SYSTEM" : "", t.systemId ? ` "${t.
-      systemId}"` : "", ">");
-    case Node.DOCUMENT_NODE:
-      return /* @__PURE__ */ u.createElement("span", null, t.nodeName);
-    case Node.DOCUMENT_FRAGMENT_NODE:
-      return /* @__PURE__ */ u.createElement("span", null, t.nodeName);
-    default:
-      return /* @__PURE__ */ u.createElement("span", null, Dt[t.nodeType]);
-  }
-}, "DOMNodePreview"), xt = /* @__PURE__ */ l(function* (e) {
-  if (e && e.childNodes) {
-    if (Le(e))
-      return;
-    for (let r = 0; r < e.childNodes.length; r++) {
-      let n = e.childNodes[r];
-      n.nodeType === Node.TEXT_NODE && n.textContent.trim().length === 0 || (yield {
-        name: `${n.tagName}[${r}]`,
-        data: n
-      });
-    }
-    e.tagName && (yield {
-      name: "CLOSE_TAG",
-      data: {
-        tagName: e.tagName
-      },
-      isCloseTag: !0
-    });
-  }
-}, "domIterator"), Mt = /* @__PURE__ */ l((e) => /* @__PURE__ */ It.createElement(Re, {
-  nodeRenderer: Bt,
-  dataIterator: xt,
-  ...e
-}), "DOMInspector"), wt = Q(Mt), Pt = We($e()), he = /* @__PURE__ */ l(({ table: e = !1, data: t, ...r }) => e ? /* @__PURE__ */ Y.createElement(
-ht, {
-  data: t,
-  ...r
-}) : (0, Pt.default)(t) ? /* @__PURE__ */ Y.createElement(wt, {
-  data: t,
-  ...r
-}) : /* @__PURE__ */ Y.createElement(ft, {
-  data: t,
-  ...r
-}), "Inspector");
-
-// src/actions/components/ActionLogger/index.tsx
-import { styled as Jt, withTheme as Wt } from "storybook/theming";
-
-// src/actions/components/ActionLogger/style.tsx
-import { opacify as Ut } from "polished";
-import { styled as te } from "storybook/theming";
-var Ie = te.div({
-  display: "flex",
-  padding: 0,
-  borderLeft: "5px solid transparent",
-  borderBottom: "1px solid transparent",
-  transition: "all 0.1s",
-  alignItems: "flex-start",
-  whiteSpace: "pre"
-}), Se = te.div(({ theme: e }) => ({
-  backgroundColor: Ut(0.5, e.appBorderColor),
-  color: e.color.inverseText,
-  fontSize: e.typography.size.s1,
-  fontWeight: e.typography.weight.bold,
-  lineHeight: 1,
-  padding: "1px 5px",
-  borderRadius: 20,
-  margin: "2px 0px"
-})), ve = te.div({
-  flex: 1,
-  padding: "0 0 0 5px"
-});
-
-// src/actions/components/ActionLogger/index.tsx
-var De = Vt(
-  ({ children: e, className: t }, r) => /* @__PURE__ */ C.createElement(Gt, { ref: r, horizontal: !0, vertical: !0, className: t }, e)
-);
-De.displayName = "UnstyledWrapped";
-var Yt = Jt(De)({
-  margin: 0,
-  padding: "10px 5px 20px"
-}), Xt = Wt(({ theme: e, ...t }) => /* @__PURE__ */ C.createElement(he, { theme: e.addonActionsTheme || "chromeLight", table: !1, ...t })), Be = /* @__PURE__ */ l(
-({ actions: e, onClear: t }) => {
-  let r = kt(null), n = r.current, o = n && n.scrollHeight - n.scrollTop === n.clientHeight;
-  return jt(() => {
-    o && (r.current.scrollTop = r.current.scrollHeight);
-  }, [o, e.length]), /* @__PURE__ */ C.createElement(Ht, null, /* @__PURE__ */ C.createElement(Yt, { ref: r }, e.map((a) => /* @__PURE__ */ C.
-  createElement(Ie, { key: a.id }, a.count > 1 && /* @__PURE__ */ C.createElement(Se, null, a.count), /* @__PURE__ */ C.createElement(ve, null,
-  /* @__PURE__ */ C.createElement(
-    Xt,
-    {
-      sortObjectKeys: !0,
-      showNonenumerable: !1,
-      name: a.data.name,
-      data: a.data.args ?? a.data
-    }
-  ))))), /* @__PURE__ */ C.createElement(Ft, { actionItems: [{ title: "Clear", onClick: t }] }));
-}, "ActionLogger");
-
-// src/actions/containers/ActionLogger/index.tsx
-var zt = /* @__PURE__ */ l((e, t) => {
-  try {
-    return L(e, t);
-  } catch {
-    return !1;
-  }
-}, "safeDeepEqual"), re = class re extends Zt {
-  constructor(r) {
-    super(r);
-    this.handleStoryChange = /* @__PURE__ */ l(() => {
-      let { actions: r } = this.state;
-      r.length > 0 && r[0].options.clearOnStoryChange && this.clearActions();
-    }, "handleStoryChange");
-    this.addAction = /* @__PURE__ */ l((r) => {
-      this.setState((n) => {
-        let o = [...n.actions], a = o.length && o[o.length - 1];
-        return a && zt(a.data, r.data) ? a.count++ : (r.count = 1, o.push(r)), { actions: o.slice(0, r.options.limit) };
-      });
-    }, "addAction");
-    this.clearActions = /* @__PURE__ */ l(() => {
-      let { api: r } = this.props;
-      r.emit(U), this.setState({ actions: [] });
-    }, "clearActions");
-    this.mounted = !1, this.state = { actions: [] };
-  }
-  componentDidMount() {
-    this.mounted = !0;
-    let { api: r } = this.props;
-    r.on(D, this.addAction), r.on(xe, this.handleStoryChange);
-  }
-  componentWillUnmount() {
-    this.mounted = !1;
-    let { api: r } = this.props;
-    r.off(xe, this.handleStoryChange), r.off(D, this.addAction);
-  }
-  render() {
-    let { actions: r = [] } = this.state, { active: n } = this.props, o = {
-      actions: r,
-      onClear: this.clearActions
-    };
-    return n ? /* @__PURE__ */ $t.createElement(Be, { ...o }) : null;
-  }
-};
-l(re, "ActionLogger");
-var P = re;
-
-// src/actions/manager.tsx
-function nr() {
-  let t = rr().getSelectedPanel(), [{ count: r }, n] = er(b, { count: 0 });
-  return tr({
-    [D]: () => {
-      n((a) => ({ ...a, count: a.count + 1 }));
-    },
-    [qt]: () => {
-      n((a) => ({ ...a, count: 0 }));
-    },
-    [U]: () => {
-      n((a) => ({ ...a, count: 0 }));
-    }
-  }), /* @__PURE__ */ G.createElement("div", { style: { display: "flex", alignItems: "center", gap: 6 } }, /* @__PURE__ */ G.createElement("\
-span", null, "Actions"), r === 0 ? null : /* @__PURE__ */ G.createElement(Kt, { compact: !0, status: t === J ? "active" : "neutral" }, r));
-}
-l(nr, "Title");
-Me.register(b, (e) => {
-  Me.add(J, {
-    title: nr,
-    type: Qt.PANEL,
-    render: /* @__PURE__ */ l(({ active: t }) => /* @__PURE__ */ G.createElement(P, { api: e, active: !!t }), "render"),
-    paramKey: ce
-  });
-});