@jasonshimmy/custom-elements-runtime 1.0.6 → 1.0.7

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

@@ -327,18 +327,18 @@ function pr(e, t, r = {}) {
     F.cleanup(n);
   };
 }
-const xe = /* @__PURE__ */ new Map(), ve = /* @__PURE__ */ new Map(), $e = /* @__PURE__ */ new Map(), Ue = 500;
+const ve = /* @__PURE__ */ new Map(), xe = /* @__PURE__ */ new Map(), $e = /* @__PURE__ */ new Map(), Ue = 500;
 function re(e) {
-  if (xe.has(e))
-    return xe.get(e);
+  if (ve.has(e))
+    return ve.get(e);
   const t = e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-  return xe.size < Ue && xe.set(e, t), t;
+  return ve.size < Ue && ve.set(e, t), t;
 }
 function it(e) {
-  if (ve.has(e))
-    return ve.get(e);
+  if (xe.has(e))
+    return xe.get(e);
   const t = e.replace(/-([a-z])/g, (r, i) => i.toUpperCase());
-  return ve.size < Ue && ve.set(e, t), t;
+  return xe.size < Ue && xe.set(e, t), t;
 }
 function ie(e) {
   if (typeof e == "string") {
@@ -440,10 +440,10 @@ function bt(e, t, r) {
 function wt(e, t, r) {
   t.props && bt(e, t.props, r);
 }
-function xt(e, t, r, i) {
+function vt(e, t, r, i) {
   e.onConnected && !r && (e.onConnected(t), i(!0));
 }
-function vt(e, t, r, i, n, s, o, a) {
+function xt(e, t, r, i, n, s, o, a) {
   e.onDisconnected && e.onDisconnected(t), r.forEach((u) => u()), i(), n(), s(!1), o(null), a(!1);
 }
 function $t(e, t, r, i, n) {
@@ -707,9 +707,9 @@ class kt {
       return c;
     }
     function d() {
-      return n() && n().value === "!" ? (s("OP"), !d()) : n() && n().value === "-" ? (s("OP"), -d()) : x();
+      return n() && n().value === "!" ? (s("OP"), !d()) : n() && n().value === "-" ? (s("OP"), -d()) : v();
     }
-    function x() {
+    function v() {
       const c = n();
       if (c) {
         if (c.type === "NUMBER")
@@ -860,7 +860,7 @@ function Ct(e, t, r, i, n, s, o, a) {
   }, l = p();
   let d = "text";
   o instanceof HTMLInputElement ? d = i?.type || o.type || "text" : o instanceof HTMLSelectElement ? d = "select" : o instanceof HTMLTextAreaElement && (d = "textarea");
-  const x = o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement || o instanceof HTMLSelectElement, c = x ? d === "checkbox" || d === "radio" ? "checked" : "value" : a ?? "modelValue";
+  const v = o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement || o instanceof HTMLSelectElement, c = v ? d === "checkbox" || d === "radio" ? "checked" : "value" : a ?? "modelValue";
   if (d === "checkbox")
     if (Array.isArray(l))
       r[c] = l.includes(String(o?.getAttribute("value") ?? i?.value ?? ""));
@@ -894,7 +894,7 @@ function Ct(e, t, r, i, n, s, o, a) {
     if (k.isTrusted === !1 && !$) return;
     const f = k.target;
     if (!f || f._modelUpdating) return;
-    let v = f.value;
+    let x = f.value;
     if (d === "checkbox") {
       const T = p();
       if (Array.isArray(T)) {
@@ -905,38 +905,38 @@ function Ct(e, t, r, i, n, s, o, a) {
           const P = S.indexOf(R);
           P > -1 && S.splice(P, 1);
         }
-        v = S;
+        x = S;
       } else {
         const R = f.getAttribute("true-value") ?? !0, S = f.getAttribute("false-value") ?? !1;
-        v = f.checked ? R : S;
+        x = f.checked ? R : S;
       }
     } else if (d === "radio")
-      v = f.getAttribute("value") ?? f.value;
+      x = f.getAttribute("value") ?? f.value;
     else if (d === "select" && f.multiple)
-      v = Array.from(f.selectedOptions).map((T) => T.value);
-    else if (m && typeof v == "string" && (v = v.trim()), g) {
-      const T = Number(v);
-      isNaN(T) || (v = T);
+      x = Array.from(f.selectedOptions).map((T) => T.value);
+    else if (m && typeof x == "string" && (x = x.trim()), g) {
+      const T = Number(x);
+      isNaN(T) || (x = T);
     }
     const A = s._state || s, C = p();
-    if (Array.isArray(v) && Array.isArray(C) ? JSON.stringify([...v].sort()) !== JSON.stringify([...C].sort()) : v !== C) {
+    if (Array.isArray(x) && Array.isArray(C) ? JSON.stringify([...x].sort()) !== JSON.stringify([...C].sort()) : x !== C) {
       f._modelUpdating = !0;
       try {
         if (b)
           if (a && typeof e.value == "object" && e.value !== null) {
             const T = { ...e.value };
-            T[a] = v, e.value = T;
+            T[a] = x, e.value = T;
           } else
-            e.value = v;
+            e.value = x;
         else
-          _e(A, e, v);
+          _e(A, e, x);
         if (s._requestRender && s._requestRender(), s._triggerWatchers) {
           const T = b ? "reactiveState" : e;
-          s._triggerWatchers(T, v);
+          s._triggerWatchers(T, x);
         }
         if (f) {
           const T = `update:${re(c)}`, R = new CustomEvent(T, {
-            detail: v,
+            detail: x,
             bubbles: !0,
             composed: !0
           });
@@ -947,7 +947,7 @@ function Ct(e, t, r, i, n, s, o, a) {
       }
     }
   };
-  if (x) {
+  if (v) {
     if (n[h]) {
       const k = n[h];
       o && oe.removeListener(o, h, k);
@@ -960,15 +960,15 @@ function Ct(e, t, r, i, n, s, o, a) {
       o && oe.removeListener(o, k, $);
     }
     n[k] = ($) => {
-      const f = s._state || s, v = $.detail !== void 0 ? $.detail : $.target?.value, A = H(f, e);
-      if (Array.isArray(v) && Array.isArray(A) ? JSON.stringify([...v].sort()) !== JSON.stringify([...A].sort()) : v !== A) {
-        _e(f, e, v), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, v);
+      const f = s._state || s, x = $.detail !== void 0 ? $.detail : $.target?.value, A = H(f, e);
+      if (Array.isArray(x) && Array.isArray(A) ? JSON.stringify([...x].sort()) !== JSON.stringify([...A].sort()) : x !== A) {
+        _e(f, e, x), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, x);
         const E = $.target;
         if (E) {
-          E[c] = v;
+          E[c] = x;
           try {
             const T = re(c);
-            typeof v == "boolean" ? v ? E.setAttribute(T, "true") : E.setAttribute(T, "false") : E.setAttribute(T, String(v));
+            typeof x == "boolean" ? x ? E.setAttribute(T, "true") : E.setAttribute(T, "false") : E.setAttribute(T, String(x));
           } catch {
           }
           queueMicrotask(() => {
@@ -982,7 +982,7 @@ function Ct(e, t, r, i, n, s, o, a) {
     n._isComposing = !1;
     const $ = k.target;
     $ && setTimeout(() => {
-      const f = $.value, v = s._state || s, A = H(v, e);
+      const f = $.value, x = s._state || s, A = H(x, e);
       let C = f;
       if (m && (C = C.trim()), g) {
         const T = Number(C);
@@ -991,7 +991,7 @@ function Ct(e, t, r, i, n, s, o, a) {
       if (Array.isArray(C) && Array.isArray(A) ? JSON.stringify([...C].sort()) !== JSON.stringify([...A].sort()) : C !== A) {
         $._modelUpdating = !0;
         try {
-          _e(v, e, C), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, C);
+          _e(x, e, C), s._requestRender && s._requestRender(), s._triggerWatchers && s._triggerWatchers(e, C);
         } finally {
           setTimeout(() => $._modelUpdating = !1, 0);
         }
@@ -1208,15 +1208,15 @@ function Ve(e, t, r, i) {
   }, u = t.props ?? {}, m = o, g = r?.isCustomElement ?? t?.isCustomElement ?? !1;
   let b = !1;
   for (const d in { ...u, ...m }) {
-    const x = u[d], w = m[d];
-    if (x !== w)
+    const v = u[d], w = m[d];
+    if (v !== w)
       if (b = !0, d === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement))
         e.value !== w && (e.value = w ?? "");
       else if (d === "checked" && e instanceof HTMLInputElement)
         e.checked = !!w;
       else if (d.startsWith("on") && typeof w == "function") {
         const c = ot(d);
-        typeof x == "function" && oe.removeListener(e, c, x), oe.addListener(e, c, w);
+        typeof v == "function" && oe.removeListener(e, c, v), oe.addListener(e, c, w);
       } else if (w == null)
         e.removeAttribute(d);
       else if ((r?.isCustomElement ?? t?.isCustomElement ?? !1) || d in e)
@@ -1227,15 +1227,15 @@ function Ve(e, t, r, i) {
       else
         w === !1 && e.removeAttribute(d);
   }
-  for (const [d, x] of Object.entries(
+  for (const [d, v] of Object.entries(
     s.listeners || {}
   ))
-    oe.addListener(e, d, x);
+    oe.addListener(e, d, v);
   const p = t.attrs ?? {}, l = a;
   for (const d in { ...p, ...l }) {
-    const x = p[d], w = l[d];
-    let c = x, h = w;
-    if (ee(x) && (c = x.value), ee(w) && (h = w.value), c !== h)
+    const v = p[d], w = l[d];
+    let c = v, h = w;
+    if (ee(v) && (c = v.value), ee(w) && (h = w.value), c !== h)
       if (b = !0, h == null || h === !1) {
         if (e.removeAttribute(d), d === "value") {
           if (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement)
@@ -1337,15 +1337,15 @@ function X(e, t, r) {
     return e.key != null && (p.key = e.key), p;
   }
   if (e.tag === "#anchor") {
-    const p = e, l = Array.isArray(p.children) ? p.children : [], d = document.createTextNode(""), x = document.createTextNode("");
-    p.key != null && (d.key = `${p.key}:start`, x.key = `${p.key}:end`), p._startNode = d, p._endNode = x;
+    const p = e, l = Array.isArray(p.children) ? p.children : [], d = document.createTextNode(""), v = document.createTextNode("");
+    p.key != null && (d.key = `${p.key}:start`, v.key = `${p.key}:end`), p._startNode = d, p._endNode = v;
     const w = document.createDocumentFragment();
     w.appendChild(d);
     for (const c of l) {
       const h = X(c, t);
       w.appendChild(h);
     }
-    return w.appendChild(x), w;
+    return w.appendChild(v), w;
   }
   const i = document.createElement(e.tag);
   e.key != null && (i.key = e.key);
@@ -1381,9 +1381,9 @@ function X(e, t, r) {
             i.setAttribute(p, String(l));
           }
         else if ((e.props?.isCustomElement ?? !1) && !g && p.includes("-")) {
-          const x = it(p);
+          const v = it(p);
           try {
-            i[x] = l;
+            i[v] = l;
           } catch {
             i.setAttribute(p, String(l));
           }
@@ -1409,8 +1409,8 @@ function X(e, t, r) {
           i.removeAttribute(p);
         else if ((e.props?.isCustomElement ?? !1) || p in i)
           try {
-            const x = typeof l == "object" && l !== null && typeof l.value < "u" ? l.value : l;
-            i[p] = x;
+            const v = typeof l == "object" && l !== null && typeof l.value < "u" ? l.value : l;
+            i[p] = v;
           } catch {
           }
       }
@@ -1467,16 +1467,16 @@ function Rt(e, t, r, i, n) {
   const m = /* @__PURE__ */ new Set();
   let g = e.firstChild;
   function b(l, d) {
-    let x = l;
-    for (; x && (m.add(x), x !== d); )
-      x = x.nextSibling;
+    let v = l;
+    for (; v && (m.add(v), v !== d); )
+      v = v.nextSibling;
   }
-  function p(l, d, x, w) {
+  function p(l, d, v, w) {
     const c = [];
     let h = l.nextSibling;
     for (; h && h !== d; )
       c.push(h), h = h.nextSibling;
-    const y = Array.isArray(x) ? x : [];
+    const y = Array.isArray(v) ? v : [];
     if (w.some(($) => $ && $.key != null) || y.some(($) => $ && $.key != null)) {
       const $ = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
       for (const C of y)
@@ -1485,7 +1485,7 @@ function Rt(e, t, r, i, n) {
         const E = C.key;
         E != null && f.set(E, C);
       }
-      const v = /* @__PURE__ */ new Set();
+      const x = /* @__PURE__ */ new Set();
       let A = l.nextSibling;
       for (const C of w) {
         let E;
@@ -1496,20 +1496,20 @@ function Rt(e, t, r, i, n) {
             T,
             C,
             i
-          ), v.add(E), E !== A && e.contains(E) && e.insertBefore(E, A);
+          ), x.add(E), E !== A && e.contains(E) && e.insertBefore(E, A);
         } else
-          E = X(C, i), e.insertBefore(E, A), v.add(E);
+          E = X(C, i), e.insertBefore(E, A), x.add(E);
         A = E.nextSibling;
       }
       for (const C of c)
-        !v.has(C) && e.contains(C) && e.removeChild(C);
+        !x.has(C) && e.contains(C) && e.removeChild(C);
     } else {
       const $ = Math.min(
         y.length,
         w.length
       );
       for (let f = 0; f < $; f++) {
-        const v = y[f], A = w[f], C = Ee(c[f], v, A, i);
+        const x = y[f], A = w[f], C = Ee(c[f], x, A, i);
         C !== c[f] && (e.insertBefore(C, c[f]), e.removeChild(c[f]));
       }
       for (let f = $; f < w.length; f++)
@@ -1521,7 +1521,7 @@ function Rt(e, t, r, i, n) {
   for (const l of r) {
     let d;
     if (l.tag === "#anchor") {
-      const x = l.key, w = `${x}:start`, c = `${x}:end`;
+      const v = l.key, w = `${v}:start`, c = `${v}:end`;
       let h = u.get(w), y = u.get(c);
       const k = Array.isArray(l.children) ? l.children : [];
       if (h || (h = document.createTextNode(""), h.key = w), y || (y = document.createTextNode(""), y.key = c), l._startNode = h, l._endNode = y, !e.contains(h) || !e.contains(y)) {
@@ -1533,17 +1533,17 @@ function Rt(e, t, r, i, n) {
         p(
           h,
           y,
-          a.get(x)?.children,
+          a.get(v)?.children,
           k
         );
       b(h, y), g = y.nextSibling;
       continue;
     }
     if (l.key != null && u.has(l.key)) {
-      const x = a.get(l.key);
+      const v = a.get(l.key);
       d = Ee(
         u.get(l.key),
-        x,
+        v,
         l,
         i,
         n
@@ -1671,7 +1671,7 @@ const Mt = Pt`
   }
   :host {
     display: contents;
-    font: 16px/1.5 ui-sans-serif, system-ui, sans-serif;
+    font: 16px/1.5 var(--font-sans, ui-sans-serif, system-ui, sans-serif);
     -webkit-text-size-adjust: 100%;
     text-size-adjust: 100%;
   }
@@ -2019,9 +2019,9 @@ const Mt = Pt`
   "grow-0": "flex-grow:0;",
   "shrink-0": "flex-shrink:0;",
   /* Font Family */
-  "font-sans": "font-family:ui-sans-serif,system-ui,sans-serif;",
-  "font-serif": "font-family:ui-serif,Georgia,serif;",
-  "font-mono": "font-family:ui-monospace,SFMono-Regular,monospace;",
+  "font-sans": "font-family:var(--font-sans, ui-sans-serif,system-ui,sans-serif);",
+  "font-serif": "font-family:var(--font-serif, ui-serif,Georgia,serif);",
+  "font-mono": "font-family:var(--font-mono, ui-monospace,SFMono-Regular,monospace);",
   /* Line Clamp (for webkit) */
   "line-clamp-1": "display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;",
   "line-clamp-2": "display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;",
@@ -2345,8 +2345,8 @@ function Zt(e) {
     if (!k) return null;
     const $ = k.replace(/^!/, ""), f = Le[$] ?? We($) ?? ze($) ?? Ne($) ?? Se($);
     if (!f) return null;
-    const v = h.indexOf(k);
-    let A = v >= 0 ? h.slice(0, v) : [];
+    const x = h.indexOf(k);
+    let A = x >= 0 ? h.slice(0, x) : [];
     c && (A = A.filter((_) => _ !== "dark"));
     const C = `.${Kt(w)}`, E = "__SUBJECT__", T = y ? f.replace(/;$/, " !important;") : f;
     let R = E;
@@ -2424,8 +2424,8 @@ function Zt(e) {
       f && ($ === 1 ? s.push(f) : $ === 2 ? o.push(f) : $ === 3 && a.push(f));
     }
   }
-  const x = [...s, ...o, ...a, ...u].join("");
-  return Xe.set(e, { css: x, timestamp: t }), x;
+  const v = [...s, ...o, ...a, ...u].join("");
+  return Xe.set(e, { css: v, timestamp: t }), v;
 }
 const ge = [];
 function Gt(e, t, r, i, n, s, o, a) {
@@ -2539,7 +2539,7 @@ function wr(e) {
     throw new Error("useOnError must be called during component render");
   ye(W), W._hookCallbacks.onError = e;
 }
-function xr(e) {
+function vr(e) {
   if (!W)
     throw new Error("useStyle must be called during component render");
   ye(W);
@@ -2672,7 +2672,7 @@ function tr(e, t) {
     }
     connectedCallback() {
       this._runLogicWithinErrorBoundary(t, () => {
-        this._applyProps(t), this._requestRender(), xt(
+        this._applyProps(t), this._requestRender(), vt(
           t,
           this.context,
           this._mounted,
@@ -2684,7 +2684,7 @@ function tr(e, t) {
     }
     disconnectedCallback() {
       this._runLogicWithinErrorBoundary(t, () => {
-        vt(
+        xt(
           t,
           this.context,
           this._listeners,
@@ -3013,7 +3013,7 @@ function sr(e, t = [], r = {}) {
     p || (l === "true" ? l = !0 : l === "false" ? l = !1 : l === "null" ? l = null : isNaN(Number(l)) || (l = Number(l)));
     const d = ["model", "bind", "show", "class", "style", "ref"];
     if (m === ":") {
-      const [x, w] = g.split(":"), [c, ...h] = x.split(".");
+      const [v, w] = g.split(":"), [c, ...h] = v.split(".");
       if (d.includes(c)) {
         const y = [...h], k = c === "model" && w ? `model:${w}` : c;
         s[k] = {
@@ -3026,14 +3026,14 @@ function sr(e, t = [], r = {}) {
         y && ee(y) && (y = y.value), n[g] = y, o.push(g);
       }
     } else if (m === "@") {
-      const [x, ...w] = g.split("."), c = w;
-      nr(l, x);
+      const [v, ...w] = g.split("."), c = w;
+      nr(l, v);
       const h = typeof l == "function" ? l : typeof r[l] == "function" ? r[l] : void 0;
       if (h) {
         const y = ($) => {
           if (c.includes("prevent") && $.preventDefault(), c.includes("stop") && $.stopPropagation(), !(c.includes("self") && $.target !== $.currentTarget))
-            return c.includes("once") && $.currentTarget?.removeEventListener(x, y), h($);
-        }, k = "on" + x.charAt(0).toUpperCase() + x.slice(1);
+            return c.includes("once") && $.currentTarget?.removeEventListener(v, y), h($);
+        }, k = "on" + v.charAt(0).toUpperCase() + v.slice(1);
         i[k] = y;
       }
     } else g === "ref" ? i.ref = l : n[g] = l;
@@ -3046,35 +3046,35 @@ function or(e, t, r) {
     const f = De.get(o);
     if (f) return f;
   }
-  function a(f, v) {
-    return he("#text", {}, f, v);
+  function a(f, x) {
+    return he("#text", {}, f, x);
   }
   let u = "";
   for (let f = 0; f < e.length; f++)
     u += e[f], f < t.length && (u += `{{${f}}}`);
   const m = /<!--[\s\S]*?-->|<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, g = [];
-  let b, p = [], l = null, d = {}, x, w = 0, c = [];
+  let b, p = [], l = null, d = {}, v, w = 0, c = [];
   function h(f) {
-    !f || typeof f != "object" || Ae(f) || (f.props || f.attrs ? (f.props && (d.props || (d.props = {}), Object.assign(d.props, f.props)), f.attrs && (d.attrs || (d.attrs = {}), Object.keys(f.attrs).forEach((v) => {
-      if (v === "style" && d.attrs.style) {
+    !f || typeof f != "object" || Ae(f) || (f.props || f.attrs ? (f.props && (d.props || (d.props = {}), Object.assign(d.props, f.props)), f.attrs && (d.attrs || (d.attrs = {}), Object.keys(f.attrs).forEach((x) => {
+      if (x === "style" && d.attrs.style) {
         const A = d.attrs.style.replace(
           /;?\s*$/,
           ""
         ), C = f.attrs.style.replace(/^;?\s*/, "");
         d.attrs.style = A + "; " + C;
-      } else if (v === "class" && d.attrs.class) {
+      } else if (x === "class" && d.attrs.class) {
         const A = d.attrs.class.trim().split(/\s+/).filter(Boolean), C = f.attrs.class.trim().split(/\s+/).filter(Boolean), E = [
           .../* @__PURE__ */ new Set([...A, ...C])
         ];
         d.attrs.class = E.join(" ");
       } else
-        d.attrs[v] = f.attrs[v];
+        d.attrs[x] = f.attrs[x];
     }))) : (d.props || (d.props = {}), Object.assign(d.props, f)));
   }
-  function y(f, v) {
+  function y(f, x) {
     const A = l ? p : c;
     if (Ae(f)) {
-      const C = f.key ?? v;
+      const C = f.key ?? x;
       let E = f.children;
       A.push({
         ...f,
@@ -3091,7 +3091,7 @@ function or(e, t, r) {
       if (f.length === 0) return;
       for (let C = 0; C < f.length; C++) {
         const E = f[C];
-        Ae(E) || Ce(E) || Array.isArray(E) ? y(E, `${v}-${C}`) : E !== null && typeof E == "object" ? h(E) : A.push(a(String(E), `${v}-${C}`));
+        Ae(E) || Ce(E) || Array.isArray(E) ? y(E, `${x}-${C}`) : E !== null && typeof E == "object" ? h(E) : A.push(a(String(E), `${x}-${C}`));
       }
       return;
     }
@@ -3099,7 +3099,7 @@ function or(e, t, r) {
       h(f);
       return;
     }
-    A.push(a(String(f), v));
+    A.push(a(String(f), x));
   }
   const k = /* @__PURE__ */ new Set([
     "area",
@@ -3120,7 +3120,7 @@ function or(e, t, r) {
   for (; b = m.exec(u); )
     if (!(b[0].startsWith("<!--") && b[0].endsWith("-->"))) {
       if (b[1]) {
-        const f = b[1], v = b[0][1] === "/", A = b[0][b[0].length - 2] === "/" || k.has(f), {
+        const f = b[1], x = b[0][1] === "/", A = b[0][b[0].length - 2] === "/" || k.has(f), {
           props: C,
           attrs: E,
           directives: T,
@@ -3192,25 +3192,25 @@ function or(e, t, r) {
               }
           } catch {
           }
-        if (Object.keys(T).length > 0 && (S.directives = { ...T }), v) {
+        if (Object.keys(T).length > 0 && (S.directives = { ...T }), x) {
           const P = he(
             l,
             d,
             p.length === 1 && Ce(p[0]) && p[0].tag === "#text" ? typeof p[0].children == "string" ? p[0].children : "" : p.length ? p : void 0,
-            x
+            v
           ), B = g.pop();
-          B ? (l = B.tag, d = B.props, x = B.key, p = B.children, p.push(P)) : (c.push(P), l = null, d = {}, x = void 0, p = []);
+          B ? (l = B.tag, d = B.props, v = B.key, p = B.children, p.push(P)) : (c.push(P), l = null, d = {}, v = void 0, p = []);
         } else A ? l ? p.push(he(f, S, void 0, void 0)) : c.push(he(f, S, void 0, void 0)) : (l && g.push({
           tag: l,
           props: d,
           children: p,
-          key: x
+          key: v
         }), l = f, d = S, p = []);
       } else if (typeof b[3] < "u") {
-        const f = Number(b[3]), v = t[f], A = `interp-${f}`;
-        y(v, A);
+        const f = Number(b[3]), x = t[f], A = `interp-${f}`;
+        y(x, A);
       } else if (b[4]) {
-        const f = b[4], v = l ? p : c, A = f.split(/({{\d+}})/);
+        const f = b[4], x = l ? p : c, A = f.split(/({{\d+}})/);
         for (const C of A) {
           if (!C) continue;
           const E = C.match(/^{{(\d+)}}$/);
@@ -3219,7 +3219,7 @@ function or(e, t, r) {
             y(R, S);
           } else {
             const T = `text-${w++}`;
-            v.push(a(C, T));
+            x.push(a(C, T));
           }
         }
       }
@@ -3241,7 +3241,7 @@ function ce(e, ...t) {
 function Re(e, t) {
   return j(e ? t : [], "when-block");
 }
-function vr(e, t) {
+function xr(e, t) {
   return e.map((r, i) => {
     const n = typeof r == "object" ? r?.key ?? r?.id ?? `idx-${i}` : String(r);
     return j(t(r, i), `each-${n}`);
@@ -3561,38 +3561,38 @@ async function ur(e) {
 function fr(e) {
   const { routes: t, base: r = "", initialUrl: i } = e;
   let n, s, o, a, u, m, g;
-  const b = async (x, w) => {
-    const c = t.find((h) => Q([h], x.path).route !== null);
+  const b = async (v, w) => {
+    const c = t.find((h) => Q([h], v.path).route !== null);
     if (c?.beforeEnter)
       try {
-        const h = await c.beforeEnter(x, w);
+        const h = await c.beforeEnter(v, w);
         return typeof h == "string" ? (await d(h, !0), !1) : h !== !1;
       } catch (h) {
         return se("beforeEnter error", h), !1;
       }
     return !0;
-  }, p = async (x, w) => {
-    const c = t.find((h) => Q([h], x.path).route !== null);
+  }, p = async (v, w) => {
+    const c = t.find((h) => Q([h], v.path).route !== null);
     if (c?.onEnter)
       try {
-        const h = await c.onEnter(x, w);
+        const h = await c.onEnter(v, w);
         return typeof h == "string" ? (await d(h, !0), !1) : h !== !1;
       } catch (h) {
         return se("onEnter error", h), !1;
       }
     return !0;
-  }, l = (x, w) => {
-    const c = t.find((h) => Q([h], x.path).route !== null);
+  }, l = (v, w) => {
+    const c = t.find((h) => Q([h], v.path).route !== null);
     if (c?.afterEnter)
       try {
-        c.afterEnter(x, w);
+        c.afterEnter(v, w);
       } catch (h) {
         se("afterEnter error", h);
       }
-  }, d = async (x, w = !1) => {
+  }, d = async (v, w = !1) => {
     try {
       const c = {
-        path: x.replace(r, "") || "/",
+        path: v.replace(r, "") || "/",
         query: {}
       }, h = Q(t, c.path);
       if (!h) throw new Error(`No route found for ${c.path}`);
@@ -3602,7 +3602,7 @@ function fr(e) {
         query: c.query
       };
       if (!await b(k, y) || !await p(k, y)) return;
-      typeof window < "u" && typeof document < "u" && (w ? window.history.replaceState({}, "", r + x) : window.history.pushState({}, "", r + x)), o.setState(k), l(k, y);
+      typeof window < "u" && typeof document < "u" && (w ? window.history.replaceState({}, "", r + v) : window.history.pushState({}, "", r + v)), o.setState(k), l(k, y);
     } catch (c) {
       se("Navigation error:", c);
     }
@@ -3612,10 +3612,10 @@ function fr(e) {
       const w = new URL(window.location.href), c = w.pathname.replace(r, "") || "/", h = rt(w.search);
       return { path: c, query: h };
     }, s = n();
-    const x = Q(t, s.path);
+    const v = Q(t, s.path);
     o = tt({
       path: s.path,
-      params: x.params,
+      params: v.params,
       query: s.query
     }), a = async (w = !1) => {
       const c = n();
@@ -3626,10 +3626,10 @@ function fr(e) {
       const c = new URL(i || "/", "http://localhost"), h = c.pathname.replace(r, "") || "/", y = rt(c.search);
       return { path: h, query: y };
     }, s = n();
-    const x = Q(t, s.path);
+    const v = Q(t, s.path);
     o = tt({
       path: s.path,
-      params: x.params,
+      params: v.params,
       query: s.query
     }), a = async () => {
       const c = n();
@@ -3646,26 +3646,26 @@ function fr(e) {
           path: h.path,
           params: y.params,
           query: h.query
-        }, f = t.find((v) => Q([v], $.path).route !== null);
+        }, f = t.find((x) => Q([x], $.path).route !== null);
         if (f?.beforeEnter)
           try {
-            const v = await f.beforeEnter($, k);
-            if (typeof v == "string") {
-              await w(v);
+            const x = await f.beforeEnter($, k);
+            if (typeof x == "string") {
+              await w(x);
               return;
             }
-            if (v === !1) return;
+            if (x === !1) return;
           } catch {
             return;
           }
         if (f?.onEnter)
           try {
-            const v = await f.onEnter($, k);
-            if (typeof v == "string") {
-              await w(v);
+            const x = await f.onEnter($, k);
+            if (typeof x == "string") {
+              await w(x);
               return;
             }
-            if (v === !1) return;
+            if (x === !1) return;
           } catch {
             return;
           }
@@ -3686,7 +3686,7 @@ function fr(e) {
     replace: m,
     back: g,
     subscribe: o.subscribe,
-    matchRoute: (x) => Q(t, x),
+    matchRoute: (v) => Q(t, v),
     getCurrent: () => o.getState(),
     resolveRouteComponent: ur
   };
@@ -3724,14 +3724,14 @@ function Dr(e) {
       disabled: b = !1,
       external: p = !1,
       class: l = ""
-    } = r, d = t.getCurrent(), x = d.path === n, w = a ? x : d && typeof d.path == "string" ? d.path.startsWith(n) : !1, c = x ? `aria-current="${g}"` : "", h = (l || "").split(/\s+/).filter(Boolean), y = {};
+    } = r, d = t.getCurrent(), v = d.path === n, w = a ? v : d && typeof d.path == "string" ? d.path.startsWith(n) : !1, c = v ? `aria-current="${g}"` : "", h = (l || "").split(/\s+/).filter(Boolean), y = {};
     for (const C of h) y[C] = !0;
     const k = {
       ...y,
       // Also include the configurable names (may duplicate the above)
       [u]: w,
-      [m]: x
-    }, $ = s === "button", f = b ? $ ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", v = p && (s === "a" || !s) ? 'target="_blank" rel="noopener noreferrer"' : "", A = (C) => {
+      [m]: v
+    }, $ = s === "button", f = b ? $ ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", x = p && (s === "a" || !s) ? 'target="_blank" rel="noopener noreferrer"' : "", A = (C) => {
       if (b) {
         C.preventDefault();
         return;
@@ -3745,7 +3745,7 @@ function Dr(e) {
             :class="${k}"
             ${c}
             ${f}
-            ${v}
+            ${x}
             @click="${A}"
           ><slot></slot></button>
         `).otherwise(ce`
@@ -3755,7 +3755,7 @@ function Dr(e) {
             :class="${k}"
             ${c}
             ${f}
-            ${v}
+            ${x}
             @click="${A}"
           ><slot></slot></a>
         `).done()}
@@ -3769,7 +3769,7 @@ export {
   hr as computed,
   tt as createStore,
   Pt as css,
-  vr as each,
+  xr as each,
   Sr as eachGroup,
   Ar as eachPage,
   _r as eachWhere,
@@ -3802,7 +3802,7 @@ export {
   yr as useOnDisconnected,
   wr as useOnError,
   fr as useRouter,
-  xr as useStyle,
+  vr as useStyle,
   pr as watch,
   Re as when,
   kr as whenEmpty,