@tempots/dom 26.7.5 → 26.9.0

package/index.js

@@ -3,17 +3,17 @@ var se = (s) => {
   throw TypeError(s);
 };
 var He = (s, e, t) => e in s ? Oe(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var o = (s, e, t) => He(s, typeof e != "symbol" ? e + "" : e, t), re = (s, e, t) => e.has(s) || se("Cannot " + t);
+var i = (s, e, t) => He(s, typeof e != "symbol" ? e + "" : e, t), re = (s, e, t) => e.has(s) || se("Cannot " + t);
 var X = (s, e, t) => (re(s, e, "read from private field"), t ? t.call(s) : e.get(s)), ne = (s, e, t) => e.has(s) ? se("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), ie = (s, e, t, r) => (re(s, e, "write to private field"), r ? r.call(s, t) : e.set(s, t), t);
 const Ne = (s, e, t) => s + (e - s) * t;
 const $e = (s, e, t) => {
   const r = Math.max(s.length, e.length);
   let n = "";
-  for (let i = 0; i < r; i++) {
-    let l = s.charCodeAt(i);
-    isNaN(l) && (l = 97);
-    let c = e.charCodeAt(i);
-    isNaN(c) && (c = 97), n += String.fromCharCode(l + (c - l) * t);
+  for (let l = 0; l < r; l++) {
+    let o = s.charCodeAt(l);
+    isNaN(o) && (o = 97);
+    let c = e.charCodeAt(l);
+    isNaN(c) && (c = 97), n += String.fromCharCode(o + (c - o) * t);
   }
   return n;
 }, ke = (s, e, t) => new Date(s.getTime() + (e.getTime() - s.getTime()) * t), Ie = (s, e) => e, Re = (s) => typeof s == "number" ? Ne : typeof s == "string" ? $e : s instanceof Date ? ke : Ie;
@@ -28,24 +28,24 @@ class Y {
     /**
      * The counter of the element starting from 1.
      */
-    o(this, "counter");
+    i(this, "counter");
     /**
      * Checks if the element is the first element in the collection.
      * @returns `true` if the element is the first element, `false` otherwise.
      */
-    o(this, "isFirst");
+    i(this, "isFirst");
     /**
      * Checks if the counter of the element is even.
      * @returns `true` if the counter is even, `false` otherwise.
      */
-    o(this, "isEven");
+    i(this, "isEven");
     /**
      * Checks if the counter of the element is odd.
      * @returns `true` if the counter is odd, `false` otherwise.
      */
-    o(this, "isOdd");
+    i(this, "isOdd");
     ne(this, D);
-    o(this, "dispose", () => {
+    i(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;
@@ -71,33 +71,33 @@ const O = class O {
     /**
      * @internal
      */
-    o(this, "$__signal__", !0);
+    i(this, "$__signal__", !0);
     /**
      * @internal
      */
-    o(this, "_value");
+    i(this, "_value");
     /**
      * @internal
      */
-    o(this, "_derivatives", []);
+    i(this, "_derivatives", []);
     /**
      * @internal
      */
-    o(this, "_onValueListeners", []);
+    i(this, "_onValueListeners", []);
     /**
      * @internal
      */
-    o(this, "_onDisposeListeners", []);
+    i(this, "_onDisposeListeners", []);
     /**
      * Gets the current value of the signal.
      * @returns The current value of the signal.
      */
-    o(this, "get", () => this._value);
+    i(this, "get", () => this._value);
     /**
      * Checks if the signal has any registered listeners.
      * @returns `true` if the signal has listeners, `false` otherwise.
      */
-    o(this, "hasListeners", () => this._onValueListeners.length > 0);
+    i(this, "hasListeners", () => this._onValueListeners.length > 0);
     /**
      * Registers a listener function to be called whenever the value of the signal changes.
      * The listener function will be immediately called with the current value of the signal.
@@ -106,10 +106,10 @@ const O = class O {
      * @param listener - The listener function to be called when the value of the signal changes.
      * @param options - Options for the listener.
      */
-    o(this, "on", (e, t = {}) => {
+    i(this, "on", (e, t = {}) => {
       t.skipInitial || e(this.get(), void 0);
-      const r = t.once ? (i, l) => {
-        n(), e(i, l);
+      const r = t.once ? (l, o) => {
+        n(), e(l, o);
       } : e;
       this._onValueListeners.push(r);
       const n = () => {
@@ -123,32 +123,32 @@ const O = class O {
     /**
      * @internal
      */
-    o(this, "_setAndNotify", (e, t) => {
+    i(this, "_setAndNotify", (e, t) => {
       if (this._disposed) return;
       const r = this._value, n = this.equals(r, e);
-      n || (this._value = e), (t || !n) && this._onValueListeners.forEach((i) => i(e, r));
+      n || (this._value = e), (t || !n) && this._onValueListeners.forEach((l) => l(e, r));
     });
     /**
      * @internal
      */
-    o(this, "_disposed", !1);
+    i(this, "_disposed", !1);
     /**
      * Checks whether the signal is disposed.
      * @returns True if the signal is disposed, false otherwise.
      */
-    o(this, "isDisposed", () => this._disposed);
+    i(this, "isDisposed", () => this._disposed);
     /**
      * Adds a listener function to be called when the object is disposed.
      * @param listener - The listener function to be called when the object is disposed.
      * @returns A function that can be called to remove the listener.
      */
-    o(this, "onDispose", (e) => {
+    i(this, "onDispose", (e) => {
       this._onDisposeListeners.push(e);
     });
     /**
      * Disposes the signal, releasing any resources associated with it.
      */
-    o(this, "dispose", () => {
+    i(this, "dispose", () => {
       this._disposed || (this._disposed = !0, this._onDisposeListeners.forEach((e) => e()), this._onDisposeListeners.length = 0, this._derivatives.length = 0);
     });
     /**
@@ -160,7 +160,7 @@ const O = class O {
      * @param equals - Optional equality function to determine if two mapped values are equal.
      * @returns - A new Computed instance with the mapped value.
      */
-    o(this, "map", (e, t = (r, n) => r === n) => {
+    i(this, "map", (e, t = (r, n) => r === n) => {
       const r = new x(() => {
         try {
           return e(this.get());
@@ -180,7 +180,7 @@ const O = class O {
      *               Defaults to a strict equality check (===).
      * @returns A new Signal that emits the values of the resulting Signal.
      */
-    o(this, "flatMap", (e, t = (r, n) => r === n) => {
+    i(this, "flatMap", (e, t = (r, n) => r === n) => {
       const r = new x(() => {
         try {
           return e(this.get()).get();
@@ -196,26 +196,26 @@ const O = class O {
      * @param fn - The callback function to be invoked with the current value of the signal.
      * @returns A new signal that emits the same value as the original signal and invokes the callback function.
      */
-    o(this, "tap", (e) => this.map((t) => (e(t), t)));
+    i(this, "tap", (e) => this.map((t) => (e(t), t)));
     /**
      * Returns a new Signal that emits the value at the specified key of the current value.
      *
      * @param key - The key of the value to retrieve.
      * @returns A new Signal that emits the value at the specified key.
      */
-    o(this, "at", (e) => this.map((t) => t[e]));
+    i(this, "at", (e) => this.map((t) => t[e]));
     /**
      * @internal
      */
-    o(this, "_$");
-    o(this, "filter", (e, t) => {
+    i(this, "_$");
+    i(this, "filter", (e, t) => {
       let r = t ?? this.get();
       const n = new x(() => {
         try {
-          const i = this.get();
-          return r = e(i) ? i : r;
-        } catch (i) {
-          throw console.error("Error in Signal.filter:", i), i;
+          const l = this.get();
+          return r = e(l) ? l : r;
+        } catch (l) {
+          throw console.error("Error in Signal.filter:", l), l;
         }
       }, this.equals);
       return this.setDerivative(n), n;
@@ -230,17 +230,17 @@ const O = class O {
      * @param equals - Optional equality function to determine if two values are equal.
      * @returns - A new Computed object with the mapped and filtered values.
      */
-    o(this, "filterMap", (e, t, r = (n, i) => n === i) => {
+    i(this, "filterMap", (e, t, r = (n, l) => n === l) => {
       let n = t;
-      const i = new x(() => {
+      const l = new x(() => {
         try {
-          const l = this.get(), c = e(l);
+          const o = this.get(), c = e(o);
           return n = c ?? n;
-        } catch (l) {
-          throw console.error("Error in Signal.filterMap:", l), l;
+        } catch (o) {
+          throw console.error("Error in Signal.filterMap:", o), o;
         }
       }, r);
-      return this.setDerivative(i), i;
+      return this.setDerivative(l), l;
     });
     /**
      * Maps the values emitted by the signal to a new value asynchronously using the provided function.
@@ -255,25 +255,25 @@ const O = class O {
      * @param equals - The equality function to compare the mapped values for equality.
      * @returns A property that holds the mapped value and can be observed for changes.
      */
-    o(this, "mapAsync", (e, t, r, n = (i, l) => i === l) => {
-      const i = w(t, n);
-      let l = 0, c = new AbortController();
-      return i.onDispose(
+    i(this, "mapAsync", (e, t, r, n = (l, o) => l === o) => {
+      const l = w(t, n);
+      let o = 0, c = new AbortController();
+      return l.onDispose(
         this.on(async (a) => {
-          const u = ++l;
+          const u = ++o;
           c.abort(), c = new AbortController();
           try {
             const h = await e(a, { abortSignal: c.signal });
-            u === l && i.set(h);
+            u === o && l.set(h);
           } catch (h) {
-            if (u === l)
+            if (u === o)
               if (r != null)
-                i.set(r(h));
+                l.set(r(h));
               else
                 throw h;
           }
         })
-      ), i;
+      ), l;
     });
     /**
      * Maps the values of the signal using the provided function `fn`, and returns a new signal
@@ -285,14 +285,14 @@ const O = class O {
      * @param alt - The alternative value to use when the mapped value is `undefined` or `null`.
      * @returns A new signal containing the mapped values.
      */
-    o(this, "mapMaybe", (e, t) => this.map((r) => e(r) ?? t));
+    i(this, "mapMaybe", (e, t) => this.map((r) => e(r) ?? t));
     /**
      * Feeds a property into the signal and sets up disposal behavior.
      * @param prop - The property to feed into the signal.
      * @param autoDisposeProp - Determines whether the property should be automatically disposed when the signal is disposed.
      * @returns The input property.
      */
-    o(this, "feedProp", (e, t = !1) => {
+    i(this, "feedProp", (e, t = !1) => {
       const r = this.on(e.set);
       return e.onDispose(r), t ? this.onDispose(e.dispose) : this.onDispose(r), e;
     });
@@ -303,7 +303,7 @@ const O = class O {
      * @param options.equals - A function that determines if two values are equal.
      * @returns The derived property.
      */
-    o(this, "deriveProp", ({
+    i(this, "deriveProp", ({
       autoDisposeProp: e = !0,
       equals: t
     } = {}) => this.feedProp(w(this.get(), t), e));
@@ -311,12 +311,12 @@ const O = class O {
      * 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));
+    i(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.
      */
-    o(this, "count", () => {
+    i(this, "count", () => {
       let e = 0;
       return this.map(() => ++e);
     });
@@ -326,7 +326,7 @@ const O = class O {
      * Additionally, when the computed value is disposed, it sets the signal as dirty.
      * @param computed - The computed value to add as a derivative.
      */
-    o(this, "setDerivative", (e) => {
+    i(this, "setDerivative", (e) => {
       this._derivatives.push(e), e.onDispose(() => {
         this._derivatives.splice(
           this._derivatives.indexOf(e),
@@ -363,21 +363,21 @@ const O = class O {
  * @param equals - A function to compare two values of type O for equality. Defaults to strict equality (===).
  * @returns - A Signal that represents the result of the Promise.
  */
-o(O, "ofPromise", (e, t, r, n = (i, l) => i === l) => {
-  const i = new O(t, n);
-  return e.then((l) => i._setAndNotify(l, !1)).catch((l) => {
-    r != null ? i._setAndNotify(r(l), !1) : console.error(
+i(O, "ofPromise", (e, t, r, n = (l, o) => l === o) => {
+  const l = new O(t, n);
+  return e.then((o) => l._setAndNotify(o, !1)).catch((o) => {
+    r != null ? l._setAndNotify(r(o), !1) : console.error(
       "Unhandled promise rejection in Signal.ofPromise:",
-      l
+      o
     );
-  }), i;
+  }), l;
 }), /**
  * Checks if a value is a Signal.
  *
  * @param value - The value to check.
  * @returns `true` if the value is a Signal, `false` otherwise.
  */
-o(O, "is", (e) => (
+i(O, "is", (e) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   e != null && e.$__signal__ === !0
 ));
@@ -394,36 +394,36 @@ class x extends d {
     /**
      * @internal
      */
-    o(this, "$__computed__", !0);
+    i(this, "$__computed__", !0);
     /**
      * @internal
      */
-    o(this, "_isDirty", !1);
+    i(this, "_isDirty", !1);
     /**
      * Marks the signal as dirty, indicating that its value has changed and needs to be recalculated.
      * If the signal is already dirty or disposed, this method does nothing.
      * It also marks all dependent signals as dirty and schedules a notification to update their values.
      */
-    o(this, "setDirty", () => {
+    i(this, "setDirty", () => {
       this._isDirty || this._disposed || (this._isDirty = !0, this._derivatives.forEach((t) => t.setDirty()), this._scheduleNotify());
     });
     /**
      * @internal
      */
-    o(this, "_scheduleCount", 0);
+    i(this, "_scheduleCount", 0);
     /**
      * Schedules a notification to be executed asynchronously.
      * If the signal is dirty, it will be updated and notified.
      * @internal
      */
-    o(this, "_scheduleNotify", () => {
+    i(this, "_scheduleNotify", () => {
       const t = ++this._scheduleCount;
       Ve(() => {
         this._scheduleCount !== t || this._disposed || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn(), !1));
       });
     });
     /** {@inheritDoc Signal.get} */
-    o(this, "get", () => (this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn(), !0)), this._value));
+    i(this, "get", () => (this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn(), !0)), this._value));
     this._fn = t, this.setDirty();
   }
   /**
@@ -446,20 +446,20 @@ const W = class W extends d {
     /**
      * @internal
      */
-    o(this, "$__prop__", !0);
+    i(this, "$__prop__", !0);
     /**
      * Changes the value of the property and notifies its listeners.
      *
      * @param value - The new value of the property.
      */
-    o(this, "set", (t) => {
+    i(this, "set", (t) => {
       this._setAndNotify(t, !1);
     });
     /**
      * Updates the value of the signal by applying the provided function to the current value.
      * @param fn - The function to apply to the current value.
      */
-    o(this, "update", (t) => {
+    i(this, "update", (t) => {
       this._setAndNotify(t(this.get()), !1);
     });
     /**
@@ -468,16 +468,16 @@ const W = class W extends d {
      * @param effects - An array of effects to be executed after the state is updated.
      * @returns A dispatch function that can be used to update the state and trigger the effects.
      */
-    o(this, "reducer", (t, ...r) => {
+    i(this, "reducer", (t, ...r) => {
       const n = this;
-      return function i(l) {
+      return function l(o) {
         const c = n.value;
-        n.update((a) => t(a, l)), !n.equals(c, n.value) && r.forEach(
+        n.update((a) => t(a, o)), !n.equals(c, n.value) && r.forEach(
           (a) => a({
             previousState: c,
             state: n.value,
-            action: l,
-            dispatch: i
+            action: o,
+            dispatch: l
           })
         );
       };
@@ -493,9 +493,9 @@ const W = class W extends d {
      *                Defaults to a strict equality check (===).
      * @returns A Prop object representing the isomorphism.
      */
-    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;
+    i(this, "iso", (t, r, n = (l, o) => l === o) => {
+      const l = new W(t(this.get()), n);
+      return l.onDispose(this.on((o) => l.set(t(o)))), l.on((o) => this._setAndNotify(r(o), !1)), l;
     });
     /**
      * Returns a `Prop` that represents the value at the specified key of the current value.
@@ -503,7 +503,7 @@ const W = class W extends d {
      * @param key - The key of the value to access.
      * @returns A `Prop` that represents the value at the specified key.
      */
-    o(this, "atProp", (t) => this.iso(
+    i(this, "atProp", (t) => this.iso(
       (r) => r[t],
       (r) => ({ ...this.value, [t]: r })
     ));
@@ -523,7 +523,7 @@ const W = class W extends d {
  * @param value - The value to check.
  * @returns `true` if the value is a Prop, `false` otherwise.
  */
-o(W, "is", (t) => (
+i(W, "is", (t) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   t != null && t.$__prop__ === !0
 ));
@@ -533,19 +533,19 @@ const z = (s, e, t = (r, n) => r === n) => {
   return e.forEach((n) => n.setDerivative(r)), r;
 }, je = (s, e, t = {}) => {
   let r = t.once ? () => {
-    i(), s();
+    l(), s();
   } : s;
   if (t.skipInitial) {
-    let l = !1;
+    let o = !1;
     const c = r;
     r = () => {
-      l ? c() : l = !0;
+      o ? c() : o = !0;
     };
   }
-  const n = z(r, e), i = () => {
-    n.dispose(), t.abortSignal != null && t.abortSignal.removeEventListener("abort", i);
+  const n = z(r, e), l = () => {
+    n.dispose(), t.abortSignal != null && t.abortSignal.removeEventListener("abort", l);
   };
-  return t.abortSignal != null && t.abortSignal.addEventListener("abort", i), i;
+  return t.abortSignal != null && t.abortSignal.addEventListener("abort", l), l;
 }, w = (s, e = (t, r) => t === r) => new I(s, e), U = (s, e = (t, r) => t === r) => new d(s, e), le = () => typeof window < "u" ? window : void 0, T = {
   /**
    * Maps a value or a Signal to a new value.
@@ -639,19 +639,19 @@ const z = (s, e, t = (r, n) => r === n) => {
 };
 class ce {
   constructor() {
-    o(this, "_store", /* @__PURE__ */ new Map());
+    i(this, "_store", /* @__PURE__ */ new Map());
     /**
      * Retrieves the value associated with the specified key from the memory store.
      * @param key - The key to retrieve the value for.
      * @returns The value associated with the key, or `null` if the key is not found.
      */
-    o(this, "getItem", (e) => this._store.get(e) ?? null);
+    i(this, "getItem", (e) => this._store.get(e) ?? null);
     /**
      * Sets the value associated with the specified key in the memory store.
      * @param key - The key to set the value for.
      * @param value - The value to set.
      */
-    o(this, "setItem", (e, t) => {
+    i(this, "setItem", (e, t) => {
       this._store.set(e, t);
     });
   }
@@ -662,12 +662,12 @@ const ae = ({
   store: t,
   serialize: r = JSON.stringify,
   deserialize: n = JSON.parse,
-  equals: i = (c, a) => c === a,
-  onLoad: l = (c) => c
+  equals: l = (c, a) => c === a,
+  onLoad: o = (c) => c
 }) => {
   const c = t.getItem(s), a = new I(
-    c != null ? l(n(c)) : typeof e == "function" ? e() : e,
-    i
+    c != null ? o(n(c)) : typeof e == "function" ? e() : e,
+    l
   );
   return a.on((u) => {
     t.setItem(s, r(u));
@@ -689,23 +689,23 @@ 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, i = (r == null ? void 0 : r.easing) ?? ((S) => S), l = (r == null ? void 0 : r.equals) ?? ((S, $) => S === $);
-  let c = r == null ? void 0 : r.interpolate, a = s, u = e(), h = performance.now(), m = null, y = !0;
-  const p = new x(e, l), g = w(s, l);
-  g.onDispose(() => {
-    m !== null && cancelAnimationFrame(m);
-  }), g.onDispose(p.dispose), t.forEach((S) => {
-    S.setDerivative(p), S.onDispose(g.dispose);
+  const n = (r == null ? void 0 : r.duration) ?? 300, l = (r == null ? void 0 : r.easing) ?? ((S) => S), o = (r == null ? void 0 : r.equals) ?? ((S, $) => S === $);
+  let c = r == null ? void 0 : r.interpolate, a = s, u = e(), h = performance.now(), g = null, y = !0;
+  const p = new x(e, o), m = w(s, o);
+  m.onDispose(() => {
+    g !== null && cancelAnimationFrame(g);
+  }), m.onDispose(p.dispose), t.forEach((S) => {
+    S.setDerivative(p), S.onDispose(m.dispose);
   });
   const C = (S) => {
-    u = S, h = performance.now(), a = g.value, y && (y = !1, m = oe(ee));
+    u = S, h = performance.now(), a = m.value, y && (y = !1, g = oe(ee));
   }, ee = () => {
-    const $ = (performance.now() - h) / T.get(n), Me = i($);
+    const $ = (performance.now() - h) / T.get(n), Me = l($);
     c == null && (c = Re(a));
     let te = c(a, u, Me);
-    $ >= 1 ? (y = !0, te = u) : m = oe(ee), g.set(te);
+    $ >= 1 ? (y = !0, te = u) : g = oe(ee), m.set(te);
   };
-  return p.on(C), g;
+  return p.on(C), m;
 }, Ot = (s, e) => {
   const { initialValue: t, ...r } = e ?? {};
   return Fe(
@@ -716,10 +716,10 @@ const Fe = (s, e, t, r) => {
   );
 }, Ht = (s, e) => {
   const { signals: t, literals: r } = Object.entries(s).reduce(
-    ({ signals: i, literals: l }, [c, a]) => (d.is(a) ? i.push([c, a]) : l[c] = a, { signals: i, literals: l }),
+    ({ signals: l, literals: o }, [c, a]) => (d.is(a) ? l.push([c, a]) : o[c] = a, { signals: l, literals: o }),
     { signals: [], literals: {} }
-  ), n = t.map(([, i]) => i);
-  return z(() => (t.forEach(([i, l]) => r[i] = l.value), e(r)), n);
+  ), n = t.map(([, l]) => l);
+  return z(() => (t.forEach(([l, o]) => r[l] = o.value), e(r)), n);
 }, ue = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), he = /* @__PURE__ */ new Set(["selected"]), fe = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
@@ -772,7 +772,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.
      */
-    o(this, "createElement", (e, t) => t !== void 0 ? this.document.createElementNS(t, e) : this.document.createElement(e));
+    i(this, "createElement", (e, t) => t !== void 0 ? this.document.createElementNS(t, e) : this.document.createElement(e));
     /**
      * Creates a new DOM element (eg: HTML or SVG) with the specified tag name and namespace and appends it to the current element.
      *
@@ -780,7 +780,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.
      */
-    o(this, "makeChildElement", (e, t) => {
+    i(this, "makeChildElement", (e, t) => {
       const r = this.createElement(e, t);
       return this.appendOrInsert(r), this.withElement(r);
     });
@@ -789,13 +789,13 @@ class L {
      * @param text - The text content for the new text node.
      * @returns A new `Text` node with the specified text content.
      */
-    o(this, "createText", (e) => this.document.createTextNode(e));
+    i(this, "createText", (e) => this.document.createTextNode(e));
     /**
      * Creates a new text node with the specified text content and appends it to the current element.
      * @param text - The text content for the new text node.
      * @returns A new `DOMContext` with a reference to the new text node.
      */
-    o(this, "makeChildText", (e) => {
+    i(this, "makeChildText", (e) => {
       const t = this.createText(e);
       return this.appendOrInsert(t), this.withReference(t);
     });
@@ -803,14 +803,14 @@ class L {
      * Sets the text content of the current element.
      * @param text - The text content to set.
      */
-    o(this, "setText", (e) => {
+    i(this, "setText", (e) => {
       this.reference.nodeValue = e;
     });
     /**
      * Gets the text content of the current element or text node.
      * @returns The text content of the current element or text node.
      */
-    o(this, "getText", () => {
+    i(this, "getText", () => {
       var e;
       return ((e = this.reference) == null ? void 0 : e.nodeValue) ?? this.element.textContent ?? "";
     });
@@ -819,7 +819,7 @@ class L {
      * The text node is appended or inserted to the current `DOMContext`.
      * The new `DOMContext` with the reference is returned.
      */
-    o(this, "makeRef", () => {
+    i(this, "makeRef", () => {
       const e = this.createText("");
       return this.appendOrInsert(e), this.withReference(e);
     });
@@ -828,7 +828,7 @@ class L {
      *
      * @param child - The child node to append or insert.
      */
-    o(this, "appendOrInsert", (e) => {
+    i(this, "appendOrInsert", (e) => {
       this.reference === void 0 ? this.element.appendChild(e) : this.element.insertBefore(e, this.reference);
     });
     /**
@@ -836,14 +836,14 @@ class L {
      * @param element - The DOM element to use in the new `DOMContext` instance.
      * @returns A new `DOMContext` instance with the provided `element`.
      */
-    o(this, "withElement", (e) => new L(this.document, e, void 0, this.providers));
+    i(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.
      */
-    o(this, "makePortal", (e) => {
-      const t = this.document.querySelector(e);
+    i(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}`);
       return this.withElement(t);
@@ -854,7 +854,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.
      */
-    o(this, "withReference", (e) => new L(this.document, this.element, e, this.providers));
+    i(this, "withReference", (e) => new L(this.document, this.element, e, this.providers));
     /**
      * Sets a provider for the given provider mark.
      *
@@ -862,7 +862,7 @@ class L {
      * @param value - The provider to set for the given mark.
      * @returns A new `DOMContext` instance with the specified provider.
      */
-    o(this, "setProvider", (e, t, r) => new L(this.document, this.element, this.reference, {
+    i(this, "setProvider", (e, t, r) => new L(this.document, this.element, this.reference, {
       ...this.providers,
       [e]: [t, r]
     }));
@@ -873,33 +873,33 @@ class L {
      * @returns The provider for the given mark.
      * @throws Throws `ProviderNotFoundError` if the provider for the given mark is not found.
      */
-    o(this, "getProvider", (e) => {
+    i(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
         throw new me(e);
       return this.providers[e];
     });
-    o(this, "clear", (e) => {
+    i(this, "clear", (e) => {
       e && (this.reference !== void 0 ? R(this.reference) : R(this.element));
     });
     /**
      * Adds classes to the element.
      * @param tokens - The class names to add.
      */
-    o(this, "addClasses", (e) => {
+    i(this, "addClasses", (e) => {
       this.element.classList.add(...e);
     });
     /**
      * Removes classes from the element.
      * @param tokens - The class names to remove.
      */
-    o(this, "removeClasses", (e) => {
+    i(this, "removeClasses", (e) => {
       this.element.classList.remove(...e);
     });
     /**
      * Gets the classes of the element.
      * @returns The classes of the element.
      */
-    o(this, "getClasses", () => Array.from(this.element.classList));
+    i(this, "getClasses", () => Array.from(this.element.classList));
     /**
      * Adds an event listener to the element.
      * @param event - The event to listen for.
@@ -907,7 +907,7 @@ class L {
      * @param options - The options for the event listener.
      * @returns A function to remove the event listener.
      */
-    o(this, "on", (e, t, r) => (this.element.addEventListener(e, t, r), (n) => {
+    i(this, "on", (e, t, r) => (this.element.addEventListener(e, t, r), (n) => {
       n && this.element.removeEventListener(
         e,
         t,
@@ -919,28 +919,28 @@ class L {
      * @returns `true` if the context is a browser DOM context.
      * @deprecated Use `isBrowser()` instead.
      */
-    o(this, "isBrowserDOM", () => !0);
+    i(this, "isBrowserDOM", () => !0);
     /**
      * Returns `true` if the context is a browser context.
      * @returns `true` if the context is a browser context.
      */
-    o(this, "isBrowser", () => !0);
+    i(this, "isBrowser", () => !0);
     /**
      * Returns `true` if the context is a headless DOM context.
      * @returns `true` if the context is a headless DOM context.
      */
-    o(this, "isHeadlessDOM", () => !1);
+    i(this, "isHeadlessDOM", () => !1);
     /**
      * Returns `true` if the context is a headless context.
      * @returns `true` if the context is a headless context.
      */
-    o(this, "isHeadless", () => !1);
+    i(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.
      */
-    o(this, "setStyle", (e, t) => {
+    i(this, "setStyle", (e, t) => {
       this.element.style[e] = t;
     });
     /**
@@ -948,58 +948,62 @@ class L {
      * @param name - The name of the style to get.
      * @returns The value of the style.
      */
-    o(this, "getStyle", (e) => this.element.style[e]);
-    o(this, "makeAccessors", (e) => ({
+    i(this, "getStyle", (e) => this.element.style[e]);
+    i(this, "makeAccessors", (e) => ({
       get: We(e, this.element),
       set: Be(e, this.element)
     }));
-    o(this, "getWindow", () => this.document.defaultView);
+    i(this, "getWindow", () => this.document.defaultView);
     this.document = e, this.element = t, this.reference = r, this.providers = n;
   }
   /**
    * Creates a new `DOMContext` instance for the given `Element` and optional reference `Node`.
    *
    * @param element - The `HTMLElement` to create the `DOMContext` for.
-   * @param ref - An optional reference `Node` to associate with the `DOMContext`.
+   * @param ref - A reference `Node` to associate with the `DOMContext` or undefined .
+   * @param providers - The providers to associate with the `DOMContext`.
    * @returns A new `DOMContext` instance.
    */
-  static of(e, t) {
-    return new L(e.ownerDocument, e, t, {});
+  static of(e, t, r) {
+    return new L(e.ownerDocument, e, t, r);
   }
 }
 const Je = (s) => Symbol(s), Q = (s, e) => {
   const t = s(e);
   return (r = !0) => t(r);
-}, Nt = (s, e, { doc: t, clear: r, disposeWithParent: n = !0 } = {}) => {
-  const i = typeof e == "string" ? (t ?? document).querySelector(e) : e;
-  if (i === null)
+}, Nt = (s, e, { doc: t, clear: r, disposeWithParent: n = !0, providers: l = {} } = {}) => {
+  const o = typeof e == "string" ? (t ?? document).querySelector(e) : e;
+  if (o === null)
     throw new Ge(
       `Cannot find element by selector for render: ${e}`
     );
-  r !== !1 && (t ?? i.ownerDocument) != null && i.nodeType === 1 && (i.innerHTML = "");
-  const l = Ue(i), c = ge(i) ? void 0 : i, a = L.of(l, c), u = Q(s, a);
-  let h;
-  return n && (h = new MutationObserver((m) => {
-    var y;
-    (y = m[0]) == null || y.removedNodes.forEach((p) => {
-      p === i && (u(i.nodeType !== Node.ELEMENT_NODE), h == null || h.disconnect());
+  r !== !1 && (t ?? o.ownerDocument) != null && o.nodeType === 1 && (o.innerHTML = "");
+  const c = Ue(o), a = ge(o) ? void 0 : o, u = L.of(c, a, l), h = Q(s, u);
+  let g;
+  return n && (g = new MutationObserver((y) => {
+    var p;
+    (p = y[0]) == null || p.removedNodes.forEach((m) => {
+      m === o && (g == null || g.disconnect(), h(o.nodeType !== Node.ELEMENT_NODE));
     });
-  }), h.observe(i.parentElement, {
+  }), g.observe(o.parentElement, {
     childList: !0,
     subtree: !1,
     attributes: !1
   })), () => {
-    h == null || h.disconnect(), u(!0);
+    g == null || g.disconnect(), h(!0);
   };
 }, $t = (s, {
   startUrl: e = "https://example.com",
-  selector: t = ":root"
-} = {}) => {
-  const r = T.toSignal(e).deriveProp(), n = new Se(t, void 0), i = new P(n, void 0, { currentURL: r }, {});
+  selector: t,
+  providers: r = {}
+} = {
+  selector: "body"
+}) => {
+  const n = T.toSignal(e).deriveProp(), l = new Se(t, void 0), o = new P(l, void 0, { currentURL: n }, r);
   return {
-    clear: Q(s(), i),
-    root: n,
-    currentURL: r
+    clear: Q(s(), o),
+    root: l,
+    currentURL: n
   };
 };
 class Ge extends Error {
@@ -1014,13 +1018,13 @@ class kt {
     getAttribute: t,
     setAttribute: r,
     getClass: n,
-    setClass: i,
-    getStyles: l,
+    setClass: l,
+    getStyles: o,
     setStyles: c,
     appendHTML: a,
     getInnerHTML: u,
     setInnerHTML: h,
-    getInnerText: m,
+    getInnerText: g,
     setInnerText: y
   }) {
     /**
@@ -1028,74 +1032,74 @@ class kt {
      * @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");
+    i(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");
+    i(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");
+    i(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");
+    i(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");
+    i(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");
+    i(this, "getStyles");
     /**
      * Sets the styles of an element.
      * @param el - The element to set the styles on.
      */
-    o(this, "setStyles");
+    i(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");
+    i(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");
+    i(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");
+    i(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");
+    i(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");
+    i(this, "setInnerText");
     /**
      * Sets the content of the root element from a HeadlessPortal. Generally this will be the same instance that is
      * returned by `runHeadless`.
@@ -1104,66 +1108,67 @@ class kt {
      * @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) => {
+    i(this, "setFromRoot", (e, t) => {
       e.getPortals().forEach((n) => {
-        for (const i of this.select(n.selector)) {
-          if (i == null)
+        const l = typeof n.selector == "string" ? this.select(n.selector) : [n.selector];
+        for (const o of l) {
+          if (o == 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 (n.hasChildren() && this.appendHTML(o, n.contentToHTML(t)), n.hasInnerHTML()) {
             if (t) {
-              const l = this.getInnerHTML(i);
-              l != null && this.setAttribute(i, q, l);
+              const c = this.getInnerHTML(o);
+              c != null && this.setAttribute(o, q, c);
             }
-            this.setInnerHTML(i, n.getInnerHTML());
+            this.setInnerHTML(o, n.getInnerHTML());
           }
           if (n.hasInnerText()) {
             if (t) {
-              const l = this.getInnerText(i);
-              l != null && this.setAttribute(i, F, l);
+              const c = this.getInnerText(o);
+              c != null && this.setAttribute(o, F, c);
             }
-            this.setInnerText(i, n.getInnerText());
+            this.setInnerText(o, n.getInnerText());
           }
           if (n.hasClasses()) {
             if (t) {
-              const l = this.getClass(i);
-              l != null && this.setAttribute(i, V, l);
+              const c = this.getClass(o);
+              c != null && this.setAttribute(o, V, c);
             }
-            this.setClass(i, n.getClasses().join(" "));
+            this.setClass(o, n.getClasses().join(" "));
           }
           if (n.hasStyles()) {
             if (t) {
-              const l = this.getStyles(i);
-              Object.keys(l).length > 0 && this.setAttribute(
-                i,
+              const c = this.getStyles(o);
+              Object.keys(c).length > 0 && this.setAttribute(
+                o,
                 j,
-                JSON.stringify(l)
+                JSON.stringify(c)
               );
             }
-            this.setStyles(i, n.getStyles());
+            this.setStyles(o, n.getStyles());
           }
           if (n.hasAttributes()) {
-            const l = n.getAttributes();
+            const c = n.getAttributes();
             if (t) {
-              const c = [];
-              l.forEach(([a]) => {
-                const u = this.getAttribute(i, a);
-                u != null && c.push([a, u]);
-              }), c.length > 0 && this.setAttribute(
-                i,
+              const a = [];
+              c.forEach(([u]) => {
+                const h = this.getAttribute(o, u);
+                h != null && a.push([u, h]);
+              }), a.length > 0 && this.setAttribute(
+                o,
                 B,
-                JSON.stringify(Object.fromEntries(c))
+                JSON.stringify(Object.fromEntries(a))
               );
             }
-            l.forEach(([c, a]) => {
-              this.setAttribute(i, c, a);
+            c.forEach(([a, u]) => {
+              this.setAttribute(o, a, u);
             });
           }
         }
       });
     });
-    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 = m, this.setInnerText = y;
+    this.select = e, this.getAttribute = t, this.setAttribute = r, this.getClass = n, this.setClass = l, this.getStyles = o, this.setStyles = c, this.appendHTML = a, this.getInnerHTML = u, this.setInnerHTML = h, this.getInnerText = g, this.setInnerText = y;
   }
 }
 const Xe = () => {
@@ -1208,38 +1213,38 @@ const Xe = () => {
 }, b = Symbol("class"), E = Symbol("style"), v = Symbol("handler"), be = () => Math.random().toString(36).substring(2, 15), it = (s) => s.replace(/<[^>]*>?/g, "");
 class Ae {
   constructor(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 ? it(this.properties.innerHTML) : this.children.map((e) => e.getText()).join(""));
-    o(this, "removeChild", (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 ? it(this.properties.innerHTML) : this.children.map((e) => e.getText()).join(""));
+    i(this, "removeChild", (e) => {
       const t = this.children.indexOf(e);
       t !== -1 && this.children.splice(t, 1);
     });
-    o(this, "remove", () => {
+    i(this, "remove", () => {
       if (this.parent != null)
         this.parent.removeChild(this);
       else
         throw new Error("Parent is undefined");
     });
-    o(this, "getPortals", () => {
+    i(this, "getPortals", () => {
       const e = this.elements().flatMap((t) => t.isPortal() ? [t, ...t.getPortals()] : t.getPortals());
       return this.isPortal() && e.unshift(this), e;
     });
-    o(this, "elements", () => this.children.filter((e) => e.isElement()));
-    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[b] != null);
-    o(this, "hasStyles", () => this.properties[E] != null);
-    o(this, "hasAttributes", () => Object.keys(this.properties).length > 0);
-    o(this, "hasHandlers", () => this.properties[v] != null);
-    o(this, "hasRenderableProperties", () => this.hasClasses() || this.hasAttributes() || this.hasStyles());
-    o(this, "getById", (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[b] != null);
+    i(this, "hasStyles", () => this.properties[E] != null);
+    i(this, "hasAttributes", () => Object.keys(this.properties).length > 0);
+    i(this, "hasHandlers", () => this.properties[v] != null);
+    i(this, "hasRenderableProperties", () => this.hasClasses() || this.hasAttributes() || this.hasStyles());
+    i(this, "getById", (e) => {
       if (this.properties.id === e)
         return this;
       for (const t of this.elements()) {
@@ -1248,25 +1253,25 @@ class Ae {
           return r;
       }
     });
-    o(this, "trigger", (e, t) => {
+    i(this, "trigger", (e, t) => {
       ((this.properties[v] ?? {})[e] ?? []).forEach((n) => n(t));
     });
-    o(this, "click", () => {
+    i(this, "click", () => {
       this.trigger("click", {});
     });
-    o(this, "on", (e, t, r) => {
+    i(this, "on", (e, t, r) => {
       var c;
-      const n = (c = this.properties)[v] ?? (c[v] = {}), i = r != null && r.once ? (a) => {
-        l(), t(a);
+      const n = (c = this.properties)[v] ?? (c[v] = {}), l = r != null && r.once ? (a) => {
+        o(), t(a);
       } : (a) => t(a);
-      n[e] = [...n[e] ?? [], i];
-      const l = () => {
-        const a = n[e] ?? [], u = a.indexOf(i);
-        u !== -1 && (a.splice(u, 1), a.length === 0 ? (delete n[e], Object.keys(n).length === 0 && delete this.properties[v]) : n[e] = a, (r == null ? void 0 : r.signal) != null && r.signal.removeEventListener("abort", l));
+      n[e] = [...n[e] ?? [], l];
+      const o = () => {
+        const a = n[e] ?? [], u = a.indexOf(l);
+        u !== -1 && (a.splice(u, 1), a.length === 0 ? (delete n[e], Object.keys(n).length === 0 && delete this.properties[v]) : n[e] = a, (r == null ? void 0 : r.signal) != null && r.signal.removeEventListener("abort", o));
       };
-      return (r == null ? void 0 : r.signal) != null && r.signal.addEventListener("abort", l), l;
+      return (r == null ? void 0 : r.signal) != null && r.signal.addEventListener("abort", o), o;
     });
-    o(this, "addClasses", (e) => {
+    i(this, "addClasses", (e) => {
       var r;
       if (e.length === 0)
         return;
@@ -1275,34 +1280,34 @@ class Ae {
         t.includes(n) || t.push(n);
       });
     });
-    o(this, "removeClasses", (e) => {
+    i(this, "removeClasses", (e) => {
       var r;
       if (e.length === 0)
         return;
       const t = (r = this.properties)[b] ?? (r[b] = []);
       e.forEach((n) => {
-        const i = t.indexOf(n);
-        i !== -1 && t.splice(i, 1);
+        const l = t.indexOf(n);
+        l !== -1 && t.splice(l, 1);
       }), t.length === 0 && delete this.properties[b];
     });
-    o(this, "getClasses", () => this.properties[b] ?? []);
-    o(this, "getAttributes", () => Object.entries(this.properties).filter(
+    i(this, "getClasses", () => this.properties[b] ?? []);
+    i(this, "getAttributes", () => Object.entries(this.properties).filter(
       ([e]) => !["innerText", "innerHTML"].includes(e)
     ));
-    o(this, "getVisibleAttributes", () => Reflect.ownKeys(this.properties).flatMap(
+    i(this, "getVisibleAttributes", () => Reflect.ownKeys(this.properties).flatMap(
       (e) => e === b ? [["class", this.getClasses()]] : e === E ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
     ));
-    o(this, "setStyle", (e, t) => {
+    i(this, "setStyle", (e, t) => {
       var n;
       const r = (n = this.properties)[E] ?? (n[E] = {});
       r[e] = t, t === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[E]);
     });
-    o(this, "getStyle", (e) => {
+    i(this, "getStyle", (e) => {
       var t;
       return ((t = this.properties[E]) == null ? void 0 : t[e]) ?? "";
     });
-    o(this, "getStyles", () => this.properties[E] ?? {});
-    o(this, "makeAccessors", (e) => {
+    i(this, "getStyles", () => this.properties[E] ?? {});
+    i(this, "makeAccessors", (e) => {
       const t = this.properties;
       return {
         get: () => t[e],
@@ -1316,12 +1321,12 @@ const ot = (s) => s.replace(/"/g, "&quot;"), lt = (s) => s.replace(/&/g, "&amp;"
 class ct extends Ae {
   constructor(t, r, n) {
     super(n);
-    o(this, "isPortal", () => !1);
-    o(this, "toHTML", (t = !1) => {
+    i(this, "isPortal", () => !1);
+    i(this, "toHTML", (t = !1) => {
       const r = this.children.map((a) => a.toHTML()).join(""), n = this.namespace ? ` xmlns="${this.namespace}"` : "";
-      let i = null;
-      const l = this.getVisibleAttributes().map(([a, u]) => a === "class" ? ` class="${u.join(" ")}"` : a === "style" ? typeof u == "string" ? ` style="${u}"` : ` style="${Object.entries(u).map(([h, m]) => `${h}: ${m};`).join(" ")}"` : ut.has(a) ? ` ${a}` : a === "innerHTML" ? (i = u, "") : a === "innerText" ? (i = lt(u), "") : ` ${a}="${ot(u)}"`).join(""), c = t ? ` ${ye}` : "";
-      return ht.has(this.tagName) && r === "" ? `<${this.tagName}${n}${l}${c} />` : `<${this.tagName}${n}${l}${c}>${i ?? r}</${this.tagName}>`;
+      let l = null;
+      const o = 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(" ")}"` : ut.has(a) ? ` ${a}` : a === "innerHTML" ? (l = u, "") : a === "innerText" ? (l = lt(u), "") : ` ${a}="${ot(u)}"`).join(""), c = t ? ` ${ye}` : "";
+      return ht.has(this.tagName) && r === "" ? `<${this.tagName}${n}${o}${c} />` : `<${this.tagName}${n}${o}${c}>${l ?? r}</${this.tagName}>`;
     });
     this.tagName = t, this.namespace = r;
   }
@@ -1329,32 +1334,32 @@ class ct extends Ae {
 class Se extends Ae {
   constructor(t, r) {
     super(r);
-    o(this, "isPortal", () => !0);
-    o(this, "toHTML", () => "");
-    o(this, "contentToHTML", (t = !1) => this.children.map((r) => r.toHTML(t)).join(""));
+    i(this, "isPortal", () => !0);
+    i(this, "toHTML", () => "");
+    i(this, "contentToHTML", (t = !1) => this.children.map((r) => r.toHTML(t)).join(""));
     this.selector = t;
   }
 }
 class at {
   constructor(e) {
-    o(this, "id", be());
-    o(this, "isElement", () => !1);
-    o(this, "isText", () => !0);
-    o(this, "getText", () => this.text);
-    o(this, "toHTML", () => this.text);
+    i(this, "id", be());
+    i(this, "isElement", () => !1);
+    i(this, "isText", () => !0);
+    i(this, "getText", () => this.text);
+    i(this, "toHTML", () => this.text);
     this.text = e;
   }
 }
 class P {
   constructor(e, t, r, n) {
-    o(this, "appendOrInsert", (e) => {
+    i(this, "appendOrInsert", (e) => {
       if (this.reference != null) {
         const t = this.element.children.indexOf(this.reference);
         this.element.children.splice(t, 0, e);
       } else
         this.element.children.push(e);
     });
-    o(this, "makeChildElement", (e, t) => {
+    i(this, "makeChildElement", (e, t) => {
       const r = new ct(e, t, this.element);
       return this.appendOrInsert(r), new P(
         r,
@@ -1363,7 +1368,7 @@ class P {
         this.providers
       );
     });
-    o(this, "makeChildText", (e) => {
+    i(this, "makeChildText", (e) => {
       const t = new at(e);
       return this.appendOrInsert(t), new P(
         this.element,
@@ -1372,15 +1377,15 @@ class P {
         this.providers
       );
     });
-    o(this, "setText", (e) => {
+    i(this, "setText", (e) => {
       this.reference && this.reference.isText() && (this.reference.text = e);
     });
-    o(this, "getText", () => {
+    i(this, "getText", () => {
       var e;
       return ((e = this.reference) == null ? void 0 : e.getText()) ?? this.element.getText();
     });
-    o(this, "makeRef", () => this.makeChildText(""));
-    o(this, "makePortal", (e) => {
+    i(this, "makeRef", () => this.makeChildText(""));
+    i(this, "makePortal", (e) => {
       const t = new Se(e, this.element);
       return this.appendOrInsert(t), new P(
         t,
@@ -1396,29 +1401,29 @@ class P {
      * @param value - The provider to set for the given mark.
      * @returns A new `DOMContext` instance with the specified provider.
      */
-    o(this, "setProvider", (e, t, r) => new P(this.element, this.reference, this.container, {
+    i(this, "setProvider", (e, t, r) => new P(this.element, this.reference, this.container, {
       ...this.providers,
       [e]: [t, r]
     }));
-    o(this, "getProvider", (e) => {
+    i(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
         throw new me(e);
       return this.providers[e];
     });
-    o(this, "clear", (e) => {
+    i(this, "clear", (e) => {
       e && (this.reference !== void 0 ? this.element.removeChild(this.reference) : this.element.remove());
     });
-    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, "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));
+    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, "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));
     this.element = e, this.reference = t, this.container = r, this.providers = n;
   }
 }
@@ -1445,20 +1450,20 @@ const ut = /* @__PURE__ */ new Set([
 }), dt = (s) => (e) => {
   let t = [];
   const r = s.on((n) => {
-    e.removeClasses(t), t = (n ?? "").split(" ").filter((i) => i.length > 0), e.addClasses(t);
+    e.removeClasses(t), t = (n ?? "").split(" ").filter((l) => l.length > 0), e.addClasses(t);
   });
   return (n) => {
     r(), n && e.removeClasses(t), t.length = 0;
   };
 }, H = (s, e) => (t) => {
-  const { get: r, set: n } = t.makeAccessors(s), i = r();
-  return n(e), (l) => {
-    l && n(i);
+  const { get: r, set: n } = t.makeAccessors(s), l = r();
+  return n(e), (o) => {
+    o && n(l);
   };
 }, N = (s, e) => (t) => {
-  const { get: r, set: n } = t.makeAccessors(s), i = r(), l = e.on(n);
+  const { get: r, set: n } = t.makeAccessors(s), l = r(), o = e.on(n);
   return (c) => {
-    l(), c && n(i);
+    o(), c && n(l);
   };
 }, M = new Proxy(
   {},
@@ -1569,14 +1574,14 @@ const ut = /* @__PURE__ */ new Set([
     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((i) => f(i)(r));
-  return (i) => {
-    n.forEach((l) => l(!1)), r.clear(i);
+  const r = t.makeChildElement(s, void 0), n = e.map((l) => f(l)(r));
+  return (l) => {
+    n.forEach((o) => o(!1)), r.clear(l);
   };
 }, Ce = (s, e, ...t) => (r) => {
-  const n = r.makeChildElement(s, e), i = t.map((l) => f(l)(n));
-  return (l) => {
-    i.forEach((c) => c(!1)), n.clear(l);
+  const n = r.makeChildElement(s, e), l = t.map((o) => f(o)(n));
+  return (o) => {
+    l.forEach((c) => c(!1)), n.clear(o);
   };
 }, Bt = new Proxy(
   {},
@@ -1621,20 +1626,20 @@ const ut = /* @__PURE__ */ new Set([
 ), ve = (s, e) => {
   if (typeof e == "function")
     return ve(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 = i.makeRef();
+  const t = e.pending != null ? f(e.pending()) : _, r = e.then, n = e.error != null ? (l) => f(e.error(l)) : () => _;
+  return (l) => {
+    let o = !0;
+    const c = s(), a = l.makeRef();
     let u = f(t)(a);
     return c.then(
       (h) => {
-        l && (u(!0), u = f(r(h))(a));
+        o && (u(!0), u = f(r(h))(a));
       },
       (h) => {
-        l && (u(!0), u = f(n(h))(a));
+        o && (u(!0), u = f(n(h))(a));
       }
     ), (h) => {
-      l = !1, u(h), a.clear(h);
+      o = !1, u(h), a.clear(h);
     };
   };
 }, Gt = (s, e) => ve(() => s, e), xe = (s, e, t) => (r) => r.on(s, e, t), mt = (s) => xe("click", (e) => {
@@ -1686,12 +1691,12 @@ const ut = /* @__PURE__ */ new Set([
   const t = e.target;
   if (t.value === "")
     return;
-  const r = t.value.split("T"), n = r[0].split("-"), i = new Date(
+  const r = t.value.split("T"), n = r[0].split("-"), l = new Date(
     Number(n[0]),
     Number(n[1]) - 1,
     Number(n[2])
-  ), l = r[1].split(":");
-  i.setHours(Number(l[0])), i.setMinutes(Number(l[1])), i.setSeconds(Number(l[2])), s(i);
+  ), o = r[1].split(":");
+  l.setHours(Number(o[0])), l.setMinutes(Number(o[1])), l.setSeconds(Number(o[2])), s(l);
 }, Yt = (s) => (e) => {
   const t = e.target;
   if (t.value === "") {
@@ -1703,12 +1708,12 @@ const ut = /* @__PURE__ */ new Set([
     s(null);
     return;
   }
-  const n = r[0].split("-"), i = new Date(
+  const n = r[0].split("-"), l = new Date(
     Number(n[0]),
     Number(n[1]) - 1,
     Number(n[2])
-  ), l = r[1].split(":");
-  i.setHours(Number(l[0] ?? 0)), i.setMinutes(Number(l[1] ?? 0)), i.setSeconds(Number(l[2] ?? 0)), s(i);
+  ), o = r[1].split(":");
+  l.setHours(Number(o[0] ?? 0)), l.setMinutes(Number(o[1] ?? 0)), l.setSeconds(Number(o[2] ?? 0)), s(l);
 }, zt = (s) => (e) => {
   const t = e.target;
   s(t.checked);
@@ -1722,18 +1727,18 @@ const ut = /* @__PURE__ */ new Set([
   if (d.is(s))
     return (r) => {
       const n = r.makeRef();
-      let i, l;
+      let l, o;
       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(), i == null || i(!0), l = s.map((y) => y[h]);
-          const m = e[h](l);
-          i = f(m)(n);
+          a = h, o == null || o.dispose(), l == null || l(!0), o = s.map((y) => y[h]);
+          const g = e[h](o);
+          l = f(g)(n);
         }
       });
       return (h) => {
-        l == null || l.dispose(), u(), n.clear(h), i == null || i(h);
+        o == null || o.dispose(), u(), n.clear(h), l == null || l(h);
       };
     };
   const t = Object.keys(s)[0];
@@ -1751,7 +1756,7 @@ const ut = /* @__PURE__ */ new Set([
 ), cs = (s, e = {}) => (t) => {
   const r = (e == null ? void 0 : e.firstSeparator) ?? s, n = (e == null ? void 0 : e.lastSeparator) ?? s;
   return St(
-    t.map((i) => i.isFirst ? "first" : i.isLast ? "last" : "other"),
+    t.map((l) => l.isFirst ? "first" : l.isLast ? "last" : "other"),
     {
       first: r,
       last: n,
@@ -1764,16 +1769,16 @@ const ut = /* @__PURE__ */ new Set([
   if (d.is(s)) {
     const r = s;
     return (n) => {
-      const i = n.makeRef();
-      let l = () => {
+      const l = n.makeRef();
+      let o = () => {
       }, c = !1, a = null;
       const u = r.on((h) => {
-        h == null ? (l(!0), l = f((t == null ? void 0 : t()) ?? _)(i), c = !1, a == null || a.dispose(), a = null) : (a == null ? a = w(h) : a.value = h, c || (l(!0), l = f(e(a))(
-          i
+        h == null ? (o(!0), o = f((t == null ? void 0 : t()) ?? _)(l), c = !1, a == null || a.dispose(), a = null) : (a == null ? a = w(h) : a.value = h, c || (o(!0), o = f(e(a))(
+          l
         ), c = !0));
       });
       return (h) => {
-        a == null || a.dispose(), u(), l == null || l(h), i.clear(h);
+        a == null || a.dispose(), u(), o == null || o(h), l.clear(h);
       };
     };
   } else {
@@ -1792,36 +1797,36 @@ const ut = /* @__PURE__ */ new Set([
     return (t != null ? f(t == null ? void 0 : t()) : _)(
       n
     );
-  const l = s.map(() => null), c = s.map(
+  const o = s.map(() => null), c = s.map(
     (p) => d.is(p) ? p.value != null : p != null
   );
   let a = null;
-  const u = w(c.every((p) => p)), h = (p, g) => {
+  const u = w(c.every((p) => p)), h = (p, m) => {
     if (p.value != null) {
-      if (l[g] == null) {
+      if (o[m] == null) {
         const C = w(p.value);
-        l[g] = C;
+        o[m] = C;
       } else
-        l[g].value = p.value;
-      c[g] = !0;
+        o[m].value = p.value;
+      c[m] = !0;
     } else
-      c[g] = !1;
+      c[m] = !1;
   };
-  let m = s.length - 1;
-  const y = s.map((p, g) => {
+  let g = s.length - 1;
+  const y = s.map((p, m) => {
     if (!d.is(p)) {
       const C = w(p);
-      return l[g] = C, () => {
+      return o[m] = C, () => {
       };
     }
     return p.on(() => {
-      h(p, g), m === 0 ? u.value = c.every((C) => C) : m--;
+      h(p, m), g === 0 ? u.value = c.every((C) => C) : g--;
     });
   });
   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(...o))(n) : a = f((t == null ? void 0 : t()) ?? _)(n);
   }), (p) => {
-    l.forEach((g) => g == null ? void 0 : g.dispose()), u.dispose(), y.forEach((g) => g()), a == null || a(p), n.clear(p);
+    o.forEach((m) => m == null ? void 0 : m.dispose()), u.dispose(), y.forEach((m) => m()), a == null || a(p), n.clear(p);
   };
 }, Z = (...s) => (e) => (t) => s.forEach((r) => r(t, e)), Pe = (s, e, t) => _t(
   T.map(s, (r) => r ? !0 : null),
@@ -1834,7 +1839,7 @@ const ut = /* @__PURE__ */ new Set([
 ), De = (s, e, t) => t != null ? De(s, (r) => {
   const n = new Y(
     r.index,
-    r.total.map((i) => i - 1)
+    r.total.map((l) => l - 1)
   );
   return A(
     Z(n.dispose),
@@ -1846,34 +1851,34 @@ const ut = /* @__PURE__ */ new Set([
     )
   );
 }) : d.is(s) ? (r) => {
-  const n = r.makeRef(), i = [], l = s.on((c) => {
-    const a = i.splice(c);
+  const n = r.makeRef(), l = [], o = s.on((c) => {
+    const a = l.splice(c);
     for (const u of a)
       u(!0);
-    for (let u = i.length; u < c; u++) {
+    for (let u = l.length; u < c; u++) {
       const h = new Y(u, s);
-      i.push(f(e(h))(n));
+      l.push(f(e(h))(n));
     }
   });
   return (c) => {
-    l();
-    for (const a of i)
+    o();
+    for (const a of l)
       a(c);
-    i.length = 0, n.clear(c);
+    l.length = 0, n.clear(c);
   };
 } : A(
   ...Array.from({ length: s }, (r, n) => n).map(
     (r) => f(e(new Y(r, U(s))))
   )
 ), fs = (s, e, t) => {
-  const r = T.map(s, (i) => i.length), n = T.toSignal(s);
+  const r = T.map(s, (l) => l.length), n = T.toSignal(s);
   return De(
     r,
-    (i) => {
-      const l = n.map((c) => c[i.index]);
+    (l) => {
+      const o = n.map((c) => c[l.index]);
       return A(
-        Z(l.dispose),
-        f(e(l, i))
+        Z(o.dispose),
+        f(e(o, l))
       );
     },
     t
@@ -1884,13 +1889,13 @@ const ut = /* @__PURE__ */ new Set([
     return (r) => {
       r = r.makeRef();
       const n = t.map((c) => f(e(c)));
-      let i = () => {
+      let l = () => {
       };
-      const l = n.on((c) => {
-        i(!0), i = c(r);
+      const o = n.on((c) => {
+        l(!0), l = c(r);
       });
       return (c) => {
-        l(), i(c);
+        o(), l(c);
       };
     };
   }
@@ -1916,15 +1921,15 @@ const ut = /* @__PURE__ */ new Set([
     };
     if (k.has(s))
       throw new Error(`Probe already exists: ${s.description}`);
-    const n = setTimeout(() => r("timeout"), t), i = { counter: 0, timeoutId: n };
-    return k.set(s, i), {
+    const n = setTimeout(() => r("timeout"), t), l = { counter: 0, timeoutId: n };
+    return k.set(s, l), {
       value: () => {
         clearTimeout(n);
         const c = k.get(s);
         c != null && --c.counter === 0 && r("resolved");
       },
       dispose: () => r("disposed"),
-      onUse: () => i.counter++
+      onUse: () => l.counter++
     };
   }
 }), ms = Et(Symbol("GlobalProbe")), wt = (s, e) => (t) => {
@@ -1978,20 +1983,20 @@ const ut = /* @__PURE__ */ new Set([
   function n(c) {
     t = c;
   }
-  const i = [], l = s({
+  const l = [], o = s({
     use: ({ mark: c }) => {
       const [a, u] = r().getProvider(c);
       return u == null || u(), a;
     },
     set: ({ mark: c, create: a }, u) => {
-      const { value: h, dispose: m, onUse: y } = a(u, r());
-      i.push(m), n(r().setProvider(c, h, y));
+      const { value: h, dispose: g, onUse: y } = a(u, r());
+      l.push(g), n(r().setProvider(c, h, y));
     }
   });
-  return l == null ? () => {
+  return o == null ? () => {
   } : A(
-    f(l),
-    Z(() => i.forEach((c) => c()))
+    f(o),
+    Z(() => l.forEach((c) => c()))
   )(r());
 }, Ss = (s, e, t) => K(({ set: r }) => (r(s, e), t())), _s = (s, e) => K(({ use: t }) => e(t(s))), Es = (...s) => (e) => K(({ use: t }) => {
   const r = s.map(t);