@jasonshimmy/custom-elements-runtime 0.1.19 → 0.1.21

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

@@ -2,12 +2,12 @@ function gt(e, t) {
   return te(e ? t : [], "when-block");
 }
 function yt(e, t) {
-  return e.map((r, n) => {
-    const o = typeof r == "object" ? r?.key ?? r?.id ?? `idx-${n}` : String(r);
-    return te(t(r, n), `each-${o}`);
+  return e.map((r, o) => {
+    const n = typeof r == "object" ? r?.key ?? r?.id ?? `idx-${o}` : String(r);
+    return te(t(r, o), `each-${n}`);
   });
 }
-function Le() {
+function ze() {
   const e = [];
   return {
     when(t, r) {
@@ -17,14 +17,14 @@ function Le() {
       return e.push([!0, t]), this;
     },
     done() {
-      return ze(...e);
+      return Be(...e);
     }
   };
 }
-function ze(...e) {
+function Be(...e) {
   for (let t = 0; t < e.length; t++) {
-    const [r, n] = e[t];
-    if (r) return [te(n, `whenChain-branch-${t}`)];
+    const [r, o] = e[t];
+    if (r) return [te(o, `whenChain-branch-${t}`)];
   }
   return [te([], "whenChain-empty")];
 }
@@ -53,10 +53,10 @@ class F extends EventTarget {
    * @param data - Optional event payload
    */
   emit(t, r) {
-    const n = Date.now(), o = this.eventCounters.get(t);
-    if (!o || n - o.window > 1e3)
-      this.eventCounters.set(t, { count: 1, window: n });
-    else if (o.count++, o.count > 50 && (console.error(`Event storm detected for "${t}": ${o.count} events in 1 second. Throttling...`), o.count > 100)) {
+    const o = Date.now(), n = this.eventCounters.get(t);
+    if (!n || o - n.window > 1e3)
+      this.eventCounters.set(t, { count: 1, window: o });
+    else if (n.count++, n.count > 50 && (console.error(`Event storm detected for "${t}": ${n.count} events in 1 second. Throttling...`), n.count > 100)) {
       console.warn(`Blocking further "${t}" events to prevent infinite loop`);
       return;
     }
@@ -89,8 +89,8 @@ class F extends EventTarget {
    * @param handler - Handler function to remove
    */
   off(t, r) {
-    const n = this.handlers[t];
-    n && n.delete(r);
+    const o = this.handlers[t];
+    o && o.delete(r);
   }
   /**
    * Remove all handlers for a specific event.
@@ -105,8 +105,8 @@ class F extends EventTarget {
    * @param handler - CustomEvent handler
    * @param options - AddEventListener options
    */
-  listen(t, r, n) {
-    return this.addEventListener(t, r, n), () => this.removeEventListener(t, r);
+  listen(t, r, o) {
+    return this.addEventListener(t, r, o), () => this.removeEventListener(t, r);
   }
   /**
    * Register a one-time event handler. Returns a promise that resolves with the event data.
@@ -114,9 +114,9 @@ class F extends EventTarget {
    * @param handler - Handler function
    */
   once(t, r) {
-    return new Promise((n) => {
-      const o = this.on(t, (s) => {
-        o(), r(s), n(s);
+    return new Promise((o) => {
+      const n = this.on(t, (s) => {
+        n(), r(s), o(s);
       });
     });
   }
@@ -146,9 +146,9 @@ class F extends EventTarget {
    */
   getEventStats() {
     const t = {};
-    for (const [r, n] of this.eventCounters.entries())
+    for (const [r, o] of this.eventCounters.entries())
       t[r] = {
-        count: n.count,
+        count: o.count,
         handlersCount: this.getHandlerCount(r)
       };
     return t;
@@ -161,25 +161,25 @@ class F extends EventTarget {
   }
 }
 const Z = F.getInstance(), mt = (e, t) => Z.emit(e, t), bt = (e, t) => Z.on(e, t), vt = (e, t) => Z.off(e, t), xt = (e, t) => Z.once(e, t), wt = (e, t, r) => Z.listen(e, t, r);
-function ve(e) {
+function xe(e) {
   let t = { ...e };
   const r = [];
-  function n(a) {
+  function o(a) {
     r.push(a), a(t);
   }
-  function o() {
+  function n() {
     return t;
   }
   function s(a) {
-    const c = typeof a == "function" ? a(t) : a;
-    t = { ...t, ...c }, i();
+    const l = typeof a == "function" ? a(t) : a;
+    t = { ...t, ...l }, i();
   }
   function i() {
     r.forEach((a) => a(t));
   }
-  return { subscribe: n, getState: o, setState: s };
+  return { subscribe: o, getState: n, setState: s };
 }
-function ye(e) {
+function me(e) {
   return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
 function pe(e) {
@@ -194,135 +194,135 @@ function pe(e) {
     })[t]
   ) : e;
 }
-function Be(e, t, r) {
+function Re(e, t, r) {
   if (r)
-    for (const [n, o] of Object.entries(r)) {
+    for (const [o, n] of Object.entries(r)) {
       let s, i = {};
-      if (Array.isArray(o) ? (s = o[0], i = o[1] || {}) : s = o, t.set(n, {
+      if (Array.isArray(n) ? (s = n[0], i = n[1] || {}) : s = n, t.set(o, {
         callback: s,
         options: i,
-        oldValue: he(e, n)
+        oldValue: he(e, o)
       }), i.immediate)
         try {
-          const a = he(e, n);
+          const a = he(e, o);
           s(a, void 0, e);
         } catch (a) {
-          console.error(`Error in immediate watcher for "${n}":`, a);
+          console.error(`Error in immediate watcher for "${o}":`, a);
         }
     }
 }
 function he(e, t) {
-  return t.split(".").reduce((r, n) => r?.[n], e);
+  return t.split(".").reduce((r, o) => r?.[o], e);
 }
-function Re(e, t, r, n) {
-  const o = (i, a) => {
+function Pe(e, t, r, o) {
+  const n = (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((y, g) => o(y, a[g]));
-    const c = Object.keys(i), f = Object.keys(a);
-    return c.length !== f.length ? !1 : c.every((y) => o(i[y], a[y]));
+      return i.length !== a.length ? !1 : i.every((d, y) => n(d, a[y]));
+    const l = Object.keys(i), f = Object.keys(a);
+    return l.length !== f.length ? !1 : l.every((d) => n(i[d], a[d]));
   }, s = t.get(r);
-  if (s && !o(n, s.oldValue))
+  if (s && !n(o, s.oldValue))
     try {
-      s.callback(n, s.oldValue, e), s.oldValue = n;
+      s.callback(o, s.oldValue, e), s.oldValue = o;
     } catch (i) {
       console.error(`Error in watcher for "${r}":`, i);
     }
   for (const [i, a] of t.entries())
     if (a.options.deep && r.startsWith(i + "."))
       try {
-        const c = he(e, i);
-        o(c, a.oldValue) || (a.callback(c, a.oldValue, e), a.oldValue = c);
-      } catch (c) {
-        console.error(`Error in deep watcher for "${i}":`, c);
+        const l = he(e, i);
+        n(l, a.oldValue) || (a.callback(l, a.oldValue, e), a.oldValue = l);
+      } catch (l) {
+        console.error(`Error in deep watcher for "${i}":`, l);
       }
 }
-function Pe(e, t, r) {
+function Oe(e, t, r) {
   if (!t.props) return;
-  function n(o, s) {
-    return s === Boolean ? o === "true" : s === Number ? Number(o) : o;
+  function o(n, s) {
+    return s === Boolean ? n === "true" : s === Number ? Number(n) : n;
   }
-  Object.entries(t.props).forEach(([o, s]) => {
-    if (s.type === Function && typeof e[o] == "function")
-      r[o] = e[o];
+  Object.entries(t.props).forEach(([n, s]) => {
+    if (s.type === Function && typeof e[n] == "function")
+      r[n] = e[n];
     else {
-      const i = e.getAttribute(ye(o));
-      i !== null ? r[o] = pe(n(i, s.type)) : "default" in s && s.default !== void 0 && (r[o] = pe(s.default));
+      const i = e.getAttribute(me(n));
+      i !== null ? r[n] = pe(o(i, s.type)) : "default" in s && s.default !== void 0 && (r[n] = pe(s.default));
     }
   });
 }
-function Oe(e, t, r, n) {
-  e.onConnected && !r && (e.onConnected(t), n(!0));
+function Me(e, t, r, o) {
+  e.onConnected && !r && (e.onConnected(t), o(!0));
 }
-function Me(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 We(e, t, r, o, n, s, i, a) {
+  e.onDisconnected && e.onDisconnected(t), r.forEach((l) => l()), o(), n(), s(!1), i(null), a(!1);
 }
-function We(e, t, r, n, o) {
-  e.onAttributeChanged && e.onAttributeChanged(t, r, n, o);
+function Ne(e, t, r, o, n) {
+  e.onAttributeChanged && e.onAttributeChanged(t, r, o, n);
 }
-function D(e, t) {
+function q(e, t) {
   if (t && e instanceof HTMLElement) {
     for (const r in t)
       t[r] === e && delete t[r];
     for (const r of Array.from(e.childNodes))
-      D(r, t);
+      q(r, t);
   }
 }
-function q(e, t) {
-  return typeof t == "string" ? t.split(".").reduce((r, n) => r?.[n], e) : t;
+function H(e, t) {
+  return typeof t == "string" ? t.split(".").reduce((r, o) => r?.[o], e) : t;
 }
-function xe(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) {
+  const o = t.split("."), n = o.pop();
+  if (!n) return;
+  const s = o.reduce((i, a) => (a in i || (i[a] = {}), i[a]), e);
+  s[n] = r;
 }
-function Ne(e, t, r, n, o, s, i) {
+function De(e, t, r, o, n, s, i) {
   if (!s) return;
-  const a = t.includes("lazy"), c = t.includes("trim"), f = t.includes("number"), y = () => {
-    const p = s._state || s;
-    return q(p, e);
-  }, g = 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(g)) {
-      const p = i?.getAttribute("value") || n?.value || "", u = g.includes(p);
+  const a = t.includes("lazy"), l = t.includes("trim"), f = t.includes("number"), d = () => {
+    const h = s._state || s;
+    return H(h, e);
+  }, y = d();
+  let c = "text";
+  const w = o?.type;
+  if (i instanceof HTMLInputElement ? c = w || i.type || "text" : i instanceof HTMLSelectElement ? c = "select" : i instanceof HTMLTextAreaElement && (c = "textarea"), c === "checkbox")
+    if (Array.isArray(y)) {
+      const h = i?.getAttribute("value") || o?.value || "", u = y.includes(h);
       i && i.checked !== u && (r.checked = u);
     } else {
-      const p = i?.getAttribute("true-value") || !0, u = g === p;
+      const h = i?.getAttribute("true-value") || !0, u = y === h;
       i && i.checked !== u && (r.checked = u);
     }
-  else if (l === "radio") {
-    const p = n?.value || "", u = g === p;
+  else if (c === "radio") {
+    const h = o?.value || "", u = y === h;
     i && i.checked !== u && (r.checked = u);
-  } else if (l === "select")
+  } else if (c === "select")
     if (i && i.hasAttribute("multiple")) {
-      const p = i, u = Array.isArray(g) ? g : [];
+      const h = i, u = Array.isArray(y) ? y : [];
       setTimeout(() => {
-        Array.from(p.options).forEach((h) => {
-          const b = u.includes(h.value);
-          h.selected !== b && (h.selected = b);
+        Array.from(h.options).forEach((g) => {
+          const b = u.includes(g.value);
+          g.selected !== b && (g.selected = b);
         });
       }, 0);
     } else
       setTimeout(() => {
-        i instanceof HTMLSelectElement && i.value !== String(g) && (i.value = String(g));
+        i instanceof HTMLSelectElement && i.value !== String(y) && (i.value = String(y));
       }, 0);
   else {
-    const p = String(g ?? "");
-    (!i || i.value !== p) && (r.value = g);
+    const h = String(y ?? "");
+    (!i || i.value !== h) && (r.value = y);
   }
-  const w = a || l === "checkbox" || l === "radio" || l === "select" ? "change" : "input", S = (p) => {
-    if (p.isComposing || o._isComposing || p.isTrusted === !1) return;
-    const u = p.target;
+  const x = a || c === "checkbox" || c === "radio" || c === "select" ? "change" : "input", S = (h) => {
+    if (h.isComposing || n._isComposing || h.isTrusted === !1) return;
+    const u = h.target;
     if (u._modelUpdating) return;
-    const h = y();
+    const g = d();
     let b = u.value;
-    if (l === "checkbox")
-      if (Array.isArray(h)) {
-        const k = u.getAttribute("value") || "", _ = [...h];
+    if (c === "checkbox")
+      if (Array.isArray(g)) {
+        const k = u.getAttribute("value") || "", _ = [...g];
         if (u.checked)
           _.includes(k) || _.push(k);
         else {
@@ -334,104 +334,104 @@ function Ne(e, t, r, n, o, s, i) {
         const k = u.getAttribute("true-value") || !0, _ = u.getAttribute("false-value") || !1;
         b = u.checked ? k : _;
       }
-    else if (l === "radio")
+    else if (c === "radio")
       b = u.getAttribute("value") || u.value;
-    else if (l === "select" && u.multiple) {
+    else if (c === "select" && u.multiple) {
       const k = u;
       b = Array.from(k.selectedOptions).map(
         (_) => _.value
       );
-    } else if (c && (b = b.trim()), f) {
+    } else if (l && (b = b.trim()), f) {
       const k = Number(b);
       isNaN(k) || (b = k);
     }
-    const d = s._state || s, v = q(d, e);
+    const p = s._state || s, v = H(p, e);
     if (Array.isArray(b) && Array.isArray(v) ? JSON.stringify([...b].sort()) !== JSON.stringify([...v].sort()) : b !== v) {
-      const k = p.target;
-      k._modelUpdating = !0, xe(d, e, b), setTimeout(() => {
+      const k = h.target;
+      k._modelUpdating = !0, we(p, e, b), setTimeout(() => {
         k._modelUpdating = !1;
       }, 0), s._requestRender && s._requestRender();
     }
   };
-  if (o[w] = S, l === "text" || l === "textarea") {
-    const p = () => {
-      o._isComposing = !0;
-    }, u = (h) => {
-      o._isComposing = !1;
-      const b = h.target;
+  if (n[x] = S, c === "text" || c === "textarea") {
+    const h = () => {
+      n._isComposing = !0;
+    }, u = (g) => {
+      n._isComposing = !1;
+      const b = g.target;
       setTimeout(() => {
         if (b) {
-          let d = b.value;
-          if (c && (d = d.trim()), f) {
-            const _ = Number(d);
-            isNaN(_) || (d = _);
+          let p = b.value;
+          if (l && (p = p.trim()), f) {
+            const _ = Number(p);
+            isNaN(_) || (p = _);
           }
-          const v = s._state || s, m = q(v, e);
-          (Array.isArray(d) && Array.isArray(m) ? JSON.stringify([...d].sort()) !== JSON.stringify([...m].sort()) : d !== m) && (b && (b._modelUpdating = !0, setTimeout(() => {
+          const v = s._state || s, m = H(v, e);
+          (Array.isArray(p) && Array.isArray(m) ? JSON.stringify([...p].sort()) !== JSON.stringify([...m].sort()) : p !== m) && (b && (b._modelUpdating = !0, setTimeout(() => {
             b._modelUpdating = !1;
-          }, 0)), xe(v, e, d), s._requestRender && s._requestRender());
+          }, 0)), we(v, e, p), s._requestRender && s._requestRender());
         }
       }, 0);
     };
-    o.compositionstart = p, o.compositionend = u;
+    n.compositionstart = h, n.compositionend = u;
   }
 }
-function De(e, t, r, n) {
-  if (n) {
+function qe(e, t, r, o) {
+  if (o) {
     if (typeof e == "object" && e !== null)
-      for (const [o, s] of Object.entries(e))
-        t[o] = s;
+      for (const [n, s] of Object.entries(e))
+        t[n] = s;
     else if (typeof e == "string")
       try {
-        const o = JSON.parse(e);
-        if (typeof o == "object" && o !== null) {
-          for (const [s, i] of Object.entries(o))
+        const n = JSON.parse(e);
+        if (typeof n == "object" && n !== null) {
+          for (const [s, i] of Object.entries(n))
             t[s] = i;
           return;
         }
       } catch {
-        const o = q(n, e);
-        r[e] = o;
+        const n = H(o, e);
+        r[e] = n;
       }
   }
 }
-function qe(e, t, r) {
+function He(e, t, r) {
   if (!r) return;
-  const n = q(r, e), o = t.style || "", s = n ? "" : "none";
-  if (o) {
-    const i = o.split(";").filter(Boolean), a = i.findIndex(
-      (c) => c.trim().startsWith("display:")
+  const o = H(r, e), n = t.style || "", s = o ? "" : "none";
+  if (n) {
+    const i = n.split(";").filter(Boolean), a = i.findIndex(
+      (l) => l.trim().startsWith("display:")
     );
     a >= 0 ? i[a] = `display: ${s}` : i.push(`display: ${s}`), t.style = i.join("; ");
   } else
     t.style = `display: ${s}`;
 }
-function He(e, t, r) {
+function Ie(e, t, r) {
   if (!r) return;
-  const n = q(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(" ");
+  const o = H(r, e);
+  let n = [];
+  typeof o == "string" ? n = [o] : Array.isArray(o) ? n = o.filter(Boolean) : typeof o == "object" && (n = Object.entries(o).filter(([, a]) => !!a).flatMap(([a]) => a.split(/\s+/).filter(Boolean)));
+  const s = t.class || "", i = s ? `${s} ${n.join(" ")}`.trim() : n.join(" ");
   i && (t.class = i);
 }
-function Ie(e, t, r) {
-  let n;
+function Ue(e, t, r) {
+  let o;
   if (typeof e == "string") {
     if (!r) return;
-    n = q(r, e);
+    o = H(r, e);
   } else
-    n = e;
-  let o = "";
-  if (typeof n == "string")
-    o = n;
-  else if (n && typeof n == "object") {
+    o = e;
+  let n = "";
+  if (typeof o == "string")
+    n = o;
+  else if (o && typeof o == "object") {
     const i = [];
-    for (const [a, c] of Object.entries(n))
-      if (c != null && c !== "") {
+    for (const [a, l] of Object.entries(o))
+      if (l != null && l !== "") {
         const f = a.replace(
           /[A-Z]/g,
-          (l) => `-${l.toLowerCase()}`
-        ), y = [
+          (c) => `-${c.toLowerCase()}`
+        ), d = [
           "width",
           "height",
           "top",
@@ -457,24 +457,24 @@ function Ie(e, t, r) {
           "min-height",
           "max-height"
         ];
-        let g = String(c);
-        typeof c == "number" && y.includes(f) && (g = `${c}px`), i.push(`${f}: ${g}`);
+        let y = String(l);
+        typeof l == "number" && d.includes(f) && (y = `${l}px`), i.push(`${f}: ${y}`);
       }
-    o = i.join("; ") + (i.length > 0 ? ";" : "");
+    n = i.join("; ") + (i.length > 0 ? ";" : "");
   }
   const s = t.style || "";
-  t.style = s + (s && !s.endsWith(";") ? "; " : "") + o;
+  t.style = s + (s && !s.endsWith(";") ? "; " : "") + n;
 }
-function Ee(e, t, r, n) {
-  const o = {}, s = { ...n || {} }, i = {};
-  for (const [a, c] of Object.entries(e)) {
-    const { value: f, modifiers: y } = c;
+function Ae(e, t, r, o) {
+  const n = {}, s = { ...o || {} }, i = {};
+  for (const [a, l] of Object.entries(e)) {
+    const { value: f, modifiers: d } = l;
     switch (a) {
       case "model":
-        Ne(
+        De(
           typeof f == "string" ? f : String(f),
-          y,
-          o,
+          d,
+          n,
           s,
           i,
           t,
@@ -482,20 +482,20 @@ function Ee(e, t, r, n) {
         );
         break;
       case "bind":
-        De(f, o, s, t);
+        qe(f, n, s, t);
         break;
       case "show":
-        qe(f, s, t);
+        He(f, s, t);
         break;
       case "class":
-        He(f, s, t);
+        Ie(f, s, t);
         break;
       case "style":
-        Ie(f, s, t);
+        Ue(f, s, t);
         break;
     }
   }
-  return { props: o, attrs: s, listeners: i };
+  return { props: n, attrs: s, listeners: i };
 }
 function ge(e, t) {
   if (Array.isArray(e)) {
@@ -504,25 +504,25 @@ function ge(e, t) {
       if (!i || typeof i != "object") return i;
       let a = i.props?.key ?? i.key;
       if (!a) {
-        const g = i.tag || "node", l = i.props?.attrs?.id ?? i.props?.attrs?.name ?? i.props?.attrs?.["data-key"] ?? "";
-        a = l ? `${t}:${g}:${l}` : `${t}:${g}`;
+        const y = i.tag || "node", c = i.props?.attrs?.id ?? i.props?.attrs?.name ?? i.props?.attrs?.["data-key"] ?? "";
+        a = c ? `${t}:${y}:${c}` : `${t}:${y}`;
       }
-      let c = a, f = 1;
-      for (; s.has(c); )
-        c = `${a}#${f++}`;
-      s.add(c);
-      let y = i.children;
-      return Array.isArray(y) && (y = ge(y, c)), { ...i, key: c, children: y };
+      let l = a, f = 1;
+      for (; s.has(l); )
+        l = `${a}#${f++}`;
+      s.add(l);
+      let d = i.children;
+      return Array.isArray(d) && (d = ge(d, l)), { ...i, key: l, children: d };
     });
   }
   const r = e;
-  let n = r.props?.key ?? r.key ?? t, o = r.children;
-  return Array.isArray(o) && (o = ge(o, n)), { ...r, key: n, children: o };
+  let o = r.props?.key ?? r.key ?? t, n = r.children;
+  return Array.isArray(n) && (n = ge(n, o)), { ...r, key: o, children: n };
 }
-function Ue(e, t, r, n) {
-  const o = r.directives ?? {}, s = Ee(
-    o,
+function Fe(e, t, r, o) {
+  const n = r.directives ?? {}, s = Ae(
     n,
+    o,
     e,
     r.attrs
   ), i = {
@@ -533,115 +533,115 @@ function Ue(e, t, r, n) {
     ...t.attrs,
     ...r.attrs,
     ...s.attrs
-  }, c = t.props ?? {}, f = i;
-  for (const l in { ...c, ...f }) {
-    const x = c[l], w = f[l];
-    x !== w && (l === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement) ? e.value !== w && (e.value = w ?? "") : l === "checked" && e instanceof HTMLInputElement ? e.checked = !!w : l.startsWith("on") && typeof w == "function" ? (typeof x == "function" && e.removeEventListener(l.slice(2).toLowerCase(), x), e.addEventListener(l.slice(2).toLowerCase(), w)) : w == null || w === !1 ? e.removeAttribute(l) : e.setAttribute(l, String(w)));
+  }, l = t.props ?? {}, f = i;
+  for (const c in { ...l, ...f }) {
+    const w = l[c], x = f[c];
+    w !== x && (c === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement) ? e.value !== x && (e.value = x ?? "") : c === "checked" && e instanceof HTMLInputElement ? e.checked = !!x : c.startsWith("on") && typeof x == "function" ? (typeof w == "function" && e.removeEventListener(c.slice(2).toLowerCase(), w), e.addEventListener(c.slice(2).toLowerCase(), x)) : x == null || x === !1 ? e.removeAttribute(c) : e.setAttribute(c, String(x)));
   }
-  for (const [l, x] of Object.entries(
+  for (const [c, w] of Object.entries(
     s.listeners || {}
   ))
-    e.addEventListener(l, x);
-  const y = t.attrs ?? {}, g = a;
-  for (const l in { ...y, ...g }) {
-    const x = y[l], w = g[l];
-    x !== w && (w == null || w === !1 ? e.removeAttribute(l) : e.setAttribute(l, String(w)));
+    e.addEventListener(c, w);
+  const d = t.attrs ?? {}, y = a;
+  for (const c in { ...d, ...y }) {
+    const w = d[c], x = y[c];
+    w !== x && (x == null || x === !1 ? e.removeAttribute(c) : e.setAttribute(c, String(x)));
   }
 }
 function P(e, t, r) {
   if (typeof e == "string")
     return document.createTextNode(e);
   if (e.tag === "#text") {
-    const g = document.createTextNode(
+    const y = document.createTextNode(
       typeof e.children == "string" ? e.children : ""
     );
-    return e.key != null && (g.key = e.key), g;
+    return e.key != null && (y.key = e.key), y;
   }
   if (e.tag === "#anchor") {
-    const g = e, l = Array.isArray(g.children) ? g.children : [], x = document.createTextNode(""), w = document.createTextNode("");
-    g.key != null && (x.key = `${g.key}:start`, w.key = `${g.key}:end`), g._startNode = x, g._endNode = w;
+    const y = e, c = Array.isArray(y.children) ? y.children : [], w = document.createTextNode(""), x = document.createTextNode("");
+    y.key != null && (w.key = `${y.key}:start`, x.key = `${y.key}:end`), y._startNode = w, y._endNode = x;
     const S = document.createDocumentFragment();
-    S.appendChild(x);
-    for (const p of l) {
-      const u = P(p, t);
+    S.appendChild(w);
+    for (const h of c) {
+      const u = P(h, t);
       S.appendChild(u);
     }
-    return S.appendChild(w), S;
+    return S.appendChild(x), S;
   }
-  const n = document.createElement(e.tag);
-  e.key != null && (n.key = e.key);
-  const { props: o = {}, attrs: s = {}, directives: i = {} } = e.props ?? {}, a = Ee(i, t, n, s), c = {
-    ...o,
+  const o = document.createElement(e.tag);
+  e.key != null && (o.key = e.key);
+  const { props: n = {}, attrs: s = {}, directives: i = {} } = e.props ?? {}, a = Ae(i, t, o, s), l = {
+    ...n,
     ...a.props
   }, f = {
     ...s,
     ...a.attrs
   };
-  for (const g in f) {
-    const l = f[g];
-    if (typeof g != "string" || /\[object Object\]/.test(g)) {
-      typeof window < "u" && window.console && console.warn("Skipping invalid attribute key:", g, l);
+  for (const y in f) {
+    const c = f[y];
+    if (typeof y != "string" || /\[object Object\]/.test(y)) {
+      typeof window < "u" && window.console && console.warn("Skipping invalid attribute key:", y, c);
       continue;
     }
-    typeof l == "boolean" ? l && n.setAttribute(g, "") : l != null && n.setAttribute(g, l);
+    typeof c == "boolean" ? c && o.setAttribute(y, "") : c != null && o.setAttribute(y, c);
   }
-  for (const g in c) {
-    const l = c[g];
-    if (typeof g != "string" || /\[object Object\]/.test(g)) {
-      typeof window < "u" && window.console && console.warn("Skipping invalid prop key:", g, l);
+  for (const y in l) {
+    const c = l[y];
+    if (typeof y != "string" || /\[object Object\]/.test(y)) {
+      typeof window < "u" && window.console && console.warn("Skipping invalid prop key:", y, c);
       continue;
     }
-    if (g === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement))
-      n.value = l ?? "";
-    else if (g === "checked" && n instanceof HTMLInputElement)
-      n.checked = !!l;
-    else if (g.startsWith("on") && typeof l == "function")
-      n.addEventListener(g.slice(2).toLowerCase(), l);
+    if (y === "value" && (o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement || o instanceof HTMLSelectElement))
+      o.value = c ?? "";
+    else if (y === "checked" && o instanceof HTMLInputElement)
+      o.checked = !!c;
+    else if (y.startsWith("on") && typeof c == "function")
+      o.addEventListener(y.slice(2).toLowerCase(), c);
     else {
-      if (g.startsWith("on") && l === void 0)
+      if (y.startsWith("on") && c === void 0)
         continue;
-      l == null || l === !1 ? n.removeAttribute(g) : n.setAttribute(g, String(l));
+      c == null || c === !1 ? o.removeAttribute(y) : o.setAttribute(y, String(c));
     }
   }
-  for (const [g, l] of Object.entries(
+  for (const [y, c] of Object.entries(
     a.listeners || {}
   ))
-    n.addEventListener(g, 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 g of e.children)
-      n.appendChild(P(g, t, r));
-  else typeof e.children == "string" && (n.textContent = e.children);
-  return n;
+    o.addEventListener(y, c);
+  const d = e.props?.ref ?? (e.props?.props && e.props.props.ref);
+  if (typeof e != "string" && d && r && (r[d] = o), Array.isArray(e.children))
+    for (const y of e.children)
+      o.appendChild(P(y, t, r));
+  else typeof e.children == "string" && (o.textContent = e.children);
+  return o;
 }
-function Fe(e, t, r, n, o) {
+function Ke(e, t, r, o, n) {
   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);
-  const c = /* @__PURE__ */ new Map();
-  for (const x of s) {
-    const w = x.key;
-    w != null && c.set(w, x);
+  for (const w of i)
+    w && w.key != null && a.set(w.key, w);
+  const l = /* @__PURE__ */ new Map();
+  for (const w of s) {
+    const x = w.key;
+    x != null && l.set(x, w);
   }
   const f = /* @__PURE__ */ new Set();
-  let y = e.firstChild;
-  function g(x, w) {
-    let S = x;
-    for (; S && (f.add(S), S !== w); )
+  let d = e.firstChild;
+  function y(w, x) {
+    let S = w;
+    for (; S && (f.add(S), S !== x); )
       S = S.nextSibling;
   }
-  function l(x, w, S, p) {
+  function c(w, x, S, h) {
     const u = [];
-    let h = x.nextSibling;
-    for (; h && h !== w; )
-      u.push(h), h = h.nextSibling;
+    let g = w.nextSibling;
+    for (; g && g !== x; )
+      u.push(g), g = g.nextSibling;
     const b = Array.isArray(S) ? S : [];
-    if (p.some((v) => v && v.key != null) || b.some((v) => v && v.key != null)) {
+    if (h.some((v) => v && v.key != null) || b.some((v) => v && v.key != null)) {
       const v = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map();
       for (const C of b)
         C && C.key != null && v.set(C.key, C);
@@ -650,8 +650,8 @@ function Fe(e, t, r, n, o) {
         E != null && m.set(E, C);
       }
       const k = /* @__PURE__ */ new Set();
-      let _ = x.nextSibling;
-      for (const C of p) {
+      let _ = w.nextSibling;
+      for (const C of h) {
         let E;
         if (C.key != null && m.has(C.key)) {
           const j = v.get(C.key);
@@ -659,10 +659,10 @@ function Fe(e, t, r, n, o) {
             m.get(C.key),
             j,
             C,
-            n
+            o
           ), k.add(E), E !== _ && e.contains(E) && e.insertBefore(E, _);
         } else
-          E = P(C, n), e.insertBefore(E, _), k.add(E);
+          E = P(C, o), e.insertBefore(E, _), k.add(E);
         _ = E.nextSibling;
       }
       for (const C of u)
@@ -670,57 +670,57 @@ function Fe(e, t, r, n, o) {
     } else {
       const v = Math.min(
         b.length,
-        p.length
+        h.length
       );
       for (let m = 0; m < v; m++) {
-        const k = b[m], _ = p[m], C = Y(u[m], k, _, n);
+        const k = b[m], _ = h[m], C = Y(u[m], k, _, o);
         C !== u[m] && (e.insertBefore(C, u[m]), e.removeChild(u[m]));
       }
-      for (let m = v; m < p.length; m++)
-        e.insertBefore(P(p[m], n), w);
+      for (let m = v; m < h.length; m++)
+        e.insertBefore(P(h[m], o), x);
       for (let m = v; m < u.length; m++)
         e.removeChild(u[m]);
     }
   }
-  for (const x of r) {
-    let w;
-    if (x.tag === "#anchor") {
-      const S = x.key, p = `${S}:start`, u = `${S}:end`;
-      let h = c.get(p), b = c.get(u);
-      const d = Array.isArray(x.children) ? x.children : [];
-      if (h || (h = document.createTextNode(""), h.key = p), b || (b = document.createTextNode(""), b.key = u), x._startNode = h, x._endNode = b, !e.contains(h) || !e.contains(b)) {
-        e.insertBefore(h, y);
-        for (const v of d)
-          e.insertBefore(P(v, n), y);
-        e.insertBefore(b, y);
+  for (const w of r) {
+    let x;
+    if (w.tag === "#anchor") {
+      const S = w.key, h = `${S}:start`, u = `${S}:end`;
+      let g = l.get(h), b = l.get(u);
+      const p = Array.isArray(w.children) ? w.children : [];
+      if (g || (g = document.createTextNode(""), g.key = h), b || (b = document.createTextNode(""), b.key = u), w._startNode = g, w._endNode = b, !e.contains(g) || !e.contains(b)) {
+        e.insertBefore(g, d);
+        for (const v of p)
+          e.insertBefore(P(v, o), d);
+        e.insertBefore(b, d);
       } else
-        l(
-          h,
+        c(
+          g,
           b,
           a.get(S)?.children,
-          d
+          p
         );
-      g(h, b), y = b.nextSibling;
+      y(g, b), d = b.nextSibling;
       continue;
     }
-    if (x.key != null && c.has(x.key)) {
-      const S = a.get(x.key);
-      w = Y(
-        c.get(x.key),
+    if (w.key != null && l.has(w.key)) {
+      const S = a.get(w.key);
+      x = Y(
+        l.get(w.key),
         S,
-        x,
-        n,
-        o
-      ), f.add(w), w !== y && e.contains(w) && (y && !e.contains(y) && (y = null), e.insertBefore(w, y));
+        w,
+        o,
+        n
+      ), f.add(x), x !== d && e.contains(x) && (d && !e.contains(d) && (d = null), e.insertBefore(x, d));
     } else
-      w = P(x, n, o), y && !e.contains(y) && (y = null), e.insertBefore(w, y), f.add(w);
-    y = w.nextSibling;
+      x = P(w, o, n), d && !e.contains(d) && (d = null), e.insertBefore(x, d), f.add(x);
+    d = x.nextSibling;
   }
-  for (const x of s)
-    !f.has(x) && e.contains(x) && (D(x, o), e.removeChild(x));
+  for (const w of s)
+    !f.has(w) && e.contains(w) && (q(w, n), e.removeChild(w));
 }
-function Y(e, t, r, n, o) {
-  if (t && typeof t != "string" && t.props?.ref && o && D(e, o), t === r) return e;
+function Y(e, t, r, o, n) {
+  if (t && typeof t != "string" && t.props?.ref && n && q(e, n), t === r) return e;
   if (typeof r == "string") {
     if (e.nodeType === Node.TEXT_NODE)
       return e.textContent !== r && (e.textContent = r), e;
@@ -730,78 +730,78 @@ function Y(e, t, r, n, o) {
     }
   }
   if (r && typeof r != "string" && r.tag === "#anchor") {
-    const i = r, a = Array.isArray(i.children) ? i.children : [], 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 y = document.createDocumentFragment();
-    y.appendChild(c);
-    for (const g of a) {
-      const l = P(g, n);
-      y.appendChild(l);
+    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 d = document.createDocumentFragment();
+    d.appendChild(l);
+    for (const y of a) {
+      const c = P(y, o);
+      d.appendChild(c);
     }
-    return y.appendChild(f), e.parentNode?.replaceChild(y, e), c;
+    return d.appendChild(f), e.parentNode?.replaceChild(d, e), l;
   }
   if (!r) {
-    D(e, o);
+    q(e, n);
     const i = document.createComment("removed");
     return e.parentNode?.replaceChild(i, e), i;
   }
   if (!t || typeof t == "string") {
-    D(e, o);
-    const i = P(r, n, o);
-    return typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = i), e.parentNode?.replaceChild(i, e), i;
+    q(e, n);
+    const i = P(r, o, n);
+    return typeof r != "string" && r.props?.ref && n && (n[r.props.ref] = i), e.parentNode?.replaceChild(i, e), i;
   }
   if (r.tag === "#anchor") {
-    const i = Array.isArray(r.children) ? r.children : [], a = r._startNode ?? document.createTextNode(""), c = r._endNode ?? document.createTextNode("");
-    r.key != null && (a.key = `${r.key}:start`, c.key = `${r.key}:end`), r._startNode = a, r._endNode = c;
+    const i = Array.isArray(r.children) ? r.children : [], a = r._startNode ?? document.createTextNode(""), l = r._endNode ?? document.createTextNode("");
+    r.key != null && (a.key = `${r.key}:start`, l.key = `${r.key}:end`), r._startNode = a, r._endNode = l;
     const f = document.createDocumentFragment();
     f.appendChild(a);
-    for (const y of i)
-      f.appendChild(P(y, n));
-    return f.appendChild(c), e.parentNode?.replaceChild(f, e), a;
+    for (const d of i)
+      f.appendChild(P(d, o));
+    return f.appendChild(l), 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 Ue(i, t.props || {}, r.props || {}, n), Fe(i, t.children, r.children, n, o), typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = i), i;
+    return Fe(i, t.props || {}, r.props || {}, o), Ke(i, t.children, r.children, o, n), typeof r != "string" && r.props?.ref && n && (n[r.props.ref] = i), i;
   }
-  D(e, o);
-  const s = P(r, n, o);
-  return typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = s), e.parentNode?.replaceChild(s, e), s;
+  q(e, n);
+  const s = P(r, o, n);
+  return typeof r != "string" && r.props?.ref && n && (n[r.props.ref] = s), e.parentNode?.replaceChild(s, e), s;
 }
-function Ke(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 = {
+function Ve(e, t, r, o) {
+  let n;
+  Array.isArray(t) ? t.length === 1 ? (n = t[0], n && typeof n == "object" && n.key == null && (n = { ...n, key: "__root__" })) : n = { tag: "div", key: "__root__", children: t } : (n = t, n && typeof n == "object" && n.key == null && (n = { ...n, key: "__root__" })), n && typeof n == "object" && n.tag === "#anchor" && (n = {
     tag: "div",
     key: "__anchor_root__",
     props: { attrs: { "data-anchor-block-root": "", key: "__anchor_root__" } },
-    children: [o]
-  }), o = ge(o, String(o.key ?? "root"));
+    children: [n]
+  }), n = ge(n, String(n.key ?? "root"));
   const s = e._prevVNode ?? null, i = e._prevDom ?? e.firstChild ?? null;
   let a;
-  s && i ? typeof s != "string" && typeof o != "string" && s.tag === o.tag && s.key === o.key ? a = Y(i, s, o, r, n) : (a = P(o, r, n), e.replaceChild(a, i)) : (a = P(o, r, n), e.firstChild ? e.replaceChild(a, e.firstChild) : e.appendChild(a));
-  const c = [];
+  s && i ? typeof s != "string" && typeof n != "string" && s.tag === n.tag && s.key === n.key ? a = Y(i, s, n, r, o) : (a = P(n, r, o), e.replaceChild(a, i)) : (a = P(n, r, o), e.firstChild ? e.replaceChild(a, e.firstChild) : e.appendChild(a));
+  const l = [];
   for (let f = 0; f < e.childNodes.length; f++) {
-    const y = e.childNodes[f];
-    y !== a && y.nodeName !== "STYLE" && (D(y, n), c.push(y));
+    const d = e.childNodes[f];
+    d !== a && d.nodeName !== "STYLE" && (q(d, o), l.push(d));
   }
-  c.forEach((f) => e.removeChild(f)), e._prevVNode = o, e._prevDom = a;
+  l.forEach((f) => e.removeChild(f)), e._prevVNode = n, e._prevDom = a;
 }
-function Ae(e, ...t) {
+function Te(e, ...t) {
   let r = "";
-  for (let n = 0; n < e.length; n++)
-    r += e[n], n < t.length && (r += t[n]);
+  for (let o = 0; o < e.length; o++)
+    r += e[o], o < t.length && (r += t[o]);
   return r;
 }
-function Te(e) {
+function je(e) {
   return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
 }
 let Q = null;
-function we() {
-  return Q || (Q = new CSSStyleSheet(), Q.replaceSync(Te(Je))), Q;
+function ke() {
+  return Q || (Q = new CSSStyleSheet(), Q.replaceSync(je(Ze))), Q;
 }
-function Ve(e) {
+function Je(e) {
   return e.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
 }
-const Je = Ae`
+const Ze = Te`
   :host, *, ::before, ::after {
     all: isolate;
     box-sizing: border-box;
@@ -859,7 +859,7 @@ const Je = Ae`
   sup { top: -.5em }
   [disabled], [aria-disabled=true] { cursor: not-allowed }
   [hidden] { display: none }
-`, Ze = {
+`, Qe = {
   gray: {
     50: "var(--color-gray-50, #f9fafb)",
     100: "var(--color-gray-100, #f3f4f6)",
@@ -1175,7 +1175,7 @@ const Je = Ae`
   "z-30": "z-index:30;",
   "z-40": "z-index:40;",
   "z-50": "z-index:50;"
-}, Qe = "0.25rem", ke = {
+}, Xe = "0.25rem", $e = {
   m: ["margin"],
   mx: ["margin-inline"],
   my: ["margin-block"],
@@ -1208,19 +1208,19 @@ const Je = Ae`
   "gap-y": ["row-gap"]
 };
 function R(e, t) {
-  let r = 0, n = 0;
-  for (let o = 0; o < e.length; o++) {
-    const s = e[o];
+  let r = 0, o = 0;
+  for (let n = 0; n < e.length; n++) {
+    const s = e[n];
     if (s === "[") r++;
     else if (s === "]" && r > 0) r--;
-    else if (s === "(") n++;
-    else if (s === ")" && n > 0) n--;
-    else if (r === 0 && n === 0 && (s === ">" || s === "+" || s === "~" || s === " "))
-      return e.slice(0, o) + t + e.slice(o);
+    else if (s === "(") o++;
+    else if (s === ")" && o > 0) o--;
+    else if (r === 0 && o === 0 && (s === ">" || s === "+" || s === "~" || s === " "))
+      return e.slice(0, n) + t + e.slice(n);
   }
   return e + t;
 }
-const Xe = {
+const Ye = {
   before: (e, t) => `${e}::before{${t}}`,
   after: (e, t) => `${e}::after{${t}}`,
   hover: (e, t) => `${R(e, ":hover")}{${t}}`,
@@ -1254,21 +1254,21 @@ const Xe = {
   dark: "(prefers-color-scheme: dark)"
 }, le = ["sm", "md", "lg", "xl", "2xl"];
 function ce(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) || !ke[o]) return null;
+  const t = e.startsWith("-"), o = (t ? e.slice(1) : e).split("-");
+  if (o.length < 2) return null;
+  const n = o.slice(0, -1).join("-"), s = o[o.length - 1], i = parseFloat(s);
+  if (Number.isNaN(i) || !$e[n]) return null;
   const a = t ? "-" : "";
-  return ke[o].map((c) => `${c}:calc(${a}${Qe} * ${i});`).join("");
+  return $e[n].map((l) => `${l}:calc(${a}${Xe} * ${i});`).join("");
 }
-function $e(e) {
-  const t = e.replace("#", ""), r = parseInt(t, 16), n = r >> 16 & 255, o = r >> 8 & 255, s = r & 255;
-  return `${n} ${o} ${s}`;
+function Se(e) {
+  const t = e.replace("#", ""), r = parseInt(t, 16), o = r >> 16 & 255, n = r >> 8 & 255, s = r & 255;
+  return `${o} ${n} ${s}`;
 }
-function Ye(e) {
+function Ge(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 = Ze[n]?.[o];
+  const [, r, o, n = "DEFAULT"] = t, s = Qe[o]?.[n];
   return s ? `${{
     bg: "background-color",
     decoration: "text-decoration-color",
@@ -1283,33 +1283,33 @@ function Ye(e) {
     stroke: "stroke-color"
   }[r]}:${s};` : null;
 }
-function Ge(e) {
+function et(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 };
+  const o = parseInt(r, 10);
+  return isNaN(o) || o < 0 || o > 100 ? { base: t } : { base: t, opacity: o / 100 };
 }
 function fe(e) {
-  const { base: t, opacity: r } = Ge(e), n = Ye(t);
-  if (n) {
+  const { base: t, opacity: r } = et(e), o = Ge(t);
+  if (o) {
     if (r !== void 0) {
-      const s = /#([0-9a-f]{6})/i.exec(n);
+      const s = /#([0-9a-f]{6})/i.exec(o);
       if (s) {
-        const i = $e(s[0]);
-        return n.replace(/#([0-9a-f]{6})/i, `rgb(${i} / ${r})`);
+        const i = Se(s[0]);
+        return o.replace(/#([0-9a-f]{6})/i, `rgb(${i} / ${r})`);
       }
     }
-    return n;
+    return o;
   }
-  const o = G(t);
-  if (o && r !== void 0) {
-    const s = /#([0-9a-f]{6})/i.exec(o);
+  const n = G(t);
+  if (n && r !== void 0) {
+    const s = /#([0-9a-f]{6})/i.exec(n);
     if (s) {
-      const i = $e(s[0]);
-      return o.replace(/#([0-9a-f]{6})/i, `rgb(${i} / ${r})`);
+      const i = Se(s[0]);
+      return n.replace(/#([0-9a-f]{6})/i, `rgb(${i} / ${r})`);
     }
   }
-  return o;
+  return n;
 }
 function ue(e) {
   const t = /^opacity-(\d{1,3})$/.exec(e);
@@ -1319,19 +1319,19 @@ function ue(e) {
 }
 function G(e) {
   if (e.startsWith("[") && e.endsWith("]") && !e.includes("-[")) {
-    const o = e.slice(1, -1).trim().match(/^([a-zA-Z][a-zA-Z0-9-]*)\s*:(.*)$/);
-    if (o) {
-      const s = o[1].trim();
-      let i = o[2].trim();
+    const n = e.slice(1, -1).trim().match(/^([a-zA-Z][a-zA-Z0-9-]*)\s*:(.*)$/);
+    if (n) {
+      const s = n[1].trim();
+      let i = n[2].trim();
       return i = i.replace(/url\('\s*([^']*?)\s*'\)/g, 'url("$1")'), i = i.replace(/^'([^']*)'$/g, '"$1"'), `${s}:${i};`;
     }
     return null;
   }
   const t = e.indexOf("-["), r = e.endsWith("]");
   if (t > 0 && r) {
-    const n = e.slice(0, t);
-    let o = e.slice(t + 2, -1);
-    o = o.replace(/_/g, " ");
+    const o = e.slice(0, t);
+    let n = e.slice(t + 2, -1);
+    n = n.replace(/_/g, " ");
     const s = {
       bg: "background-color",
       text: "color",
@@ -1372,14 +1372,14 @@ function G(e) {
       leading: "line-height",
       z: "z-index"
     };
-    if (n === "rotate")
-      return `transform:rotate(${o});`;
-    const i = s[n] ?? n.replace(/_/g, "-");
-    if (i && o) return `${i}:${o};`;
+    if (o === "rotate")
+      return `transform:rotate(${n});`;
+    const i = s[o] ?? o.replace(/_/g, "-");
+    if (i && n) return `${i}:${n};`;
   }
   return null;
 }
-function et(e) {
+function tt(e) {
   if (e.startsWith("[") && e.endsWith("]")) {
     const r = e.slice(1, -1);
     return r.includes("&") ? r : e;
@@ -1391,44 +1391,44 @@ function et(e) {
   }
   return null;
 }
-function tt(e) {
+function rt(e) {
   return e.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1");
 }
-function rt(e) {
+function nt(e) {
   const t = /class\s*=\s*(['"])(.*?)\1/g, r = [];
-  let n;
-  for (; n = t.exec(e); ) {
-    const o = n[2].split(/\s+/).filter(Boolean);
-    o.length && r.push(...o);
+  let o;
+  for (; o = t.exec(e); ) {
+    const n = o[2].split(/\s+/).filter(Boolean);
+    n.length && r.push(...n);
   }
   return r.filter(Boolean);
 }
-const Se = /* @__PURE__ */ new Map(), nt = 16;
-function ot(e) {
-  const t = Date.now(), r = Se.get(e);
-  if (r && t - r.timestamp < nt) return r.css;
-  const n = rt(e), o = new Set(n), s = [], i = [], a = [], c = [], f = {};
-  function y(p, u = !1) {
-    const h = (u ? "dark|" : "") + p;
-    if (h in f) return f[h];
-    const b = w(p, u);
-    return f[h] = b, b;
-  }
-  function g(p) {
-    const u = p.some((b) => le.includes(b)), h = p.includes("dark");
-    return p.length === 0 ? 1 : !u && !h ? 2 : u && !h ? 3 : 4;
-  }
-  function l(p) {
+const _e = /* @__PURE__ */ new Map(), ot = 16;
+function it(e) {
+  const t = Date.now(), r = _e.get(e);
+  if (r && t - r.timestamp < ot) return r.css;
+  const o = nt(e), n = new Set(o), s = [], i = [], a = [], l = [], f = {};
+  function d(h, u = !1) {
+    const g = (u ? "dark|" : "") + h;
+    if (g in f) return f[g];
+    const b = x(h, u);
+    return f[g] = b, b;
+  }
+  function y(h) {
+    const u = h.some((b) => le.includes(b)), g = h.includes("dark");
+    return h.length === 0 ? 1 : !u && !g ? 2 : u && !g ? 3 : 4;
+  }
+  function c(h) {
     const u = [];
-    let h = "", b = 0, d = 0;
-    for (let v = 0; v < p.length; v++) {
-      const m = p[v];
-      m === "[" ? b++ : m === "]" && b > 0 ? b-- : m === "(" ? d++ : m === ")" && d > 0 && d--, m === ":" && b === 0 && d === 0 ? (u.push(h), h = "") : h += m;
+    let g = "", b = 0, p = 0;
+    for (let v = 0; v < h.length; v++) {
+      const m = h[v];
+      m === "[" ? b++ : m === "]" && b > 0 ? b-- : m === "(" ? p++ : m === ")" && p > 0 && p--, m === ":" && b === 0 && p === 0 ? (u.push(g), g = "") : g += m;
     }
-    return h && u.push(h), u;
+    return g && u.push(g), u;
   }
-  function x(p) {
-    switch (p) {
+  function w(h) {
+    switch (h) {
       case "hover":
         return ":hover";
       case "focus":
@@ -1457,40 +1457,40 @@ function ot(e) {
         return null;
     }
   }
-  function w(p, u = !1) {
-    const h = l(p);
-    (p.includes("mask-image") || p.includes("sm: hover") || p.includes("sm:hover") || p.includes("mask.svg")) && console.error("DEBUG generateRule:", p, h);
-    let b = !1, d = h.find(($) => ($.startsWith("!") && (b = !0, $ = $.slice(1)), se[$] || ce($) || ue($) || fe($) || G($)));
-    if (!d) return null;
-    const v = d.replace(/^!/, ""), m = se[v] ?? ce(v) ?? ue(v) ?? fe(v) ?? G(v);
+  function x(h, u = !1) {
+    const g = c(h);
+    (h.includes("mask-image") || h.includes("sm: hover") || h.includes("sm:hover") || h.includes("mask.svg")) && console.error("DEBUG generateRule:", h, g);
+    let b = !1, p = g.find(($) => ($.startsWith("!") && (b = !0, $ = $.slice(1)), se[$] || ce($) || ue($) || fe($) || G($)));
+    if (!p) return null;
+    const v = p.replace(/^!/, ""), m = se[v] ?? ce(v) ?? ue(v) ?? fe(v) ?? G(v);
     if (!m) return null;
-    const k = h.indexOf(d);
-    let _ = k >= 0 ? h.slice(0, k) : [];
+    const k = g.indexOf(p);
+    let _ = k >= 0 ? g.slice(0, k) : [];
     u && (_ = _.filter(($) => $ !== "dark"));
-    const C = `.${tt(p)}`, E = "__SUBJECT__", j = b ? m.replace(/;$/, " !important;") : m;
+    const C = `.${rt(h)}`, E = "__SUBJECT__", j = b ? m.replace(/;$/, " !important;") : m;
     let A = E;
     const re = [];
     for (const $ of _)
       $.startsWith("group-") ? (A = `.group:${$.slice(6)} ${A}`, re.push($)) : $.startsWith("peer-") && (A = A.replace(E, `.peer:${$.slice(5)}~${E}`), re.push($));
     _ = _.filter(($) => !re.includes($));
-    const ne = [], me = [];
+    const ne = [], be = [];
     let N = null;
     for (const $ of _) {
       if ($ === "dark" || le.includes($)) continue;
-      const M = et($);
+      const M = tt($);
       if (M) {
         N = M;
         continue;
       }
-      const L = x($);
+      const L = w($);
       if (L) {
-        N ? me.push(L) : ne.push(L);
+        N ? be.push(L) : ne.push(L);
         continue;
       }
-      const B = Xe[$];
+      const B = Ye[$];
       typeof B == "function" && (A = B(A, j).split("{")[0]);
     }
-    function je($, M) {
+    function Le($, M) {
       if (!M) return $;
       let L = 0, B = 0;
       if ($.length && ($[0] === ">" || $[0] === "+" || $[0] === "~" || $[0] === " ")) {
@@ -1510,14 +1510,14 @@ function ot(e) {
       }
       return $ + M;
     }
-    const oe = ne.join(""), K = me.join("");
+    const oe = ne.join(""), K = be.join("");
     if (N)
       if (N.includes("&")) {
         const $ = N.indexOf("&"), M = N.slice(0, $), L = N.slice($ + 1), B = E + oe, T = A;
         if (ne.length === 0)
           A = T.replace(E, M + B + K + L);
         else {
-          const z = je(L, K);
+          const z = Le(L, K);
           A = T.replace(E, M + B + z);
         }
       } else
@@ -1526,102 +1526,114 @@ function ot(e) {
       A = E + oe + K;
     A = A.replace(new RegExp(E, "g"), C);
     let O = `${A}{${j}}`;
-    const ie = _.filter(($) => le.includes($)), H = ie.length ? ie[ie.length - 1] : null, be = _.includes("dark");
-    return u && H ? O = `@media (prefers-color-scheme: dark) and ${ae[H]}{${O}}` : u ? O = `@media (prefers-color-scheme: dark){${O}}` : be && H ? O = `@media (prefers-color-scheme: dark) and ${ae[H]}{${O}}` : be ? O = `@media (prefers-color-scheme: dark){${O}}` : H && (O = `@media ${ae[H]}{${O}}`), O;
+    const ie = _.filter(($) => le.includes($)), I = ie.length ? ie[ie.length - 1] : null, ve = _.includes("dark");
+    return u && I ? O = `@media (prefers-color-scheme: dark) and ${ae[I]}{${O}}` : u ? O = `@media (prefers-color-scheme: dark){${O}}` : ve && I ? O = `@media (prefers-color-scheme: dark) and ${ae[I]}{${O}}` : ve ? O = `@media (prefers-color-scheme: dark){${O}}` : I && (O = `@media ${ae[I]}{${O}}`), O;
   }
-  for (const p of o) {
-    const u = l(p), h = u.find(
+  for (const h of n) {
+    const u = c(h), g = u.find(
       (m) => se[m] || ce(m) || ue(m) || fe(m) || G(m)
     );
-    if (!h) continue;
-    const b = u.indexOf(h), d = b >= 0 ? u.slice(0, b) : [], v = g(d);
+    if (!g) continue;
+    const b = u.indexOf(g), p = b >= 0 ? u.slice(0, b) : [], v = y(p);
     if (v === 4) {
-      const m = y(p, !0);
-      m && c.push(m);
+      const m = d(h, !0);
+      m && l.push(m);
     } else {
-      const m = y(p);
+      const m = d(h);
       m && (v === 1 ? s.push(m) : v === 2 ? i.push(m) : v === 3 && a.push(m));
     }
   }
-  const S = [...s, ...i, ...a, ...c].join("");
-  return Se.set(e, { css: S, timestamp: t }), S;
+  const S = [...s, ...i, ...a, ...l].join("");
+  return _e.set(e, { css: S, timestamp: t }), S;
 }
 const J = [];
-function it(e, t, r, n, o, s, i, a) {
+function st(e, t, r, o, n, s, i, a) {
   if (e) {
     J.push(r);
     try {
       if (t.loadingTemplate && r.isLoading) {
-        I(e, t.loadingTemplate(r), r, n, o);
+        U(e, t.loadingTemplate(r), r, o, n);
         return;
       }
       if (t.errorTemplate && r.hasError) {
-        r.error instanceof Error && I(e, t.errorTemplate(r.error, r), r, n, o);
+        r.error instanceof Error && U(e, t.errorTemplate(r.error, r), r, o, n);
         return;
       }
-      const c = t.render(r);
-      if (c instanceof Promise) {
-        s(!0), c.then((f) => {
-          s(!1), i(null), I(e, f, r, n, o), a(e.innerHTML);
+      const l = t.render(r);
+      if (l instanceof Promise) {
+        s(!0), l.then((f) => {
+          s(!1), i(null), U(e, f, r, o, n), a(e.innerHTML);
         }).catch((f) => {
-          s(!1), i(f), t.errorTemplate && I(e, t.errorTemplate(f, r), r, n, o);
-        }), t.loadingTemplate && I(e, t.loadingTemplate(r), r, n, o);
+          s(!1), i(f), t.errorTemplate && U(e, t.errorTemplate(f, r), r, o, n);
+        }), t.loadingTemplate && U(e, t.loadingTemplate(r), r, o, n);
         return;
       }
-      I(e, c, r, n, o), a(e.innerHTML);
+      U(e, l, r, o, n), a(e.innerHTML);
     } finally {
       J.pop();
     }
   }
 }
-function I(e, t, r, n, o) {
-  e && (Ke(
+function U(e, t, r, o, n) {
+  e && (Ve(
     e,
     Array.isArray(t) ? t : [t],
     r,
-    n
-  ), o(e.innerHTML));
+    o
+  ), n(e.innerHTML));
 }
-function st(e, t, r, n, o, s, i) {
+function at(e, t, r, o, n, s, i) {
   if (s !== null && clearTimeout(s), Date.now() - t < 16) {
-    if (o(r + 1), r > 10) {
+    if (n(r + 1), r > 10) {
       console.warn("Potential infinite render loop detected. Skipping render."), i(null);
       return;
     }
   } else
-    o(0);
-  const c = setTimeout(() => {
-    n(Date.now()), e(), i(null);
+    n(0);
+  const l = setTimeout(() => {
+    o(Date.now()), e(), i(null);
   }, 0);
-  i(c);
+  i(l);
 }
-function at(e, t, r, n, o, s) {
+function lt(e, t, r, o, n, s) {
   if (!e) return;
-  const i = ot(n);
+  const i = it(o);
   if (!t.style && (!i || i.trim() === "")) {
-    s(null), e.adoptedStyleSheets = [we()];
+    s(null), e.adoptedStyleSheets = [ke()];
     return;
   }
   let a = "";
   t.style && (typeof t.style == "string" ? a = t.style : typeof t.style == "function" && (a = t.style(r)));
-  let c = Ve(`${a}
+  let l = Je(`${a}
 ${i}
 `);
-  c = Te(c);
-  let f = o;
-  f || (f = new CSSStyleSheet()), (f.cssRules.length === 0 || f.toString() !== c) && f.replaceSync(c), e.adoptedStyleSheets = [we(), f], s(f);
-}
-const lt = /* @__PURE__ */ new Map();
-function _e(e, t, r) {
-  let n = ye(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);
-  }), lt.set(n, o), typeof window < "u" && !customElements.get(n) && customElements.define(n, ct(o));
+  l = je(l);
+  let f = n;
+  f || (f = new CSSStyleSheet()), (f.cssRules.length === 0 || f.toString() !== l) && f.replaceSync(l), e.adoptedStyleSheets = [ke(), f], s(f);
+}
+const ye = /* @__PURE__ */ new Map();
+function Ce(e, t, r) {
+  let o = me(e);
+  o.includes("-") || (o = `cer-${o}`);
+  let n;
+  if (typeof t == "function" ? n = { ...r, render: t } : n = t, typeof n.onError != "function" && (n.onError = (s, i) => {
+    console.error(`[${o}] Error:`, s, i);
+  }), ye.set(o, n), typeof window < "u")
+    if (!customElements.get(o))
+      customElements.define(o, ct(o, n));
+    else
+      try {
+        document.querySelectorAll(o).forEach((s) => {
+          try {
+            typeof s._cfg < "u" && (s._cfg = n), typeof s._render == "function" && s._render(n);
+          } catch {
+          }
+        });
+      } catch {
+      }
 }
-function ct(e) {
-  if (!e.render)
+function ct(e, t) {
+  if (!t.render)
     throw new Error(
       "Component must have a render function"
     );
@@ -1664,63 +1676,65 @@ function ct(e) {
     _templateLoading = !1;
     _templateError = null;
     constructor() {
-      super(), this.attachShadow({ mode: "open" }), this._cfg = e;
-      const t = this._initContext(e);
-      Object.defineProperty(t, "refs", {
+      super(), this.attachShadow({ mode: "open" }), this._cfg = ye.get(e) || t;
+      const r = this._initContext(t);
+      Object.defineProperty(r, "refs", {
         value: this._refs,
         writable: !1,
         enumerable: !1,
         configurable: !1
-      }), Object.defineProperty(t, "requestRender", {
+      }), Object.defineProperty(r, "requestRender", {
         value: () => this.requestRender(),
         writable: !1,
         enumerable: !1,
         configurable: !1
-      }), this.context = t, this._applyProps(e), Object.defineProperty(this.context, "emit", {
-        value: (r, n, o) => {
+      }), this.context = r, this._applyProps(t), Object.defineProperty(this.context, "emit", {
+        value: (n, s, i) => {
           this.dispatchEvent(
-            new CustomEvent(r, {
-              detail: n,
+            new CustomEvent(n, {
+              detail: s,
               bubbles: !0,
               composed: !0,
-              ...o || {}
+              ...i || {}
             })
           );
-          const s = `on${r.charAt(0).toUpperCase()}${r.slice(1)}`, i = typeof this[s] == "function" ? this[s] : void 0, a = typeof this.context[s] == "function" ? this.context[s] : void 0, c = typeof e[s] == "function" ? e[s] : void 0;
-          i && i(n, this.context), a && a !== i && a(n, this.context), c && c !== i && c !== a && c(n, this.context);
+          const a = `on${n.charAt(0).toUpperCase()}${n.slice(1)}`, l = typeof this[a] == "function" ? this[a] : void 0, f = typeof this.context[a] == "function" ? this.context[a] : void 0, d = typeof t[a] == "function" ? t[a] : void 0;
+          l && l(s, this.context), f && f !== l && f(s, this.context), d && d !== l && d !== f && d(s, this.context);
         },
         writable: !1,
         enumerable: !1,
         configurable: !1
-      }), Object.keys(e).forEach((r) => {
-        const n = e[r];
-        if (typeof n == "function" && !r.startsWith("on"))
-          this.context[r] = (...o) => n(...o, this.context);
-        else if (r.startsWith("on") && r.length > 2 && r[2] === r[2].toUpperCase()) {
-          const o = r.slice(2, 3).toLowerCase() + r.slice(3);
-          this.addEventListener(o, (s) => {
-            const i = typeof this[r] == "function" ? this[r] : this.context[r];
-            typeof i == "function" && i(s.detail, this.context);
+      });
+      const o = ye.get(e) || t;
+      Object.keys(o).forEach((n) => {
+        const s = o[n];
+        if (typeof s == "function" && !n.startsWith("on"))
+          this.context[n] = (...i) => s(...i, this.context);
+        else if (n.startsWith("on") && n.length > 2 && n[2] === n[2].toUpperCase()) {
+          const i = n.slice(2, 3).toLowerCase() + n.slice(3);
+          this.addEventListener(i, (a) => {
+            const l = typeof this[n] == "function" ? this[n] : this.context[n];
+            typeof l == "function" && l(a.detail, this.context);
           });
         }
-      }), this._applyComputed(e), this._initializing = !1, this._initWatchers(e), this._render(e);
+      }), this._applyComputed(o), this._initializing = !1, this._initWatchers(o), this._render(o);
     }
     connectedCallback() {
-      this._runLogicWithinErrorBoundary(e, () => {
-        Oe(
-          e,
+      this._runLogicWithinErrorBoundary(t, () => {
+        Me(
+          t,
           this.context,
           this._mounted,
-          (t) => {
-            this._mounted = t;
+          (r) => {
+            this._mounted = r;
           }
         );
       });
     }
     disconnectedCallback() {
-      this._runLogicWithinErrorBoundary(e, () => {
-        Me(
-          e,
+      this._runLogicWithinErrorBoundary(t, () => {
+        We(
+          t,
           this.context,
           this._listeners,
           () => {
@@ -1729,39 +1743,39 @@ function ct(e) {
           () => {
             this._watchers.clear();
           },
-          (t) => {
-            this._templateLoading = t;
+          (r) => {
+            this._templateLoading = r;
           },
-          (t) => {
-            this._templateError = t;
+          (r) => {
+            this._templateError = r;
           },
-          (t) => {
-            this._mounted = t;
+          (r) => {
+            this._mounted = r;
           }
         );
       });
     }
-    attributeChangedCallback(t, r, n) {
-      this._runLogicWithinErrorBoundary(e, () => {
-        this._applyProps(e), We(
-          e,
+    attributeChangedCallback(r, o, n) {
+      this._runLogicWithinErrorBoundary(t, () => {
+        this._applyProps(t), Ne(
           t,
           r,
+          o,
           n,
           this.context
         );
       });
     }
     static get observedAttributes() {
-      return e.props ? Object.keys(e.props).map(ye) : [];
+      return t.props ? Object.keys(t.props).map(me) : [];
     }
-    _applyComputed(t) {
-      this._runLogicWithinErrorBoundary(e, () => {
-        t.computed && Object.entries(t.computed).forEach(([r, n]) => {
-          Object.defineProperty(this.context, r, {
+    _applyComputed(r) {
+      this._runLogicWithinErrorBoundary(t, () => {
+        r.computed && Object.entries(r.computed).forEach(([o, n]) => {
+          Object.defineProperty(this.context, o, {
             get: () => {
-              const o = n(this.context);
-              return pe(o);
+              const s = n(this.context);
+              return pe(s);
             },
             enumerable: !0
           });
@@ -1769,23 +1783,23 @@ function ct(e) {
       });
     }
     // --- Render ---
-    _render(t) {
-      this._runLogicWithinErrorBoundary(t, () => {
-        it(
+    _render(r) {
+      this._runLogicWithinErrorBoundary(r, () => {
+        st(
           this.shadowRoot,
-          t,
+          r,
           this.context,
           this._refs,
-          (r) => {
-            this._lastHtmlStringForJitCSS = r, typeof this.onHtmlStringUpdate == "function" && this.onHtmlStringUpdate(r);
+          (o) => {
+            this._lastHtmlStringForJitCSS = o, typeof this.onHtmlStringUpdate == "function" && this.onHtmlStringUpdate(o);
           },
-          (r) => {
-            this._templateLoading = r, typeof this.onLoadingStateChange == "function" && this.onLoadingStateChange(r);
+          (o) => {
+            this._templateLoading = o, typeof this.onLoadingStateChange == "function" && this.onLoadingStateChange(o);
           },
-          (r) => {
-            this._templateError = r, typeof this.onErrorStateChange == "function" && this.onErrorStateChange(r);
+          (o) => {
+            this._templateError = o, typeof this.onErrorStateChange == "function" && this.onErrorStateChange(o);
           },
-          (r) => this._applyStyle(t, r)
+          (o) => this._applyStyle(r, o)
         );
       });
     }
@@ -1794,31 +1808,31 @@ function ct(e) {
     }
     _requestRender() {
       this._runLogicWithinErrorBoundary(this._cfg, () => {
-        st(
+        at(
           () => this._render(this._cfg),
           this._lastRenderTime,
           this._renderCount,
-          (t) => {
-            this._lastRenderTime = t;
+          (r) => {
+            this._lastRenderTime = r;
           },
-          (t) => {
-            this._renderCount = t;
+          (r) => {
+            this._renderCount = r;
           },
           this._renderTimeoutId,
-          (t) => {
-            this._renderTimeoutId = t;
+          (r) => {
+            this._renderTimeoutId = r;
           }
         );
       });
     }
     // --- Style ---
-    _applyStyle(t, r) {
-      this._runLogicWithinErrorBoundary(t, () => {
-        at(
+    _applyStyle(r, o) {
+      this._runLogicWithinErrorBoundary(r, () => {
+        lt(
           this.shadowRoot,
-          t,
-          this.context,
           r,
+          this.context,
+          o,
           this._styleSheet,
           (n) => {
             this._styleSheet = n;
@@ -1827,25 +1841,25 @@ function ct(e) {
       });
     }
     // --- Error Boundary function ---
-    _runLogicWithinErrorBoundary(t, r) {
+    _runLogicWithinErrorBoundary(r, o) {
       this._hasError && (this._hasError = !1);
       try {
-        r();
+        o();
       } catch (n) {
-        this._hasError = !0, t.onError && t.onError(n, this.context), t.errorFallback && this.shadowRoot && (this.shadowRoot.innerHTML = t.errorFallback(
+        this._hasError = !0, r.onError && r.onError(n, this.context), r.errorFallback && this.shadowRoot && (this.shadowRoot.innerHTML = r.errorFallback(
           n,
           this.context
         ));
       }
     }
     // --- State, props, computed ---
-    _initContext(t) {
+    _initContext(r) {
       try {
-        let r = function(o, s = "") {
-          return Array.isArray(o) ? new Proxy(o, {
-            get(i, a, c) {
-              const f = Reflect.get(i, a, c);
-              return typeof f == "function" && typeof a == "string" && [
+        let o = function(s, i = "") {
+          return Array.isArray(s) ? new Proxy(s, {
+            get(a, l, f) {
+              const d = Reflect.get(a, l, f);
+              return typeof d == "function" && typeof l == "string" && [
                 "push",
                 "pop",
                 "shift",
@@ -1853,77 +1867,77 @@ function ct(e) {
                 "splice",
                 "sort",
                 "reverse"
-              ].includes(a) ? function(...g) {
-                const l = f.apply(i, g);
+              ].includes(l) ? function(...c) {
+                const w = d.apply(a, c);
                 if (!n._initializing) {
-                  const x = s || "root";
-                  n._triggerWatchers(x, i), n._render(t);
+                  const x = i || "root";
+                  n._triggerWatchers(x, a), n._render(r);
                 }
-                return l;
-              } : f;
+                return w;
+              } : d;
             },
-            set(i, a, c) {
-              if (i[a] = c, !n._initializing) {
-                const f = s ? `${s}.${String(a)}` : String(a);
-                n._triggerWatchers(f, c), n._render(t);
+            set(a, l, f) {
+              if (a[l] = f, !n._initializing) {
+                const d = i ? `${i}.${String(l)}` : String(l);
+                n._triggerWatchers(d, f), n._render(r);
               }
               return !0;
             },
-            deleteProperty(i, a) {
-              if (delete i[a], !n._initializing) {
-                const c = s ? `${s}.${String(a)}` : String(a);
-                n._triggerWatchers(c, void 0), n._render(t);
+            deleteProperty(a, l) {
+              if (delete a[l], !n._initializing) {
+                const f = i ? `${i}.${String(l)}` : String(l);
+                n._triggerWatchers(f, void 0), n._render(r);
               }
               return !0;
             }
-          }) : o && typeof o == "object" ? (Object.keys(o).forEach((i) => {
-            const a = s ? `${s}.${i}` : i;
-            o[i] = r(o[i], a);
-          }), new Proxy(o, {
-            set(i, a, c) {
-              const f = s ? `${s}.${String(a)}` : String(a);
-              return i[a] = r(c, f), n._initializing || (n._triggerWatchers(
-                f,
-                i[a]
-              ), n._render(t)), !0;
+          }) : s && typeof s == "object" ? (Object.keys(s).forEach((a) => {
+            const l = i ? `${i}.${a}` : a;
+            s[a] = o(s[a], l);
+          }), new Proxy(s, {
+            set(a, l, f) {
+              const d = i ? `${i}.${String(l)}` : String(l);
+              return a[l] = o(f, d), n._initializing || (n._triggerWatchers(
+                d,
+                a[l]
+              ), n._render(r)), !0;
             },
-            get(i, a, c) {
-              return Reflect.get(i, a, c);
+            get(a, l, f) {
+              return Reflect.get(a, l, f);
             }
-          })) : o;
+          })) : s;
         };
         const n = this;
-        return r({ ...t.state });
+        return o({ ...r.state });
       } catch {
         return {};
       }
     }
-    _initWatchers(t) {
-      this._runLogicWithinErrorBoundary(t, () => {
-        Be(
+    _initWatchers(r) {
+      this._runLogicWithinErrorBoundary(r, () => {
+        Re(
           this.context,
           this._watchers,
-          t.watch || {}
+          r.watch || {}
         );
       });
     }
-    _triggerWatchers(t, r) {
-      Re(this.context, this._watchers, t, r);
+    _triggerWatchers(r, o) {
+      Pe(this.context, this._watchers, r, o);
     }
-    _applyProps(t) {
-      this._runLogicWithinErrorBoundary(t, () => {
+    _applyProps(r) {
+      this._runLogicWithinErrorBoundary(r, () => {
         try {
-          Pe(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));
+          Oe(this, r, this.context);
+        } catch (o) {
+          this._hasError = !0, r.onError && r.onError(o, this.context), r.errorFallback && this.shadowRoot && (this.shadowRoot.innerHTML = r.errorFallback(o, this.context));
         }
       });
     }
   };
 }
-function V(e, t = {}, r, n) {
-  const o = n ?? t.key;
-  return { tag: e, key: o, props: t, children: r };
+function V(e, t = {}, r, o) {
+  const n = o ?? t.key;
+  return { tag: e, key: n, props: t, children: r };
 }
 function ee(e) {
   return !!e && typeof e == "object" && (e.type === "AnchorBlock" || e.tag === "#anchor");
@@ -1935,88 +1949,88 @@ function ft(e, t) {
   return e.key != null ? e : { ...e, key: t };
 }
 function ut(e, t = [], r = {}) {
-  const n = {}, o = {}, s = {}, i = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
+  const o = {}, n = {}, s = {}, i = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
   let a;
   for (; a = i.exec(e); ) {
-    const c = a[1], f = a[2], y = (a[4] || a[6]) ?? "", g = y.match(/^{{(\d+)}}$/);
-    let l = g ? t[Number(g[1])] ?? null : y;
-    g || (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"];
-    if (c === ":") {
-      const [w, ...S] = f.split(".");
-      if (x.includes(w)) {
-        const p = [...S];
-        s[w] = {
-          value: l,
-          modifiers: p
+    const l = a[1], f = a[2], d = (a[4] || a[6]) ?? "", y = d.match(/^{{(\d+)}}$/);
+    let c = y ? t[Number(y[1])] ?? null : d;
+    y || (c === "true" ? c = !0 : c === "false" ? c = !1 : c === "null" ? c = null : isNaN(Number(c)) || (c = Number(c)));
+    const w = ["model", "bind", "show", "class", "style"];
+    if (l === ":") {
+      const [x, ...S] = f.split(".");
+      if (w.includes(x)) {
+        const h = [...S];
+        s[x] = {
+          value: c,
+          modifiers: h
         };
       } else
-        o[f] = l;
-    } else if (c === "@") {
-      const w = "on" + f.charAt(0).toUpperCase() + f.slice(1);
-      n[w] = typeof l == "function" ? l : typeof r[l] == "function" ? r[l] : void 0;
-    } else f === "ref" ? n.ref = l : o[f] = l;
+        n[f] = c;
+    } else if (l === "@") {
+      const x = "on" + f.charAt(0).toUpperCase() + f.slice(1);
+      o[x] = typeof c == "function" ? c : typeof r[c] == "function" ? r[c] : void 0;
+    } else f === "ref" ? o.ref = c : n[f] = c;
   }
-  return { props: n, attrs: o, directives: s };
+  return { props: o, attrs: n, directives: s };
 }
 function dt(e, t, r) {
-  const n = J.length > 0 ? J[J.length - 1] : void 0, o = r ?? n;
-  function s(d, v) {
-    return V("#text", {}, d, v);
+  const o = J.length > 0 ? J[J.length - 1] : void 0, n = r ?? o;
+  function s(p, v) {
+    return V("#text", {}, p, v);
   }
   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, y = [], g = null, l = {}, x, w = 0, S = [];
-  function p(d) {
-    !d || typeof d != "object" || ee(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((v) => {
-      if (v === "style" && l.attrs.style) {
-        const m = l.attrs.style.replace(
+  for (let p = 0; p < e.length; p++)
+    i += e[p], p < t.length && (i += `{{${p}}}`);
+  const a = /<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, l = [];
+  let f, d = [], y = null, c = {}, w, x = 0, S = [];
+  function h(p) {
+    !p || typeof p != "object" || ee(p) || (p.props || p.attrs ? (p.props && (c.props || (c.props = {}), Object.assign(c.props, p.props)), p.attrs && (c.attrs || (c.attrs = {}), Object.keys(p.attrs).forEach((v) => {
+      if (v === "style" && c.attrs.style) {
+        const m = c.attrs.style.replace(
           /;?\s*$/,
           ""
-        ), k = d.attrs.style.replace(/^;?\s*/, "");
-        l.attrs.style = m + "; " + k;
-      } else if (v === "class" && l.attrs.class) {
-        const m = l.attrs.class.trim().split(/\s+/).filter(Boolean), k = d.attrs.class.trim().split(/\s+/).filter(Boolean), _ = [
+        ), k = p.attrs.style.replace(/^;?\s*/, "");
+        c.attrs.style = m + "; " + k;
+      } else if (v === "class" && c.attrs.class) {
+        const m = c.attrs.class.trim().split(/\s+/).filter(Boolean), k = p.attrs.class.trim().split(/\s+/).filter(Boolean), _ = [
           .../* @__PURE__ */ new Set([...m, ...k])
         ];
-        l.attrs.class = _.join(" ");
+        c.attrs.class = _.join(" ");
       } else
-        l.attrs[v] = d.attrs[v];
-    }))) : (l.props || (l.props = {}), Object.assign(l.props, d)));
-  }
-  function u(d, v) {
-    const m = g ? y : S;
-    if (ee(d)) {
-      const k = d.key ?? v;
-      let _ = d.children;
+        c.attrs[v] = p.attrs[v];
+    }))) : (c.props || (c.props = {}), Object.assign(c.props, p)));
+  }
+  function u(p, v) {
+    const m = y ? d : S;
+    if (ee(p)) {
+      const k = p.key ?? v;
+      let _ = p.children;
       m.push({
-        ...d,
+        ...p,
         key: k,
         children: _
       });
       return;
     }
-    if (X(d)) {
-      m.push(ft(d, void 0));
+    if (X(p)) {
+      m.push(ft(p, void 0));
       return;
     }
-    if (Array.isArray(d)) {
-      if (d.length === 0) return;
-      for (let k = 0; k < d.length; k++) {
-        const _ = d[k];
-        ee(_) || X(_) || Array.isArray(_) ? u(_, `${v}-${k}`) : _ !== null && typeof _ == "object" ? p(_) : m.push(s(String(_), `${v}-${k}`));
+    if (Array.isArray(p)) {
+      if (p.length === 0) return;
+      for (let k = 0; k < p.length; k++) {
+        const _ = p[k];
+        ee(_) || X(_) || Array.isArray(_) ? u(_, `${v}-${k}`) : _ !== null && typeof _ == "object" ? h(_) : m.push(s(String(_), `${v}-${k}`));
       }
       return;
     }
-    if (d !== null && typeof d == "object") {
-      p(d);
+    if (p !== null && typeof p == "object") {
+      h(p);
       return;
     }
-    m.push(s(String(d), v));
+    m.push(s(String(p), v));
   }
-  const h = /* @__PURE__ */ new Set([
+  const g = /* @__PURE__ */ new Set([
     "area",
     "base",
     "br",
@@ -2034,32 +2048,32 @@ function dt(e, t, r) {
   ]);
   for (; f = a.exec(i); )
     if (f[1]) {
-      const d = f[1], v = f[0][1] === "/", m = f[0][f[0].length - 2] === "/" || h.has(d), {
+      const p = f[1], v = f[0][1] === "/", m = f[0][f[0].length - 2] === "/" || g.has(p), {
         props: k,
         attrs: _,
         directives: C
-      } = ut(f[2] || "", t, o), E = { props: {}, attrs: {} };
+      } = ut(f[2] || "", t, n), E = { props: {}, attrs: {} };
       for (const j in k) E.props[j] = k[j];
       for (const j in _) E.attrs[j] = _[j];
       if (Object.keys(C).length > 0 && (E.directives = { ...C }), v) {
         const j = V(
-          g,
-          l,
-          y.length === 1 && X(y[0]) && y[0].tag === "#text" ? typeof y[0].children == "string" ? y[0].children : "" : y.length ? y : void 0,
-          x
-        ), A = c.pop();
-        A ? (g = A.tag, l = A.props, x = A.key, y = A.children, y.push(j)) : (S.push(j), g = null, l = {}, x = void 0, y = []);
-      } else m ? g ? y.push(V(d, E, void 0, void 0)) : S.push(V(d, E, void 0, void 0)) : (g && c.push({
-        tag: g,
-        props: l,
-        children: y,
-        key: x
-      }), g = d, l = E, y = []);
+          y,
+          c,
+          d.length === 1 && X(d[0]) && d[0].tag === "#text" ? typeof d[0].children == "string" ? d[0].children : "" : d.length ? d : void 0,
+          w
+        ), A = l.pop();
+        A ? (y = A.tag, c = A.props, w = A.key, d = A.children, d.push(j)) : (S.push(j), y = null, c = {}, w = void 0, d = []);
+      } else m ? y ? d.push(V(p, E, void 0, void 0)) : S.push(V(p, E, void 0, void 0)) : (y && l.push({
+        tag: y,
+        props: c,
+        children: d,
+        key: w
+      }), y = p, c = E, d = []);
     } else if (typeof f[3] < "u") {
-      const d = Number(f[3]), v = t[d], m = `interp-${d}`;
+      const p = Number(f[3]), v = t[p], m = `interp-${p}`;
       u(v, m);
     } else if (f[4]) {
-      const d = f[4], v = g ? y : S, m = d.split(/({{\d+}})/);
+      const p = f[4], v = y ? d : S, m = p.split(/({{\d+}})/);
       for (const k of m) {
         if (!k) continue;
         const _ = k.match(/^{{(\d+)}}$/);
@@ -2067,25 +2081,25 @@ function dt(e, t, r) {
           const C = Number(_[1]), E = t[C], j = `interp-${C}`;
           u(E, j);
         } else {
-          const C = `text-${w++}`;
+          const C = `text-${x++}`;
           v.push(s(k, C));
         }
       }
     }
-  const b = S.filter((d) => X(d) && d.tag === "#text" ? typeof d.children == "string" && d.children.trim() !== "" : !0);
+  const b = S.filter((p) => X(p) && p.tag === "#text" ? typeof p.children == "string" && p.children.trim() !== "" : !0);
   return b.length === 1 ? b[0] : b.length > 1 ? b : V("div", {}, "", "fallback-root");
 }
-function U(e, ...t) {
-  const r = t[t.length - 1], n = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
-  return dt(e, t, n);
+function D(e, ...t) {
+  const r = t[t.length - 1], o = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
+  return dt(e, t, o);
 }
-const Ce = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, W = (e, t) => {
+const Ee = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, W = (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);
+    const o = [], n = r.path.replace(/:[^/]+/g, (a) => (o.push(a.slice(1)), "([^/]+)")), s = new RegExp(`^${n}$`), i = t.match(s);
     if (i) {
       const a = {};
-      return n.forEach((c, f) => {
-        a[c] = i[f + 1];
+      return o.forEach((l, f) => {
+        a[l] = i[f + 1];
       }), { route: r, params: a };
     }
   }
@@ -2105,99 +2119,99 @@ async function pt(e) {
   throw new Error(`No component or loader defined for route: ${e.path}`);
 }
 function ht(e) {
-  const { routes: t, base: r = "", initialUrl: n } = e;
-  let o, s, i, a, c, f, y;
-  const g = async (S, p) => {
-    const u = t.find((h) => W([h], S.path).route !== null);
+  const { routes: t, base: r = "", initialUrl: o } = e;
+  let n, s, i, a, l, f, d;
+  const y = async (S, h) => {
+    const u = t.find((g) => W([g], S.path).route !== null);
     if (u?.beforeEnter)
       try {
-        const h = await u.beforeEnter(S, p);
-        return typeof h == "string" ? (await w(h, !0), !1) : h !== !1;
-      } catch (h) {
-        return console.error("beforeEnter error", h), !1;
+        const g = await u.beforeEnter(S, h);
+        return typeof g == "string" ? (await x(g, !0), !1) : g !== !1;
+      } catch (g) {
+        return console.error("beforeEnter error", g), !1;
       }
     return !0;
-  }, l = async (S, p) => {
-    const u = t.find((h) => W([h], S.path).route !== null);
+  }, c = async (S, h) => {
+    const u = t.find((g) => W([g], S.path).route !== null);
     if (u?.onEnter)
       try {
-        const h = await u.onEnter(S, p);
-        return typeof h == "string" ? (await w(h, !0), !1) : h !== !1;
-      } catch (h) {
-        return console.error("onEnter error", h), !1;
+        const g = await u.onEnter(S, h);
+        return typeof g == "string" ? (await x(g, !0), !1) : g !== !1;
+      } catch (g) {
+        return console.error("onEnter error", g), !1;
       }
     return !0;
-  }, x = (S, p) => {
-    const u = t.find((h) => W([h], S.path).route !== null);
+  }, w = (S, h) => {
+    const u = t.find((g) => W([g], S.path).route !== null);
     if (u?.afterEnter)
       try {
-        u.afterEnter(S, p);
-      } catch (h) {
-        console.error("afterEnter error", h);
+        u.afterEnter(S, h);
+      } catch (g) {
+        console.error("afterEnter error", g);
       }
-  }, w = async (S, p = !1) => {
+  }, x = async (S, h = !1) => {
     try {
       const u = {
         path: S.replace(r, "") || "/",
         query: {}
-      }, h = W(t, u.path);
-      if (!h) throw new Error(`No route found for ${u.path}`);
-      const b = i.getState(), d = {
+      }, g = W(t, u.path);
+      if (!g) throw new Error(`No route found for ${u.path}`);
+      const b = i.getState(), p = {
         path: u.path,
-        params: h.params,
+        params: g.params,
         query: u.query
       };
-      if (!await g(d, b) || !await l(d, b)) return;
-      typeof window < "u" && typeof document < "u" && (p ? window.history.replaceState({}, "", r + S) : window.history.pushState({}, "", r + S)), i.setState(d), x(d, b);
+      if (!await y(p, b) || !await c(p, b)) return;
+      typeof window < "u" && typeof document < "u" && (h ? window.history.replaceState({}, "", r + S) : window.history.pushState({}, "", r + S)), i.setState(p), w(p, b);
     } catch (u) {
       console.error("Navigation error:", u);
     }
   };
   if (typeof window < "u" && typeof document < "u") {
-    o = () => {
-      const p = new URL(window.location.href), u = p.pathname.replace(r, "") || "/", h = Ce(p.search);
-      return { path: u, query: h };
-    }, s = o();
+    n = () => {
+      const h = new URL(window.location.href), u = h.pathname.replace(r, "") || "/", g = Ee(h.search);
+      return { path: u, query: g };
+    }, s = n();
     const S = W(t, s.path);
-    i = ve({
+    i = xe({
       path: s.path,
       params: S.params,
       query: s.query
-    }), a = async (p = !1) => {
-      const u = o();
-      await w(u.path, p);
-    }, window.addEventListener("popstate", () => a(!0)), c = (p) => w(p, !1), f = (p) => w(p, !0), y = () => window.history.back();
+    }), a = async (h = !1) => {
+      const u = n();
+      await x(u.path, h);
+    }, window.addEventListener("popstate", () => a(!0)), l = (h) => x(h, !1), f = (h) => x(h, !0), d = () => window.history.back();
   } else {
-    o = () => {
-      const u = new URL(n || "/", "http://localhost"), h = u.pathname.replace(r, "") || "/", b = Ce(u.search);
-      return { path: h, query: b };
-    }, s = o();
+    n = () => {
+      const u = new URL(o || "/", "http://localhost"), g = u.pathname.replace(r, "") || "/", b = Ee(u.search);
+      return { path: g, query: b };
+    }, s = n();
     const S = W(t, s.path);
-    i = ve({
+    i = xe({
       path: s.path,
       params: S.params,
       query: s.query
     }), a = async () => {
-      const u = o();
-      await p(u.path);
+      const u = n();
+      await h(u.path);
     };
-    const p = async (u) => {
+    const h = async (u) => {
       try {
-        const h = {
+        const g = {
           path: u.replace(r, "") || "/",
           query: {}
-        }, b = W(t, h.path);
-        if (!b) throw new Error(`No route found for ${h.path}`);
-        const d = i.getState(), v = {
-          path: h.path,
+        }, b = W(t, g.path);
+        if (!b) throw new Error(`No route found for ${g.path}`);
+        const p = i.getState(), v = {
+          path: g.path,
           params: b.params,
-          query: h.query
+          query: g.query
         }, m = t.find((k) => W([k], v.path).route !== null);
         if (m?.beforeEnter)
           try {
-            const k = await m.beforeEnter(v, d);
+            const k = await m.beforeEnter(v, p);
             if (typeof k == "string") {
-              await p(k);
+              await h(k);
               return;
             }
             if (k === !1) return;
@@ -2206,9 +2220,9 @@ function ht(e) {
           }
         if (m?.onEnter)
           try {
-            const k = await m.onEnter(v, d);
+            const k = await m.onEnter(v, p);
             if (typeof k == "string") {
-              await p(k);
+              await h(k);
               return;
             }
             if (k === !1) return;
@@ -2217,20 +2231,20 @@ function ht(e) {
           }
         if (i.setState(v), m?.afterEnter)
           try {
-            m.afterEnter(v, d);
+            m.afterEnter(v, p);
           } catch {
           }
       } catch {
       }
     };
-    c = async (u) => p(u), f = async (u) => p(u), y = () => {
+    l = async (u) => h(u), f = async (u) => h(u), d = () => {
     };
   }
   return {
     store: i,
-    push: c,
+    push: l,
     replace: f,
-    back: y,
+    back: d,
     subscribe: i.subscribe,
     matchRoute: (S) => W(t, S),
     getCurrent: () => i.getState(),
@@ -2242,24 +2256,30 @@ function kt(e, t) {
 }
 function $t(e) {
   const t = ht(e);
-  return _e("router-view", {
+  return Ce("router-view", {
     async render() {
-      if (!t) return U`<div>Router not initialized.</div>`;
-      const r = t.getCurrent(), { path: n } = r, o = t.matchRoute(n);
-      if (!o.route) return U`<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);
+      if (!t) return D`<div>Router not initialized.</div>`;
+      const r = t.getCurrent(), { path: o } = r, n = t.matchRoute(o);
+      if (!n.route) return D`<div>Not found</div>`;
+      try {
+        const s = await t.resolveRouteComponent(n.route);
+        if (typeof s == "string")
+          return { tag: s, props: {}, children: [] };
+        if (typeof s == "function") {
+          const i = s(), a = i instanceof Promise ? await i : i;
+          return typeof a == "string" ? { tag: a, props: {}, children: [] } : a;
+        }
+        return D`<div>Invalid route component</div>`;
+      } catch {
+        return D`<div>Invalid route component</div>`;
       }
-      return typeof s == "string" ? { tag: s, props: {}, children: [] } : U`<div>Invalid route component</div>`;
     },
     onConnected(r) {
       t && typeof t.subscribe == "function" && t.subscribe(() => {
         typeof r.requestRender == "function" && r.requestRender();
       });
     }
-  }), _e("router-link", {
+  }), Ce("router-link", {
     state: {},
     props: {
       to: { type: String, default: "" },
@@ -2272,7 +2292,7 @@ function $t(e) {
       disabled: { type: Boolean, default: !1 },
       external: { type: Boolean, default: !1 },
       class: { type: String, default: "" },
-      style: { type: String, default: Ae`
+      style: { type: String, default: Te`
         [aria-disabled="true"] {
           pointer-events: none;
           opacity: 0.5;
@@ -2281,64 +2301,64 @@ function $t(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, y = r.disabled, g = r.external, l = n.path === o, x = s ? l : n && typeof n.path == "string" ? n.path.startsWith(o) : !1, w = l ? `aria-current="${c}"` : "", S = (r.class || "").split(/\s+/).filter(Boolean), p = {};
-      for (const v of S) p[v] = !0;
+      const o = t.getCurrent(), n = r.to, s = r.exact, i = r.exactActiveClass, a = r.activeClass, l = r.ariaCurrentValue, f = r.tag, d = r.disabled, y = r.external, c = o.path === n, w = s ? c : o && typeof o.path == "string" ? o.path.startsWith(n) : !1, x = c ? `aria-current="${l}"` : "", S = (r.class || "").split(/\s+/).filter(Boolean), h = {};
+      for (const v of S) h[v] = !0;
       const u = {
-        ...p,
+        ...h,
         // Also include the configurable names (may duplicate the above)
-        [a]: x,
-        [i]: l
-      }, h = f === "button", b = y ? h ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", d = g && (f === "a" || !f) ? 'target="_blank" rel="noopener noreferrer"' : "";
-      return U`
-        ${Le().when(h, U`
+        [a]: w,
+        [i]: c
+      }, g = f === "button", b = d ? g ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", p = y && (f === "a" || !f) ? 'target="_blank" rel="noopener noreferrer"' : "";
+      return D`
+        ${ze().when(g, D`
             <button
               part="button"
               :class="${u}"
-              ${w}
+              ${x}
               ${b}
-              ${d}
+              ${p}
               @click="navigate"
             ><slot></slot></button>
-          `).otherwise(U`
+          `).otherwise(D`
             <a
               part="link"
-              href="${o}"
+              href="${n}"
               :class="${u}"
-              ${w}
+              ${x}
               ${b}
-              ${d}
+              ${p}
               @click="navigate"
             ><slot></slot></a>
           `).done()}
       `;
     },
-    navigate: (r, n) => {
-      if (n.disabled) {
+    navigate: (r, o) => {
+      if (o.disabled) {
         r.preventDefault();
         return;
       }
-      n.external && (n.tag === "a" || !n.tag) || (r.preventDefault(), n.replace ? t.replace(n.to) : t.push(n.to));
+      o.external && (o.tag === "a" || !o.tag) || (r.preventDefault(), o.replace ? t.replace(o.to) : t.push(o.to));
     }
   }), t;
 }
 export {
   F as GlobalEventBus,
-  _e as component,
-  ve as createStore,
-  Ae as css,
+  Ce as component,
+  xe as createStore,
+  Te as css,
   yt as each,
   mt as emit,
   Z as eventBus,
-  U as html,
+  D as html,
   $t as initRouter,
   wt as listen,
-  Le as match,
+  ze as match,
   W as matchRoute,
   kt as matchRouteSSR,
   vt as off,
   bt as on,
   xt as once,
-  Ce as parseQuery,
+  Ee as parseQuery,
   pt as resolveRouteComponent,
   ht as useRouter,
   gt as when