@jasonshimmy/custom-elements-runtime 0.1.15 → 0.1.16

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

@@ -1,13 +1,13 @@
-function Xe(e, t) {
-  return F(e ? t : [], "when-block");
+function tt(e, t) {
+  return U(e ? t : [], "when-block");
 }
-function Ye(e, t) {
+function rt(e, t) {
   return e.map((r, n) => {
     const o = typeof r == "object" ? r?.key ?? r?.id ?? `idx-${n}` : String(r);
-    return F(t(r, n), `each-${o}`);
+    return U(t(r, n), `each-${o}`);
   });
 }
-function pe() {
+function be() {
   const e = [];
   return {
     when(t, r) {
@@ -17,18 +17,18 @@ function pe() {
       return e.push([!0, t]), this;
     },
     done() {
-      return he(...e);
+      return ve(...e);
     }
   };
 }
-function he(...e) {
+function ve(...e) {
   for (let t = 0; t < e.length; t++) {
     const [r, n] = e[t];
-    if (r) return [F(n, `whenChain-branch-${t}`)];
+    if (r) return [U(n, `whenChain-branch-${t}`)];
   }
-  return [F([], "whenChain-empty")];
+  return [U([], "whenChain-empty")];
 }
-function F(e, t) {
+function U(e, t) {
   const r = e ? Array.isArray(e) ? e.filter(Boolean) : [e].filter(Boolean) : [];
   return {
     tag: "#anchor",
@@ -36,7 +36,7 @@ function F(e, t) {
     children: r
   };
 }
-class N extends EventTarget {
+class O extends EventTarget {
   handlers = {};
   static instance;
   eventCounters = /* @__PURE__ */ new Map();
@@ -44,7 +44,7 @@ class N extends EventTarget {
    * Returns the singleton instance of GlobalEventBus
    */
   static getInstance() {
-    return N.instance || (N.instance = new N()), N.instance;
+    return O.instance || (O.instance = new O()), O.instance;
   }
   // Enhanced emit method with better typing and event storm protection
   /**
@@ -160,8 +160,8 @@ class N extends EventTarget {
     this.eventCounters.clear();
   }
 }
-const P = N.getInstance(), Ge = (e, t) => P.emit(e, t), et = (e, t) => P.on(e, t), tt = (e, t) => P.off(e, t), rt = (e, t) => P.once(e, t), nt = (e, t, r) => P.listen(e, t, r);
-function te(e) {
+const D = O.getInstance(), nt = (e, t) => D.emit(e, t), ot = (e, t) => D.on(e, t), it = (e, t) => D.off(e, t), st = (e, t) => D.once(e, t), at = (e, t, r) => D.listen(e, t, r);
+function se(e) {
   let t = { ...e };
   const r = [];
   function n(a) {
@@ -179,10 +179,10 @@ function te(e) {
   }
   return { subscribe: n, getState: o, setState: s };
 }
-function ee(e) {
+function ne(e) {
   return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function X(e) {
+function ee(e) {
   return typeof e == "string" ? e.replace(
     /[&<>"']/g,
     (t) => ({
@@ -194,34 +194,34 @@ function X(e) {
     })[t]
   ) : e;
 }
-function ge(e, t, r) {
+function xe(e, t, r) {
   if (r)
     for (const [n, o] of Object.entries(r)) {
       let s, i = {};
       if (Array.isArray(o) ? (s = o[0], i = o[1] || {}) : s = o, t.set(n, {
         callback: s,
         options: i,
-        oldValue: Y(e, n)
+        oldValue: te(e, n)
       }), i.immediate)
         try {
-          const a = Y(e, n);
+          const a = te(e, n);
           s(a, void 0, e);
         } catch (a) {
           console.error(`Error in immediate watcher for "${n}":`, a);
         }
     }
 }
-function Y(e, t) {
+function te(e, t) {
   return t.split(".").reduce((r, n) => r?.[n], e);
 }
-function ye(e, t, r, n) {
+function we(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((h, p) => o(h, a[p]));
+      return i.length !== a.length ? !1 : i.every((y, h) => o(y, a[h]));
     const c = Object.keys(i), f = Object.keys(a);
-    return c.length !== f.length ? !1 : c.every((h) => o(i[h], a[h]));
+    return c.length !== f.length ? !1 : c.every((y) => o(i[y], a[y]));
   }, s = t.get(r);
   if (s && !o(n, s.oldValue))
     try {
@@ -232,13 +232,13 @@ function ye(e, t, r, n) {
   for (const [i, a] of t.entries())
     if (a.options.deep && r.startsWith(i + "."))
       try {
-        const c = Y(e, i);
+        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 me(e, t, r) {
+function ke(e, t, r) {
   if (!t.props) return;
   function n(o, s) {
     return s === Boolean ? o === "true" : s === Number ? Number(o) : o;
@@ -247,136 +247,136 @@ function me(e, t, r) {
     if (s.type === Function && typeof e[o] == "function")
       r[o] = e[o];
     else {
-      const i = e.getAttribute(ee(o));
-      i !== null ? r[o] = X(n(i, s.type)) : "default" in s && s.default !== void 0 && (r[o] = X(s.default));
+      const i = e.getAttribute(ne(o));
+      i !== null ? r[o] = ee(n(i, s.type)) : "default" in s && s.default !== void 0 && (r[o] = ee(s.default));
     }
   });
 }
-function be(e, t, r, n) {
+function $e(e, t, r, n) {
   e.onConnected && !r && (e.onConnected(t), n(!0));
 }
-function ve(e, t, r, n, o, s, i, a) {
+function _e(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 xe(e, t, r, n, o) {
+function Se(e, t, r, n, o) {
   e.onAttributeChanged && e.onAttributeChanged(t, r, n, o);
 }
-function j(e, t) {
+function B(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))
-      j(r, t);
+      B(r, t);
   }
 }
-function z(e, t) {
+function R(e, t) {
   return typeof t == "string" ? t.split(".").reduce((r, n) => r?.[n], e) : t;
 }
-function re(e, t, r) {
+function ae(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 we(e, t, r, n, o, s, i) {
+function Ce(e, t, r, n, o, s, i) {
   if (!s) return;
-  const a = t.includes("lazy"), c = t.includes("trim"), f = t.includes("number"), h = () => {
+  const a = t.includes("lazy"), c = t.includes("trim"), f = t.includes("number"), y = () => {
     const g = s._state || s;
-    return z(g, e);
-  }, p = h();
+    return R(g, e);
+  }, h = y();
   let l = "text";
-  const x = n?.type;
-  if (i instanceof HTMLInputElement ? l = x || i.type || "text" : i instanceof HTMLSelectElement ? l = "select" : i instanceof HTMLTextAreaElement && (l = "textarea"), l === "checkbox")
-    if (Array.isArray(p)) {
-      const g = i?.getAttribute("value") || n?.value || "", u = p.includes(g);
+  const v = n?.type;
+  if (i instanceof HTMLInputElement ? l = v || i.type || "text" : i instanceof HTMLSelectElement ? l = "select" : i instanceof HTMLTextAreaElement && (l = "textarea"), l === "checkbox")
+    if (Array.isArray(h)) {
+      const g = i?.getAttribute("value") || n?.value || "", u = h.includes(g);
       i && i.checked !== u && (r.checked = u);
     } else {
-      const g = i?.getAttribute("true-value") || !0, u = p === g;
+      const g = i?.getAttribute("true-value") || !0, u = h === g;
       i && i.checked !== u && (r.checked = u);
     }
   else if (l === "radio") {
-    const g = n?.value || "", u = p === g;
+    const g = n?.value || "", u = h === g;
     i && i.checked !== u && (r.checked = u);
   } else if (l === "select")
     if (i && i.hasAttribute("multiple")) {
-      const g = i, u = Array.isArray(p) ? p : [];
+      const g = i, u = Array.isArray(h) ? h : [];
       setTimeout(() => {
-        Array.from(g.options).forEach((m) => {
-          const v = u.includes(m.value);
-          m.selected !== v && (m.selected = v);
+        Array.from(g.options).forEach((p) => {
+          const w = u.includes(p.value);
+          p.selected !== w && (p.selected = w);
         });
       }, 0);
     } else
       setTimeout(() => {
-        i instanceof HTMLSelectElement && i.value !== String(p) && (i.value = String(p));
+        i instanceof HTMLSelectElement && i.value !== String(h) && (i.value = String(h));
       }, 0);
   else {
-    const g = String(p ?? "");
-    (!i || i.value !== g) && (r.value = p);
+    const g = String(h ?? "");
+    (!i || i.value !== g) && (r.value = h);
   }
-  const y = a || l === "checkbox" || l === "radio" || l === "select" ? "change" : "input", b = (g) => {
+  const x = a || l === "checkbox" || l === "radio" || l === "select" ? "change" : "input", m = (g) => {
     if (g.isComposing || o._isComposing || g.isTrusted === !1) return;
     const u = g.target;
     if (u._modelUpdating) return;
-    const m = h();
-    let v = u.value;
+    const p = y();
+    let w = u.value;
     if (l === "checkbox")
-      if (Array.isArray(m)) {
-        const w = u.getAttribute("value") || "", _ = [...m];
+      if (Array.isArray(p)) {
+        const k = u.getAttribute("value") || "", _ = [...p];
         if (u.checked)
-          _.includes(w) || _.push(w);
+          _.includes(k) || _.push(k);
         else {
-          const S = _.indexOf(w);
+          const S = _.indexOf(k);
           S > -1 && _.splice(S, 1);
         }
-        v = _;
+        w = _;
       } else {
-        const w = u.getAttribute("true-value") || !0, _ = u.getAttribute("false-value") || !1;
-        v = u.checked ? w : _;
+        const k = u.getAttribute("true-value") || !0, _ = u.getAttribute("false-value") || !1;
+        w = u.checked ? k : _;
       }
     else if (l === "radio")
-      v = u.getAttribute("value") || u.value;
+      w = u.getAttribute("value") || u.value;
     else if (l === "select" && u.multiple) {
-      const w = u;
-      v = Array.from(w.selectedOptions).map(
+      const k = u;
+      w = Array.from(k.selectedOptions).map(
         (_) => _.value
       );
-    } else if (c && (v = v.trim()), f) {
-      const w = Number(v);
-      isNaN(w) || (v = w);
+    } else if (c && (w = w.trim()), f) {
+      const k = Number(w);
+      isNaN(k) || (w = k);
     }
-    const d = s._state || s, $ = z(d, e);
-    if (Array.isArray(v) && Array.isArray($) ? JSON.stringify([...v].sort()) !== JSON.stringify([...$].sort()) : v !== $) {
-      const w = g.target;
-      w._modelUpdating = !0, re(d, e, v), setTimeout(() => {
-        w._modelUpdating = !1;
+    const d = s._state || s, b = R(d, e);
+    if (Array.isArray(w) && Array.isArray(b) ? JSON.stringify([...w].sort()) !== JSON.stringify([...b].sort()) : w !== b) {
+      const k = g.target;
+      k._modelUpdating = !0, ae(d, e, w), setTimeout(() => {
+        k._modelUpdating = !1;
       }, 0), s._requestRender && s._requestRender();
     }
   };
-  if (o[y] = b, l === "text" || l === "textarea") {
+  if (o[x] = m, l === "text" || l === "textarea") {
     const g = () => {
       o._isComposing = !0;
-    }, u = (m) => {
+    }, u = (p) => {
       o._isComposing = !1;
-      const v = m.target;
+      const w = p.target;
       setTimeout(() => {
-        if (v) {
-          let d = v.value;
+        if (w) {
+          let d = w.value;
           if (c && (d = d.trim()), f) {
             const _ = Number(d);
             isNaN(_) || (d = _);
           }
-          const $ = s._state || s, k = z($, e);
-          (Array.isArray(d) && Array.isArray(k) ? JSON.stringify([...d].sort()) !== JSON.stringify([...k].sort()) : d !== k) && (v && (v._modelUpdating = !0, setTimeout(() => {
-            v._modelUpdating = !1;
-          }, 0)), re($, e, d), s._requestRender && s._requestRender());
+          const b = s._state || s, $ = R(b, e);
+          (Array.isArray(d) && Array.isArray($) ? JSON.stringify([...d].sort()) !== JSON.stringify([...$].sort()) : d !== $) && (w && (w._modelUpdating = !0, setTimeout(() => {
+            w._modelUpdating = !1;
+          }, 0)), ae(b, e, d), s._requestRender && s._requestRender());
         }
       }, 0);
     };
     o.compositionstart = g, o.compositionend = u;
   }
 }
-function ke(e, t, r, n) {
+function Ee(e, t, r, n) {
   if (n) {
     if (typeof e == "object" && e !== null)
       for (const [o, s] of Object.entries(e))
@@ -390,14 +390,14 @@ function ke(e, t, r, n) {
           return;
         }
       } catch {
-        const o = z(n, e);
+        const o = R(n, e);
         r[e] = o;
       }
   }
 }
-function $e(e, t, r) {
+function Ae(e, t, r) {
   if (!r) return;
-  const n = z(r, e), o = t.style || "", s = n ? "" : "none";
+  const n = R(r, e), o = t.style || "", s = n ? "" : "none";
   if (o) {
     const i = o.split(";").filter(Boolean), a = i.findIndex(
       (c) => c.trim().startsWith("display:")
@@ -406,19 +406,19 @@ function $e(e, t, r) {
   } else
     t.style = `display: ${s}`;
 }
-function _e(e, t, r) {
+function Te(e, t, r) {
   if (!r) return;
-  const n = z(r, e);
+  const n = R(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 Se(e, t, r) {
+function Le(e, t, r) {
   let n;
   if (typeof e == "string") {
     if (!r) return;
-    n = z(r, e);
+    n = R(r, e);
   } else
     n = e;
   let o = "";
@@ -431,7 +431,7 @@ function Se(e, t, r) {
         const f = a.replace(
           /[A-Z]/g,
           (l) => `-${l.toLowerCase()}`
-        ), h = [
+        ), y = [
           "width",
           "height",
           "top",
@@ -457,23 +457,23 @@ function Se(e, t, r) {
           "min-height",
           "max-height"
         ];
-        let p = String(c);
-        typeof c == "number" && h.includes(f) && (p = `${c}px`), i.push(`${f}: ${p}`);
+        let h = String(c);
+        typeof c == "number" && y.includes(f) && (h = `${c}px`), i.push(`${f}: ${h}`);
       }
     o = i.join("; ") + (i.length > 0 ? ";" : "");
   }
   const s = t.style || "";
   t.style = s + (s && !s.endsWith(";") ? "; " : "") + o;
 }
-function fe(e, t, r, n) {
+function ge(e, t, r, n) {
   const o = {}, s = { ...n || {} }, i = {};
   for (const [a, c] of Object.entries(e)) {
-    const { value: f, modifiers: h } = c;
+    const { value: f, modifiers: y } = c;
     switch (a) {
       case "model":
-        we(
+        Ce(
           typeof f == "string" ? f : String(f),
-          h,
+          y,
           o,
           s,
           i,
@@ -482,45 +482,45 @@ function fe(e, t, r, n) {
         );
         break;
       case "bind":
-        ke(f, o, s, t);
+        Ee(f, o, s, t);
         break;
       case "show":
-        $e(f, s, t);
+        Ae(f, s, t);
         break;
       case "class":
-        _e(f, s, t);
+        Te(f, s, t);
         break;
       case "style":
-        Se(f, s, t);
+        Le(f, s, t);
         break;
     }
   }
   return { props: o, attrs: s, listeners: i };
 }
-function G(e, t) {
+function re(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 p = i.tag || "node", l = i.props?.attrs?.id ?? i.props?.attrs?.name ?? i.props?.attrs?.["data-key"] ?? "";
-        a = l ? `${t}:${p}:${l}` : `${t}:${p}`;
+        const h = i.tag || "node", l = i.props?.attrs?.id ?? i.props?.attrs?.name ?? i.props?.attrs?.["data-key"] ?? "";
+        a = l ? `${t}:${h}:${l}` : `${t}:${h}`;
       }
       let c = a, f = 1;
       for (; s.has(c); )
         c = `${a}#${f++}`;
       s.add(c);
-      let h = i.children;
-      return Array.isArray(h) && (h = G(h, c)), { ...i, key: c, children: h };
+      let y = i.children;
+      return Array.isArray(y) && (y = re(y, c)), { ...i, key: c, children: y };
     });
   }
   const r = e;
   let n = r.props?.key ?? r.key ?? t, o = r.children;
-  return Array.isArray(o) && (o = G(o, n)), { ...r, key: n, children: o };
+  return Array.isArray(o) && (o = re(o, n)), { ...r, key: n, children: o };
 }
-function Ce(e, t, r, n) {
-  const o = r.directives ?? {}, s = fe(
+function je(e, t, r, n) {
+  const o = r.directives ?? {}, s = ge(
     o,
     n,
     e,
@@ -535,192 +535,192 @@ function Ce(e, t, r, n) {
     ...s.attrs
   }, c = t.props ?? {}, f = i;
   for (const l in { ...c, ...f }) {
-    const x = c[l], y = f[l];
-    x !== y && (l === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement) ? e.value !== y && (e.value = y ?? "") : l === "checked" && e instanceof HTMLInputElement ? e.checked = !!y : l.startsWith("on") && typeof y == "function" ? (typeof x == "function" && e.removeEventListener(l.slice(2).toLowerCase(), x), e.addEventListener(l.slice(2).toLowerCase(), y)) : y == null || y === !1 ? e.removeAttribute(l) : e.setAttribute(l, String(y)));
+    const v = c[l], x = f[l];
+    v !== x && (l === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement) ? e.value !== x && (e.value = x ?? "") : l === "checked" && e instanceof HTMLInputElement ? e.checked = !!x : l.startsWith("on") && typeof x == "function" ? (typeof v == "function" && e.removeEventListener(l.slice(2).toLowerCase(), v), e.addEventListener(l.slice(2).toLowerCase(), x)) : x == null || x === !1 ? e.removeAttribute(l) : e.setAttribute(l, String(x)));
   }
-  for (const [l, x] of Object.entries(
+  for (const [l, v] of Object.entries(
     s.listeners || {}
   ))
-    e.addEventListener(l, x);
-  const h = t.attrs ?? {}, p = a;
-  for (const l in { ...h, ...p }) {
-    const x = h[l], y = p[l];
-    x !== y && (y == null || y === !1 ? e.removeAttribute(l) : e.setAttribute(l, String(y)));
+    e.addEventListener(l, v);
+  const y = t.attrs ?? {}, h = a;
+  for (const l in { ...y, ...h }) {
+    const v = y[l], x = h[l];
+    v !== x && (x == null || x === !1 ? e.removeAttribute(l) : e.setAttribute(l, String(x)));
   }
 }
-function A(e, t, r) {
+function j(e, t, r) {
   if (typeof e == "string")
     return document.createTextNode(e);
   if (e.tag === "#text") {
-    const p = document.createTextNode(
+    const h = document.createTextNode(
       typeof e.children == "string" ? e.children : ""
     );
-    return e.key != null && (p.key = e.key), p;
+    return e.key != null && (h.key = e.key), h;
   }
   if (e.tag === "#anchor") {
-    const p = e, l = Array.isArray(p.children) ? p.children : [], x = document.createTextNode(""), y = document.createTextNode("");
-    p.key != null && (x.key = `${p.key}:start`, y.key = `${p.key}:end`), p._startNode = x, p._endNode = y;
-    const b = document.createDocumentFragment();
-    b.appendChild(x);
+    const h = e, l = 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 m = document.createDocumentFragment();
+    m.appendChild(v);
     for (const g of l) {
-      const u = A(g, t);
-      b.appendChild(u);
+      const u = j(g, t);
+      m.appendChild(u);
     }
-    return b.appendChild(y), b;
+    return m.appendChild(x), m;
   }
   const n = document.createElement(e.tag);
   e.key != null && (n.key = e.key);
-  const { props: o = {}, attrs: s = {}, directives: i = {} } = e.props ?? {}, a = fe(i, t, n, s), c = {
+  const { props: o = {}, attrs: s = {}, directives: i = {} } = e.props ?? {}, a = ge(i, t, n, s), c = {
     ...o,
     ...a.props
   }, f = {
     ...s,
     ...a.attrs
   };
-  for (const p in f) {
-    const l = f[p];
-    if (typeof p != "string" || /\[object Object\]/.test(p)) {
-      typeof window < "u" && window.console && console.warn("Skipping invalid attribute key:", p, l);
+  for (const h in f) {
+    const l = f[h];
+    if (typeof h != "string" || /\[object Object\]/.test(h)) {
+      typeof window < "u" && window.console && console.warn("Skipping invalid attribute key:", h, l);
       continue;
     }
-    typeof l == "boolean" ? l && n.setAttribute(p, "") : l != null && n.setAttribute(p, l);
+    typeof l == "boolean" ? l && n.setAttribute(h, "") : l != null && n.setAttribute(h, l);
   }
-  for (const p in c) {
-    const l = c[p];
-    if (typeof p != "string" || /\[object Object\]/.test(p)) {
-      typeof window < "u" && window.console && console.warn("Skipping invalid prop key:", p, l);
+  for (const h in c) {
+    const l = c[h];
+    if (typeof h != "string" || /\[object Object\]/.test(h)) {
+      typeof window < "u" && window.console && console.warn("Skipping invalid prop key:", h, l);
       continue;
     }
-    if (p === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement))
+    if (h === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement))
       n.value = l ?? "";
-    else if (p === "checked" && n instanceof HTMLInputElement)
+    else if (h === "checked" && n instanceof HTMLInputElement)
       n.checked = !!l;
-    else if (p.startsWith("on") && typeof l == "function")
-      n.addEventListener(p.slice(2).toLowerCase(), l);
+    else if (h.startsWith("on") && typeof l == "function")
+      n.addEventListener(h.slice(2).toLowerCase(), l);
     else {
-      if (p.startsWith("on") && l === void 0)
+      if (h.startsWith("on") && l === void 0)
         continue;
-      l == null || l === !1 ? n.removeAttribute(p) : n.setAttribute(p, String(l));
+      l == null || l === !1 ? n.removeAttribute(h) : n.setAttribute(h, String(l));
     }
   }
-  for (const [p, l] of Object.entries(
+  for (const [h, l] of Object.entries(
     a.listeners || {}
   ))
-    n.addEventListener(p, l);
-  const h = e.props?.ref ?? (e.props?.props && e.props.props.ref);
-  if (typeof e != "string" && h && r && (r[h] = n), Array.isArray(e.children))
-    for (const p of e.children)
-      n.appendChild(A(p, t, r));
+    n.addEventListener(h, l);
+  const y = e.props?.ref ?? (e.props?.props && e.props.props.ref);
+  if (typeof e != "string" && y && r && (r[y] = n), Array.isArray(e.children))
+    for (const h of e.children)
+      n.appendChild(j(h, t, r));
   else typeof e.children == "string" && (n.textContent = e.children);
   return n;
 }
-function Ee(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 x of i)
-    x && x.key != null && a.set(x.key, x);
+  for (const v of i)
+    v && v.key != null && a.set(v.key, v);
   const c = /* @__PURE__ */ new Map();
-  for (const x of s) {
-    const y = x.key;
-    y != null && c.set(y, x);
+  for (const v of s) {
+    const x = v.key;
+    x != null && c.set(x, v);
   }
   const f = /* @__PURE__ */ new Set();
-  let h = e.firstChild;
-  function p(x, y) {
-    let b = x;
-    for (; b && (f.add(b), b !== y); )
-      b = b.nextSibling;
+  let y = e.firstChild;
+  function h(v, x) {
+    let m = v;
+    for (; m && (f.add(m), m !== x); )
+      m = m.nextSibling;
   }
-  function l(x, y, b, g) {
+  function l(v, x, m, g) {
     const u = [];
-    let m = x.nextSibling;
-    for (; m && m !== y; )
-      u.push(m), m = m.nextSibling;
-    const v = Array.isArray(b) ? b : [];
-    if (g.some(($) => $ && $.key != null) || v.some(($) => $ && $.key != null)) {
-      const $ = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Map();
-      for (const S of v)
-        S && S.key != null && $.set(S.key, S);
+    let p = v.nextSibling;
+    for (; p && p !== x; )
+      u.push(p), p = p.nextSibling;
+    const w = Array.isArray(m) ? m : [];
+    if (g.some((b) => b && b.key != null) || w.some((b) => b && b.key != null)) {
+      const b = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map();
+      for (const S of w)
+        S && S.key != null && b.set(S.key, S);
       for (const S of u) {
         const C = S.key;
-        C != null && k.set(C, S);
+        C != null && $.set(C, S);
       }
-      const w = /* @__PURE__ */ new Set();
-      let _ = x.nextSibling;
+      const k = /* @__PURE__ */ new Set();
+      let _ = v.nextSibling;
       for (const S of g) {
         let C;
-        if (S.key != null && k.has(S.key)) {
-          const E = $.get(S.key);
-          C = H(
-            k.get(S.key),
-            E,
+        if (S.key != null && $.has(S.key)) {
+          const A = b.get(S.key);
+          C = I(
+            $.get(S.key),
+            A,
             S,
             n
-          ), w.add(C), C !== _ && e.contains(C) && e.insertBefore(C, _);
+          ), k.add(C), C !== _ && e.contains(C) && e.insertBefore(C, _);
         } else
-          C = A(S, n), e.insertBefore(C, _), w.add(C);
+          C = j(S, n), e.insertBefore(C, _), k.add(C);
         _ = C.nextSibling;
       }
       for (const S of u)
-        !w.has(S) && e.contains(S) && e.removeChild(S);
+        !k.has(S) && e.contains(S) && e.removeChild(S);
     } else {
-      const $ = Math.min(
-        v.length,
+      const b = Math.min(
+        w.length,
         g.length
       );
-      for (let k = 0; k < $; k++) {
-        const w = v[k], _ = g[k], S = H(u[k], w, _, n);
-        S !== u[k] && (e.insertBefore(S, u[k]), e.removeChild(u[k]));
+      for (let $ = 0; $ < b; $++) {
+        const k = w[$], _ = g[$], S = I(u[$], k, _, n);
+        S !== u[$] && (e.insertBefore(S, u[$]), e.removeChild(u[$]));
       }
-      for (let k = $; k < g.length; k++)
-        e.insertBefore(A(g[k], n), y);
-      for (let k = $; k < u.length; k++)
-        e.removeChild(u[k]);
+      for (let $ = b; $ < g.length; $++)
+        e.insertBefore(j(g[$], n), x);
+      for (let $ = b; $ < u.length; $++)
+        e.removeChild(u[$]);
     }
   }
-  for (const x of r) {
-    let y;
-    if (x.tag === "#anchor") {
-      const b = x.key, g = `${b}:start`, u = `${b}:end`;
-      let m = c.get(g), v = c.get(u);
-      const d = Array.isArray(x.children) ? x.children : [];
-      if (m || (m = document.createTextNode(""), m.key = g), v || (v = document.createTextNode(""), v.key = u), x._startNode = m, x._endNode = v, !e.contains(m) || !e.contains(v)) {
-        e.insertBefore(m, h);
-        for (const $ of d)
-          e.insertBefore(A($, n), h);
-        e.insertBefore(v, h);
+  for (const v of r) {
+    let x;
+    if (v.tag === "#anchor") {
+      const m = v.key, g = `${m}:start`, u = `${m}:end`;
+      let p = c.get(g), w = c.get(u);
+      const d = Array.isArray(v.children) ? v.children : [];
+      if (p || (p = document.createTextNode(""), p.key = g), w || (w = document.createTextNode(""), w.key = u), v._startNode = p, v._endNode = w, !e.contains(p) || !e.contains(w)) {
+        e.insertBefore(p, y);
+        for (const b of d)
+          e.insertBefore(j(b, n), y);
+        e.insertBefore(w, y);
       } else
         l(
-          m,
-          v,
-          a.get(b)?.children,
+          p,
+          w,
+          a.get(m)?.children,
           d
         );
-      p(m, v), h = v.nextSibling;
+      h(p, w), y = w.nextSibling;
       continue;
     }
-    if (x.key != null && c.has(x.key)) {
-      const b = a.get(x.key);
-      y = H(
-        c.get(x.key),
-        b,
-        x,
+    if (v.key != null && c.has(v.key)) {
+      const m = a.get(v.key);
+      x = I(
+        c.get(v.key),
+        m,
+        v,
         n,
         o
-      ), f.add(y), y !== h && e.contains(y) && (h && !e.contains(h) && (h = null), e.insertBefore(y, h));
+      ), f.add(x), x !== y && e.contains(x) && (y && !e.contains(y) && (y = null), e.insertBefore(x, y));
     } else
-      y = A(x, n, o), h && !e.contains(h) && (h = null), e.insertBefore(y, h), f.add(y);
-    h = y.nextSibling;
+      x = j(v, n, o), y && !e.contains(y) && (y = null), e.insertBefore(x, y), f.add(x);
+    y = x.nextSibling;
   }
-  for (const x of s)
-    !f.has(x) && e.contains(x) && (j(x, o), e.removeChild(x));
+  for (const v of s)
+    !f.has(v) && e.contains(v) && (B(v, o), e.removeChild(v));
 }
-function H(e, t, r, n, o) {
-  if (t && typeof t != "string" && t.props?.ref && o && j(e, o), t === r) return e;
+function I(e, t, r, n, o) {
+  if (t && typeof t != "string" && t.props?.ref && o && B(e, o), t === r) return e;
   if (typeof r == "string") {
     if (e.nodeType === Node.TEXT_NODE)
       return e.textContent !== r && (e.textContent = r), e;
@@ -732,22 +732,22 @@ function H(e, t, r, n, o) {
   if (r && typeof r != "string" && r.tag === "#anchor") {
     const i = r, a = Array.isArray(i.children) ? i.children : [], c = i._startNode ?? document.createTextNode(""), f = i._endNode ?? document.createTextNode("");
     i.key != null && (c.key = `${i.key}:start`, f.key = `${i.key}:end`), i._startNode = c, i._endNode = f;
-    const h = document.createDocumentFragment();
-    h.appendChild(c);
-    for (const p of a) {
-      const l = A(p, n);
-      h.appendChild(l);
+    const y = document.createDocumentFragment();
+    y.appendChild(c);
+    for (const h of a) {
+      const l = j(h, n);
+      y.appendChild(l);
     }
-    return h.appendChild(f), e.parentNode?.replaceChild(h, e), c;
+    return y.appendChild(f), e.parentNode?.replaceChild(y, e), c;
   }
   if (!r) {
-    j(e, o);
+    B(e, o);
     const i = document.createComment("removed");
     return e.parentNode?.replaceChild(i, e), i;
   }
   if (!t || typeof t == "string") {
-    j(e, o);
-    const i = A(r, n, o);
+    B(e, o);
+    const i = j(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") {
@@ -755,53 +755,53 @@ function H(e, t, r, n, o) {
     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 h of i)
-      f.appendChild(A(h, n));
+    for (const y of i)
+      f.appendChild(j(y, 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 Ce(i, t.props || {}, r.props || {}, n), Ee(i, t.children, r.children, n, o), typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = i), i;
+    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;
   }
-  j(e, o);
-  const s = A(r, n, o);
+  B(e, o);
+  const s = j(r, n, o);
   return typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = s), e.parentNode?.replaceChild(s, e), s;
 }
-function Ae(e, t, r, n) {
+function Be(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 = G(o, String(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 = H(i, s, o, r, n) : (a = A(o, r, n), e.replaceChild(a, i)) : (a = A(o, r, n), e.firstChild ? e.replaceChild(a, e.firstChild) : e.appendChild(a));
+  s && i ? typeof s != "string" && typeof o != "string" && s.tag === o.tag && s.key === o.key ? a = I(i, s, o, r, n) : (a = j(o, r, n), e.replaceChild(a, i)) : (a = j(o, r, n), e.firstChild ? e.replaceChild(a, e.firstChild) : e.appendChild(a));
   const c = [];
   for (let f = 0; f < e.childNodes.length; f++) {
-    const h = e.childNodes[f];
-    h !== a && h.nodeName !== "STYLE" && (j(h, n), c.push(h));
+    const y = e.childNodes[f];
+    y !== a && y.nodeName !== "STYLE" && (B(y, n), c.push(y));
   }
   c.forEach((f) => e.removeChild(f)), e._prevVNode = o, e._prevDom = a;
 }
-function ue(e, ...t) {
+function ye(e, ...t) {
   let r = "";
   for (let n = 0; n < e.length; n++)
     r += e[n], n < t.length && (r += t[n]);
   return r;
 }
-function de(e) {
+function me(e) {
   return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
 }
-let W = null;
-function ne() {
-  return W || (W = new CSSStyleSheet(), W.replaceSync(de(Le))), W;
+let H = null;
+function le() {
+  return H || (H = new CSSStyleSheet(), H.replaceSync(me(Ne))), H;
 }
-function Te(e) {
+function Re(e) {
   return e.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
 }
-const Le = ue`
+const Ne = ye`
   :host, *, ::before, ::after {
     all: isolate;
     box-sizing: border-box;
@@ -859,7 +859,7 @@ const Le = ue`
   sup { top: -.5em }
   [disabled], [aria-disabled=true] { cursor: not-allowed }
   [hidden] { display: none }
-`, je = {
+`, Me = {
   gray: {
     50: "var(--color-gray-50, #f9fafb)",
     100: "var(--color-gray-100, #f3f4f6)",
@@ -994,7 +994,7 @@ const Le = ue`
   },
   white: { DEFAULT: "var(--color-white, #ffffff)" },
   black: { DEFAULT: "var(--color-black, #000000)" }
-}, K = {
+}, V = {
   /* Display */
   block: "display:block;",
   inline: "display:inline;",
@@ -1175,7 +1175,7 @@ const Le = ue`
   "z-30": "z-index:30;",
   "z-40": "z-index:40;",
   "z-50": "z-index:50;"
-}, ze = "0.25rem", oe = {
+}, Oe = "0.25rem", ce = {
   m: ["margin"],
   mx: ["margin-inline"],
   my: ["margin-block"],
@@ -1206,22 +1206,34 @@ const Le = ue`
   gap: ["gap"],
   "gap-x": ["column-gap"],
   "gap-y": ["row-gap"]
-}, Re = {
+};
+function L(e, t) {
+  let r = 0;
+  for (let n = 0; n < e.length; n++) {
+    const o = e[n];
+    if (o === "[") r++;
+    else if (o === "]") r--;
+    else if (r === 0 && (o === ">" || o === "+" || o === "~" || o === " "))
+      return e.slice(0, n) + t + e.slice(n);
+  }
+  return e + t;
+}
+const Pe = {
   // State variants
   before: (e, t) => `${e}::before{${t}}`,
   after: (e, t) => `${e}::after{${t}}`,
-  hover: (e, t) => `${e}:hover{${t}}`,
-  focus: (e, t) => `${e}:focus{${t}}`,
-  active: (e, t) => `${e}:active{${t}}`,
-  disabled: (e, t) => `${e}:disabled{${t}}`,
-  visited: (e, t) => `${e}:visited{${t}}`,
-  checked: (e, t) => `${e}:checked{${t}}`,
-  first: (e, t) => `${e}:first-child{${t}}`,
-  last: (e, t) => `${e}:last-child{${t}}`,
-  odd: (e, t) => `${e}:nth-child(odd){${t}}`,
-  even: (e, t) => `${e}:nth-child(even){${t}}`,
-  "focus-within": (e, t) => `${e}:focus-within{${t}}`,
-  "focus-visible": (e, t) => `${e}:focus-visible{${t}}`,
+  hover: (e, t) => `${L(e, ":hover")}{${t}}`,
+  focus: (e, t) => `${L(e, ":focus")}{${t}}`,
+  active: (e, t) => `${L(e, ":active")}{${t}}`,
+  disabled: (e, t) => `${L(e, ":disabled")}{${t}}`,
+  visited: (e, t) => `${L(e, ":visited")}{${t}}`,
+  checked: (e, t) => `${L(e, ":checked")}{${t}}`,
+  first: (e, t) => `${L(e, ":first-child")}{${t}}`,
+  last: (e, t) => `${L(e, ":last-child")}{${t}}`,
+  odd: (e, t) => `${L(e, ":nth-child(odd)")}{${t}}`,
+  even: (e, t) => `${L(e, ":nth-child(even)")}{${t}}`,
+  "focus-within": (e, t) => `${L(e, ":focus-within")}{${t}}`,
+  "focus-visible": (e, t) => `${L(e, ":focus-visible")}{${t}}`,
   // Group variants
   "group-hover": (e, t) => `.group:hover ${e}{${t}}`,
   "group-focus": (e, t) => `.group:focus ${e}{${t}}`,
@@ -1232,7 +1244,7 @@ const Le = ue`
   "peer-focus": (e, t) => `.peer:focus ~ ${e}{${t}}`,
   "peer-checked": (e, t) => `.peer:checked ~ ${e}{${t}}`,
   "peer-disabled": (e, t) => `.peer:disabled ~ ${e}{${t}}`
-}, ie = {
+}, J = {
   // Responsive
   sm: "(min-width:640px)",
   md: "(min-width:768px)",
@@ -1241,23 +1253,23 @@ const Le = ue`
   "2xl": "(min-width:1536px)",
   // Dark mode (now plain string)
   dark: "(prefers-color-scheme: dark)"
-}, U = ["sm", "md", "lg", "xl", "2xl"];
-function V(e) {
+}, Q = ["sm", "md", "lg", "xl", "2xl"];
+function Z(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) || !oe[o]) return null;
+  if (Number.isNaN(i) || !ce[o]) return null;
   const a = t ? "-" : "";
-  return oe[o].map((c) => `${c}:calc(${a}${ze} * ${i});`).join("");
+  return ce[o].map((c) => `${c}:calc(${a}${Oe} * ${i});`).join("");
 }
-function se(e) {
+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 Be(e) {
+function We(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 = je[n]?.[o];
+  const [, r, n, o = "DEFAULT"] = t, s = Me[n]?.[o];
   return s ? `${{
     bg: "background-color",
     decoration: "text-decoration-color",
@@ -1272,41 +1284,41 @@ function Be(e) {
     stroke: "stroke-color"
   }[r]}:${s};` : null;
 }
-function Ne(e) {
+function De(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 J(e) {
-  const { base: t, opacity: r } = Ne(e), n = Be(t);
+function X(e) {
+  const { base: t, opacity: r } = De(e), n = We(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 = fe(s[0]);
         return n.replace(/#([0-9a-f]{6})/i, `rgb(${i} / ${r})`);
       }
     }
     return n;
   }
-  const o = q(t);
+  const o = F(t);
   if (o && r !== void 0) {
     const s = /#([0-9a-f]{6})/i.exec(o);
     if (s) {
-      const i = se(s[0]);
+      const i = fe(s[0]);
       return o.replace(/#([0-9a-f]{6})/i, `rgb(${i} / ${r})`);
     }
   }
   return o;
 }
-function Q(e) {
+function Y(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 q(e) {
+function F(e) {
   const t = e.indexOf("-["), r = e.endsWith("]");
   if (t > 0 && r) {
     const n = e.slice(0, t);
@@ -1356,13 +1368,22 @@ function q(e) {
   }
   return null;
 }
-function Me(e) {
-  return e.startsWith("[") && e.endsWith("]") ? e : e.indexOf("-[") > 0 && e.endsWith("]") ? e.replace(/_/g, "-") : null;
+function ue(e) {
+  if (e.startsWith("[") && e.endsWith("]")) {
+    const r = e.slice(1, -1);
+    return r.includes("&") ? r : e;
+  }
+  const t = e.indexOf("-[");
+  if (t > 0 && e.endsWith("]")) {
+    const r = e.slice(t + 2, -1).replace(/_/g, "-");
+    return r.includes("&") ? r : e.replace(/_/g, "-");
+  }
+  return null;
 }
-function Oe(e) {
+function He(e) {
   return e.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1");
 }
-function Pe(e) {
+function qe(e) {
   const t = /class\s*=\s*["']([^"']+)["']/g, r = [];
   let n;
   for (; n = t.exec(e); ) {
@@ -1371,100 +1392,111 @@ function Pe(e) {
   }
   return r.filter(Boolean);
 }
-const ae = /* @__PURE__ */ new Map(), We = 16;
-function De(e) {
-  const t = Date.now(), r = ae.get(e);
-  if (r && t - r.timestamp < We) return r.css;
-  const n = Pe(e), o = new Set(n), s = [], i = [], a = [], c = [], f = {};
-  function h(y, b = !1) {
-    const g = (b ? "dark|" : "") + y;
-    if (g in f) return f[g];
-    const u = l(y, b);
-    return f[g] = u, u;
-  }
-  function p(y) {
-    const b = y.some((u) => U.includes(u)), g = y.includes("dark");
-    return y.length === 0 ? 1 : !b && !g ? 2 : b && !g ? 3 : 4;
-  }
-  function l(y, b = !1) {
-    const g = y.split(":"), u = g.find(
-      (C) => K[C] || V(C) || Q(C) || J(C) || q(C)
+const de = /* @__PURE__ */ new Map(), Ie = 16;
+function Fe(e) {
+  const t = Date.now(), r = de.get(e);
+  if (r && t - r.timestamp < Ie) return r.css;
+  const n = qe(e), o = new Set(n), s = [], i = [], a = [], c = [], f = {};
+  function y(m, g = !1) {
+    const u = (g ? "dark|" : "") + m;
+    if (u in f) return f[u];
+    const p = v(m, g);
+    return f[u] = p, p;
+  }
+  function h(m) {
+    const g = m.some((p) => Q.includes(p)), u = m.includes("dark");
+    return m.length === 0 ? 1 : !g && !u ? 2 : g && !u ? 3 : 4;
+  }
+  function l(m) {
+    const g = [];
+    let u = "", p = 0;
+    for (let w = 0; w < m.length; w++) {
+      const d = m[w];
+      d === "[" && p++, d === "]" && p > 0 && p--, d === ":" && p === 0 ? (g.push(u), u = "") : u += d;
+    }
+    return u && g.push(u), g;
+  }
+  function v(m, g = !1) {
+    const u = l(m), p = u.find(
+      (E) => V[E] || Z(E) || Y(E) || X(E) || F(E)
     );
-    if (!u) return null;
-    const m = K[u] ?? V(u) ?? Q(u) ?? J(u) ?? q(u);
-    if (!m) return null;
-    let v = `.${Oe(y)}`, d = m;
-    const $ = g.indexOf(u);
-    let k = $ >= 0 ? g.slice(0, $) : [];
-    b && (k = k.filter((C) => C !== "dark"));
-    const w = k.filter((C) => U.includes(C)), _ = w.length ? w[w.length - 1] : null;
-    for (const C of k) {
-      const E = Me(C);
-      if (E) {
-        v = `${E}${v}`;
-        continue;
-      }
-      if (U.includes(C)) continue;
-      const L = Re[C];
-      typeof L == "function" && (v = L(v, d).replace(/\{.*$/, ""));
+    if (!p) return null;
+    const w = V[p] ?? Z(p) ?? Y(p) ?? X(p) ?? F(p);
+    if (!w) return null;
+    const d = u.indexOf(p);
+    let b = d >= 0 ? u.slice(0, d) : [];
+    g && (b = b.filter((E) => E !== "dark"));
+    const $ = b.find((E) => ue(E)), k = `.${He(m)}`;
+    let _;
+    const S = w;
+    if ($) {
+      const E = ue($);
+      E ? E.includes("&") ? _ = E.replace(/&/g, k) : _ = `${E}${k}` : _ = k;
+    } else
+      _ = k;
+    for (const E of b) {
+      if (Q.includes(E) || E === "dark" || E === $) continue;
+      const ie = Pe[E];
+      typeof ie == "function" && (_ = ie(_, S).replace(/\{.*$/, ""));
     }
-    let S = `${v}{${d}}`;
-    return b && _ ? S = `@media (prefers-color-scheme: dark) and ${ie[_]}{${S}}` : b ? S = `@media (prefers-color-scheme: dark){${S}}` : _ && (S = `@media ${ie[_]}{${S}}`), S;
+    let C = `${_}{${S}}`;
+    const A = b.filter((E) => Q.includes(E)), T = A.length ? A[A.length - 1] : null, oe = b.includes("dark");
+    return g && T ? C = `@media (prefers-color-scheme: dark) and ${J[T]}{${C}}` : g ? C = `@media (prefers-color-scheme: dark){${C}}` : oe && T ? C = `@media (prefers-color-scheme: dark) and ${J[T]}{${C}}` : oe ? C = `@media (prefers-color-scheme: dark){${C}}` : T && (C = `@media ${J[T]}{${C}}`), C;
   }
-  for (const y of o) {
-    const b = y.split(":"), g = b.find(
-      (d) => K[d] || V(d) || Q(d) || J(d) || q(d)
+  for (const m of o) {
+    const g = m.split(":"), u = g.find(
+      (b) => V[b] || Z(b) || Y(b) || X(b) || F(b)
     );
-    if (!g) continue;
-    const u = b.indexOf(g), m = u >= 0 ? b.slice(0, u) : [], v = p(m);
-    if (v === 4) {
-      const d = h(y, !0);
-      d && c.push(d);
+    if (!u) continue;
+    const p = g.indexOf(u), w = p >= 0 ? g.slice(0, p) : [], d = h(w);
+    if (d === 4) {
+      const b = y(m, !0);
+      b && c.push(b);
     } else {
-      const d = h(y);
-      d && (v === 1 ? s.push(d) : v === 2 ? i.push(d) : v === 3 && a.push(d));
+      const b = y(m);
+      b && (d === 1 ? s.push(b) : d === 2 ? i.push(b) : d === 3 && a.push(b));
     }
   }
   const x = [...s, ...i, ...a, ...c].join("");
-  return ae.set(e, { css: x, timestamp: t }), x;
+  return de.set(e, { css: x, timestamp: t }), x;
 }
-const O = [];
-function He(e, t, r, n, o, s, i, a) {
+const W = [];
+function Ke(e, t, r, n, o, s, i, a) {
   if (e) {
-    O.push(r);
+    W.push(r);
     try {
       if (t.loadingTemplate && r.isLoading) {
-        R(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 && R(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 c = t.render(r);
       if (c instanceof Promise) {
         s(!0), c.then((f) => {
-          s(!1), i(null), R(e, f, r, n, o), a(e.innerHTML);
+          s(!1), i(null), N(e, f, r, n, o), a(e.innerHTML);
         }).catch((f) => {
-          s(!1), i(f), t.errorTemplate && R(e, t.errorTemplate(f, r), r, n, o);
-        }), t.loadingTemplate && R(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;
       }
-      R(e, c, r, n, o), a(e.innerHTML);
+      N(e, c, r, n, o), a(e.innerHTML);
     } finally {
-      O.pop();
+      W.pop();
     }
   }
 }
-function R(e, t, r, n, o) {
-  e && (Ae(
+function N(e, t, r, n, o) {
+  e && (Be(
     e,
     Array.isArray(t) ? t : [t],
     r,
     n
   ), o(e.innerHTML));
 }
-function qe(e, t, r, n, o, s, i) {
+function Ue(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);
@@ -1477,32 +1509,32 @@ function qe(e, t, r, n, o, s, i) {
   }, 0);
   i(c);
 }
-function Ie(e, t, r, n, o, s) {
+function Ve(e, t, r, n, o, s) {
   if (!e) return;
-  const i = De(n);
+  const i = Fe(n);
   if (!t.style && (!i || i.trim() === "")) {
-    s(null), e.adoptedStyleSheets = [ne()];
+    s(null), e.adoptedStyleSheets = [le()];
     return;
   }
   let a = "";
   t.style && (typeof t.style == "string" ? a = t.style : typeof t.style == "function" && (a = t.style(r)));
-  let c = Te(`${a}
+  let c = Re(`${a}
 ${i}
 `);
-  c = de(c);
+  c = me(c);
   let f = o;
-  f || (f = new CSSStyleSheet()), (f.cssRules.length === 0 || f.toString() !== c) && f.replaceSync(c), e.adoptedStyleSheets = [ne(), f], s(f);
+  f || (f = new CSSStyleSheet()), (f.cssRules.length === 0 || f.toString() !== c) && f.replaceSync(c), e.adoptedStyleSheets = [le(), f], s(f);
 }
-const Fe = /* @__PURE__ */ new Map();
-function le(e, t, r) {
-  let n = ee(e);
+const Je = /* @__PURE__ */ new Map();
+function pe(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);
-  }), Fe.set(n, o), typeof window < "u" && !customElements.get(n) && customElements.define(n, Ke(o));
+  }), Je.set(n, o), typeof window < "u" && !customElements.get(n) && customElements.define(n, Qe(o));
 }
-function Ke(e) {
+function Qe(e) {
   if (!e.render)
     throw new Error(
       "Component must have a render function"
@@ -1589,7 +1621,7 @@ function Ke(e) {
     }
     connectedCallback() {
       this._runLogicWithinErrorBoundary(e, () => {
-        be(
+        $e(
           e,
           this.context,
           this._mounted,
@@ -1601,7 +1633,7 @@ function Ke(e) {
     }
     disconnectedCallback() {
       this._runLogicWithinErrorBoundary(e, () => {
-        ve(
+        _e(
           e,
           this.context,
           this._listeners,
@@ -1625,7 +1657,7 @@ function Ke(e) {
     }
     attributeChangedCallback(t, r, n) {
       this._runLogicWithinErrorBoundary(e, () => {
-        this._applyProps(e), xe(
+        this._applyProps(e), Se(
           e,
           t,
           r,
@@ -1635,7 +1667,7 @@ function Ke(e) {
       });
     }
     static get observedAttributes() {
-      return e.props ? Object.keys(e.props).map(ee) : [];
+      return e.props ? Object.keys(e.props).map(ne) : [];
     }
     _applyComputed(t) {
       this._runLogicWithinErrorBoundary(e, () => {
@@ -1643,7 +1675,7 @@ function Ke(e) {
           Object.defineProperty(this.context, r, {
             get: () => {
               const o = n(this.context);
-              return X(o);
+              return ee(o);
             },
             enumerable: !0
           });
@@ -1653,7 +1685,7 @@ function Ke(e) {
     // --- Render ---
     _render(t) {
       this._runLogicWithinErrorBoundary(t, () => {
-        He(
+        Ke(
           this.shadowRoot,
           t,
           this.context,
@@ -1676,7 +1708,7 @@ function Ke(e) {
     }
     _requestRender() {
       this._runLogicWithinErrorBoundary(this._cfg, () => {
-        qe(
+        Ue(
           () => this._render(this._cfg),
           this._lastRenderTime,
           this._renderCount,
@@ -1696,7 +1728,7 @@ function Ke(e) {
     // --- Style ---
     _applyStyle(t, r) {
       this._runLogicWithinErrorBoundary(t, () => {
-        Ie(
+        Ve(
           this.shadowRoot,
           t,
           this.context,
@@ -1735,11 +1767,11 @@ function Ke(e) {
                 "splice",
                 "sort",
                 "reverse"
-              ].includes(a) ? function(...p) {
-                const l = f.apply(i, p);
+              ].includes(a) ? function(...h) {
+                const l = f.apply(i, h);
                 if (!n._initializing) {
-                  const x = s || "root";
-                  n._triggerWatchers(x, i), n._render(t);
+                  const v = s || "root";
+                  n._triggerWatchers(v, i), n._render(t);
                 }
                 return l;
               } : f;
@@ -1782,7 +1814,7 @@ function Ke(e) {
     }
     _initWatchers(t) {
       this._runLogicWithinErrorBoundary(t, () => {
-        ge(
+        xe(
           this.context,
           this._watchers,
           t.watch || {}
@@ -1790,12 +1822,12 @@ function Ke(e) {
       });
     }
     _triggerWatchers(t, r) {
-      ye(this.context, this._watchers, t, r);
+      we(this.context, this._watchers, t, r);
     }
     _applyProps(t) {
       this._runLogicWithinErrorBoundary(t, () => {
         try {
-          me(this, t, this.context);
+          ke(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));
         }
@@ -1803,92 +1835,92 @@ function Ke(e) {
     }
   };
 }
-function M(e, t = {}, r, n) {
+function P(e, t = {}, r, n) {
   const o = n ?? t.key;
   return { tag: e, key: o, props: t, children: r };
 }
-function I(e) {
+function K(e) {
   return !!e && typeof e == "object" && (e.type === "AnchorBlock" || e.tag === "#anchor");
 }
-function D(e) {
-  return typeof e == "object" && e !== null && "tag" in e && !I(e);
+function q(e) {
+  return typeof e == "object" && e !== null && "tag" in e && !K(e);
 }
-function Ue(e, t) {
+function Ze(e, t) {
   return e.key != null ? e : { ...e, key: t };
 }
-function Ve(e, t = [], r = {}) {
+function Xe(e, t = [], r = {}) {
   const n = {}, o = {}, s = {}, i = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
   let a;
   for (; a = i.exec(e); ) {
-    const c = a[1], f = a[2], h = (a[4] || a[6]) ?? "", p = h.match(/^{{(\d+)}}$/);
-    let l = p ? t[Number(p[1])] ?? null : h;
-    p || (l === "true" ? l = !0 : l === "false" ? l = !1 : l === "null" ? l = null : isNaN(Number(l)) || (l = Number(l)));
-    const x = ["model", "bind", "show", "class", "style"];
+    const c = a[1], f = a[2], y = (a[4] || a[6]) ?? "", h = y.match(/^{{(\d+)}}$/);
+    let l = h ? t[Number(h[1])] ?? null : y;
+    h || (l === "true" ? l = !0 : l === "false" ? l = !1 : l === "null" ? l = null : isNaN(Number(l)) || (l = Number(l)));
+    const v = ["model", "bind", "show", "class", "style"];
     if (c === ":") {
-      const [y, ...b] = f.split(".");
-      if (x.includes(y)) {
-        const g = [...b];
-        s[y] = {
+      const [x, ...m] = f.split(".");
+      if (v.includes(x)) {
+        const g = [...m];
+        s[x] = {
           value: l,
           modifiers: g
         };
       } else
         o[f] = l;
     } else if (c === "@") {
-      const y = "on" + f.charAt(0).toUpperCase() + f.slice(1);
-      n[y] = typeof l == "function" ? l : typeof r[l] == "function" ? r[l] : void 0;
+      const x = "on" + f.charAt(0).toUpperCase() + f.slice(1);
+      n[x] = typeof l == "function" ? l : typeof r[l] == "function" ? r[l] : void 0;
     } else f === "ref" ? n.ref = l : o[f] = l;
   }
   return { props: n, attrs: o, directives: s };
 }
-function Je(e, t, r) {
-  const n = O.length > 0 ? O[O.length - 1] : void 0, o = r ?? n;
-  function s(d, $) {
-    return M("#text", {}, d, $);
+function Ye(e, t, r) {
+  const n = W.length > 0 ? W[W.length - 1] : void 0, o = r ?? n;
+  function s(d, b) {
+    return P("#text", {}, d, b);
   }
   let i = "";
   for (let d = 0; d < e.length; d++)
     i += e[d], d < t.length && (i += `{{${d}}}`);
   const a = /<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, c = [];
-  let f, h = [], p = null, l = {}, x, y = 0, b = [];
+  let f, y = [], h = null, l = {}, v, x = 0, m = [];
   function g(d) {
-    !d || typeof d != "object" || I(d) || (d.props || d.attrs ? (d.props && (l.props || (l.props = {}), Object.assign(l.props, d.props)), d.attrs && (l.attrs || (l.attrs = {}), Object.keys(d.attrs).forEach(($) => {
-      if ($ === "style" && l.attrs.style) {
-        const k = l.attrs.style.replace(
+    !d || typeof d != "object" || K(d) || (d.props || d.attrs ? (d.props && (l.props || (l.props = {}), Object.assign(l.props, d.props)), d.attrs && (l.attrs || (l.attrs = {}), Object.keys(d.attrs).forEach((b) => {
+      if (b === "style" && l.attrs.style) {
+        const $ = l.attrs.style.replace(
           /;?\s*$/,
           ""
-        ), w = d.attrs.style.replace(/^;?\s*/, "");
-        l.attrs.style = k + "; " + w;
-      } else if ($ === "class" && l.attrs.class) {
-        const k = l.attrs.class.trim().split(/\s+/).filter(Boolean), w = d.attrs.class.trim().split(/\s+/).filter(Boolean), _ = [
-          .../* @__PURE__ */ new Set([...k, ...w])
+        ), k = d.attrs.style.replace(/^;?\s*/, "");
+        l.attrs.style = $ + "; " + k;
+      } else if (b === "class" && l.attrs.class) {
+        const $ = l.attrs.class.trim().split(/\s+/).filter(Boolean), k = d.attrs.class.trim().split(/\s+/).filter(Boolean), _ = [
+          .../* @__PURE__ */ new Set([...$, ...k])
         ];
         l.attrs.class = _.join(" ");
       } else
-        l.attrs[$] = d.attrs[$];
+        l.attrs[b] = d.attrs[b];
     }))) : (l.props || (l.props = {}), Object.assign(l.props, d)));
   }
-  function u(d, $) {
-    const k = p ? h : b;
-    if (I(d)) {
-      const w = d.key ?? $;
+  function u(d, b) {
+    const $ = h ? y : m;
+    if (K(d)) {
+      const k = d.key ?? b;
       let _ = d.children;
-      k.push({
+      $.push({
         ...d,
-        key: w,
+        key: k,
         children: _
       });
       return;
     }
-    if (D(d)) {
-      k.push(Ue(d, void 0));
+    if (q(d)) {
+      $.push(Ze(d, void 0));
       return;
     }
     if (Array.isArray(d)) {
       if (d.length === 0) return;
-      for (let w = 0; w < d.length; w++) {
-        const _ = d[w];
-        I(_) || D(_) || Array.isArray(_) ? u(_, `${$}-${w}`) : _ !== null && typeof _ == "object" ? g(_) : k.push(s(String(_), `${$}-${w}`));
+      for (let k = 0; k < d.length; k++) {
+        const _ = d[k];
+        K(_) || q(_) || Array.isArray(_) ? u(_, `${b}-${k}`) : _ !== null && typeof _ == "object" ? g(_) : $.push(s(String(_), `${b}-${k}`));
       }
       return;
     }
@@ -1896,9 +1928,9 @@ function Je(e, t, r) {
       g(d);
       return;
     }
-    k.push(s(String(d), $));
+    $.push(s(String(d), b));
   }
-  const m = /* @__PURE__ */ new Set([
+  const p = /* @__PURE__ */ new Set([
     "area",
     "base",
     "br",
@@ -1916,52 +1948,52 @@ function Je(e, t, r) {
   ]);
   for (; f = a.exec(i); )
     if (f[1]) {
-      const d = f[1], $ = f[0][1] === "/", k = f[0][f[0].length - 2] === "/" || m.has(d), {
-        props: w,
+      const d = f[1], b = f[0][1] === "/", $ = f[0][f[0].length - 2] === "/" || p.has(d), {
+        props: k,
         attrs: _,
         directives: S
-      } = Ve(f[2] || "", t, o), C = { props: {}, attrs: {} };
-      for (const E in w) C.props[E] = w[E];
-      for (const E in _) C.attrs[E] = _[E];
-      if (Object.keys(S).length > 0 && (C.directives = { ...S }), $) {
-        const E = M(
-          p,
+      } = Xe(f[2] || "", t, o), C = { props: {}, attrs: {} };
+      for (const A in k) C.props[A] = k[A];
+      for (const A in _) C.attrs[A] = _[A];
+      if (Object.keys(S).length > 0 && (C.directives = { ...S }), b) {
+        const A = P(
+          h,
           l,
-          h.length === 1 && D(h[0]) && h[0].tag === "#text" ? typeof h[0].children == "string" ? h[0].children : "" : h.length ? h : void 0,
-          x
-        ), L = c.pop();
-        L ? (p = L.tag, l = L.props, x = L.key, h = L.children, h.push(E)) : (b.push(E), p = null, l = {}, x = void 0, h = []);
-      } else k ? p ? h.push(M(d, C, void 0, void 0)) : b.push(M(d, C, void 0, void 0)) : (p && c.push({
-        tag: p,
+          y.length === 1 && q(y[0]) && y[0].tag === "#text" ? typeof y[0].children == "string" ? y[0].children : "" : y.length ? y : void 0,
+          v
+        ), T = c.pop();
+        T ? (h = T.tag, l = T.props, v = T.key, y = T.children, y.push(A)) : (m.push(A), h = null, l = {}, v = void 0, y = []);
+      } else $ ? h ? y.push(P(d, C, void 0, void 0)) : m.push(P(d, C, void 0, void 0)) : (h && c.push({
+        tag: h,
         props: l,
-        children: h,
-        key: x
-      }), p = d, l = C, h = []);
+        children: y,
+        key: v
+      }), h = d, l = C, y = []);
     } else if (typeof f[3] < "u") {
-      const d = Number(f[3]), $ = t[d], k = `interp-${d}`;
-      u($, k);
+      const d = Number(f[3]), b = t[d], $ = `interp-${d}`;
+      u(b, $);
     } else if (f[4]) {
-      const d = f[4], $ = p ? h : b, k = d.split(/({{\d+}})/);
-      for (const w of k) {
-        if (!w) continue;
-        const _ = w.match(/^{{(\d+)}}$/);
+      const d = f[4], b = h ? y : m, $ = d.split(/({{\d+}})/);
+      for (const k of $) {
+        if (!k) continue;
+        const _ = k.match(/^{{(\d+)}}$/);
         if (_) {
-          const S = Number(_[1]), C = t[S], E = `interp-${S}`;
-          u(C, E);
+          const S = Number(_[1]), C = t[S], A = `interp-${S}`;
+          u(C, A);
         } else {
-          const S = `text-${y++}`;
-          $.push(s(w, S));
+          const S = `text-${x++}`;
+          b.push(s(k, S));
         }
       }
     }
-  const v = b.filter((d) => D(d) && d.tag === "#text" ? typeof d.children == "string" && d.children.trim() !== "" : !0);
-  return v.length === 1 ? v[0] : v.length > 1 ? v : M("div", {}, "", "fallback-root");
+  const w = m.filter((d) => q(d) && d.tag === "#text" ? typeof d.children == "string" && d.children.trim() !== "" : !0);
+  return w.length === 1 ? w[0] : w.length > 1 ? w : P("div", {}, "", "fallback-root");
 }
-function B(e, ...t) {
+function M(e, ...t) {
   const r = t[t.length - 1], n = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
-  return Je(e, t, n);
+  return Ye(e, t, n);
 }
-const ce = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, T = (e, t) => {
+const he = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, z = (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) {
@@ -1972,92 +2004,92 @@ const ce = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new
     }
   }
   return { route: null, params: {} };
-}, Z = {};
-async function Qe(e) {
+}, G = {};
+async function Ge(e) {
   if (e.component) return e.component;
   if (e.load) {
-    if (Z[e.path]) return Z[e.path];
+    if (G[e.path]) return G[e.path];
     try {
       const t = await e.load();
-      return Z[e.path] = t.default, t.default;
+      return G[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 Ze(e) {
+function et(e) {
   const { routes: t, base: r = "", initialUrl: n } = e;
-  let o, s, i, a, c, f, h;
-  const p = async (b, g) => {
-    const u = t.find((m) => T([m], b.path).route !== null);
+  let o, s, i, a, c, f, y;
+  const h = async (m, g) => {
+    const u = t.find((p) => z([p], m.path).route !== null);
     if (u?.beforeEnter)
       try {
-        const m = await u.beforeEnter(b, g);
-        return typeof m == "string" ? (await y(m, !0), !1) : m !== !1;
-      } catch (m) {
-        return console.error("beforeEnter error", m), !1;
+        const p = await u.beforeEnter(m, g);
+        return typeof p == "string" ? (await x(p, !0), !1) : p !== !1;
+      } catch (p) {
+        return console.error("beforeEnter error", p), !1;
       }
     return !0;
-  }, l = async (b, g) => {
-    const u = t.find((m) => T([m], b.path).route !== null);
+  }, l = async (m, g) => {
+    const u = t.find((p) => z([p], m.path).route !== null);
     if (u?.onEnter)
       try {
-        const m = await u.onEnter(b, g);
-        return typeof m == "string" ? (await y(m, !0), !1) : m !== !1;
-      } catch (m) {
-        return console.error("onEnter error", m), !1;
+        const p = await u.onEnter(m, g);
+        return typeof p == "string" ? (await x(p, !0), !1) : p !== !1;
+      } catch (p) {
+        return console.error("onEnter error", p), !1;
       }
     return !0;
-  }, x = (b, g) => {
-    const u = t.find((m) => T([m], b.path).route !== null);
+  }, v = (m, g) => {
+    const u = t.find((p) => z([p], m.path).route !== null);
     if (u?.afterEnter)
       try {
-        u.afterEnter(b, g);
-      } catch (m) {
-        console.error("afterEnter error", m);
+        u.afterEnter(m, g);
+      } catch (p) {
+        console.error("afterEnter error", p);
       }
-  }, y = async (b, g = !1) => {
+  }, x = async (m, g = !1) => {
     try {
       const u = {
-        path: b.replace(r, "") || "/",
+        path: m.replace(r, "") || "/",
         query: {}
-      }, m = T(t, u.path);
-      if (!m) throw new Error(`No route found for ${u.path}`);
-      const v = i.getState(), d = {
+      }, p = z(t, u.path);
+      if (!p) throw new Error(`No route found for ${u.path}`);
+      const w = i.getState(), d = {
         path: u.path,
-        params: m.params,
+        params: p.params,
         query: u.query
       };
-      if (!await p(d, v) || !await l(d, v)) return;
-      typeof window < "u" && typeof document < "u" && (g ? window.history.replaceState({}, "", r + b) : window.history.pushState({}, "", r + b)), i.setState(d), x(d, v);
+      if (!await h(d, w) || !await l(d, w)) return;
+      typeof window < "u" && typeof document < "u" && (g ? window.history.replaceState({}, "", r + m) : window.history.pushState({}, "", r + m)), i.setState(d), v(d, w);
     } catch (u) {
       console.error("Navigation error:", u);
     }
   };
   if (typeof window < "u" && typeof document < "u") {
     o = () => {
-      const g = new URL(window.location.href), u = g.pathname.replace(r, "") || "/", m = ce(g.search);
-      return { path: u, query: m };
+      const g = new URL(window.location.href), u = g.pathname.replace(r, "") || "/", p = he(g.search);
+      return { path: u, query: p };
     }, s = o();
-    const b = T(t, s.path);
-    i = te({
+    const m = z(t, s.path);
+    i = se({
       path: s.path,
-      params: b.params,
+      params: m.params,
       query: s.query
     }), a = async (g = !1) => {
       const u = o();
-      await y(u.path, g);
-    }, window.addEventListener("popstate", () => a(!0)), c = (g) => y(g, !1), f = (g) => y(g, !0), h = () => window.history.back();
+      await x(u.path, g);
+    }, window.addEventListener("popstate", () => a(!0)), c = (g) => x(g, !1), f = (g) => x(g, !0), y = () => window.history.back();
   } else {
     o = () => {
-      const u = new URL(n || "/", "http://localhost"), m = u.pathname.replace(r, "") || "/", v = ce(u.search);
-      return { path: m, query: v };
+      const u = new URL(n || "/", "http://localhost"), p = u.pathname.replace(r, "") || "/", w = he(u.search);
+      return { path: p, query: w };
     }, s = o();
-    const b = T(t, s.path);
-    i = te({
+    const m = z(t, s.path);
+    i = se({
       path: s.path,
-      params: b.params,
+      params: m.params,
       query: s.query
     }), a = async () => {
       const u = o();
@@ -2065,83 +2097,83 @@ function Ze(e) {
     };
     const g = async (u) => {
       try {
-        const m = {
+        const p = {
           path: u.replace(r, "") || "/",
           query: {}
-        }, v = T(t, m.path);
-        if (!v) throw new Error(`No route found for ${m.path}`);
-        const d = i.getState(), $ = {
-          path: m.path,
-          params: v.params,
-          query: m.query
-        }, k = t.find((w) => T([w], $.path).route !== null);
-        if (k?.beforeEnter)
+        }, w = z(t, p.path);
+        if (!w) throw new Error(`No route found for ${p.path}`);
+        const d = i.getState(), b = {
+          path: p.path,
+          params: w.params,
+          query: p.query
+        }, $ = t.find((k) => z([k], b.path).route !== null);
+        if ($?.beforeEnter)
           try {
-            const w = await k.beforeEnter($, d);
-            if (typeof w == "string") {
-              await g(w);
+            const k = await $.beforeEnter(b, d);
+            if (typeof k == "string") {
+              await g(k);
               return;
             }
-            if (w === !1) return;
+            if (k === !1) return;
           } catch {
             return;
           }
-        if (k?.onEnter)
+        if ($?.onEnter)
           try {
-            const w = await k.onEnter($, d);
-            if (typeof w == "string") {
-              await g(w);
+            const k = await $.onEnter(b, d);
+            if (typeof k == "string") {
+              await g(k);
               return;
             }
-            if (w === !1) return;
+            if (k === !1) return;
           } catch {
             return;
           }
-        if (i.setState($), k?.afterEnter)
+        if (i.setState(b), $?.afterEnter)
           try {
-            k.afterEnter($, d);
+            $.afterEnter(b, d);
           } catch {
           }
       } catch {
       }
     };
-    c = async (u) => g(u), f = async (u) => g(u), h = () => {
+    c = async (u) => g(u), f = async (u) => g(u), y = () => {
     };
   }
   return {
     store: i,
     push: c,
     replace: f,
-    back: h,
+    back: y,
     subscribe: i.subscribe,
-    matchRoute: (b) => T(t, b),
+    matchRoute: (m) => z(t, m),
     getCurrent: () => i.getState(),
-    resolveRouteComponent: Qe
+    resolveRouteComponent: Ge
   };
 }
-function ot(e, t) {
-  return T(e, t);
+function lt(e, t) {
+  return z(e, t);
 }
-function it(e) {
-  const t = Ze(e);
-  return le("router-view", {
+function ct(e) {
+  const t = et(e);
+  return pe("router-view", {
     async render() {
-      if (!t) return B`<div>Router not initialized.</div>`;
+      if (!t) return M`<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 M`<div>Not found</div>`;
       let s = o.route.component;
       if (o.route.load) {
         const i = await o.route.load();
         typeof i.default == "string" && (s = i.default);
       }
-      return typeof s == "string" ? { tag: s, props: {}, children: [] } : B`<div>Invalid route component</div>`;
+      return typeof s == "string" ? { tag: s, props: {}, children: [] } : M`<div>Invalid route component</div>`;
     },
     onConnected(r) {
       t && typeof t.subscribe == "function" && t.subscribe(() => {
         typeof r.requestRender == "function" && r.requestRender();
       });
     }
-  }), le("router-link", {
+  }), pe("router-link", {
     state: {},
     props: {
       to: { type: String, default: "" },
@@ -2154,7 +2186,7 @@ function it(e) {
       disabled: { type: Boolean, default: !1 },
       external: { type: Boolean, default: !1 },
       class: { type: String, default: "" },
-      style: { type: String, default: ue`
+      style: { type: String, default: ye`
         [aria-disabled="true"] {
           pointer-events: none;
           opacity: 0.5;
@@ -2163,25 +2195,25 @@ function it(e) {
     },
     style: (r) => r.style,
     render: (r) => {
-      const n = t.getCurrent(), o = r.to, s = r.exact, i = r.exactActiveClass, a = r.activeClass, c = r.ariaCurrentValue, f = r.tag, h = r.disabled, p = r.external, l = n.path === o, x = s ? l : n && typeof n.path == "string" ? n.path.startsWith(o) : !1, y = l ? i : x ? a : "", b = l ? `aria-current="${c}"` : "", g = f === "button", u = h ? g ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", m = p && (f === "a" || !f) ? 'target="_blank" rel="noopener noreferrer"' : "";
-      return B`
-        ${pe().when(g, B`
+      const n = t.getCurrent(), o = r.to, s = r.exact, i = r.exactActiveClass, a = r.activeClass, c = r.ariaCurrentValue, f = r.tag, y = r.disabled, h = r.external, l = n.path === o, v = s ? l : n && typeof n.path == "string" ? n.path.startsWith(o) : !1, x = l ? i : v ? a : "", m = l ? `aria-current="${c}"` : "", g = f === "button", u = y ? g ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", p = h && (f === "a" || !f) ? 'target="_blank" rel="noopener noreferrer"' : "";
+      return M`
+        ${be().when(g, M`
             <button
               part="button"
-              :class="${r.class} ${y}"
-              ${b}
-              ${u}
+              :class="${r.class} ${x}"
               ${m}
+              ${u}
+              ${p}
               @click="navigate"
             ><slot></slot></button>
-          `).otherwise(B`
+          `).otherwise(M`
             <a
               part="link"
               href="${o}"
-              :class="${r.class} ${y}"
-              ${b}
-              ${u}
+              :class="${r.class} ${x}"
               ${m}
+              ${u}
+              ${p}
               @click="navigate"
             ><slot></slot></a>
           `).done()}
@@ -2197,25 +2229,25 @@ function it(e) {
   }), t;
 }
 export {
-  N as GlobalEventBus,
-  le as component,
-  te as createStore,
-  ue as css,
-  Ye as each,
-  Ge as emit,
-  P as eventBus,
-  B as html,
-  it as initRouter,
-  nt as listen,
-  pe as match,
-  T as matchRoute,
-  ot as matchRouteSSR,
-  tt as off,
-  et as on,
-  rt as once,
-  ce as parseQuery,
-  Qe as resolveRouteComponent,
-  Ze as useRouter,
-  Xe as when
+  O as GlobalEventBus,
+  pe as component,
+  se as createStore,
+  ye as css,
+  rt as each,
+  nt as emit,
+  D as eventBus,
+  M as html,
+  ct as initRouter,
+  at as listen,
+  be as match,
+  z as matchRoute,
+  lt as matchRouteSSR,
+  it as off,
+  ot as on,
+  st as once,
+  he as parseQuery,
+  Ge as resolveRouteComponent,
+  et as useRouter,
+  tt as when
 };
 //# sourceMappingURL=custom-elements-runtime.es.js.map