@tempots/dom 23.0.2 → 24.0.0-next.1

package/index.js

@@ -1,65 +1,65 @@
-var Me = Object.defineProperty;
-var x = (t) => {
-  throw TypeError(t);
+var Pe = Object.defineProperty;
+var Q = (s) => {
+  throw TypeError(s);
 };
-var $e = (t, e, r) => e in t ? Me(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var u = (t, e, r) => $e(t, typeof e != "symbol" ? e + "" : e, r), ee = (t, e, r) => e.has(t) || x("Cannot " + r);
-var D = (t, e, r) => (ee(t, e, "read from private field"), r ? r.call(t) : e.get(t)), te = (t, e, r) => e.has(t) ? x("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), J = (t, e, r, s) => (ee(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r);
-const Fe = (t, e, r) => t + (e - t) * r;
-const Ve = (t, e, r) => {
-  const s = Math.max(t.length, e.length);
+var Ee = (s, e, t) => e in s ? Pe(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var i = (s, e, t) => Ee(s, typeof e != "symbol" ? e + "" : e, t), X = (s, e, t) => e.has(s) || Q("Cannot " + t);
+var A = (s, e, t) => (X(s, e, "read from private field"), t ? t.call(s) : e.get(s)), Y = (s, e, t) => e.has(s) ? Q("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), B = (s, e, t, r) => (X(s, e, "write to private field"), r ? r.call(s, t) : e.set(s, t), t);
+const De = (s, e, t) => s + (e - s) * t;
+const Oe = (s, e, t) => {
+  const r = Math.max(s.length, e.length);
   let n = "";
-  for (let o = 0; o < s; o++) {
-    let i = t.charCodeAt(o);
-    isNaN(i) && (i = 97);
-    let l = e.charCodeAt(o);
-    isNaN(l) && (l = 97), n += String.fromCharCode(i + (l - i) * r);
+  for (let o = 0; o < r; o++) {
+    let l = s.charCodeAt(o);
+    isNaN(l) && (l = 97);
+    let c = e.charCodeAt(o);
+    isNaN(c) && (c = 97), n += String.fromCharCode(l + (c - l) * t);
   }
   return n;
-}, qe = (t, e, r) => new Date(t.getTime() + (e.getTime() - t.getTime()) * r), Ie = (t, e) => e, Be = (t) => typeof t == "number" ? Fe : typeof t == "string" ? Ve : t instanceof Date ? qe : Ie;
-var v;
-class T {
+}, Ae = (s, e, t) => new Date(s.getTime() + (e.getTime() - s.getTime()) * t), Me = (s, e) => e, be = (s) => typeof s == "number" ? De : typeof s == "string" ? Oe : s instanceof Date ? Ae : Me;
+var w;
+class M {
   /**
    * 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) {
+  constructor(e, t) {
     /**
      * The counter of the element starting from 1.
      */
-    u(this, "counter");
+    i(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");
+    i(this, "isFirst");
     /**
      * Checks if the counter of the element is even.
      * @returns `true` if the counter is even, `false` otherwise.
      */
-    u(this, "isEven");
+    i(this, "isEven");
     /**
      * Checks if the counter of the element is odd.
      * @returns `true` if the counter is odd, `false` otherwise.
      */
-    u(this, "isOdd");
-    te(this, v);
-    u(this, "dispose", () => {
-      D(this, v) != null && (D(this, v).dispose(), J(this, v, void 0));
+    i(this, "isOdd");
+    Y(this, w);
+    i(this, "dispose", () => {
+      A(this, w) != null && (A(this, w).dispose(), B(this, w, 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;
+    this.index = e, this.total = t, 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 D(this, v) == null && J(this, v, this.total.map((e) => this.counter === e)), D(this, v);
+    return A(this, w) == null && B(this, w, this.total.map((e) => this.counter === e)), A(this, w);
   }
 }
-v = new WeakMap();
-const C = class C {
+w = new WeakMap();
+const b = class b {
   /**
    * Represents a signal with a value of type T.
    *
@@ -67,37 +67,37 @@ const C = class C {
    * @param equals - A function that determines whether two values of type T are equal.
    * @public
    */
-  constructor(e, r) {
+  constructor(e, t) {
     /**
      * @internal
      */
-    u(this, "$__signal__", !0);
+    i(this, "$__signal__", !0);
     /**
      * @internal
      */
-    u(this, "_value");
+    i(this, "_value");
     /**
      * @internal
      */
-    u(this, "_derivatives", []);
+    i(this, "_derivatives", []);
     /**
      * @internal
      */
-    u(this, "_onValueListeners", []);
+    i(this, "_onValueListeners", []);
     /**
      * @internal
      */
-    u(this, "_onDisposeListeners", []);
+    i(this, "_onDisposeListeners", []);
     /**
      * Gets the current value of the signal.
      * @returns The current value of the signal.
      */
-    u(this, "get", () => this._value);
+    i(this, "get", () => this._value);
     /**
      * Checks if the signal has any registered listeners.
      * @returns `true` if the signal has listeners, `false` otherwise.
      */
-    u(this, "hasListeners", () => this._onValueListeners.length > 0);
+    i(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.
@@ -105,37 +105,37 @@ const C = class C {
      *
      * @param listener - The listener function to be called when the value of the signal changes.
      */
-    u(this, "on", (e) => (e(this.get()), this._onValueListeners.push(e), () => {
+    i(this, "on", (e) => (e(this.get()), this._onValueListeners.push(e), () => {
       this._onValueListeners.splice(this._onValueListeners.indexOf(e), 1);
     }));
     /**
      * @internal
      */
-    u(this, "_setAndNotify", (e, r) => {
-      const s = this.equals(this._value, e);
-      s || (this._value = e), (r || !s) && this._onValueListeners.forEach((n) => n(e));
+    i(this, "_setAndNotify", (e, t) => {
+      const r = this.equals(this._value, e);
+      r || (this._value = e), (t || !r) && this._onValueListeners.forEach((n) => n(e));
     });
     /**
      * @internal
      */
-    u(this, "_disposed", !1);
+    i(this, "_disposed", !1);
     /**
      * Checks whether the signal is disposed.
      * @returns True if the signal is disposed, false otherwise.
      */
-    u(this, "isDisposed", () => this._disposed);
+    i(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.
      */
-    u(this, "onDispose", (e) => {
+    i(this, "onDispose", (e) => {
       this._onDisposeListeners.push(e);
     });
     /**
      * Disposes the signal, releasing any resources associated with it.
      */
-    u(this, "dispose", () => {
+    i(this, "dispose", () => {
       this._disposed || (this._disposed = !0, this._onDisposeListeners.forEach((e) => e()), this._onDisposeListeners.length = 0, this._derivatives.length = 0);
     });
     /**
@@ -147,15 +147,15 @@ const C = class C {
      * @param equals - Optional equality function to determine if two mapped values are equal.
      * @returns - A new Computed instance with the mapped value.
      */
-    u(this, "map", (e, r = (s, n) => s === n) => {
-      const s = new E(() => {
+    i(this, "map", (e, t = (r, n) => r === n) => {
+      const r = new T(() => {
         try {
           return e(this.get());
         } catch (n) {
           throw console.error("Error in Signal.map:", n), n;
         }
-      }, r);
-      return this.setDerivative(s), s;
+      }, t);
+      return this.setDerivative(r), r;
     });
     /**
      * Returns a new Signal that applies the given function to the value of the current Signal,
@@ -167,15 +167,15 @@ const C = class C {
      *               Defaults to a strict equality check (===).
      * @returns A new Signal that emits the values of the resulting Signal.
      */
-    u(this, "flatMap", (e, r = (s, n) => s === n) => {
-      const s = new E(() => {
+    i(this, "flatMap", (e, t = (r, n) => r === n) => {
+      const r = new T(() => {
         try {
           return e(this.get()).get();
         } catch (n) {
           throw console.error("Error in Signal.flatMap:", n), n;
         }
-      }, r);
-      return this.setDerivative(s), s;
+      }, t);
+      return this.setDerivative(r), r;
     });
     /**
      * Invokes a callback function with the current value of the signal, without modifying the signal.
@@ -183,24 +183,24 @@ const C = class C {
      * @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.
      */
-    u(this, "tap", (e) => this.map((r) => (e(r), r)));
+    i(this, "tap", (e) => this.map((t) => (e(t), t)));
     /**
      * 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.
      */
-    u(this, "at", (e) => this.map((r) => r[e]));
+    i(this, "at", (e) => this.map((t) => t[e]));
     /**
      * @internal
      */
-    u(this, "_$");
-    u(this, "filter", (e, r) => {
-      let s = r ?? this.get();
-      const n = new E(() => {
+    i(this, "_$");
+    i(this, "filter", (e, t) => {
+      let r = t ?? this.get();
+      const n = new T(() => {
         try {
           const o = this.get();
-          return s = e(o) ? o : s;
+          return r = e(o) ? o : r;
         } catch (o) {
           throw console.error("Error in Signal.filter:", o), o;
         }
@@ -217,16 +217,16 @@ const C = class C {
      * @param equals - Optional equality function to determine if two values are equal.
      * @returns - A new Computed object with the mapped and filtered values.
      */
-    u(this, "filterMap", (e, r, s = (n, o) => n === o) => {
-      let n = r;
-      const o = new E(() => {
+    i(this, "filterMap", (e, t, r = (n, o) => n === o) => {
+      let n = t;
+      const o = new T(() => {
         try {
-          const i = this.get(), l = e(i);
-          return n = l ?? n;
-        } catch (i) {
-          throw console.error("Error in Signal.filterMap:", i), i;
+          const l = this.get(), c = e(l);
+          return n = c ?? n;
+        } catch (l) {
+          throw console.error("Error in Signal.filterMap:", l), l;
         }
-      }, s);
+      }, r);
       return this.setDerivative(o), o;
     });
     /**
@@ -242,22 +242,22 @@ const C = class C {
      * @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.
      */
-    u(this, "mapAsync", (e, r, s, n = (o, i) => o === i) => {
-      const o = V(r, n);
-      let i = 0, l = new AbortController();
+    i(this, "mapAsync", (e, t, r, n = (o, l) => o === l) => {
+      const o = H(t, n);
+      let l = 0, c = new AbortController();
       return o.onDispose(
         this.on(async (a) => {
-          const f = ++i;
-          l.abort(), l = new AbortController();
+          const f = ++l;
+          c.abort(), c = new AbortController();
           try {
-            const g = await e(a, { abortSignal: l.signal });
-            f === i && o.set(g);
-          } catch (g) {
-            if (f === i)
-              if (s != null)
-                o.set(s(g));
+            const h = await e(a, { abortSignal: c.signal });
+            f === l && o.set(h);
+          } catch (h) {
+            if (f === l)
+              if (r != null)
+                o.set(r(h));
               else
-                throw g;
+                throw h;
           }
         })
       ), o;
@@ -272,28 +272,28 @@ const C = class C {
      * @param alt - The alternative value to use when the mapped value is `undefined` or `null`.
      * @returns A new signal containing the mapped values.
      */
-    u(this, "mapMaybe", (e, r) => this.map((s) => e(s) ?? r));
+    i(this, "mapMaybe", (e, t) => this.map((r) => e(r) ?? t));
     /**
      * 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.
      */
-    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;
+    i(this, "feedProp", (e, t = !1) => {
+      const r = this.on(e.set);
+      return e.onDispose(r), t ? this.onDispose(e.dispose) : this.onDispose(r), e;
     });
     /**
      * Derives a new property from the current signal.
      * @param autoDisposeProp - Determines whether the derived property should be automatically disposed.
      * @returns The derived property.
      */
-    u(this, "deriveProp", (e = !0) => this.feedProp(V(this.get()), e));
+    i(this, "deriveProp", (e = !0) => this.feedProp(H(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.
      */
-    u(this, "count", () => {
+    i(this, "count", () => {
       let e = 0;
       return this.map(() => ++e);
     });
@@ -303,7 +303,7 @@ const C = class C {
      * Additionally, when the computed value is disposed, it sets the signal as dirty.
      * @param computed - The computed value to add as a derivative.
      */
-    u(this, "setDerivative", (e) => {
+    i(this, "setDerivative", (e) => {
       this._derivatives.push(e), e.onDispose(() => {
         this._derivatives.splice(
           this._derivatives.indexOf(e),
@@ -311,7 +311,7 @@ const C = class C {
         );
       }), e.onDispose(this.on(e.setDirty)), this.onDispose(e.dispose);
     });
-    this.equals = r, this._value = e;
+    this.equals = t, this._value = e;
   }
   /**
    * Gets the value of the signal.
@@ -326,7 +326,7 @@ const C = class C {
    */
   get $() {
     return this._$ !== void 0 ? this._$ : this._$ = new Proxy(this, {
-      get: (e, r) => this.at(r)
+      get: (e, t) => this.at(t)
     });
   }
 };
@@ -340,12 +340,12 @@ const C = class C {
  * @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(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(
+i(b, "ofPromise", (e, t, r, n = (o, l) => o === l) => {
+  const o = new b(t, n);
+  return e.then((l) => o._setAndNotify(l, !1)).catch((l) => {
+    r != null ? o._setAndNotify(r(l), !1) : console.error(
       "Unhandled promise rejection in Signal.ofPromise:",
-      i
+      l
     );
   }), o;
 }), /**
@@ -354,54 +354,54 @@ u(C, "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(C, "is", (e) => (
+i(b, "is", (e) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   e != null && e.$__signal__ === !0
 ));
-let h = C;
-const je = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
-class E extends h {
+let d = b;
+const ke = typeof queueMicrotask == "function" ? queueMicrotask : (s) => Promise.resolve().then(s);
+class T extends d {
   /**
    * Represents a Signal object.
    * @param _fn - The function that returns the value of the signal.
    * @param equals - The function used to compare two values of type T for equality.
    */
-  constructor(r, s) {
-    super(void 0, s);
+  constructor(t, r) {
+    super(void 0, r);
     /**
      * @internal
      */
-    u(this, "$__computed__", !0);
+    i(this, "$__computed__", !0);
     /**
      * @internal
      */
-    u(this, "_isDirty", !1);
+    i(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.
      */
-    u(this, "setDirty", () => {
-      this._isDirty || this._disposed || (this._isDirty = !0, this._derivatives.forEach((r) => r.setDirty()), this._scheduleNotify());
+    i(this, "setDirty", () => {
+      this._isDirty || this._disposed || (this._isDirty = !0, this._derivatives.forEach((t) => t.setDirty()), this._scheduleNotify());
     });
     /**
      * @internal
      */
-    u(this, "_scheduleCount", 0);
+    i(this, "_scheduleCount", 0);
     /**
      * Schedules a notification to be executed asynchronously.
      * If the signal is dirty, it will be updated and notified.
      * @internal
      */
-    u(this, "_scheduleNotify", () => {
-      const r = ++this._scheduleCount;
-      je(() => {
-        this._scheduleCount !== r || this._disposed !== !1 || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn(), !1));
+    i(this, "_scheduleNotify", () => {
+      const t = ++this._scheduleCount;
+      ke(() => {
+        this._scheduleCount !== t || this._disposed !== !1 || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn(), !1));
       });
     });
     /** {@inheritDoc Signal.get} */
-    u(this, "get", () => (this._isDirty && (this._isDirty = !1, this._value = this._fn(), this._setAndNotify(this._value, !0)), this._value));
-    this._fn = r, this.setDirty();
+    i(this, "get", () => (this._isDirty && (this._isDirty = !1, this._value = this._fn(), this._setAndNotify(this._value, !0)), this._value));
+    this._fn = t, this.setDirty();
   }
   /**
    * Checks if a value is an instance of `Computed`.
@@ -409,35 +409,35 @@ class E extends h {
    * @param value - The value to check.
    * @returns `true` if the value is an instance of `Computed`, `false` otherwise.
    */
-  static is(r) {
-    return r != null && r.$__computed__ === !0;
+  static is(t) {
+    return t != null && t.$__computed__ === !0;
   }
   /** {@inheritDoc Signal.value} */
   get value() {
     return this.get();
   }
 }
-const q = class q extends h {
+const I = class I extends d {
   constructor() {
     super(...arguments);
     /**
      * @internal
      */
-    u(this, "$__prop__", !0);
+    i(this, "$__prop__", !0);
     /**
      * Changes the value of the property and notifies its listeners.
      *
      * @param value - The new value of the property.
      */
-    u(this, "set", (r) => {
-      this._setAndNotify(r, !1);
+    i(this, "set", (t) => {
+      this._setAndNotify(t, !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.
      */
-    u(this, "update", (r) => {
-      this._setAndNotify(r(this.get()), !1);
+    i(this, "update", (t) => {
+      this._setAndNotify(t(this.get()), !1);
     });
     /**
      * Creates a reducer function that combines the provided reducer function and effects.
@@ -445,15 +445,15 @@ const q = class q 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.
      */
-    u(this, "reducer", (r, ...s) => {
+    i(this, "reducer", (t, ...r) => {
       const n = this;
-      return function o(i) {
-        const l = n.value;
-        n.update((a) => r(a, i)), !n.equals(l, n.value) && s.forEach(
+      return function o(l) {
+        const c = n.value;
+        n.update((a) => t(a, l)), !n.equals(c, n.value) && r.forEach(
           (a) => a({
-            previousState: l,
+            previousState: c,
             state: n.value,
-            action: i,
+            action: l,
             dispatch: o
           })
         );
@@ -470,9 +470,9 @@ const q = class q extends h {
      *                Defaults to a strict equality check (===).
      * @returns A Prop object representing the isomorphism.
      */
-    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;
+    i(this, "iso", (t, r, n = (o, l) => o === l) => {
+      const o = new I(t(this.get()), n);
+      return o.onDispose(this.on((l) => o.set(t(l)))), o.on((l) => this._setAndNotify(r(l), !1)), o;
     });
     /**
      * Returns a `Prop` that represents the value at the specified key of the current value.
@@ -480,9 +480,9 @@ const q = class q extends h {
      * @param key - The key of the value to access.
      * @returns A `Prop` that represents the value at the specified key.
      */
-    u(this, "atProp", (r) => this.iso(
-      (s) => s[r],
-      (s) => ({ ...this.value, [r]: s })
+    i(this, "atProp", (t) => this.iso(
+      (r) => r[t],
+      (r) => ({ ...this.value, [t]: r })
     ));
   }
   /**
@@ -491,8 +491,8 @@ const q = class q extends h {
   get value() {
     return this.get();
   }
-  set value(r) {
-    this._setAndNotify(r, !1);
+  set value(t) {
+    this._setAndNotify(t, !1);
   }
 };
 /**
@@ -500,15 +500,15 @@ const q = class q extends h {
  * @param value - The value to check.
  * @returns `true` if the value is a Prop, `false` otherwise.
  */
-u(q, "is", (r) => (
+i(I, "is", (t) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  r != null && r.$__prop__ === !0
+  t != null && t.$__prop__ === !0
 ));
-let F = q;
-const X = (t, e, r = (s, n) => s === n) => {
-  const s = new E(t, r);
-  return e.forEach((n) => n.setDerivative(s)), s;
-}, Ue = (t, e) => X(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 = {
+let N = I;
+const W = (s, e, t = (r, n) => r === n) => {
+  const r = new T(s, t);
+  return e.forEach((n) => n.setDerivative(r)), r;
+}, Le = (s, e) => W(s, e).dispose, H = (s, e = (t, r) => t === r) => new N(s, e), V = (s, e = (t, r) => t === r) => new d(s, e), K = () => typeof window < "u" ? window : void 0, p = {
   /**
    * 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.
@@ -520,7 +520,7 @@ const X = (t, e, r = (s, n) => s === n) => {
    * @param fn - The function to map the value.
    * @returns The mapped value.
    */
-  map: (t, e) => h.is(t) ? t.map(e) : e(t),
+  map: (s, e) => d.is(s) ? s.map(e) : e(s),
   /**
    * Wraps a value or a Signal instance into a Signal.
    * If the value is already a Signal, it returns the value itself.
@@ -531,30 +531,30 @@ const X = (t, e, r = (s, n) => s === n) => {
    * @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),
+  toSignal: (s, e) => d.is(s) ? s : V(s, 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);
+  maybeToSignal: (s, e) => {
+    if (s != null)
+      return p.toSignal(s, 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,
+  get: (s) => d.is(s) ? s.get() : s,
   /**
    * 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), () => {
+  on: (s, e) => d.is(s) ? s.on(e) : (e(s), () => {
   }),
   /**
    * Disposes of a value or a Signal.
@@ -562,103 +562,109 @@ const X = (t, e, r = (s, n) => s === n) => {
    * 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();
+  dispose: (s) => {
+    d.is(s) && s.dispose();
   }
-}, Pt = (...t) => (e, r) => {
-  const s = t.filter((n) => h.is(n));
-  return X(
-    () => e(...t.map((n) => d.get(n))),
-    s,
-    r
+}, at = (...s) => (e, t) => {
+  const r = s.filter((n) => d.is(n));
+  return W(
+    () => e(...s.map((n) => p.get(n))),
+    r,
+    t
   );
-}, Dt = (...t) => (e) => {
-  const r = t.filter((s) => h.is(s));
-  Ue(() => e(...t.map(d.get)), r);
+}, ut = (...s) => (e) => {
+  const t = s.filter((r) => d.is(r));
+  Le(() => e(...s.map(p.get)), t);
 };
-class se {
+class ee {
   constructor() {
-    u(this, "_store", /* @__PURE__ */ new Map());
+    i(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.
      */
-    u(this, "getItem", (e) => this._store.get(e) ?? null);
+    i(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.
      */
-    u(this, "setItem", (e, r) => {
-      this._store.set(e, r);
+    i(this, "setItem", (e, t) => {
+      this._store.set(e, t);
     });
   }
 }
-const ne = ({
-  key: t,
+const te = ({
+  key: s,
   defaultValue: e,
-  store: r,
-  serialize: s = JSON.stringify,
+  store: t,
+  serialize: r = JSON.stringify,
   deserialize: n = JSON.parse,
-  equals: o = (l, a) => l === a,
-  onLoad: i = (l) => l
+  equals: o = (c, a) => c === a,
+  onLoad: l = (c) => c
 }) => {
-  const l = r.getItem(t), a = new F(
-    l != null ? i(n(l)) : typeof e == "function" ? e() : e,
+  const c = t.getItem(s), a = new N(
+    c != null ? l(n(c)) : typeof e == "function" ? e() : e,
     o
   );
   return a.on((f) => {
-    r.setItem(t, s(f));
+    t.setItem(s, r(f));
   }), a;
-}, bt = (t) => ne({
-  ...t,
-  store: (window == null ? void 0 : window.localStorage) ?? new se()
-}), Tt = (t) => ne({
-  ...t,
-  store: (window == null ? void 0 : window.sessionStorage) ?? new se()
-});
-function re(t) {
-  return typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 0);
+}, ht = (s) => {
+  var e;
+  return te({
+    ...s,
+    store: ((e = K()) == null ? void 0 : e.localStorage) ?? new ee()
+  });
+}, ft = (s) => {
+  var e;
+  return te({
+    ...s,
+    store: ((e = K()) == null ? void 0 : e.sessionStorage) ?? new ee()
+  });
+};
+function Z(s) {
+  return typeof requestAnimationFrame == "function" ? requestAnimationFrame(s) : setTimeout(s, 0);
 }
-const Ge = (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(() => {
-    w !== null && cancelAnimationFrame(w);
-  }), A.onDispose(G.dispose), r.forEach((_) => {
-    _.setDerivative(G), _.onDispose(A.dispose);
+const $e = (s, e, t, r) => {
+  const n = (r == null ? void 0 : r.duration) ?? 300, o = (r == null ? void 0 : r.easing) ?? ((y) => y), l = (r == null ? void 0 : r.equals) ?? ((y, $) => y === $);
+  let c = r == null ? void 0 : r.interpolate, a = s, f = e(), h = performance.now(), S = null, O = !0;
+  const q = new T(e, l), C = H(s, l);
+  C.onDispose(() => {
+    S !== null && cancelAnimationFrame(S);
+  }), C.onDispose(q.dispose), t.forEach((y) => {
+    y.setDerivative(q), y.onDispose(C.dispose);
   });
-  const Ne = (_) => {
-    f = _, g = performance.now(), a = A.value, U && (U = !1, w = re(Z));
-  }, Z = () => {
-    const R = (performance.now() - g) / d.get(n), Re = o(R);
-    l == null && (l = Be(a));
-    let K = l(a, f, Re);
-    R >= 1 ? (U = !0, K = f) : w = re(Z), A.set(K);
+  const xe = (y) => {
+    f = y, h = performance.now(), a = C.value, O && (O = !1, S = Z(G));
+  }, G = () => {
+    const $ = (performance.now() - h) / p.get(n), Te = o($);
+    c == null && (c = be(a));
+    let J = c(a, f, Te);
+    $ >= 1 ? (O = !0, J = f) : S = Z(G), C.set(J);
   };
-  return G.on(Ne), A;
-}, Ot = (t, e) => {
-  const { initialValue: r, ...s } = e ?? {};
-  return Ge(
-    r ?? t.get(),
-    t.get,
-    [t],
-    s
+  return q.on(xe), C;
+}, dt = (s, e) => {
+  const { initialValue: t, ...r } = e ?? {};
+  return $e(
+    t ?? s.get(),
+    s.get,
+    [s],
+    r
   );
-}, Ct = (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 }),
+}, pt = (s, e) => {
+  const { signals: t, literals: r } = Object.entries(s).reduce(
+    ({ signals: o, literals: l }, [c, a]) => (d.is(a) ? o.push([c, a]) : l[c] = a, { signals: o, literals: l }),
     { signals: [], literals: {} }
-  ), n = r.map(([, o]) => o);
-  return X(() => (r.forEach(([o, i]) => s[o] = i.value), e(s)), n);
-}, oe = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), ie = /* @__PURE__ */ new Set([
+  ), n = t.map(([, o]) => o);
+  return W(() => (t.forEach(([o, l]) => r[o] = l.value), e(r)), n);
+}, se = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), re = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), le = /* @__PURE__ */ new Set(["valueAsDate"]), ue = /* @__PURE__ */ new Set([
+]), ne = /* @__PURE__ */ new Set(["valueAsDate"]), ie = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -666,25 +672,26 @@ const Ge = (t, e, r, s) => {
   "outerHTML",
   "className",
   "classList"
-]), W = /* @__PURE__ */ new Map(), b = (t, e) => {
-  if (W.has(t))
-    return W.get(t);
-  {
-    const r = e(t);
-    return W.set(t, r), r;
+]), Ne = (s, e) => se.has(s) ? (t) => {
+  t == null ? e[s] = null : e[s] = !!t;
+} : re.has(s) ? (t) => {
+  t == null ? e[s] = null : e[s] = Number(t);
+} : ne.has(s) ? (t) => {
+  t == null ? e[s] = null : e[s] = t;
+} : ie.has(s) ? (t) => {
+  t == null ? e[s] = null : e[s] = String(t);
+} : (t) => {
+  t == null ? e.removeAttribute(s) : e.setAttribute(s, t);
+}, He = (s, e) => se.has(s) ? () => !!e[s] : re.has(s) ? () => Number(e[s]) : ne.has(s) ? () => e[s] : ie.has(s) ? () => String(e[s]) : () => e.getAttribute(s), F = (s) => {
+  const e = s;
+  e && e.onblur && (e.onblur = null), !(!s || s.ownerDocument === void 0) && s.parentElement && s.parentElement.removeChild(s);
+}, Ie = (s) => oe(s) ? s : s.parentElement, oe = (s) => s.nodeType === 1;
+class le extends Error {
+  constructor(e) {
+    super(`Provider not found: ${e.description}`);
   }
-}, Je = (t) => (e, r) => {
-  r == null ? e[t] = null : e[t] = !!r;
-}, We = (t) => (e, r) => {
-  r == null ? e[t] = null : e[t] = Number(r);
-}, He = (t) => (e, r) => {
-  r == null ? e[t] = null : e[t] = r;
-}, ze = (t) => (e, r) => {
-  r == null ? e[t] = null : e[t] = String(r);
-}, Xe = (t) => (e, r) => {
-  r == null ? e.removeAttribute(t) : e.setAttribute(t, r);
-}, ae = (t) => oe.has(t) ? b(t, Je) : ie.has(t) ? b(t, We) : le.has(t) ? b(t, He) : ue.has(t) ? b(t, ze) : b(t, Xe), ce = (t) => (e) => oe.has(t) ? !!e[t] : ie.has(t) ? Number(e[t]) : le.has(t) ? e[t] : ue.has(t) ? String(e[t]) : e.getAttribute(t);
-class y {
+}
+class P {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -694,7 +701,7 @@ class y {
    * @param providers - The `Providers` instance associated with this context.
    * @param isFirstLevel - A boolean value indicating whether this context is at the first level, meaning the outermost node in the generated DOM.
    */
-  constructor(e, r, s, n, o) {
+  constructor(e, t, r, n) {
     /**
      * Creates a new DOM element (eg: HTML or SVG) with the specified tag name and namespace.
      *
@@ -702,19 +709,54 @@ class y {
      * @param namespace - The namespace URI to create the element in, or `undefined` to create a standard HTML element.
      * @returns The newly created element.
      */
-    u(this, "createElement", (e, r) => r !== void 0 ? this.document.createElementNS(r, e) : this.document.createElement(e));
+    i(this, "createElement", (e, t) => t !== void 0 ? this.document.createElementNS(t, e) : this.document.createElement(e));
+    /**
+     * Creates a new DOM element (eg: HTML or SVG) with the specified tag name and namespace and appends it to the current element.
+     *
+     * @param tagName - The tag name of the element to create.
+     * @param namespace - The namespace URI to create the element in, or `undefined` to create a standard HTML element.
+     * @returns The newly created element.
+     */
+    i(this, "makeChildElement", (e, t) => {
+      const r = this.createElement(e, t);
+      return this.appendOrInsert(r), this.withElement(r);
+    });
     /**
      * 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.
      */
-    u(this, "createText", (e) => this.document.createTextNode(e));
+    i(this, "createText", (e) => this.document.createTextNode(e));
+    /**
+     * Creates a new text node with the specified text content and appends it to the current element.
+     * @param text - The text content for the new text node.
+     * @returns A new `DOMContext` with a reference to the new text node.
+     */
+    i(this, "makeChildText", (e) => {
+      const t = this.createText(e);
+      return this.appendOrInsert(t), this.withReference(t);
+    });
+    /**
+     * Sets the text content of the current element.
+     * @param text - The text content to set.
+     */
+    i(this, "setText", (e) => {
+      this.reference.nodeValue = e;
+    });
+    /**
+     * Gets the text content of the current element or text node.
+     * @returns The text content of the current element or text node.
+     */
+    i(this, "getText", () => {
+      var e;
+      return ((e = this.reference) == null ? void 0 : e.nodeValue) ?? this.element.textContent ?? "";
+    });
     /**
      * 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.
      */
-    u(this, "makeRef", () => {
+    i(this, "makeRef", () => {
       const e = this.createText("");
       return this.appendOrInsert(e), this.withReference(e);
     });
@@ -723,79 +765,44 @@ class y {
      *
      * @param child - The child node to append or insert.
      */
-    u(this, "appendOrInsert", (e) => {
+    i(this, "appendOrInsert", (e) => {
       this.reference === void 0 ? this.element.appendChild(e) : this.element.insertBefore(e, this.reference);
     });
-    /**
-     * Creates a new `DOMContext` instance with the provided `document`.
-     *
-     * @param document - The `Document` to use for the `DOMContext`.
-     * @returns A new `DOMContext` instance.
-     */
-    u(this, "withDocument", (e) => new y(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 y(this.document, e, void 0, this.providers, !1));
+    i(this, "withElement", (e) => new P(this.document, e, void 0, this.providers));
     /**
-     * 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 y(
-      this.document,
-      this.element,
-      this.reference,
-      this.providers,
-      !0
-    ));
+     * Creates a new `DOMContext` instance with a reference to a DOM element selected by the provided `selector`.
+     * @param selector - The CSS selector for the target DOM element.
+     * @returns A new `DOMContext` instance with a reference to the selected DOM element.
+     */
+    i(this, "makePortal", (e) => {
+      const t = this.document.querySelector(e);
+      if (t == null)
+        throw new Error(`Cannot find element by selector for portal: ${e}`);
+      return this.withElement(t);
+    });
     /**
      * Creates a new `DOMContext` instance with the specified reference.
      *
      * @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 y(
-      this.document,
-      this.element,
-      e,
-      this.providers,
-      this.isFirstLevel
-    ));
-    /** Creates a new DOMContext with the provided provider value.
-     *
-     * @param mark - The provider mark to associate the value with.
-     * @param value - The value to set for the provider.
-     * @returns A new DOMContext with the updated providers.
-     */
-    u(this, "withProvider", (e, r) => new y(
-      this.document,
-      this.element,
-      this.reference,
-      {
-        ...this.providers,
-        [e]: r
-      },
-      this.isFirstLevel
-    ));
+    i(this, "withReference", (e) => new P(this.document, this.element, e, this.providers));
     /**
-     * Returns a new DOMContext instance with the specified providers merged into
+     * Returns a new HTMLDOMContext instance with the specified providers merged into
      * the existing providers.
      *
      * @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 y(
-      this.document,
-      this.element,
-      this.reference,
-      {
-        ...this.providers,
-        ...e
-      },
-      this.isFirstLevel
-    ));
+     * @returns A new HTMLDOMContext instance with the merged providers.
+     */
+    i(this, "withProviders", (e) => new P(this.document, this.element, this.reference, {
+      ...this.providers,
+      ...e
+    }));
     /**
      * Retrieves a provider for the given provider mark.
      *
@@ -803,83 +810,329 @@ class y {
      * @returns The provider for the given mark.
      * @throws Throws `ProviderNotFoundError` if the provider for the given mark is not found.
      */
-    u(this, "getProvider", (e) => {
+    i(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
-        throw new Qe(e);
+        throw new le(e);
       return this.providers[e];
     });
-    this.document = e, this.element = r, this.reference = s, this.providers = n, this.isFirstLevel = o;
+    i(this, "clear", (e) => {
+      e && (this.reference !== void 0 ? F(this.reference) : F(this.element));
+    });
+    /**
+     * Adds classes to the element.
+     * @param tokens - The class names to add.
+     */
+    i(this, "addClasses", (e) => {
+      this.element.classList.add(...e);
+    });
+    /**
+     * Removes classes from the element.
+     * @param tokens - The class names to remove.
+     */
+    i(this, "removeClasses", (e) => {
+      this.element.classList.remove(...e);
+    });
+    /**
+     * Gets the classes of the element.
+     * @returns The classes of the element.
+     */
+    i(this, "getClasses", () => Array.from(this.element.classList));
+    /**
+     * Adds an event listener to the element.
+     * @param event - The event to listen for.
+     * @param listener - The listener to call when the event occurs.
+     * @returns A function to remove the event listener.
+     */
+    i(this, "on", (e, t) => (this.element.addEventListener(e, t), (r) => {
+      r && this.element.removeEventListener(e, t);
+    }));
+    /**
+     * Returns `true` if the context is a browser DOM context.
+     * @returns `true` if the context is a browser DOM context.
+     */
+    i(this, "isBrowserDOM", () => !0);
+    /**
+     * Returns `true` if the context is a headless DOM context.
+     * @returns `true` if the context is a headless DOM context.
+     */
+    i(this, "isHeadlessDOM", () => !1);
+    /**
+     * Sets the style of the element.
+     * @param name - The name of the style to set.
+     * @param value - The value of the style to set.
+     */
+    i(this, "setStyle", (e, t) => {
+      this.element.style.setProperty(e, t);
+    });
+    /**
+     * Gets the style of the element.
+     * @param name - The name of the style to get.
+     * @returns The value of the style.
+     */
+    i(this, "getStyle", (e) => this.element.style.getPropertyValue(e));
+    i(this, "makeAccessors", (e) => ({
+      get: He(e, this.element),
+      set: Ne(e, this.element)
+    }));
+    this.document = e, this.element = t, this.reference = r, this.providers = n;
   }
   /**
    * Creates a new `DOMContext` instance for the given `Element` and optional reference `Node`.
    *
-   * @param element - The `Element` to create the `DOMContext` for.
+   * @param element - The `HTMLElement` to create the `DOMContext` for.
    * @param ref - An optional reference `Node` to associate with the `DOMContext`.
    * @returns A new `DOMContext` instance.
    */
-  static of(e, r) {
-    return new y(e.ownerDocument, e, r, {}, !0);
+  static of(e, t) {
+    return new P(e.ownerDocument, e, t, {});
   }
 }
-class Qe extends Error {
+const g = Symbol("class"), _ = Symbol("style"), x = Symbol("handler"), ce = () => Math.random().toString(36).substring(2, 15), Ve = (s) => s.replace(/<[^>]*>?/g, "");
+class ae {
   constructor(e) {
-    super(`Provider not found: ${e.description}`);
+    i(this, "id", ce());
+    i(this, "properties", {});
+    i(this, "children", []);
+    i(this, "isElement", () => !0);
+    i(this, "isText", () => !1);
+    i(this, "getText", () => this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? Ve(this.properties.innerHTML) : this.children.map((e) => e.getText()).join(""));
+    i(this, "removeChild", (e) => {
+      const t = this.children.indexOf(e);
+      t !== -1 && this.children.splice(t, 1);
+    });
+    i(this, "remove", () => {
+      if (this.parent != null)
+        this.parent.removeChild(this);
+      else
+        throw new Error("Parent is undefined");
+    });
+    i(this, "getPortals", () => {
+      const e = this.elements().flatMap((t) => t.isPortal() ? [t, ...t.getPortals()] : t.getPortals());
+      return this.isPortal() && e.unshift(this), e;
+    });
+    i(this, "elements", () => this.children.filter((e) => e.isElement()));
+    i(this, "hasInnerHTML", () => this.properties.innerHTML != null);
+    i(this, "getInnerHTML", () => this.properties.innerHTML ?? "");
+    i(this, "getInnerText", () => this.properties.innerText ?? "");
+    i(this, "hasInnerText", () => this.properties.innerText != null);
+    i(this, "hasChildren", () => this.children.length > 0);
+    i(this, "hasClasses", () => this.properties[g] != null);
+    i(this, "hasStyles", () => this.properties[_] != null);
+    i(this, "hasAttributes", () => Object.keys(this.properties).length > 0);
+    i(this, "hasHandlers", () => this.properties[x] != null);
+    i(this, "hasRenderableProperties", () => this.hasClasses() || this.hasAttributes() || this.hasStyles());
+    i(this, "getById", (e) => {
+      if (this.properties.id === e)
+        return this;
+      for (const t of this.elements()) {
+        const r = t.getById(e);
+        if (r != null)
+          return r;
+      }
+    });
+    i(this, "trigger", (e, t) => {
+      ((this.properties[x] ?? {})[e] ?? []).forEach((n) => n(t));
+    });
+    i(this, "click", () => {
+      this.trigger("click", {});
+    });
+    i(this, "on", (e, t) => {
+      var o;
+      const r = (o = this.properties)[x] ?? (o[x] = {}), n = t;
+      return r[e] = [...r[e] ?? [], n], () => {
+        const l = r[e] ?? [], c = l.indexOf(n);
+        c !== -1 && (l.splice(c, 1), l.length === 0 ? (delete r[e], Object.keys(r).length === 0 && delete this.properties[x]) : r[e] = l);
+      };
+    });
+    i(this, "addClasses", (e) => {
+      var r;
+      if (e.length === 0)
+        return;
+      const t = (r = this.properties)[g] ?? (r[g] = []);
+      e.forEach((n) => {
+        t.includes(n) || t.push(n);
+      });
+    });
+    i(this, "removeClasses", (e) => {
+      var r;
+      if (e.length === 0)
+        return;
+      const t = (r = this.properties)[g] ?? (r[g] = []);
+      e.forEach((n) => {
+        const o = t.indexOf(n);
+        o !== -1 && t.splice(o, 1);
+      }), t.length === 0 && delete this.properties[g];
+    });
+    i(this, "getClasses", () => this.properties[g] ?? []);
+    i(this, "getAttributes", () => Object.entries(this.properties).filter(
+      ([e]) => !["innerText", "innerHTML"].includes(e)
+    ));
+    i(this, "getVisibleAttributes", () => Reflect.ownKeys(this.properties).flatMap(
+      (e) => e === g ? [["class", this.getClasses()]] : e === _ ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
+    ));
+    i(this, "setStyle", (e, t) => {
+      var n;
+      const r = (n = this.properties)[_] ?? (n[_] = {});
+      r[e] = t, t === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[_]);
+    });
+    i(this, "getStyle", (e) => {
+      var t;
+      return ((t = this.properties[_]) == null ? void 0 : t[e]) ?? "";
+    });
+    i(this, "getStyles", () => this.properties[_] ?? {});
+    i(this, "makeAccessors", (e) => {
+      const t = this.properties;
+      return {
+        get: () => t[e],
+        set: (r) => t[e] = r
+      };
+    });
+    this.parent = e;
   }
 }
-const m = (t) => {
-  const e = t;
-  e && e.onblur && (e.onblur = null), !(!t || t.ownerDocument === void 0) && t.parentElement && t.parentElement.removeChild(t);
-}, Ye = (t) => fe(t) ? t : t.parentElement, fe = (t) => t.nodeType === 1, he = (t) => (e) => {
-  Se(e);
-  const r = e.createText(t);
-  return e.appendOrInsert(r), (s) => {
-    s && m(r);
-  };
-}, de = (t) => (e) => {
-  Se(e);
-  const r = e.createText(t.value);
-  e.appendOrInsert(r);
-  const s = t.on((n) => r.data = n);
+const Re = (s) => s.replace(/"/g, "&quot;"), je = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+class qe extends ae {
+  constructor(t, r, n) {
+    super(n);
+    i(this, "isPortal", () => !1);
+    i(this, "toHTML", () => {
+      const t = this.children.map((l) => l.toHTML()).join(""), r = this.namespace ? ` xmlns="${this.namespace}"` : "";
+      let n = null;
+      const o = this.getVisibleAttributes().map(([l, c]) => l === "class" ? ` class="${c.join(" ")}"` : l === "style" ? typeof c == "string" ? ` style="${c}"` : ` style="${Object.entries(c).map(([a, f]) => `${a}: ${f};`).join(" ")}"` : Fe.has(l) ? ` ${l}` : l === "innerHTML" ? (n = c, "") : l === "innerText" ? (n = je(c), "") : ` ${l}="${Re(c)}"`).join("");
+      return Ue.has(this.tagName) && t === "" ? `<${this.tagName}${r}${o} />` : `<${this.tagName}${r}${o}>${n ?? t}</${this.tagName}>`;
+    });
+    this.tagName = t, this.namespace = r;
+  }
+}
+class ue extends ae {
+  constructor(t, r) {
+    super(r);
+    i(this, "isPortal", () => !0);
+    i(this, "toHTML", () => "");
+    i(this, "contentToHTML", () => this.children.map((t) => t.toHTML()).join(""));
+    this.selector = t;
+  }
+}
+class Be {
+  constructor(e) {
+    i(this, "id", ce());
+    i(this, "isElement", () => !1);
+    i(this, "isText", () => !0);
+    i(this, "getText", () => this.text);
+    i(this, "toHTML", () => this.text);
+    this.text = e;
+  }
+}
+class E {
+  constructor(e, t, r, n) {
+    i(this, "appendOrInsert", (e) => {
+      if (this.reference != null) {
+        const t = this.element.children.indexOf(this.reference);
+        this.element.children.splice(t, 0, e);
+      } else
+        this.element.children.push(e);
+    });
+    i(this, "makeChildElement", (e, t) => {
+      const r = new qe(e, t, this.element);
+      return this.appendOrInsert(r), new E(
+        r,
+        void 0,
+        this.container,
+        this.providers
+      );
+    });
+    i(this, "makeChildText", (e) => {
+      const t = new Be(e);
+      return this.appendOrInsert(t), new E(
+        this.element,
+        t,
+        this.container,
+        this.providers
+      );
+    });
+    i(this, "setText", (e) => {
+      this.reference && this.reference.isText() && (this.reference.text = e);
+    });
+    i(this, "getText", () => {
+      var e;
+      return ((e = this.reference) == null ? void 0 : e.getText()) ?? this.element.getText();
+    });
+    i(this, "makeRef", () => this.makeChildText(""));
+    i(this, "makePortal", (e) => {
+      const t = new ue(e, this.element);
+      return this.appendOrInsert(t), new E(
+        t,
+        void 0,
+        this.container,
+        this.providers
+      );
+    });
+    i(this, "withProviders", (e) => new E(this.element, this.reference, this.container, {
+      ...this.providers,
+      ...e
+    }));
+    i(this, "getProvider", (e) => {
+      if (this.providers[e] === void 0)
+        throw new le(e);
+      return this.providers[e];
+    });
+    i(this, "clear", (e) => {
+      e && (this.reference !== void 0 ? this.element.removeChild(this.reference) : this.element.remove());
+    });
+    i(this, "on", (e, t) => this.element.on(e, t));
+    i(this, "addClasses", (e) => this.element.addClasses(e));
+    i(this, "removeClasses", (e) => this.element.removeClasses(e));
+    i(this, "getClasses", () => this.element.getClasses());
+    i(this, "isBrowserDOM", () => !1);
+    i(this, "isHeadlessDOM", () => !0);
+    i(this, "setStyle", (e, t) => this.element.setStyle(e, t));
+    i(this, "getStyle", (e) => this.element.getStyle(e));
+    i(this, "makeAccessors", (e) => this.element.makeAccessors(e));
+    this.element = e, this.reference = t, this.container = r, this.providers = n;
+  }
+}
+const Fe = /* @__PURE__ */ new Set([
+  "checked",
+  "disabled",
+  "multiple",
+  "readonly",
+  "required",
+  "selected"
+]), Ue = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), he = (s) => (e) => {
+  const t = e.makeChildText(s);
+  return (r) => t.clear(r);
+}, fe = (s) => (e) => {
+  const t = e.makeChildText(s.value), r = s.on((n) => t.setText(n));
   return (n) => {
-    s(), n && m(r);
+    r(), t.clear(n);
   };
-}, Lt = (t) => h.is(t) ? de(t) : he(t), p = (...t) => (e) => {
-  const r = t.map((s) => c(s)(e));
-  return (s) => {
-    r.forEach((n) => n(s));
+}, gt = (s) => d.is(s) ? fe(s) : he(s), m = (...s) => (e) => {
+  const t = s.map((r) => u(r)(e));
+  return (r) => {
+    t.forEach((n) => n(r));
   };
-}, S = () => () => {
-}, Ze = (t) => (e) => (ye(e), e.element.classList.add(...t), (r) => {
-  r && e.element.classList.remove(...t);
-}), Ke = (t) => (e) => {
-  ye(e);
-  const r = e.element;
-  let s = [];
-  const n = t.on((o) => {
-    s.forEach((i) => r.classList.remove(i)), s = (o ?? "").split(" ").filter((i) => i.length > 0), r.classList.add(...s);
+}, v = () => () => {
+}, We = (s) => (e) => (e.addClasses(s), (t) => {
+  t && e.removeClasses(s);
+}), ze = (s) => (e) => {
+  let t = [];
+  const r = s.on((n) => {
+    e.removeClasses(t), t = (n ?? "").split(" ").filter((o) => o.length > 0), e.addClasses(t);
   });
-  return (o) => {
-    n(), o && s.forEach((i) => r.classList.remove(i)), s.length = 0;
-  };
-}, L = (t, e) => {
-  const r = ae(t), s = ce(t);
   return (n) => {
-    _e(n, t);
-    const o = s(n.element);
-    return r(n.element, e), (i) => {
-      i && r(n.element, o);
-    };
+    r(), n && e.removeClasses(t), t.length = 0;
   };
-}, k = (t, e) => {
-  const r = ae(t), s = ce(t);
-  return (n) => {
-    _e(n, t);
-    const o = s(n.element), i = e.on((l) => r(n.element, l));
-    return (l) => {
-      i(), l && r(n.element, o);
-    };
+}, k = (s, e) => (t) => {
+  const { get: r, set: n } = t.makeAccessors(s), o = r();
+  return n(e), (l) => {
+    l && n(o);
+  };
+}, L = (s, e) => (t) => {
+  const { get: r, set: n } = t.makeAccessors(s), o = r(), l = e.on(n);
+  return (c) => {
+    l(), c && n(o);
   };
-}, P = new Proxy(
+}, D = new Proxy(
   {},
   {
     /**
@@ -893,17 +1146,17 @@ const m = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => e === "class" ? (r) => h.is(r) ? Ke(r) : Ze(
-      (r ?? "").split(" ").filter((s) => s.length > 0)
-    ) : (r) => h.is(r) ? k(
+    get: (s, e) => e === "class" ? (t) => d.is(t) ? ze(t) : We(
+      (t ?? "").split(" ").filter((r) => r.length > 0)
+    ) : (t) => d.is(t) ? L(
       e,
-      r
-    ) : L(
+      t
+    ) : k(
       e,
-      r
+      t
     )
   }
-), kt = new Proxy(
+), mt = new Proxy(
   {},
   {
     /**
@@ -914,12 +1167,12 @@ const m = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? k(
+    get: (s, e) => (t) => d.is(t) ? L(
       `data-${e}`,
-      r
-    ) : L(`data-${e}`, r)
+      t
+    ) : k(`data-${e}`, t)
   }
-), Nt = new Proxy(
+), yt = new Proxy(
   {},
   {
     /**
@@ -930,15 +1183,15 @@ const m = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? k(
+    get: (s, e) => (t) => d.is(t) ? L(
       `aria-${e}`,
-      r
-    ) : L(
+      t
+    ) : k(
       `aria-${e}`,
-      r
+      t
     )
   }
-), Rt = new Proxy(
+), wt = new Proxy(
   {},
   {
     /**
@@ -949,15 +1202,15 @@ const m = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? k(
+    get: (s, e) => (t) => d.is(t) ? L(
       e,
-      r
-    ) : L(
+      t
+    ) : k(
       e,
-      r
+      t
     )
   }
-), Mt = new Proxy(
+), _t = new Proxy(
   {},
   {
     /**
@@ -967,29 +1220,37 @@ const m = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? k(
+    get: (s, e) => (t) => d.is(t) ? L(
       e,
-      r
-    ) : L(
+      t
+    ) : k(
       e,
-      r
+      t
     )
   }
-), c = (t) => t == null ? S : Array.isArray(t) ? p(...t.map(c)) : typeof t == "string" ? he(t) : h.is(t) ? de(t) : t, pe = (t, ...e) => (r) => {
-  const s = r.createElement(t, void 0);
-  r.isFirstLevel && N() && ve(s), r.appendOrInsert(s), r = r.withElement(s);
-  const n = e.map((o) => c(o)(r));
+), u = (s) => {
+  if (s == null)
+    return v;
+  if (Array.isArray(s))
+    return m(...s.map(u));
+  if (typeof s == "string")
+    return he(s);
+  if (d.is(s))
+    return fe(s);
+  if (typeof s == "function")
+    return s;
+  throw new Error(`Unknown type: '${typeof s}' for child: ${s}`);
+}, de = (s, ...e) => (t) => {
+  const r = t.makeChildElement(s, void 0), n = e.map((o) => u(o)(r));
   return (o) => {
-    n.forEach((i) => i(!1)), o && m(s);
+    n.forEach((l) => l(!1)), r.clear(o);
   };
-}, me = (t, e, ...r) => (s) => {
-  const n = s.createElement(t, e);
-  s.isFirstLevel && N() && ve(n), s.appendOrInsert(n), s = s.withElement(n);
-  const o = r.map((i) => c(i)(s));
-  return (i) => {
-    o.forEach((l) => l(!1)), i && m(n);
+}, pe = (s, e, ...t) => (r) => {
+  const n = r.makeChildElement(s, e), o = t.map((l) => u(l)(n));
+  return (l) => {
+    o.forEach((c) => c(!1)), n.clear(l);
   };
-}, $t = new Proxy(
+}, vt = new Proxy(
   {},
   {
     /**
@@ -997,9 +1258,9 @@ const m = (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) => pe(e, r.flatMap(c))
+    get: (s, e) => (...t) => de(e, t.flatMap(u))
   }
-), Ft = new Proxy(
+), St = new Proxy(
   {},
   {
     /**
@@ -1007,9 +1268,9 @@ const m = (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) => pe("input", P.type(e), ...r)
+    get: (s, e) => (...t) => de("input", D.type(e), ...t)
   }
-), xe = "http://www.w3.org/2000/svg", Vt = new Proxy(
+), Ge = "http://www.w3.org/2000/svg", Ct = new Proxy(
   {},
   {
     /**
@@ -1017,9 +1278,9 @@ const m = (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) => me(e, xe, r.flatMap(c))
+    get: (s, e) => (...t) => pe(e, Ge, t.flatMap(u))
   }
-), et = "http://www.w3.org/1998/Math/MathML", qt = new Proxy(
+), Je = "http://www.w3.org/1998/Math/MathML", xt = new Proxy(
   {},
   {
     /**
@@ -1027,108 +1288,35 @@ const m = (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) => me(e, et, r.flatMap(c))
-  }
-), O = "data-tempo-attr", M = "data-tempo-class", ge = "data-tempo-node", $ = "data-tempo-text", tt = (t, e) => {
-  const r = t.getAttribute(e);
-  if (r != null) {
-    const s = t.getAttribute(O) ?? "{}", n = { ...JSON.parse(s), name: r };
-    t.setAttribute(
-      O,
-      JSON.stringify(n).replace(/"/g, "&quot;")
-    );
+    get: (s, e) => (...t) => pe(e, Je, t.flatMap(u))
   }
-}, _e = (t, e) => {
-  N() && t.isFirstLevel && tt(t.element, e);
-}, rt = (t) => {
-  t.querySelectorAll(`[${O}]`).forEach((e) => {
-    const r = JSON.parse(
-      (e.getAttribute(O) ?? "{}").replace(/&quot;/g, '"')
-    );
-    for (const [s, n] of Object.entries(r))
-      e.setAttribute(s, n);
-    e.removeAttribute(O);
-  });
-};
-function st(t) {
-  t.setAttribute(M, t.className);
-}
-const ye = (t) => {
-  N() && t.isFirstLevel && st(t.element);
-}, nt = (t) => {
-  t.querySelectorAll(`[${M}]`).forEach((e) => {
-    const r = e.getAttribute(M);
-    r !== null && (e.className = r, e.removeAttribute(M));
-  });
-}, ve = (t) => {
-  t.setAttribute(ge, "");
-}, ot = (t) => {
-  t.querySelectorAll(`[${ge}]`).forEach((e) => {
-    m(e);
-  });
-}, it = (t) => {
-  t.setAttribute($, t.textContent ?? "");
-}, Se = (t) => {
-  N() && t.isFirstLevel && it(t.element);
-}, lt = (t) => {
-  t.querySelectorAll(`[${$}]`).forEach((e) => {
-    e.textContent = e.getAttribute($), e.removeAttribute($);
-  });
-}, ut = (t) => {
-  ot(t), nt(t), rt(t), lt(t);
-}, we = () => {
-  const t = globalThis;
-  return t.__tempoSSR__ == null && (t.__tempoSSR__ = {
-    isSSR: !1,
-    counter: 0
-  }), t.__tempoSSR__;
-}, Q = (t, e) => {
-  const r = we();
-  r[t] = e;
-}, Ae = (t) => we()[t], H = (t) => {
-  Q("isSSR", t);
-}, Y = () => Ae("counter"), at = () => {
-  Q("counter", (Y() ?? 0) + 1);
-}, ct = () => {
-  Q("counter", (Y() ?? 0) - 1);
-}, It = (t = 30) => (H(!0), new Promise((e, r) => {
-  let s;
-  const n = setInterval(() => {
-    Y() <= 0 && (clearInterval(n), clearTimeout(s), H(!1), e());
-  }, 30);
-  s = setTimeout(() => {
-    clearInterval(n), H(!1), r(new Error("SSR Timeout"));
-  }, t * 1e3);
-})), Bt = (t) => (at(), c(t(ct))), N = () => Ae("isSSR"), Ee = (t, e) => {
+), ge = (s, e) => {
   if (typeof e == "function")
-    return Ee(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 ge(s, { then: e });
+  const t = e.pending != null ? u(e.pending) : v, r = e.then, n = e.error != null ? (o) => u(e.error(o)) : () => v;
   return (o) => {
-    let i = !0;
-    const l = t();
-    o = o.makeRef();
-    let a = c(r)(o);
-    return l.then(
-      (f) => {
-        i && (a(!0), a = c(s(f))(o));
+    let l = !0;
+    const c = s(), a = o.makeRef();
+    let f = u(t)(a);
+    return c.then(
+      (h) => {
+        l && (f(!0), f = u(r(h))(a));
       },
-      (f) => {
-        i && (a(!0), a = c(n(f))(o));
+      (h) => {
+        l && (f(!0), f = u(n(h))(a));
       }
-    ), (f) => {
-      i = !1, a(f), f && o.reference && m(o.reference);
+    ), (h) => {
+      l = !1, f(h), a.clear(h);
     };
   };
-}, jt = (t, e) => Ee(() => t, e), Pe = (t, e) => (r) => (r.element.addEventListener(t, e), (s) => {
-  s && r.element.removeEventListener(t, e);
-}), ft = (t) => Pe("click", (e) => {
+}, Tt = (s, e) => ge(() => s, e), me = (s, e) => (t) => t.on(s, e), Qe = (s) => me("click", (e) => {
   e.preventDefault();
-  const r = e.target;
+  const t = e.target;
   setTimeout(() => {
-    const s = r.ownerDocument != null ? r == null ? void 0 : r.checked : void 0;
-    s != null && t(!s);
+    const r = t.ownerDocument != null ? t == null ? void 0 : t.checked : void 0;
+    r != null && s(!r);
   }, 0);
-}), B = new Proxy(
+}), R = new Proxy(
   {},
   {
     /**
@@ -1136,270 +1324,279 @@ const ye = (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) => Pe(e, r)
+    get: (s, e) => (t) => me(e, t)
   }
-), ht = (t) => (e) => {
-  const r = e.target;
-  t(r.value);
-}, dt = (t) => (e) => {
-  const r = e.target;
-  t(r.valueAsNumber);
-}, pt = (t) => (e) => {
-  const r = e.target;
-  if (r.value === "")
+), Xe = (s) => (e) => {
+  const t = e.target;
+  s(t.value);
+}, Ye = (s) => (e) => {
+  const t = e.target;
+  s(t.valueAsNumber);
+}, Ze = (s) => (e) => {
+  const t = e.target;
+  if (t.value === "")
     return;
-  const s = r.value.split("-"), n = new Date(
-    Number(s[0]),
-    Number(s[1]) - 1,
-    Number(s[2].substring(0, 2))
+  const r = t.value.split("-"), n = new Date(
+    Number(r[0]),
+    Number(r[1]) - 1,
+    Number(r[2].substring(0, 2))
   );
-  t(n);
-}, mt = (t) => (e) => {
-  const r = e.target;
-  if (r.value === "")
+  s(n);
+}, Ke = (s) => (e) => {
+  const t = e.target;
+  if (t.value === "")
     return;
-  const s = r.value.split("T"), n = s[0].split("-"), o = new Date(
+  const r = t.value.split("T"), n = r[0].split("-"), o = new Date(
     Number(n[0]),
     Number(n[1]) - 1,
     Number(n[2])
-  ), i = s[1].split(":");
-  o.setHours(Number(i[0])), o.setMinutes(Number(i[1])), o.setSeconds(Number(i[2])), t(o);
-}, Ut = (t) => (e) => {
-  const r = e.target;
-  t(r.checked);
-}, Gt = (t) => (e) => {
-  e.preventDefault(), t();
-}, Jt = (t) => (e) => {
-  e.stopPropagation(), t();
-}, Wt = (t) => (e) => {
-  e.stopImmediatePropagation(), t();
-}, Ht = (t, e = "input") => p(
-  P.valueAsDate(t),
-  B[e](pt(t.set))
-), zt = (t, e = "input") => p(
-  P.valueAsDate(t),
-  B[e](mt(t.set))
-), Xt = (t, e = "input") => p(
-  P.valueAsNumber(t),
-  B[e](dt(t.set))
-), Qt = (t, e = "input") => p(P.value(t), B[e](ht(t.set))), Yt = (t) => p(P.checked(t), ft(t.set)), j = (t, e) => {
-  if (h.is(t))
-    return (s) => {
-      s = s.makeRef();
-      let n, o;
-      const i = t.map((f) => Object.keys(f)[0]);
-      let l;
-      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;
+  ), l = r[1].split(":");
+  o.setHours(Number(l[0])), o.setMinutes(Number(l[1])), o.setSeconds(Number(l[2])), s(o);
+}, Pt = (s) => (e) => {
+  const t = e.target;
+  s(t.checked);
+}, Et = (s) => (e) => {
+  e.preventDefault(), s();
+}, Dt = (s) => (e) => {
+  e.stopPropagation(), s();
+}, Ot = (s) => (e) => {
+  e.stopImmediatePropagation(), s();
+}, At = (s, e = "input") => m(
+  D.valueAsDate(s),
+  R[e](Ze(s.set))
+), Mt = (s, e = "input") => m(
+  D.valueAsDate(s),
+  R[e](Ke(s.set))
+), bt = (s, e = "input") => m(
+  D.valueAsNumber(s),
+  R[e](Ye(s.set))
+), kt = (s, e = "input") => m(D.value(s), R[e](Xe(s.set))), Lt = (s) => m(D.checked(s), Qe(s.set)), j = (s, e) => {
+  if (d.is(s))
+    return (r) => {
+      const n = r.makeRef();
+      let o, l;
+      const c = s.map((h) => Object.keys(h)[0]);
+      let a;
+      const f = c.on((h) => {
+        if (h !== a) {
+          l == null || l.dispose(), o == null || o(!0), l = s.map((O) => O[h]);
+          const S = e[h](l);
+          o = u(S)(n), a = h;
         }
       });
-      return (f) => {
-        a(), f && s.reference != null && m(s.reference), n == null || n(!0);
+      return (h) => {
+        f(), n.clear(h), o == null || o(h);
       };
     };
-  const r = Object.keys(t)[0];
-  return c(e[r](I(t[r])));
-}, De = (t, e, r) => j(
-  d.map(t, (s) => ({ [s[e]]: s })),
+  const t = Object.keys(s)[0];
+  return u(e[t](V(s[t])));
+}, ye = (s, e, t) => j(
+  p.map(s, (r) => ({ [r[e]]: r })),
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  r
-), Zt = (t, e) => De(t, "kind", e), Kt = (t, e) => {
-  const r = d.map(t, ([s, n]) => ({ [s]: n }));
-  return j(r, e);
-}, xt = (t, e) => De(t, "type", e), gt = (t, e) => j(
-  d.map(t, (r) => ({ [r]: !0 })),
+  t
+), $t = (s, e) => ye(s, "kind", e), Nt = (s, e) => {
+  const t = p.map(s, ([r, n]) => ({ [r]: n }));
+  return j(t, e);
+}, Ht = (s, e) => ye(s, "type", e), et = (s, e) => j(
+  p.map(s, (t) => ({ [t]: !0 })),
   e
-), er = (t, e = {}) => (r) => {
-  const s = (e == null ? void 0 : e.firstSeparator) ?? t, n = (e == null ? void 0 : e.lastSeparator) ?? t;
-  return gt(
-    r.map((o) => o.isFirst ? "first" : o.isLast ? "last" : "other"),
+), It = (s, e = {}) => (t) => {
+  const r = (e == null ? void 0 : e.firstSeparator) ?? s, n = (e == null ? void 0 : e.lastSeparator) ?? s;
+  return et(
+    t.map((o) => o.isFirst ? "first" : o.isLast ? "last" : "other"),
     {
-      first: () => s,
+      first: () => r,
       last: () => n,
-      other: () => t
+      other: () => s
     }
   );
-}, be = (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;
+}, we = (s, e) => (t) => {
+  const r = Object.values(s).reduce((n, o) => {
+    const l = t.getProvider(o);
+    return n[o] = l, n;
   }, {});
-  return c(e(s))(r);
-}, tr = (t, e) => (r) => {
-  const s = [], n = Object.entries(t).reduce(
-    (o, [i, l]) => (s.push(
-      l((a) => (Reflect.set(o, i, a), null))(r)
+  return u(e(r))(t);
+}, Vt = (s, e) => (t) => {
+  const r = [], n = Object.entries(s).reduce(
+    (o, [l, c]) => (r.push(
+      c((a) => (Reflect.set(o, l, a), null))(t)
     ), o),
     {}
   );
-  return s.push(e(n)(r)), (o) => {
-    s.forEach((i) => i(o));
+  return r.push(e(n)(t)), (o) => {
+    r.forEach((l) => l(o));
   };
-}, rr = (t, e) => be([t], (r) => c(e(r[t]))), sr = (t, e) => be(t, (r) => c(e(r))), nr = (t) => (e) => t(e), or = (t) => (e) => (e.appendOrInsert(t), (r) => {
-  r && m(t);
-}), _t = (t, e, r) => {
-  if (h.is(t)) {
-    const s = t;
+}, Rt = (s, e) => we([s], (t) => u(e(t[s]))), jt = (s, e) => we(s, (t) => u(e(t))), qt = (s) => (e) => s(e) ?? (() => {
+}), Bt = (s) => (e) => (e.appendOrInsert(s), (t) => {
+  t && F(s);
+}), tt = (s, e, t) => {
+  if (d.is(s)) {
+    const r = s;
     return (n) => {
-      n = n.makeRef();
-      let o = null, i = !1;
-      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));
+      const o = n.makeRef();
+      let l = null, c = !1;
+      const a = H(null), f = r.on((h) => {
+        h == null ? (l == null || l(!0), l = u((t == null ? void 0 : t()) ?? v)(o), c = !1) : (a.value = h, c || (l == null || l(!0), l = u(e(a))(
+          o
+        ), c = !0));
       });
-      return (f) => {
-        a(), o == null || o(f), f && n.reference && m(n.reference);
+      return (h) => {
+        f(), l == null || l(h), o.clear(h);
       };
     };
   } else {
-    const s = t;
-    if (s == null) {
-      const n = r == null ? void 0 : r();
-      return n != null ? c(n) : S;
+    const r = s;
+    if (r == null) {
+      const n = t == null ? void 0 : t();
+      return n != null ? u(n) : v;
     }
-    return c(e(I(s)));
+    return u(e(V(r)));
   }
-}, z = (t) => (e) => (r) => t(r, e), Te = (t, e, r) => Oe(
-  t,
+}, U = (s) => (e) => (t) => s(t, e), _e = (s, e, t) => ve(
+  s,
   () => e,
-  () => r
-), Oe = (t, e, r) => _t(
-  d.map(t, (s) => s ? !0 : null),
+  () => t
+), ve = (s, e, t) => tt(
+  p.map(s, (r) => r ? !0 : null),
   e,
-  r ?? void 0
-), ir = (t, e, r) => yt(
-  t,
+  t ?? void 0
+), Ft = (s, e, t) => st(
+  s,
   () => e,
-  () => r
-), yt = (t, e, r) => Oe(
-  d.map(t, (s) => !s),
+  () => t
+), st = (s, e, t) => ve(
+  p.map(s, (r) => !r),
   e,
-  r
-), Ce = (t, e, r) => r != null ? Ce(t, (s) => {
-  const n = new T(
-    s.index,
-    s.total.map((o) => o - 1)
+  t
+), Se = (s, e, t) => t != null ? Se(s, (r) => {
+  const n = new M(
+    r.index,
+    r.total.map((o) => o - 1)
   );
-  return p(
-    z(n.dispose),
-    c(e(s)),
-    Te(s.isLast, S, r(n))
+  return m(
+    U(n.dispose),
+    u(e(r)),
+    _e(r.isLast, v, t(n))
   );
-}) : h.is(t) ? (s) => {
-  s = s.makeRef();
-  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; )
-      n.pop().dispose(), o.pop()(!0);
-    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);
+}) : d.is(s) ? (r) => {
+  const n = r.makeRef(), o = Array.from(
+    { length: s.value },
+    (a, f) => f
+  ).map((a) => new M(a, s)), l = o.map(
+    (a) => u(e(a))(n)
+  ), c = s.on((a) => {
+    for (; a < l.length; )
+      o.pop().dispose(), l.pop()(!0);
+    for (let f = 0; f < a; f++)
+      if (o[f] == null) {
+        o[f] = new M(f, s);
+        const h = u(e(o[f]));
+        l[f] = h(n);
       }
   });
-  return (l) => {
-    i(), l && s.reference && m(s.reference);
+  return (a) => {
+    c(), n.clear(a);
   };
-} : p(
-  ...Array.from({ length: t }, (s, n) => n).map(
-    (s) => c(e(new T(s, I(t))))
+} : m(
+  ...Array.from({ length: s }, (r, n) => n).map(
+    (r) => u(e(new M(r, V(s))))
   )
-), vt = (t, e, r) => {
-  if (r != null)
-    return vt(t, (s, n) => {
-      const o = new T(
+), rt = (s, e, t) => {
+  if (t != null)
+    return rt(s, (r, n) => {
+      const o = new M(
         n.index,
-        n.total.map((i) => i - 1)
+        n.total.map((l) => l - 1)
       );
-      return p([
-        z(o.dispose),
-        c(e(s, n)),
-        Te(n.isLast, S, r(o))
+      return m([
+        U(o.dispose),
+        u(e(r, n)),
+        _e(n.isLast, v, t(o))
       ]);
     });
   {
-    const s = d.map(t, (o) => o.length), n = d.toSignal(t);
-    return Ce(s, (o) => {
-      const i = n.map((l) => l[o.index]);
-      return p(
-        z(i.dispose),
-        c(e(i, o))
+    const r = p.map(s, (o) => o.length), n = p.toSignal(s);
+    return Se(r, (o) => {
+      const l = n.map((c) => c[o.index]);
+      return m(
+        U(l.dispose),
+        u(e(l, o))
       );
     });
   }
-}, lr = (t, e) => {
-  if (h.is(t)) {
-    const r = t;
-    return (s) => {
-      s = s.makeRef();
-      const n = r.map((l) => c(e(l)));
+}, nt = (s) => (e) => e.isBrowserDOM() ? s(e) ?? (() => {
+}) : () => {
+}, Ut = (s) => (e) => e.isHeadlessDOM() ? s(e) ?? (() => {
+}) : () => {
+}, Wt = (s) => nt((e) => s(e.element) ?? (() => {
+})), zt = (s, e) => {
+  if (d.is(s)) {
+    const t = s;
+    return (r) => {
+      r = r.makeRef();
+      const n = t.map((c) => u(e(c)));
       let o = () => {
       };
-      const i = n.on((l) => {
-        o(!0), o = l(s);
+      const l = n.on((c) => {
+        o(!0), o = c(r);
       });
-      return (l) => {
-        i(), o(l);
+      return (c) => {
+        l(), o(c);
       };
     };
   }
-  return c(e(t));
-}, ur = (t, e, r = () => S) => j(
-  d.map(
-    t,
-    (s) => s.length > 0 ? { notEmpty: s } : { whenEmpty: null }
+  return u(e(s));
+}, Gt = (s, e, t = () => v) => j(
+  p.map(
+    s,
+    (r) => r.length > 0 ? { notEmpty: r } : { whenEmpty: null }
   ),
   {
-    notEmpty: (s) => e(s),
-    whenEmpty: () => r()
+    notEmpty: (r) => e(r),
+    whenEmpty: () => t()
   }
-), ar = (t) => (e) => t(e.element) ?? (() => {
-}), Le = (t, e) => {
-  const r = t(e);
-  return () => r(!0);
-}, cr = (t, e, { doc: r, clear: s } = {}) => {
-  const n = typeof e == "string" ? (r ?? document).querySelector(e) : e;
+), z = (s, e) => {
+  const t = s(e);
+  return () => t(!0);
+}, Jt = (s, e, { doc: t, clear: r } = {}) => {
+  const n = typeof e == "string" ? (t ?? document).querySelector(e) : e;
   if (n === null)
-    throw new St(
+    throw new it(
       `Cannot find element by selector for render: ${e}`
     );
-  s !== !1 && (r ?? n.ownerDocument) != null && ut(r ?? n.ownerDocument);
-  const o = Ye(n), i = fe(n) ? void 0 : n, l = y.of(o, i);
-  return Le(t, l);
+  r !== !1 && (t ?? n.ownerDocument) != null && n.nodeType === 1 && (n.innerHTML = "");
+  const o = Ie(n), l = oe(n) ? void 0 : n, c = P.of(o, l);
+  return z(s, c);
+}, Qt = (s, {
+  startUrl: e = "https://example.com",
+  selector: t = ":root"
+} = {}) => {
+  const r = p.toSignal(e).deriveProp(), n = new ue(t, void 0), o = new E(n, void 0, { currentURL: r }, {});
+  return {
+    clear: z(s(), o),
+    root: n,
+    currentURL: r
+  };
 };
-class St extends Error {
+class it extends Error {
   constructor(e) {
     super(e);
   }
 }
-const fr = (t, e) => (r) => {
-  const s = r.document.querySelector(t);
-  if (s === null)
-    throw new Error(`Cannot find element by selector for portal: ${t}`);
-  return Le(
-    c(e),
-    r.withElement(s).withFirstLevel()
-  );
-}, hr = (t) => Symbol(t), ke = (t, e) => (r) => c(e)(r.withProviders(t)), dr = (...t) => t.length > 0 ? t.reduceRight((e, r) => (s) => e(r(s))) : c, pr = (t, e, r) => ke({ [t]: e }, c(r)), mr = (t, e) => ke(t, c(e)), wt = (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);
+const Xt = (s, e) => (t) => {
+  const r = t.makePortal(s);
+  return z(u(e), r);
+}, Yt = (s) => Symbol(s), Ce = (s, e) => (t) => u(e)(t.withProviders(s)), Zt = (...s) => s.length > 0 ? s.reduceRight((e, t) => (r) => e(t(r))) : u, Kt = (s, e, t) => Ce({ [s]: e }, u(t)), es = (s, e) => Ce(s, u(e)), ot = (s, e) => (t) => {
+  const r = t.getStyle(s);
+  return t.setStyle(s, e), (n) => {
+    n && t.setStyle(s, r);
   };
-}, At = (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);
+}, lt = (s, e) => (t) => {
+  const r = t.getStyle(s);
+  return e.on((n) => t.setStyle(s, n)), (n) => {
+    n && t.setStyle(s, r);
   };
-}, gr = new Proxy(
+}, ts = new Proxy(
   {},
   {
     /**
@@ -1410,118 +1607,112 @@ const fr = (t, e) => (r) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? At(e, r) : wt(e, r)
+    get: (s, e) => (t) => d.is(t) ? lt(e, t) : ot(e, t)
   }
 );
 export {
-  jt as Async,
-  Yt as BindChecked,
-  Ht as BindDate,
-  zt as BindDateTime,
-  Xt as BindNumber,
-  Qt as BindText,
-  E as Computed,
-  er as Conjunction,
-  y as DOMContext,
-  or as DOMNode,
-  pe as El,
-  me as ElNS,
-  T as ElementPosition,
-  S as Empty,
-  _t as Ensure,
-  vt as ForEach,
-  p as Fragment,
-  yt as LazyUnless,
-  Oe as LazyWhen,
-  lr as MapSignal,
-  se as MemoryStore,
-  ur as NotEmpty,
-  ft as OnChecked,
-  nr as OnCtx,
-  ar as OnMount,
-  z as OnUnmount,
+  Tt as Async,
+  Lt as BindChecked,
+  At as BindDate,
+  Mt as BindDateTime,
+  bt as BindNumber,
+  kt as BindText,
+  P as BrowserContext,
+  T as Computed,
+  It as Conjunction,
+  Bt as DOMNode,
+  de as El,
+  pe as ElNS,
+  M as ElementPosition,
+  v as Empty,
+  tt as Ensure,
+  rt as ForEach,
+  m as Fragment,
+  E as HeadlessContext,
+  qe as HeadlessElement,
+  ue as HeadlessPortal,
+  Be as HeadlessText,
+  st as LazyUnless,
+  ve as LazyWhen,
+  zt as MapSignal,
+  ee as MemoryStore,
+  Gt as NotEmpty,
+  nt as OnBrowserCtx,
+  Qe as OnChecked,
+  qt as OnCtx,
+  U as OnDispose,
+  Wt as OnElement,
+  Ut as OnHeadlessCtx,
   j as OneOf,
-  De as OneOfField,
-  Zt as OneOfKind,
-  Kt as OneOfTuple,
-  xt as OneOfType,
-  gt as OneOfValue,
-  fr as Portal,
-  F as Prop,
-  dr as Provide,
-  Qe as ProviderNotFoundError,
-  St as RenderingError,
-  Ce as Repeat,
-  h as Signal,
-  Ee as Task,
-  Lt as TextNode,
-  ir as Unless,
-  tr as Use,
-  rr as UseProvider,
-  sr as UseProviders,
-  Bt as UseSSRDone,
-  d as Value,
-  Te as When,
-  pr as WithProvider,
-  mr as WithProviders,
-  ve as _addNodeTracker,
-  ut as _clearSSR,
-  Ye as _getSelfOrParentElement,
-  fe as _isElement,
-  ce as _makeGetter,
-  ae as _makeSetter,
-  _e as _maybeAddAttributeTracker,
-  ye as _maybeAddClassTracker,
-  Se as _maybeAddTextTracker,
-  m as _removeDOMNode,
-  Xe as _setAttribute,
-  Je as _setBooleanProperty,
-  He as _setDateProperty,
-  We as _setNumberProperty,
-  ze as _setStringProperty,
-  de as _signalText,
+  ye as OneOfField,
+  $t as OneOfKind,
+  Nt as OneOfTuple,
+  Ht as OneOfType,
+  et as OneOfValue,
+  Xt as Portal,
+  N as Prop,
+  Zt as Provide,
+  le as ProviderNotFoundError,
+  it as RenderingError,
+  Se as Repeat,
+  d as Signal,
+  ge as Task,
+  gt as TextNode,
+  Ft as Unless,
+  Vt as Use,
+  Rt as UseProvider,
+  jt as UseProviders,
+  p as Value,
+  _e as When,
+  Kt as WithProvider,
+  es as WithProviders,
+  Ie as _getSelfOrParentElement,
+  oe as _isElement,
+  He as _makeGetter,
+  Ne as _makeSetter,
+  F as _removeDOMNode,
+  fe as _signalText,
   he as _staticText,
-  Ot as animateSignal,
-  Ge as animateSignals,
-  Nt as aria,
-  P as attr,
-  kt as dataAttr,
-  Ut as emitChecked,
-  Gt as emitPreventDefault,
-  Wt as emitStopImmediatePropagation,
-  Jt as emitStopPropagation,
-  ht as emitValue,
-  pt as emitValueAsDate,
-  mt as emitValueAsDateTime,
-  dt as emitValueAsNumber,
-  Ie as endInterpolate,
-  Be as guessInterpolate,
-  $t as html,
-  Ft as input,
-  qe as interpolateDate,
-  Fe as interpolateNumber,
-  Ve as interpolateString,
-  N as isSSR,
-  bt as localStorageProp,
-  X as makeComputed,
-  Pt as makeComputedOf,
-  Ct as makeComputedRecord,
-  Ue as makeEffect,
-  Dt as makeEffectOf,
-  V as makeProp,
-  hr as makeProviderMark,
-  I as makeSignal,
-  qt as math,
-  Mt as mathAttr,
-  B as on,
-  It as prepareSSR,
-  lt as removeTextTrackers,
-  cr as render,
-  Le as renderWithContext,
-  c as renderableOfTNode,
-  Tt as sessionStorageProp,
-  ne as storedProp,
-  gr as style,
-  Vt as svg,
-  Rt as svgAttr
+  dt as animateSignal,
+  $e as animateSignals,
+  yt as aria,
+  D as attr,
+  mt as dataAttr,
+  Pt as emitChecked,
+  Et as emitPreventDefault,
+  Ot as emitStopImmediatePropagation,
+  Dt as emitStopPropagation,
+  Xe as emitValue,
+  Ze as emitValueAsDate,
+  Ke as emitValueAsDateTime,
+  Ye as emitValueAsNumber,
+  Me as endInterpolate,
+  K as getWindow,
+  be as guessInterpolate,
+  vt as html,
+  St as input,
+  Ae as interpolateDate,
+  De as interpolateNumber,
+  Oe as interpolateString,
+  ht as localStorageProp,
+  W as makeComputed,
+  at as makeComputedOf,
+  pt as makeComputedRecord,
+  Le as makeEffect,
+  ut as makeEffectOf,
+  H as makeProp,
+  Yt as makeProviderMark,
+  V as makeSignal,
+  xt as math,
+  _t as mathAttr,
+  R as on,
+  Jt as render,
+  z as renderWithContext,
+  u as renderableOfTNode,
+  Qt as runHeadless,
+  ft as sessionStorageProp,
+  te as storedProp,
+  ts as style,
+  Ct as svg,
+  wt as svgAttr
 };