@tempots/dom 37.0.0 → 37.0.2

package/index.js

@@ -1,7 +1,7 @@
-import { DisposalScope as pe, withScope as me, Value as _, createRenderable as ge, Signal as B, createSelector as be, makeProviderMark as ye } from "@tempots/core";
-import { Computed as vn, DisposalScope as Cn, ElementPosition as En, KeyedPosition as Pn, MemoryStore as Mn, Prop as On, Signal as Ln, Value as Hn, animateSignal as Nn, animateSignals as Dn, bind as In, coalesce as Rn, computed as _n, computedOf as $n, computedOfAsync as Bn, computedOfAsyncGenerator as jn, computedRecord as Vn, createRenderable as Wn, createSelector as Fn, delaySignal as Kn, effect as qn, effectOf as Gn, endInterpolate as Un, getCurrentScope as Jn, getParentScope as Yn, getScopeStack as Xn, guessInterpolate as zn, interpolateDate as Qn, interpolateNumber as Zn, interpolateString as er, joinSignals as tr, localStorageProp as nr, makeProviderMark as rr, merge as sr, popScope as ir, previousSignal as or, prop as lr, pushScope as cr, scoped as ar, sessionStorageProp as ur, signal as dr, slidingWindowSignal as hr, storedProp as fr, strictEquals as pr, syncProp as mr, untracked as gr, withScope as br } from "@tempots/core";
+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 Tr, createRenderKit as Sr } from "@tempots/render";
+import { ProviderNotFoundError as Tn, createRenderKit as Sn } from "@tempots/render";
 const Y = /* @__PURE__ */ new Set([
   "checked",
   "disabled",
@@ -26,32 +26,32 @@ const Y = /* @__PURE__ */ new Set([
   "outerHTML",
   "className",
   "classList"
-]), Se = (n, e) => {
-  if (X.has(n))
+]), Se = (r, e) => {
+  if (X.has(r))
     return (t) => {
-      t == null || t !== !0 ? e.removeAttribute(n) : e.setAttribute(n, "");
+      t == null || t !== !0 ? e.removeAttribute(r) : e.setAttribute(r, "");
     };
-  if (Y.has(n)) {
-    const t = Z[n] || n;
-    return (r) => {
-      r == null ? e[t] = null : e[t] = !!r;
+  if (Y.has(r)) {
+    const t = Z[r] || r;
+    return (n) => {
+      n == null ? e[t] = null : e[t] = !!n;
     };
-  } else return z.has(n) ? (t) => {
-    t == null ? e[n] = null : e[n] = Number(t);
-  } : Q.has(n) ? (t) => {
-    t == null ? e[n] = null : e[n] = t;
-  } : ee.has(n) ? (t) => {
-    t == null ? e[n] = null : e[n] = String(t);
+  } 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);
   } : (t) => {
-    t == null ? e.removeAttribute(n) : e.setAttribute(n, t);
+    t == null ? e.removeAttribute(r) : e.setAttribute(r, t);
   };
-}, xe = (n, e) => X.has(n) ? () => e.hasAttribute(n) : Y.has(n) ? () => (
+}, xe = (r, e) => X.has(r) ? () => e.hasAttribute(r) : Y.has(r) ? () => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  !!e[Z[n] || n]
-) : z.has(n) ? () => Number(e[n]) : Q.has(n) ? () => e[n] : ee.has(n) ? () => String(e[n]) : () => e.getAttribute(n), $ = (n) => {
-  const e = n;
-  e && e.onblur && (e.onblur = null), !(!n || n.ownerDocument === void 0) && n.parentNode && n.parentNode.removeChild(n);
-}, we = (n) => te(n) || ne(n) ? n : n.parentElement, te = (n) => n.nodeType === 1, ne = (n) => n.nodeType === 11;
+  !!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 {
   /**
    * 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, r, s) {
-    this.document = e, this.element = t, this.reference = r, this.providers = s;
+  constructor(e, t, n, s) {
+    this.document = e, this.element = t, this.reference = n, this.providers = s;
   }
   /**
    * 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, r) {
-    return new T(e.ownerDocument, e, t, r);
+  static of(e, t, n) {
+    return new T(e.ownerDocument, e, t, n);
   }
   /**
    * 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 r = this.createElement(e, t);
-    return this.appendOrInsert(r), this.withElement(r);
+    const n = this.createElement(e, t);
+    return this.appendOrInsert(n), this.withElement(n);
   }
   /**
    * Creates a new text node with the specified text content.
@@ -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, r) {
+  setProvider(e, t, n) {
     return new T(this.document, this.element, this.reference, {
       ...this.providers,
-      [e]: [t, r]
+      [e]: [t, n]
     });
   }
   /**
@@ -267,8 +267,8 @@ class T {
   getProvider(e) {
     if (this.providers[e] === void 0)
       throw new J(e);
-    const [t, r] = this.providers[e];
-    return { value: t, onUse: r };
+    const [t, n] = this.providers[e];
+    return { value: t, onUse: n };
   }
   clear(e) {
     e && (this.reference !== void 0 ? $(this.reference) : $(this.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, r) {
+  on(e, t, n) {
     const s = (o) => t(o, this);
-    return this.element.addEventListener(e, s, r), (o) => {
-      o && this.element.removeEventListener(e, s, r);
+    return this.element.addEventListener(e, s, n), (o) => {
+      o && this.element.removeEventListener(e, s, n);
     };
   }
   /**
@@ -342,7 +342,7 @@ class T {
    * @param value - The value of the style to set.
    */
   setStyle(e, t) {
-    this.element.style[e] = t;
+    e.startsWith("--") ? this.element.style.setProperty(e, t) : this.element.style[e] = t;
   }
   /**
    * Gets the style of the element.
@@ -350,7 +350,7 @@ class T {
    * @returns The value of the style.
    */
   getStyle(e) {
-    return this.element.style[e];
+    return e.startsWith("--") ? this.element.style.getPropertyValue(e) : this.element.style[e];
   }
   makeAccessors(e) {
     return {
@@ -361,8 +361,8 @@ class T {
   getWindow() {
     return this.document.defaultView;
   }
-  moveRangeBefore(e, t, r) {
-    const s = e.reference, o = t.reference, i = r.reference, l = this.element;
+  moveRangeBefore(e, t, n) {
+    const s = e.reference, o = t.reference, i = n.reference, l = this.element;
     let c = s;
     for (; c !== null; ) {
       const a = c.nextSibling;
@@ -371,8 +371,8 @@ class T {
     }
   }
   removeRange(e, t) {
-    const r = e.reference, s = t.reference, o = this.element;
-    let i = r;
+    const n = e.reference, s = t.reference, o = this.element;
+    let i = n;
     for (; i !== null; ) {
       const l = i.nextSibling;
       if (o.removeChild(i), i === s) break;
@@ -380,10 +380,10 @@ class T {
     }
   }
   removeAllBefore(e) {
-    const t = e.reference, r = this.element;
-    if (!r.firstChild || r.firstChild === t) return;
+    const t = e.reference, n = this.element;
+    if (!n.firstChild || n.firstChild === t) return;
     const s = this.document.createRange();
-    s.setStartBefore(r.firstChild), s.setEndBefore(t), s.deleteContents();
+    s.setStartBefore(n.firstChild), s.setEndBefore(t), s.deleteContents();
   }
   _detachedParent = null;
   _detachedNext = null;
@@ -395,19 +395,19 @@ class T {
     this._detachedParent && (this._detachedParent.insertBefore(this.element, this._detachedNext), this._detachedParent = null, this._detachedNext = null);
   }
 }
-const H = (n, e) => {
-  const t = new pe(), r = me(t, () => n.render(e));
+const H = (r, e) => {
+  const t = new pe(), n = me(t, () => r.render(e));
   return (s = !0) => {
-    t.dispose(), r(s);
+    t.dispose(), n(s);
   };
-}, gt = (n, e, { doc: t, clear: r, disposeWithParent: s = !0, providers: o = {} } = {}) => {
+}, gt = (r, e, { doc: t, clear: n, disposeWithParent: s = !0, providers: o = {} } = {}) => {
   const i = typeof e == "string" ? (t ?? document).querySelector(e) : e;
   if (i === null)
     throw new Ae(
       `Cannot find element by selector for render: ${e}`
     );
-  r !== !1 && (t ?? i.ownerDocument) != null && (i.nodeType === 1 || i.nodeType === 11) && (i.innerHTML = "");
-  const l = we(i), c = te(i) || ne(i) ? void 0 : i, a = T.of(l, c, o), d = H(n, a);
+  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) => {
@@ -420,16 +420,16 @@ const H = (n, e) => {
   })), () => {
     m?.disconnect(), d(!0);
   };
-}, bt = (n, {
+}, yt = (r, {
   startUrl: e = "https://example.com",
   selector: t,
-  providers: r = {}
+  providers: n = {}
 } = {
   selector: "body"
 }) => {
-  const s = _.toSignal(e).deriveProp(), o = new oe(t, void 0), i = new v(o, void 0, { currentURL: s }, r);
+  const s = _.toSignal(e).deriveProp(), o = new oe(t, void 0), i = new C(o, void 0, { currentURL: s }, n);
   return {
-    clear: H(n(), i),
+    clear: H(r(), i),
     root: o,
     currentURL: s
   };
@@ -440,7 +440,7 @@ class Ae extends Error {
   }
 }
 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 yt {
+class bt {
   /**
    * 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,7 +517,7 @@ class yt {
   constructor({
     select: e,
     getAttribute: t,
-    setAttribute: r,
+    setAttribute: n,
     getClass: s,
     setClass: o,
     getStyles: i,
@@ -528,7 +528,7 @@ class yt {
     getInnerText: m,
     setInnerText: u
   }) {
-    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 = a, this.setInnerHTML = d, this.getInnerText = m, this.setInnerText = u;
+    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;
   }
   /**
    * Sets the content of the root element from a HeadlessPortal. Generally this will be the same instance that is
@@ -599,27 +599,27 @@ class yt {
     });
   };
 }
-const re = (n) => JSON.parse(n.replace(/"/g, '"')), ke = (n) => {
-  const e = n.getAttribute(E);
-  n.removeAttribute(E), e != null && n.setAttribute("class", e);
-}, ve = (n) => {
-  const e = n.getAttribute(M);
-  n.removeAttribute(M), e != null && (n.innerHTML = e);
-}, Ce = (n) => {
-  const e = n.getAttribute(O);
-  n.removeAttribute(O), e != null && (n.innerText = e);
-}, Ee = (n) => {
-  const e = n.getAttribute(P);
-  if (n.removeAttribute(P), e != null) {
-    const t = re(e), r = Object.entries(t);
-    r.length > 0 && (n.style.cssText = r.map(([s, o]) => `${s}: ${o}`).join("; "));
-  }
-}, Pe = (n) => {
-  const e = n.getAttribute(L);
-  if (n.removeAttribute(L), e != null) {
-    const t = re(e);
-    Object.entries(t).forEach(([r, s]) => {
-      s == null ? n.removeAttribute(r) : n.setAttribute(r, s);
+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);
     });
   }
 }, Tt = () => {
@@ -630,16 +630,16 @@ const re = (n) => JSON.parse(n.replace(/"/g, '"')), ke = (n) => {
     O,
     P,
     L
-  ].map((r) => `[${r}]`).join(",");
-  document.querySelectorAll(e).forEach((r) => {
-    const s = r;
+  ].map((n) => `[${n}]`).join(",");
+  document.querySelectorAll(e).forEach((n) => {
+    const s = n;
     if (s.hasAttribute(V)) {
       $(s);
       return;
     }
-    s.hasAttribute(E) && ke(s), s.hasAttribute(O) && Ce(s), s.hasAttribute(M) && ve(s), s.hasAttribute(P) && Ee(s), s.hasAttribute(L) && Pe(s);
+    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);
   });
-}, 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 = (n) => n.replace(/<[^>]*>?/g, "");
+}, 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 {
   constructor(e) {
     this.parent = e;
@@ -707,9 +707,9 @@ class ie {
     if (this.properties.id === e)
       return this;
     for (const t of this.elements()) {
-      const r = t.getById(e);
-      if (r != null)
-        return r;
+      const n = t.getById(e);
+      if (n != null)
+        return n;
     }
   }
   trigger(e, t) {
@@ -718,10 +718,10 @@ class ie {
   click() {
     this.trigger("click", {});
   }
-  on(e, t, r, s) {
+  on(e, t, n, s) {
     const o = this.properties[I] ??= {}, i = s?.once ? (c) => {
-      l(), t(c, r);
-    } : (c) => t(c, r);
+      l(), t(c, n);
+    } : (c) => t(c, n);
     o[e] = [...o[e] ?? [], i];
     const l = () => {
       const c = o[e] ?? [], a = c.indexOf(i);
@@ -732,17 +732,17 @@ class ie {
   addClasses(e) {
     if (e.length === 0)
       return;
-    const t = this.properties[A] ??= [], r = new Set(t);
+    const t = this.properties[A] ??= [], n = new Set(t);
     for (const s of e)
-      r.has(s) || (t.push(s), r.add(s));
+      n.has(s) || (t.push(s), n.add(s));
   }
   removeClasses(e) {
     if (e.length === 0)
       return;
-    const t = this.properties[A] ??= [], r = new Set(e);
+    const t = this.properties[A] ??= [], n = new Set(e);
     let s = 0;
     for (let o = 0; o < t.length; o++)
-      r.has(t[o]) || (t[s] = t[o], s++);
+      n.has(t[o]) || (t[s] = t[o], s++);
     t.length = s, t.length === 0 && delete this.properties[A];
   }
   getClasses() {
@@ -759,8 +759,8 @@ class ie {
     );
   }
   setStyle(e, t) {
-    const r = this.properties[k] ??= {};
-    r[e] = t, t === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[k]);
+    const n = this.properties[k] ??= {};
+    n[e] = t, t === "" && (delete n[e], Object.keys(n).length === 0 && delete this.properties[k]);
   }
   getStyle(e) {
     return this.properties[k]?.[e] ?? "";
@@ -772,14 +772,14 @@ class ie {
     const t = this.properties;
     return {
       get: () => t[e],
-      set: (r) => t[e] = r
+      set: (n) => t[e] = n
     };
   }
 }
-const Le = (n) => n.replace(/"/g, "&quot;"), He = (n) => n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+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, r) {
-    super(r), this.tagName = e, this.namespace = t;
+  constructor(e, t, n) {
+    super(n), this.tagName = e, this.namespace = t;
   }
   isPortal() {
     return !1;
@@ -790,12 +790,12 @@ class Ne extends ie {
    */
   buildAttributesString(e) {
     let t = null;
-    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, 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: `${r}${s}${o}`, innerHTML: t };
+    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 };
   }
   toHTML(e = !1) {
-    const t = this.children.map((o) => o.toHTML()).join(""), { attrs: r, innerHTML: s } = this.buildAttributesString(e);
-    return K.has(this.tagName) && t === "" ? `<${this.tagName}${r} />` : `<${this.tagName}${r}>${s ?? t}</${this.tagName}>`;
+    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}>`;
   }
   /**
    * Generates HTML output as an async stream of string chunks.
@@ -805,12 +805,12 @@ class Ne extends ie {
    * @yields String chunks of HTML content.
    */
   async *toHTMLStream(e) {
-    const t = e?.generatePlaceholders ?? !1, { attrs: r, innerHTML: s } = this.buildAttributesString(t);
+    const t = e?.generatePlaceholders ?? !1, { attrs: n, innerHTML: s } = this.buildAttributesString(t);
     if (K.has(this.tagName) && this.children.length === 0) {
-      yield `<${this.tagName}${r} />`;
+      yield `<${this.tagName}${n} />`;
       return;
     }
-    if (yield `<${this.tagName}${r}>`, s !== null)
+    if (yield `<${this.tagName}${n}>`, s !== null)
       yield s;
     else
       for (const o of this.children)
@@ -877,9 +877,9 @@ class De {
     yield this.text;
   }
 }
-class v {
-  constructor(e, t, r, s) {
-    this.element = e, this.reference = t, this.container = r, this.providers = s;
+class C {
+  constructor(e, t, n, s) {
+    this.element = e, this.reference = t, this.container = n, this.providers = s;
   }
   appendOrInsert(e) {
     if (this.reference != null) {
@@ -889,9 +889,9 @@ class v {
       this.element.children.push(e);
   }
   makeChildElement(e, t) {
-    const r = new Ne(e, t, this.element);
-    return this.appendOrInsert(r), new v(
-      r,
+    const n = new Ne(e, t, this.element);
+    return this.appendOrInsert(n), new C(
+      n,
       void 0,
       this.container,
       this.providers
@@ -899,7 +899,7 @@ class v {
   }
   makeChildText(e) {
     const t = new De(String(e));
-    return this.appendOrInsert(t), new v(
+    return this.appendOrInsert(t), new C(
       this.element,
       t,
       this.container,
@@ -920,7 +920,7 @@ class v {
   }
   makePortal(e) {
     const t = new oe(e, this.element);
-    return this.appendOrInsert(t), new v(
+    return this.appendOrInsert(t), new C(
       t,
       void 0,
       this.container,
@@ -934,17 +934,17 @@ class v {
    * @param value - The provider to set for the given mark.
    * @returns A new `DOMContext` instance with the specified provider.
    */
-  setProvider(e, t, r) {
-    return new v(this.element, this.reference, this.container, {
+  setProvider(e, t, n) {
+    return new C(this.element, this.reference, this.container, {
       ...this.providers,
-      [e]: [t, r]
+      [e]: [t, n]
     });
   }
   getProvider(e) {
     if (this.providers[e] === void 0)
       throw new J(e);
-    const [t, r] = this.providers[e];
-    return { value: t, onUse: r };
+    const [t, n] = this.providers[e];
+    return { value: t, onUse: n };
   }
   clear(e) {
     e && (this.reference !== void 0 ? this.element.removeChild(this.reference) : this.element.remove());
@@ -982,17 +982,17 @@ class v {
   makeAccessors(e) {
     return this.element.makeAccessors(e);
   }
-  moveRangeBefore(e, t, r) {
-    const s = e.reference, o = t.reference, i = r.reference, l = this.element.children, c = l.indexOf(s), d = l.indexOf(o) - c + 1, m = l.splice(c, d), u = l.indexOf(i);
+  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);
   }
   removeRange(e, t) {
-    const r = e.reference, s = t.reference, o = this.element.children, i = o.indexOf(r), c = o.indexOf(s) - i + 1;
+    const n = e.reference, s = t.reference, o = this.element.children, i = o.indexOf(n), c = o.indexOf(s) - i + 1;
     o.splice(i, c);
   }
   removeAllBefore(e) {
-    const t = e.reference, r = this.element.children, s = r.indexOf(t);
-    s > 0 && r.splice(0, s);
+    const t = e.reference, n = this.element.children, s = n.indexOf(t);
+    s > 0 && n.splice(0, s);
   }
   detach() {
   }
@@ -1009,15 +1009,15 @@ const Ie = /* @__PURE__ */ new Set([
 ]), K = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), St = () => (
   /* c8 ignore next */
   typeof window < "u" ? window : void 0
-), le = /* @__PURE__ */ Symbol("DOM_RENDERABLE"), p = (n) => ge(le, n);
-function Re(n, e) {
-  const t = [], r = e.createDocumentFragment();
-  return W(n, r, [], { count: 0 }, t, e) ? { fragment: r, slots: t, topNodeCount: r.childNodes.length } : null;
+), 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 W(n, e, t, r, s, o) {
-  switch (n.kind) {
+function W(r, e, t, n, s, o) {
+  switch (r.kind) {
     case "element": {
-      const { tag: i, ns: l, children: c } = n, a = l != null ? o.createElementNS(l, i) : o.createElement(i), d = [...t, r.count++];
+      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];
@@ -1035,74 +1035,74 @@ function W(n, e, t, r, s, o) {
       return !0;
     }
     case "static-text":
-      return e.appendChild(o.createTextNode(n.text)), r.count++, !0;
+      return e.appendChild(o.createTextNode(r.text)), n.count++, !0;
     case "dynamic-text":
       return e.appendChild(o.createTextNode("")), s.push({
-        path: [...t, r.count++],
+        path: [...t, n.count++],
         kind: "dynamic-text"
       }), !0;
     case "fragment": {
-      const { children: i } = n;
+      const { children: i } = r;
       for (let l = 0; l < i.length; l++)
-        if (!W(i[l], e, t, r, s, o))
+        if (!W(i[l], e, t, n, s, o))
           return !1;
       return !0;
     }
     case "empty":
       return !0;
     default:
-      return n.kind === void 0 ? (e.appendChild(o.createComment("")), s.push({
-        path: [...t, r.count++],
+      return r.kind === void 0 ? (e.appendChild(o.createComment("")), s.push({
+        path: [...t, n.count++],
         kind: "slot"
       }), !0) : !1;
   }
 }
-function _e(n, e) {
-  let t = n;
-  for (let r = 0; r < e.length; r++)
-    t = t.childNodes[e[r]];
+function _e(r, e) {
+  let t = r;
+  for (let n = 0; n < e.length; n++)
+    t = t.childNodes[e[n]];
   return t;
 }
-function $e(n, e, t) {
-  const r = e, s = n.fragment.cloneNode(!0), o = n.topNodeCount, i = new Array(o);
+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 = n.slots.length, a = new Array(c);
+  const c = r.slots.length, a = new Array(c);
   for (let u = 0; u < c; u++)
-    a[u] = _e(s, n.slots[u].path);
-  r.appendOrInsert(s);
+    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 = n.slots[u], f = a[u];
+    const h = r.slots[u], f = a[u];
     if (h.kind === "dynamic-text") {
-      const y = t[u], g = f;
-      g.textContent = y.transform(y.source.value), d[u] = y.source.onChange((w) => {
-        g.textContent = y.transform(w);
+      const b = t[u], g = f;
+      g.textContent = b.transform(b.source.value), d[u] = b.source.onChange((w) => {
+        g.textContent = b.transform(w);
       });
     } else if (h.kind === "dynamic-attr") {
-      const y = t[u], g = new T(
-        r.document,
+      const b = t[u], g = new T(
+        n.document,
         f,
         void 0,
-        r.providers
+        n.providers
       );
-      d[u] = y.render(g);
+      d[u] = b.render(g);
     } else {
-      const y = t[u], g = f, w = new T(
-        r.document,
+      const b = t[u], g = f, w = new T(
+        n.document,
         g.parentNode,
         g,
-        r.providers
+        n.providers
       );
-      d[u] = y.render(w), g.remove();
+      d[u] = b.render(w), g.remove();
     }
   }
   const m = new T(
-    r.document,
-    r.element,
+    n.document,
+    n.element,
     i[0],
-    r.providers
+    n.providers
   );
   return {
     clear: (u) => {
@@ -1117,38 +1117,38 @@ function $e(n, e, t) {
     startCtx: m
   };
 }
-function Be(n) {
+function Be(r) {
   const e = [];
-  function t(r) {
-    switch (r.kind) {
+  function t(n) {
+    switch (n.kind) {
       case "element": {
-        const { tag: s, children: o } = r;
+        const { tag: s, children: o } = n;
         e.push(`E:${s}`);
         for (const i of o) if (!t(i)) return !1;
         e.push("/E");
         break;
       }
       case "static-attr":
-        e.push(`SA:${r.name}=${r.value}`);
+        e.push(`SA:${n.name}=${n.value}`);
         break;
       case "dynamic-attr":
         e.push("DA");
         break;
       case "static-text":
-        e.push(`ST:${r.text}`);
+        e.push(`ST:${n.text}`);
         break;
       case "dynamic-text":
         e.push("DT");
         break;
       case "fragment": {
-        const { children: s } = r;
+        const { children: s } = n;
         for (const o of s) if (!t(o)) return !1;
         break;
       }
       case "empty":
         break;
       default:
-        if (r.kind === void 0) {
+        if (n.kind === void 0) {
           e.push("S");
           break;
         }
@@ -1156,14 +1156,14 @@ function Be(n) {
     }
     return !0;
   }
-  return t(n) ? e.join("|") : null;
+  return t(r) ? e.join("|") : null;
 }
-function je(n) {
+function je(r) {
   const e = [];
-  function t(r) {
-    switch (r.kind) {
+  function t(n) {
+    switch (n.kind) {
       case "element": {
-        const { children: s } = r;
+        const { children: s } = n;
         for (const o of s)
           if (o.kind !== "static-attr") {
             if (o.kind === "dynamic-attr") {
@@ -1175,7 +1175,7 @@ function je(n) {
         break;
       }
       case "fragment": {
-        const { children: s } = r;
+        const { children: s } = n;
         for (const o of s) t(o);
         break;
       }
@@ -1183,31 +1183,31 @@ function je(n) {
       case "empty":
         break;
       case "dynamic-text":
-        e.push(r);
+        e.push(n);
         break;
       default:
-        r.kind === void 0 && e.push(r);
+        n.kind === void 0 && e.push(n);
         break;
     }
   }
-  return t(n), e;
+  return t(r), e;
 }
 const Ve = {
-  build(n, e) {
+  build(r, e) {
     if (!e.isBrowser()) return null;
-    const t = n;
+    const t = r;
     if (t.kind === void 0) return null;
-    const r = e.document;
-    return Re(t, r);
+    const n = e.document;
+    return Re(t, n);
   },
-  cloneAndHydrate(n, e, t) {
-    return $e(n, e, t);
+  cloneAndHydrate(r, e, t) {
+    return $e(r, e, t);
   },
-  fingerprint(n) {
-    return Be(n);
+  fingerprint(r) {
+    return Be(r);
   },
-  extractSlots(n) {
-    return je(n);
+  extractSlots(r) {
+    return je(r);
   }
 }, We = Te({
   type: le,
@@ -1220,8 +1220,8 @@ const Ve = {
   Unless: wt,
   ForEach: At,
   KeyedForEach: kt,
-  Repeat: vt,
-  OneOf: Ct,
+  Repeat: Ct,
+  OneOf: vt,
   OneOfField: Et,
   OneOfKind: Pt,
   OneOfType: Mt,
@@ -1243,52 +1243,52 @@ const Ve = {
   UseMany: Kt,
   handleValueOrSignal: qt,
   createReactiveRenderable: Gt,
-  renderableOfTNode: C
+  renderableOfTNode: v
 } = We, q = /* @__PURE__ */ new Map();
-function Ke(n) {
-  let e = q.get(n);
-  return e === void 0 && (e = n.split(" ").filter((t) => t.length > 0), q.set(n, e)), e;
+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;
 }
-const qe = (n) => {
-  const e = p((t) => (t.addClasses(n), (r) => {
-    r && t.removeClasses(n);
+const qe = (r) => {
+  const e = p((t) => (t.addClasses(r), (n) => {
+    n && t.removeClasses(r);
   }));
-  return e.kind = "static-attr", e.name = "class", e.value = n.join(" "), e;
-}, Ge = (n) => {
+  return e.kind = "static-attr", e.name = "class", e.value = r.join(" "), e;
+}, Ge = (r) => {
   const e = p((t) => {
-    let r = [];
-    const s = n.on(
+    let n = [];
+    const s = r.on(
       (o) => {
         const i = (o ?? "").split(" ").filter((l) => l.length > 0);
-        r.length > 0 && t.removeClasses(r), i.length > 0 && t.addClasses(i), r = i;
+        n.length > 0 && t.removeClasses(n), i.length > 0 && t.addClasses(i), n = i;
       },
       { noAutoDispose: !0 }
     );
     return (o) => {
-      s(), o && t.removeClasses(r), r = [];
+      s(), o && t.removeClasses(n), n = [];
     };
   });
   return e.kind = "dynamic-attr", e;
-}, Ue = (n, e) => {
-  const t = p((r) => {
-    const { get: s, set: o } = r.makeAccessors(n), i = s();
+}, Ue = (r, e) => {
+  const t = p((n) => {
+    const { get: s, set: o } = n.makeAccessors(r), i = s();
     return o(e), (l) => {
       l && o(i);
     };
   });
-  return t.kind = "static-attr", t.name = n, t.value = String(e), t;
-}, Je = (n, e) => {
-  const t = p((r) => {
-    const { get: s, set: o } = r.makeAccessors(n), i = s(), l = e.on(o, { noAutoDispose: !0 });
+  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 (c) => {
       l(), c && o(i);
     };
   });
   return t.kind = "dynamic-attr", t;
-}, N = (n, e) => B.is(e) ? Je(n, e) : Ue(n, e), Ye = (n, e) => n === "class" ? B.is(e) ? Ge(e) : qe(
+}, N = (r, e) => B.is(e) ? Je(r, e) : Ue(r, e), Ye = (r, e) => r === "class" ? B.is(e) ? Ge(e) : qe(
   /* c8 ignore next */
   (e ?? "").split(" ").filter((t) => t.length > 0)
-) : N(n, e), b = new Proxy(
+) : N(r, e), y = new Proxy(
   {},
   {
     /**
@@ -1302,9 +1302,9 @@ const qe = (n) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (n, e) => (t) => Ye(e, t)
+    get: (r, e) => (t) => Ye(e, t)
   }
-), Xe = (n, e) => N(`data-${n}`, e), Ut = new Proxy(
+), Xe = (r, e) => N(`data-${r}`, e), Ut = new Proxy(
   {},
   {
     /**
@@ -1315,9 +1315,9 @@ const qe = (n) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (n, e) => (t) => Xe(e, t)
+    get: (r, e) => (t) => Xe(e, t)
   }
-), ze = (n, e) => N(`aria-${n}`, e), Jt = new Proxy(
+), ze = (r, e) => N(`aria-${r}`, e), Jt = new Proxy(
   {},
   {
     /**
@@ -1328,9 +1328,9 @@ const qe = (n) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (n, e) => (t) => ze(e, t)
+    get: (r, e) => (t) => ze(e, t)
   }
-), Qe = (n, e) => N(n, e), Yt = new Proxy(
+), Qe = (r, e) => N(r, e), Yt = new Proxy(
   {},
   {
     /**
@@ -1341,9 +1341,9 @@ const qe = (n) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (n, e) => (t) => Qe(e, t)
+    get: (r, e) => (t) => Qe(e, t)
   }
-), Ze = (n, e) => N(n, e), Xt = new Proxy(
+), Ze = (r, e) => N(r, e), Xt = new Proxy(
   {},
   {
     /**
@@ -1353,19 +1353,19 @@ const qe = (n) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (n, e) => (t) => Ze(e, t)
+    get: (r, e) => (t) => Ze(e, t)
   }
 ), G = /* @__PURE__ */ new WeakMap();
-function et(n, e) {
-  let t = G.get(n);
-  return t || (t = be(n, e), G.set(
-    n,
+function et(r, e) {
+  let t = G.get(r);
+  return t || (t = ye(r, e), G.set(
+    r,
     t
   )), t;
 }
-const zt = (n, e, t = "danger", r) => {
+const zt = (r, e, t = "danger", n) => {
   const s = Ke(t), o = p((i) => {
-    const a = et(n, r)(e).on(
+    const a = et(r, n)(e).on(
       (d) => {
         d ? i.addClasses(s) : i.removeClasses(s);
       },
@@ -1376,17 +1376,17 @@ const zt = (n, e, t = "danger", r) => {
     };
   });
   return o.kind = "dynamic-attr", o;
-}, ae = (n, e, t) => {
-  const r = p(
-    (s) => s.on(n, e, t)
+}, ae = (r, e, t) => {
+  const n = p(
+    (s) => s.on(r, e, t)
   );
-  return r.kind = "dynamic-attr", r;
-}, tt = (n) => ae("click", (e, t) => {
+  return n.kind = "dynamic-attr", n;
+}, tt = (r) => ae("click", (e, t) => {
   e.preventDefault();
-  const r = e.target;
+  const n = e.target;
   setTimeout(() => {
-    const s = r.ownerDocument != null ? r?.checked : void 0;
-    s != null && n(!s, t);
+    const s = n.ownerDocument != null ? n?.checked : void 0;
+    s != null && r(!s, t);
   }, 0);
 }), D = new Proxy(
   {},
@@ -1396,20 +1396,20 @@ const zt = (n, e, t = "danger", r) => {
      * @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) => ae(e, t)
-  }
-), nt = (n, e) => (t) => {
-  e?.preventDefault === !0 && t.preventDefault(), e?.stopPropagation === !0 && t.stopPropagation(), e?.stopImmediatePropagation === !0 && t.stopImmediatePropagation(), n(t);
-}, x = (n, e) => nt((t) => {
-  const r = t.target;
-  n(r, t);
-}, e), rt = (n, e) => x(
-  (t, r) => n(t.value, r),
+    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),
   e
-), st = (n, e) => x(
-  (t, r) => n(t.valueAsNumber, r),
+), st = (r, e) => x(
+  (t, n) => r(t.valueAsNumber, n),
   e
-), it = (n, e) => x((t, r) => {
+), it = (r, e) => x((t, n) => {
   if (t.value === "")
     return;
   const s = t.value.split("-"), o = new Date(
@@ -1417,10 +1417,10 @@ const zt = (n, e, t = "danger", r) => {
     Number(s[1]) - 1,
     Number(s[2].substring(0, 2))
   );
-  n(o, r);
-}, e), Qt = (n, e) => x((t, r) => {
+  r(o, n);
+}, e), Qt = (r, e) => x((t, n) => {
   if (t.value === "") {
-    n(null, r);
+    r(null, n);
     return;
   }
   const s = t.value.split("-"), o = new Date(
@@ -1428,8 +1428,8 @@ const zt = (n, e, t = "danger", r) => {
     Number(s[1]) - 1,
     Number(s[2].substring(0, 2))
   );
-  n(o, r);
-}, e), ot = (n, e) => x((t, r) => {
+  r(o, n);
+}, e), ot = (r, e) => x((t, n) => {
   if (t.value === "")
     return;
   const s = t.value.split("T"), o = s[0].split("-"), i = new Date(
@@ -1437,15 +1437,15 @@ const zt = (n, e, t = "danger", r) => {
     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])), n(i, r);
-}, e), Zt = (n, e) => x((t, r) => {
+  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) => {
   if (t.value === "") {
-    n(null, r);
+    r(null, n);
     return;
   }
   const s = t.value.split("T");
   if (s.length !== 2) {
-    n(null, r);
+    r(null, n);
     return;
   }
   const o = s[0].split("-"), i = new Date(
@@ -1453,22 +1453,22 @@ const zt = (n, e, t = "danger", r) => {
     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)), n(i, r);
-}, e), en = (n, e) => x((t, r) => {
-  n(t.checked, r);
-}, e), tn = (n, e = "input") => S(
-  b.valueAsDate(n),
-  D[e](it((t) => n.set(t)))
-), nn = (n, e = "input") => S(
-  b.valueAsDate(n),
-  D[e](ot((t) => n.set(t)))
-), rn = (n, e = "input") => S(
-  b.valueAsNumber(n),
-  D[e](st((t) => n.set(t)))
-), sn = (n, e = "input") => S(b.value(n), D[e](rt((t) => n.set(t)))), on = (n) => S(
-  b.checked(n),
-  tt((e) => n.set(e))
-), lt = (n, e, t, r) => {
+  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) => {
     if (!o.isBrowser())
       return () => {
@@ -1477,34 +1477,34 @@ const zt = (n, e, t = "danger", r) => {
       const a = c.target?.closest(e);
       a != null && i.contains(a) && t(c, o);
     };
-    return i.addEventListener(n, l, r), (c) => {
-      c && i.removeEventListener(n, l, r);
+    return i.addEventListener(r, l, n), (c) => {
+      c && i.removeEventListener(r, l, n);
     };
   });
   return s.kind = "dynamic-attr", s;
-}, ln = new Proxy(
+}, or = new Proxy(
   {},
   {
-    get: (n, e) => (t, r, s) => lt(e, t, r, s)
+    get: (r, e) => (t, n, s) => lt(e, t, n, s)
   }
-), cn = (n) => p((e) => (e.appendOrInsert(n), (t) => {
-  t && $(n);
-})), ue = (n, ...e) => {
-  const t = e.map(C), r = p((s) => {
-    const o = s.makeChildElement(n, void 0), i = t.map((l) => l.render(o));
+), 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));
     return (l) => {
       i.forEach((c) => c(!1)), o.clear(l);
     };
   });
-  return r.kind = "element", r.tag = n, r.children = t, r;
-}, j = (n, e, ...t) => {
-  const r = t.map(C), s = p((o) => {
-    const i = o.makeChildElement(n, e), l = r.map((c) => c.render(i));
+  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 (c) => {
       l.forEach((a) => a(!1)), i.clear(c);
     };
   });
-  return s.kind = "element", s.tag = n, s.ns = e, s.children = r, s;
+  return s.kind = "element", s.tag = r, s.ns = e, s.children = n, s;
 }, ct = new Proxy(
   {},
   {
@@ -1513,9 +1513,9 @@ const zt = (n, e, t = "danger", r) => {
      * @param tagName - The HTML tag name.
      * @returns A renderable function that creates and appends the HTML element to the DOM.
      */
-    get: (n, e) => (...t) => ue(e, ...t)
+    get: (r, e) => (...t) => ue(e, ...t)
   }
-), an = new Proxy(
+), cr = new Proxy(
   {},
   {
     /**
@@ -1523,9 +1523,9 @@ const zt = (n, e, t = "danger", r) => {
      * @param type - The input type name.
      * @returns A renderable function that creates and appends the HTMLInput element to the DOM.
      */
-    get: (n, e) => (...t) => ue("input", b.type(e), ...t)
+    get: (r, e) => (...t) => ue("input", y.type(e), ...t)
   }
-), de = "http://www.w3.org/2000/svg", un = (n, ...e) => j(n, de, ...e), dn = new Proxy(
+), de = "http://www.w3.org/2000/svg", ar = (r, ...e) => j(r, de, ...e), ur = new Proxy(
   {},
   {
     /**
@@ -1533,9 +1533,9 @@ const zt = (n, e, t = "danger", r) => {
      * @param tagName - The SVG tag name.
      * @returns A renderable function that creates and appends the SVG element to the DOM.
      */
-    get: (n, e) => (...t) => j(e, de, ...t)
+    get: (r, e) => (...t) => j(e, de, ...t)
   }
-), he = "http://www.w3.org/1998/Math/MathML", hn = (n, ...e) => j(n, he, ...e), fn = new Proxy(
+), he = "http://www.w3.org/1998/Math/MathML", dr = (r, ...e) => j(r, he, ...e), hr = new Proxy(
   {},
   {
     /**
@@ -1543,22 +1543,22 @@ const zt = (n, e, t = "danger", r) => {
      * @param tagName - The Math tag name.
      * @returns A renderable function that creates and appends the Math element to the DOM.
      */
-    get: (n, e) => (...t) => j(e, he, ...t)
+    get: (r, e) => (...t) => j(e, he, ...t)
   }
-), F = (n) => p((e) => {
+), F = (r) => p((e) => {
   if (e.isBrowser()) {
-    const t = n(e);
+    const t = r(e);
     if (t != null)
-      return C(t).render(e);
+      return v(t).render(e);
   }
   return () => {
   };
 });
-function pn({
-  src: n,
+function fr({
+  src: r,
   name: e,
   width: t,
-  height: r,
+  height: n,
   sandbox: s,
   allow: o,
   referrerpolicy: i,
@@ -1567,22 +1567,22 @@ function pn({
   onLoad: a
 } = {}, ...d) {
   return ct.iframe(
-    b.src(n),
-    b.name(e),
-    b.width(
+    y.src(r),
+    y.name(e),
+    y.width(
       t != null ? _.map(t, String) : void 0
     ),
-    b.height(
-      r != null ? _.map(r, String) : void 0
+    y.height(
+      n != null ? _.map(n, String) : void 0
     ),
-    b.sandbox(s),
-    b.allow(o),
-    b.referrerpolicy(i),
+    y.sandbox(s),
+    y.allow(o),
+    y.referrerpolicy(i),
     c,
     F((m) => {
       const u = m.element;
       let h, f = !1;
-      const y = () => {
+      const b = () => {
         if (f) return;
         f = !0;
         const g = u.contentDocument;
@@ -1596,8 +1596,8 @@ function pn({
       };
       return l != null && _.on(l, (g) => {
         u.loading = g;
-      }), (d.length > 0 || a) && (n || setTimeout(y, 0)), S(
-        d.length > 0 || a ? D.load(y) : Fe,
+      }), (d.length > 0 || a) && (r || setTimeout(b, 0)), S(
+        d.length > 0 || a ? D.load(b) : Fe,
         ce(() => {
           h && h(!1);
         })
@@ -1605,61 +1605,61 @@ function pn({
     })
   );
 }
-const mn = (n, e) => p((t) => {
-  const r = t.makePortal(n), s = H(C(e), r);
+const pr = (r, e) => p((t) => {
+  const n = t.makePortal(r), s = H(v(e), n);
   return () => s(!0);
-}), R = /* @__PURE__ */ new Map(), at = (n) => ({
-  mark: ye(`Probe(${n.description})`),
+}), R = /* @__PURE__ */ new Map(), at = (r) => ({
+  mark: be(`Probe(${r.description})`),
   create: ({ callback: e = () => {
   }, timeout: t = 10 } = {}) => {
-    const r = (l) => {
-      clearTimeout(s), R.delete(n), e(l);
+    const n = (l) => {
+      clearTimeout(s), R.delete(r), e(l);
     };
-    if (R.has(n))
-      throw new Error(`Probe already exists: ${n.description}`);
-    const s = setTimeout(() => r("timeout"), t), o = { counter: 0, timeoutId: s };
-    return R.set(n, o), {
+    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), {
       value: () => {
         clearTimeout(s);
-        const l = R.get(n);
-        l != null && --l.counter === 0 && r("resolved");
+        const l = R.get(r);
+        l != null && --l.counter === 0 && n("resolved");
       },
-      dispose: () => r("disposed"),
+      dispose: () => n("disposed"),
       onUse: () => o.counter++
     };
   }
-}), gn = at(/* @__PURE__ */ Symbol("GlobalProbe"));
-function bn({
-  mode: n,
+}), mr = at(/* @__PURE__ */ Symbol("GlobalProbe"));
+function gr({
+  mode: r,
   delegatesFocus: e,
   slotAssignment: t,
-  clonable: r,
+  clonable: n,
   serializable: s
 }, ...o) {
   return F((i) => {
-    const l = { mode: n };
-    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 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));
   });
 }
-const ut = (n, e) => {
-  const t = p((r) => {
-    const s = r.getStyle(n);
-    return r.setStyle(n, e), (o) => {
-      o && r.setStyle(n, s);
+const ut = (r, e) => {
+  const t = p((n) => {
+    const s = n.getStyle(r);
+    return n.setStyle(r, e), (o) => {
+      o && n.setStyle(r, s);
     };
   });
-  return t.kind = "static-attr", t;
-}, dt = (n, e) => {
-  const t = p((r) => {
-    const s = r.getStyle(n), o = e.on((i) => r.setStyle(n, i));
+  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));
     return (i) => {
-      o(), i && r.setStyle(n, s);
+      o(), i && n.setStyle(r, s);
     };
   });
   return t.kind = "dynamic-attr", t;
-}, U = (n, e) => B.is(e) ? dt(n, e) : ut(n, e), yn = new Proxy({}, {
+}, U = (r, e) => B.is(e) ? dt(r, e) : ut(r, e), yr = new Proxy({}, {
   /**
    * Creates a renderable component for the specified `style` property.
    *
@@ -1668,24 +1668,24 @@ const ut = (n, e) => {
    * @returns The renderable component for the specified attribute.
    *
    */
-  get: (n, e) => e === "variable" ? (t, r) => U(t, r) : (t) => U(e, t)
-}), ht = (n) => p((e) => {
-  const t = e.makeChildText(n);
-  return (r) => t.clear(r);
-}), ft = (n) => p((e) => {
-  const t = e.makeChildText(n.value), r = n.on((s) => t.setText(s));
+  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) => {
-    r(), t.clear(s);
+    n(), t.clear(s);
   };
-}), Tn = (n) => B.is(n) ? ft(n) : ht(n), Sn = (n) => p((e) => {
-  const t = n(e);
+}), br = (r) => B.is(r) ? ft(r) : ht(r), Tr = (r) => p((e) => {
+  const t = r(e);
   return t == null ? () => {
-  } : C(t).render(e);
-}), xn = (n) => F((e) => n(e.element)), wn = (n) => p((e) => {
+  } : v(t).render(e);
+}), Sr = (r) => F((e) => r(e.element)), xr = (r) => p((e) => {
   if (e.isHeadlessDOM()) {
-    const t = n(e);
+    const t = r(e);
     if (t)
-      return C(t).render(e);
+      return v(t).render(e);
   }
   return () => {
   };
@@ -1694,149 +1694,149 @@ export {
   ze as Aria,
   $t as Async,
   Ye as Attr,
-  on as BindChecked,
-  tn as BindDate,
-  nn as BindDateTime,
-  rn as BindNumber,
-  sn as BindText,
+  ir as BindChecked,
+  tr as BindDate,
+  rr as BindDateTime,
+  nr as BindNumber,
+  sr as BindText,
   T as BrowserContext,
   E as CLASS_PLACEHOLDER_ATTR,
-  vn as Computed,
+  kr as Computed,
   Bt as Conjunction,
-  cn as DOMNode,
+  lr as DOMNode,
   Xe as DataAttr,
-  Cn as DisposalScope,
+  Cr as DisposalScope,
   ue as El,
   j as ElNS,
-  En as ElementPosition,
+  vr as ElementPosition,
   Fe as Empty,
   Dt as Ensure,
   It as EnsureAll,
   At as ForEach,
   S as Fragment,
-  gn as GlobalProbe,
+  mr as GlobalProbe,
   Me as HYDRATION_ID_ATTR,
-  yt as HeadlessAdapter,
-  v as HeadlessContext,
+  bt as HeadlessAdapter,
+  C as HeadlessContext,
   Ne as HeadlessElement,
   oe as HeadlessPortal,
   De as HeadlessText,
-  pn as IFrame,
+  fr as IFrame,
   kt as KeyedForEach,
-  Pn as KeyedPosition,
+  Er as KeyedPosition,
   Ht as MapSignal,
   Nt as MapText,
   Ze as MathAttr,
-  hn as MathEl,
-  Mn as MemoryStore,
+  dr as MathEl,
+  Pr as MemoryStore,
   Rt as NotEmpty,
   tt as OnChecked,
   ce as OnDispose,
-  Ct as OneOf,
+  vt as OneOf,
   Et as OneOfField,
   Pt as OneOfKind,
   Lt as OneOfTuple,
   Mt as OneOfType,
   Ot as OneOfValue,
-  mn as Portal,
-  On as Prop,
+  pr as Portal,
+  Mr as Prop,
   Wt as Provide,
-  Tr as ProviderNotFoundError,
+  Tn as ProviderNotFoundError,
   Ae as RenderingError,
-  vt as Repeat,
+  Ct as Repeat,
   Qe as SVGAttr,
-  un as SVGEl,
-  bn as ShadowRoot,
-  Ln as Signal,
+  ar as SVGEl,
+  gr as ShadowRoot,
+  Or as Signal,
   _t as Task,
-  Tn as TextNode,
+  br as TextNode,
   wt as Unless,
   Ft as Use,
   Kt as UseMany,
-  Hn as Value,
+  Lr as Value,
   xt as When,
   F as WithBrowserCtx,
-  Sn as WithCtx,
-  xn as WithElement,
-  wn as WithHeadlessCtx,
+  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,
-  ne as _isFragment,
+  re as _isFragment,
   xe as _makeGetter,
   Se as _makeSetter,
   $ as _removeDOMNode,
   ft as _signalText,
   ht as _staticText,
-  Nn as animateSignal,
-  Dn as animateSignals,
+  Hr as animateSignal,
+  Nr as animateSignals,
   Jt as aria,
-  b as attr,
-  In as bind,
-  Rn as coalesce,
-  _n as computed,
-  $n as computedOf,
-  Bn as computedOfAsync,
-  jn as computedOfAsyncGenerator,
-  Vn as computedRecord,
-  Sr as createRenderKit,
-  Wn as createRenderable,
-  Fn as createSelector,
+  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,
-  Kn as delaySignal,
-  ln as delegate,
-  qn as effect,
-  Gn as effectOf,
-  nt as emit,
-  en as emitChecked,
+  Fr as delaySignal,
+  or as delegate,
+  Kr as effect,
+  qr as effectOf,
+  rt as emit,
+  er as emitChecked,
   x as emitTarget,
-  rt as emitValue,
+  nt as emitValue,
   it as emitValueAsDate,
   ot as emitValueAsDateTime,
   Qt as emitValueAsNullableDate,
   Zt as emitValueAsNullableDateTime,
   st as emitValueAsNumber,
-  Un as endInterpolate,
-  Jn as getCurrentScope,
-  Yn as getParentScope,
-  Xn as getScopeStack,
+  Gr as endInterpolate,
+  Ur as getCurrentScope,
+  Jr as getParentScope,
+  Yr as getScopeStack,
   St as getWindow,
-  zn as guessInterpolate,
+  Xr as guessInterpolate,
   ct as html,
-  an as input,
-  Qn as interpolateDate,
-  Zn as interpolateNumber,
-  er as interpolateString,
-  tr as joinSignals,
-  nr as localStorageProp,
+  cr as input,
+  zr as interpolateDate,
+  Qr as interpolateNumber,
+  Zr as interpolateString,
+  en as joinSignals,
+  tn as localStorageProp,
   at as makeProbe,
-  rr as makeProviderMark,
-  fn as math,
+  rn as makeProviderMark,
+  hr as math,
   Xt as mathAttr,
-  sr as merge,
+  nn as merge,
   D as on,
-  ir as popScope,
-  or as previousSignal,
-  lr as prop,
-  cr as pushScope,
+  sn as popScope,
+  on as previousSignal,
+  ln as prop,
+  cn as pushScope,
   gt as render,
   H as renderWithContext,
-  C as renderableOfTNode,
+  v as renderableOfTNode,
   Tt as restoreTempoPlaceholders,
-  bt as runHeadless,
-  ar as scoped,
+  yt as runHeadless,
+  an as scoped,
   zt as selectedClass,
-  ur as sessionStorageProp,
-  dr as signal,
-  hr as slidingWindowSignal,
-  fr as storedProp,
-  pr as strictEquals,
-  yn as style,
-  dn as svg,
+  un as sessionStorageProp,
+  dn as signal,
+  hn as slidingWindowSignal,
+  fn as storedProp,
+  pn as strictEquals,
+  yr as style,
+  ur as svg,
   Yt as svgAttr,
-  mr as syncProp,
-  gr as untracked,
-  br as withScope
+  mn as syncProp,
+  gn as untracked,
+  yn as withScope
 };