@tempots/dom 20.0.1 → 21.0.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 Ce = Object.defineProperty;
+var Le = (t, e, r) => e in t ? Ce(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var u = (t, e, r) => Le(t, typeof e != "symbol" ? e + "" : e, r);
+const Oe = (t, e, r) => t + (e - t) * r;
+const ke = (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 {
+}, Ne = (t, e, r) => new Date(t.getTime() + (e.getTime() - t.getTime()) * r), Re = (t, e) => e, Me = (t) => typeof t == "number" ? Oe : typeof t == "string" ? ke : t instanceof Date ? Ne : Re;
+class M {
   /**
    * Creates a new instance of `ElementPosition`.
    * @param index - The index of the element.
@@ -43,21 +43,21 @@ 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 {
+const C = class C {
   /**
    * Represents a signal with a value of type T.
    *
@@ -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) => {
-      const o = C(r, n);
-      let i = 0, a = new AbortController();
+    u(this, "mapAsync", (e, r, s, n = (o, i) => o === i) => {
+      const o = L(r, n);
+      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(L(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,8 +338,8 @@ 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) => {
-  const o = new p(r, n);
+u(C, "ofPromise", (e, r, s, n = (o, i) => o === i) => {
+  const o = new C(r, n);
   return e.then((i) => o._setAndNotify(i, !1)).catch((i) => {
     s != null ? o._setAndNotify(s(i), !1) : console.error(
       "Unhandled promise rejection in Signal.ofPromise:",
@@ -352,47 +352,12 @@ 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(C, "is", (e) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   e != null && e.$__signal__ === !0
-)), /**
- * Wraps a value or a Signal instance into a Signal.
- * If the value is already a Signal, it returns the value itself.
- * If the value is not a Signal, it creates a new Signal instance with the given value.
- *
- * @typeParam O - The type of the value.
- * @param value - The value or Signal instance to wrap.
- * @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)), /**
- * 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)), /**
- * 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), /**
- * 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.
- *
- * @param value - The input value to be mapped.
- * @param fn - The mapping function to be applied to the value.
- * @returns A new `Signal` with the mapped value if the input value is a `Signal`,
- * otherwise, the result of applying the mapping function to the value.
- *
- * @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));
-let h = p;
-const Re = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
+));
+let h = C;
+const $e = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
 class E extends h {
   /**
    * Represents a Signal object.
@@ -404,36 +369,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(() => {
+      $e(() => {
         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 +415,26 @@ class E extends h {
     return this.get();
   }
 }
-const F = class F extends h {
+const q = class q 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 +443,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 +468,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 q(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 +478,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 +498,156 @@ 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(q, "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 = q;
+const J = (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) => {
+}, Ve = (t, e) => J(t, e).dispose, L = (t, e = (r, s) => r === s) => new F(t, e), I = (t, e = (r, s) => r === s) => new h(t, e), m = {
+  /**
+   * Maps a value or a Signal to a new value.
+   * If the value is a Signal, it returns a new Signal with the mapped value.
+   * If the value is not a Signal, it returns the mapped value.
+   *
+   * @typeParam T - The type of the value.
+   * @typeParam U - The type of the new value.
+   * @param value - The value or Signal to map.
+   * @param fn - The function to map the value.
+   * @returns The mapped value.
+   */
+  map: (t, e) => h.is(t) ? t.map(e) : e(t),
+  /**
+   * Wraps a value or a Signal instance into a Signal.
+   * If the value is already a Signal, it returns the value itself.
+   * If the value is not a Signal, it creates a new Signal instance with the given value.
+   *
+   * @typeParam O - The type of the value.
+   * @param value - The value or Signal instance to wrap.
+   * @param equals - A function that determines if two values are equal. Defaults to strict equality (===).
+   * @returns A Signal instance.
+   */
+  toSignal: (t, e) => h.is(t) ? t : I(t, e),
+  /**
+   * 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`.
+   */
+  maybeToSignal: (t, e) => {
+    if (t != null)
+      return m.toSignal(t, e);
+  },
+  /**
+   * Gets the value from a `Signal` or the value itself if it is not a `Signal`.
+   * @param value - The value or Signal instance to get the value from.
+   * @returns The value.
+   */
+  get: (t) => h.is(t) ? t.get() : t,
+  /**
+   * Adds a listener to a `Signal` or calls the listener immediately if it is not a `Signal`.
+   * @param value - The value or Signal instance to add the listener to.
+   * @param listener - The listener to call when the value changes.
+   * @returns A function to remove the listener.
+   */
+  on: (t, e) => h.is(t) ? t.on(e) : (e(t), () => {
+  })
+}, Fe = (...t) => (e, r) => {
   const s = t.filter((n) => h.is(n));
-  return V(
-    () => e(...t.map((n) => h.unwrap(n))),
+  return J(
+    () => e(...t.map((n) => m.get(n))),
     s,
     r
   );
-}, Me = (t, e) => V(t, e).dispose, mt = (...t) => (e) => {
+}, _t = (...t) => (e) => {
   const r = t.filter((s) => h.is(s));
-  Me(
-    () => 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 {
+  Ve(() => e(...t.map(m.get)), r);
+};
+class K {
   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 x = ({
   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;
+}, vt = (t) => x({
   ...t,
-  store: (window == null ? void 0 : window.localStorage) ?? new Q()
-}), vt = (t) => Y({
+  store: (window == null ? void 0 : window.localStorage) ?? new K()
+}), yt = (t) => x({
   ...t,
-  store: (window == null ? void 0 : window.sessionStorage) ?? new Q()
+  store: (window == null ? void 0 : window.sessionStorage) ?? new K()
 });
-function z(t) {
+function Z(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 D = new E(e, i), A = C(t, i);
+const qe = (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, R) => y === R);
+  let l = s == null ? void 0 : s.interpolate, a = t, c = e(), d = performance.now(), v = null, p = !0;
+  const D = new E(e, i), A = L(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 be = (y) => {
+    c = y, d = performance.now(), a = A.value, p && (p = !1, v = Z(Q));
+  }, Q = () => {
+    const R = (performance.now() - d) / m.get(n), Te = o(R);
+    l == null && (l = Me(a));
+    let Y = l(a, c, Te);
+    R >= 1 ? (p = !0, Y = c) : v = Z(Q), A.set(Y);
   };
-  return D.on(Ee), A;
-}, wt = (t, e) => {
+  return D.on(be), A;
+}, St = (t, e) => {
   const { initialValue: r, ...s } = e ?? {};
-  return $e(
+  return qe(
     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 J(() => (r.forEach(([o, i]) => s[o] = i.value), e(s)), n);
+}, ee = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), te = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), x = /* @__PURE__ */ new Set(["valueAsDate"]), ee = /* @__PURE__ */ new Set([
+]), re = /* @__PURE__ */ new Set(["valueAsDate"]), se = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -645,25 +655,25 @@ const $e = (t, e, r, s) => {
   "outerHTML",
   "className",
   "classList"
-]), I = /* @__PURE__ */ new Map(), b = (t, e) => {
-  if (I.has(t))
-    return I.get(t);
+]), j = /* @__PURE__ */ new Map(), b = (t, e) => {
+  if (j.has(t))
+    return j.get(t);
   {
     const r = e(t);
-    return I.set(t, r), r;
+    return j.set(t, r), r;
   }
-}, Fe = (t) => (e, r) => {
+}, Ie = (t) => (e, r) => {
   r == null ? e[t] = null : e[t] = !!r;
-}, Ve = (t) => (e, r) => {
+}, Be = (t) => (e, r) => {
   r == null ? e[t] = null : e[t] = Number(r);
-}, qe = (t) => (e, r) => {
+}, je = (t) => (e, r) => {
   r == null ? e[t] = null : e[t] = r;
-}, Ie = (t) => (e, r) => {
+}, Ue = (t) => (e, r) => {
   r == null ? e[t] = null : e[t] = String(r);
-}, Be = (t) => (e, r) => {
+}, Ge = (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 {
+}, ne = (t) => ee.has(t) ? b(t, Ie) : te.has(t) ? b(t, Be) : re.has(t) ? b(t, je) : se.has(t) ? b(t, Ue) : b(t, Ge), oe = (t) => (e) => ee.has(t) ? !!e[t] : te.has(t) ? Number(e[t]) : re.has(t) ? e[t] : se.has(t) ? String(e[t]) : e.getAttribute(t);
+class S {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -681,19 +691,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 +712,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 +721,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 S(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 S(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 S(
       this.document,
       this.element,
       this.reference,
@@ -735,7 +745,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 S(
       this.document,
       this.element,
       e,
@@ -748,7 +758,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 S(
       this.document,
       this.element,
       this.reference,
@@ -765,7 +775,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 S(
       this.document,
       this.element,
       this.reference,
@@ -782,9 +792,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 Je(e);
       return this.providers[e];
     });
     this.document = e, this.element = r, this.reference = s, this.providers = n, this.isFirstLevel = o;
@@ -797,41 +807,41 @@ class v {
    * @returns A new `DOMContext` instance.
    */
   static of(e, r) {
-    return new v(e.ownerDocument, e, r, {}, !0);
+    return new S(e.ownerDocument, e, r, {}, !0);
   }
 }
-class je extends Error {
+class Je 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);
+}, He = (t) => ie(t) ? t : t.parentElement, ie = (t) => t.nodeType === 1, le = (t) => (e) => {
+  me(e);
   const r = e.createText(t);
   return e.appendOrInsert(r), (s) => {
-    s && g(r);
+    s && _(r);
   };
-}, oe = (t) => (e) => {
-  he(e);
+}, ue = (t) => (e) => {
+  me(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));
+}, At = (t) => h.is(t) ? ue(t) : le(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) => {
+}, w = () => () => {
+}, We = (t) => (e) => (de(e), e.element.classList.add(...t), (r) => {
   r && e.element.classList.remove(...t);
-}), Je = (t) => (e) => {
-  ce(e);
+}), Xe = (t) => (e) => {
+  de(e);
   const r = e.element;
   let s = [];
   const n = t.on((o) => {
@@ -840,22 +850,22 @@ const g = (t) => {
   return (o) => {
     n(), o && s.forEach((i) => r.classList.remove(i)), s.length = 0;
   };
-}, L = (t, e) => {
-  const r = te(t), s = re(t);
+}, O = (t, e) => {
+  const r = ne(t), s = oe(t);
   return (n) => {
-    ae(n, t);
+    he(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);
+}, k = (t, e) => {
+  const r = ne(t), s = oe(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);
+    he(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,17 +882,17 @@ 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) ? Xe(r) : We(
       (r ?? "").split(" ").filter((s) => s.length > 0)
-    ) : (r) => h.is(r) ? O(
+    ) : (r) => h.is(r) ? k(
       e,
       r
-    ) : L(
+    ) : O(
       e,
       r
     )
   }
-), At = new Proxy(
+), Et = new Proxy(
   {},
   {
     /**
@@ -893,12 +903,12 @@ const g = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? O(
+    get: (t, e) => (r) => h.is(r) ? k(
       `data-${e}`,
       r
-    ) : L(`data-${e}`, r)
+    ) : O(`data-${e}`, r)
   }
-), Et = new Proxy(
+), Pt = new Proxy(
   {},
   {
     /**
@@ -909,15 +919,15 @@ const g = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? O(
+    get: (t, e) => (r) => h.is(r) ? k(
       `aria-${e}`,
       r
-    ) : L(
+    ) : O(
       `aria-${e}`,
       r
     )
   }
-), Pt = new Proxy(
+), Dt = new Proxy(
   {},
   {
     /**
@@ -928,15 +938,15 @@ const g = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? O(
+    get: (t, e) => (r) => h.is(r) ? k(
       e,
       r
-    ) : L(
+    ) : O(
       e,
       r
     )
   }
-), Dt = new Proxy(
+), bt = new Proxy(
   {},
   {
     /**
@@ -946,29 +956,29 @@ const g = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? O(
+    get: (t, e) => (r) => h.is(r) ? k(
       e,
       r
-    ) : L(
+    ) : O(
       e,
       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 ? w : Array.isArray(t) ? g(...t.map(f)) : typeof t == "string" ? le(t) : h.is(t) ? ue(t) : t, ae = (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 && N() && pe(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) => {
+}, ce = (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 && N() && pe(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(
+}, Tt = new Proxy(
   {},
   {
     /**
@@ -976,9 +986,9 @@ 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) => ae(e, r.flatMap(f))
   }
-), Tt = new Proxy(
+), Ct = new Proxy(
   {},
   {
     /**
@@ -986,9 +996,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) => ae("input", P.type(e), ...r)
   }
-), We = "http://www.w3.org/2000/svg", Ct = new Proxy(
+), ze = "http://www.w3.org/2000/svg", Lt = new Proxy(
   {},
   {
     /**
@@ -996,9 +1006,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) => ce(e, ze, r.flatMap(f))
   }
-), He = "http://www.w3.org/1998/Math/MathML", Lt = new Proxy(
+), Qe = "http://www.w3.org/1998/Math/MathML", Ot = new Proxy(
   {},
   {
     /**
@@ -1006,9 +1016,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) => ce(e, Qe, 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", $ = "data-tempo-class", fe = "data-tempo-node", V = "data-tempo-text", Ye = (t, e) => {
   const r = t.getAttribute(e);
   if (r != null) {
     const s = t.getAttribute(T) ?? "{}", n = { ...JSON.parse(s), name: r };
@@ -1017,9 +1027,9 @@ const g = (t) => {
       JSON.stringify(n).replace(/"/g, "&quot;")
     );
   }
-}, ae = (t, e) => {
-  N() && t.isFirstLevel && Xe(t.element, e);
-}, ze = (t) => {
+}, he = (t, e) => {
+  N() && t.isFirstLevel && Ye(t.element, e);
+}, Ze = (t) => {
   t.querySelectorAll(`[${T}]`).forEach((e) => {
     const r = JSON.parse(
       (e.getAttribute(T) ?? "{}").replace(/&quot;/g, '"')
@@ -1029,85 +1039,85 @@ const g = (t) => {
     e.removeAttribute(T);
   });
 };
-function Qe(t) {
-  t.setAttribute(R, t.className);
+function Ke(t) {
+  t.setAttribute($, 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);
-  });
-}, Ke = (t) => {
-  t.setAttribute(M, t.textContent ?? "");
-}, he = (t) => {
+const de = (t) => {
   N() && t.isFirstLevel && Ke(t.element);
 }, xe = (t) => {
-  t.querySelectorAll(`[${M}]`).forEach((e) => {
-    e.textContent = e.getAttribute(M), e.removeAttribute(M);
+  t.querySelectorAll(`[${$}]`).forEach((e) => {
+    const r = e.getAttribute($);
+    r !== null && (e.className = r, e.removeAttribute($));
   });
+}, pe = (t) => {
+  t.setAttribute(fe, "");
 }, et = (t) => {
-  Ze(t), Ye(t), ze(t), xe(t);
-}, de = () => {
+  t.querySelectorAll(`[${fe}]`).forEach((e) => {
+    _(e);
+  });
+}, tt = (t) => {
+  t.setAttribute(V, t.textContent ?? "");
+}, me = (t) => {
+  N() && t.isFirstLevel && tt(t.element);
+}, rt = (t) => {
+  t.querySelectorAll(`[${V}]`).forEach((e) => {
+    e.textContent = e.getAttribute(V), e.removeAttribute(V);
+  });
+}, st = (t) => {
+  et(t), xe(t), Ze(t), rt(t);
+}, ge = () => {
   const t = globalThis;
   return t.__tempoSSR__ == null && (t.__tempoSSR__ = {
     isSSR: !1,
     counter: 0
   }), t.__tempoSSR__;
-}, U = (t, e) => {
-  const r = de();
+}, H = (t, e) => {
+  const r = ge();
   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);
-}, Ot = (t = 30) => (B(!0), new Promise((e, r) => {
+}, _e = (t) => ge()[t], U = (t) => {
+  H("isSSR", t);
+}, W = () => _e("counter"), nt = () => {
+  H("counter", (W() ?? 0) + 1);
+}, ot = () => {
+  H("counter", (W() ?? 0) - 1);
+}, kt = (t = 30) => (U(!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), U(!1), e());
   }, 30);
   s = setTimeout(() => {
-    clearInterval(n), B(!1), r(new Error("SSR Timeout"));
+    clearInterval(n), U(!1), r(new Error("SSR Timeout"));
   }, t * 1e3);
-})), Nt = (t) => (tt(), c(t(rt))), N = () => pe("isSSR"), me = (t, e) => {
+})), Nt = (t) => (nt(), f(t(ot))), N = () => _e("isSSR"), ve = (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 ve(t, { then: e });
+  const r = e.pending != null ? f(e.pending) : w, s = e.then, n = e.error != null ? (o) => f(e.error(o)) : () => w;
   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) => {
+}, Rt = (t, e) => ve(() => t, e), ye = (t, e) => (r) => (r.element.addEventListener(t, e), (s) => {
   s && r.element.removeEventListener(t, e);
-}), st = (t) => ge("click", (e) => {
+}), it = (t) => ye("click", (e) => {
   e.preventDefault();
   const r = e.target;
   setTimeout(() => {
     const s = r.ownerDocument != null ? r == null ? void 0 : r.checked : void 0;
     s != null && t(!s);
   }, 0);
-}), q = new Proxy(
+}), B = new Proxy(
   {},
   {
     /**
@@ -1115,15 +1125,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) => ye(e, r)
   }
-), nt = (t) => (e) => {
+), lt = (t) => (e) => {
   const r = e.target;
   t(r.value);
-}, ot = (t) => (e) => {
+}, ut = (t) => (e) => {
   const r = e.target;
   t(r.valueAsNumber);
-}, it = (t) => (e) => {
+}, at = (t) => (e) => {
   const r = e.target;
   if (r.value === "")
     return;
@@ -1133,7 +1143,7 @@ const ce = (t) => {
     Number(s[2].substring(0, 2))
   );
   t(n);
-}, lt = (t) => (e) => {
+}, ct = (t) => (e) => {
   const r = e.target;
   if (r.value === "")
     return;
@@ -1143,52 +1153,57 @@ const ce = (t) => {
     Number(n[2])
   ), i = s[1].split(":");
   o.setHours(Number(i[0])), o.setMinutes(Number(i[1])), o.setSeconds(Number(i[2])), t(o);
-}, Rt = (t) => (e) => {
+}, Mt = (t) => (e) => {
   const r = e.target;
   t(r.checked);
-}, Mt = (t) => (e) => {
-  e.preventDefault(), t();
 }, $t = (t) => (e) => {
+  e.preventDefault(), t();
+}, Vt = (t) => (e) => {
   e.stopPropagation(), t();
 }, Ft = (t) => (e) => {
   e.stopImmediatePropagation(), t();
-}, Vt = (t, e = "input") => w(
+}, qt = (t, e = "input") => g(
   P.valueAsDate(t),
-  q[e](it(t.set))
-), qt = (t, e = "input") => w(
+  B[e](at(t.set))
+), It = (t, e = "input") => g(
   P.valueAsDate(t),
-  q[e](lt(t.set))
-), It = (t, e = "input") => w(
+  B[e](ct(t.set))
+), Bt = (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 })),
+  B[e](ut(t.set))
+), jt = (t, e = "input") => g(P.value(t), B[e](lt(t.set))), Ut = (t) => g(P.checked(t), it(t.set)), X = (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](I(t[r])));
+}, Se = (t, e, r) => X(
+  m.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 })),
+), Gt = (t, e) => Se(t, "kind", e), Jt = (t, e) => {
+  const r = m.map(t, ([s, n]) => ({ [s]: n }));
+  return X(r, e);
+}, Ht = (t, e) => Se(t, "type", e), z = (t, e) => X(
+  m.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 z(
     r.map((o) => o.isFirst ? "first" : o.isLast ? "last" : "other"),
     {
       first: () => s,
@@ -1196,150 +1211,176 @@ 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);
-}, Ht = (t, e) => (r) => {
+  return f(e(s))(r);
+}, Xt = (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)
+}, zt = (t, e) => we([t], (r) => f(e(r[t]))), Qt = (t, e) => we(t, (r) => f(e(r))), Yt = (t) => (e) => t(e), Zt = (t) => (e) => (e.appendOrInsert(t), (r) => {
+  r && _(t);
+}), ft = (t, e, r) => {
+  if (h.is(t)) {
+    const s = t;
+    return (n) => {
+      n = n.makeRef();
+      let o = null, i = !1;
+      const l = L(null), a = s.on((c) => {
+        c == null ? (o == null || o(!0), o = f((r == null ? void 0 : r()) ?? w)(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) : w;
+    }
+    return f(e(I(s)));
+  }
+}, G = (t) => (e) => (r) => t(r, e), Ae = (t, e, r) => r != null ? Ae(t, (s) => {
+  const n = s.map((i) => new M(i.index, i.total - 1)), o = s.map((i) => i.isLast ? "last" : "other");
+  return g(
+    G(() => {
+      n.dispose(), o.dispose();
+    }),
+    f(e(s)),
+    z(o, {
+      last: () => w,
+      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 M(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++)
-      if (i[m] == null) {
-        i[m] = C(u[m]);
-        const D = c(e(i[m]));
-        o[m] = D(s);
+  ), 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 p = 0; p < c; p++)
+      if (i[p] == null) {
+        i[p] = L(a[p]);
+        const D = f(e(i[p]));
+        o[p] = D(s);
       } else
-        i[m].value = u[m];
+        i[p].value = a[p];
   });
-  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(I(new M(s, t))))
+  )
+), ht = (t, e, r) => r != null ? ht(t, (s, n) => {
+  const o = n.map((l) => new M(l.index, l.total - 1)), i = n.map((l) => l.isLast ? "last" : "other");
+  return g([
+    G(() => {
+      i.dispose(), o.dispose();
+    }),
+    f(e(s, n)),
+    z(i, {
+      last: () => w,
+      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(
-      j(() => i.dispose()),
-      c(e(i, o))
+  const n = m.map(t, (o) => o.length);
+  return Ae(n, (o) => {
+    const i = Fe(
+      o,
+      t
+    )((l, a) => a[l.index]);
+    return g(
+      G(() => i.dispose()),
+      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),
+}, Kt = (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));
+}, Ee = (t, e, r) => ft(
+  m.map(t, (s) => s ? !0 : null),
   () => e,
   r != null ? () => r : void 0
-), Kt = (t, e, r) => ye(
-  t.map((s) => !s),
+), xt = (t, e, r) => Ee(
+  m.map(t, (s) => !s),
   e,
   r
-), xt = (t, e, r = y) => ye(
-  t.map((s) => s.length > 0),
+), er = (t, e, r = w) => Ee(
+  m.map(t, (s) => s.length > 0),
   e,
   r
-), er = (t) => (e) => t(e.element) ?? (() => {
-}), Se = (t, e) => {
+), tr = (t) => (e) => t(e.element) ?? (() => {
+}), Pe = (t, e) => {
   const r = t(e);
   return () => r(!0);
-}, tr = (t, e, { doc: r, clear: s } = {}) => {
+}, rr = (t, e, { doc: r, clear: s } = {}) => {
   const n = typeof e == "string" ? (r ?? document).querySelector(e) : e;
   if (n === null)
-    throw new ct(
+    throw new dt(
       `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 && st(r ?? n.ownerDocument);
+  const o = He(n), i = ie(n) ? void 0 : n, l = S.of(o, i);
+  return Pe(t, l);
 };
-class ct extends Error {
+class dt extends Error {
   constructor(e) {
     super(e);
   }
 }
-const rr = (t, e) => (r) => {
+const sr = (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 Pe(
+    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) => {
+}, nr = (t) => Symbol(t), De = (t, e) => (r) => f(e)(r.withProviders(t)), or = (...t) => t.length > 0 ? t.reduceRight((e, r) => (s) => e(r(s))) : f, ir = (t, e, r) => De({ [t]: e }, f(r)), lr = (t, e) => De(t, f(e)), pt = (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) => {
+}, mt = (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);
   };
-}, lr = new Proxy(
+}, ur = new Proxy(
   {},
   {
     /**
@@ -1350,115 +1391,116 @@ 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) ? mt(e, r) : pt(e, r)
   }
 );
 export {
-  kt as Async,
-  jt as BindChecked,
-  Vt as BindDate,
-  qt as BindDateTime,
-  It as BindNumber,
-  Bt as BindText,
+  Rt as Async,
+  Ut as BindChecked,
+  qt as BindDate,
+  It as BindDateTime,
+  Bt as BindNumber,
+  jt as BindText,
   E as Computed,
   Wt as Conjunction,
-  v 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,
-  Zt as MapSignal,
-  Q as MemoryStore,
-  xt as NotEmpty,
-  st as OnChecked,
-  Qt as OnCtx,
-  er as OnMount,
-  j as OnUnmount,
-  J as OneOf,
-  _e as OneOfField,
-  Ut as OneOfKind,
-  Gt as OneOfTuple,
-  Jt as OneOfType,
-  W as OneOfValue,
-  rr as Portal,
-  $ as Prop,
-  nr as Provide,
-  je as ProviderNotFoundError,
-  ct as RenderingError,
-  we as Repeat,
+  S as DOMContext,
+  Zt as DOMNode,
+  ae as El,
+  ce as ElNS,
+  M as ElementPosition,
+  w as Empty,
+  ft as Ensure,
+  ht as ForEach,
+  g as Fragment,
+  Kt as MapSignal,
+  K as MemoryStore,
+  er as NotEmpty,
+  it as OnChecked,
+  Yt as OnCtx,
+  tr as OnMount,
+  G as OnUnmount,
+  X as OneOf,
+  Se as OneOfField,
+  Gt as OneOfKind,
+  Jt as OneOfTuple,
+  Ht as OneOfType,
+  z as OneOfValue,
+  sr as Portal,
+  F as Prop,
+  or as Provide,
+  Je as ProviderNotFoundError,
+  dt as RenderingError,
+  Ae as Repeat,
   h as Signal,
-  me as Task,
-  St as TextNode,
-  Kt as Unless,
-  Ht as Use,
-  Xt as UseProvider,
-  zt as UseProviders,
+  ve as Task,
+  At as TextNode,
+  xt as Unless,
+  Xt as Use,
+  zt as UseProvider,
+  Qt as UseProviders,
   Nt as UseSSRDone,
-  ye 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,
-  Et as aria,
+  m as Value,
+  Ee as When,
+  ir as WithProvider,
+  lr as WithProviders,
+  pe as _addNodeTracker,
+  st as _clearSSR,
+  He as _getSelfOrParentElement,
+  ie as _isElement,
+  oe as _makeGetter,
+  ne as _makeSetter,
+  he as _maybeAddAttributeTracker,
+  de as _maybeAddClassTracker,
+  me as _maybeAddTextTracker,
+  _ as _removeDOMNode,
+  Ge as _setAttribute,
+  Ie as _setBooleanProperty,
+  je as _setDateProperty,
+  Be as _setNumberProperty,
+  Ue as _setStringProperty,
+  ue as _signalText,
+  le as _staticText,
+  St as animateSignal,
+  qe as animateSignals,
+  Pt as aria,
   P as attr,
-  At as dataAttr,
-  Rt as emitChecked,
-  Mt as emitPreventDefault,
+  Et as dataAttr,
+  Mt as emitChecked,
+  $t 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,
-  bt as html,
-  Tt as input,
-  Le as interpolateDate,
-  Te as interpolateNumber,
-  Ce as interpolateString,
+  Vt as emitStopPropagation,
+  lt as emitValue,
+  at as emitValueAsDate,
+  ct as emitValueAsDateTime,
+  ut as emitValueAsNumber,
+  Re as endInterpolate,
+  Me as guessInterpolate,
+  Tt as html,
+  Ct as input,
+  Ne as interpolateDate,
+  Oe as interpolateNumber,
+  ke as interpolateString,
   N as isSSR,
-  _t as localStorageProp,
-  V as makeComputed,
-  pt as makeComputedOf,
-  yt as makeComputedRecord,
-  Me as makeEffect,
-  mt as makeEffectOf,
-  C as makeProp,
-  sr as makeProviderMark,
-  gt as makeSignal,
-  Lt as math,
-  Dt as mathAttr,
-  q as on,
-  Ot as prepareSSR,
-  xe as removeTextTrackers,
-  tr as render,
-  Se as renderWithContext,
-  c as renderableOfTNode,
-  vt as sessionStorageProp,
-  Y as storedProp,
-  lr as style,
-  Ct as svg,
-  Pt as svgAttr
+  vt as localStorageProp,
+  J as makeComputed,
+  Fe as makeComputedOf,
+  wt as makeComputedRecord,
+  Ve as makeEffect,
+  _t as makeEffectOf,
+  L as makeProp,
+  nr as makeProviderMark,
+  I as makeSignal,
+  Ot as math,
+  bt as mathAttr,
+  B as on,
+  kt as prepareSSR,
+  rt as removeTextTrackers,
+  rr as render,
+  Pe as renderWithContext,
+  f as renderableOfTNode,
+  yt as sessionStorageProp,
+  x as storedProp,
+  ur as style,
+  Lt as svg,
+  Dt as svgAttr
 };