@tempots/dom 35.0.4 → 35.1.0

package/index.js

@@ -1,20 +1,20 @@
-const Ge = (t) => Symbol(t);
-function Ke(t, e) {
+const Ye = (t) => Symbol(t);
+function Xe(t, e) {
   return {
     type: t,
     render: e
   };
 }
-function _e(t) {
+function Te(t) {
   return t != null && t !== !1 && t !== 0 && t !== "";
 }
-function Ye(t) {
-  return !_e(t);
+function Qe(t) {
+  return !Te(t);
 }
-function Xe(t) {
+function Ze(t) {
   return t == null;
 }
-function Qe(t) {
+function et(t) {
   return t != null;
 }
 const w = {
@@ -101,26 +101,26 @@ const w = {
    * @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: (t) => w.map(t, Te),
   /**
    * 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: (t) => w.map(t, Qe),
   /**
    * 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: (t) => w.map(t, Ze),
   /**
    * 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) => {
+  defined: (t) => w.map(t, et)
+}, B = (...t) => (e, s) => {
   if (t.length === 1)
     return w.toSignal(t[0]).map(e);
   const n = t.filter((r) => y.is(r));
@@ -129,25 +129,36 @@ const w = {
     n,
     s
   );
-}, Yt = (...t) => (e, s, n, r = (o, i) => o === i) => J(...t)((...o) => o).mapAsync(
-  ([...o]) => e(...o),
+}, Qt = (...t) => (e, s, n, r = (o, i) => o === i) => B(...t)((...o) => o).mapAsync(
+  ([...o], i) => e(
+    ...o,
+    i
+  ),
+  s,
+  n,
+  r
+), Zt = (...t) => (e, s, n, r = (o, i) => o === i) => B(...t)((...o) => o).mapAsyncGenerator(
+  ([...o], i) => e(
+    ...o,
+    i
+  ),
   s,
   n,
   r
-), Xt = (t) => {
+), es = (t) => {
   const e = Object.keys(t);
-  return J(...Object.values(t))(
+  return B(...Object.values(t))(
     (...s) => Object.fromEntries(e.map((n, r) => [n, s[r]]))
   );
-}, Ze = (...t) => (e, s = {}) => {
+}, tt = (...t) => (e, s = {}) => {
   const n = t.filter((r) => y.is(r));
-  return Ae(
+  return _e(
     () => e(...t.map(w.get)),
     n,
     s
   );
 };
-class z {
+class J {
   _signals = /* @__PURE__ */ new Set();
   _callbacks = [];
   _disposed = !1;
@@ -249,7 +260,7 @@ class z {
    * @public
    */
   effect(e, s, n) {
-    return k(this, () => Ae(e, s, n));
+    return O(this, () => _e(e, s, n));
   }
   /**
    * Creates a computed signal with curried signature and tracks it in this scope.
@@ -261,7 +272,7 @@ class z {
    */
   computedOf(...e) {
     return (s, n) => {
-      const r = ce(() => J(...e)(s, n));
+      const r = ce(() => B(...e)(s, n));
       return this.track(r), r;
     };
   }
@@ -274,36 +285,36 @@ class z {
    * @public
    */
   effectOf(...e) {
-    return (s, n) => k(this, () => Ze(...e)(s, n));
+    return (s, n) => O(this, () => tt(...e)(s, n));
   }
 }
-const T = [], et = (t) => {
-  T.push(t);
-}, tt = () => {
-  if (T.length === 0)
+const _ = [], st = (t) => {
+  _.push(t);
+}, nt = () => {
+  if (_.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);
+  _.pop();
+}, pe = () => _[_.length - 1] ?? null, ts = () => _, ss = () => _[_.length - 2] ?? null, O = (t, e) => {
+  st(t);
   try {
     return e();
   } finally {
-    tt();
+    nt();
   }
-}, es = (t) => {
-  const e = new z();
+}, ns = (t) => {
+  const e = new J();
   try {
-    return k(e, () => t(e));
+    return O(e, () => t(e));
   } finally {
     e.dispose();
   }
 }, ce = (t) => {
-  const e = T.slice();
-  T.length = 0;
+  const e = _.slice();
+  _.length = 0;
   try {
     return t();
   } finally {
-    T.length = 0, T.push(...e);
+    _.length = 0, _.push(...e);
   }
 };
 class y {
@@ -671,14 +682,78 @@ class y {
     const o = D(s, r);
     let i = 0, l = new AbortController();
     return o.onDispose(
-      this.on(async (a) => {
-        const c = ++i;
+      this.on(async (c) => {
+        const a = ++i;
         l.abort(), l = new AbortController();
         try {
-          const u = await e(a, { abortSignal: l.signal });
-          c === i && o.set(u);
+          const u = await e(c, { abortSignal: l.signal });
+          a === i && o.set(u);
         } catch (u) {
-          if (c === i)
+          if (a === i)
+            if (n != null)
+              o.set(n(u));
+            else
+              throw u;
+        }
+      })
+    ), o;
+  };
+  /**
+   * 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, s, n, r = (o, i) => o === i) => {
+    const o = D(s, r);
+    let i = 0, l = new AbortController();
+    return o.onDispose(
+      this.on(async (c) => {
+        const a = ++i;
+        l.abort(), l = new AbortController();
+        try {
+          const u = e(c, { abortSignal: l.signal });
+          for await (const d of u) {
+            if (a !== i) return;
+            o.set(d);
+          }
+        } catch (u) {
+          if (a === i)
             if (n != null)
               o.set(n(u));
             else
@@ -747,7 +822,7 @@ 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);
+const rt = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
 class R extends y {
   /**
    * Creates a new Computed signal.
@@ -812,7 +887,7 @@ class R extends y {
    */
   _scheduleNotify = () => {
     const e = ++this._scheduleCount;
-    st(() => {
+    rt(() => {
       this._scheduleCount !== e || this._disposed || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn()));
     });
   };
@@ -918,7 +993,7 @@ class se extends y {
 const ne = (t, e, s = (n, r) => n === r) => {
   const n = new R(t, s);
   return e.forEach((r) => r.setDerivative(n)), n;
-}, Ae = (t, e, s = {}) => {
+}, _e = (t, e, s = {}) => {
   let n = s.once ? () => {
     o(), t();
   } : t;
@@ -939,18 +1014,18 @@ const ne = (t, e, s = (n, r) => n === r) => {
 }, re = (t, e = (s, n) => s === n) => new y(t, e), oe = () => (
   /* c8 ignore next */
   typeof window < "u" ? window : void 0
-), nt = (t, e, s) => t + (e - t) * s, ve = 97, rt = (t, e, s) => {
+), ot = (t, e, s) => t + (e - t) * s, be = 97, it = (t, e, s) => {
   const n = Math.max(t.length, e.length);
   let r = "";
   for (let o = 0; o < n; o++) {
     let i = t.charCodeAt(o);
-    isNaN(i) && (i = ve);
+    isNaN(i) && (i = be);
     let l = e.charCodeAt(o);
-    isNaN(l) && (l = ve), r += String.fromCharCode(i + (l - i) * s);
+    isNaN(l) && (l = be), r += String.fromCharCode(i + (l - i) * s);
   }
   return r;
-}, ot = (t, e, s) => new Date(t.getTime() + (e.getTime() - t.getTime()) * s), it = (t, e) => e, lt = (t) => typeof t == "number" ? nt : typeof t == "string" ? rt : t instanceof Date ? ot : it;
-class Te {
+}, lt = (t, e, s) => new Date(t.getTime() + (e.getTime() - t.getTime()) * s), at = (t, e) => e, ct = (t) => typeof t == "number" ? ot : typeof t == "string" ? it : t instanceof Date ? lt : at;
+class Ee {
   _store = /* @__PURE__ */ new Map();
   /**
    * Retrieves the value associated with the specified key from the memory store.
@@ -968,120 +1043,120 @@ class Te {
   };
 }
 let ue = null, he = null;
-const at = () => (ue || (ue = new Te()), ue), ct = () => (he || (he = new Te()), he), Ee = ({
+const ut = () => (ue || (ue = new Ee()), ue), ht = () => (he || (he = new Ee()), he), Ce = ({
   key: t,
   defaultValue: e,
   store: s,
   serialize: n = JSON.stringify,
   deserialize: r = JSON.parse,
-  equals: o = (c, u) => c === u,
-  onLoad: i = (c) => c,
+  equals: o = (a, u) => a === u,
+  onLoad: i = (a) => a,
   syncTabs: l = !0,
-  onKeyChange: a = "load"
+  onKeyChange: c = "load"
 }) => {
-  let c = w.get(t);
-  const u = s.getItem(c), d = new se(
+  let a = w.get(t);
+  const u = s.getItem(a), 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 = (_) => {
+  let p = !1, b = null, v = null;
+  const S = (A) => {
     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 I = `tempo:storedProp:${A}`, P = new f.BroadcastChannel(I), H = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`, M = (Q) => {
       const C = Q.data;
-      if (!(C == null || typeof C != "object" || C.key !== _ || typeof C.value != "string" || C.sourceId != null && C.sourceId === H))
+      if (!(C == null || typeof C != "object" || C.key !== A || typeof C.value != "string" || C.sourceId != null && C.sourceId === H))
         try {
           p = !0;
           const ae = i(r(C.value));
           d.set(ae);
         } catch (ae) {
           console.warn(
-            `Failed to sync storedProp for key "${_}" via BroadcastChannel`,
+            `Failed to sync storedProp for key "${A}" via BroadcastChannel`,
             ae
           );
         } finally {
           p = !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;
+    return P.addEventListener("message", M), d.onDispose(() => {
+      P?.removeEventListener("message", M), P?.close();
+    }), { channel: P, instanceId: H, handleMessage: M };
+  }, x = S(a);
+  x && (b = x.channel, v = x.instanceId);
+  const X = (A) => {
+    const I = a;
+    if (I === A) 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 (s.setItem(I, H), b != null && (b.close(), b = null, v = null), a = A, c === "load") {
+      const Q = s.getItem(A);
       if (Q != null)
         try {
           const C = i(r(Q));
           d.set(C);
         } catch (C) {
           console.warn(
-            `Failed to load storedProp from new key "${_}"`,
+            `Failed to load storedProp from new key "${A}"`,
             C
           );
         }
       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,
+        s.setItem(A, H);
+    } else c === "migrate" && s.setItem(A, H);
+    const M = S(A);
+    M && (b = M.channel, v = M.instanceId);
+  };
+  return y.is(t) && d.onDispose(t.on(X)), d.on((A, I) => {
+    const P = n(A);
+    s.setItem(a, P), b != null && !p && I !== void 0 && v != null && b.postMessage({
+      key: a,
       value: P,
-      sourceId: S
+      sourceId: v
     });
   }), d;
-}, ts = (t) => {
-  const e = oe()?.localStorage, s = e && typeof e.getItem == "function" ? e : at();
-  return Ee({
+}, rs = (t) => {
+  const e = oe()?.localStorage, s = e && typeof e.getItem == "function" ? e : ut();
+  return Ce({
     ...t,
     store: s
   });
-}, ss = (t) => {
-  const e = oe()?.sessionStorage, s = e && typeof e.getItem == "function" ? e : ct();
-  return Ee({
+}, os = (t) => {
+  const e = oe()?.sessionStorage, s = e && typeof e.getItem == "function" ? e : ht();
+  return Ce({
     ...t,
     store: s
   });
 };
-function be(t) {
+function Se(t) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 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 dt = (t, e, s, n) => {
+  const r = n?.duration ?? 300, o = n?.easing ?? ((S) => S), i = n?.equals ?? ((S, x) => S === x);
+  let l = n?.interpolate, c = t, a = 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);
+  }), p.onDispose(h.dispose), s.forEach((S) => {
+    S.setDerivative(h), S.onDispose(p.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 b = (S) => {
+    a = S, u = performance.now(), c = p.value, f && (f = !1, d = Se(v));
+  }, v = () => {
+    const S = (performance.now() - u) / w.get(r), x = o(S);
+    l == null && (l = ct(c));
+    let X = l(c, a, x);
+    S >= 1 ? (f = !0, X = a) : d = Se(v), p.set(X);
+  };
+  return h.on(b), p;
+}, is = (t, e) => {
   const { initialValue: s, ...n } = e ?? {};
-  return ut(
+  return dt(
     /* c8 ignore next 2 */
     s ?? t.get(),
     t.get,
     [t],
     n
   );
-}, ht = (t, e) => {
+}, ft = (t, e) => {
   const s = Object.values(t).filter(y.is), n = Object.keys(t);
   return ne(() => {
     const r = {};
@@ -1089,7 +1164,7 @@ const ut = (t, e, s, n) => {
       r[o] = w.get(t[o]);
     return e(r);
   }, s);
-}, rs = (t) => ht(t, (e) => e), os = (t, e) => {
+}, ls = (t) => ft(t, (e) => e), as = (t, e) => {
   const s = D(t.get());
   let n = null;
   const r = t.on(
@@ -1106,28 +1181,28 @@ const ut = (t, e, s, n) => {
   return s.onDispose(() => {
     r(), n != null && clearTimeout(n);
   }), s;
-}, is = (t) => {
+}, cs = (t) => {
   let e;
   return t.map((s) => {
     const n = e;
     return e = s, n;
   });
-}, ls = ({
+}, us = ({
   size: t = 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(
+}, hs = (t) => (...e) => B(
   t,
   ...e
 )((s, ...n) => s(...n));
-function cs(...t) {
-  return J(...t)((...e) => {
+function ds(...t) {
+  return B(...t)((...e) => {
     for (const s of e) if (s != null) return s;
   });
 }
-const us = (t, {
+const fs = (t, {
   channel: e,
   serialize: s = JSON.stringify,
   deserialize: n = JSON.parse,
@@ -1140,12 +1215,12 @@ const us = (t, {
   const i = new o.BroadcastChannel(
     `tempo:syncProp:${e}`
   ), l = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
-  let a = !1;
-  const c = (f) => {
+  let c = !1;
+  const a = (f) => {
     const h = f.data;
     if (!(h == null || typeof h != "object" || typeof h.value != "string" || h.sourceId != null && h.sourceId === l))
       try {
-        a = !0;
+        c = !0;
         const p = n(h.value);
         r(t.get(), p) || t.set(p);
       } catch (p) {
@@ -1154,12 +1229,12 @@ const us = (t, {
           p
         );
       } finally {
-        a = !1;
+        c = !1;
       }
   };
-  i.addEventListener("message", c);
+  i.addEventListener("message", a);
   const u = t.on((f, h) => {
-    if (!a && h !== void 0 && !r(f, h))
+    if (!c && h !== void 0 && !r(f, h))
       try {
         const p = s(f);
         i.postMessage({
@@ -1173,7 +1248,7 @@ const us = (t, {
         );
       }
   }), d = () => {
-    u(), i.removeEventListener("message", c), i.close();
+    u(), i.removeEventListener("message", a), i.close();
   };
   return t.onDispose(d), d;
 };
@@ -1225,12 +1300,14 @@ 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 De = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "multiple", "readonly", "required", "autofocus"]), Le = /* @__PURE__ */ new Set(["selected"]), xe = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), Le = /* @__PURE__ */ new Set(["valueAsDate"]), Pe = /* @__PURE__ */ new Set([
+]), Pe = /* @__PURE__ */ new Set(["valueAsDate"]), Me = {
+  readonly: "readOnly"
+}, Oe = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -1239,23 +1316,30 @@ 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) => {
+]), pt = (t, e) => {
+  if (Le.has(t))
+    return (s) => {
+      s == null || s !== !0 ? e.removeAttribute(t) : e.setAttribute(t, "");
+    };
+  if (De.has(t)) {
+    const s = Me[t] || t;
+    return (n) => {
+      n == null ? e[s] = null : e[s] = !!n;
+    };
+  } else return xe.has(t) ? (s) => {
+    s == null ? e[t] = null : e[t] = Number(s);
+  } : Pe.has(t) ? (s) => {
+    s == null ? e[t] = null : e[t] = s;
+  } : Oe.has(t) ? (s) => {
+    s == null ? e[t] = null : e[t] = String(s);
+  } : (s) => {
+    s == null ? e.removeAttribute(t) : e.setAttribute(t, s);
+  };
+}, gt = (t, e) => Le.has(t) ? () => e.hasAttribute(t) : De.has(t) ? () => !!e[Me[t] || t] : xe.has(t) ? () => Number(e[t]) : Pe.has(t) ? () => e[t] : Oe.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 {
+}, mt = (t) => ke(t) || Ie(t) ? t : t.parentElement, ke = (t) => t.nodeType === 1, Ie = (t) => t.nodeType === 11;
+class He extends Error {
   constructor(e) {
     super(`Provider not found: ${e.description}`);
   }
@@ -1450,7 +1534,7 @@ class j {
    */
   getProvider = (e) => {
     if (this.providers[e] === void 0)
-      throw new Me(e);
+      throw new He(e);
     const [s, n] = this.providers[e];
     return { value: s, onUse: n };
   };
@@ -1525,24 +1609,24 @@ class j {
    */
   getStyle = (e) => this.element.style[e];
   makeAccessors = (e) => ({
-    get: ft(e, this.element),
-    set: dt(e, this.element)
+    get: gt(e, this.element),
+    set: pt(e, this.element)
   });
   getWindow = () => this.document.defaultView;
 }
-const G = (t, e) => {
-  const s = new z(), n = k(s, () => t.render(e));
+const z = (t, e) => {
+  const s = new J(), n = O(s, () => t.render(e));
   return (r = !0) => {
     s.dispose(), n(r);
   };
-}, hs = (t, e, { doc: s, clear: n, disposeWithParent: r = !0, providers: o = {} } = {}) => {
+}, ps = (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(
+    throw new yt(
       `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);
+  const l = mt(i), c = ke(i) || Ie(i) ? void 0 : i, a = j.of(l, c, o), u = z(t, a);
   let d;
   return r && i.parentElement != null && (d = new MutationObserver((f) => {
     f[0]?.removedNodes.forEach((h) => {
@@ -1555,27 +1639,27 @@ const G = (t, e) => {
   })), () => {
     d?.disconnect(), u(!0);
   };
-}, ds = (t, {
+}, gs = (t, {
   startUrl: e = "https://example.com",
   selector: s,
   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 = w.toSignal(e).deriveProp(), o = new je(s, void 0), i = new V(o, void 0, { currentURL: r }, n);
   return {
-    clear: G(t(), i),
+    clear: z(t(), i),
     root: o,
     currentURL: r
   };
 };
-class gt extends Error {
+class yt 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 fe = "data-tts-node", q = "data-tts-class", F = "data-tts-style", W = "data-tts-html", U = "data-tts-text", G = "data-tts-attrs";
+class ms {
   /**
    * Selects elements from the headless environment.
    * @param selector - The selector to select elements from. The supported selectors are CSS selectors whose complexity depends on the adapter implementation.
@@ -1657,13 +1741,13 @@ class fs {
     setClass: o,
     getStyles: i,
     setStyles: l,
-    appendHTML: a,
-    getInnerHTML: c,
+    appendHTML: c,
+    getInnerHTML: a,
     setInnerHTML: u,
     getInnerText: d,
     setInnerText: f
   }) {
-    this.select = e, this.getAttribute = s, this.setAttribute = n, this.getClass = r, this.setClass = o, this.getStyles = i, this.setStyles = l, this.appendHTML = a, this.getInnerHTML = c, this.setInnerHTML = u, this.getInnerText = d, this.setInnerText = f;
+    this.select = e, this.getAttribute = s, this.setAttribute = n, this.getClass = r, this.setClass = o, this.getStyles = i, this.setStyles = l, this.appendHTML = c, this.getInnerHTML = a, this.setInnerHTML = u, this.getInnerText = d, this.setInnerText = f;
   }
   /**
    * Sets the content of the root element from a HeadlessPortal. Generally this will be the same instance that is
@@ -1684,21 +1768,21 @@ class fs {
         if (r.hasChildren() && this.appendHTML(i, r.contentToHTML(s)), r.hasInnerHTML()) {
           if (s) {
             const l = this.getInnerHTML(i);
-            l != null && this.setAttribute(i, F, l);
+            l != null && this.setAttribute(i, W, l);
           }
           this.setInnerHTML(i, r.getInnerHTML());
         }
         if (r.hasInnerText()) {
           if (s) {
             const l = this.getInnerText(i);
-            l != null && this.setAttribute(i, W, l);
+            l != null && this.setAttribute(i, U, l);
           }
           this.setInnerText(i, r.getInnerText());
         }
         if (r.hasClasses()) {
           if (s) {
             const l = this.getClass(i);
-            l != null && this.setAttribute(i, B, l);
+            l != null && this.setAttribute(i, q, l);
           }
           this.setClass(i, r.getClasses().join(" "));
         }
@@ -1707,7 +1791,7 @@ class fs {
             const l = this.getStyles(i);
             Object.keys(l).length > 0 && this.setAttribute(
               i,
-              q,
+              F,
               JSON.stringify(l)
             );
           }
@@ -1716,55 +1800,55 @@ class fs {
         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(
+            const c = [];
+            l.forEach(([a]) => {
+              const u = this.getAttribute(i, a);
+              u != null && c.push([a, u]);
+            }), c.length > 0 && this.setAttribute(
               i,
-              U,
-              JSON.stringify(Object.fromEntries(a))
+              G,
+              JSON.stringify(Object.fromEntries(c))
             );
           }
-          l.forEach(([a, c]) => {
-            this.setAttribute(i, a, c);
+          l.forEach(([c, a]) => {
+            this.setAttribute(i, c, a);
           });
         }
       }
     });
   };
 }
-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) => JSON.parse(t.replace(/&quot;/g, '"')), wt = (t) => {
+  const e = t.getAttribute(q);
+  t.removeAttribute(q), e != null && t.setAttribute("class", e);
+}, bt = (t) => {
   const e = t.getAttribute(W);
-  t.removeAttribute(W), e != null && (t.innerText = e);
+  t.removeAttribute(W), e != null && (t.innerHTML = e);
+}, St = (t) => {
+  const e = t.getAttribute(U);
+  t.removeAttribute(U), 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);
+  const e = t.getAttribute(F);
+  if (t.removeAttribute(F), e != null) {
+    const s = $e(e), n = Object.entries(s);
     n.length > 0 && (t.style.cssText = n.map(([r, o]) => `${r}: ${o}`).join("; "));
   }
-}, bt = (t) => {
-  const e = t.getAttribute(U);
-  if (t.removeAttribute(U), e != null) {
-    const s = Ie(e);
+}, At = (t) => {
+  const e = t.getAttribute(G);
+  if (t.removeAttribute(G), e != null) {
+    const s = $e(e);
     Object.entries(s).forEach(([n, r]) => {
       r == null ? t.removeAttribute(n) : t.setAttribute(n, r);
     });
   }
-}, ps = () => {
+}, ys = () => {
   const e = [
     fe,
-    B,
-    F,
-    W,
     q,
-    U
+    W,
+    U,
+    F,
+    G
   ].map((n) => `[${n}]`).join(",");
   document.querySelectorAll(e).forEach((n) => {
     const r = n;
@@ -1772,19 +1856,19 @@ const Ie = (t) => JSON.parse(t.replace(/&quot;/g, '"')), mt = (t) => {
       te(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(q) && wt(r), r.hasAttribute(U) && St(r), r.hasAttribute(W) && bt(r), r.hasAttribute(F) && vt(r), r.hasAttribute(G) && At(r);
   });
-}, N = Symbol("class"), $ = Symbol("style"), Z = Symbol("handler"), He = () => Math.random().toString(36).substring(2, 15), St = (t) => t.replace(/<[^>]*>?/g, "");
-class Ne {
+}, Tt = "data-tempo-id", $ = Symbol("class"), N = Symbol("style"), Z = Symbol("handler"), Ne = () => Math.random().toString(36).substring(2, 15), _t = (t) => t.replace(/<[^>]*>?/g, "");
+class Re {
   constructor(e) {
     this.parent = e;
   }
-  id = He();
+  id = Ne();
   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 ? _t(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);
@@ -1805,8 +1889,8 @@ 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[$] != null;
+  hasStyles = () => this.properties[N] != null;
   hasAttributes = () => Object.keys(this.properties).length > 0;
   hasHandlers = () => this.properties[Z] != null;
   hasRenderableProperties = () => this.hasClasses() || this.hasAttributes() || this.hasStyles();
@@ -1826,45 +1910,45 @@ class Ne {
     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);
+    const o = this.properties[Z] ??= {}, i = r?.once ? (c) => {
+      l(), s(c, n);
+    } : (c) => s(c, n);
     o[e] = [...o[e] ?? [], i];
     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 c = o[e] ?? [], a = c.indexOf(i);
+      a !== -1 && (c.splice(a, 1), c.length === 0 ? (delete o[e], Object.keys(o).length === 0 && delete this.properties[Z]) : o[e] = c, r?.signal != null && r.signal.removeEventListener("abort", l));
     };
     return r?.signal != null && r.signal.addEventListener("abort", l), l;
   };
   addClasses = (e) => {
     if (e.length === 0)
       return;
-    const s = this.properties[N] ??= [], n = new Set(s);
+    const s = this.properties[$] ??= [], n = new Set(s);
     for (const r of e)
       n.has(r) || (s.push(r), n.add(r));
   };
   removeClasses = (e) => {
     if (e.length === 0)
       return;
-    const s = this.properties[N] ??= [], n = new Set(e);
+    const s = this.properties[$] ??= [], 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];
+    s.length = r, s.length === 0 && delete this.properties[$];
   };
-  getClasses = () => this.properties[N] ?? [];
+  getClasses = () => this.properties[$] ?? [];
   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 === $ ? [["class", this.getClasses()]] : e === N ? [["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[$]);
+    const n = this.properties[N] ??= {};
+    n[e] = s, s === "" && (delete n[e], Object.keys(n).length === 0 && delete this.properties[N]);
   };
-  getStyle = (e) => this.properties[$]?.[e] ?? "";
-  getStyles = () => this.properties[$] ?? {};
+  getStyle = (e) => this.properties[N]?.[e] ?? "";
+  getStyles = () => this.properties[N] ?? {};
   makeAccessors = (e) => {
     const s = this.properties;
     return {
@@ -1873,36 +1957,90 @@ class Ne {
     };
   };
 }
-const _t = (t) => t.replace(/"/g, "&quot;"), At = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-class Tt extends Ne {
+const Et = (t) => t.replace(/"/g, "&quot;"), Ct = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+class Dt extends Re {
   constructor(e, s, n) {
     super(n), this.tagName = e, this.namespace = s;
   }
   isPortal = () => !1;
+  /**
+   * Builds the attributes string for this element.
+   * Returns an object containing the attributes string and any innerHTML value.
+   */
+  buildAttributesString = (e) => {
+    let s = null;
+    const n = this.namespace ? ` xmlns="${this.namespace}"` : "", r = this.getVisibleAttributes().map(([i, l]) => i === "class" ? ` class="${l.join(" ")}"` : i === "style" ? typeof l == "string" ? ` style="${l}"` : ` style="${Object.entries(l).map(([c, a]) => `${c}: ${a};`).join(" ")}"` : xt.has(i) ? ` ${i}` : i === "innerHTML" ? (s = l, "") : i === "innerText" ? (s = Ct(l), "") : ` ${i}="${Et(l)}"`).join(""), o = e ? ` ${fe} ${Tt}="${this.id}"` : "";
+    return { attrs: `${n}${r}${o}`, innerHTML: s };
+  };
   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 s = this.children.map((o) => o.toHTML()).join(""), { attrs: n, innerHTML: r } = this.buildAttributesString(e);
+    return ve.has(this.tagName) && s === "" ? `<${this.tagName}${n} />` : `<${this.tagName}${n}>${r ?? s}</${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 s = e?.generatePlaceholders ?? !1, { attrs: n, innerHTML: r } = this.buildAttributesString(s);
+    if (ve.has(this.tagName) && this.children.length === 0) {
+      yield `<${this.tagName}${n} />`;
+      return;
+    }
+    if (yield `<${this.tagName}${n}>`, r !== null)
+      yield r;
+    else
+      for (const o of this.children)
+        yield* o.toHTMLStream(e);
+    yield `</${this.tagName}>`;
+  }
 }
-class $e extends Ne {
+class je extends Re {
   constructor(e, s) {
     super(s), this.selector = e;
   }
   isPortal = () => !0;
   toHTML = () => "";
+  /**
+   * 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((s) => s.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 s of this.children)
+      yield* s.toHTMLStream(e);
+  }
 }
-class Et {
+class Lt {
   constructor(e) {
     this.text = e;
   }
-  id = He();
+  id = Ne();
   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) {
@@ -1916,7 +2054,7 @@ class V {
       this.element.children.push(e);
   };
   makeChildElement = (e, s) => {
-    const n = new Tt(e, s, this.element);
+    const n = new Dt(e, s, this.element);
     return this.appendOrInsert(n), new V(
       n,
       void 0,
@@ -1925,7 +2063,7 @@ class V {
     );
   };
   makeChildText = (e) => {
-    const s = new Et(e);
+    const s = new Lt(e);
     return this.appendOrInsert(s), new V(
       this.element,
       s,
@@ -1939,7 +2077,7 @@ class V {
   getText = () => this.reference?.getText() ?? this.element.getText();
   makeRef = () => this.makeChildText("");
   makePortal = (e) => {
-    const s = new $e(e, this.element);
+    const s = new je(e, this.element);
     return this.appendOrInsert(s), new V(
       s,
       void 0,
@@ -1960,7 +2098,7 @@ class V {
   });
   getProvider = (e) => {
     if (this.providers[e] === void 0)
-      throw new Me(e);
+      throw new He(e);
     const [s, n] = this.providers[e];
     return { value: s, onUse: n };
   };
@@ -1979,60 +2117,60 @@ class V {
   getStyle = (e) => this.element.getStyle(e);
   makeAccessors = (e) => this.element.makeAccessors(e);
 }
-const Ct = /* @__PURE__ */ new Set([
+const xt = /* @__PURE__ */ new Set([
   "checked",
   "disabled",
   "multiple",
   "readonly",
   "required",
   "selected"
-]), Dt = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), gs = () => (
+]), ve = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), ws = () => (
   /* 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) => {
+), Pt = Symbol("DOM_RENDERABLE"), m = (t) => Xe(Pt, t), Ve = (t) => m((e) => e.makeChildText(t).clear), Be = (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) => {
+}), bs = (t) => y.is(t) ? Be(t) : Ve(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) => {
+}), L = m(() => () => {
+}), Mt = (t) => m((e) => (e.addClasses(t), (s) => {
   s && e.removeClasses(t);
-})), Pt = (t) => m((e) => {
+})), Ot = (t) => m((e) => {
   let s = /* @__PURE__ */ new Set();
   const n = t.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 o = (r ?? "").split(" ").filter((a) => a.length > 0), i = new Set(o), l = [];
+      for (const a of s)
+        i.has(a) || l.push(a);
+      const c = [];
+      for (const a of i)
+        s.has(a) || c.push(a);
+      l.length > 0 && e.removeClasses(l), c.length > 0 && e.addClasses(c), s = i;
     },
     { noAutoDispose: !0 }
   );
   return (r) => {
     n(), r && e.removeClasses(Array.from(s)), s.clear();
   };
-}), Ot = (t, e) => m((s) => {
+}), kt = (t, e) => m((s) => {
   const { get: n, set: r } = s.makeAccessors(t), o = n();
   return r(e), (i) => {
     i && r(o);
   };
-}), kt = (t, e) => m((s) => {
+}), It = (t, e) => m((s) => {
   const { get: n, set: r } = s.makeAccessors(t), o = n(), i = e.on(r, { noAutoDispose: !0 });
   return (l) => {
     i(), l && r(o);
   };
-}), K = (t, e) => y.is(e) ? kt(t, e) : Ot(t, e), Mt = (t, e) => t === "class" ? y.is(e) ? Pt(e) : Lt(
+}), K = (t, e) => y.is(e) ? It(t, e) : kt(t, e), Ht = (t, e) => t === "class" ? y.is(e) ? Ot(e) : Mt(
   /* c8 ignore next */
   (e ?? "").split(" ").filter((s) => s.length > 0)
-) : K(t, e), A = new Proxy(
+) : K(t, e), T = new Proxy(
   {},
   {
     /**
@@ -2046,9 +2184,9 @@ const Ct = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => Mt(e, s)
+    get: (t, e) => (s) => Ht(e, s)
   }
-), It = (t, e) => K(`data-${t}`, e), ys = new Proxy(
+), $t = (t, e) => K(`data-${t}`, e), Ss = new Proxy(
   {},
   {
     /**
@@ -2059,9 +2197,9 @@ const Ct = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => It(e, s)
+    get: (t, e) => (s) => $t(e, s)
   }
-), Ht = (t, e) => K(`aria-${t}`, e), ws = new Proxy(
+), Nt = (t, e) => K(`aria-${t}`, e), vs = new Proxy(
   {},
   {
     /**
@@ -2072,9 +2210,9 @@ const Ct = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => Ht(e, s)
+    get: (t, e) => (s) => Nt(e, s)
   }
-), Nt = (t, e) => K(t, e), vs = new Proxy(
+), Rt = (t, e) => K(t, e), As = new Proxy(
   {},
   {
     /**
@@ -2085,9 +2223,9 @@ const Ct = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => Nt(e, s)
+    get: (t, e) => (s) => Rt(e, s)
   }
-), $t = (t, e) => K(t, e), bs = new Proxy(
+), jt = (t, e) => K(t, e), Ts = new Proxy(
   {},
   {
     /**
@@ -2097,21 +2235,21 @@ const Ct = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (s) => $t(e, s)
+    get: (t, e) => (s) => jt(e, s)
   }
 ), g = (t) => {
   if (t == null)
-    return x;
+    return L;
   if (Array.isArray(t))
     return E(...t.map(g));
   if (typeof t == "string")
-    return Re(t);
+    return Ve(t);
   if (y.is(t))
-    return je(t);
+    return Be(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) => {
+}, qe = (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);
@@ -2121,7 +2259,7 @@ const Ct = /* @__PURE__ */ new Set([
   return (i) => {
     o.forEach((l) => l(!1)), r.clear(i);
   };
-}), Rt = new Proxy(
+}), Vt = new Proxy(
   {},
   {
     /**
@@ -2129,9 +2267,9 @@ const Ct = /* @__PURE__ */ new Set([
      * @param tagName - The HTML tag name.
      * @returns A renderable function that creates and appends the HTML element to the DOM.
      */
-    get: (t, e) => (...s) => Ve(e, s.flatMap(g))
+    get: (t, e) => (...s) => qe(e, s.flatMap(g))
   }
-), Ss = new Proxy(
+), _s = new Proxy(
   {},
   {
     /**
@@ -2139,9 +2277,9 @@ const Ct = /* @__PURE__ */ new Set([
      * @param type - The input type name.
      * @returns A renderable function that creates and appends the HTMLInput element to the DOM.
      */
-    get: (t, e) => (...s) => Ve("input", A.type(e), ...s)
+    get: (t, e) => (...s) => qe("input", T.type(e), ...s)
   }
-), Be = "http://www.w3.org/2000/svg", _s = (t, ...e) => ie(t, Be, ...e), As = new Proxy(
+), Fe = "http://www.w3.org/2000/svg", Es = (t, ...e) => ie(t, Fe, ...e), Cs = new Proxy(
   {},
   {
     /**
@@ -2149,9 +2287,9 @@ const Ct = /* @__PURE__ */ new Set([
      * @param tagName - The SVG tag name.
      * @returns A renderable function that creates and appends the SVG element to the DOM.
      */
-    get: (t, e) => (...s) => ie(e, Be, s.flatMap(g))
+    get: (t, e) => (...s) => ie(e, Fe, s.flatMap(g))
   }
-), qe = "http://www.w3.org/1998/Math/MathML", Ts = (t, ...e) => ie(t, qe, ...e), Es = new Proxy(
+), We = "http://www.w3.org/1998/Math/MathML", Ds = (t, ...e) => ie(t, We, ...e), Ls = new Proxy(
   {},
   {
     /**
@@ -2159,28 +2297,28 @@ const Ct = /* @__PURE__ */ new Set([
      * @param tagName - The Math tag name.
      * @returns A renderable function that creates and appends the Math element to the DOM.
      */
-    get: (t, e) => (...s) => ie(e, qe, s.flatMap(g))
+    get: (t, e) => (...s) => ie(e, We, s.flatMap(g))
   }
-), Fe = (t, e) => {
+), Ue = (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 Ue(t, { then: e });
+  const s = e.pending != null ? g(e.pending()) : L, n = e.then, r = e.error != null ? (o) => g(e.error(o)) : () => L;
   return m((o) => {
     let i = !0;
-    const l = t(), a = o.makeRef();
-    let c = g(s).render(a);
+    const l = t(), c = o.makeRef();
+    let a = g(s).render(c);
     return l.then(
       (u) => {
-        i && (c(!0), c = g(n(u)).render(a));
+        i && (a(!0), a = g(n(u)).render(c));
       },
       (u) => {
-        i && (c(!0), c = g(r(u)).render(a));
+        i && (a(!0), a = g(r(u)).render(c));
       }
     ), (u) => {
-      i = !1, c(u), a.clear(u);
+      i = !1, a(u), c.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) => {
+}, xs = (t, e) => Ue(() => t, e), Ge = (t, e, s) => m((n) => n.on(t, e, s)), Bt = (t) => Ge("click", (e, s) => {
   e.preventDefault();
   const n = e.target;
   setTimeout(() => {
@@ -2195,20 +2333,20 @@ 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: (t, e) => (s) => Ge(e, s)
   }
-), Vt = (t, e) => (s) => {
+), qt = (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) => {
+}, k = (t, e) => qt((s) => {
   const n = s.target;
   t(n, s);
-}, e), Bt = (t, e) => M(
+}, e), Ft = (t, e) => k(
   (s, n) => t(s.value, n),
   e
-), qt = (t, e) => M(
+), Wt = (t, e) => k(
   (s, n) => t(s.valueAsNumber, n),
   e
-), Ft = (t, e) => M((s, n) => {
+), Ut = (t, e) => k((s, n) => {
   if (s.value === "")
     return;
   const r = s.value.split("-"), o = new Date(
@@ -2217,7 +2355,7 @@ const Ct = /* @__PURE__ */ new Set([
     Number(r[2].substring(0, 2))
   );
   t(o, n);
-}, e), Ds = (t, e) => M((s, n) => {
+}, e), Ps = (t, e) => k((s, n) => {
   if (s.value === "") {
     t(null, n);
     return;
@@ -2228,7 +2366,7 @@ const Ct = /* @__PURE__ */ new Set([
     Number(r[2].substring(0, 2))
   );
   t(o, n);
-}, e), Wt = (t, e) => M((s, n) => {
+}, e), Gt = (t, e) => k((s, n) => {
   if (s.value === "")
     return;
   const r = s.value.split("T"), o = r[0].split("-"), i = new Date(
@@ -2237,7 +2375,7 @@ const Ct = /* @__PURE__ */ new Set([
     Number(o[2])
   ), l = r[1].split(":");
   i.setHours(Number(l[0])), i.setMinutes(Number(l[1])), i.setSeconds(Number(l[2])), t(i, n);
-}, e), xs = (t, e) => M((s, n) => {
+}, e), Ms = (t, e) => k((s, n) => {
   if (s.value === "") {
     t(null, n);
     return;
@@ -2253,15 +2391,15 @@ const Ct = /* @__PURE__ */ new Set([
     Number(o[2])
   ), l = r[1].split(":");
   i.setHours(Number(l[0] ?? 0)), i.setMinutes(Number(l[1] ?? 0)), i.setSeconds(Number(l[2] ?? 0)), t(i, n);
-}, e), Ls = (t, e) => M((s, n) => {
+}, e), Os = (t, e) => k((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) => {
+}, e), ks = (t, e = "input") => E(T.valueAsDate(t), Y[e](Ut(t.set))), Is = (t, e = "input") => E(T.valueAsDate(t), Y[e](Gt(t.set))), Hs = (t, e = "input") => E(T.valueAsNumber(t), Y[e](Wt(t.set))), $s = (t, e = "input") => E(T.value(t), Y[e](Ft(t.set))), Ns = (t) => E(T.checked(t), Bt(t.set)), ge = (t, e, s) => y.is(t) ? e(t) : s(t), Jt = (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?.dispose(), r(!0), o = new J(), r = O(
         o,
         () => g(s(l)).render(n)
       );
@@ -2275,18 +2413,18 @@ const Ct = /* @__PURE__ */ new Set([
   function s(r) {
     return m((o) => {
       const i = o.makeRef();
-      let l, a;
-      const c = r.map((f) => Object.keys(f)[0]);
+      let l, c;
+      const a = r.map((f) => Object.keys(f)[0]);
       let u;
-      const d = c.on((f) => {
+      const d = a.on((f) => {
         if (f !== u) {
-          u = f, a?.dispose(), l?.(!0), a = r.map((p) => p[f]);
-          const h = e[f](a);
+          u = f, c?.dispose(), l?.(!0), c = r.map((p) => p[f]);
+          const h = e[f](c);
           l = g(h).render(i);
         }
       });
       return (f) => {
-        a?.dispose(), d(), i.clear(f), l?.(f);
+        c?.dispose(), d(), i.clear(f), l?.(f);
       };
     });
   }
@@ -2295,21 +2433,21 @@ const Ct = /* @__PURE__ */ new Set([
     return g(e[o](re(r[o])));
   }
   return ge(t, s, n);
-}, Ue = (t, e, s) => le(
+}, Je = (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) => {
+), Rs = (t, e) => Je(t, "kind", e), js = (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(
+}, Vs = (t, e) => Je(t, "type", e), zt = (t, e) => le(
   w.map(t, (s) => ({ [s]: !0 })),
   e
-), Rs = (t, e = {}) => (s) => {
+), Bs = (t, e = {}) => (s) => {
   const n = e?.firstSeparator ?? t, r = e?.lastSeparator ?? t;
-  return Jt(
+  return zt(
     s.map((o) => o.isFirst ? "first" : o.isLast ? "last" : "other"),
     {
       first: n,
@@ -2317,28 +2455,28 @@ const Ct = /* @__PURE__ */ new Set([
       other: t
     }
   );
-}, js = (t) => m((e) => (e.appendOrInsert(t), (s) => {
+}, qs = (t) => m((e) => (e.appendOrInsert(t), (s) => {
   s && te(t);
-})), Vs = (t, e, s) => {
+})), Fs = (t, e, s) => {
   function n(o) {
     return m((i) => {
       const l = i.makeRef();
-      let a = () => {
-      }, c = !1, u = null;
+      let c = () => {
+      }, a = !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(
+        f == null ? (c(!0), c = g(s?.()).render(l), a = !1, u?.dispose(), u = null) : a ? u.set(f) : (u = D(f), c(!0), c = g(
           e(u)
-        ).render(l), c = !0);
+        ).render(l), a = !0);
       });
       return (f) => {
-        u?.dispose(), d(), a?.(f), l.clear(f);
+        u?.dispose(), d(), c?.(f), l.clear(f);
       };
     });
   }
   function r(o) {
     if (o == null) {
       const i = s?.();
-      return i != null ? g(i) : x;
+      return i != null ? g(i) : L;
     }
     return g(e(re(o)));
   }
@@ -2347,21 +2485,21 @@ const Ct = /* @__PURE__ */ new Set([
     n,
     r
   );
-}, Bs = (...t) => (e, s) => m((n) => {
+}, Ws = (...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);
+    return (s != null ? g(s?.()) : L).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) => {
+  let c = null;
+  const a = D(l.every((h) => h)), u = (h, p) => {
     if (h.value != null) {
       if (i[p] == null) {
-        const v = D(h.value);
-        i[p] = v;
+        const b = D(h.value);
+        i[p] = b;
       } else
         i[p].value = h.value;
       l[p] = !0;
@@ -2371,23 +2509,23 @@ const Ct = /* @__PURE__ */ new Set([
   let d = t.length - 1;
   const f = t.map((h, p) => {
     if (!y.is(h)) {
-      const v = D(h);
-      return i[p] = v, () => {
+      const b = D(h);
+      return i[p] = b, () => {
       };
     }
     return h.on(() => {
-      u(h, p), d === 0 ? c.value = l.every((v) => v) : d--;
+      u(h, p), d === 0 ? a.value = l.every((b) => b) : d--;
     });
   });
-  return c.on((h) => {
-    a?.(!0), a = null, h ? a = g(e(...i)).render(r) : a = g(s?.() ?? x).render(r);
+  return a.on((h) => {
+    c?.(!0), c = null, h ? c = g(e(...i)).render(r) : c = g(s?.() ?? L).render(r);
   }), (h) => {
-    i.forEach((p) => p?.dispose()), c.dispose(), f.forEach((p) => p()), a?.(h), r.clear(h);
+    i.forEach((p) => p?.dispose()), a.dispose(), f.forEach((p) => p()), c?.(h), r.clear(h);
   };
-}), Je = (t, e, s) => ge(
+}), ze = (t, e, s) => ge(
   t,
   (n) => m(
-    (r) => Ut(
+    (r) => Jt(
       r,
       n,
       (o) => o ? e() : s?.()
@@ -2396,26 +2534,26 @@ const Ct = /* @__PURE__ */ new Set([
   (n) => {
     if (n) {
       const r = e();
-      return r != null ? g(r) : x;
+      return r != null ? g(r) : L;
     }
     return g(s?.());
   }
-), qs = (t, e, s) => Je(
+), Us = (t, e, s) => ze(
   w.map(t, (n) => !n),
   e,
   s
-), ze = (t, e, s) => {
+), Ke = (t, e, s) => {
   if (s != null)
-    return ze(t, (n) => {
+    return Ke(t, (n) => {
       const r = new de(
         n.index,
         n.total.map((o) => o - 1)
       );
       return E(
         g(e(n)),
-        Je(
+        ze(
           n.isLast,
-          () => x,
+          () => L,
           () => s(r)
         )
       );
@@ -2423,28 +2561,28 @@ const Ct = /* @__PURE__ */ new Set([
   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);
+      return r.on((c) => {
+        const a = i.splice(c), u = l.splice(c);
         for (const d of u)
           d.dispose();
-        for (const d of c)
+        for (const d of a)
           d(!0);
-        for (let d = i.length; d < a; d++) {
-          const f = new de(d, r), h = new z();
+        for (let d = i.length; d < c; d++) {
+          const f = new de(d, r), h = new J();
           l.push(h), i.push(
-            k(
+            O(
               h,
               () => g(e(f)).render(o)
             )
           );
         }
-      }), (a) => {
-        for (const c of l)
-          c.dispose();
+      }), (c) => {
+        for (const a of l)
+          a.dispose();
         l.length = 0, r.dispose();
-        for (const c of i)
-          c(a);
-        i.length = 0, o.clear(a);
+        for (const a of i)
+          a(c);
+        i.length = 0, o.clear(c);
       };
     });
   {
@@ -2456,9 +2594,9 @@ const Ct = /* @__PURE__ */ new Set([
       })
     );
   }
-}, Fs = (t, e, s) => {
+}, Gs = (t, e, s) => {
   const n = w.map(t, (o) => o.length), r = w.toSignal(t);
-  return ze(
+  return Ke(
     n,
     (o) => {
       const i = r.map((l) => l[o.index]);
@@ -2470,7 +2608,7 @@ const Ct = /* @__PURE__ */ new Set([
   (e) => (s) => t.forEach((n) => {
     typeof n == "function" ? n(s, e) : n.dispose(s, e);
   })
-), Ws = (t, e) => {
+), Js = (t, e) => {
   if (y.is(t)) {
     const s = t;
     return m((n) => {
@@ -2496,7 +2634,7 @@ const Ct = /* @__PURE__ */ new Set([
   return () => {
   };
 });
-function Us({
+function zs({
   src: t,
   name: e,
   width: s,
@@ -2505,41 +2643,41 @@ function Us({
   allow: o,
   referrerpolicy: i,
   loading: l,
-  iframeChild: a,
-  onLoad: c
+  iframeChild: c,
+  onLoad: a
 } = {}, ...u) {
-  return Rt.iframe(
-    A.src(t),
-    A.name(e),
-    A.width(
+  return Vt.iframe(
+    T.src(t),
+    T.name(e),
+    T.width(
       s != null ? w.map(s, String) : void 0
     ),
-    A.height(
+    T.height(
       n != null ? w.map(n, String) : void 0
     ),
-    A.sandbox(r),
-    A.allow(o),
-    A.referrerpolicy(i),
-    a,
+    T.sandbox(r),
+    T.allow(o),
+    T.referrerpolicy(i),
+    c,
     ye((d) => {
       const f = d.element;
       let h, p = !1;
-      const v = () => {
+      const b = () => {
         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);
+        const v = f.contentDocument;
+        if (v && (a && a(f), u.length > 0)) {
+          const S = v.body;
+          if (S) {
+            const x = d.withElement(S);
+            h = z(E(...u), x);
           }
         }
       };
-      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,
+      return l != null && w.on(l, (v) => {
+        f.loading = v;
+      }), (u.length > 0 || a) && (t || setTimeout(b, 0)), E(
+        u.length > 0 || a ? Y.load(b) : L,
         me(() => {
           h && h(!1);
         })
@@ -2547,7 +2685,7 @@ function Us({
     })
   );
 }
-const Js = (t, e, s = () => x) => le(
+const Ks = (t, e, s = () => L) => le(
   w.map(
     t,
     (n) => n.length > 0 ? { notEmpty: n } : { whenEmpty: null }
@@ -2556,11 +2694,11 @@ const Js = (t, e, s = () => x) => le(
     notEmpty: (n) => e(n),
     whenEmpty: () => s()
   }
-), zs = (t, e) => m((s) => {
-  const n = s.makePortal(t), r = G(g(e), n);
+), Ys = (t, e) => m((s) => {
+  const n = s.makePortal(t), r = z(g(e), n);
   return () => r(!0);
-}), ee = /* @__PURE__ */ new Map(), zt = (t) => ({
-  mark: Ge(`Probe(${t.description})`),
+}), ee = /* @__PURE__ */ new Map(), Kt = (t) => ({
+  mark: Ye(`Probe(${t.description})`),
   create: ({ callback: e = () => {
   }, timeout: s = 10 } = {}) => {
     const n = (l) => {
@@ -2579,8 +2717,8 @@ const Js = (t, e, s = () => x) => le(
       onUse: () => o.counter++
     };
   }
-}), Gs = zt(Symbol("GlobalProbe"));
-function Ks({
+}), Xs = Kt(Symbol("GlobalProbe"));
+function Qs({
   mode: t,
   delegatesFocus: e,
   slotAssignment: s,
@@ -2590,21 +2728,21 @@ function Ks({
   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);
+    const c = i.element.attachShadow(l), a = i.withElement(c), u = z(E(...o), a);
     return me(() => u(!0));
   });
 }
-const Gt = (t, e) => m((s) => {
+const Yt = (t, e) => m((s) => {
   const n = s.getStyle(t);
   return s.setStyle(t, e), (r) => {
     r && s.setStyle(t, n);
   };
-}), Kt = (t, e) => m((s) => {
+}), Xt = (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);
   };
-}), Se = (t, e) => y.is(e) ? Kt(t, e) : Gt(t, e), Ys = new Proxy({}, {
+}), Ae = (t, e) => y.is(e) ? Xt(t, e) : Yt(t, e), Zs = new Proxy({}, {
   /**
    * Creates a renderable component for the specified `style` property.
    *
@@ -2613,12 +2751,12 @@ 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) => {
+  get: (t, e) => e === "variable" ? (s, n) => Ae(s, n) : (s) => Ae(e, s)
+}), en = (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) => {
+}), tn = (t) => ye((e) => t(e.element)), sn = (t) => m((e) => {
   if (e.isHeadlessDOM()) {
     const s = t(e);
     if (s)
@@ -2626,8 +2764,8 @@ const Gt = (t, e) => m((s) => {
   }
   return () => {
   };
-}), en = (t) => m((e) => {
-  const s = new z(), n = k(
+}), nn = (t) => m((e) => {
+  const s = new J(), n = O(
     s,
     () => g(t(s)).render(e)
   );
@@ -2644,11 +2782,11 @@ const Gt = (t, e) => m((s) => {
   }
   const o = [], i = t({
     use: ({ mark: l }) => {
-      const { value: a, onUse: c } = n().getProvider(l);
-      return c?.(), a;
+      const { value: c, onUse: a } = n().getProvider(l);
+      return a?.(), c;
     },
-    set: ({ mark: l, create: a }, c) => {
-      const { value: u, dispose: d, onUse: f } = a(c, n());
+    set: ({ mark: l, create: c }, a) => {
+      const { value: u, dispose: d, onUse: f } = c(a, n());
       o.push(d), r(n().setProvider(l, u, f));
     }
   });
@@ -2657,147 +2795,149 @@ const Gt = (t, e) => m((s) => {
     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 }) => {
+}), rn = (t, e, s) => we(({ set: n }) => (n(t, e), s())), on = (t, e) => we(({ use: s }) => e(s(t))), ln = (...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,
+  Nt as Aria,
+  xs as Async,
+  Ht as Attr,
+  Ns as BindChecked,
+  ks as BindDate,
+  Is as BindDateTime,
+  Hs as BindNumber,
+  $s as BindText,
   j as BrowserContext,
-  B as CLASS_PLACEHOLDER_ATTR,
+  q as CLASS_PLACEHOLDER_ATTR,
   R as Computed,
-  Rs as Conjunction,
-  js as DOMNode,
-  It as DataAttr,
-  z as DisposalScope,
-  Ve as El,
+  Bs as Conjunction,
+  qs as DOMNode,
+  $t as DataAttr,
+  J as DisposalScope,
+  qe as El,
   ie as ElNS,
   de as ElementPosition,
-  x as Empty,
-  Vs as Ensure,
-  Bs as EnsureAll,
-  Fs as ForEach,
+  L as Empty,
+  Fs as Ensure,
+  Ws as EnsureAll,
+  Gs as ForEach,
   E as Fragment,
-  Gs as GlobalProbe,
-  fs as HeadlessAdapter,
+  Xs as GlobalProbe,
+  Tt as HYDRATION_ID_ATTR,
+  ms 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,
+  Dt as HeadlessElement,
+  je as HeadlessPortal,
+  Lt as HeadlessText,
+  zs as IFrame,
+  Js as MapSignal,
+  jt as MathAttr,
+  Ds as MathEl,
+  Ee as MemoryStore,
+  Ks as NotEmpty,
+  Bt as OnChecked,
   me as OnDispose,
   le as OneOf,
-  Ue as OneOfField,
-  Hs as OneOfKind,
-  Ns as OneOfTuple,
-  $s as OneOfType,
-  Jt as OneOfValue,
-  zs as Portal,
+  Je as OneOfField,
+  Rs as OneOfKind,
+  js as OneOfTuple,
+  Vs as OneOfType,
+  zt as OneOfValue,
+  Ys 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,
+  rn as Provide,
+  He as ProviderNotFoundError,
+  yt as RenderingError,
+  Ke as Repeat,
+  Rt as SVGAttr,
+  Es as SVGEl,
+  Qs as ShadowRoot,
   y as Signal,
-  Fe as Task,
-  ms as TextNode,
-  qs as Unless,
-  sn as Use,
-  nn as UseMany,
+  Ue as Task,
+  bs as TextNode,
+  Us as Unless,
+  on as Use,
+  ln as UseMany,
   w as Value,
-  Je as When,
+  ze as When,
   ye as WithBrowserCtx,
-  Xs as WithCtx,
-  Qs as WithElement,
-  Zs as WithHeadlessCtx,
+  en as WithCtx,
+  tn as WithElement,
+  sn as WithHeadlessCtx,
   we as WithProvider,
-  en as WithScope,
+  nn as WithScope,
   fe as _NODE_PLACEHOLDER_ATTR,
-  pt as _getSelfOrParentElement,
-  Oe as _isElement,
-  ke as _isFragment,
-  ft as _makeGetter,
-  dt as _makeSetter,
+  mt as _getSelfOrParentElement,
+  ke as _isElement,
+  Ie as _isFragment,
+  gt as _makeGetter,
+  pt 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,
+  Be as _signalText,
+  Ve as _staticText,
+  is as animateSignal,
+  dt as animateSignals,
+  vs as aria,
+  T as attr,
+  hs as bind,
+  ds 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,
+  B as computedOf,
+  Qt as computedOfAsync,
+  Zt as computedOfAsyncGenerator,
+  ft as computedRecord,
+  Xe as createRenderable,
+  Ss as dataAttr,
+  as as delaySignal,
+  _e as effect,
+  tt as effectOf,
+  qt as emit,
+  Os as emitChecked,
+  k as emitTarget,
+  Ft as emitValue,
+  Ut as emitValueAsDate,
+  Gt as emitValueAsDateTime,
+  Ps as emitValueAsNullableDate,
+  Ms as emitValueAsNullableDateTime,
+  Wt as emitValueAsNumber,
+  at 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,
+  ss as getParentScope,
+  ts as getScopeStack,
+  ws as getWindow,
+  ct as guessInterpolate,
+  Vt as html,
+  _s as input,
+  lt as interpolateDate,
+  ot as interpolateNumber,
+  it as interpolateString,
+  es as joinSignals,
+  rs as localStorageProp,
+  Kt as makeProbe,
+  Ye as makeProviderMark,
+  Ls as math,
+  Ts as mathAttr,
+  ls as merge,
   Y as on,
-  tt as popScope,
-  is as previousSignal,
+  nt as popScope,
+  cs as previousSignal,
   D as prop,
-  et as pushScope,
-  hs as render,
-  G as renderWithContext,
+  st as pushScope,
+  ps as render,
+  z as renderWithContext,
   g as renderableOfTNode,
-  ps as restoreTempoPlaceholders,
-  ds as runHeadless,
-  es as scoped,
-  ss as sessionStorageProp,
+  ys as restoreTempoPlaceholders,
+  gs as runHeadless,
+  ns as scoped,
+  os as sessionStorageProp,
   re as signal,
-  ls as slidingWindowSignal,
-  Ee as storedProp,
-  Ys as style,
-  As as svg,
-  vs as svgAttr,
-  us as syncProp,
+  us as slidingWindowSignal,
+  Ce as storedProp,
+  Zs as style,
+  Cs as svg,
+  As as svgAttr,
+  fs as syncProp,
   ce as untracked,
-  k as withScope
+  O as withScope
 };