@jasonshimmy/custom-elements-runtime 0.1.7 → 0.1.9

package/dist/custom-elements-runtime.es.js

@@ -1,13 +1,13 @@
-function nt(e, t) {
-  return J(e ? t : [], "when-block");
+function st(e, t) {
+  return X(e ? t : [], "when-block");
 }
-function ot(e, t) {
+function at(e, t) {
   return e.map((r, n) => {
     const o = typeof r == "object" ? r?.key ?? r?.id ?? `idx-${n}` : String(r);
-    return J(t(r, n), `each-${o}`);
+    return X(t(r, n), `each-${o}`);
   });
 }
-function ve() {
+function ke() {
   const e = [];
   return {
     when(t, r) {
@@ -17,18 +17,18 @@ function ve() {
       return e.push([!0, t]), this;
     },
     done() {
-      return xe(...e);
+      return $e(...e);
     }
   };
 }
-function xe(...e) {
+function $e(...e) {
   for (let t = 0; t < e.length; t++) {
     const [r, n] = e[t];
-    if (r) return [J(n, `whenChain-branch-${t}`)];
+    if (r) return [X(n, `whenChain-branch-${t}`)];
   }
-  return [J([], "whenChain-empty")];
+  return [X([], "whenChain-empty")];
 }
-function J(e, t) {
+function X(e, t) {
   const r = e ? Array.isArray(e) ? e.filter(Boolean) : [e].filter(Boolean) : [];
   return {
     tag: "#anchor",
@@ -36,7 +36,7 @@ function J(e, t) {
     children: r
   };
 }
-class O extends EventTarget {
+class W extends EventTarget {
   handlers = {};
   static instance;
   eventCounters = /* @__PURE__ */ new Map();
@@ -44,7 +44,7 @@ class O extends EventTarget {
    * Returns the singleton instance of GlobalEventBus
    */
   static getInstance() {
-    return O.instance || (O.instance = new O()), O.instance;
+    return W.instance || (W.instance = new W()), W.instance;
   }
   // Enhanced emit method with better typing and event storm protection
   /**
@@ -160,8 +160,8 @@ class O extends EventTarget {
     this.eventCounters.clear();
   }
 }
-const H = O.getInstance(), it = (e, t) => H.emit(e, t), st = (e, t) => H.on(e, t), at = (e, t) => H.off(e, t), lt = (e, t) => H.once(e, t), ct = (e, t, r) => H.listen(e, t, r);
-function ie(e) {
+const F = W.getInstance(), lt = (e, t) => F.emit(e, t), ct = (e, t) => F.on(e, t), ft = (e, t) => F.off(e, t), ut = (e, t) => F.once(e, t), dt = (e, t, r) => F.listen(e, t, r);
+function le(e) {
   let t = { ...e };
   const r = [];
   function n(a) {
@@ -171,18 +171,18 @@ function ie(e) {
     return t;
   }
   function s(a) {
-    const c = typeof a == "function" ? a(t) : a;
-    t = { ...t, ...c }, i();
+    const f = typeof a == "function" ? a(t) : a;
+    t = { ...t, ...f }, i();
   }
   function i() {
     r.forEach((a) => a(t));
   }
   return { subscribe: n, getState: o, setState: s };
 }
-function ne(e) {
+function se(e) {
   return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function ee(e) {
+function ne(e) {
   return typeof e == "string" ? e.replace(
     /[&<>"']/g,
     (t) => ({
@@ -194,34 +194,34 @@ function ee(e) {
     })[t]
   ) : e;
 }
-function we(e, t, r) {
+function _e(e, t, r) {
   if (r)
     for (const [n, o] of Object.entries(r)) {
       let s, i = {};
       if (Array.isArray(o) ? (s = o[0], i = o[1] || {}) : s = o, t.set(n, {
         callback: s,
         options: i,
-        oldValue: te(e, n)
+        oldValue: oe(e, n)
       }), i.immediate)
         try {
-          const a = te(e, n);
+          const a = oe(e, n);
           s(a, void 0, e);
         } catch (a) {
           console.error(`Error in immediate watcher for "${n}":`, a);
         }
     }
 }
-function te(e, t) {
+function oe(e, t) {
   return t.split(".").reduce((r, n) => r?.[n], e);
 }
-function ke(e, t, r, n) {
+function Se(e, t, r, n) {
   const o = (i, a) => {
     if (i === a) return !0;
     if (typeof i != typeof a || typeof i != "object" || i === null || a === null) return !1;
     if (Array.isArray(i) && Array.isArray(a))
-      return i.length !== a.length ? !1 : i.every((d, y) => o(d, a[y]));
-    const c = Object.keys(i), f = Object.keys(a);
-    return c.length !== f.length ? !1 : c.every((d) => o(i[d], a[d]));
+      return i.length !== a.length ? !1 : i.every((p, g) => o(p, a[g]));
+    const f = Object.keys(i), u = Object.keys(a);
+    return f.length !== u.length ? !1 : f.every((p) => o(i[p], a[p]));
   }, s = t.get(r);
   if (s && !o(n, s.oldValue))
     try {
@@ -232,13 +232,13 @@ function ke(e, t, r, n) {
   for (const [i, a] of t.entries())
     if (a.options.deep && r.startsWith(i + "."))
       try {
-        const c = te(e, i);
-        o(c, a.oldValue) || (a.callback(c, a.oldValue, e), a.oldValue = c);
-      } catch (c) {
-        console.error(`Error in deep watcher for "${i}":`, c);
+        const f = oe(e, i);
+        o(f, a.oldValue) || (a.callback(f, a.oldValue, e), a.oldValue = f);
+      } catch (f) {
+        console.error(`Error in deep watcher for "${i}":`, f);
       }
 }
-function $e(e, t, r) {
+function Ce(e, t, r) {
   if (!t.props) return;
   function n(o, s) {
     return s === Boolean ? o === "true" : s === Number ? Number(o) : o;
@@ -247,136 +247,136 @@ function $e(e, t, r) {
     if (s.type === Function && typeof e[o] == "function")
       r[o] = e[o];
     else {
-      const i = e.getAttribute(ne(o));
-      i !== null ? r[o] = ee(n(i, s.type)) : "default" in s && s.default !== void 0 && (r[o] = ee(s.default));
+      const i = e.getAttribute(se(o));
+      i !== null ? r[o] = ne(n(i, s.type)) : "default" in s && s.default !== void 0 && (r[o] = ne(s.default));
     }
   });
 }
-function _e(e, t, r, n) {
+function Ae(e, t, r, n) {
   e.onConnected && !r && (e.onConnected(t), n(!0));
 }
-function Se(e, t, r, n, o, s, i, a) {
-  e.onDisconnected && e.onDisconnected(t), r.forEach((c) => c()), n(), o(), s(!1), i(null), a(!1);
+function Ee(e, t, r, n, o, s, i, a) {
+  e.onDisconnected && e.onDisconnected(t), r.forEach((f) => f()), n(), o(), s(!1), i(null), a(!1);
 }
-function Ce(e, t, r, n, o) {
+function Te(e, t, r, n, o) {
   e.onAttributeChanged && e.onAttributeChanged(t, r, n, o);
 }
-function z(e, t) {
+function N(e, t) {
   if (t && e instanceof HTMLElement) {
     for (const r in t)
       t[r] === e && delete t[r];
     for (const r of Array.from(e.childNodes))
-      z(r, t);
+      N(r, t);
   }
 }
-function R(e, t) {
+function M(e, t) {
   return t.split(".").reduce((r, n) => r?.[n], e);
 }
-function se(e, t, r) {
+function ce(e, t, r) {
   const n = t.split("."), o = n.pop();
   if (!o) return;
   const s = n.reduce((i, a) => (a in i || (i[a] = {}), i[a]), e);
   s[o] = r;
 }
-function Ae(e, t, r, n, o, s, i) {
+function je(e, t, r, n, o, s, i) {
   if (!s) return;
-  const a = t.includes("lazy"), c = t.includes("trim"), f = t.includes("number"), d = () => {
-    const p = s._state || s;
-    return R(p, e);
-  }, y = d();
-  let u = "text";
-  const b = n?.type;
-  if (i instanceof HTMLInputElement ? u = b || i.type || "text" : i instanceof HTMLSelectElement ? u = "select" : i instanceof HTMLTextAreaElement && (u = "textarea"), u === "checkbox")
-    if (Array.isArray(y)) {
-      const p = i?.getAttribute("value") || n?.value || "", l = y.includes(p);
-      i && i.checked !== l && (r.checked = l);
+  const a = t.includes("lazy"), f = t.includes("trim"), u = t.includes("number"), p = () => {
+    const h = s._state || s;
+    return M(h, e);
+  }, g = p();
+  let l = "text";
+  const v = n?.type;
+  if (i instanceof HTMLInputElement ? l = v || i.type || "text" : i instanceof HTMLSelectElement ? l = "select" : i instanceof HTMLTextAreaElement && (l = "textarea"), l === "checkbox")
+    if (Array.isArray(g)) {
+      const h = i?.getAttribute("value") || n?.value || "", d = g.includes(h);
+      i && i.checked !== d && (r.checked = d);
     } else {
-      const p = i?.getAttribute("true-value") || !0, l = y === p;
-      i && i.checked !== l && (r.checked = l);
+      const h = i?.getAttribute("true-value") || !0, d = g === h;
+      i && i.checked !== d && (r.checked = d);
     }
-  else if (u === "radio") {
-    const p = n?.value || "", l = y === p;
-    i && i.checked !== l && (r.checked = l);
-  } else if (u === "select")
+  else if (l === "radio") {
+    const h = n?.value || "", d = g === h;
+    i && i.checked !== d && (r.checked = d);
+  } else if (l === "select")
     if (i && i.hasAttribute("multiple")) {
-      const p = i, l = Array.isArray(y) ? y : [];
+      const h = i, d = Array.isArray(g) ? g : [];
       setTimeout(() => {
-        Array.from(p.options).forEach((h) => {
-          const g = l.includes(h.value);
-          h.selected !== g && (h.selected = g);
+        Array.from(h.options).forEach((b) => {
+          const c = d.includes(b.value);
+          b.selected !== c && (b.selected = c);
         });
       }, 0);
     } else
       setTimeout(() => {
-        i instanceof HTMLSelectElement && i.value !== String(y) && (i.value = String(y));
+        i instanceof HTMLSelectElement && i.value !== String(g) && (i.value = String(g));
       }, 0);
   else {
-    const p = String(y ?? "");
-    (!i || i.value !== p) && (r.value = y);
-  }
-  const m = a || u === "checkbox" || u === "radio" || u === "select" ? "change" : "input", v = (p) => {
-    if (p.isComposing || o._isComposing || p.isTrusted === !1) return;
-    const l = p.target;
-    if (l._modelUpdating) return;
-    const h = d();
-    let g = l.value;
-    if (u === "checkbox")
-      if (Array.isArray(h)) {
-        const _ = l.getAttribute("value") || "", C = [...h];
-        if (l.checked)
+    const h = String(g ?? "");
+    (!i || i.value !== h) && (r.value = g);
+  }
+  const y = a || l === "checkbox" || l === "radio" || l === "select" ? "change" : "input", m = (h) => {
+    if (h.isComposing || o._isComposing || h.isTrusted === !1) return;
+    const d = h.target;
+    if (d._modelUpdating) return;
+    const b = p();
+    let c = d.value;
+    if (l === "checkbox")
+      if (Array.isArray(b)) {
+        const _ = d.getAttribute("value") || "", C = [...b];
+        if (d.checked)
           C.includes(_) || C.push(_);
         else {
-          const w = C.indexOf(_);
-          w > -1 && C.splice(w, 1);
+          const k = C.indexOf(_);
+          k > -1 && C.splice(k, 1);
         }
-        g = C;
+        c = C;
       } else {
-        const _ = l.getAttribute("true-value") || !0, C = l.getAttribute("false-value") || !1;
-        g = l.checked ? _ : C;
+        const _ = d.getAttribute("true-value") || !0, C = d.getAttribute("false-value") || !1;
+        c = d.checked ? _ : C;
       }
-    else if (u === "radio")
-      g = l.getAttribute("value") || l.value;
-    else if (u === "select" && l.multiple) {
-      const _ = l;
-      g = Array.from(_.selectedOptions).map(
+    else if (l === "radio")
+      c = d.getAttribute("value") || d.value;
+    else if (l === "select" && d.multiple) {
+      const _ = d;
+      c = Array.from(_.selectedOptions).map(
         (C) => C.value
       );
-    } else if (c && (g = g.trim()), f) {
-      const _ = Number(g);
-      isNaN(_) || (g = _);
+    } else if (f && (c = c.trim()), u) {
+      const _ = Number(c);
+      isNaN(_) || (c = _);
     }
-    const x = s._state || s, k = R(x, e);
-    if (Array.isArray(g) && Array.isArray(k) ? JSON.stringify([...g].sort()) !== JSON.stringify([...k].sort()) : g !== k) {
-      const _ = p.target;
-      _._modelUpdating = !0, se(x, e, g), setTimeout(() => {
+    const x = s._state || s, $ = M(x, e);
+    if (Array.isArray(c) && Array.isArray($) ? JSON.stringify([...c].sort()) !== JSON.stringify([...$].sort()) : c !== $) {
+      const _ = h.target;
+      _._modelUpdating = !0, ce(x, e, c), setTimeout(() => {
         _._modelUpdating = !1;
       }, 0), s._requestRender && s._requestRender();
     }
   };
-  if (o[m] = v, u === "text" || u === "textarea") {
-    const p = () => {
+  if (o[y] = m, l === "text" || l === "textarea") {
+    const h = () => {
       o._isComposing = !0;
-    }, l = (h) => {
+    }, d = (b) => {
       o._isComposing = !1;
-      const g = h.target;
+      const c = b.target;
       setTimeout(() => {
-        if (g) {
-          let x = g.value;
-          if (c && (x = x.trim()), f) {
+        if (c) {
+          let x = c.value;
+          if (f && (x = x.trim()), u) {
             const C = Number(x);
             isNaN(C) || (x = C);
           }
-          const k = s._state || s, $ = R(k, e);
-          (Array.isArray(x) && Array.isArray($) ? JSON.stringify([...x].sort()) !== JSON.stringify([...$].sort()) : x !== $) && (g && (g._modelUpdating = !0, setTimeout(() => {
-            g._modelUpdating = !1;
-          }, 0)), se(k, e, x), s._requestRender && s._requestRender());
+          const $ = s._state || s, w = M($, e);
+          (Array.isArray(x) && Array.isArray(w) ? JSON.stringify([...x].sort()) !== JSON.stringify([...w].sort()) : x !== w) && (c && (c._modelUpdating = !0, setTimeout(() => {
+            c._modelUpdating = !1;
+          }, 0)), ce($, e, x), s._requestRender && s._requestRender());
         }
       }, 0);
     };
-    o.compositionstart = p, o.compositionend = l;
+    o.compositionstart = h, o.compositionend = d;
   }
 }
-function Ee(e, t, r, n) {
+function Le(e, t, r, n) {
   if (n)
     try {
       const o = JSON.parse(e);
@@ -384,34 +384,34 @@ function Ee(e, t, r, n) {
         for (const [s, i] of Object.entries(o))
           t[s] = i;
     } catch {
-      const o = R(n, e);
+      const o = M(n, e);
       r[e] = o;
     }
 }
-function Te(e, t, r) {
+function Be(e, t, r) {
   if (!r) return;
-  const n = R(r, e), o = t.style || "", s = n ? "" : "none";
+  const n = M(r, e), o = t.style || "", s = n ? "" : "none";
   if (o) {
     const i = o.split(";").filter(Boolean), a = i.findIndex(
-      (c) => c.trim().startsWith("display:")
+      (f) => f.trim().startsWith("display:")
     );
     a >= 0 ? i[a] = `display: ${s}` : i.push(`display: ${s}`), t.style = i.join("; ");
   } else
     t.style = `display: ${s}`;
 }
-function je(e, t, r) {
+function ze(e, t, r) {
   if (!r) return;
-  const n = R(r, e);
+  const n = M(r, e);
   let o = [];
   typeof n == "string" ? o = [n] : Array.isArray(n) ? o = n.filter(Boolean) : typeof n == "object" && (o = Object.entries(n).filter(([, a]) => !!a).map(([a]) => a));
   const s = t.class || "", i = s ? `${s} ${o.join(" ")}`.trim() : o.join(" ");
   i && (t.class = i);
 }
-function Le(e, t, r) {
+function Re(e, t, r) {
   let n;
   if (typeof e == "string") {
     if (!r) return;
-    n = R(r, e);
+    n = M(r, e);
   } else
     n = e;
   let o = "";
@@ -419,12 +419,12 @@ function Le(e, t, r) {
     o = n;
   else if (n && typeof n == "object") {
     const i = [];
-    for (const [a, c] of Object.entries(n))
-      if (c != null && c !== "") {
-        const f = a.replace(
+    for (const [a, f] of Object.entries(n))
+      if (f != null && f !== "") {
+        const u = a.replace(
           /[A-Z]/g,
-          (u) => `-${u.toLowerCase()}`
-        ), d = [
+          (l) => `-${l.toLowerCase()}`
+        ), p = [
           "width",
           "height",
           "top",
@@ -450,23 +450,23 @@ function Le(e, t, r) {
           "min-height",
           "max-height"
         ];
-        let y = String(c);
-        typeof c == "number" && d.includes(f) && (y = `${c}px`), i.push(`${f}: ${y}`);
+        let g = String(f);
+        typeof f == "number" && p.includes(u) && (g = `${f}px`), i.push(`${u}: ${g}`);
       }
     o = i.join("; ") + (i.length > 0 ? ";" : "");
   }
   const s = t.style || "";
   t.style = s + (s && !s.endsWith(";") ? "; " : "") + o;
 }
-function he(e, t, r, n) {
+function me(e, t, r, n) {
   const o = {}, s = { ...n || {} }, i = {};
-  for (const [a, c] of Object.entries(e)) {
-    const { value: f, modifiers: d } = c;
+  for (const [a, f] of Object.entries(e)) {
+    const { value: u, modifiers: p } = f;
     switch (a) {
       case "model":
-        Ae(
-          typeof f == "string" ? f : String(f),
-          d,
+        je(
+          typeof u == "string" ? u : String(u),
+          p,
           o,
           s,
           i,
@@ -475,45 +475,45 @@ function he(e, t, r, n) {
         );
         break;
       case "bind":
-        Ee(f, o, s, t);
+        Le(u, o, s, t);
         break;
       case "show":
-        Te(f, s, t);
+        Be(u, s, t);
         break;
       case "class":
-        je(f, s, t);
+        ze(u, s, t);
         break;
       case "style":
-        Le(f, s, t);
+        Re(u, s, t);
         break;
     }
   }
   return { props: o, attrs: s, listeners: i };
 }
-function re(e, t) {
+function ie(e, t) {
   if (Array.isArray(e)) {
     const s = /* @__PURE__ */ new Set();
     return e.map((i) => {
       if (!i || typeof i != "object") return i;
       let a = i.props?.key ?? i.key;
       if (!a) {
-        const y = i.tag || "node", u = i.props?.attrs?.id ?? i.props?.attrs?.name ?? i.props?.attrs?.["data-key"] ?? "";
-        a = u ? `${t}:${y}:${u}` : `${t}:${y}`;
+        const g = i.tag || "node", l = i.props?.attrs?.id ?? i.props?.attrs?.name ?? i.props?.attrs?.["data-key"] ?? "";
+        a = l ? `${t}:${g}:${l}` : `${t}:${g}`;
       }
-      let c = a, f = 1;
-      for (; s.has(c); )
-        c = `${a}#${f++}`;
-      s.add(c);
-      let d = i.children;
-      return Array.isArray(d) && (d = re(d, c)), { ...i, key: c, children: d };
+      let f = a, u = 1;
+      for (; s.has(f); )
+        f = `${a}#${u++}`;
+      s.add(f);
+      let p = i.children;
+      return Array.isArray(p) && (p = ie(p, f)), { ...i, key: f, children: p };
     });
   }
   const r = e;
   let n = r.props?.key ?? r.key ?? t, o = r.children;
-  return Array.isArray(o) && (o = re(o, n)), { ...r, key: n, children: o };
+  return Array.isArray(o) && (o = ie(o, n)), { ...r, key: n, children: o };
 }
-function Be(e, t, r, n) {
-  const o = r.directives ?? {}, s = he(
+function Ne(e, t, r, n) {
+  const o = r.directives ?? {}, s = me(
     o,
     n,
     e,
@@ -526,186 +526,186 @@ function Be(e, t, r, n) {
     ...t.attrs,
     ...r.attrs,
     ...s.attrs
-  }, c = t.props ?? {}, f = i;
-  for (const u in { ...c, ...f }) {
-    const b = c[u], m = f[u];
-    b !== m && (u === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement) ? e.value !== m && (e.value = m ?? "") : u === "checked" && e instanceof HTMLInputElement ? e.checked = !!m : u.startsWith("on") && typeof m == "function" ? (typeof b == "function" && e.removeEventListener(u.slice(2).toLowerCase(), b), e.addEventListener(u.slice(2).toLowerCase(), m)) : m == null || m === !1 ? e.removeAttribute(u) : e.setAttribute(u, String(m)));
+  }, f = t.props ?? {}, u = i;
+  for (const l in { ...f, ...u }) {
+    const v = f[l], y = u[l];
+    v !== y && (l === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement) ? e.value !== y && (e.value = y ?? "") : l === "checked" && e instanceof HTMLInputElement ? e.checked = !!y : l.startsWith("on") && typeof y == "function" ? (typeof v == "function" && e.removeEventListener(l.slice(2).toLowerCase(), v), e.addEventListener(l.slice(2).toLowerCase(), y)) : y == null || y === !1 ? e.removeAttribute(l) : e.setAttribute(l, String(y)));
   }
-  for (const [u, b] of Object.entries(
+  for (const [l, v] of Object.entries(
     s.listeners || {}
   ))
-    e.addEventListener(u, b);
-  const d = t.attrs ?? {}, y = a;
-  for (const u in { ...d, ...y }) {
-    const b = d[u], m = y[u];
-    b !== m && (m == null || m === !1 ? e.removeAttribute(u) : e.setAttribute(u, String(m)));
+    e.addEventListener(l, v);
+  const p = t.attrs ?? {}, g = a;
+  for (const l in { ...p, ...g }) {
+    const v = p[l], y = g[l];
+    v !== y && (y == null || y === !1 ? e.removeAttribute(l) : e.setAttribute(l, String(y)));
   }
 }
-function T(e, t, r) {
+function L(e, t, r) {
   if (typeof e == "string")
     return document.createTextNode(e);
   if (e.tag === "#text") {
-    const y = document.createTextNode(
+    const g = document.createTextNode(
       typeof e.children == "string" ? e.children : ""
     );
-    return e.key != null && (y.key = e.key), y;
+    return e.key != null && (g.key = e.key), g;
   }
   if (e.tag === "#anchor") {
-    const y = e, u = Array.isArray(y.children) ? y.children : [], b = document.createTextNode(""), m = document.createTextNode("");
-    y.key != null && (b.key = `${y.key}:start`, m.key = `${y.key}:end`), y._startNode = b, y._endNode = m;
-    const v = document.createDocumentFragment();
-    v.appendChild(b);
-    for (const p of u) {
-      const l = T(p, t);
-      v.appendChild(l);
+    const g = e, l = Array.isArray(g.children) ? g.children : [], v = document.createTextNode(""), y = document.createTextNode("");
+    g.key != null && (v.key = `${g.key}:start`, y.key = `${g.key}:end`), g._startNode = v, g._endNode = y;
+    const m = document.createDocumentFragment();
+    m.appendChild(v);
+    for (const h of l) {
+      const d = L(h, t);
+      m.appendChild(d);
     }
-    return v.appendChild(m), v;
+    return m.appendChild(y), m;
   }
   const n = document.createElement(e.tag);
   e.key != null && (n.key = e.key);
-  const { props: o = {}, attrs: s = {}, directives: i = {} } = e.props ?? {}, a = he(i, t, n, s), c = {
+  const { props: o = {}, attrs: s = {}, directives: i = {} } = e.props ?? {}, a = me(i, t, n, s), f = {
     ...o,
     ...a.props
-  }, f = {
+  }, u = {
     ...s,
     ...a.attrs
   };
-  for (const y in f) {
-    const u = f[y];
-    typeof u == "boolean" ? u && n.setAttribute(y, "") : u != null && n.setAttribute(y, String(u));
-  }
-  for (const y in c) {
-    const u = c[y];
-    if (y === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement))
-      n.value = u ?? "";
-    else if (y === "checked" && n instanceof HTMLInputElement)
-      n.checked = !!u;
-    else if (y.startsWith("on") && typeof u == "function")
-      n.addEventListener(y.slice(2).toLowerCase(), u);
+  for (const g in u) {
+    const l = u[g];
+    typeof l == "boolean" ? l && n.setAttribute(g, "") : l != null && n.setAttribute(g, String(l));
+  }
+  for (const g in f) {
+    const l = f[g];
+    if (g === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement))
+      n.value = l ?? "";
+    else if (g === "checked" && n instanceof HTMLInputElement)
+      n.checked = !!l;
+    else if (g.startsWith("on") && typeof l == "function")
+      n.addEventListener(g.slice(2).toLowerCase(), l);
     else {
-      if (y.startsWith("on") && u === void 0)
+      if (g.startsWith("on") && l === void 0)
         continue;
-      u == null || u === !1 ? n.removeAttribute(y) : n.setAttribute(y, String(u));
+      l == null || l === !1 ? n.removeAttribute(g) : n.setAttribute(g, String(l));
     }
   }
-  for (const [y, u] of Object.entries(
+  for (const [g, l] of Object.entries(
     a.listeners || {}
   ))
-    n.addEventListener(y, u);
-  const d = e.props?.ref ?? (e.props?.props && e.props.props.ref);
-  if (typeof e != "string" && d && r && (r[d] = n), Array.isArray(e.children))
-    for (const y of e.children)
-      n.appendChild(T(y, t, r));
+    n.addEventListener(g, l);
+  const p = e.props?.ref ?? (e.props?.props && e.props.props.ref);
+  if (typeof e != "string" && p && r && (r[p] = n), Array.isArray(e.children))
+    for (const g of e.children)
+      n.appendChild(L(g, t, r));
   else typeof e.children == "string" && (n.textContent = e.children);
   return n;
 }
-function ze(e, t, r, n, o) {
+function Me(e, t, r, n, o) {
   if (typeof r == "string") {
     e.textContent !== r && (e.textContent = r);
     return;
   }
   if (!Array.isArray(r)) return;
   const s = Array.from(e.childNodes), i = Array.isArray(t) ? t : [], a = /* @__PURE__ */ new Map();
-  for (const b of i)
-    b && b.key != null && a.set(b.key, b);
-  const c = /* @__PURE__ */ new Map();
-  for (const b of s) {
-    const m = b.key;
-    m != null && c.set(m, b);
-  }
-  const f = /* @__PURE__ */ new Set();
-  let d = e.firstChild;
-  function y(b, m) {
-    let v = b;
-    for (; v && (f.add(v), v !== m); )
-      v = v.nextSibling;
-  }
-  function u(b, m, v, p) {
-    const l = [];
-    let h = b.nextSibling;
-    for (; h && h !== m; )
-      l.push(h), h = h.nextSibling;
-    const g = Array.isArray(v) ? v : [];
-    if (p.some((k) => k && k.key != null) || g.some((k) => k && k.key != null)) {
-      const k = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map();
-      for (const w of g)
-        w && w.key != null && k.set(w.key, w);
-      for (const w of l) {
-        const S = w.key;
-        S != null && $.set(S, w);
+  for (const v of i)
+    v && v.key != null && a.set(v.key, v);
+  const f = /* @__PURE__ */ new Map();
+  for (const v of s) {
+    const y = v.key;
+    y != null && f.set(y, v);
+  }
+  const u = /* @__PURE__ */ new Set();
+  let p = e.firstChild;
+  function g(v, y) {
+    let m = v;
+    for (; m && (u.add(m), m !== y); )
+      m = m.nextSibling;
+  }
+  function l(v, y, m, h) {
+    const d = [];
+    let b = v.nextSibling;
+    for (; b && b !== y; )
+      d.push(b), b = b.nextSibling;
+    const c = Array.isArray(m) ? m : [];
+    if (h.some(($) => $ && $.key != null) || c.some(($) => $ && $.key != null)) {
+      const $ = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map();
+      for (const k of c)
+        k && k.key != null && $.set(k.key, k);
+      for (const k of d) {
+        const S = k.key;
+        S != null && w.set(S, k);
       }
       const _ = /* @__PURE__ */ new Set();
-      let C = b.nextSibling;
-      for (const w of p) {
+      let C = v.nextSibling;
+      for (const k of h) {
         let S;
-        if (w.key != null && $.has(w.key)) {
-          const A = k.get(w.key);
-          S = K(
-            $.get(w.key),
+        if (k.key != null && w.has(k.key)) {
+          const A = $.get(k.key);
+          S = J(
+            w.get(k.key),
             A,
-            w,
+            k,
             n
           ), _.add(S), S !== C && e.contains(S) && e.insertBefore(S, C);
         } else
-          S = T(w, n), e.insertBefore(S, C), _.add(S);
+          S = L(k, n), e.insertBefore(S, C), _.add(S);
         C = S.nextSibling;
       }
-      for (const w of l)
-        !_.has(w) && e.contains(w) && e.removeChild(w);
+      for (const k of d)
+        !_.has(k) && e.contains(k) && e.removeChild(k);
     } else {
-      const k = Math.min(
-        g.length,
-        p.length
+      const $ = Math.min(
+        c.length,
+        h.length
       );
-      for (let $ = 0; $ < k; $++) {
-        const _ = g[$], C = p[$], w = K(l[$], _, C, n);
-        w !== l[$] && (e.insertBefore(w, l[$]), e.removeChild(l[$]));
+      for (let w = 0; w < $; w++) {
+        const _ = c[w], C = h[w], k = J(d[w], _, C, n);
+        k !== d[w] && (e.insertBefore(k, d[w]), e.removeChild(d[w]));
       }
-      for (let $ = k; $ < p.length; $++)
-        e.insertBefore(T(p[$], n), m);
-      for (let $ = k; $ < l.length; $++)
-        e.removeChild(l[$]);
+      for (let w = $; w < h.length; w++)
+        e.insertBefore(L(h[w], n), y);
+      for (let w = $; w < d.length; w++)
+        e.removeChild(d[w]);
     }
   }
-  for (const b of r) {
-    let m;
-    if (b.tag === "#anchor") {
-      const v = b.key, p = `${v}:start`, l = `${v}:end`;
-      let h = c.get(p), g = c.get(l);
-      const x = Array.isArray(b.children) ? b.children : [];
-      if (h || (h = document.createTextNode(""), h.key = p), g || (g = document.createTextNode(""), g.key = l), b._startNode = h, b._endNode = g, !e.contains(h) || !e.contains(g)) {
-        e.insertBefore(h, d);
-        for (const k of x)
-          e.insertBefore(T(k, n), d);
-        e.insertBefore(g, d);
+  for (const v of r) {
+    let y;
+    if (v.tag === "#anchor") {
+      const m = v.key, h = `${m}:start`, d = `${m}:end`;
+      let b = f.get(h), c = f.get(d);
+      const x = Array.isArray(v.children) ? v.children : [];
+      if (b || (b = document.createTextNode(""), b.key = h), c || (c = document.createTextNode(""), c.key = d), v._startNode = b, v._endNode = c, !e.contains(b) || !e.contains(c)) {
+        e.insertBefore(b, p);
+        for (const $ of x)
+          e.insertBefore(L($, n), p);
+        e.insertBefore(c, p);
       } else
-        u(
-          h,
-          g,
-          a.get(v)?.children,
+        l(
+          b,
+          c,
+          a.get(m)?.children,
           x
         );
-      y(h, g), d = g.nextSibling;
+      g(b, c), p = c.nextSibling;
       continue;
     }
-    if (b.key != null && c.has(b.key)) {
-      const v = a.get(b.key);
-      m = K(
-        c.get(b.key),
+    if (v.key != null && f.has(v.key)) {
+      const m = a.get(v.key);
+      y = J(
+        f.get(v.key),
+        m,
         v,
-        b,
         n,
         o
-      ), f.add(m), m !== d && e.contains(m) && (d && !e.contains(d) && (d = null), e.insertBefore(m, d));
+      ), u.add(y), y !== p && e.contains(y) && (p && !e.contains(p) && (p = null), e.insertBefore(y, p));
     } else
-      m = T(b, n, o), d && !e.contains(d) && (d = null), e.insertBefore(m, d), f.add(m);
-    d = m.nextSibling;
+      y = L(v, n, o), p && !e.contains(p) && (p = null), e.insertBefore(y, p), u.add(y);
+    p = y.nextSibling;
   }
-  for (const b of s)
-    !f.has(b) && e.contains(b) && (z(b, o), e.removeChild(b));
+  for (const v of s)
+    !u.has(v) && e.contains(v) && (N(v, o), e.removeChild(v));
 }
-function K(e, t, r, n, o) {
-  if (t && typeof t != "string" && t.props?.ref && o && z(e, o), t === r) return e;
+function J(e, t, r, n, o) {
+  if (t && typeof t != "string" && t.props?.ref && o && N(e, o), t === r) return e;
   if (typeof r == "string") {
     if (e.nodeType === Node.TEXT_NODE)
       return e.textContent !== r && (e.textContent = r), e;
@@ -715,78 +715,78 @@ function K(e, t, r, n, o) {
     }
   }
   if (r && typeof r != "string" && r.tag === "#anchor") {
-    const i = r, a = Array.isArray(i.children) ? i.children : [], c = i._startNode ?? document.createTextNode(""), f = i._endNode ?? document.createTextNode("");
-    i.key != null && (c.key = `${i.key}:start`, f.key = `${i.key}:end`), i._startNode = c, i._endNode = f;
-    const d = document.createDocumentFragment();
-    d.appendChild(c);
-    for (const y of a) {
-      const u = T(y, n);
-      d.appendChild(u);
+    const i = r, a = Array.isArray(i.children) ? i.children : [], f = i._startNode ?? document.createTextNode(""), u = i._endNode ?? document.createTextNode("");
+    i.key != null && (f.key = `${i.key}:start`, u.key = `${i.key}:end`), i._startNode = f, i._endNode = u;
+    const p = document.createDocumentFragment();
+    p.appendChild(f);
+    for (const g of a) {
+      const l = L(g, n);
+      p.appendChild(l);
     }
-    return d.appendChild(f), e.parentNode?.replaceChild(d, e), c;
+    return p.appendChild(u), e.parentNode?.replaceChild(p, e), f;
   }
   if (!r) {
-    z(e, o);
+    N(e, o);
     const i = document.createComment("removed");
     return e.parentNode?.replaceChild(i, e), i;
   }
   if (!t || typeof t == "string") {
-    z(e, o);
-    const i = T(r, n, o);
+    N(e, o);
+    const i = L(r, n, o);
     return typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = i), e.parentNode?.replaceChild(i, e), i;
   }
   if (r.tag === "#anchor") {
-    const i = Array.isArray(r.children) ? r.children : [], a = r._startNode ?? document.createTextNode(""), c = r._endNode ?? document.createTextNode("");
-    r.key != null && (a.key = `${r.key}:start`, c.key = `${r.key}:end`), r._startNode = a, r._endNode = c;
-    const f = document.createDocumentFragment();
-    f.appendChild(a);
-    for (const d of i)
-      f.appendChild(T(d, n));
-    return f.appendChild(c), e.parentNode?.replaceChild(f, e), a;
+    const i = Array.isArray(r.children) ? r.children : [], a = r._startNode ?? document.createTextNode(""), f = r._endNode ?? document.createTextNode("");
+    r.key != null && (a.key = `${r.key}:start`, f.key = `${r.key}:end`), r._startNode = a, r._endNode = f;
+    const u = document.createDocumentFragment();
+    u.appendChild(a);
+    for (const p of i)
+      u.appendChild(L(p, n));
+    return u.appendChild(f), e.parentNode?.replaceChild(u, e), a;
   }
   if (typeof t != "string" && typeof r != "string" && t.tag === r.tag && t.key === r.key) {
     const i = e;
-    return Be(i, t.props || {}, r.props || {}, n), ze(i, t.children, r.children, n, o), typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = i), i;
+    return Ne(i, t.props || {}, r.props || {}, n), Me(i, t.children, r.children, n, o), typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = i), i;
   }
-  z(e, o);
-  const s = T(r, n, o);
+  N(e, o);
+  const s = L(r, n, o);
   return typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = s), e.parentNode?.replaceChild(s, e), s;
 }
-function Re(e, t, r, n) {
+function Oe(e, t, r, n) {
   let o;
   Array.isArray(t) ? t.length === 1 ? (o = t[0], o && typeof o == "object" && o.key == null && (o = { ...o, key: "__root__" })) : o = { tag: "div", key: "__root__", children: t } : (o = t, o && typeof o == "object" && o.key == null && (o = { ...o, key: "__root__" })), o && typeof o == "object" && o.tag === "#anchor" && (o = {
     tag: "div",
     key: "__anchor_root__",
     props: { attrs: { "data-anchor-block-root": "", key: "__anchor_root__" } },
     children: [o]
-  }), o = re(o, String(o.key ?? "root"));
+  }), o = ie(o, String(o.key ?? "root"));
   const s = e._prevVNode ?? null, i = e._prevDom ?? e.firstChild ?? null;
   let a;
-  s && i ? typeof s != "string" && typeof o != "string" && s.tag === o.tag && s.key === o.key ? a = K(i, s, o, r, n) : (a = T(o, r, n), e.replaceChild(a, i)) : (a = T(o, r, n), e.firstChild ? e.replaceChild(a, e.firstChild) : e.appendChild(a));
-  const c = [];
-  for (let f = 0; f < e.childNodes.length; f++) {
-    const d = e.childNodes[f];
-    d !== a && d.nodeName !== "STYLE" && (z(d, n), c.push(d));
+  s && i ? typeof s != "string" && typeof o != "string" && s.tag === o.tag && s.key === o.key ? a = J(i, s, o, r, n) : (a = L(o, r, n), e.replaceChild(a, i)) : (a = L(o, r, n), e.firstChild ? e.replaceChild(a, e.firstChild) : e.appendChild(a));
+  const f = [];
+  for (let u = 0; u < e.childNodes.length; u++) {
+    const p = e.childNodes[u];
+    p !== a && p.nodeName !== "STYLE" && (N(p, n), f.push(p));
   }
-  c.forEach((f) => e.removeChild(f)), e._prevVNode = o, e._prevDom = a;
+  f.forEach((u) => e.removeChild(u)), e._prevVNode = o, e._prevDom = a;
 }
-function ge(e, ...t) {
+function be(e, ...t) {
   let r = "";
   for (let n = 0; n < e.length; n++)
     r += e[n], n < t.length && (r += t[n]);
   return r;
 }
-function ye(e) {
+function ve(e) {
   return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
 }
-let I = null;
-function ae() {
-  return I || (I = new CSSStyleSheet(), I.replaceSync(ye(Me))), I;
+let V = null;
+function fe() {
+  return V || (V = new CSSStyleSheet(), V.replaceSync(ve(We))), V;
 }
-function Ne(e) {
+function Pe(e) {
   return e.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
 }
-const Me = ge`
+const We = be`
   :host, *, ::before, ::after {
     all: isolate;
     box-sizing: border-box;
@@ -844,7 +844,7 @@ const Me = ge`
   sup { top: -.5em }
   [disabled], [aria-disabled=true] { cursor: not-allowed }
   [hidden] { display: none }
-`, Oe = {
+`, De = {
   gray: {
     50: "var(--color-gray-50, #f9fafb)",
     100: "var(--color-gray-100, #f3f4f6)",
@@ -979,7 +979,7 @@ const Me = ge`
   },
   white: { DEFAULT: "var(--color-white, #ffffff)" },
   black: { DEFAULT: "var(--color-black, #000000)" }
-}, Q = {
+}, Y = {
   /* Display */
   block: "display:block;",
   inline: "display:inline;",
@@ -1153,7 +1153,7 @@ const Me = ge`
   "transition-colors": "transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;",
   "transition-opacity": "transition-property:opacity;",
   "transition-transform": "transition-property:transform;"
-}, Pe = "0.25rem", le = {
+}, He = "0.25rem", ue = {
   m: ["margin"],
   mx: ["margin-inline"],
   my: ["margin-block"],
@@ -1184,7 +1184,7 @@ const Me = ge`
   gap: ["gap"],
   "gap-x": ["column-gap"],
   "gap-y": ["row-gap"]
-}, We = {
+}, qe = {
   // State variants
   before: (e, t) => `${e}::before{${t}}`,
   after: (e, t) => `${e}::after{${t}}`,
@@ -1210,7 +1210,7 @@ const Me = ge`
   "peer-focus": (e, t) => `.peer:focus ~ ${e}{${t}}`,
   "peer-checked": (e, t) => `.peer:checked ~ ${e}{${t}}`,
   "peer-disabled": (e, t) => `.peer:disabled ~ ${e}{${t}}`
-}, ce = {
+}, de = {
   // Responsive
   sm: "(min-width:640px)",
   md: "(min-width:768px)",
@@ -1219,23 +1219,23 @@ const Me = ge`
   "2xl": "(min-width:1536px)",
   // Dark mode (now plain string)
   dark: "(prefers-color-scheme: dark)"
-}, Z = ["sm", "md", "lg", "xl", "2xl"];
-function X(e) {
+}, G = ["sm", "md", "lg", "xl", "2xl"];
+function ee(e) {
   const t = e.startsWith("-"), n = (t ? e.slice(1) : e).split("-");
   if (n.length < 2) return null;
   const o = n.slice(0, -1).join("-"), s = n[n.length - 1], i = parseFloat(s);
-  if (Number.isNaN(i) || !le[o]) return null;
+  if (Number.isNaN(i) || !ue[o]) return null;
   const a = t ? "-" : "";
-  return le[o].map((c) => `${c}:calc(${a}${Pe} * ${i});`).join("");
+  return ue[o].map((f) => `${f}:calc(${a}${He} * ${i});`).join("");
 }
-function fe(e) {
+function pe(e) {
   const t = e.replace("#", ""), r = parseInt(t, 16), n = r >> 16 & 255, o = r >> 8 & 255, s = r & 255;
   return `${n} ${o} ${s}`;
 }
-function De(e) {
+function Ie(e) {
   const t = /^(bg|text|border|decoration|shadow|outline|caret|accent|fill|stroke)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/.exec(e);
   if (!t) return null;
-  const [, r, n, o = "DEFAULT"] = t, s = Oe[n]?.[o];
+  const [, r, n, o = "DEFAULT"] = t, s = De[n]?.[o];
   return s ? `${{
     bg: "background-color",
     decoration: "text-decoration-color",
@@ -1250,35 +1250,35 @@ function De(e) {
     stroke: "stroke-color"
   }[r]}:${s};` : null;
 }
-function He(e) {
+function Fe(e) {
   const [t, r] = e.split("/");
   if (!r) return { base: t };
   const n = parseInt(r, 10);
   return isNaN(n) || n < 0 || n > 100 ? { base: t } : { base: t, opacity: n / 100 };
 }
-function Y(e) {
-  const { base: t, opacity: r } = He(e), n = De(t);
+function te(e) {
+  const { base: t, opacity: r } = Fe(e), n = Ie(t);
   if (n) {
     if (r !== void 0) {
       const s = /#([0-9a-f]{6})/i.exec(n);
       if (s) {
-        const i = fe(s[0]);
+        const i = pe(s[0]);
         return n.replace(/#([0-9a-f]{6})/i, `rgb(${i} / ${r})`);
       }
     }
     return n;
   }
-  const o = V(t);
+  const o = Q(t);
   if (o && r !== void 0) {
     const s = /#([0-9a-f]{6})/i.exec(o);
     if (s) {
-      const i = fe(s[0]);
+      const i = pe(s[0]);
       return o.replace(/#([0-9a-f]{6})/i, `rgb(${i} / ${r})`);
     }
   }
   return o;
 }
-function V(e) {
+function Q(e) {
   const t = e.indexOf("-["), r = e.endsWith("]");
   if (t > 0 && r) {
     const n = e.slice(0, t);
@@ -1328,13 +1328,13 @@ function V(e) {
   }
   return null;
 }
-function qe(e) {
+function Ke(e) {
   return e.startsWith("[") && e.endsWith("]") ? e : e.indexOf("-[") > 0 && e.endsWith("]") ? e.replace(/_/g, "-") : null;
 }
-function Ie(e) {
+function Ve(e) {
   return e.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1");
 }
-function Fe(e) {
+function Ue(e) {
   const t = /class\s*=\s*["']([^"']+)["']/g, r = [];
   let n;
   for (; n = t.exec(e); ) {
@@ -1343,93 +1343,100 @@ function Fe(e) {
   }
   return r.filter(Boolean);
 }
-const ue = /* @__PURE__ */ new Map(), Ke = 16;
-function Ve(e) {
-  const t = Date.now(), r = ue.get(e);
-  if (r && t - r.timestamp < Ke) return r.css;
-  const n = Fe(e), o = new Set(n), s = [], i = [], a = [], c = [], f = {};
-  function d(m, v = !1) {
-    const p = (v ? "dark|" : "") + m;
-    if (p in f) return f[p];
-    const l = u(m, v);
-    return f[p] = l, l;
-  }
-  function y(m) {
-    const v = m.some((l) => Z.includes(l)), p = m.includes("dark");
-    return m.length === 0 ? 1 : !v && !p ? 2 : v && !p ? 3 : 4;
-  }
-  function u(m, v = !1) {
-    const p = m.split(":"), l = p.find(
-      (S) => Q[S] || X(S) || Y(S) || V(S)
+const he = /* @__PURE__ */ new Map(), Je = 16;
+function Qe(e) {
+  const t = Date.now(), r = he.get(e);
+  if (r && t - r.timestamp < Je) return r.css;
+  const n = Ue(e), o = new Set(n), s = [], i = [], a = [], f = [], u = {};
+  function p(y, m = !1) {
+    const h = (m ? "dark|" : "") + y;
+    if (h in u) return u[h];
+    const d = l(y, m);
+    return u[h] = d, d;
+  }
+  function g(y) {
+    const m = y.some((d) => G.includes(d)), h = y.includes("dark");
+    return y.length === 0 ? 1 : !m && !h ? 2 : m && !h ? 3 : 4;
+  }
+  function l(y, m = !1) {
+    const h = y.split(":"), d = h.find(
+      (S) => Y[S] || ee(S) || te(S) || Q(S)
     );
-    if (!l) return null;
-    const h = Q[l] ?? X(l) ?? Y(l) ?? V(l);
-    if (!h) return null;
-    let g = `.${Ie(m)}`, x = h;
-    const k = p.indexOf(l);
-    let $ = k >= 0 ? p.slice(0, k) : [];
-    v && ($ = $.filter((S) => S !== "dark"));
-    const _ = $.filter((S) => Z.includes(S)), C = _.length ? _[_.length - 1] : null;
-    for (const S of $) {
-      const A = qe(S);
+    if (!d) return null;
+    const b = Y[d] ?? ee(d) ?? te(d) ?? Q(d);
+    if (!b) return null;
+    let c = `.${Ve(y)}`, x = b;
+    const $ = h.indexOf(d);
+    let w = $ >= 0 ? h.slice(0, $) : [];
+    m && (w = w.filter((S) => S !== "dark"));
+    const _ = w.filter((S) => G.includes(S)), C = _.length ? _[_.length - 1] : null;
+    for (const S of w) {
+      const A = Ke(S);
       if (A) {
-        g = `${A}${g}`;
+        c = `${A}${c}`;
         continue;
       }
-      if (Z.includes(S)) continue;
-      const E = We[S];
-      typeof E == "function" && (g = E(g, x).replace(/\{.*$/, ""));
+      if (G.includes(S)) continue;
+      const E = qe[S];
+      typeof E == "function" && (c = E(c, x).replace(/\{.*$/, ""));
     }
-    let w = `${g}{${x}}`;
-    return v && C ? w = `@media (prefers-color-scheme: dark) and ${ce[C]}{${w}}` : v ? w = `@media (prefers-color-scheme: dark){${w}}` : C && (w = `@media ${ce[C]}{${w}}`), w;
+    let k = `${c}{${x}}`;
+    return m && C ? k = `@media (prefers-color-scheme: dark) and ${de[C]}{${k}}` : m ? k = `@media (prefers-color-scheme: dark){${k}}` : C && (k = `@media ${de[C]}{${k}}`), k;
   }
-  for (const m of o) {
-    const v = m.split(":"), p = v.find(
-      (x) => Q[x] || X(x) || Y(x) || V(x)
+  for (const y of o) {
+    const m = y.split(":"), h = m.find(
+      (x) => Y[x] || ee(x) || te(x) || Q(x)
     );
-    if (!p) continue;
-    const l = v.indexOf(p), h = l >= 0 ? v.slice(0, l) : [], g = y(h);
-    if (g === 4) {
-      const x = d(m, !0);
-      x && c.push(x);
+    if (!h) continue;
+    const d = m.indexOf(h), b = d >= 0 ? m.slice(0, d) : [], c = g(b);
+    if (c === 4) {
+      const x = p(y, !0);
+      x && f.push(x);
     } else {
-      const x = d(m);
-      x && (g === 1 ? s.push(x) : g === 2 ? i.push(x) : g === 3 && a.push(x));
+      const x = p(y);
+      x && (c === 1 ? s.push(x) : c === 2 ? i.push(x) : c === 3 && a.push(x));
     }
   }
-  const b = [...s, ...i, ...a, ...c].join("");
-  return ue.set(e, { css: b, timestamp: t }), b;
+  const v = [...s, ...i, ...a, ...f].join("");
+  return he.set(e, { css: v, timestamp: t }), v;
 }
-function Ue(e, t, r, n, o, s, i, a) {
-  if (!e) return;
-  if (t.loadingTemplate && r.isLoading) {
-    N(e, t.loadingTemplate(r), r, n, o);
-    return;
-  }
-  if (t.errorTemplate && r.hasError) {
-    r.error instanceof Error && N(e, t.errorTemplate(r.error, r), r, n, o);
-    return;
-  }
-  const c = t.render(r);
-  if (c instanceof Promise) {
-    s(!0), c.then((f) => {
-      s(!1), i(null), N(e, f, r, n, o), a(e.innerHTML);
-    }).catch((f) => {
-      s(!1), i(f), t.errorTemplate && N(e, t.errorTemplate(f, r), r, n, o);
-    }), t.loadingTemplate && N(e, t.loadingTemplate(r), r, n, o);
-    return;
+const I = [];
+function Ze(e, t, r, n, o, s, i, a) {
+  if (e) {
+    I.push(r);
+    try {
+      if (t.loadingTemplate && r.isLoading) {
+        O(e, t.loadingTemplate(r), r, n, o);
+        return;
+      }
+      if (t.errorTemplate && r.hasError) {
+        r.error instanceof Error && O(e, t.errorTemplate(r.error, r), r, n, o);
+        return;
+      }
+      const f = t.render(r);
+      if (f instanceof Promise) {
+        s(!0), f.then((u) => {
+          s(!1), i(null), O(e, u, r, n, o), a(e.innerHTML);
+        }).catch((u) => {
+          s(!1), i(u), t.errorTemplate && O(e, t.errorTemplate(u, r), r, n, o);
+        }), t.loadingTemplate && O(e, t.loadingTemplate(r), r, n, o);
+        return;
+      }
+      O(e, f, r, n, o), a(e.innerHTML);
+    } finally {
+      I.pop();
+    }
   }
-  N(e, c, r, n, o), a(e.innerHTML);
 }
-function N(e, t, r, n, o) {
-  e && (Re(
+function O(e, t, r, n, o) {
+  e && (Oe(
     e,
     Array.isArray(t) ? t : [t],
     r,
     n
   ), o(e.innerHTML));
 }
-function Je(e, t, r, n, o, s, i) {
+function Xe(e, t, r, n, o, s, i) {
   if (s !== null && clearTimeout(s), Date.now() - t < 16) {
     if (o(r + 1), r > 10) {
       console.warn("Potential infinite render loop detected. Skipping render."), i(null);
@@ -1437,37 +1444,37 @@ function Je(e, t, r, n, o, s, i) {
     }
   } else
     o(0);
-  const c = setTimeout(() => {
+  const f = setTimeout(() => {
     n(Date.now()), e(), i(null);
   }, 0);
-  i(c);
+  i(f);
 }
-function Qe(e, t, r, n, o, s) {
+function Ye(e, t, r, n, o, s) {
   if (!e) return;
-  const i = Ve(n);
+  const i = Qe(n);
   if (!t.style && (!i || i.trim() === "")) {
-    s(null), e.adoptedStyleSheets = [ae()];
+    s(null), e.adoptedStyleSheets = [fe()];
     return;
   }
   let a = "";
   t.style && (typeof t.style == "string" ? a = t.style : typeof t.style == "function" && (a = t.style(r)));
-  let c = Ne(`${a}
+  let f = Pe(`${a}
 ${i}
 `);
-  c = ye(c);
-  let f = o;
-  f || (f = new CSSStyleSheet()), (f.cssRules.length === 0 || f.toString() !== c) && f.replaceSync(c), e.adoptedStyleSheets = [ae(), f], s(f);
+  f = ve(f);
+  let u = o;
+  u || (u = new CSSStyleSheet()), (u.cssRules.length === 0 || u.toString() !== f) && u.replaceSync(f), e.adoptedStyleSheets = [fe(), u], s(u);
 }
-const Ze = /* @__PURE__ */ new Map();
-function de(e, t, r) {
-  let n = ne(e);
+const Ge = /* @__PURE__ */ new Map();
+function ge(e, t, r) {
+  let n = se(e);
   n.includes("-") || (n = `cer-${n}`);
   let o;
   typeof t == "function" ? o = { ...r, render: t } : o = t, typeof o.onError != "function" && (o.onError = (s, i) => {
     console.error(`[${n}] Error:`, s, i);
-  }), Ze.set(n, o), typeof window < "u" && !customElements.get(n) && customElements.define(n, Xe(o));
+  }), Ge.set(n, o), typeof window < "u" && !customElements.get(n) && customElements.define(n, et(o));
 }
-function Xe(e) {
+function et(e) {
   if (!e.render)
     throw new Error(
       "Component must have a render function"
@@ -1533,8 +1540,8 @@ function Xe(e) {
               ...o || {}
             })
           );
-          const s = `on${r.charAt(0).toUpperCase()}${r.slice(1)}`, i = typeof this[s] == "function" ? this[s] : void 0, a = typeof this.context[s] == "function" ? this.context[s] : void 0, c = typeof e[s] == "function" ? e[s] : void 0;
-          i && i(n, this.context), a && a !== i && a(n, this.context), c && c !== i && c !== a && c(n, this.context);
+          const s = `on${r.charAt(0).toUpperCase()}${r.slice(1)}`, i = typeof this[s] == "function" ? this[s] : void 0, a = typeof this.context[s] == "function" ? this.context[s] : void 0, f = typeof e[s] == "function" ? e[s] : void 0;
+          i && i(n, this.context), a && a !== i && a(n, this.context), f && f !== i && f !== a && f(n, this.context);
         },
         writable: !1,
         enumerable: !1,
@@ -1554,7 +1561,7 @@ function Xe(e) {
     }
     connectedCallback() {
       this._runLogicWithinErrorBoundary(e, () => {
-        _e(
+        Ae(
           e,
           this.context,
           this._mounted,
@@ -1566,7 +1573,7 @@ function Xe(e) {
     }
     disconnectedCallback() {
       this._runLogicWithinErrorBoundary(e, () => {
-        Se(
+        Ee(
           e,
           this.context,
           this._listeners,
@@ -1590,7 +1597,7 @@ function Xe(e) {
     }
     attributeChangedCallback(t, r, n) {
       this._runLogicWithinErrorBoundary(e, () => {
-        this._applyProps(e), Ce(
+        this._applyProps(e), Te(
           e,
           t,
           r,
@@ -1600,7 +1607,7 @@ function Xe(e) {
       });
     }
     static get observedAttributes() {
-      return e.props ? Object.keys(e.props).map(ne) : [];
+      return e.props ? Object.keys(e.props).map(se) : [];
     }
     _applyComputed(t) {
       this._runLogicWithinErrorBoundary(e, () => {
@@ -1608,7 +1615,7 @@ function Xe(e) {
           Object.defineProperty(this.context, r, {
             get: () => {
               const o = n(this.context);
-              return ee(o);
+              return ne(o);
             },
             enumerable: !0
           });
@@ -1618,7 +1625,7 @@ function Xe(e) {
     // --- Render ---
     _render(t) {
       this._runLogicWithinErrorBoundary(t, () => {
-        Ue(
+        Ze(
           this.shadowRoot,
           t,
           this.context,
@@ -1641,7 +1648,7 @@ function Xe(e) {
     }
     _requestRender() {
       this._runLogicWithinErrorBoundary(this._cfg, () => {
-        Je(
+        Xe(
           () => this._render(this._cfg),
           this._lastRenderTime,
           this._renderCount,
@@ -1661,7 +1668,7 @@ function Xe(e) {
     // --- Style ---
     _applyStyle(t, r) {
       this._runLogicWithinErrorBoundary(t, () => {
-        Qe(
+        Ye(
           this.shadowRoot,
           t,
           this.context,
@@ -1690,9 +1697,9 @@ function Xe(e) {
       try {
         let r = function(o, s = "") {
           return Array.isArray(o) ? new Proxy(o, {
-            get(i, a, c) {
-              const f = Reflect.get(i, a, c);
-              return typeof f == "function" && typeof a == "string" && [
+            get(i, a, f) {
+              const u = Reflect.get(i, a, f);
+              return typeof u == "function" && typeof a == "string" && [
                 "push",
                 "pop",
                 "shift",
@@ -1700,26 +1707,26 @@ function Xe(e) {
                 "splice",
                 "sort",
                 "reverse"
-              ].includes(a) ? function(...y) {
-                const u = f.apply(i, y);
+              ].includes(a) ? function(...g) {
+                const l = u.apply(i, g);
                 if (!n._initializing) {
-                  const b = s || "root";
-                  n._triggerWatchers(b, i), n._render(t);
+                  const v = s || "root";
+                  n._triggerWatchers(v, i), n._render(t);
                 }
-                return u;
-              } : f;
+                return l;
+              } : u;
             },
-            set(i, a, c) {
-              if (i[a] = c, !n._initializing) {
-                const f = s ? `${s}.${String(a)}` : String(a);
-                n._triggerWatchers(f, c), n._render(t);
+            set(i, a, f) {
+              if (i[a] = f, !n._initializing) {
+                const u = s ? `${s}.${String(a)}` : String(a);
+                n._triggerWatchers(u, f), n._render(t);
               }
               return !0;
             },
             deleteProperty(i, a) {
               if (delete i[a], !n._initializing) {
-                const c = s ? `${s}.${String(a)}` : String(a);
-                n._triggerWatchers(c, void 0), n._render(t);
+                const f = s ? `${s}.${String(a)}` : String(a);
+                n._triggerWatchers(f, void 0), n._render(t);
               }
               return !0;
             }
@@ -1727,15 +1734,15 @@ function Xe(e) {
             const a = s ? `${s}.${i}` : i;
             o[i] = r(o[i], a);
           }), new Proxy(o, {
-            set(i, a, c) {
-              const f = s ? `${s}.${String(a)}` : String(a);
-              return i[a] = r(c, f), n._initializing || (n._triggerWatchers(
-                f,
+            set(i, a, f) {
+              const u = s ? `${s}.${String(a)}` : String(a);
+              return i[a] = r(f, u), n._initializing || (n._triggerWatchers(
+                u,
                 i[a]
               ), n._render(t)), !0;
             },
-            get(i, a, c) {
-              return Reflect.get(i, a, c);
+            get(i, a, f) {
+              return Reflect.get(i, a, f);
             }
           })) : o;
         };
@@ -1747,7 +1754,7 @@ function Xe(e) {
     }
     _initWatchers(t) {
       this._runLogicWithinErrorBoundary(t, () => {
-        we(
+        _e(
           this.context,
           this._watchers,
           t.watch || {}
@@ -1755,12 +1762,12 @@ function Xe(e) {
       });
     }
     _triggerWatchers(t, r) {
-      ke(this.context, this._watchers, t, r);
+      Se(this.context, this._watchers, t, r);
     }
     _applyProps(t) {
       this._runLogicWithinErrorBoundary(t, () => {
         try {
-          $e(this, t, this.context);
+          Ce(this, t, this.context);
         } catch (r) {
           this._hasError = !0, t.onError && t.onError(r, this.context), t.errorFallback && this.shadowRoot && (this.shadowRoot.innerHTML = t.errorFallback(r, this.context));
         }
@@ -1768,158 +1775,159 @@ function Xe(e) {
     }
   };
 }
-function D(e, t = {}, r, n) {
+function q(e, t = {}, r, n) {
   const o = n ?? t.key;
   return { tag: e, key: o, props: t, children: r };
 }
-function U(e) {
+function Z(e) {
   return !!e && typeof e == "object" && (e.type === "AnchorBlock" || e.tag === "#anchor");
 }
-function F(e) {
-  return typeof e == "object" && e !== null && "tag" in e && !U(e);
+function U(e) {
+  return typeof e == "object" && e !== null && "tag" in e && !Z(e);
 }
-function Ye(e, t) {
+function tt(e, t) {
   return e.key != null ? e : { ...e, key: t };
 }
-function Ge(e, t = [], r = {}) {
+function rt(e, t = [], r = {}) {
   const n = {}, o = {}, s = {}, i = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
   let a;
   for (; a = i.exec(e); ) {
-    const c = a[1], f = a[2], d = (a[4] || a[6]) ?? "", y = d.match(/^{{(\d+)}}$/);
-    let u = y ? t[Number(y[1])] ?? null : d;
-    if (y || (u === "true" ? u = !0 : u === "false" ? u = !1 : u === "null" ? u = null : isNaN(Number(u)) || (u = Number(u))), c === ":")
-      typeof u == "boolean" ? o[f] = u : u != null && (n[f] = u);
-    else if (c === "@") {
-      const b = "on" + f.charAt(0).toUpperCase() + f.slice(1);
-      n[b] = typeof u == "function" ? u : typeof r[u] == "function" ? r[u] : void 0;
-    } else if (c === "#") {
-      const [b, ...m] = f.split("."), v = [...m];
-      let p = u, l = [...v];
-      if (b === "model" && typeof p == "string" && p.includes(".")) {
-        const h = ["trim", "number", "lazy"], g = p.split(".");
-        let x = p;
-        const k = [];
-        for (let $ = g.length - 1; $ > 0 && h.includes(g[$]); $--)
-          k.unshift(g[$]), x = g.slice(0, $).join(".");
-        p = x, l.push(...k);
+    const f = a[1], u = a[2], p = (a[4] || a[6]) ?? "", g = p.match(/^{{(\d+)}}$/);
+    let l = g ? t[Number(g[1])] ?? null : p;
+    if (g || (l === "true" ? l = !0 : l === "false" ? l = !1 : l === "null" ? l = null : isNaN(Number(l)) || (l = Number(l))), f === ":")
+      typeof l == "boolean" ? o[u] = l : l != null && (typeof r[l] < "u" ? n[u] = r[l] : n[u] = l);
+    else if (f === "@") {
+      const v = "on" + u.charAt(0).toUpperCase() + u.slice(1);
+      n[v] = typeof l == "function" ? l : typeof r[l] == "function" ? r[l] : void 0;
+    } else if (f === "#") {
+      const [v, ...y] = u.split("."), m = [...y];
+      let h = l, d = [...m];
+      if (v === "model" && typeof h == "string" && h.includes(".")) {
+        const b = ["trim", "number", "lazy"], c = h.split(".");
+        let x = h;
+        const $ = [];
+        for (let w = c.length - 1; w > 0 && b.includes(c[w]); w--)
+          $.unshift(c[w]), x = c.slice(0, w).join(".");
+        h = x, d.push(...$);
       }
-      s[b] = {
-        value: p,
-        modifiers: l
+      s[v] = {
+        value: h,
+        modifiers: d
       };
-    } else f === "ref" ? n.ref = u : o[f] = u;
+    } else u === "ref" ? n.ref = l : o[u] = l;
   }
   return { props: n, attrs: o, directives: s };
 }
-function et(e, t, r) {
-  function n(l, h) {
-    return D("#text", {}, l, h);
-  }
-  let o = "";
-  for (let l = 0; l < e.length; l++)
-    o += e[l], l < t.length && (o += `{{${l}}}`);
-  const s = /<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, i = [];
-  let a, c = [], f = null, d = {}, y, u = 0, b = [];
-  function m(l) {
-    !l || typeof l != "object" || U(l) || (l.props || l.attrs ? (l.props && (d.props || (d.props = {}), Object.assign(d.props, l.props)), l.attrs && (d.attrs || (d.attrs = {}), Object.keys(l.attrs).forEach((h) => {
-      if (h === "style" && d.attrs.style) {
-        const g = d.attrs.style.replace(
+function nt(e, t, r) {
+  const n = I.length > 0 ? I[I.length - 1] : void 0, o = r ?? n;
+  function s(c, x) {
+    return q("#text", {}, c, x);
+  }
+  let i = "";
+  for (let c = 0; c < e.length; c++)
+    i += e[c], c < t.length && (i += `{{${c}}}`);
+  const a = /<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, f = [];
+  let u, p = [], g = null, l = {}, v, y = 0, m = [];
+  function h(c) {
+    !c || typeof c != "object" || Z(c) || (c.props || c.attrs ? (c.props && (l.props || (l.props = {}), Object.assign(l.props, c.props)), c.attrs && (l.attrs || (l.attrs = {}), Object.keys(c.attrs).forEach((x) => {
+      if (x === "style" && l.attrs.style) {
+        const $ = l.attrs.style.replace(
           /;?\s*$/,
           ""
-        ), x = l.attrs.style.replace(/^;?\s*/, "");
-        d.attrs.style = g + "; " + x;
-      } else if (h === "class" && d.attrs.class) {
-        const g = d.attrs.class.trim().split(/\s+/).filter(Boolean), x = l.attrs.class.trim().split(/\s+/).filter(Boolean), k = [
-          .../* @__PURE__ */ new Set([...g, ...x])
+        ), w = c.attrs.style.replace(/^;?\s*/, "");
+        l.attrs.style = $ + "; " + w;
+      } else if (x === "class" && l.attrs.class) {
+        const $ = l.attrs.class.trim().split(/\s+/).filter(Boolean), w = c.attrs.class.trim().split(/\s+/).filter(Boolean), _ = [
+          .../* @__PURE__ */ new Set([...$, ...w])
         ];
-        d.attrs.class = k.join(" ");
+        l.attrs.class = _.join(" ");
       } else
-        d.attrs[h] = l.attrs[h];
-    }))) : (d.props || (d.props = {}), Object.assign(d.props, l)));
-  }
-  function v(l, h) {
-    const g = f ? c : b;
-    if (U(l)) {
-      const x = l.key ?? h;
-      let k = l.children;
-      g.push({
-        ...l,
-        key: x,
-        children: k
+        l.attrs[x] = c.attrs[x];
+    }))) : (l.props || (l.props = {}), Object.assign(l.props, c)));
+  }
+  function d(c, x) {
+    const $ = g ? p : m;
+    if (Z(c)) {
+      const w = c.key ?? x;
+      let _ = c.children;
+      $.push({
+        ...c,
+        key: w,
+        children: _
       });
       return;
     }
-    if (F(l)) {
-      g.push(Ye(l, void 0));
+    if (U(c)) {
+      $.push(tt(c, void 0));
       return;
     }
-    if (Array.isArray(l)) {
-      if (l.length === 0) return;
-      for (let x = 0; x < l.length; x++) {
-        const k = l[x];
-        U(k) || F(k) || Array.isArray(k) ? v(k, `${h}-${x}`) : k !== null && typeof k == "object" ? m(k) : g.push(n(String(k), `${h}-${x}`));
+    if (Array.isArray(c)) {
+      if (c.length === 0) return;
+      for (let w = 0; w < c.length; w++) {
+        const _ = c[w];
+        Z(_) || U(_) || Array.isArray(_) ? d(_, `${x}-${w}`) : _ !== null && typeof _ == "object" ? h(_) : $.push(s(String(_), `${x}-${w}`));
       }
       return;
     }
-    if (l !== null && typeof l == "object") {
-      m(l);
+    if (c !== null && typeof c == "object") {
+      h(c);
       return;
     }
-    g.push(n(String(l), h));
-  }
-  for (; a = s.exec(o); )
-    if (a[1]) {
-      const l = a[1], h = a[0][1] === "/", g = a[0][a[0].length - 2] === "/", {
-        props: x,
-        attrs: k,
-        directives: $
-      } = Ge(a[2] || "", t, r), _ = { props: {}, attrs: {} };
-      for (const w in x) _.props[w] = x[w];
-      for (const w in k) _.attrs[w] = k[w];
-      for (const [w, S] of Object.entries($)) {
-        if (w === "bind")
-          if (typeof S.value == "object" && S.value !== null)
-            for (const [A, E] of Object.entries(S.value))
-              typeof E == "boolean" ? _.attrs[A] = E : E != null && (_.attrs[A] = String(E));
-          else S.value != null && (_.attrs[w] = String(S.value));
-        if (["show", "class", "style"].includes(w) && (_.directives || (_.directives = {}), _.directives[w] = S), w === "show") {
-          const A = !!S.value;
-          _.attrs.style = (_.attrs.style || "") + (A ? "" : "; display: none !important");
-        } else if (w === "class") {
-          const A = S.value;
-          let E = [];
-          if (typeof A == "string")
-            E = A.split(/\s+/).filter(Boolean);
-          else if (Array.isArray(A)) {
-            for (const j of A)
-              if (typeof j == "string")
-                E.push(...j.split(/\s+/).filter(Boolean));
-              else if (j && typeof j == "object")
-                for (const [L, q] of Object.entries(j))
-                  q && E.push(...L.split(/\s+/).filter(Boolean));
-          } else if (A && typeof A == "object")
-            for (const [j, L] of Object.entries(A))
-              L && E.push(...j.split(/\s+/).filter(Boolean));
-          const P = _.attrs.class || "", W = [
+    $.push(s(String(c), x));
+  }
+  for (; u = a.exec(i); )
+    if (u[1]) {
+      const c = u[1], x = u[0][1] === "/", $ = u[0][u[0].length - 2] === "/", {
+        props: w,
+        attrs: _,
+        directives: C
+      } = rt(u[2] || "", t, o), k = { props: {}, attrs: {} };
+      for (const A in w) k.props[A] = w[A];
+      for (const A in _) k.attrs[A] = _[A];
+      for (const [A, E] of Object.entries(C)) {
+        if (A === "bind")
+          if (typeof E.value == "object" && E.value !== null)
+            for (const [T, j] of Object.entries(E.value))
+              typeof j == "boolean" ? k.attrs[T] = j : j != null && (k.attrs[T] = String(j));
+          else E.value != null && (k.attrs[A] = String(E.value));
+        if (["show", "class", "style"].includes(A) && (k.directives || (k.directives = {}), k.directives[A] = E), A === "show") {
+          const T = !!E.value;
+          k.attrs.style = (k.attrs.style || "") + (T ? "" : "; display: none !important");
+        } else if (A === "class") {
+          const T = E.value;
+          let j = [];
+          if (typeof T == "string")
+            j = T.split(/\s+/).filter(Boolean);
+          else if (Array.isArray(T)) {
+            for (const B of T)
+              if (typeof B == "string")
+                j.push(...B.split(/\s+/).filter(Boolean));
+              else if (B && typeof B == "object")
+                for (const [z, K] of Object.entries(B))
+                  K && j.push(...z.split(/\s+/).filter(Boolean));
+          } else if (T && typeof T == "object")
+            for (const [B, z] of Object.entries(T))
+              z && j.push(...B.split(/\s+/).filter(Boolean));
+          const D = k.attrs.class || "", H = [
             .../* @__PURE__ */ new Set([
-              ...P.split(/\s+/).filter(Boolean),
-              ...E
+              ...D.split(/\s+/).filter(Boolean),
+              ...j
             ])
           ];
-          _.attrs.class = W.join(" ");
-        } else if (w === "style") {
-          const A = S.value;
-          let E = "";
-          if (typeof A == "string")
-            E = A;
-          else if (A && typeof A == "object") {
-            const W = [];
-            for (const [j, L] of Object.entries(A))
-              if (L != null && L !== "") {
-                const q = j.replace(
+          k.attrs.class = H.join(" ");
+        } else if (A === "style") {
+          const T = E.value;
+          let j = "";
+          if (typeof T == "string")
+            j = T;
+          else if (T && typeof T == "object") {
+            const H = [];
+            for (const [B, z] of Object.entries(T))
+              if (z != null && z !== "") {
+                const K = B.replace(
                   /[A-Z]/g,
-                  (be) => `-${be.toLowerCase()}`
-                ), me = [
+                  (we) => `-${we.toLowerCase()}`
+                ), xe = [
                   "width",
                   "height",
                   "top",
@@ -1945,194 +1953,194 @@ function et(e, t, r) {
                   "min-height",
                   "max-height"
                 ];
-                let oe = String(L);
-                typeof L == "number" && me.includes(q) && (oe = `${L}px`), W.push(`${q}: ${oe}`);
+                let ae = String(z);
+                typeof z == "number" && xe.includes(K) && (ae = `${z}px`), H.push(`${K}: ${ae}`);
               }
-            E = W.join("; ") + (W.length > 0 ? ";" : "");
+            j = H.join("; ") + (H.length > 0 ? ";" : "");
           }
-          const P = _.attrs.style || "";
-          _.attrs.style = P + (P && !P.endsWith(";") ? "; " : "") + E;
+          const D = k.attrs.style || "";
+          k.attrs.style = D + (D && !D.endsWith(";") ? "; " : "") + j;
         }
       }
-      const C = {};
-      for (const [w, S] of Object.entries($))
-        ["bind", "show", "class", "style"].includes(w) || (C[w] = S);
-      if (Object.keys(C).length > 0 && (_.directives = C), h) {
-        const w = D(
-          f,
-          d,
-          c.length === 1 && F(c[0]) && c[0].tag === "#text" ? typeof c[0].children == "string" ? c[0].children : "" : c.length ? c : void 0,
-          y
-        ), S = i.pop();
-        S ? (f = S.tag, d = S.props, y = S.key, c = S.children, c.push(w)) : (b.push(w), f = null, d = {}, y = void 0, c = []);
-      } else g ? f ? c.push(D(l, _, void 0, void 0)) : b.push(D(l, _, void 0, void 0)) : (f && i.push({
-        tag: f,
-        props: d,
-        children: c,
-        key: y
-      }), f = l, d = _, c = []);
-    } else if (typeof a[3] < "u") {
-      const l = Number(a[3]), h = t[l], g = `interp-${l}`;
-      v(h, g);
-    } else if (a[4]) {
-      const l = a[4], h = f ? c : b, g = l.split(/({{\d+}})/);
-      for (const x of g) {
-        if (!x) continue;
-        const k = x.match(/^{{(\d+)}}$/);
-        if (k) {
-          const $ = Number(k[1]), _ = t[$], C = `interp-${$}`;
-          v(_, C);
+      const S = {};
+      for (const [A, E] of Object.entries(C))
+        ["bind", "show", "class", "style"].includes(A) || (S[A] = E);
+      if (Object.keys(S).length > 0 && (k.directives = S), x) {
+        const A = q(
+          g,
+          l,
+          p.length === 1 && U(p[0]) && p[0].tag === "#text" ? typeof p[0].children == "string" ? p[0].children : "" : p.length ? p : void 0,
+          v
+        ), E = f.pop();
+        E ? (g = E.tag, l = E.props, v = E.key, p = E.children, p.push(A)) : (m.push(A), g = null, l = {}, v = void 0, p = []);
+      } else $ ? g ? p.push(q(c, k, void 0, void 0)) : m.push(q(c, k, void 0, void 0)) : (g && f.push({
+        tag: g,
+        props: l,
+        children: p,
+        key: v
+      }), g = c, l = k, p = []);
+    } else if (typeof u[3] < "u") {
+      const c = Number(u[3]), x = t[c], $ = `interp-${c}`;
+      d(x, $);
+    } else if (u[4]) {
+      const c = u[4], x = g ? p : m, $ = c.split(/({{\d+}})/);
+      for (const w of $) {
+        if (!w) continue;
+        const _ = w.match(/^{{(\d+)}}$/);
+        if (_) {
+          const C = Number(_[1]), k = t[C], S = `interp-${C}`;
+          d(k, S);
         } else {
-          const $ = `text-${u++}`;
-          h.push(n(x, $));
+          const C = `text-${y++}`;
+          x.push(s(w, C));
         }
       }
     }
-  const p = b.filter((l) => F(l) && l.tag === "#text" ? typeof l.children == "string" && l.children.trim() !== "" : !0);
-  return p.length === 1 ? p[0] : p.length > 1 ? p : D("div", {}, "", "fallback-root");
+  const b = m.filter((c) => U(c) && c.tag === "#text" ? typeof c.children == "string" && c.children.trim() !== "" : !0);
+  return b.length === 1 ? b[0] : b.length > 1 ? b : q("div", {}, "", "fallback-root");
 }
-function M(e, ...t) {
+function P(e, ...t) {
   const r = t[t.length - 1], n = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
-  return et(e, t, n);
+  return nt(e, t, n);
 }
-const pe = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, B = (e, t) => {
+const ye = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, R = (e, t) => {
   for (const r of e) {
     const n = [], o = r.path.replace(/:[^/]+/g, (a) => (n.push(a.slice(1)), "([^/]+)")), s = new RegExp(`^${o}$`), i = t.match(s);
     if (i) {
       const a = {};
-      return n.forEach((c, f) => {
-        a[c] = i[f + 1];
+      return n.forEach((f, u) => {
+        a[f] = i[u + 1];
       }), { route: r, params: a };
     }
   }
   return { route: null, params: {} };
-}, G = {};
-async function tt(e) {
+}, re = {};
+async function ot(e) {
   if (e.component) return e.component;
   if (e.load) {
-    if (G[e.path]) return G[e.path];
+    if (re[e.path]) return re[e.path];
     try {
       const t = await e.load();
-      return G[e.path] = t.default, t.default;
+      return re[e.path] = t.default, t.default;
     } catch {
       throw new Error(`Failed to load component for route: ${e.path}`);
     }
   }
   throw new Error(`No component or loader defined for route: ${e.path}`);
 }
-function rt(e) {
+function it(e) {
   const { routes: t, base: r = "", initialUrl: n } = e;
-  let o, s, i, a, c, f, d;
-  const y = async (v, p) => {
-    const l = t.find((h) => B([h], v.path).route !== null);
-    if (l?.beforeEnter)
+  let o, s, i, a, f, u, p;
+  const g = async (m, h) => {
+    const d = t.find((b) => R([b], m.path).route !== null);
+    if (d?.beforeEnter)
       try {
-        const h = await l.beforeEnter(v, p);
-        return typeof h == "string" ? (await m(h, !0), !1) : h !== !1;
-      } catch (h) {
-        return console.error("beforeEnter error", h), !1;
+        const b = await d.beforeEnter(m, h);
+        return typeof b == "string" ? (await y(b, !0), !1) : b !== !1;
+      } catch (b) {
+        return console.error("beforeEnter error", b), !1;
       }
     return !0;
-  }, u = async (v, p) => {
-    const l = t.find((h) => B([h], v.path).route !== null);
-    if (l?.onEnter)
+  }, l = async (m, h) => {
+    const d = t.find((b) => R([b], m.path).route !== null);
+    if (d?.onEnter)
       try {
-        const h = await l.onEnter(v, p);
-        return typeof h == "string" ? (await m(h, !0), !1) : h !== !1;
-      } catch (h) {
-        return console.error("onEnter error", h), !1;
+        const b = await d.onEnter(m, h);
+        return typeof b == "string" ? (await y(b, !0), !1) : b !== !1;
+      } catch (b) {
+        return console.error("onEnter error", b), !1;
       }
     return !0;
-  }, b = (v, p) => {
-    const l = t.find((h) => B([h], v.path).route !== null);
-    if (l?.afterEnter)
+  }, v = (m, h) => {
+    const d = t.find((b) => R([b], m.path).route !== null);
+    if (d?.afterEnter)
       try {
-        l.afterEnter(v, p);
-      } catch (h) {
-        console.error("afterEnter error", h);
+        d.afterEnter(m, h);
+      } catch (b) {
+        console.error("afterEnter error", b);
       }
-  }, m = async (v, p = !1) => {
+  }, y = async (m, h = !1) => {
     try {
-      const l = {
-        path: v.replace(r, "") || "/",
+      const d = {
+        path: m.replace(r, "") || "/",
         query: {}
-      }, h = B(t, l.path);
-      if (!h) throw new Error(`No route found for ${l.path}`);
-      const g = i.getState(), x = {
-        path: l.path,
-        params: h.params,
-        query: l.query
+      }, b = R(t, d.path);
+      if (!b) throw new Error(`No route found for ${d.path}`);
+      const c = i.getState(), x = {
+        path: d.path,
+        params: b.params,
+        query: d.query
       };
-      if (!await y(x, g) || !await u(x, g)) return;
-      typeof window < "u" && typeof document < "u" && (p ? window.history.replaceState({}, "", r + v) : window.history.pushState({}, "", r + v)), i.setState(x), b(x, g);
-    } catch (l) {
-      console.error("Navigation error:", l);
+      if (!await g(x, c) || !await l(x, c)) return;
+      typeof window < "u" && typeof document < "u" && (h ? window.history.replaceState({}, "", r + m) : window.history.pushState({}, "", r + m)), i.setState(x), v(x, c);
+    } catch (d) {
+      console.error("Navigation error:", d);
     }
   };
   if (typeof window < "u" && typeof document < "u") {
     o = () => {
-      const p = new URL(window.location.href), l = p.pathname.replace(r, "") || "/", h = pe(p.search);
-      return { path: l, query: h };
+      const h = new URL(window.location.href), d = h.pathname.replace(r, "") || "/", b = ye(h.search);
+      return { path: d, query: b };
     }, s = o();
-    const v = B(t, s.path);
-    i = ie({
+    const m = R(t, s.path);
+    i = le({
       path: s.path,
-      params: v.params,
+      params: m.params,
       query: s.query
-    }), a = async (p = !1) => {
-      const l = o();
-      await m(l.path, p);
-    }, window.addEventListener("popstate", () => a(!0)), c = (p) => m(p, !1), f = (p) => m(p, !0), d = () => window.history.back();
+    }), a = async (h = !1) => {
+      const d = o();
+      await y(d.path, h);
+    }, window.addEventListener("popstate", () => a(!0)), f = (h) => y(h, !1), u = (h) => y(h, !0), p = () => window.history.back();
   } else {
     o = () => {
-      const p = new URL(n || "/", "http://localhost"), l = p.pathname.replace(r, "") || "/", h = pe(p.search);
-      return { path: l, query: h };
+      const h = new URL(n || "/", "http://localhost"), d = h.pathname.replace(r, "") || "/", b = ye(h.search);
+      return { path: d, query: b };
     }, s = o();
-    const v = B(t, s.path);
-    i = ie({
+    const m = R(t, s.path);
+    i = le({
       path: s.path,
-      params: v.params,
+      params: m.params,
       query: s.query
     }), a = async () => {
-    }, c = async () => {
     }, f = async () => {
-    }, d = () => {
+    }, u = async () => {
+    }, p = () => {
     };
   }
   return {
     store: i,
-    push: c,
-    replace: f,
-    back: d,
+    push: f,
+    replace: u,
+    back: p,
     subscribe: i.subscribe,
-    matchRoute: (v) => B(t, v),
+    matchRoute: (m) => R(t, m),
     getCurrent: () => i.getState(),
-    resolveRouteComponent: tt
+    resolveRouteComponent: ot
   };
 }
-function ft(e, t) {
-  return B(e, t);
+function pt(e, t) {
+  return R(e, t);
 }
-function ut(e) {
-  const t = rt(e);
-  return de("router-view", {
+function ht(e) {
+  const t = it(e);
+  return ge("router-view", {
     async render() {
-      if (!t) return M`<div>Router not initialized.</div>`;
+      if (!t) return P`<div>Router not initialized.</div>`;
       const r = t.getCurrent(), { path: n } = r, o = t.matchRoute(n);
-      if (!o.route) return M`<div>Not found</div>`;
+      if (!o.route) return P`<div>Not found</div>`;
       let s = o.route.component;
       if (o.route.load) {
         const i = await o.route.load();
         typeof i.default == "string" && (s = i.default);
       }
-      return typeof s == "string" ? { tag: s, props: {}, children: [] } : M`<div>Invalid route component</div>`;
+      return typeof s == "string" ? { tag: s, props: {}, children: [] } : P`<div>Invalid route component</div>`;
     },
     onConnected(r) {
       t && typeof t.subscribe == "function" && t.subscribe(() => {
         typeof r.requestRender == "function" && r.requestRender();
       });
     }
-  }), de("router-link", {
+  }), ge("router-link", {
     state: {},
     props: {
       to: { type: String, default: "" },
@@ -2144,7 +2152,7 @@ function ut(e) {
       ariaCurrentValue: { type: String, default: "page" },
       disabled: { type: Boolean, default: !1 },
       external: { type: Boolean, default: !1 },
-      style: { type: String, default: ge`
+      style: { type: String, default: be`
         [aria-disabled="true"] {
           pointer-events: none;
           opacity: 0.5;
@@ -2153,60 +2161,60 @@ function ut(e) {
     },
     style: (r) => r.style,
     render: (r) => {
-      const n = t.getCurrent(), o = r.to, s = r.exact, i = r.exactActiveClass, a = r.activeClass, c = r.ariaCurrentValue, f = r.tag, d = r.disabled, y = r.external, u = n.path === o, b = s ? u : n && typeof n.path == "string" ? n.path.startsWith(o) : !1, m = u ? i : b ? a : "", v = u ? `aria-current="${c}"` : "", p = f === "button", l = d ? p ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", h = y && (f === "a" || !f) ? 'target="_blank" rel="noopener noreferrer"' : "";
-      return M`
-        ${ve().when(p, M`
+      const n = t.getCurrent(), o = r.to, s = r.exact, i = r.exactActiveClass, a = r.activeClass, f = r.ariaCurrentValue, u = r.tag, p = r.disabled, g = r.external, l = n.path === o, v = s ? l : n && typeof n.path == "string" ? n.path.startsWith(o) : !1, y = l ? i : v ? a : "", m = l ? `aria-current="${f}"` : "", h = u === "button", d = p ? h ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", b = g && (u === "a" || !u) ? 'target="_blank" rel="noopener noreferrer"' : "";
+      return P`
+        ${ke().when(h, P`
             <button
               part="button"
-              class="${m}"
-              ${v}
-              ${l}
-              ${h}
+              class="${y}"
+              ${m}
+              ${d}
+              ${b}
               data-on-click="navigate"
             ><slot></slot></button>
-          `).otherwise(M`
+          `).otherwise(P`
             <a
               part="link"
               href="${o}"
-              class="${m}"
-              ${v}
-              ${l}
-              ${h}
+              class="${y}"
+              ${m}
+              ${d}
+              ${b}
               data-on-click="navigate"
             ><slot></slot></a>
           `).done()}
       `;
     },
     navigate: (r, n) => {
-      const { disabled: o, external: s, tag: i, replace: a, to: c } = n.props;
+      const { disabled: o, external: s, tag: i, replace: a, to: f } = n.props;
       if (o) {
         r.preventDefault();
         return;
       }
-      s && (i === "a" || !i) || (r.preventDefault(), a ? t.replace(c) : t.push(c));
+      s && (i === "a" || !i) || (r.preventDefault(), a ? t.replace(f) : t.push(f));
     }
   }), t;
 }
 export {
-  O as GlobalEventBus,
-  de as component,
-  ie as createStore,
-  ge as css,
-  ot as each,
-  it as emit,
-  H as eventBus,
-  M as html,
-  ut as initRouter,
-  ct as listen,
-  ve as match,
-  B as matchRoute,
-  ft as matchRouteSSR,
-  at as off,
-  st as on,
-  lt as once,
-  pe as parseQuery,
-  tt as resolveRouteComponent,
-  rt as useRouter,
-  nt as when
+  W as GlobalEventBus,
+  ge as component,
+  le as createStore,
+  be as css,
+  at as each,
+  lt as emit,
+  F as eventBus,
+  P as html,
+  ht as initRouter,
+  dt as listen,
+  ke as match,
+  R as matchRoute,
+  pt as matchRouteSSR,
+  ft as off,
+  ct as on,
+  ut as once,
+  ye as parseQuery,
+  ot as resolveRouteComponent,
+  it as useRouter,
+  st as when
 };
 //# sourceMappingURL=custom-elements-runtime.es.js.map