@tempots/dom 36.0.0 → 37.0.0

package/index.js

@@ -1,1306 +1,8 @@
-const st = (s) => Symbol(s);
-function nt(s, e) {
-  return {
-    type: s,
-    render: e
-  };
-}
-function Ie(s) {
-  return s != null && s !== !1 && s !== 0 && s !== "";
-}
-function rt(s) {
-  return !Ie(s);
-}
-function it(s) {
-  return s == null;
-}
-function ot(s) {
-  return s != null;
-}
-const C = {
-  /**
-   * 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: (s, e) => _.is(s) ? s.map(e) : e(s),
-  /**
-   * 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: (s, e) => _.is(s) ? s.derive() : ye(s, 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: (s, e) => {
-    if (s != null)
-      return C.toSignal(s, 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: (s) => _.is(s) ? s.get() : s,
-  /**
-   * 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: (s, e) => _.is(s) ? s.on(e) : (e(s), () => {
-  }),
-  /**
-   * 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: (s) => {
-    _.is(s) && s.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: (s) => () => C.dispose(s),
-  /**
-   * 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: (s, {
-    autoDisposeProp: e = !0,
-    equals: t
-  } = {}) => _.is(s) ? s.deriveProp({ autoDisposeProp: e, equals: t }) : B(s, t),
-  /**
-   * 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: (s) => C.map(s, Ie),
-  /**
-   * 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: (s) => C.map(s, rt),
-  /**
-   * 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: (s) => C.map(s, it),
-  /**
-   * 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: (s) => C.map(s, ot)
-}, ne = (...s) => (e, t) => {
-  if (s.length === 1)
-    return C.toSignal(s[0]).map(e);
-  const n = s.filter((r) => _.is(r));
-  return be(
-    () => e(...s.map((r) => C.get(r))),
-    n,
-    t
-  );
-}, ls = (...s) => (e, t, n, r = (i, o) => i === o) => ne(...s)((...i) => i).mapAsync(
-  ([...i], o) => e(
-    ...i,
-    o
-  ),
-  t,
-  n,
-  r
-), as = (...s) => (e, t, n, r = (i, o) => i === o) => ne(...s)((...i) => i).mapAsyncGenerator(
-  ([...i], o) => e(
-    ...i,
-    o
-  ),
-  t,
-  n,
-  r
-), cs = (s) => {
-  const e = Object.keys(s);
-  return ne(...Object.values(s))(
-    (...t) => Object.fromEntries(e.map((n, r) => [n, t[r]]))
-  );
-}, lt = (...s) => (e, t = {}) => {
-  const n = s.filter((r) => _.is(r));
-  return $e(
-    () => e(...s.map(C.get)),
-    n,
-    t
-  );
-};
-class ie {
-  _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 (t) {
-          const n = t instanceof Error ? t.message : String(t);
-          console.error("Error in disposal callback:", n);
-        }
-      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, t) {
-    const n = Ae(() => B(e, t));
-    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, t, n) {
-    const r = Ae(() => be(e, t, 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, t, n) {
-    return z(this, () => $e(e, t, 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 (t, n) => {
-      const r = Ae(() => ne(...e)(t, 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 (t, n) => z(this, () => lt(...e)(t, n));
-  }
-}
-const j = [], at = (s) => {
-  j.push(s);
-}, ct = () => {
-  if (j.length === 0)
-    throw new Error("Cannot pop from empty scope stack");
-  j.pop();
-}, Oe = () => j[j.length - 1] ?? null, us = () => j, hs = () => j[j.length - 2] ?? null, z = (s, e) => {
-  at(s);
-  try {
-    return e();
-  } finally {
-    ct();
-  }
-}, ds = (s) => {
-  const e = new ie();
-  try {
-    return z(e, () => s(e));
-  } finally {
-    e.dispose();
-  }
-}, Ae = (s) => {
-  const e = j.slice();
-  j.length = 0;
-  try {
-    return s();
-  } finally {
-    j.length = 0, j.push(...e);
-  }
-};
-class _ {
-  /**
-   * Represents a signal with a value of type T.
-   *
-   * @param value - The initial value of the signal.
-   * @param equals - A function that determines whether two values of type T are equal.
-   * @public
-   */
-  constructor(e, t) {
-    this.equals = t, this._value = e;
-  }
-  /**
-   * Creates a Signal that holds the result of a Promise, with proper error handling.
-   *
-   * This static method creates a signal that starts with an initial value and updates
-   * when the promise resolves. If the promise rejects, an optional recovery function
-   * can provide a fallback value.
-   *
-   * @example
-   * ```typescript
-   * // Basic usage with API call
-   * const userData = Signal.ofPromise(
-   *   fetch('/api/user').then(r => r.json()),
-   *   { loading: true }, // initial state
-   *   error => ({ error: error.message, loading: false }) // error recovery
-   * )
-   *
-   * // Use in UI
-   * Ensure(userData,
-   *   (user) => html.div('Welcome, ', user.map(u => u.name)),
-   *   () => html.div('Loading...')
-   * )
-   * ```
-   *
-   * @example
-   * ```typescript
-   * // With custom equality function
-   * const config = Signal.ofPromise(
-   *   loadConfig(),
-   *   {},
-   *   () => ({}),
-   *   (a, b) => JSON.stringify(a) === JSON.stringify(b) // deep equality
-   * )
-   * ```
-   *
-   * @typeParam O - The type of the value returned by the Promise
-   * @param promise - The Promise to use to feed the Signal
-   * @param init - The initial value of the Signal before the Promise resolves
-   * @param recover - Optional function to recover from Promise rejection and provide an alternative value
-   * @param equals - Function to compare two values for equality (defaults to strict equality)
-   * @returns A Signal that represents the result of the Promise
-   */
-  static ofPromise = (e, t, n, r = (i, o) => i === o) => {
-    const i = new _(t, r);
-    return e.then((o) => i._setAndNotify(o)).catch((o) => {
-      n != null ? i._setAndNotify(n(o)) : console.error(
-        "Unhandled promise rejection in Signal.ofPromise:",
-        o
-      );
-    }), i;
-  };
-  /**
-   * Checks if a value is a Signal.
-   *
-   * @param value - The value to check.
-   * @returns `true` if the value is a Signal, `false` otherwise.
-   */
-  static is = (e) => (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    e != null && e.$__signal__ === !0
-  );
-  /**
-   * @internal
-   */
-  $__signal__ = !0;
-  /**
-   * @internal
-   */
-  _value;
-  /**
-   * @internal
-   */
-  _derivatives = [];
-  /**
-   * @internal
-   */
-  _onValueListeners = [];
-  /**
-   * @internal
-   */
-  _onDisposeListeners = [];
-  /**
-   * Gets the current value of the signal.
-   * @returns The current value of the signal.
-   */
-  get = () => this._value;
-  /**
-   * Gets the value of the signal.
-   * @returns The current value of the signal.
-   */
-  get value() {
-    return this._value;
-  }
-  /**
-   * Checks if the signal has any registered listeners.
-   * @returns `true` if the signal has listeners, `false` otherwise.
-   */
-  hasListeners = () => this._onValueListeners.length > 0;
-  /**
-   * Registers a listener function to be called whenever the value of the signal changes.
-   * The listener function will be immediately called with the current value of the signal.
-   * Returns a function that can be called to unregister the listener.
-   *
-   * When called within a DisposalScope (e.g., inside a renderable), the listener is
-   * automatically cleaned up when the scope is disposed. This prevents memory leaks
-   * when listening to outer-scope signals from inner scopes.
-   *
-   * @param listener - The listener function to be called when the value of the signal changes.
-   * @param options - Options for the listener.
-   *
-   * @example
-   * ```typescript
-   * // Automatic cleanup when scope disposes
-   * const MyComponent = () => {
-   *   const outerSignal = prop(0)
-   *
-   *   return html.div(
-   *     When(someCondition, () => {
-   *       // This listener is automatically cleaned up when the When() disposes
-   *       outerSignal.on(value => console.log(value))
-   *       return html.span('Inner content')
-   *     })
-   *   )
-   * }
-   * ```
-   */
-  on = (e, t = {}) => {
-    t.skipInitial || e(this.get(), void 0);
-    const n = t.once ? (i, o) => {
-      r(), e(i, o);
-    } : e;
-    this._onValueListeners.push(n);
-    const r = () => {
-      const i = this._onValueListeners.indexOf(n);
-      i !== -1 && this._onValueListeners.splice(i, 1), t.abortSignal != null && t.abortSignal.removeEventListener("abort", r);
-    };
-    return t.abortSignal != null && t.abortSignal.addEventListener("abort", r), !t.noAutoDispose && Oe()?.onDispose(r), r;
-  };
-  /**
-   * Registers a listener function to be called whenever the value of the signal changes.
-   * The listener function will not be called with the current value of the signal.
-   * Returns a function that can be called to unregister the listener.
-   *
-   * @param listener - The listener function to be called when the value of the signal changes.
-   * @param options - Options for the listener.
-   */
-  onChange = (e, t = {}) => {
-    let n = 0;
-    const r = (i, o) => {
-      n++ > 0 && e(i, o);
-    };
-    return this.on(r, t);
-  };
-  /**
-   * @internal
-   */
-  _setAndNotify = (e) => {
-    if (this._disposed) return;
-    const t = this._value;
-    this.equals(t, e) || (this._value = e, this._onValueListeners.forEach((n) => n(e, t)));
-  };
-  /**
-   * @internal
-   */
-  _disposed = !1;
-  /**
-   * Checks whether the signal is disposed.
-   * @returns True if the signal is disposed, false otherwise.
-   */
-  isDisposed = () => this._disposed;
-  /**
-   * Adds a listener function to be called when the object is disposed.
-   * @param listener - The listener function to be called when the object is disposed.
-   * @returns A function that can be called to remove the listener.
-   */
-  onDispose = (e) => {
-    this._onDisposeListeners.push(e);
-  };
-  /**
-   * Disposes the signal, releasing any resources associated with it.
-   * This clears all listeners, derivatives, and disposal callbacks.
-   */
-  dispose = () => {
-    this._disposed || (this._disposed = !0, this._onDisposeListeners.forEach((e) => e()), this._onDisposeListeners.length = 0, this._derivatives.length = 0, this._onValueListeners.length = 0);
-  };
-  /**
-   * Creates a new computed signal by applying a transformation function to this signal's value.
-   *
-   * The `map` method is one of the most commonly used signal operations. It creates a new
-   * computed signal that automatically updates whenever the source signal changes. The
-   * transformation function is called with the current value and should return the new value.
-   *
-   * @example
-   * ```typescript
-   * const count = prop(5)
-   *
-   * // Transform to different types
-   * const doubled = count.map(n => n * 2)
-   * const message = count.map(n => `Count is ${n}`)
-   * const isEven = count.map(n => n % 2 === 0)
-   *
-   * // Use in UI
-   * html.div(
-   *   html.div('Original: ', count.map(String)),
-   *   html.div('Doubled: ', doubled.map(String)),
-   *   html.div('Message: ', message),
-   *   html.div('Is even: ', isEven.map(String))
-   * )
-   * ```
-   *
-   * @example
-   * ```typescript
-   * // Chain multiple transformations
-   * const user = prop({ name: 'John', age: 30 })
-   * const greeting = user
-   *   .map(u => u.name)
-   *   .map(name => name.toUpperCase())
-   *   .map(name => `Hello, ${name}!`)
-   * ```
-   *
-   * @example
-   * ```typescript
-   * // With custom equality function for objects
-   * const items = prop([{ id: 1, name: 'Item 1' }])
-   * const itemNames = items.map(
-   *   items => items.map(item => item.name),
-   *   (a, b) => JSON.stringify(a) === JSON.stringify(b) // deep equality
-   * )
-   * ```
-   *
-   * **Auto-Disposal:** The returned computed signal is automatically registered with the current
-   * disposal scope (if one exists). When used within a renderable or `WithScope()`, the signal
-   * will be automatically disposed when the component unmounts. No manual `OnDispose()` needed!
-   *
-   * ```typescript
-   * const MyComponent: Renderable = (ctx) => {
-   *   const count = prop(0);
-   *   const doubled = count.map(x => x * 2);  // ✅ Auto-disposed
-   *   return html.div(doubled);
-   * };
-   * ```
-   *
-   * @typeParam O - The type of the transformed value
-   * @param fn - Function that transforms the signal's value to a new value
-   * @param equals - Optional function to determine if two transformed values are equal (defaults to strict equality)
-   * @returns A new computed signal with the transformed value (auto-registered with current scope)
-   */
-  map = (e, t = (n, r) => n === r) => {
-    const n = new ee(() => {
-      try {
-        return e(this.get());
-      } catch (r) {
-        throw console.error("Error in Signal.map:", r), r;
-      }
-    }, t);
-    return this.setDerivative(n), n;
-  };
-  /**
-   * Returns a new Signal that applies the given function to the value of the current Signal,
-   * and then flattens the resulting Signal.
-   *
-   * @typeParam O - The type of the value emitted by the resulting Signal.
-   * @param fn - The function to apply to the value of the current Signal.
-   * @param equals - A function that determines whether two values of type O are equal.
-   *               Defaults to a strict equality check (===).
-   * @returns A new Signal that emits the values of the resulting Signal.
-   */
-  flatMap = (e, t = (n, r) => n === r) => {
-    const n = new ee(() => {
-      try {
-        return e(this.get()).get();
-      } catch (r) {
-        throw console.error("Error in Signal.flatMap:", r), r;
-      }
-    }, t);
-    return this.setDerivative(n), n;
-  };
-  /**
-   * Invokes a callback function with the current value of the signal, without modifying the signal.
-   *
-   * @param fn - The callback function to be invoked with the current value of the signal.
-   * @returns A new signal that emits the same value as the original signal and invokes the callback function.
-   */
-  tap = (e) => this.map((t) => (e(t), t));
-  /**
-   * Returns a new Signal that emits the value at the specified key of the current value.
-   *
-   * @param key - The key of the value to retrieve.
-   * @returns A new Signal that emits the value at the specified key.
-   */
-  at = (e) => this.map((t) => t[e]);
-  /**
-   * @internal
-   */
-  _$;
-  /**
-   * Represents a collection of signals mapping to each key/field in the wrapped value.
-   * @typeParam T - The type of the signals.
-   */
-  get $() {
-    return this._$ !== void 0 ? this._$ : this._$ = new Proxy(this, {
-      get: (e, t) => this.at(t)
-    });
-  }
-  filter = (e, t) => {
-    let n = t ?? this.get();
-    const r = new ee(() => {
-      try {
-        const i = this.get();
-        return n = e(i) ? i : n;
-      } catch (i) {
-        throw console.error("Error in Signal.filter:", i), i;
-      }
-    }, this.equals);
-    return this.setDerivative(r), r;
-  };
-  /**
-   * Returns a new Computed object that applies the provided mapping function to the value of this Signal,
-   * and filters out values that are `undefined` or `null`.
-   *
-   * @typeParam O - The type of the mapped value.
-   * @param fn - The mapping function to apply to the value of this Signal.
-   * @param startValue - The initial value for the Computed object.
-   * @param equals - Optional equality function to determine if two values are equal.
-   * @returns - A new Computed object with the mapped and filtered values.
-   */
-  filterMap = (e, t, n = (r, i) => r === i) => {
-    let r = t;
-    const i = new ee(() => {
-      try {
-        const o = this.get();
-        return r = e(o) ?? r;
-      } catch (o) {
-        throw console.error("Error in Signal.filterMap:", o), o;
-      }
-    }, n);
-    return this.setDerivative(i), i;
-  };
-  /**
-   * Maps the values emitted by the signal to a new value asynchronously using the provided function.
-   * If the function throws an error, it will be caught and logged.
-   * If a recovery function is provided, it will be called with the error and its return value will be used as the mapped value.
-   * If no recovery function is provided, the error will be logged as an unhandled promise rejection.
-   *
-   * @typeParam O - The type of the mapped value.
-   * @param fn - The function to map the values emitted by the signal. The second argument to this function allows to cancel the previously running mapping function if it has not completed by the time a new value is emitted.
-   * @param alt - The alternate value to use if the signal is disposed or the mapping function throws an error.
-   * @param recover - The recovery function to handle errors thrown by the mapping function.
-   * @param equals - The equality function to compare the mapped values for equality.
-   * @returns A property that holds the mapped value and can be observed for changes.
-   */
-  mapAsync = (e, t, n, r = (i, o) => i === o) => {
-    const i = B(t, r);
-    let o = 0, l = new AbortController();
-    return i.onDispose(
-      this.on(async (f) => {
-        const d = ++o;
-        l.abort(), l = new AbortController();
-        try {
-          const v = await e(f, { abortSignal: l.signal });
-          d === o && i.set(v);
-        } catch (v) {
-          if (d === o)
-            if (n != null)
-              i.set(n(v));
-            else
-              throw v;
-        }
-      })
-    ), i;
-  };
-  /**
-   * Maps the values emitted by the signal to multiple values over time using an async generator.
-   * Each time the source signal changes, a new async generator is created and iterated.
-   * Previous generators are aborted when a new value arrives.
-   *
-   * This is useful for streaming data, such as:
-   * - AI/LLM streaming responses
-   * - Server-Sent Events (SSE)
-   * - Paginated data loading
-   * - WebSocket message streams
-   *
-   * @example
-   * ```typescript
-   * const query = prop('hello')
-   *
-   * // Stream AI response tokens
-   * const streamingResponse = query.mapAsyncGenerator(
-   *   async function* (q, { abortSignal }) {
-   *     const response = await fetch('/api/stream?q=' + q, { signal: abortSignal })
-   *     const reader = response.body!.getReader()
-   *     let accumulated = ''
-   *
-   *     while (true) {
-   *       const { done, value } = await reader.read()
-   *       if (done) break
-   *       accumulated += new TextDecoder().decode(value)
-   *       yield accumulated  // Update signal with each chunk
-   *     }
-   *   },
-   *   '',  // alt: empty string while loading
-   *   (err) => 'Error: ' + err  // recover
-   * )
-   * ```
-   *
-   * @typeParam O - The type of the yielded values.
-   * @param fn - The async generator function that yields values over time. The second argument provides an AbortSignal to cancel the generator when a new value arrives.
-   * @param alt - The initial value to use before the first yield.
-   * @param recover - Optional function to handle errors thrown by the generator.
-   * @param equals - Optional equality function to compare yielded values.
-   * @returns A property that updates each time the generator yields a value.
-   */
-  mapAsyncGenerator = (e, t, n, r = (i, o) => i === o) => {
-    const i = B(t, r);
-    let o = 0, l = new AbortController();
-    return i.onDispose(
-      this.on(async (f) => {
-        const d = ++o;
-        l.abort(), l = new AbortController();
-        try {
-          const v = e(f, { abortSignal: l.signal });
-          for await (const S of v) {
-            if (d !== o) return;
-            i.set(S);
-          }
-        } catch (v) {
-          if (d === o)
-            if (n != null)
-              i.set(n(v));
-            else
-              throw v;
-        }
-      })
-    ), i;
-  };
-  /**
-   * Maps the values of the signal using the provided function `fn`, and returns a new signal
-   * containing the mapped values. If the mapped value is `undefined` or `null`, it is replaced
-   * with the provided `alt` value.
-   *
-   * @typeParam O - The type of the mapped value.
-   * @param fn - The function used to map the values of the signal.
-   * @param alt - The alternative value to use when the mapped value is `undefined` or `null`.
-   * @returns A new signal containing the mapped values.
-   */
-  mapMaybe = (e, t) => this.map((n) => e(n) ?? t);
-  /**
-   * Feeds a property into the signal and sets up disposal behavior.
-   * @param prop - The property to feed into the signal.
-   * @param autoDisposeProp - Determines whether the property should be automatically disposed when the signal is disposed.
-   * @returns The input property.
-   */
-  feedProp = (e, t = !1) => {
-    const n = this.on(e.set, { noAutoDispose: !t });
-    return e.onDispose(n), t ? this.onDispose(e.dispose) : this.onDispose(n), e;
-  };
-  /**
-   * Derives a new property from the current signal.
-   * @param options - The options for the derived property.
-   * @param options.autoDisposeProp - Determines whether the derived property should be automatically disposed.
-   * @param options.equals - A function that determines if two values are equal.
-   * @returns The derived property.
-   */
-  deriveProp = ({
-    autoDisposeProp: e = !0,
-    equals: t
-  } = {}) => this.feedProp(B(this.get(), t), e);
-  /**
-   * Derives a new signal from the current signal. Useful to create a new signal that emits the same values as the current signal but can be disposed independently.
-   * @returns A new signal that emits the same values as the current signal.
-   */
-  derive = () => this.map((e) => e);
-  /**
-   * Returns a signal that emits the count of values received so far.
-   * @returns A signal that emits the count of values received so far.
-   */
-  count = () => {
-    let e = 0;
-    return this.map(() => ++e);
-  };
-  /**
-   * Adds a computed value as a derivative of the signal.
-   * When the computed value is disposed, it is automatically removed from the derivatives list.
-   * Additionally, when the computed value is disposed, it sets the signal as dirty.
-   * @param computed - The computed value to add as a derivative.
-   */
-  setDerivative = (e) => {
-    this._derivatives.push(e), e.onDispose(() => {
-      this._derivatives.splice(
-        this._derivatives.indexOf(e),
-        1
-      );
-    }), e.onDispose(this.on(e.setDirty, { noAutoDispose: !0 })), this.onDispose(e.dispose);
-  };
-}
-const ut = typeof queueMicrotask == "function" ? queueMicrotask : (s) => Promise.resolve().then(s);
-class ee extends _ {
-  /**
-   * Creates a new Computed signal.
-   *
-   * **Auto-Registration:** This constructor automatically registers the signal with the current
-   * disposal scope (if one exists). This ensures that computed signals created by methods like
-   * `.map()`, `.flatMap()`, `.filter()`, etc. are automatically tracked and disposed.
-   *
-   * When a computed signal is created within a renderable or `WithScope()`, it will be
-   * automatically disposed when the component unmounts or the scope is disposed.
-   *
-   * To create a computed signal that outlives the current scope, use `untracked()`:
-   * ```typescript
-   * const globalSignal = untracked(() => mySignal.map(x => x * 2));
-   * // Remember to dispose manually: globalSignal.dispose()
-   * ```
-   *
-   * @param _fn - The function that computes the value of the signal.
-   * @param equals - The function used to compare two values of type T for equality.
-   *
-   * @see {@link computed} - Factory function for creating computed signals with explicit dependencies
-   * @see {@link Signal.map} - Creates a computed signal by transforming values
-   * @see {@link getCurrentScope} - Get the current disposal scope
-   * @see {@link untracked} - Create signals outside of scope tracking
-   */
-  constructor(e, t) {
-    super(void 0, t), this._fn = e, this.setDirty(), Oe()?.track(this);
-  }
-  /**
-   * Checks if a value is an instance of `Computed`.
-   *
-   * @param value - The value to check.
-   * @returns `true` if the value is an instance of `Computed`, `false` otherwise.
-   */
-  static is(e) {
-    return e != null && e.$__computed__ === !0;
-  }
-  /**
-   * @internal
-   */
-  $__computed__ = !0;
-  /**
-   * @internal
-   */
-  _isDirty = !1;
-  /**
-   * Marks the signal as dirty, indicating that its value has changed and needs to be recalculated.
-   * If the signal is already dirty or disposed, this method does nothing.
-   * It also marks all dependent signals as dirty and schedules a notification to update their values.
-   */
-  setDirty = () => {
-    this._isDirty || this._disposed || (this._isDirty = !0, this._derivatives.forEach((e) => e.setDirty()), this._scheduleNotify());
-  };
-  /**
-   * @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;
-    ut(() => {
-      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 we extends _ {
-  /**
-   * 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, ...t) => {
-    const n = this;
-    return function r(i) {
-      const o = n.value;
-      n.update((l) => e(l, i)), !n.equals(o, n.value) && t.forEach(
-        (l) => l({
-          previousState: o,
-          state: n.value,
-          action: i,
-          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, t, n = (r, i) => r === i) => {
-    const r = new we(e(this.get()), n);
-    return r.onDispose(this.on((i) => r.set(e(i)))), r.on((i) => this._setAndNotify(t(i))), 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(
-    (t) => t[e],
-    (t) => ({ ...this.value, [e]: t })
-  );
-  /**
-   *  Access for the current value of the property.
-   */
-  get value() {
-    return this.get();
-  }
-  set value(e) {
-    this._setAndNotify(e);
-  }
-}
-const be = (s, e, t = (n, r) => n === r) => {
-  const n = new ee(s, t);
-  return e.forEach((r) => r.setDerivative(n)), n;
-}, $e = (s, e, t = {}) => {
-  let n = t.once ? () => {
-    i(), s();
-  } : s;
-  if (t.skipInitial) {
-    let o = !1;
-    const l = n;
-    n = () => {
-      o ? l() : o = !0;
-    };
-  }
-  const r = be(n, e), i = () => {
-    r.dispose(), t.abortSignal != null && t.abortSignal.removeEventListener("abort", i);
-  };
-  return t.abortSignal != null && t.abortSignal.addEventListener("abort", i), i;
-}, B = (s, e = (t, n) => t === n) => {
-  const t = new we(s, e);
-  return Oe()?.track(t), t;
-}, ye = (s, e = (t, n) => t === n) => new _(s, e), Se = () => (
-  /* c8 ignore next */
-  typeof window < "u" ? window : void 0
-), ht = (s, e, t) => s + (e - s) * t, Pe = 97, dt = (s, e, t) => {
-  const n = Math.max(s.length, e.length);
-  let r = "";
-  for (let i = 0; i < n; i++) {
-    let o = s.charCodeAt(i);
-    isNaN(o) && (o = Pe);
-    let l = e.charCodeAt(i);
-    isNaN(l) && (l = Pe), r += String.fromCharCode(o + (l - o) * t);
-  }
-  return r;
-}, ft = (s, e, t) => new Date(s.getTime() + (e.getTime() - s.getTime()) * t), pt = (s, e) => e, mt = (s) => typeof s == "number" ? ht : typeof s == "string" ? dt : s instanceof Date ? ft : pt;
-class He {
-  _store = /* @__PURE__ */ new Map();
-  /**
-   * Retrieves the value associated with the specified key from the memory store.
-   * @param key - The key to retrieve the value for.
-   * @returns The value associated with the key, or `null` if the key is not found.
-   */
-  getItem = (e) => this._store.get(e) ?? null;
-  /**
-   * Sets the value associated with the specified key in the memory store.
-   * @param key - The key to set the value for.
-   * @param value - The value to set.
-   */
-  setItem = (e, t) => {
-    this._store.set(e, t);
-  };
-}
-let _e = null, Ee = null;
-const gt = () => (_e || (_e = new He()), _e), yt = () => (Ee || (Ee = new He()), Ee), Ne = ({
-  key: s,
-  defaultValue: e,
-  store: t,
-  serialize: n = JSON.stringify,
-  deserialize: r = JSON.parse,
-  equals: i = (d, v) => d === v,
-  onLoad: o = (d) => d,
-  syncTabs: l = !0,
-  onKeyChange: f = "load"
-}) => {
-  let d = C.get(s);
-  const v = t.getItem(d), S = new we(
-    v != null ? o(r(v)) : typeof e == "function" ? e() : e,
-    i
-  ), O = Se(), T = l && typeof O?.BroadcastChannel == "function";
-  let A = !1, $ = null, M = null;
-  const x = (k) => {
-    if (!T) return null;
-    const U = `tempo:storedProp:${k}`, V = new O.BroadcastChannel(U), q = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`, F = (K) => {
-      const H = K.data;
-      if (!(H == null || typeof H != "object" || H.key !== k || typeof H.value != "string" || H.sourceId != null && H.sourceId === q))
-        try {
-          A = !0;
-          const re = o(r(H.value));
-          S.set(re);
-        } catch (re) {
-          console.warn(
-            `Failed to sync storedProp for key "${k}" via BroadcastChannel`,
-            re
-          );
-        } finally {
-          A = !1;
-        }
-    };
-    return V.addEventListener("message", F), S.onDispose(() => {
-      V?.removeEventListener("message", F), V?.close();
-    }), { channel: V, instanceId: q, handleMessage: F };
-  }, R = x(d);
-  R && ($ = R.channel, M = R.instanceId);
-  const X = (k) => {
-    const U = d;
-    if (U === k) return;
-    const V = S.get(), q = n(V);
-    if (t.setItem(U, q), $ != null && ($.close(), $ = null, M = null), d = k, f === "load") {
-      const K = t.getItem(k);
-      if (K != null)
-        try {
-          const H = o(r(K));
-          S.set(H);
-        } catch (H) {
-          console.warn(
-            `Failed to load storedProp from new key "${k}"`,
-            H
-          );
-        }
-      else
-        t.setItem(k, q);
-    } else f === "migrate" && t.setItem(k, q);
-    const F = x(k);
-    F && ($ = F.channel, M = F.instanceId);
-  };
-  return _.is(s) && S.onDispose(s.on(X)), S.on((k, U) => {
-    const V = n(k);
-    t.setItem(d, V), $ != null && !A && U !== void 0 && M != null && $.postMessage({
-      key: d,
-      value: V,
-      sourceId: M
-    });
-  }), S;
-}, fs = (s) => {
-  const e = Se()?.localStorage, t = e && typeof e.getItem == "function" ? e : gt();
-  return Ne({
-    ...s,
-    store: t
-  });
-}, ps = (s) => {
-  const e = Se()?.sessionStorage, t = e && typeof e.getItem == "function" ? e : yt();
-  return Ne({
-    ...s,
-    store: t
-  });
-};
-function Le(s) {
-  return typeof requestAnimationFrame == "function" ? requestAnimationFrame(s) : setTimeout(s, 0);
-}
-const vt = (s, e, t, n) => {
-  const r = n?.duration ?? 300, i = n?.easing ?? ((x) => x), o = n?.equals ?? ((x, R) => x === R);
-  let l = n?.interpolate, f = s, d = e(), v = performance.now(), S = null, O = !0;
-  const T = new ee(e, o), A = B(s, o);
-  A.onDispose(() => {
-    S !== null && cancelAnimationFrame(S);
-  }), A.onDispose(T.dispose), t.forEach((x) => {
-    x.setDerivative(T), x.onDispose(A.dispose);
-  });
-  const $ = (x) => {
-    d = x, v = performance.now(), f = A.value, O && (O = !1, S = Le(M));
-  }, M = () => {
-    const x = (performance.now() - v) / C.get(r), R = i(x);
-    l == null && (l = mt(f));
-    let X = l(f, d, R);
-    x >= 1 ? (O = !0, X = d) : S = Le(M), A.set(X);
-  };
-  return T.on($), A;
-}, ms = (s, e) => {
-  const { initialValue: t, ...n } = e ?? {};
-  return vt(
-    /* c8 ignore next 2 */
-    t ?? s.get(),
-    s.get,
-    [s],
-    n
-  );
-}, wt = (s, e) => {
-  const t = Object.values(s).filter(_.is), n = Object.keys(s);
-  return be(() => {
-    const r = {};
-    for (const i of n)
-      r[i] = C.get(s[i]);
-    return e(r);
-  }, t);
-}, gs = (s) => wt(s, (e) => e), ys = (s, e) => {
-  const t = B(s.get());
-  let n = null;
-  const r = s.on(
-    (i) => {
-      n != null && clearTimeout(n), n = setTimeout(
-        () => {
-          n = null, t.set(i);
-        },
-        typeof e == "function" ? e(i) : e
-      );
-    },
-    { noAutoDispose: !0 }
-  );
-  return t.onDispose(() => {
-    r(), n != null && clearTimeout(n);
-  }), t;
-}, vs = (s) => {
-  let e;
-  return s.map((t) => {
-    const n = e;
-    return e = t, n;
-  });
-}, ws = ({
-  size: s = void 0,
-  signal: e
-}) => {
-  const t = [];
-  return e.map((n) => (t.push(n), s != null && t.length > s && t.shift(), t.slice()));
-}, bs = (s) => (...e) => ne(
-  s,
-  ...e
-)((t, ...n) => t(...n));
-function Ss(...s) {
-  return ne(...s)((...e) => {
-    for (const t of e) if (t != null) return t;
-  });
-}
-const Ts = (s, {
-  channel: e,
-  serialize: t = JSON.stringify,
-  deserialize: n = JSON.parse,
-  equals: r = (i, o) => i === o
-}) => {
-  const i = Se();
-  if (typeof i?.BroadcastChannel != "function")
-    return () => {
-    };
-  const o = new i.BroadcastChannel(
-    `tempo:syncProp:${e}`
-  ), l = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
-  let f = !1;
-  const d = (O) => {
-    const T = O.data;
-    if (!(T == null || typeof T != "object" || typeof T.value != "string" || T.sourceId != null && T.sourceId === l))
-      try {
-        f = !0;
-        const A = n(T.value);
-        r(s.get(), A) || s.set(A);
-      } catch (A) {
-        console.warn(
-          `Failed to sync prop for channel "${e}" via BroadcastChannel`,
-          A
-        );
-      } finally {
-        f = !1;
-      }
-  };
-  o.addEventListener("message", d);
-  const v = s.on((O, T) => {
-    if (!f && T !== void 0 && !r(O, T))
-      try {
-        const A = t(O);
-        o.postMessage({
-          value: A,
-          sourceId: l
-        });
-      } catch (A) {
-        console.warn(
-          `Failed to serialize prop for channel "${e}" via BroadcastChannel`,
-          A
-        );
-      }
-  }), S = () => {
-    v(), o.removeEventListener("message", d), o.close();
-  };
-  return s.onDispose(S), S;
-};
-class De {
-  /**
-   * 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, t) {
-    this.index = e, this.total = t, 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 Re = /* @__PURE__ */ new Set([
+import { DisposalScope as pe, withScope as me, Value as _, createRenderable as ge, Signal as B, createSelector as be, makeProviderMark as ye } from "@tempots/core";
+import { Computed as vn, DisposalScope as Cn, ElementPosition as En, KeyedPosition as Pn, MemoryStore as Mn, Prop as On, Signal as Ln, Value as Hn, animateSignal as Nn, animateSignals as Dn, bind as In, coalesce as Rn, computed as _n, computedOf as $n, computedOfAsync as Bn, computedOfAsyncGenerator as jn, computedRecord as Vn, createRenderable as Wn, createSelector as Fn, delaySignal as Kn, effect as qn, effectOf as Gn, endInterpolate as Un, getCurrentScope as Jn, getParentScope as Yn, getScopeStack as Xn, guessInterpolate as zn, interpolateDate as Qn, interpolateNumber as Zn, interpolateString as er, joinSignals as tr, localStorageProp as nr, makeProviderMark as rr, merge as sr, popScope as ir, previousSignal as or, prop as lr, pushScope as cr, scoped as ar, sessionStorageProp as ur, signal as dr, slidingWindowSignal as hr, storedProp as fr, strictEquals as pr, syncProp as mr, untracked as gr, withScope as br } from "@tempots/core";
+import { ProviderNotFoundError as J, createRenderKit as Te } from "@tempots/render";
+import { ProviderNotFoundError as Tr, createRenderKit as Sr } from "@tempots/render";
+const Y = /* @__PURE__ */ new Set([
   "checked",
   "disabled",
   "hidden",
@@ -1308,14 +10,14 @@ const Re = /* @__PURE__ */ new Set([
   "readonly",
   "required",
   "autofocus"
-]), je = /* @__PURE__ */ new Set(["selected"]), Ve = /* @__PURE__ */ new Set([
+]), X = /* @__PURE__ */ new Set(["selected"]), z = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), Be = /* @__PURE__ */ new Set(["valueAsDate"]), qe = {
+]), Q = /* @__PURE__ */ new Set(["valueAsDate"]), Z = {
   readonly: "readOnly"
-}, Fe = /* @__PURE__ */ new Set([
+}, ee = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -1324,391 +26,33 @@ const Re = /* @__PURE__ */ new Set([
   "outerHTML",
   "className",
   "classList"
-]), bt = (s, e) => {
-  if (je.has(s))
+]), Se = (n, e) => {
+  if (X.has(n))
     return (t) => {
-      t == null || t !== !0 ? e.removeAttribute(s) : e.setAttribute(s, "");
-    };
-  if (Re.has(s)) {
-    const t = qe[s] || s;
-    return (n) => {
-      n == null ? e[t] = null : e[t] = !!n;
-    };
-  } else return Ve.has(s) ? (t) => {
-    t == null ? e[s] = null : e[s] = Number(t);
-  } : Be.has(s) ? (t) => {
-    t == null ? e[s] = null : e[s] = t;
-  } : Fe.has(s) ? (t) => {
-    t == null ? e[s] = null : e[s] = String(t);
-  } : (t) => {
-    t == null ? e.removeAttribute(s) : e.setAttribute(s, t);
-  };
-}, St = (s, e) => je.has(s) ? () => e.hasAttribute(s) : Re.has(s) ? () => (
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  !!e[qe[s] || s]
-) : Ve.has(s) ? () => Number(e[s]) : Be.has(s) ? () => e[s] : Fe.has(s) ? () => String(e[s]) : () => e.getAttribute(s), ve = (s) => {
-  const e = s;
-  e && e.onblur && (e.onblur = null), !(!s || s.ownerDocument === void 0) && s.parentNode && s.parentNode.removeChild(s);
-}, Tt = (s) => We(s) || Ue(s) ? s : s.parentElement, We = (s) => s.nodeType === 1, Ue = (s) => s.nodeType === 11;
-class Je extends Error {
-  constructor(e) {
-    super(`Provider not found: ${e.description}`);
-  }
-}
-function At(s) {
-  const { create: e } = s, t = (a) => e((c) => c.makeChildText(a).clear), n = (a) => e((c) => {
-    const h = c.makeChildText(a.value), u = a.on(h.setText);
-    return (m) => {
-      u(), h.clear(m);
-    };
-  }), r = (a, c, h) => _.is(a) ? c(a) : h(a), i = (a) => {
-    if (a == null)
-      return l;
-    if (Array.isArray(a))
-      return f(...a.map(i));
-    if (typeof a == "string")
-      return t(a);
-    if (_.is(a))
-      return n(a);
-    if (typeof a == "object" && "render" in a && "type" in a)
-      return a;
-    throw new Error(`Unknown type: '${typeof a}' for child: ${a}`);
-  }, o = (a, c, h) => {
-    const u = a.makeRef();
-    let m = () => {
-    }, p = null;
-    const b = c.on(
-      (y) => {
-        p?.dispose(), m(!0), p = new ie(), m = z(
-          p,
-          () => i(h(y)).render(u)
-        );
-      },
-      { noAutoDispose: !0 }
-    );
-    return (y) => {
-      p?.dispose(), m(y), b(), u.clear(y);
-    };
-  }, l = e(() => () => {
-  }), f = (...a) => e((c) => {
-    const h = a.map(
-      (u) => i(u).render(c)
-    );
-    return (u) => {
-      h.forEach((m) => m(u));
-    };
-  }), d = (a, c, h) => r(
-    a,
-    (u) => e(
-      (m) => o(
-        m,
-        u,
-        (p) => p ? c() : h?.()
-      )
-    ),
-    (u) => {
-      if (u) {
-        const m = c();
-        return m != null ? i(m) : l;
-      }
-      return i(h?.());
-    }
-  ), v = (a, c, h) => d(
-    C.map(a, (u) => !u),
-    c,
-    h
-  ), S = (a, c, h) => {
-    if (h != null)
-      return S(a, (u) => {
-        const m = new De(
-          u.index,
-          u.total.map((p) => p - 1)
-        );
-        return f(
-          i(c(u)),
-          d(
-            u.isLast,
-            () => l,
-            () => h(m)
-          )
-        );
-      });
-    if (_.is(a))
-      return e((u) => {
-        const m = a.derive(), p = u.makeRef(), b = [], y = [];
-        return m.on((w) => {
-          const E = b.splice(w), D = y.splice(w);
-          for (const I of D)
-            I.dispose();
-          for (const I of E)
-            I(!0);
-          for (let I = b.length; I < w; I++) {
-            const g = new De(I, m), P = new ie();
-            y.push(P), b.push(
-              z(
-                P,
-                () => i(c(g)).render(p)
-              )
-            );
-          }
-        }), (w) => {
-          for (const E of y)
-            E.dispose();
-          y.length = 0, m.dispose();
-          for (const E of b)
-            E(w);
-          b.length = 0, p.clear(w);
-        };
-      });
-    {
-      const u = ye(a);
-      return f(
-        ...Array.from({ length: a }, (m, p) => p).map((m) => {
-          const p = new De(m, u);
-          return i(c(p));
-        })
-      );
-    }
-  }, O = (a, c, h) => {
-    const u = C.map(a, (p) => p.length), m = C.toSignal(a);
-    return S(
-      u,
-      (p) => {
-        const b = m.map((y) => y[p.index]);
-        return i(c(b, p));
-      },
-      h
-    );
-  }, T = (a, c) => {
-    function h(m) {
-      return e((p) => {
-        const b = p.makeRef();
-        let y, w;
-        const E = m.map((g) => Object.keys(g)[0]);
-        let D;
-        const I = E.on((g) => {
-          if (g !== D) {
-            D = g, w?.dispose(), y?.(!0), w = m.map((G) => G[g]);
-            const P = c[g](w);
-            y = i(P).render(b);
-          }
-        });
-        return (g) => {
-          w?.dispose(), I(), b.clear(g), y?.(g);
-        };
-      });
-    }
-    function u(m) {
-      const p = Object.keys(m)[0];
-      return i(c[p](ye(m[p])));
-    }
-    return r(a, h, u);
-  }, A = (a, c, h) => T(
-    C.map(a, (u) => ({ [u[c]]: u })),
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    h
-  ), $ = (a, c) => A(a, "kind", c), M = (a, c) => A(a, "type", c), x = (a, c) => {
-    const h = C.map(a, ([u, m]) => ({
-      [u]: m
-    }));
-    return T(h, c);
-  }, R = (a, c) => T(
-    C.map(a, (h) => ({ [h]: !0 })),
-    c
-  ), X = (a, c) => {
-    if (_.is(a)) {
-      const h = a;
-      return e((u) => {
-        const m = u.makeRef(), p = h.map((w) => i(c(w)));
-        let b = () => {
-        };
-        const y = p.on((w) => {
-          b(!0), b = w.render(m);
-        });
-        return (w) => {
-          y(), b(w);
-        };
-      });
-    }
-    return i(c(a));
-  }, k = (a, c, h) => {
-    function u(p) {
-      return e((b) => {
-        const y = b.makeRef();
-        let w = () => {
-        }, E = !1, D = null;
-        const I = p.on((g) => {
-          g == null ? (w(!0), w = i(h?.()).render(y), E = !1, D?.dispose(), D = null) : E ? D.set(g) : (D = B(g), w(!0), w = i(
-            c(D)
-          ).render(y), E = !0);
-        });
-        return (g) => {
-          D?.dispose(), I(), w?.(g), y.clear(g);
-        };
-      });
-    }
-    function m(p) {
-      if (p == null) {
-        const b = h?.();
-        return b != null ? i(b) : l;
-      }
-      return i(c(ye(p)));
-    }
-    return r(
-      a,
-      u,
-      m
-    );
-  }, U = (...a) => (c, h) => e((u) => {
-    const m = u.makeRef();
-    if (a.some(
-      (g) => !_.is(g) && g == null
-    ))
-      return (h != null ? i(h?.()) : l).render(m);
-    const p = a.map(
-      () => null
-    ), b = a.map(
-      (g) => _.is(g) ? g.value != null : g != null
-    );
-    let y = null;
-    const w = B(b.every((g) => g)), E = (g, P) => {
-      if (g.value != null) {
-        if (p[P] == null) {
-          const G = B(g.value);
-          p[P] = G;
-        } else
-          p[P].value = g.value;
-        b[P] = !0;
-      } else
-        b[P] = !1;
-    };
-    let D = a.length - 1;
-    const I = a.map((g, P) => {
-      if (!_.is(g)) {
-        const G = B(g);
-        return p[P] = G, () => {
-        };
-      }
-      return g.on(() => {
-        E(g, P), D === 0 ? w.value = b.every((G) => G) : D--;
-      });
-    });
-    return w.on((g) => {
-      y?.(!0), y = null, g ? y = i(c(...p)).render(
-        m
-      ) : y = i(h?.() ?? l).render(m);
-    }), (g) => {
-      p.forEach((P) => P?.dispose()), w.dispose(), I.forEach((P) => P()), y?.(g), m.clear(g);
+      t == null || t !== !0 ? e.removeAttribute(n) : e.setAttribute(n, "");
     };
-  }), V = (a, c, h = () => l) => T(
-    C.map(
-      a,
-      (u) => u.length > 0 ? { notEmpty: u } : { whenEmpty: null }
-    ),
-    {
-      notEmpty: (u) => c(u),
-      whenEmpty: () => h()
-    }
-  ), q = (a, c) => {
-    if (typeof c == "function")
-      return q(a, { then: c });
-    const h = c.pending != null ? i(c.pending()) : l, u = c.then, m = c.error != null ? (p) => i(c.error(p)) : () => l;
-    return e((p) => {
-      let b = !0;
-      const y = a(), w = p.makeRef();
-      let E = i(h).render(w);
-      return y.then(
-        (D) => {
-          b && (E(!0), E = i(u(D)).render(w));
-        },
-        (D) => {
-          b && (E(!0), E = i(m(D)).render(w));
-        }
-      ), (D) => {
-        b = !1, E(D), w.clear(D);
-      };
-    });
-  }, F = (a, c) => q(() => a, c), K = (...a) => e(
-    (c) => (h) => a.forEach((u) => {
-      typeof u == "function" ? u(h, c) : u.dispose(h, c);
-    })
-  ), H = (a, c = {}) => (h) => {
-    const u = c?.firstSeparator ?? a, m = c?.lastSeparator ?? a;
-    return R(
-      h.map((p) => p.isFirst ? "first" : p.isLast ? "last" : "other"),
-      {
-        first: u,
-        last: m,
-        other: a
-      }
-    );
-  }, re = (a) => e((c) => {
-    const h = new ie(), u = z(
-      h,
-      () => i(a(h)).render(c)
-    );
-    return (m) => {
-      h.dispose(), u(m);
+  if (Y.has(n)) {
+    const t = Z[n] || n;
+    return (r) => {
+      r == null ? e[t] = null : e[t] = !!r;
     };
-  }), pe = (a) => e((c) => {
-    let h = c;
-    function u() {
-      return h;
-    }
-    function m(y) {
-      h = y;
-    }
-    const p = [], b = a({
-      use: ({ mark: y }) => {
-        const { value: w, onUse: E } = u().getProvider(y);
-        return E?.(), w;
-      },
-      set: ({ mark: y, create: w }, E) => {
-        const { value: D, dispose: I, onUse: g } = w(E, u());
-        p.push(I), m(u().setProvider(y, D, g));
-      }
-    });
-    return b == null ? () => {
-    } : f(
-      i(b),
-      K(() => p.forEach((y) => y()))
-    ).render(u());
-  });
-  return {
-    Empty: l,
-    Fragment: f,
-    When: d,
-    Unless: v,
-    ForEach: O,
-    Repeat: S,
-    OneOf: T,
-    OneOfField: A,
-    OneOfKind: $,
-    OneOfType: M,
-    OneOfValue: R,
-    OneOfTuple: x,
-    MapSignal: X,
-    Ensure: k,
-    EnsureAll: U,
-    NotEmpty: V,
-    Task: q,
-    Async: F,
-    OnDispose: K,
-    Conjunction: H,
-    WithScope: re,
-    WithProvider: pe,
-    Provide: (a, c, h) => pe(({ set: u }) => (u(a, c), h())),
-    Use: (a, c) => pe(({ use: h }) => c(h(a))),
-    UseMany: (...a) => (c) => pe(({ use: h }) => {
-      const u = a.map(h);
-      return c(...u);
-    }),
-    handleValueOrSignal: r,
-    createReactiveRenderable: o,
-    renderableOfTNode: i
+  } else return z.has(n) ? (t) => {
+    t == null ? e[n] = null : e[n] = Number(t);
+  } : Q.has(n) ? (t) => {
+    t == null ? e[n] = null : e[n] = t;
+  } : ee.has(n) ? (t) => {
+    t == null ? e[n] = null : e[n] = String(t);
+  } : (t) => {
+    t == null ? e.removeAttribute(n) : e.setAttribute(n, t);
   };
-}
-class te {
+}, xe = (n, e) => X.has(n) ? () => e.hasAttribute(n) : Y.has(n) ? () => (
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  !!e[Z[n] || n]
+) : z.has(n) ? () => Number(e[n]) : Q.has(n) ? () => e[n] : ee.has(n) ? () => String(e[n]) : () => e.getAttribute(n), $ = (n) => {
+  const e = n;
+  e && e.onblur && (e.onblur = null), !(!n || n.ownerDocument === void 0) && n.parentNode && n.parentNode.removeChild(n);
+}, we = (n) => te(n) || ne(n) ? n : n.parentElement, te = (n) => n.nodeType === 1, ne = (n) => n.nodeType === 11;
+class T {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -1718,8 +62,8 @@ class te {
    * @param providers - The `Providers` instance associated with this context.
    * @param isFirstLevel - A boolean value indicating whether this context is at the first level, meaning the outermost node in the generated DOM.
    */
-  constructor(e, t, n, r) {
-    this.document = e, this.element = t, this.reference = n, this.providers = r;
+  constructor(e, t, r, s) {
+    this.document = e, this.element = t, this.reference = r, this.providers = s;
   }
   /**
    * Creates a new `DOMContext` instance for the given `Element` and optional reference `Node`.
@@ -1729,8 +73,8 @@ class te {
    * @param providers - The providers to associate with the `DOMContext`.
    * @returns A new `DOMContext` instance.
    */
-  static of(e, t, n) {
-    return new te(e.ownerDocument, e, t, n);
+  static of(e, t, r) {
+    return new T(e.ownerDocument, e, t, r);
   }
   /**
    * Creates a new DOM element (eg: HTML or SVG) with the specified tag name and namespace.
@@ -1739,7 +83,9 @@ class te {
    * @param namespace - The namespace URI to create the element in, or `undefined` to create a standard HTML element.
    * @returns The newly created element.
    */
-  createElement = (e, t) => t !== void 0 ? this.document.createElementNS(t, e) : this.document.createElement(e);
+  createElement(e, t) {
+    return t !== void 0 ? this.document.createElementNS(t, e) : this.document.createElement(e);
+  }
   /**
    * Creates a new child element and appends it to the current element, returning a new context.
    *
@@ -1762,65 +108,78 @@ class te {
    * @param namespace - The namespace URI for the element, or undefined for HTML elements
    * @returns A new DOMContext focused on the newly created child element
    */
-  makeChildElement = (e, t) => {
-    const n = this.createElement(e, t);
-    return this.appendOrInsert(n), this.withElement(n);
-  };
+  makeChildElement(e, t) {
+    const r = this.createElement(e, t);
+    return this.appendOrInsert(r), this.withElement(r);
+  }
   /**
    * Creates a new text node with the specified text content.
    * @param text - The text content for the new text node.
    * @returns A new `Text` node with the specified text content.
    */
-  createText = (e) => this.document.createTextNode(e);
+  createText(e) {
+    return this.document.createTextNode(e);
+  }
   /**
    * Creates a new text node with the specified text content and appends it to the current element.
-   * @param text - The text content for the new text node.
+   * @param text - The text content for the new text node. Primitives are coerced to strings by the DOM.
    * @returns A new `DOMContext` with a reference to the new text node.
    */
-  makeChildText = (e) => {
+  makeChildText(e) {
     const t = this.createText(e);
     return this.appendOrInsert(t), this.withReference(t);
-  };
+  }
   /**
    * Sets the text content of the current element.
-   * @param text - The text content to set.
+   * @param text - The text content to set. Primitives are coerced to strings by the DOM.
    */
-  setText = (e) => {
+  setText(e) {
     this.reference.nodeValue = e;
-  };
+  }
   /**
    * Gets the text content of the current element or text node.
    * @returns The text content of the current element or text node.
    */
-  getText = () => this.reference?.nodeValue ?? this.element.textContent ?? "";
+  getText() {
+    return this.reference?.nodeValue ?? this.element.textContent ?? "";
+  }
   /**
-   * Creates a new `DOMContext` with a reference to a newly created text node.
-   * The text node is appended or inserted to the current `DOMContext`.
+   * Creates a new `DOMContext` with a reference to a newly created Comment node.
+   * The Comment node is appended or inserted to the current `DOMContext`.
    * The new `DOMContext` with the reference is returned.
    */
-  makeRef = () => {
-    const e = this.createText("");
+  makeRef() {
+    const e = this.document.createComment("");
     return this.appendOrInsert(e), this.withReference(e);
-  };
+  }
+  /**
+   * Creates a lightweight Comment marker node and appends/inserts it.
+   * Used as boundary references for keyed list items and conditional renderables.
+   */
+  makeMarker() {
+    return this.makeRef();
+  }
   /**
    * Appends or inserts a child node to the element, depending on whether a reference node is provided.
    *
    * @param child - The child node to append or insert.
    */
-  appendOrInsert = (e) => {
+  appendOrInsert(e) {
     this.reference === void 0 ? this.element.appendChild(e) : this.element.insertBefore(e, this.reference);
-  };
+  }
   /**
    * Creates a new `DOMContext` instance with the provided `element`.
    * @param element - The DOM element to use in the new `DOMContext` instance.
    * @returns A new `DOMContext` instance with the provided `element`.
    */
-  withElement = (e) => new te(
-    e.ownerDocument ?? this.document,
-    e,
-    void 0,
-    this.providers
-  );
+  withElement(e) {
+    return new T(
+      e.ownerDocument ?? this.document,
+      e,
+      void 0,
+      this.providers
+    );
+  }
   /**
    * Creates a portal to render content in a different part of the DOM tree.
    *
@@ -1865,19 +224,26 @@ class te {
    * @returns A new DOMContext focused on the portal target element
    * @throws {Error} When the selector doesn't match any element in the document
    */
-  makePortal = (e) => {
+  makePortal(e) {
     const t = typeof e == "string" ? this.document.querySelector(e) : e;
     if (t == null)
       throw new Error(`Cannot find element by selector for portal: ${e}`);
     return this.withElement(t);
-  };
+  }
   /**
    * Creates a new `DOMContext` instance with the specified reference.
    *
-   * @param reference - The optional `Text` node to use as the reference for the new `DOMContext`.
+   * @param reference - The optional `Node` to use as the reference for the new `DOMContext`.
    * @returns A new `DOMContext` instance with the specified reference.
    */
-  withReference = (e) => new te(this.document, this.element, e, this.providers);
+  withReference(e) {
+    return new T(
+      this.document,
+      this.element,
+      e,
+      this.providers
+    );
+  }
   /**
    * Sets a provider for the given provider mark.
    *
@@ -1885,10 +251,12 @@ class te {
    * @param value - The provider to set for the given mark.
    * @returns A new `DOMContext` instance with the specified provider.
    */
-  setProvider = (e, t, n) => new te(this.document, this.element, this.reference, {
-    ...this.providers,
-    [e]: [t, n]
-  });
+  setProvider(e, t, r) {
+    return new T(this.document, this.element, this.reference, {
+      ...this.providers,
+      [e]: [t, r]
+    });
+  }
   /**
    * Retrieves a provider for the given provider mark.
    *
@@ -1896,34 +264,36 @@ class te {
    * @returns The provider for the given mark.
    * @throws Throws `ProviderNotFoundError` if the provider for the given mark is not found.
    */
-  getProvider = (e) => {
+  getProvider(e) {
     if (this.providers[e] === void 0)
-      throw new Je(e);
-    const [t, n] = this.providers[e];
-    return { value: t, onUse: n };
-  };
-  clear = (e) => {
-    e && (this.reference !== void 0 ? ve(this.reference) : ve(this.element));
-  };
+      throw new J(e);
+    const [t, r] = this.providers[e];
+    return { value: t, onUse: r };
+  }
+  clear(e) {
+    e && (this.reference !== void 0 ? $(this.reference) : $(this.element));
+  }
   /**
    * Adds classes to the element.
    * @param tokens - The class names to add.
    */
-  addClasses = (e) => {
+  addClasses(e) {
     this.element.classList.add(...e);
-  };
+  }
   /**
    * Removes classes from the element.
    * @param tokens - The class names to remove.
    */
-  removeClasses = (e) => {
+  removeClasses(e) {
     this.element.classList.remove(...e);
-  };
+  }
   /**
    * Gets the classes of the element.
    * @returns The classes of the element.
    */
-  getClasses = () => Array.from(this.element.classList);
+  getClasses() {
+    return Array.from(this.element.classList);
+  }
   /**
    * Adds an event listener to the element.
    * @param event - The event to listen for.
@@ -1931,99 +301,146 @@ class te {
    * @param options - The options for the event listener.
    * @returns A function to remove the event listener.
    */
-  on = (e, t, n) => {
-    const r = (i) => t(i, this);
-    return this.element.addEventListener(e, r, n), (i) => {
-      i && this.element.removeEventListener(e, r, n);
+  on(e, t, r) {
+    const s = (o) => t(o, this);
+    return this.element.addEventListener(e, s, r), (o) => {
+      o && this.element.removeEventListener(e, s, r);
     };
-  };
+  }
   /**
    * Returns `true` if the context is a browser DOM context.
    * @returns `true` if the context is a browser DOM context.
    * @deprecated Use `isBrowser()` instead.
    */
-  isBrowserDOM = () => !0;
+  isBrowserDOM() {
+    return !0;
+  }
   /**
    * Returns `true` if the context is a browser context.
    * @returns `true` if the context is a browser context.
    */
-  isBrowser = () => !0;
+  isBrowser() {
+    return !0;
+  }
   /**
    * Returns `true` if the context is a headless DOM context.
    * @returns `true` if the context is a headless DOM context.
    */
-  isHeadlessDOM = () => !1;
+  isHeadlessDOM() {
+    return !1;
+  }
   /**
    * Returns `true` if the context is a headless context.
    * @returns `true` if the context is a headless context.
    */
-  isHeadless = () => !1;
+  isHeadless() {
+    return !1;
+  }
   /**
    * Sets the style of the element.
    * @param name - The name of the style to set.
    * @param value - The value of the style to set.
    */
-  setStyle = (e, t) => {
+  setStyle(e, t) {
     this.element.style[e] = t;
-  };
+  }
   /**
    * Gets the style of the element.
    * @param name - The name of the style to get.
    * @returns The value of the style.
    */
-  getStyle = (e) => this.element.style[e];
-  makeAccessors = (e) => ({
-    get: St(e, this.element),
-    set: bt(e, this.element)
-  });
-  getWindow = () => this.document.defaultView;
+  getStyle(e) {
+    return this.element.style[e];
+  }
+  makeAccessors(e) {
+    return {
+      get: xe(e, this.element),
+      set: Se(e, this.element)
+    };
+  }
+  getWindow() {
+    return this.document.defaultView;
+  }
+  moveRangeBefore(e, t, r) {
+    const s = e.reference, o = t.reference, i = r.reference, l = this.element;
+    let c = s;
+    for (; c !== null; ) {
+      const a = c.nextSibling;
+      if (l.insertBefore(c, i), c === o) break;
+      c = a;
+    }
+  }
+  removeRange(e, t) {
+    const r = e.reference, s = t.reference, o = this.element;
+    let i = r;
+    for (; i !== null; ) {
+      const l = i.nextSibling;
+      if (o.removeChild(i), i === s) break;
+      i = l;
+    }
+  }
+  removeAllBefore(e) {
+    const t = e.reference, r = this.element;
+    if (!r.firstChild || r.firstChild === t) return;
+    const s = this.document.createRange();
+    s.setStartBefore(r.firstChild), s.setEndBefore(t), s.deleteContents();
+  }
+  _detachedParent = null;
+  _detachedNext = null;
+  detach() {
+    const e = this.element;
+    e.parentNode && (this._detachedParent = e.parentNode, this._detachedNext = e.nextSibling, e.remove());
+  }
+  reattach() {
+    this._detachedParent && (this._detachedParent.insertBefore(this.element, this._detachedNext), this._detachedParent = null, this._detachedNext = null);
+  }
 }
-const he = (s, e) => {
-  const t = new ie(), n = z(t, () => s.render(e));
-  return (r = !0) => {
-    t.dispose(), n(r);
-  };
-}, As = (s, e, { doc: t, clear: n, disposeWithParent: r = !0, providers: i = {} } = {}) => {
-  const o = typeof e == "string" ? (t ?? document).querySelector(e) : e;
-  if (o === null)
-    throw new _t(
+const H = (n, e) => {
+  const t = new pe(), r = me(t, () => n.render(e));
+  return (s = !0) => {
+    t.dispose(), r(s);
+  };
+}, gt = (n, e, { doc: t, clear: r, disposeWithParent: s = !0, providers: o = {} } = {}) => {
+  const i = typeof e == "string" ? (t ?? document).querySelector(e) : e;
+  if (i === null)
+    throw new Ae(
       `Cannot find element by selector for render: ${e}`
     );
-  n !== !1 && (t ?? o.ownerDocument) != null && (o.nodeType === 1 || o.nodeType === 11) && (o.innerHTML = "");
-  const l = Tt(o), f = We(o) || Ue(o) ? void 0 : o, d = te.of(l, f, i), v = he(s, d);
-  let S;
-  return r && o.parentElement != null && (S = new MutationObserver((O) => {
-    O[0]?.removedNodes.forEach((T) => {
-      T === o && (S?.disconnect(), v(o.nodeType !== 1));
+  r !== !1 && (t ?? i.ownerDocument) != null && (i.nodeType === 1 || i.nodeType === 11) && (i.innerHTML = "");
+  const l = we(i), c = te(i) || ne(i) ? void 0 : i, a = T.of(l, c, o), d = H(n, a);
+  let m;
+  return s && i.parentElement != null && (m = new MutationObserver((u) => {
+    u[0]?.removedNodes.forEach((h) => {
+      h === i && (m?.disconnect(), d(i.nodeType !== 1));
     });
-  }), S.observe(o.parentElement, {
+  }), m.observe(i.parentElement, {
     childList: !0,
     subtree: !1,
     attributes: !1
   })), () => {
-    S?.disconnect(), v(!0);
+    m?.disconnect(), d(!0);
   };
-}, _s = (s, {
+}, bt = (n, {
   startUrl: e = "https://example.com",
   selector: t,
-  providers: n = {}
+  providers: r = {}
 } = {
   selector: "body"
 }) => {
-  const r = C.toSignal(e).deriveProp(), i = new Ye(t, void 0), o = new se(i, void 0, { currentURL: r }, n);
+  const s = _.toSignal(e).deriveProp(), o = new oe(t, void 0), i = new v(o, void 0, { currentURL: s }, r);
   return {
-    clear: he(s(), o),
-    root: i,
-    currentURL: r
+    clear: H(n(), i),
+    root: o,
+    currentURL: s
   };
 };
-class _t extends Error {
+class Ae extends Error {
   constructor(e) {
     super(e);
   }
 }
-const Ce = "data-tts-node", oe = "data-tts-class", le = "data-tts-style", ae = "data-tts-html", ce = "data-tts-text", ue = "data-tts-attrs";
-class Es {
+const V = "data-tts-node", E = "data-tts-class", P = "data-tts-style", M = "data-tts-html", O = "data-tts-text", L = "data-tts-attrs";
+class yt {
   /**
    * 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.
@@ -2100,18 +517,18 @@ class Es {
   constructor({
     select: e,
     getAttribute: t,
-    setAttribute: n,
-    getClass: r,
-    setClass: i,
-    getStyles: o,
+    setAttribute: r,
+    getClass: s,
+    setClass: o,
+    getStyles: i,
     setStyles: l,
-    appendHTML: f,
-    getInnerHTML: d,
-    setInnerHTML: v,
-    getInnerText: S,
-    setInnerText: O
+    appendHTML: c,
+    getInnerHTML: a,
+    setInnerHTML: d,
+    getInnerText: m,
+    setInnerText: u
   }) {
-    this.select = e, this.getAttribute = t, this.setAttribute = n, this.getClass = r, this.setClass = i, this.getStyles = o, this.setStyles = l, this.appendHTML = f, this.getInnerHTML = d, this.setInnerHTML = v, this.getInnerText = S, this.setInnerText = O;
+    this.select = e, this.getAttribute = t, this.setAttribute = r, this.getClass = s, this.setClass = o, this.getStyles = i, this.setStyles = l, this.appendHTML = c, this.getInnerHTML = a, this.setInnerHTML = d, this.getInnerText = m, this.setInnerText = u;
   }
   /**
    * Sets the content of the root element from a HeadlessPortal. Generally this will be the same instance that is
@@ -2122,224 +539,264 @@ class Es {
    * when you render on the server and then hydrate on the client.
    */
   setFromRoot = (e, t) => {
-    e.getPortals().forEach((r) => {
-      const i = typeof r.selector == "string" ? this.select(r.selector) : [r.selector];
-      for (const o of i) {
-        if (o == null)
+    e.getPortals().forEach((s) => {
+      const o = typeof s.selector == "string" ? this.select(s.selector) : [s.selector];
+      for (const i of o) {
+        if (i == null)
           throw new Error(
-            `Cannot find element by selector for render: ${r.selector}`
+            `Cannot find element by selector for render: ${s.selector}`
           );
-        if (r.hasChildren() && this.appendHTML(o, r.contentToHTML(t)), r.hasInnerHTML()) {
+        if (s.hasChildren() && this.appendHTML(i, s.contentToHTML(t)), s.hasInnerHTML()) {
           if (t) {
-            const l = this.getInnerHTML(o);
-            l != null && this.setAttribute(o, ae, l);
+            const l = this.getInnerHTML(i);
+            l != null && this.setAttribute(i, M, l);
           }
-          this.setInnerHTML(o, r.getInnerHTML());
+          this.setInnerHTML(i, s.getInnerHTML());
         }
-        if (r.hasInnerText()) {
+        if (s.hasInnerText()) {
           if (t) {
-            const l = this.getInnerText(o);
-            l != null && this.setAttribute(o, ce, l);
+            const l = this.getInnerText(i);
+            l != null && this.setAttribute(i, O, l);
           }
-          this.setInnerText(o, r.getInnerText());
+          this.setInnerText(i, s.getInnerText());
         }
-        if (r.hasClasses()) {
+        if (s.hasClasses()) {
           if (t) {
-            const l = this.getClass(o);
-            l != null && this.setAttribute(o, oe, l);
+            const l = this.getClass(i);
+            l != null && this.setAttribute(i, E, l);
           }
-          this.setClass(o, r.getClasses().join(" "));
+          this.setClass(i, s.getClasses().join(" "));
         }
-        if (r.hasStyles()) {
+        if (s.hasStyles()) {
           if (t) {
-            const l = this.getStyles(o);
+            const l = this.getStyles(i);
             Object.keys(l).length > 0 && this.setAttribute(
-              o,
-              le,
+              i,
+              P,
               JSON.stringify(l)
             );
           }
-          this.setStyles(o, r.getStyles());
+          this.setStyles(i, s.getStyles());
         }
-        if (r.hasAttributes()) {
-          const l = r.getAttributes();
+        if (s.hasAttributes()) {
+          const l = s.getAttributes();
           if (t) {
-            const f = [];
-            l.forEach(([d]) => {
-              const v = this.getAttribute(o, d);
-              v != null && f.push([d, v]);
-            }), f.length > 0 && this.setAttribute(
-              o,
-              ue,
-              JSON.stringify(Object.fromEntries(f))
+            const c = [];
+            l.forEach(([a]) => {
+              const d = this.getAttribute(i, a);
+              d != null && c.push([a, d]);
+            }), c.length > 0 && this.setAttribute(
+              i,
+              L,
+              JSON.stringify(Object.fromEntries(c))
             );
           }
-          l.forEach(([f, d]) => {
-            this.setAttribute(o, f, d);
+          l.forEach(([c, a]) => {
+            this.setAttribute(i, c, a);
           });
         }
       }
     });
   };
 }
-const Ke = (s) => JSON.parse(s.replace(/&quot;/g, '"')), Et = (s) => {
-  const e = s.getAttribute(oe);
-  s.removeAttribute(oe), e != null && s.setAttribute("class", e);
-}, Dt = (s) => {
-  const e = s.getAttribute(ae);
-  s.removeAttribute(ae), e != null && (s.innerHTML = e);
-}, Ct = (s) => {
-  const e = s.getAttribute(ce);
-  s.removeAttribute(ce), e != null && (s.innerText = e);
-}, Ot = (s) => {
-  const e = s.getAttribute(le);
-  if (s.removeAttribute(le), e != null) {
-    const t = Ke(e), n = Object.entries(t);
-    n.length > 0 && (s.style.cssText = n.map(([r, i]) => `${r}: ${i}`).join("; "));
-  }
-}, xt = (s) => {
-  const e = s.getAttribute(ue);
-  if (s.removeAttribute(ue), e != null) {
-    const t = Ke(e);
-    Object.entries(t).forEach(([n, r]) => {
-      r == null ? s.removeAttribute(n) : s.setAttribute(n, r);
+const re = (n) => JSON.parse(n.replace(/&quot;/g, '"')), ke = (n) => {
+  const e = n.getAttribute(E);
+  n.removeAttribute(E), e != null && n.setAttribute("class", e);
+}, ve = (n) => {
+  const e = n.getAttribute(M);
+  n.removeAttribute(M), e != null && (n.innerHTML = e);
+}, Ce = (n) => {
+  const e = n.getAttribute(O);
+  n.removeAttribute(O), e != null && (n.innerText = e);
+}, Ee = (n) => {
+  const e = n.getAttribute(P);
+  if (n.removeAttribute(P), e != null) {
+    const t = re(e), r = Object.entries(t);
+    r.length > 0 && (n.style.cssText = r.map(([s, o]) => `${s}: ${o}`).join("; "));
+  }
+}, Pe = (n) => {
+  const e = n.getAttribute(L);
+  if (n.removeAttribute(L), e != null) {
+    const t = re(e);
+    Object.entries(t).forEach(([r, s]) => {
+      s == null ? n.removeAttribute(r) : n.setAttribute(r, s);
     });
   }
-}, Ds = () => {
+}, Tt = () => {
   const e = [
-    Ce,
-    oe,
-    ae,
-    ce,
-    le,
-    ue
-  ].map((n) => `[${n}]`).join(",");
-  document.querySelectorAll(e).forEach((n) => {
-    const r = n;
-    if (r.hasAttribute(Ce)) {
-      ve(r);
+    V,
+    E,
+    M,
+    O,
+    P,
+    L
+  ].map((r) => `[${r}]`).join(",");
+  document.querySelectorAll(e).forEach((r) => {
+    const s = r;
+    if (s.hasAttribute(V)) {
+      $(s);
       return;
     }
-    r.hasAttribute(oe) && Et(r), r.hasAttribute(ce) && Ct(r), r.hasAttribute(ae) && Dt(r), r.hasAttribute(le) && Ot(r), r.hasAttribute(ue) && xt(r);
+    s.hasAttribute(E) && ke(s), s.hasAttribute(O) && Ce(s), s.hasAttribute(M) && ve(s), s.hasAttribute(P) && Ee(s), s.hasAttribute(L) && Pe(s);
   });
-}, Pt = "data-tempo-id", Q = Symbol("class"), Z = Symbol("style"), me = Symbol("handler"), Ge = () => Math.random().toString(36).substring(2, 15), Lt = (s) => s.replace(/<[^>]*>?/g, "");
-class ze {
+}, Me = "data-tempo-id", A = /* @__PURE__ */ Symbol("class"), k = /* @__PURE__ */ Symbol("style"), I = /* @__PURE__ */ Symbol("handler"), se = () => Math.random().toString(36).substring(2, 15), Oe = (n) => n.replace(/<[^>]*>?/g, "");
+class ie {
   constructor(e) {
     this.parent = e;
   }
-  id = Ge();
+  id = se();
   properties = {};
   children = [];
-  isElement = () => !0;
-  isText = () => !1;
-  getText = () => this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? Lt(this.properties.innerHTML) : this.children.map((e) => e.getText()).join("");
-  removeChild = (e) => {
+  isElement() {
+    return !0;
+  }
+  isText() {
+    return !1;
+  }
+  getText() {
+    return this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? Oe(this.properties.innerHTML) : this.children.map((e) => e.getText()).join("");
+  }
+  removeChild(e) {
     const t = this.children.indexOf(e);
     t !== -1 && this.children.splice(t, 1);
-  };
-  remove = () => {
+  }
+  remove() {
     if (this.parent != null)
       this.parent.removeChild(this);
     else
       throw new Error("Parent is undefined");
-  };
-  getPortals = () => {
+  }
+  getPortals() {
     const e = this.elements().flatMap((t) => t.isPortal() ? [t, ...t.getPortals()] : t.getPortals());
     return this.isPortal() && e.unshift(this), e;
-  };
-  elements = () => this.children.filter((e) => e.isElement());
-  hasInnerHTML = () => this.properties.innerHTML != null;
-  getInnerHTML = () => this.properties.innerHTML ?? "";
-  getInnerText = () => this.properties.innerText ?? "";
-  hasInnerText = () => this.properties.innerText != null;
-  hasChildren = () => this.children.length > 0;
-  hasClasses = () => this.properties[Q] != null;
-  hasStyles = () => this.properties[Z] != null;
-  hasAttributes = () => Object.keys(this.properties).length > 0;
-  hasHandlers = () => this.properties[me] != null;
-  hasRenderableProperties = () => this.hasClasses() || this.hasAttributes() || this.hasStyles();
-  getById = (e) => {
+  }
+  elements() {
+    return this.children.filter((e) => e.isElement());
+  }
+  hasInnerHTML() {
+    return this.properties.innerHTML != null;
+  }
+  getInnerHTML() {
+    return this.properties.innerHTML ?? "";
+  }
+  getInnerText() {
+    return this.properties.innerText ?? "";
+  }
+  hasInnerText() {
+    return this.properties.innerText != null;
+  }
+  hasChildren() {
+    return this.children.length > 0;
+  }
+  hasClasses() {
+    return this.properties[A] != null;
+  }
+  hasStyles() {
+    return this.properties[k] != null;
+  }
+  hasAttributes() {
+    return Object.keys(this.properties).length > 0;
+  }
+  hasHandlers() {
+    return this.properties[I] != null;
+  }
+  hasRenderableProperties() {
+    return this.hasClasses() || this.hasAttributes() || this.hasStyles();
+  }
+  getById(e) {
     if (this.properties.id === e)
       return this;
     for (const t of this.elements()) {
-      const n = t.getById(e);
-      if (n != null)
-        return n;
+      const r = t.getById(e);
+      if (r != null)
+        return r;
     }
-  };
-  trigger = (e, t) => {
-    ((this.properties[me] ?? {})[e] ?? []).forEach((r) => r(t));
-  };
-  click = () => {
+  }
+  trigger(e, t) {
+    ((this.properties[I] ?? {})[e] ?? []).forEach((s) => s(t));
+  }
+  click() {
     this.trigger("click", {});
-  };
-  on = (e, t, n, r) => {
-    const i = this.properties[me] ??= {}, o = r?.once ? (f) => {
-      l(), t(f, n);
-    } : (f) => t(f, n);
-    i[e] = [...i[e] ?? [], o];
+  }
+  on(e, t, r, s) {
+    const o = this.properties[I] ??= {}, i = s?.once ? (c) => {
+      l(), t(c, r);
+    } : (c) => t(c, r);
+    o[e] = [...o[e] ?? [], i];
     const l = () => {
-      const f = i[e] ?? [], d = f.indexOf(o);
-      d !== -1 && (f.splice(d, 1), f.length === 0 ? (delete i[e], Object.keys(i).length === 0 && delete this.properties[me]) : i[e] = f, r?.signal != null && r.signal.removeEventListener("abort", l));
+      const c = o[e] ?? [], a = c.indexOf(i);
+      a !== -1 && (c.splice(a, 1), c.length === 0 ? (delete o[e], Object.keys(o).length === 0 && delete this.properties[I]) : o[e] = c, s?.signal != null && s.signal.removeEventListener("abort", l));
     };
-    return r?.signal != null && r.signal.addEventListener("abort", l), l;
-  };
-  addClasses = (e) => {
+    return s?.signal != null && s.signal.addEventListener("abort", l), l;
+  }
+  addClasses(e) {
     if (e.length === 0)
       return;
-    const t = this.properties[Q] ??= [], n = new Set(t);
-    for (const r of e)
-      n.has(r) || (t.push(r), n.add(r));
-  };
-  removeClasses = (e) => {
+    const t = this.properties[A] ??= [], r = new Set(t);
+    for (const s of e)
+      r.has(s) || (t.push(s), r.add(s));
+  }
+  removeClasses(e) {
     if (e.length === 0)
       return;
-    const t = this.properties[Q] ??= [], n = new Set(e);
-    let r = 0;
-    for (let i = 0; i < t.length; i++)
-      n.has(t[i]) || (t[r] = t[i], r++);
-    t.length = r, t.length === 0 && delete this.properties[Q];
-  };
-  getClasses = () => this.properties[Q] ?? [];
-  getAttributes = () => Object.entries(this.properties).filter(
-    ([e]) => !["innerText", "innerHTML"].includes(e)
-  );
-  getVisibleAttributes = () => Reflect.ownKeys(this.properties).flatMap(
-    (e) => e === Q ? [["class", this.getClasses()]] : e === Z ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
-  );
-  setStyle = (e, t) => {
-    const n = this.properties[Z] ??= {};
-    n[e] = t, t === "" && (delete n[e], Object.keys(n).length === 0 && delete this.properties[Z]);
-  };
-  getStyle = (e) => this.properties[Z]?.[e] ?? "";
-  getStyles = () => this.properties[Z] ?? {};
-  makeAccessors = (e) => {
+    const t = this.properties[A] ??= [], r = new Set(e);
+    let s = 0;
+    for (let o = 0; o < t.length; o++)
+      r.has(t[o]) || (t[s] = t[o], s++);
+    t.length = s, t.length === 0 && delete this.properties[A];
+  }
+  getClasses() {
+    return this.properties[A] ?? [];
+  }
+  getAttributes() {
+    return Object.entries(this.properties).filter(
+      ([e]) => !["innerText", "innerHTML"].includes(e)
+    );
+  }
+  getVisibleAttributes() {
+    return Reflect.ownKeys(this.properties).flatMap(
+      (e) => e === A ? [["class", this.getClasses()]] : e === k ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
+    );
+  }
+  setStyle(e, t) {
+    const r = this.properties[k] ??= {};
+    r[e] = t, t === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[k]);
+  }
+  getStyle(e) {
+    return this.properties[k]?.[e] ?? "";
+  }
+  getStyles() {
+    return this.properties[k] ?? {};
+  }
+  makeAccessors(e) {
     const t = this.properties;
     return {
       get: () => t[e],
-      set: (n) => t[e] = n
+      set: (r) => t[e] = r
     };
-  };
+  }
 }
-const Mt = (s) => s.replace(/"/g, "&quot;"), kt = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-class It extends ze {
-  constructor(e, t, n) {
-    super(n), this.tagName = e, this.namespace = t;
+const Le = (n) => n.replace(/"/g, "&quot;"), He = (n) => n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+class Ne extends ie {
+  constructor(e, t, r) {
+    super(r), this.tagName = e, this.namespace = t;
+  }
+  isPortal() {
+    return !1;
   }
-  isPortal = () => !1;
   /**
    * Builds the attributes string for this element.
    * Returns an object containing the attributes string and any innerHTML value.
    */
-  buildAttributesString = (e) => {
+  buildAttributesString(e) {
     let t = null;
-    const n = this.namespace ? ` xmlns="${this.namespace}"` : "", r = this.getVisibleAttributes().map(([o, l]) => o === "class" ? ` class="${l.join(" ")}"` : o === "style" ? typeof l == "string" ? ` style="${l}"` : ` style="${Object.entries(l).map(([f, d]) => `${f}: ${d};`).join(" ")}"` : Ht.has(o) ? ` ${o}` : o === "innerHTML" ? (t = l, "") : o === "innerText" ? (t = kt(l), "") : ` ${o}="${Mt(l)}"`).join(""), i = e ? ` ${Ce} ${Pt}="${this.id}"` : "";
-    return { attrs: `${n}${r}${i}`, innerHTML: t };
-  };
-  toHTML = (e = !1) => {
-    const t = this.children.map((i) => i.toHTML()).join(""), { attrs: n, innerHTML: r } = this.buildAttributesString(e);
-    return Me.has(this.tagName) && t === "" ? `<${this.tagName}${n} />` : `<${this.tagName}${n}>${r ?? t}</${this.tagName}>`;
-  };
+    const r = this.namespace ? ` xmlns="${this.namespace}"` : "", s = this.getVisibleAttributes().map(([i, l]) => i === "class" ? ` class="${l.join(" ")}"` : i === "style" ? typeof l == "string" ? ` style="${l}"` : ` style="${Object.entries(l).map(([c, a]) => `${c}: ${a};`).join(" ")}"` : Ie.has(i) ? ` ${i}` : i === "innerHTML" ? (t = l, "") : i === "innerText" ? (t = He(l), "") : ` ${i}="${Le(l)}"`).join(""), o = e ? ` ${V} ${Me}="${this.id}"` : "";
+    return { attrs: `${r}${s}${o}`, innerHTML: t };
+  }
+  toHTML(e = !1) {
+    const t = this.children.map((o) => o.toHTML()).join(""), { attrs: r, innerHTML: s } = this.buildAttributesString(e);
+    return K.has(this.tagName) && t === "" ? `<${this.tagName}${r} />` : `<${this.tagName}${r}>${s ?? t}</${this.tagName}>`;
+  }
   /**
    * Generates HTML output as an async stream of string chunks.
    * Yields the opening tag, then each child's content, then the closing tag.
@@ -2348,25 +805,29 @@ class It extends ze {
    * @yields String chunks of HTML content.
    */
   async *toHTMLStream(e) {
-    const t = e?.generatePlaceholders ?? !1, { attrs: n, innerHTML: r } = this.buildAttributesString(t);
-    if (Me.has(this.tagName) && this.children.length === 0) {
-      yield `<${this.tagName}${n} />`;
+    const t = e?.generatePlaceholders ?? !1, { attrs: r, innerHTML: s } = this.buildAttributesString(t);
+    if (K.has(this.tagName) && this.children.length === 0) {
+      yield `<${this.tagName}${r} />`;
       return;
     }
-    if (yield `<${this.tagName}${n}>`, r !== null)
-      yield r;
+    if (yield `<${this.tagName}${r}>`, s !== null)
+      yield s;
     else
-      for (const i of this.children)
-        yield* i.toHTMLStream(e);
+      for (const o of this.children)
+        yield* o.toHTMLStream(e);
     yield `</${this.tagName}>`;
   }
 }
-class Ye extends ze {
+class oe extends ie {
   constructor(e, t) {
     super(t), this.selector = e;
   }
-  isPortal = () => !0;
-  toHTML = () => "";
+  isPortal() {
+    return !0;
+  }
+  toHTML() {
+    return "";
+  }
   /**
    * Portals don't render inline - they render at their target selector.
    * This method yields nothing for the inline position.
@@ -2374,7 +835,9 @@ class Ye extends ze {
   // eslint-disable-next-line require-yield
   async *toHTMLStream(e) {
   }
-  contentToHTML = (e = !1) => this.children.map((t) => t.toHTML(e)).join("");
+  contentToHTML(e = !1) {
+    return this.children.map((t) => t.toHTML(e)).join("");
+  }
   /**
    * Streams the portal's content HTML.
    * Unlike toHTMLStream, this yields the actual content for rendering at the target location.
@@ -2387,15 +850,23 @@ class Ye extends ze {
       yield* t.toHTMLStream(e);
   }
 }
-class $t {
+class De {
   constructor(e) {
     this.text = e;
   }
-  id = Ge();
-  isElement = () => !1;
-  isText = () => !0;
-  getText = () => this.text;
-  toHTML = () => this.text;
+  id = se();
+  isElement() {
+    return !1;
+  }
+  isText() {
+    return !0;
+  }
+  getText() {
+    return this.text;
+  }
+  toHTML() {
+    return this.text;
+  }
   /**
    * Streams the text content as a single chunk.
    *
@@ -2406,49 +877,56 @@ class $t {
     yield this.text;
   }
 }
-class se {
-  constructor(e, t, n, r) {
-    this.element = e, this.reference = t, this.container = n, this.providers = r;
+class v {
+  constructor(e, t, r, s) {
+    this.element = e, this.reference = t, this.container = r, this.providers = s;
   }
-  appendOrInsert = (e) => {
+  appendOrInsert(e) {
     if (this.reference != null) {
       const t = this.element.children.indexOf(this.reference);
       t >= 0 && this.element.children.splice(t, 0, e);
     } else
       this.element.children.push(e);
-  };
-  makeChildElement = (e, t) => {
-    const n = new It(e, t, this.element);
-    return this.appendOrInsert(n), new se(
-      n,
+  }
+  makeChildElement(e, t) {
+    const r = new Ne(e, t, this.element);
+    return this.appendOrInsert(r), new v(
+      r,
       void 0,
       this.container,
       this.providers
     );
-  };
-  makeChildText = (e) => {
-    const t = new $t(e);
-    return this.appendOrInsert(t), new se(
+  }
+  makeChildText(e) {
+    const t = new De(String(e));
+    return this.appendOrInsert(t), new v(
       this.element,
       t,
       this.container,
       this.providers
     );
-  };
-  setText = (e) => {
-    this.reference && this.reference.isText() && (this.reference.text = e);
-  };
-  getText = () => this.reference?.getText() ?? this.element.getText();
-  makeRef = () => this.makeChildText("");
-  makePortal = (e) => {
-    const t = new Ye(e, this.element);
-    return this.appendOrInsert(t), new se(
+  }
+  setText(e) {
+    this.reference && this.reference.isText() && (this.reference.text = String(e));
+  }
+  getText() {
+    return this.reference?.getText() ?? this.element.getText();
+  }
+  makeRef() {
+    return this.makeChildText("");
+  }
+  makeMarker() {
+    return this.makeChildText("");
+  }
+  makePortal(e) {
+    const t = new oe(e, this.element);
+    return this.appendOrInsert(t), new v(
       t,
       void 0,
       this.container,
       this.providers
     );
-  };
+  }
   /**
    * Sets a provider for the given provider mark.
    *
@@ -2456,105 +934,361 @@ class se {
    * @param value - The provider to set for the given mark.
    * @returns A new `DOMContext` instance with the specified provider.
    */
-  setProvider = (e, t, n) => new se(this.element, this.reference, this.container, {
-    ...this.providers,
-    [e]: [t, n]
-  });
-  getProvider = (e) => {
+  setProvider(e, t, r) {
+    return new v(this.element, this.reference, this.container, {
+      ...this.providers,
+      [e]: [t, r]
+    });
+  }
+  getProvider(e) {
     if (this.providers[e] === void 0)
-      throw new Je(e);
-    const [t, n] = this.providers[e];
-    return { value: t, onUse: n };
-  };
-  clear = (e) => {
+      throw new J(e);
+    const [t, r] = this.providers[e];
+    return { value: t, onUse: r };
+  }
+  clear(e) {
     e && (this.reference !== void 0 ? this.element.removeChild(this.reference) : this.element.remove());
-  };
-  on = (e, t) => this.element.on(e, t, this);
-  addClasses = (e) => this.element.addClasses(e);
-  removeClasses = (e) => this.element.removeClasses(e);
-  getClasses = () => this.element.getClasses();
-  isBrowserDOM = () => !1;
-  isBrowser = () => !1;
-  isHeadlessDOM = () => !0;
-  isHeadless = () => !0;
-  setStyle = (e, t) => this.element.setStyle(e, t);
-  getStyle = (e) => this.element.getStyle(e);
-  makeAccessors = (e) => this.element.makeAccessors(e);
+  }
+  on(e, t) {
+    return this.element.on(e, t, this);
+  }
+  addClasses(e) {
+    this.element.addClasses(e);
+  }
+  removeClasses(e) {
+    this.element.removeClasses(e);
+  }
+  getClasses() {
+    return this.element.getClasses();
+  }
+  isBrowserDOM() {
+    return !1;
+  }
+  isBrowser() {
+    return !1;
+  }
+  isHeadlessDOM() {
+    return !0;
+  }
+  isHeadless() {
+    return !0;
+  }
+  setStyle(e, t) {
+    this.element.setStyle(e, t);
+  }
+  getStyle(e) {
+    return this.element.getStyle(e);
+  }
+  makeAccessors(e) {
+    return this.element.makeAccessors(e);
+  }
+  moveRangeBefore(e, t, r) {
+    const s = e.reference, o = t.reference, i = r.reference, l = this.element.children, c = l.indexOf(s), d = l.indexOf(o) - c + 1, m = l.splice(c, d), u = l.indexOf(i);
+    l.splice(u, 0, ...m);
+  }
+  removeRange(e, t) {
+    const r = e.reference, s = t.reference, o = this.element.children, i = o.indexOf(r), c = o.indexOf(s) - i + 1;
+    o.splice(i, c);
+  }
+  removeAllBefore(e) {
+    const t = e.reference, r = this.element.children, s = r.indexOf(t);
+    s > 0 && r.splice(0, s);
+  }
+  detach() {
+  }
+  reattach() {
+  }
 }
-const Ht = /* @__PURE__ */ new Set([
+const Ie = /* @__PURE__ */ new Set([
   "checked",
   "disabled",
   "multiple",
   "readonly",
   "required",
   "selected"
-]), Me = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), Cs = () => (
+]), K = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), St = () => (
   /* c8 ignore next */
   typeof window < "u" ? window : void 0
-), Nt = Symbol("DOM_RENDERABLE"), L = (s) => nt(Nt, s), Rt = At({
-  create: L
-}), {
-  Empty: jt,
-  Fragment: J,
-  When: Os,
-  Unless: xs,
-  ForEach: Ps,
-  Repeat: Ls,
-  OneOf: Ms,
-  OneOfField: ks,
-  OneOfKind: Is,
-  OneOfType: $s,
-  OneOfValue: Hs,
-  OneOfTuple: Ns,
-  MapSignal: Rs,
-  Ensure: js,
-  EnsureAll: Vs,
-  NotEmpty: Bs,
-  Task: qs,
-  Async: Fs,
-  OnDispose: Xe,
-  Conjunction: Ws,
-  WithScope: Us,
-  WithProvider: Js,
-  Provide: Ks,
-  Use: Gs,
-  UseMany: zs,
-  handleValueOrSignal: Ys,
-  createReactiveRenderable: Xs,
-  renderableOfTNode: W
-} = Rt, Vt = (s) => L((e) => (e.addClasses(s), (t) => {
-  t && e.removeClasses(s);
-})), Bt = (s) => L((e) => {
-  let t = /* @__PURE__ */ new Set();
-  const n = s.on(
-    (r) => {
-      const i = (r ?? "").split(" ").filter((d) => d.length > 0), o = new Set(i), l = [];
-      for (const d of t)
-        o.has(d) || l.push(d);
-      const f = [];
-      for (const d of o)
-        t.has(d) || f.push(d);
-      l.length > 0 && e.removeClasses(l), f.length > 0 && e.addClasses(f), t = o;
-    },
-    { noAutoDispose: !0 }
+), le = /* @__PURE__ */ Symbol("DOM_RENDERABLE"), p = (n) => ge(le, n);
+function Re(n, e) {
+  const t = [], r = e.createDocumentFragment();
+  return W(n, r, [], { count: 0 }, t, e) ? { fragment: r, slots: t, topNodeCount: r.childNodes.length } : null;
+}
+function W(n, e, t, r, s, o) {
+  switch (n.kind) {
+    case "element": {
+      const { tag: i, ns: l, children: c } = n, a = l != null ? o.createElementNS(l, i) : o.createElement(i), d = [...t, r.count++];
+      let m = "";
+      for (let h = 0; h < c.length; h++) {
+        const f = c[h];
+        f.kind === "static-attr" && (f.name === "class" ? m += (m ? " " : "") + f.value : a.setAttribute(f.name, f.value));
+      }
+      m && a.setAttribute("class", m), e.appendChild(a);
+      for (let h = 0; h < c.length; h++)
+        c[h].kind === "dynamic-attr" && s.push({ path: d, kind: "dynamic-attr" });
+      const u = { count: 0 };
+      for (let h = 0; h < c.length; h++) {
+        const f = c[h];
+        if (!(f.kind === "static-attr" || f.kind === "dynamic-attr") && !W(f, a, d, u, s, o))
+          return !1;
+      }
+      return !0;
+    }
+    case "static-text":
+      return e.appendChild(o.createTextNode(n.text)), r.count++, !0;
+    case "dynamic-text":
+      return e.appendChild(o.createTextNode("")), s.push({
+        path: [...t, r.count++],
+        kind: "dynamic-text"
+      }), !0;
+    case "fragment": {
+      const { children: i } = n;
+      for (let l = 0; l < i.length; l++)
+        if (!W(i[l], e, t, r, s, o))
+          return !1;
+      return !0;
+    }
+    case "empty":
+      return !0;
+    default:
+      return n.kind === void 0 ? (e.appendChild(o.createComment("")), s.push({
+        path: [...t, r.count++],
+        kind: "slot"
+      }), !0) : !1;
+  }
+}
+function _e(n, e) {
+  let t = n;
+  for (let r = 0; r < e.length; r++)
+    t = t.childNodes[e[r]];
+  return t;
+}
+function $e(n, e, t) {
+  const r = e, s = n.fragment.cloneNode(!0), o = n.topNodeCount, i = new Array(o);
+  let l = s.firstChild;
+  for (let u = 0; u < o; u++)
+    i[u] = l, l = l.nextSibling;
+  const c = n.slots.length, a = new Array(c);
+  for (let u = 0; u < c; u++)
+    a[u] = _e(s, n.slots[u].path);
+  r.appendOrInsert(s);
+  const d = new Array(c);
+  for (let u = 0; u < c; u++) {
+    const h = n.slots[u], f = a[u];
+    if (h.kind === "dynamic-text") {
+      const y = t[u], g = f;
+      g.textContent = y.transform(y.source.value), d[u] = y.source.onChange((w) => {
+        g.textContent = y.transform(w);
+      });
+    } else if (h.kind === "dynamic-attr") {
+      const y = t[u], g = new T(
+        r.document,
+        f,
+        void 0,
+        r.providers
+      );
+      d[u] = y.render(g);
+    } else {
+      const y = t[u], g = f, w = new T(
+        r.document,
+        g.parentNode,
+        g,
+        r.providers
+      );
+      d[u] = y.render(w), g.remove();
+    }
+  }
+  const m = new T(
+    r.document,
+    r.element,
+    i[0],
+    r.providers
   );
-  return (r) => {
-    n(), r && e.removeClasses(Array.from(t)), t.clear();
-  };
-}), qt = (s, e) => L((t) => {
-  const { get: n, set: r } = t.makeAccessors(s), i = n();
-  return r(e), (o) => {
-    o && r(i);
-  };
-}), Ft = (s, e) => L((t) => {
-  const { get: n, set: r } = t.makeAccessors(s), i = n(), o = e.on(r, { noAutoDispose: !0 });
-  return (l) => {
-    o(), l && r(i);
+  return {
+    clear: (u) => {
+      for (let h = 0; h < c; h++)
+        d[h](u);
+      if (u)
+        for (let h = 0; h < o; h++) {
+          const f = i[h];
+          f.parentNode && f.parentNode.removeChild(f);
+        }
+    },
+    startCtx: m
   };
-}), de = (s, e) => _.is(e) ? Ft(s, e) : qt(s, e), Wt = (s, e) => s === "class" ? _.is(e) ? Bt(e) : Vt(
+}
+function Be(n) {
+  const e = [];
+  function t(r) {
+    switch (r.kind) {
+      case "element": {
+        const { tag: s, children: o } = r;
+        e.push(`E:${s}`);
+        for (const i of o) if (!t(i)) return !1;
+        e.push("/E");
+        break;
+      }
+      case "static-attr":
+        e.push(`SA:${r.name}=${r.value}`);
+        break;
+      case "dynamic-attr":
+        e.push("DA");
+        break;
+      case "static-text":
+        e.push(`ST:${r.text}`);
+        break;
+      case "dynamic-text":
+        e.push("DT");
+        break;
+      case "fragment": {
+        const { children: s } = r;
+        for (const o of s) if (!t(o)) return !1;
+        break;
+      }
+      case "empty":
+        break;
+      default:
+        if (r.kind === void 0) {
+          e.push("S");
+          break;
+        }
+        return !1;
+    }
+    return !0;
+  }
+  return t(n) ? e.join("|") : null;
+}
+function je(n) {
+  const e = [];
+  function t(r) {
+    switch (r.kind) {
+      case "element": {
+        const { children: s } = r;
+        for (const o of s)
+          if (o.kind !== "static-attr") {
+            if (o.kind === "dynamic-attr") {
+              e.push(o);
+              continue;
+            }
+            t(o);
+          }
+        break;
+      }
+      case "fragment": {
+        const { children: s } = r;
+        for (const o of s) t(o);
+        break;
+      }
+      case "static-text":
+      case "empty":
+        break;
+      case "dynamic-text":
+        e.push(r);
+        break;
+      default:
+        r.kind === void 0 && e.push(r);
+        break;
+    }
+  }
+  return t(n), e;
+}
+const Ve = {
+  build(n, e) {
+    if (!e.isBrowser()) return null;
+    const t = n;
+    if (t.kind === void 0) return null;
+    const r = e.document;
+    return Re(t, r);
+  },
+  cloneAndHydrate(n, e, t) {
+    return $e(n, e, t);
+  },
+  fingerprint(n) {
+    return Be(n);
+  },
+  extractSlots(n) {
+    return je(n);
+  }
+}, We = Te({
+  type: le,
+  create: p,
+  templateEngine: Ve
+}), {
+  Empty: Fe,
+  Fragment: S,
+  When: xt,
+  Unless: wt,
+  ForEach: At,
+  KeyedForEach: kt,
+  Repeat: vt,
+  OneOf: Ct,
+  OneOfField: Et,
+  OneOfKind: Pt,
+  OneOfType: Mt,
+  OneOfValue: Ot,
+  OneOfTuple: Lt,
+  MapSignal: Ht,
+  MapText: Nt,
+  Ensure: Dt,
+  EnsureAll: It,
+  NotEmpty: Rt,
+  Task: _t,
+  Async: $t,
+  OnDispose: ce,
+  Conjunction: Bt,
+  WithScope: jt,
+  WithProvider: Vt,
+  Provide: Wt,
+  Use: Ft,
+  UseMany: Kt,
+  handleValueOrSignal: qt,
+  createReactiveRenderable: Gt,
+  renderableOfTNode: C
+} = We, q = /* @__PURE__ */ new Map();
+function Ke(n) {
+  let e = q.get(n);
+  return e === void 0 && (e = n.split(" ").filter((t) => t.length > 0), q.set(n, e)), e;
+}
+const qe = (n) => {
+  const e = p((t) => (t.addClasses(n), (r) => {
+    r && t.removeClasses(n);
+  }));
+  return e.kind = "static-attr", e.name = "class", e.value = n.join(" "), e;
+}, Ge = (n) => {
+  const e = p((t) => {
+    let r = [];
+    const s = n.on(
+      (o) => {
+        const i = (o ?? "").split(" ").filter((l) => l.length > 0);
+        r.length > 0 && t.removeClasses(r), i.length > 0 && t.addClasses(i), r = i;
+      },
+      { noAutoDispose: !0 }
+    );
+    return (o) => {
+      s(), o && t.removeClasses(r), r = [];
+    };
+  });
+  return e.kind = "dynamic-attr", e;
+}, Ue = (n, e) => {
+  const t = p((r) => {
+    const { get: s, set: o } = r.makeAccessors(n), i = s();
+    return o(e), (l) => {
+      l && o(i);
+    };
+  });
+  return t.kind = "static-attr", t.name = n, t.value = String(e), t;
+}, Je = (n, e) => {
+  const t = p((r) => {
+    const { get: s, set: o } = r.makeAccessors(n), i = s(), l = e.on(o, { noAutoDispose: !0 });
+    return (c) => {
+      l(), c && o(i);
+    };
+  });
+  return t.kind = "dynamic-attr", t;
+}, N = (n, e) => B.is(e) ? Je(n, e) : Ue(n, e), Ye = (n, e) => n === "class" ? B.is(e) ? Ge(e) : qe(
   /* c8 ignore next */
   (e ?? "").split(" ").filter((t) => t.length > 0)
-) : de(s, e), N = new Proxy(
+) : N(n, e), b = new Proxy(
   {},
   {
     /**
@@ -2568,9 +1302,9 @@ const Ht = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => Wt(e, t)
+    get: (n, e) => (t) => Ye(e, t)
   }
-), Ut = (s, e) => de(`data-${s}`, e), Qs = new Proxy(
+), Xe = (n, e) => N(`data-${n}`, e), Ut = new Proxy(
   {},
   {
     /**
@@ -2581,9 +1315,9 @@ const Ht = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => Ut(e, t)
+    get: (n, e) => (t) => Xe(e, t)
   }
-), Jt = (s, e) => de(`aria-${s}`, e), Zs = new Proxy(
+), ze = (n, e) => N(`aria-${n}`, e), Jt = new Proxy(
   {},
   {
     /**
@@ -2594,9 +1328,9 @@ const Ht = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => Jt(e, t)
+    get: (n, e) => (t) => ze(e, t)
   }
-), Kt = (s, e) => de(s, e), en = new Proxy(
+), Qe = (n, e) => N(n, e), Yt = new Proxy(
   {},
   {
     /**
@@ -2607,9 +1341,9 @@ const Ht = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => Kt(e, t)
+    get: (n, e) => (t) => Qe(e, t)
   }
-), Gt = (s, e) => de(s, e), tn = new Proxy(
+), Ze = (n, e) => N(n, e), Xt = new Proxy(
   {},
   {
     /**
@@ -2619,16 +1353,42 @@ const Ht = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => Gt(e, t)
+    get: (n, e) => (t) => Ze(e, t)
   }
-), Qe = (s, e, t) => L((n) => n.on(s, e, t)), zt = (s) => Qe("click", (e, t) => {
+), G = /* @__PURE__ */ new WeakMap();
+function et(n, e) {
+  let t = G.get(n);
+  return t || (t = be(n, e), G.set(
+    n,
+    t
+  )), t;
+}
+const zt = (n, e, t = "danger", r) => {
+  const s = Ke(t), o = p((i) => {
+    const a = et(n, r)(e).on(
+      (d) => {
+        d ? i.addClasses(s) : i.removeClasses(s);
+      },
+      { noAutoDispose: !0 }
+    );
+    return (d) => {
+      a(), d && i.removeClasses(s);
+    };
+  });
+  return o.kind = "dynamic-attr", o;
+}, ae = (n, e, t) => {
+  const r = p(
+    (s) => s.on(n, e, t)
+  );
+  return r.kind = "dynamic-attr", r;
+}, tt = (n) => ae("click", (e, t) => {
   e.preventDefault();
-  const n = e.target;
+  const r = e.target;
   setTimeout(() => {
-    const r = n.ownerDocument != null ? n?.checked : void 0;
-    r != null && s(!r, t);
+    const s = r.ownerDocument != null ? r?.checked : void 0;
+    s != null && n(!s, t);
   }, 0);
-}), fe = new Proxy(
+}), D = new Proxy(
   {},
   {
     /**
@@ -2636,79 +1396,116 @@ const Ht = /* @__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: (s, e) => (t) => Qe(e, t)
-  }
-), Yt = (s, e) => (t) => {
-  e?.preventDefault === !0 && t.preventDefault(), e?.stopPropagation === !0 && t.stopPropagation(), e?.stopImmediatePropagation === !0 && t.stopImmediatePropagation(), s(t);
-}, Y = (s, e) => Yt((t) => {
-  const n = t.target;
-  s(n, t);
-}, e), Xt = (s, e) => Y(
-  (t, n) => s(t.value, n),
+    get: (n, e) => (t) => ae(e, t)
+  }
+), nt = (n, e) => (t) => {
+  e?.preventDefault === !0 && t.preventDefault(), e?.stopPropagation === !0 && t.stopPropagation(), e?.stopImmediatePropagation === !0 && t.stopImmediatePropagation(), n(t);
+}, x = (n, e) => nt((t) => {
+  const r = t.target;
+  n(r, t);
+}, e), rt = (n, e) => x(
+  (t, r) => n(t.value, r),
   e
-), Qt = (s, e) => Y(
-  (t, n) => s(t.valueAsNumber, n),
+), st = (n, e) => x(
+  (t, r) => n(t.valueAsNumber, r),
   e
-), Zt = (s, e) => Y((t, n) => {
+), it = (n, e) => x((t, r) => {
   if (t.value === "")
     return;
-  const r = t.value.split("-"), i = new Date(
-    Number(r[0]),
-    Number(r[1]) - 1,
-    Number(r[2].substring(0, 2))
+  const s = t.value.split("-"), o = new Date(
+    Number(s[0]),
+    Number(s[1]) - 1,
+    Number(s[2].substring(0, 2))
   );
-  s(i, n);
-}, e), sn = (s, e) => Y((t, n) => {
+  n(o, r);
+}, e), Qt = (n, e) => x((t, r) => {
   if (t.value === "") {
-    s(null, n);
+    n(null, r);
     return;
   }
-  const r = t.value.split("-"), i = new Date(
-    Number(r[0]),
-    Number(r[1]) - 1,
-    Number(r[2].substring(0, 2))
+  const s = t.value.split("-"), o = new Date(
+    Number(s[0]),
+    Number(s[1]) - 1,
+    Number(s[2].substring(0, 2))
   );
-  s(i, n);
-}, e), es = (s, e) => Y((t, n) => {
+  n(o, r);
+}, e), ot = (n, e) => x((t, r) => {
   if (t.value === "")
     return;
-  const r = t.value.split("T"), i = r[0].split("-"), o = new Date(
-    Number(i[0]),
-    Number(i[1]) - 1,
-    Number(i[2])
-  ), l = r[1].split(":");
-  o.setHours(Number(l[0])), o.setMinutes(Number(l[1])), o.setSeconds(Number(l[2])), s(o, n);
-}, e), nn = (s, e) => Y((t, n) => {
+  const s = t.value.split("T"), o = s[0].split("-"), i = new Date(
+    Number(o[0]),
+    Number(o[1]) - 1,
+    Number(o[2])
+  ), l = s[1].split(":");
+  i.setHours(Number(l[0])), i.setMinutes(Number(l[1])), i.setSeconds(Number(l[2])), n(i, r);
+}, e), Zt = (n, e) => x((t, r) => {
   if (t.value === "") {
-    s(null, n);
+    n(null, r);
     return;
   }
-  const r = t.value.split("T");
-  if (r.length !== 2) {
-    s(null, n);
+  const s = t.value.split("T");
+  if (s.length !== 2) {
+    n(null, r);
     return;
   }
-  const i = r[0].split("-"), o = new Date(
-    Number(i[0]),
-    Number(i[1]) - 1,
-    Number(i[2])
-  ), l = r[1].split(":");
-  o.setHours(Number(l[0] ?? 0)), o.setMinutes(Number(l[1] ?? 0)), o.setSeconds(Number(l[2] ?? 0)), s(o, n);
-}, e), rn = (s, e) => Y((t, n) => {
-  s(t.checked, n);
-}, e), on = (s, e = "input") => J(N.valueAsDate(s), fe[e](Zt(s.set))), ln = (s, e = "input") => J(N.valueAsDate(s), fe[e](es(s.set))), an = (s, e = "input") => J(N.valueAsNumber(s), fe[e](Qt(s.set))), cn = (s, e = "input") => J(N.value(s), fe[e](Xt(s.set))), un = (s) => J(N.checked(s), zt(s.set)), hn = (s) => L((e) => (e.appendOrInsert(s), (t) => {
-  t && ve(s);
-})), Ze = (s, ...e) => L((t) => {
-  const n = t.makeChildElement(s, void 0), r = e.map((i) => W(i).render(n));
-  return (i) => {
-    r.forEach((o) => o(!1)), n.clear(i);
-  };
-}), Te = (s, e, ...t) => L((n) => {
-  const r = n.makeChildElement(s, e), i = t.map((o) => W(o).render(r));
-  return (o) => {
-    i.forEach((l) => l(!1)), r.clear(o);
-  };
-}), ts = new Proxy(
+  const o = s[0].split("-"), i = new Date(
+    Number(o[0]),
+    Number(o[1]) - 1,
+    Number(o[2])
+  ), l = s[1].split(":");
+  i.setHours(Number(l[0] ?? 0)), i.setMinutes(Number(l[1] ?? 0)), i.setSeconds(Number(l[2] ?? 0)), n(i, r);
+}, e), en = (n, e) => x((t, r) => {
+  n(t.checked, r);
+}, e), tn = (n, e = "input") => S(
+  b.valueAsDate(n),
+  D[e](it((t) => n.set(t)))
+), nn = (n, e = "input") => S(
+  b.valueAsDate(n),
+  D[e](ot((t) => n.set(t)))
+), rn = (n, e = "input") => S(
+  b.valueAsNumber(n),
+  D[e](st((t) => n.set(t)))
+), sn = (n, e = "input") => S(b.value(n), D[e](rt((t) => n.set(t)))), on = (n) => S(
+  b.checked(n),
+  tt((e) => n.set(e))
+), lt = (n, e, t, r) => {
+  const s = p((o) => {
+    if (!o.isBrowser())
+      return () => {
+      };
+    const i = o.element, l = (c) => {
+      const a = c.target?.closest(e);
+      a != null && i.contains(a) && t(c, o);
+    };
+    return i.addEventListener(n, l, r), (c) => {
+      c && i.removeEventListener(n, l, r);
+    };
+  });
+  return s.kind = "dynamic-attr", s;
+}, ln = new Proxy(
+  {},
+  {
+    get: (n, e) => (t, r, s) => lt(e, t, r, s)
+  }
+), cn = (n) => p((e) => (e.appendOrInsert(n), (t) => {
+  t && $(n);
+})), ue = (n, ...e) => {
+  const t = e.map(C), r = p((s) => {
+    const o = s.makeChildElement(n, void 0), i = t.map((l) => l.render(o));
+    return (l) => {
+      i.forEach((c) => c(!1)), o.clear(l);
+    };
+  });
+  return r.kind = "element", r.tag = n, r.children = t, r;
+}, j = (n, e, ...t) => {
+  const r = t.map(C), s = p((o) => {
+    const i = o.makeChildElement(n, e), l = r.map((c) => c.render(i));
+    return (c) => {
+      l.forEach((a) => a(!1)), i.clear(c);
+    };
+  });
+  return s.kind = "element", s.tag = n, s.ns = e, s.children = r, s;
+}, ct = new Proxy(
   {},
   {
     /**
@@ -2716,9 +1513,9 @@ const Ht = /* @__PURE__ */ new Set([
      * @param tagName - The HTML tag name.
      * @returns A renderable function that creates and appends the HTML element to the DOM.
      */
-    get: (s, e) => (...t) => Ze(e, t.flatMap(W))
+    get: (n, e) => (...t) => ue(e, ...t)
   }
-), dn = new Proxy(
+), an = new Proxy(
   {},
   {
     /**
@@ -2726,9 +1523,9 @@ const Ht = /* @__PURE__ */ new Set([
      * @param type - The input type name.
      * @returns A renderable function that creates and appends the HTMLInput element to the DOM.
      */
-    get: (s, e) => (...t) => Ze("input", N.type(e), ...t)
+    get: (n, e) => (...t) => ue("input", b.type(e), ...t)
   }
-), et = "http://www.w3.org/2000/svg", fn = (s, ...e) => Te(s, et, ...e), pn = new Proxy(
+), de = "http://www.w3.org/2000/svg", un = (n, ...e) => j(n, de, ...e), dn = new Proxy(
   {},
   {
     /**
@@ -2736,9 +1533,9 @@ const Ht = /* @__PURE__ */ new Set([
      * @param tagName - The SVG tag name.
      * @returns A renderable function that creates and appends the SVG element to the DOM.
      */
-    get: (s, e) => (...t) => Te(e, et, t.flatMap(W))
+    get: (n, e) => (...t) => j(e, de, ...t)
   }
-), tt = "http://www.w3.org/1998/Math/MathML", mn = (s, ...e) => Te(s, tt, ...e), gn = new Proxy(
+), he = "http://www.w3.org/1998/Math/MathML", hn = (n, ...e) => j(n, he, ...e), fn = new Proxy(
   {},
   {
     /**
@@ -2746,117 +1543,123 @@ const Ht = /* @__PURE__ */ new Set([
      * @param tagName - The Math tag name.
      * @returns A renderable function that creates and appends the Math element to the DOM.
      */
-    get: (s, e) => (...t) => Te(e, tt, t.flatMap(W))
+    get: (n, e) => (...t) => j(e, he, ...t)
   }
-), xe = (s) => L((e) => {
+), F = (n) => p((e) => {
   if (e.isBrowser()) {
-    const t = s(e);
+    const t = n(e);
     if (t != null)
-      return W(t).render(e);
+      return C(t).render(e);
   }
   return () => {
   };
 });
-function yn({
-  src: s,
+function pn({
+  src: n,
   name: e,
   width: t,
-  height: n,
-  sandbox: r,
-  allow: i,
-  referrerpolicy: o,
+  height: r,
+  sandbox: s,
+  allow: o,
+  referrerpolicy: i,
   loading: l,
-  iframeChild: f,
-  onLoad: d
-} = {}, ...v) {
-  return ts.iframe(
-    N.src(s),
-    N.name(e),
-    N.width(
-      t != null ? C.map(t, String) : void 0
+  iframeChild: c,
+  onLoad: a
+} = {}, ...d) {
+  return ct.iframe(
+    b.src(n),
+    b.name(e),
+    b.width(
+      t != null ? _.map(t, String) : void 0
     ),
-    N.height(
-      n != null ? C.map(n, String) : void 0
+    b.height(
+      r != null ? _.map(r, String) : void 0
     ),
-    N.sandbox(r),
-    N.allow(i),
-    N.referrerpolicy(o),
-    f,
-    xe((S) => {
-      const O = S.element;
-      let T, A = !1;
-      const $ = () => {
-        if (A) return;
-        A = !0;
-        const M = O.contentDocument;
-        if (M && (d && d(O), v.length > 0)) {
-          const x = M.body;
-          if (x) {
-            const R = S.withElement(x);
-            T = he(J(...v), R);
+    b.sandbox(s),
+    b.allow(o),
+    b.referrerpolicy(i),
+    c,
+    F((m) => {
+      const u = m.element;
+      let h, f = !1;
+      const y = () => {
+        if (f) return;
+        f = !0;
+        const g = u.contentDocument;
+        if (g && (a && a(u), d.length > 0)) {
+          const w = g.body;
+          if (w) {
+            const fe = m.withElement(w);
+            h = H(S(...d), fe);
           }
         }
       };
-      return l != null && C.on(l, (M) => {
-        O.loading = M;
-      }), (v.length > 0 || d) && (s || setTimeout($, 0)), J(
-        v.length > 0 || d ? fe.load($) : jt,
-        Xe(() => {
-          T && T(!1);
+      return l != null && _.on(l, (g) => {
+        u.loading = g;
+      }), (d.length > 0 || a) && (n || setTimeout(y, 0)), S(
+        d.length > 0 || a ? D.load(y) : Fe,
+        ce(() => {
+          h && h(!1);
         })
       );
     })
   );
 }
-const vn = (s, e) => L((t) => {
-  const n = t.makePortal(s), r = he(W(e), n);
-  return () => r(!0);
-}), ge = /* @__PURE__ */ new Map(), ss = (s) => ({
-  mark: st(`Probe(${s.description})`),
+const mn = (n, e) => p((t) => {
+  const r = t.makePortal(n), s = H(C(e), r);
+  return () => s(!0);
+}), R = /* @__PURE__ */ new Map(), at = (n) => ({
+  mark: ye(`Probe(${n.description})`),
   create: ({ callback: e = () => {
   }, timeout: t = 10 } = {}) => {
-    const n = (l) => {
-      clearTimeout(r), ge.delete(s), e(l);
+    const r = (l) => {
+      clearTimeout(s), R.delete(n), e(l);
     };
-    if (ge.has(s))
-      throw new Error(`Probe already exists: ${s.description}`);
-    const r = setTimeout(() => n("timeout"), t), i = { counter: 0, timeoutId: r };
-    return ge.set(s, i), {
+    if (R.has(n))
+      throw new Error(`Probe already exists: ${n.description}`);
+    const s = setTimeout(() => r("timeout"), t), o = { counter: 0, timeoutId: s };
+    return R.set(n, o), {
       value: () => {
-        clearTimeout(r);
-        const l = ge.get(s);
-        l != null && --l.counter === 0 && n("resolved");
+        clearTimeout(s);
+        const l = R.get(n);
+        l != null && --l.counter === 0 && r("resolved");
       },
-      dispose: () => n("disposed"),
-      onUse: () => i.counter++
+      dispose: () => r("disposed"),
+      onUse: () => o.counter++
     };
   }
-}), wn = ss(Symbol("GlobalProbe"));
+}), gn = at(/* @__PURE__ */ Symbol("GlobalProbe"));
 function bn({
-  mode: s,
+  mode: n,
   delegatesFocus: e,
   slotAssignment: t,
-  clonable: n,
-  serializable: r
-}, ...i) {
-  return xe((o) => {
-    const l = { mode: s };
-    e !== void 0 && (l.delegatesFocus = e), t !== void 0 && (l.slotAssignment = t), n !== void 0 && (l.clonable = n), r !== void 0 && (l.serializable = r);
-    const f = o.element.attachShadow(l), d = o.withElement(f), v = he(J(...i), d);
-    return Xe(() => v(!0));
+  clonable: r,
+  serializable: s
+}, ...o) {
+  return F((i) => {
+    const l = { mode: n };
+    e !== void 0 && (l.delegatesFocus = e), t !== void 0 && (l.slotAssignment = t), r !== void 0 && (l.clonable = r), s !== void 0 && (l.serializable = s);
+    const c = i.element.attachShadow(l), a = i.withElement(c), d = H(S(...o), a);
+    return ce(() => d(!0));
   });
 }
-const ns = (s, e) => L((t) => {
-  const n = t.getStyle(s);
-  return t.setStyle(s, e), (r) => {
-    r && t.setStyle(s, n);
-  };
-}), rs = (s, e) => L((t) => {
-  const n = t.getStyle(s), r = e.on((i) => t.setStyle(s, i));
-  return (i) => {
-    r(), i && t.setStyle(s, n);
-  };
-}), ke = (s, e) => _.is(e) ? rs(s, e) : ns(s, e), Sn = new Proxy({}, {
+const ut = (n, e) => {
+  const t = p((r) => {
+    const s = r.getStyle(n);
+    return r.setStyle(n, e), (o) => {
+      o && r.setStyle(n, s);
+    };
+  });
+  return t.kind = "static-attr", t;
+}, dt = (n, e) => {
+  const t = p((r) => {
+    const s = r.getStyle(n), o = e.on((i) => r.setStyle(n, i));
+    return (i) => {
+      o(), i && r.setStyle(n, s);
+    };
+  });
+  return t.kind = "dynamic-attr", t;
+}, U = (n, e) => B.is(e) ? dt(n, e) : ut(n, e), yn = new Proxy({}, {
   /**
    * Creates a renderable component for the specified `style` property.
    *
@@ -2865,165 +1668,175 @@ const ns = (s, e) => L((t) => {
    * @returns The renderable component for the specified attribute.
    *
    */
-  get: (s, e) => e === "variable" ? (t, n) => ke(t, n) : (t) => ke(e, t)
-}), is = (s) => L((e) => e.makeChildText(s).clear), os = (s) => L((e) => {
-  const t = e.makeChildText(s.value), n = s.on(t.setText);
-  return (r) => {
-    n(), t.clear(r);
+  get: (n, e) => e === "variable" ? (t, r) => U(t, r) : (t) => U(e, t)
+}), ht = (n) => p((e) => {
+  const t = e.makeChildText(n);
+  return (r) => t.clear(r);
+}), ft = (n) => p((e) => {
+  const t = e.makeChildText(n.value), r = n.on((s) => t.setText(s));
+  return (s) => {
+    r(), t.clear(s);
   };
-}), Tn = (s) => _.is(s) ? os(s) : is(s), An = (s) => L((e) => {
-  const t = s(e);
+}), Tn = (n) => B.is(n) ? ft(n) : ht(n), Sn = (n) => p((e) => {
+  const t = n(e);
   return t == null ? () => {
-  } : W(t).render(e);
-}), _n = (s) => xe((e) => s(e.element)), En = (s) => L((e) => {
+  } : C(t).render(e);
+}), xn = (n) => F((e) => n(e.element)), wn = (n) => p((e) => {
   if (e.isHeadlessDOM()) {
-    const t = s(e);
+    const t = n(e);
     if (t)
-      return W(t).render(e);
+      return C(t).render(e);
   }
   return () => {
   };
 });
 export {
-  Jt as Aria,
-  Fs as Async,
-  Wt as Attr,
-  un as BindChecked,
-  on as BindDate,
-  ln as BindDateTime,
-  an as BindNumber,
-  cn as BindText,
-  te as BrowserContext,
-  oe as CLASS_PLACEHOLDER_ATTR,
-  ee as Computed,
-  Ws as Conjunction,
-  hn as DOMNode,
-  Ut as DataAttr,
-  ie as DisposalScope,
-  Ze as El,
-  Te as ElNS,
-  De as ElementPosition,
-  jt as Empty,
-  js as Ensure,
-  Vs as EnsureAll,
-  Ps as ForEach,
-  J as Fragment,
-  wn as GlobalProbe,
-  Pt as HYDRATION_ID_ATTR,
-  Es as HeadlessAdapter,
-  se as HeadlessContext,
-  It as HeadlessElement,
-  Ye as HeadlessPortal,
-  $t as HeadlessText,
-  yn as IFrame,
-  Rs as MapSignal,
-  Gt as MathAttr,
-  mn as MathEl,
-  He as MemoryStore,
-  Bs as NotEmpty,
-  zt as OnChecked,
-  Xe as OnDispose,
-  Ms as OneOf,
-  ks as OneOfField,
-  Is as OneOfKind,
-  Ns as OneOfTuple,
-  $s as OneOfType,
-  Hs as OneOfValue,
-  vn as Portal,
-  we as Prop,
-  Ks as Provide,
-  Je as ProviderNotFoundError,
-  _t as RenderingError,
-  Ls as Repeat,
-  Kt as SVGAttr,
-  fn as SVGEl,
+  ze as Aria,
+  $t as Async,
+  Ye as Attr,
+  on as BindChecked,
+  tn as BindDate,
+  nn as BindDateTime,
+  rn as BindNumber,
+  sn as BindText,
+  T as BrowserContext,
+  E as CLASS_PLACEHOLDER_ATTR,
+  vn as Computed,
+  Bt as Conjunction,
+  cn as DOMNode,
+  Xe as DataAttr,
+  Cn as DisposalScope,
+  ue as El,
+  j as ElNS,
+  En as ElementPosition,
+  Fe as Empty,
+  Dt as Ensure,
+  It as EnsureAll,
+  At as ForEach,
+  S as Fragment,
+  gn as GlobalProbe,
+  Me as HYDRATION_ID_ATTR,
+  yt as HeadlessAdapter,
+  v as HeadlessContext,
+  Ne as HeadlessElement,
+  oe as HeadlessPortal,
+  De as HeadlessText,
+  pn as IFrame,
+  kt as KeyedForEach,
+  Pn as KeyedPosition,
+  Ht as MapSignal,
+  Nt as MapText,
+  Ze as MathAttr,
+  hn as MathEl,
+  Mn as MemoryStore,
+  Rt as NotEmpty,
+  tt as OnChecked,
+  ce as OnDispose,
+  Ct as OneOf,
+  Et as OneOfField,
+  Pt as OneOfKind,
+  Lt as OneOfTuple,
+  Mt as OneOfType,
+  Ot as OneOfValue,
+  mn as Portal,
+  On as Prop,
+  Wt as Provide,
+  Tr as ProviderNotFoundError,
+  Ae as RenderingError,
+  vt as Repeat,
+  Qe as SVGAttr,
+  un as SVGEl,
   bn as ShadowRoot,
-  _ as Signal,
-  qs as Task,
+  Ln as Signal,
+  _t as Task,
   Tn as TextNode,
-  xs as Unless,
-  Gs as Use,
-  zs as UseMany,
-  C as Value,
-  Os as When,
-  xe as WithBrowserCtx,
-  An as WithCtx,
-  _n as WithElement,
-  En as WithHeadlessCtx,
-  Js as WithProvider,
-  Us as WithScope,
-  Ce as _NODE_PLACEHOLDER_ATTR,
-  Tt as _getSelfOrParentElement,
-  We as _isElement,
-  Ue as _isFragment,
-  St as _makeGetter,
-  bt as _makeSetter,
-  ve as _removeDOMNode,
-  os as _signalText,
-  is as _staticText,
-  ms as animateSignal,
-  vt as animateSignals,
-  Zs as aria,
-  N as attr,
-  bs as bind,
-  Ss as coalesce,
-  be as computed,
-  ne as computedOf,
-  ls as computedOfAsync,
-  as as computedOfAsyncGenerator,
-  wt as computedRecord,
-  At as createRenderKit,
-  nt as createRenderable,
-  Qs as dataAttr,
-  ys as delaySignal,
-  $e as effect,
-  lt as effectOf,
-  Yt as emit,
-  rn as emitChecked,
-  Y as emitTarget,
-  Xt as emitValue,
-  Zt as emitValueAsDate,
-  es as emitValueAsDateTime,
-  sn as emitValueAsNullableDate,
-  nn as emitValueAsNullableDateTime,
-  Qt as emitValueAsNumber,
-  pt as endInterpolate,
-  Oe as getCurrentScope,
-  hs as getParentScope,
-  us as getScopeStack,
-  Cs as getWindow,
-  mt as guessInterpolate,
-  ts as html,
-  dn as input,
-  ft as interpolateDate,
-  ht as interpolateNumber,
-  dt as interpolateString,
-  cs as joinSignals,
-  fs as localStorageProp,
-  ss as makeProbe,
-  st as makeProviderMark,
-  gn as math,
-  tn as mathAttr,
-  gs as merge,
-  fe as on,
-  ct as popScope,
-  vs as previousSignal,
-  B as prop,
-  at as pushScope,
-  As as render,
-  he as renderWithContext,
-  W as renderableOfTNode,
-  Ds as restoreTempoPlaceholders,
-  _s as runHeadless,
-  ds as scoped,
-  ps as sessionStorageProp,
-  ye as signal,
-  ws as slidingWindowSignal,
-  Ne as storedProp,
-  Sn as style,
-  pn as svg,
-  en as svgAttr,
-  Ts as syncProp,
-  Ae as untracked,
-  z as withScope
+  wt as Unless,
+  Ft as Use,
+  Kt as UseMany,
+  Hn as Value,
+  xt as When,
+  F as WithBrowserCtx,
+  Sn as WithCtx,
+  xn as WithElement,
+  wn as WithHeadlessCtx,
+  Vt as WithProvider,
+  jt as WithScope,
+  V as _NODE_PLACEHOLDER_ATTR,
+  we as _getSelfOrParentElement,
+  te as _isElement,
+  ne as _isFragment,
+  xe as _makeGetter,
+  Se as _makeSetter,
+  $ as _removeDOMNode,
+  ft as _signalText,
+  ht as _staticText,
+  Nn as animateSignal,
+  Dn as animateSignals,
+  Jt as aria,
+  b as attr,
+  In as bind,
+  Rn as coalesce,
+  _n as computed,
+  $n as computedOf,
+  Bn as computedOfAsync,
+  jn as computedOfAsyncGenerator,
+  Vn as computedRecord,
+  Sr as createRenderKit,
+  Wn as createRenderable,
+  Fn as createSelector,
+  Ut as dataAttr,
+  Kn as delaySignal,
+  ln as delegate,
+  qn as effect,
+  Gn as effectOf,
+  nt as emit,
+  en as emitChecked,
+  x as emitTarget,
+  rt as emitValue,
+  it as emitValueAsDate,
+  ot as emitValueAsDateTime,
+  Qt as emitValueAsNullableDate,
+  Zt as emitValueAsNullableDateTime,
+  st as emitValueAsNumber,
+  Un as endInterpolate,
+  Jn as getCurrentScope,
+  Yn as getParentScope,
+  Xn as getScopeStack,
+  St as getWindow,
+  zn as guessInterpolate,
+  ct as html,
+  an as input,
+  Qn as interpolateDate,
+  Zn as interpolateNumber,
+  er as interpolateString,
+  tr as joinSignals,
+  nr as localStorageProp,
+  at as makeProbe,
+  rr as makeProviderMark,
+  fn as math,
+  Xt as mathAttr,
+  sr as merge,
+  D as on,
+  ir as popScope,
+  or as previousSignal,
+  lr as prop,
+  cr as pushScope,
+  gt as render,
+  H as renderWithContext,
+  C as renderableOfTNode,
+  Tt as restoreTempoPlaceholders,
+  bt as runHeadless,
+  ar as scoped,
+  zt as selectedClass,
+  ur as sessionStorageProp,
+  dr as signal,
+  hr as slidingWindowSignal,
+  fr as storedProp,
+  pr as strictEquals,
+  yn as style,
+  dn as svg,
+  Yt as svgAttr,
+  mr as syncProp,
+  gr as untracked,
+  br as withScope
 };