@tempots/dom 24.0.0-next.2 → 24.0.0-next.21

package/index.js

@@ -1,24 +1,24 @@
-var De = Object.defineProperty;
-var X = (s) => {
+var $e = Object.defineProperty;
+var te = (s) => {
   throw TypeError(s);
 };
-var Oe = (s, e, t) => e in s ? De(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var i = (s, e, t) => Oe(s, typeof e != "symbol" ? e + "" : e, t), Y = (s, e, t) => e.has(s) || X("Cannot " + t);
-var A = (s, e, t) => (Y(s, e, "read from private field"), t ? t.call(s) : e.get(s)), Z = (s, e, t) => e.has(s) ? X("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), F = (s, e, t, r) => (Y(s, e, "write to private field"), r ? r.call(s, t) : e.set(s, t), t);
-const Ae = (s, e, t) => s + (e - s) * t;
-const Me = (s, e, t) => {
+var ke = (s, e, t) => e in s ? $e(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var o = (s, e, t) => ke(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 Ie = (s, e, t) => s + (e - s) * t;
+const Ne = (s, e, t) => {
   const r = Math.max(s.length, e.length);
   let n = "";
-  for (let o = 0; o < r; o++) {
-    let l = s.charCodeAt(o);
+  for (let i = 0; i < r; i++) {
+    let l = s.charCodeAt(i);
     isNaN(l) && (l = 97);
-    let c = e.charCodeAt(o);
-    isNaN(c) && (c = 97), n += String.fromCharCode(l + (c - l) * t);
+    let a = e.charCodeAt(i);
+    isNaN(a) && (a = 97), n += String.fromCharCode(l + (a - l) * t);
   }
   return n;
-}, ke = (s, e, t) => new Date(s.getTime() + (e.getTime() - s.getTime()) * t), Le = (s, e) => e, $e = (s) => typeof s == "number" ? Ae : typeof s == "string" ? Me : s instanceof Date ? ke : Le;
-var w;
-class M {
+}, Re = (s, e, t) => new Date(s.getTime() + (e.getTime() - s.getTime()) * t), Ve = (s, e) => e, je = (s) => typeof s == "number" ? Ie : typeof s == "string" ? Ne : s instanceof Date ? Re : Ve;
+var D;
+class N {
   /**
    * Creates a new instance of `ElementPosition`.
    * @param index - The index of the element.
@@ -28,25 +28,25 @@ class M {
     /**
      * The counter of the element starting from 1.
      */
-    i(this, "counter");
+    o(this, "counter");
     /**
      * Checks if the element is the first element in the collection.
      * @returns `true` if the element is the first element, `false` otherwise.
      */
-    i(this, "isFirst");
+    o(this, "isFirst");
     /**
      * Checks if the counter of the element is even.
      * @returns `true` if the counter is even, `false` otherwise.
      */
-    i(this, "isEven");
+    o(this, "isEven");
     /**
      * Checks if the counter of the element is odd.
      * @returns `true` if the counter is odd, `false` otherwise.
      */
-    i(this, "isOdd");
-    Z(this, w);
-    i(this, "dispose", () => {
-      A(this, w) != null && (A(this, w).dispose(), F(this, w, void 0));
+    o(this, "isOdd");
+    re(this, D);
+    o(this, "dispose", () => {
+      this.total.dispose();
     });
     this.index = e, this.total = t, this.counter = e + 1, this.isFirst = e === 0, this.isEven = e % 2 === 1, this.isOdd = e % 2 === 0;
   }
@@ -55,11 +55,11 @@ class M {
    * @returns `true` if the element is the last element, `false` otherwise.
    */
   get isLast() {
-    return A(this, w) == null && F(this, w, this.total.map((e) => this.counter === e)), A(this, w);
+    return X(this, D) == null && ne(this, D, this.total.map((e) => this.counter === e)), X(this, D);
   }
 }
-w = new WeakMap();
-const k = class k {
+D = new WeakMap();
+const H = class H {
   /**
    * Represents a signal with a value of type T.
    *
@@ -71,71 +71,83 @@ const k = class k {
     /**
      * @internal
      */
-    i(this, "$__signal__", !0);
+    o(this, "$__signal__", !0);
     /**
      * @internal
      */
-    i(this, "_value");
+    o(this, "_value");
     /**
      * @internal
      */
-    i(this, "_derivatives", []);
+    o(this, "_derivatives", []);
     /**
      * @internal
      */
-    i(this, "_onValueListeners", []);
+    o(this, "_onValueListeners", []);
     /**
      * @internal
      */
-    i(this, "_onDisposeListeners", []);
+    o(this, "_onDisposeListeners", []);
     /**
      * Gets the current value of the signal.
      * @returns The current value of the signal.
      */
-    i(this, "get", () => this._value);
+    o(this, "get", () => this._value);
     /**
      * Checks if the signal has any registered listeners.
      * @returns `true` if the signal has listeners, `false` otherwise.
      */
-    i(this, "hasListeners", () => this._onValueListeners.length > 0);
+    o(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.
      * 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.
-     */
-    i(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
      */
-    i(this, "_setAndNotify", (e, t) => {
-      const r = this.equals(this._value, e);
-      r || (this._value = e), (t || !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
      */
-    i(this, "_disposed", !1);
+    o(this, "_disposed", !1);
     /**
      * Checks whether the signal is disposed.
      * @returns True if the signal is disposed, false otherwise.
      */
-    i(this, "isDisposed", () => this._disposed);
+    o(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.
      */
-    i(this, "onDispose", (e) => {
+    o(this, "onDispose", (e) => {
       this._onDisposeListeners.push(e);
     });
     /**
      * Disposes the signal, releasing any resources associated with it.
      */
-    i(this, "dispose", () => {
+    o(this, "dispose", () => {
       this._disposed || (this._disposed = !0, this._onDisposeListeners.forEach((e) => e()), this._onDisposeListeners.length = 0, this._derivatives.length = 0);
     });
     /**
@@ -147,8 +159,8 @@ const k = class k {
      * @param equals - Optional equality function to determine if two mapped values are equal.
      * @returns - A new Computed instance with the mapped value.
      */
-    i(this, "map", (e, t = (r, n) => r === n) => {
-      const r = new T(() => {
+    o(this, "map", (e, t = (r, n) => r === n) => {
+      const r = new x(() => {
         try {
           return e(this.get());
         } catch (n) {
@@ -167,8 +179,8 @@ const k = class k {
      *               Defaults to a strict equality check (===).
      * @returns A new Signal that emits the values of the resulting Signal.
      */
-    i(this, "flatMap", (e, t = (r, n) => r === n) => {
-      const r = new T(() => {
+    o(this, "flatMap", (e, t = (r, n) => r === n) => {
+      const r = new x(() => {
         try {
           return e(this.get()).get();
         } catch (n) {
@@ -183,26 +195,26 @@ const k = class k {
      * @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.
      */
-    i(this, "tap", (e) => this.map((t) => (e(t), t)));
+    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.
      */
-    i(this, "at", (e) => this.map((t) => t[e]));
+    o(this, "at", (e) => this.map((t) => t[e]));
     /**
      * @internal
      */
-    i(this, "_$");
-    i(this, "filter", (e, t) => {
+    o(this, "_$");
+    o(this, "filter", (e, t) => {
       let r = t ?? this.get();
-      const n = new T(() => {
+      const n = new x(() => {
         try {
-          const o = this.get();
-          return r = e(o) ? o : r;
-        } catch (o) {
-          throw console.error("Error in Signal.filter:", o), o;
+          const i = this.get();
+          return r = e(i) ? i : r;
+        } catch (i) {
+          throw console.error("Error in Signal.filter:", i), i;
         }
       }, this.equals);
       return this.setDerivative(n), n;
@@ -217,17 +229,17 @@ const k = class k {
      * @param equals - Optional equality function to determine if two values are equal.
      * @returns - A new Computed object with the mapped and filtered values.
      */
-    i(this, "filterMap", (e, t, r = (n, o) => n === o) => {
+    o(this, "filterMap", (e, t, r = (n, i) => n === i) => {
       let n = t;
-      const o = new T(() => {
+      const i = new x(() => {
         try {
-          const l = this.get(), c = e(l);
-          return n = c ?? n;
+          const l = this.get(), a = e(l);
+          return n = a ?? n;
         } catch (l) {
           throw console.error("Error in Signal.filterMap:", l), l;
         }
       }, r);
-      return this.setDerivative(o), o;
+      return this.setDerivative(i), i;
     });
     /**
      * Maps the values emitted by the signal to a new value asynchronously using the provided function.
@@ -242,25 +254,25 @@ const k = class k {
      * @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.
      */
-    i(this, "mapAsync", (e, t, r, n = (o, l) => o === l) => {
-      const o = I(t, n);
-      let l = 0, c = new AbortController();
-      return o.onDispose(
-        this.on(async (a) => {
-          const f = ++l;
-          c.abort(), c = new AbortController();
+    o(this, "mapAsync", (e, t, r, n = (i, l) => i === l) => {
+      const i = E(t, n);
+      let l = 0, a = new AbortController();
+      return i.onDispose(
+        this.on(async (c) => {
+          const u = ++l;
+          a.abort(), a = new AbortController();
           try {
-            const h = await e(a, { abortSignal: c.signal });
-            f === l && o.set(h);
+            const h = await e(c, { abortSignal: a.signal });
+            u === l && i.set(h);
           } catch (h) {
-            if (f === l)
+            if (u === l)
               if (r != null)
-                o.set(r(h));
+                i.set(r(h));
               else
                 throw h;
           }
         })
-      ), o;
+      ), i;
     });
     /**
      * Maps the values of the signal using the provided function `fn`, and returns a new signal
@@ -272,28 +284,38 @@ const k = class k {
      * @param alt - The alternative value to use when the mapped value is `undefined` or `null`.
      * @returns A new signal containing the mapped values.
      */
-    i(this, "mapMaybe", (e, t) => this.map((r) => e(r) ?? t));
+    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.
      */
-    i(this, "feedProp", (e, t = !1) => {
+    o(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.
+     * @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.
      */
-    i(this, "deriveProp", (e = !0) => this.feedProp(I(this.get()), e));
+    o(this, "deriveProp", ({
+      autoDisposeProp: e = !0,
+      equals: t
+    } = {}) => this.feedProp(E(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.
      */
-    i(this, "count", () => {
+    o(this, "count", () => {
       let e = 0;
       return this.map(() => ++e);
     });
@@ -303,7 +325,7 @@ const k = class k {
      * Additionally, when the computed value is disposed, it sets the signal as dirty.
      * @param computed - The computed value to add as a derivative.
      */
-    i(this, "setDerivative", (e) => {
+    o(this, "setDerivative", (e) => {
       this._derivatives.push(e), e.onDispose(() => {
         this._derivatives.splice(
           this._derivatives.indexOf(e),
@@ -340,27 +362,27 @@ const k = class k {
  * @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.
  */
-i(k, "ofPromise", (e, t, r, n = (o, l) => o === l) => {
-  const o = new k(t, n);
-  return e.then((l) => o._setAndNotify(l, !1)).catch((l) => {
-    r != null ? o._setAndNotify(r(l), !1) : console.error(
+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:",
       l
     );
-  }), o;
+  }), i;
 }), /**
  * Checks if a value is a Signal.
  *
  * @param value - The value to check.
  * @returns `true` if the value is a Signal, `false` otherwise.
  */
-i(k, "is", (e) => (
+o(H, "is", (e) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   e != null && e.$__signal__ === !0
 ));
-let d = k;
-const Ne = typeof queueMicrotask == "function" ? queueMicrotask : (s) => Promise.resolve().then(s);
-class T extends d {
+let d = H;
+const qe = typeof queueMicrotask == "function" ? queueMicrotask : (s) => Promise.resolve().then(s);
+class x extends d {
   /**
    * Represents a Signal object.
    * @param _fn - The function that returns the value of the signal.
@@ -371,36 +393,36 @@ class T extends d {
     /**
      * @internal
      */
-    i(this, "$__computed__", !0);
+    o(this, "$__computed__", !0);
     /**
      * @internal
      */
-    i(this, "_isDirty", !1);
+    o(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.
      */
-    i(this, "setDirty", () => {
+    o(this, "setDirty", () => {
       this._isDirty || this._disposed || (this._isDirty = !0, this._derivatives.forEach((t) => t.setDirty()), this._scheduleNotify());
     });
     /**
      * @internal
      */
-    i(this, "_scheduleCount", 0);
+    o(this, "_scheduleCount", 0);
     /**
      * Schedules a notification to be executed asynchronously.
      * If the signal is dirty, it will be updated and notified.
      * @internal
      */
-    i(this, "_scheduleNotify", () => {
+    o(this, "_scheduleNotify", () => {
       const t = ++this._scheduleCount;
-      Ne(() => {
+      qe(() => {
         this._scheduleCount !== t || this._disposed !== !1 || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn(), !1));
       });
     });
     /** {@inheritDoc Signal.get} */
-    i(this, "get", () => (this._isDirty && (this._isDirty = !1, this._value = this._fn(), this._setAndNotify(this._value, !0)), this._value));
+    o(this, "get", () => (this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn(), !0)), this._value));
     this._fn = t, this.setDirty();
   }
   /**
@@ -417,26 +439,26 @@ class T extends d {
     return this.get();
   }
 }
-const V = class V extends d {
+const W = class W extends d {
   constructor() {
     super(...arguments);
     /**
      * @internal
      */
-    i(this, "$__prop__", !0);
+    o(this, "$__prop__", !0);
     /**
      * Changes the value of the property and notifies its listeners.
      *
      * @param value - The new value of the property.
      */
-    i(this, "set", (t) => {
+    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.
      */
-    i(this, "update", (t) => {
+    o(this, "update", (t) => {
       this._setAndNotify(t(this.get()), !1);
     });
     /**
@@ -445,16 +467,16 @@ const V = class V 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.
      */
-    i(this, "reducer", (t, ...r) => {
+    o(this, "reducer", (t, ...r) => {
       const n = this;
-      return function o(l) {
-        const c = n.value;
-        n.update((a) => t(a, l)), !n.equals(c, n.value) && r.forEach(
-          (a) => a({
-            previousState: c,
+      return function i(l) {
+        const a = n.value;
+        n.update((c) => t(c, l)), !n.equals(a, n.value) && r.forEach(
+          (c) => c({
+            previousState: a,
             state: n.value,
             action: l,
-            dispatch: o
+            dispatch: i
           })
         );
       };
@@ -470,9 +492,9 @@ const V = class V extends d {
      *                Defaults to a strict equality check (===).
      * @returns A Prop object representing the isomorphism.
      */
-    i(this, "iso", (t, r, n = (o, l) => o === l) => {
-      const o = new V(t(this.get()), n);
-      return o.onDispose(this.on((l) => o.set(t(l)))), o.on((l) => this._setAndNotify(r(l), !1)), o;
+    o(this, "iso", (t, r, n = (i, l) => i === l) => {
+      const i = new W(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,7 +502,7 @@ const V = class V extends d {
      * @param key - The key of the value to access.
      * @returns A `Prop` that represents the value at the specified key.
      */
-    i(this, "atProp", (t) => this.iso(
+    o(this, "atProp", (t) => this.iso(
       (r) => r[t],
       (r) => ({ ...this.value, [t]: r })
     ));
@@ -500,15 +522,30 @@ const V = class V extends d {
  * @param value - The value to check.
  * @returns `true` if the value is a Prop, `false` otherwise.
  */
-i(V, "is", (t) => (
+o(W, "is", (t) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   t != null && t.$__prop__ === !0
 ));
-let H = V;
-const G = (s, e, t = (r, n) => r === n) => {
-  const r = new T(s, t);
+let R = W;
+const Y = (s, e, t = (r, n) => r === n) => {
+  const r = new x(s, t);
   return e.forEach((n) => n.setDerivative(r)), r;
-}, He = (s, e) => G(s, e).dispose, I = (s, e = (t, r) => t === r) => new H(s, e), R = (s, e = (t, r) => t === r) => new d(s, e), ee = () => typeof window < "u" ? window : void 0, p = {
+}, Fe = (s, e, t = {}) => {
+  let r = t.once ? () => {
+    i(), s();
+  } : s;
+  if (t.skipInitial) {
+    let l = !1;
+    const a = r;
+    r = () => {
+      l ? a() : l = !0;
+    };
+  }
+  const n = Y(r, e), i = () => {
+    n.dispose(), t.abortSignal != null && t.abortSignal.removeEventListener("abort", i);
+  };
+  return t.abortSignal != null && t.abortSignal.addEventListener("abort", i), i;
+}, E = (s, e = (t, r) => t === r) => new R(s, e), J = (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.
@@ -531,7 +568,7 @@ const G = (s, e, t = (r, n) => r === n) => {
    * @param equals - A function that determines if two values are equal. Defaults to strict equality (===).
    * @returns A Signal instance.
    */
-  toSignal: (s, e) => d.is(s) ? s : R(s, e),
+  toSignal: (s, e) => d.is(s) ? s : J(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.
@@ -540,7 +577,7 @@ const G = (s, e, t = (r, n) => r === n) => {
    */
   maybeToSignal: (s, e) => {
     if (s != null)
-      return p.toSignal(s, e);
+      return y.toSignal(s, e);
   },
   /**
    * Gets the value from a `Signal` or the value itself if it is not a `Signal`.
@@ -564,107 +601,125 @@ const G = (s, e, t = (r, n) => r === n) => {
    */
   dispose: (s) => {
     d.is(s) && s.dispose();
-  }
-}, yt = (...s) => (e, t) => {
+  },
+  /**
+   * 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 }) : E(s, t)
+}, $t = (...s) => (e, t) => {
+  const r = s.filter((n) => d.is(n));
+  return Y(
+    () => e(...s.map((n) => y.get(n))),
+    r,
+    t
+  );
+}, kt = (...s) => (e, t = {}) => {
   const r = s.filter((n) => d.is(n));
-  return G(
-    () => e(...s.map((n) => p.get(n))),
+  return Fe(
+    () => e(...s.map(y.get)),
     r,
     t
   );
-}, wt = (...s) => (e) => {
-  const t = s.filter((r) => d.is(r));
-  He(() => e(...s.map(p.get)), t);
 };
-class te {
+class le {
   constructor() {
-    i(this, "_store", /* @__PURE__ */ new Map());
+    o(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.
      */
-    i(this, "getItem", (e) => this._store.get(e) ?? null);
+    o(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.
      */
-    i(this, "setItem", (e, t) => {
+    o(this, "setItem", (e, t) => {
       this._store.set(e, t);
     });
   }
 }
-const se = ({
+const ce = ({
   key: s,
   defaultValue: e,
   store: t,
   serialize: r = JSON.stringify,
   deserialize: n = JSON.parse,
-  equals: o = (c, a) => c === a,
-  onLoad: l = (c) => c
+  equals: i = (a, c) => a === c,
+  onLoad: l = (a) => a
 }) => {
-  const c = t.getItem(s), a = new H(
-    c != null ? l(n(c)) : typeof e == "function" ? e() : e,
-    o
+  const a = t.getItem(s), c = new R(
+    a != null ? l(n(a)) : typeof e == "function" ? e() : e,
+    i
   );
-  return a.on((f) => {
-    t.setItem(s, r(f));
-  }), a;
-}, _t = (s) => {
+  return c.on((u) => {
+    t.setItem(s, r(u));
+  }), c;
+}, It = (s) => {
   var e;
-  return se({
+  return ce({
     ...s,
-    store: ((e = ee()) == null ? void 0 : e.localStorage) ?? new te()
+    store: ((e = oe()) == null ? void 0 : e.localStorage) ?? new le()
   });
-}, vt = (s) => {
+}, Nt = (s) => {
   var e;
-  return se({
+  return ce({
     ...s,
-    store: ((e = ee()) == null ? void 0 : e.sessionStorage) ?? new te()
+    store: ((e = oe()) == null ? void 0 : e.sessionStorage) ?? new le()
   });
 };
-function K(s) {
+function ie(s) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(s) : setTimeout(s, 0);
 }
-const Ie = (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, N) => y === N);
-  let c = r == null ? void 0 : r.interpolate, a = s, f = e(), h = performance.now(), P = null, O = !0;
-  const B = new T(e, l), x = I(s, l);
-  x.onDispose(() => {
-    P !== null && cancelAnimationFrame(P);
-  }), x.onDispose(B.dispose), t.forEach((y) => {
-    y.setDerivative(B), y.onDispose(x.dispose);
+const Be = (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 a = r == null ? void 0 : r.interpolate, c = s, u = e(), h = performance.now(), m = null, b = !0;
+  const p = new x(e, l), g = E(s, l);
+  g.onDispose(() => {
+    m !== null && cancelAnimationFrame(m);
+  }), g.onDispose(p.dispose), t.forEach((A) => {
+    A.setDerivative(p), A.onDispose(g.dispose);
   });
-  const be = (y) => {
-    f = y, h = performance.now(), a = x.value, O && (O = !1, P = K(J));
-  }, J = () => {
-    const N = (performance.now() - h) / p.get(n), Ee = o(N);
-    c == null && (c = $e(a));
-    let Q = c(a, f, Ee);
-    N >= 1 ? (O = !0, Q = f) : P = K(J), x.set(Q);
+  const w = (A) => {
+    u = A, h = performance.now(), c = g.value, b && (b = !1, m = ie(K));
+  }, K = () => {
+    const I = (performance.now() - h) / y.get(n), He = i(I);
+    a == null && (a = je(c));
+    let ee = a(c, u, He);
+    I >= 1 ? (b = !0, ee = u) : m = ie(K), g.set(ee);
   };
-  return B.on(be), x;
-}, St = (s, e) => {
+  return p.on(w), g;
+}, Rt = (s, e) => {
   const { initialValue: t, ...r } = e ?? {};
-  return Ie(
+  return Be(
     t ?? s.get(),
     s.get,
     [s],
     r
   );
-}, Pt = (s, e) => {
+}, Vt = (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: i, literals: l }, [a, c]) => (d.is(c) ? i.push([a, c]) : l[a] = c, { signals: i, literals: l }),
     { signals: [], literals: {} }
-  ), n = t.map(([, o]) => o);
-  return G(() => (t.forEach(([o, l]) => r[o] = l.value), e(r)), n);
-}, re = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), ne = /* @__PURE__ */ new Set([
+  ), n = t.map(([, i]) => i);
+  return Y(() => (t.forEach(([i, l]) => r[i] = l.value), e(r)), n);
+}, ae = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), ue = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), ie = /* @__PURE__ */ new Set(["valueAsDate"]), oe = /* @__PURE__ */ new Set([
+]), he = /* @__PURE__ */ new Set(["valueAsDate"]), fe = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -672,26 +727,26 @@ const Ie = (s, e, t, r) => {
   "outerHTML",
   "className",
   "classList"
-]), Ve = (s, e) => re.has(s) ? (t) => {
+]), Ue = (s, e) => ae.has(s) ? (t) => {
   t == null ? e[s] = null : e[s] = !!t;
-} : ne.has(s) ? (t) => {
+} : ue.has(s) ? (t) => {
   t == null ? e[s] = null : e[s] = Number(t);
-} : ie.has(s) ? (t) => {
+} : he.has(s) ? (t) => {
   t == null ? e[s] = null : e[s] = t;
-} : oe.has(s) ? (t) => {
+} : fe.has(s) ? (t) => {
   t == null ? e[s] = null : e[s] = String(t);
 } : (t) => {
   t == null ? e.removeAttribute(s) : e.setAttribute(s, t);
-}, Re = (s, e) => re.has(s) ? () => !!e[s] : ne.has(s) ? () => Number(e[s]) : ie.has(s) ? () => e[s] : oe.has(s) ? () => String(e[s]) : () => e.getAttribute(s), U = (s) => {
+}, We = (s, e) => ae.has(s) ? () => !!e[s] : ue.has(s) ? () => Number(e[s]) : he.has(s) ? () => e[s] : fe.has(s) ? () => String(e[s]) : () => e.getAttribute(s), V = (s) => {
   const e = s;
   e && e.onblur && (e.onblur = null), !(!s || s.ownerDocument === void 0) && s.parentElement && s.parentElement.removeChild(s);
-}, je = (s) => le(s) ? s : s.parentElement, le = (s) => s.nodeType === 1;
-class ce extends Error {
+}, Je = (s) => de(s) ? s : s.parentElement, de = (s) => s.nodeType === 1;
+class pe extends Error {
   constructor(e) {
     super(`Provider not found: ${e.description}`);
   }
 }
-class b {
+class L {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -709,7 +764,7 @@ class b {
      * @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, "createElement", (e, t) => t !== void 0 ? this.document.createElementNS(t, 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,7 +772,7 @@ class b {
      * @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) => {
+    o(this, "makeChildElement", (e, t) => {
       const r = this.createElement(e, t);
       return this.appendOrInsert(r), this.withElement(r);
     });
@@ -726,13 +781,13 @@ class b {
      * @param text - The text content for the new text node.
      * @returns A new `Text` node with the specified text content.
      */
-    i(this, "createText", (e) => this.document.createTextNode(e));
+    o(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) => {
+    o(this, "makeChildText", (e) => {
       const t = this.createText(e);
       return this.appendOrInsert(t), this.withReference(t);
     });
@@ -740,14 +795,14 @@ class b {
      * Sets the text content of the current element.
      * @param text - The text content to set.
      */
-    i(this, "setText", (e) => {
+    o(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", () => {
+    o(this, "getText", () => {
       var e;
       return ((e = this.reference) == null ? void 0 : e.nodeValue) ?? this.element.textContent ?? "";
     });
@@ -756,7 +811,7 @@ class b {
      * The text node is appended or inserted to the current `DOMContext`.
      * The new `DOMContext` with the reference is returned.
      */
-    i(this, "makeRef", () => {
+    o(this, "makeRef", () => {
       const e = this.createText("");
       return this.appendOrInsert(e), this.withReference(e);
     });
@@ -765,7 +820,7 @@ class b {
      *
      * @param child - The child node to append or insert.
      */
-    i(this, "appendOrInsert", (e) => {
+    o(this, "appendOrInsert", (e) => {
       this.reference === void 0 ? this.element.appendChild(e) : this.element.insertBefore(e, this.reference);
     });
     /**
@@ -773,13 +828,13 @@ class b {
      * @param element - The DOM element to use in the new `DOMContext` instance.
      * @returns A new `DOMContext` instance with the provided `element`.
      */
-    i(this, "withElement", (e) => new b(this.document, e, void 0, this.providers));
+    o(this, "withElement", (e) => new L(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.
      */
-    i(this, "makePortal", (e) => {
+    o(this, "makePortal", (e) => {
       const t = this.document.querySelector(e);
       if (t == null)
         throw new Error(`Cannot find element by selector for portal: ${e}`);
@@ -791,7 +846,7 @@ class b {
      * @param reference - The optional `Text` node to use as the reference for the new `DOMContext`.
      * @returns A new `DOMContext` instance with the specified reference.
      */
-    i(this, "withReference", (e) => new b(this.document, this.element, e, this.providers));
+    o(this, "withReference", (e) => new L(this.document, this.element, e, this.providers));
     /**
      * Returns a new HTMLDOMContext instance with the specified providers merged into
      * the existing providers.
@@ -799,7 +854,7 @@ class b {
      * @param providers - An object containing the providers to be merged into the existing providers.
      * @returns A new HTMLDOMContext instance with the merged providers.
      */
-    i(this, "withProviders", (e) => new b(this.document, this.element, this.reference, {
+    o(this, "withProviders", (e) => new L(this.document, this.element, this.reference, {
       ...this.providers,
       ...e
     }));
@@ -810,69 +865,74 @@ class b {
      * @returns The provider for the given mark.
      * @throws Throws `ProviderNotFoundError` if the provider for the given mark is not found.
      */
-    i(this, "getProvider", (e) => {
+    o(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
-        throw new ce(e);
+        throw new pe(e);
       return this.providers[e];
     });
-    i(this, "clear", (e) => {
-      e && (this.reference !== void 0 ? U(this.reference) : U(this.element));
+    o(this, "clear", (e) => {
+      e && (this.reference !== void 0 ? V(this.reference) : V(this.element));
     });
     /**
      * Adds classes to the element.
      * @param tokens - The class names to add.
      */
-    i(this, "addClasses", (e) => {
+    o(this, "addClasses", (e) => {
       this.element.classList.add(...e);
     });
     /**
      * Removes classes from the element.
      * @param tokens - The class names to remove.
      */
-    i(this, "removeClasses", (e) => {
+    o(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));
+    o(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.
+     * @param options - The options for the event listener.
      * @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);
+    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.
      * @returns `true` if the context is a browser DOM context.
      */
-    i(this, "isBrowserDOM", () => !0);
+    o(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);
+    o(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);
+    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.
      */
-    i(this, "getStyle", (e) => this.element.style.getPropertyValue(e));
-    i(this, "makeAccessors", (e) => ({
-      get: Re(e, this.element),
-      set: Ve(e, this.element)
+    o(this, "getStyle", (e) => this.element.style[e]);
+    o(this, "makeAccessors", (e) => ({
+      get: We(e, this.element),
+      set: Ue(e, this.element)
     }));
     this.document = e, this.element = t, this.reference = r, this.providers = n;
   }
@@ -884,44 +944,270 @@ class b {
    * @returns A new `DOMContext` instance.
    */
   static of(e, t) {
-    return new b(e.ownerDocument, e, t, {});
+    return new L(e.ownerDocument, e, t, {});
+  }
+}
+const Q = (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 Ge(
+      `Cannot find element by selector for render: ${e}`
+    );
+  r !== !1 && (t ?? n.ownerDocument) != null && n.nodeType === 1 && (n.innerHTML = "");
+  const i = Je(n), l = de(n) ? void 0 : n, a = L.of(i, l);
+  return Q(s, a);
+}, qt = (s, {
+  startUrl: e = "https://example.com",
+  selector: t = ":root"
+} = {}) => {
+  const r = y.toSignal(e).deriveProp(), n = new Se(t, void 0), i = new O(n, void 0, { currentURL: r }, {});
+  return {
+    clear: Q(s(), i),
+    root: n,
+    currentURL: r
+  };
+};
+class Ge extends Error {
+  constructor(e) {
+    super(e);
+  }
+}
+const ge = "data-tts-node", j = "data-tts-class", q = "data-tts-style", F = "data-tts-html", B = "data-tts-text", U = "data-tts-attrs";
+class Ft {
+  constructor({
+    select: e,
+    getAttribute: t,
+    setAttribute: r,
+    getClass: n,
+    setClass: i,
+    getStyles: l,
+    setStyles: a,
+    appendHTML: c,
+    getInnerHTML: u,
+    setInnerHTML: h,
+    getInnerText: m,
+    setInnerText: b
+  }) {
+    /**
+     * 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");
+    /**
+     * 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(t)), n.hasInnerHTML()) {
+            if (t) {
+              const l = this.getInnerHTML(i);
+              l != null && this.setAttribute(i, F, l);
+            }
+            this.setInnerHTML(i, n.getInnerHTML());
+          }
+          if (n.hasInnerText()) {
+            if (t) {
+              const l = this.getInnerText(i);
+              l != null && this.setAttribute(i, B, l);
+            }
+            this.setInnerText(i, n.getInnerText());
+          }
+          if (n.hasClasses()) {
+            if (t) {
+              const l = this.getClass(i);
+              l != null && this.setAttribute(i, j, l);
+            }
+            this.setClass(i, n.getClasses().join(" "));
+          }
+          if (n.hasStyles()) {
+            if (t) {
+              const l = this.getStyles(i);
+              Object.keys(l).length > 0 && this.setAttribute(
+                i,
+                q,
+                JSON.stringify(l)
+              );
+            }
+            this.setStyles(i, n.getStyles());
+          }
+          if (n.hasAttributes()) {
+            const l = n.getAttributes();
+            if (t) {
+              const a = [];
+              l.forEach(([c]) => {
+                const u = this.getAttribute(i, c);
+                u != null && a.push([c, u]);
+              }), a.length > 0 && this.setAttribute(
+                i,
+                U,
+                JSON.stringify(Object.fromEntries(a))
+              );
+            }
+            l.forEach(([a, c]) => {
+              this.setAttribute(i, a, c);
+            });
+          }
+        }
+      });
+    });
+    this.select = e, this.getAttribute = t, this.setAttribute = r, this.getClass = n, this.setClass = i, this.getStyles = l, this.setStyles = a, this.appendHTML = c, this.getInnerHTML = u, this.setInnerHTML = h, this.getInnerText = m, this.setInnerText = b;
   }
 }
-const g = Symbol("class"), _ = Symbol("style"), C = Symbol("handler"), ae = () => Math.random().toString(36).substring(2, 15), qe = (s) => s.replace(/<[^>]*>?/g, "");
-class ue {
+const ze = () => {
+  document.querySelectorAll(`[${ge}]`).forEach(V);
+}, Xe = (s) => {
+  const e = s.getAttribute(j);
+  s.removeAttribute(j), e != null && s.setAttribute("class", e);
+}, Ye = () => {
+  document.querySelectorAll(`[${j}]`).forEach((e) => Xe(e));
+}, Qe = (s) => {
+  const e = s.getAttribute(F);
+  s.removeAttribute(F), e != null && (s.innerHTML = e);
+}, Ze = () => {
+  document.querySelectorAll(`[${F}]`).forEach((e) => Qe(e));
+}, Ke = (s) => {
+  const e = s.getAttribute(B);
+  s.removeAttribute(B), e != null && (s.innerText = e);
+}, et = () => {
+  document.querySelectorAll(`[${B}]`).forEach((e) => Ke(e));
+}, me = (s) => JSON.parse(s.replace(/&quot;/g, '"')), tt = (s) => {
+  const e = s.getAttribute(q);
+  if (s.removeAttribute(q), e != null) {
+    const t = me(e);
+    Object.entries(t).forEach(([r, n]) => {
+      s.style.setProperty(r, n);
+    });
+  }
+}, st = () => {
+  document.querySelectorAll(`[${q}]`).forEach((e) => tt(e));
+}, rt = (s) => {
+  const e = s.getAttribute(U);
+  if (s.removeAttribute(U), e != null) {
+    const t = me(e);
+    Object.entries(t).forEach(([r, n]) => {
+      n == null ? s.removeAttribute(r) : s.setAttribute(r, n);
+    });
+  }
+}, nt = () => {
+  document.querySelectorAll(`[${U}]`).forEach((e) => rt(e));
+}, Bt = () => {
+  ze(), Ye(), et(), Ze(), st(), nt();
+}, T = Symbol("class"), v = Symbol("style"), C = Symbol("handler"), ye = () => Math.random().toString(36).substring(2, 15), it = (s) => s.replace(/<[^>]*>?/g, "");
+class Te {
   constructor(e) {
-    i(this, "id", ae());
-    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 ? qe(this.properties.innerHTML) : this.children.map((e) => e.getText()).join(""));
-    i(this, "removeChild", (e) => {
+    o(this, "id", ye());
+    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 ? it(this.properties.innerHTML) : this.children.map((e) => e.getText()).join(""));
+    o(this, "removeChild", (e) => {
       const t = this.children.indexOf(e);
       t !== -1 && this.children.splice(t, 1);
     });
-    i(this, "remove", () => {
+    o(this, "remove", () => {
       if (this.parent != null)
         this.parent.removeChild(this);
       else
         throw new Error("Parent is undefined");
     });
-    i(this, "getPortals", () => {
+    o(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[C] != null);
-    i(this, "hasRenderableProperties", () => this.hasClasses() || this.hasAttributes() || this.hasStyles());
-    i(this, "getById", (e) => {
+    o(this, "elements", () => this.children.filter((e) => e.isElement()));
+    o(this, "hasInnerHTML", () => this.properties.innerHTML != null);
+    o(this, "getInnerHTML", () => this.properties.innerHTML ?? "");
+    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[T] != null);
+    o(this, "hasStyles", () => this.properties[v] != null);
+    o(this, "hasAttributes", () => Object.keys(this.properties).length > 0);
+    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 t of this.elements()) {
@@ -930,57 +1216,61 @@ class ue {
           return r;
       }
     });
-    i(this, "trigger", (e, t) => {
+    o(this, "trigger", (e, t) => {
       ((this.properties[C] ?? {})[e] ?? []).forEach((n) => n(t));
     });
-    i(this, "click", () => {
+    o(this, "click", () => {
       this.trigger("click", {});
     });
-    i(this, "on", (e, t) => {
-      var o;
-      const r = (o = this.properties)[C] ?? (o[C] = {}), 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[C]) : r[e] = l);
+    o(this, "on", (e, t, r) => {
+      var a;
+      const n = (a = this.properties)[C] ?? (a[C] = {}), i = r != null && r.once ? (c) => {
+        l(), t(c);
+      } : (c) => t(c);
+      n[e] = [...n[e] ?? [], i];
+      const l = () => {
+        const c = n[e] ?? [], u = c.indexOf(i);
+        u !== -1 && (c.splice(u, 1), c.length === 0 ? (delete n[e], Object.keys(n).length === 0 && delete this.properties[C]) : n[e] = c, (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;
     });
-    i(this, "addClasses", (e) => {
+    o(this, "addClasses", (e) => {
       var r;
       if (e.length === 0)
         return;
-      const t = (r = this.properties)[g] ?? (r[g] = []);
+      const t = (r = this.properties)[T] ?? (r[T] = []);
       e.forEach((n) => {
         t.includes(n) || t.push(n);
       });
     });
-    i(this, "removeClasses", (e) => {
+    o(this, "removeClasses", (e) => {
       var r;
       if (e.length === 0)
         return;
-      const t = (r = this.properties)[g] ?? (r[g] = []);
+      const t = (r = this.properties)[T] ?? (r[T] = []);
       e.forEach((n) => {
-        const o = t.indexOf(n);
-        o !== -1 && t.splice(o, 1);
-      }), t.length === 0 && delete this.properties[g];
+        const i = t.indexOf(n);
+        i !== -1 && t.splice(i, 1);
+      }), t.length === 0 && delete this.properties[T];
     });
-    i(this, "getClasses", () => this.properties[g] ?? []);
-    i(this, "getAttributes", () => Object.entries(this.properties).filter(
+    o(this, "getClasses", () => this.properties[T] ?? []);
+    o(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])]] : []
+    o(this, "getVisibleAttributes", () => Reflect.ownKeys(this.properties).flatMap(
+      (e) => e === T ? [["class", this.getClasses()]] : e === v ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
     ));
-    i(this, "setStyle", (e, t) => {
+    o(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[_]);
+      const r = (n = this.properties)[v] ?? (n[v] = {});
+      r[e] = t, t === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[v]);
     });
-    i(this, "getStyle", (e) => {
+    o(this, "getStyle", (e) => {
       var t;
-      return ((t = this.properties[_]) == null ? void 0 : t[e]) ?? "";
+      return ((t = this.properties[v]) == null ? void 0 : t[e]) ?? "";
     });
-    i(this, "getStyles", () => this.properties[_] ?? {});
-    i(this, "makeAccessors", (e) => {
+    o(this, "getStyles", () => this.properties[v] ?? {});
+    o(this, "makeAccessors", (e) => {
       const t = this.properties;
       return {
         get: () => t[e],
@@ -990,149 +1280,149 @@ class ue {
     this.parent = e;
   }
 }
-const Be = (s) => s.replace(/"/g, "&quot;"), Fe = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-class Ue extends ue {
+const ot = (s) => s.replace(/"/g, "&quot;"), lt = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+class ct extends Te {
   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(" ")}"` : Ge.has(l) ? ` ${l}` : l === "innerHTML" ? (n = c, "") : l === "innerText" ? (n = Fe(c), "") : ` ${l}="${Be(c)}"`).join("");
-      return ze.has(this.tagName) && t === "" ? `<${this.tagName}${r}${o} />` : `<${this.tagName}${r}${o}>${n ?? t}</${this.tagName}>`;
+    o(this, "isPortal", () => !1);
+    o(this, "toHTML", (t = !1) => {
+      const r = this.children.map((c) => c.toHTML()).join(""), n = this.namespace ? ` xmlns="${this.namespace}"` : "";
+      let i = null;
+      const l = this.getVisibleAttributes().map(([c, u]) => c === "class" ? ` class="${u.join(" ")}"` : c === "style" ? typeof u == "string" ? ` style="${u}"` : ` style="${Object.entries(u).map(([h, m]) => `${h}: ${m};`).join(" ")}"` : ut.has(c) ? ` ${c}` : c === "innerHTML" ? (i = u, "") : c === "innerText" ? (i = lt(u), "") : ` ${c}="${ot(u)}"`).join(""), a = t ? ` ${ge}` : "";
+      return ht.has(this.tagName) && r === "" ? `<${this.tagName}${n}${l}${a} />` : `<${this.tagName}${n}${l}${a}>${i ?? r}</${this.tagName}>`;
     });
     this.tagName = t, this.namespace = r;
   }
 }
-class he extends ue {
+class Se extends Te {
   constructor(t, r) {
     super(r);
-    i(this, "isPortal", () => !0);
-    i(this, "toHTML", () => "");
-    i(this, "contentToHTML", () => this.children.map((t) => t.toHTML()).join(""));
+    o(this, "isPortal", () => !0);
+    o(this, "toHTML", () => "");
+    o(this, "contentToHTML", (t = !1) => this.children.map((r) => r.toHTML(t)).join(""));
     this.selector = t;
   }
 }
-class We {
+class at {
   constructor(e) {
-    i(this, "id", ae());
-    i(this, "isElement", () => !1);
-    i(this, "isText", () => !0);
-    i(this, "getText", () => this.text);
-    i(this, "toHTML", () => this.text);
+    o(this, "id", ye());
+    o(this, "isElement", () => !1);
+    o(this, "isText", () => !0);
+    o(this, "getText", () => this.text);
+    o(this, "toHTML", () => this.text);
     this.text = e;
   }
 }
-class E {
+class O {
   constructor(e, t, r, n) {
-    i(this, "appendOrInsert", (e) => {
+    o(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 Ue(e, t, this.element);
-      return this.appendOrInsert(r), new E(
+    o(this, "makeChildElement", (e, t) => {
+      const r = new ct(e, t, this.element);
+      return this.appendOrInsert(r), new O(
         r,
         void 0,
         this.container,
         this.providers
       );
     });
-    i(this, "makeChildText", (e) => {
-      const t = new We(e);
-      return this.appendOrInsert(t), new E(
+    o(this, "makeChildText", (e) => {
+      const t = new at(e);
+      return this.appendOrInsert(t), new O(
         this.element,
         t,
         this.container,
         this.providers
       );
     });
-    i(this, "setText", (e) => {
+    o(this, "setText", (e) => {
       this.reference && this.reference.isText() && (this.reference.text = e);
     });
-    i(this, "getText", () => {
+    o(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 he(e, this.element);
-      return this.appendOrInsert(t), new E(
+    o(this, "makeRef", () => this.makeChildText(""));
+    o(this, "makePortal", (e) => {
+      const t = new Se(e, this.element);
+      return this.appendOrInsert(t), new O(
         t,
         void 0,
         this.container,
         this.providers
       );
     });
-    i(this, "withProviders", (e) => new E(this.element, this.reference, this.container, {
+    o(this, "withProviders", (e) => new O(this.element, this.reference, this.container, {
       ...this.providers,
       ...e
     }));
-    i(this, "getProvider", (e) => {
+    o(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
-        throw new ce(e);
+        throw new pe(e);
       return this.providers[e];
     });
-    i(this, "clear", (e) => {
+    o(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));
+    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, 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 = t, this.container = r, this.providers = n;
   }
 }
-const Ge = /* @__PURE__ */ new Set([
+const ut = /* @__PURE__ */ new Set([
   "checked",
   "disabled",
   "multiple",
   "readonly",
   "required",
   "selected"
-]), ze = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), fe = (s) => (e) => {
+]), ht = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), be = (s) => (e) => {
   const t = e.makeChildText(s);
   return (r) => t.clear(r);
-}, de = (s) => (e) => {
+}, Ae = (s) => (e) => {
   const t = e.makeChildText(s.value), r = s.on((n) => t.setText(n));
   return (n) => {
     r(), t.clear(n);
   };
-}, xt = (s) => d.is(s) ? de(s) : fe(s), m = (...s) => (e) => {
-  const t = s.map((r) => u(r)(e));
+}, Ut = (s) => d.is(s) ? Ae(s) : be(s), S = (...s) => (e) => {
+  const t = s.map((r) => f(r)(e));
   return (r) => {
     t.forEach((n) => n(r));
   };
-}, v = () => () => {
-}, Je = (s) => (e) => (e.addClasses(s), (t) => {
+}, _ = () => () => {
+}, ft = (s) => (e) => (e.addClasses(s), (t) => {
   t && e.removeClasses(s);
-}), Qe = (s) => (e) => {
+}), dt = (s) => (e) => {
   let t = [];
   const r = s.on((n) => {
-    e.removeClasses(t), t = (n ?? "").split(" ").filter((o) => o.length > 0), e.addClasses(t);
+    e.removeClasses(t), t = (n ?? "").split(" ").filter((i) => i.length > 0), e.addClasses(t);
   });
   return (n) => {
     r(), n && e.removeClasses(t), t.length = 0;
   };
-}, L = (s, e) => (t) => {
-  const { get: r, set: n } = t.makeAccessors(s), o = r();
+}, $ = (s, e) => (t) => {
+  const { get: r, set: n } = t.makeAccessors(s), i = r();
   return n(e), (l) => {
-    l && n(o);
+    l && n(i);
   };
-}, $ = (s, e) => (t) => {
-  const { get: r, set: n } = t.makeAccessors(s), o = r(), l = e.on(n);
-  return (c) => {
-    l(), c && n(o);
+}, k = (s, e) => (t) => {
+  const { get: r, set: n } = t.makeAccessors(s), i = r(), l = e.on(n);
+  return (a) => {
+    l(), a && n(i);
   };
-}, D = new Proxy(
+}, M = new Proxy(
   {},
   {
     /**
@@ -1146,17 +1436,17 @@ const Ge = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => e === "class" ? (t) => d.is(t) ? Qe(t) : Je(
+    get: (s, e) => e === "class" ? (t) => d.is(t) ? dt(t) : ft(
       (t ?? "").split(" ").filter((r) => r.length > 0)
-    ) : (t) => d.is(t) ? $(
+    ) : (t) => d.is(t) ? k(
       e,
       t
-    ) : L(
+    ) : $(
       e,
       t
     )
   }
-), Ct = new Proxy(
+), Wt = new Proxy(
   {},
   {
     /**
@@ -1167,12 +1457,12 @@ const Ge = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => d.is(t) ? $(
+    get: (s, e) => (t) => d.is(t) ? k(
       `data-${e}`,
       t
-    ) : L(`data-${e}`, t)
+    ) : $(`data-${e}`, t)
   }
-), Tt = new Proxy(
+), Jt = new Proxy(
   {},
   {
     /**
@@ -1183,15 +1473,15 @@ const Ge = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => d.is(t) ? $(
+    get: (s, e) => (t) => d.is(t) ? k(
       `aria-${e}`,
       t
-    ) : L(
+    ) : $(
       `aria-${e}`,
       t
     )
   }
-), bt = new Proxy(
+), Gt = new Proxy(
   {},
   {
     /**
@@ -1202,15 +1492,15 @@ const Ge = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => d.is(t) ? $(
+    get: (s, e) => (t) => d.is(t) ? k(
       e,
       t
-    ) : L(
+    ) : $(
       e,
       t
     )
   }
-), Et = new Proxy(
+), zt = new Proxy(
   {},
   {
     /**
@@ -1220,37 +1510,37 @@ const Ge = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => d.is(t) ? $(
+    get: (s, e) => (t) => d.is(t) ? k(
       e,
       t
-    ) : L(
+    ) : $(
       e,
       t
     )
   }
-), u = (s) => {
+), f = (s) => {
   if (s == null)
-    return v;
+    return _;
   if (Array.isArray(s))
-    return m(...s.map(u));
+    return S(...s.map(f));
   if (typeof s == "string")
-    return fe(s);
+    return be(s);
   if (d.is(s))
-    return de(s);
+    return Ae(s);
   if (typeof s == "function")
     return s;
   throw new Error(`Unknown type: '${typeof s}' for child: ${s}`);
-}, pe = (s, ...e) => (t) => {
-  const r = t.makeChildElement(s, void 0), n = e.map((o) => u(o)(r));
-  return (o) => {
-    n.forEach((l) => l(!1)), r.clear(o);
+}, _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);
   };
-}, ge = (s, e, ...t) => (r) => {
-  const n = r.makeChildElement(s, e), o = t.map((l) => u(l)(n));
+}, ve = (s, e, ...t) => (r) => {
+  const n = r.makeChildElement(s, e), i = t.map((l) => f(l)(n));
   return (l) => {
-    o.forEach((c) => c(!1)), n.clear(l);
+    i.forEach((a) => a(!1)), n.clear(l);
   };
-}, Dt = new Proxy(
+}, Xt = new Proxy(
   {},
   {
     /**
@@ -1258,9 +1548,9 @@ const Ge = /* @__PURE__ */ new Set([
      * @param tagName - The HTML tag name.
      * @returns A renderable function that creates and appends the HTML element to the DOM.
      */
-    get: (s, e) => (...t) => pe(e, t.flatMap(u))
+    get: (s, e) => (...t) => _e(e, t.flatMap(f))
   }
-), Ot = new Proxy(
+), Yt = new Proxy(
   {},
   {
     /**
@@ -1268,9 +1558,9 @@ const Ge = /* @__PURE__ */ new Set([
      * @param type - The input type name.
      * @returns A renderable function that creates and appends the HTMLInput element to the DOM.
      */
-    get: (s, e) => (...t) => pe("input", D.type(e), ...t)
+    get: (s, e) => (...t) => _e("input", M.type(e), ...t)
   }
-), Xe = "http://www.w3.org/2000/svg", At = new Proxy(
+), pt = "http://www.w3.org/2000/svg", Qt = new Proxy(
   {},
   {
     /**
@@ -1278,9 +1568,9 @@ const Ge = /* @__PURE__ */ new Set([
      * @param tagName - The SVG tag name.
      * @returns A renderable function that creates and appends the SVG element to the DOM.
      */
-    get: (s, e) => (...t) => ge(e, Xe, t.flatMap(u))
+    get: (s, e) => (...t) => ve(e, pt, t.flatMap(f))
   }
-), Ye = "http://www.w3.org/1998/Math/MathML", Mt = new Proxy(
+), gt = "http://www.w3.org/1998/Math/MathML", Zt = new Proxy(
   {},
   {
     /**
@@ -1288,35 +1578,35 @@ const Ge = /* @__PURE__ */ new Set([
      * @param tagName - The Math tag name.
      * @returns A renderable function that creates and appends the Math element to the DOM.
      */
-    get: (s, e) => (...t) => ge(e, Ye, t.flatMap(u))
+    get: (s, e) => (...t) => ve(e, gt, t.flatMap(f))
   }
-), me = (s, e) => {
+), Ee = (s, e) => {
   if (typeof e == "function")
-    return me(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) => {
+    return Ee(s, { then: e });
+  const t = e.pending != null ? f(e.pending) : _, r = e.then, n = e.error != null ? (i) => f(e.error(i)) : () => _;
+  return (i) => {
     let l = !0;
-    const c = s(), a = o.makeRef();
-    let f = u(t)(a);
-    return c.then(
+    const a = s(), c = i.makeRef();
+    let u = f(t)(c);
+    return a.then(
       (h) => {
-        l && (f(!0), f = u(r(h))(a));
+        l && (u(!0), u = f(r(h))(c));
       },
       (h) => {
-        l && (f(!0), f = u(n(h))(a));
+        l && (u(!0), u = f(n(h))(c));
       }
     ), (h) => {
-      l = !1, f(h), a.clear(h);
+      l = !1, u(h), c.clear(h);
     };
   };
-}, kt = (s, e) => me(() => s, e), ye = (s, e) => (t) => t.on(s, e), Ze = (s) => ye("click", (e) => {
+}, Kt = (s, e) => Ee(() => s, e), we = (s, e, t) => (r) => r.on(s, e, t), mt = (s) => we("click", (e) => {
   e.preventDefault();
   const t = e.target;
   setTimeout(() => {
     const r = t.ownerDocument != null ? t == null ? void 0 : t.checked : void 0;
     r != null && s(!r);
   }, 0);
-}), j = new Proxy(
+}), G = new Proxy(
   {},
   {
     /**
@@ -1324,15 +1614,15 @@ const Ge = /* @__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: (s, e) => (t) => ye(e, t)
+    get: (s, e) => (t) => we(e, t)
   }
-), Ke = (s) => (e) => {
+), yt = (s) => (e) => {
   const t = e.target;
   s(t.value);
-}, et = (s) => (e) => {
+}, Tt = (s) => (e) => {
   const t = e.target;
   s(t.valueAsNumber);
-}, tt = (s) => (e) => {
+}, St = (s) => (e) => {
   const t = e.target;
   if (t.value === "")
     return;
@@ -1342,212 +1632,245 @@ const Ge = /* @__PURE__ */ new Set([
     Number(r[2].substring(0, 2))
   );
   s(n);
-}, st = (s) => (e) => {
+}, bt = (s) => (e) => {
   const t = e.target;
   if (t.value === "")
     return;
-  const r = t.value.split("T"), n = r[0].split("-"), o = 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(":");
-  o.setHours(Number(l[0])), o.setMinutes(Number(l[1])), o.setSeconds(Number(l[2])), s(o);
-}, Lt = (s) => (e) => {
+  i.setHours(Number(l[0])), i.setMinutes(Number(l[1])), i.setSeconds(Number(l[2])), s(i);
+}, es = (s) => (e) => {
   const t = e.target;
   s(t.checked);
-}, $t = (s) => (e) => {
+}, ts = (s) => (e) => {
   e.preventDefault(), s();
-}, Nt = (s) => (e) => {
+}, ss = (s) => (e) => {
   e.stopPropagation(), s();
-}, Ht = (s) => (e) => {
+}, rs = (s) => (e) => {
   e.stopImmediatePropagation(), s();
-}, It = (s, e = "input") => m(
-  D.valueAsDate(s),
-  j[e](tt(s.set))
-), Vt = (s, e = "input") => m(
-  D.valueAsDate(s),
-  j[e](st(s.set))
-), Rt = (s, e = "input") => m(
-  D.valueAsNumber(s),
-  j[e](et(s.set))
-), jt = (s, e = "input") => m(D.value(s), j[e](Ke(s.set))), qt = (s) => m(D.checked(s), Ze(s.set)), q = (s, e) => {
+}, ns = (s, e = "input") => S(
+  M.valueAsDate(s),
+  G[e](St(s.set))
+), is = (s, e = "input") => S(
+  M.valueAsDate(s),
+  G[e](bt(s.set))
+), os = (s, e = "input") => S(
+  M.valueAsNumber(s),
+  G[e](Tt(s.set))
+), ls = (s, e = "input") => S(M.value(s), G[e](yt(s.set))), cs = (s) => S(M.checked(s), mt(s.set)), z = (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 P = e[h](l);
-          o = u(P)(n), a = h;
+      let i, l;
+      const a = s.map((h) => Object.keys(h)[0]);
+      let c;
+      const u = a.on((h) => {
+        if (h !== c) {
+          l == null || l.dispose(), i == null || i(!0), l = s.map((b) => b[h]);
+          const m = e[h](l);
+          i = f(m)(n), c = h;
         }
       });
       return (h) => {
-        f(), n.clear(h), o == null || o(h);
+        l == null || l.dispose(), u(), n.clear(h), i == null || i(h);
       };
     };
   const t = Object.keys(s)[0];
-  return u(e[t](R(s[t])));
-}, we = (s, e, t) => q(
-  p.map(s, (r) => ({ [r[e]]: r })),
+  return f(e[t](J(s[t])));
+}, Ce = (s, e, t) => z(
+  y.map(s, (r) => ({ [r[e]]: r })),
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   t
-), Bt = (s, e) => we(s, "kind", e), Ft = (s, e) => {
-  const t = p.map(s, ([r, n]) => ({ [r]: n }));
-  return q(t, e);
-}, Ut = (s, e) => we(s, "type", e), rt = (s, e) => q(
-  p.map(s, (t) => ({ [t]: !0 })),
+), as = (s, e) => Ce(s, "kind", e), us = (s, e) => {
+  const t = y.map(s, ([r, n]) => ({ [r]: n }));
+  return z(t, e);
+}, hs = (s, e) => Ce(s, "type", e), At = (s, e) => z(
+  y.map(s, (t) => ({ [t]: !0 })),
   e
-), Wt = (s, e = {}) => (t) => {
+), fs = (s, e = {}) => (t) => {
   const r = (e == null ? void 0 : e.firstSeparator) ?? s, n = (e == null ? void 0 : e.lastSeparator) ?? s;
-  return rt(
-    t.map((o) => o.isFirst ? "first" : o.isLast ? "last" : "other"),
+  return At(
+    t.map((i) => i.isFirst ? "first" : i.isLast ? "last" : "other"),
     {
       first: () => r,
       last: () => n,
       other: () => s
     }
   );
-}, _e = (s, e) => (t) => {
-  const r = Object.values(s).reduce((n, o) => {
-    const l = t.getProvider(o);
-    return n[o] = l, n;
-  }, {});
-  return u(e(r))(t);
-}, Gt = (s, e) => (t) => {
+}, Pe = (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);
+}, ds = (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),
+    (i, [l, a]) => (r.push(
+      a((c) => (Reflect.set(i, l, c), null))(t)
+    ), i),
     {}
   );
-  return r.push(e(n)(t)), (o) => {
-    r.forEach((l) => l(o));
+  return r.push(e(n)(t)), (i) => {
+    r.forEach((l) => l(i));
   };
-}, nt = (s, e) => _e([s], (t) => u(e(t[s]))), zt = (s, e) => _e(s, (t) => u(e(t))), Jt = (s) => (e) => s(e) ?? (() => {
-}), Qt = (s) => (e) => (e.appendOrInsert(s), (t) => {
-  t && U(s);
-}), it = (s, e, t) => {
+}, _t = (s, e) => Pe([s], (t) => f(e(t[s]))), ps = (s, e) => Pe(s, (t) => f(e(t))), gs = (s) => (e) => s(e) ?? (() => {
+}), ms = (s) => (e) => (e.appendOrInsert(s), (t) => {
+  t && V(s);
+}), vt = (s, e, t) => {
   if (d.is(s)) {
     const r = s;
     return (n) => {
-      const o = n.makeRef();
-      let l = null, c = !1;
-      const a = I(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));
+      const i = n.makeRef();
+      let l = () => {
+      }, a = !1, c = null;
+      const u = r.on((h) => {
+        h == null ? (l(!0), l = f((t == null ? void 0 : t()) ?? _)(i), a = !1, c == null || c.dispose(), c = null) : (c == null ? c = E(h) : c.value = h, a || (l(!0), l = f(e(c))(
+          i
+        ), a = !0));
       });
       return (h) => {
-        f(), l == null || l(h), o.clear(h);
+        c == null || c.dispose(), u(), l == null || l(h), i.clear(h);
       };
     };
   } else {
     const r = s;
     if (r == null) {
       const n = t == null ? void 0 : t();
-      return n != null ? u(n) : v;
+      return n != null ? f(n) : _;
     }
-    return u(e(R(r)));
+    return f(e(J(r)));
   }
-}, W = (s) => (e) => (t) => s(t, e), ve = (s, e, t) => Se(
+}, ys = (...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()) : _)(
+      n
+    );
+  const l = s.map(() => null), a = s.map(
+    (p) => d.is(p) ? p.value != null : p != null
+  );
+  let c = null;
+  const u = E(a.every((p) => p)), h = (p, g) => {
+    if (p.value != null) {
+      if (l[g] == null) {
+        const w = E(p.value);
+        l[g] = w;
+      } else
+        l[g].value = p.value;
+      a[g] = !0;
+    } else
+      a[g] = !1;
+  };
+  let m = s.length - 1;
+  const b = s.map((p, g) => {
+    if (!d.is(p)) {
+      const w = E(p);
+      return l[g] = w, () => {
+      };
+    }
+    return p.on(() => {
+      h(p, g), m === 0 ? u.value = a.every((w) => w) : m--;
+    });
+  });
+  return u.on((p) => {
+    c == null || c(!0), c = null, p ? c = f(e(...l))(n) : c = f((t == null ? void 0 : t()) ?? _)(n);
+  }), (p) => {
+    l.forEach((g) => g == null ? void 0 : g.dispose()), u.dispose(), b.forEach((g) => g()), c == null || c(p), n.clear(p);
+  };
+}, Z = (...s) => (e) => (t) => s.forEach((r) => r(t, e)), Et = (s, e, t) => xe(
   s,
   () => e,
   () => t
-), Se = (s, e, t) => it(
-  p.map(s, (r) => r ? !0 : null),
+), xe = (s, e, t) => vt(
+  y.map(s, (r) => r ? !0 : null),
   e,
   t ?? void 0
-), Xt = (s, e, t) => ot(
+), Ts = (s, e, t) => wt(
   s,
   () => e,
   () => t
-), ot = (s, e, t) => Se(
-  p.map(s, (r) => !r),
+), wt = (s, e, t) => xe(
+  y.map(s, (r) => !r),
   e,
   t
-), Pe = (s, e, t) => t != null ? Pe(s, (r) => {
-  const n = new M(
+), Le = (s, e, t) => t != null ? Le(s, (r) => {
+  const n = new N(
     r.index,
-    r.total.map((o) => o - 1)
+    r.total.map((i) => i - 1)
   );
-  return m(
-    W(n.dispose),
-    u(e(r)),
-    ve(r.isLast, v, t(n))
+  return S(
+    Z(n.dispose),
+    f(e(r)),
+    Et(r.isLast, _, t(n))
   );
 }) : d.is(s) ? (r) => {
-  const n = r.makeRef(), o = Array.from(
+  const n = r.makeRef(), i = 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);
+    (c, u) => u
+  ).map((c) => new N(c, s.derive())), l = i.map(
+    (c) => f(e(c))(n)
+  ), a = s.on((c) => {
+    for (; c < l.length; )
+      i.pop().dispose(), l.pop()(!0);
+    for (let u = 0; u < c; u++)
+      if (i[u] == null) {
+        i[u] = new N(u, s.derive());
+        const h = f(e(i[u]));
+        l[u] = h(n);
       }
   });
-  return (a) => {
-    c(), n.clear(a);
+  return (c) => {
+    a(), n.clear(c);
   };
-} : m(
+} : S(
   ...Array.from({ length: s }, (r, n) => n).map(
-    (r) => u(e(new M(r, R(s))))
+    (r) => f(e(new N(r, J(s))))
   )
-), lt = (s, e, t) => {
-  if (t != null)
-    return lt(s, (r, n) => {
-      const o = new M(
-        n.index,
-        n.total.map((l) => l - 1)
-      );
-      return m([
-        W(o.dispose),
-        u(e(r, n)),
-        ve(n.isLast, v, t(o))
-      ]);
-    });
-  {
-    const r = p.map(s, (o) => o.length), n = p.toSignal(s);
-    return Pe(r, (o) => {
-      const l = n.map((c) => c[o.index]);
-      return m(
-        W(l.dispose),
-        u(e(l, o))
+), Ss = (s, e, t) => {
+  const r = y.map(s, (i) => i.length), n = y.toSignal(s);
+  return Le(
+    r,
+    (i) => {
+      const l = n.map((a) => a[i.index]);
+      return S(
+        Z(l.dispose),
+        f(e(l, i))
       );
-    });
-  }
-}, ct = (s) => (e) => e.isBrowserDOM() ? s(e) ?? (() => {
+    },
+    t
+  );
+}, Ct = (s) => (e) => e.isBrowserDOM() ? s(e) ?? (() => {
 }) : () => {
-}, Yt = (s) => (e) => e.isHeadlessDOM() ? s(e) ?? (() => {
+}, bs = (s) => (e) => e.isHeadlessDOM() ? s(e) ?? (() => {
 }) : () => {
-}, Zt = (s) => ct((e) => s(e.element) ?? (() => {
-})), Kt = (s, e) => {
+}, As = (s) => Ct((e) => s(e.element) ?? (() => {
+})), _s = (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 n = t.map((a) => f(e(a)));
+      let i = () => {
       };
-      const l = n.on((c) => {
-        o(!0), o = c(r);
+      const l = n.on((a) => {
+        i(!0), i = a(r);
       });
-      return (c) => {
-        l(), o(c);
+      return (a) => {
+        l(), i(a);
       };
     };
   }
-  return u(e(s));
-}, es = (s, e, t = () => v) => q(
-  p.map(
+  return f(e(s));
+}, vs = (s, e, t = () => _) => z(
+  y.map(
     s,
     (r) => r.length > 0 ? { notEmpty: r } : { whenEmpty: null }
   ),
@@ -1555,62 +1878,52 @@ const Ge = /* @__PURE__ */ new Set([
     notEmpty: (r) => e(r),
     whenEmpty: () => t()
   }
-), z = (s, e) => {
-  const t = s(e);
-  return () => t(!0);
-}, ts = (s, e, { doc: t, clear: r } = {}) => {
-  const n = typeof e == "string" ? (t ?? document).querySelector(e) : e;
-  if (n === null)
-    throw new at(
-      `Cannot find element by selector for render: ${e}`
-    );
-  r !== !1 && (t ?? n.ownerDocument) != null && n.nodeType === 1 && (n.innerHTML = "");
-  const o = je(n), l = le(n) ? void 0 : n, c = b.of(o, l);
-  return z(s, c);
-}, ss = (s, {
-  startUrl: e = "https://example.com",
-  selector: t = ":root"
-} = {}) => {
-  const r = p.toSignal(e).deriveProp(), n = new he(t, void 0), o = new E(n, void 0, { currentURL: r }, {});
-  return {
-    clear: z(s(), o),
-    root: n,
-    currentURL: r
-  };
-};
-class at extends Error {
-  constructor(e) {
-    super(e);
-  }
-}
-const rs = (s, e) => (t) => {
+), Es = (s, e) => (t) => {
   const r = t.makePortal(s);
-  return z(u(e), r);
-}, ut = (s) => Symbol(s), xe = (s, e) => (t) => u(e)(t.withProviders(s)), ns = (...s) => s.length > 0 ? s.reduceRight((e, t) => (r) => e(t(r))) : u, ht = (s, e, t) => xe({ [s]: e }, u(t)), is = (s, e) => xe(s, u(e)), Ce = ut("Probe"), S = /* @__PURE__ */ new Map(), ft = (s, e, t) => {
-  if (S.has(s))
+  return Q(f(e), r);
+}, Pt = (s) => Symbol(s), Oe = (s, e) => (t) => f(e)(t.withProviders(s)), ws = (...s) => s.length > 0 ? s.reduceRight((e, t) => (r) => e(t(r))) : f, xt = (s, e, t) => Oe({ [s]: e }, f(t)), Cs = (s, e) => Oe(s, f(e)), De = Pt("Probe"), P = /* @__PURE__ */ new Map(), Lt = ({
+  identifier: s,
+  callback: e = () => {
+  },
+  child: t,
+  timeout: r = 10
+}) => {
+  if (P.has(s))
     throw new Error(`Probe already exists: ${s.description}`);
-  return S.set(s, 0), ht(Ce, (n) => {
-    let o = S.get(n);
-    if (o == null)
-      throw new Error(`Probe not found: ${n.description}`);
-    --o === 0 ? (e(), S.delete(n)) : S.set(n, o);
-  }, t);
-}, dt = (s, e) => nt(Ce, (t) => {
-  const r = S.get(s);
-  if (r == null)
-    throw new Error(`Probe not found: ${s.description}`);
-  return S.set(s, r + 1), e(() => t(s));
-}), Te = Symbol("globalProbe"), os = (s, e) => ft(Te, s, e), ls = (s) => dt(Te, s), pt = (s, e) => (t) => {
+  const n = setTimeout(() => e("timeout"), r);
+  P.set(s, {
+    counter: 0,
+    timeoutId: n
+  });
+  const i = (l) => {
+    clearTimeout(n);
+    const a = P.get(l);
+    if (a == null)
+      throw new Error(`Probe not found: ${l.description}`);
+    --a.counter === 0 ? (e("resolved"), P.delete(l)) : P.set(l, a);
+  };
+  return S(
+    Z(() => clearTimeout(n)),
+    xt(De, i, t)
+  );
+}, Ot = (s, e) => _t(De, (t) => {
+  const r = P.get(s);
+  return r == null ? e(() => {
+  }) : (clearTimeout(r.timeoutId), r.counter++, e(() => t(s)));
+}), Me = Symbol("globalProbe"), Ps = ({
+  callback: s,
+  timeout: e
+}, t) => Lt({ identifier: Me, callback: s, child: t, timeout: e }), xs = (s) => Ot(Me, s), Dt = (s, e) => (t) => {
   const r = t.getStyle(s);
   return t.setStyle(s, e), (n) => {
     n && t.setStyle(s, r);
   };
-}, gt = (s, e) => (t) => {
+}, Mt = (s, e) => (t) => {
   const r = t.getStyle(s);
   return e.on((n) => t.setStyle(s, n)), (n) => {
     n && t.setStyle(s, r);
   };
-}, cs = new Proxy(
+}, Ls = new Proxy(
   {},
   {
     /**
@@ -1621,117 +1934,122 @@ const rs = (s, e) => (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => d.is(t) ? gt(e, t) : pt(e, t)
+    get: (s, e) => (t) => d.is(t) ? Mt(e, t) : Dt(e, t)
   }
 );
 export {
-  kt as Async,
-  qt as BindChecked,
-  It as BindDate,
-  Vt as BindDateTime,
-  Rt as BindNumber,
-  jt as BindText,
-  b as BrowserContext,
-  T as Computed,
-  Wt as Conjunction,
-  Qt as DOMNode,
-  pe as El,
-  ge as ElNS,
-  M as ElementPosition,
-  v as Empty,
-  it as Ensure,
-  lt as ForEach,
-  m as Fragment,
-  E as HeadlessContext,
-  Ue as HeadlessElement,
-  he as HeadlessPortal,
-  We as HeadlessText,
-  ot as LazyUnless,
-  Se as LazyWhen,
-  Kt as MapSignal,
-  te as MemoryStore,
-  es as NotEmpty,
-  ct as OnBrowserCtx,
-  Ze as OnChecked,
-  Jt as OnCtx,
-  W as OnDispose,
-  Zt as OnElement,
-  Yt as OnHeadlessCtx,
-  q as OneOf,
-  we as OneOfField,
-  Bt as OneOfKind,
-  Ft as OneOfTuple,
-  Ut as OneOfType,
-  rt as OneOfValue,
-  rs as Portal,
-  H as Prop,
-  ns as Provide,
-  os as ProvideGlobalProbe,
-  ft as ProvideProbe,
-  ce as ProviderNotFoundError,
-  at as RenderingError,
-  Pe as Repeat,
+  Kt as Async,
+  cs as BindChecked,
+  ns as BindDate,
+  is as BindDateTime,
+  os as BindNumber,
+  ls as BindText,
+  L as BrowserContext,
+  j as CLASS_PLACEHOLDER_ATTR,
+  x as Computed,
+  fs as Conjunction,
+  ms as DOMNode,
+  _e as El,
+  ve as ElNS,
+  N as ElementPosition,
+  _ as Empty,
+  vt as Ensure,
+  ys as EnsureAll,
+  Ss as ForEach,
+  S as Fragment,
+  Ft as HeadlessAdapter,
+  O as HeadlessContext,
+  ct as HeadlessElement,
+  Se as HeadlessPortal,
+  at as HeadlessText,
+  wt as LazyUnless,
+  xe as LazyWhen,
+  _s as MapSignal,
+  le as MemoryStore,
+  vs as NotEmpty,
+  Ct as OnBrowserCtx,
+  mt as OnChecked,
+  gs as OnCtx,
+  Z as OnDispose,
+  As as OnElement,
+  bs as OnHeadlessCtx,
+  z as OneOf,
+  Ce as OneOfField,
+  as as OneOfKind,
+  us as OneOfTuple,
+  hs as OneOfType,
+  At as OneOfValue,
+  Es as Portal,
+  R as Prop,
+  ws as Provide,
+  Ps as ProvideGlobalProbe,
+  Lt as ProvideProbe,
+  pe as ProviderNotFoundError,
+  Ge as RenderingError,
+  Le as Repeat,
   d as Signal,
-  me as Task,
-  xt as TextNode,
-  Xt as Unless,
-  Gt as Use,
-  ls as UseGlobalProbe,
-  dt as UseProbe,
-  nt as UseProvider,
-  zt as UseProviders,
-  p as Value,
-  ve as When,
-  ht as WithProvider,
-  is as WithProviders,
-  je as _getSelfOrParentElement,
-  le as _isElement,
-  Re as _makeGetter,
-  Ve as _makeSetter,
-  U as _removeDOMNode,
-  de as _signalText,
-  fe as _staticText,
-  St as animateSignal,
-  Ie as animateSignals,
-  Tt as aria,
-  D as attr,
-  Ct as dataAttr,
-  Lt as emitChecked,
-  $t as emitPreventDefault,
-  Ht as emitStopImmediatePropagation,
-  Nt as emitStopPropagation,
-  Ke as emitValue,
-  tt as emitValueAsDate,
-  st as emitValueAsDateTime,
-  et as emitValueAsNumber,
-  Le as endInterpolate,
-  ee as getWindow,
-  $e as guessInterpolate,
-  Dt as html,
-  Ot as input,
-  ke as interpolateDate,
-  Ae as interpolateNumber,
-  Me as interpolateString,
-  _t as localStorageProp,
-  G as makeComputed,
-  yt as makeComputedOf,
-  Pt as makeComputedRecord,
-  He as makeEffect,
-  wt as makeEffectOf,
-  I as makeProp,
-  ut as makeProviderMark,
-  R as makeSignal,
-  Mt as math,
-  Et as mathAttr,
-  j as on,
-  Ce as probeMarker,
-  ts as render,
-  z as renderWithContext,
-  u as renderableOfTNode,
-  ss as runHeadless,
-  vt as sessionStorageProp,
-  se as storedProp,
-  cs as style,
-  At as svg,
-  bt as svgAttr
+  Ee as Task,
+  Ut as TextNode,
+  Ts as Unless,
+  ds as Use,
+  xs as UseGlobalProbe,
+  Ot as UseProbe,
+  _t as UseProvider,
+  ps as UseProviders,
+  y as Value,
+  Et as When,
+  xt as WithProvider,
+  Cs as WithProviders,
+  ge as _NODE_PLACEHOLDER_ATTR,
+  Je as _getSelfOrParentElement,
+  de as _isElement,
+  We as _makeGetter,
+  Ue as _makeSetter,
+  V as _removeDOMNode,
+  Ae as _signalText,
+  be as _staticText,
+  Rt as animateSignal,
+  Be as animateSignals,
+  Jt as aria,
+  M as attr,
+  Wt as dataAttr,
+  es as emitChecked,
+  ts as emitPreventDefault,
+  rs as emitStopImmediatePropagation,
+  ss as emitStopPropagation,
+  yt as emitValue,
+  St as emitValueAsDate,
+  bt as emitValueAsDateTime,
+  Tt as emitValueAsNumber,
+  Ve as endInterpolate,
+  oe as getWindow,
+  je as guessInterpolate,
+  Xt as html,
+  Yt as input,
+  Re as interpolateDate,
+  Ie as interpolateNumber,
+  Ne as interpolateString,
+  It as localStorageProp,
+  Y as makeComputed,
+  $t as makeComputedOf,
+  Vt as makeComputedRecord,
+  Fe as makeEffect,
+  kt as makeEffectOf,
+  E as makeProp,
+  Pt as makeProviderMark,
+  J as makeSignal,
+  Zt as math,
+  zt as mathAttr,
+  G as on,
+  De as probeMarker,
+  jt as render,
+  Q as renderWithContext,
+  f as renderableOfTNode,
+  Bt as restoreTempoPlaceholders,
+  qt as runHeadless,
+  Nt as sessionStorageProp,
+  ce as storedProp,
+  Ls as style,
+  Qt as svg,
+  Gt as svgAttr
 };