@tempots/dom 20.0.1 → 20.1.0

package/index.js

@@ -1,19 +1,19 @@
-var De = Object.defineProperty;
-var be = (t, e, r) => e in t ? De(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var l = (t, e, r) => be(t, typeof e != "symbol" ? e + "" : e, r);
-const Te = (t, e, r) => t + (e - t) * r;
-const Ce = (t, e, r) => {
+var Te = Object.defineProperty;
+var Ce = (t, e, r) => e in t ? Te(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var u = (t, e, r) => Ce(t, typeof e != "symbol" ? e + "" : e, r);
+const Le = (t, e, r) => t + (e - t) * r;
+const Oe = (t, e, r) => {
   const s = Math.max(t.length, e.length);
   let n = "";
   for (let o = 0; o < s; o++) {
     let i = t.charCodeAt(o);
     isNaN(i) && (i = 97);
-    let a = e.charCodeAt(o);
-    isNaN(a) && (a = 97), n += String.fromCharCode(i + (a - i) * r);
+    let l = e.charCodeAt(o);
+    isNaN(l) && (l = 97), n += String.fromCharCode(i + (l - i) * r);
   }
   return n;
-}, Le = (t, e, r) => new Date(t.getTime() + (e.getTime() - t.getTime()) * r), Oe = (t, e) => e, Ne = (t) => typeof t == "number" ? Te : typeof t == "string" ? Ce : t instanceof Date ? Le : Oe;
-class ke {
+}, ke = (t, e, r) => new Date(t.getTime() + (e.getTime() - t.getTime()) * r), Ne = (t, e) => e, Re = (t) => typeof t == "number" ? Le : typeof t == "string" ? Oe : t instanceof Date ? ke : Ne;
+class R {
   /**
    * Creates a new instance of `ElementPosition`.
    * @param index - The index of the element.
@@ -43,18 +43,18 @@ class ke {
     return this.index === this.total - 1;
   }
   /**
-   * Checks if the index of the element is even.
-   * @returns `true` if the index is even, `false` otherwise.
+   * Checks if the counter of the element is even.
+   * @returns `true` if the counter is even, `false` otherwise.
    */
   get isEven() {
-    return this.index % 2 === 0;
+    return this.index % 2 === 1;
   }
   /**
-   * Checks if the index of the element is odd.
-   * @returns `true` if the index is odd, `false` otherwise.
+   * Checks if the counter of the element is odd.
+   * @returns `true` if the counter is odd, `false` otherwise.
    */
   get isOdd() {
-    return this.index % 2 === 1;
+    return this.index % 2 === 0;
   }
 }
 const p = class p {
@@ -69,33 +69,33 @@ const p = class p {
     /**
      * @internal
      */
-    l(this, "$__signal__", !0);
+    u(this, "$__signal__", !0);
     /**
      * @internal
      */
-    l(this, "_value");
+    u(this, "_value");
     /**
      * @internal
      */
-    l(this, "_derivatives", []);
+    u(this, "_derivatives", []);
     /**
      * @internal
      */
-    l(this, "_onValueListeners", []);
+    u(this, "_onValueListeners", []);
     /**
      * @internal
      */
-    l(this, "_onDisposeListeners", []);
+    u(this, "_onDisposeListeners", []);
     /**
      * Gets the current value of the signal.
      * @returns The current value of the signal.
      */
-    l(this, "get", () => this._value);
+    u(this, "get", () => this._value);
     /**
      * Checks if the signal has any registered listeners.
      * @returns `true` if the signal has listeners, `false` otherwise.
      */
-    l(this, "hasListeners", () => this._onValueListeners.length > 0);
+    u(this, "hasListeners", () => this._onValueListeners.length > 0);
     /**
      * Registers a listener function to be called whenever the value of the signal changes.
      * The listener function will be immediately called with the current value of the signal.
@@ -103,37 +103,37 @@ const p = class p {
      *
      * @param listener - The listener function to be called when the value of the signal changes.
      */
-    l(this, "on", (e) => (e(this.get()), this._onValueListeners.push(e), () => {
+    u(this, "on", (e) => (e(this.get()), this._onValueListeners.push(e), () => {
       this._onValueListeners.splice(this._onValueListeners.indexOf(e), 1);
     }));
     /**
      * @internal
      */
-    l(this, "_setAndNotify", (e, r) => {
+    u(this, "_setAndNotify", (e, r) => {
       const s = this.equals(this._value, e);
       s || (this._value = e), (r || !s) && this._onValueListeners.forEach((n) => n(e));
     });
     /**
      * @internal
      */
-    l(this, "_disposed", !1);
+    u(this, "_disposed", !1);
     /**
      * Checks whether the signal is disposed.
      * @returns True if the signal is disposed, false otherwise.
      */
-    l(this, "isDisposed", () => this._disposed);
+    u(this, "isDisposed", () => this._disposed);
     /**
      * Adds a listener function to be called when the object is disposed.
      * @param listener - The listener function to be called when the object is disposed.
      * @returns A function that can be called to remove the listener.
      */
-    l(this, "onDispose", (e) => {
+    u(this, "onDispose", (e) => {
       this._onDisposeListeners.push(e);
     });
     /**
      * Disposes the signal, releasing any resources associated with it.
      */
-    l(this, "dispose", () => {
+    u(this, "dispose", () => {
       this._disposed || (this._disposed = !0, this._onDisposeListeners.forEach((e) => e()), this._onDisposeListeners.length = 0, this._derivatives.length = 0);
     });
     /**
@@ -145,7 +145,7 @@ const p = class p {
      * @param equals - Optional equality function to determine if two mapped values are equal.
      * @returns - A new Computed instance with the mapped value.
      */
-    l(this, "map", (e, r = (s, n) => s === n) => {
+    u(this, "map", (e, r = (s, n) => s === n) => {
       const s = new E(() => {
         try {
           return e(this.get());
@@ -165,7 +165,7 @@ const p = class p {
      *               Defaults to a strict equality check (===).
      * @returns A new Signal that emits the values of the resulting Signal.
      */
-    l(this, "flatMap", (e, r = (s, n) => s === n) => {
+    u(this, "flatMap", (e, r = (s, n) => s === n) => {
       const s = new E(() => {
         try {
           return e(this.get()).get();
@@ -181,19 +181,19 @@ const p = class p {
      * @param fn - The callback function to be invoked with the current value of the signal.
      * @returns A new signal that emits the same value as the original signal and invokes the callback function.
      */
-    l(this, "tap", (e) => this.map((r) => (e(r), r)));
+    u(this, "tap", (e) => this.map((r) => (e(r), r)));
     /**
      * Returns a new Signal that emits the value at the specified key of the current value.
      *
      * @param key - The key of the value to retrieve.
      * @returns A new Signal that emits the value at the specified key.
      */
-    l(this, "at", (e) => this.map((r) => r[e]));
+    u(this, "at", (e) => this.map((r) => r[e]));
     /**
      * @internal
      */
-    l(this, "_$");
-    l(this, "filter", (e, r) => {
+    u(this, "_$");
+    u(this, "filter", (e, r) => {
       let s = r ?? this.get();
       const n = new E(() => {
         try {
@@ -215,12 +215,12 @@ const p = class p {
      * @param equals - Optional equality function to determine if two values are equal.
      * @returns - A new Computed object with the mapped and filtered values.
      */
-    l(this, "filterMap", (e, r, s = (n, o) => n === o) => {
+    u(this, "filterMap", (e, r, s = (n, o) => n === o) => {
       let n = r;
       const o = new E(() => {
         try {
-          const i = this.get(), a = e(i);
-          return n = a ?? n;
+          const i = this.get(), l = e(i);
+          return n = l ?? n;
         } catch (i) {
           throw console.error("Error in Signal.filterMap:", i), i;
         }
@@ -240,18 +240,18 @@ const p = class p {
      * @param equals - The equality function to compare the mapped values for equality.
      * @returns A property that holds the mapped value and can be observed for changes.
      */
-    l(this, "mapAsync", (e, r, s, n = (o, i) => o === i) => {
+    u(this, "mapAsync", (e, r, s, n = (o, i) => o === i) => {
       const o = C(r, n);
-      let i = 0, a = new AbortController();
+      let i = 0, l = new AbortController();
       return o.onDispose(
-        this.on(async (u) => {
-          const f = ++i;
-          a.abort(), a = new AbortController();
+        this.on(async (a) => {
+          const c = ++i;
+          l.abort(), l = new AbortController();
           try {
-            const d = await e(u, { abortSignal: a.signal });
-            f === i && o.set(d);
+            const d = await e(a, { abortSignal: l.signal });
+            c === i && o.set(d);
           } catch (d) {
-            if (f === i)
+            if (c === i)
               if (s != null)
                 o.set(s(d));
               else
@@ -270,14 +270,14 @@ const p = class p {
      * @param alt - The alternative value to use when the mapped value is `undefined` or `null`.
      * @returns A new signal containing the mapped values.
      */
-    l(this, "mapMaybe", (e, r) => this.map((s) => e(s) ?? r));
+    u(this, "mapMaybe", (e, r) => this.map((s) => e(s) ?? r));
     /**
      * Feeds a property into the signal and sets up disposal behavior.
      * @param prop - The property to feed into the signal.
      * @param autoDisposeProp - Determines whether the property should be automatically disposed when the signal is disposed.
      * @returns The input property.
      */
-    l(this, "feedProp", (e, r = !1) => {
+    u(this, "feedProp", (e, r = !1) => {
       const s = this.on(e.set);
       return e.onDispose(s), r ? this.onDispose(e.dispose) : this.onDispose(s), e;
     });
@@ -286,12 +286,12 @@ const p = class p {
      * @param autoDisposeProp - Determines whether the derived property should be automatically disposed.
      * @returns The derived property.
      */
-    l(this, "deriveProp", (e = !0) => this.feedProp(C(this.get()), e));
+    u(this, "deriveProp", (e = !0) => this.feedProp(C(this.get()), e));
     /**
      * Returns a signal that emits the count of values received so far.
      * @returns A signal that emits the count of values received so far.
      */
-    l(this, "count", () => {
+    u(this, "count", () => {
       let e = 0;
       return this.map(() => ++e);
     });
@@ -301,7 +301,7 @@ const p = class p {
      * Additionally, when the computed value is disposed, it sets the signal as dirty.
      * @param computed - The computed value to add as a derivative.
      */
-    l(this, "setDerivative", (e) => {
+    u(this, "setDerivative", (e) => {
       this._derivatives.push(e), e.onDispose(() => {
         this._derivatives.splice(
           this._derivatives.indexOf(e),
@@ -338,7 +338,7 @@ const p = class p {
  * @param equals - A function to compare two values of type O for equality. Defaults to strict equality (===).
  * @returns - A Signal that represents the result of the Promise.
  */
-l(p, "ofPromise", (e, r, s, n = (o, i) => o === i) => {
+u(p, "ofPromise", (e, r, s, n = (o, i) => o === i) => {
   const o = new p(r, n);
   return e.then((i) => o._setAndNotify(i, !1)).catch((i) => {
     s != null ? o._setAndNotify(s(i), !1) : console.error(
@@ -352,7 +352,7 @@ l(p, "ofPromise", (e, r, s, n = (o, i) => o === i) => {
  * @param value - The value to check.
  * @returns `true` if the value is a Signal, `false` otherwise.
  */
-l(p, "is", (e) => (
+u(p, "is", (e) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   e != null && e.$__signal__ === !0
 )), /**
@@ -365,19 +365,19 @@ l(p, "is", (e) => (
  * @param equals - A function that determines if two values are equal. Defaults to strict equality (===).
  * @returns A Signal instance.
  */
-l(p, "wrap", (e, r = (s, n) => s === n) => p.is(e) ? e : new p(e, r)), /**
+u(p, "wrap", (e, r = (s, n) => s === n) => p.is(e) ? e : new p(e, r)), /**
  * Wraps a value in a `Signal` if it is not already a `Signal`.
  * If the value is `null` or `undefined`, it returns `null` or `undefined` respectively.
  * @param value - The value to wrap or check.
  * @returns The wrapped value if it is not `null` or `undefined`, otherwise `null` or `undefined`.
  */
-l(p, "maybeWrap", (e) => e == null ? e : p.wrap(e)), /**
+u(p, "maybeWrap", (e) => e == null ? e : p.wrap(e)), /**
  * Unwraps a value from a `Signal` if it is a `Signal`, otherwise returns the value as is.
  *
  * @param value - The value to unwrap.
  * @returns The unwrapped value.
  */
-l(p, "unwrap", (e) => p.is(e) ? e.get() : e), /**
+u(p, "unwrap", (e) => p.is(e) ? e.get() : e), /**
  * Maps the value of a `Signal` or a regular value using the provided mapping function.
  * If the input value is a `Signal`, the mapping function is applied to its value.
  * If the input value is not a `Signal`, the mapping function is directly applied to the value.
@@ -390,9 +390,9 @@ l(p, "unwrap", (e) => p.is(e) ? e.get() : e), /**
  * @typeParam N - The type of the input value.
  * @typeParam O - The type of the mapped value.
  */
-l(p, "map", (e, r) => p.is(e) ? e.map(r) : r(e));
+u(p, "map", (e, r) => p.is(e) ? e.map(r) : r(e));
 let h = p;
-const Re = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
+const Me = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
 class E extends h {
   /**
    * Represents a Signal object.
@@ -404,36 +404,36 @@ class E extends h {
     /**
      * @internal
      */
-    l(this, "$__computed__", !0);
+    u(this, "$__computed__", !0);
     /**
      * @internal
      */
-    l(this, "_isDirty", !1);
+    u(this, "_isDirty", !1);
     /**
      * Marks the signal as dirty, indicating that its value has changed and needs to be recalculated.
      * If the signal is already dirty or disposed, this method does nothing.
      * It also marks all dependent signals as dirty and schedules a notification to update their values.
      */
-    l(this, "setDirty", () => {
+    u(this, "setDirty", () => {
       this._isDirty || this._disposed || (this._isDirty = !0, this._derivatives.forEach((r) => r.setDirty()), this._scheduleNotify());
     });
     /**
      * @internal
      */
-    l(this, "_scheduleCount", 0);
+    u(this, "_scheduleCount", 0);
     /**
      * Schedules a notification to be executed asynchronously.
      * If the signal is dirty, it will be updated and notified.
      * @internal
      */
-    l(this, "_scheduleNotify", () => {
+    u(this, "_scheduleNotify", () => {
       const r = ++this._scheduleCount;
-      Re(() => {
+      Me(() => {
         this._scheduleCount !== r || this._disposed !== !1 || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn(), !1));
       });
     });
     /** {@inheritDoc Signal.get} */
-    l(this, "get", () => (this._isDirty && (this._isDirty = !1, this._value = this._fn(), this._setAndNotify(this._value, !0)), this._value));
+    u(this, "get", () => (this._isDirty && (this._isDirty = !1, this._value = this._fn(), this._setAndNotify(this._value, !0)), this._value));
     this._fn = r, this.setDirty();
   }
   /**
@@ -450,26 +450,26 @@ class E extends h {
     return this.get();
   }
 }
-const F = class F extends h {
+const V = class V extends h {
   constructor() {
     super(...arguments);
     /**
      * @internal
      */
-    l(this, "$__prop__", !0);
+    u(this, "$__prop__", !0);
     /**
      * Changes the value of the property and notifies its listeners.
      *
      * @param value - The new value of the property.
      */
-    l(this, "set", (r) => {
+    u(this, "set", (r) => {
       this._setAndNotify(r, !1);
     });
     /**
      * Updates the value of the signal by applying the provided function to the current value.
      * @param fn - The function to apply to the current value.
      */
-    l(this, "update", (r) => {
+    u(this, "update", (r) => {
       this._setAndNotify(r(this.get()), !1);
     });
     /**
@@ -478,13 +478,13 @@ const F = class F extends h {
      * @param effects - An array of effects to be executed after the state is updated.
      * @returns A dispatch function that can be used to update the state and trigger the effects.
      */
-    l(this, "reducer", (r, ...s) => {
+    u(this, "reducer", (r, ...s) => {
       const n = this;
       return function o(i) {
-        const a = n.value;
-        n.update((u) => r(u, i)), !n.equals(a, n.value) && s.forEach(
-          (u) => u({
-            previousState: a,
+        const l = n.value;
+        n.update((a) => r(a, i)), !n.equals(l, n.value) && s.forEach(
+          (a) => a({
+            previousState: l,
             state: n.value,
             action: i,
             dispatch: o
@@ -503,8 +503,8 @@ const F = class F extends h {
      *                Defaults to a strict equality check (===).
      * @returns A Prop object representing the isomorphism.
      */
-    l(this, "iso", (r, s, n = (o, i) => o === i) => {
-      const o = new F(r(this.get()), n);
+    u(this, "iso", (r, s, n = (o, i) => o === i) => {
+      const o = new V(r(this.get()), n);
       return o.onDispose(this.on((i) => o.set(r(i)))), o.on((i) => this._setAndNotify(s(i), !1)), o;
     });
     /**
@@ -513,7 +513,7 @@ const F = class F extends h {
      * @param key - The key of the value to access.
      * @returns A `Prop` that represents the value at the specified key.
      */
-    l(this, "atProp", (r) => this.iso(
+    u(this, "atProp", (r) => this.iso(
       (s) => s[r],
       (s) => ({ ...this.value, [r]: s })
     ));
@@ -533,111 +533,111 @@ const F = class F extends h {
  * @param value - The value to check.
  * @returns `true` if the value is a Prop, `false` otherwise.
  */
-l(F, "is", (r) => (
+u(V, "is", (r) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   r != null && r.$__prop__ === !0
 ));
-let $ = F;
-const V = (t, e, r = (s, n) => s === n) => {
+let F = V;
+const U = (t, e, r = (s, n) => s === n) => {
   const s = new E(t, r);
   return e.forEach((n) => n.setDerivative(s)), s;
-}, pt = (...t) => (e, r) => {
+}, $e = (...t) => (e, r) => {
   const s = t.filter((n) => h.is(n));
-  return V(
+  return U(
     () => e(...t.map((n) => h.unwrap(n))),
     s,
     r
   );
-}, Me = (t, e) => V(t, e).dispose, mt = (...t) => (e) => {
+}, Fe = (t, e) => U(t, e).dispose, gt = (...t) => (e) => {
   const r = t.filter((s) => h.is(s));
-  Me(
+  Fe(
     () => e(...t.map(h.unwrap)),
     r
   );
-}, C = (t, e = (r, s) => r === s) => new $(t, e), gt = (t, e = (r, s) => r === s) => new h(t, e);
-class Q {
+}, C = (t, e = (r, s) => r === s) => new F(t, e), G = (t, e = (r, s) => r === s) => new h(t, e);
+class Z {
   constructor() {
-    l(this, "_store", /* @__PURE__ */ new Map());
+    u(this, "_store", /* @__PURE__ */ new Map());
     /**
      * Retrieves the value associated with the specified key from the memory store.
      * @param key - The key to retrieve the value for.
      * @returns The value associated with the key, or `null` if the key is not found.
      */
-    l(this, "getItem", (e) => this._store.get(e) ?? null);
+    u(this, "getItem", (e) => this._store.get(e) ?? null);
     /**
      * Sets the value associated with the specified key in the memory store.
      * @param key - The key to set the value for.
      * @param value - The value to set.
      */
-    l(this, "setItem", (e, r) => {
+    u(this, "setItem", (e, r) => {
       this._store.set(e, r);
     });
   }
 }
-const Y = ({
+const K = ({
   key: t,
   defaultValue: e,
   store: r,
   serialize: s = JSON.stringify,
   deserialize: n = JSON.parse,
-  equals: o = (a, u) => a === u,
-  onLoad: i = (a) => a
+  equals: o = (l, a) => l === a,
+  onLoad: i = (l) => l
 }) => {
-  const a = r.getItem(t), u = new $(
-    a != null ? i(n(a)) : typeof e == "function" ? e() : e,
+  const l = r.getItem(t), a = new F(
+    l != null ? i(n(l)) : typeof e == "function" ? e() : e,
     o
   );
-  return u.on((f) => {
-    r.setItem(t, s(f));
-  }), u;
-}, _t = (t) => Y({
+  return a.on((c) => {
+    r.setItem(t, s(c));
+  }), a;
+}, _t = (t) => K({
   ...t,
-  store: (window == null ? void 0 : window.localStorage) ?? new Q()
-}), vt = (t) => Y({
+  store: (window == null ? void 0 : window.localStorage) ?? new Z()
+}), vt = (t) => K({
   ...t,
-  store: (window == null ? void 0 : window.sessionStorage) ?? new Q()
+  store: (window == null ? void 0 : window.sessionStorage) ?? new Z()
 });
-function z(t) {
+function Y(t) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 0);
 }
-const $e = (t, e, r, s) => {
-  const n = (s == null ? void 0 : s.duration) ?? 300, o = (s == null ? void 0 : s.easing) ?? ((_) => _), i = (s == null ? void 0 : s.equals) ?? ((_, k) => _ === k);
-  let a = s == null ? void 0 : s.interpolate, u = t, f = e(), d = performance.now(), S = null, m = !0;
+const Ve = (t, e, r, s) => {
+  const n = (s == null ? void 0 : s.duration) ?? 300, o = (s == null ? void 0 : s.easing) ?? ((y) => y), i = (s == null ? void 0 : s.equals) ?? ((y, N) => y === N);
+  let l = s == null ? void 0 : s.interpolate, a = t, c = e(), d = performance.now(), v = null, m = !0;
   const D = new E(e, i), A = C(t, i);
   A.onDispose(() => {
-    S !== null && cancelAnimationFrame(S);
-  }), A.onDispose(D.dispose), r.forEach((_) => {
-    _.setDerivative(D), _.onDispose(A.dispose);
+    v !== null && cancelAnimationFrame(v);
+  }), A.onDispose(D.dispose), r.forEach((y) => {
+    y.setDerivative(D), y.onDispose(A.dispose);
   });
-  const Ee = (_) => {
-    f = _, d = performance.now(), u = A.value, m && (m = !1, S = z(H));
-  }, H = () => {
-    const k = (performance.now() - d) / h.unwrap(n), Pe = o(k);
-    a == null && (a = Ne(u));
-    let X = a(u, f, Pe);
-    k >= 1 ? (m = !0, X = f) : S = z(H), A.set(X);
+  const De = (y) => {
+    c = y, d = performance.now(), a = A.value, m && (m = !1, v = Y(z));
+  }, z = () => {
+    const N = (performance.now() - d) / h.unwrap(n), be = o(N);
+    l == null && (l = Re(a));
+    let Q = l(a, c, be);
+    N >= 1 ? (m = !0, Q = c) : v = Y(z), A.set(Q);
   };
-  return D.on(Ee), A;
-}, wt = (t, e) => {
+  return D.on(De), A;
+}, yt = (t, e) => {
   const { initialValue: r, ...s } = e ?? {};
-  return $e(
+  return Ve(
     r ?? t.get(),
     t.get,
     [t],
     s
   );
-}, yt = (t, e) => {
+}, wt = (t, e) => {
   const { signals: r, literals: s } = Object.entries(t).reduce(
-    ({ signals: o, literals: i }, [a, u]) => (h.is(u) ? o.push([a, u]) : i[a] = u, { signals: o, literals: i }),
+    ({ signals: o, literals: i }, [l, a]) => (h.is(a) ? o.push([l, a]) : i[l] = a, { signals: o, literals: i }),
     { signals: [], literals: {} }
   ), n = r.map(([, o]) => o);
-  return V(() => (r.forEach(([o, i]) => s[o] = i.value), e(s)), n);
-}, Z = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), K = /* @__PURE__ */ new Set([
+  return U(() => (r.forEach(([o, i]) => s[o] = i.value), e(s)), n);
+}, x = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), ee = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), x = /* @__PURE__ */ new Set(["valueAsDate"]), ee = /* @__PURE__ */ new Set([
+]), te = /* @__PURE__ */ new Set(["valueAsDate"]), re = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -652,18 +652,18 @@ const $e = (t, e, r, s) => {
     const r = e(t);
     return I.set(t, r), r;
   }
-}, Fe = (t) => (e, r) => {
+}, qe = (t) => (e, r) => {
   r == null ? e[t] = null : e[t] = !!r;
-}, Ve = (t) => (e, r) => {
+}, Ie = (t) => (e, r) => {
   r == null ? e[t] = null : e[t] = Number(r);
-}, qe = (t) => (e, r) => {
+}, Be = (t) => (e, r) => {
   r == null ? e[t] = null : e[t] = r;
-}, Ie = (t) => (e, r) => {
+}, je = (t) => (e, r) => {
   r == null ? e[t] = null : e[t] = String(r);
-}, Be = (t) => (e, r) => {
+}, Ue = (t) => (e, r) => {
   r == null ? e.removeAttribute(t) : e.setAttribute(t, r);
-}, te = (t) => Z.has(t) ? b(t, Fe) : K.has(t) ? b(t, Ve) : x.has(t) ? b(t, qe) : ee.has(t) ? b(t, Ie) : b(t, Be), re = (t) => (e) => Z.has(t) ? !!e[t] : K.has(t) ? Number(e[t]) : x.has(t) ? e[t] : ee.has(t) ? String(e[t]) : e.getAttribute(t);
-class v {
+}, se = (t) => x.has(t) ? b(t, qe) : ee.has(t) ? b(t, Ie) : te.has(t) ? b(t, Be) : re.has(t) ? b(t, je) : b(t, Ue), ne = (t) => (e) => x.has(t) ? !!e[t] : ee.has(t) ? Number(e[t]) : te.has(t) ? e[t] : re.has(t) ? String(e[t]) : e.getAttribute(t);
+class w {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -681,19 +681,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.
      */
-    l(this, "createElement", (e, r) => r !== void 0 ? this.document.createElementNS(r, e) : this.document.createElement(e));
+    u(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.
      */
-    l(this, "createText", (e) => this.document.createTextNode(e));
+    u(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.
      */
-    l(this, "makeRef", () => {
+    u(this, "makeRef", () => {
       const e = this.createText("");
       return this.appendOrInsert(e), this.withReference(e);
     });
@@ -702,7 +702,7 @@ class v {
      *
      * @param child - The child node to append or insert.
      */
-    l(this, "appendOrInsert", (e) => {
+    u(this, "appendOrInsert", (e) => {
       this.reference === void 0 ? this.element.appendChild(e) : this.element.insertBefore(e, this.reference);
     });
     /**
@@ -711,18 +711,18 @@ class v {
      * @param document - The `Document` to use for the `DOMContext`.
      * @returns A new `DOMContext` instance.
      */
-    l(this, "withDocument", (e) => new v(e, this.element, this.reference, this.providers, !0));
+    u(this, "withDocument", (e) => new w(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`.
      */
-    l(this, "withElement", (e) => new v(this.document, e, void 0, this.providers, !1));
+    u(this, "withElement", (e) => new w(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`.
      */
-    l(this, "withFirstLevel", () => new v(
+    u(this, "withFirstLevel", () => new w(
       this.document,
       this.element,
       this.reference,
@@ -735,7 +735,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.
      */
-    l(this, "withReference", (e) => new v(
+    u(this, "withReference", (e) => new w(
       this.document,
       this.element,
       e,
@@ -748,7 +748,7 @@ class v {
      * @param value - The value to set for the provider.
      * @returns A new DOMContext with the updated providers.
      */
-    l(this, "withProvider", (e, r) => new v(
+    u(this, "withProvider", (e, r) => new w(
       this.document,
       this.element,
       this.reference,
@@ -765,7 +765,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.
      */
-    l(this, "withProviders", (e) => new v(
+    u(this, "withProviders", (e) => new w(
       this.document,
       this.element,
       this.reference,
@@ -782,9 +782,9 @@ class v {
      * @returns The provider for the given mark.
      * @throws Throws `ProviderNotFoundError` if the provider for the given mark is not found.
      */
-    l(this, "getProvider", (e) => {
+    u(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
-        throw new je(e);
+        throw new Ge(e);
       return this.providers[e];
     });
     this.document = e, this.element = r, this.reference = s, this.providers = n, this.isFirstLevel = o;
@@ -797,41 +797,41 @@ class v {
    * @returns A new `DOMContext` instance.
    */
   static of(e, r) {
-    return new v(e.ownerDocument, e, r, {}, !0);
+    return new w(e.ownerDocument, e, r, {}, !0);
   }
 }
-class je extends Error {
+class Ge extends Error {
   constructor(e) {
     super(`Provider not found: ${e.description}`);
   }
 }
-const g = (t) => {
+const _ = (t) => {
   const e = t;
   e && e.onblur && (e.onblur = null), !(!t || t.ownerDocument === void 0) && t.parentElement && t.parentElement.removeChild(t);
-}, Ue = (t) => se(t) ? t : t.parentElement, se = (t) => t.nodeType === 1, ne = (t) => (e) => {
-  he(e);
+}, Je = (t) => oe(t) ? t : t.parentElement, oe = (t) => t.nodeType === 1, ie = (t) => (e) => {
+  pe(e);
   const r = e.createText(t);
   return e.appendOrInsert(r), (s) => {
-    s && g(r);
+    s && _(r);
   };
-}, oe = (t) => (e) => {
-  he(e);
+}, le = (t) => (e) => {
+  pe(e);
   const r = e.createText(t.value);
   e.appendOrInsert(r);
   const s = t.on((n) => r.data = n);
   return (n) => {
-    s(), n && g(r);
+    s(), n && _(r);
   };
-}, St = (t) => h.is(t) ? oe(t) : ne(t), w = (...t) => (e) => {
-  const r = t.map((s) => c(s)(e));
+}, St = (t) => h.is(t) ? le(t) : ie(t), g = (...t) => (e) => {
+  const r = t.map((s) => f(s)(e));
   return (s) => {
     r.forEach((n) => n(s));
   };
-}, y = () => () => {
-}, Ge = (t) => (e) => (ce(e), e.element.classList.add(...t), (r) => {
+}, S = () => () => {
+}, We = (t) => (e) => (he(e), e.element.classList.add(...t), (r) => {
   r && e.element.classList.remove(...t);
-}), Je = (t) => (e) => {
-  ce(e);
+}), He = (t) => (e) => {
+  he(e);
   const r = e.element;
   let s = [];
   const n = t.on((o) => {
@@ -841,21 +841,21 @@ const g = (t) => {
     n(), o && s.forEach((i) => r.classList.remove(i)), s.length = 0;
   };
 }, L = (t, e) => {
-  const r = te(t), s = re(t);
+  const r = se(t), s = ne(t);
   return (n) => {
-    ae(n, t);
+    fe(n, t);
     const o = s(n.element);
     return r(n.element, e), (i) => {
       i && r(n.element, o);
     };
   };
 }, O = (t, e) => {
-  const r = te(t), s = re(t);
+  const r = se(t), s = ne(t);
   return (n) => {
-    ae(n, t);
-    const o = s(n.element), i = e.on((a) => r(n.element, a));
-    return (a) => {
-      i(), a && r(n.element, o);
+    fe(n, t);
+    const o = s(n.element), i = e.on((l) => r(n.element, l));
+    return (l) => {
+      i(), l && r(n.element, o);
     };
   };
 }, P = new Proxy(
@@ -872,7 +872,7 @@ const g = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => e === "class" ? (r) => h.is(r) ? Je(r) : Ge(
+    get: (t, e) => e === "class" ? (r) => h.is(r) ? He(r) : We(
       (r ?? "").split(" ").filter((s) => s.length > 0)
     ) : (r) => h.is(r) ? O(
       e,
@@ -954,19 +954,19 @@ const g = (t) => {
       r
     )
   }
-), c = (t) => t == null ? y : Array.isArray(t) ? w(...t.map(c)) : typeof t == "string" ? ne(t) : h.is(t) ? oe(t) : t, ie = (t, ...e) => (r) => {
+), f = (t) => t == null ? S : Array.isArray(t) ? g(...t.map(f)) : typeof t == "string" ? ie(t) : h.is(t) ? le(t) : t, ue = (t, ...e) => (r) => {
   const s = r.createElement(t, void 0);
-  r.isFirstLevel && N() && fe(s), r.appendOrInsert(s), r = r.withElement(s);
-  const n = e.map((o) => c(o)(r));
+  r.isFirstLevel && k() && de(s), r.appendOrInsert(s), r = r.withElement(s);
+  const n = e.map((o) => f(o)(r));
   return (o) => {
-    n.forEach((i) => i(!1)), o && g(s);
+    n.forEach((i) => i(!1)), o && _(s);
   };
-}, le = (t, e, ...r) => (s) => {
+}, ae = (t, e, ...r) => (s) => {
   const n = s.createElement(t, e);
-  s.isFirstLevel && N() && fe(n), s.appendOrInsert(n), s = s.withElement(n);
-  const o = r.map((i) => c(i)(s));
+  s.isFirstLevel && k() && de(n), s.appendOrInsert(n), s = s.withElement(n);
+  const o = r.map((i) => f(i)(s));
   return (i) => {
-    o.forEach((a) => a(!1)), i && g(n);
+    o.forEach((l) => l(!1)), i && _(n);
   };
 }, bt = new Proxy(
   {},
@@ -976,7 +976,7 @@ const g = (t) => {
      * @param tagName - The HTML tag name.
      * @returns A renderable function that creates and appends the HTML element to the DOM.
      */
-    get: (t, e) => (...r) => ie(e, r.flatMap(c))
+    get: (t, e) => (...r) => ue(e, r.flatMap(f))
   }
 ), Tt = new Proxy(
   {},
@@ -986,9 +986,9 @@ const g = (t) => {
      * @param type - The input type name.
      * @returns A renderable function that creates and appends the HTMLInput element to the DOM.
      */
-    get: (t, e) => (...r) => ie("input", P.type(e), ...r)
+    get: (t, e) => (...r) => ue("input", P.type(e), ...r)
   }
-), We = "http://www.w3.org/2000/svg", Ct = new Proxy(
+), Xe = "http://www.w3.org/2000/svg", Ct = new Proxy(
   {},
   {
     /**
@@ -996,9 +996,9 @@ const g = (t) => {
      * @param tagName - The SVG tag name.
      * @returns A renderable function that creates and appends the SVG element to the DOM.
      */
-    get: (t, e) => (...r) => le(e, We, r.flatMap(c))
+    get: (t, e) => (...r) => ae(e, Xe, r.flatMap(f))
   }
-), He = "http://www.w3.org/1998/Math/MathML", Lt = new Proxy(
+), ze = "http://www.w3.org/1998/Math/MathML", Lt = new Proxy(
   {},
   {
     /**
@@ -1006,9 +1006,9 @@ const g = (t) => {
      * @param tagName - The Math tag name.
      * @returns A renderable function that creates and appends the Math element to the DOM.
      */
-    get: (t, e) => (...r) => le(e, He, r.flatMap(c))
+    get: (t, e) => (...r) => ae(e, ze, r.flatMap(f))
   }
-), T = "data-tempo-attr", R = "data-tempo-class", ue = "data-tempo-node", M = "data-tempo-text", Xe = (t, e) => {
+), T = "data-tempo-attr", M = "data-tempo-class", ce = "data-tempo-node", $ = "data-tempo-text", Qe = (t, e) => {
   const r = t.getAttribute(e);
   if (r != null) {
     const s = t.getAttribute(T) ?? "{}", n = { ...JSON.parse(s), name: r };
@@ -1017,9 +1017,9 @@ const g = (t) => {
       JSON.stringify(n).replace(/"/g, "&quot;")
     );
   }
-}, ae = (t, e) => {
-  N() && t.isFirstLevel && Xe(t.element, e);
-}, ze = (t) => {
+}, fe = (t, e) => {
+  k() && t.isFirstLevel && Qe(t.element, e);
+}, Ye = (t) => {
   t.querySelectorAll(`[${T}]`).forEach((e) => {
     const r = JSON.parse(
       (e.getAttribute(T) ?? "{}").replace(/&quot;/g, '"')
@@ -1029,78 +1029,78 @@ const g = (t) => {
     e.removeAttribute(T);
   });
 };
-function Qe(t) {
-  t.setAttribute(R, t.className);
+function Ze(t) {
+  t.setAttribute(M, t.className);
 }
-const ce = (t) => {
-  N() && t.isFirstLevel && Qe(t.element);
-}, Ye = (t) => {
-  t.querySelectorAll(`[${R}]`).forEach((e) => {
-    const r = e.getAttribute(R);
-    r !== null && (e.className = r, e.removeAttribute(R));
-  });
-}, fe = (t) => {
-  t.setAttribute(ue, "");
-}, Ze = (t) => {
-  t.querySelectorAll(`[${ue}]`).forEach((e) => {
-    g(e);
-  });
+const he = (t) => {
+  k() && t.isFirstLevel && Ze(t.element);
 }, Ke = (t) => {
-  t.setAttribute(M, t.textContent ?? "");
-}, he = (t) => {
-  N() && t.isFirstLevel && Ke(t.element);
-}, xe = (t) => {
   t.querySelectorAll(`[${M}]`).forEach((e) => {
-    e.textContent = e.getAttribute(M), e.removeAttribute(M);
+    const r = e.getAttribute(M);
+    r !== null && (e.className = r, e.removeAttribute(M));
+  });
+}, de = (t) => {
+  t.setAttribute(ce, "");
+}, xe = (t) => {
+  t.querySelectorAll(`[${ce}]`).forEach((e) => {
+    _(e);
   });
 }, et = (t) => {
-  Ze(t), Ye(t), ze(t), xe(t);
-}, de = () => {
+  t.setAttribute($, t.textContent ?? "");
+}, pe = (t) => {
+  k() && t.isFirstLevel && et(t.element);
+}, tt = (t) => {
+  t.querySelectorAll(`[${$}]`).forEach((e) => {
+    e.textContent = e.getAttribute($), e.removeAttribute($);
+  });
+}, rt = (t) => {
+  xe(t), Ke(t), Ye(t), tt(t);
+}, me = () => {
   const t = globalThis;
   return t.__tempoSSR__ == null && (t.__tempoSSR__ = {
     isSSR: !1,
     counter: 0
   }), t.__tempoSSR__;
-}, U = (t, e) => {
-  const r = de();
+}, J = (t, e) => {
+  const r = me();
   r[t] = e;
-}, pe = (t) => de()[t], B = (t) => {
-  U("isSSR", t);
-}, G = () => pe("counter"), tt = () => {
-  U("counter", (G() ?? 0) + 1);
-}, rt = () => {
-  U("counter", (G() ?? 0) - 1);
+}, ge = (t) => me()[t], B = (t) => {
+  J("isSSR", t);
+}, W = () => ge("counter"), st = () => {
+  J("counter", (W() ?? 0) + 1);
+}, nt = () => {
+  J("counter", (W() ?? 0) - 1);
 }, Ot = (t = 30) => (B(!0), new Promise((e, r) => {
   let s;
   const n = setInterval(() => {
-    G() <= 0 && (clearInterval(n), clearTimeout(s), B(!1), e());
+    W() <= 0 && (clearInterval(n), clearTimeout(s), B(!1), e());
   }, 30);
   s = setTimeout(() => {
     clearInterval(n), B(!1), r(new Error("SSR Timeout"));
   }, t * 1e3);
-})), Nt = (t) => (tt(), c(t(rt))), N = () => pe("isSSR"), me = (t, e) => {
+})), kt = (t) => (st(), f(t(nt))), k = () => ge("isSSR"), _e = (t, e) => {
   if (typeof e == "function")
-    return me(t, { then: e });
-  const r = e.pending != null ? c(e.pending) : y, s = e.then, n = e.error != null ? (o) => c(e.error(o)) : () => y;
+    return _e(t, { then: e });
+  const r = e.pending != null ? f(e.pending) : S, s = e.then, n = e.error != null ? (o) => f(e.error(o)) : () => S;
   return (o) => {
     let i = !0;
-    const a = t();
+    const l = t();
     o = o.makeRef();
-    let u = c(r)(o);
-    return a.then(
-      (f) => {
-        i && (u(!0), u = c(s(f))(o));
+    let a = f(r)(o);
+    return l.then(
+      (c) => {
+        i && (a(!0), a = f(s(c))(o));
       },
-      (f) => {
-        i && (u(!0), u = c(n(f))(o));
+      (c) => {
+        i && (a(!0), a = f(n(c))(o));
       }
-    ), (f) => {
-      i = !1, u(f), f && o.reference && g(o.reference);
+    ), (c) => {
+      i = !1, a(c), c && o.reference && _(o.reference);
     };
   };
-}, kt = (t, e) => me(() => t, e), ge = (t, e) => (r) => (r.element.addEventListener(t, e), (s) => {
+}, Nt = (t, e) => _e(() => t, e), ve = (t, e) => (r) => (r.element.addEventListener(t, e), (s) => {
   s && r.element.removeEventListener(t, e);
-}), st = (t) => ge("click", (e) => {
+}), ot = (t) => ve("click", (e) => {
   e.preventDefault();
   const r = e.target;
   setTimeout(() => {
@@ -1115,15 +1115,15 @@ const ce = (t) => {
      * @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) => ge(e, r)
+    get: (t, e) => (r) => ve(e, r)
   }
-), nt = (t) => (e) => {
+), it = (t) => (e) => {
   const r = e.target;
   t(r.value);
-}, ot = (t) => (e) => {
+}, lt = (t) => (e) => {
   const r = e.target;
   t(r.valueAsNumber);
-}, it = (t) => (e) => {
+}, ut = (t) => (e) => {
   const r = e.target;
   if (r.value === "")
     return;
@@ -1133,7 +1133,7 @@ const ce = (t) => {
     Number(s[2].substring(0, 2))
   );
   t(n);
-}, lt = (t) => (e) => {
+}, at = (t) => (e) => {
   const r = e.target;
   if (r.value === "")
     return;
@@ -1152,43 +1152,48 @@ const ce = (t) => {
   e.stopPropagation(), t();
 }, Ft = (t) => (e) => {
   e.stopImmediatePropagation(), t();
-}, Vt = (t, e = "input") => w(
+}, Vt = (t, e = "input") => g(
   P.valueAsDate(t),
-  q[e](it(t.set))
-), qt = (t, e = "input") => w(
+  q[e](ut(t.set))
+), qt = (t, e = "input") => g(
   P.valueAsDate(t),
-  q[e](lt(t.set))
-), It = (t, e = "input") => w(
+  q[e](at(t.set))
+), It = (t, e = "input") => g(
   P.valueAsNumber(t),
-  q[e](ot(t.set))
-), Bt = (t, e = "input") => w(P.value(t), q[e](nt(t.set))), jt = (t) => w(P.checked(t), st(t.set)), J = (t, e) => (r) => {
-  r = r.makeRef();
-  let s, n;
-  const o = t.map((u) => Object.keys(u)[0]);
-  let i;
-  const a = o.on((u) => {
-    if (u !== i) {
-      n == null || n.dispose(), s == null || s(!0), n = t.map((d) => d[u]);
-      const f = e[u](n);
-      s = c(f)(r), i = u;
-    }
-  });
-  return (u) => {
-    a(), u && r.reference != null && g(r.reference), s == null || s(!0);
-  };
-}, _e = (t, e, r) => J(
-  t.map((s) => ({ [s[e]]: s })),
+  q[e](lt(t.set))
+), Bt = (t, e = "input") => g(P.value(t), q[e](it(t.set))), jt = (t) => g(P.checked(t), ot(t.set)), H = (t, e) => {
+  if (h.is(t))
+    return (s) => {
+      s = s.makeRef();
+      let n, o;
+      const i = t.map((c) => Object.keys(c)[0]);
+      let l;
+      const a = i.on((c) => {
+        if (c !== l) {
+          o == null || o.dispose(), n == null || n(!0), o = t.map((v) => v[c]);
+          const d = e[c](o);
+          n = f(d)(s), l = c;
+        }
+      });
+      return (c) => {
+        a(), c && s.reference != null && _(s.reference), n == null || n(!0);
+      };
+    };
+  const r = Object.keys(t)[0];
+  return f(e[r](G(t[r])));
+}, ye = (t, e, r) => H(
+  h.map(t, (s) => ({ [s[e]]: s })),
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   r
-), Ut = (t, e) => _e(t, "kind", e), Gt = (t, e) => {
-  const r = t.map(([s, n]) => ({ [s]: n }));
-  return J(r, e);
-}, Jt = (t, e) => _e(t, "type", e), W = (t, e) => J(
-  t.map((r) => ({ [r]: !0 })),
+), Ut = (t, e) => ye(t, "kind", e), Gt = (t, e) => {
+  const r = h.map(t, ([s, n]) => ({ [s]: n }));
+  return H(r, e);
+}, Jt = (t, e) => ye(t, "type", e), X = (t, e) => H(
+  h.map(t, (r) => ({ [r]: !0 })),
   e
 ), Wt = (t, e = {}) => (r) => {
-  const s = (e == null ? void 0 : e.firstSeparator) ?? y, n = (e == null ? void 0 : e.lastSeparator) ?? y;
-  return W(
+  const s = (e == null ? void 0 : e.firstSeparator) ?? t, n = (e == null ? void 0 : e.lastSeparator) ?? t;
+  return X(
     r.map((o) => o.isFirst ? "first" : o.isLast ? "last" : "other"),
     {
       first: () => s,
@@ -1196,127 +1201,153 @@ const ce = (t) => {
       other: () => t
     }
   );
-}, ve = (t, e) => (r) => {
+}, we = (t, e) => (r) => {
   const s = Object.values(t).reduce((n, o) => {
     const i = r.getProvider(o);
     if (i == null)
       throw new Error(`No provider found for mark: ${o.description}`);
     return n[o] = i, n;
   }, {});
-  return c(e(s))(r);
+  return f(e(s))(r);
 }, Ht = (t, e) => (r) => {
   const s = [], n = Object.entries(t).reduce(
-    (o, [i, a]) => (s.push(
-      a((u) => (Reflect.set(o, i, u), null))(r)
+    (o, [i, l]) => (s.push(
+      l((a) => (Reflect.set(o, i, a), null))(r)
     ), o),
     {}
   );
   return s.push(e(n)(r)), (o) => {
     s.forEach((i) => i(o));
   };
-}, Xt = (t, e) => ve([t], (r) => c(e(r[t]))), zt = (t, e) => ve(t, (r) => c(e(r))), Qt = (t) => (e) => t(e), Yt = (t) => (e) => (e.appendOrInsert(t), (r) => {
-  r && g(t);
-}), ut = (t, e, r) => (s) => {
-  s = s.makeRef();
-  let n = null, o = !1;
-  const i = C(null), a = t.on((u) => {
-    u == null ? (n == null || n(!0), n = c((r == null ? void 0 : r()) ?? y)(s), o = !1) : (i.value = u, o || (n == null || n(!0), n = c(e(i))(s), o = !0));
-  });
-  return (u) => {
-    a(), n == null || n(u), u && s.reference && g(s.reference);
-  };
-}, j = (t) => (e) => (r) => t(r, e), we = (t, e, r) => r != null ? we(t, (s) => {
-  const n = s.map((o) => o.isLast ? "last" : "other");
-  return w(
-    j(() => n.dispose()),
-    c(e(s)),
-    W(n, {
-      last: () => y,
-      other: () => r(s)
+}, Xt = (t, e) => we([t], (r) => f(e(r[t]))), zt = (t, e) => we(t, (r) => f(e(r))), Qt = (t) => (e) => t(e), Yt = (t) => (e) => (e.appendOrInsert(t), (r) => {
+  r && _(t);
+}), ct = (t, e, r) => {
+  if (h.is(t)) {
+    const s = t;
+    return (n) => {
+      n = n.makeRef();
+      let o = null, i = !1;
+      const l = C(null), a = s.on((c) => {
+        c == null ? (o == null || o(!0), o = f((r == null ? void 0 : r()) ?? S)(n), i = !1) : (l.value = c, i || (o == null || o(!0), o = f(e(l))(n), i = !0));
+      });
+      return (c) => {
+        a(), o == null || o(c), c && n.reference && _(n.reference);
+      };
+    };
+  } else {
+    const s = t;
+    if (s == null) {
+      const n = r == null ? void 0 : r();
+      return n != null ? f(n) : S;
+    }
+    return f(e(G(s)));
+  }
+}, j = (t) => (e) => (r) => t(r, e), Se = (t, e, r) => r != null ? Se(t, (s) => {
+  const n = s.map((i) => new R(i.index, i.total - 1)), o = s.map((i) => i.isLast ? "last" : "other");
+  return g(
+    j(() => {
+      n.dispose(), o.dispose();
+    }),
+    f(e(s)),
+    X(o, {
+      last: () => S,
+      other: () => r(n)
     })
   );
-}) : (s) => {
+}) : h.is(t) ? (s) => {
   s = s.makeRef();
   const n = t.map(
-    (u) => Array.from({ length: u }, (f, d) => d).map(
-      (f) => new ke(f, u)
+    (a) => Array.from({ length: a }, (c, d) => d).map(
+      (c) => new R(c, a)
     )
-  ), o = [], i = [], a = n.on((u) => {
-    var d, S;
-    const f = u.length;
-    for (; f < o.length; )
-      (d = o.pop()) == null || d(!0), (S = i.pop()) == null || S.dispose();
-    for (let m = 0; m < f; m++)
+  ), o = [], i = [], l = n.on((a) => {
+    var d, v;
+    const c = a.length;
+    for (; c < o.length; )
+      (d = o.pop()) == null || d(!0), (v = i.pop()) == null || v.dispose();
+    for (let m = 0; m < c; m++)
       if (i[m] == null) {
-        i[m] = C(u[m]);
-        const D = c(e(i[m]));
+        i[m] = C(a[m]);
+        const D = f(e(i[m]));
         o[m] = D(s);
       } else
-        i[m].value = u[m];
+        i[m].value = a[m];
   });
-  return (u) => {
-    a(), u && s.reference && g(s.reference);
+  return (a) => {
+    l(), a && s.reference && _(s.reference);
   };
-}, at = (t, e, r) => r != null ? at(t, (s, n) => {
-  const o = n.map((i) => i.isLast ? "last" : "other");
-  return w([
-    j(() => o.dispose()),
-    c(e(s, n)),
-    W(o, {
-      last: () => y,
-      other: () => r(n)
+} : g(
+  ...Array.from({ length: t }, (s, n) => n).map(
+    (s) => f(e(G(new R(s, t))))
+  )
+), ft = (t, e, r) => r != null ? ft(t, (s, n) => {
+  const o = n.map((l) => new R(l.index, l.total - 1)), i = n.map((l) => l.isLast ? "last" : "other");
+  return g([
+    j(() => {
+      i.dispose(), o.dispose();
+    }),
+    f(e(s, n)),
+    X(i, {
+      last: () => S,
+      other: () => r(o)
     })
   ]);
 }) : (s) => {
-  const n = t.map((o) => o.length);
-  return we(n, (o) => {
-    const i = V(
-      () => t.value[o.value.index],
-      [o, t]
-    );
-    return w(
+  const n = h.map(t, (o) => o.length);
+  return Se(n, (o) => {
+    const i = $e(
+      o,
+      t
+    )((l, a) => a[l.index]);
+    return g(
       j(() => i.dispose()),
-      c(e(i, o))
+      f(e(i, o))
     );
   })(s);
-}, Zt = (t, e) => (r) => {
-  r = r.makeRef();
-  const s = t.map((i) => c(e(i)));
-  let n = () => {
-  };
-  const o = s.on((i) => {
-    n(!0), n = i(r);
-  });
-  return (i) => {
-    o(), n(i);
-  };
-}, ye = (t, e, r) => ut(
-  t.map((s) => s ? !0 : null),
+}, Zt = (t, e) => {
+  if (h.is(t)) {
+    const r = t;
+    return (s) => {
+      s = s.makeRef();
+      const n = r.map((l) => f(e(l)));
+      let o = () => {
+      };
+      const i = n.on((l) => {
+        o(!0), o = l(s);
+      });
+      return (l) => {
+        i(), o(l);
+      };
+    };
+  }
+  return f(e(t));
+}, Ae = (t, e, r) => ct(
+  h.map(t, (s) => s ? !0 : null),
   () => e,
   r != null ? () => r : void 0
-), Kt = (t, e, r) => ye(
-  t.map((s) => !s),
+), Kt = (t, e, r) => Ae(
+  h.map(t, (s) => !s),
   e,
   r
-), xt = (t, e, r = y) => ye(
-  t.map((s) => s.length > 0),
+), xt = (t, e, r = S) => Ae(
+  h.map(t, (s) => s.length > 0),
   e,
   r
 ), er = (t) => (e) => t(e.element) ?? (() => {
-}), Se = (t, e) => {
+}), Ee = (t, e) => {
   const r = t(e);
   return () => r(!0);
 }, tr = (t, e, { doc: r, clear: s } = {}) => {
   const n = typeof e == "string" ? (r ?? document).querySelector(e) : e;
   if (n === null)
-    throw new ct(
+    throw new ht(
       `Cannot find element by selector for render: ${e}`
     );
-  s !== !1 && (r ?? n.ownerDocument) != null && et(r ?? n.ownerDocument);
-  const o = Ue(n), i = se(n) ? void 0 : n, a = v.of(o, i);
-  return Se(t, a);
+  s !== !1 && (r ?? n.ownerDocument) != null && rt(r ?? n.ownerDocument);
+  const o = Je(n), i = oe(n) ? void 0 : n, l = w.of(o, i);
+  return Ee(t, l);
 };
-class ct extends Error {
+class ht extends Error {
   constructor(e) {
     super(e);
   }
@@ -1325,16 +1356,16 @@ const rr = (t, e) => (r) => {
   const s = r.document.querySelector(t);
   if (s === null)
     throw new Error(`Cannot find element by selector for portal: ${t}`);
-  return Se(
-    c(e),
+  return Ee(
+    f(e),
     r.withElement(s).withFirstLevel()
   );
-}, sr = (t) => Symbol(t), Ae = (t, e) => (r) => c(e)(r.withProviders(t)), nr = (...t) => t.length > 0 ? t.reduceRight((e, r) => (s) => e(r(s))) : c, or = (t, e, r) => Ae({ [t]: e }, c(r)), ir = (t, e) => Ae(t, c(e)), ft = (t, e) => (r) => {
+}, sr = (t) => Symbol(t), Pe = (t, e) => (r) => f(e)(r.withProviders(t)), nr = (...t) => t.length > 0 ? t.reduceRight((e, r) => (s) => e(r(s))) : f, or = (t, e, r) => Pe({ [t]: e }, f(r)), ir = (t, e) => Pe(t, f(e)), dt = (t, e) => (r) => {
   const s = r.element, n = s.style.getPropertyValue(t);
   return s.style.setProperty(t, e), (o) => {
     o && s.style.setProperty(t, n);
   };
-}, ht = (t, e) => (r) => {
+}, pt = (t, e) => (r) => {
   const s = r.element, n = s.style.getPropertyValue(t);
   return e.on((o) => s.style.setProperty(t, o)), (o) => {
     o && s.style.setProperty(t, n);
@@ -1350,11 +1381,11 @@ const rr = (t, e) => (r) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? ht(e, r) : ft(e, r)
+    get: (t, e) => (r) => h.is(r) ? pt(e, r) : dt(e, r)
   }
 );
 export {
-  kt as Async,
+  Nt as Async,
   jt as BindChecked,
   Vt as BindDate,
   qt as BindDateTime,
@@ -1362,64 +1393,64 @@ export {
   Bt as BindText,
   E as Computed,
   Wt as Conjunction,
-  v as DOMContext,
+  w as DOMContext,
   Yt as DOMNode,
-  ie as El,
-  le as ElNS,
-  ke as ElementPosition,
-  y as Empty,
-  ut as Ensure,
-  at as ForEach,
-  w as Fragment,
+  ue as El,
+  ae as ElNS,
+  R as ElementPosition,
+  S as Empty,
+  ct as Ensure,
+  ft as ForEach,
+  g as Fragment,
   Zt as MapSignal,
-  Q as MemoryStore,
+  Z as MemoryStore,
   xt as NotEmpty,
-  st as OnChecked,
+  ot as OnChecked,
   Qt as OnCtx,
   er as OnMount,
   j as OnUnmount,
-  J as OneOf,
-  _e as OneOfField,
+  H as OneOf,
+  ye as OneOfField,
   Ut as OneOfKind,
   Gt as OneOfTuple,
   Jt as OneOfType,
-  W as OneOfValue,
+  X as OneOfValue,
   rr as Portal,
-  $ as Prop,
+  F as Prop,
   nr as Provide,
-  je as ProviderNotFoundError,
-  ct as RenderingError,
-  we as Repeat,
+  Ge as ProviderNotFoundError,
+  ht as RenderingError,
+  Se as Repeat,
   h as Signal,
-  me as Task,
+  _e as Task,
   St as TextNode,
   Kt as Unless,
   Ht as Use,
   Xt as UseProvider,
   zt as UseProviders,
-  Nt as UseSSRDone,
-  ye as When,
+  kt as UseSSRDone,
+  Ae as When,
   or as WithProvider,
   ir as WithProviders,
-  fe as _addNodeTracker,
-  et as _clearSSR,
-  Ue as _getSelfOrParentElement,
-  se as _isElement,
-  re as _makeGetter,
-  te as _makeSetter,
-  ae as _maybeAddAttributeTracker,
-  ce as _maybeAddClassTracker,
-  he as _maybeAddTextTracker,
-  g as _removeDOMNode,
-  Be as _setAttribute,
-  Fe as _setBooleanProperty,
-  qe as _setDateProperty,
-  Ve as _setNumberProperty,
-  Ie as _setStringProperty,
-  oe as _signalText,
-  ne as _staticText,
-  wt as animateSignal,
-  $e as animateSignals,
+  de as _addNodeTracker,
+  rt as _clearSSR,
+  Je as _getSelfOrParentElement,
+  oe as _isElement,
+  ne as _makeGetter,
+  se as _makeSetter,
+  fe as _maybeAddAttributeTracker,
+  he as _maybeAddClassTracker,
+  pe as _maybeAddTextTracker,
+  _ as _removeDOMNode,
+  Ue as _setAttribute,
+  qe as _setBooleanProperty,
+  Be as _setDateProperty,
+  Ie as _setNumberProperty,
+  je as _setStringProperty,
+  le as _signalText,
+  ie as _staticText,
+  yt as animateSignal,
+  Ve as animateSignals,
   Et as aria,
   P as attr,
   At as dataAttr,
@@ -1427,37 +1458,37 @@ export {
   Mt as emitPreventDefault,
   Ft as emitStopImmediatePropagation,
   $t as emitStopPropagation,
-  nt as emitValue,
-  it as emitValueAsDate,
-  lt as emitValueAsDateTime,
-  ot as emitValueAsNumber,
-  Oe as endInterpolate,
-  Ne as guessInterpolate,
+  it as emitValue,
+  ut as emitValueAsDate,
+  at as emitValueAsDateTime,
+  lt as emitValueAsNumber,
+  Ne as endInterpolate,
+  Re as guessInterpolate,
   bt as html,
   Tt as input,
-  Le as interpolateDate,
-  Te as interpolateNumber,
-  Ce as interpolateString,
-  N as isSSR,
+  ke as interpolateDate,
+  Le as interpolateNumber,
+  Oe as interpolateString,
+  k as isSSR,
   _t as localStorageProp,
-  V as makeComputed,
-  pt as makeComputedOf,
-  yt as makeComputedRecord,
-  Me as makeEffect,
-  mt as makeEffectOf,
+  U as makeComputed,
+  $e as makeComputedOf,
+  wt as makeComputedRecord,
+  Fe as makeEffect,
+  gt as makeEffectOf,
   C as makeProp,
   sr as makeProviderMark,
-  gt as makeSignal,
+  G as makeSignal,
   Lt as math,
   Dt as mathAttr,
   q as on,
   Ot as prepareSSR,
-  xe as removeTextTrackers,
+  tt as removeTextTrackers,
   tr as render,
-  Se as renderWithContext,
-  c as renderableOfTNode,
+  Ee as renderWithContext,
+  f as renderableOfTNode,
   vt as sessionStorageProp,
-  Y as storedProp,
+  K as storedProp,
   lr as style,
   Ct as svg,
   Pt as svgAttr