@jasonshimmy/custom-elements-runtime 1.1.1 → 1.1.2

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

@@ -1,9 +1,9 @@
-const jt = typeof process < "u" && process.env?.NODE_ENV !== "production";
-function N(e, ...t) {
-  jt && console.error(e, ...t);
+const Lt = typeof process < "u" && process.env?.NODE_ENV !== "production";
+function F(e, ...t) {
+  Lt && console.error(e, ...t);
 }
 function oe(e, ...t) {
-  jt && console.warn(e, ...t);
+  Lt && console.warn(e, ...t);
 }
 class Wt {
   pendingUpdates = /* @__PURE__ */ new Map();
@@ -26,7 +26,7 @@ class Wt {
       try {
         r();
       } catch (n) {
-        N("Error in batched update:", n);
+        F("Error in batched update:", n);
       }
   }
   /**
@@ -36,12 +36,12 @@ class Wt {
     return this.pendingUpdates.size;
   }
 }
-const Ft = new Wt();
-function me(e, t) {
-  Ft.schedule(e, t);
+const zt = new Wt();
+function ye(e, t) {
+  zt.schedule(e, t);
 }
-const ht = /* @__PURE__ */ new WeakSet();
-class zt {
+const gt = /* @__PURE__ */ new WeakSet();
+class Ut {
   static cache = /* @__PURE__ */ new WeakMap();
   static arrayHandlerCache = /* @__PURE__ */ new WeakMap();
   static objectHandlerCache = /* @__PURE__ */ new WeakMap();
@@ -54,7 +54,7 @@ class zt {
       return o;
     const i = n ? this.getOrCreateArrayHandler(r) : this.getOrCreateObjectHandler(r), s = new Proxy(t, i);
     try {
-      Lt.markAsProxy(s);
+      Pt.markAsProxy(s);
     } catch {
     }
     return this.cache.set(t, s), s;
@@ -78,8 +78,8 @@ class zt {
             "fill",
             "copyWithin"
           ].includes(o) ? function(...a) {
-            const d = s.apply(n, a);
-            return t.triggerUpdate(), d;
+            const f = s.apply(n, a);
+            return t.triggerUpdate(), f;
           } : s;
         },
         set: (n, o, i) => (n[o] = t.makeReactiveValue(i), t.triggerUpdate(), !0),
@@ -125,7 +125,7 @@ class zt {
     };
   }
 }
-class Lt {
+class Pt {
   // 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
@@ -136,7 +136,7 @@ class Lt {
    */
   static createReactiveProxy(t, r, n) {
     try {
-      if (ht.has(t)) return t;
+      if (gt.has(t)) return t;
     } catch {
     }
     const o = Array.isArray(t);
@@ -146,7 +146,7 @@ class Lt {
     return s || (s = {
       triggerUpdate: r,
       makeReactiveValue: n
-    }, i.set(n, s)), zt.getOrCreateProxy(t, s, o);
+    }, i.set(n, s)), Ut.getOrCreateProxy(t, s, o);
   }
   /**
    * Mark an object as a proxy (for optimization)
@@ -154,12 +154,12 @@ class Lt {
   static markAsProxy(t) {
     if (t)
       try {
-        ht.add(t);
+        gt.add(t);
       } catch {
       }
   }
 }
-class Ut {
+class Kt {
   currentComponent = null;
   // Consolidated component data: stores dependencies, render function, state index, and last warning time
   componentData = /* @__PURE__ */ new Map();
@@ -257,7 +257,7 @@ class Ut {
     const r = t.getDependents();
     for (const n of r) {
       const o = this.componentData.get(n);
-      o && me(o.renderFn, n);
+      o && ye(o.renderFn, n);
     }
   }
   /**
@@ -275,7 +275,7 @@ class Ut {
       o.startsWith(n) && this.stateStorage.delete(o);
   }
 }
-const J = new Ut();
+const X = new Kt();
 class Ue {
   _value;
   dependents = /* @__PURE__ */ new Set();
@@ -288,15 +288,15 @@ class Ue {
     }
   }
   get value() {
-    return J.trackDependency(this), this._value;
+    return X.trackDependency(this), this._value;
   }
   set value(t) {
-    J.isRenderingComponent() && J.shouldEmitRenderWarning() && oe(
+    X.isRenderingComponent() && X.shouldEmitRenderWarning() && oe(
       `🚨 State modification detected during render! This can cause infinite loops.
   • Move state updates to event handlers
   • Use useEffect/watch for side effects
   • Ensure computed properties don't modify state`
-    ), this._value = this.makeReactive(t), J.triggerUpdate(this);
+    ), this._value = this.makeReactive(t), X.triggerUpdate(this);
   }
   addDependent(t) {
     this.dependents.add(t);
@@ -308,15 +308,15 @@ class Ue {
     return this.dependents;
   }
   makeReactive(t) {
-    return t === null || typeof t != "object" || t instanceof Node || t instanceof Element || t instanceof HTMLElement ? t : Lt.createReactiveProxy(
+    return t === null || typeof t != "object" || t instanceof Node || t instanceof Element || t instanceof HTMLElement ? t : Pt.createReactiveProxy(
       t,
-      () => J.triggerUpdate(this),
+      () => X.triggerUpdate(this),
       (r) => this.makeReactive(r)
     );
   }
 }
 function Wn(e) {
-  return J.getOrCreateState(e === void 0 ? null : e);
+  return X.getOrCreateState(e === void 0 ? null : e);
 }
 function R(e) {
   if (!e || typeof e != "object") return !1;
@@ -327,48 +327,48 @@ function R(e) {
     return !1;
   }
 }
-function Fn(e) {
+function zn(e) {
   const t = new Ue(e());
   return {
     get value() {
-      return J.trackDependency(t), e();
+      return X.trackDependency(t), e();
     }
   };
 }
-function zn(e, t, r = {}) {
+function Un(e, t, r = {}) {
   let n = e();
   r.immediate && t(n, n);
   const o = `watch-${Math.random().toString(36).substr(2, 9)}`, i = () => {
-    J.setCurrentComponent(o, i);
+    X.setCurrentComponent(o, i);
     const s = e();
-    J.clearCurrentComponent(), s !== n && (t(s, n), n = s);
+    X.clearCurrentComponent(), s !== n && (t(s, n), n = s);
   };
-  return J.setCurrentComponent(o, i), e(), J.clearCurrentComponent(), () => {
-    J.cleanup(o);
+  return X.setCurrentComponent(o, i), e(), X.clearCurrentComponent(), () => {
+    X.cleanup(o);
   };
 }
-const L = (e) => {
+const P = (e) => {
   try {
     e();
   } catch {
   }
-}, Ne = /* @__PURE__ */ new Map(), Ie = /* @__PURE__ */ new Map(), He = /* @__PURE__ */ new Map(), dt = 500;
-function ee(e) {
-  if (Ne.has(e))
-    return Ne.get(e);
+}, De = /* @__PURE__ */ new Map(), He = /* @__PURE__ */ new Map(), Ie = /* @__PURE__ */ new Map(), pt = 500;
+function te(e) {
+  if (De.has(e))
+    return De.get(e);
   const t = e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-  return Ne.size < dt && Ne.set(e, t), t;
+  return De.size < pt && De.set(e, t), t;
 }
-function pt(e) {
-  if (Ie.has(e))
-    return Ie.get(e);
+function ht(e) {
+  if (He.has(e))
+    return He.get(e);
   const t = e.replace(/-([a-z])/g, (r, n) => n.toUpperCase());
-  return Ie.size < dt && Ie.set(e, t), t;
+  return He.size < pt && He.set(e, t), t;
 }
-function Ce(e) {
+function Ee(e) {
   if (typeof e == "string") {
-    if (He.has(e))
-      return He.get(e);
+    if (Ie.has(e))
+      return Ie.get(e);
     const t = e.replace(
       /[&<>"']/g,
       (r) => ({
@@ -379,7 +379,7 @@ function Ce(e) {
         "'": "&#39;"
       })[r]
     );
-    return t !== e && He.size < dt && He.set(e, t), t;
+    return t !== e && Ie.size < pt && Ie.set(e, t), t;
   }
   return e;
 }
@@ -390,13 +390,13 @@ function V(e, t) {
   }
   return t;
 }
-function Ve(e, t, r) {
+function qe(e, t, r) {
   const n = String(t).split("."), o = n.pop();
   if (!o) return;
   const i = n.reduce((s, c) => (s[c] == null && (s[c] = {}), s[c]), e);
   R(i[o]) ? i[o].value = r : i[o] = r;
 }
-function Kt(e, t, r) {
+function qt(e, t, r) {
   if (r)
     for (const [n, o] of Object.entries(r)) {
       let i, s = {};
@@ -409,7 +409,7 @@ function Kt(e, t, r) {
           const c = V(e, n);
           i(c, void 0, e);
         } catch (c) {
-          N(`Error in immediate watcher for "${n}":`, c);
+          F(`Error in immediate watcher for "${n}":`, c);
         }
     }
 }
@@ -418,15 +418,15 @@ function Vt(e, t, r, n) {
     if (s === c) return !0;
     if (typeof s != typeof c || typeof s != "object" || s === null || c === null) return !1;
     if (Array.isArray(s) && Array.isArray(c))
-      return s.length !== c.length ? !1 : s.every((b, y) => o(b, c[y]));
-    const a = Object.keys(s), d = Object.keys(c);
-    return a.length !== d.length ? !1 : a.every((b) => o(s[b], c[b]));
+      return s.length !== c.length ? !1 : s.every((b, m) => o(b, c[m]));
+    const a = Object.keys(s), f = Object.keys(c);
+    return a.length !== f.length ? !1 : a.every((b) => o(s[b], c[b]));
   }, i = t.get(r);
   if (i && !o(n, i.oldValue))
     try {
       i.callback(n, i.oldValue, e), i.oldValue = n;
     } catch (s) {
-      N(`Error in watcher for "${r}":`, s);
+      F(`Error in watcher for "${r}":`, s);
     }
   for (const [s, c] of t.entries())
     if (c.options.deep && r.startsWith(s + "."))
@@ -434,31 +434,31 @@ function Vt(e, t, r, n) {
         const a = V(e, s);
         o(a, c.oldValue) || (c.callback(a, c.oldValue, e), c.oldValue = a);
       } catch (a) {
-        N(`Error in deep watcher for "${s}":`, a);
+        F(`Error in deep watcher for "${s}":`, a);
       }
 }
-function gt(e, t) {
+function mt(e, t) {
   return t === Boolean ? e === "" || e === "true" : t === Number ? Number(e) : e;
 }
-function qt(e, t, r) {
+function Zt(e, t, r) {
   if (t)
     for (const n in t) {
-      const o = t[n], i = ee(n), s = e.getAttribute(i);
+      const o = t[n], i = te(n), s = e.getAttribute(i);
       if (o.type === Function && typeof e[n] == "function")
         r[n] = e[n];
       else if (s !== null)
-        r[n] = gt(s, o.type);
+        r[n] = mt(s, o.type);
       else if (typeof e[n] < "u")
         try {
           const c = e[n];
-          o.type === Boolean && typeof c == "boolean" || o.type === Number && typeof c == "number" || o.type === Function && typeof c == "function" ? r[n] = c : r[n] = gt(String(c), o.type);
+          o.type === Boolean && typeof c == "boolean" || o.type === Number && typeof c == "number" || o.type === Function && typeof c == "function" ? r[n] = c : r[n] = mt(String(c), o.type);
         } catch {
           r[n] = e[n];
         }
       else "default" in o && o.default !== void 0 && (r[n] = o.default);
     }
 }
-function Zt(e, t, r) {
+function Gt(e, t, r) {
   if (!t.props) {
     try {
       const n = r && r._hookCallbacks && r._hookCallbacks.props || {}, o = Array.from(/* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(n)]));
@@ -472,12 +472,12 @@ function Zt(e, t, r) {
               configurable: !0,
               get() {
                 try {
-                  const a = ee(i), d = e.getAttribute(a);
-                  if (d !== null)
-                    return d;
+                  const a = te(i), f = e.getAttribute(a);
+                  if (f !== null)
+                    return f;
                   const b = e[i];
-                  let y;
-                  return R(b) || b && typeof b == "object" && "value" in b && !(b instanceof Node) ? y = b.value : y = b, y;
+                  let m;
+                  return R(b) || b && typeof b == "object" && "value" in b && !(b instanceof Node) ? m = b.value : m = b, m;
                 } catch {
                   return e[i];
                 }
@@ -490,15 +490,15 @@ function Zt(e, t, r) {
     }
     return;
   }
-  qt(e, t.props, r);
+  Zt(e, t.props, r);
 }
-function Gt(e, t, r, n) {
+function Jt(e, t, r, n) {
   e.onConnected && !r && (e.onConnected(t), n(!0));
 }
-function Jt(e, t, r, n, o, i, s, c) {
+function Xt(e, t, r, n, o, i, s, c) {
   e.onDisconnected && e.onDisconnected(t), r.forEach((a) => a()), n(), o(), i(!1), s(null), c(!1);
 }
-function Xt(e, t, r, n, o) {
+function Yt(e, t, r, n, o) {
   e.onAttributeChanged && e.onAttributeChanged(t, r, n, o);
 }
 class Qt {
@@ -601,35 +601,35 @@ class Qt {
       try {
         let n = t;
         const o = [];
-        n = n.replace(/("[^"\\]*(?:\\.[^"\\]*)*"|'[^'\\]*(?:\\.[^'\\]*)*')/g, (y) => `<<#${o.push(y) - 1}#>>`);
+        n = n.replace(/("[^"\\]*(?:\\.[^"\\]*)*"|'[^'\\]*(?:\\.[^'\\]*)*')/g, (m) => `<<#${o.push(m) - 1}#>>`);
         const i = n.match(/ctx\.[\w.]+/g) || [];
-        for (const y of i) {
-          const p = y.slice(4), x = V(r, p);
-          if (x === void 0) return;
-          const u = o.push(JSON.stringify(x)) - 1;
-          n = n.replace(new RegExp(y.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${u}#>>`);
+        for (const m of i) {
+          const d = m.slice(4), k = V(r, d);
+          if (k === void 0) return;
+          const u = o.push(JSON.stringify(k)) - 1;
+          n = n.replace(new RegExp(m.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${u}#>>`);
         }
         const s = /\b[a-zA-Z_][a-zA-Z0-9_]*(?:\.[a-zA-Z_][a-zA-Z0-9_]*)+\b/g, c = n.match(s) || [];
-        for (const y of c) {
-          if (y.startsWith("ctx.")) continue;
-          const p = V(r, y);
-          if (p === void 0) return;
-          const x = o.push(JSON.stringify(p)) - 1;
-          n = n.replace(new RegExp(y.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${x}#>>`);
+        for (const m of c) {
+          if (m.startsWith("ctx.")) continue;
+          const d = V(r, m);
+          if (d === void 0) return;
+          const k = o.push(JSON.stringify(d)) - 1;
+          n = n.replace(new RegExp(m.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${k}#>>`);
         }
         const a = /\b([a-zA-Z_][a-zA-Z0-9_]*)\b/g;
-        let d;
+        let f;
         const b = /* @__PURE__ */ new Set();
-        for (; (d = a.exec(n)) !== null; ) {
-          const y = d[1];
-          if (["true", "false", "null", "undefined"].includes(y) || /^[0-9]+$/.test(y) || y === "ctx" || b.has(y)) continue;
-          b.add(y);
-          const p = V(r, y);
-          if (p === void 0) return;
-          const x = JSON.stringify(p), u = o.push(x) - 1;
-          y.includes(".") ? n = n.replace(new RegExp(y.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${u}#>>`) : n = n.replace(new RegExp("\\b" + y.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + "\\b", "g"), `<<#${u}#>>`);
+        for (; (f = a.exec(n)) !== null; ) {
+          const m = f[1];
+          if (["true", "false", "null", "undefined"].includes(m) || /^[0-9]+$/.test(m) || m === "ctx" || b.has(m)) continue;
+          b.add(m);
+          const d = V(r, m);
+          if (d === void 0) return;
+          const k = JSON.stringify(d), u = o.push(k) - 1;
+          m.includes(".") ? n = n.replace(new RegExp(m.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${u}#>>`) : n = n.replace(new RegExp("\\b" + m.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + "\\b", "g"), `<<#${u}#>>`);
         }
-        n = n.replace(/<<#(\d+)#>>/g, (y, p) => o[Number(p)]);
+        n = n.replace(/<<#(\d+)#>>/g, (m, d) => o[Number(d)]);
         try {
           return this.evaluateBasicExpression(n);
         } catch {
@@ -652,12 +652,12 @@ class Qt {
       return r[n];
     }
     function i(l) {
-      const m = r[n++];
-      if (l && !m)
+      const y = r[n++];
+      if (l && !y)
         throw new Error(`Unexpected token EOF, expected ${l}`);
-      if (l && m && m.type !== l && m.value !== l)
-        throw new Error(`Unexpected token ${m.type}/${m.value}, expected ${l}`);
-      return m;
+      if (l && y && y.type !== l && y.value !== l)
+        throw new Error(`Unexpected token ${y.type}/${y.value}, expected ${l}`);
+      return y;
     }
     function s() {
       return c();
@@ -666,103 +666,103 @@ class Qt {
       let l = a();
       if (o() && o().value === "?") {
         i("?");
-        const m = s();
+        const y = s();
         i(":");
-        const k = s();
-        return l ? m : k;
+        const w = s();
+        return l ? y : w;
       }
       return l;
     }
     function a() {
-      let l = d();
+      let l = f();
       for (; o() && o().value === "||"; ) {
         i("OP");
-        const m = d();
-        l = l || m;
+        const y = f();
+        l = l || y;
       }
       return l;
     }
-    function d() {
+    function f() {
       let l = b();
       for (; o() && o().value === "&&"; ) {
         i("OP");
-        const m = b();
-        l = l && m;
+        const y = b();
+        l = l && y;
       }
       return l;
     }
     function b() {
-      let l = y();
+      let l = m();
       for (; o() && ["==", "!=", "===", "!=="].includes(o().value); ) {
-        const m = i("OP").value, k = y();
-        switch (m) {
+        const y = i("OP").value, w = m();
+        switch (y) {
           case "==":
-            l = l == k;
+            l = l == w;
             break;
           case "!=":
-            l = l != k;
+            l = l != w;
             break;
           case "===":
-            l = l === k;
+            l = l === w;
             break;
           case "!==":
-            l = l !== k;
+            l = l !== w;
             break;
         }
       }
       return l;
     }
-    function y() {
-      let l = p();
+    function m() {
+      let l = d();
       for (; o() && [">", "<", ">=", "<="].includes(o().value); ) {
-        const m = i("OP").value, k = p();
-        switch (m) {
+        const y = i("OP").value, w = d();
+        switch (y) {
           case ">":
-            l = l > k;
+            l = l > w;
             break;
           case "<":
-            l = l < k;
+            l = l < w;
             break;
           case ">=":
-            l = l >= k;
+            l = l >= w;
             break;
           case "<=":
-            l = l <= k;
+            l = l <= w;
             break;
         }
       }
       return l;
     }
-    function p() {
-      let l = x();
+    function d() {
+      let l = k();
       for (; o() && (o().value === "+" || o().value === "-"); ) {
-        const m = i("OP").value, k = x();
-        l = m === "+" ? l + k : l - k;
+        const y = i("OP").value, w = k();
+        l = y === "+" ? l + w : l - w;
       }
       return l;
     }
-    function x() {
+    function k() {
       let l = u();
       for (; o() && (o().value === "*" || o().value === "/" || o().value === "%"); ) {
-        const m = i("OP").value, k = u();
-        switch (m) {
+        const y = i("OP").value, w = u();
+        switch (y) {
           case "*":
-            l = l * k;
+            l = l * w;
             break;
           case "/":
-            l = l / k;
+            l = l / w;
             break;
           case "%":
-            l = l % k;
+            l = l % w;
             break;
         }
       }
       return l;
     }
     function u() {
-      return o() && o().value === "!" ? (i("OP"), !u()) : o() && o().value === "-" ? (i("OP"), -u()) : f();
+      return o() && o().value === "!" ? (i("OP"), !u()) : o() && o().value === "-" ? (i("OP"), -u()) : p();
     }
-    function f() {
+    function p() {
       const l = o();
       if (l) {
         if (l.type === "NUMBER")
@@ -773,15 +773,15 @@ class Qt {
           return i("IDENT"), l.value === "true" ? !0 : l.value === "false" ? !1 : l.value === "null" ? null : void 0;
         if (l.value === "[") {
           i("PUNC");
-          const m = [];
+          const y = [];
           for (; o() && o().value !== "]"; )
-            m.push(s()), o() && o().value === "," && i("PUNC");
-          return i("PUNC"), m;
+            y.push(s()), o() && o().value === "," && i("PUNC");
+          return i("PUNC"), y;
         }
         if (l.value === "(") {
           i("PUNC");
-          const m = s();
-          return i("PUNC"), m;
+          const y = s();
+          return i("PUNC"), y;
         }
         throw new Error("Unexpected token in expression");
       }
@@ -881,10 +881,10 @@ class re {
     return r ? r.map((n) => ({ event: n.event, handler: n.handler, wrapper: n.wrapper, options: n.options })) : [];
   }
 }
-function Be(e, t) {
+function Fe(e, t) {
   return Array.isArray(e) && Array.isArray(t) ? JSON.stringify([...e].sort()) !== JSON.stringify([...t].sort()) : e !== t;
 }
-function mt(e, t, r, n, o) {
+function yt(e, t, r, n, o) {
   if (e)
     if (o && typeof t.value == "object" && t.value !== null) {
       const i = { ...t.value };
@@ -893,17 +893,17 @@ function mt(e, t, r, n, o) {
       t.value = r;
   else {
     const i = n._state || n;
-    Ve(i, t, r);
+    qe(i, t, r);
   }
 }
-function We(e, t, r, n) {
+function Be(e, t, r, n) {
   if (e._requestRender && e._requestRender(), e._triggerWatchers) {
     const o = t ? "reactiveState" : r;
     e._triggerWatchers(o, n);
   }
 }
-function Yt(e, t, r) {
-  const n = `update:${ee(t)}`, o = `update:${t}`, i = new CustomEvent(n, {
+function en(e, t, r) {
+  const n = `update:${te(t)}`, o = `update:${t}`, i = new CustomEvent(n, {
     detail: r,
     bubbles: !0,
     composed: !0
@@ -914,20 +914,20 @@ function Yt(e, t, r) {
   });
   e.dispatchEvent(i), e.dispatchEvent(s);
 }
-function yt(e, t, r, n) {
+function bt(e, t, r, n) {
   const o = r;
-  L(() => {
+  P(() => {
     e[t] = o;
-  }), L(() => {
-    const i = ee(t);
+  }), P(() => {
+    const i = te(t);
     typeof o == "boolean" ? o ? e.setAttribute(i, "true") : e.setAttribute(i, "false") : o != null && (typeof o == "string" || typeof o == "number") ? e.setAttribute(i, String(o)) : e.removeAttribute?.(i);
-  }), L(() => {
+  }), P(() => {
     e._applyProps?.(e._cfg);
-  }), L(() => {
+  }), P(() => {
     e._requestRender?.();
   });
 }
-function en(e, t, r, n) {
+function tn(e, t, r, n) {
   if (e) {
     const i = t.value;
     return n && typeof i == "object" && i !== null ? i[n] : i;
@@ -935,21 +935,21 @@ function en(e, t, r, n) {
   const o = r._state || r;
   return V(o, t);
 }
-function we(e) {
+function ve(e) {
   return e ? e.split(/\s+/).filter(Boolean) : [];
 }
-function ve(e, t) {
+function xe(e, t) {
   if (t.length === 0) return;
   const r = t.filter((n) => n && !e.classList.contains(n));
   r.length > 0 && e.classList.add(...r);
 }
-function ye(e, t) {
+function be(e, t) {
   if (t.length === 0) return;
   const r = t.filter(Boolean);
   r.length > 0 && e.classList.remove(...r);
 }
 let Ze = !1;
-async function tn(e, t, r = 10) {
+async function nn(e, t, r = 10) {
   if (!Ze) {
     if (!e.isConnected) {
       oe("⚠️ Element not connected to DOM, skipping style wait");
@@ -966,16 +966,16 @@ async function tn(e, t, r = 10) {
     Ze = !0, oe("⚠️ Styles did not load in time for transition, continuing anyway");
   }
 }
-function nn(e) {
+function rn(e) {
   const t = window.getComputedStyle(e), r = t.transitionDuration || "0s", n = t.transitionDelay || "0s", o = (i) => {
     const s = parseFloat(i);
     return i.includes("ms") ? s : s * 1e3;
   };
   return o(r) + o(n);
 }
-function Pt(e, t) {
+function Mt(e, t) {
   return new Promise((r) => {
-    const n = t ?? nn(e);
+    const n = t ?? rn(e);
     if (n <= 0) {
       r();
       return;
@@ -987,13 +987,13 @@ function Pt(e, t) {
     e.addEventListener("transitionend", s), e.addEventListener("transitioncancel", s), setTimeout(i, n + 50);
   });
 }
-async function Ee(e, t) {
+async function _e(e, t) {
   const { classes: r, hooks: n, css: o, duration: i } = t;
   if (n?.onBeforeEnter)
     try {
       n.onBeforeEnter(e);
     } catch (u) {
-      N("Transition onBeforeEnter error:", u);
+      F("Transition onBeforeEnter error:", u);
     }
   if (!o)
     return n?.onEnter ? new Promise((u) => {
@@ -1001,37 +1001,37 @@ async function Ee(e, t) {
         if (n?.onAfterEnter)
           try {
             n.onAfterEnter(e);
-          } catch (f) {
-            N("Transition onAfterEnter error:", f);
+          } catch (p) {
+            F("Transition onAfterEnter error:", p);
           }
         u();
       });
     }) : void 0;
-  const s = we(r?.enterFrom), c = we(r?.enterActive), a = we(r?.enterTo);
-  ve(e, s), e.offsetHeight, ve(e, c), e.offsetHeight;
-  let d;
+  const s = ve(r?.enterFrom), c = ve(r?.enterActive), a = ve(r?.enterTo);
+  xe(e, s), e.offsetHeight, xe(e, c), e.offsetHeight;
+  let f;
   if (n?.onEnter) {
-    const u = new Promise((f) => {
-      d = f;
+    const u = new Promise((p) => {
+      f = p;
     });
     try {
       n.onEnter(e, () => {
-        d && d();
+        f && f();
       });
-    } catch (f) {
-      N("Transition onEnter error:", f);
+    } catch (p) {
+      F("Transition onEnter error:", p);
     }
-    d && await u;
+    f && await u;
   }
   await new Promise((u) => requestAnimationFrame(() => u(void 0))), e.offsetHeight;
-  const b = window.getComputedStyle(e), y = b.transform, p = b.opacity;
-  ye(e, s), y && y !== "none" && (e.style.transform = y), p && p !== "" && (e.style.opacity = p), e.offsetHeight, await new Promise((u) => requestAnimationFrame(() => u(void 0))), e.style.transform = "", e.style.opacity = "", ve(e, a), e.offsetHeight, await new Promise((u) => requestAnimationFrame(() => u(void 0)));
-  let x;
-  if (typeof i == "number" ? x = i : i && typeof i == "object" && "enter" in i && (x = i.enter), await Pt(e, x), ye(e, c), n?.onAfterEnter)
+  const b = window.getComputedStyle(e), m = b.transform, d = b.opacity;
+  be(e, s), m && m !== "none" && (e.style.transform = m), d && d !== "" && (e.style.opacity = d), e.offsetHeight, await new Promise((u) => requestAnimationFrame(() => u(void 0))), e.style.transform = "", e.style.opacity = "", xe(e, a), e.offsetHeight, await new Promise((u) => requestAnimationFrame(() => u(void 0)));
+  let k;
+  if (typeof i == "number" ? k = i : i && typeof i == "object" && "enter" in i && (k = i.enter), await Mt(e, k), be(e, c), n?.onAfterEnter)
     try {
       n.onAfterEnter(e);
     } catch (u) {
-      N("Transition onAfterEnter error:", u);
+      F("Transition onAfterEnter error:", u);
     }
 }
 async function Ge(e, t) {
@@ -1039,208 +1039,208 @@ async function Ge(e, t) {
   if (n?.onBeforeLeave)
     try {
       n.onBeforeLeave(e);
-    } catch (y) {
-      N("Transition onBeforeLeave error:", y);
+    } catch (m) {
+      F("Transition onBeforeLeave error:", m);
     }
   if (!o)
-    return n?.onLeave ? new Promise((y) => {
+    return n?.onLeave ? new Promise((m) => {
       n.onLeave(e, () => {
         if (n?.onAfterLeave)
           try {
             n.onAfterLeave(e);
-          } catch (p) {
-            N("Transition onAfterLeave error:", p);
+          } catch (d) {
+            F("Transition onAfterLeave error:", d);
           }
-        y();
+        m();
       });
     }) : void 0;
-  const s = we(r?.leaveFrom), c = we(r?.leaveActive), a = we(r?.leaveTo);
-  ve(e, s), e.offsetHeight, ve(e, c);
-  let d;
+  const s = ve(r?.leaveFrom), c = ve(r?.leaveActive), a = ve(r?.leaveTo);
+  xe(e, s), e.offsetHeight, xe(e, c);
+  let f;
   if (n?.onLeave) {
-    const y = new Promise((p) => {
-      d = p;
+    const m = new Promise((d) => {
+      f = d;
     });
     try {
       n.onLeave(e, () => {
-        d && d();
+        f && f();
       });
-    } catch (p) {
-      N("Transition onLeave error:", p);
+    } catch (d) {
+      F("Transition onLeave error:", d);
     }
-    d && await y;
+    f && await m;
   }
-  await new Promise((y) => requestAnimationFrame(() => y(void 0))), await tn(e, [...s, ...c]), ye(e, s), ve(e, a);
+  await new Promise((m) => requestAnimationFrame(() => m(void 0))), await nn(e, [...s, ...c]), be(e, s), xe(e, a);
   let b;
-  if (typeof i == "number" ? b = i : i && typeof i == "object" && "leave" in i && (b = i.leave), await Pt(e, b), ye(e, c), ye(e, a), ye(e, s), n?.onAfterLeave)
+  if (typeof i == "number" ? b = i : i && typeof i == "object" && "leave" in i && (b = i.leave), await Mt(e, b), be(e, c), be(e, a), be(e, s), n?.onAfterLeave)
     try {
       n.onAfterLeave(e);
-    } catch (y) {
-      N("Transition onAfterLeave error:", y);
+    } catch (m) {
+      F("Transition onAfterLeave error:", m);
     }
 }
-function Y(e) {
+function ee(e) {
   return e instanceof HTMLInputElement || e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement || e instanceof HTMLButtonElement;
 }
 function ke(e) {
   return e === "" ? !0 : typeof e == "string" ? e === "false" ? !1 : e === "true" ? !0 : e !== "" : e && typeof e == "object" ? R(e) || "value" in e ? !!e.value : !1 : !!e;
 }
-function ge(e, t) {
+function me(e, t) {
   if (!t || !(e instanceof HTMLElement)) return;
   re.cleanup(e);
   for (const n in t)
     t[n] === e && delete t[n];
   const r = e.childNodes;
   for (let n = 0; n < r.length; n++)
-    ge(r[n], t);
+    me(r[n], t);
 }
-function Se(e, t, r) {
+function Te(e, t, r) {
   if (typeof e == "string") return;
   const n = e.props?.reactiveRef ?? (e.props?.props && e.props.props.reactiveRef), o = e.props?.ref ?? (e.props?.props && e.props.props.ref);
   n ? n.value = t : o && r && (r[o] = t);
 }
-function rn(e, t, r, n, o, i, s, c) {
+function on(e, t, r, n, o, i, s, c) {
   if (!i) return;
-  const a = t.includes("lazy"), d = t.includes("trim"), b = t.includes("number"), y = e && typeof e == "object" && "value" in e && typeof e.value < "u", p = () => {
-    if (y) {
-      const w = e.value;
-      return c && s && (s instanceof HTMLInputElement || s instanceof HTMLTextAreaElement || s instanceof HTMLSelectElement) && typeof w == "object" && w !== null ? w[c] : w;
+  const a = t.includes("lazy"), f = t.includes("trim"), b = t.includes("number"), m = e && typeof e == "object" && "value" in e && typeof e.value < "u", d = () => {
+    if (m) {
+      const x = e.value;
+      return c && s && (s instanceof HTMLInputElement || s instanceof HTMLTextAreaElement || s instanceof HTMLSelectElement) && typeof x == "object" && x !== null ? x[c] : x;
     }
     return V(i._state || i, e);
-  }, x = p();
+  }, k = d();
   let u = "text";
   s instanceof HTMLInputElement ? u = n?.type || s.type || "text" : s instanceof HTMLSelectElement ? u = "select" : s instanceof HTMLTextAreaElement && (u = "textarea");
-  const f = s instanceof HTMLInputElement || s instanceof HTMLTextAreaElement || s instanceof HTMLSelectElement, l = f ? u === "checkbox" || u === "radio" ? "checked" : "value" : c ?? "modelValue";
+  const p = s instanceof HTMLInputElement || s instanceof HTMLTextAreaElement || s instanceof HTMLSelectElement, l = p ? u === "checkbox" || u === "radio" ? "checked" : "value" : c ?? "modelValue";
   if (u === "checkbox")
-    if (Array.isArray(x))
-      r[l] = x.includes(String(s?.getAttribute("value") ?? n?.value ?? ""));
+    if (Array.isArray(k))
+      r[l] = k.includes(String(s?.getAttribute("value") ?? n?.value ?? ""));
     else {
-      const w = s?.getAttribute("true-value") ?? !0;
-      r[l] = x === w;
+      const x = s?.getAttribute("true-value") ?? !0;
+      r[l] = k === x;
     }
   else if (u === "radio")
-    r[l] = x === (n?.value ?? "");
+    r[l] = k === (n?.value ?? "");
   else if (u === "select")
     if (s && s.hasAttribute("multiple") && s instanceof HTMLSelectElement) {
-      const w = Array.isArray(x) ? x.map(String) : [];
+      const x = Array.isArray(k) ? k.map(String) : [];
       setTimeout(() => {
         Array.from(s.options).forEach((_) => {
-          _.selected = w.includes(_.value);
+          _.selected = x.includes(_.value);
         });
-      }, 0), r[l] = Array.isArray(x) ? x : [];
+      }, 0), r[l] = Array.isArray(k) ? k : [];
     } else
-      r[l] = x;
+      r[l] = k;
   else {
-    !f && y ? r[l] = e : r[l] = x;
+    !p && m ? r[l] = e : r[l] = k;
     try {
-      const w = ee(l);
-      n && (n[w] = x);
+      const x = te(l);
+      n && (n[x] = k);
     } catch {
     }
   }
-  const m = a || u === "checkbox" || u === "radio" || u === "select" ? "change" : "input", k = (w) => {
-    if (w.isComposing || o._isComposing) return;
+  const y = a || u === "checkbox" || u === "radio" || u === "select" ? "change" : "input", w = (x) => {
+    if (x.isComposing || o._isComposing) return;
     const _ = typeof globalThis.process < "u" && globalThis.process.env?.NODE_ENV === "test" || typeof window < "u" && window.__vitest__;
-    if (w.isTrusted === !1 && !_) return;
-    const C = w.target;
+    if (x.isTrusted === !1 && !_) return;
+    const C = x.target;
     if (!C || C._modelUpdating) return;
-    let h = C.value;
+    let g = C.value;
     if (u === "checkbox") {
-      const v = p();
-      if (Array.isArray(v)) {
-        const $ = C.getAttribute("value") ?? "", S = Array.from(v);
+      const $ = d();
+      if (Array.isArray($)) {
+        const v = C.getAttribute("value") ?? "", A = Array.from($);
         if (C.checked)
-          S.includes($) || S.push($);
+          A.includes(v) || A.push(v);
         else {
-          const P = S.indexOf($);
-          P > -1 && S.splice(P, 1);
+          const L = A.indexOf(v);
+          L > -1 && A.splice(L, 1);
         }
-        h = S;
+        g = A;
       } else {
-        const $ = C.getAttribute("true-value") ?? !0, S = C.getAttribute("false-value") ?? !1;
-        h = C.checked ? $ : S;
+        const v = C.getAttribute("true-value") ?? !0, A = C.getAttribute("false-value") ?? !1;
+        g = C.checked ? v : A;
       }
     } else if (u === "radio")
-      h = C.getAttribute("value") ?? C.value;
+      g = C.getAttribute("value") ?? C.value;
     else if (u === "select" && C.multiple)
-      h = Array.from(C.selectedOptions).map((v) => v.value);
-    else if (d && typeof h == "string" && (h = h.trim()), b) {
-      const v = Number(h);
-      isNaN(v) || (h = v);
+      g = Array.from(C.selectedOptions).map(($) => $.value);
+    else if (f && typeof g == "string" && (g = g.trim()), b) {
+      const $ = Number(g);
+      isNaN($) || (g = $);
     }
-    const T = p();
-    if (Be(h, T)) {
+    const S = d();
+    if (Fe(g, S)) {
       C._modelUpdating = !0;
       try {
-        mt(y, e, h, i, c), We(i, y, e, h), C && Yt(C, l, h);
+        yt(m, e, g, i, c), Be(i, m, e, g), C && en(C, l, g);
       } finally {
         setTimeout(() => C._modelUpdating = !1, 0);
       }
     }
   };
-  if (f) {
-    if (o[m]) {
-      const w = o[m];
-      s && re.removeListener(s, m, w);
+  if (p) {
+    if (o[y]) {
+      const x = o[y];
+      s && re.removeListener(s, y, x);
     }
-    o[m] = k;
+    o[y] = w;
   } else {
-    const w = `update:${ee(l)}`, _ = `update:${l}`;
-    if (o[w]) {
-      const C = o[w];
-      s && re.removeListener(s, w, C);
+    const x = `update:${te(l)}`, _ = `update:${l}`;
+    if (o[x]) {
+      const C = o[x];
+      s && re.removeListener(s, x, C);
     }
     if (o[_]) {
       const C = o[_];
       s && re.removeListener(s, _, C);
     }
-    if (o[w] = (C) => {
-      const h = C.detail !== void 0 ? C.detail : C.target?.value, T = en(y, e, i, c);
-      if (Be(h, T)) {
-        mt(y, e, h, i, c), We(i, y, e, h);
-        const v = C.target;
-        v && yt(v, l, y ? e : h, y);
+    if (o[x] = (C) => {
+      const g = C.detail !== void 0 ? C.detail : C.target?.value, S = tn(m, e, i, c);
+      if (Fe(g, S)) {
+        yt(m, e, g, i, c), Be(i, m, e, g);
+        const $ = C.target;
+        $ && bt($, l, m ? e : g, m);
       }
-    }, y && typeof e.value == "object" && e.value !== null) {
+    }, m && typeof e.value == "object" && e.value !== null) {
       let C = [];
       try {
         C = Reflect.ownKeys(e.value);
       } catch {
         C = Object.keys(e.value);
       }
-      const h = C.filter((T) => typeof T == "string" && !String(T).startsWith("_") && T !== "constructor");
-      for (const T of h) {
-        const E = `update:${ee(T)}`, v = `update:${T}`;
-        o[E] || (o[E] = ($) => {
-          const S = $.detail !== void 0 ? $.detail : $.target?.value, P = y ? e.value[T] : V(i._state || i, e);
-          if (!Be(S, P)) return;
-          if (y) {
-            const F = { ...e.value };
-            F[T] = S, e.value = F;
+      const g = C.filter((S) => typeof S == "string" && !String(S).startsWith("_") && S !== "constructor");
+      for (const S of g) {
+        const T = `update:${te(S)}`, $ = `update:${S}`;
+        o[T] || (o[T] = (v) => {
+          const A = v.detail !== void 0 ? v.detail : v.target?.value, L = m ? e.value[S] : V(i._state || i, e);
+          if (!Fe(A, L)) return;
+          if (m) {
+            const M = { ...e.value };
+            M[S] = A, e.value = M;
           } else
-            Ve(i._state || i, e, S);
-          We(i, y, e, S);
-          const j = $.currentTarget || s || $.target;
-          j && yt(j, l, y ? e : S, y);
-        }, o[v] = o[E]);
+            qe(i._state || i, e, A);
+          Be(i, m, e, A);
+          const O = v.currentTarget || s || v.target;
+          O && bt(O, l, m ? e : A, m);
+        }, o[$] = o[T]);
       }
     }
-    o[_] = o[w];
+    o[_] = o[x];
   }
-  (u === "text" || u === "textarea") && (o.compositionstart = (() => o._isComposing = !0), o.compositionend = (w) => {
+  (u === "text" || u === "textarea") && (o.compositionstart = (() => o._isComposing = !0), o.compositionend = (x) => {
     o._isComposing = !1;
-    const _ = w.target;
+    const _ = x.target;
     _ && setTimeout(() => {
-      const C = _.value, h = i._state || i, T = V(h, e);
-      let E = C;
-      if (d && (E = E.trim()), b) {
-        const $ = Number(E);
-        isNaN($) || (E = $);
+      const C = _.value, g = i._state || i, S = V(g, e);
+      let T = C;
+      if (f && (T = T.trim()), b) {
+        const v = Number(T);
+        isNaN(v) || (T = v);
       }
-      if (Be(E, T)) {
+      if (Fe(T, S)) {
         _._modelUpdating = !0;
         try {
-          Ve(h, e, E), We(i, y, e, E);
+          qe(g, e, T), Be(i, m, e, T);
         } finally {
           setTimeout(() => _._modelUpdating = !1, 0);
         }
@@ -1252,12 +1252,12 @@ function Rt(e) {
   const t = e.slice(2);
   return t ? t.charAt(0).toLowerCase() + t.slice(1) : "";
 }
-function on(e, t, r, n, o) {
+function sn(e, t, r, n, o) {
   if (typeof e == "object" && e !== null)
     for (const [i, s] of Object.entries(e))
       if (i.startsWith("data-") || i.startsWith("aria-") || i === "class")
         r[i] = s;
-      else if (i === "disabled" && o && Y(o)) {
+      else if (i === "disabled" && o && ee(o)) {
         const c = s && typeof s == "object" && "value" in s;
         (() => {
           try {
@@ -1276,7 +1276,7 @@ function on(e, t, r, n, o) {
         for (const [s, c] of Object.entries(i))
           if (s.startsWith("data-") || s.startsWith("aria-") || s === "class")
             r[s] = c;
-          else if (s === "disabled" && o && Y(o)) {
+          else if (s === "disabled" && o && ee(o)) {
             const a = c && typeof c == "object" && "value" in c;
             (() => {
               try {
@@ -1298,7 +1298,7 @@ function on(e, t, r, n, o) {
     }
   }
 }
-function sn(e, t, r) {
+function an(e, t, r) {
   let n;
   if (typeof e == "string") {
     if (!r) return;
@@ -1326,7 +1326,7 @@ function sn(e, t, r) {
 function Re(e, t) {
   return Qt.evaluate(e, t);
 }
-function an(e, t, r) {
+function cn(e, t, r) {
   let n;
   if (typeof e == "string") {
     if (!r) return;
@@ -1344,7 +1344,7 @@ function an(e, t, r) {
   const i = t.class || "", s = o.join(" ");
   t.class = i ? `${i} ${s}`.trim() : s;
 }
-function ct(e) {
+function lt(e) {
   if (e === !0 || e === !1) return !0;
   if (e == null) return !1;
   if (typeof e === "string") return e === "" || e === "true" || e === "false";
@@ -1357,7 +1357,7 @@ function ct(e) {
   }
   return !1;
 }
-function cn(e, t, r) {
+function ln(e, t, r) {
   let n;
   if (typeof e == "string") {
     if (!r) return;
@@ -1371,9 +1371,9 @@ function cn(e, t, r) {
     const s = [];
     for (const [c, a] of Object.entries(n))
       if (a != null && a !== "") {
-        const d = c.replace(
+        const f = c.replace(
           /[A-Z]/g,
-          (p) => `-${p.toLowerCase()}`
+          (d) => `-${d.toLowerCase()}`
         ), b = [
           "width",
           "height",
@@ -1400,26 +1400,26 @@ function cn(e, t, r) {
           "min-height",
           "max-height"
         ];
-        let y = String(a);
-        typeof a == "number" && b.includes(d) && (y = `${a}px`), s.push(`${d}: ${y}`);
+        let m = String(a);
+        typeof a == "number" && b.includes(f) && (m = `${a}px`), s.push(`${f}: ${m}`);
       }
     o = s.join("; ") + (s.length > 0 ? ";" : "");
   }
   const i = t.style || "";
   t.style = i + (i && !i.endsWith(";") ? "; " : "") + o;
 }
-function ln(e, t, r) {
+function un(e, t, r) {
   let n = e;
   typeof e == "string" && r && (n = Re(e, r)), R(n) ? t.reactiveRef = n : t.ref = n;
 }
-function Mt(e, t, r, n) {
+function Nt(e, t, r, n) {
   const o = {}, i = { ...n || {} }, s = {};
   for (const [c, a] of Object.entries(e)) {
-    const { value: d, modifiers: b, arg: y } = a;
+    const { value: f, modifiers: b, arg: m } = a;
     if (c === "model" || c.startsWith("model:")) {
-      const p = c.split(":"), x = p.length > 1 ? p[1] : y;
-      rn(
-        d,
+      const d = c.split(":"), k = d.length > 1 ? d[1] : m;
+      on(
+        f,
         // Pass the original value (could be string or reactive state object)
         b,
         o,
@@ -1427,42 +1427,42 @@ function Mt(e, t, r, n) {
         s,
         t,
         r,
-        x
+        k
       );
       continue;
     }
     switch (c) {
       case "bind":
-        on(d, o, i, t, r);
+        sn(f, o, i, t, r);
         break;
       case "show":
-        sn(d, i, t);
+        an(f, i, t);
         break;
       case "class":
-        an(d, i, t);
+        cn(f, i, t);
         break;
       case "style":
-        cn(d, i, t);
+        ln(f, i, t);
         break;
       case "ref":
-        ln(d, o, t);
+        un(f, o, t);
         break;
     }
   }
   try {
-    if (Object.prototype.hasOwnProperty.call(o, "disabled") && r && Y(r)) {
-      const a = o.disabled, d = a && typeof a == "object" && "value" in a;
+    if (Object.prototype.hasOwnProperty.call(o, "disabled") && r && ee(r)) {
+      const a = o.disabled, f = a && typeof a == "object" && "value" in a;
       let b = !1;
       try {
         b = R(a);
       } catch {
         b = !1;
       }
-      if (!d && !b)
+      if (!f && !b)
         try {
           i.disabled = a, delete o.disabled;
-          const y = globalThis;
-          y.__VDOM_DISABLED_PROMOTIONS || (y.__VDOM_DISABLED_PROMOTIONS = []), y.__VDOM_DISABLED_PROMOTIONS.push({ phase: "bind-directive:postfix-move", location: "attrs", key: "disabled", value: a, time: Date.now(), stack: new Error().stack });
+          const m = globalThis;
+          m.__VDOM_DISABLED_PROMOTIONS || (m.__VDOM_DISABLED_PROMOTIONS = []), m.__VDOM_DISABLED_PROMOTIONS.push({ phase: "bind-directive:postfix-move", location: "attrs", key: "disabled", value: a, time: Date.now(), stack: new Error().stack });
         } catch {
         }
     }
@@ -1470,14 +1470,14 @@ function Mt(e, t, r, n) {
   }
   return { props: o, attrs: i, listeners: s };
 }
-function lt(e, t) {
+function ut(e, t) {
   if (Array.isArray(e)) {
     const i = /* @__PURE__ */ new Set();
     return e.map((s) => {
       if (!s || typeof s != "object") return s;
       let c = s.props?.key ?? s.key;
       if (!c) {
-        const y = s.tag || "node", x = [
+        const m = s.tag || "node", k = [
           // attrs (kebab-case)
           s.props?.attrs?.id,
           s.props?.attrs?.name,
@@ -1488,22 +1488,22 @@ function lt(e, t) {
           s.props?.props?.dataKey,
           s.props?.props?.["data-key"]
         ].find((u) => u != null) ?? "";
-        c = x ? `${t}:${y}:${x}` : `${t}:${y}`;
+        c = k ? `${t}:${m}:${k}` : `${t}:${m}`;
       }
-      let a = c, d = 1;
+      let a = c, f = 1;
       for (; i.has(a); )
-        a = `${c}#${d++}`;
+        a = `${c}#${f++}`;
       i.add(a);
       let b = s.children;
-      return Array.isArray(b) && (b = lt(b, a)), { ...s, key: a, children: b };
+      return Array.isArray(b) && (b = ut(b, a)), { ...s, key: a, children: b };
     });
   }
   const r = e;
   let n = r.props?.key ?? r.key ?? t, o = r.children;
-  return Array.isArray(o) && (o = lt(o, n)), { ...r, key: n, children: o };
+  return Array.isArray(o) && (o = ut(o, n)), { ...r, key: n, children: o };
 }
-function bt(e, t, r, n) {
-  const o = r.directives ?? {}, i = Mt(
+function wt(e, t, r, n) {
+  const o = r.directives ?? {}, i = Nt(
     o,
     n,
     e,
@@ -1516,170 +1516,170 @@ function bt(e, t, r, n) {
     ...t.attrs,
     ...r.attrs,
     ...i.attrs
-  }, a = t.props ?? {}, d = s, b = r?.isCustomElement ?? t?.isCustomElement ?? !1;
-  let y = !1;
-  for (const u in { ...a, ...d }) {
-    const f = a[u], g = d[u];
-    let l = f, m = g;
-    if (L(() => {
-      (R(f) || f && typeof f == "object" && "value" in f) && (l = f.value);
-    }), L(() => {
-      (R(g) || g && typeof g == "object" && "value" in g) && (m = g.value);
-    }), !(f === g && l === m))
-      if (y = !0, u === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement)) {
-        const k = typeof g == "object" && g !== null && R(g) || g && typeof g == "object" && "value" in g ? g.value : g;
-        e.value !== k && (e.value = k ?? "");
+  }, a = t.props ?? {}, f = s, b = r?.isCustomElement ?? t?.isCustomElement ?? !1;
+  let m = !1;
+  for (const u in { ...a, ...f }) {
+    const p = a[u], h = f[u];
+    let l = p, y = h;
+    if (P(() => {
+      (R(p) || p && typeof p == "object" && "value" in p) && (l = p.value);
+    }), P(() => {
+      (R(h) || h && typeof h == "object" && "value" in h) && (y = h.value);
+    }), !(p === h && l === y))
+      if (m = !0, u === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement)) {
+        const w = typeof h == "object" && h !== null && R(h) || h && typeof h == "object" && "value" in h ? h.value : h;
+        e.value !== w && (e.value = w ?? "");
       } else if (u === "checked" && e instanceof HTMLInputElement) {
-        const k = typeof g == "object" && g !== null && R(g) || g && typeof g == "object" && "value" in g ? g.value : g;
-        e.checked = !!k;
-      } else if (u.startsWith("on") && typeof g == "function") {
-        const k = Rt(u);
-        typeof f == "function" && re.removeListener(e, k, f), re.addListener(e, k, g);
+        const w = typeof h == "object" && h !== null && R(h) || h && typeof h == "object" && "value" in h ? h.value : h;
+        e.checked = !!w;
+      } else if (u.startsWith("on") && typeof h == "function") {
+        const w = Rt(u);
+        typeof p == "function" && re.removeListener(e, w, p), re.addListener(e, w, h);
         try {
-          if (k && k.startsWith("update:")) {
-            const w = k.split(":", 2)[1], _ = d[w];
+          if (w && w.startsWith("update:")) {
+            const x = w.split(":", 2)[1], _ = f[x];
             let C = [];
             try {
               if (R(_)) {
-                const T = _.value;
-                C = T && typeof T == "object" ? Object.keys(T) : [];
+                const S = _.value;
+                C = S && typeof S == "object" ? Object.keys(S) : [];
               } else _ && typeof _ == "object" && (C = Object.keys(_));
             } catch {
               C = [];
             }
-            const h = C.filter((T) => typeof T == "string" && !T.startsWith("_") && T !== "constructor");
-            for (const T of h) {
-              const E = `update:${T}`, v = ($) => {
-                const S = $.detail !== void 0 ? $.detail : $.target?.value, A = { ...R(_) ? _.value || {} : d[w] || {}, [T]: S };
-                L(() => {
-                  g({ detail: A });
+            const g = C.filter((S) => typeof S == "string" && !S.startsWith("_") && S !== "constructor");
+            for (const S of g) {
+              const T = `update:${S}`, $ = (v) => {
+                const A = v.detail !== void 0 ? v.detail : v.target?.value, E = { ...R(_) ? _.value || {} : f[x] || {}, [S]: A };
+                P(() => {
+                  h({ detail: E });
                 });
               };
-              L(() => {
-                re.addListener(e, E, v);
+              P(() => {
+                re.addListener(e, T, $);
               });
             }
           }
         } catch {
         }
-      } else if (g == null)
+      } else if (h == null)
         e.removeAttribute(u);
       else {
-        const k = r?.isCustomElement ?? t?.isCustomElement ?? !1;
-        if (k || u in e)
+        const w = r?.isCustomElement ?? t?.isCustomElement ?? !1;
+        if (w || u in e)
           try {
-            e[u] = g, u === "disabled" && g === !1 && !k && Y(e) && e.removeAttribute("disabled");
+            e[u] = h, u === "disabled" && h === !1 && !w && ee(e) && e.removeAttribute("disabled");
           } catch {
           }
         else
-          g === !1 && e.removeAttribute(u);
+          h === !1 && e.removeAttribute(u);
       }
   }
-  for (const [u, f] of Object.entries(
+  for (const [u, p] of Object.entries(
     i.listeners || {}
   )) {
-    re.addListener(e, u, f);
+    re.addListener(e, u, p);
     try {
-      const g = e && e.parentElement;
-      g && g !== e && re.addListener(g, u, f);
+      const h = e && e.parentElement;
+      h && h !== e && re.addListener(h, u, p);
     } catch {
     }
   }
-  const p = t.attrs ?? {}, x = c;
-  for (const u in { ...p, ...x }) {
-    const f = p[u], g = x[u];
-    let l = f, m = g;
-    if (R(f) && (l = f.value), R(g) && (m = g.value), l !== m)
-      if (y = !0, m == null || m === !1)
-        L(() => {
+  const d = t.attrs ?? {}, k = c;
+  for (const u in { ...d, ...k }) {
+    const p = d[u], h = k[u];
+    let l = p, y = h;
+    if (R(p) && (l = p.value), R(h) && (y = h.value), l !== y)
+      if (m = !0, y == null || y === !1)
+        P(() => {
           e.removeAttribute(u);
-        }), u === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement ? L(() => {
+        }), u === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement ? P(() => {
           e.value = "";
-        }) : e instanceof HTMLSelectElement ? L(() => {
+        }) : e instanceof HTMLSelectElement ? P(() => {
           e.value = "";
-        }) : e instanceof HTMLProgressElement && L(() => {
+        }) : e instanceof HTMLProgressElement && P(() => {
           e.value = 0;
-        })), u === "checked" && e instanceof HTMLInputElement && L(() => {
+        })), u === "checked" && e instanceof HTMLInputElement && P(() => {
           e.checked = !1;
-        }), u === "disabled" && Y(e) && L(() => {
+        }), u === "disabled" && ee(e) && P(() => {
           e.disabled = !1;
         });
       else {
         if (u === "value") {
           if (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement) {
-            L(() => {
-              e.value = m ?? "";
+            P(() => {
+              e.value = y ?? "";
             });
             continue;
           } else if (e instanceof HTMLSelectElement) {
-            L(() => {
-              e.value = m ?? "";
+            P(() => {
+              e.value = y ?? "";
             });
             continue;
           } else if (e instanceof HTMLProgressElement) {
-            L(() => {
-              e.value = Number(m);
+            P(() => {
+              e.value = Number(y);
             });
             continue;
           }
         }
         if (u === "checked" && e instanceof HTMLInputElement) {
-          L(() => {
-            e.checked = !!m;
+          P(() => {
+            e.checked = !!y;
           });
           continue;
         }
         if (u === "style") {
-          e.setAttribute(u, String(m));
+          e.setAttribute(u, String(y));
           continue;
         }
-        if (u === "disabled" && Y(e)) {
-          L(() => {
-            e.disabled = ke(m);
-          }), ke(m) ? L(() => {
+        if (u === "disabled" && ee(e)) {
+          P(() => {
+            e.disabled = ke(y);
+          }), ke(y) ? P(() => {
             e.setAttribute(u, "");
-          }) : L(() => {
+          }) : P(() => {
             e.removeAttribute(u);
           });
           continue;
         }
-        const k = e.namespaceURI === "http://www.w3.org/2000/svg";
-        if (b && !k && u.includes("-")) {
-          const w = pt(u);
+        const w = e.namespaceURI === "http://www.w3.org/2000/svg";
+        if (b && !w && u.includes("-")) {
+          const x = ht(u);
           try {
-            R(g) ? e[w] = g : e[w] = m;
+            R(h) ? e[x] = h : e[x] = y;
           } catch {
-            e.setAttribute(u, String(m));
+            e.setAttribute(u, String(y));
           }
-        } else if (!k && u in e)
+        } else if (!w && u in e)
           try {
-            R(g) ? e[u] = g : e[u] = m;
+            R(h) ? e[u] = h : e[u] = y;
           } catch {
-            e.setAttribute(u, String(m));
+            e.setAttribute(u, String(y));
           }
         else
-          e.setAttribute(u, String(m));
+          e.setAttribute(u, String(y));
       }
   }
   try {
-    if (Y(e)) {
+    if (ee(e)) {
       const u = s.disabled;
-      let f;
+      let p;
       try {
-        const l = Object.prototype.hasOwnProperty.call(i.props || {}, "disabled"), m = u && typeof u == "object" && "value" in u;
-        let k = !1;
-        L(() => {
-          k = !!R(u);
+        const l = Object.prototype.hasOwnProperty.call(i.props || {}, "disabled"), y = u && typeof u == "object" && "value" in u;
+        let w = !1;
+        P(() => {
+          w = !!R(u);
         });
-        const w = ct(u);
-        k || m || l || w ? f = u : f = c.disabled;
+        const x = lt(u);
+        w || y || l || x ? p = u : p = c.disabled;
       } catch {
-        f = c.disabled;
+        p = c.disabled;
       }
-      const g = ke(f);
-      L(() => {
-        e.disabled = g;
-      }), L(g ? () => {
+      const h = ke(p);
+      P(() => {
+        e.disabled = h;
+      }), P(h ? () => {
         e.setAttribute("disabled", "");
       } : () => {
         e.removeAttribute("disabled");
@@ -1687,177 +1687,177 @@ function bt(e, t, r, n) {
     }
   } catch {
   }
-  b && y && (L(() => {
+  b && m && (P(() => {
     e._applyProps?.(e._cfg);
-  }), L(() => {
+  }), P(() => {
     typeof e.requestRender == "function" ? e.requestRender() : typeof e._render == "function" && e._render(e._cfg);
   }));
 }
-function X(e, t, r) {
+function Y(e, t, r) {
   if (typeof e == "string")
     return document.createTextNode(e);
   if (e.tag === "#text") {
-    const p = document.createTextNode(
+    const d = document.createTextNode(
       typeof e.children == "string" ? e.children : ""
     );
-    return e.key != null && (p.key = e.key), p;
+    return e.key != null && (d.key = e.key), d;
   }
   if (e.tag === "#anchor") {
-    const p = e, x = Array.isArray(p.children) ? p.children : [], u = document.createTextNode(""), f = document.createTextNode("");
-    p.key != null && (u.key = `${p.key}:start`, f.key = `${p.key}:end`), p._startNode = u, p._endNode = f;
-    const g = document.createDocumentFragment();
-    g.appendChild(u);
-    for (const l of x) {
-      const m = X(l, t);
-      if (p.key != null && m instanceof Element && !m.hasAttribute("data-anchor-key")) {
-        const k = l;
-        k && typeof k == "object" && k.key != null || (m.key = p.key, m.setAttribute("data-anchor-key", String(p.key)));
+    const d = e, k = Array.isArray(d.children) ? d.children : [], u = document.createTextNode(""), p = document.createTextNode("");
+    d.key != null && (u.key = `${d.key}:start`, p.key = `${d.key}:end`), d._startNode = u, d._endNode = p;
+    const h = document.createDocumentFragment();
+    h.appendChild(u);
+    for (const l of k) {
+      const y = Y(l, t);
+      if (d.key != null && y instanceof Element && !y.hasAttribute("data-anchor-key")) {
+        const w = l;
+        w && typeof w == "object" && w.key != null || (y.key = d.key, y.setAttribute("data-anchor-key", String(d.key)));
       }
-      g.appendChild(m);
+      h.appendChild(y);
     }
-    return g.appendChild(f), g;
+    return h.appendChild(p), h;
   }
   const n = document.createElement(e.tag);
   e.key != null && (n.key = e.key), e.props && e.props._transitionGroup && (n._transitionGroup = e.props._transitionGroup);
-  const { props: o = {}, attrs: i = {}, directives: s = {} } = e.props ?? {}, c = Mt(s, t, n, i), a = {
+  const { props: o = {}, attrs: i = {}, directives: s = {} } = e.props ?? {}, c = Nt(s, t, n, i), a = {
     ...o,
     ...c.props
-  }, d = {
+  }, f = {
     ...i,
     ...c.attrs
   };
   try {
-    if (a.disabled !== void 0 && n && Y(n)) {
-      const p = a.disabled, x = p && typeof p == "object" && "value" in p;
+    if (a.disabled !== void 0 && n && ee(n)) {
+      const d = a.disabled, k = d && typeof d == "object" && "value" in d;
       let u = !1;
       try {
-        u = R(p);
+        u = R(d);
       } catch {
         u = !1;
       }
-      !x && !u && L(() => {
-        d.disabled = p, delete a.disabled;
-        const f = globalThis;
-        f.__VDOM_DISABLED_PROMOTIONS || (f.__VDOM_DISABLED_PROMOTIONS = []), f.__VDOM_DISABLED_PROMOTIONS.push({ phase: "createElement:move-prop-to-attr", location: "attrs", key: "disabled", value: p, time: Date.now(), stack: new Error().stack });
+      !k && !u && P(() => {
+        f.disabled = d, delete a.disabled;
+        const p = globalThis;
+        p.__VDOM_DISABLED_PROMOTIONS || (p.__VDOM_DISABLED_PROMOTIONS = []), p.__VDOM_DISABLED_PROMOTIONS.push({ phase: "createElement:move-prop-to-attr", location: "attrs", key: "disabled", value: d, time: Date.now(), stack: new Error().stack });
       });
     }
   } catch {
   }
   const b = n.namespaceURI === "http://www.w3.org/2000/svg";
-  for (const p in d) {
-    const x = d[p];
-    if (typeof p != "string" || /\[object Object\]/.test(p))
+  for (const d in f) {
+    const k = f[d];
+    if (typeof d != "string" || /\[object Object\]/.test(d))
       continue;
-    const u = typeof x == "object" && x !== null && R(x) || x && typeof x == "object" && "value" in x ? x.value : x;
+    const u = typeof k == "object" && k !== null && R(k) || k && typeof k == "object" && "value" in k ? k.value : k;
     if (typeof u == "boolean")
-      u ? n.setAttribute(p, "") : L(() => {
-        n.removeAttribute(p);
+      u ? n.setAttribute(d, "") : P(() => {
+        n.removeAttribute(d);
       });
     else if (u != null) {
-      if (p === "disabled" && Y(n)) {
-        const f = a.disabled, g = ct(f) ? f : u, l = ke(g);
-        L(() => {
+      if (d === "disabled" && ee(n)) {
+        const p = a.disabled, h = lt(p) ? p : u, l = ke(h);
+        P(() => {
           n.disabled = l;
-        }), L(l ? () => {
-          n.setAttribute(p, "");
+        }), P(l ? () => {
+          n.setAttribute(d, "");
         } : () => {
-          n.removeAttribute(p);
+          n.removeAttribute(d);
         });
         continue;
       }
-      if (!b && p === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement || n instanceof HTMLProgressElement))
+      if (!b && d === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement || n instanceof HTMLProgressElement))
         try {
           n instanceof HTMLProgressElement ? n.value = Number(u) : n.value = u ?? "";
         } catch {
-          n.setAttribute(p, String(u));
+          n.setAttribute(d, String(u));
         }
-      else if (!b && p === "checked" && n instanceof HTMLInputElement)
+      else if (!b && d === "checked" && n instanceof HTMLInputElement)
         try {
           n.checked = !!u;
         } catch {
-          n.setAttribute(p, String(u));
+          n.setAttribute(d, String(u));
         }
-      else if (!b && p in n)
+      else if (!b && d in n)
         try {
-          n[p] = u, p === "disabled" && u === !1 && Y(n) && n.removeAttribute("disabled");
+          n[d] = u, d === "disabled" && u === !1 && ee(n) && n.removeAttribute("disabled");
         } catch {
-          n.setAttribute(p, String(u));
+          n.setAttribute(d, String(u));
         }
-      else if ((e.props?.isCustomElement ?? !1) && !b && p.includes("-")) {
-        const g = pt(p);
+      else if ((e.props?.isCustomElement ?? !1) && !b && d.includes("-")) {
+        const h = ht(d);
         try {
-          n[g] = u;
+          n[h] = u;
         } catch {
-          n.setAttribute(p, String(u));
+          n.setAttribute(d, String(u));
         }
       } else
-        n.setAttribute(p, String(u));
+        n.setAttribute(d, String(u));
     }
   }
-  for (const p in a) {
-    const x = a[p];
-    if (!(typeof p != "string" || /\[object Object\]/.test(p)))
-      if (p === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement)) {
-        const u = typeof x == "object" && x !== null && typeof x.value < "u" ? x.value : x;
-        L(() => {
+  for (const d in a) {
+    const k = a[d];
+    if (!(typeof d != "string" || /\[object Object\]/.test(d)))
+      if (d === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement)) {
+        const u = typeof k == "object" && k !== null && typeof k.value < "u" ? k.value : k;
+        P(() => {
           n.value = u ?? "";
         });
-      } else if (p.startsWith("on") && typeof x == "function") {
-        const u = Rt(p), f = u.includes(":") ? (() => {
-          const g = u.split(":"), l = g[1];
+      } else if (d.startsWith("on") && typeof k == "function") {
+        const u = Rt(d), p = u.includes(":") ? (() => {
+          const h = u.split(":"), l = h[1];
           if (l.includes("-")) {
-            const m = l.split("-").map((k, w) => w === 0 ? k : k.charAt(0).toUpperCase() + k.slice(1)).join("");
-            return `${g[0]}:${m}`;
+            const y = l.split("-").map((w, x) => x === 0 ? w : w.charAt(0).toUpperCase() + w.slice(1)).join("");
+            return `${h[0]}:${y}`;
           } else {
-            const m = l.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-            return `${g[0]}:${m}`;
+            const y = l.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+            return `${h[0]}:${y}`;
           }
         })() : u;
-        c.listeners && (c.listeners[u] || c.listeners[f]) || re.addListener(n, u, x);
+        c.listeners && (c.listeners[u] || c.listeners[p]) || re.addListener(n, u, k);
       } else {
-        if (p.startsWith("on") && x === void 0)
+        if (d.startsWith("on") && k === void 0)
           continue;
-        if (x == null || x === !1)
-          n.removeAttribute(p);
-        else if ((e.props?.isCustomElement ?? !1) || p in n)
+        if (k == null || k === !1)
+          n.removeAttribute(d);
+        else if ((e.props?.isCustomElement ?? !1) || d in n)
           try {
-            const f = typeof x == "object" && x !== null && R(x) ? x : typeof x == "object" && x !== null && typeof x.value < "u" ? x.value : x;
-            if (p === "disabled" && Y(n)) {
-              const g = a.disabled !== void 0 ? a.disabled : f, l = ke(g);
-              L(() => {
+            const p = typeof k == "object" && k !== null && R(k) ? k : typeof k == "object" && k !== null && typeof k.value < "u" ? k.value : k;
+            if (d === "disabled" && ee(n)) {
+              const h = a.disabled !== void 0 ? a.disabled : p, l = ke(h);
+              P(() => {
                 n.disabled = l;
-              }), L(l ? () => {
-                n.setAttribute(p, "");
+              }), P(l ? () => {
+                n.setAttribute(d, "");
               } : () => {
-                n.removeAttribute(p);
+                n.removeAttribute(d);
               });
               continue;
             }
             try {
-              if (typeof n[p] == "boolean") {
-                let l = f;
-                typeof f == "string" ? f === "false" ? l = !1 : f === "true" ? l = !0 : l = !!f && f !== "" : l = !!f, n[p] = l;
+              if (typeof n[d] == "boolean") {
+                let l = p;
+                typeof p == "string" ? p === "false" ? l = !1 : p === "true" ? l = !0 : l = !!p && p !== "" : l = !!p, n[d] = l;
               } else
-                n[p] = f;
+                n[d] = p;
             } catch {
-              n[p] = f;
+              n[d] = p;
             }
           } catch {
           }
       }
   }
-  for (const [p, x] of Object.entries(
+  for (const [d, k] of Object.entries(
     c.listeners || {}
   ))
-    re.addListener(n, p, x);
-  const y = {
+    re.addListener(n, d, k);
+  const m = {
     ...e,
     props: {
       ...e.props,
       ...c.props
     }
   };
-  Se(y, n, r);
+  Te(m, n, r);
   try {
     if (typeof n._applyProps == "function")
       try {
@@ -1868,30 +1868,30 @@ function X(e, t, r) {
   } catch {
   }
   if (Array.isArray(e.children))
-    for (const p of e.children)
-      n.appendChild(X(p, t, r));
+    for (const d of e.children)
+      n.appendChild(Y(d, t, r));
   else typeof e.children == "string" && (n.textContent = e.children);
   try {
-    if (n instanceof HTMLSelectElement && d && d.hasOwnProperty("value"))
+    if (n instanceof HTMLSelectElement && f && f.hasOwnProperty("value"))
       try {
-        n.value = d.value ?? "";
+        n.value = f.value ?? "";
       } catch {
       }
   } catch {
   }
   try {
-    if (Y(n)) {
-      const p = a.disabled, x = d.disabled, u = p && typeof p == "object" && "value" in p;
-      let f = !1;
+    if (ee(n)) {
+      const d = a.disabled, k = f.disabled, u = d && typeof d == "object" && "value" in d;
+      let p = !1;
       try {
-        f = !!R(p);
+        p = !!R(d);
       } catch {
-        f = !1;
+        p = !1;
       }
-      const l = f || u || ct(p) ? p : x, m = ke(l);
-      L(() => {
-        n.disabled = m;
-      }), L(m ? () => {
+      const l = p || u || lt(d) ? d : k, y = ke(l);
+      P(() => {
+        n.disabled = y;
+      }), P(y ? () => {
         n.setAttribute("disabled", "");
       } : () => {
         n.removeAttribute("disabled");
@@ -1901,227 +1901,273 @@ function X(e, t, r) {
   }
   return n;
 }
-function un(e, t, r, n, o) {
+function fn(e, t, r, n, o) {
   if (typeof r == "string") {
     e.textContent !== r && (e.textContent = r);
     return;
   }
   if (!Array.isArray(r)) return;
   const i = e.childNodes, s = [];
-  for (let f = 0; f < i.length; f++)
-    s.push(i[f]);
+  for (let p = 0; p < i.length; p++)
+    s.push(i[p]);
   const c = Array.isArray(t) ? t : [], a = e._transitionGroup;
   if (a) {
-    const f = e._hasTransitionGroupRendered || !1;
-    f || (e._hasTransitionGroupRendered = !0);
-    const g = (w) => typeof w == "string" && w.startsWith("each-") ? w.substring(5) : w, l = [], m = [];
+    const p = (w) => typeof w == "string" && w.startsWith("each-") ? w.substring(5) : w, h = [], l = [];
     for (const w of r)
       if (w && w.tag === "#anchor") {
-        const _ = Array.isArray(w.children) ? w.children : [];
-        for (const C of _) {
-          const h = g(C.key || w.key || "unknown");
-          l.push({ ...C, key: h });
+        const x = Array.isArray(w.children) ? w.children : [];
+        for (const _ of x) {
+          const C = p(_.key || w.key || "unknown");
+          h.push({ ..._, key: C });
         }
-      } else w && l.push({ ...w, key: g(w.key) });
+      } else w && h.push({ ...w, key: p(w.key) });
     for (const w of c)
       if (w && w.tag === "#anchor") {
-        const _ = Array.isArray(w.children) ? w.children : [];
-        for (const C of _) {
-          const h = g(C.key || w.key || "unknown");
-          m.push({ ...C, key: h });
+        const x = Array.isArray(w.children) ? w.children : [];
+        for (const _ of x) {
+          const C = p(_.key || w.key || "unknown");
+          l.push({ ..._, key: C });
         }
-      } else w && m.push({ ...w, key: g(w.key) });
-    if (l.some((w) => w && w.key != null) || m.some((w) => w && w.key != null)) {
-      const w = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map();
-      for (const E of m)
-        if (E && E.key != null) {
-          const v = String(E.key);
-          w.set(v, E);
+      } else w && l.push({ ...w, key: p(w.key) });
+    if (h.some((w) => w && w.key != null) || l.some((w) => w && w.key != null)) {
+      const w = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map();
+      for (const $ of l)
+        if ($ && $.key != null) {
+          const v = String($.key);
+          w.set(v, $);
         }
-      for (let E = 0; E < s.length; E++) {
-        const v = s[E];
-        let $ = v.key;
-        if (!$ && v instanceof Element) {
-          const S = v.getAttribute("data-anchor-key");
-          S && ($ = S);
+      for (let $ = 0; $ < s.length; $++) {
+        const v = s[$];
+        let A = v.key;
+        if (!A && v instanceof Element) {
+          const L = v.getAttribute("data-anchor-key");
+          L && (A = L);
         }
-        if ($ = g($), $ != null && v instanceof Element && v.nodeType === Node.ELEMENT_NODE) {
-          let S = typeof $ == "string" && $.includes(":") ? $.substring(0, $.lastIndexOf(":")) : $;
-          S = String(S), _.set(S, v);
+        if (A = p(A), A != null && v instanceof Element && v.nodeType === Node.ELEMENT_NODE) {
+          let L = typeof A == "string" && A.includes(":") ? A.substring(0, A.lastIndexOf(":")) : A;
+          L = String(L), x.set(L, v);
         }
       }
-      const C = /* @__PURE__ */ new Set(), h = [];
-      for (const E of l) {
-        let v = E.key;
+      const _ = /* @__PURE__ */ new Set(), C = /* @__PURE__ */ new Map(), g = s.length > 0;
+      if (a.moveClass && g)
+        for (let $ = 0; $ < s.length; $++) {
+          const v = s[$];
+          if (v instanceof HTMLElement && v.parentElement) {
+            const A = v.getBoundingClientRect();
+            C.set(v, A);
+          }
+        }
+      const S = [];
+      for (const $ of h) {
+        let v = $.key;
         if (v == null) continue;
         v = String(v);
-        const $ = w.get(v);
-        let S = _.get(v);
-        if (S && $) {
-          const P = Te(S, $, E, n);
-          C.add(S);
-          const A = String(v);
-          P.key = A, P instanceof Element && P.setAttribute("data-anchor-key", A), h.push({ node: P, key: v, newVNode: E, oldVNode: $, isNew: !1 });
+        const A = w.get(v);
+        let L = x.get(v);
+        if (L && A) {
+          const E = Oe(L, A, $, n);
+          _.add(L);
+          const O = String(v);
+          E.key = O, E instanceof Element && E.setAttribute("data-anchor-key", O), S.push({ node: E, key: v, newVNode: $, oldVNode: A, isNew: !1 });
         } else {
-          S = X(E, n), S.key = v, S instanceof Element && S.setAttribute("data-anchor-key", String(v)), e.appendChild(S);
-          const A = !!f || a.appear === !0;
-          S instanceof HTMLElement && A && Ee(S, a).catch((j) => {
-            N("Enter transition error:", j);
-          }), h.push({ node: S, key: v, newVNode: E, isNew: !0 });
+          L = Y($, n), L.key = v, L instanceof Element && L.setAttribute("data-anchor-key", String(v)), e.appendChild(L);
+          const E = g || a.appear === !0;
+          L instanceof HTMLElement && E && _e(L, a).catch((O) => {
+            F("Enter transition error:", O);
+          }), S.push({ node: L, key: v, newVNode: $, isNew: !0 });
         }
       }
       const T = [];
-      for (let E = 0; E < s.length; E++) {
-        const v = s[E], $ = v.key;
-        if (!C.has(v) && $ != null && v instanceof HTMLElement) {
-          const P = Ge(v, a).then(() => {
+      for (let $ = 0; $ < s.length; $++) {
+        const v = s[$], A = v.key;
+        if (!_.has(v) && A != null && v instanceof HTMLElement) {
+          const E = Ge(v, a).then(() => {
             e.contains(v) && e.removeChild(v);
-          }).catch((A) => {
-            N("Leave transition error:", A), e.contains(v) && e.removeChild(v);
+          }).catch((O) => {
+            F("Leave transition error:", O), e.contains(v) && e.removeChild(v);
           });
-          T.push(P);
+          T.push(E);
+        }
+      }
+      if (T.length === 0) {
+        let $ = e.firstChild;
+        for (const { node: v } of S)
+          v !== $ && e.insertBefore(v, $), $ = v.nextSibling;
+        if (a.moveClass && C.size > 0) {
+          const v = [];
+          for (const { node: A, isNew: L } of S)
+            if (!L && A instanceof HTMLElement) {
+              const E = C.get(A);
+              if (E) {
+                const O = A.getBoundingClientRect(), M = E.left - O.left, I = E.top - O.top;
+                if (M !== 0 || I !== 0) {
+                  const ue = a.moveClass.split(/\s+/).filter((D) => D);
+                  v.push({ node: A, deltaX: M, deltaY: I, moveClasses: ue });
+                }
+              }
+            }
+          if (v.length > 0) {
+            for (const { node: A, deltaX: L, deltaY: E } of v)
+              A.style.transform = `translate(${L}px, ${E}px)`, A.style.transitionProperty = "none";
+            e.offsetHeight, requestAnimationFrame(() => {
+              requestAnimationFrame(() => {
+                for (const { node: A, moveClasses: L } of v)
+                  for (const E of L)
+                    A.classList.add(E);
+                requestAnimationFrame(() => {
+                  const A = a.moveClass || "", L = A.match(/duration-(\d+)/), E = L ? `${L[1]}ms` : "300ms", O = A.match(/ease-(out|in|in-out|linear)/), M = O ? `ease-${O[1]}` : "ease-out";
+                  for (const { node: I } of v)
+                    I.style.transition = `transform ${E} ${M}`;
+                  requestAnimationFrame(() => {
+                    for (const { node: I, moveClasses: ue } of v) {
+                      I.style.removeProperty("transform");
+                      const D = () => {
+                        for (const N of ue)
+                          I.classList.remove(N);
+                        I.style.removeProperty("transition"), I.removeEventListener("transitionend", D), I.removeEventListener("transitioncancel", D);
+                      };
+                      I.addEventListener("transitionend", D, { once: !0 }), I.addEventListener("transitioncancel", D, { once: !0 });
+                    }
+                  });
+                });
+              });
+            });
+          }
         }
       }
-      requestAnimationFrame(() => {
-        if (T.length > 0)
-          return;
-        let E = e.firstChild;
-        for (const { node: v } of h)
-          v !== E && e.insertBefore(v, E), E = v.nextSibling;
-      });
       return;
     }
   }
-  const d = /* @__PURE__ */ new Map();
-  for (const f of c)
-    f && f.key != null && d.set(f.key, f);
+  const f = /* @__PURE__ */ new Map();
+  for (const p of c)
+    p && p.key != null && f.set(p.key, p);
   const b = /* @__PURE__ */ new Map();
-  for (let f = 0; f < s.length; f++) {
-    const g = s[f], l = g.key;
-    l != null && b.set(l, g);
-  }
-  const y = /* @__PURE__ */ new Set();
-  let p = e.firstChild;
-  function x(f, g) {
-    let l = f;
-    for (; l && (y.add(l), l !== g); )
+  for (let p = 0; p < s.length; p++) {
+    const h = s[p], l = h.key;
+    l != null && b.set(l, h);
+  }
+  const m = /* @__PURE__ */ new Set();
+  let d = e.firstChild;
+  function k(p, h) {
+    let l = p;
+    for (; l && (m.add(l), l !== h); )
       l = l.nextSibling;
   }
-  function u(f, g, l, m, k, w = !0) {
+  function u(p, h, l, y, w, x = !0) {
     const _ = [];
-    let C = f.nextSibling;
-    for (; C && C !== g; )
+    let C = p.nextSibling;
+    for (; C && C !== h; )
       _.push(C), C = C.nextSibling;
-    const h = Array.isArray(l) ? l : [];
-    if (m.some((E) => E && E.key != null) || h.some((E) => E && E.key != null)) {
-      const E = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map();
-      for (const A of h)
-        A && A.key != null && E.set(A.key, A);
-      for (const A of _) {
-        const j = A.key;
-        j != null && v.set(j, A);
+    const g = Array.isArray(l) ? l : [];
+    if (y.some((T) => T && T.key != null) || g.some((T) => T && T.key != null)) {
+      const T = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map();
+      for (const E of g)
+        E && E.key != null && T.set(E.key, E);
+      for (const E of _) {
+        const O = E.key;
+        O != null && $.set(O, E);
       }
-      const $ = k && k.state === "visible" && h.length === 0 && m.length > 0, S = /* @__PURE__ */ new Set();
-      let P = f.nextSibling;
-      for (const A of m) {
-        let j;
-        if (A.key != null && v.has(A.key)) {
-          const F = E.get(A.key);
-          j = Te(
-            v.get(A.key),
-            F,
-            A,
+      const v = w && w.state === "visible" && g.length === 0 && y.length > 0, A = /* @__PURE__ */ new Set();
+      let L = p.nextSibling;
+      for (const E of y) {
+        let O;
+        if (E.key != null && $.has(E.key)) {
+          const M = T.get(E.key);
+          O = Oe(
+            $.get(E.key),
+            M,
+            E,
             n
-          ), S.add(j), k && j instanceof HTMLElement && $ && k.appear && Ee(j, k).catch((te) => {
-            N("Transition enter error (appear):", te);
-          }), j !== P && e.contains(j) && e.insertBefore(j, P);
+          ), A.add(O), w && O instanceof HTMLElement && v && w.appear && _e(O, w).catch((I) => {
+            F("Transition enter error (appear):", I);
+          }), O !== L && e.contains(O) && e.insertBefore(O, L);
         } else
-          j = X(A, n), e.insertBefore(j, P), S.add(j), k && j instanceof HTMLElement && w && Ee(j, k).catch((F) => {
-            N("Transition enter error:", F);
+          O = Y(E, n), e.insertBefore(O, L), A.add(O), w && O instanceof HTMLElement && x && _e(O, w).catch((M) => {
+            F("Transition enter error:", M);
           });
-        P = j.nextSibling;
+        L = O.nextSibling;
       }
-      for (const A of _)
-        !S.has(A) && e.contains(A) && (k && A instanceof HTMLElement && w ? Ge(A, k).then(() => {
-          e.contains(A) && e.removeChild(A);
-        }).catch((j) => {
-          N("Transition leave error:", j), e.contains(A) && e.removeChild(A);
-        }) : e.removeChild(A));
+      for (const E of _)
+        !A.has(E) && e.contains(E) && (w && E instanceof HTMLElement && x ? Ge(E, w).then(() => {
+          e.contains(E) && e.removeChild(E);
+        }).catch((O) => {
+          F("Transition leave error:", O), e.contains(E) && e.removeChild(E);
+        }) : e.removeChild(E));
     } else {
-      const E = Math.min(
-        h.length,
-        m.length
+      const T = Math.min(
+        g.length,
+        y.length
       );
-      for (let v = 0; v < E; v++) {
-        const $ = h[v], S = m[v], P = Te(_[v], $, S, n);
-        P !== _[v] && (e.insertBefore(P, _[v]), e.removeChild(_[v]));
+      for (let $ = 0; $ < T; $++) {
+        const v = g[$], A = y[$], L = Oe(_[$], v, A, n);
+        L !== _[$] && (e.insertBefore(L, _[$]), e.removeChild(_[$]));
       }
-      for (let v = E; v < m.length; v++) {
-        const $ = X(m[v], n);
-        e.insertBefore($, g), k && $ instanceof HTMLElement && w && Ee($, k).catch((S) => {
-          N("Transition enter error:", S);
+      for (let $ = T; $ < y.length; $++) {
+        const v = Y(y[$], n);
+        e.insertBefore(v, h), w && v instanceof HTMLElement && x && _e(v, w).catch((A) => {
+          F("Transition enter error:", A);
         });
       }
-      for (let v = E; v < _.length; v++) {
-        const $ = _[v];
-        k && $ instanceof HTMLElement && w ? Ge($, k).then(() => {
-          e.contains($) && e.removeChild($);
-        }).catch((S) => {
-          N("Transition leave error:", S), e.contains($) && e.removeChild($);
-        }) : e.removeChild($);
+      for (let $ = T; $ < _.length; $++) {
+        const v = _[$];
+        w && v instanceof HTMLElement && x ? Ge(v, w).then(() => {
+          e.contains(v) && e.removeChild(v);
+        }).catch((A) => {
+          F("Transition leave error:", A), e.contains(v) && e.removeChild(v);
+        }) : e.removeChild(v);
       }
     }
   }
-  for (const f of r) {
-    let g;
-    if (f.tag === "#anchor") {
-      const l = f.key, m = `${l}:start`, k = `${l}:end`;
-      let w = b.get(m), _ = b.get(k);
-      const C = Array.isArray(f.children) ? f.children : [];
-      if (w || (w = document.createTextNode(""), w.key = m), _ || (_ = document.createTextNode(""), _.key = k), f._startNode = w, f._endNode = _, !e.contains(w) || !e.contains(_)) {
-        e.insertBefore(w, p);
-        const h = f._transition, E = !(h && h.state === "visible" && C.length > 0) || h.appear;
-        for (const v of C) {
-          const $ = X(v, n);
-          e.insertBefore($, p), h && $ instanceof HTMLElement && E && Ee($, h).catch((S) => {
-            N("Transition enter error:", S);
+  for (const p of r) {
+    let h;
+    if (p.tag === "#anchor") {
+      const l = p.key, y = `${l}:start`, w = `${l}:end`;
+      let x = b.get(y), _ = b.get(w);
+      const C = Array.isArray(p.children) ? p.children : [];
+      if (x || (x = document.createTextNode(""), x.key = y), _ || (_ = document.createTextNode(""), _.key = w), p._startNode = x, p._endNode = _, !e.contains(x) || !e.contains(_)) {
+        e.insertBefore(x, d);
+        const g = p._transition, T = !(g && g.state === "visible" && C.length > 0) || g.appear;
+        for (const $ of C) {
+          const v = Y($, n);
+          e.insertBefore(v, d), g && v instanceof HTMLElement && T && _e(v, g).catch((A) => {
+            F("Transition enter error:", A);
           });
         }
-        e.insertBefore(_, p);
+        e.insertBefore(_, d);
       } else {
-        const h = f._transition, E = d.get(l)?._transition, v = E && E.state !== h?.state, $ = h && h.state === "visible" && C.length > 0 && !v, S = v || !$ || h?.appear === !0;
+        const g = p._transition, T = f.get(l)?._transition, $ = T && T.state !== g?.state, v = g && g.state === "visible" && C.length > 0 && !$, A = $ || !v || g?.appear === !0;
         u(
-          w,
+          x,
           _,
-          d.get(l)?.children,
+          f.get(l)?.children,
           C,
-          h,
-          S
+          g,
+          A
         );
       }
-      x(w, _), p = _.nextSibling;
+      k(x, _), d = _.nextSibling;
       continue;
     }
-    if (f.key != null && b.has(f.key)) {
-      const l = d.get(f.key);
-      g = Te(
-        b.get(f.key),
+    if (p.key != null && b.has(p.key)) {
+      const l = f.get(p.key);
+      h = Oe(
+        b.get(p.key),
         l,
-        f,
+        p,
         n,
         o
-      ), y.add(g), g !== p && e.contains(g) && (p && !e.contains(p) && (p = null), e.insertBefore(g, p));
+      ), m.add(h), h !== d && e.contains(h) && (d && !e.contains(d) && (d = null), e.insertBefore(h, d));
     } else
-      g = X(f, n, o), p && !e.contains(p) && (p = null), e.insertBefore(g, p), y.add(g);
-    p = g.nextSibling;
+      h = Y(p, n, o), d && !e.contains(d) && (d = null), e.insertBefore(h, d), m.add(h);
+    d = h.nextSibling;
   }
-  for (let f = 0; f < s.length; f++) {
-    const g = s[f];
-    !y.has(g) && e.contains(g) && (ge(g, o), e.removeChild(g));
+  for (let p = 0; p < s.length; p++) {
+    const h = s[p];
+    !m.has(h) && e.contains(h) && (me(h, o), e.removeChild(h));
   }
 }
-function Te(e, t, r, n, o) {
-  if (t && typeof t != "string" && t.props?.ref && o && ge(e, o), t === r) return e;
+function Oe(e, t, r, n, o) {
+  if (t && typeof t != "string" && t.props?.ref && o && me(e, o), t === r) return e;
   if (typeof r == "string") {
     if (e.nodeType === Node.TEXT_NODE)
       return e.textContent !== r && (e.textContent = r), e;
@@ -2131,81 +2177,81 @@ function Te(e, t, r, n, o) {
     }
   }
   if (r && typeof r != "string" && r.tag === "#anchor") {
-    const s = r, c = Array.isArray(s.children) ? s.children : [], a = s._startNode ?? document.createTextNode(""), d = s._endNode ?? document.createTextNode("");
-    s.key != null && (a.key = `${s.key}:start`, d.key = `${s.key}:end`), s._startNode = a, s._endNode = d;
+    const s = r, c = Array.isArray(s.children) ? s.children : [], a = s._startNode ?? document.createTextNode(""), f = s._endNode ?? document.createTextNode("");
+    s.key != null && (a.key = `${s.key}:start`, f.key = `${s.key}:end`), s._startNode = a, s._endNode = f;
     const b = document.createDocumentFragment();
     b.appendChild(a);
-    for (const y of c) {
-      const p = X(y, n);
-      b.appendChild(p);
+    for (const m of c) {
+      const d = Y(m, n);
+      b.appendChild(d);
     }
-    return b.appendChild(d), e.parentNode?.replaceChild(b, e), a;
+    return b.appendChild(f), e.parentNode?.replaceChild(b, e), a;
   }
   if (!r) {
-    ge(e, o);
+    me(e, o);
     const s = document.createComment("removed");
     return e.parentNode?.replaceChild(s, e), s;
   }
   if (!t || typeof t == "string") {
-    ge(e, o);
-    const s = X(r, n, o);
-    return Se(r, s, o), e.parentNode?.replaceChild(s, e), s;
+    me(e, o);
+    const s = Y(r, n, o);
+    return Te(r, s, o), e.parentNode?.replaceChild(s, e), s;
   }
   if (r.tag === "#anchor") {
     const s = 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 d = document.createDocumentFragment();
-    d.appendChild(c);
+    const f = document.createDocumentFragment();
+    f.appendChild(c);
     for (const b of s)
-      d.appendChild(X(b, n));
-    return d.appendChild(a), e.parentNode?.replaceChild(d, e), c;
+      f.appendChild(Y(b, n));
+    return f.appendChild(a), e.parentNode?.replaceChild(f, e), c;
   }
   if (typeof t != "string" && typeof r != "string" && t.tag === r.tag && t.key === r.key) {
     const s = e;
-    return bt(s, t.props || {}, r.props || {}, n), un(s, t.children, r.children, n, o), Se(r, s, o), s;
+    return wt(s, t.props || {}, r.props || {}, n), fn(s, t.children, r.children, n, o), Te(r, s, o), s;
   }
   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 bt(c, t.props || {}, r.props || {}, n), Se(r, c, o), c;
+      return wt(c, t.props || {}, r.props || {}, n), Te(r, c, o), c;
     } catch {
     }
-  ge(e, o);
-  const i = X(r, n, o);
-  return Se(r, i, o), e.parentNode?.replaceChild(i, e), i;
+  me(e, o);
+  const i = Y(r, n, o);
+  return Te(r, i, o), e.parentNode?.replaceChild(i, e), i;
 }
-function fn(e, t, r, n) {
+function dn(e, t, r, n) {
   let o;
   Array.isArray(t) ? t.length === 1 ? (o = t[0], o && typeof o == "object" && o.key == null && (o = { ...o, key: "__root__" })) : o = { tag: "div", key: "__root__", children: t } : (o = t, o && typeof o == "object" && o.key == null && (o = { ...o, key: "__root__" })), o && typeof o == "object" && o.tag === "#anchor" && (o = {
     tag: "div",
     key: "__anchor_root__",
     props: { attrs: { "data-anchor-block-root": "", key: "__anchor_root__" } },
     children: [o]
-  }), o = lt(o, String(o.key ?? "root"));
+  }), o = ut(o, String(o.key ?? "root"));
   const i = e._prevVNode ?? null, s = e._prevDom ?? e.firstChild ?? null;
   let c;
-  i && s ? typeof i != "string" && typeof o != "string" && i.tag === o.tag && i.key === o.key ? c = Te(s, i, o, r, n) : (c = X(o, r, n), e.replaceChild(c, s)) : (c = X(o, r, n), e.firstChild ? e.replaceChild(c, e.firstChild) : e.appendChild(c));
+  i && s ? typeof i != "string" && typeof o != "string" && i.tag === o.tag && i.key === o.key ? c = Oe(s, i, o, r, n) : (c = Y(o, r, n), e.replaceChild(c, s)) : (c = Y(o, r, n), e.firstChild ? e.replaceChild(c, e.firstChild) : e.appendChild(c));
   const a = [];
-  for (let d = 0; d < e.childNodes.length; d++) {
-    const b = e.childNodes[d];
-    b !== c && b.nodeName !== "STYLE" && (ge(b, n), a.push(b));
+  for (let f = 0; f < e.childNodes.length; f++) {
+    const b = e.childNodes[f];
+    b !== c && b.nodeName !== "STYLE" && (me(b, n), a.push(b));
   }
-  a.forEach((d) => e.removeChild(d)), e._prevVNode = o, e._prevDom = c;
+  a.forEach((f) => e.removeChild(f)), e._prevVNode = o, e._prevDom = c;
 }
 function Je(e) {
-  if (typeof e == "string") return Ce(e);
+  if (typeof e == "string") return Ee(e);
   if (e.tag === "#text")
-    return typeof e.children == "string" ? Ce(e.children) : "";
+    return typeof e.children == "string" ? Ee(e.children) : "";
   if (e.tag === "#anchor")
     return (Array.isArray(e.children) ? e.children.filter(Boolean) : []).map(Je).join("");
   let t = "";
-  e.props && e.props.attrs && (t = Object.entries(e.props.attrs).map(([o, i]) => ` ${o}="${Ce(String(i))}"`).join(""));
+  e.props && e.props.attrs && (t = Object.entries(e.props.attrs).map(([o, i]) => ` ${o}="${Ee(String(i))}"`).join(""));
   let r = "";
-  e.props && (r = Object.entries(e.props).filter(([o]) => o !== "attrs" && o !== "directives" && o !== "ref" && o !== "key").map(([o, i]) => ` ${o}="${Ce(String(i))}"`).join(""));
-  const n = Array.isArray(e.children) ? e.children.filter(Boolean).map(Je).join("") : typeof e.children == "string" ? Ce(e.children) : e.children ? Je(e.children) : "";
+  e.props && (r = Object.entries(e.props).filter(([o]) => o !== "attrs" && o !== "directives" && o !== "ref" && o !== "key").map(([o, i]) => ` ${o}="${Ee(String(i))}"`).join(""));
+  const n = Array.isArray(e.children) ? e.children.filter(Boolean).map(Je).join("") : typeof e.children == "string" ? Ee(e.children) : e.children ? Je(e.children) : "";
   return `<${e.tag}${t}${r}>${n}</${e.tag}>`;
 }
-function dn(e, ...t) {
+function pn(e, ...t) {
   let r = "";
   for (let n = 0; n < e.length; n++)
     r += e[n], n < t.length && (r += t[n]);
@@ -2214,14 +2260,14 @@ function dn(e, ...t) {
 function Dt(e) {
   return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
 }
-let Fe = null;
-function wt() {
-  return Fe || (Fe = new CSSStyleSheet(), Fe.replaceSync(Dt(hn))), Fe;
+let We = null;
+function vt() {
+  return We || (We = new CSSStyleSheet(), We.replaceSync(Dt(gn))), We;
 }
-function pn(e) {
+function hn(e) {
   return e.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
 }
-const hn = dn`
+const gn = pn`
   :host,
   *,
   ::before,
@@ -2332,7 +2378,7 @@ const hn = dn`
   [hidden] {
     display: none;
   }
-`, gn = {
+`, mn = {
   // Existing semantic colors
   neutral: {
     50: "#fafafa",
@@ -2430,8 +2476,8 @@ const hn = dn`
   black: { DEFAULT: "#000000" },
   transparent: { DEFAULT: "transparent" },
   current: { DEFAULT: "currentColor" }
-}, Nt = Object.fromEntries(
-  Object.entries(gn).map(([e, t]) => [
+}, Ht = Object.fromEntries(
+  Object.entries(mn).map(([e, t]) => [
     e,
     Object.fromEntries(
       Object.entries(t).map(([r, n]) => [
@@ -2440,7 +2486,7 @@ const hn = dn`
       ])
     )
   ])
-), he = "0.25rem", mn = {
+), pe = "0.25rem", yn = {
   "3xs": 64,
   "2xs": 72,
   xs: 80,
@@ -2485,7 +2531,7 @@ const hn = dn`
   gap: ["gap"],
   "gap-x": ["column-gap"],
   "gap-y": ["row-gap"]
-}, yn = () => {
+}, bn = () => {
   const e = {};
   e["@container"] = "container-type:inline-size;", [
     "block",
@@ -2609,8 +2655,8 @@ const hn = dn`
     ["text-7xl", "4.5rem", "1"],
     ["text-8xl", "6rem", "1"],
     ["text-9xl", "8rem", "1"]
-  ].forEach(([a, d, b]) => {
-    e[a] = `font-size:${d};line-height:${b};`;
+  ].forEach(([a, f, b]) => {
+    e[a] = `font-size:${f};line-height:${b};`;
   }), [
     ["tracking-tighter", "-0.05em"],
     ["tracking-tight", "-0.025em"],
@@ -2618,8 +2664,8 @@ const hn = dn`
     ["tracking-wide", "0.025em"],
     ["tracking-wider", "0.05em"],
     ["tracking-widest", "0.1em"]
-  ].forEach(([a, d]) => {
-    e[a] = `letter-spacing:${d};`;
+  ].forEach(([a, f]) => {
+    e[a] = `letter-spacing:${f};`;
   }), [
     ["leading-3", "0.75rem"],
     ["leading-4", "1rem"],
@@ -2635,13 +2681,13 @@ const hn = dn`
     ["leading-normal", "1.5"],
     ["leading-relaxed", "1.625"],
     ["leading-loose", "2"]
-  ].forEach(([a, d]) => {
-    e[a] = `line-height:${d};`;
+  ].forEach(([a, f]) => {
+    e[a] = `line-height:${f};`;
   });
   const i = [0, 1, 2, 4, 6, 8];
   for (const a of i) {
-    const d = `${a}px`;
-    e[`border-${a}`] = `border-width:${d};`, e[`border-t-${a}`] = `border-top-width:${d};`, e[`border-r-${a}`] = `border-right-width:${d};`, e[`border-b-${a}`] = `border-bottom-width:${d};`, e[`border-l-${a}`] = `border-left-width:${d};`, e[`border-x-${a}`] = `border-left-width:${d};border-right-width:${d};`, e[`border-y-${a}`] = `border-top-width:${d};border-bottom-width:${d};`;
+    const f = `${a}px`;
+    e[`border-${a}`] = `border-width:${f};`, e[`border-t-${a}`] = `border-top-width:${f};`, e[`border-r-${a}`] = `border-right-width:${f};`, e[`border-b-${a}`] = `border-bottom-width:${f};`, e[`border-l-${a}`] = `border-left-width:${f};`, e[`border-x-${a}`] = `border-left-width:${f};border-right-width:${f};`, e[`border-y-${a}`] = `border-top-width:${f};border-bottom-width:${f};`;
   }
   Object.assign(e, {
     "font-sans": "font-family:var(--font-sans, ui-sans-serif,system-ui,sans-serif);",
@@ -2672,8 +2718,8 @@ const hn = dn`
     "4xl": 32,
     full: 9999
   };
-  for (const [a, d] of Object.entries(s)) {
-    const b = d === 9999 ? "9999px" : `${d / 16}rem`;
+  for (const [a, f] of Object.entries(s)) {
+    const b = f === 9999 ? "9999px" : `${f / 16}rem`;
     e[`rounded-${a}`] = `border-radius:${b};`, e[`rounded-t-${a}`] = `border-top-left-radius:${b};border-top-right-radius:${b};`, e[`rounded-r-${a}`] = `border-top-right-radius:${b};border-bottom-right-radius:${b};`, e[`rounded-b-${a}`] = `border-bottom-left-radius:${b};border-bottom-right-radius:${b};`, e[`rounded-l-${a}`] = `border-top-left-radius:${b};border-bottom-left-radius:${b};`, e[`rounded-tl-${a}`] = `border-top-left-radius:${b};`, e[`rounded-tr-${a}`] = `border-top-right-radius:${b};`, e[`rounded-br-${a}`] = `border-bottom-right-radius:${b};`, e[`rounded-bl-${a}`] = `border-bottom-left-radius:${b};`;
   }
   Object.assign(e, {
@@ -2740,8 +2786,8 @@ const hn = dn`
     "mx-auto": "margin-inline:auto;",
     "my-auto": "margin-block:auto;"
   });
-  for (const [a, d] of Object.entries(mn))
-    e[`max-w-${a}`] = `max-width:calc(${he} * ${d});`, e[`min-w-${a}`] = `min-width:calc(${he} * ${d});`, e[`w-${a}`] = `width:calc(${he} * ${d});`, e[`max-h-${a}`] = `max-height:calc(${he} * ${d});`, e[`min-h-${a}`] = `min-height:calc(${he} * ${d});`, e[`h-${a}`] = `height:calc(${he} * ${d});`;
+  for (const [a, f] of Object.entries(yn))
+    e[`max-w-${a}`] = `max-width:calc(${pe} * ${f});`, e[`min-w-${a}`] = `min-width:calc(${pe} * ${f});`, e[`w-${a}`] = `width:calc(${pe} * ${f});`, e[`max-h-${a}`] = `max-height:calc(${pe} * ${f});`, e[`min-h-${a}`] = `min-height:calc(${pe} * ${f});`, e[`h-${a}`] = `height:calc(${pe} * ${f});`;
   Object.assign(e, {
     transition: "transition-property:all;transition-duration:150ms;transition-timing-function:ease-in-out;",
     "transition-none": "transition-property:none;",
@@ -2858,7 +2904,7 @@ const hn = dn`
     "bg-conic-at-l": "background-image:conic-gradient(from 0deg at left, var(--tw-gradient-stops));",
     "bg-conic-at-tl": "background-image:conic-gradient(from 0deg at top left, var(--tw-gradient-stops));"
   }), e;
-}, Qe = yn();
+}, Ye = bn();
 function Q(e, t) {
   let r = 0;
   for (let n = 0; n < e.length; n++) {
@@ -2870,7 +2916,7 @@ function Q(e, t) {
   }
   return e + t;
 }
-const bn = {
+const wn = {
   before: (e, t) => `${e}::before{${t}}`,
   after: (e, t) => `${e}::after{${t}}`,
   hover: (e, t) => `${Q(e, ":hover")}{${t}}`,
@@ -2893,14 +2939,14 @@ const bn = {
   "peer-focus": (e, t) => `.peer:focus ~ ${e}{${t}}`,
   "peer-checked": (e, t) => `.peer:checked ~ ${e}{${t}}`,
   "peer-disabled": (e, t) => `.peer:disabled ~ ${e}{${t}}`
-}, Ye = {
+}, Qe = {
   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)"
-}, vt = {
+}, xt = {
   xs: "(min-width:20rem)",
   sm: "(min-width:24rem)",
   md: "(min-width:28rem)",
@@ -2931,22 +2977,40 @@ function nt(e) {
   const o = r.slice(0, n), i = r.slice(n + 1);
   if (!Xe[o]) return null;
   if (i.includes("/")) {
-    const [a, d] = i.split("/").map((y) => parseFloat(y));
-    if (Number.isNaN(a) || Number.isNaN(d) || d === 0)
+    const [a, f] = i.split("/").map((m) => parseFloat(m));
+    if (Number.isNaN(a) || Number.isNaN(f) || f === 0)
       return null;
-    const b = a / d * 100;
-    return Xe[o].map((y) => `${y}:${b}%;`).join("");
+    const b = a / f * 100;
+    return Xe[o].map((m) => `${m}:${b}%;`).join("");
   }
   const s = parseFloat(i);
   if (Number.isNaN(s)) return null;
   const c = t ? "-" : "";
-  return Xe[o].map((a) => `${a}:calc(${c}${he} * ${s});`).join("");
+  return Xe[o].map((a) => `${a}:calc(${c}${pe} * ${s});`).join("");
+}
+function rt(e) {
+  const t = e.startsWith("-"), n = (t ? e.slice(1) : e).match(/^space-(x|y)-(.+)$/);
+  if (!n) return null;
+  const [, o, i] = n, s = o === "x";
+  if (i === "reverse")
+    return s ? "--tw-space-x-reverse:1;" : "--tw-space-y-reverse:1;";
+  if (i.includes("/")) {
+    const [b, m] = i.split("/").map((u) => parseFloat(u));
+    if (Number.isNaN(b) || Number.isNaN(m) || m === 0)
+      return null;
+    const d = b / m * 100, k = t ? "-" : "";
+    return s ? `--tw-space-x-reverse:0;& > :not([hidden]) ~ :not([hidden]){margin-inline-start:calc(${k}${d}% * calc(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(${k}${d}% * var(--tw-space-x-reverse));}` : `--tw-space-y-reverse:0;& > :not([hidden]) ~ :not([hidden]){margin-top:calc(${k}${d}% * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(${k}${d}% * var(--tw-space-y-reverse));}`;
+  }
+  const c = parseFloat(i);
+  if (Number.isNaN(c)) return null;
+  const f = `calc(${t ? "-" : ""}${pe} * ${c})`;
+  return s ? `--tw-space-x-reverse:0;& > :not([hidden]) ~ :not([hidden]){margin-inline-start:calc(${f} * calc(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(${f} * var(--tw-space-x-reverse));}` : `--tw-space-y-reverse:0;& > :not([hidden]) ~ :not([hidden]){margin-top:calc(${f} * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(${f} * var(--tw-space-y-reverse));}`;
 }
 function kt(e) {
   const t = e.replace("#", ""), r = parseInt(t, 16);
   return `${r >> 16 & 255} ${r >> 8 & 255} ${r & 255}`;
 }
-const wn = /^(bg|text|border|decoration|shadow|outline|caret|accent|fill|stroke)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/, vn = {
+const vn = /^(bg|text|border|decoration|shadow|outline|caret|accent|fill|stroke)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/, xn = {
   bg: "background-color",
   decoration: "text-decoration-color",
   text: "color",
@@ -2958,22 +3022,22 @@ const wn = /^(bg|text|border|decoration|shadow|outline|caret|accent|fill|stroke)
   stroke: "stroke"
 };
 function kn(e) {
-  const t = wn.exec(e);
+  const t = vn.exec(e);
   if (!t) return null;
-  const [, r, n, o = "DEFAULT"] = t, i = Nt[n]?.[o];
+  const [, r, n, o = "DEFAULT"] = t, i = Ht[n]?.[o];
   if (!i) return null;
   if (r === "shadow") return `--ce-shadow-color:${i};`;
-  const s = vn[r];
+  const s = xn[r];
   return s ? `${s}:${i};` : null;
 }
-function xn(e) {
+function $n(e) {
   const t = e.indexOf("/");
   if (t === -1) return { base: e };
   const r = e.slice(0, t), n = e.slice(t + 1), o = parseInt(n, 10);
   return isNaN(o) || o < 0 || o > 100 ? { base: r } : { base: r, opacity: o / 100 };
 }
-function rt(e) {
-  const { base: t, opacity: r } = xn(e), n = kn(t);
+function ot(e) {
+  const { base: t, opacity: r } = $n(e), n = kn(t);
   if (n && r !== void 0) {
     const i = /#([0-9a-f]{6})/i.exec(n);
     if (i) {
@@ -2995,10 +3059,10 @@ function rt(e) {
   }
   return o;
 }
-function ot(e) {
+function it(e) {
   const t = /^(from|to|via)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/.exec(e);
   if (!t) return null;
-  const [, r, n, o = "DEFAULT"] = t, i = Nt[n]?.[o];
+  const [, r, n, o = "DEFAULT"] = t, i = Ht[n]?.[o];
   if (!i) return null;
   switch (r) {
     case "from":
@@ -3011,7 +3075,7 @@ function ot(e) {
       return null;
   }
 }
-function it(e) {
+function st(e) {
   const t = /^opacity-(\d{1,3})$/.exec(e);
   if (!t) return null;
   const r = parseInt(t[1], 10);
@@ -3022,8 +3086,8 @@ function Ke(e) {
     const s = e.slice(1, -1).trim(), c = s.indexOf(":");
     if (c === -1) return null;
     const a = s.slice(0, c).trim();
-    let d = s.slice(c + 1).trim();
-    return /^[a-zA-Z][a-zA-Z0-9-]*$/.test(a) ? (d = d.replace(/_/g, " "), d = d.replace(/url\('\s*([^']*?)\s*'\)/g, 'url("$1")'), d = d.replace(/^'([^']*)'$/g, '"$1"'), `${a}:${d};`) : null;
+    let f = s.slice(c + 1).trim();
+    return /^[a-zA-Z][a-zA-Z0-9-]*$/.test(a) ? (f = f.replace(/_/g, " "), f = f.replace(/url\('\s*([^']*?)\s*'\)/g, 'url("$1")'), f = f.replace(/^'([^']*)'$/g, '"$1"'), `${a}:${f};`) : null;
   }
   const t = e.indexOf("-[");
   if (t <= 0 || !e.endsWith("]")) return null;
@@ -3078,7 +3142,7 @@ function Ke(e) {
   const i = o[r] ?? r.replace(/_/g, "-");
   return i && n ? `${i}:${n};` : null;
 }
-function $n(e) {
+function Cn(e) {
   if (e.startsWith("[") && e.endsWith("]")) {
     const r = e.slice(1, -1);
     return r.includes("&") ? r : e;
@@ -3090,10 +3154,10 @@ function $n(e) {
   }
   return null;
 }
-function xt(e) {
+function $t(e) {
   return e.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1");
 }
-function Cn(e) {
+function En(e) {
   const t = /class\s*=\s*(['"])([\s\S]*?)\1/g, r = [];
   let n;
   for (; n = t.exec(e); ) {
@@ -3102,31 +3166,31 @@ function Cn(e) {
   }
   return r;
 }
-const _e = /* @__PURE__ */ new Map(), En = 16, $t = 1e3;
+const Ae = /* @__PURE__ */ new Map(), _n = 16, Ct = 1e3;
 function It(e) {
-  const t = Date.now(), r = _e.get(e);
-  if (r && t - r.timestamp < En)
+  const t = Date.now(), r = Ae.get(e);
+  if (r && t - r.timestamp < _n)
     return r.css;
-  const n = Cn(e);
+  const n = En(e);
   if (!n.length) return "";
-  const o = new Set(n), i = [[], [], [], []], s = {}, c = (f, g = !1) => {
-    const l = g ? `dark|${f}` : f;
+  const o = new Set(n), i = [[], [], [], []], s = {}, c = (p, h = !1) => {
+    const l = h ? `dark|${p}` : p;
     if (l in s) return s[l];
-    const m = y(f, g);
-    return s[l] = m, m;
-  }, a = (f) => {
-    const g = f.some((k) => et.includes(k)), l = f.some(
-      (k) => k.startsWith("@") && (tt.includes(k.slice(1)) || k.match(/^@\[.+\]$/))
-    ), m = f.includes("dark");
-    return f.length ? !g && !m && !l ? 1 : m && (g || l) ? 3 : 2 : 0;
-  }, d = (f) => {
-    const g = [];
-    let l = "", m = 0;
-    for (let k = 0; k < f.length; k++) {
-      const w = f[k];
-      w === "[" || w === "(" ? m++ : (w === "]" || w === ")") && m--, w === ":" && m === 0 ? (g.push(l), l = "") : l += w;
+    const y = m(p, h);
+    return s[l] = y, y;
+  }, a = (p) => {
+    const h = p.some((w) => et.includes(w)), l = p.some(
+      (w) => w.startsWith("@") && (tt.includes(w.slice(1)) || w.match(/^@\[.+\]$/))
+    ), y = p.includes("dark");
+    return p.length ? !h && !y && !l ? 1 : y && (h || l) ? 3 : 2 : 0;
+  }, f = (p) => {
+    const h = [];
+    let l = "", y = 0;
+    for (let w = 0; w < p.length; w++) {
+      const x = p[w];
+      x === "[" || x === "(" ? y++ : (x === "]" || x === ")") && y--, x === ":" && y === 0 ? (h.push(l), l = "") : l += x;
     }
-    return l && g.push(l), g;
+    return l && h.push(l), h;
   }, b = {
     hover: ":hover",
     focus: ":focus",
@@ -3140,144 +3204,144 @@ function It(e) {
     even: ":nth-child(even)",
     "focus-within": ":focus-within",
     "focus-visible": ":focus-visible"
-  }, y = (f, g = !1) => {
-    const l = d(f);
-    let m = "", k = !1;
-    for (const O of l) {
-      let D = O;
-      if (D.startsWith("!") && (k = !0, D = D.slice(1)), Qe[D] || nt(D) || it(D) || rt(D) || ot(D) || Ke(D)) {
-        m = O;
+  }, m = (p, h = !1) => {
+    const l = f(p);
+    let y = "", w = !1;
+    for (const j of l) {
+      let H = j;
+      if (H.startsWith("!") && (w = !0, H = H.slice(1)), Ye[H] || nt(H) || rt(H) || st(H) || ot(H) || it(H) || Ke(H)) {
+        y = j;
         break;
       }
     }
-    if (!m) return null;
-    const w = m.replace(/^!/, ""), _ = Qe[w] ?? nt(w) ?? it(w) ?? rt(w) ?? ot(w) ?? Ke(w);
+    if (!y) return null;
+    const x = y.replace(/^!/, ""), _ = Ye[x] ?? nt(x) ?? rt(x) ?? st(x) ?? ot(x) ?? it(x) ?? Ke(x);
     if (!_) return null;
-    const C = l.indexOf(m);
-    let h = C >= 0 ? l.slice(0, C) : [];
-    g && (h = h.filter((O) => O !== "dark"));
-    const T = `.${xt(f)}`, E = k ? _.replace(/;/g, " !important;") : _, v = "__SUBJECT__";
-    let $ = v;
-    const S = [];
-    for (const O of h)
-      O.startsWith("group-") ? ($ = `.group:${O.slice(6)} ${$}`, S.push(O)) : O.startsWith("peer-") && ($ = $.replace(
-        v,
-        `.peer:${O.slice(5)}~${v}`
-      ), S.push(O));
-    h = h.filter((O) => !S.includes(O));
-    const P = [], A = [];
-    let j = null;
-    for (const O of h) {
-      if (O === "dark" || et.includes(O) || O.startsWith("@") && (tt.includes(O.slice(1)) || O.match(/^@\[.+\]$/)))
+    const C = l.indexOf(y);
+    let g = C >= 0 ? l.slice(0, C) : [];
+    h && (g = g.filter((j) => j !== "dark"));
+    const S = `.${$t(p)}`, T = w ? _.replace(/;/g, " !important;") : _, $ = "__SUBJECT__";
+    let v = $;
+    const A = [];
+    for (const j of g)
+      j.startsWith("group-") ? (v = `.group:${j.slice(6)} ${v}`, A.push(j)) : j.startsWith("peer-") && (v = v.replace(
+        $,
+        `.peer:${j.slice(5)}~${$}`
+      ), A.push(j));
+    g = g.filter((j) => !A.includes(j));
+    const L = [], E = [];
+    let O = null;
+    for (const j of g) {
+      if (j === "dark" || et.includes(j) || j.startsWith("@") && (tt.includes(j.slice(1)) || j.match(/^@\[.+\]$/)))
         continue;
-      const D = $n(O);
-      if (D) {
-        j = D;
+      const H = Cn(j);
+      if (H) {
+        O = H;
         continue;
       }
-      const I = b[O];
-      if (I) {
-        j ? A.push(I) : P.push(I);
+      const B = b[j];
+      if (B) {
+        O ? E.push(B) : L.push(B);
         continue;
       }
-      const q = bn[O];
-      typeof q == "function" && ($ = q($, E).split("{")[0]);
+      const Z = wn[j];
+      typeof Z == "function" && (v = Z(v, T).split("{")[0]);
     }
-    const F = P.join(""), te = A.join("");
-    function De(O, D) {
-      if (!D) return O;
-      let I = 0, q = 0;
-      if (O.length && (O[0] === ">" || O[0] === "+" || O[0] === "~" || O[0] === " ")) {
-        let W = 1;
-        for (; W < O.length && O[W] === " "; ) W++;
-        for (; W < O.length; W++) {
-          const Z = O[W];
-          if (Z === "[" ? I++ : Z === "]" && I > 0 ? I-- : Z === "(" ? q++ : Z === ")" && q > 0 && q--, I === 0 && q === 0 && (O[W] === ">" || O[W] === "+" || O[W] === "~" || O[W] === " "))
-            return O.slice(0, W) + D + O.slice(W);
+    const M = L.join(""), I = E.join("");
+    function ue(j, H) {
+      if (!H) return j;
+      let B = 0, Z = 0;
+      if (j.length && (j[0] === ">" || j[0] === "+" || j[0] === "~" || j[0] === " ")) {
+        let z = 1;
+        for (; z < j.length && j[z] === " "; ) z++;
+        for (; z < j.length; z++) {
+          const G = j[z];
+          if (G === "[" ? B++ : G === "]" && B > 0 ? B-- : G === "(" ? Z++ : G === ")" && Z > 0 && Z--, B === 0 && Z === 0 && (j[z] === ">" || j[z] === "+" || j[z] === "~" || j[z] === " "))
+            return j.slice(0, z) + H + j.slice(z);
         }
-        return O + D;
+        return j + H;
       }
-      for (let W = 0; W < O.length; W++) {
-        const Z = O[W];
-        if (Z === "[" ? I++ : Z === "]" && I > 0 ? I-- : Z === "(" ? q++ : Z === ")" && q > 0 && q--, I === 0 && q === 0 && (Z === ">" || Z === "+" || Z === "~" || Z === " "))
-          return O.slice(0, W) + D + O.slice(W);
+      for (let z = 0; z < j.length; z++) {
+        const G = j[z];
+        if (G === "[" ? B++ : G === "]" && B > 0 ? B-- : G === "(" ? Z++ : G === ")" && Z > 0 && Z--, B === 0 && Z === 0 && (G === ">" || G === "+" || G === "~" || G === " "))
+          return j.slice(0, z) + H + j.slice(z);
       }
-      return O + D;
+      return j + H;
     }
-    if (j)
-      if (j.includes("&")) {
-        const O = j.indexOf("&"), D = j.slice(0, O), I = j.slice(O + 1), q = v + F;
-        if (P.length === 0)
-          $ = $.replace(
-            v,
-            D + q + te + I
+    if (O)
+      if (O.includes("&")) {
+        const j = O.indexOf("&"), H = O.slice(0, j), B = O.slice(j + 1), Z = $ + M;
+        if (L.length === 0)
+          v = v.replace(
+            $,
+            H + Z + I + B
           );
         else {
-          const W = De(I, te);
-          $ = $.replace(
-            v,
-            D + q + W
+          const z = ue(B, I);
+          v = v.replace(
+            $,
+            H + Z + z
           );
         }
       } else
-        $ = $.replace(
-          v,
-          `${j}${v + F}`
-        ), te && ($ = $.replace(v, `${v}${te}`));
+        v = v.replace(
+          $,
+          `${O}${$ + M}`
+        ), I && (v = v.replace($, `${$}${I}`));
     else
-      $ = $.replace(
-        v,
-        v + F + te
+      v = v.replace(
+        $,
+        $ + M + I
       );
-    $ = $.replace(new RegExp(v, "g"), T);
-    let B = `${$}{${E}}`;
-    const M = h.filter(
-      (O) => et.includes(O)
-    ), K = h.filter(
-      (O) => O.startsWith("@") && (tt.includes(O.slice(1)) || O.match(/^@\[.+\]$/))
-    ), ie = M.length ? M[M.length - 1] : null, ue = K.length ? K[K.length - 1] : null, U = h.includes("dark");
+    v = v.replace(new RegExp($, "g"), S);
+    let D = `${v}{${T}}`;
+    const N = g.filter(
+      (j) => et.includes(j)
+    ), q = g.filter(
+      (j) => j.startsWith("@") && (tt.includes(j.slice(1)) || j.match(/^@\[.+\]$/))
+    ), ie = N.length ? N[N.length - 1] : null, fe = q.length ? q[q.length - 1] : null, K = g.includes("dark");
     let ne = "", ce = "";
-    if (U && ie ? ne = `@media (prefers-color-scheme: dark) and ${Ye[ie]}` : U ? ne = "@media (prefers-color-scheme: dark)" : ie && (ne = `@media ${Ye[ie]}`), ue)
-      if (ue.startsWith("@[") && ue.endsWith("]")) {
-        const O = ue.slice(2, -1);
-        if (!/^-?\d*\.?\d+(px|rem|em|%|vh|vw|ch|ex|cm|mm|in|pt|pc)$/.test(O))
+    if (K && ie ? ne = `@media (prefers-color-scheme: dark) and ${Qe[ie]}` : K ? ne = "@media (prefers-color-scheme: dark)" : ie && (ne = `@media ${Qe[ie]}`), fe)
+      if (fe.startsWith("@[") && fe.endsWith("]")) {
+        const j = fe.slice(2, -1);
+        if (!/^-?\d*\.?\d+(px|rem|em|%|vh|vw|ch|ex|cm|mm|in|pt|pc)$/.test(j))
           return null;
-        ce = `@container (min-width:${O})`;
+        ce = `@container (min-width:${j})`;
       } else {
-        const O = ue.slice(1);
-        ce = `@container ${vt[O] || `(min-width:${O})`}`;
+        const j = fe.slice(1);
+        ce = `@container ${xt[j] || `(min-width:${j})`}`;
       }
-    return ne && ce ? B = `${ne}${ce}{${B}}` : ne ? B = `${ne}{${B}}` : ce && (B = `${ce}{${B}}`), B;
+    return ne && ce ? D = `${ne}${ce}{${D}}` : ne ? D = `${ne}{${D}}` : ce && (D = `${ce}{${D}}`), D;
   };
-  for (const f of o) {
-    const g = d(f), l = g.find(
-      (C) => Qe[C.replace(/^!/, "")] || nt(C.replace(/^!/, "")) || it(C.replace(/^!/, "")) || rt(C.replace(/^!/, "")) || ot(C.replace(/^!/, "")) || Ke(C.replace(/^!/, ""))
+  for (const p of o) {
+    const h = f(p), l = h.find(
+      (C) => Ye[C.replace(/^!/, "")] || nt(C.replace(/^!/, "")) || rt(C.replace(/^!/, "")) || st(C.replace(/^!/, "")) || ot(C.replace(/^!/, "")) || it(C.replace(/^!/, "")) || Ke(C.replace(/^!/, ""))
     );
     if (!l) continue;
-    const m = g.indexOf(l), k = m >= 0 ? g.slice(0, m) : [], w = a(k), _ = c(f);
-    _ && i[w].push(_);
-  }
-  const p = /^(from|via|to)-[a-z]+-?\d{2,3}?$/;
-  for (const f of o)
-    if (p.test(f)) {
-      if (i.flat().join("").includes(`.${xt(f)}`)) continue;
-      const l = c(f);
+    const y = h.indexOf(l), w = y >= 0 ? h.slice(0, y) : [], x = a(w), _ = c(p);
+    _ && i[x].push(_);
+  }
+  const d = /^(from|via|to)-[a-z]+-?\d{2,3}?$/;
+  for (const p of o)
+    if (d.test(p)) {
+      if (i.flat().join("").includes(`.${$t(p)}`)) continue;
+      const l = c(p);
       l && i[0].push(l);
     }
-  const x = (f) => f.sort((g, l) => {
-    const m = (T) => {
-      const E = {
+  const k = (p) => p.sort((h, l) => {
+    const y = (S) => {
+      const T = {
         sm: 640,
         md: 768,
         lg: 1024,
         xl: 1280,
         "2xl": 1536
       };
-      for (const [v, $] of Object.entries(E))
-        if (T.includes(`@media ${Ye[v]}`)) return $;
+      for (const [$, v] of Object.entries(T))
+        if (S.includes(`@media ${Qe[$]}`)) return v;
       return -1;
-    }, k = (T) => {
-      const E = {
+    }, w = (S) => {
+      const T = {
         xs: 320,
         // 20rem
         sm: 384,
@@ -3301,36 +3365,36 @@ function It(e) {
         "7xl": 1280
         // 80rem
       };
-      for (const [v, $] of Object.entries(E))
-        if (T.includes(`@container ${vt[v]}`)) return $;
-      if (T.includes("@container (min-width:")) {
-        const v = /@container \(min-width:(\d+(?:\.\d+)?)(px|rem|em)/.exec(T);
-        if (v) {
-          const $ = parseFloat(v[1]), S = v[2];
-          return S === "rem" || S === "em" ? $ * 16 : $;
+      for (const [$, v] of Object.entries(T))
+        if (S.includes(`@container ${xt[$]}`)) return v;
+      if (S.includes("@container (min-width:")) {
+        const $ = /@container \(min-width:(\d+(?:\.\d+)?)(px|rem|em)/.exec(S);
+        if ($) {
+          const v = parseFloat($[1]), A = $[2];
+          return A === "rem" || A === "em" ? v * 16 : v;
         }
       }
       return -1;
-    }, w = m(g), _ = m(l), C = k(g), h = k(l);
-    return w >= 0 && _ >= 0 && w !== _ ? w - _ : C >= 0 && h >= 0 && C !== h ? C - h : 0;
+    }, x = y(h), _ = y(l), C = w(h), g = w(l);
+    return x >= 0 && _ >= 0 && x !== _ ? x - _ : C >= 0 && g >= 0 && C !== g ? C - g : 0;
   });
-  i[2] = x(i[2]), i[3] = x(i[3]);
+  i[2] = k(i[2]), i[3] = k(i[3]);
   const u = i.flat().join("");
-  return _e.size >= $t && Array.from(_e.keys()).slice(
+  return Ae.size >= Ct && Array.from(Ae.keys()).slice(
     0,
-    Math.floor($t / 2)
-  ).forEach((g) => _e.delete(g)), _e.set(e, { css: u, timestamp: t }), u;
+    Math.floor(Ct / 2)
+  ).forEach((h) => Ae.delete(h)), Ae.set(e, { css: u, timestamp: t }), u;
 }
-function qe(e, t) {
-  return z(e ? t : [], "when-block");
+function Ve(e, t) {
+  return U(e ? t : [], "when-block");
 }
-function Un(e, t) {
+function Kn(e, t) {
   return e.map((r, n) => {
     const o = typeof r == "object" ? r?.key ?? r?.id ?? `idx-${n}` : String(r);
-    return z(t(r, n), `each-${o}`);
+    return U(t(r, n), `each-${o}`);
   });
 }
-function _n() {
+function An() {
   const e = [];
   return {
     when(t, r) {
@@ -3340,18 +3404,18 @@ function _n() {
       return e.push([!0, t]), this;
     },
     done() {
-      return An(...e);
+      return Sn(...e);
     }
   };
 }
-function An(...e) {
+function Sn(...e) {
   for (let t = 0; t < e.length; t++) {
     const [r, n] = e[t];
-    if (r) return [z(n, `whenChain-branch-${t}`)];
+    if (r) return [U(n, `whenChain-branch-${t}`)];
   }
-  return [z([], "whenChain-empty")];
+  return [U([], "whenChain-empty")];
 }
-function z(e, t) {
+function U(e, t) {
   const r = e ? Array.isArray(e) ? e.filter(Boolean) : [e].filter(Boolean) : [];
   return {
     tag: "#anchor",
@@ -3359,7 +3423,7 @@ function z(e, t) {
     children: r
   };
 }
-const Pe = {
+const Me = {
   /** Simple fade in/out */
   fade: {
     enterFrom: "opacity-0",
@@ -3451,7 +3515,7 @@ const Pe = {
     leaveTo: "rotate-[90deg] opacity-0"
   }
 };
-function Kn(e, t) {
+function qn(e, t) {
   const {
     preset: r,
     show: n,
@@ -3460,50 +3524,50 @@ function Kn(e, t) {
     appear: s = !1,
     css: c = !0,
     name: a,
-    enterFrom: d,
+    enterFrom: f,
     enterActive: b,
-    enterTo: y,
-    leaveFrom: p,
-    leaveActive: x,
+    enterTo: m,
+    leaveFrom: d,
+    leaveActive: k,
     leaveTo: u,
-    onBeforeEnter: f,
-    onEnter: g,
+    onBeforeEnter: p,
+    onEnter: h,
     onAfterEnter: l,
-    onEnterCancelled: m,
-    onBeforeLeave: k,
-    onLeave: w,
+    onEnterCancelled: y,
+    onBeforeLeave: w,
+    onLeave: x,
     onAfterLeave: _,
     onLeaveCancelled: C
   } = e;
-  let h;
-  r && Pe[r] ? (h = { ...Pe[r] }, d && (h.enterFrom = d), b && (h.enterActive = b), y && (h.enterTo = y), p && (h.leaveFrom = p), x && (h.leaveActive = x), u && (h.leaveTo = u)) : h = {
-    enterFrom: d,
+  let g;
+  r && Me[r] ? (g = { ...Me[r] }, f && (g.enterFrom = f), b && (g.enterActive = b), m && (g.enterTo = m), d && (g.leaveFrom = d), k && (g.leaveActive = k), u && (g.leaveTo = u)) : g = {
+    enterFrom: f,
     enterActive: b,
-    enterTo: y,
-    leaveFrom: p,
-    leaveActive: x,
+    enterTo: m,
+    leaveFrom: d,
+    leaveActive: k,
     leaveTo: u
   };
-  const T = a || (r ? `transition-${r}` : "transition"), E = z(n ? t : [], T);
-  return E._transition = {
-    name: T,
-    classes: h,
+  const S = a || (r ? `transition-${r}` : "transition"), T = U(n ? t : [], S);
+  return T._transition = {
+    name: S,
+    classes: g,
     mode: o,
     duration: i,
     appear: s,
     css: c,
     state: n ? "visible" : "hidden",
     hooks: {
-      onBeforeEnter: f,
-      onEnter: g,
+      onBeforeEnter: p,
+      onEnter: h,
       onAfterEnter: l,
-      onEnterCancelled: m,
-      onBeforeLeave: k,
-      onLeave: w,
+      onEnterCancelled: y,
+      onBeforeLeave: w,
+      onLeave: x,
       onAfterLeave: _,
       onLeaveCancelled: C
     }
-  }, E;
+  }, T;
 }
 function Vn(e, t) {
   const {
@@ -3514,87 +3578,93 @@ function Vn(e, t) {
     mode: s = "default",
     duration: c,
     appear: a = !1,
-    css: d = !0,
+    css: f = !0,
     name: b,
-    enterFrom: y,
-    enterActive: p,
-    enterTo: x,
-    leaveFrom: u,
-    leaveActive: f,
-    leaveTo: g,
-    onBeforeEnter: l,
-    onEnter: m,
-    onAfterEnter: k,
-    onEnterCancelled: w,
-    onBeforeLeave: _,
-    onLeave: C,
-    onAfterLeave: h,
-    onLeaveCancelled: T
+    class: m,
+    style: d,
+    enterFrom: k,
+    enterActive: u,
+    enterTo: p,
+    leaveFrom: h,
+    leaveActive: l,
+    leaveTo: y,
+    onBeforeEnter: w,
+    onEnter: x,
+    onAfterEnter: _,
+    onEnterCancelled: C,
+    onBeforeLeave: g,
+    onLeave: S,
+    onAfterLeave: T,
+    onLeaveCancelled: $
   } = e;
-  let E;
-  o && Pe[o] ? (E = { ...Pe[o] }, y && (E.enterFrom = y), p && (E.enterActive = p), x && (E.enterTo = x), u && (E.leaveFrom = u), f && (E.leaveActive = f), g && (E.leaveTo = g)) : E = {
-    enterFrom: y,
-    enterActive: p,
-    enterTo: x,
-    leaveFrom: u,
-    leaveActive: f,
-    leaveTo: g
+  let v;
+  o && Me[o] ? (v = { ...Me[o] }, k && (v.enterFrom = k), u && (v.enterActive = u), p && (v.enterTo = p), h && (v.leaveFrom = h), l && (v.leaveActive = l), y && (v.leaveTo = y)) : v = {
+    enterFrom: k,
+    enterActive: u,
+    enterTo: p,
+    leaveFrom: h,
+    leaveActive: l,
+    leaveTo: y
   };
-  const v = b || (o ? `transition-group-${o}` : "transition-group"), $ = [];
-  for (const S of i ? t : [])
-    if (S && typeof S == "object" && S.tag === "#anchor") {
-      const P = Array.isArray(S.children) ? S.children : [];
-      for (const A of P)
-        if (A && typeof A == "object") {
-          const j = {
-            ...A,
-            key: S.key || A.key,
+  const A = b || (o ? `transition-group-${o}` : "transition-group"), L = [];
+  for (const E of i ? t : [])
+    if (E && typeof E == "object" && E.tag === "#anchor") {
+      const O = Array.isArray(E.children) ? E.children : [];
+      for (const M of O)
+        if (M && typeof M == "object") {
+          const I = {
+            ...M,
+            key: E.key || M.key,
             props: {
-              ...A.props,
-              _anchorKey: S.key
+              ...M.props,
+              _anchorKey: E.key
               // Preserve original anchor key
             }
           };
-          $.push(j);
+          L.push(I);
         } else
-          $.push(A);
+          L.push(M);
     } else
-      $.push(S);
+      L.push(E);
   return {
     tag: r,
-    children: $,
-    key: v,
+    children: L,
+    key: A,
     props: {
+      attrs: {
+        ...m ? { class: m } : {},
+        ...d ? { style: d } : {}
+      },
       _transitionGroup: {
-        name: v,
-        classes: E,
+        name: A,
+        classes: v,
         moveClass: n,
         mode: s,
         duration: c,
         appear: a,
-        css: d,
+        css: f,
         hooks: {
-          onBeforeEnter: l,
-          onEnter: m,
-          onAfterEnter: k,
-          onEnterCancelled: w,
-          onBeforeLeave: _,
-          onLeave: C,
-          onAfterLeave: h,
-          onLeaveCancelled: T
+          onBeforeEnter: w,
+          onEnter: x,
+          onAfterEnter: _,
+          onEnterCancelled: C,
+          onBeforeLeave: g,
+          onLeave: S,
+          onAfterLeave: T,
+          onLeaveCancelled: $
         }
       }
     }
   };
 }
-function qn(e) {
+function Zn(e) {
   return { ...e };
 }
 let ze = null;
-function ut() {
+function ft() {
   if (!ze) {
     const e = [];
-    Object.values(Pe).forEach((n) => {
+    Object.values(Me).forEach((n) => {
       n.enterFrom && e.push(n.enterFrom), n.enterActive && e.push(n.enterActive), n.enterTo && e.push(n.enterTo), n.leaveFrom && e.push(n.leaveFrom), n.leaveActive && e.push(n.leaveActive), n.leaveTo && e.push(n.leaveTo);
     });
     const t = `<div class="${e.join(" ")}"></div>`, r = It(t);
@@ -3602,39 +3672,39 @@ function ut() {
   }
   return ze;
 }
-function Sn() {
-  ut();
+function Tn() {
+  ft();
 }
-Sn();
-const je = [];
-function Tn(e, t, r, n, o, i, s, c) {
+Tn();
+const Le = [];
+function On(e, t, r, n, o, i, s, c) {
   if (e) {
-    je.push(r);
+    Le.push(r);
     try {
       const a = t.render(r);
       if (a instanceof Promise) {
-        i(!0), a.then((d) => {
-          i(!1), s(null), Ct(e, d, r, n, o), c(e.innerHTML);
-        }).catch((d) => {
-          i(!1), s(d);
+        i(!0), a.then((f) => {
+          i(!1), s(null), Et(e, f, r, n, o), c(e.innerHTML);
+        }).catch((f) => {
+          i(!1), s(f);
         });
         return;
       }
-      Ct(e, a, r, n, o), c(e.innerHTML);
+      Et(e, a, r, n, o), c(e.innerHTML);
     } finally {
-      je.pop();
+      Le.pop();
     }
   }
 }
-function Ct(e, t, r, n, o) {
-  e && (fn(
+function Et(e, t, r, n, o) {
+  e && (dn(
     e,
     Array.isArray(t) ? t : [t],
     r,
     n
   ), o(e.innerHTML));
 }
-function On(e, t, r, n, o, i, s) {
+function jn(e, t, r, n, o, i, s) {
   if (i !== null && clearTimeout(i), Date.now() - t < 16) {
     if (o(r + 1), r === 15)
       oe(
@@ -3646,7 +3716,7 @@ function On(e, t, r, n, o, i, s) {
   Component rendering will be throttled to prevent browser freeze.`
       );
     else if (r > 20) {
-      N(
+      F(
         `🛑 Infinite loop detected in component render:
   • This might be caused by state updates during render
   • Ensure all state modifications are done in event handlers or effects
@@ -3656,41 +3726,41 @@ Stopping runaway component render to prevent browser freeze`
     }
   } else
     o(0);
-  const d = setTimeout(() => {
+  const f = setTimeout(() => {
     n(Date.now()), e(), s(null);
   }, r > 10 ? 100 : 0);
-  s(d);
+  s(f);
 }
-function jn(e, t, r, n, o) {
+function Ln(e, t, r, n, o) {
   if (!e) return;
   const i = It(r);
   if ((!i || i.trim() === "") && !t._computedStyle) {
-    o(null), e.adoptedStyleSheets = [wt(), ut()];
+    o(null), e.adoptedStyleSheets = [vt(), ft()];
     return;
   }
   let s = "";
   t._computedStyle && (s = t._computedStyle);
-  let c = pn(`${s}
+  let c = hn(`${s}
 ${i}
 `);
   c = Dt(c);
   let a = n;
-  a || (a = new CSSStyleSheet()), (a.cssRules.length === 0 || a.cssRules.length > 0 && Array.from(a.cssRules).map((b) => b.cssText).join("") !== c) && a.replaceSync(c), e.adoptedStyleSheets = [wt(), ut(), a], o(a);
+  a || (a = new CSSStyleSheet()), (a.cssRules.length === 0 || a.cssRules.length > 0 && Array.from(a.cssRules).map((b) => b.cssText).join("") !== c) && a.replaceSync(c), e.adoptedStyleSheets = [vt(), ft(), a], o(a);
 }
-let H = null;
-function Et(e) {
-  H = e;
+let W = null;
+function _t(e) {
+  W = e;
 }
-function _t() {
-  H = null;
+function At() {
+  W = null;
 }
-function Zn() {
-  if (!H)
+function Gn() {
+  if (!W)
     throw new Error("useEmit must be called during component render");
-  const e = H.emit;
+  const e = W.emit;
   return (t, r) => e(t, r);
 }
-function $e(e) {
+function Ce(e) {
   e._hookCallbacks || Object.defineProperty(e, "_hookCallbacks", {
     value: {},
     writable: !0,
@@ -3698,34 +3768,34 @@ function $e(e) {
     configurable: !1
   });
 }
-function Gn(e) {
-  if (!H)
+function Jn(e) {
+  if (!W)
     throw new Error("useOnConnected must be called during component render");
-  $e(H), H._hookCallbacks.onConnected = e;
+  Ce(W), W._hookCallbacks.onConnected = e;
 }
-function Jn(e) {
-  if (!H)
+function Xn(e) {
+  if (!W)
     throw new Error("useOnDisconnected must be called during component render");
-  $e(H), H._hookCallbacks.onDisconnected = e;
+  Ce(W), W._hookCallbacks.onDisconnected = e;
 }
-function Xn(e) {
-  if (!H)
+function Yn(e) {
+  if (!W)
     throw new Error("useOnAttributeChanged must be called during component render");
-  $e(H), H._hookCallbacks.onAttributeChanged = e;
+  Ce(W), W._hookCallbacks.onAttributeChanged = e;
 }
 function Qn(e) {
-  if (!H)
+  if (!W)
     throw new Error("useOnError must be called during component render");
-  $e(H), H._hookCallbacks.onError = e;
+  Ce(W), W._hookCallbacks.onError = e;
 }
-function Yn(e) {
-  if (!H)
+function er(e) {
+  if (!W)
     throw new Error("useProps must be called during component render");
-  $e(H), H._hookCallbacks.props = {
-    ...H._hookCallbacks.props || {},
+  Ce(W), W._hookCallbacks.props = {
+    ...W._hookCallbacks.props || {},
     ...e
   };
-  const t = H;
+  const t = W;
   try {
     const n = Object.keys(e || {});
     for (const o of n) {
@@ -3741,14 +3811,14 @@ function Yn(e) {
               try {
                 const a = t && t._host;
                 if (a) {
-                  const d = ee(o), b = a.getAttribute(d);
+                  const f = te(o), b = a.getAttribute(f);
                   if (b !== null) {
-                    const y = typeof e[o];
-                    return y === "boolean" ? b === "" || b === "true" : y === "number" ? Number(b) : b;
+                    const m = typeof e[o];
+                    return m === "boolean" ? b === "" || b === "true" : m === "number" ? Number(b) : b;
                   }
                   if (typeof a[o] < "u") {
-                    const y = a[o];
-                    return R(y) || y && typeof y == "object" && "value" in y && !(y instanceof Node) ? y.value : typeof e[o] === "boolean" && typeof y == "string" ? y === "" || y === "true" : y;
+                    const m = a[o];
+                    return R(m) || m && typeof m == "object" && "value" in m && !(m instanceof Node) ? m.value : typeof e[o] === "boolean" && typeof m == "string" ? m === "" || m === "true" : m;
                   }
                 }
               } catch {
@@ -3772,7 +3842,7 @@ function Yn(e) {
         const c = t && t._host;
         if (c) {
           if (c instanceof HTMLElement || typeof c.getAttribute == "function" && typeof c.hasAttribute == "function") {
-            const d = o.replace(/([A-Z])/g, "-$1").toLowerCase(), b = c.getAttribute(d);
+            const f = o.replace(/([A-Z])/g, "-$1").toLowerCase(), b = c.getAttribute(f);
             if (b !== null)
               return typeof i == "boolean" ? b === "" || b === "true" : typeof i == "number" ? Number(b) : b;
           }
@@ -3796,20 +3866,20 @@ function Yn(e) {
     }
   });
 }
-function er(e) {
-  if (!H)
+function tr(e) {
+  if (!W)
     throw new Error("useStyle must be called during component render");
-  $e(H);
+  Ce(W);
   try {
     const t = e();
-    Object.defineProperty(H, "_computedStyle", {
+    Object.defineProperty(W, "_computedStyle", {
       value: t,
       writable: !0,
       enumerable: !1,
       configurable: !0
     });
   } catch (t) {
-    oe("Error in useStyle callback:", t), Object.defineProperty(H, "_computedStyle", {
+    oe("Error in useStyle callback:", t), Object.defineProperty(W, "_computedStyle", {
       value: "",
       writable: !0,
       enumerable: !1,
@@ -3817,12 +3887,12 @@ function er(e) {
     });
   }
 }
-const xe = /* @__PURE__ */ new Map(), At = Symbol.for("cer.registry");
+const $e = /* @__PURE__ */ new Map(), St = Symbol.for("cer.registry");
 if (typeof window < "u") {
   const e = globalThis;
-  e[At] || (e[At] = xe);
+  e[St] || (e[St] = $e);
 }
-function Ln(e, t) {
+function Pn(e, t) {
   if (!t.render)
     throw new Error("Component must have a render function");
   return typeof window > "u" ? class {
@@ -3865,11 +3935,11 @@ function Ln(e, t) {
     _templateLoading = !1;
     _templateError = null;
     constructor() {
-      super(), this.attachShadow({ mode: "open" }), this._cfg = xe.get(e) || t, this._componentId = `${e}-${Math.random().toString(36).substr(2, 9)}`;
+      super(), this.attachShadow({ mode: "open" }), this._cfg = $e.get(e) || t, this._componentId = `${e}-${Math.random().toString(36).substr(2, 9)}`;
       const r = this._initContext(t), n = (i, s, c) => {
         Object.defineProperty(i, s, { value: c, writable: !1, enumerable: !1, configurable: !1 });
       };
-      n(r, "refs", this._refs), n(r, "requestRender", () => this.requestRender()), n(r, "_requestRender", () => this._requestRender()), n(r, "_componentId", this._componentId), n(r, "_triggerWatchers", (i, s) => this._triggerWatchers(i, s)), this.context = r, L(() => {
+      n(r, "refs", this._refs), n(r, "requestRender", () => this.requestRender()), n(r, "_requestRender", () => this._requestRender()), n(r, "_componentId", this._componentId), n(r, "_triggerWatchers", (i, s) => this._triggerWatchers(i, s)), this.context = r, P(() => {
         n(r, "_host", this);
       }), n(this.context, "emit", (i, s, c) => {
         const a = {
@@ -3877,18 +3947,18 @@ function Ln(e, t) {
           bubbles: !0,
           composed: !0,
           ...c || {}
-        }, d = new CustomEvent(i, a);
-        this.dispatchEvent(d);
+        }, f = new CustomEvent(i, a);
+        this.dispatchEvent(f);
         const b = i.indexOf(":");
         if (b > 0) {
-          const y = i.substring(0, b), p = i.substring(b + 1), x = p.includes("-") ? `${y}:${p.split("-").map((u, f) => f === 0 ? u : u.charAt(0).toUpperCase() + u.slice(1)).join("")}` : `${y}:${p.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase()}`;
-          x !== i && L(() => {
-            this.dispatchEvent(new CustomEvent(x, a));
+          const m = i.substring(0, b), d = i.substring(b + 1), k = d.includes("-") ? `${m}:${d.split("-").map((u, p) => p === 0 ? u : u.charAt(0).toUpperCase() + u.slice(1)).join("")}` : `${m}:${d.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase()}`;
+          k !== i && P(() => {
+            this.dispatchEvent(new CustomEvent(k, a));
           });
         }
-        return !d.defaultPrevented;
+        return !f.defaultPrevented;
       });
-      const o = xe.get(e) || t;
+      const o = $e.get(e) || t;
       for (const i in o) {
         const s = o[i];
         typeof s == "function" && (this.context[i] = (...c) => s(...c, this.context));
@@ -3912,14 +3982,14 @@ function Ln(e, t) {
     }
     connectedCallback() {
       this._runLogicWithinErrorBoundary(t, () => {
-        this._applyProps(t), this._requestRender(), Gt(t, this.context, this._mounted, (r) => {
+        this._applyProps(t), this._requestRender(), Jt(t, this.context, this._mounted, (r) => {
           this._mounted = r;
         });
       });
     }
     disconnectedCallback() {
       this._runLogicWithinErrorBoundary(t, () => {
-        Jt(
+        Xt(
           t,
           this.context,
           this._listeners,
@@ -3943,16 +4013,16 @@ function Ln(e, t) {
     }
     attributeChangedCallback(r, n, o) {
       this._runLogicWithinErrorBoundary(t, () => {
-        this._applyProps(t), n !== o && this._requestRender(), Xt(t, r, n, o, this.context);
+        this._applyProps(t), n !== o && this._requestRender(), Yt(t, r, n, o, this.context);
       });
     }
     static get observedAttributes() {
-      return t.props ? Object.keys(t.props).map(ee) : [];
+      return t.props ? Object.keys(t.props).map(te) : [];
     }
     // --- Render ---
     _render(r) {
       this._runLogicWithinErrorBoundary(r, () => {
-        Tn(
+        On(
           this.shadowRoot,
           r,
           this.context,
@@ -3975,8 +4045,8 @@ function Ln(e, t) {
     }
     _requestRender() {
       this._runLogicWithinErrorBoundary(this._cfg, () => {
-        me(() => {
-          On(
+        ye(() => {
+          jn(
             () => this._render(this._cfg),
             this._lastRenderTime,
             this._renderCount,
@@ -3997,7 +4067,7 @@ function Ln(e, t) {
     // --- Style ---
     _applyStyle(r, n) {
       this._runLogicWithinErrorBoundary(r, () => {
-        jn(
+        Ln(
           this.shadowRoot,
           this.context,
           n,
@@ -4023,8 +4093,8 @@ function Ln(e, t) {
         let n = function(i, s = "") {
           if (Array.isArray(i))
             return new Proxy(i, {
-              get(c, a, d) {
-                const b = Reflect.get(c, a, d);
+              get(c, a, f) {
+                const b = Reflect.get(c, a, f);
                 return typeof b == "function" && typeof a == "string" && [
                   "push",
                   "pop",
@@ -4033,29 +4103,29 @@ function Ln(e, t) {
                   "splice",
                   "sort",
                   "reverse"
-                ].includes(a) ? function(...p) {
-                  const x = b.apply(c, p);
+                ].includes(a) ? function(...d) {
+                  const k = b.apply(c, d);
                   if (!o._initializing) {
                     const u = s || "root";
-                    o._triggerWatchers(u, c), me(
+                    o._triggerWatchers(u, c), ye(
                       () => o._render(r),
                       o._componentId
                     );
                   }
-                  return x;
+                  return k;
                 } : b;
               },
-              set(c, a, d) {
-                if (c[a] = d, !o._initializing) {
+              set(c, a, f) {
+                if (c[a] = f, !o._initializing) {
                   const b = s ? `${s}.${String(a)}` : String(a);
-                  o._triggerWatchers(b, d), me(() => o._render(r), o._componentId);
+                  o._triggerWatchers(b, f), ye(() => o._render(r), o._componentId);
                 }
                 return !0;
               },
               deleteProperty(c, a) {
                 if (delete c[a], !o._initializing) {
-                  const d = s ? `${s}.${String(a)}` : String(a);
-                  o._triggerWatchers(d, void 0), me(() => o._render(r), o._componentId);
+                  const f = s ? `${s}.${String(a)}` : String(a);
+                  o._triggerWatchers(f, void 0), ye(() => o._render(r), o._componentId);
                 }
                 return !0;
               }
@@ -4068,12 +4138,12 @@ function Ln(e, t) {
               i[c] = n(i[c], a);
             }
             return new Proxy(i, {
-              set(c, a, d) {
+              set(c, a, f) {
                 const b = s ? `${s}.${String(a)}` : String(a);
-                return c[a] = n(d, b), o._initializing || (o._triggerWatchers(b, c[a]), me(() => o._render(r), o._componentId)), !0;
+                return c[a] = n(f, b), o._initializing || (o._triggerWatchers(b, c[a]), ye(() => o._render(r), o._componentId)), !0;
               },
-              get(c, a, d) {
-                return Reflect.get(c, a, d);
+              get(c, a, f) {
+                return Reflect.get(c, a, f);
               }
             });
           }
@@ -4096,7 +4166,7 @@ function Ln(e, t) {
     }
     _initWatchers(r) {
       this._runLogicWithinErrorBoundary(r, () => {
-        Kt(
+        qt(
           this.context,
           this._watchers,
           {}
@@ -4110,7 +4180,7 @@ function Ln(e, t) {
     _applyProps(r) {
       this._runLogicWithinErrorBoundary(r, () => {
         try {
-          Zt(this, r, this.context);
+          Gt(this, r, this.context);
         } catch (n) {
           this._hasError = !0, r.onError && r.onError(n, this.context);
         }
@@ -4118,8 +4188,8 @@ function Ln(e, t) {
     }
   };
 }
-function St(e, t) {
-  let r = ee(e);
+function Tt(e, t) {
+  let r = te(e);
   r.includes("-") || (r = `cer-${r}`);
   let n = {};
   const o = {
@@ -4140,49 +4210,49 @@ function St(e, t) {
     },
     render: (i) => {
       const s = i._componentId || `${r}-${Math.random().toString(36).substr(2, 9)}`;
-      J.setCurrentComponent(s, () => {
+      X.setCurrentComponent(s, () => {
         i.requestRender && i.requestRender();
       });
       try {
-        Et(i);
+        _t(i);
         const c = t();
         if (i._hookCallbacks) {
           const a = i._hookCallbacks;
           if (a.onConnected && (n.onConnected = a.onConnected), a.onDisconnected && (n.onDisconnected = a.onDisconnected), a.onAttributeChanged && (n.onAttributeChanged = a.onAttributeChanged), a.onError && (n.onError = a.onError), a.style && (i._styleCallback = a.style), a.props) {
-            const d = a.props;
+            const f = a.props;
             o.props = Object.fromEntries(
-              Object.entries(d).map(([b, y]) => [b, { type: typeof y == "boolean" ? Boolean : typeof y == "number" ? Number : typeof y == "string" ? String : Function, default: y }])
-            ), xe.set(r, o);
+              Object.entries(f).map(([b, m]) => [b, { type: typeof m == "boolean" ? Boolean : typeof m == "number" ? Number : typeof m == "string" ? String : Function, default: m }])
+            ), $e.set(r, o);
           }
         }
         return c;
       } finally {
-        _t(), J.clearCurrentComponent();
+        At(), X.clearCurrentComponent();
       }
     }
   };
-  if (xe.set(r, o), typeof window < "u") {
+  if ($e.set(r, o), typeof window < "u") {
     try {
       const i = {
         _hookCallbacks: {},
         requestRender: () => {
         }
       };
-      if (Et(i), t(), _t(), i._hookCallbacks?.props) {
+      if (_t(i), t(), At(), i._hookCallbacks?.props) {
         const s = i._hookCallbacks.props;
         o.props = Object.fromEntries(
           Object.entries(s).map(([c, a]) => [c, { type: typeof a == "boolean" ? Boolean : typeof a == "number" ? Number : typeof a == "string" ? String : Function, default: a }])
-        ), xe.set(r, o);
+        ), $e.set(r, o);
       }
     } catch {
     }
     customElements.get(r) || customElements.define(
       r,
-      Ln(r, o)
+      Pn(r, o)
     );
   }
 }
-class Pn {
+class Mn {
   map = /* @__PURE__ */ new Map();
   maxSize;
   constructor(t) {
@@ -4206,7 +4276,7 @@ class Pn {
     this.map.clear();
   }
 }
-const st = new Pn(500);
+const at = new Mn(500);
 function Rn(e, t) {
   if (e == null) {
     oe(
@@ -4220,68 +4290,68 @@ function Rn(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 Ae(e, t = {}, r, n) {
+function Se(e, t = {}, r, n) {
   const o = n ?? t.key;
   return { tag: e, key: o, props: t, children: r };
 }
-function Le(e) {
+function Pe(e) {
   return !!e && typeof e == "object" && (e.type === "AnchorBlock" || e.tag === "#anchor");
 }
-function Oe(e) {
-  return typeof e == "object" && e !== null && "tag" in e && !Le(e);
+function je(e) {
+  return typeof e == "object" && e !== null && "tag" in e && !Pe(e);
 }
-function Mn(e, t) {
+function Nn(e, t) {
   return e.key != null ? e : { ...e, key: t };
 }
 function Dn(e, t = [], r = {}) {
   const n = {}, o = {}, i = {}, s = [], c = /([:@#]?)([a-zA-Z0-9-:\.]+)(?:=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)'))?/g;
   let a;
   for (; a = c.exec(e); ) {
-    const d = a[1], b = a[2], y = (a[4] || a[6]) ?? "", p = a[3] === void 0 && a[6] === void 0, x = y.match(/^{{(\d+)}}$/);
-    let u = p ? !0 : x ? t[Number(x[1])] ?? null : y;
-    x || (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", "when"];
-    if (d === ":") {
-      const [g, l] = b.split(":"), [m, ...k] = g.split(".");
-      if (f.includes(m)) {
-        const w = [...k], _ = m === "model" && l ? `model:${l}` : m;
+    const f = a[1], b = a[2], m = (a[4] || a[6]) ?? "", d = a[3] === void 0 && a[6] === void 0, k = m.match(/^{{(\d+)}}$/);
+    let u = d ? !0 : k ? t[Number(k[1])] ?? null : m;
+    k || (u === "true" ? u = !0 : u === "false" ? u = !1 : u === "null" ? u = null : isNaN(Number(u)) || (u = Number(u)));
+    const p = ["model", "bind", "show", "class", "style", "ref", "when"];
+    if (f === ":") {
+      const [h, l] = b.split(":"), [y, ...w] = h.split(".");
+      if (p.includes(y)) {
+        const x = [...w], _ = y === "model" && l ? `model:${l}` : y;
         i[_] = {
           value: u,
-          modifiers: w,
+          modifiers: x,
           arg: l
         };
       } else if (b === "disabled") {
-        let w = u;
-        w && R(w) && (w = w.value);
-        const _ = typeof w;
-        if (w === "" || _ === "boolean" || _ === "string" && (w === "true" || w === "false") || w == null || _ === "number")
-          n[b] = w;
+        let x = u;
+        x && R(x) && (x = x.value);
+        const _ = typeof x;
+        if (x === "" || _ === "boolean" || _ === "string" && (x === "true" || x === "false") || x == null || _ === "number")
+          n[b] = x;
         else {
-          let T = u;
-          T && R(T) && (T = T.value), o[b] = T;
+          let S = u;
+          S && R(S) && (S = S.value), o[b] = S;
         }
         s.push(b);
       } else {
-        let w = u;
-        w && R(w) && (w = w.value), o[b] = w, s.push(b);
+        let x = u;
+        x && R(x) && (x = x.value), o[b] = x, s.push(b);
       }
-    } else if (d === "@") {
-      const [g, ...l] = b.split("."), m = l;
-      Rn(u, g);
-      const k = typeof u == "function" ? u : typeof r[u] == "function" ? r[u] : void 0;
-      if (k) {
-        const w = (C) => {
-          if (m.includes("prevent") && C.preventDefault(), m.includes("stop") && C.stopPropagation(), !(m.includes("self") && C.target !== C.currentTarget))
-            return m.includes("once") && C.currentTarget?.removeEventListener(g, w), k(C);
-        }, _ = "on" + g.charAt(0).toUpperCase() + g.slice(1);
-        n[_] = w;
+    } else if (f === "@") {
+      const [h, ...l] = b.split("."), y = l;
+      Rn(u, h);
+      const w = typeof u == "function" ? u : typeof r[u] == "function" ? r[u] : void 0;
+      if (w) {
+        const x = (C) => {
+          if (y.includes("prevent") && C.preventDefault(), y.includes("stop") && C.stopPropagation(), !(y.includes("self") && C.target !== C.currentTarget))
+            return y.includes("once") && C.currentTarget?.removeEventListener(h, x), w(C);
+        }, _ = "on" + h.charAt(0).toUpperCase() + h.slice(1);
+        n[_] = x;
       }
     } else b === "ref" ? n.ref = u : o[b] = u;
   }
   return { props: n, attrs: o, directives: i, bound: s };
 }
-function ft(e) {
-  if (!Oe(e) || Le(e))
+function dt(e) {
+  if (!je(e) || Pe(e))
     return e;
   const t = e.props?.directives;
   if (t && t.when) {
@@ -4292,7 +4362,7 @@ function ft(e) {
       props: i
     };
     return Array.isArray(s.children) && (s.children = s.children.map(
-      (a) => typeof a == "object" && a !== null ? ft(a) : a
+      (a) => typeof a == "object" && a !== null ? dt(a) : a
     )), {
       tag: "#anchor",
       key: e.key != null ? `when-${e.key}` : `when-${e.tag}`,
@@ -4301,7 +4371,7 @@ function ft(e) {
   }
   if (Array.isArray(e.children)) {
     const r = e.children.map(
-      (n) => typeof n == "object" && n !== null ? ft(n) : n
+      (n) => typeof n == "object" && n !== null ? dt(n) : n
     );
     return {
       ...e,
@@ -4310,68 +4380,68 @@ function ft(e) {
   }
   return e;
 }
-function Nn(e, t, r) {
-  const n = je.length > 0 ? je[je.length - 1] : void 0, o = r ?? n, i = !r && t.length === 0, s = i ? e.join("<!--TEMPLATE_DELIM-->") : null;
+function Hn(e, t, r) {
+  const n = Le.length > 0 ? Le[Le.length - 1] : void 0, o = r ?? n, i = !r && t.length === 0, s = i ? e.join("<!--TEMPLATE_DELIM-->") : null;
   if (i && s) {
-    const h = st.get(s);
-    if (h) return h;
+    const g = at.get(s);
+    if (g) return g;
   }
-  function c(h, T) {
-    return Ae("#text", {}, h, T);
+  function c(g, S) {
+    return Se("#text", {}, g, S);
   }
   let a = "";
-  for (let h = 0; h < e.length; h++)
-    a += e[h], h < t.length && (a += `{{${h}}}`);
-  const d = /<!--[\s\S]*?-->|<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, b = [];
-  let y, p = [], x = null, u = {}, f, g = 0, l = [];
-  function m(h) {
-    !h || typeof h != "object" || Le(h) || (h.props || h.attrs ? (h.props && (u.props || (u.props = {}), Object.assign(u.props, h.props)), h.attrs && (u.attrs || (u.attrs = {}), Object.keys(h.attrs).forEach((T) => {
-      if (T === "style" && u.attrs.style) {
-        const E = u.attrs.style.replace(
+  for (let g = 0; g < e.length; g++)
+    a += e[g], g < t.length && (a += `{{${g}}}`);
+  const f = /<!--[\s\S]*?-->|<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, b = [];
+  let m, d = [], k = null, u = {}, p, h = 0, l = [];
+  function y(g) {
+    !g || typeof g != "object" || Pe(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((S) => {
+      if (S === "style" && u.attrs.style) {
+        const T = u.attrs.style.replace(
           /;?\s*$/,
           ""
-        ), v = h.attrs.style.replace(/^;?\s*/, "");
-        u.attrs.style = E + "; " + v;
-      } else if (T === "class" && u.attrs.class) {
-        const E = u.attrs.class.trim().split(/\s+/).filter(Boolean), v = h.attrs.class.trim().split(/\s+/).filter(Boolean), $ = [
-          .../* @__PURE__ */ new Set([...E, ...v])
+        ), $ = g.attrs.style.replace(/^;?\s*/, "");
+        u.attrs.style = T + "; " + $;
+      } else if (S === "class" && u.attrs.class) {
+        const T = u.attrs.class.trim().split(/\s+/).filter(Boolean), $ = g.attrs.class.trim().split(/\s+/).filter(Boolean), v = [
+          .../* @__PURE__ */ new Set([...T, ...$])
         ];
-        u.attrs.class = $.join(" ");
+        u.attrs.class = v.join(" ");
       } else
-        u.attrs[T] = h.attrs[T];
-    }))) : (u.props || (u.props = {}), Object.assign(u.props, h)));
-  }
-  function k(h, T) {
-    const E = x ? p : l;
-    if (Le(h)) {
-      const v = h.key ?? T;
-      let $ = h.children;
-      E.push({
-        ...h,
-        key: v,
-        children: $
+        u.attrs[S] = g.attrs[S];
+    }))) : (u.props || (u.props = {}), Object.assign(u.props, g)));
+  }
+  function w(g, S) {
+    const T = k ? d : l;
+    if (Pe(g)) {
+      const $ = g.key ?? S;
+      let v = g.children;
+      T.push({
+        ...g,
+        key: $,
+        children: v
       });
       return;
     }
-    if (Oe(h)) {
-      E.push(Mn(h, void 0));
+    if (je(g)) {
+      T.push(Nn(g, void 0));
       return;
     }
-    if (Array.isArray(h)) {
-      if (h.length === 0) return;
-      for (let v = 0; v < h.length; v++) {
-        const $ = h[v];
-        Le($) || Oe($) || Array.isArray($) ? k($, `${T}-${v}`) : $ !== null && typeof $ == "object" ? m($) : E.push(c(String($), `${T}-${v}`));
+    if (Array.isArray(g)) {
+      if (g.length === 0) return;
+      for (let $ = 0; $ < g.length; $++) {
+        const v = g[$];
+        Pe(v) || je(v) || Array.isArray(v) ? w(v, `${S}-${$}`) : v !== null && typeof v == "object" ? y(v) : T.push(c(String(v), `${S}-${$}`));
       }
       return;
     }
-    if (h !== null && typeof h == "object") {
-      m(h);
+    if (g !== null && typeof g == "object") {
+      y(g);
       return;
     }
-    E.push(c(String(h), T));
+    T.push(c(String(g), S));
   }
-  const w = /* @__PURE__ */ new Set([
+  const x = /* @__PURE__ */ new Set([
     "area",
     "base",
     "br",
@@ -4387,22 +4457,22 @@ function Nn(e, t, r) {
     "track",
     "wbr"
   ]);
-  for (; y = d.exec(a); )
-    if (!(y[0].startsWith("<!--") && y[0].endsWith("-->"))) {
-      if (y[1]) {
-        const h = y[1], T = y[0][1] === "/", E = y[0][y[0].length - 2] === "/" || w.has(h), {
-          props: v,
-          attrs: $,
-          directives: S,
-          bound: P
-        } = Dn(y[2] || "", t, o), A = { props: {}, attrs: {} };
-        for (const j in v) A.props[j] = v[j];
-        for (const j in $) A.attrs[j] = $[j];
-        A.attrs && Object.prototype.hasOwnProperty.call(A.attrs, "key") && !(A.props && Object.prototype.hasOwnProperty.call(A.props, "key")) && L(() => {
-          A.props.key = A.attrs.key;
+  for (; m = f.exec(a); )
+    if (!(m[0].startsWith("<!--") && m[0].endsWith("-->"))) {
+      if (m[1]) {
+        const g = m[1], S = m[0][1] === "/", T = m[0][m[0].length - 2] === "/" || x.has(g), {
+          props: $,
+          attrs: v,
+          directives: A,
+          bound: L
+        } = Dn(m[2] || "", t, o), E = { props: {}, attrs: {} };
+        for (const O in $) E.props[O] = $[O];
+        for (const O in v) E.attrs[O] = v[O];
+        E.attrs && Object.prototype.hasOwnProperty.call(E.attrs, "key") && !(E.props && Object.prototype.hasOwnProperty.call(E.props, "key")) && P(() => {
+          E.props.key = E.attrs.key;
         });
         try {
-          const j = {
+          const O = {
             input: ["value", "checked", "readonly", "required", "placeholder", "maxlength", "minlength"],
             textarea: ["value", "readonly", "required", "placeholder", "maxlength", "minlength"],
             select: ["value", "required", "multiple"],
@@ -4411,156 +4481,156 @@ function Nn(e, t, r) {
             audio: ["muted", "autoplay", "controls", "loop"],
             img: ["src", "alt", "width", "height"],
             button: ["type", "name", "value", "autofocus", "form"]
-          }, F = h.toLowerCase(), te = j[F] ?? [];
-          if (A.attrs) {
-            for (const B of te)
-              if (P && P.includes(B) && B in A.attrs && !(A.props && B in A.props)) {
-                let M = A.attrs[B];
-                if (M && R(M))
-                  M = M.value, A.props[B] = M, delete A.attrs[B];
+          }, M = g.toLowerCase(), I = O[M] ?? [];
+          if (E.attrs) {
+            for (const D of I)
+              if (L && L.includes(D) && D in E.attrs && !(E.props && D in E.props)) {
+                let N = E.attrs[D];
+                if (N && R(N))
+                  N = N.value, E.props[D] = N, delete E.attrs[D];
                 else {
-                  const K = typeof M;
-                  B === "disabled" ? (M === "" || K === "boolean" || K === "string" && (M === "true" || M === "false") || M == null || K === "number") && (A.props[B] = M, L(() => {
-                    const U = globalThis;
-                    U.__VDOM_DISABLED_PROMOTIONS || (U.__VDOM_DISABLED_PROMOTIONS = []), U.__VDOM_DISABLED_PROMOTIONS.push({ phase: "compiler-promotion", tag: h, propName: B, value: M, time: Date.now(), stack: new Error().stack });
-                  }), delete A.attrs[B]) : (M === "" || K === "string" || K === "number" || K === "boolean" || M == null) && (A.props[B] = M, delete A.attrs[B]);
+                  const q = typeof N;
+                  D === "disabled" ? (N === "" || q === "boolean" || q === "string" && (N === "true" || N === "false") || N == null || q === "number") && (E.props[D] = N, P(() => {
+                    const K = globalThis;
+                    K.__VDOM_DISABLED_PROMOTIONS || (K.__VDOM_DISABLED_PROMOTIONS = []), K.__VDOM_DISABLED_PROMOTIONS.push({ phase: "compiler-promotion", tag: g, propName: D, value: N, time: Date.now(), stack: new Error().stack });
+                  }), delete E.attrs[D]) : (N === "" || q === "string" || q === "number" || q === "boolean" || N == null) && (E.props[D] = N, delete E.attrs[D]);
                 }
               }
           }
-          if ((h.includes("-") || !!o?.__customElements?.has?.(h)) && (A.isCustomElement = !0, P && A.attrs)) {
-            const B = /* @__PURE__ */ new Set(["id", "name", "data-key", "key"]);
-            for (const M of P)
-              if (M in A.attrs && !(A.props && M in A.props)) {
-                const K = M.includes("-") ? pt(M) : M;
-                let ie = A.attrs[M];
-                A.props[K] = ie, B.has(M) || delete A.attrs[M];
+          if ((g.includes("-") || !!o?.__customElements?.has?.(g)) && (E.isCustomElement = !0, L && E.attrs)) {
+            const D = /* @__PURE__ */ new Set(["id", "name", "data-key", "key"]);
+            for (const N of L)
+              if (N in E.attrs && !(E.props && N in E.props)) {
+                const q = N.includes("-") ? ht(N) : N;
+                let ie = E.attrs[N];
+                E.props[q] = ie, D.has(N) || delete E.attrs[N];
               }
           }
         } catch {
         }
-        if (S && Object.keys(S).some((j) => j === "model" || j.startsWith("model:")))
+        if (A && Object.keys(A).some((O) => O === "model" || O.startsWith("model:")))
           try {
-            const j = Symbol.for("cer.registry"), F = globalThis[j], te = !!(F && typeof F.has == "function" && F.has(h)), De = !!(o && (o.__customElements instanceof Set && o.__customElements.has(h) || Array.isArray(o.__isCustomElements) && o.__isCustomElements.includes(h)));
-            if (!!(h.includes("-") || De || te))
-              for (const K of Object.keys(S)) {
-                if (K !== "model" && !K.startsWith("model:")) continue;
-                const ie = S[K], ue = ie.arg ?? (K.includes(":") ? K.split(":", 2)[1] : void 0), U = ie.value, ne = ue ?? "modelValue", ce = V, O = Ve, D = o ? o._state || o : void 0;
-                let I;
-                typeof U == "string" && o ? I = ce(D, U) : I = U, A.props[ne] = I;
+            const O = Symbol.for("cer.registry"), M = globalThis[O], I = !!(M && typeof M.has == "function" && M.has(g)), ue = !!(o && (o.__customElements instanceof Set && o.__customElements.has(g) || Array.isArray(o.__isCustomElements) && o.__isCustomElements.includes(g)));
+            if (!!(g.includes("-") || ue || I))
+              for (const q of Object.keys(A)) {
+                if (q !== "model" && !q.startsWith("model:")) continue;
+                const ie = A[q], fe = ie.arg ?? (q.includes(":") ? q.split(":", 2)[1] : void 0), K = ie.value, ne = fe ?? "modelValue", ce = V, j = qe, H = o ? o._state || o : void 0;
+                let B;
+                typeof K == "string" && o ? B = ce(H, K) : B = K, E.props[ne] = B;
                 try {
-                  const fe = ee(ne);
-                  A.attrs || (A.attrs = {}), I != null && (typeof I == "string" || typeof I == "number" || typeof I == "boolean") && (A.attrs[fe] = I);
+                  const de = te(ne);
+                  E.attrs || (E.attrs = {}), B != null && (typeof B == "string" || typeof B == "number" || typeof B == "boolean") && (E.attrs[de] = B);
                 } catch {
                 }
-                A.isCustomElement = !0;
-                const W = `update:${ee(ne)}`.replace(/-([a-z])/g, (fe, se) => se.toUpperCase()), Z = "on" + W.charAt(0).toUpperCase() + W.slice(1);
-                A.props[Z] = function(fe) {
-                  const se = fe.detail !== void 0 ? fe.detail : fe.target ? fe.target.value : void 0;
-                  if (D)
-                    if (U && R(U)) {
-                      const de = U.value;
-                      (Array.isArray(se) && Array.isArray(de) ? JSON.stringify([...se].sort()) !== JSON.stringify([...de].sort()) : se !== de) && (U.value = se, o?.requestRender ? o.requestRender() : o?._requestRender && o._requestRender());
+                E.isCustomElement = !0;
+                const z = `update:${te(ne)}`.replace(/-([a-z])/g, (de, se) => se.toUpperCase()), G = "on" + z.charAt(0).toUpperCase() + z.slice(1);
+                E.props[G] = function(de) {
+                  const se = de.detail !== void 0 ? de.detail : de.target ? de.target.value : void 0;
+                  if (H)
+                    if (K && R(K)) {
+                      const he = K.value;
+                      (Array.isArray(se) && Array.isArray(he) ? JSON.stringify([...se].sort()) !== JSON.stringify([...he].sort()) : se !== he) && (K.value = se, o?.requestRender ? o.requestRender() : o?._requestRender && o._requestRender());
                     } else {
-                      const de = ce(D, typeof U == "string" ? U : String(U));
-                      (Array.isArray(se) && Array.isArray(de) ? JSON.stringify([...se].sort()) !== JSON.stringify([...de].sort()) : se !== de) && (O(D, typeof U == "string" ? U : String(U), se), o?.requestRender ? o.requestRender() : o?._requestRender && o._requestRender());
+                      const he = ce(H, typeof K == "string" ? K : String(K));
+                      (Array.isArray(se) && Array.isArray(he) ? JSON.stringify([...se].sort()) !== JSON.stringify([...he].sort()) : se !== he) && (j(H, typeof K == "string" ? K : String(K), se), o?.requestRender ? o.requestRender() : o?._requestRender && o._requestRender());
                     }
-                }, delete S[K];
+                }, delete A[q];
               }
           } catch {
           }
-        if (Object.keys(S).length > 0 && (A.directives = { ...S }), T) {
-          const j = Ae(
-            x,
+        if (Object.keys(A).length > 0 && (E.directives = { ...A }), S) {
+          const O = Se(
+            k,
             u,
-            p.length === 1 && Oe(p[0]) && p[0].tag === "#text" ? typeof p[0].children == "string" ? p[0].children : "" : p.length ? p : void 0,
-            f
-          ), F = b.pop();
-          F ? (x = F.tag, u = F.props, f = F.key, p = F.children, p.push(j)) : (l.push(j), x = null, u = {}, f = void 0, p = []);
-        } else E ? x ? p.push(Ae(h, A, void 0, void 0)) : l.push(Ae(h, A, void 0, void 0)) : (x && b.push({
-          tag: x,
+            d.length === 1 && je(d[0]) && d[0].tag === "#text" ? typeof d[0].children == "string" ? d[0].children : "" : d.length ? d : void 0,
+            p
+          ), M = b.pop();
+          M ? (k = M.tag, u = M.props, p = M.key, d = M.children, d.push(O)) : (l.push(O), k = null, u = {}, p = void 0, d = []);
+        } else T ? k ? d.push(Se(g, E, void 0, void 0)) : l.push(Se(g, E, void 0, void 0)) : (k && b.push({
+          tag: k,
           props: u,
-          children: p,
-          key: f
-        }), x = h, u = A, p = []);
-      } else if (typeof y[3] < "u") {
-        const h = Number(y[3]), T = t[h], E = `interp-${h}`;
-        k(T, E);
-      } else if (y[4]) {
-        const h = y[4], T = x ? p : l, E = h.split(/({{\d+}})/);
-        for (const v of E) {
-          if (!v) continue;
-          const $ = v.match(/^{{(\d+)}}$/);
-          if ($) {
-            const S = Number($[1]), P = t[S], A = `interp-${S}`;
-            k(P, A);
+          children: d,
+          key: p
+        }), k = g, u = E, d = []);
+      } else if (typeof m[3] < "u") {
+        const g = Number(m[3]), S = t[g], T = `interp-${g}`;
+        w(S, T);
+      } else if (m[4]) {
+        const g = m[4], S = k ? d : l, T = g.split(/({{\d+}})/);
+        for (const $ of T) {
+          if (!$) continue;
+          const v = $.match(/^{{(\d+)}}$/);
+          if (v) {
+            const A = Number(v[1]), L = t[A], E = `interp-${A}`;
+            w(L, E);
           } else {
-            const S = `text-${g++}`;
-            T.push(c(v, S));
+            const A = `text-${h++}`;
+            S.push(c($, A));
           }
         }
       }
     }
-  const C = l.filter((h) => Oe(h) && h.tag === "#text" ? typeof h.children == "string" && h.children.trim() !== "" : !0).map((h) => ft(h));
+  const C = l.filter((g) => je(g) && g.tag === "#text" ? typeof g.children == "string" && g.children.trim() !== "" : !0).map((g) => dt(g));
   if (C.length === 1) {
-    const h = C[0];
-    return i && s && st.set(s, h), h;
+    const g = C[0];
+    return i && s && at.set(s, g), g;
   } else if (C.length > 1) {
-    const h = C;
-    return i && s && st.set(s, h), h;
+    const g = C;
+    return i && s && at.set(s, g), g;
   }
-  return Ae("div", {}, "", "fallback-root");
+  return Se("div", {}, "", "fallback-root");
 }
-function pe(e, ...t) {
+function ge(e, ...t) {
   const r = t[t.length - 1], n = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
-  return Nn(e, t, n);
-}
-function tr(e, t) {
-  return qe(!e, t);
+  return Hn(e, t, n);
 }
 function nr(e, t) {
-  const r = !e || e.length === 0;
-  return qe(r, t);
+  return Ve(!e, t);
 }
 function rr(e, t) {
+  const r = !e || e.length === 0;
+  return Ve(r, t);
+}
+function or(e, t) {
   const r = !!(e && e.length > 0);
-  return qe(r, t);
+  return Ve(r, t);
 }
-function or(e, t, r) {
+function ir(e, t, r) {
   const n = [];
   return e.forEach((o, i) => {
     t(o, i) && n.push({ item: o, originalIndex: i });
   }), n.map(({ item: o, originalIndex: i }, s) => {
     const c = typeof o == "object" && o != null ? o?.key ?? o?.id ?? `filtered-${i}` : `filtered-${i}`;
-    return z(r(o, i, s), `each-where-${c}`);
+    return U(r(o, i, s), `each-where-${c}`);
   });
 }
-function ir(e, t) {
+function sr(e, t) {
   const r = e?.length ?? 0;
-  return r === 0 && t.empty ? z(t.empty, "switch-length-empty") : r === 1 && t.one ? z(t.one(e[0]), "switch-length-one") : t.exactly?.[r] ? z(t.exactly[r](e), `switch-length-${r}`) : r > 1 && t.many ? z(t.many(e), "switch-length-many") : z([], "switch-length-fallback");
+  return r === 0 && t.empty ? U(t.empty, "switch-length-empty") : r === 1 && t.one ? U(t.one(e[0]), "switch-length-one") : t.exactly?.[r] ? U(t.exactly[r](e), `switch-length-${r}`) : r > 1 && t.many ? U(t.many(e), "switch-length-many") : U([], "switch-length-fallback");
 }
-function sr(e, t, r) {
+function ar(e, t, r) {
   const n = /* @__PURE__ */ new Map();
   return e.forEach((o) => {
     const i = t(o);
     n.has(i) || n.set(i, []), n.get(i).push(o);
-  }), Array.from(n.entries()).map(([o, i], s) => z(
+  }), Array.from(n.entries()).map(([o, i], s) => U(
     r(o, i, s),
     `each-group-${o}`
   ));
 }
-function ar(e, t, r, n) {
+function cr(e, t, r, n) {
   const o = r * t, i = Math.min(o + t, e.length);
   return e.slice(o, i).map((c, a) => {
-    const d = o + a, b = typeof c == "object" && c != null ? c?.key ?? c?.id ?? `page-${d}` : `page-${d}`;
-    return z(n(c, d, a), `each-page-${b}`);
+    const f = o + a, b = typeof c == "object" && c != null ? c?.key ?? c?.id ?? `page-${f}` : `page-${f}`;
+    return U(n(c, f, a), `each-page-${b}`);
   });
 }
-function cr(e, t) {
-  return e.loading && t.loading ? z(t.loading, "promise-loading") : e.error && t.error ? z(t.error(e.error), "promise-error") : e.data !== void 0 && t.success ? z(t.success(e.data), "promise-success") : t.idle ? z(t.idle, "promise-idle") : z([], "promise-fallback");
+function lr(e, t) {
+  return e.loading && t.loading ? U(t.loading, "promise-loading") : e.error && t.error ? U(t.error(e.error), "promise-error") : e.data !== void 0 && t.success ? U(t.success(e.data), "promise-success") : t.idle ? U(t.idle, "promise-idle") : U([], "promise-fallback");
 }
-function G(e, t) {
+function J(e, t) {
   const r = typeof window < "u" && window.matchMedia?.(e)?.matches;
-  return qe(!!r, t);
+  return Ve(!!r, t);
 }
 const le = {
   // Responsive breakpoints (matching style.ts)
@@ -4571,43 +4641,43 @@ const le = {
   "2xl": "(min-width:1536px)",
   // Dark mode (matching style.ts)
   dark: "(prefers-color-scheme: dark)"
-}, Ht = ["sm", "md", "lg", "xl", "2xl"], In = {
+}, Ft = ["sm", "md", "lg", "xl", "2xl"], In = {
   // Breakpoint-based rendering (matching style.ts exactly)
-  sm: (e) => G(le.sm, e),
-  md: (e) => G(le.md, e),
-  lg: (e) => G(le.lg, e),
-  xl: (e) => G(le.xl, e),
-  "2xl": (e) => G(le["2xl"], e),
+  sm: (e) => J(le.sm, e),
+  md: (e) => J(le.md, e),
+  lg: (e) => J(le.lg, e),
+  xl: (e) => J(le.xl, e),
+  "2xl": (e) => J(le["2xl"], e),
   // Dark mode (matching style.ts)
-  dark: (e) => G(le.dark, e),
-  light: (e) => G("(prefers-color-scheme: light)", e),
+  dark: (e) => J(le.dark, e),
+  light: (e) => J("(prefers-color-scheme: light)", e),
   // Accessibility and interaction preferences
-  touch: (e) => G("(hover: none) and (pointer: coarse)", e),
-  mouse: (e) => G("(hover: hover) and (pointer: fine)", e),
-  reducedMotion: (e) => G("(prefers-reduced-motion: reduce)", e),
-  highContrast: (e) => G("(prefers-contrast: high)", e),
+  touch: (e) => J("(hover: none) and (pointer: coarse)", e),
+  mouse: (e) => J("(hover: hover) and (pointer: fine)", e),
+  reducedMotion: (e) => J("(prefers-reduced-motion: reduce)", e),
+  highContrast: (e) => J("(prefers-contrast: high)", e),
   // Orientation
-  portrait: (e) => G("(orientation: portrait)", e),
-  landscape: (e) => G("(orientation: landscape)", e)
+  portrait: (e) => J("(orientation: portrait)", e),
+  landscape: (e) => J("(orientation: landscape)", e)
 };
-function lr(e, t) {
+function ur(e, t) {
   const r = [];
   e.includes("dark") ? r.push(le.dark) : e.includes("light") && r.push("(prefers-color-scheme: light)");
   const n = e.filter(
-    (s) => Ht.includes(s)
+    (s) => Ft.includes(s)
   ), o = n[n.length - 1];
   o && o in le && r.push(le[o]);
   const i = r.length > 0 ? r.join(" and ") : "all";
-  return G(i, t);
+  return J(i, t);
 }
-function ur(e) {
+function fr(e) {
   const t = [];
-  return e.base && t.push(z(e.base, "responsive-base")), Ht.forEach((r) => {
+  return e.base && t.push(U(e.base, "responsive-base")), Ft.forEach((r) => {
     const n = e[r];
     n && t.push(In[r](n));
   }), t;
 }
-function fr(e) {
+function dr(e) {
   const t = [];
   let r = null;
   return {
@@ -4625,13 +4695,13 @@ function fr(e) {
       for (let n = 0; n < t.length; n++) {
         const { condition: o, content: i } = t[n];
         if (o(e))
-          return z(i, `switch-case-${n}`);
+          return U(i, `switch-case-${n}`);
       }
-      return z(r || [], "switch-otherwise");
+      return U(r || [], "switch-otherwise");
     }
   };
 }
-class be extends EventTarget {
+class we extends EventTarget {
   handlers = {};
   static instance;
   eventCounters = /* @__PURE__ */ new Map();
@@ -4639,7 +4709,7 @@ class be extends EventTarget {
    * Returns the singleton instance of GlobalEventBus
    */
   static getInstance() {
-    return be.instance || (be.instance = new be()), be.instance;
+    return we.instance || (we.instance = new we()), we.instance;
   }
   /**
    * Emit a global event with optional data. Includes event storm protection.
@@ -4663,7 +4733,7 @@ class be extends EventTarget {
       try {
         s(r);
       } catch (c) {
-        N(`Error in global event handler for "${t}":`, c);
+        F(`Error in global event handler for "${t}":`, c);
       }
     });
   }
@@ -4752,8 +4822,8 @@ class be extends EventTarget {
     this.eventCounters.clear();
   }
 }
-const Me = be.getInstance(), dr = (e, t) => Me.emit(e, t), pr = (e, t) => Me.on(e, t), hr = (e, t) => Me.off(e, t), gr = (e, t) => Me.once(e, t), mr = (e, t, r) => Me.listen(e, t, r);
-function Tt(e) {
+const Ne = we.getInstance(), pr = (e, t) => Ne.emit(e, t), hr = (e, t) => Ne.on(e, t), gr = (e, t) => Ne.off(e, t), mr = (e, t) => Ne.once(e, t), yr = (e, t, r) => Ne.listen(e, t, r);
+function Ot(e) {
   let t = { ...e };
   const r = [];
   function n(c) {
@@ -4771,25 +4841,25 @@ function Tt(e) {
   }
   return { subscribe: n, getState: o, setState: i };
 }
-const Ot = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, ae = (e, t) => {
+const jt = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, ae = (e, t) => {
   for (const r of e) {
     const n = [], o = r.path.replace(/:[^/]+/g, (c) => (n.push(c.slice(1)), "([^/]+)")), i = new RegExp(`^${o}$`), s = t.match(i);
     if (s) {
       const c = {};
-      return n.forEach((a, d) => {
-        c[a] = s[d + 1];
+      return n.forEach((a, f) => {
+        c[a] = s[f + 1];
       }), { route: r, params: c };
     }
   }
   return { route: null, params: {} };
-}, at = {};
-async function Hn(e) {
+}, ct = {};
+async function Fn(e) {
   if (e.component) return e.component;
   if (e.load) {
-    if (at[e.path]) return at[e.path];
+    if (ct[e.path]) return ct[e.path];
     try {
       const t = await e.load();
-      return at[e.path] = t.default, t.default;
+      return ct[e.path] = t.default, t.default;
     } catch {
       throw new Error(`Failed to load component for route: ${e.path}`);
     }
@@ -4798,260 +4868,260 @@ async function Hn(e) {
 }
 function Bn(e) {
   const { routes: t, base: r = "", initialUrl: n } = e;
-  let o, i, s, c, a, d, b;
-  const y = async (f, g) => {
-    const l = t.find((m) => ae([m], f.path).route !== null);
+  let o, i, s, c, a, f, b;
+  const m = async (p, h) => {
+    const l = t.find((y) => ae([y], p.path).route !== null);
     if (l?.beforeEnter)
       try {
-        const m = await l.beforeEnter(f, g);
-        return typeof m == "string" ? (await u(m, !0), !1) : m !== !1;
-      } catch (m) {
-        return N("beforeEnter error", m), !1;
+        const y = await l.beforeEnter(p, h);
+        return typeof y == "string" ? (await u(y, !0), !1) : y !== !1;
+      } catch (y) {
+        return F("beforeEnter error", y), !1;
       }
     return !0;
-  }, p = async (f, g) => {
-    const l = t.find((m) => ae([m], f.path).route !== null);
+  }, d = async (p, h) => {
+    const l = t.find((y) => ae([y], p.path).route !== null);
     if (l?.onEnter)
       try {
-        const m = await l.onEnter(f, g);
-        return typeof m == "string" ? (await u(m, !0), !1) : m !== !1;
-      } catch (m) {
-        return N("onEnter error", m), !1;
+        const y = await l.onEnter(p, h);
+        return typeof y == "string" ? (await u(y, !0), !1) : y !== !1;
+      } catch (y) {
+        return F("onEnter error", y), !1;
       }
     return !0;
-  }, x = (f, g) => {
-    const l = t.find((m) => ae([m], f.path).route !== null);
+  }, k = (p, h) => {
+    const l = t.find((y) => ae([y], p.path).route !== null);
     if (l?.afterEnter)
       try {
-        l.afterEnter(f, g);
-      } catch (m) {
-        N("afterEnter error", m);
+        l.afterEnter(p, h);
+      } catch (y) {
+        F("afterEnter error", y);
       }
-  }, u = async (f, g = !1) => {
+  }, u = async (p, h = !1) => {
     try {
       const l = {
-        path: f.replace(r, "") || "/",
+        path: p.replace(r, "") || "/",
         query: {}
-      }, m = ae(t, l.path);
-      if (!m) throw new Error(`No route found for ${l.path}`);
-      const k = s.getState(), w = {
+      }, y = ae(t, l.path);
+      if (!y) throw new Error(`No route found for ${l.path}`);
+      const w = s.getState(), x = {
         path: l.path,
-        params: m.params,
+        params: y.params,
         query: l.query
       };
-      if (!await y(w, k) || !await p(w, k)) return;
-      typeof window < "u" && typeof document < "u" && (g ? window.history.replaceState({}, "", r + f) : window.history.pushState({}, "", r + f)), s.setState(w), x(w, k);
+      if (!await m(x, w) || !await d(x, w)) return;
+      typeof window < "u" && typeof document < "u" && (h ? window.history.replaceState({}, "", r + p) : window.history.pushState({}, "", r + p)), s.setState(x), k(x, w);
     } catch (l) {
-      N("Navigation error:", l);
+      F("Navigation error:", l);
     }
   };
   if (typeof window < "u" && typeof document < "u" && typeof n > "u") {
     o = () => {
-      const g = new URL(window.location.href), l = g.pathname.replace(r, "") || "/", m = Ot(g.search);
-      return { path: l, query: m };
+      const h = new URL(window.location.href), l = h.pathname.replace(r, "") || "/", y = jt(h.search);
+      return { path: l, query: y };
     }, i = o();
-    const f = ae(t, i.path);
-    s = Tt({
+    const p = ae(t, i.path);
+    s = Ot({
       path: i.path,
-      params: f.params,
+      params: p.params,
       query: i.query
-    }), c = async (g = !1) => {
+    }), c = async (h = !1) => {
       const l = o();
-      await u(l.path, g);
-    }, window.addEventListener("popstate", () => c(!0)), a = (g) => u(g, !1), d = (g) => u(g, !0), b = () => window.history.back();
+      await u(l.path, h);
+    }, window.addEventListener("popstate", () => c(!0)), a = (h) => u(h, !1), f = (h) => u(h, !0), b = () => window.history.back();
   } else {
     o = () => {
-      const l = new URL(n || "/", "http://localhost"), m = l.pathname.replace(r, "") || "/", k = Ot(l.search);
-      return { path: m, query: k };
+      const l = new URL(n || "/", "http://localhost"), y = l.pathname.replace(r, "") || "/", w = jt(l.search);
+      return { path: y, query: w };
     }, i = o();
-    const f = ae(t, i.path);
-    s = Tt({
+    const p = ae(t, i.path);
+    s = Ot({
       path: i.path,
-      params: f.params,
+      params: p.params,
       query: i.query
     }), c = async () => {
       const l = o();
-      await g(l.path);
+      await h(l.path);
     };
-    const g = async (l) => {
+    const h = async (l) => {
       try {
-        const m = {
+        const y = {
           path: l.replace(r, "") || "/",
           query: {}
-        }, k = ae(t, m.path);
-        if (!k) throw new Error(`No route found for ${m.path}`);
-        const w = s.getState(), _ = {
-          path: m.path,
-          params: k.params,
-          query: m.query
-        }, C = t.find((h) => ae([h], _.path).route !== null);
+        }, w = ae(t, y.path);
+        if (!w) throw new Error(`No route found for ${y.path}`);
+        const x = s.getState(), _ = {
+          path: y.path,
+          params: w.params,
+          query: y.query
+        }, C = t.find((g) => ae([g], _.path).route !== null);
         if (C?.beforeEnter)
           try {
-            const h = await C.beforeEnter(_, w);
-            if (typeof h == "string") {
-              await g(h);
+            const g = await C.beforeEnter(_, x);
+            if (typeof g == "string") {
+              await h(g);
               return;
             }
-            if (h === !1) return;
+            if (g === !1) return;
           } catch {
             return;
           }
         if (C?.onEnter)
           try {
-            const h = await C.onEnter(_, w);
-            if (typeof h == "string") {
-              await g(h);
+            const g = await C.onEnter(_, x);
+            if (typeof g == "string") {
+              await h(g);
               return;
             }
-            if (h === !1) return;
+            if (g === !1) return;
           } catch {
             return;
           }
         if (s.setState(_), C?.afterEnter)
           try {
-            C.afterEnter(_, w);
+            C.afterEnter(_, x);
           } catch {
           }
       } catch {
       }
     };
-    a = async (l) => g(l), d = async (l) => g(l), b = () => {
+    a = async (l) => h(l), f = async (l) => h(l), b = () => {
     };
   }
   return {
     store: s,
     push: a,
-    replace: d,
+    replace: f,
     back: b,
     subscribe: s.subscribe,
-    matchRoute: (f) => ae(t, f),
+    matchRoute: (p) => ae(t, p),
     getCurrent: () => s.getState(),
-    resolveRouteComponent: Hn
+    resolveRouteComponent: Fn
   };
 }
-function yr(e, t) {
+function br(e, t) {
   return ae(e, t);
 }
-function br(e) {
+function wr(e) {
   const t = Bn(e);
-  return St("router-view", (r = {}, n = {}) => {
+  return Tt("router-view", (r = {}, n = {}) => {
     const { onConnected: o } = n;
     if (o && o(() => {
       t && typeof t.subscribe == "function" && t.subscribe(() => {
       });
-    }), !t) return pe`<div>Router not initialized.</div>`;
+    }), !t) return ge`<div>Router not initialized.</div>`;
     const i = t.getCurrent(), { path: s } = i, c = t.matchRoute(s);
     return c.route ? t.resolveRouteComponent(c.route).then((a) => {
       if (typeof a == "string")
         return { tag: a, props: {}, children: [] };
       if (typeof a == "function") {
-        const d = a();
-        return (d instanceof Promise ? d : Promise.resolve(d)).then((y) => typeof y == "string" ? { tag: y, props: {}, children: [] } : y);
+        const f = a();
+        return (f instanceof Promise ? f : Promise.resolve(f)).then((m) => typeof m == "string" ? { tag: m, props: {}, children: [] } : m);
       }
-      return pe`<div>Invalid route component</div>`;
-    }).catch(() => pe`<div>Invalid route component</div>`) : pe`<div>Not found</div>`;
-  }), St("router-link", (r = {}, n = {}) => {
+      return ge`<div>Invalid route component</div>`;
+    }).catch(() => ge`<div>Invalid route component</div>`) : ge`<div>Not found</div>`;
+  }), Tt("router-link", (r = {}, n = {}) => {
     const {
       to: o = "",
       tag: i = "a",
       replace: s = !1,
       exact: c = !1,
       activeClass: a = "active",
-      exactActiveClass: d = "exact-active",
+      exactActiveClass: f = "exact-active",
       ariaCurrentValue: b = "page",
-      disabled: y = !1,
-      external: p = !1,
-      class: x = ""
-    } = r, u = t.getCurrent(), f = u.path === o, g = c ? f : u && typeof u.path == "string" ? u.path.startsWith(o) : !1, l = f ? `aria-current="${b}"` : "", m = (x || "").split(/\s+/).filter(Boolean), k = {};
-    for (const E of m) k[E] = !0;
-    const w = {
-      ...k,
+      disabled: m = !1,
+      external: d = !1,
+      class: k = ""
+    } = r, u = t.getCurrent(), p = u.path === o, h = c ? p : u && typeof u.path == "string" ? u.path.startsWith(o) : !1, l = p ? `aria-current="${b}"` : "", y = (k || "").split(/\s+/).filter(Boolean), w = {};
+    for (const T of y) w[T] = !0;
+    const x = {
+      ...w,
       // Also include the configurable names (may duplicate the above)
-      [a]: g,
-      [d]: f
-    }, _ = i === "button", C = y ? _ ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", h = p && (i === "a" || !i) ? 'target="_blank" rel="noopener noreferrer"' : "", T = (E) => {
-      if (y) {
-        E.preventDefault();
+      [a]: h,
+      [f]: p
+    }, _ = i === "button", C = m ? _ ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", g = d && (i === "a" || !i) ? 'target="_blank" rel="noopener noreferrer"' : "", S = (T) => {
+      if (m) {
+        T.preventDefault();
         return;
       }
-      p && (i === "a" || !i) || (E.preventDefault(), s ? t.replace(o) : t.push(o));
+      d && (i === "a" || !i) || (T.preventDefault(), s ? t.replace(o) : t.push(o));
     };
-    return pe`
-      ${_n().when(_, pe`
+    return ge`
+      ${An().when(_, ge`
           <button
             part="button"
-            :class="${w}"
+            :class="${x}"
             ${l}
             ${C}
-            ${h}
-            @click="${T}"
+            ${g}
+            @click="${S}"
           ><slot></slot></button>
-        `).otherwise(pe`
+        `).otherwise(ge`
           <a
             part="link"
             href="${o}"
-            :class="${w}"
+            :class="${x}"
             ${l}
             ${C}
-            ${h}
-            @click="${T}"
+            ${g}
+            @click="${S}"
           ><slot></slot></a>
         `).done()}
     `;
   }), t;
 }
 export {
-  be as GlobalEventBus,
-  Kn as Transition,
+  we as GlobalEventBus,
+  qn as Transition,
   Vn as TransitionGroup,
-  z as anchorBlock,
-  St as component,
-  Fn as computed,
-  Tt as createStore,
-  qn as createTransitionPreset,
-  dn as css,
-  Un as each,
-  sr as eachGroup,
-  ar as eachPage,
-  or as eachWhere,
-  dr as emit,
-  Me as eventBus,
-  ut as getTransitionStyleSheet,
-  pe as html,
-  br as initRouter,
-  mr as listen,
-  _n as match,
+  U as anchorBlock,
+  Tt as component,
+  zn as computed,
+  Ot as createStore,
+  Zn as createTransitionPreset,
+  pn as css,
+  Kn as each,
+  ar as eachGroup,
+  cr as eachPage,
+  ir as eachWhere,
+  pr as emit,
+  Ne as eventBus,
+  ft as getTransitionStyleSheet,
+  ge as html,
+  wr as initRouter,
+  yr as listen,
+  An as match,
   ae as matchRoute,
-  yr as matchRouteSSR,
+  br as matchRouteSSR,
   le as mediaVariants,
-  hr as off,
-  pr as on,
-  gr as once,
-  Ot as parseQuery,
+  gr as off,
+  hr as on,
+  mr as once,
+  jt as parseQuery,
   Wn as ref,
   Je as renderToString,
-  Hn as resolveRouteComponent,
+  Fn as resolveRouteComponent,
   In as responsive,
-  Ht as responsiveOrder,
-  ur as responsiveSwitch,
-  fr as switchOn,
-  ir as switchOnLength,
-  cr as switchOnPromise,
-  Pe as transitionPresets,
-  tr as unless,
-  Zn as useEmit,
-  Xn as useOnAttributeChanged,
-  Gn as useOnConnected,
-  Jn as useOnDisconnected,
+  Ft as responsiveOrder,
+  fr as responsiveSwitch,
+  dr as switchOn,
+  sr as switchOnLength,
+  lr as switchOnPromise,
+  Me as transitionPresets,
+  nr as unless,
+  Gn as useEmit,
+  Yn as useOnAttributeChanged,
+  Jn as useOnConnected,
+  Xn as useOnDisconnected,
   Qn as useOnError,
-  Yn as useProps,
+  er as useProps,
   Bn as useRouter,
-  er as useStyle,
-  zn as watch,
-  qe as when,
-  nr as whenEmpty,
-  G as whenMedia,
-  rr as whenNotEmpty,
-  lr as whenVariants
+  tr as useStyle,
+  Un as watch,
+  Ve as when,
+  rr as whenEmpty,
+  J as whenMedia,
+  or as whenNotEmpty,
+  ur as whenVariants
 };
 //# sourceMappingURL=custom-elements-runtime.es.js.map