@tachui/core 0.8.24 → 0.8.26

package/dist/{component-BzvSm8rM.js → component-DR1wgdPH.js}

@@ -1,12 +1,12 @@
-import { o as x } from "./cleanup-BR8UpYPX.js";
+import { o as _ } from "./cleanup-BR8UpYPX.js";
 import { c as h } from "./effect-DgNm6jk9.js";
-import { b as _, r as K } from "./component-context-C7Y6Xu6h.js";
-import { c as $ } from "./computed-CA4Cgtoe.js";
-import { d as P } from "./signal-BRoiFOO7.js";
-var Q = Object.defineProperty, N = (n, e, r) => e in n ? Q(n, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : n[e] = r, p = (n, e, r) => N(n, typeof e != "symbol" ? e + "" : e, r);
-class b {
+import { e as E, f as U, b as Q, r as $ } from "./component-context-BB80qzyZ.js";
+import { c as O } from "./computed-CA4Cgtoe.js";
+import { d as A } from "./signal-BRoiFOO7.js";
+var j = Object.defineProperty, q = (n, e, r) => e in n ? j(n, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : n[e] = r, p = (n, e, r) => q(n, typeof e != "symbol" ? e + "" : e, r);
+class v {
   constructor(e, r) {
-    this.validator = r, p(this, "propsSignal"), p(this, "childrenSignal"), p(this, "changedKeys", /* @__PURE__ */ new Set()), this.propsSignal = P(this.validateAndMergeProps(e)), this.childrenSignal = P(e.children), h(() => {
+    this.validator = r, p(this, "propsSignal"), p(this, "childrenSignal"), p(this, "changedKeys", /* @__PURE__ */ new Set()), this.propsSignal = A(this.validateAndMergeProps(e)), this.childrenSignal = A(e.children), h(() => {
       const t = this.propsSignal[0]();
       this.trackChanges(t);
     });
@@ -48,7 +48,7 @@ class b {
    * Create reactive computed for a specific prop
    */
   createPropComputed(e) {
-    return $(() => this.getProps()[e]);
+    return O(() => this.getProps()[e]);
   }
   /**
    * Create effect that runs when specific props change
@@ -84,7 +84,7 @@ class b {
 }
 class d {
   constructor(e = null) {
-    p(this, "childrenSignal"), this.childrenSignal = P(e);
+    p(this, "childrenSignal"), this.childrenSignal = A(e);
   }
   /**
    * Get current children reactively
@@ -147,7 +147,7 @@ class d {
             Array.isArray(o) ? r.push(...o) : r.push(o);
           } else if (Array.isArray(t))
             r.push(...this.renderChildrenArray(t));
-          else if (j(t)) {
+          else if (F(t)) {
             const i = t.build().render();
             Array.isArray(i) ? r.push(...i) : r.push(i);
           } else if (typeof t == "object" && t !== null && "render" in t) {
@@ -205,19 +205,19 @@ class g {
     };
   }
 }
-function G(n, e) {
-  return new b(n, e);
+function z(n, e) {
+  return new v(n, e);
 }
-function T(n) {
+function H(n) {
   return new d(n);
 }
-function j(n) {
+function F(n) {
   return typeof n != "object" || n === null || !("build" in n && typeof n.build == "function") ? !1 : !("render" in n && typeof n.render == "function");
 }
-function W(n) {
+function J(n) {
   return new g(n);
 }
-const S = {
+const x = {
   /**
    * Compare props for changes
    */
@@ -257,9 +257,9 @@ const S = {
       delete r[t];
     return r;
   }
-}, z = (n) => new d(n).renderChildren();
-var O = Object.defineProperty, q = (n, e, r) => e in n ? O(n, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : n[e] = r, u = (n, e, r) => q(n, typeof e != "symbol" ? e + "" : e, r);
-const E = class f {
+}, X = (n) => new d(n).renderChildren();
+var B = Object.defineProperty, k = (n, e, r) => e in n ? B(n, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : n[e] = r, u = (n, e, r) => k(n, typeof e != "symbol" ? e + "" : e, r);
+const K = class f {
   constructor() {
     u(this, "components", /* @__PURE__ */ new Map()), u(this, "contexts", /* @__PURE__ */ new Map()), u(this, "cleanupQueue", /* @__PURE__ */ new Set()), u(this, "updateQueue", /* @__PURE__ */ new Set()), u(this, "isUpdating", !1);
   }
@@ -356,61 +356,58 @@ const E = class f {
     }), this.cleanupQueue.clear(), this.updateQueue.clear();
   }
 };
-u(E, "instance");
-let F = E;
+u(K, "instance");
+let I = K;
 function m(n, e = {}) {
   const r = (t) => {
-    const o = R(), i = F.getInstance(), s = [], l = _(o), C = new b(t, {
+    const o = E() || void 0, i = e.displayName || n.name || "unknown", s = U(i, o), l = I.getInstance(), C = [], w = Q(s, o), P = new v(t, {
       defaults: e.defaultProps || void 0,
       ...e.validation
-    }), w = new d(t.children), U = new g();
-    let c, A = !1, v = !1;
-    const M = {
+    }), b = new d(t.children), N = new g();
+    let c, M = !1, R = !1;
+    const S = {
       type: "component",
-      render: () => K(l, () => {
-        if (e.lifecycle?.onMount && !A) {
+      render: () => $(w, () => {
+        if (w.beginRenderPass(), e.lifecycle?.onMount && !M) {
           const a = e.lifecycle.onMount();
-          typeof a == "function" && s.push(a), A = !0;
+          typeof a == "function" && C.push(a), M = !0;
         }
-        v || (v = !0, h(() => {
-          x(() => {
-            e.lifecycle?.onUnmount && e.lifecycle.onUnmount(), s.forEach((a) => a()), i.unregisterComponent(o);
+        R || (R = !0, h(() => {
+          _(() => {
+            e.lifecycle?.onUnmount && e.lifecycle.onUnmount(), C.forEach((a) => a()), l.unregisterComponent(s);
           });
         })), h(() => {
-          const a = C.getProps();
+          const a = P.getProps();
           if (c && e.lifecycle?.onPropsChange) {
-            const y = S.compareProps(c, a);
+            const y = x.compareProps(c, a);
             y.length > 0 && e.lifecycle.onPropsChange(c, a, y);
           }
           c && e.lifecycle?.onUpdate && e.lifecycle.onUpdate(c, a), c = { ...a };
         }), h(() => {
-          const a = w.getChildren();
+          const a = b.getChildren();
           e.lifecycle?.onChildrenChange && c && e.lifecycle.onChildrenChange(c.children, a);
         });
         try {
           e.lifecycle?.onRender && e.lifecycle.onRender();
-          const a = C.getProps(), y = w.getChildren();
+          const a = P.getProps(), y = b.getChildren();
           return c && e.shouldUpdate && !e.shouldUpdate(c, a) ? [] : n(a, y);
         } catch (a) {
           throw e.lifecycle?.onError && e.lifecycle.onError(a), a;
         }
       }),
-      props: C.getProps(),
-      children: w.getChildren(),
-      context: l,
-      cleanup: s,
-      id: o,
+      props: P.getProps(),
+      children: b.getChildren(),
+      context: w,
+      cleanup: C,
+      id: s,
       ref: t.ref,
       mounted: !1
     };
-    return t.ref && g.applyRef(t.ref, U.getRef()), i.registerComponent(M), M;
+    return t.ref && g.applyRef(t.ref, N.getRef()), l.registerComponent(S), S;
   };
   return e.displayName && (r.displayName = e.displayName), e.defaultProps && (r.defaultProps = e.defaultProps), r;
 }
-function R() {
-  return `component_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
-}
-function H(n, e) {
+function Y(n, e) {
   const r = (t) => {
     const o = n(t), i = o.cleanup || [], s = [];
     if (e.onMount) {
@@ -424,12 +421,12 @@ function H(n, e) {
   };
   return r.displayName = `withLifecycle(${n.displayName || "Component"})`, r;
 }
-function J(n) {
+function Z(n) {
   return m(n, {
-    shouldUpdate: (e, r) => !S.shallowEqual(e, r)
+    shouldUpdate: (e, r) => !x.shallowEqual(e, r)
   });
 }
-function X(n) {
+function ee(n) {
   return m(
     (e, r) => {
       const t = new d(r || e.children);
@@ -449,9 +446,9 @@ function X(n) {
     }
   );
 }
-function Y(n, e = {}) {
+function re(n, e = {}) {
   return m((r, t) => {
-    const o = new b(r, e.validation), i = new d(t || r.children), s = new g();
+    const o = new v(r, e.validation), i = new d(t || r.children), s = new g();
     return n(r, t || r.children, {
       propsManager: o,
       childrenManager: i,
@@ -459,41 +456,41 @@ function Y(n, e = {}) {
     });
   }, e);
 }
-function Z(n) {
-  const e = new d(n);
+function te(n) {
+  const e = new d(n), r = E() || void 0;
   return {
     type: "component",
     render: () => e.renderChildren(),
     props: { children: n },
     children: n,
-    id: R()
+    id: U("fragment", r)
   };
 }
-function ee(n = null) {
+function ne(n = null) {
   return g.createRef(n);
 }
-function re(n) {
+function oe(n) {
   return m((e) => {
     const { ref: r, ...t } = e;
     return n(t, r || void 0);
   });
 }
 export {
-  F as C,
-  b as P,
+  I as C,
+  v as P,
   g as R,
   m as a,
-  Z as b,
-  Y as c,
-  J as d,
-  ee as e,
-  re as f,
+  te as b,
+  re as c,
+  Z as d,
+  ne as e,
+  oe as f,
   d as g,
-  T as h,
-  G as i,
-  W as j,
-  z as k,
-  X as l,
-  S as p,
-  H as w
+  H as h,
+  z as i,
+  J as j,
+  X as k,
+  ee as l,
+  x as p,
+  Y as w
 };

package/dist/{component-context-C7Y6Xu6h.js → component-context-BB80qzyZ.js}

@@ -1,10 +1,20 @@
-import { j as u } from "./signal-BRoiFOO7.js";
-var d = Object.defineProperty, l = (e, t, n) => t in e ? d(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, r = (e, t, n) => l(e, typeof t != "symbol" ? t + "" : t, n);
-const a = Symbol("TachUI.ComponentContext"), v = Symbol("TachUI.Environment");
-let o = null;
-class m {
+import { j as l } from "./signal-BRoiFOO7.js";
+var x = Object.defineProperty, f = (e, t, n) => t in e ? x(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, o = (e, t, n) => f(e, typeof t != "symbol" ? t + "" : t, n);
+const c = Symbol("TachUI.ComponentContext"), I = Symbol("TachUI.Environment");
+let i = null;
+function g(e) {
+  return e.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "unknown";
+}
+class v {
   constructor(t, n) {
-    r(this, "id"), r(this, "parent"), r(this, "providers", /* @__PURE__ */ new Map()), r(this, "consumers", /* @__PURE__ */ new Set()), r(this, "cleanup", /* @__PURE__ */ new Set()), r(this, "stateStore", /* @__PURE__ */ new Map()), r(this, "bindingStore", /* @__PURE__ */ new Map()), r(this, "createdAt", Date.now()), r(this, "updateCount", 0), this.id = t, this.parent = n;
+    o(this, "id"), o(this, "parent"), o(this, "providers", /* @__PURE__ */ new Map()), o(this, "consumers", /* @__PURE__ */ new Set()), o(this, "cleanup", /* @__PURE__ */ new Set()), o(this, "stateStore", /* @__PURE__ */ new Map()), o(this, "bindingStore", /* @__PURE__ */ new Map()), o(this, "nextChildIndex", 0), o(this, "createdAt", Date.now()), o(this, "updateCount", 0), this.id = t, this.parent = n;
+  }
+  beginRenderPass() {
+    this.nextChildIndex = 0;
+  }
+  allocateChildIndex() {
+    const t = this.nextChildIndex;
+    return this.nextChildIndex += 1, t;
   }
   /**
    * Store state value for a property
@@ -88,56 +98,66 @@ class m {
     };
   }
 }
-function C(e, t) {
-  return new m(e, t);
+function w(e, t) {
+  return new v(e, t);
 }
-function p() {
-  if (o)
-    return o;
-  let e = u();
+function h() {
+  if (i)
+    return i;
+  let e = l();
   for (; e; ) {
-    if (e.context.has(a))
-      return e.context.get(a);
+    if (e.context.has(c))
+      return e.context.get(c);
     e = e.parent;
   }
+  return null;
+}
+function S(e, t) {
+  const n = t?.id || "app", r = t?.allocateChildIndex() ?? 0;
+  return `${n}:${g(e)}:${r}`;
+}
+function p() {
+  const e = h();
+  if (e)
+    return e;
   throw new Error(
     "@State can only be used within a component context. Make sure you are using @State inside a TachUI component render function."
   );
 }
-function g(e) {
-  o = e;
+function E(e) {
+  i = e;
 }
-function f(e, t) {
-  const n = o;
-  o = e;
-  const i = u();
-  i && i.context.set(a, e);
+function d(e, t) {
+  const n = i;
+  i = e;
+  const r = l();
+  r && r.context.set(c, e);
   try {
     return t();
   } finally {
-    o === e && (o = n), i && (n ? i.context.set(a, n) : i.context.delete(a));
+    i === e && (i = n), r && (n ? r.context.set(c, n) : r.context.delete(c));
   }
 }
-function S(e, t) {
+function y(e, t) {
   return (n) => {
-    const i = t || `component-${Math.random().toString(36).substr(2, 9)}`, c = C(i, o || void 0);
-    return f(c, () => {
-      const s = e(n);
-      return s.context = c, s.cleanup || (s.cleanup = []), s.cleanup.push(() => c.dispose()), s;
+    const r = h() || void 0, u = e.displayName || e.name || "unknown", m = t || S(u, r), a = w(m, r);
+    return a.beginRenderPass(), d(a, () => {
+      const s = e(n), C = s.render.bind(s);
+      return s.render = () => d(a, () => (a.beginRenderPass(), C())), s.context = a, s.cleanup || (s.cleanup = []), s.cleanup.push(() => a.dispose()), s;
     });
   };
 }
-function w(e, t) {
+function z(e, t) {
   return {
     symbol: Symbol(`Environment.${e}`),
     defaultValue: t,
     name: e
   };
 }
-function b(e, t) {
+function M(e, t) {
   p().provide(e.symbol, t);
 }
-function E(e) {
+function $(e) {
   const n = p().consume(e.symbol);
   if (n !== void 0)
     return n;
@@ -147,30 +167,32 @@ function E(e) {
     `Environment value for '${e.name}' not found. Make sure to provide this value higher in the component hierarchy.`
   );
 }
-const y = {
-  getCurrentContext: () => o,
+const P = {
+  getCurrentContext: () => i,
   getContextHierarchy: () => {
     const e = [];
-    let t = o || void 0;
+    let t = i || void 0;
     for (; t; )
       e.push(t), t = t.parent;
     return e;
   },
   getContextMetrics: (e) => {
-    const t = e || o;
+    const t = e || i;
     return t ? t.getMetrics() : null;
   }
 };
 export {
-  y as C,
-  v as E,
-  a,
-  C as b,
-  E as c,
-  w as d,
+  P as C,
+  I as E,
+  c as a,
+  w as b,
+  $ as c,
+  z as d,
+  h as e,
+  S as f,
   p as g,
-  b as p,
-  f as r,
-  g as s,
-  S as w
+  M as p,
+  d as r,
+  E as s,
+  y as w
 };

package/dist/components/index.js

@@ -1,4 +1,4 @@
-import { h as o, L as t, g as r, b as n, d as p, w as s, e as i, f as c } from "../factory-B1YXfgU1.js";
+import { h as o, L as t, g as r, b as n, d as p, w as s, e as i, f as c } from "../factory-C2LUc2BF.js";
 export {
   o as Layout,
   t as LayoutComponent,