@tempots/dom 37.0.3 → 37.1.0

package/index.js

@@ -1,8 +1,8 @@
-import { DisposalScope as pe, withScope as me, Value as _, createRenderable as ge, Signal as B, createSelector as ye, makeProviderMark as be } from "@tempots/core";
-import { Computed as kr, DisposalScope as Cr, ElementPosition as vr, KeyedPosition as Er, MemoryStore as Pr, Prop as Mr, Signal as Or, Value as Lr, animateSignal as Hr, animateSignals as Nr, bind as Dr, coalesce as Ir, computed as Rr, computedOf as _r, computedOfAsync as $r, computedOfAsyncGenerator as Br, computedRecord as jr, createRenderable as Vr, createSelector as Wr, delaySignal as Fr, effect as Kr, effectOf as qr, endInterpolate as Gr, getCurrentScope as Ur, getParentScope as Jr, getScopeStack as Yr, guessInterpolate as Xr, interpolateDate as zr, interpolateNumber as Qr, interpolateString as Zr, joinSignals as en, localStorageProp as tn, makeProviderMark as rn, merge as nn, popScope as sn, previousSignal as on, prop as ln, pushScope as cn, scoped as an, sessionStorageProp as un, signal as dn, slidingWindowSignal as hn, storedProp as fn, strictEquals as pn, syncProp as mn, untracked as gn, withScope as yn } from "@tempots/core";
-import { ProviderNotFoundError as J, createRenderKit as Te } from "@tempots/render";
-import { ProviderNotFoundError as Tn, createRenderKit as Sn } from "@tempots/render";
-const Y = /* @__PURE__ */ new Set([
+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([
   "checked",
   "disabled",
   "hidden",
@@ -10,14 +10,14 @@ const Y = /* @__PURE__ */ new Set([
   "readonly",
   "required",
   "autofocus"
-]), X = /* @__PURE__ */ new Set(["selected"]), z = /* @__PURE__ */ new Set([
+]), le = /* @__PURE__ */ new Set(["selected"]), ce = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), Q = /* @__PURE__ */ new Set(["valueAsDate"]), Z = {
+]), ae = /* @__PURE__ */ new Set(["valueAsDate"]), ue = {
   readonly: "readOnly"
-}, ee = /* @__PURE__ */ new Set([
+}, de = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -26,33 +26,33 @@ const Y = /* @__PURE__ */ new Set([
   "outerHTML",
   "className",
   "classList"
-]), Se = (r, e) => {
-  if (X.has(r))
+]), De = (n, e) => {
+  if (le.has(n))
     return (t) => {
-      t == null || t !== !0 ? e.removeAttribute(r) : e.setAttribute(r, "");
+      t == null || t !== !0 ? e.removeAttribute(n) : e.setAttribute(n, "");
     };
-  if (Y.has(r)) {
-    const t = Z[r] || r;
-    return (n) => {
-      n == null ? e[t] = null : e[t] = !!n;
+  if (oe.has(n)) {
+    const t = ue[n] || n;
+    return (s) => {
+      s == null ? e[t] = null : e[t] = !!s;
     };
-  } else return z.has(r) ? (t) => {
-    t == null ? e[r] = null : e[r] = Number(t);
-  } : Q.has(r) ? (t) => {
-    t == null ? e[r] = null : e[r] = t;
-  } : ee.has(r) ? (t) => {
-    t == null ? e[r] = null : e[r] = String(t);
+  } else return ce.has(n) ? (t) => {
+    t == null ? e[n] = null : e[n] = Number(t);
+  } : ae.has(n) ? (t) => {
+    t == null ? e[n] = null : e[n] = t;
+  } : de.has(n) ? (t) => {
+    t == null ? e[n] = null : e[n] = String(t);
   } : (t) => {
-    t == null ? e.removeAttribute(r) : e.setAttribute(r, t);
+    t == null ? e.removeAttribute(n) : e.setAttribute(n, t);
   };
-}, xe = (r, e) => X.has(r) ? () => e.hasAttribute(r) : Y.has(r) ? () => (
+}, Ne = (n, e) => le.has(n) ? () => e.hasAttribute(n) : oe.has(n) ? () => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  !!e[Z[r] || r]
-) : z.has(r) ? () => Number(e[r]) : Q.has(r) ? () => e[r] : ee.has(r) ? () => String(e[r]) : () => e.getAttribute(r), $ = (r) => {
-  const e = r;
-  e && e.onblur && (e.onblur = null), !(!r || r.ownerDocument === void 0) && r.parentNode && r.parentNode.removeChild(r);
-}, we = (r) => te(r) || re(r) ? r : r.parentElement, te = (r) => r.nodeType === 1, re = (r) => r.nodeType === 11;
-class T {
+  !!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) => {
+  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 {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -62,8 +62,8 @@ class T {
    * @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, n, s) {
-    this.document = e, this.element = t, this.reference = n, this.providers = s;
+  constructor(e, t, s, r) {
+    this.document = e, this.element = t, this.reference = s, this.providers = r;
   }
   /**
    * Creates a new `DOMContext` instance for the given `Element` and optional reference `Node`.
@@ -73,8 +73,8 @@ class T {
    * @param providers - The providers to associate with the `DOMContext`.
    * @returns A new `DOMContext` instance.
    */
-  static of(e, t, n) {
-    return new T(e.ownerDocument, e, t, n);
+  static of(e, t, s) {
+    return new S(e.ownerDocument, e, t, s);
   }
   /**
    * Creates a new DOM element (eg: HTML or SVG) with the specified tag name and namespace.
@@ -109,8 +109,8 @@ class T {
    * @returns A new DOMContext focused on the newly created child element
    */
   makeChildElement(e, t) {
-    const n = this.createElement(e, t);
-    return this.appendOrInsert(n), this.withElement(n);
+    const s = this.createElement(e, t);
+    return this.appendOrInsert(s), this.withElement(s);
   }
   /**
    * Creates a new text node with the specified text content.
@@ -173,7 +173,7 @@ class T {
    * @returns A new `DOMContext` instance with the provided `element`.
    */
   withElement(e) {
-    return new T(
+    return new S(
       e.ownerDocument ?? this.document,
       e,
       void 0,
@@ -237,7 +237,7 @@ class T {
    * @returns A new `DOMContext` instance with the specified reference.
    */
   withReference(e) {
-    return new T(
+    return new S(
       this.document,
       this.element,
       e,
@@ -251,10 +251,10 @@ class T {
    * @param value - The provider to set for the given mark.
    * @returns A new `DOMContext` instance with the specified provider.
    */
-  setProvider(e, t, n) {
-    return new T(this.document, this.element, this.reference, {
+  setProvider(e, t, s) {
+    return new S(this.document, this.element, this.reference, {
       ...this.providers,
-      [e]: [t, n]
+      [e]: [t, s]
     });
   }
   /**
@@ -266,12 +266,12 @@ class T {
    */
   getProvider(e) {
     if (this.providers[e] === void 0)
-      throw new J(e);
-    const [t, n] = this.providers[e];
-    return { value: t, onUse: n };
+      throw new ie(e);
+    const [t, s] = this.providers[e];
+    return { value: t, onUse: s };
   }
   clear(e) {
-    e && (this.reference !== void 0 ? $(this.reference) : $(this.element));
+    e && (this.reference !== void 0 ? V(this.reference) : V(this.element));
   }
   /**
    * Adds classes to the element.
@@ -301,10 +301,10 @@ class T {
    * @param options - The options for the event listener.
    * @returns A function to remove the event listener.
    */
-  on(e, t, n) {
-    const s = (o) => t(o, this);
-    return this.element.addEventListener(e, s, n), (o) => {
-      o && this.element.removeEventListener(e, s, n);
+  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);
     };
   }
   /**
@@ -354,36 +354,36 @@ class T {
   }
   makeAccessors(e) {
     return {
-      get: xe(e, this.element),
-      set: Se(e, this.element)
+      get: Ne(e, this.element),
+      set: De(e, this.element)
     };
   }
   getWindow() {
     return this.document.defaultView;
   }
-  moveRangeBefore(e, t, n) {
-    const s = e.reference, o = t.reference, i = n.reference, l = this.element;
-    let c = s;
+  moveRangeBefore(e, t, s) {
+    const r = e.reference, o = t.reference, i = s.reference, l = this.element;
+    let c = r;
     for (; c !== null; ) {
-      const a = c.nextSibling;
+      const h = c.nextSibling;
       if (l.insertBefore(c, i), c === o) break;
-      c = a;
+      c = h;
     }
   }
   removeRange(e, t) {
-    const n = e.reference, s = t.reference, o = this.element;
-    let i = n;
+    const s = e.reference, r = t.reference, o = this.element;
+    let i = s;
     for (; i !== null; ) {
       const l = i.nextSibling;
-      if (o.removeChild(i), i === s) break;
+      if (o.removeChild(i), i === r) break;
       i = l;
     }
   }
   removeAllBefore(e) {
-    const t = e.reference, n = this.element;
-    if (!n.firstChild || n.firstChild === t) return;
-    const s = this.document.createRange();
-    s.setStartBefore(n.firstChild), s.setEndBefore(t), s.deleteContents();
+    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();
   }
   _detachedParent = null;
   _detachedNext = null;
@@ -395,52 +395,52 @@ class T {
     this._detachedParent && (this._detachedParent.insertBefore(this.element, this._detachedNext), this._detachedParent = null, this._detachedNext = null);
   }
 }
-const H = (r, e) => {
-  const t = new pe(), n = me(t, () => r.render(e));
-  return (s = !0) => {
-    t.dispose(), n(s);
+const I = (n, e) => {
+  const t = new Ce(), s = Me(t, () => n.render(e));
+  return (r = !0) => {
+    t.dispose(), s(r);
   };
-}, gt = (r, e, { doc: t, clear: n, disposeWithParent: s = !0, providers: o = {} } = {}) => {
+}, Rt = (n, e, { doc: t, clear: s, disposeWithParent: r = !0, providers: o = {} } = {}) => {
   const i = typeof e == "string" ? (t ?? document).querySelector(e) : e;
   if (i === null)
-    throw new Ae(
+    throw new _e(
       `Cannot find element by selector for render: ${e}`
     );
-  n !== !1 && (t ?? i.ownerDocument) != null && (i.nodeType === 1 || i.nodeType === 11) && (i.innerHTML = "");
-  const l = we(i), c = te(i) || re(i) ? void 0 : i, a = T.of(l, c, o), d = H(r, a);
-  let m;
-  return s && i.parentElement != null && (m = new MutationObserver((u) => {
-    u[0]?.removedNodes.forEach((h) => {
-      h === i && (m?.disconnect(), d(i.nodeType !== 1));
+  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) => {
+    a[0]?.removedNodes.forEach((u) => {
+      u === i && (d?.disconnect(), f(i.nodeType !== 1));
     });
-  }), m.observe(i.parentElement, {
+  }), d.observe(i.parentElement, {
     childList: !0,
     subtree: !1,
     attributes: !1
   })), () => {
-    m?.disconnect(), d(!0);
+    d?.disconnect(), f(!0);
   };
-}, yt = (r, {
+}, _t = (n, {
   startUrl: e = "https://example.com",
   selector: t,
-  providers: n = {}
+  providers: s = {}
 } = {
   selector: "body"
 }) => {
-  const s = _.toSignal(e).deriveProp(), o = new oe(t, void 0), i = new C(o, void 0, { currentURL: s }, n);
+  const r = $.toSignal(e).deriveProp(), o = new ye(t, void 0), i = new k(o, void 0, { currentURL: r }, s);
   return {
-    clear: H(r(), i),
+    clear: I(n(), i),
     root: o,
-    currentURL: s
+    currentURL: r
   };
 };
-class Ae extends Error {
+class _e extends Error {
   constructor(e) {
     super(e);
   }
 }
-const V = "data-tts-node", E = "data-tts-class", P = "data-tts-style", M = "data-tts-html", O = "data-tts-text", L = "data-tts-attrs";
-class bt {
+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 {
   /**
    * 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 +517,18 @@ class bt {
   constructor({
     select: e,
     getAttribute: t,
-    setAttribute: n,
-    getClass: s,
+    setAttribute: s,
+    getClass: r,
     setClass: o,
     getStyles: i,
     setStyles: l,
     appendHTML: c,
-    getInnerHTML: a,
-    setInnerHTML: d,
-    getInnerText: m,
-    setInnerText: u
+    getInnerHTML: h,
+    setInnerHTML: f,
+    getInnerText: d,
+    setInnerText: a
   }) {
-    this.select = e, this.getAttribute = t, this.setAttribute = n, this.getClass = s, this.setClass = o, this.getStyles = i, this.setStyles = l, this.appendHTML = c, this.getInnerHTML = a, this.setInnerHTML = d, this.getInnerText = m, this.setInnerText = u;
+    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;
   }
   /**
    * Sets the content of the root element from a HeadlessPortal. Generally this will be the same instance that is
@@ -539,112 +539,112 @@ class bt {
    * when you render on the server and then hydrate on the client.
    */
   setFromRoot = (e, t) => {
-    e.getPortals().forEach((s) => {
-      const o = typeof s.selector == "string" ? this.select(s.selector) : [s.selector];
+    e.getPortals().forEach((r) => {
+      const o = typeof r.selector == "string" ? this.select(r.selector) : [r.selector];
       for (const i of o) {
         if (i == null)
           throw new Error(
-            `Cannot find element by selector for render: ${s.selector}`
+            `Cannot find element by selector for render: ${r.selector}`
           );
-        if (s.hasChildren() && this.appendHTML(i, s.contentToHTML(t)), s.hasInnerHTML()) {
+        if (r.hasChildren() && this.appendHTML(i, r.contentToHTML(t)), r.hasInnerHTML()) {
           if (t) {
             const l = this.getInnerHTML(i);
-            l != null && this.setAttribute(i, M, l);
+            l != null && this.setAttribute(i, O, l);
           }
-          this.setInnerHTML(i, s.getInnerHTML());
+          this.setInnerHTML(i, r.getInnerHTML());
         }
-        if (s.hasInnerText()) {
+        if (r.hasInnerText()) {
           if (t) {
             const l = this.getInnerText(i);
-            l != null && this.setAttribute(i, O, l);
+            l != null && this.setAttribute(i, P, l);
           }
-          this.setInnerText(i, s.getInnerText());
+          this.setInnerText(i, r.getInnerText());
         }
-        if (s.hasClasses()) {
+        if (r.hasClasses()) {
           if (t) {
             const l = this.getClass(i);
-            l != null && this.setAttribute(i, E, l);
+            l != null && this.setAttribute(i, C, l);
           }
-          this.setClass(i, s.getClasses().join(" "));
+          this.setClass(i, r.getClasses().join(" "));
         }
-        if (s.hasStyles()) {
+        if (r.hasStyles()) {
           if (t) {
             const l = this.getStyles(i);
             Object.keys(l).length > 0 && this.setAttribute(
               i,
-              P,
+              M,
               JSON.stringify(l)
             );
           }
-          this.setStyles(i, s.getStyles());
+          this.setStyles(i, r.getStyles());
         }
-        if (s.hasAttributes()) {
-          const l = s.getAttributes();
+        if (r.hasAttributes()) {
+          const l = r.getAttributes();
           if (t) {
             const c = [];
-            l.forEach(([a]) => {
-              const d = this.getAttribute(i, a);
-              d != null && c.push([a, d]);
+            l.forEach(([h]) => {
+              const f = this.getAttribute(i, h);
+              f != null && c.push([h, f]);
             }), c.length > 0 && this.setAttribute(
               i,
               L,
               JSON.stringify(Object.fromEntries(c))
             );
           }
-          l.forEach(([c, a]) => {
-            this.setAttribute(i, c, a);
+          l.forEach(([c, h]) => {
+            this.setAttribute(i, c, h);
           });
         }
       }
     });
   };
 }
-const ne = (r) => JSON.parse(r.replace(/"/g, '"')), ke = (r) => {
-  const e = r.getAttribute(E);
-  r.removeAttribute(E), e != null && r.setAttribute("class", e);
-}, Ce = (r) => {
-  const e = r.getAttribute(M);
-  r.removeAttribute(M), e != null && (r.innerHTML = e);
-}, ve = (r) => {
-  const e = r.getAttribute(O);
-  r.removeAttribute(O), e != null && (r.innerText = e);
-}, Ee = (r) => {
-  const e = r.getAttribute(P);
-  if (r.removeAttribute(P), e != null) {
-    const t = ne(e), n = Object.entries(t);
-    n.length > 0 && (r.style.cssText = n.map(([s, o]) => `${s}: ${o}`).join("; "));
-  }
-}, Pe = (r) => {
-  const e = r.getAttribute(L);
-  if (r.removeAttribute(L), e != null) {
-    const t = ne(e);
-    Object.entries(t).forEach(([n, s]) => {
-      s == null ? r.removeAttribute(n) : r.setAttribute(n, s);
+const pe = (n) => JSON.parse(n.replace(/"/g, '"')), $e = (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("; "));
+  }
+}, Ye = (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);
     });
   }
-}, Tt = () => {
+}, Bt = () => {
   const e = [
-    V,
-    E,
-    M,
+    W,
+    C,
     O,
     P,
+    M,
     L
-  ].map((n) => `[${n}]`).join(",");
-  document.querySelectorAll(e).forEach((n) => {
-    const s = n;
-    if (s.hasAttribute(V)) {
-      $(s);
+  ].map((s) => `[${s}]`).join(",");
+  document.querySelectorAll(e).forEach((s) => {
+    const r = s;
+    if (r.hasAttribute(W)) {
+      V(r);
       return;
     }
-    s.hasAttribute(E) && ke(s), s.hasAttribute(O) && ve(s), s.hasAttribute(M) && Ce(s), s.hasAttribute(P) && Ee(s), s.hasAttribute(L) && Pe(s);
+    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);
   });
-}, Me = "data-tempo-id", A = /* @__PURE__ */ Symbol("class"), k = /* @__PURE__ */ Symbol("style"), I = /* @__PURE__ */ Symbol("handler"), se = () => Math.random().toString(36).substring(2, 15), Oe = (r) => r.replace(/<[^>]*>?/g, "");
-class ie {
+}, 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 {
   constructor(e) {
     this.parent = e;
   }
-  id = se();
+  id = me();
   properties = {};
   children = [];
   isElement() {
@@ -654,7 +654,7 @@ class ie {
     return !1;
   }
   getText() {
-    return this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? Oe(this.properties.innerHTML) : this.children.map((e) => e.getText()).join("");
+    return this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? Fe(this.properties.innerHTML) : this.children.map((e) => e.getText()).join("");
   }
   removeChild(e) {
     const t = this.children.indexOf(e);
@@ -689,16 +689,16 @@ class ie {
     return this.children.length > 0;
   }
   hasClasses() {
-    return this.properties[A] != null;
+    return this.properties[w] != null;
   }
   hasStyles() {
-    return this.properties[k] != null;
+    return this.properties[E] != null;
   }
   hasAttributes() {
     return Object.keys(this.properties).length > 0;
   }
   hasHandlers() {
-    return this.properties[I] != null;
+    return this.properties[R] != null;
   }
   hasRenderableProperties() {
     return this.hasClasses() || this.hasAttributes() || this.hasStyles();
@@ -707,46 +707,46 @@ class ie {
     if (this.properties.id === e)
       return this;
     for (const t of this.elements()) {
-      const n = t.getById(e);
-      if (n != null)
-        return n;
+      const s = t.getById(e);
+      if (s != null)
+        return s;
     }
   }
   trigger(e, t) {
-    ((this.properties[I] ?? {})[e] ?? []).forEach((s) => s(t));
+    ((this.properties[R] ?? {})[e] ?? []).forEach((r) => r(t));
   }
   click() {
     this.trigger("click", {});
   }
-  on(e, t, n, s) {
-    const o = this.properties[I] ??= {}, i = s?.once ? (c) => {
-      l(), t(c, n);
-    } : (c) => t(c, n);
+  on(e, t, s, r) {
+    const o = this.properties[R] ??= {}, i = r?.once ? (c) => {
+      l(), t(c, s);
+    } : (c) => t(c, s);
     o[e] = [...o[e] ?? [], i];
     const l = () => {
-      const c = o[e] ?? [], a = c.indexOf(i);
-      a !== -1 && (c.splice(a, 1), c.length === 0 ? (delete o[e], Object.keys(o).length === 0 && delete this.properties[I]) : o[e] = c, s?.signal != null && s.signal.removeEventListener("abort", 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));
     };
-    return s?.signal != null && s.signal.addEventListener("abort", l), l;
+    return r?.signal != null && r.signal.addEventListener("abort", l), l;
   }
   addClasses(e) {
     if (e.length === 0)
       return;
-    const t = this.properties[A] ??= [], n = new Set(t);
-    for (const s of e)
-      n.has(s) || (t.push(s), n.add(s));
+    const t = this.properties[w] ??= [], s = new Set(t);
+    for (const r of e)
+      s.has(r) || (t.push(r), s.add(r));
   }
   removeClasses(e) {
     if (e.length === 0)
       return;
-    const t = this.properties[A] ??= [], n = new Set(e);
-    let s = 0;
+    const t = this.properties[w] ??= [], s = new Set(e);
+    let r = 0;
     for (let o = 0; o < t.length; o++)
-      n.has(t[o]) || (t[s] = t[o], s++);
-    t.length = s, t.length === 0 && delete this.properties[A];
+      s.has(t[o]) || (t[r] = t[o], r++);
+    t.length = r, t.length === 0 && delete this.properties[w];
   }
   getClasses() {
-    return this.properties[A] ?? [];
+    return this.properties[w] ?? [];
   }
   getAttributes() {
     return Object.entries(this.properties).filter(
@@ -755,31 +755,31 @@ class ie {
   }
   getVisibleAttributes() {
     return Reflect.ownKeys(this.properties).flatMap(
-      (e) => e === A ? [["class", this.getClasses()]] : e === k ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
+      (e) => e === w ? [["class", this.getClasses()]] : e === E ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
     );
   }
   setStyle(e, t) {
-    const n = this.properties[k] ??= {};
-    n[e] = t, t === "" && (delete n[e], Object.keys(n).length === 0 && delete this.properties[k]);
+    const s = this.properties[E] ??= {};
+    s[e] = t, t === "" && (delete s[e], Object.keys(s).length === 0 && delete this.properties[E]);
   }
   getStyle(e) {
-    return this.properties[k]?.[e] ?? "";
+    return this.properties[E]?.[e] ?? "";
   }
   getStyles() {
-    return this.properties[k] ?? {};
+    return this.properties[E] ?? {};
   }
   makeAccessors(e) {
     const t = this.properties;
     return {
       get: () => t[e],
-      set: (n) => t[e] = n
+      set: (s) => t[e] = s
     };
   }
 }
-const Le = (r) => r.replace(/"/g, "&quot;"), He = (r) => r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-class Ne extends ie {
-  constructor(e, t, n) {
-    super(n), this.tagName = e, this.namespace = t;
+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;
   }
   isPortal() {
     return !1;
@@ -790,12 +790,12 @@ class Ne extends ie {
    */
   buildAttributesString(e) {
     let t = null;
-    const n = 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, a]) => `${c}: ${a};`).join(" ")}"` : Ie.has(i) ? ` ${i}` : i === "innerHTML" ? (t = l, "") : i === "innerText" ? (t = He(l), "") : ` ${i}="${Le(l)}"`).join(""), o = e ? ` ${V} ${Me}="${this.id}"` : "";
-    return { attrs: `${n}${s}${o}`, innerHTML: t };
+    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 };
   }
   toHTML(e = !1) {
-    const t = this.children.map((o) => o.toHTML()).join(""), { attrs: n, innerHTML: s } = this.buildAttributesString(e);
-    return K.has(this.tagName) && t === "" ? `<${this.tagName}${n} />` : `<${this.tagName}${n}>${s ?? t}</${this.tagName}>`;
+    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}>`;
   }
   /**
    * Generates HTML output as an async stream of string chunks.
@@ -805,20 +805,20 @@ class Ne extends ie {
    * @yields String chunks of HTML content.
    */
   async *toHTMLStream(e) {
-    const t = e?.generatePlaceholders ?? !1, { attrs: n, innerHTML: s } = this.buildAttributesString(t);
-    if (K.has(this.tagName) && this.children.length === 0) {
-      yield `<${this.tagName}${n} />`;
+    const t = e?.generatePlaceholders ?? !1, { attrs: s, innerHTML: r } = this.buildAttributesString(t);
+    if (Z.has(this.tagName) && this.children.length === 0) {
+      yield `<${this.tagName}${s} />`;
       return;
     }
-    if (yield `<${this.tagName}${n}>`, s !== null)
-      yield s;
+    if (yield `<${this.tagName}${s}>`, r !== null)
+      yield r;
     else
       for (const o of this.children)
         yield* o.toHTMLStream(e);
     yield `</${this.tagName}>`;
   }
 }
-class oe extends ie {
+class ye extends ge {
   constructor(e, t) {
     super(t), this.selector = e;
   }
@@ -850,11 +850,11 @@ class oe extends ie {
       yield* t.toHTMLStream(e);
   }
 }
-class De {
+class Ue {
   constructor(e) {
     this.text = e;
   }
-  id = se();
+  id = me();
   isElement() {
     return !1;
   }
@@ -877,9 +877,9 @@ class De {
     yield this.text;
   }
 }
-class C {
-  constructor(e, t, n, s) {
-    this.element = e, this.reference = t, this.container = n, this.providers = s;
+class k {
+  constructor(e, t, s, r) {
+    this.element = e, this.reference = t, this.container = s, this.providers = r;
   }
   appendOrInsert(e) {
     if (this.reference != null) {
@@ -889,17 +889,17 @@ class C {
       this.element.children.push(e);
   }
   makeChildElement(e, t) {
-    const n = new Ne(e, t, this.element);
-    return this.appendOrInsert(n), new C(
-      n,
+    const s = new qe(e, t, this.element);
+    return this.appendOrInsert(s), new k(
+      s,
       void 0,
       this.container,
       this.providers
     );
   }
   makeChildText(e) {
-    const t = new De(String(e));
-    return this.appendOrInsert(t), new C(
+    const t = new Ue(String(e));
+    return this.appendOrInsert(t), new k(
       this.element,
       t,
       this.container,
@@ -919,8 +919,8 @@ class C {
     return this.makeChildText("");
   }
   makePortal(e) {
-    const t = new oe(e, this.element);
-    return this.appendOrInsert(t), new C(
+    const t = new ye(e, this.element);
+    return this.appendOrInsert(t), new k(
       t,
       void 0,
       this.container,
@@ -934,17 +934,17 @@ class C {
    * @param value - The provider to set for the given mark.
    * @returns A new `DOMContext` instance with the specified provider.
    */
-  setProvider(e, t, n) {
-    return new C(this.element, this.reference, this.container, {
+  setProvider(e, t, s) {
+    return new k(this.element, this.reference, this.container, {
       ...this.providers,
-      [e]: [t, n]
+      [e]: [t, s]
     });
   }
   getProvider(e) {
     if (this.providers[e] === void 0)
-      throw new J(e);
-    const [t, n] = this.providers[e];
-    return { value: t, onUse: n };
+      throw new ie(e);
+    const [t, s] = this.providers[e];
+    return { value: t, onUse: s };
   }
   clear(e) {
     e && (this.reference !== void 0 ? this.element.removeChild(this.reference) : this.element.remove());
@@ -982,173 +982,291 @@ class C {
   makeAccessors(e) {
     return this.element.makeAccessors(e);
   }
-  moveRangeBefore(e, t, n) {
-    const s = e.reference, o = t.reference, i = n.reference, l = this.element.children, c = l.indexOf(s), d = l.indexOf(o) - c + 1, m = l.splice(c, d), u = l.indexOf(i);
-    l.splice(u, 0, ...m);
+  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);
   }
   removeRange(e, t) {
-    const n = e.reference, s = t.reference, o = this.element.children, i = o.indexOf(n), c = o.indexOf(s) - i + 1;
+    const s = e.reference, r = t.reference, o = this.element.children, i = o.indexOf(s), c = o.indexOf(r) - i + 1;
     o.splice(i, c);
   }
   removeAllBefore(e) {
-    const t = e.reference, n = this.element.children, s = n.indexOf(t);
-    s > 0 && n.splice(0, s);
+    const t = e.reference, s = this.element.children, r = s.indexOf(t);
+    r > 0 && s.splice(0, r);
   }
   detach() {
   }
   reattach() {
   }
 }
-const Ie = /* @__PURE__ */ new Set([
+const Ge = /* @__PURE__ */ new Set([
   "checked",
   "disabled",
   "multiple",
   "readonly",
   "required",
   "selected"
-]), K = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), St = () => (
+]), Z = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), Qe = () => (
   /* c8 ignore next */
   typeof window < "u" ? window : void 0
-), le = /* @__PURE__ */ Symbol("DOM_RENDERABLE"), p = (r) => ge(le, r);
-function Re(r, e) {
-  const t = [], n = e.createDocumentFragment();
-  return W(r, n, [], { count: 0 }, t, e) ? { fragment: n, slots: t, topNodeCount: n.childNodes.length } : null;
+);
+function Je() {
+  const n = Qe(), 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));
+  }
+  return t;
+}
+const Vt = {
+  mark: re("ReducedMotion"),
+  create: () => {
+    const n = Je();
+    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;
+    const i = e === null ? 0 : o - e;
+    e = o, n(i), t = requestAnimationFrame(r);
+  };
+  return t = requestAnimationFrame(r), {
+    dispose: () => {
+      s = !0, t !== null && cancelAnimationFrame(t);
+    }
+  };
+}
+const jt = (n) => y((e) => {
+  const t = q(n);
+  return (s) => {
+    t.dispose(), e.clear(s);
+  };
+});
+function Yt(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;
+}
+function Xt(n, e) {
+  const t = e?.duration ?? 300, s = e?.easing ?? Pe, r = e?.reducedMotion;
+  let o = e?.interpolate;
+  const i = B(n);
+  let l = null, c = n, h = n, f = 0;
+  const d = () => {
+    l !== null && (l.dispose(), l = null);
+  };
+  return { value: i, tweenTo: (p) => {
+    if (d(), t <= 0 || r != null && r.get() === !0) {
+      i.set(p);
+      return;
+    }
+    c = i.get(), h = p, f = 0, o == null && (o = Le(c)), l = q((m) => {
+      f += m;
+      const g = Math.min(f / t, 1), b = s(g);
+      i.set(o(c, h, b)), g >= 1 && d();
+    });
+  }, cancel: d, dispose: () => {
+    d(), i.dispose();
+  } };
+}
+function z(n, e) {
+  const t = n.clientX - e.clientX, s = n.clientY - e.clientY;
+  return Math.hypot(t, s);
 }
-function W(r, e, t, n, s, o) {
-  switch (r.kind) {
+function ee(n, e) {
+  return {
+    x: (n.clientX + e.clientX) / 2,
+    y: (n.clientY + e.clientY) / 2
+  };
+}
+function Ze(n, e, t) {
+  const s = t?.minScale ?? 0.1, r = 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));
+  return { onTouchStart: (a) => {
+    if (a.touches.length !== 2) return;
+    a.preventDefault();
+    const u = a.touches[0], p = a.touches[1];
+    o = z(u, p), i = ee(u, p), l = n.get();
+  }, 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) => {
+  } };
+}
+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) => {
+    const u = performance.now();
+    if (i !== null) {
+      const p = (u - i) / 1e3;
+      p > 0 && (l = (d - r) / p, c = (a - o) / p);
+    }
+    r = d, o = a, i = u;
+  }, release: () => {
+    let d = l, a = c;
+    i = null, l = 0, c = 0;
+    const u = q((p) => {
+      const m = p / 1e3;
+      if (d *= t, a *= t, Math.hypot(d, a) < s) {
+        u.dispose();
+        return;
+      }
+      n(d * 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 K(n, e, t, s, r, o) {
+  switch (n.kind) {
     case "element": {
-      const { tag: i, ns: l, children: c } = r, a = l != null ? o.createElementNS(l, i) : o.createElement(i), d = [...t, n.count++];
-      let m = "";
-      for (let h = 0; h < c.length; h++) {
-        const f = c[h];
-        f.kind === "static-attr" && (f.name === "class" ? m += (m ? " " : "") + f.value : a.setAttribute(f.name, f.value));
+      const { tag: i, ns: l, children: c } = n, h = l != null ? o.createElementNS(l, i) : o.createElement(i), f = [...t, s.count++];
+      let d = "";
+      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));
       }
-      m && a.setAttribute("class", m), e.appendChild(a);
-      for (let h = 0; h < c.length; h++)
-        c[h].kind === "dynamic-attr" && s.push({ path: d, kind: "dynamic-attr" });
-      const u = { count: 0 };
-      for (let h = 0; h < c.length; h++) {
-        const f = c[h];
-        if (!(f.kind === "static-attr" || f.kind === "dynamic-attr") && !W(f, a, d, u, s, o))
+      d && h.setAttribute("class", d), e.appendChild(h);
+      for (let u = 0; u < c.length; u++)
+        c[u].kind === "dynamic-attr" && r.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))
           return !1;
       }
       return !0;
     }
     case "static-text":
-      return e.appendChild(o.createTextNode(r.text)), n.count++, !0;
+      return e.appendChild(o.createTextNode(n.text)), s.count++, !0;
     case "dynamic-text":
-      return e.appendChild(o.createTextNode("")), s.push({
-        path: [...t, n.count++],
+      return e.appendChild(o.createTextNode("")), r.push({
+        path: [...t, s.count++],
         kind: "dynamic-text"
       }), !0;
     case "fragment": {
-      const { children: i } = r;
+      const { children: i } = n;
       for (let l = 0; l < i.length; l++)
-        if (!W(i[l], e, t, n, s, o))
+        if (!K(i[l], e, t, s, r, o))
           return !1;
       return !0;
     }
     case "empty":
       return !0;
     default:
-      return r.kind === void 0 ? (e.appendChild(o.createComment("")), s.push({
-        path: [...t, n.count++],
+      return n.kind === void 0 ? (e.appendChild(o.createComment("")), r.push({
+        path: [...t, s.count++],
         kind: "slot"
       }), !0) : !1;
   }
 }
-function _e(r, e) {
-  let t = r;
-  for (let n = 0; n < e.length; n++)
-    t = t.childNodes[e[n]];
+function tt(n, e) {
+  let t = n;
+  for (let s = 0; s < e.length; s++)
+    t = t.childNodes[e[s]];
   return t;
 }
-function $e(r, e, t) {
-  const n = e, s = r.fragment.cloneNode(!0), o = r.topNodeCount, i = new Array(o);
-  let l = s.firstChild;
-  for (let u = 0; u < o; u++)
-    i[u] = l, l = l.nextSibling;
-  const c = r.slots.length, a = new Array(c);
-  for (let u = 0; u < c; u++)
-    a[u] = _e(s, r.slots[u].path);
-  n.appendOrInsert(s);
-  const d = new Array(c);
-  for (let u = 0; u < c; u++) {
-    const h = r.slots[u], f = a[u];
-    if (h.kind === "dynamic-text") {
-      const b = t[u], g = f;
-      g.textContent = b.transform(b.source.value), d[u] = b.source.onChange((w) => {
-        g.textContent = b.transform(w);
+function nt(n, e, t) {
+  const s = e, r = n.fragment.cloneNode(!0), o = n.topNodeCount, i = new Array(o);
+  let l = r.firstChild;
+  for (let a = 0; a < o; a++)
+    i[a] = l, l = l.nextSibling;
+  const c = n.slots.length, h = new Array(c);
+  for (let a = 0; a < c; a++)
+    h[a] = tt(r, n.slots[a].path);
+  s.appendOrInsert(r);
+  const f = new Array(c);
+  for (let a = 0; a < c; a++) {
+    const u = n.slots[a], p = h[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);
       });
-    } else if (h.kind === "dynamic-attr") {
-      const b = t[u], g = new T(
-        n.document,
-        f,
+    } else if (u.kind === "dynamic-attr") {
+      const m = t[a], g = new S(
+        s.document,
+        p,
         void 0,
-        n.providers
+        s.providers
       );
-      d[u] = b.render(g);
+      f[a] = m.render(g);
     } else {
-      const b = t[u], g = f, w = new T(
-        n.document,
+      const m = t[a], g = p, b = new S(
+        s.document,
         g.parentNode,
         g,
-        n.providers
+        s.providers
       );
-      d[u] = b.render(w), g.remove();
+      f[a] = m.render(b), g.remove();
     }
   }
-  const m = new T(
-    n.document,
-    n.element,
+  const d = new S(
+    s.document,
+    s.element,
     i[0],
-    n.providers
+    s.providers
   );
   return {
-    clear: (u) => {
-      for (let h = 0; h < c; h++)
-        d[h](u);
-      if (u)
-        for (let h = 0; h < o; h++) {
-          const f = i[h];
-          f.parentNode && f.parentNode.removeChild(f);
+    clear: (a) => {
+      for (let u = 0; u < c; u++)
+        f[u](a);
+      if (a)
+        for (let u = 0; u < o; u++) {
+          const p = i[u];
+          p.parentNode && p.parentNode.removeChild(p);
         }
     },
-    startCtx: m
+    startCtx: d
   };
 }
-function Be(r) {
+function st(n) {
   const e = [];
-  function t(n) {
-    switch (n.kind) {
+  function t(s) {
+    switch (s.kind) {
       case "element": {
-        const { tag: s, children: o } = n;
-        e.push(`E:${s}`);
+        const { tag: r, children: o } = s;
+        e.push(`E:${r}`);
         for (const i of o) if (!t(i)) return !1;
         e.push("/E");
         break;
       }
       case "static-attr":
-        e.push(`SA:${n.name}=${n.value}`);
+        e.push(`SA:${s.name}=${s.value}`);
         break;
       case "dynamic-attr":
         e.push("DA");
         break;
       case "static-text":
-        e.push(`ST:${n.text}`);
+        e.push(`ST:${s.text}`);
         break;
       case "dynamic-text":
         e.push("DT");
         break;
       case "fragment": {
-        const { children: s } = n;
-        for (const o of s) if (!t(o)) return !1;
+        const { children: r } = s;
+        for (const o of r) if (!t(o)) return !1;
         break;
       }
       case "empty":
         break;
       default:
-        if (n.kind === void 0) {
+        if (s.kind === void 0) {
           e.push("S");
           break;
         }
@@ -1156,15 +1274,15 @@ function Be(r) {
     }
     return !0;
   }
-  return t(r) ? e.join("|") : null;
+  return t(n) ? e.join("|") : null;
 }
-function je(r) {
+function rt(n) {
   const e = [];
-  function t(n) {
-    switch (n.kind) {
+  function t(s) {
+    switch (s.kind) {
       case "element": {
-        const { children: s } = n;
-        for (const o of s)
+        const { children: r } = s;
+        for (const o of r)
           if (o.kind !== "static-attr") {
             if (o.kind === "dynamic-attr") {
               e.push(o);
@@ -1175,120 +1293,120 @@ function je(r) {
         break;
       }
       case "fragment": {
-        const { children: s } = n;
-        for (const o of s) t(o);
+        const { children: r } = s;
+        for (const o of r) t(o);
         break;
       }
       case "static-text":
       case "empty":
         break;
       case "dynamic-text":
-        e.push(n);
+        e.push(s);
         break;
       default:
-        n.kind === void 0 && e.push(n);
+        s.kind === void 0 && e.push(s);
         break;
     }
   }
-  return t(r), e;
+  return t(n), e;
 }
-const Ve = {
-  build(r, e) {
+const it = {
+  build(n, e) {
     if (!e.isBrowser()) return null;
-    const t = r;
+    const t = n;
     if (t.kind === void 0) return null;
-    const n = e.document;
-    return Re(t, n);
+    const s = e.document;
+    return et(t, s);
   },
-  cloneAndHydrate(r, e, t) {
-    return $e(r, e, t);
+  cloneAndHydrate(n, e, t) {
+    return nt(n, e, t);
   },
-  fingerprint(r) {
-    return Be(r);
+  fingerprint(n) {
+    return st(n);
   },
-  extractSlots(r) {
-    return je(r);
+  extractSlots(n) {
+    return rt(n);
   }
-}, We = Te({
-  type: le,
-  create: p,
-  templateEngine: Ve
+}, ot = He({
+  type: Te,
+  create: y,
+  templateEngine: it
 }), {
-  Empty: Fe,
-  Fragment: S,
-  When: xt,
-  Unless: wt,
-  ForEach: At,
-  KeyedForEach: kt,
-  Repeat: Ct,
-  OneOf: vt,
-  OneOfField: Et,
-  OneOfKind: Pt,
-  OneOfType: Mt,
-  OneOfValue: Ot,
-  OneOfTuple: Lt,
-  MapSignal: Ht,
-  MapText: Nt,
-  Ensure: Dt,
-  EnsureAll: It,
-  NotEmpty: Rt,
-  Task: _t,
-  Async: $t,
-  OnDispose: ce,
-  Conjunction: Bt,
-  WithScope: jt,
-  WithProvider: Vt,
-  Provide: Wt,
-  Use: Ft,
-  UseMany: Kt,
-  handleValueOrSignal: qt,
-  createReactiveRenderable: Gt,
-  renderableOfTNode: v
-} = We, q = /* @__PURE__ */ new Map();
-function Ke(r) {
-  let e = q.get(r);
-  return e === void 0 && (e = r.split(" ").filter((t) => t.length > 0), q.set(r, e)), e;
+  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,
+  OnDispose: Y,
+  Conjunction: cn,
+  WithScope: at,
+  WithProvider: an,
+  Provide: un,
+  Use: dn,
+  UseMany: hn,
+  handleValueOrSignal: fn,
+  createReactiveRenderable: pn,
+  renderableOfTNode: A
+} = ot, te = /* @__PURE__ */ new Map();
+function ut(n) {
+  let e = te.get(n);
+  return e === void 0 && (e = n.split(" ").filter((t) => t.length > 0), te.set(n, e)), e;
 }
-const qe = (r) => {
-  const e = p((t) => (t.addClasses(r), (n) => {
-    n && t.removeClasses(r);
+const dt = (n) => {
+  const e = y((t) => (t.addClasses(n), (s) => {
+    s && t.removeClasses(n);
   }));
-  return e.kind = "static-attr", e.name = "class", e.value = r.join(" "), e;
-}, Ge = (r) => {
-  const e = p((t) => {
-    let n = [];
-    const s = r.on(
+  return e.kind = "static-attr", e.name = "class", e.value = n.join(" "), e;
+}, ht = (n) => {
+  const e = y((t) => {
+    let s = [];
+    const r = n.on(
       (o) => {
         const i = (o ?? "").split(" ").filter((l) => l.length > 0);
-        n.length > 0 && t.removeClasses(n), i.length > 0 && t.addClasses(i), n = i;
+        s.length > 0 && t.removeClasses(s), i.length > 0 && t.addClasses(i), s = i;
       },
       { noAutoDispose: !0 }
     );
     return (o) => {
-      s(), o && t.removeClasses(n), n = [];
+      r(), o && t.removeClasses(s), s = [];
     };
   });
   return e.kind = "dynamic-attr", e;
-}, Ue = (r, e) => {
-  const t = p((n) => {
-    const { get: s, set: o } = n.makeAccessors(r), i = s();
+}, ft = (n, e) => {
+  const t = y((s) => {
+    const { get: r, set: o } = s.makeAccessors(n), i = r();
     return o(e), (l) => {
       l && o(i);
     };
   });
-  return t.kind = "static-attr", t.name = r, t.value = String(e), t;
-}, Je = (r, e) => {
-  const t = p((n) => {
-    const { get: s, set: o } = n.makeAccessors(r), i = s(), l = e.on(o, { noAutoDispose: !0 });
+  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 });
     return (c) => {
       l(), c && o(i);
     };
   });
   return t.kind = "dynamic-attr", t;
-}, N = (r, e) => B.is(e) ? Je(r, e) : Ue(r, e), Ye = (r, e) => r === "class" ? B.is(e) ? Ge(e) : qe(
+}, H = (n, e) => j.is(e) ? pt(n, e) : ft(n, e), mt = (n, e) => n === "class" ? j.is(e) ? ht(e) : dt(
   /* c8 ignore next */
   (e ?? "").split(" ").filter((t) => t.length > 0)
-) : N(r, e), y = new Proxy(
+) : H(n, e), T = new Proxy(
   {},
   {
     /**
@@ -1302,22 +1420,9 @@ const qe = (r) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (r, e) => (t) => Ye(e, t)
-  }
-), Xe = (r, e) => N(`data-${r}`, e), Ut = new Proxy(
-  {},
-  {
-    /**
-     * 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: (r, e) => (t) => Xe(e, t)
+    get: (n, e) => (t) => mt(e, t)
   }
-), ze = (r, e) => N(`aria-${r}`, e), Jt = new Proxy(
+), gt = (n, e) => H(`data-${n}`, e), mn = (n, e) => gt(n, e), yt = (n, e) => H(`aria-${n}`, e), gn = new Proxy(
   {},
   {
     /**
@@ -1328,9 +1433,9 @@ const qe = (r) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (r, e) => (t) => ze(e, t)
+    get: (n, e) => (t) => yt(e, t)
   }
-), Qe = (r, e) => N(r, e), Yt = new Proxy(
+), Tt = (n, e) => H(n, e), yn = new Proxy(
   {},
   {
     /**
@@ -1341,9 +1446,9 @@ const qe = (r) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (r, e) => (t) => Qe(e, t)
+    get: (n, e) => (t) => Tt(e, t)
   }
-), Ze = (r, e) => N(r, e), Xt = new Proxy(
+), bt = (n, e) => H(n, e), Tn = new Proxy(
   {},
   {
     /**
@@ -1353,40 +1458,40 @@ const qe = (r) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (r, e) => (t) => Ze(e, t)
+    get: (n, e) => (t) => bt(e, t)
   }
-), G = /* @__PURE__ */ new WeakMap();
-function et(r, e) {
-  let t = G.get(r);
-  return t || (t = ye(r, e), G.set(
-    r,
+), ne = /* @__PURE__ */ new WeakMap();
+function St(n, e) {
+  let t = ne.get(n);
+  return t || (t = Ie(n, e), ne.set(
+    n,
     t
   )), t;
 }
-const zt = (r, e, t = "danger", n) => {
-  const s = Ke(t), o = p((i) => {
-    const a = et(r, n)(e).on(
-      (d) => {
-        d ? i.addClasses(s) : i.removeClasses(s);
+const bn = (n, e, t = "danger", s) => {
+  const r = ut(t), o = y((i) => {
+    const h = St(n, s)(e).on(
+      (f) => {
+        f ? i.addClasses(r) : i.removeClasses(r);
       },
       { noAutoDispose: !0 }
     );
-    return (d) => {
-      a(), d && i.removeClasses(s);
+    return (f) => {
+      h(), f && i.removeClasses(r);
     };
   });
   return o.kind = "dynamic-attr", o;
-}, ae = (r, e, t) => {
-  const n = p(
-    (s) => s.on(r, e, t)
+}, be = (n, e, t) => {
+  const s = y(
+    (r) => r.on(n, e, t)
   );
-  return n.kind = "dynamic-attr", n;
-}, tt = (r) => ae("click", (e, t) => {
+  return s.kind = "dynamic-attr", s;
+}, vt = (n) => be("click", (e, t) => {
   e.preventDefault();
-  const n = e.target;
+  const s = e.target;
   setTimeout(() => {
-    const s = n.ownerDocument != null ? n?.checked : void 0;
-    s != null && r(!s, t);
+    const r = s.ownerDocument != null ? s?.checked : void 0;
+    r != null && n(!r, t);
   }, 0);
 }), D = new Proxy(
   {},
@@ -1396,116 +1501,116 @@ const zt = (r, e, t = "danger", n) => {
      * @param fn - The function to call when the event is triggered.
      * @returns A `Renderable` function that adds the event listener to the element.
      */
-    get: (r, e) => (t) => ae(e, t)
-  }
-), rt = (r, e) => (t) => {
-  e?.preventDefault === !0 && t.preventDefault(), e?.stopPropagation === !0 && t.stopPropagation(), e?.stopImmediatePropagation === !0 && t.stopImmediatePropagation(), r(t);
-}, x = (r, e) => rt((t) => {
-  const n = t.target;
-  r(n, t);
-}, e), nt = (r, e) => x(
-  (t, n) => r(t.value, n),
+    get: (n, e) => (t) => be(e, t)
+  }
+), xt = (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),
   e
-), st = (r, e) => x(
-  (t, n) => r(t.valueAsNumber, n),
+), Et = (n, e) => x(
+  (t, s) => n(t.valueAsNumber, s),
   e
-), it = (r, e) => x((t, n) => {
+), kt = (n, e) => x((t, s) => {
   if (t.value === "")
     return;
-  const s = t.value.split("-"), o = new Date(
-    Number(s[0]),
-    Number(s[1]) - 1,
-    Number(s[2].substring(0, 2))
+  const r = t.value.split("-"), o = new Date(
+    Number(r[0]),
+    Number(r[1]) - 1,
+    Number(r[2].substring(0, 2))
   );
-  r(o, n);
-}, e), Qt = (r, e) => x((t, n) => {
+  n(o, s);
+}, e), Sn = (n, e) => x((t, s) => {
   if (t.value === "") {
-    r(null, n);
+    n(null, s);
     return;
   }
-  const s = t.value.split("-"), o = new Date(
-    Number(s[0]),
-    Number(s[1]) - 1,
-    Number(s[2].substring(0, 2))
+  const r = t.value.split("-"), o = new Date(
+    Number(r[0]),
+    Number(r[1]) - 1,
+    Number(r[2].substring(0, 2))
   );
-  r(o, n);
-}, e), ot = (r, e) => x((t, n) => {
+  n(o, s);
+}, e), At = (n, e) => x((t, s) => {
   if (t.value === "")
     return;
-  const s = t.value.split("T"), o = s[0].split("-"), i = new Date(
+  const r = t.value.split("T"), o = r[0].split("-"), i = new Date(
     Number(o[0]),
     Number(o[1]) - 1,
     Number(o[2])
-  ), l = s[1].split(":");
-  i.setHours(Number(l[0])), i.setMinutes(Number(l[1])), i.setSeconds(Number(l[2])), r(i, n);
-}, e), Zt = (r, e) => x((t, n) => {
+  ), 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) => {
   if (t.value === "") {
-    r(null, n);
+    n(null, s);
     return;
   }
-  const s = t.value.split("T");
-  if (s.length !== 2) {
-    r(null, n);
+  const r = t.value.split("T");
+  if (r.length !== 2) {
+    n(null, s);
     return;
   }
-  const o = s[0].split("-"), i = new Date(
+  const o = r[0].split("-"), i = new Date(
     Number(o[0]),
     Number(o[1]) - 1,
     Number(o[2])
-  ), l = s[1].split(":");
-  i.setHours(Number(l[0] ?? 0)), i.setMinutes(Number(l[1] ?? 0)), i.setSeconds(Number(l[2] ?? 0)), r(i, n);
-}, e), er = (r, e) => x((t, n) => {
-  r(t.checked, n);
-}, e), tr = (r, e = "input") => S(
-  y.valueAsDate(r),
-  D[e](it((t) => r.set(t)))
-), rr = (r, e = "input") => S(
-  y.valueAsDate(r),
-  D[e](ot((t) => r.set(t)))
-), nr = (r, e = "input") => S(
-  y.valueAsNumber(r),
-  D[e](st((t) => r.set(t)))
-), sr = (r, e = "input") => S(y.value(r), D[e](nt((t) => r.set(t)))), ir = (r) => S(
-  y.checked(r),
-  tt((e) => r.set(e))
-), lt = (r, e, t, n) => {
-  const s = p((o) => {
+  ), 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(
+  T.valueAsDate(n),
+  D[e](kt((t) => n.set(t)))
+), En = (n, e = "input") => v(
+  T.valueAsDate(n),
+  D[e](At((t) => n.set(t)))
+), kn = (n, e = "input") => v(
+  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(
+  T.checked(n),
+  vt((e) => n.set(e))
+), Ct = (n, e, t, s) => {
+  const r = y((o) => {
     if (!o.isBrowser())
       return () => {
       };
     const i = o.element, l = (c) => {
-      const a = c.target?.closest(e);
-      a != null && i.contains(a) && t(c, o);
+      const h = c.target?.closest(e);
+      h != null && i.contains(h) && t(c, o);
     };
-    return i.addEventListener(r, l, n), (c) => {
-      c && i.removeEventListener(r, l, n);
+    return i.addEventListener(n, l, s), (c) => {
+      c && i.removeEventListener(n, l, s);
     };
   });
-  return s.kind = "dynamic-attr", s;
-}, or = new Proxy(
+  return r.kind = "dynamic-attr", r;
+}, Mn = new Proxy(
   {},
   {
-    get: (r, e) => (t, n, s) => lt(e, t, n, s)
+    get: (n, e) => (t, s, r) => Ct(e, t, s, r)
   }
-), lr = (r) => p((e) => (e.appendOrInsert(r), (t) => {
-  t && $(r);
-})), ue = (r, ...e) => {
-  const t = e.map(v), n = p((s) => {
-    const o = s.makeChildElement(r, void 0), i = t.map((l) => l.render(o));
+), On = (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));
     return (l) => {
       i.forEach((c) => c(!1)), o.clear(l);
     };
   });
-  return n.kind = "element", n.tag = r, n.children = t, n;
-}, j = (r, e, ...t) => {
-  const n = t.map(v), s = p((o) => {
-    const i = o.makeChildElement(r, e), l = n.map((c) => c.render(i));
+  return s.kind = "element", s.tag = n, s.children = t, s;
+}, 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));
     return (c) => {
-      l.forEach((a) => a(!1)), i.clear(c);
+      l.forEach((h) => h(!1)), i.clear(c);
     };
   });
-  return s.kind = "element", s.tag = r, s.ns = e, s.children = n, s;
-}, ct = new Proxy(
+  return r.kind = "element", r.tag = n, r.ns = e, r.children = s, r;
+}, Mt = new Proxy(
   {},
   {
     /**
@@ -1513,9 +1618,9 @@ const zt = (r, e, t = "danger", n) => {
      * @param tagName - The HTML tag name.
      * @returns A renderable function that creates and appends the HTML element to the DOM.
      */
-    get: (r, e) => (...t) => ue(e, ...t)
+    get: (n, e) => (...t) => Se(e, ...t)
   }
-), cr = new Proxy(
+), Pn = new Proxy(
   {},
   {
     /**
@@ -1523,9 +1628,9 @@ const zt = (r, e, t = "danger", n) => {
      * @param type - The input type name.
      * @returns A renderable function that creates and appends the HTMLInput element to the DOM.
      */
-    get: (r, e) => (...t) => ue("input", y.type(e), ...t)
+    get: (n, e) => (...t) => Se("input", T.type(e), ...t)
   }
-), de = "http://www.w3.org/2000/svg", ar = (r, ...e) => j(r, de, ...e), ur = new Proxy(
+), ve = "http://www.w3.org/2000/svg", Ln = (n, ...e) => X(n, ve, ...e), In = new Proxy(
   {},
   {
     /**
@@ -1533,9 +1638,9 @@ const zt = (r, e, t = "danger", n) => {
      * @param tagName - The SVG tag name.
      * @returns A renderable function that creates and appends the SVG element to the DOM.
      */
-    get: (r, e) => (...t) => j(e, de, ...t)
+    get: (n, e) => (...t) => X(e, ve, ...t)
   }
-), he = "http://www.w3.org/1998/Math/MathML", dr = (r, ...e) => j(r, he, ...e), hr = new Proxy(
+), xe = "http://www.w3.org/1998/Math/MathML", Hn = (n, ...e) => X(n, xe, ...e), Dn = new Proxy(
   {},
   {
     /**
@@ -1543,123 +1648,123 @@ const zt = (r, e, t = "danger", n) => {
      * @param tagName - The Math tag name.
      * @returns A renderable function that creates and appends the Math element to the DOM.
      */
-    get: (r, e) => (...t) => j(e, he, ...t)
+    get: (n, e) => (...t) => X(e, xe, ...t)
   }
-), F = (r) => p((e) => {
+), N = (n) => y((e) => {
   if (e.isBrowser()) {
-    const t = r(e);
+    const t = n(e);
     if (t != null)
-      return v(t).render(e);
+      return A(t).render(e);
   }
   return () => {
   };
 });
-function fr({
-  src: r,
+function Nn({
+  src: n,
   name: e,
   width: t,
-  height: n,
-  sandbox: s,
+  height: s,
+  sandbox: r,
   allow: o,
   referrerpolicy: i,
   loading: l,
   iframeChild: c,
-  onLoad: a
-} = {}, ...d) {
-  return ct.iframe(
-    y.src(r),
-    y.name(e),
-    y.width(
-      t != null ? _.map(t, String) : void 0
+  onLoad: h
+} = {}, ...f) {
+  return Mt.iframe(
+    T.src(n),
+    T.name(e),
+    T.width(
+      t != null ? $.map(t, String) : void 0
     ),
-    y.height(
-      n != null ? _.map(n, String) : void 0
+    T.height(
+      s != null ? $.map(s, String) : void 0
     ),
-    y.sandbox(s),
-    y.allow(o),
-    y.referrerpolicy(i),
+    T.sandbox(r),
+    T.allow(o),
+    T.referrerpolicy(i),
     c,
-    F((m) => {
-      const u = m.element;
-      let h, f = !1;
-      const b = () => {
-        if (f) return;
-        f = !0;
-        const g = u.contentDocument;
-        if (g && (a && a(u), d.length > 0)) {
-          const w = g.body;
-          if (w) {
-            const fe = m.withElement(w);
-            h = H(S(...d), fe);
+    N((d) => {
+      const a = d.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);
           }
         }
       };
-      return l != null && _.on(l, (g) => {
-        u.loading = g;
-      }), (d.length > 0 || a) && (r || setTimeout(b, 0)), S(
-        d.length > 0 || a ? D.load(b) : Fe,
-        ce(() => {
-          h && h(!1);
+      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,
+        Y(() => {
+          u && u(!1);
         })
       );
     })
   );
 }
-const pr = (r, e) => p((t) => {
-  const n = t.makePortal(r), s = H(v(e), n);
-  return () => s(!0);
-}), R = /* @__PURE__ */ new Map(), at = (r) => ({
-  mark: be(`Probe(${r.description})`),
+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})`),
   create: ({ callback: e = () => {
   }, timeout: t = 10 } = {}) => {
-    const n = (l) => {
-      clearTimeout(s), R.delete(r), e(l);
+    const s = (l) => {
+      clearTimeout(r), _.delete(n), e(l);
     };
-    if (R.has(r))
-      throw new Error(`Probe already exists: ${r.description}`);
-    const s = setTimeout(() => n("timeout"), t), o = { counter: 0, timeoutId: s };
-    return R.set(r, o), {
+    if (_.has(n))
+      throw new Error(`Probe already exists: ${n.description}`);
+    const r = setTimeout(() => s("timeout"), t), o = { counter: 0, timeoutId: r };
+    return _.set(n, o), {
       value: () => {
-        clearTimeout(s);
-        const l = R.get(r);
-        l != null && --l.counter === 0 && n("resolved");
+        clearTimeout(r);
+        const l = _.get(n);
+        l != null && --l.counter === 0 && s("resolved");
       },
-      dispose: () => n("disposed"),
+      dispose: () => s("disposed"),
       onUse: () => o.counter++
     };
   }
-}), mr = at(/* @__PURE__ */ Symbol("GlobalProbe"));
-function gr({
-  mode: r,
+}), _n = Ot(/* @__PURE__ */ Symbol("GlobalProbe"));
+function $n({
+  mode: n,
   delegatesFocus: e,
   slotAssignment: t,
-  clonable: n,
-  serializable: s
+  clonable: s,
+  serializable: r
 }, ...o) {
-  return F((i) => {
-    const l = { mode: r };
-    e !== void 0 && (l.delegatesFocus = e), t !== void 0 && (l.slotAssignment = t), n !== void 0 && (l.clonable = n), s !== void 0 && (l.serializable = s);
-    const c = i.element.attachShadow(l), a = i.withElement(c), d = H(S(...o), a);
-    return ce(() => d(!0));
+  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);
+    return Y(() => f(!0));
   });
 }
-const ut = (r, e) => {
-  const t = p((n) => {
-    const s = n.getStyle(r);
-    return n.setStyle(r, e), (o) => {
-      o && n.setStyle(r, s);
+const Pt = (n, e) => {
+  const t = y((s) => {
+    const r = s.getStyle(n);
+    return s.setStyle(n, e), (o) => {
+      o && s.setStyle(n, r);
     };
   });
   return t.kind = "dynamic-attr", t;
-}, dt = (r, e) => {
-  const t = p((n) => {
-    const s = n.getStyle(r), o = e.on((i) => n.setStyle(r, i));
+}, Lt = (n, e) => {
+  const t = y((s) => {
+    const r = s.getStyle(n), o = e.on((i) => s.setStyle(n, i));
     return (i) => {
-      o(), i && n.setStyle(r, s);
+      o(), i && s.setStyle(n, r);
     };
   });
   return t.kind = "dynamic-attr", t;
-}, U = (r, e) => B.is(e) ? dt(r, e) : ut(r, e), yr = new Proxy({}, {
+}, se = (n, e) => j.is(e) ? Lt(n, e) : Pt(n, e), Bn = new Proxy({}, {
   /**
    * Creates a renderable component for the specified `style` property.
    *
@@ -1668,175 +1773,282 @@ const ut = (r, e) => {
    * @returns The renderable component for the specified attribute.
    *
    */
-  get: (r, e) => e === "variable" ? (t, n) => U(t, n) : (t) => U(e, t)
-}), ht = (r) => p((e) => {
-  const t = e.makeChildText(r);
-  return (n) => t.clear(n);
-}), ft = (r) => p((e) => {
-  const t = e.makeChildText(r.value), n = r.on((s) => t.setText(s));
-  return (s) => {
-    n(), t.clear(s);
+  get: (n, e) => e === "variable" ? (t, s) => se(t, s) : (t) => se(e, t)
+}), It = (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);
   };
-}), br = (r) => B.is(r) ? ft(r) : ht(r), Tr = (r) => p((e) => {
-  const t = r(e);
+}), Vn = (n) => j.is(n) ? Ht(n) : It(n), jn = (n) => y((e) => {
+  const t = n(e);
   return t == null ? () => {
-  } : v(t).render(e);
-}), Sr = (r) => F((e) => r(e.element)), xr = (r) => p((e) => {
+  } : A(t).render(e);
+}), Yn = (n) => N((e) => n(e.element)), Xn = (n) => y((e) => {
   if (e.isHeadlessDOM()) {
-    const t = r(e);
+    const t = n(e);
     if (t)
-      return v(t).render(e);
+      return A(t).render(e);
   }
   return () => {
   };
+}), Fn = (n, e) => N((t) => {
+  const s = t.element, r = Ze(
+    n,
+    () => s.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);
+  });
+}), Wn = (n, e) => N((t) => {
+  const s = t.element, r = ze(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());
+  };
+  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);
+  });
 });
+function Kn(n, e, t, s) {
+  return at((r) => {
+    const o = B([]), i = /* @__PURE__ */ new Map();
+    r.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();
+        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) {
+              const p = setTimeout(() => {
+                i.delete(u.key), l.delete(u.key), o.set(o.get().filter((m) => m.key !== u.key));
+              }, s.exitDuration);
+              i.set(u.key, p);
+            } else s.useAnimationEvents || l.delete(u.key);
+        const d = c.map((u) => {
+          const p = e(u), m = f.find(
+            (g) => g.key === p && !l.has(p)
+          );
+          return m ?? {
+            value: u,
+            key: p,
+            isExiting: B(!1)
+          };
+        }), a = f.filter(
+          (u) => l.has(u.key) && !h.has(u.key)
+        );
+        o.set([...d, ...a]);
+      },
+      { skipInitial: !1 }
+    ), ct(
+      o,
+      (c) => c.key,
+      (c, h) => {
+        const f = c.map((a) => a.value), d = c.get().isExiting;
+        return t(f, h, d);
+      }
+    );
+  });
+}
 export {
-  ze as Aria,
-  $t as Async,
-  Ye as Attr,
-  ir as BindChecked,
-  tr as BindDate,
-  rr as BindDateTime,
-  nr as BindNumber,
-  sr as BindText,
-  T as BrowserContext,
-  E as CLASS_PLACEHOLDER_ATTR,
-  kr as Computed,
-  Bt as Conjunction,
-  lr as DOMNode,
-  Xe as DataAttr,
-  Cr as DisposalScope,
-  ue as El,
-  j as ElNS,
-  vr as ElementPosition,
-  Fe as Empty,
-  Dt as Ensure,
-  It as EnsureAll,
-  At as ForEach,
-  S as Fragment,
-  mr as GlobalProbe,
-  Me as HYDRATION_ID_ATTR,
-  bt as HeadlessAdapter,
-  C as HeadlessContext,
-  Ne as HeadlessElement,
-  oe as HeadlessPortal,
-  De as HeadlessText,
-  fr as IFrame,
-  kt as KeyedForEach,
-  Er as KeyedPosition,
-  Ht as MapSignal,
-  Nt as MapText,
-  Ze as MathAttr,
-  dr as MathEl,
-  Pr as MemoryStore,
-  Rt as NotEmpty,
-  tt as OnChecked,
-  ce as OnDispose,
-  vt as OneOf,
-  Et as OneOfField,
-  Pt as OneOfKind,
-  Lt as OneOfTuple,
-  Mt as OneOfType,
-  Ot as OneOfValue,
-  pr as Portal,
-  Mr as Prop,
-  Wt as Provide,
-  Tn as ProviderNotFoundError,
-  Ae as RenderingError,
-  Ct as Repeat,
-  Qe as SVGAttr,
-  ar as SVGEl,
-  gr as ShadowRoot,
-  Or as Signal,
-  _t as Task,
-  br as TextNode,
-  wt as Unless,
-  Ft as Use,
-  Kt as UseMany,
-  Lr as Value,
-  xt as When,
-  F as WithBrowserCtx,
-  Tr as WithCtx,
-  Sr as WithElement,
-  xr as WithHeadlessCtx,
-  Vt as WithProvider,
-  jt as WithScope,
-  V as _NODE_PLACEHOLDER_ATTR,
-  we as _getSelfOrParentElement,
-  te as _isElement,
-  re as _isFragment,
-  xe as _makeGetter,
-  Se as _makeSetter,
-  $ as _removeDOMNode,
-  ft as _signalText,
-  ht as _staticText,
-  Hr as animateSignal,
-  Nr as animateSignals,
-  Jt as aria,
-  y as attr,
-  Dr as bind,
-  Ir as coalesce,
-  Rr as computed,
-  _r as computedOf,
-  $r as computedOfAsync,
-  Br as computedOfAsyncGenerator,
-  jr as computedRecord,
-  Sn as createRenderKit,
-  Vr as createRenderable,
-  Wr as createSelector,
-  Ut as dataAttr,
-  Fr as delaySignal,
-  or as delegate,
-  Kr as effect,
-  qr as effectOf,
-  rt as emit,
-  er as emitChecked,
+  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,
+  C as CLASS_PLACEHOLDER_ATTR,
+  Gn as Computed,
+  cn as Conjunction,
+  On as DOMNode,
+  gt as DataAttr,
+  Qn as DisposalScope,
+  Se 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,
+  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,
+  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,
+  N as WithBrowserCtx,
+  jn as WithCtx,
+  Yn as WithElement,
+  Xn as WithHeadlessCtx,
+  an as WithProvider,
+  at as WithScope,
+  W as _NODE_PLACEHOLDER_ATTR,
+  Re as _getSelfOrParentElement,
+  he as _isElement,
+  fe as _isFragment,
+  Ne as _makeGetter,
+  De as _makeSetter,
+  V as _removeDOMNode,
+  Ht as _signalText,
+  It as _staticText,
+  ss as animateSignal,
+  rs as animateSignals,
+  gn 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,
   x as emitTarget,
-  nt as emitValue,
-  it as emitValueAsDate,
-  ot as emitValueAsDateTime,
-  Qt as emitValueAsNullableDate,
-  Zt as emitValueAsNullableDateTime,
-  st as emitValueAsNumber,
-  Gr as endInterpolate,
-  Ur as getCurrentScope,
-  Jr as getParentScope,
-  Yr as getScopeStack,
-  St as getWindow,
-  Xr as guessInterpolate,
-  ct as html,
-  cr as input,
-  zr as interpolateDate,
-  Qr as interpolateNumber,
-  Zr as interpolateString,
-  en as joinSignals,
-  tn as localStorageProp,
-  at as makeProbe,
-  rn as makeProviderMark,
-  hr as math,
-  Xt as mathAttr,
-  nn as merge,
+  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,
   D as on,
-  sn as popScope,
-  on as previousSignal,
-  ln as prop,
-  cn as pushScope,
-  gt as render,
-  H as renderWithContext,
-  v as renderableOfTNode,
-  Tt as restoreTempoPlaceholders,
-  yt as runHeadless,
-  an as scoped,
-  zt as selectedClass,
-  un as sessionStorageProp,
-  dn as signal,
-  hn as slidingWindowSignal,
-  fn as storedProp,
-  pn as strictEquals,
-  yr as style,
-  ur as svg,
-  Yt as svgAttr,
-  mn as syncProp,
-  gn as untracked,
-  yn as withScope
+  nr as popScope,
+  sr as previousSignal,
+  rr as prop,
+  ir as pushScope,
+  Rt 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
 };