@tempots/dom 10.0.28 → 11.0.0

package/index.js

@@ -1,6 +1,6 @@
 var Ze = Object.defineProperty;
 var Xe = (t, e, r) => e in t ? Ze(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var a = (t, e, r) => Xe(t, typeof e != "symbol" ? e + "" : e, r);
+var l = (t, e, r) => Xe(t, typeof e != "symbol" ? e + "" : e, r);
 function Ye(t, e, r) {
   return t + (e - t) * r;
 }
@@ -11,8 +11,8 @@ function je(t, e, r) {
   for (let i = 0; i < n; i++) {
     let o = t.charCodeAt(i);
     isNaN(o) && (o = ee);
-    let l = e.charCodeAt(i);
-    isNaN(l) && (l = ee), s += String.fromCharCode(o + (l - o) * r);
+    let a = e.charCodeAt(i);
+    isNaN(a) && (a = ee), s += String.fromCharCode(o + (a - o) * r);
   }
   return s;
 }
@@ -42,34 +42,34 @@ class ke {
     return this.index % 2 === 1;
   }
 }
-const te = Symbol("isSignal"), re = Symbol("isProp"), ne = Symbol("isComputed");
+const te = "$__signal__", re = "$__prop__", ne = "$__computed__";
 var ae;
 ae = te;
 const _ = class _ {
   constructor(e, r) {
-    a(this, ae, !0);
-    a(this, "_value");
-    a(this, "_derivatives", []);
-    a(this, "_onValueListeners", []);
-    a(this, "_onDisposeListeners", []);
-    a(this, "get", () => this._value);
-    a(this, "hasListeners", () => this._onValueListeners.length > 0);
-    a(this, "on", (e) => (e(this.get()), this._onValueListeners.push(e), () => {
+    l(this, ae, !0);
+    l(this, "_value");
+    l(this, "_derivatives", []);
+    l(this, "_onValueListeners", []);
+    l(this, "_onDisposeListeners", []);
+    l(this, "get", () => this._value);
+    l(this, "hasListeners", () => this._onValueListeners.length > 0);
+    l(this, "on", (e) => (e(this.get()), this._onValueListeners.push(e), () => {
       this._onValueListeners.splice(this._onValueListeners.indexOf(e), 1);
     }));
-    a(this, "_setAndNotify", (e, r) => {
+    l(this, "_setAndNotify", (e, r) => {
       const n = this.equals(this._value, e);
       n || (this._value = e), (r || !n) && this._onValueListeners.forEach((s) => s(e));
     });
-    a(this, "_disposed", !1);
-    a(this, "isDisposed", () => this._disposed);
-    a(this, "onDispose", (e) => {
+    l(this, "_disposed", !1);
+    l(this, "isDisposed", () => this._disposed);
+    l(this, "onDispose", (e) => {
       this._onDisposeListeners.push(e);
     });
-    a(this, "dispose", () => {
+    l(this, "dispose", () => {
       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) => {
+    l(this, "map", (e, r = (n, s) => n === s) => {
       const n = new T(() => {
         try {
           return e(this.get());
@@ -79,7 +79,7 @@ const _ = class _ {
       }, r);
       return this.setDerivative(n), n;
     });
-    a(this, "flatMap", (e, r = (n, s) => n === s) => {
+    l(this, "flatMap", (e, r = (n, s) => n === s) => {
       const n = new T(() => {
         try {
           return e(this.get()).get();
@@ -89,9 +89,12 @@ const _ = class _ {
       }, r);
       return this.setDerivative(n), n;
     });
-    a(this, "tap", (e) => this.map((r) => (e(r), r)));
-    a(this, "at", (e) => this.map((r) => r[e]));
-    a(this, "filter", (e, r) => {
+    l(this, "tap", (e) => this.map((r) => (e(r), r)));
+    l(this, "at", (e) => this.map((r) => r[e]));
+    l(this, "$", new Proxy(this, {
+      get: (e, r) => this.at(r)
+    }));
+    l(this, "filter", (e, r) => {
       let n = r ?? this.get();
       const s = new T(() => {
         try {
@@ -103,26 +106,26 @@ const _ = class _ {
       }, this.equals);
       return this.setDerivative(s), s;
     });
-    a(this, "filterMap", (e, r, n = (s, i) => s === i) => {
+    l(this, "filterMap", (e, r, n = (s, i) => s === i) => {
       let s = r;
       const i = new T(() => {
         try {
-          const o = this.get(), l = e(o);
-          return s = l ?? s;
+          const o = this.get(), a = e(o);
+          return s = a ?? s;
         } catch (o) {
           throw console.error("Error in Signal.filterMap:", o), o;
         }
       }, n);
       return this.setDerivative(i), i;
     });
-    a(this, "mapAsync", (e, r, n, s = (i, o) => i === o) => {
+    l(this, "mapAsync", (e, r, n, s = (i, o) => i === o) => {
       const i = A(r, s);
       let o = 0;
       return i.onDispose(
-        this.on((l) => {
+        this.on((a) => {
           const u = ++o;
           try {
-            e(l).then((c) => {
+            e(a).then((c) => {
               u === o && i.set(c);
             }).catch((c) => {
               u === o && (n != null ? i.set(n(c)) : console.error(
@@ -136,17 +139,17 @@ const _ = class _ {
         })
       ), i;
     });
-    a(this, "mapMaybe", (e, r) => this.map((n) => e(n) ?? r));
-    a(this, "feedProp", (e, r = !1) => {
+    l(this, "mapMaybe", (e, r) => this.map((n) => e(n) ?? r));
+    l(this, "feedProp", (e, r = !1) => {
       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(A(this.get()), e));
-    a(this, "count", () => {
+    l(this, "deriveProp", (e = !0) => this.feedProp(A(this.get()), e));
+    l(this, "count", () => {
       let e = 0;
       return this.map(() => ++e);
     });
-    a(this, "setDerivative", (e) => {
+    l(this, "setDerivative", (e) => {
       this._derivatives.push(e), e.onDispose(() => {
         this._derivatives.splice(
           this._derivatives.indexOf(e),
@@ -184,25 +187,25 @@ const _ = class _ {
     return this._value;
   }
 };
-let d = _;
+let h = _;
 const Be = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
 var le, ce;
-class T extends (ce = d, le = ne, ce) {
+class T extends (ce = h, le = ne, ce) {
   constructor(r, n) {
     super(void 0, n);
-    a(this, le, !0);
-    a(this, "_isDirty", !1);
-    a(this, "setDirty", () => {
+    l(this, le, !0);
+    l(this, "_isDirty", !1);
+    l(this, "setDirty", () => {
       this._isDirty || this._disposed || (this._isDirty = !0, this._derivatives.forEach((r) => r.setDirty()), this.scheduleNotify());
     });
-    a(this, "_scheduleCount", 0);
-    a(this, "scheduleNotify", () => {
+    l(this, "_scheduleCount", 0);
+    l(this, "scheduleNotify", () => {
       const r = ++this._scheduleCount;
       Be(() => {
         this._scheduleCount !== r || this._disposed !== !1 || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn(), !1));
       });
     });
-    a(this, "get", () => (this._isDirty && (this._isDirty = !1, this._value = this._fn(), this._setAndNotify(this._value, !0)), this._value));
+    l(this, "get", () => (this._isDirty && (this._isDirty = !1, this._value = this._fn(), this._setAndNotify(this._value, !0)), this._value));
     this._fn = r, this.setDirty();
   }
   static is(r) {
@@ -213,22 +216,35 @@ class T extends (ce = d, le = ne, ce) {
   }
 }
 var fe, he;
-class V extends (he = d, fe = re, he) {
+class q extends (he = h, fe = re, he) {
   constructor() {
     super(...arguments);
-    a(this, fe, !0);
-    a(this, "set", (r) => {
+    l(this, fe, !0);
+    l(this, "set", (r) => {
       this._setAndNotify(r, !1);
     });
-    a(this, "update", (r) => {
+    l(this, "update", (r) => {
       this._setAndNotify(r(this.get()), !1);
     });
-    a(this, "reducer", (r) => (n) => this.update((s) => r(s, n)));
-    a(this, "iso", (r, n, s = (i, o) => i === o) => {
-      const i = new V(r(this.get()), s);
+    l(this, "reducer", (r, ...n) => {
+      const s = this;
+      return function i(o) {
+        const a = s.value;
+        s.update((u) => r(u, o)), !s.equals(a, s.value) && n.forEach(
+          (u) => u({
+            previousState: a,
+            state: s.value,
+            action: o,
+            dispatch: i
+          })
+        );
+      };
+    });
+    l(this, "iso", (r, n, s = (i, o) => i === o) => {
+      const i = new q(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(
+    l(this, "atProp", (r) => this.iso(
       (n) => n[r],
       (n) => ({ ...this.value, [r]: n })
     ));
@@ -251,16 +267,16 @@ function Kt(t, e) {
   return U(t, e).dispose;
 }
 function A(t, e = (r, n) => r === n) {
-  return new V(t, e);
+  return new q(t, e);
 }
 function Ut(t, e = (r, n) => r === n) {
-  return new d(t, e);
+  return new h(t, e);
 }
 class de {
   constructor() {
-    a(this, "_store", /* @__PURE__ */ new Map());
-    a(this, "getItem", (e) => this._store.get(e) ?? null);
-    a(this, "setItem", (e, r) => {
+    l(this, "_store", /* @__PURE__ */ new Map());
+    l(this, "getItem", (e) => this._store.get(e) ?? null);
+    l(this, "setItem", (e, r) => {
       this._store.set(e, r);
     });
   }
@@ -271,11 +287,11 @@ function pe({
   store: r,
   serialize: n = JSON.stringify,
   deserialize: s = JSON.parse,
-  equals: i = (l, u) => l === u,
-  onLoad: o = (l) => l
+  equals: i = (a, u) => a === u,
+  onLoad: o = (a) => a
 }) {
-  const l = r.getItem(t), u = new V(
-    l != null ? o(s(l)) : typeof e == "function" ? e() : e,
+  const a = r.getItem(t), u = new q(
+    a != null ? o(s(a)) : typeof e == "function" ? e() : e,
     i
   );
   return u.on((c) => {
@@ -298,8 +314,8 @@ function se(t) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 0);
 }
 function Ge(t, e, r, n) {
-  const s = (n == null ? void 0 : n.duration) ?? 300, i = (n == null ? void 0 : n.easing) ?? ((b) => b), o = (n == null ? void 0 : n.equals) ?? ((b, R) => b === R);
-  let l = n == null ? void 0 : n.interpolate, u = t, c = e(), p = performance.now(), m = null, h = !0;
+  const s = (n == null ? void 0 : n.duration) ?? 300, i = (n == null ? void 0 : n.easing) ?? ((b) => b), o = (n == null ? void 0 : n.equals) ?? ((b, O) => b === O);
+  let a = n == null ? void 0 : n.interpolate, u = t, c = e(), p = performance.now(), m = null, d = !0;
   const E = new T(e, o), y = A(t, o);
   y.onDispose(() => {
     m !== null && cancelAnimationFrame(m);
@@ -307,12 +323,12 @@ function Ge(t, e, r, n) {
     b.setDerivative(E), b.onDispose(y.dispose);
   });
   const Y = (b) => {
-    c = b, p = performance.now(), u = y.value, h && (h = !1, m = se(J));
+    c = b, p = performance.now(), u = y.value, d && (d = !1, m = se(J));
   }, J = () => {
-    const R = (performance.now() - p) / d.unwrap(s), qe = i(R);
-    l == null && (l = Ue(u));
-    let Q = l(u, c, qe);
-    R >= 1 ? (h = !0, Q = c) : m = se(J), y.set(Q);
+    const O = (performance.now() - p) / h.unwrap(s), qe = i(O);
+    a == null && (a = Ue(u));
+    let Q = a(u, c, qe);
+    O >= 1 ? (d = !0, Q = c) : m = se(J), y.set(Q);
   };
   return E.on(Y), y;
 }
@@ -322,7 +338,7 @@ function Gt(t, e) {
 }
 function Jt(t, e) {
   const { signals: r, literals: n } = Object.entries(t).reduce(
-    ({ signals: i, literals: o }, [l, u]) => (d.is(u) ? i.push([l, u]) : o[l] = u, { signals: i, literals: o }),
+    ({ signals: i, literals: o }, [a, u]) => (h.is(u) ? i.push([a, u]) : o[a] = u, { signals: i, literals: o }),
     { signals: [], literals: {} }
   ), s = r.map(([, i]) => i);
   return U(() => (r.forEach(([i, o]) => n[i] = o.value), e(n)), s);
@@ -360,7 +376,7 @@ function oe(t) {
       spread: 0,
       color: "rgba(0, 0, 0, 0)"
     };
-  const [, n, s, , , i, , o, , l, , u] = r, c = o != null ? parseInt(o, 10) : 0, p = l != null ? parseInt(l, 10) : 0;
+  const [, n, s, , , i, , o, , a, , u] = r, c = o != null ? parseInt(o, 10) : 0, p = a != null ? parseInt(a, 10) : 0;
   return {
     inset: !!n,
     x: parseInt(s, 10),
@@ -378,22 +394,22 @@ function Qe(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 et(t, e) {
-  const [r, n, s, i, o] = ie(t), [l, u, c, p] = ie(e);
+  const [r, n, s, i, o] = ie(t), [a, u, c, p] = ie(e);
   return (m) => {
-    const h = r + (l - r) * m, E = n + (u - n) * m, y = s + (c - s) * m, Y = i + (p - i) * m;
-    return Qe([h, E, y, Y, o]);
+    const d = r + (a - r) * m, E = n + (u - n) * m, y = s + (c - s) * m, Y = i + (p - i) * m;
+    return Qe([d, E, y, Y, o]);
   };
 }
 function Qt(t, e) {
   const r = oe(t), n = oe(e);
   return (s) => {
-    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 = ge(r.color, n.color)(s);
-    return Je({ inset: r.inset, x: i, y: o, blur: l, spread: u, color: c });
+    const i = r.x + (n.x - r.x) * s, o = r.y + (n.y - r.y) * s, a = r.blur + (n.blur - r.blur) * s, u = r.spread + (n.spread - r.spread) * s, c = ge(r.color, n.color)(s);
+    return Je({ inset: r.inset, x: i, y: o, blur: a, spread: u, color: c });
   };
 }
 function tt(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));
+  var r, n, s, i, o, a, 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" ? (a = t.filter.match(/brightness\((\d+)%\)/)) == null ? void 0 : a[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 er(t, e) {
   const r = {}, n = getComputedStyle(t);
@@ -403,7 +419,7 @@ function er(t, e) {
   }
   return r;
 }
-function O(t, e, r) {
+function W(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 j = /* @__PURE__ */ new Map();
@@ -423,19 +439,19 @@ function nt(t, e, r, n, s) {
   if (r != null && n != null) {
     if (typeof r == "number" && typeof n == "number") {
       const i = r + (n - r) * s;
-      O(t, e, i);
+      W(t, e, i);
     } else if (e === "boxShadow" || e === "textShadow") {
       const i = rt(
         r,
         n
       )(s);
-      O(t, e, i);
+      W(t, e, i);
     } else if (e === "color" || e === "backgroundColor" || e === "borderColor" || e === "outlineColor") {
       const i = ge(
         r,
         n
       )(s);
-      O(t, e, i);
+      W(t, e, i);
     }
   }
 }
@@ -449,7 +465,7 @@ function tr(t, e, r, n) {
 function rr(t, e) {
   t.style.transform = "", t.style.filter = "";
   for (const [r, n] of Object.entries(e))
-    n != null && O(t, r, n);
+    n != null && W(t, r, n);
 }
 const we = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), Se = /* @__PURE__ */ new Set([
   "rowSpan",
@@ -465,7 +481,7 @@ const we = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]
   "className",
   "classList"
 ]), H = /* @__PURE__ */ new Map();
-function C(t, e) {
+function $(t, e) {
   if (H.has(t))
     return H.get(t);
   {
@@ -499,7 +515,7 @@ function at(t) {
   };
 }
 function Ae(t) {
-  return we.has(t) ? C(t, st) : Se.has(t) ? C(t, it) : be.has(t) ? C(t, ot) : ve.has(t) ? C(t, ut) : C(t, at);
+  return we.has(t) ? $(t, st) : Se.has(t) ? $(t, it) : be.has(t) ? $(t, ot) : ve.has(t) ? $(t, ut) : $(t, at);
 }
 function ye(t) {
   return (e) => we.has(t) ? !!e[t] : Se.has(t) ? Number(e[t]) : be.has(t) ? e[t] : ve.has(t) ? String(e[t]) : e.getAttribute(t);
@@ -522,19 +538,19 @@ class v {
      * @param namespace - The namespace URI to create the element in, or `undefined` to create a standard HTML element.
      * @returns The newly created element.
      */
-    a(this, "createElement", (e, r) => r !== void 0 ? this.document.createElementNS(r, e) : this.document.createElement(e));
+    l(this, "createElement", (e, r) => r !== void 0 ? this.document.createElementNS(r, e) : this.document.createElement(e));
     /**
      * Creates a new text node with the specified text content.
      * @param text - The text content for the new text node.
      * @returns A new `Text` node with the specified text content.
      */
-    a(this, "createText", (e) => this.document.createTextNode(e));
+    l(this, "createText", (e) => this.document.createTextNode(e));
     /**
      * Creates a new `DOMContext` with a reference to a newly created text node.
      * The text node is appended or inserted to the current `DOMContext`.
      * The new `DOMContext` with the reference is returned.
      */
-    a(this, "makeRef", () => {
+    l(this, "makeRef", () => {
       const e = this.createText("");
       return this.appendOrInsert(e), this.withReference(e);
     });
@@ -543,7 +559,7 @@ class v {
      *
      * @param child - The child node to append or insert.
      */
-    a(this, "appendOrInsert", (e) => {
+    l(this, "appendOrInsert", (e) => {
       this.reference === void 0 ? this.element.appendChild(e) : this.element.insertBefore(e, this.reference);
     });
     /**
@@ -552,18 +568,18 @@ class v {
      * @param document - The `Document` to use for the `DOMContext`.
      * @returns A new `DOMContext` instance.
      */
-    a(this, "withDocument", (e) => new v(e, this.element, this.reference, this.providers, !0));
+    l(this, "withDocument", (e) => new v(e, this.element, this.reference, this.providers, !0));
     /**
      * Creates a new `DOMContext` instance with the provided `element`.
      * @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 v(this.document, e, void 0, this.providers, !1));
+    l(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 v(
+    l(this, "withFirstLevel", () => new v(
       this.document,
       this.element,
       this.reference,
@@ -576,7 +592,7 @@ class v {
      * @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 v(
+    l(this, "withReference", (e) => new v(
       this.document,
       this.element,
       e,
@@ -589,7 +605,7 @@ class v {
      * @param value - The value to set for the provider.
      * @returns A new DOMContext with the updated providers.
      */
-    a(this, "withProvider", (e, r) => new v(
+    l(this, "withProvider", (e, r) => new v(
       this.document,
       this.element,
       this.reference,
@@ -606,7 +622,7 @@ class v {
      * @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 v(
+    l(this, "withProviders", (e) => new v(
       this.document,
       this.element,
       this.reference,
@@ -623,7 +639,7 @@ class v {
      * @returns The provider for the given mark.
      * @throws {Error} If the provider for the given mark is not found.
      */
-    a(this, "getProvider", (e) => {
+    l(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
         throw new Error(`Provider not found: ${e.description}`);
       return this.providers[e];
@@ -660,7 +676,7 @@ function ct(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: l } = s, u = i + o + l;
+    const { pathname: i, search: o, hash: a } = s, u = i + o + a;
     if (s.getAttribute("href") !== u || e && !/\/[^/.]*$/.test(i))
       return !0;
   }
@@ -692,7 +708,7 @@ const nr = (t, e = {
   };
 };
 function sr(t) {
-  return d.is(t) ? Pe(t) : Ee(t);
+  return h.is(t) ? Pe(t) : Ee(t);
 }
 const g = (...t) => (e) => {
   const r = t.map((n) => f(n)(e));
@@ -712,19 +728,19 @@ const g = (...t) => (e) => {
   return (i) => {
     s(), i && n.forEach((o) => r.classList.remove(o)), n.length = 0;
   };
-}, z = (t, e) => {
+}, R = (t, e) => {
   const r = Ae(t), n = ye(t);
   return (s) => {
-    Me(s, t);
+    Ce(s, t);
     const i = n(s.element);
     return r(s.element, e), (o) => {
       o && r(s.element, i);
     };
   };
-}, q = (t, e) => {
+}, I = (t, e) => {
   const r = Ae(t), n = ye(t);
   return (s) => {
-    Me(s, t);
+    Ce(s, t);
     const i = n(s.element);
     return e.on((o) => r(s.element, o)), (o) => {
       o && r(s.element, i);
@@ -733,12 +749,12 @@ const g = (...t) => (e) => {
 }, P = new Proxy(
   {},
   {
-    get: (t, e) => e === "class" ? (r) => d.is(r) ? ht(r) : ft(
+    get: (t, e) => e === "class" ? (r) => h.is(r) ? ht(r) : ft(
       (r ?? "").split(" ").filter((n) => n.length > 0)
-    ) : (r) => d.is(r) ? q(
+    ) : (r) => h.is(r) ? I(
       e,
       r
-    ) : z(
+    ) : R(
       e,
       r
     )
@@ -746,44 +762,52 @@ const g = (...t) => (e) => {
 ), ir = new Proxy(
   {},
   {
-    get: (t, e) => (r) => d.is(r) ? q(
+    get: (t, e) => (r) => h.is(r) ? I(
+      `data-${e}`,
+      r
+    ) : R(`data-${e}`, r)
+  }
+), or = new Proxy(
+  {},
+  {
+    get: (t, e) => (r) => h.is(r) ? I(
       `aria-${e}`,
       r
-    ) : z(
+    ) : R(
       `aria-${e}`,
       r
     )
   }
-), or = new Proxy(
+), ur = new Proxy(
   {},
   {
-    get: (t, e) => (r) => d.is(r) ? q(
+    get: (t, e) => (r) => h.is(r) ? I(
       e,
       r
-    ) : z(
+    ) : R(
       e,
       r
     )
   }
-), ur = new Proxy(
+), ar = new Proxy(
   {},
   {
-    get: (t, e) => (r) => d.is(r) ? q(
+    get: (t, e) => (r) => h.is(r) ? I(
       e,
       r
-    ) : z(
+    ) : R(
       e,
       r
     )
   }
 );
 function f(t) {
-  return t == null ? w : Array.isArray(t) ? g(...t.map(f)) : typeof t == "string" ? Ee(t) : d.is(t) ? Pe(t) : t;
+  return t == null ? w : Array.isArray(t) ? g(...t.map(f)) : typeof t == "string" ? Ee(t) : h.is(t) ? Pe(t) : t;
 }
 function Te(t, ...e) {
   return (r) => {
     const n = r.createElement(t, void 0);
-    r.isFirstLevel && D.isSSR() && $e(n), r.appendOrInsert(n), r = r.withElement(n);
+    r.isFirstLevel && D.isSSR() && Me(n), r.appendOrInsert(n), r = r.withElement(n);
     const s = e.map((i) => f(i)(r));
     return (i) => {
       s.forEach((o) => o(!1)), i && S(n);
@@ -793,81 +817,81 @@ function Te(t, ...e) {
 function De(t, e, ...r) {
   return (n) => {
     const s = n.createElement(t, e);
-    n.isFirstLevel && D.isSSR() && $e(s), n.appendOrInsert(s), n = n.withElement(s);
+    n.isFirstLevel && D.isSSR() && Me(s), n.appendOrInsert(s), n = n.withElement(s);
     const i = r.map((o) => f(o)(n));
     return (o) => {
-      i.forEach((l) => l(!1)), o && S(s);
+      i.forEach((a) => a(!1)), o && S(s);
     };
   };
 }
-const ar = new Proxy(
+const lr = new Proxy(
   {},
   {
     get: (t, e) => (...r) => Te(e, r.flatMap(f))
   }
-), lr = new Proxy(
+), cr = new Proxy(
   {},
   {
     get: (t, e) => (...r) => Te("input", P.type(e), ...r)
   }
-), dt = "http://www.w3.org/2000/svg", cr = new Proxy(
+), dt = "http://www.w3.org/2000/svg", fr = new Proxy(
   {},
   {
     get: (t, e) => (...r) => De(e, dt, r.flatMap(f))
   }
-), pt = "http://www.w3.org/1998/Math/MathML", fr = new Proxy(
+), pt = "http://www.w3.org/1998/Math/MathML", hr = new Proxy(
   {},
   {
     get: (t, e) => (...r) => De(e, pt, r.flatMap(f))
   }
-), M = "data-tempo-attr", x = "data-tempo-class", Ce = "data-tempo-node", W = "data-tempo-text";
+), C = "data-tempo-attr", F = "data-tempo-class", $e = "data-tempo-node", V = "data-tempo-text";
 function mt(t, e) {
   const r = t.getAttribute(e);
   if (r != null) {
-    const n = t.getAttribute(M) ?? "{}", s = { ...JSON.parse(n), name: r };
-    t.setAttribute(M, JSON.stringify(s));
+    const n = t.getAttribute(C) ?? "{}", s = { ...JSON.parse(n), name: r };
+    t.setAttribute(C, JSON.stringify(s));
   }
 }
-function Me(t, e) {
+function Ce(t, e) {
   D.isSSR() && t.isFirstLevel && mt(t.element, e);
 }
 function gt(t) {
-  t.querySelectorAll(`[${M}]`).forEach((e) => {
-    const r = JSON.parse(e.getAttribute(M) ?? "{}");
+  t.querySelectorAll(`[${C}]`).forEach((e) => {
+    const r = JSON.parse(e.getAttribute(C) ?? "{}");
     for (const [n, s] of Object.entries(r))
       e.setAttribute(n, s);
-    e.removeAttribute(M);
+    e.removeAttribute(C);
   });
 }
 function wt(t) {
-  t.setAttribute(x, t.className);
+  t.setAttribute(F, t.className);
 }
 function Ne(t) {
   D.isSSR() && t.isFirstLevel && wt(t.element);
 }
 function St(t) {
-  t.querySelectorAll(`[${x}]`).forEach((e) => {
-    const r = e.getAttribute(x);
-    r !== null && (e.className = r, e.removeAttribute(x));
+  t.querySelectorAll(`[${F}]`).forEach((e) => {
+    const r = e.getAttribute(F);
+    r !== null && (e.className = r, e.removeAttribute(F));
   });
 }
-function $e(t) {
-  t.setAttribute(Ce, "");
+function Me(t) {
+  t.setAttribute($e, "");
 }
 function bt(t) {
-  t.querySelectorAll(`[${Ce}]`).forEach((e) => {
+  t.querySelectorAll(`[${$e}]`).forEach((e) => {
     S(e);
   });
 }
 function vt(t) {
-  t.setAttribute(W, t.textContent ?? "");
+  t.setAttribute(V, t.textContent ?? "");
 }
 function Le(t) {
   D.isSSR() && t.isFirstLevel && vt(t.element);
 }
 function At(t) {
-  t.querySelectorAll(`[${W}]`).forEach((e) => {
-    e.textContent = e.getAttribute(W), e.removeAttribute(W);
+  t.querySelectorAll(`[${V}]`).forEach((e) => {
+    e.textContent = e.getAttribute(V), e.removeAttribute(V);
   });
 }
 function yt(t) {
@@ -902,7 +926,7 @@ function Et() {
 function Pt() {
   k("counter", (B() ?? 0) - 1);
 }
-const hr = (t = 30) => (K(!0), new Promise((e, r) => {
+const dr = (t = 30) => (K(!0), new Promise((e, r) => {
   let n;
   const s = setInterval(() => {
     B() <= 0 && (clearInterval(s), clearTimeout(n), K(!1), e());
@@ -921,21 +945,21 @@ const hr = (t = 30) => (K(!0), new Promise((e, r) => {
     return s[i] = o, s;
   }, {});
   return f(e(n))(r);
-}, dr = (t, e) => (r) => {
+}, pr = (t, e) => (r) => {
   const n = [], s = Object.entries(t).reduce(
-    (i, [o, l]) => (n.push(
-      l((u) => (Reflect.set(i, o, u), null))(r)
+    (i, [o, a]) => (n.push(
+      a((u) => (Reflect.set(i, o, u), null))(r)
     ), i),
     {}
   );
   return n.push(e(s)(r)), (i) => {
     n.forEach((o) => o(i));
   };
-}, Tt = (t, e) => Oe([t], (r) => f(e(r[t]))), pr = (t, e) => Oe(t, (r) => f(e(r))), $ = (t) => (e) => (r) => t(r, e);
+}, Tt = (t, e) => Oe([t], (r) => f(e(r[t]))), mr = (t, e) => Oe(t, (r) => f(e(r))), M = (t) => (e) => (r) => t(r, e);
 function Dt(t) {
   return Symbol(t);
 }
-const xe = (t, e) => (r) => f(e)(r.withProviders(t)), mr = (...t) => t.length > 0 ? t.reduceRight((e, r) => (n) => e(r(n))) : f, Ct = (t, e, r) => xe({ [t]: e }, f(r)), gr = (t, e) => xe(t, f(e)), ue = Dt("Appearance"), wr = {
+const xe = (t, e) => (r) => f(e)(r.withProviders(t)), gr = (...t) => t.length > 0 ? t.reduceRight((e, r) => (n) => e(r(n))) : f, $t = (t, e, r) => xe({ [t]: e }, f(r)), wr = (t, e) => xe(t, f(e)), ue = Dt("Appearance"), Sr = {
   /**
    * 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
@@ -952,16 +976,16 @@ const xe = (t, e) => (r) => f(e)(r.withProviders(t)), mr = (...t) => t.length >
       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), g(
-      Ct(ue, r, t),
-      $(() => s == null ? void 0 : s.removeEventListener("change", n))
+      $t(ue, r, t),
+      M(() => s == null ? void 0 : s.removeEventListener("change", n))
     );
   },
   /**
    * Makes the AppearanceType available to the child component by consuming the signal provided by the parent.
    * The result of the function is returned as the final output.
    *
-   * @param fn - A function that accepts the `AppearanceType` signal and returns a `Child` element.
-   * @returns The `Child` element returned by the provided function.
+   * @param fn - A function that accepts the `AppearanceType` signal and returns a `TNode` element.
+   * @returns The `TNode` element returned by the provided function.
    */
   consume: (t) => Tt(ue, t)
 }, We = (t, e) => {
@@ -970,10 +994,10 @@ const xe = (t, e) => (r) => f(e)(r.withProviders(t)), mr = (...t) => t.length >
   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 l = t();
+    const a = t();
     i = i.makeRef();
     let u = f(r)(i);
-    return l.then(
+    return a.then(
       (c) => {
         o && (u(!0), u = f(n(c))(i));
       },
@@ -984,13 +1008,13 @@ const xe = (t, e) => (r) => f(e)(r.withProviders(t)), mr = (...t) => t.length >
       o = !1, u(c), c && i.reference && S(i.reference);
     };
   };
-}, Sr = (t, e) => We(() => t, e), br = (t = 10) => (e) => {
+}, br = (t, e) => We(() => t, e), vr = (t = 10) => (e) => {
   const r = setTimeout(() => {
     var n;
     (n = e.element) == null || n.focus();
   }, t);
   return (n) => clearTimeout(r);
-}, vr = (t = 10) => (e) => {
+}, Ar = (t = 10) => (e) => {
   const r = setTimeout(() => {
     var n;
     (n = e.element) == null || n.select();
@@ -1000,7 +1024,7 @@ const xe = (t, e) => (r) => f(e)(r.withProviders(t)), mr = (...t) => t.length >
   };
 }, Fe = (t, e) => (r) => (r.element.addEventListener(t, e), (n) => {
   n && r.element.removeEventListener(t, e);
-}), Mt = (t) => Fe("click", (e) => {
+}), Ct = (t) => Fe("click", (e) => {
   e.preventDefault();
   const r = e.target;
   setTimeout(() => {
@@ -1063,7 +1087,7 @@ function Nt(t, e = "input") {
     Z[e](X.valueAsDate(t.set))
   );
 }
-function $t(t, e = "input") {
+function Mt(t, e = "input") {
   return g(
     P.valueAsDate(t),
     Z[e](X.valueAsDateTime(t.set))
@@ -1079,20 +1103,20 @@ function Rt(t, e = "input") {
   return g(P.value(t), Z[e](X.value(t.set)));
 }
 function It(t) {
-  return g(P.checked(t), Mt(t.set));
+  return g(P.checked(t), Ct(t.set));
 }
-const Ar = {
+const yr = {
   date: Nt,
-  dateTime: $t,
+  dateTime: Mt,
   number: Lt,
   text: Rt,
   checked: It
-}, I = (t, e) => (r) => {
+}, x = (t, e) => (r) => {
   r = r.makeRef();
   let n, s;
   const i = t.map((u) => Object.keys(u)[0]);
   let o;
-  const l = i.on((u) => {
+  const a = 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);
@@ -1100,14 +1124,14 @@ const Ar = {
     }
   });
   return (u) => {
-    l(), u && r.reference != null && S(r.reference), n == null || n(!0);
+    a(), u && r.reference != null && S(r.reference), n == null || n(!0);
   };
 }, L = {
-  bool: (t, e) => I(
+  bool: (t, e) => x(
     t.map((r) => r ? { true: !0 } : { false: !0 }),
     e
   ),
-  field: (t, e, r) => I(
+  field: (t, e, r) => x(
     t.map((n) => ({ [n[e]]: n })),
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     r
@@ -1115,14 +1139,14 @@ const Ar = {
   kind: (t, e) => L.field(t, "kind", e),
   tuple: (t, e) => {
     const r = t.map(([n, s]) => ({ [n]: s }));
-    return I(r, e);
+    return x(r, e);
   },
   type: (t, e) => L.field(t, "type", e),
-  value: (t, e) => I(
+  value: (t, e) => x(
     t.map((r) => ({ [r]: !0 })),
     e
   )
-}, yr = (t, e) => (r) => {
+}, _r = (t, e) => (r) => {
   const n = (e == null ? void 0 : e.firstSeparator) ?? w, s = (e == null ? void 0 : e.lastSeparator) ?? w;
   return L.value(
     r.map((i) => i.isFirst ? "first" : i.isLast ? "last" : "other"),
@@ -1132,21 +1156,21 @@ const Ar = {
       other: () => t
     }
   );
-}, _r = (t) => (e) => t(e)(e), Er = (t) => (e) => (e.appendOrInsert(t), (r) => {
+}, Er = (t) => (e) => t(e)(e), Pr = (t) => (e) => (e.appendOrInsert(t), (r) => {
   r && S(t);
 }), Ot = (t, e, r) => (n) => {
   n = n.makeRef();
   let s = null, i = !1;
-  const o = A(null), l = t.on((u) => {
+  const o = A(null), a = 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 (u) => {
-    l(), s == null || s(u), u && n.reference && S(n.reference);
+    a(), s == null || s(u), u && n.reference && S(n.reference);
   };
 }, Ve = (t, e, r) => r != null ? Ve(t, (n) => {
   const s = n.map((i) => i.isLast ? "last" : "other");
   return g(
-    $(() => s.dispose()),
+    M(() => s.dispose()),
     f(e(n)),
     L.value(s, {
       last: () => w,
@@ -1159,26 +1183,26 @@ const Ar = {
     (u) => Array.from({ length: u }, (c, p) => p).map(
       (c) => new ke(c, u)
     )
-  ), i = [], o = [], l = s.on((u) => {
+  ), i = [], o = [], a = s.on((u) => {
     var p, m;
     const c = u.length;
     for (; c < i.length; )
       (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 E = f(e(o[h]));
-        i[h] = E(n);
+    for (let d = 0; d < c; d++)
+      if (o[d] == null) {
+        o[d] = A(u[d]);
+        const E = f(e(o[d]));
+        i[d] = E(n);
       } else
-        o[h].value = u[h];
+        o[d].value = u[d];
   });
   return (u) => {
-    l(), u && n.reference && S(n.reference);
+    a(), u && n.reference && S(n.reference);
   };
 }, xt = (t, e, r) => r != null ? xt(t, (n, s) => {
   const i = s.map((o) => o.isLast ? "last" : "other");
   return g([
-    $(() => i.dispose()),
+    M(() => i.dispose()),
     f(e(n, s)),
     L.value(i, {
       last: () => w,
@@ -1193,11 +1217,11 @@ const Ar = {
       [i, t]
     );
     return g(
-      $(() => o.dispose()),
+      M(() => o.dispose()),
       f(e(o, i))
     );
   })(n);
-}, Pr = (t) => {
+}, Tr = (t) => {
   const e = t.element, r = e.style.getPropertyValue(":empty");
   return e.style.setProperty(":empty", "display:none"), (n) => {
     n && e.style.setProperty(":empty", r);
@@ -1207,13 +1231,13 @@ function ze(t, e) {
   const r = t(e);
   return () => r(!0);
 }
-function Tr(t, e, { doc: r, clear: n } = {}) {
+function Dr(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 && yt(r ?? s.ownerDocument);
-  const i = lt(s), o = _e(s) ? void 0 : s, l = v.of(i, o);
-  return ze(t, l);
+  const i = lt(s), o = _e(s) ? void 0 : s, a = v.of(i, o);
+  return ze(t, a);
 }
 const Wt = (t, e) => (r) => {
   const n = r.document.querySelector(t);
@@ -1223,7 +1247,7 @@ const Wt = (t, e) => (r) => {
     f(e),
     r.withElement(n).withFirstLevel()
   );
-}, Dr = (t) => Wt("head title", P.innerText(t)), Ft = (t) => (e) => t(e.element) ?? (() => {
+}, $r = (t) => Wt("head title", P.innerText(t)), Ft = (t) => (e) => t(e.element) ?? (() => {
 }), G = (t, e, r) => Ot(
   t.map((n) => n ? !0 : null),
   () => e,
@@ -1243,7 +1267,7 @@ const Wt = (t, e) => (r) => {
     rootMargin: "0px",
     threshold: 1
   }
-}, F = {
+}, z = {
   partial: /* @__PURE__ */ new Map(),
   full: /* @__PURE__ */ new Map()
 }, N = {
@@ -1253,7 +1277,7 @@ const Wt = (t, e) => (r) => {
 function zt(t) {
   return N[t] == null && (N[t] = new IntersectionObserver((e) => {
     e.forEach((r) => {
-      const n = F[t].get(r.target);
+      const n = z[t].get(r.target);
       n == null || n.set(r.isIntersecting);
     });
   }, Vt[t])), N[t];
@@ -1263,16 +1287,16 @@ function qt(t, e) {
   return g(
     Ft((n) => {
       const s = typeof IntersectionObserver < "u" ? zt(t) : null;
-      return F[t].set(n, r), s == null || s.observe(n), () => {
+      return z[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 = N[t]) == null || i.disconnect(), N[t] = null);
+        s == null || s.unobserve(n), z[t].delete(n), z[t].size === 0 && ((i = N[t]) == null || i.disconnect(), N[t] = null);
       };
     }),
-    $(r.dispose),
+    M(r.dispose),
     f(e(r))
   );
 }
-const Mr = (t, e, r) => qt(t, (n) => G(n, e, r ?? w)), Nr = (t, e) => (r) => {
+const Nr = (t, e, r) => qt(t, (n) => G(n, e, r ?? w)), Mr = (t, e) => (r) => {
   r = r.makeRef();
   const n = t.map((o) => f(e(o)));
   let s = () => {
@@ -1284,7 +1308,7 @@ const Mr = (t, e, r) => qt(t, (n) => G(n, e, r ?? w)), Nr = (t, e) => (r) => {
     i(), s(o);
   };
 };
-function $r(t, e, r = w) {
+function Lr(t, e, r = w) {
   return G(
     t.map((n) => n.length > 0),
     e,
@@ -1296,8 +1320,8 @@ const Zt = (t) => (e) => {
     n.set({ width: r.clientWidth, height: r.clientHeight });
   };
   let o;
-  return typeof ResizeObserver == "function" && (o = new ResizeObserver(i), o.observe(r)), (l) => {
-    o == null || o.disconnect(), s(l);
+  return typeof ResizeObserver == "function" && (o = new ResizeObserver(i), o.observe(r)), (a) => {
+    o == null || o.disconnect(), s(a);
   };
 }, Xt = (t) => (e) => {
   const r = A({
@@ -1312,7 +1336,7 @@ const Zt = (t) => (e) => {
   return window == null || window.addEventListener("resize", s), (i) => {
     window == null || window.removeEventListener("resize", s), n(i);
   };
-}, Lr = {
+}, Rr = {
   element: Zt,
   window: Xt
 }, Yt = (t, e) => (r) => {
@@ -1325,69 +1349,70 @@ const Zt = (t) => (e) => {
   return e.on((i) => n.style.setProperty(t, i)), (i) => {
     i && n.style.setProperty(t, s);
   };
-}, Rr = new Proxy(
+}, Ir = new Proxy(
   {},
   {
-    get: (t, e) => (r) => d.is(r) ? jt(e, r) : Yt(e, r)
+    get: (t, e) => (r) => h.is(r) ? jt(e, r) : Yt(e, r)
   }
 );
 export {
-  Sr as Async,
-  br as AutoFocus,
-  vr as AutoSelect,
+  br as Async,
+  vr as AutoFocus,
+  Ar as AutoSelect,
   T as Computed,
-  yr as Conjunction,
-  _r as Ctx,
+  _r as Conjunction,
+  Er as Ctx,
   v as DOMContext,
-  Er as DOMEl,
+  Pr as DOMEl,
   Te as El,
   De as ElNS,
   w as Empty,
   Ot as Ensure,
   xt as ForEach,
   g as Fragment,
-  Dr as HTMLTitle,
-  Pr as HiddenWhenEmpty,
+  $r as HTMLTitle,
+  Tr as HiddenWhenEmpty,
   qt as InViewport,
-  Nr as MapSignal,
+  Mr as MapSignal,
   de as MemoryStore,
-  $r as NotEmpty,
-  Mt as OnChecked,
-  $ as OnDispose,
+  Lr as NotEmpty,
+  Ct as OnChecked,
+  M as OnDispose,
   Ft as OnMount,
   Wt as Portal,
   ke as Position,
-  V as Prop,
-  mr as Provide,
+  q as Prop,
+  gr as Provide,
   Ve as Repeat,
-  d as Signal,
+  h as Signal,
   We as Task,
   sr as Text,
   Cr as Unless,
-  dr as Use,
+  pr as Use,
   Tt as UseProvider,
-  pr as UseProviders,
+  mr as UseProviders,
   G as When,
-  Mr as WhenInViewport,
-  Ct as WithProvider,
-  gr as WithProviders,
-  $e as addNodeTracker,
+  Nr as WhenInViewport,
+  $t as WithProvider,
+  wr as WithProviders,
+  Me as addNodeTracker,
   Ge as animate,
   Gt as animateOne,
-  wr as appearance,
+  Sr as appearance,
   ue as appearanceMarker,
   rr as applyAnimatable,
-  O as applyAnimatableProp,
+  W as applyAnimatableProp,
   tr as applyInterpolatedAnimatable,
   nt as applyInterpolatedAnimatableProp,
-  ir as aria,
+  or as aria,
   P as attr,
-  Ar as bind,
-  f as childToMountable,
+  yr as bind,
+  f as childToRenderable,
   yt as clearSSR,
   Qe as colorChannelsToString,
   U as computed,
   Jt as computedRecord,
+  ir as dataAttr,
   He as dateInterpolate,
   Kt as effect,
   X as emit,
@@ -1397,17 +1422,17 @@ export {
   lt as getSelfOrParentElement,
   Ue as guessInterpolate,
   nr as handleAnchorClick,
-  ar as html,
-  lr as input,
+  lr as html,
+  cr as input,
   et as interpolateColor,
   Qt as interpolateShadow,
   _e as isElement,
   ye as makeGetter,
   Dt as makeProviderMark,
   Ae as makeSetter,
-  fr as math,
-  ur as mathAttr,
-  Me as maybeAddAttributeTracker,
+  hr as math,
+  ar as mathAttr,
+  Ce as maybeAddAttributeTracker,
   Ne as maybeAddClassTracker,
   Le as maybeAddTextTracker,
   Ye as numberInterpolate,
@@ -1423,7 +1448,7 @@ export {
   S as removeDOMNode,
   bt as removeNodeTrackers,
   At as removeTextTrackers,
-  Tr as render,
+  Dr as render,
   ze as renderWithContext,
   at as setAttribute,
   st as setBooleanProperty,
@@ -1432,12 +1457,12 @@ export {
   ut as setStringProperty,
   Ut as signal,
   Pe as signalText,
-  Lr as size,
+  Rr as size,
   D as ssr,
-  hr as startSSR,
+  dr as startSSR,
   Ee as staticText,
   je as stringInterpolate,
-  Rr as style,
-  cr as svg,
-  or as svgAttr
+  Ir as style,
+  fr as svg,
+  ur as svgAttr
 };