xote 6.0.0 → 6.1.0

package/dist/xote.mjs

@@ -50,13 +50,13 @@ function An(e) {
 function kn(e) {
   e.flags = e.flags | 2;
 }
-function On(e) {
+function Dn(e) {
   e.flags = e.flags & -3;
 }
 function bt(e) {
   return (e.flags & 1) !== 0;
 }
-function Dn(e) {
+function On(e) {
   e.flags = e.flags | 1;
 }
 function Xe(e) {
@@ -121,13 +121,13 @@ function ht(e, t) {
   let n = e.lastDep;
   n !== void 0 ? n.nextDep = t : e.firstDep = t, e.lastDep = t;
 }
-let D = {
+let C = {
   contents: void 0
-}, z = {
+}, B = {
   contents: void 0
 }, ee = [], ue = [], re = {
   contents: !1
-}, De = [], mt = (function(e) {
+}, Oe = [], mt = (function(e) {
   e.length = 0;
 });
 function jn(e) {
@@ -181,10 +181,10 @@ function Mn(e, t) {
   ft(e, l), Pe(t, l);
 }
 function Rn(e) {
-  let t = D.contents;
+  let t = C.contents;
   if (t !== void 0)
     return Pn(t, e);
-  let n = z.contents;
+  let n = B.contents;
   if (n !== void 0)
     return Mn(n, e);
 }
@@ -213,13 +213,13 @@ function vt(e) {
 function Fn(e) {
   let t = e.level;
   qe(e), Cn(e);
-  let n = D.contents;
-  D.contents = e;
+  let n = C.contents;
+  C.contents = e;
   try {
     let r = e.compute;
-    r !== void 0 && r(), Xe(e), D.contents = n;
+    r !== void 0 && r(), Xe(e), C.contents = n;
   } catch (r) {
-    throw D.contents = n, r;
+    throw C.contents = n, r;
   }
   if (t === 0) {
     e.level = Tt(e);
@@ -228,13 +228,13 @@ function Fn(e) {
 }
 function Nn(e) {
   let t = e.level;
-  wt(e), On(e);
-  let n = z.contents;
-  z.contents = e;
+  wt(e), Dn(e);
+  let n = B.contents;
+  B.contents = e;
   try {
-    e.run(), _t(e), z.contents = n;
+    e.run(), _t(e), B.contents = n;
   } catch (r) {
-    throw z.contents = n, r;
+    throw B.contents = n, r;
   }
   if (t === 0) {
     e.level = vt(e);
@@ -263,15 +263,15 @@ function xt() {
   }
 }
 function zn(e) {
-  for (De.push(e); De.length !== 0; ) {
-    let t = De.pop();
+  for (Oe.push(e); Oe.length !== 0; ) {
+    let t = Oe.pop();
     if (t !== void 0) {
       let n = t.first;
       for (; n !== void 0; ) {
         let r = n;
         if (r !== void 0) {
           let l = r.observer;
-          Ge(l) ? bt(l) || (Dn(l), De.push(l)) : jn(r.observer), n = r.nextSub;
+          Ge(l) ? bt(l) || (On(l), Oe.push(l)) : jn(r.observer), n = r.nextSub;
         }
       }
     }
@@ -284,13 +284,13 @@ function $t(e) {
     return;
   let t = e.level;
   qe(e);
-  let n = D.contents;
-  D.contents = e;
+  let n = C.contents;
+  C.contents = e;
   try {
     let r = e.compute;
-    r !== void 0 && r(), Xe(e), D.contents = n;
+    r !== void 0 && r(), Xe(e), C.contents = n;
   } catch (r) {
-    throw D.contents = n, r;
+    throw C.contents = n, r;
   }
   if (t === 0) {
     e.level = Tt(e);
@@ -308,13 +308,13 @@ function Bn(e) {
   }
 }
 function In(e) {
-  let t = D.contents, n = z.contents;
-  D.contents = void 0, z.contents = void 0;
+  let t = C.contents, n = B.contents;
+  C.contents = void 0, B.contents = void 0;
   try {
     let r = e();
-    return D.contents = t, z.contents = n, r;
+    return C.contents = t, B.contents = n, r;
   } catch (r) {
-    throw D.contents = t, z.contents = n, r;
+    throw C.contents = t, B.contents = n, r;
   }
 }
 function At(e, t) {
@@ -323,12 +323,12 @@ function At(e, t) {
   }, i = $n(n, "Effect", () => {
     let y = r.contents;
     y !== void 0 && y(), r.contents = e();
-  }, t, void 0), u = z.contents;
-  z.contents = i;
+  }, t, void 0), u = B.contents;
+  B.contents = i;
   try {
-    i.run(), _t(i), z.contents = u;
+    i.run(), _t(i), B.contents = u;
   } catch (y) {
-    throw z.contents = u, y;
+    throw B.contents = u, y;
   }
   i.level = vt(i);
   let o = {
@@ -420,14 +420,14 @@ function kt(e, t) {
 function Yn(e, t) {
   kt(e, t(e.value));
 }
-let Jn = Bn, Qn = In, Je = Hn, Zn = Xn, A = qn, V = Un, ae = kt, er = Yn, tr = Jn, nr = Qn;
+let Jn = Bn, Qn = In, Je = Hn, Zn = Xn, k = qn, H = Un, ae = kt, er = Yn, tr = Jn, nr = Qn;
 const Bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   batch: tr,
-  get: A,
+  get: k,
   make: Je,
   makeForComputed: Zn,
-  peek: V,
+  peek: H,
   set: ae,
   untrack: nr,
   update: er
@@ -440,29 +440,29 @@ function rr(e, t) {
     contents: void 0
   }, i = xn(() => {
     r.contents.value = e();
-  }), u = D.contents;
-  D.contents = i;
+  }), u = C.contents;
+  C.contents = i;
   let o = e();
-  D.contents = u;
-  let d = {
+  C.contents = u;
+  let c = {
     id: n,
     value: o,
     equals: (y, O) => !1,
     name: t,
     subs: i
   };
-  return r.contents = d, Xe(i), d;
+  return r.contents = c, Xe(i), c;
 }
 function ir(e) {
   qe(e.subs);
 }
-let Q = rr, Ot = ir;
+let Q = rr, Dt = ir;
 const Ii = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  dispose: Ot,
+  dispose: Dt,
   make: Q
 }, Symbol.toStringTag, { value: "Module" }));
-let Dt = "http://www.w3.org/2000/svg", Ct = [
+let Ot = "http://www.w3.org/2000/svg", Ct = [
   "svg",
   "path",
   "circle",
@@ -518,9 +518,14 @@ function be(e, t, n) {
     case "aria-expanded":
     case "aria-hidden":
     case "aria-selected":
+    case "autofocus":
+    case "contenteditable":
+    case "draggable":
+    case "hidden":
     case "multiple":
     case "readonly":
     case "required":
+    case "spellcheck":
       break;
     case "value":
       e.value = n;
@@ -552,7 +557,7 @@ function pe(e, t) {
   e.disposers.push(t);
 }
 function jt(e) {
-  e.disposers.forEach((t) => t.dispose()), e.computeds.forEach(Ot);
+  e.disposers.forEach((t) => t.dispose()), e.computeds.forEach(Dt);
 }
 function ge(e, t) {
   e.__xote_owner__ = t;
@@ -560,7 +565,7 @@ function ge(e, t) {
 function Pt(e) {
   return Ue(e.__xote_owner__);
 }
-let c = {
+let s = {
   currentOwner: Ce,
   createOwner: ur,
   runWithOwner: me,
@@ -608,28 +613,28 @@ function Ee(e) {
 function Y(e) {
   switch (e.TAG) {
     case "Element":
-      let t = e.children, n = e.events, r = e.attrs, l = e.tag, i = Ye(Le[l]) ? document.createElementNS(Dt, l) : document.createElement(l), u = {
+      let t = e.children, n = e.events, r = e.attrs, l = e.tag, i = Ye(Le[l]) ? document.createElementNS(Ot, l) : document.createElement(l), u = {
         disposers: [],
         computeds: []
       };
       return ge(i, u), me(u, () => {
         r.forEach((a) => {
-          let m = a[1], x = a[0];
+          let m = a[1], $ = a[0];
           switch (m.TAG) {
             case "Static":
-              return be(i, x, m._0);
+              return be(i, $, m._0);
             case "SignalValue":
-              let k = m._0;
-              be(i, x, V(k));
-              let M = G(() => {
-                be(i, x, A(k));
+              let D = m._0;
+              be(i, $, H(D));
+              let R = G(() => {
+                be(i, $, k(D));
               }, void 0);
-              return pe(u, M);
+              return pe(u, R);
             case "Compute":
-              let p = m._0, S = G(() => {
-                be(i, x, p());
+              let p = m._0, _ = G(() => {
+                be(i, $, p());
               }, void 0);
-              return pe(u, S);
+              return pe(u, _);
           }
         }), n.forEach((a) => {
           i.addEventListener(a[0], a[1]);
@@ -641,16 +646,16 @@ function Y(e) {
     case "Text":
       return document.createTextNode(e._0);
     case "SignalText":
-      let o = e._0, d = document.createTextNode(V(o)), y = {
+      let o = e._0, c = document.createTextNode(H(o)), y = {
         disposers: [],
         computeds: []
       };
-      return ge(d, y), me(y, () => {
+      return ge(c, y), me(y, () => {
         let a = G(() => {
-          d.textContent = A(o);
+          c.textContent = k(o);
         }, void 0);
         pe(y, a);
-      }), d;
+      }), c;
     case "Fragment":
       let O = document.createDocumentFragment();
       return e._0.forEach((a) => {
@@ -658,110 +663,110 @@ function Y(e) {
         O.appendChild(m);
       }), O;
     case "SignalFragment":
-      let L = e._0, F = {
+      let F = e._0, N = {
         disposers: [],
         computeds: []
-      }, C = document.createElement("div");
-      return C.setAttribute("style", "display: contents"), ge(C, F), me(F, () => {
+      }, j = document.createElement("div");
+      return j.setAttribute("style", "display: contents"), ge(j, N), me(N, () => {
         let a = G(() => {
-          let m = A(L);
-          Array.from(C.childNodes || []).forEach(Ee), C.innerHTML = "", m.forEach((k) => {
-            let M = Y(k);
-            C.appendChild(M);
+          let m = k(F);
+          Array.from(j.childNodes || []).forEach(Ee), j.innerHTML = "", m.forEach((D) => {
+            let R = Y(D);
+            j.appendChild(R);
           });
         }, void 0);
-        pe(F, a);
-      }), C;
+        pe(N, a);
+      }), j;
     case "LazyComponent":
-      let $ = {
+      let A = {
         disposers: [],
         computeds: []
-      }, H = me($, e._0), I = Y(H);
-      return ge(I, $), I;
+      }, X = me(A, e._0), W = Y(X);
+      return ge(W, A), W;
     case "KeyedList":
-      let W = e.renderItem, j = e.keyFn, X = e.signal, fe = {
+      let K = e.renderItem, P = e.keyFn, q = e.signal, fe = {
         disposers: [],
         computeds: []
-      }, v = document.createComment(" keyed-list-start "), _ = document.createComment(" keyed-list-end ");
-      ge(v, fe);
-      let s = {}, b = () => {
-        let a = _.parentNode;
+      }, x = document.createComment(" keyed-list-start "), b = document.createComment(" keyed-list-end ");
+      ge(x, fe);
+      let f = {}, E = () => {
+        let a = b.parentNode;
         if (a == null)
           return;
-        let m = A(X), x = {};
+        let m = k(q), $ = {};
         m.forEach((g) => {
-          x[j(g)] = g;
+          $[P(g)] = g;
         });
-        let k = [];
-        Object.keys(s).forEach((g) => {
-          if (x[g] === void 0) {
-            k.push(g);
+        let D = [];
+        Object.keys(f).forEach((g) => {
+          if ($[g] === void 0) {
+            D.push(g);
             return;
           }
-        }), k.forEach((g) => {
-          let T = s[g];
-          if (T !== void 0) {
-            Ee(T.element), T.element.remove(), Qe(s, g);
+        }), D.forEach((g) => {
+          let v = f[g];
+          if (v !== void 0) {
+            Ee(v.element), v.element.remove(), Qe(f, g);
             return;
           }
         });
-        let M = [], p = {};
+        let R = [], p = {};
         m.forEach((g) => {
-          let T = j(g), he = s[T];
+          let v = P(g), he = f[v];
           if (he !== void 0) {
             if (he.item !== g) {
-              p[T] = !0;
-              let Oe = W(g), vn = Y(Oe), ct = {
-                key: T,
+              p[v] = !0;
+              let De = K(g), vn = Y(De), ct = {
+                key: v,
                 item: g,
                 element: vn
               };
-              M.push(ct), s[T] = ct;
+              R.push(ct), f[v] = ct;
               return;
             }
-            M.push(he);
+            R.push(he);
             return;
           }
-          let Ae = W(g), Ie = Y(Ae), ke = {
-            key: T,
+          let Ae = K(g), Ie = Y(Ae), ke = {
+            key: v,
             item: g,
             element: Ie
           };
-          M.push(ke), s[T] = ke;
+          R.push(ke), f[v] = ke;
         });
-        let S = {
-          contents: v.nextSibling
+        let _ = {
+          contents: x.nextSibling
         };
-        M.forEach((g) => {
-          let T = S.contents;
-          if (T == null) {
-            a.insertBefore(g.element, _);
+        R.forEach((g) => {
+          let v = _.contents;
+          if (v == null) {
+            a.insertBefore(g.element, b);
             return;
           }
-          if (T === _) {
-            a.insertBefore(g.element, _);
+          if (v === b) {
+            a.insertBefore(g.element, b);
             return;
           }
-          if (T === g.element) {
-            S.contents = T.nextSibling;
+          if (v === g.element) {
+            _.contents = v.nextSibling;
             return;
           }
-          J(p[g.key], !1) ? (Ee(T), a.replaceChild(g.element, T), S.contents = g.element.nextSibling) : (a.insertBefore(g.element, T), S.contents = g.element.nextSibling);
+          J(p[g.key], !1) ? (Ee(v), a.replaceChild(g.element, v), _.contents = g.element.nextSibling) : (a.insertBefore(g.element, v), _.contents = g.element.nextSibling);
         });
-      }, w = document.createDocumentFragment();
-      return w.appendChild(v), V(X).forEach((a) => {
-        let m = j(a), x = W(a), k = Y(x), M = {
+      }, T = document.createDocumentFragment();
+      return T.appendChild(x), H(q).forEach((a) => {
+        let m = P(a), $ = K(a), D = Y($), R = {
           key: m,
           item: a,
-          element: k
+          element: D
         };
-        s[m] = M, w.appendChild(k);
-      }), w.appendChild(_), me(fe, () => {
+        f[m] = R, T.appendChild(D);
+      }), T.appendChild(b), me(fe, () => {
         let a = G(() => {
-          b();
+          E();
         }, void 0);
         pe(fe, a);
-      }), w;
+      }), T;
   }
 }
 let te = {
@@ -819,7 +824,7 @@ function et(e) {
 function hr(e, t) {
   return {
     TAG: "SignalFragment",
-    _0: Q(() => A(e).map(t), void 0)
+    _0: Q(() => k(e).map(t), void 0)
   };
 }
 function mr(e, t, n) {
@@ -830,8 +835,8 @@ function mr(e, t, n) {
     renderItem: n
   };
 }
-function K(e, t, n, r, l) {
-  let i = t !== void 0 ? t : [].map((d) => d), u = n !== void 0 ? n : [].map((d) => d), o = r !== void 0 ? r : [].map((d) => d);
+function V(e, t, n, r, l) {
+  let i = t !== void 0 ? t : [].map((c) => c), u = n !== void 0 ? n : [].map((c) => c), o = r !== void 0 ? r : [].map((c) => c);
   return {
     TAG: "Element",
     tag: e,
@@ -858,17 +863,17 @@ function gr(e, t) {
   } else
     return Ft(e, n);
 }
-let yr = Le, q = Mt, de = Rt, Fe = Gt;
+let yr = Le, U = Mt, de = Rt, Fe = Gt;
 const Wi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   $$null: pr,
   Attributes: or,
   DOM: we,
-  Reactivity: c,
+  Reactivity: s,
   Render: te,
-  attr: q,
+  attr: U,
   computedAttr: Fe,
-  element: K,
+  element: V,
   float: fr,
   fragment: Ze,
   int: sr,
@@ -882,43 +887,43 @@ const Wi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   signalFragment: et,
   signalInt: dr,
   signalText: ar,
-  svgNamespace: Dt,
+  svgNamespace: Ot,
   svgTagSet: yr,
   svgTags: Ct,
   text: Lt
 }, Symbol.toStringTag, { value: "Module" }));
 function Sr(e, t, n, r) {
-  return K("div", e, t, n);
+  return V("div", e, t, n);
 }
 function _r(e, t, n, r) {
-  return K("span", e, t, n);
+  return V("span", e, t, n);
 }
 function br(e, t, n, r) {
-  return K("button", e, t, n);
+  return V("button", e, t, n);
 }
 function Er(e, t, n) {
-  return K("input", e, t, void 0);
+  return V("input", e, t, void 0);
 }
 function wr(e, t, n, r) {
-  return K("h1", e, t, n);
+  return V("h1", e, t, n);
 }
 function Tr(e, t, n, r) {
-  return K("h2", e, t, n);
+  return V("h2", e, t, n);
 }
 function vr(e, t, n, r) {
-  return K("h3", e, t, n);
+  return V("h3", e, t, n);
 }
 function xr(e, t, n, r) {
-  return K("p", e, t, n);
+  return V("p", e, t, n);
 }
 function $r(e, t, n, r) {
-  return K("ul", e, t, n);
+  return V("ul", e, t, n);
 }
 function Ar(e, t, n, r) {
-  return K("li", e, t, n);
+  return V("li", e, t, n);
 }
 function tt(e, t, n, r) {
-  return K("a", e, t, n);
+  return V("a", e, t, n);
 }
 const Ki = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -950,31 +955,31 @@ function kr(e) {
   let t = e.children;
   return t !== void 0 ? t : Ze([]);
 }
-let Or = Ze;
-function Dr() {
+let Dr = Ze;
+function Or() {
   return Lt("");
 }
 function nt(e) {
   return e && typeof e == "object" && "TAG" in e && (e.TAG === "Static" || e.TAG === "Reactive");
 }
-function E(e, t) {
-  return nt(t) ? t.TAG === "Reactive" ? de(e, t._0) : q(e, t._0) : typeof t == "function" ? Fe(e, t) : typeof t == "object" ? de(e, t) : q(e, t);
+function S(e, t) {
+  return nt(t) ? t.TAG === "Reactive" ? de(e, t._0) : U(e, t._0) : typeof t == "function" ? Fe(e, t) : typeof t == "object" ? de(e, t) : U(e, t);
 }
-function U(e, t) {
+function L(e, t) {
   if (nt(t)) {
     if (t.TAG !== "Reactive")
-      return q(e, t._0 ? "true" : "false");
-    let r = t._0, l = Q(() => A(r) ? "true" : "false", void 0);
+      return U(e, t._0 ? "true" : "false");
+    let r = t._0, l = Q(() => k(r) ? "true" : "false", void 0);
     return de(e, l);
   }
   if (typeof t == "function")
     return Fe(e, () => t() ? "true" : "false");
   if (typeof t != "object")
-    return q(e, t ? "true" : "false");
-  let n = Q(() => A(t) ? "true" : "false", void 0);
+    return U(e, t ? "true" : "false");
+  let n = Q(() => k(t) ? "true" : "false", void 0);
   return de(e, n);
 }
-function f(e, t, n, r) {
+function d(e, t, n, r) {
   if (t !== void 0) {
     e.push(r(n, h(t)));
     return;
@@ -982,19 +987,19 @@ function f(e, t, n, r) {
 }
 function ye(e, t, n) {
   if (t !== void 0) {
-    e.push(q(n, t.toString()));
+    e.push(U(n, t.toString()));
     return;
   }
 }
 function Bt(e) {
   let t = [];
-  f(t, e.id, "id", E), f(t, e.class, "class", E), f(t, e.style, "style", E), f(t, e.type, "type", E), f(t, e.name, "name", E), f(t, e.value, "value", E), f(t, e.placeholder, "placeholder", E), f(t, e.disabled, "disabled", U), f(t, e.checked, "checked", U), f(t, e.required, "required", U), f(t, e.readOnly, "readonly", U), ye(t, e.maxLength, "maxlength"), ye(t, e.minLength, "minlength"), f(t, e.min, "min", E), f(t, e.max, "max", E), f(t, e.step, "step", E), f(t, e.pattern, "pattern", E), f(t, e.autoComplete, "autocomplete", E), f(t, e.multiple, "multiple", U), f(t, e.accept, "accept", E), ye(t, e.rows, "rows"), ye(t, e.cols, "cols"), f(t, e.for, "for", E), f(t, e.href, "href", E), f(t, e.target, "target", E), f(t, e.src, "src", E), f(t, e.alt, "alt", E), f(t, e.width, "width", E), f(t, e.height, "height", E), f(t, e.role, "role", E), ye(t, e.tabIndex, "tabindex"), f(t, e["aria-label"], "aria-label", E), f(t, e["aria-hidden"], "aria-hidden", U), f(t, e["aria-expanded"], "aria-expanded", U), f(t, e["aria-selected"], "aria-selected", U);
+  d(t, e.id, "id", S), d(t, e.class, "class", S), d(t, e.style, "style", S), d(t, e.title, "title", S), d(t, e.type, "type", S), d(t, e.name, "name", S), d(t, e.value, "value", S), d(t, e.placeholder, "placeholder", S), d(t, e.disabled, "disabled", L), d(t, e.checked, "checked", L), d(t, e.required, "required", L), d(t, e.readOnly, "readonly", L), ye(t, e.maxLength, "maxlength"), ye(t, e.minLength, "minlength"), d(t, e.min, "min", S), d(t, e.max, "max", S), d(t, e.step, "step", S), d(t, e.pattern, "pattern", S), d(t, e.autoComplete, "autocomplete", S), d(t, e.multiple, "multiple", L), d(t, e.accept, "accept", S), ye(t, e.rows, "rows"), ye(t, e.cols, "cols"), d(t, e.autofocus, "autofocus", L), d(t, e.action, "action", S), d(t, e.method, "method", S), d(t, e.for, "for", S), d(t, e.href, "href", S), d(t, e.target, "target", S), d(t, e.src, "src", S), d(t, e.alt, "alt", S), d(t, e.width, "width", S), d(t, e.height, "height", S), d(t, e.draggable, "draggable", L), d(t, e.hidden, "hidden", L), d(t, e.contentEditable, "contenteditable", L), d(t, e.spellcheck, "spellcheck", L), d(t, e.role, "role", S), ye(t, e.tabIndex, "tabindex"), d(t, e["aria-label"], "aria-label", S), d(t, e["aria-hidden"], "aria-hidden", L), d(t, e["aria-expanded"], "aria-expanded", L), d(t, e["aria-selected"], "aria-selected", L);
   let n = e.data;
   return n !== void 0 && Object.entries(n).forEach(([r, l]) => {
-    t.push(E("data-" + r, l));
+    t.push(S("data-" + r, l));
   }), t;
 }
-function R(e, t, n) {
+function w(e, t, n) {
   if (t !== void 0) {
     e.push([
       n,
@@ -1005,7 +1010,7 @@ function R(e, t, n) {
 }
 function It(e) {
   let t = [];
-  return R(t, e.onClick, "click"), R(t, e.onInput, "input"), R(t, e.onChange, "change"), R(t, e.onSubmit, "submit"), R(t, e.onFocus, "focus"), R(t, e.onBlur, "blur"), R(t, e.onKeyDown, "keydown"), R(t, e.onKeyUp, "keyup"), R(t, e.onMouseEnter, "mouseenter"), R(t, e.onMouseLeave, "mouseleave"), R(t, e.onMouseDown, "mousedown"), R(t, e.onMouseMove, "mousemove"), R(t, e.onMouseUp, "mouseup"), R(t, e.onContextMenu, "contextmenu"), t;
+  return w(t, e.onClick, "click"), w(t, e.onInput, "input"), w(t, e.onChange, "change"), w(t, e.onSubmit, "submit"), w(t, e.onFocus, "focus"), w(t, e.onBlur, "blur"), w(t, e.onKeyDown, "keydown"), w(t, e.onKeyUp, "keyup"), w(t, e.onMouseEnter, "mouseenter"), w(t, e.onMouseLeave, "mouseleave"), w(t, e.onMouseDown, "mousedown"), w(t, e.onMouseMove, "mousemove"), w(t, e.onMouseUp, "mouseup"), w(t, e.onContextMenu, "contextmenu"), w(t, e.onDrag, "drag"), w(t, e.onDragStart, "dragstart"), w(t, e.onDragEnd, "dragend"), w(t, e.onDragOver, "dragover"), w(t, e.onDragEnter, "dragenter"), w(t, e.onDragLeave, "dragleave"), w(t, e.onDrop, "drop"), t;
 }
 function Wt(e) {
   let t = e.children;
@@ -1026,12 +1031,12 @@ function gt(e, t, n, r) {
 }
 let Cr = {
   isReactiveProp: nt,
-  convertAttrValue: E,
-  convertBoolAttrValue: U,
-  addAttr: f,
+  convertAttrValue: S,
+  convertBoolAttrValue: L,
+  addAttr: d,
   addIntAttr: ye,
   propsToAttrs: Bt,
-  addEvent: R,
+  addEvent: w,
   propsToEvents: It,
   getChildren: Wt,
   createElement: rt,
@@ -1042,10 +1047,10 @@ let Cr = {
 }, jr, Pr = Nt, Mr = zt;
 const Vi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  $$null: Dr,
+  $$null: Or,
   Elements: Cr,
   ReactiveProp: jr,
-  array: Or,
+  array: Dr,
   jsx: Nt,
   jsxFragment: kr,
   jsxKeyed: zt,
@@ -1053,7 +1058,7 @@ const Vi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   jsxsKeyed: Mr
 }, Symbol.toStringTag, { value: "Module" }));
 function Rr(e) {
-  return e.TAG === "Reactive" ? A(e._0) : e._0;
+  return e.TAG === "Reactive" ? k(e._0) : e._0;
 }
 function Gr(e) {
   return {
@@ -1130,7 +1135,7 @@ const Xi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 function Nr() {
   return /* @__PURE__ */ Symbol.for("xote.router.state");
 }
-function B() {
+function I() {
   let e = globalThis[/* @__PURE__ */ Symbol.for("xote.router.state")];
   if (e !== void 0)
     return e;
@@ -1149,13 +1154,13 @@ function B() {
   return globalThis[/* @__PURE__ */ Symbol.for("xote.router.state")] = t, t;
 }
 function zr() {
-  return B().location;
+  return I().location;
 }
 function Br() {
-  return B().basePath;
+  return I().basePath;
 }
 function ce(e) {
-  if (!B().initialized) {
+  if (!I().initialized) {
     console.warn(
       "[Xote Router] " + e + " called before Router.init(). Make sure to call Router.init() at your app entry point. This may cause incorrect routing behavior."
     );
@@ -1169,11 +1174,11 @@ function lt(e) {
   return t.endsWith("/") ? t.slice(0, t.length - 1 | 0) : t;
 }
 function Xt(e) {
-  let t = B().basePath.contents;
+  let t = I().basePath.contents;
   return t === "/" ? e : e === t ? "/" : e.startsWith(t + "/") ? e.slice(t.length) : e;
 }
 function ve(e) {
-  let t = B().basePath.contents;
+  let t = I().basePath.contents;
   return t === "/" ? e : e === "/" ? t : t + e;
 }
 function qt() {
@@ -1213,26 +1218,26 @@ function Ve() {
   };
 }
 function Ir(e, t) {
-  let n = e !== void 0 ? e : "/", r = B(), l = lt(n);
+  let n = e !== void 0 ? e : "/", r = I(), l = lt(n);
   if (r.basePath.contents = l, ae(r.location, Ve()), r.initialized)
     return;
   let i = (u) => {
-    ae(B().location, Ve());
+    ae(I().location, Ve());
     let o = window["history.state"];
     if (o == null)
       return;
-    let d = Yt(o);
-    if (d !== void 0)
-      return Ne(d[0], d[1]);
+    let c = Yt(o);
+    if (c !== void 0)
+      return Ne(c[0], c[1]);
   };
   r.popStateHandler = i, window.addEventListener("popstate", i), r.initialized = !0;
 }
 function Wr(e, t, n, r, l) {
-  let i = e !== void 0 ? e : "/", u = t !== void 0 ? t : "/", o = n !== void 0 ? n : "", d = r !== void 0 ? r : "", y = B(), O = lt(i);
+  let i = e !== void 0 ? e : "/", u = t !== void 0 ? t : "/", o = n !== void 0 ? n : "", c = r !== void 0 ? r : "", y = I(), O = lt(i);
   y.basePath.contents = O, ae(y.location, {
     pathname: u,
     search: o,
-    hash: d
+    hash: c
   }), y.initialized = !0;
 }
 function ot(e, t, n, r) {
@@ -1242,8 +1247,8 @@ function ot(e, t, n, r) {
     pathname: e,
     search: l,
     hash: i
-  }, d = ve(e) + l + i;
-  window.history.pushState(ut(), "", d), ae(B().location, u), Ne(0, 0);
+  }, c = ve(e) + l + i;
+  window.history.pushState(ut(), "", c), ae(I().location, u), Ne(0, 0);
 }
 function Kr(e, t, n, r) {
   let l = t !== void 0 ? t : "", i = n !== void 0 ? n : "";
@@ -1252,18 +1257,18 @@ function Kr(e, t, n, r) {
     pathname: e,
     search: l,
     hash: i
-  }, d = ve(e) + l + i;
-  window.history.replaceState(ut(), "", d), ae(B().location, u), Ne(0, 0);
+  }, c = ve(e) + l + i;
+  window.history.replaceState(ut(), "", c), ae(I().location, u), Ne(0, 0);
 }
 function Vr(e, t) {
   return ce("Router.route()"), et(Q(() => {
-    let n = A(B().location), r = it(e, n.pathname);
+    let n = k(I().location), r = it(e, n.pathname);
     return typeof r != "object" ? [] : [t(r._0)];
   }, void 0));
 }
 function Hr(e) {
   return ce("Router.routes()"), et(Q(() => {
-    let t = A(B().location), n = Fr(e, (r) => {
+    let t = k(I().location), n = Fr(e, (r) => {
       let l = it(r.pattern, t.pathname);
       if (typeof l == "object")
         return r.render(l._0);
@@ -1277,7 +1282,7 @@ function Xr(e, t, n, r) {
   let u = (o) => {
     o.preventDefault(), ot(e, void 0, void 0);
   };
-  return tt(l.concat([q("href", ve(e))]), [[
+  return tt(l.concat([U("href", ve(e))]), [[
     "click",
     u
   ]], i);
@@ -1286,7 +1291,7 @@ function Qt(e) {
   return e && typeof e == "object" && "TAG" in e && (e.TAG === "Static" || e.TAG === "Reactive");
 }
 function Se(e, t) {
-  return Qt(t) ? t.TAG === "Reactive" ? de(e, t._0) : q(e, t._0) : typeof t == "function" ? Fe(e, t) : typeof t == "object" ? de(e, t) : q(e, t);
+  return Qt(t) ? t.TAG === "Reactive" ? de(e, t._0) : U(e, t._0) : typeof t == "function" ? Fe(e, t) : typeof t == "object" ? de(e, t) : U(e, t);
 }
 function Zt(e) {
   let t = [], n = e.class;
@@ -1312,7 +1317,7 @@ function je(e) {
     if (r !== void 0)
       return r(n);
   };
-  return tt(Zt(e).concat([q("href", ve(e.to))]), [[
+  return tt(Zt(e).concat([U("href", ve(e.to))]), [[
     "click",
     t
   ]], en(e));
@@ -1340,7 +1345,7 @@ const qi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   basePath: Br,
   emptyHistoryState: ut,
   getCurrentLocation: Ve,
-  getGlobalState: B,
+  getGlobalState: I,
   getScrollFromState: Yt,
   getScrollPosition: qt,
   getSymbolKey: Nr,
@@ -1408,7 +1413,7 @@ function hn(e) {
       r = t._0;
       break;
     case "SignalValue":
-      r = V(t._0);
+      r = H(t._0);
       break;
     case "Compute":
       r = t._0();
@@ -1418,11 +1423,16 @@ function hn(e) {
     case "aria-expanded":
     case "aria-hidden":
     case "aria-selected":
+    case "autofocus":
     case "checked":
+    case "contenteditable":
     case "disabled":
+    case "draggable":
+    case "hidden":
     case "multiple":
     case "readonly":
     case "required":
+    case "spellcheck":
       break;
     default:
       return n + '="' + ie(r) + '"';
@@ -1448,22 +1458,22 @@ function ne(e) {
     case "Text":
       return ie(e._0);
     case "SignalText":
-      let l = V(e._0);
+      let l = H(e._0);
       return nn + ie(l) + rn;
     case "Fragment":
       return e._0.map(ne).join("");
     case "SignalFragment":
-      let u = V(e._0).map(ne).join("");
+      let u = H(e._0).map(ne).join("");
       return ln + u + un;
     case "LazyComponent":
       let o = e._0();
       return sn + ne(o) + fn;
     case "KeyedList":
-      let d = e.renderItem, y = e.keyFn, L = V(e.signal).map((F) => {
-        let C = y(F), $ = ne(d(F));
-        return dn(C) + $ + cn;
+      let c = e.renderItem, y = e.keyFn, F = H(e.signal).map((N) => {
+        let j = y(N), A = ne(c(N));
+        return dn(j) + A + cn;
       }).join("");
-      return on + L + an;
+      return on + F + an;
   }
 }
 function pn(e, t) {
@@ -1477,10 +1487,10 @@ function gn(e) {
   return "<script" + (e !== void 0 ? ' nonce="' + ie(e) + '"' : "") + ">window.__XOTE_HYDRATED__=false;<\/script>";
 }
 function ei(e, t, n, r, l, i, u) {
-  let o = e !== void 0 ? e : "", d = t !== void 0 ? t : "", y = n !== void 0 ? n : [], O = r !== void 0 ? r : [], L = l !== void 0 ? l : "", F = pn(u), C = gn(i), $ = O.map((I) => '<link rel="stylesheet" href="' + ie(I) + '" />').join(`
-    `), H = y.map((I) => {
-    let W = i !== void 0 ? ' nonce="' + ie(i) + '"' : "";
-    return '<script type="module" src="' + ie(I) + '"' + W + "><\/script>";
+  let o = e !== void 0 ? e : "", c = t !== void 0 ? t : "", y = n !== void 0 ? n : [], O = r !== void 0 ? r : [], F = l !== void 0 ? l : "", N = pn(u), j = gn(i), A = O.map((W) => '<link rel="stylesheet" href="' + ie(W) + '" />').join(`
+    `), X = y.map((W) => {
+    let K = i !== void 0 ? ' nonce="' + ie(i) + '"' : "";
+    return '<script type="module" src="' + ie(W) + '"' + K + "><\/script>";
   }).join(`
     `);
   return `<!DOCTYPE html>
@@ -1488,14 +1498,14 @@ function ei(e, t, n, r, l, i, u) {
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    ` + $ + `
+    ` + A + `
     ` + o + `
   </head>
-  <body` + (d !== "" ? " " + d : "") + `>
-    <div id="root">` + F + `</div>
-    ` + L + `
-    ` + C + `
-    ` + H + `
+  <body` + (c !== "" ? " " + c : "") + `>
+    <div id="root">` + N + `</div>
+    ` + F + `
+    ` + j + `
+    ` + X + `
   </body>
 </html>`;
 }
@@ -1653,10 +1663,10 @@ function vi(e, t, n) {
       let l = Array.isArray(r) ? r : void 0;
       if (l === void 0 || l.length !== 3)
         return;
-      let i = l[0], u = l[1], o = l[2], d = e.decode(i), y = t.decode(u), O = n.decode(o);
-      if (d !== void 0 && y !== void 0 && O !== void 0)
+      let i = l[0], u = l[1], o = l[2], c = e.decode(i), y = t.decode(u), O = n.decode(o);
+      if (c !== void 0 && y !== void 0 && O !== void 0)
         return [
-          h(d),
+          h(c),
           h(y),
           h(O)
         ];
@@ -1706,7 +1716,7 @@ let Ai = {
 }, Te = {};
 function Sn(e, t, n) {
   if (xe) {
-    Te[e] = n.encode(V(t));
+    Te[e] = n.encode(H(t));
     return;
   }
 }
@@ -1718,7 +1728,7 @@ function ki() {
 function _n(e) {
   return e.replaceAll("<\/script>", "<\\/script>").replaceAll("<!--", "<\\!--");
 }
-function Oi(e) {
+function Di(e) {
   let t = J(JSON.stringify(Te), "{}"), n = _n(t);
   return "<script" + (e !== void 0 ? ' nonce="' + tn.escape(e) + '"' : "") + ">window.__XOTE_STATE__=" + n + ";<\/script>";
 }
@@ -1738,7 +1748,7 @@ function En(e, t, n) {
 function wn(e, t, n) {
   yn(() => Sn(e, t, n), () => En(e, t, n));
 }
-function Di(e, t, n) {
+function Oi(e, t, n) {
   let r = Je(t, void 0, void 0);
   return wn(e, r, n), r;
 }
@@ -1747,9 +1757,9 @@ const Ji = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Codec: Ai,
   clear: ki,
   escapeForScript: _n,
-  generateScript: Oi,
+  generateScript: Di,
   getClientState: bn,
-  make: Di,
+  make: Oi,
   register: Sn,
   registry: Te,
   restore: En,
@@ -1795,7 +1805,7 @@ function _e(e) {
 function Pi(e) {
   return e.current;
 }
-function N(e) {
+function z(e) {
   let t = e.current;
   return t !== void 0 && (e.current = Ue(h(t).nextSibling)), t;
 }
@@ -1807,8 +1817,8 @@ function Z(e, t) {
         return;
       let l = h(r);
       if ($e(l, t))
-        return N(e), oe(l);
-      N(e);
+        return z(e), oe(l);
+      z(e);
     }
   })();
 }
@@ -1821,10 +1831,10 @@ function Me(e, t) {
         return;
       let i = h(l);
       if ($e(i, t)) {
-        N(e);
+        z(e);
         return;
       }
-      n.push(i), N(e);
+      n.push(i), z(e);
     }
   })(), n;
 }
@@ -1838,7 +1848,7 @@ let Mi = {
   extractKey: dt,
   make: _e,
   peek: Pi,
-  next: N,
+  next: z,
   skipUntilMarker: Z,
   collectUntilMarker: Me
 }, Ri = /* @__PURE__ */ Ci("Hydration-Xote.HydrationMismatch");
@@ -1850,156 +1860,156 @@ function Gi(e, t) {
     let n = e;
     switch (n.TAG) {
       case "Element":
-        let r = n.children, l = n.events, i = n.attrs, u = c.createOwner();
-        return c.setOwner(t, u), c.runWithOwner(u, () => {
-          i.forEach((_) => {
-            let s = _[1], b = _[0];
-            switch (s.TAG) {
+        let r = n.children, l = n.events, i = n.attrs, u = s.createOwner();
+        return s.setOwner(t, u), s.runWithOwner(u, () => {
+          i.forEach((b) => {
+            let f = b[1], E = b[0];
+            switch (f.TAG) {
               case "Static":
                 return;
               case "SignalValue":
-                let w = s._0, P = G(() => {
-                  we.setAttrOrProp(t, b, A(w));
+                let T = f._0, M = G(() => {
+                  we.setAttrOrProp(t, E, k(T));
                 }, void 0);
-                return c.addDisposer(u, P);
+                return s.addDisposer(u, M);
               case "Compute":
-                let a = s._0, m = G(() => {
-                  we.setAttrOrProp(t, b, a());
+                let a = f._0, m = G(() => {
+                  we.setAttrOrProp(t, E, a());
                 }, void 0);
-                return c.addDisposer(u, m);
+                return s.addDisposer(u, m);
             }
-          }), l.forEach((_) => {
-            t.addEventListener(_[0], _[1]);
+          }), l.forEach((b) => {
+            t.addEventListener(b[0], b[1]);
           });
-          let v = _e(t);
-          r.forEach((_) => le(_, v));
+          let x = _e(t);
+          r.forEach((b) => le(b, x));
         });
       case "Text":
         return;
       case "SignalText":
-        let o = n._0, d = c.createOwner();
-        return c.setOwner(t, d), c.runWithOwner(d, () => {
-          let v = G(() => {
-            t.textContent = A(o);
+        let o = n._0, c = s.createOwner();
+        return s.setOwner(t, c), s.runWithOwner(c, () => {
+          let x = G(() => {
+            t.textContent = k(o);
           }, void 0);
-          c.addDisposer(d, v);
+          s.addDisposer(c, x);
         });
       case "Fragment":
         let y = _e(t);
-        n._0.forEach((v) => le(v, y));
+        n._0.forEach((x) => le(x, y));
         return;
       case "SignalFragment":
-        let O = n._0, L = c.createOwner();
-        return c.setOwner(t, L), c.runWithOwner(L, () => {
-          let v = G(() => {
-            let _ = A(O);
-            Array.from(t.childNodes || []).forEach((b) => c.disposeOwner(J(c.getOwner(b), c.createOwner()))), t.innerHTML = "", _.forEach((b) => {
-              let w = te.render(b);
-              t.appendChild(w);
+        let O = n._0, F = s.createOwner();
+        return s.setOwner(t, F), s.runWithOwner(F, () => {
+          let x = G(() => {
+            let b = k(O);
+            Array.from(t.childNodes || []).forEach((E) => s.disposeOwner(J(s.getOwner(E), s.createOwner()))), t.innerHTML = "", b.forEach((E) => {
+              let T = te.render(E);
+              t.appendChild(T);
             });
           }, void 0);
-          c.addDisposer(L, v);
+          s.addDisposer(F, x);
         });
       case "LazyComponent":
-        let F = c.createOwner(), C = c.runWithOwner(F, n._0);
-        c.setOwner(t, F), e = C;
+        let N = s.createOwner(), j = s.runWithOwner(N, n._0);
+        s.setOwner(t, N), e = j;
         continue;
       case "KeyedList":
-        let $ = n.renderItem, H = n.keyFn, I = n.signal, W = c.createOwner();
-        c.setOwner(t, W);
-        let j = {}, X = _e(t);
-        return Z(X, "kl"), (() => {
+        let A = n.renderItem, X = n.keyFn, W = n.signal, K = s.createOwner();
+        s.setOwner(t, K);
+        let P = {}, q = _e(t);
+        return Z(q, "kl"), (() => {
           for (; ; ) {
-            let v = X.current;
-            if (v === void 0)
+            let x = q.current;
+            if (x === void 0)
               return;
-            let _ = h(v);
-            if (!Be(_, "k:"))
-              if ($e(_, "/kl")) {
-                N(X);
+            let b = h(x);
+            if (!Be(b, "k:"))
+              if ($e(b, "/kl")) {
+                z(q);
                 return;
               } else
                 return;
-            let s = J(dt(_), "");
-            N(X);
-            let w = Me(X, "/k").find((P) => P.nodeType === 1);
-            if (w !== void 0) {
-              let P = V(I), a = J(P.find((m) => H(m) === s), {});
-              j[s] = {
-                key: s,
+            let f = J(dt(b), "");
+            z(q);
+            let T = Me(q, "/k").find((M) => M.nodeType === 1);
+            if (T !== void 0) {
+              let M = H(W), a = J(M.find((m) => X(m) === f), {});
+              P[f] = {
+                key: f,
                 item: a,
-                element: h(w)
+                element: h(T)
               };
             }
           }
-        })(), c.runWithOwner(W, () => {
-          let v = document.createComment(" keyed-list-start "), _ = document.createComment(" keyed-list-end "), s = t.firstChild;
-          s == null ? t.appendChild(v) : t.insertBefore(v, s), t.appendChild(_);
-          let b = () => {
-            let P = A(I), a = {};
-            P.forEach((p) => {
-              a[H(p)] = p;
+        })(), s.runWithOwner(K, () => {
+          let x = document.createComment(" keyed-list-start "), b = document.createComment(" keyed-list-end "), f = t.firstChild;
+          f == null ? t.appendChild(x) : t.insertBefore(x, f), t.appendChild(b);
+          let E = () => {
+            let M = k(W), a = {};
+            M.forEach((p) => {
+              a[X(p)] = p;
             });
             let m = [];
-            Object.keys(j).forEach((p) => {
+            Object.keys(P).forEach((p) => {
               if (a[p] === void 0) {
                 m.push(p);
                 return;
               }
             }), m.forEach((p) => {
-              let S = j[p];
-              if (S !== void 0) {
-                te.disposeElement(S.element), S.element.remove(), Qe(j, p);
+              let _ = P[p];
+              if (_ !== void 0) {
+                te.disposeElement(_.element), _.element.remove(), Qe(P, p);
                 return;
               }
             });
-            let x = [], k = {};
-            P.forEach((p) => {
-              let S = H(p), g = j[S];
+            let $ = [], D = {};
+            M.forEach((p) => {
+              let _ = X(p), g = P[_];
               if (g !== void 0) {
                 if (g.item !== p) {
-                  k[S] = !0;
-                  let Ie = $(p), ke = te.render(Ie), Oe = {
-                    key: S,
+                  D[_] = !0;
+                  let Ie = A(p), ke = te.render(Ie), De = {
+                    key: _,
                     item: p,
                     element: ke
                   };
-                  x.push(Oe), j[S] = Oe;
+                  $.push(De), P[_] = De;
                   return;
                 }
-                x.push(g);
+                $.push(g);
                 return;
               }
-              let T = $(p), he = te.render(T), Ae = {
-                key: S,
+              let v = A(p), he = te.render(v), Ae = {
+                key: _,
                 item: p,
                 element: he
               };
-              x.push(Ae), j[S] = Ae;
+              $.push(Ae), P[_] = Ae;
             });
-            let M = {
-              contents: v.nextSibling
+            let R = {
+              contents: x.nextSibling
             };
-            x.forEach((p) => {
-              let S = M.contents;
-              if (S == null) {
-                t.insertBefore(p.element, _);
+            $.forEach((p) => {
+              let _ = R.contents;
+              if (_ == null) {
+                t.insertBefore(p.element, b);
                 return;
               }
-              if (S === _) {
-                t.insertBefore(p.element, _);
+              if (_ === b) {
+                t.insertBefore(p.element, b);
                 return;
               }
-              if (S === p.element) {
-                M.contents = S.nextSibling;
+              if (_ === p.element) {
+                R.contents = _.nextSibling;
                 return;
               }
-              J(k[p.key], !1) ? (te.disposeElement(S), t.replaceChild(p.element, S), M.contents = p.element.nextSibling) : (t.insertBefore(p.element, S), M.contents = p.element.nextSibling);
+              J(D[p.key], !1) ? (te.disposeElement(_), t.replaceChild(p.element, _), R.contents = p.element.nextSibling) : (t.insertBefore(p.element, _), R.contents = p.element.nextSibling);
             });
-          }, w = G(() => {
-            b();
+          }, T = G(() => {
+            E();
           }, void 0);
-          c.addDisposer(W, w);
+          s.addDisposer(K, T);
         });
     }
   }
@@ -2007,102 +2017,102 @@ function Gi(e, t) {
 function le(e, t) {
   switch (e.TAG) {
     case "Element":
-      let n = e.children, r = e.events, l = e.attrs, i = N(t);
+      let n = e.children, r = e.events, l = e.attrs, i = z(t);
       if (i === void 0)
         return He("Missing DOM element for Element node");
-      let u = h(i), o = c.createOwner();
-      return c.setOwner(u, o), c.runWithOwner(o, () => {
-        l.forEach((b) => {
-          let w = b[1], P = b[0];
-          switch (w.TAG) {
+      let u = h(i), o = s.createOwner();
+      return s.setOwner(u, o), s.runWithOwner(o, () => {
+        l.forEach((E) => {
+          let T = E[1], M = E[0];
+          switch (T.TAG) {
             case "Static":
               return;
             case "SignalValue":
-              let a = w._0, m = G(() => {
-                we.setAttrOrProp(u, P, A(a));
+              let a = T._0, m = G(() => {
+                we.setAttrOrProp(u, M, k(a));
               }, void 0);
-              return c.addDisposer(o, m);
+              return s.addDisposer(o, m);
             case "Compute":
-              let x = w._0, k = G(() => {
-                we.setAttrOrProp(u, P, x());
+              let $ = T._0, D = G(() => {
+                we.setAttrOrProp(u, M, $());
               }, void 0);
-              return c.addDisposer(o, k);
+              return s.addDisposer(o, D);
           }
-        }), r.forEach((b) => {
-          u.addEventListener(b[0], b[1]);
+        }), r.forEach((E) => {
+          u.addEventListener(E[0], E[1]);
         });
-        let s = _e(u);
-        n.forEach((b) => le(b, s));
+        let f = _e(u);
+        n.forEach((E) => le(E, f));
       });
     case "Text":
-      N(t);
+      z(t);
       return;
     case "SignalText":
-      let d = e._0;
+      let c = e._0;
       Z(t, "$");
-      let y = N(t);
+      let y = z(t);
       if (y === void 0)
         return He("Missing text node for SignalText");
-      let O = h(y), L = c.createOwner();
-      c.setOwner(O, L), c.runWithOwner(L, () => {
-        let s = G(() => {
-          O.textContent = A(d);
+      let O = h(y), F = s.createOwner();
+      s.setOwner(O, F), s.runWithOwner(F, () => {
+        let f = G(() => {
+          O.textContent = k(c);
         }, void 0);
-        c.addDisposer(L, s);
+        s.addDisposer(F, f);
       }), Z(t, "/$");
       return;
     case "Fragment":
-      e._0.forEach((s) => le(s, t));
+      e._0.forEach((f) => le(f, t));
       return;
     case "SignalFragment":
-      let F = e._0;
+      let N = e._0;
       Z(t, "#");
-      let C = Me(t, "/#"), $ = document.createElement("div");
-      $.setAttribute("style", "display: contents");
-      let H = C[0], I = H !== void 0 ? H.parentNode : void 0;
-      C.forEach((s) => {
-        $.appendChild(s);
+      let j = Me(t, "/#"), A = document.createElement("div");
+      A.setAttribute("style", "display: contents");
+      let X = j[0], W = X !== void 0 ? X.parentNode : void 0;
+      j.forEach((f) => {
+        A.appendChild(f);
       });
-      let W = t.current;
-      if (I !== void 0) {
-        let s = h(I);
-        W !== void 0 ? s.insertBefore($, h(W)) : s.appendChild($);
+      let K = t.current;
+      if (W !== void 0) {
+        let f = h(W);
+        K !== void 0 ? f.insertBefore(A, h(K)) : f.appendChild(A);
       }
-      let j = c.createOwner();
-      return c.setOwner($, j), c.runWithOwner(j, () => {
-        let s = G(() => {
-          let b = A(F);
-          Array.from($.childNodes || []).forEach(te.disposeElement), $.innerHTML = "", b.forEach((P) => {
-            let a = te.render(P);
-            $.appendChild(a);
+      let P = s.createOwner();
+      return s.setOwner(A, P), s.runWithOwner(P, () => {
+        let f = G(() => {
+          let E = k(N);
+          Array.from(A.childNodes || []).forEach(te.disposeElement), A.innerHTML = "", E.forEach((M) => {
+            let a = te.render(M);
+            A.appendChild(a);
           });
         }, void 0);
-        c.addDisposer(j, s);
+        s.addDisposer(P, f);
       });
     case "LazyComponent":
       Z(t, "lc");
-      let X = e._0();
-      le(X, t), Z(t, "/lc");
+      let q = e._0();
+      le(q, t), Z(t, "/lc");
       return;
     case "KeyedList":
-      let fe = e.keyFn, v = e.signal;
+      let fe = e.keyFn, x = e.signal;
       return Z(t, "kl"), (() => {
         for (; ; ) {
-          let s = t.current;
-          if (s === void 0)
+          let f = t.current;
+          if (f === void 0)
             return;
-          let b = h(s);
-          if (!Be(b, "k:"))
-            if ($e(b, "/kl")) {
-              N(t);
+          let E = h(f);
+          if (!Be(E, "k:"))
+            if ($e(E, "/kl")) {
+              z(t);
               return;
             } else
               return;
-          let w = J(dt(b), "");
-          N(t);
+          let T = J(dt(E), "");
+          z(t);
           let a = Me(t, "/k").find((m) => m.nodeType === 1);
           if (a !== void 0) {
-            let m = V(v), x = J(m.find((k) => fe(k) === w), {});
+            let m = H(x), $ = J(m.find((D) => fe(D) === T), {});
             h(a);
           }
         }
@@ -2111,7 +2121,7 @@ function le(e, t) {
 }
 function Tn(e, t, n) {
   let r = n !== void 0 ? n : {}, l = e(), i = _e(t), u = i.current;
-  u !== void 0 && Be(h(u), "xote-root:") && N(i), le(l, i), window.__XOTE_HYDRATED__ = !0;
+  u !== void 0 && Be(h(u), "xote-root:") && z(i), le(l, i), window.__XOTE_HYDRATED__ = !0;
   let o = r.onHydrated;
   if (o !== void 0)
     return o();