@tempots/dom 31.6.1 → 32.0.0

package/index.js

@@ -1,56 +1,33 @@
-const ke = (t, e, s) => t + (e - t) * s;
-const $e = (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 = 97);
-    let l = e.charCodeAt(i);
-    isNaN(l) && (l = 97), n += String.fromCharCode(o + (l - o) * s);
+const _ = [], qe = (t) => {
+  _.push(t);
+}, Fe = () => {
+  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);
+  try {
+    return e();
+  } finally {
+    Fe();
   }
-  return n;
-}, Ne = (t, e, s) => new Date(t.getTime() + (e.getTime() - t.getTime()) * s), Re = (t, e) => e, Ve = (t) => typeof t == "number" ? ke : typeof t == "string" ? $e : t instanceof Date ? Ne : Re;
-class se {
-  /**
-   * Creates a new instance of `ElementPosition`.
-   * @param index - The index of the element.
-   * @param total - The total number of elements in the collection.
-   */
-  constructor(e, s) {
-    this.index = e, this.total = s, this.counter = e + 1, this.isFirst = e === 0, this.isEven = e % 2 === 1, this.isOdd = e % 2 === 0;
+}, Ut = (t) => {
+  const e = new q();
+  try {
+    return L(e, () => t(e));
+  } finally {
+    e.dispose();
   }
-  /**
-   * The counter of the element starting from 1.
-   */
-  counter;
-  /**
-   * Checks if the element is the first element in the collection.
-   * @returns `true` if the element is the first element, `false` otherwise.
-   */
-  isFirst;
-  /**
-   * Checks if the counter of the element is even.
-   * @returns `true` if the counter is even, `false` otherwise.
-   */
-  isEven;
-  /**
-   * Checks if the counter of the element is odd.
-   * @returns `true` if the counter is odd, `false` otherwise.
-   */
-  isOdd;
-  #e;
-  /**
-   * Checks if the element is the last element in the collection.
-   * @returns `true` if the element is the last element, `false` otherwise.
-   */
-  get isLast() {
-    return this.#e == null && (this.#e = this.total.map((e) => this.counter === e)), this.#e;
+}, oe = (t) => {
+  const e = _.slice();
+  _.length = 0;
+  try {
+    return t();
+  } finally {
+    _.length = 0, _.push(...e);
   }
-  dispose = () => {
-    this.#e?.dispose(), this.#e = void 0;
-  };
-}
-class m {
+};
+class g {
   /**
    * Represents a signal with a value of type T.
    *
@@ -103,7 +80,7 @@ class m {
    * @returns A Signal that represents the result of the Promise
    */
   static ofPromise = (e, s, r, n = (i, o) => i === o) => {
-    const i = new m(s, n);
+    const i = new g(s, n);
     return e.then((o) => i._setAndNotify(o)).catch((o) => {
       r != null ? i._setAndNotify(r(o)) : console.error(
         "Unhandled promise rejection in Signal.ofPromise:",
@@ -180,6 +157,21 @@ class m {
     };
     return s.abortSignal != null && s.abortSignal.addEventListener("abort", n), n;
   };
+  /**
+   * Registers a listener function to be called whenever the value of the signal changes.
+   * The listener function will not be called with the current value of the signal.
+   * Returns a function that can be called to unregister the listener.
+   *
+   * @param listener - The listener function to be called when the value of the signal changes.
+   * @param options - Options for the listener.
+   */
+  onChange = (e, s = {}) => {
+    let r = 0;
+    const n = (i, o) => {
+      r++ > 0 && e(i, o);
+    };
+    return this.on(n, s);
+  };
   /**
    * @internal
    */
@@ -256,13 +248,25 @@ class m {
    * )
    * ```
    *
+   * **Auto-Disposal:** The returned computed signal is automatically registered with the current
+   * disposal scope (if one exists). When used within a renderable or `WithScope()`, the signal
+   * will be automatically disposed when the component unmounts. No manual `OnDispose()` needed!
+   *
+   * ```typescript
+   * const MyComponent: Renderable = (ctx) => {
+   *   const count = prop(0);
+   *   const doubled = count.map(x => x * 2);  // ✅ Auto-disposed
+   *   return html.div(doubled);
+   * };
+   * ```
+   *
    * @typeParam O - The type of the transformed value
    * @param fn - Function that transforms the signal's value to a new value
    * @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
+   * @returns A new computed signal with the transformed value (auto-registered with current scope)
    */
   map = (e, s = (r, n) => r === n) => {
-    const r = new H(() => {
+    const r = new $(() => {
       try {
         return e(this.get());
       } catch (n) {
@@ -282,7 +286,7 @@ class m {
    * @returns A new Signal that emits the values of the resulting Signal.
    */
   flatMap = (e, s = (r, n) => r === n) => {
-    const r = new H(() => {
+    const r = new $(() => {
       try {
         return e(this.get()).get();
       } catch (n) {
@@ -320,7 +324,7 @@ class m {
   }
   filter = (e, s) => {
     let r = s ?? this.get();
-    const n = new H(() => {
+    const n = new $(() => {
       try {
         const i = this.get();
         return r = e(i) ? i : r;
@@ -342,7 +346,7 @@ class m {
    */
   filterMap = (e, s, r = (n, i) => n === i) => {
     let n = s;
-    const i = new H(() => {
+    const i = new $(() => {
       try {
         const o = this.get(), l = e(o);
         return n = l ?? n;
@@ -366,7 +370,7 @@ class m {
    * @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 = _(s, n);
+    const i = T(s, n);
     let o = 0, l = new AbortController();
     return i.onDispose(
       this.on(async (c) => {
@@ -416,7 +420,7 @@ class m {
   deriveProp = ({
     autoDisposeProp: e = !0,
     equals: s
-  } = {}) => this.feedProp(_(this.get(), s), e);
+  } = {}) => this.feedProp(T(this.get(), s), e);
   /**
    * Derives a new signal from the current signal. Useful to create a new signal that emits the same values as the current signal but can be disposed independently.
    * @returns A new signal that emits the same values as the current signal.
@@ -445,15 +449,36 @@ class m {
     }), e.onDispose(this.on(e.setDirty)), this.onDispose(e.dispose);
   };
 }
-const je = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
-class H extends m {
+const Be = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
+class $ extends g {
   /**
-   * Represents a Signal object.
-   * @param _fn - The function that returns the value of the signal.
+   * Creates a new Computed signal.
+   *
+   * **Auto-Registration:** This constructor automatically registers the signal with the current
+   * disposal scope (if one exists). This ensures that computed signals created by methods like
+   * `.map()`, `.flatMap()`, `.filter()`, etc. are automatically tracked and disposed.
+   *
+   * When a computed signal is created within a renderable or `WithScope()`, it will be
+   * automatically disposed when the component unmounts or the scope is disposed.
+   *
+   * To create a computed signal that outlives the current scope, use `untracked()`:
+   * ```typescript
+   * const globalSignal = untracked(() => mySignal.map(x => x * 2));
+   * // Remember to dispose manually: globalSignal.dispose()
+   * ```
+   *
+   * @param _fn - The function that computes the value of the signal.
    * @param equals - The function used to compare two values of type T for equality.
+   *
+   * @see {@link computed} - Factory function for creating computed signals with explicit dependencies
+   * @see {@link Signal.map} - Creates a computed signal by transforming values
+   * @see {@link getCurrentScope} - Get the current disposal scope
+   * @see {@link untracked} - Create signals outside of scope tracking
    */
   constructor(e, s) {
     super(void 0, s), this._fn = e, this.setDirty();
+    const r = ge();
+    r?.track(this);
   }
   /**
    * Checks if a value is an instance of `Computed`.
@@ -491,7 +516,7 @@ class H extends m {
    */
   _scheduleNotify = () => {
     const e = ++this._scheduleCount;
-    je(() => {
+    Be(() => {
       this._scheduleCount !== e || this._disposed || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn()));
     });
   };
@@ -501,8 +526,16 @@ class H extends m {
   get value() {
     return this.get();
   }
+  /**
+   * Disposes the computed signal and cancels any pending recomputations.
+   * This override increments the schedule count to invalidate all pending
+   * microtasks before disposing the signal.
+   */
+  dispose = () => {
+    this._disposed || (this._scheduleCount++, this._disposed = !0, this._onDisposeListeners.forEach((e) => e()), this._onDisposeListeners.length = 0, this._derivatives.length = 0);
+  };
 }
-class Y extends m {
+class Z extends g {
   /**
    * Checks if a value is a Prop.
    * @param value - The value to check.
@@ -563,7 +596,7 @@ class Y extends m {
    * @returns A Prop object representing the isomorphism.
    */
   iso = (e, s, r = (n, i) => n === i) => {
-    const n = new Y(e(this.get()), r);
+    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;
   };
   /**
@@ -586,10 +619,10 @@ class Y extends m {
     this._setAndNotify(e);
   }
 }
-const re = (t, e, s = (r, n) => r === n) => {
-  const r = new H(t, s);
+const z = (t, e, s = (r, n) => r === n) => {
+  const r = new $(t, s);
   return e.forEach((n) => n.setDerivative(r)), r;
-}, qe = (t, e, s = {}) => {
+}, me = (t, e, s = {}) => {
   let r = s.once ? () => {
     i(), t();
   } : t;
@@ -600,24 +633,24 @@ const re = (t, e, s = (r, n) => r === n) => {
       o ? l() : o = !0;
     };
   }
-  const n = re(r, e), i = () => {
+  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, e = (s, r) => s === r) => new Y(t, e), Q = (t, e = (s, r) => s === r) => new m(t, e), ne = () => (
-  /* c8 ignore next */
-  typeof window < "u" ? window : void 0
-);
-function he(t) {
+}, 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) {
   return t != null && t !== !1 && t !== 0 && t !== "";
 }
-function Fe(t) {
-  return !he(t);
+function We(t) {
+  return !ye(t);
 }
-function Be(t) {
+function Ue(t) {
   return t == null;
 }
-function We(t) {
+function Je(t) {
   return t != null;
 }
 const y = {
@@ -632,7 +665,7 @@ const y = {
    * @param fn - The function to map the value.
    * @returns The mapped value.
    */
-  map: (t, e) => m.is(t) ? t.map(e) : e(t),
+  map: (t, e) => g.is(t) ? t.map(e) : e(t),
   /**
    * Wraps a value or a Signal instance into a Signal.
    * If the value is already a Signal, it returns the value itself.
@@ -643,7 +676,7 @@ const y = {
    * @param equals - A function that determines if two values are equal. Defaults to strict equality (===).
    * @returns A Signal instance.
    */
-  toSignal: (t, e) => m.is(t) ? t.derive() : Q(t, e),
+  toSignal: (t, e) => g.is(t) ? t.derive() : K(t, e),
   /**
    * Wraps a value in a `Signal` if it is not already a `Signal`.
    * If the value is `null` or `undefined`, it returns `null` or `undefined` respectively.
@@ -659,14 +692,14 @@ const y = {
    * @param value - The value or Signal instance to get the value from.
    * @returns The value.
    */
-  get: (t) => m.is(t) ? t.get() : t,
+  get: (t) => g.is(t) ? t.get() : t,
   /**
    * Adds a listener to a `Signal` or calls the listener immediately if it is not a `Signal`.
    * @param value - The value or Signal instance to add the listener to.
    * @param listener - The listener to call when the value changes.
    * @returns A function to remove the listener.
    */
-  on: (t, e) => m.is(t) ? t.on(e) : (e(t), () => {
+  on: (t, e) => g.is(t) ? t.on(e) : (e(t), () => {
   }),
   /**
    * Disposes of a value or a Signal.
@@ -675,8 +708,16 @@ const y = {
    * @param value - The value or Signal instance to dispose of.
    */
   dispose: (t) => {
-    m.is(t) && t.dispose();
+    g.is(t) && t.dispose();
   },
+  /**
+   * Returns a function that disposes of a value or a Signal.
+   * If the value is a Signal, it returns a function that disposes of the Signal.
+   * If the value is not a Signal, it returns a function that does nothing.
+   * @param value - The value or Signal instance to dispose of.
+   * @returns A function to dispose of the value or Signal.
+   */
+  disposeFn: (t) => () => y.dispose(t),
   /**
    * Derives a Prop from a Signal.
    * If the value is a Signal, it returns a new Prop with the derived value.
@@ -690,54 +731,246 @@ const y = {
   deriveProp: (t, {
     autoDisposeProp: e = !0,
     equals: s
-  } = {}) => m.is(t) ? t.deriveProp({ autoDisposeProp: e, equals: s }) : _(t, s),
+  } = {}) => g.is(t) ? t.deriveProp({ autoDisposeProp: e, equals: s }) : T(t, s),
   /**
    * Creates a new signal that emits `true` if the value is truthy, `false` otherwise.
    * @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, he),
+  truthy: (t) => y.map(t, ye),
   /**
    * 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, Fe),
+  falsy: (t) => y.map(t, We),
   /**
    * 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, Be),
+  nil: (t) => y.map(t, Ue),
   /**
    * 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, We)
-}, ie = (...t) => (e, s) => {
+  defined: (t) => y.map(t, Je)
+}, ee = (...t) => (e, s) => {
   if (t.length === 1)
     return y.toSignal(t[0]).map(e);
-  const r = t.filter((n) => m.is(n));
-  return re(
+  const r = t.filter((n) => g.is(n));
+  return z(
     () => e(...t.map((n) => y.get(n))),
     r,
     s
   );
-}, Ht = (t) => {
+}, Jt = (t) => {
   const e = Object.keys(t);
-  return ie(...Object.values(t))(
+  return ee(...Object.values(t))(
     (...s) => Object.fromEntries(e.map((r, n) => [r, s[n]]))
   );
-}, kt = (...t) => (e, s = {}) => {
-  const r = t.filter((n) => m.is(n));
-  return qe(
+}, Ge = (...t) => (e, s = {}) => {
+  const r = t.filter((n) => g.is(n));
+  return me(
     () => e(...t.map(y.get)),
     r,
     s
   );
 };
-class fe {
+class q {
+  _signals = /* @__PURE__ */ new Set();
+  _callbacks = [];
+  _disposed = !1;
+  /**
+   * Register a signal with this scope for automatic disposal.
+   *
+   * @param signal - The signal to track
+   * @throws Error if the scope has already been disposed
+   * @throws Error if the signal has already been disposed
+   * @public
+   */
+  track(e) {
+    if (this._disposed)
+      throw new Error("Cannot track signal in disposed scope");
+    if (e.isDisposed())
+      throw new Error("Cannot track already disposed signal");
+    this._signals.add(e);
+  }
+  /**
+   * Register a disposal callback to be called when this scope is disposed.
+   * Callbacks are called before signals are disposed.
+   * Use this for cleanup that doesn't need the `removeTree` parameter.
+   *
+   * @param callback - The callback to call on disposal
+   * @throws Error if the scope has already been disposed
+   * @public
+   */
+  onDispose(e) {
+    if (this._disposed)
+      throw new Error("Cannot register callback in disposed scope");
+    this._callbacks.push(e);
+  }
+  /**
+   * Dispose all signals tracked by this scope.
+   * This method is idempotent - calling it multiple times is safe.
+   *
+   * @public
+   */
+  dispose() {
+    if (!this._disposed) {
+      this._disposed = !0;
+      for (const e of this._callbacks)
+        try {
+          e();
+        } catch (s) {
+          console.error("Error in disposal callback:", s);
+        }
+      this._callbacks.length = 0;
+      for (const e of this._signals)
+        e.dispose();
+      this._signals.clear();
+    }
+  }
+  /**
+   * Check if this scope has been disposed.
+   *
+   * @returns true if the scope has been disposed
+   * @public
+   */
+  get disposed() {
+    return this._disposed;
+  }
+  /**
+   * Creates a prop signal and tracks it in this scope.
+   * Use this method in async contexts where automatic tracking doesn't work.
+   *
+   * @param value - The initial value
+   * @param equals - Optional equality function
+   * @returns A tracked Prop signal
+   * @public
+   */
+  prop(e, s) {
+    const r = oe(() => T(e, s));
+    return this.track(r), r;
+  }
+  /**
+   * Creates a computed signal and tracks it in this scope.
+   * Use this method in async contexts where automatic tracking doesn't work.
+   *
+   * @param fn - The computation function
+   * @param dependencies - Array of signals this computed depends on
+   * @param equals - Optional equality function
+   * @returns A tracked Computed signal
+   * @public
+   */
+  computed(e, s, r) {
+    const n = oe(() => z(e, s, r));
+    return this.track(n), n;
+  }
+  /**
+   * Creates an effect and tracks it in this scope.
+   * Use this method in async contexts where automatic tracking doesn't work.
+   *
+   * @param fn - The effect function
+   * @param signals - Array of signals to listen to
+   * @param options - Optional listener options
+   * @returns A clear function (the effect itself is tracked in the scope)
+   * @public
+   */
+  effect(e, s, r) {
+    return L(this, () => me(e, s, r));
+  }
+  /**
+   * Creates a computed signal with curried signature and tracks it in this scope.
+   * Use this method in async contexts where automatic tracking doesn't work.
+   *
+   * @param args - Values or signals to compute from
+   * @returns A function that takes the computation function and returns a tracked Computed signal
+   * @public
+   */
+  computedOf(...e) {
+    return (s, r) => {
+      const n = oe(() => ee(...e)(s, r));
+      return this.track(n), n;
+    };
+  }
+  /**
+   * Creates an effect with curried signature and tracks it in this scope.
+   * Use this method in async contexts where automatic tracking doesn't work.
+   *
+   * @param args - Values or signals to listen to
+   * @returns A function that takes the effect function and returns a clear function
+   * @public
+   */
+  effectOf(...e) {
+    return (s, r) => L(this, () => Ge(...e)(s, r));
+  }
+}
+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);
+  }
+  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;
+class le {
+  /**
+   * Creates a new instance of `ElementPosition`.
+   * @param index - The index of the element.
+   * @param total - The total number of elements in the collection.
+   */
+  constructor(e, s) {
+    this.index = e, this.total = s, this.counter = e + 1, this.isFirst = e === 0, this.isEven = e % 2 === 1, this.isOdd = e % 2 === 0;
+  }
+  /**
+   * The counter of the element starting from 1.
+   */
+  counter;
+  /**
+   * Checks if the element is the first element in the collection.
+   * @returns `true` if the element is the first element, `false` otherwise.
+   */
+  isFirst;
+  /**
+   * Checks if the counter of the element is even.
+   * @returns `true` if the counter is even, `false` otherwise.
+   */
+  isEven;
+  /**
+   * Checks if the counter of the element is odd.
+   * @returns `true` if the counter is odd, `false` otherwise.
+   */
+  isOdd;
+  #e;
+  /**
+   * Checks if the element is the last element in the collection.
+   * @returns `true` if the element is the last element, `false` otherwise.
+   */
+  get isLast() {
+    return this.#e == null && (this.#e = this.total.map((e) => this.counter === e)), this.#e;
+  }
+  /**
+   * Disposes the internal signal created by `isLast`.
+   *
+   * **Note:** With automatic signal disposal, this method is now a no-op when used within
+   * a disposal scope (e.g., inside a renderable). The signal created by `isLast` is
+   * automatically tracked and disposed when the scope ends. This method is kept for
+   * backward compatibility and for cases where ElementPosition is used outside a scope.
+   */
+  dispose = () => {
+    this.#e?.dispose(), this.#e = void 0;
+  };
+}
+const ce = () => (
+  /* c8 ignore next */
+  typeof window < "u" ? window : void 0
+);
+class be {
   _store = /* @__PURE__ */ new Map();
   /**
    * Retrieves the value associated with the specified key from the memory store.
@@ -754,7 +987,7 @@ class fe {
     this._store.set(e, s);
   };
 }
-const de = ({
+const Se = ({
   key: t,
   defaultValue: e,
   store: s,
@@ -766,44 +999,44 @@ const de = ({
   onKeyChange: c = "load"
 }) => {
   let a = y.get(t);
-  const u = s.getItem(a), p = new Y(
+  const u = s.getItem(a), h = new Z(
     u != null ? o(n(u)) : typeof e == "function" ? e() : e,
     i
-  ), d = ne(), f = l && typeof d?.BroadcastChannel == "function";
-  let g = !1, w = null, C = null;
-  const S = (b) => {
+  ), p = ce(), f = l && typeof p?.BroadcastChannel == "function";
+  let m = !1, S = null, D = null;
+  const w = (b) => {
     if (!f) return null;
-    const D = `tempo:storedProp:${b}`, A = new d.BroadcastChannel(D), O = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`, x = (j) => {
-      const v = j.data;
-      if (!(v == null || typeof v != "object" || v.key !== b || typeof v.value != "string" || v.sourceId != null && v.sourceId === O))
+    const k = `tempo:storedProp:${b}`, A = new p.BroadcastChannel(k), M = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`, x = (F) => {
+      const v = F.data;
+      if (!(v == null || typeof v != "object" || v.key !== b || typeof v.value != "string" || v.sourceId != null && v.sourceId === M))
         try {
-          g = !0;
-          const te = o(n(v.value));
-          p.set(te);
-        } catch (te) {
+          m = !0;
+          const ie = o(n(v.value));
+          h.set(ie);
+        } catch (ie) {
           console.warn(
             `Failed to sync storedProp for key "${b}" via BroadcastChannel`,
-            te
+            ie
           );
         } finally {
-          g = !1;
+          m = !1;
         }
     };
-    return A.addEventListener("message", x), p.onDispose(() => {
+    return A.addEventListener("message", x), h.onDispose(() => {
       A?.removeEventListener("message", x), A?.close();
-    }), { channel: A, instanceId: O, handleMessage: x };
-  }, P = S(a);
-  P && (w = P.channel, C = P.instanceId);
-  const ee = (b) => {
-    const D = a;
-    if (D === b) return;
-    const A = p.get(), O = r(A);
-    if (s.setItem(D, O), w != null && (w.close(), w = null, C = null), a = b, c === "load") {
-      const j = s.getItem(b);
-      if (j != null)
+    }), { 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);
+      if (F != null)
         try {
-          const v = o(n(j));
-          p.set(v);
+          const v = o(n(F));
+          h.set(v);
         } catch (v) {
           console.warn(
             `Failed to load storedProp from new key "${b}"`,
@@ -811,68 +1044,68 @@ const de = ({
           );
         }
       else
-        s.setItem(b, O);
-    } else c === "migrate" && s.setItem(b, O);
-    const x = S(b);
-    x && (w = x.channel, C = x.instanceId);
+        s.setItem(b, M);
+    } else c === "migrate" && s.setItem(b, M);
+    const x = w(b);
+    x && (S = x.channel, D = x.instanceId);
   };
-  return m.is(t) && p.onDispose(t.on(ee)), p.on((b, D) => {
+  return g.is(t) && h.onDispose(t.on(ne)), h.on((b, k) => {
     const A = r(b);
-    s.setItem(a, A), w != null && !g && D !== void 0 && C != null && w.postMessage({
+    s.setItem(a, A), S != null && !m && k !== void 0 && D != null && S.postMessage({
       key: a,
       value: A,
-      sourceId: C
+      sourceId: D
     });
-  }), p;
-}, $t = (t) => de({
+  }), h;
+}, Gt = (t) => Se({
   ...t,
   /* c8 ignore next 3 */
-  store: ne()?.localStorage ?? new fe()
-}), Nt = (t) => de({
+  store: ce()?.localStorage ?? new be()
+}), Xt = (t) => Se({
   ...t,
   /* c8 ignore next 3 */
-  store: ne()?.sessionStorage ?? new fe()
+  store: ce()?.sessionStorage ?? new be()
 });
-function ae(t) {
+function fe(t) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 0);
 }
-const Ue = (t, e, s, r) => {
-  const n = r?.duration ?? 300, i = r?.easing ?? ((S) => S), o = r?.equals ?? ((S, P) => S === P);
-  let l = r?.interpolate, c = t, a = e(), u = performance.now(), p = null, d = !0;
-  const f = new H(e, o), g = _(t, o);
-  g.onDispose(() => {
-    p !== null && cancelAnimationFrame(p);
-  }), g.onDispose(f.dispose), s.forEach((S) => {
-    S.setDerivative(f), S.onDispose(g.dispose);
+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);
+  m.onDispose(() => {
+    h !== null && cancelAnimationFrame(h);
+  }), m.onDispose(f.dispose), s.forEach((w) => {
+    w.setDerivative(f), w.onDispose(m.dispose);
   });
-  const w = (S) => {
-    a = S, u = performance.now(), c = g.value, d && (d = !1, p = ae(C));
-  }, C = () => {
-    const P = (performance.now() - u) / y.get(n), ee = i(P);
-    l == null && (l = Ve(c));
-    let b = l(c, a, ee);
-    P >= 1 ? (d = !0, b = a) : p = ae(C), g.set(b);
-  };
-  return f.on(w), g;
-}, Rt = (t, e) => {
+  const S = (w) => {
+    a = w, u = performance.now(), c = m.value, p && (p = !1, h = fe(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 Ue(
+  return Ke(
     /* c8 ignore next 2 */
     s ?? t.get(),
     t.get,
     [t],
     r
   );
-}, Je = (t, e) => {
-  const s = Object.values(t).filter(m.is), r = Object.keys(t);
-  return re(() => {
+}, et = (t, e) => {
+  const s = Object.values(t).filter(g.is), r = Object.keys(t);
+  return z(() => {
     const n = {};
     for (const i of r)
       n[i] = y.get(t[i]);
     return e(n);
   }, s);
-}, Vt = (t) => Je(t, (e) => e), jt = (t, e) => {
-  const s = _(t.get());
+}, Qt = (t) => et(t, (e) => e), Zt = (t, e) => {
+  const s = T(t.get());
   let r = null;
   const n = t.on((i) => {
     r != null && clearTimeout(r), r = setTimeout(
@@ -885,33 +1118,33 @@ const Ue = (t, e, s, r) => {
   return s.onDispose(() => {
     n(), r != null && clearTimeout(r);
   }), s;
-}, qt = (t) => {
+}, zt = (t) => {
   let e;
   return t.map((s) => {
     const r = e;
     return e = s, r;
   });
-}, Ft = ({
+}, Kt = ({
   size: t = void 0,
   signal: e
 }) => {
   const s = [];
   return e.map((r) => (s.push(r), t != null && s.length > t && s.shift(), s.slice()));
-}, Bt = (t) => (...e) => ie(
+}, es = (t) => (...e) => ee(
   t,
   ...e
 )((s, ...r) => s(...r));
-function Wt(...t) {
-  return ie(...t)((...e) => {
+function ts(...t) {
+  return ee(...t)((...e) => {
     for (const s of e) if (s != null) return s;
   });
 }
-const pe = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), me = /* @__PURE__ */ new Set(["selected"]), ge = /* @__PURE__ */ new Set([
+const we = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), _e = /* @__PURE__ */ new Set(["selected"]), ve = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), ye = /* @__PURE__ */ new Set(["valueAsDate"]), be = /* @__PURE__ */ new Set([
+]), Te = /* @__PURE__ */ new Set(["valueAsDate"]), Ae = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -919,28 +1152,28 @@ const pe = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), me = /* @
   "outerHTML",
   "className",
   "classList"
-]), Ge = (t, e) => me.has(t) ? (s) => {
+]), tt = (t, e) => _e.has(t) ? (s) => {
   s == null || s !== !0 ? e.removeAttribute(t) : e.setAttribute(t, "");
-} : pe.has(t) ? (s) => {
+} : we.has(t) ? (s) => {
   s == null ? e[t] = null : e[t] = !!s;
-} : ge.has(t) ? (s) => {
+} : ve.has(t) ? (s) => {
   s == null ? e[t] = null : e[t] = Number(s);
-} : ye.has(t) ? (s) => {
+} : Te.has(t) ? (s) => {
   s == null ? e[t] = null : e[t] = s;
-} : be.has(t) ? (s) => {
+} : Ae.has(t) ? (s) => {
   s == null ? e[t] = null : e[t] = String(s);
 } : (s) => {
   s == null ? e.removeAttribute(t) : e.setAttribute(t, s);
-}, Xe = (t, e) => me.has(t) ? () => e.hasAttribute(t) : pe.has(t) ? () => !!e[t] : ge.has(t) ? () => Number(e[t]) : ye.has(t) ? () => e[t] : be.has(t) ? () => String(e[t]) : () => e.getAttribute(t), B = (t) => {
+}, 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) => {
   const e = t;
   e && e.onblur && (e.onblur = null), !(!t || t.ownerDocument === void 0) && t.parentElement && t.parentElement.removeChild(t);
-}, Ye = (t) => we(t) ? t : t.parentElement, we = (t) => t.nodeType === 1;
-class Se extends Error {
+}, rt = (t) => Ee(t) ? t : t.parentElement, Ee = (t) => t.nodeType === 1;
+class Ce extends Error {
   constructor(e) {
     super(`Provider not found: ${e.description}`);
   }
 }
-class k {
+class N {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -962,7 +1195,7 @@ class k {
    * @returns A new `DOMContext` instance.
    */
   static of(e, s, r) {
-    return new k(e.ownerDocument, e, s, r);
+    return new N(e.ownerDocument, e, s, r);
   }
   /**
    * Creates a new DOM element (eg: HTML or SVG) with the specified tag name and namespace.
@@ -1047,7 +1280,7 @@ class k {
    * @param element - The DOM element to use in the new `DOMContext` instance.
    * @returns A new `DOMContext` instance with the provided `element`.
    */
-  withElement = (e) => new k(this.document, e, void 0, this.providers);
+  withElement = (e) => new N(this.document, e, void 0, this.providers);
   /**
    * Creates a portal to render content in a different part of the DOM tree.
    *
@@ -1104,7 +1337,7 @@ class k {
    * @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 k(this.document, this.element, e, this.providers);
+  withReference = (e) => new N(this.document, this.element, e, this.providers);
   /**
    * Sets a provider for the given provider mark.
    *
@@ -1112,7 +1345,7 @@ class k {
    * @param value - The provider to set for the given mark.
    * @returns A new `DOMContext` instance with the specified provider.
    */
-  setProvider = (e, s, r) => new k(this.document, this.element, this.reference, {
+  setProvider = (e, s, r) => new N(this.document, this.element, this.reference, {
     ...this.providers,
     [e]: [s, r]
   });
@@ -1125,12 +1358,12 @@ class k {
    */
   getProvider = (e) => {
     if (this.providers[e] === void 0)
-      throw new Se(e);
+      throw new Ce(e);
     const [s, r] = this.providers[e];
     return { value: s, onUse: r };
   };
   clear = (e) => {
-    e && (this.reference !== void 0 ? B(this.reference) : B(this.element));
+    e && (this.reference !== void 0 ? U(this.reference) : U(this.element));
   };
   /**
    * Adds classes to the element.
@@ -1200,55 +1433,57 @@ class k {
    */
   getStyle = (e) => this.element.style[e];
   makeAccessors = (e) => ({
-    get: Xe(e, this.element),
-    set: Ge(e, this.element)
+    get: st(e, this.element),
+    set: tt(e, this.element)
   });
   getWindow = () => this.document.defaultView;
 }
-const Qe = (t) => Symbol(t), oe = (t, e) => {
-  const s = t(e);
-  return (r = !0) => s(r);
-}, Ut = (t, e, { doc: s, clear: r, disposeWithParent: n = !0, providers: i = {} } = {}) => {
+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 Ze(
+    throw new it(
       `Cannot find element by selector for render: ${e}`
     );
   r !== !1 && (s ?? o.ownerDocument) != null && o.nodeType === 1 && (o.innerHTML = "");
-  const l = Ye(o), c = we(o) ? void 0 : o, a = k.of(l, c, i), u = oe(t, a);
-  let p;
-  return n && (p = new MutationObserver((d) => {
-    d[0]?.removedNodes.forEach((f) => {
-      f === o && (p?.disconnect(), u(o.nodeType !== 1));
+  const l = rt(o), c = Ee(o) ? void 0 : o, a = N.of(l, c, i), u = ae(t, a);
+  let h;
+  return n && (h = new MutationObserver((p) => {
+    p[0]?.removedNodes.forEach((f) => {
+      f === o && (h?.disconnect(), u(o.nodeType !== 1));
     });
-  }), p.observe(o.parentElement, {
+  }), h.observe(o.parentElement, {
     childList: !0,
     subtree: !1,
     attributes: !1
   })), () => {
-    p?.disconnect(), u(!0);
+    h?.disconnect(), u(!0);
   };
-}, Jt = (t, {
+}, rs = (t, {
   startUrl: e = "https://example.com",
   selector: s,
   providers: r = {}
 } = {
   selector: "body"
 }) => {
-  const n = y.toSignal(e).deriveProp(), i = new Ee(s, void 0), o = new $(i, void 0, { currentURL: n }, r);
+  const n = y.toSignal(e).deriveProp(), i = new Oe(s, void 0), o = new R(i, void 0, { currentURL: n }, r);
   return {
-    clear: oe(t(), o),
+    clear: ae(t(), o),
     root: i,
     currentURL: n
   };
 };
-class Ze extends Error {
+class it extends Error {
   constructor(e) {
     super(e);
   }
 }
-const Te = "data-tts-node", W = "data-tts-class", U = "data-tts-style", J = "data-tts-html", G = "data-tts-text", X = "data-tts-attrs";
-class Gt {
+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 {
   /**
    * 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.
@@ -1333,10 +1568,10 @@ class Gt {
     appendHTML: c,
     getInnerHTML: a,
     setInnerHTML: u,
-    getInnerText: p,
-    setInnerText: d
+    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 = p, this.setInnerText = d;
+    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;
   }
   /**
    * Sets the content of the root element from a HeadlessPortal. Generally this will be the same instance that is
@@ -1357,21 +1592,21 @@ class Gt {
         if (n.hasChildren() && this.appendHTML(o, n.contentToHTML(s)), n.hasInnerHTML()) {
           if (s) {
             const l = this.getInnerHTML(o);
-            l != null && this.setAttribute(o, J, l);
+            l != null && this.setAttribute(o, X, l);
           }
           this.setInnerHTML(o, n.getInnerHTML());
         }
         if (n.hasInnerText()) {
           if (s) {
             const l = this.getInnerText(o);
-            l != null && this.setAttribute(o, G, l);
+            l != null && this.setAttribute(o, Y, l);
           }
           this.setInnerText(o, n.getInnerText());
         }
         if (n.hasClasses()) {
           if (s) {
             const l = this.getClass(o);
-            l != null && this.setAttribute(o, W, l);
+            l != null && this.setAttribute(o, J, l);
           }
           this.setClass(o, n.getClasses().join(" "));
         }
@@ -1380,7 +1615,7 @@ class Gt {
             const l = this.getStyles(o);
             Object.keys(l).length > 0 && this.setAttribute(
               o,
-              U,
+              G,
               JSON.stringify(l)
             );
           }
@@ -1395,7 +1630,7 @@ class Gt {
               u != null && c.push([a, u]);
             }), c.length > 0 && this.setAttribute(
               o,
-              X,
+              Q,
               JSON.stringify(Object.fromEntries(c))
             );
           }
@@ -1407,56 +1642,56 @@ class Gt {
     });
   };
 }
-const ze = () => {
-  document.querySelectorAll(`[${Te}]`).forEach(B);
-}, Ke = (t) => {
-  const e = t.getAttribute(W);
-  t.removeAttribute(W), e != null && t.setAttribute("class", e);
-}, et = () => {
-  document.querySelectorAll(`[${W}]`).forEach((e) => Ke(e));
-}, tt = (t) => {
+const ot = () => {
+  document.querySelectorAll(`[${De}]`).forEach(U);
+}, lt = (t) => {
   const e = t.getAttribute(J);
-  t.removeAttribute(J), e != null && (t.innerHTML = e);
-}, st = () => {
-  document.querySelectorAll(`[${J}]`).forEach((e) => tt(e));
-}, rt = (t) => {
+  t.removeAttribute(J), e != null && t.setAttribute("class", e);
+}, ct = () => {
+  document.querySelectorAll(`[${J}]`).forEach((e) => lt(e));
+}, at = (t) => {
+  const e = t.getAttribute(X);
+  t.removeAttribute(X), e != null && (t.innerHTML = e);
+}, ut = () => {
+  document.querySelectorAll(`[${X}]`).forEach((e) => at(e));
+}, ht = (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);
-  t.removeAttribute(G), e != null && (t.innerText = e);
-}, nt = () => {
-  document.querySelectorAll(`[${G}]`).forEach((e) => rt(e));
-}, ve = (t) => JSON.parse(t.replace(/&quot;/g, '"')), it = (t) => {
-  const e = t.getAttribute(U);
-  if (t.removeAttribute(U), e != null) {
-    const s = ve(e);
+  if (t.removeAttribute(G), e != null) {
+    const s = Pe(e);
     Object.entries(s).forEach(([r, n]) => {
       t.style.setProperty(r, n);
     });
   }
-}, ot = () => {
-  document.querySelectorAll(`[${U}]`).forEach((e) => it(e));
-}, lt = (t) => {
-  const e = t.getAttribute(X);
-  if (t.removeAttribute(X), e != null) {
-    const s = ve(e);
+}, pt = () => {
+  document.querySelectorAll(`[${G}]`).forEach((e) => ft(e));
+}, gt = (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);
     });
   }
-}, ct = () => {
-  document.querySelectorAll(`[${X}]`).forEach((e) => lt(e));
-}, Xt = () => {
-  ze(), et(), nt(), st(), ot(), ct();
-}, M = Symbol("class"), I = Symbol("style"), q = Symbol("handler"), Ae = () => Math.random().toString(36).substring(2, 15), at = (t) => t.replace(/<[^>]*>?/g, "");
-class _e {
+}, 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 {
   constructor(e) {
     this.parent = e;
   }
-  id = Ae();
+  id = xe();
   properties = {};
   children = [];
   isElement = () => !0;
   isText = () => !1;
-  getText = () => this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? at(this.properties.innerHTML) : this.children.map((e) => e.getText()).join("");
+  getText = () => this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? yt(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);
@@ -1477,10 +1712,10 @@ class _e {
   getInnerText = () => this.properties.innerText ?? "";
   hasInnerText = () => this.properties.innerText != null;
   hasChildren = () => this.children.length > 0;
-  hasClasses = () => this.properties[M] != null;
-  hasStyles = () => this.properties[I] != null;
+  hasClasses = () => this.properties[I] != null;
+  hasStyles = () => this.properties[H] != null;
   hasAttributes = () => Object.keys(this.properties).length > 0;
-  hasHandlers = () => this.properties[q] != null;
+  hasHandlers = () => this.properties[B] != null;
   hasRenderableProperties = () => this.hasClasses() || this.hasAttributes() || this.hasStyles();
   getById = (e) => {
     if (this.properties.id === e)
@@ -1492,26 +1727,26 @@ class _e {
     }
   };
   trigger = (e, s) => {
-    ((this.properties[q] ?? {})[e] ?? []).forEach((n) => n(s));
+    ((this.properties[B] ?? {})[e] ?? []).forEach((n) => n(s));
   };
   click = () => {
     this.trigger("click", {});
   };
   on = (e, s, r, n) => {
-    const i = this.properties[q] ??= {}, o = n?.once ? (c) => {
+    const i = this.properties[B] ??= {}, o = n?.once ? (c) => {
       l(), s(c, r);
     } : (c) => s(c, r);
     i[e] = [...i[e] ?? [], o];
     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[q]) : i[e] = c, n?.signal != null && n.signal.removeEventListener("abort", l));
+      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));
     };
     return n?.signal != null && n.signal.addEventListener("abort", l), l;
   };
   addClasses = (e) => {
     if (e.length === 0)
       return;
-    const s = this.properties[M] ??= [];
+    const s = this.properties[I] ??= [];
     e.forEach((r) => {
       s.includes(r) || s.push(r);
     });
@@ -1519,25 +1754,25 @@ class _e {
   removeClasses = (e) => {
     if (e.length === 0)
       return;
-    const s = this.properties[M] ??= [];
+    const s = this.properties[I] ??= [];
     e.forEach((r) => {
       const n = s.indexOf(r);
       n !== -1 && s.splice(n, 1);
-    }), s.length === 0 && delete this.properties[M];
+    }), s.length === 0 && delete this.properties[I];
   };
-  getClasses = () => this.properties[M] ?? [];
+  getClasses = () => this.properties[I] ?? [];
   getAttributes = () => Object.entries(this.properties).filter(
     ([e]) => !["innerText", "innerHTML"].includes(e)
   );
   getVisibleAttributes = () => Reflect.ownKeys(this.properties).flatMap(
-    (e) => e === M ? [["class", this.getClasses()]] : e === I ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
+    (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[I] ??= {};
-    r[e] = s, s === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[I]);
+    const r = this.properties[H] ??= {};
+    r[e] = s, s === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[H]);
   };
-  getStyle = (e) => this.properties[I]?.[e] ?? "";
-  getStyles = () => this.properties[I] ?? {};
+  getStyle = (e) => this.properties[H]?.[e] ?? "";
+  getStyles = () => this.properties[H] ?? {};
   makeAccessors = (e) => {
     const s = this.properties;
     return {
@@ -1546,8 +1781,8 @@ class _e {
     };
   };
 }
-const ut = (t) => t.replace(/"/g, "&quot;"), ht = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-class ft extends _e {
+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;
   }
@@ -1555,11 +1790,11 @@ class ft extends _e {
   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(" ")}"` : pt.has(l) ? ` ${l}` : l === "innerHTML" ? (n = c, "") : l === "innerText" ? (n = ht(c), "") : ` ${l}="${ut(c)}"`).join(""), o = e ? ` ${Te}` : "";
-    return mt.has(this.tagName) && s === "" ? `<${this.tagName}${r}${i}${o} />` : `<${this.tagName}${r}${i}${o}>${n ?? s}</${this.tagName}>`;
+    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}>`;
   };
 }
-class Ee extends _e {
+class Oe extends Le {
   constructor(e, s) {
     super(s), this.selector = e;
   }
@@ -1567,17 +1802,17 @@ class Ee extends _e {
   toHTML = () => "";
   contentToHTML = (e = !1) => this.children.map((s) => s.toHTML(e)).join("");
 }
-class dt {
+class _t {
   constructor(e) {
     this.text = e;
   }
-  id = Ae();
+  id = xe();
   isElement = () => !1;
   isText = () => !0;
   getText = () => this.text;
   toHTML = () => this.text;
 }
-class $ {
+class R {
   constructor(e, s, r, n) {
     this.element = e, this.reference = s, this.container = r, this.providers = n;
   }
@@ -1589,8 +1824,8 @@ class $ {
       this.element.children.push(e);
   };
   makeChildElement = (e, s) => {
-    const r = new ft(e, s, this.element);
-    return this.appendOrInsert(r), new $(
+    const r = new wt(e, s, this.element);
+    return this.appendOrInsert(r), new R(
       r,
       void 0,
       this.container,
@@ -1598,8 +1833,8 @@ class $ {
     );
   };
   makeChildText = (e) => {
-    const s = new dt(e);
-    return this.appendOrInsert(s), new $(
+    const s = new _t(e);
+    return this.appendOrInsert(s), new R(
       this.element,
       s,
       this.container,
@@ -1612,8 +1847,8 @@ class $ {
   getText = () => this.reference?.getText() ?? this.element.getText();
   makeRef = () => this.makeChildText("");
   makePortal = (e) => {
-    const s = new Ee(e, this.element);
-    return this.appendOrInsert(s), new $(
+    const s = new Oe(e, this.element);
+    return this.appendOrInsert(s), new R(
       s,
       void 0,
       this.container,
@@ -1627,13 +1862,13 @@ class $ {
    * @param value - The provider to set for the given mark.
    * @returns A new `DOMContext` instance with the specified provider.
    */
-  setProvider = (e, s, r) => new $(this.element, this.reference, this.container, {
+  setProvider = (e, s, r) => new R(this.element, this.reference, this.container, {
     ...this.providers,
     [e]: [s, r]
   });
   getProvider = (e) => {
     if (this.providers[e] === void 0)
-      throw new Se(e);
+      throw new Ce(e);
     const [s, r] = this.providers[e];
     return { value: s, onUse: r };
   };
@@ -1652,27 +1887,27 @@ class $ {
   getStyle = (e) => this.element.getStyle(e);
   makeAccessors = (e) => this.element.makeAccessors(e);
 }
-const pt = /* @__PURE__ */ new Set([
+const vt = /* @__PURE__ */ new Set([
   "checked",
   "disabled",
   "multiple",
   "readonly",
   "required",
   "selected"
-]), mt = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), Ce = (t) => (e) => e.makeChildText(t).clear, Pe = (t) => (e) => {
+]), 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);
   };
-}, Yt = (t) => m.is(t) ? Pe(t) : Ce(t), T = (...t) => (e) => {
-  const s = t.map((r) => h(r)(e));
+}, os = (t) => g.is(t) ? Me(t) : ke(t), E = (...t) => (e) => {
+  const s = t.map((r) => d(r)(e));
   return (r) => {
     s.forEach((n) => n(r));
   };
-}, E = () => () => {
-}, gt = (t) => (e) => (e.addClasses(t), (s) => {
+}, C = () => () => {
+}, At = (t) => (e) => (e.addClasses(t), (s) => {
   s && e.removeClasses(t);
-}), yt = (t) => (e) => {
+}), Et = (t) => (e) => {
   let s = [];
   const r = t.on((n) => {
     e.removeClasses(s), s = (n ?? "").split(" ").filter((i) => i.length > 0), e.addClasses(s);
@@ -1680,20 +1915,20 @@ const pt = /* @__PURE__ */ new Set([
   return (n) => {
     r(), n && e.removeClasses(s), s.length = 0;
   };
-}, bt = (t, e) => (s) => {
+}, Ct = (t, e) => (s) => {
   const { get: r, set: n } = s.makeAccessors(t), i = r();
   return n(e), (o) => {
     o && n(i);
   };
-}, wt = (t, e) => (s) => {
+}, Dt = (t, e) => (s) => {
   const { get: r, set: n } = s.makeAccessors(t), i = r(), o = e.on(n);
   return (l) => {
     o(), l && n(i);
   };
-}, N = (t, e) => m.is(e) ? wt(t, e) : bt(t, e), Z = (t = "") => (e, s) => {
+}, V = (t, e) => g.is(e) ? Dt(t, e) : Ct(t, e), te = (t = "") => (e, s) => {
   const r = t ? `${t}${e}` : e;
-  return N(r, s);
-}, R = new Proxy(
+  return V(r, s);
+}, j = new Proxy(
   {},
   {
     /**
@@ -1707,12 +1942,12 @@ const pt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => e === "class" ? (s) => m.is(s) ? yt(s) : gt(
+    get: (t, e) => e === "class" ? (s) => g.is(s) ? Et(s) : At(
       /* c8 ignore next */
       (s ?? "").split(" ").filter((r) => r.length > 0)
-    ) : e === "set" ? Z() : (s) => N(e, s)
+    ) : e === "set" ? te() : (s) => V(e, s)
   }
-), Qt = new Proxy(
+), ls = new Proxy(
   {},
   {
     /**
@@ -1723,9 +1958,9 @@ const pt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => e === "set" ? Z("data-") : (s) => N(`data-${e}`, s)
+    get: (t, e) => e === "set" ? te("data-") : (s) => V(`data-${e}`, s)
   }
-), Zt = new Proxy(
+), cs = new Proxy(
   {},
   {
     /**
@@ -1736,9 +1971,9 @@ const pt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => e === "set" ? Z("aria-") : (s) => N(`aria-${e}`, s)
+    get: (t, e) => e === "set" ? te("aria-") : (s) => V(`aria-${e}`, s)
   }
-), zt = new Proxy(
+), as = new Proxy(
   {},
   {
     /**
@@ -1749,9 +1984,9 @@ const pt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => e === "set" ? Z() : (s) => N(e, s)
+    get: (t, e) => e === "set" ? te() : (s) => V(e, s)
   }
-), Kt = new Proxy(
+), us = new Proxy(
   {},
   {
     /**
@@ -1761,31 +1996,31 @@ const pt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => N(e, s)
+    get: (t, e) => (s) => V(e, s)
   }
-), h = (t) => {
+), d = (t) => {
   if (t == null)
-    return E;
+    return C;
   if (Array.isArray(t))
-    return T(...t.map(h));
+    return E(...t.map(d));
   if (typeof t == "string")
-    return Ce(t);
-  if (m.is(t))
-    return Pe(t);
+    return ke(t);
+  if (g.is(t))
+    return Me(t);
   if (typeof t == "function")
     return t;
   throw new Error(`Unknown type: '${typeof t}' for child: ${t}`);
-}, xe = (t, ...e) => (s) => {
-  const r = s.makeChildElement(t, void 0), n = e.map((i) => h(i)(r));
+}, 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);
   };
-}, Le = (t, e, ...s) => (r) => {
-  const n = r.makeChildElement(t, e), i = s.map((o) => h(o)(n));
+}, He = (t, e, ...s) => (r) => {
+  const n = r.makeChildElement(t, e), i = s.map((o) => d(o)(n));
   return (o) => {
     i.forEach((l) => l(!1)), n.clear(o);
   };
-}, es = new Proxy(
+}, hs = new Proxy(
   {},
   {
     /**
@@ -1793,9 +2028,9 @@ const pt = /* @__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) => xe(e, s.flatMap(h))
+    get: (t, e) => (...s) => Ie(e, s.flatMap(d))
   }
-), ts = new Proxy(
+), ds = new Proxy(
   {},
   {
     /**
@@ -1803,9 +2038,9 @@ const pt = /* @__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) => xe("input", R.type(e), ...s)
+    get: (t, e) => (...s) => Ie("input", j.type(e), ...s)
   }
-), St = "http://www.w3.org/2000/svg", ss = new Proxy(
+), Pt = "http://www.w3.org/2000/svg", fs = new Proxy(
   {},
   {
     /**
@@ -1813,9 +2048,9 @@ const pt = /* @__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) => Le(e, St, s.flatMap(h))
+    get: (t, e) => (...s) => He(e, Pt, s.flatMap(d))
   }
-), Tt = "http://www.w3.org/1998/Math/MathML", rs = new Proxy(
+), xt = "http://www.w3.org/1998/Math/MathML", ps = new Proxy(
   {},
   {
     /**
@@ -1823,35 +2058,35 @@ const pt = /* @__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) => Le(e, Tt, s.flatMap(h))
+    get: (t, e) => (...s) => He(e, xt, s.flatMap(d))
   }
-), De = (t, e) => {
+), $e = (t, e) => {
   if (typeof e == "function")
-    return De(t, { then: e });
-  const s = e.pending != null ? h(e.pending()) : E, r = e.then, n = e.error != null ? (i) => h(e.error(i)) : () => E;
+    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 = h(s)(c);
+    let a = d(s)(c);
     return l.then(
       (u) => {
-        o && (a(!0), a = h(r(u))(c));
+        o && (a(!0), a = d(r(u))(c));
       },
       (u) => {
-        o && (a(!0), a = h(n(u))(c));
+        o && (a(!0), a = d(n(u))(c));
       }
     ), (u) => {
       o = !1, a(u), c.clear(u);
     };
   };
-}, ns = (t, e) => De(() => t, e), Oe = (t, e, s) => (r) => r.on(t, e, s), vt = (t) => Oe("click", (e, s) => {
+}, gs = (t, e) => $e(() => t, e), Ne = (t, e, s) => (r) => r.on(t, e, s), Lt = (t) => Ne("click", (e, s) => {
   e.preventDefault();
   const r = e.target;
   setTimeout(() => {
     const n = r.ownerDocument != null ? r?.checked : void 0;
     n != null && t(!n, s);
   }, 0);
-}), z = new Proxy(
+}), se = new Proxy(
   {},
   {
     /**
@@ -1859,20 +2094,20 @@ const pt = /* @__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) => Oe(e, s)
+    get: (t, e) => (s) => Ne(e, s)
   }
-), At = (t, e) => (s) => {
+), Ot = (t, e) => (s) => {
   e?.preventDefault === !0 && s.preventDefault(), e?.stopPropagation === !0 && s.stopPropagation(), e?.stopImmediatePropagation === !0 && s.stopImmediatePropagation(), t(s);
-}, L = (t, e) => At((s) => {
+}, O = (t, e) => Ot((s) => {
   const r = s.target;
   t(r, s);
-}, e), _t = (t, e) => L(
+}, e), kt = (t, e) => O(
   (s, r) => t(s.value, r),
   e
-), Et = (t, e) => L(
+), Mt = (t, e) => O(
   (s, r) => t(s.valueAsNumber, r),
   e
-), Ct = (t, e) => L((s, r) => {
+), It = (t, e) => O((s, r) => {
   if (s.value === "")
     return;
   const n = s.value.split("-"), i = new Date(
@@ -1881,7 +2116,7 @@ const pt = /* @__PURE__ */ new Set([
     Number(n[2].substring(0, 2))
   );
   t(i, r);
-}, e), is = (t, e) => L((s, r) => {
+}, e), ms = (t, e) => O((s, r) => {
   if (s.value === "") {
     t(null, r);
     return;
@@ -1892,7 +2127,7 @@ const pt = /* @__PURE__ */ new Set([
     Number(n[2].substring(0, 2))
   );
   t(i, r);
-}, e), Pt = (t, e) => L((s, r) => {
+}, e), Ht = (t, e) => O((s, r) => {
   if (s.value === "")
     return;
   const n = s.value.split("T"), i = n[0].split("-"), o = new Date(
@@ -1901,7 +2136,7 @@ const pt = /* @__PURE__ */ new Set([
     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), os = (t, e) => L((s, r) => {
+}, e), ys = (t, e) => O((s, r) => {
   if (s.value === "") {
     t(null, r);
     return;
@@ -1917,55 +2152,58 @@ const pt = /* @__PURE__ */ new Set([
     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), ls = (t, e) => L((s, r) => {
+}, e), bs = (t, e) => O((s, r) => {
   t(s.checked, r);
-}, e), cs = (t, e = "input") => T(R.valueAsDate(t), z[e](Ct(t.set))), as = (t, e = "input") => T(R.valueAsDate(t), z[e](Pt(t.set))), us = (t, e = "input") => T(R.valueAsNumber(t), z[e](Et(t.set))), hs = (t, e = "input") => T(R.value(t), z[e](_t(t.set))), fs = (t) => T(R.checked(t), vt(t.set)), le = (t, e, s) => m.is(t) ? e(t) : s(t), xt = (t, e, s) => {
+}, 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 = () => {
-  };
-  const i = e.on((o) => {
-    n(!0), n = h(s(o))(r);
+  }, i = null;
+  const o = e.on((l) => {
+    i?.dispose(), n(!0), i = new q(), n = L(
+      i,
+      () => d(s(l))(r)
+    );
   });
-  return (o) => {
-    n(o), i(), r.clear(o);
+  return (l) => {
+    i?.dispose(), n(l), o(), r.clear(l);
   };
-}, K = (t, e) => {
+}, re = (t, e) => {
   function s(n) {
     return (i) => {
       const o = i.makeRef();
       let l, c;
-      const a = n.map((d) => Object.keys(d)[0]);
+      const a = n.map((p) => Object.keys(p)[0]);
       let u;
-      const p = a.on((d) => {
-        if (d !== u) {
-          u = d, c?.dispose(), l?.(!0), c = n.map((g) => g[d]);
-          const f = e[d](c);
-          l = h(f)(o);
+      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);
         }
       });
-      return (d) => {
-        c?.dispose(), p(), o.clear(d), l?.(d);
+      return (p) => {
+        c?.dispose(), h(), o.clear(p), l?.(p);
       };
     };
   }
   function r(n) {
     const i = Object.keys(n)[0];
-    return h(e[i](Q(n[i])));
+    return d(e[i](K(n[i])));
   }
-  return le(t, s, r);
-}, Me = (t, e, s) => K(
+  return ue(t, s, r);
+}, Re = (t, e, s) => re(
   y.map(t, (r) => ({ [r[e]]: r })),
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   s
-), ds = (t, e) => Me(t, "kind", e), ps = (t, e) => {
+), As = (t, e) => Re(t, "kind", e), Es = (t, e) => {
   const s = y.map(t, ([r, n]) => ({ [r]: n }));
-  return K(s, e);
-}, ms = (t, e) => Me(t, "type", e), Lt = (t, e) => K(
+  return re(s, e);
+}, Cs = (t, e) => Re(t, "type", e), Nt = (t, e) => re(
   y.map(t, (s) => ({ [s]: !0 })),
   e
-), gs = (t, e = {}) => (s) => {
+), Ds = (t, e = {}) => (s) => {
   const r = e?.firstSeparator ?? t, n = e?.lastSeparator ?? t;
-  return Lt(
+  return Nt(
     s.map((i) => i.isFirst ? "first" : i.isLast ? "last" : "other"),
     {
       first: r,
@@ -1973,80 +2211,78 @@ const pt = /* @__PURE__ */ new Set([
       other: t
     }
   );
-}, ys = (t) => (e) => (e.appendOrInsert(t), (s) => {
-  s && B(t);
-}), bs = (t, e, s) => {
+}, Ps = (t) => (e) => (e.appendOrInsert(t), (s) => {
+  s && U(t);
+}), xs = (t, e, s) => {
   function r(i) {
     return (o) => {
       const l = o.makeRef();
       let c = () => {
       }, a = !1, u = null;
-      const p = i.on((d) => {
-        d == null ? (c(!0), c = h(s?.())(l), a = !1, u?.dispose(), u = null) : a ? u.set(d) : (u = _(d), c(!0), c = h(e(u))(
+      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))(
           l
         ), a = !0);
       });
-      return (d) => {
-        u?.dispose(), p(), c?.(d), l.clear(d);
+      return (p) => {
+        u?.dispose(), h(), c?.(p), l.clear(p);
       };
     };
   }
   function n(i) {
     if (i == null) {
       const o = s?.();
-      return o != null ? h(o) : E;
+      return o != null ? d(o) : C;
     }
-    return h(e(Q(i)));
+    return d(e(K(i)));
   }
-  return le(
+  return ue(
     t,
     r,
     n
   );
-}, ws = (...t) => (e, s) => (r) => {
+}, Ls = (...t) => (e, s) => (r) => {
   const n = r.makeRef();
   if (t.some(
-    (f) => !m.is(f) && f == null
+    (f) => !g.is(f) && f == null
   ))
-    return (s != null ? h(s?.()) : E)(
+    return (s != null ? d(s?.()) : C)(
       n
     );
   const o = t.map(() => null), l = t.map(
-    (f) => m.is(f) ? f.value != null : f != null
+    (f) => g.is(f) ? f.value != null : f != null
   );
   let c = null;
-  const a = _(l.every((f) => f)), u = (f, g) => {
+  const a = T(l.every((f) => f)), u = (f, m) => {
     if (f.value != null) {
-      if (o[g] == null) {
-        const w = _(f.value);
-        o[g] = w;
+      if (o[m] == null) {
+        const S = T(f.value);
+        o[m] = S;
       } else
-        o[g].value = f.value;
-      l[g] = !0;
+        o[m].value = f.value;
+      l[m] = !0;
     } else
-      l[g] = !1;
+      l[m] = !1;
   };
-  let p = t.length - 1;
-  const d = t.map((f, g) => {
-    if (!m.is(f)) {
-      const w = _(f);
-      return o[g] = w, () => {
+  let h = t.length - 1;
+  const p = t.map((f, m) => {
+    if (!g.is(f)) {
+      const S = T(f);
+      return o[m] = S, () => {
       };
     }
     return f.on(() => {
-      u(f, g), p === 0 ? a.value = l.every((w) => w) : p--;
+      u(f, m), h === 0 ? a.value = l.every((S) => S) : h--;
     });
   });
   return a.on((f) => {
-    c?.(!0), c = null, f ? c = h(e(...o))(n) : c = h(s?.() ?? E)(n);
+    c?.(!0), c = null, f ? c = d(e(...o))(n) : c = d(s?.() ?? C)(n);
   }), (f) => {
-    o.forEach((g) => g?.dispose()), a.dispose(), d.forEach((g) => g()), c?.(f), n.clear(f);
+    o.forEach((m) => m?.dispose()), a.dispose(), p.forEach((m) => m()), c?.(f), n.clear(f);
   };
-}, V = (...t) => (e) => (s) => t.forEach((r) => {
-  typeof r == "function" ? r(s, e) : r.dispose(s, e);
-}), Ie = (t, e, s) => le(
+}, Ve = (t, e, s) => ue(
   t,
-  (r) => (n) => xt(
+  (r) => (n) => $t(
     n,
     r,
     (i) => i ? e() : s?.()
@@ -2054,85 +2290,81 @@ const pt = /* @__PURE__ */ new Set([
   (r) => {
     if (r) {
       const n = e();
-      return n != null ? h(n) : E;
+      return n != null ? d(n) : C;
     }
-    return h(s?.());
+    return d(s?.());
   }
-), Ss = (t, e, s) => Ie(
+), Os = (t, e, s) => Ve(
   y.map(t, (r) => !r),
   e,
   s
-), He = (t, e, s) => {
+), je = (t, e, s) => {
   if (s != null)
-    return He(t, (r) => {
-      const n = new se(
+    return je(t, (r) => {
+      const n = new le(
         r.index,
         r.total.map((i) => i - 1)
       );
-      return T(
-        V(n.dispose),
-        h(e(r)),
-        Ie(
+      return E(
+        d(e(r)),
+        Ve(
           r.isLast,
-          () => E,
+          () => C,
           () => s(n)
         )
       );
     });
-  if (m.is(t))
+  if (g.is(t))
     return (r) => {
-      const n = t.derive(), i = r.makeRef(), o = [];
-      return n.on((l) => {
-        const c = o.splice(l);
-        for (const a of c)
-          a(!0);
-        for (let a = o.length; a < l; a++) {
-          const u = new se(a, n);
-          o.push(
-            T(
-              V(u.dispose),
-              h(e(u))
-            )(i)
+      const n = t.derive(), i = r.makeRef(), o = [], l = [];
+      return n.on((c) => {
+        const a = o.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))
           );
         }
-      }), (l) => {
-        n.dispose();
-        for (const c of o)
-          c(l);
-        o.length = 0, i.clear(l);
+      }), (c) => {
+        for (const a of l)
+          a.dispose();
+        l.length = 0, n.dispose();
+        for (const a of o)
+          a(c);
+        o.length = 0, i.clear(c);
       };
     };
   {
-    const r = Q(t);
-    return T(
+    const r = K(t);
+    return E(
       ...Array.from({ length: t }, (n, i) => i).map((n) => {
-        const i = new se(n, r);
-        return T(
-          V(i.dispose),
-          h(e(i))
-        );
+        const i = new le(n, r);
+        return d(e(i));
       })
     );
   }
-}, Ts = (t, e, s) => {
+}, ks = (t, e, s) => {
   const r = y.map(t, (i) => i.length), n = y.toSignal(t);
-  return He(
+  return je(
     r,
     (i) => {
       const o = n.map((l) => l[i.index]);
-      return T(
-        V(o.dispose),
-        h(e(o, i))
-      );
+      return d(e(o, i));
     },
     s
   );
-}, vs = (t, e) => {
-  if (m.is(t)) {
+}, Rt = (...t) => (e) => (s) => t.forEach((r) => {
+  typeof r == "function" ? r(s, e) : r.dispose(s, e);
+}), Ms = (t, e) => {
+  if (g.is(t)) {
     const s = t;
     return (r) => {
       r = r.makeRef();
-      const n = s.map((l) => h(e(l)));
+      const n = s.map((l) => d(e(l)));
       let i = () => {
       };
       const o = n.on((l) => {
@@ -2143,8 +2375,8 @@ const pt = /* @__PURE__ */ new Set([
       };
     };
   }
-  return h(e(t));
-}, As = (t, e, s = () => E) => K(
+  return d(e(t));
+}, Is = (t, e, s = () => C) => re(
   y.map(
     t,
     (r) => r.length > 0 ? { notEmpty: r } : { whenEmpty: null }
@@ -2153,40 +2385,40 @@ const pt = /* @__PURE__ */ new Set([
     notEmpty: (r) => e(r),
     whenEmpty: () => s()
   }
-), _s = (t, e) => (s) => {
-  const r = s.makePortal(t), n = oe(h(e), r);
+), Hs = (t, e) => (s) => {
+  const r = s.makePortal(t), n = ae(d(e), r);
   return () => n(!0);
-}, F = /* @__PURE__ */ new Map(), Dt = (t) => ({
-  mark: Qe(`Probe(${t.description})`),
+}, W = /* @__PURE__ */ new Map(), Vt = (t) => ({
+  mark: nt(`Probe(${t.description})`),
   create: ({ callback: e = () => {
   }, timeout: s = 10 } = {}) => {
     const r = (l) => {
-      clearTimeout(n), F.delete(t), e(l);
+      clearTimeout(n), W.delete(t), e(l);
     };
-    if (F.has(t))
+    if (W.has(t))
       throw new Error(`Probe already exists: ${t.description}`);
     const n = setTimeout(() => r("timeout"), s), i = { counter: 0, timeoutId: n };
-    return F.set(t, i), {
+    return W.set(t, i), {
       value: () => {
         clearTimeout(n);
-        const l = F.get(t);
+        const l = W.get(t);
         l != null && --l.counter === 0 && r("resolved");
       },
       dispose: () => r("disposed"),
       onUse: () => i.counter++
     };
   }
-}), Es = Dt(Symbol("GlobalProbe")), Ot = (t, e) => (s) => {
+}), $s = Vt(Symbol("GlobalProbe")), jt = (t, e) => (s) => {
   const r = s.getStyle(t);
   return s.setStyle(t, e), (n) => {
     n && s.setStyle(t, r);
   };
-}, Mt = (t, e) => (s) => {
+}, 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);
   };
-}, ue = (t, e) => m.is(e) ? Mt(t, e) : Ot(t, e), Cs = new Proxy({}, {
+}, pe = (t, e) => g.is(e) ? qt(t, e) : jt(t, e), Ns = new Proxy({}, {
   /**
    * Creates a renderable component for the specified `style` property.
    *
@@ -2195,28 +2427,33 @@ const pt = /* @__PURE__ */ new Set([
    * @returns The renderable component for the specified attribute.
    *
    */
-  get: (t, e) => e === "variable" ? (s, r) => ue(s, r) : (s) => ue(e, s)
-}), It = (t) => (e) => {
+  get: (t, e) => e === "variable" ? (s, r) => pe(s, r) : (s) => pe(e, s)
+}), Ft = (t) => (e) => {
   if (e.isBrowser()) {
     const s = t(e);
     if (s != null)
-      return h(s)(e);
+      return d(s)(e);
   }
   return () => {
   };
-}, Ps = (t) => (e) => {
+}, Rs = (t) => (e) => {
   const s = t(e);
   return s == null ? () => {
-  } : h(s)(e);
-}, xs = (t) => It((e) => t(e.element)), Ls = (t) => (e) => {
+  } : d(s)(e);
+}, Vs = (t) => Ft((e) => t(e.element)), js = (t) => (e) => {
   if (e.isHeadlessDOM()) {
     const s = t(e);
     if (s)
-      return h(s)(e);
+      return d(s)(e);
   }
   return () => {
   };
-}, ce = (t) => (e) => {
+}, qs = (t) => (e) => {
+  const s = new q(), r = L(s, () => d(t(s))(e));
+  return (n) => {
+    s.dispose(), r(n);
+  };
+}, he = (t) => (e) => {
   let s = e;
   function r() {
     return s;
@@ -2230,133 +2467,144 @@ const pt = /* @__PURE__ */ new Set([
       return a?.(), c;
     },
     set: ({ mark: l, create: c }, a) => {
-      const { value: u, dispose: p, onUse: d } = c(a, r());
-      i.push(p), n(r().setProvider(l, u, d));
+      const { value: u, dispose: h, onUse: p } = c(a, r());
+      i.push(h), n(r().setProvider(l, u, p));
     }
   });
   return o == null ? () => {
-  } : T(
-    h(o),
-    V(() => i.forEach((l) => l()))
+  } : E(
+    d(o),
+    Rt(() => i.forEach((l) => l()))
   )(r());
-}, Ds = (t, e, s) => ce(({ set: r }) => (r(t, e), s())), Os = (t, e) => ce(({ use: s }) => e(s(t))), Ms = (...t) => (e) => ce(({ use: s }) => {
+}, 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);
 });
 export {
-  ns as Async,
-  fs as BindChecked,
-  cs as BindDate,
-  as as BindDateTime,
-  us as BindNumber,
-  hs as BindText,
-  k as BrowserContext,
-  W as CLASS_PLACEHOLDER_ATTR,
-  H as Computed,
-  gs as Conjunction,
-  ys as DOMNode,
-  xe as El,
-  Le as ElNS,
-  se as ElementPosition,
-  E as Empty,
-  bs as Ensure,
-  ws as EnsureAll,
-  Ts as ForEach,
-  T as Fragment,
-  Es as GlobalProbe,
-  Gt as HeadlessAdapter,
-  $ as HeadlessContext,
-  ft as HeadlessElement,
-  Ee as HeadlessPortal,
-  dt as HeadlessText,
-  vs as MapSignal,
-  fe as MemoryStore,
-  As as NotEmpty,
-  vt as OnChecked,
-  V as OnDispose,
-  K as OneOf,
-  Me as OneOfField,
-  ds as OneOfKind,
-  ps as OneOfTuple,
-  ms as OneOfType,
-  Lt as OneOfValue,
-  _s as Portal,
-  Y as Prop,
-  Ds as Provide,
-  Se as ProviderNotFoundError,
-  Ze as RenderingError,
-  He as Repeat,
-  m as Signal,
-  De as Task,
-  Yt as TextNode,
-  Ss as Unless,
-  Os as Use,
-  Ms as UseMany,
+  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,
+  le as ElementPosition,
+  C as Empty,
+  xs as Ensure,
+  Ls as EnsureAll,
+  ks as ForEach,
+  E as Fragment,
+  $s as GlobalProbe,
+  ns as HeadlessAdapter,
+  R as HeadlessContext,
+  wt as HeadlessElement,
+  Oe as HeadlessPortal,
+  _t as HeadlessText,
+  Ms as MapSignal,
+  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,
+  Z as Prop,
+  Fs as Provide,
+  Ce as ProviderNotFoundError,
+  it as RenderingError,
+  je as Repeat,
+  g as Signal,
+  $e as Task,
+  os as TextNode,
+  Os as Unless,
+  Bs as Use,
+  Ws as UseMany,
   y as Value,
-  Ie as When,
-  It as WithBrowserCtx,
-  Ps as WithCtx,
-  xs as WithElement,
-  Ls as WithHeadlessCtx,
-  ce as WithProvider,
-  Te as _NODE_PLACEHOLDER_ATTR,
-  Ye as _getSelfOrParentElement,
-  we as _isElement,
-  Xe as _makeGetter,
-  Ge as _makeSetter,
-  B as _removeDOMNode,
-  Pe as _signalText,
-  Ce as _staticText,
-  Rt as animateSignal,
-  Ue as animateSignals,
-  Zt as aria,
-  R as attr,
-  Bt as bind,
-  Wt as coalesce,
-  re as computed,
-  ie as computedOf,
-  Je as computedRecord,
-  Qt as dataAttr,
-  jt as delaySignal,
-  qe as effect,
-  kt as effectOf,
-  At as emit,
-  ls as emitChecked,
-  L as emitTarget,
-  _t as emitValue,
-  Ct as emitValueAsDate,
-  Pt as emitValueAsDateTime,
-  is as emitValueAsNullableDate,
-  os as emitValueAsNullableDateTime,
-  Et as emitValueAsNumber,
-  Re as endInterpolate,
-  ne as getWindow,
-  Ve as guessInterpolate,
-  es as html,
-  ts as input,
-  Ne as interpolateDate,
-  ke as interpolateNumber,
-  $e as interpolateString,
-  Ht as joinSignals,
-  $t as localStorageProp,
-  Dt as makeProbe,
-  Qe as makeProviderMark,
-  rs as math,
-  Kt as mathAttr,
-  Vt as merge,
-  z as on,
-  qt as previousSignal,
-  _ as prop,
-  Ut as render,
-  oe as renderWithContext,
-  h as renderableOfTNode,
-  Xt as restoreTempoPlaceholders,
-  Jt as runHeadless,
-  Nt as sessionStorageProp,
-  Q as signal,
-  Ft as slidingWindowSignal,
-  de as storedProp,
-  Cs as style,
-  ss as svg,
-  zt as svgAttr
+  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,
+  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,
+  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,
+  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,
+  se as on,
+  Fe as popScope,
+  zt as previousSignal,
+  T as prop,
+  qe as pushScope,
+  ss as render,
+  ae as renderWithContext,
+  d as renderableOfTNode,
+  is as restoreTempoPlaceholders,
+  rs as runHeadless,
+  _ as scopeStack,
+  Ut as scoped,
+  Xt 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
 };