@jasonshimmy/custom-elements-runtime 0.1.17 → 0.1.19

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

@@ -1,13 +1,13 @@
-function ft(e, t) {
-  return Q(e ? t : [], "when-block");
+function gt(e, t) {
+  return te(e ? t : [], "when-block");
 }
-function ut(e, t) {
+function yt(e, t) {
   return e.map((r, n) => {
     const o = typeof r == "object" ? r?.key ?? r?.id ?? `idx-${n}` : String(r);
-    return Q(t(r, n), `each-${o}`);
+    return te(t(r, n), `each-${o}`);
   });
 }
-function Ae() {
+function Le() {
   const e = [];
   return {
     when(t, r) {
@@ -17,18 +17,18 @@ function Ae() {
       return e.push([!0, t]), this;
     },
     done() {
-      return Te(...e);
+      return ze(...e);
     }
   };
 }
-function Te(...e) {
+function ze(...e) {
   for (let t = 0; t < e.length; t++) {
     const [r, n] = e[t];
-    if (r) return [Q(n, `whenChain-branch-${t}`)];
+    if (r) return [te(n, `whenChain-branch-${t}`)];
   }
-  return [Q([], "whenChain-empty")];
+  return [te([], "whenChain-empty")];
 }
-function Q(e, t) {
+function te(e, t) {
   const r = e ? Array.isArray(e) ? e.filter(Boolean) : [e].filter(Boolean) : [];
   return {
     tag: "#anchor",
@@ -36,7 +36,7 @@ function Q(e, t) {
     children: r
   };
 }
-class D extends EventTarget {
+class F extends EventTarget {
   handlers = {};
   static instance;
   eventCounters = /* @__PURE__ */ new Map();
@@ -44,7 +44,7 @@ class D extends EventTarget {
    * Returns the singleton instance of GlobalEventBus
    */
   static getInstance() {
-    return D.instance || (D.instance = new D()), D.instance;
+    return F.instance || (F.instance = new F()), F.instance;
   }
   // Enhanced emit method with better typing and event storm protection
   /**
@@ -160,8 +160,8 @@ class D extends EventTarget {
     this.eventCounters.clear();
   }
 }
-const I = D.getInstance(), dt = (e, t) => I.emit(e, t), pt = (e, t) => I.on(e, t), ht = (e, t) => I.off(e, t), gt = (e, t) => I.once(e, t), yt = (e, t, r) => I.listen(e, t, r);
-function de(e) {
+const Z = F.getInstance(), mt = (e, t) => Z.emit(e, t), bt = (e, t) => Z.on(e, t), vt = (e, t) => Z.off(e, t), xt = (e, t) => Z.once(e, t), wt = (e, t, r) => Z.listen(e, t, r);
+function ve(e) {
   let t = { ...e };
   const r = [];
   function n(a) {
@@ -179,10 +179,10 @@ function de(e) {
   }
   return { subscribe: n, getState: o, setState: s };
 }
-function ce(e) {
+function ye(e) {
   return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function se(e) {
+function pe(e) {
   return typeof e == "string" ? e.replace(
     /[&<>"']/g,
     (t) => ({
@@ -194,32 +194,32 @@ function se(e) {
     })[t]
   ) : e;
 }
-function Le(e, t, r) {
+function Be(e, t, r) {
   if (r)
     for (const [n, o] of Object.entries(r)) {
       let s, i = {};
       if (Array.isArray(o) ? (s = o[0], i = o[1] || {}) : s = o, t.set(n, {
         callback: s,
         options: i,
-        oldValue: ae(e, n)
+        oldValue: he(e, n)
       }), i.immediate)
         try {
-          const a = ae(e, n);
+          const a = he(e, n);
           s(a, void 0, e);
         } catch (a) {
           console.error(`Error in immediate watcher for "${n}":`, a);
         }
     }
 }
-function ae(e, t) {
+function he(e, t) {
   return t.split(".").reduce((r, n) => r?.[n], e);
 }
-function je(e, t, r, n) {
+function Re(e, t, r, n) {
   const o = (i, a) => {
     if (i === a) return !0;
     if (typeof i != typeof a || typeof i != "object" || i === null || a === null) return !1;
     if (Array.isArray(i) && Array.isArray(a))
-      return i.length !== a.length ? !1 : i.every((y, p) => o(y, a[p]));
+      return i.length !== a.length ? !1 : i.every((y, g) => o(y, a[g]));
     const c = Object.keys(i), f = Object.keys(a);
     return c.length !== f.length ? !1 : c.every((y) => o(i[y], a[y]));
   }, s = t.get(r);
@@ -232,13 +232,13 @@ function je(e, t, r, n) {
   for (const [i, a] of t.entries())
     if (a.options.deep && r.startsWith(i + "."))
       try {
-        const c = ae(e, i);
+        const c = he(e, i);
         o(c, a.oldValue) || (a.callback(c, a.oldValue, e), a.oldValue = c);
       } catch (c) {
         console.error(`Error in deep watcher for "${i}":`, c);
       }
 }
-function ze(e, t, r) {
+function Pe(e, t, r) {
   if (!t.props) return;
   function n(o, s) {
     return s === Boolean ? o === "true" : s === Number ? Number(o) : o;
@@ -247,76 +247,76 @@ function ze(e, t, r) {
     if (s.type === Function && typeof e[o] == "function")
       r[o] = e[o];
     else {
-      const i = e.getAttribute(ce(o));
-      i !== null ? r[o] = se(n(i, s.type)) : "default" in s && s.default !== void 0 && (r[o] = se(s.default));
+      const i = e.getAttribute(ye(o));
+      i !== null ? r[o] = pe(n(i, s.type)) : "default" in s && s.default !== void 0 && (r[o] = pe(s.default));
     }
   });
 }
-function Be(e, t, r, n) {
+function Oe(e, t, r, n) {
   e.onConnected && !r && (e.onConnected(t), n(!0));
 }
-function Re(e, t, r, n, o, s, i, a) {
+function Me(e, t, r, n, o, s, i, a) {
   e.onDisconnected && e.onDisconnected(t), r.forEach((c) => c()), n(), o(), s(!1), i(null), a(!1);
 }
-function Ne(e, t, r, n, o) {
+function We(e, t, r, n, o) {
   e.onAttributeChanged && e.onAttributeChanged(t, r, n, o);
 }
-function N(e, t) {
+function D(e, t) {
   if (t && e instanceof HTMLElement) {
     for (const r in t)
       t[r] === e && delete t[r];
     for (const r of Array.from(e.childNodes))
-      N(r, t);
+      D(r, t);
   }
 }
-function P(e, t) {
+function q(e, t) {
   return typeof t == "string" ? t.split(".").reduce((r, n) => r?.[n], e) : t;
 }
-function pe(e, t, r) {
+function xe(e, t, r) {
   const n = t.split("."), o = n.pop();
   if (!o) return;
   const s = n.reduce((i, a) => (a in i || (i[a] = {}), i[a]), e);
   s[o] = r;
 }
-function Pe(e, t, r, n, o, s, i) {
+function Ne(e, t, r, n, o, s, i) {
   if (!s) return;
   const a = t.includes("lazy"), c = t.includes("trim"), f = t.includes("number"), y = () => {
-    const g = s._state || s;
-    return P(g, e);
-  }, p = y();
+    const p = s._state || s;
+    return q(p, e);
+  }, g = y();
   let l = "text";
   const x = n?.type;
   if (i instanceof HTMLInputElement ? l = x || i.type || "text" : i instanceof HTMLSelectElement ? l = "select" : i instanceof HTMLTextAreaElement && (l = "textarea"), l === "checkbox")
-    if (Array.isArray(p)) {
-      const g = i?.getAttribute("value") || n?.value || "", u = p.includes(g);
+    if (Array.isArray(g)) {
+      const p = i?.getAttribute("value") || n?.value || "", u = g.includes(p);
       i && i.checked !== u && (r.checked = u);
     } else {
-      const g = i?.getAttribute("true-value") || !0, u = p === g;
+      const p = i?.getAttribute("true-value") || !0, u = g === p;
       i && i.checked !== u && (r.checked = u);
     }
   else if (l === "radio") {
-    const g = n?.value || "", u = p === g;
+    const p = n?.value || "", u = g === p;
     i && i.checked !== u && (r.checked = u);
   } else if (l === "select")
     if (i && i.hasAttribute("multiple")) {
-      const g = i, u = Array.isArray(p) ? p : [];
+      const p = i, u = Array.isArray(g) ? g : [];
       setTimeout(() => {
-        Array.from(g.options).forEach((h) => {
+        Array.from(p.options).forEach((h) => {
           const b = u.includes(h.value);
           h.selected !== b && (h.selected = b);
         });
       }, 0);
     } else
       setTimeout(() => {
-        i instanceof HTMLSelectElement && i.value !== String(p) && (i.value = String(p));
+        i instanceof HTMLSelectElement && i.value !== String(g) && (i.value = String(g));
       }, 0);
   else {
-    const g = String(p ?? "");
-    (!i || i.value !== g) && (r.value = p);
+    const p = String(g ?? "");
+    (!i || i.value !== p) && (r.value = g);
   }
-  const w = a || l === "checkbox" || l === "radio" || l === "select" ? "change" : "input", $ = (g) => {
-    if (g.isComposing || o._isComposing || g.isTrusted === !1) return;
-    const u = g.target;
+  const w = a || l === "checkbox" || l === "radio" || l === "select" ? "change" : "input", S = (p) => {
+    if (p.isComposing || o._isComposing || p.isTrusted === !1) return;
+    const u = p.target;
     if (u._modelUpdating) return;
     const h = y();
     let b = u.value;
@@ -326,8 +326,8 @@ function Pe(e, t, r, n, o, s, i) {
         if (u.checked)
           _.includes(k) || _.push(k);
         else {
-          const S = _.indexOf(k);
-          S > -1 && _.splice(S, 1);
+          const C = _.indexOf(k);
+          C > -1 && _.splice(C, 1);
         }
         b = _;
       } else {
@@ -345,16 +345,16 @@ function Pe(e, t, r, n, o, s, i) {
       const k = Number(b);
       isNaN(k) || (b = k);
     }
-    const d = s._state || s, v = P(d, e);
+    const d = s._state || s, v = q(d, e);
     if (Array.isArray(b) && Array.isArray(v) ? JSON.stringify([...b].sort()) !== JSON.stringify([...v].sort()) : b !== v) {
-      const k = g.target;
-      k._modelUpdating = !0, pe(d, e, b), setTimeout(() => {
+      const k = p.target;
+      k._modelUpdating = !0, xe(d, e, b), setTimeout(() => {
         k._modelUpdating = !1;
       }, 0), s._requestRender && s._requestRender();
     }
   };
-  if (o[w] = $, l === "text" || l === "textarea") {
-    const g = () => {
+  if (o[w] = S, l === "text" || l === "textarea") {
+    const p = () => {
       o._isComposing = !0;
     }, u = (h) => {
       o._isComposing = !1;
@@ -366,17 +366,17 @@ function Pe(e, t, r, n, o, s, i) {
             const _ = Number(d);
             isNaN(_) || (d = _);
           }
-          const v = s._state || s, m = P(v, e);
+          const v = s._state || s, m = q(v, e);
           (Array.isArray(d) && Array.isArray(m) ? JSON.stringify([...d].sort()) !== JSON.stringify([...m].sort()) : d !== m) && (b && (b._modelUpdating = !0, setTimeout(() => {
             b._modelUpdating = !1;
-          }, 0)), pe(v, e, d), s._requestRender && s._requestRender());
+          }, 0)), xe(v, e, d), s._requestRender && s._requestRender());
         }
       }, 0);
     };
-    o.compositionstart = g, o.compositionend = u;
+    o.compositionstart = p, o.compositionend = u;
   }
 }
-function Me(e, t, r, n) {
+function De(e, t, r, n) {
   if (n) {
     if (typeof e == "object" && e !== null)
       for (const [o, s] of Object.entries(e))
@@ -390,14 +390,14 @@ function Me(e, t, r, n) {
           return;
         }
       } catch {
-        const o = P(n, e);
+        const o = q(n, e);
         r[e] = o;
       }
   }
 }
-function Oe(e, t, r) {
+function qe(e, t, r) {
   if (!r) return;
-  const n = P(r, e), o = t.style || "", s = n ? "" : "none";
+  const n = q(r, e), o = t.style || "", s = n ? "" : "none";
   if (o) {
     const i = o.split(";").filter(Boolean), a = i.findIndex(
       (c) => c.trim().startsWith("display:")
@@ -406,19 +406,19 @@ function Oe(e, t, r) {
   } else
     t.style = `display: ${s}`;
 }
-function We(e, t, r) {
+function He(e, t, r) {
   if (!r) return;
-  const n = P(r, e);
+  const n = q(r, e);
   let o = [];
   typeof n == "string" ? o = [n] : Array.isArray(n) ? o = n.filter(Boolean) : typeof n == "object" && (o = Object.entries(n).filter(([, a]) => !!a).flatMap(([a]) => a.split(/\s+/).filter(Boolean)));
   const s = t.class || "", i = s ? `${s} ${o.join(" ")}`.trim() : o.join(" ");
   i && (t.class = i);
 }
-function De(e, t, r) {
+function Ie(e, t, r) {
   let n;
   if (typeof e == "string") {
     if (!r) return;
-    n = P(r, e);
+    n = q(r, e);
   } else
     n = e;
   let o = "";
@@ -457,21 +457,21 @@ function De(e, t, r) {
           "min-height",
           "max-height"
         ];
-        let p = String(c);
-        typeof c == "number" && y.includes(f) && (p = `${c}px`), i.push(`${f}: ${p}`);
+        let g = String(c);
+        typeof c == "number" && y.includes(f) && (g = `${c}px`), i.push(`${f}: ${g}`);
       }
     o = i.join("; ") + (i.length > 0 ? ";" : "");
   }
   const s = t.style || "";
   t.style = s + (s && !s.endsWith(";") ? "; " : "") + o;
 }
-function we(e, t, r, n) {
+function Ee(e, t, r, n) {
   const o = {}, s = { ...n || {} }, i = {};
   for (const [a, c] of Object.entries(e)) {
     const { value: f, modifiers: y } = c;
     switch (a) {
       case "model":
-        Pe(
+        Ne(
           typeof f == "string" ? f : String(f),
           y,
           o,
@@ -482,45 +482,45 @@ function we(e, t, r, n) {
         );
         break;
       case "bind":
-        Me(f, o, s, t);
+        De(f, o, s, t);
         break;
       case "show":
-        Oe(f, s, t);
+        qe(f, s, t);
         break;
       case "class":
-        We(f, s, t);
+        He(f, s, t);
         break;
       case "style":
-        De(f, s, t);
+        Ie(f, s, t);
         break;
     }
   }
   return { props: o, attrs: s, listeners: i };
 }
-function le(e, t) {
+function ge(e, t) {
   if (Array.isArray(e)) {
     const s = /* @__PURE__ */ new Set();
     return e.map((i) => {
       if (!i || typeof i != "object") return i;
       let a = i.props?.key ?? i.key;
       if (!a) {
-        const p = i.tag || "node", l = i.props?.attrs?.id ?? i.props?.attrs?.name ?? i.props?.attrs?.["data-key"] ?? "";
-        a = l ? `${t}:${p}:${l}` : `${t}:${p}`;
+        const g = i.tag || "node", l = i.props?.attrs?.id ?? i.props?.attrs?.name ?? i.props?.attrs?.["data-key"] ?? "";
+        a = l ? `${t}:${g}:${l}` : `${t}:${g}`;
       }
       let c = a, f = 1;
       for (; s.has(c); )
         c = `${a}#${f++}`;
       s.add(c);
       let y = i.children;
-      return Array.isArray(y) && (y = le(y, c)), { ...i, key: c, children: y };
+      return Array.isArray(y) && (y = ge(y, c)), { ...i, key: c, children: y };
     });
   }
   const r = e;
   let n = r.props?.key ?? r.key ?? t, o = r.children;
-  return Array.isArray(o) && (o = le(o, n)), { ...r, key: n, children: o };
+  return Array.isArray(o) && (o = ge(o, n)), { ...r, key: n, children: o };
 }
-function He(e, t, r, n) {
-  const o = r.directives ?? {}, s = we(
+function Ue(e, t, r, n) {
+  const o = r.directives ?? {}, s = Ee(
     o,
     n,
     e,
@@ -542,79 +542,79 @@ function He(e, t, r, n) {
     s.listeners || {}
   ))
     e.addEventListener(l, x);
-  const y = t.attrs ?? {}, p = a;
-  for (const l in { ...y, ...p }) {
-    const x = y[l], w = p[l];
+  const y = t.attrs ?? {}, g = a;
+  for (const l in { ...y, ...g }) {
+    const x = y[l], w = g[l];
     x !== w && (w == null || w === !1 ? e.removeAttribute(l) : e.setAttribute(l, String(w)));
   }
 }
-function j(e, t, r) {
+function P(e, t, r) {
   if (typeof e == "string")
     return document.createTextNode(e);
   if (e.tag === "#text") {
-    const p = document.createTextNode(
+    const g = document.createTextNode(
       typeof e.children == "string" ? e.children : ""
     );
-    return e.key != null && (p.key = e.key), p;
+    return e.key != null && (g.key = e.key), g;
   }
   if (e.tag === "#anchor") {
-    const p = e, l = Array.isArray(p.children) ? p.children : [], x = document.createTextNode(""), w = document.createTextNode("");
-    p.key != null && (x.key = `${p.key}:start`, w.key = `${p.key}:end`), p._startNode = x, p._endNode = w;
-    const $ = document.createDocumentFragment();
-    $.appendChild(x);
-    for (const g of l) {
-      const u = j(g, t);
-      $.appendChild(u);
+    const g = e, l = Array.isArray(g.children) ? g.children : [], x = document.createTextNode(""), w = document.createTextNode("");
+    g.key != null && (x.key = `${g.key}:start`, w.key = `${g.key}:end`), g._startNode = x, g._endNode = w;
+    const S = document.createDocumentFragment();
+    S.appendChild(x);
+    for (const p of l) {
+      const u = P(p, t);
+      S.appendChild(u);
     }
-    return $.appendChild(w), $;
+    return S.appendChild(w), S;
   }
   const n = document.createElement(e.tag);
   e.key != null && (n.key = e.key);
-  const { props: o = {}, attrs: s = {}, directives: i = {} } = e.props ?? {}, a = we(i, t, n, s), c = {
+  const { props: o = {}, attrs: s = {}, directives: i = {} } = e.props ?? {}, a = Ee(i, t, n, s), c = {
     ...o,
     ...a.props
   }, f = {
     ...s,
     ...a.attrs
   };
-  for (const p in f) {
-    const l = f[p];
-    if (typeof p != "string" || /\[object Object\]/.test(p)) {
-      typeof window < "u" && window.console && console.warn("Skipping invalid attribute key:", p, l);
+  for (const g in f) {
+    const l = f[g];
+    if (typeof g != "string" || /\[object Object\]/.test(g)) {
+      typeof window < "u" && window.console && console.warn("Skipping invalid attribute key:", g, l);
       continue;
     }
-    typeof l == "boolean" ? l && n.setAttribute(p, "") : l != null && n.setAttribute(p, l);
+    typeof l == "boolean" ? l && n.setAttribute(g, "") : l != null && n.setAttribute(g, l);
   }
-  for (const p in c) {
-    const l = c[p];
-    if (typeof p != "string" || /\[object Object\]/.test(p)) {
-      typeof window < "u" && window.console && console.warn("Skipping invalid prop key:", p, l);
+  for (const g in c) {
+    const l = c[g];
+    if (typeof g != "string" || /\[object Object\]/.test(g)) {
+      typeof window < "u" && window.console && console.warn("Skipping invalid prop key:", g, l);
       continue;
     }
-    if (p === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement))
+    if (g === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement))
       n.value = l ?? "";
-    else if (p === "checked" && n instanceof HTMLInputElement)
+    else if (g === "checked" && n instanceof HTMLInputElement)
       n.checked = !!l;
-    else if (p.startsWith("on") && typeof l == "function")
-      n.addEventListener(p.slice(2).toLowerCase(), l);
+    else if (g.startsWith("on") && typeof l == "function")
+      n.addEventListener(g.slice(2).toLowerCase(), l);
     else {
-      if (p.startsWith("on") && l === void 0)
+      if (g.startsWith("on") && l === void 0)
         continue;
-      l == null || l === !1 ? n.removeAttribute(p) : n.setAttribute(p, String(l));
+      l == null || l === !1 ? n.removeAttribute(g) : n.setAttribute(g, String(l));
     }
   }
-  for (const [p, l] of Object.entries(
+  for (const [g, l] of Object.entries(
     a.listeners || {}
   ))
-    n.addEventListener(p, l);
+    n.addEventListener(g, l);
   const y = e.props?.ref ?? (e.props?.props && e.props.props.ref);
   if (typeof e != "string" && y && r && (r[y] = n), Array.isArray(e.children))
-    for (const p of e.children)
-      n.appendChild(j(p, t, r));
+    for (const g of e.children)
+      n.appendChild(P(g, t, r));
   else typeof e.children == "string" && (n.textContent = e.children);
   return n;
 }
-function qe(e, t, r, n, o) {
+function Fe(e, t, r, n, o) {
   if (typeof r == "string") {
     e.textContent !== r && (e.textContent = r);
     return;
@@ -630,54 +630,54 @@ function qe(e, t, r, n, o) {
   }
   const f = /* @__PURE__ */ new Set();
   let y = e.firstChild;
-  function p(x, w) {
-    let $ = x;
-    for (; $ && (f.add($), $ !== w); )
-      $ = $.nextSibling;
+  function g(x, w) {
+    let S = x;
+    for (; S && (f.add(S), S !== w); )
+      S = S.nextSibling;
   }
-  function l(x, w, $, g) {
+  function l(x, w, S, p) {
     const u = [];
     let h = x.nextSibling;
     for (; h && h !== w; )
       u.push(h), h = h.nextSibling;
-    const b = Array.isArray($) ? $ : [];
-    if (g.some((v) => v && v.key != null) || b.some((v) => v && v.key != null)) {
+    const b = Array.isArray(S) ? S : [];
+    if (p.some((v) => v && v.key != null) || b.some((v) => v && v.key != null)) {
       const v = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map();
-      for (const S of b)
-        S && S.key != null && v.set(S.key, S);
-      for (const S of u) {
-        const E = S.key;
-        E != null && m.set(E, S);
+      for (const C of b)
+        C && C.key != null && v.set(C.key, C);
+      for (const C of u) {
+        const E = C.key;
+        E != null && m.set(E, C);
       }
       const k = /* @__PURE__ */ new Set();
       let _ = x.nextSibling;
-      for (const S of g) {
+      for (const C of p) {
         let E;
-        if (S.key != null && m.has(S.key)) {
-          const A = v.get(S.key);
-          E = V(
-            m.get(S.key),
-            A,
-            S,
+        if (C.key != null && m.has(C.key)) {
+          const j = v.get(C.key);
+          E = Y(
+            m.get(C.key),
+            j,
+            C,
             n
           ), k.add(E), E !== _ && e.contains(E) && e.insertBefore(E, _);
         } else
-          E = j(S, n), e.insertBefore(E, _), k.add(E);
+          E = P(C, n), e.insertBefore(E, _), k.add(E);
         _ = E.nextSibling;
       }
-      for (const S of u)
-        !k.has(S) && e.contains(S) && e.removeChild(S);
+      for (const C of u)
+        !k.has(C) && e.contains(C) && e.removeChild(C);
     } else {
       const v = Math.min(
         b.length,
-        g.length
+        p.length
       );
       for (let m = 0; m < v; m++) {
-        const k = b[m], _ = g[m], S = V(u[m], k, _, n);
-        S !== u[m] && (e.insertBefore(S, u[m]), e.removeChild(u[m]));
+        const k = b[m], _ = p[m], C = Y(u[m], k, _, n);
+        C !== u[m] && (e.insertBefore(C, u[m]), e.removeChild(u[m]));
       }
-      for (let m = v; m < g.length; m++)
-        e.insertBefore(j(g[m], n), w);
+      for (let m = v; m < p.length; m++)
+        e.insertBefore(P(p[m], n), w);
       for (let m = v; m < u.length; m++)
         e.removeChild(u[m]);
     }
@@ -685,42 +685,42 @@ function qe(e, t, r, n, o) {
   for (const x of r) {
     let w;
     if (x.tag === "#anchor") {
-      const $ = x.key, g = `${$}:start`, u = `${$}:end`;
-      let h = c.get(g), b = c.get(u);
+      const S = x.key, p = `${S}:start`, u = `${S}:end`;
+      let h = c.get(p), b = c.get(u);
       const d = Array.isArray(x.children) ? x.children : [];
-      if (h || (h = document.createTextNode(""), h.key = g), b || (b = document.createTextNode(""), b.key = u), x._startNode = h, x._endNode = b, !e.contains(h) || !e.contains(b)) {
+      if (h || (h = document.createTextNode(""), h.key = p), b || (b = document.createTextNode(""), b.key = u), x._startNode = h, x._endNode = b, !e.contains(h) || !e.contains(b)) {
         e.insertBefore(h, y);
         for (const v of d)
-          e.insertBefore(j(v, n), y);
+          e.insertBefore(P(v, n), y);
         e.insertBefore(b, y);
       } else
         l(
           h,
           b,
-          a.get($)?.children,
+          a.get(S)?.children,
           d
         );
-      p(h, b), y = b.nextSibling;
+      g(h, b), y = b.nextSibling;
       continue;
     }
     if (x.key != null && c.has(x.key)) {
-      const $ = a.get(x.key);
-      w = V(
+      const S = a.get(x.key);
+      w = Y(
         c.get(x.key),
-        $,
+        S,
         x,
         n,
         o
       ), f.add(w), w !== y && e.contains(w) && (y && !e.contains(y) && (y = null), e.insertBefore(w, y));
     } else
-      w = j(x, n, o), y && !e.contains(y) && (y = null), e.insertBefore(w, y), f.add(w);
+      w = P(x, n, o), y && !e.contains(y) && (y = null), e.insertBefore(w, y), f.add(w);
     y = w.nextSibling;
   }
   for (const x of s)
-    !f.has(x) && e.contains(x) && (N(x, o), e.removeChild(x));
+    !f.has(x) && e.contains(x) && (D(x, o), e.removeChild(x));
 }
-function V(e, t, r, n, o) {
-  if (t && typeof t != "string" && t.props?.ref && o && N(e, o), t === r) return e;
+function Y(e, t, r, n, o) {
+  if (t && typeof t != "string" && t.props?.ref && o && D(e, o), t === r) return e;
   if (typeof r == "string") {
     if (e.nodeType === Node.TEXT_NODE)
       return e.textContent !== r && (e.textContent = r), e;
@@ -734,20 +734,20 @@ function V(e, t, r, n, o) {
     i.key != null && (c.key = `${i.key}:start`, f.key = `${i.key}:end`), i._startNode = c, i._endNode = f;
     const y = document.createDocumentFragment();
     y.appendChild(c);
-    for (const p of a) {
-      const l = j(p, n);
+    for (const g of a) {
+      const l = P(g, n);
       y.appendChild(l);
     }
     return y.appendChild(f), e.parentNode?.replaceChild(y, e), c;
   }
   if (!r) {
-    N(e, o);
+    D(e, o);
     const i = document.createComment("removed");
     return e.parentNode?.replaceChild(i, e), i;
   }
   if (!t || typeof t == "string") {
-    N(e, o);
-    const i = j(r, n, o);
+    D(e, o);
+    const i = P(r, n, o);
     return typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = i), e.parentNode?.replaceChild(i, e), i;
   }
   if (r.tag === "#anchor") {
@@ -756,52 +756,52 @@ function V(e, t, r, n, o) {
     const f = document.createDocumentFragment();
     f.appendChild(a);
     for (const y of i)
-      f.appendChild(j(y, n));
+      f.appendChild(P(y, n));
     return f.appendChild(c), e.parentNode?.replaceChild(f, e), a;
   }
   if (typeof t != "string" && typeof r != "string" && t.tag === r.tag && t.key === r.key) {
     const i = e;
-    return He(i, t.props || {}, r.props || {}, n), qe(i, t.children, r.children, n, o), typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = i), i;
+    return Ue(i, t.props || {}, r.props || {}, n), Fe(i, t.children, r.children, n, o), typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = i), i;
   }
-  N(e, o);
-  const s = j(r, n, o);
+  D(e, o);
+  const s = P(r, n, o);
   return typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = s), e.parentNode?.replaceChild(s, e), s;
 }
-function Ie(e, t, r, n) {
+function Ke(e, t, r, n) {
   let o;
   Array.isArray(t) ? t.length === 1 ? (o = t[0], o && typeof o == "object" && o.key == null && (o = { ...o, key: "__root__" })) : o = { tag: "div", key: "__root__", children: t } : (o = t, o && typeof o == "object" && o.key == null && (o = { ...o, key: "__root__" })), o && typeof o == "object" && o.tag === "#anchor" && (o = {
     tag: "div",
     key: "__anchor_root__",
     props: { attrs: { "data-anchor-block-root": "", key: "__anchor_root__" } },
     children: [o]
-  }), o = le(o, String(o.key ?? "root"));
+  }), o = ge(o, String(o.key ?? "root"));
   const s = e._prevVNode ?? null, i = e._prevDom ?? e.firstChild ?? null;
   let a;
-  s && i ? typeof s != "string" && typeof o != "string" && s.tag === o.tag && s.key === o.key ? a = V(i, s, o, r, n) : (a = j(o, r, n), e.replaceChild(a, i)) : (a = j(o, r, n), e.firstChild ? e.replaceChild(a, e.firstChild) : e.appendChild(a));
+  s && i ? typeof s != "string" && typeof o != "string" && s.tag === o.tag && s.key === o.key ? a = Y(i, s, o, r, n) : (a = P(o, r, n), e.replaceChild(a, i)) : (a = P(o, r, n), e.firstChild ? e.replaceChild(a, e.firstChild) : e.appendChild(a));
   const c = [];
   for (let f = 0; f < e.childNodes.length; f++) {
     const y = e.childNodes[f];
-    y !== a && y.nodeName !== "STYLE" && (N(y, n), c.push(y));
+    y !== a && y.nodeName !== "STYLE" && (D(y, n), c.push(y));
   }
   c.forEach((f) => e.removeChild(f)), e._prevVNode = o, e._prevDom = a;
 }
-function ke(e, ...t) {
+function Ae(e, ...t) {
   let r = "";
   for (let n = 0; n < e.length; n++)
     r += e[n], n < t.length && (r += t[n]);
   return r;
 }
-function $e(e) {
+function Te(e) {
   return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
 }
-let U = null;
-function he() {
-  return U || (U = new CSSStyleSheet(), U.replaceSync($e(Ue))), U;
+let Q = null;
+function we() {
+  return Q || (Q = new CSSStyleSheet(), Q.replaceSync(Te(Je))), Q;
 }
-function Fe(e) {
+function Ve(e) {
   return e.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
 }
-const Ue = ke`
+const Je = Ae`
   :host, *, ::before, ::after {
     all: isolate;
     box-sizing: border-box;
@@ -859,7 +859,7 @@ const Ue = ke`
   sup { top: -.5em }
   [disabled], [aria-disabled=true] { cursor: not-allowed }
   [hidden] { display: none }
-`, Ke = {
+`, Ze = {
   gray: {
     50: "var(--color-gray-50, #f9fafb)",
     100: "var(--color-gray-100, #f3f4f6)",
@@ -994,7 +994,7 @@ const Ue = ke`
   },
   white: { DEFAULT: "var(--color-white, #ffffff)" },
   black: { DEFAULT: "var(--color-black, #000000)" }
-}, Y = {
+}, se = {
   /* Display */
   block: "display:block;",
   inline: "display:inline;",
@@ -1175,7 +1175,7 @@ const Ue = ke`
   "z-30": "z-index:30;",
   "z-40": "z-index:40;",
   "z-50": "z-index:50;"
-}, Ve = "0.25rem", ge = {
+}, Qe = "0.25rem", ke = {
   m: ["margin"],
   mx: ["margin-inline"],
   my: ["margin-block"],
@@ -1207,7 +1207,7 @@ const Ue = ke`
   "gap-x": ["column-gap"],
   "gap-y": ["row-gap"]
 };
-function L(e, t) {
+function R(e, t) {
   let r = 0, n = 0;
   for (let o = 0; o < e.length; o++) {
     const s = e[o];
@@ -1220,21 +1220,21 @@ function L(e, t) {
   }
   return e + t;
 }
-const G = {
+const Xe = {
   before: (e, t) => `${e}::before{${t}}`,
   after: (e, t) => `${e}::after{${t}}`,
-  hover: (e, t) => `${L(e, ":hover")}{${t}}`,
-  focus: (e, t) => `${L(e, ":focus")}{${t}}`,
-  active: (e, t) => `${L(e, ":active")}{${t}}`,
-  disabled: (e, t) => `${L(e, ":disabled")}{${t}}`,
-  visited: (e, t) => `${L(e, ":visited")}{${t}}`,
-  checked: (e, t) => `${L(e, ":checked")}{${t}}`,
-  first: (e, t) => `${L(e, ":first-child")}{${t}}`,
-  last: (e, t) => `${L(e, ":last-child")}{${t}}`,
-  odd: (e, t) => `${L(e, ":nth-child(odd)")}{${t}}`,
-  even: (e, t) => `${L(e, ":nth-child(even)")}{${t}}`,
-  "focus-within": (e, t) => `${L(e, ":focus-within")}{${t}}`,
-  "focus-visible": (e, t) => `${L(e, ":focus-visible")}{${t}}`,
+  hover: (e, t) => `${R(e, ":hover")}{${t}}`,
+  focus: (e, t) => `${R(e, ":focus")}{${t}}`,
+  active: (e, t) => `${R(e, ":active")}{${t}}`,
+  disabled: (e, t) => `${R(e, ":disabled")}{${t}}`,
+  visited: (e, t) => `${R(e, ":visited")}{${t}}`,
+  checked: (e, t) => `${R(e, ":checked")}{${t}}`,
+  first: (e, t) => `${R(e, ":first-child")}{${t}}`,
+  last: (e, t) => `${R(e, ":last-child")}{${t}}`,
+  odd: (e, t) => `${R(e, ":nth-child(odd)")}{${t}}`,
+  even: (e, t) => `${R(e, ":nth-child(even)")}{${t}}`,
+  "focus-within": (e, t) => `${R(e, ":focus-within")}{${t}}`,
+  "focus-visible": (e, t) => `${R(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}}`,
@@ -1243,7 +1243,7 @@ const G = {
   "peer-focus": (e, t) => `.peer:focus ~ ${e}{${t}}`,
   "peer-checked": (e, t) => `.peer:checked ~ ${e}{${t}}`,
   "peer-disabled": (e, t) => `.peer:disabled ~ ${e}{${t}}`
-}, ee = {
+}, ae = {
   // Responsive
   sm: "(min-width:640px)",
   md: "(min-width:768px)",
@@ -1252,23 +1252,23 @@ const G = {
   "2xl": "(min-width:1536px)",
   // Dark mode (now plain string)
   dark: "(prefers-color-scheme: dark)"
-}, te = ["sm", "md", "lg", "xl", "2xl"];
-function re(e) {
+}, le = ["sm", "md", "lg", "xl", "2xl"];
+function ce(e) {
   const t = e.startsWith("-"), n = (t ? e.slice(1) : e).split("-");
   if (n.length < 2) return null;
   const o = n.slice(0, -1).join("-"), s = n[n.length - 1], i = parseFloat(s);
-  if (Number.isNaN(i) || !ge[o]) return null;
+  if (Number.isNaN(i) || !ke[o]) return null;
   const a = t ? "-" : "";
-  return ge[o].map((c) => `${c}:calc(${a}${Ve} * ${i});`).join("");
+  return ke[o].map((c) => `${c}:calc(${a}${Qe} * ${i});`).join("");
 }
-function ye(e) {
+function $e(e) {
   const t = e.replace("#", ""), r = parseInt(t, 16), n = r >> 16 & 255, o = r >> 8 & 255, s = r & 255;
   return `${n} ${o} ${s}`;
 }
-function Je(e) {
+function Ye(e) {
   const t = /^(bg|text|border|decoration|shadow|outline|caret|accent|fill|stroke)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/.exec(e);
   if (!t) return null;
-  const [, r, n, o = "DEFAULT"] = t, s = Ke[n]?.[o];
+  const [, r, n, o = "DEFAULT"] = t, s = Ze[n]?.[o];
   return s ? `${{
     bg: "background-color",
     decoration: "text-decoration-color",
@@ -1283,47 +1283,56 @@ function Je(e) {
     stroke: "stroke-color"
   }[r]}:${s};` : null;
 }
-function Ze(e) {
+function Ge(e) {
   const [t, r] = e.split("/");
   if (!r) return { base: t };
   const n = parseInt(r, 10);
   return isNaN(n) || n < 0 || n > 100 ? { base: t } : { base: t, opacity: n / 100 };
 }
-function ne(e) {
-  const { base: t, opacity: r } = Ze(e), n = Je(t);
+function fe(e) {
+  const { base: t, opacity: r } = Ge(e), n = Ye(t);
   if (n) {
     if (r !== void 0) {
       const s = /#([0-9a-f]{6})/i.exec(n);
       if (s) {
-        const i = ye(s[0]);
+        const i = $e(s[0]);
         return n.replace(/#([0-9a-f]{6})/i, `rgb(${i} / ${r})`);
       }
     }
     return n;
   }
-  const o = J(t);
+  const o = G(t);
   if (o && r !== void 0) {
     const s = /#([0-9a-f]{6})/i.exec(o);
     if (s) {
-      const i = ye(s[0]);
+      const i = $e(s[0]);
       return o.replace(/#([0-9a-f]{6})/i, `rgb(${i} / ${r})`);
     }
   }
   return o;
 }
-function oe(e) {
+function ue(e) {
   const t = /^opacity-(\d{1,3})$/.exec(e);
   if (!t) return null;
   const r = parseInt(t[1], 10);
   return r < 0 || r > 100 ? null : `opacity:${r / 100};`;
 }
-function J(e) {
+function G(e) {
+  if (e.startsWith("[") && e.endsWith("]") && !e.includes("-[")) {
+    const o = e.slice(1, -1).trim().match(/^([a-zA-Z][a-zA-Z0-9-]*)\s*:(.*)$/);
+    if (o) {
+      const s = o[1].trim();
+      let i = o[2].trim();
+      return i = i.replace(/url\('\s*([^']*?)\s*'\)/g, 'url("$1")'), i = i.replace(/^'([^']*)'$/g, '"$1"'), `${s}:${i};`;
+    }
+    return null;
+  }
   const t = e.indexOf("-["), r = e.endsWith("]");
   if (t > 0 && r) {
     const n = e.slice(0, t);
     let o = e.slice(t + 2, -1);
     o = o.replace(/_/g, " ");
-    const i = {
+    const s = {
       bg: "background-color",
       text: "color",
       p: "padding",
@@ -1362,12 +1371,15 @@ function J(e) {
       weight: "font-weight",
       leading: "line-height",
       z: "z-index"
-    }[n] ?? n.replace(/_/g, "-");
+    };
+    if (n === "rotate")
+      return `transform:rotate(${o});`;
+    const i = s[n] ?? n.replace(/_/g, "-");
     if (i && o) return `${i}:${o};`;
   }
   return null;
 }
-function me(e) {
+function et(e) {
   if (e.startsWith("[") && e.endsWith("]")) {
     const r = e.slice(1, -1);
     return r.includes("&") ? r : e;
@@ -1379,44 +1391,44 @@ function me(e) {
   }
   return null;
 }
-function Qe(e) {
+function tt(e) {
   return e.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1");
 }
-function Xe(e) {
-  const t = /class\s*=\s*["']([^"']+)["']/g, r = [];
+function rt(e) {
+  const t = /class\s*=\s*(['"])(.*?)\1/g, r = [];
   let n;
   for (; n = t.exec(e); ) {
-    const o = n[1].match(/(?:\[[^\]]+\]:[^\s]+|[^\s]+)/g);
-    o && r.push(...o);
+    const o = n[2].split(/\s+/).filter(Boolean);
+    o.length && r.push(...o);
   }
   return r.filter(Boolean);
 }
-const be = /* @__PURE__ */ new Map(), Ye = 16;
-function Ge(e) {
-  const t = Date.now(), r = be.get(e);
-  if (r && t - r.timestamp < Ye) return r.css;
-  const n = Xe(e), o = new Set(n), s = [], i = [], a = [], c = [], f = {};
-  function y(g, u = !1) {
-    const h = (u ? "dark|" : "") + g;
+const Se = /* @__PURE__ */ new Map(), nt = 16;
+function ot(e) {
+  const t = Date.now(), r = Se.get(e);
+  if (r && t - r.timestamp < nt) return r.css;
+  const n = rt(e), o = new Set(n), s = [], i = [], a = [], c = [], f = {};
+  function y(p, u = !1) {
+    const h = (u ? "dark|" : "") + p;
     if (h in f) return f[h];
-    const b = w(g, u);
+    const b = w(p, u);
     return f[h] = b, b;
   }
-  function p(g) {
-    const u = g.some((b) => te.includes(b)), h = g.includes("dark");
-    return g.length === 0 ? 1 : !u && !h ? 2 : u && !h ? 3 : 4;
+  function g(p) {
+    const u = p.some((b) => le.includes(b)), h = p.includes("dark");
+    return p.length === 0 ? 1 : !u && !h ? 2 : u && !h ? 3 : 4;
   }
-  function l(g) {
+  function l(p) {
     const u = [];
     let h = "", b = 0, d = 0;
-    for (let v = 0; v < g.length; v++) {
-      const m = g[v];
+    for (let v = 0; v < p.length; v++) {
+      const m = p[v];
       m === "[" ? b++ : m === "]" && b > 0 ? b-- : m === "(" ? d++ : m === ")" && d > 0 && d--, m === ":" && b === 0 && d === 0 ? (u.push(h), h = "") : h += m;
     }
     return h && u.push(h), u;
   }
-  function x(g) {
-    switch (g) {
+  function x(p) {
+    switch (p) {
       case "hover":
         return ":hover";
       case "focus":
@@ -1445,104 +1457,132 @@ function Ge(e) {
         return null;
     }
   }
-  function w(g, u = !1) {
-    const h = l(g);
-    let b = !1, d = h.find((C) => (C.startsWith("!") && (b = !0, C = C.slice(1)), Y[C] || re(C) || oe(C) || ne(C) || J(C)));
+  function w(p, u = !1) {
+    const h = l(p);
+    (p.includes("mask-image") || p.includes("sm: hover") || p.includes("sm:hover") || p.includes("mask.svg")) && console.error("DEBUG generateRule:", p, h);
+    let b = !1, d = h.find(($) => ($.startsWith("!") && (b = !0, $ = $.slice(1)), se[$] || ce($) || ue($) || fe($) || G($)));
     if (!d) return null;
-    const v = d.replace(/^!/, ""), m = Y[v] ?? re(v) ?? oe(v) ?? ne(v) ?? J(v);
+    const v = d.replace(/^!/, ""), m = se[v] ?? ce(v) ?? ue(v) ?? fe(v) ?? G(v);
     if (!m) return null;
     const k = h.indexOf(d);
     let _ = k >= 0 ? h.slice(0, k) : [];
-    u && (_ = _.filter((C) => C !== "dark"));
-    const S = _.find((C) => me(C)), E = `.${Qe(g)}`, A = "__TW_SUBJECT__";
-    let T, F = b ? m.replace(/;$/, " !important;") : m;
-    if (S) {
-      const C = me(S);
-      C ? C.includes("&") ? T = C.replace(/&/g, A) : T = `${C}${A}` : T = A;
-    } else
-      T = A;
-    const _e = _.filter((C) => C.startsWith("peer-")), Se = _.filter((C) => C.startsWith("group-")), Ce = _.filter(
-      (C) => !C.startsWith("group-") && !C.startsWith("peer-") && !te.includes(C) && C !== "dark" && C !== S
-    );
-    for (const C of _e) {
-      const R = G[C];
-      typeof R == "function" && (T = R(T, F).replace(/\{.*$/, ""));
-    }
-    for (const C of Se) {
-      const R = G[C];
-      typeof R == "function" && (T = R(T, F).replace(/\{.*$/, ""));
+    u && (_ = _.filter(($) => $ !== "dark"));
+    const C = `.${tt(p)}`, E = "__SUBJECT__", j = b ? m.replace(/;$/, " !important;") : m;
+    let A = E;
+    const re = [];
+    for (const $ of _)
+      $.startsWith("group-") ? (A = `.group:${$.slice(6)} ${A}`, re.push($)) : $.startsWith("peer-") && (A = A.replace(E, `.peer:${$.slice(5)}~${E}`), re.push($));
+    _ = _.filter(($) => !re.includes($));
+    const ne = [], me = [];
+    let N = null;
+    for (const $ of _) {
+      if ($ === "dark" || le.includes($)) continue;
+      const M = et($);
+      if (M) {
+        N = M;
+        continue;
+      }
+      const L = x($);
+      if (L) {
+        N ? me.push(L) : ne.push(L);
+        continue;
+      }
+      const B = Xe[$];
+      typeof B == "function" && (A = B(A, j).split("{")[0]);
     }
-    for (const C of Ce) {
-      const R = x(C);
-      if (R)
-        T = T.replace(A, A + R);
-      else {
-        const ue = G[C];
-        if (typeof ue == "function") {
-          const Ee = ue(A, F).replace(/\{.*$/, "");
-          T = T.replace(A, Ee);
+    function je($, M) {
+      if (!M) return $;
+      let L = 0, B = 0;
+      if ($.length && ($[0] === ">" || $[0] === "+" || $[0] === "~" || $[0] === " ")) {
+        let T = 1;
+        for (; T < $.length && $[T] === " "; ) T++;
+        for (; T < $.length; T++) {
+          const z = $[T];
+          if (z === "[" ? L++ : z === "]" && L > 0 ? L-- : z === "(" ? B++ : z === ")" && B > 0 && B--, L === 0 && B === 0 && ($[T] === ">" || $[T] === "+" || $[T] === "~" || $[T] === " "))
+            return $.slice(0, T) + M + $.slice(T);
         }
+        return $ + M;
       }
+      for (let T = 0; T < $.length; T++) {
+        const z = $[T];
+        if (z === "[" ? L++ : z === "]" && L > 0 ? L-- : z === "(" ? B++ : z === ")" && B > 0 && B--, L === 0 && B === 0 && (z === ">" || z === "+" || z === "~" || z === " "))
+          return $.slice(0, T) + M + $.slice(T);
+      }
+      return $ + M;
     }
-    T = T.replace(new RegExp(A, "g"), E);
-    let z = `${T}{${F}}`;
-    const X = _.filter((C) => te.includes(C)), M = X.length ? X[X.length - 1] : null, fe = _.includes("dark");
-    return u && M ? z = `@media (prefers-color-scheme: dark) and ${ee[M]}{${z}}` : u ? z = `@media (prefers-color-scheme: dark){${z}}` : fe && M ? z = `@media (prefers-color-scheme: dark) and ${ee[M]}{${z}}` : fe ? z = `@media (prefers-color-scheme: dark){${z}}` : M && (z = `@media ${ee[M]}{${z}}`), z;
-  }
-  for (const g of o) {
-    const u = l(g), h = u.find(
-      (m) => Y[m] || re(m) || oe(m) || ne(m) || J(m)
+    const oe = ne.join(""), K = me.join("");
+    if (N)
+      if (N.includes("&")) {
+        const $ = N.indexOf("&"), M = N.slice(0, $), L = N.slice($ + 1), B = E + oe, T = A;
+        if (ne.length === 0)
+          A = T.replace(E, M + B + K + L);
+        else {
+          const z = je(L, K);
+          A = T.replace(E, M + B + z);
+        }
+      } else
+        A = A.replace(E, `${N}${E + oe}`), K && (A = A.replace(E, `${E}${K}`));
+    else
+      A = E + oe + K;
+    A = A.replace(new RegExp(E, "g"), C);
+    let O = `${A}{${j}}`;
+    const ie = _.filter(($) => le.includes($)), H = ie.length ? ie[ie.length - 1] : null, be = _.includes("dark");
+    return u && H ? O = `@media (prefers-color-scheme: dark) and ${ae[H]}{${O}}` : u ? O = `@media (prefers-color-scheme: dark){${O}}` : be && H ? O = `@media (prefers-color-scheme: dark) and ${ae[H]}{${O}}` : be ? O = `@media (prefers-color-scheme: dark){${O}}` : H && (O = `@media ${ae[H]}{${O}}`), O;
+  }
+  for (const p of o) {
+    const u = l(p), h = u.find(
+      (m) => se[m] || ce(m) || ue(m) || fe(m) || G(m)
     );
     if (!h) continue;
-    const b = u.indexOf(h), d = b >= 0 ? u.slice(0, b) : [], v = p(d);
+    const b = u.indexOf(h), d = b >= 0 ? u.slice(0, b) : [], v = g(d);
     if (v === 4) {
-      const m = y(g, !0);
+      const m = y(p, !0);
       m && c.push(m);
     } else {
-      const m = y(g);
+      const m = y(p);
       m && (v === 1 ? s.push(m) : v === 2 ? i.push(m) : v === 3 && a.push(m));
     }
   }
-  const $ = [...s, ...i, ...a, ...c].join("");
-  return be.set(e, { css: $, timestamp: t }), $;
+  const S = [...s, ...i, ...a, ...c].join("");
+  return Se.set(e, { css: S, timestamp: t }), S;
 }
-const q = [];
-function et(e, t, r, n, o, s, i, a) {
+const J = [];
+function it(e, t, r, n, o, s, i, a) {
   if (e) {
-    q.push(r);
+    J.push(r);
     try {
       if (t.loadingTemplate && r.isLoading) {
-        O(e, t.loadingTemplate(r), r, n, o);
+        I(e, t.loadingTemplate(r), r, n, o);
         return;
       }
       if (t.errorTemplate && r.hasError) {
-        r.error instanceof Error && O(e, t.errorTemplate(r.error, r), r, n, o);
+        r.error instanceof Error && I(e, t.errorTemplate(r.error, r), r, n, o);
         return;
       }
       const c = t.render(r);
       if (c instanceof Promise) {
         s(!0), c.then((f) => {
-          s(!1), i(null), O(e, f, r, n, o), a(e.innerHTML);
+          s(!1), i(null), I(e, f, r, n, o), a(e.innerHTML);
         }).catch((f) => {
-          s(!1), i(f), t.errorTemplate && O(e, t.errorTemplate(f, r), r, n, o);
-        }), t.loadingTemplate && O(e, t.loadingTemplate(r), r, n, o);
+          s(!1), i(f), t.errorTemplate && I(e, t.errorTemplate(f, r), r, n, o);
+        }), t.loadingTemplate && I(e, t.loadingTemplate(r), r, n, o);
         return;
       }
-      O(e, c, r, n, o), a(e.innerHTML);
+      I(e, c, r, n, o), a(e.innerHTML);
     } finally {
-      q.pop();
+      J.pop();
     }
   }
 }
-function O(e, t, r, n, o) {
-  e && (Ie(
+function I(e, t, r, n, o) {
+  e && (Ke(
     e,
     Array.isArray(t) ? t : [t],
     r,
     n
   ), o(e.innerHTML));
 }
-function tt(e, t, r, n, o, s, i) {
+function st(e, t, r, n, o, s, i) {
   if (s !== null && clearTimeout(s), Date.now() - t < 16) {
     if (o(r + 1), r > 10) {
       console.warn("Potential infinite render loop detected. Skipping render."), i(null);
@@ -1555,32 +1595,32 @@ function tt(e, t, r, n, o, s, i) {
   }, 0);
   i(c);
 }
-function rt(e, t, r, n, o, s) {
+function at(e, t, r, n, o, s) {
   if (!e) return;
-  const i = Ge(n);
+  const i = ot(n);
   if (!t.style && (!i || i.trim() === "")) {
-    s(null), e.adoptedStyleSheets = [he()];
+    s(null), e.adoptedStyleSheets = [we()];
     return;
   }
   let a = "";
   t.style && (typeof t.style == "string" ? a = t.style : typeof t.style == "function" && (a = t.style(r)));
-  let c = Fe(`${a}
+  let c = Ve(`${a}
 ${i}
 `);
-  c = $e(c);
+  c = Te(c);
   let f = o;
-  f || (f = new CSSStyleSheet()), (f.cssRules.length === 0 || f.toString() !== c) && f.replaceSync(c), e.adoptedStyleSheets = [he(), f], s(f);
+  f || (f = new CSSStyleSheet()), (f.cssRules.length === 0 || f.toString() !== c) && f.replaceSync(c), e.adoptedStyleSheets = [we(), f], s(f);
 }
-const nt = /* @__PURE__ */ new Map();
-function ve(e, t, r) {
-  let n = ce(e);
+const lt = /* @__PURE__ */ new Map();
+function _e(e, t, r) {
+  let n = ye(e);
   n.includes("-") || (n = `cer-${n}`);
   let o;
   typeof t == "function" ? o = { ...r, render: t } : o = t, typeof o.onError != "function" && (o.onError = (s, i) => {
     console.error(`[${n}] Error:`, s, i);
-  }), nt.set(n, o), typeof window < "u" && !customElements.get(n) && customElements.define(n, ot(o));
+  }), lt.set(n, o), typeof window < "u" && !customElements.get(n) && customElements.define(n, ct(o));
 }
-function ot(e) {
+function ct(e) {
   if (!e.render)
     throw new Error(
       "Component must have a render function"
@@ -1667,7 +1707,7 @@ function ot(e) {
     }
     connectedCallback() {
       this._runLogicWithinErrorBoundary(e, () => {
-        Be(
+        Oe(
           e,
           this.context,
           this._mounted,
@@ -1679,7 +1719,7 @@ function ot(e) {
     }
     disconnectedCallback() {
       this._runLogicWithinErrorBoundary(e, () => {
-        Re(
+        Me(
           e,
           this.context,
           this._listeners,
@@ -1703,7 +1743,7 @@ function ot(e) {
     }
     attributeChangedCallback(t, r, n) {
       this._runLogicWithinErrorBoundary(e, () => {
-        this._applyProps(e), Ne(
+        this._applyProps(e), We(
           e,
           t,
           r,
@@ -1713,7 +1753,7 @@ function ot(e) {
       });
     }
     static get observedAttributes() {
-      return e.props ? Object.keys(e.props).map(ce) : [];
+      return e.props ? Object.keys(e.props).map(ye) : [];
     }
     _applyComputed(t) {
       this._runLogicWithinErrorBoundary(e, () => {
@@ -1721,7 +1761,7 @@ function ot(e) {
           Object.defineProperty(this.context, r, {
             get: () => {
               const o = n(this.context);
-              return se(o);
+              return pe(o);
             },
             enumerable: !0
           });
@@ -1731,7 +1771,7 @@ function ot(e) {
     // --- Render ---
     _render(t) {
       this._runLogicWithinErrorBoundary(t, () => {
-        et(
+        it(
           this.shadowRoot,
           t,
           this.context,
@@ -1754,7 +1794,7 @@ function ot(e) {
     }
     _requestRender() {
       this._runLogicWithinErrorBoundary(this._cfg, () => {
-        tt(
+        st(
           () => this._render(this._cfg),
           this._lastRenderTime,
           this._renderCount,
@@ -1774,7 +1814,7 @@ function ot(e) {
     // --- Style ---
     _applyStyle(t, r) {
       this._runLogicWithinErrorBoundary(t, () => {
-        rt(
+        at(
           this.shadowRoot,
           t,
           this.context,
@@ -1813,8 +1853,8 @@ function ot(e) {
                 "splice",
                 "sort",
                 "reverse"
-              ].includes(a) ? function(...p) {
-                const l = f.apply(i, p);
+              ].includes(a) ? function(...g) {
+                const l = f.apply(i, g);
                 if (!n._initializing) {
                   const x = s || "root";
                   n._triggerWatchers(x, i), n._render(t);
@@ -1860,7 +1900,7 @@ function ot(e) {
     }
     _initWatchers(t) {
       this._runLogicWithinErrorBoundary(t, () => {
-        Le(
+        Be(
           this.context,
           this._watchers,
           t.watch || {}
@@ -1868,12 +1908,12 @@ function ot(e) {
       });
     }
     _triggerWatchers(t, r) {
-      je(this.context, this._watchers, t, r);
+      Re(this.context, this._watchers, t, r);
     }
     _applyProps(t) {
       this._runLogicWithinErrorBoundary(t, () => {
         try {
-          ze(this, t, this.context);
+          Pe(this, t, this.context);
         } catch (r) {
           this._hasError = !0, t.onError && t.onError(r, this.context), t.errorFallback && this.shadowRoot && (this.shadowRoot.innerHTML = t.errorFallback(r, this.context));
         }
@@ -1881,34 +1921,34 @@ function ot(e) {
     }
   };
 }
-function H(e, t = {}, r, n) {
+function V(e, t = {}, r, n) {
   const o = n ?? t.key;
   return { tag: e, key: o, props: t, children: r };
 }
-function Z(e) {
+function ee(e) {
   return !!e && typeof e == "object" && (e.type === "AnchorBlock" || e.tag === "#anchor");
 }
-function K(e) {
-  return typeof e == "object" && e !== null && "tag" in e && !Z(e);
+function X(e) {
+  return typeof e == "object" && e !== null && "tag" in e && !ee(e);
 }
-function it(e, t) {
+function ft(e, t) {
   return e.key != null ? e : { ...e, key: t };
 }
-function st(e, t = [], r = {}) {
+function ut(e, t = [], r = {}) {
   const n = {}, o = {}, s = {}, i = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
   let a;
   for (; a = i.exec(e); ) {
-    const c = a[1], f = a[2], y = (a[4] || a[6]) ?? "", p = y.match(/^{{(\d+)}}$/);
-    let l = p ? t[Number(p[1])] ?? null : y;
-    p || (l === "true" ? l = !0 : l === "false" ? l = !1 : l === "null" ? l = null : isNaN(Number(l)) || (l = Number(l)));
+    const c = a[1], f = a[2], y = (a[4] || a[6]) ?? "", g = y.match(/^{{(\d+)}}$/);
+    let l = g ? t[Number(g[1])] ?? null : y;
+    g || (l === "true" ? l = !0 : l === "false" ? l = !1 : l === "null" ? l = null : isNaN(Number(l)) || (l = Number(l)));
     const x = ["model", "bind", "show", "class", "style"];
     if (c === ":") {
-      const [w, ...$] = f.split(".");
+      const [w, ...S] = f.split(".");
       if (x.includes(w)) {
-        const g = [...$];
+        const p = [...S];
         s[w] = {
           value: l,
-          modifiers: g
+          modifiers: p
         };
       } else
         o[f] = l;
@@ -1919,18 +1959,18 @@ function st(e, t = [], r = {}) {
   }
   return { props: n, attrs: o, directives: s };
 }
-function at(e, t, r) {
-  const n = q.length > 0 ? q[q.length - 1] : void 0, o = r ?? n;
+function dt(e, t, r) {
+  const n = J.length > 0 ? J[J.length - 1] : void 0, o = r ?? n;
   function s(d, v) {
-    return H("#text", {}, d, v);
+    return V("#text", {}, d, v);
   }
   let i = "";
   for (let d = 0; d < e.length; d++)
     i += e[d], d < t.length && (i += `{{${d}}}`);
   const a = /<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, c = [];
-  let f, y = [], p = null, l = {}, x, w = 0, $ = [];
-  function g(d) {
-    !d || typeof d != "object" || Z(d) || (d.props || d.attrs ? (d.props && (l.props || (l.props = {}), Object.assign(l.props, d.props)), d.attrs && (l.attrs || (l.attrs = {}), Object.keys(d.attrs).forEach((v) => {
+  let f, y = [], g = null, l = {}, x, w = 0, S = [];
+  function p(d) {
+    !d || typeof d != "object" || ee(d) || (d.props || d.attrs ? (d.props && (l.props || (l.props = {}), Object.assign(l.props, d.props)), d.attrs && (l.attrs || (l.attrs = {}), Object.keys(d.attrs).forEach((v) => {
       if (v === "style" && l.attrs.style) {
         const m = l.attrs.style.replace(
           /;?\s*$/,
@@ -1947,8 +1987,8 @@ function at(e, t, r) {
     }))) : (l.props || (l.props = {}), Object.assign(l.props, d)));
   }
   function u(d, v) {
-    const m = p ? y : $;
-    if (Z(d)) {
+    const m = g ? y : S;
+    if (ee(d)) {
       const k = d.key ?? v;
       let _ = d.children;
       m.push({
@@ -1958,20 +1998,20 @@ function at(e, t, r) {
       });
       return;
     }
-    if (K(d)) {
-      m.push(it(d, void 0));
+    if (X(d)) {
+      m.push(ft(d, void 0));
       return;
     }
     if (Array.isArray(d)) {
       if (d.length === 0) return;
       for (let k = 0; k < d.length; k++) {
         const _ = d[k];
-        Z(_) || K(_) || Array.isArray(_) ? u(_, `${v}-${k}`) : _ !== null && typeof _ == "object" ? g(_) : m.push(s(String(_), `${v}-${k}`));
+        ee(_) || X(_) || Array.isArray(_) ? u(_, `${v}-${k}`) : _ !== null && typeof _ == "object" ? p(_) : m.push(s(String(_), `${v}-${k}`));
       }
       return;
     }
     if (d !== null && typeof d == "object") {
-      g(d);
+      p(d);
       return;
     }
     m.push(s(String(d), v));
@@ -1997,49 +2037,49 @@ function at(e, t, r) {
       const d = f[1], v = f[0][1] === "/", m = f[0][f[0].length - 2] === "/" || h.has(d), {
         props: k,
         attrs: _,
-        directives: S
-      } = st(f[2] || "", t, o), E = { props: {}, attrs: {} };
-      for (const A in k) E.props[A] = k[A];
-      for (const A in _) E.attrs[A] = _[A];
-      if (Object.keys(S).length > 0 && (E.directives = { ...S }), v) {
-        const A = H(
-          p,
+        directives: C
+      } = ut(f[2] || "", t, o), E = { props: {}, attrs: {} };
+      for (const j in k) E.props[j] = k[j];
+      for (const j in _) E.attrs[j] = _[j];
+      if (Object.keys(C).length > 0 && (E.directives = { ...C }), v) {
+        const j = V(
+          g,
           l,
-          y.length === 1 && K(y[0]) && y[0].tag === "#text" ? typeof y[0].children == "string" ? y[0].children : "" : y.length ? y : void 0,
+          y.length === 1 && X(y[0]) && y[0].tag === "#text" ? typeof y[0].children == "string" ? y[0].children : "" : y.length ? y : void 0,
           x
-        ), T = c.pop();
-        T ? (p = T.tag, l = T.props, x = T.key, y = T.children, y.push(A)) : ($.push(A), p = null, l = {}, x = void 0, y = []);
-      } else m ? p ? y.push(H(d, E, void 0, void 0)) : $.push(H(d, E, void 0, void 0)) : (p && c.push({
-        tag: p,
+        ), A = c.pop();
+        A ? (g = A.tag, l = A.props, x = A.key, y = A.children, y.push(j)) : (S.push(j), g = null, l = {}, x = void 0, y = []);
+      } else m ? g ? y.push(V(d, E, void 0, void 0)) : S.push(V(d, E, void 0, void 0)) : (g && c.push({
+        tag: g,
         props: l,
         children: y,
         key: x
-      }), p = d, l = E, y = []);
+      }), g = d, l = E, y = []);
     } else if (typeof f[3] < "u") {
       const d = Number(f[3]), v = t[d], m = `interp-${d}`;
       u(v, m);
     } else if (f[4]) {
-      const d = f[4], v = p ? y : $, m = d.split(/({{\d+}})/);
+      const d = f[4], v = g ? y : S, m = d.split(/({{\d+}})/);
       for (const k of m) {
         if (!k) continue;
         const _ = k.match(/^{{(\d+)}}$/);
         if (_) {
-          const S = Number(_[1]), E = t[S], A = `interp-${S}`;
-          u(E, A);
+          const C = Number(_[1]), E = t[C], j = `interp-${C}`;
+          u(E, j);
         } else {
-          const S = `text-${w++}`;
-          v.push(s(k, S));
+          const C = `text-${w++}`;
+          v.push(s(k, C));
         }
       }
     }
-  const b = $.filter((d) => K(d) && d.tag === "#text" ? typeof d.children == "string" && d.children.trim() !== "" : !0);
-  return b.length === 1 ? b[0] : b.length > 1 ? b : H("div", {}, "", "fallback-root");
+  const b = S.filter((d) => X(d) && d.tag === "#text" ? typeof d.children == "string" && d.children.trim() !== "" : !0);
+  return b.length === 1 ? b[0] : b.length > 1 ? b : V("div", {}, "", "fallback-root");
 }
-function W(e, ...t) {
+function U(e, ...t) {
   const r = t[t.length - 1], n = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
-  return at(e, t, n);
+  return dt(e, t, n);
 }
-const xe = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, B = (e, t) => {
+const Ce = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, W = (e, t) => {
   for (const r of e) {
     const n = [], o = r.path.replace(/:[^/]+/g, (a) => (n.push(a.slice(1)), "([^/]+)")), s = new RegExp(`^${o}$`), i = t.match(s);
     if (i) {
@@ -2050,114 +2090,114 @@ const xe = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new
     }
   }
   return { route: null, params: {} };
-}, ie = {};
-async function lt(e) {
+}, de = {};
+async function pt(e) {
   if (e.component) return e.component;
   if (e.load) {
-    if (ie[e.path]) return ie[e.path];
+    if (de[e.path]) return de[e.path];
     try {
       const t = await e.load();
-      return ie[e.path] = t.default, t.default;
+      return de[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 ct(e) {
+function ht(e) {
   const { routes: t, base: r = "", initialUrl: n } = e;
   let o, s, i, a, c, f, y;
-  const p = async ($, g) => {
-    const u = t.find((h) => B([h], $.path).route !== null);
+  const g = async (S, p) => {
+    const u = t.find((h) => W([h], S.path).route !== null);
     if (u?.beforeEnter)
       try {
-        const h = await u.beforeEnter($, g);
+        const h = await u.beforeEnter(S, p);
         return typeof h == "string" ? (await w(h, !0), !1) : h !== !1;
       } catch (h) {
         return console.error("beforeEnter error", h), !1;
       }
     return !0;
-  }, l = async ($, g) => {
-    const u = t.find((h) => B([h], $.path).route !== null);
+  }, l = async (S, p) => {
+    const u = t.find((h) => W([h], S.path).route !== null);
     if (u?.onEnter)
       try {
-        const h = await u.onEnter($, g);
+        const h = await u.onEnter(S, p);
         return typeof h == "string" ? (await w(h, !0), !1) : h !== !1;
       } catch (h) {
         return console.error("onEnter error", h), !1;
       }
     return !0;
-  }, x = ($, g) => {
-    const u = t.find((h) => B([h], $.path).route !== null);
+  }, x = (S, p) => {
+    const u = t.find((h) => W([h], S.path).route !== null);
     if (u?.afterEnter)
       try {
-        u.afterEnter($, g);
+        u.afterEnter(S, p);
       } catch (h) {
         console.error("afterEnter error", h);
       }
-  }, w = async ($, g = !1) => {
+  }, w = async (S, p = !1) => {
     try {
       const u = {
-        path: $.replace(r, "") || "/",
+        path: S.replace(r, "") || "/",
         query: {}
-      }, h = B(t, u.path);
+      }, h = W(t, u.path);
       if (!h) throw new Error(`No route found for ${u.path}`);
       const b = i.getState(), d = {
         path: u.path,
         params: h.params,
         query: u.query
       };
-      if (!await p(d, b) || !await l(d, b)) return;
-      typeof window < "u" && typeof document < "u" && (g ? window.history.replaceState({}, "", r + $) : window.history.pushState({}, "", r + $)), i.setState(d), x(d, b);
+      if (!await g(d, b) || !await l(d, b)) return;
+      typeof window < "u" && typeof document < "u" && (p ? window.history.replaceState({}, "", r + S) : window.history.pushState({}, "", r + S)), i.setState(d), x(d, b);
     } catch (u) {
       console.error("Navigation error:", u);
     }
   };
   if (typeof window < "u" && typeof document < "u") {
     o = () => {
-      const g = new URL(window.location.href), u = g.pathname.replace(r, "") || "/", h = xe(g.search);
+      const p = new URL(window.location.href), u = p.pathname.replace(r, "") || "/", h = Ce(p.search);
       return { path: u, query: h };
     }, s = o();
-    const $ = B(t, s.path);
-    i = de({
+    const S = W(t, s.path);
+    i = ve({
       path: s.path,
-      params: $.params,
+      params: S.params,
       query: s.query
-    }), a = async (g = !1) => {
+    }), a = async (p = !1) => {
       const u = o();
-      await w(u.path, g);
-    }, window.addEventListener("popstate", () => a(!0)), c = (g) => w(g, !1), f = (g) => w(g, !0), y = () => window.history.back();
+      await w(u.path, p);
+    }, window.addEventListener("popstate", () => a(!0)), c = (p) => w(p, !1), f = (p) => w(p, !0), y = () => window.history.back();
   } else {
     o = () => {
-      const u = new URL(n || "/", "http://localhost"), h = u.pathname.replace(r, "") || "/", b = xe(u.search);
+      const u = new URL(n || "/", "http://localhost"), h = u.pathname.replace(r, "") || "/", b = Ce(u.search);
       return { path: h, query: b };
     }, s = o();
-    const $ = B(t, s.path);
-    i = de({
+    const S = W(t, s.path);
+    i = ve({
       path: s.path,
-      params: $.params,
+      params: S.params,
       query: s.query
     }), a = async () => {
       const u = o();
-      await g(u.path);
+      await p(u.path);
     };
-    const g = async (u) => {
+    const p = async (u) => {
       try {
         const h = {
           path: u.replace(r, "") || "/",
           query: {}
-        }, b = B(t, h.path);
+        }, b = W(t, h.path);
         if (!b) throw new Error(`No route found for ${h.path}`);
         const d = i.getState(), v = {
           path: h.path,
           params: b.params,
           query: h.query
-        }, m = t.find((k) => B([k], v.path).route !== null);
+        }, m = t.find((k) => W([k], v.path).route !== null);
         if (m?.beforeEnter)
           try {
             const k = await m.beforeEnter(v, d);
             if (typeof k == "string") {
-              await g(k);
+              await p(k);
               return;
             }
             if (k === !1) return;
@@ -2168,7 +2208,7 @@ function ct(e) {
           try {
             const k = await m.onEnter(v, d);
             if (typeof k == "string") {
-              await g(k);
+              await p(k);
               return;
             }
             if (k === !1) return;
@@ -2183,7 +2223,7 @@ function ct(e) {
       } catch {
       }
     };
-    c = async (u) => g(u), f = async (u) => g(u), y = () => {
+    c = async (u) => p(u), f = async (u) => p(u), y = () => {
     };
   }
   return {
@@ -2192,34 +2232,34 @@ function ct(e) {
     replace: f,
     back: y,
     subscribe: i.subscribe,
-    matchRoute: ($) => B(t, $),
+    matchRoute: (S) => W(t, S),
     getCurrent: () => i.getState(),
-    resolveRouteComponent: lt
+    resolveRouteComponent: pt
   };
 }
-function mt(e, t) {
-  return B(e, t);
+function kt(e, t) {
+  return W(e, t);
 }
-function bt(e) {
-  const t = ct(e);
-  return ve("router-view", {
+function $t(e) {
+  const t = ht(e);
+  return _e("router-view", {
     async render() {
-      if (!t) return W`<div>Router not initialized.</div>`;
+      if (!t) return U`<div>Router not initialized.</div>`;
       const r = t.getCurrent(), { path: n } = r, o = t.matchRoute(n);
-      if (!o.route) return W`<div>Not found</div>`;
+      if (!o.route) return U`<div>Not found</div>`;
       let s = o.route.component;
       if (o.route.load) {
         const i = await o.route.load();
         typeof i.default == "string" && (s = i.default);
       }
-      return typeof s == "string" ? { tag: s, props: {}, children: [] } : W`<div>Invalid route component</div>`;
+      return typeof s == "string" ? { tag: s, props: {}, children: [] } : U`<div>Invalid route component</div>`;
     },
     onConnected(r) {
       t && typeof t.subscribe == "function" && t.subscribe(() => {
         typeof r.requestRender == "function" && r.requestRender();
       });
     }
-  }), ve("router-link", {
+  }), _e("router-link", {
     state: {},
     props: {
       to: { type: String, default: "" },
@@ -2232,7 +2272,7 @@ function bt(e) {
       disabled: { type: Boolean, default: !1 },
       external: { type: Boolean, default: !1 },
       class: { type: String, default: "" },
-      style: { type: String, default: ke`
+      style: { type: String, default: Ae`
         [aria-disabled="true"] {
           pointer-events: none;
           opacity: 0.5;
@@ -2241,25 +2281,32 @@ function bt(e) {
     },
     style: (r) => r.style,
     render: (r) => {
-      const n = t.getCurrent(), o = r.to, s = r.exact, i = r.exactActiveClass, a = r.activeClass, c = r.ariaCurrentValue, f = r.tag, y = r.disabled, p = r.external, l = n.path === o, x = s ? l : n && typeof n.path == "string" ? n.path.startsWith(o) : !1, w = l ? i : x ? a : "", $ = l ? `aria-current="${c}"` : "", g = f === "button", u = y ? g ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", h = p && (f === "a" || !f) ? 'target="_blank" rel="noopener noreferrer"' : "";
-      return W`
-        ${Ae().when(g, W`
+      const n = t.getCurrent(), o = r.to, s = r.exact, i = r.exactActiveClass, a = r.activeClass, c = r.ariaCurrentValue, f = r.tag, y = r.disabled, g = r.external, l = n.path === o, x = s ? l : n && typeof n.path == "string" ? n.path.startsWith(o) : !1, w = l ? `aria-current="${c}"` : "", S = (r.class || "").split(/\s+/).filter(Boolean), p = {};
+      for (const v of S) p[v] = !0;
+      const u = {
+        ...p,
+        // Also include the configurable names (may duplicate the above)
+        [a]: x,
+        [i]: l
+      }, h = f === "button", b = y ? h ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", d = g && (f === "a" || !f) ? 'target="_blank" rel="noopener noreferrer"' : "";
+      return U`
+        ${Le().when(h, U`
             <button
               part="button"
-              :class="${r.class} ${w}"
-              ${$}
-              ${u}
-              ${h}
+              :class="${u}"
+              ${w}
+              ${b}
+              ${d}
               @click="navigate"
             ><slot></slot></button>
-          `).otherwise(W`
+          `).otherwise(U`
             <a
               part="link"
               href="${o}"
-              :class="${r.class} ${w}"
-              ${$}
-              ${u}
-              ${h}
+              :class="${u}"
+              ${w}
+              ${b}
+              ${d}
               @click="navigate"
             ><slot></slot></a>
           `).done()}
@@ -2275,25 +2322,25 @@ function bt(e) {
   }), t;
 }
 export {
-  D as GlobalEventBus,
-  ve as component,
-  de as createStore,
-  ke as css,
-  ut as each,
-  dt as emit,
-  I as eventBus,
-  W as html,
-  bt as initRouter,
-  yt as listen,
-  Ae as match,
-  B as matchRoute,
-  mt as matchRouteSSR,
-  ht as off,
-  pt as on,
-  gt as once,
-  xe as parseQuery,
-  lt as resolveRouteComponent,
-  ct as useRouter,
-  ft as when
+  F as GlobalEventBus,
+  _e as component,
+  ve as createStore,
+  Ae as css,
+  yt as each,
+  mt as emit,
+  Z as eventBus,
+  U as html,
+  $t as initRouter,
+  wt as listen,
+  Le as match,
+  W as matchRoute,
+  kt as matchRouteSSR,
+  vt as off,
+  bt as on,
+  xt as once,
+  Ce as parseQuery,
+  pt as resolveRouteComponent,
+  ht as useRouter,
+  gt as when
 };
 //# sourceMappingURL=custom-elements-runtime.es.js.map