@tempots/dom 24.0.0-next.9 → 25.1.0

package/index.js

@@ -1,30 +1,30 @@
-var Ie = Object.defineProperty;
-var te = (t) => {
-  throw TypeError(t);
+var ke = Object.defineProperty;
+var te = (s) => {
+  throw TypeError(s);
 };
-var ke = (t, e, s) => e in t ? Ie(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
-var o = (t, e, s) => ke(t, typeof e != "symbol" ? e + "" : e, s), se = (t, e, s) => e.has(t) || te("Cannot " + s);
-var L = (t, e, s) => (se(t, e, "read from private field"), s ? s.call(t) : e.get(t)), re = (t, e, s) => e.has(t) ? te("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), Y = (t, e, s, r) => (se(t, e, "write to private field"), r ? r.call(t, s) : e.set(t, s), s);
-const Ne = (t, e, s) => t + (e - t) * s;
-const Re = (t, e, s) => {
-  const r = Math.max(t.length, e.length);
+var Ie = (s, e, t) => e in s ? ke(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var o = (s, e, t) => Ie(s, typeof e != "symbol" ? e + "" : e, t), se = (s, e, t) => e.has(s) || te("Cannot " + t);
+var X = (s, e, t) => (se(s, e, "read from private field"), t ? t.call(s) : e.get(s)), re = (s, e, t) => e.has(s) ? te("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), ne = (s, e, t, r) => (se(s, e, "write to private field"), r ? r.call(s, t) : e.set(s, t), t);
+const Ne = (s, e, t) => s + (e - s) * t;
+const Re = (s, e, t) => {
+  const r = Math.max(s.length, e.length);
   let n = "";
   for (let i = 0; i < r; i++) {
-    let l = t.charCodeAt(i);
+    let l = s.charCodeAt(i);
     isNaN(l) && (l = 97);
     let c = e.charCodeAt(i);
-    isNaN(c) && (c = 97), n += String.fromCharCode(l + (c - l) * s);
+    isNaN(c) && (c = 97), n += String.fromCharCode(l + (c - l) * t);
   }
   return n;
-}, je = (t, e, s) => new Date(t.getTime() + (e.getTime() - t.getTime()) * s), qe = (t, e) => e, Ve = (t) => typeof t == "number" ? Ne : typeof t == "string" ? Re : t instanceof Date ? je : qe;
-var w;
-class D {
+}, Ve = (s, e, t) => new Date(s.getTime() + (e.getTime() - s.getTime()) * t), je = (s, e) => e, qe = (s) => typeof s == "number" ? Ne : typeof s == "string" ? Re : s instanceof Date ? Ve : je;
+var D;
+class Y {
   /**
    * 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, s) {
+  constructor(e, t) {
     /**
      * The counter of the element starting from 1.
      */
@@ -44,22 +44,22 @@ class D {
      * @returns `true` if the counter is odd, `false` otherwise.
      */
     o(this, "isOdd");
-    re(this, w);
+    re(this, D);
     o(this, "dispose", () => {
-      L(this, w) != null && (L(this, w).dispose(), Y(this, w, void 0));
+      this.total.dispose();
     });
-    this.index = e, this.total = s, 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 L(this, w) == null && Y(this, w, this.total.map((e) => this.counter === e)), L(this, w);
+    return X(this, D) == null && ne(this, D, this.total.map((e) => this.counter === e)), X(this, D);
   }
 }
-w = new WeakMap();
-const M = class M {
+D = new WeakMap();
+const H = class H {
   /**
    * Represents a signal with a value of type T.
    *
@@ -67,7 +67,7 @@ const M = class M {
    * @param equals - A function that determines whether two values of type T are equal.
    * @public
    */
-  constructor(e, s) {
+  constructor(e, t) {
     /**
      * @internal
      */
@@ -104,16 +104,28 @@ const M = class M {
      * Returns a function that can be called to unregister the listener.
      *
      * @param listener - The listener function to be called when the value of the signal changes.
-     */
-    o(this, "on", (e) => (e(this.get()), this._onValueListeners.push(e), () => {
-      this._onValueListeners.splice(this._onValueListeners.indexOf(e), 1);
-    }));
+     * @param options - Options for the listener.
+     */
+    o(this, "on", (e, t = {}) => {
+      t.skipInitial || e(this.get(), void 0);
+      const r = t.once ? (i, l) => {
+        n(), e(i, l);
+      } : e;
+      this._onValueListeners.push(r);
+      const n = () => {
+        this._onValueListeners.splice(
+          this._onValueListeners.indexOf(r),
+          1
+        ), t.abortSignal != null && t.abortSignal.removeEventListener("abort", n);
+      };
+      return t.abortSignal != null && t.abortSignal.addEventListener("abort", n), n;
+    });
     /**
      * @internal
      */
-    o(this, "_setAndNotify", (e, s) => {
-      const r = this.equals(this._value, e);
-      r || (this._value = e), (s || !r) && this._onValueListeners.forEach((n) => n(e));
+    o(this, "_setAndNotify", (e, t) => {
+      const r = this._value, n = this.equals(r, e);
+      n || (this._value = e), (t || !n) && this._onValueListeners.forEach((i) => i(e, r));
     });
     /**
      * @internal
@@ -147,14 +159,14 @@ const M = class M {
      * @param equals - Optional equality function to determine if two mapped values are equal.
      * @returns - A new Computed instance with the mapped value.
      */
-    o(this, "map", (e, s = (r, n) => r === n) => {
-      const r = new v(() => {
+    o(this, "map", (e, t = (r, n) => r === n) => {
+      const r = new L(() => {
         try {
           return e(this.get());
         } catch (n) {
           throw console.error("Error in Signal.map:", n), n;
         }
-      }, s);
+      }, t);
       return this.setDerivative(r), r;
     });
     /**
@@ -167,14 +179,14 @@ const M = class M {
      *               Defaults to a strict equality check (===).
      * @returns A new Signal that emits the values of the resulting Signal.
      */
-    o(this, "flatMap", (e, s = (r, n) => r === n) => {
-      const r = new v(() => {
+    o(this, "flatMap", (e, t = (r, n) => r === n) => {
+      const r = new L(() => {
         try {
           return e(this.get()).get();
         } catch (n) {
           throw console.error("Error in Signal.flatMap:", n), n;
         }
-      }, s);
+      }, t);
       return this.setDerivative(r), r;
     });
     /**
@@ -183,21 +195,21 @@ const M = class M {
      * @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.
      */
-    o(this, "tap", (e) => this.map((s) => (e(s), s)));
+    o(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.
      */
-    o(this, "at", (e) => this.map((s) => s[e]));
+    o(this, "at", (e) => this.map((t) => t[e]));
     /**
      * @internal
      */
     o(this, "_$");
-    o(this, "filter", (e, s) => {
-      let r = s ?? this.get();
-      const n = new v(() => {
+    o(this, "filter", (e, t) => {
+      let r = t ?? this.get();
+      const n = new L(() => {
         try {
           const i = this.get();
           return r = e(i) ? i : r;
@@ -217,9 +229,9 @@ const M = class M {
      * @param equals - Optional equality function to determine if two values are equal.
      * @returns - A new Computed object with the mapped and filtered values.
      */
-    o(this, "filterMap", (e, s, r = (n, i) => n === i) => {
-      let n = s;
-      const i = new v(() => {
+    o(this, "filterMap", (e, t, r = (n, i) => n === i) => {
+      let n = t;
+      const i = new L(() => {
         try {
           const l = this.get(), c = e(l);
           return n = c ?? n;
@@ -242,22 +254,22 @@ const M = class M {
      * @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.
      */
-    o(this, "mapAsync", (e, s, r, n = (i, l) => i === l) => {
-      const i = N(s, n);
+    o(this, "mapAsync", (e, t, r, n = (i, l) => i === l) => {
+      const i = v(t, n);
       let l = 0, c = new AbortController();
       return i.onDispose(
         this.on(async (a) => {
-          const u = ++l;
+          const h = ++l;
           c.abort(), c = new AbortController();
           try {
-            const h = await e(a, { abortSignal: c.signal });
-            u === l && i.set(h);
-          } catch (h) {
-            if (u === l)
+            const u = await e(a, { abortSignal: c.signal });
+            h === l && i.set(u);
+          } catch (u) {
+            if (h === l)
               if (r != null)
-                i.set(r(h));
+                i.set(r(u));
               else
-                throw h;
+                throw u;
           }
         })
       ), i;
@@ -272,23 +284,33 @@ const M = class M {
      * @param alt - The alternative value to use when the mapped value is `undefined` or `null`.
      * @returns A new signal containing the mapped values.
      */
-    o(this, "mapMaybe", (e, s) => this.map((r) => e(r) ?? s));
+    o(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.
      */
-    o(this, "feedProp", (e, s = !1) => {
+    o(this, "feedProp", (e, t = !1) => {
       const r = this.on(e.set);
-      return e.onDispose(r), s ? this.onDispose(e.dispose) : this.onDispose(r), e;
+      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.
+     * @param options - The options for the derived property.
+     * @param options.autoDisposeProp - Determines whether the derived property should be automatically disposed.
+     * @param options.equals - A function that determines if two values are equal.
      * @returns The derived property.
      */
-    o(this, "deriveProp", (e = !0) => this.feedProp(N(this.get()), e));
+    o(this, "deriveProp", ({
+      autoDisposeProp: e = !0,
+      equals: t
+    } = {}) => this.feedProp(v(this.get(), t), e));
+    /**
+     * Derives a new signal from the current signal. Useful to create a new signal that emits the same values as the current signal but can be disposed independently.
+     * @returns A new signal that emits the same values as the current signal.
+     */
+    o(this, "derive", () => this.map((e) => 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.
@@ -311,7 +333,7 @@ const M = class M {
         );
       }), e.onDispose(this.on(e.setDirty)), this.onDispose(e.dispose);
     });
-    this.equals = s, this._value = e;
+    this.equals = t, this._value = e;
   }
   /**
    * Gets the value of the signal.
@@ -326,7 +348,7 @@ const M = class M {
    */
   get $() {
     return this._$ !== void 0 ? this._$ : this._$ = new Proxy(this, {
-      get: (e, s) => this.at(s)
+      get: (e, t) => this.at(t)
     });
   }
 };
@@ -340,8 +362,8 @@ const M = class M {
  * @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.
  */
-o(M, "ofPromise", (e, s, r, n = (i, l) => i === l) => {
-  const i = new M(s, n);
+o(H, "ofPromise", (e, t, r, n = (i, l) => i === l) => {
+  const i = new H(t, n);
   return e.then((l) => i._setAndNotify(l, !1)).catch((l) => {
     r != null ? i._setAndNotify(r(l), !1) : console.error(
       "Unhandled promise rejection in Signal.ofPromise:",
@@ -354,19 +376,19 @@ o(M, "ofPromise", (e, s, r, n = (i, l) => i === l) => {
  * @param value - The value to check.
  * @returns `true` if the value is a Signal, `false` otherwise.
  */
-o(M, "is", (e) => (
+o(H, "is", (e) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   e != null && e.$__signal__ === !0
 ));
-let d = M;
-const Be = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
-class v extends d {
+let d = H;
+const Fe = typeof queueMicrotask == "function" ? queueMicrotask : (s) => Promise.resolve().then(s);
+class L 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(s, r) {
+  constructor(t, r) {
     super(void 0, r);
     /**
      * @internal
@@ -382,7 +404,7 @@ class v extends d {
      * It also marks all dependent signals as dirty and schedules a notification to update their values.
      */
     o(this, "setDirty", () => {
-      this._isDirty || this._disposed || (this._isDirty = !0, this._derivatives.forEach((s) => s.setDirty()), this._scheduleNotify());
+      this._isDirty || this._disposed || (this._isDirty = !0, this._derivatives.forEach((t) => t.setDirty()), this._scheduleNotify());
     });
     /**
      * @internal
@@ -394,14 +416,14 @@ class v extends d {
      * @internal
      */
     o(this, "_scheduleNotify", () => {
-      const s = ++this._scheduleCount;
-      Be(() => {
-        this._scheduleCount !== s || this._disposed !== !1 || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn(), !1));
+      const t = ++this._scheduleCount;
+      Fe(() => {
+        this._scheduleCount !== t || this._disposed !== !1 || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn(), !1));
       });
     });
     /** {@inheritDoc Signal.get} */
-    o(this, "get", () => (this._isDirty && (this._isDirty = !1, this._value = this._fn(), this._setAndNotify(this._value, !0)), this._value));
-    this._fn = s, this.setDirty();
+    o(this, "get", () => (this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn(), !0)), this._value));
+    this._fn = t, this.setDirty();
   }
   /**
    * Checks if a value is an instance of `Computed`.
@@ -409,15 +431,15 @@ class v extends d {
    * @param value - The value to check.
    * @returns `true` if the value is an instance of `Computed`, `false` otherwise.
    */
-  static is(s) {
-    return s != null && s.$__computed__ === !0;
+  static is(t) {
+    return t != null && t.$__computed__ === !0;
   }
   /** {@inheritDoc Signal.value} */
   get value() {
     return this.get();
   }
 }
-const W = class W extends d {
+const U = class U extends d {
   constructor() {
     super(...arguments);
     /**
@@ -429,15 +451,15 @@ const W = class W extends d {
      *
      * @param value - The new value of the property.
      */
-    o(this, "set", (s) => {
-      this._setAndNotify(s, !1);
+    o(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.
      */
-    o(this, "update", (s) => {
-      this._setAndNotify(s(this.get()), !1);
+    o(this, "update", (t) => {
+      this._setAndNotify(t(this.get()), !1);
     });
     /**
      * Creates a reducer function that combines the provided reducer function and effects.
@@ -445,11 +467,11 @@ const W = class W extends d {
      * @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.
      */
-    o(this, "reducer", (s, ...r) => {
+    o(this, "reducer", (t, ...r) => {
       const n = this;
       return function i(l) {
         const c = n.value;
-        n.update((a) => s(a, l)), !n.equals(c, n.value) && r.forEach(
+        n.update((a) => t(a, l)), !n.equals(c, n.value) && r.forEach(
           (a) => a({
             previousState: c,
             state: n.value,
@@ -470,9 +492,9 @@ const W = class W extends d {
      *                Defaults to a strict equality check (===).
      * @returns A Prop object representing the isomorphism.
      */
-    o(this, "iso", (s, r, n = (i, l) => i === l) => {
-      const i = new W(s(this.get()), n);
-      return i.onDispose(this.on((l) => i.set(s(l)))), i.on((l) => this._setAndNotify(r(l), !1)), i;
+    o(this, "iso", (t, r, n = (i, l) => i === l) => {
+      const i = new U(t(this.get()), n);
+      return i.onDispose(this.on((l) => i.set(t(l)))), i.on((l) => this._setAndNotify(r(l), !1)), i;
     });
     /**
      * Returns a `Prop` that represents the value at the specified key of the current value.
@@ -480,9 +502,9 @@ const W = class W extends d {
      * @param key - The key of the value to access.
      * @returns A `Prop` that represents the value at the specified key.
      */
-    o(this, "atProp", (s) => this.iso(
-      (r) => r[s],
-      (r) => ({ ...this.value, [s]: r })
+    o(this, "atProp", (t) => this.iso(
+      (r) => r[t],
+      (r) => ({ ...this.value, [t]: r })
     ));
   }
   /**
@@ -491,8 +513,8 @@ const W = class W extends d {
   get value() {
     return this.get();
   }
-  set value(s) {
-    this._setAndNotify(s, !1);
+  set value(t) {
+    this._setAndNotify(t, !1);
   }
 };
 /**
@@ -500,15 +522,30 @@ const W = class W extends d {
  * @param value - The value to check.
  * @returns `true` if the value is a Prop, `false` otherwise.
  */
-o(W, "is", (s) => (
+o(U, "is", (t) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  s != null && s.$__prop__ === !0
+  t != null && t.$__prop__ === !0
 ));
-let k = W;
-const Q = (t, e, s = (r, n) => r === n) => {
-  const r = new v(t, s);
+let N = U;
+const z = (s, e, t = (r, n) => r === n) => {
+  const r = new L(s, t);
   return e.forEach((n) => n.setDerivative(r)), r;
-}, Fe = (t, e) => Q(t, e).dispose, N = (t, e = (s, r) => s === r) => new k(t, e), J = (t, e = (s, r) => s === r) => new d(t, e), ie = () => typeof window < "u" ? window : void 0, p = {
+}, Be = (s, e, t = {}) => {
+  let r = t.once ? () => {
+    i(), s();
+  } : s;
+  if (t.skipInitial) {
+    let l = !1;
+    const c = r;
+    r = () => {
+      l ? c() : l = !0;
+    };
+  }
+  const n = z(r, e), i = () => {
+    n.dispose(), t.abortSignal != null && t.abortSignal.removeEventListener("abort", i);
+  };
+  return t.abortSignal != null && t.abortSignal.addEventListener("abort", i), i;
+}, v = (s, e = (t, r) => t === r) => new N(s, e), W = (s, e = (t, r) => t === r) => new d(s, e), oe = () => typeof window < "u" ? window : void 0, y = {
   /**
    * 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 +557,7 @@ const Q = (t, e, s = (r, n) => r === n) => {
    * @param fn - The function to map the value.
    * @returns The mapped value.
    */
-  map: (t, e) => d.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 +568,30 @@ const Q = (t, e, s = (r, n) => r === n) => {
    * @param equals - A function that determines if two values are equal. Defaults to strict equality (===).
    * @returns A Signal instance.
    */
-  toSignal: (t, e) => d.is(t) ? t : J(t, e),
+  toSignal: (s, e) => d.is(s) ? s : W(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 p.toSignal(t, e);
+  maybeToSignal: (s, e) => {
+    if (s != null)
+      return y.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) => d.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) => d.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,21 +599,39 @@ const Q = (t, e, s = (r, n) => r === n) => {
    * If the value is not a Signal, it does nothing.
    * @param value - The value or Signal instance to dispose of.
    */
-  dispose: (t) => {
-    d.is(t) && t.dispose();
-  }
-}, It = (...t) => (e, s) => {
-  const r = t.filter((n) => d.is(n));
-  return Q(
-    () => e(...t.map((n) => p.get(n))),
+  dispose: (s) => {
+    d.is(s) && s.dispose();
+  },
+  /**
+   * Derives a Prop from a Signal.
+   * If the value is a Signal, it returns a new Prop with the derived value.
+   * If the value is not a Signal, it returns a new Prop with the value.
+   * @param value - The value or Signal instance to derive the Prop from.
+   * @param options - The options for the derived Prop.
+   * @param options.autoDisposeProp - Determines whether the derived Prop should be automatically disposed.
+   * @param options.equals - A function that determines if two values are equal.
+   * @returns A Prop instance.
+   */
+  deriveProp: (s, {
+    autoDisposeProp: e = !0,
+    equals: t
+  } = {}) => d.is(s) ? s.deriveProp({ autoDisposeProp: e, equals: t }) : v(s, t)
+}, Ht = (...s) => (e, t) => {
+  const r = s.filter((n) => d.is(n));
+  return z(
+    () => e(...s.map((n) => y.get(n))),
     r,
-    s
+    t
+  );
+}, $t = (...s) => (e, t = {}) => {
+  const r = s.filter((n) => d.is(n));
+  return Be(
+    () => e(...s.map(y.get)),
+    r,
+    t
   );
-}, kt = (...t) => (e) => {
-  const s = t.filter((r) => d.is(r));
-  Fe(() => e(...t.map(p.get)), s);
 };
-class oe {
+class le {
   constructor() {
     o(this, "_store", /* @__PURE__ */ new Map());
     /**
@@ -590,81 +645,81 @@ class oe {
      * @param key - The key to set the value for.
      * @param value - The value to set.
      */
-    o(this, "setItem", (e, s) => {
-      this._store.set(e, s);
+    o(this, "setItem", (e, t) => {
+      this._store.set(e, t);
     });
   }
 }
-const le = ({
-  key: t,
+const ce = ({
+  key: s,
   defaultValue: e,
-  store: s,
+  store: t,
   serialize: r = JSON.stringify,
   deserialize: n = JSON.parse,
   equals: i = (c, a) => c === a,
   onLoad: l = (c) => c
 }) => {
-  const c = s.getItem(t), a = new k(
+  const c = t.getItem(s), a = new N(
     c != null ? l(n(c)) : typeof e == "function" ? e() : e,
     i
   );
-  return a.on((u) => {
-    s.setItem(t, r(u));
+  return a.on((h) => {
+    t.setItem(s, r(h));
   }), a;
-}, Nt = (t) => {
+}, kt = (s) => {
   var e;
-  return le({
-    ...t,
-    store: ((e = ie()) == null ? void 0 : e.localStorage) ?? new oe()
+  return ce({
+    ...s,
+    store: ((e = oe()) == null ? void 0 : e.localStorage) ?? new le()
   });
-}, Rt = (t) => {
+}, It = (s) => {
   var e;
-  return le({
-    ...t,
-    store: ((e = ie()) == null ? void 0 : e.sessionStorage) ?? new oe()
+  return ce({
+    ...s,
+    store: ((e = oe()) == null ? void 0 : e.sessionStorage) ?? new le()
   });
 };
-function ne(t) {
-  return typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 0);
+function ie(s) {
+  return typeof requestAnimationFrame == "function" ? requestAnimationFrame(s) : setTimeout(s, 0);
 }
-const Ue = (t, e, s, r) => {
-  const n = (r == null ? void 0 : r.duration) ?? 300, i = (r == null ? void 0 : r.easing) ?? ((T) => T), l = (r == null ? void 0 : r.equals) ?? ((T, I) => T === I);
-  let c = r == null ? void 0 : r.interpolate, a = t, u = e(), h = performance.now(), m = null, S = !0;
-  const X = new v(e, l), b = N(t, l);
-  b.onDispose(() => {
+const Ue = (s, e, t, r) => {
+  const n = (r == null ? void 0 : r.duration) ?? 300, i = (r == null ? void 0 : r.easing) ?? ((A) => A), l = (r == null ? void 0 : r.equals) ?? ((A, I) => A === I);
+  let c = r == null ? void 0 : r.interpolate, a = s, h = e(), u = performance.now(), m = null, T = !0;
+  const p = new L(e, l), g = v(s, l);
+  g.onDispose(() => {
     m !== null && cancelAnimationFrame(m);
-  }), b.onDispose(X.dispose), s.forEach((T) => {
-    T.setDerivative(X), T.onDispose(b.dispose);
+  }), g.onDispose(p.dispose), t.forEach((A) => {
+    A.setDerivative(p), A.onDispose(g.dispose);
   });
-  const He = (T) => {
-    u = T, h = performance.now(), a = b.value, S && (S = !1, m = ne(K));
+  const w = (A) => {
+    h = A, u = performance.now(), a = g.value, T && (T = !1, m = ie(K));
   }, K = () => {
-    const I = (performance.now() - h) / p.get(n), $e = i(I);
-    c == null && (c = Ve(a));
-    let ee = c(a, u, $e);
-    I >= 1 ? (S = !0, ee = u) : m = ne(K), b.set(ee);
+    const I = (performance.now() - u) / y.get(n), $e = i(I);
+    c == null && (c = qe(a));
+    let ee = c(a, h, $e);
+    I >= 1 ? (T = !0, ee = h) : m = ie(K), g.set(ee);
   };
-  return X.on(He), b;
-}, jt = (t, e) => {
-  const { initialValue: s, ...r } = e ?? {};
+  return p.on(w), g;
+}, Nt = (s, e) => {
+  const { initialValue: t, ...r } = e ?? {};
   return Ue(
-    s ?? t.get(),
-    t.get,
-    [t],
+    t ?? s.get(),
+    s.get,
+    [s],
     r
   );
-}, qt = (t, e) => {
-  const { signals: s, literals: r } = Object.entries(t).reduce(
+}, Rt = (s, e) => {
+  const { signals: t, literals: r } = Object.entries(s).reduce(
     ({ signals: i, literals: l }, [c, a]) => (d.is(a) ? i.push([c, a]) : l[c] = a, { signals: i, literals: l }),
     { signals: [], literals: {} }
-  ), n = s.map(([, i]) => i);
-  return Q(() => (s.forEach(([i, l]) => r[i] = l.value), e(r)), n);
-}, ce = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), ae = /* @__PURE__ */ new Set([
+  ), n = t.map(([, i]) => i);
+  return z(() => (t.forEach(([i, l]) => r[i] = l.value), e(r)), n);
+}, ae = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), ue = /* @__PURE__ */ new Set(["selected"]), he = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), ue = /* @__PURE__ */ new Set(["valueAsDate"]), he = /* @__PURE__ */ new Set([
+]), fe = /* @__PURE__ */ new Set(["valueAsDate"]), de = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -672,26 +727,28 @@ const Ue = (t, e, s, r) => {
   "outerHTML",
   "className",
   "classList"
-]), We = (t, e) => ce.has(t) ? (s) => {
-  s == null ? e[t] = null : e[t] = !!s;
-} : ae.has(t) ? (s) => {
-  s == null ? e[t] = null : e[t] = Number(s);
-} : ue.has(t) ? (s) => {
-  s == null ? e[t] = null : e[t] = s;
-} : he.has(t) ? (s) => {
-  s == null ? e[t] = null : e[t] = String(s);
-} : (s) => {
-  s == null ? e.removeAttribute(t) : e.setAttribute(t, s);
-}, Je = (t, e) => ce.has(t) ? () => !!e[t] : ae.has(t) ? () => Number(e[t]) : ue.has(t) ? () => e[t] : he.has(t) ? () => String(e[t]) : () => e.getAttribute(t), R = (t) => {
-  const e = t;
-  e && e.onblur && (e.onblur = null), !(!t || t.ownerDocument === void 0) && t.parentElement && t.parentElement.removeChild(t);
-}, Ge = (t) => fe(t) ? t : t.parentElement, fe = (t) => t.nodeType === 1;
-class de extends Error {
+]), We = (s, e) => ue.has(s) ? (t) => {
+  t == null || t !== !0 ? e.removeAttribute(s) : e.setAttribute(s, "");
+} : ae.has(s) ? (t) => {
+  t == null ? e[s] = null : e[s] = !!t;
+} : he.has(s) ? (t) => {
+  t == null ? e[s] = null : e[s] = Number(t);
+} : fe.has(s) ? (t) => {
+  t == null ? e[s] = null : e[s] = t;
+} : de.has(s) ? (t) => {
+  t == null ? e[s] = null : e[s] = String(t);
+} : (t) => {
+  t == null ? e.removeAttribute(s) : e.setAttribute(s, t);
+}, Je = (s, e) => ue.has(s) ? () => e.hasAttribute(s) : ae.has(s) ? () => !!e[s] : he.has(s) ? () => Number(e[s]) : fe.has(s) ? () => e[s] : de.has(s) ? () => String(e[s]) : () => e.getAttribute(s), R = (s) => {
+  const e = s;
+  e && e.onblur && (e.onblur = null), !(!s || s.ownerDocument === void 0) && s.parentElement && s.parentElement.removeChild(s);
+}, Ge = (s) => pe(s) ? s : s.parentElement, pe = (s) => s.nodeType === 1;
+class ge extends Error {
   constructor(e) {
     super(`Provider not found: ${e.description}`);
   }
 }
-class P {
+class x {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -701,7 +758,7 @@ class P {
    * @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, s, r, n) {
+  constructor(e, t, r, n) {
     /**
      * Creates a new DOM element (eg: HTML or SVG) with the specified tag name and namespace.
      *
@@ -709,7 +766,7 @@ class P {
      * @param namespace - The namespace URI to create the element in, or `undefined` to create a standard HTML element.
      * @returns The newly created element.
      */
-    o(this, "createElement", (e, s) => s !== void 0 ? this.document.createElementNS(s, e) : this.document.createElement(e));
+    o(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.
      *
@@ -717,8 +774,8 @@ class P {
      * @param namespace - The namespace URI to create the element in, or `undefined` to create a standard HTML element.
      * @returns The newly created element.
      */
-    o(this, "makeChildElement", (e, s) => {
-      const r = this.createElement(e, s);
+    o(this, "makeChildElement", (e, t) => {
+      const r = this.createElement(e, t);
       return this.appendOrInsert(r), this.withElement(r);
     });
     /**
@@ -733,8 +790,8 @@ class P {
      * @returns A new `DOMContext` with a reference to the new text node.
      */
     o(this, "makeChildText", (e) => {
-      const s = this.createText(e);
-      return this.appendOrInsert(s), this.withReference(s);
+      const t = this.createText(e);
+      return this.appendOrInsert(t), this.withReference(t);
     });
     /**
      * Sets the text content of the current element.
@@ -773,17 +830,17 @@ class P {
      * @param element - The DOM element to use in the new `DOMContext` instance.
      * @returns A new `DOMContext` instance with the provided `element`.
      */
-    o(this, "withElement", (e) => new P(this.document, e, void 0, this.providers));
+    o(this, "withElement", (e) => new x(this.document, e, void 0, this.providers));
     /**
      * 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.
      */
     o(this, "makePortal", (e) => {
-      const s = this.document.querySelector(e);
-      if (s == null)
+      const t = this.document.querySelector(e);
+      if (t == null)
         throw new Error(`Cannot find element by selector for portal: ${e}`);
-      return this.withElement(s);
+      return this.withElement(t);
     });
     /**
      * Creates a new `DOMContext` instance with the specified reference.
@@ -791,7 +848,7 @@ class P {
      * @param reference - The optional `Text` node to use as the reference for the new `DOMContext`.
      * @returns A new `DOMContext` instance with the specified reference.
      */
-    o(this, "withReference", (e) => new P(this.document, this.element, e, this.providers));
+    o(this, "withReference", (e) => new x(this.document, this.element, e, this.providers));
     /**
      * Returns a new HTMLDOMContext instance with the specified providers merged into
      * the existing providers.
@@ -799,7 +856,7 @@ class P {
      * @param providers - An object containing the providers to be merged into the existing providers.
      * @returns A new HTMLDOMContext instance with the merged providers.
      */
-    o(this, "withProviders", (e) => new P(this.document, this.element, this.reference, {
+    o(this, "withProviders", (e) => new x(this.document, this.element, this.reference, {
       ...this.providers,
       ...e
     }));
@@ -812,7 +869,7 @@ class P {
      */
     o(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
-        throw new de(e);
+        throw new ge(e);
       return this.providers[e];
     });
     o(this, "clear", (e) => {
@@ -841,10 +898,15 @@ class P {
      * Adds an event listener to the element.
      * @param event - The event to listen for.
      * @param listener - The listener to call when the event occurs.
+     * @param options - The options for the event listener.
      * @returns A function to remove the event listener.
      */
-    o(this, "on", (e, s) => (this.element.addEventListener(e, s), (r) => {
-      r && this.element.removeEventListener(e, s);
+    o(this, "on", (e, t, r) => (this.element.addEventListener(e, t, r), (n) => {
+      n && this.element.removeEventListener(
+        e,
+        t,
+        r
+      );
     }));
     /**
      * Returns `true` if the context is a browser DOM context.
@@ -861,20 +923,20 @@ class P {
      * @param name - The name of the style to set.
      * @param value - The value of the style to set.
      */
-    o(this, "setStyle", (e, s) => {
-      this.element.style.setProperty(e, s);
+    o(this, "setStyle", (e, t) => {
+      this.element.style[e] = t;
     });
     /**
      * Gets the style of the element.
      * @param name - The name of the style to get.
      * @returns The value of the style.
      */
-    o(this, "getStyle", (e) => this.element.style.getPropertyValue(e));
+    o(this, "getStyle", (e) => this.element.style[e]);
     o(this, "makeAccessors", (e) => ({
       get: Je(e, this.element),
       set: We(e, this.element)
     }));
-    this.document = e, this.element = s, this.reference = r, this.providers = n;
+    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`.
@@ -883,100 +945,182 @@ class P {
    * @param ref - An optional reference `Node` to associate with the `DOMContext`.
    * @returns A new `DOMContext` instance.
    */
-  static of(e, s) {
-    return new P(e.ownerDocument, e, s, {});
+  static of(e, t) {
+    return new x(e.ownerDocument, e, t, {});
   }
 }
-const Z = (t, e) => {
-  const s = t(e);
-  return () => s(!0);
-}, Vt = (t, e, { doc: s, clear: r } = {}) => {
-  const n = typeof e == "string" ? (s ?? document).querySelector(e) : e;
-  if (n === null)
-    throw new ze(
+const Q = (s, e) => {
+  const t = s(e);
+  return (r = !0) => t(r);
+}, Vt = (s, e, { doc: t, clear: r, disposeWithParent: n = !0 } = {}) => {
+  console.time("render");
+  const i = typeof e == "string" ? (t ?? document).querySelector(e) : e;
+  if (i === null)
+    throw new Xe(
       `Cannot find element by selector for render: ${e}`
     );
-  r !== !1 && (s ?? n.ownerDocument) != null && n.nodeType === 1 && (n.innerHTML = "");
-  const i = Ge(n), l = fe(n) ? void 0 : n, c = P.of(i, l);
-  return Z(t, c);
-}, Bt = (t, {
+  r !== !1 && (t ?? i.ownerDocument) != null && i.nodeType === 1 && (i.innerHTML = "");
+  const l = Ge(i), c = pe(i) ? void 0 : i, a = x.of(l, c), h = Q(s, a);
+  let u;
+  return n && (u = new MutationObserver((m) => {
+    var T;
+    (T = m[0]) == null || T.removedNodes.forEach((p) => {
+      p === i && (h(i.nodeType !== Node.ELEMENT_NODE), u == null || u.disconnect());
+    });
+  }), u.observe(i.parentElement, {
+    childList: !0,
+    subtree: !1,
+    attributes: !1
+  })), console.timeEnd("render"), () => {
+    u == null || u.disconnect(), h(!0);
+  };
+}, jt = (s, {
   startUrl: e = "https://example.com",
-  selector: s = ":root"
+  selector: t = ":root"
 } = {}) => {
-  const r = p.toSignal(e).deriveProp(), n = new Te(s, void 0), i = new x(n, void 0, { currentURL: r }, {});
+  const r = y.toSignal(e).deriveProp(), n = new Se(t, void 0), i = new O(n, void 0, { currentURL: r }, {});
   return {
-    clear: Z(t(), i),
+    clear: Q(s(), i),
     root: n,
     currentURL: r
   };
 };
-class ze extends Error {
+class Xe extends Error {
   constructor(e) {
     super(e);
   }
 }
-const pe = "data-tts-node", j = "data-tts-class", q = "data-tts-style", V = "data-tts-html", B = "data-tts-text", F = "data-tts-attrs";
-class Ft {
+const me = "data-tts-node", V = "data-tts-class", j = "data-tts-style", q = "data-tts-html", F = "data-tts-text", B = "data-tts-attrs";
+class qt {
   constructor({
     select: e,
-    getAttribute: s,
+    getAttribute: t,
     setAttribute: r,
     getClass: n,
     setClass: i,
     getStyles: l,
     setStyles: c,
     appendHTML: a,
-    getInnerHTML: u,
-    setInnerHTML: h,
+    getInnerHTML: h,
+    setInnerHTML: u,
     getInnerText: m,
-    setInnerText: S
+    setInnerText: T
   }) {
+    /**
+     * Selects elements from the headless environment.
+     * @param selector - The selector to select elements from. The supported selectors are CSS selectors whose complexity depends on the adapter implementation.
+     * @returns An array of elements.
+     */
     o(this, "select");
+    /**
+     * Gets the value of an attribute from an element.
+     * @param el - The element to get the attribute from.
+     * @param attr - The attribute to get the value from.
+     * @returns The value of the attribute or null if the attribute is not set.
+     */
     o(this, "getAttribute");
+    /**
+     * Sets the value of an attribute on an element.
+     * @param el - The element to set the attribute on.
+     * @param attr - The attribute to set the value of.
+     * @param value - The value to set the attribute to.
+     */
     o(this, "setAttribute");
+    /**
+     * Gets the class of an element.
+     * @param el - The element to get the class from.
+     * @returns The class of the element or an empty string if the class is not set.
+     */
     o(this, "getClass");
+    /**
+     * Sets the class of an element.
+     * @param el - The element to set the class on.
+     * @param cls - The class to set.
+     */
     o(this, "setClass");
+    /**
+     * Gets the styles of an element.
+     * @param el - The element to get the styles from.
+     * @returns The styles of the element.
+     */
     o(this, "getStyles");
+    /**
+     * Sets the styles of an element.
+     * @param el - The element to set the styles on.
+     */
     o(this, "setStyles");
+    /**
+     * Appends HTML to an element.
+     * @param el - The element to append the HTML to.
+     * @param html - The HTML to append.
+     */
     o(this, "appendHTML");
+    /**
+     * Gets the inner HTML of an element.
+     * @param el - The element to get the inner HTML from.
+     * @returns The inner HTML of the element or an empty string if the inner HTML is not set.
+     */
     o(this, "getInnerHTML");
+    /**
+     * Sets the inner HTML of an element.
+     * @param el - The element to set the inner HTML on.
+     * @param html - The inner HTML to set.
+     */
     o(this, "setInnerHTML");
+    /**
+     * Gets the inner text of an element.
+     * @param el - The element to get the inner text from.
+     * @returns The inner text of the element or an empty string if the inner text is not set.
+     */
     o(this, "getInnerText");
+    /**
+     * Sets the inner text of an element.
+     * @param el - The element to set the inner text on.
+     * @param text - The inner text to set.
+     */
     o(this, "setInnerText");
-    o(this, "setFromRoot", (e, s) => {
+    /**
+     * Sets the content of the root element from a HeadlessPortal. Generally this will be the same instance that is
+     * returned by `runHeadless`.
+     *
+     * @param root - The HeadlessPortal containing the content to set.
+     * @param setPlaceholders - Whether to set placeholders for the content. This allows you to restore the original content
+     * when you render on the server and then hydrate on the client.
+     */
+    o(this, "setFromRoot", (e, t) => {
       e.getPortals().forEach((n) => {
         for (const i of this.select(n.selector)) {
           if (i == null)
             throw new Error(
               `Cannot find element by selector for render: ${n.selector}`
             );
-          if (n.hasChildren() && this.appendHTML(i, n.contentToHTML(s)), n.hasInnerHTML()) {
-            if (s) {
+          if (n.hasChildren() && this.appendHTML(i, n.contentToHTML(t)), n.hasInnerHTML()) {
+            if (t) {
               const l = this.getInnerHTML(i);
-              l != null && this.setAttribute(i, V, l);
+              l != null && this.setAttribute(i, q, l);
             }
             this.setInnerHTML(i, n.getInnerHTML());
           }
           if (n.hasInnerText()) {
-            if (s) {
+            if (t) {
               const l = this.getInnerText(i);
-              l != null && this.setAttribute(i, B, l);
+              l != null && this.setAttribute(i, F, l);
             }
             this.setInnerText(i, n.getInnerText());
           }
           if (n.hasClasses()) {
-            if (s) {
+            if (t) {
               const l = this.getClass(i);
-              l != null && this.setAttribute(i, j, l);
+              l != null && this.setAttribute(i, V, l);
             }
             this.setClass(i, n.getClasses().join(" "));
           }
           if (n.hasStyles()) {
-            if (s) {
+            if (t) {
               const l = this.getStyles(i);
               Object.keys(l).length > 0 && this.setAttribute(
                 i,
-                q,
+                j,
                 JSON.stringify(l)
               );
             }
@@ -984,14 +1128,14 @@ class Ft {
           }
           if (n.hasAttributes()) {
             const l = n.getAttributes();
-            if (s) {
+            if (t) {
               const c = [];
               l.forEach(([a]) => {
-                const u = this.getAttribute(i, a);
-                u != null && c.push([a, u]);
+                const h = this.getAttribute(i, a);
+                h != null && c.push([a, h]);
               }), c.length > 0 && this.setAttribute(
                 i,
-                F,
+                B,
                 JSON.stringify(Object.fromEntries(c))
               );
             }
@@ -1002,60 +1146,60 @@ class Ft {
         }
       });
     });
-    this.select = e, this.getAttribute = s, this.setAttribute = r, this.getClass = n, this.setClass = i, this.getStyles = l, this.setStyles = c, this.appendHTML = a, this.getInnerHTML = u, this.setInnerHTML = h, this.getInnerText = m, this.setInnerText = S;
+    this.select = e, this.getAttribute = t, this.setAttribute = r, this.getClass = n, this.setClass = i, this.getStyles = l, this.setStyles = c, this.appendHTML = a, this.getInnerHTML = h, this.setInnerHTML = u, this.getInnerText = m, this.setInnerText = T;
   }
 }
-const Xe = () => {
-  document.querySelectorAll(`[${pe}]`).forEach(R);
-}, Ye = (t) => {
-  const e = t.getAttribute(j);
-  t.removeAttribute(j), e != null && t.setAttribute("class", e);
+const Ye = () => {
+  document.querySelectorAll(`[${me}]`).forEach(R);
+}, ze = (s) => {
+  const e = s.getAttribute(V);
+  s.removeAttribute(V), e != null && s.setAttribute("class", e);
 }, Qe = () => {
-  document.querySelectorAll(`[${j}]`).forEach((e) => Ye(e));
-}, Ze = (t) => {
-  const e = t.getAttribute(V);
-  t.removeAttribute(V), e != null && (t.innerHTML = e);
+  document.querySelectorAll(`[${V}]`).forEach((e) => ze(e));
+}, Ze = (s) => {
+  const e = s.getAttribute(q);
+  s.removeAttribute(q), e != null && (s.innerHTML = e);
 }, Ke = () => {
-  document.querySelectorAll(`[${V}]`).forEach((e) => Ze(e));
-}, et = (t) => {
-  const e = t.getAttribute(B);
-  t.removeAttribute(B), e != null && (t.innerText = e);
+  document.querySelectorAll(`[${q}]`).forEach((e) => Ze(e));
+}, et = (s) => {
+  const e = s.getAttribute(F);
+  s.removeAttribute(F), e != null && (s.innerText = e);
 }, tt = () => {
-  document.querySelectorAll(`[${B}]`).forEach((e) => et(e));
-}, ge = (t) => JSON.parse(t.replace(/&quot;/g, '"')), st = (t) => {
-  const e = t.getAttribute(q);
-  if (t.removeAttribute(q), e != null) {
-    const s = ge(e);
-    Object.entries(s).forEach(([r, n]) => {
-      t.style.setProperty(r, n);
+  document.querySelectorAll(`[${F}]`).forEach((e) => et(e));
+}, ye = (s) => JSON.parse(s.replace(/&quot;/g, '"')), st = (s) => {
+  const e = s.getAttribute(j);
+  if (s.removeAttribute(j), e != null) {
+    const t = ye(e);
+    Object.entries(t).forEach(([r, n]) => {
+      s.style.setProperty(r, n);
     });
   }
 }, rt = () => {
-  document.querySelectorAll(`[${q}]`).forEach((e) => st(e));
-}, nt = (t) => {
-  const e = t.getAttribute(F);
-  if (t.removeAttribute(F), e != null) {
-    const s = ge(e);
-    Object.entries(s).forEach(([r, n]) => {
-      n == null ? t.removeAttribute(r) : t.setAttribute(r, n);
+  document.querySelectorAll(`[${j}]`).forEach((e) => st(e));
+}, nt = (s) => {
+  const e = s.getAttribute(B);
+  if (s.removeAttribute(B), e != null) {
+    const t = ye(e);
+    Object.entries(t).forEach(([r, n]) => {
+      n == null ? s.removeAttribute(r) : s.setAttribute(r, n);
     });
   }
 }, it = () => {
-  document.querySelectorAll(`[${F}]`).forEach((e) => nt(e));
-}, Ut = () => {
-  Xe(), Qe(), tt(), Ke(), rt(), it();
-}, y = Symbol("class"), _ = Symbol("style"), E = Symbol("handler"), me = () => Math.random().toString(36).substring(2, 15), ot = (t) => t.replace(/<[^>]*>?/g, "");
-class ye {
+  document.querySelectorAll(`[${B}]`).forEach((e) => nt(e));
+}, Ft = () => {
+  Ye(), Qe(), tt(), Ke(), rt(), it();
+}, b = Symbol("class"), _ = Symbol("style"), C = Symbol("handler"), Te = () => Math.random().toString(36).substring(2, 15), ot = (s) => s.replace(/<[^>]*>?/g, "");
+class be {
   constructor(e) {
-    o(this, "id", me());
+    o(this, "id", Te());
     o(this, "properties", {});
     o(this, "children", []);
     o(this, "isElement", () => !0);
     o(this, "isText", () => !1);
     o(this, "getText", () => this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? ot(this.properties.innerHTML) : this.children.map((e) => e.getText()).join(""));
     o(this, "removeChild", (e) => {
-      const s = this.children.indexOf(e);
-      s !== -1 && this.children.splice(s, 1);
+      const t = this.children.indexOf(e);
+      t !== -1 && this.children.splice(t, 1);
     });
     o(this, "remove", () => {
       if (this.parent != null)
@@ -1064,7 +1208,7 @@ class ye {
         throw new Error("Parent is undefined");
     });
     o(this, "getPortals", () => {
-      const e = this.elements().flatMap((s) => s.isPortal() ? [s, ...s.getPortals()] : s.getPortals());
+      const e = this.elements().flatMap((t) => t.isPortal() ? [t, ...t.getPortals()] : t.getPortals());
       return this.isPortal() && e.unshift(this), e;
     });
     o(this, "elements", () => this.children.filter((e) => e.isElement()));
@@ -1073,106 +1217,110 @@ class ye {
     o(this, "getInnerText", () => this.properties.innerText ?? "");
     o(this, "hasInnerText", () => this.properties.innerText != null);
     o(this, "hasChildren", () => this.children.length > 0);
-    o(this, "hasClasses", () => this.properties[y] != null);
+    o(this, "hasClasses", () => this.properties[b] != null);
     o(this, "hasStyles", () => this.properties[_] != null);
     o(this, "hasAttributes", () => Object.keys(this.properties).length > 0);
-    o(this, "hasHandlers", () => this.properties[E] != null);
+    o(this, "hasHandlers", () => this.properties[C] != null);
     o(this, "hasRenderableProperties", () => this.hasClasses() || this.hasAttributes() || this.hasStyles());
     o(this, "getById", (e) => {
       if (this.properties.id === e)
         return this;
-      for (const s of this.elements()) {
-        const r = s.getById(e);
+      for (const t of this.elements()) {
+        const r = t.getById(e);
         if (r != null)
           return r;
       }
     });
-    o(this, "trigger", (e, s) => {
-      ((this.properties[E] ?? {})[e] ?? []).forEach((n) => n(s));
+    o(this, "trigger", (e, t) => {
+      ((this.properties[C] ?? {})[e] ?? []).forEach((n) => n(t));
     });
     o(this, "click", () => {
       this.trigger("click", {});
     });
-    o(this, "on", (e, s) => {
-      var i;
-      const r = (i = this.properties)[E] ?? (i[E] = {}), n = s;
-      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[E]) : r[e] = l);
+    o(this, "on", (e, t, r) => {
+      var c;
+      const n = (c = this.properties)[C] ?? (c[C] = {}), i = r != null && r.once ? (a) => {
+        l(), t(a);
+      } : (a) => t(a);
+      n[e] = [...n[e] ?? [], i];
+      const l = () => {
+        const a = n[e] ?? [], h = a.indexOf(i);
+        h !== -1 && (a.splice(h, 1), a.length === 0 ? (delete n[e], Object.keys(n).length === 0 && delete this.properties[C]) : n[e] = a, (r == null ? void 0 : r.signal) != null && r.signal.removeEventListener("abort", l));
       };
+      return (r == null ? void 0 : r.signal) != null && r.signal.addEventListener("abort", l), l;
     });
     o(this, "addClasses", (e) => {
       var r;
       if (e.length === 0)
         return;
-      const s = (r = this.properties)[y] ?? (r[y] = []);
+      const t = (r = this.properties)[b] ?? (r[b] = []);
       e.forEach((n) => {
-        s.includes(n) || s.push(n);
+        t.includes(n) || t.push(n);
       });
     });
     o(this, "removeClasses", (e) => {
       var r;
       if (e.length === 0)
         return;
-      const s = (r = this.properties)[y] ?? (r[y] = []);
+      const t = (r = this.properties)[b] ?? (r[b] = []);
       e.forEach((n) => {
-        const i = s.indexOf(n);
-        i !== -1 && s.splice(i, 1);
-      }), s.length === 0 && delete this.properties[y];
+        const i = t.indexOf(n);
+        i !== -1 && t.splice(i, 1);
+      }), t.length === 0 && delete this.properties[b];
     });
-    o(this, "getClasses", () => this.properties[y] ?? []);
+    o(this, "getClasses", () => this.properties[b] ?? []);
     o(this, "getAttributes", () => Object.entries(this.properties).filter(
       ([e]) => !["innerText", "innerHTML"].includes(e)
     ));
     o(this, "getVisibleAttributes", () => Reflect.ownKeys(this.properties).flatMap(
-      (e) => e === y ? [["class", this.getClasses()]] : e === _ ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
+      (e) => e === b ? [["class", this.getClasses()]] : e === _ ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
     ));
-    o(this, "setStyle", (e, s) => {
+    o(this, "setStyle", (e, t) => {
       var n;
       const r = (n = this.properties)[_] ?? (n[_] = {});
-      r[e] = s, s === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[_]);
+      r[e] = t, t === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[_]);
     });
     o(this, "getStyle", (e) => {
-      var s;
-      return ((s = this.properties[_]) == null ? void 0 : s[e]) ?? "";
+      var t;
+      return ((t = this.properties[_]) == null ? void 0 : t[e]) ?? "";
     });
     o(this, "getStyles", () => this.properties[_] ?? {});
     o(this, "makeAccessors", (e) => {
-      const s = this.properties;
+      const t = this.properties;
       return {
-        get: () => s[e],
-        set: (r) => s[e] = r
+        get: () => t[e],
+        set: (r) => t[e] = r
       };
     });
     this.parent = e;
   }
 }
-const lt = (t) => t.replace(/"/g, "&quot;"), ct = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-class at extends ye {
-  constructor(s, r, n) {
+const lt = (s) => s.replace(/"/g, "&quot;"), ct = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+class at extends be {
+  constructor(t, r, n) {
     super(n);
     o(this, "isPortal", () => !1);
-    o(this, "toHTML", (s = !1) => {
+    o(this, "toHTML", (t = !1) => {
       const r = this.children.map((a) => a.toHTML()).join(""), n = this.namespace ? ` xmlns="${this.namespace}"` : "";
       let i = null;
-      const l = this.getVisibleAttributes().map(([a, u]) => a === "class" ? ` class="${u.join(" ")}"` : a === "style" ? typeof u == "string" ? ` style="${u}"` : ` style="${Object.entries(u).map(([h, m]) => `${h}: ${m};`).join(" ")}"` : ht.has(a) ? ` ${a}` : a === "innerHTML" ? (i = u, "") : a === "innerText" ? (i = ct(u), "") : ` ${a}="${lt(u)}"`).join(""), c = s ? ` ${pe}` : "";
+      const l = this.getVisibleAttributes().map(([a, h]) => a === "class" ? ` class="${h.join(" ")}"` : a === "style" ? typeof h == "string" ? ` style="${h}"` : ` style="${Object.entries(h).map(([u, m]) => `${u}: ${m};`).join(" ")}"` : ht.has(a) ? ` ${a}` : a === "innerHTML" ? (i = h, "") : a === "innerText" ? (i = ct(h), "") : ` ${a}="${lt(h)}"`).join(""), c = t ? ` ${me}` : "";
       return ft.has(this.tagName) && r === "" ? `<${this.tagName}${n}${l}${c} />` : `<${this.tagName}${n}${l}${c}>${i ?? r}</${this.tagName}>`;
     });
-    this.tagName = s, this.namespace = r;
+    this.tagName = t, this.namespace = r;
   }
 }
-class Te extends ye {
-  constructor(s, r) {
+class Se extends be {
+  constructor(t, r) {
     super(r);
     o(this, "isPortal", () => !0);
     o(this, "toHTML", () => "");
-    o(this, "contentToHTML", (s = !1) => this.children.map((r) => r.toHTML(s)).join(""));
-    this.selector = s;
+    o(this, "contentToHTML", (t = !1) => this.children.map((r) => r.toHTML(t)).join(""));
+    this.selector = t;
   }
 }
 class ut {
   constructor(e) {
-    o(this, "id", me());
+    o(this, "id", Te());
     o(this, "isElement", () => !1);
     o(this, "isText", () => !0);
     o(this, "getText", () => this.text);
@@ -1180,18 +1328,18 @@ class ut {
     this.text = e;
   }
 }
-class x {
-  constructor(e, s, r, n) {
+class O {
+  constructor(e, t, r, n) {
     o(this, "appendOrInsert", (e) => {
       if (this.reference != null) {
-        const s = this.element.children.indexOf(this.reference);
-        this.element.children.splice(s, 0, e);
+        const t = this.element.children.indexOf(this.reference);
+        this.element.children.splice(t, 0, e);
       } else
         this.element.children.push(e);
     });
-    o(this, "makeChildElement", (e, s) => {
-      const r = new at(e, s, this.element);
-      return this.appendOrInsert(r), new x(
+    o(this, "makeChildElement", (e, t) => {
+      const r = new at(e, t, this.element);
+      return this.appendOrInsert(r), new O(
         r,
         void 0,
         this.container,
@@ -1199,10 +1347,10 @@ class x {
       );
     });
     o(this, "makeChildText", (e) => {
-      const s = new ut(e);
-      return this.appendOrInsert(s), new x(
+      const t = new ut(e);
+      return this.appendOrInsert(t), new O(
         this.element,
-        s,
+        t,
         this.container,
         this.providers
       );
@@ -1216,36 +1364,36 @@ class x {
     });
     o(this, "makeRef", () => this.makeChildText(""));
     o(this, "makePortal", (e) => {
-      const s = new Te(e, this.element);
-      return this.appendOrInsert(s), new x(
-        s,
+      const t = new Se(e, this.element);
+      return this.appendOrInsert(t), new O(
+        t,
         void 0,
         this.container,
         this.providers
       );
     });
-    o(this, "withProviders", (e) => new x(this.element, this.reference, this.container, {
+    o(this, "withProviders", (e) => new O(this.element, this.reference, this.container, {
       ...this.providers,
       ...e
     }));
     o(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
-        throw new de(e);
+        throw new ge(e);
       return this.providers[e];
     });
     o(this, "clear", (e) => {
       e && (this.reference !== void 0 ? this.element.removeChild(this.reference) : this.element.remove());
     });
-    o(this, "on", (e, s) => this.element.on(e, s));
+    o(this, "on", (e, t) => this.element.on(e, t));
     o(this, "addClasses", (e) => this.element.addClasses(e));
     o(this, "removeClasses", (e) => this.element.removeClasses(e));
     o(this, "getClasses", () => this.element.getClasses());
     o(this, "isBrowserDOM", () => !1);
     o(this, "isHeadlessDOM", () => !0);
-    o(this, "setStyle", (e, s) => this.element.setStyle(e, s));
+    o(this, "setStyle", (e, t) => this.element.setStyle(e, t));
     o(this, "getStyle", (e) => this.element.getStyle(e));
     o(this, "makeAccessors", (e) => this.element.makeAccessors(e));
-    this.element = e, this.reference = s, this.container = r, this.providers = n;
+    this.element = e, this.reference = t, this.container = r, this.providers = n;
   }
 }
 const ht = /* @__PURE__ */ new Set([
@@ -1255,41 +1403,41 @@ const ht = /* @__PURE__ */ new Set([
   "readonly",
   "required",
   "selected"
-]), ft = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), we = (t) => (e) => {
-  const s = e.makeChildText(t);
-  return (r) => s.clear(r);
-}, _e = (t) => (e) => {
-  const s = e.makeChildText(t.value), r = t.on((n) => s.setText(n));
+]), ft = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), Ae = (s) => (e) => {
+  const t = e.makeChildText(s);
+  return (r) => t.clear(r);
+}, Ee = (s) => (e) => {
+  const t = e.makeChildText(s.value), r = s.on((n) => t.setText(n));
   return (n) => {
-    r(), s.clear(n);
+    r(), t.clear(n);
   };
-}, Wt = (t) => d.is(t) ? _e(t) : we(t), g = (...t) => (e) => {
-  const s = t.map((r) => f(r)(e));
+}, Bt = (s) => d.is(s) ? Ee(s) : Ae(s), S = (...s) => (e) => {
+  const t = s.map((r) => f(r)(e));
   return (r) => {
-    s.forEach((n) => n(r));
+    t.forEach((n) => n(r));
   };
-}, A = () => () => {
-}, dt = (t) => (e) => (e.addClasses(t), (s) => {
-  s && e.removeClasses(t);
-}), pt = (t) => (e) => {
-  let s = [];
-  const r = t.on((n) => {
-    e.removeClasses(s), s = (n ?? "").split(" ").filter((i) => i.length > 0), e.addClasses(s);
+}, E = () => () => {
+}, dt = (s) => (e) => (e.addClasses(s), (t) => {
+  t && e.removeClasses(s);
+}), pt = (s) => (e) => {
+  let t = [];
+  const r = s.on((n) => {
+    e.removeClasses(t), t = (n ?? "").split(" ").filter((i) => i.length > 0), e.addClasses(t);
   });
   return (n) => {
-    r(), n && e.removeClasses(s), s.length = 0;
+    r(), n && e.removeClasses(t), t.length = 0;
   };
-}, H = (t, e) => (s) => {
-  const { get: r, set: n } = s.makeAccessors(t), i = r();
+}, $ = (s, e) => (t) => {
+  const { get: r, set: n } = t.makeAccessors(s), i = r();
   return n(e), (l) => {
     l && n(i);
   };
-}, $ = (t, e) => (s) => {
-  const { get: r, set: n } = s.makeAccessors(t), i = r(), l = e.on(n);
+}, k = (s, e) => (t) => {
+  const { get: r, set: n } = t.makeAccessors(s), i = r(), l = e.on(n);
   return (c) => {
     l(), c && n(i);
   };
-}, O = new Proxy(
+}, M = new Proxy(
   {},
   {
     /**
@@ -1303,17 +1451,17 @@ const ht = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => e === "class" ? (s) => d.is(s) ? pt(s) : dt(
-      (s ?? "").split(" ").filter((r) => r.length > 0)
-    ) : (s) => d.is(s) ? $(
+    get: (s, e) => e === "class" ? (t) => d.is(t) ? pt(t) : dt(
+      (t ?? "").split(" ").filter((r) => r.length > 0)
+    ) : (t) => d.is(t) ? k(
       e,
-      s
-    ) : H(
+      t
+    ) : $(
       e,
-      s
+      t
     )
   }
-), Jt = new Proxy(
+), Ut = new Proxy(
   {},
   {
     /**
@@ -1324,12 +1472,12 @@ const ht = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => d.is(s) ? $(
+    get: (s, e) => (t) => d.is(t) ? k(
       `data-${e}`,
-      s
-    ) : H(`data-${e}`, s)
+      t
+    ) : $(`data-${e}`, t)
   }
-), Gt = new Proxy(
+), Wt = new Proxy(
   {},
   {
     /**
@@ -1340,15 +1488,15 @@ const ht = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => d.is(s) ? $(
+    get: (s, e) => (t) => d.is(t) ? k(
       `aria-${e}`,
-      s
-    ) : H(
+      t
+    ) : $(
       `aria-${e}`,
-      s
+      t
     )
   }
-), zt = new Proxy(
+), Jt = new Proxy(
   {},
   {
     /**
@@ -1359,15 +1507,15 @@ const ht = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => d.is(s) ? $(
+    get: (s, e) => (t) => d.is(t) ? k(
       e,
-      s
-    ) : H(
+      t
+    ) : $(
       e,
-      s
+      t
     )
   }
-), Xt = new Proxy(
+), Gt = new Proxy(
   {},
   {
     /**
@@ -1377,37 +1525,37 @@ const ht = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => d.is(s) ? $(
+    get: (s, e) => (t) => d.is(t) ? k(
       e,
-      s
-    ) : H(
+      t
+    ) : $(
       e,
-      s
+      t
     )
   }
-), f = (t) => {
-  if (t == null)
-    return A;
-  if (Array.isArray(t))
-    return g(...t.map(f));
-  if (typeof t == "string")
-    return we(t);
-  if (d.is(t))
-    return _e(t);
-  if (typeof t == "function")
-    return t;
-  throw new Error(`Unknown type: '${typeof t}' for child: ${t}`);
-}, Ae = (t, ...e) => (s) => {
-  const r = s.makeChildElement(t, void 0), n = e.map((i) => f(i)(r));
+), f = (s) => {
+  if (s == null)
+    return E;
+  if (Array.isArray(s))
+    return S(...s.map(f));
+  if (typeof s == "string")
+    return Ae(s);
+  if (d.is(s))
+    return Ee(s);
+  if (typeof s == "function")
+    return s;
+  throw new Error(`Unknown type: '${typeof s}' for child: ${s}`);
+}, _e = (s, ...e) => (t) => {
+  const r = t.makeChildElement(s, void 0), n = e.map((i) => f(i)(r));
   return (i) => {
     n.forEach((l) => l(!1)), r.clear(i);
   };
-}, Se = (t, e, ...s) => (r) => {
-  const n = r.makeChildElement(t, e), i = s.map((l) => f(l)(n));
+}, ve = (s, e, ...t) => (r) => {
+  const n = r.makeChildElement(s, e), i = t.map((l) => f(l)(n));
   return (l) => {
     i.forEach((c) => c(!1)), n.clear(l);
   };
-}, Yt = new Proxy(
+}, Xt = new Proxy(
   {},
   {
     /**
@@ -1415,9 +1563,9 @@ const ht = /* @__PURE__ */ new Set([
      * @param tagName - The HTML tag name.
      * @returns A renderable function that creates and appends the HTML element to the DOM.
      */
-    get: (t, e) => (...s) => Ae(e, s.flatMap(f))
+    get: (s, e) => (...t) => _e(e, t.flatMap(f))
   }
-), Qt = new Proxy(
+), Yt = new Proxy(
   {},
   {
     /**
@@ -1425,9 +1573,9 @@ const ht = /* @__PURE__ */ new Set([
      * @param type - The input type name.
      * @returns A renderable function that creates and appends the HTMLInput element to the DOM.
      */
-    get: (t, e) => (...s) => Ae("input", O.type(e), ...s)
+    get: (s, e) => (...t) => _e("input", M.type(e), ...t)
   }
-), gt = "http://www.w3.org/2000/svg", Zt = new Proxy(
+), gt = "http://www.w3.org/2000/svg", zt = new Proxy(
   {},
   {
     /**
@@ -1435,9 +1583,9 @@ const ht = /* @__PURE__ */ new Set([
      * @param tagName - The SVG tag name.
      * @returns A renderable function that creates and appends the SVG element to the DOM.
      */
-    get: (t, e) => (...s) => Se(e, gt, s.flatMap(f))
+    get: (s, e) => (...t) => ve(e, gt, t.flatMap(f))
   }
-), mt = "http://www.w3.org/1998/Math/MathML", Kt = new Proxy(
+), mt = "http://www.w3.org/1998/Math/MathML", Qt = new Proxy(
   {},
   {
     /**
@@ -1445,35 +1593,35 @@ const ht = /* @__PURE__ */ new Set([
      * @param tagName - The Math tag name.
      * @returns A renderable function that creates and appends the Math element to the DOM.
      */
-    get: (t, e) => (...s) => Se(e, mt, s.flatMap(f))
+    get: (s, e) => (...t) => ve(e, mt, t.flatMap(f))
   }
-), be = (t, e) => {
+), we = (s, e) => {
   if (typeof e == "function")
-    return be(t, { then: e });
-  const s = e.pending != null ? f(e.pending) : A, r = e.then, n = e.error != null ? (i) => f(e.error(i)) : () => A;
+    return we(s, { then: e });
+  const t = e.pending != null ? f(e.pending()) : E, r = e.then, n = e.error != null ? (i) => f(e.error(i)) : () => E;
   return (i) => {
     let l = !0;
-    const c = t(), a = i.makeRef();
-    let u = f(s)(a);
+    const c = s(), a = i.makeRef();
+    let h = f(t)(a);
     return c.then(
-      (h) => {
-        l && (u(!0), u = f(r(h))(a));
+      (u) => {
+        l && (h(!0), h = f(r(u))(a));
       },
-      (h) => {
-        l && (u(!0), u = f(n(h))(a));
+      (u) => {
+        l && (h(!0), h = f(n(u))(a));
       }
-    ), (h) => {
-      l = !1, u(h), a.clear(h);
+    ), (u) => {
+      l = !1, h(u), a.clear(u);
     };
   };
-}, es = (t, e) => be(() => t, e), Ee = (t, e) => (s) => s.on(t, e), yt = (t) => Ee("click", (e) => {
+}, Zt = (s, e) => we(() => s, e), Ce = (s, e, t) => (r) => r.on(s, e, t), yt = (s) => Ce("click", (e) => {
   e.preventDefault();
-  const s = e.target;
+  const t = e.target;
   setTimeout(() => {
-    const r = s.ownerDocument != null ? s == null ? void 0 : s.checked : void 0;
-    r != null && t(!r);
+    const r = t.ownerDocument != null ? t == null ? void 0 : t.checked : void 0;
+    r != null && s(!r);
   }, 0);
-}), G = new Proxy(
+}), J = new Proxy(
   {},
   {
     /**
@@ -1481,217 +1629,248 @@ const ht = /* @__PURE__ */ new Set([
      * @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) => (s) => Ee(e, s)
+    get: (s, e) => (t) => Ce(e, t)
   }
-), Tt = (t) => (e) => {
-  const s = e.target;
-  t(s.value);
-}, wt = (t) => (e) => {
-  const s = e.target;
-  t(s.valueAsNumber);
-}, _t = (t) => (e) => {
-  const s = e.target;
-  if (s.value === "")
+), Tt = (s) => (e) => {
+  const t = e.target;
+  s(t.value);
+}, bt = (s) => (e) => {
+  const t = e.target;
+  s(t.valueAsNumber);
+}, St = (s) => (e) => {
+  const t = e.target;
+  if (t.value === "")
     return;
-  const r = s.value.split("-"), n = new Date(
+  const r = t.value.split("-"), n = new Date(
     Number(r[0]),
     Number(r[1]) - 1,
     Number(r[2].substring(0, 2))
   );
-  t(n);
-}, At = (t) => (e) => {
-  const s = e.target;
-  if (s.value === "")
+  s(n);
+}, At = (s) => (e) => {
+  const t = e.target;
+  if (t.value === "")
     return;
-  const r = s.value.split("T"), n = r[0].split("-"), i = new Date(
+  const r = t.value.split("T"), n = r[0].split("-"), i = new Date(
     Number(n[0]),
     Number(n[1]) - 1,
     Number(n[2])
   ), l = r[1].split(":");
-  i.setHours(Number(l[0])), i.setMinutes(Number(l[1])), i.setSeconds(Number(l[2])), t(i);
-}, ts = (t) => (e) => {
-  const s = e.target;
-  t(s.checked);
-}, ss = (t) => (e) => {
-  e.preventDefault(), t();
-}, rs = (t) => (e) => {
-  e.stopPropagation(), t();
-}, ns = (t) => (e) => {
-  e.stopImmediatePropagation(), t();
-}, is = (t, e = "input") => g(
-  O.valueAsDate(t),
-  G[e](_t(t.set))
-), os = (t, e = "input") => g(
-  O.valueAsDate(t),
-  G[e](At(t.set))
-), ls = (t, e = "input") => g(
-  O.valueAsNumber(t),
-  G[e](wt(t.set))
-), cs = (t, e = "input") => g(O.value(t), G[e](Tt(t.set))), as = (t) => g(O.checked(t), yt(t.set)), z = (t, e) => {
-  if (d.is(t))
+  i.setHours(Number(l[0])), i.setMinutes(Number(l[1])), i.setSeconds(Number(l[2])), s(i);
+}, Kt = (s) => (e) => {
+  const t = e.target;
+  s(t.checked);
+}, es = (s) => (e) => {
+  e.preventDefault(), s();
+}, ts = (s) => (e) => {
+  e.stopPropagation(), s();
+}, ss = (s) => (e) => {
+  e.stopImmediatePropagation(), s();
+}, rs = (s, e = "input") => S(M.valueAsDate(s), J[e](St(s.set))), ns = (s, e = "input") => S(M.valueAsDate(s), J[e](At(s.set))), is = (s, e = "input") => S(M.valueAsNumber(s), J[e](bt(s.set))), os = (s, e = "input") => S(M.value(s), J[e](Tt(s.set))), ls = (s) => S(M.checked(s), yt(s.set)), G = (s, e) => {
+  if (d.is(s))
     return (r) => {
       const n = r.makeRef();
       let i, l;
-      const c = t.map((h) => Object.keys(h)[0]);
+      const c = s.map((u) => Object.keys(u)[0]);
       let a;
-      const u = c.on((h) => {
-        if (h !== a) {
-          l == null || l.dispose(), i == null || i(!0), l = t.map((S) => S[h]);
-          const m = e[h](l);
-          i = f(m)(n), a = h;
+      const h = c.on((u) => {
+        if (u !== a) {
+          l == null || l.dispose(), i == null || i(!0), l = s.map((T) => T[u]);
+          const m = e[u](l);
+          i = f(m)(n), a = u;
         }
       });
-      return (h) => {
-        u(), n.clear(h), i == null || i(h);
+      return (u) => {
+        l == null || l.dispose(), h(), n.clear(u), i == null || i(u);
       };
     };
-  const s = Object.keys(t)[0];
-  return f(e[s](J(t[s])));
-}, Ce = (t, e, s) => z(
-  p.map(t, (r) => ({ [r[e]]: r })),
+  const t = Object.keys(s)[0];
+  return f(e[t](W(s[t])));
+}, Pe = (s, e, t) => G(
+  y.map(s, (r) => ({ [r[e]]: r })),
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  s
-), us = (t, e) => Ce(t, "kind", e), hs = (t, e) => {
-  const s = p.map(t, ([r, n]) => ({ [r]: n }));
-  return z(s, e);
-}, fs = (t, e) => Ce(t, "type", e), St = (t, e) => z(
-  p.map(t, (s) => ({ [s]: !0 })),
+  t
+), cs = (s, e) => Pe(s, "kind", e), as = (s, e) => {
+  const t = y.map(s, ([r, n]) => ({ [r]: n }));
+  return G(t, e);
+}, us = (s, e) => Pe(s, "type", e), Et = (s, e) => G(
+  y.map(s, (t) => ({ [t]: !0 })),
   e
-), ds = (t, e = {}) => (s) => {
-  const r = (e == null ? void 0 : e.firstSeparator) ?? t, n = (e == null ? void 0 : e.lastSeparator) ?? t;
-  return St(
-    s.map((i) => i.isFirst ? "first" : i.isLast ? "last" : "other"),
+), hs = (s, e = {}) => (t) => {
+  const r = (e == null ? void 0 : e.firstSeparator) ?? s, n = (e == null ? void 0 : e.lastSeparator) ?? s;
+  return Et(
+    t.map((i) => i.isFirst ? "first" : i.isLast ? "last" : "other"),
     {
-      first: () => r,
-      last: () => n,
-      other: () => t
+      first: r,
+      last: n,
+      other: s
     }
   );
-}, ve = (t, e) => (s) => {
-  const r = Object.values(t).reduce((n, i) => {
-    const l = s.getProvider(i);
-    return n[i] = l, n;
-  }, {});
-  return f(e(r))(s);
-}, ps = (t, e) => (s) => {
-  const r = [], n = Object.entries(t).reduce(
+}, Le = (s, e) => (t) => {
+  const r = Object.values(s).reduce(
+    (n, i) => {
+      const l = t.getProvider(i);
+      return Reflect.set(n, i, l), n;
+    },
+    {}
+  );
+  return f(e(r))(t);
+}, fs = (s, e) => (t) => {
+  const r = [], n = Object.entries(s).reduce(
     (i, [l, c]) => (r.push(
-      c((a) => (Reflect.set(i, l, a), null))(s)
+      c((a) => (Reflect.set(i, l, a), null))(t)
     ), i),
     {}
   );
-  return r.push(e(n)(s)), (i) => {
+  return r.push(e(n)(t)), (i) => {
     r.forEach((l) => l(i));
   };
-}, bt = (t, e) => ve([t], (s) => f(e(s[t]))), gs = (t, e) => ve(t, (s) => f(e(s))), ms = (t) => (e) => t(e) ?? (() => {
-}), ys = (t) => (e) => (e.appendOrInsert(t), (s) => {
-  s && R(t);
-}), Et = (t, e, s) => {
-  if (d.is(t)) {
-    const r = t;
+}, _t = (s, e) => Le([s], (t) => f(e(t[s]))), ds = (s, e) => Le(s, (t) => f(e(t))), ps = (s) => (e) => {
+  const t = s(e);
+  return t == null ? () => {
+  } : f(t)(e);
+}, gs = (s) => (e) => (e.appendOrInsert(s), (t) => {
+  t && R(s);
+}), vt = (s, e, t) => {
+  if (d.is(s)) {
+    const r = s;
     return (n) => {
       const i = n.makeRef();
-      let l = null, c = !1;
-      const a = N(null), u = r.on((h) => {
-        h == null ? (l == null || l(!0), l = f((s == null ? void 0 : s()) ?? A)(i), c = !1) : (a.value = h, c || (l == null || l(!0), l = f(e(a))(
+      let l = () => {
+      }, c = !1, a = null;
+      const h = r.on((u) => {
+        u == null ? (l(!0), l = f((t == null ? void 0 : t()) ?? E)(i), c = !1, a == null || a.dispose(), a = null) : (a == null ? a = v(u) : a.value = u, c || (l(!0), l = f(e(a))(
           i
         ), c = !0));
       });
-      return (h) => {
-        u(), l == null || l(h), i.clear(h);
+      return (u) => {
+        a == null || a.dispose(), h(), l == null || l(u), i.clear(u);
       };
     };
   } else {
-    const r = t;
+    const r = s;
     if (r == null) {
-      const n = s == null ? void 0 : s();
-      return n != null ? f(n) : A;
+      const n = t == null ? void 0 : t();
+      return n != null ? f(n) : E;
     }
-    return f(e(J(r)));
+    return f(e(W(r)));
   }
-}, U = (t) => (e) => (s) => t(s, e), Pe = (t, e, s) => xe(
-  t,
-  () => e,
-  () => s
-), xe = (t, e, s) => Et(
-  p.map(t, (r) => r ? !0 : null),
+}, ms = (...s) => (e, t) => (r) => {
+  const n = r.makeRef();
+  if (s.some(
+    (p) => !d.is(p) && p == null
+  ))
+    return (t != null ? f(t == null ? void 0 : t()) : E)(
+      n
+    );
+  const l = s.map(() => null), c = s.map(
+    (p) => d.is(p) ? p.value != null : p != null
+  );
+  let a = null;
+  const h = v(c.every((p) => p)), u = (p, g) => {
+    if (p.value != null) {
+      if (l[g] == null) {
+        const w = v(p.value);
+        l[g] = w;
+      } else
+        l[g].value = p.value;
+      c[g] = !0;
+    } else
+      c[g] = !1;
+  };
+  let m = s.length - 1;
+  const T = s.map((p, g) => {
+    if (!d.is(p)) {
+      const w = v(p);
+      return l[g] = w, () => {
+      };
+    }
+    return p.on(() => {
+      u(p, g), m === 0 ? h.value = c.every((w) => w) : m--;
+    });
+  });
+  return h.on((p) => {
+    a == null || a(!0), a = null, p ? a = f(e(...l))(n) : a = f((t == null ? void 0 : t()) ?? E)(n);
+  }), (p) => {
+    l.forEach((g) => g == null ? void 0 : g.dispose()), h.dispose(), T.forEach((g) => g()), a == null || a(p), n.clear(p);
+  };
+}, Z = (...s) => (e) => (t) => s.forEach((r) => r(t, e)), xe = (s, e, t) => vt(
+  y.map(s, (r) => r ? !0 : null),
   e,
-  s ?? void 0
-), Ts = (t, e, s) => Ct(
-  t,
-  () => e,
-  () => s
-), Ct = (t, e, s) => xe(
-  p.map(t, (r) => !r),
+  t ?? void 0
+), ys = (s, e, t) => xe(
+  y.map(s, (r) => !r),
   e,
-  s
-), Oe = (t, e, s) => s != null ? Oe(t, (r) => {
-  const n = new D(
+  t
+), Oe = (s, e, t) => t != null ? Oe(s, (r) => {
+  const n = new Y(
     r.index,
     r.total.map((i) => i - 1)
   );
-  return g(
-    U(n.dispose),
+  return S(
+    Z(n.dispose),
     f(e(r)),
-    Pe(r.isLast, A, s(n))
+    xe(
+      r.isLast,
+      () => E,
+      () => t(n)
+    )
   );
-}) : d.is(t) ? (r) => {
-  const n = r.makeRef(), i = Array.from(
-    { length: t.value },
-    (a, u) => u
-  ).map((a) => new D(a, t)), l = i.map(
-    (a) => f(e(a))(n)
-  ), c = t.on((a) => {
-    for (; a < l.length; )
-      i.pop().dispose(), l.pop()(!0);
-    for (let u = 0; u < a; u++)
-      if (i[u] == null) {
-        i[u] = new D(u, t);
-        const h = f(e(i[u]));
-        l[u] = h(n);
-      }
+}) : d.is(s) ? (r) => {
+  const n = r.makeRef(), i = [], l = s.on((c) => {
+    const a = i.splice(c);
+    for (const h of a)
+      h(!0);
+    for (let h = i.length; h < c; h++) {
+      const u = new Y(h, s);
+      i.push(f(e(u))(n));
+    }
   });
-  return (a) => {
-    c(), n.clear(a);
+  return (c) => {
+    l();
+    for (const a of i)
+      a(c);
+    i.length = 0, n.clear(c);
   };
-} : g(
-  ...Array.from({ length: t }, (r, n) => n).map(
-    (r) => f(e(new D(r, J(t))))
+} : S(
+  ...Array.from({ length: s }, (r, n) => n).map(
+    (r) => f(e(new Y(r, W(s))))
   )
-), vt = (t, e, s) => {
-  if (s != null)
-    return vt(t, (r, n) => {
-      const i = new D(
-        n.index,
-        n.total.map((l) => l - 1)
-      );
-      return g([
-        U(i.dispose),
-        f(e(r, n)),
-        Pe(n.isLast, A, s(i))
-      ]);
-    });
-  {
-    const r = p.map(t, (i) => i.length), n = p.toSignal(t);
-    return Oe(r, (i) => {
+), Ts = (s, e, t) => {
+  const r = y.map(s, (i) => i.length), n = y.toSignal(s);
+  return Oe(
+    r,
+    (i) => {
       const l = n.map((c) => c[i.index]);
-      return g(
-        U(l.dispose),
+      return S(
+        Z(l.dispose),
         f(e(l, i))
       );
-    });
+    },
+    t
+  );
+}, wt = (s) => (e) => {
+  if (e.isBrowserDOM()) {
+    const t = s(e);
+    if (t != null)
+      return f(t)(e);
   }
-}, Pt = (t) => (e) => e.isBrowserDOM() ? t(e) ?? (() => {
-}) : () => {
-}, ws = (t) => (e) => e.isHeadlessDOM() ? t(e) ?? (() => {
-}) : () => {
-}, _s = (t) => Pt((e) => t(e.element) ?? (() => {
-})), As = (t, e) => {
-  if (d.is(t)) {
-    const s = t;
+  return () => {
+  };
+}, bs = (s) => (e) => {
+  if (e.isHeadlessDOM()) {
+    const t = s(e);
+    if (t)
+      return f(t)(e);
+  }
+  return () => {
+  };
+}, Ss = (s) => wt((e) => s(e.element)), As = (s, e) => {
+  if (d.is(s)) {
+    const t = s;
     return (r) => {
       r = r.makeRef();
-      const n = s.map((c) => f(e(c)));
+      const n = t.map((c) => f(e(c)));
       let i = () => {
       };
       const l = n.on((c) => {
@@ -1702,62 +1881,62 @@ const ht = /* @__PURE__ */ new Set([
       };
     };
   }
-  return f(e(t));
-}, Ss = (t, e, s = () => A) => z(
-  p.map(
-    t,
+  return f(e(s));
+}, Es = (s, e, t = () => E) => G(
+  y.map(
+    s,
     (r) => r.length > 0 ? { notEmpty: r } : { whenEmpty: null }
   ),
   {
     notEmpty: (r) => e(r),
-    whenEmpty: () => s()
+    whenEmpty: () => t()
   }
-), bs = (t, e) => (s) => {
-  const r = s.makePortal(t);
-  return Z(f(e), r);
-}, xt = (t) => Symbol(t), Le = (t, e) => (s) => f(e)(s.withProviders(t)), Es = (...t) => t.length > 0 ? t.reduceRight((e, s) => (r) => e(s(r))) : f, Ot = (t, e, s) => Le({ [t]: e }, f(s)), Cs = (t, e) => Le(t, f(e)), De = xt("Probe"), C = /* @__PURE__ */ new Map(), Lt = ({
-  identifier: t,
+), _s = (s, e) => (t) => {
+  const r = t.makePortal(s);
+  return Q(f(e), r);
+}, Ct = (s) => Symbol(s), De = (s, e) => (t) => f(e)(t.withProviders(s)), vs = (...s) => s.length > 0 ? s.reduceRight((e, t) => (r) => e(t(r))) : f, Pt = (s, e, t) => De({ [s]: e }, f(t)), ws = (s, e) => De(s, f(e)), Me = Ct("Probe"), P = /* @__PURE__ */ new Map(), Lt = ({
+  identifier: s,
   callback: e = () => {
   },
-  child: s,
+  child: t,
   timeout: r = 10
 }) => {
-  if (C.has(t))
-    throw new Error(`Probe already exists: ${t.description}`);
+  if (P.has(s))
+    throw new Error(`Probe already exists: ${s.description}`);
   const n = setTimeout(() => e("timeout"), r);
-  C.set(t, {
+  P.set(s, {
     counter: 0,
     timeoutId: n
   });
   const i = (l) => {
     clearTimeout(n);
-    const c = C.get(l);
+    const c = P.get(l);
     if (c == null)
       throw new Error(`Probe not found: ${l.description}`);
-    --c.counter === 0 ? (e("resolved"), C.delete(l)) : C.set(l, c);
+    --c.counter === 0 ? (e("resolved"), P.delete(l)) : P.set(l, c);
   };
-  return g(
-    U(() => clearTimeout(n)),
-    Ot(De, i, s)
+  return S(
+    Z(() => clearTimeout(n)),
+    Pt(Me, i, t)
   );
-}, Dt = (t, e) => bt(De, (s) => {
-  const r = C.get(t);
+}, xt = (s, e) => _t(Me, (t) => {
+  const r = P.get(s);
   return r == null ? e(() => {
-  }) : (clearTimeout(r.timeoutId), r.counter++, e(() => s(t)));
-}), Me = Symbol("globalProbe"), vs = ({
-  callback: t,
+  }) : (clearTimeout(r.timeoutId), r.counter++, e(() => t(s)));
+}), He = Symbol("globalProbe"), Cs = ({
+  callback: s,
   timeout: e
-}, s) => Lt({ identifier: Me, callback: t, child: s, timeout: e }), Ps = (t) => Dt(Me, t), Mt = (t, e) => (s) => {
-  const r = s.getStyle(t);
-  return s.setStyle(t, e), (n) => {
-    n && s.setStyle(t, r);
+}, t) => Lt({ identifier: He, callback: s, child: t, timeout: e }), Ps = (s) => xt(He, s), Ot = (s, e) => (t) => {
+  const r = t.getStyle(s);
+  return t.setStyle(s, e), (n) => {
+    n && t.setStyle(s, r);
   };
-}, Ht = (t, e) => (s) => {
-  const r = s.getStyle(t);
-  return e.on((n) => s.setStyle(t, n)), (n) => {
-    n && s.setStyle(t, r);
+}, Dt = (s, e) => (t) => {
+  const r = t.getStyle(s);
+  return e.on((n) => t.setStyle(s, n)), (n) => {
+    n && t.setStyle(s, r);
   };
-}, xs = new Proxy(
+}, Ls = new Proxy(
   {},
   {
     /**
@@ -1768,125 +1947,120 @@ const ht = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => d.is(s) ? Ht(e, s) : Mt(e, s)
+    get: (s, e) => (t) => d.is(t) ? Dt(e, t) : Ot(e, t)
   }
 );
 export {
-  F as ATTRS_PLACEHOLDER_ATTR,
-  es as Async,
-  as as BindChecked,
-  is as BindDate,
-  os as BindDateTime,
-  ls as BindNumber,
-  cs as BindText,
-  P as BrowserContext,
-  j as CLASS_PLACEHOLDER_ATTR,
-  v as Computed,
-  ds as Conjunction,
-  ys as DOMNode,
-  Ae as El,
-  Se as ElNS,
-  D as ElementPosition,
-  A as Empty,
-  Et as Ensure,
-  vt as ForEach,
-  g as Fragment,
-  V as HTML_PLACEHOLDER_ATTR,
-  Ft as HeadlessAdapter,
-  x as HeadlessContext,
+  Zt as Async,
+  ls as BindChecked,
+  rs as BindDate,
+  ns as BindDateTime,
+  is as BindNumber,
+  os as BindText,
+  x as BrowserContext,
+  V as CLASS_PLACEHOLDER_ATTR,
+  L as Computed,
+  hs as Conjunction,
+  gs as DOMNode,
+  _e as El,
+  ve as ElNS,
+  Y as ElementPosition,
+  E as Empty,
+  vt as Ensure,
+  ms as EnsureAll,
+  Ts as ForEach,
+  S as Fragment,
+  qt as HeadlessAdapter,
+  O as HeadlessContext,
   at as HeadlessElement,
-  Te as HeadlessPortal,
+  Se as HeadlessPortal,
   ut as HeadlessText,
-  Ct as LazyUnless,
-  xe as LazyWhen,
   As as MapSignal,
-  oe as MemoryStore,
-  pe as NODE_PLACEHOLDER_ATTR,
-  Ss as NotEmpty,
-  Pt as OnBrowserCtx,
+  le as MemoryStore,
+  Es as NotEmpty,
+  wt as OnBrowserCtx,
   yt as OnChecked,
-  ms as OnCtx,
-  U as OnDispose,
-  _s as OnElement,
-  ws as OnHeadlessCtx,
-  z as OneOf,
-  Ce as OneOfField,
-  us as OneOfKind,
-  hs as OneOfTuple,
-  fs as OneOfType,
-  St as OneOfValue,
-  bs as Portal,
-  k as Prop,
-  Es as Provide,
-  vs as ProvideGlobalProbe,
+  ps as OnCtx,
+  Z as OnDispose,
+  Ss as OnElement,
+  bs as OnHeadlessCtx,
+  G as OneOf,
+  Pe as OneOfField,
+  cs as OneOfKind,
+  as as OneOfTuple,
+  us as OneOfType,
+  Et as OneOfValue,
+  _s as Portal,
+  N as Prop,
+  vs as Provide,
+  Cs as ProvideGlobalProbe,
   Lt as ProvideProbe,
-  de as ProviderNotFoundError,
-  ze as RenderingError,
+  ge as ProviderNotFoundError,
+  Xe as RenderingError,
   Oe as Repeat,
-  q as STYLE_PLACEHOLDER_ATTR,
   d as Signal,
-  B as TEXT_PLACEHOLDER_ATTR,
-  be as Task,
-  Wt as TextNode,
-  Ts as Unless,
-  ps as Use,
+  we as Task,
+  Bt as TextNode,
+  ys as Unless,
+  fs as Use,
   Ps as UseGlobalProbe,
-  Dt as UseProbe,
-  bt as UseProvider,
-  gs as UseProviders,
-  p as Value,
-  Pe as When,
-  Ot as WithProvider,
-  Cs as WithProviders,
+  xt as UseProbe,
+  _t as UseProvider,
+  ds as UseProviders,
+  y as Value,
+  xe as When,
+  Pt as WithProvider,
+  ws as WithProviders,
+  me as _NODE_PLACEHOLDER_ATTR,
   Ge as _getSelfOrParentElement,
-  fe as _isElement,
+  pe as _isElement,
   Je as _makeGetter,
   We as _makeSetter,
   R as _removeDOMNode,
-  _e as _signalText,
-  we as _staticText,
-  jt as animateSignal,
+  Ee as _signalText,
+  Ae as _staticText,
+  Nt as animateSignal,
   Ue as animateSignals,
-  Gt as aria,
-  O as attr,
-  Jt as dataAttr,
-  ts as emitChecked,
-  ss as emitPreventDefault,
-  ns as emitStopImmediatePropagation,
-  rs as emitStopPropagation,
+  Wt as aria,
+  M as attr,
+  Ut as dataAttr,
+  Kt as emitChecked,
+  es as emitPreventDefault,
+  ss as emitStopImmediatePropagation,
+  ts as emitStopPropagation,
   Tt as emitValue,
-  _t as emitValueAsDate,
+  St as emitValueAsDate,
   At as emitValueAsDateTime,
-  wt as emitValueAsNumber,
-  qe as endInterpolate,
-  ie as getWindow,
-  Ve as guessInterpolate,
-  Yt as html,
-  Qt as input,
-  je as interpolateDate,
+  bt as emitValueAsNumber,
+  je as endInterpolate,
+  oe as getWindow,
+  qe as guessInterpolate,
+  Xt as html,
+  Yt as input,
+  Ve as interpolateDate,
   Ne as interpolateNumber,
   Re as interpolateString,
-  Nt as localStorageProp,
-  Q as makeComputed,
-  It as makeComputedOf,
-  qt as makeComputedRecord,
-  Fe as makeEffect,
-  kt as makeEffectOf,
-  N as makeProp,
-  xt as makeProviderMark,
-  J as makeSignal,
-  Kt as math,
-  Xt as mathAttr,
-  G as on,
-  De as probeMarker,
+  kt as localStorageProp,
+  z as makeComputed,
+  Ht as makeComputedOf,
+  Rt as makeComputedRecord,
+  Be as makeEffect,
+  $t as makeEffectOf,
+  v as makeProp,
+  Ct as makeProviderMark,
+  W as makeSignal,
+  Qt as math,
+  Gt as mathAttr,
+  J as on,
+  Me as probeMarker,
   Vt as render,
-  Z as renderWithContext,
+  Q as renderWithContext,
   f as renderableOfTNode,
-  Ut as restoreTempoPlaceholders,
-  Bt as runHeadless,
-  Rt as sessionStorageProp,
-  le as storedProp,
-  xs as style,
-  Zt as svg,
-  zt as svgAttr
+  Ft as restoreTempoPlaceholders,
+  jt as runHeadless,
+  It as sessionStorageProp,
+  ce as storedProp,
+  Ls as style,
+  zt as svg,
+  Jt as svgAttr
 };