@tempots/dom 17.0.0 → 19.0.0

package/index.js

@@ -1,134 +1,259 @@
-var Ve = Object.defineProperty;
-var We = (t, e, r) => e in t ? Ve(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var a = (t, e, r) => We(t, typeof e != "symbol" ? e + "" : e, r);
-function Ze(t, e, r) {
-  return t + (e - t) * r;
-}
-const J = 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 = J);
-    let l = e.charCodeAt(i);
-    isNaN(l) && (l = J), s += String.fromCharCode(o + (l - o) * r);
+var De = Object.defineProperty;
+var be = (t, e, r) => e in t ? De(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var l = (t, e, r) => be(t, typeof e != "symbol" ? e + "" : e, r);
+const Te = (t, e, r) => t + (e - t) * r;
+const Le = (t, e, r) => {
+  const s = Math.max(t.length, e.length);
+  let n = "";
+  for (let o = 0; o < s; o++) {
+    let i = t.charCodeAt(o);
+    isNaN(i) && (i = 97);
+    let a = e.charCodeAt(o);
+    isNaN(a) && (a = 97), n += String.fromCharCode(i + (a - i) * r);
   }
-  return s;
-}
-function Ye(t, e, r) {
-  return new Date(t.getTime() + (e.getTime() - t.getTime()) * r);
-}
-function je(t, e, r) {
-  return e;
-}
-function Ke(t) {
-  return typeof t == "number" ? Ze : typeof t == "string" ? Xe : t instanceof Date ? Ye : je;
-}
-class Ue {
+  return n;
+}, Ne = (t, e, r) => new Date(t.getTime() + (e.getTime() - t.getTime()) * r), Ce = (t, e) => e, Oe = (t) => typeof t == "number" ? Te : typeof t == "string" ? Le : t instanceof Date ? Ne : Ce;
+class ke {
+  /**
+   * Creates a new instance of `ElementPosition`.
+   * @param index - The index of the element.
+   * @param total - The total number of elements in the collection.
+   */
   constructor(e, r) {
     this.index = e, this.total = r;
   }
+  /**
+   * Checks if the element is the first element in the collection.
+   * @returns `true` if the element is the first element, `false` otherwise.
+   */
   get isFirst() {
     return this.index === 0;
   }
+  /**
+   * Checks if the element is the last element in the collection.
+   * @returns `true` if the element is the last element, `false` otherwise.
+   */
   get isLast() {
     return this.index === this.total - 1;
   }
+  /**
+   * Checks if the index of the element is even.
+   * @returns `true` if the index is even, `false` otherwise.
+   */
   get isEven() {
     return this.index % 2 === 0;
   }
+  /**
+   * Checks if the index of the element is odd.
+   * @returns `true` if the index is odd, `false` otherwise.
+   */
   get isOdd() {
     return this.index % 2 === 1;
   }
 }
-const k = "$__signal__", Q = "$__prop__", ee = "$__computed__";
-var se;
-se = k;
-const _ = class _ {
+const d = class d {
+  /**
+   * Represents a signal with a value of type T.
+   *
+   * @param value - The initial value of the signal.
+   * @param equals - A function that determines whether two values of type T are equal.
+   * @public
+   */
   constructor(e, r) {
-    a(this, se, !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), () => {
+    /**
+     * @internal
+     */
+    l(this, "$__signal__", !0);
+    /**
+     * @internal
+     */
+    l(this, "_value");
+    /**
+     * @internal
+     */
+    l(this, "_derivatives", []);
+    /**
+     * @internal
+     */
+    l(this, "_onValueListeners", []);
+    /**
+     * @internal
+     */
+    l(this, "_onDisposeListeners", []);
+    /**
+     * Gets the current value of the signal.
+     * @returns The current value of the signal.
+     */
+    l(this, "get", () => this._value);
+    /**
+     * Checks if the signal has any registered listeners.
+     * @returns `true` if the signal has listeners, `false` otherwise.
+     */
+    l(this, "hasListeners", () => this._onValueListeners.length > 0);
+    /**
+     * Registers a listener function to be called whenever the value of the signal changes.
+     * The listener function will be immediately called with the current value of the signal.
+     * Returns a function that can be called to unregister the listener.
+     *
+     * @param listener - The listener function to be called when the value of the signal changes.
+     */
+    l(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));
+    /**
+     * @internal
+     */
+    l(this, "_setAndNotify", (e, r) => {
+      const s = this.equals(this._value, e);
+      s || (this._value = e), (r || !s) && this._onValueListeners.forEach((n) => n(e));
     });
-    a(this, "_disposed", !1);
-    a(this, "isDisposed", () => this._disposed);
-    a(this, "onDispose", (e) => {
+    /**
+     * @internal
+     */
+    l(this, "_disposed", !1);
+    /**
+     * Checks whether the signal is disposed.
+     * @returns True if the signal is disposed, false otherwise.
+     */
+    l(this, "isDisposed", () => this._disposed);
+    /**
+     * Adds a listener function to be called when the object is disposed.
+     * @param listener - The listener function to be called when the object is disposed.
+     * @returns A function that can be called to remove the listener.
+     */
+    l(this, "onDispose", (e) => {
       this._onDisposeListeners.push(e);
     });
-    a(this, "dispose", () => {
+    /**
+     * Disposes the signal, releasing any resources associated with it.
+     */
+    l(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 E(() => {
+    /**
+     * Returns a new Computed instance that applies the given mapping function to the value of this Signal.
+     * The mapping function is called whenever the value of this Signal changes.
+     *
+     * @typeParam O - The type of the mapped value.
+     * @param fn - The mapping function to apply to the value of this Signal.
+     * @param equals - Optional equality function to determine if two mapped values are equal.
+     * @returns - A new Computed instance with the mapped value.
+     */
+    l(this, "map", (e, r = (s, n) => s === n) => {
+      const s = new E(() => {
         try {
           return e(this.get());
-        } catch (s) {
-          throw console.error("Error in Signal.map:", s), s;
+        } catch (n) {
+          throw console.error("Error in Signal.map:", n), n;
         }
       }, r);
-      return this.setDerivative(n), n;
+      return this.setDerivative(s), s;
     });
-    a(this, "flatMap", (e, r = (n, s) => n === s) => {
-      const n = new E(() => {
+    /**
+     * Returns a new Signal that applies the given function to the value of the current Signal,
+     * and then flattens the resulting Signal.
+     *
+     * @typeParam O - The type of the value emitted by the resulting Signal.
+     * @param fn - The function to apply to the value of the current Signal.
+     * @param equals - A function that determines whether two values of type O are equal.
+     *               Defaults to a strict equality check (===).
+     * @returns A new Signal that emits the values of the resulting Signal.
+     */
+    l(this, "flatMap", (e, r = (s, n) => s === n) => {
+      const s = new E(() => {
         try {
           return e(this.get()).get();
-        } catch (s) {
-          throw console.error("Error in Signal.flatMap:", s), s;
+        } catch (n) {
+          throw console.error("Error in Signal.flatMap:", n), n;
         }
       }, r);
-      return this.setDerivative(n), n;
+      return this.setDerivative(s), s;
     });
-    a(this, "tap", (e) => this.map((r) => (e(r), r)));
-    a(this, "at", (e) => this.map((r) => r[e]));
-    a(this, "$", new Proxy(this, {
+    /**
+     * Invokes a callback function with the current value of the signal, without modifying the signal.
+     *
+     * @param fn - The callback function to be invoked with the current value of the signal.
+     * @returns A new signal that emits the same value as the original signal and invokes the callback function.
+     */
+    l(this, "tap", (e) => this.map((r) => (e(r), r)));
+    /**
+     * Returns a new Signal that emits the value at the specified key of the current value.
+     *
+     * @param key - The key of the value to retrieve.
+     * @returns A new Signal that emits the value at the specified key.
+     */
+    l(this, "at", (e) => this.map((r) => r[e]));
+    /**
+     * Represents a collection of signals for each key in the value of the signal.
+     * @typeParam T - The type of the signals.
+     */
+    l(this, "$", new Proxy(this, {
+      /**
+       * Retrieves the signal with the specified key.
+       * @param _ - The target object.
+       * @param key - The key of the signal.
+       * @returns The signal associated with the key.
+       */
       get: (e, r) => this.at(r)
     }));
-    a(this, "filter", (e, r) => {
-      let n = r ?? this.get();
-      const s = new E(() => {
+    l(this, "filter", (e, r) => {
+      let s = r ?? this.get();
+      const n = new E(() => {
         try {
-          const i = this.get();
-          return n = e(i) ? i : n;
-        } catch (i) {
-          throw console.error("Error in Signal.filter:", i), i;
+          const o = this.get();
+          return s = e(o) ? o : s;
+        } catch (o) {
+          throw console.error("Error in Signal.filter:", o), o;
         }
       }, this.equals);
-      return this.setDerivative(s), s;
+      return this.setDerivative(n), n;
     });
-    a(this, "filterMap", (e, r, n = (s, i) => s === i) => {
-      let s = r;
-      const i = new E(() => {
+    /**
+     * Returns a new Computed object that applies the provided mapping function to the value of this Signal,
+     * and filters out values that are `undefined` or `null`.
+     *
+     * @typeParam O - The type of the mapped value.
+     * @param fn - The mapping function to apply to the value of this Signal.
+     * @param startValue - The initial value for the Computed object.
+     * @param equals - Optional equality function to determine if two values are equal.
+     * @returns - A new Computed object with the mapped and filtered values.
+     */
+    l(this, "filterMap", (e, r, s = (n, o) => n === o) => {
+      let n = r;
+      const o = new E(() => {
         try {
-          const o = this.get(), l = e(o);
-          return s = l ?? s;
-        } catch (o) {
-          throw console.error("Error in Signal.filterMap:", o), o;
+          const i = this.get(), a = e(i);
+          return n = a ?? n;
+        } catch (i) {
+          throw console.error("Error in Signal.filterMap:", i), i;
         }
-      }, n);
-      return this.setDerivative(i), i;
+      }, s);
+      return this.setDerivative(o), o;
     });
-    a(this, "mapAsync", (e, r, n, s = (i, o) => i === o) => {
-      const i = C(r, s);
-      let o = 0;
-      return i.onDispose(
-        this.on((l) => {
-          const u = ++o;
+    /**
+     * Maps the values emitted by the signal to a new value asynchronously using the provided function.
+     * If the function throws an error, it will be caught and logged.
+     * If a recovery function is provided, it will be called with the error and its return value will be used as the mapped value.
+     * If no recovery function is provided, the error will be logged as an unhandled promise rejection.
+     *
+     * @typeParam O - The type of the mapped value.
+     * @param fn - The function to map the values emitted by the signal.
+     * @param alt - The alternate value to use if the signal is disposed or the mapping function throws an error.
+     * @param recover - The recovery function to handle errors thrown by the mapping function.
+     * @param equals - The equality function to compare the mapped values for equality.
+     * @returns A property that holds the mapped value and can be observed for changes.
+     */
+    l(this, "mapAsync", (e, r, s, n = (o, i) => o === i) => {
+      const o = L(r, n);
+      let i = 0;
+      return o.onDispose(
+        this.on((a) => {
+          const u = ++i;
           try {
-            e(l).then((c) => {
-              u === o && i.set(c);
+            e(a).then((c) => {
+              u === i && o.set(c);
             }).catch((c) => {
-              u === o && (n != null ? i.set(n(c)) : console.error(
+              u === i && (s != null ? o.set(s(c)) : console.error(
                 "Unhandled promise rejection in Signal.mapAsync:",
                 c
               ));
@@ -137,19 +262,50 @@ const _ = class _ {
             throw console.error("Error in Signal.mapAsync:", c), c;
           }
         })
-      ), i;
+      ), o;
     });
-    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;
+    /**
+     * Maps the values of the signal using the provided function `fn`, and returns a new signal
+     * containing the mapped values. If the mapped value is `undefined` or `null`, it is replaced
+     * with the provided `alt` value.
+     *
+     * @typeParam O - The type of the mapped value.
+     * @param fn - The function used to map the values of the signal.
+     * @param alt - The alternative value to use when the mapped value is `undefined` or `null`.
+     * @returns A new signal containing the mapped values.
+     */
+    l(this, "mapMaybe", (e, r) => this.map((s) => e(s) ?? r));
+    /**
+     * Feeds a property into the signal and sets up disposal behavior.
+     * @param prop - The property to feed into the signal.
+     * @param autoDisposeProp - Determines whether the property should be automatically disposed when the signal is disposed.
+     * @returns The input property.
+     */
+    l(this, "feedProp", (e, r = !1) => {
+      const s = this.on(e.set);
+      return e.onDispose(s), r ? this.onDispose(e.dispose) : this.onDispose(s), e;
     });
-    a(this, "deriveProp", (e = !0) => this.feedProp(C(this.get()), e));
-    a(this, "count", () => {
+    /**
+     * Derives a new property from the current signal.
+     * @param autoDisposeProp - Determines whether the derived property should be automatically disposed.
+     * @returns The derived property.
+     */
+    l(this, "deriveProp", (e = !0) => this.feedProp(L(this.get()), e));
+    /**
+     * Returns a signal that emits the count of values received so far.
+     * @returns A signal that emits the count of values received so far.
+     */
+    l(this, "count", () => {
       let e = 0;
       return this.map(() => ++e);
     });
-    a(this, "setDerivative", (e) => {
+    /**
+     * Adds a computed value as a derivative of the signal.
+     * When the computed value is disposed, it is automatically removed from the derivatives list.
+     * Additionally, when the computed value is disposed, it sets the signal as dirty.
+     * @param computed - The computed value to add as a derivative.
+     */
+    l(this, "setDerivative", (e) => {
       this._derivatives.push(e), e.onDispose(() => {
         this._derivatives.splice(
           this._derivatives.indexOf(e),
@@ -159,320 +315,311 @@ const _ = class _ {
     });
     this.equals = r, this._value = e;
   }
-  static ofPromise(e, r, n, s = (i, o) => i === o) {
-    const i = new _(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[k] === !0;
-  }
-  static wrap(e, r = (n, s) => n === s) {
-    return _.is(e) ? e : new _(e, r);
-  }
-  static maybeWrap(e) {
-    return e == null ? e : _.wrap(e);
-  }
-  static unwrap(e) {
-    return _.is(e) ? e.get() : e;
-  }
-  static map(e, r) {
-    return _.is(e) ? e.map(r) : r(e);
-  }
+  /**
+   * Gets the value of the signal.
+   * @returns The current value of the signal.
+   */
   get value() {
     return this._value;
   }
 };
-let h = _;
-const Be = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
-var ie, oe;
-class E extends (oe = h, ie = ee, oe) {
-  constructor(r, n) {
-    super(void 0, n);
-    a(this, ie, !0);
-    a(this, "_isDirty", !1);
-    a(this, "setDirty", () => {
-      this._isDirty || this._disposed || (this._isDirty = !0, this._derivatives.forEach((r) => r.setDirty()), this.scheduleNotify());
+/**
+ * Creates a Signal that holds the result of a Promise.
+ *
+ * @typeParam O - The type of the value returned by the Promise.
+ * @param promise - The Promise to use to feed the Signal.
+ * @param init - The initial value of the Signal before the Promise resolves.
+ * @param recover - A function to recover from Promise rejection and provide an alternative value for the Signal.
+ * @param equals - A function to compare two values of type O for equality. Defaults to strict equality (===).
+ * @returns - A Signal that represents the result of the Promise.
+ */
+l(d, "ofPromise", (e, r, s, n = (o, i) => o === i) => {
+  const o = new d(r, n);
+  return e.then((i) => o._setAndNotify(i, !1)).catch((i) => {
+    s != null ? o._setAndNotify(s(i), !1) : console.error(
+      "Unhandled promise rejection in Signal.ofPromise:",
+      i
+    );
+  }), o;
+}), /**
+ * Checks if a value is a Signal.
+ *
+ * @param value - The value to check.
+ * @returns `true` if the value is a Signal, `false` otherwise.
+ */
+l(d, "is", (e) => (
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  e != null && e.$__signal__ === !0
+)), /**
+ * Wraps a value or a Signal instance into a Signal.
+ * If the value is already a Signal, it returns the value itself.
+ * If the value is not a Signal, it creates a new Signal instance with the given value.
+ *
+ * @typeParam O - The type of the value.
+ * @param value - The value or Signal instance to wrap.
+ * @param equals - A function that determines if two values are equal. Defaults to strict equality (===).
+ * @returns A Signal instance.
+ */
+l(d, "wrap", (e, r = (s, n) => s === n) => d.is(e) ? e : new d(e, r)), /**
+ * 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.
+ * @param value - The value to wrap or check.
+ * @returns The wrapped value if it is not `null` or `undefined`, otherwise `null` or `undefined`.
+ */
+l(d, "maybeWrap", (e) => e == null ? e : d.wrap(e)), /**
+ * Unwraps a value from a `Signal` if it is a `Signal`, otherwise returns the value as is.
+ *
+ * @param value - The value to unwrap.
+ * @returns The unwrapped value.
+ */
+l(d, "unwrap", (e) => d.is(e) ? e.get() : e), /**
+ * Maps the value of a `Signal` or a regular value using the provided mapping function.
+ * If the input value is a `Signal`, the mapping function is applied to its value.
+ * If the input value is not a `Signal`, the mapping function is directly applied to the value.
+ *
+ * @param value - The input value to be mapped.
+ * @param fn - The mapping function to be applied to the value.
+ * @returns A new `Signal` with the mapped value if the input value is a `Signal`,
+ * otherwise, the result of applying the mapping function to the value.
+ *
+ * @typeParam N - The type of the input value.
+ * @typeParam O - The type of the mapped value.
+ */
+l(d, "map", (e, r) => d.is(e) ? e.map(r) : r(e));
+let h = d;
+const Re = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
+class E extends h {
+  /**
+   * Represents a Signal object.
+   * @param _fn - The function that returns the value of the signal.
+   * @param equals - The function used to compare two values of type T for equality.
+   */
+  constructor(r, s) {
+    super(void 0, s);
+    /**
+     * @internal
+     */
+    l(this, "$__computed__", !0);
+    /**
+     * @internal
+     */
+    l(this, "_isDirty", !1);
+    /**
+     * Marks the signal as dirty, indicating that its value has changed and needs to be recalculated.
+     * If the signal is already dirty or disposed, this method does nothing.
+     * It also marks all dependent signals as dirty and schedules a notification to update their values.
+     */
+    l(this, "setDirty", () => {
+      this._isDirty || this._disposed || (this._isDirty = !0, this._derivatives.forEach((r) => r.setDirty()), this._scheduleNotify());
     });
-    a(this, "_scheduleCount", 0);
-    a(this, "scheduleNotify", () => {
+    /**
+     * @internal
+     */
+    l(this, "_scheduleCount", 0);
+    /**
+     * Schedules a notification to be executed asynchronously.
+     * If the signal is dirty, it will be updated and notified.
+     * @internal
+     */
+    l(this, "_scheduleNotify", () => {
       const r = ++this._scheduleCount;
-      Be(() => {
+      Re(() => {
         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));
+    /** {@inheritDoc Signal.get} */
+    l(this, "get", () => (this._isDirty && (this._isDirty = !1, this._value = this._fn(), this._setAndNotify(this._value, !0)), this._value));
     this._fn = r, this.setDirty();
   }
+  /**
+   * Checks if a value is an instance of `Computed`.
+   *
+   * @param value - The value to check.
+   * @returns `true` if the value is an instance of `Computed`, `false` otherwise.
+   */
   static is(r) {
-    return r != null && r[ee] === !0;
+    return r != null && r.$__computed__ === !0;
   }
+  /** {@inheritDoc Signal.value} */
   get value() {
     return this.get();
   }
 }
-var ue, ae;
-class q extends (ae = h, ue = Q, ae) {
+const V = class V extends h {
   constructor() {
     super(...arguments);
-    a(this, ue, !0);
-    a(this, "set", (r) => {
+    /**
+     * @internal
+     */
+    l(this, "$__prop__", !0);
+    /**
+     * Changes the value of the property and notifies its listeners.
+     *
+     * @param value - The new value of the property.
+     */
+    l(this, "set", (r) => {
       this._setAndNotify(r, !1);
     });
-    a(this, "update", (r) => {
+    /**
+     * Updates the value of the signal by applying the provided function to the current value.
+     * @param fn - The function to apply to the current value.
+     */
+    l(this, "update", (r) => {
       this._setAndNotify(r(this.get()), !1);
     });
-    a(this, "reducer", (r, ...n) => {
-      const s = this;
-      return function i(o) {
-        const l = s.value;
-        s.update((u) => r(u, o)), !s.equals(l, s.value) && n.forEach(
+    /**
+     * Creates a reducer function that combines the provided reducer function and effects.
+     * @param fn - The reducer function that takes the current state and an action, and returns the new state.
+     * @param effects - An array of effects to be executed after the state is updated.
+     * @returns A dispatch function that can be used to update the state and trigger the effects.
+     */
+    l(this, "reducer", (r, ...s) => {
+      const n = this;
+      return function o(i) {
+        const a = n.value;
+        n.update((u) => r(u, i)), !n.equals(a, n.value) && s.forEach(
           (u) => u({
-            previousState: l,
-            state: s.value,
-            action: o,
-            dispatch: i
+            previousState: a,
+            state: n.value,
+            action: i,
+            dispatch: o
           })
         );
       };
     });
-    a(this, "iso", (r, n, s = (i, o) => i === o) => {
-      const i = new q(r(this.get()), s);
-      return i.onDispose(this.on((o) => i.set(r(o)))), i.on((o) => this._setAndNotify(n(o), !1)), i;
+    /**
+     * Creates an isomorphism for the Signal.
+     * An isomorphism is a pair of functions that convert values between two types,
+     * along with an equality function to compare values of the second type.
+     *
+     * @param to - A function that converts values from type T to type O.
+     * @param from - A function that converts values from type O to type T.
+     * @param equals - An optional function that compares values of type O for equality.
+     *                Defaults to a strict equality check (===).
+     * @returns A Prop object representing the isomorphism.
+     */
+    l(this, "iso", (r, s, n = (o, i) => o === i) => {
+      const o = new V(r(this.get()), n);
+      return o.onDispose(this.on((i) => o.set(r(i)))), o.on((i) => this._setAndNotify(s(i), !1)), o;
     });
-    a(this, "atProp", (r) => this.iso(
-      (n) => n[r],
-      (n) => ({ ...this.value, [r]: n })
+    /**
+     * Returns a `Prop` that represents the value at the specified key of the current value.
+     *
+     * @param key - The key of the value to access.
+     * @returns A `Prop` that represents the value at the specified key.
+     */
+    l(this, "atProp", (r) => this.iso(
+      (s) => s[r],
+      (s) => ({ ...this.value, [r]: s })
     ));
   }
-  static is(r) {
-    return r != null && r[Q] === !0;
-  }
+  /**
+   *  Access for the current value of the property.
+   */
   get value() {
     return this.get();
   }
   set value(r) {
     this._setAndNotify(r, !1);
   }
-}
-function U(t, e, r = (n, s) => n === s) {
-  const n = new E(t, r);
-  return e.forEach((s) => s.setDerivative(n)), n;
-}
-function It(t, e) {
-  return U(t, e).dispose;
-}
-function C(t, e = (r, n) => r === n) {
-  return new q(t, e);
-}
-function Ot(t, e = (r, n) => r === n) {
-  return new h(t, e);
-}
-class le {
+};
+/**
+ * Checks if a value is a Prop.
+ * @param value - The value to check.
+ * @returns `true` if the value is a Prop, `false` otherwise.
+ */
+l(V, "is", (r) => (
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  r != null && r.$__prop__ === !0
+));
+let F = V;
+const j = (t, e, r = (s, n) => s === n) => {
+  const s = new E(t, r);
+  return e.forEach((n) => n.setDerivative(s)), s;
+}, pt = (t, e) => j(t, e).dispose, L = (t, e = (r, s) => r === s) => new F(t, e), mt = (t, e = (r, s) => r === s) => new h(t, e);
+class z {
   constructor() {
-    a(this, "_store", /* @__PURE__ */ new Map());
-    a(this, "getItem", (e) => this._store.get(e) ?? null);
-    a(this, "setItem", (e, r) => {
+    l(this, "_store", /* @__PURE__ */ new Map());
+    /**
+     * Retrieves the value associated with the specified key from the memory store.
+     * @param key - The key to retrieve the value for.
+     * @returns The value associated with the key, or `null` if the key is not found.
+     */
+    l(this, "getItem", (e) => this._store.get(e) ?? null);
+    /**
+     * Sets the value associated with the specified key in the memory store.
+     * @param key - The key to set the value for.
+     * @param value - The value to set.
+     */
+    l(this, "setItem", (e, r) => {
       this._store.set(e, r);
     });
   }
 }
-function ce({
+const Q = ({
   key: t,
   defaultValue: e,
   store: r,
-  serialize: n = JSON.stringify,
-  deserialize: s = JSON.parse,
-  equals: i = (l, u) => l === u,
-  onLoad: o = (l) => l
-}) {
-  const l = r.getItem(t), u = new q(
-    l != null ? o(s(l)) : typeof e == "function" ? e() : e,
-    i
+  serialize: s = JSON.stringify,
+  deserialize: n = JSON.parse,
+  equals: o = (a, u) => a === u,
+  onLoad: i = (a) => a
+}) => {
+  const a = r.getItem(t), u = new F(
+    a != null ? i(n(a)) : typeof e == "function" ? e() : e,
+    o
   );
   return u.on((c) => {
-    r.setItem(t, n(c));
+    r.setItem(t, s(c));
   }), u;
-}
-function xt(t) {
-  return ce({
-    ...t,
-    store: (window == null ? void 0 : window.localStorage) ?? new le()
-  });
-}
-function Ft(t) {
-  return ce({
-    ...t,
-    store: (window == null ? void 0 : window.sessionStorage) ?? new le()
-  });
-}
-function te(t) {
+}, gt = (t) => Q({
+  ...t,
+  store: (window == null ? void 0 : window.localStorage) ?? new z()
+}), _t = (t) => Q({
+  ...t,
+  store: (window == null ? void 0 : window.sessionStorage) ?? new z()
+});
+function X(t) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 0);
 }
-function Ge(t, e, r, n) {
-  const s = (n == null ? void 0 : n.duration) ?? 300, i = (n == null ? void 0 : n.easing) ?? ((S) => S), o = (n == null ? void 0 : n.equals) ?? ((S, R) => S === R);
-  let l = n == null ? void 0 : n.interpolate, u = t, c = e(), p = performance.now(), m = null, d = !0;
-  const y = new E(e, o), A = C(t, o);
+const Me = (t, e, r, s) => {
+  const n = (s == null ? void 0 : s.duration) ?? 300, o = (s == null ? void 0 : s.easing) ?? ((_) => _), i = (s == null ? void 0 : s.equals) ?? ((_, k) => _ === k);
+  let a = s == null ? void 0 : s.interpolate, u = t, c = e(), g = performance.now(), S = null, p = !0;
+  const D = new E(e, i), A = L(t, i);
   A.onDispose(() => {
-    m !== null && cancelAnimationFrame(m);
-  }), A.onDispose(y.dispose), r.forEach((S) => {
-    S.setDerivative(y), S.onDispose(A.dispose);
+    S !== null && cancelAnimationFrame(S);
+  }), A.onDispose(D.dispose), r.forEach((_) => {
+    _.setDerivative(D), _.onDispose(A.dispose);
   });
-  const Z = (S) => {
-    c = S, p = performance.now(), u = A.value, d && (d = !1, m = te(z));
-  }, z = () => {
-    const R = (performance.now() - p) / h.unwrap(s), qe = i(R);
-    l == null && (l = Ke(u));
-    let H = l(u, c, qe);
-    R >= 1 ? (d = !0, H = c) : m = te(z), A.set(H);
+  const Ee = (_) => {
+    c = _, g = performance.now(), u = A.value, p && (p = !1, S = X(J));
+  }, J = () => {
+    const k = (performance.now() - g) / h.unwrap(n), Pe = o(k);
+    a == null && (a = Oe(u));
+    let K = a(u, c, Pe);
+    k >= 1 ? (p = !0, K = c) : S = X(J), A.set(K);
   };
-  return y.on(Z), A;
-}
-function qt(t, e) {
-  const { initialValue: r, ...n } = e ?? {};
-  return Ge(r ?? t.get(), t.get, [t], n);
-}
-function Vt(t, e) {
-  const { signals: r, literals: n } = Object.entries(t).reduce(
-    ({ signals: i, literals: o }, [l, u]) => (h.is(u) ? i.push([l, u]) : o[l] = u, { signals: i, literals: o }),
+  return D.on(Ee), A;
+}, vt = (t, e) => {
+  const { initialValue: r, ...s } = e ?? {};
+  return Me(
+    r ?? t.get(),
+    t.get,
+    [t],
+    s
+  );
+}, yt = (t, e) => {
+  const { signals: r, literals: s } = Object.entries(t).reduce(
+    ({ signals: o, literals: i }, [a, u]) => (h.is(u) ? o.push([a, u]) : i[a] = u, { signals: o, literals: i }),
     { signals: [], literals: {} }
-  ), s = r.map(([, i]) => i);
-  return U(() => (r.forEach(([i, o]) => n[i] = o.value), e(n)), s);
-}
-function re(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 ne(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, , l, , u] = r, c = o != null ? parseInt(o, 10) : 0, p = l != null ? parseInt(l, 10) : 0;
-  return {
-    inset: !!n,
-    x: parseInt(s, 10),
-    y: parseInt(i, 10),
-    blur: c,
-    spread: p,
-    color: u
-  };
-}
-function ze(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 He(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] = re(t), [l, u, c, p] = re(e);
-  return (m) => {
-    const d = r + (l - r) * m, y = n + (u - n) * m, A = s + (c - s) * m, Z = i + (p - i) * m;
-    return He([d, y, A, Z, o]);
-  };
-}
-function Wt(t, e) {
-  const r = ne(t), n = ne(e);
-  return (s) => {
-    const i = r.x + (n.x - r.x) * s, o = r.y + (n.y - r.y) * s, l = r.blur + (n.blur - r.blur) * s, u = r.spread + (n.spread - r.spread) * s, c = he(r.color, n.color)(s);
-    return ze({ inset: r.inset, x: i, y: o, blur: l, spread: u, color: c });
-  };
-}
-function ke(t, e) {
-  var r, n, s, i, o, l, u, c;
-  return e === "translateX" ? new WebKitCSSMatrix(t.transform).m41 : e === "translateY" ? new WebKitCSSMatrix(t.transform).m42 : e === "translateZ" ? new WebKitCSSMatrix(t.transform).m43 : e === "rotateX" ? new WebKitCSSMatrix(t.transform).m12 : e === "rotateY" ? new WebKitCSSMatrix(t.transform).m21 : e === "rotateZ" ? new WebKitCSSMatrix(t.transform).m31 : e === "scaleX" ? new WebKitCSSMatrix(t.transform).m11 : e === "scaleY" ? new WebKitCSSMatrix(t.transform).m22 : e === "scaleZ" ? new WebKitCSSMatrix(t.transform).m33 : e === "skewX" ? new WebKitCSSMatrix(t.transform).m13 : e === "skewY" ? new WebKitCSSMatrix(t.transform).m23 : Number(e === "grayScale" ? (r = t.filter.match(/grayscale\((\d+)%\)/)) == null ? void 0 : r[1] : e === "sepia" ? (n = t.filter.match(/sepia\((\d+)%\)/)) == null ? void 0 : n[1] : e === "saturate" ? (s = t.filter.match(/saturate\((\d+)%\)/)) == null ? void 0 : s[1] : e === "hueRotate" ? (i = t.filter.match(/hue-rotate\((\d+)deg\)/)) == null ? void 0 : i[1] : e === "invert" ? (o = t.filter.match(/invert\((\d+)%\)/)) == null ? void 0 : o[1] : e === "brightness" ? (l = t.filter.match(/brightness\((\d+)%\)/)) == null ? void 0 : l[1] : e === "contrast" ? (u = t.filter.match(/contrast\((\d+)%\)/)) == null ? void 0 : u[1] : e === "blur" ? (c = t.filter.match(/blur\((\d+)px\)/)) == null ? void 0 : c[1] : t.getPropertyValue(e));
-}
-function Zt(t, e) {
-  const r = {}, n = getComputedStyle(t);
-  for (const [s, i] of Object.entries(e)) {
-    const o = s;
-    i != null && (r[o] = ke(n, o));
-  }
-  return r;
-}
-function O(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 fe(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 he(t, e) {
-  return fe(t, e, "c");
-}
-function Qe(t, e) {
-  return fe(t, e, "s");
-}
-function et(t, e, r, n, s) {
-  if (r != null && n != null) {
-    if (typeof r == "number" && typeof n == "number") {
-      const i = r + (n - r) * s;
-      O(t, e, i);
-    } else if (e === "boxShadow" || e === "textShadow") {
-      const i = Qe(
-        r,
-        n
-      )(s);
-      O(t, e, i);
-    } else if (e === "color" || e === "backgroundColor" || e === "borderColor" || e === "outlineColor") {
-      const i = he(
-        r,
-        n
-      )(s);
-      O(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;
-    et(t, o, e[o], i, n);
-  }
-}
-function Yt(t, e) {
-  t.style.transform = "", t.style.filter = "";
-  for (const [r, n] of Object.entries(e))
-    n != null && O(t, r, n);
-}
-const de = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), pe = /* @__PURE__ */ new Set([
+  ), n = r.map(([, o]) => o);
+  return j(() => (r.forEach(([o, i]) => s[o] = i.value), e(s)), n);
+}, Y = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), Z = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), me = /* @__PURE__ */ new Set(["valueAsDate"]), ge = /* @__PURE__ */ new Set([
+]), x = /* @__PURE__ */ new Set(["valueAsDate"]), ee = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -480,47 +627,25 @@ const de = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]
   "outerHTML",
   "className",
   "classList"
-]), Y = /* @__PURE__ */ new Map();
-function D(t, e) {
-  if (Y.has(t))
-    return Y.get(t);
+]), q = /* @__PURE__ */ new Map(), b = (t, e) => {
+  if (q.has(t))
+    return q.get(t);
   {
     const r = e(t);
-    return Y.set(t, r), r;
+    return q.set(t, r), r;
   }
-}
-function tt(t) {
-  return (e, r) => {
-    r == null ? e[t] = null : e[t] = !!r;
-  };
-}
-function rt(t) {
-  return (e, r) => {
-    r == null ? e[t] = null : e[t] = Number(r);
-  };
-}
-function nt(t) {
-  return (e, r) => {
-    r == null ? e[t] = null : e[t] = r;
-  };
-}
-function st(t) {
-  return (e, r) => {
-    r == null ? e[t] = null : e[t] = String(r);
-  };
-}
-function it(t) {
-  return (e, r) => {
-    r == null ? e.removeAttribute(t) : e.setAttribute(t, r);
-  };
-}
-function Se(t) {
-  return de.has(t) ? D(t, tt) : pe.has(t) ? D(t, rt) : me.has(t) ? D(t, nt) : ge.has(t) ? D(t, st) : D(t, it);
-}
-function be(t) {
-  return (e) => de.has(t) ? !!e[t] : pe.has(t) ? Number(e[t]) : me.has(t) ? e[t] : ge.has(t) ? String(e[t]) : e.getAttribute(t);
-}
-class b {
+}, Fe = (t) => (e, r) => {
+  r == null ? e[t] = null : e[t] = !!r;
+}, Ve = (t) => (e, r) => {
+  r == null ? e[t] = null : e[t] = Number(r);
+}, $e = (t) => (e, r) => {
+  r == null ? e[t] = null : e[t] = r;
+}, qe = (t) => (e, r) => {
+  r == null ? e[t] = null : e[t] = String(r);
+}, Ie = (t) => (e, r) => {
+  r == null ? e.removeAttribute(t) : e.setAttribute(t, r);
+}, te = (t) => Y.has(t) ? b(t, Fe) : Z.has(t) ? b(t, Ve) : x.has(t) ? b(t, $e) : ee.has(t) ? b(t, qe) : b(t, Ie), re = (t) => (e) => Y.has(t) ? !!e[t] : Z.has(t) ? Number(e[t]) : x.has(t) ? e[t] : ee.has(t) ? String(e[t]) : e.getAttribute(t);
+class v {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -530,7 +655,7 @@ class b {
    * @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) {
+  constructor(e, r, s, n, o) {
     /**
      * Creates a new DOM element (eg: HTML or SVG) with the specified tag name and namespace.
      *
@@ -538,19 +663,19 @@ class b {
      * @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));
+    l(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));
+    l(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", () => {
+    l(this, "makeRef", () => {
       const e = this.createText("");
       return this.appendOrInsert(e), this.withReference(e);
     });
@@ -559,7 +684,7 @@ class b {
      *
      * @param child - The child node to append or insert.
      */
-    a(this, "appendOrInsert", (e) => {
+    l(this, "appendOrInsert", (e) => {
       this.reference === void 0 ? this.element.appendChild(e) : this.element.insertBefore(e, this.reference);
     });
     /**
@@ -568,18 +693,18 @@ class b {
      * @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, !0));
+    l(this, "withDocument", (e) => new v(e, this.element, this.reference, this.providers, !0));
     /**
      * Creates a new `DOMContext` instance with the provided `element`.
      * @param element - The DOM element to use in the new `DOMContext` instance.
      * @returns A new `DOMContext` instance with the provided `element`.
      */
-    a(this, "withElement", (e) => new b(this.document, e, void 0, this.providers, !1));
+    l(this, "withElement", (e) => new v(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(
+    l(this, "withFirstLevel", () => new v(
       this.document,
       this.element,
       this.reference,
@@ -592,7 +717,7 @@ class b {
      * @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(
+    l(this, "withReference", (e) => new v(
       this.document,
       this.element,
       e,
@@ -605,7 +730,7 @@ class b {
      * @param value - The value to set for the provider.
      * @returns A new DOMContext with the updated providers.
      */
-    a(this, "withProvider", (e, r) => new b(
+    l(this, "withProvider", (e, r) => new v(
       this.document,
       this.element,
       this.reference,
@@ -622,7 +747,7 @@ class b {
      * @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(
+    l(this, "withProviders", (e) => new v(
       this.document,
       this.element,
       this.reference,
@@ -637,14 +762,14 @@ class b {
      *
      * @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.
+     * @throws Throws `ProviderNotFoundError` if the provider for the given mark is not found.
      */
-    a(this, "getProvider", (e) => {
+    l(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
-        throw new Error(`Provider not found: ${e.description}`);
+        throw new Be(e);
       return this.providers[e];
     });
-    this.document = e, this.element = r, this.reference = n, this.providers = s, this.isFirstLevel = i;
+    this.document = e, this.element = r, this.reference = s, this.providers = n, this.isFirstLevel = o;
   }
   /**
    * Creates a new `DOMContext` instance for the given `Element` and optional reference `Node`.
@@ -654,694 +779,688 @@ class b {
    * @returns A new `DOMContext` instance.
    */
   static of(e, r) {
-    return new b(e.ownerDocument, e, r, {}, !0);
+    return new v(e.ownerDocument, e, r, {}, !0);
   }
 }
-function g(t) {
+class Be extends Error {
+  constructor(e) {
+    super(`Provider not found: ${e.description}`);
+  }
+}
+const m = (t) => {
   const e = t;
   e && e.onblur && (e.onblur = null), !(!t || t.ownerDocument === void 0) && t.parentElement && t.parentElement.removeChild(t);
-}
-function ot(t) {
-  return we(t) ? t : t.parentElement;
-}
-function we(t) {
-  return t.nodeType === 1;
-}
-function ut(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)
+}, je = (t) => se(t) ? t : t.parentElement, se = (t) => t.nodeType === 1;
+function Ue(t, e, r) {
+  let s = t.target;
+  for (; s != null && !(s instanceof HTMLAnchorElement); )
+    s = s.parentElement;
+  if (s == null) return !0;
+  const n = s;
+  if (t.button !== 0 || t.ctrlKey || t.metaKey || n.target !== "_self" && n.target !== "" || n.getAttribute("download") != null)
     return !0;
   if (r) {
-    const { pathname: i, search: o, hash: l } = s, u = i + o + l;
-    if (s.getAttribute("href") !== u || e && !/\/[^/.]*$/.test(i))
+    const { pathname: o, search: i, hash: a } = n, u = o + i + a;
+    if (n.getAttribute("href") !== u || e === !0 && !/\/[^/.]*$/.test(o) || Array.isArray(e) && !e.some((c) => o.endsWith(c)))
       return !0;
   }
   return !1;
 }
-const jt = (t, e = {
-  checkExtension: !0,
-  checkExternalUrl: !0
-}) => (r) => {
-  const { checkExtension: n, checkExternalUrl: s } = e;
-  ut(
-    r,
-    n === !0,
-    s === !0
-  ) || t() && r.preventDefault();
-}, ve = (t) => (e) => {
-  Ce(e);
+const wt = (t, {
+  checkExtension: e = [".html"],
+  checkExternalUrl: r = !0
+} = {}) => (s) => {
+  Ue(s, e, r) || t() && s.preventDefault();
+}, ne = (t) => (e) => {
+  he(e);
   const r = e.createText(t);
-  return e.appendOrInsert(r), (n) => {
-    n && g(r);
+  return e.appendOrInsert(r), (s) => {
+    s && m(r);
   };
-}, Ae = (t) => (e) => {
-  Ce(e);
+}, oe = (t) => (e) => {
+  he(e);
   const r = e.createText(t.value);
   e.appendOrInsert(r);
-  const n = t.on((s) => r.data = s);
-  return (s) => {
-    n(), s && g(r);
-  };
-};
-function Kt(t) {
-  return h.is(t) ? Ae(t) : ve(t);
-}
-const w = (...t) => (e) => {
-  const r = t.map((n) => f(n)(e));
+  const s = t.on((n) => r.data = n);
   return (n) => {
-    r.forEach((s) => s(n));
+    s(), n && m(r);
+  };
+}, St = (t) => h.is(t) ? oe(t) : ne(t), y = (...t) => (e) => {
+  const r = t.map((s) => f(s)(e));
+  return (s) => {
+    r.forEach((n) => n(s));
   };
-}, v = () => () => {
-}, at = (t) => (e) => (De(e), e.element.classList.add(...t), (r) => {
+}, w = () => () => {
+}, We = (t) => (e) => (ce(e), e.element.classList.add(...t), (r) => {
   r && e.element.classList.remove(...t);
-}), lt = (t) => (e) => {
-  De(e);
+}), Ge = (t) => (e) => {
+  ce(e);
   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);
+  let s = [];
+  const n = t.on((o) => {
+    s.forEach((i) => r.classList.remove(i)), s = (o ?? "").split(" ").filter((i) => i.length > 0), r.classList.add(...s);
   });
-  return (i) => {
-    s(), i && n.forEach((o) => r.classList.remove(o)), n.length = 0;
+  return (o) => {
+    n(), o && s.forEach((i) => r.classList.remove(i)), s.length = 0;
   };
-}, T = (t, e) => {
-  const r = Se(t), n = be(t);
-  return (s) => {
-    Pe(s, t);
-    const i = n(s.element);
-    return r(s.element, e), (o) => {
-      o && r(s.element, i);
+}, N = (t, e) => {
+  const r = te(t), s = re(t);
+  return (n) => {
+    ae(n, t);
+    const o = s(n.element);
+    return r(n.element, e), (i) => {
+      i && r(n.element, o);
     };
   };
-}, L = (t, e) => {
-  const r = Se(t), n = be(t);
-  return (s) => {
-    Pe(s, t);
-    const i = n(s.element);
-    return e.on((o) => r(s.element, o)), (o) => {
-      o && r(s.element, i);
+}, C = (t, e) => {
+  const r = te(t), s = re(t);
+  return (n) => {
+    ae(n, t);
+    const o = s(n.element), i = e.on((a) => r(n.element, a));
+    return (a) => {
+      i(), a && r(n.element, o);
     };
   };
 }, P = new Proxy(
   {},
   {
-    get: (t, e) => e === "class" ? (r) => h.is(r) ? lt(r) : at(
-      (r ?? "").split(" ").filter((n) => n.length > 0)
-    ) : (r) => h.is(r) ? L(
+    /**
+     * Creates a renderable component for the specified attribute.
+     *
+     * Generally using multiple attributes with the same name is not recommended.
+     * `class` is the exception and can be used multiple times.
+     *
+     * @param _ - The target object.
+     * @param name - The name of the attribute.
+     * @returns The renderable component for the specified attribute.
+     *
+     */
+    get: (t, e) => e === "class" ? (r) => h.is(r) ? Ge(r) : We(
+      (r ?? "").split(" ").filter((s) => s.length > 0)
+    ) : (r) => h.is(r) ? C(
       e,
       r
-    ) : T(
+    ) : N(
       e,
       r
     )
   }
-), Ut = new Proxy(
+), At = new Proxy(
   {},
   {
-    get: (t, e) => (r) => h.is(r) ? L(
+    /**
+     * Creates a renderable component for the specified `data-?` attribute.
+     *
+     * @param _ - The target object.
+     * @param name - The name of the data attribute.
+     * @returns The renderable component for the specified attribute.
+     *
+     */
+    get: (t, e) => (r) => h.is(r) ? C(
       `data-${e}`,
       r
-    ) : T(`data-${e}`, r)
+    ) : N(`data-${e}`, r)
   }
-), Bt = new Proxy(
+), Et = new Proxy(
   {},
   {
-    get: (t, e) => (r) => h.is(r) ? L(
+    /**
+     * Creates a renderable component for the specified `aria-?` attribute.
+     *
+     * @param _ - The target object.
+     * @param name - The name of the aria attribute.
+     * @returns The renderable component for the specified attribute.
+     *
+     */
+    get: (t, e) => (r) => h.is(r) ? C(
       `aria-${e}`,
       r
-    ) : T(
+    ) : N(
       `aria-${e}`,
       r
     )
   }
-), Gt = new Proxy(
+), Pt = new Proxy(
   {},
   {
-    get: (t, e) => (r) => h.is(r) ? L(
+    /**
+     * Creates a renderable component for the specified `svg` attribute.
+     *
+     * @param _ - The target object.
+     * @param name - The name of the SVG attribute.
+     * @returns The renderable component for the specified attribute.
+     *
+     */
+    get: (t, e) => (r) => h.is(r) ? C(
       e,
       r
-    ) : T(
+    ) : N(
       e,
       r
     )
   }
-), zt = new Proxy(
+), Dt = new Proxy(
   {},
   {
-    get: (t, e) => (r) => h.is(r) ? L(
+    /**
+     * Creates a renderable component for the specified `math` attribute.
+     *
+     * @param name - The name of the Math attribute.
+     * @returns The renderable component for the specified attribute.
+     *
+     */
+    get: (t, e) => (r) => h.is(r) ? C(
       e,
       r
-    ) : T(
+    ) : N(
       e,
       r
     )
   }
-);
-function f(t) {
-  return t == null ? v : Array.isArray(t) ? w(...t.map(f)) : typeof t == "string" ? ve(t) : h.is(t) ? Ae(t) : t;
-}
-function _e(t, ...e) {
-  return (r) => {
-    const n = r.createElement(t, void 0);
-    r.isFirstLevel && M.isSSR() && $e(n), r.appendOrInsert(n), r = r.withElement(n);
-    const s = e.map((i) => f(i)(r));
-    return (i) => {
-      s.forEach((o) => o(!1)), i && g(n);
-    };
+), f = (t) => t == null ? w : Array.isArray(t) ? y(...t.map(f)) : typeof t == "string" ? ne(t) : h.is(t) ? oe(t) : t, ie = (t, ...e) => (r) => {
+  const s = r.createElement(t, void 0);
+  r.isFirstLevel && O() && fe(s), r.appendOrInsert(s), r = r.withElement(s);
+  const n = e.map((o) => f(o)(r));
+  return (o) => {
+    n.forEach((i) => i(!1)), o && m(s);
   };
-}
-function ye(t, e, ...r) {
-  return (n) => {
-    const s = n.createElement(t, e);
-    n.isFirstLevel && M.isSSR() && $e(s), n.appendOrInsert(s), n = n.withElement(s);
-    const i = r.map((o) => f(o)(n));
-    return (o) => {
-      i.forEach((l) => l(!1)), o && g(s);
-    };
+}, le = (t, e, ...r) => (s) => {
+  const n = s.createElement(t, e);
+  s.isFirstLevel && O() && fe(n), s.appendOrInsert(n), s = s.withElement(n);
+  const o = r.map((i) => f(i)(s));
+  return (i) => {
+    o.forEach((a) => a(!1)), i && m(n);
   };
-}
-const Ht = new Proxy(
+}, bt = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => _e(e, r.flatMap(f))
+    /**
+     * Creates a renderable that represents an HTML element.
+     * @param tagName - The HTML tag name.
+     * @returns A renderable function that creates and appends the HTML element to the DOM.
+     */
+    get: (t, e) => (...r) => ie(e, r.flatMap(f))
   }
-), Jt = new Proxy(
+), Tt = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => _e("input", P.type(e), ...r)
+    /**
+     * Creates a renderable that represents an HTMLInput element.
+     * @param type - The input type name.
+     * @returns A renderable function that creates and appends the HTMLInput element to the DOM.
+     */
+    get: (t, e) => (...r) => ie("input", P.type(e), ...r)
   }
-), ct = "http://www.w3.org/2000/svg", kt = new Proxy(
+), He = "http://www.w3.org/2000/svg", Lt = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => ye(e, ct, r.flatMap(f))
+    /**
+     * Creates a renderable that represents an SVG element.
+     * @param tagName - The SVG tag name.
+     * @returns A renderable function that creates and appends the SVG element to the DOM.
+     */
+    get: (t, e) => (...r) => le(e, He, r.flatMap(f))
   }
-), ft = "http://www.w3.org/1998/Math/MathML", Qt = new Proxy(
+), Je = "http://www.w3.org/1998/Math/MathML", Nt = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => ye(e, ft, r.flatMap(f))
+    /**
+     * Creates a renderable that represents an Math element.
+     * @param tagName - The Math tag name.
+     * @returns A renderable function that creates and appends the Math element to the DOM.
+     */
+    get: (t, e) => (...r) => le(e, Je, r.flatMap(f))
   }
-), $ = "data-tempo-attr", x = "data-tempo-class", Ee = "data-tempo-node", F = "data-tempo-text";
-function ht(t, e) {
+), T = "data-tempo-attr", R = "data-tempo-class", ue = "data-tempo-node", M = "data-tempo-text", Ke = (t, e) => {
   const r = t.getAttribute(e);
   if (r != null) {
-    const n = t.getAttribute($) ?? "{}", s = { ...JSON.parse(n), name: r };
-    t.setAttribute($, JSON.stringify(s));
+    const s = t.getAttribute(T) ?? "{}", n = { ...JSON.parse(s), name: r };
+    t.setAttribute(
+      T,
+      JSON.stringify(n).replace(/"/g, "&quot;")
+    );
   }
-}
-function Pe(t, e) {
-  M.isSSR() && t.isFirstLevel && ht(t.element, e);
-}
-function dt(t) {
-  t.querySelectorAll(`[${$}]`).forEach((e) => {
-    const r = JSON.parse(e.getAttribute($) ?? "{}");
-    for (const [n, s] of Object.entries(r))
-      e.setAttribute(n, s);
-    e.removeAttribute($);
+}, ae = (t, e) => {
+  O() && t.isFirstLevel && Ke(t.element, e);
+}, Xe = (t) => {
+  t.querySelectorAll(`[${T}]`).forEach((e) => {
+    const r = JSON.parse(
+      (e.getAttribute(T) ?? "{}").replace(/&quot;/g, '"')
+    );
+    for (const [s, n] of Object.entries(r))
+      e.setAttribute(s, n);
+    e.removeAttribute(T);
   });
-}
-function pt(t) {
-  t.setAttribute(x, t.className);
-}
-function De(t) {
-  M.isSSR() && t.isFirstLevel && pt(t.element);
-}
-function mt(t) {
-  t.querySelectorAll(`[${x}]`).forEach((e) => {
-    const r = e.getAttribute(x);
-    r !== null && (e.className = r, e.removeAttribute(x));
+};
+function ze(t) {
+  t.setAttribute(R, t.className);
+}
+const ce = (t) => {
+  O() && t.isFirstLevel && ze(t.element);
+}, Qe = (t) => {
+  t.querySelectorAll(`[${R}]`).forEach((e) => {
+    const r = e.getAttribute(R);
+    r !== null && (e.className = r, e.removeAttribute(R));
   });
-}
-function $e(t) {
-  t.setAttribute(Ee, "");
-}
-function gt(t) {
-  t.querySelectorAll(`[${Ee}]`).forEach((e) => {
-    g(e);
+}, fe = (t) => {
+  t.setAttribute(ue, "");
+}, Ye = (t) => {
+  t.querySelectorAll(`[${ue}]`).forEach((e) => {
+    m(e);
   });
-}
-function St(t) {
-  t.setAttribute(F, t.textContent ?? "");
-}
-function Ce(t) {
-  M.isSSR() && t.isFirstLevel && St(t.element);
-}
-function bt(t) {
-  t.querySelectorAll(`[${F}]`).forEach((e) => {
-    e.textContent = e.getAttribute(F), e.removeAttribute(F);
+}, Ze = (t) => {
+  t.setAttribute(M, t.textContent ?? "");
+}, he = (t) => {
+  O() && t.isFirstLevel && Ze(t.element);
+}, xe = (t) => {
+  t.querySelectorAll(`[${M}]`).forEach((e) => {
+    e.textContent = e.getAttribute(M), e.removeAttribute(M);
   });
-}
-function wt(t) {
-  gt(t), mt(t), dt(t), bt(t);
-}
-function Ne() {
+}, et = (t) => {
+  Ye(t), Qe(t), Xe(t), xe(t);
+}, de = () => {
   const t = globalThis;
   return t.__tempoSSR__ == null && (t.__tempoSSR__ = {
     isSSR: !1,
     counter: 0
   }), t.__tempoSSR__;
-}
-function B(t, e) {
-  const r = Ne();
+}, U = (t, e) => {
+  const r = de();
   r[t] = e;
-}
-function Te(t) {
-  return Ne()[t];
-}
-function vt() {
-  return Te("isSSR");
-}
-function j(t) {
-  B("isSSR", t);
-}
-function G() {
-  return Te("counter");
-}
-function At() {
-  B("counter", (G() ?? 0) + 1);
-}
-function _t() {
-  B("counter", (G() ?? 0) - 1);
-}
-const er = (t = 30) => (j(!0), new Promise((e, r) => {
-  let n;
-  const s = setInterval(() => {
-    G() <= 0 && (clearInterval(s), clearTimeout(n), j(!1), e());
+}, pe = (t) => de()[t], I = (t) => {
+  U("isSSR", t);
+}, W = () => pe("counter"), tt = () => {
+  U("counter", (W() ?? 0) + 1);
+}, rt = () => {
+  U("counter", (W() ?? 0) - 1);
+}, Ct = (t = 30) => (I(!0), new Promise((e, r) => {
+  let s;
+  const n = setInterval(() => {
+    W() <= 0 && (clearInterval(n), clearTimeout(s), I(!1), e());
   }, 30);
-  n = setTimeout(() => {
-    clearInterval(s), j(!1), r(new Error("SSR Timeout"));
+  s = setTimeout(() => {
+    clearInterval(n), I(!1), r(new Error("SSR Timeout"));
   }, t * 1e3);
-})), M = {
-  useDone: (t) => (At(), f(t(_t))),
-  isSSR: vt
-}, Le = (t, e) => {
+})), Ot = (t) => (tt(), f(t(rt))), O = () => pe("isSSR"), me = (t, e) => {
   if (typeof e == "function")
-    return Le(t, { then: e });
-  const r = e.pending != null ? f(e.pending) : v, n = e.then, s = e.error != null ? (i) => f(e.error(i)) : () => v;
-  return (i) => {
-    let o = !0;
-    const l = t();
-    i = i.makeRef();
-    let u = f(r)(i);
-    return l.then(
+    return me(t, { then: e });
+  const r = e.pending != null ? f(e.pending) : w, s = e.then, n = e.error != null ? (o) => f(e.error(o)) : () => w;
+  return (o) => {
+    let i = !0;
+    const a = t();
+    o = o.makeRef();
+    let u = f(r)(o);
+    return a.then(
       (c) => {
-        o && (u(!0), u = f(n(c))(i));
+        i && (u(!0), u = f(s(c))(o));
       },
       (c) => {
-        o && (u(!0), u = f(s(c))(i));
+        i && (u(!0), u = f(n(c))(o));
       }
     ), (c) => {
-      o = !1, u(c), c && i.reference && g(i.reference);
+      i = !1, u(c), c && o.reference && m(o.reference);
     };
   };
-}, tr = (t, e) => Le(() => t, e), Me = (t, e) => (r) => (r.element.addEventListener(t, e), (n) => {
-  n && r.element.removeEventListener(t, e);
-}), yt = (t) => Me("click", (e) => {
+}, kt = (t, e) => me(() => t, e), ge = (t, e) => (r) => (r.element.addEventListener(t, e), (s) => {
+  s && r.element.removeEventListener(t, e);
+}), st = (t) => ge("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);
+    const s = r.ownerDocument != null ? r == null ? void 0 : r.checked : void 0;
+    s != null && t(!s);
   }, 0);
-}), V = new Proxy(
+}), $ = new Proxy(
   {},
   {
-    get: (t, e) => (r) => Me(e, r)
-  }
-), W = {
-  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();
+    /**
+     * @param name - The name of the event handler.
+     * @param fn - The function to call when the event is triggered.
+     * @returns A `Renderable` function that adds the event listener to the element.
+     */
+    get: (t, e) => (r) => ge(e, r)
   }
-};
-function Et(t, e = "input") {
-  return w(
-    P.valueAsDate(t),
-    V[e](W.valueAsDate(t.set))
-  );
-}
-function Pt(t, e = "input") {
-  return w(
-    P.valueAsDate(t),
-    V[e](W.valueAsDateTime(t.set))
-  );
-}
-function Dt(t, e = "input") {
-  return w(
-    P.valueAsNumber(t),
-    V[e](W.valueAsNumber(t.set))
+), nt = (t) => (e) => {
+  const r = e.target;
+  t(r.value);
+}, ot = (t) => (e) => {
+  const r = e.target;
+  t(r.valueAsNumber);
+}, it = (t) => (e) => {
+  const r = e.target;
+  if (r.value === "")
+    return;
+  const s = r.value.split("-"), n = new Date(
+    Number(s[0]),
+    Number(s[1]) - 1,
+    Number(s[2].substring(0, 2))
   );
-}
-function $t(t, e = "input") {
-  return w(P.value(t), V[e](W.value(t.set)));
-}
-function Ct(t) {
-  return w(P.checked(t), yt(t.set));
-}
-const rr = {
-  date: Et,
-  dateTime: Pt,
-  number: Dt,
-  text: $t,
-  checked: Ct
-}, I = (t, e) => (r) => {
+  t(n);
+}, lt = (t) => (e) => {
+  const r = e.target;
+  if (r.value === "")
+    return;
+  const s = r.value.split("T"), n = s[0].split("-"), o = new Date(
+    Number(n[0]),
+    Number(n[1]) - 1,
+    Number(n[2])
+  ), i = s[1].split(":");
+  o.setHours(Number(i[0])), o.setMinutes(Number(i[1])), o.setSeconds(Number(i[2])), t(o);
+}, Rt = (t) => (e) => {
+  const r = e.target;
+  t(r.checked);
+}, Mt = (t) => (e) => {
+  e.preventDefault(), t();
+}, Ft = (t) => (e) => {
+  e.stopPropagation(), t();
+}, Vt = (t) => (e) => {
+  e.stopImmediatePropagation(), t();
+}, $t = (t, e = "input") => y(
+  P.valueAsDate(t),
+  $[e](it(t.set))
+), qt = (t, e = "input") => y(
+  P.valueAsDate(t),
+  $[e](lt(t.set))
+), It = (t, e = "input") => y(
+  P.valueAsNumber(t),
+  $[e](ot(t.set))
+), Bt = (t, e = "input") => y(P.value(t), $[e](nt(t.set))), jt = (t) => y(P.checked(t), st(t.set)), G = (t, e) => (r) => {
   r = r.makeRef();
-  let n, s;
-  const i = t.map((u) => Object.keys(u)[0]);
-  let o;
-  const l = i.on((u) => {
-    if (u !== o) {
-      s == null || s.dispose(), n == null || n(!0), s = t.map((p) => p[u]);
-      const c = e[u](s);
-      n = f(c)(r), o = u;
+  let s, n;
+  const o = t.map((u) => Object.keys(u)[0]);
+  let i;
+  const a = o.on((u) => {
+    if (u !== i) {
+      n == null || n.dispose(), s == null || s(!0), n = t.map((g) => g[u]);
+      const c = e[u](n);
+      s = f(c)(r), i = u;
     }
   });
   return (u) => {
-    l(), u && r.reference != null && g(r.reference), n == null || n(!0);
+    a(), u && r.reference != null && m(r.reference), s == null || s(!0);
   };
-}, N = {
-  bool: (t, e) => I(
-    t.map((r) => r ? { true: !0 } : { false: !0 }),
-    e
-  ),
-  field: (t, e, r) => I(
-    t.map((n) => ({ [n[e]]: n })),
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    r
-  ),
-  kind: (t, e) => N.field(t, "kind", e),
-  tuple: (t, e) => {
-    const r = t.map(([n, s]) => ({ [n]: s }));
-    return I(r, e);
-  },
-  type: (t, e) => N.field(t, "type", e),
-  value: (t, e) => I(
-    t.map((r) => ({ [r]: !0 })),
-    e
-  )
-}, nr = (t, e) => (r) => {
-  const n = (e == null ? void 0 : e.firstSeparator) ?? v, s = (e == null ? void 0 : e.lastSeparator) ?? v;
-  return N.value(
-    r.map((i) => i.isFirst ? "first" : i.isLast ? "last" : "other"),
+}, _e = (t, e, r) => G(
+  t.map((s) => ({ [s[e]]: s })),
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  r
+), Ut = (t, e) => _e(t, "kind", e), Wt = (t, e) => {
+  const r = t.map(([s, n]) => ({ [s]: n }));
+  return G(r, e);
+}, Gt = (t, e) => _e(t, "type", e), H = (t, e) => G(
+  t.map((r) => ({ [r]: !0 })),
+  e
+), Ht = (t, e = {}) => (r) => {
+  const s = (e == null ? void 0 : e.firstSeparator) ?? w, n = (e == null ? void 0 : e.lastSeparator) ?? w;
+  return H(
+    r.map((o) => o.isFirst ? "first" : o.isLast ? "last" : "other"),
     {
-      first: () => n,
-      last: () => s,
+      first: () => s,
+      last: () => n,
       other: () => t
     }
   );
-}, Re = (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;
+}, ve = (t, e) => (r) => {
+  const s = Object.values(t).reduce((n, o) => {
+    const i = r.getProvider(o);
+    if (i == null)
+      throw new Error(`No provider found for mark: ${o.description}`);
+    return n[o] = i, n;
   }, {});
-  return f(e(n))(r);
-}, sr = (t, e) => (r) => {
-  const n = [], s = Object.entries(t).reduce(
-    (i, [o, l]) => (n.push(
-      l((u) => (Reflect.set(i, o, u), null))(r)
-    ), i),
+  return f(e(s))(r);
+}, Jt = (t, e) => (r) => {
+  const s = [], n = Object.entries(t).reduce(
+    (o, [i, a]) => (s.push(
+      a((u) => (Reflect.set(o, i, u), null))(r)
+    ), o),
     {}
   );
-  return n.push(e(s)(r)), (i) => {
-    n.forEach((o) => o(i));
+  return s.push(e(n)(r)), (o) => {
+    s.forEach((i) => i(o));
   };
-}, ir = (t, e) => Re([t], (r) => f(e(r[t]))), or = (t, e) => Re(t, (r) => f(e(r))), ur = (t) => (e) => t(e), ar = (t) => (e) => (e.appendOrInsert(t), (r) => {
-  r && g(t);
-}), Nt = (t, e, r) => (n) => {
-  n = n.makeRef();
-  let s = null, i = !1;
-  const o = C(null), l = t.on((u) => {
-    u == null ? (s == null || s(!0), s = f((r == null ? void 0 : r()) ?? v)(n), i = !1) : (o.value = u, i || (s == null || s(!0), s = f(e(o))(n), i = !0));
+}, Kt = (t, e) => ve([t], (r) => f(e(r[t]))), Xt = (t, e) => ve(t, (r) => f(e(r))), zt = (t) => (e) => t(e), Qt = (t) => (e) => (e.appendOrInsert(t), (r) => {
+  r && m(t);
+}), ut = (t, e, r) => (s) => {
+  s = s.makeRef();
+  let n = null, o = !1;
+  const i = L(null), a = t.on((u) => {
+    u == null ? (n == null || n(!0), n = f((r == null ? void 0 : r()) ?? w)(s), o = !1) : (i.value = u, o || (n == null || n(!0), n = f(e(i))(s), o = !0));
   });
   return (u) => {
-    l(), s == null || s(u), u && n.reference && g(n.reference);
+    a(), n == null || n(u), u && s.reference && m(s.reference);
   };
-}, K = (t) => (e) => (r) => t(r, e), Ie = (t, e, r) => r != null ? Ie(t, (n) => {
-  const s = n.map((i) => i.isLast ? "last" : "other");
-  return w(
-    K(() => s.dispose()),
-    f(e(n)),
-    N.value(s, {
-      last: () => v,
-      other: () => r(n)
+}, B = (t) => (e) => (r) => t(r, e), ye = (t, e, r) => r != null ? ye(t, (s) => {
+  const n = s.map((o) => o.isLast ? "last" : "other");
+  return y(
+    B(() => n.dispose()),
+    f(e(s)),
+    H(n, {
+      last: () => w,
+      other: () => r(s)
     })
   );
-}) : (n) => {
-  n = n.makeRef();
-  const s = t.map(
-    (u) => Array.from({ length: u }, (c, p) => p).map(
-      (c) => new Ue(c, u)
+}) : (s) => {
+  s = s.makeRef();
+  const n = t.map(
+    (u) => Array.from({ length: u }, (c, g) => g).map(
+      (c) => new ke(c, u)
     )
-  ), i = [], o = [], l = s.on((u) => {
-    var p, m;
+  ), o = [], i = [], a = n.on((u) => {
+    var g, S;
     const c = u.length;
-    for (; c < i.length; )
-      (p = i.pop()) == null || p(!0), (m = o.pop()) == null || m.dispose();
-    for (let d = 0; d < c; d++)
-      if (o[d] == null) {
-        o[d] = C(u[d]);
-        const y = f(e(o[d]));
-        i[d] = y(n);
+    for (; c < o.length; )
+      (g = o.pop()) == null || g(!0), (S = i.pop()) == null || S.dispose();
+    for (let p = 0; p < c; p++)
+      if (i[p] == null) {
+        i[p] = L(u[p]);
+        const D = f(e(i[p]));
+        o[p] = D(s);
       } else
-        o[d].value = u[d];
+        i[p].value = u[p];
   });
   return (u) => {
-    l(), u && n.reference && g(n.reference);
+    a(), u && s.reference && m(s.reference);
   };
-}, Tt = (t, e, r) => r != null ? Tt(t, (n, s) => {
-  const i = s.map((o) => o.isLast ? "last" : "other");
-  return w([
-    K(() => i.dispose()),
-    f(e(n, s)),
-    N.value(i, {
-      last: () => v,
-      other: () => r(s)
+}, at = (t, e, r) => r != null ? at(t, (s, n) => {
+  const o = n.map((i) => i.isLast ? "last" : "other");
+  return y([
+    B(() => o.dispose()),
+    f(e(s, n)),
+    H(o, {
+      last: () => w,
+      other: () => r(n)
     })
   ]);
-}) : (n) => {
-  const s = t.map((i) => i.length);
-  return Ie(s, (i) => {
-    const o = U(
-      () => t.value[i.value.index],
-      [i, t]
+}) : (s) => {
+  const n = t.map((o) => o.length);
+  return ye(n, (o) => {
+    const i = j(
+      () => t.value[o.value.index],
+      [o, t]
     );
-    return w(
-      K(() => o.dispose()),
-      f(e(o, i))
+    return y(
+      B(() => i.dispose()),
+      f(e(i, o))
     );
-  })(n);
-}, lr = (t, e) => (r) => {
+  })(s);
+}, Yt = (t, e) => (r) => {
   r = r.makeRef();
-  const n = t.map((o) => f(e(o)));
-  let s = () => {
+  const s = t.map((i) => f(e(i)));
+  let n = () => {
   };
-  const i = n.on((o) => {
-    s(!0), s = o(r);
+  const o = s.on((i) => {
+    n(!0), n = i(r);
   });
-  return (o) => {
-    i(), s(o);
+  return (i) => {
+    o(), n(i);
   };
-}, Oe = (t, e, r) => Nt(
-  t.map((n) => n ? !0 : null),
+}, we = (t, e, r) => ut(
+  t.map((s) => s ? !0 : null),
   () => e,
   r != null ? () => r : void 0
-), cr = (t, e, r) => Oe(
-  t.map((n) => !n),
+), Zt = (t, e, r) => we(
+  t.map((s) => !s),
   e,
   r
-);
-function fr(t, e, r = v) {
-  return Oe(
-    t.map((n) => n.length > 0),
-    e,
-    r
-  );
-}
-const hr = (t) => (e) => t(e.element) ?? (() => {
-});
-function xe(t, e) {
+), xt = (t, e, r = w) => we(
+  t.map((s) => s.length > 0),
+  e,
+  r
+), er = (t) => (e) => t(e.element) ?? (() => {
+}), Se = (t, e) => {
   const r = t(e);
   return () => r(!0);
+}, tr = (t, e, { doc: r, clear: s } = {}) => {
+  const n = typeof e == "string" ? (r ?? document).querySelector(e) : e;
+  if (n === null)
+    throw new ct(
+      `Cannot find element by selector for render: ${e}`
+    );
+  s !== !1 && (r ?? n.ownerDocument) != null && et(r ?? n.ownerDocument);
+  const o = je(n), i = se(n) ? void 0 : n, a = v.of(o, i);
+  return Se(t, a);
+};
+class ct extends Error {
+  constructor(e) {
+    super(e);
+  }
 }
-function dr(t, e, { doc: r, clear: n } = {}) {
-  const s = typeof e == "string" ? (r ?? document).querySelector(e) : e;
+const rr = (t, e) => (r) => {
+  const s = r.document.querySelector(t);
   if (s === null)
-    throw new Error(`Cannot find element by selector for render: ${e}`);
-  n && (r ?? s.ownerDocument) != null && wt(r ?? s.ownerDocument);
-  const i = ot(s), o = we(s) ? void 0 : s, l = b.of(i, o);
-  return xe(t, l);
-}
-const pr = (t, e) => (r) => {
-  const n = r.document.querySelector(t);
-  if (n === null)
     throw new Error(`Cannot find element by selector for portal: ${t}`);
-  return xe(
+  return Se(
     f(e),
-    r.withElement(n).withFirstLevel()
+    r.withElement(s).withFirstLevel()
   );
-};
-function mr(t) {
-  return Symbol(t);
-}
-const Fe = (t, e) => (r) => f(e)(r.withProviders(t)), gr = (...t) => t.length > 0 ? t.reduceRight((e, r) => (n) => e(r(n))) : f, Sr = (t, e, r) => Fe({ [t]: e }, f(r)), br = (t, e) => Fe(t, f(e)), Lt = (t, e) => (r) => {
-  const n = r.element, s = n.style.getPropertyValue(t);
-  return n.style.setProperty(t, e), (i) => {
-    i && n.style.setProperty(t, s);
+}, sr = (t) => Symbol(t), Ae = (t, e) => (r) => f(e)(r.withProviders(t)), nr = (...t) => t.length > 0 ? t.reduceRight((e, r) => (s) => e(r(s))) : f, or = (t, e, r) => Ae({ [t]: e }, f(r)), ir = (t, e) => Ae(t, f(e)), ft = (t, e) => (r) => {
+  const s = r.element, n = s.style.getPropertyValue(t);
+  return s.style.setProperty(t, e), (o) => {
+    o && s.style.setProperty(t, n);
   };
-}, Mt = (t, e) => (r) => {
-  const n = r.element, s = n.style.getPropertyValue(t);
-  return e.on((i) => n.style.setProperty(t, i)), (i) => {
-    i && n.style.setProperty(t, s);
+}, ht = (t, e) => (r) => {
+  const s = r.element, n = s.style.getPropertyValue(t);
+  return e.on((o) => s.style.setProperty(t, o)), (o) => {
+    o && s.style.setProperty(t, n);
   };
-}, wr = new Proxy(
+}, lr = new Proxy(
   {},
   {
-    get: (t, e) => (r) => h.is(r) ? Mt(e, r) : Lt(e, r)
+    /**
+     * Creates a renderable component for the specified `style` property.
+     *
+     * @param _ - The target object.
+     * @param name - The name of the CSS style property.
+     * @returns The renderable component for the specified attribute.
+     *
+     */
+    get: (t, e) => (r) => h.is(r) ? ht(e, r) : ft(e, r)
   }
 );
 export {
-  tr as Async,
+  kt as Async,
+  jt as BindChecked,
+  $t as BindDate,
+  qt as BindDateTime,
+  It as BindNumber,
+  Bt as BindText,
   E as Computed,
-  nr as Conjunction,
-  b as DOMContext,
-  ar as DOMNode,
-  _e as El,
-  ye as ElNS,
-  v as Empty,
-  Nt as Ensure,
-  Tt as ForEach,
-  w as Fragment,
-  lr as MapSignal,
-  le as MemoryStore,
-  fr as NotEmpty,
-  yt as OnChecked,
-  ur as OnCtx,
-  hr as OnMount,
-  K as OnUnmount,
-  pr as Portal,
-  Ue as Position,
-  q as Prop,
-  gr as Provide,
-  Ie as Repeat,
+  Ht as Conjunction,
+  v as DOMContext,
+  Qt as DOMNode,
+  ie as El,
+  le as ElNS,
+  ke as ElementPosition,
+  Rt as EmitChecked,
+  Mt as EmitPreventDefault,
+  Vt as EmitStopImmediatePropagation,
+  Ft as EmitStopPropagation,
+  nt as EmitValue,
+  it as EmitValueAsDate,
+  lt as EmitValueAsDateTime,
+  ot as EmitValueAsNumber,
+  w as Empty,
+  ut as Ensure,
+  at as ForEach,
+  y as Fragment,
+  Yt as MapSignal,
+  z as MemoryStore,
+  xt as NotEmpty,
+  st as OnChecked,
+  zt as OnCtx,
+  er as OnMount,
+  B as OnUnmount,
+  G as OneOf,
+  _e as OneOfField,
+  Ut as OneOfKind,
+  Wt as OneOfTuple,
+  Gt as OneOfType,
+  H as OneOfValue,
+  rr as Portal,
+  F as Prop,
+  nr as Provide,
+  Be as ProviderNotFoundError,
+  ct as RenderingError,
+  ye as Repeat,
   h as Signal,
-  Le as Task,
-  Kt as Text,
-  cr as Unless,
-  sr as Use,
-  ir as UseProvider,
-  or as UseProviders,
-  Oe as When,
-  Sr as WithProvider,
-  br as WithProviders,
-  $e as addNodeTracker,
-  Ge as animate,
-  qt as animateOne,
-  Yt as applyAnimatable,
-  O as applyAnimatableProp,
-  Xt as applyInterpolatedAnimatable,
-  et as applyInterpolatedAnimatableProp,
-  Bt as aria,
+  me as Task,
+  St as TextNode,
+  Zt as Unless,
+  Jt as Use,
+  Kt as UseProvider,
+  Xt as UseProviders,
+  we as When,
+  or as WithProvider,
+  ir as WithProviders,
+  fe as _addNodeTracker,
+  et as _clearSSR,
+  je as _getSelfOrParentElement,
+  se as _isElement,
+  re as _makeGetter,
+  te as _makeSetter,
+  ae as _maybeAddAttributeTracker,
+  ce as _maybeAddClassTracker,
+  he as _maybeAddTextTracker,
+  m as _removeDOMNode,
+  Ie as _setAttribute,
+  Fe as _setBooleanProperty,
+  $e as _setDateProperty,
+  Ve as _setNumberProperty,
+  qe as _setStringProperty,
+  oe as _signalText,
+  ne as _staticText,
+  vt as animateSignal,
+  Me as animateSignals,
+  Et as aria,
   P as attr,
-  rr as bind,
-  wt as clearSSR,
-  He as colorChannelsToString,
-  U as computed,
-  Vt as computedRecord,
-  Ut as dataAttr,
-  Ye as dateInterpolate,
-  It as effect,
-  W as emit,
-  je as endInterpolate,
-  Zt as getComputedAnimatable,
-  ke as getComputedAnimatableProp,
-  ot as getSelfOrParentElement,
-  Ke as guessInterpolate,
-  jt as handleAnchorClick,
-  Ht as html,
-  Jt as input,
-  Je as interpolateColor,
-  Wt as interpolateShadow,
-  we as isElement,
-  be as makeGetter,
-  mr as makeProviderMark,
-  Se as makeSetter,
-  Qt as math,
-  zt as mathAttr,
-  Pe as maybeAddAttributeTracker,
-  De as maybeAddClassTracker,
-  Ce as maybeAddTextTracker,
-  Ze as numberInterpolate,
-  V as on,
-  N as oneof,
-  re as parseColorChannels,
-  C as prop,
-  xt as propOfLocalStorage,
-  Ft as propOfSessionStorage,
-  ce as propOfStorage,
-  dt as removeAttributeTrackers,
-  mt as removeClassTrackers,
-  g as removeDOMNode,
-  gt as removeNodeTrackers,
-  bt as removeTextTrackers,
-  dr as render,
-  xe as renderWithContext,
+  At as dataAttr,
+  Ce as endInterpolate,
+  Oe as guessInterpolate,
+  wt as handleAnchorClick,
+  bt as html,
+  Tt as input,
+  Ne as interpolateDate,
+  Te as interpolateNumber,
+  Le as interpolateString,
+  O as isSSR,
+  gt as localStorageProp,
+  j as makeComputed,
+  yt as makeComputedRecord,
+  pt as makeEffect,
+  L as makeProp,
+  sr as makeProviderMark,
+  mt as makeSignal,
+  Nt as math,
+  Dt as mathAttr,
+  $ as on,
+  Ct as prepareSSR,
+  xe as removeTextTrackers,
+  tr as render,
+  Se as renderWithContext,
   f as renderableOfTNode,
-  it as setAttribute,
-  tt as setBooleanProperty,
-  nt as setDateProperty,
-  rt as setNumberProperty,
-  st as setStringProperty,
-  Ot as signal,
-  Ae as signalText,
-  M as ssr,
-  er as startSSR,
-  ve as staticText,
-  Xe as stringInterpolate,
-  wr as style,
-  kt as svg,
-  Gt as svgAttr
+  _t as sessionStorageProp,
+  Q as storedProp,
+  lr as style,
+  Lt as svg,
+  Pt as svgAttr,
+  Ot as useSSRDone
 };