@tempots/dom 32.0.0 → 33.1.0

package/index.js

@@ -1,24 +1,24 @@
-const _ = [], qe = (t) => {
+const _ = [], We = (t) => {
   _.push(t);
-}, Fe = () => {
+}, Ue = () => {
   if (_.length === 0)
     throw new Error("Cannot pop from empty scope stack");
   _.pop();
-}, ge = () => _[_.length - 1] ?? null, Bt = () => _, Wt = () => _[_.length - 2] ?? null, L = (t, e) => {
-  qe(t);
+}, ue = () => _[_.length - 1] ?? null, Zt = () => _, zt = () => _[_.length - 2] ?? null, x = (t, e) => {
+  We(t);
   try {
     return e();
   } finally {
-    Fe();
+    Ue();
   }
-}, Ut = (t) => {
-  const e = new q();
+}, Kt = (t) => {
+  const e = new j();
   try {
-    return L(e, () => t(e));
+    return x(e, () => t(e));
   } finally {
     e.dispose();
   }
-}, oe = (t) => {
+}, ie = (t) => {
   const e = _.slice();
   _.length = 0;
   try {
@@ -79,14 +79,14 @@ class g {
    * @param equals - Function to compare two values for equality (defaults to strict equality)
    * @returns A Signal that represents the result of the Promise
    */
-  static ofPromise = (e, s, r, n = (i, o) => i === o) => {
-    const i = new g(s, n);
-    return e.then((o) => i._setAndNotify(o)).catch((o) => {
-      r != null ? i._setAndNotify(r(o)) : console.error(
+  static ofPromise = (e, s, n, r = (o, i) => o === i) => {
+    const o = new g(s, r);
+    return e.then((i) => o._setAndNotify(i)).catch((i) => {
+      n != null ? o._setAndNotify(n(i)) : console.error(
         "Unhandled promise rejection in Signal.ofPromise:",
-        o
+        i
       );
-    }), i;
+    }), o;
   };
   /**
    * Checks if a value is a Signal.
@@ -140,22 +140,46 @@ class g {
    * The listener function will be immediately called with the current value of the signal.
    * Returns a function that can be called to unregister the listener.
    *
+   * When called within a DisposalScope (e.g., inside a renderable), the listener is
+   * automatically cleaned up when the scope is disposed. This prevents memory leaks
+   * when listening to outer-scope signals from inner scopes.
+   *
    * @param listener - The listener function to be called when the value of the signal changes.
    * @param options - Options for the listener.
+   *
+   * @example
+   * ```typescript
+   * // Automatic cleanup when scope disposes
+   * const MyComponent = () => {
+   *   const outerSignal = prop(0)
+   *
+   *   return html.div(
+   *     When(someCondition, () => {
+   *       // This listener is automatically cleaned up when the When() disposes
+   *       outerSignal.on(value => console.log(value))
+   *       return html.span('Inner content')
+   *     })
+   *   )
+   * }
+   * ```
    */
   on = (e, s = {}) => {
     s.skipInitial || e(this.get(), void 0);
-    const r = s.once ? (i, o) => {
-      n(), e(i, o);
+    const n = s.once ? (o, i) => {
+      r(), e(o, i);
     } : e;
-    this._onValueListeners.push(r);
-    const n = () => {
+    this._onValueListeners.push(n);
+    const r = () => {
       this._onValueListeners.splice(
-        this._onValueListeners.indexOf(r),
+        this._onValueListeners.indexOf(n),
         1
-      ), s.abortSignal != null && s.abortSignal.removeEventListener("abort", n);
+      ), s.abortSignal != null && s.abortSignal.removeEventListener("abort", r);
     };
-    return s.abortSignal != null && s.abortSignal.addEventListener("abort", n), n;
+    if (s.abortSignal != null && s.abortSignal.addEventListener("abort", r), !s.noAutoDispose) {
+      const o = ue();
+      o?.onDispose(r);
+    }
+    return r;
   };
   /**
    * Registers a listener function to be called whenever the value of the signal changes.
@@ -166,11 +190,11 @@ class g {
    * @param options - Options for the listener.
    */
   onChange = (e, s = {}) => {
-    let r = 0;
-    const n = (i, o) => {
-      r++ > 0 && e(i, o);
+    let n = 0;
+    const r = (o, i) => {
+      n++ > 0 && e(o, i);
     };
-    return this.on(n, s);
+    return this.on(r, s);
   };
   /**
    * @internal
@@ -178,7 +202,7 @@ class g {
   _setAndNotify = (e) => {
     if (this._disposed) return;
     const s = this._value;
-    this.equals(s, e) || (this._value = e, this._onValueListeners.forEach((n) => n(e, s)));
+    this.equals(s, e) || (this._value = e, this._onValueListeners.forEach((r) => r(e, s)));
   };
   /**
    * @internal
@@ -199,9 +223,10 @@ class g {
   };
   /**
    * Disposes the signal, releasing any resources associated with it.
+   * This clears all listeners, derivatives, and disposal callbacks.
    */
   dispose = () => {
-    this._disposed || (this._disposed = !0, this._onDisposeListeners.forEach((e) => e()), this._onDisposeListeners.length = 0, this._derivatives.length = 0);
+    this._disposed || (this._disposed = !0, this._onDisposeListeners.forEach((e) => e()), this._onDisposeListeners.length = 0, this._derivatives.length = 0, this._onValueListeners.length = 0);
   };
   /**
    * Creates a new computed signal by applying a transformation function to this signal's value.
@@ -265,15 +290,15 @@ class g {
    * @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 (auto-registered with current scope)
    */
-  map = (e, s = (r, n) => r === n) => {
-    const r = new $(() => {
+  map = (e, s = (n, r) => n === r) => {
+    const n = new N(() => {
       try {
         return e(this.get());
-      } catch (n) {
-        throw console.error("Error in Signal.map:", n), n;
+      } catch (r) {
+        throw console.error("Error in Signal.map:", r), r;
       }
     }, s);
-    return this.setDerivative(r), r;
+    return this.setDerivative(n), n;
   };
   /**
    * Returns a new Signal that applies the given function to the value of the current Signal,
@@ -285,15 +310,15 @@ class g {
    *               Defaults to a strict equality check (===).
    * @returns A new Signal that emits the values of the resulting Signal.
    */
-  flatMap = (e, s = (r, n) => r === n) => {
-    const r = new $(() => {
+  flatMap = (e, s = (n, r) => n === r) => {
+    const n = new N(() => {
       try {
         return e(this.get()).get();
-      } catch (n) {
-        throw console.error("Error in Signal.flatMap:", n), n;
+      } catch (r) {
+        throw console.error("Error in Signal.flatMap:", r), r;
       }
     }, s);
-    return this.setDerivative(r), r;
+    return this.setDerivative(n), n;
   };
   /**
    * Invokes a callback function with the current value of the signal, without modifying the signal.
@@ -323,16 +348,16 @@ class g {
     });
   }
   filter = (e, s) => {
-    let r = s ?? this.get();
-    const n = new $(() => {
+    let n = s ?? this.get();
+    const r = new N(() => {
       try {
-        const i = this.get();
-        return r = e(i) ? i : r;
-      } catch (i) {
-        throw console.error("Error in Signal.filter:", i), i;
+        const o = this.get();
+        return n = e(o) ? o : n;
+      } catch (o) {
+        throw console.error("Error in Signal.filter:", o), o;
       }
     }, this.equals);
-    return this.setDerivative(n), n;
+    return this.setDerivative(r), r;
   };
   /**
    * Returns a new Computed object that applies the provided mapping function to the value of this Signal,
@@ -344,17 +369,17 @@ class g {
    * @param equals - Optional equality function to determine if two values are equal.
    * @returns - A new Computed object with the mapped and filtered values.
    */
-  filterMap = (e, s, r = (n, i) => n === i) => {
-    let n = s;
-    const i = new $(() => {
+  filterMap = (e, s, n = (r, o) => r === o) => {
+    let r = s;
+    const o = new N(() => {
       try {
-        const o = this.get(), l = e(o);
-        return n = l ?? n;
-      } catch (o) {
-        throw console.error("Error in Signal.filterMap:", o), o;
+        const i = this.get(), l = e(i);
+        return r = l ?? r;
+      } catch (i) {
+        throw console.error("Error in Signal.filterMap:", i), i;
       }
-    }, r);
-    return this.setDerivative(i), i;
+    }, n);
+    return this.setDerivative(o), o;
   };
   /**
    * Maps the values emitted by the signal to a new value asynchronously using the provided function.
@@ -369,25 +394,25 @@ class g {
    * @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.
    */
-  mapAsync = (e, s, r, n = (i, o) => i === o) => {
-    const i = T(s, n);
-    let o = 0, l = new AbortController();
-    return i.onDispose(
+  mapAsync = (e, s, n, r = (o, i) => o === i) => {
+    const o = T(s, r);
+    let i = 0, l = new AbortController();
+    return o.onDispose(
       this.on(async (c) => {
-        const a = ++o;
+        const a = ++i;
         l.abort(), l = new AbortController();
         try {
           const u = await e(c, { abortSignal: l.signal });
-          a === o && i.set(u);
+          a === i && o.set(u);
         } catch (u) {
-          if (a === o)
-            if (r != null)
-              i.set(r(u));
+          if (a === i)
+            if (n != null)
+              o.set(n(u));
             else
               throw u;
         }
       })
-    ), i;
+    ), o;
   };
   /**
    * Maps the values of the signal using the provided function `fn`, and returns a new signal
@@ -399,7 +424,7 @@ class g {
    * @param alt - The alternative value to use when the mapped value is `undefined` or `null`.
    * @returns A new signal containing the mapped values.
    */
-  mapMaybe = (e, s) => this.map((r) => e(r) ?? s);
+  mapMaybe = (e, s) => this.map((n) => e(n) ?? s);
   /**
    * Feeds a property into the signal and sets up disposal behavior.
    * @param prop - The property to feed into the signal.
@@ -407,8 +432,8 @@ class g {
    * @returns The input property.
    */
   feedProp = (e, s = !1) => {
-    const r = this.on(e.set);
-    return e.onDispose(r), s ? this.onDispose(e.dispose) : this.onDispose(r), e;
+    const n = this.on(e.set);
+    return e.onDispose(n), s ? this.onDispose(e.dispose) : this.onDispose(n), e;
   };
   /**
    * Derives a new property from the current signal.
@@ -446,11 +471,11 @@ class g {
         this._derivatives.indexOf(e),
         1
       );
-    }), e.onDispose(this.on(e.setDirty)), this.onDispose(e.dispose);
+    }), e.onDispose(this.on(e.setDirty, { noAutoDispose: !0 })), this.onDispose(e.dispose);
   };
 }
-const Be = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
-class $ extends g {
+const Ge = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
+class N extends g {
   /**
    * Creates a new Computed signal.
    *
@@ -477,8 +502,8 @@ class $ extends g {
    */
   constructor(e, s) {
     super(void 0, s), this._fn = e, this.setDirty();
-    const r = ge();
-    r?.track(this);
+    const n = ue();
+    n?.track(this);
   }
   /**
    * Checks if a value is an instance of `Computed`.
@@ -516,7 +541,7 @@ class $ extends g {
    */
   _scheduleNotify = () => {
     const e = ++this._scheduleCount;
-    Be(() => {
+    Ge(() => {
       this._scheduleCount !== e || this._disposed || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn()));
     });
   };
@@ -571,15 +596,15 @@ class Z extends g {
    * @returns A dispatch function that can be used to update the state and trigger the effects.
    */
   reducer = (e, ...s) => {
-    const r = this;
-    return function n(i) {
-      const o = r.value;
-      r.update((l) => e(l, i)), !r.equals(o, r.value) && s.forEach(
+    const n = this;
+    return function r(o) {
+      const i = n.value;
+      n.update((l) => e(l, o)), !n.equals(i, n.value) && s.forEach(
         (l) => l({
-          previousState: o,
-          state: r.value,
-          action: i,
-          dispatch: n
+          previousState: i,
+          state: n.value,
+          action: o,
+          dispatch: r
         })
       );
     };
@@ -595,9 +620,9 @@ class Z extends g {
    *                Defaults to a strict equality check (===).
    * @returns A Prop object representing the isomorphism.
    */
-  iso = (e, s, r = (n, i) => n === i) => {
-    const n = new Z(e(this.get()), r);
-    return n.onDispose(this.on((i) => n.set(e(i)))), n.on((i) => this._setAndNotify(s(i))), n;
+  iso = (e, s, n = (r, o) => r === o) => {
+    const r = new Z(e(this.get()), n);
+    return r.onDispose(this.on((o) => r.set(e(o)))), r.on((o) => this._setAndNotify(s(o))), r;
   };
   /**
    * Returns a `Prop` that represents the value at the specified key of the current value.
@@ -619,38 +644,38 @@ class Z extends g {
     this._setAndNotify(e);
   }
 }
-const z = (t, e, s = (r, n) => r === n) => {
-  const r = new $(t, s);
-  return e.forEach((n) => n.setDerivative(r)), r;
-}, me = (t, e, s = {}) => {
-  let r = s.once ? () => {
-    i(), t();
+const z = (t, e, s = (n, r) => n === r) => {
+  const n = new N(t, s);
+  return e.forEach((r) => r.setDerivative(n)), n;
+}, Se = (t, e, s = {}) => {
+  let n = s.once ? () => {
+    o(), t();
   } : t;
   if (s.skipInitial) {
-    let o = !1;
-    const l = r;
-    r = () => {
-      o ? l() : o = !0;
+    let i = !1;
+    const l = n;
+    n = () => {
+      i ? l() : i = !0;
     };
   }
-  const n = z(r, e), i = () => {
-    n.dispose(), s.abortSignal != null && s.abortSignal.removeEventListener("abort", i);
-  };
-  return s.abortSignal != null && s.abortSignal.addEventListener("abort", i), i;
-}, T = (t, e = (s, r) => s === r) => {
-  const s = new Z(t, e), r = ge();
-  return r?.track(s), s;
-}, K = (t, e = (s, r) => s === r) => new g(t, e);
-function ye(t) {
+  const r = z(n, e), o = () => {
+    r.dispose(), s.abortSignal != null && s.abortSignal.removeEventListener("abort", o);
+  };
+  return s.abortSignal != null && s.abortSignal.addEventListener("abort", o), o;
+}, T = (t, e = (s, n) => s === n) => {
+  const s = new Z(t, e), n = ue();
+  return n?.track(s), s;
+}, K = (t, e = (s, n) => s === n) => new g(t, e);
+function we(t) {
   return t != null && t !== !1 && t !== 0 && t !== "";
 }
-function We(t) {
-  return !ye(t);
+function Je(t) {
+  return !we(t);
 }
-function Ue(t) {
+function Xe(t) {
   return t == null;
 }
-function Je(t) {
+function Ye(t) {
   return t != null;
 }
 const y = {
@@ -737,48 +762,48 @@ const y = {
    * @param value - The value or signal to check.
    * @returns A signal that emits `true` if the value is truthy, `false` otherwise.
    */
-  truthy: (t) => y.map(t, ye),
+  truthy: (t) => y.map(t, we),
   /**
    * Creates a new signal that emits `true` if the value is falsy, `false` otherwise.
    * @param value - The value or signal to check.
    * @returns A signal that emits `true` if the value is falsy, `false` otherwise.
    */
-  falsy: (t) => y.map(t, We),
+  falsy: (t) => y.map(t, Je),
   /**
    * Creates a new signal that emits `true` if the value is null or undefined, `false` otherwise.
    * @param value - The value or signal to check.
    * @returns A signal that emits `true` if the value is null or undefined, `false` otherwise.
    */
-  nil: (t) => y.map(t, Ue),
+  nil: (t) => y.map(t, Xe),
   /**
    * Creates a new signal that emits `true` if the value is not null or undefined, `false` otherwise.
    * @param value - The value or signal to check.
    * @returns A signal that emits `true` if the value is not null or undefined, `false` otherwise.
    */
-  defined: (t) => y.map(t, Je)
+  defined: (t) => y.map(t, Ye)
 }, ee = (...t) => (e, s) => {
   if (t.length === 1)
     return y.toSignal(t[0]).map(e);
-  const r = t.filter((n) => g.is(n));
+  const n = t.filter((r) => g.is(r));
   return z(
-    () => e(...t.map((n) => y.get(n))),
-    r,
+    () => e(...t.map((r) => y.get(r))),
+    n,
     s
   );
-}, Jt = (t) => {
+}, es = (t) => {
   const e = Object.keys(t);
   return ee(...Object.values(t))(
-    (...s) => Object.fromEntries(e.map((r, n) => [r, s[n]]))
+    (...s) => Object.fromEntries(e.map((n, r) => [n, s[r]]))
   );
-}, Ge = (...t) => (e, s = {}) => {
-  const r = t.filter((n) => g.is(n));
-  return me(
+}, Qe = (...t) => (e, s = {}) => {
+  const n = t.filter((r) => g.is(r));
+  return Se(
     () => e(...t.map(y.get)),
-    r,
+    n,
     s
   );
 };
-class q {
+class j {
   _signals = /* @__PURE__ */ new Set();
   _callbacks = [];
   _disposed = !1;
@@ -851,8 +876,8 @@ class q {
    * @public
    */
   prop(e, s) {
-    const r = oe(() => T(e, s));
-    return this.track(r), r;
+    const n = ie(() => T(e, s));
+    return this.track(n), n;
   }
   /**
    * Creates a computed signal and tracks it in this scope.
@@ -864,9 +889,9 @@ class q {
    * @returns A tracked Computed signal
    * @public
    */
-  computed(e, s, r) {
-    const n = oe(() => z(e, s, r));
-    return this.track(n), n;
+  computed(e, s, n) {
+    const r = ie(() => z(e, s, n));
+    return this.track(r), r;
   }
   /**
    * Creates an effect and tracks it in this scope.
@@ -878,8 +903,8 @@ class q {
    * @returns A clear function (the effect itself is tracked in the scope)
    * @public
    */
-  effect(e, s, r) {
-    return L(this, () => me(e, s, r));
+  effect(e, s, n) {
+    return x(this, () => Se(e, s, n));
   }
   /**
    * Creates a computed signal with curried signature and tracks it in this scope.
@@ -890,9 +915,9 @@ class q {
    * @public
    */
   computedOf(...e) {
-    return (s, r) => {
-      const n = oe(() => ee(...e)(s, r));
-      return this.track(n), n;
+    return (s, n) => {
+      const r = ie(() => ee(...e)(s, n));
+      return this.track(r), r;
     };
   }
   /**
@@ -904,20 +929,20 @@ class q {
    * @public
    */
   effectOf(...e) {
-    return (s, r) => L(this, () => Ge(...e)(s, r));
+    return (s, n) => x(this, () => Qe(...e)(s, n));
   }
 }
-const Xe = (t, e, s) => t + (e - t) * s, de = 97, Ye = (t, e, s) => {
-  const r = Math.max(t.length, e.length);
-  let n = "";
-  for (let i = 0; i < r; i++) {
-    let o = t.charCodeAt(i);
-    isNaN(o) && (o = de);
-    let l = e.charCodeAt(i);
-    isNaN(l) && (l = de), n += String.fromCharCode(o + (l - o) * s);
+const Ze = (t, e, s) => t + (e - t) * s, ge = 97, ze = (t, e, s) => {
+  const n = Math.max(t.length, e.length);
+  let r = "";
+  for (let o = 0; o < n; o++) {
+    let i = t.charCodeAt(o);
+    isNaN(i) && (i = ge);
+    let l = e.charCodeAt(o);
+    isNaN(l) && (l = ge), r += String.fromCharCode(i + (l - i) * s);
   }
-  return n;
-}, Qe = (t, e, s) => new Date(t.getTime() + (e.getTime() - t.getTime()) * s), Ze = (t, e) => e, ze = (t) => typeof t == "number" ? Xe : typeof t == "string" ? Ye : t instanceof Date ? Qe : Ze;
+  return r;
+}, Ke = (t, e, s) => new Date(t.getTime() + (e.getTime() - t.getTime()) * s), et = (t, e) => e, tt = (t) => typeof t == "number" ? Ze : typeof t == "string" ? ze : t instanceof Date ? Ke : et;
 class le {
   /**
    * Creates a new instance of `ElementPosition`.
@@ -966,7 +991,7 @@ class le {
     this.#e?.dispose(), this.#e = void 0;
   };
 }
-const ce = () => (
+const he = () => (
   /* c8 ignore next */
   typeof window < "u" ? window : void 0
 );
@@ -987,164 +1012,172 @@ class be {
     this._store.set(e, s);
   };
 }
-const Se = ({
+let ce = null, ae = null;
+const st = () => (ce || (ce = new be()), ce), nt = () => (ae || (ae = new be()), ae), _e = ({
   key: t,
   defaultValue: e,
   store: s,
-  serialize: r = JSON.stringify,
-  deserialize: n = JSON.parse,
-  equals: i = (a, u) => a === u,
-  onLoad: o = (a) => a,
+  serialize: n = JSON.stringify,
+  deserialize: r = JSON.parse,
+  equals: o = (a, u) => a === u,
+  onLoad: i = (a) => a,
   syncTabs: l = !0,
   onKeyChange: c = "load"
 }) => {
   let a = y.get(t);
   const u = s.getItem(a), h = new Z(
-    u != null ? o(n(u)) : typeof e == "function" ? e() : e,
-    i
-  ), p = ce(), f = l && typeof p?.BroadcastChannel == "function";
-  let m = !1, S = null, D = null;
-  const w = (b) => {
-    if (!f) return null;
-    const k = `tempo:storedProp:${b}`, A = new p.BroadcastChannel(k), M = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`, x = (F) => {
+    u != null ? i(r(u)) : typeof e == "function" ? e() : e,
+    o
+  ), p = he(), d = l && typeof p?.BroadcastChannel == "function";
+  let m = !1, w = null, D = null;
+  const b = (S) => {
+    if (!d) return null;
+    const M = `tempo:storedProp:${S}`, A = new p.BroadcastChannel(M), k = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`, P = (F) => {
       const v = F.data;
-      if (!(v == null || typeof v != "object" || v.key !== b || typeof v.value != "string" || v.sourceId != null && v.sourceId === M))
+      if (!(v == null || typeof v != "object" || v.key !== S || typeof v.value != "string" || v.sourceId != null && v.sourceId === k))
         try {
           m = !0;
-          const ie = o(n(v.value));
-          h.set(ie);
-        } catch (ie) {
+          const oe = i(r(v.value));
+          h.set(oe);
+        } catch (oe) {
           console.warn(
-            `Failed to sync storedProp for key "${b}" via BroadcastChannel`,
-            ie
+            `Failed to sync storedProp for key "${S}" via BroadcastChannel`,
+            oe
           );
         } finally {
           m = !1;
         }
     };
-    return A.addEventListener("message", x), h.onDispose(() => {
-      A?.removeEventListener("message", x), A?.close();
-    }), { channel: A, instanceId: M, handleMessage: x };
-  }, P = w(a);
-  P && (S = P.channel, D = P.instanceId);
-  const ne = (b) => {
-    const k = a;
-    if (k === b) return;
-    const A = h.get(), M = r(A);
-    if (s.setItem(k, M), S != null && (S.close(), S = null, D = null), a = b, c === "load") {
-      const F = s.getItem(b);
+    return A.addEventListener("message", P), h.onDispose(() => {
+      A?.removeEventListener("message", P), A?.close();
+    }), { channel: A, instanceId: k, handleMessage: P };
+  }, L = b(a);
+  L && (w = L.channel, D = L.instanceId);
+  const re = (S) => {
+    const M = a;
+    if (M === S) return;
+    const A = h.get(), k = n(A);
+    if (s.setItem(M, k), w != null && (w.close(), w = null, D = null), a = S, c === "load") {
+      const F = s.getItem(S);
       if (F != null)
         try {
-          const v = o(n(F));
+          const v = i(r(F));
           h.set(v);
         } catch (v) {
           console.warn(
-            `Failed to load storedProp from new key "${b}"`,
+            `Failed to load storedProp from new key "${S}"`,
             v
           );
         }
       else
-        s.setItem(b, M);
-    } else c === "migrate" && s.setItem(b, M);
-    const x = w(b);
-    x && (S = x.channel, D = x.instanceId);
-  };
-  return g.is(t) && h.onDispose(t.on(ne)), h.on((b, k) => {
-    const A = r(b);
-    s.setItem(a, A), S != null && !m && k !== void 0 && D != null && S.postMessage({
+        s.setItem(S, k);
+    } else c === "migrate" && s.setItem(S, k);
+    const P = b(S);
+    P && (w = P.channel, D = P.instanceId);
+  };
+  return g.is(t) && h.onDispose(t.on(re)), h.on((S, M) => {
+    const A = n(S);
+    s.setItem(a, A), w != null && !m && M !== void 0 && D != null && w.postMessage({
       key: a,
       value: A,
       sourceId: D
     });
   }), h;
-}, Gt = (t) => Se({
-  ...t,
-  /* c8 ignore next 3 */
-  store: ce()?.localStorage ?? new be()
-}), Xt = (t) => Se({
-  ...t,
-  /* c8 ignore next 3 */
-  store: ce()?.sessionStorage ?? new be()
-});
-function fe(t) {
+}, ts = (t) => {
+  const s = he()?.localStorage, n = s && typeof s.getItem == "function" ? s : st();
+  return _e({
+    ...t,
+    store: n
+  });
+}, ss = (t) => {
+  const s = he()?.sessionStorage, n = s && typeof s.getItem == "function" ? s : nt();
+  return _e({
+    ...t,
+    store: n
+  });
+};
+function me(t) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 0);
 }
-const Ke = (t, e, s, r) => {
-  const n = r?.duration ?? 300, i = r?.easing ?? ((w) => w), o = r?.equals ?? ((w, P) => w === P);
-  let l = r?.interpolate, c = t, a = e(), u = performance.now(), h = null, p = !0;
-  const f = new $(e, o), m = T(t, o);
+const rt = (t, e, s, n) => {
+  const r = n?.duration ?? 300, o = n?.easing ?? ((b) => b), i = n?.equals ?? ((b, L) => b === L);
+  let l = n?.interpolate, c = t, a = e(), u = performance.now(), h = null, p = !0;
+  const d = new N(e, i), m = T(t, i);
   m.onDispose(() => {
     h !== null && cancelAnimationFrame(h);
-  }), m.onDispose(f.dispose), s.forEach((w) => {
-    w.setDerivative(f), w.onDispose(m.dispose);
+  }), m.onDispose(d.dispose), s.forEach((b) => {
+    b.setDerivative(d), b.onDispose(m.dispose);
   });
-  const S = (w) => {
-    a = w, u = performance.now(), c = m.value, p && (p = !1, h = fe(D));
+  const w = (b) => {
+    a = b, u = performance.now(), c = m.value, p && (p = !1, h = me(D));
   }, D = () => {
-    const P = (performance.now() - u) / y.get(n), ne = i(P);
-    l == null && (l = ze(c));
-    let b = l(c, a, ne);
-    P >= 1 ? (p = !0, b = a) : h = fe(D), m.set(b);
-  };
-  return f.on(S), m;
-}, Yt = (t, e) => {
-  const { initialValue: s, ...r } = e ?? {};
-  return Ke(
+    const L = (performance.now() - u) / y.get(r), re = o(L);
+    l == null && (l = tt(c));
+    let S = l(c, a, re);
+    L >= 1 ? (p = !0, S = a) : h = me(D), m.set(S);
+  };
+  return d.on(w), m;
+}, ns = (t, e) => {
+  const { initialValue: s, ...n } = e ?? {};
+  return rt(
     /* c8 ignore next 2 */
     s ?? t.get(),
     t.get,
     [t],
-    r
+    n
   );
-}, et = (t, e) => {
-  const s = Object.values(t).filter(g.is), r = Object.keys(t);
+}, ot = (t, e) => {
+  const s = Object.values(t).filter(g.is), n = Object.keys(t);
   return z(() => {
-    const n = {};
-    for (const i of r)
-      n[i] = y.get(t[i]);
-    return e(n);
+    const r = {};
+    for (const o of n)
+      r[o] = y.get(t[o]);
+    return e(r);
   }, s);
-}, Qt = (t) => et(t, (e) => e), Zt = (t, e) => {
+}, rs = (t) => ot(t, (e) => e), os = (t, e) => {
   const s = T(t.get());
-  let r = null;
-  const n = t.on((i) => {
-    r != null && clearTimeout(r), r = setTimeout(
-      () => {
-        r = null, s.set(i);
-      },
-      typeof e == "function" ? e(i) : e
-    );
-  });
+  let n = null;
+  const r = t.on(
+    (o) => {
+      n != null && clearTimeout(n), n = setTimeout(
+        () => {
+          n = null, s.set(o);
+        },
+        typeof e == "function" ? e(o) : e
+      );
+    },
+    { noAutoDispose: !0 }
+  );
   return s.onDispose(() => {
-    n(), r != null && clearTimeout(r);
+    r(), n != null && clearTimeout(n);
   }), s;
-}, zt = (t) => {
+}, is = (t) => {
   let e;
   return t.map((s) => {
-    const r = e;
-    return e = s, r;
+    const n = e;
+    return e = s, n;
   });
-}, Kt = ({
+}, ls = ({
   size: t = void 0,
   signal: e
 }) => {
   const s = [];
-  return e.map((r) => (s.push(r), t != null && s.length > t && s.shift(), s.slice()));
-}, es = (t) => (...e) => ee(
+  return e.map((n) => (s.push(n), t != null && s.length > t && s.shift(), s.slice()));
+}, cs = (t) => (...e) => ee(
   t,
   ...e
-)((s, ...r) => s(...r));
-function ts(...t) {
+)((s, ...n) => s(...n));
+function as(...t) {
   return ee(...t)((...e) => {
     for (const s of e) if (s != null) return s;
   });
 }
-const we = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), _e = /* @__PURE__ */ new Set(["selected"]), ve = /* @__PURE__ */ new Set([
+const ve = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), Te = /* @__PURE__ */ new Set(["selected"]), Ae = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), Te = /* @__PURE__ */ new Set(["valueAsDate"]), Ae = /* @__PURE__ */ new Set([
+]), Ee = /* @__PURE__ */ new Set(["valueAsDate"]), Ce = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -1152,28 +1185,28 @@ const we = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), _e = /* @
   "outerHTML",
   "className",
   "classList"
-]), tt = (t, e) => _e.has(t) ? (s) => {
+]), it = (t, e) => Te.has(t) ? (s) => {
   s == null || s !== !0 ? e.removeAttribute(t) : e.setAttribute(t, "");
-} : we.has(t) ? (s) => {
-  s == null ? e[t] = null : e[t] = !!s;
 } : ve.has(t) ? (s) => {
+  s == null ? e[t] = null : e[t] = !!s;
+} : Ae.has(t) ? (s) => {
   s == null ? e[t] = null : e[t] = Number(s);
-} : Te.has(t) ? (s) => {
+} : Ee.has(t) ? (s) => {
   s == null ? e[t] = null : e[t] = s;
-} : Ae.has(t) ? (s) => {
+} : Ce.has(t) ? (s) => {
   s == null ? e[t] = null : e[t] = String(s);
 } : (s) => {
   s == null ? e.removeAttribute(t) : e.setAttribute(t, s);
-}, st = (t, e) => _e.has(t) ? () => e.hasAttribute(t) : we.has(t) ? () => !!e[t] : ve.has(t) ? () => Number(e[t]) : Te.has(t) ? () => e[t] : Ae.has(t) ? () => String(e[t]) : () => e.getAttribute(t), U = (t) => {
+}, lt = (t, e) => Te.has(t) ? () => e.hasAttribute(t) : ve.has(t) ? () => !!e[t] : Ae.has(t) ? () => Number(e[t]) : Ee.has(t) ? () => e[t] : Ce.has(t) ? () => String(e[t]) : () => e.getAttribute(t), U = (t) => {
   const e = t;
   e && e.onblur && (e.onblur = null), !(!t || t.ownerDocument === void 0) && t.parentElement && t.parentElement.removeChild(t);
-}, rt = (t) => Ee(t) ? t : t.parentElement, Ee = (t) => t.nodeType === 1;
-class Ce extends Error {
+}, ct = (t) => De(t) ? t : t.parentElement, De = (t) => t.nodeType === 1;
+class Le extends Error {
   constructor(e) {
     super(`Provider not found: ${e.description}`);
   }
 }
-class N {
+class $ {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -1183,8 +1216,8 @@ class N {
    * @param providers - The `Providers` instance associated with this context.
    * @param isFirstLevel - A boolean value indicating whether this context is at the first level, meaning the outermost node in the generated DOM.
    */
-  constructor(e, s, r, n) {
-    this.document = e, this.element = s, this.reference = r, this.providers = n;
+  constructor(e, s, n, r) {
+    this.document = e, this.element = s, this.reference = n, this.providers = r;
   }
   /**
    * Creates a new `DOMContext` instance for the given `Element` and optional reference `Node`.
@@ -1194,8 +1227,8 @@ class N {
    * @param providers - The providers to associate with the `DOMContext`.
    * @returns A new `DOMContext` instance.
    */
-  static of(e, s, r) {
-    return new N(e.ownerDocument, e, s, r);
+  static of(e, s, n) {
+    return new $(e.ownerDocument, e, s, n);
   }
   /**
    * Creates a new DOM element (eg: HTML or SVG) with the specified tag name and namespace.
@@ -1228,8 +1261,8 @@ class N {
    * @returns A new DOMContext focused on the newly created child element
    */
   makeChildElement = (e, s) => {
-    const r = this.createElement(e, s);
-    return this.appendOrInsert(r), this.withElement(r);
+    const n = this.createElement(e, s);
+    return this.appendOrInsert(n), this.withElement(n);
   };
   /**
    * Creates a new text node with the specified text content.
@@ -1280,7 +1313,7 @@ class N {
    * @param element - The DOM element to use in the new `DOMContext` instance.
    * @returns A new `DOMContext` instance with the provided `element`.
    */
-  withElement = (e) => new N(this.document, e, void 0, this.providers);
+  withElement = (e) => new $(this.document, e, void 0, this.providers);
   /**
    * Creates a portal to render content in a different part of the DOM tree.
    *
@@ -1337,7 +1370,7 @@ class N {
    * @param reference - The optional `Text` node to use as the reference for the new `DOMContext`.
    * @returns A new `DOMContext` instance with the specified reference.
    */
-  withReference = (e) => new N(this.document, this.element, e, this.providers);
+  withReference = (e) => new $(this.document, this.element, e, this.providers);
   /**
    * Sets a provider for the given provider mark.
    *
@@ -1345,9 +1378,9 @@ class N {
    * @param value - The provider to set for the given mark.
    * @returns A new `DOMContext` instance with the specified provider.
    */
-  setProvider = (e, s, r) => new N(this.document, this.element, this.reference, {
+  setProvider = (e, s, n) => new $(this.document, this.element, this.reference, {
     ...this.providers,
-    [e]: [s, r]
+    [e]: [s, n]
   });
   /**
    * Retrieves a provider for the given provider mark.
@@ -1358,9 +1391,9 @@ class N {
    */
   getProvider = (e) => {
     if (this.providers[e] === void 0)
-      throw new Ce(e);
-    const [s, r] = this.providers[e];
-    return { value: s, onUse: r };
+      throw new Le(e);
+    const [s, n] = this.providers[e];
+    return { value: s, onUse: n };
   };
   clear = (e) => {
     e && (this.reference !== void 0 ? U(this.reference) : U(this.element));
@@ -1391,10 +1424,10 @@ class N {
    * @param options - The options for the event listener.
    * @returns A function to remove the event listener.
    */
-  on = (e, s, r) => {
-    const n = (i) => s(i, this);
-    return this.element.addEventListener(e, n, r), (i) => {
-      i && this.element.removeEventListener(e, n, r);
+  on = (e, s, n) => {
+    const r = (o) => s(o, this);
+    return this.element.addEventListener(e, r, n), (o) => {
+      o && this.element.removeEventListener(e, r, n);
     };
   };
   /**
@@ -1433,57 +1466,57 @@ class N {
    */
   getStyle = (e) => this.element.style[e];
   makeAccessors = (e) => ({
-    get: st(e, this.element),
-    set: tt(e, this.element)
+    get: lt(e, this.element),
+    set: it(e, this.element)
   });
   getWindow = () => this.document.defaultView;
 }
-const nt = (t) => Symbol(t), ae = (t, e) => {
-  const s = new q(), r = L(s, () => t(e));
-  return (n = !0) => {
-    s.dispose(), r(n);
-  };
-}, ss = (t, e, { doc: s, clear: r, disposeWithParent: n = !0, providers: i = {} } = {}) => {
-  const o = typeof e == "string" ? (s ?? document).querySelector(e) : e;
-  if (o === null)
-    throw new it(
+const at = (t) => Symbol(t), fe = (t, e) => {
+  const s = new j(), n = x(s, () => t(e));
+  return (r = !0) => {
+    s.dispose(), n(r);
+  };
+}, us = (t, e, { doc: s, clear: n, disposeWithParent: r = !0, providers: o = {} } = {}) => {
+  const i = typeof e == "string" ? (s ?? document).querySelector(e) : e;
+  if (i === null)
+    throw new ut(
       `Cannot find element by selector for render: ${e}`
     );
-  r !== !1 && (s ?? o.ownerDocument) != null && o.nodeType === 1 && (o.innerHTML = "");
-  const l = rt(o), c = Ee(o) ? void 0 : o, a = N.of(l, c, i), u = ae(t, a);
+  n !== !1 && (s ?? i.ownerDocument) != null && i.nodeType === 1 && (i.innerHTML = "");
+  const l = ct(i), c = De(i) ? void 0 : i, a = $.of(l, c, o), u = fe(t, a);
   let h;
-  return n && (h = new MutationObserver((p) => {
-    p[0]?.removedNodes.forEach((f) => {
-      f === o && (h?.disconnect(), u(o.nodeType !== 1));
+  return r && (h = new MutationObserver((p) => {
+    p[0]?.removedNodes.forEach((d) => {
+      d === i && (h?.disconnect(), u(i.nodeType !== 1));
     });
-  }), h.observe(o.parentElement, {
+  }), h.observe(i.parentElement, {
     childList: !0,
     subtree: !1,
     attributes: !1
   })), () => {
     h?.disconnect(), u(!0);
   };
-}, rs = (t, {
+}, hs = (t, {
   startUrl: e = "https://example.com",
   selector: s,
-  providers: r = {}
+  providers: n = {}
 } = {
   selector: "body"
 }) => {
-  const n = y.toSignal(e).deriveProp(), i = new Oe(s, void 0), o = new R(i, void 0, { currentURL: n }, r);
+  const r = y.toSignal(e).deriveProp(), o = new ke(s, void 0), i = new R(o, void 0, { currentURL: r }, n);
   return {
-    clear: ae(t(), o),
-    root: i,
-    currentURL: n
+    clear: fe(t(), i),
+    root: o,
+    currentURL: r
   };
 };
-class it extends Error {
+class ut extends Error {
   constructor(e) {
     super(e);
   }
 }
-const De = "data-tts-node", J = "data-tts-class", G = "data-tts-style", X = "data-tts-html", Y = "data-tts-text", Q = "data-tts-attrs";
-class ns {
+const Pe = "data-tts-node", G = "data-tts-class", J = "data-tts-style", X = "data-tts-html", Y = "data-tts-text", Q = "data-tts-attrs";
+class fs {
   /**
    * 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.
@@ -1560,10 +1593,10 @@ class ns {
   constructor({
     select: e,
     getAttribute: s,
-    setAttribute: r,
-    getClass: n,
-    setClass: i,
-    getStyles: o,
+    setAttribute: n,
+    getClass: r,
+    setClass: o,
+    getStyles: i,
     setStyles: l,
     appendHTML: c,
     getInnerHTML: a,
@@ -1571,7 +1604,7 @@ class ns {
     getInnerText: h,
     setInnerText: p
   }) {
-    this.select = e, this.getAttribute = s, this.setAttribute = r, this.getClass = n, this.setClass = i, this.getStyles = o, this.setStyles = l, this.appendHTML = c, this.getInnerHTML = a, this.setInnerHTML = u, this.getInnerText = h, this.setInnerText = p;
+    this.select = e, this.getAttribute = s, this.setAttribute = n, this.getClass = r, this.setClass = o, this.getStyles = i, this.setStyles = l, this.appendHTML = c, this.getInnerHTML = a, this.setInnerHTML = u, this.getInnerText = h, this.setInnerText = p;
   }
   /**
    * Sets the content of the root element from a HeadlessPortal. Generally this will be the same instance that is
@@ -1582,116 +1615,116 @@ class ns {
    * when you render on the server and then hydrate on the client.
    */
   setFromRoot = (e, s) => {
-    e.getPortals().forEach((n) => {
-      const i = typeof n.selector == "string" ? this.select(n.selector) : [n.selector];
-      for (const o of i) {
-        if (o == null)
+    e.getPortals().forEach((r) => {
+      const o = typeof r.selector == "string" ? this.select(r.selector) : [r.selector];
+      for (const i of o) {
+        if (i == null)
           throw new Error(
-            `Cannot find element by selector for render: ${n.selector}`
+            `Cannot find element by selector for render: ${r.selector}`
           );
-        if (n.hasChildren() && this.appendHTML(o, n.contentToHTML(s)), n.hasInnerHTML()) {
+        if (r.hasChildren() && this.appendHTML(i, r.contentToHTML(s)), r.hasInnerHTML()) {
           if (s) {
-            const l = this.getInnerHTML(o);
-            l != null && this.setAttribute(o, X, l);
+            const l = this.getInnerHTML(i);
+            l != null && this.setAttribute(i, X, l);
           }
-          this.setInnerHTML(o, n.getInnerHTML());
+          this.setInnerHTML(i, r.getInnerHTML());
         }
-        if (n.hasInnerText()) {
+        if (r.hasInnerText()) {
           if (s) {
-            const l = this.getInnerText(o);
-            l != null && this.setAttribute(o, Y, l);
+            const l = this.getInnerText(i);
+            l != null && this.setAttribute(i, Y, l);
           }
-          this.setInnerText(o, n.getInnerText());
+          this.setInnerText(i, r.getInnerText());
         }
-        if (n.hasClasses()) {
+        if (r.hasClasses()) {
           if (s) {
-            const l = this.getClass(o);
-            l != null && this.setAttribute(o, J, l);
+            const l = this.getClass(i);
+            l != null && this.setAttribute(i, G, l);
           }
-          this.setClass(o, n.getClasses().join(" "));
+          this.setClass(i, r.getClasses().join(" "));
         }
-        if (n.hasStyles()) {
+        if (r.hasStyles()) {
           if (s) {
-            const l = this.getStyles(o);
+            const l = this.getStyles(i);
             Object.keys(l).length > 0 && this.setAttribute(
-              o,
-              G,
+              i,
+              J,
               JSON.stringify(l)
             );
           }
-          this.setStyles(o, n.getStyles());
+          this.setStyles(i, r.getStyles());
         }
-        if (n.hasAttributes()) {
-          const l = n.getAttributes();
+        if (r.hasAttributes()) {
+          const l = r.getAttributes();
           if (s) {
             const c = [];
             l.forEach(([a]) => {
-              const u = this.getAttribute(o, a);
+              const u = this.getAttribute(i, a);
               u != null && c.push([a, u]);
             }), c.length > 0 && this.setAttribute(
-              o,
+              i,
               Q,
               JSON.stringify(Object.fromEntries(c))
             );
           }
           l.forEach(([c, a]) => {
-            this.setAttribute(o, c, a);
+            this.setAttribute(i, c, a);
           });
         }
       }
     });
   };
 }
-const ot = () => {
-  document.querySelectorAll(`[${De}]`).forEach(U);
-}, lt = (t) => {
-  const e = t.getAttribute(J);
-  t.removeAttribute(J), e != null && t.setAttribute("class", e);
-}, ct = () => {
-  document.querySelectorAll(`[${J}]`).forEach((e) => lt(e));
-}, at = (t) => {
+const ht = () => {
+  document.querySelectorAll(`[${Pe}]`).forEach(U);
+}, ft = (t) => {
+  const e = t.getAttribute(G);
+  t.removeAttribute(G), e != null && t.setAttribute("class", e);
+}, dt = () => {
+  document.querySelectorAll(`[${G}]`).forEach((e) => ft(e));
+}, pt = (t) => {
   const e = t.getAttribute(X);
   t.removeAttribute(X), e != null && (t.innerHTML = e);
-}, ut = () => {
-  document.querySelectorAll(`[${X}]`).forEach((e) => at(e));
-}, ht = (t) => {
+}, gt = () => {
+  document.querySelectorAll(`[${X}]`).forEach((e) => pt(e));
+}, mt = (t) => {
   const e = t.getAttribute(Y);
   t.removeAttribute(Y), e != null && (t.innerText = e);
-}, dt = () => {
-  document.querySelectorAll(`[${Y}]`).forEach((e) => ht(e));
-}, Pe = (t) => JSON.parse(t.replace(/&quot;/g, '"')), ft = (t) => {
-  const e = t.getAttribute(G);
-  if (t.removeAttribute(G), e != null) {
-    const s = Pe(e);
-    Object.entries(s).forEach(([r, n]) => {
-      t.style.setProperty(r, n);
+}, yt = () => {
+  document.querySelectorAll(`[${Y}]`).forEach((e) => mt(e));
+}, xe = (t) => JSON.parse(t.replace(/&quot;/g, '"')), St = (t) => {
+  const e = t.getAttribute(J);
+  if (t.removeAttribute(J), e != null) {
+    const s = xe(e);
+    Object.entries(s).forEach(([n, r]) => {
+      t.style.setProperty(n, r);
     });
   }
-}, pt = () => {
-  document.querySelectorAll(`[${G}]`).forEach((e) => ft(e));
-}, gt = (t) => {
+}, wt = () => {
+  document.querySelectorAll(`[${J}]`).forEach((e) => St(e));
+}, bt = (t) => {
   const e = t.getAttribute(Q);
   if (t.removeAttribute(Q), e != null) {
-    const s = Pe(e);
-    Object.entries(s).forEach(([r, n]) => {
-      n == null ? t.removeAttribute(r) : t.setAttribute(r, n);
+    const s = xe(e);
+    Object.entries(s).forEach(([n, r]) => {
+      r == null ? t.removeAttribute(n) : t.setAttribute(n, r);
     });
   }
-}, mt = () => {
-  document.querySelectorAll(`[${Q}]`).forEach((e) => gt(e));
-}, is = () => {
-  ot(), ct(), dt(), ut(), pt(), mt();
-}, I = Symbol("class"), H = Symbol("style"), B = Symbol("handler"), xe = () => Math.random().toString(36).substring(2, 15), yt = (t) => t.replace(/<[^>]*>?/g, "");
-class Le {
+}, _t = () => {
+  document.querySelectorAll(`[${Q}]`).forEach((e) => bt(e));
+}, ds = () => {
+  ht(), dt(), yt(), gt(), wt(), _t();
+}, I = Symbol("class"), H = Symbol("style"), B = Symbol("handler"), Oe = () => Math.random().toString(36).substring(2, 15), vt = (t) => t.replace(/<[^>]*>?/g, "");
+class Me {
   constructor(e) {
     this.parent = e;
   }
-  id = xe();
+  id = Oe();
   properties = {};
   children = [];
   isElement = () => !0;
   isText = () => !1;
-  getText = () => this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? yt(this.properties.innerHTML) : this.children.map((e) => e.getText()).join("");
+  getText = () => this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? vt(this.properties.innerHTML) : this.children.map((e) => e.getText()).join("");
   removeChild = (e) => {
     const s = this.children.indexOf(e);
     s !== -1 && this.children.splice(s, 1);
@@ -1721,43 +1754,43 @@ class Le {
     if (this.properties.id === e)
       return this;
     for (const s of this.elements()) {
-      const r = s.getById(e);
-      if (r != null)
-        return r;
+      const n = s.getById(e);
+      if (n != null)
+        return n;
     }
   };
   trigger = (e, s) => {
-    ((this.properties[B] ?? {})[e] ?? []).forEach((n) => n(s));
+    ((this.properties[B] ?? {})[e] ?? []).forEach((r) => r(s));
   };
   click = () => {
     this.trigger("click", {});
   };
-  on = (e, s, r, n) => {
-    const i = this.properties[B] ??= {}, o = n?.once ? (c) => {
-      l(), s(c, r);
-    } : (c) => s(c, r);
-    i[e] = [...i[e] ?? [], o];
+  on = (e, s, n, r) => {
+    const o = this.properties[B] ??= {}, i = r?.once ? (c) => {
+      l(), s(c, n);
+    } : (c) => s(c, n);
+    o[e] = [...o[e] ?? [], i];
     const l = () => {
-      const c = i[e] ?? [], a = c.indexOf(o);
-      a !== -1 && (c.splice(a, 1), c.length === 0 ? (delete i[e], Object.keys(i).length === 0 && delete this.properties[B]) : i[e] = c, n?.signal != null && n.signal.removeEventListener("abort", l));
+      const c = o[e] ?? [], a = c.indexOf(i);
+      a !== -1 && (c.splice(a, 1), c.length === 0 ? (delete o[e], Object.keys(o).length === 0 && delete this.properties[B]) : o[e] = c, r?.signal != null && r.signal.removeEventListener("abort", l));
     };
-    return n?.signal != null && n.signal.addEventListener("abort", l), l;
+    return r?.signal != null && r.signal.addEventListener("abort", l), l;
   };
   addClasses = (e) => {
     if (e.length === 0)
       return;
     const s = this.properties[I] ??= [];
-    e.forEach((r) => {
-      s.includes(r) || s.push(r);
+    e.forEach((n) => {
+      s.includes(n) || s.push(n);
     });
   };
   removeClasses = (e) => {
     if (e.length === 0)
       return;
     const s = this.properties[I] ??= [];
-    e.forEach((r) => {
-      const n = s.indexOf(r);
-      n !== -1 && s.splice(n, 1);
+    e.forEach((n) => {
+      const r = s.indexOf(n);
+      r !== -1 && s.splice(r, 1);
     }), s.length === 0 && delete this.properties[I];
   };
   getClasses = () => this.properties[I] ?? [];
@@ -1768,8 +1801,8 @@ class Le {
     (e) => e === I ? [["class", this.getClasses()]] : e === H ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
   );
   setStyle = (e, s) => {
-    const r = this.properties[H] ??= {};
-    r[e] = s, s === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[H]);
+    const n = this.properties[H] ??= {};
+    n[e] = s, s === "" && (delete n[e], Object.keys(n).length === 0 && delete this.properties[H]);
   };
   getStyle = (e) => this.properties[H]?.[e] ?? "";
   getStyles = () => this.properties[H] ?? {};
@@ -1777,24 +1810,24 @@ class Le {
     const s = this.properties;
     return {
       get: () => s[e],
-      set: (r) => s[e] = r
+      set: (n) => s[e] = n
     };
   };
 }
-const bt = (t) => t.replace(/"/g, "&quot;"), St = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-class wt extends Le {
-  constructor(e, s, r) {
-    super(r), this.tagName = e, this.namespace = s;
+const Tt = (t) => t.replace(/"/g, "&quot;"), At = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+class Et extends Me {
+  constructor(e, s, n) {
+    super(n), this.tagName = e, this.namespace = s;
   }
   isPortal = () => !1;
   toHTML = (e = !1) => {
-    const s = this.children.map((l) => l.toHTML()).join(""), r = this.namespace ? ` xmlns="${this.namespace}"` : "";
-    let n = null;
-    const i = this.getVisibleAttributes().map(([l, c]) => l === "class" ? ` class="${c.join(" ")}"` : l === "style" ? typeof c == "string" ? ` style="${c}"` : ` style="${Object.entries(c).map(([a, u]) => `${a}: ${u};`).join(" ")}"` : vt.has(l) ? ` ${l}` : l === "innerHTML" ? (n = c, "") : l === "innerText" ? (n = St(c), "") : ` ${l}="${bt(c)}"`).join(""), o = e ? ` ${De}` : "";
-    return Tt.has(this.tagName) && s === "" ? `<${this.tagName}${r}${i}${o} />` : `<${this.tagName}${r}${i}${o}>${n ?? s}</${this.tagName}>`;
+    const s = this.children.map((l) => l.toHTML()).join(""), n = this.namespace ? ` xmlns="${this.namespace}"` : "";
+    let r = null;
+    const o = this.getVisibleAttributes().map(([l, c]) => l === "class" ? ` class="${c.join(" ")}"` : l === "style" ? typeof c == "string" ? ` style="${c}"` : ` style="${Object.entries(c).map(([a, u]) => `${a}: ${u};`).join(" ")}"` : Dt.has(l) ? ` ${l}` : l === "innerHTML" ? (r = c, "") : l === "innerText" ? (r = At(c), "") : ` ${l}="${Tt(c)}"`).join(""), i = e ? ` ${Pe}` : "";
+    return Lt.has(this.tagName) && s === "" ? `<${this.tagName}${n}${o}${i} />` : `<${this.tagName}${n}${o}${i}>${r ?? s}</${this.tagName}>`;
   };
 }
-class Oe extends Le {
+class ke extends Me {
   constructor(e, s) {
     super(s), this.selector = e;
   }
@@ -1802,19 +1835,19 @@ class Oe extends Le {
   toHTML = () => "";
   contentToHTML = (e = !1) => this.children.map((s) => s.toHTML(e)).join("");
 }
-class _t {
+class Ct {
   constructor(e) {
     this.text = e;
   }
-  id = xe();
+  id = Oe();
   isElement = () => !1;
   isText = () => !0;
   getText = () => this.text;
   toHTML = () => this.text;
 }
 class R {
-  constructor(e, s, r, n) {
-    this.element = e, this.reference = s, this.container = r, this.providers = n;
+  constructor(e, s, n, r) {
+    this.element = e, this.reference = s, this.container = n, this.providers = r;
   }
   appendOrInsert = (e) => {
     if (this.reference != null) {
@@ -1824,16 +1857,16 @@ class R {
       this.element.children.push(e);
   };
   makeChildElement = (e, s) => {
-    const r = new wt(e, s, this.element);
-    return this.appendOrInsert(r), new R(
-      r,
+    const n = new Et(e, s, this.element);
+    return this.appendOrInsert(n), new R(
+      n,
       void 0,
       this.container,
       this.providers
     );
   };
   makeChildText = (e) => {
-    const s = new _t(e);
+    const s = new Ct(e);
     return this.appendOrInsert(s), new R(
       this.element,
       s,
@@ -1847,7 +1880,7 @@ class R {
   getText = () => this.reference?.getText() ?? this.element.getText();
   makeRef = () => this.makeChildText("");
   makePortal = (e) => {
-    const s = new Oe(e, this.element);
+    const s = new ke(e, this.element);
     return this.appendOrInsert(s), new R(
       s,
       void 0,
@@ -1862,15 +1895,15 @@ class R {
    * @param value - The provider to set for the given mark.
    * @returns A new `DOMContext` instance with the specified provider.
    */
-  setProvider = (e, s, r) => new R(this.element, this.reference, this.container, {
+  setProvider = (e, s, n) => new R(this.element, this.reference, this.container, {
     ...this.providers,
-    [e]: [s, r]
+    [e]: [s, n]
   });
   getProvider = (e) => {
     if (this.providers[e] === void 0)
-      throw new Ce(e);
-    const [s, r] = this.providers[e];
-    return { value: s, onUse: r };
+      throw new Le(e);
+    const [s, n] = this.providers[e];
+    return { value: s, onUse: n };
   };
   clear = (e) => {
     e && (this.reference !== void 0 ? this.element.removeChild(this.reference) : this.element.remove());
@@ -1887,48 +1920,51 @@ class R {
   getStyle = (e) => this.element.getStyle(e);
   makeAccessors = (e) => this.element.makeAccessors(e);
 }
-const vt = /* @__PURE__ */ new Set([
+const Dt = /* @__PURE__ */ new Set([
   "checked",
   "disabled",
   "multiple",
   "readonly",
   "required",
   "selected"
-]), Tt = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), ke = (t) => (e) => e.makeChildText(t).clear, Me = (t) => (e) => {
-  const s = e.makeChildText(t.value), r = t.on(s.setText);
-  return (n) => {
-    r(), s.clear(n);
-  };
-}, os = (t) => g.is(t) ? Me(t) : ke(t), E = (...t) => (e) => {
-  const s = t.map((r) => d(r)(e));
+]), Lt = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), Ie = (t) => (e) => e.makeChildText(t).clear, He = (t) => (e) => {
+  const s = e.makeChildText(t.value), n = t.on(s.setText);
   return (r) => {
-    s.forEach((n) => n(r));
+    n(), s.clear(r);
+  };
+}, ps = (t) => g.is(t) ? He(t) : Ie(t), E = (...t) => (e) => {
+  const s = t.map((n) => f(n)(e));
+  return (n) => {
+    s.forEach((r) => r(n));
   };
 }, C = () => () => {
-}, At = (t) => (e) => (e.addClasses(t), (s) => {
+}, Pt = (t) => (e) => (e.addClasses(t), (s) => {
   s && e.removeClasses(t);
-}), Et = (t) => (e) => {
+}), xt = (t) => (e) => {
   let s = [];
-  const r = t.on((n) => {
-    e.removeClasses(s), s = (n ?? "").split(" ").filter((i) => i.length > 0), e.addClasses(s);
-  });
-  return (n) => {
-    r(), n && e.removeClasses(s), s.length = 0;
+  const n = t.on(
+    (r) => {
+      e.removeClasses(s), s = (r ?? "").split(" ").filter((o) => o.length > 0), e.addClasses(s);
+    },
+    { noAutoDispose: !0 }
+  );
+  return (r) => {
+    n(), r && e.removeClasses(s), s.length = 0;
   };
-}, Ct = (t, e) => (s) => {
-  const { get: r, set: n } = s.makeAccessors(t), i = r();
-  return n(e), (o) => {
-    o && n(i);
+}, Ot = (t, e) => (s) => {
+  const { get: n, set: r } = s.makeAccessors(t), o = n();
+  return r(e), (i) => {
+    i && r(o);
   };
-}, Dt = (t, e) => (s) => {
-  const { get: r, set: n } = s.makeAccessors(t), i = r(), o = e.on(n);
+}, Mt = (t, e) => (s) => {
+  const { get: n, set: r } = s.makeAccessors(t), o = n(), i = e.on(r, { noAutoDispose: !0 });
   return (l) => {
-    o(), l && n(i);
+    i(), l && r(o);
   };
-}, V = (t, e) => g.is(e) ? Dt(t, e) : Ct(t, e), te = (t = "") => (e, s) => {
-  const r = t ? `${t}${e}` : e;
-  return V(r, s);
-}, j = new Proxy(
+}, q = (t, e) => g.is(e) ? Mt(t, e) : Ot(t, e), kt = (t, e) => t === "class" ? g.is(e) ? xt(e) : Pt(
+  /* c8 ignore next */
+  (e ?? "").split(" ").filter((s) => s.length > 0)
+) : q(t, e), V = new Proxy(
   {},
   {
     /**
@@ -1942,12 +1978,9 @@ const vt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => e === "class" ? (s) => g.is(s) ? Et(s) : At(
-      /* c8 ignore next */
-      (s ?? "").split(" ").filter((r) => r.length > 0)
-    ) : e === "set" ? te() : (s) => V(e, s)
+    get: (t, e) => (s) => kt(e, s)
   }
-), ls = new Proxy(
+), It = (t, e) => q(`data-${t}`, e), gs = new Proxy(
   {},
   {
     /**
@@ -1958,9 +1991,9 @@ const vt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => e === "set" ? te("data-") : (s) => V(`data-${e}`, s)
+    get: (t, e) => (s) => It(e, s)
   }
-), cs = new Proxy(
+), Ht = (t, e) => q(`aria-${t}`, e), ms = new Proxy(
   {},
   {
     /**
@@ -1971,9 +2004,9 @@ const vt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => e === "set" ? te("aria-") : (s) => V(`aria-${e}`, s)
+    get: (t, e) => (s) => Ht(e, s)
   }
-), as = new Proxy(
+), Nt = (t, e) => q(t, e), ys = new Proxy(
   {},
   {
     /**
@@ -1984,9 +2017,9 @@ const vt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => e === "set" ? te() : (s) => V(e, s)
+    get: (t, e) => (s) => Nt(e, s)
   }
-), us = new Proxy(
+), $t = (t, e) => q(t, e), Ss = new Proxy(
   {},
   {
     /**
@@ -1996,31 +2029,31 @@ const vt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => V(e, s)
+    get: (t, e) => (s) => $t(e, s)
   }
-), d = (t) => {
+), f = (t) => {
   if (t == null)
     return C;
   if (Array.isArray(t))
-    return E(...t.map(d));
+    return E(...t.map(f));
   if (typeof t == "string")
-    return ke(t);
+    return Ie(t);
   if (g.is(t))
-    return Me(t);
+    return He(t);
   if (typeof t == "function")
     return t;
   throw new Error(`Unknown type: '${typeof t}' for child: ${t}`);
-}, Ie = (t, ...e) => (s) => {
-  const r = s.makeChildElement(t, void 0), n = e.map((i) => d(i)(r));
-  return (i) => {
-    n.forEach((o) => o(!1)), r.clear(i);
-  };
-}, He = (t, e, ...s) => (r) => {
-  const n = r.makeChildElement(t, e), i = s.map((o) => d(o)(n));
+}, Ne = (t, ...e) => (s) => {
+  const n = s.makeChildElement(t, void 0), r = e.map((o) => f(o)(n));
   return (o) => {
-    i.forEach((l) => l(!1)), n.clear(o);
+    r.forEach((i) => i(!1)), n.clear(o);
   };
-}, hs = new Proxy(
+}, te = (t, e, ...s) => (n) => {
+  const r = n.makeChildElement(t, e), o = s.map((i) => f(i)(r));
+  return (i) => {
+    o.forEach((l) => l(!1)), r.clear(i);
+  };
+}, ws = new Proxy(
   {},
   {
     /**
@@ -2028,9 +2061,9 @@ const vt = /* @__PURE__ */ new Set([
      * @param tagName - The HTML tag name.
      * @returns A renderable function that creates and appends the HTML element to the DOM.
      */
-    get: (t, e) => (...s) => Ie(e, s.flatMap(d))
+    get: (t, e) => (...s) => Ne(e, s.flatMap(f))
   }
-), ds = new Proxy(
+), bs = new Proxy(
   {},
   {
     /**
@@ -2038,9 +2071,9 @@ const vt = /* @__PURE__ */ new Set([
      * @param type - The input type name.
      * @returns A renderable function that creates and appends the HTMLInput element to the DOM.
      */
-    get: (t, e) => (...s) => Ie("input", j.type(e), ...s)
+    get: (t, e) => (...s) => Ne("input", V.type(e), ...s)
   }
-), Pt = "http://www.w3.org/2000/svg", fs = new Proxy(
+), $e = "http://www.w3.org/2000/svg", _s = (t, ...e) => te(t, $e, ...e), vs = new Proxy(
   {},
   {
     /**
@@ -2048,9 +2081,9 @@ const vt = /* @__PURE__ */ new Set([
      * @param tagName - The SVG tag name.
      * @returns A renderable function that creates and appends the SVG element to the DOM.
      */
-    get: (t, e) => (...s) => He(e, Pt, s.flatMap(d))
+    get: (t, e) => (...s) => te(e, $e, s.flatMap(f))
   }
-), xt = "http://www.w3.org/1998/Math/MathML", ps = new Proxy(
+), Re = "http://www.w3.org/1998/Math/MathML", Ts = (t, ...e) => te(t, Re, ...e), As = new Proxy(
   {},
   {
     /**
@@ -2058,33 +2091,33 @@ const vt = /* @__PURE__ */ new Set([
      * @param tagName - The Math tag name.
      * @returns A renderable function that creates and appends the Math element to the DOM.
      */
-    get: (t, e) => (...s) => He(e, xt, s.flatMap(d))
+    get: (t, e) => (...s) => te(e, Re, s.flatMap(f))
   }
-), $e = (t, e) => {
+), Ve = (t, e) => {
   if (typeof e == "function")
-    return $e(t, { then: e });
-  const s = e.pending != null ? d(e.pending()) : C, r = e.then, n = e.error != null ? (i) => d(e.error(i)) : () => C;
-  return (i) => {
-    let o = !0;
-    const l = t(), c = i.makeRef();
-    let a = d(s)(c);
+    return Ve(t, { then: e });
+  const s = e.pending != null ? f(e.pending()) : C, n = e.then, r = e.error != null ? (o) => f(e.error(o)) : () => C;
+  return (o) => {
+    let i = !0;
+    const l = t(), c = o.makeRef();
+    let a = f(s)(c);
     return l.then(
       (u) => {
-        o && (a(!0), a = d(r(u))(c));
+        i && (a(!0), a = f(n(u))(c));
       },
       (u) => {
-        o && (a(!0), a = d(n(u))(c));
+        i && (a(!0), a = f(r(u))(c));
       }
     ), (u) => {
-      o = !1, a(u), c.clear(u);
+      i = !1, a(u), c.clear(u);
     };
   };
-}, gs = (t, e) => $e(() => t, e), Ne = (t, e, s) => (r) => r.on(t, e, s), Lt = (t) => Ne("click", (e, s) => {
+}, Es = (t, e) => Ve(() => t, e), je = (t, e, s) => (n) => n.on(t, e, s), Rt = (t) => je("click", (e, s) => {
   e.preventDefault();
-  const r = e.target;
+  const n = e.target;
   setTimeout(() => {
-    const n = r.ownerDocument != null ? r?.checked : void 0;
-    n != null && t(!n, s);
+    const r = n.ownerDocument != null ? n?.checked : void 0;
+    r != null && t(!r, s);
   }, 0);
 }), se = new Proxy(
   {},
@@ -2094,133 +2127,136 @@ const vt = /* @__PURE__ */ new Set([
      * @param fn - The function to call when the event is triggered.
      * @returns A `Renderable` function that adds the event listener to the element.
      */
-    get: (t, e) => (s) => Ne(e, s)
+    get: (t, e) => (s) => je(e, s)
   }
-), Ot = (t, e) => (s) => {
+), Vt = (t, e) => (s) => {
   e?.preventDefault === !0 && s.preventDefault(), e?.stopPropagation === !0 && s.stopPropagation(), e?.stopImmediatePropagation === !0 && s.stopImmediatePropagation(), t(s);
-}, O = (t, e) => Ot((s) => {
-  const r = s.target;
-  t(r, s);
-}, e), kt = (t, e) => O(
-  (s, r) => t(s.value, r),
+}, O = (t, e) => Vt((s) => {
+  const n = s.target;
+  t(n, s);
+}, e), jt = (t, e) => O(
+  (s, n) => t(s.value, n),
   e
-), Mt = (t, e) => O(
-  (s, r) => t(s.valueAsNumber, r),
+), qt = (t, e) => O(
+  (s, n) => t(s.valueAsNumber, n),
   e
-), It = (t, e) => O((s, r) => {
+), Ft = (t, e) => O((s, n) => {
   if (s.value === "")
     return;
-  const n = s.value.split("-"), i = new Date(
-    Number(n[0]),
-    Number(n[1]) - 1,
-    Number(n[2].substring(0, 2))
+  const r = s.value.split("-"), o = new Date(
+    Number(r[0]),
+    Number(r[1]) - 1,
+    Number(r[2].substring(0, 2))
   );
-  t(i, r);
-}, e), ms = (t, e) => O((s, r) => {
+  t(o, n);
+}, e), Cs = (t, e) => O((s, n) => {
   if (s.value === "") {
-    t(null, r);
+    t(null, n);
     return;
   }
-  const n = s.value.split("-"), i = new Date(
-    Number(n[0]),
-    Number(n[1]) - 1,
-    Number(n[2].substring(0, 2))
+  const r = s.value.split("-"), o = new Date(
+    Number(r[0]),
+    Number(r[1]) - 1,
+    Number(r[2].substring(0, 2))
   );
-  t(i, r);
-}, e), Ht = (t, e) => O((s, r) => {
+  t(o, n);
+}, e), Bt = (t, e) => O((s, n) => {
   if (s.value === "")
     return;
-  const n = s.value.split("T"), i = n[0].split("-"), o = new Date(
-    Number(i[0]),
-    Number(i[1]) - 1,
-    Number(i[2])
-  ), l = n[1].split(":");
-  o.setHours(Number(l[0])), o.setMinutes(Number(l[1])), o.setSeconds(Number(l[2])), t(o, r);
-}, e), ys = (t, e) => O((s, r) => {
+  const r = s.value.split("T"), o = r[0].split("-"), i = new Date(
+    Number(o[0]),
+    Number(o[1]) - 1,
+    Number(o[2])
+  ), l = r[1].split(":");
+  i.setHours(Number(l[0])), i.setMinutes(Number(l[1])), i.setSeconds(Number(l[2])), t(i, n);
+}, e), Ds = (t, e) => O((s, n) => {
   if (s.value === "") {
-    t(null, r);
+    t(null, n);
     return;
   }
-  const n = s.value.split("T");
-  if (n.length !== 2) {
-    t(null, r);
+  const r = s.value.split("T");
+  if (r.length !== 2) {
+    t(null, n);
     return;
   }
-  const i = n[0].split("-"), o = new Date(
-    Number(i[0]),
-    Number(i[1]) - 1,
-    Number(i[2])
-  ), l = n[1].split(":");
-  o.setHours(Number(l[0] ?? 0)), o.setMinutes(Number(l[1] ?? 0)), o.setSeconds(Number(l[2] ?? 0)), t(o, r);
-}, e), bs = (t, e) => O((s, r) => {
-  t(s.checked, r);
-}, e), Ss = (t, e = "input") => E(j.valueAsDate(t), se[e](It(t.set))), ws = (t, e = "input") => E(j.valueAsDate(t), se[e](Ht(t.set))), _s = (t, e = "input") => E(j.valueAsNumber(t), se[e](Mt(t.set))), vs = (t, e = "input") => E(j.value(t), se[e](kt(t.set))), Ts = (t) => E(j.checked(t), Lt(t.set)), ue = (t, e, s) => g.is(t) ? e(t) : s(t), $t = (t, e, s) => {
-  const r = t.makeRef();
-  let n = () => {
-  }, i = null;
-  const o = e.on((l) => {
-    i?.dispose(), n(!0), i = new q(), n = L(
-      i,
-      () => d(s(l))(r)
-    );
-  });
+  const o = r[0].split("-"), i = new Date(
+    Number(o[0]),
+    Number(o[1]) - 1,
+    Number(o[2])
+  ), l = r[1].split(":");
+  i.setHours(Number(l[0] ?? 0)), i.setMinutes(Number(l[1] ?? 0)), i.setSeconds(Number(l[2] ?? 0)), t(i, n);
+}, e), Ls = (t, e) => O((s, n) => {
+  t(s.checked, n);
+}, e), Ps = (t, e = "input") => E(V.valueAsDate(t), se[e](Ft(t.set))), xs = (t, e = "input") => E(V.valueAsDate(t), se[e](Bt(t.set))), Os = (t, e = "input") => E(V.valueAsNumber(t), se[e](qt(t.set))), Ms = (t, e = "input") => E(V.value(t), se[e](jt(t.set))), ks = (t) => E(V.checked(t), Rt(t.set)), de = (t, e, s) => g.is(t) ? e(t) : s(t), Wt = (t, e, s) => {
+  const n = t.makeRef();
+  let r = () => {
+  }, o = null;
+  const i = e.on(
+    (l) => {
+      o?.dispose(), r(!0), o = new j(), r = x(
+        o,
+        () => f(s(l))(n)
+      );
+    },
+    { noAutoDispose: !0 }
+  );
   return (l) => {
-    i?.dispose(), n(l), o(), r.clear(l);
+    o?.dispose(), r(l), i(), n.clear(l);
   };
-}, re = (t, e) => {
-  function s(n) {
-    return (i) => {
-      const o = i.makeRef();
+}, ne = (t, e) => {
+  function s(r) {
+    return (o) => {
+      const i = o.makeRef();
       let l, c;
-      const a = n.map((p) => Object.keys(p)[0]);
+      const a = r.map((p) => Object.keys(p)[0]);
       let u;
       const h = a.on((p) => {
         if (p !== u) {
-          u = p, c?.dispose(), l?.(!0), c = n.map((m) => m[p]);
-          const f = e[p](c);
-          l = d(f)(o);
+          u = p, c?.dispose(), l?.(!0), c = r.map((m) => m[p]);
+          const d = e[p](c);
+          l = f(d)(i);
         }
       });
       return (p) => {
-        c?.dispose(), h(), o.clear(p), l?.(p);
+        c?.dispose(), h(), i.clear(p), l?.(p);
       };
     };
   }
-  function r(n) {
-    const i = Object.keys(n)[0];
-    return d(e[i](K(n[i])));
+  function n(r) {
+    const o = Object.keys(r)[0];
+    return f(e[o](K(r[o])));
   }
-  return ue(t, s, r);
-}, Re = (t, e, s) => re(
-  y.map(t, (r) => ({ [r[e]]: r })),
+  return de(t, s, n);
+}, qe = (t, e, s) => ne(
+  y.map(t, (n) => ({ [n[e]]: n })),
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   s
-), As = (t, e) => Re(t, "kind", e), Es = (t, e) => {
-  const s = y.map(t, ([r, n]) => ({ [r]: n }));
-  return re(s, e);
-}, Cs = (t, e) => Re(t, "type", e), Nt = (t, e) => re(
+), Is = (t, e) => qe(t, "kind", e), Hs = (t, e) => {
+  const s = y.map(t, ([n, r]) => ({ [n]: r }));
+  return ne(s, e);
+}, Ns = (t, e) => qe(t, "type", e), Ut = (t, e) => ne(
   y.map(t, (s) => ({ [s]: !0 })),
   e
-), Ds = (t, e = {}) => (s) => {
-  const r = e?.firstSeparator ?? t, n = e?.lastSeparator ?? t;
-  return Nt(
-    s.map((i) => i.isFirst ? "first" : i.isLast ? "last" : "other"),
+), $s = (t, e = {}) => (s) => {
+  const n = e?.firstSeparator ?? t, r = e?.lastSeparator ?? t;
+  return Ut(
+    s.map((o) => o.isFirst ? "first" : o.isLast ? "last" : "other"),
     {
-      first: r,
-      last: n,
+      first: n,
+      last: r,
       other: t
     }
   );
-}, Ps = (t) => (e) => (e.appendOrInsert(t), (s) => {
+}, Rs = (t) => (e) => (e.appendOrInsert(t), (s) => {
   s && U(t);
-}), xs = (t, e, s) => {
-  function r(i) {
-    return (o) => {
-      const l = o.makeRef();
+}), Vs = (t, e, s) => {
+  function n(o) {
+    return (i) => {
+      const l = i.makeRef();
       let c = () => {
       }, a = !1, u = null;
-      const h = i.on((p) => {
-        p == null ? (c(!0), c = d(s?.())(l), a = !1, u?.dispose(), u = null) : a ? u.set(p) : (u = T(p), c(!0), c = d(e(u))(
+      const h = o.on((p) => {
+        p == null ? (c(!0), c = f(s?.())(l), a = !1, u?.dispose(), u = null) : a ? u.set(p) : (u = T(p), c(!0), c = f(e(u))(
           l
         ), a = !0);
       });
@@ -2229,196 +2265,196 @@ const vt = /* @__PURE__ */ new Set([
       };
     };
   }
-  function n(i) {
-    if (i == null) {
-      const o = s?.();
-      return o != null ? d(o) : C;
+  function r(o) {
+    if (o == null) {
+      const i = s?.();
+      return i != null ? f(i) : C;
     }
-    return d(e(K(i)));
+    return f(e(K(o)));
   }
-  return ue(
+  return de(
     t,
-    r,
-    n
+    n,
+    r
   );
-}, Ls = (...t) => (e, s) => (r) => {
-  const n = r.makeRef();
+}, js = (...t) => (e, s) => (n) => {
+  const r = n.makeRef();
   if (t.some(
-    (f) => !g.is(f) && f == null
+    (d) => !g.is(d) && d == null
   ))
-    return (s != null ? d(s?.()) : C)(
-      n
+    return (s != null ? f(s?.()) : C)(
+      r
     );
-  const o = t.map(() => null), l = t.map(
-    (f) => g.is(f) ? f.value != null : f != null
+  const i = t.map(() => null), l = t.map(
+    (d) => g.is(d) ? d.value != null : d != null
   );
   let c = null;
-  const a = T(l.every((f) => f)), u = (f, m) => {
-    if (f.value != null) {
-      if (o[m] == null) {
-        const S = T(f.value);
-        o[m] = S;
+  const a = T(l.every((d) => d)), u = (d, m) => {
+    if (d.value != null) {
+      if (i[m] == null) {
+        const w = T(d.value);
+        i[m] = w;
       } else
-        o[m].value = f.value;
+        i[m].value = d.value;
       l[m] = !0;
     } else
       l[m] = !1;
   };
   let h = t.length - 1;
-  const p = t.map((f, m) => {
-    if (!g.is(f)) {
-      const S = T(f);
-      return o[m] = S, () => {
+  const p = t.map((d, m) => {
+    if (!g.is(d)) {
+      const w = T(d);
+      return i[m] = w, () => {
       };
     }
-    return f.on(() => {
-      u(f, m), h === 0 ? a.value = l.every((S) => S) : h--;
+    return d.on(() => {
+      u(d, m), h === 0 ? a.value = l.every((w) => w) : h--;
     });
   });
-  return a.on((f) => {
-    c?.(!0), c = null, f ? c = d(e(...o))(n) : c = d(s?.() ?? C)(n);
-  }), (f) => {
-    o.forEach((m) => m?.dispose()), a.dispose(), p.forEach((m) => m()), c?.(f), n.clear(f);
+  return a.on((d) => {
+    c?.(!0), c = null, d ? c = f(e(...i))(r) : c = f(s?.() ?? C)(r);
+  }), (d) => {
+    i.forEach((m) => m?.dispose()), a.dispose(), p.forEach((m) => m()), c?.(d), r.clear(d);
   };
-}, Ve = (t, e, s) => ue(
+}, Fe = (t, e, s) => de(
   t,
-  (r) => (n) => $t(
-    n,
+  (n) => (r) => Wt(
     r,
-    (i) => i ? e() : s?.()
+    n,
+    (o) => o ? e() : s?.()
   ),
-  (r) => {
-    if (r) {
-      const n = e();
-      return n != null ? d(n) : C;
+  (n) => {
+    if (n) {
+      const r = e();
+      return r != null ? f(r) : C;
     }
-    return d(s?.());
+    return f(s?.());
   }
-), Os = (t, e, s) => Ve(
-  y.map(t, (r) => !r),
+), qs = (t, e, s) => Fe(
+  y.map(t, (n) => !n),
   e,
   s
-), je = (t, e, s) => {
+), Be = (t, e, s) => {
   if (s != null)
-    return je(t, (r) => {
-      const n = new le(
-        r.index,
-        r.total.map((i) => i - 1)
+    return Be(t, (n) => {
+      const r = new le(
+        n.index,
+        n.total.map((o) => o - 1)
       );
       return E(
-        d(e(r)),
-        Ve(
-          r.isLast,
+        f(e(n)),
+        Fe(
+          n.isLast,
           () => C,
-          () => s(n)
+          () => s(r)
         )
       );
     });
   if (g.is(t))
-    return (r) => {
-      const n = t.derive(), i = r.makeRef(), o = [], l = [];
-      return n.on((c) => {
-        const a = o.splice(c), u = l.splice(c);
+    return (n) => {
+      const r = t.derive(), o = n.makeRef(), i = [], l = [];
+      return r.on((c) => {
+        const a = i.splice(c), u = l.splice(c);
         for (const h of u)
           h.dispose();
         for (const h of a)
           h(!0);
-        for (let h = o.length; h < c; h++) {
-          const p = new le(h, n), f = new q();
-          l.push(f), o.push(
-            L(f, () => d(e(p))(i))
+        for (let h = i.length; h < c; h++) {
+          const p = new le(h, r), d = new j();
+          l.push(d), i.push(
+            x(d, () => f(e(p))(o))
           );
         }
       }), (c) => {
         for (const a of l)
           a.dispose();
-        l.length = 0, n.dispose();
-        for (const a of o)
+        l.length = 0, r.dispose();
+        for (const a of i)
           a(c);
-        o.length = 0, i.clear(c);
+        i.length = 0, o.clear(c);
       };
     };
   {
-    const r = K(t);
+    const n = K(t);
     return E(
-      ...Array.from({ length: t }, (n, i) => i).map((n) => {
-        const i = new le(n, r);
-        return d(e(i));
+      ...Array.from({ length: t }, (r, o) => o).map((r) => {
+        const o = new le(r, n);
+        return f(e(o));
       })
     );
   }
-}, ks = (t, e, s) => {
-  const r = y.map(t, (i) => i.length), n = y.toSignal(t);
-  return je(
-    r,
-    (i) => {
-      const o = n.map((l) => l[i.index]);
-      return d(e(o, i));
+}, Fs = (t, e, s) => {
+  const n = y.map(t, (o) => o.length), r = y.toSignal(t);
+  return Be(
+    n,
+    (o) => {
+      const i = r.map((l) => l[o.index]);
+      return f(e(i, o));
     },
     s
   );
-}, Rt = (...t) => (e) => (s) => t.forEach((r) => {
-  typeof r == "function" ? r(s, e) : r.dispose(s, e);
-}), Ms = (t, e) => {
+}, Gt = (...t) => (e) => (s) => t.forEach((n) => {
+  typeof n == "function" ? n(s, e) : n.dispose(s, e);
+}), Bs = (t, e) => {
   if (g.is(t)) {
     const s = t;
-    return (r) => {
-      r = r.makeRef();
-      const n = s.map((l) => d(e(l)));
-      let i = () => {
+    return (n) => {
+      n = n.makeRef();
+      const r = s.map((l) => f(e(l)));
+      let o = () => {
       };
-      const o = n.on((l) => {
-        i(!0), i = l(r);
+      const i = r.on((l) => {
+        o(!0), o = l(n);
       });
       return (l) => {
-        o(), i(l);
+        i(), o(l);
       };
     };
   }
-  return d(e(t));
-}, Is = (t, e, s = () => C) => re(
+  return f(e(t));
+}, Ws = (t, e, s = () => C) => ne(
   y.map(
     t,
-    (r) => r.length > 0 ? { notEmpty: r } : { whenEmpty: null }
+    (n) => n.length > 0 ? { notEmpty: n } : { whenEmpty: null }
   ),
   {
-    notEmpty: (r) => e(r),
+    notEmpty: (n) => e(n),
     whenEmpty: () => s()
   }
-), Hs = (t, e) => (s) => {
-  const r = s.makePortal(t), n = ae(d(e), r);
-  return () => n(!0);
-}, W = /* @__PURE__ */ new Map(), Vt = (t) => ({
-  mark: nt(`Probe(${t.description})`),
+), Us = (t, e) => (s) => {
+  const n = s.makePortal(t), r = fe(f(e), n);
+  return () => r(!0);
+}, W = /* @__PURE__ */ new Map(), Jt = (t) => ({
+  mark: at(`Probe(${t.description})`),
   create: ({ callback: e = () => {
   }, timeout: s = 10 } = {}) => {
-    const r = (l) => {
-      clearTimeout(n), W.delete(t), e(l);
+    const n = (l) => {
+      clearTimeout(r), W.delete(t), e(l);
     };
     if (W.has(t))
       throw new Error(`Probe already exists: ${t.description}`);
-    const n = setTimeout(() => r("timeout"), s), i = { counter: 0, timeoutId: n };
-    return W.set(t, i), {
+    const r = setTimeout(() => n("timeout"), s), o = { counter: 0, timeoutId: r };
+    return W.set(t, o), {
       value: () => {
-        clearTimeout(n);
+        clearTimeout(r);
         const l = W.get(t);
-        l != null && --l.counter === 0 && r("resolved");
+        l != null && --l.counter === 0 && n("resolved");
       },
-      dispose: () => r("disposed"),
-      onUse: () => i.counter++
+      dispose: () => n("disposed"),
+      onUse: () => o.counter++
     };
   }
-}), $s = Vt(Symbol("GlobalProbe")), jt = (t, e) => (s) => {
-  const r = s.getStyle(t);
-  return s.setStyle(t, e), (n) => {
-    n && s.setStyle(t, r);
+}), Gs = Jt(Symbol("GlobalProbe")), Xt = (t, e) => (s) => {
+  const n = s.getStyle(t);
+  return s.setStyle(t, e), (r) => {
+    r && s.setStyle(t, n);
   };
-}, qt = (t, e) => (s) => {
-  const r = s.getStyle(t), n = e.on((i) => s.setStyle(t, i));
-  return (i) => {
-    n(), i && s.setStyle(t, r);
+}, Yt = (t, e) => (s) => {
+  const n = s.getStyle(t), r = e.on((o) => s.setStyle(t, o));
+  return (o) => {
+    r(), o && s.setStyle(t, n);
   };
-}, pe = (t, e) => g.is(e) ? qt(t, e) : jt(t, e), Ns = new Proxy({}, {
+}, ye = (t, e) => g.is(e) ? Yt(t, e) : Xt(t, e), Js = new Proxy({}, {
   /**
    * Creates a renderable component for the specified `style` property.
    *
@@ -2427,184 +2463,191 @@ const vt = /* @__PURE__ */ new Set([
    * @returns The renderable component for the specified attribute.
    *
    */
-  get: (t, e) => e === "variable" ? (s, r) => pe(s, r) : (s) => pe(e, s)
-}), Ft = (t) => (e) => {
+  get: (t, e) => e === "variable" ? (s, n) => ye(s, n) : (s) => ye(e, s)
+}), Qt = (t) => (e) => {
   if (e.isBrowser()) {
     const s = t(e);
     if (s != null)
-      return d(s)(e);
+      return f(s)(e);
   }
   return () => {
   };
-}, Rs = (t) => (e) => {
+}, Xs = (t) => (e) => {
   const s = t(e);
   return s == null ? () => {
-  } : d(s)(e);
-}, Vs = (t) => Ft((e) => t(e.element)), js = (t) => (e) => {
+  } : f(s)(e);
+}, Ys = (t) => Qt((e) => t(e.element)), Qs = (t) => (e) => {
   if (e.isHeadlessDOM()) {
     const s = t(e);
     if (s)
-      return d(s)(e);
+      return f(s)(e);
   }
   return () => {
   };
-}, qs = (t) => (e) => {
-  const s = new q(), r = L(s, () => d(t(s))(e));
-  return (n) => {
-    s.dispose(), r(n);
+}, Zs = (t) => (e) => {
+  const s = new j(), n = x(s, () => f(t(s))(e));
+  return (r) => {
+    s.dispose(), n(r);
   };
-}, he = (t) => (e) => {
+}, pe = (t) => (e) => {
   let s = e;
-  function r() {
+  function n() {
     return s;
   }
-  function n(l) {
+  function r(l) {
     s = l;
   }
-  const i = [], o = t({
+  const o = [], i = t({
     use: ({ mark: l }) => {
-      const { value: c, onUse: a } = r().getProvider(l);
+      const { value: c, onUse: a } = n().getProvider(l);
       return a?.(), c;
     },
     set: ({ mark: l, create: c }, a) => {
-      const { value: u, dispose: h, onUse: p } = c(a, r());
-      i.push(h), n(r().setProvider(l, u, p));
+      const { value: u, dispose: h, onUse: p } = c(a, n());
+      o.push(h), r(n().setProvider(l, u, p));
     }
   });
-  return o == null ? () => {
+  return i == null ? () => {
   } : E(
-    d(o),
-    Rt(() => i.forEach((l) => l()))
-  )(r());
-}, Fs = (t, e, s) => he(({ set: r }) => (r(t, e), s())), Bs = (t, e) => he(({ use: s }) => e(s(t))), Ws = (...t) => (e) => he(({ use: s }) => {
-  const r = t.map(s);
-  return e(...r);
+    f(i),
+    Gt(() => o.forEach((l) => l()))
+  )(n());
+}, zs = (t, e, s) => pe(({ set: n }) => (n(t, e), s())), Ks = (t, e) => pe(({ use: s }) => e(s(t))), en = (...t) => (e) => pe(({ use: s }) => {
+  const n = t.map(s);
+  return e(...n);
 });
 export {
-  gs as Async,
-  Ts as BindChecked,
-  Ss as BindDate,
-  ws as BindDateTime,
-  _s as BindNumber,
-  vs as BindText,
-  N as BrowserContext,
-  J as CLASS_PLACEHOLDER_ATTR,
-  $ as Computed,
-  Ds as Conjunction,
-  Ps as DOMNode,
-  q as DisposalScope,
-  Ie as El,
-  He as ElNS,
+  Ht as Aria,
+  Es as Async,
+  kt as Attr,
+  ks as BindChecked,
+  Ps as BindDate,
+  xs as BindDateTime,
+  Os as BindNumber,
+  Ms as BindText,
+  $ as BrowserContext,
+  G as CLASS_PLACEHOLDER_ATTR,
+  N as Computed,
+  $s as Conjunction,
+  Rs as DOMNode,
+  It as DataAttr,
+  j as DisposalScope,
+  Ne as El,
+  te as ElNS,
   le as ElementPosition,
   C as Empty,
-  xs as Ensure,
-  Ls as EnsureAll,
-  ks as ForEach,
+  Vs as Ensure,
+  js as EnsureAll,
+  Fs as ForEach,
   E as Fragment,
-  $s as GlobalProbe,
-  ns as HeadlessAdapter,
+  Gs as GlobalProbe,
+  fs as HeadlessAdapter,
   R as HeadlessContext,
-  wt as HeadlessElement,
-  Oe as HeadlessPortal,
-  _t as HeadlessText,
-  Ms as MapSignal,
+  Et as HeadlessElement,
+  ke as HeadlessPortal,
+  Ct as HeadlessText,
+  Bs as MapSignal,
+  $t as MathAttr,
+  Ts as MathEl,
   be as MemoryStore,
-  Is as NotEmpty,
-  Lt as OnChecked,
-  Rt as OnDispose,
-  re as OneOf,
-  Re as OneOfField,
-  As as OneOfKind,
-  Es as OneOfTuple,
-  Cs as OneOfType,
-  Nt as OneOfValue,
-  Hs as Portal,
+  Ws as NotEmpty,
+  Rt as OnChecked,
+  Gt as OnDispose,
+  ne as OneOf,
+  qe as OneOfField,
+  Is as OneOfKind,
+  Hs as OneOfTuple,
+  Ns as OneOfType,
+  Ut as OneOfValue,
+  Us as Portal,
   Z as Prop,
-  Fs as Provide,
-  Ce as ProviderNotFoundError,
-  it as RenderingError,
-  je as Repeat,
+  zs as Provide,
+  Le as ProviderNotFoundError,
+  ut as RenderingError,
+  Be as Repeat,
+  Nt as SVGAttr,
+  _s as SVGEl,
   g as Signal,
-  $e as Task,
-  os as TextNode,
-  Os as Unless,
-  Bs as Use,
-  Ws as UseMany,
+  Ve as Task,
+  ps as TextNode,
+  qs as Unless,
+  Ks as Use,
+  en as UseMany,
   y as Value,
-  Ve as When,
-  Ft as WithBrowserCtx,
-  Rs as WithCtx,
-  Vs as WithElement,
-  js as WithHeadlessCtx,
-  he as WithProvider,
-  qs as WithScope,
-  De as _NODE_PLACEHOLDER_ATTR,
-  rt as _getSelfOrParentElement,
-  Ee as _isElement,
-  st as _makeGetter,
-  tt as _makeSetter,
+  Fe as When,
+  Qt as WithBrowserCtx,
+  Xs as WithCtx,
+  Ys as WithElement,
+  Qs as WithHeadlessCtx,
+  pe as WithProvider,
+  Zs as WithScope,
+  Pe as _NODE_PLACEHOLDER_ATTR,
+  ct as _getSelfOrParentElement,
+  De as _isElement,
+  lt as _makeGetter,
+  it as _makeSetter,
   U as _removeDOMNode,
-  Me as _signalText,
-  ke as _staticText,
-  Yt as animateSignal,
-  Ke as animateSignals,
-  cs as aria,
-  j as attr,
-  es as bind,
-  ts as coalesce,
+  He as _signalText,
+  Ie as _staticText,
+  ns as animateSignal,
+  rt as animateSignals,
+  ms as aria,
+  V as attr,
+  cs as bind,
+  as as coalesce,
   z as computed,
   ee as computedOf,
-  et as computedRecord,
-  ls as dataAttr,
-  Zt as delaySignal,
-  me as effect,
-  Ge as effectOf,
-  Ot as emit,
-  bs as emitChecked,
+  ot as computedRecord,
+  gs as dataAttr,
+  os as delaySignal,
+  Se as effect,
+  Qe as effectOf,
+  Vt as emit,
+  Ls as emitChecked,
   O as emitTarget,
-  kt as emitValue,
-  It as emitValueAsDate,
-  Ht as emitValueAsDateTime,
-  ms as emitValueAsNullableDate,
-  ys as emitValueAsNullableDateTime,
-  Mt as emitValueAsNumber,
-  Ze as endInterpolate,
-  ge as getCurrentScope,
-  Wt as getParentScope,
-  Bt as getScopeStack,
-  ce as getWindow,
-  ze as guessInterpolate,
-  hs as html,
-  ds as input,
-  Qe as interpolateDate,
-  Xe as interpolateNumber,
-  Ye as interpolateString,
-  Jt as joinSignals,
-  Gt as localStorageProp,
-  Vt as makeProbe,
-  nt as makeProviderMark,
-  ps as math,
-  us as mathAttr,
-  Qt as merge,
+  jt as emitValue,
+  Ft as emitValueAsDate,
+  Bt as emitValueAsDateTime,
+  Cs as emitValueAsNullableDate,
+  Ds as emitValueAsNullableDateTime,
+  qt as emitValueAsNumber,
+  et as endInterpolate,
+  ue as getCurrentScope,
+  zt as getParentScope,
+  Zt as getScopeStack,
+  he as getWindow,
+  tt as guessInterpolate,
+  ws as html,
+  bs as input,
+  Ke as interpolateDate,
+  Ze as interpolateNumber,
+  ze as interpolateString,
+  es as joinSignals,
+  ts as localStorageProp,
+  Jt as makeProbe,
+  at as makeProviderMark,
+  As as math,
+  Ss as mathAttr,
+  rs as merge,
   se as on,
-  Fe as popScope,
-  zt as previousSignal,
+  Ue as popScope,
+  is as previousSignal,
   T as prop,
-  qe as pushScope,
-  ss as render,
-  ae as renderWithContext,
-  d as renderableOfTNode,
-  is as restoreTempoPlaceholders,
-  rs as runHeadless,
+  We as pushScope,
+  us as render,
+  fe as renderWithContext,
+  f as renderableOfTNode,
+  ds as restoreTempoPlaceholders,
+  hs as runHeadless,
   _ as scopeStack,
-  Ut as scoped,
-  Xt as sessionStorageProp,
+  Kt as scoped,
+  ss as sessionStorageProp,
   K as signal,
-  Kt as slidingWindowSignal,
-  Se as storedProp,
-  Ns as style,
-  fs as svg,
-  as as svgAttr,
-  oe as untracked,
-  L as withScope
+  ls as slidingWindowSignal,
+  _e as storedProp,
+  Js as style,
+  vs as svg,
+  ys as svgAttr,
+  ie as untracked,
+  x as withScope
 };