@tempots/dom 10.0.1 → 10.0.2

package/index.js

@@ -1,11 +1,11 @@
-var We = Object.defineProperty;
-var Fe = (t, e, r) => e in t ? We(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var a = (t, e, r) => Fe(t, typeof e != "symbol" ? e + "" : e, r);
-function ze(t, e, r) {
+var ze = Object.defineProperty;
+var Ve = (t, e, r) => e in t ? ze(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var a = (t, e, r) => Ve(t, typeof e != "symbol" ? e + "" : e, r);
+function qe(t, e, r) {
   return t + (e - t) * r;
 }
 const Q = 97;
-function Ve(t, e, r) {
+function Ze(t, e, r) {
   const n = Math.max(t.length, e.length);
   let s = "";
   for (let i = 0; i < n; i++) {
@@ -16,16 +16,16 @@ function Ve(t, e, r) {
   }
   return s;
 }
-function qe(t, e, r) {
+function Xe(t, e, r) {
   return new Date(t.getTime() + (e.getTime() - t.getTime()) * r);
 }
-function Ze(t, e, r) {
+function Ye(t, e, r) {
   return e;
 }
-function Xe(t) {
-  return typeof t == "number" ? ze : typeof t == "string" ? Ve : t instanceof Date ? qe : Ze;
+function He(t) {
+  return typeof t == "number" ? qe : typeof t == "string" ? Ze : t instanceof Date ? Xe : Ye;
 }
-class Ye {
+class Ke {
   constructor(e, r) {
     this.index = e, this.total = r;
   }
@@ -70,7 +70,7 @@ const E = class E {
       this._disposed || (this._disposed = !0, this._onDisposeListeners.forEach((e) => e()), this._onDisposeListeners.length = 0, this._derivatives.length = 0);
     });
     a(this, "map", (e, r = (n, s) => n === s) => {
-      const n = new T(() => {
+      const n = new D(() => {
         try {
           return e(this.get());
         } catch (s) {
@@ -80,7 +80,7 @@ const E = class E {
       return this.setDerivative(n), n;
     });
     a(this, "flatMap", (e, r = (n, s) => n === s) => {
-      const n = new T(() => {
+      const n = new D(() => {
         try {
           return e(this.get()).get();
         } catch (s) {
@@ -93,7 +93,7 @@ const E = class E {
     a(this, "at", (e) => this.map((r) => r[e]));
     a(this, "filter", (e, r) => {
       let n = r ?? this.get();
-      const s = new T(() => {
+      const s = new D(() => {
         try {
           const i = this.get();
           return n = e(i) ? i : n;
@@ -105,7 +105,7 @@ const E = class E {
     });
     a(this, "filterMap", (e, r, n = (s, i) => s === i) => {
       let s = r;
-      const i = new T(() => {
+      const i = new D(() => {
         try {
           const o = this.get(), l = e(o);
           return s = l ?? s;
@@ -185,9 +185,9 @@ const E = class E {
   }
 };
 let d = E;
-const He = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
+const je = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
 var ae, le;
-class T extends (le = d, ae = re, le) {
+class D extends (le = d, ae = re, le) {
   constructor(r, n) {
     super(void 0, n);
     a(this, ae, !0);
@@ -198,7 +198,7 @@ class T extends (le = d, ae = re, le) {
     a(this, "_scheduleCount", 0);
     a(this, "scheduleNotify", () => {
       const r = ++this._scheduleCount;
-      He(() => {
+      je(() => {
         this._scheduleCount !== r || this._disposed !== !1 || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn(), !1));
       });
     });
@@ -213,7 +213,7 @@ class T extends (le = d, ae = re, le) {
   }
 }
 var ce, fe;
-class F extends (fe = d, ce = te, fe) {
+class V extends (fe = d, ce = te, fe) {
   constructor() {
     super(...arguments);
     a(this, ce, !0);
@@ -225,7 +225,7 @@ class F extends (fe = d, ce = te, fe) {
     });
     a(this, "reducer", (r) => (n) => this.update((s) => r(s, n)));
     a(this, "iso", (r, n, s = (i, o) => i === o) => {
-      const i = new F(r(this.get()), s);
+      const i = new V(r(this.get()), s);
       return i.onDispose(this.on((o) => i.set(r(o)))), i.on((o) => this._setAndNotify(n(o), !1)), i;
     });
     a(this, "atProp", (r) => this.iso(
@@ -244,16 +244,16 @@ class F extends (fe = d, ce = te, fe) {
   }
 }
 function B(t, e, r = (n, s) => n === s) {
-  const n = new T(t, r);
+  const n = new D(t, r);
   return e.forEach((s) => s.setDerivative(n)), n;
 }
-function zt(t, e) {
+function qt(t, e) {
   return B(t, e).dispose;
 }
 function A(t, e = (r, n) => r === n) {
-  return new F(t, e);
+  return new V(t, e);
 }
-function Vt(t, e = (r, n) => r === n) {
+function Zt(t, e = (r, n) => r === n) {
   return new d(t, e);
 }
 class he {
@@ -274,7 +274,7 @@ function de({
   equals: i = (l, u) => l === u,
   onLoad: o = (l) => l
 }) {
-  const l = r.getItem(t), u = new F(
+  const l = r.getItem(t), u = new V(
     l != null ? o(s(l)) : typeof e == "function" ? e() : e,
     i
   );
@@ -282,13 +282,13 @@ function de({
     r.setItem(t, n(c));
   }), u;
 }
-function qt(t) {
+function Xt(t) {
   return de({
     ...t,
     store: (window == null ? void 0 : window.localStorage) ?? new he()
   });
 }
-function Zt(t) {
+function Yt(t) {
   return de({
     ...t,
     store: (window == null ? void 0 : window.sessionStorage) ?? new he()
@@ -297,30 +297,30 @@ function Zt(t) {
 function ne(t) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 0);
 }
-function Ke(t, e, r, n) {
+function Ue(t, e, r, n) {
   const s = (n == null ? void 0 : n.duration) ?? 300, i = (n == null ? void 0 : n.easing) ?? ((S) => S), o = (n == null ? void 0 : n.equals) ?? ((S, L) => S === L);
   let l = n == null ? void 0 : n.interpolate, u = t, c = e(), p = performance.now(), m = null, h = !0;
-  const _ = new T(e, o), y = A(t, o);
+  const _ = new D(e, o), y = A(t, o);
   y.onDispose(() => {
     m !== null && cancelAnimationFrame(m);
   }), y.onDispose(_.dispose), r.forEach((S) => {
     S.setDerivative(_), S.onDispose(y.dispose);
   });
-  const X = (S) => {
+  const H = (S) => {
     c = S, p = performance.now(), u = y.value, h && (h = !1, m = ne(G));
   }, G = () => {
-    const L = (performance.now() - p) / d.unwrap(s), xe = i(L);
-    l == null && (l = Xe(u));
-    let J = l(u, c, xe);
+    const L = (performance.now() - p) / d.unwrap(s), Fe = i(L);
+    l == null && (l = He(u));
+    let J = l(u, c, Fe);
     L >= 1 ? (h = !0, J = c) : m = ne(G), y.set(J);
   };
-  return _.on(X), y;
+  return _.on(H), y;
 }
-function Xt(t, e) {
+function Ht(t, e) {
   const { initialValue: r, ...n } = e ?? {};
-  return Ke(r ?? t.get(), t.get, [t], n);
+  return Ue(r ?? t.get(), t.get, [t], n);
 }
-function Yt(t, e) {
+function Kt(t, e) {
   const { signals: r, literals: n } = Object.entries(t).reduce(
     ({ signals: i, literals: o }, [l, u]) => (d.is(u) ? i.push([l, u]) : o[l] = u, { signals: i, literals: o }),
     { signals: [], literals: {} }
@@ -370,62 +370,62 @@ function ie(t) {
     color: u
   };
 }
-function je(t) {
+function Be(t) {
   const { inset: e, x: r, y: n, blur: s, spread: i, color: o } = t;
   return `${e ? "inset " : ""}${r}px ${n}px ${s}px ${i}px ${o}`;
 }
-function Ue(t) {
+function ke(t) {
   return t[4] === "rgba" ? `rgba(${t[0]}, ${t[1]}, ${t[2]}, ${t[3]})` : t[4] === "hex" ? `#${t[0].toString(16).padStart(2, "0")}${t[1].toString(16).padStart(2, "0")}${t[2].toString(16).padStart(2, "0")}` : t[4] === "hsla" ? `hsla(${t[0]}, ${t[1]}%, ${t[2]}%, ${t[3]})` : "";
 }
-function Be(t, e) {
+function Ge(t, e) {
   const [r, n, s, i, o] = se(t), [l, u, c, p] = se(e);
   return (m) => {
-    const h = r + (l - r) * m, _ = n + (u - n) * m, y = s + (c - s) * m, X = i + (p - i) * m;
-    return Ue([h, _, y, X, o]);
+    const h = r + (l - r) * m, _ = n + (u - n) * m, y = s + (c - s) * m, H = i + (p - i) * m;
+    return ke([h, _, y, H, o]);
   };
 }
-function Ht(t, e) {
+function jt(t, e) {
   const r = ie(t), n = ie(e);
   return (s) => {
     const i = r.x + (n.x - r.x) * s, o = r.y + (n.y - r.y) * s, l = r.blur + (n.blur - r.blur) * s, u = r.spread + (n.spread - r.spread) * s, c = me(r.color, n.color)(s);
-    return je({ inset: r.inset, x: i, y: o, blur: l, spread: u, color: c });
+    return Be({ inset: r.inset, x: i, y: o, blur: l, spread: u, color: c });
   };
 }
-function ke(t, e) {
+function Je(t, e) {
   var r, n, s, i, o, l, u, c;
   return e === "translateX" ? new WebKitCSSMatrix(t.transform).m41 : e === "translateY" ? new WebKitCSSMatrix(t.transform).m42 : e === "translateZ" ? new WebKitCSSMatrix(t.transform).m43 : e === "rotateX" ? new WebKitCSSMatrix(t.transform).m12 : e === "rotateY" ? new WebKitCSSMatrix(t.transform).m21 : e === "rotateZ" ? new WebKitCSSMatrix(t.transform).m31 : e === "scaleX" ? new WebKitCSSMatrix(t.transform).m11 : e === "scaleY" ? new WebKitCSSMatrix(t.transform).m22 : e === "scaleZ" ? new WebKitCSSMatrix(t.transform).m33 : e === "skewX" ? new WebKitCSSMatrix(t.transform).m13 : e === "skewY" ? new WebKitCSSMatrix(t.transform).m23 : Number(e === "grayScale" ? (r = t.filter.match(/grayscale\((\d+)%\)/)) == null ? void 0 : r[1] : e === "sepia" ? (n = t.filter.match(/sepia\((\d+)%\)/)) == null ? void 0 : n[1] : e === "saturate" ? (s = t.filter.match(/saturate\((\d+)%\)/)) == null ? void 0 : s[1] : e === "hueRotate" ? (i = t.filter.match(/hue-rotate\((\d+)deg\)/)) == null ? void 0 : i[1] : e === "invert" ? (o = t.filter.match(/invert\((\d+)%\)/)) == null ? void 0 : o[1] : e === "brightness" ? (l = t.filter.match(/brightness\((\d+)%\)/)) == null ? void 0 : l[1] : e === "contrast" ? (u = t.filter.match(/contrast\((\d+)%\)/)) == null ? void 0 : u[1] : e === "blur" ? (c = t.filter.match(/blur\((\d+)px\)/)) == null ? void 0 : c[1] : t.getPropertyValue(e));
 }
-function Kt(t, e) {
+function Ut(t, e) {
   const r = {}, n = getComputedStyle(t);
   for (const [s, i] of Object.entries(e)) {
     const o = s;
-    i != null && (r[o] = ke(n, o));
+    i != null && (r[o] = Je(n, o));
   }
   return r;
 }
 function R(t, e, r) {
   r != null && (e === "translateX" ? t.style.transform += ` translateX(${r}px)` : e === "translateY" ? t.style.transform += ` translateY(${r}px)` : e === "translateZ" ? t.style.transform += ` translateZ(${r}px)` : e === "rotateX" ? t.style.transform += ` rotateX(${r}deg)` : e === "rotateY" ? t.style.transform += ` rotateY(${r}deg)` : e === "rotateZ" ? t.style.transform += ` rotateZ(${r}deg)` : e === "scaleX" ? t.style.transform += ` scaleX(${r})` : e === "scaleY" ? t.style.transform += ` scaleY(${r})` : e === "scaleZ" ? t.style.transform += ` scaleZ(${r})` : e === "skewX" ? t.style.transform += ` skewX(${r}deg)` : e === "skewY" ? t.style.transform += ` skewY(${r}deg)` : e === "grayScale" ? t.style.filter += ` grayscale(${r}%)` : e === "sepia" ? t.style.filter += ` sepia(${r}%)` : e === "saturate" ? t.style.filter += ` saturate(${r}%)` : e === "hueRotate" ? t.style.filter += ` hue-rotate(${r}deg)` : e === "invert" ? t.style.filter += ` invert(${r}%)` : e === "brightness" ? t.style.filter += ` brightness(${r}%)` : e === "contrast" ? t.style.filter += ` contrast(${r}%)` : e === "blur" && (t.style.filter += ` blur(${r}px)`), t.style.setProperty(e, String(r)));
 }
-const Y = /* @__PURE__ */ new Map();
+const K = /* @__PURE__ */ new Map();
 function pe(t, e, r) {
-  if (Y.has(r + ":" + t + e))
-    return Y.get(t + e);
-  const n = Be(t, e);
-  return Y.set(r + ":" + t + e, n), n;
+  if (K.has(r + ":" + t + e))
+    return K.get(t + e);
+  const n = Ge(t, e);
+  return K.set(r + ":" + t + e, n), n;
 }
 function me(t, e) {
   return pe(t, e, "c");
 }
-function Ge(t, e) {
+function Qe(t, e) {
   return pe(t, e, "s");
 }
-function Je(t, e, r, n, s) {
+function et(t, e, r, n, s) {
   if (r != null && n != null) {
     if (typeof r == "number" && typeof n == "number") {
       const i = r + (n - r) * s;
       R(t, e, i);
     } else if (e === "boxShadow" || e === "textShadow") {
-      const i = Ge(
+      const i = Qe(
         r,
         n
       )(s);
@@ -439,14 +439,14 @@ function Je(t, e, r, n, s) {
     }
   }
 }
-function jt(t, e, r, n) {
+function Bt(t, e, r, n) {
   t.style.transform = "", t.style.filter = "";
   for (const [s, i] of Object.entries(r)) {
     const o = s;
-    Je(t, o, e[o], i, n);
+    et(t, o, e[o], i, n);
   }
 }
-function Ut(t, e) {
+function kt(t, e) {
   t.style.transform = "", t.style.filter = "";
   for (const [r, n] of Object.entries(e))
     n != null && R(t, r, n);
@@ -464,42 +464,42 @@ const ge = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]
   "outerHTML",
   "className",
   "classList"
-]), H = /* @__PURE__ */ new Map();
+]), j = /* @__PURE__ */ new Map();
 function $(t, e) {
-  if (H.has(t))
-    return H.get(t);
+  if (j.has(t))
+    return j.get(t);
   {
     const r = e(t);
-    return H.set(t, r), r;
+    return j.set(t, r), r;
   }
 }
-function Qe(t) {
+function tt(t) {
   return (e, r) => {
     r == null ? e[t] = null : e[t] = !!r;
   };
 }
-function et(t) {
+function rt(t) {
   return (e, r) => {
     r == null ? e[t] = null : e[t] = Number(r);
   };
 }
-function tt(t) {
+function nt(t) {
   return (e, r) => {
     r == null ? e[t] = null : e[t] = r;
   };
 }
-function rt(t) {
+function st(t) {
   return (e, r) => {
     r == null ? e[t] = null : e[t] = String(r);
   };
 }
-function nt(t) {
+function it(t) {
   return (e, r) => {
     r == null ? e.removeAttribute(t) : e.setAttribute(t, r);
   };
 }
 function ve(t) {
-  return ge.has(t) ? $(t, Qe) : we.has(t) ? $(t, et) : be.has(t) ? $(t, tt) : Se.has(t) ? $(t, rt) : $(t, nt);
+  return ge.has(t) ? $(t, tt) : we.has(t) ? $(t, rt) : be.has(t) ? $(t, nt) : Se.has(t) ? $(t, st) : $(t, it);
 }
 function Ae(t) {
   return (e) => ge.has(t) ? !!e[t] : we.has(t) ? Number(e[t]) : be.has(t) ? e[t] : Se.has(t) ? String(e[t]) : e.getAttribute(t);
@@ -552,13 +552,7 @@ class v {
      * @param document - The `Document` to use for the `DOMContext`.
      * @returns A new `DOMContext` instance.
      */
-    a(this, "withDocument", (e) => new v(
-      e,
-      this.element,
-      this.reference,
-      this.providers,
-      !1
-    ));
+    a(this, "withDocument", (e) => new v(e, this.element, this.reference, this.providers, !0));
     /**
      * Creates a new `DOMContext` instance with the provided `element`.
      * @param element - The DOM element to use in the new `DOMContext` instance.
@@ -651,13 +645,13 @@ function b(t) {
   const e = t;
   e && e.onblur && (e.onblur = null), !(!t || t.ownerDocument === void 0) && t.parentElement && t.parentElement.removeChild(t);
 }
-function st(t) {
+function ot(t) {
   return ye(t) ? t : t.parentElement;
 }
 function ye(t) {
   return t.nodeType === 1;
 }
-function it(t, e, r) {
+function ut(t, e, r) {
   let n = t.target;
   for (; n != null && !(n instanceof HTMLAnchorElement); )
     n = n.parentElement;
@@ -672,87 +666,93 @@ function it(t, e, r) {
   }
   return !1;
 }
-const Bt = (t, e = {
+const Gt = (t, e = {
   checkExtension: !0,
   checkExternalUrl: !0
 }) => (r) => {
   const { checkExtension: n, checkExternalUrl: s } = e;
-  it(
+  ut(
     r,
     n === !0,
     s === !0
   ) || t() && r.preventDefault();
-}, Ee = (t) => (e) => {
-  e.isFirstLevel && D.isSSR && e.element.setAttribute("data-tempo-text", "");
-  const r = e.createText(t);
-  return e.appendOrInsert(r), (n) => {
-    n && b(r);
-  };
-}, _e = (t) => (e) => {
-  e.isFirstLevel && D.isSSR && e.element.setAttribute("data-tempo-text", "");
-  const r = e.createText(t.value);
-  e.appendOrInsert(r);
-  const n = t.on((s) => r.data = s);
-  return (s) => {
-    n(), s && b(r);
-  };
-};
-function kt(t) {
-  return d.is(t) ? _e(t) : Ee(t);
-}
-const g = (...t) => (e) => {
-  const r = t.map((n) => f(n)(e));
-  return (n) => {
-    r.forEach((s) => s(n));
-  };
-}, w = () => () => {
-}, W = "data-tempo-attr", O = "data-tempo-class", Pe = "data-tempo-node", K = "data-tempo-text";
-function ot(t, e) {
-  const r = t.getAttribute(W);
-  r != null && t.setAttribute(`${W}:${e}`, r);
+}, z = "data-tempo-attr", O = "data-tempo-class", Ee = "data-tempo-node", x = "data-tempo-text";
+function at(t, e) {
+  const r = t.getAttribute(z);
+  r != null && t.setAttribute(`${z}:${e}`, r);
 }
-function De(t, e) {
-  D.isSSR && t.isFirstLevel && ot(t.element, e);
+function _e(t, e) {
+  T.isSSR && t.isFirstLevel && at(t.element, e);
 }
-function ut(t) {
-  t.querySelectorAll(`[^${W}:]`).forEach((e) => {
-    const r = e.getAttributeNames().filter((n) => n.startsWith(`${W}:`));
+function lt(t) {
+  t.querySelectorAll(`[^${z}:]`).forEach((e) => {
+    const r = e.getAttributeNames().filter((n) => n.startsWith(`${z}:`));
     for (const n of r) {
       const s = e.getAttribute(n), i = n.split("-").pop();
       e.removeAttribute(n), e.setAttribute(i, s);
     }
   });
 }
-function at(t) {
+function ct(t) {
   const e = t.className.trim();
   e.length > 0 && t.setAttribute(O, e);
 }
-function Te(t) {
-  D.isSSR && t.isFirstLevel && at(t.element);
+function Pe(t) {
+  T.isSSR && t.isFirstLevel && ct(t.element);
 }
-function lt(t) {
+function ft(t) {
   t.querySelectorAll(`[${O}]`).forEach((e) => {
     const r = e.getAttribute(O);
     r !== null && (e.className = r, e.removeAttribute(O));
   });
 }
-function ct(t) {
-  t.setAttribute(Pe, "");
+function De(t) {
+  t.setAttribute(Ee, "");
 }
-function ft(t) {
-  t.querySelectorAll(`[${Pe}]`).forEach((e) => {
+function ht(t) {
+  t.querySelectorAll(`[${Ee}]`).forEach((e) => {
     b(e);
   });
 }
-function ht(t) {
-  t.querySelectorAll(`[${K}]`).forEach((e) => {
-    e.textContent = e.getAttribute(K), e.removeAttribute(K);
+function dt(t) {
+  t.setAttribute(x, t.textContent ?? "");
+}
+function Te(t) {
+  T.isSSR && t.isFirstLevel && dt(t.element);
+}
+function pt(t) {
+  t.querySelectorAll(`[${x}]`).forEach((e) => {
+    e.textContent = e.getAttribute(x), e.removeAttribute(x);
   });
 }
-const dt = (t) => (e) => (Te(e), e.element.classList.add(...t), (r) => {
-  r && e.element.classList.remove(...t);
-}), pt = (t) => (e) => {
+const $e = (t) => (e) => {
   Te(e);
+  const r = e.createText(t);
+  return e.appendOrInsert(r), (n) => {
+    n && b(r);
+  };
+}, Ce = (t) => (e) => {
+  Te(e);
+  const r = e.createText(t.value);
+  e.appendOrInsert(r);
+  const n = t.on((s) => r.data = s);
+  return (s) => {
+    n(), s && b(r);
+  };
+};
+function Jt(t) {
+  return d.is(t) ? Ce(t) : $e(t);
+}
+const g = (...t) => (e) => {
+  const r = t.map((n) => f(n)(e));
+  return (n) => {
+    r.forEach((s) => s(n));
+  };
+}, w = () => () => {
+}, mt = (t) => (e) => (Pe(e), e.element.classList.add(...t), (r) => {
+  r && e.element.classList.remove(...t);
+}), gt = (t) => (e) => {
+  Pe(e);
   const r = e.element;
   let n = [];
   const s = t.on((i) => {
@@ -761,19 +761,19 @@ const dt = (t) => (e) => (Te(e), e.element.classList.add(...t), (r) => {
   return (i) => {
     s(), i && n.forEach((o) => r.classList.remove(o)), n.length = 0;
   };
-}, z = (t, e) => {
+}, q = (t, e) => {
   const r = ve(t), n = Ae(t);
   return (s) => {
-    De(s, t);
+    _e(s, t);
     const i = n(s.element);
     return r(s.element, e), (o) => {
       o && r(s.element, i);
     };
   };
-}, V = (t, e) => {
+}, Z = (t, e) => {
   const r = ve(t), n = Ae(t);
   return (s) => {
-    De(s, t);
+    _e(s, t);
     const i = n(s.element);
     return e.on((o) => r(s.element, o)), (o) => {
       o && r(s.element, i);
@@ -782,115 +782,115 @@ const dt = (t) => (e) => (Te(e), e.element.classList.add(...t), (r) => {
 }, P = new Proxy(
   {},
   {
-    get: (t, e) => e === "class" ? (r) => d.is(r) ? pt(r) : dt(
+    get: (t, e) => e === "class" ? (r) => d.is(r) ? gt(r) : mt(
       (r ?? "").split(" ").filter((n) => n.length > 0)
-    ) : (r) => d.is(r) ? V(
+    ) : (r) => d.is(r) ? Z(
       e,
       r
-    ) : z(
+    ) : q(
       e,
       r
     )
   }
-), Gt = new Proxy(
+), Qt = new Proxy(
   {},
   {
-    get: (t, e) => (r) => d.is(r) ? V(
+    get: (t, e) => (r) => d.is(r) ? Z(
       `aria-${e}`,
       r
-    ) : z(
+    ) : q(
       `aria-${e}`,
       r
     )
   }
-), Jt = new Proxy(
+), er = new Proxy(
   {},
   {
-    get: (t, e) => (r) => d.is(r) ? V(
+    get: (t, e) => (r) => d.is(r) ? Z(
       e,
       r
-    ) : z(
+    ) : q(
       e,
       r
     )
   }
-), Qt = new Proxy(
+), tr = new Proxy(
   {},
   {
-    get: (t, e) => (r) => d.is(r) ? V(
+    get: (t, e) => (r) => d.is(r) ? Z(
       e,
       r
-    ) : z(
+    ) : q(
       e,
       r
     )
   }
 );
 function f(t) {
-  return t == null ? w : Array.isArray(t) ? g(...t.map(f)) : typeof t == "string" ? Ee(t) : d.is(t) ? _e(t) : t;
+  return t == null ? w : Array.isArray(t) ? g(...t.map(f)) : typeof t == "string" ? $e(t) : d.is(t) ? Ce(t) : t;
 }
-function $e(t, ...e) {
+function Me(t, ...e) {
   return (r) => {
     const n = r.createElement(t, void 0);
-    r.appendOrInsert(n), r.isFirstLevel && D.isSSR && ct(n), r = r.withElement(n);
+    r.isFirstLevel && T.isSSR && De(n), r.appendOrInsert(n), r = r.withElement(n);
     const s = e.map((i) => f(i)(r));
     return (i) => {
       s.forEach((o) => o(!1)), i && b(n);
     };
   };
 }
-function Ce(t, e, ...r) {
+function Ne(t, e, ...r) {
   return (n) => {
     const s = n.createElement(t, e);
-    n.appendOrInsert(s), n.isFirstLevel && D.isSSR && s.setAttribute("data-tempo-node", ""), n = n.withElement(s);
+    n.isFirstLevel && T.isSSR && De(s), n.appendOrInsert(s), n = n.withElement(s);
     const i = r.map((o) => f(o)(n));
     return (o) => {
       i.forEach((l) => l(!1)), o && b(s);
     };
   };
 }
-const er = new Proxy(
+const rr = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => $e(e, r.flatMap(f))
+    get: (t, e) => (...r) => Me(e, r.flatMap(f))
   }
-), tr = new Proxy(
+), nr = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => $e("input", P.type(e), ...r)
+    get: (t, e) => (...r) => Me("input", P.type(e), ...r)
   }
-), mt = "http://www.w3.org/2000/svg", rr = new Proxy(
+), wt = "http://www.w3.org/2000/svg", sr = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => Ce(e, mt, r.flatMap(f))
+    get: (t, e) => (...r) => Ne(e, wt, r.flatMap(f))
   }
-), gt = "http://www.w3.org/1998/Math/MathML", nr = new Proxy(
+), bt = "http://www.w3.org/1998/Math/MathML", ir = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => Ce(e, gt, r.flatMap(f))
+    get: (t, e) => (...r) => Ne(e, bt, r.flatMap(f))
   }
 );
-let j = !1;
-function wt(t) {
-  ft(t), lt(t), ut(t), ht(t);
+let W = !1;
+function St(t) {
+  ht(t), ft(t), lt(t), pt(t);
 }
 let U = 0;
-const sr = (t = 30) => (j = !0, new Promise((e, r) => {
+const or = (t = 30) => (W = !0, new Promise((e, r) => {
   let n;
   const s = setInterval(() => {
-    U <= 0 && (clearInterval(s), clearTimeout(n), j = !1, e());
-  }, 10);
+    U <= 0 && (clearInterval(s), clearTimeout(n), W = !1, e());
+  }, 300);
   n = setTimeout(() => {
-    clearInterval(s), r(new Error("SSR Timeout"));
+    clearInterval(s), W = !1, r(new Error("SSR Timeout"));
   }, t * 1e3);
-})), D = {
+})), T = {
   useDone(t) {
     return U++, f(t(() => U--));
   },
   get isSSR() {
-    return j;
+    return W;
   }
-}, Me = (t, e) => (r) => {
+}, Le = (t, e) => (r) => {
   const n = Object.values(t).reduce((s, i) => {
     const o = r.getProvider(i);
     if (o == null)
@@ -898,7 +898,7 @@ const sr = (t = 30) => (j = !0, new Promise((e, r) => {
     return s[i] = o, s;
   }, {});
   return f(e(n))(r);
-}, ir = (t, e) => (r) => {
+}, ur = (t, e) => (r) => {
   const n = [], s = Object.entries(t).reduce(
     (i, [o, l]) => (n.push(
       l((u) => (Reflect.set(i, o, u), null))(r)
@@ -908,11 +908,11 @@ const sr = (t = 30) => (j = !0, new Promise((e, r) => {
   return n.push(e(s)(r)), (i) => {
     n.forEach((o) => o(i));
   };
-}, bt = (t, e) => Me([t], (r) => f(e(r[t]))), or = (t, e) => Me(t, (r) => f(e(r))), M = (t) => (e) => (r) => t(r, e);
-function St(t) {
+}, vt = (t, e) => Le([t], (r) => f(e(r[t]))), ar = (t, e) => Le(t, (r) => f(e(r))), M = (t) => (e) => (r) => t(r, e);
+function At(t) {
   return Symbol(t);
 }
-const Ne = (t, e) => (r) => f(e)(r.withProviders(t)), ur = (...t) => t.length > 0 ? t.reduceRight((e, r) => (n) => e(r(n))) : f, vt = (t, e, r) => Ne({ [t]: e }, f(r)), ar = (t, e) => Ne(t, f(e)), oe = St("Appearance"), lr = {
+const Ie = (t, e) => (r) => f(e)(r.withProviders(t)), lr = (...t) => t.length > 0 ? t.reduceRight((e, r) => (n) => e(r(n))) : f, yt = (t, e, r) => Ie({ [t]: e }, f(r)), cr = (t, e) => Ie(t, f(e)), oe = At("Appearance"), fr = {
   /**
    * Provides a child component with an appearance context, which can be used to
    * determine the current appearance (light or dark) based on the user's system
@@ -929,7 +929,7 @@ const Ne = (t, e) => (r) => f(e)(r.withProviders(t)), ur = (...t) => t.length >
       r.set(i.matches ? "dark" : "light");
     }, s = window.matchMedia != null ? window.matchMedia("(prefers-color-scheme: dark)") : void 0;
     return s == null || s.addEventListener("change", n), g(
-      vt(oe, r, t),
+      yt(oe, r, t),
       M(() => s == null ? void 0 : s.removeEventListener("change", n))
     );
   },
@@ -940,10 +940,10 @@ const Ne = (t, e) => (r) => f(e)(r.withProviders(t)), ur = (...t) => t.length >
    * @param fn - A function that accepts the `AppearanceType` signal and returns a `Child` element.
    * @returns The `Child` element returned by the provided function.
    */
-  consume: (t) => bt(oe, t)
-}, Le = (t, e) => {
+  consume: (t) => vt(oe, t)
+}, Re = (t, e) => {
   if (typeof e == "function")
-    return Le(t, { then: e });
+    return Re(t, { then: e });
   const r = e.pending != null ? f(e.pending) : w, n = e.then, s = e.error != null ? (i) => f(e.error(i)) : () => w;
   return (i) => {
     let o = !0;
@@ -961,13 +961,13 @@ const Ne = (t, e) => (r) => f(e)(r.withProviders(t)), ur = (...t) => t.length >
       o = !1, u(c), c && i.reference && b(i.reference);
     };
   };
-}, cr = (t, e) => Le(() => t, e), fr = (t = 10) => (e) => {
+}, hr = (t, e) => Re(() => t, e), dr = (t = 10) => (e) => {
   const r = setTimeout(() => {
     var n;
     (n = e.element) == null || n.focus();
   }, t);
   return (n) => clearTimeout(r);
-}, hr = (t = 10) => (e) => {
+}, pr = (t = 10) => (e) => {
   const r = setTimeout(() => {
     var n;
     (n = e.element) == null || n.select();
@@ -975,21 +975,21 @@ const Ne = (t, e) => (r) => f(e)(r.withProviders(t)), ur = (...t) => t.length >
   return (n) => {
     clearTimeout(r);
   };
-}, Ie = (t, e) => (r) => (r.element.addEventListener(t, e), (n) => {
+}, Oe = (t, e) => (r) => (r.element.addEventListener(t, e), (n) => {
   n && r.element.removeEventListener(t, e);
-}), At = (t) => Ie("click", (e) => {
+}), Et = (t) => Oe("click", (e) => {
   e.preventDefault();
   const r = e.target;
   setTimeout(() => {
     const n = r.ownerDocument != null ? r == null ? void 0 : r.checked : void 0;
     n != null && t(!n);
   }, 0);
-}), q = new Proxy(
+}), X = new Proxy(
   {},
   {
-    get: (t, e) => (r) => Ie(e, r)
+    get: (t, e) => (r) => Oe(e, r)
   }
-), Z = {
+), Y = {
   value: (t) => (e) => {
     const r = e.target;
     t(r.value);
@@ -1034,36 +1034,36 @@ const Ne = (t, e) => (r) => f(e)(r.withProviders(t)), ur = (...t) => t.length >
     e.stopImmediatePropagation(), t();
   }
 };
-function yt(t, e = "input") {
+function _t(t, e = "input") {
   return g(
     P.valueAsDate(t),
-    q[e](Z.valueAsDate(t.set))
+    X[e](Y.valueAsDate(t.set))
   );
 }
-function Et(t, e = "input") {
+function Pt(t, e = "input") {
   return g(
     P.valueAsDate(t),
-    q[e](Z.valueAsDateTime(t.set))
+    X[e](Y.valueAsDateTime(t.set))
   );
 }
-function _t(t, e = "input") {
+function Dt(t, e = "input") {
   return g(
     P.valueAsNumber(t),
-    q[e](Z.valueAsNumber(t.set))
+    X[e](Y.valueAsNumber(t.set))
   );
 }
-function Pt(t, e = "input") {
-  return g(P.value(t), q[e](Z.value(t.set)));
+function Tt(t, e = "input") {
+  return g(P.value(t), X[e](Y.value(t.set)));
 }
-function Dt(t) {
-  return g(P.checked(t), At(t.set));
+function $t(t) {
+  return g(P.checked(t), Et(t.set));
 }
-const dr = {
-  date: yt,
-  dateTime: Et,
-  number: _t,
-  text: Pt,
-  checked: Dt
+const mr = {
+  date: _t,
+  dateTime: Pt,
+  number: Dt,
+  text: Tt,
+  checked: $t
 }, I = (t, e) => (r) => {
   r = r.makeRef();
   let n, s;
@@ -1099,7 +1099,7 @@ const dr = {
     t.map((r) => ({ [r]: !0 })),
     e
   )
-}, pr = (t, e) => (r) => {
+}, gr = (t, e) => (r) => {
   const n = (e == null ? void 0 : e.firstSeparator) ?? w, s = (e == null ? void 0 : e.lastSeparator) ?? w;
   return N.value(
     r.map((i) => i.isFirst ? "first" : i.isLast ? "last" : "other"),
@@ -1109,9 +1109,9 @@ const dr = {
       other: () => t
     }
   );
-}, mr = (t) => (e) => t(e)(e), gr = (t) => (e) => (e.appendOrInsert(t), (r) => {
+}, wr = (t) => (e) => t(e)(e), br = (t) => (e) => (e.appendOrInsert(t), (r) => {
   r && b(t);
-}), Tt = (t, e, r) => (n) => {
+}), Ct = (t, e, r) => (n) => {
   n = n.makeRef();
   let s = null, i = !1;
   const o = A(null), l = t.on((u) => {
@@ -1120,7 +1120,7 @@ const dr = {
   return (u) => {
     l(), s == null || s(u), u && n.reference && b(n.reference);
   };
-}, Re = (t, e, r) => r != null ? Re(t, (n) => {
+}, xe = (t, e, r) => r != null ? xe(t, (n) => {
   const s = n.map((i) => i.isLast ? "last" : "other");
   return g(
     M(() => s.dispose()),
@@ -1134,7 +1134,7 @@ const dr = {
   n = n.makeRef();
   const s = t.map(
     (u) => Array.from({ length: u }, (c, p) => p).map(
-      (c) => new Ye(c, u)
+      (c) => new Ke(c, u)
     )
   ), i = [], o = [], l = s.on((u) => {
     var p, m;
@@ -1152,7 +1152,7 @@ const dr = {
   return (u) => {
     l(), u && n.reference && b(n.reference);
   };
-}, $t = (t, e, r) => r != null ? $t(t, (n, s) => {
+}, Mt = (t, e, r) => r != null ? Mt(t, (n, s) => {
   const i = s.map((o) => o.isLast ? "last" : "other");
   return g([
     M(() => i.dispose()),
@@ -1164,7 +1164,7 @@ const dr = {
   ]);
 }) : (n) => {
   const s = t.map((i) => i.length);
-  return Re(s, (i) => {
+  return xe(s, (i) => {
     const o = B(
       () => t.value[i.value.index],
       [i, t]
@@ -1174,42 +1174,42 @@ const dr = {
       f(e(o, i))
     );
   })(n);
-}, wr = (t) => {
+}, Sr = (t) => {
   const e = t.element, r = e.style.getPropertyValue(":empty");
   return e.style.setProperty(":empty", "display:none"), (n) => {
     n && e.style.setProperty(":empty", r);
   };
 };
-function Oe(t, e) {
+function We(t, e) {
   const r = t(e);
   return () => r(!0);
 }
-function br(t, e, { doc: r, clear: n } = {}) {
+function vr(t, e, { doc: r, clear: n } = {}) {
   const s = typeof e == "string" ? (r ?? document).querySelector(e) : e;
   if (s === null)
     throw new Error(`Cannot find element by selector for render: ${e}`);
-  n && (r ?? s.ownerDocument) != null && wt(r ?? s.ownerDocument);
-  const i = st(s), o = ye(s) ? void 0 : s, l = v.of(i, o);
-  return Oe(t, l);
+  n && (r ?? s.ownerDocument) != null && St(r ?? s.ownerDocument);
+  const i = ot(s), o = ye(s) ? void 0 : s, l = v.of(i, o);
+  return We(t, l);
 }
-const Ct = (t, e) => (r) => {
+const Nt = (t, e) => (r) => {
   const n = r.document.querySelector(t);
   if (n === null)
     throw new Error(`Cannot find element by selector for portal: ${t}`);
-  return Oe(
+  return We(
     f(e),
     r.withElement(n).withFirstLevel()
   );
-}, Sr = (t) => Ct("head title", P.innerText(t)), Mt = (t) => (e) => t(e.element) ?? (() => {
-}), k = (t, e, r) => Tt(
+}, Ar = (t) => Nt("head title", P.innerText(t)), Lt = (t) => (e) => t(e.element) ?? (() => {
+}), k = (t, e, r) => Ct(
   t.map((n) => n ? !0 : null),
   () => e,
   r != null ? () => r : void 0
-), vr = (t, e, r) => k(
+), yr = (t, e, r) => k(
   t.map((n) => !n),
   e,
   r
-), Nt = {
+), It = {
   partial: {
     root: null,
     rootMargin: "0px",
@@ -1220,36 +1220,36 @@ const Ct = (t, e) => (r) => {
     rootMargin: "0px",
     threshold: 1
   }
-}, x = {
+}, F = {
   partial: /* @__PURE__ */ new Map(),
   full: /* @__PURE__ */ new Map()
 }, C = {
   partial: null,
   full: null
 };
-function Lt(t) {
+function Rt(t) {
   return C[t] == null && (C[t] = new IntersectionObserver((e) => {
     e.forEach((r) => {
-      const n = x[t].get(r.target);
+      const n = F[t].get(r.target);
       n == null || n.set(r.isIntersecting);
     });
-  }, Nt[t])), C[t];
+  }, It[t])), C[t];
 }
-function It(t, e) {
-  const r = A(D.isSSR);
+function Ot(t, e) {
+  const r = A(T.isSSR);
   return g(
-    Mt((n) => {
-      const s = typeof IntersectionObserver < "u" ? Lt(t) : null;
-      return x[t].set(n, r), s == null || s.observe(n), () => {
+    Lt((n) => {
+      const s = typeof IntersectionObserver < "u" ? Rt(t) : null;
+      return F[t].set(n, r), s == null || s.observe(n), () => {
         var i;
-        s == null || s.unobserve(n), x[t].delete(n), x[t].size === 0 && ((i = C[t]) == null || i.disconnect(), C[t] = null);
+        s == null || s.unobserve(n), F[t].delete(n), F[t].size === 0 && ((i = C[t]) == null || i.disconnect(), C[t] = null);
       };
     }),
     M(r.dispose),
     f(e(r))
   );
 }
-const Ar = (t, e, r) => It(t, (n) => k(n, e, r ?? w)), yr = (t, e) => (r) => {
+const Er = (t, e, r) => Ot(t, (n) => k(n, e, r ?? w)), _r = (t, e) => (r) => {
   r = r.makeRef();
   const n = t.map((o) => f(e(o)));
   let s = () => {
@@ -1261,14 +1261,14 @@ const Ar = (t, e, r) => It(t, (n) => k(n, e, r ?? w)), yr = (t, e) => (r) => {
     i(), s(o);
   };
 };
-function Er(t, e, r = w) {
+function Pr(t, e, r = w) {
   return k(
     t.map((n) => n.length > 0),
     e,
     r
   );
 }
-const Rt = (t) => (e) => {
+const xt = (t) => (e) => {
   const r = e.element, n = A({ width: r.clientWidth, height: r.clientHeight }), s = f(t(n))(e), i = () => {
     n.set({ width: r.clientWidth, height: r.clientHeight });
   };
@@ -1276,7 +1276,7 @@ const Rt = (t) => (e) => {
   return typeof ResizeObserver == "function" && (o = new ResizeObserver(i), o.observe(r)), (l) => {
     o == null || o.disconnect(), s(l);
   };
-}, Ot = (t) => (e) => {
+}, Wt = (t) => (e) => {
   const r = A({
     width: (window == null ? void 0 : window.innerWidth) ?? 0,
     height: (window == null ? void 0 : window.innerHeight) ?? 0
@@ -1289,124 +1289,124 @@ const Rt = (t) => (e) => {
   return window == null || window.addEventListener("resize", s), (i) => {
     window == null || window.removeEventListener("resize", s), n(i);
   };
-}, _r = {
-  element: Rt,
-  window: Ot
-}, xt = (t, e) => (r) => {
+}, Dr = {
+  element: xt,
+  window: Wt
+}, Ft = (t, e) => (r) => {
   const n = r.element, s = n.style.getPropertyValue(t);
   return n.style.setProperty(t, e), (i) => {
     i && n.style.setProperty(t, s);
   };
-}, Wt = (t, e) => (r) => {
+}, zt = (t, e) => (r) => {
   const n = r.element, s = n.style.getPropertyValue(t);
   return e.on((i) => n.style.setProperty(t, i)), (i) => {
     i && n.style.setProperty(t, s);
   };
-}, Pr = new Proxy(
+}, Tr = new Proxy(
   {},
   {
-    get: (t, e) => (r) => d.is(r) ? Wt(e, r) : xt(e, r)
+    get: (t, e) => (r) => d.is(r) ? zt(e, r) : Ft(e, r)
   }
 );
 export {
-  cr as Async,
-  fr as AutoFocus,
-  hr as AutoSelect,
-  T as Computed,
-  pr as Conjunction,
-  mr as Ctx,
+  hr as Async,
+  dr as AutoFocus,
+  pr as AutoSelect,
+  D as Computed,
+  gr as Conjunction,
+  wr as Ctx,
   v as DOMContext,
-  gr as DOMEl,
-  $e as El,
-  Ce as ElNS,
+  br as DOMEl,
+  Me as El,
+  Ne as ElNS,
   w as Empty,
-  Tt as Ensure,
-  $t as ForEach,
+  Ct as Ensure,
+  Mt as ForEach,
   g as Fragment,
-  Sr as HTMLTitle,
-  wr as HiddenWhenEmpty,
-  It as InViewport,
-  yr as MapSignal,
+  Ar as HTMLTitle,
+  Sr as HiddenWhenEmpty,
+  Ot as InViewport,
+  _r as MapSignal,
   he as MemoryStore,
-  Er as NotEmpty,
-  At as OnChecked,
+  Pr as NotEmpty,
+  Et as OnChecked,
   M as OnDispose,
-  Mt as OnMount,
-  Ct as Portal,
-  Ye as Position,
-  F as Prop,
-  ur as Provide,
-  Re as Repeat,
+  Lt as OnMount,
+  Nt as Portal,
+  Ke as Position,
+  V as Prop,
+  lr as Provide,
+  xe as Repeat,
   d as Signal,
-  Le as Task,
-  kt as Text,
-  vr as Unless,
-  ir as Use,
-  bt as UseProvider,
-  or as UseProviders,
+  Re as Task,
+  Jt as Text,
+  yr as Unless,
+  ur as Use,
+  vt as UseProvider,
+  ar as UseProviders,
   k as When,
-  Ar as WhenInViewport,
-  vt as WithProvider,
-  ar as WithProviders,
-  Ke as animate,
-  Xt as animateOne,
-  lr as appearance,
+  Er as WhenInViewport,
+  yt as WithProvider,
+  cr as WithProviders,
+  Ue as animate,
+  Ht as animateOne,
+  fr as appearance,
   oe as appearanceMarker,
-  Ut as applyAnimatable,
+  kt as applyAnimatable,
   R as applyAnimatableProp,
-  jt as applyInterpolatedAnimatable,
-  Je as applyInterpolatedAnimatableProp,
-  Gt as aria,
+  Bt as applyInterpolatedAnimatable,
+  et as applyInterpolatedAnimatableProp,
+  Qt as aria,
   P as attr,
-  dr as bind,
+  mr as bind,
   f as childToMountable,
-  wt as clearSSR,
-  Ue as colorChannelsToString,
+  St as clearSSR,
+  ke as colorChannelsToString,
   B as computed,
-  Yt as computedRecord,
-  qe as dateInterpolate,
-  zt as effect,
-  Z as emit,
-  Ze as endInterpolate,
-  Kt as getComputedAnimatable,
-  ke as getComputedAnimatableProp,
-  st as getSelfOrParentElement,
-  Xe as guessInterpolate,
-  Bt as handleAnchorClick,
-  er as html,
-  tr as input,
-  Be as interpolateColor,
-  Ht as interpolateShadow,
+  Kt as computedRecord,
+  Xe as dateInterpolate,
+  qt as effect,
+  Y as emit,
+  Ye as endInterpolate,
+  Ut as getComputedAnimatable,
+  Je as getComputedAnimatableProp,
+  ot as getSelfOrParentElement,
+  He as guessInterpolate,
+  Gt as handleAnchorClick,
+  rr as html,
+  nr as input,
+  Ge as interpolateColor,
+  jt as interpolateShadow,
   ye as isElement,
   Ae as makeGetter,
-  St as makeProviderMark,
+  At as makeProviderMark,
   ve as makeSetter,
-  nr as math,
-  Qt as mathAttr,
-  ze as numberInterpolate,
-  q as on,
+  ir as math,
+  tr as mathAttr,
+  qe as numberInterpolate,
+  X as on,
   N as oneof,
   se as parseColorChannels,
   A as prop,
-  qt as propOfLocalStorage,
-  Zt as propOfSessionStorage,
+  Xt as propOfLocalStorage,
+  Yt as propOfSessionStorage,
   de as propOfStorage,
   b as removeDOMNode,
-  br as render,
-  Oe as renderWithContext,
-  nt as setAttribute,
-  Qe as setBooleanProperty,
-  tt as setDateProperty,
-  et as setNumberProperty,
-  rt as setStringProperty,
-  Vt as signal,
-  _e as signalText,
-  _r as size,
-  D as ssr,
-  sr as startSSR,
-  Ee as staticText,
-  Ve as stringInterpolate,
-  Pr as style,
-  rr as svg,
-  Jt as svgAttr
+  vr as render,
+  We as renderWithContext,
+  it as setAttribute,
+  tt as setBooleanProperty,
+  nt as setDateProperty,
+  rt as setNumberProperty,
+  st as setStringProperty,
+  Zt as signal,
+  Ce as signalText,
+  Dr as size,
+  T as ssr,
+  or as startSSR,
+  $e as staticText,
+  Ze as stringInterpolate,
+  Tr as style,
+  sr as svg,
+  er as svgAttr
 };