@tempots/dom 25.1.3 → 26.1.0

package/index.js

@@ -1,12 +1,12 @@
-var ke = Object.defineProperty;
-var te = (s) => {
+var Ne = Object.defineProperty;
+var se = (s) => {
   throw TypeError(s);
 };
-var Ie = (s, e, t) => e in s ? ke(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var o = (s, e, t) => Ie(s, typeof e != "symbol" ? e + "" : e, t), se = (s, e, t) => e.has(s) || te("Cannot " + t);
-var X = (s, e, t) => (se(s, e, "read from private field"), t ? t.call(s) : e.get(s)), re = (s, e, t) => e.has(s) ? te("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), ne = (s, e, t, r) => (se(s, e, "write to private field"), r ? r.call(s, t) : e.set(s, t), t);
-const Ne = (s, e, t) => s + (e - s) * t;
-const Re = (s, e, t) => {
+var $e = (s, e, t) => e in s ? Ne(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var o = (s, e, t) => $e(s, typeof e != "symbol" ? e + "" : e, t), re = (s, e, t) => e.has(s) || se("Cannot " + t);
+var X = (s, e, t) => (re(s, e, "read from private field"), t ? t.call(s) : e.get(s)), ne = (s, e, t) => e.has(s) ? se("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), ie = (s, e, t, r) => (re(s, e, "write to private field"), r ? r.call(s, t) : e.set(s, t), t);
+const Ie = (s, e, t) => s + (e - s) * t;
+const ke = (s, e, t) => {
   const r = Math.max(s.length, e.length);
   let n = "";
   for (let i = 0; i < r; i++) {
@@ -16,8 +16,8 @@ const Re = (s, e, t) => {
     isNaN(c) && (c = 97), n += String.fromCharCode(l + (c - l) * t);
   }
   return n;
-}, Ve = (s, e, t) => new Date(s.getTime() + (e.getTime() - s.getTime()) * t), je = (s, e) => e, qe = (s) => typeof s == "number" ? Ne : typeof s == "string" ? Re : s instanceof Date ? Ve : je;
-var D;
+}, Re = (s, e, t) => new Date(s.getTime() + (e.getTime() - s.getTime()) * t), Ve = (s, e) => e, je = (s) => typeof s == "number" ? Ie : typeof s == "string" ? ke : s instanceof Date ? Re : Ve;
+var M;
 class Y {
   /**
    * Creates a new instance of `ElementPosition`.
@@ -44,7 +44,7 @@ class Y {
      * @returns `true` if the counter is odd, `false` otherwise.
      */
     o(this, "isOdd");
-    re(this, D);
+    ne(this, M);
     o(this, "dispose", () => {
       this.total.dispose();
     });
@@ -55,10 +55,10 @@ class Y {
    * @returns `true` if the element is the last element, `false` otherwise.
    */
   get isLast() {
-    return X(this, D) == null && ne(this, D, this.total.map((e) => this.counter === e)), X(this, D);
+    return X(this, M) == null && ie(this, M, this.total.map((e) => this.counter === e)), X(this, M);
   }
 }
-D = new WeakMap();
+M = new WeakMap();
 const H = class H {
   /**
    * Represents a signal with a value of type T.
@@ -124,6 +124,7 @@ const H = class H {
      * @internal
      */
     o(this, "_setAndNotify", (e, t) => {
+      if (this._disposed) return;
       const r = this._value, n = this.equals(r, e);
       n || (this._value = e), (t || !n) && this._onValueListeners.forEach((i) => i(e, r));
     });
@@ -160,7 +161,7 @@ const H = class H {
      * @returns - A new Computed instance with the mapped value.
      */
     o(this, "map", (e, t = (r, n) => r === n) => {
-      const r = new L(() => {
+      const r = new x(() => {
         try {
           return e(this.get());
         } catch (n) {
@@ -180,7 +181,7 @@ const H = class H {
      * @returns A new Signal that emits the values of the resulting Signal.
      */
     o(this, "flatMap", (e, t = (r, n) => r === n) => {
-      const r = new L(() => {
+      const r = new x(() => {
         try {
           return e(this.get()).get();
         } catch (n) {
@@ -209,7 +210,7 @@ const H = class H {
     o(this, "_$");
     o(this, "filter", (e, t) => {
       let r = t ?? this.get();
-      const n = new L(() => {
+      const n = new x(() => {
         try {
           const i = this.get();
           return r = e(i) ? i : r;
@@ -231,7 +232,7 @@ const H = class H {
      */
     o(this, "filterMap", (e, t, r = (n, i) => n === i) => {
       let n = t;
-      const i = new L(() => {
+      const i = new x(() => {
         try {
           const l = this.get(), c = e(l);
           return n = c ?? n;
@@ -255,21 +256,21 @@ const H = class H {
      * @returns A property that holds the mapped value and can be observed for changes.
      */
     o(this, "mapAsync", (e, t, r, n = (i, l) => i === l) => {
-      const i = v(t, n);
+      const i = w(t, n);
       let l = 0, c = new AbortController();
       return i.onDispose(
-        this.on(async (a) => {
+        this.on(async (u) => {
           const h = ++l;
           c.abort(), c = new AbortController();
           try {
-            const u = await e(a, { abortSignal: c.signal });
-            h === l && i.set(u);
-          } catch (u) {
+            const a = await e(u, { abortSignal: c.signal });
+            h === l && i.set(a);
+          } catch (a) {
             if (h === l)
               if (r != null)
-                i.set(r(u));
+                i.set(r(a));
               else
-                throw u;
+                throw a;
           }
         })
       ), i;
@@ -305,7 +306,7 @@ const H = class H {
     o(this, "deriveProp", ({
       autoDisposeProp: e = !0,
       equals: t
-    } = {}) => this.feedProp(v(this.get(), t), e));
+    } = {}) => this.feedProp(w(this.get(), t), e));
     /**
      * Derives a new signal from the current signal. Useful to create a new signal that emits the same values as the current signal but can be disposed independently.
      * @returns A new signal that emits the same values as the current signal.
@@ -381,8 +382,8 @@ o(H, "is", (e) => (
   e != null && e.$__signal__ === !0
 ));
 let d = H;
-const Fe = typeof queueMicrotask == "function" ? queueMicrotask : (s) => Promise.resolve().then(s);
-class L extends d {
+const qe = typeof queueMicrotask == "function" ? queueMicrotask : (s) => Promise.resolve().then(s);
+class x extends d {
   /**
    * Represents a Signal object.
    * @param _fn - The function that returns the value of the signal.
@@ -417,8 +418,8 @@ class L extends d {
      */
     o(this, "_scheduleNotify", () => {
       const t = ++this._scheduleCount;
-      Fe(() => {
-        this._scheduleCount !== t || this._disposed !== !1 || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn(), !1));
+      qe(() => {
+        this._scheduleCount !== t || this._disposed || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn(), !1));
       });
     });
     /** {@inheritDoc Signal.get} */
@@ -439,7 +440,7 @@ class L extends d {
     return this.get();
   }
 }
-const U = class U extends d {
+const W = class W extends d {
   constructor() {
     super(...arguments);
     /**
@@ -471,8 +472,8 @@ const U = class U extends d {
       const n = this;
       return function i(l) {
         const c = n.value;
-        n.update((a) => t(a, l)), !n.equals(c, n.value) && r.forEach(
-          (a) => a({
+        n.update((u) => t(u, l)), !n.equals(c, n.value) && r.forEach(
+          (u) => u({
             previousState: c,
             state: n.value,
             action: l,
@@ -493,7 +494,7 @@ const U = class U extends d {
      * @returns A Prop object representing the isomorphism.
      */
     o(this, "iso", (t, r, n = (i, l) => i === l) => {
-      const i = new U(t(this.get()), n);
+      const i = new W(t(this.get()), n);
       return i.onDispose(this.on((l) => i.set(t(l)))), i.on((l) => this._setAndNotify(r(l), !1)), i;
     });
     /**
@@ -522,15 +523,15 @@ const U = class U extends d {
  * @param value - The value to check.
  * @returns `true` if the value is a Prop, `false` otherwise.
  */
-o(U, "is", (t) => (
+o(W, "is", (t) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   t != null && t.$__prop__ === !0
 ));
-let N = U;
+let k = W;
 const z = (s, e, t = (r, n) => r === n) => {
-  const r = new L(s, t);
+  const r = new x(s, t);
   return e.forEach((n) => n.setDerivative(r)), r;
-}, Be = (s, e, t = {}) => {
+}, Fe = (s, e, t = {}) => {
   let r = t.once ? () => {
     i(), s();
   } : s;
@@ -545,7 +546,7 @@ const z = (s, e, t = (r, n) => r === n) => {
     n.dispose(), t.abortSignal != null && t.abortSignal.removeEventListener("abort", i);
   };
   return t.abortSignal != null && t.abortSignal.addEventListener("abort", i), i;
-}, v = (s, e = (t, r) => t === r) => new N(s, e), W = (s, e = (t, r) => t === r) => new d(s, e), oe = () => typeof window < "u" ? window : void 0, y = {
+}, w = (s, e = (t, r) => t === r) => new k(s, e), U = (s, e = (t, r) => t === r) => new d(s, e), le = () => typeof window < "u" ? window : void 0, y = {
   /**
    * Maps a value or a Signal to a new value.
    * If the value is a Signal, it returns a new Signal with the mapped value.
@@ -568,7 +569,7 @@ const z = (s, e, t = (r, n) => r === n) => {
    * @param equals - A function that determines if two values are equal. Defaults to strict equality (===).
    * @returns A Signal instance.
    */
-  toSignal: (s, e) => d.is(s) ? s : W(s, e),
+  toSignal: (s, e) => d.is(s) ? s : U(s, e),
   /**
    * Wraps a value in a `Signal` if it is not already a `Signal`.
    * If the value is `null` or `undefined`, it returns `null` or `undefined` respectively.
@@ -615,23 +616,28 @@ const z = (s, e, t = (r, n) => r === n) => {
   deriveProp: (s, {
     autoDisposeProp: e = !0,
     equals: t
-  } = {}) => d.is(s) ? s.deriveProp({ autoDisposeProp: e, equals: t }) : v(s, t)
-}, Ht = (...s) => (e, t) => {
+  } = {}) => d.is(s) ? s.deriveProp({ autoDisposeProp: e, equals: t }) : w(s, t)
+}, Be = (...s) => (e, t) => {
   const r = s.filter((n) => d.is(n));
   return z(
     () => e(...s.map((n) => y.get(n))),
     r,
     t
   );
-}, $t = (...s) => (e, t = {}) => {
+}, Ht = (s) => {
+  const e = Object.keys(s);
+  return Be(...Object.values(s))(
+    (...t) => Object.fromEntries(e.map((r, n) => [r, t[n]]))
+  );
+}, Nt = (...s) => (e, t = {}) => {
   const r = s.filter((n) => d.is(n));
-  return Be(
+  return Fe(
     () => e(...s.map(y.get)),
     r,
     t
   );
 };
-class le {
+class ce {
   constructor() {
     o(this, "_store", /* @__PURE__ */ new Map());
     /**
@@ -650,59 +656,59 @@ class le {
     });
   }
 }
-const ce = ({
+const ue = ({
   key: s,
   defaultValue: e,
   store: t,
   serialize: r = JSON.stringify,
   deserialize: n = JSON.parse,
-  equals: i = (c, a) => c === a,
+  equals: i = (c, u) => c === u,
   onLoad: l = (c) => c
 }) => {
-  const c = t.getItem(s), a = new N(
+  const c = t.getItem(s), u = new k(
     c != null ? l(n(c)) : typeof e == "function" ? e() : e,
     i
   );
-  return a.on((h) => {
+  return u.on((h) => {
     t.setItem(s, r(h));
-  }), a;
-}, kt = (s) => {
+  }), u;
+}, $t = (s) => {
   var e;
-  return ce({
+  return ue({
     ...s,
-    store: ((e = oe()) == null ? void 0 : e.localStorage) ?? new le()
+    store: ((e = le()) == null ? void 0 : e.localStorage) ?? new ce()
   });
 }, It = (s) => {
   var e;
-  return ce({
+  return ue({
     ...s,
-    store: ((e = oe()) == null ? void 0 : e.sessionStorage) ?? new le()
+    store: ((e = le()) == null ? void 0 : e.sessionStorage) ?? new ce()
   });
 };
-function ie(s) {
+function oe(s) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(s) : setTimeout(s, 0);
 }
-const Ue = (s, e, t, r) => {
-  const n = (r == null ? void 0 : r.duration) ?? 300, i = (r == null ? void 0 : r.easing) ?? ((A) => A), l = (r == null ? void 0 : r.equals) ?? ((A, I) => A === I);
-  let c = r == null ? void 0 : r.interpolate, a = s, h = e(), u = performance.now(), m = null, T = !0;
-  const p = new L(e, l), g = v(s, l);
+const We = (s, e, t, r) => {
+  const n = (r == null ? void 0 : r.duration) ?? 300, i = (r == null ? void 0 : r.easing) ?? ((S) => S), l = (r == null ? void 0 : r.equals) ?? ((S, I) => S === I);
+  let c = r == null ? void 0 : r.interpolate, u = s, h = e(), a = performance.now(), m = null, b = !0;
+  const p = new x(e, l), g = w(s, l);
   g.onDispose(() => {
     m !== null && cancelAnimationFrame(m);
-  }), g.onDispose(p.dispose), t.forEach((A) => {
-    A.setDerivative(p), A.onDispose(g.dispose);
+  }), g.onDispose(p.dispose), t.forEach((S) => {
+    S.setDerivative(p), S.onDispose(g.dispose);
   });
-  const w = (A) => {
-    h = A, u = performance.now(), a = g.value, T && (T = !1, m = ie(K));
-  }, K = () => {
-    const I = (performance.now() - u) / y.get(n), $e = i(I);
-    c == null && (c = qe(a));
-    let ee = c(a, h, $e);
-    I >= 1 ? (T = !0, ee = h) : m = ie(K), g.set(ee);
+  const C = (S) => {
+    h = S, a = performance.now(), u = g.value, b && (b = !1, m = oe(ee));
+  }, ee = () => {
+    const I = (performance.now() - a) / y.get(n), He = i(I);
+    c == null && (c = je(u));
+    let te = c(u, h, He);
+    I >= 1 ? (b = !0, te = h) : m = oe(ee), g.set(te);
   };
-  return p.on(w), g;
-}, Nt = (s, e) => {
+  return p.on(C), g;
+}, kt = (s, e) => {
   const { initialValue: t, ...r } = e ?? {};
-  return Ue(
+  return We(
     t ?? s.get(),
     s.get,
     [s],
@@ -710,16 +716,16 @@ const Ue = (s, e, t, r) => {
   );
 }, Rt = (s, e) => {
   const { signals: t, literals: r } = Object.entries(s).reduce(
-    ({ signals: i, literals: l }, [c, a]) => (d.is(a) ? i.push([c, a]) : l[c] = a, { signals: i, literals: l }),
+    ({ signals: i, literals: l }, [c, u]) => (d.is(u) ? i.push([c, u]) : l[c] = u, { signals: i, literals: l }),
     { signals: [], literals: {} }
   ), n = t.map(([, i]) => i);
   return z(() => (t.forEach(([i, l]) => r[i] = l.value), e(r)), n);
-}, ae = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), ue = /* @__PURE__ */ new Set(["selected"]), he = /* @__PURE__ */ new Set([
+}, ae = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), he = /* @__PURE__ */ new Set(["selected"]), fe = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), fe = /* @__PURE__ */ new Set(["valueAsDate"]), de = /* @__PURE__ */ new Set([
+]), de = /* @__PURE__ */ new Set(["valueAsDate"]), pe = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -727,28 +733,28 @@ const Ue = (s, e, t, r) => {
   "outerHTML",
   "className",
   "classList"
-]), We = (s, e) => ue.has(s) ? (t) => {
+]), Ue = (s, e) => he.has(s) ? (t) => {
   t == null || t !== !0 ? e.removeAttribute(s) : e.setAttribute(s, "");
 } : ae.has(s) ? (t) => {
   t == null ? e[s] = null : e[s] = !!t;
-} : he.has(s) ? (t) => {
-  t == null ? e[s] = null : e[s] = Number(t);
 } : fe.has(s) ? (t) => {
-  t == null ? e[s] = null : e[s] = t;
+  t == null ? e[s] = null : e[s] = Number(t);
 } : de.has(s) ? (t) => {
+  t == null ? e[s] = null : e[s] = t;
+} : pe.has(s) ? (t) => {
   t == null ? e[s] = null : e[s] = String(t);
 } : (t) => {
   t == null ? e.removeAttribute(s) : e.setAttribute(s, t);
-}, Je = (s, e) => ue.has(s) ? () => e.hasAttribute(s) : ae.has(s) ? () => !!e[s] : he.has(s) ? () => Number(e[s]) : fe.has(s) ? () => e[s] : de.has(s) ? () => String(e[s]) : () => e.getAttribute(s), R = (s) => {
+}, Je = (s, e) => he.has(s) ? () => e.hasAttribute(s) : ae.has(s) ? () => !!e[s] : fe.has(s) ? () => Number(e[s]) : de.has(s) ? () => e[s] : pe.has(s) ? () => String(e[s]) : () => e.getAttribute(s), R = (s) => {
   const e = s;
   e && e.onblur && (e.onblur = null), !(!s || s.ownerDocument === void 0) && s.parentElement && s.parentElement.removeChild(s);
-}, Ge = (s) => pe(s) ? s : s.parentElement, pe = (s) => s.nodeType === 1;
-class ge extends Error {
+}, Ge = (s) => ge(s) ? s : s.parentElement, ge = (s) => s.nodeType === 1;
+class me extends Error {
   constructor(e) {
     super(`Provider not found: ${e.description}`);
   }
 }
-class x {
+class L {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -830,7 +836,7 @@ class x {
      * @param element - The DOM element to use in the new `DOMContext` instance.
      * @returns A new `DOMContext` instance with the provided `element`.
      */
-    o(this, "withElement", (e) => new x(this.document, e, void 0, this.providers));
+    o(this, "withElement", (e) => new L(this.document, e, void 0, this.providers));
     /**
      * Creates a new `DOMContext` instance with a reference to a DOM element selected by the provided `selector`.
      * @param selector - The CSS selector for the target DOM element.
@@ -848,17 +854,17 @@ class x {
      * @param reference - The optional `Text` node to use as the reference for the new `DOMContext`.
      * @returns A new `DOMContext` instance with the specified reference.
      */
-    o(this, "withReference", (e) => new x(this.document, this.element, e, this.providers));
+    o(this, "withReference", (e) => new L(this.document, this.element, e, this.providers));
     /**
-     * Returns a new HTMLDOMContext instance with the specified providers merged into
-     * the existing providers.
+     * Sets a provider for the given provider mark.
      *
-     * @param providers - An object containing the providers to be merged into the existing providers.
-     * @returns A new HTMLDOMContext instance with the merged providers.
+     * @param mark - The provider mark to set the provider for.
+     * @param value - The provider to set for the given mark.
+     * @returns A new `DOMContext` instance with the specified provider.
      */
-    o(this, "withProviders", (e) => new x(this.document, this.element, this.reference, {
+    o(this, "setProvider", (e, t) => new L(this.document, this.element, this.reference, {
       ...this.providers,
-      ...e
+      [e]: t
     }));
     /**
      * Retrieves a provider for the given provider mark.
@@ -869,7 +875,7 @@ class x {
      */
     o(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
-        throw new ge(e);
+        throw new me(e);
       return this.providers[e];
     });
     o(this, "clear", (e) => {
@@ -911,13 +917,24 @@ class x {
     /**
      * Returns `true` if the context is a browser DOM context.
      * @returns `true` if the context is a browser DOM context.
+     * @deprecated Use `isBrowser()` instead.
      */
     o(this, "isBrowserDOM", () => !0);
+    /**
+     * Returns `true` if the context is a browser context.
+     * @returns `true` if the context is a browser context.
+     */
+    o(this, "isBrowser", () => !0);
     /**
      * Returns `true` if the context is a headless DOM context.
      * @returns `true` if the context is a headless DOM context.
      */
     o(this, "isHeadlessDOM", () => !1);
+    /**
+     * Returns `true` if the context is a headless context.
+     * @returns `true` if the context is a headless context.
+     */
+    o(this, "isHeadless", () => !1);
     /**
      * Sets the style of the element.
      * @param name - The name of the style to set.
@@ -934,7 +951,7 @@ class x {
     o(this, "getStyle", (e) => this.element.style[e]);
     o(this, "makeAccessors", (e) => ({
       get: Je(e, this.element),
-      set: We(e, this.element)
+      set: Ue(e, this.element)
     }));
     this.document = e, this.element = t, this.reference = r, this.providers = n;
   }
@@ -946,50 +963,50 @@ class x {
    * @returns A new `DOMContext` instance.
    */
   static of(e, t) {
-    return new x(e.ownerDocument, e, t, {});
+    return new L(e.ownerDocument, e, t, {});
   }
 }
-const Q = (s, e) => {
+const Xe = (s) => Symbol(s), Q = (s, e) => {
   const t = s(e);
   return (r = !0) => t(r);
 }, Vt = (s, e, { doc: t, clear: r, disposeWithParent: n = !0 } = {}) => {
   const i = typeof e == "string" ? (t ?? document).querySelector(e) : e;
   if (i === null)
-    throw new Xe(
+    throw new Ye(
       `Cannot find element by selector for render: ${e}`
     );
   r !== !1 && (t ?? i.ownerDocument) != null && i.nodeType === 1 && (i.innerHTML = "");
-  const l = Ge(i), c = pe(i) ? void 0 : i, a = x.of(l, c), h = Q(s, a);
-  let u;
-  return n && (u = new MutationObserver((m) => {
-    var T;
-    (T = m[0]) == null || T.removedNodes.forEach((p) => {
-      p === i && (h(i.nodeType !== Node.ELEMENT_NODE), u == null || u.disconnect());
+  const l = Ge(i), c = ge(i) ? void 0 : i, u = L.of(l, c), h = Q(s, u);
+  let a;
+  return n && (a = new MutationObserver((m) => {
+    var b;
+    (b = m[0]) == null || b.removedNodes.forEach((p) => {
+      p === i && (h(i.nodeType !== Node.ELEMENT_NODE), a == null || a.disconnect());
     });
-  }), u.observe(i.parentElement, {
+  }), a.observe(i.parentElement, {
     childList: !0,
     subtree: !1,
     attributes: !1
   })), () => {
-    u == null || u.disconnect(), h(!0);
+    a == null || a.disconnect(), h(!0);
   };
 }, jt = (s, {
   startUrl: e = "https://example.com",
   selector: t = ":root"
 } = {}) => {
-  const r = y.toSignal(e).deriveProp(), n = new Se(t, void 0), i = new O(n, void 0, { currentURL: r }, {});
+  const r = y.toSignal(e).deriveProp(), n = new Se(t, void 0), i = new D(n, void 0, { currentURL: r }, {});
   return {
     clear: Q(s(), i),
     root: n,
     currentURL: r
   };
 };
-class Xe extends Error {
+class Ye extends Error {
   constructor(e) {
     super(e);
   }
 }
-const me = "data-tts-node", V = "data-tts-class", j = "data-tts-style", q = "data-tts-html", F = "data-tts-text", B = "data-tts-attrs";
+const ye = "data-tts-node", V = "data-tts-class", j = "data-tts-style", q = "data-tts-html", F = "data-tts-text", B = "data-tts-attrs";
 class qt {
   constructor({
     select: e,
@@ -999,11 +1016,11 @@ class qt {
     setClass: i,
     getStyles: l,
     setStyles: c,
-    appendHTML: a,
+    appendHTML: u,
     getInnerHTML: h,
-    setInnerHTML: u,
+    setInnerHTML: a,
     getInnerText: m,
-    setInnerText: T
+    setInnerText: b
   }) {
     /**
      * Selects elements from the headless environment.
@@ -1129,73 +1146,73 @@ class qt {
             const l = n.getAttributes();
             if (t) {
               const c = [];
-              l.forEach(([a]) => {
-                const h = this.getAttribute(i, a);
-                h != null && c.push([a, h]);
+              l.forEach(([u]) => {
+                const h = this.getAttribute(i, u);
+                h != null && c.push([u, h]);
               }), c.length > 0 && this.setAttribute(
                 i,
                 B,
                 JSON.stringify(Object.fromEntries(c))
               );
             }
-            l.forEach(([c, a]) => {
-              this.setAttribute(i, c, a);
+            l.forEach(([c, u]) => {
+              this.setAttribute(i, c, u);
             });
           }
         }
       });
     });
-    this.select = e, this.getAttribute = t, this.setAttribute = r, this.getClass = n, this.setClass = i, this.getStyles = l, this.setStyles = c, this.appendHTML = a, this.getInnerHTML = h, this.setInnerHTML = u, this.getInnerText = m, this.setInnerText = T;
+    this.select = e, this.getAttribute = t, this.setAttribute = r, this.getClass = n, this.setClass = i, this.getStyles = l, this.setStyles = c, this.appendHTML = u, this.getInnerHTML = h, this.setInnerHTML = a, this.getInnerText = m, this.setInnerText = b;
   }
 }
-const Ye = () => {
-  document.querySelectorAll(`[${me}]`).forEach(R);
-}, ze = (s) => {
+const ze = () => {
+  document.querySelectorAll(`[${ye}]`).forEach(R);
+}, Qe = (s) => {
   const e = s.getAttribute(V);
   s.removeAttribute(V), e != null && s.setAttribute("class", e);
-}, Qe = () => {
-  document.querySelectorAll(`[${V}]`).forEach((e) => ze(e));
-}, Ze = (s) => {
+}, Ze = () => {
+  document.querySelectorAll(`[${V}]`).forEach((e) => Qe(e));
+}, Ke = (s) => {
   const e = s.getAttribute(q);
   s.removeAttribute(q), e != null && (s.innerHTML = e);
-}, Ke = () => {
-  document.querySelectorAll(`[${q}]`).forEach((e) => Ze(e));
-}, et = (s) => {
+}, et = () => {
+  document.querySelectorAll(`[${q}]`).forEach((e) => Ke(e));
+}, tt = (s) => {
   const e = s.getAttribute(F);
   s.removeAttribute(F), e != null && (s.innerText = e);
-}, tt = () => {
-  document.querySelectorAll(`[${F}]`).forEach((e) => et(e));
-}, ye = (s) => JSON.parse(s.replace(/&quot;/g, '"')), st = (s) => {
+}, st = () => {
+  document.querySelectorAll(`[${F}]`).forEach((e) => tt(e));
+}, be = (s) => JSON.parse(s.replace(/&quot;/g, '"')), rt = (s) => {
   const e = s.getAttribute(j);
   if (s.removeAttribute(j), e != null) {
-    const t = ye(e);
+    const t = be(e);
     Object.entries(t).forEach(([r, n]) => {
       s.style.setProperty(r, n);
     });
   }
-}, rt = () => {
-  document.querySelectorAll(`[${j}]`).forEach((e) => st(e));
-}, nt = (s) => {
+}, nt = () => {
+  document.querySelectorAll(`[${j}]`).forEach((e) => rt(e));
+}, it = (s) => {
   const e = s.getAttribute(B);
   if (s.removeAttribute(B), e != null) {
-    const t = ye(e);
+    const t = be(e);
     Object.entries(t).forEach(([r, n]) => {
       n == null ? s.removeAttribute(r) : s.setAttribute(r, n);
     });
   }
-}, it = () => {
-  document.querySelectorAll(`[${B}]`).forEach((e) => nt(e));
+}, ot = () => {
+  document.querySelectorAll(`[${B}]`).forEach((e) => it(e));
 }, Ft = () => {
-  Ye(), Qe(), tt(), Ke(), rt(), it();
-}, b = Symbol("class"), _ = Symbol("style"), C = Symbol("handler"), Te = () => Math.random().toString(36).substring(2, 15), ot = (s) => s.replace(/<[^>]*>?/g, "");
-class be {
+  ze(), Ze(), st(), et(), nt(), ot();
+}, T = Symbol("class"), E = Symbol("style"), P = Symbol("handler"), Te = () => Math.random().toString(36).substring(2, 15), lt = (s) => s.replace(/<[^>]*>?/g, "");
+class Ae {
   constructor(e) {
     o(this, "id", Te());
     o(this, "properties", {});
     o(this, "children", []);
     o(this, "isElement", () => !0);
     o(this, "isText", () => !1);
-    o(this, "getText", () => this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? ot(this.properties.innerHTML) : this.children.map((e) => e.getText()).join(""));
+    o(this, "getText", () => this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? lt(this.properties.innerHTML) : this.children.map((e) => e.getText()).join(""));
     o(this, "removeChild", (e) => {
       const t = this.children.indexOf(e);
       t !== -1 && this.children.splice(t, 1);
@@ -1216,10 +1233,10 @@ class be {
     o(this, "getInnerText", () => this.properties.innerText ?? "");
     o(this, "hasInnerText", () => this.properties.innerText != null);
     o(this, "hasChildren", () => this.children.length > 0);
-    o(this, "hasClasses", () => this.properties[b] != null);
-    o(this, "hasStyles", () => this.properties[_] != null);
+    o(this, "hasClasses", () => this.properties[T] != null);
+    o(this, "hasStyles", () => this.properties[E] != null);
     o(this, "hasAttributes", () => Object.keys(this.properties).length > 0);
-    o(this, "hasHandlers", () => this.properties[C] != null);
+    o(this, "hasHandlers", () => this.properties[P] != null);
     o(this, "hasRenderableProperties", () => this.hasClasses() || this.hasAttributes() || this.hasStyles());
     o(this, "getById", (e) => {
       if (this.properties.id === e)
@@ -1231,20 +1248,20 @@ class be {
       }
     });
     o(this, "trigger", (e, t) => {
-      ((this.properties[C] ?? {})[e] ?? []).forEach((n) => n(t));
+      ((this.properties[P] ?? {})[e] ?? []).forEach((n) => n(t));
     });
     o(this, "click", () => {
       this.trigger("click", {});
     });
     o(this, "on", (e, t, r) => {
       var c;
-      const n = (c = this.properties)[C] ?? (c[C] = {}), i = r != null && r.once ? (a) => {
-        l(), t(a);
-      } : (a) => t(a);
+      const n = (c = this.properties)[P] ?? (c[P] = {}), i = r != null && r.once ? (u) => {
+        l(), t(u);
+      } : (u) => t(u);
       n[e] = [...n[e] ?? [], i];
       const l = () => {
-        const a = n[e] ?? [], h = a.indexOf(i);
-        h !== -1 && (a.splice(h, 1), a.length === 0 ? (delete n[e], Object.keys(n).length === 0 && delete this.properties[C]) : n[e] = a, (r == null ? void 0 : r.signal) != null && r.signal.removeEventListener("abort", l));
+        const u = n[e] ?? [], h = u.indexOf(i);
+        h !== -1 && (u.splice(h, 1), u.length === 0 ? (delete n[e], Object.keys(n).length === 0 && delete this.properties[P]) : n[e] = u, (r == null ? void 0 : r.signal) != null && r.signal.removeEventListener("abort", l));
       };
       return (r == null ? void 0 : r.signal) != null && r.signal.addEventListener("abort", l), l;
     });
@@ -1252,7 +1269,7 @@ class be {
       var r;
       if (e.length === 0)
         return;
-      const t = (r = this.properties)[b] ?? (r[b] = []);
+      const t = (r = this.properties)[T] ?? (r[T] = []);
       e.forEach((n) => {
         t.includes(n) || t.push(n);
       });
@@ -1261,29 +1278,29 @@ class be {
       var r;
       if (e.length === 0)
         return;
-      const t = (r = this.properties)[b] ?? (r[b] = []);
+      const t = (r = this.properties)[T] ?? (r[T] = []);
       e.forEach((n) => {
         const i = t.indexOf(n);
         i !== -1 && t.splice(i, 1);
-      }), t.length === 0 && delete this.properties[b];
+      }), t.length === 0 && delete this.properties[T];
     });
-    o(this, "getClasses", () => this.properties[b] ?? []);
+    o(this, "getClasses", () => this.properties[T] ?? []);
     o(this, "getAttributes", () => Object.entries(this.properties).filter(
       ([e]) => !["innerText", "innerHTML"].includes(e)
     ));
     o(this, "getVisibleAttributes", () => Reflect.ownKeys(this.properties).flatMap(
-      (e) => e === b ? [["class", this.getClasses()]] : e === _ ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
+      (e) => e === T ? [["class", this.getClasses()]] : e === E ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
     ));
     o(this, "setStyle", (e, t) => {
       var n;
-      const r = (n = this.properties)[_] ?? (n[_] = {});
-      r[e] = t, t === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[_]);
+      const r = (n = this.properties)[E] ?? (n[E] = {});
+      r[e] = t, t === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[E]);
     });
     o(this, "getStyle", (e) => {
       var t;
-      return ((t = this.properties[_]) == null ? void 0 : t[e]) ?? "";
+      return ((t = this.properties[E]) == null ? void 0 : t[e]) ?? "";
     });
-    o(this, "getStyles", () => this.properties[_] ?? {});
+    o(this, "getStyles", () => this.properties[E] ?? {});
     o(this, "makeAccessors", (e) => {
       const t = this.properties;
       return {
@@ -1294,21 +1311,21 @@ class be {
     this.parent = e;
   }
 }
-const lt = (s) => s.replace(/"/g, "&quot;"), ct = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-class at extends be {
+const ct = (s) => s.replace(/"/g, "&quot;"), ut = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+class at extends Ae {
   constructor(t, r, n) {
     super(n);
     o(this, "isPortal", () => !1);
     o(this, "toHTML", (t = !1) => {
-      const r = this.children.map((a) => a.toHTML()).join(""), n = this.namespace ? ` xmlns="${this.namespace}"` : "";
+      const r = this.children.map((u) => u.toHTML()).join(""), n = this.namespace ? ` xmlns="${this.namespace}"` : "";
       let i = null;
-      const l = this.getVisibleAttributes().map(([a, h]) => a === "class" ? ` class="${h.join(" ")}"` : a === "style" ? typeof h == "string" ? ` style="${h}"` : ` style="${Object.entries(h).map(([u, m]) => `${u}: ${m};`).join(" ")}"` : ht.has(a) ? ` ${a}` : a === "innerHTML" ? (i = h, "") : a === "innerText" ? (i = ct(h), "") : ` ${a}="${lt(h)}"`).join(""), c = t ? ` ${me}` : "";
-      return ft.has(this.tagName) && r === "" ? `<${this.tagName}${n}${l}${c} />` : `<${this.tagName}${n}${l}${c}>${i ?? r}</${this.tagName}>`;
+      const l = this.getVisibleAttributes().map(([u, h]) => u === "class" ? ` class="${h.join(" ")}"` : u === "style" ? typeof h == "string" ? ` style="${h}"` : ` style="${Object.entries(h).map(([a, m]) => `${a}: ${m};`).join(" ")}"` : ft.has(u) ? ` ${u}` : u === "innerHTML" ? (i = h, "") : u === "innerText" ? (i = ut(h), "") : ` ${u}="${ct(h)}"`).join(""), c = t ? ` ${ye}` : "";
+      return dt.has(this.tagName) && r === "" ? `<${this.tagName}${n}${l}${c} />` : `<${this.tagName}${n}${l}${c}>${i ?? r}</${this.tagName}>`;
     });
     this.tagName = t, this.namespace = r;
   }
 }
-class Se extends be {
+class Se extends Ae {
   constructor(t, r) {
     super(r);
     o(this, "isPortal", () => !0);
@@ -1317,7 +1334,7 @@ class Se extends be {
     this.selector = t;
   }
 }
-class ut {
+class ht {
   constructor(e) {
     o(this, "id", Te());
     o(this, "isElement", () => !1);
@@ -1327,7 +1344,7 @@ class ut {
     this.text = e;
   }
 }
-class O {
+class D {
   constructor(e, t, r, n) {
     o(this, "appendOrInsert", (e) => {
       if (this.reference != null) {
@@ -1338,7 +1355,7 @@ class O {
     });
     o(this, "makeChildElement", (e, t) => {
       const r = new at(e, t, this.element);
-      return this.appendOrInsert(r), new O(
+      return this.appendOrInsert(r), new D(
         r,
         void 0,
         this.container,
@@ -1346,8 +1363,8 @@ class O {
       );
     });
     o(this, "makeChildText", (e) => {
-      const t = new ut(e);
-      return this.appendOrInsert(t), new O(
+      const t = new ht(e);
+      return this.appendOrInsert(t), new D(
         this.element,
         t,
         this.container,
@@ -1364,20 +1381,27 @@ class O {
     o(this, "makeRef", () => this.makeChildText(""));
     o(this, "makePortal", (e) => {
       const t = new Se(e, this.element);
-      return this.appendOrInsert(t), new O(
+      return this.appendOrInsert(t), new D(
         t,
         void 0,
         this.container,
         this.providers
       );
     });
-    o(this, "withProviders", (e) => new O(this.element, this.reference, this.container, {
+    /**
+     * Sets a provider for the given provider mark.
+     *
+     * @param mark - The provider mark to set the provider for.
+     * @param value - The provider to set for the given mark.
+     * @returns A new `DOMContext` instance with the specified provider.
+     */
+    o(this, "setProvider", (e, t) => new D(this.element, this.reference, this.container, {
       ...this.providers,
-      ...e
+      [e]: t
     }));
     o(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
-        throw new ge(e);
+        throw new me(e);
       return this.providers[e];
     });
     o(this, "clear", (e) => {
@@ -1388,37 +1412,36 @@ class O {
     o(this, "removeClasses", (e) => this.element.removeClasses(e));
     o(this, "getClasses", () => this.element.getClasses());
     o(this, "isBrowserDOM", () => !1);
+    o(this, "isBrowser", () => !1);
     o(this, "isHeadlessDOM", () => !0);
+    o(this, "isHeadless", () => !0);
     o(this, "setStyle", (e, t) => this.element.setStyle(e, t));
     o(this, "getStyle", (e) => this.element.getStyle(e));
     o(this, "makeAccessors", (e) => this.element.makeAccessors(e));
     this.element = e, this.reference = t, this.container = r, this.providers = n;
   }
 }
-const ht = /* @__PURE__ */ new Set([
+const ft = /* @__PURE__ */ new Set([
   "checked",
   "disabled",
   "multiple",
   "readonly",
   "required",
   "selected"
-]), ft = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), Ae = (s) => (e) => {
-  const t = e.makeChildText(s);
-  return (r) => t.clear(r);
-}, Ee = (s) => (e) => {
-  const t = e.makeChildText(s.value), r = s.on((n) => t.setText(n));
+]), dt = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), _e = (s) => (e) => e.makeChildText(s).clear, Ee = (s) => (e) => {
+  const t = e.makeChildText(s.value), r = s.on(t.setText);
   return (n) => {
     r(), t.clear(n);
   };
-}, Bt = (s) => d.is(s) ? Ee(s) : Ae(s), S = (...s) => (e) => {
+}, Bt = (s) => d.is(s) ? Ee(s) : _e(s), A = (...s) => (e) => {
   const t = s.map((r) => f(r)(e));
   return (r) => {
     t.forEach((n) => n(r));
   };
-}, E = () => () => {
-}, dt = (s) => (e) => (e.addClasses(s), (t) => {
+}, _ = () => () => {
+}, pt = (s) => (e) => (e.addClasses(s), (t) => {
   t && e.removeClasses(s);
-}), pt = (s) => (e) => {
+}), gt = (s) => (e) => {
   let t = [];
   const r = s.on((n) => {
     e.removeClasses(t), t = (n ?? "").split(" ").filter((i) => i.length > 0), e.addClasses(t);
@@ -1426,17 +1449,17 @@ const ht = /* @__PURE__ */ new Set([
   return (n) => {
     r(), n && e.removeClasses(t), t.length = 0;
   };
-}, $ = (s, e) => (t) => {
+}, N = (s, e) => (t) => {
   const { get: r, set: n } = t.makeAccessors(s), i = r();
   return n(e), (l) => {
     l && n(i);
   };
-}, k = (s, e) => (t) => {
+}, $ = (s, e) => (t) => {
   const { get: r, set: n } = t.makeAccessors(s), i = r(), l = e.on(n);
   return (c) => {
     l(), c && n(i);
   };
-}, M = new Proxy(
+}, O = new Proxy(
   {},
   {
     /**
@@ -1450,17 +1473,17 @@ const ht = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => e === "class" ? (t) => d.is(t) ? pt(t) : dt(
+    get: (s, e) => e === "class" ? (t) => d.is(t) ? gt(t) : pt(
       (t ?? "").split(" ").filter((r) => r.length > 0)
-    ) : (t) => d.is(t) ? k(
+    ) : (t) => d.is(t) ? $(
       e,
       t
-    ) : $(
+    ) : N(
       e,
       t
     )
   }
-), Ut = new Proxy(
+), Wt = new Proxy(
   {},
   {
     /**
@@ -1471,12 +1494,12 @@ const ht = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => d.is(t) ? k(
+    get: (s, e) => (t) => d.is(t) ? $(
       `data-${e}`,
       t
-    ) : $(`data-${e}`, t)
+    ) : N(`data-${e}`, t)
   }
-), Wt = new Proxy(
+), Ut = new Proxy(
   {},
   {
     /**
@@ -1487,10 +1510,10 @@ const ht = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => d.is(t) ? k(
+    get: (s, e) => (t) => d.is(t) ? $(
       `aria-${e}`,
       t
-    ) : $(
+    ) : N(
       `aria-${e}`,
       t
     )
@@ -1506,10 +1529,10 @@ const ht = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => d.is(t) ? k(
+    get: (s, e) => (t) => d.is(t) ? $(
       e,
       t
-    ) : $(
+    ) : N(
       e,
       t
     )
@@ -1524,32 +1547,32 @@ const ht = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => d.is(t) ? k(
+    get: (s, e) => (t) => d.is(t) ? $(
       e,
       t
-    ) : $(
+    ) : N(
       e,
       t
     )
   }
 ), f = (s) => {
   if (s == null)
-    return E;
+    return _;
   if (Array.isArray(s))
-    return S(...s.map(f));
+    return A(...s.map(f));
   if (typeof s == "string")
-    return Ae(s);
+    return _e(s);
   if (d.is(s))
     return Ee(s);
   if (typeof s == "function")
     return s;
   throw new Error(`Unknown type: '${typeof s}' for child: ${s}`);
-}, _e = (s, ...e) => (t) => {
+}, we = (s, ...e) => (t) => {
   const r = t.makeChildElement(s, void 0), n = e.map((i) => f(i)(r));
   return (i) => {
     n.forEach((l) => l(!1)), r.clear(i);
   };
-}, ve = (s, e, ...t) => (r) => {
+}, Ce = (s, e, ...t) => (r) => {
   const n = r.makeChildElement(s, e), i = t.map((l) => f(l)(n));
   return (l) => {
     i.forEach((c) => c(!1)), n.clear(l);
@@ -1562,7 +1585,7 @@ const ht = /* @__PURE__ */ new Set([
      * @param tagName - The HTML tag name.
      * @returns A renderable function that creates and appends the HTML element to the DOM.
      */
-    get: (s, e) => (...t) => _e(e, t.flatMap(f))
+    get: (s, e) => (...t) => we(e, t.flatMap(f))
   }
 ), Yt = new Proxy(
   {},
@@ -1572,9 +1595,9 @@ const ht = /* @__PURE__ */ new Set([
      * @param type - The input type name.
      * @returns A renderable function that creates and appends the HTMLInput element to the DOM.
      */
-    get: (s, e) => (...t) => _e("input", M.type(e), ...t)
+    get: (s, e) => (...t) => we("input", O.type(e), ...t)
   }
-), gt = "http://www.w3.org/2000/svg", zt = new Proxy(
+), mt = "http://www.w3.org/2000/svg", zt = new Proxy(
   {},
   {
     /**
@@ -1582,9 +1605,9 @@ const ht = /* @__PURE__ */ new Set([
      * @param tagName - The SVG tag name.
      * @returns A renderable function that creates and appends the SVG element to the DOM.
      */
-    get: (s, e) => (...t) => ve(e, gt, t.flatMap(f))
+    get: (s, e) => (...t) => Ce(e, mt, t.flatMap(f))
   }
-), mt = "http://www.w3.org/1998/Math/MathML", Qt = new Proxy(
+), yt = "http://www.w3.org/1998/Math/MathML", Qt = new Proxy(
   {},
   {
     /**
@@ -1592,28 +1615,28 @@ const ht = /* @__PURE__ */ new Set([
      * @param tagName - The Math tag name.
      * @returns A renderable function that creates and appends the Math element to the DOM.
      */
-    get: (s, e) => (...t) => ve(e, mt, t.flatMap(f))
+    get: (s, e) => (...t) => Ce(e, yt, t.flatMap(f))
   }
-), we = (s, e) => {
+), Pe = (s, e) => {
   if (typeof e == "function")
-    return we(s, { then: e });
-  const t = e.pending != null ? f(e.pending()) : E, r = e.then, n = e.error != null ? (i) => f(e.error(i)) : () => E;
+    return Pe(s, { then: e });
+  const t = e.pending != null ? f(e.pending()) : _, r = e.then, n = e.error != null ? (i) => f(e.error(i)) : () => _;
   return (i) => {
     let l = !0;
-    const c = s(), a = i.makeRef();
-    let h = f(t)(a);
+    const c = s(), u = i.makeRef();
+    let h = f(t)(u);
     return c.then(
-      (u) => {
-        l && (h(!0), h = f(r(u))(a));
+      (a) => {
+        l && (h(!0), h = f(r(a))(u));
       },
-      (u) => {
-        l && (h(!0), h = f(n(u))(a));
+      (a) => {
+        l && (h(!0), h = f(n(a))(u));
       }
-    ), (u) => {
-      l = !1, h(u), a.clear(u);
+    ), (a) => {
+      l = !1, h(a), u.clear(a);
     };
   };
-}, Zt = (s, e) => we(() => s, e), Ce = (s, e, t) => (r) => r.on(s, e, t), yt = (s) => Ce("click", (e) => {
+}, Zt = (s, e) => Pe(() => s, e), ve = (s, e, t) => (r) => r.on(s, e, t), bt = (s) => ve("click", (e) => {
   e.preventDefault();
   const t = e.target;
   setTimeout(() => {
@@ -1628,12 +1651,12 @@ const ht = /* @__PURE__ */ new Set([
      * @param fn - The function to call when the event is triggered.
      * @returns A `Renderable` function that adds the event listener to the element.
      */
-    get: (s, e) => (t) => Ce(e, t)
+    get: (s, e) => (t) => ve(e, t)
   }
 ), Tt = (s) => (e) => {
   const t = e.target;
   s(t.value);
-}, bt = (s) => (e) => {
+}, At = (s) => (e) => {
   const t = e.target;
   s(t.valueAsNumber);
 }, St = (s) => (e) => {
@@ -1646,7 +1669,19 @@ const ht = /* @__PURE__ */ new Set([
     Number(r[2].substring(0, 2))
   );
   s(n);
-}, At = (s) => (e) => {
+}, Kt = (s) => (e) => {
+  const t = e.target;
+  if (t.value === "") {
+    s(null);
+    return;
+  }
+  const r = t.value.split("-"), n = new Date(
+    Number(r[0]),
+    Number(r[1]) - 1,
+    Number(r[2].substring(0, 2))
+  );
+  s(n);
+}, _t = (s) => (e) => {
   const t = e.target;
   if (t.value === "")
     return;
@@ -1656,46 +1691,63 @@ const ht = /* @__PURE__ */ new Set([
     Number(n[2])
   ), l = r[1].split(":");
   i.setHours(Number(l[0])), i.setMinutes(Number(l[1])), i.setSeconds(Number(l[2])), s(i);
-}, Kt = (s) => (e) => {
+}, es = (s) => (e) => {
+  const t = e.target;
+  if (t.value === "") {
+    s(null);
+    return;
+  }
+  const r = t.value.split("T");
+  if (r.length !== 2) {
+    s(null);
+    return;
+  }
+  const n = r[0].split("-"), i = new Date(
+    Number(n[0]),
+    Number(n[1]) - 1,
+    Number(n[2])
+  ), l = r[1].split(":");
+  i.setHours(Number(l[0] ?? 0)), i.setMinutes(Number(l[1] ?? 0)), i.setSeconds(Number(l[2] ?? 0)), s(i);
+}, ts = (s) => (e) => {
   const t = e.target;
   s(t.checked);
-}, es = (s) => (e) => {
+}, ss = (s) => (e) => {
   e.preventDefault(), s();
-}, ts = (s) => (e) => {
+}, rs = (s) => (e) => {
   e.stopPropagation(), s();
-}, ss = (s) => (e) => {
+}, ns = (s) => (e) => {
   e.stopImmediatePropagation(), s();
-}, rs = (s, e = "input") => S(M.valueAsDate(s), J[e](St(s.set))), ns = (s, e = "input") => S(M.valueAsDate(s), J[e](At(s.set))), is = (s, e = "input") => S(M.valueAsNumber(s), J[e](bt(s.set))), os = (s, e = "input") => S(M.value(s), J[e](Tt(s.set))), ls = (s) => S(M.checked(s), yt(s.set)), G = (s, e) => {
+}, is = (s, e = "input") => A(O.valueAsDate(s), J[e](St(s.set))), os = (s, e = "input") => A(O.valueAsDate(s), J[e](_t(s.set))), ls = (s, e = "input") => A(O.valueAsNumber(s), J[e](At(s.set))), cs = (s, e = "input") => A(O.value(s), J[e](Tt(s.set))), us = (s) => A(O.checked(s), bt(s.set)), G = (s, e) => {
   if (d.is(s))
     return (r) => {
       const n = r.makeRef();
       let i, l;
-      const c = s.map((u) => Object.keys(u)[0]);
-      let a;
-      const h = c.on((u) => {
-        if (u !== a) {
-          l == null || l.dispose(), i == null || i(!0), l = s.map((T) => T[u]);
-          const m = e[u](l);
-          i = f(m)(n), a = u;
+      const c = s.map((a) => Object.keys(a)[0]);
+      let u;
+      const h = c.on((a) => {
+        if (a !== u) {
+          u = a, l == null || l.dispose(), i == null || i(!0), l = s.map((b) => b[a]);
+          const m = e[a](l);
+          i = f(m)(n);
         }
       });
-      return (u) => {
-        l == null || l.dispose(), h(), n.clear(u), i == null || i(u);
+      return (a) => {
+        l == null || l.dispose(), h(), n.clear(a), i == null || i(a);
       };
     };
   const t = Object.keys(s)[0];
-  return f(e[t](W(s[t])));
-}, Pe = (s, e, t) => G(
+  return f(e[t](U(s[t])));
+}, xe = (s, e, t) => G(
   y.map(s, (r) => ({ [r[e]]: r })),
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   t
-), cs = (s, e) => Pe(s, "kind", e), as = (s, e) => {
+), as = (s, e) => xe(s, "kind", e), hs = (s, e) => {
   const t = y.map(s, ([r, n]) => ({ [r]: n }));
   return G(t, e);
-}, us = (s, e) => Pe(s, "type", e), Et = (s, e) => G(
+}, fs = (s, e) => xe(s, "type", e), Et = (s, e) => G(
   y.map(s, (t) => ({ [t]: !0 })),
   e
-), hs = (s, e = {}) => (t) => {
+), ds = (s, e = {}) => (t) => {
   const r = (e == null ? void 0 : e.firstSeparator) ?? s, n = (e == null ? void 0 : e.lastSeparator) ?? s;
   return Et(
     t.map((i) => i.isFirst ? "first" : i.isLast ? "last" : "other"),
@@ -1705,72 +1757,49 @@ const ht = /* @__PURE__ */ new Set([
       other: s
     }
   );
-}, Le = (s, e) => (t) => {
-  const r = Object.values(s).reduce(
-    (n, i) => {
-      const l = t.getProvider(i);
-      return Reflect.set(n, i, l), n;
-    },
-    {}
-  );
-  return f(e(r))(t);
-}, fs = (s, e) => (t) => {
-  const r = [], n = Object.entries(s).reduce(
-    (i, [l, c]) => (r.push(
-      c((a) => (Reflect.set(i, l, a), null))(t)
-    ), i),
-    {}
-  );
-  return r.push(f(e(n))(t)), (i) => {
-    r.forEach((l) => l(i));
-  };
-}, _t = (s, e) => Le([s], (t) => f(e(t[s]))), ds = (s, e) => Le(s, (t) => f(e(t))), ps = (s) => (e) => {
-  const t = s(e);
-  return t == null ? () => {
-  } : f(t)(e);
-}, gs = (s) => (e) => (e.appendOrInsert(s), (t) => {
+}, ps = (s) => (e) => (e.appendOrInsert(s), (t) => {
   t && R(s);
-}), vt = (s, e, t) => {
+}), wt = (s, e, t) => {
   if (d.is(s)) {
     const r = s;
     return (n) => {
       const i = n.makeRef();
       let l = () => {
-      }, c = !1, a = null;
-      const h = r.on((u) => {
-        u == null ? (l(!0), l = f((t == null ? void 0 : t()) ?? E)(i), c = !1, a == null || a.dispose(), a = null) : (a == null ? a = v(u) : a.value = u, c || (l(!0), l = f(e(a))(
+      }, c = !1, u = null;
+      const h = r.on((a) => {
+        a == null ? (l(!0), l = f((t == null ? void 0 : t()) ?? _)(i), c = !1, u == null || u.dispose(), u = null) : (u == null ? u = w(a) : u.value = a, c || (l(!0), l = f(e(u))(
           i
         ), c = !0));
       });
-      return (u) => {
-        a == null || a.dispose(), h(), l == null || l(u), i.clear(u);
+      return (a) => {
+        u == null || u.dispose(), h(), l == null || l(a), i.clear(a);
       };
     };
   } else {
     const r = s;
     if (r == null) {
       const n = t == null ? void 0 : t();
-      return n != null ? f(n) : E;
+      return n != null ? f(n) : _;
     }
-    return f(e(W(r)));
+    return f(e(U(r)));
   }
-}, ms = (...s) => (e, t) => (r) => {
+}, gs = (...s) => (e, t) => (r) => {
   const n = r.makeRef();
   if (s.some(
     (p) => !d.is(p) && p == null
   ))
-    return (t != null ? f(t == null ? void 0 : t()) : E)(
+    return (t != null ? f(t == null ? void 0 : t()) : _)(
       n
     );
   const l = s.map(() => null), c = s.map(
     (p) => d.is(p) ? p.value != null : p != null
   );
-  let a = null;
-  const h = v(c.every((p) => p)), u = (p, g) => {
+  let u = null;
+  const h = w(c.every((p) => p)), a = (p, g) => {
     if (p.value != null) {
       if (l[g] == null) {
-        const w = v(p.value);
-        l[g] = w;
+        const C = w(p.value);
+        l[g] = C;
       } else
         l[g].value = p.value;
       c[g] = !0;
@@ -1778,93 +1807,77 @@ const ht = /* @__PURE__ */ new Set([
       c[g] = !1;
   };
   let m = s.length - 1;
-  const T = s.map((p, g) => {
+  const b = s.map((p, g) => {
     if (!d.is(p)) {
-      const w = v(p);
-      return l[g] = w, () => {
+      const C = w(p);
+      return l[g] = C, () => {
       };
     }
     return p.on(() => {
-      u(p, g), m === 0 ? h.value = c.every((w) => w) : m--;
+      a(p, g), m === 0 ? h.value = c.every((C) => C) : m--;
     });
   });
   return h.on((p) => {
-    a == null || a(!0), a = null, p ? a = f(e(...l))(n) : a = f((t == null ? void 0 : t()) ?? E)(n);
+    u == null || u(!0), u = null, p ? u = f(e(...l))(n) : u = f((t == null ? void 0 : t()) ?? _)(n);
   }), (p) => {
-    l.forEach((g) => g == null ? void 0 : g.dispose()), h.dispose(), T.forEach((g) => g()), a == null || a(p), n.clear(p);
+    l.forEach((g) => g == null ? void 0 : g.dispose()), h.dispose(), b.forEach((g) => g()), u == null || u(p), n.clear(p);
   };
-}, Z = (...s) => (e) => (t) => s.forEach((r) => r(t, e)), xe = (s, e, t) => vt(
+}, Z = (...s) => (e) => (t) => s.forEach((r) => r(t, e)), Le = (s, e, t) => wt(
   y.map(s, (r) => r ? !0 : null),
   e,
   t ?? void 0
-), ys = (s, e, t) => xe(
+), ms = (s, e, t) => Le(
   y.map(s, (r) => !r),
   e,
   t
-), Oe = (s, e, t) => t != null ? Oe(s, (r) => {
+), De = (s, e, t) => t != null ? De(s, (r) => {
   const n = new Y(
     r.index,
     r.total.map((i) => i - 1)
   );
-  return S(
+  return A(
     Z(n.dispose),
     f(e(r)),
-    xe(
+    Le(
       r.isLast,
-      () => E,
+      () => _,
       () => t(n)
     )
   );
 }) : d.is(s) ? (r) => {
   const n = r.makeRef(), i = [], l = s.on((c) => {
-    const a = i.splice(c);
-    for (const h of a)
+    const u = i.splice(c);
+    for (const h of u)
       h(!0);
     for (let h = i.length; h < c; h++) {
-      const u = new Y(h, s);
-      i.push(f(e(u))(n));
+      const a = new Y(h, s);
+      i.push(f(e(a))(n));
     }
   });
   return (c) => {
     l();
-    for (const a of i)
-      a(c);
+    for (const u of i)
+      u(c);
     i.length = 0, n.clear(c);
   };
-} : S(
+} : A(
   ...Array.from({ length: s }, (r, n) => n).map(
-    (r) => f(e(new Y(r, W(s))))
+    (r) => f(e(new Y(r, U(s))))
   )
-), Ts = (s, e, t) => {
+), ys = (s, e, t) => {
   const r = y.map(s, (i) => i.length), n = y.toSignal(s);
-  return Oe(
+  return De(
     r,
     (i) => {
       const l = n.map((c) => c[i.index]);
-      return S(
+      return A(
         Z(l.dispose),
         f(e(l, i))
       );
     },
     t
   );
-}, wt = (s) => (e) => {
-  if (e.isBrowserDOM()) {
-    const t = s(e);
-    if (t != null)
-      return f(t)(e);
-  }
-  return () => {
-  };
-}, bs = (s) => (e) => {
-  if (e.isHeadlessDOM()) {
-    const t = s(e);
-    if (t)
-      return f(t)(e);
-  }
-  return () => {
-  };
-}, Ss = (s) => wt((e) => s(e.element)), As = (s, e) => {
+}, bs = (s, e) => {
   if (d.is(s)) {
     const t = s;
     return (r) => {
@@ -1881,7 +1894,7 @@ const ht = /* @__PURE__ */ new Set([
     };
   }
   return f(e(s));
-}, Es = (s, e, t = () => E) => G(
+}, Ts = (s, e, t = () => _) => G(
   y.map(
     s,
     (r) => r.length > 0 ? { notEmpty: r } : { whenEmpty: null }
@@ -1890,42 +1903,53 @@ const ht = /* @__PURE__ */ new Set([
     notEmpty: (r) => e(r),
     whenEmpty: () => t()
   }
-), _s = (s, e) => (t) => {
+), As = (s, e) => (t) => {
   const r = t.makePortal(s);
   return Q(f(e), r);
-}, Ct = (s) => Symbol(s), De = (s, e) => (t) => f(e)(t.withProviders(s)), vs = (...s) => s.length > 0 ? s.reduceRight((e, t) => (r) => e(t(r))) : f, Pt = (s, e, t) => De({ [s]: e }, f(t)), ws = (s, e) => De(s, f(e)), Me = Ct("Probe"), P = /* @__PURE__ */ new Map(), Lt = ({
+}, K = (s) => (e) => {
+  let t = e;
+  const r = s({
+    use: e.getProvider,
+    set: (n, i) => t = t.setProvider(n, i)
+  });
+  return r == null ? () => {
+  } : f(r)(t);
+}, Ct = (s, e, t) => K(({ set: r }) => (r(s, e), t(e))), Pt = (s, e) => K(({ use: t }) => e(t(s))), Ss = (...s) => (e) => K(({ use: t }) => {
+  const r = s.map((n) => t(n));
+  return e(...r);
+}), Me = Xe("Probe"), v = /* @__PURE__ */ new Map(), vt = ({
   identifier: s,
   callback: e = () => {
   },
   child: t,
   timeout: r = 10
 }) => {
-  if (P.has(s))
+  if (v.has(s))
     throw new Error(`Probe already exists: ${s.description}`);
   const n = setTimeout(() => e("timeout"), r);
-  P.set(s, {
+  v.set(s, {
     counter: 0,
     timeoutId: n
   });
   const i = (l) => {
     clearTimeout(n);
-    const c = P.get(l);
+    const c = v.get(l);
     if (c == null)
       throw new Error(`Probe not found: ${l.description}`);
-    --c.counter === 0 ? (e("resolved"), P.delete(l)) : P.set(l, c);
+    --c.counter === 0 ? (e("resolved"), v.delete(l)) : v.set(l, c);
   };
-  return S(
+  return A(
     Z(() => clearTimeout(n)),
-    Pt(Me, i, t)
+    Ct(Me, i, () => t)
   );
-}, xt = (s, e) => _t(Me, (t) => {
-  const r = P.get(s);
+}, xt = (s, e) => Pt(Me, (t) => {
+  const r = v.get(s);
   return r == null ? e(() => {
   }) : (clearTimeout(r.timeoutId), r.counter++, e(() => t(s)));
-}), He = Symbol("globalProbe"), Cs = ({
+}), Oe = Symbol("globalProbe"), _s = ({
   callback: s,
   timeout: e
-}, t) => Lt({ identifier: He, callback: s, child: t, timeout: e }), Ps = (s) => xt(He, s), Ot = (s, e) => (t) => {
+}, t) => vt({ identifier: Oe, callback: s, child: t, timeout: e }), Es = (s) => xt(Oe, s), Lt = (s, e) => (t) => {
   const r = t.getStyle(s);
   return t.setStyle(s, e), (n) => {
     n && t.setStyle(s, r);
@@ -1935,7 +1959,7 @@ const ht = /* @__PURE__ */ new Set([
   return e.on((n) => t.setStyle(s, n)), (n) => {
     n && t.setStyle(s, r);
   };
-}, Ls = new Proxy(
+}, ws = new Proxy(
   {},
   {
     /**
@@ -1946,120 +1970,141 @@ const ht = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => d.is(t) ? Dt(e, t) : Ot(e, t)
+    get: (s, e) => (t) => d.is(t) ? Dt(e, t) : Lt(e, t)
   }
-);
+), Mt = (s) => (e) => {
+  if (e.isBrowser()) {
+    const t = s(e);
+    if (t != null)
+      return f(t)(e);
+  }
+  return () => {
+  };
+}, Cs = (s) => (e) => {
+  const t = s(e);
+  return t == null ? () => {
+  } : f(t)(e);
+}, Ps = (s) => Mt((e) => s(e.element)), vs = (s) => (e) => {
+  if (e.isHeadlessDOM()) {
+    const t = s(e);
+    if (t)
+      return f(t)(e);
+  }
+  return () => {
+  };
+};
 export {
   Zt as Async,
-  ls as BindChecked,
-  rs as BindDate,
-  ns as BindDateTime,
-  is as BindNumber,
-  os as BindText,
-  x as BrowserContext,
+  us as BindChecked,
+  is as BindDate,
+  os as BindDateTime,
+  ls as BindNumber,
+  cs as BindText,
+  L as BrowserContext,
   V as CLASS_PLACEHOLDER_ATTR,
-  L as Computed,
-  hs as Conjunction,
-  gs as DOMNode,
-  _e as El,
-  ve as ElNS,
+  x as Computed,
+  ds as Conjunction,
+  ps as DOMNode,
+  we as El,
+  Ce as ElNS,
   Y as ElementPosition,
-  E as Empty,
-  vt as Ensure,
-  ms as EnsureAll,
-  Ts as ForEach,
-  S as Fragment,
+  _ as Empty,
+  wt as Ensure,
+  gs as EnsureAll,
+  ys as ForEach,
+  A as Fragment,
   qt as HeadlessAdapter,
-  O as HeadlessContext,
+  D as HeadlessContext,
   at as HeadlessElement,
   Se as HeadlessPortal,
-  ut as HeadlessText,
-  As as MapSignal,
-  le as MemoryStore,
-  Es as NotEmpty,
-  wt as OnBrowserCtx,
-  yt as OnChecked,
-  ps as OnCtx,
+  ht as HeadlessText,
+  bs as MapSignal,
+  ce as MemoryStore,
+  Ts as NotEmpty,
+  bt as OnChecked,
   Z as OnDispose,
-  Ss as OnElement,
-  bs as OnHeadlessCtx,
   G as OneOf,
-  Pe as OneOfField,
-  cs as OneOfKind,
-  as as OneOfTuple,
-  us as OneOfType,
+  xe as OneOfField,
+  as as OneOfKind,
+  hs as OneOfTuple,
+  fs as OneOfType,
   Et as OneOfValue,
-  _s as Portal,
-  N as Prop,
-  vs as Provide,
-  Cs as ProvideGlobalProbe,
-  Lt as ProvideProbe,
-  ge as ProviderNotFoundError,
-  Xe as RenderingError,
-  Oe as Repeat,
+  As as Portal,
+  k as Prop,
+  _s as ProvideGlobalProbe,
+  vt as ProvideProbe,
+  me as ProviderNotFoundError,
+  Ye as RenderingError,
+  De as Repeat,
+  Ct as SetProvider,
   d as Signal,
-  we as Task,
+  Pe as Task,
   Bt as TextNode,
-  ys as Unless,
-  fs as Use,
-  Ps as UseGlobalProbe,
+  ms as Unless,
+  Es as UseGlobalProbe,
   xt as UseProbe,
-  _t as UseProvider,
-  ds as UseProviders,
+  Pt as UseProvider,
+  Ss as UseProviders,
   y as Value,
-  xe as When,
-  Pt as WithProvider,
-  ws as WithProviders,
-  me as _NODE_PLACEHOLDER_ATTR,
+  Le as When,
+  Mt as WithBrowserCtx,
+  Cs as WithCtx,
+  Ps as WithElement,
+  vs as WithHeadlessCtx,
+  K as WithProvider,
+  ye as _NODE_PLACEHOLDER_ATTR,
   Ge as _getSelfOrParentElement,
-  pe as _isElement,
+  ge as _isElement,
   Je as _makeGetter,
-  We as _makeSetter,
+  Ue as _makeSetter,
   R as _removeDOMNode,
   Ee as _signalText,
-  Ae as _staticText,
-  Nt as animateSignal,
-  Ue as animateSignals,
-  Wt as aria,
-  M as attr,
-  Ut as dataAttr,
-  Kt as emitChecked,
-  es as emitPreventDefault,
-  ss as emitStopImmediatePropagation,
-  ts as emitStopPropagation,
+  _e as _staticText,
+  kt as animateSignal,
+  We as animateSignals,
+  Ut as aria,
+  O as attr,
+  z as computed,
+  Be as computedOf,
+  Rt as computedRecord,
+  Wt as dataAttr,
+  Fe as effect,
+  Nt as effectOf,
+  ts as emitChecked,
+  ss as emitPreventDefault,
+  ns as emitStopImmediatePropagation,
+  rs as emitStopPropagation,
   Tt as emitValue,
   St as emitValueAsDate,
-  At as emitValueAsDateTime,
-  bt as emitValueAsNumber,
-  je as endInterpolate,
-  oe as getWindow,
-  qe as guessInterpolate,
+  _t as emitValueAsDateTime,
+  Kt as emitValueAsNullableDate,
+  es as emitValueAsNullableDateTime,
+  At as emitValueAsNumber,
+  Ve as endInterpolate,
+  le as getWindow,
+  je as guessInterpolate,
   Xt as html,
   Yt as input,
-  Ve as interpolateDate,
-  Ne as interpolateNumber,
-  Re as interpolateString,
-  kt as localStorageProp,
-  z as makeComputed,
-  Ht as makeComputedOf,
-  Rt as makeComputedRecord,
-  Be as makeEffect,
-  $t as makeEffectOf,
-  v as makeProp,
-  Ct as makeProviderMark,
-  W as makeSignal,
+  Re as interpolateDate,
+  Ie as interpolateNumber,
+  ke as interpolateString,
+  Ht as joinSignals,
+  $t as localStorageProp,
+  Xe as makeProviderMark,
   Qt as math,
   Gt as mathAttr,
   J as on,
   Me as probeMarker,
+  w as prop,
   Vt as render,
   Q as renderWithContext,
   f as renderableOfTNode,
   Ft as restoreTempoPlaceholders,
   jt as runHeadless,
   It as sessionStorageProp,
-  ce as storedProp,
-  Ls as style,
+  U as signal,
+  ue as storedProp,
+  ws as style,
   zt as svg,
   Jt as svgAttr
 };