tina4js 1.0.0 → 1.0.2

package/TINA4.md

@@ -156,6 +156,20 @@ tina4 build --target python
 - `formToken` injected into POST/PUT/PATCH/DELETE body
 - Token auto-rotated via `FreshToken` response header
 
+## Debug Overlay
+
+```ts
+// Always-on
+import 'tina4js/debug';
+
+// Dev-only (recommended — stripped from production builds)
+if (import.meta.env.DEV) import('tina4js/debug');
+```
+
+- Toggle with **Ctrl+Shift+D**
+- Shows: live signal values + subscriber counts, mounted components, route navigation history with timing, API request/response log
+- Zero cost in production when using the `import.meta.env.DEV` guard (tree-shaken by Vite/Rollup)
+
 ## Framework Size
 
 | Module | Gzipped |

package/dist/component.cjs.js

@@ -0,0 +1 @@
+"use strict";const p=require("./signal.cjs.js");let r=null,n=null;function u(h,t){r=h,n=t}const e=class e extends HTMLElement{constructor(){super(),this._props={},this._rendered=!1;const t=this.constructor;this._root=t.shadow?this.attachShadow({mode:"open"}):this;for(const[o,s]of Object.entries(t.props))this._props[o]=p.signal(this._coerce(this.getAttribute(o),s))}static get observedAttributes(){return Object.keys(this.props)}connectedCallback(){if(this._rendered)return;this._rendered=!0;const t=this.constructor;if(t.styles&&t.shadow&&this._root instanceof ShadowRoot){const s=document.createElement("style");s.textContent=t.styles,this._root.appendChild(s)}const o=this.render();o&&this._root.appendChild(o),this.onMount(),r&&r(this)}disconnectedCallback(){this.onUnmount(),n&&n(this)}attributeChangedCallback(t,o,s){const c=this.constructor.props[t];c&&this._props[t]&&(this._props[t].value=this._coerce(s,c))}prop(t){if(!this._props[t])throw new Error(`[tina4] Prop '${t}' not declared in static props of <${this.tagName.toLowerCase()}>`);return this._props[t]}emit(t,o){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,...o}))}onMount(){}onUnmount(){}_coerce(t,o){return o===Boolean?t!==null:o===Number?t!==null?Number(t):0:t??""}};e.props={},e.styles="",e.shadow=!0;let i=e;exports.Tina4Element=i;exports.__setDebugComponentHooks=u;

package/dist/component.es.js

@@ -0,0 +1,81 @@
+import { s as p } from "./signal.es.js";
+let r = null, n = null;
+function a(h, t) {
+  r = h, n = t;
+}
+const e = class e extends HTMLElement {
+  constructor() {
+    super(), this._props = {}, this._rendered = !1;
+    const t = this.constructor;
+    this._root = t.shadow ? this.attachShadow({ mode: "open" }) : this;
+    for (const [o, s] of Object.entries(t.props))
+      this._props[o] = p(this._coerce(this.getAttribute(o), s));
+  }
+  static get observedAttributes() {
+    return Object.keys(this.props);
+  }
+  connectedCallback() {
+    if (this._rendered) return;
+    this._rendered = !0;
+    const t = this.constructor;
+    if (t.styles && t.shadow && this._root instanceof ShadowRoot) {
+      const s = document.createElement("style");
+      s.textContent = t.styles, this._root.appendChild(s);
+    }
+    const o = this.render();
+    o && this._root.appendChild(o), this.onMount(), r && r(this);
+  }
+  disconnectedCallback() {
+    this.onUnmount(), n && n(this);
+  }
+  attributeChangedCallback(t, o, s) {
+    const i = this.constructor.props[t];
+    i && this._props[t] && (this._props[t].value = this._coerce(s, i));
+  }
+  /**
+   * Get a reactive signal for a declared prop.
+   *
+   * ```ts
+   * render() {
+   *   return html`<span>${this.prop('name')}</span>`;
+   * }
+   * ```
+   */
+  prop(t) {
+    if (!this._props[t])
+      throw new Error(`[tina4] Prop '${t}' not declared in static props of <${this.tagName.toLowerCase()}>`);
+    return this._props[t];
+  }
+  /**
+   * Dispatch a custom event from this component.
+   *
+   * ```ts
+   * this.emit('activate', { detail: 42 });
+   * ```
+   */
+  emit(t, o) {
+    this.dispatchEvent(new CustomEvent(t, {
+      bubbles: !0,
+      composed: !0,
+      // crosses shadow DOM boundary
+      ...o
+    }));
+  }
+  // ── Lifecycle hooks (override in subclass) ──────────────────────
+  /** Called after first render. */
+  onMount() {
+  }
+  /** Called when removed from DOM. */
+  onUnmount() {
+  }
+  // ── Private ─────────────────────────────────────────────────────
+  _coerce(t, o) {
+    return o === Boolean ? t !== null : o === Number ? t !== null ? Number(t) : 0 : t ?? "";
+  }
+};
+e.props = {}, e.styles = "", e.shadow = !0;
+let c = e;
+export {
+  c as T,
+  a as _
+};

package/dist/core.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let l=null,p=0;const m=new Set;function y(n){let t=n;const e=new Set;return{_t4:!0,get value(){return l&&e.add(l),t},set value(o){if(!Object.is(o,t))if(t=o,p>0)for(const s of e)m.add(s);else for(const s of[...e])s()},_subscribe(o){return e.add(o),()=>{e.delete(o)}},peek(){return t}}}function S(n){const t=y(void 0);return a(()=>{t.value=n()}),{_t4:!0,get value(){return t.value},set value(e){throw new Error("[tina4] computed signals are read-only")},_subscribe(e){return t._subscribe(e)},peek(){return t.peek()}}}function a(n){let t=!1;const e=()=>{if(t)return;const o=l;l=e;try{n()}finally{l=o}};return e(),()=>{t=!0}}function x(n){p++;try{n()}finally{if(p--,p===0){const t=[...m];m.clear();for(const e of t)e()}}}function d(n){return n!==null&&typeof n=="object"&&n._t4===!0}const C=new WeakMap,_="t4:";function E(n,...t){let e=C.get(n);if(!e){e=document.createElement("template");let c="";for(let r=0;r<n.length;r++)c+=n[r],r<t.length&&(W(c)?c+=`__t4_${r}__`:c+=`<!--${_}${r}-->`);e.innerHTML=c,C.set(n,e)}const o=e.content.cloneNode(!0),s=T(o);for(const{marker:c,index:r}of s)j(c,t[r]);const i=M(o);for(const c of i)I(c,t);return o}function T(n){const t=[];return A(n,e=>{if(e.nodeType===8){const o=e.data;if(o&&o.startsWith(_)){const s=parseInt(o.slice(_.length),10);t.push({marker:e,index:s})}}}),t}function M(n){const t=[];return A(n,e=>{e.nodeType===1&&t.push(e)}),t}function A(n,t){const e=n.childNodes;for(let o=0;o<e.length;o++){const s=e[o];t(s),A(s,t)}}function j(n,t){const e=n.parentNode;if(e)if(d(t)){const o=document.createTextNode("");e.replaceChild(o,n),a(()=>{o.data=String(t.value??"")})}else if(typeof t=="function"){const o=document.createComment("");e.replaceChild(o,n);let s=[];a(()=>{var u;const i=t();for(const f of s)(u=f.parentNode)==null||u.removeChild(f);s=[];const c=b(i),r=o.parentNode;for(const f of c)r.insertBefore(f,o),s.push(f)})}else if(N(t))e.replaceChild(t,n);else if(t instanceof Node)e.replaceChild(t,n);else if(Array.isArray(t)){const o=document.createDocumentFragment();for(const s of t){const i=b(s);for(const c of i)o.appendChild(c)}e.replaceChild(o,n)}else{const o=document.createTextNode(String(t??""));e.replaceChild(o,n)}}function I(n,t){const e=[];for(const o of Array.from(n.attributes)){const s=o.name,i=o.value;if(s.startsWith("@")){const r=s.slice(1),u=i.match(/__t4_(\d+)__/);if(u){const f=t[parseInt(u[1],10)];typeof f=="function"&&n.addEventListener(r,f)}e.push(s);continue}if(s.startsWith("?")){const r=s.slice(1),u=i.match(/__t4_(\d+)__/);if(u){const f=t[parseInt(u[1],10)];if(d(f)){const w=f;a(()=>{w.value?n.setAttribute(r,""):n.removeAttribute(r)})}else f&&n.setAttribute(r,"")}e.push(s);continue}if(s.startsWith(".")){const r=s.slice(1),u=i.match(/__t4_(\d+)__/);if(u){const f=t[parseInt(u[1],10)];d(f)?a(()=>{n[r]=f.value}):n[r]=f}e.push(s);continue}const c=i.match(/__t4_(\d+)__/);if(c){const r=t[parseInt(c[1],10)];if(d(r)){const u=r;a(()=>{n.setAttribute(s,String(u.value??""))})}else typeof r=="function"?a(()=>{n.setAttribute(s,String(r()??""))}):n.setAttribute(s,String(r??""))}}for(const o of e)n.removeAttribute(o)}function b(n){if(n==null||n===!1)return[];if(N(n))return Array.from(n.childNodes);if(n instanceof Node)return[n];if(Array.isArray(n)){const t=[];for(const e of n)t.push(...b(e));return t}return[document.createTextNode(String(n))]}function N(n){return n!=null&&typeof n=="object"&&n.nodeType===11}function W(n){let t=!1,e=!1,o=!1;for(let s=0;s<n.length;s++){const i=n[s];i==="<"&&!t&&!e&&(o=!0),i===">"&&!t&&!e&&(o=!1),o&&(i==='"'&&!t&&(e=!e),i==="'"&&!e&&(t=!t))}return o}const h=class h extends HTMLElement{constructor(){super(),this._props={},this._rendered=!1;const t=this.constructor;this._root=t.shadow?this.attachShadow({mode:"open"}):this;for(const[e,o]of Object.entries(t.props))this._props[e]=y(this._coerce(this.getAttribute(e),o))}static get observedAttributes(){return Object.keys(this.props)}connectedCallback(){if(this._rendered)return;this._rendered=!0;const t=this.constructor;if(t.styles&&t.shadow&&this._root instanceof ShadowRoot){const o=document.createElement("style");o.textContent=t.styles,this._root.appendChild(o)}const e=this.render();e&&this._root.appendChild(e),this.onMount()}disconnectedCallback(){this.onUnmount()}attributeChangedCallback(t,e,o){const i=this.constructor.props[t];i&&this._props[t]&&(this._props[t].value=this._coerce(o,i))}prop(t){if(!this._props[t])throw new Error(`[tina4] Prop '${t}' not declared in static props of <${this.tagName.toLowerCase()}>`);return this._props[t]}emit(t,e){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,...e}))}onMount(){}onUnmount(){}_coerce(t,e){return e===Boolean?t!==null:e===Number?t!==null?Number(t):0:t??""}};h.props={},h.styles="",h.shadow=!0;let g=h;exports.Tina4Element=g;exports.batch=x;exports.computed=S;exports.effect=a;exports.html=E;exports.isSignal=d;exports.signal=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./signal.cjs.js"),_=require("./component.cjs.js"),h=new WeakMap,d="t4:";function A(t,...e){let n=h.get(t);if(!n){n=document.createElement("template");let c="";for(let s=0;s<t.length;s++)c+=t[s],s<e.length&&(T(c)?c+=`__t4_${s}__`:c+=`<!--${d}${s}-->`);n.innerHTML=c,h.set(t,n)}const o=n.content.cloneNode(!0),i=N(o);for(const{marker:c,index:s}of i)y(c,e[s]);const f=b(o);for(const c of f)S(c,e);return o}function N(t){const e=[];return u(t,n=>{if(n.nodeType===8){const o=n.data;if(o&&o.startsWith(d)){const i=parseInt(o.slice(d.length),10);e.push({marker:n,index:i})}}}),e}function b(t){const e=[];return u(t,n=>{n.nodeType===1&&e.push(n)}),e}function u(t,e){const n=t.childNodes;for(let o=0;o<n.length;o++){const i=n[o];e(i),u(i,e)}}function y(t,e){const n=t.parentNode;if(n)if(a.isSignal(e)){const o=document.createTextNode("");n.replaceChild(o,t),a.effect(()=>{o.data=String(e.value??"")})}else if(typeof e=="function"){const o=document.createComment("");n.replaceChild(o,t);let i=[];a.effect(()=>{var l;const f=e();for(const r of i)(l=r.parentNode)==null||l.removeChild(r);i=[];const c=m(f),s=o.parentNode;for(const r of c)s.insertBefore(r,o),i.push(r)})}else if(p(e))n.replaceChild(e,t);else if(e instanceof Node)n.replaceChild(e,t);else if(Array.isArray(e)){const o=document.createDocumentFragment();for(const i of e){const f=m(i);for(const c of f)o.appendChild(c)}n.replaceChild(o,t)}else{const o=document.createTextNode(String(e??""));n.replaceChild(o,t)}}function S(t,e){const n=[];for(const o of Array.from(t.attributes)){const i=o.name,f=o.value;if(i.startsWith("@")){const s=i.slice(1),l=f.match(/__t4_(\d+)__/);if(l){const r=e[parseInt(l[1],10)];typeof r=="function"&&t.addEventListener(s,r)}n.push(i);continue}if(i.startsWith("?")){const s=i.slice(1),l=f.match(/__t4_(\d+)__/);if(l){const r=e[parseInt(l[1],10)];if(a.isSignal(r)){const g=r;a.effect(()=>{g.value?t.setAttribute(s,""):t.removeAttribute(s)})}else r&&t.setAttribute(s,"")}n.push(i);continue}if(i.startsWith(".")){const s=i.slice(1),l=f.match(/__t4_(\d+)__/);if(l){const r=e[parseInt(l[1],10)];a.isSignal(r)?a.effect(()=>{t[s]=r.value}):t[s]=r}n.push(i);continue}const c=f.match(/__t4_(\d+)__/);if(c){const s=e[parseInt(c[1],10)];if(a.isSignal(s)){const l=s;a.effect(()=>{t.setAttribute(i,String(l.value??""))})}else typeof s=="function"?a.effect(()=>{t.setAttribute(i,String(s()??""))}):t.setAttribute(i,String(s??""))}}for(const o of n)t.removeAttribute(o)}function m(t){if(t==null||t===!1)return[];if(p(t))return Array.from(t.childNodes);if(t instanceof Node)return[t];if(Array.isArray(t)){const e=[];for(const n of t)e.push(...m(n));return e}return[document.createTextNode(String(t))]}function p(t){return t!=null&&typeof t=="object"&&t.nodeType===11}function T(t){let e=!1,n=!1,o=!1;for(let i=0;i<t.length;i++){const f=t[i];f==="<"&&!e&&!n&&(o=!0),f===">"&&!e&&!n&&(o=!1),o&&(f==='"'&&!e&&(n=!n),f==="'"&&!n&&(e=!e))}return o}exports.batch=a.batch;exports.computed=a.computed;exports.effect=a.effect;exports.isSignal=a.isSignal;exports.signal=a.signal;exports.Tina4Element=_.Tina4Element;exports.html=A;

package/dist/core.es.js

@@ -1,315 +1,168 @@
-let d = null, h = 0;
-const m = /* @__PURE__ */ new Set();
-function C(n) {
-  let t = n;
-  const e = /* @__PURE__ */ new Set();
-  return {
-    _t4: !0,
-    get value() {
-      return d && e.add(d), t;
-    },
-    set value(o) {
-      if (!Object.is(o, t))
-        if (t = o, h > 0)
-          for (const s of e) m.add(s);
-        else
-          for (const s of [...e]) s();
-    },
-    _subscribe(o) {
-      return e.add(o), () => {
-        e.delete(o);
-      };
-    },
-    peek() {
-      return t;
-    }
-  };
-}
-function M(n) {
-  const t = C(void 0);
-  return a(() => {
-    t.value = n();
-  }), {
-    _t4: !0,
-    get value() {
-      return t.value;
-    },
-    set value(e) {
-      throw new Error("[tina4] computed signals are read-only");
-    },
-    _subscribe(e) {
-      return t._subscribe(e);
-    },
-    peek() {
-      return t.peek();
-    }
-  };
-}
-function a(n) {
-  let t = !1;
-  const e = () => {
-    if (t) return;
-    const o = d;
-    d = e;
-    try {
-      n();
-    } finally {
-      d = o;
-    }
-  };
-  return e(), () => {
-    t = !0;
-  };
-}
-function j(n) {
-  h++;
-  try {
-    n();
-  } finally {
-    if (h--, h === 0) {
-      const t = [...m];
-      m.clear();
-      for (const e of t) e();
-    }
-  }
-}
-function p(n) {
-  return n !== null && typeof n == "object" && n._t4 === !0;
-}
-const y = /* @__PURE__ */ new WeakMap(), _ = "t4:";
-function W(n, ...t) {
-  let e = y.get(n);
-  if (!e) {
-    e = document.createElement("template");
-    let c = "";
-    for (let r = 0; r < n.length; r++)
-      c += n[r], r < t.length && (I(c) ? c += `__t4_${r}__` : c += `<!--${_}${r}-->`);
-    e.innerHTML = c, y.set(n, e);
-  }
-  const o = e.content.cloneNode(!0), s = S(o);
-  for (const { marker: c, index: r } of s)
-    E(c, t[r]);
-  const i = x(o);
-  for (const c of i)
-    T(c, t);
+import { i as l, e as d } from "./signal.es.js";
+import { b as I, c as W, s as V } from "./signal.es.js";
+import { T as D } from "./component.es.js";
+const u = /* @__PURE__ */ new WeakMap(), m = "t4:";
+function x(t, ...e) {
+  let n = u.get(t);
+  if (!n) {
+    n = document.createElement("template");
+    let r = "";
+    for (let i = 0; i < t.length; i++)
+      r += t[i], i < e.length && (T(r) ? r += `__t4_${i}__` : r += `<!--${m}${i}-->`);
+    n.innerHTML = r, u.set(t, n);
+  }
+  const o = n.content.cloneNode(!0), s = A(o);
+  for (const { marker: r, index: i } of s)
+    b(r, e[i]);
+  const f = N(o);
+  for (const r of f)
+    y(r, e);
   return o;
 }
-function S(n) {
-  const t = [];
-  return g(n, (e) => {
-    if (e.nodeType === 8) {
-      const o = e.data;
-      if (o && o.startsWith(_)) {
-        const s = parseInt(o.slice(_.length), 10);
-        t.push({ marker: e, index: s });
+function A(t) {
+  const e = [];
+  return h(t, (n) => {
+    if (n.nodeType === 8) {
+      const o = n.data;
+      if (o && o.startsWith(m)) {
+        const s = parseInt(o.slice(m.length), 10);
+        e.push({ marker: n, index: s });
       }
     }
-  }), t;
+  }), e;
 }
-function x(n) {
-  const t = [];
-  return g(n, (e) => {
-    e.nodeType === 1 && t.push(e);
-  }), t;
+function N(t) {
+  const e = [];
+  return h(t, (n) => {
+    n.nodeType === 1 && e.push(n);
+  }), e;
 }
-function g(n, t) {
-  const e = n.childNodes;
-  for (let o = 0; o < e.length; o++) {
-    const s = e[o];
-    t(s), g(s, t);
+function h(t, e) {
+  const n = t.childNodes;
+  for (let o = 0; o < n.length; o++) {
+    const s = n[o];
+    e(s), h(s, e);
   }
 }
-function E(n, t) {
-  const e = n.parentNode;
-  if (e)
-    if (p(t)) {
+function b(t, e) {
+  const n = t.parentNode;
+  if (n)
+    if (l(e)) {
       const o = document.createTextNode("");
-      e.replaceChild(o, n), a(() => {
-        o.data = String(t.value ?? "");
+      n.replaceChild(o, t), d(() => {
+        o.data = String(e.value ?? "");
       });
-    } else if (typeof t == "function") {
+    } else if (typeof e == "function") {
       const o = document.createComment("");
-      e.replaceChild(o, n);
+      n.replaceChild(o, t);
       let s = [];
-      a(() => {
-        var u;
-        const i = t();
-        for (const f of s) (u = f.parentNode) == null || u.removeChild(f);
+      d(() => {
+        var a;
+        const f = e();
+        for (const c of s) (a = c.parentNode) == null || a.removeChild(c);
         s = [];
-        const c = b(i), r = o.parentNode;
-        for (const f of c)
-          r.insertBefore(f, o), s.push(f);
+        const r = p(f), i = o.parentNode;
+        for (const c of r)
+          i.insertBefore(c, o), s.push(c);
       });
-    } else if (N(t))
-      e.replaceChild(t, n);
-    else if (t instanceof Node)
-      e.replaceChild(t, n);
-    else if (Array.isArray(t)) {
+    } else if (_(e))
+      n.replaceChild(e, t);
+    else if (e instanceof Node)
+      n.replaceChild(e, t);
+    else if (Array.isArray(e)) {
       const o = document.createDocumentFragment();
-      for (const s of t) {
-        const i = b(s);
-        for (const c of i) o.appendChild(c);
+      for (const s of e) {
+        const f = p(s);
+        for (const r of f) o.appendChild(r);
       }
-      e.replaceChild(o, n);
+      n.replaceChild(o, t);
     } else {
-      const o = document.createTextNode(String(t ?? ""));
-      e.replaceChild(o, n);
+      const o = document.createTextNode(String(e ?? ""));
+      n.replaceChild(o, t);
     }
 }
-function T(n, t) {
-  const e = [];
-  for (const o of Array.from(n.attributes)) {
-    const s = o.name, i = o.value;
+function y(t, e) {
+  const n = [];
+  for (const o of Array.from(t.attributes)) {
+    const s = o.name, f = o.value;
     if (s.startsWith("@")) {
-      const r = s.slice(1), u = i.match(/__t4_(\d+)__/);
-      if (u) {
-        const f = t[parseInt(u[1], 10)];
-        typeof f == "function" && n.addEventListener(r, f);
+      const i = s.slice(1), a = f.match(/__t4_(\d+)__/);
+      if (a) {
+        const c = e[parseInt(a[1], 10)];
+        typeof c == "function" && t.addEventListener(i, c);
       }
-      e.push(s);
+      n.push(s);
       continue;
     }
     if (s.startsWith("?")) {
-      const r = s.slice(1), u = i.match(/__t4_(\d+)__/);
-      if (u) {
-        const f = t[parseInt(u[1], 10)];
-        if (p(f)) {
-          const w = f;
-          a(() => {
-            w.value ? n.setAttribute(r, "") : n.removeAttribute(r);
+      const i = s.slice(1), a = f.match(/__t4_(\d+)__/);
+      if (a) {
+        const c = e[parseInt(a[1], 10)];
+        if (l(c)) {
+          const g = c;
+          d(() => {
+            g.value ? t.setAttribute(i, "") : t.removeAttribute(i);
           });
         } else
-          f && n.setAttribute(r, "");
+          c && t.setAttribute(i, "");
       }
-      e.push(s);
+      n.push(s);
       continue;
     }
     if (s.startsWith(".")) {
-      const r = s.slice(1), u = i.match(/__t4_(\d+)__/);
-      if (u) {
-        const f = t[parseInt(u[1], 10)];
-        p(f) ? a(() => {
-          n[r] = f.value;
-        }) : n[r] = f;
+      const i = s.slice(1), a = f.match(/__t4_(\d+)__/);
+      if (a) {
+        const c = e[parseInt(a[1], 10)];
+        l(c) ? d(() => {
+          t[i] = c.value;
+        }) : t[i] = c;
       }
-      e.push(s);
+      n.push(s);
       continue;
     }
-    const c = i.match(/__t4_(\d+)__/);
-    if (c) {
-      const r = t[parseInt(c[1], 10)];
-      if (p(r)) {
-        const u = r;
-        a(() => {
-          n.setAttribute(s, String(u.value ?? ""));
+    const r = f.match(/__t4_(\d+)__/);
+    if (r) {
+      const i = e[parseInt(r[1], 10)];
+      if (l(i)) {
+        const a = i;
+        d(() => {
+          t.setAttribute(s, String(a.value ?? ""));
         });
-      } else typeof r == "function" ? a(() => {
-        n.setAttribute(s, String(r() ?? ""));
-      }) : n.setAttribute(s, String(r ?? ""));
+      } else typeof i == "function" ? d(() => {
+        t.setAttribute(s, String(i() ?? ""));
+      }) : t.setAttribute(s, String(i ?? ""));
     }
   }
-  for (const o of e) n.removeAttribute(o);
+  for (const o of n) t.removeAttribute(o);
 }
-function b(n) {
-  if (n == null || n === !1) return [];
-  if (N(n)) return Array.from(n.childNodes);
-  if (n instanceof Node) return [n];
-  if (Array.isArray(n)) {
-    const t = [];
-    for (const e of n) t.push(...b(e));
-    return t;
-  }
-  return [document.createTextNode(String(n))];
+function p(t) {
+  if (t == null || t === !1) return [];
+  if (_(t)) return Array.from(t.childNodes);
+  if (t instanceof Node) return [t];
+  if (Array.isArray(t)) {
+    const e = [];
+    for (const n of t) e.push(...p(n));
+    return e;
+  }
+  return [document.createTextNode(String(t))];
 }
-function N(n) {
-  return n != null && typeof n == "object" && n.nodeType === 11;
+function _(t) {
+  return t != null && typeof t == "object" && t.nodeType === 11;
 }
-function I(n) {
-  let t = !1, e = !1, o = !1;
-  for (let s = 0; s < n.length; s++) {
-    const i = n[s];
-    i === "<" && !t && !e && (o = !0), i === ">" && !t && !e && (o = !1), o && (i === '"' && !t && (e = !e), i === "'" && !e && (t = !t));
+function T(t) {
+  let e = !1, n = !1, o = !1;
+  for (let s = 0; s < t.length; s++) {
+    const f = t[s];
+    f === "<" && !e && !n && (o = !0), f === ">" && !e && !n && (o = !1), o && (f === '"' && !e && (n = !n), f === "'" && !n && (e = !e));
   }
   return o;
 }
-const l = class l extends HTMLElement {
-  constructor() {
-    super(), this._props = {}, this._rendered = !1;
-    const t = this.constructor;
-    this._root = t.shadow ? this.attachShadow({ mode: "open" }) : this;
-    for (const [e, o] of Object.entries(t.props))
-      this._props[e] = C(this._coerce(this.getAttribute(e), o));
-  }
-  static get observedAttributes() {
-    return Object.keys(this.props);
-  }
-  connectedCallback() {
-    if (this._rendered) return;
-    this._rendered = !0;
-    const t = this.constructor;
-    if (t.styles && t.shadow && this._root instanceof ShadowRoot) {
-      const o = document.createElement("style");
-      o.textContent = t.styles, this._root.appendChild(o);
-    }
-    const e = this.render();
-    e && this._root.appendChild(e), this.onMount();
-  }
-  disconnectedCallback() {
-    this.onUnmount();
-  }
-  attributeChangedCallback(t, e, o) {
-    const i = this.constructor.props[t];
-    i && this._props[t] && (this._props[t].value = this._coerce(o, i));
-  }
-  /**
-   * Get a reactive signal for a declared prop.
-   *
-   * ```ts
-   * render() {
-   *   return html`<span>${this.prop('name')}</span>`;
-   * }
-   * ```
-   */
-  prop(t) {
-    if (!this._props[t])
-      throw new Error(`[tina4] Prop '${t}' not declared in static props of <${this.tagName.toLowerCase()}>`);
-    return this._props[t];
-  }
-  /**
-   * Dispatch a custom event from this component.
-   *
-   * ```ts
-   * this.emit('activate', { detail: 42 });
-   * ```
-   */
-  emit(t, e) {
-    this.dispatchEvent(new CustomEvent(t, {
-      bubbles: !0,
-      composed: !0,
-      // crosses shadow DOM boundary
-      ...e
-    }));
-  }
-  // ── Lifecycle hooks (override in subclass) ──────────────────────
-  /** Called after first render. */
-  onMount() {
-  }
-  /** Called when removed from DOM. */
-  onUnmount() {
-  }
-  // ── Private ─────────────────────────────────────────────────────
-  _coerce(t, e) {
-    return e === Boolean ? t !== null : e === Number ? t !== null ? Number(t) : 0 : t ?? "";
-  }
-};
-l.props = {}, l.styles = "", l.shadow = !0;
-let A = l;
 export {
-  A as Tina4Element,
-  j as batch,
-  M as computed,
-  a as effect,
-  W as html,
-  p as isSignal,
-  C as signal
+  D as Tina4Element,
+  I as batch,
+  W as computed,
+  d as effect,
+  x as html,
+  l as isSignal,
+  V as signal
 };