@jasonshimmy/custom-elements-runtime 1.0.9 → 1.1.0

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

@@ -1,4 +1,4 @@
-class mt {
+class yt {
   pendingUpdates = /* @__PURE__ */ new Map();
   isFlushScheduled = !1;
   /**
@@ -29,12 +29,12 @@ class mt {
     return this.pendingUpdates.size;
   }
 }
-const yt = new mt();
-function fe(e, t) {
-  yt.schedule(e, t);
+const bt = new yt();
+function de(e, t) {
+  bt.schedule(e, t);
 }
-const Ke = /* @__PURE__ */ new WeakSet();
-class bt {
+const Je = /* @__PURE__ */ new WeakSet();
+class wt {
   static cache = /* @__PURE__ */ new WeakMap();
   static arrayHandlerCache = /* @__PURE__ */ new WeakMap();
   static objectHandlerCache = /* @__PURE__ */ new WeakMap();
@@ -47,7 +47,7 @@ class bt {
       return i;
     const s = n ? this.getOrCreateArrayHandler(r) : this.getOrCreateObjectHandler(r), o = new Proxy(t, s);
     try {
-      ot.markAsProxy(o);
+      ct.markAsProxy(o);
     } catch {
     }
     return this.cache.set(t, o), o;
@@ -71,8 +71,8 @@ class bt {
             "fill",
             "copyWithin"
           ].includes(i) ? function(...a) {
-            const p = o.apply(n, a);
-            return t.triggerUpdate(), p;
+            const h = o.apply(n, a);
+            return t.triggerUpdate(), h;
           } : o;
         },
         set: (n, i, s) => (n[i] = t.makeReactiveValue(s), t.triggerUpdate(), !0),
@@ -118,7 +118,7 @@ class bt {
     };
   }
 }
-class ot {
+class ct {
   // 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 ot {
    */
   static createReactiveProxy(t, r, n) {
     try {
-      if (Ke.has(t)) return t;
+      if (Je.has(t)) return t;
     } catch {
     }
     const i = Array.isArray(t);
@@ -139,7 +139,7 @@ class ot {
     return o || (o = {
       triggerUpdate: r,
       makeReactiveValue: n
-    }, s.set(n, o)), bt.getOrCreateProxy(t, o, i);
+    }, s.set(n, o)), wt.getOrCreateProxy(t, o, i);
   }
   /**
    * Mark an object as a proxy (for optimization)
@@ -147,12 +147,12 @@ class ot {
   static markAsProxy(t) {
     if (t)
       try {
-        Ke.add(t);
+        Je.add(t);
       } catch {
       }
   }
 }
-class wt {
+class xt {
   currentComponent = null;
   componentDependencies = /* @__PURE__ */ new Map();
   componentRenderFunctions = /* @__PURE__ */ new Map();
@@ -218,11 +218,11 @@ class wt {
    */
   getOrCreateState(t) {
     if (!this.currentComponent)
-      return new Ue(t);
+      return new Fe(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 Ue(t);
+    const s = new Fe(t);
     return this.stateStorage.set(i, s), s;
   }
   /**
@@ -237,7 +237,7 @@ class wt {
   triggerUpdate(t) {
     t.getDependents().forEach((r) => {
       const n = this.componentRenderFunctions.get(r);
-      n && fe(n, r);
+      n && de(n, r);
     });
   }
   /**
@@ -251,8 +251,8 @@ class wt {
     this.stateIndexCounter.delete(t);
   }
 }
-const F = new wt();
-class Ue {
+const F = new xt();
+class Fe {
   _value;
   dependents = /* @__PURE__ */ new Set();
   constructor(t) {
@@ -284,7 +284,7 @@ class Ue {
     return this.dependents;
   }
   makeReactive(t) {
-    return t === null || typeof t != "object" || t instanceof Node || t instanceof Element || t instanceof HTMLElement ? t : ot.createReactiveProxy(
+    return t === null || typeof t != "object" || t instanceof Node || t instanceof Element || t instanceof HTMLElement ? t : ct.createReactiveProxy(
       t,
       () => F.triggerUpdate(this),
       (r) => this.makeReactive(r)
@@ -308,7 +308,7 @@ function ee(e) {
   }
 }
 function mr(e) {
-  const t = new Ue(e());
+  const t = new Fe(e());
   return {
     get value() {
       return F.trackDependency(t), e();
@@ -327,23 +327,23 @@ function yr(e, t, r = {}) {
     F.cleanup(i);
   };
 }
-const $e = /* @__PURE__ */ new Map(), ke = /* @__PURE__ */ new Map(), Ce = /* @__PURE__ */ new Map(), Fe = 500;
-function re(e) {
-  if ($e.has(e))
-    return $e.get(e);
-  const t = e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-  return $e.size < Fe && $e.set(e, t), t;
-}
-function at(e) {
+const ke = /* @__PURE__ */ new Map(), Ce = /* @__PURE__ */ new Map(), _e = /* @__PURE__ */ new Map(), Ve = 500;
+function ie(e) {
   if (ke.has(e))
     return ke.get(e);
+  const t = e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+  return ke.size < Ve && ke.set(e, t), t;
+}
+function lt(e) {
+  if (Ce.has(e))
+    return Ce.get(e);
   const t = e.replace(/-([a-z])/g, (r, n) => n.toUpperCase());
-  return ke.size < Fe && ke.set(e, t), t;
+  return Ce.size < Ve && Ce.set(e, t), t;
 }
-function pe(e) {
+function ge(e) {
   if (typeof e == "string") {
-    if (Ce.has(e))
-      return Ce.get(e);
+    if (_e.has(e))
+      return _e.get(e);
     const t = e.replace(
       /[&<>"']/g,
       (r) => ({
@@ -354,102 +354,102 @@ function pe(e) {
         "'": "&#39;"
       })[r]
     );
-    return t !== e && Ce.size < Fe && Ce.set(e, t), t;
+    return t !== e && _e.size < Ve && _e.set(e, t), t;
   }
   return e;
 }
-function B(e, t) {
+function U(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 Se(e, t, r) {
+function Ae(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 ct = typeof process < "u" && process.env?.NODE_ENV !== "production";
-function se(e, ...t) {
-  ct && console.error(e, ...t);
+const ut = typeof process < "u" && process.env?.NODE_ENV !== "production";
+function oe(e, ...t) {
+  ut && console.error(e, ...t);
 }
 function Le(e, ...t) {
-  ct && console.warn(e, ...t);
+  ut && console.warn(e, ...t);
 }
-function xt(e, t, r) {
+function vt(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: B(e, n)
+        oldValue: U(e, n)
       }), o.immediate)
         try {
-          const c = B(e, n);
+          const c = U(e, n);
           s(c, void 0, e);
         } catch (c) {
-          se(`Error in immediate watcher for "${n}":`, c);
+          oe(`Error in immediate watcher for "${n}":`, c);
         }
     }
 }
-function vt(e, t, r, n) {
+function $t(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((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]));
+      return o.length !== c.length ? !1 : o.every((p, x) => i(p, c[x]));
+    const a = Object.keys(o), h = Object.keys(c);
+    return a.length !== h.length ? !1 : a.every((p) => i(o[p], c[p]));
   }, s = t.get(r);
   if (s && !i(n, s.oldValue))
     try {
       s.callback(n, s.oldValue, e), s.oldValue = n;
     } catch (o) {
-      se(`Error in watcher for "${r}":`, o);
+      oe(`Error in watcher for "${r}":`, o);
     }
   for (const [o, c] of t.entries())
     if (c.options.deep && r.startsWith(o + "."))
       try {
-        const a = B(e, o);
+        const a = U(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);
+        oe(`Error in deep watcher for "${o}":`, a);
       }
 }
-function Ve(e, t) {
+function Ze(e, t) {
   return t === Boolean ? e === "true" : t === Number ? Number(e) : e;
 }
-function $t(e, t, r) {
+function kt(e, t, r) {
   t && Object.entries(t).forEach(([n, i]) => {
-    const s = re(n), o = e.getAttribute(s);
+    const s = ie(n), o = e.getAttribute(s);
     if (i.type === Function && typeof e[n] == "function")
       r[n] = e[n];
     else if (typeof e[n] < "u")
       try {
         const 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] = Ve(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] = Ze(String(c), i.type);
       } catch {
         r[n] = e[n];
       }
-    else o !== null ? r[n] = Ve(o, i.type) : "default" in i && i.default !== void 0 && (r[n] = i.default);
+    else o !== null ? r[n] = Ze(o, i.type) : "default" in i && i.default !== void 0 && (r[n] = i.default);
   });
 }
-function kt(e, t, r) {
-  t.props && $t(e, t.props, r);
+function Ct(e, t, r) {
+  t.props && kt(e, t.props, r);
 }
-function Ct(e, t, r, n) {
+function _t(e, t, r, n) {
   e.onConnected && !r && (e.onConnected(t), n(!0));
 }
-function _t(e, t, r, n, i, s, o, c) {
+function Et(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 Et(e, t, r, n, i) {
+function St(e, t, r, n, i) {
   e.onAttributeChanged && e.onAttributeChanged(t, r, n, i);
 }
-class St {
+class At {
   static cache = /* @__PURE__ */ new Map();
   static maxCacheSize = 1e3;
   // Dangerous patterns to block
@@ -512,9 +512,9 @@ class St {
       return this.createObjectEvaluator(t);
     if (/^ctx\.[a-zA-Z0-9_\.]+$/.test(t.trim())) {
       const r = t.trim().slice(4);
-      return (n) => B(n, r);
+      return (n) => U(n, r);
     }
-    return t.includes("ctx") || /[+\-*/%<>=&|?:\[\]]/.test(t) ? this.createSimpleEvaluator(t) : (r) => B(r, t);
+    return t.includes("ctx") || /[+\-*/%<>=&|?:\[\]]/.test(t) ? this.createSimpleEvaluator(t) : (r) => U(r, t);
   }
   static createObjectEvaluator(t) {
     const r = t.trim().slice(1, -1), n = this.parseObjectProperties(r);
@@ -524,7 +524,7 @@ class St {
         try {
           if (c.startsWith("ctx.")) {
             const a = c.slice(4);
-            s[o] = B(i, a);
+            s[o] = U(i, a);
           } else
             s[o] = this.evaluateSimpleValue(c, i);
         } catch {
@@ -548,35 +548,35 @@ class St {
       try {
         let n = t;
         const i = [];
-        n = n.replace(/("[^"\\]*(?:\\.[^"\\]*)*"|'[^'\\]*(?:\\.[^'\\]*)*')/g, (b) => `<<#${i.push(b) - 1}#>>`);
+        n = n.replace(/("[^"\\]*(?:\\.[^"\\]*)*"|'[^'\\]*(?:\\.[^'\\]*)*')/g, (x) => `<<#${i.push(x) - 1}#>>`);
         const s = n.match(/ctx\.[\w.]+/g) || [];
-        for (const b of s) {
-          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}#>>`);
+        for (const x of s) {
+          const m = x.slice(4), d = U(r, m);
+          if (d === void 0) return;
+          const u = i.push(JSON.stringify(d)) - 1;
+          n = n.replace(new RegExp(x.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${u}#>>`);
         }
         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 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}#>>`);
+        for (const x of c) {
+          if (x.startsWith("ctx.")) continue;
+          const m = U(r, x);
+          if (m === void 0) return;
+          const d = i.push(JSON.stringify(m)) - 1;
+          n = n.replace(new RegExp(x.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${d}#>>`);
         }
         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}#>>`);
+        let h;
+        const p = /* @__PURE__ */ new Set();
+        for (; (h = a.exec(n)) !== null; ) {
+          const x = h[1];
+          if (["true", "false", "null", "undefined"].includes(x) || /^[0-9]+$/.test(x) || x === "ctx" || p.has(x)) continue;
+          p.add(x);
+          const m = U(r, x);
+          if (m === void 0) return;
+          const d = JSON.stringify(m), u = i.push(d) - 1;
+          x.includes(".") ? n = n.replace(new RegExp(x.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${u}#>>`) : n = n.replace(new RegExp("\\b" + x.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + "\\b", "g"), `<<#${u}#>>`);
         }
-        n = n.replace(/<<#(\d+)#>>/g, (b, g) => i[Number(g)]);
+        n = n.replace(/<<#(\d+)#>>/g, (x, m) => i[Number(m)]);
         try {
           return this.evaluateBasicExpression(n);
         } catch {
@@ -599,12 +599,12 @@ class St {
       return r[n];
     }
     function s(l) {
-      const d = r[n++];
-      if (l && !d)
+      const f = r[n++];
+      if (l && !f)
         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;
+      if (l && f && f.type !== l && f.value !== l)
+        throw new Error(`Unexpected token ${f.type}/${f.value}, expected ${l}`);
+      return f;
     }
     function o() {
       return c();
@@ -613,101 +613,101 @@ class St {
       let l = a();
       if (i() && i().value === "?") {
         s("?");
-        const d = o();
+        const f = o();
         s(":");
-        const w = o();
-        return l ? d : w;
+        const b = o();
+        return l ? f : b;
       }
       return l;
     }
     function a() {
-      let l = p();
+      let l = h();
       for (; i() && i().value === "||"; ) {
         s("OP");
-        const d = p();
-        l = l || d;
+        const f = h();
+        l = l || f;
       }
       return l;
     }
-    function p() {
-      let l = h();
+    function h() {
+      let l = p();
       for (; i() && i().value === "&&"; ) {
         s("OP");
-        const d = h();
-        l = l && d;
+        const f = p();
+        l = l && f;
       }
       return l;
     }
-    function h() {
-      let l = b();
+    function p() {
+      let l = x();
       for (; i() && ["==", "!=", "===", "!=="].includes(i().value); ) {
-        const d = s("OP").value, w = b();
-        switch (d) {
+        const f = s("OP").value, b = x();
+        switch (f) {
           case "==":
-            l = l == w;
+            l = l == b;
             break;
           case "!=":
-            l = l != w;
+            l = l != b;
             break;
           case "===":
-            l = l === w;
+            l = l === b;
             break;
           case "!==":
-            l = l !== w;
+            l = l !== b;
             break;
         }
       }
       return l;
     }
-    function b() {
-      let l = g();
+    function x() {
+      let l = m();
       for (; i() && [">", "<", ">=", "<="].includes(i().value); ) {
-        const d = s("OP").value, w = g();
-        switch (d) {
+        const f = s("OP").value, b = m();
+        switch (f) {
           case ">":
-            l = l > w;
+            l = l > b;
             break;
           case "<":
-            l = l < w;
+            l = l < b;
             break;
           case ">=":
-            l = l >= w;
+            l = l >= b;
             break;
           case "<=":
-            l = l <= w;
+            l = l <= b;
             break;
         }
       }
       return l;
     }
-    function g() {
-      let l = u();
+    function m() {
+      let l = d();
       for (; i() && (i().value === "+" || i().value === "-"); ) {
-        const d = s("OP").value, w = u();
-        l = d === "+" ? l + w : l - w;
+        const f = s("OP").value, b = d();
+        l = f === "+" ? l + b : l - b;
       }
       return l;
     }
-    function u() {
-      let l = f();
+    function d() {
+      let l = u();
       for (; i() && (i().value === "*" || i().value === "/" || i().value === "%"); ) {
-        const d = s("OP").value, w = f();
-        switch (d) {
+        const f = s("OP").value, b = u();
+        switch (f) {
           case "*":
-            l = l * w;
+            l = l * b;
             break;
           case "/":
-            l = l / w;
+            l = l / b;
             break;
           case "%":
-            l = l % w;
+            l = l % b;
             break;
         }
       }
       return l;
     }
-    function f() {
-      return i() && i().value === "!" ? (s("OP"), !f()) : i() && i().value === "-" ? (s("OP"), -f()) : y();
+    function u() {
+      return i() && i().value === "!" ? (s("OP"), !u()) : i() && i().value === "-" ? (s("OP"), -u()) : y();
     }
     function y() {
       const l = i();
@@ -720,15 +720,15 @@ class St {
           return s("IDENT"), l.value === "true" ? !0 : l.value === "false" ? !1 : l.value === "null" ? null : void 0;
         if (l.value === "[") {
           s("PUNC");
-          const d = [];
+          const f = [];
           for (; i() && i().value !== "]"; )
-            d.push(o()), i() && i().value === "," && s("PUNC");
-          return s("PUNC"), d;
+            f.push(o()), i() && i().value === "," && s("PUNC");
+          return s("PUNC"), f;
         }
         if (l.value === "(") {
           s("PUNC");
-          const d = o();
-          return s("PUNC"), d;
+          const f = o();
+          return s("PUNC"), f;
         }
         throw new Error("Unexpected token in expression");
       }
@@ -750,7 +750,7 @@ class St {
     if (!isNaN(Number(t))) return Number(t);
     if (t.startsWith("ctx.")) {
       const n = t.slice(4);
-      return B(r, n);
+      return U(r, n);
     }
     return t.startsWith('"') && t.endsWith('"') || t.startsWith("'") && t.endsWith("'") ? t.slice(1, -1) : t;
   }
@@ -761,7 +761,7 @@ class St {
     return this.cache.size;
   }
 }
-class oe {
+class ae {
   static cleanupFunctions = /* @__PURE__ */ new WeakMap();
   /**
    * Add an event listener with automatic cleanup tracking
@@ -835,163 +835,163 @@ class oe {
     return n ? n.length : 0;
   }
 }
-function ue(e, t) {
+function fe(e, t) {
   if (t && e instanceof HTMLElement) {
-    oe.cleanup(e);
+    ae.cleanup(e);
     for (const r in t)
       t[r] === e && delete t[r];
     for (const r of Array.from(e.childNodes))
-      ue(r, t);
+      fe(r, t);
   }
 }
-function ye(e, t, r) {
+function be(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 At(e, t, r, n, i, s, o, c) {
+function jt(e, t, r, n, i, s, o, c) {
   if (!s) return;
-  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 a = t.includes("lazy"), h = t.includes("trim"), p = t.includes("number"), x = e && typeof e == "object" && "value" in e && typeof e.value < "u", m = () => {
+    if (x) {
       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 ?? ""));
+    return U(s._state || s, e);
+  }, d = m();
+  let u = "text";
+  o instanceof HTMLInputElement ? u = n?.type || o.type || "text" : o instanceof HTMLSelectElement ? u = "select" : o instanceof HTMLTextAreaElement && (u = "textarea");
+  const y = o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement || o instanceof HTMLSelectElement, l = y ? u === "checkbox" || u === "radio" ? "checked" : "value" : c ?? "modelValue";
+  if (u === "checkbox")
+    if (Array.isArray(d))
+      r[l] = d.includes(String(o?.getAttribute("value") ?? n?.value ?? ""));
     else {
       const k = o?.getAttribute("true-value") ?? !0;
-      r[l] = u === k;
+      r[l] = d === k;
     }
-  else if (f === "radio")
-    r[l] = u === (n?.value ?? "");
-  else if (f === "select")
+  else if (u === "radio")
+    r[l] = d === (n?.value ?? "");
+  else if (u === "select")
     if (o && o.hasAttribute("multiple") && o instanceof HTMLSelectElement) {
-      const k = Array.isArray(u) ? u.map(String) : [];
+      const k = Array.isArray(d) ? d.map(String) : [];
       setTimeout(() => {
         Array.from(o.options).forEach((C) => {
           C.selected = k.includes(C.value);
         });
-      }, 0), r[l] = Array.isArray(u) ? u : [];
+      }, 0), r[l] = Array.isArray(d) ? d : [];
     } else
-      r[l] = u;
+      r[l] = d;
   else {
-    r[l] = u;
+    r[l] = d;
     try {
-      const k = re(l);
-      n && (n[k] = u);
+      const k = ie(l);
+      n && (n[k] = d);
     } catch {
     }
   }
-  const d = a || f === "checkbox" || f === "radio" || f === "select" ? "change" : "input", w = (k) => {
+  const f = a || u === "checkbox" || u === "radio" || u === "select" ? "change" : "input", b = (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);
+    const g = k.target;
+    if (!g || g._modelUpdating) return;
+    let $ = g.value;
+    if (u === "checkbox") {
+      const A = m();
+      if (Array.isArray(A)) {
+        const D = g.getAttribute("value") ?? "", S = Array.from(A);
+        if (g.checked)
+          S.includes(D) || S.push(D);
         else {
-          const O = E.indexOf(N);
-          O > -1 && E.splice(O, 1);
+          const O = S.indexOf(D);
+          O > -1 && S.splice(O, 1);
         }
-        $ = E;
+        $ = S;
       } else {
-        const N = m.getAttribute("true-value") ?? !0, E = m.getAttribute("false-value") ?? !1;
-        $ = m.checked ? N : E;
+        const D = g.getAttribute("true-value") ?? !0, S = g.getAttribute("false-value") ?? !1;
+        $ = g.checked ? D : S;
       }
-    } 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);
+    } else if (u === "radio")
+      $ = g.getAttribute("value") ?? g.value;
+    else if (u === "select" && g.multiple)
+      $ = Array.from(g.selectedOptions).map((A) => A.value);
+    else if (h && typeof $ == "string" && ($ = $.trim()), p) {
+      const A = Number($);
+      isNaN(A) || ($ = A);
     }
-    const S = s._state || s, v = g();
+    const j = s._state || s, v = m();
     if (Array.isArray($) && Array.isArray(v) ? JSON.stringify([...$].sort()) !== JSON.stringify([...v].sort()) : $ !== v) {
-      m._modelUpdating = !0;
+      g._modelUpdating = !0;
       try {
-        if (b)
+        if (x)
           if (c && typeof e.value == "object" && e.value !== null) {
-            const j = { ...e.value };
-            j[c] = $, e.value = j;
+            const A = { ...e.value };
+            A[c] = $, e.value = A;
           } else
             e.value = $;
         else
-          Se(S, e, $);
+          Ae(j, e, $);
         if (s._requestRender && s._requestRender(), s._triggerWatchers) {
-          const j = b ? "reactiveState" : e;
-          s._triggerWatchers(j, $);
+          const A = x ? "reactiveState" : e;
+          s._triggerWatchers(A, $);
         }
-        if (m) {
-          const j = `update:${re(l)}`, N = new CustomEvent(j, {
+        if (g) {
+          const A = `update:${ie(l)}`, D = new CustomEvent(A, {
             detail: $,
             bubbles: !0,
             composed: !0
           });
-          m.dispatchEvent(N);
+          g.dispatchEvent(D);
         }
       } finally {
-        setTimeout(() => m._modelUpdating = !1, 0);
+        setTimeout(() => g._modelUpdating = !1, 0);
       }
     }
   };
   if (y) {
-    if (i[d]) {
-      const k = i[d];
-      o && oe.removeListener(o, d, k);
+    if (i[f]) {
+      const k = i[f];
+      o && ae.removeListener(o, f, k);
     }
-    i[d] = w;
+    i[f] = b;
   } else {
-    const k = `update:${re(l)}`;
+    const k = `update:${ie(l)}`;
     if (i[k]) {
       const C = i[k];
-      o && oe.removeListener(o, k, C);
+      o && ae.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] = $;
+      const g = s._state || s, $ = C.detail !== void 0 ? C.detail : C.target?.value, j = U(g, e);
+      if (Array.isArray($) && Array.isArray(j) ? JSON.stringify([...$].sort()) !== JSON.stringify([...j].sort()) : $ !== j) {
+        Ae(g, e, $), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, $);
+        const _ = C.target;
+        if (_) {
+          _[l] = $;
           try {
-            const j = re(l);
-            typeof $ == "boolean" ? $ ? A.setAttribute(j, "true") : A.setAttribute(j, "false") : A.setAttribute(j, String($));
+            const A = ie(l);
+            typeof $ == "boolean" ? $ ? _.setAttribute(A, "true") : _.setAttribute(A, "false") : _.setAttribute(A, String($));
           } catch {
           }
           queueMicrotask(() => {
-            typeof A._applyProps == "function" && A._applyProps(A._cfg), typeof A._requestRender == "function" && A._requestRender();
+            typeof _._applyProps == "function" && _._applyProps(_._cfg), typeof _._requestRender == "function" && _._requestRender();
           });
         }
       }
     };
   }
-  (f === "text" || f === "textarea") && (i.compositionstart = (() => i._isComposing = !0), i.compositionend = (k) => {
+  (u === "text" || u === "textarea") && (i.compositionstart = (() => i._isComposing = !0), i.compositionend = (k) => {
     i._isComposing = !1;
     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);
+      const g = C.value, $ = s._state || s, j = U($, e);
+      let v = g;
+      if (h && (v = v.trim()), p) {
+        const A = Number(v);
+        isNaN(A) || (v = A);
       }
-      if (Array.isArray(v) && Array.isArray(S) ? JSON.stringify([...v].sort()) !== JSON.stringify([...S].sort()) : v !== S) {
+      if (Array.isArray(v) && Array.isArray(j) ? JSON.stringify([...v].sort()) !== JSON.stringify([...j].sort()) : v !== j) {
         C._modelUpdating = !0;
         try {
-          Se($, e, v), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, v);
+          Ae($, e, v), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, v);
         } finally {
           setTimeout(() => C._modelUpdating = !1, 0);
         }
@@ -999,18 +999,18 @@ function At(e, t, r, n, i, s, o, c) {
     }, 0);
   });
 }
-function lt(e) {
+function ft(e) {
   const t = e.slice(2);
   return t ? t.charAt(0).toLowerCase() + t.slice(1) : "";
 }
-function jt(e, t, r, n) {
+function Ot(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 = we(e, n);
+      const i = xe(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,16 +1020,16 @@ function jt(e, t, r, n) {
         return;
       }
     } catch {
-      const i = B(n, e);
+      const i = U(n, e);
       r[e] = i;
     }
   }
 }
-function Ot(e, t, r) {
+function Tt(e, t, r) {
   let n;
   if (typeof e == "string") {
     if (!r) return;
-    n = we(e, r);
+    n = xe(e, r);
   } else
     n = e;
   const i = t.style || "";
@@ -1050,14 +1050,14 @@ function Ot(e, t, r) {
     s = "display: none";
   s !== i && (s ? t.style = s : delete t.style);
 }
-function we(e, t) {
-  return St.evaluate(e, t);
+function xe(e, t) {
+  return At.evaluate(e, t);
 }
-function Tt(e, t, r) {
+function Rt(e, t, r) {
   let n;
   if (typeof e == "string") {
     if (!r) return;
-    n = we(e, r);
+    n = xe(e, r);
   } else
     n = e;
   let i = [];
@@ -1065,11 +1065,11 @@ function Tt(e, t, r) {
   const s = t.class || "", o = s ? `${s} ${i.join(" ")}`.trim() : i.join(" ");
   o && (t.class = o);
 }
-function Rt(e, t, r) {
+function Pt(e, t, r) {
   let n;
   if (typeof e == "string") {
     if (!r) return;
-    n = we(e, r);
+    n = xe(e, r);
   } else
     n = e;
   let i = "";
@@ -1079,10 +1079,10 @@ function Rt(e, t, r) {
     const o = [];
     for (const [c, a] of Object.entries(n))
       if (a != null && a !== "") {
-        const p = c.replace(
+        const h = c.replace(
           /[A-Z]/g,
-          (g) => `-${g.toLowerCase()}`
-        ), h = [
+          (m) => `-${m.toLowerCase()}`
+        ), p = [
           "width",
           "height",
           "top",
@@ -1108,8 +1108,8 @@ function Rt(e, t, r) {
           "min-height",
           "max-height"
         ];
-        let b = String(a);
-        typeof a == "number" && h.includes(p) && (b = `${a}px`), o.push(`${p}: ${b}`);
+        let x = String(a);
+        typeof a == "number" && p.includes(h) && (x = `${a}px`), o.push(`${h}: ${x}`);
       }
     i = o.join("; ") + (o.length > 0 ? ";" : "");
   }
@@ -1118,55 +1118,55 @@ function Rt(e, t, r) {
 }
 function Lt(e, t, r) {
   let n = e;
-  typeof e == "string" && r && (n = we(e, r)), ee(n) ? t.reactiveRef = n : t.ref = n;
+  typeof e == "string" && r && (n = xe(e, r)), ee(n) ? t.reactiveRef = n : t.ref = n;
 }
-function ut(e, t, r, n) {
+function dt(e, t, r, n) {
   const i = {}, s = { ...n || {} }, o = {};
   for (const [c, a] of Object.entries(e)) {
-    const { value: p, modifiers: h, arg: b } = a;
+    const { value: h, modifiers: p, arg: x } = a;
     if (c === "model" || c.startsWith("model:")) {
-      const g = c.split(":"), u = g.length > 1 ? g[1] : b;
-      At(
-        p,
-        // Pass the original value (could be string or reactive state object)
+      const m = c.split(":"), d = m.length > 1 ? m[1] : x;
+      jt(
         h,
+        // Pass the original value (could be string or reactive state object)
+        p,
         i,
         s,
         o,
         t,
         r,
-        u
+        d
       );
       continue;
     }
     switch (c) {
       case "bind":
-        jt(p, i, s, t);
+        Ot(h, i, s, t);
         break;
       case "show":
-        Ot(p, s, t);
+        Tt(h, s, t);
         break;
       case "class":
-        Tt(p, s, t);
+        Rt(h, s, t);
         break;
       case "style":
-        Rt(p, s, t);
+        Pt(h, s, t);
         break;
       case "ref":
-        Lt(p, i, t);
+        Lt(h, i, t);
         break;
     }
   }
   return { props: i, attrs: s, listeners: o };
 }
-function qe(e, t) {
+function Ke(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", u = [
+        const x = o.tag || "node", d = [
           // attrs (kebab-case)
           o.props?.attrs?.id,
           o.props?.attrs?.name,
@@ -1176,23 +1176,23 @@ function qe(e, t) {
           o.props?.props?.name,
           o.props?.props?.dataKey,
           o.props?.props?.["data-key"]
-        ].find((f) => f != null) ?? "";
-        c = u ? `${t}:${b}:${u}` : `${t}:${b}`;
+        ].find((u) => u != null) ?? "";
+        c = d ? `${t}:${x}:${d}` : `${t}:${x}`;
       }
-      let a = c, p = 1;
+      let a = c, h = 1;
       for (; s.has(a); )
-        a = `${c}#${p++}`;
+        a = `${c}#${h++}`;
       s.add(a);
-      let h = o.children;
-      return Array.isArray(h) && (h = qe(h, a)), { ...o, key: a, children: h };
+      let p = o.children;
+      return Array.isArray(p) && (p = Ke(p, a)), { ...o, key: a, children: p };
     });
   }
   const r = e;
   let n = r.props?.key ?? r.key ?? t, i = r.children;
-  return Array.isArray(i) && (i = qe(i, n)), { ...r, key: n, children: i };
+  return Array.isArray(i) && (i = Ke(i, n)), { ...r, key: n, children: i };
 }
-function Je(e, t, r, n) {
-  const i = r.directives ?? {}, s = ut(
+function Ge(e, t, r, n) {
+  const i = r.directives ?? {}, s = dt(
     i,
     n,
     e,
@@ -1205,39 +1205,39 @@ function Je(e, t, r, n) {
     ...t.attrs,
     ...r.attrs,
     ...s.attrs
-  }, a = t.props ?? {}, p = o, h = r?.isCustomElement ?? t?.isCustomElement ?? !1;
-  let b = !1;
-  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)
+  }, a = t.props ?? {}, h = o, p = r?.isCustomElement ?? t?.isCustomElement ?? !1;
+  let x = !1;
+  for (const u in { ...a, ...h }) {
+    const y = a[u], w = h[u];
+    if (y !== w)
+      if (x = !0, u === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement))
+        e.value !== w && (e.value = w ?? "");
+      else if (u === "checked" && e instanceof HTMLInputElement)
+        e.checked = !!w;
+      else if (u.startsWith("on") && typeof w == "function") {
+        const l = ft(u);
+        typeof y == "function" && ae.removeListener(e, l, y), ae.addListener(e, l, w);
+      } else if (w == null)
+        e.removeAttribute(u);
+      else if ((r?.isCustomElement ?? t?.isCustomElement ?? !1) || u in e)
         try {
-          e[f] = x;
+          e[u] = w;
         } catch {
         }
       else
-        x === !1 && e.removeAttribute(f);
+        w === !1 && e.removeAttribute(u);
   }
-  for (const [f, y] of Object.entries(
+  for (const [u, y] of Object.entries(
     s.listeners || {}
   ))
-    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") {
+    ae.addListener(e, u, y);
+  const m = t.attrs ?? {}, d = c;
+  for (const u in { ...m, ...d }) {
+    const y = m[u], w = d[u];
+    let l = y, f = w;
+    if (ee(y) && (l = y.value), ee(w) && (f = w.value), l !== f)
+      if (x = !0, f == null || f === !1) {
+        if (e.removeAttribute(u), u === "value") {
           if (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement)
             try {
               e.value = "";
@@ -1254,69 +1254,69 @@ function Je(e, t, r, n) {
             } catch {
             }
         }
-        if (f === "checked" && e instanceof HTMLInputElement)
+        if (u === "checked" && e instanceof HTMLInputElement)
           try {
             e.checked = !1;
           } catch {
           }
-        if (f === "disabled")
+        if (u === "disabled")
           try {
             e.disabled = !1;
           } catch {
           }
       } else {
-        if (f === "value") {
+        if (u === "value") {
           if (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement) {
             try {
-              e.value = d ?? "";
+              e.value = f ?? "";
             } catch {
-              e.setAttribute(f, String(d));
+              e.setAttribute(u, String(f));
             }
             continue;
           } else if (e instanceof HTMLSelectElement) {
             try {
-              e.value = d ?? "";
+              e.value = f ?? "";
             } catch {
             }
             continue;
           } else if (e instanceof HTMLProgressElement) {
             try {
-              e.value = Number(d);
+              e.value = Number(f);
             } catch {
             }
             continue;
           }
         }
-        if (f === "checked" && e instanceof HTMLInputElement) {
+        if (u === "checked" && e instanceof HTMLInputElement) {
           try {
-            e.checked = !!d;
+            e.checked = !!f;
           } catch {
           }
           continue;
         }
-        if (f === "style") {
-          e.setAttribute(f, String(d));
+        if (u === "style") {
+          e.setAttribute(u, String(f));
           continue;
         }
-        const w = e.namespaceURI === "http://www.w3.org/2000/svg";
-        if (h && !w && f.includes("-")) {
-          const k = at(f);
+        const b = e.namespaceURI === "http://www.w3.org/2000/svg";
+        if (p && !b && u.includes("-")) {
+          const k = lt(u);
           try {
-            e[k] = d;
+            e[k] = f;
           } catch {
-            e.setAttribute(f, String(d));
+            e.setAttribute(u, String(f));
           }
-        } else if (!w && f in e)
+        } else if (!b && u in e)
           try {
-            e[f] = d;
+            e[u] = f;
           } catch {
-            e.setAttribute(f, String(d));
+            e.setAttribute(u, String(f));
           }
         else
-          e.setAttribute(f, String(d));
+          e.setAttribute(u, String(f));
       }
   }
-  if (h && b)
+  if (p && x)
     try {
       if (typeof e._applyProps == "function")
         try {
@@ -1331,102 +1331,102 @@ function Z(e, t, r) {
   if (typeof e == "string")
     return document.createTextNode(e);
   if (e.tag === "#text") {
-    const g = document.createTextNode(
+    const m = document.createTextNode(
       typeof e.children == "string" ? e.children : ""
     );
-    return e.key != null && (g.key = e.key), g;
+    return e.key != null && (m.key = e.key), m;
   }
   if (e.tag === "#anchor") {
-    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);
+    const m = e, d = Array.isArray(m.children) ? m.children : [], u = document.createTextNode(""), y = document.createTextNode("");
+    m.key != null && (u.key = `${m.key}:start`, y.key = `${m.key}:end`), m._startNode = u, m._endNode = y;
+    const w = document.createDocumentFragment();
+    w.appendChild(u);
+    for (const l of d) {
+      const f = Z(l, t);
+      w.appendChild(f);
     }
-    return x.appendChild(y), x;
+    return w.appendChild(y), w;
   }
   const n = document.createElement(e.tag);
   e.key != null && (n.key = e.key);
-  const { props: i = {}, attrs: s = {}, directives: o = {} } = e.props ?? {}, c = ut(o, t, n, s), a = {
+  const { props: i = {}, attrs: s = {}, directives: o = {} } = e.props ?? {}, c = dt(o, t, n, s), a = {
     ...i,
     ...c.props
-  }, p = {
+  }, h = {
     ...s,
     ...c.attrs
-  }, 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))
+  }, p = n.namespaceURI === "http://www.w3.org/2000/svg";
+  for (const m in h) {
+    const d = h[m];
+    if (!(typeof m != "string" || /\[object Object\]/.test(m))) {
+      if (typeof d == "boolean")
+        d && n.setAttribute(m, "");
+      else if (d != null)
+        if (!p && m === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement || n instanceof HTMLProgressElement))
           try {
-            n instanceof HTMLProgressElement ? n.value = Number(u) : n.value = u ?? "";
+            n instanceof HTMLProgressElement ? n.value = Number(d) : n.value = d ?? "";
           } catch {
-            n.setAttribute(g, String(u));
+            n.setAttribute(m, String(d));
           }
-        else if (!h && g === "checked" && n instanceof HTMLInputElement)
+        else if (!p && m === "checked" && n instanceof HTMLInputElement)
           try {
-            n.checked = !!u;
+            n.checked = !!d;
           } catch {
-            n.setAttribute(g, String(u));
+            n.setAttribute(m, String(d));
           }
-        else if (!h && g in n)
+        else if (!p && m in n)
           try {
-            n[g] = u;
+            n[m] = d;
           } catch {
-            n.setAttribute(g, String(u));
+            n.setAttribute(m, String(d));
           }
-        else if ((e.props?.isCustomElement ?? !1) && !h && g.includes("-")) {
-          const y = at(g);
+        else if ((e.props?.isCustomElement ?? !1) && !p && m.includes("-")) {
+          const y = lt(m);
           try {
-            n[y] = u;
+            n[y] = d;
           } catch {
-            n.setAttribute(g, String(u));
+            n.setAttribute(m, String(d));
           }
         } else
-          n.setAttribute(g, String(u));
+          n.setAttribute(m, String(d));
     }
   }
-  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);
+  for (const m in a) {
+    const d = a[m];
+    if (!(typeof m != "string" || /\[object Object\]/.test(m)))
+      if (m === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement)) {
+        const u = typeof d == "object" && d !== null && typeof d.value < "u" ? d.value : d;
+        n.value = u ?? "";
+      } else if (m === "checked" && n instanceof HTMLInputElement) {
+        const u = typeof d == "object" && d !== null && typeof d.value < "u" ? d.value : d;
+        n.checked = !!u;
+      } else if (m.startsWith("on") && typeof d == "function")
+        ae.addListener(n, ft(m), d);
       else {
-        if (g.startsWith("on") && u === void 0)
+        if (m.startsWith("on") && d === void 0)
           continue;
-        if (u == null || u === !1)
-          n.removeAttribute(g);
-        else if ((e.props?.isCustomElement ?? !1) || g in n)
+        if (d == null || d === !1)
+          n.removeAttribute(m);
+        else if ((e.props?.isCustomElement ?? !1) || m in n)
           try {
-            const y = typeof u == "object" && u !== null && typeof u.value < "u" ? u.value : u;
-            n[g] = y;
+            const y = typeof d == "object" && d !== null && typeof d.value < "u" ? d.value : d;
+            n[m] = y;
           } catch {
           }
       }
   }
-  for (const [g, u] of Object.entries(
+  for (const [m, d] of Object.entries(
     c.listeners || {}
   ))
-    oe.addListener(n, g, u);
-  const b = {
+    ae.addListener(n, m, d);
+  const x = {
     ...e,
     props: {
       ...e.props,
       ...c.props
     }
   };
-  ye(b, n, r);
+  be(x, n, r);
   try {
     if (typeof n._applyProps == "function")
       try {
@@ -1437,126 +1437,126 @@ function Z(e, t, r) {
   } catch {
   }
   if (Array.isArray(e.children))
-    for (const g of e.children)
-      n.appendChild(Z(g, t, r));
+    for (const m of e.children)
+      n.appendChild(Z(m, t, r));
   else typeof e.children == "string" && (n.textContent = e.children);
   try {
-    if (n instanceof HTMLSelectElement && p && p.hasOwnProperty("value"))
+    if (n instanceof HTMLSelectElement && h && h.hasOwnProperty("value"))
       try {
-        n.value = p.value ?? "";
+        n.value = h.value ?? "";
       } catch {
       }
   } catch {
   }
   return n;
 }
-function Pt(e, t, r, n, i) {
+function Mt(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 u of o)
-    u && u.key != null && c.set(u.key, u);
+  for (const d of o)
+    d && d.key != null && c.set(d.key, d);
   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); )
+  for (const d of s) {
+    const u = d.key;
+    u != null && a.set(u, d);
+  }
+  const h = /* @__PURE__ */ new Set();
+  let p = e.firstChild;
+  function x(d, u) {
+    let y = d;
+    for (; y && (h.add(y), y !== u); )
       y = y.nextSibling;
   }
-  function g(u, f, y, x) {
+  function m(d, u, y, w) {
     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)
+    let f = d.nextSibling;
+    for (; f && f !== u; )
+      l.push(f), f = f.nextSibling;
+    const b = Array.isArray(y) ? y : [];
+    if (w.some((C) => C && C.key != null) || b.some((C) => C && C.key != null)) {
+      const C = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
+      for (const v of b)
         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 _ = v.key;
+        _ != null && g.set(_, v);
       }
       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,
+      let j = d.nextSibling;
+      for (const v of w) {
+        let _;
+        if (v.key != null && g.has(v.key)) {
+          const A = C.get(v.key);
+          _ = je(
+            g.get(v.key),
+            A,
             v,
             n
-          ), $.add(A), A !== S && e.contains(A) && e.insertBefore(A, S);
+          ), $.add(_), _ !== j && e.contains(_) && e.insertBefore(_, j);
         } else
-          A = Z(v, n), e.insertBefore(A, S), $.add(A);
-        S = A.nextSibling;
+          _ = Z(v, n), e.insertBefore(_, j), $.add(_);
+        j = _.nextSibling;
       }
       for (const v of l)
         !$.has(v) && e.contains(v) && e.removeChild(v);
     } else {
       const C = Math.min(
-        w.length,
-        x.length
+        b.length,
+        w.length
       );
-      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 g = 0; g < C; g++) {
+        const $ = b[g], j = w[g], v = je(l[g], $, j, n);
+        v !== l[g] && (e.insertBefore(v, l[g]), e.removeChild(l[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 (let g = C; g < w.length; g++)
+        e.insertBefore(Z(w[g], n), u);
+      for (let g = C; g < l.length; g++)
+        e.removeChild(l[g]);
     }
   }
-  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 d of r) {
+    let u;
+    if (d.tag === "#anchor") {
+      const y = d.key, w = `${y}:start`, l = `${y}:end`;
+      let f = a.get(w), b = a.get(l);
+      const k = Array.isArray(d.children) ? d.children : [];
+      if (f || (f = document.createTextNode(""), f.key = w), b || (b = document.createTextNode(""), b.key = l), d._startNode = f, d._endNode = b, !e.contains(f) || !e.contains(b)) {
+        e.insertBefore(f, p);
         for (const C of k)
-          e.insertBefore(Z(C, n), h);
-        e.insertBefore(w, h);
+          e.insertBefore(Z(C, n), p);
+        e.insertBefore(b, p);
       } else
-        g(
-          d,
-          w,
+        m(
+          f,
+          b,
           c.get(y)?.children,
           k
         );
-      b(d, w), h = w.nextSibling;
+      x(f, b), p = b.nextSibling;
       continue;
     }
-    if (u.key != null && a.has(u.key)) {
-      const y = c.get(u.key);
-      f = Ae(
-        a.get(u.key),
+    if (d.key != null && a.has(d.key)) {
+      const y = c.get(d.key);
+      u = je(
+        a.get(d.key),
         y,
-        u,
+        d,
         n,
         i
-      ), p.add(f), f !== h && e.contains(f) && (h && !e.contains(h) && (h = null), e.insertBefore(f, h));
+      ), h.add(u), u !== p && e.contains(u) && (p && !e.contains(p) && (p = null), e.insertBefore(u, p));
     } else
-      f = Z(u, n, i), h && !e.contains(h) && (h = null), e.insertBefore(f, h), p.add(f);
-    h = f.nextSibling;
+      u = Z(d, n, i), p && !e.contains(p) && (p = null), e.insertBefore(u, p), h.add(u);
+    p = u.nextSibling;
   }
-  for (const u of s)
-    !p.has(u) && e.contains(u) && (ue(u, i), e.removeChild(u));
+  for (const d of s)
+    !h.has(d) && e.contains(d) && (fe(d, i), e.removeChild(d));
 }
-function Ae(e, t, r, n, i) {
-  if (t && typeof t != "string" && t.props?.ref && i && ue(e, i), t === r) return e;
+function je(e, t, r, n, i) {
+  if (t && typeof t != "string" && t.props?.ref && i && fe(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,97 +1566,97 @@ function Ae(e, t, r, n, i) {
     }
   }
   if (r && typeof r != "string" && r.tag === "#anchor") {
-    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 g = Z(b, n);
-      h.appendChild(g);
+    const o = r, c = Array.isArray(o.children) ? o.children : [], a = o._startNode ?? document.createTextNode(""), h = o._endNode ?? document.createTextNode("");
+    o.key != null && (a.key = `${o.key}:start`, h.key = `${o.key}:end`), o._startNode = a, o._endNode = h;
+    const p = document.createDocumentFragment();
+    p.appendChild(a);
+    for (const x of c) {
+      const m = Z(x, n);
+      p.appendChild(m);
     }
-    return h.appendChild(p), e.parentNode?.replaceChild(h, e), a;
+    return p.appendChild(h), e.parentNode?.replaceChild(p, e), a;
   }
   if (!r) {
-    ue(e, i);
+    fe(e, i);
     const o = document.createComment("removed");
     return e.parentNode?.replaceChild(o, e), o;
   }
   if (!t || typeof t == "string") {
-    ue(e, i);
+    fe(e, i);
     const o = Z(r, n, i);
-    return ye(r, o, i), e.parentNode?.replaceChild(o, e), o;
+    return be(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(""), 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;
+    const h = document.createDocumentFragment();
+    h.appendChild(c);
+    for (const p of o)
+      h.appendChild(Z(p, n));
+    return h.appendChild(a), e.parentNode?.replaceChild(h, e), c;
   }
   if (typeof t != "string" && typeof r != "string" && t.tag === r.tag && t.key === r.key) {
     const o = e;
-    return Je(o, t.props || {}, r.props || {}, n), Pt(o, t.children, r.children, n, i), ye(r, o, i), o;
+    return Ge(o, t.props || {}, r.props || {}, n), Mt(o, t.children, r.children, n, i), be(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 Je(c, t.props || {}, r.props || {}, n), ye(r, c, i), c;
+      return Ge(c, t.props || {}, r.props || {}, n), be(r, c, i), c;
     } catch {
     }
-  ue(e, i);
+  fe(e, i);
   const s = Z(r, n, i);
-  return ye(r, s, i), e.parentNode?.replaceChild(s, e), s;
+  return be(r, s, i), e.parentNode?.replaceChild(s, e), s;
 }
-function Mt(e, t, r, n) {
+function Wt(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 = qe(i, String(i.key ?? "root"));
+  }), i = Ke(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 = 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));
+  s && o ? typeof s != "string" && typeof i != "string" && s.tag === i.tag && s.key === i.key ? c = je(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));
+  for (let h = 0; h < e.childNodes.length; h++) {
+    const p = e.childNodes[h];
+    p !== c && p.nodeName !== "STYLE" && (fe(p, n), a.push(p));
   }
-  a.forEach((p) => e.removeChild(p)), e._prevVNode = i, e._prevDom = c;
+  a.forEach((h) => e.removeChild(h)), e._prevVNode = i, e._prevDom = c;
 }
-function Pe(e) {
-  if (typeof e == "string") return pe(e);
+function Me(e) {
+  if (typeof e == "string") return ge(e);
   if (e.tag === "#text")
-    return typeof e.children == "string" ? pe(e.children) : "";
+    return typeof e.children == "string" ? ge(e.children) : "";
   if (e.tag === "#anchor")
-    return (Array.isArray(e.children) ? e.children.filter(Boolean) : []).map(Pe).join("");
+    return (Array.isArray(e.children) ? e.children.filter(Boolean) : []).map(Me).join("");
   let t = "";
-  e.props && e.props.attrs && (t = Object.entries(e.props.attrs).map(([i, s]) => ` ${i}="${pe(String(s))}"`).join(""));
+  e.props && e.props.attrs && (t = Object.entries(e.props.attrs).map(([i, s]) => ` ${i}="${ge(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}="${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) : "";
+  e.props && (r = Object.entries(e.props).filter(([i]) => i !== "attrs" && i !== "directives" && i !== "ref" && i !== "key").map(([i, s]) => ` ${i}="${ge(String(s))}"`).join(""));
+  const n = Array.isArray(e.children) ? e.children.filter(Boolean).map(Me).join("") : typeof e.children == "string" ? ge(e.children) : e.children ? Me(e.children) : "";
   return `<${e.tag}${t}${r}>${n}</${e.tag}>`;
 }
-function Wt(e, ...t) {
+function Dt(e, ...t) {
   let r = "";
   for (let n = 0; n < e.length; n++)
     r += e[n], n < t.length && (r += t[n]);
   return r;
 }
-function ft(e) {
+function pt(e) {
   return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
 }
-let _e = null;
-function Ze() {
-  return _e || (_e = new CSSStyleSheet(), _e.replaceSync(ft(It))), _e;
+let Ee = null;
+function Xe() {
+  return Ee || (Ee = new CSSStyleSheet(), Ee.replaceSync(pt(Nt))), Ee;
 }
-function Dt(e) {
+function It(e) {
   return e.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
 }
-const It = Wt`
+const Nt = Dt`
   :host,
   *,
   ::before,
@@ -1677,6 +1677,13 @@ const It = Wt`
     font: 16px/1.5 var(--font-sans, ui-sans-serif, system-ui, sans-serif);
     -webkit-text-size-adjust: 100%;
     text-size-adjust: 100%;
+    /* Default gradient variables to avoid undefined var() usage in generated utilities */
+    --tw-gradient-from-position: 0%;
+    --tw-gradient-to-position: 100%;
+    --tw-gradient-via-position: 50%;
+    --tw-gradient-from: rgba(255,255,255,0);
+    --tw-gradient-to: rgba(255,255,255,0);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
   }
   button,
   input,
@@ -1760,7 +1767,7 @@ const It = Wt`
   [hidden] {
     display: none;
   }
-`, Nt = {
+`, Ht = {
   // Existing semantic colors
   neutral: {
     50: "#fafafa",
@@ -1858,8 +1865,8 @@ const It = Wt`
   black: { DEFAULT: "#000000" },
   transparent: { DEFAULT: "transparent" },
   current: { DEFAULT: "currentColor" }
-}, dt = Object.fromEntries(
-  Object.entries(Nt).map(([e, t]) => [
+}, ht = Object.fromEntries(
+  Object.entries(Ht).map(([e, t]) => [
     e,
     Object.fromEntries(
       Object.entries(t).map(([r, n]) => [
@@ -1868,7 +1875,7 @@ const It = Wt`
       ])
     )
   ])
-), le = "0.25rem", Ht = {
+), ue = "0.25rem", Bt = {
   "3xs": 64,
   "2xs": 72,
   xs: 80,
@@ -1882,7 +1889,7 @@ const It = Wt`
   "5xl": 256,
   "6xl": 288,
   "7xl": 320
-}, Ge = {
+}, Qe = {
   m: ["margin"],
   mx: ["margin-inline"],
   my: ["margin-block"],
@@ -2037,8 +2044,8 @@ const It = Wt`
     ["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};`;
+  ].forEach(([a, h, p]) => {
+    e[a] = `font-size:${h};line-height:${p};`;
   }), [
     ["tracking-tighter", "-0.05em"],
     ["tracking-tight", "-0.025em"],
@@ -2046,8 +2053,8 @@ const It = Wt`
     ["tracking-wide", "0.025em"],
     ["tracking-wider", "0.05em"],
     ["tracking-widest", "0.1em"]
-  ].forEach(([a, p]) => {
-    e[a] = `letter-spacing:${p};`;
+  ].forEach(([a, h]) => {
+    e[a] = `letter-spacing:${h};`;
   }), [
     ["leading-3", "0.75rem"],
     ["leading-4", "1rem"],
@@ -2063,15 +2070,15 @@ const It = Wt`
     ["leading-normal", "1.5"],
     ["leading-relaxed", "1.625"],
     ["leading-loose", "2"]
-  ].forEach(([a, p]) => {
-    e[a] = `line-height:${p};`;
+  ].forEach(([a, h]) => {
+    e[a] = `line-height:${h};`;
   }), 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};`;
+    const h = `${a}px`;
+    e[`border-${a}`] = `border-width:${h};`, e[`border-t-${a}`] = `border-top-width:${h};`, e[`border-r-${a}`] = `border-right-width:${h};`, e[`border-b-${a}`] = `border-bottom-width:${h};`, e[`border-l-${a}`] = `border-left-width:${h};`, e[`border-x-${a}`] = `border-left-width:${h};border-right-width:${h};`, e[`border-y-${a}`] = `border-top-width:${h};border-bottom-width:${h};`;
   }), 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;",
@@ -2089,9 +2096,9 @@ const It = Wt`
     "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};`;
+  }).forEach(([a, h]) => {
+    const p = h === 9999 ? "9999px" : `${h / 16}rem`;
+    e[`rounded-${a}`] = `border-radius:${p};`, e[`rounded-t-${a}`] = `border-top-left-radius:${p};border-top-right-radius:${p};`, e[`rounded-r-${a}`] = `border-top-right-radius:${p};border-bottom-right-radius:${p};`, e[`rounded-b-${a}`] = `border-bottom-left-radius:${p};border-bottom-right-radius:${p};`, e[`rounded-l-${a}`] = `border-top-left-radius:${p};border-bottom-left-radius:${p};`, e[`rounded-tl-${a}`] = `border-top-left-radius:${p};`, e[`rounded-tr-${a}`] = `border-top-right-radius:${p};`, e[`rounded-br-${a}`] = `border-bottom-right-radius:${p};`, e[`rounded-bl-${a}`] = `border-bottom-left-radius:${p};`;
   }), 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));",
@@ -2169,8 +2176,8 @@ const It = Wt`
     "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.entries(Bt).forEach(([a, h]) => {
+    e[`max-w-${a}`] = `max-width:calc(${ue} * ${h});`, e[`min-w-${a}`] = `min-width:calc(${ue} * ${h});`, e[`w-${a}`] = `width:calc(${ue} * ${h});`, e[`max-h-${a}`] = `max-height:calc(${ue} * ${h});`, e[`min-h-${a}`] = `min-height:calc(${ue} * ${h});`, e[`h-${a}`] = `height:calc(${ue} * ${h});`;
   }), Object.assign(e, {
     transition: "transition-property:all;transition-duration:150ms;transition-timing-function:ease-in-out;",
     "transition-none": "transition-property:none;",
@@ -2257,7 +2264,7 @@ const It = Wt`
     "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();
+}, We = zt();
 function J(e, t) {
   let r = 0;
   for (let n = 0; n < e.length; n++) {
@@ -2269,7 +2276,7 @@ function J(e, t) {
   }
   return e + t;
 }
-const Bt = {
+const Ut = {
   before: (e, t) => `${e}::before{${t}}`,
   after: (e, t) => `${e}::after{${t}}`,
   hover: (e, t) => `${J(e, ":hover")}{${t}}`,
@@ -2292,14 +2299,14 @@ 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}}`
-}, Xe = {
+}, Ye = {
   sm: "(min-width:640px)",
   md: "(min-width:768px)",
   lg: "(min-width:1024px)",
   xl: "(min-width:1280px)",
   "2xl": "(min-width:1536px)",
   dark: "(prefers-color-scheme: dark)"
-}, Ut = {
+}, qt = {
   xs: "(min-width:20rem)",
   sm: "(min-width:24rem)",
   md: "(min-width:28rem)",
@@ -2311,7 +2318,7 @@ const Bt = {
   "5xl": "(min-width:64rem)",
   "6xl": "(min-width:72rem)",
   "7xl": "(min-width:80rem)"
-}, We = ["sm", "md", "lg", "xl", "2xl"], De = [
+}, De = ["sm", "md", "lg", "xl", "2xl"], Ie = [
   "xs",
   "sm",
   "md",
@@ -2324,19 +2331,19 @@ const Bt = {
   "6xl",
   "7xl"
 ];
-function Ie(e) {
+function Ne(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;
+  if (Number.isNaN(o) || !Qe[i]) return null;
   const c = t ? "-" : "";
-  return Ge[i].map((a) => `${a}:calc(${c}${le} * ${o});`).join("");
+  return Qe[i].map((a) => `${a}:calc(${c}${ue} * ${o});`).join("");
 }
-function Qe(e) {
+function et(e) {
   const t = e.replace("#", ""), r = parseInt(t, 16);
   return `${r >> 16 & 255} ${r >> 8 & 255} ${r & 255}`;
 }
-const qt = /^(bg|text|border|decoration|shadow|outline|caret|accent|fill|stroke)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/, Ft = {
+const Ft = /^(bg|text|border|decoration|shadow|outline|caret|accent|fill|stroke)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/, Kt = {
   bg: "background-color",
   decoration: "text-decoration-color",
   text: "color",
@@ -2347,36 +2354,36 @@ const qt = /^(bg|text|border|decoration|shadow|outline|caret|accent|fill|stroke)
   fill: "fill",
   stroke: "stroke"
 };
-function Kt(e) {
-  const t = qt.exec(e);
+function Vt(e) {
+  const t = Ft.exec(e);
   if (!t) return null;
-  const [, r, n, i = "DEFAULT"] = t, s = dt[n]?.[i];
+  const [, r, n, i = "DEFAULT"] = t, s = ht[n]?.[i];
   if (!s) return null;
   if (r === "shadow") return `--ce-shadow-color:${s};`;
-  const o = Ft[r];
+  const o = Kt[r];
   return o ? `${o}:${s};` : null;
 }
-function Vt(e) {
+function Jt(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 } = Vt(e), n = Kt(t);
+function He(e) {
+  const { base: t, opacity: r } = Jt(e), n = Vt(t);
   if (n && r !== void 0) {
     const s = /#([0-9a-f]{6})/i.exec(n);
     if (s) {
-      const o = Qe(s[0]);
+      const o = et(s[0]);
       return n.replace(/#([0-9a-f]{6})/i, `rgb(${o} / ${r})`);
     }
   }
   if (n) return n;
-  const i = je(t);
+  const i = Oe(t);
   if (i && r !== void 0) {
     const s = /#([0-9a-f]{6})/i.exec(i);
     if (s) {
-      const o = Qe(s[0]);
+      const o = et(s[0]);
       return i.replace(
         /#([0-9a-f]{6})/i,
         `rgb(${o} / ${r})`
@@ -2385,10 +2392,10 @@ function Ne(e) {
   }
   return i;
 }
-function Ye(e) {
+function Be(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];
+  const [, r, n, i = "DEFAULT"] = t, s = ht[n]?.[i];
   if (!s) return null;
   switch (r) {
     case "from":
@@ -2401,19 +2408,19 @@ function Ye(e) {
       return null;
   }
 }
-function He(e) {
+function ze(e) {
   const t = /^opacity-(\d{1,3})$/.exec(e);
   if (!t) return null;
   const r = parseInt(t[1], 10);
   return r < 0 || r > 100 ? null : `opacity:${r / 100};`;
 }
-function je(e) {
+function Oe(e) {
   if (e.startsWith("[") && e.endsWith("]") && !e.includes("-[")) {
     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;
+    let h = o.slice(c + 1).trim();
+    return /^[a-zA-Z][a-zA-Z0-9-]*$/.test(a) ? (h = h.replace(/url\('\s*([^']*?)\s*'\)/g, 'url("$1")'), h = h.replace(/^'([^']*)'$/g, '"$1"'), `${a}:${h};`) : null;
   }
   const t = e.indexOf("-[");
   if (t <= 0 || !e.endsWith("]")) return null;
@@ -2468,7 +2475,7 @@ function je(e) {
   const s = i[r] ?? r.replace(/_/g, "-");
   return s && n ? `${s}:${n};` : null;
 }
-function Jt(e) {
+function Zt(e) {
   if (e.startsWith("[") && e.endsWith("]")) {
     const r = e.slice(1, -1);
     return r.includes("&") ? r : e;
@@ -2480,7 +2487,7 @@ function Jt(e) {
   }
   return null;
 }
-function Zt(e) {
+function tt(e) {
   return e.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1");
 }
 function Gt(e) {
@@ -2492,31 +2499,31 @@ function Gt(e) {
   }
   return r;
 }
-const ge = /* @__PURE__ */ new Map(), Xt = 16, et = 1e3;
+const me = /* @__PURE__ */ new Map(), Xt = 16, rt = 1e3;
 function Qt(e) {
-  const t = Date.now(), r = ge.get(e);
+  const t = Date.now(), r = me.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;
+  const i = new Set(n), s = [[], [], [], []], o = {}, c = (u, y = !1) => {
+    const w = y ? `dark|${u}` : u;
+    if (w in o) return o[w];
+    const l = x(u, y);
+    return o[w] = l, l;
   }, 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;
+    const y = u.some((f) => De.includes(f)), w = u.some(
+      (f) => f.startsWith("@") && (Ie.includes(f.slice(1)) || f.match(/^@\[.+\]$/))
+    ), l = u.includes("dark");
+    return u.length ? !y && !l && !w ? 1 : l && (y || w) ? 3 : 2 : 0;
+  }, h = (u) => {
+    const y = [];
+    let w = "", l = 0;
+    for (let f = 0; f < u.length; f++) {
+      const b = u[f];
+      b === "[" || b === "(" ? l++ : (b === "]" || b === ")") && l--, b === ":" && l === 0 ? (y.push(w), w = "") : w += b;
     }
-    return y && f.push(y), f;
-  }, h = {
+    return w && y.push(w), y;
+  }, p = {
     hover: ":hover",
     focus: ":focus",
     active: ":active",
@@ -2529,151 +2536,158 @@ function Qt(e) {
     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 = _;
+  }, x = (u, y = !1) => {
+    const w = h(u);
+    let l = "", f = !1;
+    for (const E of w) {
+      let T = E;
+      if (T.startsWith("!") && (f = !0, T = T.slice(1)), We[T] || Ne(T) || ze(T) || He(T) || Be(T) || Oe(T)) {
+        l = E;
         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;
+    if (!l) return null;
+    const b = l.replace(/^!/, ""), k = We[b] ?? Ne(b) ?? ze(b) ?? He(b) ?? Be(b) ?? Oe(b);
+    if (!k) return null;
+    const C = w.indexOf(l);
+    let g = C >= 0 ? w.slice(0, C) : [];
+    y && (g = g.filter((E) => E !== "dark"));
+    const $ = `.${tt(u)}`, j = f ? k.replace(/;/g, " !important;") : k, v = "__SUBJECT__";
+    let _ = v;
     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(/^@\[.+\]$/)))
+    for (const E of g)
+      E.startsWith("group-") ? (_ = `.group:${E.slice(6)} ${_}`, A.push(E)) : E.startsWith("peer-") && (_ = _.replace(
+        v,
+        `.peer:${E.slice(5)}~${v}`
+      ), A.push(E));
+    g = g.filter((E) => !A.includes(E));
+    const D = [], S = [];
+    let O = null;
+    for (const E of g) {
+      if (E === "dark" || De.includes(E) || E.startsWith("@") && (Ie.includes(E.slice(1)) || E.match(/^@\[.+\]$/)))
         continue;
-      const L = Jt(_);
-      if (L) {
-        E = L;
+      const T = Zt(E);
+      if (T) {
+        O = T;
         continue;
       }
-      const M = h[_];
-      if (M) {
-        E ? N.push(M) : j.push(M);
+      const R = p[E];
+      if (R) {
+        O ? S.push(R) : D.push(R);
         continue;
       }
-      const T = Bt[_];
-      typeof T == "function" && (v = T(v, $).split("{")[0]);
+      const B = Ut[E];
+      typeof B == "function" && (_ = B(_, j).split("{")[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 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);
+    const H = D.join(""), te = S.join("");
+    function $e(E, T) {
+      if (!T) return E;
+      let R = 0, B = 0;
+      if (E.length && (E[0] === ">" || E[0] === "+" || E[0] === "~" || E[0] === " ")) {
+        let L = 1;
+        for (; L < E.length && E[L] === " "; ) L++;
+        for (; L < E.length; L++) {
+          const z = E[L];
+          if (z === "[" ? R++ : z === "]" && R > 0 ? R-- : z === "(" ? B++ : z === ")" && B > 0 && B--, R === 0 && B === 0 && (E[L] === ">" || E[L] === "+" || E[L] === "~" || E[L] === " "))
+            return E.slice(0, L) + T + E.slice(L);
         }
-        return _ + L;
+        return E + T;
       }
-      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);
+      for (let L = 0; L < E.length; L++) {
+        const z = E[L];
+        if (z === "[" ? R++ : z === "]" && R > 0 ? R-- : z === "(" ? B++ : z === ")" && B > 0 && B--, R === 0 && B === 0 && (z === ">" || z === "+" || z === "~" || z === " "))
+          return E.slice(0, L) + T + E.slice(L);
       }
-      return _ + L;
+      return E + T;
     }
-    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
+    if (O)
+      if (O.includes("&")) {
+        const E = O.indexOf("&"), T = O.slice(0, E), R = O.slice(E + 1), B = v + H;
+        if (D.length === 0)
+          _ = _.replace(
+            v,
+            T + B + te + R
           );
         else {
-          const P = he(M, H);
-          v = v.replace(
-            S,
-            L + T + P
+          const L = $e(R, te);
+          _ = _.replace(
+            v,
+            T + B + L
           );
         }
       } else
-        v = v.replace(
-          S,
-          `${E}${S + O}`
-        ), H && (v = v.replace(S, `${S}${H}`));
+        _ = _.replace(
+          v,
+          `${O}${v + H}`
+        ), te && (_ = _.replace(v, `${v}${te}`));
     else
-      v = v.replace(
-        S,
-        S + O + H
+      _ = _.replace(
+        v,
+        v + H + te
       );
-    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(_))
+    _ = _.replace(new RegExp(v, "g"), $);
+    let N = `${_}{${j}}`;
+    const W = g.filter(
+      (E) => De.includes(E)
+    ), V = g.filter(
+      (E) => E.startsWith("@") && (Ie.includes(E.slice(1)) || E.match(/^@\[.+\]$/))
+    ), K = W.length ? W[W.length - 1] : null, G = V.length ? V[V.length - 1] : null, I = g.includes("dark");
+    let X = "", re = "";
+    if (I && K ? X = `@media (prefers-color-scheme: dark) and ${Ye[K]}` : I ? X = "@media (prefers-color-scheme: dark)" : K && (X = `@media ${Ye[K]}`), G)
+      if (G.startsWith("@[") && G.endsWith("]")) {
+        const E = G.slice(2, -1);
+        if (!/^-?\d*\.?\d+(px|rem|em|%|vh|vw|ch|ex|cm|mm|in|pt|pc)$/.test(E))
           return null;
-        X = `@container (min-width:${_})`;
+        re = `@container (min-width:${E})`;
       } else {
-        const _ = U.slice(1);
-        X = `@container ${Ut[_] || `(min-width:${_})`}`;
+        const E = G.slice(1);
+        re = `@container ${qt[E] || `(min-width:${E})`}`;
       }
-    return R && X ? G = `${R}${X}{${G}}` : R ? G = `${R}{${G}}` : X && (G = `${X}{${G}}`), G;
+    return X && re ? N = `${X}${re}{${N}}` : X ? N = `${X}{${N}}` : re && (N = `${re}{${N}}`), N;
   };
   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(/^!/, ""))
+    const y = h(u), w = y.find(
+      (C) => We[C.replace(/^!/, "")] || Ne(C.replace(/^!/, "")) || ze(C.replace(/^!/, "")) || He(C.replace(/^!/, "")) || Be(C.replace(/^!/, "")) || Oe(C.replace(/^!/, ""))
     );
-    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(
+    if (!w) continue;
+    const l = y.indexOf(w), f = l >= 0 ? y.slice(0, l) : [], b = a(f), k = c(u);
+    k && s[b].push(k);
+  }
+  const m = /^(from|via|to)-[a-z]+-?\d{2,3}?$/;
+  for (const u of i)
+    if (m.test(u)) {
+      if (s.flat().join("").includes(`.${tt(u)}`)) continue;
+      const w = c(u);
+      w && s[0].push(w);
+    }
+  const d = s.flat().join("");
+  return me.size >= rt && Array.from(me.keys()).slice(
     0,
-    Math.floor(et / 2)
-  ).forEach((f) => ge.delete(f)), ge.set(e, { css: g, timestamp: t }), g;
+    Math.floor(rt / 2)
+  ).forEach((y) => me.delete(y)), me.set(e, { css: d, timestamp: t }), d;
 }
-const be = [];
+const we = [];
 function Yt(e, t, r, n, i, s, o, c) {
   if (e) {
-    be.push(r);
+    we.push(r);
     try {
       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);
+        s(!0), a.then((h) => {
+          s(!1), o(null), nt(e, h, r, n, i), c(e.innerHTML);
+        }).catch((h) => {
+          s(!1), o(h);
         });
         return;
       }
-      tt(e, a, r, n, i), c(e.innerHTML);
+      nt(e, a, r, n, i), c(e.innerHTML);
     } finally {
-      be.pop();
+      we.pop();
     }
   }
 }
-function tt(e, t, r, n, i) {
-  e && (Mt(
+function nt(e, t, r, n, i) {
+  e && (Wt(
     e,
     Array.isArray(t) ? t : [t],
     r,
@@ -2702,41 +2716,41 @@ Stopping runaway component render to prevent browser freeze`
     }
   } else
     i(0);
-  const p = setTimeout(() => {
+  const h = setTimeout(() => {
     n(Date.now()), e(), o(null);
   }, r > 10 ? 100 : 0);
-  o(p);
+  o(h);
 }
 function tr(e, t, r, n, i) {
   if (!e) return;
   const s = Qt(r);
   if ((!s || s.trim() === "") && !t._computedStyle) {
-    i(null), e.adoptedStyleSheets = [Ze()];
+    i(null), e.adoptedStyleSheets = [Xe()];
     return;
   }
   let o = "";
   t._computedStyle && (o = t._computedStyle);
-  let c = Dt(`${o}
+  let c = It(`${o}
 ${s}
 `);
-  c = ft(c);
+  c = pt(c);
   let a = n;
-  a || (a = new CSSStyleSheet()), (a.cssRules.length === 0 || a.toString() !== c) && a.replaceSync(c), e.adoptedStyleSheets = [Ze(), a], i(a);
+  a || (a = new CSSStyleSheet()), (a.cssRules.length === 0 || a.toString() !== c) && a.replaceSync(c), e.adoptedStyleSheets = [Xe(), a], i(a);
 }
-let D = null;
+let P = null;
 function rr(e) {
-  D = e;
+  P = e;
 }
 function nr() {
-  D = null;
+  P = null;
 }
 function br() {
-  if (!D)
+  if (!P)
     throw new Error("useEmit must be called during component render");
-  const e = D.emit;
+  const e = P.emit;
   return (t, r) => e(t, r);
 }
-function xe(e) {
+function he(e) {
   e._hookCallbacks || Object.defineProperty(e, "_hookCallbacks", {
     value: {},
     writable: !0,
@@ -2745,39 +2759,58 @@ function xe(e) {
   });
 }
 function wr(e) {
-  if (!D)
+  if (!P)
     throw new Error("useOnConnected must be called during component render");
-  xe(D), D._hookCallbacks.onConnected = e;
+  he(P), P._hookCallbacks.onConnected = e;
 }
 function xr(e) {
-  if (!D)
+  if (!P)
     throw new Error("useOnDisconnected must be called during component render");
-  xe(D), D._hookCallbacks.onDisconnected = e;
+  he(P), P._hookCallbacks.onDisconnected = e;
 }
 function vr(e) {
-  if (!D)
+  if (!P)
     throw new Error("useOnAttributeChanged must be called during component render");
-  xe(D), D._hookCallbacks.onAttributeChanged = e;
+  he(P), P._hookCallbacks.onAttributeChanged = e;
 }
 function $r(e) {
-  if (!D)
+  if (!P)
     throw new Error("useOnError must be called during component render");
-  xe(D), D._hookCallbacks.onError = e;
+  he(P), P._hookCallbacks.onError = e;
 }
 function kr(e) {
-  if (!D)
+  if (!P)
+    throw new Error("useProps must be called during component render");
+  he(P), P._hookCallbacks.props = {
+    ...P._hookCallbacks.props || {},
+    ...e
+  };
+  const t = P, r = {};
+  return Object.keys(e).forEach((n) => {
+    Object.defineProperty(r, n, {
+      enumerable: !0,
+      configurable: !0,
+      get() {
+        const i = t[n];
+        return i != null && i !== "" ? i : e[n];
+      }
+    });
+  }), r;
+}
+function Cr(e) {
+  if (!P)
     throw new Error("useStyle must be called during component render");
-  xe(D);
+  he(P);
   try {
     const t = e();
-    Object.defineProperty(D, "_computedStyle", {
+    Object.defineProperty(P, "_computedStyle", {
       value: t,
       writable: !0,
       enumerable: !1,
       configurable: !0
     });
   } catch (t) {
-    console.warn("Error in useStyle callback:", t), Object.defineProperty(D, "_computedStyle", {
+    console.warn("Error in useStyle callback:", t), Object.defineProperty(P, "_computedStyle", {
       value: "",
       writable: !0,
       enumerable: !1,
@@ -2785,10 +2818,10 @@ function kr(e) {
     });
   }
 }
-const Te = /* @__PURE__ */ new Map(), rt = Symbol.for("cer.registry");
+const Re = /* @__PURE__ */ new Map(), it = Symbol.for("cer.registry");
 if (typeof window < "u") {
   const e = globalThis;
-  e[rt] || (e[rt] = Te);
+  e[it] || (e[it] = Re);
 }
 function ir(e, t) {
   if (!t.render)
@@ -2833,7 +2866,7 @@ function ir(e, t) {
     _templateLoading = !1;
     _templateError = null;
     constructor() {
-      super(), this.attachShadow({ mode: "open" }), this._cfg = Te.get(e) || t, this._componentId = `${e}-${Math.random().toString(36).substr(2, 9)}`;
+      super(), this.attachShadow({ mode: "open" }), this._cfg = Re.get(e) || t, this._componentId = `${e}-${Math.random().toString(36).substr(2, 9)}`;
       const r = this._initContext(t);
       Object.defineProperty(r, "refs", {
         value: this._refs,
@@ -2874,7 +2907,7 @@ function ir(e, t) {
         enumerable: !1,
         configurable: !1
       });
-      const n = Te.get(e) || t;
+      const n = Re.get(e) || t;
       Object.keys(n).forEach((i) => {
         const s = n[i];
         typeof s == "function" && (this.context[i] = (...o) => s(...o, this.context));
@@ -2895,14 +2928,14 @@ function ir(e, t) {
     }
     connectedCallback() {
       this._runLogicWithinErrorBoundary(t, () => {
-        this._applyProps(t), this._requestRender(), Ct(t, this.context, this._mounted, (r) => {
+        this._applyProps(t), this._requestRender(), _t(t, this.context, this._mounted, (r) => {
           this._mounted = r;
         });
       });
     }
     disconnectedCallback() {
       this._runLogicWithinErrorBoundary(t, () => {
-        _t(
+        Et(
           t,
           this.context,
           this._listeners,
@@ -2926,11 +2959,11 @@ function ir(e, t) {
     }
     attributeChangedCallback(r, n, i) {
       this._runLogicWithinErrorBoundary(t, () => {
-        this._applyProps(t), n !== i && this._requestRender(), Et(t, r, n, i, this.context);
+        this._applyProps(t), n !== i && this._requestRender(), St(t, r, n, i, this.context);
       });
     }
     static get observedAttributes() {
-      return t.props ? Object.keys(t.props).map(re) : [];
+      return t.props ? Object.keys(t.props).map(ie) : [];
     }
     _applyComputed(r) {
     }
@@ -2960,7 +2993,7 @@ function ir(e, t) {
     }
     _requestRender() {
       this._runLogicWithinErrorBoundary(this._cfg, () => {
-        fe(() => {
+        de(() => {
           er(
             () => this._render(this._cfg),
             this._lastRenderTime,
@@ -3007,9 +3040,9 @@ function ir(e, t) {
       try {
         let n = function(s, o = "") {
           return Array.isArray(s) ? new Proxy(s, {
-            get(c, a, p) {
-              const h = Reflect.get(c, a, p);
-              return typeof h == "function" && typeof a == "string" && [
+            get(c, a, h) {
+              const p = Reflect.get(c, a, h);
+              return typeof p == "function" && typeof a == "string" && [
                 "push",
                 "pop",
                 "shift",
@@ -3017,29 +3050,29 @@ function ir(e, t) {
                 "splice",
                 "sort",
                 "reverse"
-              ].includes(a) ? function(...g) {
-                const u = h.apply(c, g);
+              ].includes(a) ? function(...m) {
+                const d = p.apply(c, m);
                 if (!i._initializing) {
-                  const f = o || "root";
-                  i._triggerWatchers(f, c), fe(
+                  const u = o || "root";
+                  i._triggerWatchers(u, c), de(
                     () => i._render(r),
                     i._componentId
                   );
                 }
-                return u;
-              } : h;
+                return d;
+              } : p;
             },
-            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);
+            set(c, a, h) {
+              if (c[a] = h, !i._initializing) {
+                const p = o ? `${o}.${String(a)}` : String(a);
+                i._triggerWatchers(p, h), de(() => i._render(r), i._componentId);
               }
               return !0;
             },
             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);
+                const h = o ? `${o}.${String(a)}` : String(a);
+                i._triggerWatchers(h, void 0), de(() => i._render(r), i._componentId);
               }
               return !0;
             }
@@ -3047,12 +3080,12 @@ function ir(e, t) {
             const a = o ? `${o}.${c}` : c;
             s[c] = n(s[c], a);
           }), new Proxy(s, {
-            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;
+            set(c, a, h) {
+              const p = o ? `${o}.${String(a)}` : String(a);
+              return c[a] = n(h, p), i._initializing || (i._triggerWatchers(p, c[a]), de(() => i._render(r), i._componentId)), !0;
             },
-            get(c, a, p) {
-              return Reflect.get(c, a, p);
+            get(c, a, h) {
+              return Reflect.get(c, a, h);
             }
           })) : s;
         };
@@ -3073,7 +3106,7 @@ function ir(e, t) {
     }
     _initWatchers(r) {
       this._runLogicWithinErrorBoundary(r, () => {
-        xt(
+        vt(
           this.context,
           this._watchers,
           {}
@@ -3082,12 +3115,12 @@ function ir(e, t) {
       });
     }
     _triggerWatchers(r, n) {
-      vt(this.context, this._watchers, r, n);
+      $t(this.context, this._watchers, r, n);
     }
     _applyProps(r) {
       this._runLogicWithinErrorBoundary(r, () => {
         try {
-          kt(this, r, this.context);
+          Ct(this, r, this.context);
         } catch (n) {
           this._hasError = !0, r.onError && r.onError(n, this.context);
         }
@@ -3095,8 +3128,8 @@ function ir(e, t) {
     }
   };
 }
-function nt(e, t) {
-  let r = re(e);
+function st(e, t) {
+  let r = ie(e);
   r.includes("-") || (r = `cer-${r}`);
   let n = {};
   if (typeof window < "u")
@@ -3105,150 +3138,150 @@ function nt(e, t) {
       let c = null;
       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;
+        let h = 0, p = !1, x = null, m = !1, d = -1;
+        for (let u = a + 2; u < o.length; u++) {
+          const y = o[u];
+          if (m) {
+            m = !1;
             continue;
           }
           if (y === "\\") {
-            g = !0;
+            m = !0;
             continue;
           }
-          if (!h && (y === '"' || y === "'" || y === "`")) {
-            h = !0, b = y;
+          if (!p && (y === '"' || y === "'" || y === "`")) {
+            p = !0, x = y;
             continue;
           }
-          if (h && y === b) {
-            h = !1, b = null;
+          if (p && y === x) {
+            p = !1, x = null;
             continue;
           }
-          if (!h) {
+          if (!p) {
             if (y === "{")
-              p++;
+              h++;
             else if (y === "}") {
-              if (p === 0) {
-                u = f;
+              if (h === 0) {
+                d = u;
                 break;
               }
-              p--;
+              h--;
             }
           }
         }
-        if (u !== -1) {
-          const f = o.substring(a, u + 2), y = o.substring(a + 2, u).trim();
-          c = [f, y];
+        if (d !== -1) {
+          const u = o.substring(a, d + 2), y = o.substring(a + 2, d).trim();
+          c = [u, y];
         }
       }
       if (c) {
-        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];
+        const h = c[1];
+        let p = "", x = "", m = !0, d = 0, u = null, y = !1, w = 0;
+        for (; w < h.length; ) {
+          const l = h[w];
           if (y) {
-            g ? h += l : b += l, y = !1, x++;
+            m ? p += l : x += l, y = !1, w++;
             continue;
           }
           if (l === "\\") {
-            y = !0, g ? h += l : b += l, x++;
+            y = !0, m ? p += l : x += l, w++;
             continue;
           }
-          if ((l === '"' || l === "'" || l === "`") && !f) {
-            f = l, g ? h += l : b += l, x++;
+          if ((l === '"' || l === "'" || l === "`") && !u) {
+            u = l, m ? p += l : x += l, w++;
             continue;
           }
-          if (l === f) {
-            f = null, g ? h += l : b += l, x++;
+          if (l === u) {
+            u = null, m ? p += l : x += l, w++;
             continue;
           }
-          if (f) {
-            g ? h += l : b += l, x++;
+          if (u) {
+            m ? p += l : x += l, w++;
             continue;
           }
           if (l === "{" || l === "[") {
-            u++, g ? h += l : b += l, x++;
+            d++, m ? p += l : x += l, w++;
             continue;
           }
           if (l === "}" || l === "]") {
-            u--, g ? h += l : b += l, x++;
+            d--, m ? p += l : x += l, w++;
             continue;
           }
-          if (l === "=" && u === 0 && g) {
-            g = !1, x++;
+          if (l === "=" && d === 0 && m) {
+            m = !1, w++;
             continue;
           }
-          if (l === "," && u === 0) {
-            if (h.trim() && b.trim()) {
-              const d = h.trim(), w = b.trim();
+          if (l === "," && d === 0) {
+            if (p.trim() && x.trim()) {
+              const f = p.trim(), b = x.trim();
               try {
-                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 (b === "true") n[f] = !0;
+                else if (b === "false") n[f] = !1;
+                else if (b === "[]") n[f] = [];
+                else if (b === "{}") n[f] = {};
+                else if (/^\d+$/.test(b))
+                  n[f] = parseInt(b);
+                else if (/^'.*'$/s.test(b))
+                  n[f] = b.slice(1, -1).replace(/\\'/g, "'").replace(/\\"/g, '"').replace(/\\\//g, "/");
+                else if (/^".*"$/s.test(b))
+                  n[f] = b.slice(1, -1).replace(/\\"/g, '"').replace(/\\'/g, "'").replace(/\\\//g, "/");
+                else if (/^`.*`$/s.test(b)) {
+                  const k = b.slice(1, -1);
                   if (k.includes("${"))
                     try {
-                      n[d] = new Function(
+                      n[f] = new Function(
                         `return \`${k}\`;`
                       )();
                     } catch {
-                      n[d] = k;
+                      n[f] = k;
                     }
                   else
-                    n[d] = k;
+                    n[f] = k;
                 } else
-                  n[d] = w;
+                  n[f] = b;
               } catch {
-                n[d] = "";
+                n[f] = "";
               }
-            } else if (h.trim()) {
-              const d = h.split(":")[0].trim();
-              d && !d.includes("}") && (n[d] = "");
+            } else if (p.trim()) {
+              const f = p.split(":")[0].trim();
+              f && !f.includes("}") && (n[f] = "");
             }
-            h = "", b = "", g = !0, x++;
+            p = "", x = "", m = !0, w++;
             continue;
           }
-          g ? h += l : b += l, x++;
+          m ? p += l : x += l, w++;
         }
-        if (h.trim() && b.trim()) {
-          const l = h.trim(), d = b.trim();
+        if (p.trim() && x.trim()) {
+          const l = p.trim(), f = x.trim();
           try {
-            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("${"))
+            if (f === "true") n[l] = !0;
+            else if (f === "false") n[l] = !1;
+            else if (f === "[]") n[l] = [];
+            else if (f === "{}") n[l] = {};
+            else if (/^\d+$/.test(f)) n[l] = parseInt(f);
+            else if (/^'.*'$/s.test(f))
+              n[l] = f.slice(1, -1).replace(/\\'/g, "'").replace(/\\"/g, '"').replace(/\\\//g, "/");
+            else if (/^".*"$/s.test(f))
+              n[l] = f.slice(1, -1).replace(/\\"/g, '"').replace(/\\'/g, "'").replace(/\\\//g, "/");
+            else if (/^`.*`$/s.test(f)) {
+              const b = f.slice(1, -1);
+              if (b.includes("${"))
                 try {
                   n[l] = new Function(
-                    `return \`${w}\`;`
+                    `return \`${b}\`;`
                   )();
                 } catch {
-                  n[l] = w;
+                  n[l] = b;
                 }
               else
-                n[l] = w;
+                n[l] = b;
             } else
-              n[l] = d;
+              n[l] = f;
           } catch {
             n[l] = "";
           }
-        } else if (h.trim()) {
-          const l = h.split(":")[0].trim();
+        } else if (p.trim()) {
+          const l = p.split(":")[0].trim();
           l && !l.includes("}") && (n[l] = "");
         }
       }
@@ -3267,7 +3300,7 @@ function nt(e, t) {
     onDisconnected: (o) => {
       i.onDisconnected && i.onDisconnected();
     },
-    onAttributeChanged: (o, c, a, p) => {
+    onAttributeChanged: (o, c, a, h) => {
       i.onAttributeChanged && i.onAttributeChanged(o, c, a);
     },
     onError: (o, c) => {
@@ -3281,26 +3314,26 @@ function nt(e, t) {
       try {
         rr(o);
         const a = Object.keys(n).length > 0;
-        let p;
+        let h;
         if (a) {
-          const h = {};
-          Object.keys(n).forEach((b) => {
-            const g = o[b], u = n[b];
-            h[b] = g != null && g !== "" ? g : u;
-          }), p = t(h);
+          const p = {};
+          Object.keys(n).forEach((x) => {
+            const m = o[x], d = n[x];
+            p[x] = m != null && m !== "" ? m : d;
+          }), h = t(p);
         } else
-          p = t();
+          h = t();
         if (o._hookCallbacks) {
-          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);
+          const p = o._hookCallbacks;
+          p.onConnected && (i.onConnected = p.onConnected), p.onDisconnected && (i.onDisconnected = p.onDisconnected), p.onAttributeChanged && (i.onAttributeChanged = p.onAttributeChanged), p.onError && (i.onError = p.onError), p.style && (o._styleCallback = p.style);
         }
-        return p;
+        return h;
       } finally {
         nr(), F.clearCurrentComponent();
       }
     }
   };
-  Te.set(r, s), typeof window < "u" && (customElements.get(r) || customElements.define(
+  Re.set(r, s), typeof window < "u" && (customElements.get(r) || customElements.define(
     r,
     ir(r, s)
   ));
@@ -3329,7 +3362,7 @@ class sr {
     this.map.clear();
   }
 }
-const ze = new sr(500);
+const Ue = new sr(500);
 function or(e, t) {
   if (e == null) {
     console.warn(
@@ -3343,15 +3376,15 @@ function or(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 me(e, t = {}, r, n) {
+function ye(e, t = {}, r, n) {
   const i = n ?? t.key;
   return { tag: e, key: i, props: t, children: r };
 }
-function Oe(e) {
+function Te(e) {
   return !!e && typeof e == "object" && (e.type === "AnchorBlock" || e.tag === "#anchor");
 }
-function Ee(e) {
-  return typeof e == "object" && e !== null && "tag" in e && !Oe(e);
+function Se(e) {
+  return typeof e == "object" && e !== null && "tag" in e && !Te(e);
 }
 function ar(e, t) {
   return e.key != null ? e : { ...e, key: t };
@@ -3360,98 +3393,98 @@ function cr(e, t = [], r = {}) {
   const n = {}, i = {}, s = {}, o = [], c = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
   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;
+    const h = a[1], p = a[2], x = (a[4] || a[6]) ?? "", m = x.match(/^{{(\d+)}}$/);
+    let d = m ? t[Number(m[1])] ?? null : x;
+    m || (d === "true" ? d = !0 : d === "false" ? d = !1 : d === "null" ? d = null : isNaN(Number(d)) || (d = Number(d)));
+    const u = ["model", "bind", "show", "class", "style", "ref"];
+    if (h === ":") {
+      const [y, w] = p.split(":"), [l, ...f] = y.split(".");
+      if (u.includes(l)) {
+        const b = [...f], k = l === "model" && w ? `model:${w}` : l;
         s[k] = {
-          value: u,
-          modifiers: w,
-          arg: x
+          value: d,
+          modifiers: b,
+          arg: w
         };
       } else {
-        let w = u;
-        w && ee(w) && (w = w.value), i[h] = w, o.push(h);
+        let b = d;
+        b && ee(b) && (b = b.value), i[p] = b, o.push(p);
       }
-    } 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) => {
+    } else if (h === "@") {
+      const [y, ...w] = p.split("."), l = w;
+      or(d, y);
+      const f = typeof d == "function" ? d : typeof r[d] == "function" ? r[d] : void 0;
+      if (f) {
+        const b = (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);
+            return l.includes("once") && C.currentTarget?.removeEventListener(y, b), f(C);
         }, k = "on" + y.charAt(0).toUpperCase() + y.slice(1);
-        n[k] = w;
+        n[k] = b;
       }
-    } else h === "ref" ? n.ref = u : i[h] = u;
+    } else p === "ref" ? n.ref = d : i[p] = d;
   }
   return { props: n, attrs: i, directives: s, bound: o };
 }
 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;
+  const n = we.length > 0 ? we[we.length - 1] : void 0, i = r ?? n, s = !r && t.length === 0, o = s ? e.join("<!--TEMPLATE_DELIM-->") : null;
   if (s && o) {
-    const m = ze.get(o);
-    if (m) return m;
+    const g = Ue.get(o);
+    if (g) return g;
   }
-  function c(m, $) {
-    return me("#text", {}, m, $);
+  function c(g, $) {
+    return ye("#text", {}, g, $);
   }
   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(
+  for (let g = 0; g < e.length; g++)
+    a += e[g], g < t.length && (a += `{{${g}}}`);
+  const h = /<!--[\s\S]*?-->|<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, p = [];
+  let x, m = [], d = null, u = {}, y, w = 0, l = [];
+  function f(g) {
+    !g || typeof g != "object" || Te(g) || (g.props || g.attrs ? (g.props && (u.props || (u.props = {}), Object.assign(u.props, g.props)), g.attrs && (u.attrs || (u.attrs = {}), Object.keys(g.attrs).forEach(($) => {
+      if ($ === "style" && u.attrs.style) {
+        const j = u.attrs.style.replace(
           /;?\s*$/,
           ""
-        ), 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])
+        ), v = g.attrs.style.replace(/^;?\s*/, "");
+        u.attrs.style = j + "; " + v;
+      } else if ($ === "class" && u.attrs.class) {
+        const j = u.attrs.class.trim().split(/\s+/).filter(Boolean), v = g.attrs.class.trim().split(/\s+/).filter(Boolean), _ = [
+          .../* @__PURE__ */ new Set([...j, ...v])
         ];
-        f.attrs.class = A.join(" ");
+        u.attrs.class = _.join(" ");
       } else
-        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,
+        u.attrs[$] = g.attrs[$];
+    }))) : (u.props || (u.props = {}), Object.assign(u.props, g)));
+  }
+  function b(g, $) {
+    const j = d ? m : l;
+    if (Te(g)) {
+      const v = g.key ?? $;
+      let _ = g.children;
+      j.push({
+        ...g,
         key: v,
-        children: A
+        children: _
       });
       return;
     }
-    if (Ee(m)) {
-      S.push(ar(m, void 0));
+    if (Se(g)) {
+      j.push(ar(g, void 0));
       return;
     }
-    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}`));
+    if (Array.isArray(g)) {
+      if (g.length === 0) return;
+      for (let v = 0; v < g.length; v++) {
+        const _ = g[v];
+        Te(_) || Se(_) || Array.isArray(_) ? b(_, `${$}-${v}`) : _ !== null && typeof _ == "object" ? f(_) : j.push(c(String(_), `${$}-${v}`));
       }
       return;
     }
-    if (m !== null && typeof m == "object") {
-      d(m);
+    if (g !== null && typeof g == "object") {
+      f(g);
       return;
     }
-    S.push(c(String(m), $));
+    j.push(c(String(g), $));
   }
   const k = /* @__PURE__ */ new Set([
     "area",
@@ -3469,20 +3502,20 @@ function lr(e, t, r) {
     "track",
     "wbr"
   ]);
-  for (; b = p.exec(a); )
-    if (!(b[0].startsWith("<!--") && b[0].endsWith("-->"))) {
-      if (b[1]) {
-        const m = b[1], $ = b[0][1] === "/", S = b[0][b[0].length - 2] === "/" || k.has(m), {
+  for (; x = h.exec(a); )
+    if (!(x[0].startsWith("<!--") && x[0].endsWith("-->"))) {
+      if (x[1]) {
+        const g = x[1], $ = x[0][1] === "/", j = x[0][x[0].length - 2] === "/" || k.has(g), {
           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")))
+          attrs: _,
+          directives: A,
+          bound: D
+        } = cr(x[2] || "", t, i), S = { props: {}, attrs: {} };
+        for (const O in v) S.props[O] = v[O];
+        for (const O in _) S.attrs[O] = _[O];
+        if (S.attrs && Object.prototype.hasOwnProperty.call(S.attrs, "key") && !(S.props && Object.prototype.hasOwnProperty.call(S.props, "key")))
           try {
-            E.props.key = E.attrs.key;
+            S.props.key = S.attrs.key;
           } catch {
           }
         try {
@@ -3495,108 +3528,108 @@ function lr(e, t, r) {
             audio: ["muted", "autoplay", "controls", "loop"],
             img: ["src", "alt", "width", "height"],
             button: ["type", "name", "value", "disabled", "autofocus", "form"]
-          }, 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];
+          }, H = g.toLowerCase(), te = O[H] ?? [];
+          if (S.attrs) {
+            for (const N of te)
+              if (D && D.includes(N) && N in S.attrs && !(S.props && N in S.props)) {
+                let W = S.attrs[N];
+                W && ee(W) && (W = W.value), S.props[N] = W, delete S.attrs[N];
               }
           }
-          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 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];
+          if ((g.includes("-") || !!i?.__customElements?.has?.(g)) && (S.isCustomElement = !0, D && S.attrs)) {
+            const N = /* @__PURE__ */ new Set(["id", "name", "data-key", "key"]);
+            for (const W of D)
+              if (W in S.attrs && !(S.props && W in S.props)) {
+                const V = W.includes("-") ? W.split("-").map((G, I) => I === 0 ? G : G.charAt(0).toUpperCase() + G.slice(1)).join("") : W;
+                let K = S.attrs[W];
+                K && ee(K) && (K = K.value), S.props[V] = K, N.has(W) || delete S.attrs[W];
               }
           }
         } catch {
         }
-        if (j && Object.keys(j).some((O) => O === "model" || O.startsWith("model:")))
+        if (A && Object.keys(A).some((O) => O === "model" || O.startsWith("model:")))
           try {
-            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)) {
+            const O = Symbol.for("cer.registry"), H = globalThis[O], te = !!(H && typeof H.has == "function" && H.has(g)), $e = !!(i && (i.__customElements instanceof Set && i.__customElements.has(g) || Array.isArray(i.__isCustomElements) && i.__isCustomElements.includes(g)));
+            if (!!(g.includes("-") || $e || te))
+              for (const V of Object.keys(A)) {
                 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;
+                const K = A[V], G = K.arg ?? (V.includes(":") ? V.split(":", 2)[1] : void 0), I = K.value, X = G ?? "modelValue", re = U, E = Ae, T = i ? i._state || i : void 0;
+                let R;
+                typeof I == "string" && i ? R = re(T, I) : (R = I, R && ee(R) && (R = R.value)), S.props[X] = R;
                 try {
-                  const ie = re(X);
-                  E.attrs || (E.attrs = {}), T !== void 0 && (E.attrs[ie] = T);
+                  const se = ie(X);
+                  S.attrs || (S.attrs = {}), R !== void 0 && (S.attrs[se] = R);
                 } catch {
                 }
-                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());
+                S.isCustomElement = !0;
+                const L = `update:${ie(X)}`.replace(/-([a-z])/g, (se, Q) => Q.toUpperCase()), z = "on" + L.charAt(0).toUpperCase() + L.slice(1);
+                S.props[z] = function(se) {
+                  const Q = se.detail !== void 0 ? se.detail : se.target ? se.target.value : void 0;
+                  if (T)
+                    if (I && ee(I)) {
+                      const ce = I.value;
+                      (Array.isArray(Q) && Array.isArray(ce) ? JSON.stringify([...Q].sort()) !== JSON.stringify([...ce].sort()) : Q !== ce) && (I.value = Q, i?.requestRender ? i.requestRender() : i?._requestRender && i._requestRender());
                     } else {
-                      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());
+                      const ce = re(T, typeof I == "string" ? I : String(I));
+                      (Array.isArray(Q) && Array.isArray(ce) ? JSON.stringify([...Q].sort()) !== JSON.stringify([...ce].sort()) : Q !== ce) && (E(T, typeof I == "string" ? I : String(I), Q), i?.requestRender ? i.requestRender() : i?._requestRender && i._requestRender());
                     }
-                }, delete j[V];
+                }, delete A[V];
               }
           } catch {
           }
-        if (Object.keys(j).length > 0 && (E.directives = { ...j }), $) {
-          const O = me(
+        if (Object.keys(A).length > 0 && (S.directives = { ...A }), $) {
+          const O = ye(
+            d,
             u,
-            f,
-            g.length === 1 && Ee(g[0]) && g[0].tag === "#text" ? typeof g[0].children == "string" ? g[0].children : "" : g.length ? g : void 0,
+            m.length === 1 && Se(m[0]) && m[0].tag === "#text" ? typeof m[0].children == "string" ? m[0].children : "" : m.length ? m : 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,
+          ), H = p.pop();
+          H ? (d = H.tag, u = H.props, y = H.key, m = H.children, m.push(O)) : (l.push(O), d = null, u = {}, y = void 0, m = []);
+        } else j ? d ? m.push(ye(g, S, void 0, void 0)) : l.push(ye(g, S, void 0, void 0)) : (d && p.push({
+          tag: d,
+          props: u,
+          children: m,
           key: y
-        }), u = m, f = E, g = []);
-      } else if (typeof b[3] < "u") {
-        const m = Number(b[3]), $ = t[m], S = `interp-${m}`;
-        w($, S);
-      } else if (b[4]) {
-        const m = b[4], $ = u ? g : l, S = m.split(/({{\d+}})/);
-        for (const v of S) {
+        }), d = g, u = S, m = []);
+      } else if (typeof x[3] < "u") {
+        const g = Number(x[3]), $ = t[g], j = `interp-${g}`;
+        b($, j);
+      } else if (x[4]) {
+        const g = x[4], $ = d ? m : l, j = g.split(/({{\d+}})/);
+        for (const v of j) {
           if (!v) continue;
-          const A = v.match(/^{{(\d+)}}$/);
-          if (A) {
-            const j = Number(A[1]), N = t[j], E = `interp-${j}`;
-            w(N, E);
+          const _ = v.match(/^{{(\d+)}}$/);
+          if (_) {
+            const A = Number(_[1]), D = t[A], S = `interp-${A}`;
+            b(D, S);
           } else {
-            const j = `text-${x++}`;
-            $.push(c(v, j));
+            const A = `text-${w++}`;
+            $.push(c(v, A));
           }
         }
       }
     }
-  const C = l.filter((m) => Ee(m) && m.tag === "#text" ? typeof m.children == "string" && m.children.trim() !== "" : !0);
+  const C = l.filter((g) => Se(g) && g.tag === "#text" ? typeof g.children == "string" && g.children.trim() !== "" : !0);
   if (C.length === 1) {
-    const m = C[0];
-    return s && o && ze.set(o, m), m;
+    const g = C[0];
+    return s && o && Ue.set(o, g), g;
   } else if (C.length > 1) {
-    const m = C;
-    return s && o && ze.set(o, m), m;
+    const g = C;
+    return s && o && Ue.set(o, g), g;
   }
-  return me("div", {}, "", "fallback-root");
+  return ye("div", {}, "", "fallback-root");
 }
-function ce(e, ...t) {
+function le(e, ...t) {
   const r = t[t.length - 1], n = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
   return lr(e, t, n);
 }
-function Re(e, t) {
-  return W(e ? t : [], "when-block");
+function Pe(e, t) {
+  return M(e ? t : [], "when-block");
 }
-function Cr(e, t) {
+function _r(e, t) {
   return e.map((r, n) => {
     const i = typeof r == "object" ? r?.key ?? r?.id ?? `idx-${n}` : String(r);
-    return W(t(r, n), `each-${i}`);
+    return M(t(r, n), `each-${i}`);
   });
 }
 function ur() {
@@ -3616,11 +3649,11 @@ function ur() {
 function fr(...e) {
   for (let t = 0; t < e.length; t++) {
     const [r, n] = e[t];
-    if (r) return [W(n, `whenChain-branch-${t}`)];
+    if (r) return [M(n, `whenChain-branch-${t}`)];
   }
-  return [W([], "whenChain-empty")];
+  return [M([], "whenChain-empty")];
 }
-function W(e, t) {
+function M(e, t) {
   const r = e ? Array.isArray(e) ? e.filter(Boolean) : [e].filter(Boolean) : [];
   return {
     tag: "#anchor",
@@ -3628,55 +3661,55 @@ function W(e, t) {
     children: r
   };
 }
-function _r(e, t) {
-  return Re(!e, t);
-}
 function Er(e, t) {
-  const r = !e || e.length === 0;
-  return Re(r, t);
+  return Pe(!e, t);
 }
 function Sr(e, t) {
+  const r = !e || e.length === 0;
+  return Pe(r, t);
+}
+function Ar(e, t) {
   const r = !!(e && e.length > 0);
-  return Re(r, t);
+  return Pe(r, t);
 }
-function Ar(e, t, r) {
+function jr(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 W(r(i, s, o), `each-where-${c}`);
+    return M(r(i, s, o), `each-where-${c}`);
   });
 }
-function jr(e, t) {
+function Or(e, t) {
   const r = e?.length ?? 0;
-  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");
+  return r === 0 && t.empty ? M(t.empty, "switch-length-empty") : r === 1 && t.one ? M(t.one(e[0]), "switch-length-one") : t.exactly?.[r] ? M(t.exactly[r](e), `switch-length-${r}`) : r > 1 && t.many ? M(t.many(e), "switch-length-many") : M([], "switch-length-fallback");
 }
-function Or(e, t, r) {
+function Tr(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) => W(
+  }), Array.from(n.entries()).map(([i, s], o) => M(
     r(i, s, o),
     `each-group-${i}`
   ));
 }
-function Tr(e, t, r, n) {
+function Rr(e, t, r, n) {
   const i = r * t, s = Math.min(i + t, e.length);
   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}`);
+    const h = i + a, p = typeof c == "object" && c != null ? c?.key ?? c?.id ?? `page-${h}` : `page-${h}`;
+    return M(n(c, h, a), `each-page-${p}`);
   });
 }
-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 Pr(e, t) {
+  return e.loading && t.loading ? M(t.loading, "promise-loading") : e.error && t.error ? M(t.error(e.error), "promise-error") : e.data !== void 0 && t.success ? M(t.success(e.data), "promise-success") : t.idle ? M(t.idle, "promise-idle") : M([], "promise-fallback");
 }
 function q(e, t) {
   const r = typeof window < "u" && window.matchMedia?.(e)?.matches;
-  return Re(!!r, t);
+  return Pe(!!r, t);
 }
-const te = {
+const ne = {
   // Responsive breakpoints (matching style.ts)
   sm: "(min-width:640px)",
   md: "(min-width:768px)",
@@ -3685,15 +3718,15 @@ const te = {
   "2xl": "(min-width:1536px)",
   // Dark mode (matching style.ts)
   dark: "(prefers-color-scheme: dark)"
-}, ht = ["sm", "md", "lg", "xl", "2xl"], dr = {
+}, gt = ["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),
-  lg: (e) => q(te.lg, e),
-  xl: (e) => q(te.xl, e),
-  "2xl": (e) => q(te["2xl"], e),
+  sm: (e) => q(ne.sm, e),
+  md: (e) => q(ne.md, e),
+  lg: (e) => q(ne.lg, e),
+  xl: (e) => q(ne.xl, e),
+  "2xl": (e) => q(ne["2xl"], e),
   // Dark mode (matching style.ts)
-  dark: (e) => q(te.dark, e),
+  dark: (e) => q(ne.dark, e),
   light: (e) => q("(prefers-color-scheme: light)", e),
   // Accessibility and interaction preferences
   touch: (e) => q("(hover: none) and (pointer: coarse)", e),
@@ -3706,22 +3739,22 @@ const te = {
 };
 function Lr(e, t) {
   const r = [];
-  e.includes("dark") ? r.push(te.dark) : e.includes("light") && r.push("(prefers-color-scheme: light)");
+  e.includes("dark") ? r.push(ne.dark) : e.includes("light") && r.push("(prefers-color-scheme: light)");
   const n = e.filter(
-    (o) => ht.includes(o)
+    (o) => gt.includes(o)
   ), i = n[n.length - 1];
-  i && i in te && r.push(te[i]);
+  i && i in ne && r.push(ne[i]);
   const s = r.length > 0 ? r.join(" and ") : "all";
   return q(s, t);
 }
-function Pr(e) {
+function Mr(e) {
   const t = [];
-  return e.base && t.push(W(e.base, "responsive-base")), ht.forEach((r) => {
+  return e.base && t.push(M(e.base, "responsive-base")), gt.forEach((r) => {
     const n = e[r];
     n && t.push(dr[r](n));
   }), t;
 }
-function Mr(e) {
+function Wr(e) {
   const t = [];
   let r = null;
   return {
@@ -3739,13 +3772,13 @@ function Mr(e) {
       for (let n = 0; n < t.length; n++) {
         const { condition: i, content: s } = t[n];
         if (i(e))
-          return W(s, `switch-case-${n}`);
+          return M(s, `switch-case-${n}`);
       }
-      return W(r || [], "switch-otherwise");
+      return M(r || [], "switch-otherwise");
     }
   };
 }
-class de extends EventTarget {
+class pe extends EventTarget {
   handlers = {};
   static instance;
   eventCounters = /* @__PURE__ */ new Map();
@@ -3753,7 +3786,7 @@ class de extends EventTarget {
    * Returns the singleton instance of GlobalEventBus
    */
   static getInstance() {
-    return de.instance || (de.instance = new de()), de.instance;
+    return pe.instance || (pe.instance = new pe()), pe.instance;
   }
   /**
    * Emit a global event with optional data. Includes event storm protection.
@@ -3777,7 +3810,7 @@ class de extends EventTarget {
       try {
         o(r);
       } catch (c) {
-        se(`Error in global event handler for "${t}":`, c);
+        oe(`Error in global event handler for "${t}":`, c);
       }
     });
   }
@@ -3866,8 +3899,8 @@ class de extends EventTarget {
     this.eventCounters.clear();
   }
 }
-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) {
+const ve = pe.getInstance(), Dr = (e, t) => ve.emit(e, t), Ir = (e, t) => ve.on(e, t), Nr = (e, t) => ve.off(e, t), Hr = (e, t) => ve.once(e, t), Br = (e, t, r) => ve.listen(e, t, r);
+function ot(e) {
   let t = { ...e };
   const r = [];
   function n(c) {
@@ -3885,281 +3918,282 @@ function it(e) {
   }
   return { subscribe: n, getState: i, setState: s };
 }
-const st = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, Y = (e, t) => {
+const at = (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((a, p) => {
-        c[a] = o[p + 1];
+      return n.forEach((a, h) => {
+        c[a] = o[h + 1];
       }), { route: r, params: c };
     }
   }
   return { route: null, params: {} };
-}, Be = {};
-async function hr(e) {
+}, qe = {};
+async function pr(e) {
   if (e.component) return e.component;
   if (e.load) {
-    if (Be[e.path]) return Be[e.path];
+    if (qe[e.path]) return qe[e.path];
     try {
       const t = await e.load();
-      return Be[e.path] = t.default, t.default;
+      return qe[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 pr(e) {
+function hr(e) {
   const { routes: t, base: r = "", initialUrl: n } = e;
-  let i, s, o, c, a, p, h;
-  const b = async (y, x) => {
-    const l = t.find((d) => Y([d], y.path).route !== null);
+  let i, s, o, c, a, h, p;
+  const x = async (y, w) => {
+    const l = t.find((f) => Y([f], y.path).route !== null);
     if (l?.beforeEnter)
       try {
-        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;
+        const f = await l.beforeEnter(y, w);
+        return typeof f == "string" ? (await u(f, !0), !1) : f !== !1;
+      } catch (f) {
+        return oe("beforeEnter error", f), !1;
       }
     return !0;
-  }, g = async (y, x) => {
-    const l = t.find((d) => Y([d], y.path).route !== null);
+  }, m = async (y, w) => {
+    const l = t.find((f) => Y([f], y.path).route !== null);
     if (l?.onEnter)
       try {
-        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;
+        const f = await l.onEnter(y, w);
+        return typeof f == "string" ? (await u(f, !0), !1) : f !== !1;
+      } catch (f) {
+        return oe("onEnter error", f), !1;
       }
     return !0;
-  }, u = (y, x) => {
-    const l = t.find((d) => Y([d], y.path).route !== null);
+  }, d = (y, w) => {
+    const l = t.find((f) => Y([f], y.path).route !== null);
     if (l?.afterEnter)
       try {
-        l.afterEnter(y, x);
-      } catch (d) {
-        se("afterEnter error", d);
+        l.afterEnter(y, w);
+      } catch (f) {
+        oe("afterEnter error", f);
       }
-  }, f = async (y, x = !1) => {
+  }, u = async (y, w = !1) => {
     try {
       const l = {
         path: y.replace(r, "") || "/",
         query: {}
-      }, d = Y(t, l.path);
-      if (!d) throw new Error(`No route found for ${l.path}`);
-      const w = o.getState(), k = {
+      }, f = Y(t, l.path);
+      if (!f) throw new Error(`No route found for ${l.path}`);
+      const b = o.getState(), k = {
         path: l.path,
-        params: d.params,
+        params: f.params,
         query: l.query
       };
-      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);
+      if (!await x(k, b) || !await m(k, b)) return;
+      typeof window < "u" && typeof document < "u" && (w ? window.history.replaceState({}, "", r + y) : window.history.pushState({}, "", r + y)), o.setState(k), d(k, b);
     } catch (l) {
-      se("Navigation error:", l);
+      oe("Navigation error:", l);
     }
   };
   if (typeof window < "u" && typeof document < "u" && typeof n > "u") {
     i = () => {
-      const x = new URL(window.location.href), l = x.pathname.replace(r, "") || "/", d = st(x.search);
-      return { path: l, query: d };
+      const w = new URL(window.location.href), l = w.pathname.replace(r, "") || "/", f = at(w.search);
+      return { path: l, query: f };
     }, s = i();
     const y = Y(t, s.path);
-    o = it({
+    o = ot({
       path: s.path,
       params: y.params,
       query: s.query
-    }), c = async (x = !1) => {
+    }), c = async (w = !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();
+      await u(l.path, w);
+    }, window.addEventListener("popstate", () => c(!0)), a = (w) => u(w, !1), h = (w) => u(w, !0), p = () => window.history.back();
   } else {
     i = () => {
-      const l = new URL(n || "/", "http://localhost"), d = l.pathname.replace(r, "") || "/", w = st(l.search);
-      return { path: d, query: w };
+      const l = new URL(n || "/", "http://localhost"), f = l.pathname.replace(r, "") || "/", b = at(l.search);
+      return { path: f, query: b };
     }, s = i();
     const y = Y(t, s.path);
-    o = it({
+    o = ot({
       path: s.path,
       params: y.params,
       query: s.query
     }), c = async () => {
       const l = i();
-      await x(l.path);
+      await w(l.path);
     };
-    const x = async (l) => {
+    const w = async (l) => {
       try {
-        const d = {
+        const f = {
           path: l.replace(r, "") || "/",
           query: {}
-        }, w = Y(t, d.path);
-        if (!w) throw new Error(`No route found for ${d.path}`);
+        }, b = Y(t, f.path);
+        if (!b) throw new Error(`No route found for ${f.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)
+          path: f.path,
+          params: b.params,
+          query: f.query
+        }, g = t.find(($) => Y([$], C.path).route !== null);
+        if (g?.beforeEnter)
           try {
-            const $ = await m.beforeEnter(C, k);
+            const $ = await g.beforeEnter(C, k);
             if (typeof $ == "string") {
-              await x($);
+              await w($);
               return;
             }
             if ($ === !1) return;
           } catch {
             return;
           }
-        if (m?.onEnter)
+        if (g?.onEnter)
           try {
-            const $ = await m.onEnter(C, k);
+            const $ = await g.onEnter(C, k);
             if (typeof $ == "string") {
-              await x($);
+              await w($);
               return;
             }
             if ($ === !1) return;
           } catch {
             return;
           }
-        if (o.setState(C), m?.afterEnter)
+        if (o.setState(C), g?.afterEnter)
           try {
-            m.afterEnter(C, k);
+            g.afterEnter(C, k);
           } catch {
           }
       } catch {
       }
     };
-    a = async (l) => x(l), p = async (l) => x(l), h = () => {
+    a = async (l) => w(l), h = async (l) => w(l), p = () => {
     };
   }
   return {
     store: o,
     push: a,
-    replace: p,
-    back: h,
+    replace: h,
+    back: p,
     subscribe: o.subscribe,
     matchRoute: (y) => Y(t, y),
     getCurrent: () => o.getState(),
-    resolveRouteComponent: hr
+    resolveRouteComponent: pr
   };
 }
 function zr(e, t) {
   return Y(e, t);
 }
-function Br(e) {
-  const t = pr(e);
-  return nt("router-view", (r = {}, n = {}) => {
+function Ur(e) {
+  const t = hr(e);
+  return st("router-view", (r = {}, n = {}) => {
     const { onConnected: i } = n;
     if (i && i(() => {
       t && typeof t.subscribe == "function" && t.subscribe(() => {
       });
-    }), !t) return ce`<div>Router not initialized.</div>`;
+    }), !t) return le`<div>Router not initialized.</div>`;
     const s = t.getCurrent(), { path: o } = s, c = t.matchRoute(o);
     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);
+        const h = a();
+        return (h instanceof Promise ? h : Promise.resolve(h)).then((x) => typeof x == "string" ? { tag: x, props: {}, children: [] } : x);
       }
-      return ce`<div>Invalid route component</div>`;
-    }).catch(() => ce`<div>Invalid route component</div>`) : ce`<div>Not found</div>`;
-  }), nt("router-link", (r = {}, n = {}) => {
+      return le`<div>Invalid route component</div>`;
+    }).catch(() => le`<div>Invalid route component</div>`) : le`<div>Not found</div>`;
+  }), st("router-link", (r = {}, n = {}) => {
     const {
       to: i = "",
       tag: s = "a",
       replace: o = !1,
       exact: c = !1,
       activeClass: a = "active",
-      exactActiveClass: p = "exact-active",
-      ariaCurrentValue: h = "page",
-      disabled: b = !1,
-      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;
+      exactActiveClass: h = "exact-active",
+      ariaCurrentValue: p = "page",
+      disabled: x = !1,
+      external: m = !1,
+      class: d = ""
+    } = r, u = t.getCurrent(), y = u.path === i, w = c ? y : u && typeof u.path == "string" ? u.path.startsWith(i) : !1, l = y ? `aria-current="${p}"` : "", f = (d || "").split(/\s+/).filter(Boolean), b = {};
+    for (const v of f) b[v] = !0;
     const k = {
-      ...w,
+      ...b,
       // Also include the configurable names (may duplicate the above)
-      [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) {
+      [a]: w,
+      [h]: y
+    }, C = s === "button", g = x ? C ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", $ = m && (s === "a" || !s) ? 'target="_blank" rel="noopener noreferrer"' : "", j = (v) => {
+      if (x) {
         v.preventDefault();
         return;
       }
-      g && (s === "a" || !s) || (v.preventDefault(), o ? t.replace(i) : t.push(i));
+      m && (s === "a" || !s) || (v.preventDefault(), o ? t.replace(i) : t.push(i));
     };
-    return ce`
-      ${ur().when(C, ce`
+    return le`
+      ${ur().when(C, le`
           <button
             part="button"
             :class="${k}"
             ${l}
-            ${m}
+            ${g}
             ${$}
-            @click="${S}"
+            @click="${j}"
           ><slot></slot></button>
-        `).otherwise(ce`
+        `).otherwise(le`
           <a
             part="link"
             href="${i}"
             :class="${k}"
             ${l}
-            ${m}
+            ${g}
             ${$}
-            @click="${S}"
+            @click="${j}"
           ><slot></slot></a>
         `).done()}
     `;
   }), t;
 }
 export {
-  de as GlobalEventBus,
-  W as anchorBlock,
-  nt as component,
+  pe as GlobalEventBus,
+  M as anchorBlock,
+  st 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,
+  ot as createStore,
+  Dt as css,
+  _r as each,
+  Tr as eachGroup,
+  Rr as eachPage,
+  jr as eachWhere,
+  Dr as emit,
   ve as eventBus,
-  ce as html,
-  Br as initRouter,
-  Hr as listen,
+  le as html,
+  Ur as initRouter,
+  Br as listen,
   ur as match,
   Y as matchRoute,
   zr as matchRouteSSR,
-  te as mediaVariants,
-  Ir as off,
-  Dr as on,
-  Nr as once,
-  st as parseQuery,
+  ne as mediaVariants,
+  Nr as off,
+  Ir as on,
+  Hr as once,
+  at as parseQuery,
   gr as ref,
-  Pe as renderToString,
-  hr as resolveRouteComponent,
+  Me as renderToString,
+  pr as resolveRouteComponent,
   dr as responsive,
-  ht as responsiveOrder,
-  Pr as responsiveSwitch,
-  Mr as switchOn,
-  jr as switchOnLength,
-  Rr as switchOnPromise,
-  _r as unless,
+  gt as responsiveOrder,
+  Mr as responsiveSwitch,
+  Wr as switchOn,
+  Or as switchOnLength,
+  Pr as switchOnPromise,
+  Er as unless,
   br as useEmit,
   vr as useOnAttributeChanged,
   wr as useOnConnected,
   xr as useOnDisconnected,
   $r as useOnError,
-  pr as useRouter,
-  kr as useStyle,
+  kr as useProps,
+  hr as useRouter,
+  Cr as useStyle,
   yr as watch,
-  Re as when,
-  Er as whenEmpty,
+  Pe as when,
+  Sr as whenEmpty,
   q as whenMedia,
-  Sr as whenNotEmpty,
+  Ar as whenNotEmpty,
   Lr as whenVariants
 };
 //# sourceMappingURL=custom-elements-runtime.es.js.map