@jasonshimmy/custom-elements-runtime 0.1.3 → 0.1.5

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

@@ -7,7 +7,7 @@ function nt(e, t) {
     return J(t(r, n), `each-${o}`);
   });
 }
-function be() {
+function ve() {
   const e = [];
   return {
     when(t, r) {
@@ -17,11 +17,11 @@ function be() {
       return e.push([!0, t]), this;
     },
     done() {
-      return ve(...e);
+      return xe(...e);
     }
   };
 }
-function ve(...e) {
+function xe(...e) {
   for (let t = 0; t < e.length; t++) {
     const [r, n] = e[t];
     if (r) return [J(n, `whenChain-branch-${t}`)];
@@ -36,7 +36,7 @@ function J(e, t) {
     children: r
   };
 }
-class P extends EventTarget {
+class O extends EventTarget {
   handlers = {};
   static instance;
   eventCounters = /* @__PURE__ */ new Map();
@@ -44,7 +44,7 @@ class P extends EventTarget {
    * Returns the singleton instance of GlobalEventBus
    */
   static getInstance() {
-    return P.instance || (P.instance = new P()), P.instance;
+    return O.instance || (O.instance = new O()), O.instance;
   }
   // Enhanced emit method with better typing and event storm protection
   /**
@@ -160,22 +160,24 @@ class P extends EventTarget {
     this.eventCounters.clear();
   }
 }
-const H = P.getInstance(), ot = (e, t) => H.emit(e, t), it = (e, t) => H.on(e, t), st = (e, t) => H.off(e, t), at = (e, t) => H.once(e, t), lt = (e, t, r) => H.listen(e, t, r);
+const H = O.getInstance(), ot = (e, t) => H.emit(e, t), it = (e, t) => H.on(e, t), st = (e, t) => H.off(e, t), at = (e, t) => H.once(e, t), lt = (e, t, r) => H.listen(e, t, r);
 function ie(e) {
-  let t = new Proxy(e, {
-    set: (i, a, l) => (i[a] = l, s(), !0)
-  });
+  let t = { ...e };
   const r = [];
-  function n(i) {
-    r.push(i), i(t);
+  function n(a) {
+    r.push(a), a(t);
   }
   function o() {
     return t;
   }
-  function s() {
-    r.forEach((i) => i(t));
+  function s(a) {
+    const c = typeof a == "function" ? a(t) : a;
+    t = { ...t, ...c }, i();
+  }
+  function i() {
+    r.forEach((a) => a(t));
   }
-  return { subscribe: n, getState: o };
+  return { subscribe: n, getState: o, setState: s };
 }
 function ne(e) {
   return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
@@ -192,7 +194,7 @@ function ee(e) {
     })[t]
   ) : e;
 }
-function xe(e, t, r) {
+function we(e, t, r) {
   if (r)
     for (const [n, o] of Object.entries(r)) {
       let s, i = {};
@@ -212,14 +214,14 @@ function xe(e, t, r) {
 function te(e, t) {
   return t.split(".").reduce((r, n) => r?.[n], e);
 }
-function we(e, t, r, n) {
+function ke(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((p, d) => o(p, a[d]));
-    const l = Object.keys(i), f = Object.keys(a);
-    return l.length !== f.length ? !1 : l.every((p) => o(i[p], a[p]));
+      return i.length !== a.length ? !1 : i.every((g, d) => o(g, a[d]));
+    const c = Object.keys(i), f = Object.keys(a);
+    return c.length !== f.length ? !1 : c.every((g) => o(i[g], a[g]));
   }, s = t.get(r);
   if (s && !o(n, s.oldValue))
     try {
@@ -230,13 +232,13 @@ function we(e, t, r, n) {
   for (const [i, a] of t.entries())
     if (a.options.deep && r.startsWith(i + "."))
       try {
-        const l = te(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 = 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);
       }
 }
-function ke(e, t, r) {
+function $e(e, t, r) {
   if (!t.props) return;
   function n(o, s) {
     return s === Boolean ? o === "true" : s === Number ? Number(o) : o;
@@ -250,13 +252,13 @@ function ke(e, t, r) {
     }
   });
 }
-function $e(e, t, r, n) {
+function Ce(e, t, r, n) {
   e.onConnected && !r && (e.onConnected(t), n(!0));
 }
-function Ce(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 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 Se(e, t, r, n, o) {
+function _e(e, t, r, n, o) {
   e.onAttributeChanged && e.onAttributeChanged(t, r, n, o);
 }
 function z(e, t) {
@@ -276,32 +278,32 @@ function se(e, t, r) {
   const s = n.reduce((i, a) => (a in i || (i[a] = {}), i[a]), e);
   s[o] = r;
 }
-function _e(e, t, r, n, o, s, i) {
+function Ae(e, t, r, n, o, s, i) {
   if (!s) return;
-  const a = t.includes("lazy"), l = t.includes("trim"), f = t.includes("number"), p = () => {
-    const y = s._state || s;
-    return R(y, e);
-  }, d = p();
+  const a = t.includes("lazy"), c = t.includes("trim"), f = t.includes("number"), g = () => {
+    const h = s._state || s;
+    return R(h, e);
+  }, d = g();
   let u = "text";
-  const m = n?.type;
-  if (i instanceof HTMLInputElement ? u = m || i.type || "text" : i instanceof HTMLSelectElement ? u = "select" : i instanceof HTMLTextAreaElement && (u = "textarea"), u === "checkbox")
+  const v = n?.type;
+  if (i instanceof HTMLInputElement ? u = v || i.type || "text" : i instanceof HTMLSelectElement ? u = "select" : i instanceof HTMLTextAreaElement && (u = "textarea"), u === "checkbox")
     if (Array.isArray(d)) {
-      const y = i?.getAttribute("value") || n?.value || "", c = d.includes(y);
-      i && i.checked !== c && (r.checked = c);
+      const h = i?.getAttribute("value") || n?.value || "", l = d.includes(h);
+      i && i.checked !== l && (r.checked = l);
     } else {
-      const y = i?.getAttribute("true-value") || !0, c = d === y;
-      i && i.checked !== c && (r.checked = c);
+      const h = i?.getAttribute("true-value") || !0, l = d === h;
+      i && i.checked !== l && (r.checked = l);
     }
   else if (u === "radio") {
-    const y = n?.value || "", c = d === y;
-    i && i.checked !== c && (r.checked = c);
+    const h = n?.value || "", l = d === h;
+    i && i.checked !== l && (r.checked = l);
   } else if (u === "select")
     if (i && i.hasAttribute("multiple")) {
-      const y = i, c = Array.isArray(d) ? d : [];
+      const h = i, l = Array.isArray(d) ? d : [];
       setTimeout(() => {
-        Array.from(y.options).forEach((b) => {
-          const g = c.includes(b.value);
-          b.selected !== g && (b.selected = g);
+        Array.from(h.options).forEach((p) => {
+          const m = l.includes(p.value);
+          p.selected !== m && (p.selected = m);
         });
       }, 0);
     } else
@@ -309,72 +311,72 @@ function _e(e, t, r, n, o, s, i) {
         i instanceof HTMLSelectElement && i.value !== String(d) && (i.value = String(d));
       }, 0);
   else {
-    const y = String(d ?? "");
-    (!i || i.value !== y) && (r.value = d);
-  }
-  const h = a || u === "checkbox" || u === "radio" || u === "select" ? "change" : "input", C = (y) => {
-    if (y.isComposing || o._isComposing || y.isTrusted === !1) return;
-    const c = y.target;
-    if (c._modelUpdating) return;
-    const b = p();
-    let g = c.value;
+    const h = String(d ?? "");
+    (!i || i.value !== h) && (r.value = d);
+  }
+  const y = a || u === "checkbox" || u === "radio" || u === "select" ? "change" : "input", b = (h) => {
+    if (h.isComposing || o._isComposing || h.isTrusted === !1) return;
+    const l = h.target;
+    if (l._modelUpdating) return;
+    const p = g();
+    let m = l.value;
     if (u === "checkbox")
-      if (Array.isArray(b)) {
-        const S = c.getAttribute("value") || "", _ = [...b];
-        if (c.checked)
+      if (Array.isArray(p)) {
+        const S = l.getAttribute("value") || "", _ = [...p];
+        if (l.checked)
           _.includes(S) || _.push(S);
         else {
-          const x = _.indexOf(S);
-          x > -1 && _.splice(x, 1);
+          const w = _.indexOf(S);
+          w > -1 && _.splice(w, 1);
         }
-        g = _;
+        m = _;
       } else {
-        const S = c.getAttribute("true-value") || !0, _ = c.getAttribute("false-value") || !1;
-        g = c.checked ? S : _;
+        const S = l.getAttribute("true-value") || !0, _ = l.getAttribute("false-value") || !1;
+        m = l.checked ? S : _;
       }
     else if (u === "radio")
-      g = c.getAttribute("value") || c.value;
-    else if (u === "select" && c.multiple) {
-      const S = c;
-      g = Array.from(S.selectedOptions).map(
+      m = l.getAttribute("value") || l.value;
+    else if (u === "select" && l.multiple) {
+      const S = l;
+      m = Array.from(S.selectedOptions).map(
         (_) => _.value
       );
-    } else if (l && (g = g.trim()), f) {
-      const S = Number(g);
-      isNaN(S) || (g = S);
+    } else if (c && (m = m.trim()), f) {
+      const S = Number(m);
+      isNaN(S) || (m = S);
     }
-    const v = s._state || s, w = R(v, e);
-    if (Array.isArray(g) && Array.isArray(w) ? JSON.stringify([...g].sort()) !== JSON.stringify([...w].sort()) : g !== w) {
-      const S = y.target;
-      S._modelUpdating = !0, se(v, e, g), setTimeout(() => {
+    const x = s._state || s, k = R(x, e);
+    if (Array.isArray(m) && Array.isArray(k) ? JSON.stringify([...m].sort()) !== JSON.stringify([...k].sort()) : m !== k) {
+      const S = h.target;
+      S._modelUpdating = !0, se(x, e, m), setTimeout(() => {
         S._modelUpdating = !1;
       }, 0), s._requestRender && s._requestRender();
     }
   };
-  if (o[h] = C, u === "text" || u === "textarea") {
-    const y = () => {
+  if (o[y] = b, u === "text" || u === "textarea") {
+    const h = () => {
       o._isComposing = !0;
-    }, c = (b) => {
+    }, l = (p) => {
       o._isComposing = !1;
-      const g = b.target;
+      const m = p.target;
       setTimeout(() => {
-        if (g) {
-          let v = g.value;
-          if (l && (v = v.trim()), f) {
-            const _ = Number(v);
-            isNaN(_) || (v = _);
+        if (m) {
+          let x = m.value;
+          if (c && (x = x.trim()), f) {
+            const _ = Number(x);
+            isNaN(_) || (x = _);
           }
-          const w = s._state || s, k = R(w, e);
-          (Array.isArray(v) && Array.isArray(k) ? JSON.stringify([...v].sort()) !== JSON.stringify([...k].sort()) : v !== k) && (g && (g._modelUpdating = !0, setTimeout(() => {
-            g._modelUpdating = !1;
-          }, 0)), se(w, e, v), s._requestRender && s._requestRender());
+          const k = s._state || s, $ = R(k, e);
+          (Array.isArray(x) && Array.isArray($) ? JSON.stringify([...x].sort()) !== JSON.stringify([...$].sort()) : x !== $) && (m && (m._modelUpdating = !0, setTimeout(() => {
+            m._modelUpdating = !1;
+          }, 0)), se(k, e, x), s._requestRender && s._requestRender());
         }
       }, 0);
     };
-    o.compositionstart = y, o.compositionend = c;
+    o.compositionstart = h, o.compositionend = l;
   }
 }
-function Ae(e, t, r, n) {
+function Ee(e, t, r, n) {
   if (n)
     try {
       const o = JSON.parse(e);
@@ -386,18 +388,18 @@ function Ae(e, t, r, n) {
       r[e] = o;
     }
 }
-function Ee(e, t, r) {
+function Te(e, t, r) {
   if (!r) return;
   const n = R(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 Te(e, t, r) {
+function je(e, t, r) {
   if (!r) return;
   const n = R(r, e);
   let o = [];
@@ -405,7 +407,7 @@ function Te(e, t, r) {
   const s = t.class || "", i = s ? `${s} ${o.join(" ")}`.trim() : o.join(" ");
   i && (t.class = i);
 }
-function je(e, t, r) {
+function Le(e, t, r) {
   let n;
   if (typeof e == "string") {
     if (!r) return;
@@ -417,12 +419,12 @@ function je(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 !== "") {
+    for (const [a, c] of Object.entries(n))
+      if (c != null && c !== "") {
         const f = a.replace(
           /[A-Z]/g,
           (u) => `-${u.toLowerCase()}`
-        ), p = [
+        ), g = [
           "width",
           "height",
           "top",
@@ -448,23 +450,23 @@ function je(e, t, r) {
           "min-height",
           "max-height"
         ];
-        let d = String(l);
-        typeof l == "number" && p.includes(f) && (d = `${l}px`), i.push(`${f}: ${d}`);
+        let d = String(c);
+        typeof c == "number" && g.includes(f) && (d = `${c}px`), i.push(`${f}: ${d}`);
       }
     o = i.join("; ") + (i.length > 0 ? ";" : "");
   }
   const s = t.style || "";
   t.style = s + (s && !s.endsWith(";") ? "; " : "") + o;
 }
-function pe(e, t, r, n) {
+function he(e, t, r, n) {
   const o = {}, s = { ...n || {} }, i = {};
-  for (const [a, l] of Object.entries(e)) {
-    const { value: f, modifiers: p } = l;
+  for (const [a, c] of Object.entries(e)) {
+    const { value: f, modifiers: g } = c;
     switch (a) {
       case "model":
-        _e(
+        Ae(
           typeof f == "string" ? f : String(f),
-          p,
+          g,
           o,
           s,
           i,
@@ -473,16 +475,16 @@ function pe(e, t, r, n) {
         );
         break;
       case "bind":
-        Ae(f, o, s, t);
+        Ee(f, o, s, t);
         break;
       case "show":
-        Ee(f, s, t);
+        Te(f, s, t);
         break;
       case "class":
-        Te(f, s, t);
+        je(f, s, t);
         break;
       case "style":
-        je(f, s, t);
+        Le(f, s, t);
         break;
     }
   }
@@ -498,20 +500,20 @@ function re(e, t) {
         const d = i.tag || "node", u = i.props?.attrs?.id ?? i.props?.attrs?.name ?? i.props?.attrs?.["data-key"] ?? "";
         a = u ? `${t}:${d}:${u}` : `${t}:${d}`;
       }
-      let l = a, f = 1;
-      for (; s.has(l); )
-        l = `${a}#${f++}`;
-      s.add(l);
-      let p = i.children;
-      return Array.isArray(p) && (p = re(p, l)), { ...i, key: l, children: p };
+      let c = a, f = 1;
+      for (; s.has(c); )
+        c = `${a}#${f++}`;
+      s.add(c);
+      let g = i.children;
+      return Array.isArray(g) && (g = re(g, c)), { ...i, key: c, children: g };
     });
   }
   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 };
 }
-function Le(e, t, r, n) {
-  const o = r.directives ?? {}, s = pe(
+function Be(e, t, r, n) {
+  const o = r.directives ?? {}, s = he(
     o,
     n,
     e,
@@ -524,19 +526,19 @@ function Le(e, t, r, n) {
     ...t.attrs,
     ...r.attrs,
     ...s.attrs
-  }, l = t.props ?? {}, f = i;
-  for (const u in { ...l, ...f }) {
-    const m = l[u], h = f[u];
-    m !== h && (u === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement) ? e.value !== h && (e.value = h ?? "") : u === "checked" && e instanceof HTMLInputElement ? e.checked = !!h : u.startsWith("on") && typeof h == "function" ? (typeof m == "function" && e.removeEventListener(u.slice(2).toLowerCase(), m), e.addEventListener(u.slice(2).toLowerCase(), h)) : h == null || h === !1 ? e.removeAttribute(u) : e.setAttribute(u, String(h)));
+  }, c = t.props ?? {}, f = i;
+  for (const u in { ...c, ...f }) {
+    const v = c[u], y = f[u];
+    v !== y && (u === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement) ? e.value !== y && (e.value = y ?? "") : u === "checked" && e instanceof HTMLInputElement ? e.checked = !!y : u.startsWith("on") && typeof y == "function" ? (typeof v == "function" && e.removeEventListener(u.slice(2).toLowerCase(), v), e.addEventListener(u.slice(2).toLowerCase(), y)) : y == null || y === !1 ? e.removeAttribute(u) : e.setAttribute(u, String(y)));
   }
-  for (const [u, m] of Object.entries(
+  for (const [u, v] of Object.entries(
     s.listeners || {}
   ))
-    e.addEventListener(u, m);
-  const p = t.attrs ?? {}, d = a;
-  for (const u in { ...p, ...d }) {
-    const m = p[u], h = d[u];
-    m !== h && (h == null || h === !1 ? e.removeAttribute(u) : e.setAttribute(u, String(h)));
+    e.addEventListener(u, v);
+  const g = t.attrs ?? {}, d = a;
+  for (const u in { ...g, ...d }) {
+    const v = g[u], y = d[u];
+    v !== y && (y == null || y === !1 ? e.removeAttribute(u) : e.setAttribute(u, String(y)));
   }
 }
 function T(e, t, r) {
@@ -549,17 +551,17 @@ function T(e, t, r) {
     return e.key != null && (d.key = e.key), d;
   }
   if (e.tag === "#anchor") {
-    const d = e, u = Array.isArray(d.children) ? d.children : [], m = document.createTextNode(""), h = document.createTextNode("");
-    d.key != null && (m.key = `${d.key}:start`, h.key = `${d.key}:end`), d._startNode = m, d._endNode = h;
-    const C = document.createDocumentFragment();
-    C.appendChild(m);
-    for (const y of u)
-      C.appendChild(T(y, t));
-    return C.appendChild(h), C;
+    const d = e, u = Array.isArray(d.children) ? d.children : [], v = document.createTextNode(""), y = document.createTextNode("");
+    d.key != null && (v.key = `${d.key}:start`, y.key = `${d.key}:end`), d._startNode = v, d._endNode = y;
+    const b = document.createDocumentFragment();
+    b.appendChild(v);
+    for (const h of u)
+      b.appendChild(T(h, t));
+    return b.appendChild(y), b;
   }
   const n = document.createElement(e.tag);
   e.key != null && (n.key = e.key);
-  const { props: o = {}, attrs: s = {}, directives: i = {} } = e.props ?? {}, a = pe(i, t, n, s), l = {
+  const { props: o = {}, attrs: s = {}, directives: i = {} } = e.props ?? {}, a = he(i, t, n, s), c = {
     ...o,
     ...a.props
   }, f = {
@@ -570,8 +572,8 @@ function T(e, t, r) {
     const u = f[d];
     typeof u == "boolean" ? u && n.setAttribute(d, "") : u != null && n.setAttribute(d, String(u));
   }
-  for (const d in l) {
-    const u = l[d];
+  for (const d in c) {
+    const u = c[d];
     if (d === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement))
       n.value = u ?? "";
     else if (d === "checked" && n instanceof HTMLInputElement)
@@ -588,117 +590,117 @@ function T(e, t, r) {
     a.listeners || {}
   ))
     n.addEventListener(d, u);
-  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))
+  const g = e.props?.ref ?? (e.props?.props && e.props.props.ref);
+  if (typeof e != "string" && g && r && (r[g] = n), Array.isArray(e.children))
     for (const d of e.children)
       n.appendChild(T(d, t, r));
   else typeof e.children == "string" && (n.textContent = e.children);
   return n;
 }
-function Be(e, t, r, n, o) {
+function ze(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 m of i)
-    m && m.key != null && a.set(m.key, m);
-  const l = /* @__PURE__ */ new Map();
-  for (const m of s) {
-    const h = m.key;
-    h != null && l.set(h, m);
+  for (const v of i)
+    v && v.key != null && a.set(v.key, v);
+  const c = /* @__PURE__ */ new Map();
+  for (const v of s) {
+    const y = v.key;
+    y != null && c.set(y, v);
   }
   const f = /* @__PURE__ */ new Set();
-  let p = e.firstChild;
-  function d(m, h) {
-    let C = m;
-    for (; C && (f.add(C), C !== h); )
-      C = C.nextSibling;
-  }
-  function u(m, h, C, y) {
-    const c = [];
-    let b = m.nextSibling;
-    for (; b && b !== h; )
-      c.push(b), b = b.nextSibling;
-    const g = Array.isArray(C) ? C : [];
-    if (y.some((w) => w && w.key != null) || g.some((w) => w && w.key != null)) {
-      const w = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Map();
-      for (const x of g)
-        x && x.key != null && w.set(x.key, x);
-      for (const x of c) {
-        const $ = x.key;
-        $ != null && k.set($, x);
+  let g = e.firstChild;
+  function d(v, y) {
+    let b = v;
+    for (; b && (f.add(b), b !== y); )
+      b = b.nextSibling;
+  }
+  function u(v, y, b, h) {
+    const l = [];
+    let p = v.nextSibling;
+    for (; p && p !== y; )
+      l.push(p), p = p.nextSibling;
+    const m = Array.isArray(b) ? b : [];
+    if (h.some((k) => k && k.key != null) || m.some((k) => k && k.key != null)) {
+      const k = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map();
+      for (const w of m)
+        w && w.key != null && k.set(w.key, w);
+      for (const w of l) {
+        const C = w.key;
+        C != null && $.set(C, w);
       }
       const S = /* @__PURE__ */ new Set();
-      let _ = m.nextSibling;
-      for (const x of y) {
-        let $;
-        if (x.key != null && k.has(x.key)) {
-          const A = w.get(x.key);
-          $ = K(
-            k.get(x.key),
+      let _ = v.nextSibling;
+      for (const w of h) {
+        let C;
+        if (w.key != null && $.has(w.key)) {
+          const A = k.get(w.key);
+          C = K(
+            $.get(w.key),
             A,
-            x,
+            w,
             n
-          ), S.add($), $ !== _ && e.contains($) && e.insertBefore($, _);
+          ), S.add(C), C !== _ && e.contains(C) && e.insertBefore(C, _);
         } else
-          $ = T(x, n), e.insertBefore($, _), S.add($);
-        _ = $.nextSibling;
+          C = T(w, n), e.insertBefore(C, _), S.add(C);
+        _ = C.nextSibling;
       }
-      for (const x of c)
-        !S.has(x) && e.contains(x) && e.removeChild(x);
+      for (const w of l)
+        !S.has(w) && e.contains(w) && e.removeChild(w);
     } else {
-      const w = Math.min(
-        g.length,
-        y.length
+      const k = Math.min(
+        m.length,
+        h.length
       );
-      for (let k = 0; k < w; k++) {
-        const S = g[k], _ = y[k], x = K(c[k], S, _, n);
-        x !== c[k] && (e.insertBefore(x, c[k]), e.removeChild(c[k]));
+      for (let $ = 0; $ < k; $++) {
+        const S = m[$], _ = h[$], w = K(l[$], S, _, n);
+        w !== l[$] && (e.insertBefore(w, l[$]), e.removeChild(l[$]));
       }
-      for (let k = w; k < y.length; k++)
-        e.insertBefore(T(y[k], n), h);
-      for (let k = w; k < c.length; k++)
-        e.removeChild(c[k]);
+      for (let $ = k; $ < h.length; $++)
+        e.insertBefore(T(h[$], n), y);
+      for (let $ = k; $ < l.length; $++)
+        e.removeChild(l[$]);
     }
   }
-  for (const m of r) {
-    let h;
-    if (m.tag === "#anchor") {
-      const C = m.key, y = `${C}:start`, c = `${C}:end`;
-      let b = l.get(y), g = l.get(c);
-      const v = Array.isArray(m.children) ? m.children : [];
-      if (b || (b = document.createTextNode(""), b.key = y), g || (g = document.createTextNode(""), g.key = c), m._startNode = b, m._endNode = g, !e.contains(b) || !e.contains(g)) {
-        e.insertBefore(b, p);
-        for (const w of v)
-          e.insertBefore(T(w, n), p);
-        e.insertBefore(g, p);
+  for (const v of r) {
+    let y;
+    if (v.tag === "#anchor") {
+      const b = v.key, h = `${b}:start`, l = `${b}:end`;
+      let p = c.get(h), m = c.get(l);
+      const x = Array.isArray(v.children) ? v.children : [];
+      if (p || (p = document.createTextNode(""), p.key = h), m || (m = document.createTextNode(""), m.key = l), v._startNode = p, v._endNode = m, !e.contains(p) || !e.contains(m)) {
+        e.insertBefore(p, g);
+        for (const k of x)
+          e.insertBefore(T(k, n), g);
+        e.insertBefore(m, g);
       } else
         u(
-          b,
-          g,
-          a.get(C)?.children,
-          v
+          p,
+          m,
+          a.get(b)?.children,
+          x
         );
-      d(b, g), p = g.nextSibling;
+      d(p, m), g = m.nextSibling;
       continue;
     }
-    if (m.key != null && l.has(m.key)) {
-      const C = a.get(m.key);
-      h = K(
-        l.get(m.key),
-        C,
-        m,
+    if (v.key != null && c.has(v.key)) {
+      const b = a.get(v.key);
+      y = K(
+        c.get(v.key),
+        b,
+        v,
         n,
         o
-      ), f.add(h), h !== p && e.contains(h) && (p && !e.contains(p) && (p = null), e.insertBefore(h, p));
+      ), f.add(y), y !== g && e.contains(y) && (g && !e.contains(g) && (g = null), e.insertBefore(y, g));
     } else
-      h = T(m, n, o), p && !e.contains(p) && (p = null), e.insertBefore(h, p), f.add(h);
-    p = h.nextSibling;
+      y = T(v, n, o), g && !e.contains(g) && (g = null), e.insertBefore(y, g), f.add(y);
+    g = y.nextSibling;
   }
-  for (const m of s)
-    !f.has(m) && e.contains(m) && (z(m, o), e.removeChild(m));
+  for (const v of s)
+    !f.has(v) && e.contains(v) && (z(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;
@@ -711,13 +713,13 @@ 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 : [], 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 p = document.createDocumentFragment();
-    p.appendChild(l);
+    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 g = document.createDocumentFragment();
+    g.appendChild(c);
     for (const d of a)
-      p.appendChild(T(d, n));
-    return p.appendChild(f), e.parentNode?.replaceChild(p, e), l;
+      g.appendChild(T(d, n));
+    return g.appendChild(f), e.parentNode?.replaceChild(g, e), c;
   }
   if (!r) {
     z(e, o);
@@ -730,52 +732,52 @@ function K(e, t, 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 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 p of i)
-      f.appendChild(T(p, n));
-    return f.appendChild(l), e.parentNode?.replaceChild(f, e), a;
+    for (const g of i)
+      f.appendChild(T(g, n));
+    return f.appendChild(c), e.parentNode?.replaceChild(f, e), a;
   }
   if (typeof t != "string" && typeof r != "string" && t.tag === r.tag && t.key === r.key) {
     const i = e;
-    return Le(i, t.props || {}, r.props || {}, n), Be(i, t.children, r.children, n, o), typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = i), i;
+    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;
   }
   z(e, o);
   const s = T(r, n, o);
   return typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = s), e.parentNode?.replaceChild(s, e), s;
 }
-function ze(e, t, r, n) {
+function Re(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 = re(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 l = [];
+  const c = [];
   for (let f = 0; f < e.childNodes.length; f++) {
-    const p = e.childNodes[f];
-    p !== a && p.nodeName !== "STYLE" && (z(p, n), l.push(p));
+    const g = e.childNodes[f];
+    g !== a && g.nodeName !== "STYLE" && (z(g, n), c.push(g));
   }
-  l.forEach((f) => e.removeChild(f)), e._prevVNode = o, e._prevDom = a;
+  c.forEach((f) => e.removeChild(f)), e._prevVNode = o, e._prevDom = a;
 }
-function he(e, ...t) {
+function ge(e, ...t) {
   let r = "";
   for (let n = 0; n < e.length; n++)
     r += e[n], n < t.length && (r += t[n]);
   return r;
 }
-function ge(e) {
+function ye(e) {
   return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
 }
-let q = null;
+let I = null;
 function ae() {
-  return q || (q = new CSSStyleSheet(), q.replaceSync(ge(Me))), q;
+  return I || (I = new CSSStyleSheet(), I.replaceSync(ye(Me))), I;
 }
-function Re(e) {
+function Ne(e) {
   return e.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
 }
-const Me = he`
+const Me = ge`
   :host, *, ::before, ::after {
     all: isolate;
     box-sizing: border-box;
@@ -833,7 +835,7 @@ const Me = he`
   sup { top: -.5em }
   [disabled], [aria-disabled=true] { cursor: not-allowed }
   [hidden] { display: none }
-`, Ne = {
+`, Pe = {
   gray: {
     50: "var(--color-gray-50, #f9fafb)",
     100: "var(--color-gray-100, #f3f4f6)",
@@ -1142,7 +1144,7 @@ const Me = he`
   "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 = "var(--spacing, 0.25rem)", le = {
+}, Oe = "var(--spacing, 0.25rem)", le = {
   m: ["margin"],
   mx: ["margin-inline"],
   my: ["margin-block"],
@@ -1173,7 +1175,7 @@ const Me = he`
   gap: ["gap"],
   "gap-x": ["column-gap"],
   "gap-y": ["row-gap"]
-}, Oe = {
+}, We = {
   // State variants
   before: (e, t) => `${e}::before{${t}}`,
   after: (e, t) => `${e}::after{${t}}`,
@@ -1215,16 +1217,16 @@ function X(e) {
   const o = n.slice(0, -1).join("-"), s = n[n.length - 1], i = parseFloat(s);
   if (Number.isNaN(i) || !le[o]) return null;
   const a = t ? "-" : "";
-  return le[o].map((l) => `${l}:calc(${a}${Pe} * ${i});`).join("");
+  return le[o].map((c) => `${c}:calc(${a}${Oe} * ${i});`).join("");
 }
 function fe(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 We(e) {
+function De(e) {
   const t = /^(bg|text|border|shadow|outline|caret|accent)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/.exec(e);
   if (!t) return null;
-  const [, r, n, o = "DEFAULT"] = t, s = Ne[n]?.[o];
+  const [, r, n, o = "DEFAULT"] = t, s = Pe[n]?.[o];
   return s ? `${{
     bg: "background-color",
     text: "color",
@@ -1235,14 +1237,14 @@ function We(e) {
     accent: "accent-color"
   }[r]}:${s};` : null;
 }
-function De(e) {
+function He(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 } = De(e), n = We(t);
+  const { base: t, opacity: r } = He(e), n = De(t);
   if (n) {
     if (r !== void 0) {
       const s = /#([0-9a-f]{6})/i.exec(n);
@@ -1253,7 +1255,7 @@ function Y(e) {
     }
     return n;
   }
-  const o = V(t);
+  const o = U(t);
   if (o && r !== void 0) {
     const s = /#([0-9a-f]{6})/i.exec(o);
     if (s) {
@@ -1263,7 +1265,7 @@ function Y(e) {
   }
   return o;
 }
-function V(e) {
+function U(e) {
   const t = e.indexOf("-["), r = e.endsWith("]");
   if (t > 0 && r) {
     const n = e.slice(0, t);
@@ -1313,7 +1315,7 @@ function V(e) {
   }
   return null;
 }
-function He(e) {
+function qe(e) {
   return e.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1");
 }
 function Ie(e) {
@@ -1327,81 +1329,81 @@ function Ie(e) {
   }
   return r.filter(Boolean);
 }
-const ue = /* @__PURE__ */ new Map(), qe = 16;
-function Fe(e) {
+const ue = /* @__PURE__ */ new Map(), Fe = 16;
+function Ke(e) {
   const t = Date.now(), r = ue.get(e);
-  if (r && t - r.timestamp < qe) return r.css;
-  const n = Ie(e), o = new Set(n), s = [], i = [], a = [], l = [], f = {};
-  function p(h, C = !1) {
-    const y = (C ? "dark|" : "") + h;
-    if (y in f) return f[y];
-    const c = u(h, C);
-    return f[y] = c, c;
-  }
-  function d(h) {
-    const C = h.some((c) => Z.includes(c)), y = h.includes("dark");
-    return h.length === 0 ? 1 : !C && !y ? 2 : C && !y ? 3 : 4;
-  }
-  function u(h, C = !1) {
-    const y = h.split(":"), c = y.find(
-      ($) => Q[$] || X($) || Y($) || V($)
+  if (r && t - r.timestamp < Fe) return r.css;
+  const n = Ie(e), o = new Set(n), s = [], i = [], a = [], c = [], f = {};
+  function g(y, b = !1) {
+    const h = (b ? "dark|" : "") + y;
+    if (h in f) return f[h];
+    const l = u(y, b);
+    return f[h] = l, l;
+  }
+  function d(y) {
+    const b = y.some((l) => Z.includes(l)), h = y.includes("dark");
+    return y.length === 0 ? 1 : !b && !h ? 2 : b && !h ? 3 : 4;
+  }
+  function u(y, b = !1) {
+    const h = y.split(":"), l = h.find(
+      (C) => Q[C] || X(C) || Y(C) || U(C)
     );
-    if (!c) return null;
-    const b = Q[c] ?? X(c) ?? Y(c) ?? V(c);
-    if (!b) return null;
-    let g = `.${He(h)}`, v = b;
-    const w = y.indexOf(c);
-    let k = w >= 0 ? y.slice(0, w) : [];
-    C && (k = k.filter(($) => $ !== "dark"));
-    const S = k.filter(($) => Z.includes($)), _ = S.length ? S[S.length - 1] : null;
-    for (const $ of k) {
-      if (Z.includes($)) continue;
-      const A = Oe[$];
-      typeof A == "function" && (g = A(g, v).replace(/\{.*$/, ""));
+    if (!l) return null;
+    const p = Q[l] ?? X(l) ?? Y(l) ?? U(l);
+    if (!p) return null;
+    let m = `.${qe(y)}`, x = p;
+    const k = h.indexOf(l);
+    let $ = k >= 0 ? h.slice(0, k) : [];
+    b && ($ = $.filter((C) => C !== "dark"));
+    const S = $.filter((C) => Z.includes(C)), _ = S.length ? S[S.length - 1] : null;
+    for (const C of $) {
+      if (Z.includes(C)) continue;
+      const A = We[C];
+      typeof A == "function" && (m = A(m, x).replace(/\{.*$/, ""));
     }
-    let x = `${g}{${v}}`;
-    return C && _ ? x = `@media (prefers-color-scheme: dark) and ${ce[_]}{${x}}` : C ? x = `@media (prefers-color-scheme: dark){${x}}` : _ && (x = `@media ${ce[_]}{${x}}`), x;
+    let w = `${m}{${x}}`;
+    return b && _ ? w = `@media (prefers-color-scheme: dark) and ${ce[_]}{${w}}` : b ? w = `@media (prefers-color-scheme: dark){${w}}` : _ && (w = `@media ${ce[_]}{${w}}`), w;
   }
-  for (const h of o) {
-    const C = h.split(":"), y = C.find(
-      (v) => Q[v] || X(v) || Y(v) || V(v)
+  for (const y of o) {
+    const b = y.split(":"), h = b.find(
+      (x) => Q[x] || X(x) || Y(x) || U(x)
     );
-    if (!y) continue;
-    const c = C.indexOf(y), b = c >= 0 ? C.slice(0, c) : [], g = d(b);
-    if (g === 4) {
-      const v = p(h, !0);
-      v && l.push(v);
+    if (!h) continue;
+    const l = b.indexOf(h), p = l >= 0 ? b.slice(0, l) : [], m = d(p);
+    if (m === 4) {
+      const x = g(y, !0);
+      x && c.push(x);
     } else {
-      const v = p(h);
-      v && (g === 1 ? s.push(v) : g === 2 ? i.push(v) : g === 3 && a.push(v));
+      const x = g(y);
+      x && (m === 1 ? s.push(x) : m === 2 ? i.push(x) : m === 3 && a.push(x));
     }
   }
-  const m = [...s, ...i, ...a, ...l].join("");
-  return ue.set(e, { css: m, timestamp: t }), m;
+  const v = [...s, ...i, ...a, ...c].join("");
+  return ue.set(e, { css: v, timestamp: t }), v;
 }
-function Ke(e, t, r, n, o, s, i, a) {
+function Ue(e, t, r, n, o, s, i, a) {
   if (!e) return;
   if (t.loadingTemplate && r.isLoading) {
-    M(e, t.loadingTemplate(r), r, n, o);
+    N(e, t.loadingTemplate(r), r, n, o);
     return;
   }
   if (t.errorTemplate && r.hasError) {
-    r.error instanceof Error && M(e, t.errorTemplate(r.error, r), r, n, o);
+    r.error instanceof Error && N(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), M(e, f, r, n, o), a(e.innerHTML);
+  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 && M(e, t.errorTemplate(f, r), r, n, o);
-    }), t.loadingTemplate && M(e, t.loadingTemplate(r), r, n, o);
+      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;
   }
-  M(e, l, r, n, o), a(e.innerHTML);
+  N(e, c, r, n, o), a(e.innerHTML);
 }
-function M(e, t, r, n, o) {
-  e && (ze(
+function N(e, t, r, n, o) {
+  e && (Re(
     e,
     Array.isArray(t) ? t : [t],
     r,
@@ -1416,37 +1418,37 @@ function Ve(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 Ue(e, t, r, n, o, s) {
+function Je(e, t, r, n, o, s) {
   if (!e) return;
-  const i = Fe(n);
+  const i = Ke(n);
   if (!t.style && (!i || i.trim() === "")) {
     s(null), e.adoptedStyleSheets = [ae()];
     return;
   }
   let a = "";
   t.style && (typeof t.style == "string" ? a = t.style : typeof t.style == "function" && (a = t.style(r)));
-  let l = Re(`${a}
+  let c = Ne(`${a}
 ${i}
 `);
-  l = ge(l);
+  c = ye(c);
   let f = o;
-  f || (f = new CSSStyleSheet()), (f.cssRules.length === 0 || f.toString() !== l) && f.replaceSync(l), e.adoptedStyleSheets = [ae(), f], s(f);
+  f || (f = new CSSStyleSheet()), (f.cssRules.length === 0 || f.toString() !== c) && f.replaceSync(c), e.adoptedStyleSheets = [ae(), f], s(f);
 }
-const Je = /* @__PURE__ */ new Map();
+const Qe = /* @__PURE__ */ new Map();
 function de(e, t, r) {
   let n = ne(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);
-  }), Je.set(n, o), typeof window < "u" && !customElements.get(n) && customElements.define(n, Qe(o));
+  }), Qe.set(n, o), typeof window < "u" && !customElements.get(n) && customElements.define(n, Ze(o));
 }
-function Qe(e) {
+function Ze(e) {
   if (!e.render)
     throw new Error(
       "Component must have a render function"
@@ -1512,8 +1514,8 @@ function Qe(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, l = typeof e[s] == "function" ? e[s] : void 0;
-          i && i(n, this.context), a && a !== i && a(n, this.context), l && l !== i && l !== a && l(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, 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);
         },
         writable: !1,
         enumerable: !1,
@@ -1533,7 +1535,7 @@ function Qe(e) {
     }
     connectedCallback() {
       this._runLogicWithinErrorBoundary(e, () => {
-        $e(
+        Ce(
           e,
           this.context,
           this._mounted,
@@ -1545,7 +1547,7 @@ function Qe(e) {
     }
     disconnectedCallback() {
       this._runLogicWithinErrorBoundary(e, () => {
-        Ce(
+        Se(
           e,
           this.context,
           this._listeners,
@@ -1569,7 +1571,7 @@ function Qe(e) {
     }
     attributeChangedCallback(t, r, n) {
       this._runLogicWithinErrorBoundary(e, () => {
-        this._applyProps(e), Se(
+        this._applyProps(e), _e(
           e,
           t,
           r,
@@ -1597,7 +1599,7 @@ function Qe(e) {
     // --- Render ---
     _render(t) {
       this._runLogicWithinErrorBoundary(t, () => {
-        Ke(
+        Ue(
           this.shadowRoot,
           t,
           this.context,
@@ -1640,7 +1642,7 @@ function Qe(e) {
     // --- Style ---
     _applyStyle(t, r) {
       this._runLogicWithinErrorBoundary(t, () => {
-        Ue(
+        Je(
           this.shadowRoot,
           t,
           this.context,
@@ -1669,8 +1671,8 @@ function Qe(e) {
       try {
         let r = function(o, s = "") {
           return Array.isArray(o) ? new Proxy(o, {
-            get(i, a, l) {
-              const f = Reflect.get(i, a, l);
+            get(i, a, c) {
+              const f = Reflect.get(i, a, c);
               return typeof f == "function" && typeof a == "string" && [
                 "push",
                 "pop",
@@ -1682,23 +1684,23 @@ function Qe(e) {
               ].includes(a) ? function(...d) {
                 const u = f.apply(i, d);
                 if (!n._initializing) {
-                  const m = s || "root";
-                  n._triggerWatchers(m, i), n._render(t);
+                  const v = s || "root";
+                  n._triggerWatchers(v, i), n._render(t);
                 }
                 return u;
               } : f;
             },
-            set(i, a, l) {
-              if (i[a] = l, !n._initializing) {
+            set(i, a, c) {
+              if (i[a] = c, !n._initializing) {
                 const f = s ? `${s}.${String(a)}` : String(a);
-                n._triggerWatchers(f, l), n._render(t);
+                n._triggerWatchers(f, c), n._render(t);
               }
               return !0;
             },
             deleteProperty(i, a) {
               if (delete i[a], !n._initializing) {
-                const l = s ? `${s}.${String(a)}` : String(a);
-                n._triggerWatchers(l, void 0), n._render(t);
+                const c = s ? `${s}.${String(a)}` : String(a);
+                n._triggerWatchers(c, void 0), n._render(t);
               }
               return !0;
             }
@@ -1706,15 +1708,15 @@ function Qe(e) {
             const a = s ? `${s}.${i}` : i;
             o[i] = r(o[i], a);
           }), new Proxy(o, {
-            set(i, a, l) {
+            set(i, a, c) {
               const f = s ? `${s}.${String(a)}` : String(a);
-              return i[a] = r(l, f), n._initializing || (n._triggerWatchers(
+              return i[a] = r(c, f), n._initializing || (n._triggerWatchers(
                 f,
                 i[a]
               ), n._render(t)), !0;
             },
-            get(i, a, l) {
-              return Reflect.get(i, a, l);
+            get(i, a, c) {
+              return Reflect.get(i, a, c);
             }
           })) : o;
         };
@@ -1726,7 +1728,7 @@ function Qe(e) {
     }
     _initWatchers(t) {
       this._runLogicWithinErrorBoundary(t, () => {
-        xe(
+        we(
           this.context,
           this._watchers,
           t.watch || {}
@@ -1734,12 +1736,12 @@ function Qe(e) {
       });
     }
     _triggerWatchers(t, r) {
-      we(this.context, this._watchers, t, r);
+      ke(this.context, this._watchers, t, r);
     }
     _applyProps(t) {
       this._runLogicWithinErrorBoundary(t, () => {
         try {
-          ke(this, t, this.context);
+          $e(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));
         }
@@ -1751,121 +1753,121 @@ function F(e, t = {}, r, n) {
   const o = n ?? t.key;
   return { tag: e, key: o, props: t, children: r };
 }
-function U(e) {
+function V(e) {
   return !!e && typeof e == "object" && (e.type === "AnchorBlock" || e.tag === "#anchor");
 }
-function N(e) {
-  return typeof e == "object" && e !== null && "tag" in e && !U(e);
+function M(e) {
+  return typeof e == "object" && e !== null && "tag" in e && !V(e);
 }
-function Ze(e, t) {
+function Xe(e, t) {
   return e.key != null ? e : { ...e, key: t };
 }
-function Xe(e, t = [], r = {}) {
+function Ye(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], p = (a[4] || a[6]) ?? "", d = p.match(/^{{(\d+)}}$/);
-    let u = d ? t[Number(d[1])] ?? null : p;
-    if (d || (u === "true" ? u = !0 : u === "false" ? u = !1 : u === "null" ? u = null : isNaN(Number(u)) || (u = Number(u))), l === ":")
+    const c = a[1], f = a[2], g = (a[4] || a[6]) ?? "", d = g.match(/^{{(\d+)}}$/);
+    let u = d ? t[Number(d[1])] ?? null : g;
+    if (d || (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 (l === "@") {
-      const m = "on" + f.charAt(0).toUpperCase() + f.slice(1);
-      n[m] = typeof u == "function" ? u : typeof r[u] == "function" ? r[u] : void 0;
-    } else if (l === "#") {
-      const [m, ...h] = f.split("."), C = [...h];
-      let y = u, c = [...C];
-      if (m === "model" && typeof y == "string" && y.includes(".")) {
-        const b = ["trim", "number", "lazy"], g = y.split(".");
-        let v = y;
-        const w = [];
-        for (let k = g.length - 1; k > 0 && b.includes(g[k]); k--)
-          w.unshift(g[k]), v = g.slice(0, k).join(".");
-        y = v, c.push(...w);
+    else if (c === "@") {
+      const v = "on" + f.charAt(0).toUpperCase() + f.slice(1);
+      n[v] = typeof u == "function" ? u : typeof r[u] == "function" ? r[u] : void 0;
+    } else if (c === "#") {
+      const [v, ...y] = f.split("."), b = [...y];
+      let h = u, l = [...b];
+      if (v === "model" && typeof h == "string" && h.includes(".")) {
+        const p = ["trim", "number", "lazy"], m = h.split(".");
+        let x = h;
+        const k = [];
+        for (let $ = m.length - 1; $ > 0 && p.includes(m[$]); $--)
+          k.unshift(m[$]), x = m.slice(0, $).join(".");
+        h = x, l.push(...k);
       }
-      s[m] = {
-        value: y,
-        modifiers: c
+      s[v] = {
+        value: h,
+        modifiers: l
       };
     } else f === "ref" ? n.ref = u : o[f] = u;
   }
   return { props: n, attrs: o, directives: s };
 }
-function Ye(e, t, r) {
-  function n(c, b) {
-    return F("#text", {}, c, b);
+function Ge(e, t, r) {
+  function n(l, p) {
+    return F("#text", {}, l, p);
   }
   let o = "";
-  for (let c = 0; c < e.length; c++)
-    o += e[c], c < t.length && (o += `{{${c}}}`);
+  for (let l = 0; l < e.length; l++)
+    o += e[l], l < t.length && (o += `{{${l}}}`);
   const s = /<\/?([a-zA-Z0-9-]+)([^>]*)\/?>|{{(\d+)}}|([^<]+)/g, i = [];
-  let a = null, l, f = [], p = null, d = {}, u, m = 0, h = [];
-  function C(c) {
-    !c || typeof c != "object" || U(c) || (c.props || c.attrs ? (c.props && (d.props || (d.props = {}), Object.assign(d.props, c.props)), c.attrs && (d.attrs || (d.attrs = {}), Object.keys(c.attrs).forEach((b) => {
-      if (b === "style" && d.attrs.style) {
-        const g = d.attrs.style.replace(
+  let a = null, c, f = [], g = null, d = {}, u, v = 0, y = [];
+  function b(l) {
+    !l || typeof l != "object" || V(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((p) => {
+      if (p === "style" && d.attrs.style) {
+        const m = d.attrs.style.replace(
           /;?\s*$/,
           ""
-        ), v = c.attrs.style.replace(/^;?\s*/, "");
-        d.attrs.style = g + "; " + v;
-      } else if (b === "class" && d.attrs.class) {
-        const g = d.attrs.class.trim().split(/\s+/).filter(Boolean), v = c.attrs.class.trim().split(/\s+/).filter(Boolean), w = [
-          .../* @__PURE__ */ new Set([...g, ...v])
+        ), x = l.attrs.style.replace(/^;?\s*/, "");
+        d.attrs.style = m + "; " + x;
+      } else if (p === "class" && d.attrs.class) {
+        const m = d.attrs.class.trim().split(/\s+/).filter(Boolean), x = l.attrs.class.trim().split(/\s+/).filter(Boolean), k = [
+          .../* @__PURE__ */ new Set([...m, ...x])
         ];
-        d.attrs.class = w.join(" ");
+        d.attrs.class = k.join(" ");
       } else
-        d.attrs[b] = c.attrs[b];
-    }))) : (d.props || (d.props = {}), Object.assign(d.props, c)));
-  }
-  function y(c, b) {
-    const g = p ? f : h;
-    if (U(c)) {
-      const v = c.key ?? b;
-      let w = c.children;
-      g.push({
-        ...c,
-        key: v,
-        children: w
+        d.attrs[p] = l.attrs[p];
+    }))) : (d.props || (d.props = {}), Object.assign(d.props, l)));
+  }
+  function h(l, p) {
+    const m = g ? f : y;
+    if (V(l)) {
+      const x = l.key ?? p;
+      let k = l.children;
+      m.push({
+        ...l,
+        key: x,
+        children: k
       });
       return;
     }
-    if (N(c)) {
-      g.push(Ze(c, void 0));
+    if (M(l)) {
+      m.push(Xe(l, void 0));
       return;
     }
-    if (Array.isArray(c)) {
-      if (c.length === 0) return;
-      for (let v = 0; v < c.length; v++) {
-        const w = c[v];
-        U(w) || N(w) || Array.isArray(w) ? y(w, `${b}-${v}`) : w !== null && typeof w == "object" ? C(w) : g.push(n(String(w), `${b}-${v}`));
+    if (Array.isArray(l)) {
+      if (l.length === 0) return;
+      for (let x = 0; x < l.length; x++) {
+        const k = l[x];
+        V(k) || M(k) || Array.isArray(k) ? h(k, `${p}-${x}`) : k !== null && typeof k == "object" ? b(k) : m.push(n(String(k), `${p}-${x}`));
       }
       return;
     }
-    if (c !== null && typeof c == "object") {
-      C(c);
+    if (l !== null && typeof l == "object") {
+      b(l);
       return;
     }
-    g.push(n(String(c), b));
-  }
-  for (; l = s.exec(o); )
-    if (l[1]) {
-      const c = l[1], b = l[0][1] === "/", g = l[0][l[0].length - 2] === "/", {
-        props: v,
-        attrs: w,
-        directives: k
-      } = Xe(l[2] || "", t, r), S = { props: {}, attrs: {} };
-      for (const x in v) S.props[x] = v[x];
-      for (const x in w) S.attrs[x] = w[x];
-      for (const [x, $] of Object.entries(k))
-        if (x === "bind")
-          if (typeof $.value == "object" && $.value !== null)
-            for (const [A, E] of Object.entries($.value))
+    m.push(n(String(l), p));
+  }
+  for (; c = s.exec(o); )
+    if (c[1]) {
+      const l = c[1], p = c[0][1] === "/", m = c[0][c[0].length - 2] === "/", {
+        props: x,
+        attrs: k,
+        directives: $
+      } = Ye(c[2] || "", t, r), S = { props: {}, attrs: {} };
+      for (const w in x) S.props[w] = x[w];
+      for (const w in k) S.attrs[w] = k[w];
+      for (const [w, C] of Object.entries($))
+        if (w === "bind")
+          if (typeof C.value == "object" && C.value !== null)
+            for (const [A, E] of Object.entries(C.value))
               typeof E == "boolean" ? S.attrs[A] = E : E != null && (S.attrs[A] = String(E));
-          else $.value != null && (S.attrs[x] = String($.value));
-        else if (x === "show") {
-          const A = !!$.value;
+          else C.value != null && (S.attrs[w] = String(C.value));
+        else if (w === "show") {
+          const A = !!C.value;
           S.attrs.style = (S.attrs.style || "") + (A ? "" : "; display: none !important");
-        } else if (x === "class") {
-          const A = $.value;
+        } else if (w === "class") {
+          const A = C.value;
           let E = [];
           if (typeof A == "string")
             E = A.split(/\s+/).filter(Boolean);
@@ -1874,30 +1876,30 @@ function Ye(e, t, r) {
               if (typeof j == "string")
                 E.push(...j.split(/\s+/).filter(Boolean));
               else if (j && typeof j == "object")
-                for (const [L, I] of Object.entries(j))
-                  I && E.push(...L.split(/\s+/).filter(Boolean));
+                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 O = S.attrs.class || "", W = [
+          const W = S.attrs.class || "", D = [
             .../* @__PURE__ */ new Set([
-              ...O.split(/\s+/).filter(Boolean),
+              ...W.split(/\s+/).filter(Boolean),
               ...E
             ])
           ];
-          S.attrs.class = W.join(" ");
-        } else if (x === "style") {
-          const A = $.value;
+          S.attrs.class = D.join(" ");
+        } else if (w === "style") {
+          const A = C.value;
           let E = "";
           if (typeof A == "string")
             E = A;
           else if (A && typeof A == "object") {
-            const W = [];
+            const D = [];
             for (const [j, L] of Object.entries(A))
               if (L != null && L !== "") {
-                const I = j.replace(
+                const q = j.replace(
                   /[A-Z]/g,
-                  (ye) => `-${ye.toLowerCase()}`
+                  (be) => `-${be.toLowerCase()}`
                 ), me = [
                   "width",
                   "height",
@@ -1925,71 +1927,71 @@ function Ye(e, t, r) {
                   "max-height"
                 ];
                 let oe = String(L);
-                typeof L == "number" && me.includes(I) && (oe = `${L}px`), W.push(`${I}: ${oe}`);
+                typeof L == "number" && me.includes(q) && (oe = `${L}px`), D.push(`${q}: ${oe}`);
               }
-            E = W.join("; ") + (W.length > 0 ? ";" : "");
+            E = D.join("; ") + (D.length > 0 ? ";" : "");
           }
-          const O = S.attrs.style || "";
-          S.attrs.style = O + (O && !O.endsWith(";") ? "; " : "") + E;
+          const W = S.attrs.style || "";
+          S.attrs.style = W + (W && !W.endsWith(";") ? "; " : "") + E;
         }
       const _ = {};
-      for (const [x, $] of Object.entries(k))
-        ["bind", "show", "class", "style"].includes(x) || (_[x] = $);
-      if (Object.keys(_).length > 0 && (S.directives = _), b) {
-        const x = F(
-          p,
+      for (const [w, C] of Object.entries($))
+        ["bind", "show", "class", "style"].includes(w) || (_[w] = C);
+      if (Object.keys(_).length > 0 && (S.directives = _), p) {
+        const w = F(
+          g,
           d,
-          f.length === 1 && N(f[0]) && f[0].tag === "#text" ? typeof f[0].children == "string" ? f[0].children : "" : f.length ? f : void 0,
+          f.length === 1 && M(f[0]) && f[0].tag === "#text" ? typeof f[0].children == "string" ? f[0].children : "" : f.length ? f : void 0,
           u
-        ), $ = i.pop();
-        $ ? (p = $.tag, d = $.props, u = $.key, f = $.children, f.push(x)) : a = x;
-      } else g ? (p ? f : h).push(F(c, S, void 0, void 0)) : (p && i.push({
-        tag: p,
+        ), C = i.pop();
+        C ? (g = C.tag, d = C.props, u = C.key, f = C.children, f.push(w)) : a = w;
+      } else m ? (g ? f : y).push(F(l, S, void 0, void 0)) : (g && i.push({
+        tag: g,
         props: d,
         children: f,
         key: u
-      }), p = c, d = S, f = []);
-    } else if (typeof l[3] < "u") {
-      const c = Number(l[3]), b = t[c], g = `interp-${c}`;
-      y(b, g);
-    } else if (l[4]) {
-      const c = l[4], b = p ? f : h, g = c.split(/({{\d+}})/);
-      for (const v of g) {
-        if (!v) continue;
-        const w = v.match(/^{{(\d+)}}$/);
-        if (w) {
-          const k = Number(w[1]), S = t[k], _ = `interp-${k}`;
-          y(S, _);
+      }), g = l, d = S, f = []);
+    } else if (typeof c[3] < "u") {
+      const l = Number(c[3]), p = t[l], m = `interp-${l}`;
+      h(p, m);
+    } else if (c[4]) {
+      const l = c[4], p = g ? f : y, m = l.split(/({{\d+}})/);
+      for (const x of m) {
+        if (!x) continue;
+        const k = x.match(/^{{(\d+)}}$/);
+        if (k) {
+          const $ = Number(k[1]), S = t[$], _ = `interp-${$}`;
+          h(S, _);
         } else {
-          const k = `text-${m++}`;
-          b.push(n(v, k));
+          const $ = `text-${v++}`;
+          p.push(n(x, $));
         }
       }
     }
   if (a)
-    return N(a) && Array.isArray(a.children) && (a.children = a.children.filter(
-      (c) => N(c) ? c.tag !== "#text" || typeof c.children == "string" && c.children.trim() !== "" : !0
+    return M(a) && Array.isArray(a.children) && (a.children = a.children.filter(
+      (l) => M(l) ? l.tag !== "#text" || typeof l.children == "string" && l.children.trim() !== "" : !0
       // keep non-element VNodes (including anchors) as-is
     )), a;
-  if (h.length > 0) {
-    const c = h.filter(
-      (b) => N(b) ? b.tag !== "#text" || typeof b.children == "string" && b.children.trim() !== "" : !0
+  if (y.length > 0) {
+    const l = y.filter(
+      (p) => M(p) ? p.tag !== "#text" || typeof p.children == "string" && p.children.trim() !== "" : !0
     );
-    return c.length === 1 ? c[0] : c;
+    return l.length === 1 ? l[0] : l;
   }
   return F("div", {}, "", "fallback-root");
 }
-function B(e, ...t) {
+function P(e, ...t) {
   const r = t[t.length - 1], n = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
-  return Ye(e, t, n);
+  return Ge(e, t, n);
 }
-const Ge = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, D = (e, t) => {
+const pe = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, B = (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, f) => {
+        a[c] = i[f + 1];
       }), { route: r, params: a };
     }
   }
@@ -2009,66 +2011,111 @@ async function et(e) {
   throw new Error(`No component or loader defined for route: ${e.path}`);
 }
 function tt(e) {
-  const { routes: t, base: r = "" } = e;
-  let n, o, s, i, a, l, f;
+  const { routes: t, base: r = "", initialUrl: n } = e;
+  let o, s, i, a, c, f, g;
+  const d = async (b, h) => {
+    const l = t.find((p) => B([p], b.path).route !== null);
+    if (l?.beforeEnter)
+      try {
+        const p = await l.beforeEnter(b, h);
+        return typeof p == "string" ? (await y(p, !0), !1) : p !== !1;
+      } catch (p) {
+        return console.error("beforeEnter error", p), !1;
+      }
+    return !0;
+  }, u = async (b, h) => {
+    const l = t.find((p) => B([p], b.path).route !== null);
+    if (l?.onEnter)
+      try {
+        const p = await l.onEnter(b, h);
+        return typeof p == "string" ? (await y(p, !0), !1) : p !== !1;
+      } catch (p) {
+        return console.error("onEnter error", p), !1;
+      }
+    return !0;
+  }, v = (b, h) => {
+    const l = t.find((p) => B([p], b.path).route !== null);
+    if (l?.afterEnter)
+      try {
+        l.afterEnter(b, h);
+      } catch (p) {
+        console.error("afterEnter error", p);
+      }
+  }, y = async (b, h = !1) => {
+    try {
+      const l = {
+        path: b.replace(r, "") || "/",
+        query: {}
+      }, p = B(t, l.path);
+      if (!p) throw new Error(`No route found for ${l.path}`);
+      const m = i.getState(), x = {
+        path: l.path,
+        params: p.params,
+        query: l.query
+      };
+      if (!await d(x, m) || !await u(x, m)) return;
+      typeof window < "u" && typeof document < "u" && (h ? window.history.replaceState({}, "", r + b) : window.history.pushState({}, "", r + b)), i.setState(x), v(x, m);
+    } catch (l) {
+      console.error("Navigation error:", l);
+    }
+  };
   if (typeof window < "u" && typeof document < "u") {
-    n = () => {
-      const d = new URL(window.location.href), u = d.pathname.replace(r, "") || "/", m = Ge(d.search);
-      return { path: u, query: m };
-    }, o = n();
-    const p = D(t, o.path);
-    s = ie({
-      path: o.path,
-      params: p.params,
-      query: o.query
-    }), i = () => {
-      const d = n(), u = D(t, d.path), m = s.getState();
-      m.path = d.path, m.params = u.params, m.query = d.query;
-    }, window.addEventListener("popstate", i), a = (d) => {
-      window.history.pushState({}, "", r + d), i();
-    }, l = (d) => {
-      window.history.replaceState({}, "", r + d), i();
-    }, f = () => window.history.back();
+    o = () => {
+      const h = new URL(window.location.href), l = h.pathname.replace(r, "") || "/", p = pe(h.search);
+      return { path: l, query: p };
+    }, s = o();
+    const b = B(t, s.path);
+    i = ie({
+      path: s.path,
+      params: b.params,
+      query: s.query
+    }), a = async (h = !1) => {
+      const l = o();
+      await y(l.path, h);
+    }, window.addEventListener("popstate", () => a(!0)), c = (h) => y(h, !1), f = (h) => y(h, !0), g = () => window.history.back();
   } else {
-    n = () => ({ path: "/", query: {} }), o = n();
-    const p = D(t, o.path);
-    s = ie({
-      path: o.path,
-      params: p.params,
-      query: o.query
-    }), i = () => {
-    }, a = () => {
-    }, l = () => {
-    }, f = () => {
+    o = () => {
+      const h = new URL(n || "/", "http://localhost"), l = h.pathname.replace(r, "") || "/", p = pe(h.search);
+      return { path: l, query: p };
+    }, s = o();
+    const b = B(t, s.path);
+    i = ie({
+      path: s.path,
+      params: b.params,
+      query: s.query
+    }), a = async () => {
+    }, c = async () => {
+    }, f = async () => {
+    }, g = () => {
     };
   }
   return {
-    store: s,
-    push: a,
-    replace: l,
-    back: f,
-    subscribe: s.subscribe,
-    matchRoute: (p) => D(t, p),
-    getCurrent: () => s.getState(),
+    store: i,
+    push: c,
+    replace: f,
+    back: g,
+    subscribe: i.subscribe,
+    matchRoute: (b) => B(t, b),
+    getCurrent: () => i.getState(),
     resolveRouteComponent: et
   };
 }
 function ct(e, t) {
-  return D(e, t);
+  return B(e, t);
 }
 function ft(e) {
   const t = tt(e);
   return de("router-view", {
     async render() {
-      if (!t) return B`<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 B`<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" ? B`<${s}></${s}>` : B`<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(() => {
@@ -2087,7 +2134,7 @@ function ft(e) {
       ariaCurrentValue: { type: String, default: "page" },
       disabled: { type: Boolean, default: !1 },
       external: { type: Boolean, default: !1 },
-      style: { type: String, default: he`
+      style: { type: String, default: ge`
         [aria-disabled="true"] {
           pointer-events: none;
           opacity: 0.5;
@@ -2096,58 +2143,58 @@ function ft(e) {
     },
     style: (r) => r.props.style,
     render: (r) => {
-      const n = t.getCurrent(), o = r.props.to, s = r.props.exact, i = r.props.exactActiveClass, a = r.props.activeClass, l = r.props.ariaCurrentValue, f = r.props.tag, p = r.props.disabled, d = r.props.external, u = n.path === o, m = s ? u : n && typeof n.path == "string" ? n.path.startsWith(o) : !1, h = u ? i : m ? a : "", C = u ? `aria-current="${l}"` : "", y = f === "button", c = p ? y ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", b = d && (f === "a" || !f) ? 'target="_blank" rel="noopener noreferrer"' : "";
-      return B`
-        ${be().when(y, B`
+      const n = t.getCurrent(), o = r.props.to, s = r.props.exact, i = r.props.exactActiveClass, a = r.props.activeClass, c = r.props.ariaCurrentValue, f = r.props.tag, g = r.props.disabled, d = r.props.external, u = n.path === o, v = s ? u : n && typeof n.path == "string" ? n.path.startsWith(o) : !1, y = u ? i : v ? a : "", b = u ? `aria-current="${c}"` : "", h = f === "button", l = g ? h ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", p = d && (f === "a" || !f) ? 'target="_blank" rel="noopener noreferrer"' : "";
+      return P`
+        ${ve().when(h, P`
             <button
               part="button"
-              class="${h}"
-              ${C}
-              ${c}
+              class="${y}"
               ${b}
+              ${l}
+              ${p}
               data-on-click="navigate"
             ><slot></slot></button>
-          `).otherwise(B`
+          `).otherwise(P`
             <a
               part="link"
               href="${o}"
-              class="${h}"
-              ${C}
-              ${c}
+              class="${y}"
               ${b}
+              ${l}
+              ${p}
               data-on-click="navigate"
             ><slot></slot></a>
           `).done()}
       `;
     },
     navigate: (r, n) => {
-      const { disabled: o, external: s, tag: i, replace: a, to: l } = n.props;
+      const { disabled: o, external: s, tag: i, replace: a, to: c } = n.props;
       if (o) {
         r.preventDefault();
         return;
       }
-      s && (i === "a" || !i) || (r.preventDefault(), a ? t.replace(l) : t.push(l));
+      s && (i === "a" || !i) || (r.preventDefault(), a ? t.replace(c) : t.push(c));
     }
   }), t;
 }
 export {
-  P as GlobalEventBus,
+  O as GlobalEventBus,
   de as component,
   ie as createStore,
-  he as css,
+  ge as css,
   nt as each,
   ot as emit,
   H as eventBus,
-  B as html,
+  P as html,
   ft as initRouter,
   lt as listen,
-  be as match,
-  D as matchRoute,
+  ve as match,
+  B as matchRoute,
   ct as matchRouteSSR,
   st as off,
   it as on,
   at as once,
-  Ge as parseQuery,
+  pe as parseQuery,
   et as resolveRouteComponent,
   tt as useRouter,
   rt as when