@tempots/dom 10.0.0 → 10.0.1

package/index.js

@@ -1,31 +1,31 @@
-var Fe = Object.defineProperty;
-var Oe = (t, e, r) => e in t ? Fe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var a = (t, e, r) => Oe(t, typeof e != "symbol" ? e + "" : e, r);
-function We(t, e, r) {
+var We = Object.defineProperty;
+var Fe = (t, e, r) => e in t ? We(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var a = (t, e, r) => Fe(t, typeof e != "symbol" ? e + "" : e, r);
+function ze(t, e, r) {
   return t + (e - t) * r;
 }
-const k = 97;
-function xe(t, e, r) {
+const Q = 97;
+function Ve(t, e, r) {
   const n = Math.max(t.length, e.length);
   let s = "";
   for (let i = 0; i < n; i++) {
     let o = t.charCodeAt(i);
-    isNaN(o) && (o = k);
-    let u = e.charCodeAt(i);
-    isNaN(u) && (u = k), s += String.fromCharCode(o + (u - o) * r);
+    isNaN(o) && (o = Q);
+    let l = e.charCodeAt(i);
+    isNaN(l) && (l = Q), s += String.fromCharCode(o + (l - o) * r);
   }
   return s;
 }
-function ze(t, e, r) {
+function qe(t, e, r) {
   return new Date(t.getTime() + (e.getTime() - t.getTime()) * r);
 }
-function Ve(t, e, r) {
+function Ze(t, e, r) {
   return e;
 }
-function qe(t) {
-  return typeof t == "number" ? We : typeof t == "string" ? xe : t instanceof Date ? ze : Ve;
+function Xe(t) {
+  return typeof t == "number" ? ze : typeof t == "string" ? Ve : t instanceof Date ? qe : Ze;
 }
-class Ze {
+class Ye {
   constructor(e, r) {
     this.index = e, this.total = r;
   }
@@ -43,11 +43,11 @@ class Ze {
   }
 }
 const ee = Symbol("isSignal"), te = Symbol("isProp"), re = Symbol("isComputed");
-var le;
-le = ee;
-const P = class P {
+var ue;
+ue = ee;
+const E = class E {
   constructor(e, r) {
-    a(this, le, !0);
+    a(this, ue, !0);
     a(this, "_value");
     a(this, "_derivatives", []);
     a(this, "_onValueListeners", []);
@@ -70,7 +70,7 @@ const P = class P {
       this._disposed || (this._disposed = !0, this._onDisposeListeners.forEach((e) => e()), this._onDisposeListeners.length = 0, this._derivatives.length = 0);
     });
     a(this, "map", (e, r = (n, s) => n === s) => {
-      const n = new L(() => {
+      const n = new T(() => {
         try {
           return e(this.get());
         } catch (s) {
@@ -80,7 +80,7 @@ const P = class P {
       return this.setDerivative(n), n;
     });
     a(this, "flatMap", (e, r = (n, s) => n === s) => {
-      const n = new L(() => {
+      const n = new T(() => {
         try {
           return e(this.get()).get();
         } catch (s) {
@@ -93,7 +93,7 @@ const P = class P {
     a(this, "at", (e) => this.map((r) => r[e]));
     a(this, "filter", (e, r) => {
       let n = r ?? this.get();
-      const s = new L(() => {
+      const s = new T(() => {
         try {
           const i = this.get();
           return n = e(i) ? i : n;
@@ -105,10 +105,10 @@ const P = class P {
     });
     a(this, "filterMap", (e, r, n = (s, i) => s === i) => {
       let s = r;
-      const i = new L(() => {
+      const i = new T(() => {
         try {
-          const o = this.get(), u = e(o);
-          return s = u ?? s;
+          const o = this.get(), l = e(o);
+          return s = l ?? s;
         } catch (o) {
           throw console.error("Error in Signal.filterMap:", o), o;
         }
@@ -116,16 +116,16 @@ const P = class P {
       return this.setDerivative(i), i;
     });
     a(this, "mapAsync", (e, r, n, s = (i, o) => i === o) => {
-      const i = y(r, s);
+      const i = A(r, s);
       let o = 0;
       return i.onDispose(
-        this.on((u) => {
-          const l = ++o;
+        this.on((l) => {
+          const u = ++o;
           try {
-            e(u).then((c) => {
-              l === o && i.set(c);
+            e(l).then((c) => {
+              u === o && i.set(c);
             }).catch((c) => {
-              l === o && (n != null ? i.set(n(c)) : console.error(
+              u === o && (n != null ? i.set(n(c)) : console.error(
                 "Unhandled promise rejection in Signal.mapAsync:",
                 c
               ));
@@ -141,7 +141,7 @@ const P = class P {
       const n = this.on(e.set);
       return e.onDispose(n), r ? this.onDispose(e.dispose) : this.onDispose(n), e;
     });
-    a(this, "deriveProp", (e = !0) => this.feedProp(y(this.get()), e));
+    a(this, "deriveProp", (e = !0) => this.feedProp(A(this.get()), e));
     a(this, "count", () => {
       let e = 0;
       return this.map(() => ++e);
@@ -157,7 +157,7 @@ const P = class P {
     this.equals = r, this._value = e;
   }
   static ofPromise(e, r, n, s = (i, o) => i === o) {
-    const i = new P(r, s);
+    const i = new E(r, s);
     return e.then((o) => i._setAndNotify(o, !1)).catch((o) => {
       n != null ? i._setAndNotify(n(o), !1) : console.error(
         "Unhandled promise rejection in Signal.ofPromise:",
@@ -169,25 +169,25 @@ const P = class P {
     return e != null && e[ee] === !0;
   }
   static wrap(e, r = (n, s) => n === s) {
-    return P.is(e) ? e : new P(e, r);
+    return E.is(e) ? e : new E(e, r);
   }
   static maybeWrap(e) {
-    return e == null ? e : P.wrap(e);
+    return e == null ? e : E.wrap(e);
   }
   static unwrap(e) {
-    return P.is(e) ? e.get() : e;
+    return E.is(e) ? e.get() : e;
   }
   static map(e, r) {
-    return P.is(e) ? e.map(r) : r(e);
+    return E.is(e) ? e.map(r) : r(e);
   }
   get value() {
     return this._value;
   }
 };
-let p = P;
-const Xe = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
-var ae, ue;
-class L extends (ue = p, ae = re, ue) {
+let d = E;
+const He = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
+var ae, le;
+class T extends (le = d, ae = re, le) {
   constructor(r, n) {
     super(void 0, n);
     a(this, ae, !0);
@@ -198,7 +198,7 @@ class L extends (ue = p, ae = re, ue) {
     a(this, "_scheduleCount", 0);
     a(this, "scheduleNotify", () => {
       const r = ++this._scheduleCount;
-      Xe(() => {
+      He(() => {
         this._scheduleCount !== r || this._disposed !== !1 || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn(), !1));
       });
     });
@@ -213,7 +213,7 @@ class L extends (ue = p, ae = re, ue) {
   }
 }
 var ce, fe;
-class O extends (fe = p, ce = te, fe) {
+class F extends (fe = d, ce = te, fe) {
   constructor() {
     super(...arguments);
     a(this, ce, !0);
@@ -225,7 +225,7 @@ class O extends (fe = p, ce = te, fe) {
     });
     a(this, "reducer", (r) => (n) => this.update((s) => r(s, n)));
     a(this, "iso", (r, n, s = (i, o) => i === o) => {
-      const i = new O(r(this.get()), s);
+      const i = new F(r(this.get()), s);
       return i.onDispose(this.on((o) => i.set(r(o)))), i.on((o) => this._setAndNotify(n(o), !1)), i;
     });
     a(this, "atProp", (r) => this.iso(
@@ -244,17 +244,17 @@ class O extends (fe = p, ce = te, fe) {
   }
 }
 function B(t, e, r = (n, s) => n === s) {
-  const n = new L(t, r);
+  const n = new T(t, r);
   return e.forEach((s) => s.setDerivative(n)), n;
 }
-function Ct(t, e) {
+function zt(t, e) {
   return B(t, e).dispose;
 }
-function y(t, e = (r, n) => r === n) {
-  return new O(t, e);
+function A(t, e = (r, n) => r === n) {
+  return new F(t, e);
 }
-function Tt(t, e = (r, n) => r === n) {
-  return new p(t, e);
+function Vt(t, e = (r, n) => r === n) {
+  return new d(t, e);
 }
 class he {
   constructor() {
@@ -271,24 +271,24 @@ function de({
   store: r,
   serialize: n = JSON.stringify,
   deserialize: s = JSON.parse,
-  equals: i = (u, l) => u === l,
-  onLoad: o = (u) => u
+  equals: i = (l, u) => l === u,
+  onLoad: o = (l) => l
 }) {
-  const u = r.getItem(t), l = new O(
-    u != null ? o(s(u)) : typeof e == "function" ? e() : e,
+  const l = r.getItem(t), u = new F(
+    l != null ? o(s(l)) : typeof e == "function" ? e() : e,
     i
   );
-  return l.on((c) => {
+  return u.on((c) => {
     r.setItem(t, n(c));
-  }), l;
+  }), u;
 }
-function Rt(t) {
+function qt(t) {
   return de({
     ...t,
     store: (window == null ? void 0 : window.localStorage) ?? new he()
   });
 }
-function Nt(t) {
+function Zt(t) {
   return de({
     ...t,
     store: (window == null ? void 0 : window.sessionStorage) ?? new he()
@@ -297,32 +297,32 @@ function Nt(t) {
 function ne(t) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 0);
 }
-function Ye(t, e, r, n) {
-  const s = (n == null ? void 0 : n.duration) ?? 300, i = (n == null ? void 0 : n.easing) ?? ((v) => v), o = (n == null ? void 0 : n.equals) ?? ((v, R) => v === R);
-  let u = n == null ? void 0 : n.interpolate, l = t, c = e(), m = performance.now(), g = null, d = !0;
-  const _ = new L(e, o), E = y(t, o);
-  E.onDispose(() => {
-    g !== null && cancelAnimationFrame(g);
-  }), E.onDispose(_.dispose), r.forEach((v) => {
-    v.setDerivative(_), v.onDispose(E.dispose);
+function Ke(t, e, r, n) {
+  const s = (n == null ? void 0 : n.duration) ?? 300, i = (n == null ? void 0 : n.easing) ?? ((S) => S), o = (n == null ? void 0 : n.equals) ?? ((S, L) => S === L);
+  let l = n == null ? void 0 : n.interpolate, u = t, c = e(), p = performance.now(), m = null, h = !0;
+  const _ = new T(e, o), y = A(t, o);
+  y.onDispose(() => {
+    m !== null && cancelAnimationFrame(m);
+  }), y.onDispose(_.dispose), r.forEach((S) => {
+    S.setDerivative(_), S.onDispose(y.dispose);
   });
-  const Z = (v) => {
-    c = v, m = performance.now(), l = E.value, d && (d = !1, g = ne(J));
-  }, J = () => {
-    const R = (performance.now() - m) / p.unwrap(s), Ie = i(R);
-    u == null && (u = qe(l));
-    let Q = u(l, c, Ie);
-    R >= 1 ? (d = !0, Q = c) : g = ne(J), E.set(Q);
+  const X = (S) => {
+    c = S, p = performance.now(), u = y.value, h && (h = !1, m = ne(G));
+  }, G = () => {
+    const L = (performance.now() - p) / d.unwrap(s), xe = i(L);
+    l == null && (l = Xe(u));
+    let J = l(u, c, xe);
+    L >= 1 ? (h = !0, J = c) : m = ne(G), y.set(J);
   };
-  return _.on(Z), E;
+  return _.on(X), y;
 }
-function It(t, e) {
+function Xt(t, e) {
   const { initialValue: r, ...n } = e ?? {};
-  return Ye(r ?? t.get(), t.get, [t], n);
+  return Ke(r ?? t.get(), t.get, [t], n);
 }
-function Ft(t, e) {
+function Yt(t, e) {
   const { signals: r, literals: n } = Object.entries(t).reduce(
-    ({ signals: i, literals: o }, [u, l]) => (p.is(l) ? i.push([u, l]) : o[u] = l, { signals: i, literals: o }),
+    ({ signals: i, literals: o }, [l, u]) => (d.is(u) ? i.push([l, u]) : o[l] = u, { signals: i, literals: o }),
     { signals: [], literals: {} }
   ), s = r.map(([, i]) => i);
   return B(() => (r.forEach(([i, o]) => n[i] = o.value), e(n)), s);
@@ -360,103 +360,103 @@ function ie(t) {
       spread: 0,
       color: "rgba(0, 0, 0, 0)"
     };
-  const [, n, s, , , i, , o, , u, , l] = r, c = o != null ? parseInt(o, 10) : 0, m = u != null ? parseInt(u, 10) : 0;
+  const [, n, s, , , i, , o, , l, , u] = r, c = o != null ? parseInt(o, 10) : 0, p = l != null ? parseInt(l, 10) : 0;
   return {
     inset: !!n,
     x: parseInt(s, 10),
     y: parseInt(i, 10),
     blur: c,
-    spread: m,
-    color: l
+    spread: p,
+    color: u
   };
 }
-function He(t) {
+function je(t) {
   const { inset: e, x: r, y: n, blur: s, spread: i, color: o } = t;
   return `${e ? "inset " : ""}${r}px ${n}px ${s}px ${i}px ${o}`;
 }
-function Ke(t) {
+function Ue(t) {
   return t[4] === "rgba" ? `rgba(${t[0]}, ${t[1]}, ${t[2]}, ${t[3]})` : t[4] === "hex" ? `#${t[0].toString(16).padStart(2, "0")}${t[1].toString(16).padStart(2, "0")}${t[2].toString(16).padStart(2, "0")}` : t[4] === "hsla" ? `hsla(${t[0]}, ${t[1]}%, ${t[2]}%, ${t[3]})` : "";
 }
-function je(t, e) {
-  const [r, n, s, i, o] = se(t), [u, l, c, m] = se(e);
-  return (g) => {
-    const d = r + (u - r) * g, _ = n + (l - n) * g, E = s + (c - s) * g, Z = i + (m - i) * g;
-    return Ke([d, _, E, Z, o]);
+function Be(t, e) {
+  const [r, n, s, i, o] = se(t), [l, u, c, p] = se(e);
+  return (m) => {
+    const h = r + (l - r) * m, _ = n + (u - n) * m, y = s + (c - s) * m, X = i + (p - i) * m;
+    return Ue([h, _, y, X, o]);
   };
 }
-function Ot(t, e) {
+function Ht(t, e) {
   const r = ie(t), n = ie(e);
   return (s) => {
-    const i = r.x + (n.x - r.x) * s, o = r.y + (n.y - r.y) * s, u = r.blur + (n.blur - r.blur) * s, l = r.spread + (n.spread - r.spread) * s, c = me(r.color, n.color)(s);
-    return He({ inset: r.inset, x: i, y: o, blur: u, spread: l, color: c });
+    const i = r.x + (n.x - r.x) * s, o = r.y + (n.y - r.y) * s, l = r.blur + (n.blur - r.blur) * s, u = r.spread + (n.spread - r.spread) * s, c = me(r.color, n.color)(s);
+    return je({ inset: r.inset, x: i, y: o, blur: l, spread: u, color: c });
   };
 }
-function Ue(t, e) {
-  var r, n, s, i, o, u, l, c;
-  return e === "translateX" ? new WebKitCSSMatrix(t.transform).m41 : e === "translateY" ? new WebKitCSSMatrix(t.transform).m42 : e === "translateZ" ? new WebKitCSSMatrix(t.transform).m43 : e === "rotateX" ? new WebKitCSSMatrix(t.transform).m12 : e === "rotateY" ? new WebKitCSSMatrix(t.transform).m21 : e === "rotateZ" ? new WebKitCSSMatrix(t.transform).m31 : e === "scaleX" ? new WebKitCSSMatrix(t.transform).m11 : e === "scaleY" ? new WebKitCSSMatrix(t.transform).m22 : e === "scaleZ" ? new WebKitCSSMatrix(t.transform).m33 : e === "skewX" ? new WebKitCSSMatrix(t.transform).m13 : e === "skewY" ? new WebKitCSSMatrix(t.transform).m23 : Number(e === "grayScale" ? (r = t.filter.match(/grayscale\((\d+)%\)/)) == null ? void 0 : r[1] : e === "sepia" ? (n = t.filter.match(/sepia\((\d+)%\)/)) == null ? void 0 : n[1] : e === "saturate" ? (s = t.filter.match(/saturate\((\d+)%\)/)) == null ? void 0 : s[1] : e === "hueRotate" ? (i = t.filter.match(/hue-rotate\((\d+)deg\)/)) == null ? void 0 : i[1] : e === "invert" ? (o = t.filter.match(/invert\((\d+)%\)/)) == null ? void 0 : o[1] : e === "brightness" ? (u = t.filter.match(/brightness\((\d+)%\)/)) == null ? void 0 : u[1] : e === "contrast" ? (l = t.filter.match(/contrast\((\d+)%\)/)) == null ? void 0 : l[1] : e === "blur" ? (c = t.filter.match(/blur\((\d+)px\)/)) == null ? void 0 : c[1] : t.getPropertyValue(e));
+function ke(t, e) {
+  var r, n, s, i, o, l, u, c;
+  return e === "translateX" ? new WebKitCSSMatrix(t.transform).m41 : e === "translateY" ? new WebKitCSSMatrix(t.transform).m42 : e === "translateZ" ? new WebKitCSSMatrix(t.transform).m43 : e === "rotateX" ? new WebKitCSSMatrix(t.transform).m12 : e === "rotateY" ? new WebKitCSSMatrix(t.transform).m21 : e === "rotateZ" ? new WebKitCSSMatrix(t.transform).m31 : e === "scaleX" ? new WebKitCSSMatrix(t.transform).m11 : e === "scaleY" ? new WebKitCSSMatrix(t.transform).m22 : e === "scaleZ" ? new WebKitCSSMatrix(t.transform).m33 : e === "skewX" ? new WebKitCSSMatrix(t.transform).m13 : e === "skewY" ? new WebKitCSSMatrix(t.transform).m23 : Number(e === "grayScale" ? (r = t.filter.match(/grayscale\((\d+)%\)/)) == null ? void 0 : r[1] : e === "sepia" ? (n = t.filter.match(/sepia\((\d+)%\)/)) == null ? void 0 : n[1] : e === "saturate" ? (s = t.filter.match(/saturate\((\d+)%\)/)) == null ? void 0 : s[1] : e === "hueRotate" ? (i = t.filter.match(/hue-rotate\((\d+)deg\)/)) == null ? void 0 : i[1] : e === "invert" ? (o = t.filter.match(/invert\((\d+)%\)/)) == null ? void 0 : o[1] : e === "brightness" ? (l = t.filter.match(/brightness\((\d+)%\)/)) == null ? void 0 : l[1] : e === "contrast" ? (u = t.filter.match(/contrast\((\d+)%\)/)) == null ? void 0 : u[1] : e === "blur" ? (c = t.filter.match(/blur\((\d+)px\)/)) == null ? void 0 : c[1] : t.getPropertyValue(e));
 }
-function Wt(t, e) {
+function Kt(t, e) {
   const r = {}, n = getComputedStyle(t);
   for (const [s, i] of Object.entries(e)) {
     const o = s;
-    i != null && (r[o] = Ue(n, o));
+    i != null && (r[o] = ke(n, o));
   }
   return r;
 }
-function I(t, e, r) {
+function R(t, e, r) {
   r != null && (e === "translateX" ? t.style.transform += ` translateX(${r}px)` : e === "translateY" ? t.style.transform += ` translateY(${r}px)` : e === "translateZ" ? t.style.transform += ` translateZ(${r}px)` : e === "rotateX" ? t.style.transform += ` rotateX(${r}deg)` : e === "rotateY" ? t.style.transform += ` rotateY(${r}deg)` : e === "rotateZ" ? t.style.transform += ` rotateZ(${r}deg)` : e === "scaleX" ? t.style.transform += ` scaleX(${r})` : e === "scaleY" ? t.style.transform += ` scaleY(${r})` : e === "scaleZ" ? t.style.transform += ` scaleZ(${r})` : e === "skewX" ? t.style.transform += ` skewX(${r}deg)` : e === "skewY" ? t.style.transform += ` skewY(${r}deg)` : e === "grayScale" ? t.style.filter += ` grayscale(${r}%)` : e === "sepia" ? t.style.filter += ` sepia(${r}%)` : e === "saturate" ? t.style.filter += ` saturate(${r}%)` : e === "hueRotate" ? t.style.filter += ` hue-rotate(${r}deg)` : e === "invert" ? t.style.filter += ` invert(${r}%)` : e === "brightness" ? t.style.filter += ` brightness(${r}%)` : e === "contrast" ? t.style.filter += ` contrast(${r}%)` : e === "blur" && (t.style.filter += ` blur(${r}px)`), t.style.setProperty(e, String(r)));
 }
-const X = /* @__PURE__ */ new Map();
+const Y = /* @__PURE__ */ new Map();
 function pe(t, e, r) {
-  if (X.has(r + ":" + t + e))
-    return X.get(t + e);
-  const n = je(t, e);
-  return X.set(r + ":" + t + e, n), n;
+  if (Y.has(r + ":" + t + e))
+    return Y.get(t + e);
+  const n = Be(t, e);
+  return Y.set(r + ":" + t + e, n), n;
 }
 function me(t, e) {
   return pe(t, e, "c");
 }
-function Be(t, e) {
+function Ge(t, e) {
   return pe(t, e, "s");
 }
-function Ge(t, e, r, n, s) {
+function Je(t, e, r, n, s) {
   if (r != null && n != null) {
     if (typeof r == "number" && typeof n == "number") {
       const i = r + (n - r) * s;
-      I(t, e, i);
+      R(t, e, i);
     } else if (e === "boxShadow" || e === "textShadow") {
-      const i = Be(
+      const i = Ge(
         r,
         n
       )(s);
-      I(t, e, i);
+      R(t, e, i);
     } else if (e === "color" || e === "backgroundColor" || e === "borderColor" || e === "outlineColor") {
       const i = me(
         r,
         n
       )(s);
-      I(t, e, i);
+      R(t, e, i);
     }
   }
 }
-function xt(t, e, r, n) {
+function jt(t, e, r, n) {
   t.style.transform = "", t.style.filter = "";
   for (const [s, i] of Object.entries(r)) {
     const o = s;
-    Ge(t, o, e[o], i, n);
+    Je(t, o, e[o], i, n);
   }
 }
-function zt(t, e) {
+function Ut(t, e) {
   t.style.transform = "", t.style.filter = "";
   for (const [r, n] of Object.entries(e))
-    n != null && I(t, r, n);
+    n != null && R(t, r, n);
 }
 const ge = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), we = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), Se = /* @__PURE__ */ new Set(["valueAsDate"]), ve = /* @__PURE__ */ new Set([
+]), be = /* @__PURE__ */ new Set(["valueAsDate"]), Se = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -464,47 +464,47 @@ const ge = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]
   "outerHTML",
   "className",
   "classList"
-]), Y = /* @__PURE__ */ new Map();
+]), H = /* @__PURE__ */ new Map();
 function $(t, e) {
-  if (Y.has(t))
-    return Y.get(t);
+  if (H.has(t))
+    return H.get(t);
   {
     const r = e(t);
-    return Y.set(t, r), r;
+    return H.set(t, r), r;
   }
 }
-function Je(t) {
+function Qe(t) {
   return (e, r) => {
     r == null ? e[t] = null : e[t] = !!r;
   };
 }
-function Qe(t) {
+function et(t) {
   return (e, r) => {
     r == null ? e[t] = null : e[t] = Number(r);
   };
 }
-function ke(t) {
+function tt(t) {
   return (e, r) => {
     r == null ? e[t] = null : e[t] = r;
   };
 }
-function et(t) {
+function rt(t) {
   return (e, r) => {
     r == null ? e[t] = null : e[t] = String(r);
   };
 }
-function tt(t) {
+function nt(t) {
   return (e, r) => {
     r == null ? e.removeAttribute(t) : e.setAttribute(t, r);
   };
 }
-function be(t) {
-  return ge.has(t) ? $(t, Je) : we.has(t) ? $(t, Qe) : Se.has(t) ? $(t, ke) : ve.has(t) ? $(t, et) : $(t, tt);
+function ve(t) {
+  return ge.has(t) ? $(t, Qe) : we.has(t) ? $(t, et) : be.has(t) ? $(t, tt) : Se.has(t) ? $(t, rt) : $(t, nt);
 }
-function ye(t) {
-  return (e) => ge.has(t) ? !!e[t] : we.has(t) ? Number(e[t]) : Se.has(t) ? e[t] : ve.has(t) ? String(e[t]) : e.getAttribute(t);
+function Ae(t) {
+  return (e) => ge.has(t) ? !!e[t] : we.has(t) ? Number(e[t]) : be.has(t) ? e[t] : Se.has(t) ? String(e[t]) : e.getAttribute(t);
 }
-class b {
+class v {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -552,7 +552,7 @@ class b {
      * @param document - The `Document` to use for the `DOMContext`.
      * @returns A new `DOMContext` instance.
      */
-    a(this, "withDocument", (e) => new b(
+    a(this, "withDocument", (e) => new v(
       e,
       this.element,
       this.reference,
@@ -564,12 +564,12 @@ class b {
      * @param element - The DOM element to use in the new `DOMContext` instance.
      * @returns A new `DOMContext` instance with the provided `element`.
      */
-    a(this, "withElement", (e) => new b(this.document, e, void 0, this.providers, !1));
+    a(this, "withElement", (e) => new v(this.document, e, void 0, this.providers, !1));
     /**
      * Creates a new `DOMContext` instance with the `isFirstLevel` property set to `true`.
      * @returns A new `DOMContext` instance with the `isFirstLevel` property set to `true`.
      */
-    a(this, "withFirstLevel", () => new b(
+    a(this, "withFirstLevel", () => new v(
       this.document,
       this.element,
       this.reference,
@@ -582,7 +582,7 @@ class b {
      * @param reference - The optional `Text` node to use as the reference for the new `DOMContext`.
      * @returns A new `DOMContext` instance with the specified reference.
      */
-    a(this, "withReference", (e) => new b(
+    a(this, "withReference", (e) => new v(
       this.document,
       this.element,
       e,
@@ -595,7 +595,7 @@ class b {
      * @param value - The value to set for the provider.
      * @returns A new DOMContext with the updated providers.
      */
-    a(this, "withProvider", (e, r) => new b(
+    a(this, "withProvider", (e, r) => new v(
       this.document,
       this.element,
       this.reference,
@@ -612,7 +612,7 @@ class b {
      * @param providers - An object containing the providers to be merged into the existing providers.
      * @returns A new DOMContext instance with the merged providers.
      */
-    a(this, "withProviders", (e) => new b(
+    a(this, "withProviders", (e) => new v(
       this.document,
       this.element,
       this.reference,
@@ -644,20 +644,20 @@ class b {
    * @returns A new `DOMContext` instance.
    */
   static of(e, r) {
-    return new b(e.ownerDocument, e, r, {}, !0);
+    return new v(e.ownerDocument, e, r, {}, !0);
   }
 }
-function A(t) {
+function b(t) {
   const e = t;
   e && e.onblur && (e.onblur = null), !(!t || t.ownerDocument === void 0) && t.parentElement && t.parentElement.removeChild(t);
 }
-function rt(t) {
-  return Ae(t) ? t : t.parentElement;
+function st(t) {
+  return ye(t) ? t : t.parentElement;
 }
-function Ae(t) {
+function ye(t) {
   return t.nodeType === 1;
 }
-function nt(t, e, r) {
+function it(t, e, r) {
   let n = t.target;
   for (; n != null && !(n instanceof HTMLAnchorElement); )
     n = n.parentElement;
@@ -666,55 +666,93 @@ function nt(t, e, r) {
   if (t.button !== 0 || t.ctrlKey || t.metaKey || s.target !== "_self" && s.target !== "" || s.getAttribute("download") != null)
     return !0;
   if (r) {
-    const { pathname: i, search: o, hash: u } = s, l = i + o + u;
-    if (s.getAttribute("href") !== l || e && !/\/[^/.]*$/.test(i))
+    const { pathname: i, search: o, hash: l } = s, u = i + o + l;
+    if (s.getAttribute("href") !== u || e && !/\/[^/.]*$/.test(i))
       return !0;
   }
   return !1;
 }
-const Vt = (t, e = {
+const Bt = (t, e = {
   checkExtension: !0,
   checkExternalUrl: !0
 }) => (r) => {
   const { checkExtension: n, checkExternalUrl: s } = e;
-  nt(
+  it(
     r,
     n === !0,
     s === !0
   ) || t() && r.preventDefault();
 }, Ee = (t) => (e) => {
-  e.isFirstLevel && h.isSSR && e.element.setAttribute("data-tempo-text", "");
+  e.isFirstLevel && D.isSSR && e.element.setAttribute("data-tempo-text", "");
   const r = e.createText(t);
   return e.appendOrInsert(r), (n) => {
-    n && A(r);
+    n && b(r);
   };
-}, Pe = (t) => (e) => {
-  e.isFirstLevel && h.isSSR && e.element.setAttribute("data-tempo-text", "");
+}, _e = (t) => (e) => {
+  e.isFirstLevel && D.isSSR && e.element.setAttribute("data-tempo-text", "");
   const r = e.createText(t.value);
   e.appendOrInsert(r);
   const n = t.on((s) => r.data = s);
   return (s) => {
-    n(), s && A(r);
+    n(), s && b(r);
   };
 };
-function qt(t) {
-  return p.is(t) ? Pe(t) : Ee(t);
+function kt(t) {
+  return d.is(t) ? _e(t) : Ee(t);
 }
-const w = (...t) => (e) => {
+const g = (...t) => (e) => {
   const r = t.map((n) => f(n)(e));
   return (n) => {
     r.forEach((s) => s(n));
   };
-}, S = () => () => {
-}, H = "data-tempo-attrs";
-function W(t, e) {
-  const r = t.getAttribute(H);
-  r === null ? t.setAttribute(H, e) : t.setAttribute(H, `${r} ${e}`);
+}, w = () => () => {
+}, W = "data-tempo-attr", O = "data-tempo-class", Pe = "data-tempo-node", K = "data-tempo-text";
+function ot(t, e) {
+  const r = t.getAttribute(W);
+  r != null && t.setAttribute(`${W}:${e}`, r);
+}
+function De(t, e) {
+  D.isSSR && t.isFirstLevel && ot(t.element, e);
+}
+function ut(t) {
+  t.querySelectorAll(`[^${W}:]`).forEach((e) => {
+    const r = e.getAttributeNames().filter((n) => n.startsWith(`${W}:`));
+    for (const n of r) {
+      const s = e.getAttribute(n), i = n.split("-").pop();
+      e.removeAttribute(n), e.setAttribute(i, s);
+    }
+  });
+}
+function at(t) {
+  const e = t.className.trim();
+  e.length > 0 && t.setAttribute(O, e);
+}
+function Te(t) {
+  D.isSSR && t.isFirstLevel && at(t.element);
+}
+function lt(t) {
+  t.querySelectorAll(`[${O}]`).forEach((e) => {
+    const r = e.getAttribute(O);
+    r !== null && (e.className = r, e.removeAttribute(O));
+  });
+}
+function ct(t) {
+  t.setAttribute(Pe, "");
+}
+function ft(t) {
+  t.querySelectorAll(`[${Pe}]`).forEach((e) => {
+    b(e);
+  });
+}
+function ht(t) {
+  t.querySelectorAll(`[${K}]`).forEach((e) => {
+    e.textContent = e.getAttribute(K), e.removeAttribute(K);
+  });
 }
-const st = (t) => (e) => (console.log("className.static", e.isFirstLevel, h.isSSR), e.isFirstLevel && h.isSSR && W(e.element, "class"), e.element.classList.add(...t), (r) => {
+const dt = (t) => (e) => (Te(e), e.element.classList.add(...t), (r) => {
   r && e.element.classList.remove(...t);
-}), it = (t) => (e) => {
-  console.log("className.signal", e.isFirstLevel, h.isSSR), e.isFirstLevel && h.isSSR && W(e.element, "class");
+}), pt = (t) => (e) => {
+  Te(e);
   const r = e.element;
   let n = [];
   const s = t.on((i) => {
@@ -723,136 +761,121 @@ const st = (t) => (e) => (console.log("className.static", e.isFirstLevel, h.isSS
   return (i) => {
     s(), i && n.forEach((o) => r.classList.remove(o)), n.length = 0;
   };
-}, x = (t, e) => {
-  const r = be(t), n = ye(t);
+}, z = (t, e) => {
+  const r = ve(t), n = Ae(t);
   return (s) => {
-    console.log("attribute.static", t, s.isFirstLevel, h.isSSR), s.isFirstLevel && h.isSSR && W(s.element, t);
+    De(s, t);
     const i = n(s.element);
     return r(s.element, e), (o) => {
       o && r(s.element, i);
     };
   };
-}, z = (t, e) => {
-  const r = be(t), n = ye(t);
+}, V = (t, e) => {
+  const r = ve(t), n = Ae(t);
   return (s) => {
-    console.log("attribute.signal", t, s.isFirstLevel, h.isSSR), s.isFirstLevel && h.isSSR && W(s.element, t);
+    De(s, t);
     const i = n(s.element);
     return e.on((o) => r(s.element, o)), (o) => {
       o && r(s.element, i);
     };
   };
-}, D = new Proxy(
+}, P = new Proxy(
   {},
   {
-    get: (t, e) => e === "class" ? (r) => p.is(r) ? it(r) : st(
+    get: (t, e) => e === "class" ? (r) => d.is(r) ? pt(r) : dt(
       (r ?? "").split(" ").filter((n) => n.length > 0)
-    ) : (r) => p.is(r) ? z(
+    ) : (r) => d.is(r) ? V(
       e,
       r
-    ) : x(
+    ) : z(
       e,
       r
     )
   }
-), Zt = new Proxy(
+), Gt = new Proxy(
   {},
   {
-    get: (t, e) => (r) => p.is(r) ? z(
+    get: (t, e) => (r) => d.is(r) ? V(
       `aria-${e}`,
       r
-    ) : x(
+    ) : z(
       `aria-${e}`,
       r
     )
   }
-), Xt = new Proxy(
+), Jt = new Proxy(
   {},
   {
-    get: (t, e) => (r) => p.is(r) ? z(
+    get: (t, e) => (r) => d.is(r) ? V(
       e,
       r
-    ) : x(
+    ) : z(
       e,
       r
     )
   }
-), Yt = new Proxy(
+), Qt = new Proxy(
   {},
   {
-    get: (t, e) => (r) => p.is(r) ? z(
+    get: (t, e) => (r) => d.is(r) ? V(
       e,
       r
-    ) : x(
+    ) : z(
       e,
       r
     )
   }
 );
 function f(t) {
-  return t == null ? S : Array.isArray(t) ? w(...t.map(f)) : typeof t == "string" ? Ee(t) : p.is(t) ? Pe(t) : t;
+  return t == null ? w : Array.isArray(t) ? g(...t.map(f)) : typeof t == "string" ? Ee(t) : d.is(t) ? _e(t) : t;
 }
-function _e(t, ...e) {
+function $e(t, ...e) {
   return (r) => {
     const n = r.createElement(t, void 0);
-    r.appendOrInsert(n), console.log("ctx.isFirstLevel", r.isFirstLevel, "ssr.isSSR", h.isSSR), r.isFirstLevel && h.isSSR && n.setAttribute("data-tempo-node", ""), r = r.withElement(n);
+    r.appendOrInsert(n), r.isFirstLevel && D.isSSR && ct(n), r = r.withElement(n);
     const s = e.map((i) => f(i)(r));
     return (i) => {
-      s.forEach((o) => o(!1)), i && A(n);
+      s.forEach((o) => o(!1)), i && b(n);
     };
   };
 }
-function De(t, e, ...r) {
+function Ce(t, e, ...r) {
   return (n) => {
     const s = n.createElement(t, e);
-    n.appendOrInsert(s), n.isFirstLevel && h.isSSR && s.setAttribute("data-tempo-node", ""), n = n.withElement(s);
+    n.appendOrInsert(s), n.isFirstLevel && D.isSSR && s.setAttribute("data-tempo-node", ""), n = n.withElement(s);
     const i = r.map((o) => f(o)(n));
     return (o) => {
-      i.forEach((u) => u(!1)), o && A(s);
+      i.forEach((l) => l(!1)), o && b(s);
     };
   };
 }
-const Ht = new Proxy(
+const er = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => _e(e, r.flatMap(f))
+    get: (t, e) => (...r) => $e(e, r.flatMap(f))
   }
-), Kt = new Proxy(
+), tr = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => _e("input", D.type(e), ...r)
+    get: (t, e) => (...r) => $e("input", P.type(e), ...r)
   }
-), ot = "http://www.w3.org/2000/svg", jt = new Proxy(
+), mt = "http://www.w3.org/2000/svg", rr = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => De(e, ot, r.flatMap(f))
+    get: (t, e) => (...r) => Ce(e, mt, r.flatMap(f))
   }
-), lt = "http://www.w3.org/1998/Math/MathML", Ut = new Proxy(
+), gt = "http://www.w3.org/1998/Math/MathML", nr = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => De(e, lt, r.flatMap(f))
+    get: (t, e) => (...r) => Ce(e, gt, r.flatMap(f))
   }
 );
 let j = !1;
-function at(t) {
-  t.querySelectorAll("[data-tempo-attrs]").forEach((e) => {
-    const r = e.getAttribute("data-tempo-attrs");
-    r !== null && (r.split(" ").forEach((n) => {
-      e.removeAttribute(n);
-    }), e.removeAttribute("data-tempo-attrs"));
-  }), t.querySelectorAll("[data-tempo-node]").forEach((e) => {
-    var r;
-    (r = e.parentElement) == null || r.removeChild(e), e.removeAttribute("data-tempo-node");
-  }), t.querySelectorAll("[data-tempo-text]").forEach((e) => {
-    e.textContent = "", e.removeAttribute("data-tempo-text");
-  }), t.querySelectorAll("[data-tempo-styles]").forEach((e) => {
-    const r = e.getAttribute("data-tempo-styles");
-    r !== null && (r.split(" ").forEach((n) => {
-      e == null || e.style.removeProperty(n);
-    }), e.removeAttribute("data-tempo-styles"));
-  });
+function wt(t) {
+  ft(t), lt(t), ut(t), ht(t);
 }
 let U = 0;
-const Bt = (t = 30) => (j = !0, new Promise((e, r) => {
+const sr = (t = 30) => (j = !0, new Promise((e, r) => {
   let n;
   const s = setInterval(() => {
     U <= 0 && (clearInterval(s), clearTimeout(n), j = !1, e());
@@ -860,14 +883,14 @@ const Bt = (t = 30) => (j = !0, new Promise((e, r) => {
   n = setTimeout(() => {
     clearInterval(s), r(new Error("SSR Timeout"));
   }, t * 1e3);
-})), h = {
+})), D = {
   useDone(t) {
     return U++, f(t(() => U--));
   },
   get isSSR() {
     return j;
   }
-}, Le = (t, e) => (r) => {
+}, Me = (t, e) => (r) => {
   const n = Object.values(t).reduce((s, i) => {
     const o = r.getProvider(i);
     if (o == null)
@@ -875,21 +898,21 @@ const Bt = (t = 30) => (j = !0, new Promise((e, r) => {
     return s[i] = o, s;
   }, {});
   return f(e(n))(r);
-}, Gt = (t, e) => (r) => {
+}, ir = (t, e) => (r) => {
   const n = [], s = Object.entries(t).reduce(
-    (i, [o, u]) => (n.push(
-      u((l) => (Reflect.set(i, o, l), null))(r)
+    (i, [o, l]) => (n.push(
+      l((u) => (Reflect.set(i, o, u), null))(r)
     ), i),
     {}
   );
   return n.push(e(s)(r)), (i) => {
     n.forEach((o) => o(i));
   };
-}, ut = (t, e) => Le([t], (r) => f(e(r[t]))), Jt = (t, e) => Le(t, (r) => f(e(r))), C = (t) => (e) => (r) => t(r, e);
-function ct(t) {
+}, bt = (t, e) => Me([t], (r) => f(e(r[t]))), or = (t, e) => Me(t, (r) => f(e(r))), M = (t) => (e) => (r) => t(r, e);
+function St(t) {
   return Symbol(t);
 }
-const $e = (t, e) => (r) => f(e)(r.withProviders(t)), Qt = (...t) => t.length > 0 ? t.reduceRight((e, r) => (n) => e(r(n))) : f, ft = (t, e, r) => $e({ [t]: e }, f(r)), kt = (t, e) => $e(t, f(e)), oe = ct("Appearance"), er = {
+const Ne = (t, e) => (r) => f(e)(r.withProviders(t)), ur = (...t) => t.length > 0 ? t.reduceRight((e, r) => (n) => e(r(n))) : f, vt = (t, e, r) => Ne({ [t]: e }, f(r)), ar = (t, e) => Ne(t, f(e)), oe = St("Appearance"), lr = {
   /**
    * Provides a child component with an appearance context, which can be used to
    * determine the current appearance (light or dark) based on the user's system
@@ -902,12 +925,12 @@ const $e = (t, e) => (r) => f(e)(r.withProviders(t)), Qt = (...t) => t.length >
    * @returns The child component with the appearance context.
    */
   provide: (t) => {
-    const e = window.matchMedia != null && window.matchMedia("(prefers-color-scheme: dark)").matches, r = y(e ? "dark" : "light"), n = (i) => {
+    const e = window.matchMedia != null && window.matchMedia("(prefers-color-scheme: dark)").matches, r = A(e ? "dark" : "light"), n = (i) => {
       r.set(i.matches ? "dark" : "light");
     }, s = window.matchMedia != null ? window.matchMedia("(prefers-color-scheme: dark)") : void 0;
-    return s == null || s.addEventListener("change", n), w(
-      ft(oe, r, t),
-      C(() => s == null ? void 0 : s.removeEventListener("change", n))
+    return s == null || s.addEventListener("change", n), g(
+      vt(oe, r, t),
+      M(() => s == null ? void 0 : s.removeEventListener("change", n))
     );
   },
   /**
@@ -917,34 +940,34 @@ const $e = (t, e) => (r) => f(e)(r.withProviders(t)), Qt = (...t) => t.length >
    * @param fn - A function that accepts the `AppearanceType` signal and returns a `Child` element.
    * @returns The `Child` element returned by the provided function.
    */
-  consume: (t) => ut(oe, t)
-}, Me = (t, e) => {
+  consume: (t) => bt(oe, t)
+}, Le = (t, e) => {
   if (typeof e == "function")
-    return Me(t, { then: e });
-  const r = e.pending != null ? f(e.pending) : S, n = e.then, s = e.error != null ? (i) => f(e.error(i)) : () => S;
+    return Le(t, { then: e });
+  const r = e.pending != null ? f(e.pending) : w, n = e.then, s = e.error != null ? (i) => f(e.error(i)) : () => w;
   return (i) => {
     let o = !0;
-    const u = t();
+    const l = t();
     i = i.makeRef();
-    let l = f(r)(i);
-    return u.then(
+    let u = f(r)(i);
+    return l.then(
       (c) => {
-        o && (l(!0), l = f(n(c))(i));
+        o && (u(!0), u = f(n(c))(i));
       },
       (c) => {
-        o && (l(!0), l = f(s(c))(i));
+        o && (u(!0), u = f(s(c))(i));
       }
     ), (c) => {
-      o = !1, l(c), c && i.reference && A(i.reference);
+      o = !1, u(c), c && i.reference && b(i.reference);
     };
   };
-}, tr = (t, e) => Me(() => t, e), rr = (t = 10) => (e) => {
+}, cr = (t, e) => Le(() => t, e), fr = (t = 10) => (e) => {
   const r = setTimeout(() => {
     var n;
     (n = e.element) == null || n.focus();
   }, t);
   return (n) => clearTimeout(r);
-}, nr = (t = 10) => (e) => {
+}, hr = (t = 10) => (e) => {
   const r = setTimeout(() => {
     var n;
     (n = e.element) == null || n.select();
@@ -952,21 +975,21 @@ const $e = (t, e) => (r) => f(e)(r.withProviders(t)), Qt = (...t) => t.length >
   return (n) => {
     clearTimeout(r);
   };
-}, Ce = (t, e) => (r) => (r.element.addEventListener(t, e), (n) => {
+}, Ie = (t, e) => (r) => (r.element.addEventListener(t, e), (n) => {
   n && r.element.removeEventListener(t, e);
-}), ht = (t) => Ce("click", (e) => {
+}), At = (t) => Ie("click", (e) => {
   e.preventDefault();
   const r = e.target;
   setTimeout(() => {
     const n = r.ownerDocument != null ? r == null ? void 0 : r.checked : void 0;
     n != null && t(!n);
   }, 0);
-}), V = new Proxy(
+}), q = new Proxy(
   {},
   {
-    get: (t, e) => (r) => Ce(e, r)
+    get: (t, e) => (r) => Ie(e, r)
   }
-), q = {
+), Z = {
   value: (t) => (e) => {
     const r = e.target;
     t(r.value);
@@ -1011,74 +1034,74 @@ const $e = (t, e) => (r) => f(e)(r.withProviders(t)), Qt = (...t) => t.length >
     e.stopImmediatePropagation(), t();
   }
 };
-function dt(t, e = "input") {
-  return w(
-    D.valueAsDate(t),
-    V[e](q.valueAsDate(t.set))
+function yt(t, e = "input") {
+  return g(
+    P.valueAsDate(t),
+    q[e](Z.valueAsDate(t.set))
   );
 }
-function pt(t, e = "input") {
-  return w(
-    D.valueAsDate(t),
-    V[e](q.valueAsDateTime(t.set))
+function Et(t, e = "input") {
+  return g(
+    P.valueAsDate(t),
+    q[e](Z.valueAsDateTime(t.set))
   );
 }
-function mt(t, e = "input") {
-  return w(
-    D.valueAsNumber(t),
-    V[e](q.valueAsNumber(t.set))
+function _t(t, e = "input") {
+  return g(
+    P.valueAsNumber(t),
+    q[e](Z.valueAsNumber(t.set))
   );
 }
-function gt(t, e = "input") {
-  return w(D.value(t), V[e](q.value(t.set)));
+function Pt(t, e = "input") {
+  return g(P.value(t), q[e](Z.value(t.set)));
 }
-function wt(t) {
-  return w(D.checked(t), ht(t.set));
-}
-const sr = {
-  date: dt,
-  dateTime: pt,
-  number: mt,
-  text: gt,
-  checked: wt
-}, N = (t, e) => (r) => {
+function Dt(t) {
+  return g(P.checked(t), At(t.set));
+}
+const dr = {
+  date: yt,
+  dateTime: Et,
+  number: _t,
+  text: Pt,
+  checked: Dt
+}, I = (t, e) => (r) => {
   r = r.makeRef();
   let n, s;
-  const i = t.map((l) => Object.keys(l)[0]);
+  const i = t.map((u) => Object.keys(u)[0]);
   let o;
-  const u = i.on((l) => {
-    if (l !== o) {
-      s == null || s.dispose(), n == null || n(!0), s = t.map((m) => m[l]);
-      const c = e[l](s);
-      n = f(c)(r), o = l;
+  const l = i.on((u) => {
+    if (u !== o) {
+      s == null || s.dispose(), n == null || n(!0), s = t.map((p) => p[u]);
+      const c = e[u](s);
+      n = f(c)(r), o = u;
     }
   });
-  return (l) => {
-    u(), l && r.reference != null && A(r.reference), n == null || n(!0);
+  return (u) => {
+    l(), u && r.reference != null && b(r.reference), n == null || n(!0);
   };
-}, T = {
-  bool: (t, e) => N(
+}, N = {
+  bool: (t, e) => I(
     t.map((r) => r ? { true: !0 } : { false: !0 }),
     e
   ),
-  field: (t, e, r) => N(
+  field: (t, e, r) => I(
     t.map((n) => ({ [n[e]]: n })),
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     r
   ),
-  kind: (t, e) => T.field(t, "kind", e),
+  kind: (t, e) => N.field(t, "kind", e),
   tuple: (t, e) => {
     const r = t.map(([n, s]) => ({ [n]: s }));
-    return N(r, e);
+    return I(r, e);
   },
-  type: (t, e) => T.field(t, "type", e),
-  value: (t, e) => N(
+  type: (t, e) => N.field(t, "type", e),
+  value: (t, e) => I(
     t.map((r) => ({ [r]: !0 })),
     e
   )
-}, ir = (t, e) => (r) => {
-  const n = (e == null ? void 0 : e.firstSeparator) ?? S, s = (e == null ? void 0 : e.lastSeparator) ?? S;
-  return T.value(
+}, pr = (t, e) => (r) => {
+  const n = (e == null ? void 0 : e.firstSeparator) ?? w, s = (e == null ? void 0 : e.lastSeparator) ?? w;
+  return N.value(
     r.map((i) => i.isFirst ? "first" : i.isLast ? "last" : "other"),
     {
       first: () => n,
@@ -1086,107 +1109,107 @@ const sr = {
       other: () => t
     }
   );
-}, or = (t) => (e) => t(e)(e), lr = (t) => (e) => (e.appendOrInsert(t), (r) => {
-  r && A(t);
-}), St = (t, e, r) => (n) => {
+}, mr = (t) => (e) => t(e)(e), gr = (t) => (e) => (e.appendOrInsert(t), (r) => {
+  r && b(t);
+}), Tt = (t, e, r) => (n) => {
   n = n.makeRef();
   let s = null, i = !1;
-  const o = y(null), u = t.on((l) => {
-    l == null ? (s == null || s(!0), s = f((r == null ? void 0 : r()) ?? S)(n), i = !1) : (o.value = l, i || (s == null || s(!0), s = f(e(o))(n), i = !0));
+  const o = A(null), l = t.on((u) => {
+    u == null ? (s == null || s(!0), s = f((r == null ? void 0 : r()) ?? w)(n), i = !1) : (o.value = u, i || (s == null || s(!0), s = f(e(o))(n), i = !0));
   });
-  return (l) => {
-    u(), s == null || s(l), l && n.reference && A(n.reference);
+  return (u) => {
+    l(), s == null || s(u), u && n.reference && b(n.reference);
   };
-}, Te = (t, e, r) => r != null ? Te(t, (n) => {
+}, Re = (t, e, r) => r != null ? Re(t, (n) => {
   const s = n.map((i) => i.isLast ? "last" : "other");
-  return w(
-    C(() => s.dispose()),
+  return g(
+    M(() => s.dispose()),
     f(e(n)),
-    T.value(s, {
-      last: () => S,
+    N.value(s, {
+      last: () => w,
       other: () => r(n)
     })
   );
 }) : (n) => {
   n = n.makeRef();
   const s = t.map(
-    (l) => Array.from({ length: l }, (c, m) => m).map(
-      (c) => new Ze(c, l)
+    (u) => Array.from({ length: u }, (c, p) => p).map(
+      (c) => new Ye(c, u)
     )
-  ), i = [], o = [], u = s.on((l) => {
-    var m, g;
-    const c = l.length;
+  ), i = [], o = [], l = s.on((u) => {
+    var p, m;
+    const c = u.length;
     for (; c < i.length; )
-      (m = i.pop()) == null || m(!0), (g = o.pop()) == null || g.dispose();
-    for (let d = 0; d < c; d++)
-      if (o[d] == null) {
-        o[d] = y(l[d]);
-        const _ = f(e(o[d]));
-        i[d] = _(n);
+      (p = i.pop()) == null || p(!0), (m = o.pop()) == null || m.dispose();
+    for (let h = 0; h < c; h++)
+      if (o[h] == null) {
+        o[h] = A(u[h]);
+        const _ = f(e(o[h]));
+        i[h] = _(n);
       } else
-        o[d].value = l[d];
+        o[h].value = u[h];
   });
-  return (l) => {
-    u(), l && n.reference && A(n.reference);
+  return (u) => {
+    l(), u && n.reference && b(n.reference);
   };
-}, vt = (t, e, r) => r != null ? vt(t, (n, s) => {
+}, $t = (t, e, r) => r != null ? $t(t, (n, s) => {
   const i = s.map((o) => o.isLast ? "last" : "other");
-  return w([
-    C(() => i.dispose()),
+  return g([
+    M(() => i.dispose()),
     f(e(n, s)),
-    T.value(i, {
-      last: () => S,
+    N.value(i, {
+      last: () => w,
       other: () => r(s)
     })
   ]);
 }) : (n) => {
   const s = t.map((i) => i.length);
-  return Te(s, (i) => {
+  return Re(s, (i) => {
     const o = B(
       () => t.value[i.value.index],
       [i, t]
     );
-    return w(
-      C(() => o.dispose()),
+    return g(
+      M(() => o.dispose()),
       f(e(o, i))
     );
   })(n);
-}, ar = (t) => {
+}, wr = (t) => {
   const e = t.element, r = e.style.getPropertyValue(":empty");
   return e.style.setProperty(":empty", "display:none"), (n) => {
     n && e.style.setProperty(":empty", r);
   };
 };
-function Re(t, e) {
+function Oe(t, e) {
   const r = t(e);
   return () => r(!0);
 }
-function ur(t, e, { doc: r, clear: n } = {}) {
+function br(t, e, { doc: r, clear: n } = {}) {
   const s = typeof e == "string" ? (r ?? document).querySelector(e) : e;
   if (s === null)
     throw new Error(`Cannot find element by selector for render: ${e}`);
-  n && (r ?? s.ownerDocument) != null && at(r ?? s.ownerDocument);
-  const i = rt(s), o = Ae(s) ? void 0 : s, u = b.of(i, o);
-  return console.log("DOMContext.isFirstLevel", u.isFirstLevel), Re(t, u);
+  n && (r ?? s.ownerDocument) != null && wt(r ?? s.ownerDocument);
+  const i = st(s), o = ye(s) ? void 0 : s, l = v.of(i, o);
+  return Oe(t, l);
 }
-const bt = (t, e) => (r) => {
+const Ct = (t, e) => (r) => {
   const n = r.document.querySelector(t);
   if (n === null)
     throw new Error(`Cannot find element by selector for portal: ${t}`);
-  return Re(
+  return Oe(
     f(e),
     r.withElement(n).withFirstLevel()
   );
-}, cr = (t) => bt("head title", D.innerText(t)), yt = (t) => (e) => t(e.element) ?? (() => {
-}), G = (t, e, r) => St(
+}, Sr = (t) => Ct("head title", P.innerText(t)), Mt = (t) => (e) => t(e.element) ?? (() => {
+}), k = (t, e, r) => Tt(
   t.map((n) => n ? !0 : null),
   () => e,
   r != null ? () => r : void 0
-), fr = (t, e, r) => G(
+), vr = (t, e, r) => k(
   t.map((n) => !n),
   e,
   r
-), At = {
+), Nt = {
   partial: {
     root: null,
     rootMargin: "0px",
@@ -1197,36 +1220,36 @@ const bt = (t, e) => (r) => {
     rootMargin: "0px",
     threshold: 1
   }
-}, F = {
+}, x = {
   partial: /* @__PURE__ */ new Map(),
   full: /* @__PURE__ */ new Map()
-}, M = {
+}, C = {
   partial: null,
   full: null
 };
-function Et(t) {
-  return M[t] == null && (M[t] = new IntersectionObserver((e) => {
+function Lt(t) {
+  return C[t] == null && (C[t] = new IntersectionObserver((e) => {
     e.forEach((r) => {
-      const n = F[t].get(r.target);
+      const n = x[t].get(r.target);
       n == null || n.set(r.isIntersecting);
     });
-  }, At[t])), M[t];
-}
-function Pt(t, e) {
-  const r = y(h.isSSR);
-  return w(
-    yt((n) => {
-      const s = typeof IntersectionObserver < "u" ? Et(t) : null;
-      return F[t].set(n, r), s == null || s.observe(n), () => {
+  }, Nt[t])), C[t];
+}
+function It(t, e) {
+  const r = A(D.isSSR);
+  return g(
+    Mt((n) => {
+      const s = typeof IntersectionObserver < "u" ? Lt(t) : null;
+      return x[t].set(n, r), s == null || s.observe(n), () => {
         var i;
-        s == null || s.unobserve(n), F[t].delete(n), F[t].size === 0 && ((i = M[t]) == null || i.disconnect(), M[t] = null);
+        s == null || s.unobserve(n), x[t].delete(n), x[t].size === 0 && ((i = C[t]) == null || i.disconnect(), C[t] = null);
       };
     }),
-    C(r.dispose),
+    M(r.dispose),
     f(e(r))
   );
 }
-const hr = (t, e, r) => Pt(t, (n) => G(n, e, r ?? S)), dr = (t, e) => (r) => {
+const Ar = (t, e, r) => It(t, (n) => k(n, e, r ?? w)), yr = (t, e) => (r) => {
   r = r.makeRef();
   const n = t.map((o) => f(e(o)));
   let s = () => {
@@ -1238,23 +1261,23 @@ const hr = (t, e, r) => Pt(t, (n) => G(n, e, r ?? S)), dr = (t, e) => (r) => {
     i(), s(o);
   };
 };
-function pr(t, e, r = S) {
-  return G(
+function Er(t, e, r = w) {
+  return k(
     t.map((n) => n.length > 0),
     e,
     r
   );
 }
-const _t = (t) => (e) => {
-  const r = e.element, n = y({ width: r.clientWidth, height: r.clientHeight }), s = f(t(n))(e), i = () => {
+const Rt = (t) => (e) => {
+  const r = e.element, n = A({ width: r.clientWidth, height: r.clientHeight }), s = f(t(n))(e), i = () => {
     n.set({ width: r.clientWidth, height: r.clientHeight });
   };
   let o;
-  return typeof ResizeObserver == "function" && (o = new ResizeObserver(i), o.observe(r)), (u) => {
-    o == null || o.disconnect(), s(u);
+  return typeof ResizeObserver == "function" && (o = new ResizeObserver(i), o.observe(r)), (l) => {
+    o == null || o.disconnect(), s(l);
   };
-}, Dt = (t) => (e) => {
-  const r = y({
+}, Ot = (t) => (e) => {
+  const r = A({
     width: (window == null ? void 0 : window.innerWidth) ?? 0,
     height: (window == null ? void 0 : window.innerHeight) ?? 0
   }), n = f(t(r))(e), s = () => {
@@ -1266,132 +1289,124 @@ const _t = (t) => (e) => {
   return window == null || window.addEventListener("resize", s), (i) => {
     window == null || window.removeEventListener("resize", s), n(i);
   };
-}, mr = {
-  element: _t,
-  window: Dt
-}, K = "data-tempo-styles";
-function Ne(t, e) {
-  const r = t.getAttribute(K);
-  r === null ? t.setAttribute(K, e) : t.setAttribute(K, `${r} ${e}`);
-}
-const Lt = (t, e) => (r) => {
-  r.isFirstLevel && h.isSSR && Ne(r.element, t);
+}, _r = {
+  element: Rt,
+  window: Ot
+}, xt = (t, e) => (r) => {
   const n = r.element, s = n.style.getPropertyValue(t);
   return n.style.setProperty(t, e), (i) => {
     i && n.style.setProperty(t, s);
   };
-}, $t = (t, e) => (r) => {
-  r.isFirstLevel && h.isSSR && Ne(r.element, t);
+}, Wt = (t, e) => (r) => {
   const n = r.element, s = n.style.getPropertyValue(t);
   return e.on((i) => n.style.setProperty(t, i)), (i) => {
     i && n.style.setProperty(t, s);
   };
-}, gr = new Proxy(
+}, Pr = new Proxy(
   {},
   {
-    get: (t, e) => (r) => p.is(r) ? $t(e, r) : Lt(e, r)
+    get: (t, e) => (r) => d.is(r) ? Wt(e, r) : xt(e, r)
   }
 );
 export {
-  tr as Async,
-  rr as AutoFocus,
-  nr as AutoSelect,
-  L as Computed,
-  ir as Conjunction,
-  or as Ctx,
-  b as DOMContext,
-  lr as DOMEl,
-  _e as El,
-  De as ElNS,
-  S as Empty,
-  St as Ensure,
-  vt as ForEach,
-  w as Fragment,
-  cr as HTMLTitle,
-  ar as HiddenWhenEmpty,
-  Pt as InViewport,
-  dr as MapSignal,
+  cr as Async,
+  fr as AutoFocus,
+  hr as AutoSelect,
+  T as Computed,
+  pr as Conjunction,
+  mr as Ctx,
+  v as DOMContext,
+  gr as DOMEl,
+  $e as El,
+  Ce as ElNS,
+  w as Empty,
+  Tt as Ensure,
+  $t as ForEach,
+  g as Fragment,
+  Sr as HTMLTitle,
+  wr as HiddenWhenEmpty,
+  It as InViewport,
+  yr as MapSignal,
   he as MemoryStore,
-  pr as NotEmpty,
-  ht as OnChecked,
-  C as OnDispose,
-  yt as OnMount,
-  bt as Portal,
-  Ze as Position,
-  O as Prop,
-  Qt as Provide,
-  Te as Repeat,
-  p as Signal,
-  Me as Task,
-  qt as Text,
-  fr as Unless,
-  Gt as Use,
-  ut as UseProvider,
-  Jt as UseProviders,
-  G as When,
-  hr as WhenInViewport,
-  ft as WithProvider,
-  kt as WithProviders,
-  Ne as addStyleTracker,
-  Ye as animate,
-  It as animateOne,
-  er as appearance,
+  Er as NotEmpty,
+  At as OnChecked,
+  M as OnDispose,
+  Mt as OnMount,
+  Ct as Portal,
+  Ye as Position,
+  F as Prop,
+  ur as Provide,
+  Re as Repeat,
+  d as Signal,
+  Le as Task,
+  kt as Text,
+  vr as Unless,
+  ir as Use,
+  bt as UseProvider,
+  or as UseProviders,
+  k as When,
+  Ar as WhenInViewport,
+  vt as WithProvider,
+  ar as WithProviders,
+  Ke as animate,
+  Xt as animateOne,
+  lr as appearance,
   oe as appearanceMarker,
-  zt as applyAnimatable,
-  I as applyAnimatableProp,
-  xt as applyInterpolatedAnimatable,
-  Ge as applyInterpolatedAnimatableProp,
-  Zt as aria,
-  D as attr,
-  sr as bind,
+  Ut as applyAnimatable,
+  R as applyAnimatableProp,
+  jt as applyInterpolatedAnimatable,
+  Je as applyInterpolatedAnimatableProp,
+  Gt as aria,
+  P as attr,
+  dr as bind,
   f as childToMountable,
-  at as clearSSR,
-  Ke as colorChannelsToString,
+  wt as clearSSR,
+  Ue as colorChannelsToString,
   B as computed,
-  Ft as computedRecord,
-  ze as dateInterpolate,
-  Ct as effect,
-  q as emit,
-  Ve as endInterpolate,
-  Wt as getComputedAnimatable,
-  Ue as getComputedAnimatableProp,
-  rt as getSelfOrParentElement,
-  qe as guessInterpolate,
-  Vt as handleAnchorClick,
-  Ht as html,
-  Kt as input,
-  je as interpolateColor,
-  Ot as interpolateShadow,
-  Ae as isElement,
-  ye as makeGetter,
-  ct as makeProviderMark,
-  be as makeSetter,
-  Ut as math,
-  Yt as mathAttr,
-  We as numberInterpolate,
-  V as on,
-  T as oneof,
+  Yt as computedRecord,
+  qe as dateInterpolate,
+  zt as effect,
+  Z as emit,
+  Ze as endInterpolate,
+  Kt as getComputedAnimatable,
+  ke as getComputedAnimatableProp,
+  st as getSelfOrParentElement,
+  Xe as guessInterpolate,
+  Bt as handleAnchorClick,
+  er as html,
+  tr as input,
+  Be as interpolateColor,
+  Ht as interpolateShadow,
+  ye as isElement,
+  Ae as makeGetter,
+  St as makeProviderMark,
+  ve as makeSetter,
+  nr as math,
+  Qt as mathAttr,
+  ze as numberInterpolate,
+  q as on,
+  N as oneof,
   se as parseColorChannels,
-  y as prop,
-  Rt as propOfLocalStorage,
-  Nt as propOfSessionStorage,
+  A as prop,
+  qt as propOfLocalStorage,
+  Zt as propOfSessionStorage,
   de as propOfStorage,
-  A as removeDOMNode,
-  ur as render,
-  Re as renderWithContext,
-  tt as setAttribute,
-  Je as setBooleanProperty,
-  ke as setDateProperty,
-  Qe as setNumberProperty,
-  et as setStringProperty,
-  Tt as signal,
-  Pe as signalText,
-  mr as size,
-  h as ssr,
-  Bt as startSSR,
+  b as removeDOMNode,
+  br as render,
+  Oe as renderWithContext,
+  nt as setAttribute,
+  Qe as setBooleanProperty,
+  tt as setDateProperty,
+  et as setNumberProperty,
+  rt as setStringProperty,
+  Vt as signal,
+  _e as signalText,
+  _r as size,
+  D as ssr,
+  sr as startSSR,
   Ee as staticText,
-  xe as stringInterpolate,
-  gr as style,
-  jt as svg,
-  Xt as svgAttr
+  Ve as stringInterpolate,
+  Pr as style,
+  rr as svg,
+  Jt as svgAttr
 };