@jasonshimmy/custom-elements-runtime 0.0.10-beta.0 → 0.0.10-beta.1

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

@@ -1,20 +1,20 @@
-function _e(n) {
-  let e = new Proxy(n, {
-    set: (o, l, f) => (o[l] = f, i(), !0)
+function Ne(e) {
+  let t = new Proxy(e, {
+    set: (o, c, d) => (o[c] = d, s(), !0)
   });
-  const t = [];
-  function s(o) {
-    t.push(o), o(e);
-  }
-  function r() {
-    return e;
+  const r = [];
+  function n(o) {
+    r.push(o), o(t);
   }
   function i() {
-    t.forEach((o) => o(e));
+    return t;
+  }
+  function s() {
+    r.forEach((o) => o(t));
   }
-  return { subscribe: s, getState: r };
+  return { subscribe: n, getState: i };
 }
-class j extends EventTarget {
+class R extends EventTarget {
   handlers = {};
   static instance;
   eventCounters = /* @__PURE__ */ new Map();
@@ -22,7 +22,7 @@ class j extends EventTarget {
    * Returns the singleton instance of GlobalEventBus
    */
   static getInstance() {
-    return j.instance || (j.instance = new j()), j.instance;
+    return R.instance || (R.instance = new R()), R.instance;
   }
   // Enhanced emit method with better typing and event storm protection
   /**
@@ -30,26 +30,26 @@ class j extends EventTarget {
    * @param eventName - Name of the event
    * @param data - Optional event payload
    */
-  emit(e, t) {
-    const s = Date.now(), r = this.eventCounters.get(e);
-    if (!r || s - r.window > 1e3)
-      this.eventCounters.set(e, { count: 1, window: s });
-    else if (r.count++, r.count > 50 && (console.error(`Event storm detected for "${e}": ${r.count} events in 1 second. Throttling...`), r.count > 100)) {
-      console.warn(`Blocking further "${e}" events to prevent infinite loop`);
+  emit(t, r) {
+    const n = Date.now(), i = this.eventCounters.get(t);
+    if (!i || n - i.window > 1e3)
+      this.eventCounters.set(t, { count: 1, window: n });
+    else if (i.count++, i.count > 50 && (console.error(`Event storm detected for "${t}": ${i.count} events in 1 second. Throttling...`), i.count > 100)) {
+      console.warn(`Blocking further "${t}" events to prevent infinite loop`);
       return;
     }
-    this.dispatchEvent(new CustomEvent(e, {
-      detail: t,
+    this.dispatchEvent(new CustomEvent(t, {
+      detail: r,
       bubbles: !1,
       // Global events don't need to bubble
       cancelable: !0
     }));
-    const i = this.handlers[e];
-    i && i.forEach((o) => {
+    const s = this.handlers[t];
+    s && s.forEach((o) => {
       try {
-        o(t);
-      } catch (l) {
-        console.error(`Error in global event handler for "${e}":`, l);
+        o(r);
+      } catch (c) {
+        console.error(`Error in global event handler for "${t}":`, c);
       }
     });
   }
@@ -58,24 +58,24 @@ class j extends EventTarget {
    * @param eventName - Name of the event
    * @param handler - Handler function
    */
-  on(e, t) {
-    return this.handlers[e] || (this.handlers[e] = /* @__PURE__ */ new Set()), this.handlers[e].add(t), () => this.off(e, t);
+  on(t, r) {
+    return this.handlers[t] || (this.handlers[t] = /* @__PURE__ */ new Set()), this.handlers[t].add(r), () => this.off(t, r);
   }
   /**
    * Remove a specific handler for a global event.
    * @param eventName - Name of the event
    * @param handler - Handler function to remove
    */
-  off(e, t) {
-    const s = this.handlers[e];
-    s && s.delete(t);
+  off(t, r) {
+    const n = this.handlers[t];
+    n && n.delete(r);
   }
   /**
    * Remove all handlers for a specific event.
    * @param eventName - Name of the event
    */
-  offAll(e) {
-    delete this.handlers[e];
+  offAll(t) {
+    delete this.handlers[t];
   }
   /**
    * Listen for a native CustomEvent. Returns an unsubscribe function.
@@ -83,18 +83,18 @@ class j extends EventTarget {
    * @param handler - CustomEvent handler
    * @param options - AddEventListener options
    */
-  listen(e, t, s) {
-    return this.addEventListener(e, t, s), () => this.removeEventListener(e, t);
+  listen(t, r, n) {
+    return this.addEventListener(t, r, n), () => this.removeEventListener(t, r);
   }
   /**
    * Register a one-time event handler. Returns a promise that resolves with the event data.
    * @param eventName - Name of the event
    * @param handler - Handler function
    */
-  once(e, t) {
-    return new Promise((s) => {
-      const r = this.on(e, (i) => {
-        r(), t(i), s(i);
+  once(t, r) {
+    return new Promise((n) => {
+      const i = this.on(t, (s) => {
+        i(), r(s), n(s);
       });
     });
   }
@@ -103,7 +103,7 @@ class j extends EventTarget {
    */
   getActiveEvents() {
     return Object.keys(this.handlers).filter(
-      (e) => this.handlers[e] && this.handlers[e].size > 0
+      (t) => this.handlers[t] && this.handlers[t].size > 0
     );
   }
   /**
@@ -116,20 +116,20 @@ class j extends EventTarget {
    * Get the number of handlers registered for a specific event.
    * @param eventName - Name of the event
    */
-  getHandlerCount(e) {
-    return this.handlers[e]?.size || 0;
+  getHandlerCount(t) {
+    return this.handlers[t]?.size || 0;
   }
   /**
    * Get event statistics for debugging.
    */
   getEventStats() {
-    const e = {};
-    for (const [t, s] of this.eventCounters.entries())
-      e[t] = {
-        count: s.count,
-        handlersCount: this.getHandlerCount(t)
+    const t = {};
+    for (const [r, n] of this.eventCounters.entries())
+      t[r] = {
+        count: n.count,
+        handlersCount: this.getHandlerCount(r)
       };
-    return e;
+    return t;
   }
   /**
    * Reset event counters (useful for testing or after resolving issues).
@@ -138,160 +138,160 @@ class j extends EventTarget {
     this.eventCounters.clear();
   }
 }
-const be = j.getInstance();
-function P(n, e = {}, t, s) {
-  const r = s ?? e.key;
-  return { tag: n, key: r, props: e, children: t };
+const je = R.getInstance();
+function P(e, t = {}, r, n) {
+  const i = n ?? t.key;
+  return { tag: e, key: i, props: t, children: r };
 }
-function z(n) {
-  return !!n && typeof n == "object" && (n.type === "AnchorBlock" || n.tag === "#anchor");
+function V(e) {
+  return !!e && typeof e == "object" && (e.type === "AnchorBlock" || e.tag === "#anchor");
 }
-function M(n) {
-  return typeof n == "object" && n !== null && "tag" in n && !z(n);
+function z(e) {
+  return typeof e == "object" && e !== null && "tag" in e && !V(e);
 }
-function X(n, e) {
-  return n.key != null ? n : { ...n, key: e };
+function oe(e, t) {
+  return e.key != null ? e : { ...e, key: t };
 }
-function Y(n, e = [], t = {}) {
-  const s = {}, r = {}, i = {}, o = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
-  let l;
-  for (; l = o.exec(n); ) {
-    const f = l[1], c = l[2], h = (l[4] || l[6]) ?? "", d = h.match(/^{{(\d+)}}$/);
-    let a = d ? e[Number(d[1])] ?? null : h;
-    if (d || (a === "true" ? a = !0 : a === "false" ? a = !1 : a === "null" ? a = null : isNaN(Number(a)) || (a = Number(a))), f === ":")
-      typeof a == "boolean" ? r[c] = a : a != null && (s[c] = a);
-    else if (f === "@") {
-      const _ = "on" + c.charAt(0).toUpperCase() + c.slice(1);
-      s[_] = typeof a == "function" ? a : typeof t[a] == "function" ? t[a] : void 0;
-    } else if (f === "#") {
-      const [_, ...b] = c.split("."), T = [...b];
-      let k = a, u = [...T];
-      if (_ === "model" && typeof k == "string" && k.includes(".")) {
-        const y = ["trim", "number", "lazy"], m = k.split(".");
-        let g = k;
-        const p = [];
-        for (let x = m.length - 1; x > 0 && y.includes(m[x]); x--)
-          p.unshift(m[x]), g = m.slice(0, x).join(".");
-        k = g, u.push(...p);
+function se(e, t = [], r = {}) {
+  const n = {}, i = {}, s = {}, o = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
+  let c;
+  for (; c = o.exec(e); ) {
+    const d = c[1], a = c[2], u = (c[4] || c[6]) ?? "", y = u.match(/^{{(\d+)}}$/);
+    let f = y ? t[Number(y[1])] ?? null : u;
+    if (y || (f === "true" ? f = !0 : f === "false" ? f = !1 : f === "null" ? f = null : isNaN(Number(f)) || (f = Number(f))), d === ":")
+      typeof f == "boolean" ? i[a] = f : f != null && (n[a] = f);
+    else if (d === "@") {
+      const w = "on" + a.charAt(0).toUpperCase() + a.slice(1);
+      n[w] = typeof f == "function" ? f : typeof r[f] == "function" ? r[f] : void 0;
+    } else if (d === "#") {
+      const [w, ...p] = a.split("."), C = [...p];
+      let g = f, l = [...C];
+      if (w === "model" && typeof g == "string" && g.includes(".")) {
+        const b = ["trim", "number", "lazy"], m = g.split(".");
+        let h = g;
+        const x = [];
+        for (let S = m.length - 1; S > 0 && b.includes(m[S]); S--)
+          x.unshift(m[S]), h = m.slice(0, S).join(".");
+        g = h, l.push(...x);
       }
-      i[_] = {
-        value: k,
-        modifiers: u
+      s[w] = {
+        value: g,
+        modifiers: l
       };
     } else
-      r[c] = a;
+      i[a] = f;
   }
-  return { props: s, attrs: r, directives: i };
+  return { props: n, attrs: i, directives: s };
 }
-function Q(n, e, t) {
-  function s(u, y) {
-    return P("#text", {}, u, y);
+function ae(e, t, r) {
+  function n(l, b) {
+    return P("#text", {}, l, b);
   }
-  let r = "";
-  for (let u = 0; u < n.length; u++)
-    r += n[u], u < e.length && (r += `{{${u}}}`);
-  const i = /<\/?([a-zA-Z0-9-]+)([^>]*)\/?>|{{(\d+)}}|([^<]+)/g, o = [];
-  let l = null, f, c = [], h = null, d = {}, a, _ = 0, b = [];
-  function T(u) {
-    !u || typeof u != "object" || z(u) || (u.props || u.attrs ? (u.props && (d.props || (d.props = {}), Object.assign(d.props, u.props)), u.attrs && (d.attrs || (d.attrs = {}), Object.keys(u.attrs).forEach((y) => {
-      if (y === "style" && d.attrs.style) {
-        const m = d.attrs.style.replace(
+  let i = "";
+  for (let l = 0; l < e.length; l++)
+    i += e[l], l < t.length && (i += `{{${l}}}`);
+  const s = /<\/?([a-zA-Z0-9-]+)([^>]*)\/?>|{{(\d+)}}|([^<]+)/g, o = [];
+  let c = null, d, a = [], u = null, y = {}, f, w = 0, p = [];
+  function C(l) {
+    !l || typeof l != "object" || V(l) || (l.props || l.attrs ? (l.props && (y.props || (y.props = {}), Object.assign(y.props, l.props)), l.attrs && (y.attrs || (y.attrs = {}), Object.keys(l.attrs).forEach((b) => {
+      if (b === "style" && y.attrs.style) {
+        const m = y.attrs.style.replace(
           /;?\s*$/,
           ""
-        ), g = u.attrs.style.replace(/^;?\s*/, "");
-        d.attrs.style = m + "; " + g;
-      } else if (y === "class" && d.attrs.class) {
-        const m = d.attrs.class.trim().split(/\s+/).filter(Boolean), g = u.attrs.class.trim().split(/\s+/).filter(Boolean), p = [
-          .../* @__PURE__ */ new Set([...m, ...g])
+        ), h = l.attrs.style.replace(/^;?\s*/, "");
+        y.attrs.style = m + "; " + h;
+      } else if (b === "class" && y.attrs.class) {
+        const m = y.attrs.class.trim().split(/\s+/).filter(Boolean), h = l.attrs.class.trim().split(/\s+/).filter(Boolean), x = [
+          .../* @__PURE__ */ new Set([...m, ...h])
         ];
-        d.attrs.class = p.join(" ");
+        y.attrs.class = x.join(" ");
       } else
-        d.attrs[y] = u.attrs[y];
-    }))) : (d.props || (d.props = {}), Object.assign(d.props, u)));
+        y.attrs[b] = l.attrs[b];
+    }))) : (y.props || (y.props = {}), Object.assign(y.props, l)));
   }
-  function k(u, y) {
-    const m = h ? c : b;
-    if (z(u)) {
-      const g = u.key ?? y;
-      let p = u.children;
+  function g(l, b) {
+    const m = u ? a : p;
+    if (V(l)) {
+      const h = l.key ?? b;
+      let x = l.children;
       m.push({
-        ...u,
-        key: g,
-        children: p
+        ...l,
+        key: h,
+        children: x
       });
       return;
     }
-    if (M(u)) {
-      m.push(X(u, void 0));
+    if (z(l)) {
+      m.push(oe(l, void 0));
       return;
     }
-    if (Array.isArray(u)) {
-      if (u.length === 0) return;
-      for (let g = 0; g < u.length; g++) {
-        const p = u[g];
-        z(p) || M(p) || Array.isArray(p) ? k(p, `${y}-${g}`) : p !== null && typeof p == "object" ? T(p) : m.push(s(String(p), `${y}-${g}`));
+    if (Array.isArray(l)) {
+      if (l.length === 0) return;
+      for (let h = 0; h < l.length; h++) {
+        const x = l[h];
+        V(x) || z(x) || Array.isArray(x) ? g(x, `${b}-${h}`) : x !== null && typeof x == "object" ? C(x) : m.push(n(String(x), `${b}-${h}`));
       }
       return;
     }
-    if (u !== null && typeof u == "object") {
-      T(u);
+    if (l !== null && typeof l == "object") {
+      C(l);
       return;
     }
-    m.push(s(String(u), y));
+    m.push(n(String(l), b));
   }
-  for (; f = i.exec(r); )
-    if (f[1]) {
-      const u = f[1], y = f[0][1] === "/", m = f[0][f[0].length - 2] === "/", {
-        props: g,
-        attrs: p,
-        directives: x
-      } = Y(f[2] || "", e, t), S = { props: {}, attrs: {} };
-      for (const A in g) S.props[A] = g[A];
-      for (const A in p) S.attrs[A] = p[A];
-      for (const [A, E] of Object.entries(x))
-        if (A === "bind")
-          if (typeof E.value == "object" && E.value !== null)
-            for (const [w, v] of Object.entries(E.value))
-              typeof v == "boolean" ? S.attrs[w] = v : v != null && (S.attrs[w] = String(v));
-          else E.value != null && (S.attrs[A] = String(E.value));
-        else if (A === "show") {
-          const w = !!E.value;
-          S.attrs.style = (S.attrs.style || "") + (w ? "" : "; display: none !important");
-        } else if (A === "class") {
-          const w = E.value;
-          let v = [];
-          if (typeof w == "string")
-            v = w.split(/\s+/).filter(Boolean);
-          else if (Array.isArray(w)) {
-            for (const N of w)
-              if (typeof N == "string")
-                v.push(...N.split(/\s+/).filter(Boolean));
-              else if (N && typeof N == "object")
-                for (const [L, R] of Object.entries(N))
-                  R && v.push(...L.split(/\s+/).filter(Boolean));
-          } else if (w && typeof w == "object")
-            for (const [N, L] of Object.entries(w))
-              L && v.push(...N.split(/\s+/).filter(Boolean));
-          const B = S.attrs.class || "", D = [
+  for (; d = s.exec(i); )
+    if (d[1]) {
+      const l = d[1], b = d[0][1] === "/", m = d[0][d[0].length - 2] === "/", {
+        props: h,
+        attrs: x,
+        directives: S
+      } = se(d[2] || "", t, r), k = { props: {}, attrs: {} };
+      for (const _ in h) k.props[_] = h[_];
+      for (const _ in x) k.attrs[_] = x[_];
+      for (const [_, $] of Object.entries(S))
+        if (_ === "bind")
+          if (typeof $.value == "object" && $.value !== null)
+            for (const [A, E] of Object.entries($.value))
+              typeof E == "boolean" ? k.attrs[A] = E : E != null && (k.attrs[A] = String(E));
+          else $.value != null && (k.attrs[_] = String($.value));
+        else if (_ === "show") {
+          const A = !!$.value;
+          k.attrs.style = (k.attrs.style || "") + (A ? "" : "; display: none !important");
+        } else if (_ === "class") {
+          const A = $.value;
+          let E = [];
+          if (typeof A == "string")
+            E = A.split(/\s+/).filter(Boolean);
+          else if (Array.isArray(A)) {
+            for (const L of A)
+              if (typeof L == "string")
+                E.push(...L.split(/\s+/).filter(Boolean));
+              else if (L && typeof L == "object")
+                for (const [N, M] of Object.entries(L))
+                  M && E.push(...N.split(/\s+/).filter(Boolean));
+          } else if (A && typeof A == "object")
+            for (const [L, N] of Object.entries(A))
+              N && E.push(...L.split(/\s+/).filter(Boolean));
+          const B = k.attrs.class || "", O = [
             .../* @__PURE__ */ new Set([
               ...B.split(/\s+/).filter(Boolean),
-              ...v
+              ...E
             ])
           ];
-          S.attrs.class = D.join(" ");
-        } else if (A === "style") {
-          const w = E.value;
-          let v = "";
-          if (typeof w == "string")
-            v = w;
-          else if (w && typeof w == "object") {
-            const D = [];
-            for (const [N, L] of Object.entries(w))
-              if (L != null && L !== "") {
-                const R = N.replace(
+          k.attrs.class = O.join(" ");
+        } else if (_ === "style") {
+          const A = $.value;
+          let E = "";
+          if (typeof A == "string")
+            E = A;
+          else if (A && typeof A == "object") {
+            const O = [];
+            for (const [L, N] of Object.entries(A))
+              if (N != null && N !== "") {
+                const M = L.replace(
                   /[A-Z]/g,
-                  (Z) => `-${Z.toLowerCase()}`
-                ), J = [
+                  (ie) => `-${ie.toLowerCase()}`
+                ), ne = [
                   "width",
                   "height",
                   "top",
@@ -317,259 +317,259 @@ function Q(n, e, t) {
                   "min-height",
                   "max-height"
                 ];
-                let q = String(L);
-                typeof L == "number" && J.includes(R) && (q = `${L}px`), D.push(`${R}: ${q}`);
+                let Q = String(N);
+                typeof N == "number" && ne.includes(M) && (Q = `${N}px`), O.push(`${M}: ${Q}`);
               }
-            v = D.join("; ") + (D.length > 0 ? ";" : "");
+            E = O.join("; ") + (O.length > 0 ? ";" : "");
           }
-          const B = S.attrs.style || "";
-          S.attrs.style = B + (B && !B.endsWith(";") ? "; " : "") + v;
+          const B = k.attrs.style || "";
+          k.attrs.style = B + (B && !B.endsWith(";") ? "; " : "") + E;
         }
-      const C = {};
-      for (const [A, E] of Object.entries(x))
-        ["bind", "show", "class", "style"].includes(A) || (C[A] = E);
-      if (Object.keys(C).length > 0 && (S.directives = C), y) {
-        const A = P(
-          h,
-          d,
-          c.length === 1 && M(c[0]) && c[0].tag === "#text" ? typeof c[0].children == "string" ? c[0].children : "" : c.length ? c : void 0,
-          a
-        ), E = o.pop();
-        E ? (h = E.tag, d = E.props, a = E.key, c = E.children, c.push(A)) : l = A;
-      } else m ? (h ? c : b).push(P(u, S, void 0, void 0)) : (h && o.push({
-        tag: h,
-        props: d,
-        children: c,
-        key: a
-      }), h = u, d = S, c = []);
-    } else if (typeof f[3] < "u") {
-      const u = Number(f[3]), y = e[u], m = `interp-${u}`;
-      k(y, m);
-    } else if (f[4]) {
-      const u = f[4], y = h ? c : b, m = u.split(/({{\d+}})/);
-      for (const g of m) {
-        if (!g) continue;
-        const p = g.match(/^{{(\d+)}}$/);
-        if (p) {
-          const x = Number(p[1]), S = e[x], C = `interp-${x}`;
-          k(S, C);
+      const v = {};
+      for (const [_, $] of Object.entries(S))
+        ["bind", "show", "class", "style"].includes(_) || (v[_] = $);
+      if (Object.keys(v).length > 0 && (k.directives = v), b) {
+        const _ = P(
+          u,
+          y,
+          a.length === 1 && z(a[0]) && a[0].tag === "#text" ? typeof a[0].children == "string" ? a[0].children : "" : a.length ? a : void 0,
+          f
+        ), $ = o.pop();
+        $ ? (u = $.tag, y = $.props, f = $.key, a = $.children, a.push(_)) : c = _;
+      } else m ? (u ? a : p).push(P(l, k, void 0, void 0)) : (u && o.push({
+        tag: u,
+        props: y,
+        children: a,
+        key: f
+      }), u = l, y = k, a = []);
+    } else if (typeof d[3] < "u") {
+      const l = Number(d[3]), b = t[l], m = `interp-${l}`;
+      g(b, m);
+    } else if (d[4]) {
+      const l = d[4], b = u ? a : p, m = l.split(/({{\d+}})/);
+      for (const h of m) {
+        if (!h) continue;
+        const x = h.match(/^{{(\d+)}}$/);
+        if (x) {
+          const S = Number(x[1]), k = t[S], v = `interp-${S}`;
+          g(k, v);
         } else {
-          const x = `text-${_++}`;
-          y.push(s(g, x));
+          const S = `text-${w++}`;
+          b.push(n(h, S));
         }
       }
     }
-  if (l)
-    return M(l) && Array.isArray(l.children) && (l.children = l.children.filter(
-      (u) => M(u) ? u.tag !== "#text" || typeof u.children == "string" && u.children.trim() !== "" : !0
+  if (c)
+    return z(c) && Array.isArray(c.children) && (c.children = c.children.filter(
+      (l) => z(l) ? l.tag !== "#text" || typeof l.children == "string" && l.children.trim() !== "" : !0
       // keep non-element VNodes (including anchors) as-is
-    )), l;
-  if (b.length > 0) {
-    const u = b.filter(
-      (y) => M(y) ? y.tag !== "#text" || typeof y.children == "string" && y.children.trim() !== "" : !0
+    )), c;
+  if (p.length > 0) {
+    const l = p.filter(
+      (b) => z(b) ? b.tag !== "#text" || typeof b.children == "string" && b.children.trim() !== "" : !0
     );
-    return u.length === 1 ? u[0] : u;
+    return l.length === 1 ? l[0] : l;
   }
   return P("div", {}, "", "fallback-root");
 }
-function ke(n, ...e) {
-  const t = e[e.length - 1], s = typeof t == "object" && t && !Array.isArray(t) ? t : void 0;
-  return Q(n, e, s);
+function ze(e, ...t) {
+  const r = t[t.length - 1], n = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
+  return ae(e, t, n);
 }
-function Ce(n, e) {
-  return H(n ? e : [], "when-block");
+function Re(e, t) {
+  return H(e ? t : [], "when-block");
 }
-function Se(n, e) {
-  return n.map((t, s) => {
-    const r = typeof t == "object" ? t?.key ?? t?.id ?? `idx-${s}` : String(t);
-    return H(e(t, s), `each-${r}`);
+function Be(e, t) {
+  return e.map((r, n) => {
+    const i = typeof r == "object" ? r?.key ?? r?.id ?? `idx-${n}` : String(r);
+    return H(t(r, n), `each-${i}`);
   });
 }
-function Ae() {
-  const n = [];
+function Oe() {
+  const e = [];
   return {
-    when(e, t) {
-      return n.push([e, t]), this;
+    when(t, r) {
+      return e.push([t, r]), this;
     },
-    otherwise(e) {
-      return n.push([!0, e]), this;
+    otherwise(t) {
+      return e.push([!0, t]), this;
     },
     done() {
-      return G(...n);
+      return le(...e);
     }
   };
 }
-function G(...n) {
-  for (let e = 0; e < n.length; e++) {
-    const [t, s] = n[e];
-    if (t) return [H(s, `whenChain-branch-${e}`)];
+function le(...e) {
+  for (let t = 0; t < e.length; t++) {
+    const [r, n] = e[t];
+    if (r) return [H(n, `whenChain-branch-${t}`)];
   }
   return [H([], "whenChain-empty")];
 }
-function H(n, e) {
-  const t = n ? Array.isArray(n) ? n.filter(Boolean) : [n].filter(Boolean) : [];
+function H(e, t) {
+  const r = e ? Array.isArray(e) ? e.filter(Boolean) : [e].filter(Boolean) : [];
   return {
     tag: "#anchor",
-    key: e,
-    children: t
+    key: t,
+    children: r
   };
 }
-function O(n, e) {
-  return e.split(".").reduce((t, s) => t?.[s], n);
-}
-function U(n, e, t) {
-  const s = e.split("."), r = s.pop();
-  if (!r) return;
-  const i = s.reduce((o, l) => (l in o || (o[l] = {}), o[l]), n);
-  i[r] = t;
+function j(e, t) {
+  return t.split(".").reduce((r, n) => r?.[n], e);
 }
-function ee(n, e, t, s, r, i, o) {
+function X(e, t, r) {
+  const n = t.split("."), i = n.pop();
   if (!i) return;
-  const l = e.includes("lazy"), f = e.includes("trim"), c = e.includes("number"), h = () => {
-    const k = i._state || i;
-    return O(k, n);
-  }, d = h();
-  let a = "text";
-  const _ = s?.type;
-  if (o instanceof HTMLInputElement ? a = _ || o.type || "text" : o instanceof HTMLSelectElement ? a = "select" : o instanceof HTMLTextAreaElement && (a = "textarea"), a === "checkbox")
-    if (Array.isArray(d)) {
-      const k = o?.getAttribute("value") || s?.value || "", u = d.includes(k);
-      o && o.checked !== u && (t.checked = u);
+  const s = n.reduce((o, c) => (c in o || (o[c] = {}), o[c]), e);
+  s[i] = r;
+}
+function ce(e, t, r, n, i, s, o) {
+  if (!s) return;
+  const c = t.includes("lazy"), d = t.includes("trim"), a = t.includes("number"), u = () => {
+    const g = s._state || s;
+    return j(g, e);
+  }, y = u();
+  let f = "text";
+  const w = n?.type;
+  if (o instanceof HTMLInputElement ? f = w || o.type || "text" : o instanceof HTMLSelectElement ? f = "select" : o instanceof HTMLTextAreaElement && (f = "textarea"), f === "checkbox")
+    if (Array.isArray(y)) {
+      const g = o?.getAttribute("value") || n?.value || "", l = y.includes(g);
+      o && o.checked !== l && (r.checked = l);
     } else {
-      const k = o?.getAttribute("true-value") || !0, u = d === k;
-      o && o.checked !== u && (t.checked = u);
+      const g = o?.getAttribute("true-value") || !0, l = y === g;
+      o && o.checked !== l && (r.checked = l);
     }
-  else if (a === "radio") {
-    const k = s?.value || "", u = d === k;
-    o && o.checked !== u && (t.checked = u);
-  } else if (a === "select")
+  else if (f === "radio") {
+    const g = n?.value || "", l = y === g;
+    o && o.checked !== l && (r.checked = l);
+  } else if (f === "select")
     if (o && o.hasAttribute("multiple")) {
-      const k = o, u = Array.isArray(d) ? d : [];
+      const g = o, l = Array.isArray(y) ? y : [];
       setTimeout(() => {
-        Array.from(k.options).forEach((y) => {
-          const m = u.includes(y.value);
-          y.selected !== m && (y.selected = m);
+        Array.from(g.options).forEach((b) => {
+          const m = l.includes(b.value);
+          b.selected !== m && (b.selected = m);
         });
       }, 0);
     } else
       setTimeout(() => {
-        o instanceof HTMLSelectElement && o.value !== String(d) && (o.value = String(d));
+        o instanceof HTMLSelectElement && o.value !== String(y) && (o.value = String(y));
       }, 0);
   else {
-    const k = String(d ?? "");
-    (!o || o.value !== k) && (t.value = d);
+    const g = String(y ?? "");
+    (!o || o.value !== g) && (r.value = y);
   }
-  const b = l || a === "checkbox" || a === "radio" || a === "select" ? "change" : "input", T = (k) => {
-    if (k.isComposing || r._isComposing || k.isTrusted === !1) return;
-    const u = k.target;
-    if (u._modelUpdating) return;
-    const y = h();
-    let m = u.value;
-    if (a === "checkbox")
-      if (Array.isArray(y)) {
-        const S = u.getAttribute("value") || "", C = [...y];
-        if (u.checked)
-          C.includes(S) || C.push(S);
+  const p = c || f === "checkbox" || f === "radio" || f === "select" ? "change" : "input", C = (g) => {
+    if (g.isComposing || i._isComposing || g.isTrusted === !1) return;
+    const l = g.target;
+    if (l._modelUpdating) return;
+    const b = u();
+    let m = l.value;
+    if (f === "checkbox")
+      if (Array.isArray(b)) {
+        const k = l.getAttribute("value") || "", v = [...b];
+        if (l.checked)
+          v.includes(k) || v.push(k);
         else {
-          const A = C.indexOf(S);
-          A > -1 && C.splice(A, 1);
+          const _ = v.indexOf(k);
+          _ > -1 && v.splice(_, 1);
         }
-        m = C;
+        m = v;
       } else {
-        const S = u.getAttribute("true-value") || !0, C = u.getAttribute("false-value") || !1;
-        m = u.checked ? S : C;
+        const k = l.getAttribute("true-value") || !0, v = l.getAttribute("false-value") || !1;
+        m = l.checked ? k : v;
       }
-    else if (a === "radio")
-      m = u.getAttribute("value") || u.value;
-    else if (a === "select" && u.multiple) {
-      const S = u;
-      m = Array.from(S.selectedOptions).map(
-        (C) => C.value
+    else if (f === "radio")
+      m = l.getAttribute("value") || l.value;
+    else if (f === "select" && l.multiple) {
+      const k = l;
+      m = Array.from(k.selectedOptions).map(
+        (v) => v.value
       );
-    } else if (f && (m = m.trim()), c) {
-      const S = Number(m);
-      isNaN(S) || (m = S);
+    } else if (d && (m = m.trim()), a) {
+      const k = Number(m);
+      isNaN(k) || (m = k);
     }
-    const g = i._state || i, p = O(g, n);
-    if (Array.isArray(m) && Array.isArray(p) ? JSON.stringify([...m].sort()) !== JSON.stringify([...p].sort()) : m !== p) {
-      const S = k.target;
-      S._modelUpdating = !0, U(g, n, m), setTimeout(() => {
-        S._modelUpdating = !1;
-      }, 0), i._requestRender && i._requestRender();
+    const h = s._state || s, x = j(h, e);
+    if (Array.isArray(m) && Array.isArray(x) ? JSON.stringify([...m].sort()) !== JSON.stringify([...x].sort()) : m !== x) {
+      const k = g.target;
+      k._modelUpdating = !0, X(h, e, m), setTimeout(() => {
+        k._modelUpdating = !1;
+      }, 0), s._requestRender && s._requestRender();
     }
   };
-  if (r[b] = T, a === "text" || a === "textarea") {
-    const k = () => {
-      r._isComposing = !0;
-    }, u = (y) => {
-      r._isComposing = !1;
-      const m = y.target;
+  if (i[p] = C, f === "text" || f === "textarea") {
+    const g = () => {
+      i._isComposing = !0;
+    }, l = (b) => {
+      i._isComposing = !1;
+      const m = b.target;
       setTimeout(() => {
         if (m) {
-          let g = m.value;
-          if (f && (g = g.trim()), c) {
-            const C = Number(g);
-            isNaN(C) || (g = C);
+          let h = m.value;
+          if (d && (h = h.trim()), a) {
+            const v = Number(h);
+            isNaN(v) || (h = v);
           }
-          const p = i._state || i, x = O(p, n);
-          (Array.isArray(g) && Array.isArray(x) ? JSON.stringify([...g].sort()) !== JSON.stringify([...x].sort()) : g !== x) && (m && (m._modelUpdating = !0, setTimeout(() => {
+          const x = s._state || s, S = j(x, e);
+          (Array.isArray(h) && Array.isArray(S) ? JSON.stringify([...h].sort()) !== JSON.stringify([...S].sort()) : h !== S) && (m && (m._modelUpdating = !0, setTimeout(() => {
             m._modelUpdating = !1;
-          }, 0)), U(p, n, g), i._requestRender && i._requestRender());
+          }, 0)), X(x, e, h), s._requestRender && s._requestRender());
         }
       }, 0);
     };
-    r.compositionstart = k, r.compositionend = u;
+    i.compositionstart = g, i.compositionend = l;
   }
 }
-function te(n, e, t, s) {
-  if (s)
+function fe(e, t, r, n) {
+  if (n)
     try {
-      const r = JSON.parse(n);
-      if (typeof r == "object")
-        for (const [i, o] of Object.entries(r))
-          e[i] = o;
+      const i = JSON.parse(e);
+      if (typeof i == "object")
+        for (const [s, o] of Object.entries(i))
+          t[s] = o;
     } catch {
-      const r = O(s, n);
-      t[n] = r;
+      const i = j(n, e);
+      r[e] = i;
     }
 }
-function ne(n, e, t) {
-  if (!t) return;
-  const s = O(t, n), r = e.style || "", i = s ? "" : "none";
-  if (r) {
-    const o = r.split(";").filter(Boolean), l = o.findIndex(
-      (f) => f.trim().startsWith("display:")
+function de(e, t, r) {
+  if (!r) return;
+  const n = j(r, e), i = t.style || "", s = n ? "" : "none";
+  if (i) {
+    const o = i.split(";").filter(Boolean), c = o.findIndex(
+      (d) => d.trim().startsWith("display:")
     );
-    l >= 0 ? o[l] = `display: ${i}` : o.push(`display: ${i}`), e.style = o.join("; ");
+    c >= 0 ? o[c] = `display: ${s}` : o.push(`display: ${s}`), t.style = o.join("; ");
   } else
-    e.style = `display: ${i}`;
+    t.style = `display: ${s}`;
 }
-function se(n, e, t) {
-  if (!t) return;
-  const s = O(t, n);
-  let r = [];
-  typeof s == "string" ? r = [s] : Array.isArray(s) ? r = s.filter(Boolean) : typeof s == "object" && (r = Object.entries(s).filter(([, l]) => !!l).map(([l]) => l));
-  const i = e.class || "", o = i ? `${i} ${r.join(" ")}`.trim() : r.join(" ");
-  o && (e.class = o);
+function ue(e, t, r) {
+  if (!r) return;
+  const n = j(r, e);
+  let i = [];
+  typeof n == "string" ? i = [n] : Array.isArray(n) ? i = n.filter(Boolean) : typeof n == "object" && (i = Object.entries(n).filter(([, c]) => !!c).map(([c]) => c));
+  const s = t.class || "", o = s ? `${s} ${i.join(" ")}`.trim() : i.join(" ");
+  o && (t.class = o);
 }
-function re(n, e, t) {
-  let s;
-  if (typeof n == "string") {
-    if (!t) return;
-    s = O(t, n);
+function he(e, t, r) {
+  let n;
+  if (typeof e == "string") {
+    if (!r) return;
+    n = j(r, e);
   } else
-    s = n;
-  let r = "";
-  if (typeof s == "string")
-    r = s;
-  else if (s && typeof s == "object") {
+    n = e;
+  let i = "";
+  if (typeof n == "string")
+    i = n;
+  else if (n && typeof n == "object") {
     const o = [];
-    for (const [l, f] of Object.entries(s))
-      if (f != null && f !== "") {
-        const c = l.replace(
+    for (const [c, d] of Object.entries(n))
+      if (d != null && d !== "") {
+        const a = c.replace(
           /[A-Z]/g,
-          (a) => `-${a.toLowerCase()}`
-        ), h = [
+          (f) => `-${f.toLowerCase()}`
+        ), u = [
           "width",
           "height",
           "top",
@@ -595,473 +595,841 @@ function re(n, e, t) {
           "min-height",
           "max-height"
         ];
-        let d = String(f);
-        typeof f == "number" && h.includes(c) && (d = `${f}px`), o.push(`${c}: ${d}`);
+        let y = String(d);
+        typeof d == "number" && u.includes(a) && (y = `${d}px`), o.push(`${a}: ${y}`);
       }
-    r = o.join("; ") + (o.length > 0 ? ";" : "");
+    i = o.join("; ") + (o.length > 0 ? ";" : "");
   }
-  const i = e.style || "";
-  e.style = i + (i && !i.endsWith(";") ? "; " : "") + r;
+  const s = t.style || "";
+  t.style = s + (s && !s.endsWith(";") ? "; " : "") + i;
 }
-function F(n, e, t, s) {
-  const r = {}, i = { ...s || {} }, o = {};
-  for (const [l, f] of Object.entries(n)) {
-    const { value: c, modifiers: h } = f;
-    switch (l) {
+function re(e, t, r, n) {
+  const i = {}, s = { ...n || {} }, o = {};
+  for (const [c, d] of Object.entries(e)) {
+    const { value: a, modifiers: u } = d;
+    switch (c) {
       case "model":
-        ee(
-          typeof c == "string" ? c : String(c),
-          h,
-          r,
+        ce(
+          typeof a == "string" ? a : String(a),
+          u,
           i,
+          s,
           o,
-          e,
-          t
+          t,
+          r
         );
         break;
       case "bind":
-        te(c, r, i, e);
+        fe(a, i, s, t);
         break;
       case "show":
-        ne(c, i, e);
+        de(a, s, t);
         break;
       case "class":
-        se(c, i, e);
+        ue(a, s, t);
         break;
       case "style":
-        re(c, i, e);
+        he(a, s, t);
         break;
     }
   }
-  return { props: r, attrs: i, listeners: o };
+  return { props: i, attrs: s, listeners: o };
 }
-function W(n, e) {
-  if (Array.isArray(n)) {
-    const i = /* @__PURE__ */ new Set();
-    return n.map((o) => {
+function J(e, t) {
+  if (Array.isArray(e)) {
+    const s = /* @__PURE__ */ new Set();
+    return e.map((o) => {
       if (!o || typeof o != "object") return o;
-      let l = o.props?.key ?? o.key;
-      if (!l) {
-        const d = o.tag || "node", a = o.props?.attrs?.id ?? o.props?.attrs?.name ?? o.props?.attrs?.["data-key"] ?? "";
-        l = a ? `${e}:${d}:${a}` : `${e}:${d}`;
+      let c = o.props?.key ?? o.key;
+      if (!c) {
+        const y = o.tag || "node", f = o.props?.attrs?.id ?? o.props?.attrs?.name ?? o.props?.attrs?.["data-key"] ?? "";
+        c = f ? `${t}:${y}:${f}` : `${t}:${y}`;
       }
-      let f = l, c = 1;
-      for (; i.has(f); )
-        f = `${l}#${c++}`;
-      i.add(f);
-      let h = o.children;
-      return Array.isArray(h) && (h = W(h, f)), { ...o, key: f, children: h };
+      let d = c, a = 1;
+      for (; s.has(d); )
+        d = `${c}#${a++}`;
+      s.add(d);
+      let u = o.children;
+      return Array.isArray(u) && (u = J(u, d)), { ...o, key: d, children: u };
     });
   }
-  const t = n;
-  let s = t.props?.key ?? t.key ?? e, r = t.children;
-  return Array.isArray(r) && (r = W(r, s)), { ...t, key: s, children: r };
+  const r = e;
+  let n = r.props?.key ?? r.key ?? t, i = r.children;
+  return Array.isArray(i) && (i = J(i, n)), { ...r, key: n, children: i };
 }
-function ie(n, e, t, s) {
-  const r = t.directives ?? {}, i = F(
-    r,
-    s,
+function pe(e, t, r, n) {
+  const i = r.directives ?? {}, s = re(
+    i,
     n,
-    t.attrs
+    e,
+    r.attrs
   ), o = {
-    ...e.props,
     ...t.props,
-    ...i.props
-  }, l = {
-    ...e.attrs,
+    ...r.props,
+    ...s.props
+  }, c = {
     ...t.attrs,
-    ...i.attrs
-  }, f = e.props ?? {}, c = o;
-  for (const a in { ...f, ...c }) {
-    const _ = f[a], b = c[a];
-    _ !== b && (a === "value" && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement) ? n.value !== b && (n.value = b ?? "") : a === "checked" && n instanceof HTMLInputElement ? n.checked = !!b : a.startsWith("on") && typeof b == "function" ? (typeof _ == "function" && n.removeEventListener(a.slice(2).toLowerCase(), _), n.addEventListener(a.slice(2).toLowerCase(), b)) : b == null || b === !1 ? n.removeAttribute(a) : n.setAttribute(a, String(b)));
+    ...r.attrs,
+    ...s.attrs
+  }, d = t.props ?? {}, a = o;
+  for (const f in { ...d, ...a }) {
+    const w = d[f], p = a[f];
+    w !== p && (f === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement) ? e.value !== p && (e.value = p ?? "") : f === "checked" && e instanceof HTMLInputElement ? e.checked = !!p : f.startsWith("on") && typeof p == "function" ? (typeof w == "function" && e.removeEventListener(f.slice(2).toLowerCase(), w), e.addEventListener(f.slice(2).toLowerCase(), p)) : p == null || p === !1 ? e.removeAttribute(f) : e.setAttribute(f, String(p)));
   }
-  for (const [a, _] of Object.entries(
-    i.listeners || {}
+  for (const [f, w] of Object.entries(
+    s.listeners || {}
   ))
-    n.addEventListener(a, _);
-  const h = e.attrs ?? {}, d = l;
-  for (const a in { ...h, ...d }) {
-    const _ = h[a], b = d[a];
-    _ !== b && (b == null || b === !1 ? n.removeAttribute(a) : n.setAttribute(a, String(b)));
+    e.addEventListener(f, w);
+  const u = t.attrs ?? {}, y = c;
+  for (const f in { ...u, ...y }) {
+    const w = u[f], p = y[f];
+    w !== p && (p == null || p === !1 ? e.removeAttribute(f) : e.setAttribute(f, String(p)));
   }
 }
-function $(n, e) {
-  if (typeof n == "string")
-    return document.createTextNode(n);
-  if (n.tag === "#text") {
-    const c = document.createTextNode(
-      typeof n.children == "string" ? n.children : ""
+function T(e, t) {
+  if (typeof e == "string")
+    return document.createTextNode(e);
+  if (e.tag === "#text") {
+    const a = document.createTextNode(
+      typeof e.children == "string" ? e.children : ""
     );
-    return n.key != null && (c.key = n.key), c;
+    return e.key != null && (a.key = e.key), a;
   }
-  if (n.tag === "#anchor") {
-    const c = n, h = Array.isArray(c.children) ? c.children : [], d = document.createTextNode(""), a = document.createTextNode("");
-    c.key != null && (d.key = `${c.key}:start`, a.key = `${c.key}:end`), c._startNode = d, c._endNode = a;
-    const _ = document.createDocumentFragment();
-    _.appendChild(d);
-    for (const b of h)
-      _.appendChild($(b, e));
-    return _.appendChild(a), _;
+  if (e.tag === "#anchor") {
+    const a = e, u = Array.isArray(a.children) ? a.children : [], y = document.createTextNode(""), f = document.createTextNode("");
+    a.key != null && (y.key = `${a.key}:start`, f.key = `${a.key}:end`), a._startNode = y, a._endNode = f;
+    const w = document.createDocumentFragment();
+    w.appendChild(y);
+    for (const p of u)
+      w.appendChild(T(p, t));
+    return w.appendChild(f), w;
   }
-  const t = document.createElement(n.tag);
-  n.key != null && (t.key = n.key);
-  const { props: s = {}, attrs: r = {}, directives: i = {} } = n.props ?? {}, o = F(i, e, t, r), l = {
-    ...s,
+  const r = document.createElement(e.tag);
+  e.key != null && (r.key = e.key);
+  const { props: n = {}, attrs: i = {}, directives: s = {} } = e.props ?? {}, o = re(s, t, r, i), c = {
+    ...n,
     ...o.props
-  }, f = {
-    ...r,
+  }, d = {
+    ...i,
     ...o.attrs
   };
-  for (const c in f) {
-    const h = f[c];
-    typeof h == "boolean" ? h && t.setAttribute(c, "") : h != null && t.setAttribute(c, String(h));
+  for (const a in d) {
+    const u = d[a];
+    typeof u == "boolean" ? u && r.setAttribute(a, "") : u != null && r.setAttribute(a, String(u));
   }
-  for (const c in l) {
-    const h = l[c];
-    if (c === "value" && (t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement || t instanceof HTMLSelectElement))
-      t.value = h ?? "";
-    else if (c === "checked" && t instanceof HTMLInputElement)
-      t.checked = !!h;
-    else if (c.startsWith("on") && typeof h == "function")
-      t.addEventListener(c.slice(2).toLowerCase(), h);
+  for (const a in c) {
+    const u = c[a];
+    if (a === "value" && (r instanceof HTMLInputElement || r instanceof HTMLTextAreaElement || r instanceof HTMLSelectElement))
+      r.value = u ?? "";
+    else if (a === "checked" && r instanceof HTMLInputElement)
+      r.checked = !!u;
+    else if (a.startsWith("on") && typeof u == "function")
+      r.addEventListener(a.slice(2).toLowerCase(), u);
     else {
-      if (c.startsWith("on") && h === void 0)
+      if (a.startsWith("on") && u === void 0)
         continue;
-      h == null || h === !1 ? t.removeAttribute(c) : t.setAttribute(c, String(h));
+      u == null || u === !1 ? r.removeAttribute(a) : r.setAttribute(a, String(u));
     }
   }
-  for (const [c, h] of Object.entries(
+  for (const [a, u] of Object.entries(
     o.listeners || {}
   ))
-    t.addEventListener(c, h);
-  if (Array.isArray(n.children))
-    for (const c of n.children)
-      t.appendChild($(c, e));
-  else typeof n.children == "string" && (t.textContent = n.children);
-  return t;
+    r.addEventListener(a, u);
+  if (Array.isArray(e.children))
+    for (const a of e.children)
+      r.appendChild(T(a, t));
+  else typeof e.children == "string" && (r.textContent = e.children);
+  return r;
 }
-function oe(n, e, t, s) {
-  if (typeof t == "string") {
-    n.textContent !== t && (n.textContent = t);
+function ge(e, t, r, n) {
+  if (typeof r == "string") {
+    e.textContent !== r && (e.textContent = r);
     return;
   }
-  if (!Array.isArray(t)) return;
-  const r = Array.from(n.childNodes), i = Array.isArray(e) ? e : [], o = /* @__PURE__ */ new Map();
-  for (const a of i)
-    a && a.key != null && o.set(a.key, a);
-  const l = /* @__PURE__ */ new Map();
-  for (const a of r) {
-    const _ = a.key;
-    _ != null && l.set(_, a);
+  if (!Array.isArray(r)) return;
+  const i = Array.from(e.childNodes), s = Array.isArray(t) ? t : [], o = /* @__PURE__ */ new Map();
+  for (const f of s)
+    f && f.key != null && o.set(f.key, f);
+  const c = /* @__PURE__ */ new Map();
+  for (const f of i) {
+    const w = f.key;
+    w != null && c.set(w, f);
   }
-  const f = /* @__PURE__ */ new Set();
-  let c = n.firstChild;
-  function h(a, _) {
-    let b = a;
-    for (; b && (f.add(b), b !== _); )
-      b = b.nextSibling;
+  const d = /* @__PURE__ */ new Set();
+  let a = e.firstChild;
+  function u(f, w) {
+    let p = f;
+    for (; p && (d.add(p), p !== w); )
+      p = p.nextSibling;
   }
-  function d(a, _, b, T) {
-    const k = [];
-    let u = a.nextSibling;
-    for (; u && u !== _; )
-      k.push(u), u = u.nextSibling;
-    const y = Array.isArray(b) ? b : [];
-    if (T.some((g) => g && g.key != null) || y.some((g) => g && g.key != null)) {
-      const g = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map();
-      for (const C of y)
-        C && C.key != null && g.set(C.key, C);
-      for (const C of k) {
-        const A = C.key;
-        A != null && p.set(A, C);
+  function y(f, w, p, C) {
+    const g = [];
+    let l = f.nextSibling;
+    for (; l && l !== w; )
+      g.push(l), l = l.nextSibling;
+    const b = Array.isArray(p) ? p : [];
+    if (C.some((h) => h && h.key != null) || b.some((h) => h && h.key != null)) {
+      const h = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map();
+      for (const v of b)
+        v && v.key != null && h.set(v.key, v);
+      for (const v of g) {
+        const _ = v.key;
+        _ != null && x.set(_, v);
       }
-      const x = /* @__PURE__ */ new Set();
-      let S = a.nextSibling;
-      for (const C of T) {
-        let A;
-        if (C.key != null && p.has(C.key)) {
-          const E = g.get(C.key);
-          A = V(
-            p.get(C.key),
-            E,
-            C,
-            s
-          ), x.add(A), A !== S && n.contains(A) && n.insertBefore(A, S);
+      const S = /* @__PURE__ */ new Set();
+      let k = f.nextSibling;
+      for (const v of C) {
+        let _;
+        if (v.key != null && x.has(v.key)) {
+          const $ = h.get(v.key);
+          _ = I(
+            x.get(v.key),
+            $,
+            v,
+            n
+          ), S.add(_), _ !== k && e.contains(_) && e.insertBefore(_, k);
         } else
-          A = $(C, s), n.insertBefore(A, S), x.add(A);
-        S = A.nextSibling;
+          _ = T(v, n), e.insertBefore(_, k), S.add(_);
+        k = _.nextSibling;
       }
-      for (const C of k)
-        !x.has(C) && n.contains(C) && n.removeChild(C);
+      for (const v of g)
+        !S.has(v) && e.contains(v) && e.removeChild(v);
     } else {
-      const g = Math.min(
-        y.length,
-        T.length
+      const h = Math.min(
+        b.length,
+        C.length
       );
-      for (let p = 0; p < g; p++) {
-        const x = y[p], S = T[p], C = V(k[p], x, S, s);
-        C !== k[p] && (n.insertBefore(C, k[p]), n.removeChild(k[p]));
+      for (let x = 0; x < h; x++) {
+        const S = b[x], k = C[x], v = I(g[x], S, k, n);
+        v !== g[x] && (e.insertBefore(v, g[x]), e.removeChild(g[x]));
       }
-      for (let p = g; p < T.length; p++)
-        n.insertBefore($(T[p], s), _);
-      for (let p = g; p < k.length; p++)
-        n.removeChild(k[p]);
+      for (let x = h; x < C.length; x++)
+        e.insertBefore(T(C[x], n), w);
+      for (let x = h; x < g.length; x++)
+        e.removeChild(g[x]);
     }
   }
-  for (const a of t) {
-    let _;
-    if (a.tag === "#anchor") {
-      const b = a.key, T = `${b}:start`, k = `${b}:end`;
-      let u = l.get(T), y = l.get(k);
-      const m = Array.isArray(a.children) ? a.children : [];
-      if (u || (u = document.createTextNode(""), u.key = T), y || (y = document.createTextNode(""), y.key = k), a._startNode = u, a._endNode = y, !n.contains(u) || !n.contains(y)) {
-        n.insertBefore(u, c);
-        for (const g of m)
-          n.insertBefore($(g, s), c);
-        n.insertBefore(y, c);
+  for (const f of r) {
+    let w;
+    if (f.tag === "#anchor") {
+      const p = f.key, C = `${p}:start`, g = `${p}:end`;
+      let l = c.get(C), b = c.get(g);
+      const m = Array.isArray(f.children) ? f.children : [];
+      if (l || (l = document.createTextNode(""), l.key = C), b || (b = document.createTextNode(""), b.key = g), f._startNode = l, f._endNode = b, !e.contains(l) || !e.contains(b)) {
+        e.insertBefore(l, a);
+        for (const h of m)
+          e.insertBefore(T(h, n), a);
+        e.insertBefore(b, a);
       } else
-        d(
-          u,
-          y,
-          o.get(b)?.children,
+        y(
+          l,
+          b,
+          o.get(p)?.children,
           m
         );
-      h(u, y), c = y.nextSibling;
+      u(l, b), a = b.nextSibling;
       continue;
     }
-    if (a.key != null && l.has(a.key)) {
-      const b = o.get(a.key);
-      _ = V(
-        l.get(a.key),
-        b,
-        a,
-        s
-      ), f.add(_), _ !== c && n.contains(_) && (c && !n.contains(c) && (c = null), n.insertBefore(_, c));
+    if (f.key != null && c.has(f.key)) {
+      const p = o.get(f.key);
+      w = I(
+        c.get(f.key),
+        p,
+        f,
+        n
+      ), d.add(w), w !== a && e.contains(w) && (a && !e.contains(a) && (a = null), e.insertBefore(w, a));
     } else
-      _ = $(a, s), c && !n.contains(c) && (c = null), n.insertBefore(_, c), f.add(_);
-    c = _.nextSibling;
+      w = T(f, n), a && !e.contains(a) && (a = null), e.insertBefore(w, a), d.add(w);
+    a = w.nextSibling;
   }
-  for (const a of r)
-    !f.has(a) && n.contains(a) && n.removeChild(a);
+  for (const f of i)
+    !d.has(f) && e.contains(f) && e.removeChild(f);
 }
-function V(n, e, t, s) {
-  if (e === t) return n;
-  if (typeof t == "string") {
-    if (n.nodeType === Node.TEXT_NODE)
-      return n.textContent !== t && (n.textContent = t), n;
+function I(e, t, r, n) {
+  if (t === r) return e;
+  if (typeof r == "string") {
+    if (e.nodeType === Node.TEXT_NODE)
+      return e.textContent !== r && (e.textContent = r), e;
     {
-      const i = document.createTextNode(t);
-      return n.parentNode?.replaceChild(i, n), i;
+      const s = document.createTextNode(r);
+      return e.parentNode?.replaceChild(s, e), s;
     }
   }
-  if (t && typeof t != "string" && t.tag === "#anchor") {
-    const i = t, o = Array.isArray(i.children) ? i.children : [], l = i._startNode ?? document.createTextNode(""), f = i._endNode ?? document.createTextNode("");
-    i.key != null && (l.key = `${i.key}:start`, f.key = `${i.key}:end`), i._startNode = l, i._endNode = f;
-    const c = document.createDocumentFragment();
-    c.appendChild(l);
-    for (const h of o)
-      c.appendChild($(h, s));
-    return c.appendChild(f), n.parentNode?.replaceChild(c, n), l;
+  if (r && typeof r != "string" && r.tag === "#anchor") {
+    const s = r, o = Array.isArray(s.children) ? s.children : [], c = s._startNode ?? document.createTextNode(""), d = s._endNode ?? document.createTextNode("");
+    s.key != null && (c.key = `${s.key}:start`, d.key = `${s.key}:end`), s._startNode = c, s._endNode = d;
+    const a = document.createDocumentFragment();
+    a.appendChild(c);
+    for (const u of o)
+      a.appendChild(T(u, n));
+    return a.appendChild(d), e.parentNode?.replaceChild(a, e), c;
   }
-  if (!t) {
-    const i = document.createComment("removed");
-    return n.parentNode?.replaceChild(i, n), i;
+  if (!r) {
+    const s = document.createComment("removed");
+    return e.parentNode?.replaceChild(s, e), s;
   }
-  if (!e || typeof e == "string") {
-    const i = $(t, s);
-    return n.parentNode?.replaceChild(i, n), i;
+  if (!t || typeof t == "string") {
+    const s = T(r, n);
+    return e.parentNode?.replaceChild(s, e), s;
   }
-  if (t.tag === "#anchor") {
-    const i = Array.isArray(t.children) ? t.children : [], o = t._startNode ?? document.createTextNode(""), l = t._endNode ?? document.createTextNode("");
-    t.key != null && (o.key = `${t.key}:start`, l.key = `${t.key}:end`), t._startNode = o, t._endNode = l;
-    const f = document.createDocumentFragment();
-    f.appendChild(o);
-    for (const c of i)
-      f.appendChild($(c, s));
-    return f.appendChild(l), n.parentNode?.replaceChild(f, n), o;
+  if (r.tag === "#anchor") {
+    const s = Array.isArray(r.children) ? r.children : [], o = r._startNode ?? document.createTextNode(""), c = r._endNode ?? document.createTextNode("");
+    r.key != null && (o.key = `${r.key}:start`, c.key = `${r.key}:end`), r._startNode = o, r._endNode = c;
+    const d = document.createDocumentFragment();
+    d.appendChild(o);
+    for (const a of s)
+      d.appendChild(T(a, n));
+    return d.appendChild(c), e.parentNode?.replaceChild(d, e), o;
   }
-  if (typeof e != "string" && typeof t != "string" && e.tag === t.tag && e.key === t.key) {
-    const i = n;
-    return ie(i, e.props || {}, t.props || {}, s), oe(i, e.children, t.children, s), i;
+  if (typeof t != "string" && typeof r != "string" && t.tag === r.tag && t.key === r.key) {
+    const s = e;
+    return pe(s, t.props || {}, r.props || {}, n), ge(s, t.children, r.children, n), s;
   }
-  const r = $(t, s);
-  return n.parentNode?.replaceChild(r, n), r;
+  const i = T(r, n);
+  return e.parentNode?.replaceChild(i, e), i;
 }
-function ce(n, e, t) {
-  const s = (c) => c.key == null ? { ...c, key: "__root__" } : c;
-  let r = Array.isArray(e) ? { tag: "div", key: "__root__", children: e } : s(e);
-  r = W(r, String(r.key ?? "root"));
-  const i = n._prevVNode ?? null, o = n._prevDom ?? n.firstChild ?? null;
-  let l;
-  i && o ? typeof i != "string" && typeof r != "string" && i.tag === r.tag && i.key === r.key ? l = V(o, i, r, t) : (l = $(r, t), n.replaceChild(l, o)) : (l = $(r, t), n.firstChild ? n.replaceChild(l, n.firstChild) : n.appendChild(l));
-  const f = [];
-  for (let c = 0; c < n.childNodes.length; c++) {
-    const h = n.childNodes[c];
-    h !== l && h.nodeName !== "STYLE" && f.push(h);
+function me(e, t, r) {
+  const n = (a) => a.key == null ? { ...a, key: "__root__" } : a;
+  let i = Array.isArray(t) ? { tag: "div", key: "__root__", children: t } : n(t);
+  i = J(i, String(i.key ?? "root"));
+  const s = e._prevVNode ?? null, o = e._prevDom ?? e.firstChild ?? null;
+  let c;
+  s && o ? typeof s != "string" && typeof i != "string" && s.tag === i.tag && s.key === i.key ? c = I(o, s, i, r) : (c = T(i, r), e.replaceChild(c, o)) : (c = T(i, r), e.firstChild ? e.replaceChild(c, e.firstChild) : e.appendChild(c));
+  const d = [];
+  for (let a = 0; a < e.childNodes.length; a++) {
+    const u = e.childNodes[a];
+    u !== c && u.nodeName !== "STYLE" && d.push(u);
   }
-  f.forEach((c) => n.removeChild(c)), n._prevVNode = r, n._prevDom = l;
+  d.forEach((a) => e.removeChild(a)), e._prevVNode = i, e._prevDom = c;
 }
-class le {
-  cache = /* @__PURE__ */ new Map();
-  maxSize;
-  accessOrder = /* @__PURE__ */ new Map();
-  accessCounter = 0;
-  constructor(e = 100) {
-    this.maxSize = e;
-  }
-  set(e, t, s = []) {
-    this.cache.size >= this.maxSize && this.evictOldest(), this.cache.set(e, {
-      css: t,
-      timestamp: Date.now(),
-      dependencies: s
-    }), this.accessOrder.set(e, ++this.accessCounter);
-  }
-  get(e) {
-    const t = this.cache.get(e);
-    return t ? (this.accessOrder.set(e, ++this.accessCounter), t.css) : null;
-  }
-  has(e) {
-    return this.cache.has(e);
-  }
-  invalidate(e) {
-    const t = [];
-    for (const [s, r] of this.cache)
-      r.dependencies.includes(e) && t.push(s);
-    t.forEach((s) => {
-      this.cache.delete(s), this.accessOrder.delete(s);
-    });
-  }
-  clear() {
-    this.cache.clear(), this.accessOrder.clear(), this.accessCounter = 0;
-  }
-  evictOldest() {
-    let e = "", t = 1 / 0;
-    for (const [s, r] of this.accessOrder)
-      r < t && (t = r, e = s);
-    e && (this.cache.delete(e), this.accessOrder.delete(e));
+function ye(e) {
+  return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
+}
+const be = `
+  :host {
+    box-sizing:border-box;
+    line-height:1.5;
+    font-family:ui-sans-serif,system-ui,sans-serif;
+    -webkit-text-size-adjust:100%;
+    text-size-adjust:100%;
   }
-  getStats() {
-    return {
-      size: this.cache.size,
-      maxSize: this.maxSize,
-      hitRate: this.accessCounter > 0 ? this.cache.size / this.accessCounter : 0
-    };
+  *,::before,::after {
+    box-sizing:inherit;
+    margin:0;
+    padding:0;
+    border:0 solid currentColor;
   }
+`, xe = {
+  gray: {
+    50: "var(--color-gray-50, #f9fafb)",
+    100: "var(--color-gray-100, #f3f4f6)",
+    200: "var(--color-gray-200, #e5e7eb)",
+    300: "var(--color-gray-300, #d1d5db)",
+    400: "var(--color-gray-400, #9ca3af)",
+    500: "var(--color-gray-500, #6b7280)",
+    600: "var(--color-gray-600, #4b5563)",
+    700: "var(--color-gray-700, #374151)",
+    800: "var(--color-gray-800, #1f2937)",
+    900: "var(--color-gray-900, #111827)"
+  },
+  slate: {
+    50: "var(--color-slate-50, #f8fafc)",
+    100: "var(--color-slate-100, #f1f5f9)",
+    200: "var(--color-slate-200, #e2e8f0)",
+    300: "var(--color-slate-300, #cbd5e1)",
+    400: "var(--color-slate-400, #94a3b8)",
+    500: "var(--color-slate-500, #64748b)",
+    600: "var(--color-slate-600, #475569)",
+    700: "var(--color-slate-700, #334155)",
+    800: "var(--color-slate-800, #1e293b)",
+    900: "var(--color-slate-900, #0f172a)"
+  },
+  zinc: {
+    50: "var(--color-zinc-50, #fafafa)",
+    100: "var(--color-zinc-100, #f4f4f5)",
+    200: "var(--color-zinc-200, #e4e4e7)",
+    300: "var(--color-zinc-300, #d4d4d8)",
+    400: "var(--color-zinc-400, #a1a1aa)",
+    500: "var(--color-zinc-500, #71717a)",
+    600: "var(--color-zinc-600, #52525b)",
+    700: "var(--color-zinc-700, #3f3f46)",
+    800: "var(--color-zinc-800, #27272a)",
+    900: "var(--color-zinc-900, #18181b)"
+  },
+  red: {
+    50: "var(--color-red-50, #fef2f2)",
+    100: "var(--color-red-100, #fee2e2)",
+    200: "var(--color-red-200, #fecaca)",
+    300: "var(--color-red-300, #fca5a5)",
+    400: "var(--color-red-400, #f87171)",
+    500: "var(--color-red-500, #ef4444)",
+    600: "var(--color-red-600, #dc2626)",
+    700: "var(--color-red-700, #b91c1c)",
+    800: "var(--color-red-800, #991b1b)",
+    900: "var(--color-red-900, #7f1d1d)"
+  },
+  blue: {
+    50: "var(--color-blue-50, #eff6ff)",
+    100: "var(--color-blue-100, #dbeafe)",
+    200: "var(--color-blue-200, #bfdbfe)",
+    300: "var(--color-blue-300, #93c5fd)",
+    400: "var(--color-blue-400, #60a5fa)",
+    500: "var(--color-blue-500, #3b82f6)",
+    600: "var(--color-blue-600, #2563eb)",
+    700: "var(--color-blue-700, #1d4ed8)",
+    800: "var(--color-blue-800, #1e40af)",
+    900: "var(--color-blue-900, #1e3a8a)"
+  },
+  green: {
+    50: "var(--color-green-50, #f0fdf4)",
+    100: "var(--color-green-100, #dcfce7)",
+    200: "var(--color-green-200, #bbf7d0)",
+    300: "var(--color-green-300, #86efac)",
+    400: "var(--color-green-400, #4ade80)",
+    500: "var(--color-green-500, #22c55e)",
+    600: "var(--color-green-600, #16a34a)",
+    700: "var(--color-green-700, #15803d)",
+    800: "var(--color-green-800, #166534)",
+    900: "var(--color-green-900, #14532d)"
+  },
+  amber: {
+    50: "var(--color-amber-50, #fffbeb)",
+    100: "var(--color-amber-100, #fef3c7)",
+    200: "var(--color-amber-200, #fde68a)",
+    300: "var(--color-amber-300, #fcd34d)",
+    400: "var(--color-amber-400, #fbbf24)",
+    500: "var(--color-amber-500, #f59e0b)",
+    600: "var(--color-amber-600, #d97706)",
+    700: "var(--color-amber-700, #b45309)",
+    800: "var(--color-amber-800, #92400e)",
+    900: "var(--color-amber-900, #78350f)"
+  },
+  indigo: {
+    50: "var(--color-indigo-50, #eef2ff)",
+    100: "var(--color-indigo-100, #e0e7ff)",
+    200: "var(--color-indigo-200, #c7d2fe)",
+    300: "var(--color-indigo-300, #a5b4fc)",
+    400: "var(--color-indigo-400, #818cf8)",
+    500: "var(--color-indigo-500, #6366f1)",
+    600: "var(--color-indigo-600, #4f46e5)",
+    700: "var(--color-indigo-700, #4338ca)",
+    800: "var(--color-indigo-800, #3730a3)",
+    900: "var(--color-indigo-900, #312e81)"
+  },
+  emerald: {
+    50: "var(--color-emerald-50, #ecfdf5)",
+    100: "var(--color-emerald-100, #d1fae5)",
+    200: "var(--color-emerald-200, #a7f3d0)",
+    300: "var(--color-emerald-300, #6ee7b7)",
+    400: "var(--color-emerald-400, #34d399)",
+    500: "var(--color-emerald-500, #10b981)",
+    600: "var(--color-emerald-600, #059669)",
+    700: "var(--color-emerald-700, #047857)",
+    800: "var(--color-emerald-800, #065f46)",
+    900: "var(--color-emerald-900, #064e3b)"
+  },
+  rose: {
+    50: "var(--color-rose-50, #fff1f2)",
+    100: "var(--color-rose-100, #ffe4e6)",
+    200: "var(--color-rose-200, #fecdd3)",
+    300: "var(--color-rose-300, #fda4af)",
+    400: "var(--color-rose-400, #fb7185)",
+    500: "var(--color-rose-500, #f43f5e)",
+    600: "var(--color-rose-600, #e11d48)",
+    700: "var(--color-rose-700, #be123c)",
+    800: "var(--color-rose-800, #9f1239)",
+    900: "var(--color-rose-900, #881337)"
+  },
+  white: { DEFAULT: "var(--color-white, #ffffff)" },
+  black: { DEFAULT: "var(--color-black, #000000)" }
+}, W = {
+  /* Display */
+  block: "display:block;",
+  inline: "display:inline;",
+  "inline-block": "display:inline-block;",
+  flex: "display:flex;",
+  "inline-flex": "display:inline-flex;",
+  grid: "display:grid;",
+  hidden: "display:none;",
+  /* Accessibility */
+  "sr-only": "position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;",
+  "not-sr-only": "position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;",
+  /* Grid Layout */
+  "grid-cols-1": "grid-template-columns:repeat(1,minmax(0,1fr));",
+  "grid-cols-2": "grid-template-columns:repeat(2,minmax(0,1fr));",
+  "grid-cols-3": "grid-template-columns:repeat(3,minmax(0,1fr));",
+  "grid-cols-4": "grid-template-columns:repeat(4,minmax(0,1fr));",
+  "grid-cols-5": "grid-template-columns:repeat(5,minmax(0,1fr));",
+  "grid-cols-6": "grid-template-columns:repeat(6,minmax(0,1fr));",
+  "grid-cols-12": "grid-template-columns:repeat(12,minmax(0,1fr));",
+  "grid-rows-1": "grid-template-rows:repeat(1,minmax(0,1fr));",
+  "grid-rows-2": "grid-template-rows:repeat(2,minmax(0,1fr));",
+  "grid-rows-3": "grid-template-rows:repeat(3,minmax(0,1fr));",
+  "grid-rows-4": "grid-template-rows:repeat(4,minmax(0,1fr));",
+  "grid-rows-6": "grid-template-rows:repeat(6,minmax(0,1fr));",
+  "grid-rows-12": "grid-template-rows:repeat(12,minmax(0,1fr));",
+  /* Grid Placement */
+  "col-span-1": "grid-column:span 1 / span 1;",
+  "col-span-2": "grid-column:span 2 / span 2;",
+  "col-span-3": "grid-column:span 3 / span 3;",
+  "col-span-4": "grid-column:span 4 / span 4;",
+  "col-span-5": "grid-column:span 5 / span 5;",
+  "col-span-6": "grid-column:span 6 / span 6;",
+  "col-span-12": "grid-column:span 12 / span 12;",
+  "row-span-1": "grid-row:span 1 / span 1;",
+  "row-span-2": "grid-row:span 2 / span 2;",
+  "row-span-3": "grid-row:span 3 / span 3;",
+  "row-span-4": "grid-row:span 4 / span 4;",
+  "row-span-6": "grid-row:span 6 / span 6;",
+  "row-span-12": "grid-row:span 12 / span 12;",
+  /* Positioning */
+  absolute: "position:absolute;",
+  relative: "position:relative;",
+  fixed: "position:fixed;",
+  sticky: "position:sticky;",
+  /* Typography */
+  "font-bold": "font-weight:700;",
+  "font-semibold": "font-weight:600;",
+  "font-medium": "font-weight:500;",
+  "font-light": "font-weight:300;",
+  underline: "text-decoration-line:underline;",
+  overline: "text-decoration-line:overline;",
+  "line-through": "text-decoration-line:line-through;",
+  "no-underline": "text-decoration-line:none;",
+  italic: "font-style:italic;",
+  "not-italic": "font-style:normal;",
+  uppercase: "text-transform:uppercase;",
+  lowercase: "text-transform:lowercase;",
+  capitalize: "text-transform:capitalize;",
+  "normal-case": "text-transform:none;",
+  "text-left": "text-align:left;",
+  "text-center": "text-align:center;",
+  "text-right": "text-align:right;",
+  "text-xs": "font-size:0.75rem;line-height:calc(1 / 0.75)",
+  "text-sm": "font-size:0.875rem;line-height:calc(1.25 / 0.875)",
+  "text-base": "font-size:1rem;line-height:calc(1.5 / 1)",
+  "text-lg": "font-size:1.125rem;line-height:calc(1.75 / 1.125)",
+  "text-xl": "font-size:1.25rem;line-height:calc(1.75 / 1.25)",
+  "text-2xl": "font-size:1.5rem;line-height:calc(2 / 1.5)",
+  "text-3xl": "font-size:1.875rem;line-height:calc(2.25 / 1.875)",
+  "text-4xl": "font-size:2.25rem;line-height:calc(2.5 / 2.25)",
+  "text-5xl": "font-size:3rem;line-height:1",
+  "text-6xl": "font-size:3.75rem;line-height:1",
+  "text-7xl": "font-size:4.5rem;line-height:1",
+  "text-8xl": "font-size:6rem;line-height:1",
+  /* Borders */
+  border: "border-width:1px;",
+  "rounded-none": "border-radius:0;",
+  "rounded-xs": "border-radius:0.125rem;",
+  "rounded-sm": "border-radius:0.25rem;",
+  "rounded-md": "border-radius:0.375rem;",
+  "rounded-lg": "border-radius:0.5rem;",
+  "rounded-full": "border-radius:9999px;",
+  /* Ring (box-shadow for focus) */
+  "ring-0": "box-shadow:none;",
+  "ring-1": "box-shadow:0 0 0 1px rgba(59,130,246,0.5);",
+  "ring-2": "box-shadow:0 0 0 2px rgba(59,130,246,0.5);",
+  "ring-4": "box-shadow:0 0 0 4px rgba(59,130,246,0.5);",
+  "ring-8": "box-shadow:0 0 0 8px rgba(59,130,246,0.5);",
+  /* Shadow and effects */
+  "shadow-none": "box-shadow:0 0 #0000;",
+  "shadow-xs": "box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);",
+  "shadow-sm": "box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);",
+  "shadow-md": "box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);",
+  "shadow-lg": "box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);",
+  "shadow-xl": "box-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);",
+  "shadow-2xl": "box-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);",
+  /* Transitions */
+  transition: "transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);",
+  /* Text Overflow & Whitespace */
+  truncate: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;",
+  /* Visibility */
+  visible: "visibility:visible;",
+  invisible: "visibility:hidden;",
+  /* Flex Grow/Shrink/Basis */
+  grow: "flex-grow:1;",
+  shrink: "flex-shrink:1;",
+  "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;",
+  /* 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;",
+  "line-clamp-3": "display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;",
+  "line-clamp-4": "display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;",
+  /* Transition Delay/Property */
+  "transition-colors": "transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;",
+  "transition-opacity": "transition-property:opacity;",
+  "transition-transform": "transition-property:transform;"
+}, ve = "0.25rem", Y = {
+  m: ["margin"],
+  mx: ["margin-inline"],
+  my: ["margin-block"],
+  mt: ["margin-top"],
+  mr: ["margin-right"],
+  mb: ["margin-bottom"],
+  ml: ["margin-left"],
+  p: ["padding"],
+  px: ["padding-inline"],
+  py: ["padding-block"],
+  pt: ["padding-top"],
+  pr: ["padding-right"],
+  pb: ["padding-bottom"],
+  pl: ["padding-left"],
+  inset: ["inset"],
+  "inset-x": ["inset-inline"],
+  "inset-y": ["inset-block"],
+  top: ["top"],
+  bottom: ["bottom"],
+  left: ["left"],
+  right: ["right"],
+  gap: ["gap"],
+  "gap-x": ["column-gap"],
+  "gap-y": ["row-gap"]
+}, we = {
+  // State variants
+  before: (e, t) => `${e}::before{${t}}`,
+  after: (e, t) => `${e}::after{${t}}`,
+  hover: (e, t) => `${e}:hover{${t}}`,
+  focus: (e, t) => `${e}:focus{${t}}`,
+  active: (e, t) => `${e}:active{${t}}`,
+  disabled: (e, t) => `${e}:disabled{${t}}`,
+  visited: (e, t) => `${e}:visited{${t}}`,
+  checked: (e, t) => `${e}:checked{${t}}`,
+  first: (e, t) => `${e}:first-child{${t}}`,
+  last: (e, t) => `${e}:last-child{${t}}`,
+  odd: (e, t) => `${e}:nth-child(odd){${t}}`,
+  even: (e, t) => `${e}:nth-child(even){${t}}`,
+  "focus-within": (e, t) => `${e}:focus-within{${t}}`,
+  "focus-visible": (e, t) => `${e}:focus-visible{${t}}`,
+  // Group variants
+  "group-hover": (e, t) => `.group:hover ${e}{${t}}`,
+  "group-focus": (e, t) => `.group:focus ${e}{${t}}`,
+  "group-active": (e, t) => `.group:active ${e}{${t}}`,
+  "group-disabled": (e, t) => `.group:disabled ${e}{${t}}`,
+  // Peer variants
+  "peer-hover": (e, t) => `.peer:hover ~ ${e}{${t}}`,
+  "peer-focus": (e, t) => `.peer:focus ~ ${e}{${t}}`,
+  "peer-checked": (e, t) => `.peer:checked ~ ${e}{${t}}`,
+  "peer-disabled": (e, t) => `.peer:disabled ~ ${e}{${t}}`
+}, G = {
+  // Responsive
+  sm: "(min-width:640px)",
+  md: "(min-width:768px)",
+  lg: "(min-width:1024px)",
+  xl: "(min-width:1280px)",
+  "2xl": "(min-width:1536px)",
+  // Dark mode (now plain string)
+  dark: "(prefers-color-scheme: dark)"
+}, K = ["sm", "md", "lg", "xl", "2xl"];
+function F(e) {
+  const t = e.startsWith("-"), n = (t ? e.slice(1) : e).split("-");
+  if (n.length < 2) return null;
+  const i = n.slice(0, -1).join("-"), s = n[n.length - 1], o = parseFloat(s);
+  if (Number.isNaN(o) || !Y[i]) return null;
+  const c = t ? "-" : "";
+  return Y[i].map((d) => `${d}:calc(${c}${ve} * ${o});`).join("");
+}
+function ee(e) {
+  const t = e.replace("#", ""), r = parseInt(t, 16), n = r >> 16 & 255, i = r >> 8 & 255, s = r & 255;
+  return `${n} ${i} ${s}`;
 }
-function ae(n) {
-  return n.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
+function ke(e) {
+  const t = /^(bg|text|border|shadow|outline|caret|accent)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/.exec(e);
+  if (!t) return null;
+  const [, r, n, i = "DEFAULT"] = t, s = xe[n]?.[i];
+  return s ? `${{
+    bg: "background-color",
+    text: "color",
+    border: "border-color",
+    shadow: "box-shadow",
+    outline: "outline-color",
+    caret: "caret-color",
+    accent: "accent-color"
+  }[r]}:${s};` : null;
 }
-function ue(n) {
-  try {
-    return JSON.stringify(n, (e, t) => {
-      if (typeof t == "function")
-        return t.toString();
-      if (typeof t == "object" && t !== null) {
-        if (t.__hashed) return "[Circular]";
-        t.__hashed = !0;
-        const s = { ...t };
-        return delete s.__hashed, s;
+function _e(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 U(e) {
+  const { base: t, opacity: r } = _e(e), n = ke(t);
+  if (n) {
+    if (r !== void 0) {
+      const s = /#([0-9a-f]{6})/i.exec(n);
+      if (s) {
+        const o = ee(s[0]);
+        return n.replace(/#([0-9a-f]{6})/i, `rgb(${o} / ${r})`);
       }
-      return t;
-    });
-  } catch {
-    return n.map((e) => String(e)).join("|");
+    }
+    return n;
+  }
+  const i = D(t);
+  if (i && r !== void 0) {
+    const s = /#([0-9a-f]{6})/i.exec(i);
+    if (s) {
+      const o = ee(s[0]);
+      return i.replace(/#([0-9a-f]{6})/i, `rgb(${o} / ${r})`);
+    }
   }
+  return i;
 }
-function fe(n) {
-  const e = n.split("}").filter((r) => r.trim()), t = /* @__PURE__ */ new Set(), s = [];
-  for (const r of e) {
-    const i = r.trim().replace(/\s+/g, " ");
-    i && !t.has(i) && (t.add(i), s.push(r + "}"));
+function D(e) {
+  const t = e.indexOf("-["), r = e.endsWith("]");
+  if (t > 0 && r) {
+    const n = e.slice(0, t);
+    let i = e.slice(t + 2, -1);
+    i = i.replace(/_/g, " ");
+    const o = {
+      bg: "background-color",
+      text: "color",
+      p: "padding",
+      px: "padding-inline",
+      py: "padding-block",
+      m: "margin",
+      mx: "margin-inline",
+      my: "margin-block",
+      w: "width",
+      h: "height",
+      "min-w": "min-width",
+      "max-w": "max-width",
+      "min-h": "min-height",
+      "max-h": "max-height",
+      "border-t": "border-top",
+      "border-b": "border-bottom",
+      "border-l": "border-left",
+      "border-r": "border-right",
+      "border-x": "border-inline",
+      "border-y": "border-block",
+      shadow: "box-shadow",
+      duration: "transition-duration",
+      list: "list-style",
+      break: "word-break",
+      flex: "flex-direction",
+      items: "align-items",
+      justify: "justify-content",
+      whitespace: "white-space",
+      select: "user-select",
+      content: "align-content",
+      self: "align-self",
+      basis: "flex-basis",
+      tracking: "letter-spacing",
+      scroll: "scroll-behavior",
+      delay: "transition-delay",
+      weight: "font-weight",
+      leading: "line-height",
+      z: "z-index"
+    }[n] ?? n.replace(/_/g, "-");
+    if (o && i) return `${o}:${i};`;
   }
-  return s.join("").replace(/}$/, "");
+  return null;
 }
-function he(n, e) {
-  let t = null;
-  const s = ((...r) => {
-    t !== null && clearTimeout(t), t = setTimeout(() => {
-      n(...r), t = null;
-    }, e);
-  });
-  return s.cancel = () => {
-    t !== null && (clearTimeout(t), t = null);
-  }, s;
+function $e(e) {
+  return e.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1");
 }
-class de {
-  metrics = /* @__PURE__ */ new Map();
-  startTimer(e) {
-    const t = performance.now();
-    return () => {
-      const s = performance.now() - t;
-      return this.recordMetric(e, s), s;
-    };
+function Ce(e) {
+  const t = /class\s*=\s*["']([^"']+)["']/g, r = [];
+  let n;
+  for (; n = t.exec(e); ) {
+    let i = "", s = !1;
+    for (const o of n[1])
+      o === "[" && (s = !0), o === "]" && (s = !1), o === " " && !s ? (i && r.push(i), i = "") : i += o;
+    i && r.push(i);
   }
-  recordMetric(e, t) {
-    this.metrics.has(e) || this.metrics.set(e, []);
-    const s = this.metrics.get(e);
-    s.push(t), s.length > 100 && s.shift();
+  return r.filter(Boolean);
+}
+const te = /* @__PURE__ */ new Map(), Se = 16;
+function Ae(e) {
+  const t = Date.now(), r = te.get(e);
+  if (r && t - r.timestamp < Se) return r.css;
+  const n = Ce(e), i = new Set(n), s = [], o = [], c = [], d = [], a = {};
+  function u(p, C = !1) {
+    const g = (C ? "dark|" : "") + p;
+    if (g in a) return a[g];
+    const l = f(p, C);
+    return a[g] = l, l;
   }
-  getStats(e) {
-    if (e) {
-      const s = this.metrics.get(e) || [];
-      return s.length === 0 ? null : {
-        operation: e,
-        count: s.length,
-        average: s.reduce((r, i) => r + i, 0) / s.length,
-        min: Math.min(...s),
-        max: Math.max(...s)
-      };
+  function y(p) {
+    const C = p.some((l) => K.includes(l)), g = p.includes("dark");
+    return p.length === 0 ? 1 : !C && !g ? 2 : C && !g ? 3 : 4;
+  }
+  function f(p, C = !1) {
+    const g = p.split(":"), l = g.find(
+      ($) => W[$] || F($) || U($) || D($)
+    );
+    if (!l) return null;
+    const b = W[l] ?? F(l) ?? U(l) ?? D(l);
+    if (!b) return null;
+    let m = `.${$e(p)}`, h = b;
+    const x = g.indexOf(l);
+    let S = x >= 0 ? g.slice(0, x) : [];
+    C && (S = S.filter(($) => $ !== "dark"));
+    const k = S.filter(($) => K.includes($)), v = k.length ? k[k.length - 1] : null;
+    for (const $ of S) {
+      if (K.includes($)) continue;
+      const A = we[$];
+      typeof A == "function" && (m = A(m, h).replace(/\{.*$/, ""));
     }
-    const t = {};
-    for (const [s, r] of this.metrics)
-      r.length > 0 && (t[s] = {
-        count: r.length,
-        average: r.reduce((i, o) => i + o, 0) / r.length,
-        min: Math.min(...r),
-        max: Math.max(...r)
-      });
-    return t;
+    let _ = `${m}{${h}}`;
+    return C && v ? _ = `@media (prefers-color-scheme: dark) and ${G[v]}{${_}}` : C ? _ = `@media (prefers-color-scheme: dark){${_}}` : v && (_ = `@media ${G[v]}{${_}}`), _;
   }
-  reset(e) {
-    e ? this.metrics.delete(e) : this.metrics.clear();
+  for (const p of i) {
+    const C = p.split(":"), g = C.find(
+      (h) => W[h] || F(h) || U(h) || D(h)
+    );
+    if (!g) continue;
+    const l = C.indexOf(g), b = l >= 0 ? C.slice(0, l) : [], m = y(b);
+    if (m === 4) {
+      const h = u(p, !0);
+      h && d.push(h);
+    } else {
+      const h = u(p);
+      h && (m === 1 ? s.push(h) : m === 2 ? o.push(h) : m === 3 && c.push(h));
+    }
   }
+  const w = [...s, ...o, ...c, ...d].join("");
+  return te.set(e, { css: w, timestamp: t }), w;
 }
-const pe = new de(), ye = /* @__PURE__ */ new Map();
-function K(n) {
-  return n.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+const Ee = /* @__PURE__ */ new Map();
+function Z(e) {
+  return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function I(n) {
-  return typeof n == "string" ? n.replace(
+function q(e) {
+  return typeof e == "string" ? e.replace(
     /[&<>"']/g,
-    (e) => ({
+    (t) => ({
       "&": "&amp;",
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;"
-    })[e]
-  ) : n;
+    })[t]
+  ) : e;
 }
-function ge(n) {
-  return n.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
+function Te(e) {
+  return e.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
 }
-function xe(n, ...e) {
-  let t = "";
-  for (let s = 0; s < n.length; s++)
-    t += n[s], s < e.length && (t += e[s]);
-  return t;
+function Me(e, ...t) {
+  let r = "";
+  for (let n = 0; n < e.length; n++)
+    r += e[n], n < t.length && (r += t[n]);
+  return r;
 }
-function Ee(n, e, t) {
-  let s = K(n);
-  s.includes("-") || (s = `cer-${s}`);
-  let r;
-  typeof e == "function" ? r = { ...t, render: e } : r = e, typeof r.onError != "function" && (r.onError = (i, o) => {
-    console.error(`[${s}] Error:`, i, o);
-  }), ye.set(s, r), typeof window < "u" && !customElements.get(s) && customElements.define(s, me(r));
+function Pe(e, t, r) {
+  let n = Z(e);
+  n.includes("-") || (n = `cer-${n}`);
+  let i;
+  typeof t == "function" ? i = { ...r, render: t } : i = t, typeof i.onError != "function" && (i.onError = (s, o) => {
+    console.error(`[${n}] Error:`, s, o);
+  }), Ee.set(n, i), typeof window < "u" && !customElements.get(n) && customElements.define(n, Le(i));
 }
-function me(n) {
-  if (!n.render)
+function Le(e) {
+  if (!e.render)
     throw new Error(
       "Component must have a render function"
     );
@@ -1077,60 +1445,49 @@ function me(n) {
     _mounted = !1;
     _hasError = !1;
     _initializing = !0;
-    _styleElement = null;
-    _styleCache = new le(100);
-    _lastStyleHash = "";
-    _styleDependencies = /* @__PURE__ */ new Set();
-    _styleUpdateDebounced;
+    _styleSheet = null;
+    _lastHtmlStringForJitCSS = "";
     _cfg;
     _lastRenderTime = 0;
     _renderCount = 0;
     _templateLoading = !1;
     _templateError = null;
     constructor() {
-      super(), this.attachShadow({ mode: "open" }), this._cfg = n;
-      const e = {
-        debounceMs: 16,
-        ...n.styleOptimizations
-      };
-      this._styleUpdateDebounced = he(
-        (t) => this._applyStyle(t),
-        e.debounceMs
-      ), this.context = this._initContext(n), Object.keys(n).forEach((t) => {
-        const s = n[t];
-        typeof s == "function" && !t.startsWith("on") && (this.context[t] = (...r) => s(...r, this.context));
-      }), this._applyProps(n), this._applyComputed(n), this._initializing = !1, this._initWatchers(n), this._render(n);
+      super(), this.attachShadow({ mode: "open" }), this._cfg = e, this.context = this._initContext(e), Object.keys(e).forEach((t) => {
+        const r = e[t];
+        typeof r == "function" && !t.startsWith("on") && (this.context[t] = (...n) => r(...n, this.context));
+      }), this._applyProps(e), this._applyComputed(e), this._initializing = !1, this._initWatchers(e), this._render(e);
     }
     connectedCallback() {
-      this._runLogicWithinErrorBoundary(n, () => {
-        n.onConnected && !this._mounted && (n.onConnected(this.context), this._mounted = !0);
+      this._runLogicWithinErrorBoundary(e, () => {
+        e.onConnected && !this._mounted && (e.onConnected(this.context), this._mounted = !0);
       });
     }
     disconnectedCallback() {
-      this._runLogicWithinErrorBoundary(n, () => {
-        n.onDisconnected && n.onDisconnected(this.context), this._listeners.forEach((e) => e()), this._listeners = [], this._watchers.clear(), this._styleCache.clear(), this._styleDependencies.clear(), this._styleElement = null, this._lastStyleHash = "", this._styleUpdateDebounced.cancel(), this._templateLoading = !1, this._templateError = null, this._mounted = !1;
+      this._runLogicWithinErrorBoundary(e, () => {
+        e.onDisconnected && e.onDisconnected(this.context), this._listeners.forEach((t) => t()), this._listeners = [], this._watchers.clear(), this._templateLoading = !1, this._templateError = null, this._mounted = !1;
       });
     }
-    attributeChangedCallback(e, t, s) {
-      this._runLogicWithinErrorBoundary(n, () => {
-        this._applyProps(n), n.onAttributeChanged && n.onAttributeChanged(
-          e,
+    attributeChangedCallback(t, r, n) {
+      this._runLogicWithinErrorBoundary(e, () => {
+        this._applyProps(e), e.onAttributeChanged && e.onAttributeChanged(
           t,
-          s,
+          r,
+          n,
           this.context
         );
       });
     }
     static get observedAttributes() {
-      return n.props ? Object.keys(n.props).map(K) : [];
+      return e.props ? Object.keys(e.props).map(Z) : [];
     }
-    _applyComputed(e) {
-      this._runLogicWithinErrorBoundary(n, () => {
-        e.computed && Object.entries(e.computed).forEach(([t, s]) => {
-          Object.defineProperty(this.context, t, {
+    _applyComputed(t) {
+      this._runLogicWithinErrorBoundary(e, () => {
+        t.computed && Object.entries(t.computed).forEach(([r, n]) => {
+          Object.defineProperty(this.context, r, {
             get: () => {
-              const r = s(this.context);
-              return I(r);
+              const i = n(this.context);
+              return q(i);
             },
             enumerable: !0
           });
@@ -1138,51 +1495,51 @@ function me(n) {
       });
     }
     // --- Render ---
-    _render(e) {
-      this._runLogicWithinErrorBoundary(e, () => {
+    _render(t) {
+      this._runLogicWithinErrorBoundary(t, () => {
         if (!this.shadowRoot) return;
-        if (this._styleDependencies.clear(), this._templateLoading && e.loadingTemplate) {
-          this._renderOutput(e.loadingTemplate(this.context));
+        if (this._templateLoading && t.loadingTemplate) {
+          this._renderOutput(t.loadingTemplate(this.context));
           return;
         }
-        if (this._templateError && e.errorTemplate) {
-          this._renderOutput(e.errorTemplate(this._templateError, this.context));
+        if (this._templateError && t.errorTemplate) {
+          this._renderOutput(t.errorTemplate(this._templateError, this.context));
           return;
         }
-        const t = e.render(this.context);
-        if (t instanceof Promise) {
-          this._templateLoading = !0, t.then((s) => (this._templateLoading = !1, this._templateError = null, this._renderOutput(s), s)).catch((s) => {
-            if (this._templateLoading = !1, this._templateError = s, e.errorTemplate) {
-              const r = e.errorTemplate(s, this.context);
-              return this._renderOutput(r), r;
+        const r = t.render(this.context);
+        if (r instanceof Promise) {
+          this._templateLoading = !0, r.then((n) => (this._templateLoading = !1, this._templateError = null, this._renderOutput(n), n)).catch((n) => {
+            if (this._templateLoading = !1, this._templateError = n, t.errorTemplate) {
+              const i = t.errorTemplate(n, this.context);
+              return this._renderOutput(i), i;
             }
-            throw s;
-          }), e.loadingTemplate && this._renderOutput(e.loadingTemplate(this.context));
+            throw n;
+          }), t.loadingTemplate && this._renderOutput(t.loadingTemplate(this.context));
           return;
         }
-        this._renderOutput(t), this._applyStyle(e);
+        this._renderOutput(r), this._applyStyle(t);
       });
     }
     // --- Helper to render output ---
-    _renderOutput(e) {
+    _renderOutput(t) {
       if (!this.shadowRoot) return;
-      const t = new Proxy(this.context, {
-        get: (s, r) => r === "_requestRender" ? () => this._requestRender() : r === "context" ? s : typeof r == "string" && r.includes(".") ? r.split(".").reduce((i, o) => i?.[o], s) : s[r],
-        set: (s, r, i) => {
-          if (typeof r == "string" && r.includes(".")) {
-            const o = r.split("."), l = o.pop();
-            if (!l) return !1;
-            const f = o.reduce((c, h) => (h in c || (c[h] = {}), c[h]), s);
-            return f[l] = i, !0;
+      const r = new Proxy(this.context, {
+        get: (n, i) => i === "_requestRender" ? () => this._requestRender() : i === "context" ? n : typeof i == "string" && i.includes(".") ? i.split(".").reduce((s, o) => s?.[o], n) : n[i],
+        set: (n, i, s) => {
+          if (typeof i == "string" && i.includes(".")) {
+            const o = i.split("."), c = o.pop();
+            if (!c) return !1;
+            const d = o.reduce((a, u) => (u in a || (a[u] = {}), a[u]), n);
+            return d[c] = s, !0;
           }
-          return s[r] = i, !0;
+          return n[i] = s, !0;
         }
       });
-      ce(
+      me(
         this.shadowRoot,
-        Array.isArray(e) ? e : [e],
-        t
-      ), this._requestStyleUpdate();
+        Array.isArray(t) ? t : [t],
+        r
+      ), this._lastHtmlStringForJitCSS = this.shadowRoot.innerHTML;
     }
     _requestRender() {
       if (this._renderTimeoutId !== null && clearTimeout(this._renderTimeoutId), Date.now() - this._lastRenderTime < 16) {
@@ -1198,85 +1555,44 @@ function me(n) {
         this._lastRenderTime = Date.now(), this._render(this._cfg), this._renderTimeoutId = null;
       }, 0);
     }
-    // Request style-only update (more efficient than full render)
-    _requestStyleUpdate() {
-      this._styleUpdateDebounced(this._cfg);
-    }
     // --- Style ---
-    _applyStyle(e) {
-      this._runLogicWithinErrorBoundary(e, () => {
-        if (!this.shadowRoot)
+    _applyStyle(t) {
+      this._runLogicWithinErrorBoundary(t, () => {
+        if (!this.shadowRoot) return;
+        const r = Ae(this._lastHtmlStringForJitCSS);
+        if (!t.style && (!r || r.trim() === "")) {
+          this._styleSheet = null;
           return;
-        const t = pe.startTimer("applyStyle");
-        try {
-          if (this._styleElement || (this._styleElement = this.shadowRoot.querySelector(
-            "style"
-          ), this._styleElement || typeof document < "u" && (this._styleElement = document.createElement("style"), this.shadowRoot.prepend(this._styleElement))), !e.style) {
-            this._styleElement.textContent = "";
-            return;
-          }
-          const s = {
-            enableCaching: !0,
-            enableMinification: !1,
-            enableDeduplication: !0,
-            cacheSize: 100,
-            debounceMs: 16,
-            ...e.styleOptimizations
-          };
-          let r;
-          typeof e.style == "string" ? r = {
-            css: e.style,
-            cache: s.enableCaching
-          } : typeof e.style == "function" ? r = {
-            css: e.style,
-            cache: s.enableCaching
-          } : r = {
-            cache: s.enableCaching,
-            ...e.style
-          };
-          const i = r.dependencies || [], o = r.cache !== !1 && s.enableCaching;
-          let l = "";
-          if (o && i.length > 0) {
-            const h = i.map((d) => this.context[d]);
-            if (l = ue(h), this._lastStyleHash === l && this._styleCache.has(l)) {
-              const d = this._styleCache.get(l);
-              this._styleElement.textContent !== d && (this._styleElement.textContent = d);
-              return;
-            }
-          }
-          (!o || i.length === 0) && (l = "no-deps-" + Date.now());
-          const f = typeof r.css == "function" ? r.css(this.context) : r.css;
-          let c = ge(f);
-          s.enableMinification && (c = ae(c)), s.enableDeduplication && (c = fe(c)), o && i.length > 0 && (this._styleCache.set(
-            l,
-            c,
-            i.map(String)
-          ), this._lastStyleHash = l), this._styleElement.textContent !== c && (this._styleElement.textContent = c);
-        } finally {
-          t();
         }
+        let n = "";
+        t.style && (typeof t.style == "string" ? n = t.style : typeof t.style == "function" && (n = t.style(this.context)));
+        let i = Te(`${be}
+${n}
+${r}
+`);
+        t.minifyCSS && (i = ye(i)), this._styleSheet || (this._styleSheet = new CSSStyleSheet()), this._styleSheet.replaceSync(i), this.shadowRoot.adoptedStyleSheets = [this._styleSheet];
       });
     }
     // --- Error Boundary function ---
-    _runLogicWithinErrorBoundary(e, t) {
+    _runLogicWithinErrorBoundary(t, r) {
       this._hasError && (this._hasError = !1);
       try {
-        t();
-      } catch (s) {
-        this._hasError = !0, e.onError && e.onError(s, this.context), e.errorFallback && this.shadowRoot && (this.shadowRoot.innerHTML = e.errorFallback(
-          s,
+        r();
+      } catch (n) {
+        this._hasError = !0, t.onError && t.onError(n, this.context), t.errorFallback && this.shadowRoot && (this.shadowRoot.innerHTML = t.errorFallback(
+          n,
           this.context
         ));
       }
     }
     // --- State, props, computed ---
-    _initContext(e) {
+    _initContext(t) {
       try {
-        let t = function(r, i = "") {
-          return Array.isArray(r) ? new Proxy(r, {
-            get(o, l, f) {
-              const c = Reflect.get(o, l, f);
-              return typeof c == "function" && typeof l == "string" && [
+        let r = function(i, s = "") {
+          return Array.isArray(i) ? new Proxy(i, {
+            get(o, c, d) {
+              const a = Reflect.get(o, c, d);
+              return typeof a == "function" && typeof c == "string" && [
                 "push",
                 "pop",
                 "shift",
@@ -1284,122 +1600,113 @@ function me(n) {
                 "splice",
                 "sort",
                 "reverse"
-              ].includes(l) ? function(...d) {
-                const a = c.apply(o, d);
-                if (!s._initializing) {
-                  const _ = i || "root";
-                  s._triggerWatchers(_, o), s._render(e);
+              ].includes(c) ? function(...y) {
+                const f = a.apply(o, y);
+                if (!n._initializing) {
+                  const w = s || "root";
+                  n._triggerWatchers(w, o), n._render(t);
                 }
-                return a;
-              } : c;
+                return f;
+              } : a;
             },
-            set(o, l, f) {
-              if (o[l] = f, !s._initializing) {
-                const c = i ? `${i}.${String(l)}` : String(l);
-                s._styleDependencies.add(String(l)), s._styleCache.invalidate(String(l)), s._triggerWatchers(c, f);
-                const h = e.style;
-                let d = !1;
-                if (h && typeof h == "object" && "dependencies" in h) {
-                  const a = h.dependencies || [];
-                  d = a.includes(String(l)) && a.every(
-                    (_) => !s._styleDependencies.has(String(_)) || _ === l
-                  );
-                }
-                d ? s._requestStyleUpdate() : s._render(e);
+            set(o, c, d) {
+              if (o[c] = d, !n._initializing) {
+                const a = s ? `${s}.${String(c)}` : String(c);
+                n._triggerWatchers(a, d), n._render(t);
               }
               return !0;
             },
-            deleteProperty(o, l) {
-              if (delete o[l], !s._initializing) {
-                const f = i ? `${i}.${String(l)}` : String(l);
-                s._styleDependencies.add(String(l)), s._triggerWatchers(f, void 0), s._render(e);
+            deleteProperty(o, c) {
+              if (delete o[c], !n._initializing) {
+                const d = s ? `${s}.${String(c)}` : String(c);
+                n._triggerWatchers(d, void 0), n._render(t);
               }
               return !0;
             }
-          }) : r && typeof r == "object" ? (Object.keys(r).forEach((o) => {
-            const l = i ? `${i}.${o}` : o;
-            r[o] = t(r[o], l);
-          }), new Proxy(r, {
-            set(o, l, f) {
-              const c = i ? `${i}.${String(l)}` : String(l);
-              return o[l] = t(f, c), s._initializing || (s._triggerWatchers(
-                c,
-                o[l]
-              ), s._render(e)), !0;
+          }) : i && typeof i == "object" ? (Object.keys(i).forEach((o) => {
+            const c = s ? `${s}.${o}` : o;
+            i[o] = r(i[o], c);
+          }), new Proxy(i, {
+            set(o, c, d) {
+              const a = s ? `${s}.${String(c)}` : String(c);
+              return o[c] = r(d, a), n._initializing || (n._triggerWatchers(
+                a,
+                o[c]
+              ), n._render(t)), !0;
             },
-            get(o, l, f) {
-              return Reflect.get(o, l, f);
+            get(o, c, d) {
+              return Reflect.get(o, c, d);
             }
-          })) : r;
+          })) : i;
         };
-        const s = this;
-        return t({ ...e.state });
+        const n = this;
+        return r({ ...t.state });
       } catch {
         return {};
       }
     }
-    _initWatchers(e) {
-      if (e.watch)
-        for (const [t, s] of Object.entries(e.watch)) {
-          let r, i = {};
-          if (Array.isArray(s) ? (r = s[0], i = s[1] || {}) : r = s, this._watchers.set(t, {
-            callback: r,
-            options: i,
-            oldValue: this._getNestedValue(t)
-          }), i.immediate)
+    _initWatchers(t) {
+      if (t.watch)
+        for (const [r, n] of Object.entries(t.watch)) {
+          let i, s = {};
+          if (Array.isArray(n) ? (i = n[0], s = n[1] || {}) : i = n, this._watchers.set(r, {
+            callback: i,
+            options: s,
+            oldValue: this._getNestedValue(r)
+          }), s.immediate)
             try {
-              const o = this._getNestedValue(t);
-              r(o, void 0, this.context);
+              const o = this._getNestedValue(r);
+              i(o, void 0, this.context);
             } catch (o) {
-              console.error(`Error in immediate watcher for "${t}":`, o);
+              console.error(`Error in immediate watcher for "${r}":`, o);
             }
         }
     }
-    _getNestedValue(e) {
-      return e.split(".").reduce(
-        (t, s) => t?.[s],
+    _getNestedValue(t) {
+      return t.split(".").reduce(
+        (r, n) => r?.[n],
         this.context
       );
     }
-    _triggerWatchers(e, t) {
-      const s = (i, o) => {
-        if (i === o) return !0;
-        if (typeof i != typeof o || typeof i != "object" || i === null || o === null) return !1;
-        if (Array.isArray(i) && Array.isArray(o))
-          return i.length !== o.length ? !1 : i.every((c, h) => s(c, o[h]));
-        const l = Object.keys(i), f = Object.keys(o);
-        return l.length !== f.length ? !1 : l.every((c) => s(i[c], o[c]));
-      }, r = this._watchers.get(e);
-      if (r && !s(t, r.oldValue))
+    _triggerWatchers(t, r) {
+      const n = (s, o) => {
+        if (s === o) return !0;
+        if (typeof s != typeof o || typeof s != "object" || s === null || o === null) return !1;
+        if (Array.isArray(s) && Array.isArray(o))
+          return s.length !== o.length ? !1 : s.every((a, u) => n(a, o[u]));
+        const c = Object.keys(s), d = Object.keys(o);
+        return c.length !== d.length ? !1 : c.every((a) => n(s[a], o[a]));
+      }, i = this._watchers.get(t);
+      if (i && !n(r, i.oldValue))
         try {
-          r.callback(t, r.oldValue, this.context), r.oldValue = t;
-        } catch (i) {
-          console.error(`Error in watcher for "${e}":`, i);
+          i.callback(r, i.oldValue, this.context), i.oldValue = r;
+        } catch (s) {
+          console.error(`Error in watcher for "${t}":`, s);
         }
-      for (const [i, o] of this._watchers.entries())
-        if (o.options.deep && e.startsWith(i + "."))
+      for (const [s, o] of this._watchers.entries())
+        if (o.options.deep && t.startsWith(s + "."))
           try {
-            const l = this._getNestedValue(i);
-            s(l, o.oldValue) || (o.callback(l, o.oldValue, this.context), o.oldValue = l);
-          } catch (l) {
-            console.error(`Error in deep watcher for "${i}":`, l);
+            const c = this._getNestedValue(s);
+            n(c, o.oldValue) || (o.callback(c, o.oldValue, this.context), o.oldValue = c);
+          } catch (c) {
+            console.error(`Error in deep watcher for "${s}":`, c);
           }
     }
-    _applyProps(e) {
+    _applyProps(t) {
       try {
-        let t = function(s, r) {
-          return r === Boolean ? s === "true" : r === Number ? Number(s) : s;
+        let r = function(n, i) {
+          return i === Boolean ? n === "true" : i === Number ? Number(n) : n;
         };
-        if (!e.props) return;
-        Object.entries(e.props).forEach(([s, r]) => {
-          const i = this.getAttribute(K(s));
-          i !== null ? this.context[s] = I(
-            t(i, r.type)
-          ) : "default" in r && r.default !== void 0 && (this.context[s] = I(r.default));
+        if (!t.props) return;
+        Object.entries(t.props).forEach(([n, i]) => {
+          const s = this.getAttribute(Z(n));
+          s !== null ? this.context[n] = q(
+            r(s, i.type)
+          ) : "default" in i && i.default !== void 0 && (this.context[n] = q(i.default));
         });
-      } catch (t) {
-        this._hasError = !0, e.onError && e.onError(t, this.context), e.errorFallback && this.shadowRoot && (this.shadowRoot.innerHTML = e.errorFallback(
-          t,
+      } catch (r) {
+        this._hasError = !0, t.onError && t.onError(r, this.context), t.errorFallback && this.shadowRoot && (this.shadowRoot.innerHTML = t.errorFallback(
+          r,
           this.context
         ));
       }
@@ -1407,14 +1714,14 @@ function me(n) {
   };
 }
 export {
-  Ee as component,
-  me as createElementClass,
-  _e as createStore,
-  xe as css,
-  Se as each,
-  be as eventBus,
-  ke as html,
-  Ae as match,
-  Ce as when
+  Pe as component,
+  Le as createElementClass,
+  Ne as createStore,
+  Me as css,
+  Be as each,
+  je as eventBus,
+  ze as html,
+  Oe as match,
+  Re as when
 };
 //# sourceMappingURL=custom-elements-runtime.es.js.map