@tempots/dom 9.0.2 → 10.0.0

package/index.js

@@ -1,31 +1,1397 @@
-export { makeProviderMark, DOMContext } from './dom-context';
-export { Prop, Signal } from './prop';
-export { render } from './render';
-export { isEmptyElement } from './helpers/is-empty-element';
-export { handleTextInput } from './helpers/handle-text-input';
-export { handleAnchorClick } from './helpers/handle-anchor-click';
-export { applyInterpolatedAnimatableProp, applyInterpolatedAnimatable, applyAnimatableProp, applyAnimatable, getComputedAnimatableProp, getComputedAnimatable } from './components/animatable';
-export { AttributeImpl, Attribute } from './components/Attribute';
-export { Autofocus } from './components/Autofocus';
-export { BooleanAttributeImpl, BooleanAttribute } from './components/BooleanAttribute';
-export { ClassNameImpl, ClassName } from './components/ClassName';
-export { ConsumerImpl, Consumer, ProviderImpl, Provider } from './components/Provider';
-export { ElImpl, El } from './components/El';
-export { FadeIn, FadeInImpl } from './components/FadeIn';
-export { FadeOut, FadeOutImpl } from './components/FadeOut';
-export { For } from './components/For';
-export { FragmentImpl, Fragment } from './components/Fragment';
-export { HiddenWhenEmptyImpl, HiddenWhenEmpty } from './components/HiddenWhenEmpty';
-export { If, Unless, When } from './components/If';
-export { InnerHTMLImpl, InnerHTML } from './components/InnerHTML';
-export { Lifecycle, LifecycleImpl } from './components/Lifecycle';
-export { NotEmpty } from './components/NotEmpty';
-export { OnImpl, On } from './components/On';
-export { OnRemove } from './components/OnRemove';
-export { OneOfImpl, OneOf, OneOfLiteral, OneOfUnion, OneOfUnionKind, OneOfUnionType } from './components/OneOf';
-export { PortalImpl, Portal } from './components/Portal';
-export { PropertyImpl, Property } from './components/Property';
-export { RepeatImpl, Repeat, conjuctions } from './components/Repeat';
-export { Show } from './components/Show';
-export { TextImpl, Text } from './components/Text';
-export { TextContentImpl, TextContent } from './components/TextContent';
+var Fe = Object.defineProperty;
+var Oe = (t, e, r) => e in t ? Fe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var a = (t, e, r) => Oe(t, typeof e != "symbol" ? e + "" : e, r);
+function We(t, e, r) {
+  return t + (e - t) * r;
+}
+const k = 97;
+function xe(t, e, r) {
+  const n = Math.max(t.length, e.length);
+  let s = "";
+  for (let i = 0; i < n; i++) {
+    let o = t.charCodeAt(i);
+    isNaN(o) && (o = k);
+    let u = e.charCodeAt(i);
+    isNaN(u) && (u = k), s += String.fromCharCode(o + (u - o) * r);
+  }
+  return s;
+}
+function ze(t, e, r) {
+  return new Date(t.getTime() + (e.getTime() - t.getTime()) * r);
+}
+function Ve(t, e, r) {
+  return e;
+}
+function qe(t) {
+  return typeof t == "number" ? We : typeof t == "string" ? xe : t instanceof Date ? ze : Ve;
+}
+class Ze {
+  constructor(e, r) {
+    this.index = e, this.total = r;
+  }
+  get isFirst() {
+    return this.index === 0;
+  }
+  get isLast() {
+    return this.index === this.total - 1;
+  }
+  get isEven() {
+    return this.index % 2 === 0;
+  }
+  get isOdd() {
+    return this.index % 2 === 1;
+  }
+}
+const ee = Symbol("isSignal"), te = Symbol("isProp"), re = Symbol("isComputed");
+var le;
+le = ee;
+const P = class P {
+  constructor(e, r) {
+    a(this, le, !0);
+    a(this, "_value");
+    a(this, "_derivatives", []);
+    a(this, "_onValueListeners", []);
+    a(this, "_onDisposeListeners", []);
+    a(this, "get", () => this._value);
+    a(this, "hasListeners", () => this._onValueListeners.length > 0);
+    a(this, "on", (e) => (e(this.get()), this._onValueListeners.push(e), () => {
+      this._onValueListeners.splice(this._onValueListeners.indexOf(e), 1);
+    }));
+    a(this, "_setAndNotify", (e, r) => {
+      const n = this.equals(this._value, e);
+      n || (this._value = e), (r || !n) && this._onValueListeners.forEach((s) => s(e));
+    });
+    a(this, "_disposed", !1);
+    a(this, "isDisposed", () => this._disposed);
+    a(this, "onDispose", (e) => {
+      this._onDisposeListeners.push(e);
+    });
+    a(this, "dispose", () => {
+      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 L(() => {
+        try {
+          return e(this.get());
+        } catch (s) {
+          throw console.error("Error in Signal.map:", s), s;
+        }
+      }, r);
+      return this.setDerivative(n), n;
+    });
+    a(this, "flatMap", (e, r = (n, s) => n === s) => {
+      const n = new L(() => {
+        try {
+          return e(this.get()).get();
+        } catch (s) {
+          throw console.error("Error in Signal.flatMap:", s), s;
+        }
+      }, r);
+      return this.setDerivative(n), n;
+    });
+    a(this, "tap", (e) => this.map((r) => (e(r), r)));
+    a(this, "at", (e) => this.map((r) => r[e]));
+    a(this, "filter", (e, r) => {
+      let n = r ?? this.get();
+      const s = new L(() => {
+        try {
+          const i = this.get();
+          return n = e(i) ? i : n;
+        } catch (i) {
+          throw console.error("Error in Signal.filter:", i), i;
+        }
+      }, this.equals);
+      return this.setDerivative(s), s;
+    });
+    a(this, "filterMap", (e, r, n = (s, i) => s === i) => {
+      let s = r;
+      const i = new L(() => {
+        try {
+          const o = this.get(), u = e(o);
+          return s = u ?? s;
+        } catch (o) {
+          throw console.error("Error in Signal.filterMap:", o), o;
+        }
+      }, n);
+      return this.setDerivative(i), i;
+    });
+    a(this, "mapAsync", (e, r, n, s = (i, o) => i === o) => {
+      const i = y(r, s);
+      let o = 0;
+      return i.onDispose(
+        this.on((u) => {
+          const l = ++o;
+          try {
+            e(u).then((c) => {
+              l === o && i.set(c);
+            }).catch((c) => {
+              l === o && (n != null ? i.set(n(c)) : console.error(
+                "Unhandled promise rejection in Signal.mapAsync:",
+                c
+              ));
+            });
+          } catch (c) {
+            throw console.error("Error in Signal.mapAsync:", c), c;
+          }
+        })
+      ), i;
+    });
+    a(this, "mapMaybe", (e, r) => this.map((n) => e(n) ?? r));
+    a(this, "feedProp", (e, r = !1) => {
+      const n = this.on(e.set);
+      return e.onDispose(n), r ? this.onDispose(e.dispose) : this.onDispose(n), e;
+    });
+    a(this, "deriveProp", (e = !0) => this.feedProp(y(this.get()), e));
+    a(this, "count", () => {
+      let e = 0;
+      return this.map(() => ++e);
+    });
+    a(this, "setDerivative", (e) => {
+      this._derivatives.push(e), e.onDispose(() => {
+        this._derivatives.splice(
+          this._derivatives.indexOf(e),
+          1
+        );
+      }), e.onDispose(this.on(e.setDirty)), this.onDispose(e.dispose);
+    });
+    this.equals = r, this._value = e;
+  }
+  static ofPromise(e, r, n, s = (i, o) => i === o) {
+    const i = new P(r, s);
+    return e.then((o) => i._setAndNotify(o, !1)).catch((o) => {
+      n != null ? i._setAndNotify(n(o), !1) : console.error(
+        "Unhandled promise rejection in Signal.ofPromise:",
+        o
+      );
+    }), i;
+  }
+  static is(e) {
+    return e != null && e[ee] === !0;
+  }
+  static wrap(e, r = (n, s) => n === s) {
+    return P.is(e) ? e : new P(e, r);
+  }
+  static maybeWrap(e) {
+    return e == null ? e : P.wrap(e);
+  }
+  static unwrap(e) {
+    return P.is(e) ? e.get() : e;
+  }
+  static map(e, r) {
+    return P.is(e) ? e.map(r) : r(e);
+  }
+  get value() {
+    return this._value;
+  }
+};
+let p = P;
+const Xe = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
+var ae, ue;
+class L extends (ue = p, ae = re, ue) {
+  constructor(r, n) {
+    super(void 0, n);
+    a(this, ae, !0);
+    a(this, "_isDirty", !1);
+    a(this, "setDirty", () => {
+      this._isDirty || this._disposed || (this._isDirty = !0, this._derivatives.forEach((r) => r.setDirty()), this.scheduleNotify());
+    });
+    a(this, "_scheduleCount", 0);
+    a(this, "scheduleNotify", () => {
+      const r = ++this._scheduleCount;
+      Xe(() => {
+        this._scheduleCount !== r || this._disposed !== !1 || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn(), !1));
+      });
+    });
+    a(this, "get", () => (this._isDirty && (this._isDirty = !1, this._value = this._fn(), this._setAndNotify(this._value, !0)), this._value));
+    this._fn = r, this.setDirty();
+  }
+  static is(r) {
+    return r != null && r[re] === !0;
+  }
+  get value() {
+    return this.get();
+  }
+}
+var ce, fe;
+class O extends (fe = p, ce = te, fe) {
+  constructor() {
+    super(...arguments);
+    a(this, ce, !0);
+    a(this, "set", (r) => {
+      this._setAndNotify(r, !1);
+    });
+    a(this, "update", (r) => {
+      this._setAndNotify(r(this.get()), !1);
+    });
+    a(this, "reducer", (r) => (n) => this.update((s) => r(s, n)));
+    a(this, "iso", (r, n, s = (i, o) => i === o) => {
+      const i = new O(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(
+      (n) => n[r],
+      (n) => ({ ...this.value, [r]: n })
+    ));
+  }
+  static is(r) {
+    return r != null && r[te] === !0;
+  }
+  get value() {
+    return this.get();
+  }
+  set value(r) {
+    this._setAndNotify(r, !1);
+  }
+}
+function B(t, e, r = (n, s) => n === s) {
+  const n = new L(t, r);
+  return e.forEach((s) => s.setDerivative(n)), n;
+}
+function Ct(t, e) {
+  return B(t, e).dispose;
+}
+function y(t, e = (r, n) => r === n) {
+  return new O(t, e);
+}
+function Tt(t, e = (r, n) => r === n) {
+  return new p(t, e);
+}
+class he {
+  constructor() {
+    a(this, "_store", /* @__PURE__ */ new Map());
+    a(this, "getItem", (e) => this._store.get(e) ?? null);
+    a(this, "setItem", (e, r) => {
+      this._store.set(e, r);
+    });
+  }
+}
+function de({
+  key: t,
+  defaultValue: e,
+  store: r,
+  serialize: n = JSON.stringify,
+  deserialize: s = JSON.parse,
+  equals: i = (u, l) => u === l,
+  onLoad: o = (u) => u
+}) {
+  const u = r.getItem(t), l = new O(
+    u != null ? o(s(u)) : typeof e == "function" ? e() : e,
+    i
+  );
+  return l.on((c) => {
+    r.setItem(t, n(c));
+  }), l;
+}
+function Rt(t) {
+  return de({
+    ...t,
+    store: (window == null ? void 0 : window.localStorage) ?? new he()
+  });
+}
+function Nt(t) {
+  return de({
+    ...t,
+    store: (window == null ? void 0 : window.sessionStorage) ?? new he()
+  });
+}
+function ne(t) {
+  return typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 0);
+}
+function Ye(t, e, r, n) {
+  const s = (n == null ? void 0 : n.duration) ?? 300, i = (n == null ? void 0 : n.easing) ?? ((v) => v), o = (n == null ? void 0 : n.equals) ?? ((v, R) => v === R);
+  let u = n == null ? void 0 : n.interpolate, l = t, c = e(), m = performance.now(), g = null, d = !0;
+  const _ = new L(e, o), E = y(t, o);
+  E.onDispose(() => {
+    g !== null && cancelAnimationFrame(g);
+  }), E.onDispose(_.dispose), r.forEach((v) => {
+    v.setDerivative(_), v.onDispose(E.dispose);
+  });
+  const Z = (v) => {
+    c = v, m = performance.now(), l = E.value, d && (d = !1, g = ne(J));
+  }, J = () => {
+    const R = (performance.now() - m) / p.unwrap(s), Ie = i(R);
+    u == null && (u = qe(l));
+    let Q = u(l, c, Ie);
+    R >= 1 ? (d = !0, Q = c) : g = ne(J), E.set(Q);
+  };
+  return _.on(Z), E;
+}
+function It(t, e) {
+  const { initialValue: r, ...n } = e ?? {};
+  return Ye(r ?? t.get(), t.get, [t], n);
+}
+function Ft(t, e) {
+  const { signals: r, literals: n } = Object.entries(t).reduce(
+    ({ signals: i, literals: o }, [u, l]) => (p.is(l) ? i.push([u, l]) : o[u] = l, { signals: i, literals: o }),
+    { signals: [], literals: {} }
+  ), s = r.map(([, i]) => i);
+  return B(() => (r.forEach(([i, o]) => n[i] = o.value), e(n)), s);
+}
+function se(t) {
+  let e = t.match(/rgba?\((\d+), (\d+), (\d+)(, (\d+))?\)/);
+  return e != null ? [
+    Number(e[1]),
+    Number(e[2]),
+    Number(e[3]),
+    e[4] != null ? Number(e[5]) : 1,
+    "rgba"
+  ] : (e = t.match(/#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})/), e != null ? [
+    parseInt(e[1], 16),
+    parseInt(e[2], 16),
+    parseInt(e[3], 16),
+    1,
+    "hex"
+  ] : (e = t.match(/hsla?\((\d+), (\d+)%?, (\d+)%?(, (\d+))?\)/), e != null ? [
+    Number(e[1]),
+    Number(e[2]),
+    Number(e[3]),
+    e[4] != null ? Number(e[5]) : 1,
+    "hsla"
+  ] : [0, 0, 0, 1, "rgba"]));
+}
+function ie(t) {
+  const e = /^(inset\s)?(-?\d+)([a-zA-Z]*)(\s+)(-?\d+)([a-zA-Z]*)(?:\s+(-?\d+)([a-zA-Z]*))?(?:\s+(-?\d+)([a-zA-Z]*))?(?:\s+(-?\d+)([a-zA-Z]*))?(?:\s+)([a-zA-Z0-9(),.]+)$/i, r = t.match(e);
+  if (r == null)
+    return {
+      inset: !1,
+      x: 0,
+      y: 0,
+      blur: 0,
+      spread: 0,
+      color: "rgba(0, 0, 0, 0)"
+    };
+  const [, n, s, , , i, , o, , u, , l] = r, c = o != null ? parseInt(o, 10) : 0, m = u != null ? parseInt(u, 10) : 0;
+  return {
+    inset: !!n,
+    x: parseInt(s, 10),
+    y: parseInt(i, 10),
+    blur: c,
+    spread: m,
+    color: l
+  };
+}
+function He(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 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 je(t, e) {
+  const [r, n, s, i, o] = se(t), [u, l, c, m] = se(e);
+  return (g) => {
+    const d = r + (u - r) * g, _ = n + (l - n) * g, E = s + (c - s) * g, Z = i + (m - i) * g;
+    return Ke([d, _, E, Z, o]);
+  };
+}
+function Ot(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, u = r.blur + (n.blur - r.blur) * s, l = r.spread + (n.spread - r.spread) * s, c = me(r.color, n.color)(s);
+    return He({ inset: r.inset, x: i, y: o, blur: u, spread: l, color: c });
+  };
+}
+function Ue(t, e) {
+  var r, n, s, i, o, u, l, 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" ? (u = t.filter.match(/brightness\((\d+)%\)/)) == null ? void 0 : u[1] : e === "contrast" ? (l = t.filter.match(/contrast\((\d+)%\)/)) == null ? void 0 : l[1] : e === "blur" ? (c = t.filter.match(/blur\((\d+)px\)/)) == null ? void 0 : c[1] : t.getPropertyValue(e));
+}
+function Wt(t, e) {
+  const r = {}, n = getComputedStyle(t);
+  for (const [s, i] of Object.entries(e)) {
+    const o = s;
+    i != null && (r[o] = Ue(n, o));
+  }
+  return r;
+}
+function I(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 X = /* @__PURE__ */ new Map();
+function pe(t, e, r) {
+  if (X.has(r + ":" + t + e))
+    return X.get(t + e);
+  const n = je(t, e);
+  return X.set(r + ":" + t + e, n), n;
+}
+function me(t, e) {
+  return pe(t, e, "c");
+}
+function Be(t, e) {
+  return pe(t, e, "s");
+}
+function Ge(t, e, r, n, s) {
+  if (r != null && n != null) {
+    if (typeof r == "number" && typeof n == "number") {
+      const i = r + (n - r) * s;
+      I(t, e, i);
+    } else if (e === "boxShadow" || e === "textShadow") {
+      const i = Be(
+        r,
+        n
+      )(s);
+      I(t, e, i);
+    } else if (e === "color" || e === "backgroundColor" || e === "borderColor" || e === "outlineColor") {
+      const i = me(
+        r,
+        n
+      )(s);
+      I(t, e, i);
+    }
+  }
+}
+function xt(t, e, r, n) {
+  t.style.transform = "", t.style.filter = "";
+  for (const [s, i] of Object.entries(r)) {
+    const o = s;
+    Ge(t, o, e[o], i, n);
+  }
+}
+function zt(t, e) {
+  t.style.transform = "", t.style.filter = "";
+  for (const [r, n] of Object.entries(e))
+    n != null && I(t, r, n);
+}
+const ge = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), we = /* @__PURE__ */ new Set([
+  "rowSpan",
+  "colSpan",
+  "tabIndex",
+  "valueAsNumber"
+]), Se = /* @__PURE__ */ new Set(["valueAsDate"]), ve = /* @__PURE__ */ new Set([
+  "value",
+  "textContent",
+  "innerText",
+  "innerHTML",
+  "outerHTML",
+  "className",
+  "classList"
+]), Y = /* @__PURE__ */ new Map();
+function $(t, e) {
+  if (Y.has(t))
+    return Y.get(t);
+  {
+    const r = e(t);
+    return Y.set(t, r), r;
+  }
+}
+function Je(t) {
+  return (e, r) => {
+    r == null ? e[t] = null : e[t] = !!r;
+  };
+}
+function Qe(t) {
+  return (e, r) => {
+    r == null ? e[t] = null : e[t] = Number(r);
+  };
+}
+function ke(t) {
+  return (e, r) => {
+    r == null ? e[t] = null : e[t] = r;
+  };
+}
+function et(t) {
+  return (e, r) => {
+    r == null ? e[t] = null : e[t] = String(r);
+  };
+}
+function tt(t) {
+  return (e, r) => {
+    r == null ? e.removeAttribute(t) : e.setAttribute(t, r);
+  };
+}
+function be(t) {
+  return ge.has(t) ? $(t, Je) : we.has(t) ? $(t, Qe) : Se.has(t) ? $(t, ke) : ve.has(t) ? $(t, et) : $(t, tt);
+}
+function ye(t) {
+  return (e) => ge.has(t) ? !!e[t] : we.has(t) ? Number(e[t]) : Se.has(t) ? e[t] : ve.has(t) ? String(e[t]) : e.getAttribute(t);
+}
+class b {
+  /**
+   * Constructs a new `DOMContext` instance.
+   *
+   * @param document - The `Document` instance associated with this context.
+   * @param element - The `Element` instance associated with this context.
+   * @param reference - An optional `Node` instance that serves as a reference for this context.
+   * @param providers - The `Providers` instance associated with this context.
+   * @param isFirstLevel - A boolean value indicating whether this context is at the first level, meaning the outermost node in the generated DOM.
+   */
+  constructor(e, r, n, s, i) {
+    /**
+     * Creates a new DOM element (eg: HTML or SVG) with the specified tag name and namespace.
+     *
+     * @param tagName - The tag name of the element to create.
+     * @param namespace - The namespace URI to create the element in, or `undefined` to create a standard HTML element.
+     * @returns The newly created element.
+     */
+    a(this, "createElement", (e, r) => r !== void 0 ? this.document.createElementNS(r, e) : this.document.createElement(e));
+    /**
+     * Creates a new text node with the specified text content.
+     * @param text - The text content for the new text node.
+     * @returns A new `Text` node with the specified text content.
+     */
+    a(this, "createText", (e) => this.document.createTextNode(e));
+    /**
+     * Creates a new `DOMContext` with a reference to a newly created text node.
+     * The text node is appended or inserted to the current `DOMContext`.
+     * The new `DOMContext` with the reference is returned.
+     */
+    a(this, "makeRef", () => {
+      const e = this.createText("");
+      return this.appendOrInsert(e), this.withReference(e);
+    });
+    /**
+     * Appends or inserts a child node to the element, depending on whether a reference node is provided.
+     *
+     * @param child - The child node to append or insert.
+     */
+    a(this, "appendOrInsert", (e) => {
+      this.reference === void 0 ? this.element.appendChild(e) : this.element.insertBefore(e, this.reference);
+    });
+    /**
+     * Creates a new `DOMContext` instance with the provided `document`.
+     *
+     * @param document - The `Document` to use for the `DOMContext`.
+     * @returns A new `DOMContext` instance.
+     */
+    a(this, "withDocument", (e) => new b(
+      e,
+      this.element,
+      this.reference,
+      this.providers,
+      !1
+    ));
+    /**
+     * Creates a new `DOMContext` instance with the provided `element`.
+     * @param element - The DOM element to use in the new `DOMContext` instance.
+     * @returns A new `DOMContext` instance with the provided `element`.
+     */
+    a(this, "withElement", (e) => new b(this.document, e, void 0, this.providers, !1));
+    /**
+     * Creates a new `DOMContext` instance with the `isFirstLevel` property set to `true`.
+     * @returns A new `DOMContext` instance with the `isFirstLevel` property set to `true`.
+     */
+    a(this, "withFirstLevel", () => new b(
+      this.document,
+      this.element,
+      this.reference,
+      this.providers,
+      !0
+    ));
+    /**
+     * Creates a new `DOMContext` instance with the specified reference.
+     *
+     * @param reference - The optional `Text` node to use as the reference for the new `DOMContext`.
+     * @returns A new `DOMContext` instance with the specified reference.
+     */
+    a(this, "withReference", (e) => new b(
+      this.document,
+      this.element,
+      e,
+      this.providers,
+      this.isFirstLevel
+    ));
+    /** Creates a new DOMContext with the provided provider value.
+     *
+     * @param mark - The provider mark to associate the value with.
+     * @param value - The value to set for the provider.
+     * @returns A new DOMContext with the updated providers.
+     */
+    a(this, "withProvider", (e, r) => new b(
+      this.document,
+      this.element,
+      this.reference,
+      {
+        ...this.providers,
+        [e]: r
+      },
+      this.isFirstLevel
+    ));
+    /**
+     * Returns a new DOMContext instance with the specified providers merged into
+     * the existing providers.
+     *
+     * @param providers - An object containing the providers to be merged into the existing providers.
+     * @returns A new DOMContext instance with the merged providers.
+     */
+    a(this, "withProviders", (e) => new b(
+      this.document,
+      this.element,
+      this.reference,
+      {
+        ...this.providers,
+        ...e
+      },
+      this.isFirstLevel
+    ));
+    /**
+     * Retrieves a provider for the given provider mark.
+     *
+     * @param mark - The provider mark to retrieve the provider for.
+     * @returns The provider for the given mark.
+     * @throws {Error} If the provider for the given mark is not found.
+     */
+    a(this, "getProvider", (e) => {
+      if (this.providers[e] === void 0)
+        throw new Error(`Provider not found: ${e.description}`);
+      return this.providers[e];
+    });
+    this.document = e, this.element = r, this.reference = n, this.providers = s, this.isFirstLevel = i;
+  }
+  /**
+   * Creates a new `DOMContext` instance for the given `Element` and optional reference `Node`.
+   *
+   * @param element - The `Element` to create the `DOMContext` for.
+   * @param ref - An optional reference `Node` to associate with the `DOMContext`.
+   * @returns A new `DOMContext` instance.
+   */
+  static of(e, r) {
+    return new b(e.ownerDocument, e, r, {}, !0);
+  }
+}
+function A(t) {
+  const e = t;
+  e && e.onblur && (e.onblur = null), !(!t || t.ownerDocument === void 0) && t.parentElement && t.parentElement.removeChild(t);
+}
+function rt(t) {
+  return Ae(t) ? t : t.parentElement;
+}
+function Ae(t) {
+  return t.nodeType === 1;
+}
+function nt(t, e, r) {
+  let n = t.target;
+  for (; n != null && !(n instanceof HTMLAnchorElement); )
+    n = n.parentElement;
+  if (n == null) return !0;
+  const s = n;
+  if (t.button !== 0 || t.ctrlKey || t.metaKey || s.target !== "_self" && s.target !== "" || s.getAttribute("download") != null)
+    return !0;
+  if (r) {
+    const { pathname: i, search: o, hash: u } = s, l = i + o + u;
+    if (s.getAttribute("href") !== l || e && !/\/[^/.]*$/.test(i))
+      return !0;
+  }
+  return !1;
+}
+const Vt = (t, e = {
+  checkExtension: !0,
+  checkExternalUrl: !0
+}) => (r) => {
+  const { checkExtension: n, checkExternalUrl: s } = e;
+  nt(
+    r,
+    n === !0,
+    s === !0
+  ) || t() && r.preventDefault();
+}, Ee = (t) => (e) => {
+  e.isFirstLevel && h.isSSR && e.element.setAttribute("data-tempo-text", "");
+  const r = e.createText(t);
+  return e.appendOrInsert(r), (n) => {
+    n && A(r);
+  };
+}, Pe = (t) => (e) => {
+  e.isFirstLevel && h.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 && A(r);
+  };
+};
+function qt(t) {
+  return p.is(t) ? Pe(t) : Ee(t);
+}
+const w = (...t) => (e) => {
+  const r = t.map((n) => f(n)(e));
+  return (n) => {
+    r.forEach((s) => s(n));
+  };
+}, S = () => () => {
+}, H = "data-tempo-attrs";
+function W(t, e) {
+  const r = t.getAttribute(H);
+  r === null ? t.setAttribute(H, e) : t.setAttribute(H, `${r} ${e}`);
+}
+const st = (t) => (e) => (console.log("className.static", e.isFirstLevel, h.isSSR), e.isFirstLevel && h.isSSR && W(e.element, "class"), e.element.classList.add(...t), (r) => {
+  r && e.element.classList.remove(...t);
+}), it = (t) => (e) => {
+  console.log("className.signal", e.isFirstLevel, h.isSSR), e.isFirstLevel && h.isSSR && W(e.element, "class");
+  const r = e.element;
+  let n = [];
+  const s = t.on((i) => {
+    n.forEach((o) => r.classList.remove(o)), n = (i ?? "").split(" ").filter((o) => o.length > 0), r.classList.add(...n);
+  });
+  return (i) => {
+    s(), i && n.forEach((o) => r.classList.remove(o)), n.length = 0;
+  };
+}, x = (t, e) => {
+  const r = be(t), n = ye(t);
+  return (s) => {
+    console.log("attribute.static", t, s.isFirstLevel, h.isSSR), s.isFirstLevel && h.isSSR && W(s.element, t);
+    const i = n(s.element);
+    return r(s.element, e), (o) => {
+      o && r(s.element, i);
+    };
+  };
+}, z = (t, e) => {
+  const r = be(t), n = ye(t);
+  return (s) => {
+    console.log("attribute.signal", t, s.isFirstLevel, h.isSSR), s.isFirstLevel && h.isSSR && W(s.element, t);
+    const i = n(s.element);
+    return e.on((o) => r(s.element, o)), (o) => {
+      o && r(s.element, i);
+    };
+  };
+}, D = new Proxy(
+  {},
+  {
+    get: (t, e) => e === "class" ? (r) => p.is(r) ? it(r) : st(
+      (r ?? "").split(" ").filter((n) => n.length > 0)
+    ) : (r) => p.is(r) ? z(
+      e,
+      r
+    ) : x(
+      e,
+      r
+    )
+  }
+), Zt = new Proxy(
+  {},
+  {
+    get: (t, e) => (r) => p.is(r) ? z(
+      `aria-${e}`,
+      r
+    ) : x(
+      `aria-${e}`,
+      r
+    )
+  }
+), Xt = new Proxy(
+  {},
+  {
+    get: (t, e) => (r) => p.is(r) ? z(
+      e,
+      r
+    ) : x(
+      e,
+      r
+    )
+  }
+), Yt = new Proxy(
+  {},
+  {
+    get: (t, e) => (r) => p.is(r) ? z(
+      e,
+      r
+    ) : x(
+      e,
+      r
+    )
+  }
+);
+function f(t) {
+  return t == null ? S : Array.isArray(t) ? w(...t.map(f)) : typeof t == "string" ? Ee(t) : p.is(t) ? Pe(t) : t;
+}
+function _e(t, ...e) {
+  return (r) => {
+    const n = r.createElement(t, void 0);
+    r.appendOrInsert(n), console.log("ctx.isFirstLevel", r.isFirstLevel, "ssr.isSSR", h.isSSR), r.isFirstLevel && h.isSSR && n.setAttribute("data-tempo-node", ""), r = r.withElement(n);
+    const s = e.map((i) => f(i)(r));
+    return (i) => {
+      s.forEach((o) => o(!1)), i && A(n);
+    };
+  };
+}
+function De(t, e, ...r) {
+  return (n) => {
+    const s = n.createElement(t, e);
+    n.appendOrInsert(s), n.isFirstLevel && h.isSSR && s.setAttribute("data-tempo-node", ""), n = n.withElement(s);
+    const i = r.map((o) => f(o)(n));
+    return (o) => {
+      i.forEach((u) => u(!1)), o && A(s);
+    };
+  };
+}
+const Ht = new Proxy(
+  {},
+  {
+    get: (t, e) => (...r) => _e(e, r.flatMap(f))
+  }
+), Kt = new Proxy(
+  {},
+  {
+    get: (t, e) => (...r) => _e("input", D.type(e), ...r)
+  }
+), ot = "http://www.w3.org/2000/svg", jt = new Proxy(
+  {},
+  {
+    get: (t, e) => (...r) => De(e, ot, r.flatMap(f))
+  }
+), lt = "http://www.w3.org/1998/Math/MathML", Ut = new Proxy(
+  {},
+  {
+    get: (t, e) => (...r) => De(e, lt, r.flatMap(f))
+  }
+);
+let j = !1;
+function at(t) {
+  t.querySelectorAll("[data-tempo-attrs]").forEach((e) => {
+    const r = e.getAttribute("data-tempo-attrs");
+    r !== null && (r.split(" ").forEach((n) => {
+      e.removeAttribute(n);
+    }), e.removeAttribute("data-tempo-attrs"));
+  }), t.querySelectorAll("[data-tempo-node]").forEach((e) => {
+    var r;
+    (r = e.parentElement) == null || r.removeChild(e), e.removeAttribute("data-tempo-node");
+  }), t.querySelectorAll("[data-tempo-text]").forEach((e) => {
+    e.textContent = "", e.removeAttribute("data-tempo-text");
+  }), t.querySelectorAll("[data-tempo-styles]").forEach((e) => {
+    const r = e.getAttribute("data-tempo-styles");
+    r !== null && (r.split(" ").forEach((n) => {
+      e == null || e.style.removeProperty(n);
+    }), e.removeAttribute("data-tempo-styles"));
+  });
+}
+let U = 0;
+const Bt = (t = 30) => (j = !0, new Promise((e, r) => {
+  let n;
+  const s = setInterval(() => {
+    U <= 0 && (clearInterval(s), clearTimeout(n), j = !1, e());
+  }, 10);
+  n = setTimeout(() => {
+    clearInterval(s), r(new Error("SSR Timeout"));
+  }, t * 1e3);
+})), h = {
+  useDone(t) {
+    return U++, f(t(() => U--));
+  },
+  get isSSR() {
+    return j;
+  }
+}, Le = (t, e) => (r) => {
+  const n = Object.values(t).reduce((s, i) => {
+    const o = r.getProvider(i);
+    if (o == null)
+      throw new Error(`No provider found for mark: ${i.description}`);
+    return s[i] = o, s;
+  }, {});
+  return f(e(n))(r);
+}, Gt = (t, e) => (r) => {
+  const n = [], s = Object.entries(t).reduce(
+    (i, [o, u]) => (n.push(
+      u((l) => (Reflect.set(i, o, l), null))(r)
+    ), i),
+    {}
+  );
+  return n.push(e(s)(r)), (i) => {
+    n.forEach((o) => o(i));
+  };
+}, ut = (t, e) => Le([t], (r) => f(e(r[t]))), Jt = (t, e) => Le(t, (r) => f(e(r))), C = (t) => (e) => (r) => t(r, e);
+function ct(t) {
+  return Symbol(t);
+}
+const $e = (t, e) => (r) => f(e)(r.withProviders(t)), Qt = (...t) => t.length > 0 ? t.reduceRight((e, r) => (n) => e(r(n))) : f, ft = (t, e, r) => $e({ [t]: e }, f(r)), kt = (t, e) => $e(t, f(e)), oe = ct("Appearance"), er = {
+  /**
+   * 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
+   * preferences.
+   *
+   * The appearance context is updated whenever the user's system preferences
+   * change, and the component is cleaned up when it is no longer needed.
+   *
+   * @param child - The child component to be provided with the appearance context.
+   * @returns The child component with the appearance context.
+   */
+  provide: (t) => {
+    const e = window.matchMedia != null && window.matchMedia("(prefers-color-scheme: dark)").matches, r = y(e ? "dark" : "light"), n = (i) => {
+      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), w(
+      ft(oe, r, t),
+      C(() => s == null ? void 0 : s.removeEventListener("change", n))
+    );
+  },
+  /**
+   * Makes the AppearanceType available to the child component by consuming the signal provided by the parent.
+   * The result of the function is returned as the final output.
+   *
+   * @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) => ut(oe, t)
+}, Me = (t, e) => {
+  if (typeof e == "function")
+    return Me(t, { then: e });
+  const r = e.pending != null ? f(e.pending) : S, n = e.then, s = e.error != null ? (i) => f(e.error(i)) : () => S;
+  return (i) => {
+    let o = !0;
+    const u = t();
+    i = i.makeRef();
+    let l = f(r)(i);
+    return u.then(
+      (c) => {
+        o && (l(!0), l = f(n(c))(i));
+      },
+      (c) => {
+        o && (l(!0), l = f(s(c))(i));
+      }
+    ), (c) => {
+      o = !1, l(c), c && i.reference && A(i.reference);
+    };
+  };
+}, tr = (t, e) => Me(() => t, e), rr = (t = 10) => (e) => {
+  const r = setTimeout(() => {
+    var n;
+    (n = e.element) == null || n.focus();
+  }, t);
+  return (n) => clearTimeout(r);
+}, nr = (t = 10) => (e) => {
+  const r = setTimeout(() => {
+    var n;
+    (n = e.element) == null || n.select();
+  }, t);
+  return (n) => {
+    clearTimeout(r);
+  };
+}, Ce = (t, e) => (r) => (r.element.addEventListener(t, e), (n) => {
+  n && r.element.removeEventListener(t, e);
+}), ht = (t) => Ce("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);
+}), V = new Proxy(
+  {},
+  {
+    get: (t, e) => (r) => Ce(e, r)
+  }
+), q = {
+  value: (t) => (e) => {
+    const r = e.target;
+    t(r.value);
+  },
+  valueAsNumber: (t) => (e) => {
+    const r = e.target;
+    t(r.valueAsNumber);
+  },
+  valueAsDate: (t) => (e) => {
+    const r = e.target;
+    if (r.value === "")
+      return;
+    const n = r.value.split("-"), s = new Date(
+      Number(n[0]),
+      Number(n[1]) - 1,
+      Number(n[2].substring(0, 2))
+    );
+    t(s);
+  },
+  valueAsDateTime: (t) => (e) => {
+    const r = e.target;
+    if (r.value === "")
+      return;
+    const n = r.value.split("T"), s = n[0].split("-"), i = new Date(
+      Number(s[0]),
+      Number(s[1]) - 1,
+      Number(s[2])
+    ), o = n[1].split(":");
+    i.setHours(Number(o[0])), i.setMinutes(Number(o[1])), i.setSeconds(Number(o[2])), t(i);
+  },
+  checked: (t) => (e) => {
+    const r = e.target;
+    t(r.checked);
+  },
+  preventDefault: (t) => (e) => {
+    e.preventDefault(), t();
+  },
+  stopPropagation: (t) => (e) => {
+    e.stopPropagation(), t();
+  },
+  stopImmediatePropagation: (t) => (e) => {
+    e.stopImmediatePropagation(), t();
+  }
+};
+function dt(t, e = "input") {
+  return w(
+    D.valueAsDate(t),
+    V[e](q.valueAsDate(t.set))
+  );
+}
+function pt(t, e = "input") {
+  return w(
+    D.valueAsDate(t),
+    V[e](q.valueAsDateTime(t.set))
+  );
+}
+function mt(t, e = "input") {
+  return w(
+    D.valueAsNumber(t),
+    V[e](q.valueAsNumber(t.set))
+  );
+}
+function gt(t, e = "input") {
+  return w(D.value(t), V[e](q.value(t.set)));
+}
+function wt(t) {
+  return w(D.checked(t), ht(t.set));
+}
+const sr = {
+  date: dt,
+  dateTime: pt,
+  number: mt,
+  text: gt,
+  checked: wt
+}, N = (t, e) => (r) => {
+  r = r.makeRef();
+  let n, s;
+  const i = t.map((l) => Object.keys(l)[0]);
+  let o;
+  const u = i.on((l) => {
+    if (l !== o) {
+      s == null || s.dispose(), n == null || n(!0), s = t.map((m) => m[l]);
+      const c = e[l](s);
+      n = f(c)(r), o = l;
+    }
+  });
+  return (l) => {
+    u(), l && r.reference != null && A(r.reference), n == null || n(!0);
+  };
+}, T = {
+  bool: (t, e) => N(
+    t.map((r) => r ? { true: !0 } : { false: !0 }),
+    e
+  ),
+  field: (t, e, r) => N(
+    t.map((n) => ({ [n[e]]: n })),
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    r
+  ),
+  kind: (t, e) => T.field(t, "kind", e),
+  tuple: (t, e) => {
+    const r = t.map(([n, s]) => ({ [n]: s }));
+    return N(r, e);
+  },
+  type: (t, e) => T.field(t, "type", e),
+  value: (t, e) => N(
+    t.map((r) => ({ [r]: !0 })),
+    e
+  )
+}, ir = (t, e) => (r) => {
+  const n = (e == null ? void 0 : e.firstSeparator) ?? S, s = (e == null ? void 0 : e.lastSeparator) ?? S;
+  return T.value(
+    r.map((i) => i.isFirst ? "first" : i.isLast ? "last" : "other"),
+    {
+      first: () => n,
+      last: () => s,
+      other: () => t
+    }
+  );
+}, or = (t) => (e) => t(e)(e), lr = (t) => (e) => (e.appendOrInsert(t), (r) => {
+  r && A(t);
+}), St = (t, e, r) => (n) => {
+  n = n.makeRef();
+  let s = null, i = !1;
+  const o = y(null), u = t.on((l) => {
+    l == null ? (s == null || s(!0), s = f((r == null ? void 0 : r()) ?? S)(n), i = !1) : (o.value = l, i || (s == null || s(!0), s = f(e(o))(n), i = !0));
+  });
+  return (l) => {
+    u(), s == null || s(l), l && n.reference && A(n.reference);
+  };
+}, Te = (t, e, r) => r != null ? Te(t, (n) => {
+  const s = n.map((i) => i.isLast ? "last" : "other");
+  return w(
+    C(() => s.dispose()),
+    f(e(n)),
+    T.value(s, {
+      last: () => S,
+      other: () => r(n)
+    })
+  );
+}) : (n) => {
+  n = n.makeRef();
+  const s = t.map(
+    (l) => Array.from({ length: l }, (c, m) => m).map(
+      (c) => new Ze(c, l)
+    )
+  ), i = [], o = [], u = s.on((l) => {
+    var m, g;
+    const c = l.length;
+    for (; c < i.length; )
+      (m = i.pop()) == null || m(!0), (g = o.pop()) == null || g.dispose();
+    for (let d = 0; d < c; d++)
+      if (o[d] == null) {
+        o[d] = y(l[d]);
+        const _ = f(e(o[d]));
+        i[d] = _(n);
+      } else
+        o[d].value = l[d];
+  });
+  return (l) => {
+    u(), l && n.reference && A(n.reference);
+  };
+}, vt = (t, e, r) => r != null ? vt(t, (n, s) => {
+  const i = s.map((o) => o.isLast ? "last" : "other");
+  return w([
+    C(() => i.dispose()),
+    f(e(n, s)),
+    T.value(i, {
+      last: () => S,
+      other: () => r(s)
+    })
+  ]);
+}) : (n) => {
+  const s = t.map((i) => i.length);
+  return Te(s, (i) => {
+    const o = B(
+      () => t.value[i.value.index],
+      [i, t]
+    );
+    return w(
+      C(() => o.dispose()),
+      f(e(o, i))
+    );
+  })(n);
+}, ar = (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 Re(t, e) {
+  const r = t(e);
+  return () => r(!0);
+}
+function ur(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 && at(r ?? s.ownerDocument);
+  const i = rt(s), o = Ae(s) ? void 0 : s, u = b.of(i, o);
+  return console.log("DOMContext.isFirstLevel", u.isFirstLevel), Re(t, u);
+}
+const bt = (t, e) => (r) => {
+  const n = r.document.querySelector(t);
+  if (n === null)
+    throw new Error(`Cannot find element by selector for portal: ${t}`);
+  return Re(
+    f(e),
+    r.withElement(n).withFirstLevel()
+  );
+}, cr = (t) => bt("head title", D.innerText(t)), yt = (t) => (e) => t(e.element) ?? (() => {
+}), G = (t, e, r) => St(
+  t.map((n) => n ? !0 : null),
+  () => e,
+  r != null ? () => r : void 0
+), fr = (t, e, r) => G(
+  t.map((n) => !n),
+  e,
+  r
+), At = {
+  partial: {
+    root: null,
+    rootMargin: "0px",
+    threshold: 0
+  },
+  full: {
+    root: null,
+    rootMargin: "0px",
+    threshold: 1
+  }
+}, F = {
+  partial: /* @__PURE__ */ new Map(),
+  full: /* @__PURE__ */ new Map()
+}, M = {
+  partial: null,
+  full: null
+};
+function Et(t) {
+  return M[t] == null && (M[t] = new IntersectionObserver((e) => {
+    e.forEach((r) => {
+      const n = F[t].get(r.target);
+      n == null || n.set(r.isIntersecting);
+    });
+  }, At[t])), M[t];
+}
+function Pt(t, e) {
+  const r = y(h.isSSR);
+  return w(
+    yt((n) => {
+      const s = typeof IntersectionObserver < "u" ? Et(t) : null;
+      return F[t].set(n, r), s == null || s.observe(n), () => {
+        var i;
+        s == null || s.unobserve(n), F[t].delete(n), F[t].size === 0 && ((i = M[t]) == null || i.disconnect(), M[t] = null);
+      };
+    }),
+    C(r.dispose),
+    f(e(r))
+  );
+}
+const hr = (t, e, r) => Pt(t, (n) => G(n, e, r ?? S)), dr = (t, e) => (r) => {
+  r = r.makeRef();
+  const n = t.map((o) => f(e(o)));
+  let s = () => {
+  };
+  const i = n.on((o) => {
+    s(!0), s = o(r);
+  });
+  return (o) => {
+    i(), s(o);
+  };
+};
+function pr(t, e, r = S) {
+  return G(
+    t.map((n) => n.length > 0),
+    e,
+    r
+  );
+}
+const _t = (t) => (e) => {
+  const r = e.element, n = y({ width: r.clientWidth, height: r.clientHeight }), s = f(t(n))(e), i = () => {
+    n.set({ width: r.clientWidth, height: r.clientHeight });
+  };
+  let o;
+  return typeof ResizeObserver == "function" && (o = new ResizeObserver(i), o.observe(r)), (u) => {
+    o == null || o.disconnect(), s(u);
+  };
+}, Dt = (t) => (e) => {
+  const r = y({
+    width: (window == null ? void 0 : window.innerWidth) ?? 0,
+    height: (window == null ? void 0 : window.innerHeight) ?? 0
+  }), n = f(t(r))(e), s = () => {
+    r.set({
+      width: (window == null ? void 0 : window.innerWidth) ?? 0,
+      height: (window == null ? void 0 : window.innerHeight) ?? 0
+    });
+  };
+  return window == null || window.addEventListener("resize", s), (i) => {
+    window == null || window.removeEventListener("resize", s), n(i);
+  };
+}, mr = {
+  element: _t,
+  window: Dt
+}, K = "data-tempo-styles";
+function Ne(t, e) {
+  const r = t.getAttribute(K);
+  r === null ? t.setAttribute(K, e) : t.setAttribute(K, `${r} ${e}`);
+}
+const Lt = (t, e) => (r) => {
+  r.isFirstLevel && h.isSSR && Ne(r.element, t);
+  const n = r.element, s = n.style.getPropertyValue(t);
+  return n.style.setProperty(t, e), (i) => {
+    i && n.style.setProperty(t, s);
+  };
+}, $t = (t, e) => (r) => {
+  r.isFirstLevel && h.isSSR && Ne(r.element, t);
+  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);
+  };
+}, gr = new Proxy(
+  {},
+  {
+    get: (t, e) => (r) => p.is(r) ? $t(e, r) : Lt(e, r)
+  }
+);
+export {
+  tr as Async,
+  rr as AutoFocus,
+  nr as AutoSelect,
+  L as Computed,
+  ir as Conjunction,
+  or as Ctx,
+  b as DOMContext,
+  lr as DOMEl,
+  _e as El,
+  De as ElNS,
+  S as Empty,
+  St as Ensure,
+  vt as ForEach,
+  w as Fragment,
+  cr as HTMLTitle,
+  ar as HiddenWhenEmpty,
+  Pt as InViewport,
+  dr as MapSignal,
+  he as MemoryStore,
+  pr as NotEmpty,
+  ht as OnChecked,
+  C as OnDispose,
+  yt as OnMount,
+  bt as Portal,
+  Ze as Position,
+  O as Prop,
+  Qt as Provide,
+  Te as Repeat,
+  p as Signal,
+  Me as Task,
+  qt as Text,
+  fr as Unless,
+  Gt as Use,
+  ut as UseProvider,
+  Jt as UseProviders,
+  G as When,
+  hr as WhenInViewport,
+  ft as WithProvider,
+  kt as WithProviders,
+  Ne as addStyleTracker,
+  Ye as animate,
+  It as animateOne,
+  er as appearance,
+  oe as appearanceMarker,
+  zt as applyAnimatable,
+  I as applyAnimatableProp,
+  xt as applyInterpolatedAnimatable,
+  Ge as applyInterpolatedAnimatableProp,
+  Zt as aria,
+  D as attr,
+  sr as bind,
+  f as childToMountable,
+  at as clearSSR,
+  Ke as colorChannelsToString,
+  B as computed,
+  Ft as computedRecord,
+  ze as dateInterpolate,
+  Ct as effect,
+  q as emit,
+  Ve as endInterpolate,
+  Wt as getComputedAnimatable,
+  Ue as getComputedAnimatableProp,
+  rt as getSelfOrParentElement,
+  qe as guessInterpolate,
+  Vt as handleAnchorClick,
+  Ht as html,
+  Kt as input,
+  je as interpolateColor,
+  Ot as interpolateShadow,
+  Ae as isElement,
+  ye as makeGetter,
+  ct as makeProviderMark,
+  be as makeSetter,
+  Ut as math,
+  Yt as mathAttr,
+  We as numberInterpolate,
+  V as on,
+  T as oneof,
+  se as parseColorChannels,
+  y as prop,
+  Rt as propOfLocalStorage,
+  Nt as propOfSessionStorage,
+  de as propOfStorage,
+  A as removeDOMNode,
+  ur as render,
+  Re as renderWithContext,
+  tt as setAttribute,
+  Je as setBooleanProperty,
+  ke as setDateProperty,
+  Qe as setNumberProperty,
+  et as setStringProperty,
+  Tt as signal,
+  Pe as signalText,
+  mr as size,
+  h as ssr,
+  Bt as startSSR,
+  Ee as staticText,
+  xe as stringInterpolate,
+  gr as style,
+  jt as svg,
+  Xt as svgAttr
+};