@tachui/core 0.8.1-alpha → 0.8.5-alpha

package/dist/{component-XAzF1xqs.js → component-CECyfUOE.js}

@@ -1,10 +1,12 @@
-import { G as P, g as R, o as _ } from "./scheduler-BKeqwrYE.js";
-import { c as y } from "./effect-B9Knft0b.js";
-import { b as x } from "./dom-bridge-CAa1N2zX.js";
-var K = Object.defineProperty, $ = (n, e, r) => e in n ? K(n, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : n[e] = r, f = (n, e, r) => $(n, typeof e != "symbol" ? e + "" : e, r);
-class v {
+import { o as x } from "./scheduler-DI_8ykMk.js";
+import { c as P, a as _ } from "./theme-BFaKUcjZ.js";
+import "@tachui/types/reactive";
+import { c as h } from "./effect-DGmdACI2.js";
+import { b as K, r as $ } from "./component-context-B6qX_Qsg.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 {
   constructor(e, r) {
-    this.validator = r, f(this, "propsSignal"), f(this, "childrenSignal"), f(this, "changedKeys", /* @__PURE__ */ new Set()), this.propsSignal = P(this.validateAndMergeProps(e)), this.childrenSignal = P(e.children), y(() => {
+    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(() => {
       const t = this.propsSignal[0]();
       this.trackChanges(t);
     });
@@ -46,13 +48,13 @@ class v {
    * Create reactive computed for a specific prop
    */
   createPropComputed(e) {
-    return R(() => this.getProps()[e]);
+    return _(() => this.getProps()[e]);
   }
   /**
    * Create effect that runs when specific props change
    */
   createPropsEffect(e, r) {
-    const t = y(() => {
+    const t = h(() => {
       const o = this.getProps(), i = this.getChangedKeys();
       (i.length === 0 || e.some((l) => i.includes(l))) && r(
         o,
@@ -82,7 +84,7 @@ class v {
 }
 class d {
   constructor(e = null) {
-    f(this, "childrenSignal"), this.childrenSignal = P(e);
+    p(this, "childrenSignal"), this.childrenSignal = P(e);
   }
   /**
    * Get current children reactively
@@ -145,18 +147,23 @@ class d {
             Array.isArray(o) ? r.push(...o) : r.push(o);
           } else if (Array.isArray(t))
             r.push(...this.renderChildrenArray(t));
-          else if (typeof t == "object" && "render" in t) {
-            const o = t.render();
-            Array.isArray(o) ? r.push(...o) : r.push(o);
+          else if (j(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) {
+            let o = t;
+            "build" in t && typeof t.build == "function" && (o = t.build());
+            const i = o.render();
+            Array.isArray(i) ? r.push(...i) : r.push(i);
           }
         }
       }
     return r;
   }
 }
-class p {
+class g {
   constructor(e = null) {
-    f(this, "ref"), this.ref = { current: e };
+    p(this, "ref"), this.ref = { current: e };
   }
   /**
    * Get the ref object
@@ -198,16 +205,19 @@ class p {
     };
   }
 }
-function B(n, e) {
-  return new v(n, e);
+function G(n, e) {
+  return new b(n, e);
 }
-function G(n) {
+function T(n) {
   return new d(n);
 }
-function I(n) {
-  return new p(n);
+function j(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) {
+  return new g(n);
 }
-const b = {
+const S = {
   /**
    * Compare props for changes
    */
@@ -247,14 +257,14 @@ const b = {
       delete r[t];
     return r;
   }
-}, L = (n) => new d(n).renderChildren();
-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, u = (n, e, r) => N(n, typeof e != "symbol" ? e + "" : e, r);
-const S = class h {
+}, 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 {
   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);
   }
   static getInstance() {
-    return h.instance || (h.instance = new h()), h.instance;
+    return f.instance || (f.instance = new f()), f.instance;
   }
   /**
    * Register a new component instance
@@ -346,43 +356,45 @@ const S = class h {
     }), this.cleanupQueue.clear(), this.updateQueue.clear();
   }
 };
-u(S, "instance");
-let O = S;
+u(E, "instance");
+let F = E;
 function m(n, e = {}) {
   const r = (t) => {
-    const o = E(), i = O.getInstance(), s = [], l = x(o), C = new v(t, {
+    const o = R(), i = F.getInstance(), s = [], l = K(o), C = new b(t, {
       defaults: e.defaultProps || void 0,
       ...e.validation
-    }), w = new d(t.children), U = new p();
-    let c, A = !1;
+    }), w = new d(t.children), U = new g();
+    let c, A = !1, v = !1;
     const M = {
       type: "component",
-      render: () => {
+      render: () => $(l, () => {
         if (e.lifecycle?.onMount && !A) {
           const a = e.lifecycle.onMount();
           typeof a == "function" && s.push(a), A = !0;
         }
-        y(() => {
+        v || (v = !0, h(() => {
+          x(() => {
+            e.lifecycle?.onUnmount && e.lifecycle.onUnmount(), s.forEach((a) => a()), i.unregisterComponent(o);
+          });
+        })), h(() => {
           const a = C.getProps();
           if (c && e.lifecycle?.onPropsChange) {
-            const g = b.compareProps(c, a);
-            g.length > 0 && e.lifecycle.onPropsChange(c, a, g);
+            const y = S.compareProps(c, a);
+            y.length > 0 && e.lifecycle.onPropsChange(c, a, y);
           }
           c && e.lifecycle?.onUpdate && e.lifecycle.onUpdate(c, a), c = { ...a };
-        }), y(() => {
+        }), h(() => {
           const a = w.getChildren();
           e.lifecycle?.onChildrenChange && c && e.lifecycle.onChildrenChange(c.children, a);
-        }), _(() => {
-          e.lifecycle?.onUnmount && e.lifecycle.onUnmount(), s.forEach((a) => a()), i.unregisterComponent(o);
         });
         try {
           e.lifecycle?.onRender && e.lifecycle.onRender();
-          const a = C.getProps(), g = w.getChildren();
-          return c && e.shouldUpdate && !e.shouldUpdate(c, a) ? [] : n(a, g);
+          const a = C.getProps(), y = w.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,
@@ -391,14 +403,14 @@ function m(n, e = {}) {
       ref: t.ref,
       mounted: !1
     };
-    return t.ref && p.applyRef(t.ref, U.getRef()), i.registerComponent(M), M;
+    return t.ref && g.applyRef(t.ref, U.getRef()), i.registerComponent(M), M;
   };
   return e.displayName && (r.displayName = e.displayName), e.defaultProps && (r.defaultProps = e.defaultProps), r;
 }
-function E() {
+function R() {
   return `component_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
 }
-function V(n, e) {
+function H(n, e) {
   const r = (t) => {
     const o = n(t), i = o.cleanup || [], s = [];
     if (e.onMount) {
@@ -412,12 +424,12 @@ function V(n, e) {
   };
   return r.displayName = `withLifecycle(${n.displayName || "Component"})`, r;
 }
-function D(n) {
+function J(n) {
   return m(n, {
-    shouldUpdate: (e, r) => !b.shallowEqual(e, r)
+    shouldUpdate: (e, r) => !S.shallowEqual(e, r)
   });
 }
-function z(n) {
+function X(n) {
   return m(
     (e, r) => {
       const t = new d(r || e.children);
@@ -437,9 +449,9 @@ function z(n) {
     }
   );
 }
-function H(n, e = {}) {
+function Y(n, e = {}) {
   return m((r, t) => {
-    const o = new v(r, e.validation), i = new d(t || r.children), s = new p();
+    const o = new b(r, e.validation), i = new d(t || r.children), s = new g();
     return n(r, t || r.children, {
       propsManager: o,
       childrenManager: i,
@@ -447,41 +459,41 @@ function H(n, e = {}) {
     });
   }, e);
 }
-function J(n) {
+function Z(n) {
   const e = new d(n);
   return {
     type: "component",
     render: () => e.renderChildren(),
     props: { children: n },
     children: n,
-    id: E()
+    id: R()
   };
 }
-function T(n = null) {
-  return p.createRef(n);
+function ee(n = null) {
+  return g.createRef(n);
 }
-function W(n) {
+function re(n) {
   return m((e) => {
     const { ref: r, ...t } = e;
     return n(t, r || void 0);
   });
 }
 export {
-  O as C,
-  v as P,
-  p as R,
-  m as a,
-  J as b,
-  H as c,
-  D as d,
-  T as e,
-  W as f,
-  d as g,
-  G as h,
-  B as i,
-  I as j,
-  L as k,
+  F as C,
+  b as P,
+  g as R,
+  J as a,
+  X as b,
+  m as c,
+  Y as d,
+  Z as e,
+  ee as f,
+  re as g,
+  d as h,
+  G as i,
+  T as j,
+  W as k,
   z as l,
-  b as p,
-  V as w
+  S as p,
+  H as w
 };

package/dist/{component-base-x2XmHFjy.js → component-base-CJ__jTlr.js}

@@ -1,4 +1,6 @@
-import { J as n, i as f, g as h } from "./scheduler-BKeqwrYE.js";
+import "./scheduler-DI_8ykMk.js";
+import { i as n, d as f, a as h } from "./theme-BFaKUcjZ.js";
+import "@tachui/types/reactive";
 var g = Object.defineProperty, u = (i, s, e) => s in i ? g(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e, o = (i, s, e) => u(i, typeof s != "symbol" ? s + "" : s, e);
 const d = {
   sanitizeClassNames: !0,
@@ -189,14 +191,14 @@ class p {
   }
 }
 const l = new p();
-function b(i) {
+function v(i) {
   l.updateConfig(i);
 }
-function w() {
+function z() {
   return l.getConfig();
 }
 var m = Object.defineProperty, y = (i, s, e) => s in i ? m(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e, S = (i, s, e) => y(i, s + "", e);
-class v {
+class M {
   constructor() {
     S(this, "cssClassManager", l);
   }
@@ -248,8 +250,8 @@ class v {
 }
 export {
   p as C,
-  b as a,
-  v as b,
+  v as a,
+  M as b,
   l as c,
-  w as g
+  z as g
 };

package/dist/component-context-B6qX_Qsg.js

@@ -0,0 +1,176 @@
+import { l as u } from "./theme-BFaKUcjZ.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 {
+  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;
+  }
+  /**
+   * Store state value for a property
+   */
+  setState(t, n) {
+    this.stateStore.set(t, n), this.updateCount++;
+  }
+  /**
+   * Get state value for a property
+   */
+  getState(t) {
+    return this.stateStore.get(t);
+  }
+  /**
+   * Check if state exists for a property
+   */
+  hasState(t) {
+    return this.stateStore.has(t);
+  }
+  /**
+   * Store binding for a property
+   */
+  setBinding(t, n) {
+    this.bindingStore.set(t, n);
+  }
+  /**
+   * Get binding for a property
+   */
+  getBinding(t) {
+    return this.bindingStore.get(t);
+  }
+  /**
+   * Provide a value for dependency injection
+   */
+  provide(t, n) {
+    this.providers.set(t, n);
+  }
+  /**
+   * Consume a value from dependency injection hierarchy
+   */
+  consume(t) {
+    if (this.consumers.add(t), this.providers.has(t))
+      return this.providers.get(t);
+    let n = this.parent;
+    for (; n; ) {
+      if (n.providers.has(t))
+        return n.providers.get(t);
+      n = n.parent;
+    }
+  }
+  /**
+   * Register cleanup function
+   */
+  onCleanup(t) {
+    this.cleanup.add(t);
+  }
+  /**
+   * Dispose of context and run cleanup
+   */
+  dispose() {
+    for (const t of this.cleanup)
+      try {
+        t();
+      } catch (n) {
+        console.error(`Error in component context cleanup (${this.id}):`, n);
+      }
+    this.cleanup.clear(), this.stateStore.clear(), this.bindingStore.clear(), this.providers.clear(), this.consumers.clear();
+  }
+  /**
+   * Get performance metrics
+   */
+  getMetrics() {
+    return {
+      id: this.id,
+      createdAt: this.createdAt,
+      updateCount: this.updateCount,
+      stateCount: this.stateStore.size,
+      bindingCount: this.bindingStore.size,
+      providerCount: this.providers.size,
+      consumerCount: this.consumers.size
+    };
+  }
+}
+function C(e, t) {
+  return new m(e, t);
+}
+function p() {
+  if (o)
+    return o;
+  let e = u();
+  for (; e; ) {
+    if (e.context.has(a))
+      return e.context.get(a);
+    e = e.parent;
+  }
+  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 f(e, t) {
+  const n = o;
+  o = e;
+  const i = u();
+  i && i.context.set(a, e);
+  try {
+    return t();
+  } finally {
+    o === e && (o = n), i && (n ? i.context.set(a, n) : i.context.delete(a));
+  }
+}
+function S(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;
+    });
+  };
+}
+function w(e, t) {
+  return {
+    symbol: Symbol(`Environment.${e}`),
+    defaultValue: t,
+    name: e
+  };
+}
+function b(e, t) {
+  p().provide(e.symbol, t);
+}
+function E(e) {
+  const n = p().consume(e.symbol);
+  if (n !== void 0)
+    return n;
+  if (e.defaultValue !== void 0)
+    return e.defaultValue;
+  throw new Error(
+    `Environment value for '${e.name}' not found. Make sure to provide this value higher in the component hierarchy.`
+  );
+}
+const y = {
+  getCurrentContext: () => o,
+  getContextHierarchy: () => {
+    const e = [];
+    let t = o || void 0;
+    for (; t; )
+      e.push(t), t = t.parent;
+    return e;
+  },
+  getContextMetrics: (e) => {
+    const t = e || o;
+    return t ? t.getMetrics() : null;
+  }
+};
+export {
+  y as C,
+  v as E,
+  a,
+  C as b,
+  E as c,
+  w as d,
+  p as g,
+  b as p,
+  f as r,
+  g as s,
+  S as w
+};

package/dist/components/factory.d.ts

@@ -0,0 +1,24 @@
+import type { ComponentInstance, ComponentProps } from '../runtime/types';
+/**
+ * Options for class-based component creation.
+ */
+export interface CreateComponentOptions {
+    /**
+     * When true, the returned instance is immediately wrapped in the modifier proxy.
+     * Defaults to true so that downstream code can access modifier methods without
+     * re-wrapping manually. Legacy paths that apply modifiers separately can set
+     * this to false.
+     */
+    prewarmProxy?: boolean;
+}
+/**
+ * Instantiate a class-based component and ensure modifier proxy state is primed.
+ *
+ * This helper mirrors SwiftUI's component allocation flow while keeping
+ * TachUI's modifier proxy cache in sync. When proxy mode is enabled the
+ * instance is registered with the proxy cache so subsequent `withModifiers`
+ * calls can reuse the same proxy. When proxy mode is disabled the raw
+ * instance is returned.
+ */
+export declare function createComponentInstance<P extends ComponentProps, R extends ComponentInstance<P>, Args extends unknown[]>(ComponentClass: new (props: P, ...rest: Args) => R, props: P, options?: CreateComponentOptions, ...rest: Args): R;
+//# sourceMappingURL=factory.d.ts.map

package/dist/components/factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../src/components/factory.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEzE;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CACrC,CAAC,SAAS,cAAc,EACxB,CAAC,SAAS,iBAAiB,CAAC,CAAC,CAAC,EAC9B,IAAI,SAAS,OAAO,EAAE,EAEtB,cAAc,EAAE,KAAK,KAAK,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,IAAI,KAAK,CAAC,EAClD,KAAK,EAAE,CAAC,EACR,OAAO,GAAE,sBAA2B,EACpC,GAAG,IAAI,EAAE,IAAI,GACZ,CAAC,CAQH"}

package/dist/components/index.d.ts

@@ -6,6 +6,7 @@
  */
 export type { ModifiableComponent, ModifierBuilder } from '../modifiers/types';
 export type { ComponentInstance, ComponentProps, DOMNode, } from '../runtime/types';
-export type { WrapperOptions } from './wrapper';
-export { createModifiableComponentFactory, createReactiveWrapper, Layout, withModifierSupport, withModifiers, wrapComponent, } from './wrapper';
+export type { WrapperOptions, BaseLayoutProps, VStackLayoutProps, HStackLayoutProps, ZStackLayoutProps, } from './wrapper';
+export { createModifiableComponentFactory, createReactiveWrapper, Layout, LayoutComponent, withModifierSupport, withModifiers, wrapComponent, } from './wrapper';
+export { createComponentInstance, type CreateComponentOptions } from './factory';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAC9E,YAAY,EACV,iBAAiB,EACjB,cAAc,EACd,OAAO,GACR,MAAM,kBAAkB,CAAA;AAGzB,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EACL,gCAAgC,EAChC,qBAAqB,EACrB,MAAM,EACN,mBAAmB,EACnB,aAAa,EACb,aAAa,GACd,MAAM,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAC9E,YAAY,EACV,iBAAiB,EACjB,cAAc,EACd,OAAO,GACR,MAAM,kBAAkB,CAAA;AAGzB,YAAY,EACV,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,WAAW,CAAA;AAClB,OAAO,EACL,gCAAgC,EAChC,qBAAqB,EACrB,MAAM,EACN,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,aAAa,GACd,MAAM,WAAW,CAAA;AAElB,OAAO,EAAE,uBAAuB,EAAE,KAAK,sBAAsB,EAAE,MAAM,WAAW,CAAA"}

package/dist/components/index.js

@@ -1,9 +1,11 @@
-import { L as o, c as r, a as t, w as i, b as p, d as s } from "../index-vdsiw6gQ.js";
+import { L as o, b as t, f as r, c as n, a as p, w as s, d as i, e as c } from "../factory-D7jAY5Kn.js";
 export {
   o as Layout,
-  r as createModifiableComponentFactory,
-  t as createReactiveWrapper,
-  i as withModifierSupport,
-  p as withModifiers,
-  s as wrapComponent
+  t as LayoutComponent,
+  r as createComponentInstance,
+  n as createModifiableComponentFactory,
+  p as createReactiveWrapper,
+  s as withModifierSupport,
+  i as withModifiers,
+  c as wrapComponent
 };