@jasonshimmy/custom-elements-runtime 0.1.24 → 0.2.0

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

@@ -1,13 +1,13 @@
-function bt(e, t) {
-  return te(e ? t : [], "when-block");
+function mt(e, t) {
+  return oe(e ? t : [], "when-block");
 }
-function vt(e, t) {
+function bt(e, t) {
   return e.map((r, n) => {
     const o = typeof r == "object" ? r?.key ?? r?.id ?? `idx-${n}` : String(r);
-    return te(t(r, n), `each-${o}`);
+    return oe(t(r, n), `each-${o}`);
   });
 }
-function Re() {
+function Be() {
   const e = [];
   return {
     when(t, r) {
@@ -17,18 +17,18 @@ function Re() {
       return e.push([!0, t]), this;
     },
     done() {
-      return Pe(...e);
+      return Re(...e);
     }
   };
 }
-function Pe(...e) {
+function Re(...e) {
   for (let t = 0; t < e.length; t++) {
     const [r, n] = e[t];
-    if (r) return [te(n, `whenChain-branch-${t}`)];
+    if (r) return [oe(n, `whenChain-branch-${t}`)];
   }
-  return [te([], "whenChain-empty")];
+  return [oe([], "whenChain-empty")];
 }
-function te(e, t) {
+function oe(e, t) {
   const r = e ? Array.isArray(e) ? e.filter(Boolean) : [e].filter(Boolean) : [];
   return {
     tag: "#anchor",
@@ -36,7 +36,7 @@ function te(e, t) {
     children: r
   };
 }
-class U extends EventTarget {
+class V extends EventTarget {
   handlers = {};
   static instance;
   eventCounters = /* @__PURE__ */ new Map();
@@ -44,7 +44,7 @@ class U extends EventTarget {
    * Returns the singleton instance of GlobalEventBus
    */
   static getInstance() {
-    return U.instance || (U.instance = new U()), U.instance;
+    return V.instance || (V.instance = new V()), V.instance;
   }
   // Enhanced emit method with better typing and event storm protection
   /**
@@ -160,7 +160,7 @@ class U extends EventTarget {
     this.eventCounters.clear();
   }
 }
-const Z = U.getInstance(), xt = (e, t) => Z.emit(e, t), wt = (e, t) => Z.on(e, t), kt = (e, t) => Z.off(e, t), $t = (e, t) => Z.once(e, t), St = (e, t, r) => Z.listen(e, t, r);
+const X = V.getInstance(), vt = (e, t) => X.emit(e, t), wt = (e, t) => X.on(e, t), xt = (e, t) => X.off(e, t), kt = (e, t) => X.once(e, t), $t = (e, t, r) => X.listen(e, t, r);
 function xe(e) {
   let t = { ...e };
   const r = [];
@@ -171,18 +171,18 @@ function xe(e) {
     return t;
   }
   function s(a) {
-    const l = typeof a == "function" ? a(t) : a;
-    t = { ...t, ...l }, i();
+    const c = typeof a == "function" ? a(t) : a;
+    t = { ...t, ...c }, i();
   }
   function i() {
     r.forEach((a) => a(t));
   }
   return { subscribe: n, getState: o, setState: s };
 }
-function me(e) {
+function ve(e) {
   return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function pe(e) {
+function ge(e) {
   return typeof e == "string" ? e.replace(
     /[&<>"']/g,
     (t) => ({
@@ -201,27 +201,27 @@ function Oe(e, t, r) {
       if (Array.isArray(o) ? (s = o[0], i = o[1] || {}) : s = o, t.set(n, {
         callback: s,
         options: i,
-        oldValue: he(e, n)
+        oldValue: ye(e, n)
       }), i.immediate)
         try {
-          const a = he(e, n);
+          const a = ye(e, n);
           s(a, void 0, e);
         } catch (a) {
           console.error(`Error in immediate watcher for "${n}":`, a);
         }
     }
 }
-function he(e, t) {
+function ye(e, t) {
   return t.split(".").reduce((r, n) => r?.[n], e);
 }
-function He(e, t, r, n) {
+function Me(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((u, h) => o(u, a[h]));
-    const l = Object.keys(i), f = Object.keys(a);
-    return l.length !== f.length ? !1 : l.every((u) => o(i[u], a[u]));
+      return i.length !== a.length ? !1 : i.every((l, y) => o(l, a[y]));
+    const c = Object.keys(i), u = Object.keys(a);
+    return c.length !== u.length ? !1 : c.every((l) => o(i[l], a[l]));
   }, s = t.get(r);
   if (s && !o(n, s.oldValue))
     try {
@@ -232,13 +232,13 @@ function He(e, t, r, n) {
   for (const [i, a] of t.entries())
     if (a.options.deep && r.startsWith(i + "."))
       try {
-        const l = he(e, i);
-        o(l, a.oldValue) || (a.callback(l, a.oldValue, e), a.oldValue = l);
-      } catch (l) {
-        console.error(`Error in deep watcher for "${i}":`, l);
+        const c = ye(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);
       }
 }
-function Me(e, t, r) {
+function Ne(e, t, r) {
   if (!t.props) return;
   function n(o, s) {
     return s === Boolean ? o === "true" : s === Number ? Number(o) : o;
@@ -247,140 +247,148 @@ function Me(e, t, r) {
     if (s.type === Function && typeof e[o] == "function")
       r[o] = e[o];
     else {
-      const i = e.getAttribute(me(o));
-      i !== null ? r[o] = pe(n(i, s.type)) : "default" in s && s.default !== void 0 && (r[o] = pe(s.default));
+      const i = e.getAttribute(ve(o));
+      i !== null ? r[o] = ge(n(i, s.type)) : "default" in s && s.default !== void 0 && (r[o] = ge(s.default));
     }
   });
 }
-function Ne(e, t, r, n) {
+function We(e, t, r, n) {
   e.onConnected && !r && (e.onConnected(t), n(!0));
 }
-function We(e, t, r, n, o, s, i, a) {
-  e.onDisconnected && e.onDisconnected(t), r.forEach((l) => l()), n(), o(), s(!1), i(null), a(!1);
+function De(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 De(e, t, r, n, o) {
+function qe(e, t, r, n, o) {
   e.onAttributeChanged && e.onAttributeChanged(t, r, n, o);
 }
-function D(e, t) {
+function H(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))
-      D(r, t);
+      H(r, t);
   }
 }
-function q(e, t) {
+function K(e, t) {
   return typeof t == "string" ? t.split(".").reduce((r, n) => r?.[n], e) : t;
 }
-function we(e, t, r) {
+function ke(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 qe(e, t, r, n, o, s, i) {
+function Ie(e, t, r, n, o, s, i) {
   if (!s) return;
-  const a = t.includes("lazy"), l = t.includes("trim"), f = t.includes("number"), u = () => {
-    const g = s._state || s;
-    return q(g, e);
-  }, h = u();
-  let c = "text";
-  const v = n?.type;
-  if (i instanceof HTMLInputElement ? c = v || i.type || "text" : i instanceof HTMLSelectElement ? c = "select" : i instanceof HTMLTextAreaElement && (c = "textarea"), c === "checkbox")
-    if (Array.isArray(h)) {
-      const g = i?.getAttribute("value") || n?.value || "", d = h.includes(g);
-      i && i.checked !== d && (r.checked = d);
+  const a = t.includes("lazy"), c = t.includes("trim"), u = t.includes("number"), l = () => {
+    const p = s._state || s;
+    return K(p, e);
+  }, y = l();
+  let d = "text";
+  const b = n?.type;
+  if (i instanceof HTMLInputElement ? d = b || i.type || "text" : i instanceof HTMLSelectElement ? d = "select" : i instanceof HTMLTextAreaElement && (d = "textarea"), d === "checkbox")
+    if (Array.isArray(y)) {
+      const p = i?.getAttribute("value") || n?.value || "", f = y.includes(p);
+      i && i.checked !== f && (r.checked = f);
     } else {
-      const g = i?.getAttribute("true-value") || !0, d = h === g;
-      i && i.checked !== d && (r.checked = d);
+      const p = i?.getAttribute("true-value") || !0, f = y === p;
+      i && i.checked !== f && (r.checked = f);
     }
-  else if (c === "radio") {
-    const g = n?.value || "", d = h === g;
-    i && i.checked !== d && (r.checked = d);
-  } else if (c === "select")
+  else if (d === "radio") {
+    const p = n?.value || "", f = y === p;
+    i && i.checked !== f && (r.checked = f);
+  } else if (d === "select")
     if (i && i.hasAttribute("multiple")) {
-      const g = i, d = Array.isArray(h) ? h : [];
+      const p = i, f = Array.isArray(y) ? y : [];
       setTimeout(() => {
-        Array.from(g.options).forEach((y) => {
-          const b = d.includes(y.value);
-          y.selected !== b && (y.selected = b);
+        Array.from(p.options).forEach((g) => {
+          const m = f.includes(g.value);
+          g.selected !== m && (g.selected = m);
         });
       }, 0);
     } else
       setTimeout(() => {
-        i instanceof HTMLSelectElement && i.value !== String(h) && (i.value = String(h));
+        i instanceof HTMLSelectElement && i.value !== String(y) && (i.value = String(y));
       }, 0);
   else {
-    const g = String(h ?? "");
-    (!i || i.value !== g) && (r.value = h);
-  }
-  const x = a || c === "checkbox" || c === "radio" || c === "select" ? "change" : "input", k = (g) => {
-    if (g.isComposing || o._isComposing || g.isTrusted === !1) return;
-    const d = g.target;
-    if (d._modelUpdating) return;
-    const y = u();
-    let b = d.value;
-    if (c === "checkbox")
-      if (Array.isArray(y)) {
-        const $ = d.getAttribute("value") || "", _ = [...y];
-        if (d.checked)
+    const p = String(y ?? "");
+    (!i || i.value !== p) && (r.value = y);
+  }
+  const k = a || d === "checkbox" || d === "radio" || d === "select" ? "change" : "input", x = (p) => {
+    if (p.isComposing || o._isComposing || p.isTrusted === !1) return;
+    const f = p.target;
+    if (f._modelUpdating) return;
+    const g = l();
+    let m = f.value;
+    if (d === "checkbox")
+      if (Array.isArray(g)) {
+        const $ = f.getAttribute("value") || "", _ = [...g];
+        if (f.checked)
           _.includes($) || _.push($);
         else {
           const C = _.indexOf($);
           C > -1 && _.splice(C, 1);
         }
-        b = _;
+        m = _;
       } else {
-        const $ = d.getAttribute("true-value") || !0, _ = d.getAttribute("false-value") || !1;
-        b = d.checked ? $ : _;
+        const $ = f.getAttribute("true-value") || !0, _ = f.getAttribute("false-value") || !1;
+        m = f.checked ? $ : _;
       }
-    else if (c === "radio")
-      b = d.getAttribute("value") || d.value;
-    else if (c === "select" && d.multiple) {
-      const $ = d;
-      b = Array.from($.selectedOptions).map(
+    else if (d === "radio")
+      m = f.getAttribute("value") || f.value;
+    else if (d === "select" && f.multiple) {
+      const $ = f;
+      m = Array.from($.selectedOptions).map(
         (_) => _.value
       );
-    } else if (l && (b = b.trim()), f) {
-      const $ = Number(b);
-      isNaN($) || (b = $);
+    } else if (c && (m = m.trim()), u) {
+      const $ = Number(m);
+      isNaN($) || (m = $);
     }
-    const p = s._state || s, w = q(p, e);
-    if (Array.isArray(b) && Array.isArray(w) ? JSON.stringify([...b].sort()) !== JSON.stringify([...w].sort()) : b !== w) {
-      const $ = g.target;
-      $._modelUpdating = !0, we(p, e, b), setTimeout(() => {
+    const h = s._state || s, w = K(h, e);
+    if (Array.isArray(m) && Array.isArray(w) ? JSON.stringify([...m].sort()) !== JSON.stringify([...w].sort()) : m !== w) {
+      const $ = p.target;
+      $._modelUpdating = !0, ke(h, e, m), setTimeout(() => {
         $._modelUpdating = !1;
       }, 0), s._requestRender && s._requestRender();
     }
   };
-  if (o[x] = k, c === "text" || c === "textarea") {
-    const g = () => {
+  if (o[k] = x, d === "text" || d === "textarea") {
+    const p = () => {
       o._isComposing = !0;
-    }, d = (y) => {
+    }, f = (g) => {
       o._isComposing = !1;
-      const b = y.target;
+      const m = g.target;
       setTimeout(() => {
-        if (b) {
-          let p = b.value;
-          if (l && (p = p.trim()), f) {
-            const _ = Number(p);
-            isNaN(_) || (p = _);
+        if (m) {
+          let h = m.value;
+          if (c && (h = h.trim()), u) {
+            const _ = Number(h);
+            isNaN(_) || (h = _);
           }
-          const w = s._state || s, m = q(w, e);
-          (Array.isArray(p) && Array.isArray(m) ? JSON.stringify([...p].sort()) !== JSON.stringify([...m].sort()) : p !== m) && (b && (b._modelUpdating = !0, setTimeout(() => {
-            b._modelUpdating = !1;
-          }, 0)), we(w, e, p), s._requestRender && s._requestRender());
+          const w = s._state || s, v = K(w, e);
+          (Array.isArray(h) && Array.isArray(v) ? JSON.stringify([...h].sort()) !== JSON.stringify([...v].sort()) : h !== v) && (m && (m._modelUpdating = !0, setTimeout(() => {
+            m._modelUpdating = !1;
+          }, 0)), ke(w, e, h), s._requestRender && s._requestRender());
         }
       }, 0);
     };
-    o.compositionstart = g, o.compositionend = d;
+    o.compositionstart = p, o.compositionend = f;
   }
 }
-const Ie = "onHost";
 function Te(e) {
-  return e.slice(Ie.length).toLowerCase();
+  return e.slice(2).charAt(0).toLowerCase() + e.slice(3);
+}
+function ee(e) {
+  if (!e) return [void 0, void 0];
+  if (typeof e == "function") return [e, void 0];
+  if (typeof e == "object") {
+    if (typeof e.handler == "function") return [e.handler, e.options];
+    if (typeof e.fn == "function") return [e.fn, e.options];
+  }
+  return [void 0, void 0];
 }
-function Fe(e, t, r, n) {
+function He(e, t, r, n) {
   if (n) {
     if (typeof e == "object" && e !== null)
       for (const [o, s] of Object.entries(e))
@@ -394,35 +402,35 @@ function Fe(e, t, r, n) {
           return;
         }
       } catch {
-        const o = q(n, e);
+        const o = K(n, e);
         r[e] = o;
       }
   }
 }
-function Ue(e, t, r) {
+function Ke(e, t, r) {
   if (!r) return;
-  const n = q(r, e), o = t.style || "", s = n ? "" : "none";
+  const n = K(r, e), o = t.style || "", s = n ? "" : "none";
   if (o) {
     const i = o.split(";").filter(Boolean), a = i.findIndex(
-      (l) => l.trim().startsWith("display:")
+      (c) => c.trim().startsWith("display:")
     );
     a >= 0 ? i[a] = `display: ${s}` : i.push(`display: ${s}`), t.style = i.join("; ");
   } else
     t.style = `display: ${s}`;
 }
-function Ke(e, t, r) {
+function Ue(e, t, r) {
   if (!r) return;
-  const n = q(r, e);
+  const n = K(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).flatMap(([a]) => a.split(/\s+/).filter(Boolean)));
   const s = t.class || "", i = s ? `${s} ${o.join(" ")}`.trim() : o.join(" ");
   i && (t.class = i);
 }
-function Ve(e, t, r) {
+function Fe(e, t, r) {
   let n;
   if (typeof e == "string") {
     if (!r) return;
-    n = q(r, e);
+    n = K(r, e);
   } else
     n = e;
   let o = "";
@@ -430,12 +438,12 @@ function Ve(e, t, r) {
     o = n;
   else if (n && typeof n == "object") {
     const i = [];
-    for (const [a, l] of Object.entries(n))
-      if (l != null && l !== "") {
-        const f = a.replace(
+    for (const [a, c] of Object.entries(n))
+      if (c != null && c !== "") {
+        const u = a.replace(
           /[A-Z]/g,
-          (c) => `-${c.toLowerCase()}`
-        ), u = [
+          (d) => `-${d.toLowerCase()}`
+        ), l = [
           "width",
           "height",
           "top",
@@ -461,8 +469,8 @@ function Ve(e, t, r) {
           "min-height",
           "max-height"
         ];
-        let h = String(l);
-        typeof l == "number" && u.includes(f) && (h = `${l}px`), i.push(`${f}: ${h}`);
+        let y = String(c);
+        typeof c == "number" && l.includes(u) && (y = `${c}px`), i.push(`${u}: ${y}`);
       }
     o = i.join("; ") + (i.length > 0 ? ";" : "");
   }
@@ -471,13 +479,13 @@ function Ve(e, t, r) {
 }
 function je(e, t, r, n) {
   const o = {}, s = { ...n || {} }, i = {};
-  for (const [a, l] of Object.entries(e)) {
-    const { value: f, modifiers: u } = l;
+  for (const [a, c] of Object.entries(e)) {
+    const { value: u, modifiers: l } = c;
     switch (a) {
       case "model":
-        qe(
-          typeof f == "string" ? f : String(f),
-          u,
+        Ie(
+          typeof u == "string" ? u : String(u),
+          l,
           o,
           s,
           i,
@@ -486,44 +494,44 @@ function je(e, t, r, n) {
         );
         break;
       case "bind":
-        Fe(f, o, s, t);
+        He(u, o, s, t);
         break;
       case "show":
-        Ue(f, s, t);
+        Ke(u, s, t);
         break;
       case "class":
-        Ke(f, s, t);
+        Ue(u, s, t);
         break;
       case "style":
-        Ve(f, s, t);
+        Fe(u, s, t);
         break;
     }
   }
   return { props: o, attrs: s, listeners: i };
 }
-function ge(e, t) {
+function me(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 h = i.tag || "node", c = i.props?.attrs?.id ?? i.props?.attrs?.name ?? i.props?.attrs?.["data-key"] ?? "";
-        a = c ? `${t}:${h}:${c}` : `${t}:${h}`;
+        const y = i.tag || "node", d = i.props?.attrs?.id ?? i.props?.attrs?.name ?? i.props?.attrs?.["data-key"] ?? "";
+        a = d ? `${t}:${y}:${d}` : `${t}:${y}`;
       }
-      let l = a, f = 1;
-      for (; s.has(l); )
-        l = `${a}#${f++}`;
-      s.add(l);
-      let u = i.children;
-      return Array.isArray(u) && (u = ge(u, l)), { ...i, key: l, children: u };
+      let c = a, u = 1;
+      for (; s.has(c); )
+        c = `${a}#${u++}`;
+      s.add(c);
+      let l = i.children;
+      return Array.isArray(l) && (l = me(l, c)), { ...i, key: c, children: l };
     });
   }
   const r = e;
   let n = r.props?.key ?? r.key ?? t, o = r.children;
-  return Array.isArray(o) && (o = ge(o, n)), { ...r, key: n, children: o };
+  return Array.isArray(o) && (o = me(o, n)), { ...r, key: n, children: o };
 }
-function Je(e, t, r, n) {
+function Ve(e, t, r, n) {
   const o = r.directives ?? {}, s = je(
     o,
     n,
@@ -537,202 +545,205 @@ function Je(e, t, r, n) {
     ...t.attrs,
     ...r.attrs,
     ...s.attrs
-  }, l = t.props ?? {}, f = i;
-  for (const c in { ...l, ...f }) {
-    const v = l[c], x = f[c];
-    if (v !== x)
-      if (c === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement))
-        e.value !== x && (e.value = x ?? "");
-      else if (c === "checked" && e instanceof HTMLInputElement)
-        e.checked = !!x;
-      else if (c.startsWith("onHost") && typeof x == "function") {
-        const k = Te(c);
-        typeof v == "function" && e.removeEventListener(k, v), e.addEventListener(k, x);
-      } else x == null || x === !1 ? e.removeAttribute(c) : e.setAttribute(c, String(x));
-  }
-  for (const [c, v] of Object.entries(
+  }, c = t.props ?? {}, u = i;
+  for (const d in { ...c, ...u }) {
+    const b = c[d], k = u[d];
+    if (b !== k)
+      if (d === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement))
+        e.value !== k && (e.value = k ?? "");
+      else if (d === "checked" && e instanceof HTMLInputElement)
+        e.checked = !!k;
+      else if (d.startsWith("on")) {
+        const x = Te(d), [p, f] = ee(k), [g, m] = ee(b);
+        g && e.removeEventListener(x, g, m), p && e.addEventListener(x, p, f);
+      } else k == null || k === !1 ? e.removeAttribute(d) : e.setAttribute(d, String(k));
+  }
+  for (const [d, b] of Object.entries(
     s.listeners || {}
-  ))
-    e.addEventListener(c, v);
-  const u = t.attrs ?? {}, h = a;
-  for (const c in { ...u, ...h }) {
-    const v = u[c], x = h[c];
-    v !== x && (x == null || x === !1 ? e.removeAttribute(c) : e.setAttribute(c, String(x)));
+  )) {
+    const [k, x] = ee(b);
+    k && e.addEventListener(d, k, x);
+  }
+  const l = t.attrs ?? {}, y = a;
+  for (const d in { ...l, ...y }) {
+    const b = l[d], k = y[d];
+    b !== k && (k == null || k === !1 ? e.removeAttribute(d) : e.setAttribute(d, String(k)));
   }
 }
-function P(e, t, r) {
+function O(e, t, r) {
   if (typeof e == "string")
     return document.createTextNode(e);
   if (e.tag === "#text") {
-    const h = document.createTextNode(
+    const y = document.createTextNode(
       typeof e.children == "string" ? e.children : ""
     );
-    return e.key != null && (h.key = e.key), h;
+    return e.key != null && (y.key = e.key), y;
   }
   if (e.tag === "#anchor") {
-    const h = e, c = Array.isArray(h.children) ? h.children : [], v = document.createTextNode(""), x = document.createTextNode("");
-    h.key != null && (v.key = `${h.key}:start`, x.key = `${h.key}:end`), h._startNode = v, h._endNode = x;
-    const k = document.createDocumentFragment();
-    k.appendChild(v);
-    for (const g of c) {
-      const d = P(g, t);
-      k.appendChild(d);
+    const y = e, d = Array.isArray(y.children) ? y.children : [], b = document.createTextNode(""), k = document.createTextNode("");
+    y.key != null && (b.key = `${y.key}:start`, k.key = `${y.key}:end`), y._startNode = b, y._endNode = k;
+    const x = document.createDocumentFragment();
+    x.appendChild(b);
+    for (const p of d) {
+      const f = O(p, t);
+      x.appendChild(f);
     }
-    return k.appendChild(x), k;
+    return x.appendChild(k), x;
   }
   const n = document.createElement(e.tag);
   e.key != null && (n.key = e.key);
-  const { props: o = {}, attrs: s = {}, directives: i = {} } = e.props ?? {}, a = je(i, t, n, s), l = {
+  const { props: o = {}, attrs: s = {}, directives: i = {} } = e.props ?? {}, a = je(i, t, n, s), c = {
     ...o,
     ...a.props
-  }, f = {
+  }, u = {
     ...s,
     ...a.attrs
   };
-  for (const h in f) {
-    const c = f[h];
-    if (typeof h != "string" || /\[object Object\]/.test(h)) {
-      typeof window < "u" && window.console && console.warn("Skipping invalid attribute key:", h, c);
+  for (const y in u) {
+    const d = u[y];
+    if (typeof y != "string" || /\[object Object\]/.test(y)) {
+      typeof window < "u" && window.console && console.warn("Skipping invalid attribute key:", y, d);
       continue;
     }
-    typeof c == "boolean" ? c && n.setAttribute(h, "") : c != null && n.setAttribute(h, c);
+    typeof d == "boolean" ? d && n.setAttribute(y, "") : d != null && n.setAttribute(y, d);
   }
-  for (const h in l) {
-    const c = l[h];
-    if (typeof h != "string" || /\[object Object\]/.test(h)) {
-      typeof window < "u" && window.console && console.warn("Skipping invalid prop key:", h, c);
+  for (const y in c) {
+    const d = c[y];
+    if (typeof y != "string" || /\[object Object\]/.test(y)) {
+      typeof window < "u" && window.console && console.warn("Skipping invalid prop key:", y, d);
       continue;
     }
-    if (h === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement))
-      n.value = c ?? "";
-    else if (h === "checked" && n instanceof HTMLInputElement)
-      n.checked = !!c;
-    else if (h.startsWith("onHost") && typeof c == "function")
-      n.addEventListener(Te(h), c);
-    else {
-      if (h.startsWith("onHost") && c === void 0)
+    if (y === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement))
+      n.value = d ?? "";
+    else if (y === "checked" && n instanceof HTMLInputElement)
+      n.checked = !!d;
+    else if (y.startsWith("on")) {
+      const [b, k] = ee(d);
+      b && n.addEventListener(Te(y), b, k);
+    } else {
+      if (y.startsWith("on") && d === void 0)
         continue;
-      c == null || c === !1 ? n.removeAttribute(h) : n.setAttribute(h, String(c));
+      d == null || d === !1 ? n.removeAttribute(y) : n.setAttribute(y, String(d));
     }
   }
-  for (const [h, c] of Object.entries(
+  for (const [y, d] of Object.entries(
     a.listeners || {}
   ))
-    n.addEventListener(h, c);
-  const u = e.props?.ref ?? (e.props?.props && e.props.props.ref);
-  if (typeof e != "string" && u && r && (r[u] = n), Array.isArray(e.children))
-    for (const h of e.children)
-      n.appendChild(P(h, t, r));
+    n.addEventListener(y, d);
+  const l = e.props?.ref ?? (e.props?.props && e.props.props.ref);
+  if (typeof e != "string" && l && r && (r[l] = n), Array.isArray(e.children))
+    for (const y of e.children)
+      n.appendChild(O(y, t, r));
   else typeof e.children == "string" && (n.textContent = e.children);
   return n;
 }
-function Ze(e, t, r, n, o) {
+function Je(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 v of i)
-    v && v.key != null && a.set(v.key, v);
-  const l = /* @__PURE__ */ new Map();
-  for (const v of s) {
-    const x = v.key;
-    x != null && l.set(x, v);
-  }
-  const f = /* @__PURE__ */ new Set();
-  let u = e.firstChild;
-  function h(v, x) {
-    let k = v;
-    for (; k && (f.add(k), k !== x); )
-      k = k.nextSibling;
-  }
-  function c(v, x, k, g) {
-    const d = [];
-    let y = v.nextSibling;
-    for (; y && y !== x; )
-      d.push(y), y = y.nextSibling;
-    const b = Array.isArray(k) ? k : [];
-    if (g.some((w) => w && w.key != null) || b.some((w) => w && w.key != null)) {
-      const w = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map();
-      for (const C of b)
+  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 k = b.key;
+    k != null && c.set(k, b);
+  }
+  const u = /* @__PURE__ */ new Set();
+  let l = e.firstChild;
+  function y(b, k) {
+    let x = b;
+    for (; x && (u.add(x), x !== k); )
+      x = x.nextSibling;
+  }
+  function d(b, k, x, p) {
+    const f = [];
+    let g = b.nextSibling;
+    for (; g && g !== k; )
+      f.push(g), g = g.nextSibling;
+    const m = Array.isArray(x) ? x : [];
+    if (p.some((w) => w && w.key != null) || m.some((w) => w && w.key != null)) {
+      const w = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map();
+      for (const C of m)
         C && C.key != null && w.set(C.key, C);
-      for (const C of d) {
+      for (const C of f) {
         const E = C.key;
-        E != null && m.set(E, C);
+        E != null && v.set(E, C);
       }
       const $ = /* @__PURE__ */ new Set();
-      let _ = v.nextSibling;
-      for (const C of g) {
+      let _ = b.nextSibling;
+      for (const C of p) {
         let E;
-        if (C.key != null && m.has(C.key)) {
+        if (C.key != null && v.has(C.key)) {
           const j = w.get(C.key);
-          E = Y(
-            m.get(C.key),
+          E = te(
+            v.get(C.key),
             j,
             C,
             n
           ), $.add(E), E !== _ && e.contains(E) && e.insertBefore(E, _);
         } else
-          E = P(C, n), e.insertBefore(E, _), $.add(E);
+          E = O(C, n), e.insertBefore(E, _), $.add(E);
         _ = E.nextSibling;
       }
-      for (const C of d)
+      for (const C of f)
         !$.has(C) && e.contains(C) && e.removeChild(C);
     } else {
       const w = Math.min(
-        b.length,
-        g.length
+        m.length,
+        p.length
       );
-      for (let m = 0; m < w; m++) {
-        const $ = b[m], _ = g[m], C = Y(d[m], $, _, n);
-        C !== d[m] && (e.insertBefore(C, d[m]), e.removeChild(d[m]));
+      for (let v = 0; v < w; v++) {
+        const $ = m[v], _ = p[v], C = te(f[v], $, _, n);
+        C !== f[v] && (e.insertBefore(C, f[v]), e.removeChild(f[v]));
       }
-      for (let m = w; m < g.length; m++)
-        e.insertBefore(P(g[m], n), x);
-      for (let m = w; m < d.length; m++)
-        e.removeChild(d[m]);
+      for (let v = w; v < p.length; v++)
+        e.insertBefore(O(p[v], n), k);
+      for (let v = w; v < f.length; v++)
+        e.removeChild(f[v]);
     }
   }
-  for (const v of r) {
-    let x;
-    if (v.tag === "#anchor") {
-      const k = v.key, g = `${k}:start`, d = `${k}:end`;
-      let y = l.get(g), b = l.get(d);
-      const p = Array.isArray(v.children) ? v.children : [];
-      if (y || (y = document.createTextNode(""), y.key = g), b || (b = document.createTextNode(""), b.key = d), v._startNode = y, v._endNode = b, !e.contains(y) || !e.contains(b)) {
-        e.insertBefore(y, u);
-        for (const w of p)
-          e.insertBefore(P(w, n), u);
-        e.insertBefore(b, u);
+  for (const b of r) {
+    let k;
+    if (b.tag === "#anchor") {
+      const x = b.key, p = `${x}:start`, f = `${x}:end`;
+      let g = c.get(p), m = c.get(f);
+      const h = Array.isArray(b.children) ? b.children : [];
+      if (g || (g = document.createTextNode(""), g.key = p), m || (m = document.createTextNode(""), m.key = f), b._startNode = g, b._endNode = m, !e.contains(g) || !e.contains(m)) {
+        e.insertBefore(g, l);
+        for (const w of h)
+          e.insertBefore(O(w, n), l);
+        e.insertBefore(m, l);
       } else
-        c(
-          y,
-          b,
-          a.get(k)?.children,
-          p
+        d(
+          g,
+          m,
+          a.get(x)?.children,
+          h
         );
-      h(y, b), u = b.nextSibling;
+      y(g, m), l = m.nextSibling;
       continue;
     }
-    if (v.key != null && l.has(v.key)) {
-      const k = a.get(v.key);
-      x = Y(
-        l.get(v.key),
-        k,
-        v,
+    if (b.key != null && c.has(b.key)) {
+      const x = a.get(b.key);
+      k = te(
+        c.get(b.key),
+        x,
+        b,
         n,
         o
-      ), f.add(x), x !== u && e.contains(x) && (u && !e.contains(u) && (u = null), e.insertBefore(x, u));
+      ), u.add(k), k !== l && e.contains(k) && (l && !e.contains(l) && (l = null), e.insertBefore(k, l));
     } else
-      x = P(v, n, o), u && !e.contains(u) && (u = null), e.insertBefore(x, u), f.add(x);
-    u = x.nextSibling;
+      k = O(b, n, o), l && !e.contains(l) && (l = null), e.insertBefore(k, l), u.add(k);
+    l = k.nextSibling;
   }
-  for (const v of s)
-    !f.has(v) && e.contains(v) && (D(v, o), e.removeChild(v));
+  for (const b of s)
+    !u.has(b) && e.contains(b) && (H(b, o), e.removeChild(b));
 }
-function Y(e, t, r, n, o) {
-  if (t && typeof t != "string" && t.props?.ref && o && D(e, o), t === r) return e;
+function te(e, t, r, n, o) {
+  if (t && typeof t != "string" && t.props?.ref && o && H(e, o), t === r) return e;
   if (typeof r == "string") {
     if (e.nodeType === Node.TEXT_NODE)
       return e.textContent !== r && (e.textContent = r), e;
@@ -742,60 +753,60 @@ function Y(e, t, r, n, o) {
     }
   }
   if (r && typeof r != "string" && r.tag === "#anchor") {
-    const i = r, a = Array.isArray(i.children) ? i.children : [], l = i._startNode ?? document.createTextNode(""), f = i._endNode ?? document.createTextNode("");
-    i.key != null && (l.key = `${i.key}:start`, f.key = `${i.key}:end`), i._startNode = l, i._endNode = f;
-    const u = document.createDocumentFragment();
-    u.appendChild(l);
-    for (const h of a) {
-      const c = P(h, n);
-      u.appendChild(c);
+    const i = r, a = Array.isArray(i.children) ? i.children : [], c = i._startNode ?? document.createTextNode(""), u = i._endNode ?? document.createTextNode("");
+    i.key != null && (c.key = `${i.key}:start`, u.key = `${i.key}:end`), i._startNode = c, i._endNode = u;
+    const l = document.createDocumentFragment();
+    l.appendChild(c);
+    for (const y of a) {
+      const d = O(y, n);
+      l.appendChild(d);
     }
-    return u.appendChild(f), e.parentNode?.replaceChild(u, e), l;
+    return l.appendChild(u), e.parentNode?.replaceChild(l, e), c;
   }
   if (!r) {
-    D(e, o);
+    H(e, o);
     const i = document.createComment("removed");
     return e.parentNode?.replaceChild(i, e), i;
   }
   if (!t || typeof t == "string") {
-    D(e, o);
-    const i = P(r, n, o);
+    H(e, o);
+    const i = O(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(""), l = r._endNode ?? document.createTextNode("");
-    r.key != null && (a.key = `${r.key}:start`, l.key = `${r.key}:end`), r._startNode = a, r._endNode = l;
-    const f = document.createDocumentFragment();
-    f.appendChild(a);
-    for (const u of i)
-      f.appendChild(P(u, n));
-    return f.appendChild(l), e.parentNode?.replaceChild(f, e), a;
+    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 u = document.createDocumentFragment();
+    u.appendChild(a);
+    for (const l of i)
+      u.appendChild(O(l, n));
+    return u.appendChild(c), 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 Je(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 Ve(i, t.props || {}, r.props || {}, n), Je(i, t.children, r.children, n, o), typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = i), i;
   }
-  D(e, o);
-  const s = P(r, n, o);
+  H(e, o);
+  const s = O(r, n, o);
   return typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = s), e.parentNode?.replaceChild(s, e), s;
 }
-function Xe(e, t, r, n) {
+function Ze(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 = ge(o, String(o.key ?? "root"));
+  }), o = me(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 = Y(i, s, o, r, n) : (a = P(o, r, n), e.replaceChild(a, i)) : (a = P(o, r, n), e.firstChild ? e.replaceChild(a, e.firstChild) : e.appendChild(a));
-  const l = [];
-  for (let f = 0; f < e.childNodes.length; f++) {
-    const u = e.childNodes[f];
-    u !== a && u.nodeName !== "STYLE" && (D(u, n), l.push(u));
+  s && i ? typeof s != "string" && typeof o != "string" && s.tag === o.tag && s.key === o.key ? a = te(i, s, o, r, n) : (a = O(o, r, n), e.replaceChild(a, i)) : (a = O(o, r, n), e.firstChild ? e.replaceChild(a, e.firstChild) : e.appendChild(a));
+  const c = [];
+  for (let u = 0; u < e.childNodes.length; u++) {
+    const l = e.childNodes[u];
+    l !== a && l.nodeName !== "STYLE" && (H(l, n), c.push(l));
   }
-  l.forEach((f) => e.removeChild(f)), e._prevVNode = o, e._prevDom = a;
+  c.forEach((u) => e.removeChild(u)), e._prevVNode = o, e._prevDom = a;
 }
 function Le(e, ...t) {
   let r = "";
@@ -806,14 +817,14 @@ function Le(e, ...t) {
 function ze(e) {
   return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
 }
-let X = null;
-function ke() {
-  return X || (X = new CSSStyleSheet(), X.replaceSync(ze(Ye))), X;
+let Y = null;
+function $e() {
+  return Y || (Y = new CSSStyleSheet(), Y.replaceSync(ze(Xe))), Y;
 }
 function Qe(e) {
   return e.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
 }
-const Ye = Le`
+const Xe = Le`
   :host, *, ::before, ::after {
     all: isolate;
     box-sizing: border-box;
@@ -871,7 +882,7 @@ const Ye = Le`
   sup { top: -.5em }
   [disabled], [aria-disabled=true] { cursor: not-allowed }
   [hidden] { display: none }
-`, Ge = {
+`, Ye = {
   gray: {
     50: "var(--color-gray-50, #f9fafb)",
     100: "var(--color-gray-100, #f3f4f6)",
@@ -1006,7 +1017,7 @@ const Ye = Le`
   },
   white: { DEFAULT: "var(--color-white, #ffffff)" },
   black: { DEFAULT: "var(--color-black, #000000)" }
-}, se = {
+}, le = {
   /* Display */
   block: "display:block;",
   inline: "display:inline;",
@@ -1187,7 +1198,7 @@ const Ye = Le`
   "z-30": "z-index:30;",
   "z-40": "z-index:40;",
   "z-50": "z-index:50;"
-}, et = "0.25rem", $e = {
+}, Ge = "0.25rem", Se = {
   m: ["margin"],
   mx: ["margin-inline"],
   my: ["margin-block"],
@@ -1232,7 +1243,7 @@ function R(e, t) {
   }
   return e + t;
 }
-const tt = {
+const et = {
   before: (e, t) => `${e}::before{${t}}`,
   after: (e, t) => `${e}::after{${t}}`,
   hover: (e, t) => `${R(e, ":hover")}{${t}}`,
@@ -1255,7 +1266,7 @@ const tt = {
   "peer-focus": (e, t) => `.peer:focus ~ ${e}{${t}}`,
   "peer-checked": (e, t) => `.peer:checked ~ ${e}{${t}}`,
   "peer-disabled": (e, t) => `.peer:disabled ~ ${e}{${t}}`
-}, ae = {
+}, ce = {
   // Responsive
   sm: "(min-width:640px)",
   md: "(min-width:768px)",
@@ -1264,23 +1275,23 @@ const tt = {
   "2xl": "(min-width:1536px)",
   // Dark mode (now plain string)
   dark: "(prefers-color-scheme: dark)"
-}, ce = ["sm", "md", "lg", "xl", "2xl"];
-function le(e) {
+}, fe = ["sm", "md", "lg", "xl", "2xl"];
+function ue(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) || !$e[o]) return null;
+  if (Number.isNaN(i) || !Se[o]) return null;
   const a = t ? "-" : "";
-  return $e[o].map((l) => `${l}:calc(${a}${et} * ${i});`).join("");
+  return Se[o].map((c) => `${c}:calc(${a}${Ge} * ${i});`).join("");
 }
-function Se(e) {
+function _e(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 rt(e) {
+function tt(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 = Ge[n]?.[o];
+  const [, r, n, o = "DEFAULT"] = t, s = Ye[n]?.[o];
   return s ? `${{
     bg: "background-color",
     decoration: "text-decoration-color",
@@ -1295,41 +1306,41 @@ function rt(e) {
     stroke: "stroke-color"
   }[r]}:${s};` : null;
 }
-function nt(e) {
+function rt(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 fe(e) {
-  const { base: t, opacity: r } = nt(e), n = rt(t);
+function de(e) {
+  const { base: t, opacity: r } = rt(e), n = tt(t);
   if (n) {
     if (r !== void 0) {
       const s = /#([0-9a-f]{6})/i.exec(n);
       if (s) {
-        const i = Se(s[0]);
+        const i = _e(s[0]);
         return n.replace(/#([0-9a-f]{6})/i, `rgb(${i} / ${r})`);
       }
     }
     return n;
   }
-  const o = G(t);
+  const o = re(t);
   if (o && r !== void 0) {
     const s = /#([0-9a-f]{6})/i.exec(o);
     if (s) {
-      const i = Se(s[0]);
+      const i = _e(s[0]);
       return o.replace(/#([0-9a-f]{6})/i, `rgb(${i} / ${r})`);
     }
   }
   return o;
 }
-function ue(e) {
+function pe(e) {
   const t = /^opacity-(\d{1,3})$/.exec(e);
   if (!t) return null;
   const r = parseInt(t[1], 10);
   return r < 0 || r > 100 ? null : `opacity:${r / 100};`;
 }
-function G(e) {
+function re(e) {
   if (e.startsWith("[") && e.endsWith("]") && !e.includes("-[")) {
     const o = e.slice(1, -1).trim().match(/^([a-zA-Z][a-zA-Z0-9-]*)\s*:(.*)$/);
     if (o) {
@@ -1391,7 +1402,7 @@ function G(e) {
   }
   return null;
 }
-function ot(e) {
+function nt(e) {
   if (e.startsWith("[") && e.endsWith("]")) {
     const r = e.slice(1, -1);
     return r.includes("&") ? r : e;
@@ -1403,10 +1414,10 @@ function ot(e) {
   }
   return null;
 }
-function it(e) {
+function ot(e) {
   return e.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1");
 }
-function st(e) {
+function it(e) {
   const t = /class\s*=\s*(['"])(.*?)\1/g, r = [];
   let n;
   for (; n = t.exec(e); ) {
@@ -1415,32 +1426,32 @@ function st(e) {
   }
   return r.filter(Boolean);
 }
-const _e = /* @__PURE__ */ new Map(), at = 16;
-function ct(e) {
-  const t = Date.now(), r = _e.get(e);
-  if (r && t - r.timestamp < at) return r.css;
-  const n = st(e), o = new Set(n), s = [], i = [], a = [], l = [], f = {};
-  function u(g, d = !1) {
-    const y = (d ? "dark|" : "") + g;
-    if (y in f) return f[y];
-    const b = x(g, d);
-    return f[y] = b, b;
-  }
-  function h(g) {
-    const d = g.some((b) => ce.includes(b)), y = g.includes("dark");
-    return g.length === 0 ? 1 : !d && !y ? 2 : d && !y ? 3 : 4;
-  }
-  function c(g) {
-    const d = [];
-    let y = "", b = 0, p = 0;
-    for (let w = 0; w < g.length; w++) {
-      const m = g[w];
-      m === "[" ? b++ : m === "]" && b > 0 ? b-- : m === "(" ? p++ : m === ")" && p > 0 && p--, m === ":" && b === 0 && p === 0 ? (d.push(y), y = "") : y += m;
+const Ce = /* @__PURE__ */ new Map(), st = 16;
+function at(e) {
+  const t = Date.now(), r = Ce.get(e);
+  if (r && t - r.timestamp < st) return r.css;
+  const n = it(e), o = new Set(n), s = [], i = [], a = [], c = [], u = {};
+  function l(p, f = !1) {
+    const g = (f ? "dark|" : "") + p;
+    if (g in u) return u[g];
+    const m = k(p, f);
+    return u[g] = m, m;
+  }
+  function y(p) {
+    const f = p.some((m) => fe.includes(m)), g = p.includes("dark");
+    return p.length === 0 ? 1 : !f && !g ? 2 : f && !g ? 3 : 4;
+  }
+  function d(p) {
+    const f = [];
+    let g = "", m = 0, h = 0;
+    for (let w = 0; w < p.length; w++) {
+      const v = p[w];
+      v === "[" ? m++ : v === "]" && m > 0 ? m-- : v === "(" ? h++ : v === ")" && h > 0 && h--, v === ":" && m === 0 && h === 0 ? (f.push(g), g = "") : g += v;
     }
-    return y && d.push(y), d;
+    return g && f.push(g), f;
   }
-  function v(g) {
-    switch (g) {
+  function b(p) {
+    switch (p) {
       case "hover":
         return ":hover";
       case "focus":
@@ -1469,99 +1480,99 @@ function ct(e) {
         return null;
     }
   }
-  function x(g, d = !1) {
-    const y = c(g);
-    (g.includes("mask-image") || g.includes("sm: hover") || g.includes("sm:hover") || g.includes("mask.svg")) && console.error("DEBUG generateRule:", g, y);
-    let b = !1, p = y.find((S) => (S.startsWith("!") && (b = !0, S = S.slice(1)), se[S] || le(S) || ue(S) || fe(S) || G(S)));
-    if (!p) return null;
-    const w = p.replace(/^!/, ""), m = se[w] ?? le(w) ?? ue(w) ?? fe(w) ?? G(w);
-    if (!m) return null;
-    const $ = y.indexOf(p);
-    let _ = $ >= 0 ? y.slice(0, $) : [];
-    d && (_ = _.filter((S) => S !== "dark"));
-    const C = `.${it(g)}`, E = "__SUBJECT__", j = b ? m.replace(/;$/, " !important;") : m;
-    let A = E;
-    const re = [];
+  function k(p, f = !1) {
+    const g = d(p);
+    (p.includes("mask-image") || p.includes("sm: hover") || p.includes("sm:hover") || p.includes("mask.svg")) && console.error("DEBUG generateRule:", p, g);
+    let m = !1, h = g.find((S) => (S.startsWith("!") && (m = !0, S = S.slice(1)), le[S] || ue(S) || pe(S) || de(S) || re(S)));
+    if (!h) return null;
+    const w = h.replace(/^!/, ""), v = le[w] ?? ue(w) ?? pe(w) ?? de(w) ?? re(w);
+    if (!v) return null;
+    const $ = g.indexOf(h);
+    let _ = $ >= 0 ? g.slice(0, $) : [];
+    f && (_ = _.filter((S) => S !== "dark"));
+    const C = `.${ot(p)}`, E = "__SUBJECT__", j = m ? v.replace(/;$/, " !important;") : v;
+    let T = E;
+    const A = [];
     for (const S of _)
-      S.startsWith("group-") ? (A = `.group:${S.slice(6)} ${A}`, re.push(S)) : S.startsWith("peer-") && (A = A.replace(E, `.peer:${S.slice(5)}~${E}`), re.push(S));
-    _ = _.filter((S) => !re.includes(S));
-    const ne = [], be = [];
-    let N = null;
+      S.startsWith("group-") ? (T = `.group:${S.slice(6)} ${T}`, A.push(S)) : S.startsWith("peer-") && (T = T.replace(E, `.peer:${S.slice(5)}~${E}`), A.push(S));
+    _ = _.filter((S) => !A.includes(S));
+    const q = [], ie = [];
+    let W = null;
     for (const S of _) {
-      if (S === "dark" || ce.includes(S)) continue;
-      const H = ot(S);
-      if (H) {
-        N = H;
+      if (S === "dark" || fe.includes(S)) continue;
+      const N = nt(S);
+      if (N) {
+        W = N;
         continue;
       }
-      const L = v(S);
-      if (L) {
-        N ? be.push(L) : ne.push(L);
+      const z = b(S);
+      if (z) {
+        W ? ie.push(z) : q.push(z);
         continue;
       }
-      const B = tt[S];
-      typeof B == "function" && (A = B(A, j).split("{")[0]);
+      const B = et[S];
+      typeof B == "function" && (T = B(T, j).split("{")[0]);
     }
-    function Be(S, H) {
-      if (!H) return S;
-      let L = 0, B = 0;
+    function Pe(S, N) {
+      if (!N) return S;
+      let z = 0, B = 0;
       if (S.length && (S[0] === ">" || S[0] === "+" || S[0] === "~" || S[0] === " ")) {
-        let T = 1;
-        for (; T < S.length && S[T] === " "; ) T++;
-        for (; T < S.length; T++) {
-          const z = S[T];
-          if (z === "[" ? L++ : z === "]" && L > 0 ? L-- : z === "(" ? B++ : z === ")" && B > 0 && B--, L === 0 && B === 0 && (S[T] === ">" || S[T] === "+" || S[T] === "~" || S[T] === " "))
-            return S.slice(0, T) + H + S.slice(T);
+        let L = 1;
+        for (; L < S.length && S[L] === " "; ) L++;
+        for (; L < S.length; L++) {
+          const P = S[L];
+          if (P === "[" ? z++ : P === "]" && z > 0 ? z-- : P === "(" ? B++ : P === ")" && B > 0 && B--, z === 0 && B === 0 && (S[L] === ">" || S[L] === "+" || S[L] === "~" || S[L] === " "))
+            return S.slice(0, L) + N + S.slice(L);
         }
-        return S + H;
+        return S + N;
       }
-      for (let T = 0; T < S.length; T++) {
-        const z = S[T];
-        if (z === "[" ? L++ : z === "]" && L > 0 ? L-- : z === "(" ? B++ : z === ")" && B > 0 && B--, L === 0 && B === 0 && (z === ">" || z === "+" || z === "~" || z === " "))
-          return S.slice(0, T) + H + S.slice(T);
+      for (let L = 0; L < S.length; L++) {
+        const P = S[L];
+        if (P === "[" ? z++ : P === "]" && z > 0 ? z-- : P === "(" ? B++ : P === ")" && B > 0 && B--, z === 0 && B === 0 && (P === ">" || P === "+" || P === "~" || P === " "))
+          return S.slice(0, L) + N + S.slice(L);
       }
-      return S + H;
+      return S + N;
     }
-    const oe = ne.join(""), K = be.join("");
-    if (N)
-      if (N.includes("&")) {
-        const S = N.indexOf("&"), H = N.slice(0, S), L = N.slice(S + 1), B = E + oe, T = A;
-        if (ne.length === 0)
-          A = T.replace(E, H + B + K + L);
+    const se = q.join(""), J = ie.join("");
+    if (W)
+      if (W.includes("&")) {
+        const S = W.indexOf("&"), N = W.slice(0, S), z = W.slice(S + 1), B = E + se, L = T;
+        if (q.length === 0)
+          T = L.replace(E, N + B + J + z);
         else {
-          const z = Be(L, K);
-          A = T.replace(E, H + B + z);
+          const P = Pe(z, J);
+          T = L.replace(E, N + B + P);
         }
       } else
-        A = A.replace(E, `${N}${E + oe}`), K && (A = A.replace(E, `${E}${K}`));
+        T = T.replace(E, `${W}${E + se}`), J && (T = T.replace(E, `${E}${J}`));
     else
-      A = E + oe + K;
-    A = A.replace(new RegExp(E, "g"), C);
-    let O = `${A}{${j}}`;
-    const ie = _.filter((S) => ce.includes(S)), I = ie.length ? ie[ie.length - 1] : null, ve = _.includes("dark");
-    return d && I ? O = `@media (prefers-color-scheme: dark) and ${ae[I]}{${O}}` : d ? O = `@media (prefers-color-scheme: dark){${O}}` : ve && I ? O = `@media (prefers-color-scheme: dark) and ${ae[I]}{${O}}` : ve ? O = `@media (prefers-color-scheme: dark){${O}}` : I && (O = `@media ${ae[I]}{${O}}`), O;
-  }
-  for (const g of o) {
-    const d = c(g), y = d.find(
-      (m) => se[m] || le(m) || ue(m) || fe(m) || G(m)
+      T = E + se + J;
+    T = T.replace(new RegExp(E, "g"), C);
+    let M = `${T}{${j}}`;
+    const ae = _.filter((S) => fe.includes(S)), U = ae.length ? ae[ae.length - 1] : null, we = _.includes("dark");
+    return f && U ? M = `@media (prefers-color-scheme: dark) and ${ce[U]}{${M}}` : f ? M = `@media (prefers-color-scheme: dark){${M}}` : we && U ? M = `@media (prefers-color-scheme: dark) and ${ce[U]}{${M}}` : we ? M = `@media (prefers-color-scheme: dark){${M}}` : U && (M = `@media ${ce[U]}{${M}}`), M;
+  }
+  for (const p of o) {
+    const f = d(p), g = f.find(
+      (v) => le[v] || ue(v) || pe(v) || de(v) || re(v)
     );
-    if (!y) continue;
-    const b = d.indexOf(y), p = b >= 0 ? d.slice(0, b) : [], w = h(p);
+    if (!g) continue;
+    const m = f.indexOf(g), h = m >= 0 ? f.slice(0, m) : [], w = y(h);
     if (w === 4) {
-      const m = u(g, !0);
-      m && l.push(m);
+      const v = l(p, !0);
+      v && c.push(v);
     } else {
-      const m = u(g);
-      m && (w === 1 ? s.push(m) : w === 2 ? i.push(m) : w === 3 && a.push(m));
+      const v = l(p);
+      v && (w === 1 ? s.push(v) : w === 2 ? i.push(v) : w === 3 && a.push(v));
     }
   }
-  const k = [...s, ...i, ...a, ...l].join("");
-  return _e.set(e, { css: k, timestamp: t }), k;
+  const x = [...s, ...i, ...a, ...c].join("");
+  return Ce.set(e, { css: x, timestamp: t }), x;
 }
-const J = [];
+const Q = [];
 function lt(e, t, r, n, o, s, i, a) {
   if (e) {
-    J.push(r);
+    Q.push(r);
     try {
       if (t.loadingTemplate && r.isLoading) {
         F(e, t.loadingTemplate(r), r, n, o);
@@ -1571,30 +1582,30 @@ function lt(e, t, r, n, o, s, i, a) {
         r.error instanceof Error && F(e, t.errorTemplate(r.error, r), r, n, o);
         return;
       }
-      const l = t.render(r);
-      if (l instanceof Promise) {
-        s(!0), l.then((f) => {
-          s(!1), i(null), F(e, f, r, n, o), a(e.innerHTML);
-        }).catch((f) => {
-          s(!1), i(f), t.errorTemplate && F(e, t.errorTemplate(f, r), r, n, o);
+      const c = t.render(r);
+      if (c instanceof Promise) {
+        s(!0), c.then((u) => {
+          s(!1), i(null), F(e, u, r, n, o), a(e.innerHTML);
+        }).catch((u) => {
+          s(!1), i(u), t.errorTemplate && F(e, t.errorTemplate(u, r), r, n, o);
         }), t.loadingTemplate && F(e, t.loadingTemplate(r), r, n, o);
         return;
       }
-      F(e, l, r, n, o), a(e.innerHTML);
+      F(e, c, r, n, o), a(e.innerHTML);
     } finally {
-      J.pop();
+      Q.pop();
     }
   }
 }
 function F(e, t, r, n, o) {
-  e && (Xe(
+  e && (Ze(
     e,
     Array.isArray(t) ? t : [t],
     r,
     n
   ), o(e.innerHTML));
 }
-function ft(e, t, r, n, o, s, i) {
+function ct(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);
@@ -1602,37 +1613,37 @@ function ft(e, t, r, n, o, s, i) {
     }
   } else
     o(0);
-  const l = setTimeout(() => {
+  const c = setTimeout(() => {
     n(Date.now()), e(), i(null);
   }, 0);
-  i(l);
+  i(c);
 }
-function ut(e, t, r, n, o, s) {
+function ft(e, t, r, n, o, s) {
   if (!e) return;
-  const i = ct(n);
+  const i = at(n);
   if (!t.style && (!i || i.trim() === "")) {
-    s(null), e.adoptedStyleSheets = [ke()];
+    s(null), e.adoptedStyleSheets = [$e()];
     return;
   }
   let a = "";
   t.style && (typeof t.style == "string" ? a = t.style : typeof t.style == "function" && (a = t.style(r)));
-  let l = Qe(`${a}
+  let c = Qe(`${a}
 ${i}
 `);
-  l = ze(l);
-  let f = o;
-  f || (f = new CSSStyleSheet()), (f.cssRules.length === 0 || f.toString() !== l) && f.replaceSync(l), e.adoptedStyleSheets = [ke(), f], s(f);
+  c = ze(c);
+  let u = o;
+  u || (u = new CSSStyleSheet()), (u.cssRules.length === 0 || u.toString() !== c) && u.replaceSync(c), e.adoptedStyleSheets = [$e(), u], s(u);
 }
-const ye = /* @__PURE__ */ new Map(), Ce = /* @__PURE__ */ new WeakSet();
+const be = /* @__PURE__ */ new Map();
 function Ee(e, t, r) {
-  let n = me(e);
+  let n = ve(e);
   n.includes("-") || (n = `cer-${n}`);
   let o;
   if (typeof t == "function" ? o = { ...r, render: t } : o = t, typeof o.onError != "function" && (o.onError = (s, i) => {
     console.error(`[${n}] Error:`, s, i);
-  }), ye.set(n, o), typeof window < "u")
+  }), be.set(n, o), typeof window < "u")
     if (!customElements.get(n))
-      customElements.define(n, dt(n, o));
+      customElements.define(n, ut(n, o));
     else
       try {
         document.querySelectorAll(n).forEach((s) => {
@@ -1644,7 +1655,7 @@ function Ee(e, t, r) {
       } catch {
       }
 }
-function dt(e, t) {
+function ut(e, t) {
   if (!t.render)
     throw new Error(
       "Component must have a render function"
@@ -1688,7 +1699,7 @@ function dt(e, t) {
     _templateLoading = !1;
     _templateError = null;
     constructor() {
-      super(), this.attachShadow({ mode: "open" }), this._cfg = ye.get(e) || t;
+      super(), this.attachShadow({ mode: "open" }), this._cfg = be.get(e) || t;
       const r = this._initContext(t);
       Object.defineProperty(r, "refs", {
         value: this._refs,
@@ -1701,45 +1712,28 @@ function dt(e, t) {
         enumerable: !1,
         configurable: !1
       }), this.context = r, this._applyProps(t), Object.defineProperty(this.context, "emit", {
-        value: (i, a, l) => {
-          const f = new CustomEvent(i, {
-            detail: a,
+        value: (o, s, i) => {
+          const a = new CustomEvent(o, {
+            detail: s,
             bubbles: !0,
             composed: !0,
-            ...l || {}
+            ...i || {}
           });
-          if (this.dispatchEvent(f), Ce.has(f)) return;
-          const u = `onHost${i.charAt(0).toUpperCase()}${i.slice(1)}`, h = typeof this[u] == "function" ? this[u] : void 0, c = typeof this.context[u] == "function" ? this.context[u] : void 0, v = typeof t[u] == "function" ? t[u] : void 0;
-          h && h(a, this.context), c && c !== h && c(a, this.context), v && v !== h && v !== c && v(a, this.context);
+          return this.dispatchEvent(a), !a.defaultPrevented;
         },
         writable: !1,
         enumerable: !1,
         configurable: !1
       });
-      const n = ye.get(e) || t, o = "onHost", s = (i) => {
-        if (!i.startsWith(o)) return null;
-        const a = i.slice(o.length);
-        return a ? a.charAt(0).toLowerCase() + a.slice(1) : null;
-      };
-      Object.keys(n).forEach((i) => {
-        const a = n[i], l = s(i);
-        if (typeof a == "function" && !l) {
-          this.context[i] = (...f) => a(...f, this.context);
-          return;
-        }
-        if (l) {
-          const f = l;
-          this.addEventListener(f, (u) => {
-            Ce.add(u);
-            const h = typeof this[i] == "function" ? this[i] : void 0, c = typeof this.context[i] == "function" ? this.context[i] : void 0, v = typeof n[i] == "function" ? n[i] : void 0, x = h ?? c ?? v;
-            typeof x == "function" && x(u.detail, this.context);
-          });
-        }
+      const n = be.get(e) || t;
+      Object.keys(n).forEach((o) => {
+        const s = n[o];
+        typeof s == "function" && (this.context[o] = (...i) => s(...i, this.context));
       }), this._applyComputed(n), this._initializing = !1, this._initWatchers(n), this._render(n);
     }
     connectedCallback() {
       this._runLogicWithinErrorBoundary(t, () => {
-        Ne(
+        We(
           t,
           this.context,
           this._mounted,
@@ -1751,7 +1745,7 @@ function dt(e, t) {
     }
     disconnectedCallback() {
       this._runLogicWithinErrorBoundary(t, () => {
-        We(
+        De(
           t,
           this.context,
           this._listeners,
@@ -1775,7 +1769,7 @@ function dt(e, t) {
     }
     attributeChangedCallback(r, n, o) {
       this._runLogicWithinErrorBoundary(t, () => {
-        this._applyProps(t), De(
+        this._applyProps(t), qe(
           t,
           r,
           n,
@@ -1785,7 +1779,7 @@ function dt(e, t) {
       });
     }
     static get observedAttributes() {
-      return t.props ? Object.keys(t.props).map(me) : [];
+      return t.props ? Object.keys(t.props).map(ve) : [];
     }
     _applyComputed(r) {
       this._runLogicWithinErrorBoundary(t, () => {
@@ -1793,7 +1787,7 @@ function dt(e, t) {
           Object.defineProperty(this.context, n, {
             get: () => {
               const s = o(this.context);
-              return pe(s);
+              return ge(s);
             },
             enumerable: !0
           });
@@ -1826,7 +1820,7 @@ function dt(e, t) {
     }
     _requestRender() {
       this._runLogicWithinErrorBoundary(this._cfg, () => {
-        ft(
+        ct(
           () => this._render(this._cfg),
           this._lastRenderTime,
           this._renderCount,
@@ -1846,7 +1840,7 @@ function dt(e, t) {
     // --- Style ---
     _applyStyle(r, n) {
       this._runLogicWithinErrorBoundary(r, () => {
-        ut(
+        ft(
           this.shadowRoot,
           r,
           this.context,
@@ -1875,9 +1869,9 @@ function dt(e, t) {
       try {
         let n = function(s, i = "") {
           return Array.isArray(s) ? new Proxy(s, {
-            get(a, l, f) {
-              const u = Reflect.get(a, l, f);
-              return typeof u == "function" && typeof l == "string" && [
+            get(a, c, u) {
+              const l = Reflect.get(a, c, u);
+              return typeof l == "function" && typeof c == "string" && [
                 "push",
                 "pop",
                 "shift",
@@ -1885,42 +1879,42 @@ function dt(e, t) {
                 "splice",
                 "sort",
                 "reverse"
-              ].includes(l) ? function(...c) {
-                const v = u.apply(a, c);
+              ].includes(c) ? function(...d) {
+                const b = l.apply(a, d);
                 if (!o._initializing) {
-                  const x = i || "root";
-                  o._triggerWatchers(x, a), o._render(r);
+                  const k = i || "root";
+                  o._triggerWatchers(k, a), o._render(r);
                 }
-                return v;
-              } : u;
+                return b;
+              } : l;
             },
-            set(a, l, f) {
-              if (a[l] = f, !o._initializing) {
-                const u = i ? `${i}.${String(l)}` : String(l);
-                o._triggerWatchers(u, f), o._render(r);
+            set(a, c, u) {
+              if (a[c] = u, !o._initializing) {
+                const l = i ? `${i}.${String(c)}` : String(c);
+                o._triggerWatchers(l, u), o._render(r);
               }
               return !0;
             },
-            deleteProperty(a, l) {
-              if (delete a[l], !o._initializing) {
-                const f = i ? `${i}.${String(l)}` : String(l);
-                o._triggerWatchers(f, void 0), o._render(r);
+            deleteProperty(a, c) {
+              if (delete a[c], !o._initializing) {
+                const u = i ? `${i}.${String(c)}` : String(c);
+                o._triggerWatchers(u, void 0), o._render(r);
               }
               return !0;
             }
           }) : s && typeof s == "object" ? (Object.keys(s).forEach((a) => {
-            const l = i ? `${i}.${a}` : a;
-            s[a] = n(s[a], l);
+            const c = i ? `${i}.${a}` : a;
+            s[a] = n(s[a], c);
           }), new Proxy(s, {
-            set(a, l, f) {
-              const u = i ? `${i}.${String(l)}` : String(l);
-              return a[l] = n(f, u), o._initializing || (o._triggerWatchers(
-                u,
-                a[l]
+            set(a, c, u) {
+              const l = i ? `${i}.${String(c)}` : String(c);
+              return a[c] = n(u, l), o._initializing || (o._triggerWatchers(
+                l,
+                a[c]
               ), o._render(r)), !0;
             },
-            get(a, l, f) {
-              return Reflect.get(a, l, f);
+            get(a, c, u) {
+              return Reflect.get(a, c, u);
             }
           })) : s;
         };
@@ -1940,12 +1934,12 @@ function dt(e, t) {
       });
     }
     _triggerWatchers(r, n) {
-      He(this.context, this._watchers, r, n);
+      Me(this.context, this._watchers, r, n);
     }
     _applyProps(r) {
       this._runLogicWithinErrorBoundary(r, () => {
         try {
-          Me(this, r, this.context);
+          Ne(this, r, this.context);
         } catch (n) {
           this._hasError = !0, r.onError && r.onError(n, this.context), r.errorFallback && this.shadowRoot && (this.shadowRoot.innerHTML = r.errorFallback(n, this.context));
         }
@@ -1953,102 +1947,147 @@ function dt(e, t) {
     }
   };
 }
-function V(e, t = {}, r, n) {
+function Z(e, t = {}, r, n) {
   const o = n ?? t.key;
   return { tag: e, key: o, props: t, children: r };
 }
-function ee(e) {
+function ne(e) {
   return !!e && typeof e == "object" && (e.type === "AnchorBlock" || e.tag === "#anchor");
 }
-function Q(e) {
-  return typeof e == "object" && e !== null && "tag" in e && !ee(e);
+function G(e) {
+  return typeof e == "object" && e !== null && "tag" in e && !ne(e);
 }
-function pt(e, t) {
+function dt(e, t) {
   return e.key != null ? e : { ...e, key: t };
 }
-function ht(e, t = [], r = {}) {
-  const n = {}, o = {}, s = {}, i = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
-  let a;
-  for (; a = i.exec(e); ) {
-    const l = a[1], f = a[2], u = (a[4] || a[6]) ?? "", h = u.match(/^{{(\d+)}}$/);
-    let c = h ? t[Number(h[1])] ?? null : u;
-    h || (c === "true" ? c = !0 : c === "false" ? c = !1 : c === "null" ? c = null : isNaN(Number(c)) || (c = Number(c)));
-    const v = ["model", "bind", "show", "class", "style"];
-    if (l === ":") {
-      const [x, ...k] = f.split(".");
-      if (v.includes(x)) {
-        const g = [...k];
+function pt(e, t = [], r = {}) {
+  const n = {}, o = {}, s = {};
+  function i(u, l, y) {
+    const d = typeof u == "function" ? u : typeof y[u] == "function" ? y[u] : void 0;
+    if (typeof d != "function") return;
+    const b = l.includes("prevent"), k = l.includes("stop"), x = l.includes("stopImmediate") || l.includes("stopImmediatePropagation"), p = l.includes("self"), f = l.includes("left"), g = l.includes("middle"), m = l.includes("right"), h = l.includes("ctrl") || l.includes("control"), w = l.includes("alt") || l.includes("option"), v = l.includes("shift"), $ = l.includes("meta") || l.includes("cmd") || l.includes("command"), _ = {
+      enter: "Enter",
+      tab: "Tab",
+      space: " ",
+      spacebar: " ",
+      esc: "Escape",
+      escape: "Escape",
+      del: "Delete",
+      delete: "Delete",
+      backspace: "Backspace",
+      up: "ArrowUp",
+      down: "ArrowDown",
+      left: "ArrowLeft",
+      right: "ArrowRight",
+      home: "Home",
+      end: "End",
+      pageup: "PageUp",
+      pagedown: "PageDown",
+      insert: "Insert",
+      pause: "Pause"
+    };
+    let C = l.filter((A) => _[A]);
+    (f || g || m) && (C = C.filter((A) => A !== "left" && A !== "middle" && A !== "right"));
+    const E = function(A) {
+      if (!((f || g || m) && A instanceof MouseEvent && (f && A.button !== 0 || g && A.button !== 1 || m && A.button !== 2)) && !(h && !A.ctrlKey) && !(w && !A.altKey) && !(v && !A.shiftKey) && !($ && !A.metaKey)) {
+        if (C.length > 0) {
+          const q = A.key;
+          if (!q || !C.some((W) => _[W] === q)) return;
+        }
+        if (!(p && A.target !== A.currentTarget)) {
+          b && A.preventDefault(), k && A.stopPropagation(), x && A.stopImmediatePropagation();
+          try {
+            return typeof u == "function" ? u.call(void 0, A) : d.call(y, A);
+          } catch (q) {
+            throw q;
+          }
+        }
+      }
+    }, j = {};
+    return l.includes("once") && (j.once = !0), l.includes("capture") && (j.capture = !0), l.includes("passive") && (j.passive = !0), Object.keys(j).length > 0 ? { handler: E, options: j } : E;
+  }
+  const a = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
+  let c;
+  for (; c = a.exec(e); ) {
+    const u = c[1], l = c[2], y = (c[4] || c[6]) ?? "", d = y.match(/^{{(\d+)}}$/);
+    let b = d ? t[Number(d[1])] ?? null : y;
+    d || (b === "true" ? b = !0 : b === "false" ? b = !1 : b === "null" ? b = null : isNaN(Number(b)) || (b = Number(b)));
+    const k = ["model", "bind", "show", "class", "style"];
+    if (u === ":") {
+      const [x, ...p] = l.split(".");
+      if (k.includes(x)) {
+        const f = [...p];
         s[x] = {
-          value: c,
-          modifiers: g
+          value: b,
+          modifiers: f
         };
       } else
-        o[f] = c;
-    } else if (l === "@") {
-      const x = "onHost" + f.charAt(0).toUpperCase() + f.slice(1);
-      n[x] = typeof c == "function" ? c : typeof r[c] == "function" ? r[c] : void 0;
-    } else f === "ref" ? n.ref = c : o[f] = c;
+        o[l] = b;
+    } else if (u === "@") {
+      const x = l.split("."), p = x[0], f = x.slice(1), g = "on" + p.charAt(0).toUpperCase() + p.slice(1), m = i(b, f, r);
+      m !== void 0 && (n[g] = m);
+    } else l === "ref" ? n.ref = b : o[l] = b;
   }
   return { props: n, attrs: o, directives: s };
 }
-function gt(e, t, r) {
-  const n = J.length > 0 ? J[J.length - 1] : void 0, o = r ?? n;
-  function s(p, w) {
-    return V("#text", {}, p, w);
+function ht(e, t, r) {
+  const n = Q.length > 0 ? Q[Q.length - 1] : void 0, o = r ?? n;
+  function s(h, w) {
+    return Z("#text", {}, h, w);
   }
   let i = "";
-  for (let p = 0; p < e.length; p++)
-    i += e[p], p < t.length && (i += `{{${p}}}`);
-  const a = /<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, l = [];
-  let f, u = [], h = null, c = {}, v, x = 0, k = [];
-  function g(p) {
-    !p || typeof p != "object" || ee(p) || (p.props || p.attrs ? (p.props && (c.props || (c.props = {}), Object.assign(c.props, p.props)), p.attrs && (c.attrs || (c.attrs = {}), Object.keys(p.attrs).forEach((w) => {
-      if (w === "style" && c.attrs.style) {
-        const m = c.attrs.style.replace(
+  for (let h = 0; h < e.length; h++)
+    i += e[h], h < t.length && (i += `{{${h}}}`);
+  const a = /<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, c = [];
+  let u, l = [], y = null, d = {}, b, k = 0, x = [];
+  function p(h) {
+    !h || typeof h != "object" || ne(h) || (h.props || h.attrs ? (h.props && (d.props || (d.props = {}), Object.assign(d.props, h.props)), h.attrs && (d.attrs || (d.attrs = {}), Object.keys(h.attrs).forEach((w) => {
+      if (w === "style" && d.attrs.style) {
+        const v = d.attrs.style.replace(
           /;?\s*$/,
           ""
-        ), $ = p.attrs.style.replace(/^;?\s*/, "");
-        c.attrs.style = m + "; " + $;
-      } else if (w === "class" && c.attrs.class) {
-        const m = c.attrs.class.trim().split(/\s+/).filter(Boolean), $ = p.attrs.class.trim().split(/\s+/).filter(Boolean), _ = [
-          .../* @__PURE__ */ new Set([...m, ...$])
+        ), $ = h.attrs.style.replace(/^;?\s*/, "");
+        d.attrs.style = v + "; " + $;
+      } else if (w === "class" && d.attrs.class) {
+        const v = d.attrs.class.trim().split(/\s+/).filter(Boolean), $ = h.attrs.class.trim().split(/\s+/).filter(Boolean), _ = [
+          .../* @__PURE__ */ new Set([...v, ...$])
         ];
-        c.attrs.class = _.join(" ");
+        d.attrs.class = _.join(" ");
       } else
-        c.attrs[w] = p.attrs[w];
-    }))) : (c.props || (c.props = {}), Object.assign(c.props, p)));
-  }
-  function d(p, w) {
-    const m = h ? u : k;
-    if (ee(p)) {
-      const $ = p.key ?? w;
-      let _ = p.children;
-      m.push({
-        ...p,
+        d.attrs[w] = h.attrs[w];
+    }))) : (d.props || (d.props = {}), Object.assign(d.props, h)));
+  }
+  function f(h, w) {
+    const v = y ? l : x;
+    if (ne(h)) {
+      const $ = h.key ?? w;
+      let _ = h.children;
+      v.push({
+        ...h,
         key: $,
         children: _
       });
       return;
     }
-    if (Q(p)) {
-      m.push(pt(p, void 0));
+    if (G(h)) {
+      v.push(dt(h, void 0));
       return;
     }
-    if (Array.isArray(p)) {
-      if (p.length === 0) return;
-      for (let $ = 0; $ < p.length; $++) {
-        const _ = p[$];
-        ee(_) || Q(_) || Array.isArray(_) ? d(_, `${w}-${$}`) : _ !== null && typeof _ == "object" ? g(_) : m.push(s(String(_), `${w}-${$}`));
+    if (Array.isArray(h)) {
+      if (h.length === 0) return;
+      for (let $ = 0; $ < h.length; $++) {
+        const _ = h[$];
+        ne(_) || G(_) || Array.isArray(_) ? f(_, `${w}-${$}`) : _ !== null && typeof _ == "object" ? p(_) : v.push(s(String(_), `${w}-${$}`));
       }
       return;
     }
-    if (p !== null && typeof p == "object") {
-      g(p);
+    if (h !== null && typeof h == "object") {
+      p(h);
       return;
     }
-    m.push(s(String(p), w));
+    v.push(s(String(h), w));
   }
-  const y = /* @__PURE__ */ new Set([
+  const g = /* @__PURE__ */ new Set([
     "area",
     "base",
     "br",
@@ -2064,221 +2103,221 @@ function gt(e, t, r) {
     "track",
     "wbr"
   ]);
-  for (; f = a.exec(i); )
-    if (f[1]) {
-      const p = f[1], w = f[0][1] === "/", m = f[0][f[0].length - 2] === "/" || y.has(p), {
+  for (; u = a.exec(i); )
+    if (u[1]) {
+      const h = u[1], w = u[0][1] === "/", v = u[0][u[0].length - 2] === "/" || g.has(h), {
         props: $,
         attrs: _,
         directives: C
-      } = ht(f[2] || "", t, o), E = { props: {}, attrs: {} };
+      } = pt(u[2] || "", t, o), E = { props: {}, attrs: {} };
       for (const j in $) E.props[j] = $[j];
       for (const j in _) E.attrs[j] = _[j];
       if (Object.keys(C).length > 0 && (E.directives = { ...C }), w) {
-        const j = V(
-          h,
-          c,
-          u.length === 1 && Q(u[0]) && u[0].tag === "#text" ? typeof u[0].children == "string" ? u[0].children : "" : u.length ? u : void 0,
-          v
-        ), A = l.pop();
-        A ? (h = A.tag, c = A.props, v = A.key, u = A.children, u.push(j)) : (k.push(j), h = null, c = {}, v = void 0, u = []);
-      } else m ? h ? u.push(V(p, E, void 0, void 0)) : k.push(V(p, E, void 0, void 0)) : (h && l.push({
-        tag: h,
-        props: c,
-        children: u,
-        key: v
-      }), h = p, c = E, u = []);
-    } else if (typeof f[3] < "u") {
-      const p = Number(f[3]), w = t[p], m = `interp-${p}`;
-      d(w, m);
-    } else if (f[4]) {
-      const p = f[4], w = h ? u : k, m = p.split(/({{\d+}})/);
-      for (const $ of m) {
+        const j = Z(
+          y,
+          d,
+          l.length === 1 && G(l[0]) && l[0].tag === "#text" ? typeof l[0].children == "string" ? l[0].children : "" : l.length ? l : void 0,
+          b
+        ), T = c.pop();
+        T ? (y = T.tag, d = T.props, b = T.key, l = T.children, l.push(j)) : (x.push(j), y = null, d = {}, b = void 0, l = []);
+      } else v ? y ? l.push(Z(h, E, void 0, void 0)) : x.push(Z(h, E, void 0, void 0)) : (y && c.push({
+        tag: y,
+        props: d,
+        children: l,
+        key: b
+      }), y = h, d = E, l = []);
+    } else if (typeof u[3] < "u") {
+      const h = Number(u[3]), w = t[h], v = `interp-${h}`;
+      f(w, v);
+    } else if (u[4]) {
+      const h = u[4], w = y ? l : x, v = h.split(/({{\d+}})/);
+      for (const $ of v) {
         if (!$) continue;
         const _ = $.match(/^{{(\d+)}}$/);
         if (_) {
           const C = Number(_[1]), E = t[C], j = `interp-${C}`;
-          d(E, j);
+          f(E, j);
         } else {
-          const C = `text-${x++}`;
+          const C = `text-${k++}`;
           w.push(s($, C));
         }
       }
     }
-  const b = k.filter((p) => Q(p) && p.tag === "#text" ? typeof p.children == "string" && p.children.trim() !== "" : !0);
-  return b.length === 1 ? b[0] : b.length > 1 ? b : V("div", {}, "", "fallback-root");
+  const m = x.filter((h) => G(h) && h.tag === "#text" ? typeof h.children == "string" && h.children.trim() !== "" : !0);
+  return m.length === 1 ? m[0] : m.length > 1 ? m : Z("div", {}, "", "fallback-root");
 }
-function W(e, ...t) {
+function I(e, ...t) {
   const r = t[t.length - 1], n = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
-  return gt(e, t, n);
+  return ht(e, t, n);
 }
-const Ae = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, M = (e, t) => {
+const Ae = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, D = (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((l, f) => {
-        a[l] = i[f + 1];
+      return n.forEach((c, u) => {
+        a[c] = i[u + 1];
       }), { route: r, params: a };
     }
   }
   return { route: null, params: {} };
-}, de = {};
-async function yt(e) {
+}, he = {};
+async function gt(e) {
   if (e.component) return e.component;
   if (e.load) {
-    if (de[e.path]) return de[e.path];
+    if (he[e.path]) return he[e.path];
     try {
       const t = await e.load();
-      return de[e.path] = t.default, t.default;
+      return he[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 mt(e) {
+function yt(e) {
   const { routes: t, base: r = "", initialUrl: n } = e;
-  let o, s, i, a, l, f, u;
-  const h = async (k, g) => {
-    const d = t.find((y) => M([y], k.path).route !== null);
-    if (d?.beforeEnter)
+  let o, s, i, a, c, u, l;
+  const y = async (x, p) => {
+    const f = t.find((g) => D([g], x.path).route !== null);
+    if (f?.beforeEnter)
       try {
-        const y = await d.beforeEnter(k, g);
-        return typeof y == "string" ? (await x(y, !0), !1) : y !== !1;
-      } catch (y) {
-        return console.error("beforeEnter error", y), !1;
+        const g = await f.beforeEnter(x, p);
+        return typeof g == "string" ? (await k(g, !0), !1) : g !== !1;
+      } catch (g) {
+        return console.error("beforeEnter error", g), !1;
       }
     return !0;
-  }, c = async (k, g) => {
-    const d = t.find((y) => M([y], k.path).route !== null);
-    if (d?.onEnter)
+  }, d = async (x, p) => {
+    const f = t.find((g) => D([g], x.path).route !== null);
+    if (f?.onEnter)
       try {
-        const y = await d.onEnter(k, g);
-        return typeof y == "string" ? (await x(y, !0), !1) : y !== !1;
-      } catch (y) {
-        return console.error("onEnter error", y), !1;
+        const g = await f.onEnter(x, p);
+        return typeof g == "string" ? (await k(g, !0), !1) : g !== !1;
+      } catch (g) {
+        return console.error("onEnter error", g), !1;
       }
     return !0;
-  }, v = (k, g) => {
-    const d = t.find((y) => M([y], k.path).route !== null);
-    if (d?.afterEnter)
+  }, b = (x, p) => {
+    const f = t.find((g) => D([g], x.path).route !== null);
+    if (f?.afterEnter)
       try {
-        d.afterEnter(k, g);
-      } catch (y) {
-        console.error("afterEnter error", y);
+        f.afterEnter(x, p);
+      } catch (g) {
+        console.error("afterEnter error", g);
       }
-  }, x = async (k, g = !1) => {
+  }, k = async (x, p = !1) => {
     try {
-      const d = {
-        path: k.replace(r, "") || "/",
+      const f = {
+        path: x.replace(r, "") || "/",
         query: {}
-      }, y = M(t, d.path);
-      if (!y) throw new Error(`No route found for ${d.path}`);
-      const b = i.getState(), p = {
-        path: d.path,
-        params: y.params,
-        query: d.query
+      }, g = D(t, f.path);
+      if (!g) throw new Error(`No route found for ${f.path}`);
+      const m = i.getState(), h = {
+        path: f.path,
+        params: g.params,
+        query: f.query
       };
-      if (!await h(p, b) || !await c(p, b)) return;
-      typeof window < "u" && typeof document < "u" && (g ? window.history.replaceState({}, "", r + k) : window.history.pushState({}, "", r + k)), i.setState(p), v(p, b);
-    } catch (d) {
-      console.error("Navigation error:", d);
+      if (!await y(h, m) || !await d(h, m)) return;
+      typeof window < "u" && typeof document < "u" && (p ? window.history.replaceState({}, "", r + x) : window.history.pushState({}, "", r + x)), i.setState(h), b(h, m);
+    } catch (f) {
+      console.error("Navigation error:", f);
     }
   };
   if (typeof window < "u" && typeof document < "u") {
     o = () => {
-      const g = new URL(window.location.href), d = g.pathname.replace(r, "") || "/", y = Ae(g.search);
-      return { path: d, query: y };
+      const p = new URL(window.location.href), f = p.pathname.replace(r, "") || "/", g = Ae(p.search);
+      return { path: f, query: g };
     }, s = o();
-    const k = M(t, s.path);
+    const x = D(t, s.path);
     i = xe({
       path: s.path,
-      params: k.params,
+      params: x.params,
       query: s.query
-    }), a = async (g = !1) => {
-      const d = o();
-      await x(d.path, g);
-    }, window.addEventListener("popstate", () => a(!0)), l = (g) => x(g, !1), f = (g) => x(g, !0), u = () => window.history.back();
+    }), a = async (p = !1) => {
+      const f = o();
+      await k(f.path, p);
+    }, window.addEventListener("popstate", () => a(!0)), c = (p) => k(p, !1), u = (p) => k(p, !0), l = () => window.history.back();
   } else {
     o = () => {
-      const d = new URL(n || "/", "http://localhost"), y = d.pathname.replace(r, "") || "/", b = Ae(d.search);
-      return { path: y, query: b };
+      const f = new URL(n || "/", "http://localhost"), g = f.pathname.replace(r, "") || "/", m = Ae(f.search);
+      return { path: g, query: m };
     }, s = o();
-    const k = M(t, s.path);
+    const x = D(t, s.path);
     i = xe({
       path: s.path,
-      params: k.params,
+      params: x.params,
       query: s.query
     }), a = async () => {
-      const d = o();
-      await g(d.path);
+      const f = o();
+      await p(f.path);
     };
-    const g = async (d) => {
+    const p = async (f) => {
       try {
-        const y = {
-          path: d.replace(r, "") || "/",
+        const g = {
+          path: f.replace(r, "") || "/",
           query: {}
-        }, b = M(t, y.path);
-        if (!b) throw new Error(`No route found for ${y.path}`);
-        const p = i.getState(), w = {
-          path: y.path,
-          params: b.params,
-          query: y.query
-        }, m = t.find(($) => M([$], w.path).route !== null);
-        if (m?.beforeEnter)
+        }, m = D(t, g.path);
+        if (!m) throw new Error(`No route found for ${g.path}`);
+        const h = i.getState(), w = {
+          path: g.path,
+          params: m.params,
+          query: g.query
+        }, v = t.find(($) => D([$], w.path).route !== null);
+        if (v?.beforeEnter)
           try {
-            const $ = await m.beforeEnter(w, p);
+            const $ = await v.beforeEnter(w, h);
             if (typeof $ == "string") {
-              await g($);
+              await p($);
               return;
             }
             if ($ === !1) return;
           } catch {
             return;
           }
-        if (m?.onEnter)
+        if (v?.onEnter)
           try {
-            const $ = await m.onEnter(w, p);
+            const $ = await v.onEnter(w, h);
             if (typeof $ == "string") {
-              await g($);
+              await p($);
               return;
             }
             if ($ === !1) return;
           } catch {
             return;
           }
-        if (i.setState(w), m?.afterEnter)
+        if (i.setState(w), v?.afterEnter)
           try {
-            m.afterEnter(w, p);
+            v.afterEnter(w, h);
           } catch {
           }
       } catch {
       }
     };
-    l = async (d) => g(d), f = async (d) => g(d), u = () => {
+    c = async (f) => p(f), u = async (f) => p(f), l = () => {
     };
   }
   return {
     store: i,
-    push: l,
-    replace: f,
-    back: u,
+    push: c,
+    replace: u,
+    back: l,
     subscribe: i.subscribe,
-    matchRoute: (k) => M(t, k),
+    matchRoute: (x) => D(t, x),
     getCurrent: () => i.getState(),
-    resolveRouteComponent: yt
+    resolveRouteComponent: gt
   };
 }
-function _t(e, t) {
-  return M(e, t);
+function St(e, t) {
+  return D(e, t);
 }
-function Ct(e) {
-  const t = mt(e);
+function _t(e) {
+  const t = yt(e);
   return Ee("router-view", {
     async render() {
-      if (!t) return W`<div>Router not initialized.</div>`;
+      if (!t) return I`<div>Router not initialized.</div>`;
       const r = t.getCurrent(), { path: n } = r, o = t.matchRoute(n);
-      if (!o.route) return W`<div>Not found</div>`;
+      if (!o.route) return I`<div>Not found</div>`;
       try {
         const s = await t.resolveRouteComponent(o.route);
         if (typeof s == "string")
@@ -2287,9 +2326,9 @@ function Ct(e) {
           const i = s(), a = i instanceof Promise ? await i : i;
           return typeof a == "string" ? { tag: a, props: {}, children: [] } : a;
         }
-        return W`<div>Invalid route component</div>`;
+        return I`<div>Invalid route component</div>`;
       } catch {
-        return W`<div>Invalid route component</div>`;
+        return I`<div>Invalid route component</div>`;
       }
     },
     onConnected(r) {
@@ -2319,32 +2358,32 @@ function Ct(e) {
     },
     style: (r) => r.style,
     render: (r) => {
-      const n = t.getCurrent(), o = r.to, s = r.exact, i = r.exactActiveClass, a = r.activeClass, l = r.ariaCurrentValue, f = r.tag, u = r.disabled, h = r.external, c = n.path === o, v = s ? c : n && typeof n.path == "string" ? n.path.startsWith(o) : !1, x = c ? `aria-current="${l}"` : "", k = (r.class || "").split(/\s+/).filter(Boolean), g = {};
-      for (const w of k) g[w] = !0;
-      const d = {
-        ...g,
+      const n = t.getCurrent(), o = r.to, s = r.exact, i = r.exactActiveClass, a = r.activeClass, c = r.ariaCurrentValue, u = r.tag, l = r.disabled, y = r.external, d = n.path === o, b = s ? d : n && typeof n.path == "string" ? n.path.startsWith(o) : !1, k = d ? `aria-current="${c}"` : "", x = (r.class || "").split(/\s+/).filter(Boolean), p = {};
+      for (const w of x) p[w] = !0;
+      const f = {
+        ...p,
         // Also include the configurable names (may duplicate the above)
-        [a]: v,
-        [i]: c
-      }, y = f === "button", b = u ? y ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", p = h && (f === "a" || !f) ? 'target="_blank" rel="noopener noreferrer"' : "";
-      return W`
-        ${Re().when(y, W`
+        [a]: b,
+        [i]: d
+      }, g = u === "button", m = l ? g ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", h = y && (u === "a" || !u) ? 'target="_blank" rel="noopener noreferrer"' : "";
+      return I`
+        ${Be().when(g, I`
             <button
               part="button"
-              :class="${d}"
-              ${x}
-              ${b}
-              ${p}
+              :class="${f}"
+              ${k}
+              ${m}
+              ${h}
               @click="navigate"
             ><slot></slot></button>
-          `).otherwise(W`
+          `).otherwise(I`
             <a
               part="link"
               href="${o}"
-              :class="${d}"
-              ${x}
-              ${b}
-              ${p}
+              :class="${f}"
+              ${k}
+              ${m}
+              ${h}
               @click="navigate"
             ><slot></slot></a>
           `).done()}
@@ -2360,25 +2399,25 @@ function Ct(e) {
   }), t;
 }
 export {
-  U as GlobalEventBus,
+  V as GlobalEventBus,
   Ee as component,
   xe as createStore,
   Le as css,
-  vt as each,
-  xt as emit,
-  Z as eventBus,
-  W as html,
-  Ct as initRouter,
-  St as listen,
-  Re as match,
-  M as matchRoute,
-  _t as matchRouteSSR,
-  kt as off,
+  bt as each,
+  vt as emit,
+  X as eventBus,
+  I as html,
+  _t as initRouter,
+  $t as listen,
+  Be as match,
+  D as matchRoute,
+  St as matchRouteSSR,
+  xt as off,
   wt as on,
-  $t as once,
+  kt as once,
   Ae as parseQuery,
-  yt as resolveRouteComponent,
-  mt as useRouter,
-  bt as when
+  gt as resolveRouteComponent,
+  yt as useRouter,
+  mt as when
 };
 //# sourceMappingURL=custom-elements-runtime.es.js.map