humn 1.6.0 → 1.6.1

package/dist/humn.js

@@ -1,33 +1,33 @@
-let $ = null, O = null;
-const j = () => $;
-function D(e) {
+let O = null, j = null;
+const D = () => O;
+function F(e) {
   const t = e?.__humnCortexes;
   t && (t.forEach((n) => n._listeners.delete(e)), t.clear());
 }
-const v = (e) => {
-  $ = e;
-}, K = () => O, H = (e) => {
+const I = (e) => {
   O = e;
-}, _ = /* @__PURE__ */ new Set();
-let M = !1;
-function q(e) {
-  _.add(e), F();
+}, x = () => j, v = (e) => {
+  j = e;
+}, C = /* @__PURE__ */ new Set();
+let k = !1;
+function J(e) {
+  C.add(e), W();
 }
-function F() {
-  M || (M = !0, queueMicrotask(G));
+function W() {
+  k || (k = !0, queueMicrotask(Q));
 }
-function G() {
-  M = !1;
-  const e = Array.from(_);
-  _.clear(), e.forEach((t) => t()), _.size > 0 && F();
+function Q() {
+  k = !1;
+  const e = Array.from(C);
+  C.clear(), e.forEach((t) => t()), C.size > 0 && W();
 }
-class He {
+class Te {
   /**
    * Creates an instance of Cortex.
    * @param {CortexConfig<MemoryType, SynapsesType>} config
    */
   constructor({ memory: t, synapses: n }) {
-    const o = { ...t };
+    const i = { ...t };
     this._persistenceMap = /* @__PURE__ */ new Map();
     for (const [s, c] of Object.entries(t))
       if (c && typeof c == "object" && c.__humn_persist) {
@@ -35,13 +35,13 @@ class He {
         this._persistenceMap.set(s, u);
         try {
           const a = localStorage.getItem(u);
-          a !== null ? o[s] = JSON.parse(a) : o[s] = c.initial;
+          a !== null ? i[s] = JSON.parse(a) : i[s] = c.initial;
         } catch {
-          o[s] = c.initial;
+          i[s] = c.initial;
         }
       }
-    this._memory = o, this._listeners = /* @__PURE__ */ new Map();
-    const r = () => this._memory, i = (s) => {
+    this._memory = i, this._listeners = /* @__PURE__ */ new Map();
+    const o = () => this._memory, r = (s) => {
       let c, u = /* @__PURE__ */ new Set();
       if (typeof s == "function") {
         const a = this._createMutationDraft(this._memory, u), f = s(a.memory);
@@ -59,50 +59,50 @@ class He {
           }
       }), this._notifyRelevantListeners(u);
     };
-    this.synapses = n(i, r);
+    this.synapses = n(r, o);
   }
   /**
    * Creates a copy-on-write mutation draft that tracks changed paths without
    * cloning the whole store before every mutative update.
    */
   _createMutationDraft(t, n) {
-    const o = /* @__PURE__ */ new WeakMap(), r = ({ parent: s, parentProp: c, target: u }) => {
-      const a = o.get(u);
+    const i = /* @__PURE__ */ new WeakMap(), o = ({ parent: s, parentProp: c, target: u }) => {
+      const a = i.get(u);
       if (a) return a;
       const f = Array.isArray(u) ? u.slice() : { ...u };
-      return o.set(u, f), s && (r(s)[c] = f), f;
-    }, i = (s, c = "", u = null, a = null) => new Proxy(s, {
+      return i.set(u, f), s && (o(s)[c] = f), f;
+    }, r = (s, c = "", u = null, a = null) => new Proxy(s, {
       deleteProperty: (d, l) => {
-        const g = r({ parent: u, parentProp: a, target: d });
-        return delete g[l], typeof l != "symbol" && n.add(c ? `${c}.${l}` : String(l)), !0;
+        const b = o({ parent: u, parentProp: a, target: d });
+        return delete b[l], typeof l != "symbol" && n.add(c ? `${c}.${l}` : String(l)), !0;
       },
       get: (d, l) => {
-        const h = (o.get(d) || d)[l];
+        const h = (i.get(d) || d)[l];
         if (typeof l == "symbol" || l === "__proto__" || typeof h != "object" || h === null) return h;
-        const z = c ? `${c}.${l}` : String(l);
-        return i(
+        const G = c ? `${c}.${l}` : String(l);
+        return r(
           h,
-          z,
+          G,
           { parent: u, parentProp: a, target: d },
           l
         );
       },
-      set: (d, l, g) => {
-        const h = r({ parent: u, parentProp: a, target: d });
-        return h[l] = g, typeof l != "symbol" && n.add(c ? `${c}.${l}` : String(l)), !0;
+      set: (d, l, b) => {
+        const h = o({ parent: u, parentProp: a, target: d });
+        return h[l] = b, typeof l != "symbol" && n.add(c ? `${c}.${l}` : String(l)), !0;
       }
     });
     return {
-      getNextState: () => o.get(t) || t,
-      memory: i(t)
+      getNextState: () => i.get(t) || t,
+      memory: r(t)
     };
   }
   /**
    * Only notify listeners that read properties which changed
    */
   _notifyRelevantListeners(t) {
-    Array.from(this._listeners.entries()).forEach(([o, r]) => {
-      Array.from(r).some((s) => Array.from(t).some((c) => s === c || s.startsWith(c + ".") || c.startsWith(s + "."))) && q(o);
+    Array.from(this._listeners.entries()).forEach(([i, o]) => {
+      Array.from(o).some((s) => Array.from(t).some((c) => s === c || s.startsWith(c + ".") || c.startsWith(s + "."))) && J(i);
     });
   }
   /**
@@ -113,14 +113,14 @@ class He {
    * `state.user.name`, it will only re-render when `state.user.name` changes,
    * not when `state.count` changes.
    */
-  _createAccessTrackingProxy(t, n, o = "") {
+  _createAccessTrackingProxy(t, n, i = "") {
     return typeof t != "object" || t === null ? t : new Proxy(t, {
-      get: (r, i) => {
-        if (typeof i == "symbol" || i === "__proto__")
-          return r[i];
-        const s = o ? `${o}.${i}` : i;
+      get: (o, r) => {
+        if (typeof r == "symbol" || r === "__proto__")
+          return o[r];
+        const s = i ? `${i}.${r}` : r;
         n.add(s);
-        const c = r[i];
+        const c = o[r];
         return typeof c == "object" && c !== null ? this._createAccessTrackingProxy(c, n, s) : c;
       }
     });
@@ -129,7 +129,7 @@ class He {
    * @returns {UnwrappedMemory<MemoryType>}
    */
   get memory() {
-    const t = j();
+    const t = D();
     if (!t) return this._memory;
     this._listeners.has(t) || this._listeners.set(t, /* @__PURE__ */ new Set()), t.__humnCortexes || (t.__humnCortexes = /* @__PURE__ */ new Set()), t.__humnCortexes.add(this);
     const n = this._listeners.get(t);
@@ -137,91 +137,91 @@ class He {
   }
 }
 let y = null;
-const L = /* @__PURE__ */ new Set();
-function J(e) {
+const H = /* @__PURE__ */ new Set();
+function Y(e) {
   let t = 5381, n = e.length;
   for (; n; )
     t = t * 33 ^ e.charCodeAt(--n);
   return (t >>> 0).toString(36);
 }
-function Q(e) {
+function X(e) {
   return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").trim();
 }
-function Le(e, ...t) {
-  let n = "", o = !1;
-  Array.isArray(e) && e.raw ? n = e.reduce((c, u, a) => c + u + (t[a] || ""), "") : (n = e, o = t[0] === !0);
-  let r = Q(n);
-  if (!r) return "";
-  o && (r = r.replace(
+function Re(e, ...t) {
+  let n = "", i = !1;
+  Array.isArray(e) && e.raw ? n = e.reduce((c, u, a) => c + u + (t[a] || ""), "") : (n = e, i = t[0] === !0);
+  let o = X(n);
+  if (!o) return "";
+  i && (o = o.replace(
     /(^|[{};,])(\s*)(?!from|to)((?:[.#]?[\w-]+|\[[^\]]+\]|:{1,2}[^:,{\s]+)+)(?=\s*\{)/gi,
     "$1$2$3&, $3"
   ));
-  const i = J(r), s = `humn-${i}`;
-  return L.has(i) || (y || (y = document.createElement("style"), y.id = "humn-styles", document.head.appendChild(y)), y.textContent += `.${s} { 
-    ${r} 
+  const r = Y(o), s = `humn-${r}`;
+  return H.has(r) || (y || (y = document.createElement("style"), y.id = "humn-styles", document.head.appendChild(y)), y.textContent += `.${s} { 
+    ${o} 
   }
-`, L.add(i)), s;
+`, H.add(r)), s;
 }
-const Te = (e, t = {}, n = []) => {
-  const r = (Array.isArray(n) ? n : [n]).flat().filter((i) => i != null && i !== !1 && i !== "");
+const $e = (e, t = {}, n = []) => {
+  const o = (Array.isArray(n) ? n : [n]).flat().filter((r) => r != null && r !== !1 && r !== "");
   return {
     tag: e,
     props: t,
-    children: r
+    children: o
   };
 };
-function Y(e) {
+function Z(e) {
   if (typeof e != "object" || e === null) return e;
   const t = Array.isArray(e.children) ? e.children : [];
   return {
     tag: e.tag,
     props: { ...e.props },
-    children: t.map(Y)
+    children: t.map(Z)
   };
 }
-function Re(e) {
-  const t = K();
+function Oe(e) {
+  const t = x();
   t && t.mounts.push(e);
 }
-function $e(e) {
-  const t = K();
+function je(e) {
+  const t = x();
   t && t.cleanups.push(e);
 }
-function W(e, t) {
+function B(e, t) {
   try {
     e();
   } catch (n) {
     console.error(t, n);
   }
 }
-function N(e, t) {
-  const n = { mounts: [], cleanups: [] }, o = K(), r = j();
-  D(t), v(t), H(n);
+function w(e, t) {
+  const n = { mounts: [], cleanups: [] }, i = x(), o = D();
+  F(t), I(t), v(n);
   try {
-    const i = e.tag(e.props);
-    return e.hooks = n, i;
+    const r = e.tag(e.props);
+    return e.hooks = n, r;
   } finally {
-    H(o), v(r);
+    v(i), I(o);
   }
 }
-function b(e) {
-  e && (D(e.instance?.update), e.instance && (e.instance.isMounted = !1, e.instance.parent = null, e.instance.vNode = null), e.hooks?.cleanups && e.hooks.cleanups.forEach(
-    (t) => W(t, "Error in cleanup hook:")
-  ), e.child && b(e.child), e.children && e.children.forEach(b));
+function g(e) {
+  e && (F(e.instance?.update), e.instance && (e.instance.isMounted = !1, e.instance.parent = null, e.instance.vNode = null), e.hooks?.cleanups && e.hooks.cleanups.forEach(
+    (t) => B(t, "Error in cleanup hook:")
+  ), e.child && g(e.child), e.children && e.children.forEach(g));
 }
-function X(e) {
+function P(e) {
   e?.mounts?.length && setTimeout(
     () => e.mounts.forEach(
-      (t) => W(t, "Error in mount hook:")
+      (t) => B(t, "Error in mount hook:")
     ),
     0
   );
 }
-function Z({ newHooks: e, oldHooks: t }) {
+function N({ newHooks: e, oldHooks: t }) {
 }
-const T = /* @__PURE__ */ new WeakMap();
+const L = /* @__PURE__ */ new WeakMap();
 function p(e) {
-  const t = T.get(e);
+  const t = L.get(e);
   if (t) return t;
   const n = {
     asyncPending: /* @__PURE__ */ new Map(),
@@ -230,56 +230,56 @@ function p(e) {
     debounceTimers: /* @__PURE__ */ new Map(),
     listeners: /* @__PURE__ */ new Map()
   };
-  return T.set(e, n), n;
+  return L.set(e, n), n;
 }
-const P = /* @__PURE__ */ new Set([
+const V = /* @__PURE__ */ new Set([
   "prevent",
   "stop",
   "once",
   "capture",
   "passive"
 ]);
-function V(e) {
-  const [t, ...n] = e.split("|"), o = n.filter(
-    (r) => P.has(r)
+function ee(e) {
+  const [t, ...n] = e.split("|"), i = n.filter(
+    (o) => V.has(o)
   );
-  return { eventKey: t, modifiers: o };
+  return { eventKey: t, modifiers: i };
 }
 function m({
   element: e,
   eventName: t,
   listener: n,
-  options: o = !1,
-  propKey: r
+  options: i = !1,
+  propKey: o
 }) {
-  const { listeners: i } = p(e);
-  C(e, r), e.addEventListener(t, n, o), i.set(r, { eventName: t, listener: n, options: o });
+  const { listeners: r } = p(e);
+  E(e, o), e.addEventListener(t, n, i), r.set(o, { eventName: t, listener: n, options: i });
 }
-function C(e, t) {
-  const { listeners: n } = p(e), o = n.get(t);
-  if (!o) return;
-  const { eventName: r, listener: i, options: s } = o;
-  e.removeEventListener(r, i, s), n.delete(t);
+function E(e, t) {
+  const { listeners: n } = p(e), i = n.get(t);
+  if (!i) return;
+  const { eventName: o, listener: r, options: s } = i;
+  e.removeEventListener(o, r, s), n.delete(t);
 }
-const ee = /* @__PURE__ */ new Set(["onenter", "onescape", "onkeys", "oncommit"]), te = [
+const te = /* @__PURE__ */ new Set(["onenter", "onescape", "onkeys", "oncommit"]), ne = [
   "__compositionstart",
   "__compositionend",
   "__keyhelper",
   "__oncommitblur"
 ];
-function ne(e) {
-  return ee.has(e);
+function ie(e) {
+  return te.has(e);
 }
-function B(e) {
+function U(e) {
   const { debounceTimers: t } = p(e), n = t.get("oninputdebounced");
-  n && clearTimeout(n), t.delete("oninputdebounced"), C(e, "oninputdebounced");
+  n && clearTimeout(n), t.delete("oninputdebounced"), E(e, "oninputdebounced");
 }
-function oe(e, t) {
+function re(e, t) {
   if (!t.oninputdebounced) {
-    B(e);
+    U(e);
     return;
   }
-  const { debounceTimers: n } = p(e), o = Number(t.debounce), r = Number.isFinite(o) ? o : 250;
+  const { debounceTimers: n } = p(e), i = Number(t.debounce), o = Number.isFinite(i) ? i : 250;
   m({
     element: e,
     eventName: "input",
@@ -292,22 +292,22 @@ function oe(e, t) {
           currentTarget: e,
           target: e
         });
-      }, r);
+      }, o);
       n.set("oninputdebounced", u);
     },
     propKey: "oninputdebounced"
   });
 }
-function re(e, t) {
-  if (!ce(t)) {
-    se(e);
+function oe(e, t) {
+  if (!ue(t)) {
+    ce(e);
     return;
   }
-  const n = p(e), o = ue({ element: e, newProps: t, runtime: n }), r = le({ newProps: t, runtime: n }), i = () => n.composition.set("active", !0), s = () => n.composition.set("active", !1);
+  const n = p(e), i = le({ element: e, newProps: t, runtime: n }), o = ae({ newProps: t, runtime: n }), r = () => n.composition.set("active", !0), s = () => n.composition.set("active", !1);
   m({
     element: e,
     eventName: "compositionstart",
-    listener: i,
+    listener: r,
     propKey: "__compositionstart"
   }), m({
     element: e,
@@ -317,155 +317,155 @@ function re(e, t) {
   }), m({
     element: e,
     eventName: "keydown",
-    listener: o,
+    listener: i,
     propKey: "__keyhelper"
   }), m({
     element: e,
     eventName: "blur",
-    listener: r,
+    listener: o,
     propKey: "__oncommitblur"
   });
 }
-function ie({ element: e, handler: t, newProps: n, propKey: o }) {
-  const { asyncPending: r } = p(e);
+function se({ element: e, handler: t, newProps: n, propKey: i }) {
+  const { asyncPending: o } = p(e);
   m({
     element: e,
     eventName: "click",
     listener: async (s) => {
-      if (!(n.disabledwhilepending && r.get("click")))
+      if (!(n.disabledwhilepending && o.get("click")))
         try {
-          r.set("click", !0), n.disabledwhilepending && (e.disabled = !0), await t(s);
+          o.set("click", !0), n.disabledwhilepending && (e.disabled = !0), await t(s);
         } finally {
-          r.set("click", !1), n.disabledwhilepending && (e.disabled = !1);
+          o.set("click", !1), n.disabledwhilepending && (e.disabled = !1);
         }
     },
-    propKey: o
+    propKey: i
   });
 }
-function se(e) {
-  te.forEach(
-    (t) => C(e, t)
+function ce(e) {
+  ne.forEach(
+    (t) => E(e, t)
   );
 }
-function ce(e) {
+function ue(e) {
   return !!(e.onenter || e.onescape || e.onkeys || e.oncommit);
 }
-function ue({ element: e, newProps: t, runtime: n }) {
-  return (o) => {
-    const r = n.composition.get("active") === !0;
-    if (me(o, r)) return;
-    const i = fe(o);
-    o.key === "Enter" && t.onenter && t.onenter(o), o.key === "Escape" && t.onescape && t.onescape(o), t.onkeys && ae(o, i, t.onkeys), !(o.key !== "Enter" || !t.oncommit) && (n.commitLocks.set("enter", !0), t.oncommit(o), setTimeout(() => n.commitLocks.delete("enter"), 0));
+function le({ element: e, newProps: t, runtime: n }) {
+  return (i) => {
+    const o = n.composition.get("active") === !0;
+    if (pe(i, o)) return;
+    const r = de(i);
+    i.key === "Enter" && t.onenter && t.onenter(i), i.key === "Escape" && t.onescape && t.onescape(i), t.onkeys && fe(i, r, t.onkeys), !(i.key !== "Enter" || !t.oncommit) && (n.commitLocks.set("enter", !0), t.oncommit(i), setTimeout(() => n.commitLocks.delete("enter"), 0));
   };
 }
-function le({ newProps: e, runtime: t }) {
+function ae({ newProps: e, runtime: t }) {
   return (n) => {
     e.oncommit && (t.commitLocks.get("enter") || e.oncommit(n));
   };
 }
-function ae(e, t, n) {
-  Object.entries(n).forEach(([o, r]) => {
-    de(o) === t && r(e);
+function fe(e, t, n) {
+  Object.entries(n).forEach(([i, o]) => {
+    he(i) === t && o(e);
   });
 }
-function fe(e) {
+function de(e) {
   const t = [];
   return e.ctrlKey && t.push("ctrl"), e.metaKey && t.push("meta"), e.altKey && t.push("alt"), e.shiftKey && t.push("shift"), t.push(e.key.toLowerCase()), t.sort().join("+");
 }
-function de(e = "") {
-  return e.split("+").map((t) => t.trim().toLowerCase()).filter(Boolean).map((t) => he(t)).sort().join("+");
+function he(e = "") {
+  return e.split("+").map((t) => t.trim().toLowerCase()).filter(Boolean).map((t) => me(t)).sort().join("+");
 }
-function he(e) {
+function me(e) {
   return e !== "mod" ? e : navigator.platform.includes("Mac") ? "meta" : "ctrl";
 }
-function me(e, t) {
+function pe(e, t) {
   return e.isComposing || t === !0;
 }
-function U(e, t = {}, n = {}) {
+function z(e, t = {}, n = {}) {
   if (!e) return;
-  const o = { ...n, ...t };
-  for (const r in o)
-    pe({ element: e, key: r, newProps: t, oldProps: n });
-  oe(e, t), re(e, t);
-}
-function pe({ element: e, key: t, newProps: n, oldProps: o }) {
-  const r = o[t], i = n[t];
-  if (i == null) {
-    ye({ element: e, key: t });
+  const i = { ...n, ...t };
+  for (const o in i)
+    ye({ element: e, key: o, newProps: t, oldProps: n });
+  re(e, t), oe(e, t);
+}
+function ye({ element: e, key: t, newProps: n, oldProps: i }) {
+  const o = i[t], r = n[t];
+  if (r == null) {
+    ge({ element: e, key: t });
     return;
   }
   if (t === "value" || t === "checked") {
-    ge({ element: e, key: t, value: i });
+    _e({ element: e, key: t, value: r });
     return;
   }
-  if (!(r === i && t !== "onclickasync")) {
+  if (!(o === r && t !== "onclickasync")) {
     if (t.startsWith("on")) {
-      _e({ element: e, handler: i, key: t, newProps: n });
+      be({ element: e, handler: r, key: t, newProps: n });
       return;
     }
     if (t !== "debounce") {
       if (t === "disabled") {
-        e.disabled = i === !0 || i === "true";
+        e.disabled = r === !0 || r === "true";
         return;
       }
-      e.setAttribute(t, i);
+      e.setAttribute(t, r);
     }
   }
 }
-function ye({ element: e, key: t }) {
-  t.startsWith("on") && C(e, t), t === "oninputdebounced" && B(e), e.removeAttribute(t);
+function ge({ element: e, key: t }) {
+  t.startsWith("on") && E(e, t), t === "oninputdebounced" && U(e), e.removeAttribute(t);
 }
-function ge({ element: e, key: t, value: n }) {
+function _e({ element: e, key: t, value: n }) {
   e[t] !== n && (e[t] = n);
 }
-function _e({ element: e, handler: t, key: n, newProps: o }) {
-  const { eventKey: r, modifiers: i } = V(n), s = r.slice(2).toLowerCase();
-  if (ne(r) || r === "oninputdebounced") return;
-  if (r === "onclickasync") {
-    ie({ element: e, handler: t, newProps: o, propKey: n });
+function be({ element: e, handler: t, key: n, newProps: i }) {
+  const { eventKey: o, modifiers: r } = ee(n), s = o.slice(2).toLowerCase();
+  if (ie(o) || o === "oninputdebounced") return;
+  if (o === "onclickasync") {
+    se({ element: e, handler: t, newProps: i, propKey: n });
     return;
   }
   m({
     element: e,
     eventName: s,
-    listener: (u) => (i.includes("prevent") && u.preventDefault(), i.includes("stop") && u.stopPropagation(), t(u)),
+    listener: (u) => (r.includes("prevent") && u.preventDefault(), r.includes("stop") && u.stopPropagation(), t(u)),
     options: {
-      capture: i.includes("capture"),
-      once: i.includes("once"),
-      passive: i.includes("passive")
+      capture: r.includes("capture"),
+      once: r.includes("once"),
+      passive: r.includes("passive")
     },
     propKey: n
   });
 }
-const S = "http://www.w3.org/2000/svg", x = "http://www.w3.org/1998/Math/MathML";
-function A(e) {
-  return e.namespaceURI === S && e.tagName !== "foreignObject" ? S : e.namespaceURI === x ? x : null;
+const M = "http://www.w3.org/2000/svg", S = "http://www.w3.org/1998/Math/MathML";
+function T(e) {
+  return e.namespaceURI === M && e.tagName !== "foreignObject" ? M : e.namespaceURI === S ? S : null;
 }
-function E(e, t, n = null, o = 0) {
+function A(e, t, n = null, i = 0) {
   if (typeof e == "string" || typeof e == "number")
     return document.createTextNode(String(e));
   if (typeof e.tag == "function")
-    return be({ index: o, namespace: t, parent: n, vNode: e });
-  const r = e.tag, i = ke(r, t), s = i ? document.createElementNS(i, r) : document.createElement(r);
-  return e.el = s, U(s, e.props), Ee({ element: s, namespace: i, tag: r, vNode: e }), s;
+    return Ce({ index: i, namespace: t, parent: n, vNode: e });
+  const o = e.tag, r = ke(o, t), s = r ? document.createElementNS(r, o) : document.createElement(o);
+  return e.el = s, z(s, e.props), Ee({ element: s, namespace: r, tag: o, vNode: e }), s;
 }
-function be({ index: e, namespace: t, parent: n, vNode: o }) {
+function Ce({ index: e, namespace: t, parent: n, vNode: i }) {
   if (n)
-    return k({ index: e, newVNode: o, oldVNode: null, parent: n }), o.el;
-  const r = document.createDocumentFragment();
-  return k({
+    return _({ index: e, newVNode: i, oldVNode: null, parent: n }), i.el;
+  const o = document.createDocumentFragment();
+  return _({
     index: 0,
-    newVNode: o,
+    newVNode: i,
     oldVNode: null,
-    parent: r
-  }), o.el || r.firstChild;
-}
-function Ee({ element: e, namespace: t, tag: n, vNode: o }) {
-  const r = n === "foreignObject" ? null : t;
-  o.children.forEach((i) => {
-    const s = E(
-      i,
+    parent: o
+  }), i.el || o.firstChild;
+}
+function Ee({ element: e, namespace: t, tag: n, vNode: i }) {
+  const o = n === "foreignObject" ? null : t;
+  i.children.forEach((r) => {
+    const s = A(
       r,
+      o,
       e,
       e.childNodes.length
     );
@@ -473,99 +473,96 @@ function Ee({ element: e, namespace: t, tag: n, vNode: o }) {
   });
 }
 function ke(e, t) {
-  return e === "svg" ? S : e === "math" ? x : t;
+  return e === "svg" ? M : e === "math" ? S : t;
 }
 function R(e) {
   return e && e.some((t) => t?.props?.key != null);
 }
-function Ce({
+function Me({
   oldChildren: e,
   newChildren: t,
   parent: n,
-  patchNode: o,
-  runUnmount: r
+  patchNode: i,
+  runUnmount: o
 }) {
   if (R(t) || R(e)) {
-    Se({
+    Ae({
       oldChildren: e,
       newChildren: t,
       parent: n,
-      patchNode: o,
-      runUnmount: r
+      patchNode: i,
+      runUnmount: o
     });
     return;
   }
-  Me({ oldChildren: e, newChildren: t, parent: n, patchNode: o });
+  Se({ oldChildren: e, newChildren: t, parent: n, patchNode: i });
 }
-function Me({
+function Se({
   oldChildren: e,
   newChildren: t,
   parent: n,
-  patchNode: o
+  patchNode: i
 }) {
-  const r = Math.max(t.length, e.length);
-  for (let i = 0; i < r; i++)
-    o(n, t[i], e[i], i);
+  const o = Math.max(t.length, e.length);
+  for (let r = 0; r < o; r++)
+    i(n, t[r], e[r], r);
 }
-function Se({
+function Ae({
   oldChildren: e,
   newChildren: t,
   parent: n,
-  patchNode: o,
-  runUnmount: r
+  patchNode: i,
+  runUnmount: o
 }) {
-  const i = xe(e);
+  const r = xe(e);
   t.forEach((s, c) => {
-    const u = w(s, c), a = i[u];
+    const u = q(s, c), a = r[u];
     if (a) {
-      Ae({
+      Ke({
         existingChild: a,
         index: c,
         newChild: s,
         parent: n,
-        patchNode: o
-      }), delete i[u];
+        patchNode: i
+      }), delete r[u];
       return;
     }
-    Ke({ index: c, newChild: s, parent: n });
-  }), Ie({ keyedChildren: i, parent: n, runUnmount: r });
+    Ie({ index: c, newChild: s, parent: n, patchNode: i });
+  }), ve({ keyedChildren: r, parent: n, runUnmount: o });
 }
 function xe(e) {
   const t = {};
-  return e.forEach((n, o) => {
-    const r = w(n, o);
-    t[r] = { index: o, vNode: n };
+  return e.forEach((n, i) => {
+    const o = q(n, i);
+    t[o] = { index: i, vNode: n };
   }), t;
 }
-function w(e, t) {
+function q(e, t) {
   return e?.props?.key != null ? e.props.key : t;
 }
-function Ae({
+function Ke({
   existingChild: e,
   index: t,
   newChild: n,
-  parent: o,
-  patchNode: r
+  parent: i,
+  patchNode: o
 }) {
-  const i = e.vNode;
-  r(o, n, i, t);
-  const s = n.el || i.el, c = o.childNodes[t];
-  s && c !== s && o.insertBefore(s, c);
-}
-function Ke({ index: e, newChild: t, parent: n }) {
-  const o = E(t, A(n)), r = n.childNodes[e];
-  if (r) {
-    n.insertBefore(o, r);
-    return;
-  }
-  n.appendChild(o);
-}
-function Ie({ keyedChildren: e, parent: t, runUnmount: n }) {
-  Object.values(e).forEach(({ vNode: o }) => {
-    !o.el || o.el.parentNode !== t || (n(o), t.removeChild(o.el));
+  const r = e.vNode;
+  o(i, n, r, t);
+  const s = n.el || r.el, c = i.childNodes[t];
+  s && c !== s && i.insertBefore(s, c);
+}
+function Ie({ index: e, newChild: t, parent: n, patchNode: i }) {
+  i(n, t, null, e);
+  const o = t.el, r = n.childNodes[e];
+  o && r && r !== o && n.insertBefore(o, r);
+}
+function ve({ keyedChildren: e, parent: t, runUnmount: n }) {
+  Object.values(e).forEach(({ vNode: i }) => {
+    !i.el || i.el.parentNode !== t || (n(i), t.removeChild(i.el));
   });
 }
-function ve() {
+function He() {
   const e = {
     index: 0,
     parent: null,
@@ -581,7 +578,7 @@ function ve() {
       props: e.vNode.props,
       tag: e.vNode.tag
     };
-    k({
+    _({
       index: e.index,
       newVNode: t,
       oldVNode: e.vNode,
@@ -589,73 +586,93 @@ function ve() {
     });
   }, e;
 }
-function k({ index: e, newVNode: t, oldVNode: n, parent: o }) {
-  const r = n?.instance?.vNode || n, i = r?.instance || ve(), s = !r;
-  t.instance = i, i.index = e, i.isMounted = !0, i.parent = o;
-  const c = N(t, i.update);
-  t.child = c, I(o, c, r?.child, e), t.el = typeof c == "object" && c !== null ? c.el : o.childNodes[e], s && X(t.hooks), s || Z({
+function _({ index: e, newVNode: t, oldVNode: n, parent: i }) {
+  const o = n?.instance?.vNode || n, r = o?.instance || He(), s = !o;
+  t.instance = r, r.index = e, r.isMounted = !0, r.parent = i;
+  const c = w(t, r.update);
+  t.child = c, K(i, c, o?.child, e), t.el = typeof c == "object" && c !== null ? c.el : i.childNodes[e], s && P(t.hooks), s || N({
     newHooks: t.hooks,
-    oldHooks: r.hooks
-  }), s || (t.hooks = r.hooks), i.vNode = t;
+    oldHooks: o.hooks
+  }), s || (t.hooks = o.hooks), r.vNode = t;
+}
+function $(e) {
+  return typeof e?.tag == "function";
 }
-function I(e, t, n, o = 0) {
+function Le(e, t) {
+  return $(e) && $(t) && e.tag !== t.tag;
+}
+function K(e, t, n, i = 0) {
   if (t == null) {
-    const i = n.el || e.childNodes[o];
-    b(n), i && e.removeChild(i);
+    const r = n?.el || e.childNodes[i];
+    g(n), r && r.parentNode === e && e.removeChild(r);
+    return;
+  }
+  if (Le(t, n)) {
+    const r = n.el || n.child?.el || e.childNodes[i];
+    g(n);
+    const s = document.createDocumentFragment();
+    _({ index: 0, newVNode: t, oldVNode: null, parent: s }), t.instance.parent = e, t.instance.index = i;
+    const c = t.el || s.firstChild;
+    if (r && r.parentNode === e)
+      e.replaceChild(c, r);
+    else {
+      const u = e.childNodes[i];
+      u && u.parentNode === e ? e.replaceChild(c, u) : e.appendChild(c);
+    }
     return;
   }
   if (typeof t.tag == "function") {
-    k({ index: o, newVNode: t, oldVNode: n, parent: e });
+    _({ index: i, newVNode: t, oldVNode: n, parent: e });
     return;
   }
   if (n == null) {
-    e.appendChild(E(t, A(e)));
+    e.appendChild(A(t, T(e)));
     return;
   }
   if (typeof t != typeof n || typeof t != "string" && t.tag !== n.tag) {
-    const i = n.el || e.childNodes[o];
-    i && e.replaceChild(E(t, A(e)), i);
+    const r = n.el || e.childNodes[i];
+    r && e.replaceChild(A(t, T(e)), r);
     return;
   }
   if (typeof t == "string" || typeof t == "number") {
     if (t !== n) {
-      const i = e.childNodes[o];
-      i ? i.nodeValue = String(t) : e.appendChild(document.createTextNode(String(t)));
+      const r = e.childNodes[i];
+      r ? r.nodeValue = String(t) : e.appendChild(document.createTextNode(String(t)));
     }
     return;
   }
-  const r = n.el || e.childNodes[o];
-  r && (t.el = r, U(r, t.props, n.props), Ce({
+  const o = n.el || e.childNodes[i];
+  o && (t.el = o, z(o, t.props, n.props), Me({
     oldChildren: n.children,
     newChildren: t.children,
-    parent: r,
-    patchNode: I,
-    runUnmount: b
+    parent: o,
+    patchNode: K,
+    runUnmount: g
   }));
 }
-const Oe = (e, t) => {
+const De = (e, t) => {
   let n = null;
   (() => {
-    const r = {
+    const o = {
       tag: t,
       props: {},
       children: []
     };
-    I(e, r, n), n = r;
+    K(e, o, n), n = o;
   })();
-}, je = (e, t = {}) => ({
+}, Fe = (e, t = {}) => ({
   __humn_persist: !0,
   initial: e,
   config: t
 });
 export {
-  He as Cortex,
-  Y as cloneVNode,
-  Le as css,
-  Te as h,
-  Oe as mount,
-  $e as onCleanup,
-  Re as onMount,
-  je as persist
+  Te as Cortex,
+  Z as cloneVNode,
+  Re as css,
+  $e as h,
+  De as mount,
+  je as onCleanup,
+  Oe as onMount,
+  Fe as persist
 };
 //# sourceMappingURL=humn.js.map