@tempots/dom 28.2.0 → 28.2.2

package/index.js

@@ -3,21 +3,21 @@ var re = (s) => {
   throw TypeError(s);
 };
 var He = (s, e, t) => e in s ? Me(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var i = (s, e, t) => He(s, typeof e != "symbol" ? e + "" : e, t), ne = (s, e, t) => e.has(s) || re("Cannot " + t);
+var o = (s, e, t) => He(s, typeof e != "symbol" ? e + "" : e, t), ne = (s, e, t) => e.has(s) || re("Cannot " + t);
 var I = (s, e, t) => (ne(s, e, "read from private field"), t ? t.call(s) : e.get(s)), ie = (s, e, t) => e.has(s) ? re("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), z = (s, e, t, r) => (ne(s, e, "write to private field"), r ? r.call(s, t) : e.set(s, t), t);
 const ke = (s, e, t) => s + (e - s) * t;
-const $e = (s, e, 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);
+    let c = e.charCodeAt(i);
     isNaN(c) && (c = 97), n += String.fromCharCode(l + (c - l) * t);
   }
   return n;
-}, Ne = (s, e, t) => new Date(s.getTime() + (e.getTime() - s.getTime()) * t), Ie = (s, e) => e, Re = (s) => typeof s == "number" ? ke : typeof s == "string" ? $e : s instanceof Date ? Ne : Ie;
-var E;
+}, $e = (s, e, t) => new Date(s.getTime() + (e.getTime() - s.getTime()) * t), Ie = (s, e) => e, Re = (s) => typeof s == "number" ? ke : typeof s == "string" ? Ne : s instanceof Date ? $e : Ie;
+var w;
 class Q {
   /**
    * Creates a new instance of `ElementPosition`.
@@ -28,26 +28,26 @@ class Q {
     /**
      * 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");
-    ie(this, E);
-    i(this, "dispose", () => {
+    o(this, "isOdd");
+    ie(this, w);
+    o(this, "dispose", () => {
       var e;
-      (e = I(this, E)) == null || e.dispose(), z(this, E, void 0);
+      (e = I(this, w)) == null || e.dispose(), z(this, w, void 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;
   }
@@ -56,10 +56,10 @@ class Q {
    * @returns `true` if the element is the last element, `false` otherwise.
    */
   get isLast() {
-    return I(this, E) == null && z(this, E, this.total.map((e) => this.counter === e)), I(this, E);
+    return I(this, w) == null && z(this, w, this.total.map((e) => this.counter === e)), I(this, w);
   }
 }
-E = new WeakMap();
+w = new WeakMap();
 const H = class H {
   /**
    * Represents a signal with a value of type T.
@@ -72,33 +72,33 @@ const H = class H {
     /**
      * @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.
@@ -107,10 +107,10 @@ const H = class H {
      * @param listener - The listener function to be called when the value of the signal changes.
      * @param options - Options for the listener.
      */
-    i(this, "on", (e, t = {}) => {
+    o(this, "on", (e, t = {}) => {
       t.skipInitial || e(this.get(), void 0);
-      const r = t.once ? (o, l) => {
-        n(), e(o, l);
+      const r = t.once ? (i, l) => {
+        n(), e(i, l);
       } : e;
       this._onValueListeners.push(r);
       const n = () => {
@@ -124,7 +124,7 @@ const H = class H {
     /**
      * @internal
      */
-    i(this, "_setAndNotify", (e) => {
+    o(this, "_setAndNotify", (e) => {
       if (this._disposed) return;
       const t = this._value;
       this.equals(t, e) || (this._value = e, this._onValueListeners.forEach((n) => n(e, t)));
@@ -132,24 +132,24 @@ const H = class H {
     /**
      * @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);
     });
     /**
@@ -202,7 +202,7 @@ const H = class H {
      * @param equals - Optional function to determine if two transformed values are equal (defaults to strict equality)
      * @returns A new computed signal with the transformed value
      */
-    i(this, "map", (e, t = (r, n) => r === n) => {
+    o(this, "map", (e, t = (r, n) => r === n) => {
       const r = new P(() => {
         try {
           return e(this.get());
@@ -222,7 +222,7 @@ const H = class H {
      *               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) => {
+    o(this, "flatMap", (e, t = (r, n) => r === n) => {
       const r = new P(() => {
         try {
           return e(this.get()).get();
@@ -238,26 +238,26 @@ const H = class H {
      * @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 P(() => {
         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;
@@ -272,9 +272,9 @@ const H = class H {
      * @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 P(() => {
+      const i = new P(() => {
         try {
           const l = this.get(), c = e(l);
           return n = c ?? n;
@@ -282,7 +282,7 @@ const H = class H {
           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.
@@ -297,25 +297,25 @@ const H = class H {
      * @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 = v(t, n);
+    o(this, "mapAsync", (e, t, r, n = (i, l) => i === l) => {
+      const i = _(t, n);
       let l = 0, c = new AbortController();
-      return o.onDispose(
+      return i.onDispose(
         this.on(async (a) => {
           const u = ++l;
           c.abort(), c = new AbortController();
           try {
             const h = await e(a, { abortSignal: c.signal });
-            u === l && o.set(h);
+            u === l && i.set(h);
           } catch (h) {
             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
@@ -327,14 +327,14 @@ const H = class H {
      * @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;
     });
@@ -345,20 +345,20 @@ const H = class H {
      * @param options.equals - A function that determines if two values are equal.
      * @returns The derived property.
      */
-    i(this, "deriveProp", ({
+    o(this, "deriveProp", ({
       autoDisposeProp: e = !0,
       equals: t
-    } = {}) => this.feedProp(v(this.get(), t), e));
+    } = {}) => this.feedProp(_(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.
      */
-    i(this, "derive", () => this.map((e) => e));
+    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);
     });
@@ -368,7 +368,7 @@ const H = class H {
      * 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),
@@ -436,26 +436,26 @@ const H = class H {
  * @param equals - Function to compare two values for equality (defaults to strict equality)
  * @returns A Signal that represents the result of the Promise
  */
-i(H, "ofPromise", (e, t, r, n = (o, l) => o === l) => {
-  const o = new H(t, n);
-  return e.then((l) => o._setAndNotify(l)).catch((l) => {
-    r != null ? o._setAndNotify(r(l)) : 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)).catch((l) => {
+    r != null ? i._setAndNotify(r(l)) : 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(H, "is", (e) => (
+o(H, "is", (e) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   e != null && e.$__signal__ === !0
 ));
 let d = H;
-const Ve = typeof queueMicrotask == "function" ? queueMicrotask : (s) => Promise.resolve().then(s);
+const je = typeof queueMicrotask == "function" ? queueMicrotask : (s) => Promise.resolve().then(s);
 class P extends d {
   /**
    * Represents a Signal object.
@@ -467,36 +467,36 @@ class P 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;
-      Ve(() => {
+      je(() => {
         this._scheduleCount !== t || this._disposed || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn()));
       });
     });
     /** {@inheritDoc Signal.get} */
-    i(this, "get", () => (this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn())), this._value));
+    o(this, "get", () => (this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn())), this._value));
     this._fn = t, this.setDirty();
   }
   /**
@@ -519,20 +519,20 @@ const J = class J extends d {
     /**
      * @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);
     });
     /**
      * 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()));
     });
     /**
@@ -541,16 +541,16 @@ const J = class J 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) {
+      return function i(l) {
         const c = n.value;
         n.update((a) => t(a, l)), !n.equals(c, n.value) && r.forEach(
           (a) => a({
             previousState: c,
             state: n.value,
             action: l,
-            dispatch: o
+            dispatch: i
           })
         );
       };
@@ -566,9 +566,9 @@ const J = class J 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 J(t(this.get()), n);
-      return o.onDispose(this.on((l) => o.set(t(l)))), o.on((l) => this._setAndNotify(r(l))), o;
+    o(this, "iso", (t, r, n = (i, l) => i === l) => {
+      const i = new J(t(this.get()), n);
+      return i.onDispose(this.on((l) => i.set(t(l)))), i.on((l) => this._setAndNotify(r(l))), i;
     });
     /**
      * Returns a `Prop` that represents the value at the specified key of the current value.
@@ -576,7 +576,7 @@ const J = class J 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 })
     ));
@@ -596,17 +596,17 @@ const J = class J extends d {
  * @param value - The value to check.
  * @returns `true` if the value is a Prop, `false` otherwise.
  */
-i(J, "is", (t) => (
+o(J, "is", (t) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   t != null && t.$__prop__ === !0
 ));
-let V = J;
+let j = J;
 const Z = (s, e, t = (r, n) => r === n) => {
   const r = new P(s, t);
   return e.forEach((n) => n.setDerivative(r)), r;
-}, je = (s, e, t = {}) => {
+}, Ve = (s, e, t = {}) => {
   let r = t.once ? () => {
-    o(), s();
+    i(), s();
   } : s;
   if (t.skipInitial) {
     let l = !1;
@@ -615,14 +615,14 @@ const Z = (s, e, t = (r, n) => r === n) => {
       l ? c() : l = !0;
     };
   }
-  const n = Z(r, e), o = () => {
-    n.dispose(), t.abortSignal != null && t.abortSignal.removeEventListener("abort", o);
+  const n = Z(r, e), i = () => {
+    n.dispose(), t.abortSignal != null && t.abortSignal.removeEventListener("abort", i);
   };
-  return t.abortSignal != null && t.abortSignal.addEventListener("abort", o), o;
-}, v = (s, e = (t, r) => t === r) => new V(s, e), G = (s, e = (t, r) => t === r) => new d(s, e), le = () => (
+  return t.abortSignal != null && t.abortSignal.addEventListener("abort", i), i;
+}, _ = (s, e = (t, r) => t === r) => new j(s, e), G = (s, e = (t, r) => t === r) => new d(s, e), le = () => (
   /* c8 ignore next */
   typeof window < "u" ? window : void 0
-), y = {
+), T = {
   /**
    * 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.
@@ -654,7 +654,7 @@ const Z = (s, e, t = (r, n) => r === n) => {
    */
   maybeToSignal: (s, e) => {
     if (s != null)
-      return y.toSignal(s, e);
+      return T.toSignal(s, e);
   },
   /**
    * Gets the value from a `Signal` or the value itself if it is not a `Signal`.
@@ -692,42 +692,42 @@ const Z = (s, e, t = (r, n) => r === n) => {
   deriveProp: (s, {
     autoDisposeProp: e = !0,
     equals: t
-  } = {}) => d.is(s) ? s.deriveProp({ autoDisposeProp: e, equals: t }) : v(s, t)
+  } = {}) => d.is(s) ? s.deriveProp({ autoDisposeProp: e, equals: t }) : _(s, t)
 }, qe = (...s) => (e, t) => {
   const r = s.filter((n) => d.is(n));
   return Z(
-    () => e(...s.map((n) => y.get(n))),
+    () => e(...s.map((n) => T.get(n))),
     r,
     t
   );
-}, Lt = (s) => {
+}, Pt = (s) => {
   const e = Object.keys(s);
   return qe(...Object.values(s))(
     (...t) => Object.fromEntries(e.map((r, n) => [r, t[n]]))
   );
-}, Dt = (...s) => (e, t = {}) => {
+}, Lt = (...s) => (e, t = {}) => {
   const r = s.filter((n) => d.is(n));
-  return je(
-    () => e(...s.map(y.get)),
+  return Ve(
+    () => e(...s.map(T.get)),
     r,
     t
   );
 };
 class ce {
   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);
     });
   }
@@ -738,24 +738,22 @@ const ae = ({
   store: t,
   serialize: r = JSON.stringify,
   deserialize: n = JSON.parse,
-  equals: o = (c, a) => c === a,
+  equals: i = (c, a) => c === a,
   onLoad: l = (c) => c
 }) => {
-  const c = t.getItem(s), a = new V(
+  const c = t.getItem(s), a = new j(
     c != null ? l(n(c)) : typeof e == "function" ? e() : e,
-    o
+    i
   );
-  return a.on((u) => {
-    t.setItem(s, r(u));
-  }), a;
-}, Ot = (s) => {
+  return a.on((u) => t.setItem(s, r(u))), a;
+}, Dt = (s) => {
   var e;
   return ae({
     ...s,
     /* c8 ignore next 3 */
     store: ((e = le()) == null ? void 0 : e.localStorage) ?? new ce()
   });
-}, Mt = (s) => {
+}, Ot = (s) => {
   var e;
   return ae({
     ...s,
@@ -767,24 +765,24 @@ function oe(s) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(s) : setTimeout(s, 0);
 }
 const Fe = (s, e, t, r) => {
-  const n = (r == null ? void 0 : r.duration) ?? 300, o = (r == null ? void 0 : r.easing) ?? ((A) => A), l = (r == null ? void 0 : r.equals) ?? ((A, N) => A === N);
-  let c = r == null ? void 0 : r.interpolate, a = s, u = e(), h = performance.now(), g = null, T = !0;
-  const p = new P(e, l), m = v(s, l);
+  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, $) => A === $);
+  let c = r == null ? void 0 : r.interpolate, a = s, u = e(), h = performance.now(), g = null, y = !0;
+  const p = new P(e, l), m = _(s, l);
   m.onDispose(() => {
     g !== null && cancelAnimationFrame(g);
   }), m.onDispose(p.dispose), t.forEach((A) => {
     A.setDerivative(p), A.onDispose(m.dispose);
   });
   const C = (A) => {
-    u = A, h = performance.now(), a = m.value, T && (T = !1, g = oe(te));
+    u = A, h = performance.now(), a = m.value, y && (y = !1, g = oe(te));
   }, te = () => {
-    const N = (performance.now() - h) / y.get(n), Oe = o(N);
+    const $ = (performance.now() - h) / T.get(n), Oe = i($);
     c == null && (c = Re(a));
     let se = c(a, u, Oe);
-    N >= 1 ? (T = !0, se = u) : g = oe(te), m.set(se);
+    $ >= 1 ? (y = !0, se = u) : g = oe(te), m.set(se);
   };
   return p.on(C), m;
-}, Ht = (s, e) => {
+}, Mt = (s, e) => {
   const { initialValue: t, ...r } = e ?? {};
   return Fe(
     /* c8 ignore next 2 */
@@ -797,22 +795,23 @@ const Fe = (s, e, t, r) => {
   const t = Object.values(s).filter(d.is), r = Object.keys(s);
   return Z(() => {
     const n = {};
-    for (const o of r)
-      n[o] = y.get(s[o]);
+    for (const i of r)
+      n[i] = T.get(s[i]);
     return e(n);
   }, t);
-}, kt = (s) => Be(s, (e) => e), $t = (s, e) => {
-  const t = v(s.get());
+}, Ht = (s) => Be(s, (e) => e), kt = (s, e) => {
+  const t = _(s.get());
   let r = null;
-  return s.on((n) => {
+  const n = s.on((i) => {
     r != null && clearTimeout(r), r = setTimeout(
       () => {
-        r = null, t.set(n);
+        r = null, t.set(i);
       },
-      typeof e == "function" ? e(n) : e
+      typeof e == "function" ? e(i) : e
     );
-  }), t.onDispose(() => {
-    r != null && clearTimeout(r);
+  });
+  return t.onDispose(() => {
+    n(), r != null && clearTimeout(r);
   }), t;
 }, ue = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), he = /* @__PURE__ */ new Set(["selected"]), fe = /* @__PURE__ */ new Set([
   "rowSpan",
@@ -839,7 +838,7 @@ const Fe = (s, e, t, r) => {
   t == null ? e[s] = null : e[s] = String(t);
 } : (t) => {
   t == null ? e.removeAttribute(s) : e.setAttribute(s, t);
-}, Ue = (s, e) => he.has(s) ? () => e.hasAttribute(s) : ue.has(s) ? () => !!e[s] : fe.has(s) ? () => Number(e[s]) : de.has(s) ? () => e[s] : pe.has(s) ? () => String(e[s]) : () => e.getAttribute(s), j = (s) => {
+}, Ue = (s, e) => he.has(s) ? () => e.hasAttribute(s) : ue.has(s) ? () => !!e[s] : fe.has(s) ? () => Number(e[s]) : de.has(s) ? () => e[s] : pe.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) => ge(s) ? s : s.parentElement, ge = (s) => s.nodeType === 1;
@@ -866,7 +865,7 @@ class L {
      * @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 child element and appends it to the current element, returning a new context.
      *
@@ -889,7 +888,7 @@ class L {
      * @param namespace - The namespace URI for the element, or undefined for HTML elements
      * @returns A new DOMContext focused on the newly created child element
      */
-    i(this, "makeChildElement", (e, t) => {
+    o(this, "makeChildElement", (e, t) => {
       const r = this.createElement(e, t);
       return this.appendOrInsert(r), this.withElement(r);
     });
@@ -898,13 +897,13 @@ class L {
      * @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);
     });
@@ -912,14 +911,14 @@ class L {
      * 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 ?? "";
     });
@@ -928,7 +927,7 @@ class L {
      * 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);
     });
@@ -937,7 +936,7 @@ class L {
      *
      * @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);
     });
     /**
@@ -945,7 +944,7 @@ class L {
      * @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 L(this.document, e, void 0, this.providers));
+    o(this, "withElement", (e) => new L(this.document, e, void 0, this.providers));
     /**
      * Creates a portal to render content in a different part of the DOM tree.
      *
@@ -990,7 +989,7 @@ class L {
      * @returns A new DOMContext focused on the portal target element
      * @throws {Error} When the selector doesn't match any element in the document
      */
-    i(this, "makePortal", (e) => {
+    o(this, "makePortal", (e) => {
       const t = typeof e == "string" ? this.document.querySelector(e) : e;
       if (t == null)
         throw new Error(`Cannot find element by selector for portal: ${e}`);
@@ -1002,7 +1001,7 @@ class L {
      * @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 L(this.document, this.element, e, this.providers));
+    o(this, "withReference", (e) => new L(this.document, this.element, e, this.providers));
     /**
      * Sets a provider for the given provider mark.
      *
@@ -1010,7 +1009,7 @@ class L {
      * @param value - The provider to set for the given mark.
      * @returns A new `DOMContext` instance with the specified provider.
      */
-    i(this, "setProvider", (e, t, r) => new L(this.document, this.element, this.reference, {
+    o(this, "setProvider", (e, t, r) => new L(this.document, this.element, this.reference, {
       ...this.providers,
       [e]: [t, r]
     }));
@@ -1021,34 +1020,34 @@ class L {
      * @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 me(e);
       const [t, r] = this.providers[e];
       return { value: t, onUse: r };
     });
-    i(this, "clear", (e) => {
-      e && (this.reference !== void 0 ? j(this.reference) : j(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.
@@ -1056,10 +1055,10 @@ class L {
      * @param options - The options for the event listener.
      * @returns A function to remove the event listener.
      */
-    i(this, "on", (e, t, r) => {
-      const n = (o) => t(o, this);
-      return this.element.addEventListener(e, n, r), (o) => {
-        o && this.element.removeEventListener(e, n, r);
+    o(this, "on", (e, t, r) => {
+      const n = (i) => t(i, this);
+      return this.element.addEventListener(e, n, r), (i) => {
+        i && this.element.removeEventListener(e, n, r);
       };
     });
     /**
@@ -1067,28 +1066,28 @@ class L {
      * @returns `true` if the context is a browser DOM context.
      * @deprecated Use `isBrowser()` instead.
      */
-    i(this, "isBrowserDOM", () => !0);
+    o(this, "isBrowserDOM", () => !0);
     /**
      * Returns `true` if the context is a browser context.
      * @returns `true` if the context is a browser context.
      */
-    i(this, "isBrowser", () => !0);
+    o(this, "isBrowser", () => !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);
     /**
      * Returns `true` if the context is a headless context.
      * @returns `true` if the context is a headless context.
      */
-    i(this, "isHeadless", () => !1);
+    o(this, "isHeadless", () => !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) => {
+    o(this, "setStyle", (e, t) => {
       this.element.style[e] = t;
     });
     /**
@@ -1096,12 +1095,12 @@ class L {
      * @param name - The name of the style to get.
      * @returns The value of the style.
      */
-    i(this, "getStyle", (e) => this.element.style[e]);
-    i(this, "makeAccessors", (e) => ({
+    o(this, "getStyle", (e) => this.element.style[e]);
+    o(this, "makeAccessors", (e) => ({
       get: Ue(e, this.element),
       set: We(e, this.element)
     }));
-    i(this, "getWindow", () => this.document.defaultView);
+    o(this, "getWindow", () => this.document.defaultView);
     this.document = e, this.element = t, this.reference = r, this.providers = n;
   }
   /**
@@ -1119,18 +1118,18 @@ class L {
 const Ge = (s) => Symbol(s), K = (s, e) => {
   const t = s(e);
   return (r = !0) => t(r);
-}, Nt = (s, e, { doc: t, clear: r, disposeWithParent: n = !0, providers: o = {} } = {}) => {
+}, Nt = (s, e, { doc: t, clear: r, disposeWithParent: n = !0, providers: i = {} } = {}) => {
   const l = typeof e == "string" ? (t ?? document).querySelector(e) : e;
   if (l === null)
     throw new Xe(
       `Cannot find element by selector for render: ${e}`
     );
   r !== !1 && (t ?? l.ownerDocument) != null && l.nodeType === 1 && (l.innerHTML = "");
-  const c = Je(l), a = ge(l) ? void 0 : l, u = L.of(c, a, o), h = K(s, u);
+  const c = Je(l), a = ge(l) ? void 0 : l, u = L.of(c, a, i), h = K(s, u);
   let g;
-  return n && (g = new MutationObserver((T) => {
+  return n && (g = new MutationObserver((y) => {
     var p;
-    (p = T[0]) == null || p.removedNodes.forEach((m) => {
+    (p = y[0]) == null || p.removedNodes.forEach((m) => {
       m === l && (g == null || g.disconnect(), h(l.nodeType !== 1));
     });
   }), g.observe(l.parentElement, {
@@ -1140,17 +1139,17 @@ const Ge = (s) => Symbol(s), K = (s, e) => {
   })), () => {
     g == null || g.disconnect(), h(!0);
   };
-}, It = (s, {
+}, $t = (s, {
   startUrl: e = "https://example.com",
   selector: t,
   providers: r = {}
 } = {
   selector: "body"
 }) => {
-  const n = y.toSignal(e).deriveProp(), o = new Ae(t, void 0), l = new D(o, void 0, { currentURL: n }, r);
+  const n = T.toSignal(e).deriveProp(), i = new Ae(t, void 0), l = new D(i, void 0, { currentURL: n }, r);
   return {
     clear: K(s(), l),
-    root: o,
+    root: i,
     currentURL: n
   };
 };
@@ -1160,94 +1159,94 @@ class Xe extends Error {
   }
 }
 const ye = "data-tts-node", q = "data-tts-class", F = "data-tts-style", B = "data-tts-html", W = "data-tts-text", U = "data-tts-attrs";
-class Rt {
+class It {
   constructor({
     select: e,
     getAttribute: t,
     setAttribute: r,
     getClass: n,
-    setClass: o,
+    setClass: i,
     getStyles: l,
     setStyles: c,
     appendHTML: a,
     getInnerHTML: u,
     setInnerHTML: h,
     getInnerText: g,
-    setInnerText: T
+    setInnerText: y
   }) {
     /**
      * 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.
      */
-    i(this, "select");
+    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.
      */
-    i(this, "getAttribute");
+    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.
      */
-    i(this, "setAttribute");
+    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.
      */
-    i(this, "getClass");
+    o(this, "getClass");
     /**
      * Sets the class of an element.
      * @param el - The element to set the class on.
      * @param cls - The class to set.
      */
-    i(this, "setClass");
+    o(this, "setClass");
     /**
      * Gets the styles of an element.
      * @param el - The element to get the styles from.
      * @returns The styles of the element.
      */
-    i(this, "getStyles");
+    o(this, "getStyles");
     /**
      * Sets the styles of an element.
      * @param el - The element to set the styles on.
      */
-    i(this, "setStyles");
+    o(this, "setStyles");
     /**
      * Appends HTML to an element.
      * @param el - The element to append the HTML to.
      * @param html - The HTML to append.
      */
-    i(this, "appendHTML");
+    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.
      */
-    i(this, "getInnerHTML");
+    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.
      */
-    i(this, "setInnerHTML");
+    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.
      */
-    i(this, "getInnerText");
+    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.
      */
-    i(this, "setInnerText");
+    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`.
@@ -1256,10 +1255,10 @@ class Rt {
      * @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.
      */
-    i(this, "setFromRoot", (e, t) => {
+    o(this, "setFromRoot", (e, t) => {
       e.getPortals().forEach((n) => {
-        const o = typeof n.selector == "string" ? this.select(n.selector) : [n.selector];
-        for (const l of o) {
+        const i = typeof n.selector == "string" ? this.select(n.selector) : [n.selector];
+        for (const l of i) {
           if (l == null)
             throw new Error(
               `Cannot find element by selector for render: ${n.selector}`
@@ -1316,11 +1315,11 @@ class Rt {
         }
       });
     });
-    this.select = e, this.getAttribute = t, this.setAttribute = r, this.getClass = n, this.setClass = o, this.getStyles = l, this.setStyles = c, this.appendHTML = a, this.getInnerHTML = u, this.setInnerHTML = h, this.getInnerText = g, this.setInnerText = T;
+    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 = u, this.setInnerHTML = h, this.getInnerText = g, this.setInnerText = y;
   }
 }
 const Ye = () => {
-  document.querySelectorAll(`[${ye}]`).forEach(j);
+  document.querySelectorAll(`[${ye}]`).forEach(V);
 }, ze = (s) => {
   const e = s.getAttribute(q);
   s.removeAttribute(q), e != null && s.setAttribute("class", e);
@@ -1356,43 +1355,43 @@ const Ye = () => {
   }
 }, it = () => {
   document.querySelectorAll(`[${U}]`).forEach((e) => nt(e));
-}, Vt = () => {
+}, Rt = () => {
   Ye(), Qe(), tt(), Ke(), rt(), it();
-}, S = Symbol("class"), w = Symbol("style"), x = Symbol("handler"), be = () => Math.random().toString(36).substring(2, 15), ot = (s) => s.replace(/<[^>]*>?/g, "");
+}, S = Symbol("class"), E = Symbol("style"), x = Symbol("handler"), be = () => Math.random().toString(36).substring(2, 15), ot = (s) => s.replace(/<[^>]*>?/g, "");
 class Se {
   constructor(e) {
-    i(this, "id", be());
-    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 ? ot(this.properties.innerHTML) : this.children.map((e) => e.getText()).join(""));
-    i(this, "removeChild", (e) => {
+    o(this, "id", be());
+    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 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[S] != null);
-    i(this, "hasStyles", () => this.properties[w] != null);
-    i(this, "hasAttributes", () => Object.keys(this.properties).length > 0);
-    i(this, "hasHandlers", () => this.properties[x] != null);
-    i(this, "hasRenderableProperties", () => this.hasClasses() || this.hasAttributes() || this.hasStyles());
-    i(this, "getById", (e) => {
+    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[S] != null);
+    o(this, "hasStyles", () => this.properties[E] != null);
+    o(this, "hasAttributes", () => Object.keys(this.properties).length > 0);
+    o(this, "hasHandlers", () => this.properties[x] != 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()) {
@@ -1401,25 +1400,25 @@ class Se {
           return r;
       }
     });
-    i(this, "trigger", (e, t) => {
+    o(this, "trigger", (e, t) => {
       ((this.properties[x] ?? {})[e] ?? []).forEach((n) => n(t));
     });
-    i(this, "click", () => {
+    o(this, "click", () => {
       this.trigger("click", {});
     });
-    i(this, "on", (e, t, r, n) => {
+    o(this, "on", (e, t, r, n) => {
       var a;
-      const o = (a = this.properties)[x] ?? (a[x] = {}), l = n != null && n.once ? (u) => {
+      const i = (a = this.properties)[x] ?? (a[x] = {}), l = n != null && n.once ? (u) => {
         c(), t(u, r);
       } : (u) => t(u, r);
-      o[e] = [...o[e] ?? [], l];
+      i[e] = [...i[e] ?? [], l];
       const c = () => {
-        const u = o[e] ?? [], h = u.indexOf(l);
-        h !== -1 && (u.splice(h, 1), u.length === 0 ? (delete o[e], Object.keys(o).length === 0 && delete this.properties[x]) : o[e] = u, (n == null ? void 0 : n.signal) != null && n.signal.removeEventListener("abort", c));
+        const u = i[e] ?? [], h = u.indexOf(l);
+        h !== -1 && (u.splice(h, 1), u.length === 0 ? (delete i[e], Object.keys(i).length === 0 && delete this.properties[x]) : i[e] = u, (n == null ? void 0 : n.signal) != null && n.signal.removeEventListener("abort", c));
       };
       return (n == null ? void 0 : n.signal) != null && n.signal.addEventListener("abort", c), c;
     });
-    i(this, "addClasses", (e) => {
+    o(this, "addClasses", (e) => {
       var r;
       if (e.length === 0)
         return;
@@ -1428,34 +1427,34 @@ class Se {
         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)[S] ?? (r[S] = []);
       e.forEach((n) => {
-        const o = t.indexOf(n);
-        o !== -1 && t.splice(o, 1);
+        const i = t.indexOf(n);
+        i !== -1 && t.splice(i, 1);
       }), t.length === 0 && delete this.properties[S];
     });
-    i(this, "getClasses", () => this.properties[S] ?? []);
-    i(this, "getAttributes", () => Object.entries(this.properties).filter(
+    o(this, "getClasses", () => this.properties[S] ?? []);
+    o(this, "getAttributes", () => Object.entries(this.properties).filter(
       ([e]) => !["innerText", "innerHTML"].includes(e)
     ));
-    i(this, "getVisibleAttributes", () => Reflect.ownKeys(this.properties).flatMap(
-      (e) => e === S ? [["class", this.getClasses()]] : e === w ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
+    o(this, "getVisibleAttributes", () => Reflect.ownKeys(this.properties).flatMap(
+      (e) => e === S ? [["class", this.getClasses()]] : e === E ? [["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)[w] ?? (n[w] = {});
-      r[e] = t, t === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[w]);
+      const r = (n = this.properties)[E] ?? (n[E] = {});
+      r[e] = t, t === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[E]);
     });
-    i(this, "getStyle", (e) => {
+    o(this, "getStyle", (e) => {
       var t;
-      return ((t = this.properties[w]) == null ? void 0 : t[e]) ?? "";
+      return ((t = this.properties[E]) == null ? void 0 : t[e]) ?? "";
     });
-    i(this, "getStyles", () => this.properties[w] ?? {});
-    i(this, "makeAccessors", (e) => {
+    o(this, "getStyles", () => this.properties[E] ?? {});
+    o(this, "makeAccessors", (e) => {
       const t = this.properties;
       return {
         get: () => t[e],
@@ -1469,12 +1468,12 @@ const lt = (s) => s.replace(/"/g, "&quot;"), ct = (s) => s.replace(/&/g, "&amp;"
 class at extends Se {
   constructor(t, r, n) {
     super(n);
-    i(this, "isPortal", () => !1);
-    i(this, "toHTML", (t = !1) => {
+    o(this, "isPortal", () => !1);
+    o(this, "toHTML", (t = !1) => {
       const r = this.children.map((a) => a.toHTML()).join(""), n = this.namespace ? ` xmlns="${this.namespace}"` : "";
-      let o = 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, g]) => `${h}: ${g};`).join(" ")}"` : ht.has(a) ? ` ${a}` : a === "innerHTML" ? (o = u, "") : a === "innerText" ? (o = ct(u), "") : ` ${a}="${lt(u)}"`).join(""), c = t ? ` ${ye}` : "";
-      return ft.has(this.tagName) && r === "" ? `<${this.tagName}${n}${l}${c} />` : `<${this.tagName}${n}${l}${c}>${o ?? r}</${this.tagName}>`;
+      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, g]) => `${h}: ${g};`).join(" ")}"` : ht.has(a) ? ` ${a}` : a === "innerHTML" ? (i = u, "") : a === "innerText" ? (i = ct(u), "") : ` ${a}="${lt(u)}"`).join(""), c = t ? ` ${ye}` : "";
+      return ft.has(this.tagName) && r === "" ? `<${this.tagName}${n}${l}${c} />` : `<${this.tagName}${n}${l}${c}>${i ?? r}</${this.tagName}>`;
     });
     this.tagName = t, this.namespace = r;
   }
@@ -1482,32 +1481,32 @@ class at extends Se {
 class Ae extends Se {
   constructor(t, r) {
     super(r);
-    i(this, "isPortal", () => !0);
-    i(this, "toHTML", () => "");
-    i(this, "contentToHTML", (t = !1) => this.children.map((r) => r.toHTML(t)).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 ut {
   constructor(e) {
-    i(this, "id", be());
-    i(this, "isElement", () => !1);
-    i(this, "isText", () => !0);
-    i(this, "getText", () => this.text);
-    i(this, "toHTML", () => this.text);
+    o(this, "id", be());
+    o(this, "isElement", () => !1);
+    o(this, "isText", () => !0);
+    o(this, "getText", () => this.text);
+    o(this, "toHTML", () => this.text);
     this.text = e;
   }
 }
 class D {
   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) => {
+    o(this, "makeChildElement", (e, t) => {
       const r = new at(e, t, this.element);
       return this.appendOrInsert(r), new D(
         r,
@@ -1516,7 +1515,7 @@ class D {
         this.providers
       );
     });
-    i(this, "makeChildText", (e) => {
+    o(this, "makeChildText", (e) => {
       const t = new ut(e);
       return this.appendOrInsert(t), new D(
         this.element,
@@ -1525,15 +1524,15 @@ class D {
         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) => {
+    o(this, "makeRef", () => this.makeChildText(""));
+    o(this, "makePortal", (e) => {
       const t = new Ae(e, this.element);
       return this.appendOrInsert(t), new D(
         t,
@@ -1549,30 +1548,30 @@ class D {
      * @param value - The provider to set for the given mark.
      * @returns A new `DOMContext` instance with the specified provider.
      */
-    i(this, "setProvider", (e, t, r) => new D(this.element, this.reference, this.container, {
+    o(this, "setProvider", (e, t, r) => new D(this.element, this.reference, this.container, {
       ...this.providers,
       [e]: [t, r]
     }));
-    i(this, "getProvider", (e) => {
+    o(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
         throw new me(e);
       const [t, r] = this.providers[e];
       return { value: t, onUse: r };
     });
-    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, this));
-    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, "isBrowser", () => !1);
-    i(this, "isHeadlessDOM", () => !0);
-    i(this, "isHeadless", () => !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, this));
+    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, "isBrowser", () => !1);
+    o(this, "isHeadlessDOM", () => !0);
+    o(this, "isHeadless", () => !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;
   }
 }
@@ -1583,36 +1582,36 @@ const ht = /* @__PURE__ */ new Set([
   "readonly",
   "required",
   "selected"
-]), ft = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), ve = (s) => (e) => e.makeChildText(s).clear, _e = (s) => (e) => {
+]), ft = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), _e = (s) => (e) => e.makeChildText(s).clear, ve = (s) => (e) => {
   const t = e.makeChildText(s.value), r = s.on(t.setText);
   return (n) => {
     r(), t.clear(n);
   };
-}, jt = (s) => d.is(s) ? _e(s) : ve(s), b = (...s) => (e) => {
+}, jt = (s) => d.is(s) ? ve(s) : _e(s), b = (...s) => (e) => {
   const t = s.map((r) => f(r)(e));
   return (r) => {
     t.forEach((n) => n(r));
   };
-}, _ = () => () => {
+}, v = () => () => {
 }, 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((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;
   };
 }, k = (s, e) => (t) => {
-  const { get: r, set: n } = t.makeAccessors(s), o = r();
+  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);
+}, N = (s, e) => (t) => {
+  const { get: r, set: n } = t.makeAccessors(s), i = r(), l = e.on(n);
   return (c) => {
-    l(), c && n(o);
+    l(), c && n(i);
   };
 }, O = new Proxy(
   {},
@@ -1631,7 +1630,7 @@ const ht = /* @__PURE__ */ new Set([
     get: (s, e) => e === "class" ? (t) => d.is(t) ? pt(t) : dt(
       /* c8 ignore next */
       (t ?? "").split(" ").filter((r) => r.length > 0)
-    ) : (t) => d.is(t) ? $(
+    ) : (t) => d.is(t) ? N(
       e,
       t
     ) : k(
@@ -1639,7 +1638,7 @@ const ht = /* @__PURE__ */ new Set([
       t
     )
   }
-), qt = new Proxy(
+), Vt = new Proxy(
   {},
   {
     /**
@@ -1650,12 +1649,12 @@ const ht = /* @__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) ? N(
       `data-${e}`,
       t
     ) : k(`data-${e}`, t)
   }
-), Ft = new Proxy(
+), qt = new Proxy(
   {},
   {
     /**
@@ -1666,7 +1665,7 @@ const ht = /* @__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) ? N(
       `aria-${e}`,
       t
     ) : k(
@@ -1674,7 +1673,7 @@ const ht = /* @__PURE__ */ new Set([
       t
     )
   }
-), Bt = new Proxy(
+), Ft = new Proxy(
   {},
   {
     /**
@@ -1685,7 +1684,7 @@ const ht = /* @__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) ? N(
       e,
       t
     ) : k(
@@ -1693,7 +1692,7 @@ const ht = /* @__PURE__ */ new Set([
       t
     )
   }
-), Wt = new Proxy(
+), Bt = new Proxy(
   {},
   {
     /**
@@ -1703,7 +1702,7 @@ const ht = /* @__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) ? N(
       e,
       t
     ) : k(
@@ -1713,27 +1712,27 @@ const ht = /* @__PURE__ */ new Set([
   }
 ), f = (s) => {
   if (s == null)
-    return _;
+    return v;
   if (Array.isArray(s))
     return b(...s.map(f));
   if (typeof s == "string")
-    return ve(s);
-  if (d.is(s))
     return _e(s);
+  if (d.is(s))
+    return ve(s);
   if (typeof s == "function")
     return s;
   throw new Error(`Unknown type: '${typeof s}' for child: ${s}`);
-}, we = (s, ...e) => (t) => {
-  const r = t.makeChildElement(s, void 0), n = e.map((o) => f(o)(r));
-  return (o) => {
-    n.forEach((l) => l(!1)), r.clear(o);
+}, Ee = (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);
   };
-}, Ee = (s, e, ...t) => (r) => {
-  const n = r.makeChildElement(s, e), o = t.map((l) => f(l)(n));
+}, we = (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((c) => c(!1)), n.clear(l);
   };
-}, Ut = new Proxy(
+}, Wt = new Proxy(
   {},
   {
     /**
@@ -1741,9 +1740,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: (s, e) => (...t) => we(e, t.flatMap(f))
+    get: (s, e) => (...t) => Ee(e, t.flatMap(f))
   }
-), Jt = new Proxy(
+), Ut = new Proxy(
   {},
   {
     /**
@@ -1751,9 +1750,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: (s, e) => (...t) => we("input", O.type(e), ...t)
+    get: (s, e) => (...t) => Ee("input", O.type(e), ...t)
   }
-), gt = "http://www.w3.org/2000/svg", Gt = new Proxy(
+), gt = "http://www.w3.org/2000/svg", Jt = new Proxy(
   {},
   {
     /**
@@ -1761,9 +1760,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: (s, e) => (...t) => Ee(e, gt, t.flatMap(f))
+    get: (s, e) => (...t) => we(e, gt, t.flatMap(f))
   }
-), mt = "http://www.w3.org/1998/Math/MathML", Xt = new Proxy(
+), mt = "http://www.w3.org/1998/Math/MathML", Gt = new Proxy(
   {},
   {
     /**
@@ -1771,15 +1770,15 @@ 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: (s, e) => (...t) => Ee(e, mt, t.flatMap(f))
+    get: (s, e) => (...t) => we(e, mt, t.flatMap(f))
   }
 ), Ce = (s, e) => {
   if (typeof e == "function")
     return Ce(s, { then: e });
-  const t = e.pending != null ? f(e.pending()) : _, r = e.then, n = e.error != null ? (o) => f(e.error(o)) : () => _;
-  return (o) => {
+  const t = e.pending != null ? f(e.pending()) : v, r = e.then, n = e.error != null ? (i) => f(e.error(i)) : () => v;
+  return (i) => {
     let l = !0;
-    const c = s(), a = o.makeRef();
+    const c = s(), a = i.makeRef();
     let u = f(t)(a);
     return c.then(
       (h) => {
@@ -1792,7 +1791,7 @@ const ht = /* @__PURE__ */ new Set([
       l = !1, u(h), a.clear(h);
     };
   };
-}, Yt = (s, e) => Ce(() => s, e), xe = (s, e, t) => (r) => r.on(s, e, t), yt = (s) => xe("click", (e, t) => {
+}, Xt = (s, e) => Ce(() => s, e), xe = (s, e, t) => (r) => r.on(s, e, t), yt = (s) => xe("click", (e, t) => {
   e.preventDefault();
   const r = e.target;
   setTimeout(() => {
@@ -1825,7 +1824,7 @@ const ht = /* @__PURE__ */ new Set([
     Number(r[2].substring(0, 2))
   );
   s(n);
-}, zt = (s) => (e) => {
+}, Yt = (s) => (e) => {
   const t = e.target;
   if (t.value === "") {
     s(null);
@@ -1841,13 +1840,13 @@ const ht = /* @__PURE__ */ new Set([
   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);
-}, Qt = (s) => (e) => {
+  i.setHours(Number(l[0])), i.setMinutes(Number(l[1])), i.setSeconds(Number(l[2])), s(i);
+}, zt = (s) => (e) => {
   const t = e.target;
   if (t.value === "") {
     s(null);
@@ -1858,84 +1857,84 @@ const ht = /* @__PURE__ */ new Set([
     s(null);
     return;
   }
-  const n = r[0].split("-"), o = new Date(
+  const 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] ?? 0)), o.setMinutes(Number(l[1] ?? 0)), o.setSeconds(Number(l[2] ?? 0)), s(o);
-}, Zt = (s) => (e) => {
+  i.setHours(Number(l[0] ?? 0)), i.setMinutes(Number(l[1] ?? 0)), i.setSeconds(Number(l[2] ?? 0)), s(i);
+}, Qt = (s) => (e) => {
   const t = e.target;
   s(t.checked);
-}, Kt = (s) => (e) => {
+}, Zt = (s) => (e) => {
   e.preventDefault(), s();
-}, es = (s) => (e) => {
+}, Kt = (s) => (e) => {
   e.stopPropagation(), s();
-}, ts = (s) => (e) => {
+}, es = (s) => (e) => {
   e.stopImmediatePropagation(), s();
-}, ss = (s, e = "input") => b(O.valueAsDate(s), X[e](St(s.set))), rs = (s, e = "input") => b(O.valueAsDate(s), X[e](At(s.set))), ns = (s, e = "input") => b(O.valueAsNumber(s), X[e](bt(s.set))), is = (s, e = "input") => b(O.value(s), X[e](Tt(s.set))), os = (s) => b(O.checked(s), yt(s.set)), Y = (s, e) => {
+}, ts = (s, e = "input") => b(O.valueAsDate(s), X[e](St(s.set))), ss = (s, e = "input") => b(O.valueAsDate(s), X[e](At(s.set))), rs = (s, e = "input") => b(O.valueAsNumber(s), X[e](bt(s.set))), ns = (s, e = "input") => b(O.value(s), X[e](Tt(s.set))), is = (s) => b(O.checked(s), yt(s.set)), Y = (s, e) => {
   if (d.is(s))
     return (r) => {
       const n = r.makeRef();
-      let o, l;
+      let i, l;
       const c = s.map((h) => Object.keys(h)[0]);
       let a;
       const u = c.on((h) => {
         if (h !== a) {
-          a = h, l == null || l.dispose(), o == null || o(!0), l = s.map((T) => T[h]);
+          a = h, l == null || l.dispose(), i == null || i(!0), l = s.map((y) => y[h]);
           const g = e[h](l);
-          o = f(g)(n);
+          i = f(g)(n);
         }
       });
       return (h) => {
-        l == null || l.dispose(), u(), 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 f(e[t](G(s[t])));
 }, Pe = (s, e, t) => Y(
-  y.map(s, (r) => ({ [r[e]]: r })),
+  T.map(s, (r) => ({ [r[e]]: r })),
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   t
-), ls = (s, e) => Pe(s, "kind", e), cs = (s, e) => {
-  const t = y.map(s, ([r, n]) => ({ [r]: n }));
+), os = (s, e) => Pe(s, "kind", e), ls = (s, e) => {
+  const t = T.map(s, ([r, n]) => ({ [r]: n }));
   return Y(t, e);
-}, as = (s, e) => Pe(s, "type", e), vt = (s, e) => Y(
-  y.map(s, (t) => ({ [t]: !0 })),
+}, cs = (s, e) => Pe(s, "type", e), _t = (s, e) => Y(
+  T.map(s, (t) => ({ [t]: !0 })),
   e
-), us = (s, e = {}) => (t) => {
+), as = (s, e = {}) => (t) => {
   const r = (e == null ? void 0 : e.firstSeparator) ?? s, n = (e == null ? void 0 : e.lastSeparator) ?? s;
-  return vt(
-    t.map((o) => o.isFirst ? "first" : o.isLast ? "last" : "other"),
+  return _t(
+    t.map((i) => i.isFirst ? "first" : i.isLast ? "last" : "other"),
     {
       first: r,
       last: n,
       other: s
     }
   );
-}, hs = (s) => (e) => (e.appendOrInsert(s), (t) => {
-  t && j(s);
-}), _t = (s, e, t) => {
+}, us = (s) => (e) => (e.appendOrInsert(s), (t) => {
+  t && V(s);
+}), hs = (s, e, t) => {
   if (d.is(s)) {
     const r = s;
     return (n) => {
-      const o = n.makeRef();
+      const i = n.makeRef();
       let l = () => {
       }, c = !1, a = null;
       const u = r.on((h) => {
-        h == null ? (l(!0), l = f((t == null ? void 0 : t()) ?? _)(o), c = !1, a == null || a.dispose(), a = null) : (a == null ? a = v(h) : a.value = h, c || (l(!0), l = f(e(a))(
-          o
-        ), c = !0));
+        h == null ? (l(!0), l = f(t == null ? void 0 : t())(i), c = !1, a == null || a.dispose(), a = null) : c ? a.set(h) : (a = _(h), l(!0), l = f(e(a))(
+          i
+        ), c = !0);
       });
       return (h) => {
-        a == null || a.dispose(), u(), l == null || l(h), o.clear(h);
+        a == null || a.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 ? f(n) : _;
+      return n != null ? f(n) : v;
     }
     return f(e(G(r)));
   }
@@ -1944,17 +1943,17 @@ const ht = /* @__PURE__ */ new Set([
   if (s.some(
     (p) => !d.is(p) && p == null
   ))
-    return (t != null ? f(t == null ? void 0 : t()) : _)(
+    return (t != null ? f(t == null ? void 0 : t()) : v)(
       n
     );
   const l = s.map(() => null), c = s.map(
     (p) => d.is(p) ? p.value != null : p != null
   );
   let a = null;
-  const u = v(c.every((p) => p)), h = (p, m) => {
+  const u = _(c.every((p) => p)), h = (p, m) => {
     if (p.value != null) {
       if (l[m] == null) {
-        const C = v(p.value);
+        const C = _(p.value);
         l[m] = C;
       } else
         l[m].value = p.value;
@@ -1963,9 +1962,9 @@ const ht = /* @__PURE__ */ new Set([
       c[m] = !1;
   };
   let g = s.length - 1;
-  const T = s.map((p, m) => {
+  const y = s.map((p, m) => {
     if (!d.is(p)) {
-      const C = v(p);
+      const C = _(p);
       return l[m] = C, () => {
       };
     }
@@ -1974,16 +1973,33 @@ const ht = /* @__PURE__ */ new Set([
     });
   });
   return u.on((p) => {
-    a == null || a(!0), a = null, p ? a = f(e(...l))(n) : a = f((t == null ? void 0 : t()) ?? _)(n);
+    a == null || a(!0), a = null, p ? a = f(e(...l))(n) : a = f((t == null ? void 0 : t()) ?? v)(n);
   }), (p) => {
-    l.forEach((m) => m == null ? void 0 : m.dispose()), u.dispose(), T.forEach((m) => m()), a == null || a(p), n.clear(p);
+    l.forEach((m) => m == null ? void 0 : m.dispose()), u.dispose(), y.forEach((m) => m()), a == null || a(p), n.clear(p);
   };
-}, M = (...s) => (e) => (t) => s.forEach((r) => r(t, e)), Le = (s, e, t) => _t(
-  y.map(s, (r) => r ? !0 : null),
-  e,
-  t ?? void 0
-), ds = (s, e, t) => Le(
-  y.map(s, (r) => !r),
+}, M = (...s) => (e) => (t) => s.forEach((r) => r(t, e)), Le = (s, e, t) => {
+  if (d.is(s)) {
+    const r = s;
+    return (n) => {
+      const i = n.makeRef();
+      let l = () => {
+      };
+      const c = r.on((a) => {
+        l(!0), a ? l = f(e())(i) : l = f(t == null ? void 0 : t())(i);
+      });
+      return (a) => {
+        l(a), c(), i.clear(a);
+      };
+    };
+  } else {
+    if (s) {
+      const n = e();
+      return n != null ? f(n) : v;
+    }
+    return f(t == null ? void 0 : t());
+  }
+}, ds = (s, e, t) => Le(
+  T.map(s, (r) => !r),
   e,
   t
 ), De = (s, e, t) => {
@@ -1991,21 +2007,21 @@ const ht = /* @__PURE__ */ new Set([
     return De(s, (r) => {
       const n = new Q(
         r.index,
-        r.total.map((o) => o - 1)
+        r.total.map((i) => i - 1)
       );
       return b(
         M(n.dispose),
         f(e(r)),
         Le(
           r.isLast,
-          () => _,
+          () => v,
           () => t(n)
         )
       );
     });
   if (d.is(s))
     return (r) => {
-      const n = s.derive(), o = r.makeRef(), l = [];
+      const n = s.derive(), i = r.makeRef(), l = [];
       return n.on((c) => {
         const a = l.splice(c);
         for (const u of a)
@@ -2016,37 +2032,37 @@ const ht = /* @__PURE__ */ new Set([
             b(
               M(h.dispose),
               f(e(h))
-            )(o)
+            )(i)
           );
         }
       }), (c) => {
         n.dispose();
         for (const a of l)
           a(c);
-        l.length = 0, o.clear(c);
+        l.length = 0, i.clear(c);
       };
     };
   {
     const r = G(s);
     return b(
-      ...Array.from({ length: s }, (n, o) => o).map((n) => {
-        const o = new Q(n, r);
+      ...Array.from({ length: s }, (n, i) => i).map((n) => {
+        const i = new Q(n, r);
         return b(
-          M(o.dispose),
-          f(e(o))
+          M(i.dispose),
+          f(e(i))
         );
       })
     );
   }
 }, ps = (s, e, t) => {
-  const r = y.map(s, (o) => o.length), n = y.toSignal(s);
+  const r = T.map(s, (i) => i.length), n = T.toSignal(s);
   return De(
     r,
-    (o) => {
-      const l = n.map((c) => c[o.index]);
+    (i) => {
+      const l = n.map((c) => c[i.index]);
       return b(
         M(l.dispose),
-        f(e(l, o))
+        f(e(l, i))
       );
     },
     t
@@ -2057,19 +2073,19 @@ const ht = /* @__PURE__ */ new Set([
     return (r) => {
       r = r.makeRef();
       const n = t.map((c) => f(e(c)));
-      let o = () => {
+      let i = () => {
       };
       const l = n.on((c) => {
-        o(!0), o = c(r);
+        i(!0), i = c(r);
       });
       return (c) => {
-        l(), o(c);
+        l(), i(c);
       };
     };
   }
   return f(e(s));
-}, ms = (s, e, t = () => _) => Y(
-  y.map(
+}, ms = (s, e, t = () => v) => Y(
+  T.map(
     s,
     (r) => r.length > 0 ? { notEmpty: r } : { whenEmpty: null }
   ),
@@ -2080,7 +2096,7 @@ const ht = /* @__PURE__ */ new Set([
 ), ys = (s, e) => (t) => {
   const r = t.makePortal(s), n = K(f(e), r);
   return () => n(!0);
-}, R = /* @__PURE__ */ new Map(), wt = (s) => ({
+}, R = /* @__PURE__ */ new Map(), vt = (s) => ({
   mark: Ge(`Probe(${s.description})`),
   create: ({ callback: e = () => {
   }, timeout: t = 10 } = {}) => {
@@ -2089,26 +2105,26 @@ const ht = /* @__PURE__ */ new Set([
     };
     if (R.has(s))
       throw new Error(`Probe already exists: ${s.description}`);
-    const n = setTimeout(() => r("timeout"), t), o = { counter: 0, timeoutId: n };
-    return R.set(s, o), {
+    const n = setTimeout(() => r("timeout"), t), i = { counter: 0, timeoutId: n };
+    return R.set(s, i), {
       value: () => {
         clearTimeout(n);
         const c = R.get(s);
         c != null && --c.counter === 0 && r("resolved");
       },
       dispose: () => r("disposed"),
-      onUse: () => o.counter++
+      onUse: () => i.counter++
     };
   }
-}), Ts = wt(Symbol("GlobalProbe")), Et = (s, e) => (t) => {
+}), Ts = vt(Symbol("GlobalProbe")), Et = (s, e) => (t) => {
   const r = t.getStyle(s);
   return t.setStyle(s, e), (n) => {
     n && t.setStyle(s, r);
   };
-}, Ct = (s, e) => (t) => {
-  const r = t.getStyle(s);
-  return e.on((n) => t.setStyle(s, n)), (n) => {
-    n && t.setStyle(s, r);
+}, wt = (s, e) => (t) => {
+  const r = t.getStyle(s), n = e.on((i) => t.setStyle(s, i));
+  return (i) => {
+    n(), i && t.setStyle(s, r);
   };
 }, bs = new Proxy(
   {},
@@ -2121,9 +2137,9 @@ const ht = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => d.is(t) ? Ct(e, t) : Et(e, t)
+    get: (s, e) => (t) => d.is(t) ? wt(e, t) : Et(e, t)
   }
-), xt = (s) => (e) => {
+), Ct = (s) => (e) => {
   if (e.isBrowser()) {
     const t = s(e);
     if (t != null)
@@ -2135,7 +2151,7 @@ const ht = /* @__PURE__ */ new Set([
   const t = s(e);
   return t == null ? () => {
   } : f(t)(e);
-}, As = (s) => xt((e) => s(e.element)), vs = (s) => (e) => {
+}, As = (s) => Ct((e) => s(e.element)), _s = (s) => (e) => {
   if (e.isHeadlessDOM()) {
     const t = s(e);
     if (t)
@@ -2151,47 +2167,47 @@ const ht = /* @__PURE__ */ new Set([
   function n(c) {
     t = c;
   }
-  const o = [], l = s({
+  const i = [], l = s({
     use: ({ mark: c }) => {
       const { value: a, onUse: u } = r().getProvider(c);
       return u == null || u(), a;
     },
     set: ({ mark: c, create: a }, u) => {
-      const { value: h, dispose: g, onUse: T } = a(u, r());
-      o.push(g), n(r().setProvider(c, h, T));
+      const { value: h, dispose: g, onUse: y } = a(u, r());
+      i.push(g), n(r().setProvider(c, h, y));
     }
   });
   return l == null ? () => {
   } : b(
     f(l),
-    M(() => o.forEach((c) => c()))
+    M(() => i.forEach((c) => c()))
   )(r());
-}, _s = (s, e, t) => ee(({ set: r }) => (r(s, e), t())), ws = (s, e) => ee(({ use: t }) => e(t(s))), Es = (...s) => (e) => ee(({ use: t }) => {
+}, vs = (s, e, t) => ee(({ set: r }) => (r(s, e), t())), Es = (s, e) => ee(({ use: t }) => e(t(s))), ws = (...s) => (e) => ee(({ use: t }) => {
   const r = s.map(t);
   return e(...r);
 });
 export {
-  Yt as Async,
-  os as BindChecked,
-  ss as BindDate,
-  rs as BindDateTime,
-  ns as BindNumber,
-  is as BindText,
+  Xt as Async,
+  is as BindChecked,
+  ts as BindDate,
+  ss as BindDateTime,
+  rs as BindNumber,
+  ns as BindText,
   L as BrowserContext,
   q as CLASS_PLACEHOLDER_ATTR,
   P as Computed,
-  us as Conjunction,
-  hs as DOMNode,
-  we as El,
-  Ee as ElNS,
+  as as Conjunction,
+  us as DOMNode,
+  Ee as El,
+  we as ElNS,
   Q as ElementPosition,
-  _ as Empty,
-  _t as Ensure,
+  v as Empty,
+  hs as Ensure,
   fs as EnsureAll,
   ps as ForEach,
   b as Fragment,
   Ts as GlobalProbe,
-  Rt as HeadlessAdapter,
+  It as HeadlessAdapter,
   D as HeadlessContext,
   at as HeadlessElement,
   Ae as HeadlessPortal,
@@ -2203,13 +2219,13 @@ export {
   M as OnDispose,
   Y as OneOf,
   Pe as OneOfField,
-  ls as OneOfKind,
-  cs as OneOfTuple,
-  as as OneOfType,
-  vt as OneOfValue,
+  os as OneOfKind,
+  ls as OneOfTuple,
+  cs as OneOfType,
+  _t as OneOfValue,
   ys as Portal,
-  V as Prop,
-  _s as Provide,
+  j as Prop,
+  vs as Provide,
   me as ProviderNotFoundError,
   Xe as RenderingError,
   De as Repeat,
@@ -2217,70 +2233,70 @@ export {
   Ce as Task,
   jt as TextNode,
   ds as Unless,
-  ws as Use,
-  Es as UseMany,
-  y as Value,
+  Es as Use,
+  ws as UseMany,
+  T as Value,
   Le as When,
-  xt as WithBrowserCtx,
+  Ct as WithBrowserCtx,
   Ss as WithCtx,
   As as WithElement,
-  vs as WithHeadlessCtx,
+  _s as WithHeadlessCtx,
   ee as WithProvider,
   ye as _NODE_PLACEHOLDER_ATTR,
   Je as _getSelfOrParentElement,
   ge as _isElement,
   Ue as _makeGetter,
   We as _makeSetter,
-  j as _removeDOMNode,
-  _e as _signalText,
-  ve as _staticText,
-  Ht as animateSignal,
+  V as _removeDOMNode,
+  ve as _signalText,
+  _e as _staticText,
+  Mt as animateSignal,
   Fe as animateSignals,
-  Ft as aria,
+  qt as aria,
   O as attr,
   Z as computed,
   qe as computedOf,
   Be as computedRecord,
-  qt as dataAttr,
-  $t as delaySignal,
-  je as effect,
-  Dt as effectOf,
-  Zt as emitChecked,
-  Kt as emitPreventDefault,
-  ts as emitStopImmediatePropagation,
-  es as emitStopPropagation,
+  Vt as dataAttr,
+  kt as delaySignal,
+  Ve as effect,
+  Lt as effectOf,
+  Qt as emitChecked,
+  Zt as emitPreventDefault,
+  es as emitStopImmediatePropagation,
+  Kt as emitStopPropagation,
   Tt as emitValue,
   St as emitValueAsDate,
   At as emitValueAsDateTime,
-  zt as emitValueAsNullableDate,
-  Qt as emitValueAsNullableDateTime,
+  Yt as emitValueAsNullableDate,
+  zt as emitValueAsNullableDateTime,
   bt as emitValueAsNumber,
   Ie as endInterpolate,
   le as getWindow,
   Re as guessInterpolate,
-  Ut as html,
-  Jt as input,
-  Ne as interpolateDate,
+  Wt as html,
+  Ut as input,
+  $e as interpolateDate,
   ke as interpolateNumber,
-  $e as interpolateString,
-  Lt as joinSignals,
-  Ot as localStorageProp,
-  wt as makeProbe,
+  Ne as interpolateString,
+  Pt as joinSignals,
+  Dt as localStorageProp,
+  vt as makeProbe,
   Ge as makeProviderMark,
-  Xt as math,
-  Wt as mathAttr,
-  kt as merge,
+  Gt as math,
+  Bt as mathAttr,
+  Ht as merge,
   X as on,
-  v as prop,
+  _ as prop,
   Nt as render,
   K as renderWithContext,
   f as renderableOfTNode,
-  Vt as restoreTempoPlaceholders,
-  It as runHeadless,
-  Mt as sessionStorageProp,
+  Rt as restoreTempoPlaceholders,
+  $t as runHeadless,
+  Ot as sessionStorageProp,
   G as signal,
   ae as storedProp,
   bs as style,
-  Gt as svg,
-  Bt as svgAttr
+  Jt as svg,
+  Ft as svgAttr
 };