@shane_il/pulse 0.2.0 → 0.4.0

package/dist/devtools.js

@@ -1,59 +1,89 @@
-var oe = Object.defineProperty;
-var se = (e, t, n) => t in e ? oe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var b = (e, t, n) => se(e, typeof t != "symbol" ? t + "" : t, n);
-let L = !1;
-const A = /* @__PURE__ */ new Set();
-function re(e) {
-  A.add(e), L || (L = !0, queueMicrotask(ie));
+var it = Object.defineProperty;
+var ct = (t, e, n) => e in t ? it(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var S = (t, e, n) => ct(t, typeof e != "symbol" ? e + "" : e, n);
+let M = !1;
+const R = /* @__PURE__ */ new Set();
+function K(t) {
+  R.add(t), M || (M = !0, queueMicrotask(lt));
 }
-function ie() {
-  const e = [...A];
-  A.clear(), L = !1;
-  for (const t of e)
-    t();
+function lt() {
+  const t = [...R];
+  R.clear(), M = !1;
+  for (const e of t)
+    e();
 }
-const q = Symbol("PULSE_CONNECTED"), F = globalThis;
+const J = Symbol("PULSE_CONNECTED"), F = globalThis;
 F.__PULSE_HOOKS__ || (F.__PULSE_HOOKS__ = { onMount: null, onUnmount: null });
-const E = F.__PULSE_HOOKS__;
-function ce(e, t) {
-  E.onMount = e, E.onUnmount = t;
+const T = F.__PULSE_HOOKS__;
+function at(t, e) {
+  T.onMount = t, T.onUnmount = e;
 }
-function le(e, t) {
+function pt(t, e) {
   return function(o) {
-    const s = e || {};
+    const s = t || {};
     function r(i) {
-      const a = {};
+      const l = {};
       for (const u in s) {
-        const { store: c, selector: h } = s[u];
-        a[u] = h(c.getState());
+        const { store: f, selector: h } = s[u];
+        l[u] = h(f.getState());
       }
-      return o({ ...a, ...i });
+      return o({ ...l, ...i });
     }
-    return r[q] = !0, r._bindings = s, r._innerComponent = o, r.displayName = `Connected(${o.displayName || o.name || "Anonymous"})`, r;
+    return r[J] = !0, r._bindings = s, r._innerComponent = o, r.displayName = `Connected(${o.displayName || o.name || "Anonymous"})`, r;
   };
 }
-class ae {
-  constructor(t, n) {
-    b(this, "connectedFn");
-    b(this, "props");
-    b(this, "prevSelected");
-    b(this, "unsubscribers");
-    b(this, "lastVTree");
-    b(this, "parentDom");
-    b(this, "_renderCallback");
-    b(this, "_mountCleanup");
-    this.connectedFn = t, this.props = n, this.prevSelected = {}, this.unsubscribers = [], this.lastVTree = null, this.parentDom = null, this._renderCallback = null, this._mountCleanup = null;
+class ut {
+  constructor(e, n) {
+    S(this, "connectedFn");
+    S(this, "props");
+    S(this, "prevSelected");
+    S(this, "unsubscribers");
+    S(this, "lastVTree");
+    S(this, "parentDom");
+    S(this, "_renderCallback");
+    S(this, "_mountCleanup");
+    S(this, "_localState");
+    S(this, "_localActions");
+    this.connectedFn = e, this.props = n, this.prevSelected = {}, this.unsubscribers = [], this.lastVTree = null, this.parentDom = null, this._renderCallback = null, this._mountCleanup = null, this._localState = null, this._localActions = null;
+    const o = e._lifecycle;
+    o != null && o.store && this._initLocalStore(o.store);
   }
-  mount(t, n) {
+  _initLocalStore(e) {
+    this._localState = { ...e.state }, this._localActions = e.actions;
+    const n = this.connectedFn._bindings, o = this.connectedFn.displayName || "component", s = Object.keys(this._localState), r = Object.keys(this._localActions);
+    for (const i of s)
+      i in n && console.warn(
+        `[pulse] Local store state "${i}" shadows global binding in ${o}. Local value will be used.`
+      );
+    for (const i of r)
+      i in n && console.warn(
+        `[pulse] Local store action "${i}" shadows global binding in ${o}. Local value will be used.`
+      ), i in this._localState && console.warn(
+        `[pulse] Local store action "${i}" shadows state key with same name in ${o}.`
+      );
+  }
+  getLocalProps() {
+    if (!this._localState) return null;
+    const e = { ...this._localState };
+    for (const n in this._localActions) {
+      const o = this._localActions[n];
+      e[n] = (s) => {
+        const r = o(this._localState, s);
+        r !== this._localState && (this._localState = r, this._renderCallback && K(this._renderCallback));
+      };
+    }
+    return e;
+  }
+  mount(e, n) {
     var r;
-    this.parentDom = t, this._renderCallback = n;
+    this.parentDom = e, this._renderCallback = n;
     const o = this.connectedFn._bindings;
     for (const i in o) {
-      const { store: a, selector: u } = o[i];
-      this.prevSelected[i] = u(a.getState());
+      const { store: l, selector: u } = o[i];
+      this.prevSelected[i] = u(l.getState());
     }
     for (const i in o) {
-      const { store: a } = o[i], u = a.subscribe(() => {
+      const { store: l } = o[i], u = l.subscribe(() => {
         this._onStoreChange();
       });
       this.unsubscribers.push(u);
@@ -66,209 +96,215 @@ class ae {
       });
       typeof i == "function" && (this._mountCleanup = i);
     }
-    E.onMount && E.onMount(this);
+    T.onMount && T.onMount(this);
   }
   _onStoreChange() {
-    const t = this.connectedFn._bindings;
+    const e = this.connectedFn._bindings;
     let n = !1;
-    for (const o in t) {
-      const { store: s, selector: r } = t[o], i = r(s.getState());
-      if (!pe(i, this.prevSelected[o])) {
+    for (const o in e) {
+      const { store: s, selector: r } = e[o], i = r(s.getState());
+      if (!ft(i, this.prevSelected[o])) {
         n = !0;
         break;
       }
     }
-    n && re(this._renderCallback);
+    n && K(this._renderCallback);
   }
   updateSelected() {
-    const t = this.connectedFn._bindings;
-    for (const n in t) {
-      const { store: o, selector: s } = t[n];
+    const e = this.connectedFn._bindings;
+    for (const n in e) {
+      const { store: o, selector: s } = e[n];
       this.prevSelected[n] = s(o.getState());
     }
   }
   unmount() {
-    E.onUnmount && E.onUnmount(this), this._mountCleanup && (this._mountCleanup(), this._mountCleanup = null);
-    const t = this.connectedFn._lifecycle;
-    t != null && t.onDestroy && t.onDestroy({ props: this.props });
+    T.onUnmount && T.onUnmount(this), this._mountCleanup && (this._mountCleanup(), this._mountCleanup = null);
+    const e = this.connectedFn._lifecycle;
+    e != null && e.onDestroy && e.onDestroy({ props: this.props });
     for (const n of this.unsubscribers)
       n();
     this.unsubscribers = [], this._renderCallback = null;
   }
 }
-function pe(e, t) {
-  if (Object.is(e, t)) return !0;
-  if (typeof e != "object" || typeof t != "object" || e === null || t === null) return !1;
-  const n = Object.keys(e), o = Object.keys(t);
+function ft(t, e) {
+  if (Object.is(t, e)) return !0;
+  if (typeof t != "object" || typeof e != "object" || t === null || e === null) return !1;
+  const n = Object.keys(t), o = Object.keys(e);
   if (n.length !== o.length) return !1;
   for (const s of n)
-    if (!Object.prototype.hasOwnProperty.call(t, s) || !Object.is(e[s], t[s]))
+    if (!Object.prototype.hasOwnProperty.call(e, s) || !Object.is(t[s], e[s]))
       return !1;
   return !0;
 }
-function G(e) {
-  let t = e.state;
-  const n = e.actions, o = /* @__PURE__ */ new Set(), s = e.middleware;
+function Q(t) {
+  let e = t.state;
+  const n = t.actions, o = /* @__PURE__ */ new Set(), s = t.middleware;
   function r() {
-    return t;
+    return e;
   }
   function i() {
-    for (const f of o)
-      f(t);
+    for (const p of o)
+      p(e);
   }
-  function a(f, y) {
-    const S = n[f];
-    if (!S)
-      throw new Error(`[pulse] Unknown action: "${f}"`);
-    const x = S(t, y);
-    x !== t && (t = x, i());
+  function l(p, b) {
+    const _ = n[p];
+    if (!_)
+      throw new Error(`[pulse] Unknown action: "${p}"`);
+    const m = _(e, b);
+    m !== e && (e = m, i());
   }
-  function u(f, y) {
-    if (f === "__devtools_replace__") {
-      t = y, i();
+  function u(p, b) {
+    if (p === "__devtools_replace__") {
+      e = b, i();
       return;
     }
-    const S = n[f];
-    if (!S)
-      throw new Error(`[pulse] Unknown action: "${f}"`);
-    const x = {
-      store: l,
-      actionName: f,
-      payload: y,
-      prevState: t,
+    const _ = n[p];
+    if (!_)
+      throw new Error(`[pulse] Unknown action: "${p}"`);
+    const m = {
+      store: c,
+      actionName: p,
+      payload: b,
+      prevState: e,
       nextState: void 0
     };
-    let w = 0;
+    let k = 0;
     function z() {
-      if (w < s.length) {
-        const C = s[w++];
-        C(x, z);
+      if (k < s.length) {
+        const C = s[k++];
+        C(m, z);
       } else {
-        const C = S(x.prevState, x.payload);
-        x.nextState = C, C !== t && (t = C, i());
+        const C = _(m.prevState, m.payload);
+        m.nextState = C, C !== e && (e = C, i());
       }
     }
     z();
   }
-  const c = s && s.length > 0 ? u : a;
-  function h(f) {
-    return o.add(f), () => {
-      o.delete(f);
+  const f = s && s.length > 0 ? u : l;
+  function h(p) {
+    return o.add(p), () => {
+      o.delete(p);
     };
   }
-  function g(f) {
-    return { store: l, selector: f };
+  function y(p) {
+    return { store: c, selector: p };
   }
-  const l = {
+  const c = {
     getState: r,
-    dispatch: c,
+    dispatch: f,
     subscribe: h,
-    select: g
+    select: y
   };
-  return e.name && (l.name = e.name), l;
+  return t.name && (c.name = t.name), c;
 }
-function ue(e, t) {
+function dt(t, e) {
   return (o, s) => {
-    s(), e.push({
+    s(), t.push({
       actionName: o.actionName,
       payload: o.payload,
       prevState: o.prevState,
       nextState: o.nextState ?? o.prevState,
       timestamp: Date.now()
-    }), e.length > 1 / 0 && e.splice(0, e.length - 1 / 0);
+    }), t.length > 1 / 0 && t.splice(0, t.length - 1 / 0);
   };
 }
-let fe = 1;
-class de {
+let ht = 1;
+class yt {
   constructor() {
-    b(this, "stores", /* @__PURE__ */ new Map());
-    b(this, "components", /* @__PURE__ */ new Map());
-    b(this, "listeners", /* @__PURE__ */ new Set());
+    S(this, "stores", /* @__PURE__ */ new Map());
+    S(this, "components", /* @__PURE__ */ new Map());
+    S(this, "listeners", /* @__PURE__ */ new Set());
   }
-  registerStore(t, n, o) {
-    const s = o || t.name || `store_${this.stores.size}`;
-    this.stores.set(s, { store: t, history: n, name: s }), t.subscribe(() => {
+  registerStore(e, n, o) {
+    const s = o || e.name || `store_${this.stores.size}`;
+    this.stores.set(s, { store: e, history: n, name: s }), e.subscribe(() => {
       this.emit({ type: "action-dispatched", storeName: s });
     }), this.emit({ type: "store-registered", storeName: s });
   }
   getStoreNames() {
     return Array.from(this.stores.keys());
   }
-  getStoreState(t) {
+  getStoreState(e) {
     var n;
-    return (n = this.stores.get(t)) == null ? void 0 : n.store.getState();
+    return (n = this.stores.get(e)) == null ? void 0 : n.store.getState();
   }
-  getTrackedStore(t) {
-    return this.stores.get(t);
+  getTrackedStore(e) {
+    return this.stores.get(e);
   }
-  getHistory(t) {
+  getHistory(e) {
     var o;
-    if (t)
-      return ((o = this.stores.get(t)) == null ? void 0 : o.history) ?? [];
+    if (e)
+      return ((o = this.stores.get(e)) == null ? void 0 : o.history) ?? [];
     const n = [];
     for (const s of this.stores.values())
       n.push(...s.history);
     return n.sort((s, r) => s.timestamp - r.timestamp);
   }
-  trackComponent(t, n) {
-    const o = fe++;
-    return this.components.set(o, { id: o, displayName: t, storeNames: n }), this.emit({ type: "component-mounted", data: { id: o, displayName: t, storeNames: n } }), o;
+  trackComponent(e, n) {
+    const o = ht++;
+    return this.components.set(o, { id: o, displayName: e, storeNames: n }), this.emit({
+      type: "component-mounted",
+      data: { id: o, displayName: e, storeNames: n }
+    }), o;
   }
-  untrackComponent(t) {
-    const n = this.components.get(t);
-    n && (this.components.delete(t), this.emit({ type: "component-unmounted", data: { id: t, displayName: n.displayName } }));
+  untrackComponent(e) {
+    const n = this.components.get(e);
+    n && (this.components.delete(e), this.emit({
+      type: "component-unmounted",
+      data: { id: e, displayName: n.displayName }
+    }));
   }
   getComponents() {
     return Array.from(this.components.values());
   }
-  on(t) {
-    return this.listeners.add(t), () => {
-      this.listeners.delete(t);
+  on(e) {
+    return this.listeners.add(e), () => {
+      this.listeners.delete(e);
     };
   }
-  emit(t) {
+  emit(e) {
     for (const n of this.listeners)
-      n(t);
+      n(e);
   }
 }
-function Ge(e, t) {
-  const n = [], o = ue(n), s = G({
-    ...t,
-    middleware: [o, ...t.middleware || []]
+function Qt(t, e) {
+  const n = [], o = dt(n), s = Q({
+    ...e,
+    middleware: [o, ...e.middleware || []]
   });
-  return e.registerStore(s, n, t.name), { store: s, history: n };
+  return t.registerStore(s, n, e.name), { store: s, history: n };
 }
-const B = Symbol("TEXT_NODE"), he = Symbol("FRAGMENT");
-function H(e) {
+const D = Symbol("TEXT_NODE"), mt = Symbol("FRAGMENT");
+function B(t) {
   return {
-    type: B,
-    props: { nodeValue: String(e) },
+    type: D,
+    props: { nodeValue: String(t) },
     children: [],
     key: null
   };
 }
-function ye(e) {
-  return e == null || typeof e == "boolean" ? null : typeof e == "string" || typeof e == "number" ? H(e) : e;
+function gt(t) {
+  return t == null || typeof t == "boolean" ? null : typeof t == "string" || typeof t == "number" ? B(t) : t;
 }
-function J(e) {
-  const t = [];
-  for (const n of e)
+function Y(t) {
+  const e = [];
+  for (const n of t)
     if (Array.isArray(n))
-      t.push(...J(n));
+      e.push(...Y(n));
     else {
-      const o = ye(n);
-      o !== null && t.push(o);
+      const o = gt(n);
+      o !== null && e.push(o);
     }
-  return t;
+  return e;
 }
-function p(e, t, ...n) {
-  t = t || {};
-  const o = t.key ?? null;
-  t.key !== void 0 && (t = { ...t }, delete t.key);
-  const s = J(n);
-  return { type: e, props: t, children: s, key: o };
+function a(t, e, ...n) {
+  e = e || {};
+  const o = e.key ?? null;
+  e.key !== void 0 && (e = { ...e }, delete e.key);
+  const s = Y(n);
+  return { type: t, props: e, children: s, key: o };
 }
-const m = {
+const g = {
   CREATE: "CREATE",
   REMOVE: "REMOVE",
   REPLACE: "REPLACE",
@@ -277,348 +313,386 @@ const m = {
   MOVE: "MOVE",
   CHILDREN: "CHILDREN"
 };
-function _(e, t) {
-  if (t == null && e == null) return [];
-  if (t == null) return [{ type: m.REMOVE, target: e }];
-  if (e == null) return [{ type: m.CREATE, newVNode: t }];
-  if (e.type !== t.type)
-    return [{ type: m.REPLACE, oldVNode: e, newVNode: t }];
-  if (t._dom = e._dom, e.type === B)
-    return e.props.nodeValue !== t.props.nodeValue ? [{ type: m.TEXT, oldVNode: e, newVNode: t }] : [];
-  const n = [], o = me(e.props, t.props);
-  o && n.push({ type: m.UPDATE, target: e, propPatches: o });
-  const s = ge(e.children, t.children);
-  return s.length && n.push({ type: m.CHILDREN, parent: e, childPatches: s }), n;
+function x(t, e) {
+  if (e == null && t == null) return [];
+  if (e == null) return [{ type: g.REMOVE, target: t }];
+  if (t == null) return [{ type: g.CREATE, newVNode: e }];
+  if (t.type !== e.type)
+    return [{ type: g.REPLACE, oldVNode: t, newVNode: e }];
+  if (e._dom = t._dom, t.type === D)
+    return t.props.nodeValue !== e.props.nodeValue ? [{ type: g.TEXT, oldVNode: t, newVNode: e }] : [];
+  const n = [], o = St(t.props, e.props);
+  o && n.push({ type: g.UPDATE, target: t, propPatches: o });
+  const s = bt(t.children, e.children);
+  return s.length && n.push({ type: g.CHILDREN, parent: t, childPatches: s }), n;
 }
-function me(e, t) {
+function St(t, e) {
   const n = {}, o = [];
   let s = !1;
-  for (const r in t)
-    r !== "children" && e[r] !== t[r] && (n[r] = t[r], s = !0);
   for (const r in e)
-    r !== "children" && (r in t || (o.push(r), s = !0));
+    r !== "children" && t[r] !== e[r] && (n[r] = e[r], s = !0);
+  for (const r in t)
+    r !== "children" && (r in e || (o.push(r), s = !0));
   return s ? { set: n, remove: o } : null;
 }
-function O(e, t) {
-  return e == null || t == null ? !1 : e.type === t.type && e.key === t.key;
+function v(t, e) {
+  return t == null || e == null ? !1 : t.type === e.type && t.key === e.key;
 }
-function K(e, t) {
+function G(t, e) {
   const n = /* @__PURE__ */ new Set();
   let o = 0, s = 0;
-  for (const r of e)
+  for (const r of t)
     r != null && (r.key != null ? (o++, n.has(r.key) && console.warn(
-      `[pulse] Duplicate key "${String(r.key)}" in ${t} children. Keys must be unique among siblings.`
+      `[pulse] Duplicate key "${String(r.key)}" in ${e} children. Keys must be unique among siblings.`
     ), n.add(r.key)) : s++);
   o > 0 && s > 0 && console.warn(
-    `[pulse] Mixed keyed and unkeyed children in ${t} list (${o} keyed, ${s} unkeyed). Either all children should have keys or none should.`
+    `[pulse] Mixed keyed and unkeyed children in ${e} list (${o} keyed, ${s} unkeyed). Either all children should have keys or none should.`
   );
 }
-function ge(e, t) {
-  var g;
-  process.env.NODE_ENV !== "production" && (K(e, "old"), K(t, "new"));
+function bt(t, e) {
+  var y;
+  process.env.NODE_ENV !== "production" && (G(t, "old"), G(e, "new"));
   const n = [];
-  let o = 0, s = e.length - 1, r = 0, i = t.length - 1, a = e[o], u = e[s], c = t[r], h = t[i];
+  let o = 0, s = t.length - 1, r = 0, i = e.length - 1, l = t[o], u = t[s], f = e[r], h = e[i];
   for (; o <= s && r <= i; ) {
-    if (a == null) {
-      a = e[++o];
+    if (l == null) {
+      l = t[++o];
       continue;
     }
     if (u == null) {
-      u = e[--s];
+      u = t[--s];
       continue;
     }
-    if (O(a, c))
-      n.push(..._(a, c)), a = e[++o], c = t[++r];
-    else if (O(u, h))
-      n.push(..._(u, h)), u = e[--s], h = t[--i];
-    else if (O(a, h))
+    if (v(l, f))
+      n.push(...x(l, f)), l = t[++o], f = e[++r];
+    else if (v(u, h))
+      n.push(...x(u, h)), u = t[--s], h = e[--i];
+    else if (v(l, h))
       n.push({
-        type: m.MOVE,
-        vnode: a,
-        anchor: e[s + 1] || null,
-        childPatches: _(a, h)
-      }), a = e[++o], h = t[--i];
-    else if (O(u, c))
+        type: g.MOVE,
+        vnode: l,
+        anchor: t[s + 1] || null,
+        childPatches: x(l, h)
+      }), l = t[++o], h = e[--i];
+    else if (v(u, f))
       n.push({
-        type: m.MOVE,
+        type: g.MOVE,
         vnode: u,
-        anchor: a,
-        childPatches: _(u, c)
-      }), u = e[--s], c = t[++r];
+        anchor: l,
+        childPatches: x(u, f)
+      }), u = t[--s], f = e[++r];
     else
       break;
   }
   if (o <= s && r <= i) {
-    const l = /* @__PURE__ */ new Map();
-    for (let f = o; f <= s; f++) {
-      const y = (g = e[f]) == null ? void 0 : g.key;
-      y != null && l.set(y, f);
+    const c = /* @__PURE__ */ new Map();
+    for (let p = o; p <= s; p++) {
+      const b = (y = t[p]) == null ? void 0 : y.key;
+      b != null && c.set(b, p);
     }
     for (; r <= i; ) {
-      c = t[r];
-      const f = c.key != null ? l.get(c.key) : void 0;
-      if (f !== void 0) {
-        const y = e[f];
+      f = e[r];
+      const p = f.key != null ? c.get(f.key) : void 0;
+      if (p !== void 0) {
+        const b = t[p];
         n.push({
-          type: m.MOVE,
-          vnode: y,
-          anchor: e[o] || null,
-          childPatches: _(y, c)
-        }), e[f] = null, l.delete(c.key);
+          type: g.MOVE,
+          vnode: b,
+          anchor: t[o] || null,
+          childPatches: x(b, f)
+        }), t[p] = null, c.delete(f.key);
       } else
         n.push({
-          type: m.CREATE,
-          newVNode: c,
-          anchor: e[o] || null
+          type: g.CREATE,
+          newVNode: f,
+          anchor: t[o] || null
         });
       r++;
     }
-    for (let f = o; f <= s; f++)
-      e[f] != null && n.push({ type: m.REMOVE, target: e[f] });
+    for (let p = o; p <= s; p++)
+      t[p] != null && n.push({ type: g.REMOVE, target: t[p] });
   }
   if (o > s) {
-    const l = t[i + 1] || null;
-    for (let f = r; f <= i; f++)
-      n.push({ type: m.CREATE, newVNode: t[f], anchor: l });
+    const c = e[i + 1] || null;
+    for (let p = r; p <= i; p++)
+      n.push({ type: g.CREATE, newVNode: e[p], anchor: c });
   } else if (r > i)
-    for (let l = o; l <= s; l++)
-      e[l] != null && n.push({ type: m.REMOVE, target: e[l] });
+    for (let c = o; c <= s; c++)
+      t[c] != null && n.push({ type: g.REMOVE, target: t[c] });
   return n;
 }
-function v(e) {
-  if (e.type === B) {
-    const n = document.createTextNode(e.props.nodeValue);
-    return e._dom = n, n;
+const Z = "http://www.w3.org/2000/svg";
+function P(t, e) {
+  if (t.type === D) {
+    const o = document.createTextNode(t.props.nodeValue);
+    return t._dom = o, o;
   }
-  if (e.type === he) {
-    const n = document.createDocumentFragment();
-    for (const o of e.children)
-      n.appendChild(v(o));
-    return e._dom = n, n;
+  if (t.type === mt) {
+    const o = document.createDocumentFragment();
+    for (const s of t.children)
+      o.appendChild(P(s, e));
+    return t._dom = o, o;
   }
-  const t = document.createElement(e.type);
-  be(t, {}, e.props);
-  for (const n of e.children)
-    t.appendChild(v(n));
-  return e._dom = t, t;
+  t.type === "svg" ? e = Z : t.type === "foreignObject" && (e = void 0);
+  const n = e ? document.createElementNS(e, t.type) : document.createElement(t.type);
+  _t(n, {}, t.props);
+  for (const o of t.children)
+    n.appendChild(P(o, e));
+  return t._dom = n, n;
 }
-function be(e, t, n) {
-  for (const o in t)
-    o === "children" || o === "key" || o in n || Y(e, o, t[o]);
+function _t(t, e, n) {
+  for (const o in e)
+    o === "children" || o === "key" || o in n || et(t, o, e[o]);
   for (const o in n)
-    o === "children" || o === "key" || t[o] !== n[o] && Q(e, o, n[o], t[o]);
+    o === "children" || o === "key" || e[o] !== n[o] && tt(t, o, n[o], e[o]);
 }
-function Q(e, t, n, o) {
-  if (t.startsWith("on")) {
-    const s = t.slice(2).toLowerCase();
-    o && e.removeEventListener(s, o), n && e.addEventListener(s, n);
-  } else if (t === "className")
-    e.className = n || "";
-  else if (t === "style" && typeof n == "object") {
+function tt(t, e, n, o) {
+  if (e.startsWith("on")) {
+    const s = e.slice(2).toLowerCase();
+    o && t.removeEventListener(s, o), n && t.addEventListener(s, n);
+  } else if (e === "className" || e === "class")
+    t instanceof SVGElement ? t.setAttribute("class", n || "") : t.className = n || "";
+  else if (e === "style" && typeof n == "object") {
     if (typeof o == "object" && o)
       for (const s in o)
-        s in n || (e.style[s] = "");
-    Object.assign(e.style, n);
-  } else t === "ref" ? typeof n == "function" && n(e) : n === !0 ? e.setAttribute(t, "") : n === !1 || n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
+        s in n || (t.style[s] = "");
+    Object.assign(t.style, n);
+  } else if (e === "dangerouslySetInnerHTML")
+    n && typeof n.__html == "string" && (t.innerHTML = n.__html);
+  else if (e === "ref")
+    typeof n == "function" && n(t);
+  else if (e in t && !(t instanceof SVGElement))
+    try {
+      t[e] = n ?? "";
+    } catch {
+      t.setAttribute(e, n);
+    }
+  else n === !0 ? t.setAttribute(e, "") : n === !1 || n == null ? t.removeAttribute(e) : t.setAttribute(e, n);
+}
+function et(t, e, n) {
+  if (e.startsWith("on"))
+    t.removeEventListener(e.slice(2).toLowerCase(), n);
+  else if (e === "dangerouslySetInnerHTML")
+    t.innerHTML = "";
+  else if (e === "className" || e === "class")
+    t instanceof SVGElement ? t.removeAttribute("class") : t.className = "";
+  else if (e in t && !(t instanceof SVGElement))
+    try {
+      t[e] = "";
+    } catch {
+      t.removeAttribute(e);
+    }
+  else
+    t.removeAttribute(e);
 }
-function Y(e, t, n) {
-  t.startsWith("on") ? e.removeEventListener(t.slice(2).toLowerCase(), n) : t === "className" ? e.className = "" : e.removeAttribute(t);
+function W(t) {
+  return t instanceof SVGElement ? Z : void 0;
 }
-function P(e, t) {
+function V(t, e) {
   var n, o, s;
-  for (const r of t)
+  for (const r of e)
     switch (r.type) {
-      case m.CREATE: {
-        const i = v(r.newVNode);
-        (n = r.anchor) != null && n._dom ? e.insertBefore(i, r.anchor._dom) : e.appendChild(i);
+      case g.CREATE: {
+        const i = P(r.newVNode, W(t));
+        (n = r.anchor) != null && n._dom ? t.insertBefore(i, r.anchor._dom) : t.appendChild(i);
         break;
       }
-      case m.REMOVE: {
+      case g.REMOVE: {
         const i = r.target._dom;
         i != null && i.parentNode && i.parentNode.removeChild(i);
         break;
       }
-      case m.REPLACE: {
-        const i = v(r.newVNode), a = r.oldVNode._dom;
-        a != null && a.parentNode && a.parentNode.replaceChild(i, a);
+      case g.REPLACE: {
+        const i = r.oldVNode._dom, l = i == null ? void 0 : i.parentNode, u = P(
+          r.newVNode,
+          l ? W(l) : void 0
+        );
+        l && l.replaceChild(u, i);
         break;
       }
-      case m.UPDATE: {
-        const i = r.target._dom, { set: a, remove: u } = r.propPatches;
-        for (const c of u)
-          Y(i, c, r.target.props[c]);
-        for (const c in a)
-          Q(i, c, a[c], r.target.props[c]);
+      case g.UPDATE: {
+        const i = r.target._dom, { set: l, remove: u } = r.propPatches;
+        for (const f of u)
+          et(i, f, r.target.props[f]);
+        for (const f in l)
+          tt(i, f, l[f], r.target.props[f]);
         break;
       }
-      case m.TEXT: {
+      case g.TEXT: {
         const i = r.oldVNode._dom;
         i && (i.nodeValue = r.newVNode.props.nodeValue);
         break;
       }
-      case m.MOVE: {
+      case g.MOVE: {
         const i = r.vnode._dom;
-        i && ((o = r.anchor) != null && o._dom ? e.insertBefore(i, r.anchor._dom) : e.appendChild(i)), (s = r.childPatches) != null && s.length && i && P(i, r.childPatches);
+        i && ((o = r.anchor) != null && o._dom ? t.insertBefore(i, r.anchor._dom) : t.appendChild(i)), (s = r.childPatches) != null && s.length && i && V(i, r.childPatches);
         break;
       }
-      case m.CHILDREN: {
+      case g.CHILDREN: {
         const i = r.parent._dom;
-        i && r.childPatches.length && P(i, r.childPatches);
+        i && r.childPatches.length && V(i, r.childPatches);
         break;
       }
     }
 }
-const R = /* @__PURE__ */ new WeakMap();
-function Se(e, t) {
-  const n = R.get(t);
+const A = /* @__PURE__ */ new WeakMap();
+function xt(t, e) {
+  const n = A.get(e);
   if (n) {
-    const o = k(e, t), s = [];
-    I(n.vTree, s);
-    const r = _(n.vTree, o);
-    P(t, r);
+    const o = E(t, e), s = [];
+    O(n.vTree, s);
+    const r = x(n.vTree, o);
+    V(e, r);
     const i = [];
-    o && I(o, i);
-    const a = new Set(i);
-    for (const c of s)
-      a.has(c) || c.unmount();
+    o && O(o, i);
+    const l = new Set(i);
+    for (const f of s)
+      l.has(f) || f.unmount();
     const u = new Set(s);
-    for (const c of i)
-      u.has(c) || c.mount(t, () => U(c, t));
-    R.set(t, { vTree: o });
+    for (const f of i)
+      u.has(f) || f.mount(e, () => U(f, e));
+    A.set(e, { vTree: o });
   } else {
-    const o = k(e, t);
+    const o = E(t, e);
     if (!o) return;
-    const s = v(o);
-    t.appendChild(s);
+    const s = P(o);
+    e.appendChild(s);
     const r = [];
-    I(o, r);
+    O(o, r);
     for (const i of r)
-      i.mount(t, () => U(i, t));
-    R.set(t, { vTree: o });
+      i.mount(e, () => U(i, e));
+    A.set(e, { vTree: o });
   }
 }
-function k(e, t) {
+function E(t, e) {
   var n;
-  if (e == null) return null;
-  if (typeof e.type == "function") {
-    if (e.type[q]) {
-      const s = e.type._lifecycle;
+  if (t == null) return null;
+  if (typeof t.type == "function") {
+    if (t.type[J]) {
+      const s = t.type._lifecycle;
       try {
-        const r = new ae(e.type, e.props), i = e.type(e.props), u = k(i, t) ?? H("");
-        if (u._instance) {
-          const c = {
+        const r = new ut(t.type, t.props), i = r.getLocalProps(), l = i ? { ...t.props, ...i } : t.props, u = t.type(l), h = E(u, e) ?? B("");
+        if (h._instance) {
+          const y = {
             type: "div",
             props: { style: { display: "contents" } },
-            children: [u],
-            key: e.key
+            children: [h],
+            key: t.key
           };
-          return c._instance = r, r.lastVTree = c, c;
+          return y._instance = r, r.lastVTree = y, y;
         }
-        return u._instance = r, r.lastVTree = u, u;
+        return h._instance = r, r.lastVTree = h, h;
       } catch (r) {
         if (s != null && s.onError) {
-          const i = s.onError({ error: r, props: e.props });
-          return k(i, t);
+          const i = s.onError({
+            error: r,
+            props: t.props
+          });
+          return E(i, e);
         }
         throw r;
       }
     }
-    const o = e.type({ ...e.props, children: e.children });
-    return k(o, t);
+    const o = t.type({ ...t.props, children: t.children });
+    return E(o, e);
   }
-  return (n = e.children) != null && n.length && (e.children = e.children.map((o) => k(o, t)).filter((o) => o != null)), e;
+  return (n = t.children) != null && n.length && (t.children = t.children.map((o) => E(o, e)).filter((o) => o != null)), t;
 }
-function U(e, t) {
+function U(t, e) {
   var s, r;
-  if (!e._renderCallback) return;
-  const n = e.connectedFn, o = n._lifecycle;
+  if (!t._renderCallback) return;
+  const n = t.connectedFn, o = n._lifecycle;
   try {
-    const i = n(e.props);
-    let u = k(i, t) ?? H(""), c;
-    if (u._instance && u._instance !== e ? (c = {
+    const i = t.getLocalProps(), l = i ? { ...t.props, ...i } : t.props, u = n(l), h = E(u, e) ?? B("");
+    let y;
+    if (h._instance && h._instance !== t ? (y = {
       type: "div",
       props: { style: { display: "contents" } },
-      children: [u],
+      children: [h],
       key: null
-    }, c._instance = e) : (u._instance = e, c = u), e.lastVTree) {
-      D(e.lastVTree, e);
-      const y = _(e.lastVTree, c), S = ((s = e.lastVTree._dom) == null ? void 0 : s.parentNode) || t;
-      P(S, y), c._dom || (c._dom = e.lastVTree._dom);
+    }, y._instance = t) : (h._instance = t, y = h), t.lastVTree) {
+      j(t.lastVTree, t);
+      const m = x(t.lastVTree, y), k = ((s = t.lastVTree._dom) == null ? void 0 : s.parentNode) || e;
+      V(k, m), y._dom || (y._dom = t.lastVTree._dom);
     }
-    const h = [];
-    M(e.lastVTree, h, e);
-    const g = [];
-    M(c, g, e);
-    const l = new Set(g);
-    for (const y of h)
-      l.has(y) || y.unmount();
-    e.lastVTree = c;
-    const f = new Set(h);
-    for (const y of g)
-      f.has(y) || y.mount(t, () => U(y, t));
+    const c = [];
+    I(t.lastVTree, c, t);
+    const p = [];
+    I(y, p, t);
+    const b = new Set(p);
+    for (const m of c)
+      b.has(m) || m.unmount();
+    t.lastVTree = y;
+    const _ = new Set(c);
+    for (const m of p)
+      _.has(m) || m.mount(e, () => U(m, e));
     o != null && o.onUpdate && o.onUpdate({
-      dom: c == null ? void 0 : c._dom,
-      props: e.props
-    }), e.updateSelected();
+      dom: y == null ? void 0 : y._dom,
+      props: t.props
+    }), t.updateSelected();
   } catch (i) {
     if (o != null && o.onError) {
-      const a = o.onError({ error: i, props: e.props }), u = k(a, t);
-      if (e.lastVTree && u) {
-        D(e.lastVTree, e);
-        const h = _(e.lastVTree, u), g = ((r = e.lastVTree._dom) == null ? void 0 : r.parentNode) || t;
-        P(g, h), u._dom || (u._dom = e.lastVTree._dom);
+      const l = o.onError({ error: i, props: t.props }), u = E(l, e);
+      if (t.lastVTree && u) {
+        j(t.lastVTree, t);
+        const h = x(t.lastVTree, u), y = ((r = t.lastVTree._dom) == null ? void 0 : r.parentNode) || e;
+        V(y, h), u._dom || (u._dom = t.lastVTree._dom);
       }
-      const c = [];
-      M(e.lastVTree, c, e);
-      for (const h of c) h.unmount();
-      e.lastVTree = u, e.updateSelected();
+      const f = [];
+      I(t.lastVTree, f, t);
+      for (const h of f) h.unmount();
+      t.lastVTree = u, t.updateSelected();
     } else
       throw i;
   }
 }
-function D(e, t) {
-  if (!(!e || !e.children))
-    for (let n = 0; n < e.children.length; n++) {
-      const o = e.children[n];
-      o._instance && o._instance !== t && o._instance.lastVTree && o._instance.lastVTree !== o && (e.children[n] = o._instance.lastVTree), D(e.children[n], t);
+function j(t, e) {
+  if (!(!t || !t.children))
+    for (let n = 0; n < t.children.length; n++) {
+      const o = t.children[n];
+      o._instance && o._instance !== e && o._instance.lastVTree && o._instance.lastVTree !== o && (t.children[n] = o._instance.lastVTree), j(t.children[n], e);
     }
 }
-function I(e, t) {
-  if (e && (e._instance && t.push(e._instance), e.children))
-    for (const n of e.children)
-      I(n, t);
+function O(t, e) {
+  if (t && (t._instance && e.push(t._instance), t.children))
+    for (const n of t.children)
+      O(n, e);
 }
-function M(e, t, n) {
-  if (e && (e._instance && e._instance !== n && t.push(e._instance), e.children))
-    for (const o of e.children)
-      M(o, t, n);
+function I(t, e, n) {
+  if (t && (t._instance && t._instance !== n && e.push(t._instance), t.children))
+    for (const o of t.children)
+      I(o, e, n);
 }
-function W(e, t, n) {
-  const o = e.getTrackedStore(t);
+function X(t, e, n) {
+  const o = t.getTrackedStore(e);
   if (!o)
-    throw new Error(`[pulse-devtools] Unknown store: "${t}"`);
+    throw new Error(`[pulse-devtools] Unknown store: "${e}"`);
   const { store: s, history: r } = o;
   if (n < 0 || n >= r.length)
     throw new Error(
       `[pulse-devtools] Index ${n} out of range (0..${r.length - 1})`
     );
   const i = r[n].nextState;
-  s.dispatch("__devtools_replace__", i), e.emit({ type: "time-travel", storeName: t, data: { entryIndex: n } });
+  s.dispatch("__devtools_replace__", i), t.emit({ type: "time-travel", storeName: e, data: { entryIndex: n } });
 }
-function Je(e, t, n) {
-  const o = e.getTrackedStore(t);
+function Yt(t, e, n) {
+  const o = t.getTrackedStore(e);
   if (!o)
-    throw new Error(`[pulse-devtools] Unknown store: "${t}"`);
+    throw new Error(`[pulse-devtools] Unknown store: "${e}"`);
   const { store: s, history: r } = o;
   if (n < 0 || n >= r.length)
     throw new Error(
       `[pulse-devtools] Index ${n} out of range (0..${r.length - 1})`
     );
-  const i = r.slice(n), a = r[n].prevState;
-  s.dispatch("__devtools_replace__", a);
+  const i = r.slice(n), l = r[n].prevState;
+  s.dispatch("__devtools_replace__", l);
   for (const u of i)
     s.dispatch(u.actionName, u.payload);
-  e.emit({ type: "time-travel", storeName: t, data: { replayFrom: n } });
+  t.emit({
+    type: "time-travel",
+    storeName: e,
+    data: { replayFrom: n }
+  });
 }
 const d = {
   base: "#1e1e2e",
@@ -633,7 +707,7 @@ const d = {
   mauve: "#cba6f7",
   teal: "#94e2d5",
   peach: "#fab387"
-}, xe = {
+}, Et = {
   position: "fixed",
   bottom: "0",
   left: "0",
@@ -649,7 +723,7 @@ const d = {
   flexDirection: "column",
   borderTop: `2px solid ${d.mauve}`,
   overflow: "hidden"
-}, _e = {
+}, kt = {
   display: "flex",
   alignItems: "center",
   backgroundColor: d.surface0,
@@ -657,17 +731,17 @@ const d = {
   padding: "0 8px",
   height: "32px",
   flexShrink: "0"
-}, ke = (e) => ({
+}, Tt = (t) => ({
   background: "none",
   border: "none",
-  color: e ? d.mauve : d.subtext0,
+  color: t ? d.mauve : d.subtext0,
   fontFamily: "inherit",
   fontSize: "12px",
   padding: "6px 12px",
   cursor: "pointer",
-  borderBottom: e ? `2px solid ${d.mauve}` : "2px solid transparent",
+  borderBottom: t ? `2px solid ${d.mauve}` : "2px solid transparent",
   marginBottom: "-1px"
-}), Ee = {
+}), wt = {
   background: "none",
   border: "none",
   color: d.overlay0,
@@ -676,59 +750,59 @@ const d = {
   marginLeft: "auto",
   padding: "4px 8px",
   fontFamily: "inherit"
-}, Te = {
+}, Ct = {
   flex: "1",
   overflow: "auto",
   padding: "8px 12px"
-}, we = {
+}, Nt = {
   display: "flex",
   height: "100%",
   gap: "1px"
-}, Ce = {
+}, Pt = {
   width: "200px",
   flexShrink: "0",
   borderRight: `1px solid ${d.surface1}`,
   overflow: "auto",
   padding: "4px 0"
-}, Ne = {
+}, Vt = {
   flex: "1",
   overflow: "auto",
   padding: "8px"
-}, ve = (e) => ({
+}, vt = (t) => ({
   padding: "4px 12px",
   cursor: "pointer",
-  backgroundColor: e ? d.surface1 : "transparent",
-  color: e ? d.blue : d.text
-}), X = {
+  backgroundColor: t ? d.surface1 : "transparent",
+  color: t ? d.blue : d.text
+}), q = {
   color: d.mauve
-}, V = {
+}, L = {
   color: d.green
-}, Pe = {
+}, Lt = {
   color: d.yellow
-}, Oe = {
+}, Ot = {
   color: d.peach
-}, T = {
+}, w = {
   color: d.overlay0,
   fontStyle: "italic"
-}, Ve = (e) => ({
+}, It = (t) => ({
   padding: "4px 8px",
   cursor: "pointer",
-  backgroundColor: e ? d.surface1 : "transparent",
-  borderLeft: e ? `3px solid ${d.blue}` : "3px solid transparent",
+  backgroundColor: t ? d.surface1 : "transparent",
+  borderLeft: t ? `3px solid ${d.blue}` : "3px solid transparent",
   display: "flex",
   justifyContent: "space-between",
   alignItems: "center"
-}), Z = {
+}), nt = {
   color: d.blue,
   fontWeight: "bold"
-}, Ie = {
+}, $t = {
   color: d.overlay0,
   fontSize: "10px"
-}, Me = {
+}, At = {
   width: "100%",
   accentColor: d.mauve,
   margin: "4px 0 8px"
-}, $e = {
+}, Mt = {
   width: "100%",
   backgroundColor: d.surface0,
   border: `1px solid ${d.surface1}`,
@@ -740,17 +814,17 @@ const d = {
   outline: "none",
   marginBottom: "8px",
   boxSizing: "border-box"
-}, Re = {
+}, Rt = {
   padding: "4px 8px",
   borderBottom: `1px solid ${d.surface0}`
-}, Le = {
+}, Ft = {
   color: d.teal,
   fontWeight: "bold"
-}, Ae = {
+}, Ut = {
   color: d.overlay0,
   fontSize: "10px",
   marginLeft: "8px"
-}, ee = {
+}, ot = {
   display: "inline-block",
   backgroundColor: d.surface1,
   color: d.subtext0,
@@ -758,194 +832,206 @@ const d = {
   borderRadius: "8px",
   fontSize: "10px",
   marginLeft: "4px"
-}, Fe = {
+}, jt = {
   color: d.mauve,
   fontWeight: "bold",
   fontSize: "12px",
   marginRight: "8px"
 };
-function j(e, t) {
-  if (e === null)
-    return p("span", { style: T }, "null");
-  if (e === void 0)
-    return p("span", { style: T }, "undefined");
-  if (typeof e == "string")
-    return p("span", { style: Pe }, `"${e}"`);
-  if (typeof e == "boolean")
-    return p("span", { style: Oe }, String(e));
-  if (typeof e == "number")
-    return p("span", { style: V }, String(e));
-  if (Array.isArray(e))
-    return e.length === 0 ? p("span", { style: V }, "[]") : t > 4 ? p("span", { style: T }, "[…]") : p(
+function H(t, e) {
+  if (t === null)
+    return a("span", { style: w }, "null");
+  if (t === void 0)
+    return a("span", { style: w }, "undefined");
+  if (typeof t == "string")
+    return a("span", { style: Lt }, `"${t}"`);
+  if (typeof t == "boolean")
+    return a("span", { style: Ot }, String(t));
+  if (typeof t == "number")
+    return a("span", { style: L }, String(t));
+  if (Array.isArray(t))
+    return t.length === 0 ? a("span", { style: L }, "[]") : e > 4 ? a("span", { style: w }, "[…]") : a(
       "div",
       { style: { paddingLeft: "12px" } },
-      ...e.map(
-        (n, o) => p(
+      ...t.map(
+        (n, o) => a(
           "div",
           { key: o },
-          p("span", { style: X }, `${o}: `),
-          j(n, t + 1)
+          a("span", { style: q }, `${o}: `),
+          H(n, e + 1)
         )
       )
     );
-  if (typeof e == "object") {
-    const n = Object.keys(e);
-    return n.length === 0 ? p("span", { style: V }, "{}") : t > 4 ? p("span", { style: T }, "{…}") : p(
+  if (typeof t == "object") {
+    const n = Object.keys(t);
+    return n.length === 0 ? a("span", { style: L }, "{}") : e > 4 ? a("span", { style: w }, "{…}") : a(
       "div",
       { style: { paddingLeft: "12px" } },
       ...n.map(
-        (o) => p(
+        (o) => a(
           "div",
           { key: o },
-          p("span", { style: X }, `${o}: `),
-          j(e[o], t + 1)
+          a("span", { style: q }, `${o}: `),
+          H(t[o], e + 1)
         )
       )
     );
   }
-  return p("span", { style: V }, String(e));
+  return a("span", { style: L }, String(t));
 }
-function Ue({
-  storeNames: e,
-  selectedStore: t,
+function Ht({
+  storeNames: t,
+  selectedStore: e,
   storeStates: n,
   onSelectStore: o
 }) {
-  const s = t ? n[t] : null;
-  return p(
+  const s = e ? n[e] : null;
+  return a(
     "div",
-    { style: we },
-    p(
+    { style: Nt },
+    a(
       "div",
-      { style: Ce },
-      ...e.map(
-        (r) => p("div", {
-          key: r,
-          style: ve(r === t),
-          onClick: () => o(r)
-        }, r)
+      { style: Pt },
+      ...t.map(
+        (r) => a(
+          "div",
+          {
+            key: r,
+            style: vt(r === e),
+            onClick: () => o(r)
+          },
+          r
+        )
       )
     ),
-    p(
+    a(
       "div",
-      { style: Ne },
-      t ? p(
+      { style: Vt },
+      e ? a(
         "div",
         null,
-        p(
+        a(
           "div",
           { style: { marginBottom: "8px", color: d.subtext0 } },
           "State of ",
-          p("span", { style: Z }, t)
+          a("span", { style: nt }, e)
         ),
-        s != null ? j(s, 0) : p("span", { style: T }, "No state")
-      ) : p("span", { style: T }, "Select a store")
+        s != null ? H(s, 0) : a("span", { style: w }, "No state")
+      ) : a("span", { style: w }, "Select a store")
     )
   );
 }
-function De(e) {
-  const t = new Date(e), n = (o) => String(o).padStart(2, "0");
-  return `${n(t.getHours())}:${n(t.getMinutes())}:${n(t.getSeconds())}`;
+function Dt(t) {
+  const e = new Date(t), n = (o) => String(o).padStart(2, "0");
+  return `${n(e.getHours())}:${n(e.getMinutes())}:${n(e.getSeconds())}`;
 }
-function je({
-  actionLog: e,
-  timeTravelIndex: t,
+function Bt({
+  actionLog: t,
+  timeTravelIndex: e,
   filter: n,
   onFilterChange: o,
   onTravelTo: s,
   onSliderChange: r
 }) {
-  const i = n ? e.filter((a) => a.actionName.toLowerCase().includes(n.toLowerCase())) : e;
-  return p(
+  const i = n ? t.filter(
+    (l) => l.actionName.toLowerCase().includes(n.toLowerCase())
+  ) : t;
+  return a(
     "div",
     { style: { height: "100%", display: "flex", flexDirection: "column" } },
     // Filter
-    p("input", {
-      style: $e,
+    a("input", {
+      style: Mt,
       placeholder: "Filter actions…",
       value: n,
-      onInput: (a) => o(a.target.value)
+      onInput: (l) => o(l.target.value)
     }),
     // Slider
-    e.length > 0 ? p(
+    t.length > 0 ? a(
       "div",
       { style: { flexShrink: "0" } },
-      p("input", {
+      a("input", {
         type: "range",
-        style: Me,
+        style: At,
         min: "0",
-        max: String(e.length - 1),
-        value: String(t),
-        onInput: (a) => r(Number(a.target.value))
+        max: String(t.length - 1),
+        value: String(e),
+        onInput: (l) => r(Number(l.target.value))
       }),
-      p(
+      a(
         "div",
-        { style: { color: d.overlay0, fontSize: "10px", marginBottom: "4px" } },
-        `${t + 1} / ${e.length}`
+        {
+          style: {
+            color: d.overlay0,
+            fontSize: "10px",
+            marginBottom: "4px"
+          }
+        },
+        `${e + 1} / ${t.length}`
       )
     ) : null,
     // Action list
-    p(
+    a(
       "div",
       { style: { flex: "1", overflow: "auto" } },
-      ...i.map((a, u) => {
-        const c = e.indexOf(a);
-        return p(
+      ...i.map((l) => {
+        const u = t.indexOf(l);
+        return a(
           "div",
           {
-            key: c,
-            style: Ve(c === t),
-            onClick: () => s(c)
+            key: u,
+            style: It(u === e),
+            onClick: () => s(u)
           },
-          p(
+          a(
             "span",
             null,
-            p("span", { style: Z }, a.actionName),
-            a.payload !== void 0 ? p(
+            a("span", { style: nt }, l.actionName),
+            l.payload !== void 0 ? a(
               "span",
               { style: { color: d.subtext0, marginLeft: "8px" } },
-              typeof a.payload == "object" ? JSON.stringify(a.payload) : String(a.payload)
+              typeof l.payload == "object" ? JSON.stringify(l.payload) : String(l.payload)
             ) : null
           ),
-          p("span", { style: Ie }, De(a.timestamp))
+          a("span", { style: $t }, Dt(l.timestamp))
         );
       }),
-      i.length === 0 ? p(
+      i.length === 0 ? a(
         "div",
         { style: { color: d.overlay0, padding: "8px" } },
-        e.length === 0 ? "No actions yet" : "No matching actions"
+        t.length === 0 ? "No actions yet" : "No matching actions"
       ) : null
     )
   );
 }
-function Be({
-  components: e
+function zt({
+  components: t
 }) {
-  return e.length === 0 ? p(
+  return t.length === 0 ? a(
     "div",
     { style: { color: d.overlay0, padding: "8px" } },
     "No connected components mounted"
-  ) : p(
+  ) : a(
     "div",
     null,
-    ...e.map(
-      (t) => p(
+    ...t.map(
+      (e) => a(
         "div",
-        { key: t.id, style: Re },
-        p("span", { style: Le }, t.displayName),
-        t.storeNames.length > 0 ? p(
+        { key: e.id, style: Rt },
+        a("span", { style: Ft }, e.displayName),
+        e.storeNames.length > 0 ? a(
           "span",
-          { style: Ae },
-          t.storeNames.map(
-            (n) => p("span", { key: n, style: ee }, n)
+          { style: Ut },
+          e.storeNames.map(
+            (n) => a("span", { key: n, style: ot }, n)
           )
         ) : null
       )
     )
   );
 }
-function He() {
-  return G({
+function Kt() {
+  return Q({
     state: {
       open: !1,
       activeTab: "stores",
@@ -958,190 +1044,205 @@ function He() {
       components: []
     },
     actions: {
-      toggle: (e) => ({ ...e, open: !e.open }),
-      open: (e) => ({ ...e, open: !0 }),
-      close: (e) => ({ ...e, open: !1 }),
-      setTab: (e, t) => ({ ...e, activeTab: t }),
-      selectStore: (e, t) => ({ ...e, selectedStore: t }),
-      setFilter: (e, t) => ({ ...e, filter: t }),
-      setTimeTravelIndex: (e, t) => ({ ...e, timeTravelIndex: t }),
-      sync: (e, t) => ({ ...e, ...t })
+      toggle: (t) => ({ ...t, open: !t.open }),
+      open: (t) => ({ ...t, open: !0 }),
+      close: (t) => ({ ...t, open: !1 }),
+      setTab: (t, e) => ({ ...t, activeTab: e }),
+      selectStore: (t, e) => ({ ...t, selectedStore: e }),
+      setFilter: (t, e) => ({ ...t, filter: e }),
+      setTimeTravelIndex: (t, e) => ({
+        ...t,
+        timeTravelIndex: e
+      }),
+      sync: (t, e) => ({ ...t, ...e })
     }
   });
 }
-function ze({
-  open: e,
-  activeTab: t,
+function Gt({
+  open: t,
+  activeTab: e,
   selectedStore: n,
   timeTravelIndex: o,
   storeNames: s,
   storeStates: r,
   actionLog: i,
-  filter: a,
+  filter: l,
   components: u,
-  panelActions: c
+  panelActions: f
 }) {
-  if (!e) return null;
+  if (!t) return null;
   const h = [
     { id: "stores", label: "Stores" },
     { id: "actions", label: "Actions" },
     { id: "components", label: "Components" }
   ];
-  let g;
-  return t === "stores" ? g = Ue({
+  let y;
+  return e === "stores" ? y = Ht({
     storeNames: s,
     selectedStore: n,
     storeStates: r,
-    onSelectStore: c.selectStore
-  }) : t === "actions" ? g = je({
+    onSelectStore: f.selectStore
+  }) : e === "actions" ? y = Bt({
     actionLog: i,
     timeTravelIndex: o,
-    filter: a,
-    onFilterChange: c.setFilter,
-    onTravelTo: c.travelTo,
-    onSliderChange: c.sliderChange
-  }) : g = Be({ components: u }), p(
+    filter: l,
+    onFilterChange: f.setFilter,
+    onTravelTo: f.travelTo,
+    onSliderChange: f.sliderChange
+  }) : y = zt({ components: u }), a(
     "div",
-    { style: xe },
+    { style: Et },
     // Tab bar (all children keyed to avoid mixed key warnings)
-    p(
+    a(
       "div",
-      { style: _e },
-      p("span", { key: "title", style: Fe }, "Pulse"),
+      { style: kt },
+      a("span", { key: "title", style: jt }, "Pulse"),
       ...h.map(
-        (l) => p("button", {
-          key: l.id,
-          style: ke(l.id === t),
-          onClick: () => c.setTab(l.id)
-        }, l.label)
+        (c) => a(
+          "button",
+          {
+            key: c.id,
+            style: Tt(c.id === e),
+            onClick: () => f.setTab(c.id)
+          },
+          c.label
+        )
+      ),
+      a(
+        "span",
+        { key: "badge", style: ot },
+        `${s.length} stores`
       ),
-      p("span", { key: "badge", style: ee }, `${s.length} stores`),
-      p("button", {
-        key: "close",
-        style: Ee,
-        onClick: c.close
-      }, "×")
+      a(
+        "button",
+        {
+          key: "close",
+          style: wt,
+          onClick: f.close
+        },
+        "×"
+      )
     ),
     // Content
-    p("div", { style: Te }, g)
+    a("div", { style: Ct }, y)
   );
 }
-function Ke(e, t) {
-  const n = He();
-  t && t(n);
+function Wt(t, e) {
+  const n = Kt();
+  e && e(n);
   let o = !1;
   function s() {
     if (!o) {
       o = !0;
       try {
-        const l = e.getStoreNames(), f = {};
-        for (const w of l)
-          f[w] = e.getStoreState(w);
-        const S = n.getState().selectedStore || l[0] || null, x = S ? e.getHistory(S) : [];
+        const c = t.getStoreNames(), p = {};
+        for (const k of c)
+          p[k] = t.getStoreState(k);
+        const _ = n.getState().selectedStore || c[0] || null, m = _ ? t.getHistory(_) : [];
         n.dispatch("sync", {
-          storeNames: l,
-          storeStates: f,
-          actionLog: x,
-          timeTravelIndex: x.length > 0 ? x.length - 1 : -1,
-          selectedStore: S,
-          components: e.getComponents()
+          storeNames: c,
+          storeStates: p,
+          actionLog: m,
+          timeTravelIndex: m.length > 0 ? m.length - 1 : -1,
+          selectedStore: _,
+          components: t.getComponents()
         });
       } finally {
         o = !1;
       }
     }
   }
-  e.on((l) => {
-    l.type === "component-mounted" || l.type === "component-unmounted" || s();
+  t.on((c) => {
+    c.type === "component-mounted" || c.type === "component-unmounted" || s();
   });
   const r = {
-    selectStore: (l) => {
-      n.dispatch("selectStore", l);
-      const f = e.getHistory(l);
+    selectStore: (c) => {
+      n.dispatch("selectStore", c);
+      const p = t.getHistory(c);
       n.dispatch("sync", {
-        actionLog: f,
-        timeTravelIndex: f.length > 0 ? f.length - 1 : -1
+        actionLog: p,
+        timeTravelIndex: p.length > 0 ? p.length - 1 : -1
       });
     },
-    setTab: (l) => n.dispatch("setTab", l),
-    setFilter: (l) => n.dispatch("setFilter", l),
+    setTab: (c) => n.dispatch("setTab", c),
+    setFilter: (c) => n.dispatch("setFilter", c),
     close: () => n.dispatch("close"),
-    travelTo: (l) => {
-      const f = n.getState().selectedStore;
-      f && (W(e, f, l), n.dispatch("setTimeTravelIndex", l));
+    travelTo: (c) => {
+      const p = n.getState().selectedStore;
+      p && (X(t, p, c), n.dispatch("setTimeTravelIndex", c));
     },
-    sliderChange: (l) => {
-      const f = n.getState().selectedStore;
-      f && (W(e, f, l), n.dispatch("setTimeTravelIndex", l));
+    sliderChange: (c) => {
+      const p = n.getState().selectedStore;
+      p && (X(t, p, c), n.dispatch("setTimeTravelIndex", c));
     }
-  }, i = le({
-    open: n.select((l) => l.open),
-    activeTab: n.select((l) => l.activeTab),
-    selectedStore: n.select((l) => l.selectedStore),
-    timeTravelIndex: n.select((l) => l.timeTravelIndex),
-    storeNames: n.select((l) => l.storeNames),
-    storeStates: n.select((l) => l.storeStates),
-    actionLog: n.select((l) => l.actionLog),
-    filter: n.select((l) => l.filter),
-    components: n.select((l) => l.components)
-  })((l) => ze({ ...l, panelActions: r }));
-  let a = null;
+  }, i = pt({
+    open: n.select((c) => c.open),
+    activeTab: n.select((c) => c.activeTab),
+    selectedStore: n.select((c) => c.selectedStore),
+    timeTravelIndex: n.select((c) => c.timeTravelIndex),
+    storeNames: n.select((c) => c.storeNames),
+    storeStates: n.select((c) => c.storeStates),
+    actionLog: n.select((c) => c.actionLog),
+    filter: n.select((c) => c.filter),
+    components: n.select((c) => c.components)
+  })((c) => Gt({ ...c, panelActions: r }));
+  let l = null;
   function u() {
-    a || (a = document.createElement("div"), a.id = "pulse-devtools-root", document.body.appendChild(a), Se(p(i, null), a), s());
+    l || (l = document.createElement("div"), l.id = "pulse-devtools-root", document.body.appendChild(l), xt(a(i, null), l), s());
   }
-  function c() {
+  function f() {
     u(), n.dispatch("open");
   }
   function h() {
     n.dispatch("close");
   }
-  function g() {
+  function y() {
     u(), n.dispatch("toggle");
   }
-  return { openPanel: c, closePanel: h, togglePanel: g, panelStore: n };
+  return { openPanel: f, closePanel: h, togglePanel: y, panelStore: n };
 }
-const $ = new de(), te = /* @__PURE__ */ new WeakSet();
-function We(e) {
-  te.add(e);
+const $ = new yt(), st = /* @__PURE__ */ new WeakSet();
+function Xt(t) {
+  st.add(t);
 }
-ce(
-  (e) => {
-    const t = e.connectedFn._bindings || {}, n = Object.values(t).map((i) => i.store);
-    if (n.length > 0 && n.every((i) => te.has(i)))
+at(
+  (t) => {
+    const e = t.connectedFn._bindings || {}, n = Object.values(e).map((i) => i.store);
+    if (n.length > 0 && n.every((i) => st.has(i)))
       return;
-    const o = n.map((i) => i.name || "unnamed"), s = e.connectedFn.displayName || "Unknown", r = $.trackComponent(s, o);
-    e._devtoolsId = r;
+    const o = n.map((i) => i.name || "unnamed"), s = t.connectedFn.displayName || "Unknown", r = $.trackComponent(s, o);
+    t._devtoolsId = r;
   },
-  (e) => {
-    const t = e._devtoolsId;
-    t != null && $.untrackComponent(t);
+  (t) => {
+    const e = t._devtoolsId;
+    e != null && $.untrackComponent(e);
   }
 );
 let N = null;
-function ne() {
-  return N || (N = Ke($, We)), N;
+function rt() {
+  return N || (N = Wt($, Xt)), N;
 }
-function Qe() {
-  ne().openPanel();
+function Zt() {
+  rt().openPanel();
 }
-function Ye() {
+function te() {
   N && N.closePanel();
 }
-function Xe() {
-  ne().togglePanel();
+function qt() {
+  rt().togglePanel();
 }
-typeof window < "u" && (window.addEventListener("keydown", (e) => {
-  e.ctrlKey && e.shiftKey && e.key === "P" && (e.preventDefault(), Xe());
+typeof window < "u" && (window.addEventListener("keydown", (t) => {
+  t.ctrlKey && t.shiftKey && t.key === "P" && (t.preventDefault(), qt());
 }), window.__PULSE_DEVTOOLS__ = $);
 export {
-  de as PulseDevtools,
-  We as _markInternalStore,
-  Ye as closePanel,
+  yt as PulseDevtools,
+  Xt as _markInternalStore,
+  te as closePanel,
   $ as devtools,
-  Ge as instrumentStore,
-  Qe as openPanel,
-  Je as replayFrom,
-  Xe as togglePanel,
-  W as travelTo
+  Qt as instrumentStore,
+  Zt as openPanel,
+  Yt as replayFrom,
+  qt as togglePanel,
+  X as travelTo
 };
 //# sourceMappingURL=devtools.js.map