@jasonshimmy/custom-elements-runtime 2.5.1 → 2.5.5

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

@@ -1,3689 +1,287 @@
-import { g as U, t as J, i as j, s as Re, a as H, b as F, d as D, f as q, T as gt, h as Ze, S as bt, j as at, k as Xe, l as Ce, m as Qe, n as Et } from "./namespace-helpers-Dw1mgQab.js";
-import { c as En, r as vn, u as Sn, w as _n } from "./namespace-helpers-Dw1mgQab.js";
-import { d as W, a as Q } from "./logger-BuUYv7C_.js";
-import { s as kn } from "./logger-BuUYv7C_.js";
-import { j as vt, g as St, a as $e, b as pe, m as ke, s as _t, c as et } from "./transitions-CZ21fzhh.js";
-import { d as wn } from "./transitions-CZ21fzhh.js";
-function Ct(e, n, t) {
-  if (t)
-    for (const [s, r] of Object.entries(t)) {
-      let o, i = {};
-      if (Array.isArray(r) ? (o = r[0], i = r[1] || {}) : o = r, n.set(s, {
-        callback: o,
-        options: i,
-        oldValue: U(e, s)
-      }), i.immediate)
-        try {
-          const c = U(e, s);
-          o(c, void 0, e);
-        } catch (c) {
-          W(`Error in immediate watcher for "${s}":`, c);
-        }
-    }
-}
-function kt(e, n, t, s) {
-  const r = (i, c) => {
-    if (i === c) return !0;
-    if (typeof i != typeof c || typeof i != "object" || i === null || c === null) return !1;
-    if (Array.isArray(i) && Array.isArray(c))
-      return i.length !== c.length ? !1 : i.every((m, C) => r(m, c[C]));
-    const f = i, u = c, v = Object.keys(f || {}), b = Object.keys(u || {});
-    return v.length !== b.length ? !1 : v.every((m) => r(f[m], u[m]));
-  }, o = n.get(t);
-  if (o && !r(s, o.oldValue))
-    try {
-      o.callback(s, o.oldValue, e), o.oldValue = s;
-    } catch (i) {
-      W(`Error in watcher for "${t}":`, i);
-    }
-  for (const [i, c] of n.entries())
-    if (c.options.deep && t.startsWith(i + "."))
-      try {
-        const f = U(e, i);
-        r(f, c.oldValue) || (c.callback(f, c.oldValue, e), c.oldValue = f);
-      } catch (f) {
-        W(`Error in deep watcher for "${i}":`, f);
-      }
-}
-function De(e, n) {
-  return n === Boolean ? e === "" || e === "true" : n === Number ? Number(e) : e;
-}
-function At(e, n, t) {
-  if (n)
-    for (const s in n) {
-      const r = n[s], o = J(s), i = e.getAttribute(o);
-      if (r.type === Function && typeof e[s] == "function")
-        t[s] = e[s];
-      else if (i !== null)
-        t[s] = De(i, r.type);
-      else if (typeof e[s] < "u")
-        try {
-          const c = e[s];
-          if (r.type === String && c && typeof c == "object")
-            try {
-              t[s] = De(String(c), r.type);
-            } catch {
-              t[s] = c;
-            }
-          else r.type === Boolean && typeof c == "boolean" || r.type === Number && typeof c == "number" || r.type === Function && typeof c == "function" ? t[s] = c : t[s] = De(String(c), r.type);
-        } catch {
-          t[s] = e[s];
-        }
-      else "default" in r && r.default !== void 0 && (t[s] = r.default);
-    }
-}
-function wt(e, n, t) {
-  if (!n.props) {
-    try {
-      const s = t?._hookCallbacks?.props || {}, r = Array.from(
-        /* @__PURE__ */ new Set([
-          ...Object.keys(e || {}),
-          ...Object.keys(s || {})
-        ])
-      );
-      for (const o of r) {
-        if (typeof o != "string" || o.startsWith("_")) continue;
-        const i = Object.getOwnPropertyDescriptor(t, o);
-        if (!(!Object.prototype.hasOwnProperty.call(
-          s,
-          o
-        ) && i && (i.get || i.set || !i.configurable)))
-          try {
-            Object.defineProperty(t, o, {
-              enumerable: !0,
-              configurable: !0,
-              get() {
-                try {
-                  const f = J(o), u = e.getAttribute(f);
-                  if (u !== null)
-                    return u;
-                  const v = e[o];
-                  let b;
-                  return j(v) || v && typeof v == "object" && "value" in v && !(v instanceof Node) ? b = v.value : b = v, b;
-                } catch {
-                  return e[o];
-                }
-              }
-            });
-          } catch {
-          }
-      }
-    } catch {
-    }
-    return;
-  }
-  At(e, n.props, t);
-}
-function Tt(e, n, t, s) {
-  e.onConnected && !t && (e.onConnected(n), s(!0));
-}
-function Lt(e, n, t, s, r, o, i, c) {
-  e.onDisconnected && e.onDisconnected(n), t.forEach((f) => f()), s(), r(), o(!1), i(null), c(!1);
-}
-function Nt(e, n, t, s, r) {
-  e.onAttributeChanged && e.onAttributeChanged(n, t, s, r);
-}
-class Ot {
-  static cache = /* @__PURE__ */ new Map();
-  static maxCacheSize = 1e3;
-  // Dangerous patterns to block
-  static dangerousPatterns = [
-    /constructor/i,
-    /prototype/i,
-    /__proto__/i,
-    /function/i,
-    /eval/i,
-    /import/i,
-    /require/i,
-    /window/i,
-    /document/i,
-    /global/i,
-    /process/i,
-    /setTimeout/i,
-    /setInterval/i,
-    /fetch/i,
-    /XMLHttpRequest/i
-  ];
-  static evaluate(n, t) {
-    const s = this.cache.get(n);
-    if (s) {
-      if (!s.isSecure) {
-        Q("Blocked cached dangerous expression:", n);
-        return;
-      }
-      try {
-        this.cache.delete(n), this.cache.set(n, s);
-      } catch {
-      }
-      return s.evaluator(t);
-    }
-    const r = this.createEvaluator(n);
-    if (this.cache.size >= this.maxCacheSize) {
-      const o = this.cache.keys().next().value;
-      o && this.cache.delete(o);
-    }
-    if (this.cache.set(n, r), !r.isSecure) {
-      Q("Blocked dangerous expression:", n);
-      return;
-    }
-    return r.evaluator(t);
-  }
-  static createEvaluator(n) {
-    if (this.hasDangerousPatterns(n))
-      return { evaluator: () => {
-      }, isSecure: !1 };
-    if (n.length > 1e3)
-      return { evaluator: () => {
-      }, isSecure: !1 };
-    try {
-      return { evaluator: this.createSafeEvaluator(n), isSecure: !0 };
-    } catch (t) {
-      return Q("Failed to create evaluator for expression:", n, t), { evaluator: () => {
-      }, isSecure: !1 };
-    }
-  }
-  static hasDangerousPatterns(n) {
-    return this.dangerousPatterns.some((t) => t.test(n));
-  }
-  static createSafeEvaluator(n) {
-    const t = n.trim();
-    if (t.startsWith("{") && t.endsWith("}"))
-      return this.createObjectEvaluator(n);
-    if (/^ctx\.[a-zA-Z0-9_.]+$/.test(n.trim())) {
-      const s = n.trim().slice(4);
-      return (r) => U(r, s);
-    }
-    return n.includes("ctx") || /[+\-*/%<>=&|?:[\]]/.test(n) ? this.createSimpleEvaluator(n) : (s) => U(s, n);
-  }
-  static createObjectEvaluator(n) {
-    const t = n.trim().slice(1, -1), s = this.parseObjectProperties(t);
-    return (r) => {
-      const o = {};
-      for (const { key: i, value: c } of s)
-        try {
-          if (c.startsWith("ctx.")) {
-            const f = c.slice(4);
-            o[i] = U(r, f);
-          } else
-            o[i] = this.evaluateSimpleValue(c, r);
-        } catch {
-          o[i] = void 0;
-        }
-      return o;
-    };
-  }
-  static parseObjectProperties(n) {
-    const t = [], s = n.split(",");
-    for (const r of s) {
-      const o = r.indexOf(":");
-      if (o === -1) continue;
-      const i = r.slice(0, o).trim(), c = r.slice(o + 1).trim(), f = i.replace(/^['"]|['"]$/g, "");
-      t.push({ key: f, value: c });
-    }
-    return t;
-  }
-  static createSimpleEvaluator(n) {
-    return (t) => {
-      try {
-        let s = n;
-        const r = [];
-        s = s.replace(
-          /("[^"\\]*(?:\\.[^"\\]*)*"|'[^'\\]*(?:\\.[^'\\]*)*')/g,
-          (b) => `<<#${r.push(b) - 1}#>>`
-        );
-        const o = s.match(/ctx\.[\w.]+/g) || [];
-        for (const b of o) {
-          const m = b.slice(4), C = U(t, m);
-          if (C === void 0) return;
-          const w = r.push(JSON.stringify(C)) - 1;
-          s = s.replace(
-            new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"),
-            `<<#${w}#>>`
-          );
-        }
-        const i = /\b[a-zA-Z_][a-zA-Z0-9_]*(?:\.[a-zA-Z_][a-zA-Z0-9_]*)+\b/g, c = s.match(i) || [];
-        for (const b of c) {
-          if (b.startsWith("ctx.")) continue;
-          const m = U(t, b);
-          if (m === void 0) return;
-          const C = r.push(JSON.stringify(m)) - 1;
-          s = s.replace(
-            new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"),
-            `<<#${C}#>>`
-          );
-        }
-        const f = /\b([a-zA-Z_][a-zA-Z0-9_]*)\b/g;
-        let u;
-        const v = /* @__PURE__ */ new Set();
-        for (; (u = f.exec(s)) !== null; ) {
-          const b = u[1];
-          if (["true", "false", "null", "undefined"].includes(b) || /^[0-9]+$/.test(b) || b === "ctx" || v.has(b)) continue;
-          v.add(b);
-          const m = U(t, b);
-          if (m === void 0) return;
-          const C = JSON.stringify(m), w = r.push(C) - 1;
-          b.includes(".") ? s = s.replace(
-            new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"),
-            `<<#${w}#>>`
-          ) : s = s.replace(
-            new RegExp(
-              "\\b" + b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + "\\b",
-              "g"
-            ),
-            `<<#${w}#>>`
-          );
-        }
-        s = s.replace(
-          /<<#(\d+)#>>/g,
-          (b, m) => r[Number(m)]
-        );
-        try {
-          return this.evaluateBasicExpression(s);
-        } catch {
-          return;
-        }
-      } catch {
-        return;
-      }
-    };
-  }
-  /**
-   * Evaluate a very small, safe expression grammar without using eval/Function.
-   * Supports: numbers, string literals, true/false, null, arrays, unary !,
-   * arithmetic (+ - * / %), comparisons, logical && and ||, parentheses, and ternary `a ? b : c`.
-   */
-  static evaluateBasicExpression(n) {
-    const t = this.tokenize(n);
-    let s = 0;
-    function r() {
-      return t[s];
-    }
-    function o(d) {
-      const k = t[s++];
-      if (d && !k)
-        throw new Error(`Unexpected token EOF, expected ${d}`);
-      if (d && k && k.type !== d && k.value !== d)
-        throw new Error(
-          `Unexpected token ${k.type}/${k.value}, expected ${d}`
-        );
-      return k;
-    }
-    function i() {
-      return w();
-    }
-    function c(d) {
-      if (typeof d == "number") return d;
-      if (d == null) return NaN;
-      if (typeof d == "boolean") return d ? 1 : 0;
-      const k = Number(d);
-      return Number.isNaN(k) ? NaN : k;
-    }
-    function f(d, k) {
-      return typeof d == "string" || typeof k == "string" ? String(d) + String(k) : c(d) + c(k);
-    }
-    function u(d, k) {
-      return c(d) - c(k);
-    }
-    function v(d, k) {
-      return c(d) * c(k);
-    }
-    function b(d, k) {
-      return c(d) / c(k);
-    }
-    function m(d, k) {
-      return c(d) % c(k);
-    }
-    function C(d, k, l) {
-      if (typeof k == "number" && typeof l == "number")
-        switch (d) {
-          case ">":
-            return k > l;
-          case "<":
-            return k < l;
-          case ">=":
-            return k >= l;
-          case "<=":
-            return k <= l;
-          default:
-            return !1;
-        }
-      const g = String(k), A = String(l);
-      switch (d) {
-        case ">":
-          return g > A;
-        case "<":
-          return g < A;
-        case ">=":
-          return g >= A;
-        case "<=":
-          return g <= A;
-        default:
-          return !1;
-      }
-    }
-    function w() {
-      const d = L(), k = r();
-      if (k && k.value === "?") {
-        o("?");
-        const l = i();
-        o(":");
-        const g = i();
-        return d ? l : g;
-      }
-      return d;
-    }
-    function L() {
-      let d = a();
-      for (; ; ) {
-        const k = r();
-        if (!k || k.value !== "||") break;
-        o("OP");
-        const l = a();
-        d = d || l;
-      }
-      return d;
-    }
-    function a() {
-      let d = S();
-      for (; ; ) {
-        const k = r();
-        if (!k || k.value !== "&&") break;
-        o("OP");
-        const l = S();
-        d = d && l;
-      }
-      return d;
-    }
-    function S() {
-      let d = h();
-      for (; ; ) {
-        const k = r();
-        if (!k || !["==", "!=", "===", "!=="].includes(k.value)) break;
-        const l = o("OP").value, g = h();
-        switch (l) {
-          case "==":
-            d = d == g;
-            break;
-          case "!=":
-            d = d != g;
-            break;
-          case "===":
-            d = d === g;
-            break;
-          case "!==":
-            d = d !== g;
-            break;
-        }
-      }
-      return d;
-    }
-    function h() {
-      let d = y();
-      for (; ; ) {
-        const k = r();
-        if (!k || ![">", "<", ">=", "<="].includes(k.value)) break;
-        const l = o("OP").value, g = y();
-        switch (l) {
-          case ">":
-            d = C(">", d, g);
-            break;
-          case "<":
-            d = C("<", d, g);
-            break;
-          case ">=":
-            d = C(">=", d, g);
-            break;
-          case "<=":
-            d = C("<=", d, g);
-            break;
-        }
-      }
-      return d;
-    }
-    function y() {
-      let d = p();
-      for (; ; ) {
-        const k = r();
-        if (!k || k.value !== "+" && k.value !== "-") break;
-        const l = o("OP").value, g = p();
-        d = l === "+" ? f(d, g) : u(d, g);
-      }
-      return d;
-    }
-    function p() {
-      let d = _();
-      for (; ; ) {
-        const k = r();
-        if (!k || k.value !== "*" && k.value !== "/" && k.value !== "%")
-          break;
-        const l = o("OP").value, g = _();
-        switch (l) {
-          case "*":
-            d = v(d, g);
-            break;
-          case "/":
-            d = b(d, g);
-            break;
-          case "%":
-            d = m(d, g);
-            break;
-        }
-      }
-      return d;
-    }
-    function _() {
-      const d = r();
-      if (d && d.value === "!")
-        return o("OP"), !_();
-      if (d && d.value === "-") {
-        o("OP");
-        const k = _();
-        return u(0, k);
-      }
-      return E();
-    }
-    function E() {
-      const d = r();
-      if (d) {
-        if (d.type === "NUMBER")
-          return o("NUMBER"), Number(d.value);
-        if (d.type === "STRING")
-          return o("STRING"), d.value.slice(1, -1);
-        if (d.type === "IDENT")
-          return o("IDENT"), d.value === "true" ? !0 : d.value === "false" ? !1 : d.value === "null" ? null : void 0;
-        if (d.value === "[") {
-          o("PUNC");
-          const k = [];
-          for (; ; ) {
-            const l = r();
-            if (!l || l.value === "]") break;
-            k.push(i());
-            const g = r();
-            g && g.value === "," && o("PUNC");
-          }
-          return o("PUNC"), k;
-        }
-        if (d.value === "(") {
-          o("PUNC");
-          const k = i();
-          return o("PUNC"), k;
-        }
-        throw new Error("Unexpected token in expression");
-      }
-    }
-    return i();
-  }
-  static tokenize(n) {
-    const t = [], s = /\s*(=>|===|!==|==|!=|>=|<=|\|\||&&|[()?:,[\]]|\+|-|\*|\/|%|>|<|!|\d+\.?\d*|"(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'|[a-zA-Z_][a-zA-Z0-9_]*|\S)\s*/g;
-    let r;
-    for (; (r = s.exec(n)) !== null; ) {
-      const o = r[1];
-      o && (/^\d/.test(o) ? t.push({ type: "NUMBER", value: o }) : /^"/.test(o) || /^'/.test(o) ? t.push({ type: "STRING", value: o }) : /^[a-zA-Z_]/.test(o) ? t.push({ type: "IDENT", value: o }) : /^[()?:,[\]]$/.test(o) ? t.push({ type: "PUNC", value: o }) : t.push({ type: "OP", value: o }));
-    }
-    return t;
-  }
-  static evaluateSimpleValue(n, t) {
-    if (n === "true") return !0;
-    if (n === "false") return !1;
-    if (!isNaN(Number(n))) return Number(n);
-    if (n.startsWith("ctx.")) {
-      const s = n.slice(4);
-      return U(t, s);
-    }
-    return n.startsWith('"') && n.endsWith('"') || n.startsWith("'") && n.endsWith("'") ? n.slice(1, -1) : n;
-  }
-  static clearCache() {
-    this.cache.clear();
-  }
-  static getCacheSize() {
-    return this.cache.size;
-  }
-}
-class te {
-  static cleanupFunctions = /* @__PURE__ */ new WeakMap();
-  /**
-   * Add an event listener with automatic cleanup tracking
-   */
-  static addListener(n, t, s, r) {
-    n.addEventListener(t, s, r);
-    const i = {
-      event: t,
-      handler: s,
-      wrapper: s,
-      options: r,
-      cleanup: () => n.removeEventListener(t, s, r),
-      addedAt: Date.now()
-    };
-    this.cleanupFunctions.has(n) || this.cleanupFunctions.set(n, []);
-    const c = this.cleanupFunctions.get(n);
-    c.push(i), c.__metaList = c;
-  }
-  /**
-   * Remove a specific event listener
-   */
-  static removeListener(n, t, s, r) {
-    n.removeEventListener(t, s, r);
-    const o = this.cleanupFunctions.get(n);
-    if (o)
-      for (let i = 0; i < o.length; i++) {
-        const c = o[i];
-        if (c.event === t && c.handler === s) {
-          o.splice(i, 1), o.length === 0 && this.cleanupFunctions.delete(n);
-          return;
-        }
-      }
-  }
-  /**
-   * Clean up all event listeners for an element
-   */
-  static cleanup(n) {
-    const t = this.cleanupFunctions.get(n);
-    t && (t.forEach((s) => {
-      try {
-        s.cleanup();
-      } catch {
-      }
-    }), this.cleanupFunctions.delete(n));
-  }
-  /**
-   * Clean up all tracked event listeners (useful for testing)
-   */
-  static cleanupAll() {
-    this.cleanupFunctions = /* @__PURE__ */ new WeakMap();
-  }
-  /**
-   * Check if an element has any tracked event listeners
-   */
-  static hasListeners(n) {
-    const t = this.cleanupFunctions.get(n);
-    return !!(t && t.length > 0);
-  }
-  /**
-   * Get the number of tracked event listeners for an element
-   */
-  static getListenerCount(n) {
-    const t = this.cleanupFunctions.get(n);
-    return t ? t.length : 0;
-  }
-  /**
-   * Return listener metadata stored for the element (test/debug only)
-   */
-  static getListenerInfo(n) {
-    const t = this.cleanupFunctions.get(n);
-    return t ? t.map((s) => ({
-      event: s.event,
-      handler: s.handler,
-      wrapper: s.wrapper,
-      options: s.options
-    })) : [];
-  }
-}
-function He(e, n) {
-  return Array.isArray(e) && Array.isArray(n) ? JSON.stringify([...e].sort()) !== JSON.stringify([...n].sort()) : e !== n;
-}
-function tt(e, n, t, s, r) {
-  if (e) {
-    const o = n.value;
-    if (r && typeof o == "object" && o !== null) {
-      const i = { ...o };
-      i[r] = t, n.value = i;
-    } else
-      n.value = t;
-  } else {
-    const o = s._state || s;
-    Re(o, n, t);
-  }
-}
-function xe(e, n, t, s) {
-  if (typeof e._requestRender == "function" && e._requestRender(), typeof e._triggerWatchers == "function") {
-    const r = n ? "reactiveState" : t;
-    e._triggerWatchers(r, s);
-  }
-}
-function Pt(e, n, t) {
-  const s = `update:${J(n)}`, r = `update:${n}`, o = new CustomEvent(s, {
-    detail: t,
-    bubbles: !0,
-    cancelable: !0
-  }), i = new CustomEvent(r, {
-    detail: t,
-    bubbles: !0,
-    cancelable: !0
-  });
-  e.dispatchEvent(o), e.dispatchEvent(i);
-}
-function nt(e, n, t, s) {
-  const r = t;
-  if (H(() => {
-    if (typeof e.setAttribute == "function")
-      try {
-        e[n] = r;
-      } catch {
-      }
-    else
-      e[n] = r;
-  }), r == null || typeof r == "string" || typeof r == "number" || typeof r == "boolean") {
-    const o = F(r);
-    o !== null ? H(() => {
-      typeof e.setAttribute == "function" && D(
-        e,
-        J(n),
-        String(o)
-      );
-    }) : H(() => {
-      typeof e.removeAttribute == "function" && q(e, J(n));
-    });
-  }
-}
-function Mt(e, n, t, s) {
-  if (e) {
-    const r = n.value;
-    return s && typeof r == "object" && r !== null ? r[s] : r;
-  } else {
-    const r = t._state || t;
-    return U(r, n);
-  }
-}
-function he(e) {
-  return e ? e.split(/\s+/).filter(Boolean) : [];
-}
-function ye(e, n) {
-  if (n.length === 0) return;
-  const t = n.filter(
-    (s) => s && !e.classList.contains(s)
-  );
-  t.length > 0 && e.classList.add(...t);
-}
-function de(e, n) {
-  if (n.length === 0) return;
-  const t = n.filter(Boolean);
-  t.length > 0 && e.classList.remove(...t);
-}
-let We = !1;
-async function jt(e, n, t = 10) {
-  if (!We) {
-    if (!e.isConnected) {
-      Q("⚠️ Element not connected to DOM, skipping style wait");
-      return;
-    }
-    for (let s = 0; s < t; s++) {
-      const r = window.getComputedStyle(e), o = r.transform && r.transform !== "", i = r.opacity && r.opacity !== "";
-      if (o || i) {
-        We = !0;
-        return;
-      }
-      await new Promise(
-        (c) => requestAnimationFrame(() => c(void 0))
-      );
-    }
-    We = !0, Q("⚠️ Styles did not load in time for transition, continuing anyway");
-  }
-}
-function $t(e) {
-  const n = window.getComputedStyle(e), t = n.transitionDuration || "0s", s = n.transitionDelay || "0s", r = (o) => {
-    const i = parseFloat(o);
-    return o.includes("ms") ? i : i * 1e3;
-  };
-  return r(t) + r(s);
-}
-function lt(e, n) {
-  return new Promise((t) => {
-    const s = n ?? $t(e);
-    if (s <= 0) {
-      t();
-      return;
-    }
-    let r = !1;
-    const o = () => {
-      r || (r = !0, e.removeEventListener("transitionend", i), e.removeEventListener("transitioncancel", i), t());
-    }, i = () => o();
-    e.addEventListener("transitionend", i), e.addEventListener("transitioncancel", i), setTimeout(o, s + 50);
-  });
-}
-async function Ae(e, n) {
-  const { classes: t, hooks: s, css: r, duration: o } = n;
-  if (s?.onBeforeEnter)
-    try {
-      s.onBeforeEnter(e);
-    } catch (w) {
-      W("Transition onBeforeEnter error:", w);
-    }
-  if (!r)
-    return s?.onEnter ? new Promise((w) => {
-      const L = s.onEnter;
-      typeof L == "function" ? L(e, () => {
-        if (s?.onAfterEnter)
-          try {
-            s.onAfterEnter(e);
-          } catch (a) {
-            W("Transition onAfterEnter error:", a);
-          }
-        w();
-      }) : w();
-    }) : void 0;
-  const i = he(t?.enterFrom), c = he(t?.enterActive), f = he(t?.enterTo);
-  ye(e, i), e.offsetHeight, ye(e, c), e.offsetHeight;
-  let u;
-  if (s?.onEnter) {
-    const w = new Promise((L) => {
-      u = L;
-    });
-    try {
-      const L = s.onEnter;
-      typeof L == "function" && L(e, () => {
-        u && u();
-      });
-    } catch (L) {
-      W("Transition onEnter error:", L);
-    }
-    u && await w;
-  }
-  await new Promise(
-    (w) => requestAnimationFrame(() => w(void 0))
-  ), e.offsetHeight;
-  const v = window.getComputedStyle(e), b = v.transform, m = v.opacity;
-  de(e, i), b && b !== "none" && (e.style.transform = b), m && m !== "" && (e.style.opacity = m), e.offsetHeight, await new Promise(
-    (w) => requestAnimationFrame(() => w(void 0))
-  ), e.style.transform = "", e.style.opacity = "", ye(e, f), e.offsetHeight, await new Promise(
-    (w) => requestAnimationFrame(() => w(void 0))
-  );
-  let C;
-  if (typeof o == "number" ? C = o : o && typeof o == "object" && "enter" in o && (C = o.enter), await lt(e, C), de(e, c), s?.onAfterEnter)
-    try {
-      s.onAfterEnter(e);
-    } catch (w) {
-      W("Transition onAfterEnter error:", w);
-    }
-}
-async function ze(e, n) {
-  const { classes: t, hooks: s, css: r, duration: o } = n;
-  if (s?.onBeforeLeave)
-    try {
-      s.onBeforeLeave(e);
-    } catch (b) {
-      W("Transition onBeforeLeave error:", b);
-    }
-  if (!r)
-    return s?.onLeave ? new Promise((b) => {
-      const m = s.onLeave;
-      typeof m == "function" ? m(e, () => {
-        if (s?.onAfterLeave)
-          try {
-            s.onAfterLeave(e);
-          } catch (C) {
-            W("Transition onAfterLeave error:", C);
-          }
-        b();
-      }) : b();
-    }) : void 0;
-  const i = he(t?.leaveFrom), c = he(t?.leaveActive), f = he(t?.leaveTo);
-  ye(e, i), e.offsetHeight, ye(e, c);
-  let u;
-  if (s?.onLeave) {
-    const b = new Promise((m) => {
-      u = m;
-    });
-    try {
-      const m = s.onLeave;
-      typeof m == "function" && m(e, () => {
-        u && u();
-      });
-    } catch (m) {
-      W("Transition onLeave error:", m);
-    }
-    u && await b;
-  }
-  await new Promise(
-    (b) => requestAnimationFrame(() => b(void 0))
-  ), await jt(e, [...i, ...c]), de(e, i), ye(e, f);
-  let v;
-  if (typeof o == "number" ? v = o : o && typeof o == "object" && "leave" in o && (v = o.leave), await lt(e, v), de(e, c), de(e, f), de(e, i), s?.onAfterLeave)
-    try {
-      s.onAfterLeave(e);
-    } catch (b) {
-      W("Transition onAfterLeave error:", b);
-    }
-}
-const ft = /* @__PURE__ */ new WeakMap(), ut = /* @__PURE__ */ new WeakMap();
-function Ie(e) {
-  if (!e) return;
-  const n = ft.get(e);
-  if (n !== void 0) return n;
-  try {
-    const t = e;
-    if (t && t.key != null) return String(t.key);
-  } catch {
-  }
-  if (e instanceof Element) {
-    const t = e.getAttribute("data-anchor-key");
-    if (t) return t;
-  }
-}
-function G(e, n) {
-  try {
-    ft.set(e, n);
-  } catch {
-  }
-  try {
-    e.key = n;
-  } catch {
-  }
-  try {
-    if (e instanceof Element) {
-      const t = F(n);
-      t !== null && D(e, "data-anchor-key", t);
-    }
-  } catch {
-  }
-}
-function Ht(e) {
-  if (!e) return;
-  const n = ut.get(e);
-  if (n !== void 0) return n;
-  try {
-    const t = e;
-    if (t && t._transitionGroup != null)
-      return t._transitionGroup;
-  } catch {
-  }
-}
-function xt(e, n) {
-  try {
-    ut.set(e, n);
-  } catch {
-  }
-  try {
-    e._transitionGroup = n;
-  } catch {
-  }
-}
-function me(e) {
-  return e !== null && typeof e == "object" && "value" in e;
-}
-function Fe(e) {
-  try {
-    if (j(e)) return e.value;
-  } catch {
-  }
-  try {
-    if (me(e)) return e.value;
-  } catch {
-  }
-  return e;
-}
-function se(e, n, t) {
-  try {
-    e && e.attrs && (e.attrs[n] = t);
-  } catch {
-  }
-}
-function X(e) {
-  return e instanceof HTMLInputElement || e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement || e instanceof HTMLButtonElement;
-}
-function ge(e) {
-  return e === "" ? !0 : typeof e == "string" ? e === "false" ? !1 : e === "true" ? !0 : e !== "" : e && typeof e == "object" ? j(e) || "value" in e ? !!e.value : !1 : !!e;
-}
-function ue(e, n) {
-  if (!n || !(e instanceof Element)) return;
-  te.cleanup(e);
-  for (const s in n)
-    n[s] === e && delete n[s];
-  const t = e.childNodes;
-  for (let s = 0; s < t.length; s++)
-    ue(t[s], n);
-}
-function we(e, n, t) {
-  if (typeof e == "string") return;
-  const s = e.props?.reactiveRef ?? (e.props?.props && e.props.props.reactiveRef), r = e.props?.ref ?? (e.props?.props && e.props.props.ref);
-  if (s)
-    try {
-      if (j(s) || typeof s == "object" && "value" in s)
-        s.value = n;
-      else if (typeof s == "function")
-        s(n);
-      else if (typeof s == "string" && t)
-        try {
-          const o = String(s);
-          t[o] = n;
-        } catch {
-        }
-    } catch {
-    }
-  else if (r && t)
-    try {
-      const o = String(r);
-      t[o] = n;
-    } catch {
-    }
-}
-function It(e, n, t, s, r, o, i, c) {
-  if (!o) return;
-  const f = n.includes("lazy"), u = n.includes("trim"), v = n.includes("number"), b = () => {
-    if (j(e)) {
-      const p = e.value;
-      return c && i && (i instanceof HTMLInputElement || i instanceof HTMLTextAreaElement || i instanceof HTMLSelectElement) && typeof p == "object" && p !== null ? p[c] : p;
-    }
-    const y = o?._state || o;
-    return U(y, e);
-  }, m = b();
-  let C = "text";
-  i instanceof HTMLInputElement ? C = s?.type || i.type || "text" : i instanceof HTMLSelectElement ? C = "select" : i instanceof HTMLTextAreaElement && (C = "textarea");
-  const w = i instanceof HTMLInputElement || i instanceof HTMLTextAreaElement || i instanceof HTMLSelectElement, a = w ? C === "checkbox" || C === "radio" ? "checked" : "value" : c ?? "modelValue";
-  if (C === "checkbox")
-    if (Array.isArray(m))
-      t[a] = m.includes(
-        String(i?.getAttribute("value") ?? s?.value ?? "")
-      );
-    else {
-      const y = i?.getAttribute("true-value") ?? !0;
-      t[a] = m === y;
-    }
-  else if (C === "radio")
-    t[a] = m === (s?.value ?? "");
-  else if (C === "select")
-    if (i && i.hasAttribute("multiple") && i instanceof HTMLSelectElement) {
-      const y = Array.isArray(m) ? m.map(String) : [];
-      setTimeout(() => {
-        Array.from(i.options).forEach((p) => {
-          p.selected = y.includes(p.value);
-        });
-      }, 0), t[a] = Array.isArray(m) ? m : [];
-    } else
-      t[a] = m;
-  else {
-    !w && j(e) ? t[a] = e : t[a] = m;
-    try {
-      const y = J(a);
-      s && (s[y] = m);
-    } catch {
-    }
-  }
-  const S = f || C === "checkbox" || C === "radio" || C === "select" ? "change" : "input", h = (y) => {
-    if (y.isComposing || r._isComposing)
-      return;
-    const p = globalThis.process, _ = !!p && p.env?.NODE_ENV === "test" || typeof window < "u" && globalThis.__vitest__;
-    if (y.isTrusted === !1 && !_)
-      return;
-    const E = y.target;
-    if (!E || E._modelUpdating)
-      return;
-    let T = E.value;
-    if (C === "checkbox") {
-      const l = b();
-      if (Array.isArray(l)) {
-        const g = E.getAttribute("value") ?? "", A = Array.from(l);
-        if (E.checked)
-          A.includes(g) || A.push(g);
-        else {
-          const N = A.indexOf(g);
-          N > -1 && A.splice(N, 1);
-        }
-        T = A;
-      } else {
-        const g = E.getAttribute("true-value") ?? !0, A = E.getAttribute("false-value") ?? !1;
-        T = E.checked ? g : A;
-      }
-    } else if (C === "radio")
-      T = E.getAttribute("value") ?? E.value;
-    else if (C === "select" && E.multiple)
-      T = Array.from(E.selectedOptions).map(
-        (l) => l.value
-      );
-    else if (u && typeof T == "string" && (T = T.trim()), v) {
-      const l = Number(T);
-      isNaN(l) || (T = l);
-    }
-    const d = b();
-    if (He(T, d)) {
-      E._modelUpdating = !0;
-      try {
-        tt(j(e), e, T, o, c), xe(o, j(e), e, T), E && Pt(E, a, T);
-      } finally {
-        setTimeout(
-          () => E._modelUpdating = !1,
-          0
-        );
-      }
-    }
-  };
-  if (w) {
-    if (r[S]) {
-      const y = r[S];
-      i && te.removeListener(i, S, y);
-    }
-    r[S] = h;
-  } else {
-    const y = `update:${J(a)}`, p = `update:${a}`;
-    if (r[y]) {
-      const _ = r[y];
-      i && te.removeListener(i, y, _);
-    }
-    if (r[p]) {
-      const _ = r[p];
-      i && te.removeListener(i, p, _);
-    }
-    if (r[y] = (_) => {
-      const E = _.detail;
-      let T = E !== void 0 ? E : void 0;
-      if (T === void 0) {
-        const l = _.target;
-        if (l && typeof l == "object" && "value" in l)
-          try {
-            T = l.value;
-          } catch {
-            T = void 0;
-          }
-      }
-      const d = Mt(
-        j(e),
-        e,
-        o,
-        c
-      );
-      if (He(T, d)) {
-        tt(j(e), e, T, o, c), xe(o, j(e), e, T);
-        const l = _.target;
-        l && nt(
-          l,
-          a,
-          j(e) ? e : T,
-          j(e)
-        );
-      }
-    }, j(e) && typeof e.value == "object" && e.value !== null) {
-      let _ = [];
-      try {
-        _ = Reflect.ownKeys(e.value);
-      } catch {
-        _ = Object.keys(e.value);
-      }
-      const E = _.filter(
-        (T) => typeof T == "string" && !String(T).startsWith("_") && T !== "constructor"
-      );
-      for (const T of E) {
-        const d = String(T), k = `update:${J(d)}`, l = `update:${d}`;
-        r[k] || (r[k] = (g) => {
-          const A = g.detail !== void 0 ? g.detail : g.target?.value, N = j(e) ? e.value[d] : U(
-            o?._state || o,
-            e
-          );
-          if (!He(A, N)) return;
-          if (j(e)) {
-            const R = {
-              ...e.value
-            };
-            R[d] = A, e.value = R;
-          } else
-            Re(
-              o?._state || o,
-              e,
-              A
-            );
-          xe(o, j(e), e, A);
-          const M = g.currentTarget || i || g.target;
-          M && nt(
-            M,
-            a,
-            j(e) ? e : A,
-            j(e)
-          );
-        }, r[l] = r[k]);
-      }
-    }
-    r[p] = r[y];
-  }
-  (C === "text" || C === "textarea") && (r.compositionstart = () => r._isComposing = !0, r.compositionend = (y) => {
-    r._isComposing = !1;
-    const p = y.target;
-    p && setTimeout(() => {
-      const _ = p.value, E = o?._state || o, T = U(E, e);
-      let d = _;
-      if (u && (d = d.trim()), v) {
-        const l = Number(d);
-        isNaN(l) || (d = l);
-      }
-      if (He(d, T)) {
-        p._modelUpdating = !0;
-        try {
-          Re(E, e, d), xe(o, j(e), e, d);
-        } finally {
-          setTimeout(
-            () => p._modelUpdating = !1,
-            0
-          );
-        }
-      }
-    }, 0);
-  });
-}
-function pt(e) {
-  const n = e.slice(2);
-  return n ? n.charAt(0).toLowerCase() + n.slice(1) : "";
-}
-function Rt(e, n, t, s, r) {
-  if (typeof e == "object" && e !== null)
-    for (const [o, i] of Object.entries(e))
-      if (o.startsWith("data-") || o.startsWith("aria-") || o === "class")
-        t[o] = i;
-      else if (o === "disabled" && r && X(r)) {
-        const c = i && typeof i == "object" && "value" in i;
-        (() => {
-          try {
-            return j(i);
-          } catch {
-            return !1;
-          }
-        })() || c ? n[o] = i : t[o] = i;
-      } else
-        n[o] = i;
-  else if (typeof e == "string") {
-    if (!s) return;
-    try {
-      const o = Pe(e, s);
-      if (typeof o == "object" && o !== null) {
-        for (const [i, c] of Object.entries(o))
-          if (i.startsWith("data-") || i.startsWith("aria-") || i === "class")
-            t[i] = c;
-          else if (i === "disabled" && r && X(r)) {
-            const f = c && typeof c == "object" && "value" in c;
-            (() => {
-              try {
-                return j(c);
-              } catch {
-                return !1;
-              }
-            })() || f ? n[i] = c : t[i] = c;
-          } else
-            n[i] = c;
-        return;
-      } else {
-        t[e] = o;
-        return;
-      }
-    } catch {
-      const o = U(
-        s,
-        e
-      );
-      t[e] = o;
-    }
-  }
-}
-function Bt(e, n, t) {
-  let s;
-  if (typeof e == "string") {
-    if (!t) return;
-    s = Pe(e, t);
-  } else
-    s = e;
-  const r = String(n.style || "");
-  let o = r;
-  if (s) {
-    if (r) {
-      const i = String(r).split(";").map((f) => f.trim()).filter(Boolean), c = i.findIndex(
-        (f) => f.startsWith("display:")
-      );
-      c >= 0 && i[c] === "display: none" && (i.splice(c, 1), o = i.length > 0 ? i.join("; ") + ";" : "");
-    }
-  } else if (r) {
-    const i = String(r).split(";").filter(Boolean), c = i.findIndex(
-      (f) => f.trim().startsWith("display:")
-    );
-    c >= 0 ? i[c] = "display: none" : i.push("display: none"), o = i.join("; ");
-  } else
-    o = "display: none";
-  o !== r && (o ? n.style = o : n.style = void 0);
-}
-function Pe(e, n) {
-  return Ot.evaluate(e, n);
-}
-function Dt(e, n, t, s) {
-  let r;
-  if (typeof e == "string") {
-    if (!t) return;
-    r = Pe(e, t);
-  } else
-    r = e;
-  try {
-    if (r && typeof r == "object") {
-      if (j(r))
-        r = r.value;
-      else if ("value" in r && typeof r.value < "u") {
-        const u = r.value;
-        u instanceof Node || (r = u);
-      }
-    }
-  } catch {
-  }
-  let o = [];
-  if (typeof r == "string")
-    o = [r];
-  else if (Array.isArray(r))
-    o = r.filter(Boolean);
-  else if (typeof r == "object" && r !== null)
-    for (const [u, v] of Object.entries(r))
-      v && o.push(u);
-  const i = o.join(" "), c = s && s.class || n.class || "", f = c ? `${c} ${i}`.trim() : i.trim();
-  f ? n.class = f : n.class = void 0;
-}
-function Ve(e) {
-  if (e === !0 || e === !1) return !0;
-  if (e == null) return !1;
-  if (typeof e === "string") return e === "" || e === "true" || e === "false";
-  try {
-    if (e && typeof e == "object" && "value" in e) {
-      const t = e.value, s = typeof t;
-      return s === "boolean" ? !0 : s === "string" ? t === "" || t === "true" || t === "false" : !1;
-    }
-  } catch {
-  }
-  return !1;
-}
-function Wt(e, n, t) {
-  let s;
-  if (typeof e == "string") {
-    if (!t) return;
-    s = Pe(e, t);
-  } else
-    s = e;
-  let r = "";
-  if (typeof s == "string")
-    r = s;
-  else if (s && typeof s == "object") {
-    const i = [];
-    for (const [c, f] of Object.entries(s))
-      if (f != null && f !== "") {
-        const u = c.replace(
-          /[A-Z]/g,
-          (m) => `-${m.toLowerCase()}`
-        ), v = [
-          "width",
-          "height",
-          "top",
-          "right",
-          "bottom",
-          "left",
-          "margin",
-          "margin-top",
-          "margin-right",
-          "margin-bottom",
-          "margin-left",
-          "padding",
-          "padding-top",
-          "padding-right",
-          "padding-bottom",
-          "padding-left",
-          "font-size",
-          "line-height",
-          "border-width",
-          "border-radius",
-          "min-width",
-          "max-width",
-          "min-height",
-          "max-height"
-        ];
-        let b = String(f);
-        typeof f == "number" && v.includes(u) && (b = `${f}px`), i.push(`${u}: ${b}`);
-      }
-    r = i.join("; ") + (i.length > 0 ? ";" : "");
-  }
-  const o = String(n.style || "");
-  n.style = o + (o && !o.endsWith(";") ? "; " : "") + r;
-}
-function zt(e, n, t) {
-  let s = e;
-  typeof e == "string" && t && (s = Pe(e, t)), j(s) ? n.reactiveRef = s : n.ref = s;
-}
-function dt(e, n, t, s) {
-  const r = {}, o = { ...s || {} }, i = {};
-  for (const [c, f] of Object.entries(e)) {
-    const { value: u, modifiers: v, arg: b } = f;
-    if (c === "model" || c.startsWith("model:")) {
-      const m = c.split(":"), C = m.length > 1 ? m[1] : b;
-      It(
-        u,
-        // Pass the original value (could be string or reactive state object)
-        v,
-        r,
-        o,
-        i,
-        n,
-        t,
-        C
-      );
-      continue;
-    }
-    switch (c) {
-      case "bind":
-        Rt(u, r, o, n, t);
-        break;
-      case "show":
-        Bt(u, o, n);
-        break;
-      case "class":
-        Dt(u, o, n, s);
-        break;
-      case "style":
-        Wt(u, o, n);
-        break;
-      case "ref":
-        zt(u, r, n);
-        break;
-    }
-  }
-  try {
-    if (Object.prototype.hasOwnProperty.call(r, "disabled") && t && X(t)) {
-      const f = r.disabled, u = f && typeof f == "object" && "value" in f;
-      let v = !1;
-      try {
-        v = j(f);
-      } catch {
-        v = !1;
-      }
-      if (!u && !v)
-        try {
-          o.disabled = f, delete r.disabled;
-          const b = globalThis;
-          b.__VDOM_DISABLED_PROMOTIONS || (b.__VDOM_DISABLED_PROMOTIONS = []), b.__VDOM_DISABLED_PROMOTIONS.push({
-            phase: "bind-directive:postfix-move",
-            location: "attrs",
-            key: "disabled",
-            value: f,
-            time: Date.now(),
-            stack: new Error().stack
-          });
-        } catch {
-        }
-    }
-  } catch {
-  }
-  return { props: r, attrs: o, listeners: i };
-}
-function qe(e, n) {
-  if (Array.isArray(e)) {
-    const o = /* @__PURE__ */ new Set();
-    return e.map((i) => {
-      if (!i || typeof i != "object") return i;
-      let c = i.props?.key ?? i.key;
-      if (!c) {
-        const b = i.tag || "node", C = [
-          // attrs (kebab-case)
-          i.props?.attrs?.id,
-          i.props?.attrs?.name,
-          i.props?.attrs?.["data-key"],
-          // promoted JS props (camelCase or original)
-          i.props?.props?.id,
-          i.props?.props?.name,
-          i.props?.props?.dataKey,
-          i.props?.props?.["data-key"]
-        ].find((w) => w != null) ?? "";
-        c = C ? `${n}:${b}:${C}` : `${n}:${b}`;
-      }
-      let f = c, u = 1;
-      for (; o.has(f); )
-        f = `${c}#${u++}`;
-      o.add(f);
-      let v = i.children;
-      return Array.isArray(v) && (v = qe(v, f)), { ...i, key: f, children: v };
-    });
-  }
-  const t = e, s = t.props?.key ?? t.key ?? n;
-  let r = t.children;
-  return Array.isArray(r) && (r = qe(r, s)), { ...t, key: s, children: r };
-}
-function rt(e, n, t, s) {
-  const r = t.directives ?? {}, o = t.attrs ? { ...t.attrs } : {}, i = dt(
-    r,
-    s,
-    e,
-    o
-  ), c = {
-    ...n.props || {},
-    ...t.props || {},
-    ...i.props || {}
-  }, f = {
-    ...n.attrs || {},
-    ...o || {},
-    ...i.attrs || {}
-  }, u = n.props ?? {}, v = c, b = !!(t?.isCustomElement ?? n?.isCustomElement ?? !1);
-  let m = !1;
-  for (const a in { ...u, ...v }) {
-    const S = u[a], h = v[a];
-    let y = S, p = h;
-    if (H(() => {
-      (j(S) || me(S)) && (y = S.value);
-    }), H(() => {
-      (j(h) || me(h)) && (p = h.value);
-    }), !(S === h && y === p))
-      if (m = !0, a === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement)) {
-        const _ = Fe(h), E = _ == null ? "" : String(_);
-        e.value !== E && (e.value = E);
-      } else if (a === "checked" && e instanceof HTMLInputElement) {
-        const _ = Fe(h);
-        e.checked = !!_;
-      } else if (a.startsWith("on") && typeof h == "function") {
-        const _ = pt(a);
-        typeof S == "function" && te.removeListener(e, _, S), typeof h == "function" && te.addListener(e, _, h);
-        try {
-          if (_ && _.startsWith("update:")) {
-            const E = _.split(":", 2)[1], T = v[E];
-            let d = [];
-            try {
-              if (j(T)) {
-                const l = T.value;
-                d = l && typeof l == "object" ? Object.keys(l) : [];
-              } else T && typeof T == "object" && (d = Object.keys(T));
-            } catch {
-              d = [];
-            }
-            const k = d.filter(
-              (l) => typeof l == "string" && !l.startsWith("_") && l !== "constructor"
-            );
-            for (const l of k) {
-              const g = `update:${l}`, A = (N) => {
-                const O = N.detail !== void 0 ? N.detail : N.target instanceof HTMLInputElement || N.target instanceof HTMLTextAreaElement || N.target instanceof HTMLSelectElement ? N.target.value : void 0, R = { ...j(T) ? T.value || {} : v[E] || {}, [l]: O };
-                try {
-                  typeof h == "function" && h({
-                    detail: R
-                  });
-                } catch {
-                }
-              };
-              H(() => {
-                te.addListener(e, g, A);
-              });
-            }
-          }
-        } catch {
-        }
-      } else if (h == null)
-        q(e, a);
-      else {
-        const _ = t?.isCustomElement ?? n?.isCustomElement ?? !1;
-        if (_ || a in e)
-          try {
-            e[a] = h, a === "disabled" && h === !1 && !_ && X(e) && q(e, "disabled");
-          } catch {
-          }
-        else
-          h === !1 && q(e, a);
-      }
-  }
-  for (const [a, S] of Object.entries(
-    i.listeners || {}
-  )) {
-    te.addListener(e, a, S);
-    try {
-      const h = e && e.parentElement;
-      h && h !== e && te.addListener(
-        h,
-        a,
-        S
-      );
-    } catch {
-    }
-  }
-  const C = { ...n.attrs ?? {} }, w = f, L = i && i.attrs || {};
-  if (Object.prototype.hasOwnProperty.call(L, "class") && typeof e.getAttribute == "function") {
-    const a = e.getAttribute("class");
-    a !== null && (C.class = a);
-  }
-  if (Object.prototype.hasOwnProperty.call(L, "style") && typeof e.getAttribute == "function") {
-    const a = e.getAttribute("style");
-    a !== null && (C.style = a);
-  }
-  try {
-    if (Object.prototype.hasOwnProperty.call(L, "class") && L.class === void 0 && typeof e.getAttribute == "function") {
-      const a = e.getAttribute("class");
-      a !== null && (C.class = a);
-    }
-    if (Object.prototype.hasOwnProperty.call(L, "style") && L.style === void 0 && typeof e.getAttribute == "function") {
-      const a = e.getAttribute("style");
-      a !== null && (C.style = a);
-    }
-    try {
-      if (typeof e.getAttribute == "function") {
-        const a = e.getAttribute("class");
-        try {
-          e instanceof HTMLInputElement && e.type === "text" && a !== null && a !== C.class && (C.class = a);
-        } catch {
-        }
-      }
-    } catch {
-    }
-  } catch {
-  }
-  for (const a in { ...C, ...w }) {
-    const S = C[a], h = w[a];
-    let y = S, p = h;
-    if (j(S) && (y = S.value), j(h) && (p = h.value), y !== p)
-      if (m = !0, p == null || p === !1)
-        H(() => {
-          q(e, a);
-        }), se(n, a, void 0), a === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement ? H(() => {
-          e.value = "";
-        }) : e instanceof HTMLSelectElement ? H(() => {
-          e.value = "";
-        }) : e instanceof HTMLProgressElement && H(() => {
-          e.value = 0;
-        })), a === "checked" && e instanceof HTMLInputElement && H(() => {
-          e.checked = !1;
-        }), a === "disabled" && X(e) && H(() => {
-          (e instanceof HTMLInputElement || e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement || e instanceof HTMLButtonElement) && (e.disabled = !1);
-        });
-      else {
-        if (a === "value") {
-          if (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement) {
-            H(() => {
-              e.value = p ?? "";
-            });
-            continue;
-          } else if (e instanceof HTMLSelectElement) {
-            H(() => {
-              e.value = p ?? "";
-            });
-            continue;
-          } else if (e instanceof HTMLProgressElement) {
-            H(() => {
-              e.value = Number(p);
-            });
-            continue;
-          }
-        }
-        if (a === "checked" && e instanceof HTMLInputElement) {
-          H(() => {
-            e.checked = !!p;
-          });
-          continue;
-        }
-        if (a === "style") {
-          const E = F(p);
-          E !== null && D(e, a, String(E)), se(n, a, p);
-          continue;
-        }
-        if (a === "class") {
-          const E = F(p);
-          E !== null && D(e, a, String(E)), se(n, a, p);
-          continue;
-        }
-        if (a === "disabled" && X(e)) {
-          H(() => {
-            const E = ge(p);
-            (e instanceof HTMLInputElement || e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement || e instanceof HTMLButtonElement) && (e.disabled = E);
-          }), ge(p) ? H(() => {
-            D(e, a, "");
-          }) : H(() => {
-            q(e, a);
-          });
-          continue;
-        }
-        const _ = e.namespaceURI === "http://www.w3.org/2000/svg";
-        if (b && !_ && a.includes("-"))
-          if (at(a)) {
-            const E = F(h ?? p);
-            if (E !== null) {
-              try {
-                D(e, a, String(E));
-              } catch {
-              }
-              se(n, a, p);
-            }
-          } else {
-            const E = Ze(a);
-            try {
-              const T = e;
-              T[E] = j(h) ? h : p, se(n, a, p);
-            } catch {
-              const T = F(h ?? p);
-              T !== null && D(e, a, String(T));
-            }
-          }
-        else if (!_ && a in e)
-          try {
-            const E = e;
-            E[a] = j(h) ? h : p, se(n, a, p);
-          } catch {
-            const E = F(p);
-            E !== null && (D(e, a, String(E)), se(n, a, p));
-          }
-        else {
-          const E = F(p);
-          E !== null && (D(e, a, String(E)), se(n, a, p));
-        }
-      }
-  }
-  try {
-    if (X(e)) {
-      const a = c.disabled;
-      let S;
-      try {
-        const y = Object.prototype.hasOwnProperty.call(
-          i.props || {},
-          "disabled"
-        ), p = a && typeof a == "object" && "value" in a;
-        let _ = !1;
-        H(() => {
-          _ = !!j(a);
-        });
-        const E = Ve(a);
-        _ || p || y || E ? S = a : S = f.disabled;
-      } catch {
-        S = f.disabled;
-      }
-      const h = ge(S);
-      H(() => {
-        (e instanceof HTMLInputElement || e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement || e instanceof HTMLButtonElement) && (e.disabled = h);
-      }), h ? H(() => {
-        D(e, "disabled", "");
-      }) : H(() => {
-        q(e, "disabled");
-      });
-    }
-  } catch {
-  }
-  if (b && m) {
-    const a = e;
-    H(() => {
-      a._applyProps?.(a._cfg);
-    }), H(() => {
-      typeof a.requestRender == "function" ? a.requestRender() : typeof a._render == "function" && a._render?.(a._cfg);
-    });
-  }
-}
-function Z(e, n, t, s = null) {
-  if (typeof e == "string")
-    return document.createTextNode(e);
-  if (e.tag === "#text") {
-    const a = document.createTextNode(
-      typeof e.children == "string" ? e.children : ""
-    );
-    return e.key != null && G(a, e.key), a;
-  }
-  if (e.tag === "#raw") {
-    const a = typeof e.children == "string" ? e.children : "";
-    return document.createRange().createContextualFragment(a);
-  }
-  if (e.tag === "#anchor") {
-    const a = e, S = Array.isArray(a.children) ? a.children : [], h = document.createTextNode(""), y = document.createTextNode("");
-    a.key != null && (G(h, `${a.key}:start`), G(y, `${a.key}:end`)), a._startNode = h, a._endNode = y;
-    const p = document.createDocumentFragment();
-    p.appendChild(h);
-    for (const _ of S) {
-      const E = Z(
-        _,
-        n,
-        t,
-        // propagate parent namespace (was previously a boolean)
-        s
-      );
-      if (a.key != null && E instanceof Element && !E.hasAttribute("data-anchor-key")) {
-        const T = _;
-        T && typeof T == "object" && T.key != null || G(E, String(a.key));
-      }
-      p.appendChild(E);
-    }
-    return p.appendChild(y), p;
+import { c as v, u as b, a as T, h as l, b as x, g as k, v as m, i as A } from "./template-compiler-CJFwjLCP.js";
+import { d as ee, e as te, p as ne, f as re, j as oe, k as se, l as ie, m as ae, n as ce } from "./template-compiler-CJFwjLCP.js";
+import { r as p, a as I } from "./namespace-helpers-DcD_6_K1.js";
+import { R as ue, c as he, d as de, f as fe, i as me, n as pe, s as ye, u as ge, w as ve, b as Ce } from "./namespace-helpers-DcD_6_K1.js";
+import { c as Se } from "./transitions-Di5wW9yc.js";
+import { d as y, a as O } from "./logger-BvkEbVM4.js";
+import { b as Re, s as Ee } from "./logger-BvkEbVM4.js";
+const U = 100, D = 3e4;
+function K(e, t, r) {
+  return r === "jitCacheHitRate" ? e < t * 0.5 ? "critical" : e < t ? "warning" : "healthy" : e > t * 2 ? "critical" : e > t ? "warning" : "healthy";
+}
+function z(e) {
+  const t = [];
+  return e.memoryUsage?.status !== "healthy" && t.push(
+    "Consider reducing component complexity or implementing better memory cleanup"
+  ), e.averageRenderTime?.status !== "healthy" && t.push(
+    "Optimize component render functions - consider lazy loading or virtualization"
+  ), e.jitCacheHitRate?.status !== "healthy" && t.push(
+    "JIT CSS cache performance is poor - review CSS patterns for optimization"
+  ), e.componentErrorRate?.status !== "healthy" && t.push(
+    "High component error rate detected - review error handling and component logic"
+  ), e.activeReactiveStates?.status !== "healthy" && t.push(
+    "High number of reactive states - consider state consolidation or cleanup"
+  ), e.memoryLeakIndicator?.status !== "healthy" && t.push(
+    "Potential memory leak detected - review component cleanup and event listener management"
+  ), t;
+}
+function j() {
+  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
+  let r = null;
+  function n(o, s, i) {
+    e.set(o, {
+      name: o,
+      value: s,
+      threshold: i,
+      status: "healthy",
+      lastUpdated: Date.now(),
+      history: []
+    });
   }
-  const r = e && typeof e == "object" && e.props && e.props.attrs ? e.props.attrs : void 0, i = (r && typeof r.xmlns == "string" ? String(r.xmlns) : void 0) ?? s ?? gt[e.tag] ?? null, c = i ? document.createElementNS(i, e.tag) : document.createElement(e.tag);
-  e.key != null && G(c, e.key), e.props && e.props?._transitionGroup && xt(
-    c,
-    e.props?._transitionGroup
-  );
-  const { props: f = {}, attrs: u = {}, directives: v = {} } = e.props ?? {}, b = dt(
-    v,
-    n,
-    c instanceof HTMLElement ? c : void 0,
-    u
-  ), m = {
-    ...f,
-    ...b.props
-  }, C = {
-    ...u,
-    ...b.attrs
-  };
-  try {
-    const a = (C && C.class) ?? (m && m.class) ?? (e.props && e.props.attrs && e.props.attrs.class) ?? (e.props && e.props.props && e.props.props.class), S = F(a);
-    if (S !== null) {
-      const h = String(S).trim();
-      h && D(c, "class", h);
-    }
-  } catch {
+  function a() {
+    n("activeComponents", 0, 1e3), n("componentCreateRate", 0, 50), n("componentErrorRate", 0, 0.1), n("memoryUsage", 0, 50 * 1024 * 1024), n("memoryGrowthRate", 0, 1024 * 1024), n("averageRenderTime", 0, 16), n("slowRenderCount", 0, 10), n("jitCacheHitRate", 100, 80), n("activeReactiveStates", 0, 5e3), n("dependencyUpdates", 0, 100), n("memoryLeakIndicator", 0, 0.1);
   }
-  try {
-    if (m.disabled !== void 0 && c && X(c)) {
-      const a = m.disabled, S = a && typeof a == "object" && "value" in a;
-      let h = !1;
-      try {
-        h = j(a);
-      } catch {
-        h = !1;
-      }
-      !S && !h && H(() => {
-        C.disabled = a, delete m.disabled;
-      });
-    }
-  } catch {
+  function h(o, s) {
+    const i = e.get(o);
+    i && (i.value = s, i.lastUpdated = Date.now(), i.history.push(s), i.history.length > U && i.history.shift(), i.status = K(s, i.threshold, o));
   }
-  const w = c.namespaceURI === "http://www.w3.org/2000/svg";
-  for (const a in C) {
-    const S = C[a];
-    if (typeof a != "string" || /\[object Object\]/.test(a))
-      continue;
-    const h = Fe(S);
-    if (typeof h == "boolean")
-      h ? D(c, a, "") : H(() => {
-        q(c, a);
-      });
-    else if (h != null) {
-      if (a === "disabled" && X(c)) {
-        const y = m.disabled, p = Ve(y) ? y : h, _ = ge(p);
-        H(() => {
-          c.disabled = _;
-        }), _ ? H(() => {
-          D(c, a, "");
-        }) : H(() => {
-          q(c, a);
-        });
-        continue;
-      }
-      if (!w && a === "value" && (c instanceof HTMLInputElement || c instanceof HTMLTextAreaElement || c instanceof HTMLSelectElement || c instanceof HTMLProgressElement))
-        try {
-          c instanceof HTMLProgressElement ? c.value = Number(h) : c.value = String(h ?? "");
-        } catch {
-          const y = F(h);
-          y !== null && D(c, a, String(y));
-        }
-      else if (!w && a === "checked" && c instanceof HTMLInputElement)
-        try {
-          c.checked = !!h;
-        } catch {
-          const y = F(h);
-          y !== null && D(c, a, String(y));
-        }
-      else if (!w && a in c)
-        try {
-          c[a] = h, a === "disabled" && h === !1 && X(c) && q(c, "disabled"), se(e.props, a, h);
-        } catch {
-          const y = F(h);
-          y !== null && D(c, a, String(y));
-        }
-      else if ((e.props?.isCustomElement ?? !1) && !w && a.includes("-")) {
-        const p = Ze(a);
-        try {
-          c[p] = h;
-        } catch {
-          const _ = F(h);
-          _ !== null && D(c, a, String(_));
-        }
-      } else {
-        const p = F(h);
-        p !== null && D(c, a, String(p));
-      }
-    }
+  function c() {
+    const o = {};
+    let s = "healthy";
+    for (const [i, u] of e)
+      o[i] = { ...u }, u.status === "critical" ? s = "critical" : u.status === "warning" && s === "healthy" && (s = "warning");
+    return {
+      overall: s,
+      metrics: o,
+      timestamp: Date.now(),
+      recommendations: z(o)
+    };
   }
-  for (const a in m) {
-    const S = m[a];
-    if (!(typeof a != "string" || /\[object Object\]/.test(a)))
-      if (a === "value" && (c instanceof HTMLInputElement || c instanceof HTMLTextAreaElement || c instanceof HTMLSelectElement)) {
-        const h = typeof S == "object" && S !== null && me(S) ? S.value : S;
-        H(() => {
-          c.value = String(h ?? "");
-        });
-      } else if (a.startsWith("on") && typeof S == "function") {
-        const h = pt(a), y = h.includes(":") ? (() => {
-          const p = h.split(":"), _ = p[1];
-          if (_.includes("-")) {
-            const E = _.split("-").map(
-              (T, d) => d === 0 ? T : T.charAt(0).toUpperCase() + T.slice(1)
-            ).join("");
-            return `${p[0]}:${E}`;
-          } else {
-            const E = _.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-            return `${p[0]}:${E}`;
-          }
-        })() : h;
-        b.listeners && (b.listeners[h] || b.listeners[y]) || te.addListener(c, h, S);
-      } else {
-        if (a.startsWith("on") && S === void 0)
-          continue;
-        if (S == null || S === !1)
-          q(c, a);
-        else {
-          const h = e.props?.isCustomElement ?? !1, y = typeof S == "object" && S !== null && j(S) ? S : me(S) && typeof S.value < "u" ? S.value : S;
-          if (a === "class" || a === "style") {
-            try {
-              const p = F(y);
-              p !== null && D(c, a, String(p));
-            } catch {
-            }
-            continue;
-          }
-          if (h || a in c)
-            try {
-              const p = typeof S == "object" && S !== null && j(S) ? S : me(S) ? S.value : S;
-              if (a === "disabled" && X(c)) {
-                const _ = m.disabled !== void 0 ? m.disabled : p, E = ge(_);
-                H(() => {
-                  c.disabled = E;
-                }), E ? H(() => {
-                  D(c, a, "");
-                }) : H(() => {
-                  q(c, a);
-                });
-                continue;
-              }
-              try {
-                if (typeof c[a] == "boolean") {
-                  let E = p;
-                  typeof p == "string" ? p === "false" ? E = !1 : p === "true" ? E = !0 : E = !!p && p !== "" : E = !!p, c[a] = E;
-                } else
-                  c[a] = p;
-              } catch {
-                c[a] = p;
-              }
-            } catch {
-            }
-        }
+  function d() {
+    if ("memory" in performance && performance.memory) {
+      const o = performance.memory;
+      h("memoryUsage", o.usedJSHeapSize);
+      const s = e.get("memoryUsage");
+      if (s && s.history.length > 1) {
+        const i = s.history[s.history.length - 2], u = s.history[s.history.length - 1];
+        h("memoryGrowthRate", Math.max(0, u - i));
       }
-  }
-  for (const [a, S] of Object.entries(
-    b.listeners || {}
-  ))
-    te.addListener(c, a, S);
-  const L = {
-    ...e,
-    props: {
-      ...e.props,
-      ...b.props
     }
-  };
-  we(L, c, t);
-  try {
-    const a = c;
-    if (typeof a._applyProps == "function")
-      try {
-        a._applyProps(a._cfg);
-      } catch {
-      }
-    typeof a.requestRender == "function" ? a.requestRender() : typeof a._render == "function" && a._render(a._cfg);
-  } catch {
-  }
-  if (Array.isArray(e.children)) {
-    const a = e.tag === "foreignObject" && i === bt ? null : c.namespaceURI ?? null;
-    for (const S of e.children)
-      c.appendChild(Z(S, n, t, a));
-  } else typeof e.children == "string" && (c.textContent = e.children);
-  try {
-    if (c instanceof HTMLSelectElement && C && Object.prototype.hasOwnProperty.call(C, "value"))
-      try {
-        c.value = String(C.value ?? "");
-      } catch {
-      }
-  } catch {
   }
-  try {
-    if (X(c)) {
-      const a = m.disabled, S = C.disabled, h = a && typeof a == "object" && "value" in a;
-      let y = !1;
+  function w(o) {
+    for (const s of t)
       try {
-        y = !!j(a);
-      } catch {
-        y = !1;
-      }
-      const _ = y || h || Ve(a) ? a : S, E = ge(_);
-      H(() => {
-        c.disabled = E;
-      }), E ? H(() => {
-        D(c, "disabled", "");
-      }) : H(() => {
-        q(c, "disabled");
-      });
-    }
-  } catch {
-  }
-  return c;
-}
-function Kt(e, n, t, s, r) {
-  if (typeof t == "string") {
-    e.textContent !== t && (e.textContent = t);
-    return;
-  }
-  if (!Array.isArray(t)) return;
-  const o = e.childNodes, i = [];
-  for (let L = 0; L < o.length; L++)
-    i.push(o[L]);
-  const c = Array.isArray(n) ? n : [], f = Ht(e);
-  if (f) {
-    const L = (y) => {
-      if (typeof y == "string")
-        return y.startsWith("each-") ? y.substring(5) : y;
-      if (typeof y == "number") return String(y);
-    }, a = [], S = [];
-    for (const y of t)
-      if (y && y.tag === "#anchor") {
-        const p = Array.isArray(y.children) ? y.children : [];
-        for (const _ of p) {
-          const E = L(
-            _.key ?? y.key ?? "unknown"
-          );
-          a.push({ ..._, key: E });
-        }
-      } else y && a.push({ ...y, key: L(y.key) });
-    for (const y of c)
-      if (y && y.tag === "#anchor") {
-        const p = Array.isArray(y.children) ? y.children : [];
-        for (const _ of p) {
-          const E = L(
-            _.key ?? y.key ?? "unknown"
-          );
-          S.push({ ..._, key: E });
-        }
-      } else y && S.push({
-        ...y,
-        key: L(y.key)
-      });
-    if (a.some((y) => y && y.key != null) || S.some((y) => y && y.key != null)) {
-      const y = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map();
-      for (const l of S)
-        if (l && l.key != null) {
-          const g = String(l.key);
-          y.set(g, l);
-        }
-      for (let l = 0; l < i.length; l++) {
-        const g = i[l];
-        let A = Ie(g);
-        if (A = L(A), A != null && g instanceof Element && g.nodeType === Node.ELEMENT_NODE) {
-          let N = typeof A == "string" && A.includes(":") ? A.substring(0, A.lastIndexOf(":")) : A;
-          N = String(N), p.set(N, g);
-        }
-      }
-      const _ = /* @__PURE__ */ new Set(), E = /* @__PURE__ */ new Map(), T = i.length > 0;
-      if (f.moveClass && T)
-        for (let l = 0; l < i.length; l++) {
-          const g = i[l];
-          if (g instanceof HTMLElement && g.parentElement) {
-            const A = g.getBoundingClientRect();
-            E.set(g, A);
-          }
-        }
-      const d = [];
-      for (const l of a) {
-        let g = l.key;
-        if (g == null) continue;
-        g = String(g);
-        const A = y.get(g);
-        let N = p.get(g);
-        if (N && A) {
-          const O = Te(N, A, l, s);
-          _.add(N);
-          const M = String(g);
-          G(O, M), d.push({
-            node: O,
-            key: g,
-            newVNode: l,
-            oldVNode: A,
-            isNew: !1
-          });
-        } else {
-          N = Z(
-            l,
-            s,
-            void 0,
-            e instanceof Element ? e.namespaceURI ?? null : null
-          ), G(N, String(g)), e.appendChild(N);
-          const O = T || f.appear === !0;
-          N instanceof HTMLElement && O && Ae(N, f).catch((M) => {
-            W("Enter transition error:", M);
-          }), d.push({ node: N, key: g, newVNode: l, isNew: !0 });
-        }
-      }
-      const k = [];
-      for (let l = 0; l < i.length; l++) {
-        const g = i[l], A = Ie(g);
-        if (!_.has(g) && A != null && g instanceof HTMLElement) {
-          const O = ze(g, f).then(() => {
-            e.contains(g) && e.removeChild(g);
-          }).catch((M) => {
-            W("Leave transition error:", M), e.contains(g) && e.removeChild(g);
-          });
-          k.push(O);
-        }
-      }
-      if (k.length === 0) {
-        let l = e.firstChild;
-        for (const { node: g } of d)
-          g !== l && e.insertBefore(g, l), l = g.nextSibling;
-        if (f.moveClass && E.size > 0) {
-          const g = [];
-          for (const { node: A, isNew: N } of d)
-            if (!N && A instanceof HTMLElement) {
-              const O = E.get(A);
-              if (O) {
-                const M = A.getBoundingClientRect(), R = O.left - M.left, P = O.top - M.top;
-                if (R !== 0 || P !== 0) {
-                  const K = f.moveClass.split(/\s+/).filter((I) => I);
-                  g.push({ node: A, deltaX: R, deltaY: P, moveClasses: K });
-                }
-              }
-            }
-          if (g.length > 0) {
-            for (const { node: A, deltaX: N, deltaY: O } of g)
-              A.style.transform = `translate(${N}px, ${O}px)`, A.style.transitionProperty = "none";
-            e.offsetHeight, requestAnimationFrame(() => {
-              requestAnimationFrame(() => {
-                for (const { node: A, moveClasses: N } of g)
-                  for (const O of N)
-                    A.classList.add(O);
-                requestAnimationFrame(() => {
-                  const A = f.moveClass || "", N = A.match(/duration-(\d+)/), O = N ? `${N[1]}ms` : "300ms", M = A.match(
-                    /ease-(out|in|in-out|linear)/
-                  ), R = M ? `ease-${M[1]}` : "ease-out";
-                  for (const { node: P } of g)
-                    P.style.transition = `transform ${O} ${R}`;
-                  requestAnimationFrame(() => {
-                    for (const { node: P, moveClasses: K } of g) {
-                      P.style.removeProperty("transform");
-                      const I = () => {
-                        for (const ie of K)
-                          P.classList.remove(ie);
-                        P.style.removeProperty("transition"), P.removeEventListener("transitionend", I), P.removeEventListener("transitioncancel", I);
-                      };
-                      P.addEventListener("transitionend", I, {
-                        once: !0
-                      }), P.addEventListener("transitioncancel", I, {
-                        once: !0
-                      });
-                    }
-                  });
-                });
-              });
-            });
-          }
-        }
-      }
-      return;
-    }
-  }
-  const u = /* @__PURE__ */ new Map();
-  for (const L of c)
-    L && L.key != null && u.set(L.key, L);
-  const v = /* @__PURE__ */ new Map();
-  for (let L = 0; L < i.length; L++) {
-    const a = i[L], S = Ie(a);
-    S != null && v.set(S, a);
-  }
-  const b = /* @__PURE__ */ new Set();
-  let m = e.firstChild;
-  function C(L, a) {
-    let S = L;
-    for (; S && (b.add(S), S !== a); )
-      S = S.nextSibling;
-  }
-  function w(L, a, S, h, y, p = !0) {
-    const _ = [];
-    let E = L.nextSibling;
-    for (; E && E !== a; )
-      _.push(E), E = E.nextSibling;
-    const T = Array.isArray(S) ? S : [];
-    if (h.some((k) => k && k.key != null) || T.some((k) => k && k.key != null)) {
-      const k = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
-      for (const O of T)
-        O && O.key != null && k.set(O.key, O);
-      for (const O of _) {
-        const M = Ie(O);
-        M != null && l.set(M, O);
-      }
-      const g = y && y.state === "visible" && T.length === 0 && h.length > 0, A = /* @__PURE__ */ new Set();
-      let N = L.nextSibling;
-      for (const O of h) {
-        let M;
-        if (O.key != null && l.has(O.key)) {
-          const R = k.get(O.key);
-          M = Te(
-            l.get(O.key),
-            R,
-            O,
-            s
-          ), A.add(M), y && M instanceof HTMLElement && g && y.appear && Ae(M, y).catch((P) => {
-            W("Transition enter error (appear):", P);
-          }), M !== N && e.contains(M) && e.insertBefore(M, N);
-        } else
-          M = Z(
-            O,
-            s,
-            void 0,
-            e instanceof Element ? e.namespaceURI ?? null : null
-          ), e.insertBefore(M, N), A.add(M), y && M instanceof HTMLElement && p && Ae(M, y).catch((R) => {
-            W("Transition enter error:", R);
-          });
-        N = M.nextSibling;
-      }
-      for (const O of _)
-        !A.has(O) && e.contains(O) && (y && O instanceof HTMLElement && p ? ze(O, y).then(() => {
-          e.contains(O) && e.removeChild(O);
-        }).catch((M) => {
-          W("Transition leave error:", M), e.contains(O) && e.removeChild(O);
-        }) : e.removeChild(O));
-    } else {
-      const k = Math.min(
-        T.length,
-        h.length
-      );
-      for (let l = 0; l < k; l++) {
-        const g = T[l], A = h[l], N = Te(_[l], g, A, s);
-        N !== _[l] && (e.insertBefore(N, _[l]), e.removeChild(_[l]));
-      }
-      for (let l = k; l < h.length; l++) {
-        const g = Z(
-          h[l],
-          s,
-          void 0,
-          e instanceof Element ? e.namespaceURI ?? null : null
-        );
-        e.insertBefore(g, a), y && g instanceof HTMLElement && p && Ae(g, y).catch((A) => {
-          W("Transition enter error:", A);
-        });
-      }
-      for (let l = k; l < _.length; l++) {
-        const g = _[l];
-        y && g instanceof HTMLElement && p ? ze(g, y).then(() => {
-          e.contains(g) && e.removeChild(g);
-        }).catch((A) => {
-          W("Transition leave error:", A), e.contains(g) && e.removeChild(g);
-        }) : e.removeChild(g);
-      }
-    }
-  }
-  for (const L of t) {
-    let a;
-    if (L.tag === "#anchor") {
-      const S = L.key, h = `${S}:start`, y = `${S}:end`;
-      let p = v.get(h), _ = v.get(y);
-      const E = Array.isArray(L.children) ? L.children : [];
-      if (p || (p = document.createTextNode(""), G(p, h)), _ || (_ = document.createTextNode(""), G(_, y)), L._startNode = p, L._endNode = _, !e.contains(p) || !e.contains(_)) {
-        e.insertBefore(p, m);
-        const T = L._transition, k = !(T && T.state === "visible" && E.length > 0) || T.appear;
-        for (const l of E) {
-          const g = Z(
-            l,
-            s,
-            r,
-            e instanceof Element ? e.namespaceURI ?? null : null
-          );
-          e.insertBefore(g, m), T && g instanceof HTMLElement && k && Ae(g, T).catch((A) => {
-            W("Transition enter error:", A);
-          });
-        }
-        e.insertBefore(_, m);
-      } else {
-        const T = L._transition, k = u.get(S)._transition, l = k && k.state !== T?.state, g = T && T.state === "visible" && E.length > 0 && !l, A = l || !g || T?.appear === !0;
-        w(
-          p,
-          _,
-          u.get(S)?.children,
-          E,
-          T,
-          A
-        );
-      }
-      C(p, _), m = _.nextSibling;
-      continue;
-    }
-    if (L.key != null && v.has(L.key)) {
-      const S = u.get(L.key);
-      a = Te(
-        v.get(L.key),
-        S,
-        L,
-        s,
-        r
-      ), b.add(a), a !== m && e.contains(a) && (m && !e.contains(m) && (m = null), e.insertBefore(a, m));
-    } else
-      a = Z(
-        L,
-        s,
-        r,
-        e instanceof Element ? e.namespaceURI ?? null : null
-      ), m && !e.contains(m) && (m = null), e.insertBefore(a, m), b.add(a);
-    m = a.nextSibling;
-  }
-  for (let L = 0; L < i.length; L++) {
-    const a = i[L];
-    !b.has(a) && e.contains(a) && (ue(a, r), e.removeChild(a));
-  }
-}
-function Te(e, n, t, s, r) {
-  if (n && typeof n != "string" && n.props?.ref && r && ue(e, r), n === t) return e;
-  if (typeof t == "string") {
-    if (e.nodeType === Node.TEXT_NODE)
-      return e.textContent !== t && (e.textContent = t), e;
-    {
-      const i = document.createTextNode(t);
-      return e.parentNode?.replaceChild(i, e), i;
-    }
-  }
-  if (t && typeof t != "string" && t.tag === "#anchor") {
-    const i = t, c = Array.isArray(i.children) ? i.children : [], f = i._startNode ?? document.createTextNode(""), u = i._endNode ?? document.createTextNode("");
-    i.key != null && (G(f, `${i.key}:start`), G(u, `${i.key}:end`)), i._startNode = f, i._endNode = u;
-    const v = document.createDocumentFragment();
-    v.appendChild(f);
-    for (const b of c) {
-      const m = Z(
-        b,
-        s,
-        r,
-        e.parentNode instanceof Element ? e.parentNode.namespaceURI ?? null : null
-      );
-      v.appendChild(m);
-    }
-    return v.appendChild(u), e.parentNode?.replaceChild(v, e), f;
-  }
-  if (!t) {
-    ue(e, r);
-    const i = document.createComment("removed");
-    return e.parentNode?.replaceChild(i, e), i;
-  }
-  if (!n || typeof n == "string") {
-    ue(e, r);
-    const i = Z(
-      t,
-      s,
-      r,
-      e.parentNode instanceof Element ? e.parentNode.namespaceURI ?? null : null
+        s(o);
+      } catch (i) {
+        y("Error in health monitor listener:", i);
+      }
+  }
+  function S() {
+    d();
+    const o = c();
+    w(o), o.overall === "critical" ? y(
+      "🚨 Runtime Health: Critical issues detected",
+      o.recommendations
+    ) : o.overall === "warning" && O(
+      "⚠️ Runtime Health: Performance warnings",
+      o.recommendations
     );
-    return we(t, i, r), e.parentNode?.replaceChild(i, e), i;
-  }
-  if (t.tag === "#anchor") {
-    const i = Array.isArray(t.children) ? t.children : [], c = t._startNode ?? document.createTextNode(""), f = t._endNode ?? document.createTextNode("");
-    t.key != null && (G(c, `${t.key}:start`), G(f, `${t.key}:end`)), t._startNode = c, t._endNode = f;
-    const u = document.createDocumentFragment();
-    u.appendChild(c);
-    for (const v of i)
-      u.appendChild(
-        Z(
-          v,
-          s,
-          r,
-          e.parentNode instanceof Element ? e.parentNode.namespaceURI ?? null : null
-        )
-      );
-    return u.appendChild(f), e.parentNode?.replaceChild(u, e), c;
-  }
-  if (typeof n != "string" && typeof t != "string" && n.tag === t.tag && n.key === t.key) {
-    const i = e;
-    return rt(i, n.props || {}, t.props || {}, s), Kt(i, n.children, t.children, s, r), we(t, i, r), i;
-  }
-  if (typeof n != "string" && typeof t != "string" && n.tag === t.tag && (n.tag && String(n.tag).includes("-") || t.props && t.props.isCustomElement || n.props && n.props.isCustomElement))
-    try {
-      const c = e;
-      return rt(c, n.props || {}, t.props || {}, s), we(t, c, r), c;
-    } catch {
-    }
-  ue(e, r);
-  const o = Z(
-    t,
-    s,
-    r,
-    e.parentNode instanceof Element ? e.parentNode.namespaceURI ?? null : null
-  );
-  return we(t, o, r), e.parentNode?.replaceChild(o, e), o;
-}
-function Ut(e, n, t, s) {
-  let r;
-  Array.isArray(n) ? n.length === 1 ? (r = n[0], r && typeof r == "object" && r.key == null && (r = { ...r, key: "__root__" })) : r = { tag: "div", key: "__root__", children: n } : (r = n, r && typeof r == "object" && r.key == null && (r = { ...r, key: "__root__" })), r && typeof r == "object" && r.tag === "#anchor" && (r = {
-    tag: "div",
-    key: "__anchor_root__",
-    props: {
-      attrs: { "data-anchor-block-root": "", key: "__anchor_root__" }
-    },
-    children: [r]
-  }), r = qe(r, String(r.key ?? "root"));
-  const o = e._prevVNode ?? null, i = e._prevDom ?? e.firstChild ?? null;
-  let c;
-  o && i ? typeof o != "string" && typeof r != "string" && o.tag === r.tag && o.key === r.key ? c = Te(i, o, r, t, s) : (c = Z(
-    r,
-    t,
-    s,
-    e.host instanceof Element ? e.host.namespaceURI ?? null : null
-  ), e.replaceChild(c, i)) : (c = Z(
-    r,
-    t,
-    s,
-    e.host instanceof Element ? e.host.namespaceURI ?? null : null
-  ), e.firstChild ? e.replaceChild(c, e.firstChild) : e.appendChild(c));
-  const f = [];
-  for (let u = 0; u < e.childNodes.length; u++) {
-    const v = e.childNodes[u];
-    v !== c && v.nodeName !== "STYLE" && (ue(v, s), f.push(v));
-  }
-  f.forEach((u) => e.removeChild(u)), e._prevVNode = r, e._prevDom = c;
-}
-const Le = [], st = /* @__PURE__ */ new WeakMap(), Ne = /* @__PURE__ */ new WeakMap();
-function Ft(e, n) {
-  Ne.has(e) || Ne.set(e, /* @__PURE__ */ new Set()), Ne.get(e).add(n);
-}
-function Vt(e, n) {
-  const t = Ne.get(e);
-  t && t.delete(n);
-}
-function qt(e, n, t, s, r, o, i, c) {
-  if (e) {
-    Le.push(t);
-    try {
-      const f = n.render(t);
-      if (f instanceof Promise) {
-        o(!0), f.then((u) => {
-          o(!1), i(null), it(e, u, t, s, r), c(e.innerHTML);
-        }).catch((u) => {
-          o(!1), i(u);
-        });
-        return;
-      }
-      it(e, f, t, s, r), c(e.innerHTML);
-    } finally {
-      Le.pop();
-    }
   }
-}
-function it(e, n, t, s, r) {
-  e && (Ut(
-    e,
-    Array.isArray(n) ? n : [n],
-    t,
-    s
-  ), r(e.innerHTML));
-}
-function Gt(e, n, t, s, r, o, i) {
-  if (o !== null && clearTimeout(o), Date.now() - n < 16) {
-    if (r(t + 1), t === 15)
-      Q(
-        `⚠️ Component is re-rendering rapidly. This might indicate:
-  Common causes:
-  • Event handler calling a function immediately: @click="\${fn()}" should be @click="\${fn}"
-  • State modification during render
-  • Missing dependencies in computed/watch
-  Component rendering will be throttled to prevent browser freeze.`
-      );
-    else if (t > 20) {
-      W(
-        `🛑 Infinite loop detected in component render:
-  • This might be caused by state updates during render
-  • Ensure all state modifications are done in event handlers or effects
-Stopping runaway component render to prevent browser freeze`
-      ), i(null);
-      return;
-    }
-  } else
-    r(0);
-  const u = setTimeout(
-    () => {
-      s(Date.now()), e(), i(null);
-    },
-    t > 10 ? 100 : 0
-  );
-  i(u);
-}
-function Zt(e, n, t, s, r) {
-  if (!e) return;
-  let o = t || "";
-  try {
-    const h = Ne.get(e);
-    if (h && h.size > 0)
-      for (const y of h)
-        try {
-          const p = y.lastHtmlStringForJitCSS;
-          p && typeof p == "string" && p.trim() && (o += `
-` + p);
-        } catch {
-        }
-    else {
-      const y = Array.from(
-        e.querySelectorAll("*")
-      );
-      for (const p of y)
-        try {
-          const _ = p.lastHtmlStringForJitCSS;
-          _ && typeof _ == "string" && _.trim() && (o += `
-` + _);
-        } catch {
-        }
-    }
-  } catch {
+  function _() {
+    typeof window > "u" || (r = setInterval(S, D));
   }
-  if (st.get(e) === o)
-    return;
-  st.set(e, o);
-  const c = vt(o), f = St();
-  if ((!c || c.trim() === "") && !n._computedStyle && !f) {
-    if (r(null), "adoptedStyleSheets" in e && typeof CSSStyleSheet < "u") {
-      const y = [$e(), pe()];
-      e.adoptedStyleSheets = y;
-    } else {
-      const y = ke(et), p = pe();
-      let _ = "";
-      try {
-        p && "cssRules" in p && (_ = Array.from(p.cssRules).map((d) => d.cssText).join(`
-`));
-      } catch {
-        _ = "";
-      }
-      const E = ke(`${y}
-${_}`);
-      let T = e.querySelector(
-        "style[data-cer-runtime]"
-      );
-      T || (T = document.createElement("style"), D(T, "data-cer-runtime", "true"), e.appendChild(T));
-      try {
-        T.textContent = E;
-      } catch {
-      }
-      try {
-        const d = [$e(), pe()];
-        e.adoptedStyleSheets = d;
-      } catch {
-      }
-    }
-    return;
+  function R() {
+    r !== null && (clearInterval(r), r = null);
   }
-  let u = "";
-  n._computedStyle && (u = n._computedStyle ?? "");
-  let v = _t(`${u}
-${c}
-`);
-  v = ke(v);
-  let b = s;
-  if ("adoptedStyleSheets" in e && typeof CSSStyleSheet < "u") {
-    b || (b = new CSSStyleSheet());
-    try {
-      b.replaceSync(v);
-    } catch {
-      b = null;
-    }
-    if (b) {
-      const h = [$e(), pe()];
-      f && h.push(f), h.push(b), e.adoptedStyleSheets = h, r(b);
-      return;
-    }
+  function E(o) {
+    t.add(o);
   }
-  const C = ke(et), w = pe();
-  let L = "";
-  try {
-    w && "cssRules" in w && (L = Array.from(w.cssRules).map((h) => h.cssText).join(`
-`));
-  } catch {
-    L = "";
+  function H(o) {
+    t.delete(o);
   }
-  const a = ke(`${C}
-${L}
-${v}`);
-  let S = e.querySelector(
-    "style[data-cer-runtime]"
-  );
-  S || (S = document.createElement("style"), D(S, "data-cer-runtime", "true"), e.appendChild(S));
-  try {
-    S.textContent = a;
-  } catch {
+  function M(o) {
+    const s = e.get(o);
+    return s ? [...s.history] : [];
   }
-  try {
-    const h = [
-      $e(),
-      pe()
-    ];
-    if (f && h.push(f), typeof CSSStyleSheet < "u")
-      try {
-        const y = new CSSStyleSheet();
-        try {
-          y.replaceSync(v), h.push(y);
-        } catch {
-          h.push({ cssRules: [], replaceSync: () => {
-          } });
-        }
-      } catch {
-      }
-    e.adoptedStyleSheets = h;
-  } catch {
+  function L() {
+    for (const o of e.values()) o.history = [];
   }
-  r(null);
-}
-let B = null;
-function ot(e) {
-  B = e;
-}
-function Ke() {
-  B = null;
-}
-function an() {
-  if (!B)
-    throw new Error("useEmit must be called during component render");
-  const e = B.emit;
-  if (typeof e != "function")
-    throw new Error(
-      "useEmit requires an emit function on the component context"
-    );
-  const n = e;
-  return (t, s, r) => n(t, s, r);
-}
-function Ee(e) {
-  e._hookCallbacks || Object.defineProperty(e, "_hookCallbacks", {
-    value: {},
-    writable: !0,
-    enumerable: !1,
-    configurable: !1
-  });
-}
-function ln(e) {
-  if (!B)
-    throw new Error("useOnConnected must be called during component render");
-  Ee(B), B._hookCallbacks.onConnected = e;
-}
-function fn(e) {
-  if (!B)
-    throw new Error("useOnDisconnected must be called during component render");
-  Ee(B), B._hookCallbacks.onDisconnected = e;
-}
-function un(e) {
-  if (!B)
-    throw new Error(
-      "useOnAttributeChanged must be called during component render"
-    );
-  Ee(B), B._hookCallbacks.onAttributeChanged = e;
-}
-function pn(e) {
-  if (!B)
-    throw new Error("useOnError must be called during component render");
-  Ee(B), B._hookCallbacks.onError = (n) => {
-    try {
-      n instanceof Error ? e(n) : e(new Error(String(n)));
-    } catch {
-    }
+  return a(), _(), {
+    updateMetric: h,
+    getHealthReport: c,
+    addListener: E,
+    removeListener: H,
+    stop: R,
+    getMetricHistory: M,
+    clearHistory: L
   };
 }
-function dn(e) {
-  if (!B)
-    throw new Error("useProps must be called during component render");
-  Ee(B);
-  const n = B._hookCallbacks;
-  n.props = {
-    ...n.props || {},
-    ...e
-  };
-  const t = B;
-  try {
-    const r = Object.keys(e || {});
-    for (const o of r) {
-      if (typeof o != "string" || o.startsWith("_")) continue;
-      const i = Object.getOwnPropertyDescriptor(t, o);
-      if (!(i && !i.configurable))
-        try {
-          let f = Object.prototype.hasOwnProperty.call(t, o) ? t[o] : void 0;
-          Object.defineProperty(t, o, {
-            configurable: !0,
-            enumerable: !0,
-            get() {
-              try {
-                const u = t && t._host;
-                if (u) {
-                  const v = J(o), b = u.getAttribute(v);
-                  if (b !== null) {
-                    const m = typeof e[o];
-                    return m === "boolean" ? b === "" || b === "true" : m === "number" ? Number(b) : b;
-                  }
-                  if (typeof u[o] < "u") {
-                    const m = u[o];
-                    if (j(m) || m && typeof m == "object" && "value" in m && !(m instanceof Node))
-                      return m.value;
-                    const C = typeof e[o];
-                    if (!(C === "string" && m && typeof m == "object"))
-                      return C === "boolean" && typeof m == "string" ? m === "" || m === "true" : m;
-                  }
-                }
-              } catch {
-              }
-              return f;
-            },
-            set(u) {
-              f = u;
-            }
-          });
-        } catch {
-        }
-    }
-  } catch {
-  }
-  return new Proxy({}, {
-    get(r, o) {
-      if (typeof o != "string") return;
-      const i = e[o];
-      try {
-        const f = t && t._host;
-        if (f) {
-          if (f instanceof HTMLElement || typeof f.getAttribute == "function" && typeof f.hasAttribute == "function") {
-            const v = o.replace(/([A-Z])/g, "-$1").toLowerCase(), b = f.getAttribute(v);
-            if (b !== null)
-              return typeof i == "boolean" ? b === "" || b === "true" : typeof i == "number" ? Number(b) : b;
-          }
-          const u = f[o];
-          if (typeof u < "u" && u !== "") {
-            const v = u && typeof u == "object" && "value" in u && !(u instanceof Node);
-            if (!(typeof i == "string" && u && typeof u == "object" && !v && !j(u)))
-              return typeof i == "boolean" && i === !1 && u === "" ? i : j(u) || v ? u.value : typeof i == "boolean" && typeof u == "string" ? u === "true" || u !== "" && u !== "false" : typeof i == "number" && typeof u == "string" && !Number.isNaN(Number(u)) ? Number(u) : u;
-          }
-        }
-      } catch {
-      }
-      const c = t[o];
-      return typeof i == "boolean" && c === "" ? i === !1 ? i : !0 : j(c) || c && typeof c == "object" && "value" in c && !(c instanceof Node) ? c.value : c != null && c !== "" ? typeof i == "boolean" && typeof c == "string" ? c === "true" : typeof i == "number" && typeof c == "string" && !Number.isNaN(Number(c)) ? Number(c) : c : i;
-    },
-    has(r, o) {
-      return typeof o == "string" && (o in t || o in e);
-    },
-    ownKeys() {
-      return Array.from(
-        /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t || {})])
-      );
-    },
-    getOwnPropertyDescriptor() {
-      return { configurable: !0, enumerable: !0 };
-    }
-  });
+let f = null;
+function C() {
+  return f || (f = j()), f;
 }
-function hn(e) {
-  if (!B)
-    throw new Error("useStyle must be called during component render");
-  Ee(B);
-  try {
-    const n = e();
-    Object.defineProperty(B, "_computedStyle", {
-      value: n,
-      writable: !0,
-      enumerable: !1,
-      configurable: !0
-    });
-  } catch (n) {
-    Q("Error in useStyle callback:", n), Object.defineProperty(B, "_computedStyle", {
-      value: "",
-      writable: !0,
-      enumerable: !1,
-      configurable: !0
-    });
-  }
+function W(e, t) {
+  C().updateMetric(e, t);
 }
-const be = /* @__PURE__ */ new Map(), ct = Symbol.for("cer.registry");
-function Jt() {
-  if (typeof window < "u") {
-    const e = globalThis;
-    e[ct] || (e[ct] = be);
-  }
+function V() {
+  return C().getHealthReport();
 }
-function Yt(e, n) {
-  if (!n.render)
-    throw new Error("Component must have a render function");
-  return typeof window > "u" ? class {
-    constructor() {
-    }
-  } : class extends HTMLElement {
-    context;
-    _refs = {};
-    _listeners = [];
-    _watchers = /* @__PURE__ */ new Map();
-    /** @internal */
-    _renderTimeoutId = null;
-    _mounted = !1;
-    _hasError = !1;
-    _initializing = !0;
-    _componentId;
-    _styleSheet = null;
-    _lastHtmlStringForJitCSS = "";
-    /**
-     * Returns the last rendered HTML string for JIT CSS.
-     */
-    get lastHtmlStringForJitCSS() {
-      return this._lastHtmlStringForJitCSS;
-    }
-    /**
-     * Returns true if the component is currently loading.
-     */
-    get isLoading() {
-      return this._templateLoading;
-    }
-    /**
-     * Returns the last error thrown during rendering, or null if none.
-     */
-    get lastError() {
-      return this._templateError;
-    }
-    _cfg;
-    _lastRenderTime = 0;
-    _renderCount = 0;
-    _templateLoading = !1;
-    _templateError = null;
-    constructor() {
-      super(), this.attachShadow({ mode: "open" }), this._cfg = be.get(e) || n, this._componentId = `${e}-${Math.random().toString(36).substr(2, 9)}`;
-      const t = this._initContext(n), s = (o, i, c) => {
-        Object.defineProperty(o, i, {
-          value: c,
-          writable: !1,
-          enumerable: !1,
-          configurable: !1
-        });
-      };
-      s(t, "refs", this._refs), s(
-        t,
-        "requestRender",
-        () => this.requestRender()
-      ), s(
-        t,
-        "_requestRender",
-        () => this._requestRender()
-      ), s(t, "_componentId", this._componentId), s(
-        t,
-        "_triggerWatchers",
-        (o, i) => this._triggerWatchers(o, i)
-      ), this.context = t, H(() => {
-        s(t, "_host", this);
-      }), s(
-        this.context,
-        "emit",
-        (o, i, c) => {
-          const f = {
-            detail: i,
-            bubbles: !0,
-            composed: !0,
-            ...c || {}
-          }, u = new CustomEvent(o, f);
-          this.dispatchEvent(u);
-          const v = o.indexOf(":");
-          if (v > 0) {
-            const b = o.substring(0, v), m = o.substring(v + 1), C = m.includes("-") ? `${b}:${m.split("-").map(
-              (w, L) => L === 0 ? w : w.charAt(0).toUpperCase() + w.slice(1)
-            ).join("")}` : `${b}:${m.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase()}`;
-            C !== o && H(() => {
-              this.dispatchEvent(new CustomEvent(C, f));
-            });
-          }
-          return !u.defaultPrevented;
-        }
-      );
-      const r = be.get(e) || n;
-      for (const o in r) {
-        const i = r[o];
-        typeof i == "function" && (this.context[o] = (...c) => i(...c, this.context));
-      }
-      if (r.props)
-        for (const o in r.props) {
-          let i = this[o];
-          Object.defineProperty(this, o, {
-            get() {
-              return i;
-            },
-            set(c) {
-              const f = i;
-              i = c, this.context[o] = c, this._initializing || (this._applyProps(r), f !== c && this._requestRender());
-            },
-            enumerable: !0,
-            configurable: !0
-          });
-        }
-      this._initializing = !1, this._initWatchers(r), this._applyProps(r), this._render(r);
-    }
+function N() {
+  typeof window > "u" || typeof customElements > "u" || customElements.get("cer-keep-alive") || customElements.define("cer-keep-alive", $());
+}
+function $() {
+  return class extends HTMLElement {
+    /** Preserved component instances keyed by tag[:id]. */
+    _cache = /* @__PURE__ */ new Map();
+    _slot = null;
+    _slotListener = null;
     connectedCallback() {
-      this._runLogicWithinErrorBoundary(n, () => {
-        const t = this.getRootNode();
-        t && t !== document && "host" in t && Ft(t, this), this._applyProps(n), this._requestRender(), Tt(n, this.context, this._mounted, (s) => {
-          this._mounted = s;
-        });
-      });
+      this.shadowRoot || this.attachShadow({ mode: "open" }), this.shadowRoot.querySelector("slot") || (this.shadowRoot.innerHTML = "<slot></slot>"), this._slot = this.shadowRoot.querySelector("slot"), this._slot && (this._slotListener = () => this._handleSlotChange(), this._slot.addEventListener("slotchange", this._slotListener), this._handleSlotChange());
     }
     disconnectedCallback() {
-      this._runLogicWithinErrorBoundary(n, () => {
-        const t = this.getRootNode();
-        t && t !== document && "host" in t && Vt(t, this), Lt(
-          n,
-          this.context,
-          this._listeners,
-          () => {
-            this._listeners = [];
-          },
-          () => {
-            this._watchers.clear();
-          },
-          (s) => {
-            this._templateLoading = s;
-          },
-          (s) => {
-            this._templateError = s;
-          },
-          (s) => {
-            this._mounted = s;
-          }
-        );
-      });
-    }
-    attributeChangedCallback(t, s, r) {
-      this._runLogicWithinErrorBoundary(n, () => {
-        this._applyProps(n), s !== r && this._requestRender(), Nt(n, t, s, r, this.context);
-      });
-    }
-    static get observedAttributes() {
-      return n.props ? Object.keys(n.props).map(J) : [];
-    }
-    // --- Render ---
-    _render(t) {
-      this._runLogicWithinErrorBoundary(t, () => {
-        qt(
-          this.shadowRoot,
-          t,
-          this.context,
-          this._refs,
-          (s) => {
-            this._lastHtmlStringForJitCSS = s, typeof this.onHtmlStringUpdate == "function" && this?.onHtmlStringUpdate?.(s);
-          },
-          (s) => {
-            this._templateLoading = s, this?.onLoadingStateChange?.(s);
-          },
-          (s) => {
-            this._templateError = s, this?.onErrorStateChange?.(s);
-          },
-          (s) => this._applyStyle(t, s)
-        );
-      });
-    }
-    requestRender() {
-      this._requestRender();
+      this._slot && this._slotListener && this._slot.removeEventListener("slotchange", this._slotListener), this._slotListener = null;
     }
-    _requestRender() {
-      this._runLogicWithinErrorBoundary(this._cfg, () => {
-        Ce(() => {
-          Gt(
-            () => this._render(this._cfg),
-            this._lastRenderTime,
-            this._renderCount,
-            (t) => {
-              this._lastRenderTime = t;
-            },
-            (t) => {
-              this._renderCount = t;
-            },
-            this._renderTimeoutId,
-            (t) => {
-              this._renderTimeoutId = t;
-            }
-          );
-        }, this._componentId);
-      });
-    }
-    // --- Style ---
-    _applyStyle(t, s) {
-      this._runLogicWithinErrorBoundary(t, () => {
-        Zt(
-          this.shadowRoot,
-          this.context,
-          s,
-          this._styleSheet,
-          (r) => {
-            this._styleSheet = r;
-          }
-        );
-      });
-    }
-    // --- Error Boundary function ---
-    _runLogicWithinErrorBoundary(t, s) {
-      this._hasError && (this._hasError = !1);
-      try {
-        s();
-      } catch (r) {
-        this._hasError = !0;
-        try {
-          const o = this.tagName?.toLowerCase?.() || "<unknown>", i = this._componentId || "<unknown-id>", c = {};
-          if (t && t.props)
-            for (const f of Object.keys(t.props))
-              try {
-                const u = this.context[f];
-                u instanceof Node ? c[f] = `[DOM Node: ${u.nodeName}]` : typeof u == "object" && u !== null ? c[f] = Object.keys(u).length > 5 ? `[object(${Object.keys(u).length} keys)]` : u : c[f] = u;
-              } catch {
-                c[f] = "[unreadable]";
-              }
-          W(`Error rendering component <${o}> (id=${i}):`, r), W("Component props snapshot:", c), Q(
-            "Common causes: accessing properties of null/undefined inside template interpolations; expensive or throwing expressions inside templates that evaluate eagerly. Fixes: use optional chaining (obj?.prop), guard with ternary, or use the runtime lazy overload: when(cond, () => html`...`)."
-          );
-        } catch {
-        }
-        t.onError && t.onError(r, this.context);
-      }
-    }
-    // --- State, props, computed ---
-    _initContext(t) {
-      try {
-        let s = function(o, i = "") {
-          if (Array.isArray(o))
-            return new Proxy(o, {
-              get(c, f, u) {
-                const v = Reflect.get(c, f, u);
-                return typeof v == "function" && typeof f == "string" && [
-                  "push",
-                  "pop",
-                  "shift",
-                  "unshift",
-                  "splice",
-                  "sort",
-                  "reverse"
-                ].includes(f) ? function(...m) {
-                  const C = v.apply(c, m);
-                  if (!r._initializing) {
-                    const w = i || "root";
-                    r._triggerWatchers(w, c), Ce(
-                      () => r._render(t),
-                      r._componentId
-                    );
-                  }
-                  return C;
-                } : v;
-              },
-              set(c, f, u) {
-                if (c[String(f)] = u, !r._initializing) {
-                  const v = i ? `${i}.${String(f)}` : String(f);
-                  r._triggerWatchers(v, u), Ce(() => r._render(t), r._componentId);
-                }
-                return !0;
-              },
-              deleteProperty(c, f) {
-                if (delete c[String(f)], !r._initializing) {
-                  const u = i ? `${i}.${String(f)}` : String(f);
-                  r._triggerWatchers(u, void 0), Ce(() => r._render(t), r._componentId);
-                }
-                return !0;
-              }
-            });
-          if (o && typeof o == "object") {
-            if (j(o))
-              return o;
-            for (const c in o) {
-              const f = i ? `${i}.${c}` : c;
-              o[c] = s(o[c], f);
-            }
-            return new Proxy(o, {
-              set(c, f, u) {
-                const v = i ? `${i}.${String(f)}` : String(f);
-                return c[String(f)] = s(u, v), r._initializing || (r._triggerWatchers(
-                  v,
-                  c[String(f)]
-                ), Ce(() => r._render(t), r._componentId)), !0;
-              },
-              get(c, f, u) {
-                return Reflect.get(c, f, u);
-              }
-            });
-          }
-          return o;
-        };
-        const r = this;
-        return s({
-          // For functional components, state is managed by state() function calls
-          // Include prop defaults in initial reactive context so prop updates trigger reactivity
-          ...t.props ? Object.fromEntries(
-            Object.entries(t.props).map(([o, i]) => [
-              o,
-              i.default
-            ])
-          ) : {}
-        });
-      } catch {
-        return {};
-      }
-    }
-    _initWatchers(t) {
-      this._runLogicWithinErrorBoundary(t, () => {
-        Ct(
-          this.context,
-          this._watchers,
-          {}
-          // Watchers are now handled by the watch() function in functional API
-        );
-      });
-    }
-    _triggerWatchers(t, s) {
-      kt(this.context, this._watchers, t, s);
-    }
-    _applyProps(t) {
-      this._runLogicWithinErrorBoundary(t, () => {
-        try {
-          wt(this, t, this.context);
-        } catch (s) {
-          this._hasError = !0, t.onError && t.onError(s, this.context);
-        }
-      });
-    }
-  };
-}
-function yn(e, n) {
-  Jt();
-  let t = J(e);
-  t.includes("-") || (t = `cer-${t}`);
-  const s = {}, r = {
-    // Props are accessed via useProps() hook
-    props: {},
-    // Add lifecycle hooks from the stored functions
-    onConnected: (o) => {
-      if (s.onConnected)
-        try {
-          s.onConnected(o);
-        } catch {
-        }
-    },
-    onDisconnected: (o) => {
-      if (s.onDisconnected)
-        try {
-          s.onDisconnected(o);
-        } catch {
-        }
-    },
-    onAttributeChanged: (o, i, c, f) => {
-      if (s.onAttributeChanged)
-        try {
-          s.onAttributeChanged(o, i, c, f);
-        } catch {
-        }
-    },
-    onError: (o, i) => {
-      if (s.onError && o)
-        try {
-          s.onError(o, i);
-        } catch {
-        }
-    },
-    render: (o) => {
-      const i = o, c = i._componentId || `${t}-${Math.random().toString(36).substr(2, 9)}`;
-      Xe.setCurrentComponent(c, () => {
-        o.requestRender && o.requestRender();
-      });
-      try {
-        ot(o);
-        let f;
-        try {
-          f = n();
-        } catch (u) {
-          try {
-            const v = i._hookCallbacks;
-            if (v && typeof v.onError == "function")
-              try {
-                v.onError(u);
-              } catch {
-              }
-          } catch {
-          }
-          throw u;
-        }
-        if (i._hookCallbacks) {
-          const u = i._hookCallbacks;
-          if (u.onConnected && (s.onConnected = u.onConnected), u.onDisconnected && (s.onDisconnected = u.onDisconnected), u.onAttributeChanged && (s.onAttributeChanged = u.onAttributeChanged), u.onError && (s.onError = u.onError), u.props) {
-            const v = u.props;
-            r.props = Object.fromEntries(
-              Object.entries(v).map(([b, m]) => [
-                b,
-                { type: typeof m == "boolean" ? Boolean : typeof m == "number" ? Number : typeof m == "string" ? String : Function, default: m }
-              ])
-            ), be.set(t, r);
-          }
-        }
-        return f;
-      } finally {
-        Ke(), Xe.clearCurrentComponent();
-      }
-    }
-  };
-  if (be.set(t, r), typeof window < "u") {
-    try {
-      const o = {
-        _hookCallbacks: {},
-        requestRender: () => {
-        },
-        // Provide a noop emit during discovery render so hooks like useEmit()
-        // can be called safely when the component author invokes them at
-        // module-evaluation time to declare handlers. The real element
-        // instances will have a proper emit implementation.
-        emit: () => !0
-      };
-      ot(o);
-      try {
-        n();
-      } catch (i) {
-        try {
-          const c = o?._hookCallbacks;
-          if (c && typeof c.onError == "function")
+    /**
+     * Evict a cached element by its cache key (`tagName` or `tagName:id`).
+     * The evicted element is disconnected and removed from the cache.
+     */
+    clearCache(t) {
+      t ? this._cache.delete(t) : this._cache.clear();
+    }
+    _handleSlotChange() {
+      if (!this._slot) return;
+      const t = this._slot.assignedElements({ flatten: !0 });
+      for (const r of t) {
+        const n = this._buildCacheKey(r);
+        if (!this._cache.has(n))
+          this._cache.set(n, r);
+        else {
+          const a = this._cache.get(n);
+          if (a !== r)
             try {
-              c.onError(i);
+              r.parentNode?.replaceChild(a, r);
             } catch {
+              this._cache.set(n, r);
             }
-          W(
-            `Error during component discovery render <${t}>:`,
-            i
-          ), Q(
-            "Error occurred during initial component discovery render. Consider guarding expensive expressions or using lazy factories for directives like when()."
-          );
-        } catch {
         }
-        throw Ke(), i;
-      }
-      if (Ke(), o._hookCallbacks?.props) {
-        const i = o._hookCallbacks.props;
-        r.props = Object.fromEntries(
-          Object.entries(i).map(([c, f]) => [
-            c,
-            { type: typeof f == "boolean" ? Boolean : typeof f == "number" ? Number : typeof f == "string" ? String : Function, default: f }
-          ])
-        ), be.set(t, r);
       }
-    } catch {
     }
-    customElements.get(t) || customElements.define(
-      t,
-      Yt(t, r)
-    );
-  }
-}
-class Xt {
-  map = /* @__PURE__ */ new Map();
-  maxSize;
-  constructor(n) {
-    this.maxSize = n;
-  }
-  get(n) {
-    const t = this.map.get(n);
-    if (t !== void 0)
-      return this.map.delete(n), this.map.set(n, t), t;
-  }
-  set(n, t) {
-    if (this.map.delete(n), this.map.set(n, t), this.map.size > this.maxSize) {
-      const s = this.map.keys().next().value;
-      s !== void 0 && this.map.delete(s);
+    _buildCacheKey(t) {
+      const r = t.tagName.toLowerCase(), n = t.getAttribute("id");
+      return n ? `${r}:${n}` : r;
     }
-  }
-  has(n) {
-    return this.map.has(n);
-  }
-  clear() {
-    this.map.clear();
-  }
-}
-const Ue = new Xt(500);
-function Qt(e, n) {
-  if (e == null) {
-    Q(
-      `⚠️ Event handler for '@${n}' is ${e}. This will prevent the event from working. Use a function reference instead: @${n}="\${functionName}"`
-    );
-    return;
-  }
-  typeof e != "function" && Q(
-    `🚨 Potential infinite loop detected! Event handler for '@${n}' appears to be the result of a function call (${typeof e}) instead of a function reference. Change @${n}="\${functionName()}" to @${n}="\${functionName}" to pass the function reference instead of calling it immediately.`
-  ), e === void 0 && typeof e != "function" && Q(
-    `💡 Tip: If your event handler function returns undefined, make sure you're passing the function reference, not calling it. Use @${n}="\${fn}" not @${n}="\${fn()}"`
-  );
-}
-function oe(e, n = {}, t, s) {
-  const r = s ?? n.key;
-  return { tag: e, key: r, props: n, children: t };
-}
-function Oe(e) {
-  return !!e && typeof e == "object" && (e.type === "AnchorBlock" || e.tag === "#anchor");
-}
-function fe(e) {
-  return typeof e == "object" && e !== null && "tag" in e && !Oe(e);
-}
-function en(e, n) {
-  return e.key != null ? e : { ...e, key: n };
+  };
 }
-function tn(e, n = [], t = {}) {
-  const s = {}, r = {}, o = {}, i = [], c = /([:@#]?)([a-zA-Z0-9-:.]+)(?:\s*=\s*("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)'|([^\s>]+)))?/g;
-  let f;
-  for (; f = c.exec(e); ) {
-    const u = f[1], v = f[2];
-    let b = "";
-    for (let a = 3; a < f.length; a++)
-      if (f[a] !== void 0) {
-        b = f[a];
-        break;
-      }
-    b.length >= 2 && (b[0] === '"' && b[b.length - 1] === '"' || b[0] === "'" && b[b.length - 1] === "'") && (b = b.slice(1, -1));
-    const m = !/=/.test(f[0]), C = b.match(/^{{(\d+)}}$/);
-    let w = m ? !0 : C ? n[Number(C[1])] ?? null : b;
-    C || (w === "true" ? w = !0 : w === "false" ? w = !1 : w === "null" ? w = null : isNaN(Number(w)) || (w = Number(w)));
-    const L = [
-      "model",
-      "bind",
-      "show",
-      "class",
-      "style",
-      "ref",
-      "when"
-    ];
-    if (u === ":") {
-      const [a, S] = v.split(":"), [h, ...y] = a.split(".");
-      if (L.includes(h)) {
-        const p = [...y], _ = h === "model" && S ? `model:${S}` : h;
-        o[_] = {
-          value: w,
-          modifiers: p,
-          arg: S
-        };
-      } else if (v === "disabled") {
-        let p = w;
-        p && j(p) && (p = p.value);
-        const _ = typeof p;
-        if (p === "" || _ === "boolean" || _ === "string" && (p === "true" || p === "false") || p == null || _ === "number")
-          s[v] = p;
-        else {
-          let d = w;
-          d && j(d) && (d = d.value), r[v] = d;
-        }
-        i.push(v);
-      } else {
-        let p = w;
-        p && j(p) && (p = p.value), r[v] = p, i.push(v);
-      }
-    } else if (u === "@") {
-      const [a, ...S] = v.split("."), h = S;
-      Qt(w, a);
-      const y = typeof w == "function" ? w : typeof t[w] == "function" ? t[w] : void 0;
-      if (y) {
-        const p = (E) => {
-          if (h.includes("prevent") && E.preventDefault(), h.includes("stop") && E.stopPropagation(), !(h.includes("self") && E.target !== E.currentTarget))
-            return h.includes("once") && E.currentTarget?.removeEventListener(
-              a,
-              p
-            ), y(E);
-        }, _ = "on" + a.charAt(0).toUpperCase() + a.slice(1);
-        s[_] = p;
-      }
-    } else v === "ref" ? s.ref = w : r[v] = w;
-  }
-  return { props: s, attrs: r, directives: o, bound: i };
+function P() {
+  customElements.get("cer-suspense") || v("cer-suspense", () => {
+    const { pending: e } = x({ pending: !1 });
+    return e ? l`<slot name="fallback"><span>Loading…</span></slot>` : l`<slot></slot>`;
+  });
 }
-function Ge(e) {
-  if (!fe(e) || Oe(e))
-    return e;
-  const n = e.props?.directives;
-  if (n && n.when) {
-    const t = n.when.value, s = j(t) ? t.value : t, r = { ...n };
-    delete r.when;
-    const o = { ...e.props };
-    Object.keys(r).length > 0 ? o.directives = r : delete o.directives;
-    const i = {
-      ...e,
-      props: o
-    };
-    return Array.isArray(i.children) && (i.children = i.children.map(
-      (f) => typeof f == "object" && f !== null ? Ge(f) : f
-    )), {
-      tag: "#anchor",
-      key: e.key != null ? `when-${e.key}` : `when-${e.tag}`,
-      children: s ? [i] : []
-    };
-  }
-  if (Array.isArray(e.children)) {
-    const t = e.children.map(
-      (s) => typeof s == "object" && s !== null ? Ge(s) : s
-    );
-    return {
-      ...e,
-      children: t
-    };
-  }
-  return e;
+function q() {
+  customElements.get("cer-error-boundary") || v("cer-error-boundary", () => {
+    const e = p(!1), t = p("");
+    return b((r) => {
+      e.value = !0, t.value = r.message;
+    }), T({
+      _cerHandleChildError: (r) => {
+        e.peek() || (e.value = !0, t.value = r instanceof Error ? r.message : String(r));
+      },
+      reset: () => {
+        e.value = !1, t.value = "";
+      }
+    }), e.value ? l`<slot name="fallback"
+          ><div role="alert">
+            <strong>Something went wrong.</strong>
+            ${t.value ? l`<p>${t.value}</p>` : l``}
+          </div></slot
+        >` : l`<slot></slot>`;
+  });
 }
-function nn(e, n, t) {
-  const s = Le.length > 0 ? Le[Le.length - 1] : void 0, r = t ?? s, o = !t && n.length === 0, i = o ? e.join("<!--TEMPLATE_DELIM-->") : null;
-  if (o && i) {
-    const l = Ue.get(i);
-    if (l) return l;
-  }
-  function c(l, g) {
-    return oe("#text", {}, l, g);
-  }
-  function f(l, g, A = !1) {
-    let N = typeof l == "string" ? Et(l) : l;
-    return !A && typeof N == "string" && /[\r\n]/.test(N) && (N = N.replace(/\s+/g, " ")), oe("#text", {}, N, g);
-  }
-  let u = "";
-  for (let l = 0; l < e.length; l++)
-    u += e[l], l < n.length && (u += `{{${l}}}`);
-  const v = /<!--[\s\S]*?-->|<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, b = [];
-  let m, C = [], w = null, L = {}, a, S = 0;
-  const h = [], y = /* @__PURE__ */ new Set([
-    "pre",
-    "code",
-    "textarea",
-    "script",
-    "style"
-  ]);
-  function p() {
-    if (w && y.has(w.toLowerCase()))
-      return !0;
-    for (const l of b)
-      if (y.has(l.tag.toLowerCase()))
-        return !0;
-    return !1;
-  }
-  function _(l) {
-    if (!l || typeof l != "object" || Oe(l)) return;
-    const g = l, A = L;
-    if (g.props || g.attrs) {
-      const N = g;
-      N.props && (A.props || (A.props = {}), Object.assign(A.props, N.props)), N.attrs && (A.attrs || (A.attrs = {}), Object.keys(N.attrs).forEach((O) => {
-        if (O === "style" && A.attrs.style) {
-          const M = String(A.attrs.style).replace(/;?\s*$/, ""), R = String(N.attrs.style).replace(/^;?\s*/, "");
-          A.attrs.style = M + "; " + R;
-        } else if (O === "class" && A.attrs.class) {
-          const M = String(A.attrs.class).trim().split(/\s+/).filter(Boolean), R = String(N.attrs.class).trim().split(/\s+/).filter(Boolean), P = [
-            .../* @__PURE__ */ new Set([...M, ...R])
-          ];
-          A.attrs.class = P.join(" ");
-        } else
-          A.attrs[O] = N.attrs[O];
-      }));
-    } else
-      A.props || (A.props = {}), Object.assign(A.props, g);
-  }
-  function E(l, g) {
-    const A = w ? C : h;
-    if (Oe(l)) {
-      const N = l.key ?? g, O = l.children;
-      A.push({
-        ...l,
-        key: N,
-        children: O
-      });
-      return;
-    }
-    if (fe(l)) {
-      A.push(en(l, void 0));
-      return;
-    }
-    if (Array.isArray(l)) {
-      if (l.length === 0) return;
-      for (let N = 0; N < l.length; N++) {
-        const O = l[N];
-        Oe(O) || fe(O) || Array.isArray(O) ? E(O, `${g}-${N}`) : O !== null && typeof O == "object" ? Qe(O) ? A.push(
-          oe(
-            "#raw",
-            {},
-            O.__rawHTML,
-            `${g}-${N}`
-          )
-        ) : _(O) : A.push(c(String(O), `${g}-${N}`));
-      }
-      return;
-    }
-    if (l !== null && typeof l == "object") {
-      if (Qe(l)) {
-        const N = l.__rawHTML ?? "";
-        A.push(oe("#raw", {}, N, g));
-        return;
-      }
-      _(l);
-      return;
-    }
-    A.push(c(String(l), g));
-  }
-  const T = /* @__PURE__ */ new Set([
-    "area",
-    "base",
-    "br",
-    "col",
-    "embed",
-    "hr",
-    "img",
-    "input",
-    "link",
-    "meta",
-    "param",
-    "source",
-    "track",
-    "wbr"
-  ]);
-  for (; m = v.exec(u); )
-    if (!(m[0].startsWith("<!--") && m[0].endsWith("-->"))) {
-      if (m[1]) {
-        const l = m[1], g = m[0][1] === "/", A = m[0][m[0].length - 2] === "/" || T.has(l), {
-          props: N,
-          attrs: O,
-          directives: M,
-          bound: R
-        } = tn(
-          m[2] || "",
-          n,
-          r ?? {}
-        ), P = { props: {}, attrs: {} };
-        for (const K in N) P.props[K] = N[K];
-        for (const K in O) P.attrs[K] = O[K];
-        P.attrs && Object.prototype.hasOwnProperty.call(P.attrs, "key") && !(P.props && Object.prototype.hasOwnProperty.call(P.props, "key")) && H(() => {
-          P.props.key = P.attrs.key;
-        });
-        try {
-          const K = {
-            input: [
-              "value",
-              "checked",
-              "readonly",
-              "required",
-              "placeholder",
-              "maxlength",
-              "minlength"
-            ],
-            textarea: [
-              "value",
-              "readonly",
-              "required",
-              "placeholder",
-              "maxlength",
-              "minlength"
-            ],
-            select: ["value", "required", "multiple"],
-            option: ["selected", "value"],
-            video: ["muted", "autoplay", "controls", "loop", "playsinline"],
-            audio: ["muted", "autoplay", "controls", "loop"],
-            img: ["src", "alt", "width", "height"],
-            button: ["type", "name", "value", "autofocus", "form"]
-          }, I = l.toLowerCase(), ie = K[I] ?? [];
-          if (P.attrs) {
-            for (const x of ie)
-              if (R && R.includes(x) && x in P.attrs && !(P.props && x in P.props)) {
-                let $ = P.attrs[x];
-                if ($ && j($))
-                  $ = $.value, P.props[x] = $, delete P.attrs[x];
-                else if ($ && typeof $ == "object" && "value" in $ && !($ instanceof Node))
-                  try {
-                    const z = $.value;
-                    P.props[x] = (I === "select" || I === "option") && x === "value" ? String(z) : z, delete P.attrs[x];
-                  } catch {
-                  }
-                else {
-                  const z = typeof $;
-                  if (x === "disabled")
-                    ($ === "" || z === "boolean" || z === "string" && ($ === "true" || $ === "false") || $ == null || z === "number") && (P.props[x] = $, delete P.attrs[x]);
-                  else if ($ === "" || z === "string" || z === "number" || z === "boolean" || $ == null) {
-                    const ee = (I === "select" || I === "option") && x === "value" ? String($) : $;
-                    P.props[x] = ee, delete P.attrs[x];
-                  }
-                }
-              }
-          }
-          if (l.includes("-") || !!r?.__customElements?.has?.(l)) {
-            if (P.isCustomElement = !0, R && P.attrs) {
-              const x = /* @__PURE__ */ new Set(["id", "name", "data-key", "key"]);
-              for (const $ of R)
-                if ($ in P.attrs && !(P.props && $ in P.props)) {
-                  const z = $.includes("-") ? Ze($) : $, ee = P.attrs[$];
-                  if (P.props[z] = ee, x.has($) || at($))
-                    try {
-                      const je = F(P.attrs[$]);
-                      je === null ? delete P.attrs[$] : P.attrs[$] = je;
-                    } catch {
-                      delete P.attrs[$];
-                    }
-                  else
-                    delete P.attrs[$];
-                }
-            }
-            try {
-              if (P.attrs && !(P.props && "modelValue" in P.props)) {
-                const x = P.attrs["model-value"] ?? P.attrs.modelValue;
-                typeof x < "u" && (P.props.modelValue = x);
-              }
-            } catch {
-            }
-          }
-        } catch {
-        }
-        if (M && Object.keys(M).some(
-          (K) => K === "model" || K.startsWith("model:")
-        ))
-          try {
-            const K = Symbol.for("cer.registry"), I = globalThis[K], ie = !!(I && typeof I.has == "function" && I.has(l)), Y = r, x = !!(Y && (Y.__customElements instanceof Set && Y.__customElements.has(l) || Array.isArray(Y.__isCustomElements) && Y.__isCustomElements.includes(l)));
-            if (!!(l.includes("-") || x || ie))
-              for (const ee of Object.keys(M)) {
-                if (ee !== "model" && !ee.startsWith("model:")) continue;
-                const Me = M[ee], je = Me.arg ?? (ee.includes(":") ? ee.split(":", 2)[1] : void 0), V = Me.value, Be = je ?? "modelValue", Je = U, ht = Re, ve = r?._state || r;
-                let re;
-                typeof V == "string" && ve ? re = Je(
-                  ve,
-                  V
-                ) : re = V, P.props[Be] = re;
-                try {
-                  const ce = J(Be);
-                  P.attrs || (P.attrs = {}), re != null && (typeof re == "string" || typeof re == "number" || typeof re == "boolean") && (P.attrs[ce] = re);
-                } catch {
-                }
-                P.isCustomElement = !0;
-                const Ye = `update:${J(Be)}`.replace(
-                  /-([a-z])/g,
-                  (ce, ne) => ne.toUpperCase()
-                ), yt = "on" + Ye.charAt(0).toUpperCase() + Ye.slice(1);
-                P.props[yt] = function(ce) {
-                  const ne = ce.detail !== void 0 ? ce.detail : ce.target ? ce.target.value : void 0;
-                  if (ve)
-                    if (V && j(V)) {
-                      const ae = V.value;
-                      if (Array.isArray(ne) && Array.isArray(ae) ? JSON.stringify([...ne].sort()) !== JSON.stringify([...ae].sort()) : ne !== ae) {
-                        V.value = ne;
-                        try {
-                          const le = r;
-                          if (le) {
-                            const Se = le.requestRender, _e = le._requestRender;
-                            typeof Se == "function" ? Se() : typeof _e == "function" && _e();
-                          }
-                        } catch {
-                        }
-                      }
-                    } else {
-                      const ae = Je(
-                        ve || {},
-                        typeof V == "string" ? V : String(V)
-                      );
-                      if (Array.isArray(ne) && Array.isArray(ae) ? JSON.stringify([...ne].sort()) !== JSON.stringify([...ae].sort()) : ne !== ae) {
-                        ht(
-                          ve || {},
-                          typeof V == "string" ? V : String(V),
-                          ne
-                        );
-                        try {
-                          const le = r;
-                          if (le) {
-                            const Se = le.requestRender, _e = le._requestRender;
-                            typeof Se == "function" ? Se() : typeof _e == "function" && _e();
-                          }
-                        } catch {
-                        }
-                      }
-                    }
-                }, delete M[ee];
-              }
-          } catch {
-          }
-        if (Object.keys(M).length > 0 && (P.directives = { ...M }), g) {
-          const K = C.some(
-            (x) => typeof x == "object" && x.tag !== "#text"
-          );
-          let I = C;
-          if (K && C.length > 0) {
-            let x = 0;
-            for (; x < C.length; ) {
-              const z = C[x];
-              if (!fe(z) || z.tag !== "#text" || typeof z.children != "string" || z.children.trim() !== "")
-                break;
-              x++;
-            }
-            let $ = C.length - 1;
-            for (; $ >= 0; ) {
-              const z = C[$];
-              if (!fe(z) || z.tag !== "#text" || typeof z.children != "string" || z.children.trim() !== "")
-                break;
-              $--;
-            }
-            x === 0 && $ === C.length - 1 ? I = C : x > $ ? I = [] : I = C.slice(x, $ + 1);
-          }
-          const ie = oe(
-            w,
-            L,
-            I.length === 1 && fe(I[0]) && I[0].tag === "#text" ? typeof I[0].children == "string" ? I[0].children : "" : I.length ? I : void 0,
-            a
-          ), Y = b.pop();
-          Y ? (w = Y.tag, L = Y.props, a = Y.key, C = Y.children, C.push(ie)) : (h.push(ie), w = null, L = {}, a = void 0, C = []);
-        } else A ? w ? C.push(oe(l, P, void 0, void 0)) : h.push(oe(l, P, void 0, void 0)) : (w && b.push({
-          tag: w,
-          props: L,
-          children: C,
-          key: a
-        }), w = l, L = P, C = []);
-      } else if (typeof m[3] < "u") {
-        const l = Number(m[3]), g = n[l], A = `interp-${l}`;
-        E(g, A);
-      } else if (m[4]) {
-        const l = m[4], g = w ? C : h, A = l.split(/({{\d+}})/);
-        for (const N of A) {
-          if (!N) continue;
-          const O = N.match(/^{{(\d+)}}$/);
-          if (O) {
-            const M = Number(O[1]), R = n[M], P = `interp-${M}`;
-            E(R, P);
-          } else {
-            const M = `text-${S++}`, R = p();
-            g.push(f(N, M, R));
-          }
-        }
+function Y() {
+  P(), q(), N();
+}
+function Z(e) {
+  if (typeof document > "u")
+    return { portal: () => {
+    }, destroy: () => {
+    } };
+  if (A())
+    return { portal: () => {
+    }, destroy: () => {
+    } };
+  if (k()) {
+    const r = I.getOrCreateState(null), n = r.peek();
+    if (n !== null)
+      return n;
+    const a = g(e, () => r.initSilent(null));
+    return r.initSilent(a), a;
+  }
+  return g(e);
+}
+function g(e, t) {
+  const r = typeof e == "string" ? document.querySelector(e) : e;
+  if (!r)
+    return console.warn(
+      `[useTeleport] Target "${String(e)}" not found in the document. Teleported content will not be rendered.`
+    ), { portal: () => {
+    }, destroy: () => {
+    } };
+  const n = document.createElement("cer-teleport");
+  n.dataset.cerTeleport = "", r.appendChild(n);
+  const a = {};
+  return {
+    portal(c) {
+      const d = c == null ? [] : Array.isArray(c) ? c : [c];
+      m(n, d, void 0, a);
+    },
+    destroy() {
+      try {
+        m(n, [], void 0, a);
+      } catch {
       }
+      n.parentNode && n.parentNode.removeChild(n), t?.();
     }
-  const k = h.filter((l) => fe(l) && l.tag === "#text" ? typeof l.children == "string" && l.children.trim() !== "" : !0).map(
-    (l) => Ge(l)
-  );
-  if (k.length === 1) {
-    const l = k[0];
-    return o && i && Ue.set(i, l), l;
-  } else if (k.length > 1) {
-    const l = k;
-    return o && i && Ue.set(i, l), l;
-  }
-  return oe("div", {}, "", "fallback-root");
-}
-function mn(e, ...n) {
-  const t = n[n.length - 1], s = typeof t == "object" && t && !Array.isArray(t) ? t : void 0;
-  return nn(e, n, s);
+  };
 }
 export {
-  yn as component,
-  En as computed,
-  wn as css,
-  Et as decodeEntities,
-  mn as html,
-  vn as ref,
-  kn as setDevMode,
-  Sn as unsafeHTML,
-  an as useEmit,
-  un as useOnAttributeChanged,
-  ln as useOnConnected,
-  fn as useOnDisconnected,
-  pn as useOnError,
-  dn as useProps,
-  hn as useStyle,
-  _n as watch
+  ue as ReactiveState,
+  v as component,
+  he as computed,
+  ee as createComposable,
+  j as createHealthMonitor,
+  Se as css,
+  de as decodeEntities,
+  Re as devLog,
+  fe as flushDOMUpdates,
+  k as getCurrentComponentContext,
+  C as getHealthMonitor,
+  V as getHealthStatus,
+  l as html,
+  te as inject,
+  me as isReactiveState,
+  pe as nextTick,
+  ne as provide,
+  p as ref,
+  Y as registerBuiltinComponents,
+  q as registerErrorBoundary,
+  N as registerKeepAlive,
+  P as registerSuspense,
+  ye as scheduleWithPriority,
+  Ee as setDevMode,
+  ge as unsafeHTML,
+  W as updateHealthMetric,
+  re as useEmit,
+  T as useExpose,
+  oe as useOnAttributeChanged,
+  se as useOnConnected,
+  ie as useOnDisconnected,
+  b as useOnError,
+  x as useProps,
+  ae as useSlots,
+  ce as useStyle,
+  Z as useTeleport,
+  ve as watch,
+  Ce as watchEffect
 };
 //# sourceMappingURL=custom-elements-runtime.es.js.map