@tempots/dom 16.0.0 → 18.0.0

package/index.js

@@ -1,29 +1,29 @@
-var Ve = Object.defineProperty;
-var We = (t, e, r) => e in t ? Ve(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var a = (t, e, r) => We(t, typeof e != "symbol" ? e + "" : e, r);
-function Ze(t, e, r) {
+var Me = Object.defineProperty;
+var Oe = (t, e, r) => e in t ? Me(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var l = (t, e, r) => Oe(t, typeof e != "symbol" ? e + "" : e, r);
+function Ie(t, e, r) {
   return t + (e - t) * r;
 }
-const J = 97;
-function Xe(t, e, r) {
+const z = 97;
+function $e(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 = J);
-    let l = e.charCodeAt(i);
-    isNaN(l) && (l = J), s += String.fromCharCode(o + (l - o) * r);
+    isNaN(o) && (o = z);
+    let a = e.charCodeAt(i);
+    isNaN(a) && (a = z), s += String.fromCharCode(o + (a - o) * r);
   }
   return s;
 }
-function Ye(t, e, r) {
+function Fe(t, e, r) {
   return new Date(t.getTime() + (e.getTime() - t.getTime()) * r);
 }
-function je(t, e, r) {
+function qe(t, e, r) {
   return e;
 }
-function Ke(t) {
-  return typeof t == "number" ? Ze : typeof t == "string" ? Xe : t instanceof Date ? Ye : je;
+function Ve(t) {
+  return typeof t == "number" ? Ie : typeof t == "string" ? $e : t instanceof Date ? Fe : qe;
 }
 class Ue {
   constructor(e, r) {
@@ -42,34 +42,34 @@ class Ue {
     return this.index % 2 === 1;
   }
 }
-const k = "$__signal__", Q = "$__prop__", ee = "$__computed__";
-var se;
-se = k;
-const _ = class _ {
+const K = "$__signal__", Q = "$__prop__", Y = "$__computed__";
+var x;
+x = K;
+const w = class w {
   constructor(e, r) {
-    a(this, se, !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, x, !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 E(() => {
         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 E(() => {
         try {
           return e(this.get()).get();
@@ -89,12 +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, "$", new Proxy(this, {
+    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)
     }));
-    a(this, "filter", (e, r) => {
+    l(this, "filter", (e, r) => {
       let n = r ?? this.get();
       const s = new E(() => {
         try {
@@ -106,50 +106,50 @@ 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 E(() => {
         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) => {
-      const i = C(r, s);
+    l(this, "mapAsync", (e, r, n, s = (i, o) => i === o) => {
+      const i = L(r, s);
       let o = 0;
       return i.onDispose(
-        this.on((l) => {
+        this.on((a) => {
           const u = ++o;
           try {
-            e(l).then((c) => {
-              u === o && i.set(c);
-            }).catch((c) => {
-              u === o && (n != null ? i.set(n(c)) : console.error(
+            e(a).then((f) => {
+              u === o && i.set(f);
+            }).catch((f) => {
+              u === o && (n != null ? i.set(n(f)) : console.error(
                 "Unhandled promise rejection in Signal.mapAsync:",
-                c
+                f
               ));
             });
-          } catch (c) {
-            throw console.error("Error in Signal.mapAsync:", c), c;
+          } catch (f) {
+            throw console.error("Error in Signal.mapAsync:", f), f;
           }
         })
       ), 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(C(this.get()), e));
-    a(this, "count", () => {
+    l(this, "deriveProp", (e = !0) => this.feedProp(L(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),
@@ -160,7 +160,7 @@ const _ = class _ {
     this.equals = r, this._value = e;
   }
   static ofPromise(e, r, n, s = (i, o) => i === o) {
-    const i = new _(r, s);
+    const i = new w(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,70 +169,72 @@ const _ = class _ {
     }), i;
   }
   static is(e) {
-    return e != null && e[k] === !0;
+    return e != null && e[K] === !0;
   }
   static wrap(e, r = (n, s) => n === s) {
-    return _.is(e) ? e : new _(e, r);
+    return w.is(e) ? e : new w(e, r);
   }
   static maybeWrap(e) {
-    return e == null ? e : _.wrap(e);
+    return e == null ? e : w.wrap(e);
   }
   static unwrap(e) {
-    return _.is(e) ? e.get() : e;
+    return w.is(e) ? e.get() : e;
   }
   static map(e, r) {
-    return _.is(e) ? e.map(r) : r(e);
+    return w.is(e) ? e.map(r) : r(e);
   }
   get value() {
     return this._value;
   }
 };
-let h = _;
-const Be = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
-var ie, oe;
-class E extends (oe = h, ie = ee, oe) {
+let h = w;
+const je = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
+var ee, te;
+class E extends (te = h, ee = Y, te) {
   constructor(r, n) {
     super(void 0, n);
-    a(this, ie, !0);
-    a(this, "_isDirty", !1);
-    a(this, "setDirty", () => {
+    l(this, ee, !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(() => {
+      je(() => {
         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));
+    /** {@inheritDoc Signal.get} */
+    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) {
-    return r != null && r[ee] === !0;
+    return r != null && r[Y] === !0;
   }
+  /** {@inheritDoc Signal.value} */
   get value() {
     return this.get();
   }
 }
-var ue, ae;
-class q extends (ae = h, ue = Q, ae) {
+var re, ne;
+class F extends (ne = h, re = Q, ne) {
   constructor() {
     super(...arguments);
-    a(this, ue, !0);
-    a(this, "set", (r) => {
+    l(this, re, !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) => {
+    l(this, "reducer", (r, ...n) => {
       const s = this;
       return function i(o) {
-        const l = s.value;
-        s.update((u) => r(u, o)), !s.equals(l, s.value) && n.forEach(
+        const a = s.value;
+        s.update((u) => r(u, o)), !s.equals(a, s.value) && n.forEach(
           (u) => u({
-            previousState: l,
+            previousState: a,
             state: s.value,
             action: o,
             dispatch: i
@@ -240,11 +242,11 @@ class q extends (ae = h, ue = Q, ae) {
         );
       };
     });
-    a(this, "iso", (r, n, s = (i, o) => i === o) => {
-      const i = new q(r(this.get()), s);
+    l(this, "iso", (r, n, s = (i, o) => i === o) => {
+      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(
+    l(this, "atProp", (r) => this.iso(
       (n) => n[r],
       (n) => ({ ...this.value, [r]: n })
     ));
@@ -252,6 +254,7 @@ class q extends (ae = h, ue = Q, ae) {
   static is(r) {
     return r != null && r[Q] === !0;
   }
+  /** {@inheritDoc Signal.get} */
   get value() {
     return this.get();
   }
@@ -259,220 +262,101 @@ class q extends (ae = h, ue = Q, ae) {
     this._setAndNotify(r, !1);
   }
 }
-function U(t, e, r = (n, s) => n === s) {
+function H(t, e, r = (n, s) => n === s) {
   const n = new E(t, r);
   return e.forEach((s) => s.setDerivative(n)), n;
 }
-function It(t, e) {
-  return U(t, e).dispose;
+function At(t, e) {
+  return H(t, e).dispose;
 }
-function C(t, e = (r, n) => r === n) {
-  return new q(t, e);
+function L(t, e = (r, n) => r === n) {
+  return new F(t, e);
 }
-function Ot(t, e = (r, n) => r === n) {
+function Et(t, e = (r, n) => r === n) {
   return new h(t, e);
 }
-class le {
+class se {
   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);
     });
   }
 }
-function ce({
+function ie({
   key: t,
   defaultValue: e,
   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 q(
-    l != null ? o(s(l)) : typeof e == "function" ? e() : e,
+  const a = r.getItem(t), u = new F(
+    a != null ? o(s(a)) : typeof e == "function" ? e() : e,
     i
   );
-  return u.on((c) => {
-    r.setItem(t, n(c));
+  return u.on((f) => {
+    r.setItem(t, n(f));
   }), u;
 }
-function xt(t) {
-  return ce({
+function bt(t) {
+  return ie({
     ...t,
-    store: (window == null ? void 0 : window.localStorage) ?? new le()
+    store: (window == null ? void 0 : window.localStorage) ?? new se()
   });
 }
-function Ft(t) {
-  return ce({
+function Pt(t) {
+  return ie({
     ...t,
-    store: (window == null ? void 0 : window.sessionStorage) ?? new le()
+    store: (window == null ? void 0 : window.sessionStorage) ?? new se()
   });
 }
-function te(t) {
+function Z(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) ?? ((S) => S), o = (n == null ? void 0 : n.equals) ?? ((S, R) => S === R);
-  let l = n == null ? void 0 : n.interpolate, u = t, c = e(), p = performance.now(), m = null, d = !0;
-  const y = new E(e, o), A = C(t, o);
+  const s = (n == null ? void 0 : n.duration) ?? 300, i = (n == null ? void 0 : n.easing) ?? ((g) => g), o = (n == null ? void 0 : n.equals) ?? ((g, M) => g === M);
+  let a = n == null ? void 0 : n.interpolate, u = t, f = e(), m = performance.now(), _ = null, d = !0;
+  const P = new E(e, o), A = L(t, o);
   A.onDispose(() => {
-    m !== null && cancelAnimationFrame(m);
-  }), A.onDispose(y.dispose), r.forEach((S) => {
-    S.setDerivative(y), S.onDispose(A.dispose);
+    _ !== null && cancelAnimationFrame(_);
+  }), A.onDispose(P.dispose), r.forEach((g) => {
+    g.setDerivative(P), g.onDispose(A.dispose);
   });
-  const Z = (S) => {
-    c = S, p = performance.now(), u = A.value, d && (d = !1, m = te(z));
-  }, z = () => {
-    const R = (performance.now() - p) / h.unwrap(s), qe = i(R);
-    l == null && (l = Ke(u));
-    let H = l(u, c, qe);
-    R >= 1 ? (d = !0, H = c) : m = te(z), A.set(H);
+  const Ce = (g) => {
+    f = g, m = performance.now(), u = A.value, d && (d = !1, _ = Z(B));
+  }, B = () => {
+    const M = (performance.now() - m) / h.unwrap(s), Re = i(M);
+    a == null && (a = Ve(u));
+    let X = a(u, f, Re);
+    M >= 1 ? (d = !0, X = f) : _ = Z(B), A.set(X);
   };
-  return y.on(Z), A;
+  return P.on(Ce), A;
 }
-function qt(t, e) {
+function Dt(t, e) {
   const { initialValue: r, ...n } = e ?? {};
-  return Ge(r ?? t.get(), t.get, [t], n);
+  return Ge(
+    r ?? t.get(),
+    t.get,
+    [t],
+    n
+  );
 }
-function Vt(t, e) {
+function Tt(t, e) {
   const { signals: r, literals: n } = Object.entries(t).reduce(
-    ({ signals: i, literals: o }, [l, u]) => (h.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);
-}
-function re(t) {
-  let e = t.match(/rgba?\((\d+), (\d+), (\d+)(, (\d+))?\)/);
-  return e != null ? [
-    Number(e[1]),
-    Number(e[2]),
-    Number(e[3]),
-    e[4] != null ? Number(e[5]) : 1,
-    "rgba"
-  ] : (e = t.match(/#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})/), e != null ? [
-    parseInt(e[1], 16),
-    parseInt(e[2], 16),
-    parseInt(e[3], 16),
-    1,
-    "hex"
-  ] : (e = t.match(/hsla?\((\d+), (\d+)%?, (\d+)%?(, (\d+))?\)/), e != null ? [
-    Number(e[1]),
-    Number(e[2]),
-    Number(e[3]),
-    e[4] != null ? Number(e[5]) : 1,
-    "hsla"
-  ] : [0, 0, 0, 1, "rgba"]));
-}
-function ne(t) {
-  const e = /^(inset\s)?(-?\d+)([a-zA-Z]*)(\s+)(-?\d+)([a-zA-Z]*)(?:\s+(-?\d+)([a-zA-Z]*))?(?:\s+(-?\d+)([a-zA-Z]*))?(?:\s+(-?\d+)([a-zA-Z]*))?(?:\s+)([a-zA-Z0-9(),.]+)$/i, r = t.match(e);
-  if (r == null)
-    return {
-      inset: !1,
-      x: 0,
-      y: 0,
-      blur: 0,
-      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;
-  return {
-    inset: !!n,
-    x: parseInt(s, 10),
-    y: parseInt(i, 10),
-    blur: c,
-    spread: p,
-    color: u
-  };
-}
-function ze(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}`;
+  return H(() => (r.forEach(([i, o]) => n[i] = o.value), e(n)), s);
 }
-function He(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] = re(t), [l, u, c, p] = re(e);
-  return (m) => {
-    const d = r + (l - r) * m, y = n + (u - n) * m, A = s + (c - s) * m, Z = i + (p - i) * m;
-    return He([d, y, A, Z, o]);
-  };
-}
-function Wt(t, e) {
-  const r = ne(t), n = ne(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 = he(r.color, n.color)(s);
-    return ze({ inset: r.inset, x: i, y: o, blur: l, spread: u, color: c });
-  };
-}
-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 Zt(t, e) {
-  const r = {}, n = getComputedStyle(t);
-  for (const [s, i] of Object.entries(e)) {
-    const o = s;
-    i != null && (r[o] = ke(n, o));
-  }
-  return r;
-}
-function O(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();
-function fe(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;
-}
-function he(t, e) {
-  return fe(t, e, "c");
-}
-function Qe(t, e) {
-  return fe(t, e, "s");
-}
-function et(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);
-    } else if (e === "boxShadow" || e === "textShadow") {
-      const i = Qe(
-        r,
-        n
-      )(s);
-      O(t, e, i);
-    } else if (e === "color" || e === "backgroundColor" || e === "borderColor" || e === "outlineColor") {
-      const i = he(
-        r,
-        n
-      )(s);
-      O(t, e, i);
-    }
-  }
-}
-function Xt(t, e, r, n) {
-  t.style.transform = "", t.style.filter = "";
-  for (const [s, i] of Object.entries(r)) {
-    const o = s;
-    et(t, o, e[o], i, n);
-  }
-}
-function Yt(t, e) {
-  t.style.transform = "", t.style.filter = "";
-  for (const [r, n] of Object.entries(e))
-    n != null && O(t, r, n);
-}
-const de = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), pe = /* @__PURE__ */ new Set([
+const oe = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), ue = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), me = /* @__PURE__ */ new Set(["valueAsDate"]), ge = /* @__PURE__ */ new Set([
+]), le = /* @__PURE__ */ new Set(["valueAsDate"]), ae = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -480,47 +364,47 @@ const de = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]
   "outerHTML",
   "className",
   "classList"
-]), Y = /* @__PURE__ */ new Map();
+]), U = /* @__PURE__ */ new Map();
 function D(t, e) {
-  if (Y.has(t))
-    return Y.get(t);
+  if (U.has(t))
+    return U.get(t);
   {
     const r = e(t);
-    return Y.set(t, r), r;
+    return U.set(t, r), r;
   }
 }
-function tt(t) {
+function He(t) {
   return (e, r) => {
     r == null ? e[t] = null : e[t] = !!r;
   };
 }
-function rt(t) {
+function Je(t) {
   return (e, r) => {
     r == null ? e[t] = null : e[t] = Number(r);
   };
 }
-function nt(t) {
+function We(t) {
   return (e, r) => {
     r == null ? e[t] = null : e[t] = r;
   };
 }
-function st(t) {
+function Be(t) {
   return (e, r) => {
     r == null ? e[t] = null : e[t] = String(r);
   };
 }
-function it(t) {
+function Xe(t) {
   return (e, r) => {
     r == null ? e.removeAttribute(t) : e.setAttribute(t, r);
   };
 }
-function Se(t) {
-  return de.has(t) ? D(t, tt) : pe.has(t) ? D(t, rt) : me.has(t) ? D(t, nt) : ge.has(t) ? D(t, st) : D(t, it);
+function ce(t) {
+  return oe.has(t) ? D(t, He) : ue.has(t) ? D(t, Je) : le.has(t) ? D(t, We) : ae.has(t) ? D(t, Be) : D(t, Xe);
 }
-function be(t) {
-  return (e) => de.has(t) ? !!e[t] : pe.has(t) ? Number(e[t]) : me.has(t) ? e[t] : ge.has(t) ? String(e[t]) : e.getAttribute(t);
+function fe(t) {
+  return (e) => oe.has(t) ? !!e[t] : ue.has(t) ? Number(e[t]) : le.has(t) ? e[t] : ae.has(t) ? String(e[t]) : e.getAttribute(t);
 }
-class b {
+class v {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -538,19 +422,19 @@ class b {
      * @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);
     });
@@ -559,7 +443,7 @@ class b {
      *
      * @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);
     });
     /**
@@ -568,18 +452,18 @@ class b {
      * @param document - The `Document` to use for the `DOMContext`.
      * @returns A new `DOMContext` instance.
      */
-    a(this, "withDocument", (e) => new b(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 b(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 b(
+    l(this, "withFirstLevel", () => new v(
       this.document,
       this.element,
       this.reference,
@@ -592,7 +476,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(
+    l(this, "withReference", (e) => new v(
       this.document,
       this.element,
       e,
@@ -605,7 +489,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(
+    l(this, "withProvider", (e, r) => new v(
       this.document,
       this.element,
       this.reference,
@@ -622,7 +506,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(
+    l(this, "withProviders", (e) => new v(
       this.document,
       this.element,
       this.reference,
@@ -637,9 +521,9 @@ class b {
      *
      * @param mark - The provider mark to retrieve the provider for.
      * @returns The provider for the given mark.
-     * @throws {Error} If the provider for the given mark is not found.
+     * @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];
@@ -654,20 +538,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 g(t) {
+function p(t) {
   const e = t;
   e && e.onblur && (e.onblur = null), !(!t || t.ownerDocument === void 0) && t.parentElement && t.parentElement.removeChild(t);
 }
-function ot(t) {
-  return we(t) ? t : t.parentElement;
+function ze(t) {
+  return he(t) ? t : t.parentElement;
 }
-function we(t) {
+function he(t) {
   return t.nodeType === 1;
 }
-function ut(t, e, r) {
+function Ke(t, e, r) {
   let n = t.target;
   for (; n != null && !(n instanceof HTMLAnchorElement); )
     n = n.parentElement;
@@ -676,50 +560,50 @@ function ut(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;
   }
   return !1;
 }
-const jt = (t, e = {
+const Lt = (t, e = {
   checkExtension: !0,
   checkExternalUrl: !0
 }) => (r) => {
   const { checkExtension: n, checkExternalUrl: s } = e;
-  ut(
+  Ke(
     r,
     n === !0,
     s === !0
   ) || t() && r.preventDefault();
-}, ve = (t) => (e) => {
-  Ce(e);
+}, de = (t) => (e) => {
+  _e(e);
   const r = e.createText(t);
   return e.appendOrInsert(r), (n) => {
-    n && g(r);
+    n && p(r);
   };
-}, Ae = (t) => (e) => {
-  Ce(e);
+}, pe = (t) => (e) => {
+  _e(e);
   const r = e.createText(t.value);
   e.appendOrInsert(r);
   const n = t.on((s) => r.data = s);
   return (s) => {
-    n(), s && g(r);
+    n(), s && p(r);
   };
 };
-function Kt(t) {
-  return h.is(t) ? Ae(t) : ve(t);
+function kt(t) {
+  return h.is(t) ? pe(t) : de(t);
 }
-const w = (...t) => (e) => {
-  const r = t.map((n) => f(n)(e));
+const y = (...t) => (e) => {
+  const r = t.map((n) => c(n)(e));
   return (n) => {
     r.forEach((s) => s(n));
   };
-}, v = () => () => {
-}, at = (t) => (e) => (De(e), e.element.classList.add(...t), (r) => {
+}, S = () => () => {
+}, Qe = (t) => (e) => (Se(e), e.element.classList.add(...t), (r) => {
   r && e.element.classList.remove(...t);
-}), lt = (t) => (e) => {
-  De(e);
+}), Ye = (t) => (e) => {
+  Se(e);
   const r = e.element;
   let n = [];
   const s = t.on((i) => {
@@ -728,250 +612,255 @@ const w = (...t) => (e) => {
   return (i) => {
     s(), i && n.forEach((o) => r.classList.remove(o)), n.length = 0;
   };
-}, T = (t, e) => {
-  const r = Se(t), n = be(t);
+}, N = (t, e) => {
+  const r = ce(t), n = fe(t);
   return (s) => {
-    Pe(s, t);
+    ye(s, t);
     const i = n(s.element);
     return r(s.element, e), (o) => {
       o && r(s.element, i);
     };
   };
-}, L = (t, e) => {
-  const r = Se(t), n = be(t);
+}, C = (t, e) => {
+  const r = ce(t), n = fe(t);
   return (s) => {
-    Pe(s, t);
+    ye(s, t);
     const i = n(s.element);
     return e.on((o) => r(s.element, o)), (o) => {
       o && r(s.element, i);
     };
   };
-}, P = new Proxy(
+}, b = new Proxy(
   {},
   {
-    get: (t, e) => e === "class" ? (r) => h.is(r) ? lt(r) : at(
+    get: (t, e) => e === "class" ? (r) => h.is(r) ? Ye(r) : Qe(
       (r ?? "").split(" ").filter((n) => n.length > 0)
-    ) : (r) => h.is(r) ? L(
+    ) : (r) => h.is(r) ? C(
       e,
       r
-    ) : T(
+    ) : N(
       e,
       r
     )
   }
-), Ut = new Proxy(
+), Nt = new Proxy(
   {},
   {
-    get: (t, e) => (r) => h.is(r) ? L(
+    get: (t, e) => (r) => h.is(r) ? C(
       `data-${e}`,
       r
-    ) : T(`data-${e}`, r)
+    ) : N(`data-${e}`, r)
   }
-), Bt = new Proxy(
+), Ct = new Proxy(
   {},
   {
-    get: (t, e) => (r) => h.is(r) ? L(
+    get: (t, e) => (r) => h.is(r) ? C(
       `aria-${e}`,
       r
-    ) : T(
+    ) : N(
       `aria-${e}`,
       r
     )
   }
-), Gt = new Proxy(
+), Rt = new Proxy(
   {},
   {
-    get: (t, e) => (r) => h.is(r) ? L(
+    get: (t, e) => (r) => h.is(r) ? C(
       e,
       r
-    ) : T(
+    ) : N(
       e,
       r
     )
   }
-), zt = new Proxy(
+), Mt = new Proxy(
   {},
   {
-    get: (t, e) => (r) => h.is(r) ? L(
+    get: (t, e) => (r) => h.is(r) ? C(
       e,
       r
-    ) : T(
+    ) : N(
       e,
       r
     )
   }
 );
-function f(t) {
-  return t == null ? v : Array.isArray(t) ? w(...t.map(f)) : typeof t == "string" ? ve(t) : h.is(t) ? Ae(t) : t;
+function c(t) {
+  return t == null ? S : Array.isArray(t) ? y(...t.map(c)) : typeof t == "string" ? de(t) : h.is(t) ? pe(t) : t;
 }
-function _e(t, ...e) {
+function me(t, ...e) {
   return (r) => {
     const n = r.createElement(t, void 0);
-    r.isFirstLevel && M.isSSR() && $e(n), r.appendOrInsert(n), r = r.withElement(n);
-    const s = e.map((i) => f(i)(r));
+    r.isFirstLevel && R.isSSR() && we(n), r.appendOrInsert(n), r = r.withElement(n);
+    const s = e.map((i) => c(i)(r));
     return (i) => {
-      s.forEach((o) => o(!1)), i && g(n);
+      s.forEach((o) => o(!1)), i && p(n);
     };
   };
 }
-function ye(t, e, ...r) {
+function ge(t, e, ...r) {
   return (n) => {
     const s = n.createElement(t, e);
-    n.isFirstLevel && M.isSSR() && $e(s), n.appendOrInsert(s), n = n.withElement(s);
-    const i = r.map((o) => f(o)(n));
+    n.isFirstLevel && R.isSSR() && we(s), n.appendOrInsert(s), n = n.withElement(s);
+    const i = r.map((o) => c(o)(n));
     return (o) => {
-      i.forEach((l) => l(!1)), o && g(s);
+      i.forEach((a) => a(!1)), o && p(s);
     };
   };
 }
-const Ht = new Proxy(
+const Ot = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => _e(e, r.flatMap(f))
+    get: (t, e) => (...r) => me(e, r.flatMap(c))
   }
-), Jt = new Proxy(
+), It = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => _e("input", P.type(e), ...r)
+    get: (t, e) => (...r) => me("input", b.type(e), ...r)
   }
-), ct = "http://www.w3.org/2000/svg", kt = new Proxy(
+), Ze = "http://www.w3.org/2000/svg", $t = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => ye(e, ct, r.flatMap(f))
+    get: (t, e) => (...r) => ge(e, Ze, r.flatMap(c))
   }
-), ft = "http://www.w3.org/1998/Math/MathML", Qt = new Proxy(
+), xe = "http://www.w3.org/1998/Math/MathML", Ft = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => ye(e, ft, r.flatMap(f))
+    get: (t, e) => (...r) => ge(e, xe, r.flatMap(c))
   }
-), $ = "data-tempo-attr", x = "data-tempo-class", Ee = "data-tempo-node", F = "data-tempo-text";
-function ht(t, e) {
+), T = "data-tempo-attr", I = "data-tempo-class", ve = "data-tempo-node", $ = "data-tempo-text";
+function et(t, e) {
   const r = t.getAttribute(e);
   if (r != null) {
-    const n = t.getAttribute($) ?? "{}", s = { ...JSON.parse(n), name: r };
-    t.setAttribute($, JSON.stringify(s));
+    const n = t.getAttribute(T) ?? "{}", s = { ...JSON.parse(n), name: r };
+    t.setAttribute(T, JSON.stringify(s));
   }
 }
-function Pe(t, e) {
-  M.isSSR() && t.isFirstLevel && ht(t.element, e);
+function ye(t, e) {
+  R.isSSR() && t.isFirstLevel && et(t.element, e);
 }
-function dt(t) {
-  t.querySelectorAll(`[${$}]`).forEach((e) => {
-    const r = JSON.parse(e.getAttribute($) ?? "{}");
+function tt(t) {
+  t.querySelectorAll(`[${T}]`).forEach((e) => {
+    const r = JSON.parse(e.getAttribute(T) ?? "{}");
     for (const [n, s] of Object.entries(r))
       e.setAttribute(n, s);
-    e.removeAttribute($);
+    e.removeAttribute(T);
   });
 }
-function pt(t) {
-  t.setAttribute(x, t.className);
+function rt(t) {
+  t.setAttribute(I, t.className);
 }
-function De(t) {
-  M.isSSR() && t.isFirstLevel && pt(t.element);
+function Se(t) {
+  R.isSSR() && t.isFirstLevel && rt(t.element);
 }
-function mt(t) {
-  t.querySelectorAll(`[${x}]`).forEach((e) => {
-    const r = e.getAttribute(x);
-    r !== null && (e.className = r, e.removeAttribute(x));
+function nt(t) {
+  t.querySelectorAll(`[${I}]`).forEach((e) => {
+    const r = e.getAttribute(I);
+    r !== null && (e.className = r, e.removeAttribute(I));
   });
 }
-function $e(t) {
-  t.setAttribute(Ee, "");
+function we(t) {
+  t.setAttribute(ve, "");
 }
-function gt(t) {
-  t.querySelectorAll(`[${Ee}]`).forEach((e) => {
-    g(e);
+function st(t) {
+  t.querySelectorAll(`[${ve}]`).forEach((e) => {
+    p(e);
   });
 }
-function St(t) {
-  t.setAttribute(F, t.textContent ?? "");
+function it(t) {
+  t.setAttribute($, t.textContent ?? "");
 }
-function Ce(t) {
-  M.isSSR() && t.isFirstLevel && St(t.element);
+function _e(t) {
+  R.isSSR() && t.isFirstLevel && it(t.element);
 }
-function bt(t) {
-  t.querySelectorAll(`[${F}]`).forEach((e) => {
-    e.textContent = e.getAttribute(F), e.removeAttribute(F);
+function ot(t) {
+  t.querySelectorAll(`[${$}]`).forEach((e) => {
+    e.textContent = e.getAttribute($), e.removeAttribute($);
   });
 }
-function wt(t) {
-  gt(t), mt(t), dt(t), bt(t);
+function ut(t) {
+  st(t), nt(t), tt(t), ot(t);
 }
-function Ne() {
+function Ae() {
   const t = globalThis;
   return t.__tempoSSR__ == null && (t.__tempoSSR__ = {
     isSSR: !1,
     counter: 0
   }), t.__tempoSSR__;
 }
-function B(t, e) {
-  const r = Ne();
+function J(t, e) {
+  const r = Ae();
   r[t] = e;
 }
-function Te(t) {
-  return Ne()[t];
+function Ee(t) {
+  return Ae()[t];
 }
-function vt() {
-  return Te("isSSR");
+function lt() {
+  return Ee("isSSR");
 }
 function j(t) {
-  B("isSSR", t);
+  J("isSSR", t);
 }
-function G() {
-  return Te("counter");
+function W() {
+  return Ee("counter");
 }
-function At() {
-  B("counter", (G() ?? 0) + 1);
+function at() {
+  J("counter", (W() ?? 0) + 1);
 }
-function _t() {
-  B("counter", (G() ?? 0) - 1);
+function ct() {
+  J("counter", (W() ?? 0) - 1);
 }
-const er = (t = 30) => (j(!0), new Promise((e, r) => {
+const qt = (t = 30) => (j(!0), new Promise((e, r) => {
   let n;
   const s = setInterval(() => {
-    G() <= 0 && (clearInterval(s), clearTimeout(n), j(!1), e());
+    W() <= 0 && (clearInterval(s), clearTimeout(n), j(!1), e());
   }, 30);
   n = setTimeout(() => {
     clearInterval(s), j(!1), r(new Error("SSR Timeout"));
   }, t * 1e3);
-})), M = {
-  useDone: (t) => (At(), f(t(_t))),
-  isSSR: vt
-}, Le = (t, e) => {
+})), R = {
+  useDone: (t) => (at(), c(t(ct))),
+  isSSR: lt
+}, be = (t, e) => {
   if (typeof e == "function")
-    return Le(t, { then: e });
-  const r = e.pending != null ? f(e.pending) : v, n = e.then, s = e.error != null ? (i) => f(e.error(i)) : () => v;
+    return be(t, { then: e });
+  const r = e.pending != null ? c(e.pending) : S, n = e.then, s = e.error != null ? (i) => c(e.error(i)) : () => S;
   return (i) => {
     let o = !0;
-    const l = t();
+    const a = t();
     i = i.makeRef();
-    let u = f(r)(i);
-    return l.then(
-      (c) => {
-        o && (u(!0), u = f(n(c))(i));
+    let u = c(r)(i);
+    return a.then(
+      (f) => {
+        o && (u(!0), u = c(n(f))(i));
       },
-      (c) => {
-        o && (u(!0), u = f(s(c))(i));
+      (f) => {
+        o && (u(!0), u = c(s(f))(i));
       }
-    ), (c) => {
-      o = !1, u(c), c && i.reference && g(i.reference);
+    ), (f) => {
+      o = !1, u(f), f && i.reference && p(i.reference);
     };
   };
-}, tr = (t, e) => Le(() => t, e), Me = (t, e) => (r) => (r.element.addEventListener(t, e), (n) => {
+}, Vt = (t, e) => be(() => t, e), Pe = (t, e) => (r) => (r.element.addEventListener(t, e), (n) => {
   n && r.element.removeEventListener(t, e);
-}), yt = (t) => Me("click", (e) => {
+}), ft = (t) => Pe("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) => Me(e, r)
+    /**
+     * @param name - The name of the event handler.
+     * @param fn - The function to call when the event is triggered.
+     * @returns A `Renderable` function that adds the event listener to the element.
+     */
+    get: (t, e) => (r) => Pe(e, r)
   }
-), W = {
+), V = {
   value: (t) => (e) => {
     const r = e.target;
     t(r.value);
@@ -1016,74 +905,74 @@ const er = (t = 30) => (j(!0), new Promise((e, r) => {
     e.stopImmediatePropagation(), t();
   }
 };
-function Et(t, e = "input") {
-  return w(
-    P.valueAsDate(t),
-    V[e](W.valueAsDate(t.set))
+function ht(t, e = "input") {
+  return y(
+    b.valueAsDate(t),
+    q[e](V.valueAsDate(t.set))
   );
 }
-function Pt(t, e = "input") {
-  return w(
-    P.valueAsDate(t),
-    V[e](W.valueAsDateTime(t.set))
+function dt(t, e = "input") {
+  return y(
+    b.valueAsDate(t),
+    q[e](V.valueAsDateTime(t.set))
   );
 }
-function Dt(t, e = "input") {
-  return w(
-    P.valueAsNumber(t),
-    V[e](W.valueAsNumber(t.set))
+function pt(t, e = "input") {
+  return y(
+    b.valueAsNumber(t),
+    q[e](V.valueAsNumber(t.set))
   );
 }
-function $t(t, e = "input") {
-  return w(P.value(t), V[e](W.value(t.set)));
-}
-function Ct(t) {
-  return w(P.checked(t), yt(t.set));
+function mt(t, e = "input") {
+  return y(b.value(t), q[e](V.value(t.set)));
 }
-const rr = {
-  date: Et,
-  dateTime: Pt,
-  number: Dt,
-  text: $t,
-  checked: Ct
-}, I = (t, e) => (r) => {
+function gt(t) {
+  return y(b.checked(t), ft(t.set));
+}
+const Ut = {
+  date: ht,
+  dateTime: dt,
+  number: pt,
+  text: mt,
+  checked: gt
+}, O = (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);
-      n = f(c)(r), o = u;
+      s == null || s.dispose(), n == null || n(!0), s = t.map((m) => m[u]);
+      const f = e[u](s);
+      n = c(f)(r), o = u;
     }
   });
   return (u) => {
-    l(), u && r.reference != null && g(r.reference), n == null || n(!0);
+    a(), u && r.reference != null && p(r.reference), n == null || n(!0);
   };
-}, N = {
-  bool: (t, e) => I(
+}, k = {
+  bool: (t, e) => O(
     t.map((r) => r ? { true: !0 } : { false: !0 }),
     e
   ),
-  field: (t, e, r) => I(
+  field: (t, e, r) => O(
     t.map((n) => ({ [n[e]]: n })),
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     r
   ),
-  kind: (t, e) => N.field(t, "kind", e),
+  kind: (t, e) => k.field(t, "kind", e),
   tuple: (t, e) => {
     const r = t.map(([n, s]) => ({ [n]: s }));
-    return I(r, e);
+    return O(r, e);
   },
-  type: (t, e) => N.field(t, "type", e),
-  value: (t, e) => I(
+  type: (t, e) => k.field(t, "type", e),
+  value: (t, e) => O(
     t.map((r) => ({ [r]: !0 })),
     e
   )
-}, nr = (t, e) => (r) => {
-  const n = (e == null ? void 0 : e.firstSeparator) ?? v, s = (e == null ? void 0 : e.lastSeparator) ?? v;
-  return N.value(
+}, jt = (t, e) => (r) => {
+  const n = (e == null ? void 0 : e.firstSeparator) ?? S, s = (e == null ? void 0 : e.lastSeparator) ?? S;
+  return k.value(
     r.map((i) => i.isFirst ? "first" : i.isLast ? "last" : "other"),
     {
       first: () => n,
@@ -1091,92 +980,92 @@ const rr = {
       other: () => t
     }
   );
-}, Re = (t, e) => (r) => {
+}, De = (t, e) => (r) => {
   const n = Object.values(t).reduce((s, i) => {
     const o = r.getProvider(i);
     if (o == null)
       throw new Error(`No provider found for mark: ${i.description}`);
     return s[i] = o, s;
   }, {});
-  return f(e(n))(r);
-}, sr = (t, e) => (r) => {
+  return c(e(n))(r);
+}, Gt = (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));
   };
-}, ir = (t, e) => Re([t], (r) => f(e(r[t]))), or = (t, e) => Re(t, (r) => f(e(r))), ur = (t) => (e) => t(e), ar = (t) => (e) => (e.appendOrInsert(t), (r) => {
-  r && g(t);
-}), Nt = (t, e, r) => (n) => {
+}, Ht = (t, e) => De([t], (r) => c(e(r[t]))), Jt = (t, e) => De(t, (r) => c(e(r))), Wt = (t) => (e) => t(e), Bt = (t) => (e) => (e.appendOrInsert(t), (r) => {
+  r && p(t);
+}), vt = (t, e, r) => (n) => {
   n = n.makeRef();
   let s = null, i = !1;
-  const o = C(null), l = t.on((u) => {
-    u == null ? (s == null || s(!0), s = f((r == null ? void 0 : r()) ?? v)(n), i = !1) : (o.value = u, i || (s == null || s(!0), s = f(e(o))(n), i = !0));
+  const o = L(null), a = t.on((u) => {
+    u == null ? (s == null || s(!0), s = c((r == null ? void 0 : r()) ?? S)(n), i = !1) : (o.value = u, i || (s == null || s(!0), s = c(e(o))(n), i = !0));
   });
   return (u) => {
-    l(), s == null || s(u), u && n.reference && g(n.reference);
+    a(), s == null || s(u), u && n.reference && p(n.reference);
   };
-}, K = (t) => (e) => (r) => t(r, e), Ie = (t, e, r) => r != null ? Ie(t, (n) => {
+}, G = (t) => (e) => (r) => t(r, e), Te = (t, e, r) => r != null ? Te(t, (n) => {
   const s = n.map((i) => i.isLast ? "last" : "other");
-  return w(
-    K(() => s.dispose()),
-    f(e(n)),
-    N.value(s, {
-      last: () => v,
+  return y(
+    G(() => s.dispose()),
+    c(e(n)),
+    k.value(s, {
+      last: () => S,
       other: () => r(n)
     })
   );
 }) : (n) => {
   n = n.makeRef();
   const s = t.map(
-    (u) => Array.from({ length: u }, (c, p) => p).map(
-      (c) => new Ue(c, u)
+    (u) => Array.from({ length: u }, (f, m) => m).map(
+      (f) => new Ue(f, u)
     )
-  ), i = [], o = [], l = 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 d = 0; d < c; d++)
+  ), i = [], o = [], a = s.on((u) => {
+    var m, _;
+    const f = u.length;
+    for (; f < i.length; )
+      (m = i.pop()) == null || m(!0), (_ = o.pop()) == null || _.dispose();
+    for (let d = 0; d < f; d++)
       if (o[d] == null) {
-        o[d] = C(u[d]);
-        const y = f(e(o[d]));
-        i[d] = y(n);
+        o[d] = L(u[d]);
+        const P = c(e(o[d]));
+        i[d] = P(n);
       } else
         o[d].value = u[d];
   });
   return (u) => {
-    l(), u && n.reference && g(n.reference);
+    a(), u && n.reference && p(n.reference);
   };
-}, Tt = (t, e, r) => r != null ? Tt(t, (n, s) => {
+}, yt = (t, e, r) => r != null ? yt(t, (n, s) => {
   const i = s.map((o) => o.isLast ? "last" : "other");
-  return w([
-    K(() => i.dispose()),
-    f(e(n, s)),
-    N.value(i, {
-      last: () => v,
+  return y([
+    G(() => i.dispose()),
+    c(e(n, s)),
+    k.value(i, {
+      last: () => S,
       other: () => r(s)
     })
   ]);
 }) : (n) => {
   const s = t.map((i) => i.length);
-  return Ie(s, (i) => {
-    const o = U(
+  return Te(s, (i) => {
+    const o = H(
       () => t.value[i.value.index],
       [i, t]
     );
-    return w(
-      K(() => o.dispose()),
-      f(e(o, i))
+    return y(
+      G(() => o.dispose()),
+      c(e(o, i))
     );
   })(n);
-}, lr = (t, e) => (r) => {
+}, Xt = (t, e) => (r) => {
   r = r.makeRef();
-  const n = t.map((o) => f(e(o)));
+  const n = t.map((o) => c(e(o)));
   let s = () => {
   };
   const i = n.on((o) => {
@@ -1185,163 +1074,153 @@ const rr = {
   return (o) => {
     i(), s(o);
   };
-}, Oe = (t, e, r) => Nt(
+}, Le = (t, e, r) => vt(
   t.map((n) => n ? !0 : null),
   () => e,
   r != null ? () => r : void 0
-), cr = (t, e, r) => Oe(
+), zt = (t, e, r) => Le(
   t.map((n) => !n),
   e,
   r
 );
-function fr(t, e, r = v) {
-  return Oe(
+function Kt(t, e, r = S) {
+  return Le(
     t.map((n) => n.length > 0),
     e,
     r
   );
 }
-const hr = (t) => (e) => t(e.element) ?? (() => {
+const Qt = (t) => (e) => t(e.element) ?? (() => {
 });
-function xe(t, e) {
+function ke(t, e) {
   const r = t(e);
   return () => r(!0);
 }
-function dr(t, e, { doc: r, clear: n } = {}) {
+function Yt(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 && wt(r ?? s.ownerDocument);
-  const i = ot(s), o = we(s) ? void 0 : s, l = b.of(i, o);
-  return xe(t, l);
+  n && (r ?? s.ownerDocument) != null && ut(r ?? s.ownerDocument);
+  const i = ze(s), o = he(s) ? void 0 : s, a = v.of(i, o);
+  return ke(t, a);
 }
-const pr = (t, e) => (r) => {
+const Zt = (t, e) => (r) => {
   const n = r.document.querySelector(t);
   if (n === null)
     throw new Error(`Cannot find element by selector for portal: ${t}`);
-  return xe(
-    f(e),
+  return ke(
+    c(e),
     r.withElement(n).withFirstLevel()
   );
 };
-function mr(t) {
+function xt(t) {
   return Symbol(t);
 }
-const Fe = (t, e) => (r) => f(e)(r.withProviders(t)), gr = (...t) => t.length > 0 ? t.reduceRight((e, r) => (n) => e(r(n))) : f, Sr = (t, e, r) => Fe({ [t]: e }, f(r)), br = (t, e) => Fe(t, f(e)), Lt = (t, e) => (r) => {
+const Ne = (t, e) => (r) => c(e)(r.withProviders(t)), er = (...t) => t.length > 0 ? t.reduceRight((e, r) => (n) => e(r(n))) : c, tr = (t, e, r) => Ne({ [t]: e }, c(r)), rr = (t, e) => Ne(t, c(e)), St = (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);
   };
-}, Mt = (t, e) => (r) => {
+}, 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);
   };
-}, wr = new Proxy(
+}, nr = new Proxy(
   {},
   {
-    get: (t, e) => (r) => h.is(r) ? Mt(e, r) : Lt(e, r)
+    get: (t, e) => (r) => h.is(r) ? wt(e, r) : St(e, r)
   }
 );
 export {
-  tr as Async,
+  Vt as Async,
   E as Computed,
-  nr as Conjunction,
-  b as DOMContext,
-  ar as DOMEl,
-  _e as El,
-  ye as ElNS,
-  v as Empty,
-  Nt as Ensure,
-  Tt as ForEach,
-  w as Fragment,
-  lr as MapSignal,
-  le as MemoryStore,
-  fr as NotEmpty,
-  yt as OnChecked,
-  ur as OnCtx,
-  hr as OnMount,
-  K as OnUnmount,
-  pr as Portal,
+  jt as Conjunction,
+  v as DOMContext,
+  Bt as DOMNode,
+  me as El,
+  ge as ElNS,
+  S as Empty,
+  vt as Ensure,
+  yt as ForEach,
+  y as Fragment,
+  Xt as MapSignal,
+  se as MemoryStore,
+  Kt as NotEmpty,
+  ft as OnChecked,
+  Wt as OnCtx,
+  Qt as OnMount,
+  G as OnUnmount,
+  Zt as Portal,
   Ue as Position,
-  q as Prop,
-  gr as Provide,
-  Ie as Repeat,
+  F as Prop,
+  er as Provide,
+  Te as Repeat,
   h as Signal,
-  Le as Task,
-  Kt as Text,
-  cr as Unless,
-  sr as Use,
-  ir as UseProvider,
-  or as UseProviders,
-  Oe as When,
-  Sr as WithProvider,
-  br as WithProviders,
-  $e as addNodeTracker,
-  Ge as animate,
-  qt as animateOne,
-  Yt as applyAnimatable,
-  O as applyAnimatableProp,
-  Xt as applyInterpolatedAnimatable,
-  et as applyInterpolatedAnimatableProp,
-  Bt as aria,
-  P as attr,
-  rr as bind,
-  wt as clearSSR,
-  He as colorChannelsToString,
-  U as computed,
-  Vt as computedRecord,
-  Ut as dataAttr,
-  Ye as dateInterpolate,
-  It as effect,
-  W as emit,
-  je as endInterpolate,
-  Zt as getComputedAnimatable,
-  ke as getComputedAnimatableProp,
-  ot as getSelfOrParentElement,
-  Ke as guessInterpolate,
-  jt as handleAnchorClick,
-  Ht as html,
-  Jt as input,
-  Je as interpolateColor,
-  Wt as interpolateShadow,
-  we as isElement,
-  be as makeGetter,
-  mr as makeProviderMark,
-  Se as makeSetter,
-  Qt as math,
-  zt as mathAttr,
-  Pe as maybeAddAttributeTracker,
-  De as maybeAddClassTracker,
-  Ce as maybeAddTextTracker,
-  Ze as numberInterpolate,
-  V as on,
-  N as oneof,
-  re as parseColorChannels,
-  C as prop,
-  xt as propOfLocalStorage,
-  Ft as propOfSessionStorage,
-  ce as propOfStorage,
-  dt as removeAttributeTrackers,
-  mt as removeClassTrackers,
-  g as removeDOMNode,
-  gt as removeNodeTrackers,
-  bt as removeTextTrackers,
-  dr as render,
-  xe as renderWithContext,
-  f as renderableOfTNode,
-  it as setAttribute,
-  tt as setBooleanProperty,
-  nt as setDateProperty,
-  rt as setNumberProperty,
-  st as setStringProperty,
-  Ot as signal,
-  Ae as signalText,
-  M as ssr,
-  er as startSSR,
-  ve as staticText,
-  Xe as stringInterpolate,
-  wr as style,
-  kt as svg,
-  Gt as svgAttr
+  be as Task,
+  kt as Text,
+  zt as Unless,
+  Gt as Use,
+  Ht as UseProvider,
+  Jt as UseProviders,
+  Le as When,
+  tr as WithProvider,
+  rr as WithProviders,
+  we as addNodeTracker,
+  Dt as animateSignal,
+  Ge as animateSignals,
+  Ct as aria,
+  b as attr,
+  Ut as bind,
+  ut as clearSSR,
+  Tt as computedRecord,
+  Nt as dataAttr,
+  Fe as dateInterpolate,
+  V as emit,
+  qe as endInterpolate,
+  ze as getSelfOrParentElement,
+  Ve as guessInterpolate,
+  Lt as handleAnchorClick,
+  Ot as html,
+  It as input,
+  he as isElement,
+  bt as localStorageProp,
+  fe as makeGetter,
+  xt as makeProviderMark,
+  ce as makeSetter,
+  Ft as math,
+  Mt as mathAttr,
+  ye as maybeAddAttributeTracker,
+  Se as maybeAddClassTracker,
+  _e as maybeAddTextTracker,
+  Ie as numberInterpolate,
+  q as on,
+  k as oneof,
+  tt as removeAttributeTrackers,
+  nt as removeClassTrackers,
+  p as removeDOMNode,
+  st as removeNodeTrackers,
+  ot as removeTextTrackers,
+  Yt as render,
+  ke as renderWithContext,
+  c as renderableOfTNode,
+  Pt as sessionStorageProp,
+  Xe as setAttribute,
+  He as setBooleanProperty,
+  We as setDateProperty,
+  Je as setNumberProperty,
+  Be as setStringProperty,
+  pe as signalText,
+  R as ssr,
+  qt as startSSR,
+  de as staticText,
+  ie as storedProp,
+  $e as stringInterpolate,
+  nr as style,
+  $t as svg,
+  Rt as svgAttr,
+  H as useComputed,
+  At as useEffect,
+  L as useProp,
+  Et as useSignal
 };