@jasonshimmy/custom-elements-runtime 1.0.8 → 1.0.9

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

@@ -1,4 +1,4 @@
-class dt {
+class mt {
   pendingUpdates = /* @__PURE__ */ new Map();
   isFlushScheduled = !1;
   /**
@@ -29,12 +29,12 @@ class dt {
     return this.pendingUpdates.size;
   }
 }
-const ht = new dt();
-function ue(e, t) {
-  ht.schedule(e, t);
+const yt = new mt();
+function fe(e, t) {
+  yt.schedule(e, t);
 }
-const Fe = /* @__PURE__ */ new WeakSet();
-class pt {
+const Ke = /* @__PURE__ */ new WeakSet();
+class bt {
   static cache = /* @__PURE__ */ new WeakMap();
   static arrayHandlerCache = /* @__PURE__ */ new WeakMap();
   static objectHandlerCache = /* @__PURE__ */ new WeakMap();
@@ -47,7 +47,7 @@ class pt {
       return i;
     const s = n ? this.getOrCreateArrayHandler(r) : this.getOrCreateObjectHandler(r), o = new Proxy(t, s);
     try {
-      nt.markAsProxy(o);
+      ot.markAsProxy(o);
     } catch {
     }
     return this.cache.set(t, o), o;
@@ -70,9 +70,9 @@ class pt {
             "reverse",
             "fill",
             "copyWithin"
-          ].includes(i) ? function(...u) {
-            const m = o.apply(n, u);
-            return t.triggerUpdate(), m;
+          ].includes(i) ? function(...a) {
+            const p = o.apply(n, a);
+            return t.triggerUpdate(), p;
           } : o;
         },
         set: (n, i, s) => (n[i] = t.makeReactiveValue(s), t.triggerUpdate(), !0),
@@ -118,7 +118,7 @@ class pt {
     };
   }
 }
-class nt {
+class ot {
   // Cache a stable reactiveContext object keyed by onUpdate -> makeReactive
   // This allows handler caches in ReactiveProxyCache to reuse handlers
   // for identical reactive contexts instead of creating a new context object
@@ -129,7 +129,7 @@ class nt {
    */
   static createReactiveProxy(t, r, n) {
     try {
-      if (Fe.has(t)) return t;
+      if (Ke.has(t)) return t;
     } catch {
     }
     const i = Array.isArray(t);
@@ -139,7 +139,7 @@ class nt {
     return o || (o = {
       triggerUpdate: r,
       makeReactiveValue: n
-    }, s.set(n, o)), pt.getOrCreateProxy(t, o, i);
+    }, s.set(n, o)), bt.getOrCreateProxy(t, o, i);
   }
   /**
    * Mark an object as a proxy (for optimization)
@@ -147,12 +147,12 @@ class nt {
   static markAsProxy(t) {
     if (t)
       try {
-        Fe.add(t);
+        Ke.add(t);
       } catch {
       }
   }
 }
-class gt {
+class wt {
   currentComponent = null;
   componentDependencies = /* @__PURE__ */ new Map();
   componentRenderFunctions = /* @__PURE__ */ new Map();
@@ -218,11 +218,11 @@ class gt {
    */
   getOrCreateState(t) {
     if (!this.currentComponent)
-      return new He(t);
+      return new Ue(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 s = new He(t);
+    const s = new Ue(t);
     return this.stateStorage.set(i, s), s;
   }
   /**
@@ -237,7 +237,7 @@ class gt {
   triggerUpdate(t) {
     t.getDependents().forEach((r) => {
       const n = this.componentRenderFunctions.get(r);
-      n && ue(n, r);
+      n && fe(n, r);
     });
   }
   /**
@@ -251,8 +251,8 @@ class gt {
     this.stateIndexCounter.delete(t);
   }
 }
-const F = new gt();
-class He {
+const F = new wt();
+class Ue {
   _value;
   dependents = /* @__PURE__ */ new Set();
   constructor(t) {
@@ -284,14 +284,14 @@ class He {
     return this.dependents;
   }
   makeReactive(t) {
-    return t === null || typeof t != "object" || t instanceof Node || t instanceof Element || t instanceof HTMLElement ? t : nt.createReactiveProxy(
+    return t === null || typeof t != "object" || t instanceof Node || t instanceof Element || t instanceof HTMLElement ? t : ot.createReactiveProxy(
       t,
       () => F.triggerUpdate(this),
       (r) => this.makeReactive(r)
     );
   }
 }
-function dr(e) {
+function gr(e) {
   return F.getOrCreateState(e === void 0 ? null : e);
 }
 function ee(e) {
@@ -307,15 +307,15 @@ function ee(e) {
     return !1;
   }
 }
-function hr(e) {
-  const t = new He(e());
+function mr(e) {
+  const t = new Ue(e());
   return {
     get value() {
       return F.trackDependency(t), e();
     }
   };
 }
-function pr(e, t, r = {}) {
+function yr(e, t, r = {}) {
   let n = e();
   r.immediate && t(n, n);
   const i = `watch-${Math.random().toString(36).substr(2, 9)}`, s = () => {
@@ -327,23 +327,23 @@ function pr(e, t, r = {}) {
     F.cleanup(i);
   };
 }
-const ve = /* @__PURE__ */ new Map(), xe = /* @__PURE__ */ new Map(), $e = /* @__PURE__ */ new Map(), Ue = 500;
+const $e = /* @__PURE__ */ new Map(), ke = /* @__PURE__ */ new Map(), Ce = /* @__PURE__ */ new Map(), Fe = 500;
 function re(e) {
-  if (ve.has(e))
-    return ve.get(e);
+  if ($e.has(e))
+    return $e.get(e);
   const t = e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-  return ve.size < Ue && ve.set(e, t), t;
+  return $e.size < Fe && $e.set(e, t), t;
 }
-function it(e) {
-  if (xe.has(e))
-    return xe.get(e);
+function at(e) {
+  if (ke.has(e))
+    return ke.get(e);
   const t = e.replace(/-([a-z])/g, (r, n) => n.toUpperCase());
-  return xe.size < Ue && xe.set(e, t), t;
+  return ke.size < Fe && ke.set(e, t), t;
 }
-function de(e) {
+function pe(e) {
   if (typeof e == "string") {
-    if ($e.has(e))
-      return $e.get(e);
+    if (Ce.has(e))
+      return Ce.get(e);
     const t = e.replace(
       /[&<>"']/g,
       (r) => ({
@@ -354,75 +354,75 @@ function de(e) {
         "'": "&#39;"
       })[r]
     );
-    return t !== e && $e.size < Ue && $e.set(e, t), t;
+    return t !== e && Ce.size < Fe && Ce.set(e, t), t;
   }
   return e;
 }
-function H(e, t) {
+function B(e, t) {
   if (typeof t == "string") {
     const r = t.split(".").reduce((n, i) => n?.[i], e);
     return ee(r) ? r.value : r;
   }
   return t;
 }
-function _e(e, t, r) {
+function Se(e, t, r) {
   const n = String(t).split("."), i = n.pop();
   if (!i) return;
   const s = n.reduce((o, c) => (o[c] == null && (o[c] = {}), o[c]), e);
   ee(s[i]) ? s[i].value = r : s[i] = r;
 }
-const st = typeof process < "u" && process.env?.NODE_ENV !== "production";
-function ie(e, ...t) {
-  st && console.error(e, ...t);
+const ct = typeof process < "u" && process.env?.NODE_ENV !== "production";
+function se(e, ...t) {
+  ct && console.error(e, ...t);
 }
-function Oe(e, ...t) {
-  st && console.warn(e, ...t);
+function Le(e, ...t) {
+  ct && console.warn(e, ...t);
 }
-function mt(e, t, r) {
+function xt(e, t, r) {
   if (r)
     for (const [n, i] of Object.entries(r)) {
       let s, o = {};
       if (Array.isArray(i) ? (s = i[0], o = i[1] || {}) : s = i, t.set(n, {
         callback: s,
         options: o,
-        oldValue: H(e, n)
+        oldValue: B(e, n)
       }), o.immediate)
         try {
-          const c = H(e, n);
+          const c = B(e, n);
           s(c, void 0, e);
         } catch (c) {
-          ie(`Error in immediate watcher for "${n}":`, c);
+          se(`Error in immediate watcher for "${n}":`, c);
         }
     }
 }
-function yt(e, t, r, n) {
+function vt(e, t, r, n) {
   const i = (o, c) => {
     if (o === c) return !0;
     if (typeof o != typeof c || typeof o != "object" || o === null || c === null) return !1;
     if (Array.isArray(o) && Array.isArray(c))
-      return o.length !== c.length ? !1 : o.every((g, b) => i(g, c[b]));
-    const u = Object.keys(o), m = Object.keys(c);
-    return u.length !== m.length ? !1 : u.every((g) => i(o[g], c[g]));
+      return o.length !== c.length ? !1 : o.every((h, b) => i(h, c[b]));
+    const a = Object.keys(o), p = Object.keys(c);
+    return a.length !== p.length ? !1 : a.every((h) => i(o[h], c[h]));
   }, s = t.get(r);
   if (s && !i(n, s.oldValue))
     try {
       s.callback(n, s.oldValue, e), s.oldValue = n;
     } catch (o) {
-      ie(`Error in watcher for "${r}":`, o);
+      se(`Error in watcher for "${r}":`, o);
     }
   for (const [o, c] of t.entries())
     if (c.options.deep && r.startsWith(o + "."))
       try {
-        const u = H(e, o);
-        i(u, c.oldValue) || (c.callback(u, c.oldValue, e), c.oldValue = u);
-      } catch (u) {
-        ie(`Error in deep watcher for "${o}":`, u);
+        const a = B(e, o);
+        i(a, c.oldValue) || (c.callback(a, c.oldValue, e), c.oldValue = a);
+      } catch (a) {
+        se(`Error in deep watcher for "${o}":`, a);
       }
 }
-function Ke(e, t) {
+function Ve(e, t) {
   return t === Boolean ? e === "true" : t === Number ? Number(e) : e;
 }
-function bt(e, t, r) {
+function $t(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")
@@ -430,26 +430,26 @@ function bt(e, t, r) {
     else if (typeof e[n] < "u")
       try {
         const c = e[n];
-        i.type === Boolean && typeof c == "boolean" || i.type === Number && typeof c == "number" || i.type === Function && typeof c == "function" ? r[n] = c : r[n] = Ke(String(c), i.type);
+        i.type === Boolean && typeof c == "boolean" || i.type === Number && typeof c == "number" || i.type === Function && typeof c == "function" ? r[n] = c : r[n] = Ve(String(c), i.type);
       } catch {
         r[n] = e[n];
       }
-    else o !== null ? r[n] = Ke(o, i.type) : "default" in i && i.default !== void 0 && (r[n] = i.default);
+    else o !== null ? r[n] = Ve(o, i.type) : "default" in i && i.default !== void 0 && (r[n] = i.default);
   });
 }
-function wt(e, t, r) {
-  t.props && bt(e, t.props, r);
+function kt(e, t, r) {
+  t.props && $t(e, t.props, r);
 }
-function vt(e, t, r, n) {
+function Ct(e, t, r, n) {
   e.onConnected && !r && (e.onConnected(t), n(!0));
 }
-function xt(e, t, r, n, i, s, o, c) {
-  e.onDisconnected && e.onDisconnected(t), r.forEach((u) => u()), n(), i(), s(!1), o(null), c(!1);
+function _t(e, t, r, n, i, s, o, c) {
+  e.onDisconnected && e.onDisconnected(t), r.forEach((a) => a()), n(), i(), s(!1), o(null), c(!1);
 }
-function $t(e, t, r, n, i) {
+function Et(e, t, r, n, i) {
   e.onAttributeChanged && e.onAttributeChanged(t, r, n, i);
 }
-class kt {
+class St {
   static cache = /* @__PURE__ */ new Map();
   static maxCacheSize = 1e3;
   // Dangerous patterns to block
@@ -474,7 +474,7 @@ class kt {
     const n = this.cache.get(t);
     if (n) {
       if (!n.isSecure) {
-        Oe("Blocked cached dangerous expression:", t);
+        Le("Blocked cached dangerous expression:", t);
         return;
       }
       return n.evaluator(r);
@@ -485,7 +485,7 @@ class kt {
       s && this.cache.delete(s);
     }
     if (this.cache.set(t, i), !i.isSecure) {
-      Oe("Blocked dangerous expression:", t);
+      Le("Blocked dangerous expression:", t);
       return;
     }
     return i.evaluator(r);
@@ -500,7 +500,7 @@ class kt {
     try {
       return { evaluator: this.createSafeEvaluator(t), isSecure: !0 };
     } catch (r) {
-      return Oe("Failed to create evaluator for expression:", t, r), { evaluator: () => {
+      return Le("Failed to create evaluator for expression:", t, r), { evaluator: () => {
       }, isSecure: !1 };
     }
   }
@@ -512,9 +512,9 @@ class kt {
       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 (n) => B(n, r);
     }
-    return t.includes("ctx") || /[+\-*/%<>=&|?:\[\]]/.test(t) ? this.createSimpleEvaluator(t) : (r) => H(r, t);
+    return t.includes("ctx") || /[+\-*/%<>=&|?:\[\]]/.test(t) ? this.createSimpleEvaluator(t) : (r) => B(r, t);
   }
   static createObjectEvaluator(t) {
     const r = t.trim().slice(1, -1), n = this.parseObjectProperties(r);
@@ -523,8 +523,8 @@ class kt {
       for (const { key: o, value: c } of n)
         try {
           if (c.startsWith("ctx.")) {
-            const u = c.slice(4);
-            s[o] = H(i, u);
+            const a = c.slice(4);
+            s[o] = B(i, a);
           } else
             s[o] = this.evaluateSimpleValue(c, i);
         } catch {
@@ -538,8 +538,8 @@ class kt {
     for (const i of n) {
       const s = i.indexOf(":");
       if (s === -1) continue;
-      const o = i.slice(0, s).trim(), c = i.slice(s + 1).trim(), u = o.replace(/^['"]|['"]$/g, "");
-      r.push({ key: u, value: c });
+      const o = i.slice(0, s).trim(), c = i.slice(s + 1).trim(), a = o.replace(/^['"]|['"]$/g, "");
+      r.push({ key: a, value: c });
     }
     return r;
   }
@@ -551,32 +551,32 @@ class kt {
         n = n.replace(/("[^"\\]*(?:\\.[^"\\]*)*"|'[^'\\]*(?:\\.[^'\\]*)*')/g, (b) => `<<#${i.push(b) - 1}#>>`);
         const s = n.match(/ctx\.[\w.]+/g) || [];
         for (const b of s) {
-          const p = b.slice(4), f = H(r, p);
-          if (f === void 0) return;
-          const h = i.push(JSON.stringify(f)) - 1;
-          n = n.replace(new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${h}#>>`);
+          const g = b.slice(4), u = B(r, g);
+          if (u === void 0) return;
+          const f = i.push(JSON.stringify(u)) - 1;
+          n = n.replace(new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${f}#>>`);
         }
         const o = /\b[a-zA-Z_][a-zA-Z0-9_]*(?:\.[a-zA-Z_][a-zA-Z0-9_]*)+\b/g, c = n.match(o) || [];
         for (const b of c) {
           if (b.startsWith("ctx.")) continue;
-          const p = H(r, b);
-          if (p === void 0) return;
-          const f = i.push(JSON.stringify(p)) - 1;
-          n = n.replace(new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${f}#>>`);
+          const g = B(r, b);
+          if (g === void 0) return;
+          const u = i.push(JSON.stringify(g)) - 1;
+          n = n.replace(new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${u}#>>`);
         }
-        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; ) {
-          const b = m[1];
-          if (["true", "false", "null", "undefined"].includes(b) || /^[0-9]+$/.test(b) || b === "ctx" || g.has(b)) continue;
-          g.add(b);
-          const p = H(r, b);
-          if (p === void 0) return;
-          const f = JSON.stringify(p), h = i.push(f) - 1;
-          b.includes(".") ? n = n.replace(new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${h}#>>`) : n = n.replace(new RegExp("\\b" + b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + "\\b", "g"), `<<#${h}#>>`);
+        const a = /\b([a-zA-Z_][a-zA-Z0-9_]*)\b/g;
+        let p;
+        const h = /* @__PURE__ */ new Set();
+        for (; (p = a.exec(n)) !== null; ) {
+          const b = p[1];
+          if (["true", "false", "null", "undefined"].includes(b) || /^[0-9]+$/.test(b) || b === "ctx" || h.has(b)) continue;
+          h.add(b);
+          const g = B(r, b);
+          if (g === void 0) return;
+          const u = JSON.stringify(g), f = i.push(u) - 1;
+          b.includes(".") ? n = n.replace(new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${f}#>>`) : n = n.replace(new RegExp("\\b" + b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + "\\b", "g"), `<<#${f}#>>`);
         }
-        n = n.replace(/<<#(\d+)#>>/g, (b, p) => i[Number(p)]);
+        n = n.replace(/<<#(\d+)#>>/g, (b, g) => i[Number(g)]);
         try {
           return this.evaluateBasicExpression(n);
         } catch {
@@ -598,137 +598,137 @@ class kt {
     function i() {
       return r[n];
     }
-    function s(a) {
-      const l = r[n++];
-      if (a && !l)
-        throw new Error(`Unexpected token EOF, expected ${a}`);
-      if (a && l && l.type !== a && l.value !== a)
-        throw new Error(`Unexpected token ${l.type}/${l.value}, expected ${a}`);
-      return l;
+    function s(l) {
+      const d = r[n++];
+      if (l && !d)
+        throw new Error(`Unexpected token EOF, expected ${l}`);
+      if (l && d && d.type !== l && d.value !== l)
+        throw new Error(`Unexpected token ${d.type}/${d.value}, expected ${l}`);
+      return d;
     }
     function o() {
       return c();
     }
     function c() {
-      let a = u();
+      let l = a();
       if (i() && i().value === "?") {
         s("?");
-        const l = o();
+        const d = o();
         s(":");
-        const y = o();
-        return a ? l : y;
+        const w = o();
+        return l ? d : w;
       }
-      return a;
+      return l;
     }
-    function u() {
-      let a = m();
+    function a() {
+      let l = p();
       for (; i() && i().value === "||"; ) {
         s("OP");
-        const l = m();
-        a = a || l;
+        const d = p();
+        l = l || d;
       }
-      return a;
+      return l;
     }
-    function m() {
-      let a = g();
+    function p() {
+      let l = h();
       for (; i() && i().value === "&&"; ) {
         s("OP");
-        const l = g();
-        a = a && l;
+        const d = h();
+        l = l && d;
       }
-      return a;
+      return l;
     }
-    function g() {
-      let a = b();
+    function h() {
+      let l = b();
       for (; i() && ["==", "!=", "===", "!=="].includes(i().value); ) {
-        const l = s("OP").value, y = b();
-        switch (l) {
+        const d = s("OP").value, w = b();
+        switch (d) {
           case "==":
-            a = a == y;
+            l = l == w;
             break;
           case "!=":
-            a = a != y;
+            l = l != w;
             break;
           case "===":
-            a = a === y;
+            l = l === w;
             break;
           case "!==":
-            a = a !== y;
+            l = l !== w;
             break;
         }
       }
-      return a;
+      return l;
     }
     function b() {
-      let a = p();
+      let l = g();
       for (; i() && [">", "<", ">=", "<="].includes(i().value); ) {
-        const l = s("OP").value, y = p();
-        switch (l) {
+        const d = s("OP").value, w = g();
+        switch (d) {
           case ">":
-            a = a > y;
+            l = l > w;
             break;
           case "<":
-            a = a < y;
+            l = l < w;
             break;
           case ">=":
-            a = a >= y;
+            l = l >= w;
             break;
           case "<=":
-            a = a <= y;
+            l = l <= w;
             break;
         }
       }
-      return a;
+      return l;
     }
-    function p() {
-      let a = f();
+    function g() {
+      let l = u();
       for (; i() && (i().value === "+" || i().value === "-"); ) {
-        const l = s("OP").value, y = f();
-        a = l === "+" ? a + y : a - y;
+        const d = s("OP").value, w = u();
+        l = d === "+" ? l + w : l - w;
       }
-      return a;
+      return l;
     }
-    function f() {
-      let a = h();
+    function u() {
+      let l = f();
       for (; i() && (i().value === "*" || i().value === "/" || i().value === "%"); ) {
-        const l = s("OP").value, y = h();
-        switch (l) {
+        const d = s("OP").value, w = f();
+        switch (d) {
           case "*":
-            a = a * y;
+            l = l * w;
             break;
           case "/":
-            a = a / y;
+            l = l / w;
             break;
           case "%":
-            a = a % y;
+            l = l % w;
             break;
         }
       }
-      return a;
+      return l;
     }
-    function h() {
-      return i() && i().value === "!" ? (s("OP"), !h()) : i() && i().value === "-" ? (s("OP"), -h()) : v();
-    }
-    function v() {
-      const a = i();
-      if (a) {
-        if (a.type === "NUMBER")
-          return s("NUMBER"), Number(a.value);
-        if (a.type === "STRING")
-          return s("STRING"), a.value.slice(1, -1);
-        if (a.type === "IDENT")
-          return s("IDENT"), a.value === "true" ? !0 : a.value === "false" ? !1 : a.value === "null" ? null : void 0;
-        if (a.value === "[") {
+    function f() {
+      return i() && i().value === "!" ? (s("OP"), !f()) : i() && i().value === "-" ? (s("OP"), -f()) : y();
+    }
+    function y() {
+      const l = i();
+      if (l) {
+        if (l.type === "NUMBER")
+          return s("NUMBER"), Number(l.value);
+        if (l.type === "STRING")
+          return s("STRING"), l.value.slice(1, -1);
+        if (l.type === "IDENT")
+          return s("IDENT"), l.value === "true" ? !0 : l.value === "false" ? !1 : l.value === "null" ? null : void 0;
+        if (l.value === "[") {
           s("PUNC");
-          const l = [];
+          const d = [];
           for (; i() && i().value !== "]"; )
-            l.push(o()), i() && i().value === "," && s("PUNC");
-          return s("PUNC"), l;
+            d.push(o()), i() && i().value === "," && s("PUNC");
+          return s("PUNC"), d;
         }
-        if (a.value === "(") {
+        if (l.value === "(") {
           s("PUNC");
-          const l = o();
-          return s("PUNC"), l;
+          const d = o();
+          return s("PUNC"), d;
         }
         throw new Error("Unexpected token in expression");
       }
@@ -750,7 +750,7 @@ class kt {
     if (!isNaN(Number(t))) return Number(t);
     if (t.startsWith("ctx.")) {
       const n = t.slice(4);
-      return H(r, n);
+      return B(r, n);
     }
     return t.startsWith('"') && t.endsWith('"') || t.startsWith("'") && t.endsWith("'") ? t.slice(1, -1) : t;
   }
@@ -761,7 +761,7 @@ class kt {
     return this.cache.size;
   }
 }
-class se {
+class oe {
   static cleanupFunctions = /* @__PURE__ */ new WeakMap();
   /**
    * Add an event listener with automatic cleanup tracking
@@ -782,7 +782,7 @@ class se {
     if (s) {
       const o = s.__metaList || null;
       if (o) {
-        const c = o.findIndex((u) => u.event === r && u.handler === n && JSON.stringify(u.options) === JSON.stringify(i));
+        const c = o.findIndex((a) => a.event === r && a.handler === n && JSON.stringify(a.options) === JSON.stringify(i));
         if (c >= 0) {
           try {
             o[c].cleanup();
@@ -835,182 +835,182 @@ class se {
     return n ? n.length : 0;
   }
 }
-function le(e, t) {
+function ue(e, t) {
   if (t && e instanceof HTMLElement) {
-    se.cleanup(e);
+    oe.cleanup(e);
     for (const r in t)
       t[r] === e && delete t[r];
     for (const r of Array.from(e.childNodes))
-      le(r, t);
+      ue(r, t);
   }
 }
-function pe(e, t, r) {
+function ye(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);
 }
-function Ct(e, t, r, n, i, s, o, c) {
+function At(e, t, r, n, i, s, o, c) {
   if (!s) return;
-  const u = t.includes("lazy"), m = t.includes("trim"), g = t.includes("number"), b = e && typeof e == "object" && "value" in e && typeof e.value < "u", p = () => {
+  const a = t.includes("lazy"), p = t.includes("trim"), h = t.includes("number"), b = e && typeof e == "object" && "value" in e && typeof e.value < "u", g = () => {
     if (b) {
-      const $ = e.value;
-      return c && typeof $ == "object" && $ !== null ? $[c] : $;
-    }
-    return H(s._state || s, e);
-  }, f = p();
-  let h = "text";
-  o instanceof HTMLInputElement ? h = n?.type || o.type || "text" : o instanceof HTMLSelectElement ? h = "select" : o instanceof HTMLTextAreaElement && (h = "textarea");
-  const v = o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement || o instanceof HTMLSelectElement, a = v ? h === "checkbox" || h === "radio" ? "checked" : "value" : c ?? "modelValue";
-  if (h === "checkbox")
-    if (Array.isArray(f))
-      r[a] = f.includes(String(o?.getAttribute("value") ?? n?.value ?? ""));
+      const k = e.value;
+      return c && typeof k == "object" && k !== null ? k[c] : k;
+    }
+    return B(s._state || s, e);
+  }, u = g();
+  let f = "text";
+  o instanceof HTMLInputElement ? f = n?.type || o.type || "text" : o instanceof HTMLSelectElement ? f = "select" : o instanceof HTMLTextAreaElement && (f = "textarea");
+  const y = o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement || o instanceof HTMLSelectElement, l = y ? f === "checkbox" || f === "radio" ? "checked" : "value" : c ?? "modelValue";
+  if (f === "checkbox")
+    if (Array.isArray(u))
+      r[l] = u.includes(String(o?.getAttribute("value") ?? n?.value ?? ""));
     else {
-      const $ = o?.getAttribute("true-value") ?? !0;
-      r[a] = f === $;
+      const k = o?.getAttribute("true-value") ?? !0;
+      r[l] = u === k;
     }
-  else if (h === "radio")
-    r[a] = f === (n?.value ?? "");
-  else if (h === "select")
+  else if (f === "radio")
+    r[l] = u === (n?.value ?? "");
+  else if (f === "select")
     if (o && o.hasAttribute("multiple") && o instanceof HTMLSelectElement) {
-      const $ = Array.isArray(f) ? f.map(String) : [];
+      const k = Array.isArray(u) ? u.map(String) : [];
       setTimeout(() => {
-        Array.from(o.options).forEach((k) => {
-          k.selected = $.includes(k.value);
+        Array.from(o.options).forEach((C) => {
+          C.selected = k.includes(C.value);
         });
-      }, 0), r[a] = Array.isArray(f) ? f : [];
+      }, 0), r[l] = Array.isArray(u) ? u : [];
     } else
-      r[a] = f;
+      r[l] = u;
   else {
-    r[a] = f;
+    r[l] = u;
     try {
-      const $ = re(a);
-      n && (n[$] = f);
+      const k = re(l);
+      n && (n[k] = u);
     } catch {
     }
   }
-  const l = u || h === "checkbox" || h === "radio" || h === "select" ? "change" : "input", y = ($) => {
-    if ($.isComposing || i._isComposing) return;
-    const k = typeof globalThis.process < "u" && globalThis.process.env?.NODE_ENV === "test" || typeof window < "u" && window.__vitest__;
-    if ($.isTrusted === !1 && !k) return;
-    const d = $.target;
-    if (!d || d._modelUpdating) return;
-    let x = d.value;
-    if (h === "checkbox") {
-      const T = p();
-      if (Array.isArray(T)) {
-        const R = d.getAttribute("value") ?? "", S = Array.from(T);
-        if (d.checked)
-          S.includes(R) || S.push(R);
+  const d = a || f === "checkbox" || f === "radio" || f === "select" ? "change" : "input", w = (k) => {
+    if (k.isComposing || i._isComposing) return;
+    const C = typeof globalThis.process < "u" && globalThis.process.env?.NODE_ENV === "test" || typeof window < "u" && window.__vitest__;
+    if (k.isTrusted === !1 && !C) return;
+    const m = k.target;
+    if (!m || m._modelUpdating) return;
+    let $ = m.value;
+    if (f === "checkbox") {
+      const j = g();
+      if (Array.isArray(j)) {
+        const N = m.getAttribute("value") ?? "", E = Array.from(j);
+        if (m.checked)
+          E.includes(N) || E.push(N);
         else {
-          const P = S.indexOf(R);
-          P > -1 && S.splice(P, 1);
+          const O = E.indexOf(N);
+          O > -1 && E.splice(O, 1);
         }
-        x = S;
+        $ = E;
       } else {
-        const R = d.getAttribute("true-value") ?? !0, S = d.getAttribute("false-value") ?? !1;
-        x = d.checked ? R : S;
+        const N = m.getAttribute("true-value") ?? !0, E = m.getAttribute("false-value") ?? !1;
+        $ = m.checked ? N : E;
       }
-    } else if (h === "radio")
-      x = d.getAttribute("value") ?? d.value;
-    else if (h === "select" && d.multiple)
-      x = Array.from(d.selectedOptions).map((T) => T.value);
-    else if (m && typeof x == "string" && (x = x.trim()), g) {
-      const T = Number(x);
-      isNaN(T) || (x = T);
-    }
-    const A = s._state || s, C = p();
-    if (Array.isArray(x) && Array.isArray(C) ? JSON.stringify([...x].sort()) !== JSON.stringify([...C].sort()) : x !== C) {
-      d._modelUpdating = !0;
+    } else if (f === "radio")
+      $ = m.getAttribute("value") ?? m.value;
+    else if (f === "select" && m.multiple)
+      $ = Array.from(m.selectedOptions).map((j) => j.value);
+    else if (p && typeof $ == "string" && ($ = $.trim()), h) {
+      const j = Number($);
+      isNaN(j) || ($ = j);
+    }
+    const S = s._state || s, v = g();
+    if (Array.isArray($) && Array.isArray(v) ? JSON.stringify([...$].sort()) !== JSON.stringify([...v].sort()) : $ !== v) {
+      m._modelUpdating = !0;
       try {
         if (b)
           if (c && typeof e.value == "object" && e.value !== null) {
-            const T = { ...e.value };
-            T[c] = x, e.value = T;
+            const j = { ...e.value };
+            j[c] = $, e.value = j;
           } else
-            e.value = x;
+            e.value = $;
         else
-          _e(A, e, x);
+          Se(S, e, $);
         if (s._requestRender && s._requestRender(), s._triggerWatchers) {
-          const T = b ? "reactiveState" : e;
-          s._triggerWatchers(T, x);
+          const j = b ? "reactiveState" : e;
+          s._triggerWatchers(j, $);
         }
-        if (d) {
-          const T = `update:${re(a)}`, R = new CustomEvent(T, {
-            detail: x,
+        if (m) {
+          const j = `update:${re(l)}`, N = new CustomEvent(j, {
+            detail: $,
             bubbles: !0,
             composed: !0
           });
-          d.dispatchEvent(R);
+          m.dispatchEvent(N);
         }
       } finally {
-        setTimeout(() => d._modelUpdating = !1, 0);
+        setTimeout(() => m._modelUpdating = !1, 0);
       }
     }
   };
-  if (v) {
-    if (i[l]) {
-      const $ = i[l];
-      o && se.removeListener(o, l, $);
+  if (y) {
+    if (i[d]) {
+      const k = i[d];
+      o && oe.removeListener(o, d, k);
     }
-    i[l] = y;
+    i[d] = w;
   } else {
-    const $ = `update:${re(a)}`;
-    if (i[$]) {
-      const k = i[$];
-      o && se.removeListener(o, $, k);
-    }
-    i[$] = (k) => {
-      const d = s._state || s, x = k.detail !== void 0 ? k.detail : k.target?.value, A = H(d, e);
-      if (Array.isArray(x) && Array.isArray(A) ? JSON.stringify([...x].sort()) !== JSON.stringify([...A].sort()) : x !== A) {
-        _e(d, e, x), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, x);
-        const E = k.target;
-        if (E) {
-          E[a] = x;
+    const k = `update:${re(l)}`;
+    if (i[k]) {
+      const C = i[k];
+      o && oe.removeListener(o, k, C);
+    }
+    i[k] = (C) => {
+      const m = s._state || s, $ = C.detail !== void 0 ? C.detail : C.target?.value, S = B(m, e);
+      if (Array.isArray($) && Array.isArray(S) ? JSON.stringify([...$].sort()) !== JSON.stringify([...S].sort()) : $ !== S) {
+        Se(m, e, $), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, $);
+        const A = C.target;
+        if (A) {
+          A[l] = $;
           try {
-            const T = re(a);
-            typeof x == "boolean" ? x ? E.setAttribute(T, "true") : E.setAttribute(T, "false") : E.setAttribute(T, String(x));
+            const j = re(l);
+            typeof $ == "boolean" ? $ ? A.setAttribute(j, "true") : A.setAttribute(j, "false") : A.setAttribute(j, String($));
           } catch {
           }
           queueMicrotask(() => {
-            typeof E._applyProps == "function" && E._applyProps(E._cfg), typeof E._requestRender == "function" && E._requestRender();
+            typeof A._applyProps == "function" && A._applyProps(A._cfg), typeof A._requestRender == "function" && A._requestRender();
           });
         }
       }
     };
   }
-  (h === "text" || h === "textarea") && (i.compositionstart = (() => i._isComposing = !0), i.compositionend = ($) => {
+  (f === "text" || f === "textarea") && (i.compositionstart = (() => i._isComposing = !0), i.compositionend = (k) => {
     i._isComposing = !1;
-    const k = $.target;
-    k && setTimeout(() => {
-      const d = k.value, x = s._state || s, A = H(x, e);
-      let C = d;
-      if (m && (C = C.trim()), g) {
-        const T = Number(C);
-        isNaN(T) || (C = T);
+    const C = k.target;
+    C && setTimeout(() => {
+      const m = C.value, $ = s._state || s, S = B($, e);
+      let v = m;
+      if (p && (v = v.trim()), h) {
+        const j = Number(v);
+        isNaN(j) || (v = j);
       }
-      if (Array.isArray(C) && Array.isArray(A) ? JSON.stringify([...C].sort()) !== JSON.stringify([...A].sort()) : C !== A) {
-        k._modelUpdating = !0;
+      if (Array.isArray(v) && Array.isArray(S) ? JSON.stringify([...v].sort()) !== JSON.stringify([...S].sort()) : v !== S) {
+        C._modelUpdating = !0;
         try {
-          _e(x, e, C), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, C);
+          Se($, e, v), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, v);
         } finally {
-          setTimeout(() => k._modelUpdating = !1, 0);
+          setTimeout(() => C._modelUpdating = !1, 0);
         }
       }
     }, 0);
   });
 }
-function ot(e) {
+function lt(e) {
   const t = e.slice(2);
   return t ? t.charAt(0).toLowerCase() + t.slice(1) : "";
 }
-function _t(e, t, r, n) {
+function jt(e, t, r, n) {
   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;
   else if (typeof e == "string") {
     if (!n) return;
     try {
-      const i = me(e, n);
+      const i = we(e, n);
       if (typeof i == "object" && i !== null) {
         for (const [s, o] of Object.entries(i))
           s.startsWith("data-") || s.startsWith("aria-") || s === "class" ? r[s] = o : t[s] = o;
@@ -1020,44 +1020,44 @@ function _t(e, t, r, n) {
         return;
       }
     } catch {
-      const i = H(n, e);
+      const i = B(n, e);
       r[e] = i;
     }
   }
 }
-function Et(e, t, r) {
+function Ot(e, t, r) {
   let n;
   if (typeof e == "string") {
     if (!r) return;
-    n = me(e, r);
+    n = we(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), c = o.findIndex(
-        (u) => u.startsWith("display:")
+      const o = i.split(";").map((a) => a.trim()).filter(Boolean), c = o.findIndex(
+        (a) => a.startsWith("display:")
       );
       c >= 0 && o[c] === "display: none" && (o.splice(c, 1), s = o.length > 0 ? o.join("; ") + ";" : "");
     }
   } else if (i) {
     const o = i.split(";").filter(Boolean), c = o.findIndex(
-      (u) => u.trim().startsWith("display:")
+      (a) => a.trim().startsWith("display:")
     );
     c >= 0 ? o[c] = "display: none" : o.push("display: none"), s = o.join("; ");
   } else
     s = "display: none";
   s !== i && (s ? t.style = s : delete t.style);
 }
-function me(e, t) {
-  return kt.evaluate(e, t);
+function we(e, t) {
+  return St.evaluate(e, t);
 }
-function St(e, t, r) {
+function Tt(e, t, r) {
   let n;
   if (typeof e == "string") {
     if (!r) return;
-    n = me(e, r);
+    n = we(e, r);
   } else
     n = e;
   let i = [];
@@ -1065,11 +1065,11 @@ function St(e, t, r) {
   const s = t.class || "", o = s ? `${s} ${i.join(" ")}`.trim() : i.join(" ");
   o && (t.class = o);
 }
-function At(e, t, r) {
+function Rt(e, t, r) {
   let n;
   if (typeof e == "string") {
     if (!r) return;
-    n = me(e, r);
+    n = we(e, r);
   } else
     n = e;
   let i = "";
@@ -1077,12 +1077,12 @@ function At(e, t, r) {
     i = n;
   else if (n && typeof n == "object") {
     const o = [];
-    for (const [c, u] of Object.entries(n))
-      if (u != null && u !== "") {
-        const m = c.replace(
+    for (const [c, a] of Object.entries(n))
+      if (a != null && a !== "") {
+        const p = c.replace(
           /[A-Z]/g,
-          (p) => `-${p.toLowerCase()}`
-        ), g = [
+          (g) => `-${g.toLowerCase()}`
+        ), h = [
           "width",
           "height",
           "top",
@@ -1108,65 +1108,65 @@ function At(e, t, r) {
           "min-height",
           "max-height"
         ];
-        let b = String(u);
-        typeof u == "number" && g.includes(m) && (b = `${u}px`), o.push(`${m}: ${b}`);
+        let b = String(a);
+        typeof a == "number" && h.includes(p) && (b = `${a}px`), o.push(`${p}: ${b}`);
       }
     i = o.join("; ") + (o.length > 0 ? ";" : "");
   }
   const s = t.style || "";
   t.style = s + (s && !s.endsWith(";") ? "; " : "") + i;
 }
-function Tt(e, t, r) {
+function Lt(e, t, r) {
   let n = e;
-  typeof e == "string" && r && (n = me(e, r)), ee(n) ? t.reactiveRef = n : t.ref = n;
+  typeof e == "string" && r && (n = we(e, r)), ee(n) ? t.reactiveRef = n : t.ref = n;
 }
-function at(e, t, r, n) {
+function ut(e, t, r, n) {
   const i = {}, s = { ...n || {} }, o = {};
-  for (const [c, u] of Object.entries(e)) {
-    const { value: m, modifiers: g, arg: b } = u;
+  for (const [c, a] of Object.entries(e)) {
+    const { value: p, modifiers: h, arg: b } = a;
     if (c === "model" || c.startsWith("model:")) {
-      const p = c.split(":"), f = p.length > 1 ? p[1] : b;
-      Ct(
-        m,
+      const g = c.split(":"), u = g.length > 1 ? g[1] : b;
+      At(
+        p,
         // Pass the original value (could be string or reactive state object)
-        g,
+        h,
         i,
         s,
         o,
         t,
         r,
-        f
+        u
       );
       continue;
     }
     switch (c) {
       case "bind":
-        _t(m, i, s, t);
+        jt(p, i, s, t);
         break;
       case "show":
-        Et(m, s, t);
+        Ot(p, s, t);
         break;
       case "class":
-        St(m, s, t);
+        Tt(p, s, t);
         break;
       case "style":
-        At(m, s, t);
+        Rt(p, s, t);
         break;
       case "ref":
-        Tt(m, i, t);
+        Lt(p, i, t);
         break;
     }
   }
   return { props: i, attrs: s, listeners: o };
 }
-function Be(e, t) {
+function qe(e, t) {
   if (Array.isArray(e)) {
     const s = /* @__PURE__ */ new Set();
     return e.map((o) => {
       if (!o || typeof o != "object") return o;
       let c = o.props?.key ?? o.key;
       if (!c) {
-        const b = o.tag || "node", f = [
+        const b = o.tag || "node", u = [
           // attrs (kebab-case)
           o.props?.attrs?.id,
           o.props?.attrs?.name,
@@ -1176,23 +1176,23 @@ function Be(e, t) {
           o.props?.props?.name,
           o.props?.props?.dataKey,
           o.props?.props?.["data-key"]
-        ].find((h) => h != null) ?? "";
-        c = f ? `${t}:${b}:${f}` : `${t}:${b}`;
+        ].find((f) => f != null) ?? "";
+        c = u ? `${t}:${b}:${u}` : `${t}:${b}`;
       }
-      let u = c, m = 1;
-      for (; s.has(u); )
-        u = `${c}#${m++}`;
-      s.add(u);
-      let g = o.children;
-      return Array.isArray(g) && (g = Be(g, u)), { ...o, key: u, children: g };
+      let a = c, p = 1;
+      for (; s.has(a); )
+        a = `${c}#${p++}`;
+      s.add(a);
+      let h = o.children;
+      return Array.isArray(h) && (h = qe(h, a)), { ...o, key: a, children: h };
     });
   }
   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 };
+  return Array.isArray(i) && (i = qe(i, n)), { ...r, key: n, children: i };
 }
-function Ve(e, t, r, n) {
-  const i = r.directives ?? {}, s = at(
+function Je(e, t, r, n) {
+  const i = r.directives ?? {}, s = ut(
     i,
     n,
     e,
@@ -1205,39 +1205,39 @@ function Ve(e, t, r, n) {
     ...t.attrs,
     ...r.attrs,
     ...s.attrs
-  }, u = t.props ?? {}, m = o, g = r?.isCustomElement ?? t?.isCustomElement ?? !1;
+  }, a = t.props ?? {}, p = o, h = r?.isCustomElement ?? t?.isCustomElement ?? !1;
   let b = !1;
-  for (const h in { ...u, ...m }) {
-    const v = u[h], w = m[h];
-    if (v !== w)
-      if (b = !0, h === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement))
-        e.value !== w && (e.value = w ?? "");
-      else if (h === "checked" && e instanceof HTMLInputElement)
-        e.checked = !!w;
-      else if (h.startsWith("on") && typeof w == "function") {
-        const a = ot(h);
-        typeof v == "function" && se.removeListener(e, a, v), se.addListener(e, a, w);
-      } else if (w == null)
-        e.removeAttribute(h);
-      else if ((r?.isCustomElement ?? t?.isCustomElement ?? !1) || h in e)
+  for (const f in { ...a, ...p }) {
+    const y = a[f], x = p[f];
+    if (y !== x)
+      if (b = !0, f === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement))
+        e.value !== x && (e.value = x ?? "");
+      else if (f === "checked" && e instanceof HTMLInputElement)
+        e.checked = !!x;
+      else if (f.startsWith("on") && typeof x == "function") {
+        const l = lt(f);
+        typeof y == "function" && oe.removeListener(e, l, y), oe.addListener(e, l, x);
+      } else if (x == null)
+        e.removeAttribute(f);
+      else if ((r?.isCustomElement ?? t?.isCustomElement ?? !1) || f in e)
         try {
-          e[h] = w;
+          e[f] = x;
         } catch {
         }
       else
-        w === !1 && e.removeAttribute(h);
+        x === !1 && e.removeAttribute(f);
   }
-  for (const [h, v] of Object.entries(
+  for (const [f, y] of Object.entries(
     s.listeners || {}
   ))
-    se.addListener(e, h, v);
-  const p = t.attrs ?? {}, f = c;
-  for (const h in { ...p, ...f }) {
-    const v = p[h], w = f[h];
-    let a = v, l = w;
-    if (ee(v) && (a = v.value), ee(w) && (l = w.value), a !== l)
-      if (b = !0, l == null || l === !1) {
-        if (e.removeAttribute(h), h === "value") {
+    oe.addListener(e, f, y);
+  const g = t.attrs ?? {}, u = c;
+  for (const f in { ...g, ...u }) {
+    const y = g[f], x = u[f];
+    let l = y, d = x;
+    if (ee(y) && (l = y.value), ee(x) && (d = x.value), l !== d)
+      if (b = !0, d == null || d === !1) {
+        if (e.removeAttribute(f), f === "value") {
           if (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement)
             try {
               e.value = "";
@@ -1254,69 +1254,69 @@ function Ve(e, t, r, n) {
             } catch {
             }
         }
-        if (h === "checked" && e instanceof HTMLInputElement)
+        if (f === "checked" && e instanceof HTMLInputElement)
           try {
             e.checked = !1;
           } catch {
           }
-        if (h === "disabled")
+        if (f === "disabled")
           try {
             e.disabled = !1;
           } catch {
           }
       } else {
-        if (h === "value") {
+        if (f === "value") {
           if (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement) {
             try {
-              e.value = l ?? "";
+              e.value = d ?? "";
             } catch {
-              e.setAttribute(h, String(l));
+              e.setAttribute(f, String(d));
             }
             continue;
           } else if (e instanceof HTMLSelectElement) {
             try {
-              e.value = l ?? "";
+              e.value = d ?? "";
             } catch {
             }
             continue;
           } else if (e instanceof HTMLProgressElement) {
             try {
-              e.value = Number(l);
+              e.value = Number(d);
             } catch {
             }
             continue;
           }
         }
-        if (h === "checked" && e instanceof HTMLInputElement) {
+        if (f === "checked" && e instanceof HTMLInputElement) {
           try {
-            e.checked = !!l;
+            e.checked = !!d;
           } catch {
           }
           continue;
         }
-        if (h === "style") {
-          e.setAttribute(h, String(l));
+        if (f === "style") {
+          e.setAttribute(f, String(d));
           continue;
         }
-        const y = e.namespaceURI === "http://www.w3.org/2000/svg";
-        if (g && !y && h.includes("-")) {
-          const $ = it(h);
+        const w = e.namespaceURI === "http://www.w3.org/2000/svg";
+        if (h && !w && f.includes("-")) {
+          const k = at(f);
           try {
-            e[$] = l;
+            e[k] = d;
           } catch {
-            e.setAttribute(h, String(l));
+            e.setAttribute(f, String(d));
           }
-        } else if (!y && h in e)
+        } else if (!w && f in e)
           try {
-            e[h] = l;
+            e[f] = d;
           } catch {
-            e.setAttribute(h, String(l));
+            e.setAttribute(f, String(d));
           }
         else
-          e.setAttribute(h, String(l));
+          e.setAttribute(f, String(d));
       }
   }
-  if (g && b)
+  if (h && b)
     try {
       if (typeof e._applyProps == "function")
         try {
@@ -1327,98 +1327,98 @@ function Ve(e, t, r, n) {
     } catch {
     }
 }
-function X(e, t, r) {
+function Z(e, t, r) {
   if (typeof e == "string")
     return document.createTextNode(e);
   if (e.tag === "#text") {
-    const p = document.createTextNode(
+    const g = document.createTextNode(
       typeof e.children == "string" ? e.children : ""
     );
-    return e.key != null && (p.key = e.key), p;
+    return e.key != null && (g.key = e.key), g;
   }
   if (e.tag === "#anchor") {
-    const p = e, f = Array.isArray(p.children) ? p.children : [], h = document.createTextNode(""), v = document.createTextNode("");
-    p.key != null && (h.key = `${p.key}:start`, v.key = `${p.key}:end`), p._startNode = h, p._endNode = v;
-    const w = document.createDocumentFragment();
-    w.appendChild(h);
-    for (const a of f) {
-      const l = X(a, t);
-      w.appendChild(l);
+    const g = e, u = Array.isArray(g.children) ? g.children : [], f = document.createTextNode(""), y = document.createTextNode("");
+    g.key != null && (f.key = `${g.key}:start`, y.key = `${g.key}:end`), g._startNode = f, g._endNode = y;
+    const x = document.createDocumentFragment();
+    x.appendChild(f);
+    for (const l of u) {
+      const d = Z(l, t);
+      x.appendChild(d);
     }
-    return w.appendChild(v), w;
+    return x.appendChild(y), x;
   }
   const n = document.createElement(e.tag);
   e.key != null && (n.key = e.key);
-  const { props: i = {}, attrs: s = {}, directives: o = {} } = e.props ?? {}, c = at(o, t, n, s), u = {
+  const { props: i = {}, attrs: s = {}, directives: o = {} } = e.props ?? {}, c = ut(o, t, n, s), a = {
     ...i,
     ...c.props
-  }, m = {
+  }, p = {
     ...s,
     ...c.attrs
-  }, g = n.namespaceURI === "http://www.w3.org/2000/svg";
-  for (const p in m) {
-    const f = m[p];
-    if (!(typeof p != "string" || /\[object Object\]/.test(p))) {
-      if (typeof f == "boolean")
-        f && n.setAttribute(p, "");
-      else if (f != null)
-        if (!g && p === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement || n instanceof HTMLProgressElement))
+  }, h = n.namespaceURI === "http://www.w3.org/2000/svg";
+  for (const g in p) {
+    const u = p[g];
+    if (!(typeof g != "string" || /\[object Object\]/.test(g))) {
+      if (typeof u == "boolean")
+        u && n.setAttribute(g, "");
+      else if (u != null)
+        if (!h && g === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement || n instanceof HTMLProgressElement))
           try {
-            n instanceof HTMLProgressElement ? n.value = Number(f) : n.value = f ?? "";
+            n instanceof HTMLProgressElement ? n.value = Number(u) : n.value = u ?? "";
           } catch {
-            n.setAttribute(p, String(f));
+            n.setAttribute(g, String(u));
           }
-        else if (!g && p === "checked" && n instanceof HTMLInputElement)
+        else if (!h && g === "checked" && n instanceof HTMLInputElement)
           try {
-            n.checked = !!f;
+            n.checked = !!u;
           } catch {
-            n.setAttribute(p, String(f));
+            n.setAttribute(g, String(u));
           }
-        else if (!g && p in n)
+        else if (!h && g in n)
           try {
-            n[p] = f;
+            n[g] = u;
           } catch {
-            n.setAttribute(p, String(f));
+            n.setAttribute(g, String(u));
           }
-        else if ((e.props?.isCustomElement ?? !1) && !g && p.includes("-")) {
-          const v = it(p);
+        else if ((e.props?.isCustomElement ?? !1) && !h && g.includes("-")) {
+          const y = at(g);
           try {
-            n[v] = f;
+            n[y] = u;
           } catch {
-            n.setAttribute(p, String(f));
+            n.setAttribute(g, String(u));
           }
         } else
-          n.setAttribute(p, String(f));
-    }
-  }
-  for (const p in u) {
-    const f = u[p];
-    if (!(typeof p != "string" || /\[object Object\]/.test(p)))
-      if (p === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement)) {
-        const h = typeof f == "object" && f !== null && typeof f.value < "u" ? f.value : f;
-        n.value = h ?? "";
-      } else if (p === "checked" && n instanceof HTMLInputElement) {
-        const h = typeof f == "object" && f !== null && typeof f.value < "u" ? f.value : f;
-        n.checked = !!h;
-      } else if (p.startsWith("on") && typeof f == "function")
-        se.addListener(n, ot(p), f);
+          n.setAttribute(g, String(u));
+    }
+  }
+  for (const g in a) {
+    const u = a[g];
+    if (!(typeof g != "string" || /\[object Object\]/.test(g)))
+      if (g === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement)) {
+        const f = typeof u == "object" && u !== null && typeof u.value < "u" ? u.value : u;
+        n.value = f ?? "";
+      } else if (g === "checked" && n instanceof HTMLInputElement) {
+        const f = typeof u == "object" && u !== null && typeof u.value < "u" ? u.value : u;
+        n.checked = !!f;
+      } else if (g.startsWith("on") && typeof u == "function")
+        oe.addListener(n, lt(g), u);
       else {
-        if (p.startsWith("on") && f === void 0)
+        if (g.startsWith("on") && u === void 0)
           continue;
-        if (f == null || f === !1)
-          n.removeAttribute(p);
-        else if ((e.props?.isCustomElement ?? !1) || p in n)
+        if (u == null || u === !1)
+          n.removeAttribute(g);
+        else if ((e.props?.isCustomElement ?? !1) || g in n)
           try {
-            const v = typeof f == "object" && f !== null && typeof f.value < "u" ? f.value : f;
-            n[p] = v;
+            const y = typeof u == "object" && u !== null && typeof u.value < "u" ? u.value : u;
+            n[g] = y;
           } catch {
           }
       }
   }
-  for (const [p, f] of Object.entries(
+  for (const [g, u] of Object.entries(
     c.listeners || {}
   ))
-    se.addListener(n, p, f);
+    oe.addListener(n, g, u);
   const b = {
     ...e,
     props: {
@@ -1426,7 +1426,7 @@ function X(e, t, r) {
       ...c.props
     }
   };
-  pe(b, n, r);
+  ye(b, n, r);
   try {
     if (typeof n._applyProps == "function")
       try {
@@ -1437,126 +1437,126 @@ function X(e, t, r) {
   } catch {
   }
   if (Array.isArray(e.children))
-    for (const p of e.children)
-      n.appendChild(X(p, t, r));
+    for (const g of e.children)
+      n.appendChild(Z(g, t, r));
   else typeof e.children == "string" && (n.textContent = e.children);
   try {
-    if (n instanceof HTMLSelectElement && m && m.hasOwnProperty("value"))
+    if (n instanceof HTMLSelectElement && p && p.hasOwnProperty("value"))
       try {
-        n.value = m.value ?? "";
+        n.value = p.value ?? "";
       } catch {
       }
   } catch {
   }
   return n;
 }
-function Rt(e, t, r, n, i) {
+function Pt(e, t, r, n, i) {
   if (typeof r == "string") {
     e.textContent !== r && (e.textContent = r);
     return;
   }
   if (!Array.isArray(r)) return;
   const s = Array.from(e.childNodes), o = Array.isArray(t) ? t : [], c = /* @__PURE__ */ new Map();
-  for (const f of o)
-    f && f.key != null && c.set(f.key, f);
-  const u = /* @__PURE__ */ new Map();
-  for (const f of s) {
-    const h = f.key;
-    h != null && u.set(h, f);
-  }
-  const m = /* @__PURE__ */ new Set();
-  let g = e.firstChild;
-  function b(f, h) {
-    let v = f;
-    for (; v && (m.add(v), v !== h); )
-      v = v.nextSibling;
-  }
-  function p(f, h, v, w) {
-    const a = [];
-    let l = f.nextSibling;
-    for (; l && l !== h; )
-      a.push(l), l = l.nextSibling;
-    const y = Array.isArray(v) ? v : [];
-    if (w.some((k) => k && k.key != null) || y.some((k) => k && k.key != null)) {
-      const k = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map();
-      for (const C of y)
-        C && C.key != null && k.set(C.key, C);
-      for (const C of a) {
-        const E = C.key;
-        E != null && d.set(E, C);
+  for (const u of o)
+    u && u.key != null && c.set(u.key, u);
+  const a = /* @__PURE__ */ new Map();
+  for (const u of s) {
+    const f = u.key;
+    f != null && a.set(f, u);
+  }
+  const p = /* @__PURE__ */ new Set();
+  let h = e.firstChild;
+  function b(u, f) {
+    let y = u;
+    for (; y && (p.add(y), y !== f); )
+      y = y.nextSibling;
+  }
+  function g(u, f, y, x) {
+    const l = [];
+    let d = u.nextSibling;
+    for (; d && d !== f; )
+      l.push(d), d = d.nextSibling;
+    const w = Array.isArray(y) ? y : [];
+    if (x.some((C) => C && C.key != null) || w.some((C) => C && C.key != null)) {
+      const C = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map();
+      for (const v of w)
+        v && v.key != null && C.set(v.key, v);
+      for (const v of l) {
+        const A = v.key;
+        A != null && m.set(A, v);
       }
-      const x = /* @__PURE__ */ new Set();
-      let A = f.nextSibling;
-      for (const C of w) {
-        let E;
-        if (C.key != null && d.has(C.key)) {
-          const T = k.get(C.key);
-          E = Ee(
-            d.get(C.key),
-            T,
-            C,
+      const $ = /* @__PURE__ */ new Set();
+      let S = u.nextSibling;
+      for (const v of x) {
+        let A;
+        if (v.key != null && m.has(v.key)) {
+          const j = C.get(v.key);
+          A = Ae(
+            m.get(v.key),
+            j,
+            v,
             n
-          ), x.add(E), E !== A && e.contains(E) && e.insertBefore(E, A);
+          ), $.add(A), A !== S && e.contains(A) && e.insertBefore(A, S);
         } else
-          E = X(C, n), e.insertBefore(E, A), x.add(E);
-        A = E.nextSibling;
+          A = Z(v, n), e.insertBefore(A, S), $.add(A);
+        S = A.nextSibling;
       }
-      for (const C of a)
-        !x.has(C) && e.contains(C) && e.removeChild(C);
+      for (const v of l)
+        !$.has(v) && e.contains(v) && e.removeChild(v);
     } else {
-      const k = Math.min(
-        y.length,
-        w.length
+      const C = Math.min(
+        w.length,
+        x.length
       );
-      for (let d = 0; d < k; d++) {
-        const x = y[d], A = w[d], C = Ee(a[d], x, A, n);
-        C !== a[d] && (e.insertBefore(C, a[d]), e.removeChild(a[d]));
+      for (let m = 0; m < C; m++) {
+        const $ = w[m], S = x[m], v = Ae(l[m], $, S, n);
+        v !== l[m] && (e.insertBefore(v, l[m]), e.removeChild(l[m]));
       }
-      for (let d = k; d < w.length; d++)
-        e.insertBefore(X(w[d], n), h);
-      for (let d = k; d < a.length; d++)
-        e.removeChild(a[d]);
-    }
-  }
-  for (const f of r) {
-    let h;
-    if (f.tag === "#anchor") {
-      const v = f.key, w = `${v}:start`, a = `${v}:end`;
-      let l = u.get(w), y = u.get(a);
-      const $ = Array.isArray(f.children) ? f.children : [];
-      if (l || (l = document.createTextNode(""), l.key = w), y || (y = document.createTextNode(""), y.key = a), f._startNode = l, f._endNode = y, !e.contains(l) || !e.contains(y)) {
-        e.insertBefore(l, g);
-        for (const k of $)
-          e.insertBefore(X(k, n), g);
-        e.insertBefore(y, g);
+      for (let m = C; m < x.length; m++)
+        e.insertBefore(Z(x[m], n), f);
+      for (let m = C; m < l.length; m++)
+        e.removeChild(l[m]);
+    }
+  }
+  for (const u of r) {
+    let f;
+    if (u.tag === "#anchor") {
+      const y = u.key, x = `${y}:start`, l = `${y}:end`;
+      let d = a.get(x), w = a.get(l);
+      const k = Array.isArray(u.children) ? u.children : [];
+      if (d || (d = document.createTextNode(""), d.key = x), w || (w = document.createTextNode(""), w.key = l), u._startNode = d, u._endNode = w, !e.contains(d) || !e.contains(w)) {
+        e.insertBefore(d, h);
+        for (const C of k)
+          e.insertBefore(Z(C, n), h);
+        e.insertBefore(w, h);
       } else
-        p(
-          l,
-          y,
-          c.get(v)?.children,
-          $
+        g(
+          d,
+          w,
+          c.get(y)?.children,
+          k
         );
-      b(l, y), g = y.nextSibling;
+      b(d, w), h = w.nextSibling;
       continue;
     }
-    if (f.key != null && u.has(f.key)) {
-      const v = c.get(f.key);
-      h = Ee(
-        u.get(f.key),
-        v,
-        f,
+    if (u.key != null && a.has(u.key)) {
+      const y = c.get(u.key);
+      f = Ae(
+        a.get(u.key),
+        y,
+        u,
         n,
         i
-      ), m.add(h), h !== g && e.contains(h) && (g && !e.contains(g) && (g = null), e.insertBefore(h, g));
+      ), p.add(f), f !== h && e.contains(f) && (h && !e.contains(h) && (h = null), e.insertBefore(f, h));
     } else
-      h = X(f, n, i), g && !e.contains(g) && (g = null), e.insertBefore(h, g), m.add(h);
-    g = h.nextSibling;
+      f = Z(u, n, i), h && !e.contains(h) && (h = null), e.insertBefore(f, h), p.add(f);
+    h = f.nextSibling;
   }
-  for (const f of s)
-    !m.has(f) && e.contains(f) && (le(f, i), e.removeChild(f));
+  for (const u of s)
+    !p.has(u) && e.contains(u) && (ue(u, i), e.removeChild(u));
 }
-function Ee(e, t, r, n, i) {
-  if (t && typeof t != "string" && t.props?.ref && i && le(e, i), t === r) return e;
+function Ae(e, t, r, n, i) {
+  if (t && typeof t != "string" && t.props?.ref && i && ue(e, i), t === r) return e;
   if (typeof r == "string") {
     if (e.nodeType === Node.TEXT_NODE)
       return e.textContent !== r && (e.textContent = r), e;
@@ -1566,98 +1566,101 @@ function Ee(e, t, r, n, i) {
     }
   }
   if (r && typeof r != "string" && r.tag === "#anchor") {
-    const o = r, c = Array.isArray(o.children) ? o.children : [], u = o._startNode ?? document.createTextNode(""), m = o._endNode ?? document.createTextNode("");
-    o.key != null && (u.key = `${o.key}:start`, m.key = `${o.key}:end`), o._startNode = u, o._endNode = m;
-    const g = document.createDocumentFragment();
-    g.appendChild(u);
+    const o = r, c = Array.isArray(o.children) ? o.children : [], a = o._startNode ?? document.createTextNode(""), p = o._endNode ?? document.createTextNode("");
+    o.key != null && (a.key = `${o.key}:start`, p.key = `${o.key}:end`), o._startNode = a, o._endNode = p;
+    const h = document.createDocumentFragment();
+    h.appendChild(a);
     for (const b of c) {
-      const p = X(b, n);
-      g.appendChild(p);
+      const g = Z(b, n);
+      h.appendChild(g);
     }
-    return g.appendChild(m), e.parentNode?.replaceChild(g, e), u;
+    return h.appendChild(p), e.parentNode?.replaceChild(h, e), a;
   }
   if (!r) {
-    le(e, i);
+    ue(e, i);
     const o = document.createComment("removed");
     return e.parentNode?.replaceChild(o, e), o;
   }
   if (!t || typeof t == "string") {
-    le(e, i);
-    const o = X(r, n, i);
-    return pe(r, o, i), e.parentNode?.replaceChild(o, e), o;
+    ue(e, i);
+    const o = Z(r, n, i);
+    return ye(r, o, i), e.parentNode?.replaceChild(o, e), o;
   }
   if (r.tag === "#anchor") {
-    const o = Array.isArray(r.children) ? r.children : [], c = r._startNode ?? document.createTextNode(""), u = r._endNode ?? document.createTextNode("");
-    r.key != null && (c.key = `${r.key}:start`, u.key = `${r.key}:end`), r._startNode = c, r._endNode = u;
-    const m = document.createDocumentFragment();
-    m.appendChild(c);
-    for (const g of o)
-      m.appendChild(X(g, n));
-    return m.appendChild(u), e.parentNode?.replaceChild(m, e), c;
+    const o = Array.isArray(r.children) ? r.children : [], c = r._startNode ?? document.createTextNode(""), a = r._endNode ?? document.createTextNode("");
+    r.key != null && (c.key = `${r.key}:start`, a.key = `${r.key}:end`), r._startNode = c, r._endNode = a;
+    const p = document.createDocumentFragment();
+    p.appendChild(c);
+    for (const h of o)
+      p.appendChild(Z(h, n));
+    return p.appendChild(a), e.parentNode?.replaceChild(p, e), c;
   }
   if (typeof t != "string" && typeof r != "string" && t.tag === r.tag && t.key === r.key) {
     const o = e;
-    return Ve(o, t.props || {}, r.props || {}, n), Rt(o, t.children, r.children, n, i), pe(r, o, i), o;
+    return Je(o, t.props || {}, r.props || {}, n), Pt(o, t.children, r.children, n, i), ye(r, o, i), o;
   }
   if (typeof t != "string" && typeof r != "string" && t.tag === r.tag && (t.tag && String(t.tag).includes("-") || r.props && r.props.isCustomElement || t.props && t.props.isCustomElement))
     try {
       const c = e;
-      return Ve(c, t.props || {}, r.props || {}, n), pe(r, c, i), c;
+      return Je(c, t.props || {}, r.props || {}, n), ye(r, c, i), c;
     } catch {
     }
-  le(e, i);
-  const s = X(r, n, i);
-  return pe(r, s, i), e.parentNode?.replaceChild(s, e), s;
+  ue(e, i);
+  const s = Z(r, n, i);
+  return ye(r, s, i), e.parentNode?.replaceChild(s, e), s;
 }
-function Ot(e, t, r, n) {
+function Mt(e, t, r, n) {
   let i;
   Array.isArray(t) ? t.length === 1 ? (i = t[0], i && typeof i == "object" && i.key == null && (i = { ...i, key: "__root__" })) : i = { tag: "div", key: "__root__", children: t } : (i = t, i && typeof i == "object" && i.key == null && (i = { ...i, key: "__root__" })), i && typeof i == "object" && i.tag === "#anchor" && (i = {
     tag: "div",
     key: "__anchor_root__",
     props: { attrs: { "data-anchor-block-root": "", key: "__anchor_root__" } },
     children: [i]
-  }), i = Be(i, String(i.key ?? "root"));
+  }), i = qe(i, String(i.key ?? "root"));
   const s = e._prevVNode ?? null, o = e._prevDom ?? e.firstChild ?? null;
   let c;
-  s && o ? typeof s != "string" && typeof i != "string" && s.tag === i.tag && s.key === i.key ? c = Ee(o, s, i, r, n) : (c = X(i, r, n), e.replaceChild(c, o)) : (c = X(i, r, n), e.firstChild ? e.replaceChild(c, e.firstChild) : e.appendChild(c));
-  const u = [];
-  for (let m = 0; m < e.childNodes.length; m++) {
-    const g = e.childNodes[m];
-    g !== c && g.nodeName !== "STYLE" && (le(g, n), u.push(g));
+  s && o ? typeof s != "string" && typeof i != "string" && s.tag === i.tag && s.key === i.key ? c = Ae(o, s, i, r, n) : (c = Z(i, r, n), e.replaceChild(c, o)) : (c = Z(i, r, n), e.firstChild ? e.replaceChild(c, e.firstChild) : e.appendChild(c));
+  const a = [];
+  for (let p = 0; p < e.childNodes.length; p++) {
+    const h = e.childNodes[p];
+    h !== c && h.nodeName !== "STYLE" && (ue(h, n), a.push(h));
   }
-  u.forEach((m) => e.removeChild(m)), e._prevVNode = i, e._prevDom = c;
+  a.forEach((p) => e.removeChild(p)), e._prevVNode = i, e._prevDom = c;
 }
 function Pe(e) {
-  if (typeof e == "string") return de(e);
+  if (typeof e == "string") return pe(e);
   if (e.tag === "#text")
-    return typeof e.children == "string" ? de(e.children) : "";
+    return typeof e.children == "string" ? pe(e.children) : "";
   if (e.tag === "#anchor")
     return (Array.isArray(e.children) ? e.children.filter(Boolean) : []).map(Pe).join("");
   let t = "";
-  e.props && e.props.attrs && (t = Object.entries(e.props.attrs).map(([i, s]) => ` ${i}="${de(String(s))}"`).join(""));
+  e.props && e.props.attrs && (t = Object.entries(e.props.attrs).map(([i, s]) => ` ${i}="${pe(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}="${de(String(s))}"`).join(""));
-  const n = Array.isArray(e.children) ? e.children.filter(Boolean).map(Pe).join("") : typeof e.children == "string" ? de(e.children) : e.children ? Pe(e.children) : "";
+  e.props && (r = Object.entries(e.props).filter(([i]) => i !== "attrs" && i !== "directives" && i !== "ref" && i !== "key").map(([i, s]) => ` ${i}="${pe(String(s))}"`).join(""));
+  const n = Array.isArray(e.children) ? e.children.filter(Boolean).map(Pe).join("") : typeof e.children == "string" ? pe(e.children) : e.children ? Pe(e.children) : "";
   return `<${e.tag}${t}${r}>${n}</${e.tag}>`;
 }
-function Pt(e, ...t) {
+function Wt(e, ...t) {
   let r = "";
   for (let n = 0; n < e.length; n++)
     r += e[n], n < t.length && (r += t[n]);
   return r;
 }
-function ct(e) {
+function ft(e) {
   return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
 }
-let ke = null;
-function Je() {
-  return ke || (ke = new CSSStyleSheet(), ke.replaceSync(ct(Mt))), ke;
+let _e = null;
+function Ze() {
+  return _e || (_e = new CSSStyleSheet(), _e.replaceSync(ft(It))), _e;
 }
-function Lt(e) {
+function Dt(e) {
   return e.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
 }
-const Mt = Pt`
-  :host, *, ::before, ::after {
+const It = Wt`
+  :host,
+  *,
+  ::before,
+  ::after {
     all: isolate;
     box-sizing: border-box;
     border: 0 solid currentColor;
@@ -1675,46 +1678,90 @@ const Mt = Pt`
     -webkit-text-size-adjust: 100%;
     text-size-adjust: 100%;
   }
-  button, input, select, textarea {
+  button,
+  input,
+  select,
+  textarea {
     background: transparent;
     outline: none;
   }
-  textarea { resize: vertical }
-  progress { vertical-align: baseline }
-  button, textarea { overflow: visible }
-  img, svg, video, canvas, audio, iframe, embed, object {
+  textarea {
+    resize: vertical;
+  }
+  progress {
+    vertical-align: baseline;
+  }
+  button,
+  textarea {
+    overflow: visible;
+  }
+  img,
+  svg,
+  video,
+  canvas,
+  audio,
+  iframe,
+  embed,
+  object {
     display: block;
     max-width: 100%;
     height: auto;
   }
-  svg { fill: currentColor; stroke: none }
-  a { text-decoration: inherit; cursor: pointer }
-  button, [type=button], [type=reset], [type=submit] {
+  svg {
+    fill: currentColor;
+    stroke: none;
+  }
+  a {
+    text-decoration: inherit;
+    cursor: pointer;
+  }
+  button,
+  [type="button"],
+  [type="reset"],
+  [type="submit"] {
     cursor: pointer;
     appearance: button;
     background: none;
     -webkit-user-select: none;
     user-select: none;
   }
-  ::-webkit-input-placeholder, ::placeholder {
-    color: inherit; opacity: .5;
+  ::-webkit-input-placeholder,
+  ::placeholder {
+    color: inherit;
+    opacity: 0.5;
   }
   *:focus-visible {
     outline: 2px solid var(--color-primary-500, #3b82f6);
     outline-offset: 2px;
   }
-  ol, ul { list-style: none }
-  table { border-collapse: collapse }
-  sub, sup {
-    font-size: .75em;
+  ol,
+  ul {
+    list-style: none;
+  }
+  table {
+    border-collapse: collapse;
+  }
+  sub,
+  sup {
+    font-size: 0.75em;
     line-height: 0;
     position: relative;
   }
-  sub { bottom: -.25em }
-  sup { top: -.5em }
-  [disabled], [aria-disabled=true] { cursor: not-allowed }
-  [hidden] { display: none }
-`, jt = {
+  sub {
+    bottom: -0.25em;
+  }
+  sup {
+    top: -0.5em;
+  }
+  [disabled],
+  [aria-disabled="true"] {
+    cursor: not-allowed;
+  }
+  [hidden] {
+    display: none;
+  }
+`, Nt = {
+  // Existing semantic colors
   neutral: {
     50: "#fafafa",
     100: "#f4f4f5",
@@ -1806,12 +1853,13 @@ const Mt = Pt`
     900: "#7f1d1d",
     950: "#450a0a"
   },
+  // Special colors
   white: { DEFAULT: "#ffffff" },
   black: { DEFAULT: "#000000" },
   transparent: { DEFAULT: "transparent" },
   current: { DEFAULT: "currentColor" }
-}, Wt = Object.fromEntries(
-  Object.entries(jt).map(([e, t]) => [
+}, dt = Object.fromEntries(
+  Object.entries(Nt).map(([e, t]) => [
     e,
     Object.fromEntries(
       Object.entries(t).map(([r, n]) => [
@@ -1820,238 +1868,21 @@ const Mt = Pt`
       ])
     )
   ])
-), ce = "0.25rem", Nt = {
-  // Tailwind container widths
-  // 3xs: 16rem  => 16 / 0.25 = 64
+), le = "0.25rem", Ht = {
   "3xs": 64,
-  // 2xs: 18rem => 72
   "2xs": 72,
-  // xs: 20rem => 80
   xs: 80,
-  // sm: 24rem => 96
   sm: 96,
-  // md: 28rem => 112
   md: 112,
-  // lg: 32rem => 128
   lg: 128,
-  // xl: 36rem => 144
   xl: 144,
-  // 2xl: 42rem => 168
   "2xl": 168,
-  // 3xl: 48rem => 192
   "3xl": 192,
-  // 4xl: 56rem => 224
   "4xl": 224,
-  // 5xl: 64rem => 256
   "5xl": 256,
-  // 6xl: 72rem => 288
   "6xl": 288,
-  // 7xl: 80rem => 320
   "7xl": 320
-}, zt = () => {
-  const e = {};
-  for (const [t, r] of Object.entries(Nt))
-    e[`max-w-${t}`] = `max-width:calc(${ce} * ${r});`, e[`min-w-${t}`] = `min-width:calc(${ce} * ${r});`, e[`w-${t}`] = `width:calc(${ce} * ${r});`, e[`max-h-${t}`] = `max-height:calc(${ce} * ${r});`, e[`min-h-${t}`] = `min-height:calc(${ce} * ${r});`, e[`h-${t}`] = `height:calc(${ce} * ${r});`;
-  return e;
-}, It = () => {
-  const e = {}, t = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
-  for (const r of t)
-    e[`grid-cols-${r}`] = `grid-template-columns:repeat(${r},minmax(0,1fr));`, e[`grid-rows-${r}`] = `grid-template-rows:repeat(${r},minmax(0,1fr));`, e[`col-span-${r}`] = `grid-column:span ${r} / span ${r};`, e[`row-span-${r}`] = `grid-row:span ${r} / span ${r};`, e[`col-start-${r}`] = `grid-column-start:${r};`, e[`col-end-${r}`] = `grid-column-end:${r};`, e[`row-start-${r}`] = `grid-row-start:${r};`, e[`row-end-${r}`] = `grid-row-end:${r};`;
-  return e["grid-cols-none"] = "grid-template-columns:none;", e["grid-rows-none"] = "grid-template-rows:none;", e["col-span-full"] = "grid-column:1 / -1;", e["row-span-full"] = "grid-row:1 / -1;", e["auto-cols-auto"] = "grid-auto-columns:auto;", e["auto-cols-min"] = "grid-auto-columns:min-content;", e["auto-cols-max"] = "grid-auto-columns:max-content;", e["auto-cols-fr"] = "grid-auto-columns:1fr;", e["auto-rows-auto"] = "grid-auto-rows:auto;", e["auto-rows-min"] = "grid-auto-rows:min-content;", e["auto-rows-max"] = "grid-auto-rows:max-content;", e["auto-rows-fr"] = "grid-auto-rows:1fr;", e["grid-flow-row"] = "grid-auto-flow:row;", e["grid-flow-col"] = "grid-auto-flow:column;", e["grid-flow-row-dense"] = "grid-auto-flow:row dense;", e["grid-flow-col-dense"] = "grid-auto-flow:column dense;", e;
-}, Dt = () => {
-  const e = {}, t = [0, 1, 2, 4, 6, 8];
-  for (const r of t) {
-    const n = `${r}px`;
-    e[`border-${r}`] = `border-width:${n};`, e[`border-s-${r}`] = `border-inline-start-width:${n};`, e[`border-e-${r}`] = `border-inline-end-width:${n};`, e[`border-bs-${r}`] = `border-block-start-width:${n};`, e[`border-be-${r}`] = `border-block-end-width:${n};`, e[`border-x-${r}`] = `border-inline-width:${n};`, e[`border-y-${r}`] = `border-block-width:${n};`, e[`border-t-${r}`] = `border-top-width:${n};`, e[`border-r-${r}`] = `border-right-width:${n};`, e[`border-b-${r}`] = `border-bottom-width:${n};`, e[`border-l-${r}`] = `border-left-width:${n};`;
-  }
-  return e.border = "border-width:1px;", e["border-t"] = "border-top-width:1px;", e["border-r"] = "border-right-width:1px;", e["border-b"] = "border-bottom-width:1px;", e["border-l"] = "border-left-width:1px;", e["border-x"] = "border-left-width:1px;border-right-width:1px;", e["border-y"] = "border-top-width:1px;border-bottom-width:1px;", e["border-s"] = "border-inline-start-width:1px;", e["border-e"] = "border-inline-end-width:1px;", e["border-bs"] = "border-block-start-width:1px;", e["border-be"] = "border-block-end-width:1px;", e;
-}, Ht = () => {
-  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, n] of Object.entries(t)) {
-    const i = n === 9999 ? "9999px" : `${n / 16}rem`;
-    e[`rounded-${r}`] = `border-radius:${i};`, e[`rounded-s-${r}`] = `border-start-start-radius:${i};border-end-start-radius:${i};`, e[`rounded-e-${r}`] = `border-start-end-radius:${i};border-end-end-radius:${i};`, e[`rounded-t-${r}`] = `border-top-left-radius:${i};border-top-right-radius:${i};`, e[`rounded-r-${r}`] = `border-top-right-radius:${i};border-bottom-right-radius:${i};`, e[`rounded-b-${r}`] = `border-bottom-left-radius:${i};border-bottom-right-radius:${i};`, e[`rounded-l-${r}`] = `border-top-left-radius:${i};border-bottom-left-radius:${i};`, e[`rounded-x-${r}`] = `border-top-left-radius:${i};border-bottom-left-radius:${i};border-top-right-radius:${i};border-bottom-right-radius:${i};`, e[`rounded-y-${r}`] = `border-top-left-radius:${i};border-top-right-radius:${i};border-bottom-left-radius:${i};border-bottom-right-radius:${i};`;
-  }
-  return e;
-}, Le = {
-  /* Display */
-  block: "display:block;",
-  inline: "display:inline;",
-  "inline-block": "display:inline-block;",
-  flex: "display:flex;",
-  "inline-flex": "display:inline-flex;",
-  grid: "display:grid;",
-  hidden: "display:none;",
-  /* Sizing & Spacing */
-  "w-full": "width:100%;",
-  "w-screen": "width:100dvw;",
-  "h-full": "height:100%;",
-  "h-screen": "height:100dvw;",
-  "max-w-full": "max-width:100%;",
-  "max-h-full": "max-height:100%;",
-  "max-w-screen": "max-width:100dvw;",
-  "max-h-screen": "max-height:100dvh;",
-  "min-w-0": "min-width:0;",
-  "min-h-0": "min-height:0;",
-  "min-w-screen": "min-width:100dvw;",
-  "min-h-screen": "min-height:100dvh;",
-  ...zt(),
-  "m-auto": "margin:auto;",
-  "mx-auto": "margin-inline:auto;",
-  "my-auto": "margin-block:auto;",
-  /* Overflow */
-  "overflow-auto": "overflow:auto;",
-  "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;",
-  /* Accessibility */
-  "sr-only": "position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;",
-  "not-sr-only": "position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;",
-  /* Grid Layout & Placement */
-  ...It(),
-  /* Positioning */
-  absolute: "position:absolute;",
-  relative: "position:relative;",
-  fixed: "position:fixed;",
-  sticky: "position:sticky;",
-  /* Typography */
-  "font-bold": "font-weight:700;",
-  "font-semibold": "font-weight:600;",
-  "font-medium": "font-weight:500;",
-  "font-light": "font-weight:300;",
-  underline: "text-decoration-line:underline;",
-  overline: "text-decoration-line:overline;",
-  "line-through": "text-decoration-line:line-through;",
-  "no-underline": "text-decoration-line:none;",
-  italic: "font-style:italic;",
-  "not-italic": "font-style:normal;",
-  uppercase: "text-transform:uppercase;",
-  lowercase: "text-transform:lowercase;",
-  capitalize: "text-transform:capitalize;",
-  "normal-case": "text-transform:none;",
-  "text-left": "text-align:left;",
-  "text-center": "text-align:center;",
-  "text-right": "text-align:right;",
-  "text-xs": "font-size:0.75rem;line-height:calc(1 / 0.75)",
-  "text-sm": "font-size:0.875rem;line-height:calc(1.25 / 0.875)",
-  "text-base": "font-size:1rem;line-height:calc(1.5 / 1)",
-  "text-lg": "font-size:1.125rem;line-height:calc(1.75 / 1.125)",
-  "text-xl": "font-size:1.25rem;line-height:calc(1.75 / 1.25)",
-  "text-2xl": "font-size:1.5rem;line-height:calc(2 / 1.5)",
-  "text-3xl": "font-size:1.875rem;line-height:calc(2.25 / 1.875)",
-  "text-4xl": "font-size:2.25rem;line-height:calc(2.5 / 2.25)",
-  "text-5xl": "font-size:3rem;line-height:1",
-  "text-6xl": "font-size:3.75rem;line-height:1",
-  "text-7xl": "font-size:4.5rem;line-height:1",
-  "text-8xl": "font-size:6rem;line-height:1",
-  /* Borders */
-  ...Dt(),
-  ...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);",
-  "shadow-xs": "--ce-shadow-color: rgb(0 0 0 / 0.05);box-shadow:0 1px 2px 0 var(--ce-shadow-color, rgb(0 0 0 / 0.05));",
-  "shadow-sm": "--ce-shadow-color: rgb(0 0 0 / 0.1);box-shadow:0 1px 3px 0 var(--ce-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--ce-shadow-color, rgb(0 0 0 / 0.1));",
-  "shadow-md": "--ce-shadow-color: rgb(0 0 0 / 0.1);box-shadow:0 4px 6px -1px var(--ce-shadow-color, rgb(0 0 0 / 0.1)),0 2px 4px -2px var(--ce-shadow-color, rgb(0 0 0 / 0.1));",
-  "shadow-lg": "--ce-shadow-color: rgb(0 0 0 / 0.1);box-shadow:0 10px 15px -3px var(--ce-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--ce-shadow-color, rgb(0 0 0 / 0.1));",
-  "shadow-xl": "--ce-shadow-color: rgb(0 0 0 / 0.1);box-shadow:0 20px 25px -5px var(--ce-shadow-color, rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--ce-shadow-color, rgb(0 0 0 / 0.1));",
-  "shadow-2xl": "--ce-shadow-color: rgb(0 0 0 / 0.25);box-shadow:0 25px 50px -12px var(--ce-shadow-color, rgb(0 0 0 / 0.25));",
-  /* Text Overflow & Whitespace */
-  truncate: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;",
-  /* Visibility */
-  visible: "visibility:visible;",
-  invisible: "visibility:hidden;",
-  /* Flex Grow/Shrink/Basis */
-  "items-center": "align-items:center;",
-  "items-start": "align-items:flex-start;",
-  "items-end": "align-items:flex-end;",
-  "items-baseline": "align-items:baseline;",
-  "items-stretch": "align-items:stretch;",
-  "justify-center": "justify-content:center;",
-  "justify-start": "justify-content:flex-start;",
-  "justify-between": "justify-content:space-between;",
-  "justify-around": "justify-content:space-around;",
-  "justify-evenly": "justify-content:space-evenly;",
-  "justify-end": "justify-content:flex-end;",
-  "flex-wrap": "flex-wrap:wrap;",
-  "flex-nowrap": "flex-wrap:nowrap;",
-  "flex-wrap-reverse": "flex-wrap:wrap-reverse;",
-  "content-center": "align-content:center;",
-  "content-start": "align-content:flex-start;",
-  "content-end": "align-content:flex-end;",
-  "content-between": "align-content:space-between;",
-  "content-around": "align-content:space-around;",
-  "content-stretch": "align-content:stretch;",
-  "self-auto": "align-self:auto;",
-  "self-start": "align-self:flex-start;",
-  "self-end": "align-self:flex-end;",
-  "self-center": "align-self:center;",
-  "self-stretch": "align-self:stretch;",
-  "flex-1": "flex:1 1 0%;",
-  "flex-auto": "flex:1 1 auto;",
-  "flex-initial": "flex:0 1 auto;",
-  "flex-none": "flex:0 0 auto;",
-  "flex-col": "flex-direction:column;",
-  "flex-row": "flex-direction:row;",
-  grow: "flex-grow:1;",
-  shrink: "flex-shrink:1;",
-  "grow-0": "flex-grow:0;",
-  "shrink-0": "flex-shrink:0;",
-  /* Font Family */
-  "font-sans": "font-family:var(--font-sans, ui-sans-serif,system-ui,sans-serif);",
-  "font-serif": "font-family:var(--font-serif, ui-serif,Georgia,serif);",
-  "font-mono": "font-family:var(--font-mono, ui-monospace,SFMono-Regular,monospace);",
-  /* Line Clamp (for webkit) */
-  "line-clamp-1": "display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;",
-  "line-clamp-2": "display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;",
-  "line-clamp-3": "display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;",
-  "line-clamp-4": "display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;",
-  /* Transitions */
-  transition: "transition-property:all;transition-duration:150ms;transition-timing-function:ease-in-out;",
-  "transition-all": "transition-property:all;",
-  "transition-colors": "transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;",
-  "transition-shadow": "transition-property:box-shadow;",
-  "transition-opacity": "transition-property:opacity;",
-  "transition-transform": "transition-property:transform;",
-  "transition-none": "transition-property:none;",
-  /* Cursor */
-  "cursor-auto": "cursor:auto;",
-  "cursor-default": "cursor:default;",
-  "cursor-pointer": "cursor:pointer;",
-  "cursor-wait": "cursor:wait;",
-  "cursor-text": "cursor:text;",
-  "cursor-move": "cursor:move;",
-  "cursor-help": "cursor:help;",
-  "cursor-not-allowed": "cursor:not-allowed;",
-  /* Z-index */
-  "z-0": "z-index:0;",
-  "z-10": "z-index:10;",
-  "z-20": "z-index:20;",
-  "z-30": "z-index:30;",
-  "z-40": "z-index:40;",
-  "z-50": "z-index:50;"
-}, Ze = {
+}, Ge = {
   m: ["margin"],
   mx: ["margin-inline"],
   my: ["margin-block"],
@@ -2082,35 +1913,377 @@ const Mt = Pt`
   gap: ["gap"],
   "gap-x": ["column-gap"],
   "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];
-    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);
+}, zt = () => {
+  const e = {};
+  e["@container"] = "container-type:inline-size;", [
+    "block",
+    "inline",
+    "inline-block",
+    "flex",
+    "inline-flex",
+    "grid",
+    "inline-grid",
+    "table",
+    "table-cell",
+    "table-row",
+    "hidden"
+  ].forEach((a) => {
+    e[a] = a === "hidden" ? "display:none;" : `display:${a};`;
+  }), ["absolute", "relative", "fixed", "sticky", "static"].forEach((a) => {
+    e[a] = `position:${a};`;
+  }), Object.assign(e, {
+    "items-center": "align-items:center;",
+    "items-start": "align-items:flex-start;",
+    "items-end": "align-items:flex-end;",
+    "items-baseline": "align-items:baseline;",
+    "items-stretch": "align-items:stretch;",
+    "justify-center": "justify-content:center;",
+    "justify-start": "justify-content:flex-start;",
+    "justify-between": "justify-content:space-between;",
+    "justify-around": "justify-content:space-around;",
+    "justify-evenly": "justify-content:space-evenly;",
+    "justify-end": "justify-content:flex-end;",
+    "flex-wrap": "flex-wrap:wrap;",
+    "flex-nowrap": "flex-wrap:nowrap;",
+    "flex-wrap-reverse": "flex-wrap:wrap-reverse;",
+    "content-center": "align-content:center;",
+    "content-start": "align-content:flex-start;",
+    "content-end": "align-content:flex-end;",
+    "content-between": "align-content:space-between;",
+    "content-around": "align-content:space-around;",
+    "content-evenly": "align-content:space-evenly;",
+    "content-stretch": "align-content:stretch;",
+    "self-auto": "align-self:auto;",
+    "self-start": "align-self:flex-start;",
+    "self-end": "align-self:flex-end;",
+    "self-center": "align-self:center;",
+    "self-stretch": "align-self:stretch;",
+    "flex-col": "flex-direction:column;",
+    "flex-row": "flex-direction:row;",
+    "flex-col-reverse": "flex-direction:column-reverse;",
+    "flex-row-reverse": "flex-direction:row-reverse;",
+    "flex-1": "flex:1 1 0%;",
+    "flex-auto": "flex:1 1 auto;",
+    "flex-initial": "flex:0 1 auto;",
+    "flex-none": "flex:0 0 auto;",
+    grow: "flex-grow:1;",
+    shrink: "flex-shrink:1;",
+    "grow-0": "flex-grow:0;",
+    "shrink-0": "flex-shrink:0;"
+  });
+  for (let a = 1; a <= 12; a++)
+    e[`grid-cols-${a}`] = `grid-template-columns:repeat(${a},minmax(0,1fr));`, e[`grid-rows-${a}`] = `grid-template-rows:repeat(${a},minmax(0,1fr));`, e[`col-span-${a}`] = `grid-column:span ${a} / span ${a};`, e[`row-span-${a}`] = `grid-row:span ${a} / span ${a};`, e[`col-start-${a}`] = `grid-column-start:${a};`, e[`col-end-${a}`] = `grid-column-end:${a};`, e[`row-start-${a}`] = `grid-row-start:${a};`, e[`row-end-${a}`] = `grid-row-end:${a};`;
+  Object.assign(e, {
+    "grid-cols-none": "grid-template-columns:none;",
+    "grid-rows-none": "grid-template-rows:none;",
+    "col-span-full": "grid-column:1 / -1;",
+    "row-span-full": "grid-row:1 / -1;",
+    "auto-cols-auto": "grid-auto-columns:auto;",
+    "auto-cols-min": "grid-auto-columns:min-content;",
+    "auto-cols-max": "grid-auto-columns:max-content;",
+    "auto-cols-fr": "grid-auto-columns:1fr;",
+    "auto-rows-auto": "grid-auto-rows:auto;",
+    "auto-rows-min": "grid-auto-rows:min-content;",
+    "auto-rows-max": "grid-auto-rows:max-content;",
+    "auto-rows-fr": "grid-auto-rows:1fr;",
+    "grid-flow-row": "grid-auto-flow:row;",
+    "grid-flow-col": "grid-auto-flow:column;",
+    "grid-flow-row-dense": "grid-auto-flow:row dense;",
+    "grid-flow-col-dense": "grid-auto-flow:column dense;"
+  }), Object.assign(e, {
+    "text-left": "text-align:left;",
+    "text-center": "text-align:center;",
+    "text-right": "text-align:right;",
+    "text-justify": "text-align:justify;",
+    "font-thin": "font-weight:100;",
+    "font-extralight": "font-weight:200;",
+    "font-light": "font-weight:300;",
+    "font-normal": "font-weight:400;",
+    "font-medium": "font-weight:500;",
+    "font-semibold": "font-weight:600;",
+    "font-bold": "font-weight:700;",
+    "font-extrabold": "font-weight:800;",
+    "font-black": "font-weight:900;",
+    italic: "font-style:italic;",
+    "not-italic": "font-style:normal;",
+    uppercase: "text-transform:uppercase;",
+    lowercase: "text-transform:lowercase;",
+    capitalize: "text-transform:capitalize;",
+    "normal-case": "text-transform:none;",
+    underline: "text-decoration-line:underline;",
+    overline: "text-decoration-line:overline;",
+    "line-through": "text-decoration-line:line-through;",
+    "no-underline": "text-decoration-line:none;",
+    truncate: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;",
+    "whitespace-normal": "white-space:normal;",
+    "whitespace-nowrap": "white-space:nowrap;",
+    "whitespace-pre": "white-space:pre;",
+    "whitespace-pre-line": "white-space:pre-line;",
+    "whitespace-pre-wrap": "white-space:pre-wrap;",
+    "break-normal": "overflow-wrap:normal;word-break:normal;",
+    "break-words": "overflow-wrap:break-word;",
+    "break-all": "word-break:break-all;"
+  }), [
+    ["text-xs", "0.75rem", "1"],
+    ["text-sm", "0.875rem", "1.25"],
+    ["text-base", "1rem", "1.5"],
+    ["text-lg", "1.125rem", "1.75"],
+    ["text-xl", "1.25rem", "1.75"],
+    ["text-2xl", "1.5rem", "2"],
+    ["text-3xl", "1.875rem", "2.25"],
+    ["text-4xl", "2.25rem", "2.5"],
+    ["text-5xl", "3rem", "1"],
+    ["text-6xl", "3.75rem", "1"],
+    ["text-7xl", "4.5rem", "1"],
+    ["text-8xl", "6rem", "1"],
+    ["text-9xl", "8rem", "1"]
+  ].forEach(([a, p, h]) => {
+    e[a] = `font-size:${p};line-height:${h};`;
+  }), [
+    ["tracking-tighter", "-0.05em"],
+    ["tracking-tight", "-0.025em"],
+    ["tracking-normal", "0em"],
+    ["tracking-wide", "0.025em"],
+    ["tracking-wider", "0.05em"],
+    ["tracking-widest", "0.1em"]
+  ].forEach(([a, p]) => {
+    e[a] = `letter-spacing:${p};`;
+  }), [
+    ["leading-3", "0.75rem"],
+    ["leading-4", "1rem"],
+    ["leading-5", "1.25rem"],
+    ["leading-6", "1.5rem"],
+    ["leading-7", "1.75rem"],
+    ["leading-8", "2rem"],
+    ["leading-9", "2.25rem"],
+    ["leading-10", "2.5rem"],
+    ["leading-none", "1"],
+    ["leading-tight", "1.25"],
+    ["leading-snug", "1.375"],
+    ["leading-normal", "1.5"],
+    ["leading-relaxed", "1.625"],
+    ["leading-loose", "2"]
+  ].forEach(([a, p]) => {
+    e[a] = `line-height:${p};`;
+  }), Object.assign(e, {
+    "font-sans": "font-family:var(--font-sans, ui-sans-serif,system-ui,sans-serif);",
+    "font-serif": "font-family:var(--font-serif, ui-serif,Georgia,serif);",
+    "font-mono": "font-family:var(--font-mono, ui-monospace,SFMono-Regular,monospace);"
+  }), [0, 1, 2, 4, 6, 8].forEach((a) => {
+    const p = `${a}px`;
+    e[`border-${a}`] = `border-width:${p};`, e[`border-t-${a}`] = `border-top-width:${p};`, e[`border-r-${a}`] = `border-right-width:${p};`, e[`border-b-${a}`] = `border-bottom-width:${p};`, e[`border-l-${a}`] = `border-left-width:${p};`, e[`border-x-${a}`] = `border-left-width:${p};border-right-width:${p};`, e[`border-y-${a}`] = `border-top-width:${p};border-bottom-width:${p};`;
+  }), 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;", Object.assign(e, {
+    "border-solid": "border-style:solid;",
+    "border-dashed": "border-style:dashed;",
+    "border-dotted": "border-style:dotted;",
+    "border-double": "border-style:double;",
+    "border-none": "border-style:none;"
+  }), Object.entries({
+    none: 0,
+    xs: 2,
+    sm: 4,
+    md: 6,
+    lg: 8,
+    xl: 12,
+    "2xl": 16,
+    "3xl": 24,
+    "4xl": 32,
+    full: 9999
+  }).forEach(([a, p]) => {
+    const h = p === 9999 ? "9999px" : `${p / 16}rem`;
+    e[`rounded-${a}`] = `border-radius:${h};`, e[`rounded-t-${a}`] = `border-top-left-radius:${h};border-top-right-radius:${h};`, e[`rounded-r-${a}`] = `border-top-right-radius:${h};border-bottom-right-radius:${h};`, e[`rounded-b-${a}`] = `border-bottom-left-radius:${h};border-bottom-right-radius:${h};`, e[`rounded-l-${a}`] = `border-top-left-radius:${h};border-bottom-left-radius:${h};`, e[`rounded-tl-${a}`] = `border-top-left-radius:${h};`, e[`rounded-tr-${a}`] = `border-top-right-radius:${h};`, e[`rounded-br-${a}`] = `border-bottom-right-radius:${h};`, e[`rounded-bl-${a}`] = `border-bottom-left-radius:${h};`;
+  }), Object.assign(e, {
+    "shadow-none": "--ce-shadow-color:rgb(0 0 0 / 0);box-shadow:0 0 var(--ce-shadow-color, #0000);",
+    "shadow-xs": "--ce-shadow-color:rgb(0 0 0 / 0.05);box-shadow:0 1px 2px 0 var(--ce-shadow-color, rgb(0 0 0 / 0.05));",
+    "shadow-sm": "--ce-shadow-color:rgb(0 0 0 / 0.1);box-shadow:0 1px 3px 0 var(--ce-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--ce-shadow-color, rgb(0 0 0 / 0.1));",
+    shadow: "--ce-shadow-color:rgb(0 0 0 / 0.1);box-shadow:0 1px 3px 0 var(--ce-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--ce-shadow-color, rgb(0 0 0 / 0.1));",
+    "shadow-md": "--ce-shadow-color:rgb(0 0 0 / 0.1);box-shadow:0 4px 6px -1px var(--ce-shadow-color, rgb(0 0 0 / 0.1)),0 2px 4px -2px var(--ce-shadow-color, rgb(0 0 0 / 0.1));",
+    "shadow-lg": "--ce-shadow-color:rgb(0 0 0 / 0.1);box-shadow:0 10px 15px -3px var(--ce-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--ce-shadow-color, rgb(0 0 0 / 0.1));",
+    "shadow-xl": "--ce-shadow-color:rgb(0 0 0 / 0.1);box-shadow:0 20px 25px -5px var(--ce-shadow-color, rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--ce-shadow-color, rgb(0 0 0 / 0.1));",
+    "shadow-2xl": "--ce-shadow-color:rgb(0 0 0 / 0.25);box-shadow:0 25px 50px -12px var(--ce-shadow-color, rgb(0 0 0 / 0.25));",
+    "shadow-inner": "box-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);"
+  }), Object.assign(e, {
+    rounded: "border-radius:0.25rem;",
+    shadow: "--ce-shadow-color:rgb(0 0 0 / 0.1);box-shadow:0 1px 3px 0 var(--ce-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--ce-shadow-color, rgb(0 0 0 / 0.1));"
+  }), Object.assign(e, {
+    "overflow-auto": "overflow:auto;",
+    "overflow-hidden": "overflow:hidden;",
+    "overflow-visible": "overflow:visible;",
+    "overflow-scroll": "overflow: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;",
+    "overflow-y-auto": "overflow-y:auto;",
+    "overflow-y-hidden": "overflow-y:hidden;",
+    "overflow-y-visible": "overflow-y:visible;",
+    "overflow-y-scroll": "overflow-y:scroll;"
+  }), Object.assign(e, {
+    "sr-only": "position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;",
+    "not-sr-only": "position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;"
+  }), Object.assign(e, {
+    "pointer-events-none": "pointer-events:none;",
+    "pointer-events-auto": "pointer-events:auto;"
+  }), [
+    "auto",
+    "default",
+    "pointer",
+    "wait",
+    "text",
+    "move",
+    "help",
+    "not-allowed",
+    "grab",
+    "grabbing"
+  ].forEach((a) => {
+    e[`cursor-${a}`] = `cursor:${a};`;
+  }), [0, 10, 20, 30, 40, 50].forEach((a) => {
+    e[`z-${a}`] = `z-index:${a};`;
+  }), Object.assign(e, {
+    visible: "visibility:visible;",
+    invisible: "visibility:hidden;"
+  }), Object.assign(e, {
+    "w-full": "width:100%;",
+    "w-screen": "width:100dvw;",
+    "h-full": "height:100%;",
+    "h-screen": "height:100dvh;",
+    "max-w-full": "max-width:100%;",
+    "max-h-full": "max-height:100%;",
+    "max-w-screen": "max-width:100dvw;",
+    "max-h-screen": "max-height:100dvh;",
+    "min-w-0": "min-width:0;",
+    "min-h-0": "min-height:0;",
+    "min-w-full": "min-width:100%;",
+    "min-h-full": "min-height:100%;",
+    "min-w-screen": "min-width:100dvw;",
+    "min-h-screen": "min-height:100dvh;",
+    "w-auto": "width:auto;",
+    "h-auto": "height:auto;",
+    "w-fit": "width:fit-content;",
+    "h-fit": "height:fit-content;",
+    "w-min": "width:min-content;",
+    "h-min": "height:min-content;",
+    "w-max": "width:max-content;",
+    "h-max": "height:max-content;"
+  }), Object.assign(e, {
+    "m-auto": "margin:auto;",
+    "mx-auto": "margin-inline:auto;",
+    "my-auto": "margin-block:auto;"
+  }), Object.entries(Ht).forEach(([a, p]) => {
+    e[`max-w-${a}`] = `max-width:calc(${le} * ${p});`, e[`min-w-${a}`] = `min-width:calc(${le} * ${p});`, e[`w-${a}`] = `width:calc(${le} * ${p});`, e[`max-h-${a}`] = `max-height:calc(${le} * ${p});`, e[`min-h-${a}`] = `min-height:calc(${le} * ${p});`, e[`h-${a}`] = `height:calc(${le} * ${p});`;
+  }), Object.assign(e, {
+    transition: "transition-property:all;transition-duration:150ms;transition-timing-function:ease-in-out;",
+    "transition-none": "transition-property:none;",
+    "transition-all": "transition-property:all;",
+    "transition-colors": "transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;",
+    "transition-shadow": "transition-property:box-shadow;",
+    "transition-opacity": "transition-property:opacity;",
+    "transition-transform": "transition-property:transform;",
+    "ease-linear": "transition-timing-function:linear;",
+    "ease-in": "transition-timing-function:ease-in;",
+    "ease-out": "transition-timing-function:ease-out;",
+    "ease-in-out": "transition-timing-function:ease-in-out;",
+    "duration-75": "transition-duration:75ms;",
+    "duration-100": "transition-duration:100ms;",
+    "duration-150": "transition-duration:150ms;",
+    "duration-200": "transition-duration:200ms;",
+    "duration-300": "transition-duration:300ms;",
+    "duration-500": "transition-duration:500ms;",
+    "duration-700": "transition-duration:700ms;",
+    "duration-1000": "transition-duration:1000ms;"
+  }), Object.assign(e, {
+    "scale-0": "transform:scale(0);",
+    "scale-50": "transform:scale(0.5);",
+    "scale-75": "transform:scale(0.75);",
+    "scale-90": "transform:scale(0.9);",
+    "scale-95": "transform:scale(0.95);",
+    "scale-100": "transform:scale(1);",
+    "scale-105": "transform:scale(1.05);",
+    "scale-110": "transform:scale(1.1);",
+    "scale-125": "transform:scale(1.25);",
+    "scale-150": "transform:scale(1.5);",
+    "rotate-0": "transform:rotate(0deg);",
+    "rotate-1": "transform:rotate(1deg);",
+    "rotate-2": "transform:rotate(2deg);",
+    "rotate-3": "transform:rotate(3deg);",
+    "rotate-6": "transform:rotate(6deg);",
+    "rotate-12": "transform:rotate(12deg);",
+    "rotate-45": "transform:rotate(45deg);",
+    "rotate-90": "transform:rotate(90deg);",
+    "rotate-180": "transform:rotate(180deg);",
+    "-rotate-1": "transform:rotate(-1deg);",
+    "-rotate-2": "transform:rotate(-2deg);",
+    "-rotate-3": "transform:rotate(-3deg);",
+    "-rotate-6": "transform:rotate(-6deg);",
+    "-rotate-12": "transform:rotate(-12deg);",
+    "-rotate-45": "transform:rotate(-45deg);",
+    "-rotate-90": "transform:rotate(-90deg);",
+    "-rotate-180": "transform:rotate(-180deg);"
+  }), Object.assign(e, {
+    "aspect-auto": "aspect-ratio:auto;",
+    "aspect-square": "aspect-ratio:1 / 1;",
+    "aspect-video": "aspect-ratio:16 / 9;"
+  }), Object.assign(e, {
+    "object-contain": "object-fit:contain;",
+    "object-cover": "object-fit:cover;",
+    "object-fill": "object-fit:fill;",
+    "object-none": "object-fit:none;",
+    "object-scale-down": "object-fit:scale-down;",
+    "object-bottom": "object-position:bottom;",
+    "object-center": "object-position:center;",
+    "object-left": "object-position:left;",
+    "object-left-bottom": "object-position:left bottom;",
+    "object-left-top": "object-position:left top;",
+    "object-right": "object-position:right;",
+    "object-right-bottom": "object-position:right bottom;",
+    "object-right-top": "object-position:right top;",
+    "object-top": "object-position:top;"
+  });
+  for (let a = 1; a <= 6; a++)
+    e[`line-clamp-${a}`] = `display:-webkit-box;-webkit-line-clamp:${a};-webkit-box-orient:vertical;overflow:hidden;`;
+  e["line-clamp-none"] = "overflow:visible;display:block;-webkit-box-orient:horizontal;-webkit-line-clamp:none;";
+  for (let a = 1; a <= 12; a++)
+    e[`order-${a}`] = `order:${a};`;
+  e["order-first"] = "order:-9999;", e["order-last"] = "order:9999;", e["order-none"] = "order:0;";
+  for (let a = 0; a <= 12; a++)
+    a <= 1 || (e[`grow-${a}`] = `flex-grow:${a};`, e[`shrink-${a}`] = `flex-shrink:${a};`);
+  return Object.assign(e, {
+    "bg-gradient-to-t": "background-image:linear-gradient(to top, var(--tw-gradient-stops));",
+    "bg-gradient-to-tr": "background-image:linear-gradient(to top right, var(--tw-gradient-stops));",
+    "bg-gradient-to-r": "background-image:linear-gradient(to right, var(--tw-gradient-stops));",
+    "bg-gradient-to-br": "background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));",
+    "bg-gradient-to-b": "background-image:linear-gradient(to bottom, var(--tw-gradient-stops));",
+    "bg-gradient-to-bl": "background-image:linear-gradient(to bottom left, var(--tw-gradient-stops));",
+    "bg-gradient-to-l": "background-image:linear-gradient(to left, var(--tw-gradient-stops));",
+    "bg-gradient-to-tl": "background-image:linear-gradient(to top left, var(--tw-gradient-stops));"
+  }), e;
+}, Me = zt();
+function J(e, t) {
+  let r = 0;
+  for (let n = 0; n < e.length; n++) {
+    const i = e[n];
+    if (i === "[" || i === "(") r++;
+    else if ((i === "]" || i === ")") && r > 0) r--;
+    else if (r === 0 && (i === ">" || i === "+" || i === "~" || i === " "))
+      return e.slice(0, n) + t + e.slice(n);
   }
   return e + t;
 }
 const Bt = {
   before: (e, t) => `${e}::before{${t}}`,
   after: (e, t) => `${e}::after{${t}}`,
-  hover: (e, t) => `${G(e, ":hover")}{${t}}`,
-  focus: (e, t) => `${G(e, ":focus")}{${t}}`,
-  active: (e, t) => `${G(e, ":active")}{${t}}`,
-  disabled: (e, t) => `${G(e, ":disabled")}{${t}}`,
-  visited: (e, t) => `${G(e, ":visited")}{${t}}`,
-  checked: (e, t) => `${G(e, ":checked")}{${t}}`,
-  first: (e, t) => `${G(e, ":first-child")}{${t}}`,
-  last: (e, t) => `${G(e, ":last-child")}{${t}}`,
-  odd: (e, t) => `${G(e, ":nth-child(odd)")}{${t}}`,
-  even: (e, t) => `${G(e, ":nth-child(even)")}{${t}}`,
-  "focus-within": (e, t) => `${G(e, ":focus-within")}{${t}}`,
-  "focus-visible": (e, t) => `${G(e, ":focus-visible")}{${t}}`,
+  hover: (e, t) => `${J(e, ":hover")}{${t}}`,
+  focus: (e, t) => `${J(e, ":focus")}{${t}}`,
+  active: (e, t) => `${J(e, ":active")}{${t}}`,
+  disabled: (e, t) => `${J(e, ":disabled")}{${t}}`,
+  visited: (e, t) => `${J(e, ":visited")}{${t}}`,
+  checked: (e, t) => `${J(e, ":checked")}{${t}}`,
+  first: (e, t) => `${J(e, ":first-child")}{${t}}`,
+  last: (e, t) => `${J(e, ":last-child")}{${t}}`,
+  odd: (e, t) => `${J(e, ":nth-child(odd)")}{${t}}`,
+  even: (e, t) => `${J(e, ":nth-child(even)")}{${t}}`,
+  "focus-within": (e, t) => `${J(e, ":focus-within")}{${t}}`,
+  "focus-visible": (e, t) => `${J(e, ":focus-visible")}{${t}}`,
   "group-hover": (e, t) => `.group:hover ${e}{${t}}`,
   "group-focus": (e, t) => `.group:focus ${e}{${t}}`,
   "group-active": (e, t) => `.group:active ${e}{${t}}`,
@@ -2119,148 +2292,183 @@ const Bt = {
   "peer-focus": (e, t) => `.peer:focus ~ ${e}{${t}}`,
   "peer-checked": (e, t) => `.peer:checked ~ ${e}{${t}}`,
   "peer-disabled": (e, t) => `.peer:disabled ~ ${e}{${t}}`
-}, Me = {
-  // Responsive
+}, Xe = {
   sm: "(min-width:640px)",
   md: "(min-width:768px)",
   lg: "(min-width:1024px)",
   xl: "(min-width:1280px)",
   "2xl": "(min-width:1536px)",
-  // Dark mode (now plain string)
   dark: "(prefers-color-scheme: dark)"
-}, je = ["sm", "md", "lg", "xl", "2xl"];
-function We(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;
+}, Ut = {
+  xs: "(min-width:20rem)",
+  sm: "(min-width:24rem)",
+  md: "(min-width:28rem)",
+  lg: "(min-width:32rem)",
+  xl: "(min-width:36rem)",
+  "2xl": "(min-width:42rem)",
+  "3xl": "(min-width:48rem)",
+  "4xl": "(min-width:56rem)",
+  "5xl": "(min-width:64rem)",
+  "6xl": "(min-width:72rem)",
+  "7xl": "(min-width:80rem)"
+}, We = ["sm", "md", "lg", "xl", "2xl"], De = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl",
+  "2xl",
+  "3xl",
+  "4xl",
+  "5xl",
+  "6xl",
+  "7xl"
+];
+function Ie(e) {
+  const t = e.startsWith("-"), r = t ? e.slice(1) : e, n = r.lastIndexOf("-");
+  if (n === -1) return null;
+  const i = r.slice(0, n), s = r.slice(n + 1), o = parseFloat(s);
+  if (Number.isNaN(o) || !Ge[i]) return null;
   const c = t ? "-" : "";
-  return Ze[i].map((u) => `${u}:calc(${c}${ce} * ${o});`).join("");
+  return Ge[i].map((a) => `${a}:calc(${c}${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}`;
+function Qe(e) {
+  const t = e.replace("#", ""), r = parseInt(t, 16);
+  return `${r >> 16 & 255} ${r >> 8 & 255} ${r & 255}`;
 }
-function Ut(e) {
-  const t = /^(bg|text|border|decoration|shadow|outline|caret|accent|fill|stroke)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/.exec(e);
+const qt = /^(bg|text|border|decoration|shadow|outline|caret|accent|fill|stroke)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/, Ft = {
+  bg: "background-color",
+  decoration: "text-decoration-color",
+  text: "color",
+  border: "border-color",
+  outline: "outline-color",
+  caret: "caret-color",
+  accent: "accent-color",
+  fill: "fill",
+  stroke: "stroke"
+};
+function Kt(e) {
+  const t = qt.exec(e);
   if (!t) return null;
-  const [, r, n, i = "DEFAULT"] = t, s = Wt[n]?.[i];
+  const [, r, n, i = "DEFAULT"] = t, s = dt[n]?.[i];
   if (!s) return null;
   if (r === "shadow") return `--ce-shadow-color:${s};`;
-  const c = {
-    bg: "background-color",
-    decoration: "text-decoration-color",
-    text: "color",
-    border: "border-color",
-    outline: "outline-color",
-    caret: "caret-color",
-    accent: "accent-color",
-    fill: "fill",
-    stroke: "stroke"
-  }[r];
-  return c ? `${c}:${s};` : null;
-}
-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 o = Ft[r];
+  return o ? `${o}:${s};` : null;
+}
+function Vt(e) {
+  const t = e.indexOf("/");
+  if (t === -1) return { base: e };
+  const r = e.slice(0, t), n = e.slice(t + 1), i = parseInt(n, 10);
+  return isNaN(i) || i < 0 || i > 100 ? { base: r } : { base: r, opacity: i / 100 };
 }
 function Ne(e) {
-  const { base: t, opacity: r } = qt(e), n = Ut(t);
-  if (n) {
-    if (r !== void 0) {
-      const s = /#([0-9a-f]{6})/i.exec(n);
-      if (s) {
-        const o = Ge(s[0]);
-        return n.replace(/#([0-9a-f]{6})/i, `rgb(${o} / ${r})`);
-      }
+  const { base: t, opacity: r } = Vt(e), n = Kt(t);
+  if (n && r !== void 0) {
+    const s = /#([0-9a-f]{6})/i.exec(n);
+    if (s) {
+      const o = Qe(s[0]);
+      return n.replace(/#([0-9a-f]{6})/i, `rgb(${o} / ${r})`);
     }
-    return n;
   }
-  const i = Se(t);
+  if (n) return n;
+  const i = je(t);
   if (i && r !== void 0) {
     const s = /#([0-9a-f]{6})/i.exec(i);
     if (s) {
-      const o = Ge(s[0]);
-      return i.replace(/#([0-9a-f]{6})/i, `rgb(${o} / ${r})`);
+      const o = Qe(s[0]);
+      return i.replace(
+        /#([0-9a-f]{6})/i,
+        `rgb(${o} / ${r})`
+      );
     }
   }
   return i;
 }
-function ze(e) {
+function Ye(e) {
+  const t = /^(from|to|via)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/.exec(e);
+  if (!t) return null;
+  const [, r, n, i = "DEFAULT"] = t, s = dt[n]?.[i];
+  if (!s) return null;
+  switch (r) {
+    case "from":
+      return `--tw-gradient-from:${s} var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);`;
+    case "to":
+      return `--tw-gradient-to:${s} var(--tw-gradient-to-position);`;
+    case "via":
+      return `--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), ${s} var(--tw-gradient-via-position), var(--tw-gradient-to);`;
+    default:
+      return null;
+  }
+}
+function He(e) {
   const t = /^opacity-(\d{1,3})$/.exec(e);
   if (!t) return null;
   const r = parseInt(t[1], 10);
   return r < 0 || r > 100 ? null : `opacity:${r / 100};`;
 }
-function Se(e) {
+function je(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();
-      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 s = {
-      bg: "background-color",
-      text: "color",
-      shadow: "box-shadow",
-      p: "padding",
-      px: "padding-inline",
-      py: "padding-block",
-      m: "margin",
-      mx: "margin-inline",
-      my: "margin-block",
-      w: "width",
-      h: "height",
-      "min-w": "min-width",
-      "max-w": "max-width",
-      "min-h": "min-height",
-      "max-h": "max-height",
-      "border-t": "border-top-width",
-      "border-b": "border-bottom-width",
-      "border-l": "border-left-width",
-      "border-r": "border-right-width",
-      "border-x": "border-inline-width",
-      "border-y": "border-block-width",
-      "grid-cols": "grid-template-columns",
-      "grid-rows": "grid-template-rows",
-      transition: "transition-property",
-      ease: "transition-timing-function",
-      delay: "transition-delay",
-      duration: "transition-duration",
-      list: "list-style",
-      break: "word-break",
-      flex: "flex-direction",
-      items: "align-items",
-      justify: "justify-content",
-      whitespace: "white-space",
-      select: "user-select",
-      content: "align-content",
-      self: "align-self",
-      basis: "flex-basis",
-      tracking: "letter-spacing",
-      scroll: "scroll-behavior",
-      weight: "font-weight",
-      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};`;
+    const o = e.slice(1, -1).trim(), c = o.indexOf(":");
+    if (c === -1) return null;
+    const a = o.slice(0, c).trim();
+    let p = o.slice(c + 1).trim();
+    return /^[a-zA-Z][a-zA-Z0-9-]*$/.test(a) ? (p = p.replace(/url\('\s*([^']*?)\s*'\)/g, 'url("$1")'), p = p.replace(/^'([^']*)'$/g, '"$1"'), `${a}:${p};`) : null;
   }
-  return null;
+  const t = e.indexOf("-[");
+  if (t <= 0 || !e.endsWith("]")) return null;
+  const r = e.slice(0, t);
+  let n = e.slice(t + 2, -1).replace(/_/g, " ");
+  const i = {
+    bg: "background-color",
+    shadow: "box-shadow",
+    p: "padding",
+    px: "padding-inline",
+    py: "padding-block",
+    m: "margin",
+    mx: "margin-inline",
+    my: "margin-block",
+    w: "width",
+    h: "height",
+    "min-w": "min-width",
+    "max-w": "max-width",
+    "min-h": "min-height",
+    "max-h": "max-height",
+    "border-t": "border-top-width",
+    "border-b": "border-bottom-width",
+    "border-l": "border-left-width",
+    "border-r": "border-right-width",
+    "border-x": "border-inline-width",
+    "border-y": "border-block-width",
+    "grid-cols": "grid-template-columns",
+    "grid-rows": "grid-template-rows",
+    transition: "transition-property",
+    ease: "transition-timing-function",
+    delay: "transition-delay",
+    duration: "transition-duration",
+    list: "list-style",
+    break: "word-break",
+    flex: "flex-direction",
+    items: "align-items",
+    justify: "justify-content",
+    content: "align-content",
+    self: "align-self",
+    basis: "flex-basis",
+    tracking: "letter-spacing",
+    leading: "line-height",
+    z: "z-index",
+    opacity: "opacity"
+  };
+  if (r === "text")
+    return /^\d*\.?\d+(px|rem|em|%|vh|vw|ch|ex)$/.test(n) ? `font-size:${n};` : `color:${n};`;
+  if (r === "rotate") return `transform:rotate(${n});`;
+  if (r === "scale") return `transform:scale(${n});`;
+  if (r === "translate-x") return `transform:translateX(${n});`;
+  if (r === "translate-y") return `transform:translateY(${n});`;
+  const s = i[r] ?? r.replace(/_/g, "-");
+  return s && n ? `${s}:${n};` : null;
 }
-function Ft(e) {
+function Jt(e) {
   if (e.startsWith("[") && e.endsWith("]")) {
     const r = e.slice(1, -1);
     return r.includes("&") ? r : e;
@@ -2272,190 +2480,207 @@ function Ft(e) {
   }
   return null;
 }
-function Kt(e) {
+function Zt(e) {
   return e.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1");
 }
-function Vt(e) {
+function Gt(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);
   }
-  return r.filter(Boolean);
+  return r;
 }
-const Xe = /* @__PURE__ */ new Map(), Jt = 16;
-function Zt(e) {
-  const t = Date.now(), r = Xe.get(e);
-  if (r && t - r.timestamp < Jt) return r.css;
-  const n = Vt(e), i = new Set(n), s = [], o = [], c = [], u = [], m = {};
-  function g(w, a = !1) {
-    const l = (a ? "dark|" : "") + w;
-    if (l in m) return m[l];
-    const y = h(w, a);
-    return m[l] = y, y;
-  }
-  function b(w) {
-    const a = w.some((y) => je.includes(y)), l = w.includes("dark");
-    return w.length === 0 ? 1 : !a && !l ? 2 : a && !l ? 3 : 4;
-  }
-  function p(w) {
-    const a = [];
-    let l = "", y = 0, $ = 0;
-    for (let k = 0; k < w.length; k++) {
-      const d = w[k];
-      d === "[" ? y++ : d === "]" && y > 0 ? y-- : d === "(" ? $++ : d === ")" && $ > 0 && $--, d === ":" && y === 0 && $ === 0 ? (a.push(l), l = "") : l += d;
-    }
-    return l && a.push(l), a;
-  }
-  function f(w) {
-    switch (w) {
-      case "hover":
-        return ":hover";
-      case "focus":
-        return ":focus";
-      case "active":
-        return ":active";
-      case "visited":
-        return ":visited";
-      case "disabled":
-        return ":disabled";
-      case "checked":
-        return ":checked";
-      case "first":
-        return ":first-child";
-      case "last":
-        return ":last-child";
-      case "odd":
-        return ":nth-child(odd)";
-      case "even":
-        return ":nth-child(even)";
-      case "focus-within":
-        return ":focus-within";
-      case "focus-visible":
-        return ":focus-visible";
-      default:
-        return null;
-    }
-  }
-  function h(w, a = !1) {
-    const l = p(w);
-    let y = !1;
-    const $ = l.find((_) => (_.startsWith("!") && (y = !0, _ = _.slice(1)), Le[_] || We(_) || ze(_) || Ne(_) || Se(_)));
-    if (!$) return null;
-    const k = $.replace(/^!/, ""), d = Le[k] ?? We(k) ?? ze(k) ?? Ne(k) ?? Se(k);
-    if (!d) return null;
-    const x = l.indexOf($);
-    let A = x >= 0 ? l.slice(0, x) : [];
-    a && (A = A.filter((_) => _ !== "dark"));
-    const C = `.${Kt(w)}`, E = "__SUBJECT__", T = y ? d.replace(/;$/, " !important;") : d;
-    let R = E;
-    const S = [];
-    for (const _ of A)
-      _.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 _ of A) {
-      if (_ === "dark" || je.includes(_)) continue;
-      const U = Ft(_);
-      if (U) {
-        V = U;
+const ge = /* @__PURE__ */ new Map(), Xt = 16, et = 1e3;
+function Qt(e) {
+  const t = Date.now(), r = ge.get(e);
+  if (r && t - r.timestamp < Xt) return r.css;
+  const n = Gt(e);
+  if (!n.length) return "";
+  const i = new Set(n), s = [[], [], [], []], o = {}, c = (u, f = !1) => {
+    const y = f ? `dark|${u}` : u;
+    if (y in o) return o[y];
+    const x = b(u, f);
+    return o[y] = x, x;
+  }, a = (u) => {
+    const f = u.some((l) => We.includes(l)), y = u.some(
+      (l) => l.startsWith("@") && (De.includes(l.slice(1)) || l.match(/^@\[.+\]$/))
+    ), x = u.includes("dark");
+    return u.length ? !f && !x && !y ? 1 : x && (f || y) ? 3 : 2 : 0;
+  }, p = (u) => {
+    const f = [];
+    let y = "", x = 0;
+    for (let l = 0; l < u.length; l++) {
+      const d = u[l];
+      d === "[" || d === "(" ? x++ : (d === "]" || d === ")") && x--, d === ":" && x === 0 ? (f.push(y), y = "") : y += d;
+    }
+    return y && f.push(y), f;
+  }, h = {
+    hover: ":hover",
+    focus: ":focus",
+    active: ":active",
+    visited: ":visited",
+    disabled: ":disabled",
+    checked: ":checked",
+    first: ":first-child",
+    last: ":last-child",
+    odd: ":nth-child(odd)",
+    even: ":nth-child(even)",
+    "focus-within": ":focus-within",
+    "focus-visible": ":focus-visible"
+  }, b = (u, f = !1) => {
+    const y = p(u);
+    let x = "", l = !1;
+    for (const _ of y) {
+      let L = _;
+      if (L.startsWith("!") && (l = !0, L = L.slice(1)), Me[L] || Ie(L) || He(L) || Ne(L) || je(L)) {
+        x = _;
+        break;
+      }
+    }
+    if (!x) return null;
+    const d = x.replace(/^!/, ""), w = Me[d] ?? Ie(d) ?? He(d) ?? Ne(d) ?? Ye(d) ?? je(d);
+    if (!w) return null;
+    const k = y.indexOf(x);
+    let C = k >= 0 ? y.slice(0, k) : [];
+    f && (C = C.filter((_) => _ !== "dark"));
+    const m = `.${Zt(u)}`, $ = l ? w.replace(/;/g, " !important;") : w, S = "__SUBJECT__";
+    let v = S;
+    const A = [];
+    for (const _ of C)
+      _.startsWith("group-") ? (v = `.group:${_.slice(6)} ${v}`, A.push(_)) : _.startsWith("peer-") && (v = v.replace(
+        S,
+        `.peer:${_.slice(5)}~${S}`
+      ), A.push(_));
+    C = C.filter((_) => !A.includes(_));
+    const j = [], N = [];
+    let E = null;
+    for (const _ of C) {
+      if (_ === "dark" || We.includes(_) || _.startsWith("@") && (De.includes(_.slice(1)) || _.match(/^@\[.+\]$/)))
+        continue;
+      const L = Jt(_);
+      if (L) {
+        E = L;
         continue;
       }
-      const I = f(_);
-      if (I) {
-        V ? B.push(I) : P.push(I);
+      const M = h[_];
+      if (M) {
+        E ? N.push(M) : j.push(M);
         continue;
       }
-      const N = Bt[_];
-      typeof N == "function" && (R = N(R, T).split("{")[0]);
+      const T = Bt[_];
+      typeof T == "function" && (v = T(v, $).split("{")[0]);
     }
-    function we(_, U) {
-      if (!U) return _;
-      let I = 0, N = 0;
+    const O = j.join(""), H = N.join("");
+    function he(_, L) {
+      if (!L) return _;
+      let M = 0, T = 0;
       if (_.length && (_[0] === ">" || _[0] === "+" || _[0] === "~" || _[0] === " ")) {
-        let O = 1;
-        for (; O < _.length && _[O] === " "; ) O++;
-        for (; O < _.length; O++) {
-          const D = _[O];
-          if (D === "[" ? I++ : D === "]" && I > 0 ? I-- : D === "(" ? N++ : D === ")" && N > 0 && N--, I === 0 && N === 0 && (_[O] === ">" || _[O] === "+" || _[O] === "~" || _[O] === " "))
-            return _.slice(0, O) + U + _.slice(O);
+        let P = 1;
+        for (; P < _.length && _[P] === " "; ) P++;
+        for (; P < _.length; P++) {
+          const z = _[P];
+          if (z === "[" ? M++ : z === "]" && M > 0 ? M-- : z === "(" ? T++ : z === ")" && T > 0 && T--, M === 0 && T === 0 && (_[P] === ">" || _[P] === "+" || _[P] === "~" || _[P] === " "))
+            return _.slice(0, P) + L + _.slice(P);
         }
-        return _ + U;
+        return _ + L;
       }
-      for (let O = 0; O < _.length; O++) {
-        const D = _[O];
-        if (D === "[" ? I++ : D === "]" && I > 0 ? I-- : D === "(" ? N++ : D === ")" && N > 0 && N--, I === 0 && N === 0 && (D === ">" || D === "+" || D === "~" || D === " "))
-          return _.slice(0, O) + U + _.slice(O);
+      for (let P = 0; P < _.length; P++) {
+        const z = _[P];
+        if (z === "[" ? M++ : z === "]" && M > 0 ? M-- : z === "(" ? T++ : z === ")" && T > 0 && T--, M === 0 && T === 0 && (z === ">" || z === "+" || z === "~" || z === " "))
+          return _.slice(0, P) + L + _.slice(P);
       }
-      return _ + U;
-    }
-    const K = P.join(""), L = B.join("");
-    if (V)
-      if (V.includes("&")) {
-        const _ = V.indexOf("&"), U = V.slice(0, _), I = V.slice(_ + 1), N = E + K, O = R;
-        if (P.length === 0)
-          R = O.replace(E, U + N + L + I);
+      return _ + L;
+    }
+    if (E)
+      if (E.includes("&")) {
+        const _ = E.indexOf("&"), L = E.slice(0, _), M = E.slice(_ + 1), T = S + O;
+        if (j.length === 0)
+          v = v.replace(
+            S,
+            L + T + H + M
+          );
         else {
-          const D = we(I, L);
-          R = O.replace(E, U + N + D);
+          const P = he(M, H);
+          v = v.replace(
+            S,
+            L + T + P
+          );
         }
       } else
-        R = R.replace(E, `${V}${E + K}`), L && (R = R.replace(E, `${E}${L}`));
+        v = v.replace(
+          S,
+          `${E}${S + O}`
+        ), H && (v = v.replace(S, `${S}${H}`));
     else
-      R = E + K + L;
-    R = R.replace(new RegExp(E, "g"), C);
-    let M = `${R}{${T}}`;
-    const J = A.filter((_) => je.includes(_)), Z = J.length ? J[J.length - 1] : null, z = A.includes("dark");
-    return a && Z ? M = `@media (prefers-color-scheme: dark) and ${Me[Z]}{${M}}` : a ? M = `@media (prefers-color-scheme: dark){${M}}` : z && Z ? M = `@media (prefers-color-scheme: dark) and ${Me[Z]}{${M}}` : z ? M = `@media (prefers-color-scheme: dark){${M}}` : Z && (M = `@media ${Me[Z]}{${M}}`), M;
-  }
-  for (const w of i) {
-    const a = p(w), l = a.find(
-      (d) => Le[d] || We(d) || ze(d) || Ne(d) || Se(d)
+      v = v.replace(
+        S,
+        S + O + H
+      );
+    v = v.replace(new RegExp(S, "g"), m);
+    let G = `${v}{${$}}`;
+    const K = C.filter(
+      (_) => We.includes(_)
+    ), I = C.filter(
+      (_) => _.startsWith("@") && (De.includes(_.slice(1)) || _.match(/^@\[.+\]$/))
+    ), V = K.length ? K[K.length - 1] : null, U = I.length ? I[I.length - 1] : null, ne = C.includes("dark");
+    let R = "", X = "";
+    if (ne && V ? R = `@media (prefers-color-scheme: dark) and ${Xe[V]}` : ne ? R = "@media (prefers-color-scheme: dark)" : V && (R = `@media ${Xe[V]}`), U)
+      if (U.startsWith("@[") && U.endsWith("]")) {
+        const _ = U.slice(2, -1);
+        if (!/^-?\d*\.?\d+(px|rem|em|%|vh|vw|ch|ex|cm|mm|in|pt|pc)$/.test(_))
+          return null;
+        X = `@container (min-width:${_})`;
+      } else {
+        const _ = U.slice(1);
+        X = `@container ${Ut[_] || `(min-width:${_})`}`;
+      }
+    return R && X ? G = `${R}${X}{${G}}` : R ? G = `${R}{${G}}` : X && (G = `${X}{${G}}`), G;
+  };
+  for (const u of i) {
+    const f = p(u), y = f.find(
+      (k) => Me[k.replace(/^!/, "")] || Ie(k.replace(/^!/, "")) || He(k.replace(/^!/, "")) || Ne(k.replace(/^!/, "")) || Ye(k.replace(/^!/, "")) || je(k.replace(/^!/, ""))
     );
-    if (!l) continue;
-    const y = a.indexOf(l), $ = y >= 0 ? a.slice(0, y) : [], k = b($);
-    if (k === 4) {
-      const d = g(w, !0);
-      d && u.push(d);
-    } else {
-      const d = g(w);
-      d && (k === 1 ? s.push(d) : k === 2 ? o.push(d) : k === 3 && c.push(d));
-    }
-  }
-  const v = [...s, ...o, ...c, ...u].join("");
-  return Xe.set(e, { css: v, timestamp: t }), v;
+    if (!y) continue;
+    const x = f.indexOf(y), l = x >= 0 ? f.slice(0, x) : [], d = a(l), w = c(u);
+    w && s[d].push(w);
+  }
+  const g = s.flat().join("");
+  return ge.size >= et && Array.from(ge.keys()).slice(
+    0,
+    Math.floor(et / 2)
+  ).forEach((f) => ge.delete(f)), ge.set(e, { css: g, timestamp: t }), g;
 }
-const ge = [];
-function Gt(e, t, r, n, i, s, o, c) {
+const be = [];
+function Yt(e, t, r, n, i, s, o, c) {
   if (e) {
-    ge.push(r);
+    be.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), c(e.innerHTML);
-        }).catch((m) => {
-          s(!1), o(m);
+      const a = t.render(r);
+      if (a instanceof Promise) {
+        s(!0), a.then((p) => {
+          s(!1), o(null), tt(e, p, r, n, i), c(e.innerHTML);
+        }).catch((p) => {
+          s(!1), o(p);
         });
         return;
       }
-      Ye(e, u, r, n, i), c(e.innerHTML);
+      tt(e, a, r, n, i), c(e.innerHTML);
     } finally {
-      ge.pop();
+      be.pop();
     }
   }
 }
-function Ye(e, t, r, n, i) {
-  e && (Ot(
+function tt(e, t, r, n, i) {
+  e && (Mt(
     e,
     Array.isArray(t) ? t : [t],
     r,
     n
   ), i(e.innerHTML));
 }
-function Xt(e, t, r, n, i, s, o) {
+function er(e, t, r, n, i, s, o) {
   if (s !== null && clearTimeout(s), Date.now() - t < 16) {
     if (i(r + 1), r === 15)
       console.warn(
@@ -2477,41 +2702,41 @@ Stopping runaway component render to prevent browser freeze`
     }
   } else
     i(0);
-  const m = setTimeout(() => {
+  const p = setTimeout(() => {
     n(Date.now()), e(), o(null);
   }, r > 10 ? 100 : 0);
-  o(m);
+  o(p);
 }
-function Yt(e, t, r, n, i) {
+function tr(e, t, r, n, i) {
   if (!e) return;
-  const s = Zt(r);
+  const s = Qt(r);
   if ((!s || s.trim() === "") && !t._computedStyle) {
-    i(null), e.adoptedStyleSheets = [Je()];
+    i(null), e.adoptedStyleSheets = [Ze()];
     return;
   }
   let o = "";
   t._computedStyle && (o = t._computedStyle);
-  let c = Lt(`${o}
+  let c = Dt(`${o}
 ${s}
 `);
-  c = ct(c);
-  let u = n;
-  u || (u = new CSSStyleSheet()), (u.cssRules.length === 0 || u.toString() !== c) && u.replaceSync(c), e.adoptedStyleSheets = [Je(), u], i(u);
+  c = ft(c);
+  let a = n;
+  a || (a = new CSSStyleSheet()), (a.cssRules.length === 0 || a.toString() !== c) && a.replaceSync(c), e.adoptedStyleSheets = [Ze(), a], i(a);
 }
-let W = null;
-function Qt(e) {
-  W = e;
+let D = null;
+function rr(e) {
+  D = e;
 }
-function er() {
-  W = null;
+function nr() {
+  D = null;
 }
-function gr() {
-  if (!W)
+function br() {
+  if (!D)
     throw new Error("useEmit must be called during component render");
-  const e = W.emit;
+  const e = D.emit;
   return (t, r) => e(t, r);
 }
-function ye(e) {
+function xe(e) {
   e._hookCallbacks || Object.defineProperty(e, "_hookCallbacks", {
     value: {},
     writable: !0,
@@ -2519,40 +2744,40 @@ function ye(e) {
     configurable: !1
   });
 }
-function mr(e) {
-  if (!W)
+function wr(e) {
+  if (!D)
     throw new Error("useOnConnected must be called during component render");
-  ye(W), W._hookCallbacks.onConnected = e;
+  xe(D), D._hookCallbacks.onConnected = e;
 }
-function yr(e) {
-  if (!W)
+function xr(e) {
+  if (!D)
     throw new Error("useOnDisconnected must be called during component render");
-  ye(W), W._hookCallbacks.onDisconnected = e;
+  xe(D), D._hookCallbacks.onDisconnected = e;
 }
-function br(e) {
-  if (!W)
+function vr(e) {
+  if (!D)
     throw new Error("useOnAttributeChanged must be called during component render");
-  ye(W), W._hookCallbacks.onAttributeChanged = e;
+  xe(D), D._hookCallbacks.onAttributeChanged = e;
 }
-function wr(e) {
-  if (!W)
+function $r(e) {
+  if (!D)
     throw new Error("useOnError must be called during component render");
-  ye(W), W._hookCallbacks.onError = e;
+  xe(D), D._hookCallbacks.onError = e;
 }
-function vr(e) {
-  if (!W)
+function kr(e) {
+  if (!D)
     throw new Error("useStyle must be called during component render");
-  ye(W);
+  xe(D);
   try {
     const t = e();
-    Object.defineProperty(W, "_computedStyle", {
+    Object.defineProperty(D, "_computedStyle", {
       value: t,
       writable: !0,
       enumerable: !1,
       configurable: !0
     });
   } catch (t) {
-    console.warn("Error in useStyle callback:", t), Object.defineProperty(W, "_computedStyle", {
+    console.warn("Error in useStyle callback:", t), Object.defineProperty(D, "_computedStyle", {
       value: "",
       writable: !0,
       enumerable: !1,
@@ -2560,12 +2785,12 @@ function vr(e) {
     });
   }
 }
-const Te = /* @__PURE__ */ new Map(), Qe = Symbol.for("cer.registry");
+const Te = /* @__PURE__ */ new Map(), rt = Symbol.for("cer.registry");
 if (typeof window < "u") {
   const e = globalThis;
-  e[Qe] || (e[Qe] = Te);
+  e[rt] || (e[rt] = Te);
 }
-function tr(e, t) {
+function ir(e, t) {
   if (!t.render)
     throw new Error("Component must have a render function");
   return typeof window > "u" ? class {
@@ -2670,14 +2895,14 @@ function tr(e, t) {
     }
     connectedCallback() {
       this._runLogicWithinErrorBoundary(t, () => {
-        this._applyProps(t), this._requestRender(), vt(t, this.context, this._mounted, (r) => {
+        this._applyProps(t), this._requestRender(), Ct(t, this.context, this._mounted, (r) => {
           this._mounted = r;
         });
       });
     }
     disconnectedCallback() {
       this._runLogicWithinErrorBoundary(t, () => {
-        xt(
+        _t(
           t,
           this.context,
           this._listeners,
@@ -2701,7 +2926,7 @@ function tr(e, t) {
     }
     attributeChangedCallback(r, n, i) {
       this._runLogicWithinErrorBoundary(t, () => {
-        this._applyProps(t), n !== i && this._requestRender(), $t(t, r, n, i, this.context);
+        this._applyProps(t), n !== i && this._requestRender(), Et(t, r, n, i, this.context);
       });
     }
     static get observedAttributes() {
@@ -2712,7 +2937,7 @@ function tr(e, t) {
     // --- Render ---
     _render(r) {
       this._runLogicWithinErrorBoundary(r, () => {
-        Gt(
+        Yt(
           this.shadowRoot,
           r,
           this.context,
@@ -2735,8 +2960,8 @@ function tr(e, t) {
     }
     _requestRender() {
       this._runLogicWithinErrorBoundary(this._cfg, () => {
-        ue(() => {
-          Xt(
+        fe(() => {
+          er(
             () => this._render(this._cfg),
             this._lastRenderTime,
             this._renderCount,
@@ -2757,7 +2982,7 @@ function tr(e, t) {
     // --- Style ---
     _applyStyle(r, n) {
       this._runLogicWithinErrorBoundary(r, () => {
-        Yt(
+        tr(
           this.shadowRoot,
           this.context,
           n,
@@ -2782,9 +3007,9 @@ function tr(e, t) {
       try {
         let n = function(s, o = "") {
           return Array.isArray(s) ? new Proxy(s, {
-            get(c, u, m) {
-              const g = Reflect.get(c, u, m);
-              return typeof g == "function" && typeof u == "string" && [
+            get(c, a, p) {
+              const h = Reflect.get(c, a, p);
+              return typeof h == "function" && typeof a == "string" && [
                 "push",
                 "pop",
                 "shift",
@@ -2792,42 +3017,42 @@ function tr(e, t) {
                 "splice",
                 "sort",
                 "reverse"
-              ].includes(u) ? function(...p) {
-                const f = g.apply(c, p);
+              ].includes(a) ? function(...g) {
+                const u = h.apply(c, g);
                 if (!i._initializing) {
-                  const h = o || "root";
-                  i._triggerWatchers(h, c), ue(
+                  const f = o || "root";
+                  i._triggerWatchers(f, c), fe(
                     () => i._render(r),
                     i._componentId
                   );
                 }
-                return f;
-              } : g;
+                return u;
+              } : h;
             },
-            set(c, u, m) {
-              if (c[u] = m, !i._initializing) {
-                const g = o ? `${o}.${String(u)}` : String(u);
-                i._triggerWatchers(g, m), ue(() => i._render(r), i._componentId);
+            set(c, a, p) {
+              if (c[a] = p, !i._initializing) {
+                const h = o ? `${o}.${String(a)}` : String(a);
+                i._triggerWatchers(h, p), fe(() => i._render(r), i._componentId);
               }
               return !0;
             },
-            deleteProperty(c, u) {
-              if (delete c[u], !i._initializing) {
-                const m = o ? `${o}.${String(u)}` : String(u);
-                i._triggerWatchers(m, void 0), ue(() => i._render(r), i._componentId);
+            deleteProperty(c, a) {
+              if (delete c[a], !i._initializing) {
+                const p = o ? `${o}.${String(a)}` : String(a);
+                i._triggerWatchers(p, void 0), fe(() => i._render(r), i._componentId);
               }
               return !0;
             }
           }) : s && typeof s == "object" ? s.constructor && s.constructor.name === "ReactiveState" ? s : (Object.keys(s).forEach((c) => {
-            const u = o ? `${o}.${c}` : c;
-            s[c] = n(s[c], u);
+            const a = o ? `${o}.${c}` : c;
+            s[c] = n(s[c], a);
           }), new Proxy(s, {
-            set(c, u, m) {
-              const g = o ? `${o}.${String(u)}` : String(u);
-              return c[u] = n(m, g), i._initializing || (i._triggerWatchers(g, c[u]), ue(() => i._render(r), i._componentId)), !0;
+            set(c, a, p) {
+              const h = o ? `${o}.${String(a)}` : String(a);
+              return c[a] = n(p, h), i._initializing || (i._triggerWatchers(h, c[a]), fe(() => i._render(r), i._componentId)), !0;
             },
-            get(c, u, m) {
-              return Reflect.get(c, u, m);
+            get(c, a, p) {
+              return Reflect.get(c, a, p);
             }
           })) : s;
         };
@@ -2848,7 +3073,7 @@ function tr(e, t) {
     }
     _initWatchers(r) {
       this._runLogicWithinErrorBoundary(r, () => {
-        mt(
+        xt(
           this.context,
           this._watchers,
           {}
@@ -2857,12 +3082,12 @@ function tr(e, t) {
       });
     }
     _triggerWatchers(r, n) {
-      yt(this.context, this._watchers, r, n);
+      vt(this.context, this._watchers, r, n);
     }
     _applyProps(r) {
       this._runLogicWithinErrorBoundary(r, () => {
         try {
-          wt(this, r, this.context);
+          kt(this, r, this.context);
         } catch (n) {
           this._hasError = !0, r.onError && r.onError(n, this.context);
         }
@@ -2870,7 +3095,7 @@ function tr(e, t) {
     }
   };
 }
-function et(e, t) {
+function nt(e, t) {
   let r = re(e);
   r.includes("-") || (r = `cer-${r}`);
   let n = {};
@@ -2878,153 +3103,153 @@ function et(e, t) {
     try {
       const o = t.toString();
       let c = null;
-      const u = o.indexOf("({");
-      if (u !== -1) {
-        let m = 0, g = !1, b = null, p = !1, f = -1;
-        for (let h = u + 2; h < o.length; h++) {
-          const v = o[h];
-          if (p) {
-            p = !1;
+      const a = o.indexOf("({");
+      if (a !== -1) {
+        let p = 0, h = !1, b = null, g = !1, u = -1;
+        for (let f = a + 2; f < o.length; f++) {
+          const y = o[f];
+          if (g) {
+            g = !1;
             continue;
           }
-          if (v === "\\") {
-            p = !0;
+          if (y === "\\") {
+            g = !0;
             continue;
           }
-          if (!g && (v === '"' || v === "'" || v === "`")) {
-            g = !0, b = v;
+          if (!h && (y === '"' || y === "'" || y === "`")) {
+            h = !0, b = y;
             continue;
           }
-          if (g && v === b) {
-            g = !1, b = null;
+          if (h && y === b) {
+            h = !1, b = null;
             continue;
           }
-          if (!g) {
-            if (v === "{")
-              m++;
-            else if (v === "}") {
-              if (m === 0) {
-                f = h;
+          if (!h) {
+            if (y === "{")
+              p++;
+            else if (y === "}") {
+              if (p === 0) {
+                u = f;
                 break;
               }
-              m--;
+              p--;
             }
           }
         }
-        if (f !== -1) {
-          const h = o.substring(u, f + 2), v = o.substring(u + 2, f).trim();
-          c = [h, v];
+        if (u !== -1) {
+          const f = o.substring(a, u + 2), y = o.substring(a + 2, u).trim();
+          c = [f, y];
         }
       }
       if (c) {
-        const m = c[1];
-        let g = "", b = "", p = !0, f = 0, h = null, v = !1, w = 0;
-        for (; w < m.length; ) {
-          const a = m[w];
-          if (v) {
-            p ? g += a : b += a, v = !1, w++;
+        const p = c[1];
+        let h = "", b = "", g = !0, u = 0, f = null, y = !1, x = 0;
+        for (; x < p.length; ) {
+          const l = p[x];
+          if (y) {
+            g ? h += l : b += l, y = !1, x++;
             continue;
           }
-          if (a === "\\") {
-            v = !0, p ? g += a : b += a, w++;
+          if (l === "\\") {
+            y = !0, g ? h += l : b += l, x++;
             continue;
           }
-          if ((a === '"' || a === "'" || a === "`") && !h) {
-            h = a, p ? g += a : b += a, w++;
+          if ((l === '"' || l === "'" || l === "`") && !f) {
+            f = l, g ? h += l : b += l, x++;
             continue;
           }
-          if (a === h) {
-            h = null, p ? g += a : b += a, w++;
+          if (l === f) {
+            f = null, g ? h += l : b += l, x++;
             continue;
           }
-          if (h) {
-            p ? g += a : b += a, w++;
+          if (f) {
+            g ? h += l : b += l, x++;
             continue;
           }
-          if (a === "{" || a === "[") {
-            f++, p ? g += a : b += a, w++;
+          if (l === "{" || l === "[") {
+            u++, g ? h += l : b += l, x++;
             continue;
           }
-          if (a === "}" || a === "]") {
-            f--, p ? g += a : b += a, w++;
+          if (l === "}" || l === "]") {
+            u--, g ? h += l : b += l, x++;
             continue;
           }
-          if (a === "=" && f === 0 && p) {
-            p = !1, w++;
+          if (l === "=" && u === 0 && g) {
+            g = !1, x++;
             continue;
           }
-          if (a === "," && f === 0) {
-            if (g.trim() && b.trim()) {
-              const l = g.trim(), y = b.trim();
+          if (l === "," && u === 0) {
+            if (h.trim() && b.trim()) {
+              const d = h.trim(), w = b.trim();
               try {
-                if (y === "true") n[l] = !0;
-                else if (y === "false") n[l] = !1;
-                else if (y === "[]") n[l] = [];
-                else if (y === "{}") n[l] = {};
-                else if (/^\d+$/.test(y))
-                  n[l] = parseInt(y);
-                else if (/^'.*'$/s.test(y))
-                  n[l] = y.slice(1, -1).replace(/\\'/g, "'").replace(/\\"/g, '"').replace(/\\\//g, "/");
-                else if (/^".*"$/s.test(y))
-                  n[l] = y.slice(1, -1).replace(/\\"/g, '"').replace(/\\'/g, "'").replace(/\\\//g, "/");
-                else if (/^`.*`$/s.test(y)) {
-                  const $ = y.slice(1, -1);
-                  if ($.includes("${"))
+                if (w === "true") n[d] = !0;
+                else if (w === "false") n[d] = !1;
+                else if (w === "[]") n[d] = [];
+                else if (w === "{}") n[d] = {};
+                else if (/^\d+$/.test(w))
+                  n[d] = parseInt(w);
+                else if (/^'.*'$/s.test(w))
+                  n[d] = w.slice(1, -1).replace(/\\'/g, "'").replace(/\\"/g, '"').replace(/\\\//g, "/");
+                else if (/^".*"$/s.test(w))
+                  n[d] = w.slice(1, -1).replace(/\\"/g, '"').replace(/\\'/g, "'").replace(/\\\//g, "/");
+                else if (/^`.*`$/s.test(w)) {
+                  const k = w.slice(1, -1);
+                  if (k.includes("${"))
                     try {
-                      n[l] = new Function(
-                        `return \`${$}\`;`
+                      n[d] = new Function(
+                        `return \`${k}\`;`
                       )();
                     } catch {
-                      n[l] = $;
+                      n[d] = k;
                     }
                   else
-                    n[l] = $;
+                    n[d] = k;
                 } else
-                  n[l] = y;
+                  n[d] = w;
               } catch {
-                n[l] = "";
+                n[d] = "";
               }
-            } else if (g.trim()) {
-              const l = g.split(":")[0].trim();
-              l && !l.includes("}") && (n[l] = "");
+            } else if (h.trim()) {
+              const d = h.split(":")[0].trim();
+              d && !d.includes("}") && (n[d] = "");
             }
-            g = "", b = "", p = !0, w++;
+            h = "", b = "", g = !0, x++;
             continue;
           }
-          p ? g += a : b += a, w++;
+          g ? h += l : b += l, x++;
         }
-        if (g.trim() && b.trim()) {
-          const a = g.trim(), l = b.trim();
+        if (h.trim() && b.trim()) {
+          const l = h.trim(), d = b.trim();
           try {
-            if (l === "true") n[a] = !0;
-            else if (l === "false") n[a] = !1;
-            else if (l === "[]") n[a] = [];
-            else if (l === "{}") n[a] = {};
-            else if (/^\d+$/.test(l)) n[a] = parseInt(l);
-            else if (/^'.*'$/s.test(l))
-              n[a] = l.slice(1, -1).replace(/\\'/g, "'").replace(/\\"/g, '"').replace(/\\\//g, "/");
-            else if (/^".*"$/s.test(l))
-              n[a] = l.slice(1, -1).replace(/\\"/g, '"').replace(/\\'/g, "'").replace(/\\\//g, "/");
-            else if (/^`.*`$/s.test(l)) {
-              const y = l.slice(1, -1);
-              if (y.includes("${"))
+            if (d === "true") n[l] = !0;
+            else if (d === "false") n[l] = !1;
+            else if (d === "[]") n[l] = [];
+            else if (d === "{}") n[l] = {};
+            else if (/^\d+$/.test(d)) n[l] = parseInt(d);
+            else if (/^'.*'$/s.test(d))
+              n[l] = d.slice(1, -1).replace(/\\'/g, "'").replace(/\\"/g, '"').replace(/\\\//g, "/");
+            else if (/^".*"$/s.test(d))
+              n[l] = d.slice(1, -1).replace(/\\"/g, '"').replace(/\\'/g, "'").replace(/\\\//g, "/");
+            else if (/^`.*`$/s.test(d)) {
+              const w = d.slice(1, -1);
+              if (w.includes("${"))
                 try {
-                  n[a] = new Function(
-                    `return \`${y}\`;`
+                  n[l] = new Function(
+                    `return \`${w}\`;`
                   )();
                 } catch {
-                  n[a] = y;
+                  n[l] = w;
                 }
               else
-                n[a] = y;
+                n[l] = w;
             } else
-              n[a] = l;
+              n[l] = d;
           } catch {
-            n[a] = "";
+            n[l] = "";
           }
-        } else if (g.trim()) {
-          const a = g.split(":")[0].trim();
-          a && !a.includes("}") && (n[a] = "");
+        } else if (h.trim()) {
+          const l = h.split(":")[0].trim();
+          l && !l.includes("}") && (n[l] = "");
         }
       }
     } catch {
@@ -3042,8 +3267,8 @@ function et(e, t) {
     onDisconnected: (o) => {
       i.onDisconnected && i.onDisconnected();
     },
-    onAttributeChanged: (o, c, u, m) => {
-      i.onAttributeChanged && i.onAttributeChanged(o, c, u);
+    onAttributeChanged: (o, c, a, p) => {
+      i.onAttributeChanged && i.onAttributeChanged(o, c, a);
     },
     onError: (o, c) => {
       i.onError && o && i.onError(o);
@@ -3054,33 +3279,33 @@ function et(e, t) {
         o.requestRender && o.requestRender();
       });
       try {
-        Qt(o);
-        const u = Object.keys(n).length > 0;
-        let m;
-        if (u) {
-          const g = {};
+        rr(o);
+        const a = Object.keys(n).length > 0;
+        let p;
+        if (a) {
+          const h = {};
           Object.keys(n).forEach((b) => {
-            const p = o[b], f = n[b];
-            g[b] = p != null && p !== "" ? p : f;
-          }), m = t(g);
+            const g = o[b], u = n[b];
+            h[b] = g != null && g !== "" ? g : u;
+          }), p = t(h);
         } else
-          m = t();
+          p = 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);
+          const h = o._hookCallbacks;
+          h.onConnected && (i.onConnected = h.onConnected), h.onDisconnected && (i.onDisconnected = h.onDisconnected), h.onAttributeChanged && (i.onAttributeChanged = h.onAttributeChanged), h.onError && (i.onError = h.onError), h.style && (o._styleCallback = h.style);
         }
-        return m;
+        return p;
       } finally {
-        er(), F.clearCurrentComponent();
+        nr(), F.clearCurrentComponent();
       }
     }
   };
   Te.set(r, s), typeof window < "u" && (customElements.get(r) || customElements.define(
     r,
-    tr(r, s)
+    ir(r, s)
   ));
 }
-class rr {
+class sr {
   map = /* @__PURE__ */ new Map();
   maxSize;
   constructor(t) {
@@ -3104,8 +3329,8 @@ class rr {
     this.map.clear();
   }
 }
-const Ie = new rr(500);
-function nr(e, t) {
+const ze = new sr(500);
+function or(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}"`
@@ -3118,117 +3343,117 @@ function nr(e, t) {
     `💡 Tip: If your event handler function returns undefined, make sure you're passing the function reference, not calling it. Use @${t}="\${fn}" not @${t}="\${fn()}"`
   );
 }
-function he(e, t = {}, r, n) {
+function me(e, t = {}, r, n) {
   const i = n ?? t.key;
   return { tag: e, key: i, props: t, children: r };
 }
-function Ae(e) {
+function Oe(e) {
   return !!e && typeof e == "object" && (e.type === "AnchorBlock" || e.tag === "#anchor");
 }
-function Ce(e) {
-  return typeof e == "object" && e !== null && "tag" in e && !Ae(e);
+function Ee(e) {
+  return typeof e == "object" && e !== null && "tag" in e && !Oe(e);
 }
-function ir(e, t) {
+function ar(e, t) {
   return e.key != null ? e : { ...e, key: t };
 }
-function sr(e, t = [], r = {}) {
+function cr(e, t = [], r = {}) {
   const n = {}, i = {}, s = {}, o = [], c = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
-  let u;
-  for (; u = c.exec(e); ) {
-    const m = u[1], g = u[2], b = (u[4] || u[6]) ?? "", p = b.match(/^{{(\d+)}}$/);
-    let f = p ? t[Number(p[1])] ?? null : b;
-    p || (f === "true" ? f = !0 : f === "false" ? f = !1 : f === "null" ? f = null : isNaN(Number(f)) || (f = Number(f)));
-    const h = ["model", "bind", "show", "class", "style", "ref"];
-    if (m === ":") {
-      const [v, w] = g.split(":"), [a, ...l] = v.split(".");
-      if (h.includes(a)) {
-        const y = [...l], $ = a === "model" && w ? `model:${w}` : a;
-        s[$] = {
-          value: f,
-          modifiers: y,
-          arg: w
+  let a;
+  for (; a = c.exec(e); ) {
+    const p = a[1], h = a[2], b = (a[4] || a[6]) ?? "", g = b.match(/^{{(\d+)}}$/);
+    let u = g ? t[Number(g[1])] ?? null : b;
+    g || (u === "true" ? u = !0 : u === "false" ? u = !1 : u === "null" ? u = null : isNaN(Number(u)) || (u = Number(u)));
+    const f = ["model", "bind", "show", "class", "style", "ref"];
+    if (p === ":") {
+      const [y, x] = h.split(":"), [l, ...d] = y.split(".");
+      if (f.includes(l)) {
+        const w = [...d], k = l === "model" && x ? `model:${x}` : l;
+        s[k] = {
+          value: u,
+          modifiers: w,
+          arg: x
         };
       } else {
-        let y = f;
-        y && ee(y) && (y = y.value), i[g] = y, o.push(g);
+        let w = u;
+        w && ee(w) && (w = w.value), i[h] = w, o.push(h);
       }
-    } else if (m === "@") {
-      const [v, ...w] = g.split("."), a = w;
-      nr(f, v);
-      const l = typeof f == "function" ? f : typeof r[f] == "function" ? r[f] : void 0;
-      if (l) {
-        const y = (k) => {
-          if (a.includes("prevent") && k.preventDefault(), a.includes("stop") && k.stopPropagation(), !(a.includes("self") && k.target !== k.currentTarget))
-            return a.includes("once") && k.currentTarget?.removeEventListener(v, y), l(k);
-        }, $ = "on" + v.charAt(0).toUpperCase() + v.slice(1);
-        n[$] = y;
+    } else if (p === "@") {
+      const [y, ...x] = h.split("."), l = x;
+      or(u, y);
+      const d = typeof u == "function" ? u : typeof r[u] == "function" ? r[u] : void 0;
+      if (d) {
+        const w = (C) => {
+          if (l.includes("prevent") && C.preventDefault(), l.includes("stop") && C.stopPropagation(), !(l.includes("self") && C.target !== C.currentTarget))
+            return l.includes("once") && C.currentTarget?.removeEventListener(y, w), d(C);
+        }, k = "on" + y.charAt(0).toUpperCase() + y.slice(1);
+        n[k] = w;
       }
-    } else g === "ref" ? n.ref = f : i[g] = f;
+    } else h === "ref" ? n.ref = u : i[h] = u;
   }
   return { props: n, attrs: i, directives: s, bound: o };
 }
-function or(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 lr(e, t, r) {
+  const n = be.length > 0 ? be[be.length - 1] : void 0, i = r ?? n, s = !r && t.length === 0, o = s ? e.join("<!--TEMPLATE_DELIM-->") : null;
   if (s && o) {
-    const d = Ie.get(o);
-    if (d) return d;
-  }
-  function c(d, x) {
-    return he("#text", {}, d, x);
-  }
-  let u = "";
-  for (let d = 0; d < e.length; d++)
-    u += e[d], d < t.length && (u += `{{${d}}}`);
-  const m = /<!--[\s\S]*?-->|<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, g = [];
-  let b, p = [], f = null, h = {}, v, w = 0, a = [];
-  function l(d) {
-    !d || typeof d != "object" || Ae(d) || (d.props || d.attrs ? (d.props && (h.props || (h.props = {}), Object.assign(h.props, d.props)), d.attrs && (h.attrs || (h.attrs = {}), Object.keys(d.attrs).forEach((x) => {
-      if (x === "style" && h.attrs.style) {
-        const A = h.attrs.style.replace(
+    const m = ze.get(o);
+    if (m) return m;
+  }
+  function c(m, $) {
+    return me("#text", {}, m, $);
+  }
+  let a = "";
+  for (let m = 0; m < e.length; m++)
+    a += e[m], m < t.length && (a += `{{${m}}}`);
+  const p = /<!--[\s\S]*?-->|<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, h = [];
+  let b, g = [], u = null, f = {}, y, x = 0, l = [];
+  function d(m) {
+    !m || typeof m != "object" || Oe(m) || (m.props || m.attrs ? (m.props && (f.props || (f.props = {}), Object.assign(f.props, m.props)), m.attrs && (f.attrs || (f.attrs = {}), Object.keys(m.attrs).forEach(($) => {
+      if ($ === "style" && f.attrs.style) {
+        const S = f.attrs.style.replace(
           /;?\s*$/,
           ""
-        ), C = d.attrs.style.replace(/^;?\s*/, "");
-        h.attrs.style = A + "; " + C;
-      } else if (x === "class" && h.attrs.class) {
-        const A = h.attrs.class.trim().split(/\s+/).filter(Boolean), C = d.attrs.class.trim().split(/\s+/).filter(Boolean), E = [
-          .../* @__PURE__ */ new Set([...A, ...C])
+        ), v = m.attrs.style.replace(/^;?\s*/, "");
+        f.attrs.style = S + "; " + v;
+      } else if ($ === "class" && f.attrs.class) {
+        const S = f.attrs.class.trim().split(/\s+/).filter(Boolean), v = m.attrs.class.trim().split(/\s+/).filter(Boolean), A = [
+          .../* @__PURE__ */ new Set([...S, ...v])
         ];
-        h.attrs.class = E.join(" ");
+        f.attrs.class = A.join(" ");
       } else
-        h.attrs[x] = d.attrs[x];
-    }))) : (h.props || (h.props = {}), Object.assign(h.props, d)));
-  }
-  function y(d, x) {
-    const A = f ? p : a;
-    if (Ae(d)) {
-      const C = d.key ?? x;
-      let E = d.children;
-      A.push({
-        ...d,
-        key: C,
-        children: E
+        f.attrs[$] = m.attrs[$];
+    }))) : (f.props || (f.props = {}), Object.assign(f.props, m)));
+  }
+  function w(m, $) {
+    const S = u ? g : l;
+    if (Oe(m)) {
+      const v = m.key ?? $;
+      let A = m.children;
+      S.push({
+        ...m,
+        key: v,
+        children: A
       });
       return;
     }
-    if (Ce(d)) {
-      A.push(ir(d, void 0));
+    if (Ee(m)) {
+      S.push(ar(m, void 0));
       return;
     }
-    if (Array.isArray(d)) {
-      if (d.length === 0) return;
-      for (let C = 0; C < d.length; C++) {
-        const E = d[C];
-        Ae(E) || Ce(E) || Array.isArray(E) ? y(E, `${x}-${C}`) : E !== null && typeof E == "object" ? l(E) : A.push(c(String(E), `${x}-${C}`));
+    if (Array.isArray(m)) {
+      if (m.length === 0) return;
+      for (let v = 0; v < m.length; v++) {
+        const A = m[v];
+        Oe(A) || Ee(A) || Array.isArray(A) ? w(A, `${$}-${v}`) : A !== null && typeof A == "object" ? d(A) : S.push(c(String(A), `${$}-${v}`));
       }
       return;
     }
-    if (d !== null && typeof d == "object") {
-      l(d);
+    if (m !== null && typeof m == "object") {
+      d(m);
       return;
     }
-    A.push(c(String(d), x));
+    S.push(c(String(m), $));
   }
-  const $ = /* @__PURE__ */ new Set([
+  const k = /* @__PURE__ */ new Set([
     "area",
     "base",
     "br",
@@ -3244,24 +3469,24 @@ function or(e, t, r) {
     "track",
     "wbr"
   ]);
-  for (; b = m.exec(u); )
+  for (; b = p.exec(a); )
     if (!(b[0].startsWith("<!--") && b[0].endsWith("-->"))) {
       if (b[1]) {
-        const d = b[1], x = b[0][1] === "/", A = b[0][b[0].length - 2] === "/" || $.has(d), {
-          props: C,
-          attrs: E,
-          directives: T,
-          bound: R
-        } = sr(b[2] || "", t, i), S = { props: {}, attrs: {} };
-        for (const P in C) S.props[P] = C[P];
-        for (const P in E) S.attrs[P] = E[P];
-        if (S.attrs && Object.prototype.hasOwnProperty.call(S.attrs, "key") && !(S.props && Object.prototype.hasOwnProperty.call(S.props, "key")))
+        const m = b[1], $ = b[0][1] === "/", S = b[0][b[0].length - 2] === "/" || k.has(m), {
+          props: v,
+          attrs: A,
+          directives: j,
+          bound: N
+        } = cr(b[2] || "", t, i), E = { props: {}, attrs: {} };
+        for (const O in v) E.props[O] = v[O];
+        for (const O in A) E.attrs[O] = A[O];
+        if (E.attrs && Object.prototype.hasOwnProperty.call(E.attrs, "key") && !(E.props && Object.prototype.hasOwnProperty.call(E.props, "key")))
           try {
-            S.props.key = S.attrs.key;
+            E.props.key = E.attrs.key;
           } catch {
           }
         try {
-          const P = {
+          const O = {
             input: ["value", "checked", "disabled", "readonly", "required", "placeholder", "maxlength", "minlength"],
             textarea: ["value", "disabled", "readonly", "required", "placeholder", "maxlength", "minlength"],
             select: ["value", "disabled", "required", "multiple"],
@@ -3270,111 +3495,111 @@ function or(e, t, r) {
             audio: ["muted", "autoplay", "controls", "loop"],
             img: ["src", "alt", "width", "height"],
             button: ["type", "name", "value", "disabled", "autofocus", "form"]
-          }, B = d.toLowerCase(), V = P[B] ?? [];
-          if (S.attrs) {
-            for (const K of V)
-              if (R && R.includes(K) && K in S.attrs && !(S.props && K in S.props)) {
-                let L = S.attrs[K];
-                L && ee(L) && (L = L.value), S.props[K] = L, delete S.attrs[K];
+          }, H = m.toLowerCase(), he = O[H] ?? [];
+          if (E.attrs) {
+            for (const K of he)
+              if (N && N.includes(K) && K in E.attrs && !(E.props && K in E.props)) {
+                let I = E.attrs[K];
+                I && ee(I) && (I = I.value), E.props[K] = I, delete E.attrs[K];
               }
           }
-          if ((d.includes("-") || !!i?.__customElements?.has?.(d)) && (S.isCustomElement = !0, R && S.attrs)) {
+          if ((m.includes("-") || !!i?.__customElements?.has?.(m)) && (E.isCustomElement = !0, N && E.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)) {
-                const M = L.includes("-") ? L.split("-").map((Z, z) => z === 0 ? Z : Z.charAt(0).toUpperCase() + Z.slice(1)).join("") : L;
-                let J = S.attrs[L];
-                J && ee(J) && (J = J.value), S.props[M] = J, K.has(L) || delete S.attrs[L];
+            for (const I of N)
+              if (I in E.attrs && !(E.props && I in E.props)) {
+                const V = I.includes("-") ? I.split("-").map((ne, R) => R === 0 ? ne : ne.charAt(0).toUpperCase() + ne.slice(1)).join("") : I;
+                let U = E.attrs[I];
+                U && ee(U) && (U = U.value), E.props[V] = U, K.has(I) || delete E.attrs[I];
               }
           }
         } catch {
         }
-        if (T && Object.keys(T).some((P) => P === "model" || P.startsWith("model:")))
+        if (j && Object.keys(j).some((O) => O === "model" || O.startsWith("model:")))
           try {
-            const P = Symbol.for("cer.registry"), B = globalThis[P], V = !!(B && typeof B.has == "function" && B.has(d)), we = !!(i && (i.__customElements instanceof Set && i.__customElements.has(d) || Array.isArray(i.__isCustomElements) && i.__isCustomElements.includes(d)));
-            if (!!(d.includes("-") || we || V))
-              for (const M of Object.keys(T)) {
-                if (M !== "model" && !M.startsWith("model:")) continue;
-                const J = T[M], Z = J.arg ?? (M.includes(":") ? M.split(":", 2)[1] : void 0), z = J.value, _ = Z ?? "modelValue", U = H, I = _e, N = i ? i._state || i : void 0;
-                let O;
-                typeof z == "string" && i ? O = U(N, z) : (O = z, O && ee(O) && (O = O.value)), S.props[_] = O;
+            const O = Symbol.for("cer.registry"), H = globalThis[O], he = !!(H && typeof H.has == "function" && H.has(m)), G = !!(i && (i.__customElements instanceof Set && i.__customElements.has(m) || Array.isArray(i.__isCustomElements) && i.__isCustomElements.includes(m)));
+            if (!!(m.includes("-") || G || he))
+              for (const V of Object.keys(j)) {
+                if (V !== "model" && !V.startsWith("model:")) continue;
+                const U = j[V], ne = U.arg ?? (V.includes(":") ? V.split(":", 2)[1] : void 0), R = U.value, X = ne ?? "modelValue", _ = B, L = Se, M = i ? i._state || i : void 0;
+                let T;
+                typeof R == "string" && i ? T = _(M, R) : (T = R, T && ee(T) && (T = T.value)), E.props[X] = T;
                 try {
-                  const ne = re(_);
-                  S.attrs || (S.attrs = {}), O !== void 0 && (S.attrs[ne] = O);
+                  const ie = re(X);
+                  E.attrs || (E.attrs = {}), T !== void 0 && (E.attrs[ie] = T);
                 } catch {
                 }
-                S.isCustomElement = !0;
-                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 (N)
-                    if (z && ee(z)) {
-                      const oe = z.value;
-                      (Array.isArray(Y) && Array.isArray(oe) ? JSON.stringify([...Y].sort()) !== JSON.stringify([...oe].sort()) : Y !== oe) && (z.value = Y, i?.requestRender ? i.requestRender() : i?._requestRender && i._requestRender());
+                E.isCustomElement = !0;
+                const z = `update:${re(X)}`.replace(/-([a-z])/g, (ie, Q) => Q.toUpperCase()), pt = "on" + z.charAt(0).toUpperCase() + z.slice(1);
+                E.props[pt] = function(ie) {
+                  const Q = ie.detail !== void 0 ? ie.detail : ie.target ? ie.target.value : void 0;
+                  if (M)
+                    if (R && ee(R)) {
+                      const ae = R.value;
+                      (Array.isArray(Q) && Array.isArray(ae) ? JSON.stringify([...Q].sort()) !== JSON.stringify([...ae].sort()) : Q !== ae) && (R.value = Q, i?.requestRender ? i.requestRender() : i?._requestRender && i._requestRender());
                     } else {
-                      const oe = U(N, typeof z == "string" ? z : String(z));
-                      (Array.isArray(Y) && Array.isArray(oe) ? JSON.stringify([...Y].sort()) !== JSON.stringify([...oe].sort()) : Y !== oe) && (I(N, typeof z == "string" ? z : String(z), Y), i?.requestRender ? i.requestRender() : i?._requestRender && i._requestRender());
+                      const ae = _(M, typeof R == "string" ? R : String(R));
+                      (Array.isArray(Q) && Array.isArray(ae) ? JSON.stringify([...Q].sort()) !== JSON.stringify([...ae].sort()) : Q !== ae) && (L(M, typeof R == "string" ? R : String(R), Q), i?.requestRender ? i.requestRender() : i?._requestRender && i._requestRender());
                     }
-                }, delete T[M];
+                }, delete j[V];
               }
           } catch {
           }
-        if (Object.keys(T).length > 0 && (S.directives = { ...T }), x) {
-          const P = he(
+        if (Object.keys(j).length > 0 && (E.directives = { ...j }), $) {
+          const O = me(
+            u,
             f,
-            h,
-            p.length === 1 && Ce(p[0]) && p[0].tag === "#text" ? typeof p[0].children == "string" ? p[0].children : "" : p.length ? p : void 0,
-            v
-          ), B = g.pop();
-          B ? (f = B.tag, h = B.props, v = B.key, p = B.children, p.push(P)) : (a.push(P), f = null, h = {}, v = void 0, p = []);
-        } else A ? f ? p.push(he(d, S, void 0, void 0)) : a.push(he(d, S, void 0, void 0)) : (f && g.push({
-          tag: f,
-          props: h,
-          children: p,
-          key: v
-        }), f = d, h = S, p = []);
+            g.length === 1 && Ee(g[0]) && g[0].tag === "#text" ? typeof g[0].children == "string" ? g[0].children : "" : g.length ? g : void 0,
+            y
+          ), H = h.pop();
+          H ? (u = H.tag, f = H.props, y = H.key, g = H.children, g.push(O)) : (l.push(O), u = null, f = {}, y = void 0, g = []);
+        } else S ? u ? g.push(me(m, E, void 0, void 0)) : l.push(me(m, E, void 0, void 0)) : (u && h.push({
+          tag: u,
+          props: f,
+          children: g,
+          key: y
+        }), u = m, f = E, g = []);
       } else if (typeof b[3] < "u") {
-        const d = Number(b[3]), x = t[d], A = `interp-${d}`;
-        y(x, A);
+        const m = Number(b[3]), $ = t[m], S = `interp-${m}`;
+        w($, S);
       } else if (b[4]) {
-        const d = b[4], x = f ? p : a, A = d.split(/({{\d+}})/);
-        for (const C of A) {
-          if (!C) continue;
-          const E = C.match(/^{{(\d+)}}$/);
-          if (E) {
-            const T = Number(E[1]), R = t[T], S = `interp-${T}`;
-            y(R, S);
+        const m = b[4], $ = u ? g : l, S = m.split(/({{\d+}})/);
+        for (const v of S) {
+          if (!v) continue;
+          const A = v.match(/^{{(\d+)}}$/);
+          if (A) {
+            const j = Number(A[1]), N = t[j], E = `interp-${j}`;
+            w(N, E);
           } else {
-            const T = `text-${w++}`;
-            x.push(c(C, T));
+            const j = `text-${x++}`;
+            $.push(c(v, j));
           }
         }
       }
     }
-  const k = a.filter((d) => Ce(d) && d.tag === "#text" ? typeof d.children == "string" && d.children.trim() !== "" : !0);
-  if (k.length === 1) {
-    const d = k[0];
-    return s && o && Ie.set(o, d), d;
-  } else if (k.length > 1) {
-    const d = k;
-    return s && o && Ie.set(o, d), d;
-  }
-  return he("div", {}, "", "fallback-root");
+  const C = l.filter((m) => Ee(m) && m.tag === "#text" ? typeof m.children == "string" && m.children.trim() !== "" : !0);
+  if (C.length === 1) {
+    const m = C[0];
+    return s && o && ze.set(o, m), m;
+  } else if (C.length > 1) {
+    const m = C;
+    return s && o && ze.set(o, m), m;
+  }
+  return me("div", {}, "", "fallback-root");
 }
-function ae(e, ...t) {
+function ce(e, ...t) {
   const r = t[t.length - 1], n = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
-  return or(e, t, n);
+  return lr(e, t, n);
 }
 function Re(e, t) {
-  return j(e ? t : [], "when-block");
+  return W(e ? t : [], "when-block");
 }
-function xr(e, t) {
+function Cr(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}`);
+    return W(t(r, n), `each-${i}`);
   });
 }
-function ar() {
+function ur() {
   const e = [];
   return {
     when(t, r) {
@@ -3384,18 +3609,18 @@ function ar() {
       return e.push([!0, t]), this;
     },
     done() {
-      return cr(...e);
+      return fr(...e);
     }
   };
 }
-function cr(...e) {
+function fr(...e) {
   for (let t = 0; t < e.length; t++) {
     const [r, n] = e[t];
-    if (r) return [j(n, `whenChain-branch-${t}`)];
+    if (r) return [W(n, `whenChain-branch-${t}`)];
   }
-  return [j([], "whenChain-empty")];
+  return [W([], "whenChain-empty")];
 }
-function j(e, t) {
+function W(e, t) {
   const r = e ? Array.isArray(e) ? e.filter(Boolean) : [e].filter(Boolean) : [];
   return {
     tag: "#anchor",
@@ -3403,49 +3628,49 @@ function j(e, t) {
     children: r
   };
 }
-function $r(e, t) {
+function _r(e, t) {
   return Re(!e, t);
 }
-function kr(e, t) {
+function Er(e, t) {
   const r = !e || e.length === 0;
   return Re(r, t);
 }
-function Cr(e, t) {
+function Sr(e, t) {
   const r = !!(e && e.length > 0);
   return Re(r, t);
 }
-function _r(e, t, r) {
+function Ar(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 c = typeof i == "object" && i != null ? i?.key ?? i?.id ?? `filtered-${s}` : `filtered-${s}`;
-    return j(r(i, s, o), `each-where-${c}`);
+    return W(r(i, s, o), `each-where-${c}`);
   });
 }
-function Er(e, t) {
+function jr(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");
+  return r === 0 && t.empty ? W(t.empty, "switch-length-empty") : r === 1 && t.one ? W(t.one(e[0]), "switch-length-one") : t.exactly?.[r] ? W(t.exactly[r](e), `switch-length-${r}`) : r > 1 && t.many ? W(t.many(e), "switch-length-many") : W([], "switch-length-fallback");
 }
-function Sr(e, t, r) {
+function Or(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(
+  }), Array.from(n.entries()).map(([i, s], o) => W(
     r(i, s, o),
     `each-group-${i}`
   ));
 }
-function Ar(e, t, r, n) {
+function Tr(e, t, r, n) {
   const i = r * t, s = Math.min(i + t, e.length);
-  return e.slice(i, s).map((c, u) => {
-    const m = i + u, g = typeof c == "object" && c != null ? c?.key ?? c?.id ?? `page-${m}` : `page-${m}`;
-    return j(n(c, m, u), `each-page-${g}`);
+  return e.slice(i, s).map((c, a) => {
+    const p = i + a, h = typeof c == "object" && c != null ? c?.key ?? c?.id ?? `page-${p}` : `page-${p}`;
+    return W(n(c, p, a), `each-page-${h}`);
   });
 }
-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 Rr(e, t) {
+  return e.loading && t.loading ? W(t.loading, "promise-loading") : e.error && t.error ? W(t.error(e.error), "promise-error") : e.data !== void 0 && t.success ? W(t.success(e.data), "promise-success") : t.idle ? W(t.idle, "promise-idle") : W([], "promise-fallback");
 }
 function q(e, t) {
   const r = typeof window < "u" && window.matchMedia?.(e)?.matches;
@@ -3460,7 +3685,7 @@ const te = {
   "2xl": "(min-width:1536px)",
   // Dark mode (matching style.ts)
   dark: "(prefers-color-scheme: dark)"
-}, lt = ["sm", "md", "lg", "xl", "2xl"], lr = {
+}, ht = ["sm", "md", "lg", "xl", "2xl"], dr = {
   // Breakpoint-based rendering (matching style.ts exactly)
   sm: (e) => q(te.sm, e),
   md: (e) => q(te.md, e),
@@ -3479,24 +3704,24 @@ const te = {
   portrait: (e) => q("(orientation: portrait)", e),
   landscape: (e) => q("(orientation: landscape)", e)
 };
-function Rr(e, t) {
+function Lr(e, t) {
   const r = [];
   e.includes("dark") ? r.push(te.dark) : e.includes("light") && r.push("(prefers-color-scheme: light)");
   const n = e.filter(
-    (o) => lt.includes(o)
+    (o) => ht.includes(o)
   ), i = n[n.length - 1];
   i && i in te && r.push(te[i]);
   const s = r.length > 0 ? r.join(" and ") : "all";
   return q(s, t);
 }
-function Or(e) {
+function Pr(e) {
   const t = [];
-  return e.base && t.push(j(e.base, "responsive-base")), lt.forEach((r) => {
+  return e.base && t.push(W(e.base, "responsive-base")), ht.forEach((r) => {
     const n = e[r];
-    n && t.push(lr[r](n));
+    n && t.push(dr[r](n));
   }), t;
 }
-function Pr(e) {
+function Mr(e) {
   const t = [];
   let r = null;
   return {
@@ -3514,13 +3739,13 @@ function Pr(e) {
       for (let n = 0; n < t.length; n++) {
         const { condition: i, content: s } = t[n];
         if (i(e))
-          return j(s, `switch-case-${n}`);
+          return W(s, `switch-case-${n}`);
       }
-      return j(r || [], "switch-otherwise");
+      return W(r || [], "switch-otherwise");
     }
   };
 }
-class fe extends EventTarget {
+class de extends EventTarget {
   handlers = {};
   static instance;
   eventCounters = /* @__PURE__ */ new Map();
@@ -3528,7 +3753,7 @@ class fe extends EventTarget {
    * Returns the singleton instance of GlobalEventBus
    */
   static getInstance() {
-    return fe.instance || (fe.instance = new fe()), fe.instance;
+    return de.instance || (de.instance = new de()), de.instance;
   }
   /**
    * Emit a global event with optional data. Includes event storm protection.
@@ -3552,7 +3777,7 @@ class fe extends EventTarget {
       try {
         o(r);
       } catch (c) {
-        ie(`Error in global event handler for "${t}":`, c);
+        se(`Error in global event handler for "${t}":`, c);
       }
     });
   }
@@ -3641,8 +3866,8 @@ class fe extends EventTarget {
     this.eventCounters.clear();
   }
 }
-const be = fe.getInstance(), Lr = (e, t) => be.emit(e, t), Mr = (e, t) => be.on(e, t), jr = (e, t) => be.off(e, t), Wr = (e, t) => be.once(e, t), Nr = (e, t, r) => be.listen(e, t, r);
-function tt(e) {
+const ve = de.getInstance(), Wr = (e, t) => ve.emit(e, t), Dr = (e, t) => ve.on(e, t), Ir = (e, t) => ve.off(e, t), Nr = (e, t) => ve.once(e, t), Hr = (e, t, r) => ve.listen(e, t, r);
+function it(e) {
   let t = { ...e };
   const r = [];
   function n(c) {
@@ -3652,289 +3877,289 @@ function tt(e) {
     return t;
   }
   function s(c) {
-    const u = typeof c == "function" ? c(t) : c;
-    t = { ...t, ...u }, o();
+    const a = typeof c == "function" ? c(t) : c;
+    t = { ...t, ...a }, o();
   }
   function o() {
     r.forEach((c) => c(t));
   }
   return { subscribe: n, getState: i, setState: s };
 }
-const rt = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, Q = (e, t) => {
+const st = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, Y = (e, t) => {
   for (const r of e) {
     const n = [], i = r.path.replace(/:[^/]+/g, (c) => (n.push(c.slice(1)), "([^/]+)")), s = new RegExp(`^${i}$`), o = t.match(s);
     if (o) {
       const c = {};
-      return n.forEach((u, m) => {
-        c[u] = o[m + 1];
+      return n.forEach((a, p) => {
+        c[a] = o[p + 1];
       }), { route: r, params: c };
     }
   }
   return { route: null, params: {} };
-}, De = {};
-async function ur(e) {
+}, Be = {};
+async function hr(e) {
   if (e.component) return e.component;
   if (e.load) {
-    if (De[e.path]) return De[e.path];
+    if (Be[e.path]) return Be[e.path];
     try {
       const t = await e.load();
-      return De[e.path] = t.default, t.default;
+      return Be[e.path] = t.default, t.default;
     } catch {
       throw new Error(`Failed to load component for route: ${e.path}`);
     }
   }
   throw new Error(`No component or loader defined for route: ${e.path}`);
 }
-function fr(e) {
+function pr(e) {
   const { routes: t, base: r = "", initialUrl: n } = e;
-  let i, s, o, c, u, m, g;
-  const b = async (v, w) => {
-    const a = t.find((l) => Q([l], v.path).route !== null);
-    if (a?.beforeEnter)
+  let i, s, o, c, a, p, h;
+  const b = async (y, x) => {
+    const l = t.find((d) => Y([d], y.path).route !== null);
+    if (l?.beforeEnter)
       try {
-        const l = await a.beforeEnter(v, w);
-        return typeof l == "string" ? (await h(l, !0), !1) : l !== !1;
-      } catch (l) {
-        return ie("beforeEnter error", l), !1;
+        const d = await l.beforeEnter(y, x);
+        return typeof d == "string" ? (await f(d, !0), !1) : d !== !1;
+      } catch (d) {
+        return se("beforeEnter error", d), !1;
       }
     return !0;
-  }, p = async (v, w) => {
-    const a = t.find((l) => Q([l], v.path).route !== null);
-    if (a?.onEnter)
+  }, g = async (y, x) => {
+    const l = t.find((d) => Y([d], y.path).route !== null);
+    if (l?.onEnter)
       try {
-        const l = await a.onEnter(v, w);
-        return typeof l == "string" ? (await h(l, !0), !1) : l !== !1;
-      } catch (l) {
-        return ie("onEnter error", l), !1;
+        const d = await l.onEnter(y, x);
+        return typeof d == "string" ? (await f(d, !0), !1) : d !== !1;
+      } catch (d) {
+        return se("onEnter error", d), !1;
       }
     return !0;
-  }, f = (v, w) => {
-    const a = t.find((l) => Q([l], v.path).route !== null);
-    if (a?.afterEnter)
+  }, u = (y, x) => {
+    const l = t.find((d) => Y([d], y.path).route !== null);
+    if (l?.afterEnter)
       try {
-        a.afterEnter(v, w);
-      } catch (l) {
-        ie("afterEnter error", l);
+        l.afterEnter(y, x);
+      } catch (d) {
+        se("afterEnter error", d);
       }
-  }, h = async (v, w = !1) => {
+  }, f = async (y, x = !1) => {
     try {
-      const a = {
-        path: v.replace(r, "") || "/",
+      const l = {
+        path: y.replace(r, "") || "/",
         query: {}
-      }, l = Q(t, a.path);
-      if (!l) throw new Error(`No route found for ${a.path}`);
-      const y = o.getState(), $ = {
-        path: a.path,
-        params: l.params,
-        query: a.query
+      }, d = Y(t, l.path);
+      if (!d) throw new Error(`No route found for ${l.path}`);
+      const w = o.getState(), k = {
+        path: l.path,
+        params: d.params,
+        query: l.query
       };
-      if (!await b($, y) || !await p($, y)) return;
-      typeof window < "u" && typeof document < "u" && (w ? window.history.replaceState({}, "", r + v) : window.history.pushState({}, "", r + v)), o.setState($), f($, y);
-    } catch (a) {
-      ie("Navigation error:", a);
+      if (!await b(k, w) || !await g(k, w)) return;
+      typeof window < "u" && typeof document < "u" && (x ? window.history.replaceState({}, "", r + y) : window.history.pushState({}, "", r + y)), o.setState(k), u(k, w);
+    } catch (l) {
+      se("Navigation error:", l);
     }
   };
   if (typeof window < "u" && typeof document < "u" && typeof n > "u") {
     i = () => {
-      const w = new URL(window.location.href), a = w.pathname.replace(r, "") || "/", l = rt(w.search);
-      return { path: a, query: l };
+      const x = new URL(window.location.href), l = x.pathname.replace(r, "") || "/", d = st(x.search);
+      return { path: l, query: d };
     }, s = i();
-    const v = Q(t, s.path);
-    o = tt({
+    const y = Y(t, s.path);
+    o = it({
       path: s.path,
-      params: v.params,
+      params: y.params,
       query: s.query
-    }), c = async (w = !1) => {
-      const a = i();
-      await h(a.path, w);
-    }, window.addEventListener("popstate", () => c(!0)), u = (w) => h(w, !1), m = (w) => h(w, !0), g = () => window.history.back();
+    }), c = async (x = !1) => {
+      const l = i();
+      await f(l.path, x);
+    }, window.addEventListener("popstate", () => c(!0)), a = (x) => f(x, !1), p = (x) => f(x, !0), h = () => window.history.back();
   } else {
     i = () => {
-      const a = new URL(n || "/", "http://localhost"), l = a.pathname.replace(r, "") || "/", y = rt(a.search);
-      return { path: l, query: y };
+      const l = new URL(n || "/", "http://localhost"), d = l.pathname.replace(r, "") || "/", w = st(l.search);
+      return { path: d, query: w };
     }, s = i();
-    const v = Q(t, s.path);
-    o = tt({
+    const y = Y(t, s.path);
+    o = it({
       path: s.path,
-      params: v.params,
+      params: y.params,
       query: s.query
     }), c = async () => {
-      const a = i();
-      await w(a.path);
+      const l = i();
+      await x(l.path);
     };
-    const w = async (a) => {
+    const x = async (l) => {
       try {
-        const l = {
-          path: a.replace(r, "") || "/",
+        const d = {
+          path: l.replace(r, "") || "/",
           query: {}
-        }, y = Q(t, l.path);
-        if (!y) throw new Error(`No route found for ${l.path}`);
-        const $ = o.getState(), k = {
-          path: l.path,
-          params: y.params,
-          query: l.query
-        }, d = t.find((x) => Q([x], k.path).route !== null);
-        if (d?.beforeEnter)
+        }, w = Y(t, d.path);
+        if (!w) throw new Error(`No route found for ${d.path}`);
+        const k = o.getState(), C = {
+          path: d.path,
+          params: w.params,
+          query: d.query
+        }, m = t.find(($) => Y([$], C.path).route !== null);
+        if (m?.beforeEnter)
           try {
-            const x = await d.beforeEnter(k, $);
-            if (typeof x == "string") {
-              await w(x);
+            const $ = await m.beforeEnter(C, k);
+            if (typeof $ == "string") {
+              await x($);
               return;
             }
-            if (x === !1) return;
+            if ($ === !1) return;
           } catch {
             return;
           }
-        if (d?.onEnter)
+        if (m?.onEnter)
           try {
-            const x = await d.onEnter(k, $);
-            if (typeof x == "string") {
-              await w(x);
+            const $ = await m.onEnter(C, k);
+            if (typeof $ == "string") {
+              await x($);
               return;
             }
-            if (x === !1) return;
+            if ($ === !1) return;
           } catch {
             return;
           }
-        if (o.setState(k), d?.afterEnter)
+        if (o.setState(C), m?.afterEnter)
           try {
-            d.afterEnter(k, $);
+            m.afterEnter(C, k);
           } catch {
           }
       } catch {
       }
     };
-    u = async (a) => w(a), m = async (a) => w(a), g = () => {
+    a = async (l) => x(l), p = async (l) => x(l), h = () => {
     };
   }
   return {
     store: o,
-    push: u,
-    replace: m,
-    back: g,
+    push: a,
+    replace: p,
+    back: h,
     subscribe: o.subscribe,
-    matchRoute: (v) => Q(t, v),
+    matchRoute: (y) => Y(t, y),
     getCurrent: () => o.getState(),
-    resolveRouteComponent: ur
+    resolveRouteComponent: hr
   };
 }
 function zr(e, t) {
-  return Q(e, t);
+  return Y(e, t);
 }
-function Ir(e) {
-  const t = fr(e);
-  return et("router-view", (r = {}, n = {}) => {
+function Br(e) {
+  const t = pr(e);
+  return nt("router-view", (r = {}, n = {}) => {
     const { onConnected: i } = n;
     if (i && i(() => {
       t && typeof t.subscribe == "function" && t.subscribe(() => {
       });
-    }), !t) return ae`<div>Router not initialized.</div>`;
+    }), !t) return ce`<div>Router not initialized.</div>`;
     const s = t.getCurrent(), { path: o } = s, c = t.matchRoute(o);
-    return c.route ? t.resolveRouteComponent(c.route).then((u) => {
-      if (typeof u == "string")
-        return { tag: u, props: {}, children: [] };
-      if (typeof u == "function") {
-        const m = u();
-        return (m instanceof Promise ? m : Promise.resolve(m)).then((b) => typeof b == "string" ? { tag: b, props: {}, children: [] } : b);
+    return c.route ? t.resolveRouteComponent(c.route).then((a) => {
+      if (typeof a == "string")
+        return { tag: a, props: {}, children: [] };
+      if (typeof a == "function") {
+        const p = a();
+        return (p instanceof Promise ? p : Promise.resolve(p)).then((b) => typeof b == "string" ? { tag: b, props: {}, children: [] } : b);
       }
-      return ae`<div>Invalid route component</div>`;
-    }).catch(() => ae`<div>Invalid route component</div>`) : ae`<div>Not found</div>`;
-  }), et("router-link", (r = {}, n = {}) => {
+      return ce`<div>Invalid route component</div>`;
+    }).catch(() => ce`<div>Invalid route component</div>`) : ce`<div>Not found</div>`;
+  }), nt("router-link", (r = {}, n = {}) => {
     const {
       to: i = "",
       tag: s = "a",
       replace: o = !1,
       exact: c = !1,
-      activeClass: u = "active",
-      exactActiveClass: m = "exact-active",
-      ariaCurrentValue: g = "page",
+      activeClass: a = "active",
+      exactActiveClass: p = "exact-active",
+      ariaCurrentValue: h = "page",
       disabled: b = !1,
-      external: p = !1,
-      class: f = ""
-    } = r, h = t.getCurrent(), v = h.path === i, w = c ? v : h && typeof h.path == "string" ? h.path.startsWith(i) : !1, a = v ? `aria-current="${g}"` : "", l = (f || "").split(/\s+/).filter(Boolean), y = {};
-    for (const C of l) y[C] = !0;
-    const $ = {
-      ...y,
+      external: g = !1,
+      class: u = ""
+    } = r, f = t.getCurrent(), y = f.path === i, x = c ? y : f && typeof f.path == "string" ? f.path.startsWith(i) : !1, l = y ? `aria-current="${h}"` : "", d = (u || "").split(/\s+/).filter(Boolean), w = {};
+    for (const v of d) w[v] = !0;
+    const k = {
+      ...w,
       // Also include the configurable names (may duplicate the above)
-      [u]: w,
-      [m]: v
-    }, k = s === "button", d = b ? k ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", x = p && (s === "a" || !s) ? 'target="_blank" rel="noopener noreferrer"' : "", A = (C) => {
+      [a]: x,
+      [p]: y
+    }, C = s === "button", m = b ? C ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", $ = g && (s === "a" || !s) ? 'target="_blank" rel="noopener noreferrer"' : "", S = (v) => {
       if (b) {
-        C.preventDefault();
+        v.preventDefault();
         return;
       }
-      p && (s === "a" || !s) || (C.preventDefault(), o ? t.replace(i) : t.push(i));
+      g && (s === "a" || !s) || (v.preventDefault(), o ? t.replace(i) : t.push(i));
     };
-    return ae`
-      ${ar().when(k, ae`
+    return ce`
+      ${ur().when(C, ce`
           <button
             part="button"
-            :class="${$}"
-            ${a}
-            ${d}
-            ${x}
-            @click="${A}"
+            :class="${k}"
+            ${l}
+            ${m}
+            ${$}
+            @click="${S}"
           ><slot></slot></button>
-        `).otherwise(ae`
+        `).otherwise(ce`
           <a
             part="link"
             href="${i}"
-            :class="${$}"
-            ${a}
-            ${d}
-            ${x}
-            @click="${A}"
+            :class="${k}"
+            ${l}
+            ${m}
+            ${$}
+            @click="${S}"
           ><slot></slot></a>
         `).done()}
     `;
   }), t;
 }
 export {
-  fe as GlobalEventBus,
-  j as anchorBlock,
-  et as component,
-  hr as computed,
-  tt as createStore,
-  Pt as css,
-  xr as each,
-  Sr as eachGroup,
-  Ar as eachPage,
-  _r as eachWhere,
-  Lr as emit,
-  be as eventBus,
-  ae as html,
-  Ir as initRouter,
-  Nr as listen,
-  ar as match,
-  Q as matchRoute,
+  de as GlobalEventBus,
+  W as anchorBlock,
+  nt as component,
+  mr as computed,
+  it as createStore,
+  Wt as css,
+  Cr as each,
+  Or as eachGroup,
+  Tr as eachPage,
+  Ar as eachWhere,
+  Wr as emit,
+  ve as eventBus,
+  ce as html,
+  Br as initRouter,
+  Hr as listen,
+  ur as match,
+  Y as matchRoute,
   zr as matchRouteSSR,
   te as mediaVariants,
-  jr as off,
-  Mr as on,
-  Wr as once,
-  rt as parseQuery,
-  dr as ref,
+  Ir as off,
+  Dr as on,
+  Nr as once,
+  st as parseQuery,
+  gr as ref,
   Pe as renderToString,
-  ur as resolveRouteComponent,
-  lr as responsive,
-  lt as responsiveOrder,
-  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,
-  vr as useStyle,
-  pr as watch,
+  hr as resolveRouteComponent,
+  dr as responsive,
+  ht as responsiveOrder,
+  Pr as responsiveSwitch,
+  Mr as switchOn,
+  jr as switchOnLength,
+  Rr as switchOnPromise,
+  _r as unless,
+  br as useEmit,
+  vr as useOnAttributeChanged,
+  wr as useOnConnected,
+  xr as useOnDisconnected,
+  $r as useOnError,
+  pr as useRouter,
+  kr as useStyle,
+  yr as watch,
   Re as when,
-  kr as whenEmpty,
+  Er as whenEmpty,
   q as whenMedia,
-  Cr as whenNotEmpty,
-  Rr as whenVariants
+  Sr as whenNotEmpty,
+  Lr as whenVariants
 };
 //# sourceMappingURL=custom-elements-runtime.es.js.map