@tempots/dom 34.2.0 → 35.0.0

package/index.js

@@ -1,5 +1,5 @@
-const Ke = (t) => Symbol(t);
-function ze(t, e) {
+const Ge = (t) => Symbol(t);
+function Ke(t, e) {
   return {
     type: t,
     render: e
@@ -215,7 +215,7 @@ class q {
    * @public
    */
   prop(e, s) {
-    const n = ae(() => D(e, s));
+    const n = ce(() => D(e, s));
     return this.track(n), n;
   }
   /**
@@ -229,7 +229,7 @@ class q {
    * @public
    */
   computed(e, s, n) {
-    const r = ae(() => ne(e, s, n));
+    const r = ce(() => ne(e, s, n));
     return this.track(r), r;
   }
   /**
@@ -243,7 +243,7 @@ class q {
    * @public
    */
   effect(e, s, n) {
-    return k(this, () => _e(e, s, n));
+    return M(this, () => _e(e, s, n));
   }
   /**
    * Creates a computed signal with curried signature and tracks it in this scope.
@@ -255,7 +255,7 @@ class q {
    */
   computedOf(...e) {
     return (s, n) => {
-      const r = ae(() => te(...e)(s, n));
+      const r = ce(() => te(...e)(s, n));
       return this.track(r), r;
     };
   }
@@ -268,7 +268,7 @@ class q {
    * @public
    */
   effectOf(...e) {
-    return (s, n) => k(this, () => Ze(...e)(s, n));
+    return (s, n) => M(this, () => Ze(...e)(s, n));
   }
 }
 const A = [], et = (t) => {
@@ -277,7 +277,7 @@ const A = [], et = (t) => {
   if (A.length === 0)
     throw new Error("Cannot pop from empty scope stack");
   A.pop();
-}, de = () => A[A.length - 1] ?? null, ns = () => A, rs = () => A[A.length - 2] ?? null, k = (t, e) => {
+}, pe = () => A[A.length - 1] ?? null, ns = () => A, rs = () => A[A.length - 2] ?? null, M = (t, e) => {
   et(t);
   try {
     return e();
@@ -287,11 +287,11 @@ const A = [], et = (t) => {
 }, os = (t) => {
   const e = new q();
   try {
-    return k(e, () => t(e));
+    return M(e, () => t(e));
   } finally {
     e.dispose();
   }
-}, ae = (t) => {
+}, ce = (t) => {
   const e = A.slice();
   A.length = 0;
   try {
@@ -446,7 +446,7 @@ class y {
       const o = this._onValueListeners.indexOf(n);
       o !== -1 && this._onValueListeners.splice(o, 1), s.abortSignal != null && s.abortSignal.removeEventListener("abort", r);
     };
-    return s.abortSignal != null && s.abortSignal.addEventListener("abort", r), !s.noAutoDispose && de()?.onDispose(r), r;
+    return s.abortSignal != null && s.abortSignal.addEventListener("abort", r), !s.noAutoDispose && pe()?.onDispose(r), r;
   };
   /**
    * Registers a listener function to be called whenever the value of the signal changes.
@@ -768,7 +768,7 @@ class R extends y {
    * @see {@link untracked} - Create signals outside of scope tracking
    */
   constructor(e, s) {
-    super(void 0, s), this._fn = e, this.setDirty(), de()?.track(this);
+    super(void 0, s), this._fn = e, this.setDirty(), pe()?.track(this);
   }
   /**
    * Checks if a value is an instance of `Computed`.
@@ -929,8 +929,8 @@ const ne = (t, e, s = (n, r) => n === r) => {
   return s.abortSignal != null && s.abortSignal.addEventListener("abort", o), o;
 }, D = (t, e = (s, n) => s === n) => {
   const s = new se(t, e);
-  return de()?.track(s), s;
-}, re = (t, e = (s, n) => s === n) => new y(t, e), pe = () => (
+  return pe()?.track(s), s;
+}, 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, we = 97, rt = (t, e, s) => {
@@ -944,7 +944,7 @@ const ne = (t, e, s = (n, r) => n === r) => {
   }
   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 Ae {
+class Te {
   _store = /* @__PURE__ */ new Map();
   /**
    * Retrieves the value associated with the specified key from the memory store.
@@ -961,8 +961,8 @@ class Ae {
     this._store.set(e, s);
   };
 }
-let ce = null, ue = null;
-const at = () => (ce || (ce = new Ae()), ce), ct = () => (ue || (ue = new Ae()), ue), Te = ({
+let ue = null, he = null;
+const at = () => (ue || (ue = new Te()), ue), ct = () => (he || (he = new Te()), he), Ae = ({
   key: t,
   defaultValue: e,
   store: s,
@@ -974,73 +974,73 @@ const at = () => (ce || (ce = new Ae()), ce), ct = () => (ue || (ue = new Ae()),
   onKeyChange: a = "load"
 }) => {
   let c = w.get(t);
-  const u = s.getItem(c), h = new se(
+  const u = s.getItem(c), d = new se(
     u != null ? i(r(u)) : typeof e == "function" ? e() : e,
     o
-  ), p = pe(), d = l && typeof p?.BroadcastChannel == "function";
-  let g = !1, v = null, E = null;
-  const b = (S) => {
-    if (!d) return null;
-    const I = `tempo:storedProp:${S}`, x = new p.BroadcastChannel(I), H = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`, O = (G) => {
-      const C = G.data;
-      if (!(C == null || typeof C != "object" || C.key !== S || typeof C.value != "string" || C.sourceId != null && C.sourceId === H))
+  ), p = oe(), h = l && typeof p?.BroadcastChannel == "function";
+  let f = !1, v = null, S = null;
+  const b = (_) => {
+    if (!h) return null;
+    const I = `tempo:storedProp:${_}`, L = new p.BroadcastChannel(I), H = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`, O = (J) => {
+      const C = J.data;
+      if (!(C == null || typeof C != "object" || C.key !== _ || typeof C.value != "string" || C.sourceId != null && C.sourceId === H))
         try {
-          g = !0;
-          const le = i(r(C.value));
-          h.set(le);
-        } catch (le) {
+          f = !0;
+          const ae = i(r(C.value));
+          d.set(ae);
+        } catch (ae) {
           console.warn(
-            `Failed to sync storedProp for key "${S}" via BroadcastChannel`,
-            le
+            `Failed to sync storedProp for key "${_}" via BroadcastChannel`,
+            ae
           );
         } finally {
-          g = !1;
+          f = !1;
         }
     };
-    return x.addEventListener("message", O), h.onDispose(() => {
-      x?.removeEventListener("message", O), x?.close();
-    }), { channel: x, instanceId: H, handleMessage: O };
-  }, L = b(c);
-  L && (v = L.channel, E = L.instanceId);
-  const U = (S) => {
+    return L.addEventListener("message", O), d.onDispose(() => {
+      L?.removeEventListener("message", O), L?.close();
+    }), { channel: L, instanceId: H, handleMessage: O };
+  }, x = b(c);
+  x && (v = x.channel, S = x.instanceId);
+  const U = (_) => {
     const I = c;
-    if (I === S) return;
-    const x = h.get(), H = n(x);
-    if (s.setItem(I, H), v != null && (v.close(), v = null, E = null), c = S, a === "load") {
-      const G = s.getItem(S);
-      if (G != null)
+    if (I === _) return;
+    const L = d.get(), H = n(L);
+    if (s.setItem(I, H), v != null && (v.close(), v = null, S = null), c = _, a === "load") {
+      const J = s.getItem(_);
+      if (J != null)
         try {
-          const C = i(r(G));
-          h.set(C);
+          const C = i(r(J));
+          d.set(C);
         } catch (C) {
           console.warn(
-            `Failed to load storedProp from new key "${S}"`,
+            `Failed to load storedProp from new key "${_}"`,
             C
           );
         }
       else
-        s.setItem(S, H);
-    } else a === "migrate" && s.setItem(S, H);
-    const O = b(S);
-    O && (v = O.channel, E = O.instanceId);
-  };
-  return y.is(t) && h.onDispose(t.on(U)), h.on((S, I) => {
-    const x = n(S);
-    s.setItem(c, x), v != null && !g && I !== void 0 && E != null && v.postMessage({
+        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(U)), d.on((_, I) => {
+    const L = n(_);
+    s.setItem(c, L), v != null && !f && I !== void 0 && S != null && v.postMessage({
       key: c,
-      value: x,
-      sourceId: E
+      value: L,
+      sourceId: S
     });
-  }), h;
+  }), d;
 }, is = (t) => {
-  const e = pe()?.localStorage, s = e && typeof e.getItem == "function" ? e : at();
-  return Te({
+  const e = oe()?.localStorage, s = e && typeof e.getItem == "function" ? e : at();
+  return Ae({
     ...t,
     store: s
   });
 }, ls = (t) => {
-  const e = pe()?.sessionStorage, s = e && typeof e.getItem == "function" ? e : ct();
-  return Te({
+  const e = oe()?.sessionStorage, s = e && typeof e.getItem == "function" ? e : ct();
+  return Ae({
     ...t,
     store: s
   });
@@ -1049,23 +1049,23 @@ function ve(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(), h = null, p = !0;
-  const d = new R(e, i), g = D(t, i);
-  g.onDispose(() => {
-    h !== null && cancelAnimationFrame(h);
-  }), g.onDispose(d.dispose), s.forEach((b) => {
-    b.setDerivative(d), b.onDispose(g.dispose);
+  const r = n?.duration ?? 300, o = n?.easing ?? ((b) => b), i = n?.equals ?? ((b, x) => b === x);
+  let l = n?.interpolate, a = t, c = e(), u = performance.now(), d = null, p = !0;
+  const h = new R(e, i), f = D(t, i);
+  f.onDispose(() => {
+    d !== null && cancelAnimationFrame(d);
+  }), f.onDispose(h.dispose), s.forEach((b) => {
+    b.setDerivative(h), b.onDispose(f.dispose);
   });
   const v = (b) => {
-    c = b, u = performance.now(), a = g.value, p && (p = !1, h = ve(E));
-  }, E = () => {
-    const b = (performance.now() - u) / w.get(r), L = o(b);
+    c = b, u = performance.now(), a = f.value, p && (p = !1, d = ve(S));
+  }, S = () => {
+    const b = (performance.now() - u) / w.get(r), x = o(b);
     l == null && (l = lt(a));
-    let U = l(a, c, L);
-    b >= 1 ? (p = !0, U = c) : h = ve(E), g.set(U);
+    let U = l(a, c, x);
+    b >= 1 ? (p = !0, U = c) : d = ve(S), f.set(U);
   };
-  return d.on(v), g;
+  return h.on(v), f;
 }, as = (t, e) => {
   const { initialValue: s, ...n } = e ?? {};
   return ut(
@@ -1121,7 +1121,57 @@ function fs(...t) {
     for (const s of e) if (s != null) return s;
   });
 }
-class he {
+const gs = (t, {
+  channel: e,
+  serialize: s = JSON.stringify,
+  deserialize: n = JSON.parse,
+  equals: r = (o, i) => o === i
+}) => {
+  const o = oe();
+  if (typeof o?.BroadcastChannel != "function")
+    return () => {
+    };
+  const i = new o.BroadcastChannel(
+    `tempo:syncProp:${e}`
+  ), l = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
+  let a = !1;
+  const c = (p) => {
+    const h = p.data;
+    if (!(h == null || typeof h != "object" || typeof h.value != "string" || h.sourceId != null && h.sourceId === l))
+      try {
+        a = !0;
+        const f = n(h.value);
+        r(t.get(), f) || t.set(f);
+      } catch (f) {
+        console.warn(
+          `Failed to sync prop for channel "${e}" via BroadcastChannel`,
+          f
+        );
+      } finally {
+        a = !1;
+      }
+  };
+  i.addEventListener("message", c);
+  const u = t.on((p, h) => {
+    if (!a && h !== void 0 && !r(p, h))
+      try {
+        const f = s(p);
+        i.postMessage({
+          value: f,
+          sourceId: l
+        });
+      } catch (f) {
+        console.warn(
+          `Failed to serialize prop for channel "${e}" via BroadcastChannel`,
+          f
+        );
+      }
+  }), d = () => {
+    u(), i.removeEventListener("message", c), i.close();
+  };
+  return t.onDispose(d), d;
+};
+class de {
   /**
    * Creates a new instance of `ElementPosition`.
    * @param index - The index of the element.
@@ -1194,11 +1244,11 @@ const Ee = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), Ce = /* @
   s == null ? e[t] = null : e[t] = String(s);
 } : (s) => {
   s == null ? e.removeAttribute(t) : e.setAttribute(t, s);
-}, pt = (t, e) => Ce.has(t) ? () => e.hasAttribute(t) : Ee.has(t) ? () => !!e[t] : De.has(t) ? () => Number(e[t]) : Pe.has(t) ? () => e[t] : xe.has(t) ? () => String(e[t]) : () => e.getAttribute(t), z = (t) => {
+}, pt = (t, e) => Ce.has(t) ? () => e.hasAttribute(t) : Ee.has(t) ? () => !!e[t] : De.has(t) ? () => Number(e[t]) : Pe.has(t) ? () => e[t] : xe.has(t) ? () => String(e[t]) : () => e.getAttribute(t), K = (t) => {
   const e = t;
   e && e.onblur && (e.onblur = null), !(!t || t.ownerDocument === void 0) && t.parentNode && t.parentNode.removeChild(t);
 }, ft = (t) => Le(t) || Oe(t) ? t : t.parentElement, Le = (t) => t.nodeType === 1, Oe = (t) => t.nodeType === 11;
-class ke extends Error {
+class Me extends Error {
   constructor(e) {
     super(`Provider not found: ${e.description}`);
   }
@@ -1393,12 +1443,12 @@ class j {
    */
   getProvider = (e) => {
     if (this.providers[e] === void 0)
-      throw new ke(e);
+      throw new Me(e);
     const [s, n] = this.providers[e];
     return { value: s, onUse: n };
   };
   clear = (e) => {
-    e && (this.reference !== void 0 ? z(this.reference) : z(this.element));
+    e && (this.reference !== void 0 ? K(this.reference) : K(this.element));
   };
   /**
    * Adds classes to the element.
@@ -1474,11 +1524,11 @@ class j {
   getWindow = () => this.document.defaultView;
 }
 const B = (t, e) => {
-  const s = new q(), n = k(s, () => t.render(e));
+  const s = new q(), n = M(s, () => t.render(e));
   return (r = !0) => {
     s.dispose(), n(r);
   };
-}, gs = (t, e, { doc: s, clear: n, disposeWithParent: r = !0, providers: o = {} } = {}) => {
+}, ms = (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(
@@ -1486,26 +1536,26 @@ const B = (t, e) => {
     );
   n !== !1 && (s ?? i.ownerDocument) != null && (i.nodeType === 1 || i.nodeType === 11) && (i.innerHTML = "");
   const l = ft(i), a = Le(i) || Oe(i) ? void 0 : i, c = j.of(l, a, o), u = B(t, c);
-  let h;
-  return r && i.parentElement != null && (h = new MutationObserver((p) => {
-    p[0]?.removedNodes.forEach((d) => {
-      d === i && (h?.disconnect(), u(i.nodeType !== 1));
+  let d;
+  return r && i.parentElement != null && (d = new MutationObserver((p) => {
+    p[0]?.removedNodes.forEach((h) => {
+      h === i && (d?.disconnect(), u(i.nodeType !== 1));
     });
-  }), h.observe(i.parentElement, {
+  }), d.observe(i.parentElement, {
     childList: !0,
     subtree: !1,
     attributes: !1
   })), () => {
-    h?.disconnect(), u(!0);
+    d?.disconnect(), u(!0);
   };
-}, ms = (t, {
+}, ys = (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 Ne(s, void 0), i = new V(o, void 0, { currentURL: r }, n);
   return {
     clear: B(t(), i),
     root: o,
@@ -1517,8 +1567,8 @@ class gt extends Error {
     super(e);
   }
 }
-const Me = "data-tts-node", Y = "data-tts-class", X = "data-tts-style", Q = "data-tts-html", Z = "data-tts-text", ee = "data-tts-attrs";
-class ys {
+const ke = "data-tts-node", Y = "data-tts-class", X = "data-tts-style", Q = "data-tts-html", Z = "data-tts-text", ee = "data-tts-attrs";
+class ws {
   /**
    * 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.
@@ -1603,10 +1653,10 @@ class ys {
     appendHTML: a,
     getInnerHTML: c,
     setInnerHTML: u,
-    getInnerText: h,
+    getInnerText: d,
     setInnerText: p
   }) {
-    this.select = e, this.getAttribute = s, this.setAttribute = n, this.getClass = r, this.setClass = o, this.getStyles = i, this.setStyles = l, this.appendHTML = a, this.getInnerHTML = c, this.setInnerHTML = u, this.getInnerText = h, this.setInnerText = p;
+    this.select = e, this.getAttribute = s, this.setAttribute = n, this.getClass = r, this.setClass = o, this.getStyles = i, this.setStyles = l, this.appendHTML = a, this.getInnerHTML = c, this.setInnerHTML = u, this.getInnerText = d, this.setInnerText = p;
   }
   /**
    * Sets the content of the root element from a HeadlessPortal. Generally this will be the same instance that is
@@ -1678,7 +1728,7 @@ class ys {
   };
 }
 const mt = () => {
-  document.querySelectorAll(`[${Me}]`).forEach(z);
+  document.querySelectorAll(`[${ke}]`).forEach(K);
 }, yt = (t) => {
   const e = t.getAttribute(Y);
   t.removeAttribute(Y), e != null && t.setAttribute("class", e);
@@ -1694,7 +1744,7 @@ const mt = () => {
   t.removeAttribute(Z), e != null && (t.innerText = e);
 }, _t = () => {
   document.querySelectorAll(`[${Z}]`).forEach((e) => St(e));
-}, Ie = (t) => JSON.parse(t.replace(/&quot;/g, '"')), At = (t) => {
+}, Ie = (t) => JSON.parse(t.replace(/&quot;/g, '"')), Tt = (t) => {
   const e = t.getAttribute(X);
   if (t.removeAttribute(X), e != null) {
     const s = Ie(e);
@@ -1702,8 +1752,8 @@ const mt = () => {
       t.style.setProperty(n, r);
     });
   }
-}, Tt = () => {
-  document.querySelectorAll(`[${X}]`).forEach((e) => At(e));
+}, At = () => {
+  document.querySelectorAll(`[${X}]`).forEach((e) => Tt(e));
 }, Et = (t) => {
   const e = t.getAttribute(ee);
   if (t.removeAttribute(ee), e != null) {
@@ -1714,10 +1764,10 @@ const mt = () => {
   }
 }, Ct = () => {
   document.querySelectorAll(`[${ee}]`).forEach((e) => Et(e));
-}, ws = () => {
-  mt(), wt(), _t(), bt(), Tt(), Ct();
-}, N = Symbol("class"), $ = Symbol("style"), J = Symbol("handler"), He = () => Math.random().toString(36).substring(2, 15), Dt = (t) => t.replace(/<[^>]*>?/g, "");
-class Ne {
+}, vs = () => {
+  mt(), wt(), _t(), bt(), At(), Ct();
+}, $ = Symbol("class"), N = Symbol("style"), z = Symbol("handler"), He = () => Math.random().toString(36).substring(2, 15), Dt = (t) => t.replace(/<[^>]*>?/g, "");
+class $e {
   constructor(e) {
     this.parent = e;
   }
@@ -1747,10 +1797,10 @@ 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[J] != null;
+  hasHandlers = () => this.properties[z] != null;
   hasRenderableProperties = () => this.hasClasses() || this.hasAttributes() || this.hasStyles();
   getById = (e) => {
     if (this.properties.id === e)
@@ -1762,26 +1812,26 @@ class Ne {
     }
   };
   trigger = (e, s) => {
-    ((this.properties[J] ?? {})[e] ?? []).forEach((r) => r(s));
+    ((this.properties[z] ?? {})[e] ?? []).forEach((r) => r(s));
   };
   click = () => {
     this.trigger("click", {});
   };
   on = (e, s, n, r) => {
-    const o = this.properties[J] ??= {}, i = r?.once ? (a) => {
+    const o = this.properties[z] ??= {}, i = r?.once ? (a) => {
       l(), s(a, n);
     } : (a) => s(a, 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[J]) : o[e] = a, r?.signal != null && r.signal.removeEventListener("abort", l));
+      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));
     };
     return r?.signal != null && r.signal.addEventListener("abort", l), l;
   };
   addClasses = (e) => {
     if (e.length === 0)
       return;
-    const s = this.properties[N] ??= [];
+    const s = this.properties[$] ??= [];
     e.forEach((n) => {
       s.includes(n) || s.push(n);
     });
@@ -1789,25 +1839,25 @@ class Ne {
   removeClasses = (e) => {
     if (e.length === 0)
       return;
-    const s = this.properties[N] ??= [];
+    const s = this.properties[$] ??= [];
     e.forEach((n) => {
       const r = s.indexOf(n);
       r !== -1 && s.splice(r, 1);
-    }), s.length === 0 && delete this.properties[N];
+    }), 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 {
@@ -1817,7 +1867,7 @@ class Ne {
   };
 }
 const Pt = (t) => t.replace(/"/g, "&quot;"), xt = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-class Lt extends Ne {
+class Lt extends $e {
   constructor(e, s, n) {
     super(n), this.tagName = e, this.namespace = s;
   }
@@ -1825,11 +1875,11 @@ class Lt extends Ne {
   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(" ")}"` : kt.has(l) ? ` ${l}` : l === "innerHTML" ? (r = a, "") : l === "innerText" ? (r = xt(a), "") : ` ${l}="${Pt(a)}"`).join(""), i = e ? ` ${Me}` : "";
-    return Mt.has(this.tagName) && s === "" ? `<${this.tagName}${n}${o}${i} />` : `<${this.tagName}${n}${o}${i}>${r ?? s}</${this.tagName}>`;
+    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(" ")}"` : Mt.has(l) ? ` ${l}` : l === "innerHTML" ? (r = a, "") : l === "innerText" ? (r = xt(a), "") : ` ${l}="${Pt(a)}"`).join(""), i = e ? ` ${ke}` : "";
+    return kt.has(this.tagName) && s === "" ? `<${this.tagName}${n}${o}${i} />` : `<${this.tagName}${n}${o}${i}>${r ?? s}</${this.tagName}>`;
   };
 }
-class $e extends Ne {
+class Ne extends $e {
   constructor(e, s) {
     super(s), this.selector = e;
   }
@@ -1882,7 +1932,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 Ne(e, this.element);
     return this.appendOrInsert(s), new V(
       s,
       void 0,
@@ -1903,7 +1953,7 @@ class V {
   });
   getProvider = (e) => {
     if (this.providers[e] === void 0)
-      throw new ke(e);
+      throw new Me(e);
     const [s, n] = this.providers[e];
     return { value: s, onUse: n };
   };
@@ -1922,30 +1972,30 @@ class V {
   getStyle = (e) => this.element.getStyle(e);
   makeAccessors = (e) => this.element.makeAccessors(e);
 }
-const kt = /* @__PURE__ */ new Set([
+const Mt = /* @__PURE__ */ new Set([
   "checked",
   "disabled",
   "multiple",
   "readonly",
   "required",
   "selected"
-]), Mt = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), vs = () => (
+]), kt = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), bs = () => (
   /* c8 ignore next */
   typeof window < "u" ? window : void 0
-), It = Symbol("DOM_RENDERABLE"), m = (t) => ze(It, t), Re = (t) => m((e) => e.makeChildText(t).clear), je = (t) => m((e) => {
+), It = Symbol("DOM_RENDERABLE"), m = (t) => Ke(It, 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);
   };
-}), bs = (t) => y.is(t) ? je(t) : Re(t), T = (...t) => m((e) => {
-  const s = t.map((n) => f(n).render(e));
+}), Ss = (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));
   };
 }), P = m(() => () => {
 }), Ht = (t) => m((e) => (e.addClasses(t), (s) => {
   s && e.removeClasses(t);
-})), Nt = (t) => m((e) => {
+})), $t = (t) => m((e) => {
   let s = [];
   const n = t.on(
     (r) => {
@@ -1956,7 +2006,7 @@ const kt = /* @__PURE__ */ new Set([
   return (r) => {
     n(), r && e.removeClasses(s), s.length = 0;
   };
-}), $t = (t, e) => m((s) => {
+}), Nt = (t, e) => m((s) => {
   const { get: n, set: r } = s.makeAccessors(t), o = n();
   return r(e), (i) => {
     i && r(o);
@@ -1966,10 +2016,10 @@ const kt = /* @__PURE__ */ new Set([
   return (l) => {
     i(), l && r(o);
   };
-}), F = (t, e) => y.is(e) ? Rt(t, e) : $t(t, e), jt = (t, e) => t === "class" ? y.is(e) ? Nt(e) : Ht(
+}), F = (t, e) => y.is(e) ? Rt(t, e) : Nt(t, e), jt = (t, e) => t === "class" ? y.is(e) ? $t(e) : Ht(
   /* c8 ignore next */
   (e ?? "").split(" ").filter((s) => s.length > 0)
-) : F(t, e), _ = new Proxy(
+) : F(t, e), T = new Proxy(
   {},
   {
     /**
@@ -1985,7 +2035,7 @@ const kt = /* @__PURE__ */ new Set([
      */
     get: (t, e) => (s) => jt(e, s)
   }
-), Vt = (t, e) => F(`data-${t}`, e), Ss = new Proxy(
+), Vt = (t, e) => F(`data-${t}`, e), _s = new Proxy(
   {},
   {
     /**
@@ -1998,7 +2048,7 @@ const kt = /* @__PURE__ */ new Set([
      */
     get: (t, e) => (s) => Vt(e, s)
   }
-), qt = (t, e) => F(`aria-${t}`, e), _s = new Proxy(
+), qt = (t, e) => F(`aria-${t}`, e), Ts = new Proxy(
   {},
   {
     /**
@@ -2024,7 +2074,7 @@ const kt = /* @__PURE__ */ new Set([
      */
     get: (t, e) => (s) => Bt(e, s)
   }
-), Ft = (t, e) => F(t, e), Ts = new Proxy(
+), Ft = (t, e) => F(t, e), Es = new Proxy(
   {},
   {
     /**
@@ -2036,11 +2086,11 @@ const kt = /* @__PURE__ */ new Set([
      */
     get: (t, e) => (s) => Ft(e, s)
   }
-), f = (t) => {
+), g = (t) => {
   if (t == null)
     return P;
   if (Array.isArray(t))
-    return T(...t.map(f));
+    return E(...t.map(g));
   if (typeof t == "string")
     return Re(t);
   if (y.is(t))
@@ -2049,12 +2099,12 @@ const kt = /* @__PURE__ */ new Set([
     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) => f(o).render(n));
+  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);
   };
-}), oe = (t, e, ...s) => m((n) => {
-  const r = n.makeChildElement(t, e), o = s.map((i) => f(i).render(r));
+}), 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);
   };
@@ -2066,9 +2116,9 @@ const kt = /* @__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(f))
+    get: (t, e) => (...s) => Ve(e, s.flatMap(g))
   }
-), Es = new Proxy(
+), Cs = new Proxy(
   {},
   {
     /**
@@ -2076,9 +2126,9 @@ const kt = /* @__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", _.type(e), ...s)
+    get: (t, e) => (...s) => Ve("input", T.type(e), ...s)
   }
-), qe = "http://www.w3.org/2000/svg", Cs = (t, ...e) => oe(t, qe, ...e), Ds = new Proxy(
+), qe = "http://www.w3.org/2000/svg", Ds = (t, ...e) => ie(t, qe, ...e), Ps = new Proxy(
   {},
   {
     /**
@@ -2086,9 +2136,9 @@ const kt = /* @__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) => oe(e, qe, s.flatMap(f))
+    get: (t, e) => (...s) => ie(e, qe, s.flatMap(g))
   }
-), Be = "http://www.w3.org/1998/Math/MathML", Ps = (t, ...e) => oe(t, Be, ...e), xs = new Proxy(
+), Be = "http://www.w3.org/1998/Math/MathML", xs = (t, ...e) => ie(t, Be, ...e), Ls = new Proxy(
   {},
   {
     /**
@@ -2096,28 +2146,28 @@ const kt = /* @__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) => oe(e, Be, s.flatMap(f))
+    get: (t, e) => (...s) => ie(e, Be, s.flatMap(g))
   }
 ), Fe = (t, e) => {
   if (typeof e == "function")
     return Fe(t, { then: e });
-  const s = e.pending != null ? f(e.pending()) : P, n = e.then, r = e.error != null ? (o) => f(e.error(o)) : () => P;
+  const s = e.pending != null ? g(e.pending()) : P, n = e.then, r = e.error != null ? (o) => g(e.error(o)) : () => P;
   return m((o) => {
     let i = !0;
     const l = t(), a = o.makeRef();
-    let c = f(s).render(a);
+    let c = g(s).render(a);
     return l.then(
       (u) => {
-        i && (c(!0), c = f(n(u)).render(a));
+        i && (c(!0), c = g(n(u)).render(a));
       },
       (u) => {
-        i && (c(!0), c = f(r(u)).render(a));
+        i && (c(!0), c = g(r(u)).render(a));
       }
     ), (u) => {
       i = !1, c(u), a.clear(u);
     };
   });
-}, Ls = (t, e) => Fe(() => t, e), We = (t, e, s) => m((n) => n.on(t, e, s)), Ut = (t) => We("click", (e, s) => {
+}, Os = (t, e) => Fe(() => t, e), We = (t, e, s) => m((n) => n.on(t, e, s)), Ut = (t) => We("click", (e, s) => {
   e.preventDefault();
   const n = e.target;
   setTimeout(() => {
@@ -2134,18 +2184,18 @@ const kt = /* @__PURE__ */ new Set([
      */
     get: (t, e) => (s) => We(e, s)
   }
-), Gt = (t, e) => (s) => {
+), Jt = (t, e) => (s) => {
   e?.preventDefault === !0 && s.preventDefault(), e?.stopPropagation === !0 && s.stopPropagation(), e?.stopImmediatePropagation === !0 && s.stopImmediatePropagation(), t(s);
-}, M = (t, e) => Gt((s) => {
+}, k = (t, e) => Jt((s) => {
   const n = s.target;
   t(n, s);
-}, e), Jt = (t, e) => M(
+}, e), zt = (t, e) => k(
   (s, n) => t(s.value, n),
   e
-), Kt = (t, e) => M(
+), Gt = (t, e) => k(
   (s, n) => t(s.valueAsNumber, n),
   e
-), zt = (t, e) => M((s, n) => {
+), Kt = (t, e) => k((s, n) => {
   if (s.value === "")
     return;
   const r = s.value.split("-"), o = new Date(
@@ -2154,7 +2204,7 @@ const kt = /* @__PURE__ */ new Set([
     Number(r[2].substring(0, 2))
   );
   t(o, n);
-}, e), Os = (t, e) => M((s, n) => {
+}, e), Ms = (t, e) => k((s, n) => {
   if (s.value === "") {
     t(null, n);
     return;
@@ -2165,7 +2215,7 @@ const kt = /* @__PURE__ */ new Set([
     Number(r[2].substring(0, 2))
   );
   t(o, n);
-}, e), Yt = (t, e) => M((s, n) => {
+}, e), Yt = (t, e) => k((s, n) => {
   if (s.value === "")
     return;
   const r = s.value.split("T"), o = r[0].split("-"), i = new Date(
@@ -2174,7 +2224,7 @@ const kt = /* @__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), ks = (t, e) => M((s, n) => {
+}, e), ks = (t, e) => k((s, n) => {
   if (s.value === "") {
     t(null, n);
     return;
@@ -2190,17 +2240,17 @@ const kt = /* @__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), Ms = (t, e) => M((s, n) => {
+}, e), Is = (t, e) => k((s, n) => {
   t(s.checked, n);
-}, e), Is = (t, e = "input") => T(_.valueAsDate(t), W[e](zt(t.set))), Hs = (t, e = "input") => T(_.valueAsDate(t), W[e](Yt(t.set))), Ns = (t, e = "input") => T(_.valueAsNumber(t), W[e](Kt(t.set))), $s = (t, e = "input") => T(_.value(t), W[e](Jt(t.set))), Rs = (t) => T(_.checked(t), Ut(t.set)), fe = (t, e, s) => y.is(t) ? e(t) : s(t), Xt = (t, e, s) => {
+}, e), Hs = (t, e = "input") => E(T.valueAsDate(t), W[e](Kt(t.set))), $s = (t, e = "input") => E(T.valueAsDate(t), W[e](Yt(t.set))), Ns = (t, e = "input") => E(T.valueAsNumber(t), W[e](Gt(t.set))), Rs = (t, e = "input") => E(T.value(t), W[e](zt(t.set))), js = (t) => E(T.checked(t), Ut(t.set)), fe = (t, e, s) => y.is(t) ? e(t) : s(t), Xt = (t, e, s) => {
   const n = t.makeRef();
   let r = () => {
   }, o = null;
   const i = e.on(
     (l) => {
-      o?.dispose(), r(!0), o = new q(), r = k(
+      o?.dispose(), r(!0), o = new q(), r = M(
         o,
-        () => f(s(l)).render(n)
+        () => g(s(l)).render(n)
       );
     },
     { noAutoDispose: !0 }
@@ -2208,43 +2258,43 @@ const kt = /* @__PURE__ */ new Set([
   return (l) => {
     o?.dispose(), r(l), i(), n.clear(l);
   };
-}, ie = (t, e) => {
+}, le = (t, e) => {
   function s(r) {
     return m((o) => {
       const i = o.makeRef();
       let l, a;
       const c = r.map((p) => Object.keys(p)[0]);
       let u;
-      const h = c.on((p) => {
+      const d = c.on((p) => {
         if (p !== u) {
-          u = p, a?.dispose(), l?.(!0), a = r.map((g) => g[p]);
-          const d = e[p](a);
-          l = f(d).render(i);
+          u = p, a?.dispose(), l?.(!0), a = r.map((f) => f[p]);
+          const h = e[p](a);
+          l = g(h).render(i);
         }
       });
       return (p) => {
-        a?.dispose(), h(), i.clear(p), l?.(p);
+        a?.dispose(), d(), i.clear(p), l?.(p);
       };
     });
   }
   function n(r) {
     const o = Object.keys(r)[0];
-    return f(e[o](re(r[o])));
+    return g(e[o](re(r[o])));
   }
   return fe(t, s, n);
-}, Ue = (t, e, s) => ie(
+}, Ue = (t, e, s) => le(
   w.map(t, (n) => ({ [n[e]]: n })),
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   s
-), js = (t, e) => Ue(t, "kind", e), Vs = (t, e) => {
+), Vs = (t, e) => Ue(t, "kind", e), qs = (t, e) => {
   const s = w.map(t, ([n, r]) => ({
     [n]: r
   }));
-  return ie(s, e);
-}, qs = (t, e) => Ue(t, "type", e), Qt = (t, e) => ie(
+  return le(s, e);
+}, Bs = (t, e) => Ue(t, "type", e), Qt = (t, e) => le(
   w.map(t, (s) => ({ [s]: !0 })),
   e
-), Bs = (t, e = {}) => (s) => {
+), Fs = (t, e = {}) => (s) => {
   const n = e?.firstSeparator ?? t, r = e?.lastSeparator ?? t;
   return Qt(
     s.map((o) => o.isFirst ? "first" : o.isLast ? "last" : "other"),
@@ -2254,74 +2304,74 @@ const kt = /* @__PURE__ */ new Set([
       other: t
     }
   );
-}, Fs = (t) => m((e) => (e.appendOrInsert(t), (s) => {
-  s && z(t);
-})), Ws = (t, e, s) => {
+}, Ws = (t) => m((e) => (e.appendOrInsert(t), (s) => {
+  s && K(t);
+})), Us = (t, e, s) => {
   function n(o) {
     return m((i) => {
       const l = i.makeRef();
       let a = () => {
       }, c = !1, u = null;
-      const h = o.on((p) => {
-        p == null ? (a(!0), a = f(s?.()).render(l), c = !1, u?.dispose(), u = null) : c ? u.set(p) : (u = D(p), a(!0), a = f(
+      const d = o.on((p) => {
+        p == null ? (a(!0), a = g(s?.()).render(l), c = !1, u?.dispose(), u = null) : c ? u.set(p) : (u = D(p), a(!0), a = g(
           e(u)
         ).render(l), c = !0);
       });
       return (p) => {
-        u?.dispose(), h(), a?.(p), l.clear(p);
+        u?.dispose(), d(), a?.(p), l.clear(p);
       };
     });
   }
   function r(o) {
     if (o == null) {
       const i = s?.();
-      return i != null ? f(i) : P;
+      return i != null ? g(i) : P;
     }
-    return f(e(re(o)));
+    return g(e(re(o)));
   }
   return fe(
     t,
     n,
     r
   );
-}, Us = (...t) => (e, s) => m((n) => {
+}, Js = (...t) => (e, s) => m((n) => {
   const r = n.makeRef();
   if (t.some(
-    (d) => !y.is(d) && d == null
+    (h) => !y.is(h) && h == null
   ))
-    return (s != null ? f(s?.()) : P).render(r);
+    return (s != null ? g(s?.()) : P).render(r);
   const i = t.map(() => null), l = t.map(
-    (d) => y.is(d) ? d.value != null : d != null
+    (h) => y.is(h) ? h.value != null : h != null
   );
   let a = null;
-  const c = D(l.every((d) => d)), u = (d, g) => {
-    if (d.value != null) {
-      if (i[g] == null) {
-        const v = D(d.value);
-        i[g] = v;
+  const c = D(l.every((h) => h)), u = (h, f) => {
+    if (h.value != null) {
+      if (i[f] == null) {
+        const v = D(h.value);
+        i[f] = v;
       } else
-        i[g].value = d.value;
-      l[g] = !0;
+        i[f].value = h.value;
+      l[f] = !0;
     } else
-      l[g] = !1;
+      l[f] = !1;
   };
-  let h = t.length - 1;
-  const p = t.map((d, g) => {
-    if (!y.is(d)) {
-      const v = D(d);
-      return i[g] = v, () => {
+  let d = t.length - 1;
+  const p = t.map((h, f) => {
+    if (!y.is(h)) {
+      const v = D(h);
+      return i[f] = v, () => {
       };
     }
-    return d.on(() => {
-      u(d, g), h === 0 ? c.value = l.every((v) => v) : h--;
+    return h.on(() => {
+      u(h, f), d === 0 ? c.value = l.every((v) => v) : d--;
     });
   });
-  return c.on((d) => {
-    a?.(!0), a = null, d ? a = f(e(...i)).render(r) : a = f(s?.() ?? P).render(r);
-  }), (d) => {
-    i.forEach((g) => g?.dispose()), c.dispose(), p.forEach((g) => g()), a?.(d), r.clear(d);
+  return c.on((h) => {
+    a?.(!0), a = null, h ? a = g(e(...i)).render(r) : a = g(s?.() ?? P).render(r);
+  }), (h) => {
+    i.forEach((f) => f?.dispose()), c.dispose(), p.forEach((f) => f()), a?.(h), r.clear(h);
   };
-}), Ge = (t, e, s) => fe(
+}), Je = (t, e, s) => fe(
   t,
   (n) => m(
     (r) => Xt(
@@ -2333,24 +2383,24 @@ const kt = /* @__PURE__ */ new Set([
   (n) => {
     if (n) {
       const r = e();
-      return r != null ? f(r) : P;
+      return r != null ? g(r) : P;
     }
-    return f(s?.());
+    return g(s?.());
   }
-), Gs = (t, e, s) => Ge(
+), zs = (t, e, s) => Je(
   w.map(t, (n) => !n),
   e,
   s
-), Je = (t, e, s) => {
+), ze = (t, e, s) => {
   if (s != null)
-    return Je(t, (n) => {
-      const r = new he(
+    return ze(t, (n) => {
+      const r = new de(
         n.index,
         n.total.map((o) => o - 1)
       );
-      return T(
-        f(e(n)),
-        Ge(
+      return E(
+        g(e(n)),
+        Je(
           n.isLast,
           () => P,
           () => s(r)
@@ -2362,16 +2412,16 @@ const kt = /* @__PURE__ */ new Set([
       const r = t.derive(), o = n.makeRef(), i = [], l = [];
       return r.on((a) => {
         const c = i.splice(a), u = l.splice(a);
-        for (const h of u)
-          h.dispose();
-        for (const h of c)
-          h(!0);
-        for (let h = i.length; h < a; h++) {
-          const p = new he(h, r), d = new q();
-          l.push(d), i.push(
-            k(
-              d,
-              () => f(e(p)).render(o)
+        for (const d of u)
+          d.dispose();
+        for (const d of c)
+          d(!0);
+        for (let d = i.length; d < a; d++) {
+          const p = new de(d, r), h = new q();
+          l.push(h), i.push(
+            M(
+              h,
+              () => g(e(p)).render(o)
             )
           );
         }
@@ -2386,20 +2436,20 @@ const kt = /* @__PURE__ */ new Set([
     });
   {
     const n = re(t);
-    return T(
+    return E(
       ...Array.from({ length: t }, (r, o) => o).map((r) => {
-        const o = new he(r, n);
-        return f(e(o));
+        const o = new de(r, n);
+        return g(e(o));
       })
     );
   }
-}, Js = (t, e, s) => {
+}, Gs = (t, e, s) => {
   const n = w.map(t, (o) => o.length), r = w.toSignal(t);
-  return Je(
+  return ze(
     n,
     (o) => {
       const i = r.map((l) => l[o.index]);
-      return f(e(i, o));
+      return g(e(i, o));
     },
     s
   );
@@ -2412,7 +2462,7 @@ const kt = /* @__PURE__ */ new Set([
     const s = t;
     return m((n) => {
       n = n.makeRef();
-      const r = s.map((l) => f(e(l)));
+      const r = s.map((l) => g(e(l)));
       let o = () => {
       };
       const i = r.on((l) => {
@@ -2423,17 +2473,17 @@ const kt = /* @__PURE__ */ new Set([
       };
     });
   }
-  return f(e(t));
+  return g(e(t));
 }, me = (t) => m((e) => {
   if (e.isBrowser()) {
     const s = t(e);
     if (s != null)
-      return f(s).render(e);
+      return g(s).render(e);
   }
   return () => {
   };
 });
-function zs({
+function Ys({
   src: t,
   name: e,
   width: s,
@@ -2442,43 +2492,49 @@ function zs({
   allow: o,
   referrerpolicy: i,
   loading: l,
-  onLoad: a
-} = {}, ...c) {
+  iframeChild: a,
+  onLoad: c
+} = {}, ...u) {
   return Wt.iframe(
-    _.src(t),
-    _.name(e),
-    _.width(s != null ? w.map(s, String) : void 0),
-    _.height(n != null ? w.map(n, String) : void 0),
-    _.sandbox(r),
-    _.allow(o),
-    _.referrerpolicy(i),
-    me((u) => {
-      const h = u.element;
-      let p, d = !1;
-      const g = () => {
-        if (d) return;
-        d = !0;
-        const v = h.contentDocument;
-        if (v && (a && a(h), c.length > 0)) {
-          const E = v.body;
-          if (E) {
-            const b = u.withElement(E);
-            p = B(T(...c), b);
+    T.src(t),
+    T.name(e),
+    T.width(
+      s != null ? w.map(s, String) : void 0
+    ),
+    T.height(
+      n != null ? w.map(n, String) : void 0
+    ),
+    T.sandbox(r),
+    T.allow(o),
+    T.referrerpolicy(i),
+    a,
+    me((d) => {
+      const p = d.element;
+      let h, f = !1;
+      const v = () => {
+        if (f) return;
+        f = !0;
+        const S = p.contentDocument;
+        if (S && (c && c(p), u.length > 0)) {
+          const b = S.body;
+          if (b) {
+            const x = d.withElement(b);
+            h = B(E(...u), x);
           }
         }
       };
-      return l != null && w.on(l, (v) => {
-        h.loading = v;
-      }), (c.length > 0 || a) && (t || setTimeout(g, 0)), T(
-        c.length > 0 || a ? W.load(g) : P,
+      return l != null && w.on(l, (S) => {
+        p.loading = S;
+      }), (u.length > 0 || c) && (t || setTimeout(v, 0)), E(
+        u.length > 0 || c ? W.load(v) : P,
         ge(() => {
-          p && p(!1);
+          h && h(!1);
         })
       );
     })
   );
 }
-const Ys = (t, e, s = () => P) => ie(
+const Xs = (t, e, s = () => P) => le(
   w.map(
     t,
     (n) => n.length > 0 ? { notEmpty: n } : { whenEmpty: null }
@@ -2487,31 +2543,31 @@ const Ys = (t, e, s = () => P) => ie(
     notEmpty: (n) => e(n),
     whenEmpty: () => s()
   }
-), Xs = (t, e) => m((s) => {
-  const n = s.makePortal(t), r = B(f(e), n);
+), Qs = (t, e) => m((s) => {
+  const n = s.makePortal(t), r = B(g(e), n);
   return () => r(!0);
-}), K = /* @__PURE__ */ new Map(), Zt = (t) => ({
-  mark: Ke(`Probe(${t.description})`),
+}), G = /* @__PURE__ */ new Map(), Zt = (t) => ({
+  mark: Ge(`Probe(${t.description})`),
   create: ({ callback: e = () => {
   }, timeout: s = 10 } = {}) => {
     const n = (l) => {
-      clearTimeout(r), K.delete(t), e(l);
+      clearTimeout(r), G.delete(t), e(l);
     };
-    if (K.has(t))
+    if (G.has(t))
       throw new Error(`Probe already exists: ${t.description}`);
     const r = setTimeout(() => n("timeout"), s), o = { counter: 0, timeoutId: r };
-    return K.set(t, o), {
+    return G.set(t, o), {
       value: () => {
         clearTimeout(r);
-        const l = K.get(t);
+        const l = G.get(t);
         l != null && --l.counter === 0 && n("resolved");
       },
       dispose: () => n("disposed"),
       onUse: () => o.counter++
     };
   }
-}), Qs = Zt(Symbol("GlobalProbe"));
-function Zs({
+}), Zs = Zt(Symbol("GlobalProbe"));
+function en({
   mode: t,
   delegatesFocus: e,
   slotAssignment: s,
@@ -2521,7 +2577,7 @@ function Zs({
   return me((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 = B(T(...o), c);
+    const a = i.element.attachShadow(l), c = i.withElement(a), u = B(E(...o), c);
     return ge(() => u(!0));
   });
 }
@@ -2535,7 +2591,7 @@ const es = (t, e) => m((s) => {
   return (o) => {
     r(), o && s.setStyle(t, n);
   };
-}), be = (t, e) => y.is(e) ? ts(t, e) : es(t, e), en = new Proxy({}, {
+}), be = (t, e) => y.is(e) ? ts(t, e) : es(t, e), tn = new Proxy({}, {
   /**
    * Creates a renderable component for the specified `style` property.
    *
@@ -2545,22 +2601,22 @@ const es = (t, e) => m((s) => {
    *
    */
   get: (t, e) => e === "variable" ? (s, n) => be(s, n) : (s) => be(e, s)
-}), tn = (t) => m((e) => {
+}), sn = (t) => m((e) => {
   const s = t(e);
   return s == null ? () => {
-  } : f(s).render(e);
-}), sn = (t) => me((e) => t(e.element)), nn = (t) => m((e) => {
+  } : g(s).render(e);
+}), nn = (t) => me((e) => t(e.element)), rn = (t) => m((e) => {
   if (e.isHeadlessDOM()) {
     const s = t(e);
     if (s)
-      return f(s).render(e);
+      return g(s).render(e);
   }
   return () => {
   };
-}), rn = (t) => m((e) => {
-  const s = new q(), n = k(
+}), on = (t) => m((e) => {
+  const s = new q(), n = M(
     s,
-    () => f(t(s)).render(e)
+    () => g(t(s)).render(e)
   );
   return (r) => {
     s.dispose(), n(r);
@@ -2579,154 +2635,155 @@ const es = (t, e) => m((s) => {
       return c?.(), a;
     },
     set: ({ mark: l, create: a }, c) => {
-      const { value: u, dispose: h, onUse: p } = a(c, n());
-      o.push(h), r(n().setProvider(l, u, p));
+      const { value: u, dispose: d, onUse: p } = a(c, n());
+      o.push(d), r(n().setProvider(l, u, p));
     }
   });
   return i == null ? () => {
-  } : T(
-    f(i),
+  } : E(
+    g(i),
     ge(() => o.forEach((l) => l()))
   ).render(n());
-}), on = (t, e, s) => ye(({ set: n }) => (n(t, e), s())), ln = (t, e) => ye(({ use: s }) => e(s(t))), an = (...t) => (e) => ye(({ use: s }) => {
+}), ln = (t, e, s) => ye(({ set: n }) => (n(t, e), s())), an = (t, e) => ye(({ use: s }) => e(s(t))), cn = (...t) => (e) => ye(({ use: s }) => {
   const n = t.map(s);
   return e(...n);
 });
 export {
   qt as Aria,
-  Ls as Async,
+  Os as Async,
   jt as Attr,
-  Rs as BindChecked,
-  Is as BindDate,
-  Hs as BindDateTime,
+  js as BindChecked,
+  Hs as BindDate,
+  $s as BindDateTime,
   Ns as BindNumber,
-  $s as BindText,
+  Rs as BindText,
   j as BrowserContext,
   Y as CLASS_PLACEHOLDER_ATTR,
   R as Computed,
-  Bs as Conjunction,
-  Fs as DOMNode,
+  Fs as Conjunction,
+  Ws as DOMNode,
   Vt as DataAttr,
   q as DisposalScope,
   Ve as El,
-  oe as ElNS,
-  he as ElementPosition,
+  ie as ElNS,
+  de as ElementPosition,
   P as Empty,
-  Ws as Ensure,
-  Us as EnsureAll,
-  Js as ForEach,
-  T as Fragment,
-  Qs as GlobalProbe,
-  ys as HeadlessAdapter,
+  Us as Ensure,
+  Js as EnsureAll,
+  Gs as ForEach,
+  E as Fragment,
+  Zs as GlobalProbe,
+  ws as HeadlessAdapter,
   V as HeadlessContext,
   Lt as HeadlessElement,
-  $e as HeadlessPortal,
+  Ne as HeadlessPortal,
   Ot as HeadlessText,
-  zs as IFrame,
+  Ys as IFrame,
   Ks as MapSignal,
   Ft as MathAttr,
-  Ps as MathEl,
-  Ae as MemoryStore,
-  Ys as NotEmpty,
+  xs as MathEl,
+  Te as MemoryStore,
+  Xs as NotEmpty,
   Ut as OnChecked,
   ge as OnDispose,
-  ie as OneOf,
+  le as OneOf,
   Ue as OneOfField,
-  js as OneOfKind,
-  Vs as OneOfTuple,
-  qs as OneOfType,
+  Vs as OneOfKind,
+  qs as OneOfTuple,
+  Bs as OneOfType,
   Qt as OneOfValue,
-  Xs as Portal,
+  Qs as Portal,
   se as Prop,
-  on as Provide,
-  ke as ProviderNotFoundError,
+  ln as Provide,
+  Me as ProviderNotFoundError,
   gt as RenderingError,
-  Je as Repeat,
+  ze as Repeat,
   Bt as SVGAttr,
-  Cs as SVGEl,
-  Zs as ShadowRoot,
+  Ds as SVGEl,
+  en as ShadowRoot,
   y as Signal,
   Fe as Task,
-  bs as TextNode,
-  Gs as Unless,
-  ln as Use,
-  an as UseMany,
+  Ss as TextNode,
+  zs as Unless,
+  an as Use,
+  cn as UseMany,
   w as Value,
-  Ge as When,
+  Je as When,
   me as WithBrowserCtx,
-  tn as WithCtx,
-  sn as WithElement,
-  nn as WithHeadlessCtx,
+  sn as WithCtx,
+  nn as WithElement,
+  rn as WithHeadlessCtx,
   ye as WithProvider,
-  rn as WithScope,
-  Me as _NODE_PLACEHOLDER_ATTR,
+  on as WithScope,
+  ke as _NODE_PLACEHOLDER_ATTR,
   ft as _getSelfOrParentElement,
   Le as _isElement,
   Oe as _isFragment,
   pt as _makeGetter,
   dt as _makeSetter,
-  z as _removeDOMNode,
+  K as _removeDOMNode,
   je as _signalText,
   Re as _staticText,
   as as animateSignal,
   ut as animateSignals,
-  _s as aria,
-  _ as attr,
+  Ts as aria,
+  T as attr,
   ps as bind,
   fs as coalesce,
   ne as computed,
   te as computedOf,
   ht as computedRecord,
-  ze as createRenderable,
-  Ss as dataAttr,
+  Ke as createRenderable,
+  _s as dataAttr,
   us as delaySignal,
   _e as effect,
   Ze as effectOf,
-  Gt as emit,
-  Ms as emitChecked,
-  M as emitTarget,
-  Jt as emitValue,
-  zt as emitValueAsDate,
+  Jt as emit,
+  Is as emitChecked,
+  k as emitTarget,
+  zt as emitValue,
+  Kt as emitValueAsDate,
   Yt as emitValueAsDateTime,
-  Os as emitValueAsNullableDate,
+  Ms as emitValueAsNullableDate,
   ks as emitValueAsNullableDateTime,
-  Kt as emitValueAsNumber,
+  Gt as emitValueAsNumber,
   it as endInterpolate,
-  de as getCurrentScope,
+  pe as getCurrentScope,
   rs as getParentScope,
   ns as getScopeStack,
-  vs as getWindow,
+  bs as getWindow,
   lt as guessInterpolate,
   Wt as html,
-  Es as input,
+  Cs as input,
   ot as interpolateDate,
   nt as interpolateNumber,
   rt as interpolateString,
   ss as joinSignals,
   is as localStorageProp,
   Zt as makeProbe,
-  Ke as makeProviderMark,
-  xs as math,
-  Ts as mathAttr,
+  Ge as makeProviderMark,
+  Ls as math,
+  Es as mathAttr,
   cs as merge,
   W as on,
   tt as popScope,
   hs as previousSignal,
   D as prop,
   et as pushScope,
-  gs as render,
+  ms as render,
   B as renderWithContext,
-  f as renderableOfTNode,
-  ws as restoreTempoPlaceholders,
-  ms as runHeadless,
+  g as renderableOfTNode,
+  vs as restoreTempoPlaceholders,
+  ys as runHeadless,
   os as scoped,
   ls as sessionStorageProp,
   re as signal,
   ds as slidingWindowSignal,
-  Te as storedProp,
-  en as style,
-  Ds as svg,
+  Ae as storedProp,
+  tn as style,
+  Ps as svg,
   As as svgAttr,
-  ae as untracked,
-  k as withScope
+  gs as syncProp,
+  ce as untracked,
+  M as withScope
 };