@tempots/dom 20.1.0 → 22.0.0

package/index.js

@@ -1,8 +1,12 @@
-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) => {
+var Re = Object.defineProperty;
+var ee = (t) => {
+  throw TypeError(t);
+};
+var Me = (t, e, r) => e in t ? Re(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var u = (t, e, r) => Me(t, typeof e != "symbol" ? e + "" : e, r), te = (t, e, r) => e.has(t) || ee("Cannot " + r);
+var D = (t, e, r) => (te(t, e, "read from private field"), r ? r.call(t) : e.get(t)), re = (t, e, r) => e.has(t) ? ee("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), J = (t, e, r, s) => (te(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r);
+const $e = (t, e, r) => t + (e - t) * r;
+const Fe = (t, e, r) => {
   const s = Math.max(t.length, e.length);
   let n = "";
   for (let o = 0; o < s; o++) {
@@ -12,52 +16,50 @@ const Oe = (t, e, r) => {
     isNaN(l) && (l = 97), n += String.fromCharCode(i + (l - i) * r);
   }
   return n;
-}, 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 {
+}, Ve = (t, e, r) => new Date(t.getTime() + (e.getTime() - t.getTime()) * r), qe = (t, e) => e, Ie = (t) => typeof t == "number" ? $e : typeof t == "string" ? Fe : t instanceof Date ? Ve : qe;
+var y;
+class T {
   /**
    * Creates a new instance of `ElementPosition`.
    * @param index - The index of the element.
    * @param total - The total number of elements in the collection.
    */
   constructor(e, r) {
-    this.index = e, this.total = r;
-  }
-  /**
-   * Gets the counter of the element.
-   */
-  get counter() {
-    return this.index + 1;
-  }
-  /**
-   * Checks if the element is the first element in the collection.
-   * @returns `true` if the element is the first element, `false` otherwise.
-   */
-  get isFirst() {
-    return this.index === 0;
+    /**
+     * The counter of the element starting from 1.
+     */
+    u(this, "counter");
+    /**
+     * Checks if the element is the first element in the collection.
+     * @returns `true` if the element is the first element, `false` otherwise.
+     */
+    u(this, "isFirst");
+    /**
+     * Checks if the counter of the element is even.
+     * @returns `true` if the counter is even, `false` otherwise.
+     */
+    u(this, "isEven");
+    /**
+     * Checks if the counter of the element is odd.
+     * @returns `true` if the counter is odd, `false` otherwise.
+     */
+    u(this, "isOdd");
+    re(this, y);
+    u(this, "dispose", () => {
+      D(this, y) != null && (D(this, y).dispose(), J(this, y, void 0));
+    });
+    this.index = e, this.total = r, this.counter = e + 1, this.isFirst = e === 0, this.isEven = e % 2 === 1, this.isOdd = e % 2 === 0;
   }
   /**
    * Checks if the element is the last element in the collection.
    * @returns `true` if the element is the last element, `false` otherwise.
    */
   get isLast() {
-    return this.index === this.total - 1;
-  }
-  /**
-   * Checks if the counter of the element is even.
-   * @returns `true` if the counter is even, `false` otherwise.
-   */
-  get isEven() {
-    return this.index % 2 === 1;
-  }
-  /**
-   * Checks if the counter of the element is odd.
-   * @returns `true` if the counter is odd, `false` otherwise.
-   */
-  get isOdd() {
-    return this.index % 2 === 0;
+    return D(this, y) == null && J(this, y, this.total.map((e) => this.counter === e)), D(this, y);
   }
 }
-const p = class p {
+y = new WeakMap();
+const C = class C {
   /**
    * Represents a signal with a value of type T.
    *
@@ -241,21 +243,21 @@ const p = class p {
      * @returns A property that holds the mapped value and can be observed for changes.
      */
     u(this, "mapAsync", (e, r, s, n = (o, i) => o === i) => {
-      const o = C(r, n);
+      const o = V(r, n);
       let i = 0, l = new AbortController();
       return o.onDispose(
         this.on(async (a) => {
-          const c = ++i;
+          const f = ++i;
           l.abort(), l = new AbortController();
           try {
-            const d = await e(a, { abortSignal: l.signal });
-            c === i && o.set(d);
-          } catch (d) {
-            if (c === i)
+            const g = await e(a, { abortSignal: l.signal });
+            f === i && o.set(g);
+          } catch (g) {
+            if (f === i)
               if (s != null)
-                o.set(s(d));
+                o.set(s(g));
               else
-                throw d;
+                throw g;
           }
         })
       ), o;
@@ -286,7 +288,7 @@ const p = class p {
      * @param autoDisposeProp - Determines whether the derived property should be automatically disposed.
      * @returns The derived property.
      */
-    u(this, "deriveProp", (e = !0) => this.feedProp(C(this.get()), e));
+    u(this, "deriveProp", (e = !0) => this.feedProp(V(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.
@@ -338,8 +340,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.
  */
-u(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 +354,12 @@ u(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.
  */
-u(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.
- */
-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`.
- */
-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.
- */
-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.
- *
- * @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.
- */
-u(p, "map", (e, r) => p.is(e) ? e.map(r) : r(e));
-let h = p;
-const Me = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
+));
+let h = C;
+const Be = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
 class E extends h {
   /**
    * Represents a Signal object.
@@ -428,7 +395,7 @@ class E extends h {
      */
     u(this, "_scheduleNotify", () => {
       const r = ++this._scheduleCount;
-      Me(() => {
+      Be(() => {
         this._scheduleCount !== r || this._disposed !== !1 || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn(), !1));
       });
     });
@@ -450,7 +417,7 @@ class E extends h {
     return this.get();
   }
 }
-const V = class V extends h {
+const q = class q extends h {
   constructor() {
     super(...arguments);
     /**
@@ -504,7 +471,7 @@ const V = class V extends h {
      * @returns A Prop object representing the isomorphism.
      */
     u(this, "iso", (r, s, n = (o, i) => o === i) => {
-      const o = new V(r(this.get()), n);
+      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;
     });
     /**
@@ -533,29 +500,83 @@ const V = class V extends h {
  * @param value - The value to check.
  * @returns `true` if the value is a Prop, `false` otherwise.
  */
-u(V, "is", (r) => (
+u(q, "is", (r) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   r != null && r.$__prop__ === !0
 ));
-let F = V;
-const U = (t, e, r = (s, n) => s === n) => {
+let F = q;
+const z = (t, e, r = (s, n) => s === n) => {
   const s = new E(t, r);
   return e.forEach((n) => n.setDerivative(s)), s;
-}, $e = (...t) => (e, r) => {
+}, je = (t, e) => z(t, e).dispose, V = (t, e = (r, s) => r === s) => new F(t, e), I = (t, e = (r, s) => r === s) => new h(t, e), d = {
+  /**
+   * 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 d.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), () => {
+  }),
+  /**
+   * Disposes of a value or a Signal.
+   * If the value is a Signal, it disposes of the Signal.
+   * If the value is not a Signal, it does nothing.
+   * @param value - The value or Signal instance to dispose of.
+   */
+  dispose: (t) => {
+    h.is(t) && t.dispose();
+  }
+}, At = (...t) => (e, r) => {
   const s = t.filter((n) => h.is(n));
-  return U(
-    () => e(...t.map((n) => h.unwrap(n))),
+  return z(
+    () => e(...t.map((n) => d.get(n))),
     s,
     r
   );
-}, Fe = (t, e) => U(t, e).dispose, gt = (...t) => (e) => {
+}, Et = (...t) => (e) => {
   const r = t.filter((s) => h.is(s));
-  Fe(
-    () => e(...t.map(h.unwrap)),
-    r
-  );
-}, C = (t, e = (r, s) => r === s) => new F(t, e), G = (t, e = (r, s) => r === s) => new h(t, e);
-class Z {
+  je(() => e(...t.map(d.get)), r);
+};
+class ne {
   constructor() {
     u(this, "_store", /* @__PURE__ */ new Map());
     /**
@@ -574,7 +595,7 @@ class Z {
     });
   }
 }
-const K = ({
+const oe = ({
   key: t,
   defaultValue: e,
   store: r,
@@ -587,57 +608,57 @@ const K = ({
     l != null ? i(n(l)) : typeof e == "function" ? e() : e,
     o
   );
-  return a.on((c) => {
-    r.setItem(t, s(c));
+  return a.on((f) => {
+    r.setItem(t, s(f));
   }), a;
-}, _t = (t) => K({
+}, Pt = (t) => oe({
   ...t,
-  store: (window == null ? void 0 : window.localStorage) ?? new Z()
-}), vt = (t) => K({
+  store: (window == null ? void 0 : window.localStorage) ?? new ne()
+}), Dt = (t) => oe({
   ...t,
-  store: (window == null ? void 0 : window.sessionStorage) ?? new Z()
+  store: (window == null ? void 0 : window.sessionStorage) ?? new ne()
 });
-function Y(t) {
+function se(t) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 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);
+const Ue = (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) ?? ((_, R) => _ === R);
+  let l = s == null ? void 0 : s.interpolate, a = t, f = e(), g = performance.now(), w = null, U = !0;
+  const G = new E(e, i), A = V(t, i);
   A.onDispose(() => {
-    v !== null && cancelAnimationFrame(v);
-  }), A.onDispose(D.dispose), r.forEach((y) => {
-    y.setDerivative(D), y.onDispose(A.dispose);
+    w !== null && cancelAnimationFrame(w);
+  }), A.onDispose(G.dispose), r.forEach((_) => {
+    _.setDerivative(G), _.onDispose(A.dispose);
   });
-  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);
+  const Le = (_) => {
+    f = _, g = performance.now(), a = A.value, U && (U = !1, w = se(K));
+  }, K = () => {
+    const R = (performance.now() - g) / d.get(n), Ne = o(R);
+    l == null && (l = Ie(a));
+    let x = l(a, f, Ne);
+    R >= 1 ? (U = !0, x = f) : w = se(K), A.set(x);
   };
-  return D.on(De), A;
-}, yt = (t, e) => {
+  return G.on(Le), A;
+}, bt = (t, e) => {
   const { initialValue: r, ...s } = e ?? {};
-  return Ve(
+  return Ue(
     r ?? t.get(),
     t.get,
     [t],
     s
   );
-}, wt = (t, e) => {
+}, Tt = (t, e) => {
   const { signals: r, literals: s } = Object.entries(t).reduce(
     ({ 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 U(() => (r.forEach(([o, i]) => s[o] = i.value), e(s)), n);
-}, x = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), ee = /* @__PURE__ */ new Set([
+  return z(() => (r.forEach(([o, i]) => s[o] = i.value), e(s)), n);
+}, ie = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), le = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), te = /* @__PURE__ */ new Set(["valueAsDate"]), re = /* @__PURE__ */ new Set([
+]), ue = /* @__PURE__ */ new Set(["valueAsDate"]), ae = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -645,25 +666,25 @@ const Ve = (t, e, r, s) => {
   "outerHTML",
   "className",
   "classList"
-]), I = /* @__PURE__ */ new Map(), b = (t, e) => {
-  if (I.has(t))
-    return I.get(t);
+]), H = /* @__PURE__ */ new Map(), b = (t, e) => {
+  if (H.has(t))
+    return H.get(t);
   {
     const r = e(t);
-    return I.set(t, r), r;
+    return H.set(t, r), r;
   }
-}, qe = (t) => (e, r) => {
+}, Ge = (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] = Number(r);
-}, Be = (t) => (e, r) => {
+}, He = (t) => (e, r) => {
   r == null ? e[t] = null : e[t] = r;
-}, je = (t) => (e, r) => {
+}, We = (t) => (e, r) => {
   r == null ? e[t] = null : e[t] = String(r);
-}, Ue = (t) => (e, r) => {
+}, Xe = (t) => (e, r) => {
   r == null ? e.removeAttribute(t) : e.setAttribute(t, r);
-}, 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 {
+}, ce = (t) => ie.has(t) ? b(t, Ge) : le.has(t) ? b(t, Je) : ue.has(t) ? b(t, He) : ae.has(t) ? b(t, We) : b(t, Xe), fe = (t) => (e) => ie.has(t) ? !!e[t] : le.has(t) ? Number(e[t]) : ue.has(t) ? e[t] : ae.has(t) ? String(e[t]) : e.getAttribute(t);
+class v {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -711,18 +732,18 @@ class w {
      * @param document - The `Document` to use for the `DOMContext`.
      * @returns A new `DOMContext` instance.
      */
-    u(this, "withDocument", (e) => new w(e, this.element, this.reference, this.providers, !0));
+    u(this, "withDocument", (e) => new v(e, this.element, this.reference, this.providers, !0));
     /**
      * Creates a new `DOMContext` instance with the provided `element`.
      * @param element - The DOM element to use in the new `DOMContext` instance.
      * @returns A new `DOMContext` instance with the provided `element`.
      */
-    u(this, "withElement", (e) => new w(this.document, e, void 0, this.providers, !1));
+    u(this, "withElement", (e) => new v(this.document, e, void 0, this.providers, !1));
     /**
      * Creates a new `DOMContext` instance with the `isFirstLevel` property set to `true`.
      * @returns A new `DOMContext` instance with the `isFirstLevel` property set to `true`.
      */
-    u(this, "withFirstLevel", () => new w(
+    u(this, "withFirstLevel", () => new v(
       this.document,
       this.element,
       this.reference,
@@ -735,7 +756,7 @@ class w {
      * @param reference - The optional `Text` node to use as the reference for the new `DOMContext`.
      * @returns A new `DOMContext` instance with the specified reference.
      */
-    u(this, "withReference", (e) => new w(
+    u(this, "withReference", (e) => new v(
       this.document,
       this.element,
       e,
@@ -748,7 +769,7 @@ class w {
      * @param value - The value to set for the provider.
      * @returns A new DOMContext with the updated providers.
      */
-    u(this, "withProvider", (e, r) => new w(
+    u(this, "withProvider", (e, r) => new v(
       this.document,
       this.element,
       this.reference,
@@ -765,7 +786,7 @@ class w {
      * @param providers - An object containing the providers to be merged into the existing providers.
      * @returns A new DOMContext instance with the merged providers.
      */
-    u(this, "withProviders", (e) => new w(
+    u(this, "withProviders", (e) => new v(
       this.document,
       this.element,
       this.reference,
@@ -784,7 +805,7 @@ class w {
      */
     u(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
-        throw new Ge(e);
+        throw new ze(e);
       return this.providers[e];
     });
     this.document = e, this.element = r, this.reference = s, this.providers = n, this.isFirstLevel = o;
@@ -797,41 +818,41 @@ class w {
    * @returns A new `DOMContext` instance.
    */
   static of(e, r) {
-    return new w(e.ownerDocument, e, r, {}, !0);
+    return new v(e.ownerDocument, e, r, {}, !0);
   }
 }
-class Ge extends Error {
+class ze extends Error {
   constructor(e) {
     super(`Provider not found: ${e.description}`);
   }
 }
-const _ = (t) => {
+const m = (t) => {
   const e = t;
   e && e.onblur && (e.onblur = null), !(!t || t.ownerDocument === void 0) && t.parentElement && t.parentElement.removeChild(t);
-}, Je = (t) => oe(t) ? t : t.parentElement, oe = (t) => t.nodeType === 1, ie = (t) => (e) => {
-  pe(e);
+}, Qe = (t) => he(t) ? t : t.parentElement, he = (t) => t.nodeType === 1, de = (t) => (e) => {
+  we(e);
   const r = e.createText(t);
   return e.appendOrInsert(r), (s) => {
-    s && _(r);
+    s && m(r);
   };
-}, le = (t) => (e) => {
-  pe(e);
+}, pe = (t) => (e) => {
+  we(e);
   const r = e.createText(t.value);
   e.appendOrInsert(r);
   const s = t.on((n) => r.data = n);
   return (n) => {
-    s(), n && _(r);
+    s(), n && m(r);
   };
-}, St = (t) => h.is(t) ? le(t) : ie(t), g = (...t) => (e) => {
-  const r = t.map((s) => f(s)(e));
+}, Ot = (t) => h.is(t) ? pe(t) : de(t), p = (...t) => (e) => {
+  const r = t.map((s) => c(s)(e));
   return (s) => {
     r.forEach((n) => n(s));
   };
 }, S = () => () => {
-}, We = (t) => (e) => (he(e), e.element.classList.add(...t), (r) => {
+}, Ye = (t) => (e) => (ye(e), e.element.classList.add(...t), (r) => {
   r && e.element.classList.remove(...t);
-}), He = (t) => (e) => {
-  he(e);
+}), Ze = (t) => (e) => {
+  ye(e);
   const r = e.element;
   let s = [];
   const n = t.on((o) => {
@@ -840,19 +861,19 @@ const _ = (t) => {
   return (o) => {
     n(), o && s.forEach((i) => r.classList.remove(i)), s.length = 0;
   };
-}, L = (t, e) => {
-  const r = se(t), s = ne(t);
+}, k = (t, e) => {
+  const r = ce(t), s = fe(t);
   return (n) => {
-    fe(n, t);
+    ve(n, t);
     const o = s(n.element);
     return r(n.element, e), (i) => {
       i && r(n.element, o);
     };
   };
-}, O = (t, e) => {
-  const r = se(t), s = ne(t);
+}, L = (t, e) => {
+  const r = ce(t), s = fe(t);
   return (n) => {
-    fe(n, t);
+    ve(n, t);
     const o = s(n.element), i = e.on((l) => r(n.element, l));
     return (l) => {
       i(), l && r(n.element, o);
@@ -872,17 +893,17 @@ const _ = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => e === "class" ? (r) => h.is(r) ? He(r) : We(
+    get: (t, e) => e === "class" ? (r) => h.is(r) ? Ze(r) : Ye(
       (r ?? "").split(" ").filter((s) => s.length > 0)
-    ) : (r) => h.is(r) ? O(
+    ) : (r) => h.is(r) ? L(
       e,
       r
-    ) : L(
+    ) : k(
       e,
       r
     )
   }
-), At = new Proxy(
+), Ct = new Proxy(
   {},
   {
     /**
@@ -893,12 +914,12 @@ const _ = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? O(
+    get: (t, e) => (r) => h.is(r) ? L(
       `data-${e}`,
       r
-    ) : L(`data-${e}`, r)
+    ) : k(`data-${e}`, r)
   }
-), Et = new Proxy(
+), kt = new Proxy(
   {},
   {
     /**
@@ -909,15 +930,15 @@ const _ = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? O(
+    get: (t, e) => (r) => h.is(r) ? L(
       `aria-${e}`,
       r
-    ) : L(
+    ) : k(
       `aria-${e}`,
       r
     )
   }
-), Pt = new Proxy(
+), Lt = new Proxy(
   {},
   {
     /**
@@ -928,15 +949,15 @@ const _ = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? O(
+    get: (t, e) => (r) => h.is(r) ? L(
       e,
       r
-    ) : L(
+    ) : k(
       e,
       r
     )
   }
-), Dt = new Proxy(
+), Nt = new Proxy(
   {},
   {
     /**
@@ -946,29 +967,29 @@ const _ = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? O(
+    get: (t, e) => (r) => h.is(r) ? L(
       e,
       r
-    ) : L(
+    ) : k(
       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) => {
+), c = (t) => t == null ? S : Array.isArray(t) ? p(...t.map(c)) : typeof t == "string" ? de(t) : h.is(t) ? pe(t) : t, me = (t, ...e) => (r) => {
   const s = r.createElement(t, void 0);
-  r.isFirstLevel && k() && de(s), r.appendOrInsert(s), r = r.withElement(s);
-  const n = e.map((o) => f(o)(r));
+  r.isFirstLevel && N() && Se(s), r.appendOrInsert(s), r = r.withElement(s);
+  const n = e.map((o) => c(o)(r));
   return (o) => {
-    n.forEach((i) => i(!1)), o && _(s);
+    n.forEach((i) => i(!1)), o && m(s);
   };
-}, ae = (t, e, ...r) => (s) => {
+}, ge = (t, e, ...r) => (s) => {
   const n = s.createElement(t, e);
-  s.isFirstLevel && k() && de(n), s.appendOrInsert(n), s = s.withElement(n);
-  const o = r.map((i) => f(i)(s));
+  s.isFirstLevel && N() && Se(n), s.appendOrInsert(n), s = s.withElement(n);
+  const o = r.map((i) => c(i)(s));
   return (i) => {
-    o.forEach((l) => l(!1)), i && _(n);
+    o.forEach((l) => l(!1)), i && m(n);
   };
-}, bt = new Proxy(
+}, Rt = new Proxy(
   {},
   {
     /**
@@ -976,9 +997,9 @@ const _ = (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) => ue(e, r.flatMap(f))
+    get: (t, e) => (...r) => me(e, r.flatMap(c))
   }
-), Tt = new Proxy(
+), Mt = new Proxy(
   {},
   {
     /**
@@ -986,9 +1007,9 @@ const _ = (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) => ue("input", P.type(e), ...r)
+    get: (t, e) => (...r) => me("input", P.type(e), ...r)
   }
-), Xe = "http://www.w3.org/2000/svg", Ct = new Proxy(
+), Ke = "http://www.w3.org/2000/svg", $t = new Proxy(
   {},
   {
     /**
@@ -996,9 +1017,9 @@ const _ = (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) => ae(e, Xe, r.flatMap(f))
+    get: (t, e) => (...r) => ge(e, Ke, r.flatMap(c))
   }
-), ze = "http://www.w3.org/1998/Math/MathML", Lt = new Proxy(
+), xe = "http://www.w3.org/1998/Math/MathML", Ft = new Proxy(
   {},
   {
     /**
@@ -1006,108 +1027,108 @@ const _ = (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) => ae(e, ze, r.flatMap(f))
+    get: (t, e) => (...r) => ge(e, xe, r.flatMap(c))
   }
-), T = "data-tempo-attr", M = "data-tempo-class", ce = "data-tempo-node", $ = "data-tempo-text", Qe = (t, e) => {
+), O = "data-tempo-attr", M = "data-tempo-class", _e = "data-tempo-node", $ = "data-tempo-text", et = (t, e) => {
   const r = t.getAttribute(e);
   if (r != null) {
-    const s = t.getAttribute(T) ?? "{}", n = { ...JSON.parse(s), name: r };
+    const s = t.getAttribute(O) ?? "{}", n = { ...JSON.parse(s), name: r };
     t.setAttribute(
-      T,
+      O,
       JSON.stringify(n).replace(/"/g, "&quot;")
     );
   }
-}, fe = (t, e) => {
-  k() && t.isFirstLevel && Qe(t.element, e);
-}, Ye = (t) => {
-  t.querySelectorAll(`[${T}]`).forEach((e) => {
+}, ve = (t, e) => {
+  N() && t.isFirstLevel && et(t.element, e);
+}, tt = (t) => {
+  t.querySelectorAll(`[${O}]`).forEach((e) => {
     const r = JSON.parse(
-      (e.getAttribute(T) ?? "{}").replace(/&quot;/g, '"')
+      (e.getAttribute(O) ?? "{}").replace(/&quot;/g, '"')
     );
     for (const [s, n] of Object.entries(r))
       e.setAttribute(s, n);
-    e.removeAttribute(T);
+    e.removeAttribute(O);
   });
 };
-function Ze(t) {
+function rt(t) {
   t.setAttribute(M, t.className);
 }
-const he = (t) => {
-  k() && t.isFirstLevel && Ze(t.element);
-}, Ke = (t) => {
+const ye = (t) => {
+  N() && t.isFirstLevel && rt(t.element);
+}, st = (t) => {
   t.querySelectorAll(`[${M}]`).forEach((e) => {
     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);
+}, Se = (t) => {
+  t.setAttribute(_e, "");
+}, nt = (t) => {
+  t.querySelectorAll(`[${_e}]`).forEach((e) => {
+    m(e);
   });
-}, et = (t) => {
+}, ot = (t) => {
   t.setAttribute($, t.textContent ?? "");
-}, pe = (t) => {
-  k() && t.isFirstLevel && et(t.element);
-}, tt = (t) => {
+}, we = (t) => {
+  N() && t.isFirstLevel && ot(t.element);
+}, it = (t) => {
   t.querySelectorAll(`[${$}]`).forEach((e) => {
     e.textContent = e.getAttribute($), e.removeAttribute($);
   });
-}, rt = (t) => {
-  xe(t), Ke(t), Ye(t), tt(t);
-}, me = () => {
+}, lt = (t) => {
+  nt(t), st(t), tt(t), it(t);
+}, Ae = () => {
   const t = globalThis;
   return t.__tempoSSR__ == null && (t.__tempoSSR__ = {
     isSSR: !1,
     counter: 0
   }), t.__tempoSSR__;
-}, J = (t, e) => {
-  const r = me();
+}, Q = (t, e) => {
+  const r = Ae();
   r[t] = e;
-}, 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) => {
+}, Ee = (t) => Ae()[t], W = (t) => {
+  Q("isSSR", t);
+}, Y = () => Ee("counter"), ut = () => {
+  Q("counter", (Y() ?? 0) + 1);
+}, at = () => {
+  Q("counter", (Y() ?? 0) - 1);
+}, Vt = (t = 30) => (W(!0), new Promise((e, r) => {
   let s;
   const n = setInterval(() => {
-    W() <= 0 && (clearInterval(n), clearTimeout(s), B(!1), e());
+    Y() <= 0 && (clearInterval(n), clearTimeout(s), W(!1), e());
   }, 30);
   s = setTimeout(() => {
-    clearInterval(n), B(!1), r(new Error("SSR Timeout"));
+    clearInterval(n), W(!1), r(new Error("SSR Timeout"));
   }, t * 1e3);
-})), kt = (t) => (st(), f(t(nt))), k = () => ge("isSSR"), _e = (t, e) => {
+})), qt = (t) => (ut(), c(t(at))), N = () => Ee("isSSR"), Pe = (t, e) => {
   if (typeof e == "function")
-    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 Pe(t, { then: e });
+  const r = e.pending != null ? c(e.pending) : S, s = e.then, n = e.error != null ? (o) => c(e.error(o)) : () => S;
   return (o) => {
     let i = !0;
     const l = t();
     o = o.makeRef();
-    let a = f(r)(o);
+    let a = c(r)(o);
     return l.then(
-      (c) => {
-        i && (a(!0), a = f(s(c))(o));
+      (f) => {
+        i && (a(!0), a = c(s(f))(o));
       },
-      (c) => {
-        i && (a(!0), a = f(n(c))(o));
+      (f) => {
+        i && (a(!0), a = c(n(f))(o));
       }
-    ), (c) => {
-      i = !1, a(c), c && o.reference && _(o.reference);
+    ), (f) => {
+      i = !1, a(f), f && o.reference && m(o.reference);
     };
   };
-}, Nt = (t, e) => _e(() => t, e), ve = (t, e) => (r) => (r.element.addEventListener(t, e), (s) => {
+}, It = (t, e) => Pe(() => t, e), De = (t, e) => (r) => (r.element.addEventListener(t, e), (s) => {
   s && r.element.removeEventListener(t, e);
-}), ot = (t) => ve("click", (e) => {
+}), ct = (t) => De("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 +1136,15 @@ const he = (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) => ve(e, r)
+    get: (t, e) => (r) => De(e, r)
   }
-), it = (t) => (e) => {
+), ft = (t) => (e) => {
   const r = e.target;
   t(r.value);
-}, lt = (t) => (e) => {
+}, ht = (t) => (e) => {
   const r = e.target;
   t(r.valueAsNumber);
-}, ut = (t) => (e) => {
+}, dt = (t) => (e) => {
   const r = e.target;
   if (r.value === "")
     return;
@@ -1133,7 +1154,7 @@ const he = (t) => {
     Number(s[2].substring(0, 2))
   );
   t(n);
-}, at = (t) => (e) => {
+}, pt = (t) => (e) => {
   const r = e.target;
   if (r.value === "")
     return;
@@ -1143,57 +1164,57 @@ const he = (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) => {
+}, Bt = (t) => (e) => {
   const r = e.target;
   t(r.checked);
-}, Mt = (t) => (e) => {
+}, jt = (t) => (e) => {
   e.preventDefault(), t();
-}, $t = (t) => (e) => {
+}, Ut = (t) => (e) => {
   e.stopPropagation(), t();
-}, Ft = (t) => (e) => {
+}, Gt = (t) => (e) => {
   e.stopImmediatePropagation(), t();
-}, Vt = (t, e = "input") => g(
+}, Jt = (t, e = "input") => p(
   P.valueAsDate(t),
-  q[e](ut(t.set))
-), qt = (t, e = "input") => g(
+  B[e](dt(t.set))
+), Ht = (t, e = "input") => p(
   P.valueAsDate(t),
-  q[e](at(t.set))
-), It = (t, e = "input") => g(
+  B[e](pt(t.set))
+), Wt = (t, e = "input") => p(
   P.valueAsNumber(t),
-  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) => {
+  B[e](ht(t.set))
+), Xt = (t, e = "input") => p(P.value(t), B[e](ft(t.set))), zt = (t) => p(P.checked(t), ct(t.set)), Z = (t, e) => {
   if (h.is(t))
     return (s) => {
       s = s.makeRef();
       let n, o;
-      const i = t.map((c) => Object.keys(c)[0]);
+      const i = t.map((f) => Object.keys(f)[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;
+      const a = i.on((f) => {
+        if (f !== l) {
+          o == null || o.dispose(), n == null || n(!0), o = t.map((w) => w[f]);
+          const g = e[f](o);
+          n = c(g)(s), l = f;
         }
       });
-      return (c) => {
-        a(), c && s.reference != null && _(s.reference), n == null || n(!0);
+      return (f) => {
+        a(), f && s.reference != null && m(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 })),
+  return c(e[r](I(t[r])));
+}, be = (t, e, r) => Z(
+  d.map(t, (s) => ({ [s[e]]: s })),
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   r
-), 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 })),
+), Qt = (t, e) => be(t, "kind", e), Yt = (t, e) => {
+  const r = d.map(t, ([s, n]) => ({ [s]: n }));
+  return Z(r, e);
+}, Zt = (t, e) => be(t, "type", e), mt = (t, e) => Z(
+  d.map(t, (r) => ({ [r]: !0 })),
   e
-), Wt = (t, e = {}) => (r) => {
+), Kt = (t, e = {}) => (r) => {
   const s = (e == null ? void 0 : e.firstSeparator) ?? t, n = (e == null ? void 0 : e.lastSeparator) ?? t;
-  return X(
+  return mt(
     r.map((o) => o.isFirst ? "first" : o.isLast ? "last" : "other"),
     {
       first: () => s,
@@ -1201,15 +1222,15 @@ const he = (t) => {
       other: () => t
     }
   );
-}, we = (t, e) => (r) => {
+}, Te = (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 f(e(s))(r);
-}, Ht = (t, e) => (r) => {
+  return c(e(s))(r);
+}, xt = (t, e) => (r) => {
   const s = [], n = Object.entries(t).reduce(
     (o, [i, l]) => (s.push(
       l((a) => (Reflect.set(o, i, a), null))(r)
@@ -1219,97 +1240,96 @@ const he = (t) => {
   return s.push(e(n)(r)), (o) => {
     s.forEach((i) => i(o));
   };
-}, 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) => {
+}, er = (t, e) => Te([t], (r) => c(e(r[t]))), tr = (t, e) => Te(t, (r) => c(e(r))), rr = (t) => (e) => t(e), sr = (t) => (e) => (e.appendOrInsert(t), (r) => {
+  r && m(t);
+}), gt = (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));
+      const l = V(null), a = s.on((f) => {
+        f == null ? (o == null || o(!0), o = c((r == null ? void 0 : r()) ?? S)(n), i = !1) : (l.value = f, i || (o == null || o(!0), o = c(e(l))(n), i = !0));
       });
-      return (c) => {
-        a(), o == null || o(c), c && n.reference && _(n.reference);
+      return (f) => {
+        a(), o == null || o(f), f && n.reference && m(n.reference);
       };
     };
   } else {
     const s = t;
     if (s == null) {
       const n = r == null ? void 0 : r();
-      return n != null ? f(n) : S;
+      return n != null ? c(n) : S;
     }
-    return f(e(G(s)));
+    return c(e(I(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)
-    })
+}, X = (t) => (e) => (r) => t(r, e), j = (t, e, r) => gt(
+  d.map(t, (s) => s ? !0 : null),
+  () => e,
+  r != null ? () => r : void 0
+), nr = (t, e, r) => j(
+  d.map(t, (s) => !s),
+  e,
+  r
+), Oe = (t, e, r) => r != null ? Oe(t, (s) => {
+  const n = new T(
+    s.index,
+    s.total.map((o) => o - 1)
+  );
+  return p(
+    X(n.dispose),
+    c(e(s)),
+    j(s.isLast, S, r(n))
   );
 }) : h.is(t) ? (s) => {
   s = s.makeRef();
-  const n = t.map(
-    (a) => Array.from({ length: a }, (c, d) => d).map(
-      (c) => new R(c, a)
-    )
-  ), 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(a[m]);
-        const D = f(e(i[m]));
-        o[m] = D(s);
-      } else
-        i[m].value = a[m];
+  const n = Array.from(
+    { length: t.value },
+    (l, a) => a
+  ).map((l) => new T(l, t)), o = n.map(
+    (l) => c(e(l))(s)
+  ), i = t.on((l) => {
+    for (; l < o.length; )
+      o.pop()(!0), n.pop().dispose();
+    for (let a = 0; a < l; a++)
+      if (n[a] == null) {
+        n[a] = new T(a, t);
+        const f = c(e(n[a]));
+        o[a] = f(s);
+      }
   });
-  return (a) => {
-    l(), a && s.reference && _(s.reference);
+  return (l) => {
+    i(), l && s.reference && m(s.reference);
   };
-} : g(
+} : p(
   ...Array.from({ length: t }, (s, n) => n).map(
-    (s) => f(e(G(new R(s, t))))
+    (s) => c(e(new T(s, I(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)
-    })
+), _t = (t, e, r) => r != null ? _t(t, (s, n) => {
+  const o = new T(
+    n.index,
+    n.total.map((i) => i - 1)
+  );
+  return p([
+    X(o.dispose),
+    c(e(s, n)),
+    j(n.isLast, S, r(o))
   ]);
 }) : (s) => {
-  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()),
-      f(e(i, o))
+  const n = d.map(t, (i) => i.length), o = d.toSignal(t);
+  return Oe(n, (i) => {
+    const l = o.map((a) => a[i.index]);
+    return p(
+      X(l.dispose),
+      c(e(l, i))
     );
   })(s);
-}, Zt = (t, e) => {
+}, or = (t, e) => {
   if (h.is(t)) {
     const r = t;
     return (s) => {
       s = s.makeRef();
-      const n = r.map((l) => f(e(l)));
+      const n = r.map((l) => c(e(l)));
       let o = () => {
       };
       const i = n.on((l) => {
@@ -1320,57 +1340,49 @@ const he = (t) => {
       };
     };
   }
-  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) => Ae(
-  h.map(t, (s) => !s),
-  e,
-  r
-), xt = (t, e, r = S) => Ae(
-  h.map(t, (s) => s.length > 0),
+  return c(e(t));
+}, ir = (t, e, r = S) => j(
+  d.map(t, (s) => s.length > 0),
   e,
   r
-), er = (t) => (e) => t(e.element) ?? (() => {
-}), Ee = (t, e) => {
+), lr = (t) => (e) => t(e.element) ?? (() => {
+}), Ce = (t, e) => {
   const r = t(e);
   return () => r(!0);
-}, tr = (t, e, { doc: r, clear: s } = {}) => {
+}, ur = (t, e, { doc: r, clear: s } = {}) => {
   const n = typeof e == "string" ? (r ?? document).querySelector(e) : e;
   if (n === null)
-    throw new ht(
+    throw new vt(
       `Cannot find element by selector for render: ${e}`
     );
-  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);
+  s !== !1 && (r ?? n.ownerDocument) != null && lt(r ?? n.ownerDocument);
+  const o = Qe(n), i = he(n) ? void 0 : n, l = v.of(o, i);
+  return Ce(t, l);
 };
-class ht extends Error {
+class vt extends Error {
   constructor(e) {
     super(e);
   }
 }
-const rr = (t, e) => (r) => {
+const ar = (t, e) => (r) => {
   const s = r.document.querySelector(t);
   if (s === null)
     throw new Error(`Cannot find element by selector for portal: ${t}`);
-  return Ee(
-    f(e),
+  return Ce(
+    c(e),
     r.withElement(s).withFirstLevel()
   );
-}, 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) => {
+}, cr = (t) => Symbol(t), ke = (t, e) => (r) => c(e)(r.withProviders(t)), fr = (...t) => t.length > 0 ? t.reduceRight((e, r) => (s) => e(r(s))) : c, hr = (t, e, r) => ke({ [t]: e }, c(r)), dr = (t, e) => ke(t, c(e)), yt = (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);
   };
-}, pt = (t, e) => (r) => {
+}, St = (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(
+}, pr = new Proxy(
   {},
   {
     /**
@@ -1381,115 +1393,116 @@ const rr = (t, e) => (r) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? pt(e, r) : dt(e, r)
+    get: (t, e) => (r) => h.is(r) ? St(e, r) : yt(e, r)
   }
 );
 export {
-  Nt as Async,
-  jt as BindChecked,
-  Vt as BindDate,
-  qt as BindDateTime,
-  It as BindNumber,
-  Bt as BindText,
+  It as Async,
+  zt as BindChecked,
+  Jt as BindDate,
+  Ht as BindDateTime,
+  Wt as BindNumber,
+  Xt as BindText,
   E as Computed,
-  Wt as Conjunction,
-  w as DOMContext,
-  Yt as DOMNode,
-  ue as El,
-  ae as ElNS,
-  R as ElementPosition,
+  Kt as Conjunction,
+  v as DOMContext,
+  sr as DOMNode,
+  me as El,
+  ge as ElNS,
+  T as ElementPosition,
   S as Empty,
-  ct as Ensure,
-  ft as ForEach,
-  g as Fragment,
-  Zt as MapSignal,
-  Z as MemoryStore,
-  xt as NotEmpty,
-  ot as OnChecked,
-  Qt as OnCtx,
-  er as OnMount,
-  j as OnUnmount,
-  H as OneOf,
-  ye as OneOfField,
-  Ut as OneOfKind,
-  Gt as OneOfTuple,
-  Jt as OneOfType,
-  X as OneOfValue,
-  rr as Portal,
+  gt as Ensure,
+  _t as ForEach,
+  p as Fragment,
+  or as MapSignal,
+  ne as MemoryStore,
+  ir as NotEmpty,
+  ct as OnChecked,
+  rr as OnCtx,
+  lr as OnMount,
+  X as OnUnmount,
+  Z as OneOf,
+  be as OneOfField,
+  Qt as OneOfKind,
+  Yt as OneOfTuple,
+  Zt as OneOfType,
+  mt as OneOfValue,
+  ar as Portal,
   F as Prop,
-  nr as Provide,
-  Ge as ProviderNotFoundError,
-  ht as RenderingError,
-  Se as Repeat,
+  fr as Provide,
+  ze as ProviderNotFoundError,
+  vt as RenderingError,
+  Oe as Repeat,
   h as Signal,
-  _e as Task,
-  St as TextNode,
-  Kt as Unless,
-  Ht as Use,
-  Xt as UseProvider,
-  zt as UseProviders,
-  kt as UseSSRDone,
-  Ae as When,
-  or as WithProvider,
-  ir as WithProviders,
-  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,
+  Pe as Task,
+  Ot as TextNode,
+  nr as Unless,
+  xt as Use,
+  er as UseProvider,
+  tr as UseProviders,
+  qt as UseSSRDone,
+  d as Value,
+  j as When,
+  hr as WithProvider,
+  dr as WithProviders,
+  Se as _addNodeTracker,
+  lt as _clearSSR,
+  Qe as _getSelfOrParentElement,
+  he as _isElement,
+  fe as _makeGetter,
+  ce as _makeSetter,
+  ve as _maybeAddAttributeTracker,
+  ye as _maybeAddClassTracker,
+  we as _maybeAddTextTracker,
+  m as _removeDOMNode,
+  Xe as _setAttribute,
+  Ge as _setBooleanProperty,
+  He as _setDateProperty,
+  Je as _setNumberProperty,
+  We as _setStringProperty,
+  pe as _signalText,
+  de as _staticText,
+  bt as animateSignal,
+  Ue as animateSignals,
+  kt as aria,
   P as attr,
-  At as dataAttr,
-  Rt as emitChecked,
-  Mt as emitPreventDefault,
-  Ft as emitStopImmediatePropagation,
-  $t as emitStopPropagation,
-  it as emitValue,
-  ut as emitValueAsDate,
-  at as emitValueAsDateTime,
-  lt as emitValueAsNumber,
-  Ne as endInterpolate,
-  Re as guessInterpolate,
-  bt as html,
-  Tt as input,
-  ke as interpolateDate,
-  Le as interpolateNumber,
-  Oe as interpolateString,
-  k as isSSR,
-  _t as localStorageProp,
-  U as makeComputed,
-  $e as makeComputedOf,
-  wt as makeComputedRecord,
-  Fe as makeEffect,
-  gt as makeEffectOf,
-  C as makeProp,
-  sr as makeProviderMark,
-  G as makeSignal,
-  Lt as math,
-  Dt as mathAttr,
-  q as on,
-  Ot as prepareSSR,
-  tt as removeTextTrackers,
-  tr as render,
-  Ee as renderWithContext,
-  f as renderableOfTNode,
-  vt as sessionStorageProp,
-  K as storedProp,
-  lr as style,
-  Ct as svg,
-  Pt as svgAttr
+  Ct as dataAttr,
+  Bt as emitChecked,
+  jt as emitPreventDefault,
+  Gt as emitStopImmediatePropagation,
+  Ut as emitStopPropagation,
+  ft as emitValue,
+  dt as emitValueAsDate,
+  pt as emitValueAsDateTime,
+  ht as emitValueAsNumber,
+  qe as endInterpolate,
+  Ie as guessInterpolate,
+  Rt as html,
+  Mt as input,
+  Ve as interpolateDate,
+  $e as interpolateNumber,
+  Fe as interpolateString,
+  N as isSSR,
+  Pt as localStorageProp,
+  z as makeComputed,
+  At as makeComputedOf,
+  Tt as makeComputedRecord,
+  je as makeEffect,
+  Et as makeEffectOf,
+  V as makeProp,
+  cr as makeProviderMark,
+  I as makeSignal,
+  Ft as math,
+  Nt as mathAttr,
+  B as on,
+  Vt as prepareSSR,
+  it as removeTextTrackers,
+  ur as render,
+  Ce as renderWithContext,
+  c as renderableOfTNode,
+  Dt as sessionStorageProp,
+  oe as storedProp,
+  pr as style,
+  $t as svg,
+  Lt as svgAttr
 };