@tempots/dom 37.2.0 → 37.4.0

package/index.js

@@ -1,8 +1,8 @@
-import { DisposalScope as Ce, withScope as Me, Value as $, makeProviderMark as re, prop as B, createRenderable as Oe, easeOutQuad as Pe, guessInterpolate as Le, Signal as j, createSelector as Ie } from "@tempots/core";
-import { Computed as Gn, DisposalScope as Qn, ElementPosition as Jn, KeyedPosition as Zn, MemoryStore as zn, Prop as es, Signal as ts, Value as ns, animateSignal as ss, animateSignals as rs, bind as is, chainEasing as os, coalesce as ls, computed as cs, computedOf as as, computedOfAsync as us, computedOfAsyncGenerator as ds, computedRecord as hs, createRenderable as fs, createSelector as ps, delaySignal as ms, easeInBack as gs, easeInBounce as ys, easeInCubic as Ts, easeInElastic as bs, easeInExpo as Ss, easeInOutBack as vs, easeInOutBounce as xs, easeInOutCubic as ws, easeInOutElastic as Es, easeInOutExpo as ks, easeInOutQuad as As, easeInOutQuart as Cs, easeInOutSine as Ms, easeInQuad as Os, easeInQuart as Ps, easeInSine as Ls, easeOutBack as Is, easeOutBounce as Hs, easeOutCubic as Ds, easeOutElastic as Ns, easeOutExpo as Rs, easeOutQuad as _s, easeOutQuart as $s, easeOutSine as Bs, effect as Vs, effectOf as js, endInterpolate as Ys, getCurrentScope as Xs, getParentScope as Fs, getScopeStack as Ws, guessInterpolate as Ks, interpolateDate as qs, interpolateNumber as Us, interpolateString as Gs, joinSignals as Qs, linear as Js, localStorageProp as Zs, makeProviderMark as zs, merge as er, mirrorEasing as tr, popScope as nr, previousSignal as sr, prop as rr, pushScope as ir, reverseEasing as or, scoped as lr, sessionStorageProp as cr, signal as ar, slidingWindowSignal as ur, storedProp as dr, strictEquals as hr, syncProp as fr, untracked as pr, withScope as mr } from "@tempots/core";
-import { ProviderNotFoundError as ie, createRenderKit as He } from "@tempots/render";
-import { ProviderNotFoundError as yr, createRenderKit as Tr } from "@tempots/render";
-const oe = /* @__PURE__ */ new Set([
+import { DisposalScope as Me, withScope as Oe, Value as $, makeProviderMark as ie, prop as B, createRenderable as Le, easeOutQuad as Ie, guessInterpolate as He, Signal as j, createSelector as De } from "@tempots/core";
+import { Computed as er, DisposalScope as tr, ElementPosition as nr, KeyedPosition as rr, MemoryStore as sr, Prop as ir, Signal as or, Value as lr, animateSignal as cr, animateSignals as ar, bind as ur, chainEasing as dr, coalesce as hr, computed as fr, computedOf as pr, computedOfAsync as mr, computedOfAsyncGenerator as gr, computedRecord as yr, createRenderable as Tr, createSelector as vr, delaySignal as br, easeInBack as Sr, easeInBounce as xr, easeInCubic as wr, easeInElastic as Er, easeInExpo as kr, easeInOutBack as Ar, easeInOutBounce as Cr, easeInOutCubic as Pr, easeInOutElastic as Mr, easeInOutExpo as Or, easeInOutQuad as Lr, easeInOutQuart as Ir, easeInOutSine as Hr, easeInQuad as Dr, easeInQuart as Nr, easeInSine as Rr, easeOutBack as _r, easeOutBounce as $r, easeOutCubic as Br, easeOutElastic as Vr, easeOutExpo as jr, easeOutQuad as Yr, easeOutQuart as Xr, easeOutSine as Fr, effect as Wr, effectOf as Kr, endInterpolate as Ur, getCurrentScope as qr, getParentScope as Gr, getScopeStack as Qr, guessInterpolate as Jr, interpolateDate as Zr, interpolateNumber as zr, interpolateString as es, joinSignals as ts, linear as ns, localStorageProp as rs, makeProviderMark as ss, merge as is, mirrorEasing as os, popScope as ls, previousSignal as cs, prop as as, pushScope as us, reverseEasing as ds, scoped as hs, sessionStorageProp as fs, signal as ps, slidingWindowSignal as ms, storedProp as gs, strictEquals as ys, syncProp as Ts, untracked as vs, withScope as bs } from "@tempots/core";
+import { ProviderNotFoundError as oe, createRenderKit as Ne } from "@tempots/render";
+import { ProviderNotFoundError as xs, createRenderKit as ws } from "@tempots/render";
+const le = /* @__PURE__ */ new Set([
   "checked",
   "disabled",
   "hidden",
@@ -10,14 +10,14 @@ const oe = /* @__PURE__ */ new Set([
   "readonly",
   "required",
   "autofocus"
-]), le = /* @__PURE__ */ new Set(["selected"]), ce = /* @__PURE__ */ new Set([
+]), ce = /* @__PURE__ */ new Set(["selected"]), ae = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), ae = /* @__PURE__ */ new Set(["valueAsDate"]), ue = {
+]), ue = /* @__PURE__ */ new Set(["valueAsDate"]), de = {
   readonly: "readOnly"
-}, de = /* @__PURE__ */ new Set([
+}, he = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -26,33 +26,33 @@ const oe = /* @__PURE__ */ new Set([
   "outerHTML",
   "className",
   "classList"
-]), De = (n, e) => {
-  if (le.has(n))
+]), Re = (n, e) => {
+  if (ce.has(n))
     return (t) => {
       t == null || t !== !0 ? e.removeAttribute(n) : e.setAttribute(n, "");
     };
-  if (oe.has(n)) {
-    const t = ue[n] || n;
-    return (s) => {
-      s == null ? e[t] = null : e[t] = !!s;
+  if (le.has(n)) {
+    const t = de[n] || n;
+    return (r) => {
+      r == null ? e[t] = null : e[t] = !!r;
     };
-  } else return ce.has(n) ? (t) => {
+  } else return ae.has(n) ? (t) => {
     t == null ? e[n] = null : e[n] = Number(t);
-  } : ae.has(n) ? (t) => {
+  } : ue.has(n) ? (t) => {
     t == null ? e[n] = null : e[n] = t;
-  } : de.has(n) ? (t) => {
+  } : he.has(n) ? (t) => {
     t == null ? e[n] = null : e[n] = String(t);
   } : (t) => {
     t == null ? e.removeAttribute(n) : e.setAttribute(n, t);
   };
-}, Ne = (n, e) => le.has(n) ? () => e.hasAttribute(n) : oe.has(n) ? () => (
+}, _e = (n, e) => ce.has(n) ? () => e.hasAttribute(n) : le.has(n) ? () => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  !!e[ue[n] || n]
-) : ce.has(n) ? () => Number(e[n]) : ae.has(n) ? () => e[n] : de.has(n) ? () => String(e[n]) : () => e.getAttribute(n), V = (n) => {
+  !!e[de[n] || n]
+) : ae.has(n) ? () => Number(e[n]) : ue.has(n) ? () => e[n] : he.has(n) ? () => String(e[n]) : () => e.getAttribute(n), V = (n) => {
   const e = n;
   e && e.onblur && (e.onblur = null), !(!n || n.ownerDocument === void 0) && n.parentNode && n.parentNode.removeChild(n);
-}, Re = (n) => he(n) || fe(n) ? n : n.parentElement, he = (n) => n.nodeType === 1, fe = (n) => n.nodeType === 11;
-class S {
+}, $e = (n) => fe(n) || pe(n) ? n : n.parentElement, fe = (n) => n.nodeType === 1, pe = (n) => n.nodeType === 11;
+class b {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -62,8 +62,8 @@ class S {
    * @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, t, s, r) {
-    this.document = e, this.element = t, this.reference = s, this.providers = r;
+  constructor(e, t, r, s) {
+    this.document = e, this.element = t, this.reference = r, this.providers = s;
   }
   /**
    * Creates a new `DOMContext` instance for the given `Element` and optional reference `Node`.
@@ -73,8 +73,8 @@ class S {
    * @param providers - The providers to associate with the `DOMContext`.
    * @returns A new `DOMContext` instance.
    */
-  static of(e, t, s) {
-    return new S(e.ownerDocument, e, t, s);
+  static of(e, t, r) {
+    return new b(e.ownerDocument, e, t, r);
   }
   /**
    * Creates a new DOM element (eg: HTML or SVG) with the specified tag name and namespace.
@@ -109,8 +109,8 @@ class S {
    * @returns A new DOMContext focused on the newly created child element
    */
   makeChildElement(e, t) {
-    const s = this.createElement(e, t);
-    return this.appendOrInsert(s), this.withElement(s);
+    const r = this.createElement(e, t);
+    return this.appendOrInsert(r), this.withElement(r);
   }
   /**
    * Creates a new text node with the specified text content.
@@ -173,7 +173,7 @@ class S {
    * @returns A new `DOMContext` instance with the provided `element`.
    */
   withElement(e) {
-    return new S(
+    return new b(
       e.ownerDocument ?? this.document,
       e,
       void 0,
@@ -237,7 +237,7 @@ class S {
    * @returns A new `DOMContext` instance with the specified reference.
    */
   withReference(e) {
-    return new S(
+    return new b(
       this.document,
       this.element,
       e,
@@ -251,10 +251,10 @@ class S {
    * @param value - The provider to set for the given mark.
    * @returns A new `DOMContext` instance with the specified provider.
    */
-  setProvider(e, t, s) {
-    return new S(this.document, this.element, this.reference, {
+  setProvider(e, t, r) {
+    return new b(this.document, this.element, this.reference, {
       ...this.providers,
-      [e]: [t, s]
+      [e]: [t, r]
     });
   }
   /**
@@ -266,9 +266,15 @@ class S {
    */
   getProvider(e) {
     if (this.providers[e] === void 0)
-      throw new ie(e);
-    const [t, s] = this.providers[e];
-    return { value: t, onUse: s };
+      throw new oe(e);
+    const [t, r] = this.providers[e];
+    return { value: t, onUse: r };
+  }
+  tryGetProvider(e) {
+    if (this.providers[e] === void 0)
+      return;
+    const [t, r] = this.providers[e];
+    return { value: t, onUse: r };
   }
   clear(e) {
     e && (this.reference !== void 0 ? V(this.reference) : V(this.element));
@@ -301,10 +307,10 @@ class S {
    * @param options - The options for the event listener.
    * @returns A function to remove the event listener.
    */
-  on(e, t, s) {
-    const r = (o) => t(o, this);
-    return this.element.addEventListener(e, r, s), (o) => {
-      o && this.element.removeEventListener(e, r, s);
+  on(e, t, r) {
+    const s = (o) => t(o, this);
+    return this.element.addEventListener(e, s, r), (o) => {
+      o && this.element.removeEventListener(e, s, r);
     };
   }
   /**
@@ -354,36 +360,36 @@ class S {
   }
   makeAccessors(e) {
     return {
-      get: Ne(e, this.element),
-      set: De(e, this.element)
+      get: _e(e, this.element),
+      set: Re(e, this.element)
     };
   }
   getWindow() {
     return this.document.defaultView;
   }
-  moveRangeBefore(e, t, s) {
-    const r = e.reference, o = t.reference, i = s.reference, l = this.element;
-    let c = r;
+  moveRangeBefore(e, t, r) {
+    const s = e.reference, o = t.reference, i = r.reference, l = this.element;
+    let c = s;
     for (; c !== null; ) {
-      const h = c.nextSibling;
+      const d = c.nextSibling;
       if (l.insertBefore(c, i), c === o) break;
-      c = h;
+      c = d;
     }
   }
   removeRange(e, t) {
-    const s = e.reference, r = t.reference, o = this.element;
-    let i = s;
+    const r = e.reference, s = t.reference, o = this.element;
+    let i = r;
     for (; i !== null; ) {
       const l = i.nextSibling;
-      if (o.removeChild(i), i === r) break;
+      if (o.removeChild(i), i === s) break;
       i = l;
     }
   }
   removeAllBefore(e) {
-    const t = e.reference, s = this.element;
-    if (!s.firstChild || s.firstChild === t) return;
-    const r = this.document.createRange();
-    r.setStartBefore(s.firstChild), r.setEndBefore(t), r.deleteContents();
+    const t = e.reference, r = this.element;
+    if (!r.firstChild || r.firstChild === t) return;
+    const s = this.document.createRange();
+    s.setStartBefore(r.firstChild), s.setEndBefore(t), s.deleteContents();
   }
   _detachedParent = null;
   _detachedNext = null;
@@ -396,51 +402,51 @@ class S {
   }
 }
 const I = (n, e) => {
-  const t = new Ce(), s = Me(t, () => n.render(e));
-  return (r = !0) => {
-    t.dispose(), s(r);
+  const t = new Me(), r = Oe(t, () => n.render(e));
+  return (s = !0) => {
+    t.dispose(), r(s);
   };
-}, Rt = (n, e, { doc: t, clear: s, disposeWithParent: r = !0, providers: o = {} } = {}) => {
+}, Vt = (n, e, { doc: t, clear: r, disposeWithParent: s = !0, providers: o = {} } = {}) => {
   const i = typeof e == "string" ? (t ?? document).querySelector(e) : e;
   if (i === null)
-    throw new _e(
+    throw new Be(
       `Cannot find element by selector for render: ${e}`
     );
-  s !== !1 && (t ?? i.ownerDocument) != null && (i.nodeType === 1 || i.nodeType === 11) && (i.innerHTML = "");
-  const l = Re(i), c = he(i) || fe(i) ? void 0 : i, h = S.of(l, c, o), f = I(n, h);
-  let d;
-  return r && i.parentElement != null && (d = new MutationObserver((a) => {
+  r !== !1 && (t ?? i.ownerDocument) != null && (i.nodeType === 1 || i.nodeType === 11) && (i.innerHTML = "");
+  const l = $e(i), c = fe(i) || pe(i) ? void 0 : i, d = b.of(l, c, o), f = I(n, d);
+  let h;
+  return s && i.parentElement != null && (h = new MutationObserver((a) => {
     a[0]?.removedNodes.forEach((u) => {
-      u === i && (d?.disconnect(), f(i.nodeType !== 1));
+      u === i && (h?.disconnect(), f(i.nodeType !== 1));
     });
-  }), d.observe(i.parentElement, {
+  }), h.observe(i.parentElement, {
     childList: !0,
     subtree: !1,
     attributes: !1
   })), () => {
-    d?.disconnect(), f(!0);
+    h?.disconnect(), f(!0);
   };
-}, _t = (n, {
+}, jt = (n, {
   startUrl: e = "https://example.com",
   selector: t,
-  providers: s = {}
+  providers: r = {}
 } = {
   selector: "body"
 }) => {
-  const r = $.toSignal(e).deriveProp(), o = new ye(t, void 0), i = new k(o, void 0, { currentURL: r }, s);
+  const s = $.toSignal(e).deriveProp(), o = new Te(t, void 0), i = new k(o, void 0, { currentURL: s }, r);
   return {
     clear: I(n(), i),
     root: o,
-    currentURL: r
+    currentURL: s
   };
 };
-class _e extends Error {
+class Be extends Error {
   constructor(e) {
     super(e);
   }
 }
-const W = "data-tts-node", C = "data-tts-class", M = "data-tts-style", O = "data-tts-html", P = "data-tts-text", L = "data-tts-attrs";
-class $t {
+const W = "data-tts-node", C = "data-tts-class", P = "data-tts-style", M = "data-tts-html", O = "data-tts-text", L = "data-tts-attrs";
+class Yt {
   /**
    * Selects elements from the headless environment.
    * @param selector - The selector to select elements from. The supported selectors are CSS selectors whose complexity depends on the adapter implementation.
@@ -517,18 +523,18 @@ class $t {
   constructor({
     select: e,
     getAttribute: t,
-    setAttribute: s,
-    getClass: r,
+    setAttribute: r,
+    getClass: s,
     setClass: o,
     getStyles: i,
     setStyles: l,
     appendHTML: c,
-    getInnerHTML: h,
+    getInnerHTML: d,
     setInnerHTML: f,
-    getInnerText: d,
+    getInnerText: h,
     setInnerText: a
   }) {
-    this.select = e, this.getAttribute = t, this.setAttribute = s, this.getClass = r, this.setClass = o, this.getStyles = i, this.setStyles = l, this.appendHTML = c, this.getInnerHTML = h, this.setInnerHTML = f, this.getInnerText = d, this.setInnerText = a;
+    this.select = e, this.getAttribute = t, this.setAttribute = r, this.getClass = s, this.setClass = o, this.getStyles = i, this.setStyles = l, this.appendHTML = c, this.getInnerHTML = d, this.setInnerHTML = f, this.getInnerText = h, this.setInnerText = a;
   }
   /**
    * Sets the content of the root element from a HeadlessPortal. Generally this will be the same instance that is
@@ -539,112 +545,112 @@ class $t {
    * when you render on the server and then hydrate on the client.
    */
   setFromRoot = (e, t) => {
-    e.getPortals().forEach((r) => {
-      const o = typeof r.selector == "string" ? this.select(r.selector) : [r.selector];
+    e.getPortals().forEach((s) => {
+      const o = typeof s.selector == "string" ? this.select(s.selector) : [s.selector];
       for (const i of o) {
         if (i == null)
           throw new Error(
-            `Cannot find element by selector for render: ${r.selector}`
+            `Cannot find element by selector for render: ${s.selector}`
           );
-        if (r.hasChildren() && this.appendHTML(i, r.contentToHTML(t)), r.hasInnerHTML()) {
+        if (s.hasChildren() && this.appendHTML(i, s.contentToHTML(t)), s.hasInnerHTML()) {
           if (t) {
             const l = this.getInnerHTML(i);
-            l != null && this.setAttribute(i, O, l);
+            l != null && this.setAttribute(i, M, l);
           }
-          this.setInnerHTML(i, r.getInnerHTML());
+          this.setInnerHTML(i, s.getInnerHTML());
         }
-        if (r.hasInnerText()) {
+        if (s.hasInnerText()) {
           if (t) {
             const l = this.getInnerText(i);
-            l != null && this.setAttribute(i, P, l);
+            l != null && this.setAttribute(i, O, l);
           }
-          this.setInnerText(i, r.getInnerText());
+          this.setInnerText(i, s.getInnerText());
         }
-        if (r.hasClasses()) {
+        if (s.hasClasses()) {
           if (t) {
             const l = this.getClass(i);
             l != null && this.setAttribute(i, C, l);
           }
-          this.setClass(i, r.getClasses().join(" "));
+          this.setClass(i, s.getClasses().join(" "));
         }
-        if (r.hasStyles()) {
+        if (s.hasStyles()) {
           if (t) {
             const l = this.getStyles(i);
             Object.keys(l).length > 0 && this.setAttribute(
               i,
-              M,
+              P,
               JSON.stringify(l)
             );
           }
-          this.setStyles(i, r.getStyles());
+          this.setStyles(i, s.getStyles());
         }
-        if (r.hasAttributes()) {
-          const l = r.getAttributes();
+        if (s.hasAttributes()) {
+          const l = s.getAttributes();
           if (t) {
             const c = [];
-            l.forEach(([h]) => {
-              const f = this.getAttribute(i, h);
-              f != null && c.push([h, f]);
+            l.forEach(([d]) => {
+              const f = this.getAttribute(i, d);
+              f != null && c.push([d, f]);
             }), c.length > 0 && this.setAttribute(
               i,
               L,
               JSON.stringify(Object.fromEntries(c))
             );
           }
-          l.forEach(([c, h]) => {
-            this.setAttribute(i, c, h);
+          l.forEach(([c, d]) => {
+            this.setAttribute(i, c, d);
           });
         }
       }
     });
   };
 }
-const pe = (n) => JSON.parse(n.replace(/"/g, '"')), $e = (n) => {
+const me = (n) => JSON.parse(n.replace(/"/g, '"')), Ve = (n) => {
   const e = n.getAttribute(C);
   n.removeAttribute(C), e != null && n.setAttribute("class", e);
-}, Be = (n) => {
-  const e = n.getAttribute(O);
-  n.removeAttribute(O), e != null && (n.innerHTML = e);
-}, Ve = (n) => {
-  const e = n.getAttribute(P);
-  n.removeAttribute(P), e != null && (n.innerText = e);
 }, je = (n) => {
   const e = n.getAttribute(M);
-  if (n.removeAttribute(M), e != null) {
-    const t = pe(e), s = Object.entries(t);
-    s.length > 0 && (n.style.cssText = s.map(([r, o]) => `${r}: ${o}`).join("; "));
-  }
+  n.removeAttribute(M), e != null && (n.innerHTML = e);
 }, Ye = (n) => {
+  const e = n.getAttribute(O);
+  n.removeAttribute(O), e != null && (n.innerText = e);
+}, Xe = (n) => {
+  const e = n.getAttribute(P);
+  if (n.removeAttribute(P), e != null) {
+    const t = me(e), r = Object.entries(t);
+    r.length > 0 && (n.style.cssText = r.map(([s, o]) => `${s}: ${o}`).join("; "));
+  }
+}, Fe = (n) => {
   const e = n.getAttribute(L);
   if (n.removeAttribute(L), e != null) {
-    const t = pe(e);
-    Object.entries(t).forEach(([s, r]) => {
-      r == null ? n.removeAttribute(s) : n.setAttribute(s, r);
+    const t = me(e);
+    Object.entries(t).forEach(([r, s]) => {
+      s == null ? n.removeAttribute(r) : n.setAttribute(r, s);
     });
   }
-}, Bt = () => {
+}, Xt = () => {
   const e = [
     W,
     C,
+    M,
     O,
     P,
-    M,
     L
-  ].map((s) => `[${s}]`).join(",");
-  document.querySelectorAll(e).forEach((s) => {
-    const r = s;
-    if (r.hasAttribute(W)) {
-      V(r);
+  ].map((r) => `[${r}]`).join(",");
+  document.querySelectorAll(e).forEach((r) => {
+    const s = r;
+    if (s.hasAttribute(W)) {
+      V(s);
       return;
     }
-    r.hasAttribute(C) && $e(r), r.hasAttribute(P) && Ve(r), r.hasAttribute(O) && Be(r), r.hasAttribute(M) && je(r), r.hasAttribute(L) && Ye(r);
+    s.hasAttribute(C) && Ve(s), s.hasAttribute(O) && Ye(s), s.hasAttribute(M) && je(s), s.hasAttribute(P) && Xe(s), s.hasAttribute(L) && Fe(s);
   });
-}, Xe = "data-tempo-id", w = /* @__PURE__ */ Symbol("class"), E = /* @__PURE__ */ Symbol("style"), R = /* @__PURE__ */ Symbol("handler"), me = () => Math.random().toString(36).substring(2, 15), Fe = (n) => n.replace(/<[^>]*>?/g, "");
-class ge {
+}, We = "data-tempo-id", w = /* @__PURE__ */ Symbol("class"), E = /* @__PURE__ */ Symbol("style"), R = /* @__PURE__ */ Symbol("handler"), ge = () => Math.random().toString(36).substring(2, 15), Ke = (n) => n.replace(/<[^>]*>?/g, "");
+class ye {
   constructor(e) {
     this.parent = e;
   }
-  id = me();
+  id = ge();
   properties = {};
   children = [];
   isElement() {
@@ -654,7 +660,7 @@ class ge {
     return !1;
   }
   getText() {
-    return this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? Fe(this.properties.innerHTML) : this.children.map((e) => e.getText()).join("");
+    return this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? Ke(this.properties.innerHTML) : this.children.map((e) => e.getText()).join("");
   }
   removeChild(e) {
     const t = this.children.indexOf(e);
@@ -707,43 +713,43 @@ class ge {
     if (this.properties.id === e)
       return this;
     for (const t of this.elements()) {
-      const s = t.getById(e);
-      if (s != null)
-        return s;
+      const r = t.getById(e);
+      if (r != null)
+        return r;
     }
   }
   trigger(e, t) {
-    ((this.properties[R] ?? {})[e] ?? []).forEach((r) => r(t));
+    ((this.properties[R] ?? {})[e] ?? []).forEach((s) => s(t));
   }
   click() {
     this.trigger("click", {});
   }
-  on(e, t, s, r) {
-    const o = this.properties[R] ??= {}, i = r?.once ? (c) => {
-      l(), t(c, s);
-    } : (c) => t(c, s);
+  on(e, t, r, s) {
+    const o = this.properties[R] ??= {}, i = s?.once ? (c) => {
+      l(), t(c, r);
+    } : (c) => t(c, r);
     o[e] = [...o[e] ?? [], i];
     const l = () => {
-      const c = o[e] ?? [], h = c.indexOf(i);
-      h !== -1 && (c.splice(h, 1), c.length === 0 ? (delete o[e], Object.keys(o).length === 0 && delete this.properties[R]) : o[e] = c, r?.signal != null && r.signal.removeEventListener("abort", l));
+      const c = o[e] ?? [], d = c.indexOf(i);
+      d !== -1 && (c.splice(d, 1), c.length === 0 ? (delete o[e], Object.keys(o).length === 0 && delete this.properties[R]) : o[e] = c, s?.signal != null && s.signal.removeEventListener("abort", l));
     };
-    return r?.signal != null && r.signal.addEventListener("abort", l), l;
+    return s?.signal != null && s.signal.addEventListener("abort", l), l;
   }
   addClasses(e) {
     if (e.length === 0)
       return;
-    const t = this.properties[w] ??= [], s = new Set(t);
-    for (const r of e)
-      s.has(r) || (t.push(r), s.add(r));
+    const t = this.properties[w] ??= [], r = new Set(t);
+    for (const s of e)
+      r.has(s) || (t.push(s), r.add(s));
   }
   removeClasses(e) {
     if (e.length === 0)
       return;
-    const t = this.properties[w] ??= [], s = new Set(e);
-    let r = 0;
+    const t = this.properties[w] ??= [], r = new Set(e);
+    let s = 0;
     for (let o = 0; o < t.length; o++)
-      s.has(t[o]) || (t[r] = t[o], r++);
-    t.length = r, t.length === 0 && delete this.properties[w];
+      r.has(t[o]) || (t[s] = t[o], s++);
+    t.length = s, t.length === 0 && delete this.properties[w];
   }
   getClasses() {
     return this.properties[w] ?? [];
@@ -759,8 +765,8 @@ class ge {
     );
   }
   setStyle(e, t) {
-    const s = this.properties[E] ??= {};
-    s[e] = t, t === "" && (delete s[e], Object.keys(s).length === 0 && delete this.properties[E]);
+    const r = this.properties[E] ??= {};
+    r[e] = t, t === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[E]);
   }
   getStyle(e) {
     return this.properties[E]?.[e] ?? "";
@@ -772,14 +778,14 @@ class ge {
     const t = this.properties;
     return {
       get: () => t[e],
-      set: (s) => t[e] = s
+      set: (r) => t[e] = r
     };
   }
 }
-const We = (n) => n.replace(/"/g, "&quot;"), Ke = (n) => n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-class qe extends ge {
-  constructor(e, t, s) {
-    super(s), this.tagName = e, this.namespace = t;
+const Ue = (n) => n.replace(/"/g, "&quot;"), qe = (n) => n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+class Ge extends ye {
+  constructor(e, t, r) {
+    super(r), this.tagName = e, this.namespace = t;
   }
   isPortal() {
     return !1;
@@ -790,12 +796,12 @@ class qe extends ge {
    */
   buildAttributesString(e) {
     let t = null;
-    const s = this.namespace ? ` xmlns="${this.namespace}"` : "", r = this.getVisibleAttributes().map(([i, l]) => i === "class" ? ` class="${l.join(" ")}"` : i === "style" ? typeof l == "string" ? ` style="${l}"` : ` style="${Object.entries(l).map(([c, h]) => `${c}: ${h};`).join(" ")}"` : Ge.has(i) ? ` ${i}` : i === "innerHTML" ? (t = l, "") : i === "innerText" ? (t = Ke(l), "") : ` ${i}="${We(l)}"`).join(""), o = e ? ` ${W} ${Xe}="${this.id}"` : "";
-    return { attrs: `${s}${r}${o}`, innerHTML: t };
+    const r = this.namespace ? ` xmlns="${this.namespace}"` : "", s = this.getVisibleAttributes().map(([i, l]) => i === "class" ? ` class="${l.join(" ")}"` : i === "style" ? typeof l == "string" ? ` style="${l}"` : ` style="${Object.entries(l).map(([c, d]) => `${c}: ${d};`).join(" ")}"` : Je.has(i) ? ` ${i}` : i === "innerHTML" ? (t = l, "") : i === "innerText" ? (t = qe(l), "") : ` ${i}="${Ue(l)}"`).join(""), o = e ? ` ${W} ${We}="${this.id}"` : "";
+    return { attrs: `${r}${s}${o}`, innerHTML: t };
   }
   toHTML(e = !1) {
-    const t = this.children.map((o) => o.toHTML()).join(""), { attrs: s, innerHTML: r } = this.buildAttributesString(e);
-    return Z.has(this.tagName) && t === "" ? `<${this.tagName}${s} />` : `<${this.tagName}${s}>${r ?? t}</${this.tagName}>`;
+    const t = this.children.map((o) => o.toHTML()).join(""), { attrs: r, innerHTML: s } = this.buildAttributesString(e);
+    return Z.has(this.tagName) && t === "" ? `<${this.tagName}${r} />` : `<${this.tagName}${r}>${s ?? t}</${this.tagName}>`;
   }
   /**
    * Generates HTML output as an async stream of string chunks.
@@ -805,20 +811,20 @@ class qe extends ge {
    * @yields String chunks of HTML content.
    */
   async *toHTMLStream(e) {
-    const t = e?.generatePlaceholders ?? !1, { attrs: s, innerHTML: r } = this.buildAttributesString(t);
+    const t = e?.generatePlaceholders ?? !1, { attrs: r, innerHTML: s } = this.buildAttributesString(t);
     if (Z.has(this.tagName) && this.children.length === 0) {
-      yield `<${this.tagName}${s} />`;
+      yield `<${this.tagName}${r} />`;
       return;
     }
-    if (yield `<${this.tagName}${s}>`, r !== null)
-      yield r;
+    if (yield `<${this.tagName}${r}>`, s !== null)
+      yield s;
     else
       for (const o of this.children)
         yield* o.toHTMLStream(e);
     yield `</${this.tagName}>`;
   }
 }
-class ye extends ge {
+class Te extends ye {
   constructor(e, t) {
     super(t), this.selector = e;
   }
@@ -850,11 +856,11 @@ class ye extends ge {
       yield* t.toHTMLStream(e);
   }
 }
-class Ue {
+class Qe {
   constructor(e) {
     this.text = e;
   }
-  id = me();
+  id = ge();
   isElement() {
     return !1;
   }
@@ -878,8 +884,8 @@ class Ue {
   }
 }
 class k {
-  constructor(e, t, s, r) {
-    this.element = e, this.reference = t, this.container = s, this.providers = r;
+  constructor(e, t, r, s) {
+    this.element = e, this.reference = t, this.container = r, this.providers = s;
   }
   appendOrInsert(e) {
     if (this.reference != null) {
@@ -889,16 +895,16 @@ class k {
       this.element.children.push(e);
   }
   makeChildElement(e, t) {
-    const s = new qe(e, t, this.element);
-    return this.appendOrInsert(s), new k(
-      s,
+    const r = new Ge(e, t, this.element);
+    return this.appendOrInsert(r), new k(
+      r,
       void 0,
       this.container,
       this.providers
     );
   }
   makeChildText(e) {
-    const t = new Ue(String(e));
+    const t = new Qe(String(e));
     return this.appendOrInsert(t), new k(
       this.element,
       t,
@@ -919,7 +925,7 @@ class k {
     return this.makeChildText("");
   }
   makePortal(e) {
-    const t = new ye(e, this.element);
+    const t = new Te(e, this.element);
     return this.appendOrInsert(t), new k(
       t,
       void 0,
@@ -934,17 +940,23 @@ class k {
    * @param value - The provider to set for the given mark.
    * @returns A new `DOMContext` instance with the specified provider.
    */
-  setProvider(e, t, s) {
+  setProvider(e, t, r) {
     return new k(this.element, this.reference, this.container, {
       ...this.providers,
-      [e]: [t, s]
+      [e]: [t, r]
     });
   }
   getProvider(e) {
     if (this.providers[e] === void 0)
-      throw new ie(e);
-    const [t, s] = this.providers[e];
-    return { value: t, onUse: s };
+      throw new oe(e);
+    const [t, r] = this.providers[e];
+    return { value: t, onUse: r };
+  }
+  tryGetProvider(e) {
+    if (this.providers[e] === void 0)
+      return;
+    const [t, r] = this.providers[e];
+    return { value: t, onUse: r };
   }
   clear(e) {
     e && (this.reference !== void 0 ? this.element.removeChild(this.reference) : this.element.remove());
@@ -982,104 +994,104 @@ class k {
   makeAccessors(e) {
     return this.element.makeAccessors(e);
   }
-  moveRangeBefore(e, t, s) {
-    const r = e.reference, o = t.reference, i = s.reference, l = this.element.children, c = l.indexOf(r), f = l.indexOf(o) - c + 1, d = l.splice(c, f), a = l.indexOf(i);
-    l.splice(a, 0, ...d);
+  moveRangeBefore(e, t, r) {
+    const s = e.reference, o = t.reference, i = r.reference, l = this.element.children, c = l.indexOf(s), f = l.indexOf(o) - c + 1, h = l.splice(c, f), a = l.indexOf(i);
+    l.splice(a, 0, ...h);
   }
   removeRange(e, t) {
-    const s = e.reference, r = t.reference, o = this.element.children, i = o.indexOf(s), c = o.indexOf(r) - i + 1;
+    const r = e.reference, s = t.reference, o = this.element.children, i = o.indexOf(r), c = o.indexOf(s) - i + 1;
     o.splice(i, c);
   }
   removeAllBefore(e) {
-    const t = e.reference, s = this.element.children, r = s.indexOf(t);
-    r > 0 && s.splice(0, r);
+    const t = e.reference, r = this.element.children, s = r.indexOf(t);
+    s > 0 && r.splice(0, s);
   }
   detach() {
   }
   reattach() {
   }
 }
-const Ge = /* @__PURE__ */ new Set([
+const Je = /* @__PURE__ */ new Set([
   "checked",
   "disabled",
   "multiple",
   "readonly",
   "required",
   "selected"
-]), Z = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), Qe = () => (
+]), Z = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), Ze = () => (
   /* c8 ignore next */
   typeof window < "u" ? window : void 0
 );
-function Je() {
-  const n = Qe(), e = n?.matchMedia("(prefers-reduced-motion: reduce)"), t = B(e?.matches ?? !1);
+function ze() {
+  const n = Ze(), e = n?.matchMedia("(prefers-reduced-motion: reduce)"), t = B(e?.matches ?? !1);
   if (e != null) {
-    const s = (r) => t.set(r.matches);
-    e.addEventListener("change", s), t.onDispose(() => e.removeEventListener("change", s));
+    const r = (s) => t.set(s.matches);
+    e.addEventListener("change", r), t.onDispose(() => e.removeEventListener("change", r));
   }
   return t;
 }
-const Vt = {
-  mark: re("ReducedMotion"),
+const Ft = {
+  mark: ie("ReducedMotion"),
   create: () => {
-    const n = Je();
+    const n = ze();
     return {
       value: n,
       dispose: () => n.dispose()
     };
   }
-}, Te = /* @__PURE__ */ Symbol("DOM_RENDERABLE"), y = (n) => Oe(Te, n);
-function q(n) {
-  let e = null, t = null, s = !1;
-  const r = (o) => {
-    if (s) return;
+}, ve = /* @__PURE__ */ Symbol("DOM_RENDERABLE"), y = (n) => Le(ve, n);
+function U(n) {
+  let e = null, t = null, r = !1;
+  const s = (o) => {
+    if (r) return;
     const i = e === null ? 0 : o - e;
-    e = o, n(i), t = requestAnimationFrame(r);
+    e = o, n(i), t = requestAnimationFrame(s);
   };
-  return t = requestAnimationFrame(r), {
+  return t = requestAnimationFrame(s), {
     dispose: () => {
-      s = !0, t !== null && cancelAnimationFrame(t);
+      r = !0, t !== null && cancelAnimationFrame(t);
     }
   };
 }
-const jt = (n) => y((e) => {
-  const t = q(n);
-  return (s) => {
-    t.dispose(), e.clear(s);
+const Wt = (n) => y((e) => {
+  const t = U(n);
+  return (r) => {
+    t.dispose(), e.clear(r);
   };
 });
-function Yt(n) {
+function Kt(n) {
   const e = n ?? (typeof document < "u" ? document : void 0);
   if (e == null) return !1;
   const t = e.activeElement;
   if (t == null) return !1;
-  const s = t.tagName;
-  return s === "INPUT" || s === "TEXTAREA" || s === "SELECT" || t.isContentEditable === !0;
+  const r = t.tagName;
+  return r === "INPUT" || r === "TEXTAREA" || r === "SELECT" || t.isContentEditable === !0;
 }
-function Xt(n, e) {
-  const t = e?.duration ?? 300, s = e?.easing ?? Pe, r = e?.reducedMotion;
+function Ut(n, e) {
+  const t = e?.duration ?? 300, r = e?.easing ?? Ie, s = e?.reducedMotion;
   let o = e?.interpolate;
   const i = B(n);
-  let l = null, c = n, h = n, f = 0;
-  const d = () => {
+  let l = null, c = n, d = n, f = 0;
+  const h = () => {
     l !== null && (l.dispose(), l = null);
   };
   return { value: i, tweenTo: (p) => {
-    if (d(), t <= 0 || r != null && r.get() === !0) {
+    if (h(), t <= 0 || s != null && s.get() === !0) {
       i.set(p);
       return;
     }
-    c = i.get(), h = p, f = 0, o == null && (o = Le(c)), l = q((m) => {
+    c = i.get(), d = p, f = 0, o == null && (o = He(c)), l = U((m) => {
       f += m;
-      const g = Math.min(f / t, 1), b = s(g);
-      i.set(o(c, h, b)), g >= 1 && d();
+      const g = Math.min(f / t, 1), v = r(g);
+      i.set(o(c, d, v)), g >= 1 && h();
     });
-  }, cancel: d, dispose: () => {
-    d(), i.dispose();
+  }, cancel: h, dispose: () => {
+    h(), i.dispose();
   } };
 }
 function z(n, e) {
-  const t = n.clientX - e.clientX, s = n.clientY - e.clientY;
-  return Math.hypot(t, s);
+  const t = n.clientX - e.clientX, r = n.clientY - e.clientY;
+  return Math.hypot(t, r);
 }
 function ee(n, e) {
   return {
@@ -1087,10 +1099,10 @@ function ee(n, e) {
     y: (n.clientY + e.clientY) / 2
   };
 }
-function Ze(n, e, t) {
-  const s = t?.minScale ?? 0.1, r = t?.maxScale ?? 5;
+function et(n, e, t) {
+  const r = t?.minScale ?? 0.1, s = t?.maxScale ?? 5;
   let o = 0, i = { x: 0, y: 0 }, l = { scale: 1, panX: 0, panY: 0 };
-  const c = (a) => Math.min(r, Math.max(s, a));
+  const c = (a) => Math.min(s, Math.max(r, a));
   return { onTouchStart: (a) => {
     if (a.touches.length !== 2) return;
     a.preventDefault();
@@ -1099,128 +1111,128 @@ function Ze(n, e, t) {
   }, onTouchMove: (a) => {
     if (a.touches.length !== 2) return;
     a.preventDefault();
-    const u = a.touches[0], p = a.touches[1], m = z(u, p), g = ee(u, p), b = e(), F = m / o, U = c(l.scale * F), G = i.x - b.left, Q = i.y - b.top, we = g.x - i.x, Ee = g.y - i.y, J = U / l.scale, ke = G - (G - l.panX) * J + we, Ae = Q - (Q - l.panY) * J + Ee;
-    n.set({ scale: U, panX: ke, panY: Ae });
-  }, onTouchEnd: (a) => {
+    const u = a.touches[0], p = a.touches[1], m = z(u, p), g = ee(u, p), v = e(), F = m / o, q = c(l.scale * F), G = i.x - v.left, Q = i.y - v.top, ke = g.x - i.x, Ae = g.y - i.y, J = q / l.scale, Ce = G - (G - l.panX) * J + ke, Pe = Q - (Q - l.panY) * J + Ae;
+    n.set({ scale: q, panX: Ce, panY: Pe });
+  }, onTouchEnd: () => {
   } };
 }
-function ze(n, e) {
-  const t = e?.friction ?? 0.95, s = e?.minVelocity ?? 0.5;
-  let r = 0, o = 0, i = null, l = 0, c = 0;
-  return { track: (d, a) => {
+function tt(n, e) {
+  const t = e?.friction ?? 0.95, r = e?.minVelocity ?? 0.5;
+  let s = 0, o = 0, i = null, l = 0, c = 0;
+  return { track: (h, a) => {
     const u = performance.now();
     if (i !== null) {
       const p = (u - i) / 1e3;
-      p > 0 && (l = (d - r) / p, c = (a - o) / p);
+      p > 0 && (l = (h - s) / p, c = (a - o) / p);
     }
-    r = d, o = a, i = u;
+    s = h, o = a, i = u;
   }, release: () => {
-    let d = l, a = c;
+    let h = l, a = c;
     i = null, l = 0, c = 0;
-    const u = q((p) => {
+    const u = U((p) => {
       const m = p / 1e3;
-      if (d *= t, a *= t, Math.hypot(d, a) < s) {
+      if (h *= t, a *= t, Math.hypot(h, a) < r) {
         u.dispose();
         return;
       }
-      n(d * m, a * m);
+      n(h * m, a * m);
     });
     return u;
   } };
 }
-function et(n, e) {
-  const t = [], s = e.createDocumentFragment();
-  return K(n, s, [], { count: 0 }, t, e) ? { fragment: s, slots: t, topNodeCount: s.childNodes.length } : null;
+function nt(n, e) {
+  const t = [], r = e.createDocumentFragment();
+  return K(n, r, [], { count: 0 }, t, e) ? { fragment: r, slots: t, topNodeCount: r.childNodes.length } : null;
 }
-function K(n, e, t, s, r, o) {
+function K(n, e, t, r, s, o) {
   switch (n.kind) {
     case "element": {
-      const { tag: i, ns: l, children: c } = n, h = l != null ? o.createElementNS(l, i) : o.createElement(i), f = [...t, s.count++];
-      let d = "";
+      const { tag: i, ns: l, children: c } = n, d = l != null ? o.createElementNS(l, i) : o.createElement(i), f = [...t, r.count++];
+      let h = "";
       for (let u = 0; u < c.length; u++) {
         const p = c[u];
-        p.kind === "static-attr" && (p.name === "class" ? d += (d ? " " : "") + p.value : h.setAttribute(p.name, p.value));
+        p.kind === "static-attr" && (p.name === "class" ? h += (h ? " " : "") + p.value : d.setAttribute(p.name, p.value));
       }
-      d && h.setAttribute("class", d), e.appendChild(h);
+      h && d.setAttribute("class", h), e.appendChild(d);
       for (let u = 0; u < c.length; u++)
-        c[u].kind === "dynamic-attr" && r.push({ path: f, kind: "dynamic-attr" });
+        c[u].kind === "dynamic-attr" && s.push({ path: f, kind: "dynamic-attr" });
       const a = { count: 0 };
       for (let u = 0; u < c.length; u++) {
         const p = c[u];
-        if (!(p.kind === "static-attr" || p.kind === "dynamic-attr") && !K(p, h, f, a, r, o))
+        if (!(p.kind === "static-attr" || p.kind === "dynamic-attr") && !K(p, d, f, a, s, o))
           return !1;
       }
       return !0;
     }
     case "static-text":
-      return e.appendChild(o.createTextNode(n.text)), s.count++, !0;
+      return e.appendChild(o.createTextNode(n.text)), r.count++, !0;
     case "dynamic-text":
-      return e.appendChild(o.createTextNode("")), r.push({
-        path: [...t, s.count++],
+      return e.appendChild(o.createTextNode("")), s.push({
+        path: [...t, r.count++],
         kind: "dynamic-text"
       }), !0;
     case "fragment": {
       const { children: i } = n;
       for (let l = 0; l < i.length; l++)
-        if (!K(i[l], e, t, s, r, o))
+        if (!K(i[l], e, t, r, s, o))
           return !1;
       return !0;
     }
     case "empty":
       return !0;
     default:
-      return n.kind === void 0 ? (e.appendChild(o.createComment("")), r.push({
-        path: [...t, s.count++],
+      return n.kind === void 0 ? (e.appendChild(o.createComment("")), s.push({
+        path: [...t, r.count++],
         kind: "slot"
       }), !0) : !1;
   }
 }
-function tt(n, e) {
+function rt(n, e) {
   let t = n;
-  for (let s = 0; s < e.length; s++)
-    t = t.childNodes[e[s]];
+  for (let r = 0; r < e.length; r++)
+    t = t.childNodes[e[r]];
   return t;
 }
-function nt(n, e, t) {
-  const s = e, r = n.fragment.cloneNode(!0), o = n.topNodeCount, i = new Array(o);
-  let l = r.firstChild;
+function st(n, e, t) {
+  const r = e, s = n.fragment.cloneNode(!0), o = n.topNodeCount, i = new Array(o);
+  let l = s.firstChild;
   for (let a = 0; a < o; a++)
     i[a] = l, l = l.nextSibling;
-  const c = n.slots.length, h = new Array(c);
+  const c = n.slots.length, d = new Array(c);
   for (let a = 0; a < c; a++)
-    h[a] = tt(r, n.slots[a].path);
-  s.appendOrInsert(r);
+    d[a] = rt(s, n.slots[a].path);
+  r.appendOrInsert(s);
   const f = new Array(c);
   for (let a = 0; a < c; a++) {
-    const u = n.slots[a], p = h[a];
+    const u = n.slots[a], p = d[a];
     if (u.kind === "dynamic-text") {
       const m = t[a], g = p;
-      g.textContent = m.transform(m.source.value), f[a] = m.source.onChange((b) => {
-        g.textContent = m.transform(b);
+      g.textContent = m.transform(m.source.value), f[a] = m.source.onChange((v) => {
+        g.textContent = m.transform(v);
       });
     } else if (u.kind === "dynamic-attr") {
-      const m = t[a], g = new S(
-        s.document,
+      const m = t[a], g = new b(
+        r.document,
         p,
         void 0,
-        s.providers
+        r.providers
       );
       f[a] = m.render(g);
     } else {
-      const m = t[a], g = p, b = new S(
-        s.document,
+      const m = t[a], g = p, v = new b(
+        r.document,
         g.parentNode,
         g,
-        s.providers
+        r.providers
       );
-      f[a] = m.render(b), g.remove();
+      f[a] = m.render(v), g.remove();
     }
   }
-  const d = new S(
-    s.document,
-    s.element,
+  const h = new b(
+    r.document,
+    r.element,
     i[0],
-    s.providers
+    r.providers
   );
   return {
     clear: (a) => {
@@ -1232,41 +1244,41 @@ function nt(n, e, t) {
           p.parentNode && p.parentNode.removeChild(p);
         }
     },
-    startCtx: d
+    startCtx: h
   };
 }
-function st(n) {
+function it(n) {
   const e = [];
-  function t(s) {
-    switch (s.kind) {
+  function t(r) {
+    switch (r.kind) {
       case "element": {
-        const { tag: r, children: o } = s;
-        e.push(`E:${r}`);
+        const { tag: s, children: o } = r;
+        e.push(`E:${s}`);
         for (const i of o) if (!t(i)) return !1;
         e.push("/E");
         break;
       }
       case "static-attr":
-        e.push(`SA:${s.name}=${s.value}`);
+        e.push(`SA:${r.name}=${r.value}`);
         break;
       case "dynamic-attr":
         e.push("DA");
         break;
       case "static-text":
-        e.push(`ST:${s.text}`);
+        e.push(`ST:${r.text}`);
         break;
       case "dynamic-text":
         e.push("DT");
         break;
       case "fragment": {
-        const { children: r } = s;
-        for (const o of r) if (!t(o)) return !1;
+        const { children: s } = r;
+        for (const o of s) if (!t(o)) return !1;
         break;
       }
       case "empty":
         break;
       default:
-        if (s.kind === void 0) {
+        if (r.kind === void 0) {
           e.push("S");
           break;
         }
@@ -1276,13 +1288,13 @@ function st(n) {
   }
   return t(n) ? e.join("|") : null;
 }
-function rt(n) {
+function ot(n) {
   const e = [];
-  function t(s) {
-    switch (s.kind) {
+  function t(r) {
+    switch (r.kind) {
       case "element": {
-        const { children: r } = s;
-        for (const o of r)
+        const { children: s } = r;
+        for (const o of s)
           if (o.kind !== "static-attr") {
             if (o.kind === "dynamic-attr") {
               e.push(o);
@@ -1293,117 +1305,118 @@ function rt(n) {
         break;
       }
       case "fragment": {
-        const { children: r } = s;
-        for (const o of r) t(o);
+        const { children: s } = r;
+        for (const o of s) t(o);
         break;
       }
       case "static-text":
       case "empty":
         break;
       case "dynamic-text":
-        e.push(s);
+        e.push(r);
         break;
       default:
-        s.kind === void 0 && e.push(s);
+        r.kind === void 0 && e.push(r);
         break;
     }
   }
   return t(n), e;
 }
-const it = {
+const lt = {
   build(n, e) {
     if (!e.isBrowser()) return null;
     const t = n;
     if (t.kind === void 0) return null;
-    const s = e.document;
-    return et(t, s);
+    const r = e.document;
+    return nt(t, r);
   },
   cloneAndHydrate(n, e, t) {
-    return nt(n, e, t);
+    return st(n, e, t);
   },
   fingerprint(n) {
-    return st(n);
+    return it(n);
   },
   extractSlots(n) {
-    return rt(n);
+    return ot(n);
   }
-}, ot = He({
-  type: Te,
+}, ct = Ne({
+  type: ve,
   create: y,
-  templateEngine: it
+  templateEngine: lt
 }), {
-  Empty: lt,
-  Fragment: v,
-  When: Ft,
-  Unless: Wt,
-  ForEach: Kt,
-  KeyedForEach: ct,
-  Repeat: qt,
-  OneOf: Ut,
-  OneOfField: Gt,
-  OneOfKind: Qt,
-  OneOfType: Jt,
-  OneOfValue: Zt,
-  OneOfTuple: zt,
-  MapSignal: en,
-  MapText: tn,
-  Ensure: nn,
-  EnsureAll: sn,
-  NotEmpty: rn,
-  Task: on,
-  Async: ln,
+  Empty: at,
+  Fragment: S,
+  When: qt,
+  Unless: Gt,
+  ForEach: Qt,
+  KeyedForEach: ut,
+  Repeat: Jt,
+  OneOf: Zt,
+  OneOfField: zt,
+  OneOfKind: en,
+  OneOfType: tn,
+  OneOfValue: nn,
+  OneOfTuple: rn,
+  MapSignal: sn,
+  MapText: on,
+  Ensure: ln,
+  EnsureAll: cn,
+  NotEmpty: an,
+  Task: un,
+  Async: dn,
   OnDispose: Y,
-  Conjunction: cn,
-  WithScope: at,
-  WithProvider: an,
-  Provide: un,
-  Use: dn,
-  UseMany: hn,
-  handleValueOrSignal: fn,
-  createReactiveRenderable: pn,
+  Conjunction: hn,
+  WithScope: dt,
+  WithProvider: fn,
+  Provide: pn,
+  Use: mn,
+  UseMany: gn,
+  UseOptional: yn,
+  handleValueOrSignal: Tn,
+  createReactiveRenderable: vn,
   renderableOfTNode: A
-} = ot, te = /* @__PURE__ */ new Map();
-function ut(n) {
+} = ct, te = /* @__PURE__ */ new Map();
+function ht(n) {
   let e = te.get(n);
   return e === void 0 && (e = n.split(" ").filter((t) => t.length > 0), te.set(n, e)), e;
 }
-const dt = (n) => {
-  const e = y((t) => (t.addClasses(n), (s) => {
-    s && t.removeClasses(n);
+const ft = (n) => {
+  const e = y((t) => (t.addClasses(n), (r) => {
+    r && t.removeClasses(n);
   }));
   return e.kind = "static-attr", e.name = "class", e.value = n.join(" "), e;
-}, ht = (n) => {
+}, pt = (n) => {
   const e = y((t) => {
-    let s = [];
-    const r = n.on(
+    let r = [];
+    const s = n.on(
       (o) => {
         const i = (o ?? "").split(" ").filter((l) => l.length > 0);
-        s.length > 0 && t.removeClasses(s), i.length > 0 && t.addClasses(i), s = i;
+        r.length > 0 && t.removeClasses(r), i.length > 0 && t.addClasses(i), r = i;
       },
       { noAutoDispose: !0 }
     );
     return (o) => {
-      r(), o && t.removeClasses(s), s = [];
+      s(), o && t.removeClasses(r), r = [];
     };
   });
   return e.kind = "dynamic-attr", e;
-}, ft = (n, e) => {
-  const t = y((s) => {
-    const { get: r, set: o } = s.makeAccessors(n), i = r();
+}, mt = (n, e) => {
+  const t = y((r) => {
+    const { get: s, set: o } = r.makeAccessors(n), i = s();
     return o(e), (l) => {
       l && o(i);
     };
   });
   return t.kind = "static-attr", t.name = n, t.value = String(e), t;
-}, pt = (n, e) => {
-  const t = y((s) => {
-    const { get: r, set: o } = s.makeAccessors(n), i = r(), l = e.on(o, { noAutoDispose: !0 });
+}, gt = (n, e) => {
+  const t = y((r) => {
+    const { get: s, set: o } = r.makeAccessors(n), i = s(), l = e.on(o, { noAutoDispose: !0 });
     return (c) => {
       l(), c && o(i);
     };
   });
   return t.kind = "dynamic-attr", t;
-}, H = (n, e) => j.is(e) ? pt(n, e) : ft(n, e), mt = (n, e) => n === "class" ? j.is(e) ? ht(e) : dt(
+}, H = (n, e) => j.is(e) ? gt(n, e) : mt(n, e), yt = (n, e) => n === "class" ? j.is(e) ? pt(e) : ft(
   /* c8 ignore next */
   (e ?? "").split(" ").filter((t) => t.length > 0)
 ) : H(n, e), T = new Proxy(
@@ -1420,9 +1433,9 @@ const dt = (n) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (n, e) => (t) => mt(e, t)
+    get: (n, e) => (t) => yt(e, t)
   }
-), gt = (n, e) => H(`data-${n}`, e), mn = (n, e) => gt(n, e), yt = (n, e) => H(`aria-${n}`, e), gn = new Proxy(
+), Tt = (n, e) => H(`data-${n}`, e), bn = (n, e) => Tt(n, e), vt = (n, e) => H(`aria-${n}`, e), Sn = new Proxy(
   {},
   {
     /**
@@ -1433,9 +1446,9 @@ const dt = (n) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (n, e) => (t) => yt(e, t)
+    get: (n, e) => (t) => vt(e, t)
   }
-), Tt = (n, e) => H(n, e), yn = new Proxy(
+), bt = (n, e) => H(n, e), xn = new Proxy(
   {},
   {
     /**
@@ -1446,9 +1459,9 @@ const dt = (n) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (n, e) => (t) => Tt(e, t)
+    get: (n, e) => (t) => bt(e, t)
   }
-), bt = (n, e) => H(n, e), Tn = new Proxy(
+), St = (n, e) => H(n, e), wn = new Proxy(
   {},
   {
     /**
@@ -1458,159 +1471,171 @@ const dt = (n) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (n, e) => (t) => bt(e, t)
+    get: (n, e) => (t) => St(e, t)
   }
 ), ne = /* @__PURE__ */ new WeakMap();
-function St(n, e) {
+function xt(n, e) {
   let t = ne.get(n);
-  return t || (t = Ie(n, e), ne.set(
+  return t || (t = De(n, e), ne.set(
     n,
     t
   )), t;
 }
-const bn = (n, e, t = "danger", s) => {
-  const r = ut(t), o = y((i) => {
-    const h = St(n, s)(e).on(
+const En = (n, e, t = "danger", r) => {
+  const s = ht(t), o = y((i) => {
+    const d = xt(n, r)(e).on(
       (f) => {
-        f ? i.addClasses(r) : i.removeClasses(r);
+        f ? i.addClasses(s) : i.removeClasses(s);
       },
       { noAutoDispose: !0 }
     );
     return (f) => {
-      h(), f && i.removeClasses(r);
+      d(), f && i.removeClasses(s);
     };
   });
   return o.kind = "dynamic-attr", o;
 }, be = (n, e, t) => {
-  const s = y(
-    (r) => r.on(n, e, t)
+  const r = y(
+    (s) => s.on(n, e, t)
   );
+  return r.kind = "dynamic-attr", r;
+}, Se = (n) => (e, t, r) => {
+  const s = y((o) => {
+    if (!o.isBrowser())
+      return () => {
+      };
+    const i = o, l = i.element, c = n === "document" ? i.document : i.getWindow();
+    let d = !1;
+    const f = (h) => {
+      d || !l.isConnected || t(h, o);
+    };
+    return c.addEventListener(e, f, r), () => {
+      d = !0, c.removeEventListener(e, f, r);
+    };
+  });
   return s.kind = "dynamic-attr", s;
-}, vt = (n) => be("click", (e, t) => {
+}, wt = Se("document"), Et = Se("window"), kt = (n) => be("click", (e, t) => {
   e.preventDefault();
-  const s = e.target;
+  const r = e.target;
   setTimeout(() => {
-    const r = s.ownerDocument != null ? s?.checked : void 0;
-    r != null && n(!r, t);
+    const s = r.ownerDocument != null ? r?.checked : void 0;
+    s != null && n(!s, t);
   }, 0);
+}), re = (n) => new Proxy({}, {
+  get: (e, t) => (r, s) => n(t, r, s)
 }), D = new Proxy(
   {},
   {
-    /**
-     * @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: (n, e) => (t) => be(e, t)
+    get: (n, e) => e === "document" ? re(wt) : e === "window" ? re(Et) : (t, r) => be(e, t, r)
   }
-), xt = (n, e) => (t) => {
+), At = (n, e) => (t) => {
   e?.preventDefault === !0 && t.preventDefault(), e?.stopPropagation === !0 && t.stopPropagation(), e?.stopImmediatePropagation === !0 && t.stopImmediatePropagation(), n(t);
-}, x = (n, e) => xt((t) => {
-  const s = t.target;
-  n(s, t);
-}, e), wt = (n, e) => x(
-  (t, s) => n(t.value, s),
+}, x = (n, e) => At((t) => {
+  const r = t.target;
+  n(r, t);
+}, e), Ct = (n, e) => x(
+  (t, r) => n(t.value, r),
   e
-), Et = (n, e) => x(
-  (t, s) => n(t.valueAsNumber, s),
+), Pt = (n, e) => x(
+  (t, r) => n(t.valueAsNumber, r),
   e
-), kt = (n, e) => x((t, s) => {
+), Mt = (n, e) => x((t, r) => {
   if (t.value === "")
     return;
-  const r = t.value.split("-"), o = new Date(
-    Number(r[0]),
-    Number(r[1]) - 1,
-    Number(r[2].substring(0, 2))
+  const s = t.value.split("-"), o = new Date(
+    Number(s[0]),
+    Number(s[1]) - 1,
+    Number(s[2].substring(0, 2))
   );
-  n(o, s);
-}, e), Sn = (n, e) => x((t, s) => {
+  n(o, r);
+}, e), kn = (n, e) => x((t, r) => {
   if (t.value === "") {
-    n(null, s);
+    n(null, r);
     return;
   }
-  const r = t.value.split("-"), o = new Date(
-    Number(r[0]),
-    Number(r[1]) - 1,
-    Number(r[2].substring(0, 2))
+  const s = t.value.split("-"), o = new Date(
+    Number(s[0]),
+    Number(s[1]) - 1,
+    Number(s[2].substring(0, 2))
   );
-  n(o, s);
-}, e), At = (n, e) => x((t, s) => {
+  n(o, r);
+}, e), Ot = (n, e) => x((t, r) => {
   if (t.value === "")
     return;
-  const r = t.value.split("T"), o = r[0].split("-"), i = new Date(
+  const s = t.value.split("T"), o = s[0].split("-"), i = new Date(
     Number(o[0]),
     Number(o[1]) - 1,
     Number(o[2])
-  ), l = r[1].split(":");
-  i.setHours(Number(l[0])), i.setMinutes(Number(l[1])), i.setSeconds(Number(l[2])), n(i, s);
-}, e), vn = (n, e) => x((t, s) => {
+  ), l = s[1].split(":");
+  i.setHours(Number(l[0])), i.setMinutes(Number(l[1])), i.setSeconds(Number(l[2])), n(i, r);
+}, e), An = (n, e) => x((t, r) => {
   if (t.value === "") {
-    n(null, s);
+    n(null, r);
     return;
   }
-  const r = t.value.split("T");
-  if (r.length !== 2) {
-    n(null, s);
+  const s = t.value.split("T");
+  if (s.length !== 2) {
+    n(null, r);
     return;
   }
-  const o = r[0].split("-"), i = new Date(
+  const o = s[0].split("-"), i = new Date(
     Number(o[0]),
     Number(o[1]) - 1,
     Number(o[2])
-  ), l = r[1].split(":");
-  i.setHours(Number(l[0] ?? 0)), i.setMinutes(Number(l[1] ?? 0)), i.setSeconds(Number(l[2] ?? 0)), n(i, s);
-}, e), xn = (n, e) => x((t, s) => {
-  n(t.checked, s);
-}, e), wn = (n, e = "input") => v(
+  ), l = s[1].split(":");
+  i.setHours(Number(l[0] ?? 0)), i.setMinutes(Number(l[1] ?? 0)), i.setSeconds(Number(l[2] ?? 0)), n(i, r);
+}, e), Cn = (n, e) => x((t, r) => {
+  n(t.checked, r);
+}, e), Pn = (n, e = "input") => S(
   T.valueAsDate(n),
-  D[e](kt((t) => n.set(t)))
-), En = (n, e = "input") => v(
+  D[e](Mt((t) => n.set(t)))
+), Mn = (n, e = "input") => S(
   T.valueAsDate(n),
-  D[e](At((t) => n.set(t)))
-), kn = (n, e = "input") => v(
+  D[e](Ot((t) => n.set(t)))
+), On = (n, e = "input") => S(
   T.valueAsNumber(n),
-  D[e](Et((t) => n.set(t)))
-), An = (n, e = "input") => v(T.value(n), D[e](wt((t) => n.set(t)))), Cn = (n) => v(
+  D[e](Pt((t) => n.set(t)))
+), Ln = (n, e = "input") => S(T.value(n), D[e](Ct((t) => n.set(t)))), In = (n) => S(
   T.checked(n),
-  vt((e) => n.set(e))
-), Ct = (n, e, t, s) => {
-  const r = y((o) => {
+  kt((e) => n.set(e))
+), Lt = (n, e, t, r) => {
+  const s = y((o) => {
     if (!o.isBrowser())
       return () => {
       };
     const i = o.element, l = (c) => {
-      const h = c.target?.closest(e);
-      h != null && i.contains(h) && t(c, o);
+      const d = c.target?.closest(e);
+      d != null && i.contains(d) && t(c, o);
     };
-    return i.addEventListener(n, l, s), (c) => {
-      c && i.removeEventListener(n, l, s);
+    return i.addEventListener(n, l, r), (c) => {
+      c && i.removeEventListener(n, l, r);
     };
   });
-  return r.kind = "dynamic-attr", r;
-}, Mn = new Proxy(
+  return s.kind = "dynamic-attr", s;
+}, Hn = new Proxy(
   {},
   {
-    get: (n, e) => (t, s, r) => Ct(e, t, s, r)
+    get: (n, e) => (t, r, s) => Lt(e, t, r, s)
   }
-), On = (n) => y((e) => (e.appendOrInsert(n), (t) => {
+), Dn = (n) => y((e) => (e.appendOrInsert(n), (t) => {
   t && V(n);
-})), Se = (n, ...e) => {
-  const t = e.map(A), s = y((r) => {
-    const o = r.makeChildElement(n, void 0), i = t.map((l) => l.render(o));
+})), xe = (n, ...e) => {
+  const t = e.map(A), r = y((s) => {
+    const o = s.makeChildElement(n, void 0), i = t.map((l) => l.render(o));
     return (l) => {
       i.forEach((c) => c(!1)), o.clear(l);
     };
   });
-  return s.kind = "element", s.tag = n, s.children = t, s;
+  return r.kind = "element", r.tag = n, r.children = t, r;
 }, X = (n, e, ...t) => {
-  const s = t.map(A), r = y((o) => {
-    const i = o.makeChildElement(n, e), l = s.map((c) => c.render(i));
+  const r = t.map(A), s = y((o) => {
+    const i = o.makeChildElement(n, e), l = r.map((c) => c.render(i));
     return (c) => {
-      l.forEach((h) => h(!1)), i.clear(c);
+      l.forEach((d) => d(!1)), i.clear(c);
     };
   });
-  return r.kind = "element", r.tag = n, r.ns = e, r.children = s, r;
-}, Mt = new Proxy(
+  return s.kind = "element", s.tag = n, s.ns = e, s.children = r, s;
+}, It = new Proxy(
   {},
   {
     /**
@@ -1618,9 +1643,9 @@ const bn = (n, e, t = "danger", s) => {
      * @param tagName - The HTML tag name.
      * @returns A renderable function that creates and appends the HTML element to the DOM.
      */
-    get: (n, e) => (...t) => Se(e, ...t)
+    get: (n, e) => (...t) => xe(e, ...t)
   }
-), Pn = new Proxy(
+), Nn = new Proxy(
   {},
   {
     /**
@@ -1628,9 +1653,9 @@ const bn = (n, e, t = "danger", s) => {
      * @param type - The input type name.
      * @returns A renderable function that creates and appends the HTMLInput element to the DOM.
      */
-    get: (n, e) => (...t) => Se("input", T.type(e), ...t)
+    get: (n, e) => (...t) => xe("input", T.type(e), ...t)
   }
-), ve = "http://www.w3.org/2000/svg", Ln = (n, ...e) => X(n, ve, ...e), In = new Proxy(
+), we = "http://www.w3.org/2000/svg", Rn = (n, ...e) => X(n, we, ...e), _n = new Proxy(
   {},
   {
     /**
@@ -1638,9 +1663,9 @@ const bn = (n, e, t = "danger", s) => {
      * @param tagName - The SVG tag name.
      * @returns A renderable function that creates and appends the SVG element to the DOM.
      */
-    get: (n, e) => (...t) => X(e, ve, ...t)
+    get: (n, e) => (...t) => X(e, we, ...t)
   }
-), xe = "http://www.w3.org/1998/Math/MathML", Hn = (n, ...e) => X(n, xe, ...e), Dn = new Proxy(
+), Ee = "http://www.w3.org/1998/Math/MathML", $n = (n, ...e) => X(n, Ee, ...e), Bn = new Proxy(
   {},
   {
     /**
@@ -1648,7 +1673,7 @@ const bn = (n, e, t = "danger", s) => {
      * @param tagName - The Math tag name.
      * @returns A renderable function that creates and appends the Math element to the DOM.
      */
-    get: (n, e) => (...t) => X(e, xe, ...t)
+    get: (n, e) => (...t) => X(e, Ee, ...t)
   }
 ), N = (n) => y((e) => {
   if (e.isBrowser()) {
@@ -1659,50 +1684,50 @@ const bn = (n, e, t = "danger", s) => {
   return () => {
   };
 });
-function Nn({
+function Vn({
   src: n,
   name: e,
   width: t,
-  height: s,
-  sandbox: r,
+  height: r,
+  sandbox: s,
   allow: o,
   referrerpolicy: i,
   loading: l,
   iframeChild: c,
-  onLoad: h
+  onLoad: d
 } = {}, ...f) {
-  return Mt.iframe(
+  return It.iframe(
     T.src(n),
     T.name(e),
     T.width(
       t != null ? $.map(t, String) : void 0
     ),
     T.height(
-      s != null ? $.map(s, String) : void 0
+      r != null ? $.map(r, String) : void 0
     ),
-    T.sandbox(r),
+    T.sandbox(s),
     T.allow(o),
     T.referrerpolicy(i),
     c,
-    N((d) => {
-      const a = d.element;
+    N((h) => {
+      const a = h.element;
       let u, p = !1;
       const m = () => {
         if (p) return;
         p = !0;
         const g = a.contentDocument;
-        if (g && (h && h(a), f.length > 0)) {
-          const b = g.body;
-          if (b) {
-            const F = d.withElement(b);
-            u = I(v(...f), F);
+        if (g && (d && d(a), f.length > 0)) {
+          const v = g.body;
+          if (v) {
+            const F = h.withElement(v);
+            u = I(S(...f), F);
           }
         }
       };
       return l != null && $.on(l, (g) => {
         a.loading = g;
-      }), (f.length > 0 || h) && (n || setTimeout(m, 0)), v(
-        f.length > 0 || h ? D.load(m) : lt,
+      }), (f.length > 0 || d) && (n || setTimeout(m, 0)), S(
+        f.length > 0 || d ? D.load(m) : at,
         Y(() => {
           u && u(!1);
         })
@@ -1710,61 +1735,61 @@ function Nn({
     })
   );
 }
-const Rn = (n, e) => y((t) => {
-  const s = t.makePortal(n), r = I(A(e), s);
-  return () => r(!0);
-}), _ = /* @__PURE__ */ new Map(), Ot = (n) => ({
-  mark: re(`Probe(${n.description})`),
+const jn = (n, e) => y((t) => {
+  const r = t.makePortal(n), s = I(A(e), r);
+  return () => s(!0);
+}), _ = /* @__PURE__ */ new Map(), Ht = (n) => ({
+  mark: ie(`Probe(${n.description})`),
   create: ({ callback: e = () => {
   }, timeout: t = 10 } = {}) => {
-    const s = (l) => {
-      clearTimeout(r), _.delete(n), e(l);
+    const r = (l) => {
+      clearTimeout(s), _.delete(n), e(l);
     };
     if (_.has(n))
       throw new Error(`Probe already exists: ${n.description}`);
-    const r = setTimeout(() => s("timeout"), t), o = { counter: 0, timeoutId: r };
+    const s = setTimeout(() => r("timeout"), t), o = { counter: 0, timeoutId: s };
     return _.set(n, o), {
       value: () => {
-        clearTimeout(r);
+        clearTimeout(s);
         const l = _.get(n);
-        l != null && --l.counter === 0 && s("resolved");
+        l != null && --l.counter === 0 && r("resolved");
       },
-      dispose: () => s("disposed"),
+      dispose: () => r("disposed"),
       onUse: () => o.counter++
     };
   }
-}), _n = Ot(/* @__PURE__ */ Symbol("GlobalProbe"));
-function $n({
+}), Yn = Ht(/* @__PURE__ */ Symbol("GlobalProbe"));
+function Xn({
   mode: n,
   delegatesFocus: e,
   slotAssignment: t,
-  clonable: s,
-  serializable: r
+  clonable: r,
+  serializable: s
 }, ...o) {
   return N((i) => {
     const l = { mode: n };
-    e !== void 0 && (l.delegatesFocus = e), t !== void 0 && (l.slotAssignment = t), s !== void 0 && (l.clonable = s), r !== void 0 && (l.serializable = r);
-    const c = i.element.attachShadow(l), h = i.withElement(c), f = I(v(...o), h);
+    e !== void 0 && (l.delegatesFocus = e), t !== void 0 && (l.slotAssignment = t), r !== void 0 && (l.clonable = r), s !== void 0 && (l.serializable = s);
+    const c = i.element.attachShadow(l), d = i.withElement(c), f = I(S(...o), d);
     return Y(() => f(!0));
   });
 }
-const Pt = (n, e) => {
-  const t = y((s) => {
-    const r = s.getStyle(n);
-    return s.setStyle(n, e), (o) => {
-      o && s.setStyle(n, r);
+const Dt = (n, e) => {
+  const t = y((r) => {
+    const s = r.getStyle(n);
+    return r.setStyle(n, e), (o) => {
+      o && r.setStyle(n, s);
     };
   });
   return t.kind = "dynamic-attr", t;
-}, Lt = (n, e) => {
-  const t = y((s) => {
-    const r = s.getStyle(n), o = e.on((i) => s.setStyle(n, i));
+}, Nt = (n, e) => {
+  const t = y((r) => {
+    const s = r.getStyle(n), o = e.on((i) => r.setStyle(n, i));
     return (i) => {
-      o(), i && s.setStyle(n, r);
+      o(), i && r.setStyle(n, s);
     };
   });
   return t.kind = "dynamic-attr", t;
-}, se = (n, e) => j.is(e) ? Lt(n, e) : Pt(n, e), Bn = new Proxy({}, {
+}, se = (n, e) => j.is(e) ? Nt(n, e) : Dt(n, e), Fn = new Proxy({}, {
   /**
    * Creates a renderable component for the specified `style` property.
    *
@@ -1773,20 +1798,20 @@ const Pt = (n, e) => {
    * @returns The renderable component for the specified attribute.
    *
    */
-  get: (n, e) => e === "variable" ? (t, s) => se(t, s) : (t) => se(e, t)
-}), It = (n) => y((e) => {
+  get: (n, e) => e === "variable" ? (t, r) => se(t, r) : (t) => se(e, t)
+}), Rt = (n) => y((e) => {
   const t = e.makeChildText(n);
-  return (s) => t.clear(s);
-}), Ht = (n) => y((e) => {
-  const t = e.makeChildText(n.value), s = n.on((r) => t.setText(r));
-  return (r) => {
-    s(), t.clear(r);
+  return (r) => t.clear(r);
+}), _t = (n) => y((e) => {
+  const t = e.makeChildText(n.value), r = n.on((s) => t.setText(s));
+  return (s) => {
+    r(), t.clear(s);
   };
-}), Vn = (n) => j.is(n) ? Ht(n) : It(n), jn = (n) => y((e) => {
+}), Wn = (n) => j.is(n) ? _t(n) : Rt(n), Kn = (n) => y((e) => {
   const t = n(e);
   return t == null ? () => {
   } : A(t).render(e);
-}), Yn = (n) => N((e) => n(e.element)), Xn = (n) => y((e) => {
+}), Un = (n) => N((e) => n(e.element)), qn = (n) => y((e) => {
   if (e.isHeadlessDOM()) {
     const t = n(e);
     if (t)
@@ -1794,51 +1819,51 @@ const Pt = (n, e) => {
   }
   return () => {
   };
-}), Fn = (n, e) => N((t) => {
-  const s = t.element, r = Ze(
+}), Gn = (n, e) => N((t) => {
+  const r = t.element, s = et(
     n,
-    () => s.getBoundingClientRect(),
+    () => r.getBoundingClientRect(),
     e
   );
-  return s.addEventListener("touchstart", r.onTouchStart, { passive: !1 }), s.addEventListener("touchmove", r.onTouchMove, { passive: !1 }), s.addEventListener("touchend", r.onTouchEnd), Y(() => {
-    s.removeEventListener("touchstart", r.onTouchStart), s.removeEventListener("touchmove", r.onTouchMove), s.removeEventListener("touchend", r.onTouchEnd);
+  return r.addEventListener("touchstart", s.onTouchStart, { passive: !1 }), r.addEventListener("touchmove", s.onTouchMove, { passive: !1 }), r.addEventListener("touchend", s.onTouchEnd), Y(() => {
+    r.removeEventListener("touchstart", s.onTouchStart), r.removeEventListener("touchmove", s.onTouchMove), r.removeEventListener("touchend", s.onTouchEnd);
   });
-}), Wn = (n, e) => N((t) => {
-  const s = t.element, r = ze(n, e);
+}), Qn = (n, e) => N((t) => {
+  const r = t.element, s = tt(n, e);
   let o = null, i = 0, l = 0;
-  const c = (d) => {
-    o !== null && (o.dispose(), o = null), i = d.clientX, l = d.clientY, r.track(d.clientX, d.clientY), s.setPointerCapture(d.pointerId);
-  }, h = (d) => {
-    if (!s.hasPointerCapture(d.pointerId)) return;
-    const a = d.clientX - i, u = d.clientY - l;
-    i = d.clientX, l = d.clientY, r.track(d.clientX, d.clientY), n(a, u);
-  }, f = (d) => {
-    s.hasPointerCapture(d.pointerId) && (s.releasePointerCapture(d.pointerId), o = r.release());
+  const c = (h) => {
+    o !== null && (o.dispose(), o = null), i = h.clientX, l = h.clientY, s.track(h.clientX, h.clientY), r.setPointerCapture(h.pointerId);
+  }, d = (h) => {
+    if (!r.hasPointerCapture(h.pointerId)) return;
+    const a = h.clientX - i, u = h.clientY - l;
+    i = h.clientX, l = h.clientY, s.track(h.clientX, h.clientY), n(a, u);
+  }, f = (h) => {
+    r.hasPointerCapture(h.pointerId) && (r.releasePointerCapture(h.pointerId), o = s.release());
   };
-  return s.addEventListener("pointerdown", c), s.addEventListener("pointermove", h), s.addEventListener("pointerup", f), s.addEventListener("pointercancel", f), Y(() => {
-    o !== null && o.dispose(), s.removeEventListener("pointerdown", c), s.removeEventListener("pointermove", h), s.removeEventListener("pointerup", f), s.removeEventListener("pointercancel", f);
+  return r.addEventListener("pointerdown", c), r.addEventListener("pointermove", d), r.addEventListener("pointerup", f), r.addEventListener("pointercancel", f), Y(() => {
+    o !== null && o.dispose(), r.removeEventListener("pointerdown", c), r.removeEventListener("pointermove", d), r.removeEventListener("pointerup", f), r.removeEventListener("pointercancel", f);
   });
 });
-function Kn(n, e, t, s) {
-  return at((r) => {
+function Jn(n, e, t, r) {
+  return dt((s) => {
     const o = B([]), i = /* @__PURE__ */ new Map();
-    r.onDispose(() => {
+    s.onDispose(() => {
       for (const c of i.values()) clearTimeout(c);
       i.clear();
     });
     const l = /* @__PURE__ */ new Set();
     return n.on(
       (c) => {
-        const h = new Set(c.map(e)), f = o.get();
+        const d = new Set(c.map(e)), f = o.get();
         for (const u of f)
-          if (!h.has(u.key) && !l.has(u.key))
-            if (l.add(u.key), u.isExiting.set(!0), s.exitDuration != null && s.exitDuration > 0) {
+          if (!d.has(u.key) && !l.has(u.key))
+            if (l.add(u.key), u.isExiting.set(!0), r.exitDuration != null && r.exitDuration > 0) {
               const p = setTimeout(() => {
                 i.delete(u.key), l.delete(u.key), o.set(o.get().filter((m) => m.key !== u.key));
-              }, s.exitDuration);
+              }, r.exitDuration);
               i.set(u.key, p);
-            } else s.useAnimationEvents || l.delete(u.key);
-        const d = c.map((u) => {
+            } else r.useAnimationEvents || l.delete(u.key);
+        const h = c.map((u) => {
           const p = e(u), m = f.find(
             (g) => g.key === p && !l.has(p)
           );
@@ -1848,207 +1873,208 @@ function Kn(n, e, t, s) {
             isExiting: B(!1)
           };
         }), a = f.filter(
-          (u) => l.has(u.key) && !h.has(u.key)
+          (u) => l.has(u.key) && !d.has(u.key)
         );
-        o.set([...d, ...a]);
+        o.set([...h, ...a]);
       },
       { skipInitial: !1 }
-    ), ct(
+    ), ut(
       o,
       (c) => c.key,
-      (c, h) => {
-        const f = c.map((a) => a.value), d = c.get().isExiting;
-        return t(f, h, d);
+      (c, d) => {
+        const f = c.map((a) => a.value), h = c.get().isExiting;
+        return t(f, d, h);
       }
     );
   });
 }
 export {
-  yt as Aria,
-  ln as Async,
-  mt as Attr,
-  Cn as BindChecked,
-  wn as BindDate,
-  En as BindDateTime,
-  kn as BindNumber,
-  An as BindText,
-  S as BrowserContext,
+  vt as Aria,
+  dn as Async,
+  yt as Attr,
+  In as BindChecked,
+  Pn as BindDate,
+  Mn as BindDateTime,
+  On as BindNumber,
+  Ln as BindText,
+  b as BrowserContext,
   C as CLASS_PLACEHOLDER_ATTR,
-  Gn as Computed,
-  cn as Conjunction,
-  On as DOMNode,
-  gt as DataAttr,
-  Qn as DisposalScope,
-  Se as El,
+  er as Computed,
+  hn as Conjunction,
+  Dn as DOMNode,
+  Tt as DataAttr,
+  tr as DisposalScope,
+  xe as El,
   X as ElNS,
-  Jn as ElementPosition,
-  lt as Empty,
-  nn as Ensure,
-  sn as EnsureAll,
-  Kt as ForEach,
-  v as Fragment,
-  _n as GlobalProbe,
-  Xe as HYDRATION_ID_ATTR,
-  $t as HeadlessAdapter,
+  nr as ElementPosition,
+  at as Empty,
+  ln as Ensure,
+  cn as EnsureAll,
+  Qt as ForEach,
+  S as Fragment,
+  Yn as GlobalProbe,
+  We as HYDRATION_ID_ATTR,
+  Yt as HeadlessAdapter,
   k as HeadlessContext,
-  qe as HeadlessElement,
-  ye as HeadlessPortal,
-  Ue as HeadlessText,
-  Nn as IFrame,
-  Wn as Inertia,
-  ct as KeyedForEach,
-  Zn as KeyedPosition,
-  en as MapSignal,
-  tn as MapText,
-  bt as MathAttr,
-  Hn as MathEl,
-  zn as MemoryStore,
-  rn as NotEmpty,
-  vt as OnChecked,
+  Ge as HeadlessElement,
+  Te as HeadlessPortal,
+  Qe as HeadlessText,
+  Vn as IFrame,
+  Qn as Inertia,
+  ut as KeyedForEach,
+  rr as KeyedPosition,
+  sn as MapSignal,
+  on as MapText,
+  St as MathAttr,
+  $n as MathEl,
+  sr as MemoryStore,
+  an as NotEmpty,
+  kt as OnChecked,
   Y as OnDispose,
-  Ut as OneOf,
-  Gt as OneOfField,
-  Qt as OneOfKind,
-  zt as OneOfTuple,
-  Jt as OneOfType,
-  Zt as OneOfValue,
-  Fn as PinchZoom,
-  Rn as Portal,
-  es as Prop,
-  un as Provide,
-  yr as ProviderNotFoundError,
-  jt as RafLoop,
-  Vt as ReducedMotion,
-  _e as RenderingError,
-  qt as Repeat,
-  Tt as SVGAttr,
-  Ln as SVGEl,
-  $n as ShadowRoot,
-  ts as Signal,
-  on as Task,
-  Vn as TextNode,
-  Kn as TransitionKeyedForEach,
-  Wt as Unless,
-  dn as Use,
-  hn as UseMany,
-  ns as Value,
-  Ft as When,
+  Zt as OneOf,
+  zt as OneOfField,
+  en as OneOfKind,
+  rn as OneOfTuple,
+  tn as OneOfType,
+  nn as OneOfValue,
+  Gn as PinchZoom,
+  jn as Portal,
+  ir as Prop,
+  pn as Provide,
+  xs as ProviderNotFoundError,
+  Wt as RafLoop,
+  Ft as ReducedMotion,
+  Be as RenderingError,
+  Jt as Repeat,
+  bt as SVGAttr,
+  Rn as SVGEl,
+  Xn as ShadowRoot,
+  or as Signal,
+  un as Task,
+  Wn as TextNode,
+  Jn as TransitionKeyedForEach,
+  Gt as Unless,
+  mn as Use,
+  gn as UseMany,
+  yn as UseOptional,
+  lr as Value,
+  qt as When,
   N as WithBrowserCtx,
-  jn as WithCtx,
-  Yn as WithElement,
-  Xn as WithHeadlessCtx,
-  an as WithProvider,
-  at as WithScope,
+  Kn as WithCtx,
+  Un as WithElement,
+  qn as WithHeadlessCtx,
+  fn as WithProvider,
+  dt as WithScope,
   W as _NODE_PLACEHOLDER_ATTR,
-  Re as _getSelfOrParentElement,
-  he as _isElement,
-  fe as _isFragment,
-  Ne as _makeGetter,
-  De as _makeSetter,
+  $e as _getSelfOrParentElement,
+  fe as _isElement,
+  pe as _isFragment,
+  _e as _makeGetter,
+  Re as _makeSetter,
   V as _removeDOMNode,
-  Ht as _signalText,
-  It as _staticText,
-  ss as animateSignal,
-  rs as animateSignals,
-  gn as aria,
+  _t as _signalText,
+  Rt as _staticText,
+  cr as animateSignal,
+  ar as animateSignals,
+  Sn as aria,
   T as attr,
-  is as bind,
-  os as chainEasing,
-  ls as coalesce,
-  cs as computed,
-  as as computedOf,
-  us as computedOfAsync,
-  ds as computedOfAsyncGenerator,
-  hs as computedRecord,
-  ze as createInertiaHandler,
-  Ze as createPinchZoomHandler,
-  q as createRafLoop,
-  Je as createReducedMotionSignal,
-  Tr as createRenderKit,
-  fs as createRenderable,
-  ps as createSelector,
-  Xt as createTween,
-  mn as dataAttr,
-  ms as delaySignal,
-  Mn as delegate,
-  gs as easeInBack,
-  ys as easeInBounce,
-  Ts as easeInCubic,
-  bs as easeInElastic,
-  Ss as easeInExpo,
-  vs as easeInOutBack,
-  xs as easeInOutBounce,
-  ws as easeInOutCubic,
-  Es as easeInOutElastic,
-  ks as easeInOutExpo,
-  As as easeInOutQuad,
-  Cs as easeInOutQuart,
-  Ms as easeInOutSine,
-  Os as easeInQuad,
-  Ps as easeInQuart,
-  Ls as easeInSine,
-  Is as easeOutBack,
-  Hs as easeOutBounce,
-  Ds as easeOutCubic,
-  Ns as easeOutElastic,
-  Rs as easeOutExpo,
-  _s as easeOutQuad,
-  $s as easeOutQuart,
-  Bs as easeOutSine,
-  Vs as effect,
-  js as effectOf,
-  xt as emit,
-  xn as emitChecked,
+  ur as bind,
+  dr as chainEasing,
+  hr as coalesce,
+  fr as computed,
+  pr as computedOf,
+  mr as computedOfAsync,
+  gr as computedOfAsyncGenerator,
+  yr as computedRecord,
+  tt as createInertiaHandler,
+  et as createPinchZoomHandler,
+  U as createRafLoop,
+  ze as createReducedMotionSignal,
+  ws as createRenderKit,
+  Tr as createRenderable,
+  vr as createSelector,
+  Ut as createTween,
+  bn as dataAttr,
+  br as delaySignal,
+  Hn as delegate,
+  Sr as easeInBack,
+  xr as easeInBounce,
+  wr as easeInCubic,
+  Er as easeInElastic,
+  kr as easeInExpo,
+  Ar as easeInOutBack,
+  Cr as easeInOutBounce,
+  Pr as easeInOutCubic,
+  Mr as easeInOutElastic,
+  Or as easeInOutExpo,
+  Lr as easeInOutQuad,
+  Ir as easeInOutQuart,
+  Hr as easeInOutSine,
+  Dr as easeInQuad,
+  Nr as easeInQuart,
+  Rr as easeInSine,
+  _r as easeOutBack,
+  $r as easeOutBounce,
+  Br as easeOutCubic,
+  Vr as easeOutElastic,
+  jr as easeOutExpo,
+  Yr as easeOutQuad,
+  Xr as easeOutQuart,
+  Fr as easeOutSine,
+  Wr as effect,
+  Kr as effectOf,
+  At as emit,
+  Cn as emitChecked,
   x as emitTarget,
-  wt as emitValue,
-  kt as emitValueAsDate,
-  At as emitValueAsDateTime,
-  Sn as emitValueAsNullableDate,
-  vn as emitValueAsNullableDateTime,
-  Et as emitValueAsNumber,
-  Ys as endInterpolate,
-  Xs as getCurrentScope,
-  Fs as getParentScope,
-  Ws as getScopeStack,
-  Qe as getWindow,
-  Ks as guessInterpolate,
-  Mt as html,
-  Pn as input,
-  qs as interpolateDate,
-  Us as interpolateNumber,
-  Gs as interpolateString,
-  Yt as isInputFocused,
-  Qs as joinSignals,
-  Js as linear,
-  Zs as localStorageProp,
-  Ot as makeProbe,
-  zs as makeProviderMark,
-  Dn as math,
-  Tn as mathAttr,
-  er as merge,
-  tr as mirrorEasing,
+  Ct as emitValue,
+  Mt as emitValueAsDate,
+  Ot as emitValueAsDateTime,
+  kn as emitValueAsNullableDate,
+  An as emitValueAsNullableDateTime,
+  Pt as emitValueAsNumber,
+  Ur as endInterpolate,
+  qr as getCurrentScope,
+  Gr as getParentScope,
+  Qr as getScopeStack,
+  Ze as getWindow,
+  Jr as guessInterpolate,
+  It as html,
+  Nn as input,
+  Zr as interpolateDate,
+  zr as interpolateNumber,
+  es as interpolateString,
+  Kt as isInputFocused,
+  ts as joinSignals,
+  ns as linear,
+  rs as localStorageProp,
+  Ht as makeProbe,
+  ss as makeProviderMark,
+  Bn as math,
+  wn as mathAttr,
+  is as merge,
+  os as mirrorEasing,
   D as on,
-  nr as popScope,
-  sr as previousSignal,
-  rr as prop,
-  ir as pushScope,
-  Rt as render,
+  ls as popScope,
+  cs as previousSignal,
+  as as prop,
+  us as pushScope,
+  Vt as render,
   I as renderWithContext,
   A as renderableOfTNode,
-  Bt as restoreTempoPlaceholders,
-  or as reverseEasing,
-  _t as runHeadless,
-  lr as scoped,
-  bn as selectedClass,
-  cr as sessionStorageProp,
-  ar as signal,
-  ur as slidingWindowSignal,
-  dr as storedProp,
-  hr as strictEquals,
-  Bn as style,
-  In as svg,
-  yn as svgAttr,
-  fr as syncProp,
-  pr as untracked,
-  mr as withScope
+  Xt as restoreTempoPlaceholders,
+  ds as reverseEasing,
+  jt as runHeadless,
+  hs as scoped,
+  En as selectedClass,
+  fs as sessionStorageProp,
+  ps as signal,
+  ms as slidingWindowSignal,
+  gs as storedProp,
+  ys as strictEquals,
+  Fn as style,
+  _n as svg,
+  xn as svgAttr,
+  Ts as syncProp,
+  vs as untracked,
+  bs as withScope
 };