@tempots/dom 31.4.0 → 31.6.0

package/index.js

@@ -1,12 +1,12 @@
-var Ie = Object.defineProperty;
-var le = (s) => {
+var We = Object.defineProperty;
+var me = (s) => {
   throw TypeError(s);
 };
-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) => {
+var Ue = (s, e, t) => e in s ? We(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var o = (s, e, t) => Ue(s, typeof e != "symbol" ? e + "" : e, t), ge = (s, e, t) => e.has(s) || me("Cannot " + t);
+var U = (s, e, t) => (ge(s, e, "read from private field"), t ? t.call(s) : e.get(s)), ye = (s, e, t) => e.has(s) ? me("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), le = (s, e, t, r) => (ge(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 Ge = (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 Ve = (s, e, t) => {
     isNaN(c) && (c = 97), n += String.fromCharCode(l + (c - l) * t);
   }
   return n;
-}, 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 {
+}, Xe = (s, e, t) => new Date(s.getTime() + (e.getTime() - s.getTime()) * t), Ye = (s, e) => e, Qe = (s) => typeof s == "number" ? Je : typeof s == "string" ? Ge : s instanceof Date ? Xe : Ye;
+var M;
+class ce {
   /**
    * Creates a new instance of `ElementPosition`.
    * @param index - The index of the element.
@@ -44,10 +44,10 @@ class ee {
      * @returns `true` if the counter is odd, `false` otherwise.
      */
     o(this, "isOdd");
-    ue(this, x);
+    ye(this, M);
     o(this, "dispose", () => {
       var e;
-      (e = V(this, x)) == null || e.dispose(), K(this, x, void 0);
+      (e = U(this, M)) == null || e.dispose(), le(this, M, 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 ee {
    * @returns `true` if the element is the last element, `false` otherwise.
    */
   get isLast() {
-    return V(this, x) == null && K(this, x, this.total.map((e) => this.counter === e)), V(this, x);
+    return U(this, M) == null && le(this, M, this.total.map((e) => this.counter === e)), U(this, M);
   }
 }
-x = new WeakMap();
-const I = class I {
+M = new WeakMap();
+const B = class B {
   /**
    * Represents a signal with a value of type T.
    *
@@ -203,7 +203,7 @@ const I = class I {
      * @returns A new computed signal with the transformed value
      */
     o(this, "map", (e, t = (r, n) => r === n) => {
-      const r = new M(() => {
+      const r = new N(() => {
         try {
           return e(this.get());
         } catch (n) {
@@ -223,7 +223,7 @@ const I = class I {
      * @returns A new Signal that emits the values of the resulting Signal.
      */
     o(this, "flatMap", (e, t = (r, n) => r === n) => {
-      const r = new M(() => {
+      const r = new N(() => {
         try {
           return e(this.get()).get();
         } catch (n) {
@@ -252,7 +252,7 @@ const I = class I {
     o(this, "_$");
     o(this, "filter", (e, t) => {
       let r = t ?? this.get();
-      const n = new M(() => {
+      const n = new N(() => {
         try {
           const i = this.get();
           return r = e(i) ? i : r;
@@ -274,7 +274,7 @@ const I = class I {
      */
     o(this, "filterMap", (e, t, r = (n, i) => n === i) => {
       let n = t;
-      const i = new M(() => {
+      const i = new N(() => {
         try {
           const l = this.get(), c = e(l);
           return n = c ?? n;
@@ -298,17 +298,17 @@ const I = class I {
      * @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 = E(t, n);
+      const i = w(t, n);
       let l = 0, c = new AbortController();
       return i.onDispose(
-        this.on(async (u) => {
-          const a = ++l;
+        this.on(async (a) => {
+          const u = ++l;
           c.abort(), c = new AbortController();
           try {
-            const h = await e(u, { abortSignal: c.signal });
-            a === l && i.set(h);
+            const h = await e(a, { abortSignal: c.signal });
+            u === l && i.set(h);
           } catch (h) {
-            if (a === l)
+            if (u === l)
               if (r != null)
                 i.set(r(h));
               else
@@ -348,7 +348,7 @@ const I = class I {
     o(this, "deriveProp", ({
       autoDisposeProp: e = !0,
       equals: t
-    } = {}) => this.feedProp(E(this.get(), t), e));
+    } = {}) => this.feedProp(w(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 I = class I {
  * @param equals - Function to compare two values for equality (defaults to strict equality)
  * @returns A Signal that represents the result of the Promise
  */
-o(I, "ofPromise", (e, t, r, n = (i, l) => i === l) => {
-  const i = new I(t, n);
+o(B, "ofPromise", (e, t, r, n = (i, l) => i === l) => {
+  const i = new B(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(I, "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(I, "is", (e) => (
+o(B, "is", (e) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   e != null && e.$__signal__ === !0
 ));
-let g = I;
-const We = typeof queueMicrotask == "function" ? queueMicrotask : (s) => Promise.resolve().then(s);
-class M extends g {
+let y = B;
+const Ze = typeof queueMicrotask == "function" ? queueMicrotask : (s) => Promise.resolve().then(s);
+class N extends y {
   /**
    * Represents a Signal object.
    * @param _fn - The function that returns the value of the signal.
@@ -491,7 +491,7 @@ class M extends g {
      */
     o(this, "_scheduleNotify", () => {
       const t = ++this._scheduleCount;
-      We(() => {
+      Ze(() => {
         this._scheduleCount !== t || this._disposed || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn()));
       });
     });
@@ -513,7 +513,7 @@ class M extends g {
     return this.get();
   }
 }
-const Y = class Y extends g {
+const ee = class ee extends y {
   constructor() {
     super(...arguments);
     /**
@@ -545,8 +545,8 @@ const Y = class Y extends g {
       const n = this;
       return function i(l) {
         const c = n.value;
-        n.update((u) => t(u, l)), !n.equals(c, n.value) && r.forEach(
-          (u) => u({
+        n.update((a) => t(a, l)), !n.equals(c, n.value) && r.forEach(
+          (a) => a({
             previousState: c,
             state: n.value,
             action: l,
@@ -567,7 +567,7 @@ const Y = class Y extends g {
      * @returns A Prop object representing the isomorphism.
      */
     o(this, "iso", (t, r, n = (i, l) => i === l) => {
-      const i = new Y(t(this.get()), n);
+      const i = new ee(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 Y = class Y extends g {
  * @param value - The value to check.
  * @returns `true` if the value is a Prop, `false` otherwise.
  */
-o(Y, "is", (t) => (
+o(ee, "is", (t) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   t != null && t.$__prop__ === !0
 ));
-let F = Y;
-const te = (s, e, t = (r, n) => r === n) => {
-  const r = new M(s, t);
+let G = ee;
+const ae = (s, e, t = (r, n) => r === n) => {
+  const r = new N(s, t);
   return e.forEach((n) => n.setDerivative(r)), r;
-}, Ue = (s, e, t = {}) => {
+}, ze = (s, e, t = {}) => {
   let r = t.once ? () => {
     i(), s();
   } : s;
@@ -615,27 +615,27 @@ const te = (s, e, t = (r, n) => r === n) => {
       l ? c() : l = !0;
     };
   }
-  const n = te(r, e), i = () => {
+  const n = ae(r, e), i = () => {
     n.dispose(), t.abortSignal != null && t.abortSignal.removeEventListener("abort", i);
   };
   return t.abortSignal != null && t.abortSignal.addEventListener("abort", i), i;
-}, E = (s, e = (t, r) => t === r) => new F(s, e), Q = (s, e = (t, r) => t === r) => new g(s, e), se = () => (
+}, w = (s, e = (t, r) => t === r) => new G(s, e), te = (s, e = (t, r) => t === r) => new y(s, e), ue = () => (
   /* c8 ignore next */
   typeof window < "u" ? window : void 0
 );
-function de(s) {
+function Se(s) {
   return s != null && s !== !1 && s !== 0 && s !== "";
 }
-function Je(s) {
-  return !de(s);
+function Ke(s) {
+  return !Se(s);
 }
-function Ge(s) {
+function et(s) {
   return s == null;
 }
-function Xe(s) {
+function tt(s) {
   return s != null;
 }
-const y = {
+const b = {
   /**
    * Maps a value or a Signal to a new value.
    * If the value is a Signal, it returns a new Signal with the mapped value.
@@ -647,7 +647,7 @@ const y = {
    * @param fn - The function to map the value.
    * @returns The mapped value.
    */
-  map: (s, e) => g.is(s) ? s.map(e) : e(s),
+  map: (s, e) => y.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) => g.is(s) ? s : Q(s, e),
+  toSignal: (s, e) => y.is(s) ? s : te(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.
@@ -667,21 +667,21 @@ const y = {
    */
   maybeToSignal: (s, e) => {
     if (s != null)
-      return y.toSignal(s, e);
+      return b.toSignal(s, e);
   },
   /**
    * Gets the value from a `Signal` or the value itself if it is not a `Signal`.
    * @param value - The value or Signal instance to get the value from.
    * @returns The value.
    */
-  get: (s) => g.is(s) ? s.get() : s,
+  get: (s) => y.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) => g.is(s) ? s.on(e) : (e(s), () => {
+  on: (s, e) => y.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) => {
-    g.is(s) && s.dispose();
+    y.is(s) && s.dispose();
   },
   /**
    * Derives a Prop from a Signal.
@@ -705,54 +705,54 @@ const y = {
   deriveProp: (s, {
     autoDisposeProp: e = !0,
     equals: t
-  } = {}) => g.is(s) ? s.deriveProp({ autoDisposeProp: e, equals: t }) : E(s, t),
+  } = {}) => y.is(s) ? s.deriveProp({ autoDisposeProp: e, equals: t }) : w(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, de),
+  truthy: (s) => b.map(s, Se),
   /**
    * 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, Je),
+  falsy: (s) => b.map(s, Ke),
   /**
    * 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, Ge),
+  nil: (s) => b.map(s, et),
   /**
    * 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, Xe)
-}, re = (...s) => (e, t) => {
+  defined: (s) => b.map(s, tt)
+}, he = (...s) => (e, t) => {
   if (s.length === 1)
-    return y.toSignal(s[0]).map(e);
-  const r = s.filter((n) => g.is(n));
-  return te(
-    () => e(...s.map((n) => y.get(n))),
+    return b.toSignal(s[0]).map(e);
+  const r = s.filter((n) => y.is(n));
+  return ae(
+    () => e(...s.map((n) => b.get(n))),
     r,
     t
   );
-}, $t = (s) => {
+}, Jt = (s) => {
   const e = Object.keys(s);
-  return re(...Object.values(s))(
+  return he(...Object.values(s))(
     (...t) => Object.fromEntries(e.map((r, n) => [r, t[n]]))
   );
-}, Nt = (...s) => (e, t = {}) => {
-  const r = s.filter((n) => g.is(n));
-  return Ue(
-    () => e(...s.map(y.get)),
+}, Gt = (...s) => (e, t = {}) => {
+  const r = s.filter((n) => y.is(n));
+  return ze(
+    () => e(...s.map(b.get)),
     r,
     t
   );
 };
-class pe {
+class ve {
   constructor() {
     o(this, "_store", /* @__PURE__ */ new Map());
     /**
@@ -771,102 +771,131 @@ class pe {
     });
   }
 }
-const ge = ({
+const Ae = ({
   key: s,
   defaultValue: e,
   store: t,
   serialize: r = JSON.stringify,
   deserialize: n = JSON.parse,
-  equals: i = (u, a) => u === a,
+  equals: i = (u, h) => u === h,
   onLoad: l = (u) => u,
-  syncTabs: c = !0
+  syncTabs: c = !0,
+  onKeyChange: a = "load"
 }) => {
-  const u = t.getItem(s), a = new F(
-    u != null ? l(n(u)) : typeof e == "function" ? e() : e,
+  let u = b.get(s);
+  const h = t.getItem(u), d = new G(
+    h != null ? l(n(h)) : typeof e == "function" ? e() : e,
     i
-  ), 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))
+  ), p = ue(), m = c && typeof (p == null ? void 0 : p.BroadcastChannel) == "function";
+  let g = !1, S = null, P = null;
+  const A = (T) => {
+    if (!m) return null;
+    const H = `tempo:storedProp:${T}`, v = new p.BroadcastChannel(H), k = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`, O = (W) => {
+      const E = W.data;
+      if (!(E == null || typeof E != "object" || E.key !== T || typeof E.value != "string" || E.sourceId != null && E.sourceId === k))
         try {
-          p = !0;
-          const N = l(n(b.value));
-          a.set(N);
-        } catch (N) {
+          g = !0;
+          const oe = l(n(E.value));
+          d.set(oe);
+        } catch (oe) {
           console.warn(
-            `Failed to sync storedProp for key "${s}" via BroadcastChannel`,
-            N
+            `Failed to sync storedProp for key "${T}" via BroadcastChannel`,
+            oe
           );
         } finally {
-          p = !1;
+          g = !1;
         }
     };
-    d.addEventListener("message", P), a.onDispose(() => {
-      d == null || d.removeEventListener("message", P), d == null || d.close();
+    return v.addEventListener("message", O), d.onDispose(() => {
+      v == null || v.removeEventListener("message", O), v == null || v.close();
+    }), { channel: v, instanceId: k, handleMessage: O };
+  }, L = A(u);
+  L && (S = L.channel, P = L.instanceId);
+  const ie = (T) => {
+    const H = u;
+    if (H === T) return;
+    const v = d.get(), k = r(v);
+    if (t.setItem(H, k), S != null && (S.close(), S = null, P = null), u = T, a === "load") {
+      const W = t.getItem(T);
+      if (W != null)
+        try {
+          const E = l(n(W));
+          d.set(E);
+        } catch (E) {
+          console.warn(
+            `Failed to load storedProp from new key "${T}"`,
+            E
+          );
+        }
+      else
+        t.setItem(T, k);
+    } else a === "migrate" && t.setItem(T, k);
+    const O = A(T);
+    O && (S = O.channel, P = O.instanceId);
+  };
+  return y.is(s) && d.onDispose(s.on(ie)), d.on((T, H) => {
+    const v = r(T);
+    t.setItem(u, v), S != null && !g && H !== void 0 && P != null && S.postMessage({
+      key: u,
+      value: v,
+      sourceId: P
     });
-  }
-  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) => {
+  }), d;
+}, Xt = (s) => {
   var e;
-  return ge({
+  return Ae({
     ...s,
     /* c8 ignore next 3 */
-    store: ((e = se()) == null ? void 0 : e.localStorage) ?? new pe()
+    store: ((e = ue()) == null ? void 0 : e.localStorage) ?? new ve()
   });
-}, It = (s) => {
+}, Yt = (s) => {
   var e;
-  return ge({
+  return Ae({
     ...s,
     /* c8 ignore next 3 */
-    store: ((e = se()) == null ? void 0 : e.sessionStorage) ?? new pe()
+    store: ((e = ue()) == null ? void 0 : e.sessionStorage) ?? new ve()
   });
 };
-function ae(s) {
+function be(s) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(s) : setTimeout(s, 0);
 }
-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 M(e, l), d = E(s, l);
-  d.onDispose(() => {
-    m !== null && cancelAnimationFrame(m);
-  }), d.onDispose(p.dispose), t.forEach((S) => {
-    S.setDerivative(p), S.onDispose(d.dispose);
+const st = (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, L) => A === L);
+  let c = r == null ? void 0 : r.interpolate, a = s, u = e(), h = performance.now(), d = null, p = !0;
+  const m = new N(e, l), g = w(s, l);
+  g.onDispose(() => {
+    d !== null && cancelAnimationFrame(d);
+  }), g.onDispose(m.dispose), t.forEach((A) => {
+    A.setDerivative(m), A.onDispose(g.dispose);
   });
-  const A = (S) => {
-    a = S, h = performance.now(), u = d.value, T && (T = !1, m = ae(P));
+  const S = (A) => {
+    u = A, h = performance.now(), a = g.value, p && (p = !1, d = be(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);
+    const L = (performance.now() - h) / b.get(n), ie = i(L);
+    c == null && (c = Qe(a));
+    let T = c(a, u, ie);
+    L >= 1 ? (p = !0, T = u) : d = be(P), g.set(T);
   };
-  return p.on(A), d;
-}, Rt = (s, e) => {
+  return m.on(S), g;
+}, Qt = (s, e) => {
   const { initialValue: t, ...r } = e ?? {};
-  return Ye(
+  return st(
     /* c8 ignore next 2 */
     t ?? s.get(),
     s.get,
     [s],
     r
   );
-}, Qe = (s, e) => {
-  const t = Object.values(s).filter(g.is), r = Object.keys(s);
-  return te(() => {
+}, rt = (s, e) => {
+  const t = Object.values(s).filter(y.is), r = Object.keys(s);
+  return ae(() => {
     const n = {};
     for (const i of r)
-      n[i] = y.get(s[i]);
+      n[i] = b.get(s[i]);
     return e(n);
   }, t);
-}, jt = (s) => Qe(s, (e) => e), Vt = (s, e) => {
-  const t = E(s.get());
+}, Zt = (s) => rt(s, (e) => e), zt = (s, e) => {
+  const t = w(s.get());
   let r = null;
   const n = s.on((i) => {
     r != null && clearTimeout(r), r = setTimeout(
@@ -879,33 +908,33 @@ const Ye = (s, e, t, r) => {
   return t.onDispose(() => {
     n(), r != null && clearTimeout(r);
   }), t;
-}, qt = (s) => {
+}, Kt = (s) => {
   let e;
   return s.map((t) => {
     const r = e;
     return e = t, r;
   });
-}, Ft = ({
+}, es = ({
   size: s = void 0,
   signal: e
 }) => {
   const t = [];
   return e.map((r) => (t.push(r), s != null && t.length > s && t.shift(), t.slice()));
-}, Bt = (s) => (...e) => re(
+}, ts = (s) => (...e) => he(
   s,
   ...e
 )((t, ...r) => t(...r));
-function Wt(...s) {
-  return re(...s)((...e) => {
+function ss(...s) {
+  return he(...s)((...e) => {
     for (const t of e) if (t != null) return t;
   });
 }
-const me = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), ye = /* @__PURE__ */ new Set(["selected"]), Te = /* @__PURE__ */ new Set([
+const _e = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), Ee = /* @__PURE__ */ new Set(["selected"]), Ce = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), be = /* @__PURE__ */ new Set(["valueAsDate"]), Se = /* @__PURE__ */ new Set([
+]), we = /* @__PURE__ */ new Set(["valueAsDate"]), xe = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -913,28 +942,28 @@ const me = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), ye = /* @
   "outerHTML",
   "className",
   "classList"
-]), Ze = (s, e) => ye.has(s) ? (t) => {
+]), nt = (s, e) => Ee.has(s) ? (t) => {
   t == null || t !== !0 ? e.removeAttribute(s) : e.setAttribute(s, "");
-} : me.has(s) ? (t) => {
+} : _e.has(s) ? (t) => {
   t == null ? e[s] = null : e[s] = !!t;
-} : Te.has(s) ? (t) => {
+} : Ce.has(s) ? (t) => {
   t == null ? e[s] = null : e[s] = Number(t);
-} : be.has(s) ? (t) => {
+} : we.has(s) ? (t) => {
   t == null ? e[s] = null : e[s] = t;
-} : Se.has(s) ? (t) => {
+} : xe.has(s) ? (t) => {
   t == null ? e[s] = null : e[s] = String(t);
 } : (t) => {
   t == null ? e.removeAttribute(s) : e.setAttribute(s, t);
-}, 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) => {
+}, it = (s, e) => Ee.has(s) ? () => e.hasAttribute(s) : _e.has(s) ? () => !!e[s] : Ce.has(s) ? () => Number(e[s]) : we.has(s) ? () => e[s] : xe.has(s) ? () => String(e[s]) : () => e.getAttribute(s), X = (s) => {
   const e = s;
   e && e.onblur && (e.onblur = null), !(!s || s.ownerDocument === void 0) && s.parentElement && s.parentElement.removeChild(s);
-}, Ke = (s) => Ae(s) ? s : s.parentElement, Ae = (s) => s.nodeType === 1;
-class ve extends Error {
+}, ot = (s) => Pe(s) ? s : s.parentElement, Pe = (s) => s.nodeType === 1;
+class Le extends Error {
   constructor(e) {
     super(`Provider not found: ${e.description}`);
   }
 }
-class O {
+class R {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -1031,7 +1060,7 @@ class O {
      * @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 O(this.document, e, void 0, this.providers));
+    o(this, "withElement", (e) => new R(this.document, e, void 0, this.providers));
     /**
      * Creates a portal to render content in a different part of the DOM tree.
      *
@@ -1088,7 +1117,7 @@ class O {
      * @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 O(this.document, this.element, e, this.providers));
+    o(this, "withReference", (e) => new R(this.document, this.element, e, this.providers));
     /**
      * Sets a provider for the given provider mark.
      *
@@ -1096,7 +1125,7 @@ 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.document, this.element, this.reference, {
+    o(this, "setProvider", (e, t, r) => new R(this.document, this.element, this.reference, {
       ...this.providers,
       [e]: [t, r]
     }));
@@ -1109,12 +1138,12 @@ class O {
      */
     o(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
-        throw new ve(e);
+        throw new Le(e);
       const [t, r] = this.providers[e];
       return { value: t, onUse: r };
     });
     o(this, "clear", (e) => {
-      e && (this.reference !== void 0 ? B(this.reference) : B(this.element));
+      e && (this.reference !== void 0 ? X(this.reference) : X(this.element));
     });
     /**
      * Adds classes to the element.
@@ -1184,8 +1213,8 @@ class O {
      */
     o(this, "getStyle", (e) => this.element.style[e]);
     o(this, "makeAccessors", (e) => ({
-      get: ze(e, this.element),
-      set: Ze(e, this.element)
+      get: it(e, this.element),
+      set: nt(e, this.element)
     }));
     o(this, "getWindow", () => this.document.defaultView);
     this.document = e, this.element = t, this.reference = r, this.providers = n;
@@ -1199,54 +1228,54 @@ class O {
    * @returns A new `DOMContext` instance.
    */
   static of(e, t, r) {
-    return new O(e.ownerDocument, e, t, r);
+    return new R(e.ownerDocument, e, t, r);
   }
 }
-const et = (s) => Symbol(s), ne = (s, e) => {
+const lt = (s) => Symbol(s), fe = (s, e) => {
   const t = s(e);
   return (r = !0) => t(r);
-}, Ut = (s, e, { doc: t, clear: r, disposeWithParent: n = !0, providers: i = {} } = {}) => {
+}, rs = (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 tt(
+    throw new ct(
       `Cannot find element by selector for render: ${e}`
     );
   r !== !1 && (t ?? l.ownerDocument) != null && l.nodeType === 1 && (l.innerHTML = "");
-  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((d) => {
-      d === l && (m == null || m.disconnect(), h(l.nodeType !== 1));
+  const c = ot(l), a = Pe(l) ? void 0 : l, u = R.of(c, a, i), h = fe(s, u);
+  let d;
+  return n && (d = new MutationObserver((p) => {
+    var m;
+    (m = p[0]) == null || m.removedNodes.forEach((g) => {
+      g === l && (d == null || d.disconnect(), h(l.nodeType !== 1));
     });
-  }), m.observe(l.parentElement, {
+  }), d.observe(l.parentElement, {
     childList: !0,
     subtree: !1,
     attributes: !1
   })), () => {
-    m == null || m.disconnect(), h(!0);
+    d == null || d.disconnect(), h(!0);
   };
-}, Jt = (s, {
+}, ns = (s, {
   startUrl: e = "https://example.com",
   selector: t,
   providers: r = {}
 } = {
   selector: "body"
 }) => {
-  const n = y.toSignal(e).deriveProp(), i = new xe(t, void 0), l = new H(i, void 0, { currentURL: n }, r);
+  const n = b.toSignal(e).deriveProp(), i = new He(t, void 0), l = new V(i, void 0, { currentURL: n }, r);
   return {
-    clear: ne(s(), l),
+    clear: fe(s(), l),
     root: i,
     currentURL: n
   };
 };
-class tt extends Error {
+class ct extends Error {
   constructor(e) {
     super(e);
   }
 }
-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 {
+const De = "data-tts-node", Y = "data-tts-class", Q = "data-tts-style", Z = "data-tts-html", z = "data-tts-text", K = "data-tts-attrs";
+class is {
   constructor({
     select: e,
     getAttribute: t,
@@ -1255,11 +1284,11 @@ class Gt {
     setClass: i,
     getStyles: l,
     setStyles: c,
-    appendHTML: u,
-    getInnerHTML: a,
+    appendHTML: a,
+    getInnerHTML: u,
     setInnerHTML: h,
-    getInnerText: m,
-    setInnerText: T
+    getInnerText: d,
+    setInnerText: p
   }) {
     /**
      * Selects elements from the headless environment.
@@ -1353,21 +1382,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, J, c);
+              c != null && this.setAttribute(l, Z, c);
             }
             this.setInnerHTML(l, n.getInnerHTML());
           }
           if (n.hasInnerText()) {
             if (t) {
               const c = this.getInnerText(l);
-              c != null && this.setAttribute(l, G, c);
+              c != null && this.setAttribute(l, z, c);
             }
             this.setInnerText(l, n.getInnerText());
           }
           if (n.hasClasses()) {
             if (t) {
               const c = this.getClass(l);
-              c != null && this.setAttribute(l, W, c);
+              c != null && this.setAttribute(l, Y, c);
             }
             this.setClass(l, n.getClasses().join(" "));
           }
@@ -1376,7 +1405,7 @@ class Gt {
               const c = this.getStyles(l);
               Object.keys(c).length > 0 && this.setAttribute(
                 l,
-                U,
+                Q,
                 JSON.stringify(c)
               );
             }
@@ -1385,74 +1414,74 @@ class Gt {
           if (n.hasAttributes()) {
             const c = n.getAttributes();
             if (t) {
-              const u = [];
-              c.forEach(([a]) => {
-                const h = this.getAttribute(l, a);
-                h != null && u.push([a, h]);
-              }), u.length > 0 && this.setAttribute(
+              const a = [];
+              c.forEach(([u]) => {
+                const h = this.getAttribute(l, u);
+                h != null && a.push([u, h]);
+              }), a.length > 0 && this.setAttribute(
                 l,
-                X,
-                JSON.stringify(Object.fromEntries(u))
+                K,
+                JSON.stringify(Object.fromEntries(a))
               );
             }
-            c.forEach(([u, a]) => {
-              this.setAttribute(l, u, a);
+            c.forEach(([a, u]) => {
+              this.setAttribute(l, a, u);
             });
           }
         }
       });
     });
-    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;
+    this.select = e, this.getAttribute = t, this.setAttribute = r, this.getClass = n, this.setClass = i, this.getStyles = l, this.setStyles = c, this.appendHTML = a, this.getInnerHTML = u, this.setInnerHTML = h, this.getInnerText = d, this.setInnerText = p;
   }
 }
-const st = () => {
-  document.querySelectorAll(`[${_e}]`).forEach(B);
-}, rt = (s) => {
-  const e = s.getAttribute(W);
-  s.removeAttribute(W), e != null && s.setAttribute("class", e);
-}, nt = () => {
-  document.querySelectorAll(`[${W}]`).forEach((e) => rt(e));
-}, it = (s) => {
-  const e = s.getAttribute(J);
-  s.removeAttribute(J), e != null && (s.innerHTML = e);
-}, ot = () => {
-  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);
+const at = () => {
+  document.querySelectorAll(`[${De}]`).forEach(X);
+}, ut = (s) => {
+  const e = s.getAttribute(Y);
+  s.removeAttribute(Y), e != null && s.setAttribute("class", e);
+}, ht = () => {
+  document.querySelectorAll(`[${Y}]`).forEach((e) => ut(e));
+}, ft = (s) => {
+  const e = s.getAttribute(Z);
+  s.removeAttribute(Z), e != null && (s.innerHTML = e);
+}, dt = () => {
+  document.querySelectorAll(`[${Z}]`).forEach((e) => ft(e));
+}, pt = (s) => {
+  const e = s.getAttribute(z);
+  s.removeAttribute(z), e != null && (s.innerText = e);
+}, mt = () => {
+  document.querySelectorAll(`[${z}]`).forEach((e) => pt(e));
+}, Me = (s) => JSON.parse(s.replace(/&quot;/g, '"')), gt = (s) => {
+  const e = s.getAttribute(Q);
+  if (s.removeAttribute(Q), e != null) {
+    const t = Me(e);
     Object.entries(t).forEach(([r, n]) => {
       s.style.setProperty(r, n);
     });
   }
-}, 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);
+}, yt = () => {
+  document.querySelectorAll(`[${Q}]`).forEach((e) => gt(e));
+}, bt = (s) => {
+  const e = s.getAttribute(K);
+  if (s.removeAttribute(K), e != null) {
+    const t = Me(e);
     Object.entries(t).forEach(([r, n]) => {
       n == null ? s.removeAttribute(r) : s.setAttribute(r, n);
     });
   }
-}, ft = () => {
-  document.querySelectorAll(`[${X}]`).forEach((e) => ht(e));
-}, Xt = () => {
-  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 {
+}, Tt = () => {
+  document.querySelectorAll(`[${K}]`).forEach((e) => bt(e));
+}, os = () => {
+  at(), ht(), mt(), dt(), yt(), Tt();
+}, C = Symbol("class"), D = Symbol("style"), $ = Symbol("handler"), Oe = () => Math.random().toString(36).substring(2, 15), St = (s) => s.replace(/<[^>]*>?/g, "");
+class Ie {
   constructor(e) {
-    o(this, "id", Ce());
+    o(this, "id", Oe());
     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 ? dt(this.properties.innerHTML) : this.children.map((e) => e.getText()).join(""));
+    o(this, "getText", () => this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? St(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);
@@ -1473,10 +1502,10 @@ class we {
     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[_] != null);
-    o(this, "hasStyles", () => this.properties[w] != null);
+    o(this, "hasClasses", () => this.properties[C] != null);
+    o(this, "hasStyles", () => this.properties[D] != null);
     o(this, "hasAttributes", () => Object.keys(this.properties).length > 0);
-    o(this, "hasHandlers", () => this.properties[D] != null);
+    o(this, "hasHandlers", () => this.properties[$] != null);
     o(this, "hasRenderableProperties", () => this.hasClasses() || this.hasAttributes() || this.hasStyles());
     o(this, "getById", (e) => {
       if (this.properties.id === e)
@@ -1488,20 +1517,20 @@ class we {
       }
     });
     o(this, "trigger", (e, t) => {
-      ((this.properties[D] ?? {})[e] ?? []).forEach((n) => n(t));
+      ((this.properties[$] ?? {})[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)[D] ?? (u[D] = {}), l = n != null && n.once ? (a) => {
-        c(), t(a, r);
-      } : (a) => t(a, r);
+      var a;
+      const i = (a = this.properties)[$] ?? (a[$] = {}), l = n != null && n.once ? (u) => {
+        c(), t(u, r);
+      } : (u) => t(u, 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[D]) : i[e] = a, (n == null ? void 0 : n.signal) != null && n.signal.removeEventListener("abort", c));
+        const u = i[e] ?? [], h = u.indexOf(l);
+        h !== -1 && (u.splice(h, 1), u.length === 0 ? (delete i[e], Object.keys(i).length === 0 && delete this.properties[$]) : i[e] = u, (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;
     });
@@ -1509,7 +1538,7 @@ class we {
       var r;
       if (e.length === 0)
         return;
-      const t = (r = this.properties)[_] ?? (r[_] = []);
+      const t = (r = this.properties)[C] ?? (r[C] = []);
       e.forEach((n) => {
         t.includes(n) || t.push(n);
       });
@@ -1518,29 +1547,29 @@ class we {
       var r;
       if (e.length === 0)
         return;
-      const t = (r = this.properties)[_] ?? (r[_] = []);
+      const t = (r = this.properties)[C] ?? (r[C] = []);
       e.forEach((n) => {
         const i = t.indexOf(n);
         i !== -1 && t.splice(i, 1);
-      }), t.length === 0 && delete this.properties[_];
+      }), t.length === 0 && delete this.properties[C];
     });
-    o(this, "getClasses", () => this.properties[_] ?? []);
+    o(this, "getClasses", () => this.properties[C] ?? []);
     o(this, "getAttributes", () => Object.entries(this.properties).filter(
       ([e]) => !["innerText", "innerHTML"].includes(e)
     ));
     o(this, "getVisibleAttributes", () => Reflect.ownKeys(this.properties).flatMap(
-      (e) => e === _ ? [["class", this.getClasses()]] : e === w ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
+      (e) => e === C ? [["class", this.getClasses()]] : e === D ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
     ));
     o(this, "setStyle", (e, t) => {
       var n;
-      const r = (n = this.properties)[w] ?? (n[w] = {});
-      r[e] = t, t === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[w]);
+      const r = (n = this.properties)[D] ?? (n[D] = {});
+      r[e] = t, t === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[D]);
     });
     o(this, "getStyle", (e) => {
       var t;
-      return ((t = this.properties[w]) == null ? void 0 : t[e]) ?? "";
+      return ((t = this.properties[D]) == null ? void 0 : t[e]) ?? "";
     });
-    o(this, "getStyles", () => this.properties[w] ?? {});
+    o(this, "getStyles", () => this.properties[D] ?? {});
     o(this, "makeAccessors", (e) => {
       const t = this.properties;
       return {
@@ -1551,21 +1580,21 @@ class we {
     this.parent = e;
   }
 }
-const pt = (s) => s.replace(/"/g, "&quot;"), gt = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-class mt extends we {
+const vt = (s) => s.replace(/"/g, "&quot;"), At = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+class _t extends Ie {
   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}"` : "";
+      const r = this.children.map((a) => a.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(" ")}"` : 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}>`;
+      const l = this.getVisibleAttributes().map(([a, u]) => a === "class" ? ` class="${u.join(" ")}"` : a === "style" ? typeof u == "string" ? ` style="${u}"` : ` style="${Object.entries(u).map(([h, d]) => `${h}: ${d};`).join(" ")}"` : Ct.has(a) ? ` ${a}` : a === "innerHTML" ? (i = u, "") : a === "innerText" ? (i = At(u), "") : ` ${a}="${vt(u)}"`).join(""), c = t ? ` ${De}` : "";
+      return wt.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 xe extends we {
+class He extends Ie {
   constructor(t, r) {
     super(r);
     o(this, "isPortal", () => !0);
@@ -1574,9 +1603,9 @@ class xe extends we {
     this.selector = t;
   }
 }
-class yt {
+class Et {
   constructor(e) {
-    o(this, "id", Ce());
+    o(this, "id", Oe());
     o(this, "isElement", () => !1);
     o(this, "isText", () => !0);
     o(this, "getText", () => this.text);
@@ -1584,7 +1613,7 @@ class yt {
     this.text = e;
   }
 }
-class H {
+class V {
   constructor(e, t, r, n) {
     o(this, "appendOrInsert", (e) => {
       if (this.reference != null) {
@@ -1594,8 +1623,8 @@ class H {
         this.element.children.push(e);
     });
     o(this, "makeChildElement", (e, t) => {
-      const r = new mt(e, t, this.element);
-      return this.appendOrInsert(r), new H(
+      const r = new _t(e, t, this.element);
+      return this.appendOrInsert(r), new V(
         r,
         void 0,
         this.container,
@@ -1603,8 +1632,8 @@ class H {
       );
     });
     o(this, "makeChildText", (e) => {
-      const t = new yt(e);
-      return this.appendOrInsert(t), new H(
+      const t = new Et(e);
+      return this.appendOrInsert(t), new V(
         this.element,
         t,
         this.container,
@@ -1620,8 +1649,8 @@ class H {
     });
     o(this, "makeRef", () => this.makeChildText(""));
     o(this, "makePortal", (e) => {
-      const t = new xe(e, this.element);
-      return this.appendOrInsert(t), new H(
+      const t = new He(e, this.element);
+      return this.appendOrInsert(t), new V(
         t,
         void 0,
         this.container,
@@ -1635,13 +1664,13 @@ class H {
      * @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 H(this.element, this.reference, this.container, {
+    o(this, "setProvider", (e, t, r) => new V(this.element, this.reference, this.container, {
       ...this.providers,
       [e]: [t, r]
     }));
     o(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
-        throw new ve(e);
+        throw new Le(e);
       const [t, r] = this.providers[e];
       return { value: t, onUse: r };
     });
@@ -1662,27 +1691,27 @@ class H {
     this.element = e, this.reference = t, this.container = r, this.providers = n;
   }
 }
-const Tt = /* @__PURE__ */ new Set([
+const Ct = /* @__PURE__ */ new Set([
   "checked",
   "disabled",
   "multiple",
   "readonly",
   "required",
   "selected"
-]), bt = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), Pe = (s) => (e) => e.makeChildText(s).clear, Le = (s) => (e) => {
+]), wt = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), ke = (s) => (e) => e.makeChildText(s).clear, $e = (s) => (e) => {
   const t = e.makeChildText(s.value), r = s.on(t.setText);
   return (n) => {
     r(), t.clear(n);
   };
-}, Yt = (s) => g.is(s) ? Le(s) : Pe(s), v = (...s) => (e) => {
+}, ls = (s) => y.is(s) ? $e(s) : ke(s), _ = (...s) => (e) => {
   const t = s.map((r) => f(r)(e));
   return (r) => {
     t.forEach((n) => n(r));
   };
-}, C = () => () => {
-}, St = (s) => (e) => (e.addClasses(s), (t) => {
+}, x = () => () => {
+}, xt = (s) => (e) => (e.addClasses(s), (t) => {
   t && e.removeClasses(s);
-}), At = (s) => (e) => {
+}), Pt = (s) => (e) => {
   let t = [];
   const r = s.on((n) => {
     e.removeClasses(t), t = (n ?? "").split(" ").filter((i) => i.length > 0), e.addClasses(t);
@@ -1690,17 +1719,20 @@ const Tt = /* @__PURE__ */ new Set([
   return (n) => {
     r(), n && e.removeClasses(t), t.length = 0;
   };
-}, R = (s, e) => (t) => {
+}, Lt = (s, e) => (t) => {
   const { get: r, set: n } = t.makeAccessors(s), i = r();
   return n(e), (l) => {
     l && n(i);
   };
-}, j = (s, e) => (t) => {
+}, Dt = (s, e) => (t) => {
   const { get: r, set: n } = t.makeAccessors(s), i = r(), l = e.on(n);
   return (c) => {
     l(), c && n(i);
   };
-}, $ = new Proxy(
+}, j = (s, e) => y.is(e) ? Dt(s, e) : Lt(s, e), se = (s = "") => (e, t) => {
+  const r = s ? `${s}${e}` : e;
+  return j(r, t);
+}, q = new Proxy(
   {},
   {
     /**
@@ -1714,18 +1746,12 @@ const Tt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => e === "class" ? (t) => g.is(t) ? At(t) : St(
+    get: (s, e) => e === "class" ? (t) => y.is(t) ? Pt(t) : xt(
       /* c8 ignore next */
       (t ?? "").split(" ").filter((r) => r.length > 0)
-    ) : (t) => g.is(t) ? j(
-      e,
-      t
-    ) : R(
-      e,
-      t
-    )
+    ) : e === "set" ? se() : (t) => j(e, t)
   }
-), Qt = new Proxy(
+), cs = new Proxy(
   {},
   {
     /**
@@ -1736,12 +1762,9 @@ const Tt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => g.is(t) ? j(
-      `data-${e}`,
-      t
-    ) : R(`data-${e}`, t)
+    get: (s, e) => e === "set" ? se("data-") : (t) => j(`data-${e}`, t)
   }
-), Zt = new Proxy(
+), as = new Proxy(
   {},
   {
     /**
@@ -1752,15 +1775,9 @@ const Tt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => g.is(t) ? j(
-      `aria-${e}`,
-      t
-    ) : R(
-      `aria-${e}`,
-      t
-    )
+    get: (s, e) => e === "set" ? se("aria-") : (t) => j(`aria-${e}`, t)
   }
-), zt = new Proxy(
+), us = new Proxy(
   {},
   {
     /**
@@ -1771,15 +1788,9 @@ const Tt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => g.is(t) ? j(
-      e,
-      t
-    ) : R(
-      e,
-      t
-    )
+    get: (s, e) => e === "set" ? se() : (t) => j(e, t)
   }
-), Kt = new Proxy(
+), hs = new Proxy(
   {},
   {
     /**
@@ -1789,37 +1800,31 @@ const Tt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => g.is(t) ? j(
-      e,
-      t
-    ) : R(
-      e,
-      t
-    )
+    get: (s, e) => (t) => j(e, t)
   }
 ), f = (s) => {
   if (s == null)
-    return C;
+    return x;
   if (Array.isArray(s))
-    return v(...s.map(f));
+    return _(...s.map(f));
   if (typeof s == "string")
-    return Pe(s);
-  if (g.is(s))
-    return Le(s);
+    return ke(s);
+  if (y.is(s))
+    return $e(s);
   if (typeof s == "function")
     return s;
   throw new Error(`Unknown type: '${typeof s}' for child: ${s}`);
-}, De = (s, ...e) => (t) => {
+}, Ne = (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);
   };
-}, Me = (s, e, ...t) => (r) => {
+}, Re = (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);
   };
-}, es = new Proxy(
+}, fs = new Proxy(
   {},
   {
     /**
@@ -1827,9 +1832,9 @@ const Tt = /* @__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) => De(e, t.flatMap(f))
+    get: (s, e) => (...t) => Ne(e, t.flatMap(f))
   }
-), ts = new Proxy(
+), ds = new Proxy(
   {},
   {
     /**
@@ -1837,9 +1842,9 @@ const Tt = /* @__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) => De("input", $.type(e), ...t)
+    get: (s, e) => (...t) => Ne("input", q.type(e), ...t)
   }
-), vt = "http://www.w3.org/2000/svg", ss = new Proxy(
+), Mt = "http://www.w3.org/2000/svg", ps = new Proxy(
   {},
   {
     /**
@@ -1847,9 +1852,9 @@ const Tt = /* @__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) => Me(e, vt, t.flatMap(f))
+    get: (s, e) => (...t) => Re(e, Mt, t.flatMap(f))
   }
-), _t = "http://www.w3.org/1998/Math/MathML", rs = new Proxy(
+), Ot = "http://www.w3.org/1998/Math/MathML", ms = new Proxy(
   {},
   {
     /**
@@ -1857,35 +1862,35 @@ const Tt = /* @__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) => Me(e, _t, t.flatMap(f))
+    get: (s, e) => (...t) => Re(e, Ot, t.flatMap(f))
   }
-), Oe = (s, e) => {
+), Ve = (s, e) => {
   if (typeof e == "function")
-    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 Ve(s, { then: e });
+  const t = e.pending != null ? f(e.pending()) : x, r = e.then, n = e.error != null ? (i) => f(e.error(i)) : () => x;
   return (i) => {
     let l = !0;
-    const c = s(), u = i.makeRef();
-    let a = f(t)(u);
+    const c = s(), a = i.makeRef();
+    let u = f(t)(a);
     return c.then(
       (h) => {
-        l && (a(!0), a = f(r(h))(u));
+        l && (u(!0), u = f(r(h))(a));
       },
       (h) => {
-        l && (a(!0), a = f(n(h))(u));
+        l && (u(!0), u = f(n(h))(a));
       }
     ), (h) => {
-      l = !1, a(h), u.clear(h);
+      l = !1, u(h), a.clear(h);
     };
   };
-}, ns = (s, e) => Oe(() => s, e), He = (s, e, t) => (r) => r.on(s, e, t), Et = (s) => He("click", (e, t) => {
+}, gs = (s, e) => Ve(() => s, e), je = (s, e, t) => (r) => r.on(s, e, t), It = (s) => je("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);
-}), Z = new Proxy(
+}), re = new Proxy(
   {},
   {
     /**
@@ -1893,20 +1898,20 @@ const Tt = /* @__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) => He(e, t)
+    get: (s, e) => (t) => je(e, t)
   }
-), Ct = (s, e) => (t) => {
+), Ht = (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);
-}, L = (s, e) => Ct((t) => {
+}, I = (s, e) => Ht((t) => {
   const r = t.target;
   s(r, t);
-}, e), wt = (s, e) => L(
+}, e), kt = (s, e) => I(
   (t, r) => s(t.value, r),
   e
-), xt = (s, e) => L(
+), $t = (s, e) => I(
   (t, r) => s(t.valueAsNumber, r),
   e
-), Pt = (s, e) => L((t, r) => {
+), Nt = (s, e) => I((t, r) => {
   if (t.value === "")
     return;
   const n = t.value.split("-"), i = new Date(
@@ -1915,7 +1920,7 @@ const Tt = /* @__PURE__ */ new Set([
     Number(n[2].substring(0, 2))
   );
   s(i, r);
-}, e), is = (s, e) => L((t, r) => {
+}, e), ys = (s, e) => I((t, r) => {
   if (t.value === "") {
     s(null, r);
     return;
@@ -1926,7 +1931,7 @@ const Tt = /* @__PURE__ */ new Set([
     Number(n[2].substring(0, 2))
   );
   s(i, r);
-}, e), Lt = (s, e) => L((t, r) => {
+}, e), Rt = (s, e) => I((t, r) => {
   if (t.value === "")
     return;
   const n = t.value.split("T"), i = n[0].split("-"), l = new Date(
@@ -1935,7 +1940,7 @@ const Tt = /* @__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) => L((t, r) => {
+}, e), bs = (s, e) => I((t, r) => {
   if (t.value === "") {
     s(null, r);
     return;
@@ -1951,41 +1956,55 @@ const Tt = /* @__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) => L((t, r) => {
+}, e), Ts = (s, e) => I((t, r) => {
   s(t.checked, r);
-}, 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;
-      const c = s.map((h) => Object.keys(h)[0]);
-      let u;
-      const a = c.on((h) => {
-        if (h !== u) {
-          u = h, l == null || l.dispose(), i == null || i(!0), l = s.map((T) => T[h]);
-          const m = e[h](l);
-          i = f(m)(n);
+}, e), Ss = (s, e = "input") => _(q.valueAsDate(s), re[e](Nt(s.set))), vs = (s, e = "input") => _(q.valueAsDate(s), re[e](Rt(s.set))), As = (s, e = "input") => _(q.valueAsNumber(s), re[e]($t(s.set))), _s = (s, e = "input") => _(q.value(s), re[e](kt(s.set))), Es = (s) => _(q.checked(s), It(s.set)), de = (s, e, t) => y.is(s) ? e(s) : t(s), Vt = (s, e, t) => {
+  const r = s.makeRef();
+  let n = () => {
+  };
+  const i = e.on((l) => {
+    n(!0), n = f(t(l))(r);
+  });
+  return (l) => {
+    n(l), i(), r.clear(l);
+  };
+}, ne = (s, e) => {
+  function t(n) {
+    return (i) => {
+      const l = i.makeRef();
+      let c, a;
+      const u = n.map((p) => Object.keys(p)[0]);
+      let h;
+      const d = u.on((p) => {
+        if (p !== h) {
+          h = p, a == null || a.dispose(), c == null || c(!0), a = n.map((g) => g[p]);
+          const m = e[p](a);
+          c = f(m)(l);
         }
       });
-      return (h) => {
-        l == null || l.dispose(), a(), n.clear(h), i == null || i(h);
+      return (p) => {
+        a == null || a.dispose(), d(), l.clear(p), c == null || c(p);
       };
     };
-  const t = Object.keys(s)[0];
-  return f(e[t](Q(s[t])));
-}, $e = (s, e, t) => z(
-  y.map(s, (r) => ({ [r[e]]: r })),
+  }
+  function r(n) {
+    const i = Object.keys(n)[0];
+    return f(e[i](te(n[i])));
+  }
+  return de(s, t, r);
+}, qe = (s, e, t) => ne(
+  b.map(s, (r) => ({ [r[e]]: r })),
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   t
-), ds = (s, e) => $e(s, "kind", e), ps = (s, e) => {
-  const t = y.map(s, ([r, n]) => ({ [r]: n }));
-  return z(t, e);
-}, gs = (s, e) => $e(s, "type", e), Dt = (s, e) => z(
-  y.map(s, (t) => ({ [t]: !0 })),
+), Cs = (s, e) => qe(s, "kind", e), ws = (s, e) => {
+  const t = b.map(s, ([r, n]) => ({ [r]: n }));
+  return ne(t, e);
+}, xs = (s, e) => qe(s, "type", e), jt = (s, e) => ne(
+  b.map(s, (t) => ({ [t]: !0 })),
   e
-), ms = (s, e = {}) => (t) => {
+), Ps = (s, e = {}) => (t) => {
   const r = (e == null ? void 0 : e.firstSeparator) ?? s, n = (e == null ? void 0 : e.lastSeparator) ?? s;
-  return Dt(
+  return jt(
     t.map((i) => i.isFirst ? "first" : i.isLast ? "last" : "other"),
     {
       first: r,
@@ -1993,163 +2012,160 @@ const Tt = /* @__PURE__ */ new Set([
       other: s
     }
   );
-}, ys = (s) => (e) => (e.appendOrInsert(s), (t) => {
-  t && B(s);
-}), Ts = (s, e, t) => {
-  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 = E(h), l(!0), l = f(e(u))(
-          i
-        ), c = !0);
+}, Ls = (s) => (e) => (e.appendOrInsert(s), (t) => {
+  t && X(s);
+}), Ds = (s, e, t) => {
+  function r(i) {
+    return (l) => {
+      const c = l.makeRef();
+      let a = () => {
+      }, u = !1, h = null;
+      const d = i.on((p) => {
+        p == null ? (a(!0), a = f(t == null ? void 0 : t())(c), u = !1, h == null || h.dispose(), h = null) : u ? h.set(p) : (h = w(p), a(!0), a = f(e(h))(
+          c
+        ), u = !0);
       });
-      return (h) => {
-        u == null || u.dispose(), a(), l == null || l(h), i.clear(h);
+      return (p) => {
+        h == null || h.dispose(), d(), a == null || a(p), c.clear(p);
       };
     };
-  } else {
-    const r = s;
-    if (r == null) {
-      const n = t == null ? void 0 : t();
-      return n != null ? f(n) : C;
+  }
+  function n(i) {
+    if (i == null) {
+      const l = t == null ? void 0 : t();
+      return l != null ? f(l) : x;
     }
-    return f(e(Q(r)));
+    return f(e(te(i)));
   }
-}, bs = (...s) => (e, t) => (r) => {
+  return de(
+    s,
+    r,
+    n
+  );
+}, Ms = (...s) => (e, t) => (r) => {
   const n = r.makeRef();
   if (s.some(
-    (p) => !g.is(p) && p == null
+    (m) => !y.is(m) && m == null
   ))
-    return (t != null ? f(t == null ? void 0 : t()) : C)(
+    return (t != null ? f(t == null ? void 0 : t()) : x)(
       n
     );
   const l = s.map(() => null), c = s.map(
-    (p) => g.is(p) ? p.value != null : p != null
+    (m) => y.is(m) ? m.value != null : m != null
   );
-  let u = null;
-  const a = E(c.every((p) => p)), h = (p, d) => {
-    if (p.value != null) {
-      if (l[d] == null) {
-        const A = E(p.value);
-        l[d] = A;
+  let a = null;
+  const u = w(c.every((m) => m)), h = (m, g) => {
+    if (m.value != null) {
+      if (l[g] == null) {
+        const S = w(m.value);
+        l[g] = S;
       } else
-        l[d].value = p.value;
-      c[d] = !0;
+        l[g].value = m.value;
+      c[g] = !0;
     } else
-      c[d] = !1;
+      c[g] = !1;
   };
-  let m = s.length - 1;
-  const T = s.map((p, d) => {
-    if (!g.is(p)) {
-      const A = E(p);
-      return l[d] = A, () => {
+  let d = s.length - 1;
+  const p = s.map((m, g) => {
+    if (!y.is(m)) {
+      const S = w(m);
+      return l[g] = S, () => {
       };
     }
-    return p.on(() => {
-      h(p, d), m === 0 ? a.value = c.every((A) => A) : m--;
+    return m.on(() => {
+      h(m, g), d === 0 ? u.value = c.every((S) => S) : d--;
     });
   });
-  return a.on((p) => {
-    u == null || u(!0), u = null, p ? u = f(e(...l))(n) : u = f((t == null ? void 0 : t()) ?? C)(n);
-  }), (p) => {
-    l.forEach((d) => d == null ? void 0 : d.dispose()), a.dispose(), T.forEach((d) => d()), u == null || u(p), n.clear(p);
+  return u.on((m) => {
+    a == null || a(!0), a = null, m ? a = f(e(...l))(n) : a = f((t == null ? void 0 : t()) ?? x)(n);
+  }), (m) => {
+    l.forEach((g) => g == null ? void 0 : g.dispose()), u.dispose(), p.forEach((g) => g()), a == null || a(m), n.clear(m);
   };
-}, 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();
-      let l = () => {
-      };
-      const c = r.on((u) => {
-        l(!0), u ? l = f(e())(i) : l = f(t == null ? void 0 : t())(i);
-      });
-      return (u) => {
-        l(u), c(), i.clear(u);
-      };
-    };
-  } else {
-    if (s) {
+}, F = (...s) => (e) => (t) => s.forEach((r) => r(t, e)), Fe = (s, e, t) => de(
+  s,
+  (r) => (n) => Vt(
+    n,
+    r,
+    (i) => i ? e() : t == null ? void 0 : t()
+  ),
+  (r) => {
+    if (r) {
       const n = e();
-      return n != null ? f(n) : C;
+      return n != null ? f(n) : x;
     }
     return f(t == null ? void 0 : t());
   }
-}, Ss = (s, e, t) => Ne(
-  y.map(s, (r) => !r),
+), Os = (s, e, t) => Fe(
+  b.map(s, (r) => !r),
   e,
   t
-), ke = (s, e, t) => {
+), Be = (s, e, t) => {
   if (t != null)
-    return ke(s, (r) => {
-      const n = new ee(
+    return Be(s, (r) => {
+      const n = new ce(
         r.index,
         r.total.map((i) => i - 1)
       );
-      return v(
-        k(n.dispose),
+      return _(
+        F(n.dispose),
         f(e(r)),
-        Ne(
+        Fe(
           r.isLast,
-          () => C,
+          () => x,
           () => t(n)
         )
       );
     });
-  if (g.is(s))
+  if (y.is(s))
     return (r) => {
       const n = s.derive(), i = r.makeRef(), l = [];
       return n.on((c) => {
-        const u = l.splice(c);
-        for (const a of u)
-          a(!0);
-        for (let a = l.length; a < c; a++) {
-          const h = new ee(a, n);
+        const a = l.splice(c);
+        for (const u of a)
+          u(!0);
+        for (let u = l.length; u < c; u++) {
+          const h = new ce(u, n);
           l.push(
-            v(
-              k(h.dispose),
+            _(
+              F(h.dispose),
               f(e(h))
             )(i)
           );
         }
       }), (c) => {
         n.dispose();
-        for (const u of l)
-          u(c);
+        for (const a of l)
+          a(c);
         l.length = 0, i.clear(c);
       };
     };
   {
-    const r = Q(s);
-    return v(
+    const r = te(s);
+    return _(
       ...Array.from({ length: s }, (n, i) => i).map((n) => {
-        const i = new ee(n, r);
-        return v(
-          k(i.dispose),
+        const i = new ce(n, r);
+        return _(
+          F(i.dispose),
           f(e(i))
         );
       })
     );
   }
-}, As = (s, e, t) => {
-  const r = y.map(s, (i) => i.length), n = y.toSignal(s);
-  return ke(
+}, Is = (s, e, t) => {
+  const r = b.map(s, (i) => i.length), n = b.toSignal(s);
+  return Be(
     r,
     (i) => {
       const l = n.map((c) => c[i.index]);
-      return v(
-        k(l.dispose),
+      return _(
+        F(l.dispose),
         f(e(l, i))
       );
     },
     t
   );
-}, vs = (s, e) => {
-  if (g.is(s)) {
+}, Hs = (s, e) => {
+  if (y.is(s)) {
     const t = s;
     return (r) => {
       r = r.makeRef();
@@ -2165,8 +2181,8 @@ const Tt = /* @__PURE__ */ new Set([
     };
   }
   return f(e(s));
-}, _s = (s, e, t = () => C) => z(
-  y.map(
+}, ks = (s, e, t = () => x) => ne(
+  b.map(
     s,
     (r) => r.length > 0 ? { notEmpty: r } : { whenEmpty: null }
   ),
@@ -2174,40 +2190,40 @@ const Tt = /* @__PURE__ */ new Set([
     notEmpty: (r) => e(r),
     whenEmpty: () => t()
   }
-), Es = (s, e) => (t) => {
-  const r = t.makePortal(s), n = ne(f(e), r);
+), $s = (s, e) => (t) => {
+  const r = t.makePortal(s), n = fe(f(e), r);
   return () => n(!0);
-}, q = /* @__PURE__ */ new Map(), Mt = (s) => ({
-  mark: et(`Probe(${s.description})`),
+}, J = /* @__PURE__ */ new Map(), qt = (s) => ({
+  mark: lt(`Probe(${s.description})`),
   create: ({ callback: e = () => {
   }, timeout: t = 10 } = {}) => {
     const r = (c) => {
-      clearTimeout(n), q.delete(s), e(c);
+      clearTimeout(n), J.delete(s), e(c);
     };
-    if (q.has(s))
+    if (J.has(s))
       throw new Error(`Probe already exists: ${s.description}`);
     const n = setTimeout(() => r("timeout"), t), i = { counter: 0, timeoutId: n };
-    return q.set(s, i), {
+    return J.set(s, i), {
       value: () => {
         clearTimeout(n);
-        const c = q.get(s);
+        const c = J.get(s);
         c != null && --c.counter === 0 && r("resolved");
       },
       dispose: () => r("disposed"),
       onUse: () => i.counter++
     };
   }
-}), Cs = Mt(Symbol("GlobalProbe")), he = (s, e) => (t) => {
+}), Ns = qt(Symbol("GlobalProbe")), Ft = (s, e) => (t) => {
   const r = t.getStyle(s);
   return t.setStyle(s, e), (n) => {
     n && t.setStyle(s, r);
   };
-}, fe = (s, e) => (t) => {
+}, Bt = (s, e) => (t) => {
   const r = t.getStyle(s), n = e.on((i) => t.setStyle(s, i));
   return (i) => {
     n(), i && t.setStyle(s, r);
   };
-}, ws = new Proxy({}, {
+}, Te = (s, e) => y.is(e) ? Bt(s, e) : Ft(s, e), Rs = new Proxy({}, {
   /**
    * Creates a renderable component for the specified `style` property.
    *
@@ -2216,8 +2232,8 @@ const Tt = /* @__PURE__ */ new Set([
    * @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) => {
+  get: (s, e) => e === "variable" ? (t, r) => Te(t, r) : (t) => Te(e, t)
+}), Wt = (s) => (e) => {
   if (e.isBrowser()) {
     const t = s(e);
     if (t != null)
@@ -2225,11 +2241,11 @@ const Tt = /* @__PURE__ */ new Set([
   }
   return () => {
   };
-}, xs = (s) => (e) => {
+}, Vs = (s) => (e) => {
   const t = s(e);
   return t == null ? () => {
   } : f(t)(e);
-}, Ps = (s) => Ot((e) => s(e.element)), Ls = (s) => (e) => {
+}, js = (s) => Wt((e) => s(e.element)), qs = (s) => (e) => {
   if (e.isHeadlessDOM()) {
     const t = s(e);
     if (t)
@@ -2237,7 +2253,7 @@ const Tt = /* @__PURE__ */ new Set([
   }
   return () => {
   };
-}, ie = (s) => (e) => {
+}, pe = (s) => (e) => {
   let t = e;
   function r() {
     return t;
@@ -2247,137 +2263,137 @@ const Tt = /* @__PURE__ */ new Set([
   }
   const i = [], l = s({
     use: ({ mark: c }) => {
-      const { value: u, onUse: a } = r().getProvider(c);
-      return a == null || a(), u;
+      const { value: a, onUse: u } = r().getProvider(c);
+      return u == null || u(), a;
     },
-    set: ({ mark: c, create: u }, a) => {
-      const { value: h, dispose: m, onUse: T } = u(a, r());
-      i.push(m), n(r().setProvider(c, h, T));
+    set: ({ mark: c, create: a }, u) => {
+      const { value: h, dispose: d, onUse: p } = a(u, r());
+      i.push(d), n(r().setProvider(c, h, p));
     }
   });
   return l == null ? () => {
-  } : v(
+  } : _(
     f(l),
-    k(() => i.forEach((c) => c()))
+    F(() => i.forEach((c) => c()))
   )(r());
-}, 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 }) => {
+}, Fs = (s, e, t) => pe(({ set: r }) => (r(s, e), t())), Bs = (s, e) => pe(({ use: t }) => e(t(s))), Ws = (...s) => (e) => pe(({ use: t }) => {
   const r = s.map(t);
   return e(...r);
 });
 export {
-  ns as Async,
-  fs as BindChecked,
-  cs as BindDate,
-  us as BindDateTime,
-  as as BindNumber,
-  hs as BindText,
-  O as BrowserContext,
-  W as CLASS_PLACEHOLDER_ATTR,
-  M as Computed,
-  ms as Conjunction,
-  ys as DOMNode,
-  De as El,
-  Me as ElNS,
-  ee as ElementPosition,
-  C as Empty,
-  Ts as Ensure,
-  bs as EnsureAll,
-  As as ForEach,
-  v as Fragment,
-  Cs as GlobalProbe,
-  Gt as HeadlessAdapter,
-  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,
-  gs as OneOfType,
-  Dt as OneOfValue,
-  Es as Portal,
-  F as Prop,
-  Ds as Provide,
-  ve as ProviderNotFoundError,
-  tt as RenderingError,
-  ke as Repeat,
-  g as Signal,
-  Oe as Task,
-  Yt as TextNode,
-  Ss as Unless,
-  Ms as Use,
-  Os as UseMany,
-  y as Value,
-  Ne as When,
-  Ot as WithBrowserCtx,
-  xs as WithCtx,
-  Ps as WithElement,
-  Ls as WithHeadlessCtx,
-  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,
-  Ye as animateSignals,
-  Zt as aria,
-  $ as attr,
-  Bt as bind,
-  Wt as coalesce,
-  te as computed,
-  re as computedOf,
-  Qe as computedRecord,
-  Qt as dataAttr,
-  Vt as delaySignal,
-  Ue as effect,
-  Nt as effectOf,
-  Ct as emit,
-  ls as emitChecked,
-  L as emitTarget,
-  wt as emitValue,
-  Pt as emitValueAsDate,
-  Lt as emitValueAsDateTime,
-  is as emitValueAsNullableDate,
-  os as emitValueAsNullableDateTime,
-  xt as emitValueAsNumber,
-  Fe as endInterpolate,
-  se as getWindow,
-  Be as guessInterpolate,
-  es as html,
-  ts as input,
-  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,
-  Z as on,
-  qt as previousSignal,
-  E as prop,
-  Ut as render,
-  ne as renderWithContext,
+  gs as Async,
+  Es as BindChecked,
+  Ss as BindDate,
+  vs as BindDateTime,
+  As as BindNumber,
+  _s as BindText,
+  R as BrowserContext,
+  Y as CLASS_PLACEHOLDER_ATTR,
+  N as Computed,
+  Ps as Conjunction,
+  Ls as DOMNode,
+  Ne as El,
+  Re as ElNS,
+  ce as ElementPosition,
+  x as Empty,
+  Ds as Ensure,
+  Ms as EnsureAll,
+  Is as ForEach,
+  _ as Fragment,
+  Ns as GlobalProbe,
+  is as HeadlessAdapter,
+  V as HeadlessContext,
+  _t as HeadlessElement,
+  He as HeadlessPortal,
+  Et as HeadlessText,
+  Hs as MapSignal,
+  ve as MemoryStore,
+  ks as NotEmpty,
+  It as OnChecked,
+  F as OnDispose,
+  ne as OneOf,
+  qe as OneOfField,
+  Cs as OneOfKind,
+  ws as OneOfTuple,
+  xs as OneOfType,
+  jt as OneOfValue,
+  $s as Portal,
+  G as Prop,
+  Fs as Provide,
+  Le as ProviderNotFoundError,
+  ct as RenderingError,
+  Be as Repeat,
+  y as Signal,
+  Ve as Task,
+  ls as TextNode,
+  Os as Unless,
+  Bs as Use,
+  Ws as UseMany,
+  b as Value,
+  Fe as When,
+  Wt as WithBrowserCtx,
+  Vs as WithCtx,
+  js as WithElement,
+  qs as WithHeadlessCtx,
+  pe as WithProvider,
+  De as _NODE_PLACEHOLDER_ATTR,
+  ot as _getSelfOrParentElement,
+  Pe as _isElement,
+  it as _makeGetter,
+  nt as _makeSetter,
+  X as _removeDOMNode,
+  $e as _signalText,
+  ke as _staticText,
+  Qt as animateSignal,
+  st as animateSignals,
+  as as aria,
+  q as attr,
+  ts as bind,
+  ss as coalesce,
+  ae as computed,
+  he as computedOf,
+  rt as computedRecord,
+  cs as dataAttr,
+  zt as delaySignal,
+  ze as effect,
+  Gt as effectOf,
+  Ht as emit,
+  Ts as emitChecked,
+  I as emitTarget,
+  kt as emitValue,
+  Nt as emitValueAsDate,
+  Rt as emitValueAsDateTime,
+  ys as emitValueAsNullableDate,
+  bs as emitValueAsNullableDateTime,
+  $t as emitValueAsNumber,
+  Ye as endInterpolate,
+  ue as getWindow,
+  Qe as guessInterpolate,
+  fs as html,
+  ds as input,
+  Xe as interpolateDate,
+  Je as interpolateNumber,
+  Ge as interpolateString,
+  Jt as joinSignals,
+  Xt as localStorageProp,
+  qt as makeProbe,
+  lt as makeProviderMark,
+  ms as math,
+  hs as mathAttr,
+  Zt as merge,
+  re as on,
+  Kt as previousSignal,
+  w as prop,
+  rs as render,
+  fe as renderWithContext,
   f as renderableOfTNode,
-  Xt as restoreTempoPlaceholders,
-  Jt as runHeadless,
-  It as sessionStorageProp,
-  Q as signal,
-  Ft as slidingWindowSignal,
-  ge as storedProp,
-  ws as style,
-  ss as svg,
-  zt as svgAttr
+  os as restoreTempoPlaceholders,
+  ns as runHeadless,
+  Yt as sessionStorageProp,
+  te as signal,
+  es as slidingWindowSignal,
+  Ae as storedProp,
+  Rs as style,
+  ps as svg,
+  us as svgAttr
 };