@jasonshimmy/custom-elements-runtime 1.0.6 → 1.0.8

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

@@ -6,8 +6,8 @@ class dt {
    * Uses component identity to deduplicate multiple render requests for the same component
    */
   schedule(t, r) {
-    const i = r || t.toString();
-    this.pendingUpdates.set(i, t), this.isFlushScheduled || (this.isFlushScheduled = !0, typeof globalThis.process < "u" && globalThis.process.env?.NODE_ENV === "test" || typeof window < "u" && (window.__vitest__ || window.Cypress) ? this.flush() : queueMicrotask(() => this.flush()));
+    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()));
   }
   /**
    * Execute all pending updates
@@ -18,8 +18,8 @@ class dt {
     for (const r of t)
       try {
         r();
-      } catch (i) {
-        typeof console < "u" && console.error && console.error("Error in batched update:", i);
+      } catch (n) {
+        typeof console < "u" && console.error && console.error("Error in batched update:", n);
       }
   }
   /**
@@ -30,7 +30,7 @@ class dt {
   }
 }
 const ht = new dt();
-function fe(e, t) {
+function ue(e, t) {
   ht.schedule(e, t);
 }
 const Fe = /* @__PURE__ */ new WeakSet();
@@ -41,11 +41,11 @@ class pt {
   /**
    * Get or create a reactive proxy for an object
    */
-  static getOrCreateProxy(t, r, i = !1) {
-    const n = this.cache.get(t);
-    if (n)
-      return n;
-    const s = i ? this.getOrCreateArrayHandler(r) : this.getOrCreateObjectHandler(r), o = new Proxy(t, s);
+  static getOrCreateProxy(t, r, n = !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);
     try {
       nt.markAsProxy(o);
     } catch {
@@ -58,9 +58,9 @@ class pt {
   static getOrCreateArrayHandler(t) {
     if (!this.arrayHandlerCache.has(t)) {
       const r = {
-        get: (i, n, s) => {
-          const o = Reflect.get(i, n, s);
-          return typeof o == "function" && typeof n == "string" && [
+        get: (n, i, s) => {
+          const o = Reflect.get(n, i, s);
+          return typeof o == "function" && typeof i == "string" && [
             "push",
             "pop",
             "shift",
@@ -70,13 +70,13 @@ class pt {
             "reverse",
             "fill",
             "copyWithin"
-          ].includes(n) ? function(...u) {
-            const m = o.apply(i, u);
+          ].includes(i) ? function(...u) {
+            const m = o.apply(n, u);
             return t.triggerUpdate(), m;
           } : o;
         },
-        set: (i, n, s) => (i[n] = t.makeReactiveValue(s), t.triggerUpdate(), !0),
-        deleteProperty: (i, n) => (delete i[n], t.triggerUpdate(), !0)
+        set: (n, i, s) => (n[i] = t.makeReactiveValue(s), t.triggerUpdate(), !0),
+        deleteProperty: (n, i) => (delete n[i], t.triggerUpdate(), !0)
       };
       this.arrayHandlerCache.set(t, r);
     }
@@ -88,9 +88,9 @@ class pt {
   static getOrCreateObjectHandler(t) {
     if (!this.objectHandlerCache.has(t)) {
       const r = {
-        get: (i, n, s) => Reflect.get(i, n, s),
-        set: (i, n, s) => (i[n] = t.makeReactiveValue(s), t.triggerUpdate(), !0),
-        deleteProperty: (i, n) => (delete i[n], t.triggerUpdate(), !0)
+        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)
       };
       this.objectHandlerCache.set(t, r);
     }
@@ -127,19 +127,19 @@ class nt {
   /**
    * Create an optimized reactive proxy with minimal overhead
    */
-  static createReactiveProxy(t, r, i) {
+  static createReactiveProxy(t, r, n) {
     try {
       if (Fe.has(t)) return t;
     } catch {
     }
-    const n = Array.isArray(t);
+    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(i);
+    let o = s.get(n);
     return o || (o = {
       triggerUpdate: r,
-      makeReactiveValue: i
-    }, s.set(i, o)), pt.getOrCreateProxy(t, o, n);
+      makeReactiveValue: n
+    }, s.set(n, o)), pt.getOrCreateProxy(t, o, i);
   }
   /**
    * Mark an object as a proxy (for optimization)
@@ -198,8 +198,8 @@ class gt {
    */
   shouldEmitRenderWarning() {
     if (!this.currentComponent) return !0;
-    const t = this.currentComponent, r = this.lastWarningTime.get(t) || 0, i = Date.now();
-    return i - r < 1e3 ? !1 : (this.lastWarningTime.set(t, i), !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);
   }
   /**
    * Execute a function with tracking disabled
@@ -219,11 +219,11 @@ class gt {
   getOrCreateState(t) {
     if (!this.currentComponent)
       return new He(t);
-    const r = this.currentComponent, i = this.stateIndexCounter.get(r) || 0, n = `${r}:${i}`;
-    if (this.stateIndexCounter.set(r, i + 1), this.stateStorage.has(n))
-      return this.stateStorage.get(n);
+    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 this.stateStorage.get(i);
     const s = new He(t);
-    return this.stateStorage.set(n, s), s;
+    return this.stateStorage.set(i, s), s;
   }
   /**
    * Track a dependency for the current component
@@ -236,8 +236,8 @@ class gt {
    */
   triggerUpdate(t) {
     t.getDependents().forEach((r) => {
-      const i = this.componentRenderFunctions.get(r);
-      i && fe(i, r);
+      const n = this.componentRenderFunctions.get(r);
+      n && ue(n, r);
     });
   }
   /**
@@ -245,9 +245,9 @@ class gt {
    */
   cleanup(t) {
     const r = this.componentDependencies.get(t);
-    r && (r.forEach((i) => i.removeDependent(t)), this.componentDependencies.delete(t)), this.componentRenderFunctions.delete(t);
-    for (const i of Array.from(this.stateStorage.keys()))
-      i.startsWith(t + ":") && this.stateStorage.delete(i);
+    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);
     this.stateIndexCounter.delete(t);
   }
 }
@@ -316,31 +316,31 @@ function hr(e) {
   };
 }
 function pr(e, t, r = {}) {
-  let i = e();
-  r.immediate && t(i, i);
-  const n = `watch-${Math.random().toString(36).substr(2, 9)}`, s = () => {
-    F.setCurrentComponent(n, s);
+  let n = e();
+  r.immediate && t(n, n);
+  const i = `watch-${Math.random().toString(36).substr(2, 9)}`, s = () => {
+    F.setCurrentComponent(i, s);
     const o = e();
-    F.clearCurrentComponent(), o !== i && (t(o, i), i = o);
+    F.clearCurrentComponent(), o !== n && (t(o, n), n = o);
   };
-  return F.setCurrentComponent(n, s), e(), F.clearCurrentComponent(), () => {
-    F.cleanup(n);
+  return F.setCurrentComponent(i, s), e(), F.clearCurrentComponent(), () => {
+    F.cleanup(i);
   };
 }
-const xe = /* @__PURE__ */ new Map(), ve = /* @__PURE__ */ new Map(), $e = /* @__PURE__ */ new Map(), Ue = 500;
+const ve = /* @__PURE__ */ new Map(), xe = /* @__PURE__ */ new Map(), $e = /* @__PURE__ */ new Map(), Ue = 500;
 function re(e) {
-  if (xe.has(e))
-    return xe.get(e);
-  const t = e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-  return xe.size < Ue && xe.set(e, t), t;
-}
-function it(e) {
   if (ve.has(e))
     return ve.get(e);
-  const t = e.replace(/-([a-z])/g, (r, i) => i.toUpperCase());
+  const t = e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
   return ve.size < Ue && ve.set(e, t), t;
 }
-function ie(e) {
+function it(e) {
+  if (xe.has(e))
+    return xe.get(e);
+  const t = e.replace(/-([a-z])/g, (r, n) => n.toUpperCase());
+  return xe.size < Ue && xe.set(e, t), t;
+}
+function de(e) {
   if (typeof e == "string") {
     if ($e.has(e))
       return $e.get(e);
@@ -360,19 +360,19 @@ function ie(e) {
 }
 function H(e, t) {
   if (typeof t == "string") {
-    const r = t.split(".").reduce((i, n) => i?.[n], e);
+    const r = t.split(".").reduce((n, i) => n?.[i], e);
     return ee(r) ? r.value : r;
   }
   return t;
 }
 function _e(e, t, r) {
-  const i = String(t).split("."), n = i.pop();
-  if (!n) return;
-  const s = i.reduce((o, a) => (o[a] == null && (o[a] = {}), o[a]), e);
-  ee(s[n]) ? s[n].value = r : s[n] = r;
+  const n = String(t).split("."), i = n.pop();
+  if (!i) return;
+  const s = n.reduce((o, c) => (o[c] == null && (o[c] = {}), o[c]), e);
+  ee(s[i]) ? s[i].value = r : s[i] = r;
 }
 const st = typeof process < "u" && process.env?.NODE_ENV !== "production";
-function se(e, ...t) {
+function ie(e, ...t) {
   st && console.error(e, ...t);
 }
 function Oe(e, ...t) {
@@ -380,74 +380,74 @@ function Oe(e, ...t) {
 }
 function mt(e, t, r) {
   if (r)
-    for (const [i, n] of Object.entries(r)) {
+    for (const [n, i] of Object.entries(r)) {
       let s, o = {};
-      if (Array.isArray(n) ? (s = n[0], o = n[1] || {}) : s = n, t.set(i, {
+      if (Array.isArray(i) ? (s = i[0], o = i[1] || {}) : s = i, t.set(n, {
         callback: s,
         options: o,
-        oldValue: H(e, i)
+        oldValue: H(e, n)
       }), o.immediate)
         try {
-          const a = H(e, i);
-          s(a, void 0, e);
-        } catch (a) {
-          se(`Error in immediate watcher for "${i}":`, a);
+          const c = H(e, n);
+          s(c, void 0, e);
+        } catch (c) {
+          ie(`Error in immediate watcher for "${n}":`, c);
         }
     }
 }
-function yt(e, t, r, i) {
-  const n = (o, a) => {
-    if (o === a) return !0;
-    if (typeof o != typeof a || typeof o != "object" || o === null || a === null) return !1;
-    if (Array.isArray(o) && Array.isArray(a))
-      return o.length !== a.length ? !1 : o.every((g, b) => n(g, a[b]));
-    const u = Object.keys(o), m = Object.keys(a);
-    return u.length !== m.length ? !1 : u.every((g) => n(o[g], a[g]));
+function yt(e, t, r, n) {
+  const i = (o, c) => {
+    if (o === c) return !0;
+    if (typeof o != typeof c || typeof o != "object" || o === null || c === null) return !1;
+    if (Array.isArray(o) && Array.isArray(c))
+      return o.length !== c.length ? !1 : o.every((g, b) => i(g, c[b]));
+    const u = Object.keys(o), m = Object.keys(c);
+    return u.length !== m.length ? !1 : u.every((g) => i(o[g], c[g]));
   }, s = t.get(r);
-  if (s && !n(i, s.oldValue))
+  if (s && !i(n, s.oldValue))
     try {
-      s.callback(i, s.oldValue, e), s.oldValue = i;
+      s.callback(n, s.oldValue, e), s.oldValue = n;
     } catch (o) {
-      se(`Error in watcher for "${r}":`, o);
+      ie(`Error in watcher for "${r}":`, o);
     }
-  for (const [o, a] of t.entries())
-    if (a.options.deep && r.startsWith(o + "."))
+  for (const [o, c] of t.entries())
+    if (c.options.deep && r.startsWith(o + "."))
       try {
         const u = H(e, o);
-        n(u, a.oldValue) || (a.callback(u, a.oldValue, e), a.oldValue = u);
+        i(u, c.oldValue) || (c.callback(u, c.oldValue, e), c.oldValue = u);
       } catch (u) {
-        se(`Error in deep watcher for "${o}":`, u);
+        ie(`Error in deep watcher for "${o}":`, u);
       }
 }
 function Ke(e, t) {
   return t === Boolean ? e === "true" : t === Number ? Number(e) : e;
 }
 function bt(e, t, r) {
-  t && Object.entries(t).forEach(([i, n]) => {
-    const s = re(i), o = e.getAttribute(s);
-    if (n.type === Function && typeof e[i] == "function")
-      r[i] = e[i];
-    else if (typeof e[i] < "u")
+  t && Object.entries(t).forEach(([n, i]) => {
+    const s = re(n), o = e.getAttribute(s);
+    if (i.type === Function && typeof e[n] == "function")
+      r[n] = e[n];
+    else if (typeof e[n] < "u")
       try {
-        const a = e[i];
-        n.type === Boolean && typeof a == "boolean" || n.type === Number && typeof a == "number" || n.type === Function && typeof a == "function" ? r[i] = a : r[i] = ie(Ke(String(a), n.type));
+        const c = e[n];
+        i.type === Boolean && typeof c == "boolean" || i.type === Number && typeof c == "number" || i.type === Function && typeof c == "function" ? r[n] = c : r[n] = Ke(String(c), i.type);
       } catch {
-        r[i] = e[i];
+        r[n] = e[n];
       }
-    else o !== null ? r[i] = ie(Ke(o, n.type)) : "default" in n && n.default !== void 0 && (r[i] = ie(n.default));
+    else o !== null ? r[n] = Ke(o, i.type) : "default" in i && i.default !== void 0 && (r[n] = i.default);
   });
 }
 function wt(e, t, r) {
   t.props && bt(e, t.props, r);
 }
-function xt(e, t, r, i) {
-  e.onConnected && !r && (e.onConnected(t), i(!0));
+function vt(e, t, r, n) {
+  e.onConnected && !r && (e.onConnected(t), n(!0));
 }
-function vt(e, t, r, i, n, s, o, a) {
-  e.onDisconnected && e.onDisconnected(t), r.forEach((u) => u()), i(), n(), s(!1), o(null), a(!1);
+function xt(e, t, r, n, i, s, o, c) {
+  e.onDisconnected && e.onDisconnected(t), r.forEach((u) => u()), n(), i(), s(!1), o(null), c(!1);
 }
-function $t(e, t, r, i, n) {
-  e.onAttributeChanged && e.onAttributeChanged(t, r, i, n);
+function $t(e, t, r, n, i) {
+  e.onAttributeChanged && e.onAttributeChanged(t, r, n, i);
 }
 class kt {
   static cache = /* @__PURE__ */ new Map();
@@ -471,24 +471,24 @@ class kt {
     /XMLHttpRequest/i
   ];
   static evaluate(t, r) {
-    const i = this.cache.get(t);
-    if (i) {
-      if (!i.isSecure) {
+    const n = this.cache.get(t);
+    if (n) {
+      if (!n.isSecure) {
         Oe("Blocked cached dangerous expression:", t);
         return;
       }
-      return i.evaluator(r);
+      return n.evaluator(r);
     }
-    const n = this.createEvaluator(t);
+    const i = this.createEvaluator(t);
     if (this.cache.size >= this.maxCacheSize) {
       const s = this.cache.keys().next().value;
       s && this.cache.delete(s);
     }
-    if (this.cache.set(t, n), !n.isSecure) {
+    if (this.cache.set(t, i), !i.isSecure) {
       Oe("Blocked dangerous expression:", t);
       return;
     }
-    return n.evaluator(r);
+    return i.evaluator(r);
   }
   static createEvaluator(t) {
     if (this.hasDangerousPatterns(t))
@@ -512,21 +512,21 @@ class kt {
       return this.createObjectEvaluator(t);
     if (/^ctx\.[a-zA-Z0-9_\.]+$/.test(t.trim())) {
       const r = t.trim().slice(4);
-      return (i) => H(i, r);
+      return (n) => H(n, r);
     }
     return t.includes("ctx") || /[+\-*/%<>=&|?:\[\]]/.test(t) ? this.createSimpleEvaluator(t) : (r) => H(r, t);
   }
   static createObjectEvaluator(t) {
-    const r = t.trim().slice(1, -1), i = this.parseObjectProperties(r);
-    return (n) => {
+    const r = t.trim().slice(1, -1), n = this.parseObjectProperties(r);
+    return (i) => {
       const s = {};
-      for (const { key: o, value: a } of i)
+      for (const { key: o, value: c } of n)
         try {
-          if (a.startsWith("ctx.")) {
-            const u = a.slice(4);
-            s[o] = H(n, u);
+          if (c.startsWith("ctx.")) {
+            const u = c.slice(4);
+            s[o] = H(i, u);
           } else
-            s[o] = this.evaluateSimpleValue(a, n);
+            s[o] = this.evaluateSimpleValue(c, i);
         } catch {
           s[o] = void 0;
         }
@@ -534,51 +534,51 @@ class kt {
     };
   }
   static parseObjectProperties(t) {
-    const r = [], i = t.split(",");
-    for (const n of i) {
-      const s = n.indexOf(":");
+    const r = [], n = t.split(",");
+    for (const i of n) {
+      const s = i.indexOf(":");
       if (s === -1) continue;
-      const o = n.slice(0, s).trim(), a = n.slice(s + 1).trim(), u = o.replace(/^['"]|['"]$/g, "");
-      r.push({ key: u, value: a });
+      const o = i.slice(0, s).trim(), c = i.slice(s + 1).trim(), u = o.replace(/^['"]|['"]$/g, "");
+      r.push({ key: u, value: c });
     }
     return r;
   }
   static createSimpleEvaluator(t) {
     return (r) => {
       try {
-        let i = t;
-        const n = [];
-        i = i.replace(/("[^"\\]*(?:\\.[^"\\]*)*"|'[^'\\]*(?:\\.[^'\\]*)*')/g, (b) => `<<#${n.push(b) - 1}#>>`);
-        const s = i.match(/ctx\.[\w.]+/g) || [];
+        let n = t;
+        const i = [];
+        n = n.replace(/("[^"\\]*(?:\\.[^"\\]*)*"|'[^'\\]*(?:\\.[^'\\]*)*')/g, (b) => `<<#${i.push(b) - 1}#>>`);
+        const s = n.match(/ctx\.[\w.]+/g) || [];
         for (const b of s) {
-          const p = b.slice(4), l = H(r, p);
-          if (l === void 0) return;
-          const d = n.push(JSON.stringify(l)) - 1;
-          i = i.replace(new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${d}#>>`);
+          const p = b.slice(4), f = H(r, p);
+          if (f === void 0) return;
+          const h = i.push(JSON.stringify(f)) - 1;
+          n = n.replace(new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${h}#>>`);
         }
-        const o = /\b[a-zA-Z_][a-zA-Z0-9_]*(?:\.[a-zA-Z_][a-zA-Z0-9_]*)+\b/g, a = i.match(o) || [];
-        for (const b of a) {
+        const o = /\b[a-zA-Z_][a-zA-Z0-9_]*(?:\.[a-zA-Z_][a-zA-Z0-9_]*)+\b/g, c = n.match(o) || [];
+        for (const b of c) {
           if (b.startsWith("ctx.")) continue;
           const p = H(r, b);
           if (p === void 0) return;
-          const l = n.push(JSON.stringify(p)) - 1;
-          i = i.replace(new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${l}#>>`);
+          const f = i.push(JSON.stringify(p)) - 1;
+          n = n.replace(new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${f}#>>`);
         }
         const u = /\b([a-zA-Z_][a-zA-Z0-9_]*)\b/g;
         let m;
         const g = /* @__PURE__ */ new Set();
-        for (; (m = u.exec(i)) !== null; ) {
+        for (; (m = u.exec(n)) !== null; ) {
           const b = m[1];
           if (["true", "false", "null", "undefined"].includes(b) || /^[0-9]+$/.test(b) || b === "ctx" || g.has(b)) continue;
           g.add(b);
           const p = H(r, b);
           if (p === void 0) return;
-          const l = JSON.stringify(p), d = n.push(l) - 1;
-          b.includes(".") ? i = i.replace(new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${d}#>>`) : i = i.replace(new RegExp("\\b" + b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + "\\b", "g"), `<<#${d}#>>`);
+          const f = JSON.stringify(p), h = i.push(f) - 1;
+          b.includes(".") ? n = n.replace(new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${h}#>>`) : n = n.replace(new RegExp("\\b" + b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + "\\b", "g"), `<<#${h}#>>`);
         }
-        i = i.replace(/<<#(\d+)#>>/g, (b, p) => n[Number(p)]);
+        n = n.replace(/<<#(\d+)#>>/g, (b, p) => i[Number(p)]);
         try {
-          return this.evaluateBasicExpression(i);
+          return this.evaluateBasicExpression(n);
         } catch {
           return;
         }
@@ -594,141 +594,141 @@ class kt {
    */
   static evaluateBasicExpression(t) {
     const r = this.tokenize(t);
-    let i = 0;
-    function n() {
-      return r[i];
-    }
-    function s(c) {
-      const h = r[i++];
-      if (c && !h)
-        throw new Error(`Unexpected token EOF, expected ${c}`);
-      if (c && h && h.type !== c && h.value !== c)
-        throw new Error(`Unexpected token ${h.type}/${h.value}, expected ${c}`);
-      return h;
+    let n = 0;
+    function i() {
+      return r[n];
+    }
+    function s(a) {
+      const l = r[n++];
+      if (a && !l)
+        throw new Error(`Unexpected token EOF, expected ${a}`);
+      if (a && l && l.type !== a && l.value !== a)
+        throw new Error(`Unexpected token ${l.type}/${l.value}, expected ${a}`);
+      return l;
     }
     function o() {
-      return a();
+      return c();
     }
-    function a() {
-      let c = u();
-      if (n() && n().value === "?") {
+    function c() {
+      let a = u();
+      if (i() && i().value === "?") {
         s("?");
-        const h = o();
+        const l = o();
         s(":");
         const y = o();
-        return c ? h : y;
+        return a ? l : y;
       }
-      return c;
+      return a;
     }
     function u() {
-      let c = m();
-      for (; n() && n().value === "||"; ) {
+      let a = m();
+      for (; i() && i().value === "||"; ) {
         s("OP");
-        const h = m();
-        c = c || h;
+        const l = m();
+        a = a || l;
       }
-      return c;
+      return a;
     }
     function m() {
-      let c = g();
-      for (; n() && n().value === "&&"; ) {
+      let a = g();
+      for (; i() && i().value === "&&"; ) {
         s("OP");
-        const h = g();
-        c = c && h;
+        const l = g();
+        a = a && l;
       }
-      return c;
+      return a;
     }
     function g() {
-      let c = b();
-      for (; n() && ["==", "!=", "===", "!=="].includes(n().value); ) {
-        const h = s("OP").value, y = b();
-        switch (h) {
+      let a = b();
+      for (; i() && ["==", "!=", "===", "!=="].includes(i().value); ) {
+        const l = s("OP").value, y = b();
+        switch (l) {
           case "==":
-            c = c == y;
+            a = a == y;
             break;
           case "!=":
-            c = c != y;
+            a = a != y;
             break;
           case "===":
-            c = c === y;
+            a = a === y;
             break;
           case "!==":
-            c = c !== y;
+            a = a !== y;
             break;
         }
       }
-      return c;
+      return a;
     }
     function b() {
-      let c = p();
-      for (; n() && [">", "<", ">=", "<="].includes(n().value); ) {
-        const h = s("OP").value, y = p();
-        switch (h) {
+      let a = p();
+      for (; i() && [">", "<", ">=", "<="].includes(i().value); ) {
+        const l = s("OP").value, y = p();
+        switch (l) {
           case ">":
-            c = c > y;
+            a = a > y;
             break;
           case "<":
-            c = c < y;
+            a = a < y;
             break;
           case ">=":
-            c = c >= y;
+            a = a >= y;
             break;
           case "<=":
-            c = c <= y;
+            a = a <= y;
             break;
         }
       }
-      return c;
+      return a;
     }
     function p() {
-      let c = l();
-      for (; n() && (n().value === "+" || n().value === "-"); ) {
-        const h = s("OP").value, y = l();
-        c = h === "+" ? c + y : c - y;
+      let a = f();
+      for (; i() && (i().value === "+" || i().value === "-"); ) {
+        const l = s("OP").value, y = f();
+        a = l === "+" ? a + y : a - y;
       }
-      return c;
+      return a;
     }
-    function l() {
-      let c = d();
-      for (; n() && (n().value === "*" || n().value === "/" || n().value === "%"); ) {
-        const h = s("OP").value, y = d();
-        switch (h) {
+    function f() {
+      let a = h();
+      for (; i() && (i().value === "*" || i().value === "/" || i().value === "%"); ) {
+        const l = s("OP").value, y = h();
+        switch (l) {
           case "*":
-            c = c * y;
+            a = a * y;
             break;
           case "/":
-            c = c / y;
+            a = a / y;
             break;
           case "%":
-            c = c % y;
+            a = a % y;
             break;
         }
       }
-      return c;
+      return a;
     }
-    function d() {
-      return n() && n().value === "!" ? (s("OP"), !d()) : n() && n().value === "-" ? (s("OP"), -d()) : x();
+    function h() {
+      return i() && i().value === "!" ? (s("OP"), !h()) : i() && i().value === "-" ? (s("OP"), -h()) : v();
     }
-    function x() {
-      const c = n();
-      if (c) {
-        if (c.type === "NUMBER")
-          return s("NUMBER"), Number(c.value);
-        if (c.type === "STRING")
-          return s("STRING"), c.value.slice(1, -1);
-        if (c.type === "IDENT")
-          return s("IDENT"), c.value === "true" ? !0 : c.value === "false" ? !1 : c.value === "null" ? null : void 0;
-        if (c.value === "[") {
+    function v() {
+      const a = i();
+      if (a) {
+        if (a.type === "NUMBER")
+          return s("NUMBER"), Number(a.value);
+        if (a.type === "STRING")
+          return s("STRING"), a.value.slice(1, -1);
+        if (a.type === "IDENT")
+          return s("IDENT"), a.value === "true" ? !0 : a.value === "false" ? !1 : a.value === "null" ? null : void 0;
+        if (a.value === "[") {
           s("PUNC");
-          const h = [];
-          for (; n() && n().value !== "]"; )
-            h.push(o()), n() && n().value === "," && s("PUNC");
-          return s("PUNC"), h;
+          const l = [];
+          for (; i() && i().value !== "]"; )
+            l.push(o()), i() && i().value === "," && s("PUNC");
+          return s("PUNC"), l;
         }
-        if (c.value === "(") {
+        if (a.value === "(") {
           s("PUNC");
-          const h = o();
-          return s("PUNC"), h;
+          const l = o();
+          return s("PUNC"), l;
         }
         throw new Error("Unexpected token in expression");
       }
@@ -736,10 +736,10 @@ class kt {
     return o();
   }
   static tokenize(t) {
-    const r = [], i = /\s*(=>|===|!==|==|!=|>=|<=|\|\||&&|[()?:,\[\]]|\+|-|\*|\/|%|>|<|!|\d+\.?\d*|"[^"]*"|'[^']*'|[a-zA-Z_][a-zA-Z0-9_]*|\S)\s*/g;
-    let n;
-    for (; (n = i.exec(t)) !== null; ) {
-      const s = n[1];
+    const r = [], n = /\s*(=>|===|!==|==|!=|>=|<=|\|\||&&|[()?:,\[\]]|\+|-|\*|\/|%|>|<|!|\d+\.?\d*|"[^"]*"|'[^']*'|[a-zA-Z_][a-zA-Z0-9_]*|\S)\s*/g;
+    let i;
+    for (; (i = n.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 }));
     }
     return r;
@@ -749,8 +749,8 @@ class kt {
     if (t === "false") return !1;
     if (!isNaN(Number(t))) return Number(t);
     if (t.startsWith("ctx.")) {
-      const i = t.slice(4);
-      return H(r, i);
+      const n = t.slice(4);
+      return H(r, n);
     }
     return t.startsWith('"') && t.endsWith('"') || t.startsWith("'") && t.endsWith("'") ? t.slice(1, -1) : t;
   }
@@ -761,39 +761,39 @@ class kt {
     return this.cache.size;
   }
 }
-class oe {
+class se {
   static cleanupFunctions = /* @__PURE__ */ new WeakMap();
   /**
    * Add an event listener with automatic cleanup tracking
    */
-  static addListener(t, r, i, n) {
-    t.addEventListener(r, i, n);
-    const o = { event: r, handler: i, options: n, cleanup: () => t.removeEventListener(r, i, n), addedAt: Date.now() };
+  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() };
     this.cleanupFunctions.has(t) || this.cleanupFunctions.set(t, []);
-    const a = this.cleanupFunctions.get(t);
-    a.push(o), this.cleanupFunctions.get(t).__metaList = a;
+    const c = this.cleanupFunctions.get(t);
+    c.push(o), this.cleanupFunctions.get(t).__metaList = c;
   }
   /**
    * Remove a specific event listener
    */
-  static removeListener(t, r, i, n) {
-    t.removeEventListener(r, i, n);
+  static removeListener(t, r, n, i) {
+    t.removeEventListener(r, n, 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 === i && JSON.stringify(u.options) === JSON.stringify(n));
-        if (a >= 0) {
+        const c = o.findIndex((u) => u.event === r && u.handler === n && JSON.stringify(u.options) === JSON.stringify(i));
+        if (c >= 0) {
           try {
-            o[a].cleanup();
+            o[c].cleanup();
           } catch {
           }
-          o.splice(a, 1);
+          o.splice(c, 1);
         }
         o.length === 0 && this.cleanupFunctions.delete(t);
       } else {
-        const a = s.findIndex(() => !0);
-        a >= 0 && (s.splice(a, 1), s.length === 0 && this.cleanupFunctions.delete(t));
+        const c = s.findIndex(() => !0);
+        c >= 0 && (s.splice(c, 1), s.length === 0 && this.cleanupFunctions.delete(t));
       }
     }
   }
@@ -802,9 +802,9 @@ class oe {
    */
   static cleanup(t) {
     const r = this.cleanupFunctions.get(t);
-    r && ((r.__metaList || r).forEach((n) => {
+    r && ((r.__metaList || r).forEach((i) => {
       try {
-        typeof n == "function" ? n() : n && typeof n.cleanup == "function" && n.cleanup();
+        typeof i == "function" ? i() : i && typeof i.cleanup == "function" && i.cleanup();
       } catch (s) {
         console.error("Error during event cleanup:", s);
       }
@@ -824,151 +824,151 @@ class oe {
    * Check if an element has any tracked event listeners
    */
   static hasListeners(t) {
-    const r = this.cleanupFunctions.get(t), i = r ? r.__metaList || r : void 0;
-    return !!(i && i.length > 0);
+    const r = this.cleanupFunctions.get(t), n = r ? r.__metaList || r : void 0;
+    return !!(n && n.length > 0);
   }
   /**
    * Get the number of tracked event listeners for an element
    */
   static getListenerCount(t) {
-    const r = this.cleanupFunctions.get(t), i = r ? r.__metaList || r : void 0;
-    return i ? i.length : 0;
+    const r = this.cleanupFunctions.get(t), n = r ? r.__metaList || r : void 0;
+    return n ? n.length : 0;
   }
 }
-function ue(e, t) {
+function le(e, t) {
   if (t && e instanceof HTMLElement) {
-    oe.cleanup(e);
+    se.cleanup(e);
     for (const r in t)
       t[r] === e && delete t[r];
     for (const r of Array.from(e.childNodes))
-      ue(r, t);
+      le(r, t);
   }
 }
 function pe(e, t, r) {
   if (typeof e == "string") return;
-  const i = e.props?.reactiveRef ?? (e.props?.props && e.props.props.reactiveRef), n = e.props?.ref ?? (e.props?.props && e.props.props.ref);
-  i ? i.value = t : n && r && (r[n] = t);
+  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);
 }
-function Ct(e, t, r, i, n, s, o, a) {
+function Ct(e, t, r, n, i, s, o, c) {
   if (!s) return;
   const u = t.includes("lazy"), m = t.includes("trim"), g = t.includes("number"), b = e && typeof e == "object" && "value" in e && typeof e.value < "u", p = () => {
     if (b) {
-      const k = e.value;
-      return a && typeof k == "object" && k !== null ? k[a] : k;
+      const $ = e.value;
+      return c && typeof $ == "object" && $ !== null ? $[c] : $;
     }
     return H(s._state || s, e);
-  }, l = p();
-  let d = "text";
-  o instanceof HTMLInputElement ? d = i?.type || o.type || "text" : o instanceof HTMLSelectElement ? d = "select" : o instanceof HTMLTextAreaElement && (d = "textarea");
-  const x = o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement || o instanceof HTMLSelectElement, c = x ? d === "checkbox" || d === "radio" ? "checked" : "value" : a ?? "modelValue";
-  if (d === "checkbox")
-    if (Array.isArray(l))
-      r[c] = l.includes(String(o?.getAttribute("value") ?? i?.value ?? ""));
+  }, f = p();
+  let h = "text";
+  o instanceof HTMLInputElement ? h = n?.type || o.type || "text" : o instanceof HTMLSelectElement ? h = "select" : o instanceof HTMLTextAreaElement && (h = "textarea");
+  const v = o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement || o instanceof HTMLSelectElement, a = v ? h === "checkbox" || h === "radio" ? "checked" : "value" : c ?? "modelValue";
+  if (h === "checkbox")
+    if (Array.isArray(f))
+      r[a] = f.includes(String(o?.getAttribute("value") ?? n?.value ?? ""));
     else {
-      const k = o?.getAttribute("true-value") ?? !0;
-      r[c] = l === k;
+      const $ = o?.getAttribute("true-value") ?? !0;
+      r[a] = f === $;
     }
-  else if (d === "radio")
-    r[c] = l === (i?.value ?? "");
-  else if (d === "select")
+  else if (h === "radio")
+    r[a] = f === (n?.value ?? "");
+  else if (h === "select")
     if (o && o.hasAttribute("multiple") && o instanceof HTMLSelectElement) {
-      const k = Array.isArray(l) ? l.map(String) : [];
+      const $ = Array.isArray(f) ? f.map(String) : [];
       setTimeout(() => {
-        Array.from(o.options).forEach(($) => {
-          $.selected = k.includes($.value);
+        Array.from(o.options).forEach((k) => {
+          k.selected = $.includes(k.value);
         });
-      }, 0), r[c] = Array.isArray(l) ? l : [];
+      }, 0), r[a] = Array.isArray(f) ? f : [];
     } else
-      r[c] = l;
+      r[a] = f;
   else {
-    r[c] = l;
+    r[a] = f;
     try {
-      const k = re(c);
-      i && (i[k] = l);
+      const $ = re(a);
+      n && (n[$] = f);
     } catch {
     }
   }
-  const h = u || d === "checkbox" || d === "radio" || d === "select" ? "change" : "input", y = (k) => {
-    if (k.isComposing || n._isComposing) return;
-    const $ = typeof globalThis.process < "u" && globalThis.process.env?.NODE_ENV === "test" || typeof window < "u" && window.__vitest__;
-    if (k.isTrusted === !1 && !$) return;
-    const f = k.target;
-    if (!f || f._modelUpdating) return;
-    let v = f.value;
-    if (d === "checkbox") {
+  const l = u || h === "checkbox" || h === "radio" || h === "select" ? "change" : "input", y = ($) => {
+    if ($.isComposing || i._isComposing) return;
+    const k = typeof globalThis.process < "u" && globalThis.process.env?.NODE_ENV === "test" || typeof window < "u" && window.__vitest__;
+    if ($.isTrusted === !1 && !k) return;
+    const d = $.target;
+    if (!d || d._modelUpdating) return;
+    let x = d.value;
+    if (h === "checkbox") {
       const T = p();
       if (Array.isArray(T)) {
-        const R = f.getAttribute("value") ?? "", S = Array.from(T);
-        if (f.checked)
+        const R = d.getAttribute("value") ?? "", S = Array.from(T);
+        if (d.checked)
           S.includes(R) || S.push(R);
         else {
           const P = S.indexOf(R);
           P > -1 && S.splice(P, 1);
         }
-        v = S;
+        x = S;
       } else {
-        const R = f.getAttribute("true-value") ?? !0, S = f.getAttribute("false-value") ?? !1;
-        v = f.checked ? R : S;
+        const R = d.getAttribute("true-value") ?? !0, S = d.getAttribute("false-value") ?? !1;
+        x = d.checked ? R : S;
       }
-    } else if (d === "radio")
-      v = f.getAttribute("value") ?? f.value;
-    else if (d === "select" && f.multiple)
-      v = Array.from(f.selectedOptions).map((T) => T.value);
-    else if (m && typeof v == "string" && (v = v.trim()), g) {
-      const T = Number(v);
-      isNaN(T) || (v = T);
+    } else if (h === "radio")
+      x = d.getAttribute("value") ?? d.value;
+    else if (h === "select" && d.multiple)
+      x = Array.from(d.selectedOptions).map((T) => T.value);
+    else if (m && typeof x == "string" && (x = x.trim()), g) {
+      const T = Number(x);
+      isNaN(T) || (x = T);
     }
     const A = s._state || s, C = p();
-    if (Array.isArray(v) && Array.isArray(C) ? JSON.stringify([...v].sort()) !== JSON.stringify([...C].sort()) : v !== C) {
-      f._modelUpdating = !0;
+    if (Array.isArray(x) && Array.isArray(C) ? JSON.stringify([...x].sort()) !== JSON.stringify([...C].sort()) : x !== C) {
+      d._modelUpdating = !0;
       try {
         if (b)
-          if (a && typeof e.value == "object" && e.value !== null) {
+          if (c && typeof e.value == "object" && e.value !== null) {
             const T = { ...e.value };
-            T[a] = v, e.value = T;
+            T[c] = x, e.value = T;
           } else
-            e.value = v;
+            e.value = x;
         else
-          _e(A, e, v);
+          _e(A, e, x);
         if (s._requestRender && s._requestRender(), s._triggerWatchers) {
           const T = b ? "reactiveState" : e;
-          s._triggerWatchers(T, v);
+          s._triggerWatchers(T, x);
         }
-        if (f) {
-          const T = `update:${re(c)}`, R = new CustomEvent(T, {
-            detail: v,
+        if (d) {
+          const T = `update:${re(a)}`, R = new CustomEvent(T, {
+            detail: x,
             bubbles: !0,
             composed: !0
           });
-          f.dispatchEvent(R);
+          d.dispatchEvent(R);
         }
       } finally {
-        setTimeout(() => f._modelUpdating = !1, 0);
+        setTimeout(() => d._modelUpdating = !1, 0);
       }
     }
   };
-  if (x) {
-    if (n[h]) {
-      const k = n[h];
-      o && oe.removeListener(o, h, k);
+  if (v) {
+    if (i[l]) {
+      const $ = i[l];
+      o && se.removeListener(o, l, $);
     }
-    n[h] = y;
+    i[l] = y;
   } else {
-    const k = `update:${re(c)}`;
-    if (n[k]) {
-      const $ = n[k];
-      o && oe.removeListener(o, k, $);
-    }
-    n[k] = ($) => {
-      const f = s._state || s, v = $.detail !== void 0 ? $.detail : $.target?.value, A = H(f, e);
-      if (Array.isArray(v) && Array.isArray(A) ? JSON.stringify([...v].sort()) !== JSON.stringify([...A].sort()) : v !== A) {
-        _e(f, e, v), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, v);
-        const E = $.target;
+    const $ = `update:${re(a)}`;
+    if (i[$]) {
+      const k = i[$];
+      o && se.removeListener(o, $, k);
+    }
+    i[$] = (k) => {
+      const d = s._state || s, x = k.detail !== void 0 ? k.detail : k.target?.value, A = H(d, e);
+      if (Array.isArray(x) && Array.isArray(A) ? JSON.stringify([...x].sort()) !== JSON.stringify([...A].sort()) : x !== A) {
+        _e(d, e, x), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, x);
+        const E = k.target;
         if (E) {
-          E[c] = v;
+          E[a] = x;
           try {
-            const T = re(c);
-            typeof v == "boolean" ? v ? E.setAttribute(T, "true") : E.setAttribute(T, "false") : E.setAttribute(T, String(v));
+            const T = re(a);
+            typeof x == "boolean" ? x ? E.setAttribute(T, "true") : E.setAttribute(T, "false") : E.setAttribute(T, String(x));
           } catch {
           }
           queueMicrotask(() => {
@@ -978,22 +978,22 @@ function Ct(e, t, r, i, n, s, o, a) {
       }
     };
   }
-  (d === "text" || d === "textarea") && (n.compositionstart = (() => n._isComposing = !0), n.compositionend = (k) => {
-    n._isComposing = !1;
-    const $ = k.target;
-    $ && setTimeout(() => {
-      const f = $.value, v = s._state || s, A = H(v, e);
-      let C = f;
+  (h === "text" || h === "textarea") && (i.compositionstart = (() => i._isComposing = !0), i.compositionend = ($) => {
+    i._isComposing = !1;
+    const k = $.target;
+    k && setTimeout(() => {
+      const d = k.value, x = s._state || s, A = H(x, e);
+      let C = d;
       if (m && (C = C.trim()), g) {
         const T = Number(C);
         isNaN(T) || (C = T);
       }
       if (Array.isArray(C) && Array.isArray(A) ? JSON.stringify([...C].sort()) !== JSON.stringify([...A].sort()) : C !== A) {
-        $._modelUpdating = !0;
+        k._modelUpdating = !0;
         try {
-          _e(v, e, C), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, C);
+          _e(x, e, C), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, C);
         } finally {
-          setTimeout(() => $._modelUpdating = !1, 0);
+          setTimeout(() => k._modelUpdating = !1, 0);
         }
       }
     }, 0);
@@ -1003,83 +1003,83 @@ function ot(e) {
   const t = e.slice(2);
   return t ? t.charAt(0).toLowerCase() + t.slice(1) : "";
 }
-function _t(e, t, r, i) {
+function _t(e, t, r, n) {
   if (typeof e == "object" && e !== null)
-    for (const [n, s] of Object.entries(e))
-      n.startsWith("data-") || n.startsWith("aria-") || n === "class" ? r[n] = s : t[n] = s;
+    for (const [i, s] of Object.entries(e))
+      i.startsWith("data-") || i.startsWith("aria-") || i === "class" ? r[i] = s : t[i] = s;
   else if (typeof e == "string") {
-    if (!i) return;
+    if (!n) return;
     try {
-      const n = me(e, i);
-      if (typeof n == "object" && n !== null) {
-        for (const [s, o] of Object.entries(n))
+      const i = me(e, n);
+      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;
         return;
       } else {
-        r[e] = n;
+        r[e] = i;
         return;
       }
     } catch {
-      const n = H(i, e);
-      r[e] = n;
+      const i = H(n, e);
+      r[e] = i;
     }
   }
 }
 function Et(e, t, r) {
-  let i;
+  let n;
   if (typeof e == "string") {
     if (!r) return;
-    i = me(e, r);
+    n = me(e, r);
   } else
-    i = e;
-  const n = t.style || "";
-  let s = n;
-  if (i) {
-    if (n) {
-      const o = n.split(";").map((u) => u.trim()).filter(Boolean), a = o.findIndex(
+    n = e;
+  const i = t.style || "";
+  let s = i;
+  if (n) {
+    if (i) {
+      const o = i.split(";").map((u) => u.trim()).filter(Boolean), c = o.findIndex(
         (u) => u.startsWith("display:")
       );
-      a >= 0 && o[a] === "display: none" && (o.splice(a, 1), s = o.length > 0 ? o.join("; ") + ";" : "");
+      c >= 0 && o[c] === "display: none" && (o.splice(c, 1), s = o.length > 0 ? o.join("; ") + ";" : "");
     }
-  } else if (n) {
-    const o = n.split(";").filter(Boolean), a = o.findIndex(
+  } else if (i) {
+    const o = i.split(";").filter(Boolean), c = o.findIndex(
       (u) => u.trim().startsWith("display:")
     );
-    a >= 0 ? o[a] = "display: none" : o.push("display: none"), s = o.join("; ");
+    c >= 0 ? o[c] = "display: none" : o.push("display: none"), s = o.join("; ");
   } else
     s = "display: none";
-  s !== n && (s ? t.style = s : delete t.style);
+  s !== i && (s ? t.style = s : delete t.style);
 }
 function me(e, t) {
   return kt.evaluate(e, t);
 }
 function St(e, t, r) {
-  let i;
+  let n;
   if (typeof e == "string") {
     if (!r) return;
-    i = me(e, r);
+    n = me(e, r);
   } else
-    i = e;
-  let n = [];
-  typeof i == "string" ? n = [i] : Array.isArray(i) ? n = i.filter(Boolean) : typeof i == "object" && i !== null && (n = Object.entries(i).filter(([, a]) => !!a).flatMap(([a]) => a.split(/\s+/).filter(Boolean)));
-  const s = t.class || "", o = s ? `${s} ${n.join(" ")}`.trim() : n.join(" ");
+    n = 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(([, c]) => !!c).flatMap(([c]) => c.split(/\s+/).filter(Boolean)));
+  const s = t.class || "", o = s ? `${s} ${i.join(" ")}`.trim() : i.join(" ");
   o && (t.class = o);
 }
 function At(e, t, r) {
-  let i;
+  let n;
   if (typeof e == "string") {
     if (!r) return;
-    i = me(e, r);
+    n = me(e, r);
   } else
-    i = e;
-  let n = "";
-  if (typeof i == "string")
-    n = i;
-  else if (i && typeof i == "object") {
+    n = e;
+  let i = "";
+  if (typeof n == "string")
+    i = n;
+  else if (n && typeof n == "object") {
     const o = [];
-    for (const [a, u] of Object.entries(i))
+    for (const [c, u] of Object.entries(n))
       if (u != null && u !== "") {
-        const m = a.replace(
+        const m = c.replace(
           /[A-Z]/g,
           (p) => `-${p.toLowerCase()}`
         ), g = [
@@ -1111,37 +1111,37 @@ function At(e, t, r) {
         let b = String(u);
         typeof u == "number" && g.includes(m) && (b = `${u}px`), o.push(`${m}: ${b}`);
       }
-    n = o.join("; ") + (o.length > 0 ? ";" : "");
+    i = o.join("; ") + (o.length > 0 ? ";" : "");
   }
   const s = t.style || "";
-  t.style = s + (s && !s.endsWith(";") ? "; " : "") + n;
+  t.style = s + (s && !s.endsWith(";") ? "; " : "") + i;
 }
 function Tt(e, t, r) {
-  let i = e;
-  typeof e == "string" && r && (i = me(e, r)), ee(i) ? t.reactiveRef = i : t.ref = i;
+  let n = e;
+  typeof e == "string" && r && (n = me(e, r)), ee(n) ? t.reactiveRef = n : t.ref = n;
 }
-function at(e, t, r, i) {
-  const n = {}, s = { ...i || {} }, o = {};
-  for (const [a, u] of Object.entries(e)) {
+function at(e, t, r, n) {
+  const i = {}, s = { ...n || {} }, o = {};
+  for (const [c, u] of Object.entries(e)) {
     const { value: m, modifiers: g, arg: b } = u;
-    if (a === "model" || a.startsWith("model:")) {
-      const p = a.split(":"), l = p.length > 1 ? p[1] : b;
+    if (c === "model" || c.startsWith("model:")) {
+      const p = c.split(":"), f = p.length > 1 ? p[1] : b;
       Ct(
         m,
         // Pass the original value (could be string or reactive state object)
         g,
-        n,
+        i,
         s,
         o,
         t,
         r,
-        l
+        f
       );
       continue;
     }
-    switch (a) {
+    switch (c) {
       case "bind":
-        _t(m, n, s, t);
+        _t(m, i, s, t);
         break;
       case "show":
         Et(m, s, t);
@@ -1153,20 +1153,20 @@ function at(e, t, r, i) {
         At(m, s, t);
         break;
       case "ref":
-        Tt(m, n, t);
+        Tt(m, i, t);
         break;
     }
   }
-  return { props: n, attrs: s, listeners: o };
+  return { props: i, attrs: s, listeners: o };
 }
 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 b = o.tag || "node", l = [
+      let c = o.props?.key ?? o.key;
+      if (!c) {
+        const b = o.tag || "node", f = [
           // attrs (kebab-case)
           o.props?.attrs?.id,
           o.props?.attrs?.name,
@@ -1176,68 +1176,68 @@ function Be(e, t) {
           o.props?.props?.name,
           o.props?.props?.dataKey,
           o.props?.props?.["data-key"]
-        ].find((d) => d != null) ?? "";
-        a = l ? `${t}:${b}:${l}` : `${t}:${b}`;
+        ].find((h) => h != null) ?? "";
+        c = f ? `${t}:${b}:${f}` : `${t}:${b}`;
       }
-      let u = a, m = 1;
+      let u = c, m = 1;
       for (; s.has(u); )
-        u = `${a}#${m++}`;
+        u = `${c}#${m++}`;
       s.add(u);
       let g = o.children;
       return Array.isArray(g) && (g = Be(g, u)), { ...o, key: u, children: g };
     });
   }
   const r = e;
-  let i = r.props?.key ?? r.key ?? t, n = r.children;
-  return Array.isArray(n) && (n = Be(n, i)), { ...r, key: i, children: n };
+  let n = r.props?.key ?? r.key ?? t, i = r.children;
+  return Array.isArray(i) && (i = Be(i, n)), { ...r, key: n, children: i };
 }
-function Ve(e, t, r, i) {
-  const n = r.directives ?? {}, s = at(
-    n,
+function Ve(e, t, r, n) {
+  const i = r.directives ?? {}, s = at(
     i,
+    n,
     e,
     r.attrs
   ), o = {
     ...t.props,
     ...r.props,
     ...s.props
-  }, a = {
+  }, c = {
     ...t.attrs,
     ...r.attrs,
     ...s.attrs
   }, u = t.props ?? {}, m = o, g = r?.isCustomElement ?? t?.isCustomElement ?? !1;
   let b = !1;
-  for (const d in { ...u, ...m }) {
-    const x = u[d], w = m[d];
-    if (x !== w)
-      if (b = !0, d === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement))
+  for (const h in { ...u, ...m }) {
+    const v = u[h], w = m[h];
+    if (v !== w)
+      if (b = !0, h === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement))
         e.value !== w && (e.value = w ?? "");
-      else if (d === "checked" && e instanceof HTMLInputElement)
+      else if (h === "checked" && e instanceof HTMLInputElement)
         e.checked = !!w;
-      else if (d.startsWith("on") && typeof w == "function") {
-        const c = ot(d);
-        typeof x == "function" && oe.removeListener(e, c, x), oe.addListener(e, c, w);
+      else if (h.startsWith("on") && typeof w == "function") {
+        const a = ot(h);
+        typeof v == "function" && se.removeListener(e, a, v), se.addListener(e, a, w);
       } else if (w == null)
-        e.removeAttribute(d);
-      else if ((r?.isCustomElement ?? t?.isCustomElement ?? !1) || d in e)
+        e.removeAttribute(h);
+      else if ((r?.isCustomElement ?? t?.isCustomElement ?? !1) || h in e)
         try {
-          e[d] = w;
+          e[h] = w;
         } catch {
         }
       else
-        w === !1 && e.removeAttribute(d);
+        w === !1 && e.removeAttribute(h);
   }
-  for (const [d, x] of Object.entries(
+  for (const [h, v] of Object.entries(
     s.listeners || {}
   ))
-    oe.addListener(e, d, x);
-  const p = t.attrs ?? {}, l = a;
-  for (const d in { ...p, ...l }) {
-    const x = p[d], w = l[d];
-    let c = x, h = w;
-    if (ee(x) && (c = x.value), ee(w) && (h = w.value), c !== h)
-      if (b = !0, h == null || h === !1) {
-        if (e.removeAttribute(d), d === "value") {
+    se.addListener(e, h, v);
+  const p = t.attrs ?? {}, f = c;
+  for (const h in { ...p, ...f }) {
+    const v = p[h], w = f[h];
+    let a = v, l = w;
+    if (ee(v) && (a = v.value), ee(w) && (l = w.value), a !== l)
+      if (b = !0, l == null || l === !1) {
+        if (e.removeAttribute(h), h === "value") {
           if (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement)
             try {
               e.value = "";
@@ -1254,66 +1254,66 @@ function Ve(e, t, r, i) {
             } catch {
             }
         }
-        if (d === "checked" && e instanceof HTMLInputElement)
+        if (h === "checked" && e instanceof HTMLInputElement)
           try {
             e.checked = !1;
           } catch {
           }
-        if (d === "disabled")
+        if (h === "disabled")
           try {
             e.disabled = !1;
           } catch {
           }
       } else {
-        if (d === "value") {
+        if (h === "value") {
           if (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement) {
             try {
-              e.value = h ?? "";
+              e.value = l ?? "";
             } catch {
-              e.setAttribute(d, String(h));
+              e.setAttribute(h, String(l));
             }
             continue;
           } else if (e instanceof HTMLSelectElement) {
             try {
-              e.value = h ?? "";
+              e.value = l ?? "";
             } catch {
             }
             continue;
           } else if (e instanceof HTMLProgressElement) {
             try {
-              e.value = Number(h);
+              e.value = Number(l);
             } catch {
             }
             continue;
           }
         }
-        if (d === "checked" && e instanceof HTMLInputElement) {
+        if (h === "checked" && e instanceof HTMLInputElement) {
           try {
-            e.checked = !!h;
+            e.checked = !!l;
           } catch {
           }
           continue;
         }
-        if (d === "style") {
-          e.setAttribute(d, String(h));
+        if (h === "style") {
+          e.setAttribute(h, String(l));
           continue;
         }
         const y = e.namespaceURI === "http://www.w3.org/2000/svg";
-        if (g && !y && d.includes("-")) {
-          const k = it(d);
+        if (g && !y && h.includes("-")) {
+          const $ = it(h);
           try {
-            e[k] = h;
+            e[$] = l;
           } catch {
-            e.setAttribute(d, String(h));
+            e.setAttribute(h, String(l));
           }
-        } else if (!y && d in e)
+        } else if (!y && h in e)
           try {
-            e[d] = h;
+            e[h] = l;
           } catch {
-            e.setAttribute(d, String(h));
+            e.setAttribute(h, String(l));
           }
         else
-          e.setAttribute(d, String(h));
+          e.setAttribute(h, String(l));
       }
   }
   if (g && b)
@@ -1337,226 +1337,226 @@ function X(e, t, r) {
     return e.key != null && (p.key = e.key), p;
   }
   if (e.tag === "#anchor") {
-    const p = e, l = Array.isArray(p.children) ? p.children : [], d = document.createTextNode(""), x = document.createTextNode("");
-    p.key != null && (d.key = `${p.key}:start`, x.key = `${p.key}:end`), p._startNode = d, p._endNode = x;
+    const p = e, f = Array.isArray(p.children) ? p.children : [], h = document.createTextNode(""), v = document.createTextNode("");
+    p.key != null && (h.key = `${p.key}:start`, v.key = `${p.key}:end`), p._startNode = h, p._endNode = v;
     const w = document.createDocumentFragment();
-    w.appendChild(d);
-    for (const c of l) {
-      const h = X(c, t);
-      w.appendChild(h);
-    }
-    return w.appendChild(x), w;
-  }
-  const i = document.createElement(e.tag);
-  e.key != null && (i.key = e.key);
-  const { props: n = {}, attrs: s = {}, directives: o = {} } = e.props ?? {}, a = at(o, t, i, s), u = {
-    ...n,
-    ...a.props
+    w.appendChild(h);
+    for (const a of f) {
+      const l = X(a, t);
+      w.appendChild(l);
+    }
+    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 ?? {}, c = at(o, t, n, s), u = {
+    ...i,
+    ...c.props
   }, m = {
     ...s,
-    ...a.attrs
-  }, g = i.namespaceURI === "http://www.w3.org/2000/svg";
+    ...c.attrs
+  }, g = n.namespaceURI === "http://www.w3.org/2000/svg";
   for (const p in m) {
-    const l = m[p];
+    const f = m[p];
     if (!(typeof p != "string" || /\[object Object\]/.test(p))) {
-      if (typeof l == "boolean")
-        l && i.setAttribute(p, "");
-      else if (l != null)
-        if (!g && p === "value" && (i instanceof HTMLInputElement || i instanceof HTMLTextAreaElement || i instanceof HTMLSelectElement || i instanceof HTMLProgressElement))
+      if (typeof f == "boolean")
+        f && n.setAttribute(p, "");
+      else if (f != null)
+        if (!g && p === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement || n instanceof HTMLProgressElement))
           try {
-            i instanceof HTMLProgressElement ? i.value = Number(l) : i.value = l ?? "";
+            n instanceof HTMLProgressElement ? n.value = Number(f) : n.value = f ?? "";
           } catch {
-            i.setAttribute(p, String(l));
+            n.setAttribute(p, String(f));
           }
-        else if (!g && p === "checked" && i instanceof HTMLInputElement)
+        else if (!g && p === "checked" && n instanceof HTMLInputElement)
           try {
-            i.checked = !!l;
+            n.checked = !!f;
           } catch {
-            i.setAttribute(p, String(l));
+            n.setAttribute(p, String(f));
           }
-        else if (!g && p in i)
+        else if (!g && p in n)
           try {
-            i[p] = l;
+            n[p] = f;
           } catch {
-            i.setAttribute(p, String(l));
+            n.setAttribute(p, String(f));
           }
         else if ((e.props?.isCustomElement ?? !1) && !g && p.includes("-")) {
-          const x = it(p);
+          const v = it(p);
           try {
-            i[x] = l;
+            n[v] = f;
           } catch {
-            i.setAttribute(p, String(l));
+            n.setAttribute(p, String(f));
           }
         } else
-          i.setAttribute(p, String(l));
+          n.setAttribute(p, String(f));
     }
   }
   for (const p in u) {
-    const l = u[p];
+    const f = u[p];
     if (!(typeof p != "string" || /\[object Object\]/.test(p)))
-      if (p === "value" && (i instanceof HTMLInputElement || i instanceof HTMLTextAreaElement || i instanceof HTMLSelectElement)) {
-        const d = typeof l == "object" && l !== null && typeof l.value < "u" ? l.value : l;
-        i.value = d ?? "";
-      } else if (p === "checked" && i instanceof HTMLInputElement) {
-        const d = typeof l == "object" && l !== null && typeof l.value < "u" ? l.value : l;
-        i.checked = !!d;
-      } else if (p.startsWith("on") && typeof l == "function")
-        oe.addListener(i, ot(p), l);
+      if (p === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement)) {
+        const h = typeof f == "object" && f !== null && typeof f.value < "u" ? f.value : f;
+        n.value = h ?? "";
+      } else if (p === "checked" && n instanceof HTMLInputElement) {
+        const h = typeof f == "object" && f !== null && typeof f.value < "u" ? f.value : f;
+        n.checked = !!h;
+      } else if (p.startsWith("on") && typeof f == "function")
+        se.addListener(n, ot(p), f);
       else {
-        if (p.startsWith("on") && l === void 0)
+        if (p.startsWith("on") && f === void 0)
           continue;
-        if (l == null || l === !1)
-          i.removeAttribute(p);
-        else if ((e.props?.isCustomElement ?? !1) || p in i)
+        if (f == null || f === !1)
+          n.removeAttribute(p);
+        else if ((e.props?.isCustomElement ?? !1) || p in n)
           try {
-            const x = typeof l == "object" && l !== null && typeof l.value < "u" ? l.value : l;
-            i[p] = x;
+            const v = typeof f == "object" && f !== null && typeof f.value < "u" ? f.value : f;
+            n[p] = v;
           } catch {
           }
       }
   }
-  for (const [p, l] of Object.entries(
-    a.listeners || {}
+  for (const [p, f] of Object.entries(
+    c.listeners || {}
   ))
-    oe.addListener(i, p, l);
+    se.addListener(n, p, f);
   const b = {
     ...e,
     props: {
       ...e.props,
-      ...a.props
+      ...c.props
     }
   };
-  pe(b, i, r);
+  pe(b, n, r);
   try {
-    if (typeof i._applyProps == "function")
+    if (typeof n._applyProps == "function")
       try {
-        i._applyProps(i._cfg);
+        n._applyProps(n._cfg);
       } catch {
       }
-    typeof i.requestRender == "function" ? i.requestRender() : typeof i._render == "function" && i._render(i._cfg);
+    typeof n.requestRender == "function" ? n.requestRender() : typeof n._render == "function" && n._render(n._cfg);
   } catch {
   }
   if (Array.isArray(e.children))
     for (const p of e.children)
-      i.appendChild(X(p, t, r));
-  else typeof e.children == "string" && (i.textContent = e.children);
+      n.appendChild(X(p, t, r));
+  else typeof e.children == "string" && (n.textContent = e.children);
   try {
-    if (i instanceof HTMLSelectElement && m && m.hasOwnProperty("value"))
+    if (n instanceof HTMLSelectElement && m && m.hasOwnProperty("value"))
       try {
-        i.value = m.value ?? "";
+        n.value = m.value ?? "";
       } catch {
       }
   } catch {
   }
-  return i;
+  return n;
 }
-function Rt(e, t, r, i, n) {
+function Rt(e, t, r, n, i) {
   if (typeof r == "string") {
     e.textContent !== r && (e.textContent = r);
     return;
   }
   if (!Array.isArray(r)) return;
-  const s = Array.from(e.childNodes), o = Array.isArray(t) ? t : [], a = /* @__PURE__ */ new Map();
-  for (const l of o)
-    l && l.key != null && a.set(l.key, l);
+  const s = Array.from(e.childNodes), o = Array.isArray(t) ? t : [], c = /* @__PURE__ */ new Map();
+  for (const f of o)
+    f && f.key != null && c.set(f.key, f);
   const u = /* @__PURE__ */ new Map();
-  for (const l of s) {
-    const d = l.key;
-    d != null && u.set(d, l);
+  for (const f of s) {
+    const h = f.key;
+    h != null && u.set(h, f);
   }
   const m = /* @__PURE__ */ new Set();
   let g = e.firstChild;
-  function b(l, d) {
-    let x = l;
-    for (; x && (m.add(x), x !== d); )
-      x = x.nextSibling;
-  }
-  function p(l, d, x, w) {
-    const c = [];
-    let h = l.nextSibling;
-    for (; h && h !== d; )
-      c.push(h), h = h.nextSibling;
-    const y = Array.isArray(x) ? x : [];
-    if (w.some(($) => $ && $.key != null) || y.some(($) => $ && $.key != null)) {
-      const $ = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
+  function b(f, h) {
+    let v = f;
+    for (; v && (m.add(v), v !== h); )
+      v = v.nextSibling;
+  }
+  function p(f, h, v, w) {
+    const a = [];
+    let l = f.nextSibling;
+    for (; l && l !== h; )
+      a.push(l), l = l.nextSibling;
+    const y = Array.isArray(v) ? v : [];
+    if (w.some((k) => k && k.key != null) || y.some((k) => k && k.key != null)) {
+      const k = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map();
       for (const C of y)
-        C && C.key != null && $.set(C.key, C);
-      for (const C of c) {
+        C && C.key != null && k.set(C.key, C);
+      for (const C of a) {
         const E = C.key;
-        E != null && f.set(E, C);
+        E != null && d.set(E, C);
       }
-      const v = /* @__PURE__ */ new Set();
-      let A = l.nextSibling;
+      const x = /* @__PURE__ */ new Set();
+      let A = f.nextSibling;
       for (const C of w) {
         let E;
-        if (C.key != null && f.has(C.key)) {
-          const T = $.get(C.key);
+        if (C.key != null && d.has(C.key)) {
+          const T = k.get(C.key);
           E = Ee(
-            f.get(C.key),
+            d.get(C.key),
             T,
             C,
-            i
-          ), v.add(E), E !== A && e.contains(E) && e.insertBefore(E, A);
+            n
+          ), x.add(E), E !== A && e.contains(E) && e.insertBefore(E, A);
         } else
-          E = X(C, i), e.insertBefore(E, A), v.add(E);
+          E = X(C, n), e.insertBefore(E, A), x.add(E);
         A = E.nextSibling;
       }
-      for (const C of c)
-        !v.has(C) && e.contains(C) && e.removeChild(C);
+      for (const C of a)
+        !x.has(C) && e.contains(C) && e.removeChild(C);
     } else {
-      const $ = Math.min(
+      const k = Math.min(
         y.length,
         w.length
       );
-      for (let f = 0; f < $; f++) {
-        const v = y[f], A = w[f], C = Ee(c[f], v, A, i);
-        C !== c[f] && (e.insertBefore(C, c[f]), e.removeChild(c[f]));
+      for (let d = 0; d < k; d++) {
+        const x = y[d], A = w[d], C = Ee(a[d], x, A, n);
+        C !== a[d] && (e.insertBefore(C, a[d]), e.removeChild(a[d]));
       }
-      for (let f = $; f < w.length; f++)
-        e.insertBefore(X(w[f], i), d);
-      for (let f = $; f < c.length; f++)
-        e.removeChild(c[f]);
-    }
-  }
-  for (const l of r) {
-    let d;
-    if (l.tag === "#anchor") {
-      const x = l.key, w = `${x}:start`, c = `${x}:end`;
-      let h = u.get(w), y = u.get(c);
-      const k = Array.isArray(l.children) ? l.children : [];
-      if (h || (h = document.createTextNode(""), h.key = w), y || (y = document.createTextNode(""), y.key = c), l._startNode = h, l._endNode = y, !e.contains(h) || !e.contains(y)) {
-        e.insertBefore(h, g);
-        for (const $ of k)
-          e.insertBefore(X($, i), g);
+      for (let d = k; d < w.length; d++)
+        e.insertBefore(X(w[d], n), h);
+      for (let d = k; d < a.length; d++)
+        e.removeChild(a[d]);
+    }
+  }
+  for (const f of r) {
+    let h;
+    if (f.tag === "#anchor") {
+      const v = f.key, w = `${v}:start`, a = `${v}:end`;
+      let l = u.get(w), y = u.get(a);
+      const $ = Array.isArray(f.children) ? f.children : [];
+      if (l || (l = document.createTextNode(""), l.key = w), y || (y = document.createTextNode(""), y.key = a), f._startNode = l, f._endNode = y, !e.contains(l) || !e.contains(y)) {
+        e.insertBefore(l, g);
+        for (const k of $)
+          e.insertBefore(X(k, n), g);
         e.insertBefore(y, g);
       } else
         p(
-          h,
+          l,
           y,
-          a.get(x)?.children,
-          k
+          c.get(v)?.children,
+          $
         );
-      b(h, y), g = y.nextSibling;
+      b(l, y), g = y.nextSibling;
       continue;
     }
-    if (l.key != null && u.has(l.key)) {
-      const x = a.get(l.key);
-      d = Ee(
-        u.get(l.key),
-        x,
-        l,
-        i,
-        n
-      ), m.add(d), d !== g && e.contains(d) && (g && !e.contains(g) && (g = null), e.insertBefore(d, g));
+    if (f.key != null && u.has(f.key)) {
+      const v = c.get(f.key);
+      h = Ee(
+        u.get(f.key),
+        v,
+        f,
+        n,
+        i
+      ), m.add(h), h !== g && e.contains(h) && (g && !e.contains(g) && (g = null), e.insertBefore(h, g));
     } else
-      d = X(l, i, n), g && !e.contains(g) && (g = null), e.insertBefore(d, g), m.add(d);
-    g = d.nextSibling;
+      h = X(f, n, i), g && !e.contains(g) && (g = null), e.insertBefore(h, g), m.add(h);
+    g = h.nextSibling;
   }
-  for (const l of s)
-    !m.has(l) && e.contains(l) && (ue(l, n), e.removeChild(l));
+  for (const f of s)
+    !m.has(f) && e.contains(f) && (le(f, i), e.removeChild(f));
 }
-function Ee(e, t, r, i, n) {
-  if (t && typeof t != "string" && t.props?.ref && n && ue(e, n), t === r) return e;
+function Ee(e, t, r, n, i) {
+  if (t && typeof t != "string" && t.props?.ref && i && le(e, i), t === r) return e;
   if (typeof r == "string") {
     if (e.nodeType === Node.TEXT_NODE)
       return e.textContent !== r && (e.textContent = r), e;
@@ -1566,84 +1566,84 @@ function Ee(e, t, r, i, n) {
     }
   }
   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("");
+    const o = r, c = 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;
     const g = document.createDocumentFragment();
     g.appendChild(u);
-    for (const b of a) {
-      const p = X(b, i);
+    for (const b of c) {
+      const p = X(b, n);
       g.appendChild(p);
     }
     return g.appendChild(m), e.parentNode?.replaceChild(g, e), u;
   }
   if (!r) {
-    ue(e, n);
+    le(e, i);
     const o = document.createComment("removed");
     return e.parentNode?.replaceChild(o, e), o;
   }
   if (!t || typeof t == "string") {
-    ue(e, n);
-    const o = X(r, i, n);
-    return pe(r, o, n), e.parentNode?.replaceChild(o, e), o;
+    le(e, i);
+    const o = X(r, n, i);
+    return pe(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 o = Array.isArray(r.children) ? r.children : [], c = r._startNode ?? document.createTextNode(""), u = r._endNode ?? document.createTextNode("");
+    r.key != null && (c.key = `${r.key}:start`, u.key = `${r.key}:end`), r._startNode = c, r._endNode = u;
     const m = document.createDocumentFragment();
-    m.appendChild(a);
+    m.appendChild(c);
     for (const g of o)
-      m.appendChild(X(g, i));
-    return m.appendChild(u), e.parentNode?.replaceChild(m, e), a;
+      m.appendChild(X(g, n));
+    return m.appendChild(u), e.parentNode?.replaceChild(m, e), c;
   }
   if (typeof t != "string" && typeof r != "string" && t.tag === r.tag && t.key === r.key) {
     const o = e;
-    return Ve(o, t.props || {}, r.props || {}, i), Rt(o, t.children, r.children, i, n), pe(r, o, n), o;
+    return Ve(o, t.props || {}, r.props || {}, n), Rt(o, t.children, r.children, n, i), pe(r, 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))
     try {
-      const a = e;
-      return Ve(a, t.props || {}, r.props || {}, i), pe(r, a, n), a;
+      const c = e;
+      return Ve(c, t.props || {}, r.props || {}, n), pe(r, c, i), c;
     } catch {
     }
-  ue(e, n);
-  const s = X(r, i, n);
-  return pe(r, s, n), e.parentNode?.replaceChild(s, e), s;
+  le(e, i);
+  const s = X(r, n, i);
+  return pe(r, s, i), e.parentNode?.replaceChild(s, e), s;
 }
-function Ot(e, t, r, i) {
-  let n;
-  Array.isArray(t) ? t.length === 1 ? (n = t[0], n && typeof n == "object" && n.key == null && (n = { ...n, key: "__root__" })) : n = { tag: "div", key: "__root__", children: t } : (n = t, n && typeof n == "object" && n.key == null && (n = { ...n, key: "__root__" })), n && typeof n == "object" && n.tag === "#anchor" && (n = {
+function Ot(e, t, r, n) {
+  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: [n]
-  }), n = Be(n, String(n.key ?? "root"));
+    children: [i]
+  }), 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 n != "string" && s.tag === n.tag && s.key === n.key ? a = Ee(o, s, n, r, i) : (a = X(n, r, i), e.replaceChild(a, o)) : (a = X(n, r, i), e.firstChild ? e.replaceChild(a, e.firstChild) : e.appendChild(a));
+  let c;
+  s && o ? typeof s != "string" && typeof i != "string" && s.tag === i.tag && s.key === i.key ? c = Ee(o, s, i, r, n) : (c = X(i, r, n), e.replaceChild(c, o)) : (c = X(i, r, n), e.firstChild ? e.replaceChild(c, e.firstChild) : e.appendChild(c));
   const u = [];
   for (let m = 0; m < e.childNodes.length; m++) {
     const g = e.childNodes[m];
-    g !== a && g.nodeName !== "STYLE" && (ue(g, i), u.push(g));
+    g !== c && g.nodeName !== "STYLE" && (le(g, n), u.push(g));
   }
-  u.forEach((m) => e.removeChild(m)), e._prevVNode = n, e._prevDom = a;
+  u.forEach((m) => e.removeChild(m)), e._prevVNode = i, e._prevDom = c;
 }
 function Pe(e) {
-  if (typeof e == "string") return ie(e);
+  if (typeof e == "string") return de(e);
   if (e.tag === "#text")
-    return typeof e.children == "string" ? ie(e.children) : "";
+    return typeof e.children == "string" ? de(e.children) : "";
   if (e.tag === "#anchor")
     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(([n, s]) => ` ${n}="${ie(String(s))}"`).join(""));
+  e.props && e.props.attrs && (t = Object.entries(e.props.attrs).map(([i, s]) => ` ${i}="${de(String(s))}"`).join(""));
   let r = "";
-  e.props && (r = Object.entries(e.props).filter(([n]) => n !== "attrs" && n !== "directives" && n !== "ref" && n !== "key").map(([n, s]) => ` ${n}="${ie(String(s))}"`).join(""));
-  const i = 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}${r}>${i}</${e.tag}>`;
+  e.props && (r = Object.entries(e.props).filter(([i]) => i !== "attrs" && i !== "directives" && i !== "ref" && i !== "key").map(([i, s]) => ` ${i}="${de(String(s))}"`).join(""));
+  const n = Array.isArray(e.children) ? e.children.filter(Boolean).map(Pe).join("") : typeof e.children == "string" ? de(e.children) : e.children ? Pe(e.children) : "";
+  return `<${e.tag}${t}${r}>${n}</${e.tag}>`;
 }
 function Pt(e, ...t) {
   let r = "";
-  for (let i = 0; i < e.length; i++)
-    r += e[i], i < t.length && (r += t[i]);
+  for (let n = 0; n < e.length; n++)
+    r += e[n], n < t.length && (r += t[n]);
   return r;
 }
 function ct(e) {
@@ -1671,7 +1671,7 @@ const Mt = Pt`
   }
   :host {
     display: contents;
-    font: 16px/1.5 ui-sans-serif, system-ui, sans-serif;
+    font: 16px/1.5 var(--font-sans, ui-sans-serif, system-ui, sans-serif);
     -webkit-text-size-adjust: 100%;
     text-size-adjust: 100%;
   }
@@ -1814,13 +1814,13 @@ const Mt = Pt`
   Object.entries(jt).map(([e, t]) => [
     e,
     Object.fromEntries(
-      Object.entries(t).map(([r, i]) => [
+      Object.entries(t).map(([r, n]) => [
         r,
-        `var(--color-${e}${r === "DEFAULT" ? "" : `-${r}`}, ${i})`
+        `var(--color-${e}${r === "DEFAULT" ? "" : `-${r}`}, ${n})`
       ])
     )
   ])
-), le = "0.25rem", Nt = {
+), ce = "0.25rem", Nt = {
   // Tailwind container widths
   // 3xs: 16rem  => 16 / 0.25 = 64
   "3xs": 64,
@@ -1851,18 +1851,18 @@ const Mt = Pt`
 }, zt = () => {
   const e = {};
   for (const [t, r] of Object.entries(Nt))
-    e[`max-w-${t}`] = `max-width:calc(${le} * ${r});`, e[`min-w-${t}`] = `min-width:calc(${le} * ${r});`, e[`w-${t}`] = `width:calc(${le} * ${r});`, e[`max-h-${t}`] = `max-height:calc(${le} * ${r});`, e[`min-h-${t}`] = `min-height:calc(${le} * ${r});`, e[`h-${t}`] = `height:calc(${le} * ${r});`;
+    e[`max-w-${t}`] = `max-width:calc(${ce} * ${r});`, e[`min-w-${t}`] = `min-width:calc(${ce} * ${r});`, e[`w-${t}`] = `width:calc(${ce} * ${r});`, e[`max-h-${t}`] = `max-height:calc(${ce} * ${r});`, e[`min-h-${t}`] = `min-height:calc(${ce} * ${r});`, e[`h-${t}`] = `height:calc(${ce} * ${r});`;
   return e;
-}, Dt = () => {
+}, It = () => {
   const e = {}, t = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
   for (const r of t)
     e[`grid-cols-${r}`] = `grid-template-columns:repeat(${r},minmax(0,1fr));`, e[`grid-rows-${r}`] = `grid-template-rows:repeat(${r},minmax(0,1fr));`, e[`col-span-${r}`] = `grid-column:span ${r} / span ${r};`, e[`row-span-${r}`] = `grid-row:span ${r} / span ${r};`, e[`col-start-${r}`] = `grid-column-start:${r};`, e[`col-end-${r}`] = `grid-column-end:${r};`, e[`row-start-${r}`] = `grid-row-start:${r};`, e[`row-end-${r}`] = `grid-row-end:${r};`;
   return e["grid-cols-none"] = "grid-template-columns:none;", e["grid-rows-none"] = "grid-template-rows:none;", e["col-span-full"] = "grid-column:1 / -1;", e["row-span-full"] = "grid-row:1 / -1;", e["auto-cols-auto"] = "grid-auto-columns:auto;", e["auto-cols-min"] = "grid-auto-columns:min-content;", e["auto-cols-max"] = "grid-auto-columns:max-content;", e["auto-cols-fr"] = "grid-auto-columns:1fr;", e["auto-rows-auto"] = "grid-auto-rows:auto;", e["auto-rows-min"] = "grid-auto-rows:min-content;", e["auto-rows-max"] = "grid-auto-rows:max-content;", e["auto-rows-fr"] = "grid-auto-rows:1fr;", e["grid-flow-row"] = "grid-auto-flow:row;", e["grid-flow-col"] = "grid-auto-flow:column;", e["grid-flow-row-dense"] = "grid-auto-flow:row dense;", e["grid-flow-col-dense"] = "grid-auto-flow:column dense;", e;
-}, It = () => {
+}, Dt = () => {
   const e = {}, t = [0, 1, 2, 4, 6, 8];
   for (const r of t) {
-    const i = `${r}px`;
-    e[`border-${r}`] = `border-width:${i};`, e[`border-s-${r}`] = `border-inline-start-width:${i};`, e[`border-e-${r}`] = `border-inline-end-width:${i};`, e[`border-bs-${r}`] = `border-block-start-width:${i};`, e[`border-be-${r}`] = `border-block-end-width:${i};`, e[`border-x-${r}`] = `border-inline-width:${i};`, e[`border-y-${r}`] = `border-block-width:${i};`, e[`border-t-${r}`] = `border-top-width:${i};`, e[`border-r-${r}`] = `border-right-width:${i};`, e[`border-b-${r}`] = `border-bottom-width:${i};`, e[`border-l-${r}`] = `border-left-width:${i};`;
+    const n = `${r}px`;
+    e[`border-${r}`] = `border-width:${n};`, e[`border-s-${r}`] = `border-inline-start-width:${n};`, e[`border-e-${r}`] = `border-inline-end-width:${n};`, e[`border-bs-${r}`] = `border-block-start-width:${n};`, e[`border-be-${r}`] = `border-block-end-width:${n};`, e[`border-x-${r}`] = `border-inline-width:${n};`, e[`border-y-${r}`] = `border-block-width:${n};`, e[`border-t-${r}`] = `border-top-width:${n};`, e[`border-r-${r}`] = `border-right-width:${n};`, e[`border-b-${r}`] = `border-bottom-width:${n};`, e[`border-l-${r}`] = `border-left-width:${n};`;
   }
   return e.border = "border-width:1px;", e["border-t"] = "border-top-width:1px;", e["border-r"] = "border-right-width:1px;", e["border-b"] = "border-bottom-width:1px;", e["border-l"] = "border-left-width:1px;", e["border-x"] = "border-left-width:1px;border-right-width:1px;", e["border-y"] = "border-top-width:1px;border-bottom-width:1px;", e["border-s"] = "border-inline-start-width:1px;", e["border-e"] = "border-inline-end-width:1px;", e["border-bs"] = "border-block-start-width:1px;", e["border-be"] = "border-block-end-width:1px;", e;
 }, Ht = () => {
@@ -1878,9 +1878,9 @@ const Mt = Pt`
     "4xl": 32,
     full: 9999
   };
-  for (const [r, i] of Object.entries(t)) {
-    const n = i === 9999 ? "9999px" : `${i / 16}rem`;
-    e[`rounded-${r}`] = `border-radius:${n};`, e[`rounded-s-${r}`] = `border-start-start-radius:${n};border-end-start-radius:${n};`, e[`rounded-e-${r}`] = `border-start-end-radius:${n};border-end-end-radius:${n};`, e[`rounded-t-${r}`] = `border-top-left-radius:${n};border-top-right-radius:${n};`, e[`rounded-r-${r}`] = `border-top-right-radius:${n};border-bottom-right-radius:${n};`, e[`rounded-b-${r}`] = `border-bottom-left-radius:${n};border-bottom-right-radius:${n};`, e[`rounded-l-${r}`] = `border-top-left-radius:${n};border-bottom-left-radius:${n};`, e[`rounded-x-${r}`] = `border-top-left-radius:${n};border-bottom-left-radius:${n};border-top-right-radius:${n};border-bottom-right-radius:${n};`, e[`rounded-y-${r}`] = `border-top-left-radius:${n};border-top-right-radius:${n};border-bottom-left-radius:${n};border-bottom-right-radius:${n};`;
+  for (const [r, n] of Object.entries(t)) {
+    const i = n === 9999 ? "9999px" : `${n / 16}rem`;
+    e[`rounded-${r}`] = `border-radius:${i};`, e[`rounded-s-${r}`] = `border-start-start-radius:${i};border-end-start-radius:${i};`, e[`rounded-e-${r}`] = `border-start-end-radius:${i};border-end-end-radius:${i};`, e[`rounded-t-${r}`] = `border-top-left-radius:${i};border-top-right-radius:${i};`, e[`rounded-r-${r}`] = `border-top-right-radius:${i};border-bottom-right-radius:${i};`, e[`rounded-b-${r}`] = `border-bottom-left-radius:${i};border-bottom-right-radius:${i};`, e[`rounded-l-${r}`] = `border-top-left-radius:${i};border-bottom-left-radius:${i};`, e[`rounded-x-${r}`] = `border-top-left-radius:${i};border-bottom-left-radius:${i};border-top-right-radius:${i};border-bottom-right-radius:${i};`, e[`rounded-y-${r}`] = `border-top-left-radius:${i};border-top-right-radius:${i};border-bottom-left-radius:${i};border-bottom-right-radius:${i};`;
   }
   return e;
 }, Le = {
@@ -1929,7 +1929,7 @@ const Mt = Pt`
   "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 & Placement */
-  ...Dt(),
+  ...It(),
   /* Positioning */
   absolute: "position:absolute;",
   relative: "position:relative;",
@@ -1966,7 +1966,7 @@ const Mt = Pt`
   "text-7xl": "font-size:4.5rem;line-height:1",
   "text-8xl": "font-size:6rem;line-height:1",
   /* Borders */
-  ...It(),
+  ...Dt(),
   ...Ht(),
   /* Shadow and effects */
   // Shadows use a CSS variable for color so color utilities can modify --ce-shadow-color
@@ -2019,9 +2019,9 @@ const Mt = Pt`
   "grow-0": "flex-grow:0;",
   "shrink-0": "flex-shrink:0;",
   /* Font Family */
-  "font-sans": "font-family:ui-sans-serif,system-ui,sans-serif;",
-  "font-serif": "font-family:ui-serif,Georgia,serif;",
-  "font-mono": "font-family:ui-monospace,SFMono-Regular,monospace;",
+  "font-sans": "font-family:var(--font-sans, ui-sans-serif,system-ui,sans-serif);",
+  "font-serif": "font-family:var(--font-serif, ui-serif,Georgia,serif);",
+  "font-mono": "font-family:var(--font-mono, ui-monospace,SFMono-Regular,monospace);",
   /* Line Clamp (for webkit) */
   "line-clamp-1": "display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;",
   "line-clamp-2": "display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;",
@@ -2084,15 +2084,15 @@ const Mt = Pt`
   "gap-y": ["row-gap"]
 };
 function G(e, t) {
-  let r = 0, i = 0;
-  for (let n = 0; n < e.length; n++) {
-    const s = e[n];
+  let r = 0, n = 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 === "(") i++;
-    else if (s === ")" && i > 0) i--;
-    else if (r === 0 && i === 0 && (s === ">" || s === "+" || s === "~" || s === " "))
-      return e.slice(0, n) + t + e.slice(n);
+    else if (s === "(") n++;
+    else if (s === ")" && n > 0) n--;
+    else if (r === 0 && n === 0 && (s === ">" || s === "+" || s === "~" || s === " "))
+      return e.slice(0, i) + t + e.slice(i);
   }
   return e + t;
 }
@@ -2130,24 +2130,24 @@ const Bt = {
   dark: "(prefers-color-scheme: dark)"
 }, je = ["sm", "md", "lg", "xl", "2xl"];
 function We(e) {
-  const t = e.startsWith("-"), i = (t ? e.slice(1) : e).split("-");
-  if (i.length < 2) return null;
-  const n = i.slice(0, -1).join("-"), s = i[i.length - 1], o = parseFloat(s);
-  if (Number.isNaN(o) || !Ze[n]) return null;
-  const a = t ? "-" : "";
-  return Ze[n].map((u) => `${u}:calc(${a}${le} * ${o});`).join("");
+  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) || !Ze[i]) return null;
+  const c = t ? "-" : "";
+  return Ze[i].map((u) => `${u}:calc(${c}${ce} * ${o});`).join("");
 }
 function Ge(e) {
-  const t = e.replace("#", ""), r = parseInt(t, 16), i = r >> 16 & 255, n = r >> 8 & 255, s = r & 255;
-  return `${i} ${n} ${s}`;
+  const t = e.replace("#", ""), r = parseInt(t, 16), n = r >> 16 & 255, i = r >> 8 & 255, s = r & 255;
+  return `${n} ${i} ${s}`;
 }
 function Ut(e) {
   const t = /^(bg|text|border|decoration|shadow|outline|caret|accent|fill|stroke)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/.exec(e);
   if (!t) return null;
-  const [, r, i, n = "DEFAULT"] = t, s = Wt[i]?.[n];
+  const [, r, n, i = "DEFAULT"] = t, s = Wt[n]?.[i];
   if (!s) return null;
   if (r === "shadow") return `--ce-shadow-color:${s};`;
-  const a = {
+  const c = {
     bg: "background-color",
     decoration: "text-decoration-color",
     text: "color",
@@ -2158,35 +2158,35 @@ function Ut(e) {
     fill: "fill",
     stroke: "stroke"
   }[r];
-  return a ? `${a}:${s};` : null;
+  return c ? `${c}:${s};` : null;
 }
 function qt(e) {
   const [t, r] = e.split("/");
   if (!r) return { base: t };
-  const i = parseInt(r, 10);
-  return isNaN(i) || i < 0 || i > 100 ? { base: t } : { base: t, opacity: i / 100 };
+  const n = parseInt(r, 10);
+  return isNaN(n) || n < 0 || n > 100 ? { base: t } : { base: t, opacity: n / 100 };
 }
 function Ne(e) {
-  const { base: t, opacity: r } = qt(e), i = Ut(t);
-  if (i) {
+  const { base: t, opacity: r } = qt(e), n = Ut(t);
+  if (n) {
     if (r !== void 0) {
-      const s = /#([0-9a-f]{6})/i.exec(i);
+      const s = /#([0-9a-f]{6})/i.exec(n);
       if (s) {
         const o = Ge(s[0]);
-        return i.replace(/#([0-9a-f]{6})/i, `rgb(${o} / ${r})`);
+        return n.replace(/#([0-9a-f]{6})/i, `rgb(${o} / ${r})`);
       }
     }
-    return i;
+    return n;
   }
-  const n = Se(t);
-  if (n && r !== void 0) {
-    const s = /#([0-9a-f]{6})/i.exec(n);
+  const i = Se(t);
+  if (i && r !== void 0) {
+    const s = /#([0-9a-f]{6})/i.exec(i);
     if (s) {
       const o = Ge(s[0]);
-      return n.replace(/#([0-9a-f]{6})/i, `rgb(${o} / ${r})`);
+      return i.replace(/#([0-9a-f]{6})/i, `rgb(${o} / ${r})`);
     }
   }
-  return n;
+  return i;
 }
 function ze(e) {
   const t = /^opacity-(\d{1,3})$/.exec(e);
@@ -2196,19 +2196,19 @@ function ze(e) {
 }
 function Se(e) {
   if (e.startsWith("[") && e.endsWith("]") && !e.includes("-[")) {
-    const n = e.slice(1, -1).trim().match(/^([a-zA-Z][a-zA-Z0-9-]*)\s*:(.*)$/);
-    if (n) {
-      const s = n[1].trim();
-      let o = n[2].trim();
+    const i = e.slice(1, -1).trim().match(/^([a-zA-Z][a-zA-Z0-9-]*)\s*:(.*)$/);
+    if (i) {
+      const s = i[1].trim();
+      let o = i[2].trim();
       return o = o.replace(/url\('\s*([^']*?)\s*'\)/g, 'url("$1")'), o = o.replace(/^'([^']*)'$/g, '"$1"'), `${s}:${o};`;
     }
     return null;
   }
   const t = e.indexOf("-["), r = e.endsWith("]");
   if (t > 0 && r) {
-    const i = e.slice(0, t);
-    let n = e.slice(t + 2, -1);
-    n = n.replace(/_/g, " ");
+    const n = e.slice(0, t);
+    let i = e.slice(t + 2, -1);
+    i = i.replace(/_/g, " ");
     const s = {
       bg: "background-color",
       text: "color",
@@ -2253,10 +2253,10 @@ function Se(e) {
       leading: "line-height",
       z: "z-index"
     };
-    if (i === "rotate")
-      return `transform:rotate(${n});`;
-    const o = s[i] ?? i.replace(/_/g, "-");
-    if (o && n) return `${o}:${n};`;
+    if (n === "rotate")
+      return `transform:rotate(${i});`;
+    const o = s[n] ?? n.replace(/_/g, "-");
+    if (o && i) return `${o}:${i};`;
   }
   return null;
 }
@@ -2277,10 +2277,10 @@ function Kt(e) {
 }
 function Vt(e) {
   const t = /class\s*=\s*(['"])(.*?)\1/g, r = [];
-  let i;
-  for (; i = t.exec(e); ) {
-    const n = i[2].split(/\s+/).filter(Boolean);
-    n.length && r.push(...n);
+  let n;
+  for (; n = t.exec(e); ) {
+    const i = n[2].split(/\s+/).filter(Boolean);
+    i.length && r.push(...i);
   }
   return r.filter(Boolean);
 }
@@ -2288,27 +2288,27 @@ const Xe = /* @__PURE__ */ new Map(), Jt = 16;
 function Zt(e) {
   const t = Date.now(), r = Xe.get(e);
   if (r && t - r.timestamp < Jt) return r.css;
-  const i = Vt(e), n = new Set(i), s = [], o = [], a = [], u = [], m = {};
-  function g(w, c = !1) {
-    const h = (c ? "dark|" : "") + w;
-    if (h in m) return m[h];
-    const y = d(w, c);
-    return m[h] = y, y;
+  const n = Vt(e), i = new Set(n), s = [], o = [], c = [], u = [], m = {};
+  function g(w, a = !1) {
+    const l = (a ? "dark|" : "") + w;
+    if (l in m) return m[l];
+    const y = h(w, a);
+    return m[l] = y, y;
   }
   function b(w) {
-    const c = w.some((y) => je.includes(y)), h = w.includes("dark");
-    return w.length === 0 ? 1 : !c && !h ? 2 : c && !h ? 3 : 4;
+    const a = w.some((y) => je.includes(y)), l = w.includes("dark");
+    return w.length === 0 ? 1 : !a && !l ? 2 : a && !l ? 3 : 4;
   }
   function p(w) {
-    const c = [];
-    let h = "", y = 0, k = 0;
-    for (let $ = 0; $ < w.length; $++) {
-      const f = w[$];
-      f === "[" ? y++ : f === "]" && y > 0 ? y-- : f === "(" ? k++ : f === ")" && k > 0 && k--, f === ":" && y === 0 && k === 0 ? (c.push(h), h = "") : h += f;
+    const a = [];
+    let l = "", y = 0, $ = 0;
+    for (let k = 0; k < w.length; k++) {
+      const d = w[k];
+      d === "[" ? y++ : d === "]" && y > 0 ? y-- : d === "(" ? $++ : d === ")" && $ > 0 && $--, d === ":" && y === 0 && $ === 0 ? (a.push(l), l = "") : l += d;
     }
-    return h && c.push(h), c;
+    return l && a.push(l), a;
   }
-  function l(w) {
+  function f(w) {
     switch (w) {
       case "hover":
         return ":hover";
@@ -2338,17 +2338,17 @@ function Zt(e) {
         return null;
     }
   }
-  function d(w, c = !1) {
-    const h = p(w);
+  function h(w, a = !1) {
+    const l = p(w);
     let y = !1;
-    const k = h.find((_) => (_.startsWith("!") && (y = !0, _ = _.slice(1)), Le[_] || We(_) || ze(_) || Ne(_) || Se(_)));
-    if (!k) return null;
-    const $ = k.replace(/^!/, ""), f = Le[$] ?? We($) ?? ze($) ?? Ne($) ?? Se($);
-    if (!f) return null;
-    const v = h.indexOf(k);
-    let A = v >= 0 ? h.slice(0, v) : [];
-    c && (A = A.filter((_) => _ !== "dark"));
-    const C = `.${Kt(w)}`, E = "__SUBJECT__", T = y ? f.replace(/;$/, " !important;") : f;
+    const $ = l.find((_) => (_.startsWith("!") && (y = !0, _ = _.slice(1)), Le[_] || We(_) || ze(_) || Ne(_) || Se(_)));
+    if (!$) return null;
+    const k = $.replace(/^!/, ""), d = Le[k] ?? We(k) ?? ze(k) ?? Ne(k) ?? Se(k);
+    if (!d) return null;
+    const x = l.indexOf($);
+    let A = x >= 0 ? l.slice(0, x) : [];
+    a && (A = A.filter((_) => _ !== "dark"));
+    const C = `.${Kt(w)}`, E = "__SUBJECT__", T = y ? d.replace(/;$/, " !important;") : d;
     let R = E;
     const S = [];
     for (const _ of A)
@@ -2363,9 +2363,9 @@ function Zt(e) {
         V = U;
         continue;
       }
-      const D = l(_);
-      if (D) {
-        V ? B.push(D) : P.push(D);
+      const I = f(_);
+      if (I) {
+        V ? B.push(I) : P.push(I);
         continue;
       }
       const N = Bt[_];
@@ -2373,20 +2373,20 @@ function Zt(e) {
     }
     function we(_, U) {
       if (!U) return _;
-      let D = 0, N = 0;
+      let I = 0, N = 0;
       if (_.length && (_[0] === ">" || _[0] === "+" || _[0] === "~" || _[0] === " ")) {
         let O = 1;
         for (; O < _.length && _[O] === " "; ) O++;
         for (; O < _.length; O++) {
-          const I = _[O];
-          if (I === "[" ? D++ : I === "]" && D > 0 ? D-- : I === "(" ? N++ : I === ")" && N > 0 && N--, D === 0 && N === 0 && (_[O] === ">" || _[O] === "+" || _[O] === "~" || _[O] === " "))
+          const D = _[O];
+          if (D === "[" ? I++ : D === "]" && I > 0 ? I-- : D === "(" ? N++ : D === ")" && N > 0 && N--, I === 0 && N === 0 && (_[O] === ">" || _[O] === "+" || _[O] === "~" || _[O] === " "))
             return _.slice(0, O) + U + _.slice(O);
         }
         return _ + U;
       }
       for (let O = 0; O < _.length; O++) {
-        const I = _[O];
-        if (I === "[" ? D++ : I === "]" && D > 0 ? D-- : I === "(" ? N++ : I === ")" && N > 0 && N--, D === 0 && N === 0 && (I === ">" || I === "+" || I === "~" || I === " "))
+        const D = _[O];
+        if (D === "[" ? I++ : D === "]" && I > 0 ? I-- : D === "(" ? N++ : D === ")" && N > 0 && N--, I === 0 && N === 0 && (D === ">" || D === "+" || D === "~" || D === " "))
           return _.slice(0, O) + U + _.slice(O);
       }
       return _ + U;
@@ -2394,12 +2394,12 @@ function Zt(e) {
     const K = P.join(""), L = B.join("");
     if (V)
       if (V.includes("&")) {
-        const _ = V.indexOf("&"), U = V.slice(0, _), D = V.slice(_ + 1), N = E + K, O = R;
+        const _ = V.indexOf("&"), U = V.slice(0, _), I = V.slice(_ + 1), N = E + K, O = R;
         if (P.length === 0)
-          R = O.replace(E, U + N + L + D);
+          R = O.replace(E, U + N + L + I);
         else {
-          const I = we(D, L);
-          R = O.replace(E, U + N + I);
+          const D = we(I, L);
+          R = O.replace(E, U + N + D);
         }
       } else
         R = R.replace(E, `${V}${E + K}`), L && (R = R.replace(E, `${E}${L}`));
@@ -2408,56 +2408,56 @@ function Zt(e) {
     R = R.replace(new RegExp(E, "g"), C);
     let M = `${R}{${T}}`;
     const J = A.filter((_) => je.includes(_)), 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;
+    return a && Z ? M = `@media (prefers-color-scheme: dark) and ${Me[Z]}{${M}}` : a ? 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 n) {
-    const c = p(w), h = c.find(
-      (f) => Le[f] || We(f) || ze(f) || Ne(f) || Se(f)
+  for (const w of i) {
+    const a = p(w), l = a.find(
+      (d) => Le[d] || We(d) || ze(d) || Ne(d) || Se(d)
     );
-    if (!h) continue;
-    const y = c.indexOf(h), k = y >= 0 ? c.slice(0, y) : [], $ = b(k);
-    if ($ === 4) {
-      const f = g(w, !0);
-      f && u.push(f);
+    if (!l) continue;
+    const y = a.indexOf(l), $ = y >= 0 ? a.slice(0, y) : [], k = b($);
+    if (k === 4) {
+      const d = g(w, !0);
+      d && u.push(d);
     } else {
-      const f = g(w);
-      f && ($ === 1 ? s.push(f) : $ === 2 ? o.push(f) : $ === 3 && a.push(f));
+      const d = g(w);
+      d && (k === 1 ? s.push(d) : k === 2 ? o.push(d) : k === 3 && c.push(d));
     }
   }
-  const x = [...s, ...o, ...a, ...u].join("");
-  return Xe.set(e, { css: x, timestamp: t }), x;
+  const v = [...s, ...o, ...c, ...u].join("");
+  return Xe.set(e, { css: v, timestamp: t }), v;
 }
 const ge = [];
-function Gt(e, t, r, i, n, s, o, a) {
+function Gt(e, t, r, n, i, s, o, c) {
   if (e) {
     ge.push(r);
     try {
       const u = t.render(r);
       if (u instanceof Promise) {
         s(!0), u.then((m) => {
-          s(!1), o(null), Ye(e, m, r, i, n), a(e.innerHTML);
+          s(!1), o(null), Ye(e, m, r, n, i), c(e.innerHTML);
         }).catch((m) => {
           s(!1), o(m);
         });
         return;
       }
-      Ye(e, u, r, i, n), a(e.innerHTML);
+      Ye(e, u, r, n, i), c(e.innerHTML);
     } finally {
       ge.pop();
     }
   }
 }
-function Ye(e, t, r, i, n) {
+function Ye(e, t, r, n, i) {
   e && (Ot(
     e,
     Array.isArray(t) ? t : [t],
     r,
-    i
-  ), n(e.innerHTML));
+    n
+  ), i(e.innerHTML));
 }
-function Xt(e, t, r, i, n, s, o) {
+function Xt(e, t, r, n, i, s, o) {
   if (s !== null && clearTimeout(s), Date.now() - t < 16) {
-    if (n(r + 1), r === 15)
+    if (i(r + 1), r === 15)
       console.warn(
         `⚠️ Component is re-rendering rapidly. This might indicate:
   Common causes:
@@ -2476,27 +2476,27 @@ Stopping runaway component render to prevent browser freeze`
       return;
     }
   } else
-    n(0);
+    i(0);
   const m = setTimeout(() => {
-    i(Date.now()), e(), o(null);
+    n(Date.now()), e(), o(null);
   }, r > 10 ? 100 : 0);
   o(m);
 }
-function Yt(e, t, r, i, n) {
+function Yt(e, t, r, n, i) {
   if (!e) return;
   const s = Zt(r);
   if ((!s || s.trim() === "") && !t._computedStyle) {
-    n(null), e.adoptedStyleSheets = [Je()];
+    i(null), e.adoptedStyleSheets = [Je()];
     return;
   }
   let o = "";
   t._computedStyle && (o = t._computedStyle);
-  let a = Lt(`${o}
+  let c = Lt(`${o}
 ${s}
 `);
-  a = ct(a);
-  let u = i;
-  u || (u = new CSSStyleSheet()), (u.cssRules.length === 0 || u.toString() !== a) && u.replaceSync(a), e.adoptedStyleSheets = [Je(), u], n(u);
+  c = ct(c);
+  let u = n;
+  u || (u = new CSSStyleSheet()), (u.cssRules.length === 0 || u.toString() !== c) && u.replaceSync(c), e.adoptedStyleSheets = [Je(), u], i(u);
 }
 let W = null;
 function Qt(e) {
@@ -2539,7 +2539,7 @@ function wr(e) {
     throw new Error("useOnError must be called during component render");
   ye(W), W._hookCallbacks.onError = e;
 }
-function xr(e) {
+function vr(e) {
   if (!W)
     throw new Error("useStyle must be called during component render");
   ye(W);
@@ -2567,9 +2567,7 @@ if (typeof window < "u") {
 }
 function tr(e, t) {
   if (!t.render)
-    throw new Error(
-      "Component must have a render function"
-    );
+    throw new Error("Component must have a render function");
   return typeof window > "u" ? class {
     constructor() {
     }
@@ -2633,58 +2631,53 @@ function tr(e, t) {
         enumerable: !1,
         configurable: !1
       }), Object.defineProperty(r, "_triggerWatchers", {
-        value: (n, s) => this._triggerWatchers(n, s),
+        value: (i, s) => this._triggerWatchers(i, s),
         writable: !1,
         enumerable: !1,
         configurable: !1
       }), this.context = r, Object.defineProperty(this.context, "emit", {
-        value: (n, s, o) => {
-          const a = new CustomEvent(n, {
+        value: (i, s, o) => {
+          const c = new CustomEvent(i, {
             detail: s,
             bubbles: !0,
             composed: !0,
             ...o || {}
           });
-          return this.dispatchEvent(a), !a.defaultPrevented;
+          return this.dispatchEvent(c), !c.defaultPrevented;
         },
         writable: !1,
         enumerable: !1,
         configurable: !1
       });
-      const i = Te.get(e) || t;
-      Object.keys(i).forEach((n) => {
-        const s = i[n];
-        typeof s == "function" && (this.context[n] = (...o) => s(...o, this.context));
-      }), this._applyComputed(i), i.props && Object.keys(i.props).forEach((n) => {
-        let s = this[n];
-        Object.defineProperty(this, n, {
+      const n = Te.get(e) || t;
+      Object.keys(n).forEach((i) => {
+        const s = n[i];
+        typeof s == "function" && (this.context[i] = (...o) => s(...o, this.context));
+      }), this._applyComputed(n), n.props && Object.keys(n.props).forEach((i) => {
+        let s = this[i];
+        Object.defineProperty(this, i, {
           get() {
             return s;
           },
           set(o) {
-            const a = s;
-            s = o, this.context[n] = o, this._initializing || (this._applyProps(i), a !== o && this._requestRender());
+            const c = s;
+            s = o, this.context[i] = o, this._initializing || (this._applyProps(n), c !== o && this._requestRender());
           },
           enumerable: !0,
           configurable: !0
         });
-      }), this._initializing = !1, this._initWatchers(i), this._applyProps(i), this._render(i);
+      }), this._initializing = !1, this._initWatchers(n), this._applyProps(n), this._render(n);
     }
     connectedCallback() {
       this._runLogicWithinErrorBoundary(t, () => {
-        this._applyProps(t), this._requestRender(), xt(
-          t,
-          this.context,
-          this._mounted,
-          (r) => {
-            this._mounted = r;
-          }
-        );
+        this._applyProps(t), this._requestRender(), vt(t, this.context, this._mounted, (r) => {
+          this._mounted = r;
+        });
       });
     }
     disconnectedCallback() {
       this._runLogicWithinErrorBoundary(t, () => {
-        vt(
+        xt(
           t,
           this.context,
           this._listeners,
@@ -2706,15 +2699,9 @@ function tr(e, t) {
         );
       });
     }
-    attributeChangedCallback(r, i, n) {
+    attributeChangedCallback(r, n, i) {
       this._runLogicWithinErrorBoundary(t, () => {
-        this._applyProps(t), i !== n && this._requestRender(), $t(
-          t,
-          r,
-          i,
-          n,
-          this.context
-        );
+        this._applyProps(t), n !== i && this._requestRender(), $t(t, r, n, i, this.context);
       });
     }
     static get observedAttributes() {
@@ -2730,16 +2717,16 @@ function tr(e, t) {
           r,
           this.context,
           this._refs,
-          (i) => {
-            this._lastHtmlStringForJitCSS = i, typeof this.onHtmlStringUpdate == "function" && this.onHtmlStringUpdate(i);
+          (n) => {
+            this._lastHtmlStringForJitCSS = n, typeof this.onHtmlStringUpdate == "function" && this.onHtmlStringUpdate(n);
           },
-          (i) => {
-            this._templateLoading = i, typeof this.onLoadingStateChange == "function" && this.onLoadingStateChange(i);
+          (n) => {
+            this._templateLoading = n, typeof this.onLoadingStateChange == "function" && this.onLoadingStateChange(n);
           },
-          (i) => {
-            this._templateError = i, typeof this.onErrorStateChange == "function" && this.onErrorStateChange(i);
+          (n) => {
+            this._templateError = n, typeof this.onErrorStateChange == "function" && this.onErrorStateChange(n);
           },
-          (i) => this._applyStyle(r, i)
+          (n) => this._applyStyle(r, n)
         );
       });
     }
@@ -2748,7 +2735,7 @@ function tr(e, t) {
     }
     _requestRender() {
       this._runLogicWithinErrorBoundary(this._cfg, () => {
-        fe(() => {
+        ue(() => {
           Xt(
             () => this._render(this._cfg),
             this._lastRenderTime,
@@ -2768,35 +2755,35 @@ function tr(e, t) {
       });
     }
     // --- Style ---
-    _applyStyle(r, i) {
+    _applyStyle(r, n) {
       this._runLogicWithinErrorBoundary(r, () => {
         Yt(
           this.shadowRoot,
           this.context,
-          i,
+          n,
           this._styleSheet,
-          (n) => {
-            this._styleSheet = n;
+          (i) => {
+            this._styleSheet = i;
           }
         );
       });
     }
     // --- Error Boundary function ---
-    _runLogicWithinErrorBoundary(r, i) {
+    _runLogicWithinErrorBoundary(r, n) {
       this._hasError && (this._hasError = !1);
       try {
-        i();
-      } catch (n) {
-        this._hasError = !0, r.onError && r.onError(n, this.context);
+        n();
+      } catch (i) {
+        this._hasError = !0, r.onError && r.onError(i, this.context);
       }
     }
     // --- State, props, computed ---
     _initContext(r) {
       try {
-        let i = function(s, o = "") {
+        let n = function(s, o = "") {
           return Array.isArray(s) ? new Proxy(s, {
-            get(a, u, m) {
-              const g = Reflect.get(a, u, m);
+            get(c, u, m) {
+              const g = Reflect.get(c, u, m);
               return typeof g == "function" && typeof u == "string" && [
                 "push",
                 "pop",
@@ -2806,50 +2793,53 @@ function tr(e, t) {
                 "sort",
                 "reverse"
               ].includes(u) ? function(...p) {
-                const l = g.apply(a, p);
-                if (!n._initializing) {
-                  const d = o || "root";
-                  n._triggerWatchers(d, a), fe(() => n._render(r), n._componentId);
+                const f = g.apply(c, p);
+                if (!i._initializing) {
+                  const h = o || "root";
+                  i._triggerWatchers(h, c), ue(
+                    () => i._render(r),
+                    i._componentId
+                  );
                 }
-                return l;
+                return f;
               } : g;
             },
-            set(a, u, m) {
-              if (a[u] = m, !n._initializing) {
+            set(c, u, m) {
+              if (c[u] = m, !i._initializing) {
                 const g = o ? `${o}.${String(u)}` : String(u);
-                n._triggerWatchers(g, m), fe(() => n._render(r), n._componentId);
+                i._triggerWatchers(g, m), ue(() => i._render(r), i._componentId);
               }
               return !0;
             },
-            deleteProperty(a, u) {
-              if (delete a[u], !n._initializing) {
+            deleteProperty(c, u) {
+              if (delete c[u], !i._initializing) {
                 const m = o ? `${o}.${String(u)}` : String(u);
-                n._triggerWatchers(m, void 0), fe(() => n._render(r), n._componentId);
+                i._triggerWatchers(m, void 0), ue(() => i._render(r), 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] = i(s[a], u);
+          }) : s && typeof s == "object" ? s.constructor && s.constructor.name === "ReactiveState" ? s : (Object.keys(s).forEach((c) => {
+            const u = o ? `${o}.${c}` : c;
+            s[c] = n(s[c], u);
           }), new Proxy(s, {
-            set(a, u, m) {
+            set(c, u, m) {
               const g = o ? `${o}.${String(u)}` : String(u);
-              return a[u] = i(m, g), n._initializing || (n._triggerWatchers(
-                g,
-                a[u]
-              ), fe(() => n._render(r), n._componentId)), !0;
+              return c[u] = n(m, g), i._initializing || (i._triggerWatchers(g, c[u]), ue(() => i._render(r), i._componentId)), !0;
             },
-            get(a, u, m) {
-              return Reflect.get(a, u, m);
+            get(c, u, m) {
+              return Reflect.get(c, u, m);
             }
           })) : s;
         };
-        const n = this;
-        return i({
+        const i = this;
+        return n({
           // 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])
+            Object.entries(r.props).map(([s, o]) => [
+              s,
+              o.default
+            ])
           ) : {}
         });
       } catch {
@@ -2866,15 +2856,15 @@ function tr(e, t) {
         );
       });
     }
-    _triggerWatchers(r, i) {
-      yt(this.context, this._watchers, r, i);
+    _triggerWatchers(r, n) {
+      yt(this.context, this._watchers, r, n);
     }
     _applyProps(r) {
       this._runLogicWithinErrorBoundary(r, () => {
         try {
           wt(this, r, this.context);
-        } catch (i) {
-          this._hasError = !0, r.onError && r.onError(i, this.context);
+        } catch (n) {
+          this._hasError = !0, r.onError && r.onError(n, this.context);
         }
       });
     }
@@ -2883,67 +2873,201 @@ function tr(e, t) {
 function et(e, t) {
   let r = re(e);
   r.includes("-") || (r = `cer-${r}`);
-  let i = {};
+  let n = {};
   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 b = g.indexOf("=");
-          if (b !== -1) {
-            const p = g.substring(0, b).trim(), l = g.substring(b + 1).trim();
-            try {
-              l === "true" ? i[p] = !0 : l === "false" ? i[p] = !1 : l === "[]" ? i[p] = [] : l === "{}" ? i[p] = {} : /^\d+$/.test(l) ? i[p] = parseInt(l) : /^'.*'$/.test(l) || /^".*"$/.test(l) ? i[p] = l.slice(1, -1) : i[p] = l;
-            } catch {
-              i[p] = "";
+      const o = t.toString();
+      let c = null;
+      const u = o.indexOf("({");
+      if (u !== -1) {
+        let m = 0, g = !1, b = null, p = !1, f = -1;
+        for (let h = u + 2; h < o.length; h++) {
+          const v = o[h];
+          if (p) {
+            p = !1;
+            continue;
+          }
+          if (v === "\\") {
+            p = !0;
+            continue;
+          }
+          if (!g && (v === '"' || v === "'" || v === "`")) {
+            g = !0, b = v;
+            continue;
+          }
+          if (g && v === b) {
+            g = !1, b = null;
+            continue;
+          }
+          if (!g) {
+            if (v === "{")
+              m++;
+            else if (v === "}") {
+              if (m === 0) {
+                f = h;
+                break;
+              }
+              m--;
             }
-          } else {
-            const p = g.split(":")[0].trim();
-            p && !p.includes("}") && (i[p] = "");
           }
         }
+        if (f !== -1) {
+          const h = o.substring(u, f + 2), v = o.substring(u + 2, f).trim();
+          c = [h, v];
+        }
+      }
+      if (c) {
+        const m = c[1];
+        let g = "", b = "", p = !0, f = 0, h = null, v = !1, w = 0;
+        for (; w < m.length; ) {
+          const a = m[w];
+          if (v) {
+            p ? g += a : b += a, v = !1, w++;
+            continue;
+          }
+          if (a === "\\") {
+            v = !0, p ? g += a : b += a, w++;
+            continue;
+          }
+          if ((a === '"' || a === "'" || a === "`") && !h) {
+            h = a, p ? g += a : b += a, w++;
+            continue;
+          }
+          if (a === h) {
+            h = null, p ? g += a : b += a, w++;
+            continue;
+          }
+          if (h) {
+            p ? g += a : b += a, w++;
+            continue;
+          }
+          if (a === "{" || a === "[") {
+            f++, p ? g += a : b += a, w++;
+            continue;
+          }
+          if (a === "}" || a === "]") {
+            f--, p ? g += a : b += a, w++;
+            continue;
+          }
+          if (a === "=" && f === 0 && p) {
+            p = !1, w++;
+            continue;
+          }
+          if (a === "," && f === 0) {
+            if (g.trim() && b.trim()) {
+              const l = g.trim(), y = b.trim();
+              try {
+                if (y === "true") n[l] = !0;
+                else if (y === "false") n[l] = !1;
+                else if (y === "[]") n[l] = [];
+                else if (y === "{}") n[l] = {};
+                else if (/^\d+$/.test(y))
+                  n[l] = parseInt(y);
+                else if (/^'.*'$/s.test(y))
+                  n[l] = y.slice(1, -1).replace(/\\'/g, "'").replace(/\\"/g, '"').replace(/\\\//g, "/");
+                else if (/^".*"$/s.test(y))
+                  n[l] = y.slice(1, -1).replace(/\\"/g, '"').replace(/\\'/g, "'").replace(/\\\//g, "/");
+                else if (/^`.*`$/s.test(y)) {
+                  const $ = y.slice(1, -1);
+                  if ($.includes("${"))
+                    try {
+                      n[l] = new Function(
+                        `return \`${$}\`;`
+                      )();
+                    } catch {
+                      n[l] = $;
+                    }
+                  else
+                    n[l] = $;
+                } else
+                  n[l] = y;
+              } catch {
+                n[l] = "";
+              }
+            } else if (g.trim()) {
+              const l = g.split(":")[0].trim();
+              l && !l.includes("}") && (n[l] = "");
+            }
+            g = "", b = "", p = !0, w++;
+            continue;
+          }
+          p ? g += a : b += a, w++;
+        }
+        if (g.trim() && b.trim()) {
+          const a = g.trim(), l = b.trim();
+          try {
+            if (l === "true") n[a] = !0;
+            else if (l === "false") n[a] = !1;
+            else if (l === "[]") n[a] = [];
+            else if (l === "{}") n[a] = {};
+            else if (/^\d+$/.test(l)) n[a] = parseInt(l);
+            else if (/^'.*'$/s.test(l))
+              n[a] = l.slice(1, -1).replace(/\\'/g, "'").replace(/\\"/g, '"').replace(/\\\//g, "/");
+            else if (/^".*"$/s.test(l))
+              n[a] = l.slice(1, -1).replace(/\\"/g, '"').replace(/\\'/g, "'").replace(/\\\//g, "/");
+            else if (/^`.*`$/s.test(l)) {
+              const y = l.slice(1, -1);
+              if (y.includes("${"))
+                try {
+                  n[a] = new Function(
+                    `return \`${y}\`;`
+                  )();
+                } catch {
+                  n[a] = y;
+                }
+              else
+                n[a] = y;
+            } else
+              n[a] = l;
+          } catch {
+            n[a] = "";
+          }
+        } else if (g.trim()) {
+          const a = g.split(":")[0].trim();
+          a && !a.includes("}") && (n[a] = "");
+        }
       }
     } catch {
     }
-  let n = {};
+  let i = {};
   const s = {
     // Generate props config from defaults
     props: Object.fromEntries(
-      Object.entries(i).map(([o, a]) => [o, { type: typeof a == "boolean" ? Boolean : typeof a == "number" ? Number : typeof a == "string" ? String : Function, default: a }])
+      Object.entries(n).map(([o, c]) => [o, { type: typeof c == "boolean" ? Boolean : typeof c == "number" ? Number : typeof c == "string" ? String : Function, default: c }])
     ),
     // Add lifecycle hooks from the stored functions
     onConnected: (o) => {
-      n.onConnected && n.onConnected();
+      i.onConnected && i.onConnected();
     },
     onDisconnected: (o) => {
-      n.onDisconnected && n.onDisconnected();
+      i.onDisconnected && i.onDisconnected();
     },
-    onAttributeChanged: (o, a, u, m) => {
-      n.onAttributeChanged && n.onAttributeChanged(o, a, u);
+    onAttributeChanged: (o, c, u, m) => {
+      i.onAttributeChanged && i.onAttributeChanged(o, c, u);
     },
-    onError: (o, a) => {
-      n.onError && o && n.onError(o);
+    onError: (o, c) => {
+      i.onError && o && i.onError(o);
     },
     render: (o) => {
-      const a = o._componentId || `${r}-${Math.random().toString(36).substr(2, 9)}`;
-      F.setCurrentComponent(a, () => {
+      const c = o._componentId || `${r}-${Math.random().toString(36).substr(2, 9)}`;
+      F.setCurrentComponent(c, () => {
         o.requestRender && o.requestRender();
       });
       try {
         Qt(o);
-        const u = Object.keys(i).length > 0;
+        const u = Object.keys(n).length > 0;
         let m;
         if (u) {
           const g = {};
-          Object.keys(i).forEach((b) => {
-            g[b] = o[b] ?? i[b];
+          Object.keys(n).forEach((b) => {
+            const p = o[b], f = n[b];
+            g[b] = p != null && p !== "" ? p : f;
           }), m = t(g);
         } else
           m = t();
         if (o._hookCallbacks) {
           const g = o._hookCallbacks;
-          g.onConnected && (n.onConnected = g.onConnected), g.onDisconnected && (n.onDisconnected = g.onDisconnected), g.onAttributeChanged && (n.onAttributeChanged = g.onAttributeChanged), g.onError && (n.onError = g.onError), g.style && (o._styleCallback = g.style);
+          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;
       } finally {
@@ -2951,7 +3075,10 @@ function et(e, t) {
       }
     }
   };
-  Te.set(r, s), typeof window < "u" && (customElements.get(r) || customElements.define(r, tr(r, s)));
+  Te.set(r, s), typeof window < "u" && (customElements.get(r) || customElements.define(
+    r,
+    tr(r, s)
+  ));
 }
 class rr {
   map = /* @__PURE__ */ new Map();
@@ -2966,8 +3093,8 @@ class rr {
   }
   set(t, r) {
     if (this.map.has(t) && this.map.delete(t), this.map.set(t, r), this.map.size > this.maxSize) {
-      const i = this.map.keys().next().value;
-      i !== void 0 && this.map.delete(i);
+      const n = this.map.keys().next().value;
+      n !== void 0 && this.map.delete(n);
     }
   }
   has(t) {
@@ -2977,7 +3104,7 @@ class rr {
     this.map.clear();
   }
 }
-const De = new rr(500);
+const Ie = new rr(500);
 function nr(e, t) {
   if (e == null) {
     console.warn(
@@ -2991,9 +3118,9 @@ function nr(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 he(e, t = {}, r, i) {
-  const n = i ?? t.key;
-  return { tag: e, key: n, props: t, children: r };
+function he(e, t = {}, r, n) {
+  const i = n ?? t.key;
+  return { tag: e, key: i, props: t, children: r };
 }
 function Ae(e) {
   return !!e && typeof e == "object" && (e.type === "AnchorBlock" || e.tag === "#anchor");
@@ -3005,103 +3132,103 @@ function ir(e, t) {
   return e.key != null ? e : { ...e, key: t };
 }
 function sr(e, t = [], r = {}) {
-  const i = {}, n = {}, s = {}, o = [], a = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
+  const n = {}, i = {}, s = {}, o = [], c = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
   let u;
-  for (; u = a.exec(e); ) {
+  for (; u = c.exec(e); ) {
     const m = u[1], g = u[2], b = (u[4] || u[6]) ?? "", p = b.match(/^{{(\d+)}}$/);
-    let l = p ? t[Number(p[1])] ?? null : b;
-    p || (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"];
+    let f = p ? t[Number(p[1])] ?? null : b;
+    p || (f === "true" ? f = !0 : f === "false" ? f = !1 : f === "null" ? f = null : isNaN(Number(f)) || (f = Number(f)));
+    const h = ["model", "bind", "show", "class", "style", "ref"];
     if (m === ":") {
-      const [x, w] = g.split(":"), [c, ...h] = x.split(".");
-      if (d.includes(c)) {
-        const y = [...h], k = c === "model" && w ? `model:${w}` : c;
-        s[k] = {
-          value: l,
+      const [v, w] = g.split(":"), [a, ...l] = v.split(".");
+      if (h.includes(a)) {
+        const y = [...l], $ = a === "model" && w ? `model:${w}` : a;
+        s[$] = {
+          value: f,
           modifiers: y,
           arg: w
         };
       } else {
-        let y = l;
-        y && ee(y) && (y = y.value), n[g] = y, o.push(g);
+        let y = f;
+        y && ee(y) && (y = y.value), i[g] = y, o.push(g);
       }
     } else if (m === "@") {
-      const [x, ...w] = g.split("."), c = w;
-      nr(l, x);
-      const h = typeof l == "function" ? l : typeof r[l] == "function" ? r[l] : void 0;
-      if (h) {
-        const y = ($) => {
-          if (c.includes("prevent") && $.preventDefault(), c.includes("stop") && $.stopPropagation(), !(c.includes("self") && $.target !== $.currentTarget))
-            return c.includes("once") && $.currentTarget?.removeEventListener(x, y), h($);
-        }, k = "on" + x.charAt(0).toUpperCase() + x.slice(1);
-        i[k] = y;
+      const [v, ...w] = g.split("."), a = w;
+      nr(f, v);
+      const l = typeof f == "function" ? f : typeof r[f] == "function" ? r[f] : void 0;
+      if (l) {
+        const y = (k) => {
+          if (a.includes("prevent") && k.preventDefault(), a.includes("stop") && k.stopPropagation(), !(a.includes("self") && k.target !== k.currentTarget))
+            return a.includes("once") && k.currentTarget?.removeEventListener(v, y), l(k);
+        }, $ = "on" + v.charAt(0).toUpperCase() + v.slice(1);
+        n[$] = y;
       }
-    } else g === "ref" ? i.ref = l : n[g] = l;
+    } else g === "ref" ? n.ref = f : i[g] = f;
   }
-  return { props: i, attrs: n, directives: s, bound: o };
+  return { props: n, attrs: i, directives: s, bound: o };
 }
 function or(e, t, r) {
-  const i = ge.length > 0 ? ge[ge.length - 1] : void 0, n = r ?? i, s = !r && t.length === 0, o = s ? e.join("<!--TEMPLATE_DELIM-->") : null;
+  const n = ge.length > 0 ? ge[ge.length - 1] : void 0, i = r ?? n, s = !r && t.length === 0, o = s ? e.join("<!--TEMPLATE_DELIM-->") : null;
   if (s && o) {
-    const f = De.get(o);
-    if (f) return f;
+    const d = Ie.get(o);
+    if (d) return d;
   }
-  function a(f, v) {
-    return he("#text", {}, f, v);
+  function c(d, x) {
+    return he("#text", {}, d, x);
   }
   let u = "";
-  for (let f = 0; f < e.length; f++)
-    u += e[f], f < t.length && (u += `{{${f}}}`);
+  for (let d = 0; d < e.length; d++)
+    u += e[d], d < t.length && (u += `{{${d}}}`);
   const m = /<!--[\s\S]*?-->|<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, g = [];
-  let b, p = [], l = null, d = {}, x, w = 0, c = [];
-  function h(f) {
-    !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((v) => {
-      if (v === "style" && d.attrs.style) {
-        const A = d.attrs.style.replace(
+  let b, p = [], f = null, h = {}, v, w = 0, a = [];
+  function l(d) {
+    !d || typeof d != "object" || Ae(d) || (d.props || d.attrs ? (d.props && (h.props || (h.props = {}), Object.assign(h.props, d.props)), d.attrs && (h.attrs || (h.attrs = {}), Object.keys(d.attrs).forEach((x) => {
+      if (x === "style" && h.attrs.style) {
+        const A = h.attrs.style.replace(
           /;?\s*$/,
           ""
-        ), C = f.attrs.style.replace(/^;?\s*/, "");
-        d.attrs.style = A + "; " + C;
-      } else if (v === "class" && d.attrs.class) {
-        const A = d.attrs.class.trim().split(/\s+/).filter(Boolean), C = f.attrs.class.trim().split(/\s+/).filter(Boolean), E = [
+        ), C = d.attrs.style.replace(/^;?\s*/, "");
+        h.attrs.style = A + "; " + C;
+      } else if (x === "class" && h.attrs.class) {
+        const A = h.attrs.class.trim().split(/\s+/).filter(Boolean), C = d.attrs.class.trim().split(/\s+/).filter(Boolean), E = [
           .../* @__PURE__ */ new Set([...A, ...C])
         ];
-        d.attrs.class = E.join(" ");
+        h.attrs.class = E.join(" ");
       } else
-        d.attrs[v] = f.attrs[v];
-    }))) : (d.props || (d.props = {}), Object.assign(d.props, f)));
-  }
-  function y(f, v) {
-    const A = l ? p : c;
-    if (Ae(f)) {
-      const C = f.key ?? v;
-      let E = f.children;
+        h.attrs[x] = d.attrs[x];
+    }))) : (h.props || (h.props = {}), Object.assign(h.props, d)));
+  }
+  function y(d, x) {
+    const A = f ? p : a;
+    if (Ae(d)) {
+      const C = d.key ?? x;
+      let E = d.children;
       A.push({
-        ...f,
+        ...d,
         key: C,
         children: E
       });
       return;
     }
-    if (Ce(f)) {
-      A.push(ir(f, void 0));
+    if (Ce(d)) {
+      A.push(ir(d, void 0));
       return;
     }
-    if (Array.isArray(f)) {
-      if (f.length === 0) return;
-      for (let C = 0; C < f.length; C++) {
-        const E = f[C];
-        Ae(E) || Ce(E) || Array.isArray(E) ? y(E, `${v}-${C}`) : E !== null && typeof E == "object" ? h(E) : A.push(a(String(E), `${v}-${C}`));
+    if (Array.isArray(d)) {
+      if (d.length === 0) return;
+      for (let C = 0; C < d.length; C++) {
+        const E = d[C];
+        Ae(E) || Ce(E) || Array.isArray(E) ? y(E, `${x}-${C}`) : E !== null && typeof E == "object" ? l(E) : A.push(c(String(E), `${x}-${C}`));
       }
       return;
     }
-    if (f !== null && typeof f == "object") {
-      h(f);
+    if (d !== null && typeof d == "object") {
+      l(d);
       return;
     }
-    A.push(a(String(f), v));
+    A.push(c(String(d), x));
   }
-  const k = /* @__PURE__ */ new Set([
+  const $ = /* @__PURE__ */ new Set([
     "area",
     "base",
     "br",
@@ -3120,12 +3247,12 @@ function or(e, t, r) {
   for (; b = m.exec(u); )
     if (!(b[0].startsWith("<!--") && b[0].endsWith("-->"))) {
       if (b[1]) {
-        const f = b[1], v = b[0][1] === "/", A = b[0][b[0].length - 2] === "/" || k.has(f), {
+        const d = b[1], x = b[0][1] === "/", A = b[0][b[0].length - 2] === "/" || $.has(d), {
           props: C,
           attrs: E,
           directives: T,
           bound: R
-        } = sr(b[2] || "", t, n), S = { props: {}, attrs: {} };
+        } = sr(b[2] || "", t, i), S = { props: {}, attrs: {} };
         for (const P in C) S.props[P] = C[P];
         for (const P in E) S.attrs[P] = E[P];
         if (S.attrs && Object.prototype.hasOwnProperty.call(S.attrs, "key") && !(S.props && Object.prototype.hasOwnProperty.call(S.props, "key")))
@@ -3143,7 +3270,7 @@ function or(e, t, r) {
             audio: ["muted", "autoplay", "controls", "loop"],
             img: ["src", "alt", "width", "height"],
             button: ["type", "name", "value", "disabled", "autofocus", "form"]
-          }, B = f.toLowerCase(), V = P[B] ?? [];
+          }, B = d.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)) {
@@ -3151,7 +3278,7 @@ function or(e, t, r) {
                 L && ee(L) && (L = L.value), S.props[K] = L, delete S.attrs[K];
               }
           }
-          if ((f.includes("-") || !!n?.__customElements?.has?.(f)) && (S.isCustomElement = !0, R && S.attrs)) {
+          if ((d.includes("-") || !!i?.__customElements?.has?.(d)) && (S.isCustomElement = !0, R && S.attrs)) {
             const K = /* @__PURE__ */ new Set(["id", "name", "data-key", "key"]);
             for (const L of R)
               if (L in S.attrs && !(S.props && L in S.props)) {
@@ -3164,13 +3291,13 @@ function or(e, t, r) {
         }
         if (T && Object.keys(T).some((P) => P === "model" || P.startsWith("model:")))
           try {
-            const P = Symbol.for("cer.registry"), B = globalThis[P], V = !!(B && typeof B.has == "function" && B.has(f)), we = !!(n && (n.__customElements instanceof Set && n.__customElements.has(f) || Array.isArray(n.__isCustomElements) && n.__isCustomElements.includes(f)));
-            if (!!(f.includes("-") || we || V))
+            const P = Symbol.for("cer.registry"), B = globalThis[P], V = !!(B && typeof B.has == "function" && B.has(d)), we = !!(i && (i.__customElements instanceof Set && i.__customElements.has(d) || Array.isArray(i.__isCustomElements) && i.__isCustomElements.includes(d)));
+            if (!!(d.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, _ = Z ?? "modelValue", U = H, D = _e, N = n ? n._state || n : void 0;
+                const J = T[M], Z = J.arg ?? (M.includes(":") ? M.split(":", 2)[1] : void 0), z = J.value, _ = Z ?? "modelValue", U = H, I = _e, N = i ? i._state || i : void 0;
                 let O;
-                typeof z == "string" && n ? O = U(N, z) : (O = z, O && ee(O) && (O = O.value)), S.props[_] = O;
+                typeof z == "string" && i ? O = U(N, z) : (O = z, O && ee(O) && (O = O.value)), S.props[_] = O;
                 try {
                   const ne = re(_);
                   S.attrs || (S.attrs = {}), O !== void 0 && (S.attrs[ne] = O);
@@ -3182,35 +3309,35 @@ function or(e, t, r) {
                   const Y = ne.detail !== void 0 ? ne.detail : ne.target ? ne.target.value : void 0;
                   if (N)
                     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, n?.requestRender ? n.requestRender() : n?._requestRender && n._requestRender());
+                      const oe = z.value;
+                      (Array.isArray(Y) && Array.isArray(oe) ? JSON.stringify([...Y].sort()) !== JSON.stringify([...oe].sort()) : Y !== oe) && (z.value = Y, i?.requestRender ? i.requestRender() : i?._requestRender && i._requestRender());
                     } else {
-                      const ae = U(N, typeof z == "string" ? z : String(z));
-                      (Array.isArray(Y) && Array.isArray(ae) ? JSON.stringify([...Y].sort()) !== JSON.stringify([...ae].sort()) : Y !== ae) && (D(N, typeof z == "string" ? z : String(z), Y), n?.requestRender ? n.requestRender() : n?._requestRender && n._requestRender());
+                      const oe = U(N, typeof z == "string" ? z : String(z));
+                      (Array.isArray(Y) && Array.isArray(oe) ? JSON.stringify([...Y].sort()) !== JSON.stringify([...oe].sort()) : Y !== oe) && (I(N, typeof z == "string" ? z : String(z), Y), i?.requestRender ? i.requestRender() : i?._requestRender && i._requestRender());
                     }
                 }, delete T[M];
               }
           } catch {
           }
-        if (Object.keys(T).length > 0 && (S.directives = { ...T }), v) {
+        if (Object.keys(T).length > 0 && (S.directives = { ...T }), x) {
           const P = he(
-            l,
-            d,
+            f,
+            h,
             p.length === 1 && Ce(p[0]) && p[0].tag === "#text" ? typeof p[0].children == "string" ? p[0].children : "" : p.length ? p : void 0,
-            x
+            v
           ), B = g.pop();
-          B ? (l = B.tag, d = B.props, x = B.key, p = B.children, p.push(P)) : (c.push(P), l = null, d = {}, x = void 0, p = []);
-        } else A ? l ? p.push(he(f, S, void 0, void 0)) : c.push(he(f, S, void 0, void 0)) : (l && g.push({
-          tag: l,
-          props: d,
+          B ? (f = B.tag, h = B.props, v = B.key, p = B.children, p.push(P)) : (a.push(P), f = null, h = {}, v = void 0, p = []);
+        } else A ? f ? p.push(he(d, S, void 0, void 0)) : a.push(he(d, S, void 0, void 0)) : (f && g.push({
+          tag: f,
+          props: h,
           children: p,
-          key: x
-        }), l = f, d = S, p = []);
+          key: v
+        }), f = d, h = S, p = []);
       } else if (typeof b[3] < "u") {
-        const f = Number(b[3]), v = t[f], A = `interp-${f}`;
-        y(v, A);
+        const d = Number(b[3]), x = t[d], A = `interp-${d}`;
+        y(x, A);
       } else if (b[4]) {
-        const f = b[4], v = l ? p : c, A = f.split(/({{\d+}})/);
+        const d = b[4], x = f ? p : a, A = d.split(/({{\d+}})/);
         for (const C of A) {
           if (!C) continue;
           const E = C.match(/^{{(\d+)}}$/);
@@ -3219,32 +3346,32 @@ function or(e, t, r) {
             y(R, S);
           } else {
             const T = `text-${w++}`;
-            v.push(a(C, T));
+            x.push(c(C, T));
           }
         }
       }
     }
-  const $ = c.filter((f) => Ce(f) && f.tag === "#text" ? typeof f.children == "string" && f.children.trim() !== "" : !0);
-  if ($.length === 1) {
-    const f = $[0];
-    return s && o && De.set(o, f), f;
-  } else if ($.length > 1) {
-    const f = $;
-    return s && o && De.set(o, f), f;
+  const k = a.filter((d) => Ce(d) && d.tag === "#text" ? typeof d.children == "string" && d.children.trim() !== "" : !0);
+  if (k.length === 1) {
+    const d = k[0];
+    return s && o && Ie.set(o, d), d;
+  } else if (k.length > 1) {
+    const d = k;
+    return s && o && Ie.set(o, d), d;
   }
   return he("div", {}, "", "fallback-root");
 }
-function ce(e, ...t) {
-  const r = t[t.length - 1], i = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
-  return or(e, t, i);
+function ae(e, ...t) {
+  const r = t[t.length - 1], n = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
+  return or(e, t, n);
 }
 function Re(e, t) {
   return j(e ? t : [], "when-block");
 }
-function vr(e, t) {
-  return e.map((r, i) => {
-    const n = typeof r == "object" ? r?.key ?? r?.id ?? `idx-${i}` : String(r);
-    return j(t(r, i), `each-${n}`);
+function xr(e, t) {
+  return e.map((r, n) => {
+    const i = typeof r == "object" ? r?.key ?? r?.id ?? `idx-${n}` : String(r);
+    return j(t(r, n), `each-${i}`);
   });
 }
 function ar() {
@@ -3263,8 +3390,8 @@ function ar() {
 }
 function cr(...e) {
   for (let t = 0; t < e.length; t++) {
-    const [r, i] = e[t];
-    if (r) return [j(i, `whenChain-branch-${t}`)];
+    const [r, n] = e[t];
+    if (r) return [j(n, `whenChain-branch-${t}`)];
   }
   return [j([], "whenChain-empty")];
 }
@@ -3288,12 +3415,12 @@ function Cr(e, t) {
   return Re(r, t);
 }
 function _r(e, t, r) {
-  const i = [];
-  return e.forEach((n, s) => {
-    t(n, s) && i.push({ item: n, originalIndex: s });
-  }), i.map(({ item: n, originalIndex: s }, o) => {
-    const a = typeof n == "object" && n != null ? n?.key ?? n?.id ?? `filtered-${s}` : `filtered-${s}`;
-    return j(r(n, s, o), `each-where-${a}`);
+  const n = [];
+  return e.forEach((i, s) => {
+    t(i, s) && n.push({ item: i, originalIndex: s });
+  }), n.map(({ item: i, originalIndex: s }, o) => {
+    const c = typeof i == "object" && i != null ? i?.key ?? i?.id ?? `filtered-${s}` : `filtered-${s}`;
+    return j(r(i, s, o), `each-where-${c}`);
   });
 }
 function Er(e, t) {
@@ -3301,20 +3428,20 @@ function Er(e, t) {
   return r === 0 && t.empty ? j(t.empty, "switch-length-empty") : r === 1 && t.one ? j(t.one(e[0]), "switch-length-one") : t.exactly?.[r] ? j(t.exactly[r](e), `switch-length-${r}`) : r > 1 && t.many ? j(t.many(e), "switch-length-many") : j([], "switch-length-fallback");
 }
 function Sr(e, t, r) {
-  const i = /* @__PURE__ */ new Map();
-  return e.forEach((n) => {
-    const s = t(n);
-    i.has(s) || i.set(s, []), i.get(s).push(n);
-  }), Array.from(i.entries()).map(([n, s], o) => j(
-    r(n, s, o),
-    `each-group-${n}`
+  const n = /* @__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) => j(
+    r(i, s, o),
+    `each-group-${i}`
   ));
 }
-function Ar(e, t, r, i) {
-  const n = r * t, s = Math.min(n + t, e.length);
-  return e.slice(n, s).map((a, u) => {
-    const m = n + u, g = typeof a == "object" && a != null ? a?.key ?? a?.id ?? `page-${m}` : `page-${m}`;
-    return j(i(a, m, u), `each-page-${g}`);
+function Ar(e, t, r, n) {
+  const i = r * t, s = Math.min(i + t, e.length);
+  return e.slice(i, s).map((c, u) => {
+    const m = i + u, g = typeof c == "object" && c != null ? c?.key ?? c?.id ?? `page-${m}` : `page-${m}`;
+    return j(n(c, m, u), `each-page-${g}`);
   });
 }
 function Tr(e, t) {
@@ -3355,45 +3482,45 @@ const te = {
 function Rr(e, t) {
   const r = [];
   e.includes("dark") ? r.push(te.dark) : e.includes("light") && r.push("(prefers-color-scheme: light)");
-  const i = e.filter(
+  const n = e.filter(
     (o) => lt.includes(o)
-  ), n = i[i.length - 1];
-  n && n in te && r.push(te[n]);
+  ), i = n[n.length - 1];
+  i && i in te && r.push(te[i]);
   const s = r.length > 0 ? r.join(" and ") : "all";
   return q(s, t);
 }
 function Or(e) {
   const t = [];
   return e.base && t.push(j(e.base, "responsive-base")), lt.forEach((r) => {
-    const i = e[r];
-    i && t.push(lr[r](i));
+    const n = e[r];
+    n && t.push(lr[r](n));
   }), t;
 }
 function Pr(e) {
   const t = [];
   let r = null;
   return {
-    case(i, n) {
-      const s = typeof i == "function" ? i : (o) => o === i;
-      return t.push({ condition: s, content: n }), this;
+    case(n, i) {
+      const s = typeof n == "function" ? n : (o) => o === n;
+      return t.push({ condition: s, content: i }), this;
     },
-    when(i, n) {
-      return t.push({ condition: i, content: n }), this;
+    when(n, i) {
+      return t.push({ condition: n, content: i }), this;
     },
-    otherwise(i) {
-      return r = i, this;
+    otherwise(n) {
+      return r = n, this;
     },
     done() {
-      for (let i = 0; i < t.length; i++) {
-        const { condition: n, content: s } = t[i];
-        if (n(e))
-          return j(s, `switch-case-${i}`);
+      for (let n = 0; n < t.length; n++) {
+        const { condition: i, content: s } = t[n];
+        if (i(e))
+          return j(s, `switch-case-${n}`);
       }
       return j(r || [], "switch-otherwise");
     }
   };
 }
-class de extends EventTarget {
+class fe extends EventTarget {
   handlers = {};
   static instance;
   eventCounters = /* @__PURE__ */ new Map();
@@ -3401,7 +3528,7 @@ class de extends EventTarget {
    * Returns the singleton instance of GlobalEventBus
    */
   static getInstance() {
-    return de.instance || (de.instance = new de()), de.instance;
+    return fe.instance || (fe.instance = new fe()), fe.instance;
   }
   /**
    * Emit a global event with optional data. Includes event storm protection.
@@ -3409,10 +3536,10 @@ class de extends EventTarget {
    * @param data - Optional event payload
    */
   emit(t, r) {
-    const i = Date.now(), n = this.eventCounters.get(t);
-    if (!n || i - n.window > 1e3)
-      this.eventCounters.set(t, { count: 1, window: i });
-    else if (n.count++, n.count > 50 && n.count > 100)
+    const n = Date.now(), i = this.eventCounters.get(t);
+    if (!i || n - i.window > 1e3)
+      this.eventCounters.set(t, { count: 1, window: n });
+    else if (i.count++, i.count > 50 && i.count > 100)
       return;
     this.dispatchEvent(new CustomEvent(t, {
       detail: r,
@@ -3424,8 +3551,8 @@ class de extends EventTarget {
     s && s.forEach((o) => {
       try {
         o(r);
-      } catch (a) {
-        se(`Error in global event handler for "${t}":`, a);
+      } catch (c) {
+        ie(`Error in global event handler for "${t}":`, c);
       }
     });
   }
@@ -3443,8 +3570,8 @@ class de extends EventTarget {
    * @param handler - Handler function to remove
    */
   off(t, r) {
-    const i = this.handlers[t];
-    i && i.delete(r);
+    const n = this.handlers[t];
+    n && n.delete(r);
   }
   /**
    * Remove all handlers for a specific event.
@@ -3459,8 +3586,8 @@ class de extends EventTarget {
    * @param handler - CustomEvent handler
    * @param options - AddEventListener options
    */
-  listen(t, r, i) {
-    return this.addEventListener(t, r, i), () => this.removeEventListener(t, r);
+  listen(t, r, n) {
+    return this.addEventListener(t, r, n), () => this.removeEventListener(t, r);
   }
   /**
    * Register a one-time event handler. Returns a promise that resolves with the event data.
@@ -3468,9 +3595,9 @@ class de extends EventTarget {
    * @param handler - Handler function
    */
   once(t, r) {
-    return new Promise((i) => {
-      const n = this.on(t, (s) => {
-        n(), r(s), i(s);
+    return new Promise((n) => {
+      const i = this.on(t, (s) => {
+        i(), r(s), n(s);
       });
     });
   }
@@ -3500,9 +3627,9 @@ class de extends EventTarget {
    */
   getEventStats() {
     const t = {};
-    for (const [r, i] of this.eventCounters.entries())
+    for (const [r, n] of this.eventCounters.entries())
       t[r] = {
-        count: i.count,
+        count: n.count,
         handlersCount: this.getHandlerCount(r)
       };
     return t;
@@ -3514,44 +3641,44 @@ class de extends EventTarget {
     this.eventCounters.clear();
   }
 }
-const be = de.getInstance(), Lr = (e, t) => be.emit(e, t), Mr = (e, t) => be.on(e, t), jr = (e, t) => be.off(e, t), Wr = (e, t) => be.once(e, t), Nr = (e, t, r) => be.listen(e, t, r);
+const be = fe.getInstance(), Lr = (e, t) => be.emit(e, t), Mr = (e, t) => be.on(e, t), jr = (e, t) => be.off(e, t), Wr = (e, t) => be.once(e, t), Nr = (e, t, r) => be.listen(e, t, r);
 function tt(e) {
   let t = { ...e };
   const r = [];
-  function i(a) {
-    r.push(a), a(t);
+  function n(c) {
+    r.push(c), c(t);
   }
-  function n() {
+  function i() {
     return t;
   }
-  function s(a) {
-    const u = typeof a == "function" ? a(t) : a;
+  function s(c) {
+    const u = typeof c == "function" ? c(t) : c;
     t = { ...t, ...u }, o();
   }
   function o() {
-    r.forEach((a) => a(t));
+    r.forEach((c) => c(t));
   }
-  return { subscribe: i, getState: n, setState: s };
+  return { subscribe: n, getState: i, setState: s };
 }
 const rt = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, Q = (e, t) => {
   for (const r of e) {
-    const i = [], n = r.path.replace(/:[^/]+/g, (a) => (i.push(a.slice(1)), "([^/]+)")), s = new RegExp(`^${n}$`), o = t.match(s);
+    const n = [], i = r.path.replace(/:[^/]+/g, (c) => (n.push(c.slice(1)), "([^/]+)")), s = new RegExp(`^${i}$`), o = t.match(s);
     if (o) {
-      const a = {};
-      return i.forEach((u, m) => {
-        a[u] = o[m + 1];
-      }), { route: r, params: a };
+      const c = {};
+      return n.forEach((u, m) => {
+        c[u] = o[m + 1];
+      }), { route: r, params: c };
     }
   }
   return { route: null, params: {} };
-}, Ie = {};
+}, De = {};
 async function ur(e) {
   if (e.component) return e.component;
   if (e.load) {
-    if (Ie[e.path]) return Ie[e.path];
+    if (De[e.path]) return De[e.path];
     try {
       const t = await e.load();
-      return Ie[e.path] = t.default, t.default;
+      return De[e.path] = t.default, t.default;
     } catch {
       throw new Error(`Failed to load component for route: ${e.path}`);
     }
@@ -3559,125 +3686,125 @@ async function ur(e) {
   throw new Error(`No component or loader defined for route: ${e.path}`);
 }
 function fr(e) {
-  const { routes: t, base: r = "", initialUrl: i } = e;
-  let n, s, o, a, u, m, g;
-  const b = async (x, w) => {
-    const c = t.find((h) => Q([h], x.path).route !== null);
-    if (c?.beforeEnter)
+  const { routes: t, base: r = "", initialUrl: n } = e;
+  let i, s, o, c, u, m, g;
+  const b = async (v, w) => {
+    const a = t.find((l) => Q([l], v.path).route !== null);
+    if (a?.beforeEnter)
       try {
-        const h = await c.beforeEnter(x, w);
-        return typeof h == "string" ? (await d(h, !0), !1) : h !== !1;
-      } catch (h) {
-        return se("beforeEnter error", h), !1;
+        const l = await a.beforeEnter(v, w);
+        return typeof l == "string" ? (await h(l, !0), !1) : l !== !1;
+      } catch (l) {
+        return ie("beforeEnter error", l), !1;
       }
     return !0;
-  }, p = async (x, w) => {
-    const c = t.find((h) => Q([h], x.path).route !== null);
-    if (c?.onEnter)
+  }, p = async (v, w) => {
+    const a = t.find((l) => Q([l], v.path).route !== null);
+    if (a?.onEnter)
       try {
-        const h = await c.onEnter(x, w);
-        return typeof h == "string" ? (await d(h, !0), !1) : h !== !1;
-      } catch (h) {
-        return se("onEnter error", h), !1;
+        const l = await a.onEnter(v, w);
+        return typeof l == "string" ? (await h(l, !0), !1) : l !== !1;
+      } catch (l) {
+        return ie("onEnter error", l), !1;
       }
     return !0;
-  }, l = (x, w) => {
-    const c = t.find((h) => Q([h], x.path).route !== null);
-    if (c?.afterEnter)
+  }, f = (v, w) => {
+    const a = t.find((l) => Q([l], v.path).route !== null);
+    if (a?.afterEnter)
       try {
-        c.afterEnter(x, w);
-      } catch (h) {
-        se("afterEnter error", h);
+        a.afterEnter(v, w);
+      } catch (l) {
+        ie("afterEnter error", l);
       }
-  }, d = async (x, w = !1) => {
+  }, h = async (v, w = !1) => {
     try {
-      const c = {
-        path: x.replace(r, "") || "/",
+      const a = {
+        path: v.replace(r, "") || "/",
         query: {}
-      }, h = Q(t, c.path);
-      if (!h) throw new Error(`No route found for ${c.path}`);
-      const y = o.getState(), k = {
-        path: c.path,
-        params: h.params,
-        query: c.query
+      }, l = Q(t, a.path);
+      if (!l) throw new Error(`No route found for ${a.path}`);
+      const y = o.getState(), $ = {
+        path: a.path,
+        params: l.params,
+        query: a.query
       };
-      if (!await b(k, y) || !await p(k, y)) return;
-      typeof window < "u" && typeof document < "u" && (w ? window.history.replaceState({}, "", r + x) : window.history.pushState({}, "", r + x)), o.setState(k), l(k, y);
-    } catch (c) {
-      se("Navigation error:", c);
+      if (!await b($, y) || !await p($, y)) return;
+      typeof window < "u" && typeof document < "u" && (w ? window.history.replaceState({}, "", r + v) : window.history.pushState({}, "", r + v)), o.setState($), f($, y);
+    } catch (a) {
+      ie("Navigation error:", a);
     }
   };
-  if (typeof window < "u" && typeof document < "u" && typeof i > "u") {
-    n = () => {
-      const w = new URL(window.location.href), c = w.pathname.replace(r, "") || "/", h = rt(w.search);
-      return { path: c, query: h };
-    }, s = n();
-    const x = Q(t, s.path);
+  if (typeof window < "u" && typeof document < "u" && typeof n > "u") {
+    i = () => {
+      const w = new URL(window.location.href), a = w.pathname.replace(r, "") || "/", l = rt(w.search);
+      return { path: a, query: l };
+    }, s = i();
+    const v = Q(t, s.path);
     o = tt({
       path: s.path,
-      params: x.params,
+      params: v.params,
       query: s.query
-    }), a = async (w = !1) => {
-      const c = n();
-      await d(c.path, w);
-    }, window.addEventListener("popstate", () => a(!0)), u = (w) => d(w, !1), m = (w) => d(w, !0), g = () => window.history.back();
+    }), c = async (w = !1) => {
+      const a = i();
+      await h(a.path, w);
+    }, window.addEventListener("popstate", () => c(!0)), u = (w) => h(w, !1), m = (w) => h(w, !0), g = () => window.history.back();
   } else {
-    n = () => {
-      const c = new URL(i || "/", "http://localhost"), h = c.pathname.replace(r, "") || "/", y = rt(c.search);
-      return { path: h, query: y };
-    }, s = n();
-    const x = Q(t, s.path);
+    i = () => {
+      const a = new URL(n || "/", "http://localhost"), l = a.pathname.replace(r, "") || "/", y = rt(a.search);
+      return { path: l, query: y };
+    }, s = i();
+    const v = Q(t, s.path);
     o = tt({
       path: s.path,
-      params: x.params,
+      params: v.params,
       query: s.query
-    }), a = async () => {
-      const c = n();
-      await w(c.path);
+    }), c = async () => {
+      const a = i();
+      await w(a.path);
     };
-    const w = async (c) => {
+    const w = async (a) => {
       try {
-        const h = {
-          path: c.replace(r, "") || "/",
+        const l = {
+          path: a.replace(r, "") || "/",
           query: {}
-        }, y = Q(t, h.path);
-        if (!y) throw new Error(`No route found for ${h.path}`);
-        const k = o.getState(), $ = {
-          path: h.path,
+        }, y = Q(t, l.path);
+        if (!y) throw new Error(`No route found for ${l.path}`);
+        const $ = o.getState(), k = {
+          path: l.path,
           params: y.params,
-          query: h.query
-        }, f = t.find((v) => Q([v], $.path).route !== null);
-        if (f?.beforeEnter)
+          query: l.query
+        }, d = t.find((x) => Q([x], k.path).route !== null);
+        if (d?.beforeEnter)
           try {
-            const v = await f.beforeEnter($, k);
-            if (typeof v == "string") {
-              await w(v);
+            const x = await d.beforeEnter(k, $);
+            if (typeof x == "string") {
+              await w(x);
               return;
             }
-            if (v === !1) return;
+            if (x === !1) return;
           } catch {
             return;
           }
-        if (f?.onEnter)
+        if (d?.onEnter)
           try {
-            const v = await f.onEnter($, k);
-            if (typeof v == "string") {
-              await w(v);
+            const x = await d.onEnter(k, $);
+            if (typeof x == "string") {
+              await w(x);
               return;
             }
-            if (v === !1) return;
+            if (x === !1) return;
           } catch {
             return;
           }
-        if (o.setState($), f?.afterEnter)
+        if (o.setState(k), d?.afterEnter)
           try {
-            f.afterEnter($, k);
+            d.afterEnter(k, $);
           } catch {
           }
       } catch {
       }
     };
-    u = async (c) => w(c), m = async (c) => w(c), g = () => {
+    u = async (a) => w(a), m = async (a) => w(a), g = () => {
     };
   }
   return {
@@ -3686,7 +3813,7 @@ function fr(e) {
     replace: m,
     back: g,
     subscribe: o.subscribe,
-    matchRoute: (x) => Q(t, x),
+    matchRoute: (v) => Q(t, v),
     getCurrent: () => o.getState(),
     resolveRouteComponent: ur
   };
@@ -3694,68 +3821,68 @@ function fr(e) {
 function zr(e, t) {
   return Q(e, t);
 }
-function Dr(e) {
+function Ir(e) {
   const t = fr(e);
-  return et("router-view", (r = {}, i = {}) => {
-    const { onConnected: n } = i;
-    if (n && n(() => {
+  return et("router-view", (r = {}, n = {}) => {
+    const { onConnected: i } = n;
+    if (i && i(() => {
       t && typeof t.subscribe == "function" && t.subscribe(() => {
       });
-    }), !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) => {
+    }), !t) return ae`<div>Router not initialized.</div>`;
+    const s = t.getCurrent(), { path: o } = s, c = t.matchRoute(o);
+    return c.route ? t.resolveRouteComponent(c.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((b) => typeof b == "string" ? { tag: b, props: {}, children: [] } : b);
       }
-      return ce`<div>Invalid route component</div>`;
-    }).catch(() => ce`<div>Invalid route component</div>`) : ce`<div>Not found</div>`;
-  }), et("router-link", (r = {}, i = {}) => {
+      return ae`<div>Invalid route component</div>`;
+    }).catch(() => ae`<div>Invalid route component</div>`) : ae`<div>Not found</div>`;
+  }), et("router-link", (r = {}, n = {}) => {
     const {
-      to: n = "",
+      to: i = "",
       tag: s = "a",
       replace: o = !1,
-      exact: a = !1,
+      exact: c = !1,
       activeClass: u = "active",
       exactActiveClass: m = "exact-active",
       ariaCurrentValue: g = "page",
       disabled: b = !1,
       external: p = !1,
-      class: l = ""
-    } = r, d = t.getCurrent(), x = d.path === n, w = a ? x : d && typeof d.path == "string" ? d.path.startsWith(n) : !1, c = x ? `aria-current="${g}"` : "", h = (l || "").split(/\s+/).filter(Boolean), y = {};
-    for (const C of h) y[C] = !0;
-    const k = {
+      class: f = ""
+    } = r, h = t.getCurrent(), v = h.path === i, w = c ? v : h && typeof h.path == "string" ? h.path.startsWith(i) : !1, a = v ? `aria-current="${g}"` : "", l = (f || "").split(/\s+/).filter(Boolean), y = {};
+    for (const C of l) y[C] = !0;
+    const $ = {
       ...y,
       // Also include the configurable names (may duplicate the above)
       [u]: w,
-      [m]: x
-    }, $ = s === "button", f = b ? $ ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", v = p && (s === "a" || !s) ? 'target="_blank" rel="noopener noreferrer"' : "", A = (C) => {
+      [m]: v
+    }, k = s === "button", d = b ? k ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", x = p && (s === "a" || !s) ? 'target="_blank" rel="noopener noreferrer"' : "", A = (C) => {
       if (b) {
         C.preventDefault();
         return;
       }
-      p && (s === "a" || !s) || (C.preventDefault(), o ? t.replace(n) : t.push(n));
+      p && (s === "a" || !s) || (C.preventDefault(), o ? t.replace(i) : t.push(i));
     };
-    return ce`
-      ${ar().when($, ce`
+    return ae`
+      ${ar().when(k, ae`
           <button
             part="button"
-            :class="${k}"
-            ${c}
-            ${f}
-            ${v}
+            :class="${$}"
+            ${a}
+            ${d}
+            ${x}
             @click="${A}"
           ><slot></slot></button>
-        `).otherwise(ce`
+        `).otherwise(ae`
           <a
             part="link"
-            href="${n}"
-            :class="${k}"
-            ${c}
-            ${f}
-            ${v}
+            href="${i}"
+            :class="${$}"
+            ${a}
+            ${d}
+            ${x}
             @click="${A}"
           ><slot></slot></a>
         `).done()}
@@ -3763,20 +3890,20 @@ function Dr(e) {
   }), t;
 }
 export {
-  de as GlobalEventBus,
+  fe as GlobalEventBus,
   j as anchorBlock,
   et as component,
   hr as computed,
   tt as createStore,
   Pt as css,
-  vr as each,
+  xr as each,
   Sr as eachGroup,
   Ar as eachPage,
   _r as eachWhere,
   Lr as emit,
   be as eventBus,
-  ce as html,
-  Dr as initRouter,
+  ae as html,
+  Ir as initRouter,
   Nr as listen,
   ar as match,
   Q as matchRoute,
@@ -3802,7 +3929,7 @@ export {
   yr as useOnDisconnected,
   wr as useOnError,
   fr as useRouter,
-  xr as useStyle,
+  vr as useStyle,
   pr as watch,
   Re as when,
   kr as whenEmpty,