@tempots/dom 33.1.1 → 34.1.0

package/index.js

@@ -1,24 +1,297 @@
-const _ = [], We = (t) => {
+const Ke = (t) => Symbol(t);
+function ze(t, e) {
+  return {
+    type: t,
+    render: e
+  };
+}
+function ve(t) {
+  return t != null && t !== !1 && t !== 0 && t !== "";
+}
+function Ye(t) {
+  return !ve(t);
+}
+function Xe(t) {
+  return t == null;
+}
+function Qe(t) {
+  return t != null;
+}
+const w = {
+  /**
+   * Maps a value or a Signal to a new value.
+   * If the value is a Signal, it returns a new Signal with the mapped value.
+   * If the value is not a Signal, it returns the mapped value.
+   *
+   * @typeParam T - The type of the value.
+   * @typeParam U - The type of the new value.
+   * @param value - The value or Signal to map.
+   * @param fn - The function to map the value.
+   * @returns The mapped value.
+   */
+  map: (t, e) => m.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.
+   * If the value is not a Signal, it creates a new Signal instance with the given value.
+   *
+   * @typeParam O - The type of the value.
+   * @param value - The value or Signal instance to wrap.
+   * @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() : se(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.
+   * @param value - The value to wrap or check.
+   * @returns The wrapped value if it is not `null` or `undefined`, otherwise `null` or `undefined`.
+   */
+  maybeToSignal: (t, e) => {
+    if (t != null)
+      return w.toSignal(t, e);
+  },
+  /**
+   * Gets the value from a `Signal` or the value itself if it is not a `Signal`.
+   * @param value - The value or Signal instance to get the value from.
+   * @returns The value.
+   */
+  get: (t) => m.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), () => {
+  }),
+  /**
+   * Disposes of a value or a Signal.
+   * If the value is a Signal, it disposes of the Signal.
+   * If the value is not a Signal, it does nothing.
+   * @param value - The value or Signal instance to dispose of.
+   */
+  dispose: (t) => {
+    m.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) => () => w.dispose(t),
+  /**
+   * Derives a Prop from a Signal.
+   * If the value is a Signal, it returns a new Prop with the derived value.
+   * If the value is not a Signal, it returns a new Prop with the value.
+   * @param value - The value or Signal instance to derive the Prop from.
+   * @param options - The options for the derived Prop.
+   * @param options.autoDisposeProp - Determines whether the derived Prop should be automatically disposed.
+   * @param options.equals - A function that determines if two values are equal.
+   * @returns A Prop instance.
+   */
+  deriveProp: (t, {
+    autoDisposeProp: e = !0,
+    equals: s
+  } = {}) => m.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) => w.map(t, ve),
+  /**
+   * 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) => w.map(t, Ye),
+  /**
+   * 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) => w.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) => w.map(t, Qe)
+}, Z = (...t) => (e, s) => {
+  if (t.length === 1)
+    return w.toSignal(t[0]).map(e);
+  const n = t.filter((r) => m.is(r));
+  return te(
+    () => e(...t.map((r) => w.get(r))),
+    n,
+    s
+  );
+}, ts = (t) => {
+  const e = Object.keys(t);
+  return Z(...Object.values(t))(
+    (...s) => Object.fromEntries(e.map((n, r) => [n, s[r]]))
+  );
+}, Ze = (...t) => (e, s = {}) => {
+  const n = t.filter((r) => m.is(r));
+  return be(
+    () => e(...t.map(w.get)),
+    n,
+    s
+  );
+};
+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 n = ce(() => T(e, s));
+    return this.track(n), n;
+  }
+  /**
+   * 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, n) {
+    const r = ce(() => te(e, s, n));
+    return this.track(r), r;
+  }
+  /**
+   * 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, n) {
+    return O(this, () => be(e, s, n));
+  }
+  /**
+   * 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, n) => {
+      const r = ce(() => Z(...e)(s, n));
+      return this.track(r), r;
+    };
+  }
+  /**
+   * 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, n) => O(this, () => Ze(...e)(s, n));
+  }
+}
+const _ = [], et = (t) => {
   _.push(t);
-}, Ue = () => {
+}, tt = () => {
   if (_.length === 0)
     throw new Error("Cannot pop from empty scope stack");
   _.pop();
-}, ue = () => _[_.length - 1] ?? null, Zt = () => _, zt = () => _[_.length - 2] ?? null, P = (t, e) => {
-  We(t);
+}, de = () => _[_.length - 1] ?? null, ss = () => _, ns = () => _[_.length - 2] ?? null, O = (t, e) => {
+  et(t);
   try {
     return e();
   } finally {
-    Ue();
+    tt();
   }
-}, Kt = (t) => {
-  const e = new j();
+}, rs = (t) => {
+  const e = new q();
   try {
-    return P(e, () => t(e));
+    return O(e, () => t(e));
   } finally {
     e.dispose();
   }
-}, ie = (t) => {
+}, ce = (t) => {
   const e = _.slice();
   _.length = 0;
   try {
@@ -27,7 +300,7 @@ const _ = [], We = (t) => {
     _.length = 0, _.push(...e);
   }
 };
-class g {
+class m {
   /**
    * Represents a signal with a value of type T.
    *
@@ -80,7 +353,7 @@ class g {
    * @returns A Signal that represents the result of the Promise
    */
   static ofPromise = (e, s, n, r = (o, i) => o === i) => {
-    const o = new g(s, r);
+    const o = new m(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:",
@@ -173,11 +446,7 @@ class g {
       const o = this._onValueListeners.indexOf(n);
       o !== -1 && this._onValueListeners.splice(o, 1), s.abortSignal != null && s.abortSignal.removeEventListener("abort", r);
     };
-    if (s.abortSignal != null && s.abortSignal.addEventListener("abort", r), !s.noAutoDispose) {
-      const o = ue();
-      o?.onDispose(r);
-    }
-    return r;
+    return s.abortSignal != null && s.abortSignal.addEventListener("abort", r), !s.noAutoDispose && de()?.onDispose(r), r;
   };
   /**
    * Registers a listener function to be called whenever the value of the signal changes.
@@ -200,7 +469,7 @@ class g {
   _setAndNotify = (e) => {
     if (this._disposed) return;
     const s = this._value;
-    this.equals(s, e) || (this._value = e, this._onValueListeners.forEach((r) => r(e, s)));
+    this.equals(s, e) || (this._value = e, this._onValueListeners.forEach((n) => n(e, s)));
   };
   /**
    * @internal
@@ -289,7 +558,7 @@ class g {
    * @returns A new computed signal with the transformed value (auto-registered with current scope)
    */
   map = (e, s = (n, r) => n === r) => {
-    const n = new N(() => {
+    const n = new $(() => {
       try {
         return e(this.get());
       } catch (r) {
@@ -309,7 +578,7 @@ class g {
    * @returns A new Signal that emits the values of the resulting Signal.
    */
   flatMap = (e, s = (n, r) => n === r) => {
-    const n = new N(() => {
+    const n = new $(() => {
       try {
         return e(this.get()).get();
       } catch (r) {
@@ -347,7 +616,7 @@ class g {
   }
   filter = (e, s) => {
     let n = s ?? this.get();
-    const r = new N(() => {
+    const r = new $(() => {
       try {
         const o = this.get();
         return n = e(o) ? o : n;
@@ -369,10 +638,10 @@ class g {
    */
   filterMap = (e, s, n = (r, o) => r === o) => {
     let r = s;
-    const o = new N(() => {
+    const o = new $(() => {
       try {
-        const i = this.get(), l = e(i);
-        return r = l ?? r;
+        const i = this.get();
+        return r = e(i) ?? r;
       } catch (i) {
         throw console.error("Error in Signal.filterMap:", i), i;
       }
@@ -393,7 +662,7 @@ class g {
    * @returns A property that holds the mapped value and can be observed for changes.
    */
   mapAsync = (e, s, n, r = (o, i) => o === i) => {
-    const o = A(s, r);
+    const o = T(s, r);
     let i = 0, l = new AbortController();
     return o.onDispose(
       this.on(async (c) => {
@@ -443,7 +712,7 @@ class g {
   deriveProp = ({
     autoDisposeProp: e = !0,
     equals: s
-  } = {}) => this.feedProp(A(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.
@@ -472,8 +741,8 @@ class g {
     }), e.onDispose(this.on(e.setDirty, { noAutoDispose: !0 })), this.onDispose(e.dispose);
   };
 }
-const Ge = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
-class N extends g {
+const st = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
+class $ extends m {
   /**
    * Creates a new Computed signal.
    *
@@ -499,9 +768,7 @@ class N extends g {
    * @see {@link untracked} - Create signals outside of scope tracking
    */
   constructor(e, s) {
-    super(void 0, s), this._fn = e, this.setDirty();
-    const n = ue();
-    n?.track(this);
+    super(void 0, s), this._fn = e, this.setDirty(), de()?.track(this);
   }
   /**
    * Checks if a value is an instance of `Computed`.
@@ -532,468 +799,152 @@ class N extends g {
    * @internal
    */
   _scheduleCount = 0;
-  /**
-   * Schedules a notification to be executed asynchronously.
-   * If the signal is dirty, it will be updated and notified.
-   * @internal
-   */
-  _scheduleNotify = () => {
-    const e = ++this._scheduleCount;
-    Ge(() => {
-      this._scheduleCount !== e || this._disposed || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn()));
-    });
-  };
-  /** {@inheritDoc Signal.get} */
-  get = () => (this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn())), this._value);
-  /** {@inheritDoc Signal.value} */
-  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 Z extends g {
-  /**
-   * Checks if a value is a Prop.
-   * @param value - The value to check.
-   * @returns `true` if the value is a Prop, `false` otherwise.
-   */
-  static is = (e) => (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    e != null && e.$__prop__ === !0
-  );
-  /**
-   * @internal
-   */
-  $__prop__ = !0;
-  /**
-   * Changes the value of the property and notifies its listeners.
-   *
-   * @param value - The new value of the property.
-   */
-  set = (e) => {
-    this._setAndNotify(e);
-  };
-  /**
-   * Updates the value of the signal by applying the provided function to the current value.
-   * @param fn - The function to apply to the current value.
-   */
-  update = (e) => {
-    this._setAndNotify(e(this.get()));
-  };
-  /**
-   * Creates a reducer function that combines the provided reducer function and effects.
-   * @param fn - The reducer function that takes the current state and an action, and returns the new state.
-   * @param effects - An array of effects to be executed after the state is updated.
-   * @returns A dispatch function that can be used to update the state and trigger the effects.
-   */
-  reducer = (e, ...s) => {
-    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: i,
-          state: n.value,
-          action: o,
-          dispatch: r
-        })
-      );
-    };
-  };
-  /**
-   * Creates an isomorphism for the Signal.
-   * An isomorphism is a pair of functions that convert values between two types,
-   * along with an equality function to compare values of the second type.
-   *
-   * @param to - A function that converts values from type T to type O.
-   * @param from - A function that converts values from type O to type T.
-   * @param equals - An optional function that compares values of type O for equality.
-   *                Defaults to a strict equality check (===).
-   * @returns A Prop object representing the isomorphism.
-   */
-  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.
-   *
-   * @param key - The key of the value to access.
-   * @returns A `Prop` that represents the value at the specified key.
-   */
-  atProp = (e) => this.iso(
-    (s) => s[e],
-    (s) => ({ ...this.value, [e]: s })
-  );
-  /**
-   *  Access for the current value of the property.
-   */
-  get value() {
-    return this.get();
-  }
-  set value(e) {
-    this._setAndNotify(e);
-  }
-}
-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 i = !1;
-    const l = n;
-    n = () => {
-      i ? l() : i = !0;
-    };
-  }
-  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;
-}, A = (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 Je(t) {
-  return !we(t);
-}
-function Xe(t) {
-  return t == null;
-}
-function Ye(t) {
-  return t != null;
-}
-const y = {
-  /**
-   * Maps a value or a Signal to a new value.
-   * If the value is a Signal, it returns a new Signal with the mapped value.
-   * If the value is not a Signal, it returns the mapped value.
-   *
-   * @typeParam T - The type of the value.
-   * @typeParam U - The type of the new value.
-   * @param value - The value or Signal to map.
-   * @param fn - The function to map the value.
-   * @returns The mapped value.
-   */
-  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.
-   * If the value is not a Signal, it creates a new Signal instance with the given value.
-   *
-   * @typeParam O - The type of the value.
-   * @param value - The value or Signal instance to wrap.
-   * @param equals - A function that determines if two values are equal. Defaults to strict equality (===).
-   * @returns A Signal instance.
-   */
-  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.
-   * @param value - The value to wrap or check.
-   * @returns The wrapped value if it is not `null` or `undefined`, otherwise `null` or `undefined`.
-   */
-  maybeToSignal: (t, e) => {
-    if (t != null)
-      return y.toSignal(t, e);
-  },
-  /**
-   * Gets the value from a `Signal` or the value itself if it is not a `Signal`.
-   * @param value - The value or Signal instance to get the value from.
-   * @returns The value.
-   */
-  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) => g.is(t) ? t.on(e) : (e(t), () => {
-  }),
-  /**
-   * Disposes of a value or a Signal.
-   * If the value is a Signal, it disposes of the Signal.
-   * If the value is not a Signal, it does nothing.
-   * @param value - The value or Signal instance to dispose of.
-   */
-  dispose: (t) => {
-    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.
-   * If the value is not a Signal, it returns a new Prop with the value.
-   * @param value - The value or Signal instance to derive the Prop from.
-   * @param options - The options for the derived Prop.
-   * @param options.autoDisposeProp - Determines whether the derived Prop should be automatically disposed.
-   * @param options.equals - A function that determines if two values are equal.
-   * @returns A Prop instance.
-   */
-  deriveProp: (t, {
-    autoDisposeProp: e = !0,
-    equals: s
-  } = {}) => g.is(t) ? t.deriveProp({ autoDisposeProp: e, equals: s }) : A(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, 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, 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, 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, Ye)
-}, ee = (...t) => (e, s) => {
-  if (t.length === 1)
-    return y.toSignal(t[0]).map(e);
-  const n = t.filter((r) => g.is(r));
-  return z(
-    () => e(...t.map((r) => y.get(r))),
-    n,
-    s
-  );
-}, es = (t) => {
-  const e = Object.keys(t);
-  return ee(...Object.values(t))(
-    (...s) => Object.fromEntries(e.map((n, r) => [n, s[r]]))
-  );
-}, Qe = (...t) => (e, s = {}) => {
-  const n = t.filter((r) => g.is(r));
-  return Se(
-    () => e(...t.map(y.get)),
-    n,
-    s
-  );
-};
-class j {
-  _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 n = ie(() => A(e, s));
-    return this.track(n), n;
-  }
-  /**
-   * 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, n) {
-    const r = ie(() => z(e, s, n));
-    return this.track(r), r;
-  }
-  /**
-   * 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, n) {
-    return P(this, () => Se(e, s, n));
-  }
-  /**
-   * 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
+  /**
+   * Schedules a notification to be executed asynchronously.
+   * If the signal is dirty, it will be updated and notified.
+   * @internal
    */
-  computedOf(...e) {
-    return (s, n) => {
-      const r = ie(() => ee(...e)(s, n));
-      return this.track(r), r;
-    };
+  _scheduleNotify = () => {
+    const e = ++this._scheduleCount;
+    st(() => {
+      this._scheduleCount !== e || this._disposed || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn()));
+    });
+  };
+  /** {@inheritDoc Signal.get} */
+  get = () => (this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn())), this._value);
+  /** {@inheritDoc Signal.value} */
+  get value() {
+    return this.get();
   }
   /**
-   * 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
+   * Disposes the computed signal and cancels any pending recomputations.
+   * This override increments the schedule count to invalidate all pending
+   * microtasks before disposing the signal.
    */
-  effectOf(...e) {
-    return (s, n) => P(this, () => Qe(...e)(s, n));
-  }
+  dispose = () => {
+    this._disposed || (this._scheduleCount++, this._disposed = !0, this._onDisposeListeners.forEach((e) => e()), this._onDisposeListeners.length = 0, this._derivatives.length = 0);
+  };
 }
-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 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 {
+class ee extends m {
   /**
-   * Creates a new instance of `ElementPosition`.
-   * @param index - The index of the element.
-   * @param total - The total number of elements in the collection.
+   * Checks if a value is a Prop.
+   * @param value - The value to check.
+   * @returns `true` if the value is a Prop, `false` otherwise.
    */
-  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;
-  }
+  static is = (e) => (
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    e != null && e.$__prop__ === !0
+  );
   /**
-   * The counter of the element starting from 1.
+   * @internal
    */
-  counter;
+  $__prop__ = !0;
   /**
-   * Checks if the element is the first element in the collection.
-   * @returns `true` if the element is the first element, `false` otherwise.
+   * Changes the value of the property and notifies its listeners.
+   *
+   * @param value - The new value of the property.
    */
-  isFirst;
+  set = (e) => {
+    this._setAndNotify(e);
+  };
   /**
-   * Checks if the counter of the element is even.
-   * @returns `true` if the counter is even, `false` otherwise.
+   * Updates the value of the signal by applying the provided function to the current value.
+   * @param fn - The function to apply to the current value.
    */
-  isEven;
+  update = (e) => {
+    this._setAndNotify(e(this.get()));
+  };
   /**
-   * Checks if the counter of the element is odd.
-   * @returns `true` if the counter is odd, `false` otherwise.
+   * Creates a reducer function that combines the provided reducer function and effects.
+   * @param fn - The reducer function that takes the current state and an action, and returns the new state.
+   * @param effects - An array of effects to be executed after the state is updated.
+   * @returns A dispatch function that can be used to update the state and trigger the effects.
    */
-  isOdd;
-  #e;
+  reducer = (e, ...s) => {
+    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: i,
+          state: n.value,
+          action: o,
+          dispatch: r
+        })
+      );
+    };
+  };
   /**
-   * Checks if the element is the last element in the collection.
-   * @returns `true` if the element is the last element, `false` otherwise.
+   * Creates an isomorphism for the Signal.
+   * An isomorphism is a pair of functions that convert values between two types,
+   * along with an equality function to compare values of the second type.
+   *
+   * @param to - A function that converts values from type T to type O.
+   * @param from - A function that converts values from type O to type T.
+   * @param equals - An optional function that compares values of type O for equality.
+   *                Defaults to a strict equality check (===).
+   * @returns A Prop object representing the isomorphism.
    */
-  get isLast() {
-    return this.#e == null && (this.#e = this.total.map((e) => this.counter === e)), this.#e;
-  }
+  iso = (e, s, n = (r, o) => r === o) => {
+    const r = new ee(e(this.get()), n);
+    return r.onDispose(this.on((o) => r.set(e(o)))), r.on((o) => this._setAndNotify(s(o))), r;
+  };
   /**
-   * Disposes the internal signal created by `isLast`.
+   * Returns a `Prop` that represents the value at the specified key of the current value.
    *
-   * **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.
+   * @param key - The key of the value to access.
+   * @returns A `Prop` that represents the value at the specified key.
    */
-  dispose = () => {
-    this.#e?.dispose(), this.#e = void 0;
-  };
+  atProp = (e) => this.iso(
+    (s) => s[e],
+    (s) => ({ ...this.value, [e]: s })
+  );
+  /**
+   *  Access for the current value of the property.
+   */
+  get value() {
+    return this.get();
+  }
+  set value(e) {
+    this._setAndNotify(e);
+  }
 }
-const he = () => (
+const te = (t, e, s = (n, r) => n === r) => {
+  const n = new $(t, s);
+  return e.forEach((r) => r.setDerivative(n)), n;
+}, be = (t, e, s = {}) => {
+  let n = s.once ? () => {
+    o(), t();
+  } : t;
+  if (s.skipInitial) {
+    let i = !1;
+    const l = n;
+    n = () => {
+      i ? l() : i = !0;
+    };
+  }
+  const r = te(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 ee(t, e);
+  return de()?.track(s), s;
+}, se = (t, e = (s, n) => s === n) => new m(t, e), pe = () => (
   /* c8 ignore next */
   typeof window < "u" ? window : void 0
-);
-class be {
+), nt = (t, e, s) => t + (e - t) * s, me = 97, rt = (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 = me);
+    let l = e.charCodeAt(o);
+    isNaN(l) && (l = me), r += String.fromCharCode(i + (l - i) * s);
+  }
+  return r;
+}, ot = (t, e, s) => new Date(t.getTime() + (e.getTime() - t.getTime()) * s), it = (t, e) => e, lt = (t) => typeof t == "number" ? nt : typeof t == "string" ? rt : t instanceof Date ? ot : it;
+class Se {
   _store = /* @__PURE__ */ new Map();
   /**
    * Retrieves the value associated with the specified key from the memory store.
@@ -1010,8 +961,8 @@ class be {
     this._store.set(e, s);
   };
 }
-let ce = null, ae = null;
-const st = () => (ce || (ce = new be()), ce), nt = () => (ae || (ae = new be()), ae), _e = ({
+let ae = null, ue = null;
+const ct = () => (ae || (ae = new Se()), ae), at = () => (ue || (ue = new Se()), ue), _e = ({
   key: t,
   defaultValue: e,
   store: s,
@@ -1022,118 +973,118 @@ const st = () => (ce || (ce = new be()), ce), nt = () => (ae || (ae = new be()),
   syncTabs: l = !0,
   onKeyChange: c = "load"
 }) => {
-  let a = y.get(t);
-  const u = s.getItem(a), h = new Z(
+  let a = w.get(t);
+  const u = s.getItem(a), h = new ee(
     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;
+  ), f = pe(), p = l && typeof f?.BroadcastChannel == "function";
+  let y = !1, v = null, P = null;
   const b = (S) => {
-    if (!d) return null;
-    const M = `tempo:storedProp:${S}`, T = new p.BroadcastChannel(M), k = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`, L = (F) => {
-      const v = F.data;
-      if (!(v == null || typeof v != "object" || v.key !== S || typeof v.value != "string" || v.sourceId != null && v.sourceId === k))
+    if (!p) return null;
+    const M = `tempo:storedProp:${S}`, C = new f.BroadcastChannel(M), I = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`, L = (W) => {
+      const A = W.data;
+      if (!(A == null || typeof A != "object" || A.key !== S || typeof A.value != "string" || A.sourceId != null && A.sourceId === I))
         try {
-          m = !0;
-          const oe = i(r(v.value));
-          h.set(oe);
-        } catch (oe) {
+          y = !0;
+          const le = i(r(A.value));
+          h.set(le);
+        } catch (le) {
           console.warn(
             `Failed to sync storedProp for key "${S}" via BroadcastChannel`,
-            oe
+            le
           );
         } finally {
-          m = !1;
+          y = !1;
         }
     };
-    return T.addEventListener("message", L), h.onDispose(() => {
-      T?.removeEventListener("message", L), T?.close();
-    }), { channel: T, instanceId: k, handleMessage: L };
+    return C.addEventListener("message", L), h.onDispose(() => {
+      C?.removeEventListener("message", L), C?.close();
+    }), { channel: C, instanceId: I, handleMessage: L };
   }, x = b(a);
-  x && (w = x.channel, D = x.instanceId);
-  const re = (S) => {
+  x && (v = x.channel, P = x.instanceId);
+  const F = (S) => {
     const M = a;
     if (M === S) return;
-    const T = h.get(), k = n(T);
-    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)
+    const C = h.get(), I = n(C);
+    if (s.setItem(M, I), v != null && (v.close(), v = null, P = null), a = S, c === "load") {
+      const W = s.getItem(S);
+      if (W != null)
         try {
-          const v = i(r(F));
-          h.set(v);
-        } catch (v) {
+          const A = i(r(W));
+          h.set(A);
+        } catch (A) {
           console.warn(
             `Failed to load storedProp from new key "${S}"`,
-            v
+            A
           );
         }
       else
-        s.setItem(S, k);
-    } else c === "migrate" && s.setItem(S, k);
+        s.setItem(S, I);
+    } else c === "migrate" && s.setItem(S, I);
     const L = b(S);
-    L && (w = L.channel, D = L.instanceId);
+    L && (v = L.channel, P = L.instanceId);
   };
-  return g.is(t) && h.onDispose(t.on(re)), h.on((S, M) => {
-    const T = n(S);
-    s.setItem(a, T), w != null && !m && M !== void 0 && D != null && w.postMessage({
+  return m.is(t) && h.onDispose(t.on(F)), h.on((S, M) => {
+    const C = n(S);
+    s.setItem(a, C), v != null && !y && M !== void 0 && P != null && v.postMessage({
       key: a,
-      value: T,
-      sourceId: D
+      value: C,
+      sourceId: P
     });
   }), h;
-}, ts = (t) => {
-  const s = he()?.localStorage, n = s && typeof s.getItem == "function" ? s : st();
+}, os = (t) => {
+  const e = pe()?.localStorage, s = e && typeof e.getItem == "function" ? e : ct();
   return _e({
     ...t,
-    store: n
+    store: s
   });
-}, ss = (t) => {
-  const s = he()?.sessionStorage, n = s && typeof s.getItem == "function" ? s : nt();
+}, is = (t) => {
+  const e = pe()?.sessionStorage, s = e && typeof e.getItem == "function" ? e : at();
   return _e({
     ...t,
-    store: n
+    store: s
   });
 };
-function me(t) {
+function ye(t) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 0);
 }
-const rt = (t, e, s, n) => {
+const ut = (t, e, s, n) => {
   const r = n?.duration ?? 300, o = n?.easing ?? ((b) => b), i = n?.equals ?? ((b, x) => b === x);
-  let l = n?.interpolate, c = t, a = e(), u = performance.now(), h = null, p = !0;
-  const d = new N(e, i), m = A(t, i);
-  m.onDispose(() => {
+  let l = n?.interpolate, c = t, a = e(), u = performance.now(), h = null, f = !0;
+  const p = new $(e, i), y = T(t, i);
+  y.onDispose(() => {
     h !== null && cancelAnimationFrame(h);
-  }), m.onDispose(d.dispose), s.forEach((b) => {
-    b.setDerivative(d), b.onDispose(m.dispose);
+  }), y.onDispose(p.dispose), s.forEach((b) => {
+    b.setDerivative(p), b.onDispose(y.dispose);
   });
-  const w = (b) => {
-    a = b, u = performance.now(), c = m.value, p && (p = !1, h = me(D));
-  }, D = () => {
-    const x = (performance.now() - u) / y.get(r), re = o(x);
-    l == null && (l = tt(c));
-    let S = l(c, a, re);
-    x >= 1 ? (p = !0, S = a) : h = me(D), m.set(S);
-  };
-  return d.on(w), m;
-}, ns = (t, e) => {
+  const v = (b) => {
+    a = b, u = performance.now(), c = y.value, f && (f = !1, h = ye(P));
+  }, P = () => {
+    const b = (performance.now() - u) / w.get(r), x = o(b);
+    l == null && (l = lt(c));
+    let F = l(c, a, x);
+    b >= 1 ? (f = !0, F = a) : h = ye(P), y.set(F);
+  };
+  return p.on(v), y;
+}, ls = (t, e) => {
   const { initialValue: s, ...n } = e ?? {};
-  return rt(
+  return ut(
     /* c8 ignore next 2 */
     s ?? t.get(),
     t.get,
     [t],
     n
   );
-}, ot = (t, e) => {
-  const s = Object.values(t).filter(g.is), n = Object.keys(t);
-  return z(() => {
+}, ht = (t, e) => {
+  const s = Object.values(t).filter(m.is), n = Object.keys(t);
+  return te(() => {
     const r = {};
     for (const o of n)
-      r[o] = y.get(t[o]);
+      r[o] = w.get(t[o]);
     return e(r);
   }, s);
-}, rs = (t) => ot(t, (e) => e), os = (t, e) => {
-  const s = A(t.get());
+}, cs = (t) => ht(t, (e) => e), as = (t, e) => {
+  const s = T(t.get());
   let n = null;
   const r = t.on(
     (o) => {
@@ -1149,33 +1100,81 @@ const rt = (t, e, s, n) => {
   return s.onDispose(() => {
     r(), n != null && clearTimeout(n);
   }), s;
-}, is = (t) => {
+}, us = (t) => {
   let e;
   return t.map((s) => {
     const n = e;
     return e = s, n;
   });
-}, ls = ({
+}, hs = ({
   size: t = void 0,
   signal: e
 }) => {
   const s = [];
   return e.map((n) => (s.push(n), t != null && s.length > t && s.shift(), s.slice()));
-}, cs = (t) => (...e) => ee(
+}, ds = (t) => (...e) => Z(
   t,
   ...e
 )((s, ...n) => s(...n));
-function as(...t) {
-  return ee(...t)((...e) => {
+function ps(...t) {
+  return Z(...t)((...e) => {
     for (const s of e) if (s != null) return s;
   });
 }
-const ve = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), Ae = /* @__PURE__ */ new Set(["selected"]), Te = /* @__PURE__ */ new Set([
+class he {
+  /**
+   * 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 Ae = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), Te = /* @__PURE__ */ new Set(["selected"]), Ee = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), Ee = /* @__PURE__ */ new Set(["valueAsDate"]), Ce = /* @__PURE__ */ new Set([
+]), Ce = /* @__PURE__ */ new Set(["valueAsDate"]), De = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -1183,28 +1182,28 @@ const ve = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), Ae = /* @
   "outerHTML",
   "className",
   "classList"
-]), it = (t, e) => Ae.has(t) ? (s) => {
+]), dt = (t, e) => Te.has(t) ? (s) => {
   s == null || s !== !0 ? e.removeAttribute(t) : e.setAttribute(t, "");
-} : ve.has(t) ? (s) => {
+} : Ae.has(t) ? (s) => {
   s == null ? e[t] = null : e[t] = !!s;
-} : Te.has(t) ? (s) => {
-  s == null ? e[t] = null : e[t] = Number(s);
 } : Ee.has(t) ? (s) => {
-  s == null ? e[t] = null : e[t] = s;
+  s == null ? e[t] = null : e[t] = Number(s);
 } : Ce.has(t) ? (s) => {
+  s == null ? e[t] = null : e[t] = s;
+} : De.has(t) ? (s) => {
   s == null ? e[t] = null : e[t] = String(s);
 } : (s) => {
   s == null ? e.removeAttribute(t) : e.setAttribute(t, s);
-}, lt = (t, e) => Ae.has(t) ? () => e.hasAttribute(t) : ve.has(t) ? () => !!e[t] : Te.has(t) ? () => Number(e[t]) : Ee.has(t) ? () => e[t] : Ce.has(t) ? () => String(e[t]) : () => e.getAttribute(t), U = (t) => {
+}, pt = (t, e) => Te.has(t) ? () => e.hasAttribute(t) : Ae.has(t) ? () => !!e[t] : Ee.has(t) ? () => Number(e[t]) : Ce.has(t) ? () => e[t] : De.has(t) ? () => String(e[t]) : () => e.getAttribute(t), J = (t) => {
   const e = t;
-  e && e.onblur && (e.onblur = null), !(!t || t.ownerDocument === void 0) && t.parentElement && t.parentElement.removeChild(t);
-}, ct = (t) => De(t) ? t : t.parentElement, De = (t) => t.nodeType === 1;
-class xe extends Error {
+  e && e.onblur && (e.onblur = null), !(!t || t.ownerDocument === void 0) && t.parentNode && t.parentNode.removeChild(t);
+}, ft = (t) => Pe(t) || xe(t) ? t : t.parentElement, Pe = (t) => t.nodeType === 1, xe = (t) => t.nodeType === 11;
+class Le extends Error {
   constructor(e) {
     super(`Provider not found: ${e.description}`);
   }
 }
-class $ {
+class R {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -1226,7 +1225,7 @@ class $ {
    * @returns A new `DOMContext` instance.
    */
   static of(e, s, n) {
-    return new $(e.ownerDocument, e, s, n);
+    return new R(e.ownerDocument, e, s, n);
   }
   /**
    * Creates a new DOM element (eg: HTML or SVG) with the specified tag name and namespace.
@@ -1311,7 +1310,7 @@ class $ {
    * @param element - The DOM element to use in the new `DOMContext` instance.
    * @returns A new `DOMContext` instance with the provided `element`.
    */
-  withElement = (e) => new $(this.document, e, void 0, this.providers);
+  withElement = (e) => new R(this.document, e, void 0, this.providers);
   /**
    * Creates a portal to render content in a different part of the DOM tree.
    *
@@ -1368,7 +1367,7 @@ class $ {
    * @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 $(this.document, this.element, e, this.providers);
+  withReference = (e) => new R(this.document, this.element, e, this.providers);
   /**
    * Sets a provider for the given provider mark.
    *
@@ -1376,7 +1375,7 @@ class $ {
    * @param value - The provider to set for the given mark.
    * @returns A new `DOMContext` instance with the specified provider.
    */
-  setProvider = (e, s, n) => new $(this.document, this.element, this.reference, {
+  setProvider = (e, s, n) => new R(this.document, this.element, this.reference, {
     ...this.providers,
     [e]: [s, n]
   });
@@ -1389,12 +1388,12 @@ class $ {
    */
   getProvider = (e) => {
     if (this.providers[e] === void 0)
-      throw new xe(e);
+      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));
+    e && (this.reference !== void 0 ? J(this.reference) : J(this.element));
   };
   /**
    * Adds classes to the element.
@@ -1464,28 +1463,28 @@ class $ {
    */
   getStyle = (e) => this.element.style[e];
   makeAccessors = (e) => ({
-    get: lt(e, this.element),
-    set: it(e, this.element)
+    get: pt(e, this.element),
+    set: dt(e, this.element)
   });
   getWindow = () => this.document.defaultView;
 }
-const at = (t) => Symbol(t), fe = (t, e) => {
-  const s = new j(), n = P(s, () => t(e));
+const ne = (t, e) => {
+  const s = new q(), n = O(s, () => t.render(e));
   return (r = !0) => {
     s.dispose(), n(r);
   };
-}, us = (t, e, { doc: s, clear: n, disposeWithParent: r = !0, providers: o = {} } = {}) => {
+}, fs = (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(
+    throw new gt(
       `Cannot find element by selector for render: ${e}`
     );
-  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);
+  n !== !1 && (s ?? i.ownerDocument) != null && (i.nodeType === 1 || i.nodeType === 11) && (i.innerHTML = "");
+  const l = ft(i), c = Pe(i) || xe(i) ? void 0 : i, a = R.of(l, c, o), u = ne(t, a);
   let h;
-  return r && (h = new MutationObserver((p) => {
-    p[0]?.removedNodes.forEach((d) => {
-      d === i && (h?.disconnect(), u(i.nodeType !== 1));
+  return r && i.parentElement != null && (h = new MutationObserver((f) => {
+    f[0]?.removedNodes.forEach((p) => {
+      p === i && (h?.disconnect(), u(i.nodeType !== 1));
     });
   }), h.observe(i.parentElement, {
     childList: !0,
@@ -1494,27 +1493,27 @@ const at = (t) => Symbol(t), fe = (t, e) => {
   })), () => {
     h?.disconnect(), u(!0);
   };
-}, hs = (t, {
+}, gs = (t, {
   startUrl: e = "https://example.com",
   selector: s,
   providers: n = {}
 } = {
   selector: "body"
 }) => {
-  const r = y.toSignal(e).deriveProp(), o = new ke(s, void 0), i = new R(o, void 0, { currentURL: r }, n);
+  const r = w.toSignal(e).deriveProp(), o = new He(s, void 0), i = new j(o, void 0, { currentURL: r }, n);
   return {
-    clear: fe(t(), i),
+    clear: ne(t(), i),
     root: o,
     currentURL: r
   };
 };
-class ut extends Error {
+class gt extends Error {
   constructor(e) {
     super(e);
   }
 }
-const Le = "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 {
+const Oe = "data-tts-node", K = "data-tts-class", z = "data-tts-style", Y = "data-tts-html", X = "data-tts-text", Q = "data-tts-attrs";
+class ms {
   /**
    * 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.
@@ -1600,9 +1599,9 @@ class fs {
     getInnerHTML: a,
     setInnerHTML: u,
     getInnerText: h,
-    setInnerText: p
+    setInnerText: f
   }) {
-    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;
+    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 = f;
   }
   /**
    * Sets the content of the root element from a HeadlessPortal. Generally this will be the same instance that is
@@ -1623,21 +1622,21 @@ class fs {
         if (r.hasChildren() && this.appendHTML(i, r.contentToHTML(s)), r.hasInnerHTML()) {
           if (s) {
             const l = this.getInnerHTML(i);
-            l != null && this.setAttribute(i, X, l);
+            l != null && this.setAttribute(i, Y, l);
           }
           this.setInnerHTML(i, r.getInnerHTML());
         }
         if (r.hasInnerText()) {
           if (s) {
             const l = this.getInnerText(i);
-            l != null && this.setAttribute(i, Y, l);
+            l != null && this.setAttribute(i, X, l);
           }
           this.setInnerText(i, r.getInnerText());
         }
         if (r.hasClasses()) {
           if (s) {
             const l = this.getClass(i);
-            l != null && this.setAttribute(i, G, l);
+            l != null && this.setAttribute(i, K, l);
           }
           this.setClass(i, r.getClasses().join(" "));
         }
@@ -1646,7 +1645,7 @@ class fs {
             const l = this.getStyles(i);
             Object.keys(l).length > 0 && this.setAttribute(
               i,
-              J,
+              z,
               JSON.stringify(l)
             );
           }
@@ -1673,56 +1672,56 @@ class fs {
     });
   };
 }
-const ht = () => {
-  document.querySelectorAll(`[${Le}]`).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);
-}, gt = () => {
-  document.querySelectorAll(`[${X}]`).forEach((e) => pt(e));
-}, mt = (t) => {
+const mt = () => {
+  document.querySelectorAll(`[${Oe}]`).forEach(J);
+}, yt = (t) => {
+  const e = t.getAttribute(K);
+  t.removeAttribute(K), e != null && t.setAttribute("class", e);
+}, wt = () => {
+  document.querySelectorAll(`[${K}]`).forEach((e) => yt(e));
+}, vt = (t) => {
   const e = t.getAttribute(Y);
-  t.removeAttribute(Y), e != null && (t.innerText = e);
-}, yt = () => {
-  document.querySelectorAll(`[${Y}]`).forEach((e) => mt(e));
-}, Pe = (t) => JSON.parse(t.replace(/&quot;/g, '"')), St = (t) => {
-  const e = t.getAttribute(J);
-  if (t.removeAttribute(J), e != null) {
-    const s = Pe(e);
+  t.removeAttribute(Y), e != null && (t.innerHTML = e);
+}, bt = () => {
+  document.querySelectorAll(`[${Y}]`).forEach((e) => vt(e));
+}, St = (t) => {
+  const e = t.getAttribute(X);
+  t.removeAttribute(X), e != null && (t.innerText = e);
+}, _t = () => {
+  document.querySelectorAll(`[${X}]`).forEach((e) => St(e));
+}, ke = (t) => JSON.parse(t.replace(/&quot;/g, '"')), At = (t) => {
+  const e = t.getAttribute(z);
+  if (t.removeAttribute(z), e != null) {
+    const s = ke(e);
     Object.entries(s).forEach(([n, r]) => {
       t.style.setProperty(n, r);
     });
   }
-}, wt = () => {
-  document.querySelectorAll(`[${J}]`).forEach((e) => St(e));
-}, bt = (t) => {
+}, Tt = () => {
+  document.querySelectorAll(`[${z}]`).forEach((e) => At(e));
+}, Et = (t) => {
   const e = t.getAttribute(Q);
   if (t.removeAttribute(Q), e != null) {
-    const s = Pe(e);
+    const s = ke(e);
     Object.entries(s).forEach(([n, r]) => {
       r == null ? t.removeAttribute(n) : t.setAttribute(n, r);
     });
   }
-}, _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 {
+}, Ct = () => {
+  document.querySelectorAll(`[${Q}]`).forEach((e) => Et(e));
+}, ys = () => {
+  mt(), wt(), _t(), bt(), Tt(), Ct();
+}, H = Symbol("class"), N = Symbol("style"), U = Symbol("handler"), Me = () => Math.random().toString(36).substring(2, 15), Dt = (t) => t.replace(/<[^>]*>?/g, "");
+class Ie {
   constructor(e) {
     this.parent = e;
   }
-  id = Oe();
+  id = Me();
   properties = {};
   children = [];
   isElement = () => !0;
   isText = () => !1;
-  getText = () => this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? vt(this.properties.innerHTML) : this.children.map((e) => e.getText()).join("");
+  getText = () => this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? Dt(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);
@@ -1743,10 +1742,10 @@ class Me {
   getInnerText = () => this.properties.innerText ?? "";
   hasInnerText = () => this.properties.innerText != null;
   hasChildren = () => this.children.length > 0;
-  hasClasses = () => this.properties[I] != null;
-  hasStyles = () => this.properties[H] != null;
+  hasClasses = () => this.properties[H] != null;
+  hasStyles = () => this.properties[N] != null;
   hasAttributes = () => Object.keys(this.properties).length > 0;
-  hasHandlers = () => this.properties[B] != null;
+  hasHandlers = () => this.properties[U] != null;
   hasRenderableProperties = () => this.hasClasses() || this.hasAttributes() || this.hasStyles();
   getById = (e) => {
     if (this.properties.id === e)
@@ -1758,26 +1757,26 @@ class Me {
     }
   };
   trigger = (e, s) => {
-    ((this.properties[B] ?? {})[e] ?? []).forEach((r) => r(s));
+    ((this.properties[U] ?? {})[e] ?? []).forEach((r) => r(s));
   };
   click = () => {
     this.trigger("click", {});
   };
   on = (e, s, n, r) => {
-    const o = this.properties[B] ??= {}, i = r?.once ? (c) => {
+    const o = this.properties[U] ??= {}, i = r?.once ? (c) => {
       l(), s(c, n);
     } : (c) => s(c, n);
     o[e] = [...o[e] ?? [], i];
     const 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));
+      a !== -1 && (c.splice(a, 1), c.length === 0 ? (delete o[e], Object.keys(o).length === 0 && delete this.properties[U]) : o[e] = c, r?.signal != null && r.signal.removeEventListener("abort", l));
     };
     return r?.signal != null && r.signal.addEventListener("abort", l), l;
   };
   addClasses = (e) => {
     if (e.length === 0)
       return;
-    const s = this.properties[I] ??= [];
+    const s = this.properties[H] ??= [];
     e.forEach((n) => {
       s.includes(n) || s.push(n);
     });
@@ -1785,25 +1784,25 @@ class Me {
   removeClasses = (e) => {
     if (e.length === 0)
       return;
-    const s = this.properties[I] ??= [];
+    const s = this.properties[H] ??= [];
     e.forEach((n) => {
       const r = s.indexOf(n);
       r !== -1 && s.splice(r, 1);
-    }), s.length === 0 && delete this.properties[I];
+    }), s.length === 0 && delete this.properties[H];
   };
-  getClasses = () => this.properties[I] ?? [];
+  getClasses = () => this.properties[H] ?? [];
   getAttributes = () => Object.entries(this.properties).filter(
     ([e]) => !["innerText", "innerHTML"].includes(e)
   );
   getVisibleAttributes = () => Reflect.ownKeys(this.properties).flatMap(
-    (e) => e === I ? [["class", this.getClasses()]] : e === H ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
+    (e) => e === H ? [["class", this.getClasses()]] : e === N ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
   );
   setStyle = (e, s) => {
-    const n = this.properties[H] ??= {};
-    n[e] = s, s === "" && (delete n[e], Object.keys(n).length === 0 && delete this.properties[H]);
+    const n = this.properties[N] ??= {};
+    n[e] = s, s === "" && (delete n[e], Object.keys(n).length === 0 && delete this.properties[N]);
   };
-  getStyle = (e) => this.properties[H]?.[e] ?? "";
-  getStyles = () => this.properties[H] ?? {};
+  getStyle = (e) => this.properties[N]?.[e] ?? "";
+  getStyles = () => this.properties[N] ?? {};
   makeAccessors = (e) => {
     const s = this.properties;
     return {
@@ -1812,8 +1811,8 @@ class Me {
     };
   };
 }
-const At = (t) => t.replace(/"/g, "&quot;"), Tt = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-class Et extends Me {
+const Pt = (t) => t.replace(/"/g, "&quot;"), xt = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+class Lt extends Ie {
   constructor(e, s, n) {
     super(n), this.tagName = e, this.namespace = s;
   }
@@ -1821,11 +1820,11 @@ class Et extends Me {
   toHTML = (e = !1) => {
     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 = Tt(c), "") : ` ${l}="${At(c)}"`).join(""), i = e ? ` ${Le}` : "";
-    return xt.has(this.tagName) && s === "" ? `<${this.tagName}${n}${o}${i} />` : `<${this.tagName}${n}${o}${i}>${r ?? s}</${this.tagName}>`;
+    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(" ")}"` : kt.has(l) ? ` ${l}` : l === "innerHTML" ? (r = c, "") : l === "innerText" ? (r = xt(c), "") : ` ${l}="${Pt(c)}"`).join(""), i = e ? ` ${Oe}` : "";
+    return Mt.has(this.tagName) && s === "" ? `<${this.tagName}${n}${o}${i} />` : `<${this.tagName}${n}${o}${i}>${r ?? s}</${this.tagName}>`;
   };
 }
-class ke extends Me {
+class He extends Ie {
   constructor(e, s) {
     super(s), this.selector = e;
   }
@@ -1833,30 +1832,30 @@ class ke extends Me {
   toHTML = () => "";
   contentToHTML = (e = !1) => this.children.map((s) => s.toHTML(e)).join("");
 }
-class Ct {
+class Ot {
   constructor(e) {
     this.text = e;
   }
-  id = Oe();
+  id = Me();
   isElement = () => !1;
   isText = () => !0;
   getText = () => this.text;
   toHTML = () => this.text;
 }
-class R {
+class j {
   constructor(e, s, n, r) {
     this.element = e, this.reference = s, this.container = n, this.providers = r;
   }
   appendOrInsert = (e) => {
     if (this.reference != null) {
       const s = this.element.children.indexOf(this.reference);
-      this.element.children.splice(s, 0, e);
+      s >= 0 && this.element.children.splice(s, 0, e);
     } else
       this.element.children.push(e);
   };
   makeChildElement = (e, s) => {
-    const n = new Et(e, s, this.element);
-    return this.appendOrInsert(n), new R(
+    const n = new Lt(e, s, this.element);
+    return this.appendOrInsert(n), new j(
       n,
       void 0,
       this.container,
@@ -1864,8 +1863,8 @@ class R {
     );
   };
   makeChildText = (e) => {
-    const s = new Ct(e);
-    return this.appendOrInsert(s), new R(
+    const s = new Ot(e);
+    return this.appendOrInsert(s), new j(
       this.element,
       s,
       this.container,
@@ -1878,8 +1877,8 @@ class R {
   getText = () => this.reference?.getText() ?? this.element.getText();
   makeRef = () => this.makeChildText("");
   makePortal = (e) => {
-    const s = new ke(e, this.element);
-    return this.appendOrInsert(s), new R(
+    const s = new He(e, this.element);
+    return this.appendOrInsert(s), new j(
       s,
       void 0,
       this.container,
@@ -1893,13 +1892,13 @@ class R {
    * @param value - The provider to set for the given mark.
    * @returns A new `DOMContext` instance with the specified provider.
    */
-  setProvider = (e, s, n) => new R(this.element, this.reference, this.container, {
+  setProvider = (e, s, n) => new j(this.element, this.reference, this.container, {
     ...this.providers,
     [e]: [s, n]
   });
   getProvider = (e) => {
     if (this.providers[e] === void 0)
-      throw new xe(e);
+      throw new Le(e);
     const [s, n] = this.providers[e];
     return { value: s, onUse: n };
   };
@@ -1918,27 +1917,30 @@ class R {
   getStyle = (e) => this.element.getStyle(e);
   makeAccessors = (e) => this.element.makeAccessors(e);
 }
-const Dt = /* @__PURE__ */ new Set([
+const kt = /* @__PURE__ */ new Set([
   "checked",
   "disabled",
   "multiple",
   "readonly",
   "required",
   "selected"
-]), xt = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), Ie = (t) => (e) => e.makeChildText(t).clear, He = (t) => (e) => {
+]), Mt = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), ws = () => (
+  /* c8 ignore next */
+  typeof window < "u" ? window : void 0
+), It = Symbol("DOM_RENDERABLE"), g = (t) => ze(It, t), Ne = (t) => g((e) => e.makeChildText(t).clear), $e = (t) => g((e) => {
   const s = e.makeChildText(t.value), n = t.on(s.setText);
   return (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));
+}), vs = (t) => m.is(t) ? $e(t) : Ne(t), E = (...t) => g((e) => {
+  const s = t.map((n) => d(n).render(e));
   return (n) => {
     s.forEach((r) => r(n));
   };
-}, C = () => () => {
-}, Lt = (t) => (e) => (e.addClasses(t), (s) => {
+}), D = g(() => () => {
+}), Ht = (t) => g((e) => (e.addClasses(t), (s) => {
   s && e.removeClasses(t);
-}), Pt = (t) => (e) => {
+})), Nt = (t) => g((e) => {
   let s = [];
   const n = t.on(
     (r) => {
@@ -1949,20 +1951,20 @@ const Dt = /* @__PURE__ */ new Set([
   return (r) => {
     n(), r && e.removeClasses(s), s.length = 0;
   };
-}, Ot = (t, e) => (s) => {
+}), $t = (t, e) => g((s) => {
   const { get: n, set: r } = s.makeAccessors(t), o = n();
   return r(e), (i) => {
     i && r(o);
   };
-}, Mt = (t, e) => (s) => {
+}), Rt = (t, e) => g((s) => {
   const { get: n, set: r } = s.makeAccessors(t), o = n(), i = e.on(r, { noAutoDispose: !0 });
   return (l) => {
     i(), l && r(o);
   };
-}, q = (t, e) => g.is(e) ? Mt(t, e) : Ot(t, e), kt = (t, e) => t === "class" ? g.is(e) ? Pt(e) : Lt(
+}), B = (t, e) => m.is(e) ? Rt(t, e) : $t(t, e), jt = (t, e) => t === "class" ? m.is(e) ? Nt(e) : Ht(
   /* c8 ignore next */
   (e ?? "").split(" ").filter((s) => s.length > 0)
-) : q(t, e), V = new Proxy(
+) : B(t, e), V = new Proxy(
   {},
   {
     /**
@@ -1976,9 +1978,9 @@ const Dt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => kt(e, s)
+    get: (t, e) => (s) => jt(e, s)
   }
-), It = (t, e) => q(`data-${t}`, e), gs = new Proxy(
+), Vt = (t, e) => B(`data-${t}`, e), bs = new Proxy(
   {},
   {
     /**
@@ -1989,9 +1991,9 @@ const Dt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => It(e, s)
+    get: (t, e) => (s) => Vt(e, s)
   }
-), Ht = (t, e) => q(`aria-${t}`, e), ms = new Proxy(
+), qt = (t, e) => B(`aria-${t}`, e), Ss = new Proxy(
   {},
   {
     /**
@@ -2002,9 +2004,9 @@ const Dt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => Ht(e, s)
+    get: (t, e) => (s) => qt(e, s)
   }
-), Nt = (t, e) => q(t, e), ys = new Proxy(
+), Bt = (t, e) => B(t, e), _s = new Proxy(
   {},
   {
     /**
@@ -2015,9 +2017,9 @@ const Dt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => Nt(e, s)
+    get: (t, e) => (s) => Bt(e, s)
   }
-), $t = (t, e) => q(t, e), Ss = new Proxy(
+), Ft = (t, e) => B(t, e), As = new Proxy(
   {},
   {
     /**
@@ -2027,31 +2029,31 @@ const Dt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => $t(e, s)
+    get: (t, e) => (s) => Ft(e, s)
   }
-), f = (t) => {
+), d = (t) => {
   if (t == null)
-    return C;
+    return D;
   if (Array.isArray(t))
-    return E(...t.map(f));
+    return E(...t.map(d));
   if (typeof t == "string")
-    return Ie(t);
-  if (g.is(t))
-    return He(t);
-  if (typeof t == "function")
+    return Ne(t);
+  if (m.is(t))
+    return $e(t);
+  if (typeof t == "object" && "render" in t && "type" in t)
     return t;
   throw new Error(`Unknown type: '${typeof t}' for child: ${t}`);
-}, Ne = (t, ...e) => (s) => {
-  const n = s.makeChildElement(t, void 0), r = e.map((o) => f(o)(n));
+}, Re = (t, ...e) => g((s) => {
+  const n = s.makeChildElement(t, void 0), r = e.map((o) => d(o).render(n));
   return (o) => {
     r.forEach((i) => i(!1)), n.clear(o);
   };
-}, te = (t, e, ...s) => (n) => {
-  const r = n.makeChildElement(t, e), o = s.map((i) => f(i)(r));
+}), re = (t, e, ...s) => g((n) => {
+  const r = n.makeChildElement(t, e), o = s.map((i) => d(i).render(r));
   return (i) => {
     o.forEach((l) => l(!1)), r.clear(i);
   };
-}, ws = new Proxy(
+}), Ts = new Proxy(
   {},
   {
     /**
@@ -2059,9 +2061,9 @@ const Dt = /* @__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) => Ne(e, s.flatMap(f))
+    get: (t, e) => (...s) => Re(e, s.flatMap(d))
   }
-), bs = new Proxy(
+), Es = new Proxy(
   {},
   {
     /**
@@ -2069,9 +2071,9 @@ const Dt = /* @__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) => Ne("input", V.type(e), ...s)
+    get: (t, e) => (...s) => Re("input", V.type(e), ...s)
   }
-), $e = "http://www.w3.org/2000/svg", _s = (t, ...e) => te(t, $e, ...e), vs = new Proxy(
+), je = "http://www.w3.org/2000/svg", Cs = (t, ...e) => re(t, je, ...e), Ds = new Proxy(
   {},
   {
     /**
@@ -2079,9 +2081,9 @@ const Dt = /* @__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) => te(e, $e, s.flatMap(f))
+    get: (t, e) => (...s) => re(e, je, s.flatMap(d))
   }
-), Re = "http://www.w3.org/1998/Math/MathML", As = (t, ...e) => te(t, Re, ...e), Ts = new Proxy(
+), Ve = "http://www.w3.org/1998/Math/MathML", Ps = (t, ...e) => re(t, Ve, ...e), xs = new Proxy(
   {},
   {
     /**
@@ -2089,35 +2091,35 @@ const Dt = /* @__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) => te(e, Re, s.flatMap(f))
+    get: (t, e) => (...s) => re(e, Ve, s.flatMap(d))
   }
-), Ve = (t, e) => {
+), qe = (t, e) => {
   if (typeof e == "function")
-    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) => {
+    return qe(t, { then: e });
+  const s = e.pending != null ? d(e.pending()) : D, n = e.then, r = e.error != null ? (o) => d(e.error(o)) : () => D;
+  return g((o) => {
     let i = !0;
     const l = t(), c = o.makeRef();
-    let a = f(s)(c);
+    let a = d(s).render(c);
     return l.then(
       (u) => {
-        i && (a(!0), a = f(n(u))(c));
+        i && (a(!0), a = d(n(u)).render(c));
       },
       (u) => {
-        i && (a(!0), a = f(r(u))(c));
+        i && (a(!0), a = d(r(u)).render(c));
       }
     ), (u) => {
       i = !1, a(u), c.clear(u);
     };
-  };
-}, Es = (t, e) => Ve(() => t, e), je = (t, e, s) => (n) => n.on(t, e, s), Rt = (t) => je("click", (e, s) => {
+  });
+}, Ls = (t, e) => qe(() => t, e), Be = (t, e, s) => g((n) => n.on(t, e, s)), Wt = (t) => Be("click", (e, s) => {
   e.preventDefault();
   const n = e.target;
   setTimeout(() => {
     const r = n.ownerDocument != null ? n?.checked : void 0;
     r != null && t(!r, s);
   }, 0);
-}), se = new Proxy(
+}), oe = new Proxy(
   {},
   {
     /**
@@ -2125,20 +2127,20 @@ const Dt = /* @__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) => je(e, s)
+    get: (t, e) => (s) => Be(e, s)
   }
-), Vt = (t, e) => (s) => {
+), Ut = (t, e) => (s) => {
   e?.preventDefault === !0 && s.preventDefault(), e?.stopPropagation === !0 && s.stopPropagation(), e?.stopImmediatePropagation === !0 && s.stopImmediatePropagation(), t(s);
-}, O = (t, e) => Vt((s) => {
+}, k = (t, e) => Ut((s) => {
   const n = s.target;
   t(n, s);
-}, e), jt = (t, e) => O(
+}, e), Gt = (t, e) => k(
   (s, n) => t(s.value, n),
   e
-), qt = (t, e) => O(
+), Jt = (t, e) => k(
   (s, n) => t(s.valueAsNumber, n),
   e
-), Ft = (t, e) => O((s, n) => {
+), Kt = (t, e) => k((s, n) => {
   if (s.value === "")
     return;
   const r = s.value.split("-"), o = new Date(
@@ -2147,7 +2149,7 @@ const Dt = /* @__PURE__ */ new Set([
     Number(r[2].substring(0, 2))
   );
   t(o, n);
-}, e), Cs = (t, e) => O((s, n) => {
+}, e), Os = (t, e) => k((s, n) => {
   if (s.value === "") {
     t(null, n);
     return;
@@ -2158,7 +2160,7 @@ const Dt = /* @__PURE__ */ new Set([
     Number(r[2].substring(0, 2))
   );
   t(o, n);
-}, e), Bt = (t, e) => O((s, n) => {
+}, e), zt = (t, e) => k((s, n) => {
   if (s.value === "")
     return;
   const r = s.value.split("T"), o = r[0].split("-"), i = new Date(
@@ -2167,7 +2169,7 @@ const Dt = /* @__PURE__ */ new Set([
     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) => {
+}, e), ks = (t, e) => k((s, n) => {
   if (s.value === "") {
     t(null, n);
     return;
@@ -2183,17 +2185,17 @@ const Dt = /* @__PURE__ */ new Set([
     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), xs = (t, e) => O((s, n) => {
+}, e), Ms = (t, e) => k((s, n) => {
   t(s.checked, n);
-}, e), Ls = (t, e = "input") => E(V.valueAsDate(t), se[e](Ft(t.set))), Ps = (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) => {
+}, e), Is = (t, e = "input") => E(V.valueAsDate(t), oe[e](Kt(t.set))), Hs = (t, e = "input") => E(V.valueAsDate(t), oe[e](zt(t.set))), Ns = (t, e = "input") => E(V.valueAsNumber(t), oe[e](Jt(t.set))), $s = (t, e = "input") => E(V.value(t), oe[e](Gt(t.set))), Rs = (t) => E(V.checked(t), Wt(t.set)), fe = (t, e, s) => m.is(t) ? e(t) : s(t), Yt = (t, e, s) => {
   const n = t.makeRef();
   let r = () => {
   }, o = null;
   const i = e.on(
     (l) => {
-      o?.dispose(), r(!0), o = new j(), r = P(
+      o?.dispose(), r(!0), o = new q(), r = O(
         o,
-        () => f(s(l))(n)
+        () => d(s(l)).render(n)
       );
     },
     { noAutoDispose: !0 }
@@ -2201,43 +2203,45 @@ const Dt = /* @__PURE__ */ new Set([
   return (l) => {
     o?.dispose(), r(l), i(), n.clear(l);
   };
-}, ne = (t, e) => {
+}, ie = (t, e) => {
   function s(r) {
-    return (o) => {
+    return g((o) => {
       const i = o.makeRef();
       let l, c;
-      const a = r.map((p) => Object.keys(p)[0]);
+      const a = r.map((f) => Object.keys(f)[0]);
       let u;
-      const h = a.on((p) => {
-        if (p !== u) {
-          u = p, c?.dispose(), l?.(!0), c = r.map((m) => m[p]);
-          const d = e[p](c);
-          l = f(d)(i);
+      const h = a.on((f) => {
+        if (f !== u) {
+          u = f, c?.dispose(), l?.(!0), c = r.map((y) => y[f]);
+          const p = e[f](c);
+          l = d(p).render(i);
         }
       });
-      return (p) => {
-        c?.dispose(), h(), i.clear(p), l?.(p);
+      return (f) => {
+        c?.dispose(), h(), i.clear(f), l?.(f);
       };
-    };
+    });
   }
   function n(r) {
     const o = Object.keys(r)[0];
-    return f(e[o](K(r[o])));
+    return d(e[o](se(r[o])));
   }
-  return de(t, s, n);
-}, qe = (t, e, s) => ne(
-  y.map(t, (n) => ({ [n[e]]: n })),
+  return fe(t, s, n);
+}, Fe = (t, e, s) => ie(
+  w.map(t, (n) => ({ [n[e]]: n })),
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   s
-), 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 })),
+), js = (t, e) => Fe(t, "kind", e), Vs = (t, e) => {
+  const s = w.map(t, ([n, r]) => ({
+    [n]: r
+  }));
+  return ie(s, e);
+}, qs = (t, e) => Fe(t, "type", e), Xt = (t, e) => ie(
+  w.map(t, (s) => ({ [s]: !0 })),
   e
-), $s = (t, e = {}) => (s) => {
+), Bs = (t, e = {}) => (s) => {
   const n = e?.firstSeparator ?? t, r = e?.lastSeparator ?? t;
-  return Ut(
+  return Xt(
     s.map((o) => o.isFirst ? "first" : o.isLast ? "last" : "other"),
     {
       first: n,
@@ -2245,111 +2249,111 @@ const Dt = /* @__PURE__ */ new Set([
       other: t
     }
   );
-}, Rs = (t) => (e) => (e.appendOrInsert(t), (s) => {
-  s && U(t);
-}), Vs = (t, e, s) => {
+}, Fs = (t) => g((e) => (e.appendOrInsert(t), (s) => {
+  s && J(t);
+})), Ws = (t, e, s) => {
   function n(o) {
-    return (i) => {
+    return g((i) => {
       const l = i.makeRef();
       let c = () => {
       }, a = !1, u = null;
-      const h = o.on((p) => {
-        p == null ? (c(!0), c = f(s?.())(l), a = !1, u?.dispose(), u = null) : a ? u.set(p) : (u = A(p), c(!0), c = f(e(u))(
-          l
-        ), a = !0);
+      const h = o.on((f) => {
+        f == null ? (c(!0), c = d(s?.()).render(l), a = !1, u?.dispose(), u = null) : a ? u.set(f) : (u = T(f), c(!0), c = d(
+          e(u)
+        ).render(l), a = !0);
       });
-      return (p) => {
-        u?.dispose(), h(), c?.(p), l.clear(p);
+      return (f) => {
+        u?.dispose(), h(), c?.(f), l.clear(f);
       };
-    };
+    });
   }
   function r(o) {
     if (o == null) {
       const i = s?.();
-      return i != null ? f(i) : C;
+      return i != null ? d(i) : D;
     }
-    return f(e(K(o)));
+    return d(e(se(o)));
   }
-  return de(
+  return fe(
     t,
     n,
     r
   );
-}, js = (...t) => (e, s) => (n) => {
+}, Us = (...t) => (e, s) => g((n) => {
   const r = n.makeRef();
   if (t.some(
-    (d) => !g.is(d) && d == null
+    (p) => !m.is(p) && p == null
   ))
-    return (s != null ? f(s?.()) : C)(
-      r
-    );
+    return (s != null ? d(s?.()) : D).render(r);
   const i = t.map(() => null), l = t.map(
-    (d) => g.is(d) ? d.value != null : d != null
+    (p) => m.is(p) ? p.value != null : p != null
   );
   let c = null;
-  const a = A(l.every((d) => d)), u = (d, m) => {
-    if (d.value != null) {
-      if (i[m] == null) {
-        const w = A(d.value);
-        i[m] = w;
+  const a = T(l.every((p) => p)), u = (p, y) => {
+    if (p.value != null) {
+      if (i[y] == null) {
+        const v = T(p.value);
+        i[y] = v;
       } else
-        i[m].value = d.value;
-      l[m] = !0;
+        i[y].value = p.value;
+      l[y] = !0;
     } else
-      l[m] = !1;
+      l[y] = !1;
   };
   let h = t.length - 1;
-  const p = t.map((d, m) => {
-    if (!g.is(d)) {
-      const w = A(d);
-      return i[m] = w, () => {
+  const f = t.map((p, y) => {
+    if (!m.is(p)) {
+      const v = T(p);
+      return i[y] = v, () => {
       };
     }
-    return d.on(() => {
-      u(d, m), h === 0 ? a.value = l.every((w) => w) : h--;
+    return p.on(() => {
+      u(p, y), h === 0 ? a.value = l.every((v) => v) : h--;
     });
   });
-  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);
+  return a.on((p) => {
+    c?.(!0), c = null, p ? c = d(e(...i)).render(r) : c = d(s?.() ?? D).render(r);
+  }), (p) => {
+    i.forEach((y) => y?.dispose()), a.dispose(), f.forEach((y) => y()), c?.(p), r.clear(p);
   };
-}, Fe = (t, e, s) => de(
+}), We = (t, e, s) => fe(
   t,
-  (n) => (r) => Wt(
-    r,
-    n,
-    (o) => o ? e() : s?.()
+  (n) => g(
+    (r) => Yt(
+      r,
+      n,
+      (o) => o ? e() : s?.()
+    )
   ),
   (n) => {
     if (n) {
       const r = e();
-      return r != null ? f(r) : C;
+      return r != null ? d(r) : D;
     }
-    return f(s?.());
+    return d(s?.());
   }
-), qs = (t, e, s) => Fe(
-  y.map(t, (n) => !n),
+), Gs = (t, e, s) => We(
+  w.map(t, (n) => !n),
   e,
   s
-), Be = (t, e, s) => {
+), Ue = (t, e, s) => {
   if (s != null)
-    return Be(t, (n) => {
-      const r = new le(
+    return Ue(t, (n) => {
+      const r = new he(
         n.index,
         n.total.map((o) => o - 1)
       );
       return E(
-        f(e(n)),
-        Fe(
+        d(e(n)),
+        We(
           n.isLast,
-          () => C,
+          () => D,
           () => s(r)
         )
       );
     });
-  if (g.is(t))
-    return (n) => {
+  if (m.is(t))
+    return g((n) => {
       const r = t.derive(), o = n.makeRef(), i = [], l = [];
       return r.on((c) => {
         const a = i.splice(c), u = l.splice(c);
@@ -2358,9 +2362,12 @@ const Dt = /* @__PURE__ */ new Set([
         for (const h of a)
           h(!0);
         for (let h = i.length; h < c; h++) {
-          const p = new le(h, r), d = new j();
-          l.push(d), i.push(
-            P(d, () => f(e(p))(o))
+          const f = new he(h, r), p = new q();
+          l.push(p), i.push(
+            O(
+              p,
+              () => d(e(f)).render(o)
+            )
           );
         }
       }), (c) => {
@@ -2371,47 +2378,49 @@ const Dt = /* @__PURE__ */ new Set([
           a(c);
         i.length = 0, o.clear(c);
       };
-    };
+    });
   {
-    const n = K(t);
+    const n = se(t);
     return E(
       ...Array.from({ length: t }, (r, o) => o).map((r) => {
-        const o = new le(r, n);
-        return f(e(o));
+        const o = new he(r, n);
+        return d(e(o));
       })
     );
   }
-}, Fs = (t, e, s) => {
-  const n = y.map(t, (o) => o.length), r = y.toSignal(t);
-  return Be(
+}, Js = (t, e, s) => {
+  const n = w.map(t, (o) => o.length), r = w.toSignal(t);
+  return Ue(
     n,
     (o) => {
       const i = r.map((l) => l[o.index]);
-      return f(e(i, o));
+      return d(e(i, o));
     },
     s
   );
-}, Gt = (...t) => (e) => (s) => t.forEach((n) => {
-  typeof n == "function" ? n(s, e) : n.dispose(s, e);
-}), Bs = (t, e) => {
-  if (g.is(t)) {
+}, Ge = (...t) => g(
+  (e) => (s) => t.forEach((n) => {
+    typeof n == "function" ? n(s, e) : n.dispose(s, e);
+  })
+), Ks = (t, e) => {
+  if (m.is(t)) {
     const s = t;
-    return (n) => {
+    return g((n) => {
       n = n.makeRef();
-      const r = s.map((l) => f(e(l)));
+      const r = s.map((l) => d(e(l)));
       let o = () => {
       };
       const i = r.on((l) => {
-        o(!0), o = l(n);
+        o(!0), o = l.render(n);
       });
       return (l) => {
         i(), o(l);
       };
-    };
+    });
   }
-  return f(e(t));
-}, Ws = (t, e, s = () => C) => ne(
-  y.map(
+  return d(e(t));
+}, zs = (t, e, s = () => D) => ie(
+  w.map(
     t,
     (n) => n.length > 0 ? { notEmpty: n } : { whenEmpty: null }
   ),
@@ -2419,40 +2428,63 @@ const Dt = /* @__PURE__ */ new Set([
     notEmpty: (n) => e(n),
     whenEmpty: () => s()
   }
-), Us = (t, e) => (s) => {
-  const n = s.makePortal(t), r = fe(f(e), n);
+), Ys = (t, e) => g((s) => {
+  const n = s.makePortal(t), r = ne(d(e), n);
   return () => r(!0);
-}, W = /* @__PURE__ */ new Map(), Jt = (t) => ({
-  mark: at(`Probe(${t.description})`),
+}), G = /* @__PURE__ */ new Map(), Qt = (t) => ({
+  mark: Ke(`Probe(${t.description})`),
   create: ({ callback: e = () => {
   }, timeout: s = 10 } = {}) => {
     const n = (l) => {
-      clearTimeout(r), W.delete(t), e(l);
+      clearTimeout(r), G.delete(t), e(l);
     };
-    if (W.has(t))
+    if (G.has(t))
       throw new Error(`Probe already exists: ${t.description}`);
     const r = setTimeout(() => n("timeout"), s), o = { counter: 0, timeoutId: r };
-    return W.set(t, o), {
+    return G.set(t, o), {
       value: () => {
         clearTimeout(r);
-        const l = W.get(t);
+        const l = G.get(t);
         l != null && --l.counter === 0 && n("resolved");
       },
       dispose: () => n("disposed"),
       onUse: () => o.counter++
     };
   }
-}), Gs = Jt(Symbol("GlobalProbe")), Xt = (t, e) => (s) => {
+}), Xs = Qt(Symbol("GlobalProbe")), Je = (t) => g((e) => {
+  if (e.isBrowser()) {
+    const s = t(e);
+    if (s != null)
+      return d(s).render(e);
+  }
+  return () => {
+  };
+});
+function Qs({
+  mode: t,
+  delegatesFocus: e,
+  slotAssignment: s,
+  clonable: n,
+  serializable: r
+}, ...o) {
+  return Je((i) => {
+    const l = { mode: t };
+    e !== void 0 && (l.delegatesFocus = e), s !== void 0 && (l.slotAssignment = s), n !== void 0 && (l.clonable = n), r !== void 0 && (l.serializable = r);
+    const c = i.element.attachShadow(l), a = i.withElement(c), u = ne(E(...o), a);
+    return Ge(() => u(!0));
+  });
+}
+const Zt = (t, e) => g((s) => {
   const n = s.getStyle(t);
   return s.setStyle(t, e), (r) => {
     r && s.setStyle(t, n);
   };
-}, Yt = (t, e) => (s) => {
+}), es = (t, e) => g((s) => {
   const n = s.getStyle(t), r = e.on((o) => s.setStyle(t, o));
   return (o) => {
     r(), o && s.setStyle(t, n);
   };
-}, ye = (t, e) => g.is(e) ? Yt(t, e) : Xt(t, e), Js = new Proxy({}, {
+}), we = (t, e) => m.is(e) ? es(t, e) : Zt(t, e), Zs = new Proxy({}, {
   /**
    * Creates a renderable component for the specified `style` property.
    *
@@ -2461,33 +2493,28 @@ const Dt = /* @__PURE__ */ new Set([
    * @returns The renderable component for the specified attribute.
    *
    */
-  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 f(s)(e);
-  }
-  return () => {
-  };
-}, Xs = (t) => (e) => {
+  get: (t, e) => e === "variable" ? (s, n) => we(s, n) : (s) => we(e, s)
+}), en = (t) => g((e) => {
   const s = t(e);
   return s == null ? () => {
-  } : f(s)(e);
-}, Ys = (t) => Qt((e) => t(e.element)), Qs = (t) => (e) => {
+  } : d(s).render(e);
+}), tn = (t) => Je((e) => t(e.element)), sn = (t) => g((e) => {
   if (e.isHeadlessDOM()) {
     const s = t(e);
     if (s)
-      return f(s)(e);
+      return d(s).render(e);
   }
   return () => {
   };
-}, Zs = (t) => (e) => {
-  const s = new j(), n = P(s, () => f(t(s))(e));
+}), nn = (t) => g((e) => {
+  const s = new q(), n = O(
+    s,
+    () => d(t(s)).render(e)
+  );
   return (r) => {
     s.dispose(), n(r);
   };
-}, pe = (t) => (e) => {
+}), ge = (t) => g((e) => {
   let s = e;
   function n() {
     return s;
@@ -2501,151 +2528,153 @@ const Dt = /* @__PURE__ */ new Set([
       return a?.(), c;
     },
     set: ({ mark: l, create: c }, a) => {
-      const { value: u, dispose: h, onUse: p } = c(a, n());
-      o.push(h), r(n().setProvider(l, u, p));
+      const { value: u, dispose: h, onUse: f } = c(a, n());
+      o.push(h), r(n().setProvider(l, u, f));
     }
   });
   return i == null ? () => {
   } : E(
-    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 }) => {
+    d(i),
+    Ge(() => o.forEach((l) => l()))
+  ).render(n());
+}), rn = (t, e, s) => ge(({ set: n }) => (n(t, e), s())), on = (t, e) => ge(({ use: s }) => e(s(t))), ln = (...t) => (e) => ge(({ use: s }) => {
   const n = t.map(s);
   return e(...n);
 });
 export {
-  Ht as Aria,
-  Es as Async,
-  kt as Attr,
-  ks as BindChecked,
-  Ls as BindDate,
-  Ps 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,
-  Vs as Ensure,
-  js as EnsureAll,
-  Fs as ForEach,
+  qt as Aria,
+  Ls as Async,
+  jt as Attr,
+  Rs as BindChecked,
+  Is as BindDate,
+  Hs as BindDateTime,
+  Ns as BindNumber,
+  $s as BindText,
+  R as BrowserContext,
+  K as CLASS_PLACEHOLDER_ATTR,
+  $ as Computed,
+  Bs as Conjunction,
+  Fs as DOMNode,
+  Vt as DataAttr,
+  q as DisposalScope,
+  Re as El,
+  re as ElNS,
+  he as ElementPosition,
+  D as Empty,
+  Ws as Ensure,
+  Us as EnsureAll,
+  Js as ForEach,
   E as Fragment,
-  Gs as GlobalProbe,
-  fs as HeadlessAdapter,
-  R as HeadlessContext,
-  Et as HeadlessElement,
-  ke as HeadlessPortal,
-  Ct as HeadlessText,
-  Bs as MapSignal,
-  $t as MathAttr,
-  As as MathEl,
-  be as MemoryStore,
-  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,
-  zs as Provide,
-  xe as ProviderNotFoundError,
-  ut as RenderingError,
-  Be as Repeat,
-  Nt as SVGAttr,
-  _s as SVGEl,
-  g as Signal,
-  Ve as Task,
-  ps as TextNode,
-  qs as Unless,
-  Ks as Use,
-  en as UseMany,
-  y as Value,
-  Fe as When,
-  Qt as WithBrowserCtx,
-  Xs as WithCtx,
-  Ys as WithElement,
-  Qs as WithHeadlessCtx,
-  pe as WithProvider,
-  Zs as WithScope,
-  Le as _NODE_PLACEHOLDER_ATTR,
-  ct as _getSelfOrParentElement,
-  De as _isElement,
-  lt as _makeGetter,
-  it as _makeSetter,
-  U as _removeDOMNode,
-  He as _signalText,
-  Ie as _staticText,
-  ns as animateSignal,
-  rt as animateSignals,
-  ms as aria,
+  Xs as GlobalProbe,
+  ms as HeadlessAdapter,
+  j as HeadlessContext,
+  Lt as HeadlessElement,
+  He as HeadlessPortal,
+  Ot as HeadlessText,
+  Ks as MapSignal,
+  Ft as MathAttr,
+  Ps as MathEl,
+  Se as MemoryStore,
+  zs as NotEmpty,
+  Wt as OnChecked,
+  Ge as OnDispose,
+  ie as OneOf,
+  Fe as OneOfField,
+  js as OneOfKind,
+  Vs as OneOfTuple,
+  qs as OneOfType,
+  Xt as OneOfValue,
+  Ys as Portal,
+  ee as Prop,
+  rn as Provide,
+  Le as ProviderNotFoundError,
+  gt as RenderingError,
+  Ue as Repeat,
+  Bt as SVGAttr,
+  Cs as SVGEl,
+  Qs as ShadowRoot,
+  m as Signal,
+  qe as Task,
+  vs as TextNode,
+  Gs as Unless,
+  on as Use,
+  ln as UseMany,
+  w as Value,
+  We as When,
+  Je as WithBrowserCtx,
+  en as WithCtx,
+  tn as WithElement,
+  sn as WithHeadlessCtx,
+  ge as WithProvider,
+  nn as WithScope,
+  Oe as _NODE_PLACEHOLDER_ATTR,
+  ft as _getSelfOrParentElement,
+  Pe as _isElement,
+  xe as _isFragment,
+  pt as _makeGetter,
+  dt as _makeSetter,
+  J as _removeDOMNode,
+  $e as _signalText,
+  Ne as _staticText,
+  ls as animateSignal,
+  ut as animateSignals,
+  Ss as aria,
   V as attr,
-  cs as bind,
-  as as coalesce,
-  z as computed,
-  ee as computedOf,
-  ot as computedRecord,
-  gs as dataAttr,
-  os as delaySignal,
-  Se as effect,
-  Qe as effectOf,
-  Vt as emit,
-  xs as emitChecked,
-  O as emitTarget,
-  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,
-  Ts as math,
-  Ss as mathAttr,
-  rs as merge,
-  se as on,
-  Ue as popScope,
-  is as previousSignal,
-  A as prop,
-  We as pushScope,
-  us as render,
-  fe as renderWithContext,
-  f as renderableOfTNode,
-  ds as restoreTempoPlaceholders,
-  hs as runHeadless,
-  _ as scopeStack,
-  Kt as scoped,
-  ss as sessionStorageProp,
-  K as signal,
-  ls as slidingWindowSignal,
+  ds as bind,
+  ps as coalesce,
+  te as computed,
+  Z as computedOf,
+  ht as computedRecord,
+  ze as createRenderable,
+  bs as dataAttr,
+  as as delaySignal,
+  be as effect,
+  Ze as effectOf,
+  Ut as emit,
+  Ms as emitChecked,
+  k as emitTarget,
+  Gt as emitValue,
+  Kt as emitValueAsDate,
+  zt as emitValueAsDateTime,
+  Os as emitValueAsNullableDate,
+  ks as emitValueAsNullableDateTime,
+  Jt as emitValueAsNumber,
+  it as endInterpolate,
+  de as getCurrentScope,
+  ns as getParentScope,
+  ss as getScopeStack,
+  ws as getWindow,
+  lt as guessInterpolate,
+  Ts as html,
+  Es as input,
+  ot as interpolateDate,
+  nt as interpolateNumber,
+  rt as interpolateString,
+  ts as joinSignals,
+  os as localStorageProp,
+  Qt as makeProbe,
+  Ke as makeProviderMark,
+  xs as math,
+  As as mathAttr,
+  cs as merge,
+  oe as on,
+  tt as popScope,
+  us as previousSignal,
+  T as prop,
+  et as pushScope,
+  fs as render,
+  ne as renderWithContext,
+  d as renderableOfTNode,
+  ys as restoreTempoPlaceholders,
+  gs as runHeadless,
+  rs as scoped,
+  is as sessionStorageProp,
+  se as signal,
+  hs as slidingWindowSignal,
   _e as storedProp,
-  Js as style,
-  vs as svg,
-  ys as svgAttr,
-  ie as untracked,
-  P as withScope
+  Zs as style,
+  Ds as svg,
+  _s as svgAttr,
+  ce as untracked,
+  O as withScope
 };