@tempots/dom 19.3.1 → 20.0.1

package/index.js

@@ -12,7 +12,7 @@ const Ce = (t, e, r) => {
     isNaN(a) && (a = 97), n += String.fromCharCode(i + (a - i) * r);
   }
   return n;
-}, Le = (t, e, r) => new Date(t.getTime() + (e.getTime() - t.getTime()) * r), Ne = (t, e) => e, Oe = (t) => typeof t == "number" ? Te : typeof t == "string" ? Ce : t instanceof Date ? Le : Ne;
+}, Le = (t, e, r) => new Date(t.getTime() + (e.getTime() - t.getTime()) * r), Oe = (t, e) => e, Ne = (t) => typeof t == "number" ? Te : typeof t == "string" ? Ce : t instanceof Date ? Le : Oe;
 class ke {
   /**
    * Creates a new instance of `ElementPosition`.
@@ -146,7 +146,7 @@ const p = class p {
      * @returns - A new Computed instance with the mapped value.
      */
     l(this, "map", (e, r = (s, n) => s === n) => {
-      const s = new P(() => {
+      const s = new E(() => {
         try {
           return e(this.get());
         } catch (n) {
@@ -166,7 +166,7 @@ const p = class p {
      * @returns A new Signal that emits the values of the resulting Signal.
      */
     l(this, "flatMap", (e, r = (s, n) => s === n) => {
-      const s = new P(() => {
+      const s = new E(() => {
         try {
           return e(this.get()).get();
         } catch (n) {
@@ -190,21 +190,12 @@ const p = class p {
      */
     l(this, "at", (e) => this.map((r) => r[e]));
     /**
-     * Represents a collection of signals for each key in the value of the signal.
-     * @typeParam T - The type of the signals.
+     * @internal
      */
-    l(this, "$", new Proxy(this, {
-      /**
-       * Retrieves the signal with the specified key.
-       * @param _ - The target object.
-       * @param key - The key of the signal.
-       * @returns The signal associated with the key.
-       */
-      get: (e, r) => this.at(r)
-    }));
+    l(this, "_$");
     l(this, "filter", (e, r) => {
       let s = r ?? this.get();
-      const n = new P(() => {
+      const n = new E(() => {
         try {
           const o = this.get();
           return s = e(o) ? o : s;
@@ -226,7 +217,7 @@ const p = class p {
      */
     l(this, "filterMap", (e, r, s = (n, o) => n === o) => {
       let n = r;
-      const o = new P(() => {
+      const o = new E(() => {
         try {
           const i = this.get(), a = e(i);
           return n = a ?? n;
@@ -254,13 +245,13 @@ const p = class p {
       let i = 0, a = new AbortController();
       return o.onDispose(
         this.on(async (u) => {
-          const c = ++i;
+          const f = ++i;
           a.abort(), a = new AbortController();
           try {
             const d = await e(u, { abortSignal: a.signal });
-            c === i && o.set(d);
+            f === i && o.set(d);
           } catch (d) {
-            if (c === i)
+            if (f === i)
               if (s != null)
                 o.set(s(d));
               else
@@ -327,6 +318,15 @@ const p = class p {
   get value() {
     return this._value;
   }
+  /**
+   * Represents a collection of signals mapping to each key/field in the wrapped value.
+   * @typeParam T - The type of the signals.
+   */
+  get $() {
+    return this._$ !== void 0 ? this._$ : this._$ = new Proxy(this, {
+      get: (e, r) => this.at(r)
+    });
+  }
 };
 /**
  * Creates a Signal that holds the result of a Promise.
@@ -393,7 +393,7 @@ l(p, "unwrap", (e) => p.is(e) ? e.get() : e), /**
 l(p, "map", (e, r) => p.is(e) ? e.map(r) : r(e));
 let h = p;
 const Re = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
-class P extends h {
+class E extends h {
   /**
    * Represents a Signal object.
    * @param _fn - The function that returns the value of the signal.
@@ -450,7 +450,7 @@ class P extends h {
     return this.get();
   }
 }
-const V = class V extends h {
+const F = class F extends h {
   constructor() {
     super(...arguments);
     /**
@@ -504,7 +504,7 @@ const V = class V extends h {
      * @returns A Prop object representing the isomorphism.
      */
     l(this, "iso", (r, s, n = (o, i) => o === i) => {
-      const o = new V(r(this.get()), n);
+      const o = new F(r(this.get()), n);
       return o.onDispose(this.on((i) => o.set(r(i)))), o.on((i) => this._setAndNotify(s(i), !1)), o;
     });
     /**
@@ -533,16 +533,29 @@ const V = class V extends h {
  * @param value - The value to check.
  * @returns `true` if the value is a Prop, `false` otherwise.
  */
-l(V, "is", (r) => (
+l(F, "is", (r) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   r != null && r.$__prop__ === !0
 ));
-let F = V;
-const U = (t, e, r = (s, n) => s === n) => {
-  const s = new P(t, r);
+let $ = F;
+const V = (t, e, r = (s, n) => s === n) => {
+  const s = new E(t, r);
   return e.forEach((n) => n.setDerivative(s)), s;
-}, mt = (t, e) => U(t, e).dispose, C = (t, e = (r, s) => r === s) => new F(t, e), gt = (t, e = (r, s) => r === s) => new h(t, e);
-class z {
+}, pt = (...t) => (e, r) => {
+  const s = t.filter((n) => h.is(n));
+  return V(
+    () => e(...t.map((n) => h.unwrap(n))),
+    s,
+    r
+  );
+}, Me = (t, e) => V(t, e).dispose, mt = (...t) => (e) => {
+  const r = t.filter((s) => h.is(s));
+  Me(
+    () => e(...t.map(h.unwrap)),
+    r
+  );
+}, C = (t, e = (r, s) => r === s) => new $(t, e), gt = (t, e = (r, s) => r === s) => new h(t, e);
+class Q {
   constructor() {
     l(this, "_store", /* @__PURE__ */ new Map());
     /**
@@ -561,7 +574,7 @@ class z {
     });
   }
 }
-const Q = ({
+const Y = ({
   key: t,
   defaultValue: e,
   store: r,
@@ -570,56 +583,56 @@ const Q = ({
   equals: o = (a, u) => a === u,
   onLoad: i = (a) => a
 }) => {
-  const a = r.getItem(t), u = new F(
+  const a = r.getItem(t), u = new $(
     a != null ? i(n(a)) : typeof e == "function" ? e() : e,
     o
   );
-  return u.on((c) => {
-    r.setItem(t, s(c));
+  return u.on((f) => {
+    r.setItem(t, s(f));
   }), u;
-}, _t = (t) => Q({
+}, _t = (t) => Y({
   ...t,
-  store: (window == null ? void 0 : window.localStorage) ?? new z()
-}), vt = (t) => Q({
+  store: (window == null ? void 0 : window.localStorage) ?? new Q()
+}), vt = (t) => Y({
   ...t,
-  store: (window == null ? void 0 : window.sessionStorage) ?? new z()
+  store: (window == null ? void 0 : window.sessionStorage) ?? new Q()
 });
-function X(t) {
+function z(t) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 0);
 }
-const Me = (t, e, r, s) => {
+const $e = (t, e, r, s) => {
   const n = (s == null ? void 0 : s.duration) ?? 300, o = (s == null ? void 0 : s.easing) ?? ((_) => _), i = (s == null ? void 0 : s.equals) ?? ((_, k) => _ === k);
-  let a = s == null ? void 0 : s.interpolate, u = t, c = e(), d = performance.now(), A = null, m = !0;
-  const D = new P(e, i), S = C(t, i);
-  S.onDispose(() => {
-    A !== null && cancelAnimationFrame(A);
-  }), S.onDispose(D.dispose), r.forEach((_) => {
-    _.setDerivative(D), _.onDispose(S.dispose);
+  let a = s == null ? void 0 : s.interpolate, u = t, f = e(), d = performance.now(), S = null, m = !0;
+  const D = new E(e, i), A = C(t, i);
+  A.onDispose(() => {
+    S !== null && cancelAnimationFrame(S);
+  }), A.onDispose(D.dispose), r.forEach((_) => {
+    _.setDerivative(D), _.onDispose(A.dispose);
   });
-  const Pe = (_) => {
-    c = _, d = performance.now(), u = S.value, m && (m = !1, A = X(J));
-  }, J = () => {
-    const k = (performance.now() - d) / h.unwrap(n), Ee = o(k);
-    a == null && (a = Oe(u));
-    let K = a(u, c, Ee);
-    k >= 1 ? (m = !0, K = c) : A = X(J), S.set(K);
+  const Ee = (_) => {
+    f = _, d = performance.now(), u = A.value, m && (m = !1, S = z(H));
+  }, H = () => {
+    const k = (performance.now() - d) / h.unwrap(n), Pe = o(k);
+    a == null && (a = Ne(u));
+    let X = a(u, f, Pe);
+    k >= 1 ? (m = !0, X = f) : S = z(H), A.set(X);
   };
-  return D.on(Pe), S;
-}, yt = (t, e) => {
+  return D.on(Ee), A;
+}, wt = (t, e) => {
   const { initialValue: r, ...s } = e ?? {};
-  return Me(
+  return $e(
     r ?? t.get(),
     t.get,
     [t],
     s
   );
-}, wt = (t, e) => {
+}, yt = (t, e) => {
   const { signals: r, literals: s } = Object.entries(t).reduce(
     ({ signals: o, literals: i }, [a, u]) => (h.is(u) ? o.push([a, u]) : i[a] = u, { signals: o, literals: i }),
     { signals: [], literals: {} }
   ), n = r.map(([, o]) => o);
-  return U(() => (r.forEach(([o, i]) => s[o] = i.value), e(s)), n);
-}, Y = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), Z = /* @__PURE__ */ new Set([
+  return V(() => (r.forEach(([o, i]) => s[o] = i.value), e(s)), n);
+}, Z = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), K = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
@@ -647,9 +660,9 @@ const Me = (t, e, r, s) => {
   r == null ? e[t] = null : e[t] = r;
 }, Ie = (t) => (e, r) => {
   r == null ? e[t] = null : e[t] = String(r);
-}, $e = (t) => (e, r) => {
+}, Be = (t) => (e, r) => {
   r == null ? e.removeAttribute(t) : e.setAttribute(t, r);
-}, te = (t) => Y.has(t) ? b(t, Fe) : Z.has(t) ? b(t, Ve) : x.has(t) ? b(t, qe) : ee.has(t) ? b(t, Ie) : b(t, $e), re = (t) => (e) => Y.has(t) ? !!e[t] : Z.has(t) ? Number(e[t]) : x.has(t) ? e[t] : ee.has(t) ? String(e[t]) : e.getAttribute(t);
+}, te = (t) => Z.has(t) ? b(t, Fe) : K.has(t) ? b(t, Ve) : x.has(t) ? b(t, qe) : ee.has(t) ? b(t, Ie) : b(t, Be), re = (t) => (e) => Z.has(t) ? !!e[t] : K.has(t) ? Number(e[t]) : x.has(t) ? e[t] : ee.has(t) ? String(e[t]) : e.getAttribute(t);
 class v {
   /**
    * Constructs a new `DOMContext` instance.
@@ -771,7 +784,7 @@ class v {
      */
     l(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
-        throw new Be(e);
+        throw new je(e);
       return this.providers[e];
     });
     this.document = e, this.element = r, this.reference = s, this.providers = n, this.isFirstLevel = o;
@@ -787,7 +800,7 @@ class v {
     return new v(e.ownerDocument, e, r, {}, !0);
   }
 }
-class Be extends Error {
+class je extends Error {
   constructor(e) {
     super(`Provider not found: ${e.description}`);
   }
@@ -795,42 +808,7 @@ class Be extends Error {
 const g = (t) => {
   const e = t;
   e && e.onblur && (e.onblur = null), !(!t || t.ownerDocument === void 0) && t.parentElement && t.parentElement.removeChild(t);
-}, Ue = (t) => se(t) ? t : t.parentElement, se = (t) => t.nodeType === 1;
-function je(t) {
-  var r;
-  let e = (r = t.split("/").pop()) == null ? void 0 : r.split(".").pop();
-  return e === "" ? e = void 0 : e = "." + e, e;
-}
-function We(t, e, r) {
-  let s = t.target;
-  for (; s != null && !(s instanceof HTMLAnchorElement); )
-    s = s.parentElement;
-  if (s == null)
-    return !0;
-  const n = s;
-  if (t.button !== 0 || t.ctrlKey || t.metaKey || n.target !== "_self" && n.target !== "" || n.getAttribute("download") != null)
-    return !0;
-  const { pathname: o, search: i, hash: a } = n;
-  if (r) {
-    const u = o + i + a, c = n.getAttribute("href");
-    if (!(c != null && c.startsWith("#")) && c !== u)
-      return !0;
-  }
-  if (e !== !1) {
-    const u = je(o);
-    if (u != null && (e === !0 || Array.isArray(e) && !e.some((c) => u == c)))
-      return !0;
-  }
-  return !1;
-}
-const At = (t, {
-  checkExtension: e = [".html"],
-  checkExternalUrl: r = !0
-} = {}) => (s) => {
-  Array.isArray(e) && (e = e.map(
-    (n) => n.startsWith(".") ? n : "." + n
-  )), !We(s, e, r) && t() && s.preventDefault();
-}, ne = (t) => (e) => {
+}, Ue = (t) => se(t) ? t : t.parentElement, se = (t) => t.nodeType === 1, ne = (t) => (e) => {
   he(e);
   const r = e.createText(t);
   return e.appendOrInsert(r), (s) => {
@@ -844,15 +822,15 @@ const At = (t, {
   return (n) => {
     s(), n && g(r);
   };
-}, St = (t) => h.is(t) ? oe(t) : ne(t), y = (...t) => (e) => {
-  const r = t.map((s) => f(s)(e));
+}, St = (t) => h.is(t) ? oe(t) : ne(t), w = (...t) => (e) => {
+  const r = t.map((s) => c(s)(e));
   return (s) => {
     r.forEach((n) => n(s));
   };
-}, w = () => () => {
+}, y = () => () => {
 }, Ge = (t) => (e) => (ce(e), e.element.classList.add(...t), (r) => {
   r && e.element.classList.remove(...t);
-}), He = (t) => (e) => {
+}), Je = (t) => (e) => {
   ce(e);
   const r = e.element;
   let s = [];
@@ -871,7 +849,7 @@ const At = (t, {
       i && r(n.element, o);
     };
   };
-}, N = (t, e) => {
+}, O = (t, e) => {
   const r = te(t), s = re(t);
   return (n) => {
     ae(n, t);
@@ -880,7 +858,7 @@ const At = (t, {
       i(), a && r(n.element, o);
     };
   };
-}, E = new Proxy(
+}, P = new Proxy(
   {},
   {
     /**
@@ -894,9 +872,9 @@ const At = (t, {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => e === "class" ? (r) => h.is(r) ? He(r) : Ge(
+    get: (t, e) => e === "class" ? (r) => h.is(r) ? Je(r) : Ge(
       (r ?? "").split(" ").filter((s) => s.length > 0)
-    ) : (r) => h.is(r) ? N(
+    ) : (r) => h.is(r) ? O(
       e,
       r
     ) : L(
@@ -904,7 +882,7 @@ const At = (t, {
       r
     )
   }
-), Pt = new Proxy(
+), At = new Proxy(
   {},
   {
     /**
@@ -915,7 +893,7 @@ const At = (t, {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? N(
+    get: (t, e) => (r) => h.is(r) ? O(
       `data-${e}`,
       r
     ) : L(`data-${e}`, r)
@@ -931,7 +909,7 @@ const At = (t, {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? N(
+    get: (t, e) => (r) => h.is(r) ? O(
       `aria-${e}`,
       r
     ) : L(
@@ -939,7 +917,7 @@ const At = (t, {
       r
     )
   }
-), Dt = new Proxy(
+), Pt = new Proxy(
   {},
   {
     /**
@@ -950,7 +928,7 @@ const At = (t, {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? N(
+    get: (t, e) => (r) => h.is(r) ? O(
       e,
       r
     ) : L(
@@ -958,7 +936,7 @@ const At = (t, {
       r
     )
   }
-), bt = new Proxy(
+), Dt = new Proxy(
   {},
   {
     /**
@@ -968,7 +946,7 @@ const At = (t, {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? N(
+    get: (t, e) => (r) => h.is(r) ? O(
       e,
       r
     ) : L(
@@ -976,21 +954,21 @@ const At = (t, {
       r
     )
   }
-), f = (t) => t == null ? w : Array.isArray(t) ? y(...t.map(f)) : typeof t == "string" ? ne(t) : h.is(t) ? oe(t) : t, ie = (t, ...e) => (r) => {
+), c = (t) => t == null ? y : Array.isArray(t) ? w(...t.map(c)) : typeof t == "string" ? ne(t) : h.is(t) ? oe(t) : t, ie = (t, ...e) => (r) => {
   const s = r.createElement(t, void 0);
-  r.isFirstLevel && O() && fe(s), r.appendOrInsert(s), r = r.withElement(s);
-  const n = e.map((o) => f(o)(r));
+  r.isFirstLevel && N() && fe(s), r.appendOrInsert(s), r = r.withElement(s);
+  const n = e.map((o) => c(o)(r));
   return (o) => {
     n.forEach((i) => i(!1)), o && g(s);
   };
 }, le = (t, e, ...r) => (s) => {
   const n = s.createElement(t, e);
-  s.isFirstLevel && O() && fe(n), s.appendOrInsert(n), s = s.withElement(n);
-  const o = r.map((i) => f(i)(s));
+  s.isFirstLevel && N() && fe(n), s.appendOrInsert(n), s = s.withElement(n);
+  const o = r.map((i) => c(i)(s));
   return (i) => {
     o.forEach((a) => a(!1)), i && g(n);
   };
-}, Tt = new Proxy(
+}, bt = new Proxy(
   {},
   {
     /**
@@ -998,9 +976,9 @@ const At = (t, {
      * @param tagName - The HTML tag name.
      * @returns A renderable function that creates and appends the HTML element to the DOM.
      */
-    get: (t, e) => (...r) => ie(e, r.flatMap(f))
+    get: (t, e) => (...r) => ie(e, r.flatMap(c))
   }
-), Ct = new Proxy(
+), Tt = new Proxy(
   {},
   {
     /**
@@ -1008,9 +986,9 @@ const At = (t, {
      * @param type - The input type name.
      * @returns A renderable function that creates and appends the HTMLInput element to the DOM.
      */
-    get: (t, e) => (...r) => ie("input", E.type(e), ...r)
+    get: (t, e) => (...r) => ie("input", P.type(e), ...r)
   }
-), Je = "http://www.w3.org/2000/svg", Lt = new Proxy(
+), We = "http://www.w3.org/2000/svg", Ct = new Proxy(
   {},
   {
     /**
@@ -1018,9 +996,9 @@ const At = (t, {
      * @param tagName - The SVG tag name.
      * @returns A renderable function that creates and appends the SVG element to the DOM.
      */
-    get: (t, e) => (...r) => le(e, Je, r.flatMap(f))
+    get: (t, e) => (...r) => le(e, We, r.flatMap(c))
   }
-), Ke = "http://www.w3.org/1998/Math/MathML", Nt = new Proxy(
+), He = "http://www.w3.org/1998/Math/MathML", Lt = new Proxy(
   {},
   {
     /**
@@ -1028,7 +1006,7 @@ const At = (t, {
      * @param tagName - The Math tag name.
      * @returns A renderable function that creates and appends the Math element to the DOM.
      */
-    get: (t, e) => (...r) => le(e, Ke, r.flatMap(f))
+    get: (t, e) => (...r) => le(e, He, r.flatMap(c))
   }
 ), T = "data-tempo-attr", R = "data-tempo-class", ue = "data-tempo-node", M = "data-tempo-text", Xe = (t, e) => {
   const r = t.getAttribute(e);
@@ -1040,7 +1018,7 @@ const At = (t, {
     );
   }
 }, ae = (t, e) => {
-  O() && t.isFirstLevel && Xe(t.element, e);
+  N() && t.isFirstLevel && Xe(t.element, e);
 }, ze = (t) => {
   t.querySelectorAll(`[${T}]`).forEach((e) => {
     const r = JSON.parse(
@@ -1055,7 +1033,7 @@ function Qe(t) {
   t.setAttribute(R, t.className);
 }
 const ce = (t) => {
-  O() && t.isFirstLevel && Qe(t.element);
+  N() && t.isFirstLevel && Qe(t.element);
 }, Ye = (t) => {
   t.querySelectorAll(`[${R}]`).forEach((e) => {
     const r = e.getAttribute(R);
@@ -1067,62 +1045,62 @@ const ce = (t) => {
   t.querySelectorAll(`[${ue}]`).forEach((e) => {
     g(e);
   });
-}, xe = (t) => {
+}, Ke = (t) => {
   t.setAttribute(M, t.textContent ?? "");
 }, he = (t) => {
-  O() && t.isFirstLevel && xe(t.element);
-}, et = (t) => {
+  N() && t.isFirstLevel && Ke(t.element);
+}, xe = (t) => {
   t.querySelectorAll(`[${M}]`).forEach((e) => {
     e.textContent = e.getAttribute(M), e.removeAttribute(M);
   });
-}, tt = (t) => {
-  Ze(t), Ye(t), ze(t), et(t);
+}, et = (t) => {
+  Ze(t), Ye(t), ze(t), xe(t);
 }, de = () => {
   const t = globalThis;
   return t.__tempoSSR__ == null && (t.__tempoSSR__ = {
     isSSR: !1,
     counter: 0
   }), t.__tempoSSR__;
-}, j = (t, e) => {
+}, U = (t, e) => {
   const r = de();
   r[t] = e;
-}, pe = (t) => de()[t], $ = (t) => {
-  j("isSSR", t);
-}, W = () => pe("counter"), rt = () => {
-  j("counter", (W() ?? 0) + 1);
-}, st = () => {
-  j("counter", (W() ?? 0) - 1);
-}, Ot = (t = 30) => ($(!0), new Promise((e, r) => {
+}, pe = (t) => de()[t], B = (t) => {
+  U("isSSR", t);
+}, G = () => pe("counter"), tt = () => {
+  U("counter", (G() ?? 0) + 1);
+}, rt = () => {
+  U("counter", (G() ?? 0) - 1);
+}, Ot = (t = 30) => (B(!0), new Promise((e, r) => {
   let s;
   const n = setInterval(() => {
-    W() <= 0 && (clearInterval(n), clearTimeout(s), $(!1), e());
+    G() <= 0 && (clearInterval(n), clearTimeout(s), B(!1), e());
   }, 30);
   s = setTimeout(() => {
-    clearInterval(n), $(!1), r(new Error("SSR Timeout"));
+    clearInterval(n), B(!1), r(new Error("SSR Timeout"));
   }, t * 1e3);
-})), kt = (t) => (rt(), f(t(st))), O = () => pe("isSSR"), me = (t, e) => {
+})), Nt = (t) => (tt(), c(t(rt))), N = () => pe("isSSR"), me = (t, e) => {
   if (typeof e == "function")
     return me(t, { then: e });
-  const r = e.pending != null ? f(e.pending) : w, s = e.then, n = e.error != null ? (o) => f(e.error(o)) : () => w;
+  const r = e.pending != null ? c(e.pending) : y, s = e.then, n = e.error != null ? (o) => c(e.error(o)) : () => y;
   return (o) => {
     let i = !0;
     const a = t();
     o = o.makeRef();
-    let u = f(r)(o);
+    let u = c(r)(o);
     return a.then(
-      (c) => {
-        i && (u(!0), u = f(s(c))(o));
+      (f) => {
+        i && (u(!0), u = c(s(f))(o));
       },
-      (c) => {
-        i && (u(!0), u = f(n(c))(o));
+      (f) => {
+        i && (u(!0), u = c(n(f))(o));
       }
-    ), (c) => {
-      i = !1, u(c), c && o.reference && g(o.reference);
+    ), (f) => {
+      i = !1, u(f), f && o.reference && g(o.reference);
     };
   };
-}, Rt = (t, e) => me(() => t, e), ge = (t, e) => (r) => (r.element.addEventListener(t, e), (s) => {
+}, kt = (t, e) => me(() => t, e), ge = (t, e) => (r) => (r.element.addEventListener(t, e), (s) => {
   s && r.element.removeEventListener(t, e);
-}), nt = (t) => ge("click", (e) => {
+}), st = (t) => ge("click", (e) => {
   e.preventDefault();
   const r = e.target;
   setTimeout(() => {
@@ -1139,13 +1117,13 @@ const ce = (t) => {
      */
     get: (t, e) => (r) => ge(e, r)
   }
-), ot = (t) => (e) => {
+), nt = (t) => (e) => {
   const r = e.target;
   t(r.value);
-}, it = (t) => (e) => {
+}, ot = (t) => (e) => {
   const r = e.target;
   t(r.valueAsNumber);
-}, lt = (t) => (e) => {
+}, it = (t) => (e) => {
   const r = e.target;
   if (r.value === "")
     return;
@@ -1155,7 +1133,7 @@ const ce = (t) => {
     Number(s[2].substring(0, 2))
   );
   t(n);
-}, ut = (t) => (e) => {
+}, lt = (t) => (e) => {
   const r = e.target;
   if (r.value === "")
     return;
@@ -1165,25 +1143,25 @@ const ce = (t) => {
     Number(n[2])
   ), i = s[1].split(":");
   o.setHours(Number(i[0])), o.setMinutes(Number(i[1])), o.setSeconds(Number(i[2])), t(o);
-}, Mt = (t) => (e) => {
+}, Rt = (t) => (e) => {
   const r = e.target;
   t(r.checked);
-}, Ft = (t) => (e) => {
+}, Mt = (t) => (e) => {
   e.preventDefault(), t();
-}, Vt = (t) => (e) => {
+}, $t = (t) => (e) => {
   e.stopPropagation(), t();
-}, qt = (t) => (e) => {
+}, Ft = (t) => (e) => {
   e.stopImmediatePropagation(), t();
-}, It = (t, e = "input") => y(
-  E.valueAsDate(t),
-  q[e](lt(t.set))
-), $t = (t, e = "input") => y(
-  E.valueAsDate(t),
-  q[e](ut(t.set))
-), Bt = (t, e = "input") => y(
-  E.valueAsNumber(t),
+}, Vt = (t, e = "input") => w(
+  P.valueAsDate(t),
   q[e](it(t.set))
-), Ut = (t, e = "input") => y(E.value(t), q[e](ot(t.set))), jt = (t) => y(E.checked(t), nt(t.set)), G = (t, e) => (r) => {
+), qt = (t, e = "input") => w(
+  P.valueAsDate(t),
+  q[e](lt(t.set))
+), It = (t, e = "input") => w(
+  P.valueAsNumber(t),
+  q[e](ot(t.set))
+), Bt = (t, e = "input") => w(P.value(t), q[e](nt(t.set))), jt = (t) => w(P.checked(t), st(t.set)), J = (t, e) => (r) => {
   r = r.makeRef();
   let s, n;
   const o = t.map((u) => Object.keys(u)[0]);
@@ -1191,26 +1169,26 @@ const ce = (t) => {
   const a = o.on((u) => {
     if (u !== i) {
       n == null || n.dispose(), s == null || s(!0), n = t.map((d) => d[u]);
-      const c = e[u](n);
-      s = f(c)(r), i = u;
+      const f = e[u](n);
+      s = c(f)(r), i = u;
     }
   });
   return (u) => {
     a(), u && r.reference != null && g(r.reference), s == null || s(!0);
   };
-}, _e = (t, e, r) => G(
+}, _e = (t, e, r) => J(
   t.map((s) => ({ [s[e]]: s })),
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   r
-), Wt = (t, e) => _e(t, "kind", e), Gt = (t, e) => {
+), Ut = (t, e) => _e(t, "kind", e), Gt = (t, e) => {
   const r = t.map(([s, n]) => ({ [s]: n }));
-  return G(r, e);
-}, Ht = (t, e) => _e(t, "type", e), H = (t, e) => G(
+  return J(r, e);
+}, Jt = (t, e) => _e(t, "type", e), W = (t, e) => J(
   t.map((r) => ({ [r]: !0 })),
   e
-), Jt = (t, e = {}) => (r) => {
-  const s = (e == null ? void 0 : e.firstSeparator) ?? w, n = (e == null ? void 0 : e.lastSeparator) ?? w;
-  return H(
+), Wt = (t, e = {}) => (r) => {
+  const s = (e == null ? void 0 : e.firstSeparator) ?? y, n = (e == null ? void 0 : e.lastSeparator) ?? y;
+  return W(
     r.map((o) => o.isFirst ? "first" : o.isLast ? "last" : "other"),
     {
       first: () => s,
@@ -1225,8 +1203,8 @@ const ce = (t) => {
       throw new Error(`No provider found for mark: ${o.description}`);
     return n[o] = i, n;
   }, {});
-  return f(e(s))(r);
-}, Kt = (t, e) => (r) => {
+  return c(e(s))(r);
+}, Ht = (t, e) => (r) => {
   const s = [], n = Object.entries(t).reduce(
     (o, [i, a]) => (s.push(
       a((u) => (Reflect.set(o, i, u), null))(r)
@@ -1236,42 +1214,42 @@ const ce = (t) => {
   return s.push(e(n)(r)), (o) => {
     s.forEach((i) => i(o));
   };
-}, Xt = (t, e) => ve([t], (r) => f(e(r[t]))), zt = (t, e) => ve(t, (r) => f(e(r))), Qt = (t) => (e) => t(e), Yt = (t) => (e) => (e.appendOrInsert(t), (r) => {
+}, Xt = (t, e) => ve([t], (r) => c(e(r[t]))), zt = (t, e) => ve(t, (r) => c(e(r))), Qt = (t) => (e) => t(e), Yt = (t) => (e) => (e.appendOrInsert(t), (r) => {
   r && g(t);
-}), at = (t, e, r) => (s) => {
+}), ut = (t, e, r) => (s) => {
   s = s.makeRef();
   let n = null, o = !1;
   const i = C(null), a = t.on((u) => {
-    u == null ? (n == null || n(!0), n = f((r == null ? void 0 : r()) ?? w)(s), o = !1) : (i.value = u, o || (n == null || n(!0), n = f(e(i))(s), o = !0));
+    u == null ? (n == null || n(!0), n = c((r == null ? void 0 : r()) ?? y)(s), o = !1) : (i.value = u, o || (n == null || n(!0), n = c(e(i))(s), o = !0));
   });
   return (u) => {
     a(), n == null || n(u), u && s.reference && g(s.reference);
   };
-}, B = (t) => (e) => (r) => t(r, e), ye = (t, e, r) => r != null ? ye(t, (s) => {
+}, j = (t) => (e) => (r) => t(r, e), we = (t, e, r) => r != null ? we(t, (s) => {
   const n = s.map((o) => o.isLast ? "last" : "other");
-  return y(
-    B(() => n.dispose()),
-    f(e(s)),
-    H(n, {
-      last: () => w,
+  return w(
+    j(() => n.dispose()),
+    c(e(s)),
+    W(n, {
+      last: () => y,
       other: () => r(s)
     })
   );
 }) : (s) => {
   s = s.makeRef();
   const n = t.map(
-    (u) => Array.from({ length: u }, (c, d) => d).map(
-      (c) => new ke(c, u)
+    (u) => Array.from({ length: u }, (f, d) => d).map(
+      (f) => new ke(f, u)
     )
   ), o = [], i = [], a = n.on((u) => {
-    var d, A;
-    const c = u.length;
-    for (; c < o.length; )
-      (d = o.pop()) == null || d(!0), (A = i.pop()) == null || A.dispose();
-    for (let m = 0; m < c; m++)
+    var d, S;
+    const f = u.length;
+    for (; f < o.length; )
+      (d = o.pop()) == null || d(!0), (S = i.pop()) == null || S.dispose();
+    for (let m = 0; m < f; m++)
       if (i[m] == null) {
         i[m] = C(u[m]);
-        const D = f(e(i[m]));
+        const D = c(e(i[m]));
         o[m] = D(s);
       } else
         i[m].value = u[m];
@@ -1279,31 +1257,31 @@ const ce = (t) => {
   return (u) => {
     a(), u && s.reference && g(s.reference);
   };
-}, ct = (t, e, r) => r != null ? ct(t, (s, n) => {
+}, at = (t, e, r) => r != null ? at(t, (s, n) => {
   const o = n.map((i) => i.isLast ? "last" : "other");
-  return y([
-    B(() => o.dispose()),
-    f(e(s, n)),
-    H(o, {
-      last: () => w,
+  return w([
+    j(() => o.dispose()),
+    c(e(s, n)),
+    W(o, {
+      last: () => y,
       other: () => r(n)
     })
   ]);
 }) : (s) => {
   const n = t.map((o) => o.length);
-  return ye(n, (o) => {
-    const i = U(
+  return we(n, (o) => {
+    const i = V(
       () => t.value[o.value.index],
       [o, t]
     );
-    return y(
-      B(() => i.dispose()),
-      f(e(i, o))
+    return w(
+      j(() => i.dispose()),
+      c(e(i, o))
     );
   })(s);
 }, Zt = (t, e) => (r) => {
   r = r.makeRef();
-  const s = t.map((i) => f(e(i)));
+  const s = t.map((i) => c(e(i)));
   let n = () => {
   };
   const o = s.on((i) => {
@@ -1312,56 +1290,56 @@ const ce = (t) => {
   return (i) => {
     o(), n(i);
   };
-}, we = (t, e, r) => at(
+}, ye = (t, e, r) => ut(
   t.map((s) => s ? !0 : null),
   () => e,
   r != null ? () => r : void 0
-), xt = (t, e, r) => we(
+), Kt = (t, e, r) => ye(
   t.map((s) => !s),
   e,
   r
-), er = (t, e, r = w) => we(
+), xt = (t, e, r = y) => ye(
   t.map((s) => s.length > 0),
   e,
   r
-), tr = (t) => (e) => t(e.element) ?? (() => {
-}), Ae = (t, e) => {
+), er = (t) => (e) => t(e.element) ?? (() => {
+}), Se = (t, e) => {
   const r = t(e);
   return () => r(!0);
-}, rr = (t, e, { doc: r, clear: s } = {}) => {
+}, tr = (t, e, { doc: r, clear: s } = {}) => {
   const n = typeof e == "string" ? (r ?? document).querySelector(e) : e;
   if (n === null)
-    throw new ft(
+    throw new ct(
       `Cannot find element by selector for render: ${e}`
     );
-  s !== !1 && (r ?? n.ownerDocument) != null && tt(r ?? n.ownerDocument);
+  s !== !1 && (r ?? n.ownerDocument) != null && et(r ?? n.ownerDocument);
   const o = Ue(n), i = se(n) ? void 0 : n, a = v.of(o, i);
-  return Ae(t, a);
+  return Se(t, a);
 };
-class ft extends Error {
+class ct extends Error {
   constructor(e) {
     super(e);
   }
 }
-const sr = (t, e) => (r) => {
+const rr = (t, e) => (r) => {
   const s = r.document.querySelector(t);
   if (s === null)
     throw new Error(`Cannot find element by selector for portal: ${t}`);
-  return Ae(
-    f(e),
+  return Se(
+    c(e),
     r.withElement(s).withFirstLevel()
   );
-}, nr = (t) => Symbol(t), Se = (t, e) => (r) => f(e)(r.withProviders(t)), or = (...t) => t.length > 0 ? t.reduceRight((e, r) => (s) => e(r(s))) : f, ir = (t, e, r) => Se({ [t]: e }, f(r)), lr = (t, e) => Se(t, f(e)), ht = (t, e) => (r) => {
+}, sr = (t) => Symbol(t), Ae = (t, e) => (r) => c(e)(r.withProviders(t)), nr = (...t) => t.length > 0 ? t.reduceRight((e, r) => (s) => e(r(s))) : c, or = (t, e, r) => Ae({ [t]: e }, c(r)), ir = (t, e) => Ae(t, c(e)), ft = (t, e) => (r) => {
   const s = r.element, n = s.style.getPropertyValue(t);
   return s.style.setProperty(t, e), (o) => {
     o && s.style.setProperty(t, n);
   };
-}, dt = (t, e) => (r) => {
+}, ht = (t, e) => (r) => {
   const s = r.element, n = s.style.getPropertyValue(t);
   return e.on((o) => s.style.setProperty(t, o)), (o) => {
     o && s.style.setProperty(t, n);
   };
-}, ur = new Proxy(
+}, lr = new Proxy(
   {},
   {
     /**
@@ -1372,59 +1350,59 @@ const sr = (t, e) => (r) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? dt(e, r) : ht(e, r)
+    get: (t, e) => (r) => h.is(r) ? ht(e, r) : ft(e, r)
   }
 );
 export {
-  Rt as Async,
+  kt as Async,
   jt as BindChecked,
-  It as BindDate,
-  $t as BindDateTime,
-  Bt as BindNumber,
-  Ut as BindText,
-  P as Computed,
-  Jt as Conjunction,
+  Vt as BindDate,
+  qt as BindDateTime,
+  It as BindNumber,
+  Bt as BindText,
+  E as Computed,
+  Wt as Conjunction,
   v as DOMContext,
   Yt as DOMNode,
   ie as El,
   le as ElNS,
   ke as ElementPosition,
-  w as Empty,
-  at as Ensure,
-  ct as ForEach,
-  y as Fragment,
+  y as Empty,
+  ut as Ensure,
+  at as ForEach,
+  w as Fragment,
   Zt as MapSignal,
-  z as MemoryStore,
-  er as NotEmpty,
-  nt as OnChecked,
+  Q as MemoryStore,
+  xt as NotEmpty,
+  st as OnChecked,
   Qt as OnCtx,
-  tr as OnMount,
-  B as OnUnmount,
-  G as OneOf,
+  er as OnMount,
+  j as OnUnmount,
+  J as OneOf,
   _e as OneOfField,
-  Wt as OneOfKind,
+  Ut as OneOfKind,
   Gt as OneOfTuple,
-  Ht as OneOfType,
-  H as OneOfValue,
-  sr as Portal,
-  F as Prop,
-  or as Provide,
-  Be as ProviderNotFoundError,
-  ft as RenderingError,
-  ye as Repeat,
+  Jt as OneOfType,
+  W as OneOfValue,
+  rr as Portal,
+  $ as Prop,
+  nr as Provide,
+  je as ProviderNotFoundError,
+  ct as RenderingError,
+  we as Repeat,
   h as Signal,
   me as Task,
   St as TextNode,
-  xt as Unless,
-  Kt as Use,
+  Kt as Unless,
+  Ht as Use,
   Xt as UseProvider,
   zt as UseProviders,
-  kt as UseSSRDone,
-  we as When,
-  ir as WithProvider,
-  lr as WithProviders,
+  Nt as UseSSRDone,
+  ye as When,
+  or as WithProvider,
+  ir as WithProviders,
   fe as _addNodeTracker,
-  tt as _clearSSR,
+  et as _clearSSR,
   Ue as _getSelfOrParentElement,
   se as _isElement,
   re as _makeGetter,
@@ -1433,53 +1411,54 @@ export {
   ce as _maybeAddClassTracker,
   he as _maybeAddTextTracker,
   g as _removeDOMNode,
-  $e as _setAttribute,
+  Be as _setAttribute,
   Fe as _setBooleanProperty,
   qe as _setDateProperty,
   Ve as _setNumberProperty,
   Ie as _setStringProperty,
   oe as _signalText,
   ne as _staticText,
-  yt as animateSignal,
-  Me as animateSignals,
+  wt as animateSignal,
+  $e as animateSignals,
   Et as aria,
-  E as attr,
-  Pt as dataAttr,
-  Mt as emitChecked,
-  Ft as emitPreventDefault,
-  qt as emitStopImmediatePropagation,
-  Vt as emitStopPropagation,
-  ot as emitValue,
-  lt as emitValueAsDate,
-  ut as emitValueAsDateTime,
-  it as emitValueAsNumber,
-  Ne as endInterpolate,
-  Oe as guessInterpolate,
-  At as handleAnchorClick,
-  Tt as html,
-  Ct as input,
+  P as attr,
+  At as dataAttr,
+  Rt as emitChecked,
+  Mt as emitPreventDefault,
+  Ft as emitStopImmediatePropagation,
+  $t as emitStopPropagation,
+  nt as emitValue,
+  it as emitValueAsDate,
+  lt as emitValueAsDateTime,
+  ot as emitValueAsNumber,
+  Oe as endInterpolate,
+  Ne as guessInterpolate,
+  bt as html,
+  Tt as input,
   Le as interpolateDate,
   Te as interpolateNumber,
   Ce as interpolateString,
-  O as isSSR,
+  N as isSSR,
   _t as localStorageProp,
-  U as makeComputed,
-  wt as makeComputedRecord,
-  mt as makeEffect,
+  V as makeComputed,
+  pt as makeComputedOf,
+  yt as makeComputedRecord,
+  Me as makeEffect,
+  mt as makeEffectOf,
   C as makeProp,
-  nr as makeProviderMark,
+  sr as makeProviderMark,
   gt as makeSignal,
-  Nt as math,
-  bt as mathAttr,
+  Lt as math,
+  Dt as mathAttr,
   q as on,
   Ot as prepareSSR,
-  et as removeTextTrackers,
-  rr as render,
-  Ae as renderWithContext,
-  f as renderableOfTNode,
+  xe as removeTextTrackers,
+  tr as render,
+  Se as renderWithContext,
+  c as renderableOfTNode,
   vt as sessionStorageProp,
-  Q as storedProp,
-  ur as style,
-  Lt as svg,
-  Dt as svgAttr
+  Y as storedProp,
+  lr as style,
+  Ct as svg,
+  Pt as svgAttr
 };