@jasonshimmy/custom-elements-runtime 1.0.0 → 1.0.1

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

@@ -1,13 +1,13 @@
-class ut {
+class dt {
   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 n = r || t.toString();
-    this.pendingUpdates.set(n, 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()));
+  schedule(t, n) {
+    const r = n || t.toString();
+    this.pendingUpdates.set(r, 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
@@ -15,11 +15,11 @@ class ut {
   flush() {
     const t = Array.from(this.pendingUpdates.values());
     this.pendingUpdates.clear(), this.isFlushScheduled = !1;
-    for (const r of t)
+    for (const n of t)
       try {
-        r();
-      } catch (n) {
-        typeof console < "u" && console.error && console.error("Error in batched update:", n);
+        n();
+      } catch (r) {
+        typeof console < "u" && console.error && console.error("Error in batched update:", r);
       }
   }
   /**
@@ -29,25 +29,25 @@ class ut {
     return this.pendingUpdates.size;
   }
 }
-const ft = new ut();
-function le(e, t) {
-  ft.schedule(e, t);
+const pt = new dt();
+function fe(e, t) {
+  pt.schedule(e, t);
 }
-const Ue = /* @__PURE__ */ new WeakSet();
-class dt {
+const Fe = /* @__PURE__ */ new WeakSet();
+class ht {
   static cache = /* @__PURE__ */ new WeakMap();
   static arrayHandlerCache = /* @__PURE__ */ new WeakMap();
   static objectHandlerCache = /* @__PURE__ */ new WeakMap();
   /**
    * Get or create a reactive proxy for an object
    */
-  static getOrCreateProxy(t, r, n = !1) {
+  static getOrCreateProxy(t, n, r = !1) {
     const i = this.cache.get(t);
     if (i)
       return i;
-    const s = n ? this.getOrCreateArrayHandler(r) : this.getOrCreateObjectHandler(r), o = new Proxy(t, s);
+    const s = r ? this.getOrCreateArrayHandler(n) : this.getOrCreateObjectHandler(n), o = new Proxy(t, s);
     try {
-      tt.markAsProxy(o);
+      rt.markAsProxy(o);
     } catch {
     }
     return this.cache.set(t, o), o;
@@ -57,9 +57,9 @@ class dt {
    */
   static getOrCreateArrayHandler(t) {
     if (!this.arrayHandlerCache.has(t)) {
-      const r = {
-        get: (n, i, s) => {
-          const o = Reflect.get(n, i, s);
+      const n = {
+        get: (r, i, s) => {
+          const o = Reflect.get(r, i, s);
           return typeof o == "function" && typeof i == "string" && [
             "push",
             "pop",
@@ -71,14 +71,14 @@ class dt {
             "fill",
             "copyWithin"
           ].includes(i) ? function(...u) {
-            const m = o.apply(n, u);
-            return t.triggerUpdate(), m;
+            const y = o.apply(r, u);
+            return t.triggerUpdate(), y;
           } : o;
         },
-        set: (n, i, s) => (n[i] = t.makeReactiveValue(s), t.triggerUpdate(), !0),
-        deleteProperty: (n, i) => (delete n[i], t.triggerUpdate(), !0)
+        set: (r, i, s) => (r[i] = t.makeReactiveValue(s), t.triggerUpdate(), !0),
+        deleteProperty: (r, i) => (delete r[i], t.triggerUpdate(), !0)
       };
-      this.arrayHandlerCache.set(t, r);
+      this.arrayHandlerCache.set(t, n);
     }
     return this.arrayHandlerCache.get(t);
   }
@@ -87,12 +87,12 @@ class dt {
    */
   static getOrCreateObjectHandler(t) {
     if (!this.objectHandlerCache.has(t)) {
-      const r = {
-        get: (n, i, s) => Reflect.get(n, i, s),
-        set: (n, i, s) => (n[i] = t.makeReactiveValue(s), t.triggerUpdate(), !0),
-        deleteProperty: (n, i) => (delete n[i], t.triggerUpdate(), !0)
+      const n = {
+        get: (r, i, s) => Reflect.get(r, i, s),
+        set: (r, i, s) => (r[i] = t.makeReactiveValue(s), t.triggerUpdate(), !0),
+        deleteProperty: (r, i) => (delete r[i], t.triggerUpdate(), !0)
       };
-      this.objectHandlerCache.set(t, r);
+      this.objectHandlerCache.set(t, n);
     }
     return this.objectHandlerCache.get(t);
   }
@@ -118,7 +118,7 @@ class dt {
     };
   }
 }
-class tt {
+class rt {
   // Cache a stable reactiveContext object keyed by onUpdate -> makeReactive
   // This allows handler caches in ReactiveProxyCache to reuse handlers
   // for identical reactive contexts instead of creating a new context object
@@ -127,19 +127,19 @@ class tt {
   /**
    * Create an optimized reactive proxy with minimal overhead
    */
-  static createReactiveProxy(t, r, n) {
+  static createReactiveProxy(t, n, r) {
     try {
-      if (Ue.has(t)) return t;
+      if (Fe.has(t)) return t;
     } catch {
     }
     const i = Array.isArray(t);
-    let s = this.contextCache.get(r);
-    s || (s = /* @__PURE__ */ new WeakMap(), this.contextCache.set(r, s));
-    let o = s.get(n);
+    let s = this.contextCache.get(n);
+    s || (s = /* @__PURE__ */ new WeakMap(), this.contextCache.set(n, s));
+    let o = s.get(r);
     return o || (o = {
-      triggerUpdate: r,
-      makeReactiveValue: n
-    }, s.set(n, o)), dt.getOrCreateProxy(t, o, i);
+      triggerUpdate: n,
+      makeReactiveValue: r
+    }, s.set(r, o)), ht.getOrCreateProxy(t, o, i);
   }
   /**
    * Mark an object as a proxy (for optimization)
@@ -147,12 +147,12 @@ class tt {
   static markAsProxy(t) {
     if (t)
       try {
-        Ue.add(t);
+        Fe.add(t);
       } catch {
       }
   }
 }
-class pt {
+class gt {
   currentComponent = null;
   componentDependencies = /* @__PURE__ */ new Map();
   componentRenderFunctions = /* @__PURE__ */ new Map();
@@ -165,8 +165,8 @@ class pt {
   /**
    * Set the current component being rendered for dependency tracking
    */
-  setCurrentComponent(t, r) {
-    this.currentComponent = t, this.componentRenderFunctions.set(t, r), this.componentDependencies.has(t) || this.componentDependencies.set(t, /* @__PURE__ */ new Set()), this.stateIndexCounter.set(t, 0);
+  setCurrentComponent(t, n) {
+    this.currentComponent = t, this.componentRenderFunctions.set(t, n), this.componentDependencies.has(t) || this.componentDependencies.set(t, /* @__PURE__ */ new Set()), this.stateIndexCounter.set(t, 0);
   }
   /**
    * Clear the current component after rendering
@@ -198,19 +198,19 @@ class pt {
    */
   shouldEmitRenderWarning() {
     if (!this.currentComponent) return !0;
-    const t = this.currentComponent, r = this.lastWarningTime.get(t) || 0, n = Date.now();
-    return n - r < 1e3 ? !1 : (this.lastWarningTime.set(t, n), !0);
+    const t = this.currentComponent, n = this.lastWarningTime.get(t) || 0, r = Date.now();
+    return r - n < 1e3 ? !1 : (this.lastWarningTime.set(t, r), !0);
   }
   /**
    * Execute a function with tracking disabled
    */
   withoutTracking(t) {
-    const r = this.trackingDisabled;
+    const n = this.trackingDisabled;
     this.trackingDisabled = !0;
     try {
       return t();
     } finally {
-      this.trackingDisabled = r;
+      this.trackingDisabled = n;
     }
   }
   /**
@@ -218,11 +218,11 @@ class pt {
    */
   getOrCreateState(t) {
     if (!this.currentComponent)
-      return new De(t);
-    const r = this.currentComponent, n = this.stateIndexCounter.get(r) || 0, i = `${r}:${n}`;
-    if (this.stateIndexCounter.set(r, n + 1), this.stateStorage.has(i))
+      return new He(t);
+    const n = this.currentComponent, r = this.stateIndexCounter.get(n) || 0, i = `${n}:${r}`;
+    if (this.stateIndexCounter.set(n, r + 1), this.stateStorage.has(i))
       return this.stateStorage.get(i);
-    const s = new De(t);
+    const s = new He(t);
     return this.stateStorage.set(i, s), s;
   }
   /**
@@ -235,28 +235,33 @@ class pt {
    * Trigger updates for all components that depend on a state
    */
   triggerUpdate(t) {
-    t.getDependents().forEach((r) => {
-      const n = this.componentRenderFunctions.get(r);
-      n && le(n, r);
+    t.getDependents().forEach((n) => {
+      const r = this.componentRenderFunctions.get(n);
+      r && fe(r, n);
     });
   }
   /**
    * Clean up component dependencies when component is destroyed
    */
   cleanup(t) {
-    const r = this.componentDependencies.get(t);
-    r && (r.forEach((n) => n.removeDependent(t)), this.componentDependencies.delete(t)), this.componentRenderFunctions.delete(t);
-    for (const n of Array.from(this.stateStorage.keys()))
-      n.startsWith(t + ":") && this.stateStorage.delete(n);
+    const n = this.componentDependencies.get(t);
+    n && (n.forEach((r) => r.removeDependent(t)), this.componentDependencies.delete(t)), this.componentRenderFunctions.delete(t);
+    for (const r of Array.from(this.stateStorage.keys()))
+      r.startsWith(t + ":") && this.stateStorage.delete(r);
     this.stateIndexCounter.delete(t);
   }
 }
-const F = new pt();
-class De {
+const F = new gt();
+class He {
   _value;
   dependents = /* @__PURE__ */ new Set();
   constructor(t) {
     this._value = this.makeReactive(t);
+    try {
+      const n = Symbol.for("@cer/ReactiveState");
+      Object.defineProperty(this, n, { value: !0, enumerable: !1, configurable: !1 });
+    } catch {
+    }
   }
   get value() {
     return F.trackDependency(this), this._value;
@@ -279,159 +284,172 @@ class De {
     return this.dependents;
   }
   makeReactive(t) {
-    return t === null || typeof t != "object" || t instanceof Node || t instanceof Element || t instanceof HTMLElement ? t : tt.createReactiveProxy(
+    return t === null || typeof t != "object" || t instanceof Node || t instanceof Element || t instanceof HTMLElement ? t : rt.createReactiveProxy(
       t,
       () => F.triggerUpdate(this),
-      (r) => this.makeReactive(r)
+      (n) => this.makeReactive(n)
     );
   }
 }
-function or(e) {
+function fn(e) {
   return F.getOrCreateState(e === void 0 ? null : e);
 }
-function ar(e) {
-  const t = new De(e());
+function ee(e) {
+  if (!e || typeof e != "object") return !1;
+  try {
+    const t = Symbol.for("@cer/ReactiveState");
+    if (e[t]) return !0;
+  } catch {
+  }
+  try {
+    return !!(e.constructor && e.constructor.name === "ReactiveState");
+  } catch {
+    return !1;
+  }
+}
+function dn(e) {
+  const t = new He(e());
   return {
     get value() {
       return F.trackDependency(t), e();
     }
   };
 }
-function cr(e, t, r = {}) {
-  let n = e();
-  r.immediate && t(n, n);
+function pn(e, t, n = {}) {
+  let r = e();
+  n.immediate && t(r, r);
   const i = `watch-${Math.random().toString(36).substr(2, 9)}`, s = () => {
     F.setCurrentComponent(i, s);
     const o = e();
-    F.clearCurrentComponent(), o !== n && (t(o, n), n = o);
+    F.clearCurrentComponent(), o !== r && (t(o, r), r = o);
   };
   return F.setCurrentComponent(i, s), e(), F.clearCurrentComponent(), () => {
     F.cleanup(i);
   };
 }
-const be = /* @__PURE__ */ new Map(), we = /* @__PURE__ */ new Map(), ve = /* @__PURE__ */ new Map(), He = 500;
-function te(e) {
-  if (be.has(e))
-    return be.get(e);
+const ve = /* @__PURE__ */ new Map(), xe = /* @__PURE__ */ new Map(), ke = /* @__PURE__ */ new Map(), Ue = 500;
+function ne(e) {
+  if (ve.has(e))
+    return ve.get(e);
   const t = e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-  return be.size < He && be.set(e, t), t;
+  return ve.size < Ue && ve.set(e, t), t;
 }
-function rt(e) {
-  if (we.has(e))
-    return we.get(e);
-  const t = e.replace(/-([a-z])/g, (r, n) => n.toUpperCase());
-  return we.size < He && we.set(e, t), t;
+function it(e) {
+  if (xe.has(e))
+    return xe.get(e);
+  const t = e.replace(/-([a-z])/g, (n, r) => r.toUpperCase());
+  return xe.size < Ue && xe.set(e, t), t;
 }
-function ne(e) {
+function ie(e) {
   if (typeof e == "string") {
-    if (ve.has(e))
-      return ve.get(e);
+    if (ke.has(e))
+      return ke.get(e);
     const t = e.replace(
       /[&<>"']/g,
-      (r) => ({
+      (n) => ({
         "&": "&amp;",
         "<": "&lt;",
         ">": "&gt;",
         '"': "&quot;",
         "'": "&#39;"
-      })[r]
+      })[n]
     );
-    return t !== e && ve.size < He && ve.set(e, t), t;
+    return t !== e && ke.size < Ue && ke.set(e, t), t;
   }
   return e;
 }
 function H(e, t) {
   if (typeof t == "string") {
-    const r = t.split(".").reduce((n, i) => n?.[i], e);
-    return r && typeof r == "object" && r.constructor && r.constructor.name === "ReactiveState" ? r.value : r;
+    const n = t.split(".").reduce((r, i) => r?.[i], e);
+    return ee(n) ? n.value : n;
   }
   return t;
 }
-function Ce(e, t, r) {
-  const n = String(t).split("."), i = n.pop();
+function Ee(e, t, n) {
+  const r = String(t).split("."), i = r.pop();
   if (!i) return;
-  const s = n.reduce((o, a) => (o[a] == null && (o[a] = {}), o[a]), e);
-  s[i] && typeof s[i] == "object" && s[i].constructor && s[i].constructor.name === "ReactiveState" ? s[i].value = r : s[i] = r;
+  const s = r.reduce((o, a) => (o[a] == null && (o[a] = {}), o[a]), e);
+  ee(s[i]) ? s[i].value = n : s[i] = n;
 }
-const nt = typeof process < "u" && process.env?.NODE_ENV !== "production";
-function ie(e, ...t) {
-  nt && console.error(e, ...t);
+const st = typeof process < "u" && process.env?.NODE_ENV !== "production";
+function se(e, ...t) {
+  st && console.error(e, ...t);
 }
-function Re(e, ...t) {
-  nt && console.warn(e, ...t);
+function Oe(e, ...t) {
+  st && console.warn(e, ...t);
 }
-function ht(e, t, r) {
-  if (r)
-    for (const [n, i] of Object.entries(r)) {
+function yt(e, t, n) {
+  if (n)
+    for (const [r, i] of Object.entries(n)) {
       let s, o = {};
-      if (Array.isArray(i) ? (s = i[0], o = i[1] || {}) : s = i, t.set(n, {
+      if (Array.isArray(i) ? (s = i[0], o = i[1] || {}) : s = i, t.set(r, {
         callback: s,
         options: o,
-        oldValue: H(e, n)
+        oldValue: H(e, r)
       }), o.immediate)
         try {
-          const a = H(e, n);
+          const a = H(e, r);
           s(a, void 0, e);
         } catch (a) {
-          ie(`Error in immediate watcher for "${n}":`, a);
+          se(`Error in immediate watcher for "${r}":`, a);
         }
     }
 }
-function gt(e, t, r, n) {
+function mt(e, t, n, r) {
   const i = (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((g, w) => i(g, a[w]));
-    const u = Object.keys(o), m = Object.keys(a);
-    return u.length !== m.length ? !1 : u.every((g) => i(o[g], a[g]));
-  }, s = t.get(r);
-  if (s && !i(n, s.oldValue))
+      return o.length !== a.length ? !1 : o.every((g, b) => i(g, a[b]));
+    const u = Object.keys(o), y = Object.keys(a);
+    return u.length !== y.length ? !1 : u.every((g) => i(o[g], a[g]));
+  }, s = t.get(n);
+  if (s && !i(r, s.oldValue))
     try {
-      s.callback(n, s.oldValue, e), s.oldValue = n;
+      s.callback(r, s.oldValue, e), s.oldValue = r;
     } catch (o) {
-      ie(`Error in watcher for "${r}":`, o);
+      se(`Error in watcher for "${n}":`, o);
     }
   for (const [o, a] of t.entries())
-    if (a.options.deep && r.startsWith(o + "."))
+    if (a.options.deep && n.startsWith(o + "."))
       try {
         const u = H(e, o);
         i(u, a.oldValue) || (a.callback(u, a.oldValue, e), a.oldValue = u);
       } catch (u) {
-        ie(`Error in deep watcher for "${o}":`, u);
+        se(`Error in deep watcher for "${o}":`, u);
       }
 }
-function qe(e, t) {
+function Ke(e, t) {
   return t === Boolean ? e === "true" : t === Number ? Number(e) : e;
 }
-function mt(e, t, r) {
-  t && Object.entries(t).forEach(([n, i]) => {
-    const s = te(n), o = e.getAttribute(s);
-    if (i.type === Function && typeof e[n] == "function")
-      r[n] = e[n];
-    else if (typeof e[n] < "u")
+function bt(e, t, n) {
+  t && Object.entries(t).forEach(([r, i]) => {
+    const s = ne(r), o = e.getAttribute(s);
+    if (i.type === Function && typeof e[r] == "function")
+      n[r] = e[r];
+    else if (typeof e[r] < "u")
       try {
-        const a = e[n];
-        i.type === Boolean && typeof a == "boolean" || i.type === Number && typeof a == "number" || i.type === Function && typeof a == "function" ? r[n] = a : r[n] = ne(qe(String(a), i.type));
+        const a = e[r];
+        i.type === Boolean && typeof a == "boolean" || i.type === Number && typeof a == "number" || i.type === Function && typeof a == "function" ? n[r] = a : n[r] = ie(Ke(String(a), i.type));
       } catch {
-        r[n] = e[n];
+        n[r] = e[r];
       }
-    else o !== null ? r[n] = ne(qe(o, i.type)) : "default" in i && i.default !== void 0 && (r[n] = ne(i.default));
+    else o !== null ? n[r] = ie(Ke(o, i.type)) : "default" in i && i.default !== void 0 && (n[r] = ie(i.default));
   });
 }
-function yt(e, t, r) {
-  t.props && mt(e, t.props, r);
+function wt(e, t, n) {
+  t.props && bt(e, t.props, n);
 }
-function bt(e, t, r, n) {
-  e.onConnected && !r && (e.onConnected(t), n(!0));
+function vt(e, t, n, r) {
+  e.onConnected && !n && (e.onConnected(t), r(!0));
 }
-function wt(e, t, r, n, i, s, o, a) {
-  e.onDisconnected && e.onDisconnected(t), r.forEach((u) => u()), n(), i(), s(!1), o(null), a(!1);
+function xt(e, t, n, r, i, s, o, a) {
+  e.onDisconnected && e.onDisconnected(t), n.forEach((u) => u()), r(), i(), s(!1), o(null), a(!1);
 }
-function vt(e, t, r, n, i) {
-  e.onAttributeChanged && e.onAttributeChanged(t, r, n, i);
+function kt(e, t, n, r, i) {
+  e.onAttributeChanged && e.onAttributeChanged(t, n, r, i);
 }
-class xt {
+class Ct {
   static cache = /* @__PURE__ */ new Map();
   static maxCacheSize = 1e3;
   // Dangerous patterns to block
@@ -452,14 +470,14 @@ class xt {
     /fetch/i,
     /XMLHttpRequest/i
   ];
-  static evaluate(t, r) {
-    const n = this.cache.get(t);
-    if (n) {
-      if (!n.isSecure) {
-        Re("Blocked cached dangerous expression:", t);
+  static evaluate(t, n) {
+    const r = this.cache.get(t);
+    if (r) {
+      if (!r.isSecure) {
+        Oe("Blocked cached dangerous expression:", t);
         return;
       }
-      return n.evaluator(r);
+      return r.evaluator(n);
     }
     const i = this.createEvaluator(t);
     if (this.cache.size >= this.maxCacheSize) {
@@ -467,10 +485,10 @@ class xt {
       s && this.cache.delete(s);
     }
     if (this.cache.set(t, i), !i.isSecure) {
-      Re("Blocked dangerous expression:", t);
+      Oe("Blocked dangerous expression:", t);
       return;
     }
-    return i.evaluator(r);
+    return i.evaluator(n);
   }
   static createEvaluator(t) {
     if (this.hasDangerousPatterns(t))
@@ -481,28 +499,28 @@ class xt {
       }, isSecure: !1 };
     try {
       return { evaluator: this.createSafeEvaluator(t), isSecure: !0 };
-    } catch (r) {
-      return Re("Failed to create evaluator for expression:", t, r), { evaluator: () => {
+    } catch (n) {
+      return Oe("Failed to create evaluator for expression:", t, n), { evaluator: () => {
       }, isSecure: !1 };
     }
   }
   static hasDangerousPatterns(t) {
-    return this.dangerousPatterns.some((r) => r.test(t));
+    return this.dangerousPatterns.some((n) => n.test(t));
   }
   static createSafeEvaluator(t) {
     if (t.trim().startsWith("{") && t.trim().endsWith("}"))
       return this.createObjectEvaluator(t);
     if (/^ctx\.[a-zA-Z0-9_\.]+$/.test(t.trim())) {
-      const r = t.trim().slice(4);
-      return (n) => H(n, r);
+      const n = t.trim().slice(4);
+      return (r) => H(r, n);
     }
-    return t.includes("ctx") || /[+\-*/%<>=&|?:\[\]]/.test(t) ? this.createSimpleEvaluator(t) : (r) => H(r, t);
+    return t.includes("ctx") || /[+\-*/%<>=&|?:\[\]]/.test(t) ? this.createSimpleEvaluator(t) : (n) => H(n, t);
   }
   static createObjectEvaluator(t) {
-    const r = t.trim().slice(1, -1), n = this.parseObjectProperties(r);
+    const n = t.trim().slice(1, -1), r = this.parseObjectProperties(n);
     return (i) => {
       const s = {};
-      for (const { key: o, value: a } of n)
+      for (const { key: o, value: a } of r)
         try {
           if (a.startsWith("ctx.")) {
             const u = a.slice(4);
@@ -516,51 +534,51 @@ class xt {
     };
   }
   static parseObjectProperties(t) {
-    const r = [], n = t.split(",");
-    for (const i of n) {
+    const n = [], r = t.split(",");
+    for (const i of r) {
       const s = i.indexOf(":");
       if (s === -1) continue;
       const o = i.slice(0, s).trim(), a = i.slice(s + 1).trim(), u = o.replace(/^['"]|['"]$/g, "");
-      r.push({ key: u, value: a });
+      n.push({ key: u, value: a });
     }
-    return r;
+    return n;
   }
   static createSimpleEvaluator(t) {
-    return (r) => {
+    return (n) => {
       try {
-        let n = t;
+        let r = t;
         const i = [];
-        n = n.replace(/("[^"\\]*(?:\\.[^"\\]*)*"|'[^'\\]*(?:\\.[^'\\]*)*')/g, (w) => `<<#${i.push(w) - 1}#>>`);
-        const s = n.match(/ctx\.[\w.]+/g) || [];
-        for (const w of s) {
-          const h = w.slice(4), l = H(r, h);
+        r = r.replace(/("[^"\\]*(?:\\.[^"\\]*)*"|'[^'\\]*(?:\\.[^'\\]*)*')/g, (b) => `<<#${i.push(b) - 1}#>>`);
+        const s = r.match(/ctx\.[\w.]+/g) || [];
+        for (const b of s) {
+          const h = b.slice(4), l = H(n, h);
           if (l === void 0) return;
           const d = i.push(JSON.stringify(l)) - 1;
-          n = n.replace(new RegExp(w.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${d}#>>`);
+          r = r.replace(new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${d}#>>`);
         }
-        const o = /\b[a-zA-Z_][a-zA-Z0-9_]*(?:\.[a-zA-Z_][a-zA-Z0-9_]*)+\b/g, a = n.match(o) || [];
-        for (const w of a) {
-          if (w.startsWith("ctx.")) continue;
-          const h = H(r, w);
+        const o = /\b[a-zA-Z_][a-zA-Z0-9_]*(?:\.[a-zA-Z_][a-zA-Z0-9_]*)+\b/g, a = r.match(o) || [];
+        for (const b of a) {
+          if (b.startsWith("ctx.")) continue;
+          const h = H(n, b);
           if (h === void 0) return;
           const l = i.push(JSON.stringify(h)) - 1;
-          n = n.replace(new RegExp(w.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${l}#>>`);
+          r = r.replace(new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${l}#>>`);
         }
         const u = /\b([a-zA-Z_][a-zA-Z0-9_]*)\b/g;
-        let m;
+        let y;
         const g = /* @__PURE__ */ new Set();
-        for (; (m = u.exec(n)) !== null; ) {
-          const w = m[1];
-          if (["true", "false", "null", "undefined"].includes(w) || /^[0-9]+$/.test(w) || w === "ctx" || g.has(w)) continue;
-          g.add(w);
-          const h = H(r, w);
+        for (; (y = u.exec(r)) !== null; ) {
+          const b = y[1];
+          if (["true", "false", "null", "undefined"].includes(b) || /^[0-9]+$/.test(b) || b === "ctx" || g.has(b)) continue;
+          g.add(b);
+          const h = H(n, b);
           if (h === void 0) return;
           const l = JSON.stringify(h), d = i.push(l) - 1;
-          w.includes(".") ? n = n.replace(new RegExp(w.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${d}#>>`) : n = n.replace(new RegExp("\\b" + w.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + "\\b", "g"), `<<#${d}#>>`);
+          b.includes(".") ? r = r.replace(new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${d}#>>`) : r = r.replace(new RegExp("\\b" + b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + "\\b", "g"), `<<#${d}#>>`);
         }
-        n = n.replace(/<<#(\d+)#>>/g, (w, h) => i[Number(h)]);
+        r = r.replace(/<<#(\d+)#>>/g, (b, h) => i[Number(h)]);
         try {
-          return this.evaluateBasicExpression(n);
+          return this.evaluateBasicExpression(r);
         } catch {
           return;
         }
@@ -575,13 +593,13 @@ class xt {
    * arithmetic (+ - * / %), comparisons, logical && and ||, parentheses, and ternary `a ? b : c`.
    */
   static evaluateBasicExpression(t) {
-    const r = this.tokenize(t);
-    let n = 0;
+    const n = this.tokenize(t);
+    let r = 0;
     function i() {
-      return r[n];
+      return n[r];
     }
     function s(c) {
-      const p = r[n++];
+      const p = n[r++];
       if (c && !p)
         throw new Error(`Unexpected token EOF, expected ${c}`);
       if (c && p && p.type !== c && p.value !== c)
@@ -597,21 +615,21 @@ class xt {
         s("?");
         const p = o();
         s(":");
-        const y = o();
-        return c ? p : y;
+        const m = o();
+        return c ? p : m;
       }
       return c;
     }
     function u() {
-      let c = m();
+      let c = y();
       for (; i() && i().value === "||"; ) {
         s("OP");
-        const p = m();
+        const p = y();
         c = c || p;
       }
       return c;
     }
-    function m() {
+    function y() {
       let c = g();
       for (; i() && i().value === "&&"; ) {
         s("OP");
@@ -621,42 +639,42 @@ class xt {
       return c;
     }
     function g() {
-      let c = w();
+      let c = b();
       for (; i() && ["==", "!=", "===", "!=="].includes(i().value); ) {
-        const p = s("OP").value, y = w();
+        const p = s("OP").value, m = b();
         switch (p) {
           case "==":
-            c = c == y;
+            c = c == m;
             break;
           case "!=":
-            c = c != y;
+            c = c != m;
             break;
           case "===":
-            c = c === y;
+            c = c === m;
             break;
           case "!==":
-            c = c !== y;
+            c = c !== m;
             break;
         }
       }
       return c;
     }
-    function w() {
+    function b() {
       let c = h();
       for (; i() && [">", "<", ">=", "<="].includes(i().value); ) {
-        const p = s("OP").value, y = h();
+        const p = s("OP").value, m = h();
         switch (p) {
           case ">":
-            c = c > y;
+            c = c > m;
             break;
           case "<":
-            c = c < y;
+            c = c < m;
             break;
           case ">=":
-            c = c >= y;
+            c = c >= m;
             break;
           case "<=":
-            c = c <= y;
+            c = c <= m;
             break;
         }
       }
@@ -665,24 +683,24 @@ class xt {
     function h() {
       let c = l();
       for (; i() && (i().value === "+" || i().value === "-"); ) {
-        const p = s("OP").value, y = l();
-        c = p === "+" ? c + y : c - y;
+        const p = s("OP").value, m = l();
+        c = p === "+" ? c + m : c - m;
       }
       return c;
     }
     function l() {
       let c = d();
       for (; i() && (i().value === "*" || i().value === "/" || i().value === "%"); ) {
-        const p = s("OP").value, y = d();
+        const p = s("OP").value, m = d();
         switch (p) {
           case "*":
-            c = c * y;
+            c = c * m;
             break;
           case "/":
-            c = c / y;
+            c = c / m;
             break;
           case "%":
-            c = c % y;
+            c = c % m;
             break;
         }
       }
@@ -718,21 +736,21 @@ class xt {
     return o();
   }
   static tokenize(t) {
-    const r = [], n = /\s*(=>|===|!==|==|!=|>=|<=|\|\||&&|[()?:,\[\]]|\+|-|\*|\/|%|>|<|!|\d+\.?\d*|"[^"]*"|'[^']*'|[a-zA-Z_][a-zA-Z0-9_]*|\S)\s*/g;
+    const n = [], r = /\s*(=>|===|!==|==|!=|>=|<=|\|\||&&|[()?:,\[\]]|\+|-|\*|\/|%|>|<|!|\d+\.?\d*|"[^"]*"|'[^']*'|[a-zA-Z_][a-zA-Z0-9_]*|\S)\s*/g;
     let i;
-    for (; (i = n.exec(t)) !== null; ) {
+    for (; (i = r.exec(t)) !== null; ) {
       const s = i[1];
-      s && (/^\d/.test(s) ? r.push({ type: "NUMBER", value: s }) : /^"/.test(s) || /^'/.test(s) ? r.push({ type: "STRING", value: s }) : /^[a-zA-Z_]/.test(s) ? r.push({ type: "IDENT", value: s }) : /^[()?:,\[\]]$/.test(s) ? r.push({ type: "PUNC", value: s }) : r.push({ type: "OP", value: s }));
+      s && (/^\d/.test(s) ? n.push({ type: "NUMBER", value: s }) : /^"/.test(s) || /^'/.test(s) ? n.push({ type: "STRING", value: s }) : /^[a-zA-Z_]/.test(s) ? n.push({ type: "IDENT", value: s }) : /^[()?:,\[\]]$/.test(s) ? n.push({ type: "PUNC", value: s }) : n.push({ type: "OP", value: s }));
     }
-    return r;
+    return n;
   }
-  static evaluateSimpleValue(t, r) {
+  static evaluateSimpleValue(t, n) {
     if (t === "true") return !0;
     if (t === "false") return !1;
     if (!isNaN(Number(t))) return Number(t);
     if (t.startsWith("ctx.")) {
-      const n = t.slice(4);
-      return H(r, n);
+      const r = t.slice(4);
+      return H(n, r);
     }
     return t.startsWith('"') && t.endsWith('"') || t.startsWith("'") && t.endsWith("'") ? t.slice(1, -1) : t;
   }
@@ -743,14 +761,14 @@ class xt {
     return this.cache.size;
   }
 }
-class se {
+class oe {
   static cleanupFunctions = /* @__PURE__ */ new WeakMap();
   /**
    * Add an event listener with automatic cleanup tracking
    */
-  static addListener(t, r, n, i) {
-    t.addEventListener(r, n, i);
-    const o = { event: r, handler: n, options: i, cleanup: () => t.removeEventListener(r, n, i), addedAt: Date.now() };
+  static addListener(t, n, r, i) {
+    t.addEventListener(n, r, i);
+    const o = { event: n, handler: r, options: i, cleanup: () => t.removeEventListener(n, r, i), addedAt: Date.now() };
     this.cleanupFunctions.has(t) || this.cleanupFunctions.set(t, []);
     const a = this.cleanupFunctions.get(t);
     a.push(o), this.cleanupFunctions.get(t).__metaList = a;
@@ -758,13 +776,13 @@ class se {
   /**
    * Remove a specific event listener
    */
-  static removeListener(t, r, n, i) {
-    t.removeEventListener(r, n, i);
+  static removeListener(t, n, r, i) {
+    t.removeEventListener(n, r, i);
     const s = this.cleanupFunctions.get(t);
     if (s) {
       const o = s.__metaList || null;
       if (o) {
-        const a = o.findIndex((u) => u.event === r && u.handler === n && JSON.stringify(u.options) === JSON.stringify(i));
+        const a = o.findIndex((u) => u.event === n && u.handler === r && JSON.stringify(u.options) === JSON.stringify(i));
         if (a >= 0) {
           try {
             o[a].cleanup();
@@ -783,8 +801,8 @@ class se {
    * Clean up all event listeners for an element
    */
   static cleanup(t) {
-    const r = this.cleanupFunctions.get(t);
-    r && ((r.__metaList || r).forEach((i) => {
+    const n = this.cleanupFunctions.get(t);
+    n && ((n.__metaList || n).forEach((i) => {
       try {
         typeof i == "function" ? i() : i && typeof i.cleanup == "function" && i.cleanup();
       } catch (s) {
@@ -806,52 +824,52 @@ class se {
    * Check if an element has any tracked event listeners
    */
   static hasListeners(t) {
-    const r = this.cleanupFunctions.get(t), n = r ? r.__metaList || r : void 0;
-    return !!(n && n.length > 0);
+    const n = this.cleanupFunctions.get(t), r = n ? n.__metaList || n : void 0;
+    return !!(r && r.length > 0);
   }
   /**
    * Get the number of tracked event listeners for an element
    */
   static getListenerCount(t) {
-    const r = this.cleanupFunctions.get(t), n = r ? r.__metaList || r : void 0;
-    return n ? n.length : 0;
+    const n = this.cleanupFunctions.get(t), r = n ? n.__metaList || n : void 0;
+    return r ? r.length : 0;
   }
 }
-function ce(e, t) {
+function ue(e, t) {
   if (t && e instanceof HTMLElement) {
-    se.cleanup(e);
-    for (const r in t)
-      t[r] === e && delete t[r];
-    for (const r of Array.from(e.childNodes))
-      ce(r, t);
+    oe.cleanup(e);
+    for (const n in t)
+      t[n] === e && delete t[n];
+    for (const n of Array.from(e.childNodes))
+      ue(n, t);
   }
 }
-function de(e, t, r) {
+function he(e, t, n) {
   if (typeof e == "string") return;
-  const n = e.props?.reactiveRef ?? (e.props?.props && e.props.props.reactiveRef), i = e.props?.ref ?? (e.props?.props && e.props.props.ref);
-  n ? n.value = t : i && r && (r[i] = t);
+  const r = e.props?.reactiveRef ?? (e.props?.props && e.props.props.reactiveRef), i = e.props?.ref ?? (e.props?.props && e.props.props.ref);
+  r ? r.value = t : i && n && (n[i] = t);
 }
-function kt(e, t, r, n, i, s, o, a) {
+function _t(e, t, n, r, i, s, o, a) {
   if (!s) return;
-  const u = t.includes("lazy"), m = t.includes("trim"), g = t.includes("number"), w = e && typeof e == "object" && "value" in e && typeof e.value < "u", h = () => {
-    if (w) {
+  const u = t.includes("lazy"), y = t.includes("trim"), g = t.includes("number"), b = e && typeof e == "object" && "value" in e && typeof e.value < "u", h = () => {
+    if (b) {
       const C = e.value;
       return a && typeof C == "object" && C !== null ? C[a] : C;
     }
     return H(s._state || s, e);
   }, l = h();
   let d = "text";
-  o instanceof HTMLInputElement ? d = n?.type || o.type || "text" : o instanceof HTMLSelectElement ? d = "select" : o instanceof HTMLTextAreaElement && (d = "textarea");
+  o instanceof HTMLInputElement ? d = r?.type || o.type || "text" : o instanceof HTMLSelectElement ? d = "select" : o instanceof HTMLTextAreaElement && (d = "textarea");
   const v = o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement || o instanceof HTMLSelectElement, c = v ? d === "checkbox" || d === "radio" ? "checked" : "value" : a ?? "modelValue";
   if (d === "checkbox")
     if (Array.isArray(l))
-      r[c] = l.includes(String(o?.getAttribute("value") ?? n?.value ?? ""));
+      n[c] = l.includes(String(o?.getAttribute("value") ?? r?.value ?? ""));
     else {
       const C = o?.getAttribute("true-value") ?? !0;
-      r[c] = l === C;
+      n[c] = l === C;
     }
   else if (d === "radio")
-    r[c] = l === (n?.value ?? "");
+    n[c] = l === (r?.value ?? "");
   else if (d === "select")
     if (o && o.hasAttribute("multiple") && o instanceof HTMLSelectElement) {
       const C = Array.isArray(l) ? l.map(String) : [];
@@ -859,18 +877,18 @@ function kt(e, t, r, n, i, s, o, a) {
         Array.from(o.options).forEach((k) => {
           k.selected = C.includes(k.value);
         });
-      }, 0), r[c] = Array.isArray(l) ? l : [];
+      }, 0), n[c] = Array.isArray(l) ? l : [];
     } else
-      r[c] = l;
+      n[c] = l;
   else {
-    r[c] = l;
+    n[c] = l;
     try {
-      const C = te(c);
-      n && (n[C] = l);
+      const C = ne(c);
+      r && (r[C] = l);
     } catch {
     }
   }
-  const p = u || d === "checkbox" || d === "radio" || d === "select" ? "change" : "input", y = (C) => {
+  const p = u || d === "checkbox" || d === "radio" || d === "select" ? "change" : "input", m = (C) => {
     if (C.isComposing || i._isComposing) return;
     const k = typeof globalThis.process < "u" && globalThis.process.env?.NODE_ENV === "test" || typeof window < "u" && window.__vitest__;
     if (C.isTrusted === !1 && !k) return;
@@ -878,51 +896,51 @@ function kt(e, t, r, n, i, s, o, a) {
     if (!f || f._modelUpdating) return;
     let x = f.value;
     if (d === "checkbox") {
-      const R = h();
-      if (Array.isArray(R)) {
-        const T = f.getAttribute("value") ?? "", $ = Array.from(R);
+      const T = h();
+      if (Array.isArray(T)) {
+        const R = f.getAttribute("value") ?? "", S = Array.from(T);
         if (f.checked)
-          $.includes(T) || $.push(T);
+          S.includes(R) || S.push(R);
         else {
-          const P = $.indexOf(T);
-          P > -1 && $.splice(P, 1);
+          const P = S.indexOf(R);
+          P > -1 && S.splice(P, 1);
         }
-        x = $;
+        x = S;
       } else {
-        const T = f.getAttribute("true-value") ?? !0, $ = f.getAttribute("false-value") ?? !1;
-        x = f.checked ? T : $;
+        const R = f.getAttribute("true-value") ?? !0, S = f.getAttribute("false-value") ?? !1;
+        x = f.checked ? R : S;
       }
     } else if (d === "radio")
       x = f.getAttribute("value") ?? f.value;
     else if (d === "select" && f.multiple)
-      x = Array.from(f.selectedOptions).map((R) => R.value);
-    else if (m && typeof x == "string" && (x = x.trim()), g) {
-      const R = Number(x);
-      isNaN(R) || (x = R);
+      x = Array.from(f.selectedOptions).map((T) => T.value);
+    else if (y && typeof x == "string" && (x = x.trim()), g) {
+      const T = Number(x);
+      isNaN(T) || (x = T);
     }
     const A = s._state || s, _ = h();
     if (Array.isArray(x) && Array.isArray(_) ? JSON.stringify([...x].sort()) !== JSON.stringify([..._].sort()) : x !== _) {
       f._modelUpdating = !0;
       try {
-        if (w)
+        if (b)
           if (a && typeof e.value == "object" && e.value !== null) {
-            const R = { ...e.value };
-            R[a] = x, e.value = R;
+            const T = { ...e.value };
+            T[a] = x, e.value = T;
           } else
             e.value = x;
         else
-          Ce(A, e, x);
+          Ee(A, e, x);
         if (s._requestRender && s._requestRender(), s._triggerWatchers) {
-          const R = w ? "reactiveState" : e;
-          s._triggerWatchers(R, x);
+          const T = b ? "reactiveState" : e;
+          s._triggerWatchers(T, x);
         }
         if (f) {
-          const R = `update:${te(c)}`, T = new CustomEvent(R, {
+          const T = `update:${ne(c)}`, R = new CustomEvent(T, {
             detail: x,
             bubbles: !0,
             composed: !0
           });
-          f.dispatchEvent(T);
+          f.dispatchEvent(R);
         }
       } finally {
         setTimeout(() => f._modelUpdating = !1, 0);
@@ -932,29 +950,29 @@ function kt(e, t, r, n, i, s, o, a) {
   if (v) {
     if (i[p]) {
       const C = i[p];
-      o && se.removeListener(o, p, C);
+      o && oe.removeListener(o, p, C);
     }
-    i[p] = y;
+    i[p] = m;
   } else {
-    const C = `update:${te(c)}`;
+    const C = `update:${ne(c)}`;
     if (i[C]) {
       const k = i[C];
-      o && se.removeListener(o, C, k);
+      o && oe.removeListener(o, C, k);
     }
     i[C] = (k) => {
       const f = s._state || s, x = k.detail !== void 0 ? k.detail : k.target?.value, A = H(f, e);
       if (Array.isArray(x) && Array.isArray(A) ? JSON.stringify([...x].sort()) !== JSON.stringify([...A].sort()) : x !== A) {
-        Ce(f, e, x), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, x);
-        const S = k.target;
-        if (S) {
-          S[c] = x;
+        Ee(f, e, x), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, x);
+        const $ = k.target;
+        if ($) {
+          $[c] = x;
           try {
-            const R = te(c);
-            typeof x == "boolean" ? x ? S.setAttribute(R, "true") : S.setAttribute(R, "false") : S.setAttribute(R, String(x));
+            const T = ne(c);
+            typeof x == "boolean" ? x ? $.setAttribute(T, "true") : $.setAttribute(T, "false") : $.setAttribute(T, String(x));
           } catch {
           }
           queueMicrotask(() => {
-            typeof S._applyProps == "function" && S._applyProps(S._cfg), typeof S._requestRender == "function" && S._requestRender();
+            typeof $._applyProps == "function" && $._applyProps($._cfg), typeof $._requestRender == "function" && $._requestRender();
           });
         }
       }
@@ -966,14 +984,14 @@ function kt(e, t, r, n, i, s, o, a) {
     k && setTimeout(() => {
       const f = k.value, x = s._state || s, A = H(x, e);
       let _ = f;
-      if (m && (_ = _.trim()), g) {
-        const R = Number(_);
-        isNaN(R) || (_ = R);
+      if (y && (_ = _.trim()), g) {
+        const T = Number(_);
+        isNaN(T) || (_ = T);
       }
       if (Array.isArray(_) && Array.isArray(A) ? JSON.stringify([..._].sort()) !== JSON.stringify([...A].sort()) : _ !== A) {
         k._modelUpdating = !0;
         try {
-          Ce(x, e, _), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, _);
+          Ee(x, e, _), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, _);
         } finally {
           setTimeout(() => k._modelUpdating = !1, 0);
         }
@@ -981,42 +999,42 @@ function kt(e, t, r, n, i, s, o, a) {
     }, 0);
   });
 }
-function it(e) {
+function ot(e) {
   const t = e.slice(2);
   return t ? t.charAt(0).toLowerCase() + t.slice(1) : "";
 }
-function Ct(e, t, r, n) {
+function Et(e, t, n, r) {
   if (typeof e == "object" && e !== null)
     for (const [i, s] of Object.entries(e))
-      i.startsWith("data-") || i.startsWith("aria-") || i === "class" ? r[i] = s : t[i] = s;
+      i.startsWith("data-") || i.startsWith("aria-") || i === "class" ? n[i] = s : t[i] = s;
   else if (typeof e == "string") {
-    if (!n) return;
+    if (!r) return;
     try {
-      const i = he(e, n);
+      const i = ye(e, r);
       if (typeof i == "object" && i !== null) {
         for (const [s, o] of Object.entries(i))
-          s.startsWith("data-") || s.startsWith("aria-") || s === "class" ? r[s] = o : t[s] = o;
+          s.startsWith("data-") || s.startsWith("aria-") || s === "class" ? n[s] = o : t[s] = o;
         return;
       } else {
-        r[e] = i;
+        n[e] = i;
         return;
       }
     } catch {
-      const i = H(n, e);
-      r[e] = i;
+      const i = H(r, e);
+      n[e] = i;
     }
   }
 }
-function _t(e, t, r) {
-  let n;
+function $t(e, t, n) {
+  let r;
   if (typeof e == "string") {
-    if (!r) return;
-    n = he(e, r);
+    if (!n) return;
+    r = ye(e, n);
   } else
-    n = e;
+    r = e;
   const i = t.style || "";
   let s = i;
-  if (n) {
+  if (r) {
     if (i) {
       const o = i.split(";").map((u) => u.trim()).filter(Boolean), a = o.findIndex(
         (u) => u.startsWith("display:")
@@ -1032,36 +1050,36 @@ function _t(e, t, r) {
     s = "display: none";
   s !== i && (s ? t.style = s : delete t.style);
 }
-function he(e, t) {
-  return xt.evaluate(e, t);
+function ye(e, t) {
+  return Ct.evaluate(e, t);
 }
-function Et(e, t, r) {
-  let n;
+function St(e, t, n) {
+  let r;
   if (typeof e == "string") {
-    if (!r) return;
-    n = he(e, r);
+    if (!n) return;
+    r = ye(e, n);
   } else
-    n = e;
+    r = e;
   let i = [];
-  typeof n == "string" ? i = [n] : Array.isArray(n) ? i = n.filter(Boolean) : typeof n == "object" && n !== null && (i = Object.entries(n).filter(([, a]) => !!a).flatMap(([a]) => a.split(/\s+/).filter(Boolean)));
+  typeof r == "string" ? i = [r] : Array.isArray(r) ? i = r.filter(Boolean) : typeof r == "object" && r !== null && (i = Object.entries(r).filter(([, a]) => !!a).flatMap(([a]) => a.split(/\s+/).filter(Boolean)));
   const s = t.class || "", o = s ? `${s} ${i.join(" ")}`.trim() : i.join(" ");
   o && (t.class = o);
 }
-function St(e, t, r) {
-  let n;
+function At(e, t, n) {
+  let r;
   if (typeof e == "string") {
-    if (!r) return;
-    n = he(e, r);
+    if (!n) return;
+    r = ye(e, n);
   } else
-    n = e;
+    r = e;
   let i = "";
-  if (typeof n == "string")
-    i = n;
-  else if (n && typeof n == "object") {
+  if (typeof r == "string")
+    i = r;
+  else if (r && typeof r == "object") {
     const o = [];
-    for (const [a, u] of Object.entries(n))
+    for (const [a, u] of Object.entries(r))
       if (u != null && u !== "") {
-        const m = a.replace(
+        const y = a.replace(
           /[A-Z]/g,
           (h) => `-${h.toLowerCase()}`
         ), g = [
@@ -1090,65 +1108,65 @@ function St(e, t, r) {
           "min-height",
           "max-height"
         ];
-        let w = String(u);
-        typeof u == "number" && g.includes(m) && (w = `${u}px`), o.push(`${m}: ${w}`);
+        let b = String(u);
+        typeof u == "number" && g.includes(y) && (b = `${u}px`), o.push(`${y}: ${b}`);
       }
     i = o.join("; ") + (o.length > 0 ? ";" : "");
   }
   const s = t.style || "";
   t.style = s + (s && !s.endsWith(";") ? "; " : "") + i;
 }
-function $t(e, t, r) {
-  let n = e;
-  typeof e == "string" && r && (n = he(e, r)), n && typeof n == "object" && n.constructor?.name === "ReactiveState" ? t.reactiveRef = n : t.ref = n;
+function Tt(e, t, n) {
+  let r = e;
+  typeof e == "string" && n && (r = ye(e, n)), ee(r) ? t.reactiveRef = r : t.ref = r;
 }
-function st(e, t, r, n) {
-  const i = {}, s = { ...n || {} }, o = {};
+function at(e, t, n, r) {
+  const i = {}, s = { ...r || {} }, o = {};
   for (const [a, u] of Object.entries(e)) {
-    const { value: m, modifiers: g, arg: w } = u;
+    const { value: y, modifiers: g, arg: b } = u;
     if (a === "model" || a.startsWith("model:")) {
-      const h = a.split(":"), l = h.length > 1 ? h[1] : w;
-      kt(
-        m,
+      const h = a.split(":"), l = h.length > 1 ? h[1] : b;
+      _t(
+        y,
         // Pass the original value (could be string or reactive state object)
         g,
         i,
         s,
         o,
         t,
-        r,
+        n,
         l
       );
       continue;
     }
     switch (a) {
       case "bind":
-        Ct(m, i, s, t);
+        Et(y, i, s, t);
         break;
       case "show":
-        _t(m, s, t);
+        $t(y, s, t);
         break;
       case "class":
-        Et(m, s, t);
+        St(y, s, t);
         break;
       case "style":
-        St(m, s, t);
+        At(y, s, t);
         break;
       case "ref":
-        $t(m, i, t);
+        Tt(y, i, t);
         break;
     }
   }
   return { props: i, attrs: s, listeners: o };
 }
-function Ie(e, t) {
+function Be(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 w = o.tag || "node", l = [
+        const b = o.tag || "node", l = [
           // attrs (kebab-case)
           o.props?.attrs?.id,
           o.props?.attrs?.name,
@@ -1159,66 +1177,66 @@ function Ie(e, t) {
           o.props?.props?.dataKey,
           o.props?.props?.["data-key"]
         ].find((d) => d != null) ?? "";
-        a = l ? `${t}:${w}:${l}` : `${t}:${w}`;
+        a = l ? `${t}:${b}:${l}` : `${t}:${b}`;
       }
-      let u = a, m = 1;
+      let u = a, y = 1;
       for (; s.has(u); )
-        u = `${a}#${m++}`;
+        u = `${a}#${y++}`;
       s.add(u);
       let g = o.children;
-      return Array.isArray(g) && (g = Ie(g, u)), { ...o, key: u, children: g };
+      return Array.isArray(g) && (g = Be(g, u)), { ...o, key: u, children: g };
     });
   }
-  const r = e;
-  let n = r.props?.key ?? r.key ?? t, i = r.children;
-  return Array.isArray(i) && (i = Ie(i, n)), { ...r, key: n, children: i };
+  const n = e;
+  let r = n.props?.key ?? n.key ?? t, i = n.children;
+  return Array.isArray(i) && (i = Be(i, r)), { ...n, key: r, children: i };
 }
-function Fe(e, t, r, n) {
-  const i = r.directives ?? {}, s = st(
+function Ve(e, t, n, r) {
+  const i = n.directives ?? {}, s = at(
     i,
-    n,
+    r,
     e,
-    r.attrs
+    n.attrs
   ), o = {
     ...t.props,
-    ...r.props,
+    ...n.props,
     ...s.props
   }, a = {
     ...t.attrs,
-    ...r.attrs,
+    ...n.attrs,
     ...s.attrs
-  }, u = t.props ?? {}, m = o, g = r?.isCustomElement ?? t?.isCustomElement ?? !1;
-  let w = !1;
-  for (const d in { ...u, ...m }) {
-    const v = u[d], b = m[d];
-    if (v !== b)
-      if (w = !0, d === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement))
-        e.value !== b && (e.value = b ?? "");
+  }, u = t.props ?? {}, y = o, g = n?.isCustomElement ?? t?.isCustomElement ?? !1;
+  let b = !1;
+  for (const d in { ...u, ...y }) {
+    const v = u[d], w = y[d];
+    if (v !== w)
+      if (b = !0, d === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement))
+        e.value !== w && (e.value = w ?? "");
       else if (d === "checked" && e instanceof HTMLInputElement)
-        e.checked = !!b;
-      else if (d.startsWith("on") && typeof b == "function") {
-        const c = it(d);
-        typeof v == "function" && se.removeListener(e, c, v), se.addListener(e, c, b);
-      } else if (b == null)
+        e.checked = !!w;
+      else if (d.startsWith("on") && typeof w == "function") {
+        const c = ot(d);
+        typeof v == "function" && oe.removeListener(e, c, v), oe.addListener(e, c, w);
+      } else if (w == null)
         e.removeAttribute(d);
-      else if ((r?.isCustomElement ?? t?.isCustomElement ?? !1) || d in e)
+      else if ((n?.isCustomElement ?? t?.isCustomElement ?? !1) || d in e)
         try {
-          e[d] = b;
+          e[d] = w;
         } catch {
         }
       else
-        b === !1 && e.removeAttribute(d);
+        w === !1 && e.removeAttribute(d);
   }
   for (const [d, v] of Object.entries(
     s.listeners || {}
   ))
-    se.addListener(e, d, v);
+    oe.addListener(e, d, v);
   const h = t.attrs ?? {}, l = a;
   for (const d in { ...h, ...l }) {
-    const v = h[d], b = l[d];
-    let c = v, p = b;
-    if (v && typeof v == "object" && v.constructor?.name === "ReactiveState" && (c = v.value), b && typeof b == "object" && b.constructor?.name === "ReactiveState" && (p = b.value), c !== p)
-      if (w = !0, p == null || p === !1) {
+    const v = h[d], w = l[d];
+    let c = v, p = w;
+    if (ee(v) && (c = v.value), ee(w) && (p = w.value), c !== p)
+      if (b = !0, p == null || p === !1) {
         if (e.removeAttribute(d), d === "value") {
           if (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement)
             try {
@@ -1280,15 +1298,15 @@ function Fe(e, t, r, n) {
           e.setAttribute(d, String(p));
           continue;
         }
-        const y = e.namespaceURI === "http://www.w3.org/2000/svg";
-        if (g && !y && d.includes("-")) {
-          const C = rt(d);
+        const m = e.namespaceURI === "http://www.w3.org/2000/svg";
+        if (g && !m && d.includes("-")) {
+          const C = it(d);
           try {
             e[C] = p;
           } catch {
             e.setAttribute(d, String(p));
           }
-        } else if (!y && d in e)
+        } else if (!m && d in e)
           try {
             e[d] = p;
           } catch {
@@ -1298,7 +1316,7 @@ function Fe(e, t, r, n) {
           e.setAttribute(d, String(p));
       }
   }
-  if (g && w)
+  if (g && b)
     try {
       if (typeof e._applyProps == "function")
         try {
@@ -1309,7 +1327,7 @@ function Fe(e, t, r, n) {
     } catch {
     }
 }
-function X(e, t, r) {
+function X(e, t, n) {
   if (typeof e == "string")
     return document.createTextNode(e);
   if (e.tag === "#text") {
@@ -1321,78 +1339,78 @@ function X(e, t, r) {
   if (e.tag === "#anchor") {
     const h = e, l = Array.isArray(h.children) ? h.children : [], d = document.createTextNode(""), v = document.createTextNode("");
     h.key != null && (d.key = `${h.key}:start`, v.key = `${h.key}:end`), h._startNode = d, h._endNode = v;
-    const b = document.createDocumentFragment();
-    b.appendChild(d);
+    const w = document.createDocumentFragment();
+    w.appendChild(d);
     for (const c of l) {
       const p = X(c, t);
-      b.appendChild(p);
+      w.appendChild(p);
     }
-    return b.appendChild(v), b;
+    return w.appendChild(v), w;
   }
-  const n = document.createElement(e.tag);
-  e.key != null && (n.key = e.key);
-  const { props: i = {}, attrs: s = {}, directives: o = {} } = e.props ?? {}, a = st(o, t, n, s), u = {
+  const r = document.createElement(e.tag);
+  e.key != null && (r.key = e.key);
+  const { props: i = {}, attrs: s = {}, directives: o = {} } = e.props ?? {}, a = at(o, t, r, s), u = {
     ...i,
     ...a.props
-  }, m = {
+  }, y = {
     ...s,
     ...a.attrs
-  }, g = n.namespaceURI === "http://www.w3.org/2000/svg";
-  for (const h in m) {
-    const l = m[h];
+  }, g = r.namespaceURI === "http://www.w3.org/2000/svg";
+  for (const h in y) {
+    const l = y[h];
     if (!(typeof h != "string" || /\[object Object\]/.test(h))) {
       if (typeof l == "boolean")
-        l && n.setAttribute(h, "");
+        l && r.setAttribute(h, "");
       else if (l != null)
-        if (!g && h === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement || n instanceof HTMLProgressElement))
+        if (!g && h === "value" && (r instanceof HTMLInputElement || r instanceof HTMLTextAreaElement || r instanceof HTMLSelectElement || r instanceof HTMLProgressElement))
           try {
-            n instanceof HTMLProgressElement ? n.value = Number(l) : n.value = l ?? "";
+            r instanceof HTMLProgressElement ? r.value = Number(l) : r.value = l ?? "";
           } catch {
-            n.setAttribute(h, String(l));
+            r.setAttribute(h, String(l));
           }
-        else if (!g && h === "checked" && n instanceof HTMLInputElement)
+        else if (!g && h === "checked" && r instanceof HTMLInputElement)
           try {
-            n.checked = !!l;
+            r.checked = !!l;
           } catch {
-            n.setAttribute(h, String(l));
+            r.setAttribute(h, String(l));
           }
-        else if (!g && h in n)
+        else if (!g && h in r)
           try {
-            n[h] = l;
+            r[h] = l;
           } catch {
-            n.setAttribute(h, String(l));
+            r.setAttribute(h, String(l));
           }
         else if ((e.props?.isCustomElement ?? !1) && !g && h.includes("-")) {
-          const v = rt(h);
+          const v = it(h);
           try {
-            n[v] = l;
+            r[v] = l;
           } catch {
-            n.setAttribute(h, String(l));
+            r.setAttribute(h, String(l));
           }
         } else
-          n.setAttribute(h, String(l));
+          r.setAttribute(h, String(l));
     }
   }
   for (const h in u) {
     const l = u[h];
     if (!(typeof h != "string" || /\[object Object\]/.test(h)))
-      if (h === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement)) {
+      if (h === "value" && (r instanceof HTMLInputElement || r instanceof HTMLTextAreaElement || r instanceof HTMLSelectElement)) {
         const d = typeof l == "object" && l !== null && typeof l.value < "u" ? l.value : l;
-        n.value = d ?? "";
-      } else if (h === "checked" && n instanceof HTMLInputElement) {
+        r.value = d ?? "";
+      } else if (h === "checked" && r instanceof HTMLInputElement) {
         const d = typeof l == "object" && l !== null && typeof l.value < "u" ? l.value : l;
-        n.checked = !!d;
+        r.checked = !!d;
       } else if (h.startsWith("on") && typeof l == "function")
-        se.addListener(n, it(h), l);
+        oe.addListener(r, ot(h), l);
       else {
         if (h.startsWith("on") && l === void 0)
           continue;
         if (l == null || l === !1)
-          n.removeAttribute(h);
-        else if ((e.props?.isCustomElement ?? !1) || h in n)
+          r.removeAttribute(h);
+        else if ((e.props?.isCustomElement ?? !1) || h in r)
           try {
             const v = typeof l == "object" && l !== null && typeof l.value < "u" ? l.value : l;
-            n[h] = v;
+            r[h] = v;
           } catch {
           }
       }
@@ -1400,44 +1418,44 @@ function X(e, t, r) {
   for (const [h, l] of Object.entries(
     a.listeners || {}
   ))
-    se.addListener(n, h, l);
-  const w = {
+    oe.addListener(r, h, l);
+  const b = {
     ...e,
     props: {
       ...e.props,
       ...a.props
     }
   };
-  de(w, n, r);
+  he(b, r, n);
   try {
-    if (typeof n._applyProps == "function")
+    if (typeof r._applyProps == "function")
       try {
-        n._applyProps(n._cfg);
+        r._applyProps(r._cfg);
       } catch {
       }
-    typeof n.requestRender == "function" ? n.requestRender() : typeof n._render == "function" && n._render(n._cfg);
+    typeof r.requestRender == "function" ? r.requestRender() : typeof r._render == "function" && r._render(r._cfg);
   } catch {
   }
   if (Array.isArray(e.children))
     for (const h of e.children)
-      n.appendChild(X(h, t, r));
-  else typeof e.children == "string" && (n.textContent = e.children);
+      r.appendChild(X(h, t, n));
+  else typeof e.children == "string" && (r.textContent = e.children);
   try {
-    if (n instanceof HTMLSelectElement && m && m.hasOwnProperty("value"))
+    if (r instanceof HTMLSelectElement && y && y.hasOwnProperty("value"))
       try {
-        n.value = m.value ?? "";
+        r.value = y.value ?? "";
       } catch {
       }
   } catch {
   }
-  return n;
+  return r;
 }
-function At(e, t, r, n, i) {
-  if (typeof r == "string") {
-    e.textContent !== r && (e.textContent = r);
+function Rt(e, t, n, r, i) {
+  if (typeof n == "string") {
+    e.textContent !== n && (e.textContent = n);
     return;
   }
-  if (!Array.isArray(r)) return;
+  if (!Array.isArray(n)) return;
   const s = Array.from(e.childNodes), o = Array.isArray(t) ? t : [], a = /* @__PURE__ */ new Map();
   for (const l of o)
     l && l.key != null && a.set(l.key, l);
@@ -1446,199 +1464,199 @@ function At(e, t, r, n, i) {
     const d = l.key;
     d != null && u.set(d, l);
   }
-  const m = /* @__PURE__ */ new Set();
+  const y = /* @__PURE__ */ new Set();
   let g = e.firstChild;
-  function w(l, d) {
+  function b(l, d) {
     let v = l;
-    for (; v && (m.add(v), v !== d); )
+    for (; v && (y.add(v), v !== d); )
       v = v.nextSibling;
   }
-  function h(l, d, v, b) {
+  function h(l, d, v, w) {
     const c = [];
     let p = l.nextSibling;
     for (; p && p !== d; )
       c.push(p), p = p.nextSibling;
-    const y = Array.isArray(v) ? v : [];
-    if (b.some((k) => k && k.key != null) || y.some((k) => k && k.key != null)) {
+    const m = Array.isArray(v) ? v : [];
+    if (w.some((k) => k && k.key != null) || m.some((k) => k && k.key != null)) {
       const k = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
-      for (const _ of y)
+      for (const _ of m)
         _ && _.key != null && k.set(_.key, _);
       for (const _ of c) {
-        const S = _.key;
-        S != null && f.set(S, _);
+        const $ = _.key;
+        $ != null && f.set($, _);
       }
       const x = /* @__PURE__ */ new Set();
       let A = l.nextSibling;
-      for (const _ of b) {
-        let S;
+      for (const _ of w) {
+        let $;
         if (_.key != null && f.has(_.key)) {
-          const R = k.get(_.key);
-          S = _e(
+          const T = k.get(_.key);
+          $ = $e(
             f.get(_.key),
-            R,
+            T,
             _,
-            n
-          ), x.add(S), S !== A && e.contains(S) && e.insertBefore(S, A);
+            r
+          ), x.add($), $ !== A && e.contains($) && e.insertBefore($, A);
         } else
-          S = X(_, n), e.insertBefore(S, A), x.add(S);
-        A = S.nextSibling;
+          $ = X(_, r), e.insertBefore($, A), x.add($);
+        A = $.nextSibling;
       }
       for (const _ of c)
         !x.has(_) && e.contains(_) && e.removeChild(_);
     } else {
       const k = Math.min(
-        y.length,
-        b.length
+        m.length,
+        w.length
       );
       for (let f = 0; f < k; f++) {
-        const x = y[f], A = b[f], _ = _e(c[f], x, A, n);
+        const x = m[f], A = w[f], _ = $e(c[f], x, A, r);
         _ !== c[f] && (e.insertBefore(_, c[f]), e.removeChild(c[f]));
       }
-      for (let f = k; f < b.length; f++)
-        e.insertBefore(X(b[f], n), d);
+      for (let f = k; f < w.length; f++)
+        e.insertBefore(X(w[f], r), d);
       for (let f = k; f < c.length; f++)
         e.removeChild(c[f]);
     }
   }
-  for (const l of r) {
+  for (const l of n) {
     let d;
     if (l.tag === "#anchor") {
-      const v = l.key, b = `${v}:start`, c = `${v}:end`;
-      let p = u.get(b), y = u.get(c);
+      const v = l.key, w = `${v}:start`, c = `${v}:end`;
+      let p = u.get(w), m = u.get(c);
       const C = Array.isArray(l.children) ? l.children : [];
-      if (p || (p = document.createTextNode(""), p.key = b), y || (y = document.createTextNode(""), y.key = c), l._startNode = p, l._endNode = y, !e.contains(p) || !e.contains(y)) {
+      if (p || (p = document.createTextNode(""), p.key = w), m || (m = document.createTextNode(""), m.key = c), l._startNode = p, l._endNode = m, !e.contains(p) || !e.contains(m)) {
         e.insertBefore(p, g);
         for (const k of C)
-          e.insertBefore(X(k, n), g);
-        e.insertBefore(y, g);
+          e.insertBefore(X(k, r), g);
+        e.insertBefore(m, g);
       } else
         h(
           p,
-          y,
+          m,
           a.get(v)?.children,
           C
         );
-      w(p, y), g = y.nextSibling;
+      b(p, m), g = m.nextSibling;
       continue;
     }
     if (l.key != null && u.has(l.key)) {
       const v = a.get(l.key);
-      d = _e(
+      d = $e(
         u.get(l.key),
         v,
         l,
-        n,
+        r,
         i
-      ), m.add(d), d !== g && e.contains(d) && (g && !e.contains(g) && (g = null), e.insertBefore(d, g));
+      ), y.add(d), d !== g && e.contains(d) && (g && !e.contains(g) && (g = null), e.insertBefore(d, g));
     } else
-      d = X(l, n, i), g && !e.contains(g) && (g = null), e.insertBefore(d, g), m.add(d);
+      d = X(l, r, i), g && !e.contains(g) && (g = null), e.insertBefore(d, g), y.add(d);
     g = d.nextSibling;
   }
   for (const l of s)
-    !m.has(l) && e.contains(l) && (ce(l, i), e.removeChild(l));
+    !y.has(l) && e.contains(l) && (ue(l, i), e.removeChild(l));
 }
-function _e(e, t, r, n, i) {
-  if (t && typeof t != "string" && t.props?.ref && i && ce(e, i), t === r) return e;
-  if (typeof r == "string") {
+function $e(e, t, n, r, i) {
+  if (t && typeof t != "string" && t.props?.ref && i && ue(e, i), t === n) return e;
+  if (typeof n == "string") {
     if (e.nodeType === Node.TEXT_NODE)
-      return e.textContent !== r && (e.textContent = r), e;
+      return e.textContent !== n && (e.textContent = n), e;
     {
-      const o = document.createTextNode(r);
+      const o = document.createTextNode(n);
       return e.parentNode?.replaceChild(o, e), o;
     }
   }
-  if (r && typeof r != "string" && r.tag === "#anchor") {
-    const o = r, a = Array.isArray(o.children) ? o.children : [], u = o._startNode ?? document.createTextNode(""), m = o._endNode ?? document.createTextNode("");
-    o.key != null && (u.key = `${o.key}:start`, m.key = `${o.key}:end`), o._startNode = u, o._endNode = m;
+  if (n && typeof n != "string" && n.tag === "#anchor") {
+    const o = n, a = Array.isArray(o.children) ? o.children : [], u = o._startNode ?? document.createTextNode(""), y = o._endNode ?? document.createTextNode("");
+    o.key != null && (u.key = `${o.key}:start`, y.key = `${o.key}:end`), o._startNode = u, o._endNode = y;
     const g = document.createDocumentFragment();
     g.appendChild(u);
-    for (const w of a) {
-      const h = X(w, n);
+    for (const b of a) {
+      const h = X(b, r);
       g.appendChild(h);
     }
-    return g.appendChild(m), e.parentNode?.replaceChild(g, e), u;
+    return g.appendChild(y), e.parentNode?.replaceChild(g, e), u;
   }
-  if (!r) {
-    ce(e, i);
+  if (!n) {
+    ue(e, i);
     const o = document.createComment("removed");
     return e.parentNode?.replaceChild(o, e), o;
   }
   if (!t || typeof t == "string") {
-    ce(e, i);
-    const o = X(r, n, i);
-    return de(r, o, i), e.parentNode?.replaceChild(o, e), o;
-  }
-  if (r.tag === "#anchor") {
-    const o = Array.isArray(r.children) ? r.children : [], a = r._startNode ?? document.createTextNode(""), u = r._endNode ?? document.createTextNode("");
-    r.key != null && (a.key = `${r.key}:start`, u.key = `${r.key}:end`), r._startNode = a, r._endNode = u;
-    const m = document.createDocumentFragment();
-    m.appendChild(a);
+    ue(e, i);
+    const o = X(n, r, i);
+    return he(n, o, i), e.parentNode?.replaceChild(o, e), o;
+  }
+  if (n.tag === "#anchor") {
+    const o = Array.isArray(n.children) ? n.children : [], a = n._startNode ?? document.createTextNode(""), u = n._endNode ?? document.createTextNode("");
+    n.key != null && (a.key = `${n.key}:start`, u.key = `${n.key}:end`), n._startNode = a, n._endNode = u;
+    const y = document.createDocumentFragment();
+    y.appendChild(a);
     for (const g of o)
-      m.appendChild(X(g, n));
-    return m.appendChild(u), e.parentNode?.replaceChild(m, e), a;
+      y.appendChild(X(g, r));
+    return y.appendChild(u), e.parentNode?.replaceChild(y, e), a;
   }
-  if (typeof t != "string" && typeof r != "string" && t.tag === r.tag && t.key === r.key) {
+  if (typeof t != "string" && typeof n != "string" && t.tag === n.tag && t.key === n.key) {
     const o = e;
-    return Fe(o, t.props || {}, r.props || {}, n), At(o, t.children, r.children, n, i), de(r, o, i), o;
+    return Ve(o, t.props || {}, n.props || {}, r), Rt(o, t.children, n.children, r, i), he(n, o, i), o;
   }
-  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))
+  if (typeof t != "string" && typeof n != "string" && t.tag === n.tag && (t.tag && String(t.tag).includes("-") || n.props && n.props.isCustomElement || t.props && t.props.isCustomElement))
     try {
       const a = e;
-      return Fe(a, t.props || {}, r.props || {}, n), de(r, a, i), a;
+      return Ve(a, t.props || {}, n.props || {}, r), he(n, a, i), a;
     } catch {
     }
-  ce(e, i);
-  const s = X(r, n, i);
-  return de(r, s, i), e.parentNode?.replaceChild(s, e), s;
+  ue(e, i);
+  const s = X(n, r, i);
+  return he(n, s, i), e.parentNode?.replaceChild(s, e), s;
 }
-function Rt(e, t, r, n) {
+function Ot(e, t, n, r) {
   let i;
   Array.isArray(t) ? t.length === 1 ? (i = t[0], i && typeof i == "object" && i.key == null && (i = { ...i, key: "__root__" })) : i = { tag: "div", key: "__root__", children: t } : (i = t, i && typeof i == "object" && i.key == null && (i = { ...i, key: "__root__" })), i && typeof i == "object" && i.tag === "#anchor" && (i = {
     tag: "div",
     key: "__anchor_root__",
     props: { attrs: { "data-anchor-block-root": "", key: "__anchor_root__" } },
     children: [i]
-  }), i = Ie(i, String(i.key ?? "root"));
+  }), i = Be(i, String(i.key ?? "root"));
   const s = e._prevVNode ?? null, o = e._prevDom ?? e.firstChild ?? null;
   let a;
-  s && o ? typeof s != "string" && typeof i != "string" && s.tag === i.tag && s.key === i.key ? a = _e(o, s, i, r, n) : (a = X(i, r, n), e.replaceChild(a, o)) : (a = X(i, r, n), e.firstChild ? e.replaceChild(a, e.firstChild) : e.appendChild(a));
+  s && o ? typeof s != "string" && typeof i != "string" && s.tag === i.tag && s.key === i.key ? a = $e(o, s, i, n, r) : (a = X(i, n, r), e.replaceChild(a, o)) : (a = X(i, n, r), e.firstChild ? e.replaceChild(a, e.firstChild) : e.appendChild(a));
   const u = [];
-  for (let m = 0; m < e.childNodes.length; m++) {
-    const g = e.childNodes[m];
-    g !== a && g.nodeName !== "STYLE" && (ce(g, n), u.push(g));
+  for (let y = 0; y < e.childNodes.length; y++) {
+    const g = e.childNodes[y];
+    g !== a && g.nodeName !== "STYLE" && (ue(g, r), u.push(g));
   }
-  u.forEach((m) => e.removeChild(m)), e._prevVNode = i, e._prevDom = a;
+  u.forEach((y) => e.removeChild(y)), e._prevVNode = i, e._prevDom = a;
 }
-function Te(e) {
-  if (typeof e == "string") return ne(e);
+function Pe(e) {
+  if (typeof e == "string") return ie(e);
   if (e.tag === "#text")
-    return typeof e.children == "string" ? ne(e.children) : "";
+    return typeof e.children == "string" ? ie(e.children) : "";
   if (e.tag === "#anchor")
-    return (Array.isArray(e.children) ? e.children.filter(Boolean) : []).map(Te).join("");
+    return (Array.isArray(e.children) ? e.children.filter(Boolean) : []).map(Pe).join("");
   let t = "";
-  e.props && e.props.attrs && (t = Object.entries(e.props.attrs).map(([i, s]) => ` ${i}="${ne(String(s))}"`).join(""));
-  let r = "";
-  e.props && (r = Object.entries(e.props).filter(([i]) => i !== "attrs" && i !== "directives" && i !== "ref" && i !== "key").map(([i, s]) => ` ${i}="${ne(String(s))}"`).join(""));
-  const n = Array.isArray(e.children) ? e.children.filter(Boolean).map(Te).join("") : typeof e.children == "string" ? ne(e.children) : e.children ? Te(e.children) : "";
-  return `<${e.tag}${t}${r}>${n}</${e.tag}>`;
-}
-function Tt(e, ...t) {
-  let r = "";
-  for (let n = 0; n < e.length; n++)
-    r += e[n], n < t.length && (r += t[n]);
-  return r;
+  e.props && e.props.attrs && (t = Object.entries(e.props.attrs).map(([i, s]) => ` ${i}="${ie(String(s))}"`).join(""));
+  let n = "";
+  e.props && (n = Object.entries(e.props).filter(([i]) => i !== "attrs" && i !== "directives" && i !== "ref" && i !== "key").map(([i, s]) => ` ${i}="${ie(String(s))}"`).join(""));
+  const r = Array.isArray(e.children) ? e.children.filter(Boolean).map(Pe).join("") : typeof e.children == "string" ? ie(e.children) : e.children ? Pe(e.children) : "";
+  return `<${e.tag}${t}${n}>${r}</${e.tag}>`;
+}
+function Pt(e, ...t) {
+  let n = "";
+  for (let r = 0; r < e.length; r++)
+    n += e[r], r < t.length && (n += t[r]);
+  return n;
 }
-function ot(e) {
+function ct(e) {
   return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
 }
-let xe = null;
-function Ke() {
-  return xe || (xe = new CSSStyleSheet(), xe.replaceSync(ot(Pt))), xe;
+let Ce = null;
+function Je() {
+  return Ce || (Ce = new CSSStyleSheet(), Ce.replaceSync(ct(Mt))), Ce;
 }
-function Ot(e) {
+function Lt(e) {
   return e.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
 }
-const Pt = Tt`
+const Mt = Pt`
   :host, *, ::before, ::after {
     all: isolate;
     box-sizing: border-box;
@@ -1696,7 +1714,7 @@ const Pt = Tt`
   sup { top: -.5em }
   [disabled], [aria-disabled=true] { cursor: not-allowed }
   [hidden] { display: none }
-`, Lt = {
+`, jt = {
   neutral: {
     50: "#fafafa",
     100: "#f4f4f5",
@@ -1792,17 +1810,55 @@ const Pt = Tt`
   black: { DEFAULT: "#000000" },
   transparent: { DEFAULT: "transparent" },
   current: { DEFAULT: "currentColor" }
-}, jt = Object.fromEntries(
-  Object.entries(Lt).map(([e, t]) => [
+}, Nt = Object.fromEntries(
+  Object.entries(jt).map(([e, t]) => [
     e,
     Object.fromEntries(
-      Object.entries(t).map(([r, n]) => [
-        r,
-        `var(--color-${e}${r === "DEFAULT" ? "" : `-${r}`}, ${n})`
+      Object.entries(t).map(([n, r]) => [
+        n,
+        `var(--color-${e}${n === "DEFAULT" ? "" : `-${n}`}, ${r})`
       ])
     )
   ])
-), Oe = {
+), le = "0.25rem", Wt = {
+  // Tailwind container widths
+  // 3xs: 16rem  => 16 / 0.25 = 64
+  "3xs": 64,
+  // 2xs: 18rem => 72
+  "2xs": 72,
+  // xs: 20rem => 80
+  xs: 80,
+  // sm: 24rem => 96
+  sm: 96,
+  // md: 28rem => 112
+  md: 112,
+  // lg: 32rem => 128
+  lg: 128,
+  // xl: 36rem => 144
+  xl: 144,
+  // 2xl: 42rem => 168
+  "2xl": 168,
+  // 3xl: 48rem => 192
+  "3xl": 192,
+  // 4xl: 56rem => 224
+  "4xl": 224,
+  // 5xl: 64rem => 256
+  "5xl": 256,
+  // 6xl: 72rem => 288
+  "6xl": 288,
+  // 7xl: 80rem => 320
+  "7xl": 320
+}, zt = () => {
+  const e = {};
+  for (const [t, n] of Object.entries(Wt))
+    e[`max-w-${t}`] = `max-width:calc(${le} * ${n});`, e[`min-w-${t}`] = `min-width:calc(${le} * ${n});`, e[`w-${t}`] = `width:calc(${le} * ${n});`, e[`max-h-${t}`] = `max-height:calc(${le} * ${n});`, e[`min-h-${t}`] = `min-height:calc(${le} * ${n});`, e[`h-${t}`] = `height:calc(${le} * ${n});`;
+  return e;
+}, Dt = () => {
+  const e = {};
+  for (const t of [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12])
+    e[`grid-cols-${t}`] = `grid-template-columns:repeat(${t},minmax(0,1fr));`, e[`grid-rows-${t}`] = `grid-template-rows:repeat(${t},minmax(0,1fr));`, e[`col-span-${t}`] = `grid-column:span ${t} / span ${t};`, e[`row-span-${t}`] = `grid-row:span ${t} / span ${t};`;
+  return e;
+}, Le = {
   /* Display */
   block: "display:block;",
   inline: "display:inline;",
@@ -1820,6 +1876,7 @@ const Pt = Tt`
   "max-h-full": "max-height:100%;",
   "min-w-0": "min-width:0;",
   "min-h-0": "min-height:0;",
+  ...zt(),
   "m-auto": "margin:auto;",
   "mx-auto": "margin-inline:auto;",
   "my-auto": "margin-block:auto;",
@@ -1834,55 +1891,8 @@ const Pt = Tt`
   /* Accessibility */
   "sr-only": "position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;",
   "not-sr-only": "position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;",
-  /* Grid Layout */
-  "grid-cols-1": "grid-template-columns:repeat(1,minmax(0,1fr));",
-  "grid-cols-2": "grid-template-columns:repeat(2,minmax(0,1fr));",
-  "grid-cols-3": "grid-template-columns:repeat(3,minmax(0,1fr));",
-  "grid-cols-4": "grid-template-columns:repeat(4,minmax(0,1fr));",
-  "grid-cols-5": "grid-template-columns:repeat(5,minmax(0,1fr));",
-  "grid-cols-6": "grid-template-columns:repeat(6,minmax(0,1fr));",
-  "grid-cols-7": "grid-template-columns:repeat(7,minmax(0,1fr));",
-  "grid-cols-8": "grid-template-columns:repeat(8,minmax(0,1fr));",
-  "grid-cols-9": "grid-template-columns:repeat(9,minmax(0,1fr));",
-  "grid-cols-10": "grid-template-columns:repeat(10,minmax(0,1fr));",
-  "grid-cols-11": "grid-template-columns:repeat(11,minmax(0,1fr));",
-  "grid-cols-12": "grid-template-columns:repeat(12,minmax(0,1fr));",
-  "grid-rows-1": "grid-template-rows:repeat(1,minmax(0,1fr));",
-  "grid-rows-2": "grid-template-rows:repeat(2,minmax(0,1fr));",
-  "grid-rows-3": "grid-template-rows:repeat(3,minmax(0,1fr));",
-  "grid-rows-4": "grid-template-rows:repeat(4,minmax(0,1fr));",
-  "grid-rows-5": "grid-template-rows:repeat(5,minmax(0,1fr));",
-  "grid-rows-6": "grid-template-rows:repeat(6,minmax(0,1fr));",
-  "grid-rows-7": "grid-template-rows:repeat(7,minmax(0,1fr));",
-  "grid-rows-8": "grid-template-rows:repeat(8,minmax(0,1fr));",
-  "grid-rows-9": "grid-template-rows:repeat(9,minmax(0,1fr));",
-  "grid-rows-10": "grid-template-rows:repeat(10,minmax(0,1fr));",
-  "grid-rows-11": "grid-template-rows:repeat(11,minmax(0,1fr));",
-  "grid-rows-12": "grid-template-rows:repeat(12,minmax(0,1fr));",
-  /* Grid Placement */
-  "col-span-1": "grid-column:span 1 / span 1;",
-  "col-span-2": "grid-column:span 2 / span 2;",
-  "col-span-3": "grid-column:span 3 / span 3;",
-  "col-span-4": "grid-column:span 4 / span 4;",
-  "col-span-5": "grid-column:span 5 / span 5;",
-  "col-span-6": "grid-column:span 6 / span 6;",
-  "col-span-7": "grid-column:span 7 / span 7;",
-  "col-span-8": "grid-column:span 8 / span 8;",
-  "col-span-9": "grid-column:span 9 / span 9;",
-  "col-span-10": "grid-column:span 10 / span 10;",
-  "col-span-11": "grid-column:span 11 / span 11;",
-  "col-span-12": "grid-column:span 12 / span 12;",
-  "row-span-1": "grid-row:span 1 / span 1;",
-  "row-span-2": "grid-row:span 2 / span 2;",
-  "row-span-3": "grid-row:span 3 / span 3;",
-  "row-span-4": "grid-row:span 4 / span 4;",
-  "row-span-6": "grid-row:span 6 / span 6;",
-  "row-span-7": "grid-row:span 7 / span 7;",
-  "row-span-8": "grid-row:span 8 / span 8;",
-  "row-span-9": "grid-row:span 9 / span 9;",
-  "row-span-10": "grid-row:span 10 / span 10;",
-  "row-span-11": "grid-row:span 11 / span 11;",
-  "row-span-12": "grid-row:span 12 / span 12;",
+  /* Grid Layout & Placement */
+  ...Dt(),
   /* Positioning */
   absolute: "position:absolute;",
   relative: "position:relative;",
@@ -2017,7 +2027,7 @@ const Pt = Tt`
   "z-30": "z-index:30;",
   "z-40": "z-index:40;",
   "z-50": "z-index:50;"
-}, Mt = "0.25rem", Ve = {
+}, Ze = {
   m: ["margin"],
   mx: ["margin-inline"],
   my: ["margin-block"],
@@ -2050,19 +2060,19 @@ const Pt = Tt`
   "gap-y": ["row-gap"]
 };
 function G(e, t) {
-  let r = 0, n = 0;
+  let n = 0, r = 0;
   for (let i = 0; i < e.length; i++) {
     const s = e[i];
-    if (s === "[") r++;
-    else if (s === "]" && r > 0) r--;
-    else if (s === "(") n++;
-    else if (s === ")" && n > 0) n--;
-    else if (r === 0 && n === 0 && (s === ">" || s === "+" || s === "~" || s === " "))
+    if (s === "[") n++;
+    else if (s === "]" && n > 0) n--;
+    else if (s === "(") r++;
+    else if (s === ")" && r > 0) r--;
+    else if (n === 0 && r === 0 && (s === ">" || s === "+" || s === "~" || s === " "))
       return e.slice(0, i) + t + e.slice(i);
   }
   return e + t;
 }
-const Nt = {
+const It = {
   before: (e, t) => `${e}::before{${t}}`,
   after: (e, t) => `${e}::after{${t}}`,
   hover: (e, t) => `${G(e, ":hover")}{${t}}`,
@@ -2085,7 +2095,7 @@ const Nt = {
   "peer-focus": (e, t) => `.peer:focus ~ ${e}{${t}}`,
   "peer-checked": (e, t) => `.peer:checked ~ ${e}{${t}}`,
   "peer-disabled": (e, t) => `.peer:disabled ~ ${e}{${t}}`
-}, Pe = {
+}, Me = {
   // Responsive
   sm: "(min-width:640px)",
   md: "(min-width:768px)",
@@ -2094,25 +2104,25 @@ const Nt = {
   "2xl": "(min-width:1536px)",
   // Dark mode (now plain string)
   dark: "(prefers-color-scheme: dark)"
-}, Le = ["sm", "md", "lg", "xl", "2xl"];
-function je(e) {
-  const t = e.startsWith("-"), n = (t ? e.slice(1) : e).split("-");
-  if (n.length < 2) return null;
-  const i = n.slice(0, -1).join("-"), s = n[n.length - 1], o = parseFloat(s);
-  if (Number.isNaN(o) || !Ve[i]) return null;
+}, je = ["sm", "md", "lg", "xl", "2xl"];
+function Ne(e) {
+  const t = e.startsWith("-"), r = (t ? e.slice(1) : e).split("-");
+  if (r.length < 2) return null;
+  const i = r.slice(0, -1).join("-"), s = r[r.length - 1], o = parseFloat(s);
+  if (Number.isNaN(o) || !Ze[i]) return null;
   const a = t ? "-" : "";
-  return Ve[i].map((u) => `${u}:calc(${a}${Mt} * ${o});`).join("");
+  return Ze[i].map((u) => `${u}:calc(${a}${le} * ${o});`).join("");
 }
-function Je(e) {
-  const t = e.replace("#", ""), r = parseInt(t, 16), n = r >> 16 & 255, i = r >> 8 & 255, s = r & 255;
-  return `${n} ${i} ${s}`;
+function Ge(e) {
+  const t = e.replace("#", ""), n = parseInt(t, 16), r = n >> 16 & 255, i = n >> 8 & 255, s = n & 255;
+  return `${r} ${i} ${s}`;
 }
-function Wt(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, n, i = "DEFAULT"] = t, s = jt[n]?.[i];
+  const [, n, r, i = "DEFAULT"] = t, s = Nt[r]?.[i];
   if (!s) return null;
-  if (r === "shadow") return `--ce-shadow-color:${s};`;
+  if (n === "shadow") return `--ce-shadow-color:${s};`;
   const a = {
     bg: "background-color",
     decoration: "text-decoration-color",
@@ -2123,44 +2133,44 @@ function Wt(e) {
     accent: "accent-color",
     fill: "fill",
     stroke: "stroke"
-  }[r];
+  }[n];
   return a ? `${a}:${s};` : null;
 }
-function zt(e) {
-  const [t, r] = e.split("/");
-  if (!r) return { base: t };
-  const n = parseInt(r, 10);
-  return isNaN(n) || n < 0 || n > 100 ? { base: t } : { base: t, opacity: n / 100 };
-}
-function Me(e) {
-  const { base: t, opacity: r } = zt(e), n = Wt(t);
-  if (n) {
-    if (r !== void 0) {
-      const s = /#([0-9a-f]{6})/i.exec(n);
+function Bt(e) {
+  const [t, n] = e.split("/");
+  if (!n) return { base: t };
+  const r = parseInt(n, 10);
+  return isNaN(r) || r < 0 || r > 100 ? { base: t } : { base: t, opacity: r / 100 };
+}
+function We(e) {
+  const { base: t, opacity: n } = Bt(e), r = Ht(t);
+  if (r) {
+    if (n !== void 0) {
+      const s = /#([0-9a-f]{6})/i.exec(r);
       if (s) {
-        const o = Je(s[0]);
-        return n.replace(/#([0-9a-f]{6})/i, `rgb(${o} / ${r})`);
+        const o = Ge(s[0]);
+        return r.replace(/#([0-9a-f]{6})/i, `rgb(${o} / ${n})`);
       }
     }
-    return n;
+    return r;
   }
-  const i = Ee(t);
-  if (i && r !== void 0) {
+  const i = Se(t);
+  if (i && n !== void 0) {
     const s = /#([0-9a-f]{6})/i.exec(i);
     if (s) {
-      const o = Je(s[0]);
-      return i.replace(/#([0-9a-f]{6})/i, `rgb(${o} / ${r})`);
+      const o = Ge(s[0]);
+      return i.replace(/#([0-9a-f]{6})/i, `rgb(${o} / ${n})`);
     }
   }
   return i;
 }
-function Ne(e) {
+function ze(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};`;
+  const n = parseInt(t[1], 10);
+  return n < 0 || n > 100 ? null : `opacity:${n / 100};`;
 }
-function Ee(e) {
+function Se(e) {
   if (e.startsWith("[") && e.endsWith("]") && !e.includes("-[")) {
     const i = e.slice(1, -1).trim().match(/^([a-zA-Z][a-zA-Z0-9-]*)\s*:(.*)$/);
     if (i) {
@@ -2170,9 +2180,9 @@ function Ee(e) {
     }
     return null;
   }
-  const t = e.indexOf("-["), r = e.endsWith("]");
-  if (t > 0 && r) {
-    const n = e.slice(0, t);
+  const t = e.indexOf("-["), n = e.endsWith("]");
+  if (t > 0 && n) {
+    const r = e.slice(0, t);
     let i = e.slice(t + 2, -1);
     i = i.replace(/_/g, " ");
     const s = {
@@ -2197,6 +2207,8 @@ function Ee(e) {
       "border-r": "border-right",
       "border-x": "border-inline",
       "border-y": "border-block",
+      "grid-cols": "grid-template-columns",
+      "grid-rows": "grid-template-rows",
       transition: "transition-property",
       ease: "transition-timing-function",
       delay: "transition-delay",
@@ -2217,63 +2229,63 @@ function Ee(e) {
       leading: "line-height",
       z: "z-index"
     };
-    if (n === "rotate")
+    if (r === "rotate")
       return `transform:rotate(${i});`;
-    const o = s[n] ?? n.replace(/_/g, "-");
+    const o = s[r] ?? r.replace(/_/g, "-");
     if (o && i) return `${o}:${i};`;
   }
   return null;
 }
-function Dt(e) {
+function Ut(e) {
   if (e.startsWith("[") && e.endsWith("]")) {
-    const r = e.slice(1, -1);
-    return r.includes("&") ? r : e;
+    const n = e.slice(1, -1);
+    return n.includes("&") ? n : e;
   }
   const t = e.indexOf("-[");
   if (t > 0 && e.endsWith("]")) {
-    const r = e.slice(t + 2, -1).replace(/_/g, "-");
-    return r.includes("&") ? r : e.replace(/_/g, "-");
+    const n = e.slice(t + 2, -1).replace(/_/g, "-");
+    return n.includes("&") ? n : e.replace(/_/g, "-");
   }
   return null;
 }
-function It(e) {
+function qt(e) {
   return e.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1");
 }
-function Ht(e) {
-  const t = /class\s*=\s*(['"])(.*?)\1/g, r = [];
-  let n;
-  for (; n = t.exec(e); ) {
-    const i = n[2].split(/\s+/).filter(Boolean);
-    i.length && r.push(...i);
+function Ft(e) {
+  const t = /class\s*=\s*(['"])(.*?)\1/g, n = [];
+  let r;
+  for (; r = t.exec(e); ) {
+    const i = r[2].split(/\s+/).filter(Boolean);
+    i.length && n.push(...i);
   }
-  return r.filter(Boolean);
+  return n.filter(Boolean);
 }
-const Ze = /* @__PURE__ */ new Map(), Bt = 16;
-function Ut(e) {
-  const t = Date.now(), r = Ze.get(e);
-  if (r && t - r.timestamp < Bt) return r.css;
-  const n = Ht(e), i = new Set(n), s = [], o = [], a = [], u = [], m = {};
-  function g(b, c = !1) {
-    const p = (c ? "dark|" : "") + b;
-    if (p in m) return m[p];
-    const y = d(b, c);
-    return m[p] = y, y;
-  }
-  function w(b) {
-    const c = b.some((y) => Le.includes(y)), p = b.includes("dark");
-    return b.length === 0 ? 1 : !c && !p ? 2 : c && !p ? 3 : 4;
-  }
-  function h(b) {
+const Xe = /* @__PURE__ */ new Map(), Kt = 16;
+function Vt(e) {
+  const t = Date.now(), n = Xe.get(e);
+  if (n && t - n.timestamp < Kt) return n.css;
+  const r = Ft(e), i = new Set(r), s = [], o = [], a = [], u = [], y = {};
+  function g(w, c = !1) {
+    const p = (c ? "dark|" : "") + w;
+    if (p in y) return y[p];
+    const m = d(w, c);
+    return y[p] = m, m;
+  }
+  function b(w) {
+    const c = w.some((m) => je.includes(m)), p = w.includes("dark");
+    return w.length === 0 ? 1 : !c && !p ? 2 : c && !p ? 3 : 4;
+  }
+  function h(w) {
     const c = [];
-    let p = "", y = 0, C = 0;
-    for (let k = 0; k < b.length; k++) {
-      const f = b[k];
-      f === "[" ? y++ : f === "]" && y > 0 ? y-- : f === "(" ? C++ : f === ")" && C > 0 && C--, f === ":" && y === 0 && C === 0 ? (c.push(p), p = "") : p += f;
+    let p = "", m = 0, C = 0;
+    for (let k = 0; k < w.length; k++) {
+      const f = w[k];
+      f === "[" ? m++ : f === "]" && m > 0 ? m-- : f === "(" ? C++ : f === ")" && C > 0 && C--, f === ":" && m === 0 && C === 0 ? (c.push(p), p = "") : p += f;
     }
     return p && c.push(p), c;
   }
-  function l(b) {
-    switch (b) {
+  function l(w) {
+    switch (w) {
       case "hover":
         return ":hover";
       case "focus":
@@ -2302,126 +2314,126 @@ function Ut(e) {
         return null;
     }
   }
-  function d(b, c = !1) {
-    const p = h(b);
-    let y = !1;
-    const C = p.find((E) => (E.startsWith("!") && (y = !0, E = E.slice(1)), Oe[E] || je(E) || Ne(E) || Me(E) || Ee(E)));
+  function d(w, c = !1) {
+    const p = h(w);
+    let m = !1;
+    const C = p.find((E) => (E.startsWith("!") && (m = !0, E = E.slice(1)), Le[E] || Ne(E) || ze(E) || We(E) || Se(E)));
     if (!C) return null;
-    const k = C.replace(/^!/, ""), f = Oe[k] ?? je(k) ?? Ne(k) ?? Me(k) ?? Ee(k);
+    const k = C.replace(/^!/, ""), f = Le[k] ?? Ne(k) ?? ze(k) ?? We(k) ?? Se(k);
     if (!f) return null;
     const x = p.indexOf(C);
     let A = x >= 0 ? p.slice(0, x) : [];
     c && (A = A.filter((E) => E !== "dark"));
-    const _ = `.${It(b)}`, S = "__SUBJECT__", R = y ? f.replace(/;$/, " !important;") : f;
-    let T = S;
-    const $ = [];
+    const _ = `.${qt(w)}`, $ = "__SUBJECT__", T = m ? f.replace(/;$/, " !important;") : f;
+    let R = $;
+    const S = [];
     for (const E of A)
-      E.startsWith("group-") ? (T = `.group:${E.slice(6)} ${T}`, $.push(E)) : E.startsWith("peer-") && (T = T.replace(S, `.peer:${E.slice(5)}~${S}`), $.push(E));
-    A = A.filter((E) => !$.includes(E));
+      E.startsWith("group-") ? (R = `.group:${E.slice(6)} ${R}`, S.push(E)) : E.startsWith("peer-") && (R = R.replace($, `.peer:${E.slice(5)}~${$}`), S.push(E));
+    A = A.filter((E) => !S.includes(E));
     const P = [], B = [];
-    let J = null;
+    let V = null;
     for (const E of A) {
-      if (E === "dark" || Le.includes(E)) continue;
-      const U = Dt(E);
+      if (E === "dark" || je.includes(E)) continue;
+      const U = Ut(E);
       if (U) {
-        J = U;
+        V = U;
         continue;
       }
       const D = l(E);
       if (D) {
-        J ? B.push(D) : P.push(D);
+        V ? B.push(D) : P.push(D);
         continue;
       }
-      const z = Nt[E];
-      typeof z == "function" && (T = z(T, R).split("{")[0]);
+      const W = It[E];
+      typeof W == "function" && (R = W(R, T).split("{")[0]);
     }
-    function ye(E, U) {
+    function we(E, U) {
       if (!U) return E;
-      let D = 0, z = 0;
+      let D = 0, W = 0;
       if (E.length && (E[0] === ">" || E[0] === "+" || E[0] === "~" || E[0] === " ")) {
         let O = 1;
         for (; O < E.length && E[O] === " "; ) O++;
         for (; O < E.length; O++) {
           const I = E[O];
-          if (I === "[" ? D++ : I === "]" && D > 0 ? D-- : I === "(" ? z++ : I === ")" && z > 0 && z--, D === 0 && z === 0 && (E[O] === ">" || E[O] === "+" || E[O] === "~" || E[O] === " "))
+          if (I === "[" ? D++ : I === "]" && D > 0 ? D-- : I === "(" ? W++ : I === ")" && W > 0 && W--, D === 0 && W === 0 && (E[O] === ">" || E[O] === "+" || E[O] === "~" || E[O] === " "))
             return E.slice(0, O) + U + E.slice(O);
         }
         return E + U;
       }
       for (let O = 0; O < E.length; O++) {
         const I = E[O];
-        if (I === "[" ? D++ : I === "]" && D > 0 ? D-- : I === "(" ? z++ : I === ")" && z > 0 && z--, D === 0 && z === 0 && (I === ">" || I === "+" || I === "~" || I === " "))
+        if (I === "[" ? D++ : I === "]" && D > 0 ? D-- : I === "(" ? W++ : I === ")" && W > 0 && W--, D === 0 && W === 0 && (I === ">" || I === "+" || I === "~" || I === " "))
           return E.slice(0, O) + U + E.slice(O);
       }
       return E + U;
     }
     const K = P.join(""), L = B.join("");
-    if (J)
-      if (J.includes("&")) {
-        const E = J.indexOf("&"), U = J.slice(0, E), D = J.slice(E + 1), z = S + K, O = T;
+    if (V)
+      if (V.includes("&")) {
+        const E = V.indexOf("&"), U = V.slice(0, E), D = V.slice(E + 1), W = $ + K, O = R;
         if (P.length === 0)
-          T = O.replace(S, U + z + L + D);
+          R = O.replace($, U + W + L + D);
         else {
-          const I = ye(D, L);
-          T = O.replace(S, U + z + I);
+          const I = we(D, L);
+          R = O.replace($, U + W + I);
         }
       } else
-        T = T.replace(S, `${J}${S + K}`), L && (T = T.replace(S, `${S}${L}`));
+        R = R.replace($, `${V}${$ + K}`), L && (R = R.replace($, `${$}${L}`));
     else
-      T = S + K + L;
-    T = T.replace(new RegExp(S, "g"), _);
-    let j = `${T}{${R}}`;
-    const V = A.filter((E) => Le.includes(E)), Z = V.length ? V[V.length - 1] : null, W = A.includes("dark");
-    return c && Z ? j = `@media (prefers-color-scheme: dark) and ${Pe[Z]}{${j}}` : c ? j = `@media (prefers-color-scheme: dark){${j}}` : W && Z ? j = `@media (prefers-color-scheme: dark) and ${Pe[Z]}{${j}}` : W ? j = `@media (prefers-color-scheme: dark){${j}}` : Z && (j = `@media ${Pe[Z]}{${j}}`), j;
-  }
-  for (const b of i) {
-    const c = h(b), p = c.find(
-      (f) => Oe[f] || je(f) || Ne(f) || Me(f) || Ee(f)
+      R = $ + K + L;
+    R = R.replace(new RegExp($, "g"), _);
+    let M = `${R}{${T}}`;
+    const J = A.filter((E) => je.includes(E)), Z = J.length ? J[J.length - 1] : null, z = A.includes("dark");
+    return c && Z ? M = `@media (prefers-color-scheme: dark) and ${Me[Z]}{${M}}` : c ? M = `@media (prefers-color-scheme: dark){${M}}` : z && Z ? M = `@media (prefers-color-scheme: dark) and ${Me[Z]}{${M}}` : z ? M = `@media (prefers-color-scheme: dark){${M}}` : Z && (M = `@media ${Me[Z]}{${M}}`), M;
+  }
+  for (const w of i) {
+    const c = h(w), p = c.find(
+      (f) => Le[f] || Ne(f) || ze(f) || We(f) || Se(f)
     );
     if (!p) continue;
-    const y = c.indexOf(p), C = y >= 0 ? c.slice(0, y) : [], k = w(C);
+    const m = c.indexOf(p), C = m >= 0 ? c.slice(0, m) : [], k = b(C);
     if (k === 4) {
-      const f = g(b, !0);
+      const f = g(w, !0);
       f && u.push(f);
     } else {
-      const f = g(b);
+      const f = g(w);
       f && (k === 1 ? s.push(f) : k === 2 ? o.push(f) : k === 3 && a.push(f));
     }
   }
   const v = [...s, ...o, ...a, ...u].join("");
-  return Ze.set(e, { css: v, timestamp: t }), v;
+  return Xe.set(e, { css: v, timestamp: t }), v;
 }
-const pe = [];
-function qt(e, t, r, n, i, s, o, a) {
+const ge = [];
+function Jt(e, t, n, r, i, s, o, a) {
   if (e) {
-    pe.push(r);
+    ge.push(n);
     try {
-      const u = t.render(r);
+      const u = t.render(n);
       if (u instanceof Promise) {
-        s(!0), u.then((m) => {
-          s(!1), o(null), Ge(e, m, r, n, i), a(e.innerHTML);
-        }).catch((m) => {
-          s(!1), o(m);
+        s(!0), u.then((y) => {
+          s(!1), o(null), Ye(e, y, n, r, i), a(e.innerHTML);
+        }).catch((y) => {
+          s(!1), o(y);
         });
         return;
       }
-      Ge(e, u, r, n, i), a(e.innerHTML);
+      Ye(e, u, n, r, i), a(e.innerHTML);
     } finally {
-      pe.pop();
+      ge.pop();
     }
   }
 }
-function Ge(e, t, r, n, i) {
-  e && (Rt(
+function Ye(e, t, n, r, i) {
+  e && (Ot(
     e,
     Array.isArray(t) ? t : [t],
-    r,
-    n
+    n,
+    r
   ), i(e.innerHTML));
 }
-function Ft(e, t, r, n, i, s, o) {
+function Zt(e, t, n, r, i, s, o) {
   if (s !== null && clearTimeout(s), Date.now() - t < 16) {
-    if (i(r + 1), r === 15)
+    if (i(n + 1), n === 15)
       console.warn(
         `⚠️ Component is re-rendering rapidly. This might indicate:
   Common causes:
@@ -2430,7 +2442,7 @@ function Ft(e, t, r, n, i, s, o) {
   • Missing dependencies in computed/watch
   Component rendering will be throttled to prevent browser freeze.`
       );
-    else if (r > 20) {
+    else if (n > 20) {
       console.error(
         `🛑 Infinite loop detected in component render:
   • This might be caused by state updates during render
@@ -2441,41 +2453,41 @@ Stopping runaway component render to prevent browser freeze`
     }
   } else
     i(0);
-  const m = setTimeout(() => {
-    n(Date.now()), e(), o(null);
-  }, r > 10 ? 100 : 0);
-  o(m);
+  const y = setTimeout(() => {
+    r(Date.now()), e(), o(null);
+  }, n > 10 ? 100 : 0);
+  o(y);
 }
-function Kt(e, t, r, n, i) {
+function Gt(e, t, n, r, i) {
   if (!e) return;
-  const s = Ut(r);
+  const s = Vt(n);
   if ((!s || s.trim() === "") && !t._computedStyle) {
-    i(null), e.adoptedStyleSheets = [Ke()];
+    i(null), e.adoptedStyleSheets = [Je()];
     return;
   }
   let o = "";
   t._computedStyle && (o = t._computedStyle);
-  let a = Ot(`${o}
+  let a = Lt(`${o}
 ${s}
 `);
-  a = ot(a);
-  let u = n;
-  u || (u = new CSSStyleSheet()), (u.cssRules.length === 0 || u.toString() !== a) && u.replaceSync(a), e.adoptedStyleSheets = [Ke(), u], i(u);
+  a = ct(a);
+  let u = r;
+  u || (u = new CSSStyleSheet()), (u.cssRules.length === 0 || u.toString() !== a) && u.replaceSync(a), e.adoptedStyleSheets = [Je(), u], i(u);
 }
 let N = null;
-function Vt(e) {
+function Xt(e) {
   N = e;
 }
-function Jt() {
+function Yt() {
   N = null;
 }
-function lr() {
+function hn() {
   if (!N)
     throw new Error("useEmit must be called during component render");
   const e = N.emit;
-  return (t, r) => e(t, r);
+  return (t, n) => e(t, n);
 }
-function ge(e) {
+function me(e) {
   e._hookCallbacks || Object.defineProperty(e, "_hookCallbacks", {
     value: {},
     writable: !0,
@@ -2483,30 +2495,30 @@ function ge(e) {
     configurable: !1
   });
 }
-function ur(e) {
+function gn(e) {
   if (!N)
     throw new Error("useOnConnected must be called during component render");
-  ge(N), N._hookCallbacks.onConnected = e;
+  me(N), N._hookCallbacks.onConnected = e;
 }
-function fr(e) {
+function yn(e) {
   if (!N)
     throw new Error("useOnDisconnected must be called during component render");
-  ge(N), N._hookCallbacks.onDisconnected = e;
+  me(N), N._hookCallbacks.onDisconnected = e;
 }
-function dr(e) {
+function mn(e) {
   if (!N)
     throw new Error("useOnAttributeChanged must be called during component render");
-  ge(N), N._hookCallbacks.onAttributeChanged = e;
+  me(N), N._hookCallbacks.onAttributeChanged = e;
 }
-function pr(e) {
+function bn(e) {
   if (!N)
     throw new Error("useOnError must be called during component render");
-  ge(N), N._hookCallbacks.onError = e;
+  me(N), N._hookCallbacks.onError = e;
 }
-function hr(e) {
+function wn(e) {
   if (!N)
     throw new Error("useStyle must be called during component render");
-  ge(N);
+  me(N);
   try {
     const t = e();
     Object.defineProperty(N, "_computedStyle", {
@@ -2524,12 +2536,12 @@ function hr(e) {
     });
   }
 }
-const $e = /* @__PURE__ */ new Map(), Xe = Symbol.for("cer.registry");
+const Te = /* @__PURE__ */ new Map(), Qe = Symbol.for("cer.registry");
 if (typeof window < "u") {
   const e = globalThis;
-  e[Xe] || (e[Xe] = $e);
+  e[Qe] || (e[Qe] = Te);
 }
-function Zt(e, t) {
+function Qt(e, t) {
   if (!t.render)
     throw new Error(
       "Component must have a render function"
@@ -2574,34 +2586,34 @@ function Zt(e, t) {
     _templateLoading = !1;
     _templateError = null;
     constructor() {
-      super(), this.attachShadow({ mode: "open" }), this._cfg = $e.get(e) || t, this._componentId = `${e}-${Math.random().toString(36).substr(2, 9)}`;
-      const r = this._initContext(t);
-      Object.defineProperty(r, "refs", {
+      super(), this.attachShadow({ mode: "open" }), this._cfg = Te.get(e) || t, this._componentId = `${e}-${Math.random().toString(36).substr(2, 9)}`;
+      const n = this._initContext(t);
+      Object.defineProperty(n, "refs", {
         value: this._refs,
         writable: !1,
         enumerable: !1,
         configurable: !1
-      }), Object.defineProperty(r, "requestRender", {
+      }), Object.defineProperty(n, "requestRender", {
         value: () => this.requestRender(),
         writable: !1,
         enumerable: !1,
         configurable: !1
-      }), Object.defineProperty(r, "_requestRender", {
+      }), Object.defineProperty(n, "_requestRender", {
         value: () => this._requestRender(),
         writable: !1,
         enumerable: !1,
         configurable: !1
-      }), Object.defineProperty(r, "_componentId", {
+      }), Object.defineProperty(n, "_componentId", {
         value: this._componentId,
         writable: !1,
         enumerable: !1,
         configurable: !1
-      }), Object.defineProperty(r, "_triggerWatchers", {
+      }), Object.defineProperty(n, "_triggerWatchers", {
         value: (i, s) => this._triggerWatchers(i, s),
         writable: !1,
         enumerable: !1,
         configurable: !1
-      }), this.context = r, Object.defineProperty(this.context, "emit", {
+      }), this.context = n, Object.defineProperty(this.context, "emit", {
         value: (i, s, o) => {
           const a = new CustomEvent(i, {
             detail: s,
@@ -2615,11 +2627,11 @@ function Zt(e, t) {
         enumerable: !1,
         configurable: !1
       });
-      const n = $e.get(e) || t;
-      Object.keys(n).forEach((i) => {
-        const s = n[i];
+      const r = Te.get(e) || t;
+      Object.keys(r).forEach((i) => {
+        const s = r[i];
         typeof s == "function" && (this.context[i] = (...o) => s(...o, this.context));
-      }), this._applyComputed(n), n.props && Object.keys(n.props).forEach((i) => {
+      }), this._applyComputed(r), r.props && Object.keys(r.props).forEach((i) => {
         let s = this[i];
         Object.defineProperty(this, i, {
           get() {
@@ -2627,28 +2639,28 @@ function Zt(e, t) {
           },
           set(o) {
             const a = s;
-            s = o, this.context[i] = o, this._initializing || (this._applyProps(n), a !== o && this._requestRender());
+            s = o, this.context[i] = o, this._initializing || (this._applyProps(r), a !== o && this._requestRender());
           },
           enumerable: !0,
           configurable: !0
         });
-      }), this._initializing = !1, this._initWatchers(n), this._applyProps(n), this._render(n);
+      }), this._initializing = !1, this._initWatchers(r), this._applyProps(r), this._render(r);
     }
     connectedCallback() {
       this._runLogicWithinErrorBoundary(t, () => {
-        this._applyProps(t), this._requestRender(), bt(
+        this._applyProps(t), this._requestRender(), vt(
           t,
           this.context,
           this._mounted,
-          (r) => {
-            this._mounted = r;
+          (n) => {
+            this._mounted = n;
           }
         );
       });
     }
     disconnectedCallback() {
       this._runLogicWithinErrorBoundary(t, () => {
-        wt(
+        xt(
           t,
           this.context,
           this._listeners,
@@ -2658,52 +2670,52 @@ function Zt(e, t) {
           () => {
             this._watchers.clear();
           },
-          (r) => {
-            this._templateLoading = r;
+          (n) => {
+            this._templateLoading = n;
           },
-          (r) => {
-            this._templateError = r;
+          (n) => {
+            this._templateError = n;
           },
-          (r) => {
-            this._mounted = r;
+          (n) => {
+            this._mounted = n;
           }
         );
       });
     }
-    attributeChangedCallback(r, n, i) {
+    attributeChangedCallback(n, r, i) {
       this._runLogicWithinErrorBoundary(t, () => {
-        this._applyProps(t), n !== i && this._requestRender(), vt(
+        this._applyProps(t), r !== i && this._requestRender(), kt(
           t,
-          r,
           n,
+          r,
           i,
           this.context
         );
       });
     }
     static get observedAttributes() {
-      return t.props ? Object.keys(t.props).map(te) : [];
+      return t.props ? Object.keys(t.props).map(ne) : [];
     }
-    _applyComputed(r) {
+    _applyComputed(n) {
     }
     // --- Render ---
-    _render(r) {
-      this._runLogicWithinErrorBoundary(r, () => {
-        qt(
+    _render(n) {
+      this._runLogicWithinErrorBoundary(n, () => {
+        Jt(
           this.shadowRoot,
-          r,
+          n,
           this.context,
           this._refs,
-          (n) => {
-            this._lastHtmlStringForJitCSS = n, typeof this.onHtmlStringUpdate == "function" && this.onHtmlStringUpdate(n);
+          (r) => {
+            this._lastHtmlStringForJitCSS = r, typeof this.onHtmlStringUpdate == "function" && this.onHtmlStringUpdate(r);
           },
-          (n) => {
-            this._templateLoading = n, typeof this.onLoadingStateChange == "function" && this.onLoadingStateChange(n);
+          (r) => {
+            this._templateLoading = r, typeof this.onLoadingStateChange == "function" && this.onLoadingStateChange(r);
           },
-          (n) => {
-            this._templateError = n, typeof this.onErrorStateChange == "function" && this.onErrorStateChange(n);
+          (r) => {
+            this._templateError = r, typeof this.onErrorStateChange == "function" && this.onErrorStateChange(r);
           },
-          (n) => this._applyStyle(r, n)
+          (r) => this._applyStyle(n, r)
         );
       });
     }
@@ -2712,32 +2724,32 @@ function Zt(e, t) {
     }
     _requestRender() {
       this._runLogicWithinErrorBoundary(this._cfg, () => {
-        le(() => {
-          Ft(
+        fe(() => {
+          Zt(
             () => this._render(this._cfg),
             this._lastRenderTime,
             this._renderCount,
-            (r) => {
-              this._lastRenderTime = r;
+            (n) => {
+              this._lastRenderTime = n;
             },
-            (r) => {
-              this._renderCount = r;
+            (n) => {
+              this._renderCount = n;
             },
             this._renderTimeoutId,
-            (r) => {
-              this._renderTimeoutId = r;
+            (n) => {
+              this._renderTimeoutId = n;
             }
           );
         }, this._componentId);
       });
     }
     // --- Style ---
-    _applyStyle(r, n) {
-      this._runLogicWithinErrorBoundary(r, () => {
-        Kt(
+    _applyStyle(n, r) {
+      this._runLogicWithinErrorBoundary(n, () => {
+        Gt(
           this.shadowRoot,
           this.context,
-          n,
+          r,
           this._styleSheet,
           (i) => {
             this._styleSheet = i;
@@ -2746,21 +2758,21 @@ function Zt(e, t) {
       });
     }
     // --- Error Boundary function ---
-    _runLogicWithinErrorBoundary(r, n) {
+    _runLogicWithinErrorBoundary(n, r) {
       this._hasError && (this._hasError = !1);
       try {
-        n();
+        r();
       } catch (i) {
-        this._hasError = !0, r.onError && r.onError(i, this.context);
+        this._hasError = !0, n.onError && n.onError(i, this.context);
       }
     }
     // --- State, props, computed ---
-    _initContext(r) {
+    _initContext(n) {
       try {
-        let n = function(s, o = "") {
+        let r = function(s, o = "") {
           return Array.isArray(s) ? new Proxy(s, {
-            get(a, u, m) {
-              const g = Reflect.get(a, u, m);
+            get(a, u, y) {
+              const g = Reflect.get(a, u, y);
               return typeof g == "function" && typeof u == "string" && [
                 "push",
                 "pop",
@@ -2773,56 +2785,56 @@ function Zt(e, t) {
                 const l = g.apply(a, h);
                 if (!i._initializing) {
                   const d = o || "root";
-                  i._triggerWatchers(d, a), le(() => i._render(r), i._componentId);
+                  i._triggerWatchers(d, a), fe(() => i._render(n), i._componentId);
                 }
                 return l;
               } : g;
             },
-            set(a, u, m) {
-              if (a[u] = m, !i._initializing) {
+            set(a, u, y) {
+              if (a[u] = y, !i._initializing) {
                 const g = o ? `${o}.${String(u)}` : String(u);
-                i._triggerWatchers(g, m), le(() => i._render(r), i._componentId);
+                i._triggerWatchers(g, y), fe(() => i._render(n), i._componentId);
               }
               return !0;
             },
             deleteProperty(a, u) {
               if (delete a[u], !i._initializing) {
-                const m = o ? `${o}.${String(u)}` : String(u);
-                i._triggerWatchers(m, void 0), le(() => i._render(r), i._componentId);
+                const y = o ? `${o}.${String(u)}` : String(u);
+                i._triggerWatchers(y, void 0), fe(() => i._render(n), i._componentId);
               }
               return !0;
             }
           }) : s && typeof s == "object" ? s.constructor && s.constructor.name === "ReactiveState" ? s : (Object.keys(s).forEach((a) => {
             const u = o ? `${o}.${a}` : a;
-            s[a] = n(s[a], u);
+            s[a] = r(s[a], u);
           }), new Proxy(s, {
-            set(a, u, m) {
+            set(a, u, y) {
               const g = o ? `${o}.${String(u)}` : String(u);
-              return a[u] = n(m, g), i._initializing || (i._triggerWatchers(
+              return a[u] = r(y, g), i._initializing || (i._triggerWatchers(
                 g,
                 a[u]
-              ), le(() => i._render(r), i._componentId)), !0;
+              ), fe(() => i._render(n), i._componentId)), !0;
             },
-            get(a, u, m) {
-              return Reflect.get(a, u, m);
+            get(a, u, y) {
+              return Reflect.get(a, u, y);
             }
           })) : s;
         };
         const i = this;
-        return n({
+        return r({
           // For functional components, state is managed by state() function calls
           // Include prop defaults in initial reactive context so prop updates trigger reactivity
-          ...r.props ? Object.fromEntries(
-            Object.entries(r.props).map(([s, o]) => [s, o.default])
+          ...n.props ? Object.fromEntries(
+            Object.entries(n.props).map(([s, o]) => [s, o.default])
           ) : {}
         });
       } catch {
         return {};
       }
     }
-    _initWatchers(r) {
-      this._runLogicWithinErrorBoundary(r, () => {
-        ht(
+    _initWatchers(n) {
+      this._runLogicWithinErrorBoundary(n, () => {
+        yt(
           this.context,
           this._watchers,
           {}
@@ -2830,41 +2842,41 @@ function Zt(e, t) {
         );
       });
     }
-    _triggerWatchers(r, n) {
-      gt(this.context, this._watchers, r, n);
+    _triggerWatchers(n, r) {
+      mt(this.context, this._watchers, n, r);
     }
-    _applyProps(r) {
-      this._runLogicWithinErrorBoundary(r, () => {
+    _applyProps(n) {
+      this._runLogicWithinErrorBoundary(n, () => {
         try {
-          yt(this, r, this.context);
-        } catch (n) {
-          this._hasError = !0, r.onError && r.onError(n, this.context);
+          wt(this, n, this.context);
+        } catch (r) {
+          this._hasError = !0, n.onError && n.onError(r, this.context);
         }
       });
     }
   };
 }
-function Ye(e, t) {
-  let r = te(e);
-  r.includes("-") || (r = `cer-${r}`);
-  let n = {};
+function et(e, t) {
+  let n = ne(e);
+  n.includes("-") || (n = `cer-${n}`);
+  let r = {};
   if (typeof window < "u")
     try {
       const a = t.toString().match(/\(\s*{\s*([^}]+)\s*}/);
       if (a) {
-        const m = a[1].split(",").map((g) => g.trim());
-        for (const g of m) {
-          const w = g.indexOf("=");
-          if (w !== -1) {
-            const h = g.substring(0, w).trim(), l = g.substring(w + 1).trim();
+        const y = a[1].split(",").map((g) => g.trim());
+        for (const g of y) {
+          const b = g.indexOf("=");
+          if (b !== -1) {
+            const h = g.substring(0, b).trim(), l = g.substring(b + 1).trim();
             try {
-              l === "true" ? n[h] = !0 : l === "false" ? n[h] = !1 : l === "[]" ? n[h] = [] : l === "{}" ? n[h] = {} : /^\d+$/.test(l) ? n[h] = parseInt(l) : /^'.*'$/.test(l) || /^".*"$/.test(l) ? n[h] = l.slice(1, -1) : n[h] = l;
+              l === "true" ? r[h] = !0 : l === "false" ? r[h] = !1 : l === "[]" ? r[h] = [] : l === "{}" ? r[h] = {} : /^\d+$/.test(l) ? r[h] = parseInt(l) : /^'.*'$/.test(l) || /^".*"$/.test(l) ? r[h] = l.slice(1, -1) : r[h] = l;
             } catch {
-              n[h] = "";
+              r[h] = "";
             }
           } else {
             const h = g.split(":")[0].trim();
-            h && !h.includes("}") && (n[h] = "");
+            h && !h.includes("}") && (r[h] = "");
           }
         }
       }
@@ -2874,7 +2886,7 @@ function Ye(e, t) {
   const s = {
     // Generate props config from defaults
     props: Object.fromEntries(
-      Object.entries(n).map(([o, a]) => [o, { type: typeof a == "boolean" ? Boolean : typeof a == "number" ? Number : typeof a == "string" ? String : Function, default: a }])
+      Object.entries(r).map(([o, a]) => [o, { type: typeof a == "boolean" ? Boolean : typeof a == "number" ? Number : typeof a == "string" ? String : Function, default: a }])
     ),
     // Add lifecycle hooks from the stored functions
     onConnected: (o) => {
@@ -2883,55 +2895,55 @@ function Ye(e, t) {
     onDisconnected: (o) => {
       i.onDisconnected && i.onDisconnected();
     },
-    onAttributeChanged: (o, a, u, m) => {
+    onAttributeChanged: (o, a, u, y) => {
       i.onAttributeChanged && i.onAttributeChanged(o, a, u);
     },
     onError: (o, a) => {
       i.onError && o && i.onError(o);
     },
     render: (o) => {
-      const a = o._componentId || `${r}-${Math.random().toString(36).substr(2, 9)}`;
+      const a = o._componentId || `${n}-${Math.random().toString(36).substr(2, 9)}`;
       F.setCurrentComponent(a, () => {
         o.requestRender && o.requestRender();
       });
       try {
-        Vt(o);
-        const u = Object.keys(n).length > 0;
-        let m;
+        Xt(o);
+        const u = Object.keys(r).length > 0;
+        let y;
         if (u) {
           const g = {};
-          Object.keys(n).forEach((w) => {
-            g[w] = o[w] ?? n[w];
-          }), m = t(g);
+          Object.keys(r).forEach((b) => {
+            g[b] = o[b] ?? r[b];
+          }), y = t(g);
         } else
-          m = t();
+          y = t();
         if (o._hookCallbacks) {
           const g = o._hookCallbacks;
           g.onConnected && (i.onConnected = g.onConnected), g.onDisconnected && (i.onDisconnected = g.onDisconnected), g.onAttributeChanged && (i.onAttributeChanged = g.onAttributeChanged), g.onError && (i.onError = g.onError), g.style && (o._styleCallback = g.style);
         }
-        return m;
+        return y;
       } finally {
-        Jt(), F.clearCurrentComponent();
+        Yt(), F.clearCurrentComponent();
       }
     }
   };
-  $e.set(r, s), typeof window < "u" && (customElements.get(r) || customElements.define(r, Zt(r, s)));
+  Te.set(n, s), typeof window < "u" && (customElements.get(n) || customElements.define(n, Qt(n, s)));
 }
-class Gt {
+class en {
   map = /* @__PURE__ */ new Map();
   maxSize;
   constructor(t) {
     this.maxSize = t;
   }
   get(t) {
-    const r = this.map.get(t);
-    if (r !== void 0)
-      return this.map.delete(t), this.map.set(t, r), r;
+    const n = this.map.get(t);
+    if (n !== void 0)
+      return this.map.delete(t), this.map.set(t, n), n;
   }
-  set(t, r) {
-    if (this.map.has(t) && this.map.delete(t), this.map.set(t, r), this.map.size > this.maxSize) {
-      const n = this.map.keys().next().value;
-      n !== void 0 && this.map.delete(n);
+  set(t, n) {
+    if (this.map.has(t) && this.map.delete(t), this.map.set(t, n), this.map.size > this.maxSize) {
+      const r = this.map.keys().next().value;
+      r !== void 0 && this.map.delete(r);
     }
   }
   has(t) {
@@ -2941,8 +2953,8 @@ class Gt {
     this.map.clear();
   }
 }
-const We = new Gt(500);
-function Xt(e, t) {
+const De = new en(500);
+function tn(e, t) {
   if (e == null) {
     console.warn(
       `⚠️ Event handler for '@${t}' is ${e}. This will prevent the event from working. Use a function reference instead: @${t}="\${functionName}"`
@@ -2955,71 +2967,71 @@ function Xt(e, t) {
     `💡 Tip: If your event handler function returns undefined, make sure you're passing the function reference, not calling it. Use @${t}="\${fn}" not @${t}="\${fn()}"`
   );
 }
-function fe(e, t = {}, r, n) {
-  const i = n ?? t.key;
-  return { tag: e, key: i, props: t, children: r };
+function pe(e, t = {}, n, r) {
+  const i = r ?? t.key;
+  return { tag: e, key: i, props: t, children: n };
 }
-function Se(e) {
+function Ae(e) {
   return !!e && typeof e == "object" && (e.type === "AnchorBlock" || e.tag === "#anchor");
 }
-function ke(e) {
-  return typeof e == "object" && e !== null && "tag" in e && !Se(e);
+function _e(e) {
+  return typeof e == "object" && e !== null && "tag" in e && !Ae(e);
 }
-function Yt(e, t) {
+function nn(e, t) {
   return e.key != null ? e : { ...e, key: t };
 }
-function Qt(e, t = [], r = {}) {
-  const n = {}, i = {}, s = {}, o = [], a = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
+function rn(e, t = [], n = {}) {
+  const r = {}, i = {}, s = {}, o = [], a = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
   let u;
   for (; u = a.exec(e); ) {
-    const m = u[1], g = u[2], w = (u[4] || u[6]) ?? "", h = w.match(/^{{(\d+)}}$/);
-    let l = h ? t[Number(h[1])] ?? null : w;
+    const y = u[1], g = u[2], b = (u[4] || u[6]) ?? "", h = b.match(/^{{(\d+)}}$/);
+    let l = h ? t[Number(h[1])] ?? null : b;
     h || (l === "true" ? l = !0 : l === "false" ? l = !1 : l === "null" ? l = null : isNaN(Number(l)) || (l = Number(l)));
     const d = ["model", "bind", "show", "class", "style", "ref"];
-    if (m === ":") {
-      const [v, b] = g.split(":"), [c, ...p] = v.split(".");
+    if (y === ":") {
+      const [v, w] = g.split(":"), [c, ...p] = v.split(".");
       if (d.includes(c)) {
-        const y = [...p], C = c === "model" && b ? `model:${b}` : c;
+        const m = [...p], C = c === "model" && w ? `model:${w}` : c;
         s[C] = {
           value: l,
-          modifiers: y,
-          arg: b
+          modifiers: m,
+          arg: w
         };
       } else {
-        let y = l;
-        y && typeof y == "object" && y.constructor?.name === "ReactiveState" && (y = y.value), i[g] = y, o.push(g);
+        let m = l;
+        m && ee(m) && (m = m.value), i[g] = m, o.push(g);
       }
-    } else if (m === "@") {
-      const [v, ...b] = g.split("."), c = b;
-      Xt(l, v);
-      const p = typeof l == "function" ? l : typeof r[l] == "function" ? r[l] : void 0;
+    } else if (y === "@") {
+      const [v, ...w] = g.split("."), c = w;
+      tn(l, v);
+      const p = typeof l == "function" ? l : typeof n[l] == "function" ? n[l] : void 0;
       if (p) {
-        const y = (k) => {
+        const m = (k) => {
           if (c.includes("prevent") && k.preventDefault(), c.includes("stop") && k.stopPropagation(), !(c.includes("self") && k.target !== k.currentTarget))
-            return c.includes("once") && k.currentTarget?.removeEventListener(v, y), p(k);
+            return c.includes("once") && k.currentTarget?.removeEventListener(v, m), p(k);
         }, C = "on" + v.charAt(0).toUpperCase() + v.slice(1);
-        n[C] = y;
+        r[C] = m;
       }
-    } else g === "ref" ? n.ref = l : i[g] = l;
+    } else g === "ref" ? r.ref = l : i[g] = l;
   }
-  return { props: n, attrs: i, directives: s, bound: o };
+  return { props: r, attrs: i, directives: s, bound: o };
 }
-function er(e, t, r) {
-  const n = pe.length > 0 ? pe[pe.length - 1] : void 0, i = r ?? n, s = !r && t.length === 0, o = s ? e.join("<!--TEMPLATE_DELIM-->") : null;
+function sn(e, t, n) {
+  const r = ge.length > 0 ? ge[ge.length - 1] : void 0, i = n ?? r, s = !n && t.length === 0, o = s ? e.join("<!--TEMPLATE_DELIM-->") : null;
   if (s && o) {
-    const f = We.get(o);
+    const f = De.get(o);
     if (f) return f;
   }
   function a(f, x) {
-    return fe("#text", {}, f, x);
+    return pe("#text", {}, f, x);
   }
   let u = "";
   for (let f = 0; f < e.length; f++)
     u += e[f], f < t.length && (u += `{{${f}}}`);
-  const m = /<!--[\s\S]*?-->|<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, g = [];
-  let w, h = [], l = null, d = {}, v, b = 0, c = [];
+  const y = /<!--[\s\S]*?-->|<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, g = [];
+  let b, h = [], l = null, d = {}, v, w = 0, c = [];
   function p(f) {
-    !f || typeof f != "object" || Se(f) || (f.props || f.attrs ? (f.props && (d.props || (d.props = {}), Object.assign(d.props, f.props)), f.attrs && (d.attrs || (d.attrs = {}), Object.keys(f.attrs).forEach((x) => {
+    !f || typeof f != "object" || Ae(f) || (f.props || f.attrs ? (f.props && (d.props || (d.props = {}), Object.assign(d.props, f.props)), f.attrs && (d.attrs || (d.attrs = {}), Object.keys(f.attrs).forEach((x) => {
       if (x === "style" && d.attrs.style) {
         const A = d.attrs.style.replace(
           /;?\s*$/,
@@ -3027,35 +3039,35 @@ function er(e, t, r) {
         ), _ = f.attrs.style.replace(/^;?\s*/, "");
         d.attrs.style = A + "; " + _;
       } else if (x === "class" && d.attrs.class) {
-        const A = d.attrs.class.trim().split(/\s+/).filter(Boolean), _ = f.attrs.class.trim().split(/\s+/).filter(Boolean), S = [
+        const A = d.attrs.class.trim().split(/\s+/).filter(Boolean), _ = f.attrs.class.trim().split(/\s+/).filter(Boolean), $ = [
           .../* @__PURE__ */ new Set([...A, ..._])
         ];
-        d.attrs.class = S.join(" ");
+        d.attrs.class = $.join(" ");
       } else
         d.attrs[x] = f.attrs[x];
     }))) : (d.props || (d.props = {}), Object.assign(d.props, f)));
   }
-  function y(f, x) {
+  function m(f, x) {
     const A = l ? h : c;
-    if (Se(f)) {
+    if (Ae(f)) {
       const _ = f.key ?? x;
-      let S = f.children;
+      let $ = f.children;
       A.push({
         ...f,
         key: _,
-        children: S
+        children: $
       });
       return;
     }
-    if (ke(f)) {
-      A.push(Yt(f, void 0));
+    if (_e(f)) {
+      A.push(nn(f, void 0));
       return;
     }
     if (Array.isArray(f)) {
       if (f.length === 0) return;
       for (let _ = 0; _ < f.length; _++) {
-        const S = f[_];
-        Se(S) || ke(S) || Array.isArray(S) ? y(S, `${x}-${_}`) : S !== null && typeof S == "object" ? p(S) : A.push(a(String(S), `${x}-${_}`));
+        const $ = f[_];
+        Ae($) || _e($) || Array.isArray($) ? m($, `${x}-${_}`) : $ !== null && typeof $ == "object" ? p($) : A.push(a(String($), `${x}-${_}`));
       }
       return;
     }
@@ -3081,20 +3093,20 @@ function er(e, t, r) {
     "track",
     "wbr"
   ]);
-  for (; w = m.exec(u); )
-    if (!(w[0].startsWith("<!--") && w[0].endsWith("-->"))) {
-      if (w[1]) {
-        const f = w[1], x = w[0][1] === "/", A = w[0][w[0].length - 2] === "/" || C.has(f), {
+  for (; b = y.exec(u); )
+    if (!(b[0].startsWith("<!--") && b[0].endsWith("-->"))) {
+      if (b[1]) {
+        const f = b[1], x = b[0][1] === "/", A = b[0][b[0].length - 2] === "/" || C.has(f), {
           props: _,
-          attrs: S,
-          directives: R,
-          bound: T
-        } = Qt(w[2] || "", t, i), $ = { props: {}, attrs: {} };
-        for (const P in _) $.props[P] = _[P];
-        for (const P in S) $.attrs[P] = S[P];
-        if ($.attrs && Object.prototype.hasOwnProperty.call($.attrs, "key") && !($.props && Object.prototype.hasOwnProperty.call($.props, "key")))
+          attrs: $,
+          directives: T,
+          bound: R
+        } = rn(b[2] || "", t, i), S = { props: {}, attrs: {} };
+        for (const P in _) S.props[P] = _[P];
+        for (const P in $) S.attrs[P] = $[P];
+        if (S.attrs && Object.prototype.hasOwnProperty.call(S.attrs, "key") && !(S.props && Object.prototype.hasOwnProperty.call(S.props, "key")))
           try {
-            $.props.key = $.attrs.key;
+            S.props.key = S.attrs.key;
           } catch {
           }
         try {
@@ -3107,188 +3119,188 @@ function er(e, t, r) {
             audio: ["muted", "autoplay", "controls", "loop"],
             img: ["src", "alt", "width", "height"],
             button: ["type", "name", "value", "disabled", "autofocus", "form"]
-          }, B = f.toLowerCase(), J = P[B] ?? [];
-          if ($.attrs) {
-            for (const K of J)
-              if (T && T.includes(K) && K in $.attrs && !($.props && K in $.props)) {
-                let L = $.attrs[K];
-                L && typeof L == "object" && L.constructor?.name === "ReactiveState" && (L = L.value), $.props[K] = L, delete $.attrs[K];
+          }, B = f.toLowerCase(), V = P[B] ?? [];
+          if (S.attrs) {
+            for (const K of V)
+              if (R && R.includes(K) && K in S.attrs && !(S.props && K in S.props)) {
+                let L = S.attrs[K];
+                L && ee(L) && (L = L.value), S.props[K] = L, delete S.attrs[K];
               }
           }
-          if ((f.includes("-") || !!i?.__customElements?.has?.(f)) && ($.isCustomElement = !0, T && $.attrs)) {
+          if ((f.includes("-") || !!i?.__customElements?.has?.(f)) && (S.isCustomElement = !0, R && S.attrs)) {
             const K = /* @__PURE__ */ new Set(["id", "name", "data-key", "key"]);
-            for (const L of T)
-              if (L in $.attrs && !($.props && L in $.props)) {
-                const j = L.includes("-") ? L.split("-").map((Z, W) => W === 0 ? Z : Z.charAt(0).toUpperCase() + Z.slice(1)).join("") : L;
-                let V = $.attrs[L];
-                V && typeof V == "object" && V.constructor?.name === "ReactiveState" && (V = V.value), $.props[j] = V, K.has(L) || delete $.attrs[L];
+            for (const L of R)
+              if (L in S.attrs && !(S.props && L in S.props)) {
+                const M = L.includes("-") ? L.split("-").map((Z, z) => z === 0 ? Z : Z.charAt(0).toUpperCase() + Z.slice(1)).join("") : L;
+                let J = S.attrs[L];
+                J && ee(J) && (J = J.value), S.props[M] = J, K.has(L) || delete S.attrs[L];
               }
           }
         } catch {
         }
-        if (R && Object.keys(R).some((P) => P === "model" || P.startsWith("model:")))
+        if (T && Object.keys(T).some((P) => P === "model" || P.startsWith("model:")))
           try {
-            const P = Symbol.for("cer.registry"), B = globalThis[P], J = !!(B && typeof B.has == "function" && B.has(f)), ye = !!(i && (i.__customElements instanceof Set && i.__customElements.has(f) || Array.isArray(i.__isCustomElements) && i.__isCustomElements.includes(f)));
-            if (!!(f.includes("-") || ye || J))
-              for (const j of Object.keys(R)) {
-                if (j !== "model" && !j.startsWith("model:")) continue;
-                const V = R[j], Z = V.arg ?? (j.includes(":") ? j.split(":", 2)[1] : void 0), W = V.value, E = Z ?? "modelValue", U = H, D = Ce, z = i ? i._state || i : void 0;
+            const P = Symbol.for("cer.registry"), B = globalThis[P], V = !!(B && typeof B.has == "function" && B.has(f)), we = !!(i && (i.__customElements instanceof Set && i.__customElements.has(f) || Array.isArray(i.__isCustomElements) && i.__isCustomElements.includes(f)));
+            if (!!(f.includes("-") || we || V))
+              for (const M of Object.keys(T)) {
+                if (M !== "model" && !M.startsWith("model:")) continue;
+                const J = T[M], Z = J.arg ?? (M.includes(":") ? M.split(":", 2)[1] : void 0), z = J.value, E = Z ?? "modelValue", U = H, D = Ee, W = i ? i._state || i : void 0;
                 let O;
-                typeof W == "string" && i ? O = U(z, W) : (O = W, O && typeof O == "object" && O.constructor?.name === "ReactiveState" && (O = O.value)), $.props[E] = O;
+                typeof z == "string" && i ? O = U(W, z) : (O = z, O && ee(O) && (O = O.value)), S.props[E] = O;
                 try {
-                  const re = te(E);
-                  $.attrs || ($.attrs = {}), O !== void 0 && ($.attrs[re] = O);
+                  const re = ne(E);
+                  S.attrs || (S.attrs = {}), O !== void 0 && (S.attrs[re] = O);
                 } catch {
                 }
-                $.isCustomElement = !0;
-                const Be = `update:${te(E)}`.replace(/-([a-z])/g, (re, Y) => Y.toUpperCase()), ct = "on" + Be.charAt(0).toUpperCase() + Be.slice(1);
-                $.props[ct] = function(re) {
+                S.isCustomElement = !0;
+                const qe = `update:${ne(E)}`.replace(/-([a-z])/g, (re, Y) => Y.toUpperCase()), ut = "on" + qe.charAt(0).toUpperCase() + qe.slice(1);
+                S.props[ut] = function(re) {
                   const Y = re.detail !== void 0 ? re.detail : re.target ? re.target.value : void 0;
-                  if (z)
-                    if (W && typeof W == "object" && W.constructor?.name === "ReactiveState") {
-                      const oe = W.value;
-                      (Array.isArray(Y) && Array.isArray(oe) ? JSON.stringify([...Y].sort()) !== JSON.stringify([...oe].sort()) : Y !== oe) && (W.value = Y, i?.requestRender ? i.requestRender() : i?._requestRender && i._requestRender());
+                  if (W)
+                    if (z && ee(z)) {
+                      const ae = z.value;
+                      (Array.isArray(Y) && Array.isArray(ae) ? JSON.stringify([...Y].sort()) !== JSON.stringify([...ae].sort()) : Y !== ae) && (z.value = Y, i?.requestRender ? i.requestRender() : i?._requestRender && i._requestRender());
                     } else {
-                      const oe = U(z, typeof W == "string" ? W : String(W));
-                      (Array.isArray(Y) && Array.isArray(oe) ? JSON.stringify([...Y].sort()) !== JSON.stringify([...oe].sort()) : Y !== oe) && (D(z, typeof W == "string" ? W : String(W), Y), i?.requestRender ? i.requestRender() : i?._requestRender && i._requestRender());
+                      const ae = U(W, typeof z == "string" ? z : String(z));
+                      (Array.isArray(Y) && Array.isArray(ae) ? JSON.stringify([...Y].sort()) !== JSON.stringify([...ae].sort()) : Y !== ae) && (D(W, typeof z == "string" ? z : String(z), Y), i?.requestRender ? i.requestRender() : i?._requestRender && i._requestRender());
                     }
-                }, delete R[j];
+                }, delete T[M];
               }
           } catch {
           }
-        if (Object.keys(R).length > 0 && ($.directives = { ...R }), x) {
-          const P = fe(
+        if (Object.keys(T).length > 0 && (S.directives = { ...T }), x) {
+          const P = pe(
             l,
             d,
-            h.length === 1 && ke(h[0]) && h[0].tag === "#text" ? typeof h[0].children == "string" ? h[0].children : "" : h.length ? h : void 0,
+            h.length === 1 && _e(h[0]) && h[0].tag === "#text" ? typeof h[0].children == "string" ? h[0].children : "" : h.length ? h : void 0,
             v
           ), B = g.pop();
           B ? (l = B.tag, d = B.props, v = B.key, h = B.children, h.push(P)) : (c.push(P), l = null, d = {}, v = void 0, h = []);
-        } else A ? l ? h.push(fe(f, $, void 0, void 0)) : c.push(fe(f, $, void 0, void 0)) : (l && g.push({
+        } else A ? l ? h.push(pe(f, S, void 0, void 0)) : c.push(pe(f, S, void 0, void 0)) : (l && g.push({
           tag: l,
           props: d,
           children: h,
           key: v
-        }), l = f, d = $, h = []);
-      } else if (typeof w[3] < "u") {
-        const f = Number(w[3]), x = t[f], A = `interp-${f}`;
-        y(x, A);
-      } else if (w[4]) {
-        const f = w[4], x = l ? h : c, A = f.split(/({{\d+}})/);
+        }), l = f, d = S, h = []);
+      } else if (typeof b[3] < "u") {
+        const f = Number(b[3]), x = t[f], A = `interp-${f}`;
+        m(x, A);
+      } else if (b[4]) {
+        const f = b[4], x = l ? h : c, A = f.split(/({{\d+}})/);
         for (const _ of A) {
           if (!_) continue;
-          const S = _.match(/^{{(\d+)}}$/);
-          if (S) {
-            const R = Number(S[1]), T = t[R], $ = `interp-${R}`;
-            y(T, $);
+          const $ = _.match(/^{{(\d+)}}$/);
+          if ($) {
+            const T = Number($[1]), R = t[T], S = `interp-${T}`;
+            m(R, S);
           } else {
-            const R = `text-${b++}`;
-            x.push(a(_, R));
+            const T = `text-${w++}`;
+            x.push(a(_, T));
           }
         }
       }
     }
-  const k = c.filter((f) => ke(f) && f.tag === "#text" ? typeof f.children == "string" && f.children.trim() !== "" : !0);
+  const k = c.filter((f) => _e(f) && f.tag === "#text" ? typeof f.children == "string" && f.children.trim() !== "" : !0);
   if (k.length === 1) {
     const f = k[0];
-    return s && o && We.set(o, f), f;
+    return s && o && De.set(o, f), f;
   } else if (k.length > 1) {
     const f = k;
-    return s && o && We.set(o, f), f;
+    return s && o && De.set(o, f), f;
   }
-  return fe("div", {}, "", "fallback-root");
+  return pe("div", {}, "", "fallback-root");
 }
-function ae(e, ...t) {
-  const r = t[t.length - 1], n = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
-  return er(e, t, n);
+function ce(e, ...t) {
+  const n = t[t.length - 1], r = typeof n == "object" && n && !Array.isArray(n) ? n : void 0;
+  return sn(e, t, r);
 }
-function Ae(e, t) {
-  return M(e ? t : [], "when-block");
+function Re(e, t) {
+  return j(e ? t : [], "when-block");
 }
-function gr(e, t) {
-  return e.map((r, n) => {
-    const i = typeof r == "object" ? r?.key ?? r?.id ?? `idx-${n}` : String(r);
-    return M(t(r, n), `each-${i}`);
+function vn(e, t) {
+  return e.map((n, r) => {
+    const i = typeof n == "object" ? n?.key ?? n?.id ?? `idx-${r}` : String(n);
+    return j(t(n, r), `each-${i}`);
   });
 }
-function tr() {
+function on() {
   const e = [];
   return {
-    when(t, r) {
-      return e.push([t, r]), this;
+    when(t, n) {
+      return e.push([t, n]), this;
     },
     otherwise(t) {
       return e.push([!0, t]), this;
     },
     done() {
-      return rr(...e);
+      return an(...e);
     }
   };
 }
-function rr(...e) {
+function an(...e) {
   for (let t = 0; t < e.length; t++) {
-    const [r, n] = e[t];
-    if (r) return [M(n, `whenChain-branch-${t}`)];
+    const [n, r] = e[t];
+    if (n) return [j(r, `whenChain-branch-${t}`)];
   }
-  return [M([], "whenChain-empty")];
+  return [j([], "whenChain-empty")];
 }
-function M(e, t) {
-  const r = e ? Array.isArray(e) ? e.filter(Boolean) : [e].filter(Boolean) : [];
+function j(e, t) {
+  const n = e ? Array.isArray(e) ? e.filter(Boolean) : [e].filter(Boolean) : [];
   return {
     tag: "#anchor",
     key: t,
-    children: r
+    children: n
   };
 }
-function mr(e, t) {
-  return Ae(!e, t);
+function xn(e, t) {
+  return Re(!e, t);
 }
-function yr(e, t) {
-  const r = !e || e.length === 0;
-  return Ae(r, t);
+function kn(e, t) {
+  const n = !e || e.length === 0;
+  return Re(n, t);
 }
-function br(e, t) {
-  const r = !!(e && e.length > 0);
-  return Ae(r, t);
+function Cn(e, t) {
+  const n = !!(e && e.length > 0);
+  return Re(n, t);
 }
-function wr(e, t, r) {
-  const n = [];
+function _n(e, t, n) {
+  const r = [];
   return e.forEach((i, s) => {
-    t(i, s) && n.push({ item: i, originalIndex: s });
-  }), n.map(({ item: i, originalIndex: s }, o) => {
+    t(i, s) && r.push({ item: i, originalIndex: s });
+  }), r.map(({ item: i, originalIndex: s }, o) => {
     const a = typeof i == "object" && i != null ? i?.key ?? i?.id ?? `filtered-${s}` : `filtered-${s}`;
-    return M(r(i, s, o), `each-where-${a}`);
+    return j(n(i, s, o), `each-where-${a}`);
   });
 }
-function vr(e, t) {
-  const r = e?.length ?? 0;
-  return r === 0 && t.empty ? M(t.empty, "switch-length-empty") : r === 1 && t.one ? M(t.one(e[0]), "switch-length-one") : t.exactly?.[r] ? M(t.exactly[r](e), `switch-length-${r}`) : r > 1 && t.many ? M(t.many(e), "switch-length-many") : M([], "switch-length-fallback");
+function En(e, t) {
+  const n = e?.length ?? 0;
+  return n === 0 && t.empty ? j(t.empty, "switch-length-empty") : n === 1 && t.one ? j(t.one(e[0]), "switch-length-one") : t.exactly?.[n] ? j(t.exactly[n](e), `switch-length-${n}`) : n > 1 && t.many ? j(t.many(e), "switch-length-many") : j([], "switch-length-fallback");
 }
-function xr(e, t, r) {
-  const n = /* @__PURE__ */ new Map();
+function $n(e, t, n) {
+  const r = /* @__PURE__ */ new Map();
   return e.forEach((i) => {
     const s = t(i);
-    n.has(s) || n.set(s, []), n.get(s).push(i);
-  }), Array.from(n.entries()).map(([i, s], o) => M(
-    r(i, s, o),
+    r.has(s) || r.set(s, []), r.get(s).push(i);
+  }), Array.from(r.entries()).map(([i, s], o) => j(
+    n(i, s, o),
     `each-group-${i}`
   ));
 }
-function kr(e, t, r, n) {
-  const i = r * t, s = Math.min(i + t, e.length);
+function Sn(e, t, n, r) {
+  const i = n * t, s = Math.min(i + t, e.length);
   return e.slice(i, s).map((a, u) => {
-    const m = i + u, g = typeof a == "object" && a != null ? a?.key ?? a?.id ?? `page-${m}` : `page-${m}`;
-    return M(n(a, m, u), `each-page-${g}`);
+    const y = i + u, g = typeof a == "object" && a != null ? a?.key ?? a?.id ?? `page-${y}` : `page-${y}`;
+    return j(r(a, y, u), `each-page-${g}`);
   });
 }
-function Cr(e, t) {
-  return e.loading && t.loading ? M(t.loading, "promise-loading") : e.error && t.error ? M(t.error(e.error), "promise-error") : e.data !== void 0 && t.success ? M(t.success(e.data), "promise-success") : t.idle ? M(t.idle, "promise-idle") : M([], "promise-fallback");
+function An(e, t) {
+  return e.loading && t.loading ? j(t.loading, "promise-loading") : e.error && t.error ? j(t.error(e.error), "promise-error") : e.data !== void 0 && t.success ? j(t.success(e.data), "promise-success") : t.idle ? j(t.idle, "promise-idle") : j([], "promise-fallback");
 }
 function q(e, t) {
-  const r = typeof window < "u" && window.matchMedia?.(e)?.matches;
-  return Ae(!!r, t);
+  const n = typeof window < "u" && window.matchMedia?.(e)?.matches;
+  return Re(!!n, t);
 }
-const ee = {
+const te = {
   // Responsive breakpoints (matching style.ts)
   sm: "(min-width:640px)",
   md: "(min-width:768px)",
@@ -3297,15 +3309,15 @@ const ee = {
   "2xl": "(min-width:1536px)",
   // Dark mode (matching style.ts)
   dark: "(prefers-color-scheme: dark)"
-}, at = ["sm", "md", "lg", "xl", "2xl"], nr = {
+}, lt = ["sm", "md", "lg", "xl", "2xl"], cn = {
   // Breakpoint-based rendering (matching style.ts exactly)
-  sm: (e) => q(ee.sm, e),
-  md: (e) => q(ee.md, e),
-  lg: (e) => q(ee.lg, e),
-  xl: (e) => q(ee.xl, e),
-  "2xl": (e) => q(ee["2xl"], e),
+  sm: (e) => q(te.sm, e),
+  md: (e) => q(te.md, e),
+  lg: (e) => q(te.lg, e),
+  xl: (e) => q(te.xl, e),
+  "2xl": (e) => q(te["2xl"], e),
   // Dark mode (matching style.ts)
-  dark: (e) => q(ee.dark, e),
+  dark: (e) => q(te.dark, e),
   light: (e) => q("(prefers-color-scheme: light)", e),
   // Accessibility and interaction preferences
   touch: (e) => q("(hover: none) and (pointer: coarse)", e),
@@ -3316,48 +3328,48 @@ const ee = {
   portrait: (e) => q("(orientation: portrait)", e),
   landscape: (e) => q("(orientation: landscape)", e)
 };
-function _r(e, t) {
-  const r = [];
-  e.includes("dark") ? r.push(ee.dark) : e.includes("light") && r.push("(prefers-color-scheme: light)");
-  const n = e.filter(
-    (o) => at.includes(o)
-  ), i = n[n.length - 1];
-  i && i in ee && r.push(ee[i]);
-  const s = r.length > 0 ? r.join(" and ") : "all";
+function Tn(e, t) {
+  const n = [];
+  e.includes("dark") ? n.push(te.dark) : e.includes("light") && n.push("(prefers-color-scheme: light)");
+  const r = e.filter(
+    (o) => lt.includes(o)
+  ), i = r[r.length - 1];
+  i && i in te && n.push(te[i]);
+  const s = n.length > 0 ? n.join(" and ") : "all";
   return q(s, t);
 }
-function Er(e) {
+function Rn(e) {
   const t = [];
-  return e.base && t.push(M(e.base, "responsive-base")), at.forEach((r) => {
-    const n = e[r];
-    n && t.push(nr[r](n));
+  return e.base && t.push(j(e.base, "responsive-base")), lt.forEach((n) => {
+    const r = e[n];
+    r && t.push(cn[n](r));
   }), t;
 }
-function Sr(e) {
+function On(e) {
   const t = [];
-  let r = null;
+  let n = null;
   return {
-    case(n, i) {
-      const s = typeof n == "function" ? n : (o) => o === n;
+    case(r, i) {
+      const s = typeof r == "function" ? r : (o) => o === r;
       return t.push({ condition: s, content: i }), this;
     },
-    when(n, i) {
-      return t.push({ condition: n, content: i }), this;
+    when(r, i) {
+      return t.push({ condition: r, content: i }), this;
     },
-    otherwise(n) {
-      return r = n, this;
+    otherwise(r) {
+      return n = r, this;
     },
     done() {
-      for (let n = 0; n < t.length; n++) {
-        const { condition: i, content: s } = t[n];
+      for (let r = 0; r < t.length; r++) {
+        const { condition: i, content: s } = t[r];
         if (i(e))
-          return M(s, `switch-case-${n}`);
+          return j(s, `switch-case-${r}`);
       }
-      return M(r || [], "switch-otherwise");
+      return j(n || [], "switch-otherwise");
     }
   };
 }
-class ue extends EventTarget {
+class de extends EventTarget {
   handlers = {};
   static instance;
   eventCounters = /* @__PURE__ */ new Map();
@@ -3365,21 +3377,21 @@ class ue extends EventTarget {
    * Returns the singleton instance of GlobalEventBus
    */
   static getInstance() {
-    return ue.instance || (ue.instance = new ue()), ue.instance;
+    return de.instance || (de.instance = new de()), de.instance;
   }
   /**
    * Emit a global event with optional data. Includes event storm protection.
    * @param eventName - Name of the event
    * @param data - Optional event payload
    */
-  emit(t, r) {
-    const n = Date.now(), i = this.eventCounters.get(t);
-    if (!i || n - i.window > 1e3)
-      this.eventCounters.set(t, { count: 1, window: n });
+  emit(t, n) {
+    const r = Date.now(), i = this.eventCounters.get(t);
+    if (!i || r - i.window > 1e3)
+      this.eventCounters.set(t, { count: 1, window: r });
     else if (i.count++, i.count > 50 && i.count > 100)
       return;
     this.dispatchEvent(new CustomEvent(t, {
-      detail: r,
+      detail: n,
       bubbles: !1,
       // Global events don't need to bubble
       cancelable: !0
@@ -3387,9 +3399,9 @@ class ue extends EventTarget {
     const s = this.handlers[t];
     s && s.forEach((o) => {
       try {
-        o(r);
+        o(n);
       } catch (a) {
-        ie(`Error in global event handler for "${t}":`, a);
+        se(`Error in global event handler for "${t}":`, a);
       }
     });
   }
@@ -3398,17 +3410,17 @@ class ue extends EventTarget {
    * @param eventName - Name of the event
    * @param handler - Handler function
    */
-  on(t, r) {
-    return this.handlers[t] || (this.handlers[t] = /* @__PURE__ */ new Set()), this.handlers[t].add(r), () => this.off(t, r);
+  on(t, n) {
+    return this.handlers[t] || (this.handlers[t] = /* @__PURE__ */ new Set()), this.handlers[t].add(n), () => this.off(t, n);
   }
   /**
    * Remove a specific handler for a global event.
    * @param eventName - Name of the event
    * @param handler - Handler function to remove
    */
-  off(t, r) {
-    const n = this.handlers[t];
-    n && n.delete(r);
+  off(t, n) {
+    const r = this.handlers[t];
+    r && r.delete(n);
   }
   /**
    * Remove all handlers for a specific event.
@@ -3423,18 +3435,18 @@ class ue extends EventTarget {
    * @param handler - CustomEvent handler
    * @param options - AddEventListener options
    */
-  listen(t, r, n) {
-    return this.addEventListener(t, r, n), () => this.removeEventListener(t, r);
+  listen(t, n, r) {
+    return this.addEventListener(t, n, r), () => this.removeEventListener(t, n);
   }
   /**
    * Register a one-time event handler. Returns a promise that resolves with the event data.
    * @param eventName - Name of the event
    * @param handler - Handler function
    */
-  once(t, r) {
-    return new Promise((n) => {
+  once(t, n) {
+    return new Promise((r) => {
       const i = this.on(t, (s) => {
-        i(), r(s), n(s);
+        i(), n(s), r(s);
       });
     });
   }
@@ -3464,10 +3476,10 @@ class ue extends EventTarget {
    */
   getEventStats() {
     const t = {};
-    for (const [r, n] of this.eventCounters.entries())
-      t[r] = {
-        count: n.count,
-        handlersCount: this.getHandlerCount(r)
+    for (const [n, r] of this.eventCounters.entries())
+      t[n] = {
+        count: r.count,
+        handlersCount: this.getHandlerCount(n)
       };
     return t;
   }
@@ -3478,12 +3490,12 @@ class ue extends EventTarget {
     this.eventCounters.clear();
   }
 }
-const me = ue.getInstance(), $r = (e, t) => me.emit(e, t), Ar = (e, t) => me.on(e, t), Rr = (e, t) => me.off(e, t), Tr = (e, t) => me.once(e, t), Or = (e, t, r) => me.listen(e, t, r);
-function Qe(e) {
+const be = de.getInstance(), Pn = (e, t) => be.emit(e, t), Ln = (e, t) => be.on(e, t), Mn = (e, t) => be.off(e, t), jn = (e, t) => be.once(e, t), Nn = (e, t, n) => be.listen(e, t, n);
+function tt(e) {
   let t = { ...e };
-  const r = [];
-  function n(a) {
-    r.push(a), a(t);
+  const n = [];
+  function r(a) {
+    n.push(a), a(t);
   }
   function i() {
     return t;
@@ -3493,129 +3505,129 @@ function Qe(e) {
     t = { ...t, ...u }, o();
   }
   function o() {
-    r.forEach((a) => a(t));
+    n.forEach((a) => a(t));
   }
-  return { subscribe: n, getState: i, setState: s };
+  return { subscribe: r, getState: i, setState: s };
 }
-const et = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, Q = (e, t) => {
-  for (const r of e) {
-    const n = [], i = r.path.replace(/:[^/]+/g, (a) => (n.push(a.slice(1)), "([^/]+)")), s = new RegExp(`^${i}$`), o = t.match(s);
+const nt = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, Q = (e, t) => {
+  for (const n of e) {
+    const r = [], i = n.path.replace(/:[^/]+/g, (a) => (r.push(a.slice(1)), "([^/]+)")), s = new RegExp(`^${i}$`), o = t.match(s);
     if (o) {
       const a = {};
-      return n.forEach((u, m) => {
-        a[u] = o[m + 1];
-      }), { route: r, params: a };
+      return r.forEach((u, y) => {
+        a[u] = o[y + 1];
+      }), { route: n, params: a };
     }
   }
   return { route: null, params: {} };
-}, ze = {};
-async function ir(e) {
+}, Ie = {};
+async function ln(e) {
   if (e.component) return e.component;
   if (e.load) {
-    if (ze[e.path]) return ze[e.path];
+    if (Ie[e.path]) return Ie[e.path];
     try {
       const t = await e.load();
-      return ze[e.path] = t.default, t.default;
+      return Ie[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 sr(e) {
-  const { routes: t, base: r = "", initialUrl: n } = e;
-  let i, s, o, a, u, m, g;
-  const w = async (v, b) => {
+function un(e) {
+  const { routes: t, base: n = "", initialUrl: r } = e;
+  let i, s, o, a, u, y, g;
+  const b = async (v, w) => {
     const c = t.find((p) => Q([p], v.path).route !== null);
     if (c?.beforeEnter)
       try {
-        const p = await c.beforeEnter(v, b);
+        const p = await c.beforeEnter(v, w);
         return typeof p == "string" ? (await d(p, !0), !1) : p !== !1;
       } catch (p) {
-        return ie("beforeEnter error", p), !1;
+        return se("beforeEnter error", p), !1;
       }
     return !0;
-  }, h = async (v, b) => {
+  }, h = async (v, w) => {
     const c = t.find((p) => Q([p], v.path).route !== null);
     if (c?.onEnter)
       try {
-        const p = await c.onEnter(v, b);
+        const p = await c.onEnter(v, w);
         return typeof p == "string" ? (await d(p, !0), !1) : p !== !1;
       } catch (p) {
-        return ie("onEnter error", p), !1;
+        return se("onEnter error", p), !1;
       }
     return !0;
-  }, l = (v, b) => {
+  }, l = (v, w) => {
     const c = t.find((p) => Q([p], v.path).route !== null);
     if (c?.afterEnter)
       try {
-        c.afterEnter(v, b);
+        c.afterEnter(v, w);
       } catch (p) {
-        ie("afterEnter error", p);
+        se("afterEnter error", p);
       }
-  }, d = async (v, b = !1) => {
+  }, d = async (v, w = !1) => {
     try {
       const c = {
-        path: v.replace(r, "") || "/",
+        path: v.replace(n, "") || "/",
         query: {}
       }, p = Q(t, c.path);
       if (!p) throw new Error(`No route found for ${c.path}`);
-      const y = o.getState(), C = {
+      const m = o.getState(), C = {
         path: c.path,
         params: p.params,
         query: c.query
       };
-      if (!await w(C, y) || !await h(C, y)) return;
-      typeof window < "u" && typeof document < "u" && (b ? window.history.replaceState({}, "", r + v) : window.history.pushState({}, "", r + v)), o.setState(C), l(C, y);
+      if (!await b(C, m) || !await h(C, m)) return;
+      typeof window < "u" && typeof document < "u" && (w ? window.history.replaceState({}, "", n + v) : window.history.pushState({}, "", n + v)), o.setState(C), l(C, m);
     } catch (c) {
-      ie("Navigation error:", c);
+      se("Navigation error:", c);
     }
   };
-  if (typeof window < "u" && typeof document < "u" && typeof n > "u") {
+  if (typeof window < "u" && typeof document < "u" && typeof r > "u") {
     i = () => {
-      const b = new URL(window.location.href), c = b.pathname.replace(r, "") || "/", p = et(b.search);
+      const w = new URL(window.location.href), c = w.pathname.replace(n, "") || "/", p = nt(w.search);
       return { path: c, query: p };
     }, s = i();
     const v = Q(t, s.path);
-    o = Qe({
+    o = tt({
       path: s.path,
       params: v.params,
       query: s.query
-    }), a = async (b = !1) => {
+    }), a = async (w = !1) => {
       const c = i();
-      await d(c.path, b);
-    }, window.addEventListener("popstate", () => a(!0)), u = (b) => d(b, !1), m = (b) => d(b, !0), g = () => window.history.back();
+      await d(c.path, w);
+    }, window.addEventListener("popstate", () => a(!0)), u = (w) => d(w, !1), y = (w) => d(w, !0), g = () => window.history.back();
   } else {
     i = () => {
-      const c = new URL(n || "/", "http://localhost"), p = c.pathname.replace(r, "") || "/", y = et(c.search);
-      return { path: p, query: y };
+      const c = new URL(r || "/", "http://localhost"), p = c.pathname.replace(n, "") || "/", m = nt(c.search);
+      return { path: p, query: m };
     }, s = i();
     const v = Q(t, s.path);
-    o = Qe({
+    o = tt({
       path: s.path,
       params: v.params,
       query: s.query
     }), a = async () => {
       const c = i();
-      await b(c.path);
+      await w(c.path);
     };
-    const b = async (c) => {
+    const w = async (c) => {
       try {
         const p = {
-          path: c.replace(r, "") || "/",
+          path: c.replace(n, "") || "/",
           query: {}
-        }, y = Q(t, p.path);
-        if (!y) throw new Error(`No route found for ${p.path}`);
+        }, m = Q(t, p.path);
+        if (!m) throw new Error(`No route found for ${p.path}`);
         const C = o.getState(), k = {
           path: p.path,
-          params: y.params,
+          params: m.params,
           query: p.query
         }, f = t.find((x) => Q([x], k.path).route !== null);
         if (f?.beforeEnter)
           try {
             const x = await f.beforeEnter(k, C);
             if (typeof x == "string") {
-              await b(x);
+              await w(x);
               return;
             }
             if (x === !1) return;
@@ -3626,7 +3638,7 @@ function sr(e) {
           try {
             const x = await f.onEnter(k, C);
             if (typeof x == "string") {
-              await b(x);
+              await w(x);
               return;
             }
             if (x === !1) return;
@@ -3641,69 +3653,69 @@ function sr(e) {
       } catch {
       }
     };
-    u = async (c) => b(c), m = async (c) => b(c), g = () => {
+    u = async (c) => w(c), y = async (c) => w(c), g = () => {
     };
   }
   return {
     store: o,
     push: u,
-    replace: m,
+    replace: y,
     back: g,
     subscribe: o.subscribe,
     matchRoute: (v) => Q(t, v),
     getCurrent: () => o.getState(),
-    resolveRouteComponent: ir
+    resolveRouteComponent: ln
   };
 }
-function Pr(e, t) {
+function Wn(e, t) {
   return Q(e, t);
 }
-function Lr(e) {
-  const t = sr(e);
-  return Ye("router-view", (r = {}, n = {}) => {
-    const { onConnected: i } = n;
+function zn(e) {
+  const t = un(e);
+  return et("router-view", (n = {}, r = {}) => {
+    const { onConnected: i } = r;
     if (i && i(() => {
       t && typeof t.subscribe == "function" && t.subscribe(() => {
       });
-    }), !t) return ae`<div>Router not initialized.</div>`;
+    }), !t) return ce`<div>Router not initialized.</div>`;
     const s = t.getCurrent(), { path: o } = s, a = t.matchRoute(o);
     return a.route ? t.resolveRouteComponent(a.route).then((u) => {
       if (typeof u == "string")
         return { tag: u, props: {}, children: [] };
       if (typeof u == "function") {
-        const m = u();
-        return (m instanceof Promise ? m : Promise.resolve(m)).then((w) => typeof w == "string" ? { tag: w, props: {}, children: [] } : w);
+        const y = u();
+        return (y instanceof Promise ? y : Promise.resolve(y)).then((b) => typeof b == "string" ? { tag: b, props: {}, children: [] } : b);
       }
-      return ae`<div>Invalid route component</div>`;
-    }).catch(() => ae`<div>Invalid route component</div>`) : ae`<div>Not found</div>`;
-  }), Ye("router-link", (r = {}, n = {}) => {
+      return ce`<div>Invalid route component</div>`;
+    }).catch(() => ce`<div>Invalid route component</div>`) : ce`<div>Not found</div>`;
+  }), et("router-link", (n = {}, r = {}) => {
     const {
       to: i = "",
       tag: s = "a",
       replace: o = !1,
       exact: a = !1,
       activeClass: u = "active",
-      exactActiveClass: m = "exact-active",
+      exactActiveClass: y = "exact-active",
       ariaCurrentValue: g = "page",
-      disabled: w = !1,
+      disabled: b = !1,
       external: h = !1,
       class: l = ""
-    } = r, d = t.getCurrent(), v = d.path === i, b = a ? v : d && typeof d.path == "string" ? d.path.startsWith(i) : !1, c = v ? `aria-current="${g}"` : "", p = (l || "").split(/\s+/).filter(Boolean), y = {};
-    for (const _ of p) y[_] = !0;
+    } = n, d = t.getCurrent(), v = d.path === i, w = a ? v : d && typeof d.path == "string" ? d.path.startsWith(i) : !1, c = v ? `aria-current="${g}"` : "", p = (l || "").split(/\s+/).filter(Boolean), m = {};
+    for (const _ of p) m[_] = !0;
     const C = {
-      ...y,
+      ...m,
       // Also include the configurable names (may duplicate the above)
-      [u]: b,
-      [m]: v
-    }, k = s === "button", f = w ? k ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", x = h && (s === "a" || !s) ? 'target="_blank" rel="noopener noreferrer"' : "", A = (_) => {
-      if (w) {
+      [u]: w,
+      [y]: v
+    }, k = s === "button", f = b ? k ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", x = h && (s === "a" || !s) ? 'target="_blank" rel="noopener noreferrer"' : "", A = (_) => {
+      if (b) {
         _.preventDefault();
         return;
       }
       h && (s === "a" || !s) || (_.preventDefault(), o ? t.replace(i) : t.push(i));
     };
-    return ae`
-      ${tr().when(k, ae`
+    return ce`
+      ${on().when(k, ce`
           <button
             part="button"
             :class="${C}"
@@ -3712,7 +3724,7 @@ function Lr(e) {
             ${x}
             @click="${A}"
           ><slot></slot></button>
-        `).otherwise(ae`
+        `).otherwise(ce`
           <a
             part="link"
             href="${i}"
@@ -3727,51 +3739,51 @@ function Lr(e) {
   }), t;
 }
 export {
-  ue as GlobalEventBus,
-  M as anchorBlock,
-  Ye as component,
-  ar as computed,
-  Qe as createStore,
-  Tt as css,
-  gr as each,
-  xr as eachGroup,
-  kr as eachPage,
-  wr as eachWhere,
-  $r as emit,
-  me as eventBus,
-  ae as html,
-  Lr as initRouter,
-  Or as listen,
-  tr as match,
+  de as GlobalEventBus,
+  j as anchorBlock,
+  et as component,
+  dn as computed,
+  tt as createStore,
+  Pt as css,
+  vn as each,
+  $n as eachGroup,
+  Sn as eachPage,
+  _n as eachWhere,
+  Pn as emit,
+  be as eventBus,
+  ce as html,
+  zn as initRouter,
+  Nn as listen,
+  on as match,
   Q as matchRoute,
-  Pr as matchRouteSSR,
-  ee as mediaVariants,
-  Rr as off,
-  Ar as on,
-  Tr as once,
-  et as parseQuery,
-  or as ref,
-  Te as renderToString,
-  ir as resolveRouteComponent,
-  nr as responsive,
-  at as responsiveOrder,
-  Er as responsiveSwitch,
-  Sr as switchOn,
-  vr as switchOnLength,
-  Cr as switchOnPromise,
-  mr as unless,
-  lr as useEmit,
-  dr as useOnAttributeChanged,
-  ur as useOnConnected,
-  fr as useOnDisconnected,
-  pr as useOnError,
-  sr as useRouter,
-  hr as useStyle,
-  cr as watch,
-  Ae as when,
-  yr as whenEmpty,
+  Wn as matchRouteSSR,
+  te as mediaVariants,
+  Mn as off,
+  Ln as on,
+  jn as once,
+  nt as parseQuery,
+  fn as ref,
+  Pe as renderToString,
+  ln as resolveRouteComponent,
+  cn as responsive,
+  lt as responsiveOrder,
+  Rn as responsiveSwitch,
+  On as switchOn,
+  En as switchOnLength,
+  An as switchOnPromise,
+  xn as unless,
+  hn as useEmit,
+  mn as useOnAttributeChanged,
+  gn as useOnConnected,
+  yn as useOnDisconnected,
+  bn as useOnError,
+  un as useRouter,
+  wn as useStyle,
+  pn as watch,
+  Re as when,
+  kn as whenEmpty,
   q as whenMedia,
-  br as whenNotEmpty,
-  _r as whenVariants
+  Cn as whenNotEmpty,
+  Tn as whenVariants
 };
 //# sourceMappingURL=custom-elements-runtime.es.js.map