@tempots/dom 31.1.0 → 31.3.0

package/index.js

@@ -1,12 +1,12 @@
-var Ne = Object.defineProperty;
-var ie = (s) => {
+var Ie = Object.defineProperty;
+var le = (s) => {
   throw TypeError(s);
 };
-var $e = (s, e, t) => e in s ? Ne(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var o = (s, e, t) => $e(s, typeof e != "symbol" ? e + "" : e, t), oe = (s, e, t) => e.has(s) || ie("Cannot " + t);
-var R = (s, e, t) => (oe(s, e, "read from private field"), t ? t.call(s) : e.get(s)), le = (s, e, t) => e.has(s) ? ie("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), Z = (s, e, t, r) => (oe(s, e, "write to private field"), r ? r.call(s, t) : e.set(s, t), t);
-const Ie = (s, e, t) => s + (e - s) * t;
-const Re = (s, e, t) => {
+var Re = (s, e, t) => e in s ? Ie(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var o = (s, e, t) => Re(s, typeof e != "symbol" ? e + "" : e, t), ce = (s, e, t) => e.has(s) || le("Cannot " + t);
+var V = (s, e, t) => (ce(s, e, "read from private field"), t ? t.call(s) : e.get(s)), ue = (s, e, t) => e.has(s) ? le("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), K = (s, e, t, r) => (ce(s, e, "write to private field"), r ? r.call(s, t) : e.set(s, t), t);
+const je = (s, e, t) => s + (e - s) * t;
+const Ve = (s, e, t) => {
   const r = Math.max(s.length, e.length);
   let n = "";
   for (let i = 0; i < r; i++) {
@@ -16,9 +16,9 @@ const Re = (s, e, t) => {
     isNaN(c) && (c = 97), n += String.fromCharCode(l + (c - l) * t);
   }
   return n;
-}, je = (s, e, t) => new Date(s.getTime() + (e.getTime() - s.getTime()) * t), Ve = (s, e) => e, qe = (s) => typeof s == "number" ? Ie : typeof s == "string" ? Re : s instanceof Date ? je : Ve;
-var w;
-class z {
+}, qe = (s, e, t) => new Date(s.getTime() + (e.getTime() - s.getTime()) * t), Fe = (s, e) => e, Be = (s) => typeof s == "number" ? je : typeof s == "string" ? Ve : s instanceof Date ? qe : Fe;
+var x;
+class ee {
   /**
    * Creates a new instance of `ElementPosition`.
    * @param index - The index of the element.
@@ -44,10 +44,10 @@ class z {
      * @returns `true` if the counter is odd, `false` otherwise.
      */
     o(this, "isOdd");
-    le(this, w);
+    ue(this, x);
     o(this, "dispose", () => {
       var e;
-      (e = R(this, w)) == null || e.dispose(), Z(this, w, void 0);
+      (e = V(this, x)) == null || e.dispose(), K(this, x, void 0);
     });
     this.index = e, this.total = t, this.counter = e + 1, this.isFirst = e === 0, this.isEven = e % 2 === 1, this.isOdd = e % 2 === 0;
   }
@@ -56,11 +56,11 @@ class z {
    * @returns `true` if the element is the last element, `false` otherwise.
    */
   get isLast() {
-    return R(this, w) == null && Z(this, w, this.total.map((e) => this.counter === e)), R(this, w);
+    return V(this, x) == null && K(this, x, this.total.map((e) => this.counter === e)), V(this, x);
   }
 }
-w = new WeakMap();
-const k = class k {
+x = new WeakMap();
+const I = class I {
   /**
    * Represents a signal with a value of type T.
    *
@@ -203,7 +203,7 @@ const k = class k {
      * @returns A new computed signal with the transformed value
      */
     o(this, "map", (e, t = (r, n) => r === n) => {
-      const r = new L(() => {
+      const r = new M(() => {
         try {
           return e(this.get());
         } catch (n) {
@@ -223,7 +223,7 @@ const k = class k {
      * @returns A new Signal that emits the values of the resulting Signal.
      */
     o(this, "flatMap", (e, t = (r, n) => r === n) => {
-      const r = new L(() => {
+      const r = new M(() => {
         try {
           return e(this.get()).get();
         } catch (n) {
@@ -252,7 +252,7 @@ const k = class k {
     o(this, "_$");
     o(this, "filter", (e, t) => {
       let r = t ?? this.get();
-      const n = new L(() => {
+      const n = new M(() => {
         try {
           const i = this.get();
           return r = e(i) ? i : r;
@@ -274,7 +274,7 @@ const k = class k {
      */
     o(this, "filterMap", (e, t, r = (n, i) => n === i) => {
       let n = t;
-      const i = new L(() => {
+      const i = new M(() => {
         try {
           const l = this.get(), c = e(l);
           return n = c ?? n;
@@ -298,7 +298,7 @@ const k = class k {
      * @returns A property that holds the mapped value and can be observed for changes.
      */
     o(this, "mapAsync", (e, t, r, n = (i, l) => i === l) => {
-      const i = _(t, n);
+      const i = E(t, n);
       let l = 0, c = new AbortController();
       return i.onDispose(
         this.on(async (u) => {
@@ -348,7 +348,7 @@ const k = class k {
     o(this, "deriveProp", ({
       autoDisposeProp: e = !0,
       equals: t
-    } = {}) => this.feedProp(_(this.get(), t), e));
+    } = {}) => this.feedProp(E(this.get(), t), e));
     /**
      * Derives a new signal from the current signal. Useful to create a new signal that emits the same values as the current signal but can be disposed independently.
      * @returns A new signal that emits the same values as the current signal.
@@ -436,8 +436,8 @@ const k = class k {
  * @param equals - Function to compare two values for equality (defaults to strict equality)
  * @returns A Signal that represents the result of the Promise
  */
-o(k, "ofPromise", (e, t, r, n = (i, l) => i === l) => {
-  const i = new k(t, n);
+o(I, "ofPromise", (e, t, r, n = (i, l) => i === l) => {
+  const i = new I(t, n);
   return e.then((l) => i._setAndNotify(l)).catch((l) => {
     r != null ? i._setAndNotify(r(l)) : console.error(
       "Unhandled promise rejection in Signal.ofPromise:",
@@ -450,13 +450,13 @@ o(k, "ofPromise", (e, t, r, n = (i, l) => i === l) => {
  * @param value - The value to check.
  * @returns `true` if the value is a Signal, `false` otherwise.
  */
-o(k, "is", (e) => (
+o(I, "is", (e) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   e != null && e.$__signal__ === !0
 ));
-let d = k;
-const Fe = typeof queueMicrotask == "function" ? queueMicrotask : (s) => Promise.resolve().then(s);
-class L extends d {
+let g = I;
+const We = typeof queueMicrotask == "function" ? queueMicrotask : (s) => Promise.resolve().then(s);
+class M extends g {
   /**
    * Represents a Signal object.
    * @param _fn - The function that returns the value of the signal.
@@ -491,7 +491,7 @@ class L extends d {
      */
     o(this, "_scheduleNotify", () => {
       const t = ++this._scheduleCount;
-      Fe(() => {
+      We(() => {
         this._scheduleCount !== t || this._disposed || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn()));
       });
     });
@@ -513,7 +513,7 @@ class L extends d {
     return this.get();
   }
 }
-const G = class G extends d {
+const Y = class Y extends g {
   constructor() {
     super(...arguments);
     /**
@@ -567,7 +567,7 @@ const G = class G extends d {
      * @returns A Prop object representing the isomorphism.
      */
     o(this, "iso", (t, r, n = (i, l) => i === l) => {
-      const i = new G(t(this.get()), n);
+      const i = new Y(t(this.get()), n);
       return i.onDispose(this.on((l) => i.set(t(l)))), i.on((l) => this._setAndNotify(r(l))), i;
     });
     /**
@@ -596,15 +596,15 @@ const G = class G extends d {
  * @param value - The value to check.
  * @returns `true` if the value is a Prop, `false` otherwise.
  */
-o(G, "is", (t) => (
+o(Y, "is", (t) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   t != null && t.$__prop__ === !0
 ));
-let V = G;
-const K = (s, e, t = (r, n) => r === n) => {
-  const r = new L(s, t);
+let F = Y;
+const te = (s, e, t = (r, n) => r === n) => {
+  const r = new M(s, t);
   return e.forEach((n) => n.setDerivative(r)), r;
-}, Be = (s, e, t = {}) => {
+}, Ue = (s, e, t = {}) => {
   let r = t.once ? () => {
     i(), s();
   } : s;
@@ -615,24 +615,24 @@ const K = (s, e, t = (r, n) => r === n) => {
       l ? c() : l = !0;
     };
   }
-  const n = K(r, e), i = () => {
+  const n = te(r, e), i = () => {
     n.dispose(), t.abortSignal != null && t.abortSignal.removeEventListener("abort", i);
   };
   return t.abortSignal != null && t.abortSignal.addEventListener("abort", i), i;
-}, _ = (s, e = (t, r) => t === r) => new V(s, e), X = (s, e = (t, r) => t === r) => new d(s, e), ue = () => (
+}, E = (s, e = (t, r) => t === r) => new F(s, e), Q = (s, e = (t, r) => t === r) => new g(s, e), se = () => (
   /* c8 ignore next */
   typeof window < "u" ? window : void 0
 );
-function ae(s) {
+function de(s) {
   return s != null && s !== !1 && s !== 0 && s !== "";
 }
-function We(s) {
-  return !ae(s);
+function Je(s) {
+  return !de(s);
 }
-function Ue(s) {
+function Ge(s) {
   return s == null;
 }
-function Je(s) {
+function Xe(s) {
   return s != null;
 }
 const y = {
@@ -647,7 +647,7 @@ const y = {
    * @param fn - The function to map the value.
    * @returns The mapped value.
    */
-  map: (s, e) => d.is(s) ? s.map(e) : e(s),
+  map: (s, e) => g.is(s) ? s.map(e) : e(s),
   /**
    * Wraps a value or a Signal instance into a Signal.
    * If the value is already a Signal, it returns the value itself.
@@ -658,7 +658,7 @@ const y = {
    * @param equals - A function that determines if two values are equal. Defaults to strict equality (===).
    * @returns A Signal instance.
    */
-  toSignal: (s, e) => d.is(s) ? s : X(s, e),
+  toSignal: (s, e) => g.is(s) ? s : Q(s, e),
   /**
    * Wraps a value in a `Signal` if it is not already a `Signal`.
    * If the value is `null` or `undefined`, it returns `null` or `undefined` respectively.
@@ -674,14 +674,14 @@ const y = {
    * @param value - The value or Signal instance to get the value from.
    * @returns The value.
    */
-  get: (s) => d.is(s) ? s.get() : s,
+  get: (s) => g.is(s) ? s.get() : s,
   /**
    * Adds a listener to a `Signal` or calls the listener immediately if it is not a `Signal`.
    * @param value - The value or Signal instance to add the listener to.
    * @param listener - The listener to call when the value changes.
    * @returns A function to remove the listener.
    */
-  on: (s, e) => d.is(s) ? s.on(e) : (e(s), () => {
+  on: (s, e) => g.is(s) ? s.on(e) : (e(s), () => {
   }),
   /**
    * Disposes of a value or a Signal.
@@ -690,7 +690,7 @@ const y = {
    * @param value - The value or Signal instance to dispose of.
    */
   dispose: (s) => {
-    d.is(s) && s.dispose();
+    g.is(s) && s.dispose();
   },
   /**
    * Derives a Prop from a Signal.
@@ -705,54 +705,54 @@ const y = {
   deriveProp: (s, {
     autoDisposeProp: e = !0,
     equals: t
-  } = {}) => d.is(s) ? s.deriveProp({ autoDisposeProp: e, equals: t }) : _(s, t),
+  } = {}) => g.is(s) ? s.deriveProp({ autoDisposeProp: e, equals: t }) : E(s, t),
   /**
    * Creates a new signal that emits `true` if the value is truthy, `false` otherwise.
    * @param value - The value or signal to check.
    * @returns A signal that emits `true` if the value is truthy, `false` otherwise.
    */
-  truthy: (s) => y.map(s, ae),
+  truthy: (s) => y.map(s, de),
   /**
    * Creates a new signal that emits `true` if the value is falsy, `false` otherwise.
    * @param value - The value or signal to check.
    * @returns A signal that emits `true` if the value is falsy, `false` otherwise.
    */
-  falsy: (s) => y.map(s, We),
+  falsy: (s) => y.map(s, Je),
   /**
    * Creates a new signal that emits `true` if the value is null or undefined, `false` otherwise.
    * @param value - The value or signal to check.
    * @returns A signal that emits `true` if the value is null or undefined, `false` otherwise.
    */
-  nil: (s) => y.map(s, Ue),
+  nil: (s) => y.map(s, Ge),
   /**
    * Creates a new signal that emits `true` if the value is not null or undefined, `false` otherwise.
    * @param value - The value or signal to check.
    * @returns A signal that emits `true` if the value is not null or undefined, `false` otherwise.
    */
-  defined: (s) => y.map(s, Je)
-}, ee = (...s) => (e, t) => {
+  defined: (s) => y.map(s, Xe)
+}, re = (...s) => (e, t) => {
   if (s.length === 1)
     return y.toSignal(s[0]).map(e);
-  const r = s.filter((n) => d.is(n));
-  return K(
+  const r = s.filter((n) => g.is(n));
+  return te(
     () => e(...s.map((n) => y.get(n))),
     r,
     t
   );
-}, kt = (s) => {
+}, $t = (s) => {
   const e = Object.keys(s);
-  return ee(...Object.values(s))(
+  return re(...Object.values(s))(
     (...t) => Object.fromEntries(e.map((r, n) => [r, t[n]]))
   );
 }, Nt = (...s) => (e, t = {}) => {
-  const r = s.filter((n) => d.is(n));
-  return Be(
+  const r = s.filter((n) => g.is(n));
+  return Ue(
     () => e(...s.map(y.get)),
     r,
     t
   );
 };
-class he {
+class pe {
   constructor() {
     o(this, "_store", /* @__PURE__ */ new Map());
     /**
@@ -771,75 +771,102 @@ class he {
     });
   }
 }
-const fe = ({
+const ge = ({
   key: s,
   defaultValue: e,
   store: t,
   serialize: r = JSON.stringify,
   deserialize: n = JSON.parse,
-  equals: i = (c, u) => c === u,
-  onLoad: l = (c) => c
+  equals: i = (u, a) => u === a,
+  onLoad: l = (u) => u,
+  syncTabs: c = !0
 }) => {
-  const c = t.getItem(s), u = new V(
-    c != null ? l(n(c)) : typeof e == "function" ? e() : e,
+  const u = t.getItem(s), a = new F(
+    u != null ? l(n(u)) : typeof e == "function" ? e() : e,
     i
-  );
-  return u.on((a) => t.setItem(s, r(a))), u;
-}, $t = (s) => {
+  ), h = se(), m = c && typeof (h == null ? void 0 : h.BroadcastChannel) == "function", T = `tempo:storedProp:${s}`;
+  let p = !1, d = null, A = null;
+  if (m) {
+    d = new h.BroadcastChannel(T), A = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
+    const P = (S) => {
+      const b = S.data;
+      if (!(b == null || typeof b != "object" || b.key !== s || typeof b.value != "string" || b.sourceId != null && b.sourceId === A))
+        try {
+          p = !0;
+          const N = l(n(b.value));
+          a.set(N);
+        } catch (N) {
+          console.warn(
+            `Failed to sync storedProp for key "${s}" via BroadcastChannel`,
+            N
+          );
+        } finally {
+          p = !1;
+        }
+    };
+    d.addEventListener("message", P), a.onDispose(() => {
+      d == null || d.removeEventListener("message", P), d == null || d.close();
+    });
+  }
+  return a.on((P, S) => {
+    const b = r(P);
+    t.setItem(s, b), d != null && !p && S !== void 0 && A != null && d.postMessage({ key: s, value: b, sourceId: A });
+  }), a;
+}, kt = (s) => {
   var e;
-  return fe({
+  return ge({
     ...s,
     /* c8 ignore next 3 */
-    store: ((e = ue()) == null ? void 0 : e.localStorage) ?? new he()
+    store: ((e = se()) == null ? void 0 : e.localStorage) ?? new pe()
   });
 }, It = (s) => {
   var e;
-  return fe({
+  return ge({
     ...s,
     /* c8 ignore next 3 */
-    store: ((e = ue()) == null ? void 0 : e.sessionStorage) ?? new he()
+    store: ((e = se()) == null ? void 0 : e.sessionStorage) ?? new pe()
   });
 };
-function ce(s) {
+function ae(s) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(s) : setTimeout(s, 0);
 }
-const Ge = (s, e, t, r) => {
-  const n = (r == null ? void 0 : r.duration) ?? 300, i = (r == null ? void 0 : r.easing) ?? ((A) => A), l = (r == null ? void 0 : r.equals) ?? ((A, I) => A === I);
+const Ye = (s, e, t, r) => {
+  const n = (r == null ? void 0 : r.duration) ?? 300, i = (r == null ? void 0 : r.easing) ?? ((S) => S), l = (r == null ? void 0 : r.equals) ?? ((S, b) => S === b);
   let c = r == null ? void 0 : r.interpolate, u = s, a = e(), h = performance.now(), m = null, T = !0;
-  const p = new L(e, l), g = _(s, l);
-  g.onDispose(() => {
+  const p = new M(e, l), d = E(s, l);
+  d.onDispose(() => {
     m !== null && cancelAnimationFrame(m);
-  }), g.onDispose(p.dispose), t.forEach((A) => {
-    A.setDerivative(p), A.onDispose(g.dispose);
+  }), d.onDispose(p.dispose), t.forEach((S) => {
+    S.setDerivative(p), S.onDispose(d.dispose);
   });
-  const C = (A) => {
-    a = A, h = performance.now(), u = g.value, T && (T = !1, m = ce(re));
-  }, re = () => {
-    const I = (performance.now() - h) / y.get(n), ke = i(I);
-    c == null && (c = qe(u));
-    let ne = c(u, a, ke);
-    I >= 1 ? (T = !0, ne = a) : m = ce(re), g.set(ne);
+  const A = (S) => {
+    a = S, h = performance.now(), u = d.value, T && (T = !1, m = ae(P));
+  }, P = () => {
+    const b = (performance.now() - h) / y.get(n), N = i(b);
+    c == null && (c = Be(u));
+    let oe = c(u, a, N);
+    b >= 1 ? (T = !0, oe = a) : m = ae(P), d.set(oe);
   };
-  return p.on(C), g;
+  return p.on(A), d;
 }, Rt = (s, e) => {
   const { initialValue: t, ...r } = e ?? {};
-  return Ge(
+  return Ye(
     /* c8 ignore next 2 */
     t ?? s.get(),
     s.get,
     [s],
     r
   );
-}, Xe = (s, e) => {
-  const t = Object.values(s).filter(d.is), r = Object.keys(s);
-  return K(() => {
+}, Qe = (s, e) => {
+  const t = Object.values(s).filter(g.is), r = Object.keys(s);
+  return te(() => {
     const n = {};
     for (const i of r)
       n[i] = y.get(s[i]);
     return e(n);
   }, t);
-}, jt = (s) => Xe(s, (e) => e), Vt = (s, e) => {
-  const t = _(s.get());
+}, jt = (s) => Qe(s, (e) => e), Vt = (s, e) => {
+  const t = E(s.get());
   let r = null;
   const n = s.on((i) => {
     r != null && clearTimeout(r), r = setTimeout(
@@ -864,21 +891,21 @@ const Ge = (s, e, t, r) => {
 }) => {
   const t = [];
   return e.map((r) => (t.push(r), s != null && t.length > s && t.shift(), t.slice()));
-}, Bt = (s) => (...e) => ee(
+}, Bt = (s) => (...e) => re(
   s,
   ...e
 )((t, ...r) => t(...r));
 function Wt(...s) {
-  return ee(...s)((...e) => {
+  return re(...s)((...e) => {
     for (const t of e) if (t != null) return t;
   });
 }
-const de = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), pe = /* @__PURE__ */ new Set(["selected"]), me = /* @__PURE__ */ new Set([
+const me = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), ye = /* @__PURE__ */ new Set(["selected"]), Te = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), ge = /* @__PURE__ */ new Set(["valueAsDate"]), ye = /* @__PURE__ */ new Set([
+]), be = /* @__PURE__ */ new Set(["valueAsDate"]), Se = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -886,28 +913,28 @@ const de = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), pe = /* @
   "outerHTML",
   "className",
   "classList"
-]), Ye = (s, e) => pe.has(s) ? (t) => {
+]), Ze = (s, e) => ye.has(s) ? (t) => {
   t == null || t !== !0 ? e.removeAttribute(s) : e.setAttribute(s, "");
-} : de.has(s) ? (t) => {
-  t == null ? e[s] = null : e[s] = !!t;
 } : me.has(s) ? (t) => {
+  t == null ? e[s] = null : e[s] = !!t;
+} : Te.has(s) ? (t) => {
   t == null ? e[s] = null : e[s] = Number(t);
-} : ge.has(s) ? (t) => {
+} : be.has(s) ? (t) => {
   t == null ? e[s] = null : e[s] = t;
-} : ye.has(s) ? (t) => {
+} : Se.has(s) ? (t) => {
   t == null ? e[s] = null : e[s] = String(t);
 } : (t) => {
   t == null ? e.removeAttribute(s) : e.setAttribute(s, t);
-}, Qe = (s, e) => pe.has(s) ? () => e.hasAttribute(s) : de.has(s) ? () => !!e[s] : me.has(s) ? () => Number(e[s]) : ge.has(s) ? () => e[s] : ye.has(s) ? () => String(e[s]) : () => e.getAttribute(s), q = (s) => {
+}, ze = (s, e) => ye.has(s) ? () => e.hasAttribute(s) : me.has(s) ? () => !!e[s] : Te.has(s) ? () => Number(e[s]) : be.has(s) ? () => e[s] : Se.has(s) ? () => String(e[s]) : () => e.getAttribute(s), B = (s) => {
   const e = s;
   e && e.onblur && (e.onblur = null), !(!s || s.ownerDocument === void 0) && s.parentElement && s.parentElement.removeChild(s);
-}, Ze = (s) => Te(s) ? s : s.parentElement, Te = (s) => s.nodeType === 1;
-class be extends Error {
+}, Ke = (s) => Ae(s) ? s : s.parentElement, Ae = (s) => s.nodeType === 1;
+class ve extends Error {
   constructor(e) {
     super(`Provider not found: ${e.description}`);
   }
 }
-class D {
+class O {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -1004,7 +1031,7 @@ class D {
      * @param element - The DOM element to use in the new `DOMContext` instance.
      * @returns A new `DOMContext` instance with the provided `element`.
      */
-    o(this, "withElement", (e) => new D(this.document, e, void 0, this.providers));
+    o(this, "withElement", (e) => new O(this.document, e, void 0, this.providers));
     /**
      * Creates a portal to render content in a different part of the DOM tree.
      *
@@ -1061,7 +1088,7 @@ class D {
      * @param reference - The optional `Text` node to use as the reference for the new `DOMContext`.
      * @returns A new `DOMContext` instance with the specified reference.
      */
-    o(this, "withReference", (e) => new D(this.document, this.element, e, this.providers));
+    o(this, "withReference", (e) => new O(this.document, this.element, e, this.providers));
     /**
      * Sets a provider for the given provider mark.
      *
@@ -1069,7 +1096,7 @@ class D {
      * @param value - The provider to set for the given mark.
      * @returns A new `DOMContext` instance with the specified provider.
      */
-    o(this, "setProvider", (e, t, r) => new D(this.document, this.element, this.reference, {
+    o(this, "setProvider", (e, t, r) => new O(this.document, this.element, this.reference, {
       ...this.providers,
       [e]: [t, r]
     }));
@@ -1082,12 +1109,12 @@ class D {
      */
     o(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
-        throw new be(e);
+        throw new ve(e);
       const [t, r] = this.providers[e];
       return { value: t, onUse: r };
     });
     o(this, "clear", (e) => {
-      e && (this.reference !== void 0 ? q(this.reference) : q(this.element));
+      e && (this.reference !== void 0 ? B(this.reference) : B(this.element));
     });
     /**
      * Adds classes to the element.
@@ -1157,8 +1184,8 @@ class D {
      */
     o(this, "getStyle", (e) => this.element.style[e]);
     o(this, "makeAccessors", (e) => ({
-      get: Qe(e, this.element),
-      set: Ye(e, this.element)
+      get: ze(e, this.element),
+      set: Ze(e, this.element)
     }));
     o(this, "getWindow", () => this.document.defaultView);
     this.document = e, this.element = t, this.reference = r, this.providers = n;
@@ -1172,25 +1199,25 @@ class D {
    * @returns A new `DOMContext` instance.
    */
   static of(e, t, r) {
-    return new D(e.ownerDocument, e, t, r);
+    return new O(e.ownerDocument, e, t, r);
   }
 }
-const ze = (s) => Symbol(s), te = (s, e) => {
+const et = (s) => Symbol(s), ne = (s, e) => {
   const t = s(e);
   return (r = !0) => t(r);
 }, Ut = (s, e, { doc: t, clear: r, disposeWithParent: n = !0, providers: i = {} } = {}) => {
   const l = typeof e == "string" ? (t ?? document).querySelector(e) : e;
   if (l === null)
-    throw new Ke(
+    throw new tt(
       `Cannot find element by selector for render: ${e}`
     );
   r !== !1 && (t ?? l.ownerDocument) != null && l.nodeType === 1 && (l.innerHTML = "");
-  const c = Ze(l), u = Te(l) ? void 0 : l, a = D.of(c, u, i), h = te(s, a);
+  const c = Ke(l), u = Ae(l) ? void 0 : l, a = O.of(c, u, i), h = ne(s, a);
   let m;
   return n && (m = new MutationObserver((T) => {
     var p;
-    (p = T[0]) == null || p.removedNodes.forEach((g) => {
-      g === l && (m == null || m.disconnect(), h(l.nodeType !== 1));
+    (p = T[0]) == null || p.removedNodes.forEach((d) => {
+      d === l && (m == null || m.disconnect(), h(l.nodeType !== 1));
     });
   }), m.observe(l.parentElement, {
     childList: !0,
@@ -1206,19 +1233,19 @@ const ze = (s) => Symbol(s), te = (s, e) => {
 } = {
   selector: "body"
 }) => {
-  const n = y.toSignal(e).deriveProp(), i = new Ee(t, void 0), l = new O(i, void 0, { currentURL: n }, r);
+  const n = y.toSignal(e).deriveProp(), i = new xe(t, void 0), l = new H(i, void 0, { currentURL: n }, r);
   return {
-    clear: te(s(), l),
+    clear: ne(s(), l),
     root: i,
     currentURL: n
   };
 };
-class Ke extends Error {
+class tt extends Error {
   constructor(e) {
     super(e);
   }
 }
-const Se = "data-tts-node", F = "data-tts-class", B = "data-tts-style", W = "data-tts-html", U = "data-tts-text", J = "data-tts-attrs";
+const _e = "data-tts-node", W = "data-tts-class", U = "data-tts-style", J = "data-tts-html", G = "data-tts-text", X = "data-tts-attrs";
 class Gt {
   constructor({
     select: e,
@@ -1326,21 +1353,21 @@ class Gt {
           if (n.hasChildren() && this.appendHTML(l, n.contentToHTML(t)), n.hasInnerHTML()) {
             if (t) {
               const c = this.getInnerHTML(l);
-              c != null && this.setAttribute(l, W, c);
+              c != null && this.setAttribute(l, J, c);
             }
             this.setInnerHTML(l, n.getInnerHTML());
           }
           if (n.hasInnerText()) {
             if (t) {
               const c = this.getInnerText(l);
-              c != null && this.setAttribute(l, U, c);
+              c != null && this.setAttribute(l, G, c);
             }
             this.setInnerText(l, n.getInnerText());
           }
           if (n.hasClasses()) {
             if (t) {
               const c = this.getClass(l);
-              c != null && this.setAttribute(l, F, c);
+              c != null && this.setAttribute(l, W, c);
             }
             this.setClass(l, n.getClasses().join(" "));
           }
@@ -1349,7 +1376,7 @@ class Gt {
               const c = this.getStyles(l);
               Object.keys(c).length > 0 && this.setAttribute(
                 l,
-                B,
+                U,
                 JSON.stringify(c)
               );
             }
@@ -1364,7 +1391,7 @@ class Gt {
                 h != null && u.push([a, h]);
               }), u.length > 0 && this.setAttribute(
                 l,
-                J,
+                X,
                 JSON.stringify(Object.fromEntries(u))
               );
             }
@@ -1378,54 +1405,54 @@ class Gt {
     this.select = e, this.getAttribute = t, this.setAttribute = r, this.getClass = n, this.setClass = i, this.getStyles = l, this.setStyles = c, this.appendHTML = u, this.getInnerHTML = a, this.setInnerHTML = h, this.getInnerText = m, this.setInnerText = T;
   }
 }
-const et = () => {
-  document.querySelectorAll(`[${Se}]`).forEach(q);
-}, tt = (s) => {
-  const e = s.getAttribute(F);
-  s.removeAttribute(F), e != null && s.setAttribute("class", e);
-}, st = () => {
-  document.querySelectorAll(`[${F}]`).forEach((e) => tt(e));
+const st = () => {
+  document.querySelectorAll(`[${_e}]`).forEach(B);
 }, rt = (s) => {
   const e = s.getAttribute(W);
-  s.removeAttribute(W), e != null && (s.innerHTML = e);
+  s.removeAttribute(W), e != null && s.setAttribute("class", e);
 }, nt = () => {
   document.querySelectorAll(`[${W}]`).forEach((e) => rt(e));
 }, it = (s) => {
-  const e = s.getAttribute(U);
-  s.removeAttribute(U), e != null && (s.innerText = e);
+  const e = s.getAttribute(J);
+  s.removeAttribute(J), e != null && (s.innerHTML = e);
 }, ot = () => {
-  document.querySelectorAll(`[${U}]`).forEach((e) => it(e));
-}, Ae = (s) => JSON.parse(s.replace(/&quot;/g, '"')), lt = (s) => {
-  const e = s.getAttribute(B);
-  if (s.removeAttribute(B), e != null) {
-    const t = Ae(e);
+  document.querySelectorAll(`[${J}]`).forEach((e) => it(e));
+}, lt = (s) => {
+  const e = s.getAttribute(G);
+  s.removeAttribute(G), e != null && (s.innerText = e);
+}, ct = () => {
+  document.querySelectorAll(`[${G}]`).forEach((e) => lt(e));
+}, Ee = (s) => JSON.parse(s.replace(/&quot;/g, '"')), ut = (s) => {
+  const e = s.getAttribute(U);
+  if (s.removeAttribute(U), e != null) {
+    const t = Ee(e);
     Object.entries(t).forEach(([r, n]) => {
       s.style.setProperty(r, n);
     });
   }
-}, ct = () => {
-  document.querySelectorAll(`[${B}]`).forEach((e) => lt(e));
-}, ut = (s) => {
-  const e = s.getAttribute(J);
-  if (s.removeAttribute(J), e != null) {
-    const t = Ae(e);
+}, at = () => {
+  document.querySelectorAll(`[${U}]`).forEach((e) => ut(e));
+}, ht = (s) => {
+  const e = s.getAttribute(X);
+  if (s.removeAttribute(X), e != null) {
+    const t = Ee(e);
     Object.entries(t).forEach(([r, n]) => {
       n == null ? s.removeAttribute(r) : s.setAttribute(r, n);
     });
   }
-}, at = () => {
-  document.querySelectorAll(`[${J}]`).forEach((e) => ut(e));
+}, ft = () => {
+  document.querySelectorAll(`[${X}]`).forEach((e) => ht(e));
 }, Xt = () => {
-  et(), st(), ot(), nt(), ct(), at();
-}, S = Symbol("class"), E = Symbol("style"), P = Symbol("handler"), _e = () => Math.random().toString(36).substring(2, 15), ht = (s) => s.replace(/<[^>]*>?/g, "");
-class ve {
+  st(), nt(), ct(), ot(), at(), ft();
+}, _ = Symbol("class"), w = Symbol("style"), D = Symbol("handler"), Ce = () => Math.random().toString(36).substring(2, 15), dt = (s) => s.replace(/<[^>]*>?/g, "");
+class we {
   constructor(e) {
-    o(this, "id", _e());
+    o(this, "id", Ce());
     o(this, "properties", {});
     o(this, "children", []);
     o(this, "isElement", () => !0);
     o(this, "isText", () => !1);
-    o(this, "getText", () => this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? ht(this.properties.innerHTML) : this.children.map((e) => e.getText()).join(""));
+    o(this, "getText", () => this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? dt(this.properties.innerHTML) : this.children.map((e) => e.getText()).join(""));
     o(this, "removeChild", (e) => {
       const t = this.children.indexOf(e);
       t !== -1 && this.children.splice(t, 1);
@@ -1446,10 +1473,10 @@ class ve {
     o(this, "getInnerText", () => this.properties.innerText ?? "");
     o(this, "hasInnerText", () => this.properties.innerText != null);
     o(this, "hasChildren", () => this.children.length > 0);
-    o(this, "hasClasses", () => this.properties[S] != null);
-    o(this, "hasStyles", () => this.properties[E] != null);
+    o(this, "hasClasses", () => this.properties[_] != null);
+    o(this, "hasStyles", () => this.properties[w] != null);
     o(this, "hasAttributes", () => Object.keys(this.properties).length > 0);
-    o(this, "hasHandlers", () => this.properties[P] != null);
+    o(this, "hasHandlers", () => this.properties[D] != null);
     o(this, "hasRenderableProperties", () => this.hasClasses() || this.hasAttributes() || this.hasStyles());
     o(this, "getById", (e) => {
       if (this.properties.id === e)
@@ -1461,20 +1488,20 @@ class ve {
       }
     });
     o(this, "trigger", (e, t) => {
-      ((this.properties[P] ?? {})[e] ?? []).forEach((n) => n(t));
+      ((this.properties[D] ?? {})[e] ?? []).forEach((n) => n(t));
     });
     o(this, "click", () => {
       this.trigger("click", {});
     });
     o(this, "on", (e, t, r, n) => {
       var u;
-      const i = (u = this.properties)[P] ?? (u[P] = {}), l = n != null && n.once ? (a) => {
+      const i = (u = this.properties)[D] ?? (u[D] = {}), l = n != null && n.once ? (a) => {
         c(), t(a, r);
       } : (a) => t(a, r);
       i[e] = [...i[e] ?? [], l];
       const c = () => {
         const a = i[e] ?? [], h = a.indexOf(l);
-        h !== -1 && (a.splice(h, 1), a.length === 0 ? (delete i[e], Object.keys(i).length === 0 && delete this.properties[P]) : i[e] = a, (n == null ? void 0 : n.signal) != null && n.signal.removeEventListener("abort", c));
+        h !== -1 && (a.splice(h, 1), a.length === 0 ? (delete i[e], Object.keys(i).length === 0 && delete this.properties[D]) : i[e] = a, (n == null ? void 0 : n.signal) != null && n.signal.removeEventListener("abort", c));
       };
       return (n == null ? void 0 : n.signal) != null && n.signal.addEventListener("abort", c), c;
     });
@@ -1482,7 +1509,7 @@ class ve {
       var r;
       if (e.length === 0)
         return;
-      const t = (r = this.properties)[S] ?? (r[S] = []);
+      const t = (r = this.properties)[_] ?? (r[_] = []);
       e.forEach((n) => {
         t.includes(n) || t.push(n);
       });
@@ -1491,29 +1518,29 @@ class ve {
       var r;
       if (e.length === 0)
         return;
-      const t = (r = this.properties)[S] ?? (r[S] = []);
+      const t = (r = this.properties)[_] ?? (r[_] = []);
       e.forEach((n) => {
         const i = t.indexOf(n);
         i !== -1 && t.splice(i, 1);
-      }), t.length === 0 && delete this.properties[S];
+      }), t.length === 0 && delete this.properties[_];
     });
-    o(this, "getClasses", () => this.properties[S] ?? []);
+    o(this, "getClasses", () => this.properties[_] ?? []);
     o(this, "getAttributes", () => Object.entries(this.properties).filter(
       ([e]) => !["innerText", "innerHTML"].includes(e)
     ));
     o(this, "getVisibleAttributes", () => Reflect.ownKeys(this.properties).flatMap(
-      (e) => e === S ? [["class", this.getClasses()]] : e === E ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
+      (e) => e === _ ? [["class", this.getClasses()]] : e === w ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
     ));
     o(this, "setStyle", (e, t) => {
       var n;
-      const r = (n = this.properties)[E] ?? (n[E] = {});
-      r[e] = t, t === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[E]);
+      const r = (n = this.properties)[w] ?? (n[w] = {});
+      r[e] = t, t === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[w]);
     });
     o(this, "getStyle", (e) => {
       var t;
-      return ((t = this.properties[E]) == null ? void 0 : t[e]) ?? "";
+      return ((t = this.properties[w]) == null ? void 0 : t[e]) ?? "";
     });
-    o(this, "getStyles", () => this.properties[E] ?? {});
+    o(this, "getStyles", () => this.properties[w] ?? {});
     o(this, "makeAccessors", (e) => {
       const t = this.properties;
       return {
@@ -1524,21 +1551,21 @@ class ve {
     this.parent = e;
   }
 }
-const ft = (s) => s.replace(/"/g, "&quot;"), dt = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-class pt extends ve {
+const pt = (s) => s.replace(/"/g, "&quot;"), gt = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+class mt extends we {
   constructor(t, r, n) {
     super(n);
     o(this, "isPortal", () => !1);
     o(this, "toHTML", (t = !1) => {
       const r = this.children.map((u) => u.toHTML()).join(""), n = this.namespace ? ` xmlns="${this.namespace}"` : "";
       let i = null;
-      const l = this.getVisibleAttributes().map(([u, a]) => u === "class" ? ` class="${a.join(" ")}"` : u === "style" ? typeof a == "string" ? ` style="${a}"` : ` style="${Object.entries(a).map(([h, m]) => `${h}: ${m};`).join(" ")}"` : gt.has(u) ? ` ${u}` : u === "innerHTML" ? (i = a, "") : u === "innerText" ? (i = dt(a), "") : ` ${u}="${ft(a)}"`).join(""), c = t ? ` ${Se}` : "";
-      return yt.has(this.tagName) && r === "" ? `<${this.tagName}${n}${l}${c} />` : `<${this.tagName}${n}${l}${c}>${i ?? r}</${this.tagName}>`;
+      const l = this.getVisibleAttributes().map(([u, a]) => u === "class" ? ` class="${a.join(" ")}"` : u === "style" ? typeof a == "string" ? ` style="${a}"` : ` style="${Object.entries(a).map(([h, m]) => `${h}: ${m};`).join(" ")}"` : Tt.has(u) ? ` ${u}` : u === "innerHTML" ? (i = a, "") : u === "innerText" ? (i = gt(a), "") : ` ${u}="${pt(a)}"`).join(""), c = t ? ` ${_e}` : "";
+      return bt.has(this.tagName) && r === "" ? `<${this.tagName}${n}${l}${c} />` : `<${this.tagName}${n}${l}${c}>${i ?? r}</${this.tagName}>`;
     });
     this.tagName = t, this.namespace = r;
   }
 }
-class Ee extends ve {
+class xe extends we {
   constructor(t, r) {
     super(r);
     o(this, "isPortal", () => !0);
@@ -1547,9 +1574,9 @@ class Ee extends ve {
     this.selector = t;
   }
 }
-class mt {
+class yt {
   constructor(e) {
-    o(this, "id", _e());
+    o(this, "id", Ce());
     o(this, "isElement", () => !1);
     o(this, "isText", () => !0);
     o(this, "getText", () => this.text);
@@ -1557,7 +1584,7 @@ class mt {
     this.text = e;
   }
 }
-class O {
+class H {
   constructor(e, t, r, n) {
     o(this, "appendOrInsert", (e) => {
       if (this.reference != null) {
@@ -1567,8 +1594,8 @@ class O {
         this.element.children.push(e);
     });
     o(this, "makeChildElement", (e, t) => {
-      const r = new pt(e, t, this.element);
-      return this.appendOrInsert(r), new O(
+      const r = new mt(e, t, this.element);
+      return this.appendOrInsert(r), new H(
         r,
         void 0,
         this.container,
@@ -1576,8 +1603,8 @@ class O {
       );
     });
     o(this, "makeChildText", (e) => {
-      const t = new mt(e);
-      return this.appendOrInsert(t), new O(
+      const t = new yt(e);
+      return this.appendOrInsert(t), new H(
         this.element,
         t,
         this.container,
@@ -1593,8 +1620,8 @@ class O {
     });
     o(this, "makeRef", () => this.makeChildText(""));
     o(this, "makePortal", (e) => {
-      const t = new Ee(e, this.element);
-      return this.appendOrInsert(t), new O(
+      const t = new xe(e, this.element);
+      return this.appendOrInsert(t), new H(
         t,
         void 0,
         this.container,
@@ -1608,13 +1635,13 @@ class O {
      * @param value - The provider to set for the given mark.
      * @returns A new `DOMContext` instance with the specified provider.
      */
-    o(this, "setProvider", (e, t, r) => new O(this.element, this.reference, this.container, {
+    o(this, "setProvider", (e, t, r) => new H(this.element, this.reference, this.container, {
       ...this.providers,
       [e]: [t, r]
     }));
     o(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
-        throw new be(e);
+        throw new ve(e);
       const [t, r] = this.providers[e];
       return { value: t, onUse: r };
     });
@@ -1635,27 +1662,27 @@ class O {
     this.element = e, this.reference = t, this.container = r, this.providers = n;
   }
 }
-const gt = /* @__PURE__ */ new Set([
+const Tt = /* @__PURE__ */ new Set([
   "checked",
   "disabled",
   "multiple",
   "readonly",
   "required",
   "selected"
-]), yt = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), we = (s) => (e) => e.makeChildText(s).clear, Ce = (s) => (e) => {
+]), bt = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), Pe = (s) => (e) => e.makeChildText(s).clear, Le = (s) => (e) => {
   const t = e.makeChildText(s.value), r = s.on(t.setText);
   return (n) => {
     r(), t.clear(n);
   };
-}, Yt = (s) => d.is(s) ? Ce(s) : we(s), b = (...s) => (e) => {
+}, Yt = (s) => g.is(s) ? Le(s) : Pe(s), v = (...s) => (e) => {
   const t = s.map((r) => f(r)(e));
   return (r) => {
     t.forEach((n) => n(r));
   };
-}, v = () => () => {
-}, Tt = (s) => (e) => (e.addClasses(s), (t) => {
+}, C = () => () => {
+}, St = (s) => (e) => (e.addClasses(s), (t) => {
   t && e.removeClasses(s);
-}), bt = (s) => (e) => {
+}), At = (s) => (e) => {
   let t = [];
   const r = s.on((n) => {
     e.removeClasses(t), t = (n ?? "").split(" ").filter((i) => i.length > 0), e.addClasses(t);
@@ -1663,17 +1690,17 @@ const gt = /* @__PURE__ */ new Set([
   return (n) => {
     r(), n && e.removeClasses(t), t.length = 0;
   };
-}, N = (s, e) => (t) => {
+}, R = (s, e) => (t) => {
   const { get: r, set: n } = t.makeAccessors(s), i = r();
   return n(e), (l) => {
     l && n(i);
   };
-}, $ = (s, e) => (t) => {
+}, j = (s, e) => (t) => {
   const { get: r, set: n } = t.makeAccessors(s), i = r(), l = e.on(n);
   return (c) => {
     l(), c && n(i);
   };
-}, M = new Proxy(
+}, $ = new Proxy(
   {},
   {
     /**
@@ -1687,13 +1714,13 @@ const gt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => e === "class" ? (t) => d.is(t) ? bt(t) : Tt(
+    get: (s, e) => e === "class" ? (t) => g.is(t) ? At(t) : St(
       /* c8 ignore next */
       (t ?? "").split(" ").filter((r) => r.length > 0)
-    ) : (t) => d.is(t) ? $(
+    ) : (t) => g.is(t) ? j(
       e,
       t
-    ) : N(
+    ) : R(
       e,
       t
     )
@@ -1709,10 +1736,10 @@ const gt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => d.is(t) ? $(
+    get: (s, e) => (t) => g.is(t) ? j(
       `data-${e}`,
       t
-    ) : N(`data-${e}`, t)
+    ) : R(`data-${e}`, t)
   }
 ), Zt = new Proxy(
   {},
@@ -1725,10 +1752,10 @@ const gt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => d.is(t) ? $(
+    get: (s, e) => (t) => g.is(t) ? j(
       `aria-${e}`,
       t
-    ) : N(
+    ) : R(
       `aria-${e}`,
       t
     )
@@ -1744,10 +1771,10 @@ const gt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => d.is(t) ? $(
+    get: (s, e) => (t) => g.is(t) ? j(
       e,
       t
-    ) : N(
+    ) : R(
       e,
       t
     )
@@ -1762,32 +1789,32 @@ const gt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => d.is(t) ? $(
+    get: (s, e) => (t) => g.is(t) ? j(
       e,
       t
-    ) : N(
+    ) : R(
       e,
       t
     )
   }
 ), f = (s) => {
   if (s == null)
-    return v;
+    return C;
   if (Array.isArray(s))
-    return b(...s.map(f));
+    return v(...s.map(f));
   if (typeof s == "string")
-    return we(s);
-  if (d.is(s))
-    return Ce(s);
+    return Pe(s);
+  if (g.is(s))
+    return Le(s);
   if (typeof s == "function")
     return s;
   throw new Error(`Unknown type: '${typeof s}' for child: ${s}`);
-}, xe = (s, ...e) => (t) => {
+}, De = (s, ...e) => (t) => {
   const r = t.makeChildElement(s, void 0), n = e.map((i) => f(i)(r));
   return (i) => {
     n.forEach((l) => l(!1)), r.clear(i);
   };
-}, Pe = (s, e, ...t) => (r) => {
+}, Me = (s, e, ...t) => (r) => {
   const n = r.makeChildElement(s, e), i = t.map((l) => f(l)(n));
   return (l) => {
     i.forEach((c) => c(!1)), n.clear(l);
@@ -1800,7 +1827,7 @@ const gt = /* @__PURE__ */ new Set([
      * @param tagName - The HTML tag name.
      * @returns A renderable function that creates and appends the HTML element to the DOM.
      */
-    get: (s, e) => (...t) => xe(e, t.flatMap(f))
+    get: (s, e) => (...t) => De(e, t.flatMap(f))
   }
 ), ts = new Proxy(
   {},
@@ -1810,9 +1837,9 @@ const gt = /* @__PURE__ */ new Set([
      * @param type - The input type name.
      * @returns A renderable function that creates and appends the HTMLInput element to the DOM.
      */
-    get: (s, e) => (...t) => xe("input", M.type(e), ...t)
+    get: (s, e) => (...t) => De("input", $.type(e), ...t)
   }
-), St = "http://www.w3.org/2000/svg", ss = new Proxy(
+), vt = "http://www.w3.org/2000/svg", ss = new Proxy(
   {},
   {
     /**
@@ -1820,9 +1847,9 @@ const gt = /* @__PURE__ */ new Set([
      * @param tagName - The SVG tag name.
      * @returns A renderable function that creates and appends the SVG element to the DOM.
      */
-    get: (s, e) => (...t) => Pe(e, St, t.flatMap(f))
+    get: (s, e) => (...t) => Me(e, vt, t.flatMap(f))
   }
-), At = "http://www.w3.org/1998/Math/MathML", rs = new Proxy(
+), _t = "http://www.w3.org/1998/Math/MathML", rs = new Proxy(
   {},
   {
     /**
@@ -1830,12 +1857,12 @@ const gt = /* @__PURE__ */ new Set([
      * @param tagName - The Math tag name.
      * @returns A renderable function that creates and appends the Math element to the DOM.
      */
-    get: (s, e) => (...t) => Pe(e, At, t.flatMap(f))
+    get: (s, e) => (...t) => Me(e, _t, t.flatMap(f))
   }
-), Le = (s, e) => {
+), Oe = (s, e) => {
   if (typeof e == "function")
-    return Le(s, { then: e });
-  const t = e.pending != null ? f(e.pending()) : v, r = e.then, n = e.error != null ? (i) => f(e.error(i)) : () => v;
+    return Oe(s, { then: e });
+  const t = e.pending != null ? f(e.pending()) : C, r = e.then, n = e.error != null ? (i) => f(e.error(i)) : () => C;
   return (i) => {
     let l = !0;
     const c = s(), u = i.makeRef();
@@ -1851,14 +1878,14 @@ const gt = /* @__PURE__ */ new Set([
       l = !1, a(h), u.clear(h);
     };
   };
-}, ns = (s, e) => Le(() => s, e), De = (s, e, t) => (r) => r.on(s, e, t), _t = (s) => De("click", (e, t) => {
+}, ns = (s, e) => Oe(() => s, e), He = (s, e, t) => (r) => r.on(s, e, t), Et = (s) => He("click", (e, t) => {
   e.preventDefault();
   const r = e.target;
   setTimeout(() => {
     const n = r.ownerDocument != null ? r == null ? void 0 : r.checked : void 0;
     n != null && s(!n, t);
   }, 0);
-}), Y = new Proxy(
+}), Z = new Proxy(
   {},
   {
     /**
@@ -1866,20 +1893,20 @@ const gt = /* @__PURE__ */ new Set([
      * @param fn - The function to call when the event is triggered.
      * @returns A `Renderable` function that adds the event listener to the element.
      */
-    get: (s, e) => (t) => De(e, t)
+    get: (s, e) => (t) => He(e, t)
   }
-), vt = (s, e) => (t) => {
+), Ct = (s, e) => (t) => {
   (e == null ? void 0 : e.preventDefault) === !0 && t.preventDefault(), (e == null ? void 0 : e.stopPropagation) === !0 && t.stopPropagation(), (e == null ? void 0 : e.stopImmediatePropagation) === !0 && t.stopImmediatePropagation(), s(t);
-}, x = (s, e) => vt((t) => {
+}, L = (s, e) => Ct((t) => {
   const r = t.target;
   s(r, t);
-}, e), Et = (s, e) => x(
+}, e), wt = (s, e) => L(
   (t, r) => s(t.value, r),
   e
-), wt = (s, e) => x(
+), xt = (s, e) => L(
   (t, r) => s(t.valueAsNumber, r),
   e
-), Ct = (s, e) => x((t, r) => {
+), Pt = (s, e) => L((t, r) => {
   if (t.value === "")
     return;
   const n = t.value.split("-"), i = new Date(
@@ -1888,7 +1915,7 @@ const gt = /* @__PURE__ */ new Set([
     Number(n[2].substring(0, 2))
   );
   s(i, r);
-}, e), is = (s, e) => x((t, r) => {
+}, e), is = (s, e) => L((t, r) => {
   if (t.value === "") {
     s(null, r);
     return;
@@ -1899,7 +1926,7 @@ const gt = /* @__PURE__ */ new Set([
     Number(n[2].substring(0, 2))
   );
   s(i, r);
-}, e), xt = (s, e) => x((t, r) => {
+}, e), Lt = (s, e) => L((t, r) => {
   if (t.value === "")
     return;
   const n = t.value.split("T"), i = n[0].split("-"), l = new Date(
@@ -1908,7 +1935,7 @@ const gt = /* @__PURE__ */ new Set([
     Number(i[2])
   ), c = n[1].split(":");
   l.setHours(Number(c[0])), l.setMinutes(Number(c[1])), l.setSeconds(Number(c[2])), s(l, r);
-}, e), os = (s, e) => x((t, r) => {
+}, e), os = (s, e) => L((t, r) => {
   if (t.value === "") {
     s(null, r);
     return;
@@ -1924,10 +1951,10 @@ const gt = /* @__PURE__ */ new Set([
     Number(i[2])
   ), c = n[1].split(":");
   l.setHours(Number(c[0] ?? 0)), l.setMinutes(Number(c[1] ?? 0)), l.setSeconds(Number(c[2] ?? 0)), s(l, r);
-}, e), ls = (s, e) => x((t, r) => {
+}, e), ls = (s, e) => L((t, r) => {
   s(t.checked, r);
-}, e), cs = (s, e = "input") => b(M.valueAsDate(s), Y[e](Ct(s.set))), us = (s, e = "input") => b(M.valueAsDate(s), Y[e](xt(s.set))), as = (s, e = "input") => b(M.valueAsNumber(s), Y[e](wt(s.set))), hs = (s, e = "input") => b(M.value(s), Y[e](Et(s.set))), fs = (s) => b(M.checked(s), _t(s.set)), Q = (s, e) => {
-  if (d.is(s))
+}, e), cs = (s, e = "input") => v($.valueAsDate(s), Z[e](Pt(s.set))), us = (s, e = "input") => v($.valueAsDate(s), Z[e](Lt(s.set))), as = (s, e = "input") => v($.valueAsNumber(s), Z[e](xt(s.set))), hs = (s, e = "input") => v($.value(s), Z[e](wt(s.set))), fs = (s) => v($.checked(s), Et(s.set)), z = (s, e) => {
+  if (g.is(s))
     return (r) => {
       const n = r.makeRef();
       let i, l;
@@ -1945,20 +1972,20 @@ const gt = /* @__PURE__ */ new Set([
       };
     };
   const t = Object.keys(s)[0];
-  return f(e[t](X(s[t])));
-}, Oe = (s, e, t) => Q(
+  return f(e[t](Q(s[t])));
+}, $e = (s, e, t) => z(
   y.map(s, (r) => ({ [r[e]]: r })),
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   t
-), ds = (s, e) => Oe(s, "kind", e), ps = (s, e) => {
+), ds = (s, e) => $e(s, "kind", e), ps = (s, e) => {
   const t = y.map(s, ([r, n]) => ({ [r]: n }));
-  return Q(t, e);
-}, ms = (s, e) => Oe(s, "type", e), Pt = (s, e) => Q(
+  return z(t, e);
+}, gs = (s, e) => $e(s, "type", e), Dt = (s, e) => z(
   y.map(s, (t) => ({ [t]: !0 })),
   e
-), gs = (s, e = {}) => (t) => {
+), ms = (s, e = {}) => (t) => {
   const r = (e == null ? void 0 : e.firstSeparator) ?? s, n = (e == null ? void 0 : e.lastSeparator) ?? s;
-  return Pt(
+  return Dt(
     t.map((i) => i.isFirst ? "first" : i.isLast ? "last" : "other"),
     {
       first: r,
@@ -1967,16 +1994,16 @@ const gt = /* @__PURE__ */ new Set([
     }
   );
 }, ys = (s) => (e) => (e.appendOrInsert(s), (t) => {
-  t && q(s);
+  t && B(s);
 }), Ts = (s, e, t) => {
-  if (d.is(s)) {
+  if (g.is(s)) {
     const r = s;
     return (n) => {
       const i = n.makeRef();
       let l = () => {
       }, c = !1, u = null;
       const a = r.on((h) => {
-        h == null ? (l(!0), l = f(t == null ? void 0 : t())(i), c = !1, u == null || u.dispose(), u = null) : c ? u.set(h) : (u = _(h), l(!0), l = f(e(u))(
+        h == null ? (l(!0), l = f(t == null ? void 0 : t())(i), c = !1, u == null || u.dispose(), u = null) : c ? u.set(h) : (u = E(h), l(!0), l = f(e(u))(
           i
         ), c = !0);
       });
@@ -1988,51 +2015,51 @@ const gt = /* @__PURE__ */ new Set([
     const r = s;
     if (r == null) {
       const n = t == null ? void 0 : t();
-      return n != null ? f(n) : v;
+      return n != null ? f(n) : C;
     }
-    return f(e(X(r)));
+    return f(e(Q(r)));
   }
 }, bs = (...s) => (e, t) => (r) => {
   const n = r.makeRef();
   if (s.some(
-    (p) => !d.is(p) && p == null
+    (p) => !g.is(p) && p == null
   ))
-    return (t != null ? f(t == null ? void 0 : t()) : v)(
+    return (t != null ? f(t == null ? void 0 : t()) : C)(
       n
     );
   const l = s.map(() => null), c = s.map(
-    (p) => d.is(p) ? p.value != null : p != null
+    (p) => g.is(p) ? p.value != null : p != null
   );
   let u = null;
-  const a = _(c.every((p) => p)), h = (p, g) => {
+  const a = E(c.every((p) => p)), h = (p, d) => {
     if (p.value != null) {
-      if (l[g] == null) {
-        const C = _(p.value);
-        l[g] = C;
+      if (l[d] == null) {
+        const A = E(p.value);
+        l[d] = A;
       } else
-        l[g].value = p.value;
-      c[g] = !0;
+        l[d].value = p.value;
+      c[d] = !0;
     } else
-      c[g] = !1;
+      c[d] = !1;
   };
   let m = s.length - 1;
-  const T = s.map((p, g) => {
-    if (!d.is(p)) {
-      const C = _(p);
-      return l[g] = C, () => {
+  const T = s.map((p, d) => {
+    if (!g.is(p)) {
+      const A = E(p);
+      return l[d] = A, () => {
       };
     }
     return p.on(() => {
-      h(p, g), m === 0 ? a.value = c.every((C) => C) : m--;
+      h(p, d), m === 0 ? a.value = c.every((A) => A) : m--;
     });
   });
   return a.on((p) => {
-    u == null || u(!0), u = null, p ? u = f(e(...l))(n) : u = f((t == null ? void 0 : t()) ?? v)(n);
+    u == null || u(!0), u = null, p ? u = f(e(...l))(n) : u = f((t == null ? void 0 : t()) ?? C)(n);
   }), (p) => {
-    l.forEach((g) => g == null ? void 0 : g.dispose()), a.dispose(), T.forEach((g) => g()), u == null || u(p), n.clear(p);
+    l.forEach((d) => d == null ? void 0 : d.dispose()), a.dispose(), T.forEach((d) => d()), u == null || u(p), n.clear(p);
   };
-}, H = (...s) => (e) => (t) => s.forEach((r) => r(t, e)), Me = (s, e, t) => {
-  if (d.is(s)) {
+}, k = (...s) => (e) => (t) => s.forEach((r) => r(t, e)), Ne = (s, e, t) => {
+  if (g.is(s)) {
     const r = s;
     return (n) => {
       const i = n.makeRef();
@@ -2048,32 +2075,32 @@ const gt = /* @__PURE__ */ new Set([
   } else {
     if (s) {
       const n = e();
-      return n != null ? f(n) : v;
+      return n != null ? f(n) : C;
     }
     return f(t == null ? void 0 : t());
   }
-}, Ss = (s, e, t) => Me(
+}, Ss = (s, e, t) => Ne(
   y.map(s, (r) => !r),
   e,
   t
-), He = (s, e, t) => {
+), ke = (s, e, t) => {
   if (t != null)
-    return He(s, (r) => {
-      const n = new z(
+    return ke(s, (r) => {
+      const n = new ee(
         r.index,
         r.total.map((i) => i - 1)
       );
-      return b(
-        H(n.dispose),
+      return v(
+        k(n.dispose),
         f(e(r)),
-        Me(
+        Ne(
           r.isLast,
-          () => v,
+          () => C,
           () => t(n)
         )
       );
     });
-  if (d.is(s))
+  if (g.is(s))
     return (r) => {
       const n = s.derive(), i = r.makeRef(), l = [];
       return n.on((c) => {
@@ -2081,10 +2108,10 @@ const gt = /* @__PURE__ */ new Set([
         for (const a of u)
           a(!0);
         for (let a = l.length; a < c; a++) {
-          const h = new z(a, n);
+          const h = new ee(a, n);
           l.push(
-            b(
-              H(h.dispose),
+            v(
+              k(h.dispose),
               f(e(h))
             )(i)
           );
@@ -2097,12 +2124,12 @@ const gt = /* @__PURE__ */ new Set([
       };
     };
   {
-    const r = X(s);
-    return b(
+    const r = Q(s);
+    return v(
       ...Array.from({ length: s }, (n, i) => i).map((n) => {
-        const i = new z(n, r);
-        return b(
-          H(i.dispose),
+        const i = new ee(n, r);
+        return v(
+          k(i.dispose),
           f(e(i))
         );
       })
@@ -2110,19 +2137,19 @@ const gt = /* @__PURE__ */ new Set([
   }
 }, As = (s, e, t) => {
   const r = y.map(s, (i) => i.length), n = y.toSignal(s);
-  return He(
+  return ke(
     r,
     (i) => {
       const l = n.map((c) => c[i.index]);
-      return b(
-        H(l.dispose),
+      return v(
+        k(l.dispose),
         f(e(l, i))
       );
     },
     t
   );
-}, _s = (s, e) => {
-  if (d.is(s)) {
+}, vs = (s, e) => {
+  if (g.is(s)) {
     const t = s;
     return (r) => {
       r = r.makeRef();
@@ -2138,7 +2165,7 @@ const gt = /* @__PURE__ */ new Set([
     };
   }
   return f(e(s));
-}, vs = (s, e, t = () => v) => Q(
+}, _s = (s, e, t = () => C) => z(
   y.map(
     s,
     (r) => r.length > 0 ? { notEmpty: r } : { whenEmpty: null }
@@ -2148,52 +2175,49 @@ const gt = /* @__PURE__ */ new Set([
     whenEmpty: () => t()
   }
 ), Es = (s, e) => (t) => {
-  const r = t.makePortal(s), n = te(f(e), r);
+  const r = t.makePortal(s), n = ne(f(e), r);
   return () => n(!0);
-}, j = /* @__PURE__ */ new Map(), Lt = (s) => ({
-  mark: ze(`Probe(${s.description})`),
+}, q = /* @__PURE__ */ new Map(), Mt = (s) => ({
+  mark: et(`Probe(${s.description})`),
   create: ({ callback: e = () => {
   }, timeout: t = 10 } = {}) => {
     const r = (c) => {
-      clearTimeout(n), j.delete(s), e(c);
+      clearTimeout(n), q.delete(s), e(c);
     };
-    if (j.has(s))
+    if (q.has(s))
       throw new Error(`Probe already exists: ${s.description}`);
     const n = setTimeout(() => r("timeout"), t), i = { counter: 0, timeoutId: n };
-    return j.set(s, i), {
+    return q.set(s, i), {
       value: () => {
         clearTimeout(n);
-        const c = j.get(s);
+        const c = q.get(s);
         c != null && --c.counter === 0 && r("resolved");
       },
       dispose: () => r("disposed"),
       onUse: () => i.counter++
     };
   }
-}), ws = Lt(Symbol("GlobalProbe")), Dt = (s, e) => (t) => {
+}), Cs = Mt(Symbol("GlobalProbe")), he = (s, e) => (t) => {
   const r = t.getStyle(s);
   return t.setStyle(s, e), (n) => {
     n && t.setStyle(s, r);
   };
-}, Ot = (s, e) => (t) => {
+}, fe = (s, e) => (t) => {
   const r = t.getStyle(s), n = e.on((i) => t.setStyle(s, i));
   return (i) => {
     n(), i && t.setStyle(s, r);
   };
-}, Cs = new Proxy(
-  {},
-  {
-    /**
-     * Creates a renderable component for the specified `style` property.
-     *
-     * @param _ - The target object.
-     * @param name - The name of the CSS style property.
-     * @returns The renderable component for the specified attribute.
-     *
-     */
-    get: (s, e) => (t) => d.is(t) ? Ot(e, t) : Dt(e, t)
-  }
-), Mt = (s) => (e) => {
+}, ws = new Proxy({}, {
+  /**
+   * Creates a renderable component for the specified `style` property.
+   *
+   * @param _ - The target object.
+   * @param name - The name of the CSS style property.
+   * @returns The renderable component for the specified attribute.
+   *
+   */
+  get: (s, e) => e === "variable" ? (t, r) => g.is(r) ? fe(t, r) : he(t, r) : (t) => g.is(t) ? fe(e, t) : he(e, t)
+}), Ot = (s) => (e) => {
   if (e.isBrowser()) {
     const t = s(e);
     if (t != null)
@@ -2205,7 +2229,7 @@ const gt = /* @__PURE__ */ new Set([
   const t = s(e);
   return t == null ? () => {
   } : f(t)(e);
-}, Ps = (s) => Mt((e) => s(e.element)), Ls = (s) => (e) => {
+}, Ps = (s) => Ot((e) => s(e.element)), Ls = (s) => (e) => {
   if (e.isHeadlessDOM()) {
     const t = s(e);
     if (t)
@@ -2213,7 +2237,7 @@ const gt = /* @__PURE__ */ new Set([
   }
   return () => {
   };
-}, se = (s) => (e) => {
+}, ie = (s) => (e) => {
   let t = e;
   function r() {
     return t;
@@ -2232,11 +2256,11 @@ const gt = /* @__PURE__ */ new Set([
     }
   });
   return l == null ? () => {
-  } : b(
+  } : v(
     f(l),
-    H(() => i.forEach((c) => c()))
+    k(() => i.forEach((c) => c()))
   )(r());
-}, Ds = (s, e, t) => se(({ set: r }) => (r(s, e), t())), Os = (s, e) => se(({ use: t }) => e(t(s))), Ms = (...s) => (e) => se(({ use: t }) => {
+}, Ds = (s, e, t) => ie(({ set: r }) => (r(s, e), t())), Ms = (s, e) => ie(({ use: t }) => e(t(s))), Os = (...s) => (e) => ie(({ use: t }) => {
   const r = s.map(t);
   return e(...r);
 });
@@ -2247,113 +2271,113 @@ export {
   us as BindDateTime,
   as as BindNumber,
   hs as BindText,
-  D as BrowserContext,
-  F as CLASS_PLACEHOLDER_ATTR,
-  L as Computed,
-  gs as Conjunction,
+  O as BrowserContext,
+  W as CLASS_PLACEHOLDER_ATTR,
+  M as Computed,
+  ms as Conjunction,
   ys as DOMNode,
-  xe as El,
-  Pe as ElNS,
-  z as ElementPosition,
-  v as Empty,
+  De as El,
+  Me as ElNS,
+  ee as ElementPosition,
+  C as Empty,
   Ts as Ensure,
   bs as EnsureAll,
   As as ForEach,
-  b as Fragment,
-  ws as GlobalProbe,
+  v as Fragment,
+  Cs as GlobalProbe,
   Gt as HeadlessAdapter,
-  O as HeadlessContext,
-  pt as HeadlessElement,
-  Ee as HeadlessPortal,
-  mt as HeadlessText,
-  _s as MapSignal,
-  he as MemoryStore,
-  vs as NotEmpty,
-  _t as OnChecked,
-  H as OnDispose,
-  Q as OneOf,
-  Oe as OneOfField,
+  H as HeadlessContext,
+  mt as HeadlessElement,
+  xe as HeadlessPortal,
+  yt as HeadlessText,
+  vs as MapSignal,
+  pe as MemoryStore,
+  _s as NotEmpty,
+  Et as OnChecked,
+  k as OnDispose,
+  z as OneOf,
+  $e as OneOfField,
   ds as OneOfKind,
   ps as OneOfTuple,
-  ms as OneOfType,
-  Pt as OneOfValue,
+  gs as OneOfType,
+  Dt as OneOfValue,
   Es as Portal,
-  V as Prop,
+  F as Prop,
   Ds as Provide,
-  be as ProviderNotFoundError,
-  Ke as RenderingError,
-  He as Repeat,
-  d as Signal,
-  Le as Task,
+  ve as ProviderNotFoundError,
+  tt as RenderingError,
+  ke as Repeat,
+  g as Signal,
+  Oe as Task,
   Yt as TextNode,
   Ss as Unless,
-  Os as Use,
-  Ms as UseMany,
+  Ms as Use,
+  Os as UseMany,
   y as Value,
-  Me as When,
-  Mt as WithBrowserCtx,
+  Ne as When,
+  Ot as WithBrowserCtx,
   xs as WithCtx,
   Ps as WithElement,
   Ls as WithHeadlessCtx,
-  se as WithProvider,
-  Se as _NODE_PLACEHOLDER_ATTR,
-  Ze as _getSelfOrParentElement,
-  Te as _isElement,
-  Qe as _makeGetter,
-  Ye as _makeSetter,
-  q as _removeDOMNode,
-  Ce as _signalText,
-  we as _staticText,
+  ie as WithProvider,
+  _e as _NODE_PLACEHOLDER_ATTR,
+  Ke as _getSelfOrParentElement,
+  Ae as _isElement,
+  ze as _makeGetter,
+  Ze as _makeSetter,
+  B as _removeDOMNode,
+  Le as _signalText,
+  Pe as _staticText,
   Rt as animateSignal,
-  Ge as animateSignals,
+  Ye as animateSignals,
   Zt as aria,
-  M as attr,
+  $ as attr,
   Bt as bind,
   Wt as coalesce,
-  K as computed,
-  ee as computedOf,
-  Xe as computedRecord,
+  te as computed,
+  re as computedOf,
+  Qe as computedRecord,
   Qt as dataAttr,
   Vt as delaySignal,
-  Be as effect,
+  Ue as effect,
   Nt as effectOf,
-  vt as emit,
+  Ct as emit,
   ls as emitChecked,
-  x as emitTarget,
-  Et as emitValue,
-  Ct as emitValueAsDate,
-  xt as emitValueAsDateTime,
+  L as emitTarget,
+  wt as emitValue,
+  Pt as emitValueAsDate,
+  Lt as emitValueAsDateTime,
   is as emitValueAsNullableDate,
   os as emitValueAsNullableDateTime,
-  wt as emitValueAsNumber,
-  Ve as endInterpolate,
-  ue as getWindow,
-  qe as guessInterpolate,
+  xt as emitValueAsNumber,
+  Fe as endInterpolate,
+  se as getWindow,
+  Be as guessInterpolate,
   es as html,
   ts as input,
-  je as interpolateDate,
-  Ie as interpolateNumber,
-  Re as interpolateString,
-  kt as joinSignals,
-  $t as localStorageProp,
-  Lt as makeProbe,
-  ze as makeProviderMark,
+  qe as interpolateDate,
+  je as interpolateNumber,
+  Ve as interpolateString,
+  $t as joinSignals,
+  kt as localStorageProp,
+  Mt as makeProbe,
+  et as makeProviderMark,
   rs as math,
   Kt as mathAttr,
   jt as merge,
-  Y as on,
+  Z as on,
   qt as previousSignal,
-  _ as prop,
+  E as prop,
   Ut as render,
-  te as renderWithContext,
+  ne as renderWithContext,
   f as renderableOfTNode,
   Xt as restoreTempoPlaceholders,
   Jt as runHeadless,
   It as sessionStorageProp,
-  X as signal,
+  Q as signal,
   Ft as slidingWindowSignal,
-  fe as storedProp,
-  Cs as style,
+  ge as storedProp,
+  ws as style,
   ss as svg,
   zt as svgAttr
 };