xote 4.2.0 → 4.3.0

package/dist/xote.mjs

@@ -1,7 +1,7 @@
 let U = {
   contents: 0
 };
-function Y() {
+function Q() {
   return U.contents = U.contents + 1 | 0, U.contents;
 }
 function xe(e) {
@@ -11,11 +11,11 @@ function xe(e) {
     BS_PRIVATE_NESTED_SOME_NONE: e.BS_PRIVATE_NESTED_SOME_NONE + 1 | 0
   } : e;
 }
-function Ie(e) {
+function Re(e) {
   if (e != null)
     return xe(e);
 }
-function ae(e) {
+function oe(e) {
   if (e === null || e.BS_PRIVATE_NESTED_SOME_NONE === void 0)
     return e;
   let t = e.BS_PRIVATE_NESTED_SOME_NONE;
@@ -24,21 +24,21 @@ function ae(e) {
       BS_PRIVATE_NESTED_SOME_NONE: t - 1 | 0
     };
 }
-function K(e, t) {
-  return e !== void 0 ? ae(e) : t;
+function Y(e, t) {
+  return e !== void 0 ? oe(e) : t;
 }
-function Me(e, t, n) {
+function De(e, t, n) {
   return e.reduce(n, t);
 }
-function De(e, t) {
+function Fe(e, t) {
   let n = e.length, r = new Array(n), l = 0;
-  for (let o = 0; o < n; ++o) {
-    let u = e[o], c = t(u);
-    c !== void 0 && (r[l] = ae(c), l = l + 1 | 0);
+  for (let u = 0; u < n; ++u) {
+    let a = e[u], o = t(a);
+    o !== void 0 && (r[l] = oe(o), l = l + 1 | 0);
   }
   return r.length = l, r;
 }
-function je(e, t) {
+function Le(e, t) {
   let n = 0;
   for (; ; ) {
     let r = n;
@@ -50,193 +50,193 @@ function je(e, t) {
     n = r + 1 | 0;
   }
 }
-let _ = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map(), m = {
+let h = /* @__PURE__ */ new Map(), j = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map(), p = {
   contents: void 0
-}, M = /* @__PURE__ */ new Set(), O = {
+}, I = /* @__PURE__ */ new Set(), k = {
   contents: !1
-}, b = {
+}, y = {
   contents: !1
 };
 function Z(e) {
-  if (D.get(e) === void 0) {
-    D.set(e, /* @__PURE__ */ new Set());
+  if (j.get(e) === void 0) {
+    j.set(e, /* @__PURE__ */ new Set());
     return;
   }
 }
-function Ge(e, t) {
-  let n = D.get(e);
+function Pe(e, t) {
+  let n = j.get(e);
   if (n !== void 0) {
     n.forEach(t);
     return;
   }
 }
-function Pe(e, t) {
-  let n = D.get(e);
+function Ge(e, t) {
+  let n = j.get(e);
   if (n !== void 0) {
     n.add(t);
     return;
   }
 }
-function Le(e, t) {
-  let n = D.get(e);
+function Be(e, t) {
+  let n = j.get(e);
   if (n !== void 0) {
     n.delete(t);
     return;
   }
 }
-function Re(e) {
-  return Array.from(K(D.get(e), /* @__PURE__ */ new Set()).values());
+function Ve(e) {
+  return Array.from(Y(j.get(e), /* @__PURE__ */ new Set()).values());
 }
-function de(e, t) {
-  let n = m.contents;
-  m.contents = e;
+function ce(e, t) {
+  let n = p.contents;
+  p.contents = e;
   try {
     let r = t();
-    return m.contents = n, r;
+    return p.contents = n, r;
   } catch (r) {
-    throw m.contents = n, r;
+    throw p.contents = n, r;
   }
 }
-function Fe(e) {
-  let t = m.contents;
-  m.contents = void 0;
+function ze(e) {
+  let t = p.contents;
+  p.contents = void 0;
   try {
     let n = e();
-    return m.contents = t, n;
+    return p.contents = t, n;
   } catch (n) {
-    throw m.contents = t, n;
+    throw p.contents = t, n;
   }
 }
-function Be(e) {
-  let t = m.contents;
+function We(e) {
+  let t = p.contents;
   return t !== void 0 ? t === e : !1;
 }
-function ze(e) {
-  if (!O.contents) {
-    O.contents = !0;
+function Ke(e) {
+  if (!k.contents) {
+    k.contents = !0;
     try {
-      e(), O.contents = !1;
+      e(), k.contents = !1;
       return;
     } catch (t) {
-      throw O.contents = !1, t;
+      throw k.contents = !1, t;
     }
   }
 }
-function Ve(e, t) {
+function Xe(e, t) {
   Z(t);
-  let n = Be(e), r = _.get(e);
+  let n = We(e), r = h.get(e);
   if (n && r !== void 0 && !r.deps.has(t))
-    return r.deps.add(t), Pe(t, e);
+    return r.deps.add(t), Ge(t, e);
 }
-function j(e) {
-  e.deps.forEach((t) => Le(t, e.id)), e.deps.clear();
+function x(e) {
+  e.deps.forEach((t) => Be(t, e.id)), e.deps.clear();
 }
-function We(e) {
-  let t = R.get(e);
+function qe(e) {
+  let t = P.get(e);
   if (t === void 0)
     return;
-  R.delete(e);
-  let n = _.get(t);
+  P.delete(e);
+  let n = h.get(t);
   if (n !== void 0) {
-    j(n), _.delete(t);
+    x(n), h.delete(t);
     return;
   }
 }
-function fe(e) {
-  return Me(e, 0, (t, n) => n > t ? n : t);
+function de(e) {
+  return De(e, 0, (t, n) => n > t ? n : t);
 }
-function Ke(e) {
+function He(e) {
   let t = [];
-  return e.deps.forEach((n) => Ge(n, (r) => {
+  return e.deps.forEach((n) => Pe(n, (r) => {
     if (r === e.id)
       return;
-    let l = _.get(r);
+    let l = h.get(r);
     if (l === void 0)
       return;
     if (typeof l.kind == "object") {
       t.push(l.level);
       return;
     }
-  })), fe(t) + 1 | 0;
+  })), de(t) + 1 | 0;
 }
-function Xe(e) {
+function Ue(e) {
   let t = [];
   return e.deps.forEach((n) => {
-    let r = R.get(n);
+    let r = P.get(n);
     if (r === void 0 || r === e.id)
       return;
-    let l = _.get(r);
+    let l = h.get(r);
     if (l !== void 0) {
       t.push(l.level);
       return;
     }
-  }), fe(t) + 1 | 0;
+  }), de(t) + 1 | 0;
 }
-function X(e) {
-  return typeof e.kind == "object" ? Xe(e) : Ke(e);
+function z(e) {
+  return typeof e.kind == "object" ? Ue(e) : He(e);
 }
-function qe(e, t) {
-  let n = _.get(e), r = _.get(t);
+function Je(e, t) {
+  let n = h.get(e), r = h.get(t);
   if (n === void 0)
     return r !== void 0 ? 1 : 0;
   if (r === void 0)
     return -1;
-  let o = typeof n.kind == "object" ? 0 : 1, c = typeof r.kind == "object" ? 0 : 1, f = o - c | 0;
-  return f !== 0 ? f : n.level - r.level | 0;
-}
-function He(e) {
-  b.contents = !0, j(e), de(e.id, () => {
-    e.run(), b.contents = !1;
-  }), e.level = X(e);
-}
-function pe() {
-  for (; M.size > 0; ) {
-    let e = Array.from(M.values());
-    M.clear(), e.sort(qe), e.forEach((t) => {
-      let n = _.get(t);
+  let u = typeof n.kind == "object" ? 0 : 1, o = typeof r.kind == "object" ? 0 : 1, c = u - o | 0;
+  return c !== 0 ? c : n.level - r.level | 0;
+}
+function Qe(e) {
+  y.contents = !0, x(e), ce(e.id, () => {
+    e.run(), y.contents = !1;
+  }), e.level = z(e);
+}
+function se() {
+  for (; I.size > 0; ) {
+    let e = Array.from(I.values());
+    I.clear(), e.sort(Je), e.forEach((t) => {
+      let n = h.get(t);
       if (n !== void 0)
-        return He(n);
+        return Qe(n);
     });
   }
 }
-function me(e) {
-  if (Z(e), Re(e).forEach((t) => {
-    let n = _.get(t);
+function ae(e) {
+  if (Z(e), Ve(e).forEach((t) => {
+    let n = h.get(t);
     if (n === void 0)
       return;
     let r = n.kind;
     if (typeof r == "object")
-      return n.dirty ? void 0 : (n.dirty = !0, me(r.VAL));
-    M.add(t);
-  }), M.size > 0)
-    return ze(pe);
+      return n.dirty ? void 0 : (n.dirty = !0, ae(r.VAL));
+    I.add(t);
+  }), I.size > 0)
+    return Ke(se);
 }
-function he(e) {
-  let t = R.get(e);
+function fe(e) {
+  let t = P.get(e);
   if (t === void 0)
     return;
-  let n = _.get(t);
+  let n = h.get(t);
   if (n !== void 0 && n.dirty) {
-    b.contents = !0, j(n), de(t, () => {
-      n.run(), n.dirty = !1, b.contents = !1;
-    }), n.level = X(n);
+    y.contents = !0, x(n), ce(t, () => {
+      n.run(), n.dirty = !1, y.contents = !1;
+    }), n.level = z(n);
     return;
   }
 }
-function Ue(e) {
-  let t = O.contents;
-  O.contents = !0;
+function Ye(e) {
+  let t = k.contents;
+  k.contents = !0;
   try {
     let n = e();
-    return t || (O.contents = !1, M.size > 0 && pe()), n;
+    return t || (k.contents = !1, I.size > 0 && se()), n;
   } catch (n) {
-    throw t || (O.contents = !1), n;
+    throw t || (k.contents = !1), n;
   }
 }
-let Je = Fe, Qe = Z;
-function _e(e, t, n) {
-  let r = Y();
-  return Qe(r), {
+let Ze = ze, et = Z;
+function pe(e, t, n) {
+  let r = Q();
+  return et(r), {
     id: r,
     value: {
       contents: e
@@ -244,19 +244,19 @@ function _e(e, t, n) {
     version: {
       contents: 0
     },
-    equals: K(n, (l, o) => l === o),
+    equals: Y(n, (l, u) => l === u),
     name: t
   };
 }
-function Ye(e) {
-  he(e.id);
-  let t = m.contents;
-  return t !== void 0 && Ve(t, e.id), e.value.contents;
+function tt(e) {
+  fe(e.id);
+  let t = p.contents;
+  return t !== void 0 && Xe(t, e.id), e.value.contents;
 }
-function Ze(e) {
-  return he(e.id), e.value.contents;
+function nt(e) {
+  return fe(e.id), e.value.contents;
 }
-function ge(e, t) {
+function me(e, t) {
   let n;
   try {
     n = !e.equals(e.value.contents, t);
@@ -264,101 +264,102 @@ function ge(e, t) {
     n = !0;
   }
   if (n)
-    return e.value.contents = t, e.version.contents = e.version.contents + 1 | 0, me(e.id);
+    return e.value.contents = t, e.version.contents = e.version.contents + 1 | 0, ae(e.id);
 }
-function et(e, t) {
-  ge(e, t(e.value.contents));
+function rt(e, t) {
+  me(e, t(e.value.contents));
 }
-let tt, nt, rt = Ue, lt = Je;
-const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+let lt, ut, it = Ye, ot = Ze;
+const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Id: tt,
-  Scheduler: nt,
-  batch: rt,
-  get: Ye,
-  make: _e,
-  peek: Ze,
-  set: ge,
-  untrack: lt,
-  update: et
+  Id: lt,
+  Scheduler: ut,
+  batch: it,
+  get: tt,
+  make: pe,
+  peek: nt,
+  set: me,
+  untrack: ot,
+  update: rt
 }, Symbol.toStringTag, { value: "Module" }));
-function Se(e, t, n) {
+function he(e, t, n, r) {
   return {
     id: e,
     kind: t,
     run: n,
     deps: /* @__PURE__ */ new Set(),
     level: 0,
-    dirty: !0
+    dirty: !0,
+    name: r
   };
 }
-function ot(e) {
-  let t = Y(), n = {
+function dt(e, t) {
+  let n = Q(), r = {
     contents: void 0
-  }, l = Se(t, "Effect", () => {
-    let c = n.contents;
-    c !== void 0 && c(), n.contents = e();
-  });
-  _.set(t, l), b.contents = !0, j(l);
-  let o = m.contents;
-  m.contents = t;
+  }, u = he(n, "Effect", () => {
+    let c = r.contents;
+    c !== void 0 && c(), r.contents = e();
+  }, t);
+  h.set(n, u), y.contents = !0, x(u);
+  let a = p.contents;
+  p.contents = n;
   try {
-    l.run(), b.contents = !1;
+    u.run(), y.contents = !1;
   } catch (c) {
-    throw m.contents = o, b.contents = !1, c;
+    throw p.contents = a, y.contents = !1, c;
   }
-  return m.contents = o, l.level = X(l), {
+  return p.contents = a, u.level = z(u), {
     dispose: () => {
-      let c = _.get(t);
+      let c = h.get(n);
       if (c === void 0)
         return;
-      let f = n.contents;
-      f !== void 0 && f(), j(c), _.delete(t);
+      let R = r.contents;
+      R !== void 0 && R(), x(c), h.delete(n);
     }
   };
 }
-let it, st, ct;
-const at = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+let st, at, ft;
+const pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Id: it,
-  Observer: st,
-  Scheduler: ct,
-  run: ot
+  Id: st,
+  Observer: at,
+  Scheduler: ft,
+  run: dt
 }, Symbol.toStringTag, { value: "Module" }));
-function dt(e) {
-  let t = _e(void 0, void 0, void 0), n = Y(), r = () => {
-    let u = e();
-    t.value.contents = u;
-  }, l = Se(n, {
+function mt(e, t) {
+  let n = pe(void 0, t, void 0), r = Q(), l = () => {
+    let o = e();
+    n.value.contents = o;
+  }, u = he(r, {
     NAME: "Computed",
-    VAL: t.id
-  }, r);
-  _.set(n, l), b.contents = !0, j(l);
-  let o = m.contents;
-  m.contents = n;
+    VAL: n.id
+  }, l, void 0);
+  h.set(r, u), y.contents = !0, x(u);
+  let a = p.contents;
+  p.contents = r;
   try {
-    l.run(), l.dirty = !1, b.contents = !1;
-  } catch (u) {
-    throw m.contents = o, b.contents = !1, u;
+    u.run(), u.dirty = !1, y.contents = !1;
+  } catch (o) {
+    throw p.contents = a, y.contents = !1, o;
   }
-  return m.contents = o, l.level = X(l), R.set(t.id, n), t;
+  return p.contents = a, u.level = z(u), P.set(n.id, r), n;
 }
-function ft(e) {
-  We(e.id);
+function ht(e) {
+  qe(e.id);
 }
-let pt, mt, ht, _t;
-const gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+let _t, gt, St, Et;
+const vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Id: pt,
-  Observer: ht,
-  Scheduler: _t,
-  Signal: mt,
-  dispose: ft,
-  make: dt
+  Id: _t,
+  Observer: St,
+  Scheduler: Et,
+  Signal: gt,
+  dispose: ht,
+  make: mt
 }, Symbol.toStringTag, { value: "Module" }));
-let i = ut, v = gt, w = at;
-function ve(e) {
-  return De(e.split("/"), (t) => {
+let s = ct, S = vt, w = pt;
+function _e(e) {
+  return Fe(e.split("/"), (t) => {
     if (t !== "")
       return t.startsWith(":") ? {
         TAG: "Param",
@@ -369,32 +370,68 @@ function ve(e) {
       };
   });
 }
-function Ee(e, t) {
-  let n = t.split("/").filter((o) => o !== "");
+function ge(e, t) {
+  let n = t.split("/").filter((u) => u !== "");
   if (e.length !== n.length)
     return "NoMatch";
   let r = {};
-  return e.every((o, u) => {
-    let c = n[u];
-    return o.TAG === "Static" ? c === o._0 : (r[o._0] = c, !0);
+  return e.every((u, a) => {
+    let o = n[a];
+    return u.TAG === "Static" ? o === u._0 : (r[u._0] = o, !0);
   }) ? {
     TAG: "Match",
     _0: r
   } : "NoMatch";
 }
 function ee(e, t) {
-  return Ee(ve(e), t);
+  return ge(_e(e), t);
 }
-const St = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   match: ee,
-  matchPath: Ee,
-  parsePattern: ve
+  matchPath: ge,
+  parsePattern: _e
 }, Symbol.toStringTag, { value: "Module" }));
-function vt(e, t) {
+function bt(e, t) {
   delete e[t];
 }
-function we(e, t) {
+let wt = {}, V = {
+  contents: void 0
+};
+function kt() {
+  return {
+    disposers: [],
+    computeds: []
+  };
+}
+function C(e, t) {
+  let n = V.contents;
+  V.contents = e;
+  let r = t();
+  return V.contents = n, r;
+}
+function N(e, t) {
+  e.disposers.push(t);
+}
+function Se(e) {
+  e.disposers.forEach((t) => t.dispose()), e.computeds.forEach((t) => S.dispose(t));
+}
+function M(e, t) {
+  e.__xote_owner__ = t;
+}
+function Ee(e) {
+  return Re(e.__xote_owner__);
+}
+let Ot = {
+  currentOwner: V,
+  createOwner: kt,
+  runWithOwner: C,
+  addDisposer: N,
+  disposeOwner: Se,
+  setOwner: M,
+  getOwner: Ee
+};
+function ve(e, t) {
   return [
     e,
     {
@@ -403,7 +440,7 @@ function we(e, t) {
     }
   ];
 }
-function Et(e, t) {
+function ye(e, t) {
   return [
     e,
     {
@@ -412,7 +449,7 @@ function Et(e, t) {
     }
   ];
 }
-function wt(e, t) {
+function be(e, t) {
   return [
     e,
     {
@@ -421,386 +458,212 @@ function wt(e, t) {
     }
   ];
 }
-function yt(e) {
-  return {
-    TAG: "Text",
-    _0: e
-  };
-}
-function bt(e) {
-  return {
-    TAG: "SignalText",
-    _0: v.make(e)
-  };
-}
-function kt(e) {
-  return {
-    TAG: "Fragment",
-    _0: e
-  };
-}
-function te(e) {
-  return {
-    TAG: "SignalFragment",
-    _0: e
-  };
-}
-function Tt(e, t) {
-  return {
-    TAG: "SignalFragment",
-    _0: v.make(() => i.get(e).map(t))
-  };
-}
-function E(e, t, n, r, l) {
-  let o = t !== void 0 ? t : [].map((f) => f), u = n !== void 0 ? n : [].map((f) => f), c = r !== void 0 ? r : [].map((f) => f);
-  return {
-    TAG: "Element",
-    tag: e,
-    attrs: o,
-    events: u,
-    children: c
-  };
-}
-function At(e, t, n, r) {
-  return E("div", e, t, n);
-}
-function Ot(e, t, n, r) {
-  return E("span", e, t, n);
-}
-function $t(e, t, n, r) {
-  return E("button", e, t, n);
-}
-function Ct(e, t, n) {
-  return E("input", e, t, void 0);
-}
-function Nt(e, t, n, r) {
-  return E("h1", e, t, n);
-}
-function xt(e, t, n, r) {
-  return E("h2", e, t, n);
-}
-function It(e, t, n, r) {
-  return E("h3", e, t, n);
-}
-function Mt(e, t, n, r) {
-  return E("p", e, t, n);
-}
-function Dt(e, t, n, r) {
-  return E("ul", e, t, n);
-}
-function jt(e, t, n, r) {
-  return E("li", e, t, n);
-}
-function ye(e, t, n, r) {
-  return E("a", e, t, n);
-}
-let $ = {
-  contents: void 0
+let Tt = {
+  $$static: ve,
+  signal: ye,
+  computed: be
 };
-function Gt() {
-  return {
-    disposers: [],
-    signals: [],
-    computeds: []
-  };
-}
-function N(e, t) {
-  let n = $.contents;
-  $.contents = e;
-  let r = t();
-  return $.contents = n, r;
-}
-function Pt(e) {
-  let t = $.contents;
-  if (t !== void 0) {
-    t.signals.push(e);
-    return;
-  }
-}
-function Lt(e) {
-  let t = $.contents;
-  if (t !== void 0) {
-    t.computeds.push(e);
-    return;
-  }
-}
-function Rt(e) {
-  let t = $.contents;
-  if (t !== void 0) {
-    t.disposers.push(e);
-    return;
-  }
-}
-function A(e, t) {
-  let n = K(Ie(e.__xote_disposers), []);
-  e.__xote_disposers = n.concat([t]);
-  let r = $.contents;
-  if (r !== void 0) {
-    r.disposers.push(t);
-    return;
-  }
-}
-let J = (function(e) {
-  e.__devtoolsId && window.__xoteDevToolsMarkAsDisposed && window.__xoteDevToolsMarkAsDisposed(e.__devtoolsId);
-});
-function W(e) {
-  e.disposers.forEach((t) => t.dispose()), e.computeds.forEach((t) => {
-    v.dispose(t), J(t);
-  }), e.signals.forEach((t) => J(t));
-}
-function Ft(e) {
-  let t = {
-    disposers: [],
-    signals: [],
-    computeds: []
-  };
-  return N(t, () => e(() => W(t))), () => W(t);
-}
-function Bt(e) {
-  return {
-    TAG: "LazyComponent",
-    _0: e
-  };
-}
 function L(e) {
-  let t = e.__xote_owner;
-  t != null && (W(t), e.__xote_owner = {
-    disposers: [],
-    signals: [],
-    computeds: []
-  });
-  let n = e.__xote_disposers;
-  n != null && (n.forEach((l) => l.dispose()), e.__xote_disposers = []), Array.from(e.childNodes || []).forEach(L);
+  let t = Ee(e);
+  t !== void 0 && Se(t), Array.from(e.childNodes || []).forEach(L);
 }
-function k(e) {
+function b(e) {
   switch (e.TAG) {
     case "Element":
-      let t = e.children, n = e.events, r = e.attrs, l = e.tag, o = {
+      let t = e.children, n = e.events, r = e.attrs, l = document.createElement(e.tag), u = {
         disposers: [],
-        signals: [],
         computeds: []
-      }, u;
-      switch (l) {
-        case "circle":
-        case "clipPath":
-        case "defs":
-        case "ellipse":
-        case "g":
-        case "line":
-        case "linearGradient":
-        case "marker":
-        case "mask":
-        case "path":
-        case "pattern":
-        case "polygon":
-        case "polyline":
-        case "radialGradient":
-        case "rect":
-        case "stop":
-        case "svg":
-        case "symbol":
-        case "text":
-        case "textPath":
-        case "tspan":
-        case "use":
-          u = document.createElementNS("http://www.w3.org/2000/svg", l);
-          break;
-        default:
-          u = document.createElement(l);
-      }
-      return u.__xote_owner = o, N(o, () => {
-        r.forEach((a) => {
-          let p = a[1], h = a[0];
-          switch (p.TAG) {
+      };
+      return M(l, u), C(u, () => {
+        r.forEach((i) => {
+          let m = i[1], g = i[0];
+          switch (m.TAG) {
             case "Static":
-              let y = p._0;
-              h === "value" && l === "input" ? u.value = y : u.setAttribute(h, y);
+              l.setAttribute(g, m._0);
               return;
             case "SignalValue":
-              let g = p._0;
-              if (h === "value" && l === "input") {
-                u.value = i.peek(g);
-                let S = w.run(() => {
-                  let P = i.get(g);
-                  u.value = P;
-                });
-                return A(u, S);
-              }
-              u.setAttribute(h, i.peek(g));
-              let V = w.run(() => {
-                let S = i.get(g);
-                u.setAttribute(h, S);
-              });
-              return A(u, V);
+              let E = m._0;
+              l.setAttribute(g, s.peek(E));
+              let v = w.run(() => {
+                l.setAttribute(g, s.get(E));
+              }, void 0);
+              return N(u, v);
             case "Compute":
-              let I = p._0, s = v.make(() => I());
-              if (h === "value" && l === "input") {
-                u.value = i.peek(s);
-                let S = w.run(() => {
-                  let P = i.get(s);
-                  u.value = P;
-                });
-                return A(u, S);
-              }
-              u.setAttribute(h, i.peek(s));
-              let d = w.run(() => {
-                let S = i.get(s);
-                u.setAttribute(h, S);
-              });
-              return A(u, d);
+              let F = m._0;
+              l.setAttribute(g, F());
+              let $ = w.run(() => {
+                l.setAttribute(g, F());
+              }, void 0);
+              return N(u, $);
           }
-        }), n.forEach((a) => {
-          u.addEventListener(a[0], a[1]);
-        }), t.forEach((a) => {
-          let p = k(a);
-          u.appendChild(p);
+        }), n.forEach((i) => {
+          l.addEventListener(i[0], i[1]);
+        }), t.forEach((i) => {
+          let m = b(i);
+          l.appendChild(m);
         });
-      }), u;
+      }), l;
     case "Text":
       return document.createTextNode(e._0);
     case "SignalText":
-      let c = e._0, f = {
+      let a = e._0, o = document.createTextNode(s.peek(a)), c = {
         disposers: [],
-        signals: [],
         computeds: []
-      }, F = document.createTextNode(i.peek(c));
-      return F.__xote_owner = f, N(f, () => {
-        let a = w.run(() => {
-          let p = i.get(c);
-          F.textContent = p;
-        });
-        A(F, a);
-      }), F;
+      };
+      return M(o, c), C(c, () => {
+        let i = w.run(() => {
+          o.textContent = s.get(a);
+        }, void 0);
+        N(c, i);
+      }), o;
     case "Fragment":
-      let ne = document.createDocumentFragment();
-      return e._0.forEach((a) => {
-        let p = k(a);
-        ne.appendChild(p);
-      }), ne;
+      let R = document.createDocumentFragment();
+      return e._0.forEach((i) => {
+        let m = b(i);
+        R.appendChild(m);
+      }), R;
     case "SignalFragment":
-      let Te = e._0, re = {
+      let Ae = e._0, W = {
         disposers: [],
-        signals: [],
         computeds: []
-      }, T = document.createElement("div");
-      return T.setAttribute("data-signal-fragment", "true"), T.setAttribute("style", "display: contents"), T.__xote_owner = re, N(re, () => {
-        let a = w.run(() => {
-          let p = i.get(Te);
-          Array.from(T.childNodes || []).forEach(L), T.innerHTML = "", p.forEach((y) => {
-            let g = k(y);
-            T.appendChild(g);
+      }, A = document.createElement("div");
+      return A.setAttribute("style", "display: contents"), M(A, W), C(W, () => {
+        let i = w.run(() => {
+          let m = s.get(Ae);
+          Array.from(A.childNodes || []).forEach(L), A.innerHTML = "", m.forEach((E) => {
+            let v = b(E);
+            A.appendChild(v);
           });
-        });
-        A(T, a);
-      }), T;
+        }, void 0);
+        N(W, i);
+      }), A;
     case "LazyComponent":
-      let le = {
+      let ne = {
         disposers: [],
-        signals: [],
         computeds: []
-      }, Ae = N(le, e._0), ue = k(Ae);
-      return ue.__xote_owner = le, ue;
+      }, $e = C(ne, e._0), re = b($e);
+      return M(re, ne), re;
     case "KeyedList":
-      let q = e.renderItem, H = e.keyFn, oe = e.signal, ie = {
+      let K = e.renderItem, X = e.keyFn, le = e.signal, q = {
         disposers: [],
-        signals: [],
         computeds: []
-      }, B = document.createComment(" keyed-list-start "), G = document.createComment(" keyed-list-end ");
-      B.__xote_owner = ie;
-      let C = {}, Oe = () => {
-        let a = G.parentNode;
-        if (a == null)
+      }, H = document.createComment(" keyed-list-start "), D = document.createComment(" keyed-list-end ");
+      M(H, q);
+      let O = {}, Ce = () => {
+        let i = D.parentNode;
+        if (i == null)
           return;
-        let p = i.get(oe), h = {};
-        p.forEach((s) => {
-          let d = H(s);
-          h[d] = s;
+        let m = s.get(le), g = {};
+        m.forEach((d) => {
+          g[X(d)] = d;
         });
-        let y = [];
-        Object.keys(C).forEach((s) => {
-          if (h[s] === void 0) {
-            y.push(s);
+        let E = [];
+        Object.keys(O).forEach((d) => {
+          if (g[d] === void 0) {
+            E.push(d);
             return;
           }
-        }), y.forEach((s) => {
-          let d = C[s];
-          if (d !== void 0) {
-            L(d.element), d.element.remove(), vt(C, s);
+        }), E.forEach((d) => {
+          let f = O[d];
+          if (f !== void 0) {
+            L(f.element), f.element.remove(), bt(O, d);
             return;
           }
         });
-        let g = [], V = {};
-        p.forEach((s) => {
-          let d = H(s), S = C[d];
-          if (S !== void 0) {
-            if (S.item !== s) {
-              V[d] = !0;
-              let Ce = q(s), Ne = k(Ce), ce = {
-                key: d,
-                item: s,
-                element: Ne
+        let v = [], F = {};
+        m.forEach((d) => {
+          let f = X(d), B = O[f];
+          if (B !== void 0) {
+            if (B.item !== d) {
+              F[f] = !0;
+              let Ie = K(d), je = b(Ie), ie = {
+                key: f,
+                item: d,
+                element: je
               };
-              g.push(ce), C[d] = ce;
+              v.push(ie), O[f] = ie;
               return;
             }
-            g.push(S);
+            v.push(B);
             return;
           }
-          let P = q(s), $e = k(P), se = {
-            key: d,
-            item: s,
-            element: $e
+          let Ne = K(d), Me = b(Ne), ue = {
+            key: f,
+            item: d,
+            element: Me
           };
-          g.push(se), C[d] = se;
+          v.push(ue), O[f] = ue;
         });
-        let I = {
-          contents: B.nextSibling
+        let $ = {
+          contents: H.nextSibling
         };
-        g.forEach((s) => {
-          let d = I.contents;
-          if (d == null) {
-            a.insertBefore(s.element, G);
+        v.forEach((d) => {
+          let f = $.contents;
+          if (f == null) {
+            i.insertBefore(d.element, D);
             return;
           }
-          if (d === G) {
-            a.insertBefore(s.element, G);
+          if (f === D) {
+            i.insertBefore(d.element, D);
             return;
           }
-          if (d === s.element) {
-            I.contents = d.nextSibling;
+          if (f === d.element) {
+            $.contents = f.nextSibling;
             return;
           }
-          K(V[s.key], !1) ? (L(d), a.replaceChild(s.element, d), I.contents = s.element.nextSibling) : (a.insertBefore(s.element, d), I.contents = s.element.nextSibling);
+          Y(F[d.key], !1) ? (L(f), i.replaceChild(d.element, f), $.contents = d.element.nextSibling) : (i.insertBefore(d.element, f), $.contents = d.element.nextSibling);
         });
-      }, z = document.createDocumentFragment();
-      return z.appendChild(B), i.peek(oe).forEach((a) => {
-        let p = H(a), h = q(a), y = k(h), g = {
-          key: p,
-          item: a,
-          element: y
+      }, G = document.createDocumentFragment();
+      return G.appendChild(H), s.peek(le).forEach((i) => {
+        let m = X(i), g = K(i), E = b(g), v = {
+          key: m,
+          item: i,
+          element: E
         };
-        C[p] = g, z.appendChild(y);
-      }), z.appendChild(G), N(ie, () => {
-        let a = w.run(() => {
-          Oe();
-        });
-        A(B, a);
-      }), z;
+        O[m] = v, G.appendChild(E);
+      }), G.appendChild(D), C(q, () => {
+        let i = w.run(() => {
+          Ce();
+        }, void 0);
+        N(q, i);
+      }), G;
   }
 }
-function be(e, t) {
-  let n = k(e);
-  t.appendChild(n);
+let At = {
+  disposeElement: L,
+  render: b
+};
+function $t(e) {
+  return {
+    TAG: "Text",
+    _0: e
+  };
 }
-function zt(e, t) {
-  let n = document.getElementById(t);
-  if (n == null) {
-    console.error("Container element not found: " + t);
-    return;
-  } else
-    return be(e, n);
+function Ct(e) {
+  return {
+    TAG: "SignalText",
+    _0: S.make(e, void 0)
+  };
+}
+function Nt(e) {
+  return {
+    TAG: "Fragment",
+    _0: e
+  };
 }
-function Vt(e, t, n) {
+function te(e) {
+  return {
+    TAG: "SignalFragment",
+    _0: e
+  };
+}
+function Mt(e, t) {
+  return {
+    TAG: "SignalFragment",
+    _0: S.make(() => s.get(e).map(t), void 0)
+  };
+}
+function It(e, t, n) {
   return {
     TAG: "KeyedList",
     signal: e,
@@ -808,145 +671,192 @@ function Vt(e, t, n) {
     renderItem: n
   };
 }
-const Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+function _(e, t, n, r, l) {
+  let u = t !== void 0 ? t : [].map((c) => c), a = n !== void 0 ? n : [].map((c) => c), o = r !== void 0 ? r : [].map((c) => c);
+  return {
+    TAG: "Element",
+    tag: e,
+    attrs: u,
+    events: a,
+    children: o
+  };
+}
+function jt(e, t, n, r) {
+  return _("div", e, t, n);
+}
+function xt(e, t, n, r) {
+  return _("span", e, t, n);
+}
+function Rt(e, t, n, r) {
+  return _("button", e, t, n);
+}
+function Dt(e, t, n) {
+  return _("input", e, t, void 0);
+}
+function Ft(e, t, n, r) {
+  return _("h1", e, t, n);
+}
+function Lt(e, t, n, r) {
+  return _("h2", e, t, n);
+}
+function Pt(e, t, n, r) {
+  return _("h3", e, t, n);
+}
+function Gt(e, t, n, r) {
+  return _("p", e, t, n);
+}
+function Bt(e, t, n, r) {
+  return _("ul", e, t, n);
+}
+function Vt(e, t, n, r) {
+  return _("li", e, t, n);
+}
+function we(e, t, n, r) {
+  return _("a", e, t, n);
+}
+function ke(e, t) {
+  let n = b(e);
+  t.appendChild(n);
+}
+function zt(e, t) {
+  let n = document.getElementById(t);
+  if (n == null) {
+    console.error("Container element not found: " + t);
+    return;
+  } else
+    return ke(e, n);
+}
+let Oe = ve, Wt = ye, Kt = be;
+const Xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  a: ye,
-  addDisposer: A,
-  attr: we,
-  button: $t,
-  component: Bt,
-  computedAttr: wt,
-  createOwner: Gt,
-  createRoot: Ft,
-  currentOwner: $,
-  disposeElement: L,
-  disposeOwner: W,
-  div: At,
-  element: E,
-  fragment: kt,
-  h1: Nt,
-  h2: xt,
-  h3: It,
-  input: Ct,
-  keyedList: Vt,
-  li: jt,
-  list: Tt,
-  markAsDisposedInDevTools: J,
-  mount: be,
+  Attributes: Tt,
+  DOM: wt,
+  Reactivity: Ot,
+  Render: At,
+  a: we,
+  attr: Oe,
+  button: Rt,
+  computedAttr: Kt,
+  div: jt,
+  element: _,
+  fragment: Nt,
+  h1: Ft,
+  h2: Lt,
+  h3: Pt,
+  input: Dt,
+  keyedList: It,
+  li: Vt,
+  list: Mt,
+  mount: ke,
   mountById: zt,
-  p: Mt,
-  registerComputed: Lt,
-  registerEffectDisposer: Rt,
-  registerSignal: Pt,
-  render: k,
-  runWithOwner: N,
-  signalAttr: Et,
+  p: Gt,
+  signalAttr: Wt,
   signalFragment: te,
-  span: Ot,
-  text: yt,
-  textSignal: bt,
-  ul: Dt
+  span: xt,
+  text: $t,
+  textSignal: Ct,
+  ul: Bt
 }, Symbol.toStringTag, { value: "Module" }));
-let x = i.make({
+let T = s.make({
   pathname: "/",
   search: "",
   hash: ""
 }, void 0, void 0);
-function Q() {
+function J() {
   return {
     pathname: window.location.pathname,
     search: window.location.search,
     hash: window.location.hash
   };
 }
-function Kt() {
-  i.set(x, Q());
-  let e = (t) => i.set(x, Q());
+function qt() {
+  s.set(T, J());
+  let e = (t) => s.set(T, J());
   window.addEventListener("popstate", e);
 }
-function ke(e, t, n, r) {
-  let l = t !== void 0 ? t : "", o = n !== void 0 ? n : "", u = {
+function Te(e, t, n, r) {
+  let l = t !== void 0 ? t : "", u = n !== void 0 ? n : "", a = {
     pathname: e,
     search: l,
-    hash: o
-  }, c = e + l + o, f = {};
-  window.history.pushState(f, "", c), i.set(x, u);
+    hash: u
+  }, o = e + l + u, c = {};
+  window.history.pushState(c, "", o), s.set(T, a);
 }
-function Xt(e, t, n, r) {
-  let l = t !== void 0 ? t : "", o = n !== void 0 ? n : "", u = {
+function Ht(e, t, n, r) {
+  let l = t !== void 0 ? t : "", u = n !== void 0 ? n : "", a = {
     pathname: e,
     search: l,
-    hash: o
-  }, c = e + l + o, f = {};
-  window.history.replaceState(f, "", c), i.set(x, u);
+    hash: u
+  }, o = e + l + u, c = {};
+  window.history.replaceState(c, "", o), s.set(T, a);
 }
-function qt(e, t) {
-  return te(v.make(() => {
-    let n = i.get(x), r = ee(e, n.pathname);
+function Ut(e, t) {
+  return te(S.make(() => {
+    let n = s.get(T), r = ee(e, n.pathname);
     return typeof r != "object" ? [] : [t(r._0)];
-  }));
+  }, void 0));
 }
-function Ht(e) {
-  return te(v.make(() => {
-    let t = i.get(x), n = je(e, (r) => {
+function Jt(e) {
+  return te(S.make(() => {
+    let t = s.get(T), n = Le(e, (r) => {
       let l = ee(r.pattern, t.pathname);
       if (typeof l == "object")
         return r.render(l._0);
     });
     return n !== void 0 ? [n] : [];
-  }));
+  }, void 0));
 }
-function Ut(e, t, n, r) {
-  let l = t !== void 0 ? t : [], o = n !== void 0 ? n : [], u = (c) => {
-    c.preventDefault(), ke(e, void 0, void 0);
+function Qt(e, t, n, r) {
+  let l = t !== void 0 ? t : [], u = n !== void 0 ? n : [], a = (o) => {
+    o.preventDefault(), Te(e, void 0, void 0);
   };
-  return ye(l.concat([we("href", e)]), [[
+  return we(l.concat([Oe("href", e)]), [[
     "click",
-    u
-  ]], o);
+    a
+  ]], u);
 }
-let Jt, Qt;
-const Yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+let Yt, Zt;
+const en = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Component: Jt,
-  Route: Qt,
-  getCurrentLocation: Q,
-  init: Kt,
-  link: Ut,
-  location: x,
-  push: ke,
-  replace: Xt,
-  route: qt,
-  routes: Ht
+  Component: Yt,
+  Route: Zt,
+  getCurrentLocation: J,
+  init: qt,
+  link: Qt,
+  location: T,
+  push: Te,
+  replace: Ht,
+  route: Ut,
+  routes: Jt
 }, Symbol.toStringTag, { value: "Module" }));
-let Zt = i.Id, en = i.Scheduler, tn = i.make, nn = i.get, rn = i.peek, ln = i.set, un = i.update, on = i.batch, sn = i.untrack, En = {
-  Id: Zt,
-  Scheduler: en,
-  make: tn,
-  get: nn,
-  peek: rn,
-  set: ln,
-  update: un,
-  batch: on,
+let tn = s.Id, nn = s.Scheduler, rn = s.make, ln = s.get, un = s.peek, on = s.set, cn = s.update, dn = s.batch, sn = s.untrack, bn = {
+  Id: tn,
+  Scheduler: nn,
+  make: rn,
+  get: ln,
+  peek: un,
+  set: on,
+  update: cn,
+  batch: dn,
   untrack: sn
-}, cn = v.Id, an = v.Signal, dn = v.Observer, fn = v.Scheduler, pn = v.make, mn = v.dispose, wn = {
-  Id: cn,
-  Signal: an,
-  Observer: dn,
-  Scheduler: fn,
-  make: pn,
-  dispose: mn
-}, hn = w.Id, _n = w.Observer, gn = w.Scheduler, Sn = w.run, yn = {
-  Id: hn,
-  Observer: _n,
-  Scheduler: gn,
-  run: Sn
-}, bn = Wt, kn = St, Tn = Yt;
+}, an = S.Id, fn = S.Signal, pn = S.Observer, mn = S.Scheduler, hn = S.make, _n = S.dispose, wn = {
+  Id: an,
+  Signal: fn,
+  Observer: pn,
+  Scheduler: mn,
+  make: hn,
+  dispose: _n
+}, gn = w.Id, Sn = w.Observer, En = w.Scheduler, vn = w.run, kn = {
+  Id: gn,
+  Observer: Sn,
+  Scheduler: En,
+  run: vn
+}, On = Xt, Tn = yt, An = en;
 export {
-  bn as Component,
+  On as Component,
   wn as Computed,
-  yn as Effect,
-  kn as Route,
-  Tn as Router,
-  En as Signal
+  kn as Effect,
+  Tn as Route,
+  An as Router,
+  bn as Signal
 };