@jasonshimmy/custom-elements-runtime 0.2.7 → 0.3.1

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

@@ -1,13 +1,13 @@
-function xt(e, t) {
-  return fe(e ? t : [], "when-block");
+function we(e, t) {
+  return O(e ? t : [], "when-block");
 }
-function kt(e, t) {
+function Ot(e, t) {
   return e.map((r, i) => {
     const n = typeof r == "object" ? r?.key ?? r?.id ?? `idx-${i}` : String(r);
-    return fe(t(r, i), `each-${n}`);
+    return O(t(r, i), `each-${n}`);
   });
 }
-function Pe() {
+function Ke() {
   const e = [];
   return {
     when(t, r) {
@@ -17,18 +17,18 @@ function Pe() {
       return e.push([!0, t]), this;
     },
     done() {
-      return Ne(...e);
+      return Je(...e);
     }
   };
 }
-function Ne(...e) {
+function Je(...e) {
   for (let t = 0; t < e.length; t++) {
     const [r, i] = e[t];
-    if (r) return [fe(i, `whenChain-branch-${t}`)];
+    if (r) return [O(i, `whenChain-branch-${t}`)];
   }
-  return [fe([], "whenChain-empty")];
+  return [O([], "whenChain-empty")];
 }
-function fe(e, t) {
+function O(e, t) {
   const r = e ? Array.isArray(e) ? e.filter(Boolean) : [e].filter(Boolean) : [];
   return {
     tag: "#anchor",
@@ -36,7 +36,131 @@ function fe(e, t) {
     children: r
   };
 }
-class G extends EventTarget {
+function Pt(e, t) {
+  return we(!e, t);
+}
+function Mt(e, t) {
+  const r = !e || e.length === 0;
+  return we(r, t);
+}
+function Bt(e, t) {
+  const r = !!(e && e.length > 0);
+  return we(r, t);
+}
+function Wt(e, t, r) {
+  const i = [];
+  return e.forEach((n, s) => {
+    t(n, s) && i.push({ item: n, originalIndex: s });
+  }), i.map(({ item: n, originalIndex: s }, o) => {
+    const a = typeof n == "object" && n != null ? n?.key ?? n?.id ?? `filtered-${s}` : `filtered-${s}`;
+    return O(r(n, s, o), `each-where-${a}`);
+  });
+}
+function It(e, t) {
+  const r = e?.length ?? 0;
+  return r === 0 && t.empty ? O(t.empty, "switch-length-empty") : r === 1 && t.one ? O(t.one(e[0]), "switch-length-one") : t.exactly?.[r] ? O(t.exactly[r](e), `switch-length-${r}`) : r > 1 && t.many ? O(t.many(e), "switch-length-many") : O([], "switch-length-fallback");
+}
+function qt(e, t, r) {
+  const i = /* @__PURE__ */ new Map();
+  return e.forEach((n) => {
+    const s = t(n);
+    i.has(s) || i.set(s, []), i.get(s).push(n);
+  }), Array.from(i.entries()).map(([n, s], o) => O(
+    r(n, s, o),
+    `each-group-${n}`
+  ));
+}
+function zt(e, t, r, i) {
+  const n = r * t, s = Math.min(n + t, e.length);
+  return e.slice(n, s).map((a, c) => {
+    const u = n + c, m = typeof a == "object" && a != null ? a?.key ?? a?.id ?? `page-${u}` : `page-${u}`;
+    return O(i(a, u, c), `each-page-${m}`);
+  });
+}
+function Ht(e, t) {
+  return e.loading && t.loading ? O(t.loading, "promise-loading") : e.error && t.error ? O(t.error(e.error), "promise-error") : e.data !== void 0 && t.success ? O(t.success(e.data), "promise-success") : t.idle ? O(t.idle, "promise-idle") : O([], "promise-fallback");
+}
+function q(e, t) {
+  const r = typeof window < "u" && window.matchMedia?.(e)?.matches;
+  return we(!!r, t);
+}
+const G = {
+  // Responsive breakpoints (matching style.ts)
+  sm: "(min-width:640px)",
+  md: "(min-width:768px)",
+  lg: "(min-width:1024px)",
+  xl: "(min-width:1280px)",
+  "2xl": "(min-width:1536px)",
+  // Dark mode (matching style.ts)
+  dark: "(prefers-color-scheme: dark)"
+}, ze = ["sm", "md", "lg", "xl", "2xl"], Ve = {
+  // Breakpoint-based rendering (matching style.ts exactly)
+  sm: (e) => q(G.sm, e),
+  md: (e) => q(G.md, e),
+  lg: (e) => q(G.lg, e),
+  xl: (e) => q(G.xl, e),
+  "2xl": (e) => q(G["2xl"], e),
+  // Dark mode (matching style.ts)
+  dark: (e) => q(G.dark, e),
+  light: (e) => q("(prefers-color-scheme: light)", e),
+  // Accessibility and interaction preferences
+  touch: (e) => q("(hover: none) and (pointer: coarse)", e),
+  mouse: (e) => q("(hover: hover) and (pointer: fine)", e),
+  reducedMotion: (e) => q("(prefers-reduced-motion: reduce)", e),
+  highContrast: (e) => q("(prefers-contrast: high)", e),
+  // Orientation
+  portrait: (e) => q("(orientation: portrait)", e),
+  landscape: (e) => q("(orientation: landscape)", e)
+};
+function Nt(e, t) {
+  const r = [];
+  e.includes("dark") ? r.push(G.dark) : e.includes("light") && r.push("(prefers-color-scheme: light)");
+  const i = e.filter(
+    (o) => ze.includes(o)
+  ), n = i[i.length - 1];
+  n && n in G && r.push(G[n]);
+  const s = r.length > 0 ? r.join(" and ") : "all";
+  return q(s, t);
+}
+function Dt(e) {
+  const t = [];
+  return e.base && t.push(O(e.base, "responsive-base")), ze.forEach((r) => {
+    const i = e[r];
+    i && t.push(Ve[r](i));
+  }), t;
+}
+function Ut(e) {
+  const t = [];
+  let r = null;
+  return {
+    case(i, n) {
+      const s = typeof i == "function" ? i : (o) => o === i;
+      return t.push({ condition: s, content: n }), this;
+    },
+    when(i, n) {
+      return t.push({ condition: i, content: n }), this;
+    },
+    otherwise(i) {
+      return r = i, this;
+    },
+    done() {
+      for (let i = 0; i < t.length; i++) {
+        const { condition: n, content: s } = t[i];
+        if (n(e))
+          return O(s, `switch-case-${i}`);
+      }
+      return O(r || [], "switch-otherwise");
+    }
+  };
+}
+const He = typeof process < "u" && process.env?.NODE_ENV !== "production";
+function Y(e, ...t) {
+  He && console.error(e, ...t);
+}
+function pe(e, ...t) {
+  He && console.warn(e, ...t);
+}
+class ne extends EventTarget {
   handlers = {};
   static instance;
   eventCounters = /* @__PURE__ */ new Map();
@@ -44,7 +168,7 @@ class G extends EventTarget {
    * Returns the singleton instance of GlobalEventBus
    */
   static getInstance() {
-    return G.instance || (G.instance = new G()), G.instance;
+    return ne.instance || (ne.instance = new ne()), ne.instance;
   }
   /**
    * Emit a global event with optional data. Includes event storm protection.
@@ -68,7 +192,7 @@ class G extends EventTarget {
       try {
         o(r);
       } catch (a) {
-        console.error(`Error in global event handler for "${t}":`, a);
+        Y(`Error in global event handler for "${t}":`, a);
       }
     });
   }
@@ -157,8 +281,8 @@ class G extends EventTarget {
     this.eventCounters.clear();
   }
 }
-const re = G.getInstance(), vt = (e, t) => re.emit(e, t), $t = (e, t) => re.on(e, t), _t = (e, t) => re.off(e, t), St = (e, t) => re.once(e, t), Et = (e, t, r) => re.listen(e, t, r);
-function $e(e) {
+const le = ne.getInstance(), Ft = (e, t) => le.emit(e, t), Kt = (e, t) => le.on(e, t), Jt = (e, t) => le.off(e, t), Vt = (e, t) => le.once(e, t), Gt = (e, t, r) => le.listen(e, t, r);
+function Le(e) {
   let t = { ...e };
   const r = [];
   function i(a) {
@@ -168,18 +292,18 @@ function $e(e) {
     return t;
   }
   function s(a) {
-    const f = typeof a == "function" ? a(t) : a;
-    t = { ...t, ...f }, o();
+    const c = typeof a == "function" ? a(t) : a;
+    t = { ...t, ...c }, o();
   }
   function o() {
     r.forEach((a) => a(t));
   }
   return { subscribe: i, getState: n, setState: s };
 }
-function J(e) {
+function Q(e) {
   return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function H(e) {
+function Z(e) {
   return typeof e == "string" ? e.replace(
     /[&<>"']/g,
     (t) => ({
@@ -191,57 +315,57 @@ function H(e) {
     })[t]
   ) : e;
 }
-function z(e, t) {
+function K(e, t) {
   return typeof t == "string" ? t.split(".").reduce((r, i) => r?.[i], e) : t;
 }
-function oe(e, t, r) {
+function he(e, t, r) {
   const i = String(t).split("."), n = i.pop();
   if (!n) return;
   const s = i.reduce((o, a) => (o[a] == null && (o[a] = {}), o[a]), e);
   s[n] = r;
 }
-function ze(e, t, r) {
+function Ge(e, t, r) {
   if (r)
     for (const [i, n] of Object.entries(r)) {
       let s, o = {};
       if (Array.isArray(n) ? (s = n[0], o = n[1] || {}) : s = n, t.set(i, {
         callback: s,
         options: o,
-        oldValue: z(e, i)
+        oldValue: K(e, i)
       }), o.immediate)
         try {
-          const a = z(e, i);
+          const a = K(e, i);
           s(a, void 0, e);
         } catch (a) {
-          console.error(`Error in immediate watcher for "${i}":`, a);
+          Y(`Error in immediate watcher for "${i}":`, a);
         }
     }
 }
-function Me(e, t, r, i) {
+function Ze(e, t, r, i) {
   const n = (o, a) => {
     if (o === a) return !0;
     if (typeof o != typeof a || typeof o != "object" || o === null || a === null) return !1;
     if (Array.isArray(o) && Array.isArray(a))
-      return o.length !== a.length ? !1 : o.every((d, y) => n(d, a[y]));
-    const f = Object.keys(o), u = Object.keys(a);
-    return f.length !== u.length ? !1 : f.every((d) => n(o[d], a[d]));
+      return o.length !== a.length ? !1 : o.every((m, T) => n(m, a[T]));
+    const c = Object.keys(o), u = Object.keys(a);
+    return c.length !== u.length ? !1 : c.every((m) => n(o[m], a[m]));
   }, s = t.get(r);
   if (s && !n(i, s.oldValue))
     try {
       s.callback(i, s.oldValue, e), s.oldValue = i;
     } catch (o) {
-      console.error(`Error in watcher for "${r}":`, o);
+      Y(`Error in watcher for "${r}":`, o);
     }
   for (const [o, a] of t.entries())
     if (a.options.deep && r.startsWith(o + "."))
       try {
-        const f = z(e, o);
-        n(f, a.oldValue) || (a.callback(f, a.oldValue, e), a.oldValue = f);
-      } catch (f) {
-        console.error(`Error in deep watcher for "${o}":`, f);
+        const c = K(e, o);
+        n(c, a.oldValue) || (a.callback(c, a.oldValue, e), a.oldValue = c);
+      } catch (c) {
+        Y(`Error in deep watcher for "${o}":`, c);
       }
 }
-function We(e, t, r) {
+function Ye(e, t, r) {
   if (!t.props) return;
   function i(n, s) {
     return s === Boolean ? n === "true" : s === Number ? Number(n) : n;
@@ -250,170 +374,270 @@ function We(e, t, r) {
     if (s.type === Function && typeof e[n] == "function")
       r[n] = e[n];
     else {
-      const o = e.getAttribute(J(n));
-      o !== null ? r[n] = H(i(o, s.type)) : "default" in s && s.default !== void 0 && (r[n] = H(s.default));
+      const o = Q(n), a = e.getAttribute(o);
+      if (typeof e[n] < "u")
+        try {
+          const c = e[n];
+          s.type === Boolean && typeof c == "boolean" || s.type === Number && typeof c == "number" || s.type === Function && typeof c == "function" ? r[n] = c : r[n] = Z(i(String(c), s.type));
+        } catch {
+          r[n] = e[n];
+        }
+      else a !== null ? r[n] = Z(i(a, s.type)) : "default" in s && s.default !== void 0 && (r[n] = Z(s.default));
     }
   });
 }
-function qe(e, t, r, i) {
+function Qe(e, t, r, i) {
   e.onConnected && !r && (e.onConnected(t), i(!0));
 }
-function De(e, t, r, i, n, s, o, a) {
-  e.onDisconnected && e.onDisconnected(t), r.forEach((f) => f()), i(), n(), s(!1), o(null), a(!1);
+function Xe(e, t, r, i, n, s, o, a) {
+  e.onDisconnected && e.onDisconnected(t), r.forEach((c) => c()), i(), n(), s(!1), o(null), a(!1);
 }
-function Ie(e, t, r, i, n) {
+function et(e, t, r, i, n) {
   e.onAttributeChanged && e.onAttributeChanged(t, r, i, n);
 }
-function V(e, t) {
+function te(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))
-      V(r, t);
+      te(r, t);
   }
 }
-function He(e, t, r, i, n, s, o, a) {
+function tt(e, t, r, i, n, s, o, a) {
   if (!s) return;
-  const f = t.includes("lazy"), u = t.includes("trim"), d = t.includes("number"), y = () => z(s._state || s, e), c = y();
-  let h = "text";
-  o instanceof HTMLInputElement ? h = i?.type || o.type || "text" : o instanceof HTMLSelectElement ? h = "select" : o instanceof HTMLTextAreaElement && (h = "textarea");
-  const k = o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement || o instanceof HTMLSelectElement, w = k ? h === "checkbox" || h === "radio" ? "checked" : "value" : a ?? "modelValue";
-  if (h === "checkbox")
-    if (Array.isArray(c))
-      r[w] = c.includes(String(o?.getAttribute("value") ?? i?.value ?? ""));
+  const c = t.includes("lazy"), u = t.includes("trim"), m = t.includes("number"), T = () => K(s._state || s, e), p = T();
+  let l = "text";
+  o instanceof HTMLInputElement ? l = i?.type || o.type || "text" : o instanceof HTMLSelectElement ? l = "select" : o instanceof HTMLTextAreaElement && (l = "textarea");
+  const w = o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement || o instanceof HTMLSelectElement, d = w ? l === "checkbox" || l === "radio" ? "checked" : "value" : a ?? "modelValue";
+  if (l === "checkbox")
+    if (Array.isArray(p))
+      r[d] = p.includes(String(o?.getAttribute("value") ?? i?.value ?? ""));
     else {
       const x = o?.getAttribute("true-value") ?? !0;
-      r[w] = c === x;
+      r[d] = p === x;
     }
-  else if (h === "radio")
-    r[w] = c === (i?.value ?? "");
-  else if (h === "select")
+  else if (l === "radio")
+    r[d] = p === (i?.value ?? "");
+  else if (l === "select")
     if (o && o.hasAttribute("multiple") && o instanceof HTMLSelectElement) {
-      const x = Array.isArray(c) ? c.map(String) : [];
+      const x = Array.isArray(p) ? p.map(String) : [];
       setTimeout(() => {
-        Array.from(o.options).forEach((l) => {
-          l.selected = x.includes(l.value);
+        Array.from(o.options).forEach((f) => {
+          f.selected = x.includes(f.value);
         });
-      }, 0), r[w] = Array.isArray(c) ? c : [];
+      }, 0), r[d] = Array.isArray(p) ? p : [];
     } else
-      r[w] = c;
+      r[d] = p;
   else {
-    r[w] = c;
+    r[d] = p;
     try {
-      const x = J(w);
-      i && (i[x] = c);
+      const x = Q(d);
+      i && (i[x] = p);
     } catch {
     }
   }
-  const b = f || h === "checkbox" || h === "radio" || h === "select" ? "change" : "input", m = (x) => {
-    if (x.isComposing || n._isComposing || x.isTrusted === !1) return;
-    const l = x.target;
-    if (!l || l._modelUpdating) return;
-    let g = l.value;
-    if (h === "checkbox") {
-      const E = y();
+  const g = c || l === "checkbox" || l === "radio" || l === "select" ? "change" : "input", y = (x) => {
+    if (x.isComposing || n._isComposing) return;
+    const f = typeof globalThis.process < "u" && globalThis.process.env?.NODE_ENV === "test" || typeof window < "u" && window.__vitest__;
+    if (x.isTrusted === !1 && !f) return;
+    const b = x.target;
+    if (!b || b._modelUpdating) return;
+    let h = b.value;
+    if (l === "checkbox") {
+      const E = T();
       if (Array.isArray(E)) {
-        const S = l.getAttribute("value") ?? "", A = Array.from(E);
-        if (l.checked)
-          A.includes(S) || A.push(S);
+        const C = b.getAttribute("value") ?? "", A = Array.from(E);
+        if (b.checked)
+          A.includes(C) || A.push(C);
         else {
-          const j = A.indexOf(S);
-          j > -1 && A.splice(j, 1);
+          const P = A.indexOf(C);
+          P > -1 && A.splice(P, 1);
         }
-        g = A;
+        h = A;
       } else {
-        const S = l.getAttribute("true-value") ?? !0, A = l.getAttribute("false-value") ?? !1;
-        g = l.checked ? S : A;
+        const C = b.getAttribute("true-value") ?? !0, A = b.getAttribute("false-value") ?? !1;
+        h = b.checked ? C : A;
       }
-    } else if (h === "radio")
-      g = l.getAttribute("value") ?? l.value;
-    else if (h === "select" && l.multiple)
-      g = Array.from(l.selectedOptions).map((E) => E.value);
-    else if (u && typeof g == "string" && (g = g.trim()), d) {
-      const E = Number(g);
-      isNaN(E) || (g = E);
-    }
-    const p = s._state || s, _ = z(p, e);
-    if (Array.isArray(g) && Array.isArray(_) ? JSON.stringify([...g].sort()) !== JSON.stringify([..._].sort()) : g !== _) {
-      l._modelUpdating = !0;
+    } else if (l === "radio")
+      h = b.getAttribute("value") ?? b.value;
+    else if (l === "select" && b.multiple)
+      h = Array.from(b.selectedOptions).map((E) => E.value);
+    else if (u && typeof h == "string" && (h = h.trim()), m) {
+      const E = Number(h);
+      isNaN(E) || (h = E);
+    }
+    const _ = s._state || s, $ = K(_, e);
+    if (Array.isArray(h) && Array.isArray($) ? JSON.stringify([...h].sort()) !== JSON.stringify([...$].sort()) : h !== $) {
+      b._modelUpdating = !0;
       try {
-        oe(p, e, g), s._requestRender && s._requestRender();
+        if (he(_, e, h), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, h), b) {
+          const E = `update:${Q(d)}`, C = new CustomEvent(E, {
+            detail: h,
+            bubbles: !0,
+            composed: !0
+          });
+          b.dispatchEvent(C);
+        }
       } finally {
-        setTimeout(() => l._modelUpdating = !1, 0);
+        setTimeout(() => b._modelUpdating = !1, 0);
       }
     }
   };
-  k ? n[b] = m : n[`update:${J(w)}`] = (x) => {
-    const l = s._state || s, g = x.detail !== void 0 ? x.detail : x.target?.value, p = z(l, e);
-    (Array.isArray(g) && Array.isArray(p) ? JSON.stringify([...g].sort()) !== JSON.stringify([...p].sort()) : g !== p) && (oe(l, e, g), s._requestRender && s._requestRender());
-  }, (h === "text" || h === "textarea") && (n.compositionstart = (() => n._isComposing = !0), n.compositionend = (x) => {
+  if (w) {
+    if (n[g]) {
+      const x = n[g];
+      o && o.removeEventListener(g, x);
+    }
+    n[g] = y;
+  } else {
+    const x = `update:${Q(d)}`;
+    if (n[x]) {
+      const f = n[x];
+      o && o.removeEventListener(x, f);
+    }
+    n[x] = (f) => {
+      const b = s._state || s, h = f.detail !== void 0 ? f.detail : f.target?.value, _ = K(b, e);
+      if (Array.isArray(h) && Array.isArray(_) ? JSON.stringify([...h].sort()) !== JSON.stringify([..._].sort()) : h !== _) {
+        he(b, e, h), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, h);
+        const S = f.target;
+        if (S) {
+          S[d] = h;
+          try {
+            const E = Q(d);
+            typeof h == "boolean" ? h ? S.setAttribute(E, "true") : S.setAttribute(E, "false") : S.setAttribute(E, String(h));
+          } catch {
+          }
+          queueMicrotask(() => {
+            typeof S._applyProps == "function" && S._applyProps(S._cfg), typeof S._requestRender == "function" && S._requestRender();
+          });
+        }
+      }
+    };
+  }
+  (l === "text" || l === "textarea") && (n.compositionstart = (() => n._isComposing = !0), n.compositionend = (x) => {
     n._isComposing = !1;
-    const l = x.target;
-    l && setTimeout(() => {
-      const g = l.value, p = s._state || s, _ = z(p, e);
-      let C = g;
-      if (u && (C = C.trim()), d) {
-        const S = Number(C);
-        isNaN(S) || (C = S);
+    const f = x.target;
+    f && setTimeout(() => {
+      const b = f.value, h = s._state || s, _ = K(h, e);
+      let $ = b;
+      if (u && ($ = $.trim()), m) {
+        const E = Number($);
+        isNaN(E) || ($ = E);
       }
-      if (Array.isArray(C) && Array.isArray(_) ? JSON.stringify([...C].sort()) !== JSON.stringify([..._].sort()) : C !== _) {
-        l._modelUpdating = !0;
+      if (Array.isArray($) && Array.isArray(_) ? JSON.stringify([...$].sort()) !== JSON.stringify([..._].sort()) : $ !== _) {
+        f._modelUpdating = !0;
         try {
-          oe(p, e, C), s._requestRender && s._requestRender();
+          he(h, e, $), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, $);
         } finally {
-          setTimeout(() => l._modelUpdating = !1, 0);
+          setTimeout(() => f._modelUpdating = !1, 0);
         }
       }
     }, 0);
   });
 }
-function Le(e) {
+function Ne(e) {
   const t = e.slice(2);
   return t ? t.charAt(0).toLowerCase() + t.slice(1) : "";
 }
-function Fe(e, t, r, i) {
-  if (i) {
-    if (typeof e == "object" && e !== null)
-      for (const [n, s] of Object.entries(e))
-        t[n] = s;
-    else if (typeof e == "string")
-      try {
-        const n = JSON.parse(e);
-        if (typeof n == "object" && n !== null) {
-          for (const [s, o] of Object.entries(n))
-            t[s] = o;
-          return;
-        }
-      } catch {
-        const n = z(i, e);
+function rt(e, t, r, i) {
+  if (typeof e == "object" && e !== null)
+    for (const [n, s] of Object.entries(e))
+      n.startsWith("data-") || n.startsWith("aria-") || n === "class" ? r[n] = s : t[n] = s;
+  else if (typeof e == "string") {
+    if (!i) return;
+    try {
+      const n = xe(e, i);
+      if (typeof n == "object" && n !== null) {
+        for (const [s, o] of Object.entries(n))
+          s.startsWith("data-") || s.startsWith("aria-") || s === "class" ? r[s] = o : t[s] = o;
+        return;
+      } else {
         r[e] = n;
+        return;
       }
+    } catch {
+      const n = K(i, e);
+      r[e] = n;
+    }
   }
 }
-function Ke(e, t, r) {
-  if (!r) return;
-  const i = z(r, e), n = t.style || "", s = i ? "" : "none";
-  if (n) {
+function nt(e, t, r) {
+  let i;
+  if (typeof e == "string") {
+    if (!r) return;
+    i = xe(e, r);
+  } else
+    i = e;
+  const n = t.style || "";
+  let s = n;
+  if (i) {
+    if (n) {
+      const o = n.split(";").map((c) => c.trim()).filter(Boolean), a = o.findIndex(
+        (c) => c.startsWith("display:")
+      );
+      a >= 0 && o[a] === "display: none" && (o.splice(a, 1), s = o.length > 0 ? o.join("; ") + ";" : "");
+    }
+  } else if (n) {
     const o = n.split(";").filter(Boolean), a = o.findIndex(
-      (f) => f.trim().startsWith("display:")
+      (c) => c.trim().startsWith("display:")
     );
-    a >= 0 ? o[a] = `display: ${s}` : o.push(`display: ${s}`), t.style = o.join("; ");
+    a >= 0 ? o[a] = "display: none" : o.push("display: none"), s = o.join("; ");
   } else
-    t.style = `display: ${s}`;
+    s = "display: none";
+  s !== n && (s ? t.style = s : delete t.style);
+}
+function xe(e, t) {
+  if ([
+    /constructor/i,
+    /prototype/i,
+    /__proto__/i,
+    /function/i,
+    /eval/i,
+    /import/i,
+    /require/i,
+    /window/i,
+    /document/i,
+    /global/i,
+    /process/i
+  ].some((i) => i.test(e))) {
+    pe("Potentially dangerous expression blocked:", e);
+    return;
+  }
+  if (e.trim().startsWith("{") && e.trim().endsWith("}"))
+    try {
+      const i = Object.keys(t), n = i.map((a) => t[a]), s = e.replace(/ctx\./g, "");
+      if (s.length > 1e3) {
+        pe("Expression too long, blocked for security:", e);
+        return;
+      }
+      return new Function(...i, `return ${s}`)(...n);
+    } catch (i) {
+      pe("Failed to evaluate expression:", e, i);
+      return;
+    }
+  if (e.startsWith("ctx.")) {
+    const i = e.slice(4);
+    return K(t, i);
+  }
+  return K(t, e);
 }
-function Ue(e, t, r) {
-  if (!r) return;
-  const i = z(r, e);
+function it(e, t, r) {
+  let i;
+  if (typeof e == "string") {
+    if (!r) return;
+    i = xe(e, r);
+  } else
+    i = e;
   let n = [];
-  typeof i == "string" ? n = [i] : Array.isArray(i) ? n = i.filter(Boolean) : typeof i == "object" && (n = Object.entries(i).filter(([, a]) => !!a).flatMap(([a]) => a.split(/\s+/).filter(Boolean)));
+  typeof i == "string" ? n = [i] : Array.isArray(i) ? n = i.filter(Boolean) : typeof i == "object" && i !== null && (n = Object.entries(i).filter(([, a]) => !!a).flatMap(([a]) => a.split(/\s+/).filter(Boolean)));
   const s = t.class || "", o = s ? `${s} ${n.join(" ")}`.trim() : n.join(" ");
   o && (t.class = o);
 }
-function Ve(e, t, r) {
+function st(e, t, r) {
   let i;
   if (typeof e == "string") {
     if (!r) return;
-    i = z(r, e);
+    i = xe(e, r);
   } else
     i = e;
   let n = "";
@@ -421,12 +645,12 @@ function Ve(e, t, r) {
     n = i;
   else if (i && typeof i == "object") {
     const o = [];
-    for (const [a, f] of Object.entries(i))
-      if (f != null && f !== "") {
+    for (const [a, c] of Object.entries(i))
+      if (c != null && c !== "") {
         const u = a.replace(
           /[A-Z]/g,
-          (c) => `-${c.toLowerCase()}`
-        ), d = [
+          (p) => `-${p.toLowerCase()}`
+        ), m = [
           "width",
           "height",
           "top",
@@ -452,73 +676,83 @@ function Ve(e, t, r) {
           "min-height",
           "max-height"
         ];
-        let y = String(f);
-        typeof f == "number" && d.includes(u) && (y = `${f}px`), o.push(`${u}: ${y}`);
+        let T = String(c);
+        typeof c == "number" && m.includes(u) && (T = `${c}px`), o.push(`${u}: ${T}`);
       }
     n = o.join("; ") + (o.length > 0 ? ";" : "");
   }
   const s = t.style || "";
   t.style = s + (s && !s.endsWith(";") ? "; " : "") + n;
 }
-function Re(e, t, r, i) {
+function De(e, t, r, i) {
   const n = {}, s = { ...i || {} }, o = {};
-  for (const [a, f] of Object.entries(e)) {
-    const { value: u, modifiers: d, arg: y } = f;
+  for (const [a, c] of Object.entries(e)) {
+    const { value: u, modifiers: m, arg: T } = c;
     if (a === "model" || a.startsWith("model:")) {
-      const c = a.split(":"), h = c.length > 1 ? c[1] : y;
-      He(
+      const p = a.split(":"), l = p.length > 1 ? p[1] : T;
+      tt(
         typeof u == "string" ? u : String(u),
-        d,
+        m,
         n,
         s,
         o,
         t,
         r,
-        h
+        l
       );
       continue;
     }
     switch (a) {
       case "bind":
-        Fe(u, n, s, t);
+        rt(u, n, s, t);
         break;
       case "show":
-        Ke(u, s, t);
+        nt(u, s, t);
         break;
       case "class":
-        Ue(u, s, t);
+        it(u, s, t);
         break;
       case "style":
-        Ve(u, s, t);
+        st(u, s, t);
         break;
     }
   }
   return { props: n, attrs: s, listeners: o };
 }
-function ve(e, t) {
+function je(e, t) {
   if (Array.isArray(e)) {
     const s = /* @__PURE__ */ new Set();
     return e.map((o) => {
       if (!o || typeof o != "object") return o;
       let a = o.props?.key ?? o.key;
       if (!a) {
-        const y = o.tag || "node", c = o.props?.attrs?.id ?? o.props?.attrs?.name ?? o.props?.attrs?.["data-key"] ?? "";
-        a = c ? `${t}:${y}:${c}` : `${t}:${y}`;
+        const T = o.tag || "node", l = [
+          // attrs (kebab-case)
+          o.props?.attrs?.id,
+          o.props?.attrs?.name,
+          o.props?.attrs?.["data-key"],
+          // promoted JS props (camelCase or original)
+          o.props?.props?.id,
+          o.props?.props?.name,
+          o.props?.props?.dataKey,
+          o.props?.props?.["data-key"]
+        ].find((w) => w != null) ?? "";
+        a = l ? `${t}:${T}:${l}` : `${t}:${T}`;
       }
-      let f = a, u = 1;
-      for (; s.has(f); )
-        f = `${a}#${u++}`;
-      s.add(f);
-      let d = o.children;
-      return Array.isArray(d) && (d = ve(d, f)), { ...o, key: f, children: d };
+      let c = a, u = 1;
+      for (; s.has(c); )
+        c = `${a}#${u++}`;
+      s.add(c);
+      let m = o.children;
+      return Array.isArray(m) && (m = je(m, c)), { ...o, key: c, children: m };
     });
   }
   const r = e;
   let i = r.props?.key ?? r.key ?? t, n = r.children;
-  return Array.isArray(n) && (n = ve(n, i)), { ...r, key: i, children: n };
+  return Array.isArray(n) && (n = je(n, i)), { ...r, key: i, children: n };
 }
-function Je(e, t, r, i) {
-  const n = r.directives ?? {}, s = Re(
+function Re(e, t, r, i) {
+  const n = r.directives ?? {}, s = De(
     n,
     i,
     e,
@@ -531,96 +765,203 @@ function Je(e, t, r, i) {
     ...t.attrs,
     ...r.attrs,
     ...s.attrs
-  }, f = t.props ?? {}, u = o;
-  for (const c in { ...f, ...u }) {
-    const h = f[c], k = u[c];
-    if (h !== k) {
-      if (c === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement))
-        e.value !== k && (e.value = k ?? "");
-      else if (c === "checked" && e instanceof HTMLInputElement)
-        e.checked = !!k;
-      else if (c.startsWith("on") && typeof k == "function") {
-        const $ = Le(c);
-        typeof h == "function" && e.removeEventListener($, h), e.addEventListener($, k);
-      } else if (k == null || k === !1)
-        e.removeAttribute(c);
-      else if ((r?.isCustomElement ?? t?.isCustomElement ?? !1) || c in e)
+  }, c = t.props ?? {}, u = o, m = r?.isCustomElement ?? t?.isCustomElement ?? !1;
+  let T = !1;
+  for (const w in { ...c, ...u }) {
+    const v = c[w], d = u[w];
+    if (v !== d)
+      if (T = !0, w === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement))
+        e.value !== d && (e.value = d ?? "");
+      else if (w === "checked" && e instanceof HTMLInputElement)
+        e.checked = !!d;
+      else if (w.startsWith("on") && typeof d == "function") {
+        const g = Ne(w);
+        typeof v == "function" && e.removeEventListener(g, v), e.addEventListener(g, d);
+      } else if (d == null)
+        e.removeAttribute(w);
+      else if ((r?.isCustomElement ?? t?.isCustomElement ?? !1) || w in e)
         try {
-          e[c] = k;
+          e[w] = d;
         } catch {
         }
-    }
+      else
+        d === !1 && e.removeAttribute(w);
   }
-  for (const [c, h] of Object.entries(
+  for (const [w, v] of Object.entries(
     s.listeners || {}
   ))
-    e.addEventListener(c, h);
-  const d = t.attrs ?? {}, y = a;
-  for (const c in { ...d, ...y }) {
-    const h = d[c], k = y[c];
-    h !== k && (k == null || k === !1 ? e.removeAttribute(c) : e.setAttribute(c, String(k)));
+    e.addEventListener(w, v);
+  const p = t.attrs ?? {}, l = a;
+  for (const w in { ...p, ...l }) {
+    const v = p[w], d = l[w];
+    if (v !== d)
+      if (T = !0, d == null || d === !1) {
+        if (e.removeAttribute(w), w === "value") {
+          if (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement)
+            try {
+              e.value = "";
+            } catch {
+            }
+          else if (e instanceof HTMLSelectElement)
+            try {
+              e.value = "";
+            } catch {
+            }
+          else if (e instanceof HTMLProgressElement)
+            try {
+              e.value = 0;
+            } catch {
+            }
+        }
+        if (w === "checked" && e instanceof HTMLInputElement)
+          try {
+            e.checked = !1;
+          } catch {
+          }
+        if (w === "disabled")
+          try {
+            e.disabled = !1;
+          } catch {
+          }
+      } else {
+        if (w === "value") {
+          if (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement) {
+            try {
+              e.value = d ?? "";
+            } catch {
+              e.setAttribute(w, String(d));
+            }
+            continue;
+          } else if (e instanceof HTMLSelectElement) {
+            try {
+              e.value = d ?? "";
+            } catch {
+            }
+            continue;
+          } else if (e instanceof HTMLProgressElement) {
+            try {
+              e.value = Number(d);
+            } catch {
+            }
+            continue;
+          }
+        }
+        if (w === "checked" && e instanceof HTMLInputElement) {
+          try {
+            e.checked = !!d;
+          } catch {
+          }
+          continue;
+        }
+        if (w === "style") {
+          e.setAttribute(w, String(d));
+          continue;
+        }
+        if (!(e.namespaceURI === "http://www.w3.org/2000/svg") && w in e)
+          try {
+            e[w] = d;
+          } catch {
+            e.setAttribute(w, String(d));
+          }
+        else
+          e.setAttribute(w, String(d));
+      }
   }
+  if (m && T)
+    try {
+      if (typeof e._applyProps == "function")
+        try {
+          e._applyProps(e._cfg);
+        } catch {
+        }
+      typeof e.requestRender == "function" ? e.requestRender() : typeof e._render == "function" && e._render(e._cfg);
+    } catch {
+    }
 }
-function M(e, t, r) {
+function U(e, t, r) {
   if (typeof e == "string")
     return document.createTextNode(e);
   if (e.tag === "#text") {
-    const y = document.createTextNode(
+    const p = document.createTextNode(
       typeof e.children == "string" ? e.children : ""
     );
-    return e.key != null && (y.key = e.key), y;
+    return e.key != null && (p.key = e.key), p;
   }
   if (e.tag === "#anchor") {
-    const y = e, c = Array.isArray(y.children) ? y.children : [], h = document.createTextNode(""), k = document.createTextNode("");
-    y.key != null && (h.key = `${y.key}:start`, k.key = `${y.key}:end`), y._startNode = h, y._endNode = k;
-    const $ = document.createDocumentFragment();
-    $.appendChild(h);
-    for (const w of c) {
-      const b = M(w, t);
-      $.appendChild(b);
+    const p = e, l = Array.isArray(p.children) ? p.children : [], w = document.createTextNode(""), v = document.createTextNode("");
+    p.key != null && (w.key = `${p.key}:start`, v.key = `${p.key}:end`), p._startNode = w, p._endNode = v;
+    const d = document.createDocumentFragment();
+    d.appendChild(w);
+    for (const g of l) {
+      const y = U(g, t);
+      d.appendChild(y);
     }
-    return $.appendChild(k), $;
+    return d.appendChild(v), d;
   }
   const i = document.createElement(e.tag);
   e.key != null && (i.key = e.key);
-  const { props: n = {}, attrs: s = {}, directives: o = {} } = e.props ?? {}, a = Re(o, t, i, s), f = {
+  const { props: n = {}, attrs: s = {}, directives: o = {} } = e.props ?? {}, a = De(o, t, i, s), c = {
     ...n,
     ...a.props
   }, u = {
     ...s,
     ...a.attrs
-  };
-  for (const y in u) {
-    const c = u[y];
-    typeof y != "string" || /\[object Object\]/.test(y) || (typeof c == "boolean" ? c && i.setAttribute(y, "") : c != null && i.setAttribute(y, c));
-  }
-  for (const y in f) {
-    const c = f[y];
-    if (!(typeof y != "string" || /\[object Object\]/.test(y)))
-      if (y === "value" && (i instanceof HTMLInputElement || i instanceof HTMLTextAreaElement || i instanceof HTMLSelectElement))
-        i.value = c ?? "";
-      else if (y === "checked" && i instanceof HTMLInputElement)
-        i.checked = !!c;
-      else if (y.startsWith("on") && typeof c == "function")
-        i.addEventListener(Le(y), c);
+  }, m = i.namespaceURI === "http://www.w3.org/2000/svg";
+  for (const p in u) {
+    const l = u[p];
+    if (!(typeof p != "string" || /\[object Object\]/.test(p))) {
+      if (typeof l == "boolean")
+        l && i.setAttribute(p, "");
+      else if (l != null)
+        if (!m && p === "value" && (i instanceof HTMLInputElement || i instanceof HTMLTextAreaElement || i instanceof HTMLSelectElement || i instanceof HTMLProgressElement))
+          try {
+            i instanceof HTMLProgressElement ? i.value = Number(l) : i.value = l ?? "";
+          } catch {
+            i.setAttribute(p, String(l));
+          }
+        else if (!m && p === "checked" && i instanceof HTMLInputElement)
+          try {
+            i.checked = !!l;
+          } catch {
+            i.setAttribute(p, String(l));
+          }
+        else if (!m && p in i)
+          try {
+            i[p] = l;
+          } catch {
+            i.setAttribute(p, String(l));
+          }
+        else
+          i.setAttribute(p, String(l));
+    }
+  }
+  for (const p in c) {
+    const l = c[p];
+    if (!(typeof p != "string" || /\[object Object\]/.test(p)))
+      if (p === "value" && (i instanceof HTMLInputElement || i instanceof HTMLTextAreaElement || i instanceof HTMLSelectElement))
+        i.value = l ?? "";
+      else if (p === "checked" && i instanceof HTMLInputElement)
+        i.checked = !!l;
+      else if (p.startsWith("on") && typeof l == "function")
+        i.addEventListener(Ne(p), l);
       else {
-        if (y.startsWith("on") && c === void 0)
+        if (p.startsWith("on") && l === void 0)
           continue;
-        if (c == null || c === !1)
-          i.removeAttribute(y);
-        else if ((e.props?.isCustomElement ?? !1) || y in i)
+        if (l == null || l === !1)
+          i.removeAttribute(p);
+        else if ((e.props?.isCustomElement ?? !1) || p in i)
           try {
-            i[y] = c;
+            i[p] = l;
           } catch {
           }
       }
   }
-  for (const [y, c] of Object.entries(
+  for (const [p, l] of Object.entries(
     a.listeners || {}
   ))
-    i.addEventListener(y, c);
-  const d = e.props?.ref ?? (e.props?.props && e.props.props.ref);
-  typeof e != "string" && d && r && (r[d] = i);
+    i.addEventListener(p, l);
+  const T = e.props?.ref ?? (e.props?.props && e.props.props.ref);
+  typeof e != "string" && T && r && (r[T] = i);
   try {
     if (typeof i._applyProps == "function")
       try {
@@ -631,118 +972,126 @@ function M(e, t, r) {
   } catch {
   }
   if (Array.isArray(e.children))
-    for (const y of e.children)
-      i.appendChild(M(y, t, r));
+    for (const p of e.children)
+      i.appendChild(U(p, t, r));
   else typeof e.children == "string" && (i.textContent = e.children);
+  try {
+    if (i instanceof HTMLSelectElement && u && u.hasOwnProperty("value"))
+      try {
+        i.value = u.value ?? "";
+      } catch {
+      }
+  } catch {
+  }
   return i;
 }
-function Ze(e, t, r, i, n) {
+function ot(e, t, r, i, n) {
   if (typeof r == "string") {
     e.textContent !== r && (e.textContent = r);
     return;
   }
   if (!Array.isArray(r)) return;
   const s = Array.from(e.childNodes), o = Array.isArray(t) ? t : [], a = /* @__PURE__ */ new Map();
-  for (const h of o)
-    h && h.key != null && a.set(h.key, h);
-  const f = /* @__PURE__ */ new Map();
-  for (const h of s) {
-    const k = h.key;
-    k != null && f.set(k, h);
+  for (const l of o)
+    l && l.key != null && a.set(l.key, l);
+  const c = /* @__PURE__ */ new Map();
+  for (const l of s) {
+    const w = l.key;
+    w != null && c.set(w, l);
   }
   const u = /* @__PURE__ */ new Set();
-  let d = e.firstChild;
-  function y(h, k) {
-    let $ = h;
-    for (; $ && (u.add($), $ !== k); )
-      $ = $.nextSibling;
-  }
-  function c(h, k, $, w) {
-    const b = [];
-    let m = h.nextSibling;
-    for (; m && m !== k; )
-      b.push(m), m = m.nextSibling;
-    const x = Array.isArray($) ? $ : [];
-    if (w.some((g) => g && g.key != null) || x.some((g) => g && g.key != null)) {
-      const g = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map();
-      for (const E of x)
-        E && E.key != null && g.set(E.key, E);
-      for (const E of b) {
-        const S = E.key;
-        S != null && p.set(S, E);
+  let m = e.firstChild;
+  function T(l, w) {
+    let v = l;
+    for (; v && (u.add(v), v !== w); )
+      v = v.nextSibling;
+  }
+  function p(l, w, v, d) {
+    const g = [];
+    let y = l.nextSibling;
+    for (; y && y !== w; )
+      g.push(y), y = y.nextSibling;
+    const x = Array.isArray(v) ? v : [];
+    if (d.some((b) => b && b.key != null) || x.some((b) => b && b.key != null)) {
+      const b = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map();
+      for (const S of x)
+        S && S.key != null && b.set(S.key, S);
+      for (const S of g) {
+        const E = S.key;
+        E != null && h.set(E, S);
       }
       const _ = /* @__PURE__ */ new Set();
-      let C = h.nextSibling;
-      for (const E of w) {
-        let S;
-        if (E.key != null && p.has(E.key)) {
-          const A = g.get(E.key);
-          S = ae(
-            p.get(E.key),
-            A,
-            E,
+      let $ = l.nextSibling;
+      for (const S of d) {
+        let E;
+        if (S.key != null && h.has(S.key)) {
+          const C = b.get(S.key);
+          E = ge(
+            h.get(S.key),
+            C,
+            S,
             i
-          ), _.add(S), S !== C && e.contains(S) && e.insertBefore(S, C);
+          ), _.add(E), E !== $ && e.contains(E) && e.insertBefore(E, $);
         } else
-          S = M(E, i), e.insertBefore(S, C), _.add(S);
-        C = S.nextSibling;
+          E = U(S, i), e.insertBefore(E, $), _.add(E);
+        $ = E.nextSibling;
       }
-      for (const E of b)
-        !_.has(E) && e.contains(E) && e.removeChild(E);
+      for (const S of g)
+        !_.has(S) && e.contains(S) && e.removeChild(S);
     } else {
-      const g = Math.min(
+      const b = Math.min(
         x.length,
-        w.length
+        d.length
       );
-      for (let p = 0; p < g; p++) {
-        const _ = x[p], C = w[p], E = ae(b[p], _, C, i);
-        E !== b[p] && (e.insertBefore(E, b[p]), e.removeChild(b[p]));
+      for (let h = 0; h < b; h++) {
+        const _ = x[h], $ = d[h], S = ge(g[h], _, $, i);
+        S !== g[h] && (e.insertBefore(S, g[h]), e.removeChild(g[h]));
       }
-      for (let p = g; p < w.length; p++)
-        e.insertBefore(M(w[p], i), k);
-      for (let p = g; p < b.length; p++)
-        e.removeChild(b[p]);
-    }
-  }
-  for (const h of r) {
-    let k;
-    if (h.tag === "#anchor") {
-      const $ = h.key, w = `${$}:start`, b = `${$}:end`;
-      let m = f.get(w), x = f.get(b);
-      const l = Array.isArray(h.children) ? h.children : [];
-      if (m || (m = document.createTextNode(""), m.key = w), x || (x = document.createTextNode(""), x.key = b), h._startNode = m, h._endNode = x, !e.contains(m) || !e.contains(x)) {
-        e.insertBefore(m, d);
-        for (const g of l)
-          e.insertBefore(M(g, i), d);
-        e.insertBefore(x, d);
+      for (let h = b; h < d.length; h++)
+        e.insertBefore(U(d[h], i), w);
+      for (let h = b; h < g.length; h++)
+        e.removeChild(g[h]);
+    }
+  }
+  for (const l of r) {
+    let w;
+    if (l.tag === "#anchor") {
+      const v = l.key, d = `${v}:start`, g = `${v}:end`;
+      let y = c.get(d), x = c.get(g);
+      const f = Array.isArray(l.children) ? l.children : [];
+      if (y || (y = document.createTextNode(""), y.key = d), x || (x = document.createTextNode(""), x.key = g), l._startNode = y, l._endNode = x, !e.contains(y) || !e.contains(x)) {
+        e.insertBefore(y, m);
+        for (const b of f)
+          e.insertBefore(U(b, i), m);
+        e.insertBefore(x, m);
       } else
-        c(
-          m,
+        p(
+          y,
           x,
-          a.get($)?.children,
-          l
+          a.get(v)?.children,
+          f
         );
-      y(m, x), d = x.nextSibling;
+      T(y, x), m = x.nextSibling;
       continue;
     }
-    if (h.key != null && f.has(h.key)) {
-      const $ = a.get(h.key);
-      k = ae(
-        f.get(h.key),
-        $,
-        h,
+    if (l.key != null && c.has(l.key)) {
+      const v = a.get(l.key);
+      w = ge(
+        c.get(l.key),
+        v,
+        l,
         i,
         n
-      ), u.add(k), k !== d && e.contains(k) && (d && !e.contains(d) && (d = null), e.insertBefore(k, d));
+      ), u.add(w), w !== m && e.contains(w) && (m && !e.contains(m) && (m = null), e.insertBefore(w, m));
     } else
-      k = M(h, i, n), d && !e.contains(d) && (d = null), e.insertBefore(k, d), u.add(k);
-    d = k.nextSibling;
+      w = U(l, i, n), m && !e.contains(m) && (m = null), e.insertBefore(w, m), u.add(w);
+    m = w.nextSibling;
   }
-  for (const h of s)
-    !u.has(h) && e.contains(h) && (V(h, n), e.removeChild(h));
+  for (const l of s)
+    !u.has(l) && e.contains(l) && (te(l, n), e.removeChild(l));
 }
-function ae(e, t, r, i, n) {
-  if (t && typeof t != "string" && t.props?.ref && n && V(e, n), t === r) return e;
+function ge(e, t, r, i, n) {
+  if (t && typeof t != "string" && t.props?.ref && n && te(e, n), t === r) return e;
   if (typeof r == "string") {
     if (e.nodeType === Node.TEXT_NODE)
       return e.textContent !== r && (e.textContent = r), e;
@@ -752,91 +1101,97 @@ function ae(e, t, r, i, n) {
     }
   }
   if (r && typeof r != "string" && r.tag === "#anchor") {
-    const o = r, a = Array.isArray(o.children) ? o.children : [], f = o._startNode ?? document.createTextNode(""), u = o._endNode ?? document.createTextNode("");
-    o.key != null && (f.key = `${o.key}:start`, u.key = `${o.key}:end`), o._startNode = f, o._endNode = u;
-    const d = document.createDocumentFragment();
-    d.appendChild(f);
-    for (const y of a) {
-      const c = M(y, i);
-      d.appendChild(c);
+    const o = r, a = Array.isArray(o.children) ? o.children : [], c = o._startNode ?? document.createTextNode(""), u = o._endNode ?? document.createTextNode("");
+    o.key != null && (c.key = `${o.key}:start`, u.key = `${o.key}:end`), o._startNode = c, o._endNode = u;
+    const m = document.createDocumentFragment();
+    m.appendChild(c);
+    for (const T of a) {
+      const p = U(T, i);
+      m.appendChild(p);
     }
-    return d.appendChild(u), e.parentNode?.replaceChild(d, e), f;
+    return m.appendChild(u), e.parentNode?.replaceChild(m, e), c;
   }
   if (!r) {
-    V(e, n);
+    te(e, n);
     const o = document.createComment("removed");
     return e.parentNode?.replaceChild(o, e), o;
   }
   if (!t || typeof t == "string") {
-    V(e, n);
-    const o = M(r, i, n);
+    te(e, n);
+    const o = U(r, i, n);
     return typeof r != "string" && r.props?.ref && n && (n[r.props.ref] = o), e.parentNode?.replaceChild(o, e), o;
   }
   if (r.tag === "#anchor") {
-    const o = Array.isArray(r.children) ? r.children : [], a = r._startNode ?? document.createTextNode(""), f = r._endNode ?? document.createTextNode("");
-    r.key != null && (a.key = `${r.key}:start`, f.key = `${r.key}:end`), r._startNode = a, r._endNode = f;
+    const o = Array.isArray(r.children) ? r.children : [], a = r._startNode ?? document.createTextNode(""), c = r._endNode ?? document.createTextNode("");
+    r.key != null && (a.key = `${r.key}:start`, c.key = `${r.key}:end`), r._startNode = a, r._endNode = c;
     const u = document.createDocumentFragment();
     u.appendChild(a);
-    for (const d of o)
-      u.appendChild(M(d, i));
-    return u.appendChild(f), e.parentNode?.replaceChild(u, e), a;
+    for (const m of o)
+      u.appendChild(U(m, i));
+    return u.appendChild(c), e.parentNode?.replaceChild(u, e), a;
   }
   if (typeof t != "string" && typeof r != "string" && t.tag === r.tag && t.key === r.key) {
     const o = e;
-    return Je(o, t.props || {}, r.props || {}, i), Ze(o, t.children, r.children, i, n), typeof r != "string" && r.props?.ref && n && (n[r.props.ref] = o), o;
+    return Re(o, t.props || {}, r.props || {}, i), ot(o, t.children, r.children, i, n), typeof r != "string" && r.props?.ref && n && (n[r.props.ref] = o), o;
   }
-  V(e, n);
-  const s = M(r, i, n);
+  if (typeof t != "string" && typeof r != "string" && t.tag === r.tag && (t.tag && String(t.tag).includes("-") || r.props && r.props.isCustomElement || t.props && t.props.isCustomElement))
+    try {
+      const a = e;
+      return Re(a, t.props || {}, r.props || {}, i), typeof r != "string" && r.props?.ref && n && (n[r.props.ref] = a), a;
+    } catch {
+    }
+  te(e, n);
+  const s = U(r, i, n);
   return typeof r != "string" && r.props?.ref && n && (n[r.props.ref] = s), e.parentNode?.replaceChild(s, e), s;
 }
-function Ye(e, t, r, i) {
+function at(e, t, r, i) {
   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: [n]
-  }), n = ve(n, String(n.key ?? "root"));
+  }), n = je(n, String(n.key ?? "root"));
   const s = e._prevVNode ?? null, o = e._prevDom ?? e.firstChild ?? null;
   let a;
-  s && o ? typeof s != "string" && typeof n != "string" && s.tag === n.tag && s.key === n.key ? a = ae(o, s, n, r, i) : (a = M(n, r, i), e.replaceChild(a, o)) : (a = M(n, r, i), e.firstChild ? e.replaceChild(a, e.firstChild) : e.appendChild(a));
-  const f = [];
+  s && o ? typeof s != "string" && typeof n != "string" && s.tag === n.tag && s.key === n.key ? a = ge(o, s, n, r, i) : (a = U(n, r, i), e.replaceChild(a, o)) : (a = U(n, r, i), e.firstChild ? e.replaceChild(a, e.firstChild) : e.appendChild(a));
+  const c = [];
   for (let u = 0; u < e.childNodes.length; u++) {
-    const d = e.childNodes[u];
-    d !== a && d.nodeName !== "STYLE" && (V(d, i), f.push(d));
+    const m = e.childNodes[u];
+    m !== a && m.nodeName !== "STYLE" && (te(m, i), c.push(m));
   }
-  f.forEach((u) => e.removeChild(u)), e._prevVNode = n, e._prevDom = a;
+  c.forEach((u) => e.removeChild(u)), e._prevVNode = n, e._prevDom = a;
 }
-function he(e) {
-  if (typeof e == "string") return H(e);
+function ke(e) {
+  if (typeof e == "string") return Z(e);
   if (e.tag === "#text")
-    return typeof e.children == "string" ? H(e.children) : "";
+    return typeof e.children == "string" ? Z(e.children) : "";
   if (e.tag === "#anchor")
-    return (Array.isArray(e.children) ? e.children.filter(Boolean) : []).map(he).join("");
+    return (Array.isArray(e.children) ? e.children.filter(Boolean) : []).map(ke).join("");
   let t = "";
-  e.props && e.props.attrs && (t = Object.entries(e.props.attrs).map(([n, s]) => ` ${n}="${H(String(s))}"`).join(""));
+  e.props && e.props.attrs && (t = Object.entries(e.props.attrs).map(([n, s]) => ` ${n}="${Z(String(s))}"`).join(""));
   let r = "";
-  e.props && (r = Object.entries(e.props).filter(([n]) => n !== "attrs" && n !== "directives" && n !== "ref" && n !== "key").map(([n, s]) => ` ${n}="${H(String(s))}"`).join(""));
-  const i = Array.isArray(e.children) ? e.children.filter(Boolean).map(he).join("") : typeof e.children == "string" ? H(e.children) : e.children ? he(e.children) : "";
+  e.props && (r = Object.entries(e.props).filter(([n]) => n !== "attrs" && n !== "directives" && n !== "ref" && n !== "key").map(([n, s]) => ` ${n}="${Z(String(s))}"`).join(""));
+  const i = Array.isArray(e.children) ? e.children.filter(Boolean).map(ke).join("") : typeof e.children == "string" ? Z(e.children) : e.children ? ke(e.children) : "";
   return `<${e.tag}${t}${r}>${i}</${e.tag}>`;
 }
-function Oe(e, ...t) {
+function Ue(e, ...t) {
   let r = "";
   for (let i = 0; i < e.length; i++)
     r += e[i], i < t.length && (r += t[i]);
   return r;
 }
-function Be(e) {
+function Fe(e) {
   return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
 }
-let ie = null;
-function _e() {
-  return ie || (ie = new CSSStyleSheet(), ie.replaceSync(Be(Qe))), ie;
+let ue = null;
+function Oe() {
+  return ue || (ue = new CSSStyleSheet(), ue.replaceSync(Fe(lt))), ue;
 }
-function Ge(e) {
+function ct(e) {
   return e.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
 }
-const Qe = Oe`
+const lt = Ue`
   :host, *, ::before, ::after {
     all: isolate;
     box-sizing: border-box;
@@ -894,7 +1249,7 @@ const Qe = Oe`
   sup { top: -.5em }
   [disabled], [aria-disabled=true] { cursor: not-allowed }
   [hidden] { display: none }
-`, Xe = {
+`, ft = {
   neutral: {
     50: "#fafafa",
     100: "#f4f4f5",
@@ -990,8 +1345,8 @@ const Qe = Oe`
   black: { DEFAULT: "#000000" },
   transparent: { DEFAULT: "transparent" },
   current: { DEFAULT: "currentColor" }
-}, et = Object.fromEntries(
-  Object.entries(Xe).map(([e, t]) => [
+}, ut = Object.fromEntries(
+  Object.entries(ft).map(([e, t]) => [
     e,
     Object.fromEntries(
       Object.entries(t).map(([r, i]) => [
@@ -1000,7 +1355,7 @@ const Qe = Oe`
       ])
     )
   ])
-), ge = {
+), _e = {
   /* Display */
   block: "display:block;",
   inline: "display:inline;",
@@ -1215,7 +1570,7 @@ const Qe = Oe`
   "z-30": "z-index:30;",
   "z-40": "z-index:40;",
   "z-50": "z-index:50;"
-}, tt = "0.25rem", Se = {
+}, dt = "0.25rem", Pe = {
   m: ["margin"],
   mx: ["margin-inline"],
   my: ["margin-block"],
@@ -1247,7 +1602,7 @@ const Qe = Oe`
   "gap-x": ["column-gap"],
   "gap-y": ["row-gap"]
 };
-function N(e, t) {
+function D(e, t) {
   let r = 0, i = 0;
   for (let n = 0; n < e.length; n++) {
     const s = e[n];
@@ -1260,21 +1615,21 @@ function N(e, t) {
   }
   return e + t;
 }
-const rt = {
+const pt = {
   before: (e, t) => `${e}::before{${t}}`,
   after: (e, t) => `${e}::after{${t}}`,
-  hover: (e, t) => `${N(e, ":hover")}{${t}}`,
-  focus: (e, t) => `${N(e, ":focus")}{${t}}`,
-  active: (e, t) => `${N(e, ":active")}{${t}}`,
-  disabled: (e, t) => `${N(e, ":disabled")}{${t}}`,
-  visited: (e, t) => `${N(e, ":visited")}{${t}}`,
-  checked: (e, t) => `${N(e, ":checked")}{${t}}`,
-  first: (e, t) => `${N(e, ":first-child")}{${t}}`,
-  last: (e, t) => `${N(e, ":last-child")}{${t}}`,
-  odd: (e, t) => `${N(e, ":nth-child(odd)")}{${t}}`,
-  even: (e, t) => `${N(e, ":nth-child(even)")}{${t}}`,
-  "focus-within": (e, t) => `${N(e, ":focus-within")}{${t}}`,
-  "focus-visible": (e, t) => `${N(e, ":focus-visible")}{${t}}`,
+  hover: (e, t) => `${D(e, ":hover")}{${t}}`,
+  focus: (e, t) => `${D(e, ":focus")}{${t}}`,
+  active: (e, t) => `${D(e, ":active")}{${t}}`,
+  disabled: (e, t) => `${D(e, ":disabled")}{${t}}`,
+  visited: (e, t) => `${D(e, ":visited")}{${t}}`,
+  checked: (e, t) => `${D(e, ":checked")}{${t}}`,
+  first: (e, t) => `${D(e, ":first-child")}{${t}}`,
+  last: (e, t) => `${D(e, ":last-child")}{${t}}`,
+  odd: (e, t) => `${D(e, ":nth-child(odd)")}{${t}}`,
+  even: (e, t) => `${D(e, ":nth-child(even)")}{${t}}`,
+  "focus-within": (e, t) => `${D(e, ":focus-within")}{${t}}`,
+  "focus-visible": (e, t) => `${D(e, ":focus-visible")}{${t}}`,
   "group-hover": (e, t) => `.group:hover ${e}{${t}}`,
   "group-focus": (e, t) => `.group:focus ${e}{${t}}`,
   "group-active": (e, t) => `.group:active ${e}{${t}}`,
@@ -1283,7 +1638,7 @@ const rt = {
   "peer-focus": (e, t) => `.peer:focus ~ ${e}{${t}}`,
   "peer-checked": (e, t) => `.peer:checked ~ ${e}{${t}}`,
   "peer-disabled": (e, t) => `.peer:disabled ~ ${e}{${t}}`
-}, me = {
+}, Ee = {
   // Responsive
   sm: "(min-width:640px)",
   md: "(min-width:768px)",
@@ -1292,23 +1647,23 @@ const rt = {
   "2xl": "(min-width:1536px)",
   // Dark mode (now plain string)
   dark: "(prefers-color-scheme: dark)"
-}, ye = ["sm", "md", "lg", "xl", "2xl"];
-function be(e) {
+}, $e = ["sm", "md", "lg", "xl", "2xl"];
+function Se(e) {
   const t = e.startsWith("-"), i = (t ? e.slice(1) : e).split("-");
   if (i.length < 2) return null;
   const n = i.slice(0, -1).join("-"), s = i[i.length - 1], o = parseFloat(s);
-  if (Number.isNaN(o) || !Se[n]) return null;
+  if (Number.isNaN(o) || !Pe[n]) return null;
   const a = t ? "-" : "";
-  return Se[n].map((f) => `${f}:calc(${a}${tt} * ${o});`).join("");
+  return Pe[n].map((c) => `${c}:calc(${a}${dt} * ${o});`).join("");
 }
-function Ee(e) {
+function Me(e) {
   const t = e.replace("#", ""), r = parseInt(t, 16), i = r >> 16 & 255, n = r >> 8 & 255, s = r & 255;
   return `${i} ${n} ${s}`;
 }
-function nt(e) {
+function ht(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, i, n = "DEFAULT"] = t, s = et[i]?.[n];
+  const [, r, i, n = "DEFAULT"] = t, s = ut[i]?.[n];
   if (!s) return null;
   if (r === "shadow") return `--ce-shadow-color:${s};`;
   const a = {
@@ -1324,41 +1679,41 @@ function nt(e) {
   }[r];
   return a ? `${a}:${s};` : null;
 }
-function it(e) {
+function gt(e) {
   const [t, r] = e.split("/");
   if (!r) return { base: t };
   const i = parseInt(r, 10);
   return isNaN(i) || i < 0 || i > 100 ? { base: t } : { base: t, opacity: i / 100 };
 }
-function we(e) {
-  const { base: t, opacity: r } = it(e), i = nt(t);
+function Ce(e) {
+  const { base: t, opacity: r } = gt(e), i = ht(t);
   if (i) {
     if (r !== void 0) {
       const s = /#([0-9a-f]{6})/i.exec(i);
       if (s) {
-        const o = Ee(s[0]);
+        const o = Me(s[0]);
         return i.replace(/#([0-9a-f]{6})/i, `rgb(${o} / ${r})`);
       }
     }
     return i;
   }
-  const n = ce(t);
+  const n = me(t);
   if (n && r !== void 0) {
     const s = /#([0-9a-f]{6})/i.exec(n);
     if (s) {
-      const o = Ee(s[0]);
+      const o = Me(s[0]);
       return n.replace(/#([0-9a-f]{6})/i, `rgb(${o} / ${r})`);
     }
   }
   return n;
 }
-function xe(e) {
+function Ae(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 ce(e) {
+function me(e) {
   if (e.startsWith("[") && e.endsWith("]") && !e.includes("-[")) {
     const n = e.slice(1, -1).trim().match(/^([a-zA-Z][a-zA-Z0-9-]*)\s*:(.*)$/);
     if (n) {
@@ -1422,7 +1777,7 @@ function ce(e) {
   }
   return null;
 }
-function st(e) {
+function mt(e) {
   if (e.startsWith("[") && e.endsWith("]")) {
     const r = e.slice(1, -1);
     return r.includes("&") ? r : e;
@@ -1434,10 +1789,10 @@ function st(e) {
   }
   return null;
 }
-function ot(e) {
+function yt(e) {
   return e.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1");
 }
-function at(e) {
+function bt(e) {
   const t = /class\s*=\s*(['"])(.*?)\1/g, r = [];
   let i;
   for (; i = t.exec(e); ) {
@@ -1446,32 +1801,32 @@ function at(e) {
   }
   return r.filter(Boolean);
 }
-const Ce = /* @__PURE__ */ new Map(), ct = 16;
-function lt(e) {
-  const t = Date.now(), r = Ce.get(e);
-  if (r && t - r.timestamp < ct) return r.css;
-  const i = at(e), n = new Set(i), s = [], o = [], a = [], f = [], u = {};
-  function d(w, b = !1) {
-    const m = (b ? "dark|" : "") + w;
-    if (m in u) return u[m];
-    const x = k(w, b);
-    return u[m] = x, x;
-  }
-  function y(w) {
-    const b = w.some((x) => ye.includes(x)), m = w.includes("dark");
-    return w.length === 0 ? 1 : !b && !m ? 2 : b && !m ? 3 : 4;
-  }
-  function c(w) {
-    const b = [];
-    let m = "", x = 0, l = 0;
-    for (let g = 0; g < w.length; g++) {
-      const p = w[g];
-      p === "[" ? x++ : p === "]" && x > 0 ? x-- : p === "(" ? l++ : p === ")" && l > 0 && l--, p === ":" && x === 0 && l === 0 ? (b.push(m), m = "") : m += p;
-    }
-    return m && b.push(m), b;
-  }
-  function h(w) {
-    switch (w) {
+const Be = /* @__PURE__ */ new Map(), wt = 16;
+function xt(e) {
+  const t = Date.now(), r = Be.get(e);
+  if (r && t - r.timestamp < wt) return r.css;
+  const i = bt(e), n = new Set(i), s = [], o = [], a = [], c = [], u = {};
+  function m(d, g = !1) {
+    const y = (g ? "dark|" : "") + d;
+    if (y in u) return u[y];
+    const x = w(d, g);
+    return u[y] = x, x;
+  }
+  function T(d) {
+    const g = d.some((x) => $e.includes(x)), y = d.includes("dark");
+    return d.length === 0 ? 1 : !g && !y ? 2 : g && !y ? 3 : 4;
+  }
+  function p(d) {
+    const g = [];
+    let y = "", x = 0, f = 0;
+    for (let b = 0; b < d.length; b++) {
+      const h = d[b];
+      h === "[" ? x++ : h === "]" && x > 0 ? x-- : h === "(" ? f++ : h === ")" && f > 0 && f--, h === ":" && x === 0 && f === 0 ? (g.push(y), y = "") : y += h;
+    }
+    return y && g.push(y), g;
+  }
+  function l(d) {
+    switch (d) {
       case "hover":
         return ":hover";
       case "focus":
@@ -1500,132 +1855,132 @@ function lt(e) {
         return null;
     }
   }
-  function k(w, b = !1) {
-    const m = c(w);
+  function w(d, g = !1) {
+    const y = p(d);
     let x = !1;
-    const l = m.find((v) => (v.startsWith("!") && (x = !0, v = v.slice(1)), ge[v] || be(v) || xe(v) || we(v) || ce(v)));
-    if (!l) return null;
-    const g = l.replace(/^!/, ""), p = ge[g] ?? be(g) ?? xe(g) ?? we(g) ?? ce(g);
-    if (!p) return null;
-    const _ = m.indexOf(l);
-    let C = _ >= 0 ? m.slice(0, _) : [];
-    b && (C = C.filter((v) => v !== "dark"));
-    const E = `.${ot(w)}`, S = "__SUBJECT__", A = x ? p.replace(/;$/, " !important;") : p;
-    let j = S;
-    const Q = [];
-    for (const v of C)
-      v.startsWith("group-") ? (j = `.group:${v.slice(6)} ${j}`, Q.push(v)) : v.startsWith("peer-") && (j = j.replace(S, `.peer:${v.slice(5)}~${S}`), Q.push(v));
-    C = C.filter((v) => !Q.includes(v));
-    const X = [], de = [];
-    let q = null;
-    for (const v of C) {
-      if (v === "dark" || ye.includes(v)) continue;
-      const B = st(v);
-      if (B) {
-        q = B;
+    const f = y.find((k) => (k.startsWith("!") && (x = !0, k = k.slice(1)), _e[k] || Se(k) || Ae(k) || Ce(k) || me(k)));
+    if (!f) return null;
+    const b = f.replace(/^!/, ""), h = _e[b] ?? Se(b) ?? Ae(b) ?? Ce(b) ?? me(b);
+    if (!h) return null;
+    const _ = y.indexOf(f);
+    let $ = _ >= 0 ? y.slice(0, _) : [];
+    g && ($ = $.filter((k) => k !== "dark"));
+    const S = `.${yt(d)}`, E = "__SUBJECT__", C = x ? h.replace(/;$/, " !important;") : h;
+    let A = E;
+    const P = [];
+    for (const k of $)
+      k.startsWith("group-") ? (A = `.group:${k.slice(6)} ${A}`, P.push(k)) : k.startsWith("peer-") && (A = A.replace(E, `.peer:${k.slice(5)}~${E}`), P.push(k));
+    $ = $.filter((k) => !P.includes(k));
+    const X = [], ie = [];
+    let M = null;
+    for (const k of $) {
+      if (k === "dark" || $e.includes(k)) continue;
+      const W = mt(k);
+      if (W) {
+        M = W;
         continue;
       }
-      const O = h(v);
-      if (O) {
-        q ? de.push(O) : X.push(O);
+      const R = l(k);
+      if (R) {
+        M ? ie.push(R) : X.push(R);
         continue;
       }
-      const P = rt[v];
-      typeof P == "function" && (j = P(j, A).split("{")[0]);
-    }
-    function I(v, B) {
-      if (!B) return v;
-      let O = 0, P = 0;
-      if (v.length && (v[0] === ">" || v[0] === "+" || v[0] === "~" || v[0] === " ")) {
-        let T = 1;
-        for (; T < v.length && v[T] === " "; ) T++;
-        for (; T < v.length; T++) {
-          const R = v[T];
-          if (R === "[" ? O++ : R === "]" && O > 0 ? O-- : R === "(" ? P++ : R === ")" && P > 0 && P--, O === 0 && P === 0 && (v[T] === ">" || v[T] === "+" || v[T] === "~" || v[T] === " "))
-            return v.slice(0, T) + B + v.slice(T);
+      const B = pt[k];
+      typeof B == "function" && (A = B(A, C).split("{")[0]);
+    }
+    function F(k, W) {
+      if (!W) return k;
+      let R = 0, B = 0;
+      if (k.length && (k[0] === ">" || k[0] === "+" || k[0] === "~" || k[0] === " ")) {
+        let j = 1;
+        for (; j < k.length && k[j] === " "; ) j++;
+        for (; j < k.length; j++) {
+          const L = k[j];
+          if (L === "[" ? R++ : L === "]" && R > 0 ? R-- : L === "(" ? B++ : L === ")" && B > 0 && B--, R === 0 && B === 0 && (k[j] === ">" || k[j] === "+" || k[j] === "~" || k[j] === " "))
+            return k.slice(0, j) + W + k.slice(j);
         }
-        return v + B;
+        return k + W;
       }
-      for (let T = 0; T < v.length; T++) {
-        const R = v[T];
-        if (R === "[" ? O++ : R === "]" && O > 0 ? O-- : R === "(" ? P++ : R === ")" && P > 0 && P--, O === 0 && P === 0 && (R === ">" || R === "+" || R === "~" || R === " "))
-          return v.slice(0, T) + B + v.slice(T);
+      for (let j = 0; j < k.length; j++) {
+        const L = k[j];
+        if (L === "[" ? R++ : L === "]" && R > 0 ? R-- : L === "(" ? B++ : L === ")" && B > 0 && B--, R === 0 && B === 0 && (L === ">" || L === "+" || L === "~" || L === " "))
+          return k.slice(0, j) + W + k.slice(j);
       }
-      return v + B;
+      return k + W;
     }
-    const Z = X.join(""), F = de.join("");
-    if (q)
-      if (q.includes("&")) {
-        const v = q.indexOf("&"), B = q.slice(0, v), O = q.slice(v + 1), P = S + Z, T = j;
+    const H = X.join(""), N = ie.join("");
+    if (M)
+      if (M.includes("&")) {
+        const k = M.indexOf("&"), W = M.slice(0, k), R = M.slice(k + 1), B = E + H, j = A;
         if (X.length === 0)
-          j = T.replace(S, B + P + F + O);
+          A = j.replace(E, W + B + N + R);
         else {
-          const R = I(O, F);
-          j = T.replace(S, B + P + R);
+          const L = F(R, N);
+          A = j.replace(E, W + B + L);
         }
       } else
-        j = j.replace(S, `${q}${S + Z}`), F && (j = j.replace(S, `${S}${F}`));
+        A = A.replace(E, `${M}${E + H}`), N && (A = A.replace(E, `${E}${N}`));
     else
-      j = S + Z + F;
-    j = j.replace(new RegExp(S, "g"), E);
-    let L = `${j}{${A}}`;
-    const K = C.filter((v) => ye.includes(v)), D = K.length ? K[K.length - 1] : null, ne = C.includes("dark");
-    return b && D ? L = `@media (prefers-color-scheme: dark) and ${me[D]}{${L}}` : b ? L = `@media (prefers-color-scheme: dark){${L}}` : ne && D ? L = `@media (prefers-color-scheme: dark) and ${me[D]}{${L}}` : ne ? L = `@media (prefers-color-scheme: dark){${L}}` : D && (L = `@media ${me[D]}{${L}}`), L;
-  }
-  for (const w of n) {
-    const b = c(w), m = b.find(
-      (p) => ge[p] || be(p) || xe(p) || we(p) || ce(p)
+      A = E + H + N;
+    A = A.replace(new RegExp(E, "g"), S);
+    let I = `${A}{${C}}`;
+    const z = $.filter((k) => $e.includes(k)), J = z.length ? z[z.length - 1] : null, se = $.includes("dark");
+    return g && J ? I = `@media (prefers-color-scheme: dark) and ${Ee[J]}{${I}}` : g ? I = `@media (prefers-color-scheme: dark){${I}}` : se && J ? I = `@media (prefers-color-scheme: dark) and ${Ee[J]}{${I}}` : se ? I = `@media (prefers-color-scheme: dark){${I}}` : J && (I = `@media ${Ee[J]}{${I}}`), I;
+  }
+  for (const d of n) {
+    const g = p(d), y = g.find(
+      (h) => _e[h] || Se(h) || Ae(h) || Ce(h) || me(h)
     );
-    if (!m) continue;
-    const x = b.indexOf(m), l = x >= 0 ? b.slice(0, x) : [], g = y(l);
-    if (g === 4) {
-      const p = d(w, !0);
-      p && f.push(p);
+    if (!y) continue;
+    const x = g.indexOf(y), f = x >= 0 ? g.slice(0, x) : [], b = T(f);
+    if (b === 4) {
+      const h = m(d, !0);
+      h && c.push(h);
     } else {
-      const p = d(w);
-      p && (g === 1 ? s.push(p) : g === 2 ? o.push(p) : g === 3 && a.push(p));
+      const h = m(d);
+      h && (b === 1 ? s.push(h) : b === 2 ? o.push(h) : b === 3 && a.push(h));
     }
   }
-  const $ = [...s, ...o, ...a, ...f].join("");
-  return Ce.set(e, { css: $, timestamp: t }), $;
+  const v = [...s, ...o, ...a, ...c].join("");
+  return Be.set(e, { css: v, timestamp: t }), v;
 }
-const te = [];
-function ft(e, t, r, i, n, s, o, a) {
+const ce = [];
+function vt(e, t, r, i, n, s, o, a) {
   if (e) {
-    te.push(r);
+    ce.push(r);
     try {
       if (t.loadingTemplate && r.isLoading) {
-        Y(e, t.loadingTemplate(r), r, i, n);
+        re(e, t.loadingTemplate(r), r, i, n);
         return;
       }
       if (t.errorTemplate && r.hasError) {
-        r.error instanceof Error && Y(e, t.errorTemplate(r.error, r), r, i, n);
+        r.error instanceof Error && re(e, t.errorTemplate(r.error, r), r, i, n);
         return;
       }
-      const f = t.render(r);
-      if (f instanceof Promise) {
-        s(!0), f.then((u) => {
-          s(!1), o(null), Y(e, u, r, i, n), a(e.innerHTML);
+      const c = t.render(r);
+      if (c instanceof Promise) {
+        s(!0), c.then((u) => {
+          s(!1), o(null), re(e, u, r, i, n), a(e.innerHTML);
         }).catch((u) => {
-          s(!1), o(u), t.errorTemplate && Y(e, t.errorTemplate(u, r), r, i, n);
-        }), t.loadingTemplate && Y(e, t.loadingTemplate(r), r, i, n);
+          s(!1), o(u), t.errorTemplate && re(e, t.errorTemplate(u, r), r, i, n);
+        }), t.loadingTemplate && re(e, t.loadingTemplate(r), r, i, n);
         return;
       }
-      Y(e, f, r, i, n), a(e.innerHTML);
+      re(e, c, r, i, n), a(e.innerHTML);
     } finally {
-      te.pop();
+      ce.pop();
     }
   }
 }
-function Y(e, t, r, i, n) {
-  e && (Ye(
+function re(e, t, r, i, n) {
+  e && (at(
     e,
     Array.isArray(t) ? t : [t],
     r,
     i
   ), n(e.innerHTML));
 }
-function ut(e, t, r, i, n, s, o) {
+function kt(e, t, r, i, n, s, o) {
   if (s !== null && clearTimeout(s), Date.now() - t < 16) {
     if (n(r + 1), r > 10) {
       o(null);
@@ -1633,38 +1988,73 @@ function ut(e, t, r, i, n, s, o) {
     }
   } else
     n(0);
-  const f = setTimeout(() => {
+  const c = setTimeout(() => {
     i(Date.now()), e(), o(null);
   }, 0);
-  o(f);
+  o(c);
 }
-function dt(e, t, r, i, n, s) {
+function _t(e, t, r, i, n, s) {
   if (!e) return;
-  const o = lt(i);
+  const o = xt(i);
   if (!t.style && (!o || o.trim() === "")) {
-    s(null), e.adoptedStyleSheets = [_e()];
+    s(null), e.adoptedStyleSheets = [Oe()];
     return;
   }
   let a = "";
   t.style && (typeof t.style == "string" ? a = t.style : typeof t.style == "function" && (a = t.style(r)));
-  let f = Ge(`${a}
+  let c = ct(`${a}
 ${o}
 `);
-  f = Be(f);
+  c = Fe(c);
   let u = n;
-  u || (u = new CSSStyleSheet()), (u.cssRules.length === 0 || u.toString() !== f) && u.replaceSync(f), e.adoptedStyleSheets = [_e(), u], s(u);
+  u || (u = new CSSStyleSheet()), (u.cssRules.length === 0 || u.toString() !== c) && u.replaceSync(c), e.adoptedStyleSheets = [Oe(), u], s(u);
 }
-const ue = /* @__PURE__ */ new Map(), Ae = Symbol.for("cer.registry");
+class Et {
+  pendingUpdates = /* @__PURE__ */ new Map();
+  isFlushScheduled = !1;
+  /**
+   * Schedule an update to be executed in the next microtask
+   * Uses component identity to deduplicate multiple render requests for the same component
+   */
+  schedule(t, r) {
+    const i = r || t.toString();
+    this.pendingUpdates.set(i, t), this.isFlushScheduled || (this.isFlushScheduled = !0, typeof globalThis.process < "u" && globalThis.process.env?.NODE_ENV === "test" || typeof window < "u" && (window.__vitest__ || window.Cypress) ? this.flush() : queueMicrotask(() => this.flush()));
+  }
+  /**
+   * Execute all pending updates
+   */
+  flush() {
+    const t = Array.from(this.pendingUpdates.values());
+    this.pendingUpdates.clear(), this.isFlushScheduled = !1;
+    for (const r of t)
+      try {
+        r();
+      } catch (i) {
+        typeof console < "u" && console.error && console.error("Error in batched update:", i);
+      }
+  }
+  /**
+   * Get the number of pending updates
+   */
+  get pendingCount() {
+    return this.pendingUpdates.size;
+  }
+}
+const $t = new Et();
+function oe(e, t) {
+  $t.schedule(e, t);
+}
+const be = /* @__PURE__ */ new Map(), We = Symbol.for("cer.registry");
 if (typeof window < "u") {
   const e = globalThis;
-  e[Ae] || (e[Ae] = ue);
+  e[We] || (e[We] = be);
 }
-function je(e, t, r) {
-  let i = J(e);
+function Ie(e, t, r) {
+  let i = Q(e);
   i.includes("-") || (i = `cer-${i}`);
   let n;
   typeof t == "function" ? n = { ...r, render: t } : n = t, typeof n.onError != "function" && (n.onError = (s, o) => {
-    console.error(`[${i}] Error:`, s, o);
+    Y(`[${i}] Error:`, s, o);
   });
   try {
     const s = /* @__PURE__ */ new Set([
@@ -1683,15 +2073,15 @@ function je(e, t, r) {
       s.has(a) && o.push(a);
     }), o.length > 0) {
       const a = Array.from(new Set(o));
-      console.warn(
+      pe(
         `[${i}] Reserved runtime context keys used in component config: ${a.join(", ")}. These names are provided by the runtime (for example: refs, error, emit). Rename your state/prop/computed keys (e.g. 'error' -> 'errorMessage') to avoid collisions and TypeScript type conflicts.`
       );
     }
   } catch {
   }
-  if (ue.set(i, n), typeof window < "u")
+  if (be.set(i, n), typeof window < "u")
     if (!customElements.get(i))
-      customElements.define(i, pt(i, n));
+      customElements.define(i, St(i, n));
     else
       try {
         document.querySelectorAll(i).forEach((s) => {
@@ -1703,7 +2093,7 @@ function je(e, t, r) {
       } catch {
       }
 }
-function pt(e, t) {
+function St(e, t) {
   if (!t.render)
     throw new Error(
       "Component must have a render function"
@@ -1721,6 +2111,7 @@ function pt(e, t) {
     _mounted = !1;
     _hasError = !1;
     _initializing = !0;
+    _componentId;
     _styleSheet = null;
     _lastHtmlStringForJitCSS = "";
     /**
@@ -1747,7 +2138,7 @@ function pt(e, t) {
     _templateLoading = !1;
     _templateError = null;
     constructor() {
-      super(), this.attachShadow({ mode: "open" }), this._cfg = ue.get(e) || t;
+      super(), this.attachShadow({ mode: "open" }), this._cfg = be.get(e) || t, this._componentId = `${e}-${Math.random().toString(36).substr(2, 9)}`;
       const r = this._initContext(t);
       Object.defineProperty(r, "refs", {
         value: this._refs,
@@ -1759,6 +2150,16 @@ function pt(e, t) {
         writable: !1,
         enumerable: !1,
         configurable: !1
+      }), Object.defineProperty(r, "_requestRender", {
+        value: () => this._requestRender(),
+        writable: !1,
+        enumerable: !1,
+        configurable: !1
+      }), Object.defineProperty(r, "_triggerWatchers", {
+        value: (n, s) => this._triggerWatchers(n, s),
+        writable: !1,
+        enumerable: !1,
+        configurable: !1
       }), this.context = r, Object.defineProperty(this.context, "emit", {
         value: (n, s, o) => {
           const a = new CustomEvent(n, {
@@ -1773,15 +2174,28 @@ function pt(e, t) {
         enumerable: !1,
         configurable: !1
       });
-      const i = ue.get(e) || t;
+      const i = be.get(e) || t;
       Object.keys(i).forEach((n) => {
         const s = i[n];
         typeof s == "function" && (this.context[n] = (...o) => s(...o, this.context));
-      }), this._applyComputed(i), this._initializing = !1, this._initWatchers(i), this._render(i);
+      }), this._applyComputed(i), i.props && Object.keys(i.props).forEach((n) => {
+        let s = this[n];
+        Object.defineProperty(this, n, {
+          get() {
+            return s;
+          },
+          set(o) {
+            const a = s;
+            s = o, this.context[n] = o, this._initializing || (this._applyProps(i), a !== o && this._requestRender());
+          },
+          enumerable: !0,
+          configurable: !0
+        });
+      }), this._initializing = !1, this._initWatchers(i), this._render(i);
     }
     connectedCallback() {
       this._runLogicWithinErrorBoundary(t, () => {
-        this._applyProps(t), qe(
+        this._applyProps(t), Qe(
           t,
           this.context,
           this._mounted,
@@ -1793,7 +2207,7 @@ function pt(e, t) {
     }
     disconnectedCallback() {
       this._runLogicWithinErrorBoundary(t, () => {
-        De(
+        Xe(
           t,
           this.context,
           this._listeners,
@@ -1817,7 +2231,7 @@ function pt(e, t) {
     }
     attributeChangedCallback(r, i, n) {
       this._runLogicWithinErrorBoundary(t, () => {
-        this._applyProps(t), Ie(
+        this._applyProps(t), et(
           t,
           r,
           i,
@@ -1827,7 +2241,7 @@ function pt(e, t) {
       });
     }
     static get observedAttributes() {
-      return t.props ? Object.keys(t.props).map(J) : [];
+      return t.props ? Object.keys(t.props).map(Q) : [];
     }
     _applyComputed(r) {
       this._runLogicWithinErrorBoundary(t, () => {
@@ -1835,7 +2249,7 @@ function pt(e, t) {
           Object.defineProperty(this.context, i, {
             get: () => {
               const s = n(this.context);
-              return H(s);
+              return Z(s);
             },
             enumerable: !0
           });
@@ -1845,7 +2259,7 @@ function pt(e, t) {
     // --- Render ---
     _render(r) {
       this._runLogicWithinErrorBoundary(r, () => {
-        ft(
+        vt(
           this.shadowRoot,
           r,
           this.context,
@@ -1868,27 +2282,29 @@ function pt(e, t) {
     }
     _requestRender() {
       this._runLogicWithinErrorBoundary(this._cfg, () => {
-        ut(
-          () => this._render(this._cfg),
-          this._lastRenderTime,
-          this._renderCount,
-          (r) => {
-            this._lastRenderTime = r;
-          },
-          (r) => {
-            this._renderCount = r;
-          },
-          this._renderTimeoutId,
-          (r) => {
-            this._renderTimeoutId = r;
-          }
-        );
+        oe(() => {
+          kt(
+            () => this._render(this._cfg),
+            this._lastRenderTime,
+            this._renderCount,
+            (r) => {
+              this._lastRenderTime = r;
+            },
+            (r) => {
+              this._renderCount = r;
+            },
+            this._renderTimeoutId,
+            (r) => {
+              this._renderTimeoutId = r;
+            }
+          );
+        }, this._componentId);
       });
     }
     // --- Style ---
     _applyStyle(r, i) {
       this._runLogicWithinErrorBoundary(r, () => {
-        dt(
+        _t(
           this.shadowRoot,
           r,
           this.context,
@@ -1917,9 +2333,9 @@ function pt(e, t) {
       try {
         let i = function(s, o = "") {
           return Array.isArray(s) ? new Proxy(s, {
-            get(a, f, u) {
-              const d = Reflect.get(a, f, u);
-              return typeof d == "function" && typeof f == "string" && [
+            get(a, c, u) {
+              const m = Reflect.get(a, c, u);
+              return typeof m == "function" && typeof c == "string" && [
                 "push",
                 "pop",
                 "shift",
@@ -1927,42 +2343,42 @@ function pt(e, t) {
                 "splice",
                 "sort",
                 "reverse"
-              ].includes(f) ? function(...c) {
-                const h = d.apply(a, c);
+              ].includes(c) ? function(...p) {
+                const l = m.apply(a, p);
                 if (!n._initializing) {
-                  const k = o || "root";
-                  n._triggerWatchers(k, a), n._render(r);
+                  const w = o || "root";
+                  n._triggerWatchers(w, a), oe(() => n._render(r), n._componentId);
                 }
-                return h;
-              } : d;
+                return l;
+              } : m;
             },
-            set(a, f, u) {
-              if (a[f] = u, !n._initializing) {
-                const d = o ? `${o}.${String(f)}` : String(f);
-                n._triggerWatchers(d, u), n._render(r);
+            set(a, c, u) {
+              if (a[c] = u, !n._initializing) {
+                const m = o ? `${o}.${String(c)}` : String(c);
+                n._triggerWatchers(m, u), oe(() => n._render(r), n._componentId);
               }
               return !0;
             },
-            deleteProperty(a, f) {
-              if (delete a[f], !n._initializing) {
-                const u = o ? `${o}.${String(f)}` : String(f);
-                n._triggerWatchers(u, void 0), n._render(r);
+            deleteProperty(a, c) {
+              if (delete a[c], !n._initializing) {
+                const u = o ? `${o}.${String(c)}` : String(c);
+                n._triggerWatchers(u, void 0), oe(() => n._render(r), n._componentId);
               }
               return !0;
             }
           }) : s && typeof s == "object" ? (Object.keys(s).forEach((a) => {
-            const f = o ? `${o}.${a}` : a;
-            s[a] = i(s[a], f);
+            const c = o ? `${o}.${a}` : a;
+            s[a] = i(s[a], c);
           }), new Proxy(s, {
-            set(a, f, u) {
-              const d = o ? `${o}.${String(f)}` : String(f);
-              return a[f] = i(u, d), n._initializing || (n._triggerWatchers(
-                d,
-                a[f]
-              ), n._render(r)), !0;
+            set(a, c, u) {
+              const m = o ? `${o}.${String(c)}` : String(c);
+              return a[c] = i(u, m), n._initializing || (n._triggerWatchers(
+                m,
+                a[c]
+              ), oe(() => n._render(r), n._componentId)), !0;
             },
-            get(a, f, u) {
-              return Reflect.get(a, f, u);
+            get(a, c, u) {
+              return Reflect.get(a, c, u);
             }
           })) : s;
         };
@@ -1974,7 +2390,7 @@ function pt(e, t) {
     }
     _initWatchers(r) {
       this._runLogicWithinErrorBoundary(r, () => {
-        ze(
+        Ge(
           this.context,
           this._watchers,
           r.watch || {}
@@ -1982,12 +2398,12 @@ function pt(e, t) {
       });
     }
     _triggerWatchers(r, i) {
-      Me(this.context, this._watchers, r, i);
+      Ze(this.context, this._watchers, r, i);
     }
     _applyProps(r) {
       this._runLogicWithinErrorBoundary(r, () => {
         try {
-          We(this, r, this.context);
+          Ye(this, r, this.context);
         } catch (i) {
           this._hasError = !0, r.onError && r.onError(i, this.context), r.errorFallback && this.shadowRoot && (this.shadowRoot.innerHTML = r.errorFallback(i, this.context));
         }
@@ -1995,103 +2411,109 @@ function pt(e, t) {
     }
   };
 }
-function ee(e, t = {}, r, i) {
+function ae(e, t = {}, r, i) {
   const n = i ?? t.key;
   return { tag: e, key: n, props: t, children: r };
 }
-function le(e) {
+function ye(e) {
   return !!e && typeof e == "object" && (e.type === "AnchorBlock" || e.tag === "#anchor");
 }
-function se(e) {
-  return typeof e == "object" && e !== null && "tag" in e && !le(e);
+function de(e) {
+  return typeof e == "object" && e !== null && "tag" in e && !ye(e);
 }
-function ht(e, t) {
+function Ct(e, t) {
   return e.key != null ? e : { ...e, key: t };
 }
-function gt(e, t = [], r = {}) {
-  const i = {}, n = {}, s = {}, o = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
-  let a;
-  for (; a = o.exec(e); ) {
-    const f = a[1], u = 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 h = ["model", "bind", "show", "class", "style"];
-    if (f === ":") {
-      const [k, $] = u.split(":"), [w, ...b] = k.split(".");
-      if (h.includes(w)) {
-        const m = [...b], x = w === "model" && $ ? `model:${$}` : w;
-        s[x] = {
-          value: c,
-          modifiers: m,
-          arg: $
+function At(e, t = [], r = {}) {
+  const i = {}, n = {}, s = {}, o = [], a = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
+  let c;
+  for (; c = a.exec(e); ) {
+    const u = c[1], m = c[2], T = (c[4] || c[6]) ?? "", p = T.match(/^{{(\d+)}}$/);
+    let l = p ? t[Number(p[1])] ?? null : T;
+    p || (l === "true" ? l = !0 : l === "false" ? l = !1 : l === "null" ? l = null : isNaN(Number(l)) || (l = Number(l)));
+    const w = ["model", "bind", "show", "class", "style"];
+    if (u === ":") {
+      const [v, d] = m.split(":"), [g, ...y] = v.split(".");
+      if (w.includes(g)) {
+        const x = [...y], f = g === "model" && d ? `model:${d}` : g;
+        s[f] = {
+          value: l,
+          modifiers: x,
+          arg: d
         };
       } else
-        n[u] = c;
-    } else if (f === "@") {
-      const k = "on" + u.charAt(0).toUpperCase() + u.slice(1);
-      i[k] = typeof c == "function" ? c : typeof r[c] == "function" ? r[c] : void 0;
-    } else u === "ref" ? i.ref = c : n[u] = c;
+        n[m] = l, o.push(m);
+    } else if (u === "@") {
+      const [v, ...d] = m.split("."), g = d, y = typeof l == "function" ? l : typeof r[l] == "function" ? r[l] : void 0;
+      if (y) {
+        const x = (b) => {
+          if (g.includes("prevent") && b.preventDefault(), g.includes("stop") && b.stopPropagation(), !(g.includes("self") && b.target !== b.currentTarget))
+            return g.includes("once") && b.currentTarget?.removeEventListener(v, x), y(b);
+        }, f = "on" + v.charAt(0).toUpperCase() + v.slice(1);
+        i[f] = x;
+      }
+    } else m === "ref" ? i.ref = l : n[m] = l;
   }
-  return { props: i, attrs: n, directives: s };
+  return { props: i, attrs: n, directives: s, bound: o };
 }
-function mt(e, t, r) {
-  const i = te.length > 0 ? te[te.length - 1] : void 0, n = r ?? i;
-  function s(l, g) {
-    return ee("#text", {}, l, g);
+function Tt(e, t, r) {
+  const i = ce.length > 0 ? ce[ce.length - 1] : void 0, n = r ?? i;
+  function s(f, b) {
+    return ae("#text", {}, f, b);
   }
   let o = "";
-  for (let l = 0; l < e.length; l++)
-    o += e[l], l < t.length && (o += `{{${l}}}`);
-  const a = /<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, f = [];
-  let u, d = [], y = null, c = {}, h, k = 0, $ = [];
-  function w(l) {
-    !l || typeof l != "object" || le(l) || (l.props || l.attrs ? (l.props && (c.props || (c.props = {}), Object.assign(c.props, l.props)), l.attrs && (c.attrs || (c.attrs = {}), Object.keys(l.attrs).forEach((g) => {
-      if (g === "style" && c.attrs.style) {
-        const p = c.attrs.style.replace(
+  for (let f = 0; f < e.length; f++)
+    o += e[f], f < t.length && (o += `{{${f}}}`);
+  const a = /<!--[\s\S]*?-->|<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, c = [];
+  let u, m = [], T = null, p = {}, l, w = 0, v = [];
+  function d(f) {
+    !f || typeof f != "object" || ye(f) || (f.props || f.attrs ? (f.props && (p.props || (p.props = {}), Object.assign(p.props, f.props)), f.attrs && (p.attrs || (p.attrs = {}), Object.keys(f.attrs).forEach((b) => {
+      if (b === "style" && p.attrs.style) {
+        const h = p.attrs.style.replace(
           /;?\s*$/,
           ""
-        ), _ = l.attrs.style.replace(/^;?\s*/, "");
-        c.attrs.style = p + "; " + _;
-      } else if (g === "class" && c.attrs.class) {
-        const p = c.attrs.class.trim().split(/\s+/).filter(Boolean), _ = l.attrs.class.trim().split(/\s+/).filter(Boolean), C = [
-          .../* @__PURE__ */ new Set([...p, ..._])
+        ), _ = f.attrs.style.replace(/^;?\s*/, "");
+        p.attrs.style = h + "; " + _;
+      } else if (b === "class" && p.attrs.class) {
+        const h = p.attrs.class.trim().split(/\s+/).filter(Boolean), _ = f.attrs.class.trim().split(/\s+/).filter(Boolean), $ = [
+          .../* @__PURE__ */ new Set([...h, ..._])
         ];
-        c.attrs.class = C.join(" ");
+        p.attrs.class = $.join(" ");
       } else
-        c.attrs[g] = l.attrs[g];
-    }))) : (c.props || (c.props = {}), Object.assign(c.props, l)));
-  }
-  function b(l, g) {
-    const p = y ? d : $;
-    if (le(l)) {
-      const _ = l.key ?? g;
-      let C = l.children;
-      p.push({
-        ...l,
+        p.attrs[b] = f.attrs[b];
+    }))) : (p.props || (p.props = {}), Object.assign(p.props, f)));
+  }
+  function g(f, b) {
+    const h = T ? m : v;
+    if (ye(f)) {
+      const _ = f.key ?? b;
+      let $ = f.children;
+      h.push({
+        ...f,
         key: _,
-        children: C
+        children: $
       });
       return;
     }
-    if (se(l)) {
-      p.push(ht(l, void 0));
+    if (de(f)) {
+      h.push(Ct(f, void 0));
       return;
     }
-    if (Array.isArray(l)) {
-      if (l.length === 0) return;
-      for (let _ = 0; _ < l.length; _++) {
-        const C = l[_];
-        le(C) || se(C) || Array.isArray(C) ? b(C, `${g}-${_}`) : C !== null && typeof C == "object" ? w(C) : p.push(s(String(C), `${g}-${_}`));
+    if (Array.isArray(f)) {
+      if (f.length === 0) return;
+      for (let _ = 0; _ < f.length; _++) {
+        const $ = f[_];
+        ye($) || de($) || Array.isArray($) ? g($, `${b}-${_}`) : $ !== null && typeof $ == "object" ? d($) : h.push(s(String($), `${b}-${_}`));
       }
       return;
     }
-    if (l !== null && typeof l == "object") {
-      w(l);
+    if (f !== null && typeof f == "object") {
+      d(f);
       return;
     }
-    p.push(s(String(l), g));
+    h.push(s(String(f), b));
   }
-  const m = /* @__PURE__ */ new Set([
+  const y = /* @__PURE__ */ new Set([
     "area",
     "base",
     "br",
@@ -2108,245 +2530,278 @@ function mt(e, t, r) {
     "wbr"
   ]);
   for (; u = a.exec(o); )
-    if (u[1]) {
-      const l = u[1], g = u[0][1] === "/", p = u[0][u[0].length - 2] === "/" || m.has(l), {
-        props: _,
-        attrs: C,
-        directives: E
-      } = gt(u[2] || "", t, n), S = { props: {}, attrs: {} };
-      for (const A in _) S.props[A] = _[A];
-      for (const A in C) S.attrs[A] = C[A];
-      if (E && Object.keys(E).some((A) => A === "model" || A.startsWith("model:")))
+    if (!(u[0].startsWith("<!--") && u[0].endsWith("-->"))) {
+      if (u[1]) {
+        const f = u[1], b = u[0][1] === "/", h = u[0][u[0].length - 2] === "/" || y.has(f), {
+          props: _,
+          attrs: $,
+          directives: S,
+          bound: E
+        } = At(u[2] || "", t, n), C = { props: {}, attrs: {} };
+        for (const A in _) C.props[A] = _[A];
+        for (const A in $) C.attrs[A] = $[A];
+        if (C.attrs && Object.prototype.hasOwnProperty.call(C.attrs, "key") && !(C.props && Object.prototype.hasOwnProperty.call(C.props, "key")))
+          try {
+            C.props.key = C.attrs.key;
+          } catch {
+          }
         try {
-          const A = Symbol.for("cer.registry"), j = globalThis[A], Q = !!(j && typeof j.has == "function" && j.has(l)), X = !!(n && (n.__customElements instanceof Set && n.__customElements.has(l) || Array.isArray(n.__isCustomElements) && n.__isCustomElements.includes(l)));
-          if (!!(l.includes("-") || X || Q))
-            for (const I of Object.keys(E)) {
-              if (I !== "model" && !I.startsWith("model:")) continue;
-              const Z = E[I], F = Z.arg ?? (I.includes(":") ? I.split(":", 2)[1] : void 0), L = Z.value, K = F ?? "modelValue", D = z, ne = oe, v = n ? n._state || n : void 0;
-              let B;
-              typeof L == "string" && n ? B = D(v, L) : B = L, S.props[K] = B;
-              try {
-                const T = J(K);
-                S.attrs || (S.attrs = {}), B !== void 0 && (S.attrs[T] = B);
-              } catch {
+          const A = {
+            input: ["value", "checked", "disabled", "readonly", "required", "placeholder", "maxlength", "minlength"],
+            textarea: ["value", "disabled", "readonly", "required", "placeholder", "maxlength", "minlength"],
+            select: ["value", "disabled", "required", "multiple"],
+            option: ["selected", "disabled", "value"],
+            video: ["muted", "autoplay", "controls", "loop", "playsinline"],
+            audio: ["muted", "autoplay", "controls", "loop"],
+            img: ["src", "alt", "width", "height"],
+            button: ["type", "name", "value", "disabled", "autofocus", "form"]
+          }, P = f.toLowerCase(), X = A[P] ?? [];
+          if (C.attrs)
+            for (const M of X)
+              E && E.includes(M) && M in C.attrs && !(C.props && M in C.props) && (C.props[M] = C.attrs[M], delete C.attrs[M]);
+          if ((f.includes("-") || !!n?.__customElements?.has?.(f)) && E && C.attrs) {
+            const M = /* @__PURE__ */ new Set(["id", "name", "data-key", "key"]);
+            for (const F of E)
+              if (F in C.attrs && !(C.props && F in C.props)) {
+                const H = F.includes("-") ? F.split("-").map((N, I) => I === 0 ? N : N.charAt(0).toUpperCase() + N.slice(1)).join("") : F;
+                C.props[H] = C.attrs[F], M.has(F) || delete C.attrs[F];
               }
-              S.isCustomElement = !0;
-              const O = `update:${J(K)}`, P = "on" + O.charAt(0).toUpperCase() + O.slice(1);
-              S.props[P] = function(T) {
-                const R = T.detail !== void 0 ? T.detail : T.target ? T.target.value : void 0;
-                if (!v) return;
-                const pe = D(v, typeof L == "string" ? L : String(L));
-                (Array.isArray(R) && Array.isArray(pe) ? JSON.stringify([...R].sort()) !== JSON.stringify([...pe].sort()) : R !== pe) && (ne(v, typeof L == "string" ? L : String(L), R), n?.requestRender ? n.requestRender() : n?._requestRender && n._requestRender());
-              }, delete E[I];
-            }
+            C.isCustomElement = !0;
+          }
         } catch {
         }
-      if (Object.keys(E).length > 0 && (S.directives = { ...E }), g) {
-        const A = ee(
-          y,
-          c,
-          d.length === 1 && se(d[0]) && d[0].tag === "#text" ? typeof d[0].children == "string" ? d[0].children : "" : d.length ? d : void 0,
-          h
-        ), j = f.pop();
-        j ? (y = j.tag, c = j.props, h = j.key, d = j.children, d.push(A)) : ($.push(A), y = null, c = {}, h = void 0, d = []);
-      } else p ? y ? d.push(ee(l, S, void 0, void 0)) : $.push(ee(l, S, void 0, void 0)) : (y && f.push({
-        tag: y,
-        props: c,
-        children: d,
-        key: h
-      }), y = l, c = S, d = []);
-    } else if (typeof u[3] < "u") {
-      const l = Number(u[3]), g = t[l], p = `interp-${l}`;
-      b(g, p);
-    } else if (u[4]) {
-      const l = u[4], g = y ? d : $, p = l.split(/({{\d+}})/);
-      for (const _ of p) {
-        if (!_) continue;
-        const C = _.match(/^{{(\d+)}}$/);
-        if (C) {
-          const E = Number(C[1]), S = t[E], A = `interp-${E}`;
-          b(S, A);
-        } else {
-          const E = `text-${k++}`;
-          g.push(s(_, E));
+        if (S && Object.keys(S).some((A) => A === "model" || A.startsWith("model:")))
+          try {
+            const A = Symbol.for("cer.registry"), P = globalThis[A], X = !!(P && typeof P.has == "function" && P.has(f)), ie = !!(n && (n.__customElements instanceof Set && n.__customElements.has(f) || Array.isArray(n.__isCustomElements) && n.__isCustomElements.includes(f)));
+            if (!!(f.includes("-") || ie || X))
+              for (const H of Object.keys(S)) {
+                if (H !== "model" && !H.startsWith("model:")) continue;
+                const N = S[H], I = N.arg ?? (H.includes(":") ? H.split(":", 2)[1] : void 0), z = N.value, J = I ?? "modelValue", se = K, k = he, W = n ? n._state || n : void 0;
+                let R;
+                typeof z == "string" && n ? R = se(W, z) : R = z, C.props[J] = R;
+                try {
+                  const L = Q(J);
+                  C.attrs || (C.attrs = {}), R !== void 0 && (C.attrs[L] = R);
+                } catch {
+                }
+                C.isCustomElement = !0;
+                const B = `update:${Q(J)}`, j = "on" + B.charAt(0).toUpperCase() + B.slice(1);
+                C.props[j] = function(L) {
+                  const fe = L.detail !== void 0 ? L.detail : L.target ? L.target.value : void 0;
+                  if (!W) return;
+                  const ve = se(W, typeof z == "string" ? z : String(z));
+                  (Array.isArray(fe) && Array.isArray(ve) ? JSON.stringify([...fe].sort()) !== JSON.stringify([...ve].sort()) : fe !== ve) && (k(W, typeof z == "string" ? z : String(z), fe), n?.requestRender ? n.requestRender() : n?._requestRender && n._requestRender());
+                }, delete S[H];
+              }
+          } catch {
+          }
+        if (Object.keys(S).length > 0 && (C.directives = { ...S }), b) {
+          const A = ae(
+            T,
+            p,
+            m.length === 1 && de(m[0]) && m[0].tag === "#text" ? typeof m[0].children == "string" ? m[0].children : "" : m.length ? m : void 0,
+            l
+          ), P = c.pop();
+          P ? (T = P.tag, p = P.props, l = P.key, m = P.children, m.push(A)) : (v.push(A), T = null, p = {}, l = void 0, m = []);
+        } else h ? T ? m.push(ae(f, C, void 0, void 0)) : v.push(ae(f, C, void 0, void 0)) : (T && c.push({
+          tag: T,
+          props: p,
+          children: m,
+          key: l
+        }), T = f, p = C, m = []);
+      } else if (typeof u[3] < "u") {
+        const f = Number(u[3]), b = t[f], h = `interp-${f}`;
+        g(b, h);
+      } else if (u[4]) {
+        const f = u[4], b = T ? m : v, h = f.split(/({{\d+}})/);
+        for (const _ of h) {
+          if (!_) continue;
+          const $ = _.match(/^{{(\d+)}}$/);
+          if ($) {
+            const S = Number($[1]), E = t[S], C = `interp-${S}`;
+            g(E, C);
+          } else {
+            const S = `text-${w++}`;
+            b.push(s(_, S));
+          }
         }
       }
     }
-  const x = $.filter((l) => se(l) && l.tag === "#text" ? typeof l.children == "string" && l.children.trim() !== "" : !0);
-  return x.length === 1 ? x[0] : x.length > 1 ? x : ee("div", {}, "", "fallback-root");
+  const x = v.filter((f) => de(f) && f.tag === "#text" ? typeof f.children == "string" && f.children.trim() !== "" : !0);
+  return x.length === 1 ? x[0] : x.length > 1 ? x : ae("div", {}, "", "fallback-root");
 }
-function U(e, ...t) {
+function ee(e, ...t) {
   const r = t[t.length - 1], i = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
-  return mt(e, t, i);
+  return Tt(e, t, i);
 }
-const Te = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, W = (e, t) => {
+const qe = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, V = (e, t) => {
   for (const r of e) {
     const i = [], n = r.path.replace(/:[^/]+/g, (a) => (i.push(a.slice(1)), "([^/]+)")), s = new RegExp(`^${n}$`), o = t.match(s);
     if (o) {
       const a = {};
-      return i.forEach((f, u) => {
-        a[f] = o[u + 1];
+      return i.forEach((c, u) => {
+        a[c] = o[u + 1];
       }), { route: r, params: a };
     }
   }
   return { route: null, params: {} };
-}, ke = {};
-async function yt(e) {
+}, Te = {};
+async function jt(e) {
   if (e.component) return e.component;
   if (e.load) {
-    if (ke[e.path]) return ke[e.path];
+    if (Te[e.path]) return Te[e.path];
     try {
       const t = await e.load();
-      return ke[e.path] = t.default, t.default;
+      return Te[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 bt(e) {
+function Lt(e) {
   const { routes: t, base: r = "", initialUrl: i } = e;
-  let n, s, o, a, f, u, d;
-  const y = async ($, w) => {
-    const b = t.find((m) => W([m], $.path).route !== null);
-    if (b?.beforeEnter)
+  let n, s, o, a, c, u, m;
+  const T = async (v, d) => {
+    const g = t.find((y) => V([y], v.path).route !== null);
+    if (g?.beforeEnter)
       try {
-        const m = await b.beforeEnter($, w);
-        return typeof m == "string" ? (await k(m, !0), !1) : m !== !1;
-      } catch (m) {
-        return console.error("beforeEnter error", m), !1;
+        const y = await g.beforeEnter(v, d);
+        return typeof y == "string" ? (await w(y, !0), !1) : y !== !1;
+      } catch (y) {
+        return Y("beforeEnter error", y), !1;
       }
     return !0;
-  }, c = async ($, w) => {
-    const b = t.find((m) => W([m], $.path).route !== null);
-    if (b?.onEnter)
+  }, p = async (v, d) => {
+    const g = t.find((y) => V([y], v.path).route !== null);
+    if (g?.onEnter)
       try {
-        const m = await b.onEnter($, w);
-        return typeof m == "string" ? (await k(m, !0), !1) : m !== !1;
-      } catch (m) {
-        return console.error("onEnter error", m), !1;
+        const y = await g.onEnter(v, d);
+        return typeof y == "string" ? (await w(y, !0), !1) : y !== !1;
+      } catch (y) {
+        return Y("onEnter error", y), !1;
       }
     return !0;
-  }, h = ($, w) => {
-    const b = t.find((m) => W([m], $.path).route !== null);
-    if (b?.afterEnter)
+  }, l = (v, d) => {
+    const g = t.find((y) => V([y], v.path).route !== null);
+    if (g?.afterEnter)
       try {
-        b.afterEnter($, w);
-      } catch (m) {
-        console.error("afterEnter error", m);
+        g.afterEnter(v, d);
+      } catch (y) {
+        Y("afterEnter error", y);
       }
-  }, k = async ($, w = !1) => {
+  }, w = async (v, d = !1) => {
     try {
-      const b = {
-        path: $.replace(r, "") || "/",
+      const g = {
+        path: v.replace(r, "") || "/",
         query: {}
-      }, m = W(t, b.path);
-      if (!m) throw new Error(`No route found for ${b.path}`);
-      const x = o.getState(), l = {
-        path: b.path,
-        params: m.params,
-        query: b.query
+      }, y = V(t, g.path);
+      if (!y) throw new Error(`No route found for ${g.path}`);
+      const x = o.getState(), f = {
+        path: g.path,
+        params: y.params,
+        query: g.query
       };
-      if (!await y(l, x) || !await c(l, x)) return;
-      typeof window < "u" && typeof document < "u" && (w ? window.history.replaceState({}, "", r + $) : window.history.pushState({}, "", r + $)), o.setState(l), h(l, x);
-    } catch (b) {
-      console.error("Navigation error:", b);
+      if (!await T(f, x) || !await p(f, x)) return;
+      typeof window < "u" && typeof document < "u" && (d ? window.history.replaceState({}, "", r + v) : window.history.pushState({}, "", r + v)), o.setState(f), l(f, x);
+    } catch (g) {
+      Y("Navigation error:", g);
     }
   };
   if (typeof window < "u" && typeof document < "u") {
     n = () => {
-      const w = new URL(window.location.href), b = w.pathname.replace(r, "") || "/", m = Te(w.search);
-      return { path: b, query: m };
+      const d = new URL(window.location.href), g = d.pathname.replace(r, "") || "/", y = qe(d.search);
+      return { path: g, query: y };
     }, s = n();
-    const $ = W(t, s.path);
-    o = $e({
+    const v = V(t, s.path);
+    o = Le({
       path: s.path,
-      params: $.params,
+      params: v.params,
       query: s.query
-    }), a = async (w = !1) => {
-      const b = n();
-      await k(b.path, w);
-    }, window.addEventListener("popstate", () => a(!0)), f = (w) => k(w, !1), u = (w) => k(w, !0), d = () => window.history.back();
+    }), a = async (d = !1) => {
+      const g = n();
+      await w(g.path, d);
+    }, window.addEventListener("popstate", () => a(!0)), c = (d) => w(d, !1), u = (d) => w(d, !0), m = () => window.history.back();
   } else {
     n = () => {
-      const b = new URL(i || "/", "http://localhost"), m = b.pathname.replace(r, "") || "/", x = Te(b.search);
-      return { path: m, query: x };
+      const g = new URL(i || "/", "http://localhost"), y = g.pathname.replace(r, "") || "/", x = qe(g.search);
+      return { path: y, query: x };
     }, s = n();
-    const $ = W(t, s.path);
-    o = $e({
+    const v = V(t, s.path);
+    o = Le({
       path: s.path,
-      params: $.params,
+      params: v.params,
       query: s.query
     }), a = async () => {
-      const b = n();
-      await w(b.path);
+      const g = n();
+      await d(g.path);
     };
-    const w = async (b) => {
+    const d = async (g) => {
       try {
-        const m = {
-          path: b.replace(r, "") || "/",
+        const y = {
+          path: g.replace(r, "") || "/",
           query: {}
-        }, x = W(t, m.path);
-        if (!x) throw new Error(`No route found for ${m.path}`);
-        const l = o.getState(), g = {
-          path: m.path,
+        }, x = V(t, y.path);
+        if (!x) throw new Error(`No route found for ${y.path}`);
+        const f = o.getState(), b = {
+          path: y.path,
           params: x.params,
-          query: m.query
-        }, p = t.find((_) => W([_], g.path).route !== null);
-        if (p?.beforeEnter)
+          query: y.query
+        }, h = t.find((_) => V([_], b.path).route !== null);
+        if (h?.beforeEnter)
           try {
-            const _ = await p.beforeEnter(g, l);
+            const _ = await h.beforeEnter(b, f);
             if (typeof _ == "string") {
-              await w(_);
+              await d(_);
               return;
             }
             if (_ === !1) return;
           } catch {
             return;
           }
-        if (p?.onEnter)
+        if (h?.onEnter)
           try {
-            const _ = await p.onEnter(g, l);
+            const _ = await h.onEnter(b, f);
             if (typeof _ == "string") {
-              await w(_);
+              await d(_);
               return;
             }
             if (_ === !1) return;
           } catch {
             return;
           }
-        if (o.setState(g), p?.afterEnter)
+        if (o.setState(b), h?.afterEnter)
           try {
-            p.afterEnter(g, l);
+            h.afterEnter(b, f);
           } catch {
           }
       } catch {
       }
     };
-    f = async (b) => w(b), u = async (b) => w(b), d = () => {
+    c = async (g) => d(g), u = async (g) => d(g), m = () => {
     };
   }
   return {
     store: o,
-    push: f,
+    push: c,
     replace: u,
-    back: d,
+    back: m,
     subscribe: o.subscribe,
-    matchRoute: ($) => W(t, $),
+    matchRoute: (v) => V(t, v),
     getCurrent: () => o.getState(),
-    resolveRouteComponent: yt
+    resolveRouteComponent: jt
   };
 }
-function Ct(e, t) {
-  return W(e, t);
+function Zt(e, t) {
+  return V(e, t);
 }
-function At(e) {
-  const t = bt(e);
-  return je("router-view", {
+function Yt(e) {
+  const t = Lt(e);
+  return Ie("router-view", {
     async render() {
-      if (!t) return U`<div>Router not initialized.</div>`;
+      if (!t) return ee`<div>Router not initialized.</div>`;
       const r = t.getCurrent(), { path: i } = r, n = t.matchRoute(i);
-      if (!n.route) return U`<div>Not found</div>`;
+      if (!n.route) return ee`<div>Not found</div>`;
       try {
         const s = await t.resolveRouteComponent(n.route);
         if (typeof s == "string")
@@ -2355,9 +2810,9 @@ function At(e) {
           const o = s(), a = o instanceof Promise ? await o : o;
           return typeof a == "string" ? { tag: a, props: {}, children: [] } : a;
         }
-        return U`<div>Invalid route component</div>`;
+        return ee`<div>Invalid route component</div>`;
       } catch {
-        return U`<div>Invalid route component</div>`;
+        return ee`<div>Invalid route component</div>`;
       }
     },
     onConnected(r) {
@@ -2365,7 +2820,7 @@ function At(e) {
         typeof r.requestRender == "function" && r.requestRender();
       });
     }
-  }), je("router-link", {
+  }), Ie("router-link", {
     state: {},
     props: {
       to: { type: String, default: "" },
@@ -2378,7 +2833,7 @@ function At(e) {
       disabled: { type: Boolean, default: !1 },
       external: { type: Boolean, default: !1 },
       class: { type: String, default: "" },
-      style: { type: String, default: Oe`
+      style: { type: String, default: Ue`
         [aria-disabled="true"] {
           pointer-events: none;
           opacity: 0.5;
@@ -2387,32 +2842,32 @@ function At(e) {
     },
     style: (r) => r.style,
     render: (r) => {
-      const i = t.getCurrent(), n = r.to, s = r.exact, o = r.exactActiveClass, a = r.activeClass, f = r.ariaCurrentValue, u = r.tag, d = r.disabled, y = r.external, c = i.path === n, h = s ? c : i && typeof i.path == "string" ? i.path.startsWith(n) : !1, k = c ? `aria-current="${f}"` : "", $ = (r.class || "").split(/\s+/).filter(Boolean), w = {};
-      for (const g of $) w[g] = !0;
-      const b = {
-        ...w,
+      const i = t.getCurrent(), n = r.to, s = r.exact, o = r.exactActiveClass, a = r.activeClass, c = r.ariaCurrentValue, u = r.tag, m = r.disabled, T = r.external, p = i.path === n, l = s ? p : i && typeof i.path == "string" ? i.path.startsWith(n) : !1, w = p ? `aria-current="${c}"` : "", v = (r.class || "").split(/\s+/).filter(Boolean), d = {};
+      for (const b of v) d[b] = !0;
+      const g = {
+        ...d,
         // Also include the configurable names (may duplicate the above)
-        [a]: h,
-        [o]: c
-      }, m = u === "button", x = d ? m ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", l = y && (u === "a" || !u) ? 'target="_blank" rel="noopener noreferrer"' : "";
-      return U`
-        ${Pe().when(m, U`
+        [a]: l,
+        [o]: p
+      }, y = u === "button", x = m ? y ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", f = T && (u === "a" || !u) ? 'target="_blank" rel="noopener noreferrer"' : "";
+      return ee`
+        ${Ke().when(y, ee`
             <button
               part="button"
-              :class="${b}"
-              ${k}
+              :class="${g}"
+              ${w}
               ${x}
-              ${l}
+              ${f}
               @click="navigate"
             ><slot></slot></button>
-          `).otherwise(U`
+          `).otherwise(ee`
             <a
               part="link"
               href="${n}"
-              :class="${b}"
-              ${k}
+              :class="${g}"
+              ${w}
               ${x}
-              ${l}
+              ${f}
               @click="navigate"
             ><slot></slot></a>
           `).done()}
@@ -2428,26 +2883,42 @@ function At(e) {
   }), t;
 }
 export {
-  G as GlobalEventBus,
-  je as component,
-  $e as createStore,
-  Oe as css,
-  kt as each,
-  vt as emit,
-  re as eventBus,
-  U as html,
-  At as initRouter,
-  Et as listen,
-  Pe as match,
-  W as matchRoute,
-  Ct as matchRouteSSR,
-  _t as off,
-  $t as on,
-  St as once,
-  Te as parseQuery,
-  he as renderToString,
-  yt as resolveRouteComponent,
-  bt as useRouter,
-  xt as when
+  ne as GlobalEventBus,
+  O as anchorBlock,
+  Ie as component,
+  Le as createStore,
+  Ue as css,
+  Ot as each,
+  qt as eachGroup,
+  zt as eachPage,
+  Wt as eachWhere,
+  Ft as emit,
+  le as eventBus,
+  ee as html,
+  Yt as initRouter,
+  Gt as listen,
+  Ke as match,
+  V as matchRoute,
+  Zt as matchRouteSSR,
+  G as mediaVariants,
+  Jt as off,
+  Kt as on,
+  Vt as once,
+  qe as parseQuery,
+  ke as renderToString,
+  jt as resolveRouteComponent,
+  Ve as responsive,
+  ze as responsiveOrder,
+  Dt as responsiveSwitch,
+  Ut as switchOn,
+  It as switchOnLength,
+  Ht as switchOnPromise,
+  Pt as unless,
+  Lt as useRouter,
+  we as when,
+  Mt as whenEmpty,
+  q as whenMedia,
+  Bt as whenNotEmpty,
+  Nt as whenVariants
 };
 //# sourceMappingURL=custom-elements-runtime.es.js.map