storybook 9.0.0-alpha.3 → 9.0.0-alpha.5

package/dist/actions/manager.js

@@ -0,0 +1,1196 @@
+var He = Object.defineProperty;
+var l = (e, t) => He(e, "name", { value: t, configurable: !0 });
+
+// src/actions/manager.tsx
+import U from "react";
+import { Badge as Kt, Spaced as qt } from "storybook/internal/components";
+import { STORY_CHANGED as Qt } from "storybook/internal/core-events";
+import { addons as Me, types as er, useAddonState as tr, useChannel as rr } from "storybook/manager-api";
+
+// src/actions/constants.ts
+var ie = "actions", b = "storybook/actions", ce = `${b}/panel`, D = `${b}/action-event`, H = `${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 Ee = Object.prototype.hasOwnProperty;
+function pe(e, t, r) {
+  for (r of e.keys())
+    if (L(r, t)) return r;
+}
+l(pe, "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 = pe(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 = pe(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 (Ee.call(e, r) && ++n && !Ee.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 y, { 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 Y 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 pt from "react";
+import m from "react";
+import _ from "react";
+import x from "react";
+import V, { useCallback as de, useState as At } from "react";
+import C from "react";
+import h from "react";
+import I, { useCallback as me, useState as Ct } from "react";
+import It from "react";
+import u from "react";
+import W from "react";
+var Ve = Object.create, z = Object.defineProperty, je = Object.getOwnPropertyDescriptor, Ae = Object.getOwnPropertyNames, ke = Object.getPrototypeOf,
+Fe = Object.prototype.hasOwnProperty, K = /* @__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)
+    z(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 && z(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 ? z(r, "default", { value: e,
+enumerable: !0 }) : r, e)), "__toESM"), Ye = K({
+  "node_modules/is-object/index.js"(e, t) {
+    "use strict";
+    t.exports = /* @__PURE__ */ l(function(n) {
+      return typeof n == "object" && n !== null;
+    }, "isObject");
+  }
+}), Xe = K({
+  "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 = K({
+  "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;
+  }
+}), F = {};
+Ge(F, {
+  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([{}, () => {
+}]), J = {
+  WebkitTouchCallout: "none",
+  WebkitUserSelect: "none",
+  KhtmlUserSelect: "none",
+  MozUserSelect: "none",
+  msUserSelect: "none",
+  OUserSelect: "none",
+  userSelect: "none"
+}, j = /* @__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,
+      ...J
+    },
+    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`
+        } : {},
+        ...J
+      },
+      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,
+    ...J
+  }
+}), "createTheme"), X = "chromeLight", Ce = ot(j(F[X])), g = /* @__PURE__ */ l((e) => lt(Ce)[e], "useStyles"), q = /* @__PURE__ */ l((e) => /* @__PURE__ */ l(
+({ theme: r = X, ...n }) => {
+  let o = at(() => {
+    switch (Object.prototype.toString.call(r)) {
+      case "[object String]":
+        return j(F[r]);
+      case "[object Object]":
+        return j(r);
+      default:
+        return j(F[X]);
+    }
+  }, [r]);
+  return /* @__PURE__ */ ue.createElement(Ce.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: p }) => /* @__PURE__ */ R.createElement("span", null, p), "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"),
+  E = 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(E, {
+    ...e
+  })), /* @__PURE__ */ R.createElement("ol", {
+    role: "group",
+    style: i.treeNodeChildNodesContainer
+  }, t ? n : void 0));
+}), G = "$", Oe = "*";
+function k(e, t) {
+  return !t(e).next().done;
+}
+l(k, "hasChildNodes");
+var ct = /* @__PURE__ */ l((e) => Array.from({ length: e }, (t, r) => [G].concat(Array.from({ length: r }, () => "*")).join(".")), "wildcard\
+PathsFromLevel"), Et = /* @__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("."), E = /* @__PURE__ */ l((p, f, A) => {
+      if (A === i.length) {
+        c.push(f);
+        return;
+      }
+      let N = i[A];
+      if (A === 0)
+        k(p, t) && (N === G || N === Oe) && E(p, G, A + 1);
+      else if (N === Oe)
+        for (let { name: O, data: d } of t(p))
+          k(d, t) && E(d, `${f}.${O}`, A + 1);
+      else {
+        let O = p[N];
+        k(O, t) && E(O, `${f}.${N}`, A + 1);
+      }
+    }, "populatePaths");
+    E(e, "", 0);
+  }), c.reduce((s, i) => (s[i] = !0, s), { ...o });
+}, "getExpandedPaths"), ye = ge((e) => {
+  let { data: t, dataIterator: r, path: n, depth: o, nodeRenderer: a } = e, [c, s] = Ke(Ne), i = k(t, r), E = !!c[n], p = qe(() => i && s((f) => ({
+    ...f,
+    [n]: !E
+  })), [i, s, n, E]);
+  return /* @__PURE__ */ M.createElement(it, {
+    expanded: E,
+    onClick: p,
+    shouldShowArrow: i,
+    shouldShowPlaceholder: o > 0,
+    nodeRenderer: a,
+    ...e
+  }, E ? [...r(t)].map(({ name: f, data: A, ...N }) => /* @__PURE__ */ M.createElement(ye, {
+    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((E) => Et(t, r, o, a, E)), [t, r, o, a]), /* @__PURE__ */ M.createElement(Ne.Provider, {
+    value: s
+  }, /* @__PURE__ */ M.createElement("ol", {
+    role: "tree",
+    style: c.treeViewOutline
+  }, /* @__PURE__ */ M.createElement(ye, {
+    name: e,
+    data: t,
+    dataIterator: r,
+    depth: 0,
+    path: G,
+    nodeRenderer: n
+  })));
+}), Q = /* @__PURE__ */ l(({ name: e, dimmed: t = !1, styles: r = {} }) => {
+  let n = g("ObjectName"), o = {
+    ...n.base,
+    ...t ? n.dimmed : {},
+    ...r
+  };
+  return /* @__PURE__ */ pt.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 $(e, t) {
+  let r = Object.getOwnPropertyDescriptor(e, t);
+  if (r.get)
+    try {
+      return r.get();
+    } catch {
+      return r.get;
+    }
+  return e[t];
+}
+l($, "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 = $(r, c);
+        if (o.push(/* @__PURE__ */ m.createElement("span", {
+          key: c
+        }, /* @__PURE__ */ m.createElement(Q, {
+          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(Q, {
+  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(Q, {
+    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, E] = s;
+        yield {
+          name: i,
+          data: E
+        };
+      } 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 = $(n, s);
+        yield {
+          name: s || '""',
+          data: i
+        };
+      } else if (e) {
+        let i;
+        try {
+          i = $(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__ */ Y.
+createElement(Ot, {
+  name: t,
+  data: r
+}) : /* @__PURE__ */ Y.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__ */ Y.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__ */ C.createElement("div", {
+    style: n.div
+  }, /* @__PURE__ */ C.createElement("table", {
+    style: n.table
+  }, /* @__PURE__ */ C.createElement("colgroup", null), /* @__PURE__ */ C.createElement("tbody", null, e.map((a, c) => /* @__PURE__ */ C.createElement(
+  "tr", {
+    key: a,
+    style: n.tr
+  }, /* @__PURE__ */ C.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__ */ C.createElement("td", {
+      key: s,
+      style: { ...n.td, ...o.solid }
+    }, /* @__PURE__ */ C.createElement(w, {
+      object: i[s]
+    })) : /* @__PURE__ */ C.createElement("td", {
+      key: s,
+      style: { ...n.td, ...o.solid }
+    });
+  }))))));
+}, "DataContainer"), yt = /* @__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] = Ct(!1), E = me(() => i(!0), []), p = me(() => i(!1), []);
+  return /* @__PURE__ */ I.createElement("th", {
+    ...a,
+    style: {
+      ...c.base,
+      ...n,
+      ...s ? c.base[":hover"] : {}
+    },
+    onMouseEnter: E,
+    onMouseLeave: p,
+    onClick: r
+  }, /* @__PURE__ */ I.createElement("div", {
+    style: c.div
+  }, o), t && /* @__PURE__ */ I.createElement(yt, 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"), E = 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: E.none,
+    sorted: r && n,
+    sortAscending: a,
+    onClick: s
+  }, e), t.map((p) => /* @__PURE__ */ h.createElement(Te, {
+    borderStyle: E.solid,
+    key: p,
+    sorted: r && o === p,
+    sortAscending: a,
+    onClick: c.bind(null, p)
+  }, p))))));
+}, "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
+    }));
+  }, []), E = 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__ */ V.createElement("div", null);
+  let { rowHeaders: p, colHeaders: f } = gt(e);
+  t !== void 0 && (f = t);
+  let A = p.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 = p.map((O, d) => [p[d], d])),
+  N !== void 0) {
+    let O = /* @__PURE__ */ l((T, we) => (Pe, Ue) => {
+      let re = T(Pe), ne = T(Ue), oe = typeof re, le = typeof ne, ae = /* @__PURE__ */ l((v, se) => v < se ? -1 : v > se ? 1 : 0, "lt"), S;
+      if (oe === le)
+        S = ae(re, ne);
+      else {
+        let v = {
+          string: 0,
+          number: 1,
+          object: 2,
+          symbol: 3,
+          boolean: 4,
+          undefined: 5,
+          function: 6
+        };
+        S = ae(v[oe], v[le]);
+      }
+      return we || (S = -S), S;
+    }, "comparator"), d = N.sort(O((T) => T[0], c)).map((T) => T[1]);
+    p = d.map((T) => p[T]), A = d.map((T) => A[T]);
+  }
+  return /* @__PURE__ */ V.createElement("div", {
+    style: r.base
+  }, /* @__PURE__ */ V.createElement(bt, {
+    columns: f,
+    sorted: n,
+    sortIndexColumn: o,
+    sortColumn: a,
+    sortAscending: c,
+    onTHClick: E,
+    onIndexTHClick: i
+  }), /* @__PURE__ */ V.createElement(Nt, {
+    rows: p,
+    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__ */ W.createElement(
+ht, {
+  data: t,
+  ...r
+}) : (0, Pt.default)(t) ? /* @__PURE__ */ W.createElement(wt, {
+  data: t,
+  ...r
+}) : /* @__PURE__ */ W.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 ee } from "storybook/theming";
+var Ie = ee.div({
+  display: "flex",
+  padding: 0,
+  borderLeft: "5px solid transparent",
+  borderBottom: "1px solid transparent",
+  transition: "all 0.1s",
+  alignItems: "flex-start",
+  whiteSpace: "pre"
+}), Se = ee.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 = ee.div({
+  flex: 1,
+  padding: "0 0 0 5px"
+});
+
+// src/actions/components/ActionLogger/index.tsx
+var De = Vt(
+  ({ children: e, className: t }, r) => /* @__PURE__ */ y.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__ */ y.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__ */ y.createElement(Ht, null, /* @__PURE__ */ y.createElement(Yt, { ref: r }, e.map((a) => /* @__PURE__ */ y.
+  createElement(Ie, { key: a.id }, a.count > 1 && /* @__PURE__ */ y.createElement(Se, null, a.count), /* @__PURE__ */ y.createElement(ve, null,
+  /* @__PURE__ */ y.createElement(
+    Xt,
+    {
+      sortObjectKeys: !0,
+      showNonenumerable: !1,
+      name: a.data.name,
+      data: a.data.args ?? a.data
+    }
+  ))))), /* @__PURE__ */ y.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"), te = class te 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(H), 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(te, "ActionLogger");
+var P = te;
+
+// src/actions/manager.tsx
+function nr() {
+  let [{ count: e }, t] = tr(b, { count: 0 });
+  return rr({
+    [D]: () => {
+      t((n) => ({ ...n, count: n.count + 1 }));
+    },
+    [Qt]: () => {
+      t((n) => ({ ...n, count: 0 }));
+    },
+    [H]: () => {
+      t((n) => ({ ...n, count: 0 }));
+    }
+  }), /* @__PURE__ */ U.createElement("div", null, /* @__PURE__ */ U.createElement(qt, { col: 1 }, /* @__PURE__ */ U.createElement("span", {
+  style: { display: "inline-block", verticalAlign: "middle" } }, "Actions"), e === 0 ? "" : /* @__PURE__ */ U.createElement(Kt, { status: "n\
+eutral" }, e)));
+}
+l(nr, "Title");
+Me.register(b, (e) => {
+  Me.add(ce, {
+    title: nr,
+    type: er.PANEL,
+    render: /* @__PURE__ */ l(({ active: t }) => /* @__PURE__ */ U.createElement(P, { api: e, active: !!t }), "render"),
+    paramKey: ie
+  });
+});