@tempots/dom 35.0.4 → 36.0.0

package/index.js

@@ -1,23 +1,23 @@
-const Ge = (t) => Symbol(t);
-function Ke(t, e) {
+const st = (s) => Symbol(s);
+function nt(s, e) {
   return {
-    type: t,
+    type: s,
     render: e
   };
 }
-function _e(t) {
-  return t != null && t !== !1 && t !== 0 && t !== "";
+function Ie(s) {
+  return s != null && s !== !1 && s !== 0 && s !== "";
 }
-function Ye(t) {
-  return !_e(t);
+function rt(s) {
+  return !Ie(s);
 }
-function Xe(t) {
-  return t == null;
+function it(s) {
+  return s == null;
 }
-function Qe(t) {
-  return t != null;
+function ot(s) {
+  return s != null;
 }
-const w = {
+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.
@@ -29,7 +29,7 @@ const w = {
    * @param fn - The function to map the value.
    * @returns The mapped value.
    */
-  map: (t, e) => y.is(t) ? t.map(e) : e(t),
+  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.
@@ -40,30 +40,30 @@ const w = {
    * @param equals - A function that determines if two values are equal. Defaults to strict equality (===).
    * @returns A Signal instance.
    */
-  toSignal: (t, e) => y.is(t) ? t.derive() : re(t, e),
+  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: (t, e) => {
-    if (t != null)
-      return w.toSignal(t, e);
+  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: (t) => y.is(t) ? t.get() : t,
+  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: (t, e) => y.is(t) ? t.on(e) : (e(t), () => {
+  on: (s, e) => _.is(s) ? s.on(e) : (e(s), () => {
   }),
   /**
    * Disposes of a value or a Signal.
@@ -71,8 +71,8 @@ const w = {
    * If the value is not a Signal, it does nothing.
    * @param value - The value or Signal instance to dispose of.
    */
-  dispose: (t) => {
-    y.is(t) && t.dispose();
+  dispose: (s) => {
+    _.is(s) && s.dispose();
   },
   /**
    * Returns a function that disposes of a value or a Signal.
@@ -81,7 +81,7 @@ const w = {
    * @param value - The value or Signal instance to dispose of.
    * @returns A function to dispose of the value or Signal.
    */
-  disposeFn: (t) => () => w.dispose(t),
+  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.
@@ -92,62 +92,73 @@ const w = {
    * @param options.equals - A function that determines if two values are equal.
    * @returns A Prop instance.
    */
-  deriveProp: (t, {
+  deriveProp: (s, {
     autoDisposeProp: e = !0,
-    equals: s
-  } = {}) => y.is(t) ? t.deriveProp({ autoDisposeProp: e, equals: s }) : D(t, s),
+    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: (t) => w.map(t, _e),
+  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: (t) => w.map(t, Ye),
+  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: (t) => w.map(t, Xe),
+  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: (t) => w.map(t, Qe)
-}, J = (...t) => (e, s) => {
-  if (t.length === 1)
-    return w.toSignal(t[0]).map(e);
-  const n = t.filter((r) => y.is(r));
-  return ne(
-    () => e(...t.map((r) => w.get(r))),
+  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,
-    s
+    t
   );
-}, Yt = (...t) => (e, s, n, r = (o, i) => o === i) => J(...t)((...o) => o).mapAsync(
-  ([...o]) => e(...o),
-  s,
+}, 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
-), Xt = (t) => {
-  const e = Object.keys(t);
-  return J(...Object.values(t))(
-    (...s) => Object.fromEntries(e.map((n, r) => [n, s[r]]))
+), cs = (s) => {
+  const e = Object.keys(s);
+  return ne(...Object.values(s))(
+    (...t) => Object.fromEntries(e.map((n, r) => [n, t[r]]))
   );
-}, Ze = (...t) => (e, s = {}) => {
-  const n = t.filter((r) => y.is(r));
-  return Ae(
-    () => e(...t.map(w.get)),
+}, lt = (...s) => (e, t = {}) => {
+  const n = s.filter((r) => _.is(r));
+  return $e(
+    () => e(...s.map(C.get)),
     n,
-    s
+    t
   );
 };
-class z {
+class ie {
   _signals = /* @__PURE__ */ new Set();
   _callbacks = [];
   _disposed = !1;
@@ -192,8 +203,8 @@ class z {
       for (const e of this._callbacks)
         try {
           e();
-        } catch (s) {
-          const n = s instanceof Error ? s.message : String(s);
+        } catch (t) {
+          const n = t instanceof Error ? t.message : String(t);
           console.error("Error in disposal callback:", n);
         }
       this._callbacks.length = 0;
@@ -220,8 +231,8 @@ class z {
    * @returns A tracked Prop signal
    * @public
    */
-  prop(e, s) {
-    const n = ce(() => D(e, s));
+  prop(e, t) {
+    const n = Ae(() => B(e, t));
     return this.track(n), n;
   }
   /**
@@ -234,8 +245,8 @@ class z {
    * @returns A tracked Computed signal
    * @public
    */
-  computed(e, s, n) {
-    const r = ce(() => ne(e, s, n));
+  computed(e, t, n) {
+    const r = Ae(() => be(e, t, n));
     return this.track(r), r;
   }
   /**
@@ -248,8 +259,8 @@ class z {
    * @returns A clear function (the effect itself is tracked in the scope)
    * @public
    */
-  effect(e, s, n) {
-    return k(this, () => Ae(e, s, n));
+  effect(e, t, n) {
+    return z(this, () => $e(e, t, n));
   }
   /**
    * Creates a computed signal with curried signature and tracks it in this scope.
@@ -260,8 +271,8 @@ class z {
    * @public
    */
   computedOf(...e) {
-    return (s, n) => {
-      const r = ce(() => J(...e)(s, n));
+    return (t, n) => {
+      const r = Ae(() => ne(...e)(t, n));
       return this.track(r), r;
     };
   }
@@ -274,39 +285,39 @@ class z {
    * @public
    */
   effectOf(...e) {
-    return (s, n) => k(this, () => Ze(...e)(s, n));
+    return (t, n) => z(this, () => lt(...e)(t, n));
   }
 }
-const T = [], et = (t) => {
-  T.push(t);
-}, tt = () => {
-  if (T.length === 0)
+const j = [], at = (s) => {
+  j.push(s);
+}, ct = () => {
+  if (j.length === 0)
     throw new Error("Cannot pop from empty scope stack");
-  T.pop();
-}, pe = () => T[T.length - 1] ?? null, Qt = () => T, Zt = () => T[T.length - 2] ?? null, k = (t, e) => {
-  et(t);
+  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 {
-    tt();
+    ct();
   }
-}, es = (t) => {
-  const e = new z();
+}, ds = (s) => {
+  const e = new ie();
   try {
-    return k(e, () => t(e));
+    return z(e, () => s(e));
   } finally {
     e.dispose();
   }
-}, ce = (t) => {
-  const e = T.slice();
-  T.length = 0;
+}, Ae = (s) => {
+  const e = j.slice();
+  j.length = 0;
   try {
-    return t();
+    return s();
   } finally {
-    T.length = 0, T.push(...e);
+    j.length = 0, j.push(...e);
   }
 };
-class y {
+class _ {
   /**
    * Represents a signal with a value of type T.
    *
@@ -314,8 +325,8 @@ class y {
    * @param equals - A function that determines whether two values of type T are equal.
    * @public
    */
-  constructor(e, s) {
-    this.equals = s, this._value = e;
+  constructor(e, t) {
+    this.equals = t, this._value = e;
   }
   /**
    * Creates a Signal that holds the result of a Promise, with proper error handling.
@@ -358,14 +369,14 @@ class y {
    * @param equals - Function to compare two values for equality (defaults to strict equality)
    * @returns A Signal that represents the result of the Promise
    */
-  static ofPromise = (e, s, n, r = (o, i) => o === i) => {
-    const o = new y(s, r);
-    return e.then((i) => o._setAndNotify(i)).catch((i) => {
-      n != null ? o._setAndNotify(n(i)) : console.error(
+  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:",
-        i
+        o
       );
-    }), o;
+    }), i;
   };
   /**
    * Checks if a value is a Signal.
@@ -442,17 +453,17 @@ class y {
    * }
    * ```
    */
-  on = (e, s = {}) => {
-    s.skipInitial || e(this.get(), void 0);
-    const n = s.once ? (o, i) => {
-      r(), e(o, i);
+  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 o = this._onValueListeners.indexOf(n);
-      o !== -1 && this._onValueListeners.splice(o, 1), s.abortSignal != null && s.abortSignal.removeEventListener("abort", r);
+      const i = this._onValueListeners.indexOf(n);
+      i !== -1 && this._onValueListeners.splice(i, 1), t.abortSignal != null && t.abortSignal.removeEventListener("abort", r);
     };
-    return s.abortSignal != null && s.abortSignal.addEventListener("abort", r), !s.noAutoDispose && pe()?.onDispose(r), 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.
@@ -462,20 +473,20 @@ class y {
    * @param listener - The listener function to be called when the value of the signal changes.
    * @param options - Options for the listener.
    */
-  onChange = (e, s = {}) => {
+  onChange = (e, t = {}) => {
     let n = 0;
-    const r = (o, i) => {
-      n++ > 0 && e(o, i);
+    const r = (i, o) => {
+      n++ > 0 && e(i, o);
     };
-    return this.on(r, s);
+    return this.on(r, t);
   };
   /**
    * @internal
    */
   _setAndNotify = (e) => {
     if (this._disposed) return;
-    const s = this._value;
-    this.equals(s, e) || (this._value = e, this._onValueListeners.forEach((n) => n(e, s)));
+    const t = this._value;
+    this.equals(t, e) || (this._value = e, this._onValueListeners.forEach((n) => n(e, t)));
   };
   /**
    * @internal
@@ -563,14 +574,14 @@ class y {
    * @param equals - Optional function to determine if two transformed values are equal (defaults to strict equality)
    * @returns A new computed signal with the transformed value (auto-registered with current scope)
    */
-  map = (e, s = (n, r) => n === r) => {
-    const n = new R(() => {
+  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;
       }
-    }, s);
+    }, t);
     return this.setDerivative(n), n;
   };
   /**
@@ -583,14 +594,14 @@ class y {
    *               Defaults to a strict equality check (===).
    * @returns A new Signal that emits the values of the resulting Signal.
    */
-  flatMap = (e, s = (n, r) => n === r) => {
-    const n = new R(() => {
+  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;
       }
-    }, s);
+    }, t);
     return this.setDerivative(n), n;
   };
   /**
@@ -599,14 +610,14 @@ class y {
    * @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((s) => (e(s), s));
+  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((s) => s[e]);
+  at = (e) => this.map((t) => t[e]);
   /**
    * @internal
    */
@@ -617,17 +628,17 @@ class y {
    */
   get $() {
     return this._$ !== void 0 ? this._$ : this._$ = new Proxy(this, {
-      get: (e, s) => this.at(s)
+      get: (e, t) => this.at(t)
     });
   }
-  filter = (e, s) => {
-    let n = s ?? this.get();
-    const r = new R(() => {
+  filter = (e, t) => {
+    let n = t ?? this.get();
+    const r = new ee(() => {
       try {
-        const o = this.get();
-        return n = e(o) ? o : n;
-      } catch (o) {
-        throw console.error("Error in Signal.filter:", o), o;
+        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;
@@ -642,17 +653,17 @@ class y {
    * @param equals - Optional equality function to determine if two values are equal.
    * @returns - A new Computed object with the mapped and filtered values.
    */
-  filterMap = (e, s, n = (r, o) => r === o) => {
-    let r = s;
-    const o = new R(() => {
+  filterMap = (e, t, n = (r, i) => r === i) => {
+    let r = t;
+    const i = new ee(() => {
       try {
-        const i = this.get();
-        return r = e(i) ?? r;
-      } catch (i) {
-        throw console.error("Error in Signal.filterMap:", i), i;
+        const o = this.get();
+        return r = e(o) ?? r;
+      } catch (o) {
+        throw console.error("Error in Signal.filterMap:", o), o;
       }
     }, n);
-    return this.setDerivative(o), o;
+    return this.setDerivative(i), i;
   };
   /**
    * Maps the values emitted by the signal to a new value asynchronously using the provided function.
@@ -667,25 +678,89 @@ class y {
    * @param equals - The equality function to compare the mapped values for equality.
    * @returns A property that holds the mapped value and can be observed for changes.
    */
-  mapAsync = (e, s, n, r = (o, i) => o === i) => {
-    const o = D(s, r);
-    let i = 0, l = new AbortController();
-    return o.onDispose(
-      this.on(async (a) => {
-        const c = ++i;
+  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 u = await e(a, { abortSignal: l.signal });
-          c === i && o.set(u);
-        } catch (u) {
-          if (c === i)
+          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)
-              o.set(n(u));
+              i.set(n(v));
             else
-              throw u;
+              throw v;
         }
       })
-    ), o;
+    ), i;
   };
   /**
    * Maps the values of the signal using the provided function `fn`, and returns a new signal
@@ -697,16 +772,16 @@ class y {
    * @param alt - The alternative value to use when the mapped value is `undefined` or `null`.
    * @returns A new signal containing the mapped values.
    */
-  mapMaybe = (e, s) => this.map((n) => e(n) ?? s);
+  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, s = !1) => {
-    const n = this.on(e.set, { noAutoDispose: !s });
-    return e.onDispose(n), s ? this.onDispose(e.dispose) : this.onDispose(n), e;
+  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.
@@ -717,8 +792,8 @@ class y {
    */
   deriveProp = ({
     autoDisposeProp: e = !0,
-    equals: s
-  } = {}) => this.feedProp(D(this.get(), s), e);
+    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.
@@ -747,8 +822,8 @@ class y {
     }), e.onDispose(this.on(e.setDirty, { noAutoDispose: !0 })), this.onDispose(e.dispose);
   };
 }
-const st = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
-class R extends y {
+const ut = typeof queueMicrotask == "function" ? queueMicrotask : (s) => Promise.resolve().then(s);
+class ee extends _ {
   /**
    * Creates a new Computed signal.
    *
@@ -773,8 +848,8 @@ class R extends y {
    * @see {@link getCurrentScope} - Get the current disposal scope
    * @see {@link untracked} - Create signals outside of scope tracking
    */
-  constructor(e, s) {
-    super(void 0, s), this._fn = e, this.setDirty(), pe()?.track(this);
+  constructor(e, t) {
+    super(void 0, t), this._fn = e, this.setDirty(), Oe()?.track(this);
   }
   /**
    * Checks if a value is an instance of `Computed`.
@@ -812,7 +887,7 @@ class R extends y {
    */
   _scheduleNotify = () => {
     const e = ++this._scheduleCount;
-    st(() => {
+    ut(() => {
       this._scheduleCount !== e || this._disposed || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn()));
     });
   };
@@ -831,7 +906,7 @@ class R extends y {
     this._disposed || (this._scheduleCount++, this._disposed = !0, this._onDisposeListeners.forEach((e) => e()), this._onDisposeListeners.length = 0, this._derivatives.length = 0);
   };
 }
-class se extends y {
+class we extends _ {
   /**
    * Checks if a value is a Prop.
    * @param value - The value to check.
@@ -866,15 +941,15 @@ class se extends y {
    * @param effects - An array of effects to be executed after the state is updated.
    * @returns A dispatch function that can be used to update the state and trigger the effects.
    */
-  reducer = (e, ...s) => {
+  reducer = (e, ...t) => {
     const n = this;
-    return function r(o) {
-      const i = n.value;
-      n.update((l) => e(l, o)), !n.equals(i, n.value) && s.forEach(
+    return function r(i) {
+      const o = n.value;
+      n.update((l) => e(l, i)), !n.equals(o, n.value) && t.forEach(
         (l) => l({
-          previousState: i,
+          previousState: o,
           state: n.value,
-          action: o,
+          action: i,
           dispatch: r
         })
       );
@@ -891,9 +966,9 @@ class se extends y {
    *                Defaults to a strict equality check (===).
    * @returns A Prop object representing the isomorphism.
    */
-  iso = (e, s, n = (r, o) => r === o) => {
-    const r = new se(e(this.get()), n);
-    return r.onDispose(this.on((o) => r.set(e(o)))), r.on((o) => this._setAndNotify(s(o))), r;
+  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.
@@ -902,8 +977,8 @@ class se extends y {
    * @returns A `Prop` that represents the value at the specified key.
    */
   atProp = (e) => this.iso(
-    (s) => s[e],
-    (s) => ({ ...this.value, [e]: s })
+    (t) => t[e],
+    (t) => ({ ...this.value, [e]: t })
   );
   /**
    *  Access for the current value of the property.
@@ -915,42 +990,42 @@ class se extends y {
     this._setAndNotify(e);
   }
 }
-const ne = (t, e, s = (n, r) => n === r) => {
-  const n = new R(t, s);
+const be = (s, e, t = (n, r) => n === r) => {
+  const n = new ee(s, t);
   return e.forEach((r) => r.setDerivative(n)), n;
-}, Ae = (t, e, s = {}) => {
-  let n = s.once ? () => {
-    o(), t();
-  } : t;
-  if (s.skipInitial) {
-    let i = !1;
+}, $e = (s, e, t = {}) => {
+  let n = t.once ? () => {
+    i(), s();
+  } : s;
+  if (t.skipInitial) {
+    let o = !1;
     const l = n;
     n = () => {
-      i ? l() : i = !0;
+      o ? l() : o = !0;
     };
   }
-  const r = ne(n, e), o = () => {
-    r.dispose(), s.abortSignal != null && s.abortSignal.removeEventListener("abort", o);
-  };
-  return s.abortSignal != null && s.abortSignal.addEventListener("abort", o), o;
-}, D = (t, e = (s, n) => s === n) => {
-  const s = new se(t, e);
-  return pe()?.track(s), s;
-}, re = (t, e = (s, n) => s === n) => new y(t, e), oe = () => (
+  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
-), nt = (t, e, s) => t + (e - t) * s, ve = 97, rt = (t, e, s) => {
-  const n = Math.max(t.length, e.length);
+), 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 o = 0; o < n; o++) {
-    let i = t.charCodeAt(o);
-    isNaN(i) && (i = ve);
-    let l = e.charCodeAt(o);
-    isNaN(l) && (l = ve), r += String.fromCharCode(i + (l - i) * s);
+  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;
-}, ot = (t, e, s) => new Date(t.getTime() + (e.getTime() - t.getTime()) * s), it = (t, e) => e, lt = (t) => typeof t == "number" ? nt : typeof t == "string" ? rt : t instanceof Date ? ot : it;
-class Te {
+}, 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.
@@ -963,228 +1038,228 @@ class Te {
    * @param key - The key to set the value for.
    * @param value - The value to set.
    */
-  setItem = (e, s) => {
-    this._store.set(e, s);
+  setItem = (e, t) => {
+    this._store.set(e, t);
   };
 }
-let ue = null, he = null;
-const at = () => (ue || (ue = new Te()), ue), ct = () => (he || (he = new Te()), he), Ee = ({
-  key: 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: s,
+  store: t,
   serialize: n = JSON.stringify,
   deserialize: r = JSON.parse,
-  equals: o = (c, u) => c === u,
-  onLoad: i = (c) => c,
+  equals: i = (d, v) => d === v,
+  onLoad: o = (d) => d,
   syncTabs: l = !0,
-  onKeyChange: a = "load"
+  onKeyChange: f = "load"
 }) => {
-  let c = w.get(t);
-  const u = s.getItem(c), d = new se(
-    u != null ? i(r(u)) : typeof e == "function" ? e() : e,
-    o
-  ), f = oe(), h = l && typeof f?.BroadcastChannel == "function";
-  let p = !1, v = null, S = null;
-  const b = (_) => {
-    if (!h) return null;
-    const I = `tempo:storedProp:${_}`, P = new f.BroadcastChannel(I), H = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`, O = (Q) => {
-      const C = Q.data;
-      if (!(C == null || typeof C != "object" || C.key !== _ || typeof C.value != "string" || C.sourceId != null && C.sourceId === H))
+  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 {
-          p = !0;
-          const ae = i(r(C.value));
-          d.set(ae);
-        } catch (ae) {
+          A = !0;
+          const re = o(r(H.value));
+          S.set(re);
+        } catch (re) {
           console.warn(
-            `Failed to sync storedProp for key "${_}" via BroadcastChannel`,
-            ae
+            `Failed to sync storedProp for key "${k}" via BroadcastChannel`,
+            re
           );
         } finally {
-          p = !1;
+          A = !1;
         }
     };
-    return P.addEventListener("message", O), d.onDispose(() => {
-      P?.removeEventListener("message", O), P?.close();
-    }), { channel: P, instanceId: H, handleMessage: O };
-  }, L = b(c);
-  L && (v = L.channel, S = L.instanceId);
-  const X = (_) => {
-    const I = c;
-    if (I === _) return;
-    const P = d.get(), H = n(P);
-    if (s.setItem(I, H), v != null && (v.close(), v = null, S = null), c = _, a === "load") {
-      const Q = s.getItem(_);
-      if (Q != null)
+    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 C = i(r(Q));
-          d.set(C);
-        } catch (C) {
+          const H = o(r(K));
+          S.set(H);
+        } catch (H) {
           console.warn(
-            `Failed to load storedProp from new key "${_}"`,
-            C
+            `Failed to load storedProp from new key "${k}"`,
+            H
           );
         }
       else
-        s.setItem(_, H);
-    } else a === "migrate" && s.setItem(_, H);
-    const O = b(_);
-    O && (v = O.channel, S = O.instanceId);
-  };
-  return y.is(t) && d.onDispose(t.on(X)), d.on((_, I) => {
-    const P = n(_);
-    s.setItem(c, P), v != null && !p && I !== void 0 && S != null && v.postMessage({
-      key: c,
-      value: P,
-      sourceId: S
+        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
     });
-  }), d;
-}, ts = (t) => {
-  const e = oe()?.localStorage, s = e && typeof e.getItem == "function" ? e : at();
-  return Ee({
-    ...t,
-    store: s
+  }), S;
+}, fs = (s) => {
+  const e = Se()?.localStorage, t = e && typeof e.getItem == "function" ? e : gt();
+  return Ne({
+    ...s,
+    store: t
   });
-}, ss = (t) => {
-  const e = oe()?.sessionStorage, s = e && typeof e.getItem == "function" ? e : ct();
-  return Ee({
-    ...t,
-    store: s
+}, ps = (s) => {
+  const e = Se()?.sessionStorage, t = e && typeof e.getItem == "function" ? e : yt();
+  return Ne({
+    ...s,
+    store: t
   });
 };
-function be(t) {
-  return typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 0);
+function Le(s) {
+  return typeof requestAnimationFrame == "function" ? requestAnimationFrame(s) : setTimeout(s, 0);
 }
-const ut = (t, e, s, n) => {
-  const r = n?.duration ?? 300, o = n?.easing ?? ((b) => b), i = n?.equals ?? ((b, L) => b === L);
-  let l = n?.interpolate, a = t, c = e(), u = performance.now(), d = null, f = !0;
-  const h = new R(e, i), p = D(t, i);
-  p.onDispose(() => {
-    d !== null && cancelAnimationFrame(d);
-  }), p.onDispose(h.dispose), s.forEach((b) => {
-    b.setDerivative(h), b.onDispose(p.dispose);
+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 v = (b) => {
-    c = b, u = performance.now(), a = p.value, f && (f = !1, d = be(S));
-  }, S = () => {
-    const b = (performance.now() - u) / w.get(r), L = o(b);
-    l == null && (l = lt(a));
-    let X = l(a, c, L);
-    b >= 1 ? (f = !0, X = c) : d = be(S), p.set(X);
-  };
-  return h.on(v), p;
-}, ns = (t, e) => {
-  const { initialValue: s, ...n } = e ?? {};
-  return ut(
+  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 */
-    s ?? t.get(),
-    t.get,
-    [t],
+    t ?? s.get(),
+    s.get,
+    [s],
     n
   );
-}, ht = (t, e) => {
-  const s = Object.values(t).filter(y.is), n = Object.keys(t);
-  return ne(() => {
+}, wt = (s, e) => {
+  const t = Object.values(s).filter(_.is), n = Object.keys(s);
+  return be(() => {
     const r = {};
-    for (const o of n)
-      r[o] = w.get(t[o]);
+    for (const i of n)
+      r[i] = C.get(s[i]);
     return e(r);
-  }, s);
-}, rs = (t) => ht(t, (e) => e), os = (t, e) => {
-  const s = D(t.get());
+  }, t);
+}, gs = (s) => wt(s, (e) => e), ys = (s, e) => {
+  const t = B(s.get());
   let n = null;
-  const r = t.on(
-    (o) => {
+  const r = s.on(
+    (i) => {
       n != null && clearTimeout(n), n = setTimeout(
         () => {
-          n = null, s.set(o);
+          n = null, t.set(i);
         },
-        typeof e == "function" ? e(o) : e
+        typeof e == "function" ? e(i) : e
       );
     },
     { noAutoDispose: !0 }
   );
-  return s.onDispose(() => {
+  return t.onDispose(() => {
     r(), n != null && clearTimeout(n);
-  }), s;
-}, is = (t) => {
+  }), t;
+}, vs = (s) => {
   let e;
-  return t.map((s) => {
+  return s.map((t) => {
     const n = e;
-    return e = s, n;
+    return e = t, n;
   });
-}, ls = ({
-  size: t = void 0,
+}, ws = ({
+  size: s = void 0,
   signal: e
 }) => {
-  const s = [];
-  return e.map((n) => (s.push(n), t != null && s.length > t && s.shift(), s.slice()));
-}, as = (t) => (...e) => J(
-  t,
+  const t = [];
+  return e.map((n) => (t.push(n), s != null && t.length > s && t.shift(), t.slice()));
+}, bs = (s) => (...e) => ne(
+  s,
   ...e
-)((s, ...n) => s(...n));
-function cs(...t) {
-  return J(...t)((...e) => {
-    for (const s of e) if (s != null) return s;
+)((t, ...n) => t(...n));
+function Ss(...s) {
+  return ne(...s)((...e) => {
+    for (const t of e) if (t != null) return t;
   });
 }
-const us = (t, {
+const Ts = (s, {
   channel: e,
-  serialize: s = JSON.stringify,
+  serialize: t = JSON.stringify,
   deserialize: n = JSON.parse,
-  equals: r = (o, i) => o === i
+  equals: r = (i, o) => i === o
 }) => {
-  const o = oe();
-  if (typeof o?.BroadcastChannel != "function")
+  const i = Se();
+  if (typeof i?.BroadcastChannel != "function")
     return () => {
     };
-  const i = new o.BroadcastChannel(
+  const o = new i.BroadcastChannel(
     `tempo:syncProp:${e}`
   ), l = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
-  let a = !1;
-  const c = (f) => {
-    const h = f.data;
-    if (!(h == null || typeof h != "object" || typeof h.value != "string" || h.sourceId != null && h.sourceId === l))
+  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 {
-        a = !0;
-        const p = n(h.value);
-        r(t.get(), p) || t.set(p);
-      } catch (p) {
+        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`,
-          p
+          A
         );
       } finally {
-        a = !1;
+        f = !1;
       }
   };
-  i.addEventListener("message", c);
-  const u = t.on((f, h) => {
-    if (!a && h !== void 0 && !r(f, h))
+  o.addEventListener("message", d);
+  const v = s.on((O, T) => {
+    if (!f && T !== void 0 && !r(O, T))
       try {
-        const p = s(f);
-        i.postMessage({
-          value: p,
+        const A = t(O);
+        o.postMessage({
+          value: A,
           sourceId: l
         });
-      } catch (p) {
+      } catch (A) {
         console.warn(
           `Failed to serialize prop for channel "${e}" via BroadcastChannel`,
-          p
+          A
         );
       }
-  }), d = () => {
-    u(), i.removeEventListener("message", c), i.close();
+  }), S = () => {
+    v(), o.removeEventListener("message", d), o.close();
   };
-  return t.onDispose(d), d;
+  return s.onDispose(S), S;
 };
-class de {
+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, s) {
-    this.index = e, this.total = s, this.counter = e + 1, this.isFirst = e === 0, this.isEven = e % 2 === 1, this.isOdd = e % 2 === 0;
+  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.
@@ -1225,12 +1300,22 @@ class de {
     this.#e?.dispose(), this.#e = void 0;
   };
 }
-const Ce = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), De = /* @__PURE__ */ new Set(["selected"]), xe = /* @__PURE__ */ new Set([
+const Re = /* @__PURE__ */ new Set([
+  "checked",
+  "disabled",
+  "hidden",
+  "multiple",
+  "readonly",
+  "required",
+  "autofocus"
+]), je = /* @__PURE__ */ new Set(["selected"]), Ve = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), Le = /* @__PURE__ */ new Set(["valueAsDate"]), Pe = /* @__PURE__ */ new Set([
+]), Be = /* @__PURE__ */ new Set(["valueAsDate"]), qe = {
+  readonly: "readOnly"
+}, Fe = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -1239,28 +1324,391 @@ const Ce = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), De = /* @
   "outerHTML",
   "className",
   "classList"
-]), dt = (t, e) => De.has(t) ? (s) => {
-  s == null || s !== !0 ? e.removeAttribute(t) : e.setAttribute(t, "");
-} : Ce.has(t) ? (s) => {
-  s == null ? e[t] = null : e[t] = !!s;
-} : xe.has(t) ? (s) => {
-  s == null ? e[t] = null : e[t] = Number(s);
-} : Le.has(t) ? (s) => {
-  s == null ? e[t] = null : e[t] = s;
-} : Pe.has(t) ? (s) => {
-  s == null ? e[t] = null : e[t] = String(s);
-} : (s) => {
-  s == null ? e.removeAttribute(t) : e.setAttribute(t, s);
-}, ft = (t, e) => De.has(t) ? () => e.hasAttribute(t) : Ce.has(t) ? () => !!e[t] : xe.has(t) ? () => Number(e[t]) : Le.has(t) ? () => e[t] : Pe.has(t) ? () => String(e[t]) : () => e.getAttribute(t), te = (t) => {
-  const e = t;
-  e && e.onblur && (e.onblur = null), !(!t || t.ownerDocument === void 0) && t.parentNode && t.parentNode.removeChild(t);
-}, pt = (t) => Oe(t) || ke(t) ? t : t.parentElement, Oe = (t) => t.nodeType === 1, ke = (t) => t.nodeType === 11;
-class Me extends Error {
+]), bt = (s, e) => {
+  if (je.has(s))
+    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}`);
   }
 }
-class j {
+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);
+    };
+  }), 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);
+    };
+  }), 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
+  };
+}
+class te {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -1270,8 +1718,8 @@ class j {
    * @param providers - The `Providers` instance associated with this context.
    * @param isFirstLevel - A boolean value indicating whether this context is at the first level, meaning the outermost node in the generated DOM.
    */
-  constructor(e, s, n, r) {
-    this.document = e, this.element = s, this.reference = n, this.providers = r;
+  constructor(e, t, n, r) {
+    this.document = e, this.element = t, this.reference = n, this.providers = r;
   }
   /**
    * Creates a new `DOMContext` instance for the given `Element` and optional reference `Node`.
@@ -1281,8 +1729,8 @@ class j {
    * @param providers - The providers to associate with the `DOMContext`.
    * @returns A new `DOMContext` instance.
    */
-  static of(e, s, n) {
-    return new j(e.ownerDocument, e, s, n);
+  static of(e, t, n) {
+    return new te(e.ownerDocument, e, t, n);
   }
   /**
    * Creates a new DOM element (eg: HTML or SVG) with the specified tag name and namespace.
@@ -1291,7 +1739,7 @@ class j {
    * @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, s) => s !== void 0 ? this.document.createElementNS(s, e) : this.document.createElement(e);
+  createElement = (e, t) => 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.
    *
@@ -1314,8 +1762,8 @@ class j {
    * @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, s) => {
-    const n = this.createElement(e, s);
+  makeChildElement = (e, t) => {
+    const n = this.createElement(e, t);
     return this.appendOrInsert(n), this.withElement(n);
   };
   /**
@@ -1330,8 +1778,8 @@ class j {
    * @returns A new `DOMContext` with a reference to the new text node.
    */
   makeChildText = (e) => {
-    const s = this.createText(e);
-    return this.appendOrInsert(s), this.withReference(s);
+    const t = this.createText(e);
+    return this.appendOrInsert(t), this.withReference(t);
   };
   /**
    * Sets the text content of the current element.
@@ -1367,7 +1815,7 @@ class j {
    * @param element - The DOM element to use in the new `DOMContext` instance.
    * @returns A new `DOMContext` instance with the provided `element`.
    */
-  withElement = (e) => new j(
+  withElement = (e) => new te(
     e.ownerDocument ?? this.document,
     e,
     void 0,
@@ -1418,10 +1866,10 @@ class j {
    * @throws {Error} When the selector doesn't match any element in the document
    */
   makePortal = (e) => {
-    const s = typeof e == "string" ? this.document.querySelector(e) : e;
-    if (s == null)
+    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(s);
+    return this.withElement(t);
   };
   /**
    * Creates a new `DOMContext` instance with the specified reference.
@@ -1429,7 +1877,7 @@ class j {
    * @param reference - The optional `Text` node to use as the reference for the new `DOMContext`.
    * @returns A new `DOMContext` instance with the specified reference.
    */
-  withReference = (e) => new j(this.document, this.element, e, this.providers);
+  withReference = (e) => new te(this.document, this.element, e, this.providers);
   /**
    * Sets a provider for the given provider mark.
    *
@@ -1437,9 +1885,9 @@ class j {
    * @param value - The provider to set for the given mark.
    * @returns A new `DOMContext` instance with the specified provider.
    */
-  setProvider = (e, s, n) => new j(this.document, this.element, this.reference, {
+  setProvider = (e, t, n) => new te(this.document, this.element, this.reference, {
     ...this.providers,
-    [e]: [s, n]
+    [e]: [t, n]
   });
   /**
    * Retrieves a provider for the given provider mark.
@@ -1450,12 +1898,12 @@ class j {
    */
   getProvider = (e) => {
     if (this.providers[e] === void 0)
-      throw new Me(e);
-    const [s, n] = this.providers[e];
-    return { value: s, onUse: n };
+      throw new Je(e);
+    const [t, n] = this.providers[e];
+    return { value: t, onUse: n };
   };
   clear = (e) => {
-    e && (this.reference !== void 0 ? te(this.reference) : te(this.element));
+    e && (this.reference !== void 0 ? ve(this.reference) : ve(this.element));
   };
   /**
    * Adds classes to the element.
@@ -1483,10 +1931,10 @@ class j {
    * @param options - The options for the event listener.
    * @returns A function to remove the event listener.
    */
-  on = (e, s, n) => {
-    const r = (o) => s(o, this);
-    return this.element.addEventListener(e, r, n), (o) => {
-      o && this.element.removeEventListener(e, r, n);
+  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);
     };
   };
   /**
@@ -1515,8 +1963,8 @@ class j {
    * @param name - The name of the style to set.
    * @param value - The value of the style to set.
    */
-  setStyle = (e, s) => {
-    this.element.style[e] = s;
+  setStyle = (e, t) => {
+    this.element.style[e] = t;
   };
   /**
    * Gets the style of the element.
@@ -1525,57 +1973,57 @@ class j {
    */
   getStyle = (e) => this.element.style[e];
   makeAccessors = (e) => ({
-    get: ft(e, this.element),
-    set: dt(e, this.element)
+    get: St(e, this.element),
+    set: bt(e, this.element)
   });
   getWindow = () => this.document.defaultView;
 }
-const G = (t, e) => {
-  const s = new z(), n = k(s, () => t.render(e));
+const he = (s, e) => {
+  const t = new ie(), n = z(t, () => s.render(e));
   return (r = !0) => {
-    s.dispose(), n(r);
+    t.dispose(), n(r);
   };
-}, hs = (t, e, { doc: s, clear: n, disposeWithParent: r = !0, providers: o = {} } = {}) => {
-  const i = typeof e == "string" ? (s ?? document).querySelector(e) : e;
-  if (i === null)
-    throw new gt(
+}, 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(
       `Cannot find element by selector for render: ${e}`
     );
-  n !== !1 && (s ?? i.ownerDocument) != null && (i.nodeType === 1 || i.nodeType === 11) && (i.innerHTML = "");
-  const l = pt(i), a = Oe(i) || ke(i) ? void 0 : i, c = j.of(l, a, o), u = G(t, c);
-  let d;
-  return r && i.parentElement != null && (d = new MutationObserver((f) => {
-    f[0]?.removedNodes.forEach((h) => {
-      h === i && (d?.disconnect(), u(i.nodeType !== 1));
+  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));
     });
-  }), d.observe(i.parentElement, {
+  }), S.observe(o.parentElement, {
     childList: !0,
     subtree: !1,
     attributes: !1
   })), () => {
-    d?.disconnect(), u(!0);
+    S?.disconnect(), v(!0);
   };
-}, ds = (t, {
+}, _s = (s, {
   startUrl: e = "https://example.com",
-  selector: s,
+  selector: t,
   providers: n = {}
 } = {
   selector: "body"
 }) => {
-  const r = w.toSignal(e).deriveProp(), o = new $e(s, void 0), i = new V(o, void 0, { currentURL: r }, n);
+  const r = C.toSignal(e).deriveProp(), i = new Ye(t, void 0), o = new se(i, void 0, { currentURL: r }, n);
   return {
-    clear: G(t(), i),
-    root: o,
+    clear: he(s(), o),
+    root: i,
     currentURL: r
   };
 };
-class gt extends Error {
+class _t extends Error {
   constructor(e) {
     super(e);
   }
 }
-const fe = "data-tts-node", B = "data-tts-class", q = "data-tts-style", F = "data-tts-html", W = "data-tts-text", U = "data-tts-attrs";
-class fs {
+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 {
   /**
    * 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.
@@ -1651,19 +2099,19 @@ class fs {
   setInnerText;
   constructor({
     select: e,
-    getAttribute: s,
+    getAttribute: t,
     setAttribute: n,
     getClass: r,
-    setClass: o,
-    getStyles: i,
+    setClass: i,
+    getStyles: o,
     setStyles: l,
-    appendHTML: a,
-    getInnerHTML: c,
-    setInnerHTML: u,
-    getInnerText: d,
-    setInnerText: f
+    appendHTML: f,
+    getInnerHTML: d,
+    setInnerHTML: v,
+    getInnerText: S,
+    setInnerText: O
   }) {
-    this.select = e, this.getAttribute = s, this.setAttribute = n, this.getClass = r, this.setClass = o, this.getStyles = i, this.setStyles = l, this.appendHTML = a, this.getInnerHTML = c, this.setInnerHTML = u, this.getInnerText = d, this.setInnerText = f;
+    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;
   }
   /**
    * Sets the content of the root element from a HeadlessPortal. Generally this will be the same instance that is
@@ -1673,121 +2121,121 @@ class fs {
    * @param setPlaceholders - Whether to set placeholders for the content. This allows you to restore the original content
    * when you render on the server and then hydrate on the client.
    */
-  setFromRoot = (e, s) => {
+  setFromRoot = (e, t) => {
     e.getPortals().forEach((r) => {
-      const o = typeof r.selector == "string" ? this.select(r.selector) : [r.selector];
-      for (const i of o) {
-        if (i == null)
+      const i = typeof r.selector == "string" ? this.select(r.selector) : [r.selector];
+      for (const o of i) {
+        if (o == null)
           throw new Error(
             `Cannot find element by selector for render: ${r.selector}`
           );
-        if (r.hasChildren() && this.appendHTML(i, r.contentToHTML(s)), r.hasInnerHTML()) {
-          if (s) {
-            const l = this.getInnerHTML(i);
-            l != null && this.setAttribute(i, F, l);
+        if (r.hasChildren() && this.appendHTML(o, r.contentToHTML(t)), r.hasInnerHTML()) {
+          if (t) {
+            const l = this.getInnerHTML(o);
+            l != null && this.setAttribute(o, ae, l);
           }
-          this.setInnerHTML(i, r.getInnerHTML());
+          this.setInnerHTML(o, r.getInnerHTML());
         }
         if (r.hasInnerText()) {
-          if (s) {
-            const l = this.getInnerText(i);
-            l != null && this.setAttribute(i, W, l);
+          if (t) {
+            const l = this.getInnerText(o);
+            l != null && this.setAttribute(o, ce, l);
           }
-          this.setInnerText(i, r.getInnerText());
+          this.setInnerText(o, r.getInnerText());
         }
         if (r.hasClasses()) {
-          if (s) {
-            const l = this.getClass(i);
-            l != null && this.setAttribute(i, B, l);
+          if (t) {
+            const l = this.getClass(o);
+            l != null && this.setAttribute(o, oe, l);
           }
-          this.setClass(i, r.getClasses().join(" "));
+          this.setClass(o, r.getClasses().join(" "));
         }
         if (r.hasStyles()) {
-          if (s) {
-            const l = this.getStyles(i);
+          if (t) {
+            const l = this.getStyles(o);
             Object.keys(l).length > 0 && this.setAttribute(
-              i,
-              q,
+              o,
+              le,
               JSON.stringify(l)
             );
           }
-          this.setStyles(i, r.getStyles());
+          this.setStyles(o, r.getStyles());
         }
         if (r.hasAttributes()) {
           const l = r.getAttributes();
-          if (s) {
-            const a = [];
-            l.forEach(([c]) => {
-              const u = this.getAttribute(i, c);
-              u != null && a.push([c, u]);
-            }), a.length > 0 && this.setAttribute(
-              i,
-              U,
-              JSON.stringify(Object.fromEntries(a))
+          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))
             );
           }
-          l.forEach(([a, c]) => {
-            this.setAttribute(i, a, c);
+          l.forEach(([f, d]) => {
+            this.setAttribute(o, f, d);
           });
         }
       }
     });
   };
 }
-const Ie = (t) => JSON.parse(t.replace(/&quot;/g, '"')), mt = (t) => {
-  const e = t.getAttribute(B);
-  t.removeAttribute(B), e != null && t.setAttribute("class", e);
-}, yt = (t) => {
-  const e = t.getAttribute(F);
-  t.removeAttribute(F), e != null && (t.innerHTML = e);
-}, wt = (t) => {
-  const e = t.getAttribute(W);
-  t.removeAttribute(W), e != null && (t.innerText = e);
-}, vt = (t) => {
-  const e = t.getAttribute(q);
-  if (t.removeAttribute(q), e != null) {
-    const s = Ie(e), n = Object.entries(s);
-    n.length > 0 && (t.style.cssText = n.map(([r, o]) => `${r}: ${o}`).join("; "));
+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("; "));
   }
-}, bt = (t) => {
-  const e = t.getAttribute(U);
-  if (t.removeAttribute(U), e != null) {
-    const s = Ie(e);
-    Object.entries(s).forEach(([n, r]) => {
-      r == null ? t.removeAttribute(n) : t.setAttribute(n, r);
+}, 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);
     });
   }
-}, ps = () => {
+}, Ds = () => {
   const e = [
-    fe,
-    B,
-    F,
-    W,
-    q,
-    U
+    Ce,
+    oe,
+    ae,
+    ce,
+    le,
+    ue
   ].map((n) => `[${n}]`).join(",");
   document.querySelectorAll(e).forEach((n) => {
     const r = n;
-    if (r.hasAttribute(fe)) {
-      te(r);
+    if (r.hasAttribute(Ce)) {
+      ve(r);
       return;
     }
-    r.hasAttribute(B) && mt(r), r.hasAttribute(W) && wt(r), r.hasAttribute(F) && yt(r), r.hasAttribute(q) && vt(r), r.hasAttribute(U) && bt(r);
+    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);
   });
-}, N = Symbol("class"), $ = Symbol("style"), Z = Symbol("handler"), He = () => Math.random().toString(36).substring(2, 15), St = (t) => t.replace(/<[^>]*>?/g, "");
-class Ne {
+}, 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 {
   constructor(e) {
     this.parent = e;
   }
-  id = He();
+  id = Ge();
   properties = {};
   children = [];
   isElement = () => !0;
   isText = () => !1;
-  getText = () => this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? St(this.properties.innerHTML) : this.children.map((e) => e.getText()).join("");
+  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) => {
-    const s = this.children.indexOf(e);
-    s !== -1 && this.children.splice(s, 1);
+    const t = this.children.indexOf(e);
+    t !== -1 && this.children.splice(t, 1);
   };
   remove = () => {
     if (this.parent != null)
@@ -1796,7 +2244,7 @@ class Ne {
       throw new Error("Parent is undefined");
   };
   getPortals = () => {
-    const e = this.elements().flatMap((s) => s.isPortal() ? [s, ...s.getPortals()] : s.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());
@@ -1805,119 +2253,173 @@ class Ne {
   getInnerText = () => this.properties.innerText ?? "";
   hasInnerText = () => this.properties.innerText != null;
   hasChildren = () => this.children.length > 0;
-  hasClasses = () => this.properties[N] != null;
-  hasStyles = () => this.properties[$] != null;
+  hasClasses = () => this.properties[Q] != null;
+  hasStyles = () => this.properties[Z] != null;
   hasAttributes = () => Object.keys(this.properties).length > 0;
-  hasHandlers = () => this.properties[Z] != null;
+  hasHandlers = () => this.properties[me] != null;
   hasRenderableProperties = () => this.hasClasses() || this.hasAttributes() || this.hasStyles();
   getById = (e) => {
     if (this.properties.id === e)
       return this;
-    for (const s of this.elements()) {
-      const n = s.getById(e);
+    for (const t of this.elements()) {
+      const n = t.getById(e);
       if (n != null)
         return n;
     }
   };
-  trigger = (e, s) => {
-    ((this.properties[Z] ?? {})[e] ?? []).forEach((r) => r(s));
+  trigger = (e, t) => {
+    ((this.properties[me] ?? {})[e] ?? []).forEach((r) => r(t));
   };
   click = () => {
     this.trigger("click", {});
   };
-  on = (e, s, n, r) => {
-    const o = this.properties[Z] ??= {}, i = r?.once ? (a) => {
-      l(), s(a, n);
-    } : (a) => s(a, n);
-    o[e] = [...o[e] ?? [], i];
+  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];
     const l = () => {
-      const a = o[e] ?? [], c = a.indexOf(i);
-      c !== -1 && (a.splice(c, 1), a.length === 0 ? (delete o[e], Object.keys(o).length === 0 && delete this.properties[Z]) : o[e] = a, r?.signal != null && r.signal.removeEventListener("abort", 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));
     };
     return r?.signal != null && r.signal.addEventListener("abort", l), l;
   };
   addClasses = (e) => {
     if (e.length === 0)
       return;
-    const s = this.properties[N] ??= [], n = new Set(s);
+    const t = this.properties[Q] ??= [], n = new Set(t);
     for (const r of e)
-      n.has(r) || (s.push(r), n.add(r));
+      n.has(r) || (t.push(r), n.add(r));
   };
   removeClasses = (e) => {
     if (e.length === 0)
       return;
-    const s = this.properties[N] ??= [], n = new Set(e);
+    const t = this.properties[Q] ??= [], n = new Set(e);
     let r = 0;
-    for (let o = 0; o < s.length; o++)
-      n.has(s[o]) || (s[r] = s[o], r++);
-    s.length = r, s.length === 0 && delete this.properties[N];
+    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[N] ?? [];
+  getClasses = () => this.properties[Q] ?? [];
   getAttributes = () => Object.entries(this.properties).filter(
     ([e]) => !["innerText", "innerHTML"].includes(e)
   );
   getVisibleAttributes = () => Reflect.ownKeys(this.properties).flatMap(
-    (e) => e === N ? [["class", this.getClasses()]] : e === $ ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
+    (e) => e === Q ? [["class", this.getClasses()]] : e === Z ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
   );
-  setStyle = (e, s) => {
-    const n = this.properties[$] ??= {};
-    n[e] = s, s === "" && (delete n[e], Object.keys(n).length === 0 && delete this.properties[$]);
+  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[$]?.[e] ?? "";
-  getStyles = () => this.properties[$] ?? {};
+  getStyle = (e) => this.properties[Z]?.[e] ?? "";
+  getStyles = () => this.properties[Z] ?? {};
   makeAccessors = (e) => {
-    const s = this.properties;
+    const t = this.properties;
     return {
-      get: () => s[e],
-      set: (n) => s[e] = n
+      get: () => t[e],
+      set: (n) => t[e] = n
     };
   };
 }
-const _t = (t) => t.replace(/"/g, "&quot;"), At = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-class Tt extends Ne {
-  constructor(e, s, n) {
-    super(n), this.tagName = e, this.namespace = s;
+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;
   }
   isPortal = () => !1;
+  /**
+   * Builds the attributes string for this element.
+   * Returns an object containing the attributes string and any innerHTML value.
+   */
+  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 s = this.children.map((l) => l.toHTML()).join(""), n = this.namespace ? ` xmlns="${this.namespace}"` : "";
-    let r = null;
-    const o = this.getVisibleAttributes().map(([l, a]) => l === "class" ? ` class="${a.join(" ")}"` : l === "style" ? typeof a == "string" ? ` style="${a}"` : ` style="${Object.entries(a).map(([c, u]) => `${c}: ${u};`).join(" ")}"` : Ct.has(l) ? ` ${l}` : l === "innerHTML" ? (r = a, "") : l === "innerText" ? (r = At(a), "") : ` ${l}="${_t(a)}"`).join(""), i = e ? ` ${fe}` : "";
-    return Dt.has(this.tagName) && s === "" ? `<${this.tagName}${n}${o}${i} />` : `<${this.tagName}${n}${o}${i}>${r ?? s}</${this.tagName}>`;
+    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}>`;
   };
+  /**
+   * Generates HTML output as an async stream of string chunks.
+   * Yields the opening tag, then each child's content, then the closing tag.
+   *
+   * @param options - Options for streaming output.
+   * @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} />`;
+      return;
+    }
+    if (yield `<${this.tagName}${n}>`, r !== null)
+      yield r;
+    else
+      for (const i of this.children)
+        yield* i.toHTMLStream(e);
+    yield `</${this.tagName}>`;
+  }
 }
-class $e extends Ne {
-  constructor(e, s) {
-    super(s), this.selector = e;
+class Ye extends ze {
+  constructor(e, t) {
+    super(t), this.selector = e;
   }
   isPortal = () => !0;
   toHTML = () => "";
-  contentToHTML = (e = !1) => this.children.map((s) => s.toHTML(e)).join("");
+  /**
+   * Portals don't render inline - they render at their target selector.
+   * This method yields nothing for the inline position.
+   */
+  // eslint-disable-next-line require-yield
+  async *toHTMLStream(e) {
+  }
+  contentToHTML = (e = !1) => 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.
+   *
+   * @param options - Options for streaming output.
+   * @yields String chunks of the portal's content.
+   */
+  async *contentToHTMLStream(e) {
+    for (const t of this.children)
+      yield* t.toHTMLStream(e);
+  }
 }
-class Et {
+class $t {
   constructor(e) {
     this.text = e;
   }
-  id = He();
+  id = Ge();
   isElement = () => !1;
   isText = () => !0;
   getText = () => this.text;
   toHTML = () => this.text;
+  /**
+   * Streams the text content as a single chunk.
+   *
+   * @param options - Options (unused for text nodes, kept for API consistency).
+   * @yields The text content.
+   */
+  async *toHTMLStream(e) {
+    yield this.text;
+  }
 }
-class V {
-  constructor(e, s, n, r) {
-    this.element = e, this.reference = s, this.container = n, this.providers = r;
+class se {
+  constructor(e, t, n, r) {
+    this.element = e, this.reference = t, this.container = n, this.providers = r;
   }
   appendOrInsert = (e) => {
     if (this.reference != null) {
-      const s = this.element.children.indexOf(this.reference);
-      s >= 0 && this.element.children.splice(s, 0, e);
+      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, s) => {
-    const n = new Tt(e, s, this.element);
-    return this.appendOrInsert(n), new V(
+  makeChildElement = (e, t) => {
+    const n = new It(e, t, this.element);
+    return this.appendOrInsert(n), new se(
       n,
       void 0,
       this.container,
@@ -1925,10 +2427,10 @@ class V {
     );
   };
   makeChildText = (e) => {
-    const s = new Et(e);
-    return this.appendOrInsert(s), new V(
+    const t = new $t(e);
+    return this.appendOrInsert(t), new se(
       this.element,
-      s,
+      t,
       this.container,
       this.providers
     );
@@ -1939,9 +2441,9 @@ class V {
   getText = () => this.reference?.getText() ?? this.element.getText();
   makeRef = () => this.makeChildText("");
   makePortal = (e) => {
-    const s = new $e(e, this.element);
-    return this.appendOrInsert(s), new V(
-      s,
+    const t = new Ye(e, this.element);
+    return this.appendOrInsert(t), new se(
+      t,
       void 0,
       this.container,
       this.providers
@@ -1954,20 +2456,20 @@ class V {
    * @param value - The provider to set for the given mark.
    * @returns A new `DOMContext` instance with the specified provider.
    */
-  setProvider = (e, s, n) => new V(this.element, this.reference, this.container, {
+  setProvider = (e, t, n) => new se(this.element, this.reference, this.container, {
     ...this.providers,
-    [e]: [s, n]
+    [e]: [t, n]
   });
   getProvider = (e) => {
     if (this.providers[e] === void 0)
-      throw new Me(e);
-    const [s, n] = this.providers[e];
-    return { value: s, onUse: n };
+      throw new Je(e);
+    const [t, n] = this.providers[e];
+    return { value: t, onUse: n };
   };
   clear = (e) => {
     e && (this.reference !== void 0 ? this.element.removeChild(this.reference) : this.element.remove());
   };
-  on = (e, s) => this.element.on(e, s, this);
+  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();
@@ -1975,64 +2477,84 @@ class V {
   isBrowser = () => !1;
   isHeadlessDOM = () => !0;
   isHeadless = () => !0;
-  setStyle = (e, s) => this.element.setStyle(e, s);
+  setStyle = (e, t) => this.element.setStyle(e, t);
   getStyle = (e) => this.element.getStyle(e);
   makeAccessors = (e) => this.element.makeAccessors(e);
 }
-const Ct = /* @__PURE__ */ new Set([
+const Ht = /* @__PURE__ */ new Set([
   "checked",
   "disabled",
   "multiple",
   "readonly",
   "required",
   "selected"
-]), Dt = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), gs = () => (
+]), Me = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), Cs = () => (
   /* c8 ignore next */
   typeof window < "u" ? window : void 0
-), xt = Symbol("DOM_RENDERABLE"), m = (t) => Ke(xt, t), Re = (t) => m((e) => e.makeChildText(t).clear), je = (t) => m((e) => {
-  const s = e.makeChildText(t.value), n = t.on(s.setText);
-  return (r) => {
-    n(), s.clear(r);
-  };
-}), ms = (t) => y.is(t) ? je(t) : Re(t), E = (...t) => m((e) => {
-  const s = t.map((n) => g(n).render(e));
-  return (n) => {
-    s.forEach((r) => r(n));
-  };
-}), x = m(() => () => {
-}), Lt = (t) => m((e) => (e.addClasses(t), (s) => {
-  s && e.removeClasses(t);
-})), Pt = (t) => m((e) => {
-  let s = /* @__PURE__ */ new Set();
-  const n = t.on(
+), 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 o = (r ?? "").split(" ").filter((c) => c.length > 0), i = new Set(o), l = [];
-      for (const c of s)
-        i.has(c) || l.push(c);
-      const a = [];
-      for (const c of i)
-        s.has(c) || a.push(c);
-      l.length > 0 && e.removeClasses(l), a.length > 0 && e.addClasses(a), s = i;
+      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 }
   );
   return (r) => {
-    n(), r && e.removeClasses(Array.from(s)), s.clear();
+    n(), r && e.removeClasses(Array.from(t)), t.clear();
   };
-}), Ot = (t, e) => m((s) => {
-  const { get: n, set: r } = s.makeAccessors(t), o = n();
-  return r(e), (i) => {
-    i && r(o);
+}), qt = (s, e) => L((t) => {
+  const { get: n, set: r } = t.makeAccessors(s), i = n();
+  return r(e), (o) => {
+    o && r(i);
   };
-}), kt = (t, e) => m((s) => {
-  const { get: n, set: r } = s.makeAccessors(t), o = n(), i = e.on(r, { noAutoDispose: !0 });
+}), Ft = (s, e) => L((t) => {
+  const { get: n, set: r } = t.makeAccessors(s), i = n(), o = e.on(r, { noAutoDispose: !0 });
   return (l) => {
-    i(), l && r(o);
+    o(), l && r(i);
   };
-}), K = (t, e) => y.is(e) ? kt(t, e) : Ot(t, e), Mt = (t, e) => t === "class" ? y.is(e) ? Pt(e) : Lt(
+}), de = (s, e) => _.is(e) ? Ft(s, e) : qt(s, e), Wt = (s, e) => s === "class" ? _.is(e) ? Bt(e) : Vt(
   /* c8 ignore next */
-  (e ?? "").split(" ").filter((s) => s.length > 0)
-) : K(t, e), A = new Proxy(
+  (e ?? "").split(" ").filter((t) => t.length > 0)
+) : de(s, e), N = new Proxy(
   {},
   {
     /**
@@ -2046,9 +2568,9 @@ const Ct = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => Mt(e, s)
+    get: (s, e) => (t) => Wt(e, t)
   }
-), It = (t, e) => K(`data-${t}`, e), ys = new Proxy(
+), Ut = (s, e) => de(`data-${s}`, e), Qs = new Proxy(
   {},
   {
     /**
@@ -2059,9 +2581,9 @@ const Ct = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => It(e, s)
+    get: (s, e) => (t) => Ut(e, t)
   }
-), Ht = (t, e) => K(`aria-${t}`, e), ws = new Proxy(
+), Jt = (s, e) => de(`aria-${s}`, e), Zs = new Proxy(
   {},
   {
     /**
@@ -2072,9 +2594,9 @@ const Ct = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => Ht(e, s)
+    get: (s, e) => (t) => Jt(e, t)
   }
-), Nt = (t, e) => K(t, e), vs = new Proxy(
+), Kt = (s, e) => de(s, e), en = new Proxy(
   {},
   {
     /**
@@ -2085,9 +2607,9 @@ const Ct = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => Nt(e, s)
+    get: (s, e) => (t) => Kt(e, t)
   }
-), $t = (t, e) => K(t, e), bs = new Proxy(
+), Gt = (s, e) => de(s, e), tn = new Proxy(
   {},
   {
     /**
@@ -2097,97 +2619,16 @@ const Ct = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => $t(e, s)
+    get: (s, e) => (t) => Gt(e, t)
   }
-), g = (t) => {
-  if (t == null)
-    return x;
-  if (Array.isArray(t))
-    return E(...t.map(g));
-  if (typeof t == "string")
-    return Re(t);
-  if (y.is(t))
-    return je(t);
-  if (typeof t == "object" && "render" in t && "type" in t)
-    return t;
-  throw new Error(`Unknown type: '${typeof t}' for child: ${t}`);
-}, Ve = (t, ...e) => m((s) => {
-  const n = s.makeChildElement(t, void 0), r = e.map((o) => g(o).render(n));
-  return (o) => {
-    r.forEach((i) => i(!1)), n.clear(o);
-  };
-}), ie = (t, e, ...s) => m((n) => {
-  const r = n.makeChildElement(t, e), o = s.map((i) => g(i).render(r));
-  return (i) => {
-    o.forEach((l) => l(!1)), r.clear(i);
-  };
-}), Rt = new Proxy(
-  {},
-  {
-    /**
-     * Creates a renderable that represents an HTML element.
-     * @param tagName - The HTML tag name.
-     * @returns A renderable function that creates and appends the HTML element to the DOM.
-     */
-    get: (t, e) => (...s) => Ve(e, s.flatMap(g))
-  }
-), Ss = new Proxy(
-  {},
-  {
-    /**
-     * Creates a renderable that represents an HTMLInput element.
-     * @param type - The input type name.
-     * @returns A renderable function that creates and appends the HTMLInput element to the DOM.
-     */
-    get: (t, e) => (...s) => Ve("input", A.type(e), ...s)
-  }
-), Be = "http://www.w3.org/2000/svg", _s = (t, ...e) => ie(t, Be, ...e), As = new Proxy(
-  {},
-  {
-    /**
-     * Creates a renderable that represents an SVG element.
-     * @param tagName - The SVG tag name.
-     * @returns A renderable function that creates and appends the SVG element to the DOM.
-     */
-    get: (t, e) => (...s) => ie(e, Be, s.flatMap(g))
-  }
-), qe = "http://www.w3.org/1998/Math/MathML", Ts = (t, ...e) => ie(t, qe, ...e), Es = new Proxy(
-  {},
-  {
-    /**
-     * Creates a renderable that represents an Math element.
-     * @param tagName - The Math tag name.
-     * @returns A renderable function that creates and appends the Math element to the DOM.
-     */
-    get: (t, e) => (...s) => ie(e, qe, s.flatMap(g))
-  }
-), Fe = (t, e) => {
-  if (typeof e == "function")
-    return Fe(t, { then: e });
-  const s = e.pending != null ? g(e.pending()) : x, n = e.then, r = e.error != null ? (o) => g(e.error(o)) : () => x;
-  return m((o) => {
-    let i = !0;
-    const l = t(), a = o.makeRef();
-    let c = g(s).render(a);
-    return l.then(
-      (u) => {
-        i && (c(!0), c = g(n(u)).render(a));
-      },
-      (u) => {
-        i && (c(!0), c = g(r(u)).render(a));
-      }
-    ), (u) => {
-      i = !1, c(u), a.clear(u);
-    };
-  });
-}, Cs = (t, e) => Fe(() => t, e), We = (t, e, s) => m((n) => n.on(t, e, s)), jt = (t) => We("click", (e, s) => {
+), Qe = (s, e, t) => L((n) => n.on(s, e, t)), zt = (s) => Qe("click", (e, t) => {
   e.preventDefault();
   const n = e.target;
   setTimeout(() => {
     const r = n.ownerDocument != null ? n?.checked : void 0;
-    r != null && t(!r, s);
+    r != null && s(!r, t);
   }, 0);
-}), Y = new Proxy(
+}), fe = new Proxy(
   {},
   {
     /**
@@ -2195,416 +2636,227 @@ const Ct = /* @__PURE__ */ new Set([
      * @param fn - The function to call when the event is triggered.
      * @returns A `Renderable` function that adds the event listener to the element.
      */
-    get: (t, e) => (s) => We(e, s)
+    get: (s, e) => (t) => Qe(e, t)
   }
-), Vt = (t, e) => (s) => {
-  e?.preventDefault === !0 && s.preventDefault(), e?.stopPropagation === !0 && s.stopPropagation(), e?.stopImmediatePropagation === !0 && s.stopImmediatePropagation(), t(s);
-}, M = (t, e) => Vt((s) => {
-  const n = s.target;
-  t(n, s);
-}, e), Bt = (t, e) => M(
-  (s, n) => t(s.value, n),
+), 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),
   e
-), qt = (t, e) => M(
-  (s, n) => t(s.valueAsNumber, n),
+), Qt = (s, e) => Y(
+  (t, n) => s(t.valueAsNumber, n),
   e
-), Ft = (t, e) => M((s, n) => {
-  if (s.value === "")
+), Zt = (s, e) => Y((t, n) => {
+  if (t.value === "")
     return;
-  const r = s.value.split("-"), o = new Date(
+  const r = t.value.split("-"), i = new Date(
     Number(r[0]),
     Number(r[1]) - 1,
     Number(r[2].substring(0, 2))
   );
-  t(o, n);
-}, e), Ds = (t, e) => M((s, n) => {
-  if (s.value === "") {
-    t(null, n);
+  s(i, n);
+}, e), sn = (s, e) => Y((t, n) => {
+  if (t.value === "") {
+    s(null, n);
     return;
   }
-  const r = s.value.split("-"), o = new Date(
+  const r = t.value.split("-"), i = new Date(
     Number(r[0]),
     Number(r[1]) - 1,
     Number(r[2].substring(0, 2))
   );
-  t(o, n);
-}, e), Wt = (t, e) => M((s, n) => {
-  if (s.value === "")
+  s(i, n);
+}, e), es = (s, e) => Y((t, n) => {
+  if (t.value === "")
     return;
-  const r = s.value.split("T"), o = r[0].split("-"), i = new Date(
-    Number(o[0]),
-    Number(o[1]) - 1,
-    Number(o[2])
+  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(":");
-  i.setHours(Number(l[0])), i.setMinutes(Number(l[1])), i.setSeconds(Number(l[2])), t(i, n);
-}, e), xs = (t, e) => M((s, n) => {
-  if (s.value === "") {
-    t(null, n);
+  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) => {
+  if (t.value === "") {
+    s(null, n);
     return;
   }
-  const r = s.value.split("T");
+  const r = t.value.split("T");
   if (r.length !== 2) {
-    t(null, n);
+    s(null, n);
     return;
   }
-  const o = r[0].split("-"), i = new Date(
-    Number(o[0]),
-    Number(o[1]) - 1,
-    Number(o[2])
+  const i = r[0].split("-"), o = new Date(
+    Number(i[0]),
+    Number(i[1]) - 1,
+    Number(i[2])
   ), l = r[1].split(":");
-  i.setHours(Number(l[0] ?? 0)), i.setMinutes(Number(l[1] ?? 0)), i.setSeconds(Number(l[2] ?? 0)), t(i, n);
-}, e), Ls = (t, e) => M((s, n) => {
-  t(s.checked, n);
-}, e), Ps = (t, e = "input") => E(A.valueAsDate(t), Y[e](Ft(t.set))), Os = (t, e = "input") => E(A.valueAsDate(t), Y[e](Wt(t.set))), ks = (t, e = "input") => E(A.valueAsNumber(t), Y[e](qt(t.set))), Ms = (t, e = "input") => E(A.value(t), Y[e](Bt(t.set))), Is = (t) => E(A.checked(t), jt(t.set)), ge = (t, e, s) => y.is(t) ? e(t) : s(t), Ut = (t, e, s) => {
-  const n = t.makeRef();
-  let r = () => {
-  }, o = null;
-  const i = e.on(
-    (l) => {
-      o?.dispose(), r(!0), o = new z(), r = k(
-        o,
-        () => g(s(l)).render(n)
-      );
-    },
-    { noAutoDispose: !0 }
-  );
-  return (l) => {
-    o?.dispose(), r(l), i(), n.clear(l);
-  };
-}, le = (t, e) => {
-  function s(r) {
-    return m((o) => {
-      const i = o.makeRef();
-      let l, a;
-      const c = r.map((f) => Object.keys(f)[0]);
-      let u;
-      const d = c.on((f) => {
-        if (f !== u) {
-          u = f, a?.dispose(), l?.(!0), a = r.map((p) => p[f]);
-          const h = e[f](a);
-          l = g(h).render(i);
-        }
-      });
-      return (f) => {
-        a?.dispose(), d(), i.clear(f), l?.(f);
-      };
-    });
-  }
-  function n(r) {
-    const o = Object.keys(r)[0];
-    return g(e[o](re(r[o])));
-  }
-  return ge(t, s, n);
-}, Ue = (t, e, s) => le(
-  w.map(t, (n) => ({ [n[e]]: n })),
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  s
-), Hs = (t, e) => Ue(t, "kind", e), Ns = (t, e) => {
-  const s = w.map(t, ([n, r]) => ({
-    [n]: r
-  }));
-  return le(s, e);
-}, $s = (t, e) => Ue(t, "type", e), Jt = (t, e) => le(
-  w.map(t, (s) => ({ [s]: !0 })),
-  e
-), Rs = (t, e = {}) => (s) => {
-  const n = e?.firstSeparator ?? t, r = e?.lastSeparator ?? t;
-  return Jt(
-    s.map((o) => o.isFirst ? "first" : o.isLast ? "last" : "other"),
-    {
-      first: n,
-      last: r,
-      other: t
-    }
-  );
-}, js = (t) => m((e) => (e.appendOrInsert(t), (s) => {
-  s && te(t);
-})), Vs = (t, e, s) => {
-  function n(o) {
-    return m((i) => {
-      const l = i.makeRef();
-      let a = () => {
-      }, c = !1, u = null;
-      const d = o.on((f) => {
-        f == null ? (a(!0), a = g(s?.()).render(l), c = !1, u?.dispose(), u = null) : c ? u.set(f) : (u = D(f), a(!0), a = g(
-          e(u)
-        ).render(l), c = !0);
-      });
-      return (f) => {
-        u?.dispose(), d(), a?.(f), l.clear(f);
-      };
-    });
-  }
-  function r(o) {
-    if (o == null) {
-      const i = s?.();
-      return i != null ? g(i) : x;
-    }
-    return g(e(re(o)));
-  }
-  return ge(
-    t,
-    n,
-    r
-  );
-}, Bs = (...t) => (e, s) => m((n) => {
-  const r = n.makeRef();
-  if (t.some(
-    (h) => !y.is(h) && h == null
-  ))
-    return (s != null ? g(s?.()) : x).render(r);
-  const i = t.map(() => null), l = t.map(
-    (h) => y.is(h) ? h.value != null : h != null
-  );
-  let a = null;
-  const c = D(l.every((h) => h)), u = (h, p) => {
-    if (h.value != null) {
-      if (i[p] == null) {
-        const v = D(h.value);
-        i[p] = v;
-      } else
-        i[p].value = h.value;
-      l[p] = !0;
-    } else
-      l[p] = !1;
+  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);
   };
-  let d = t.length - 1;
-  const f = t.map((h, p) => {
-    if (!y.is(h)) {
-      const v = D(h);
-      return i[p] = v, () => {
-      };
-    }
-    return h.on(() => {
-      u(h, p), d === 0 ? c.value = l.every((v) => v) : d--;
-    });
-  });
-  return c.on((h) => {
-    a?.(!0), a = null, h ? a = g(e(...i)).render(r) : a = g(s?.() ?? x).render(r);
-  }), (h) => {
-    i.forEach((p) => p?.dispose()), c.dispose(), f.forEach((p) => p()), a?.(h), r.clear(h);
+}), 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);
   };
-}), Je = (t, e, s) => ge(
-  t,
-  (n) => m(
-    (r) => Ut(
-      r,
-      n,
-      (o) => o ? e() : s?.()
-    )
-  ),
-  (n) => {
-    if (n) {
-      const r = e();
-      return r != null ? g(r) : x;
-    }
-    return g(s?.());
+}), ts = new Proxy(
+  {},
+  {
+    /**
+     * Creates a renderable that represents an HTML element.
+     * @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))
   }
-), qs = (t, e, s) => Je(
-  w.map(t, (n) => !n),
-  e,
-  s
-), ze = (t, e, s) => {
-  if (s != null)
-    return ze(t, (n) => {
-      const r = new de(
-        n.index,
-        n.total.map((o) => o - 1)
-      );
-      return E(
-        g(e(n)),
-        Je(
-          n.isLast,
-          () => x,
-          () => s(r)
-        )
-      );
-    });
-  if (y.is(t))
-    return m((n) => {
-      const r = t.derive(), o = n.makeRef(), i = [], l = [];
-      return r.on((a) => {
-        const c = i.splice(a), u = l.splice(a);
-        for (const d of u)
-          d.dispose();
-        for (const d of c)
-          d(!0);
-        for (let d = i.length; d < a; d++) {
-          const f = new de(d, r), h = new z();
-          l.push(h), i.push(
-            k(
-              h,
-              () => g(e(f)).render(o)
-            )
-          );
-        }
-      }), (a) => {
-        for (const c of l)
-          c.dispose();
-        l.length = 0, r.dispose();
-        for (const c of i)
-          c(a);
-        i.length = 0, o.clear(a);
-      };
-    });
+), dn = new Proxy(
+  {},
   {
-    const n = re(t);
-    return E(
-      ...Array.from({ length: t }, (r, o) => o).map((r) => {
-        const o = new de(r, n);
-        return g(e(o));
-      })
-    );
+    /**
+     * Creates a renderable that represents an HTMLInput element.
+     * @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)
   }
-}, Fs = (t, e, s) => {
-  const n = w.map(t, (o) => o.length), r = w.toSignal(t);
-  return ze(
-    n,
-    (o) => {
-      const i = r.map((l) => l[o.index]);
-      return g(e(i, o));
-    },
-    s
-  );
-}, me = (...t) => m(
-  (e) => (s) => t.forEach((n) => {
-    typeof n == "function" ? n(s, e) : n.dispose(s, e);
-  })
-), Ws = (t, e) => {
-  if (y.is(t)) {
-    const s = t;
-    return m((n) => {
-      n = n.makeRef();
-      const r = s.map((l) => g(e(l)));
-      let o = () => {
-      };
-      const i = r.on((l) => {
-        o(!0), o = l.render(n);
-      });
-      return (l) => {
-        i(), o(l);
-      };
-    });
+), et = "http://www.w3.org/2000/svg", fn = (s, ...e) => Te(s, et, ...e), pn = new Proxy(
+  {},
+  {
+    /**
+     * Creates a renderable that represents an SVG element.
+     * @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))
   }
-  return g(e(t));
-}, ye = (t) => m((e) => {
+), tt = "http://www.w3.org/1998/Math/MathML", mn = (s, ...e) => Te(s, tt, ...e), gn = new Proxy(
+  {},
+  {
+    /**
+     * Creates a renderable that represents an Math element.
+     * @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))
+  }
+), xe = (s) => L((e) => {
   if (e.isBrowser()) {
-    const s = t(e);
-    if (s != null)
-      return g(s).render(e);
+    const t = s(e);
+    if (t != null)
+      return W(t).render(e);
   }
   return () => {
   };
 });
-function Us({
-  src: t,
+function yn({
+  src: s,
   name: e,
-  width: s,
+  width: t,
   height: n,
   sandbox: r,
-  allow: o,
-  referrerpolicy: i,
+  allow: i,
+  referrerpolicy: o,
   loading: l,
-  iframeChild: a,
-  onLoad: c
-} = {}, ...u) {
-  return Rt.iframe(
-    A.src(t),
-    A.name(e),
-    A.width(
-      s != null ? w.map(s, String) : void 0
+  iframeChild: f,
+  onLoad: d
+} = {}, ...v) {
+  return ts.iframe(
+    N.src(s),
+    N.name(e),
+    N.width(
+      t != null ? C.map(t, String) : void 0
     ),
-    A.height(
-      n != null ? w.map(n, String) : void 0
+    N.height(
+      n != null ? C.map(n, String) : void 0
     ),
-    A.sandbox(r),
-    A.allow(o),
-    A.referrerpolicy(i),
-    a,
-    ye((d) => {
-      const f = d.element;
-      let h, p = !1;
-      const v = () => {
-        if (p) return;
-        p = !0;
-        const S = f.contentDocument;
-        if (S && (c && c(f), u.length > 0)) {
-          const b = S.body;
-          if (b) {
-            const L = d.withElement(b);
-            h = G(E(...u), L);
+    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);
           }
         }
       };
-      return l != null && w.on(l, (S) => {
-        f.loading = S;
-      }), (u.length > 0 || c) && (t || setTimeout(v, 0)), E(
-        u.length > 0 || c ? Y.load(v) : x,
-        me(() => {
-          h && h(!1);
+      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);
         })
       );
     })
   );
 }
-const Js = (t, e, s = () => x) => le(
-  w.map(
-    t,
-    (n) => n.length > 0 ? { notEmpty: n } : { whenEmpty: null }
-  ),
-  {
-    notEmpty: (n) => e(n),
-    whenEmpty: () => s()
-  }
-), zs = (t, e) => m((s) => {
-  const n = s.makePortal(t), r = G(g(e), n);
+const vn = (s, e) => L((t) => {
+  const n = t.makePortal(s), r = he(W(e), n);
   return () => r(!0);
-}), ee = /* @__PURE__ */ new Map(), zt = (t) => ({
-  mark: Ge(`Probe(${t.description})`),
+}), ge = /* @__PURE__ */ new Map(), ss = (s) => ({
+  mark: st(`Probe(${s.description})`),
   create: ({ callback: e = () => {
-  }, timeout: s = 10 } = {}) => {
+  }, timeout: t = 10 } = {}) => {
     const n = (l) => {
-      clearTimeout(r), ee.delete(t), e(l);
+      clearTimeout(r), ge.delete(s), e(l);
     };
-    if (ee.has(t))
-      throw new Error(`Probe already exists: ${t.description}`);
-    const r = setTimeout(() => n("timeout"), s), o = { counter: 0, timeoutId: r };
-    return ee.set(t, o), {
+    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), {
       value: () => {
         clearTimeout(r);
-        const l = ee.get(t);
+        const l = ge.get(s);
         l != null && --l.counter === 0 && n("resolved");
       },
       dispose: () => n("disposed"),
-      onUse: () => o.counter++
+      onUse: () => i.counter++
     };
   }
-}), Gs = zt(Symbol("GlobalProbe"));
-function Ks({
-  mode: t,
+}), wn = ss(Symbol("GlobalProbe"));
+function bn({
+  mode: s,
   delegatesFocus: e,
-  slotAssignment: s,
+  slotAssignment: t,
   clonable: n,
   serializable: r
-}, ...o) {
-  return ye((i) => {
-    const l = { mode: t };
-    e !== void 0 && (l.delegatesFocus = e), s !== void 0 && (l.slotAssignment = s), n !== void 0 && (l.clonable = n), r !== void 0 && (l.serializable = r);
-    const a = i.element.attachShadow(l), c = i.withElement(a), u = G(E(...o), c);
-    return me(() => u(!0));
+}, ...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));
   });
 }
-const Gt = (t, e) => m((s) => {
-  const n = s.getStyle(t);
-  return s.setStyle(t, e), (r) => {
-    r && s.setStyle(t, n);
+const ns = (s, e) => L((t) => {
+  const n = t.getStyle(s);
+  return t.setStyle(s, e), (r) => {
+    r && t.setStyle(s, n);
   };
-}), Kt = (t, e) => m((s) => {
-  const n = s.getStyle(t), r = e.on((o) => s.setStyle(t, o));
-  return (o) => {
-    r(), o && s.setStyle(t, 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);
   };
-}), Se = (t, e) => y.is(e) ? Kt(t, e) : Gt(t, e), Ys = new Proxy({}, {
+}), ke = (s, e) => _.is(e) ? rs(s, e) : ns(s, e), Sn = new Proxy({}, {
   /**
    * Creates a renderable component for the specified `style` property.
    *
@@ -2613,191 +2865,165 @@ const Gt = (t, e) => m((s) => {
    * @returns The renderable component for the specified attribute.
    *
    */
-  get: (t, e) => e === "variable" ? (s, n) => Se(s, n) : (s) => Se(e, s)
-}), Xs = (t) => m((e) => {
-  const s = t(e);
-  return s == null ? () => {
-  } : g(s).render(e);
-}), Qs = (t) => ye((e) => t(e.element)), Zs = (t) => m((e) => {
+  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);
+  };
+}), Tn = (s) => _.is(s) ? os(s) : is(s), An = (s) => L((e) => {
+  const t = s(e);
+  return t == null ? () => {
+  } : W(t).render(e);
+}), _n = (s) => xe((e) => s(e.element)), En = (s) => L((e) => {
   if (e.isHeadlessDOM()) {
-    const s = t(e);
-    if (s)
-      return g(s).render(e);
+    const t = s(e);
+    if (t)
+      return W(t).render(e);
   }
   return () => {
   };
-}), en = (t) => m((e) => {
-  const s = new z(), n = k(
-    s,
-    () => g(t(s)).render(e)
-  );
-  return (r) => {
-    s.dispose(), n(r);
-  };
-}), we = (t) => m((e) => {
-  let s = e;
-  function n() {
-    return s;
-  }
-  function r(l) {
-    s = l;
-  }
-  const o = [], i = t({
-    use: ({ mark: l }) => {
-      const { value: a, onUse: c } = n().getProvider(l);
-      return c?.(), a;
-    },
-    set: ({ mark: l, create: a }, c) => {
-      const { value: u, dispose: d, onUse: f } = a(c, n());
-      o.push(d), r(n().setProvider(l, u, f));
-    }
-  });
-  return i == null ? () => {
-  } : E(
-    g(i),
-    me(() => o.forEach((l) => l()))
-  ).render(n());
-}), tn = (t, e, s) => we(({ set: n }) => (n(t, e), s())), sn = (t, e) => we(({ use: s }) => e(s(t))), nn = (...t) => (e) => we(({ use: s }) => {
-  const n = t.map(s);
-  return e(...n);
 });
 export {
-  Ht as Aria,
-  Cs as Async,
-  Mt as Attr,
-  Is as BindChecked,
-  Ps as BindDate,
-  Os as BindDateTime,
-  ks as BindNumber,
-  Ms as BindText,
-  j as BrowserContext,
-  B as CLASS_PLACEHOLDER_ATTR,
-  R as Computed,
-  Rs as Conjunction,
-  js as DOMNode,
-  It as DataAttr,
-  z as DisposalScope,
-  Ve as El,
-  ie as ElNS,
-  de as ElementPosition,
-  x as Empty,
-  Vs as Ensure,
-  Bs as EnsureAll,
-  Fs as ForEach,
-  E as Fragment,
-  Gs as GlobalProbe,
-  fs as HeadlessAdapter,
-  V as HeadlessContext,
-  Tt as HeadlessElement,
-  $e as HeadlessPortal,
-  Et as HeadlessText,
-  Us as IFrame,
-  Ws as MapSignal,
-  $t as MathAttr,
-  Ts as MathEl,
-  Te as MemoryStore,
-  Js as NotEmpty,
-  jt as OnChecked,
-  me as OnDispose,
-  le as OneOf,
-  Ue as OneOfField,
-  Hs as OneOfKind,
+  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,
-  Jt as OneOfValue,
-  zs as Portal,
-  se as Prop,
-  tn as Provide,
-  Me as ProviderNotFoundError,
-  gt as RenderingError,
-  ze as Repeat,
-  Nt as SVGAttr,
-  _s as SVGEl,
-  Ks as ShadowRoot,
-  y as Signal,
-  Fe as Task,
-  ms as TextNode,
-  qs as Unless,
-  sn as Use,
-  nn as UseMany,
-  w as Value,
-  Je as When,
-  ye as WithBrowserCtx,
-  Xs as WithCtx,
-  Qs as WithElement,
-  Zs as WithHeadlessCtx,
-  we as WithProvider,
-  en as WithScope,
-  fe as _NODE_PLACEHOLDER_ATTR,
-  pt as _getSelfOrParentElement,
-  Oe as _isElement,
-  ke as _isFragment,
-  ft as _makeGetter,
-  dt as _makeSetter,
-  te as _removeDOMNode,
-  je as _signalText,
-  Re as _staticText,
-  ns as animateSignal,
-  ut as animateSignals,
-  ws as aria,
-  A as attr,
-  as as bind,
-  cs as coalesce,
-  ne as computed,
-  J as computedOf,
-  Yt as computedOfAsync,
-  ht as computedRecord,
-  Ke as createRenderable,
-  ys as dataAttr,
-  os as delaySignal,
-  Ae as effect,
-  Ze as effectOf,
-  Vt as emit,
-  Ls as emitChecked,
-  M as emitTarget,
-  Bt as emitValue,
-  Ft as emitValueAsDate,
-  Wt as emitValueAsDateTime,
-  Ds as emitValueAsNullableDate,
-  xs as emitValueAsNullableDateTime,
-  qt as emitValueAsNumber,
-  it as endInterpolate,
-  pe as getCurrentScope,
-  Zt as getParentScope,
-  Qt as getScopeStack,
-  gs as getWindow,
-  lt as guessInterpolate,
-  Rt as html,
-  Ss as input,
-  ot as interpolateDate,
-  nt as interpolateNumber,
-  rt as interpolateString,
-  Xt as joinSignals,
-  ts as localStorageProp,
-  zt as makeProbe,
-  Ge as makeProviderMark,
-  Es as math,
-  bs as mathAttr,
-  rs as merge,
-  Y as on,
-  tt as popScope,
-  is as previousSignal,
-  D as prop,
-  et as pushScope,
-  hs as render,
-  G as renderWithContext,
-  g as renderableOfTNode,
-  ps as restoreTempoPlaceholders,
-  ds as runHeadless,
-  es as scoped,
-  ss as sessionStorageProp,
-  re as signal,
-  ls as slidingWindowSignal,
-  Ee as storedProp,
-  Ys as style,
-  As as svg,
-  vs as svgAttr,
-  us as syncProp,
-  ce as untracked,
-  k as withScope
+  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,
+  bn as ShadowRoot,
+  _ as Signal,
+  qs 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
 };