@jasonshimmy/custom-elements-runtime 0.2.4 → 0.2.6

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

@@ -1,13 +1,13 @@
-function vt(e, t) {
+function xt(e, t) {
   return fe(e ? t : [], "when-block");
 }
-function xt(e, t) {
-  return e.map((r, o) => {
-    const n = typeof r == "object" ? r?.key ?? r?.id ?? `idx-${o}` : String(r);
-    return fe(t(r, o), `each-${n}`);
+function kt(e, t) {
+  return e.map((r, i) => {
+    const n = typeof r == "object" ? r?.key ?? r?.id ?? `idx-${i}` : String(r);
+    return fe(t(r, i), `each-${n}`);
   });
 }
-function Oe() {
+function Pe() {
   const e = [];
   return {
     when(t, r) {
@@ -17,14 +17,14 @@ function Oe() {
       return e.push([!0, t]), this;
     },
     done() {
-      return Pe(...e);
+      return Ne(...e);
     }
   };
 }
-function Pe(...e) {
+function Ne(...e) {
   for (let t = 0; t < e.length; t++) {
-    const [r, o] = e[t];
-    if (r) return [fe(o, `whenChain-branch-${t}`)];
+    const [r, i] = e[t];
+    if (r) return [fe(i, `whenChain-branch-${t}`)];
   }
   return [fe([], "whenChain-empty")];
 }
@@ -52,9 +52,9 @@ class G extends EventTarget {
    * @param data - Optional event payload
    */
   emit(t, r) {
-    const o = Date.now(), n = this.eventCounters.get(t);
-    if (!n || o - n.window > 1e3)
-      this.eventCounters.set(t, { count: 1, window: o });
+    const i = Date.now(), n = this.eventCounters.get(t);
+    if (!n || i - n.window > 1e3)
+      this.eventCounters.set(t, { count: 1, window: i });
     else if (n.count++, n.count > 50 && n.count > 100)
       return;
     this.dispatchEvent(new CustomEvent(t, {
@@ -63,10 +63,10 @@ class G extends EventTarget {
       // Global events don't need to bubble
       cancelable: !0
     }));
-    const i = this.handlers[t];
-    i && i.forEach((s) => {
+    const s = this.handlers[t];
+    s && s.forEach((o) => {
       try {
-        s(r);
+        o(r);
       } catch (a) {
         console.error(`Error in global event handler for "${t}":`, a);
       }
@@ -86,8 +86,8 @@ class G extends EventTarget {
    * @param handler - Handler function to remove
    */
   off(t, r) {
-    const o = this.handlers[t];
-    o && o.delete(r);
+    const i = this.handlers[t];
+    i && i.delete(r);
   }
   /**
    * Remove all handlers for a specific event.
@@ -102,8 +102,8 @@ class G extends EventTarget {
    * @param handler - CustomEvent handler
    * @param options - AddEventListener options
    */
-  listen(t, r, o) {
-    return this.addEventListener(t, r, o), () => this.removeEventListener(t, r);
+  listen(t, r, i) {
+    return this.addEventListener(t, r, i), () => this.removeEventListener(t, r);
   }
   /**
    * Register a one-time event handler. Returns a promise that resolves with the event data.
@@ -111,9 +111,9 @@ class G extends EventTarget {
    * @param handler - Handler function
    */
   once(t, r) {
-    return new Promise((o) => {
-      const n = this.on(t, (i) => {
-        n(), r(i), o(i);
+    return new Promise((i) => {
+      const n = this.on(t, (s) => {
+        n(), r(s), i(s);
       });
     });
   }
@@ -143,9 +143,9 @@ class G extends EventTarget {
    */
   getEventStats() {
     const t = {};
-    for (const [r, o] of this.eventCounters.entries())
+    for (const [r, i] of this.eventCounters.entries())
       t[r] = {
-        count: o.count,
+        count: i.count,
         handlersCount: this.getHandlerCount(r)
       };
     return t;
@@ -157,24 +157,24 @@ class G extends EventTarget {
     this.eventCounters.clear();
   }
 }
-const re = G.getInstance(), wt = (e, t) => re.emit(e, t), kt = (e, t) => re.on(e, t), $t = (e, t) => re.off(e, t), _t = (e, t) => re.once(e, t), St = (e, t, r) => re.listen(e, t, r);
+const re = G.getInstance(), vt = (e, t) => re.emit(e, t), $t = (e, t) => re.on(e, t), _t = (e, t) => re.off(e, t), St = (e, t) => re.once(e, t), Et = (e, t, r) => re.listen(e, t, r);
 function $e(e) {
   let t = { ...e };
   const r = [];
-  function o(a) {
+  function i(a) {
     r.push(a), a(t);
   }
   function n() {
     return t;
   }
-  function i(a) {
+  function s(a) {
     const f = typeof a == "function" ? a(t) : a;
-    t = { ...t, ...f }, s();
+    t = { ...t, ...f }, o();
   }
-  function s() {
+  function o() {
     r.forEach((a) => a(t));
   }
-  return { subscribe: o, getState: n, setState: i };
+  return { subscribe: i, getState: n, setState: s };
 }
 function J(e) {
   return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
@@ -191,78 +191,78 @@ function H(e) {
     })[t]
   ) : e;
 }
-function N(e, t) {
-  return typeof t == "string" ? t.split(".").reduce((r, o) => r?.[o], e) : t;
+function z(e, t) {
+  return typeof t == "string" ? t.split(".").reduce((r, i) => r?.[i], e) : t;
 }
-function se(e, t, r) {
-  const o = String(t).split("."), n = o.pop();
+function oe(e, t, r) {
+  const i = String(t).split("."), n = i.pop();
   if (!n) return;
-  const i = o.reduce((s, a) => (s[a] == null && (s[a] = {}), s[a]), e);
-  i[n] = r;
+  const s = i.reduce((o, a) => (o[a] == null && (o[a] = {}), o[a]), e);
+  s[n] = r;
 }
-function Ne(e, t, r) {
+function ze(e, t, r) {
   if (r)
-    for (const [o, n] of Object.entries(r)) {
-      let i, s = {};
-      if (Array.isArray(n) ? (i = n[0], s = n[1] || {}) : i = n, t.set(o, {
-        callback: i,
-        options: s,
-        oldValue: N(e, o)
-      }), s.immediate)
+    for (const [i, n] of Object.entries(r)) {
+      let s, o = {};
+      if (Array.isArray(n) ? (s = n[0], o = n[1] || {}) : s = n, t.set(i, {
+        callback: s,
+        options: o,
+        oldValue: z(e, i)
+      }), o.immediate)
         try {
-          const a = N(e, o);
-          i(a, void 0, e);
+          const a = z(e, i);
+          s(a, void 0, e);
         } catch (a) {
-          console.error(`Error in immediate watcher for "${o}":`, a);
+          console.error(`Error in immediate watcher for "${i}":`, a);
         }
     }
 }
-function Me(e, t, r, o) {
-  const n = (s, a) => {
-    if (s === a) return !0;
-    if (typeof s != typeof a || typeof s != "object" || s === null || a === null) return !1;
-    if (Array.isArray(s) && Array.isArray(a))
-      return s.length !== a.length ? !1 : s.every((d, m) => n(d, a[m]));
-    const f = Object.keys(s), u = Object.keys(a);
-    return f.length !== u.length ? !1 : f.every((d) => n(s[d], a[d]));
-  }, i = t.get(r);
-  if (i && !n(o, i.oldValue))
+function Me(e, t, r, i) {
+  const n = (o, a) => {
+    if (o === a) return !0;
+    if (typeof o != typeof a || typeof o != "object" || o === null || a === null) return !1;
+    if (Array.isArray(o) && Array.isArray(a))
+      return o.length !== a.length ? !1 : o.every((d, y) => n(d, a[y]));
+    const f = Object.keys(o), u = Object.keys(a);
+    return f.length !== u.length ? !1 : f.every((d) => n(o[d], a[d]));
+  }, s = t.get(r);
+  if (s && !n(i, s.oldValue))
     try {
-      i.callback(o, i.oldValue, e), i.oldValue = o;
-    } catch (s) {
-      console.error(`Error in watcher for "${r}":`, s);
+      s.callback(i, s.oldValue, e), s.oldValue = i;
+    } catch (o) {
+      console.error(`Error in watcher for "${r}":`, o);
     }
-  for (const [s, a] of t.entries())
-    if (a.options.deep && r.startsWith(s + "."))
+  for (const [o, a] of t.entries())
+    if (a.options.deep && r.startsWith(o + "."))
       try {
-        const f = N(e, s);
+        const f = z(e, o);
         n(f, a.oldValue) || (a.callback(f, a.oldValue, e), a.oldValue = f);
       } catch (f) {
-        console.error(`Error in deep watcher for "${s}":`, f);
+        console.error(`Error in deep watcher for "${o}":`, f);
       }
 }
 function We(e, t, r) {
   if (!t.props) return;
-  function o(n, i) {
-    return i === Boolean ? n === "true" : i === Number ? Number(n) : n;
+  function i(n, s) {
+    return s === Boolean ? n === "true" : s === Number ? Number(n) : n;
   }
-  Object.entries(t.props).forEach(([n, i]) => {
-    if (i.type === Function && typeof e[n] == "function")
+  Object.entries(t.props).forEach(([n, s]) => {
+    if (s.type === Function && typeof e[n] == "function")
       r[n] = e[n];
     else {
-      const s = e.getAttribute(J(n));
-      s !== null ? r[n] = H(o(s, i.type)) : "default" in i && i.default !== void 0 && (r[n] = H(i.default));
+      const o = e.getAttribute(J(n));
+      o !== null ? r[n] = H(i(o, s.type)) : "default" in s && s.default !== void 0 && (r[n] = H(s.default));
     }
   });
 }
-function qe(e, t, r, o) {
-  e.onConnected && !r && (e.onConnected(t), o(!0));
+function qe(e, t, r, i) {
+  e.onConnected && !r && (e.onConnected(t), i(!0));
 }
-function De(e, t, r, o, n, i, s, a) {
-  e.onDisconnected && e.onDisconnected(t), r.forEach((f) => f()), o(), n(), i(!1), s(null), a(!1);
+function De(e, t, r, i, n, s, o, a) {
+  e.onDisconnected && e.onDisconnected(t), r.forEach((f) => f()), i(), n(), s(!1), o(null), a(!1);
 }
-function Ie(e, t, r, o, n) {
-  e.onAttributeChanged && e.onAttributeChanged(t, r, o, n);
+function Ie(e, t, r, i, n) {
+  e.onAttributeChanged && e.onAttributeChanged(t, r, i, n);
 }
 function V(e, t) {
   if (t && e instanceof HTMLElement) {
@@ -272,96 +272,96 @@ function V(e, t) {
       V(r, t);
   }
 }
-function He(e, t, r, o, n, i, s, a) {
-  if (!i) return;
-  const f = t.includes("lazy"), u = t.includes("trim"), d = t.includes("number"), m = () => N(i._state || i, e), l = m();
+function He(e, t, r, i, n, s, o, a) {
+  if (!s) return;
+  const f = t.includes("lazy"), u = t.includes("trim"), d = t.includes("number"), y = () => z(s._state || s, e), c = y();
   let h = "text";
-  s instanceof HTMLInputElement ? h = o?.type || s.type || "text" : s instanceof HTMLSelectElement ? h = "select" : s instanceof HTMLTextAreaElement && (h = "textarea");
-  const w = s instanceof HTMLInputElement || s instanceof HTMLTextAreaElement || s instanceof HTMLSelectElement, v = w ? h === "checkbox" || h === "radio" ? "checked" : "value" : a ?? "modelValue";
+  o instanceof HTMLInputElement ? h = i?.type || o.type || "text" : o instanceof HTMLSelectElement ? h = "select" : o instanceof HTMLTextAreaElement && (h = "textarea");
+  const k = o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement || o instanceof HTMLSelectElement, w = k ? h === "checkbox" || h === "radio" ? "checked" : "value" : a ?? "modelValue";
   if (h === "checkbox")
-    if (Array.isArray(l))
-      r[v] = l.includes(String(s?.getAttribute("value") ?? o?.value ?? ""));
+    if (Array.isArray(c))
+      r[w] = c.includes(String(o?.getAttribute("value") ?? i?.value ?? ""));
     else {
-      const x = s?.getAttribute("true-value") ?? !0;
-      r[v] = l === x;
+      const x = o?.getAttribute("true-value") ?? !0;
+      r[w] = c === x;
     }
   else if (h === "radio")
-    r[v] = l === (o?.value ?? "");
+    r[w] = c === (i?.value ?? "");
   else if (h === "select")
-    if (s && s.hasAttribute("multiple") && s instanceof HTMLSelectElement) {
-      const x = Array.isArray(l) ? l.map(String) : [];
+    if (o && o.hasAttribute("multiple") && o instanceof HTMLSelectElement) {
+      const x = Array.isArray(c) ? c.map(String) : [];
       setTimeout(() => {
-        Array.from(s.options).forEach((c) => {
-          c.selected = x.includes(c.value);
+        Array.from(o.options).forEach((l) => {
+          l.selected = x.includes(l.value);
         });
-      }, 0), r[v] = Array.isArray(l) ? l : [];
+      }, 0), r[w] = Array.isArray(c) ? c : [];
     } else
-      r[v] = l;
+      r[w] = c;
   else {
-    r[v] = l;
+    r[w] = c;
     try {
-      const x = J(v);
-      o && (o[x] = l);
+      const x = J(w);
+      i && (i[x] = c);
     } catch {
     }
   }
-  const b = f || h === "checkbox" || h === "radio" || h === "select" ? "change" : "input", y = (x) => {
+  const b = f || h === "checkbox" || h === "radio" || h === "select" ? "change" : "input", m = (x) => {
     if (x.isComposing || n._isComposing || x.isTrusted === !1) return;
-    const c = x.target;
-    if (!c || c._modelUpdating) return;
-    let g = c.value;
+    const l = x.target;
+    if (!l || l._modelUpdating) return;
+    let g = l.value;
     if (h === "checkbox") {
-      const C = m();
-      if (Array.isArray(C)) {
-        const S = c.getAttribute("value") ?? "", A = Array.from(C);
-        if (c.checked)
+      const E = y();
+      if (Array.isArray(E)) {
+        const S = l.getAttribute("value") ?? "", A = Array.from(E);
+        if (l.checked)
           A.includes(S) || A.push(S);
         else {
-          const T = A.indexOf(S);
-          T > -1 && A.splice(T, 1);
+          const j = A.indexOf(S);
+          j > -1 && A.splice(j, 1);
         }
         g = A;
       } else {
-        const S = c.getAttribute("true-value") ?? !0, A = c.getAttribute("false-value") ?? !1;
-        g = c.checked ? S : A;
+        const S = l.getAttribute("true-value") ?? !0, A = l.getAttribute("false-value") ?? !1;
+        g = l.checked ? S : A;
       }
     } else if (h === "radio")
-      g = c.getAttribute("value") ?? c.value;
-    else if (h === "select" && c.multiple)
-      g = Array.from(c.selectedOptions).map((C) => C.value);
+      g = l.getAttribute("value") ?? l.value;
+    else if (h === "select" && l.multiple)
+      g = Array.from(l.selectedOptions).map((E) => E.value);
     else if (u && typeof g == "string" && (g = g.trim()), d) {
-      const C = Number(g);
-      isNaN(C) || (g = C);
+      const E = Number(g);
+      isNaN(E) || (g = E);
     }
-    const p = i._state || i, _ = N(p, e);
+    const p = s._state || s, _ = z(p, e);
     if (Array.isArray(g) && Array.isArray(_) ? JSON.stringify([...g].sort()) !== JSON.stringify([..._].sort()) : g !== _) {
-      c._modelUpdating = !0;
+      l._modelUpdating = !0;
       try {
-        se(p, e, g), i._requestRender && i._requestRender();
+        oe(p, e, g), s._requestRender && s._requestRender();
       } finally {
-        setTimeout(() => c._modelUpdating = !1, 0);
+        setTimeout(() => l._modelUpdating = !1, 0);
       }
     }
   };
-  w ? n[b] = y : n[`update:${J(v)}`] = (x) => {
-    const c = i._state || i, g = x.detail !== void 0 ? x.detail : x.target?.value, p = N(c, e);
-    (Array.isArray(g) && Array.isArray(p) ? JSON.stringify([...g].sort()) !== JSON.stringify([...p].sort()) : g !== p) && (se(c, e, g), i._requestRender && i._requestRender());
+  k ? n[b] = m : n[`update:${J(w)}`] = (x) => {
+    const l = s._state || s, g = x.detail !== void 0 ? x.detail : x.target?.value, p = z(l, e);
+    (Array.isArray(g) && Array.isArray(p) ? JSON.stringify([...g].sort()) !== JSON.stringify([...p].sort()) : g !== p) && (oe(l, e, g), s._requestRender && s._requestRender());
   }, (h === "text" || h === "textarea") && (n.compositionstart = (() => n._isComposing = !0), n.compositionend = (x) => {
     n._isComposing = !1;
-    const c = x.target;
-    c && setTimeout(() => {
-      const g = c.value, p = i._state || i, _ = N(p, e);
-      let E = g;
-      if (u && (E = E.trim()), d) {
-        const S = Number(E);
-        isNaN(S) || (E = S);
+    const l = x.target;
+    l && setTimeout(() => {
+      const g = l.value, p = s._state || s, _ = z(p, e);
+      let C = g;
+      if (u && (C = C.trim()), d) {
+        const S = Number(C);
+        isNaN(S) || (C = S);
       }
-      if (Array.isArray(E) && Array.isArray(_) ? JSON.stringify([...E].sort()) !== JSON.stringify([..._].sort()) : E !== _) {
-        c._modelUpdating = !0;
+      if (Array.isArray(C) && Array.isArray(_) ? JSON.stringify([...C].sort()) !== JSON.stringify([..._].sort()) : C !== _) {
+        l._modelUpdating = !0;
         try {
-          se(p, e, E), i._requestRender && i._requestRender();
+          oe(p, e, C), s._requestRender && s._requestRender();
         } finally {
-          setTimeout(() => c._modelUpdating = !1, 0);
+          setTimeout(() => l._modelUpdating = !1, 0);
         }
       }
     }, 0);
@@ -371,61 +371,61 @@ function Le(e) {
   const t = e.slice(2);
   return t ? t.charAt(0).toLowerCase() + t.slice(1) : "";
 }
-function Fe(e, t, r, o) {
-  if (o) {
+function Fe(e, t, r, i) {
+  if (i) {
     if (typeof e == "object" && e !== null)
-      for (const [n, i] of Object.entries(e))
-        t[n] = i;
+      for (const [n, s] of Object.entries(e))
+        t[n] = s;
     else if (typeof e == "string")
       try {
         const n = JSON.parse(e);
         if (typeof n == "object" && n !== null) {
-          for (const [i, s] of Object.entries(n))
-            t[i] = s;
+          for (const [s, o] of Object.entries(n))
+            t[s] = o;
           return;
         }
       } catch {
-        const n = N(o, e);
+        const n = z(i, e);
         r[e] = n;
       }
   }
 }
 function Ke(e, t, r) {
   if (!r) return;
-  const o = N(r, e), n = t.style || "", i = o ? "" : "none";
+  const i = z(r, e), n = t.style || "", s = i ? "" : "none";
   if (n) {
-    const s = n.split(";").filter(Boolean), a = s.findIndex(
+    const o = n.split(";").filter(Boolean), a = o.findIndex(
       (f) => f.trim().startsWith("display:")
     );
-    a >= 0 ? s[a] = `display: ${i}` : s.push(`display: ${i}`), t.style = s.join("; ");
+    a >= 0 ? o[a] = `display: ${s}` : o.push(`display: ${s}`), t.style = o.join("; ");
   } else
-    t.style = `display: ${i}`;
+    t.style = `display: ${s}`;
 }
 function Ue(e, t, r) {
   if (!r) return;
-  const o = N(r, e);
+  const i = z(r, e);
   let n = [];
-  typeof o == "string" ? n = [o] : Array.isArray(o) ? n = o.filter(Boolean) : typeof o == "object" && (n = Object.entries(o).filter(([, a]) => !!a).flatMap(([a]) => a.split(/\s+/).filter(Boolean)));
-  const i = t.class || "", s = i ? `${i} ${n.join(" ")}`.trim() : n.join(" ");
-  s && (t.class = s);
+  typeof i == "string" ? n = [i] : Array.isArray(i) ? n = i.filter(Boolean) : typeof i == "object" && (n = Object.entries(i).filter(([, a]) => !!a).flatMap(([a]) => a.split(/\s+/).filter(Boolean)));
+  const s = t.class || "", o = s ? `${s} ${n.join(" ")}`.trim() : n.join(" ");
+  o && (t.class = o);
 }
 function Ve(e, t, r) {
-  let o;
+  let i;
   if (typeof e == "string") {
     if (!r) return;
-    o = N(r, e);
+    i = z(r, e);
   } else
-    o = e;
+    i = e;
   let n = "";
-  if (typeof o == "string")
-    n = o;
-  else if (o && typeof o == "object") {
-    const s = [];
-    for (const [a, f] of Object.entries(o))
+  if (typeof i == "string")
+    n = i;
+  else if (i && typeof i == "object") {
+    const o = [];
+    for (const [a, f] of Object.entries(i))
       if (f != null && f !== "") {
         const u = a.replace(
           /[A-Z]/g,
-          (l) => `-${l.toLowerCase()}`
+          (c) => `-${c.toLowerCase()}`
         ), d = [
           "width",
           "height",
@@ -452,26 +452,26 @@ function Ve(e, t, r) {
           "min-height",
           "max-height"
         ];
-        let m = String(f);
-        typeof f == "number" && d.includes(u) && (m = `${f}px`), s.push(`${u}: ${m}`);
+        let y = String(f);
+        typeof f == "number" && d.includes(u) && (y = `${f}px`), o.push(`${u}: ${y}`);
       }
-    n = s.join("; ") + (s.length > 0 ? ";" : "");
+    n = o.join("; ") + (o.length > 0 ? ";" : "");
   }
-  const i = t.style || "";
-  t.style = i + (i && !i.endsWith(";") ? "; " : "") + n;
+  const s = t.style || "";
+  t.style = s + (s && !s.endsWith(";") ? "; " : "") + n;
 }
-function Re(e, t, r, o) {
-  const n = {}, i = { ...o || {} }, s = {};
+function Re(e, t, r, i) {
+  const n = {}, s = { ...i || {} }, o = {};
   for (const [a, f] of Object.entries(e)) {
-    const { value: u, modifiers: d, arg: m } = f;
+    const { value: u, modifiers: d, arg: y } = f;
     if (a === "model" || a.startsWith("model:")) {
-      const l = a.split(":"), h = l.length > 1 ? l[1] : m;
+      const c = a.split(":"), h = c.length > 1 ? c[1] : y;
       He(
         typeof u == "string" ? u : String(u),
         d,
         n,
-        i,
         s,
+        o,
         t,
         r,
         h
@@ -480,330 +480,330 @@ function Re(e, t, r, o) {
     }
     switch (a) {
       case "bind":
-        Fe(u, n, i, t);
+        Fe(u, n, s, t);
         break;
       case "show":
-        Ke(u, i, t);
+        Ke(u, s, t);
         break;
       case "class":
-        Ue(u, i, t);
+        Ue(u, s, t);
         break;
       case "style":
-        Ve(u, i, t);
+        Ve(u, s, t);
         break;
     }
   }
-  return { props: n, attrs: i, listeners: s };
+  return { props: n, attrs: s, listeners: o };
 }
-function ke(e, t) {
+function ve(e, t) {
   if (Array.isArray(e)) {
-    const i = /* @__PURE__ */ new Set();
-    return e.map((s) => {
-      if (!s || typeof s != "object") return s;
-      let a = s.props?.key ?? s.key;
+    const s = /* @__PURE__ */ new Set();
+    return e.map((o) => {
+      if (!o || typeof o != "object") return o;
+      let a = o.props?.key ?? o.key;
       if (!a) {
-        const m = s.tag || "node", l = s.props?.attrs?.id ?? s.props?.attrs?.name ?? s.props?.attrs?.["data-key"] ?? "";
-        a = l ? `${t}:${m}:${l}` : `${t}:${m}`;
+        const y = o.tag || "node", c = o.props?.attrs?.id ?? o.props?.attrs?.name ?? o.props?.attrs?.["data-key"] ?? "";
+        a = c ? `${t}:${y}:${c}` : `${t}:${y}`;
       }
       let f = a, u = 1;
-      for (; i.has(f); )
+      for (; s.has(f); )
         f = `${a}#${u++}`;
-      i.add(f);
-      let d = s.children;
-      return Array.isArray(d) && (d = ke(d, f)), { ...s, key: f, children: d };
+      s.add(f);
+      let d = o.children;
+      return Array.isArray(d) && (d = ve(d, f)), { ...o, key: f, children: d };
     });
   }
   const r = e;
-  let o = r.props?.key ?? r.key ?? t, n = r.children;
-  return Array.isArray(n) && (n = ke(n, o)), { ...r, key: o, children: n };
+  let i = r.props?.key ?? r.key ?? t, n = r.children;
+  return Array.isArray(n) && (n = ve(n, i)), { ...r, key: i, children: n };
 }
-function Je(e, t, r, o) {
-  const n = r.directives ?? {}, i = Re(
+function Je(e, t, r, i) {
+  const n = r.directives ?? {}, s = Re(
     n,
-    o,
+    i,
     e,
     r.attrs
-  ), s = {
+  ), o = {
     ...t.props,
     ...r.props,
-    ...i.props
+    ...s.props
   }, a = {
     ...t.attrs,
     ...r.attrs,
-    ...i.attrs
-  }, f = t.props ?? {}, u = s;
-  for (const l in { ...f, ...u }) {
-    const h = f[l], w = u[l];
-    if (h !== w) {
-      if (l === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement))
-        e.value !== w && (e.value = w ?? "");
-      else if (l === "checked" && e instanceof HTMLInputElement)
-        e.checked = !!w;
-      else if (l.startsWith("on") && typeof w == "function") {
-        const $ = Le(l);
-        typeof h == "function" && e.removeEventListener($, h), e.addEventListener($, w);
-      } else if (w == null || w === !1)
-        e.removeAttribute(l);
-      else if ((r?.isCustomElement ?? t?.isCustomElement ?? !1) || l in e)
+    ...s.attrs
+  }, f = t.props ?? {}, u = o;
+  for (const c in { ...f, ...u }) {
+    const h = f[c], k = u[c];
+    if (h !== k) {
+      if (c === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement))
+        e.value !== k && (e.value = k ?? "");
+      else if (c === "checked" && e instanceof HTMLInputElement)
+        e.checked = !!k;
+      else if (c.startsWith("on") && typeof k == "function") {
+        const $ = Le(c);
+        typeof h == "function" && e.removeEventListener($, h), e.addEventListener($, k);
+      } else if (k == null || k === !1)
+        e.removeAttribute(c);
+      else if ((r?.isCustomElement ?? t?.isCustomElement ?? !1) || c in e)
         try {
-          e[l] = w;
+          e[c] = k;
         } catch {
         }
     }
   }
-  for (const [l, h] of Object.entries(
-    i.listeners || {}
+  for (const [c, h] of Object.entries(
+    s.listeners || {}
   ))
-    e.addEventListener(l, h);
-  const d = t.attrs ?? {}, m = a;
-  for (const l in { ...d, ...m }) {
-    const h = d[l], w = m[l];
-    h !== w && (w == null || w === !1 ? e.removeAttribute(l) : e.setAttribute(l, String(w)));
+    e.addEventListener(c, h);
+  const d = t.attrs ?? {}, y = a;
+  for (const c in { ...d, ...y }) {
+    const h = d[c], k = y[c];
+    h !== k && (k == null || k === !1 ? e.removeAttribute(c) : e.setAttribute(c, String(k)));
   }
 }
 function M(e, t, r) {
   if (typeof e == "string")
     return document.createTextNode(e);
   if (e.tag === "#text") {
-    const m = document.createTextNode(
+    const y = document.createTextNode(
       typeof e.children == "string" ? e.children : ""
     );
-    return e.key != null && (m.key = e.key), m;
+    return e.key != null && (y.key = e.key), y;
   }
   if (e.tag === "#anchor") {
-    const m = e, l = Array.isArray(m.children) ? m.children : [], h = document.createTextNode(""), w = document.createTextNode("");
-    m.key != null && (h.key = `${m.key}:start`, w.key = `${m.key}:end`), m._startNode = h, m._endNode = w;
+    const y = e, c = Array.isArray(y.children) ? y.children : [], h = document.createTextNode(""), k = document.createTextNode("");
+    y.key != null && (h.key = `${y.key}:start`, k.key = `${y.key}:end`), y._startNode = h, y._endNode = k;
     const $ = document.createDocumentFragment();
     $.appendChild(h);
-    for (const v of l) {
-      const b = M(v, t);
+    for (const w of c) {
+      const b = M(w, t);
       $.appendChild(b);
     }
-    return $.appendChild(w), $;
+    return $.appendChild(k), $;
   }
-  const o = document.createElement(e.tag);
-  e.key != null && (o.key = e.key);
-  const { props: n = {}, attrs: i = {}, directives: s = {} } = e.props ?? {}, a = Re(s, t, o, i), f = {
+  const i = document.createElement(e.tag);
+  e.key != null && (i.key = e.key);
+  const { props: n = {}, attrs: s = {}, directives: o = {} } = e.props ?? {}, a = Re(o, t, i, s), f = {
     ...n,
     ...a.props
   }, u = {
-    ...i,
+    ...s,
     ...a.attrs
   };
-  for (const m in u) {
-    const l = u[m];
-    typeof m != "string" || /\[object Object\]/.test(m) || (typeof l == "boolean" ? l && o.setAttribute(m, "") : l != null && o.setAttribute(m, l));
-  }
-  for (const m in f) {
-    const l = f[m];
-    if (!(typeof m != "string" || /\[object Object\]/.test(m)))
-      if (m === "value" && (o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement || o instanceof HTMLSelectElement))
-        o.value = l ?? "";
-      else if (m === "checked" && o instanceof HTMLInputElement)
-        o.checked = !!l;
-      else if (m.startsWith("on") && typeof l == "function")
-        o.addEventListener(Le(m), l);
+  for (const y in u) {
+    const c = u[y];
+    typeof y != "string" || /\[object Object\]/.test(y) || (typeof c == "boolean" ? c && i.setAttribute(y, "") : c != null && i.setAttribute(y, c));
+  }
+  for (const y in f) {
+    const c = f[y];
+    if (!(typeof y != "string" || /\[object Object\]/.test(y)))
+      if (y === "value" && (i instanceof HTMLInputElement || i instanceof HTMLTextAreaElement || i instanceof HTMLSelectElement))
+        i.value = c ?? "";
+      else if (y === "checked" && i instanceof HTMLInputElement)
+        i.checked = !!c;
+      else if (y.startsWith("on") && typeof c == "function")
+        i.addEventListener(Le(y), c);
       else {
-        if (m.startsWith("on") && l === void 0)
+        if (y.startsWith("on") && c === void 0)
           continue;
-        if (l == null || l === !1)
-          o.removeAttribute(m);
-        else if ((e.props?.isCustomElement ?? !1) || m in o)
+        if (c == null || c === !1)
+          i.removeAttribute(y);
+        else if ((e.props?.isCustomElement ?? !1) || y in i)
           try {
-            o[m] = l;
+            i[y] = c;
           } catch {
           }
       }
   }
-  for (const [m, l] of Object.entries(
+  for (const [y, c] of Object.entries(
     a.listeners || {}
   ))
-    o.addEventListener(m, l);
+    i.addEventListener(y, c);
   const d = e.props?.ref ?? (e.props?.props && e.props.props.ref);
-  typeof e != "string" && d && r && (r[d] = o);
+  typeof e != "string" && d && r && (r[d] = i);
   try {
-    if (typeof o._applyProps == "function")
+    if (typeof i._applyProps == "function")
       try {
-        o._applyProps(o._cfg);
+        i._applyProps(i._cfg);
       } catch {
       }
-    typeof o.requestRender == "function" ? o.requestRender() : typeof o._render == "function" && o._render(o._cfg);
+    typeof i.requestRender == "function" ? i.requestRender() : typeof i._render == "function" && i._render(i._cfg);
   } catch {
   }
   if (Array.isArray(e.children))
-    for (const m of e.children)
-      o.appendChild(M(m, t, r));
-  else typeof e.children == "string" && (o.textContent = e.children);
-  return o;
+    for (const y of e.children)
+      i.appendChild(M(y, t, r));
+  else typeof e.children == "string" && (i.textContent = e.children);
+  return i;
 }
-function Ze(e, t, r, o, n) {
+function Ze(e, t, r, i, n) {
   if (typeof r == "string") {
     e.textContent !== r && (e.textContent = r);
     return;
   }
   if (!Array.isArray(r)) return;
-  const i = Array.from(e.childNodes), s = Array.isArray(t) ? t : [], a = /* @__PURE__ */ new Map();
-  for (const h of s)
+  const s = Array.from(e.childNodes), o = Array.isArray(t) ? t : [], a = /* @__PURE__ */ new Map();
+  for (const h of o)
     h && h.key != null && a.set(h.key, h);
   const f = /* @__PURE__ */ new Map();
-  for (const h of i) {
-    const w = h.key;
-    w != null && f.set(w, h);
+  for (const h of s) {
+    const k = h.key;
+    k != null && f.set(k, h);
   }
   const u = /* @__PURE__ */ new Set();
   let d = e.firstChild;
-  function m(h, w) {
+  function y(h, k) {
     let $ = h;
-    for (; $ && (u.add($), $ !== w); )
+    for (; $ && (u.add($), $ !== k); )
       $ = $.nextSibling;
   }
-  function l(h, w, $, v) {
+  function c(h, k, $, w) {
     const b = [];
-    let y = h.nextSibling;
-    for (; y && y !== w; )
-      b.push(y), y = y.nextSibling;
+    let m = h.nextSibling;
+    for (; m && m !== k; )
+      b.push(m), m = m.nextSibling;
     const x = Array.isArray($) ? $ : [];
-    if (v.some((g) => g && g.key != null) || x.some((g) => g && g.key != null)) {
+    if (w.some((g) => g && g.key != null) || x.some((g) => g && g.key != null)) {
       const g = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map();
-      for (const C of x)
-        C && C.key != null && g.set(C.key, C);
-      for (const C of b) {
-        const S = C.key;
-        S != null && p.set(S, C);
+      for (const E of x)
+        E && E.key != null && g.set(E.key, E);
+      for (const E of b) {
+        const S = E.key;
+        S != null && p.set(S, E);
       }
       const _ = /* @__PURE__ */ new Set();
-      let E = h.nextSibling;
-      for (const C of v) {
+      let C = h.nextSibling;
+      for (const E of w) {
         let S;
-        if (C.key != null && p.has(C.key)) {
-          const A = g.get(C.key);
+        if (E.key != null && p.has(E.key)) {
+          const A = g.get(E.key);
           S = ae(
-            p.get(C.key),
+            p.get(E.key),
             A,
-            C,
-            o
-          ), _.add(S), S !== E && e.contains(S) && e.insertBefore(S, E);
+            E,
+            i
+          ), _.add(S), S !== C && e.contains(S) && e.insertBefore(S, C);
         } else
-          S = M(C, o), e.insertBefore(S, E), _.add(S);
-        E = S.nextSibling;
+          S = M(E, i), e.insertBefore(S, C), _.add(S);
+        C = S.nextSibling;
       }
-      for (const C of b)
-        !_.has(C) && e.contains(C) && e.removeChild(C);
+      for (const E of b)
+        !_.has(E) && e.contains(E) && e.removeChild(E);
     } else {
       const g = Math.min(
         x.length,
-        v.length
+        w.length
       );
       for (let p = 0; p < g; p++) {
-        const _ = x[p], E = v[p], C = ae(b[p], _, E, o);
-        C !== b[p] && (e.insertBefore(C, b[p]), e.removeChild(b[p]));
+        const _ = x[p], C = w[p], E = ae(b[p], _, C, i);
+        E !== b[p] && (e.insertBefore(E, b[p]), e.removeChild(b[p]));
       }
-      for (let p = g; p < v.length; p++)
-        e.insertBefore(M(v[p], o), w);
+      for (let p = g; p < w.length; p++)
+        e.insertBefore(M(w[p], i), k);
       for (let p = g; p < b.length; p++)
         e.removeChild(b[p]);
     }
   }
   for (const h of r) {
-    let w;
+    let k;
     if (h.tag === "#anchor") {
-      const $ = h.key, v = `${$}:start`, b = `${$}:end`;
-      let y = f.get(v), x = f.get(b);
-      const c = Array.isArray(h.children) ? h.children : [];
-      if (y || (y = document.createTextNode(""), y.key = v), x || (x = document.createTextNode(""), x.key = b), h._startNode = y, h._endNode = x, !e.contains(y) || !e.contains(x)) {
-        e.insertBefore(y, d);
-        for (const g of c)
-          e.insertBefore(M(g, o), d);
+      const $ = h.key, w = `${$}:start`, b = `${$}:end`;
+      let m = f.get(w), x = f.get(b);
+      const l = Array.isArray(h.children) ? h.children : [];
+      if (m || (m = document.createTextNode(""), m.key = w), x || (x = document.createTextNode(""), x.key = b), h._startNode = m, h._endNode = x, !e.contains(m) || !e.contains(x)) {
+        e.insertBefore(m, d);
+        for (const g of l)
+          e.insertBefore(M(g, i), d);
         e.insertBefore(x, d);
       } else
-        l(
-          y,
+        c(
+          m,
           x,
           a.get($)?.children,
-          c
+          l
         );
-      m(y, x), d = x.nextSibling;
+      y(m, x), d = x.nextSibling;
       continue;
     }
     if (h.key != null && f.has(h.key)) {
       const $ = a.get(h.key);
-      w = ae(
+      k = ae(
         f.get(h.key),
         $,
         h,
-        o,
+        i,
         n
-      ), u.add(w), w !== d && e.contains(w) && (d && !e.contains(d) && (d = null), e.insertBefore(w, d));
+      ), u.add(k), k !== d && e.contains(k) && (d && !e.contains(d) && (d = null), e.insertBefore(k, d));
     } else
-      w = M(h, o, n), d && !e.contains(d) && (d = null), e.insertBefore(w, d), u.add(w);
-    d = w.nextSibling;
+      k = M(h, i, n), d && !e.contains(d) && (d = null), e.insertBefore(k, d), u.add(k);
+    d = k.nextSibling;
   }
-  for (const h of i)
+  for (const h of s)
     !u.has(h) && e.contains(h) && (V(h, n), e.removeChild(h));
 }
-function ae(e, t, r, o, n) {
+function ae(e, t, r, i, n) {
   if (t && typeof t != "string" && t.props?.ref && n && V(e, n), t === r) return e;
   if (typeof r == "string") {
     if (e.nodeType === Node.TEXT_NODE)
       return e.textContent !== r && (e.textContent = r), e;
     {
-      const s = document.createTextNode(r);
-      return e.parentNode?.replaceChild(s, e), s;
+      const o = document.createTextNode(r);
+      return e.parentNode?.replaceChild(o, e), o;
     }
   }
   if (r && typeof r != "string" && r.tag === "#anchor") {
-    const s = r, a = Array.isArray(s.children) ? s.children : [], f = s._startNode ?? document.createTextNode(""), u = s._endNode ?? document.createTextNode("");
-    s.key != null && (f.key = `${s.key}:start`, u.key = `${s.key}:end`), s._startNode = f, s._endNode = u;
+    const o = r, a = Array.isArray(o.children) ? o.children : [], f = o._startNode ?? document.createTextNode(""), u = o._endNode ?? document.createTextNode("");
+    o.key != null && (f.key = `${o.key}:start`, u.key = `${o.key}:end`), o._startNode = f, o._endNode = u;
     const d = document.createDocumentFragment();
     d.appendChild(f);
-    for (const m of a) {
-      const l = M(m, o);
-      d.appendChild(l);
+    for (const y of a) {
+      const c = M(y, i);
+      d.appendChild(c);
     }
     return d.appendChild(u), e.parentNode?.replaceChild(d, e), f;
   }
   if (!r) {
     V(e, n);
-    const s = document.createComment("removed");
-    return e.parentNode?.replaceChild(s, e), s;
+    const o = document.createComment("removed");
+    return e.parentNode?.replaceChild(o, e), o;
   }
   if (!t || typeof t == "string") {
     V(e, n);
-    const s = M(r, o, n);
-    return typeof r != "string" && r.props?.ref && n && (n[r.props.ref] = s), e.parentNode?.replaceChild(s, e), s;
+    const o = M(r, i, n);
+    return typeof r != "string" && r.props?.ref && n && (n[r.props.ref] = o), e.parentNode?.replaceChild(o, e), o;
   }
   if (r.tag === "#anchor") {
-    const s = Array.isArray(r.children) ? r.children : [], a = r._startNode ?? document.createTextNode(""), f = r._endNode ?? document.createTextNode("");
+    const o = Array.isArray(r.children) ? r.children : [], a = r._startNode ?? document.createTextNode(""), f = r._endNode ?? document.createTextNode("");
     r.key != null && (a.key = `${r.key}:start`, f.key = `${r.key}:end`), r._startNode = a, r._endNode = f;
     const u = document.createDocumentFragment();
     u.appendChild(a);
-    for (const d of s)
-      u.appendChild(M(d, o));
+    for (const d of o)
+      u.appendChild(M(d, i));
     return u.appendChild(f), e.parentNode?.replaceChild(u, e), a;
   }
   if (typeof t != "string" && typeof r != "string" && t.tag === r.tag && t.key === r.key) {
-    const s = e;
-    return Je(s, t.props || {}, r.props || {}, o), Ze(s, t.children, r.children, o, n), typeof r != "string" && r.props?.ref && n && (n[r.props.ref] = s), s;
+    const o = e;
+    return Je(o, t.props || {}, r.props || {}, i), Ze(o, t.children, r.children, i, n), typeof r != "string" && r.props?.ref && n && (n[r.props.ref] = o), o;
   }
   V(e, n);
-  const i = M(r, o, n);
-  return typeof r != "string" && r.props?.ref && n && (n[r.props.ref] = i), e.parentNode?.replaceChild(i, e), i;
+  const s = M(r, i, n);
+  return typeof r != "string" && r.props?.ref && n && (n[r.props.ref] = s), e.parentNode?.replaceChild(s, e), s;
 }
-function Ye(e, t, r, o) {
+function Ye(e, t, r, i) {
   let n;
   Array.isArray(t) ? t.length === 1 ? (n = t[0], n && typeof n == "object" && n.key == null && (n = { ...n, key: "__root__" })) : n = { tag: "div", key: "__root__", children: t } : (n = t, n && typeof n == "object" && n.key == null && (n = { ...n, key: "__root__" })), n && typeof n == "object" && n.tag === "#anchor" && (n = {
     tag: "div",
     key: "__anchor_root__",
     props: { attrs: { "data-anchor-block-root": "", key: "__anchor_root__" } },
     children: [n]
-  }), n = ke(n, String(n.key ?? "root"));
-  const i = e._prevVNode ?? null, s = e._prevDom ?? e.firstChild ?? null;
+  }), n = ve(n, String(n.key ?? "root"));
+  const s = e._prevVNode ?? null, o = e._prevDom ?? e.firstChild ?? null;
   let a;
-  i && s ? typeof i != "string" && typeof n != "string" && i.tag === n.tag && i.key === n.key ? a = ae(s, i, n, r, o) : (a = M(n, r, o), e.replaceChild(a, s)) : (a = M(n, r, o), e.firstChild ? e.replaceChild(a, e.firstChild) : e.appendChild(a));
+  s && o ? typeof s != "string" && typeof n != "string" && s.tag === n.tag && s.key === n.key ? a = ae(o, s, n, r, i) : (a = M(n, r, i), e.replaceChild(a, o)) : (a = M(n, r, i), e.firstChild ? e.replaceChild(a, e.firstChild) : e.appendChild(a));
   const f = [];
   for (let u = 0; u < e.childNodes.length; u++) {
     const d = e.childNodes[u];
-    d !== a && d.nodeName !== "STYLE" && (V(d, o), f.push(d));
+    d !== a && d.nodeName !== "STYLE" && (V(d, i), f.push(d));
   }
   f.forEach((u) => e.removeChild(u)), e._prevVNode = n, e._prevDom = a;
 }
@@ -814,29 +814,29 @@ function he(e) {
   if (e.tag === "#anchor")
     return (Array.isArray(e.children) ? e.children.filter(Boolean) : []).map(he).join("");
   let t = "";
-  e.props && e.props.attrs && (t = Object.entries(e.props.attrs).map(([n, i]) => ` ${n}="${H(String(i))}"`).join(""));
+  e.props && e.props.attrs && (t = Object.entries(e.props.attrs).map(([n, s]) => ` ${n}="${H(String(s))}"`).join(""));
   let r = "";
-  e.props && (r = Object.entries(e.props).filter(([n]) => n !== "attrs" && n !== "directives" && n !== "ref" && n !== "key").map(([n, i]) => ` ${n}="${H(String(i))}"`).join(""));
-  const o = Array.isArray(e.children) ? e.children.filter(Boolean).map(he).join("") : typeof e.children == "string" ? H(e.children) : e.children ? he(e.children) : "";
-  return `<${e.tag}${t}${r}>${o}</${e.tag}>`;
+  e.props && (r = Object.entries(e.props).filter(([n]) => n !== "attrs" && n !== "directives" && n !== "ref" && n !== "key").map(([n, s]) => ` ${n}="${H(String(s))}"`).join(""));
+  const i = Array.isArray(e.children) ? e.children.filter(Boolean).map(he).join("") : typeof e.children == "string" ? H(e.children) : e.children ? he(e.children) : "";
+  return `<${e.tag}${t}${r}>${i}</${e.tag}>`;
 }
-function ze(e, ...t) {
+function Oe(e, ...t) {
   let r = "";
-  for (let o = 0; o < e.length; o++)
-    r += e[o], o < t.length && (r += t[o]);
+  for (let i = 0; i < e.length; i++)
+    r += e[i], i < t.length && (r += t[i]);
   return r;
 }
 function Be(e) {
   return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
 }
-let oe = null;
+let ie = null;
 function _e() {
-  return oe || (oe = new CSSStyleSheet(), oe.replaceSync(Be(Qe))), oe;
+  return ie || (ie = new CSSStyleSheet(), ie.replaceSync(Be(Qe))), ie;
 }
 function Ge(e) {
   return e.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
 }
-const Qe = ze`
+const Qe = Oe`
   :host, *, ::before, ::after {
     all: isolate;
     box-sizing: border-box;
@@ -879,8 +879,8 @@ const Qe = ze`
   ::-webkit-input-placeholder, ::placeholder {
     color: inherit; opacity: .5;
   }
-  *:focus {
-    outline: 2px solid var(--color-blue-500, #3b82f6);
+  *:focus-visible {
+    outline: 2px solid var(--color-primary-500, #3b82f6);
     outline-offset: 2px;
   }
   ol, ul { list-style: none }
@@ -895,143 +895,112 @@ const Qe = ze`
   [disabled], [aria-disabled=true] { cursor: not-allowed }
   [hidden] { display: none }
 `, Xe = {
-  gray: {
-    50: "var(--color-gray-50, #f9fafb)",
-    100: "var(--color-gray-100, #f3f4f6)",
-    200: "var(--color-gray-200, #e5e7eb)",
-    300: "var(--color-gray-300, #d1d5db)",
-    400: "var(--color-gray-400, #9ca3af)",
-    500: "var(--color-gray-500, #6b7280)",
-    600: "var(--color-gray-600, #4b5563)",
-    700: "var(--color-gray-700, #374151)",
-    800: "var(--color-gray-800, #1f2937)",
-    900: "var(--color-gray-900, #111827)"
-  },
   neutral: {
-    50: "var(--color-neutral-50, #fafafa)",
-    100: "var(--color-neutral-100, #f5f5f5)",
-    200: "var(--color-neutral-200, #e5e5e5)",
-    300: "var(--color-neutral-300, #d4d4d4)",
-    400: "var(--color-neutral-400, #a3a3a3)",
-    500: "var(--color-neutral-500, #737373)",
-    600: "var(--color-neutral-600, #525252)",
-    700: "var(--color-neutral-700, #404040)",
-    800: "var(--color-neutral-800, #262626)",
-    900: "var(--color-neutral-900, #171717)"
-  },
-  slate: {
-    50: "var(--color-slate-50, #f8fafc)",
-    100: "var(--color-slate-100, #f1f5f9)",
-    200: "var(--color-slate-200, #e2e8f0)",
-    300: "var(--color-slate-300, #cbd5e1)",
-    400: "var(--color-slate-400, #94a3b8)",
-    500: "var(--color-slate-500, #64748b)",
-    600: "var(--color-slate-600, #475569)",
-    700: "var(--color-slate-700, #334155)",
-    800: "var(--color-slate-800, #1e293b)",
-    900: "var(--color-slate-900, #0f172a)"
+    50: "#fafafa",
+    100: "#f4f4f5",
+    200: "#e4e4e7",
+    300: "#d4d4d8",
+    400: "#9f9fa9",
+    500: "#71717b",
+    600: "#52525c",
+    700: "#3f3f46",
+    800: "#27272a",
+    900: "#18181b",
+    950: "#09090b"
   },
-  zinc: {
-    50: "var(--color-zinc-50, #fafafa)",
-    100: "var(--color-zinc-100, #f4f4f5)",
-    200: "var(--color-zinc-200, #e4e4e7)",
-    300: "var(--color-zinc-300, #d4d4d8)",
-    400: "var(--color-zinc-400, #a1a1aa)",
-    500: "var(--color-zinc-500, #71717a)",
-    600: "var(--color-zinc-600, #52525b)",
-    700: "var(--color-zinc-700, #3f3f46)",
-    800: "var(--color-zinc-800, #27272a)",
-    900: "var(--color-zinc-900, #18181b)"
+  primary: {
+    50: "#eff6ff",
+    100: "#dbeafe",
+    200: "#bfdbfe",
+    300: "#93c5fd",
+    400: "#60a5fa",
+    500: "#3b82f6",
+    600: "#2563eb",
+    700: "#1d4ed8",
+    800: "#1e40af",
+    900: "#1e3a8a",
+    950: "#172554"
   },
-  red: {
-    50: "var(--color-red-50, #fef2f2)",
-    100: "var(--color-red-100, #fee2e2)",
-    200: "var(--color-red-200, #fecaca)",
-    300: "var(--color-red-300, #fca5a5)",
-    400: "var(--color-red-400, #f87171)",
-    500: "var(--color-red-500, #ef4444)",
-    600: "var(--color-red-600, #dc2626)",
-    700: "var(--color-red-700, #b91c1c)",
-    800: "var(--color-red-800, #991b1b)",
-    900: "var(--color-red-900, #7f1d1d)"
+  secondary: {
+    50: "#eef2ff",
+    100: "#e0e7ff",
+    200: "#c7d2fe",
+    300: "#a5b4fc",
+    400: "#818cf8",
+    500: "#6366f1",
+    600: "#4f46e5",
+    700: "#4338ca",
+    800: "#3730a3",
+    900: "#312e81",
+    950: "#1e1b4b"
   },
-  blue: {
-    50: "var(--color-blue-50, #eff6ff)",
-    100: "var(--color-blue-100, #dbeafe)",
-    200: "var(--color-blue-200, #bfdbfe)",
-    300: "var(--color-blue-300, #93c5fd)",
-    400: "var(--color-blue-400, #60a5fa)",
-    500: "var(--color-blue-500, #3b82f6)",
-    600: "var(--color-blue-600, #2563eb)",
-    700: "var(--color-blue-700, #1d4ed8)",
-    800: "var(--color-blue-800, #1e40af)",
-    900: "var(--color-blue-900, #1e3a8a)"
+  success: {
+    50: "#f0fdf4",
+    100: "#dcfce7",
+    200: "#bbf7d0",
+    300: "#86efac",
+    400: "#4ade80",
+    500: "#22c55e",
+    600: "#16a34a",
+    700: "#15803d",
+    800: "#166534",
+    900: "#14532d",
+    950: "#052e16"
   },
-  green: {
-    50: "var(--color-green-50, #f0fdf4)",
-    100: "var(--color-green-100, #dcfce7)",
-    200: "var(--color-green-200, #bbf7d0)",
-    300: "var(--color-green-300, #86efac)",
-    400: "var(--color-green-400, #4ade80)",
-    500: "var(--color-green-500, #22c55e)",
-    600: "var(--color-green-600, #16a34a)",
-    700: "var(--color-green-700, #15803d)",
-    800: "var(--color-green-800, #166534)",
-    900: "var(--color-green-900, #14532d)"
+  info: {
+    50: "#f0f9ff",
+    100: "#e0f2fe",
+    200: "#bae6fd",
+    300: "#7dd3fc",
+    400: "#38bdf8",
+    500: "#0ea5e9",
+    600: "#0284c7",
+    700: "#0369a1",
+    800: "#075985",
+    900: "#0c4a6e",
+    950: "#082f49"
   },
-  amber: {
-    50: "var(--color-amber-50, #fffbeb)",
-    100: "var(--color-amber-100, #fef3c7)",
-    200: "var(--color-amber-200, #fde68a)",
-    300: "var(--color-amber-300, #fcd34d)",
-    400: "var(--color-amber-400, #fbbf24)",
-    500: "var(--color-amber-500, #f59e0b)",
-    600: "var(--color-amber-600, #d97706)",
-    700: "var(--color-amber-700, #b45309)",
-    800: "var(--color-amber-800, #92400e)",
-    900: "var(--color-amber-900, #78350f)"
+  warning: {
+    50: "#fffbeb",
+    100: "#fef3c7",
+    200: "#fde68a",
+    300: "#fcd34d",
+    400: "#fbbf24",
+    500: "#f59e0b",
+    600: "#d97706",
+    700: "#b45309",
+    800: "#92400e",
+    900: "#78350f",
+    950: "#451a03"
   },
-  indigo: {
-    50: "var(--color-indigo-50, #eef2ff)",
-    100: "var(--color-indigo-100, #e0e7ff)",
-    200: "var(--color-indigo-200, #c7d2fe)",
-    300: "var(--color-indigo-300, #a5b4fc)",
-    400: "var(--color-indigo-400, #818cf8)",
-    500: "var(--color-indigo-500, #6366f1)",
-    600: "var(--color-indigo-600, #4f46e5)",
-    700: "var(--color-indigo-700, #4338ca)",
-    800: "var(--color-indigo-800, #3730a3)",
-    900: "var(--color-indigo-900, #312e81)"
+  error: {
+    50: "#fef2f2",
+    100: "#fee2e2",
+    200: "#fecaca",
+    300: "#fca5a5",
+    400: "#f87171",
+    500: "#ef4444",
+    600: "#dc2626",
+    700: "#b91c1c",
+    800: "#991b1b",
+    900: "#7f1d1d",
+    950: "#450a0a"
   },
-  emerald: {
-    50: "var(--color-emerald-50, #ecfdf5)",
-    100: "var(--color-emerald-100, #d1fae5)",
-    200: "var(--color-emerald-200, #a7f3d0)",
-    300: "var(--color-emerald-300, #6ee7b7)",
-    400: "var(--color-emerald-400, #34d399)",
-    500: "var(--color-emerald-500, #10b981)",
-    600: "var(--color-emerald-600, #059669)",
-    700: "var(--color-emerald-700, #047857)",
-    800: "var(--color-emerald-800, #065f46)",
-    900: "var(--color-emerald-900, #064e3b)"
-  },
-  rose: {
-    50: "var(--color-rose-50, #fff1f2)",
-    100: "var(--color-rose-100, #ffe4e6)",
-    200: "var(--color-rose-200, #fecdd3)",
-    300: "var(--color-rose-300, #fda4af)",
-    400: "var(--color-rose-400, #fb7185)",
-    500: "var(--color-rose-500, #f43f5e)",
-    600: "var(--color-rose-600, #e11d48)",
-    700: "var(--color-rose-700, #be123c)",
-    800: "var(--color-rose-800, #9f1239)",
-    900: "var(--color-rose-900, #881337)"
-  },
-  white: { DEFAULT: "var(--color-white, #ffffff)" },
-  black: { DEFAULT: "var(--color-black, #000000)" },
-  transparent: { DEFAULT: "var(--color-transparent, transparent)" },
-  current: { DEFAULT: "var(--color-current, currentColor)" }
-}, ge = {
+  white: { DEFAULT: "#ffffff" },
+  black: { DEFAULT: "#000000" },
+  transparent: { DEFAULT: "transparent" },
+  current: { DEFAULT: "currentColor" }
+}, et = Object.fromEntries(
+  Object.entries(Xe).map(([e, t]) => [
+    e,
+    Object.fromEntries(
+      Object.entries(t).map(([r, i]) => [
+        r,
+        `var(--color-${e}${r === "DEFAULT" ? "" : `-${r}`}, ${i})`
+      ])
+    )
+  ])
+), ge = {
   /* Display */
   block: "display:block;",
   inline: "display:inline;",
@@ -1070,12 +1039,23 @@ const Qe = ze`
   "grid-cols-4": "grid-template-columns:repeat(4,minmax(0,1fr));",
   "grid-cols-5": "grid-template-columns:repeat(5,minmax(0,1fr));",
   "grid-cols-6": "grid-template-columns:repeat(6,minmax(0,1fr));",
+  "grid-cols-7": "grid-template-columns:repeat(7,minmax(0,1fr));",
+  "grid-cols-8": "grid-template-columns:repeat(8,minmax(0,1fr));",
+  "grid-cols-9": "grid-template-columns:repeat(9,minmax(0,1fr));",
+  "grid-cols-10": "grid-template-columns:repeat(10,minmax(0,1fr));",
+  "grid-cols-11": "grid-template-columns:repeat(11,minmax(0,1fr));",
   "grid-cols-12": "grid-template-columns:repeat(12,minmax(0,1fr));",
   "grid-rows-1": "grid-template-rows:repeat(1,minmax(0,1fr));",
   "grid-rows-2": "grid-template-rows:repeat(2,minmax(0,1fr));",
   "grid-rows-3": "grid-template-rows:repeat(3,minmax(0,1fr));",
   "grid-rows-4": "grid-template-rows:repeat(4,minmax(0,1fr));",
+  "grid-rows-5": "grid-template-rows:repeat(5,minmax(0,1fr));",
   "grid-rows-6": "grid-template-rows:repeat(6,minmax(0,1fr));",
+  "grid-rows-7": "grid-template-rows:repeat(7,minmax(0,1fr));",
+  "grid-rows-8": "grid-template-rows:repeat(8,minmax(0,1fr));",
+  "grid-rows-9": "grid-template-rows:repeat(9,minmax(0,1fr));",
+  "grid-rows-10": "grid-template-rows:repeat(10,minmax(0,1fr));",
+  "grid-rows-11": "grid-template-rows:repeat(11,minmax(0,1fr));",
   "grid-rows-12": "grid-template-rows:repeat(12,minmax(0,1fr));",
   /* Grid Placement */
   "col-span-1": "grid-column:span 1 / span 1;",
@@ -1084,12 +1064,22 @@ const Qe = ze`
   "col-span-4": "grid-column:span 4 / span 4;",
   "col-span-5": "grid-column:span 5 / span 5;",
   "col-span-6": "grid-column:span 6 / span 6;",
+  "col-span-7": "grid-column:span 7 / span 7;",
+  "col-span-8": "grid-column:span 8 / span 8;",
+  "col-span-9": "grid-column:span 9 / span 9;",
+  "col-span-10": "grid-column:span 10 / span 10;",
+  "col-span-11": "grid-column:span 11 / span 11;",
   "col-span-12": "grid-column:span 12 / span 12;",
   "row-span-1": "grid-row:span 1 / span 1;",
   "row-span-2": "grid-row:span 2 / span 2;",
   "row-span-3": "grid-row:span 3 / span 3;",
   "row-span-4": "grid-row:span 4 / span 4;",
   "row-span-6": "grid-row:span 6 / span 6;",
+  "row-span-7": "grid-row:span 7 / span 7;",
+  "row-span-8": "grid-row:span 8 / span 8;",
+  "row-span-9": "grid-row:span 9 / span 9;",
+  "row-span-10": "grid-row:span 10 / span 10;",
+  "row-span-11": "grid-row:span 11 / span 11;",
   "row-span-12": "grid-row:span 12 / span 12;",
   /* Positioning */
   absolute: "position:absolute;",
@@ -1128,21 +1118,25 @@ const Qe = ze`
   "text-8xl": "font-size:6rem;line-height:1",
   /* Borders */
   border: "border-width:1px;",
+  "border-2": "border-width:2px;",
+  "border-4": "border-width:4px;",
+  "border-6": "border-width:6px;",
+  "border-8": "border-width:8px;",
   "rounded-none": "border-radius:0;",
   "rounded-xs": "border-radius:0.125rem;",
-  rounded: "border-radius:0.25rem;",
   "rounded-sm": "border-radius:0.25rem;",
   "rounded-md": "border-radius:0.375rem;",
   "rounded-lg": "border-radius:0.5rem;",
   "rounded-full": "border-radius:9999px;",
   /* Shadow and effects */
-  "shadow-none": "box-shadow:0 0 #0000;",
-  "shadow-xs": "box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);",
-  "shadow-sm": "box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);",
-  "shadow-md": "box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);",
-  "shadow-lg": "box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);",
-  "shadow-xl": "box-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);",
-  "shadow-2xl": "box-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);",
+  // Shadows use a CSS variable for color so color utilities can modify --ce-shadow-color
+  "shadow-none": "--ce-shadow-color: rgb(0 0 0 / 0);box-shadow:0 0 var(--ce-shadow-color, #0000);",
+  "shadow-xs": "--ce-shadow-color: rgb(0 0 0 / 0.05);box-shadow:0 1px 2px 0 var(--ce-shadow-color, rgb(0 0 0 / 0.05));",
+  "shadow-sm": "--ce-shadow-color: rgb(0 0 0 / 0.1);box-shadow:0 1px 3px 0 var(--ce-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--ce-shadow-color, rgb(0 0 0 / 0.1));",
+  "shadow-md": "--ce-shadow-color: rgb(0 0 0 / 0.1);box-shadow:0 4px 6px -1px var(--ce-shadow-color, rgb(0 0 0 / 0.1)),0 2px 4px -2px var(--ce-shadow-color, rgb(0 0 0 / 0.1));",
+  "shadow-lg": "--ce-shadow-color: rgb(0 0 0 / 0.1);box-shadow:0 10px 15px -3px var(--ce-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--ce-shadow-color, rgb(0 0 0 / 0.1));",
+  "shadow-xl": "--ce-shadow-color: rgb(0 0 0 / 0.1);box-shadow:0 20px 25px -5px var(--ce-shadow-color, rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--ce-shadow-color, rgb(0 0 0 / 0.1));",
+  "shadow-2xl": "--ce-shadow-color: rgb(0 0 0 / 0.25);box-shadow:0 25px 50px -12px var(--ce-shadow-color, rgb(0 0 0 / 0.25));",
   /* Text Overflow & Whitespace */
   truncate: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;",
   /* Visibility */
@@ -1201,6 +1195,15 @@ const Qe = ze`
   "transition-opacity": "transition-property:opacity;",
   "transition-transform": "transition-property:transform;",
   "transition-none": "transition-property:none;",
+  /* Cursor */
+  "cursor-auto": "cursor:auto;",
+  "cursor-default": "cursor:default;",
+  "cursor-pointer": "cursor:pointer;",
+  "cursor-wait": "cursor:wait;",
+  "cursor-text": "cursor:text;",
+  "cursor-move": "cursor:move;",
+  "cursor-help": "cursor:help;",
+  "cursor-not-allowed": "cursor:not-allowed;",
   /* Z-index */
   "z-0": "z-index:0;",
   "z-10": "z-index:10;",
@@ -1208,7 +1211,7 @@ const Qe = ze`
   "z-30": "z-index:30;",
   "z-40": "z-index:40;",
   "z-50": "z-index:50;"
-}, et = "0.25rem", Se = {
+}, tt = "0.25rem", Se = {
   m: ["margin"],
   mx: ["margin-inline"],
   my: ["margin-block"],
@@ -1240,34 +1243,34 @@ const Qe = ze`
   "gap-x": ["column-gap"],
   "gap-y": ["row-gap"]
 };
-function P(e, t) {
-  let r = 0, o = 0;
+function N(e, t) {
+  let r = 0, i = 0;
   for (let n = 0; n < e.length; n++) {
-    const i = e[n];
-    if (i === "[") r++;
-    else if (i === "]" && r > 0) r--;
-    else if (i === "(") o++;
-    else if (i === ")" && o > 0) o--;
-    else if (r === 0 && o === 0 && (i === ">" || i === "+" || i === "~" || i === " "))
+    const s = e[n];
+    if (s === "[") r++;
+    else if (s === "]" && r > 0) r--;
+    else if (s === "(") i++;
+    else if (s === ")" && i > 0) i--;
+    else if (r === 0 && i === 0 && (s === ">" || s === "+" || s === "~" || s === " "))
       return e.slice(0, n) + t + e.slice(n);
   }
   return e + t;
 }
-const tt = {
+const rt = {
   before: (e, t) => `${e}::before{${t}}`,
   after: (e, t) => `${e}::after{${t}}`,
-  hover: (e, t) => `${P(e, ":hover")}{${t}}`,
-  focus: (e, t) => `${P(e, ":focus")}{${t}}`,
-  active: (e, t) => `${P(e, ":active")}{${t}}`,
-  disabled: (e, t) => `${P(e, ":disabled")}{${t}}`,
-  visited: (e, t) => `${P(e, ":visited")}{${t}}`,
-  checked: (e, t) => `${P(e, ":checked")}{${t}}`,
-  first: (e, t) => `${P(e, ":first-child")}{${t}}`,
-  last: (e, t) => `${P(e, ":last-child")}{${t}}`,
-  odd: (e, t) => `${P(e, ":nth-child(odd)")}{${t}}`,
-  even: (e, t) => `${P(e, ":nth-child(even)")}{${t}}`,
-  "focus-within": (e, t) => `${P(e, ":focus-within")}{${t}}`,
-  "focus-visible": (e, t) => `${P(e, ":focus-visible")}{${t}}`,
+  hover: (e, t) => `${N(e, ":hover")}{${t}}`,
+  focus: (e, t) => `${N(e, ":focus")}{${t}}`,
+  active: (e, t) => `${N(e, ":active")}{${t}}`,
+  disabled: (e, t) => `${N(e, ":disabled")}{${t}}`,
+  visited: (e, t) => `${N(e, ":visited")}{${t}}`,
+  checked: (e, t) => `${N(e, ":checked")}{${t}}`,
+  first: (e, t) => `${N(e, ":first-child")}{${t}}`,
+  last: (e, t) => `${N(e, ":last-child")}{${t}}`,
+  odd: (e, t) => `${N(e, ":nth-child(odd)")}{${t}}`,
+  even: (e, t) => `${N(e, ":nth-child(even)")}{${t}}`,
+  "focus-within": (e, t) => `${N(e, ":focus-within")}{${t}}`,
+  "focus-visible": (e, t) => `${N(e, ":focus-visible")}{${t}}`,
   "group-hover": (e, t) => `.group:hover ${e}{${t}}`,
   "group-focus": (e, t) => `.group:focus ${e}{${t}}`,
   "group-active": (e, t) => `.group:active ${e}{${t}}`,
@@ -1276,7 +1279,7 @@ const tt = {
   "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 = {
+}, me = {
   // Responsive
   sm: "(min-width:640px)",
   md: "(min-width:768px)",
@@ -1285,61 +1288,62 @@ const tt = {
   "2xl": "(min-width:1536px)",
   // Dark mode (now plain string)
   dark: "(prefers-color-scheme: dark)"
-}, me = ["sm", "md", "lg", "xl", "2xl"];
+}, ye = ["sm", "md", "lg", "xl", "2xl"];
 function be(e) {
-  const t = e.startsWith("-"), o = (t ? e.slice(1) : e).split("-");
-  if (o.length < 2) return null;
-  const n = o.slice(0, -1).join("-"), i = o[o.length - 1], s = parseFloat(i);
-  if (Number.isNaN(s) || !Se[n]) return null;
+  const t = e.startsWith("-"), i = (t ? e.slice(1) : e).split("-");
+  if (i.length < 2) return null;
+  const n = i.slice(0, -1).join("-"), s = i[i.length - 1], o = parseFloat(s);
+  if (Number.isNaN(o) || !Se[n]) return null;
   const a = t ? "-" : "";
-  return Se[n].map((f) => `${f}:calc(${a}${et} * ${s});`).join("");
+  return Se[n].map((f) => `${f}:calc(${a}${tt} * ${o});`).join("");
 }
-function Ce(e) {
-  const t = e.replace("#", ""), r = parseInt(t, 16), o = r >> 16 & 255, n = r >> 8 & 255, i = r & 255;
-  return `${o} ${n} ${i}`;
+function Ee(e) {
+  const t = e.replace("#", ""), r = parseInt(t, 16), i = r >> 16 & 255, n = r >> 8 & 255, s = r & 255;
+  return `${i} ${n} ${s}`;
 }
-function rt(e) {
+function nt(e) {
   const t = /^(bg|text|border|decoration|shadow|outline|caret|accent|fill|stroke)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/.exec(e);
   if (!t) return null;
-  const [, r, o, n = "DEFAULT"] = t, i = Xe[o]?.[n];
-  return i ? `${{
+  const [, r, i, n = "DEFAULT"] = t, s = et[i]?.[n];
+  if (!s) return null;
+  if (r === "shadow") return `--ce-shadow-color:${s};`;
+  const a = {
     bg: "background-color",
     decoration: "text-decoration-color",
     text: "color",
     border: "border-color",
-    shadow: "box-shadow",
     outline: "outline-color",
     caret: "caret-color",
     accent: "accent-color",
-    placeholder: "placeholder-color",
-    fill: "fill-color",
-    stroke: "stroke-color"
-  }[r]}:${i};` : null;
+    fill: "fill",
+    stroke: "stroke"
+  }[r];
+  return a ? `${a}:${s};` : null;
 }
-function nt(e) {
+function it(e) {
   const [t, r] = e.split("/");
   if (!r) return { base: t };
-  const o = parseInt(r, 10);
-  return isNaN(o) || o < 0 || o > 100 ? { base: t } : { base: t, opacity: o / 100 };
+  const i = parseInt(r, 10);
+  return isNaN(i) || i < 0 || i > 100 ? { base: t } : { base: t, opacity: i / 100 };
 }
-function ve(e) {
-  const { base: t, opacity: r } = nt(e), o = rt(t);
-  if (o) {
+function we(e) {
+  const { base: t, opacity: r } = it(e), i = nt(t);
+  if (i) {
     if (r !== void 0) {
-      const i = /#([0-9a-f]{6})/i.exec(o);
-      if (i) {
-        const s = Ce(i[0]);
-        return o.replace(/#([0-9a-f]{6})/i, `rgb(${s} / ${r})`);
+      const s = /#([0-9a-f]{6})/i.exec(i);
+      if (s) {
+        const o = Ee(s[0]);
+        return i.replace(/#([0-9a-f]{6})/i, `rgb(${o} / ${r})`);
       }
     }
-    return o;
+    return i;
   }
-  const n = le(t);
+  const n = ce(t);
   if (n && r !== void 0) {
-    const i = /#([0-9a-f]{6})/i.exec(n);
-    if (i) {
-      const s = Ce(i[0]);
-      return n.replace(/#([0-9a-f]{6})/i, `rgb(${s} / ${r})`);
+    const s = /#([0-9a-f]{6})/i.exec(n);
+    if (s) {
+      const o = Ee(s[0]);
+      return n.replace(/#([0-9a-f]{6})/i, `rgb(${o} / ${r})`);
     }
   }
   return n;
@@ -1350,22 +1354,22 @@ function xe(e) {
   const r = parseInt(t[1], 10);
   return r < 0 || r > 100 ? null : `opacity:${r / 100};`;
 }
-function le(e) {
+function ce(e) {
   if (e.startsWith("[") && e.endsWith("]") && !e.includes("-[")) {
     const n = e.slice(1, -1).trim().match(/^([a-zA-Z][a-zA-Z0-9-]*)\s*:(.*)$/);
     if (n) {
-      const i = n[1].trim();
-      let s = n[2].trim();
-      return s = s.replace(/url\('\s*([^']*?)\s*'\)/g, 'url("$1")'), s = s.replace(/^'([^']*)'$/g, '"$1"'), `${i}:${s};`;
+      const s = n[1].trim();
+      let o = n[2].trim();
+      return o = o.replace(/url\('\s*([^']*?)\s*'\)/g, 'url("$1")'), o = o.replace(/^'([^']*)'$/g, '"$1"'), `${s}:${o};`;
     }
     return null;
   }
   const t = e.indexOf("-["), r = e.endsWith("]");
   if (t > 0 && r) {
-    const o = e.slice(0, t);
+    const i = e.slice(0, t);
     let n = e.slice(t + 2, -1);
     n = n.replace(/_/g, " ");
-    const i = {
+    const s = {
       bg: "background-color",
       text: "color",
       shadow: "box-shadow",
@@ -1407,14 +1411,14 @@ function le(e) {
       leading: "line-height",
       z: "z-index"
     };
-    if (o === "rotate")
+    if (i === "rotate")
       return `transform:rotate(${n});`;
-    const s = i[o] ?? o.replace(/_/g, "-");
-    if (s && n) return `${s}:${n};`;
+    const o = s[i] ?? i.replace(/_/g, "-");
+    if (o && n) return `${o}:${n};`;
   }
   return null;
 }
-function ot(e) {
+function st(e) {
   if (e.startsWith("[") && e.endsWith("]")) {
     const r = e.slice(1, -1);
     return r.includes("&") ? r : e;
@@ -1426,44 +1430,44 @@ function ot(e) {
   }
   return null;
 }
-function it(e) {
+function ot(e) {
   return e.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1");
 }
-function st(e) {
+function at(e) {
   const t = /class\s*=\s*(['"])(.*?)\1/g, r = [];
-  let o;
-  for (; o = t.exec(e); ) {
-    const n = o[2].split(/\s+/).filter(Boolean);
+  let i;
+  for (; i = t.exec(e); ) {
+    const n = i[2].split(/\s+/).filter(Boolean);
     n.length && r.push(...n);
   }
   return r.filter(Boolean);
 }
-const Ee = /* @__PURE__ */ new Map(), at = 16;
+const Ce = /* @__PURE__ */ new Map(), ct = 16;
 function lt(e) {
-  const t = Date.now(), r = Ee.get(e);
-  if (r && t - r.timestamp < at) return r.css;
-  const o = st(e), n = new Set(o), i = [], s = [], a = [], f = [], u = {};
-  function d(v, b = !1) {
-    const y = (b ? "dark|" : "") + v;
-    if (y in u) return u[y];
-    const x = w(v, b);
-    return u[y] = x, x;
-  }
-  function m(v) {
-    const b = v.some((x) => me.includes(x)), y = v.includes("dark");
-    return v.length === 0 ? 1 : !b && !y ? 2 : b && !y ? 3 : 4;
-  }
-  function l(v) {
+  const t = Date.now(), r = Ce.get(e);
+  if (r && t - r.timestamp < ct) return r.css;
+  const i = at(e), n = new Set(i), s = [], o = [], a = [], f = [], u = {};
+  function d(w, b = !1) {
+    const m = (b ? "dark|" : "") + w;
+    if (m in u) return u[m];
+    const x = k(w, b);
+    return u[m] = x, x;
+  }
+  function y(w) {
+    const b = w.some((x) => ye.includes(x)), m = w.includes("dark");
+    return w.length === 0 ? 1 : !b && !m ? 2 : b && !m ? 3 : 4;
+  }
+  function c(w) {
     const b = [];
-    let y = "", x = 0, c = 0;
-    for (let g = 0; g < v.length; g++) {
-      const p = v[g];
-      p === "[" ? x++ : p === "]" && x > 0 ? x-- : p === "(" ? c++ : p === ")" && c > 0 && c--, p === ":" && x === 0 && c === 0 ? (b.push(y), y = "") : y += p;
+    let m = "", x = 0, l = 0;
+    for (let g = 0; g < w.length; g++) {
+      const p = w[g];
+      p === "[" ? x++ : p === "]" && x > 0 ? x-- : p === "(" ? l++ : p === ")" && l > 0 && l--, p === ":" && x === 0 && l === 0 ? (b.push(m), m = "") : m += p;
     }
-    return y && b.push(y), b;
+    return m && b.push(m), b;
   }
-  function h(v) {
-    switch (v) {
+  function h(w) {
+    switch (w) {
       case "hover":
         return ":hover";
       case "focus":
@@ -1492,210 +1496,210 @@ function lt(e) {
         return null;
     }
   }
-  function w(v, b = !1) {
-    const y = l(v);
+  function k(w, b = !1) {
+    const m = c(w);
     let x = !1;
-    const c = y.find((k) => (k.startsWith("!") && (x = !0, k = k.slice(1)), ge[k] || be(k) || xe(k) || ve(k) || le(k)));
-    if (!c) return null;
-    const g = c.replace(/^!/, ""), p = ge[g] ?? be(g) ?? xe(g) ?? ve(g) ?? le(g);
+    const l = m.find((v) => (v.startsWith("!") && (x = !0, v = v.slice(1)), ge[v] || be(v) || xe(v) || we(v) || ce(v)));
+    if (!l) return null;
+    const g = l.replace(/^!/, ""), p = ge[g] ?? be(g) ?? xe(g) ?? we(g) ?? ce(g);
     if (!p) return null;
-    const _ = y.indexOf(c);
-    let E = _ >= 0 ? y.slice(0, _) : [];
-    b && (E = E.filter((k) => k !== "dark"));
-    const C = `.${it(v)}`, S = "__SUBJECT__", A = x ? p.replace(/;$/, " !important;") : p;
-    let T = S;
+    const _ = m.indexOf(l);
+    let C = _ >= 0 ? m.slice(0, _) : [];
+    b && (C = C.filter((v) => v !== "dark"));
+    const E = `.${ot(w)}`, S = "__SUBJECT__", A = x ? p.replace(/;$/, " !important;") : p;
+    let j = S;
     const Q = [];
-    for (const k of E)
-      k.startsWith("group-") ? (T = `.group:${k.slice(6)} ${T}`, Q.push(k)) : k.startsWith("peer-") && (T = T.replace(S, `.peer:${k.slice(5)}~${S}`), Q.push(k));
-    E = E.filter((k) => !Q.includes(k));
+    for (const v of C)
+      v.startsWith("group-") ? (j = `.group:${v.slice(6)} ${j}`, Q.push(v)) : v.startsWith("peer-") && (j = j.replace(S, `.peer:${v.slice(5)}~${S}`), Q.push(v));
+    C = C.filter((v) => !Q.includes(v));
     const X = [], de = [];
     let q = null;
-    for (const k of E) {
-      if (k === "dark" || me.includes(k)) continue;
-      const B = ot(k);
+    for (const v of C) {
+      if (v === "dark" || ye.includes(v)) continue;
+      const B = st(v);
       if (B) {
         q = B;
         continue;
       }
-      const z = h(k);
-      if (z) {
-        q ? de.push(z) : X.push(z);
+      const O = h(v);
+      if (O) {
+        q ? de.push(O) : X.push(O);
         continue;
       }
-      const O = tt[k];
-      typeof O == "function" && (T = O(T, A).split("{")[0]);
+      const P = rt[v];
+      typeof P == "function" && (j = P(j, A).split("{")[0]);
     }
-    function I(k, B) {
-      if (!B) return k;
-      let z = 0, O = 0;
-      if (k.length && (k[0] === ">" || k[0] === "+" || k[0] === "~" || k[0] === " ")) {
-        let j = 1;
-        for (; j < k.length && k[j] === " "; ) j++;
-        for (; j < k.length; j++) {
-          const R = k[j];
-          if (R === "[" ? z++ : R === "]" && z > 0 ? z-- : R === "(" ? O++ : R === ")" && O > 0 && O--, z === 0 && O === 0 && (k[j] === ">" || k[j] === "+" || k[j] === "~" || k[j] === " "))
-            return k.slice(0, j) + B + k.slice(j);
+    function I(v, B) {
+      if (!B) return v;
+      let O = 0, P = 0;
+      if (v.length && (v[0] === ">" || v[0] === "+" || v[0] === "~" || v[0] === " ")) {
+        let T = 1;
+        for (; T < v.length && v[T] === " "; ) T++;
+        for (; T < v.length; T++) {
+          const R = v[T];
+          if (R === "[" ? O++ : R === "]" && O > 0 ? O-- : R === "(" ? P++ : R === ")" && P > 0 && P--, O === 0 && P === 0 && (v[T] === ">" || v[T] === "+" || v[T] === "~" || v[T] === " "))
+            return v.slice(0, T) + B + v.slice(T);
         }
-        return k + B;
+        return v + B;
       }
-      for (let j = 0; j < k.length; j++) {
-        const R = k[j];
-        if (R === "[" ? z++ : R === "]" && z > 0 ? z-- : R === "(" ? O++ : R === ")" && O > 0 && O--, z === 0 && O === 0 && (R === ">" || R === "+" || R === "~" || R === " "))
-          return k.slice(0, j) + B + k.slice(j);
+      for (let T = 0; T < v.length; T++) {
+        const R = v[T];
+        if (R === "[" ? O++ : R === "]" && O > 0 ? O-- : R === "(" ? P++ : R === ")" && P > 0 && P--, O === 0 && P === 0 && (R === ">" || R === "+" || R === "~" || R === " "))
+          return v.slice(0, T) + B + v.slice(T);
       }
-      return k + B;
+      return v + B;
     }
     const Z = X.join(""), F = de.join("");
     if (q)
       if (q.includes("&")) {
-        const k = q.indexOf("&"), B = q.slice(0, k), z = q.slice(k + 1), O = S + Z, j = T;
+        const v = q.indexOf("&"), B = q.slice(0, v), O = q.slice(v + 1), P = S + Z, T = j;
         if (X.length === 0)
-          T = j.replace(S, B + O + F + z);
+          j = T.replace(S, B + P + F + O);
         else {
-          const R = I(z, F);
-          T = j.replace(S, B + O + R);
+          const R = I(O, F);
+          j = T.replace(S, B + P + R);
         }
       } else
-        T = T.replace(S, `${q}${S + Z}`), F && (T = T.replace(S, `${S}${F}`));
+        j = j.replace(S, `${q}${S + Z}`), F && (j = j.replace(S, `${S}${F}`));
     else
-      T = S + Z + F;
-    T = T.replace(new RegExp(S, "g"), C);
-    let L = `${T}{${A}}`;
-    const K = E.filter((k) => me.includes(k)), D = K.length ? K[K.length - 1] : null, ne = E.includes("dark");
-    return b && D ? L = `@media (prefers-color-scheme: dark) and ${ye[D]}{${L}}` : b ? L = `@media (prefers-color-scheme: dark){${L}}` : ne && D ? L = `@media (prefers-color-scheme: dark) and ${ye[D]}{${L}}` : ne ? L = `@media (prefers-color-scheme: dark){${L}}` : D && (L = `@media ${ye[D]}{${L}}`), L;
-  }
-  for (const v of n) {
-    const b = l(v), y = b.find(
-      (p) => ge[p] || be(p) || xe(p) || ve(p) || le(p)
+      j = S + Z + F;
+    j = j.replace(new RegExp(S, "g"), E);
+    let L = `${j}{${A}}`;
+    const K = C.filter((v) => ye.includes(v)), D = K.length ? K[K.length - 1] : null, ne = C.includes("dark");
+    return b && D ? L = `@media (prefers-color-scheme: dark) and ${me[D]}{${L}}` : b ? L = `@media (prefers-color-scheme: dark){${L}}` : ne && D ? L = `@media (prefers-color-scheme: dark) and ${me[D]}{${L}}` : ne ? L = `@media (prefers-color-scheme: dark){${L}}` : D && (L = `@media ${me[D]}{${L}}`), L;
+  }
+  for (const w of n) {
+    const b = c(w), m = b.find(
+      (p) => ge[p] || be(p) || xe(p) || we(p) || ce(p)
     );
-    if (!y) continue;
-    const x = b.indexOf(y), c = x >= 0 ? b.slice(0, x) : [], g = m(c);
+    if (!m) continue;
+    const x = b.indexOf(m), l = x >= 0 ? b.slice(0, x) : [], g = y(l);
     if (g === 4) {
-      const p = d(v, !0);
+      const p = d(w, !0);
       p && f.push(p);
     } else {
-      const p = d(v);
-      p && (g === 1 ? i.push(p) : g === 2 ? s.push(p) : g === 3 && a.push(p));
+      const p = d(w);
+      p && (g === 1 ? s.push(p) : g === 2 ? o.push(p) : g === 3 && a.push(p));
     }
   }
-  const $ = [...i, ...s, ...a, ...f].join("");
-  return Ee.set(e, { css: $, timestamp: t }), $;
+  const $ = [...s, ...o, ...a, ...f].join("");
+  return Ce.set(e, { css: $, timestamp: t }), $;
 }
 const te = [];
-function ct(e, t, r, o, n, i, s, a) {
+function ft(e, t, r, i, n, s, o, a) {
   if (e) {
     te.push(r);
     try {
       if (t.loadingTemplate && r.isLoading) {
-        Y(e, t.loadingTemplate(r), r, o, n);
+        Y(e, t.loadingTemplate(r), r, i, n);
         return;
       }
       if (t.errorTemplate && r.hasError) {
-        r.error instanceof Error && Y(e, t.errorTemplate(r.error, r), r, o, n);
+        r.error instanceof Error && Y(e, t.errorTemplate(r.error, r), r, i, n);
         return;
       }
       const f = t.render(r);
       if (f instanceof Promise) {
-        i(!0), f.then((u) => {
-          i(!1), s(null), Y(e, u, r, o, n), a(e.innerHTML);
+        s(!0), f.then((u) => {
+          s(!1), o(null), Y(e, u, r, i, n), a(e.innerHTML);
         }).catch((u) => {
-          i(!1), s(u), t.errorTemplate && Y(e, t.errorTemplate(u, r), r, o, n);
-        }), t.loadingTemplate && Y(e, t.loadingTemplate(r), r, o, n);
+          s(!1), o(u), t.errorTemplate && Y(e, t.errorTemplate(u, r), r, i, n);
+        }), t.loadingTemplate && Y(e, t.loadingTemplate(r), r, i, n);
         return;
       }
-      Y(e, f, r, o, n), a(e.innerHTML);
+      Y(e, f, r, i, n), a(e.innerHTML);
     } finally {
       te.pop();
     }
   }
 }
-function Y(e, t, r, o, n) {
+function Y(e, t, r, i, n) {
   e && (Ye(
     e,
     Array.isArray(t) ? t : [t],
     r,
-    o
+    i
   ), n(e.innerHTML));
 }
-function ft(e, t, r, o, n, i, s) {
-  if (i !== null && clearTimeout(i), Date.now() - t < 16) {
+function ut(e, t, r, i, n, s, o) {
+  if (s !== null && clearTimeout(s), Date.now() - t < 16) {
     if (n(r + 1), r > 10) {
-      s(null);
+      o(null);
       return;
     }
   } else
     n(0);
   const f = setTimeout(() => {
-    o(Date.now()), e(), s(null);
+    i(Date.now()), e(), o(null);
   }, 0);
-  s(f);
+  o(f);
 }
-function ut(e, t, r, o, n, i) {
+function dt(e, t, r, i, n, s) {
   if (!e) return;
-  const s = lt(o);
-  if (!t.style && (!s || s.trim() === "")) {
-    i(null), e.adoptedStyleSheets = [_e()];
+  const o = lt(i);
+  if (!t.style && (!o || o.trim() === "")) {
+    s(null), e.adoptedStyleSheets = [_e()];
     return;
   }
   let a = "";
   t.style && (typeof t.style == "string" ? a = t.style : typeof t.style == "function" && (a = t.style(r)));
   let f = Ge(`${a}
-${s}
+${o}
 `);
   f = Be(f);
   let u = n;
-  u || (u = new CSSStyleSheet()), (u.cssRules.length === 0 || u.toString() !== f) && u.replaceSync(f), e.adoptedStyleSheets = [_e(), u], i(u);
+  u || (u = new CSSStyleSheet()), (u.cssRules.length === 0 || u.toString() !== f) && u.replaceSync(f), e.adoptedStyleSheets = [_e(), u], s(u);
 }
 const ue = /* @__PURE__ */ new Map(), Ae = Symbol.for("cer.registry");
 if (typeof window < "u") {
   const e = globalThis;
   e[Ae] || (e[Ae] = ue);
 }
-function Te(e, t, r) {
-  let o = J(e);
-  o.includes("-") || (o = `cer-${o}`);
+function je(e, t, r) {
+  let i = J(e);
+  i.includes("-") || (i = `cer-${i}`);
   let n;
-  typeof t == "function" ? n = { ...r, render: t } : n = t, typeof n.onError != "function" && (n.onError = (i, s) => {
-    console.error(`[${o}] Error:`, i, s);
+  typeof t == "function" ? n = { ...r, render: t } : n = t, typeof n.onError != "function" && (n.onError = (s, o) => {
+    console.error(`[${i}] Error:`, s, o);
   });
   try {
-    const i = /* @__PURE__ */ new Set([
+    const s = /* @__PURE__ */ new Set([
       "refs",
       "requestRender",
       "error",
       "hasError",
       "isLoading",
       "emit"
-    ]), s = [];
+    ]), o = [];
     if (n.state && typeof n.state == "object" && Object.keys(n.state).forEach((a) => {
-      i.has(a) && s.push(a);
+      s.has(a) && o.push(a);
     }), n.props && typeof n.props == "object" && Object.keys(n.props).forEach((a) => {
-      i.has(a) && s.push(a);
+      s.has(a) && o.push(a);
     }), n.computed && typeof n.computed == "object" && Object.keys(n.computed).forEach((a) => {
-      i.has(a) && s.push(a);
-    }), s.length > 0) {
-      const a = Array.from(new Set(s));
+      s.has(a) && o.push(a);
+    }), o.length > 0) {
+      const a = Array.from(new Set(o));
       console.warn(
-        `[${o}] Reserved runtime context keys used in component config: ${a.join(", ")}. These names are provided by the runtime (for example: refs, error, emit). Rename your state/prop/computed keys (e.g. 'error' -> 'errorMessage') to avoid collisions and TypeScript type conflicts.`
+        `[${i}] Reserved runtime context keys used in component config: ${a.join(", ")}. These names are provided by the runtime (for example: refs, error, emit). Rename your state/prop/computed keys (e.g. 'error' -> 'errorMessage') to avoid collisions and TypeScript type conflicts.`
       );
     }
   } catch {
   }
-  if (ue.set(o, n), typeof window < "u")
-    if (!customElements.get(o))
-      customElements.define(o, dt(o, n));
+  if (ue.set(i, n), typeof window < "u")
+    if (!customElements.get(i))
+      customElements.define(i, pt(i, n));
     else
       try {
-        document.querySelectorAll(o).forEach((i) => {
+        document.querySelectorAll(i).forEach((s) => {
           try {
-            typeof i._cfg < "u" && (i._cfg = n), typeof i._render == "function" && i._render(n);
+            typeof s._cfg < "u" && (s._cfg = n), typeof s._render == "function" && s._render(n);
           } catch {
           }
         });
       } catch {
       }
 }
-function dt(e, t) {
+function pt(e, t) {
   if (!t.render)
     throw new Error(
       "Component must have a render function"
@@ -1752,12 +1756,12 @@ function dt(e, t) {
         enumerable: !1,
         configurable: !1
       }), this.context = r, Object.defineProperty(this.context, "emit", {
-        value: (n, i, s) => {
+        value: (n, s, o) => {
           const a = new CustomEvent(n, {
-            detail: i,
+            detail: s,
             bubbles: !0,
             composed: !0,
-            ...s || {}
+            ...o || {}
           });
           return this.dispatchEvent(a), !a.defaultPrevented;
         },
@@ -1765,11 +1769,11 @@ function dt(e, t) {
         enumerable: !1,
         configurable: !1
       });
-      const o = ue.get(e) || t;
-      Object.keys(o).forEach((n) => {
-        const i = o[n];
-        typeof i == "function" && (this.context[n] = (...s) => i(...s, this.context));
-      }), this._applyComputed(o), this._initializing = !1, this._initWatchers(o), this._render(o);
+      const i = ue.get(e) || t;
+      Object.keys(i).forEach((n) => {
+        const s = i[n];
+        typeof s == "function" && (this.context[n] = (...o) => s(...o, this.context));
+      }), this._applyComputed(i), this._initializing = !1, this._initWatchers(i), this._render(i);
     }
     connectedCallback() {
       this._runLogicWithinErrorBoundary(t, () => {
@@ -1807,12 +1811,12 @@ function dt(e, t) {
         );
       });
     }
-    attributeChangedCallback(r, o, n) {
+    attributeChangedCallback(r, i, n) {
       this._runLogicWithinErrorBoundary(t, () => {
         this._applyProps(t), Ie(
           t,
           r,
-          o,
+          i,
           n,
           this.context
         );
@@ -1823,11 +1827,11 @@ function dt(e, t) {
     }
     _applyComputed(r) {
       this._runLogicWithinErrorBoundary(t, () => {
-        r.computed && Object.entries(r.computed).forEach(([o, n]) => {
-          Object.defineProperty(this.context, o, {
+        r.computed && Object.entries(r.computed).forEach(([i, n]) => {
+          Object.defineProperty(this.context, i, {
             get: () => {
-              const i = n(this.context);
-              return H(i);
+              const s = n(this.context);
+              return H(s);
             },
             enumerable: !0
           });
@@ -1837,21 +1841,21 @@ function dt(e, t) {
     // --- Render ---
     _render(r) {
       this._runLogicWithinErrorBoundary(r, () => {
-        ct(
+        ft(
           this.shadowRoot,
           r,
           this.context,
           this._refs,
-          (o) => {
-            this._lastHtmlStringForJitCSS = o, typeof this.onHtmlStringUpdate == "function" && this.onHtmlStringUpdate(o);
+          (i) => {
+            this._lastHtmlStringForJitCSS = i, typeof this.onHtmlStringUpdate == "function" && this.onHtmlStringUpdate(i);
           },
-          (o) => {
-            this._templateLoading = o, typeof this.onLoadingStateChange == "function" && this.onLoadingStateChange(o);
+          (i) => {
+            this._templateLoading = i, typeof this.onLoadingStateChange == "function" && this.onLoadingStateChange(i);
           },
-          (o) => {
-            this._templateError = o, typeof this.onErrorStateChange == "function" && this.onErrorStateChange(o);
+          (i) => {
+            this._templateError = i, typeof this.onErrorStateChange == "function" && this.onErrorStateChange(i);
           },
-          (o) => this._applyStyle(r, o)
+          (i) => this._applyStyle(r, i)
         );
       });
     }
@@ -1860,7 +1864,7 @@ function dt(e, t) {
     }
     _requestRender() {
       this._runLogicWithinErrorBoundary(this._cfg, () => {
-        ft(
+        ut(
           () => this._render(this._cfg),
           this._lastRenderTime,
           this._renderCount,
@@ -1878,13 +1882,13 @@ function dt(e, t) {
       });
     }
     // --- Style ---
-    _applyStyle(r, o) {
+    _applyStyle(r, i) {
       this._runLogicWithinErrorBoundary(r, () => {
-        ut(
+        dt(
           this.shadowRoot,
           r,
           this.context,
-          o,
+          i,
           this._styleSheet,
           (n) => {
             this._styleSheet = n;
@@ -1893,10 +1897,10 @@ function dt(e, t) {
       });
     }
     // --- Error Boundary function ---
-    _runLogicWithinErrorBoundary(r, o) {
+    _runLogicWithinErrorBoundary(r, i) {
       this._hasError && (this._hasError = !1);
       try {
-        o();
+        i();
       } catch (n) {
         this._hasError = !0, r.onError && r.onError(n, this.context), r.errorFallback && this.shadowRoot && (this.shadowRoot.innerHTML = r.errorFallback(
           n,
@@ -1907,8 +1911,8 @@ function dt(e, t) {
     // --- State, props, computed ---
     _initContext(r) {
       try {
-        let o = function(i, s = "") {
-          return Array.isArray(i) ? new Proxy(i, {
+        let i = function(s, o = "") {
+          return Array.isArray(s) ? new Proxy(s, {
             get(a, f, u) {
               const d = Reflect.get(a, f, u);
               return typeof d == "function" && typeof f == "string" && [
@@ -1919,36 +1923,36 @@ function dt(e, t) {
                 "splice",
                 "sort",
                 "reverse"
-              ].includes(f) ? function(...l) {
-                const h = d.apply(a, l);
+              ].includes(f) ? function(...c) {
+                const h = d.apply(a, c);
                 if (!n._initializing) {
-                  const w = s || "root";
-                  n._triggerWatchers(w, a), n._render(r);
+                  const k = o || "root";
+                  n._triggerWatchers(k, a), n._render(r);
                 }
                 return h;
               } : d;
             },
             set(a, f, u) {
               if (a[f] = u, !n._initializing) {
-                const d = s ? `${s}.${String(f)}` : String(f);
+                const d = o ? `${o}.${String(f)}` : String(f);
                 n._triggerWatchers(d, u), n._render(r);
               }
               return !0;
             },
             deleteProperty(a, f) {
               if (delete a[f], !n._initializing) {
-                const u = s ? `${s}.${String(f)}` : String(f);
+                const u = o ? `${o}.${String(f)}` : String(f);
                 n._triggerWatchers(u, void 0), n._render(r);
               }
               return !0;
             }
-          }) : i && typeof i == "object" ? (Object.keys(i).forEach((a) => {
-            const f = s ? `${s}.${a}` : a;
-            i[a] = o(i[a], f);
-          }), new Proxy(i, {
+          }) : s && typeof s == "object" ? (Object.keys(s).forEach((a) => {
+            const f = o ? `${o}.${a}` : a;
+            s[a] = i(s[a], f);
+          }), new Proxy(s, {
             set(a, f, u) {
-              const d = s ? `${s}.${String(f)}` : String(f);
-              return a[f] = o(u, d), n._initializing || (n._triggerWatchers(
+              const d = o ? `${o}.${String(f)}` : String(f);
+              return a[f] = i(u, d), n._initializing || (n._triggerWatchers(
                 d,
                 a[f]
               ), n._render(r)), !0;
@@ -1956,134 +1960,134 @@ function dt(e, t) {
             get(a, f, u) {
               return Reflect.get(a, f, u);
             }
-          })) : i;
+          })) : s;
         };
         const n = this;
-        return o({ ...r.state });
+        return i({ ...r.state });
       } catch {
         return {};
       }
     }
     _initWatchers(r) {
       this._runLogicWithinErrorBoundary(r, () => {
-        Ne(
+        ze(
           this.context,
           this._watchers,
           r.watch || {}
         );
       });
     }
-    _triggerWatchers(r, o) {
-      Me(this.context, this._watchers, r, o);
+    _triggerWatchers(r, i) {
+      Me(this.context, this._watchers, r, i);
     }
     _applyProps(r) {
       this._runLogicWithinErrorBoundary(r, () => {
         try {
           We(this, r, this.context);
-        } catch (o) {
-          this._hasError = !0, r.onError && r.onError(o, this.context), r.errorFallback && this.shadowRoot && (this.shadowRoot.innerHTML = r.errorFallback(o, this.context));
+        } catch (i) {
+          this._hasError = !0, r.onError && r.onError(i, this.context), r.errorFallback && this.shadowRoot && (this.shadowRoot.innerHTML = r.errorFallback(i, this.context));
         }
       });
     }
   };
 }
-function ee(e, t = {}, r, o) {
-  const n = o ?? t.key;
+function ee(e, t = {}, r, i) {
+  const n = i ?? t.key;
   return { tag: e, key: n, props: t, children: r };
 }
-function ce(e) {
+function le(e) {
   return !!e && typeof e == "object" && (e.type === "AnchorBlock" || e.tag === "#anchor");
 }
-function ie(e) {
-  return typeof e == "object" && e !== null && "tag" in e && !ce(e);
+function se(e) {
+  return typeof e == "object" && e !== null && "tag" in e && !le(e);
 }
-function pt(e, t) {
+function ht(e, t) {
   return e.key != null ? e : { ...e, key: t };
 }
-function ht(e, t = [], r = {}) {
-  const o = {}, n = {}, i = {}, s = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
+function gt(e, t = [], r = {}) {
+  const i = {}, n = {}, s = {}, o = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
   let a;
-  for (; a = s.exec(e); ) {
-    const f = a[1], u = a[2], d = (a[4] || a[6]) ?? "", m = d.match(/^{{(\d+)}}$/);
-    let l = m ? t[Number(m[1])] ?? null : d;
-    m || (l === "true" ? l = !0 : l === "false" ? l = !1 : l === "null" ? l = null : isNaN(Number(l)) || (l = Number(l)));
+  for (; a = o.exec(e); ) {
+    const f = a[1], u = a[2], d = (a[4] || a[6]) ?? "", y = d.match(/^{{(\d+)}}$/);
+    let c = y ? t[Number(y[1])] ?? null : d;
+    y || (c === "true" ? c = !0 : c === "false" ? c = !1 : c === "null" ? c = null : isNaN(Number(c)) || (c = Number(c)));
     const h = ["model", "bind", "show", "class", "style"];
     if (f === ":") {
-      const [w, $] = u.split(":"), [v, ...b] = w.split(".");
-      if (h.includes(v)) {
-        const y = [...b], x = v === "model" && $ ? `model:${$}` : v;
-        i[x] = {
-          value: l,
-          modifiers: y,
+      const [k, $] = u.split(":"), [w, ...b] = k.split(".");
+      if (h.includes(w)) {
+        const m = [...b], x = w === "model" && $ ? `model:${$}` : w;
+        s[x] = {
+          value: c,
+          modifiers: m,
           arg: $
         };
       } else
-        n[u] = l;
+        n[u] = c;
     } else if (f === "@") {
-      const w = "on" + u.charAt(0).toUpperCase() + u.slice(1);
-      o[w] = typeof l == "function" ? l : typeof r[l] == "function" ? r[l] : void 0;
-    } else u === "ref" ? o.ref = l : n[u] = l;
+      const k = "on" + u.charAt(0).toUpperCase() + u.slice(1);
+      i[k] = typeof c == "function" ? c : typeof r[c] == "function" ? r[c] : void 0;
+    } else u === "ref" ? i.ref = c : n[u] = c;
   }
-  return { props: o, attrs: n, directives: i };
+  return { props: i, attrs: n, directives: s };
 }
-function gt(e, t, r) {
-  const o = te.length > 0 ? te[te.length - 1] : void 0, n = r ?? o;
-  function i(c, g) {
-    return ee("#text", {}, c, g);
+function mt(e, t, r) {
+  const i = te.length > 0 ? te[te.length - 1] : void 0, n = r ?? i;
+  function s(l, g) {
+    return ee("#text", {}, l, g);
   }
-  let s = "";
-  for (let c = 0; c < e.length; c++)
-    s += e[c], c < t.length && (s += `{{${c}}}`);
+  let o = "";
+  for (let l = 0; l < e.length; l++)
+    o += e[l], l < t.length && (o += `{{${l}}}`);
   const a = /<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, f = [];
-  let u, d = [], m = null, l = {}, h, w = 0, $ = [];
-  function v(c) {
-    !c || typeof c != "object" || ce(c) || (c.props || c.attrs ? (c.props && (l.props || (l.props = {}), Object.assign(l.props, c.props)), c.attrs && (l.attrs || (l.attrs = {}), Object.keys(c.attrs).forEach((g) => {
-      if (g === "style" && l.attrs.style) {
-        const p = l.attrs.style.replace(
+  let u, d = [], y = null, c = {}, h, k = 0, $ = [];
+  function w(l) {
+    !l || typeof l != "object" || le(l) || (l.props || l.attrs ? (l.props && (c.props || (c.props = {}), Object.assign(c.props, l.props)), l.attrs && (c.attrs || (c.attrs = {}), Object.keys(l.attrs).forEach((g) => {
+      if (g === "style" && c.attrs.style) {
+        const p = c.attrs.style.replace(
           /;?\s*$/,
           ""
-        ), _ = c.attrs.style.replace(/^;?\s*/, "");
-        l.attrs.style = p + "; " + _;
-      } else if (g === "class" && l.attrs.class) {
-        const p = l.attrs.class.trim().split(/\s+/).filter(Boolean), _ = c.attrs.class.trim().split(/\s+/).filter(Boolean), E = [
+        ), _ = l.attrs.style.replace(/^;?\s*/, "");
+        c.attrs.style = p + "; " + _;
+      } else if (g === "class" && c.attrs.class) {
+        const p = c.attrs.class.trim().split(/\s+/).filter(Boolean), _ = l.attrs.class.trim().split(/\s+/).filter(Boolean), C = [
           .../* @__PURE__ */ new Set([...p, ..._])
         ];
-        l.attrs.class = E.join(" ");
+        c.attrs.class = C.join(" ");
       } else
-        l.attrs[g] = c.attrs[g];
-    }))) : (l.props || (l.props = {}), Object.assign(l.props, c)));
-  }
-  function b(c, g) {
-    const p = m ? d : $;
-    if (ce(c)) {
-      const _ = c.key ?? g;
-      let E = c.children;
+        c.attrs[g] = l.attrs[g];
+    }))) : (c.props || (c.props = {}), Object.assign(c.props, l)));
+  }
+  function b(l, g) {
+    const p = y ? d : $;
+    if (le(l)) {
+      const _ = l.key ?? g;
+      let C = l.children;
       p.push({
-        ...c,
+        ...l,
         key: _,
-        children: E
+        children: C
       });
       return;
     }
-    if (ie(c)) {
-      p.push(pt(c, void 0));
+    if (se(l)) {
+      p.push(ht(l, void 0));
       return;
     }
-    if (Array.isArray(c)) {
-      if (c.length === 0) return;
-      for (let _ = 0; _ < c.length; _++) {
-        const E = c[_];
-        ce(E) || ie(E) || Array.isArray(E) ? b(E, `${g}-${_}`) : E !== null && typeof E == "object" ? v(E) : p.push(i(String(E), `${g}-${_}`));
+    if (Array.isArray(l)) {
+      if (l.length === 0) return;
+      for (let _ = 0; _ < l.length; _++) {
+        const C = l[_];
+        le(C) || se(C) || Array.isArray(C) ? b(C, `${g}-${_}`) : C !== null && typeof C == "object" ? w(C) : p.push(s(String(C), `${g}-${_}`));
       }
       return;
     }
-    if (c !== null && typeof c == "object") {
-      v(c);
+    if (l !== null && typeof l == "object") {
+      w(l);
       return;
     }
-    p.push(i(String(c), g));
+    p.push(s(String(l), g));
   }
-  const y = /* @__PURE__ */ new Set([
+  const m = /* @__PURE__ */ new Set([
     "area",
     "base",
     "br",
@@ -2099,197 +2103,197 @@ function gt(e, t, r) {
     "track",
     "wbr"
   ]);
-  for (; u = a.exec(s); )
+  for (; u = a.exec(o); )
     if (u[1]) {
-      const c = u[1], g = u[0][1] === "/", p = u[0][u[0].length - 2] === "/" || y.has(c), {
+      const l = u[1], g = u[0][1] === "/", p = u[0][u[0].length - 2] === "/" || m.has(l), {
         props: _,
-        attrs: E,
-        directives: C
-      } = ht(u[2] || "", t, n), S = { props: {}, attrs: {} };
+        attrs: C,
+        directives: E
+      } = gt(u[2] || "", t, n), S = { props: {}, attrs: {} };
       for (const A in _) S.props[A] = _[A];
-      for (const A in E) S.attrs[A] = E[A];
-      if (C && Object.keys(C).some((A) => A === "model" || A.startsWith("model:")))
+      for (const A in C) S.attrs[A] = C[A];
+      if (E && Object.keys(E).some((A) => A === "model" || A.startsWith("model:")))
         try {
-          const A = Symbol.for("cer.registry"), T = globalThis[A], Q = !!(T && typeof T.has == "function" && T.has(c)), X = !!(n && (n.__customElements instanceof Set && n.__customElements.has(c) || Array.isArray(n.__isCustomElements) && n.__isCustomElements.includes(c)));
-          if (!!(c.includes("-") || X || Q))
-            for (const I of Object.keys(C)) {
+          const A = Symbol.for("cer.registry"), j = globalThis[A], Q = !!(j && typeof j.has == "function" && j.has(l)), X = !!(n && (n.__customElements instanceof Set && n.__customElements.has(l) || Array.isArray(n.__isCustomElements) && n.__isCustomElements.includes(l)));
+          if (!!(l.includes("-") || X || Q))
+            for (const I of Object.keys(E)) {
               if (I !== "model" && !I.startsWith("model:")) continue;
-              const Z = C[I], F = Z.arg ?? (I.includes(":") ? I.split(":", 2)[1] : void 0), L = Z.value, K = F ?? "modelValue", D = N, ne = se, k = n ? n._state || n : void 0;
+              const Z = E[I], F = Z.arg ?? (I.includes(":") ? I.split(":", 2)[1] : void 0), L = Z.value, K = F ?? "modelValue", D = z, ne = oe, v = n ? n._state || n : void 0;
               let B;
-              typeof L == "string" && n ? B = D(k, L) : B = L, S.props[K] = B;
+              typeof L == "string" && n ? B = D(v, L) : B = L, S.props[K] = B;
               try {
-                const j = J(K);
-                S.attrs || (S.attrs = {}), B !== void 0 && (S.attrs[j] = B);
+                const T = J(K);
+                S.attrs || (S.attrs = {}), B !== void 0 && (S.attrs[T] = B);
               } catch {
               }
               S.isCustomElement = !0;
-              const z = `update:${J(K)}`, O = "on" + z.charAt(0).toUpperCase() + z.slice(1);
-              S.props[O] = function(j) {
-                const R = j.detail !== void 0 ? j.detail : j.target ? j.target.value : void 0;
-                if (!k) return;
-                const pe = D(k, typeof L == "string" ? L : String(L));
-                (Array.isArray(R) && Array.isArray(pe) ? JSON.stringify([...R].sort()) !== JSON.stringify([...pe].sort()) : R !== pe) && (ne(k, typeof L == "string" ? L : String(L), R), n?.requestRender ? n.requestRender() : n?._requestRender && n._requestRender());
-              }, delete C[I];
+              const O = `update:${J(K)}`, P = "on" + O.charAt(0).toUpperCase() + O.slice(1);
+              S.props[P] = function(T) {
+                const R = T.detail !== void 0 ? T.detail : T.target ? T.target.value : void 0;
+                if (!v) return;
+                const pe = D(v, typeof L == "string" ? L : String(L));
+                (Array.isArray(R) && Array.isArray(pe) ? JSON.stringify([...R].sort()) !== JSON.stringify([...pe].sort()) : R !== pe) && (ne(v, typeof L == "string" ? L : String(L), R), n?.requestRender ? n.requestRender() : n?._requestRender && n._requestRender());
+              }, delete E[I];
             }
         } catch {
         }
-      if (Object.keys(C).length > 0 && (S.directives = { ...C }), g) {
+      if (Object.keys(E).length > 0 && (S.directives = { ...E }), g) {
         const A = ee(
-          m,
-          l,
-          d.length === 1 && ie(d[0]) && d[0].tag === "#text" ? typeof d[0].children == "string" ? d[0].children : "" : d.length ? d : void 0,
+          y,
+          c,
+          d.length === 1 && se(d[0]) && d[0].tag === "#text" ? typeof d[0].children == "string" ? d[0].children : "" : d.length ? d : void 0,
           h
-        ), T = f.pop();
-        T ? (m = T.tag, l = T.props, h = T.key, d = T.children, d.push(A)) : ($.push(A), m = null, l = {}, h = void 0, d = []);
-      } else p ? m ? d.push(ee(c, S, void 0, void 0)) : $.push(ee(c, S, void 0, void 0)) : (m && f.push({
-        tag: m,
-        props: l,
+        ), j = f.pop();
+        j ? (y = j.tag, c = j.props, h = j.key, d = j.children, d.push(A)) : ($.push(A), y = null, c = {}, h = void 0, d = []);
+      } else p ? y ? d.push(ee(l, S, void 0, void 0)) : $.push(ee(l, S, void 0, void 0)) : (y && f.push({
+        tag: y,
+        props: c,
         children: d,
         key: h
-      }), m = c, l = S, d = []);
+      }), y = l, c = S, d = []);
     } else if (typeof u[3] < "u") {
-      const c = Number(u[3]), g = t[c], p = `interp-${c}`;
+      const l = Number(u[3]), g = t[l], p = `interp-${l}`;
       b(g, p);
     } else if (u[4]) {
-      const c = u[4], g = m ? d : $, p = c.split(/({{\d+}})/);
+      const l = u[4], g = y ? d : $, p = l.split(/({{\d+}})/);
       for (const _ of p) {
         if (!_) continue;
-        const E = _.match(/^{{(\d+)}}$/);
-        if (E) {
-          const C = Number(E[1]), S = t[C], A = `interp-${C}`;
+        const C = _.match(/^{{(\d+)}}$/);
+        if (C) {
+          const E = Number(C[1]), S = t[E], A = `interp-${E}`;
           b(S, A);
         } else {
-          const C = `text-${w++}`;
-          g.push(i(_, C));
+          const E = `text-${k++}`;
+          g.push(s(_, E));
         }
       }
     }
-  const x = $.filter((c) => ie(c) && c.tag === "#text" ? typeof c.children == "string" && c.children.trim() !== "" : !0);
+  const x = $.filter((l) => se(l) && l.tag === "#text" ? typeof l.children == "string" && l.children.trim() !== "" : !0);
   return x.length === 1 ? x[0] : x.length > 1 ? x : ee("div", {}, "", "fallback-root");
 }
 function U(e, ...t) {
-  const r = t[t.length - 1], o = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
-  return gt(e, t, o);
+  const r = t[t.length - 1], i = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
+  return mt(e, t, i);
 }
-const je = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, W = (e, t) => {
+const Te = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, W = (e, t) => {
   for (const r of e) {
-    const o = [], n = r.path.replace(/:[^/]+/g, (a) => (o.push(a.slice(1)), "([^/]+)")), i = new RegExp(`^${n}$`), s = t.match(i);
-    if (s) {
+    const i = [], n = r.path.replace(/:[^/]+/g, (a) => (i.push(a.slice(1)), "([^/]+)")), s = new RegExp(`^${n}$`), o = t.match(s);
+    if (o) {
       const a = {};
-      return o.forEach((f, u) => {
-        a[f] = s[u + 1];
+      return i.forEach((f, u) => {
+        a[f] = o[u + 1];
       }), { route: r, params: a };
     }
   }
   return { route: null, params: {} };
-}, we = {};
+}, ke = {};
 async function yt(e) {
   if (e.component) return e.component;
   if (e.load) {
-    if (we[e.path]) return we[e.path];
+    if (ke[e.path]) return ke[e.path];
     try {
       const t = await e.load();
-      return we[e.path] = t.default, t.default;
+      return ke[e.path] = t.default, t.default;
     } catch {
       throw new Error(`Failed to load component for route: ${e.path}`);
     }
   }
   throw new Error(`No component or loader defined for route: ${e.path}`);
 }
-function mt(e) {
-  const { routes: t, base: r = "", initialUrl: o } = e;
-  let n, i, s, a, f, u, d;
-  const m = async ($, v) => {
-    const b = t.find((y) => W([y], $.path).route !== null);
+function bt(e) {
+  const { routes: t, base: r = "", initialUrl: i } = e;
+  let n, s, o, a, f, u, d;
+  const y = async ($, w) => {
+    const b = t.find((m) => W([m], $.path).route !== null);
     if (b?.beforeEnter)
       try {
-        const y = await b.beforeEnter($, v);
-        return typeof y == "string" ? (await w(y, !0), !1) : y !== !1;
-      } catch (y) {
-        return console.error("beforeEnter error", y), !1;
+        const m = await b.beforeEnter($, w);
+        return typeof m == "string" ? (await k(m, !0), !1) : m !== !1;
+      } catch (m) {
+        return console.error("beforeEnter error", m), !1;
       }
     return !0;
-  }, l = async ($, v) => {
-    const b = t.find((y) => W([y], $.path).route !== null);
+  }, c = async ($, w) => {
+    const b = t.find((m) => W([m], $.path).route !== null);
     if (b?.onEnter)
       try {
-        const y = await b.onEnter($, v);
-        return typeof y == "string" ? (await w(y, !0), !1) : y !== !1;
-      } catch (y) {
-        return console.error("onEnter error", y), !1;
+        const m = await b.onEnter($, w);
+        return typeof m == "string" ? (await k(m, !0), !1) : m !== !1;
+      } catch (m) {
+        return console.error("onEnter error", m), !1;
       }
     return !0;
-  }, h = ($, v) => {
-    const b = t.find((y) => W([y], $.path).route !== null);
+  }, h = ($, w) => {
+    const b = t.find((m) => W([m], $.path).route !== null);
     if (b?.afterEnter)
       try {
-        b.afterEnter($, v);
-      } catch (y) {
-        console.error("afterEnter error", y);
+        b.afterEnter($, w);
+      } catch (m) {
+        console.error("afterEnter error", m);
       }
-  }, w = async ($, v = !1) => {
+  }, k = async ($, w = !1) => {
     try {
       const b = {
         path: $.replace(r, "") || "/",
         query: {}
-      }, y = W(t, b.path);
-      if (!y) throw new Error(`No route found for ${b.path}`);
-      const x = s.getState(), c = {
+      }, m = W(t, b.path);
+      if (!m) throw new Error(`No route found for ${b.path}`);
+      const x = o.getState(), l = {
         path: b.path,
-        params: y.params,
+        params: m.params,
         query: b.query
       };
-      if (!await m(c, x) || !await l(c, x)) return;
-      typeof window < "u" && typeof document < "u" && (v ? window.history.replaceState({}, "", r + $) : window.history.pushState({}, "", r + $)), s.setState(c), h(c, x);
+      if (!await y(l, x) || !await c(l, x)) return;
+      typeof window < "u" && typeof document < "u" && (w ? window.history.replaceState({}, "", r + $) : window.history.pushState({}, "", r + $)), o.setState(l), h(l, x);
     } catch (b) {
       console.error("Navigation error:", b);
     }
   };
   if (typeof window < "u" && typeof document < "u") {
     n = () => {
-      const v = new URL(window.location.href), b = v.pathname.replace(r, "") || "/", y = je(v.search);
-      return { path: b, query: y };
-    }, i = n();
-    const $ = W(t, i.path);
-    s = $e({
-      path: i.path,
+      const w = new URL(window.location.href), b = w.pathname.replace(r, "") || "/", m = Te(w.search);
+      return { path: b, query: m };
+    }, s = n();
+    const $ = W(t, s.path);
+    o = $e({
+      path: s.path,
       params: $.params,
-      query: i.query
-    }), a = async (v = !1) => {
+      query: s.query
+    }), a = async (w = !1) => {
       const b = n();
-      await w(b.path, v);
-    }, window.addEventListener("popstate", () => a(!0)), f = (v) => w(v, !1), u = (v) => w(v, !0), d = () => window.history.back();
+      await k(b.path, w);
+    }, window.addEventListener("popstate", () => a(!0)), f = (w) => k(w, !1), u = (w) => k(w, !0), d = () => window.history.back();
   } else {
     n = () => {
-      const b = new URL(o || "/", "http://localhost"), y = b.pathname.replace(r, "") || "/", x = je(b.search);
-      return { path: y, query: x };
-    }, i = n();
-    const $ = W(t, i.path);
-    s = $e({
-      path: i.path,
+      const b = new URL(i || "/", "http://localhost"), m = b.pathname.replace(r, "") || "/", x = Te(b.search);
+      return { path: m, query: x };
+    }, s = n();
+    const $ = W(t, s.path);
+    o = $e({
+      path: s.path,
       params: $.params,
-      query: i.query
+      query: s.query
     }), a = async () => {
       const b = n();
-      await v(b.path);
+      await w(b.path);
     };
-    const v = async (b) => {
+    const w = async (b) => {
       try {
-        const y = {
+        const m = {
           path: b.replace(r, "") || "/",
           query: {}
-        }, x = W(t, y.path);
-        if (!x) throw new Error(`No route found for ${y.path}`);
-        const c = s.getState(), g = {
-          path: y.path,
+        }, x = W(t, m.path);
+        if (!x) throw new Error(`No route found for ${m.path}`);
+        const l = o.getState(), g = {
+          path: m.path,
           params: x.params,
-          query: y.query
+          query: m.query
         }, p = t.find((_) => W([_], g.path).route !== null);
         if (p?.beforeEnter)
           try {
-            const _ = await p.beforeEnter(g, c);
+            const _ = await p.beforeEnter(g, l);
             if (typeof _ == "string") {
-              await v(_);
+              await w(_);
               return;
             }
             if (_ === !1) return;
@@ -2298,53 +2302,53 @@ function mt(e) {
           }
         if (p?.onEnter)
           try {
-            const _ = await p.onEnter(g, c);
+            const _ = await p.onEnter(g, l);
             if (typeof _ == "string") {
-              await v(_);
+              await w(_);
               return;
             }
             if (_ === !1) return;
           } catch {
             return;
           }
-        if (s.setState(g), p?.afterEnter)
+        if (o.setState(g), p?.afterEnter)
           try {
-            p.afterEnter(g, c);
+            p.afterEnter(g, l);
           } catch {
           }
       } catch {
       }
     };
-    f = async (b) => v(b), u = async (b) => v(b), d = () => {
+    f = async (b) => w(b), u = async (b) => w(b), d = () => {
     };
   }
   return {
-    store: s,
+    store: o,
     push: f,
     replace: u,
     back: d,
-    subscribe: s.subscribe,
+    subscribe: o.subscribe,
     matchRoute: ($) => W(t, $),
-    getCurrent: () => s.getState(),
+    getCurrent: () => o.getState(),
     resolveRouteComponent: yt
   };
 }
 function Ct(e, t) {
   return W(e, t);
 }
-function Et(e) {
-  const t = mt(e);
-  return Te("router-view", {
+function At(e) {
+  const t = bt(e);
+  return je("router-view", {
     async render() {
       if (!t) return U`<div>Router not initialized.</div>`;
-      const r = t.getCurrent(), { path: o } = r, n = t.matchRoute(o);
+      const r = t.getCurrent(), { path: i } = r, n = t.matchRoute(i);
       if (!n.route) return U`<div>Not found</div>`;
       try {
-        const i = await t.resolveRouteComponent(n.route);
-        if (typeof i == "string")
-          return { tag: i, props: {}, children: [] };
-        if (typeof i == "function") {
-          const s = i(), a = s instanceof Promise ? await s : s;
+        const s = await t.resolveRouteComponent(n.route);
+        if (typeof s == "string")
+          return { tag: s, props: {}, children: [] };
+        if (typeof s == "function") {
+          const o = s(), a = o instanceof Promise ? await o : o;
           return typeof a == "string" ? { tag: a, props: {}, children: [] } : a;
         }
         return U`<div>Invalid route component</div>`;
@@ -2357,7 +2361,7 @@ function Et(e) {
         typeof r.requestRender == "function" && r.requestRender();
       });
     }
-  }), Te("router-link", {
+  }), je("router-link", {
     state: {},
     props: {
       to: { type: String, default: "" },
@@ -2370,7 +2374,7 @@ function Et(e) {
       disabled: { type: Boolean, default: !1 },
       external: { type: Boolean, default: !1 },
       class: { type: String, default: "" },
-      style: { type: String, default: ze`
+      style: { type: String, default: Oe`
         [aria-disabled="true"] {
           pointer-events: none;
           opacity: 0.5;
@@ -2379,22 +2383,22 @@ function Et(e) {
     },
     style: (r) => r.style,
     render: (r) => {
-      const o = t.getCurrent(), n = r.to, i = r.exact, s = r.exactActiveClass, a = r.activeClass, f = r.ariaCurrentValue, u = r.tag, d = r.disabled, m = r.external, l = o.path === n, h = i ? l : o && typeof o.path == "string" ? o.path.startsWith(n) : !1, w = l ? `aria-current="${f}"` : "", $ = (r.class || "").split(/\s+/).filter(Boolean), v = {};
-      for (const g of $) v[g] = !0;
+      const i = t.getCurrent(), n = r.to, s = r.exact, o = r.exactActiveClass, a = r.activeClass, f = r.ariaCurrentValue, u = r.tag, d = r.disabled, y = r.external, c = i.path === n, h = s ? c : i && typeof i.path == "string" ? i.path.startsWith(n) : !1, k = c ? `aria-current="${f}"` : "", $ = (r.class || "").split(/\s+/).filter(Boolean), w = {};
+      for (const g of $) w[g] = !0;
       const b = {
-        ...v,
+        ...w,
         // Also include the configurable names (may duplicate the above)
         [a]: h,
-        [s]: l
-      }, y = u === "button", x = d ? y ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", c = m && (u === "a" || !u) ? 'target="_blank" rel="noopener noreferrer"' : "";
+        [o]: c
+      }, m = u === "button", x = d ? m ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", l = y && (u === "a" || !u) ? 'target="_blank" rel="noopener noreferrer"' : "";
       return U`
-        ${Oe().when(y, U`
+        ${Pe().when(m, U`
             <button
               part="button"
               :class="${b}"
-              ${w}
+              ${k}
               ${x}
-              ${c}
+              ${l}
               @click="navigate"
             ><slot></slot></button>
           `).otherwise(U`
@@ -2402,44 +2406,44 @@ function Et(e) {
               part="link"
               href="${n}"
               :class="${b}"
-              ${w}
+              ${k}
               ${x}
-              ${c}
+              ${l}
               @click="navigate"
             ><slot></slot></a>
           `).done()}
       `;
     },
-    navigate: (r, o) => {
-      if (o.disabled) {
+    navigate: (r, i) => {
+      if (i.disabled) {
         r.preventDefault();
         return;
       }
-      o.external && (o.tag === "a" || !o.tag) || (r.preventDefault(), o.replace ? t.replace(o.to) : t.push(o.to));
+      i.external && (i.tag === "a" || !i.tag) || (r.preventDefault(), i.replace ? t.replace(i.to) : t.push(i.to));
     }
   }), t;
 }
 export {
   G as GlobalEventBus,
-  Te as component,
+  je as component,
   $e as createStore,
-  ze as css,
-  xt as each,
-  wt as emit,
+  Oe as css,
+  kt as each,
+  vt as emit,
   re as eventBus,
   U as html,
-  Et as initRouter,
-  St as listen,
-  Oe as match,
+  At as initRouter,
+  Et as listen,
+  Pe as match,
   W as matchRoute,
   Ct as matchRouteSSR,
-  $t as off,
-  kt as on,
-  _t as once,
-  je as parseQuery,
+  _t as off,
+  $t as on,
+  St as once,
+  Te as parseQuery,
   he as renderToString,
   yt as resolveRouteComponent,
-  mt as useRouter,
-  vt as when
+  bt as useRouter,
+  xt as when
 };
 //# sourceMappingURL=custom-elements-runtime.es.js.map