@jasonshimmy/custom-elements-runtime 1.0.4 → 1.0.6

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 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()));
+    const i = r || t.toString();
+    this.pendingUpdates.set(i, t), this.isFlushScheduled || (this.isFlushScheduled = !0, typeof globalThis.process < "u" && globalThis.process.env?.NODE_ENV === "test" || typeof window < "u" && (window.__vitest__ || window.Cypress) ? this.flush() : queueMicrotask(() => this.flush()));
   }
   /**
    * Execute all pending updates
@@ -18,8 +18,8 @@ class dt {
     for (const r of t)
       try {
         r();
-      } catch (n) {
-        typeof console < "u" && console.error && console.error("Error in batched update:", n);
+      } catch (i) {
+        typeof console < "u" && console.error && console.error("Error in batched update:", i);
       }
   }
   /**
@@ -29,23 +29,23 @@ class dt {
     return this.pendingUpdates.size;
   }
 }
-const pt = new dt();
+const ht = new dt();
 function fe(e, t) {
-  pt.schedule(e, t);
+  ht.schedule(e, t);
 }
 const Fe = /* @__PURE__ */ new WeakSet();
-class ht {
+class pt {
   static cache = /* @__PURE__ */ new WeakMap();
   static arrayHandlerCache = /* @__PURE__ */ new WeakMap();
   static objectHandlerCache = /* @__PURE__ */ new WeakMap();
   /**
    * Get or create a reactive proxy for an object
    */
-  static getOrCreateProxy(t, r, n = !1) {
-    const i = this.cache.get(t);
-    if (i)
-      return i;
-    const s = n ? this.getOrCreateArrayHandler(r) : this.getOrCreateObjectHandler(r), o = new Proxy(t, s);
+  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);
     try {
       nt.markAsProxy(o);
     } catch {
@@ -58,9 +58,9 @@ class ht {
   static getOrCreateArrayHandler(t) {
     if (!this.arrayHandlerCache.has(t)) {
       const r = {
-        get: (n, i, s) => {
-          const o = Reflect.get(n, i, s);
-          return typeof o == "function" && typeof i == "string" && [
+        get: (i, n, s) => {
+          const o = Reflect.get(i, n, s);
+          return typeof o == "function" && typeof n == "string" && [
             "push",
             "pop",
             "shift",
@@ -70,13 +70,13 @@ class ht {
             "reverse",
             "fill",
             "copyWithin"
-          ].includes(i) ? function(...u) {
-            const m = o.apply(n, u);
+          ].includes(n) ? function(...u) {
+            const m = o.apply(i, u);
             return t.triggerUpdate(), m;
           } : o;
         },
-        set: (n, i, s) => (n[i] = t.makeReactiveValue(s), t.triggerUpdate(), !0),
-        deleteProperty: (n, i) => (delete n[i], t.triggerUpdate(), !0)
+        set: (i, n, s) => (i[n] = t.makeReactiveValue(s), t.triggerUpdate(), !0),
+        deleteProperty: (i, n) => (delete i[n], t.triggerUpdate(), !0)
       };
       this.arrayHandlerCache.set(t, r);
     }
@@ -88,9 +88,9 @@ class ht {
   static getOrCreateObjectHandler(t) {
     if (!this.objectHandlerCache.has(t)) {
       const r = {
-        get: (n, i, s) => Reflect.get(n, i, s),
-        set: (n, i, s) => (n[i] = t.makeReactiveValue(s), t.triggerUpdate(), !0),
-        deleteProperty: (n, i) => (delete n[i], t.triggerUpdate(), !0)
+        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)
       };
       this.objectHandlerCache.set(t, r);
     }
@@ -127,19 +127,19 @@ class nt {
   /**
    * Create an optimized reactive proxy with minimal overhead
    */
-  static createReactiveProxy(t, r, n) {
+  static createReactiveProxy(t, r, i) {
     try {
       if (Fe.has(t)) return t;
     } catch {
     }
-    const i = Array.isArray(t);
+    const n = Array.isArray(t);
     let s = this.contextCache.get(r);
     s || (s = /* @__PURE__ */ new WeakMap(), this.contextCache.set(r, s));
-    let o = s.get(n);
+    let o = s.get(i);
     return o || (o = {
       triggerUpdate: r,
-      makeReactiveValue: n
-    }, s.set(n, o)), ht.getOrCreateProxy(t, o, i);
+      makeReactiveValue: i
+    }, s.set(i, o)), pt.getOrCreateProxy(t, o, n);
   }
   /**
    * 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, n = Date.now();
-    return n - r < 1e3 ? !1 : (this.lastWarningTime.set(t, n), !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);
   }
   /**
    * 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, 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 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 s = new He(t);
-    return this.stateStorage.set(i, s), s;
+    return this.stateStorage.set(n, s), s;
   }
   /**
    * Track a dependency for the current component
@@ -236,8 +236,8 @@ class gt {
    */
   triggerUpdate(t) {
     t.getDependents().forEach((r) => {
-      const n = this.componentRenderFunctions.get(r);
-      n && fe(n, r);
+      const i = this.componentRenderFunctions.get(r);
+      i && fe(i, r);
     });
   }
   /**
@@ -245,9 +245,9 @@ class gt {
    */
   cleanup(t) {
     const r = this.componentDependencies.get(t);
-    r && (r.forEach((n) => n.removeDependent(t)), this.componentDependencies.delete(t)), this.componentRenderFunctions.delete(t);
-    for (const n of Array.from(this.stateStorage.keys()))
-      n.startsWith(t + ":") && this.stateStorage.delete(n);
+    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);
     this.stateIndexCounter.delete(t);
   }
 }
@@ -291,7 +291,7 @@ class He {
     );
   }
 }
-function ur(e) {
+function dr(e) {
   return F.getOrCreateState(e === void 0 ? null : e);
 }
 function ee(e) {
@@ -307,7 +307,7 @@ function ee(e) {
     return !1;
   }
 }
-function fr(e) {
+function hr(e) {
   const t = new He(e());
   return {
     get value() {
@@ -315,19 +315,19 @@ function fr(e) {
     }
   };
 }
-function dr(e, t, r = {}) {
-  let n = e();
-  r.immediate && t(n, n);
-  const i = `watch-${Math.random().toString(36).substr(2, 9)}`, s = () => {
-    F.setCurrentComponent(i, s);
+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);
     const o = e();
-    F.clearCurrentComponent(), o !== n && (t(o, n), n = o);
+    F.clearCurrentComponent(), o !== i && (t(o, i), i = o);
   };
-  return F.setCurrentComponent(i, s), e(), F.clearCurrentComponent(), () => {
-    F.cleanup(i);
+  return F.setCurrentComponent(n, s), e(), F.clearCurrentComponent(), () => {
+    F.cleanup(n);
   };
 }
-const xe = /* @__PURE__ */ new Map(), ve = /* @__PURE__ */ new Map(), ke = /* @__PURE__ */ new Map(), Ue = 500;
+const xe = /* @__PURE__ */ new Map(), ve = /* @__PURE__ */ new Map(), $e = /* @__PURE__ */ new Map(), Ue = 500;
 function re(e) {
   if (xe.has(e))
     return xe.get(e);
@@ -337,13 +337,13 @@ function re(e) {
 function it(e) {
   if (ve.has(e))
     return ve.get(e);
-  const t = e.replace(/-([a-z])/g, (r, n) => n.toUpperCase());
+  const t = e.replace(/-([a-z])/g, (r, i) => i.toUpperCase());
   return ve.size < Ue && ve.set(e, t), t;
 }
 function ie(e) {
   if (typeof e == "string") {
-    if (ke.has(e))
-      return ke.get(e);
+    if ($e.has(e))
+      return $e.get(e);
     const t = e.replace(
       /[&<>"']/g,
       (r) => ({
@@ -354,22 +354,22 @@ function ie(e) {
         "'": "&#39;"
       })[r]
     );
-    return t !== e && ke.size < Ue && ke.set(e, t), t;
+    return t !== e && $e.size < Ue && $e.set(e, t), t;
   }
   return e;
 }
 function H(e, t) {
   if (typeof t == "string") {
-    const r = t.split(".").reduce((n, i) => n?.[i], e);
+    const r = t.split(".").reduce((i, n) => i?.[n], e);
     return ee(r) ? r.value : r;
   }
   return t;
 }
-function Ee(e, t, r) {
-  const n = String(t).split("."), i = n.pop();
-  if (!i) return;
-  const s = n.reduce((o, a) => (o[a] == null && (o[a] = {}), o[a]), e);
-  ee(s[i]) ? s[i].value = r : s[i] = r;
+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 st = typeof process < "u" && process.env?.NODE_ENV !== "production";
 function se(e, ...t) {
@@ -380,33 +380,33 @@ function Oe(e, ...t) {
 }
 function mt(e, t, r) {
   if (r)
-    for (const [n, i] of Object.entries(r)) {
+    for (const [i, n] of Object.entries(r)) {
       let s, o = {};
-      if (Array.isArray(i) ? (s = i[0], o = i[1] || {}) : s = i, t.set(n, {
+      if (Array.isArray(n) ? (s = n[0], o = n[1] || {}) : s = n, t.set(i, {
         callback: s,
         options: o,
-        oldValue: H(e, n)
+        oldValue: H(e, i)
       }), o.immediate)
         try {
-          const a = H(e, n);
+          const a = H(e, i);
           s(a, void 0, e);
         } catch (a) {
-          se(`Error in immediate watcher for "${n}":`, a);
+          se(`Error in immediate watcher for "${i}":`, a);
         }
     }
 }
-function yt(e, t, r, n) {
-  const i = (o, a) => {
+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) => i(g, a[b]));
+      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) => i(o[g], a[g]));
+    return u.length !== m.length ? !1 : u.every((g) => n(o[g], a[g]));
   }, s = t.get(r);
-  if (s && !i(n, s.oldValue))
+  if (s && !n(i, s.oldValue))
     try {
-      s.callback(n, s.oldValue, e), s.oldValue = n;
+      s.callback(i, s.oldValue, e), s.oldValue = i;
     } catch (o) {
       se(`Error in watcher for "${r}":`, o);
     }
@@ -414,7 +414,7 @@ function yt(e, t, r, n) {
     if (a.options.deep && r.startsWith(o + "."))
       try {
         const u = H(e, o);
-        i(u, a.oldValue) || (a.callback(u, a.oldValue, e), a.oldValue = u);
+        n(u, a.oldValue) || (a.callback(u, a.oldValue, e), a.oldValue = u);
       } catch (u) {
         se(`Error in deep watcher for "${o}":`, u);
       }
@@ -423,33 +423,33 @@ function Ke(e, t) {
   return t === Boolean ? e === "true" : t === Number ? Number(e) : e;
 }
 function bt(e, t, r) {
-  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")
+  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")
       try {
-        const a = e[n];
-        i.type === Boolean && typeof a == "boolean" || i.type === Number && typeof a == "number" || i.type === Function && typeof a == "function" ? r[n] = a : r[n] = ie(Ke(String(a), i.type));
+        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));
       } catch {
-        r[n] = e[n];
+        r[i] = e[i];
       }
-    else o !== null ? r[n] = ie(Ke(o, i.type)) : "default" in i && i.default !== void 0 && (r[n] = ie(i.default));
+    else o !== null ? r[i] = ie(Ke(o, n.type)) : "default" in n && n.default !== void 0 && (r[i] = ie(n.default));
   });
 }
 function wt(e, t, r) {
   t.props && bt(e, t.props, r);
 }
-function xt(e, t, r, n) {
-  e.onConnected && !r && (e.onConnected(t), n(!0));
+function xt(e, t, r, i) {
+  e.onConnected && !r && (e.onConnected(t), i(!0));
 }
-function vt(e, t, r, n, i, s, o, a) {
-  e.onDisconnected && e.onDisconnected(t), r.forEach((u) => u()), n(), i(), s(!1), o(null), a(!1);
+function 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 kt(e, t, r, n, i) {
-  e.onAttributeChanged && e.onAttributeChanged(t, r, n, i);
+function $t(e, t, r, i, n) {
+  e.onAttributeChanged && e.onAttributeChanged(t, r, i, n);
 }
-class Ct {
+class kt {
   static cache = /* @__PURE__ */ new Map();
   static maxCacheSize = 1e3;
   // Dangerous patterns to block
@@ -471,24 +471,24 @@ class Ct {
     /XMLHttpRequest/i
   ];
   static evaluate(t, r) {
-    const n = this.cache.get(t);
-    if (n) {
-      if (!n.isSecure) {
+    const i = this.cache.get(t);
+    if (i) {
+      if (!i.isSecure) {
         Oe("Blocked cached dangerous expression:", t);
         return;
       }
-      return n.evaluator(r);
+      return i.evaluator(r);
     }
-    const i = this.createEvaluator(t);
+    const n = 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, i), !i.isSecure) {
+    if (this.cache.set(t, n), !n.isSecure) {
       Oe("Blocked dangerous expression:", t);
       return;
     }
-    return i.evaluator(r);
+    return n.evaluator(r);
   }
   static createEvaluator(t) {
     if (this.hasDangerousPatterns(t))
@@ -512,21 +512,21 @@ class Ct {
       return this.createObjectEvaluator(t);
     if (/^ctx\.[a-zA-Z0-9_\.]+$/.test(t.trim())) {
       const r = t.trim().slice(4);
-      return (n) => H(n, r);
+      return (i) => H(i, r);
     }
     return t.includes("ctx") || /[+\-*/%<>=&|?:\[\]]/.test(t) ? this.createSimpleEvaluator(t) : (r) => H(r, t);
   }
   static createObjectEvaluator(t) {
-    const r = t.trim().slice(1, -1), n = this.parseObjectProperties(r);
-    return (i) => {
+    const r = t.trim().slice(1, -1), i = this.parseObjectProperties(r);
+    return (n) => {
       const s = {};
-      for (const { key: o, value: a } of n)
+      for (const { key: o, value: a } of i)
         try {
           if (a.startsWith("ctx.")) {
             const u = a.slice(4);
-            s[o] = H(i, u);
+            s[o] = H(n, u);
           } else
-            s[o] = this.evaluateSimpleValue(a, i);
+            s[o] = this.evaluateSimpleValue(a, n);
         } catch {
           s[o] = void 0;
         }
@@ -534,11 +534,11 @@ class Ct {
     };
   }
   static parseObjectProperties(t) {
-    const r = [], n = t.split(",");
-    for (const i of n) {
-      const s = i.indexOf(":");
+    const r = [], i = t.split(",");
+    for (const n of i) {
+      const s = n.indexOf(":");
       if (s === -1) continue;
-      const o = i.slice(0, s).trim(), a = i.slice(s + 1).trim(), u = o.replace(/^['"]|['"]$/g, "");
+      const o = n.slice(0, s).trim(), a = n.slice(s + 1).trim(), u = o.replace(/^['"]|['"]$/g, "");
       r.push({ key: u, value: a });
     }
     return r;
@@ -546,39 +546,39 @@ class Ct {
   static createSimpleEvaluator(t) {
     return (r) => {
       try {
-        let n = t;
-        const i = [];
-        n = n.replace(/("[^"\\]*(?:\\.[^"\\]*)*"|'[^'\\]*(?:\\.[^'\\]*)*')/g, (b) => `<<#${i.push(b) - 1}#>>`);
-        const s = n.match(/ctx\.[\w.]+/g) || [];
+        let i = t;
+        const n = [];
+        i = i.replace(/("[^"\\]*(?:\\.[^"\\]*)*"|'[^'\\]*(?:\\.[^'\\]*)*')/g, (b) => `<<#${n.push(b) - 1}#>>`);
+        const s = i.match(/ctx\.[\w.]+/g) || [];
         for (const b of s) {
-          const h = b.slice(4), l = H(r, h);
+          const p = b.slice(4), l = H(r, p);
           if (l === void 0) return;
-          const d = i.push(JSON.stringify(l)) - 1;
-          n = n.replace(new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${d}#>>`);
+          const d = n.push(JSON.stringify(l)) - 1;
+          i = i.replace(new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${d}#>>`);
         }
-        const o = /\b[a-zA-Z_][a-zA-Z0-9_]*(?:\.[a-zA-Z_][a-zA-Z0-9_]*)+\b/g, a = n.match(o) || [];
+        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) {
           if (b.startsWith("ctx.")) continue;
-          const h = H(r, b);
-          if (h === void 0) return;
-          const l = i.push(JSON.stringify(h)) - 1;
-          n = n.replace(new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${l}#>>`);
+          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 u = /\b([a-zA-Z_][a-zA-Z0-9_]*)\b/g;
         let m;
         const g = /* @__PURE__ */ new Set();
-        for (; (m = u.exec(n)) !== null; ) {
+        for (; (m = u.exec(i)) !== 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 h = H(r, b);
-          if (h === void 0) return;
-          const l = JSON.stringify(h), d = i.push(l) - 1;
-          b.includes(".") ? n = n.replace(new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${d}#>>`) : n = n.replace(new RegExp("\\b" + b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + "\\b", "g"), `<<#${d}#>>`);
+          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}#>>`);
         }
-        n = n.replace(/<<#(\d+)#>>/g, (b, h) => i[Number(h)]);
+        i = i.replace(/<<#(\d+)#>>/g, (b, p) => n[Number(p)]);
         try {
-          return this.evaluateBasicExpression(n);
+          return this.evaluateBasicExpression(i);
         } catch {
           return;
         }
@@ -594,55 +594,55 @@ class Ct {
    */
   static evaluateBasicExpression(t) {
     const r = this.tokenize(t);
-    let n = 0;
-    function i() {
-      return r[n];
+    let i = 0;
+    function n() {
+      return r[i];
     }
     function s(c) {
-      const p = r[n++];
-      if (c && !p)
+      const h = r[i++];
+      if (c && !h)
         throw new Error(`Unexpected token EOF, expected ${c}`);
-      if (c && p && p.type !== c && p.value !== c)
-        throw new Error(`Unexpected token ${p.type}/${p.value}, expected ${c}`);
-      return p;
+      if (c && h && h.type !== c && h.value !== c)
+        throw new Error(`Unexpected token ${h.type}/${h.value}, expected ${c}`);
+      return h;
     }
     function o() {
       return a();
     }
     function a() {
       let c = u();
-      if (i() && i().value === "?") {
+      if (n() && n().value === "?") {
         s("?");
-        const p = o();
+        const h = o();
         s(":");
         const y = o();
-        return c ? p : y;
+        return c ? h : y;
       }
       return c;
     }
     function u() {
       let c = m();
-      for (; i() && i().value === "||"; ) {
+      for (; n() && n().value === "||"; ) {
         s("OP");
-        const p = m();
-        c = c || p;
+        const h = m();
+        c = c || h;
       }
       return c;
     }
     function m() {
       let c = g();
-      for (; i() && i().value === "&&"; ) {
+      for (; n() && n().value === "&&"; ) {
         s("OP");
-        const p = g();
-        c = c && p;
+        const h = g();
+        c = c && h;
       }
       return c;
     }
     function g() {
       let c = b();
-      for (; i() && ["==", "!=", "===", "!=="].includes(i().value); ) {
-        const p = s("OP").value, y = b();
-        switch (p) {
+      for (; n() && ["==", "!=", "===", "!=="].includes(n().value); ) {
+        const h = s("OP").value, y = b();
+        switch (h) {
           case "==":
             c = c == y;
             break;
@@ -660,10 +660,10 @@ class Ct {
       return c;
     }
     function b() {
-      let c = h();
-      for (; i() && [">", "<", ">=", "<="].includes(i().value); ) {
-        const p = s("OP").value, y = h();
-        switch (p) {
+      let c = p();
+      for (; n() && [">", "<", ">=", "<="].includes(n().value); ) {
+        const h = s("OP").value, y = p();
+        switch (h) {
           case ">":
             c = c > y;
             break;
@@ -680,19 +680,19 @@ class Ct {
       }
       return c;
     }
-    function h() {
+    function p() {
       let c = l();
-      for (; i() && (i().value === "+" || i().value === "-"); ) {
-        const p = s("OP").value, y = l();
-        c = p === "+" ? c + y : c - y;
+      for (; n() && (n().value === "+" || n().value === "-"); ) {
+        const h = s("OP").value, y = l();
+        c = h === "+" ? c + y : c - y;
       }
       return c;
     }
     function l() {
       let c = d();
-      for (; i() && (i().value === "*" || i().value === "/" || i().value === "%"); ) {
-        const p = s("OP").value, y = d();
-        switch (p) {
+      for (; n() && (n().value === "*" || n().value === "/" || n().value === "%"); ) {
+        const h = s("OP").value, y = d();
+        switch (h) {
           case "*":
             c = c * y;
             break;
@@ -707,10 +707,10 @@ class Ct {
       return c;
     }
     function d() {
-      return i() && i().value === "!" ? (s("OP"), !d()) : i() && i().value === "-" ? (s("OP"), -d()) : x();
+      return n() && n().value === "!" ? (s("OP"), !d()) : n() && n().value === "-" ? (s("OP"), -d()) : x();
     }
     function x() {
-      const c = i();
+      const c = n();
       if (c) {
         if (c.type === "NUMBER")
           return s("NUMBER"), Number(c.value);
@@ -720,15 +720,15 @@ class Ct {
           return s("IDENT"), c.value === "true" ? !0 : c.value === "false" ? !1 : c.value === "null" ? null : void 0;
         if (c.value === "[") {
           s("PUNC");
-          const p = [];
-          for (; i() && i().value !== "]"; )
-            p.push(o()), i() && i().value === "," && s("PUNC");
-          return s("PUNC"), p;
+          const h = [];
+          for (; n() && n().value !== "]"; )
+            h.push(o()), n() && n().value === "," && s("PUNC");
+          return s("PUNC"), h;
         }
         if (c.value === "(") {
           s("PUNC");
-          const p = o();
-          return s("PUNC"), p;
+          const h = o();
+          return s("PUNC"), h;
         }
         throw new Error("Unexpected token in expression");
       }
@@ -736,10 +736,10 @@ class Ct {
     return o();
   }
   static tokenize(t) {
-    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];
+    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];
       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 Ct {
     if (t === "false") return !1;
     if (!isNaN(Number(t))) return Number(t);
     if (t.startsWith("ctx.")) {
-      const n = t.slice(4);
-      return H(r, n);
+      const i = t.slice(4);
+      return H(r, i);
     }
     return t.startsWith('"') && t.endsWith('"') || t.startsWith("'") && t.endsWith("'") ? t.slice(1, -1) : t;
   }
@@ -766,9 +766,9 @@ class oe {
   /**
    * Add an event listener with automatic cleanup tracking
    */
-  static addListener(t, r, n, i) {
-    t.addEventListener(r, n, i);
-    const o = { event: r, handler: n, options: i, cleanup: () => t.removeEventListener(r, n, i), addedAt: Date.now() };
+  static addListener(t, 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() };
     this.cleanupFunctions.has(t) || this.cleanupFunctions.set(t, []);
     const a = this.cleanupFunctions.get(t);
     a.push(o), this.cleanupFunctions.get(t).__metaList = a;
@@ -776,13 +776,13 @@ class oe {
   /**
    * Remove a specific event listener
    */
-  static removeListener(t, r, n, i) {
-    t.removeEventListener(r, n, i);
+  static removeListener(t, r, i, n) {
+    t.removeEventListener(r, i, n);
     const s = this.cleanupFunctions.get(t);
     if (s) {
       const o = s.__metaList || null;
       if (o) {
-        const a = o.findIndex((u) => u.event === r && u.handler === n && JSON.stringify(u.options) === JSON.stringify(i));
+        const a = o.findIndex((u) => u.event === r && u.handler === i && JSON.stringify(u.options) === JSON.stringify(n));
         if (a >= 0) {
           try {
             o[a].cleanup();
@@ -802,9 +802,9 @@ class oe {
    */
   static cleanup(t) {
     const r = this.cleanupFunctions.get(t);
-    r && ((r.__metaList || r).forEach((i) => {
+    r && ((r.__metaList || r).forEach((n) => {
       try {
-        typeof i == "function" ? i() : i && typeof i.cleanup == "function" && i.cleanup();
+        typeof n == "function" ? n() : n && typeof n.cleanup == "function" && n.cleanup();
       } catch (s) {
         console.error("Error during event cleanup:", s);
       }
@@ -824,15 +824,15 @@ class oe {
    * Check if an element has any tracked event listeners
    */
   static hasListeners(t) {
-    const r = this.cleanupFunctions.get(t), n = r ? r.__metaList || r : void 0;
-    return !!(n && n.length > 0);
+    const r = this.cleanupFunctions.get(t), i = r ? r.__metaList || r : void 0;
+    return !!(i && i.length > 0);
   }
   /**
    * Get the number of tracked event listeners for an element
    */
   static getListenerCount(t) {
-    const r = this.cleanupFunctions.get(t), n = r ? r.__metaList || r : void 0;
-    return n ? n.length : 0;
+    const r = this.cleanupFunctions.get(t), i = r ? r.__metaList || r : void 0;
+    return i ? i.length : 0;
   }
 }
 function ue(e, t) {
@@ -844,38 +844,38 @@ function ue(e, t) {
       ue(r, t);
   }
 }
-function he(e, t, r) {
+function pe(e, t, r) {
   if (typeof e == "string") return;
-  const n = e.props?.reactiveRef ?? (e.props?.props && e.props.props.reactiveRef), i = e.props?.ref ?? (e.props?.props && e.props.props.ref);
-  n ? n.value = t : i && r && (r[i] = t);
+  const 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);
 }
-function _t(e, t, r, n, i, s, o, a) {
+function Ct(e, t, r, i, n, s, o, a) {
   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", h = () => {
+  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 C = e.value;
-      return a && typeof C == "object" && C !== null ? C[a] : C;
+      const k = e.value;
+      return a && typeof k == "object" && k !== null ? k[a] : k;
     }
     return H(s._state || s, e);
-  }, l = h();
+  }, l = p();
   let d = "text";
-  o instanceof HTMLInputElement ? d = n?.type || o.type || "text" : o instanceof HTMLSelectElement ? d = "select" : o instanceof HTMLTextAreaElement && (d = "textarea");
+  o instanceof HTMLInputElement ? d = 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") ?? n?.value ?? ""));
+      r[c] = l.includes(String(o?.getAttribute("value") ?? i?.value ?? ""));
     else {
-      const C = o?.getAttribute("true-value") ?? !0;
-      r[c] = l === C;
+      const k = o?.getAttribute("true-value") ?? !0;
+      r[c] = l === k;
     }
   else if (d === "radio")
-    r[c] = l === (n?.value ?? "");
+    r[c] = l === (i?.value ?? "");
   else if (d === "select")
     if (o && o.hasAttribute("multiple") && o instanceof HTMLSelectElement) {
-      const C = Array.isArray(l) ? l.map(String) : [];
+      const k = Array.isArray(l) ? l.map(String) : [];
       setTimeout(() => {
-        Array.from(o.options).forEach((k) => {
-          k.selected = C.includes(k.value);
+        Array.from(o.options).forEach(($) => {
+          $.selected = k.includes($.value);
         });
       }, 0), r[c] = Array.isArray(l) ? l : [];
     } else
@@ -883,20 +883,20 @@ function _t(e, t, r, n, i, s, o, a) {
   else {
     r[c] = l;
     try {
-      const C = re(c);
-      n && (n[C] = l);
+      const k = re(c);
+      i && (i[k] = l);
     } catch {
     }
   }
-  const p = u || d === "checkbox" || d === "radio" || d === "select" ? "change" : "input", y = (C) => {
-    if (C.isComposing || i._isComposing) return;
-    const k = typeof globalThis.process < "u" && globalThis.process.env?.NODE_ENV === "test" || typeof window < "u" && window.__vitest__;
-    if (C.isTrusted === !1 && !k) return;
-    const f = C.target;
+  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 T = h();
+      const T = p();
       if (Array.isArray(T)) {
         const R = f.getAttribute("value") ?? "", S = Array.from(T);
         if (f.checked)
@@ -918,8 +918,8 @@ function _t(e, t, r, n, i, s, o, a) {
       const T = Number(v);
       isNaN(T) || (v = T);
     }
-    const A = s._state || s, _ = h();
-    if (Array.isArray(v) && Array.isArray(_) ? JSON.stringify([...v].sort()) !== JSON.stringify([..._].sort()) : v !== _) {
+    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;
       try {
         if (b)
@@ -929,7 +929,7 @@ function _t(e, t, r, n, i, s, o, a) {
           } else
             e.value = v;
         else
-          Ee(A, e, v);
+          _e(A, e, v);
         if (s._requestRender && s._requestRender(), s._triggerWatchers) {
           const T = b ? "reactiveState" : e;
           s._triggerWatchers(T, v);
@@ -948,52 +948,52 @@ function _t(e, t, r, n, i, s, o, a) {
     }
   };
   if (x) {
-    if (i[p]) {
-      const C = i[p];
-      o && oe.removeListener(o, p, C);
+    if (n[h]) {
+      const k = n[h];
+      o && oe.removeListener(o, h, k);
     }
-    i[p] = y;
+    n[h] = y;
   } else {
-    const C = `update:${re(c)}`;
-    if (i[C]) {
-      const k = i[C];
-      o && oe.removeListener(o, C, k);
+    const k = `update:${re(c)}`;
+    if (n[k]) {
+      const $ = n[k];
+      o && oe.removeListener(o, k, $);
     }
-    i[C] = (k) => {
-      const f = s._state || s, v = k.detail !== void 0 ? k.detail : k.target?.value, A = H(f, e);
+    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) {
-        Ee(f, e, v), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, v);
-        const $ = k.target;
-        if ($) {
-          $[c] = v;
+        _e(f, e, v), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, v);
+        const E = $.target;
+        if (E) {
+          E[c] = v;
           try {
             const T = re(c);
-            typeof v == "boolean" ? v ? $.setAttribute(T, "true") : $.setAttribute(T, "false") : $.setAttribute(T, String(v));
+            typeof v == "boolean" ? v ? E.setAttribute(T, "true") : E.setAttribute(T, "false") : E.setAttribute(T, String(v));
           } catch {
           }
           queueMicrotask(() => {
-            typeof $._applyProps == "function" && $._applyProps($._cfg), typeof $._requestRender == "function" && $._requestRender();
+            typeof E._applyProps == "function" && E._applyProps(E._cfg), typeof E._requestRender == "function" && E._requestRender();
           });
         }
       }
     };
   }
-  (d === "text" || d === "textarea") && (i.compositionstart = (() => i._isComposing = !0), i.compositionend = (C) => {
-    i._isComposing = !1;
-    const k = C.target;
-    k && setTimeout(() => {
-      const f = k.value, v = s._state || s, A = H(v, e);
-      let _ = f;
-      if (m && (_ = _.trim()), g) {
-        const T = Number(_);
-        isNaN(T) || (_ = T);
+  (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;
+      if (m && (C = C.trim()), g) {
+        const T = Number(C);
+        isNaN(T) || (C = T);
       }
-      if (Array.isArray(_) && Array.isArray(A) ? JSON.stringify([..._].sort()) !== JSON.stringify([...A].sort()) : _ !== A) {
-        k._modelUpdating = !0;
+      if (Array.isArray(C) && Array.isArray(A) ? JSON.stringify([...C].sort()) !== JSON.stringify([...A].sort()) : C !== A) {
+        $._modelUpdating = !0;
         try {
-          Ee(v, e, _), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, _);
+          _e(v, e, C), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, C);
         } finally {
-          setTimeout(() => k._modelUpdating = !1, 0);
+          setTimeout(() => $._modelUpdating = !1, 0);
         }
       }
     }, 0);
@@ -1003,85 +1003,85 @@ function ot(e) {
   const t = e.slice(2);
   return t ? t.charAt(0).toLowerCase() + t.slice(1) : "";
 }
-function Et(e, t, r, n) {
+function _t(e, t, r, i) {
   if (typeof e == "object" && e !== null)
-    for (const [i, s] of Object.entries(e))
-      i.startsWith("data-") || i.startsWith("aria-") || i === "class" ? r[i] = s : t[i] = s;
+    for (const [n, s] of Object.entries(e))
+      n.startsWith("data-") || n.startsWith("aria-") || n === "class" ? r[n] = s : t[n] = s;
   else if (typeof e == "string") {
-    if (!n) return;
+    if (!i) return;
     try {
-      const i = me(e, n);
-      if (typeof i == "object" && i !== null) {
-        for (const [s, o] of Object.entries(i))
+      const n = me(e, i);
+      if (typeof n == "object" && n !== null) {
+        for (const [s, o] of Object.entries(n))
           s.startsWith("data-") || s.startsWith("aria-") || s === "class" ? r[s] = o : t[s] = o;
         return;
       } else {
-        r[e] = i;
+        r[e] = n;
         return;
       }
     } catch {
-      const i = H(n, e);
-      r[e] = i;
+      const n = H(i, e);
+      r[e] = n;
     }
   }
 }
-function $t(e, t, r) {
-  let n;
+function Et(e, t, r) {
+  let i;
   if (typeof e == "string") {
     if (!r) return;
-    n = me(e, r);
+    i = me(e, r);
   } else
-    n = e;
-  const i = t.style || "";
-  let s = i;
-  if (n) {
-    if (i) {
-      const o = i.split(";").map((u) => u.trim()).filter(Boolean), a = o.findIndex(
+    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(
         (u) => u.startsWith("display:")
       );
       a >= 0 && o[a] === "display: none" && (o.splice(a, 1), s = o.length > 0 ? o.join("; ") + ";" : "");
     }
-  } else if (i) {
-    const o = i.split(";").filter(Boolean), a = o.findIndex(
+  } else if (n) {
+    const o = n.split(";").filter(Boolean), a = o.findIndex(
       (u) => u.trim().startsWith("display:")
     );
     a >= 0 ? o[a] = "display: none" : o.push("display: none"), s = o.join("; ");
   } else
     s = "display: none";
-  s !== i && (s ? t.style = s : delete t.style);
+  s !== n && (s ? t.style = s : delete t.style);
 }
 function me(e, t) {
-  return Ct.evaluate(e, t);
+  return kt.evaluate(e, t);
 }
 function St(e, t, r) {
-  let n;
+  let i;
   if (typeof e == "string") {
     if (!r) return;
-    n = me(e, r);
+    i = me(e, r);
   } else
-    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(([, a]) => !!a).flatMap(([a]) => a.split(/\s+/).filter(Boolean)));
-  const s = t.class || "", o = s ? `${s} ${i.join(" ")}`.trim() : i.join(" ");
+    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(" ");
   o && (t.class = o);
 }
 function At(e, t, r) {
-  let n;
+  let i;
   if (typeof e == "string") {
     if (!r) return;
-    n = me(e, r);
+    i = me(e, r);
   } else
-    n = e;
-  let i = "";
-  if (typeof n == "string")
-    i = n;
-  else if (n && typeof n == "object") {
+    i = e;
+  let n = "";
+  if (typeof i == "string")
+    n = i;
+  else if (i && typeof i == "object") {
     const o = [];
-    for (const [a, u] of Object.entries(n))
+    for (const [a, u] of Object.entries(i))
       if (u != null && u !== "") {
         const m = a.replace(
           /[A-Z]/g,
-          (h) => `-${h.toLowerCase()}`
+          (p) => `-${p.toLowerCase()}`
         ), g = [
           "width",
           "height",
@@ -1111,26 +1111,26 @@ function At(e, t, r) {
         let b = String(u);
         typeof u == "number" && g.includes(m) && (b = `${u}px`), o.push(`${m}: ${b}`);
       }
-    i = o.join("; ") + (o.length > 0 ? ";" : "");
+    n = o.join("; ") + (o.length > 0 ? ";" : "");
   }
   const s = t.style || "";
-  t.style = s + (s && !s.endsWith(";") ? "; " : "") + i;
+  t.style = s + (s && !s.endsWith(";") ? "; " : "") + n;
 }
 function Tt(e, t, r) {
-  let n = e;
-  typeof e == "string" && r && (n = me(e, r)), ee(n) ? t.reactiveRef = n : t.ref = n;
+  let i = e;
+  typeof e == "string" && r && (i = me(e, r)), ee(i) ? t.reactiveRef = i : t.ref = i;
 }
-function at(e, t, r, n) {
-  const i = {}, s = { ...n || {} }, o = {};
+function at(e, t, r, i) {
+  const n = {}, s = { ...i || {} }, o = {};
   for (const [a, u] of Object.entries(e)) {
     const { value: m, modifiers: g, arg: b } = u;
     if (a === "model" || a.startsWith("model:")) {
-      const h = a.split(":"), l = h.length > 1 ? h[1] : b;
-      _t(
+      const p = a.split(":"), l = p.length > 1 ? p[1] : b;
+      Ct(
         m,
         // Pass the original value (could be string or reactive state object)
         g,
-        i,
+        n,
         s,
         o,
         t,
@@ -1141,10 +1141,10 @@ function at(e, t, r, n) {
     }
     switch (a) {
       case "bind":
-        Et(m, i, s, t);
+        _t(m, n, s, t);
         break;
       case "show":
-        $t(m, s, t);
+        Et(m, s, t);
         break;
       case "class":
         St(m, s, t);
@@ -1153,11 +1153,11 @@ function at(e, t, r, n) {
         At(m, s, t);
         break;
       case "ref":
-        Tt(m, i, t);
+        Tt(m, n, t);
         break;
     }
   }
-  return { props: i, attrs: s, listeners: o };
+  return { props: n, attrs: s, listeners: o };
 }
 function Be(e, t) {
   if (Array.isArray(e)) {
@@ -1188,13 +1188,13 @@ function Be(e, t) {
     });
   }
   const r = e;
-  let n = r.props?.key ?? r.key ?? t, i = r.children;
-  return Array.isArray(i) && (i = Be(i, n)), { ...r, key: n, children: i };
+  let i = r.props?.key ?? r.key ?? t, n = r.children;
+  return Array.isArray(n) && (n = Be(n, i)), { ...r, key: i, children: n };
 }
-function Ve(e, t, r, n) {
-  const i = r.directives ?? {}, s = at(
-    i,
+function Ve(e, t, r, i) {
+  const n = r.directives ?? {}, s = at(
     n,
+    i,
     e,
     r.attrs
   ), o = {
@@ -1231,12 +1231,12 @@ function Ve(e, t, r, n) {
     s.listeners || {}
   ))
     oe.addListener(e, d, x);
-  const h = t.attrs ?? {}, l = a;
-  for (const d in { ...h, ...l }) {
-    const x = h[d], w = l[d];
-    let c = x, p = w;
-    if (ee(x) && (c = x.value), ee(w) && (p = w.value), c !== p)
-      if (b = !0, p == null || p === !1) {
+  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") {
           if (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement)
             try {
@@ -1268,20 +1268,20 @@ function Ve(e, t, r, n) {
         if (d === "value") {
           if (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement) {
             try {
-              e.value = p ?? "";
+              e.value = h ?? "";
             } catch {
-              e.setAttribute(d, String(p));
+              e.setAttribute(d, String(h));
             }
             continue;
           } else if (e instanceof HTMLSelectElement) {
             try {
-              e.value = p ?? "";
+              e.value = h ?? "";
             } catch {
             }
             continue;
           } else if (e instanceof HTMLProgressElement) {
             try {
-              e.value = Number(p);
+              e.value = Number(h);
             } catch {
             }
             continue;
@@ -1289,31 +1289,31 @@ function Ve(e, t, r, n) {
         }
         if (d === "checked" && e instanceof HTMLInputElement) {
           try {
-            e.checked = !!p;
+            e.checked = !!h;
           } catch {
           }
           continue;
         }
         if (d === "style") {
-          e.setAttribute(d, String(p));
+          e.setAttribute(d, String(h));
           continue;
         }
         const y = e.namespaceURI === "http://www.w3.org/2000/svg";
         if (g && !y && d.includes("-")) {
-          const C = it(d);
+          const k = it(d);
           try {
-            e[C] = p;
+            e[k] = h;
           } catch {
-            e.setAttribute(d, String(p));
+            e.setAttribute(d, String(h));
           }
         } else if (!y && d in e)
           try {
-            e[d] = p;
+            e[d] = h;
           } catch {
-            e.setAttribute(d, String(p));
+            e.setAttribute(d, String(h));
           }
         else
-          e.setAttribute(d, String(p));
+          e.setAttribute(d, String(h));
       }
   }
   if (g && b)
@@ -1331,94 +1331,94 @@ function X(e, t, r) {
   if (typeof e == "string")
     return document.createTextNode(e);
   if (e.tag === "#text") {
-    const h = document.createTextNode(
+    const p = document.createTextNode(
       typeof e.children == "string" ? e.children : ""
     );
-    return e.key != null && (h.key = e.key), h;
+    return e.key != null && (p.key = e.key), p;
   }
   if (e.tag === "#anchor") {
-    const h = e, l = Array.isArray(h.children) ? h.children : [], d = document.createTextNode(""), x = document.createTextNode("");
-    h.key != null && (d.key = `${h.key}:start`, x.key = `${h.key}:end`), h._startNode = d, h._endNode = x;
+    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 w = document.createDocumentFragment();
     w.appendChild(d);
     for (const c of l) {
-      const p = X(c, t);
-      w.appendChild(p);
+      const h = X(c, t);
+      w.appendChild(h);
     }
     return w.appendChild(x), w;
   }
-  const n = document.createElement(e.tag);
-  e.key != null && (n.key = e.key);
-  const { props: i = {}, attrs: s = {}, directives: o = {} } = e.props ?? {}, a = at(o, t, n, s), u = {
-    ...i,
+  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
   }, m = {
     ...s,
     ...a.attrs
-  }, g = n.namespaceURI === "http://www.w3.org/2000/svg";
-  for (const h in m) {
-    const l = m[h];
-    if (!(typeof h != "string" || /\[object Object\]/.test(h))) {
+  }, g = i.namespaceURI === "http://www.w3.org/2000/svg";
+  for (const p in m) {
+    const l = m[p];
+    if (!(typeof p != "string" || /\[object Object\]/.test(p))) {
       if (typeof l == "boolean")
-        l && n.setAttribute(h, "");
+        l && i.setAttribute(p, "");
       else if (l != null)
-        if (!g && h === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement || n instanceof HTMLProgressElement))
+        if (!g && p === "value" && (i instanceof HTMLInputElement || i instanceof HTMLTextAreaElement || i instanceof HTMLSelectElement || i instanceof HTMLProgressElement))
           try {
-            n instanceof HTMLProgressElement ? n.value = Number(l) : n.value = l ?? "";
+            i instanceof HTMLProgressElement ? i.value = Number(l) : i.value = l ?? "";
           } catch {
-            n.setAttribute(h, String(l));
+            i.setAttribute(p, String(l));
           }
-        else if (!g && h === "checked" && n instanceof HTMLInputElement)
+        else if (!g && p === "checked" && i instanceof HTMLInputElement)
           try {
-            n.checked = !!l;
+            i.checked = !!l;
           } catch {
-            n.setAttribute(h, String(l));
+            i.setAttribute(p, String(l));
           }
-        else if (!g && h in n)
+        else if (!g && p in i)
           try {
-            n[h] = l;
+            i[p] = l;
           } catch {
-            n.setAttribute(h, String(l));
+            i.setAttribute(p, String(l));
           }
-        else if ((e.props?.isCustomElement ?? !1) && !g && h.includes("-")) {
-          const x = it(h);
+        else if ((e.props?.isCustomElement ?? !1) && !g && p.includes("-")) {
+          const x = it(p);
           try {
-            n[x] = l;
+            i[x] = l;
           } catch {
-            n.setAttribute(h, String(l));
+            i.setAttribute(p, String(l));
           }
         } else
-          n.setAttribute(h, String(l));
+          i.setAttribute(p, String(l));
     }
   }
-  for (const h in u) {
-    const l = u[h];
-    if (!(typeof h != "string" || /\[object Object\]/.test(h)))
-      if (h === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement)) {
+  for (const p in u) {
+    const l = 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;
-        n.value = d ?? "";
-      } else if (h === "checked" && n instanceof HTMLInputElement) {
+        i.value = d ?? "";
+      } else if (p === "checked" && i instanceof HTMLInputElement) {
         const d = typeof l == "object" && l !== null && typeof l.value < "u" ? l.value : l;
-        n.checked = !!d;
-      } else if (h.startsWith("on") && typeof l == "function")
-        oe.addListener(n, ot(h), l);
+        i.checked = !!d;
+      } else if (p.startsWith("on") && typeof l == "function")
+        oe.addListener(i, ot(p), l);
       else {
-        if (h.startsWith("on") && l === void 0)
+        if (p.startsWith("on") && l === void 0)
           continue;
         if (l == null || l === !1)
-          n.removeAttribute(h);
-        else if ((e.props?.isCustomElement ?? !1) || h in n)
+          i.removeAttribute(p);
+        else if ((e.props?.isCustomElement ?? !1) || p in i)
           try {
             const x = typeof l == "object" && l !== null && typeof l.value < "u" ? l.value : l;
-            n[h] = x;
+            i[p] = x;
           } catch {
           }
       }
   }
-  for (const [h, l] of Object.entries(
+  for (const [p, l] of Object.entries(
     a.listeners || {}
   ))
-    oe.addListener(n, h, l);
+    oe.addListener(i, p, l);
   const b = {
     ...e,
     props: {
@@ -1426,31 +1426,31 @@ function X(e, t, r) {
       ...a.props
     }
   };
-  he(b, n, r);
+  pe(b, i, r);
   try {
-    if (typeof n._applyProps == "function")
+    if (typeof i._applyProps == "function")
       try {
-        n._applyProps(n._cfg);
+        i._applyProps(i._cfg);
       } catch {
       }
-    typeof n.requestRender == "function" ? n.requestRender() : typeof n._render == "function" && n._render(n._cfg);
+    typeof i.requestRender == "function" ? i.requestRender() : typeof i._render == "function" && i._render(i._cfg);
   } catch {
   }
   if (Array.isArray(e.children))
-    for (const h of e.children)
-      n.appendChild(X(h, t, r));
-  else typeof e.children == "string" && (n.textContent = e.children);
+    for (const p of e.children)
+      i.appendChild(X(p, t, r));
+  else typeof e.children == "string" && (i.textContent = e.children);
   try {
-    if (n instanceof HTMLSelectElement && m && m.hasOwnProperty("value"))
+    if (i instanceof HTMLSelectElement && m && m.hasOwnProperty("value"))
       try {
-        n.value = m.value ?? "";
+        i.value = m.value ?? "";
       } catch {
       }
   } catch {
   }
-  return n;
+  return i;
 }
-function Rt(e, t, r, n, i) {
+function Rt(e, t, r, i, n) {
   if (typeof r == "string") {
     e.textContent !== r && (e.textContent = r);
     return;
@@ -1471,50 +1471,50 @@ function Rt(e, t, r, n, i) {
     for (; x && (m.add(x), x !== d); )
       x = x.nextSibling;
   }
-  function h(l, d, x, w) {
+  function p(l, d, x, w) {
     const c = [];
-    let p = l.nextSibling;
-    for (; p && p !== d; )
-      c.push(p), p = p.nextSibling;
+    let h = l.nextSibling;
+    for (; h && h !== d; )
+      c.push(h), h = h.nextSibling;
     const y = Array.isArray(x) ? x : [];
-    if (w.some((k) => k && k.key != null) || y.some((k) => k && k.key != null)) {
-      const k = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
-      for (const _ of y)
-        _ && _.key != null && k.set(_.key, _);
-      for (const _ of c) {
-        const $ = _.key;
-        $ != null && f.set($, _);
+    if (w.some(($) => $ && $.key != null) || y.some(($) => $ && $.key != null)) {
+      const $ = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
+      for (const C of y)
+        C && C.key != null && $.set(C.key, C);
+      for (const C of c) {
+        const E = C.key;
+        E != null && f.set(E, C);
       }
       const v = /* @__PURE__ */ new Set();
       let A = l.nextSibling;
-      for (const _ of w) {
-        let $;
-        if (_.key != null && f.has(_.key)) {
-          const T = k.get(_.key);
-          $ = $e(
-            f.get(_.key),
+      for (const C of w) {
+        let E;
+        if (C.key != null && f.has(C.key)) {
+          const T = $.get(C.key);
+          E = Ee(
+            f.get(C.key),
             T,
-            _,
-            n
-          ), v.add($), $ !== A && e.contains($) && e.insertBefore($, A);
+            C,
+            i
+          ), v.add(E), E !== A && e.contains(E) && e.insertBefore(E, A);
         } else
-          $ = X(_, n), e.insertBefore($, A), v.add($);
-        A = $.nextSibling;
+          E = X(C, i), e.insertBefore(E, A), v.add(E);
+        A = E.nextSibling;
       }
-      for (const _ of c)
-        !v.has(_) && e.contains(_) && e.removeChild(_);
+      for (const C of c)
+        !v.has(C) && e.contains(C) && e.removeChild(C);
     } else {
-      const k = Math.min(
+      const $ = Math.min(
         y.length,
         w.length
       );
-      for (let f = 0; f < k; f++) {
-        const v = y[f], A = w[f], _ = $e(c[f], v, A, n);
-        _ !== c[f] && (e.insertBefore(_, c[f]), e.removeChild(c[f]));
+      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 f = k; f < w.length; f++)
-        e.insertBefore(X(w[f], n), d);
-      for (let f = k; f < c.length; f++)
+      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]);
     }
   }
@@ -1522,41 +1522,41 @@ function Rt(e, t, r, n, i) {
     let d;
     if (l.tag === "#anchor") {
       const x = l.key, w = `${x}:start`, c = `${x}:end`;
-      let p = u.get(w), y = u.get(c);
-      const C = Array.isArray(l.children) ? l.children : [];
-      if (p || (p = document.createTextNode(""), p.key = w), y || (y = document.createTextNode(""), y.key = c), l._startNode = p, l._endNode = y, !e.contains(p) || !e.contains(y)) {
-        e.insertBefore(p, g);
-        for (const k of C)
-          e.insertBefore(X(k, n), g);
+      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);
         e.insertBefore(y, g);
       } else
-        h(
-          p,
+        p(
+          h,
           y,
           a.get(x)?.children,
-          C
+          k
         );
-      b(p, y), g = y.nextSibling;
+      b(h, y), g = y.nextSibling;
       continue;
     }
     if (l.key != null && u.has(l.key)) {
       const x = a.get(l.key);
-      d = $e(
+      d = Ee(
         u.get(l.key),
         x,
         l,
-        n,
-        i
+        i,
+        n
       ), m.add(d), d !== g && e.contains(d) && (g && !e.contains(g) && (g = null), e.insertBefore(d, g));
     } else
-      d = X(l, n, i), g && !e.contains(g) && (g = null), e.insertBefore(d, g), m.add(d);
+      d = X(l, i, n), g && !e.contains(g) && (g = null), e.insertBefore(d, g), m.add(d);
     g = d.nextSibling;
   }
   for (const l of s)
-    !m.has(l) && e.contains(l) && (ue(l, i), e.removeChild(l));
+    !m.has(l) && e.contains(l) && (ue(l, n), e.removeChild(l));
 }
-function $e(e, t, r, n, i) {
-  if (t && typeof t != "string" && t.props?.ref && i && ue(e, i), t === r) return e;
+function Ee(e, t, r, i, n) {
+  if (t && typeof t != "string" && t.props?.ref && n && ue(e, n), t === r) return e;
   if (typeof r == "string") {
     if (e.nodeType === Node.TEXT_NODE)
       return e.textContent !== r && (e.textContent = r), e;
@@ -1571,20 +1571,20 @@ function $e(e, t, r, n, i) {
     const g = document.createDocumentFragment();
     g.appendChild(u);
     for (const b of a) {
-      const h = X(b, n);
-      g.appendChild(h);
+      const p = X(b, i);
+      g.appendChild(p);
     }
     return g.appendChild(m), e.parentNode?.replaceChild(g, e), u;
   }
   if (!r) {
-    ue(e, i);
+    ue(e, n);
     const o = document.createComment("removed");
     return e.parentNode?.replaceChild(o, e), o;
   }
   if (!t || typeof t == "string") {
-    ue(e, i);
-    const o = X(r, n, i);
-    return he(r, o, i), e.parentNode?.replaceChild(o, e), o;
+    ue(e, n);
+    const o = X(r, i, n);
+    return pe(r, o, n), 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("");
@@ -1592,40 +1592,40 @@ function $e(e, t, r, n, i) {
     const m = document.createDocumentFragment();
     m.appendChild(a);
     for (const g of o)
-      m.appendChild(X(g, n));
+      m.appendChild(X(g, i));
     return m.appendChild(u), e.parentNode?.replaceChild(m, e), a;
   }
   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 || {}, n), Rt(o, t.children, r.children, n, i), he(r, o, i), o;
+    return Ve(o, t.props || {}, r.props || {}, i), Rt(o, t.children, r.children, i, n), pe(r, o, n), 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 || {}, n), he(r, a, i), a;
+      return Ve(a, t.props || {}, r.props || {}, i), pe(r, a, n), a;
     } catch {
     }
-  ue(e, i);
-  const s = X(r, n, i);
-  return he(r, s, i), e.parentNode?.replaceChild(s, e), s;
+  ue(e, n);
+  const s = X(r, i, n);
+  return pe(r, s, n), e.parentNode?.replaceChild(s, e), s;
 }
-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 = {
+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 = {
     tag: "div",
     key: "__anchor_root__",
     props: { attrs: { "data-anchor-block-root": "", key: "__anchor_root__" } },
-    children: [i]
-  }), i = Be(i, String(i.key ?? "root"));
+    children: [n]
+  }), n = Be(n, String(n.key ?? "root"));
   const s = e._prevVNode ?? null, o = e._prevDom ?? e.firstChild ?? null;
   let a;
-  s && o ? typeof s != "string" && typeof i != "string" && s.tag === i.tag && s.key === i.key ? a = $e(o, s, i, r, n) : (a = X(i, r, n), e.replaceChild(a, o)) : (a = X(i, r, n), e.firstChild ? e.replaceChild(a, e.firstChild) : e.appendChild(a));
+  s && o ? typeof s != "string" && typeof 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));
   const u = [];
   for (let m = 0; m < e.childNodes.length; m++) {
     const g = e.childNodes[m];
-    g !== a && g.nodeName !== "STYLE" && (ue(g, n), u.push(g));
+    g !== a && g.nodeName !== "STYLE" && (ue(g, i), u.push(g));
   }
-  u.forEach((m) => e.removeChild(m)), e._prevVNode = i, e._prevDom = a;
+  u.forEach((m) => e.removeChild(m)), e._prevVNode = n, e._prevDom = a;
 }
 function Pe(e) {
   if (typeof e == "string") return ie(e);
@@ -1634,24 +1634,24 @@ function Pe(e) {
   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(([i, s]) => ` ${i}="${ie(String(s))}"`).join(""));
+  e.props && e.props.attrs && (t = Object.entries(e.props.attrs).map(([n, s]) => ` ${n}="${ie(String(s))}"`).join(""));
   let r = "";
-  e.props && (r = Object.entries(e.props).filter(([i]) => i !== "attrs" && i !== "directives" && i !== "ref" && i !== "key").map(([i, s]) => ` ${i}="${ie(String(s))}"`).join(""));
-  const n = 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}>${n}</${e.tag}>`;
+  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}>`;
 }
 function Pt(e, ...t) {
   let r = "";
-  for (let n = 0; n < e.length; n++)
-    r += e[n], n < t.length && (r += t[n]);
+  for (let i = 0; i < e.length; i++)
+    r += e[i], i < t.length && (r += t[i]);
   return r;
 }
 function ct(e) {
   return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
 }
-let Ce = null;
+let ke = null;
 function Je() {
-  return Ce || (Ce = new CSSStyleSheet(), Ce.replaceSync(ct(Mt))), Ce;
+  return ke || (ke = new CSSStyleSheet(), ke.replaceSync(ct(Mt))), ke;
 }
 function Lt(e) {
   return e.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
@@ -1810,17 +1810,17 @@ const Mt = Pt`
   black: { DEFAULT: "#000000" },
   transparent: { DEFAULT: "transparent" },
   current: { DEFAULT: "currentColor" }
-}, Nt = Object.fromEntries(
+}, Wt = Object.fromEntries(
   Object.entries(jt).map(([e, t]) => [
     e,
     Object.fromEntries(
-      Object.entries(t).map(([r, n]) => [
+      Object.entries(t).map(([r, i]) => [
         r,
-        `var(--color-${e}${r === "DEFAULT" ? "" : `-${r}`}, ${n})`
+        `var(--color-${e}${r === "DEFAULT" ? "" : `-${r}`}, ${i})`
       ])
     )
   ])
-), le = "0.25rem", Wt = {
+), le = "0.25rem", Nt = {
   // Tailwind container widths
   // 3xs: 16rem  => 16 / 0.25 = 64
   "3xs": 64,
@@ -1850,13 +1850,38 @@ const Mt = Pt`
   "7xl": 320
 }, zt = () => {
   const e = {};
-  for (const [t, r] of Object.entries(Wt))
+  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});`;
   return e;
 }, Dt = () => {
-  const e = {};
-  for (const t of [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12])
-    e[`grid-cols-${t}`] = `grid-template-columns:repeat(${t},minmax(0,1fr));`, e[`grid-rows-${t}`] = `grid-template-rows:repeat(${t},minmax(0,1fr));`, e[`col-span-${t}`] = `grid-column:span ${t} / span ${t};`, e[`row-span-${t}`] = `grid-row:span ${t} / span ${t};`;
+  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 = () => {
+  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};`;
+  }
+  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 = () => {
+  const e = {}, t = {
+    none: 0,
+    xs: 2,
+    sm: 4,
+    md: 6,
+    lg: 8,
+    xl: 12,
+    "2xl": 16,
+    "3xl": 24,
+    "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};`;
+  }
   return e;
 }, Le = {
   /* Display */
@@ -1889,6 +1914,14 @@ const Mt = Pt`
   "overflow-hidden": "overflow:hidden;",
   "overflow-visible": "overflow:visible;",
   "overflow-scroll": "overflow:scroll;",
+  "overflow-y-auto": "overflow-y:auto;",
+  "overflow-y-hidden": "overflow-y:hidden;",
+  "overflow-y-visible": "overflow-y:visible;",
+  "overflow-y-scroll": "overflow-y:scroll;",
+  "overflow-x-auto": "overflow-x:auto;",
+  "overflow-x-hidden": "overflow-x:hidden;",
+  "overflow-x-visible": "overflow-x:visible;",
+  "overflow-x-scroll": "overflow-x:scroll;",
   /* Pointer Events */
   "pointer-events-none": "pointer-events:none;",
   "pointer-events-auto": "pointer-events:auto;",
@@ -1933,63 +1966,8 @@ const Mt = Pt`
   "text-7xl": "font-size:4.5rem;line-height:1",
   "text-8xl": "font-size:6rem;line-height:1",
   /* Borders */
-  border: "border-width:1px;",
-  "border-t": "border-top-width:1px;",
-  "border-r": "border-right-width:1px;",
-  "border-b": "border-bottom-width:1px;",
-  "border-l": "border-left-width:1px;",
-  "border-x": "border-inline-width:1px;",
-  "border-y": "border-block-width:1px;",
-  "border-2": "border-width:2px;",
-  "border-4": "border-width:4px;",
-  "border-6": "border-width:6px;",
-  "border-8": "border-width:8px;",
-  "rounded-none": "border-radius:0;",
-  "rounded-xs": "border-radius:0.125rem;",
-  "rounded-t-xs": "border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;",
-  "rounded-r-xs": "border-top-right-radius:0.125rem;border-bottom-right-radius:0.125rem;",
-  "rounded-b-xs": "border-bottom-left-radius:0.125rem;border-bottom-right-radius:0.125rem;",
-  "rounded-l-xs": "border-top-left-radius:0.125rem;border-bottom-left-radius:0.125rem;",
-  "rounded-sm": "border-radius:0.25rem;",
-  "rounded-t-sm": "border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;",
-  "rounded-r-sm": "border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;",
-  "rounded-b-sm": "border-bottom-left-radius:0.25rem;border-bottom-right-radius:0.25rem;",
-  "rounded-l-sm": "border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;",
-  "rounded-md": "border-radius:0.375rem;",
-  "rounded-t-md": "border-top-left-radius:0.375rem;border-top-right-radius:0.375rem;",
-  "rounded-r-md": "border-top-right-radius:0.375rem;border-bottom-right-radius:0.375rem;",
-  "rounded-b-md": "border-bottom-left-radius:0.375rem;border-bottom-right-radius:0.375rem;",
-  "rounded-l-md": "border-top-left-radius:0.375rem;border-bottom-left-radius:0.375rem;",
-  "rounded-lg": "border-radius:0.5rem;",
-  "rounded-t-lg": "border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;",
-  "rounded-r-lg": "border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem;",
-  "rounded-b-lg": "border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem;",
-  "rounded-l-lg": "border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem;",
-  "rounded-xl": "border-radius:0.75rem;",
-  "rounded-t-xl": "border-top-left-radius:0.75rem;border-top-right-radius:0.75rem;",
-  "rounded-r-xl": "border-top-right-radius:0.75rem;border-bottom-right-radius:0.75rem;",
-  "rounded-b-xl": "border-bottom-left-radius:0.75rem;border-bottom-right-radius:0.75rem;",
-  "rounded-l-xl": "border-top-left-radius:0.75rem;border-bottom-left-radius:0.75rem;",
-  "rounded-2xl": "border-radius:1rem;",
-  "rounded-t-2xl": "border-top-left-radius:1rem;border-top-right-radius:1rem;",
-  "rounded-r-2xl": "border-top-right-radius:1rem;border-bottom-right-radius:1rem;",
-  "rounded-b-2xl": "border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;",
-  "rounded-l-2xl": "border-top-left-radius:1rem;border-bottom-left-radius:1rem;",
-  "rounded-3xl": "border-radius:1.5rem;",
-  "rounded-t-3xl": "border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;",
-  "rounded-r-3xl": "border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem;",
-  "rounded-b-3xl": "border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;",
-  "rounded-l-3xl": "border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem;",
-  "rounded-4xl": "border-radius:2rem;",
-  "rounded-t-4xl": "border-top-left-radius:2rem;border-top-right-radius:2rem;",
-  "rounded-r-4xl": "border-top-right-radius:2rem;border-bottom-right-radius:2rem;",
-  "rounded-b-4xl": "border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;",
-  "rounded-l-4xl": "border-top-left-radius:2rem;border-bottom-left-radius:2rem;",
-  "rounded-full": "border-radius:9999px;",
-  "rounded-t-full": "border-top-left-radius:9999px;border-top-right-radius:9999px;",
-  "rounded-r-full": "border-top-right-radius:9999px;border-bottom-right-radius:9999px;",
-  "rounded-b-full": "border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;",
-  "rounded-l-full": "border-top-left-radius:9999px;border-bottom-left-radius:9999px;",
+  ...It(),
+  ...Ht(),
   /* Shadow and effects */
   // Shadows use a CSS variable for color so color utilities can modify --ce-shadow-color
   "shadow-none": "--ce-shadow-color: rgb(0 0 0 / 0);box-shadow:0 0 var(--ce-shadow-color, #0000);",
@@ -2106,19 +2084,19 @@ const Mt = Pt`
   "gap-y": ["row-gap"]
 };
 function G(e, t) {
-  let r = 0, n = 0;
-  for (let i = 0; i < e.length; i++) {
-    const s = e[i];
+  let r = 0, i = 0;
+  for (let n = 0; n < e.length; n++) {
+    const s = e[n];
     if (s === "[") r++;
     else if (s === "]" && r > 0) r--;
-    else if (s === "(") n++;
-    else if (s === ")" && n > 0) n--;
-    else if (r === 0 && n === 0 && (s === ">" || s === "+" || s === "~" || s === " "))
-      return e.slice(0, i) + t + e.slice(i);
+    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);
   }
   return e + t;
 }
-const It = {
+const Bt = {
   before: (e, t) => `${e}::before{${t}}`,
   after: (e, t) => `${e}::after{${t}}`,
   hover: (e, t) => `${G(e, ":hover")}{${t}}`,
@@ -2151,22 +2129,22 @@ const It = {
   // Dark mode (now plain string)
   dark: "(prefers-color-scheme: dark)"
 }, je = ["sm", "md", "lg", "xl", "2xl"];
-function Ne(e) {
-  const t = e.startsWith("-"), n = (t ? e.slice(1) : e).split("-");
-  if (n.length < 2) return null;
-  const i = n.slice(0, -1).join("-"), s = n[n.length - 1], o = parseFloat(s);
-  if (Number.isNaN(o) || !Ze[i]) return null;
+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[i].map((u) => `${u}:calc(${a}${le} * ${o});`).join("");
+  return Ze[n].map((u) => `${u}:calc(${a}${le} * ${o});`).join("");
 }
 function Ge(e) {
-  const t = e.replace("#", ""), r = parseInt(t, 16), n = r >> 16 & 255, i = r >> 8 & 255, s = r & 255;
-  return `${n} ${i} ${s}`;
+  const t = e.replace("#", ""), r = parseInt(t, 16), i = r >> 16 & 255, n = r >> 8 & 255, s = r & 255;
+  return `${i} ${n} ${s}`;
 }
-function Ht(e) {
+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, n, i = "DEFAULT"] = t, s = Nt[n]?.[i];
+  const [, r, i, n = "DEFAULT"] = t, s = Wt[i]?.[n];
   if (!s) return null;
   if (r === "shadow") return `--ce-shadow-color:${s};`;
   const a = {
@@ -2182,33 +2160,33 @@ function Ht(e) {
   }[r];
   return a ? `${a}:${s};` : null;
 }
-function Bt(e) {
+function qt(e) {
   const [t, r] = e.split("/");
   if (!r) return { base: t };
-  const n = parseInt(r, 10);
-  return isNaN(n) || n < 0 || n > 100 ? { base: t } : { base: t, opacity: n / 100 };
+  const i = parseInt(r, 10);
+  return isNaN(i) || i < 0 || i > 100 ? { base: t } : { base: t, opacity: i / 100 };
 }
-function We(e) {
-  const { base: t, opacity: r } = Bt(e), n = Ht(t);
-  if (n) {
+function Ne(e) {
+  const { base: t, opacity: r } = qt(e), i = Ut(t);
+  if (i) {
     if (r !== void 0) {
-      const s = /#([0-9a-f]{6})/i.exec(n);
+      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;
   }
-  const i = Se(t);
-  if (i && r !== void 0) {
-    const s = /#([0-9a-f]{6})/i.exec(i);
+  const n = Se(t);
+  if (n && r !== void 0) {
+    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;
 }
 function ze(e) {
   const t = /^opacity-(\d{1,3})$/.exec(e);
@@ -2218,19 +2196,19 @@ function ze(e) {
 }
 function Se(e) {
   if (e.startsWith("[") && e.endsWith("]") && !e.includes("-[")) {
-    const i = e.slice(1, -1).trim().match(/^([a-zA-Z][a-zA-Z0-9-]*)\s*:(.*)$/);
-    if (i) {
-      const s = i[1].trim();
-      let o = i[2].trim();
+    const n = e.slice(1, -1).trim().match(/^([a-zA-Z][a-zA-Z0-9-]*)\s*:(.*)$/);
+    if (n) {
+      const s = n[1].trim();
+      let o = n[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 n = e.slice(0, t);
-    let i = e.slice(t + 2, -1);
-    i = i.replace(/_/g, " ");
+    const i = e.slice(0, t);
+    let n = e.slice(t + 2, -1);
+    n = n.replace(/_/g, " ");
     const s = {
       bg: "background-color",
       text: "color",
@@ -2275,14 +2253,14 @@ function Se(e) {
       leading: "line-height",
       z: "z-index"
     };
-    if (n === "rotate")
-      return `transform:rotate(${i});`;
-    const o = s[n] ?? n.replace(/_/g, "-");
-    if (o && i) return `${o}:${i};`;
+    if (i === "rotate")
+      return `transform:rotate(${n});`;
+    const o = s[i] ?? i.replace(/_/g, "-");
+    if (o && n) return `${o}:${n};`;
   }
   return null;
 }
-function Ut(e) {
+function Ft(e) {
   if (e.startsWith("[") && e.endsWith("]")) {
     const r = e.slice(1, -1);
     return r.includes("&") ? r : e;
@@ -2294,41 +2272,41 @@ function Ut(e) {
   }
   return null;
 }
-function qt(e) {
+function Kt(e) {
   return e.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1");
 }
-function Ft(e) {
+function Vt(e) {
   const t = /class\s*=\s*(['"])(.*?)\1/g, r = [];
-  let n;
-  for (; n = t.exec(e); ) {
-    const i = n[2].split(/\s+/).filter(Boolean);
-    i.length && r.push(...i);
+  let i;
+  for (; i = t.exec(e); ) {
+    const n = i[2].split(/\s+/).filter(Boolean);
+    n.length && r.push(...n);
   }
   return r.filter(Boolean);
 }
-const Xe = /* @__PURE__ */ new Map(), Kt = 16;
-function Vt(e) {
+const Xe = /* @__PURE__ */ new Map(), Jt = 16;
+function Zt(e) {
   const t = Date.now(), r = Xe.get(e);
-  if (r && t - r.timestamp < Kt) return r.css;
-  const n = Ft(e), i = new Set(n), s = [], o = [], a = [], u = [], m = {};
+  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 p = (c ? "dark|" : "") + w;
-    if (p in m) return m[p];
+    const h = (c ? "dark|" : "") + w;
+    if (h in m) return m[h];
     const y = d(w, c);
-    return m[p] = y, y;
+    return m[h] = y, y;
   }
   function b(w) {
-    const c = w.some((y) => je.includes(y)), p = w.includes("dark");
-    return w.length === 0 ? 1 : !c && !p ? 2 : c && !p ? 3 : 4;
+    const c = w.some((y) => je.includes(y)), h = w.includes("dark");
+    return w.length === 0 ? 1 : !c && !h ? 2 : c && !h ? 3 : 4;
   }
-  function h(w) {
+  function p(w) {
     const c = [];
-    let p = "", y = 0, C = 0;
-    for (let k = 0; k < w.length; k++) {
-      const f = w[k];
-      f === "[" ? y++ : f === "]" && y > 0 ? y-- : f === "(" ? C++ : f === ")" && C > 0 && C--, f === ":" && y === 0 && C === 0 ? (c.push(p), p = "") : p += f;
+    let 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;
     }
-    return p && c.push(p), c;
+    return h && c.push(h), c;
   }
   function l(w) {
     switch (w) {
@@ -2361,125 +2339,125 @@ function Vt(e) {
     }
   }
   function d(w, c = !1) {
-    const p = h(w);
+    const h = p(w);
     let y = !1;
-    const C = p.find((E) => (E.startsWith("!") && (y = !0, E = E.slice(1)), Le[E] || Ne(E) || ze(E) || We(E) || Se(E)));
-    if (!C) return null;
-    const k = C.replace(/^!/, ""), f = Le[k] ?? Ne(k) ?? ze(k) ?? We(k) ?? Se(k);
+    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 = p.indexOf(C);
-    let A = v >= 0 ? p.slice(0, v) : [];
-    c && (A = A.filter((E) => E !== "dark"));
-    const _ = `.${qt(w)}`, $ = "__SUBJECT__", T = y ? f.replace(/;$/, " !important;") : f;
-    let R = $;
+    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;
+    let R = E;
     const S = [];
-    for (const E of A)
-      E.startsWith("group-") ? (R = `.group:${E.slice(6)} ${R}`, S.push(E)) : E.startsWith("peer-") && (R = R.replace($, `.peer:${E.slice(5)}~${$}`), S.push(E));
-    A = A.filter((E) => !S.includes(E));
+    for (const _ of A)
+      _.startsWith("group-") ? (R = `.group:${_.slice(6)} ${R}`, S.push(_)) : _.startsWith("peer-") && (R = R.replace(E, `.peer:${_.slice(5)}~${E}`), S.push(_));
+    A = A.filter((_) => !S.includes(_));
     const P = [], B = [];
     let V = null;
-    for (const E of A) {
-      if (E === "dark" || je.includes(E)) continue;
-      const U = Ut(E);
+    for (const _ of A) {
+      if (_ === "dark" || je.includes(_)) continue;
+      const U = Ft(_);
       if (U) {
         V = U;
         continue;
       }
-      const D = l(E);
+      const D = l(_);
       if (D) {
         V ? B.push(D) : P.push(D);
         continue;
       }
-      const W = It[E];
-      typeof W == "function" && (R = W(R, T).split("{")[0]);
+      const N = Bt[_];
+      typeof N == "function" && (R = N(R, T).split("{")[0]);
     }
-    function we(E, U) {
-      if (!U) return E;
-      let D = 0, W = 0;
-      if (E.length && (E[0] === ">" || E[0] === "+" || E[0] === "~" || E[0] === " ")) {
+    function we(_, U) {
+      if (!U) return _;
+      let D = 0, N = 0;
+      if (_.length && (_[0] === ">" || _[0] === "+" || _[0] === "~" || _[0] === " ")) {
         let O = 1;
-        for (; O < E.length && E[O] === " "; ) O++;
-        for (; O < E.length; O++) {
-          const I = E[O];
-          if (I === "[" ? D++ : I === "]" && D > 0 ? D-- : I === "(" ? W++ : I === ")" && W > 0 && W--, D === 0 && W === 0 && (E[O] === ">" || E[O] === "+" || E[O] === "~" || E[O] === " "))
-            return E.slice(0, O) + U + E.slice(O);
+        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] === " "))
+            return _.slice(0, O) + U + _.slice(O);
         }
-        return E + U;
+        return _ + U;
       }
-      for (let O = 0; O < E.length; O++) {
-        const I = E[O];
-        if (I === "[" ? D++ : I === "]" && D > 0 ? D-- : I === "(" ? W++ : I === ")" && W > 0 && W--, D === 0 && W === 0 && (I === ">" || I === "+" || I === "~" || I === " "))
-          return E.slice(0, O) + U + E.slice(O);
+      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 === " "))
+          return _.slice(0, O) + U + _.slice(O);
       }
-      return E + U;
+      return _ + U;
     }
     const K = P.join(""), L = B.join("");
     if (V)
       if (V.includes("&")) {
-        const E = V.indexOf("&"), U = V.slice(0, E), D = V.slice(E + 1), W = $ + K, O = R;
+        const _ = V.indexOf("&"), U = V.slice(0, _), D = V.slice(_ + 1), N = E + K, O = R;
         if (P.length === 0)
-          R = O.replace($, U + W + L + D);
+          R = O.replace(E, U + N + L + D);
         else {
           const I = we(D, L);
-          R = O.replace($, U + W + I);
+          R = O.replace(E, U + N + I);
         }
       } else
-        R = R.replace($, `${V}${$ + K}`), L && (R = R.replace($, `${$}${L}`));
+        R = R.replace(E, `${V}${E + K}`), L && (R = R.replace(E, `${E}${L}`));
     else
-      R = $ + K + L;
-    R = R.replace(new RegExp($, "g"), _);
+      R = E + K + L;
+    R = R.replace(new RegExp(E, "g"), C);
     let M = `${R}{${T}}`;
-    const J = A.filter((E) => je.includes(E)), Z = J.length ? J[J.length - 1] : null, z = A.includes("dark");
+    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;
   }
-  for (const w of i) {
-    const c = h(w), p = c.find(
-      (f) => Le[f] || Ne(f) || ze(f) || We(f) || Se(f)
+  for (const w of n) {
+    const c = p(w), h = c.find(
+      (f) => Le[f] || We(f) || ze(f) || Ne(f) || Se(f)
     );
-    if (!p) continue;
-    const y = c.indexOf(p), C = y >= 0 ? c.slice(0, y) : [], k = b(C);
-    if (k === 4) {
+    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);
     } else {
       const f = g(w);
-      f && (k === 1 ? s.push(f) : k === 2 ? o.push(f) : k === 3 && a.push(f));
+      f && ($ === 1 ? s.push(f) : $ === 2 ? o.push(f) : $ === 3 && a.push(f));
     }
   }
   const x = [...s, ...o, ...a, ...u].join("");
   return Xe.set(e, { css: x, timestamp: t }), x;
 }
 const ge = [];
-function Jt(e, t, r, n, i, s, o, a) {
+function Gt(e, t, r, i, n, s, o, a) {
   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, n, i), a(e.innerHTML);
+          s(!1), o(null), Ye(e, m, r, i, n), a(e.innerHTML);
         }).catch((m) => {
           s(!1), o(m);
         });
         return;
       }
-      Ye(e, u, r, n, i), a(e.innerHTML);
+      Ye(e, u, r, i, n), a(e.innerHTML);
     } finally {
       ge.pop();
     }
   }
 }
-function Ye(e, t, r, n, i) {
+function Ye(e, t, r, i, n) {
   e && (Ot(
     e,
     Array.isArray(t) ? t : [t],
     r,
-    n
-  ), i(e.innerHTML));
+    i
+  ), n(e.innerHTML));
 }
-function Zt(e, t, r, n, i, s, o) {
+function Xt(e, t, r, i, n, s, o) {
   if (s !== null && clearTimeout(s), Date.now() - t < 16) {
-    if (i(r + 1), r === 15)
+    if (n(r + 1), r === 15)
       console.warn(
         `⚠️ Component is re-rendering rapidly. This might indicate:
   Common causes:
@@ -2498,17 +2476,17 @@ Stopping runaway component render to prevent browser freeze`
       return;
     }
   } else
-    i(0);
+    n(0);
   const m = setTimeout(() => {
-    n(Date.now()), e(), o(null);
+    i(Date.now()), e(), o(null);
   }, r > 10 ? 100 : 0);
   o(m);
 }
-function Gt(e, t, r, n, i) {
+function Yt(e, t, r, i, n) {
   if (!e) return;
-  const s = Vt(r);
+  const s = Zt(r);
   if ((!s || s.trim() === "") && !t._computedStyle) {
-    i(null), e.adoptedStyleSheets = [Je()];
+    n(null), e.adoptedStyleSheets = [Je()];
     return;
   }
   let o = "";
@@ -2517,20 +2495,20 @@ function Gt(e, t, r, n, i) {
 ${s}
 `);
   a = ct(a);
-  let u = n;
-  u || (u = new CSSStyleSheet()), (u.cssRules.length === 0 || u.toString() !== a) && u.replaceSync(a), e.adoptedStyleSheets = [Je(), u], i(u);
+  let u = i;
+  u || (u = new CSSStyleSheet()), (u.cssRules.length === 0 || u.toString() !== a) && u.replaceSync(a), e.adoptedStyleSheets = [Je(), u], n(u);
 }
-let N = null;
-function Xt(e) {
-  N = e;
+let W = null;
+function Qt(e) {
+  W = e;
 }
-function Yt() {
-  N = null;
+function er() {
+  W = null;
 }
-function pr() {
-  if (!N)
+function gr() {
+  if (!W)
     throw new Error("useEmit must be called during component render");
-  const e = N.emit;
+  const e = W.emit;
   return (t, r) => e(t, r);
 }
 function ye(e) {
@@ -2541,40 +2519,40 @@ function ye(e) {
     configurable: !1
   });
 }
-function hr(e) {
-  if (!N)
+function mr(e) {
+  if (!W)
     throw new Error("useOnConnected must be called during component render");
-  ye(N), N._hookCallbacks.onConnected = e;
+  ye(W), W._hookCallbacks.onConnected = e;
 }
-function gr(e) {
-  if (!N)
+function yr(e) {
+  if (!W)
     throw new Error("useOnDisconnected must be called during component render");
-  ye(N), N._hookCallbacks.onDisconnected = e;
+  ye(W), W._hookCallbacks.onDisconnected = e;
 }
-function mr(e) {
-  if (!N)
+function br(e) {
+  if (!W)
     throw new Error("useOnAttributeChanged must be called during component render");
-  ye(N), N._hookCallbacks.onAttributeChanged = e;
+  ye(W), W._hookCallbacks.onAttributeChanged = e;
 }
-function yr(e) {
-  if (!N)
+function wr(e) {
+  if (!W)
     throw new Error("useOnError must be called during component render");
-  ye(N), N._hookCallbacks.onError = e;
+  ye(W), W._hookCallbacks.onError = e;
 }
-function br(e) {
-  if (!N)
+function xr(e) {
+  if (!W)
     throw new Error("useStyle must be called during component render");
-  ye(N);
+  ye(W);
   try {
     const t = e();
-    Object.defineProperty(N, "_computedStyle", {
+    Object.defineProperty(W, "_computedStyle", {
       value: t,
       writable: !0,
       enumerable: !1,
       configurable: !0
     });
   } catch (t) {
-    console.warn("Error in useStyle callback:", t), Object.defineProperty(N, "_computedStyle", {
+    console.warn("Error in useStyle callback:", t), Object.defineProperty(W, "_computedStyle", {
       value: "",
       writable: !0,
       enumerable: !1,
@@ -2587,7 +2565,7 @@ if (typeof window < "u") {
   const e = globalThis;
   e[Qe] || (e[Qe] = Te);
 }
-function Qt(e, t) {
+function tr(e, t) {
   if (!t.render)
     throw new Error(
       "Component must have a render function"
@@ -2655,13 +2633,13 @@ function Qt(e, t) {
         enumerable: !1,
         configurable: !1
       }), Object.defineProperty(r, "_triggerWatchers", {
-        value: (i, s) => this._triggerWatchers(i, s),
+        value: (n, s) => this._triggerWatchers(n, s),
         writable: !1,
         enumerable: !1,
         configurable: !1
       }), this.context = r, Object.defineProperty(this.context, "emit", {
-        value: (i, s, o) => {
-          const a = new CustomEvent(i, {
+        value: (n, s, o) => {
+          const a = new CustomEvent(n, {
             detail: s,
             bubbles: !0,
             composed: !0,
@@ -2673,24 +2651,24 @@ function Qt(e, t) {
         enumerable: !1,
         configurable: !1
       });
-      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, {
+      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, {
           get() {
             return s;
           },
           set(o) {
             const a = s;
-            s = o, this.context[i] = o, this._initializing || (this._applyProps(n), a !== o && this._requestRender());
+            s = o, this.context[n] = o, this._initializing || (this._applyProps(i), a !== o && this._requestRender());
           },
           enumerable: !0,
           configurable: !0
         });
-      }), this._initializing = !1, this._initWatchers(n), this._applyProps(n), this._render(n);
+      }), this._initializing = !1, this._initWatchers(i), this._applyProps(i), this._render(i);
     }
     connectedCallback() {
       this._runLogicWithinErrorBoundary(t, () => {
@@ -2728,13 +2706,13 @@ function Qt(e, t) {
         );
       });
     }
-    attributeChangedCallback(r, n, i) {
+    attributeChangedCallback(r, i, n) {
       this._runLogicWithinErrorBoundary(t, () => {
-        this._applyProps(t), n !== i && this._requestRender(), kt(
+        this._applyProps(t), i !== n && this._requestRender(), $t(
           t,
           r,
-          n,
           i,
+          n,
           this.context
         );
       });
@@ -2747,21 +2725,21 @@ function Qt(e, t) {
     // --- Render ---
     _render(r) {
       this._runLogicWithinErrorBoundary(r, () => {
-        Jt(
+        Gt(
           this.shadowRoot,
           r,
           this.context,
           this._refs,
-          (n) => {
-            this._lastHtmlStringForJitCSS = n, typeof this.onHtmlStringUpdate == "function" && this.onHtmlStringUpdate(n);
+          (i) => {
+            this._lastHtmlStringForJitCSS = i, typeof this.onHtmlStringUpdate == "function" && this.onHtmlStringUpdate(i);
           },
-          (n) => {
-            this._templateLoading = n, typeof this.onLoadingStateChange == "function" && this.onLoadingStateChange(n);
+          (i) => {
+            this._templateLoading = i, typeof this.onLoadingStateChange == "function" && this.onLoadingStateChange(i);
           },
-          (n) => {
-            this._templateError = n, typeof this.onErrorStateChange == "function" && this.onErrorStateChange(n);
+          (i) => {
+            this._templateError = i, typeof this.onErrorStateChange == "function" && this.onErrorStateChange(i);
           },
-          (n) => this._applyStyle(r, n)
+          (i) => this._applyStyle(r, i)
         );
       });
     }
@@ -2771,7 +2749,7 @@ function Qt(e, t) {
     _requestRender() {
       this._runLogicWithinErrorBoundary(this._cfg, () => {
         fe(() => {
-          Zt(
+          Xt(
             () => this._render(this._cfg),
             this._lastRenderTime,
             this._renderCount,
@@ -2790,32 +2768,32 @@ function Qt(e, t) {
       });
     }
     // --- Style ---
-    _applyStyle(r, n) {
+    _applyStyle(r, i) {
       this._runLogicWithinErrorBoundary(r, () => {
-        Gt(
+        Yt(
           this.shadowRoot,
           this.context,
-          n,
+          i,
           this._styleSheet,
-          (i) => {
-            this._styleSheet = i;
+          (n) => {
+            this._styleSheet = n;
           }
         );
       });
     }
     // --- Error Boundary function ---
-    _runLogicWithinErrorBoundary(r, n) {
+    _runLogicWithinErrorBoundary(r, i) {
       this._hasError && (this._hasError = !1);
       try {
-        n();
-      } catch (i) {
-        this._hasError = !0, r.onError && r.onError(i, this.context);
+        i();
+      } catch (n) {
+        this._hasError = !0, r.onError && r.onError(n, this.context);
       }
     }
     // --- State, props, computed ---
     _initContext(r) {
       try {
-        let n = function(s, o = "") {
+        let i = function(s, o = "") {
           return Array.isArray(s) ? new Proxy(s, {
             get(a, u, m) {
               const g = Reflect.get(a, u, m);
@@ -2827,47 +2805,47 @@ function Qt(e, t) {
                 "splice",
                 "sort",
                 "reverse"
-              ].includes(u) ? function(...h) {
-                const l = g.apply(a, h);
-                if (!i._initializing) {
+              ].includes(u) ? function(...p) {
+                const l = g.apply(a, p);
+                if (!n._initializing) {
                   const d = o || "root";
-                  i._triggerWatchers(d, a), fe(() => i._render(r), i._componentId);
+                  n._triggerWatchers(d, a), fe(() => n._render(r), n._componentId);
                 }
                 return l;
               } : g;
             },
             set(a, u, m) {
-              if (a[u] = m, !i._initializing) {
+              if (a[u] = m, !n._initializing) {
                 const g = o ? `${o}.${String(u)}` : String(u);
-                i._triggerWatchers(g, m), fe(() => i._render(r), i._componentId);
+                n._triggerWatchers(g, m), fe(() => n._render(r), n._componentId);
               }
               return !0;
             },
             deleteProperty(a, u) {
-              if (delete a[u], !i._initializing) {
+              if (delete a[u], !n._initializing) {
                 const m = o ? `${o}.${String(u)}` : String(u);
-                i._triggerWatchers(m, void 0), fe(() => i._render(r), i._componentId);
+                n._triggerWatchers(m, void 0), fe(() => n._render(r), n._componentId);
               }
               return !0;
             }
           }) : s && typeof s == "object" ? s.constructor && s.constructor.name === "ReactiveState" ? s : (Object.keys(s).forEach((a) => {
             const u = o ? `${o}.${a}` : a;
-            s[a] = n(s[a], u);
+            s[a] = i(s[a], u);
           }), new Proxy(s, {
             set(a, u, m) {
               const g = o ? `${o}.${String(u)}` : String(u);
-              return a[u] = n(m, g), i._initializing || (i._triggerWatchers(
+              return a[u] = i(m, g), n._initializing || (n._triggerWatchers(
                 g,
                 a[u]
-              ), fe(() => i._render(r), i._componentId)), !0;
+              ), fe(() => n._render(r), n._componentId)), !0;
             },
             get(a, u, m) {
               return Reflect.get(a, u, m);
             }
           })) : s;
         };
-        const i = this;
-        return n({
+        const n = this;
+        return i({
           // 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(
@@ -2888,15 +2866,15 @@ function Qt(e, t) {
         );
       });
     }
-    _triggerWatchers(r, n) {
-      yt(this.context, this._watchers, r, n);
+    _triggerWatchers(r, i) {
+      yt(this.context, this._watchers, r, i);
     }
     _applyProps(r) {
       this._runLogicWithinErrorBoundary(r, () => {
         try {
           wt(this, r, this.context);
-        } catch (n) {
-          this._hasError = !0, r.onError && r.onError(n, this.context);
+        } catch (i) {
+          this._hasError = !0, r.onError && r.onError(i, this.context);
         }
       });
     }
@@ -2905,7 +2883,7 @@ function Qt(e, t) {
 function et(e, t) {
   let r = re(e);
   r.includes("-") || (r = `cer-${r}`);
-  let n = {};
+  let i = {};
   if (typeof window < "u")
     try {
       const a = t.toString().match(/\(\s*{\s*([^}]+)\s*}/);
@@ -2914,38 +2892,38 @@ function et(e, t) {
         for (const g of m) {
           const b = g.indexOf("=");
           if (b !== -1) {
-            const h = g.substring(0, b).trim(), l = g.substring(b + 1).trim();
+            const p = g.substring(0, b).trim(), l = g.substring(b + 1).trim();
             try {
-              l === "true" ? n[h] = !0 : l === "false" ? n[h] = !1 : l === "[]" ? n[h] = [] : l === "{}" ? n[h] = {} : /^\d+$/.test(l) ? n[h] = parseInt(l) : /^'.*'$/.test(l) || /^".*"$/.test(l) ? n[h] = l.slice(1, -1) : n[h] = l;
+              l === "true" ? 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 {
-              n[h] = "";
+              i[p] = "";
             }
           } else {
-            const h = g.split(":")[0].trim();
-            h && !h.includes("}") && (n[h] = "");
+            const p = g.split(":")[0].trim();
+            p && !p.includes("}") && (i[p] = "");
           }
         }
       }
     } catch {
     }
-  let i = {};
+  let n = {};
   const s = {
     // Generate props config from defaults
     props: Object.fromEntries(
-      Object.entries(n).map(([o, a]) => [o, { type: typeof a == "boolean" ? Boolean : typeof a == "number" ? Number : typeof a == "string" ? String : Function, default: a }])
+      Object.entries(i).map(([o, a]) => [o, { type: typeof a == "boolean" ? Boolean : typeof a == "number" ? Number : typeof a == "string" ? String : Function, default: a }])
     ),
     // Add lifecycle hooks from the stored functions
     onConnected: (o) => {
-      i.onConnected && i.onConnected();
+      n.onConnected && n.onConnected();
     },
     onDisconnected: (o) => {
-      i.onDisconnected && i.onDisconnected();
+      n.onDisconnected && n.onDisconnected();
     },
     onAttributeChanged: (o, a, u, m) => {
-      i.onAttributeChanged && i.onAttributeChanged(o, a, u);
+      n.onAttributeChanged && n.onAttributeChanged(o, a, u);
     },
     onError: (o, a) => {
-      i.onError && o && i.onError(o);
+      n.onError && o && n.onError(o);
     },
     render: (o) => {
       const a = o._componentId || `${r}-${Math.random().toString(36).substr(2, 9)}`;
@@ -2953,29 +2931,29 @@ function et(e, t) {
         o.requestRender && o.requestRender();
       });
       try {
-        Xt(o);
-        const u = Object.keys(n).length > 0;
+        Qt(o);
+        const u = Object.keys(i).length > 0;
         let m;
         if (u) {
           const g = {};
-          Object.keys(n).forEach((b) => {
-            g[b] = o[b] ?? n[b];
+          Object.keys(i).forEach((b) => {
+            g[b] = o[b] ?? i[b];
           }), m = t(g);
         } else
           m = t();
         if (o._hookCallbacks) {
           const g = o._hookCallbacks;
-          g.onConnected && (i.onConnected = g.onConnected), g.onDisconnected && (i.onDisconnected = g.onDisconnected), g.onAttributeChanged && (i.onAttributeChanged = g.onAttributeChanged), g.onError && (i.onError = g.onError), g.style && (o._styleCallback = g.style);
+          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);
         }
         return m;
       } finally {
-        Yt(), F.clearCurrentComponent();
+        er(), F.clearCurrentComponent();
       }
     }
   };
-  Te.set(r, s), typeof window < "u" && (customElements.get(r) || customElements.define(r, Qt(r, s)));
+  Te.set(r, s), typeof window < "u" && (customElements.get(r) || customElements.define(r, tr(r, s)));
 }
-class er {
+class rr {
   map = /* @__PURE__ */ new Map();
   maxSize;
   constructor(t) {
@@ -2988,8 +2966,8 @@ class er {
   }
   set(t, r) {
     if (this.map.has(t) && this.map.delete(t), this.map.set(t, r), this.map.size > this.maxSize) {
-      const n = this.map.keys().next().value;
-      n !== void 0 && this.map.delete(n);
+      const i = this.map.keys().next().value;
+      i !== void 0 && this.map.delete(i);
     }
   }
   has(t) {
@@ -2999,8 +2977,8 @@ class er {
     this.map.clear();
   }
 }
-const De = new er(500);
-function tr(e, t) {
+const De = new rr(500);
+function nr(e, t) {
   if (e == null) {
     console.warn(
       `⚠️ Event handler for '@${t}' is ${e}. This will prevent the event from working. Use a function reference instead: @${t}="\${functionName}"`
@@ -3013,117 +2991,117 @@ function tr(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 pe(e, t = {}, r, n) {
-  const i = n ?? t.key;
-  return { tag: e, key: i, props: t, children: r };
+function he(e, t = {}, r, i) {
+  const n = i ?? t.key;
+  return { tag: e, key: n, props: t, children: r };
 }
 function Ae(e) {
   return !!e && typeof e == "object" && (e.type === "AnchorBlock" || e.tag === "#anchor");
 }
-function _e(e) {
+function Ce(e) {
   return typeof e == "object" && e !== null && "tag" in e && !Ae(e);
 }
-function rr(e, t) {
+function ir(e, t) {
   return e.key != null ? e : { ...e, key: t };
 }
-function nr(e, t = [], r = {}) {
-  const n = {}, i = {}, s = {}, o = [], a = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
+function sr(e, t = [], r = {}) {
+  const i = {}, n = {}, s = {}, o = [], a = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
   let u;
   for (; u = a.exec(e); ) {
-    const m = u[1], g = u[2], b = (u[4] || u[6]) ?? "", h = b.match(/^{{(\d+)}}$/);
-    let l = h ? t[Number(h[1])] ?? null : b;
-    h || (l === "true" ? l = !0 : l === "false" ? l = !1 : l === "null" ? l = null : isNaN(Number(l)) || (l = Number(l)));
+    const 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"];
     if (m === ":") {
-      const [x, w] = g.split(":"), [c, ...p] = x.split(".");
+      const [x, w] = g.split(":"), [c, ...h] = x.split(".");
       if (d.includes(c)) {
-        const y = [...p], C = c === "model" && w ? `model:${w}` : c;
-        s[C] = {
+        const y = [...h], k = c === "model" && w ? `model:${w}` : c;
+        s[k] = {
           value: l,
           modifiers: y,
           arg: w
         };
       } else {
         let y = l;
-        y && ee(y) && (y = y.value), i[g] = y, o.push(g);
+        y && ee(y) && (y = y.value), n[g] = y, o.push(g);
       }
     } else if (m === "@") {
       const [x, ...w] = g.split("."), c = w;
-      tr(l, x);
-      const p = typeof l == "function" ? l : typeof r[l] == "function" ? r[l] : void 0;
-      if (p) {
-        const y = (k) => {
-          if (c.includes("prevent") && k.preventDefault(), c.includes("stop") && k.stopPropagation(), !(c.includes("self") && k.target !== k.currentTarget))
-            return c.includes("once") && k.currentTarget?.removeEventListener(x, y), p(k);
-        }, C = "on" + x.charAt(0).toUpperCase() + x.slice(1);
-        n[C] = y;
+      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;
       }
-    } else g === "ref" ? n.ref = l : i[g] = l;
+    } else g === "ref" ? i.ref = l : n[g] = l;
   }
-  return { props: n, attrs: i, directives: s, bound: o };
+  return { props: i, attrs: n, directives: s, bound: o };
 }
-function ir(e, t, r) {
-  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;
+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;
   if (s && o) {
     const f = De.get(o);
     if (f) return f;
   }
   function a(f, v) {
-    return pe("#text", {}, f, v);
+    return he("#text", {}, f, v);
   }
   let u = "";
   for (let f = 0; f < e.length; f++)
     u += e[f], f < t.length && (u += `{{${f}}}`);
   const m = /<!--[\s\S]*?-->|<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, g = [];
-  let b, h = [], l = null, d = {}, x, w = 0, c = [];
-  function p(f) {
+  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(
           /;?\s*$/,
           ""
-        ), _ = f.attrs.style.replace(/^;?\s*/, "");
-        d.attrs.style = A + "; " + _;
+        ), 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), _ = f.attrs.class.trim().split(/\s+/).filter(Boolean), $ = [
-          .../* @__PURE__ */ new Set([...A, ..._])
+        const A = d.attrs.class.trim().split(/\s+/).filter(Boolean), C = f.attrs.class.trim().split(/\s+/).filter(Boolean), E = [
+          .../* @__PURE__ */ new Set([...A, ...C])
         ];
-        d.attrs.class = $.join(" ");
+        d.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 ? h : c;
+    const A = l ? p : c;
     if (Ae(f)) {
-      const _ = f.key ?? v;
-      let $ = f.children;
+      const C = f.key ?? v;
+      let E = f.children;
       A.push({
         ...f,
-        key: _,
-        children: $
+        key: C,
+        children: E
       });
       return;
     }
-    if (_e(f)) {
-      A.push(rr(f, void 0));
+    if (Ce(f)) {
+      A.push(ir(f, void 0));
       return;
     }
     if (Array.isArray(f)) {
       if (f.length === 0) return;
-      for (let _ = 0; _ < f.length; _++) {
-        const $ = f[_];
-        Ae($) || _e($) || Array.isArray($) ? y($, `${v}-${_}`) : $ !== null && typeof $ == "object" ? p($) : A.push(a(String($), `${v}-${_}`));
+      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}`));
       }
       return;
     }
     if (f !== null && typeof f == "object") {
-      p(f);
+      h(f);
       return;
     }
     A.push(a(String(f), v));
   }
-  const C = /* @__PURE__ */ new Set([
+  const k = /* @__PURE__ */ new Set([
     "area",
     "base",
     "br",
@@ -3142,14 +3120,14 @@ function ir(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] === "/" || C.has(f), {
-          props: _,
-          attrs: $,
+        const f = b[1], v = b[0][1] === "/", A = b[0][b[0].length - 2] === "/" || k.has(f), {
+          props: C,
+          attrs: E,
           directives: T,
           bound: R
-        } = nr(b[2] || "", t, i), S = { props: {}, attrs: {} };
-        for (const P in _) S.props[P] = _[P];
-        for (const P in $) S.attrs[P] = $[P];
+        } = sr(b[2] || "", t, n), 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")))
           try {
             S.props.key = S.attrs.key;
@@ -3173,7 +3151,7 @@ function ir(e, t, r) {
                 L && ee(L) && (L = L.value), S.props[K] = L, delete S.attrs[K];
               }
           }
-          if ((f.includes("-") || !!i?.__customElements?.has?.(f)) && (S.isCustomElement = !0, R && S.attrs)) {
+          if ((f.includes("-") || !!n?.__customElements?.has?.(f)) && (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)) {
@@ -3186,90 +3164,90 @@ function ir(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 = !!(i && (i.__customElements instanceof Set && i.__customElements.has(f) || Array.isArray(i.__isCustomElements) && i.__isCustomElements.includes(f)));
+            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))
               for (const M of Object.keys(T)) {
                 if (M !== "model" && !M.startsWith("model:")) continue;
-                const J = T[M], Z = J.arg ?? (M.includes(":") ? M.split(":", 2)[1] : void 0), z = J.value, E = Z ?? "modelValue", U = H, D = Ee, W = i ? i._state || i : void 0;
+                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;
                 let O;
-                typeof z == "string" && i ? O = U(W, z) : (O = z, O && ee(O) && (O = O.value)), S.props[E] = O;
+                typeof z == "string" && n ? O = U(N, z) : (O = z, O && ee(O) && (O = O.value)), S.props[_] = O;
                 try {
-                  const ne = re(E);
+                  const ne = re(_);
                   S.attrs || (S.attrs = {}), O !== void 0 && (S.attrs[ne] = O);
                 } catch {
                 }
                 S.isCustomElement = !0;
-                const qe = `update:${re(E)}`.replace(/-([a-z])/g, (ne, Y) => Y.toUpperCase()), ut = "on" + qe.charAt(0).toUpperCase() + qe.slice(1);
+                const qe = `update:${re(_)}`.replace(/-([a-z])/g, (ne, Y) => Y.toUpperCase()), ut = "on" + qe.charAt(0).toUpperCase() + qe.slice(1);
                 S.props[ut] = function(ne) {
                   const Y = ne.detail !== void 0 ? ne.detail : ne.target ? ne.target.value : void 0;
-                  if (W)
+                  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, i?.requestRender ? i.requestRender() : i?._requestRender && i._requestRender());
+                      (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());
                     } else {
-                      const ae = U(W, typeof z == "string" ? z : String(z));
-                      (Array.isArray(Y) && Array.isArray(ae) ? JSON.stringify([...Y].sort()) !== JSON.stringify([...ae].sort()) : Y !== ae) && (D(W, typeof z == "string" ? z : String(z), Y), i?.requestRender ? i.requestRender() : i?._requestRender && i._requestRender());
+                      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());
                     }
                 }, delete T[M];
               }
           } catch {
           }
         if (Object.keys(T).length > 0 && (S.directives = { ...T }), v) {
-          const P = pe(
+          const P = he(
             l,
             d,
-            h.length === 1 && _e(h[0]) && h[0].tag === "#text" ? typeof h[0].children == "string" ? h[0].children : "" : h.length ? h : void 0,
+            p.length === 1 && Ce(p[0]) && p[0].tag === "#text" ? typeof p[0].children == "string" ? p[0].children : "" : p.length ? p : void 0,
             x
           ), B = g.pop();
-          B ? (l = B.tag, d = B.props, x = B.key, h = B.children, h.push(P)) : (c.push(P), l = null, d = {}, x = void 0, h = []);
-        } else A ? l ? h.push(pe(f, S, void 0, void 0)) : c.push(pe(f, S, void 0, void 0)) : (l && g.push({
+          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,
-          children: h,
+          children: p,
           key: x
-        }), l = f, d = S, h = []);
+        }), l = f, d = S, p = []);
       } else if (typeof b[3] < "u") {
         const f = Number(b[3]), v = t[f], A = `interp-${f}`;
         y(v, A);
       } else if (b[4]) {
-        const f = b[4], v = l ? h : c, A = f.split(/({{\d+}})/);
-        for (const _ of A) {
-          if (!_) continue;
-          const $ = _.match(/^{{(\d+)}}$/);
-          if ($) {
-            const T = Number($[1]), R = t[T], S = `interp-${T}`;
+        const f = b[4], v = l ? p : c, A = f.split(/({{\d+}})/);
+        for (const C of A) {
+          if (!C) continue;
+          const E = C.match(/^{{(\d+)}}$/);
+          if (E) {
+            const T = Number(E[1]), R = t[T], S = `interp-${T}`;
             y(R, S);
           } else {
             const T = `text-${w++}`;
-            v.push(a(_, T));
+            v.push(a(C, T));
           }
         }
       }
     }
-  const k = c.filter((f) => _e(f) && f.tag === "#text" ? typeof f.children == "string" && f.children.trim() !== "" : !0);
-  if (k.length === 1) {
-    const f = k[0];
+  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 (k.length > 1) {
-    const f = k;
+  } else if ($.length > 1) {
+    const f = $;
     return s && o && De.set(o, f), f;
   }
-  return pe("div", {}, "", "fallback-root");
+  return he("div", {}, "", "fallback-root");
 }
 function ce(e, ...t) {
-  const r = t[t.length - 1], n = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
-  return ir(e, t, n);
+  const r = t[t.length - 1], i = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
+  return or(e, t, i);
 }
 function Re(e, t) {
   return j(e ? t : [], "when-block");
 }
-function wr(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 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 sr() {
+function ar() {
   const e = [];
   return {
     when(t, r) {
@@ -3279,14 +3257,14 @@ function sr() {
       return e.push([!0, t]), this;
     },
     done() {
-      return or(...e);
+      return cr(...e);
     }
   };
 }
-function or(...e) {
+function cr(...e) {
   for (let t = 0; t < e.length; t++) {
-    const [r, n] = e[t];
-    if (r) return [j(n, `whenChain-branch-${t}`)];
+    const [r, i] = e[t];
+    if (r) return [j(i, `whenChain-branch-${t}`)];
   }
   return [j([], "whenChain-empty")];
 }
@@ -3298,48 +3276,48 @@ function j(e, t) {
     children: r
   };
 }
-function xr(e, t) {
+function $r(e, t) {
   return Re(!e, t);
 }
-function vr(e, t) {
+function kr(e, t) {
   const r = !e || e.length === 0;
   return Re(r, t);
 }
-function kr(e, t) {
+function Cr(e, t) {
   const r = !!(e && e.length > 0);
   return Re(r, t);
 }
-function Cr(e, t, r) {
-  const n = [];
-  return e.forEach((i, s) => {
-    t(i, s) && n.push({ item: i, originalIndex: s });
-  }), n.map(({ item: i, originalIndex: s }, o) => {
-    const a = typeof i == "object" && i != null ? i?.key ?? i?.id ?? `filtered-${s}` : `filtered-${s}`;
-    return j(r(i, s, o), `each-where-${a}`);
+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}`);
   });
 }
-function _r(e, t) {
+function Er(e, t) {
   const r = e?.length ?? 0;
   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 Er(e, t, r) {
-  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 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}`
   ));
 }
-function $r(e, t, r, n) {
-  const i = r * t, s = Math.min(i + t, e.length);
-  return e.slice(i, s).map((a, u) => {
-    const m = i + u, g = typeof a == "object" && a != null ? a?.key ?? a?.id ?? `page-${m}` : `page-${m}`;
-    return j(n(a, m, u), `each-page-${g}`);
+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 Sr(e, t) {
+function Tr(e, t) {
   return e.loading && t.loading ? j(t.loading, "promise-loading") : e.error && t.error ? j(t.error(e.error), "promise-error") : e.data !== void 0 && t.success ? j(t.success(e.data), "promise-success") : t.idle ? j(t.idle, "promise-idle") : j([], "promise-fallback");
 }
 function q(e, t) {
@@ -3355,7 +3333,7 @@ const te = {
   "2xl": "(min-width:1536px)",
   // Dark mode (matching style.ts)
   dark: "(prefers-color-scheme: dark)"
-}, lt = ["sm", "md", "lg", "xl", "2xl"], ar = {
+}, lt = ["sm", "md", "lg", "xl", "2xl"], lr = {
   // Breakpoint-based rendering (matching style.ts exactly)
   sm: (e) => q(te.sm, e),
   md: (e) => q(te.md, e),
@@ -3374,42 +3352,42 @@ const te = {
   portrait: (e) => q("(orientation: portrait)", e),
   landscape: (e) => q("(orientation: landscape)", e)
 };
-function Ar(e, t) {
+function Rr(e, t) {
   const r = [];
   e.includes("dark") ? r.push(te.dark) : e.includes("light") && r.push("(prefers-color-scheme: light)");
-  const n = e.filter(
+  const i = e.filter(
     (o) => lt.includes(o)
-  ), i = n[n.length - 1];
-  i && i in te && r.push(te[i]);
+  ), n = i[i.length - 1];
+  n && n in te && r.push(te[n]);
   const s = r.length > 0 ? r.join(" and ") : "all";
   return q(s, t);
 }
-function Tr(e) {
+function Or(e) {
   const t = [];
   return e.base && t.push(j(e.base, "responsive-base")), lt.forEach((r) => {
-    const n = e[r];
-    n && t.push(ar[r](n));
+    const i = e[r];
+    i && t.push(lr[r](i));
   }), t;
 }
-function Rr(e) {
+function Pr(e) {
   const t = [];
   let r = null;
   return {
-    case(n, i) {
-      const s = typeof n == "function" ? n : (o) => o === n;
-      return t.push({ condition: s, content: i }), this;
+    case(i, n) {
+      const s = typeof i == "function" ? i : (o) => o === i;
+      return t.push({ condition: s, content: n }), this;
     },
-    when(n, i) {
-      return t.push({ condition: n, content: i }), this;
+    when(i, n) {
+      return t.push({ condition: i, content: n }), this;
     },
-    otherwise(n) {
-      return r = n, this;
+    otherwise(i) {
+      return r = i, this;
     },
     done() {
-      for (let n = 0; n < t.length; n++) {
-        const { condition: i, content: s } = t[n];
-        if (i(e))
-          return j(s, `switch-case-${n}`);
+      for (let i = 0; i < t.length; i++) {
+        const { condition: n, content: s } = t[i];
+        if (n(e))
+          return j(s, `switch-case-${i}`);
       }
       return j(r || [], "switch-otherwise");
     }
@@ -3431,10 +3409,10 @@ class de extends EventTarget {
    * @param data - Optional event payload
    */
   emit(t, r) {
-    const n = Date.now(), i = this.eventCounters.get(t);
-    if (!i || n - i.window > 1e3)
-      this.eventCounters.set(t, { count: 1, window: n });
-    else if (i.count++, i.count > 50 && i.count > 100)
+    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)
       return;
     this.dispatchEvent(new CustomEvent(t, {
       detail: r,
@@ -3465,8 +3443,8 @@ class de extends EventTarget {
    * @param handler - Handler function to remove
    */
   off(t, r) {
-    const n = this.handlers[t];
-    n && n.delete(r);
+    const i = this.handlers[t];
+    i && i.delete(r);
   }
   /**
    * Remove all handlers for a specific event.
@@ -3481,8 +3459,8 @@ class de extends EventTarget {
    * @param handler - CustomEvent handler
    * @param options - AddEventListener options
    */
-  listen(t, r, n) {
-    return this.addEventListener(t, r, n), () => this.removeEventListener(t, r);
+  listen(t, r, i) {
+    return this.addEventListener(t, r, i), () => this.removeEventListener(t, r);
   }
   /**
    * Register a one-time event handler. Returns a promise that resolves with the event data.
@@ -3490,9 +3468,9 @@ class de extends EventTarget {
    * @param handler - Handler function
    */
   once(t, r) {
-    return new Promise((n) => {
-      const i = this.on(t, (s) => {
-        i(), r(s), n(s);
+    return new Promise((i) => {
+      const n = this.on(t, (s) => {
+        n(), r(s), i(s);
       });
     });
   }
@@ -3522,9 +3500,9 @@ class de extends EventTarget {
    */
   getEventStats() {
     const t = {};
-    for (const [r, n] of this.eventCounters.entries())
+    for (const [r, i] of this.eventCounters.entries())
       t[r] = {
-        count: n.count,
+        count: i.count,
         handlersCount: this.getHandlerCount(r)
       };
     return t;
@@ -3536,14 +3514,14 @@ class de extends EventTarget {
     this.eventCounters.clear();
   }
 }
-const be = de.getInstance(), Or = (e, t) => be.emit(e, t), Pr = (e, t) => be.on(e, t), Lr = (e, t) => be.off(e, t), Mr = (e, t) => be.once(e, t), jr = (e, t, r) => be.listen(e, t, r);
+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);
 function tt(e) {
   let t = { ...e };
   const r = [];
-  function n(a) {
+  function i(a) {
     r.push(a), a(t);
   }
-  function i() {
+  function n() {
     return t;
   }
   function s(a) {
@@ -3553,21 +3531,21 @@ function tt(e) {
   function o() {
     r.forEach((a) => a(t));
   }
-  return { subscribe: n, getState: i, setState: s };
+  return { subscribe: i, getState: n, setState: s };
 }
 const rt = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, Q = (e, t) => {
   for (const r of e) {
-    const n = [], i = r.path.replace(/:[^/]+/g, (a) => (n.push(a.slice(1)), "([^/]+)")), s = new RegExp(`^${i}$`), o = t.match(s);
+    const i = [], n = r.path.replace(/:[^/]+/g, (a) => (i.push(a.slice(1)), "([^/]+)")), s = new RegExp(`^${n}$`), o = t.match(s);
     if (o) {
       const a = {};
-      return n.forEach((u, m) => {
+      return i.forEach((u, m) => {
         a[u] = o[m + 1];
       }), { route: r, params: a };
     }
   }
   return { route: null, params: {} };
 }, Ie = {};
-async function cr(e) {
+async function ur(e) {
   if (e.component) return e.component;
   if (e.load) {
     if (Ie[e.path]) return Ie[e.path];
@@ -3580,98 +3558,98 @@ async function cr(e) {
   }
   throw new Error(`No component or loader defined for route: ${e.path}`);
 }
-function lr(e) {
-  const { routes: t, base: r = "", initialUrl: n } = e;
-  let i, s, o, a, u, m, g;
+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((p) => Q([p], x.path).route !== null);
+    const c = t.find((h) => Q([h], x.path).route !== null);
     if (c?.beforeEnter)
       try {
-        const p = await c.beforeEnter(x, w);
-        return typeof p == "string" ? (await d(p, !0), !1) : p !== !1;
-      } catch (p) {
-        return se("beforeEnter error", p), !1;
+        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;
       }
     return !0;
-  }, h = async (x, w) => {
-    const c = t.find((p) => Q([p], x.path).route !== null);
+  }, p = async (x, w) => {
+    const c = t.find((h) => Q([h], x.path).route !== null);
     if (c?.onEnter)
       try {
-        const p = await c.onEnter(x, w);
-        return typeof p == "string" ? (await d(p, !0), !1) : p !== !1;
-      } catch (p) {
-        return se("onEnter error", p), !1;
+        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;
       }
     return !0;
   }, l = (x, w) => {
-    const c = t.find((p) => Q([p], x.path).route !== null);
+    const c = t.find((h) => Q([h], x.path).route !== null);
     if (c?.afterEnter)
       try {
         c.afterEnter(x, w);
-      } catch (p) {
-        se("afterEnter error", p);
+      } catch (h) {
+        se("afterEnter error", h);
       }
   }, d = async (x, w = !1) => {
     try {
       const c = {
         path: x.replace(r, "") || "/",
         query: {}
-      }, p = Q(t, c.path);
-      if (!p) throw new Error(`No route found for ${c.path}`);
-      const y = o.getState(), C = {
+      }, 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: p.params,
+        params: h.params,
         query: c.query
       };
-      if (!await b(C, y) || !await h(C, y)) return;
-      typeof window < "u" && typeof document < "u" && (w ? window.history.replaceState({}, "", r + x) : window.history.pushState({}, "", r + x)), o.setState(C), l(C, y);
+      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 (typeof window < "u" && typeof document < "u" && typeof n > "u") {
-    i = () => {
-      const w = new URL(window.location.href), c = w.pathname.replace(r, "") || "/", p = rt(w.search);
-      return { path: c, query: p };
-    }, s = i();
+  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);
     o = tt({
       path: s.path,
       params: x.params,
       query: s.query
     }), a = async (w = !1) => {
-      const c = i();
+      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();
   } else {
-    i = () => {
-      const c = new URL(n || "/", "http://localhost"), p = c.pathname.replace(r, "") || "/", y = rt(c.search);
-      return { path: p, query: y };
-    }, s = i();
+    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);
     o = tt({
       path: s.path,
       params: x.params,
       query: s.query
     }), a = async () => {
-      const c = i();
+      const c = n();
       await w(c.path);
     };
     const w = async (c) => {
       try {
-        const p = {
+        const h = {
           path: c.replace(r, "") || "/",
           query: {}
-        }, y = Q(t, p.path);
-        if (!y) throw new Error(`No route found for ${p.path}`);
-        const C = o.getState(), k = {
-          path: p.path,
+        }, y = Q(t, h.path);
+        if (!y) throw new Error(`No route found for ${h.path}`);
+        const k = o.getState(), $ = {
+          path: h.path,
           params: y.params,
-          query: p.query
-        }, f = t.find((v) => Q([v], k.path).route !== null);
+          query: h.query
+        }, f = t.find((v) => Q([v], $.path).route !== null);
         if (f?.beforeEnter)
           try {
-            const v = await f.beforeEnter(k, C);
+            const v = await f.beforeEnter($, k);
             if (typeof v == "string") {
               await w(v);
               return;
@@ -3682,7 +3660,7 @@ function lr(e) {
           }
         if (f?.onEnter)
           try {
-            const v = await f.onEnter(k, C);
+            const v = await f.onEnter($, k);
             if (typeof v == "string") {
               await w(v);
               return;
@@ -3691,9 +3669,9 @@ function lr(e) {
           } catch {
             return;
           }
-        if (o.setState(k), f?.afterEnter)
+        if (o.setState($), f?.afterEnter)
           try {
-            f.afterEnter(k, C);
+            f.afterEnter($, k);
           } catch {
           }
       } catch {
@@ -3710,17 +3688,17 @@ function lr(e) {
     subscribe: o.subscribe,
     matchRoute: (x) => Q(t, x),
     getCurrent: () => o.getState(),
-    resolveRouteComponent: cr
+    resolveRouteComponent: ur
   };
 }
-function Nr(e, t) {
+function zr(e, t) {
   return Q(e, t);
 }
-function Wr(e) {
-  const t = lr(e);
-  return et("router-view", (r = {}, n = {}) => {
-    const { onConnected: i } = n;
-    if (i && i(() => {
+function Dr(e) {
+  const t = fr(e);
+  return et("router-view", (r = {}, i = {}) => {
+    const { onConnected: n } = i;
+    if (n && n(() => {
       t && typeof t.subscribe == "function" && t.subscribe(() => {
       });
     }), !t) return ce`<div>Router not initialized.</div>`;
@@ -3734,9 +3712,9 @@ function Wr(e) {
       }
       return ce`<div>Invalid route component</div>`;
     }).catch(() => ce`<div>Invalid route component</div>`) : ce`<div>Not found</div>`;
-  }), et("router-link", (r = {}, n = {}) => {
+  }), et("router-link", (r = {}, i = {}) => {
     const {
-      to: i = "",
+      to: n = "",
       tag: s = "a",
       replace: o = !1,
       exact: a = !1,
@@ -3744,27 +3722,27 @@ function Wr(e) {
       exactActiveClass: m = "exact-active",
       ariaCurrentValue: g = "page",
       disabled: b = !1,
-      external: h = !1,
+      external: p = !1,
       class: l = ""
-    } = r, d = t.getCurrent(), x = d.path === i, w = a ? x : d && typeof d.path == "string" ? d.path.startsWith(i) : !1, c = x ? `aria-current="${g}"` : "", p = (l || "").split(/\s+/).filter(Boolean), y = {};
-    for (const _ of p) y[_] = !0;
-    const C = {
+    } = 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 = {
       ...y,
       // Also include the configurable names (may duplicate the above)
       [u]: w,
       [m]: x
-    }, k = s === "button", f = b ? k ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", v = h && (s === "a" || !s) ? 'target="_blank" rel="noopener noreferrer"' : "", A = (_) => {
+    }, $ = 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) => {
       if (b) {
-        _.preventDefault();
+        C.preventDefault();
         return;
       }
-      h && (s === "a" || !s) || (_.preventDefault(), o ? t.replace(i) : t.push(i));
+      p && (s === "a" || !s) || (C.preventDefault(), o ? t.replace(n) : t.push(n));
     };
     return ce`
-      ${sr().when(k, ce`
+      ${ar().when($, ce`
           <button
             part="button"
-            :class="${C}"
+            :class="${k}"
             ${c}
             ${f}
             ${v}
@@ -3773,8 +3751,8 @@ function Wr(e) {
         `).otherwise(ce`
           <a
             part="link"
-            href="${i}"
-            :class="${C}"
+            href="${n}"
+            :class="${k}"
             ${c}
             ${f}
             ${v}
@@ -3788,48 +3766,48 @@ export {
   de as GlobalEventBus,
   j as anchorBlock,
   et as component,
-  fr as computed,
+  hr as computed,
   tt as createStore,
   Pt as css,
-  wr as each,
-  Er as eachGroup,
-  $r as eachPage,
-  Cr as eachWhere,
-  Or as emit,
+  vr as each,
+  Sr as eachGroup,
+  Ar as eachPage,
+  _r as eachWhere,
+  Lr as emit,
   be as eventBus,
   ce as html,
-  Wr as initRouter,
-  jr as listen,
-  sr as match,
+  Dr as initRouter,
+  Nr as listen,
+  ar as match,
   Q as matchRoute,
-  Nr as matchRouteSSR,
+  zr as matchRouteSSR,
   te as mediaVariants,
-  Lr as off,
-  Pr as on,
-  Mr as once,
+  jr as off,
+  Mr as on,
+  Wr as once,
   rt as parseQuery,
-  ur as ref,
+  dr as ref,
   Pe as renderToString,
-  cr as resolveRouteComponent,
-  ar as responsive,
+  ur as resolveRouteComponent,
+  lr as responsive,
   lt as responsiveOrder,
-  Tr as responsiveSwitch,
-  Rr as switchOn,
-  _r as switchOnLength,
-  Sr as switchOnPromise,
-  xr as unless,
-  pr as useEmit,
-  mr as useOnAttributeChanged,
-  hr as useOnConnected,
-  gr as useOnDisconnected,
-  yr as useOnError,
-  lr as useRouter,
-  br as useStyle,
-  dr as watch,
+  Or as responsiveSwitch,
+  Pr as switchOn,
+  Er as switchOnLength,
+  Tr as switchOnPromise,
+  $r as unless,
+  gr as useEmit,
+  br as useOnAttributeChanged,
+  mr as useOnConnected,
+  yr as useOnDisconnected,
+  wr as useOnError,
+  fr as useRouter,
+  xr as useStyle,
+  pr as watch,
   Re as when,
-  vr as whenEmpty,
+  kr as whenEmpty,
   q as whenMedia,
-  kr as whenNotEmpty,
-  Ar as whenVariants
+  Cr as whenNotEmpty,
+  Rr as whenVariants
 };
 //# sourceMappingURL=custom-elements-runtime.es.js.map