@tachui/core 0.8.12 → 0.8.15

package/dist/common.js

@@ -2,7 +2,7 @@ import { c as s, b as r, C as n, S as i, T as o, k as c, q as d, s as l, p as m,
 import { Assets as P, ColorAsset as L, FontAsset as T, FontWidth as D, ImageAsset as w, SystemFonts as U, createColorAsset as B, createFontAsset as F, createGoogleFont as j, createImageAsset as k, createSystemFont as V, createVariableFont as q, getAssetInfo as z, listAssetNames as N, registerAsset as W } from "./assets/index.js";
 import { a as _, w as K, A as J, x as Y, B as Q, u as X, f as Z, C as $, v as ee, D as ae, E as te, F as se, g as re, h as ne, K as ie, H as oe, M as ce, J as de, G as le, l as me, e as ge, m as pe, I as fe, L as Ce, d as ue, N as Se, R as Me, t as he, p as Ee, s as xe, r as be, q as ve, b as ye, c as Ge, k as Re, j as Oe, S as Ae, T as Ie, y as Pe, z as Le, i as Te, n as De, o as we, O as Ue } from "./index-JQ1sW1SK.js";
 import { Layout as Fe, dimensionToCSS as je, infinity as ke, infinityToFlexCSS as Ve, isInfinity as qe, shouldExpandForInfinity as ze } from "./constants/layout.js";
-import { b as We, g as He, f as _e, c as Ke, a as Je, h as Ye, r as Qe, w as Xe, d as Ze, e as $e } from "./factory-wYm7L3JT.js";
+import { b as We, g as He, f as _e, c as Ke, a as Je, h as Ye, r as Qe, w as Xe, d as Ze, e as $e } from "./factory-oMYyVSAY.js";
 import { C as aa, y as ta, y as sa, D as ra, k as na, E as ia, M as oa, S as ca, q as da, V as la, a as ma, b as ga, v as pa, l as fa, o as Ca, d as ua, c as Sa, e as Ma, n as ha, g as Ea, w as xa, i as ba, h as va, x as ya, m as Ga, p as Ra, r as Oa, f as Aa, u as Ia, s as Pa, j as La, t as Ta } from "./concatenated-component-BCrw_7cC.js";
 import { OptimizedLazyPluginLoader as wa, PluginDevUtils as Ua, PluginError as Ba, SimplifiedComponentRegistry as Fa, SimplifiedPluginManager as ja, SimplifiedTachUIInstance as ka, adaptPlugin as Va, compareSemver as qa, createLazyPlugin as za, createLegacyPluginAdapter as Na, globalTachUIInstance as Wa, installPlugin as Ha, isLegacyPlugin as _a, normalizePluginName as Ka, registerComponent as Ja, registerService as Ya, validatePluginName as Qa, validateSemver as Xa } from "./plugins/index.js";
 import { DOMBridgeDebug as $a, getComponentFromElement as et, mountComponentChildren as at, mountComponentTree as tt, mountRoot as st, registerComponentWithLifecycleHooks as rt, unmountComponent as nt, unmountComponentEnhanced as it, updateComponent as ot } from "./runtime/dom-bridge.js";

package/dist/components/index.js

@@ -1,4 +1,4 @@
-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-wYm7L3JT.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-oMYyVSAY.js";
 export {
   o as Layout,
   t as LayoutComponent,

package/dist/components/wrapper.d.ts

@@ -32,6 +32,8 @@ export interface HStackLayoutProps extends BaseLayoutProps {
     alignment?: 'top' | 'center' | 'bottom' | 'leading' | 'trailing' | 'left' | 'right';
 }
 export interface ZStackLayoutProps extends BaseLayoutProps {
+    sizing?: 'content' | 'priority' | 'explicit';
+    sizingChildIndex?: number;
     alignment?: 'topLeading' | 'top' | 'topTrailing' | 'leading' | 'center' | 'trailing' | 'bottomLeading' | 'bottom' | 'bottomTrailing';
 }
 /**
@@ -98,7 +100,7 @@ export declare const Layout: {
         modifier: ModifierBuilder<ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps>>;
     };
     /**
-     * Z-index stack container (absolute positioning)
+     * Z-index stack container (content sizing by default)
      */
     ZStack: (props?: ZStackLayoutProps) => ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps> & ModifierBuilder<ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps>> & {
         modifier: ModifierBuilder<ModifiableComponent<ComponentProps & ElementOverrideProps & CSSClassesProps>>;

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

@@ -1 +1 @@
-{"version":3,"file":"wrapper.d.ts","sourceRoot":"","sources":["../../src/components/wrapper.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"wrapper.d.ts","sourceRoot":"","sources":["../../src/components/wrapper.ts"],"names":[],"mappings":"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"}

package/dist/essential.js

@@ -2,7 +2,7 @@ import { c as s, b as r, C as n, S as i, T as o, k as c, q as d, s as l, p as m,
 import { Assets as P, ColorAsset as L, FontAsset as T, FontWidth as D, ImageAsset as U, SystemFonts as w, createColorAsset as B, createFontAsset as F, createGoogleFont as j, createImageAsset as V, createSystemFont as q, createVariableFont as z, getAssetInfo as k, listAssetNames as N, registerAsset as W } from "./assets/index.js";
 import { a as _, w as K, A as J, x as Y, B as Q, u as X, f as Z, C as $, v as ee, D as ae, E as te, F as se, g as re, h as ne, K as ie, H as oe, M as ce, J as de, G as le, l as me, e as ge, m as pe, I as fe, L as Ce, d as ue, N as Se, R as Me, t as he, p as Ee, s as xe, r as ve, q as be, b as ye, c as Ge, k as Re, j as Oe, S as Ae, T as Ie, y as Pe, z as Le, i as Te, n as De, o as Ue, O as we } from "./index-JQ1sW1SK.js";
 import { Layout as Fe, dimensionToCSS as je, infinity as Ve, infinityToFlexCSS as qe, isInfinity as ze, shouldExpandForInfinity as ke } from "./constants/layout.js";
-import { b as We, g as He, f as _e, c as Ke, a as Je, h as Ye, r as Qe, w as Xe, d as Ze, e as $e } from "./factory-wYm7L3JT.js";
+import { b as We, g as He, f as _e, c as Ke, a as Je, h as Ye, r as Qe, w as Xe, d as Ze, e as $e } from "./factory-oMYyVSAY.js";
 import { C as aa, y as ta, y as sa, D as ra, k as na, E as ia, M as oa, S as ca, q as da, V as la, a as ma, b as ga, v as pa, l as fa, o as Ca, d as ua, c as Sa, e as Ma, n as ha, g as Ea, w as xa, i as va, h as ba, x as ya, m as Ga, p as Ra, r as Oa, f as Aa, u as Ia, s as Pa, j as La, t as Ta } from "./concatenated-component-BCrw_7cC.js";
 import { OptimizedLazyPluginLoader as Ua, PluginDevUtils as wa, PluginError as Ba, SimplifiedComponentRegistry as Fa, SimplifiedPluginManager as ja, SimplifiedTachUIInstance as Va, adaptPlugin as qa, compareSemver as za, createLazyPlugin as ka, createLegacyPluginAdapter as Na, globalTachUIInstance as Wa, installPlugin as Ha, isLegacyPlugin as _a, normalizePluginName as Ka, registerComponent as Ja, registerService as Ya, validatePluginName as Qa, validateSemver as Xa } from "./plugins/index.js";
 import { DOMBridgeDebug as $a, getComponentFromElement as et, mountComponentChildren as at, mountComponentTree as tt, mountRoot as st, registerComponentWithLifecycleHooks as rt, unmountComponent as nt, unmountComponentEnhanced as it, updateComponent as ot } from "./runtime/dom-bridge.js";

package/dist/{factory-wYm7L3JT.js → factory-oMYyVSAY.js}

@@ -2,48 +2,48 @@ import "./scheduler-DppMK9mR.js";
 import "./theme-CRLPHryV.js";
 import "@tachui/types/reactive";
 import "@tachui/types/modifiers";
-import { p as x, h as w, d as S, c as M } from "./concatenated-component-BCrw_7cC.js";
-import { i as P, c as R } from "./proxy-gO-vDCUZ.js";
+import { p as z, h as _, d as M, c as L } from "./concatenated-component-BCrw_7cC.js";
+import { i as x, c as A } from "./proxy-gO-vDCUZ.js";
 import "./presets-B9x94uRn.js";
 import "@tachui/registry";
 import "./component-D-O9yq0P.js";
-import { l as k } from "./hooks-WGmpzYgD.js";
-import { registerComponentWithLifecycleHooks as _ } from "./runtime/dom-bridge.js";
-import { b as L } from "./component-base-C41K3NTe.js";
-function O(e) {
+import { l as O } from "./hooks-WGmpzYgD.js";
+import { registerComponentWithLifecycleHooks as D } from "./runtime/dom-bridge.js";
+import { b as $ } from "./component-base-C41K3NTe.js";
+function N(e) {
   return typeof e == "function" && e !== null && typeof e.set == "function";
 }
-function D(e) {
+function j(e) {
   return e !== null && typeof e == "object" && "resolve" in e && typeof e.resolve == "function";
 }
-function $(e) {
+function I(e) {
   return e !== null && typeof e == "object" && e.type === "component" && typeof e.render == "function";
 }
-function T(e, t = {}) {
+function S(e, t = {}) {
   if (e == null)
     return e;
-  const r = {};
-  return Object.entries(e).forEach(([n, i]) => {
-    if (O(i) || D(i)) {
-      r[n] = i;
+  const i = {};
+  return Object.entries(e).forEach(([n, r]) => {
+    if (N(r) || j(r)) {
+      i[n] = r;
       return;
     }
-    if (Array.isArray(i)) {
-      t.deep ? r[n] = i.map((o) => $(o) && typeof o.clone == "function" ? o.clone(t) : o) : r[n] = [...i];
+    if (Array.isArray(r)) {
+      t.deep ? i[n] = r.map((o) => I(o) && typeof o.clone == "function" ? o.clone(t) : o) : i[n] = [...r];
       return;
     }
-    if (i && typeof i == "object") {
-      if (i instanceof Element || i instanceof Node) {
-        r[n] = void 0;
+    if (r && typeof r == "object") {
+      if (r instanceof Element || r instanceof Node) {
+        i[n] = void 0;
         return;
       }
-      r[n] = { ...i };
+      i[n] = { ...r };
       return;
     }
-    r[n] = i;
-  }), r;
+    i[n] = r;
+  }), i;
 }
-function j() {
+function W() {
   return {
     mounted: !1,
     cleanup: [],
@@ -53,47 +53,47 @@ function j() {
   };
 }
 function E(e) {
-  const t = j();
+  const t = W();
   e.mounted = t.mounted, e.cleanup = t.cleanup, e.domElements = t.domElements, e.primaryElement = t.primaryElement, e.domReady = t.domReady;
 }
-var N = Object.defineProperty, W = (e, t, r) => t in e ? N(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, b = (e, t, r) => W(e, typeof t != "symbol" ? t + "" : t, r);
-const A = {
+var F = Object.defineProperty, H = (e, t, i) => t in e ? F(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, C = (e, t, i) => H(e, typeof t != "symbol" ? t + "" : t, i);
+const T = {
   isEnabled: () => !1,
   logComponent: (...e) => {
   },
   addDebugAttributes: (...e) => {
   }
 };
-function H(e) {
+function q(e) {
   return e && typeof e.concat == "function" && typeof e.toSegment == "function" && typeof e.isConcatenatable == "function";
 }
-function d(e) {
-  const t = S(e), r = M(t);
+function h(e) {
+  const t = M(e), i = L(t);
   if (Object.prototype.hasOwnProperty.call(e, "modifier") || Object.defineProperty(e, "modifier", {
     configurable: !0,
     enumerable: !1,
-    get: () => r
-  }), P())
-    return R(
+    get: () => i
+  }), x())
+    return A(
       e
     );
   const n = {
     ...t,
-    modifier: r,
-    modifierBuilder: r
+    modifier: i,
+    modifierBuilder: i
   };
-  return typeof r.build == "function" && (n.build = r.build.bind(r)), H(e) && (n.concat = function(i) {
-    return e.concat(i);
+  return typeof i.build == "function" && (n.build = i.build.bind(i)), q(e) && (n.concat = function(r) {
+    return e.concat(r);
   }, n.toSegment = function() {
     return e.toSegment();
   }, n.isConcatenatable = function() {
     return e.isConcatenatable();
   }), n;
 }
-function X(e, t = {}) {
-  const { enableModifiers: r = !0 } = t;
+function ie(e, t = {}) {
+  const { enableModifiers: i = !0 } = t;
   return (n) => {
-    const i = {
+    const r = {
       type: "component",
       id: `wrapper-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
       props: n,
@@ -104,97 +104,97 @@ function X(e, t = {}) {
         return Array.isArray(o) ? o : [o];
       }
     };
-    return d(i);
+    return h(r);
   };
 }
-class g extends L {
-  constructor(t, r, n = [], i = {}) {
-    super(), this.props = t, this.layoutType = r, this.children = n, this.layoutProps = i, b(this, "type", "component"), b(this, "id"), b(this, "mounted", !1), b(this, "cleanup", []), b(this, "effectiveTag"), b(this, "validationResult"), this.id = t?.id?.toString() || `layout-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-    const o = this.layoutType === "hstack" ? "HStack" : this.layoutType === "vstack" ? "VStack" : "ZStack", h = x(
+class v extends $ {
+  constructor(t, i, n = [], r = {}) {
+    super(), this.props = t, this.layoutType = i, this.children = n, this.layoutProps = r, C(this, "type", "component"), C(this, "id"), C(this, "mounted", !1), C(this, "cleanup", []), C(this, "effectiveTag"), C(this, "validationResult"), this.id = t?.id?.toString() || `layout-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+    const o = this.layoutType === "hstack" ? "HStack" : this.layoutType === "vstack" ? "VStack" : "ZStack", u = z(
       o,
       "div",
       this.props.element
     );
-    if (this.effectiveTag = h.tag, this.validationResult = h.validation, process.env.NODE_ENV === "test" && this.effectiveTag !== "div" && !this.props.role) {
-      const u = {
+    if (this.effectiveTag = u.tag, this.validationResult = u.validation, process.env.NODE_ENV === "test" && this.effectiveTag !== "div" && !this.props.role) {
+      const d = {
         nav: "navigation",
         header: "banner",
         footer: "contentinfo",
         main: "main",
         aside: "complementary"
       }[this.effectiveTag];
-      u && (this.props.role = u);
+      d && (this.props.role = d);
     }
-    k(this, {
-      onDOMReady: (m, u) => {
-        this.children.forEach((s, f) => {
+    O(this, {
+      onDOMReady: (b, d) => {
+        this.children.forEach((s, m) => {
           const a = s._enhancedLifecycle;
           if (a && a.onDOMReady && !s.domReady)
             try {
-              if (u) {
-                const l = this.findChildDOMElements(
+              if (d) {
+                const y = this.findChildDOMElements(
                   s,
-                  u,
-                  f
+                  d,
+                  m
                 );
-                if (l.length > 0) {
-                  s.domElements = /* @__PURE__ */ new Map(), l.forEach((y, C) => {
-                    const p = y.id || `element-${C}`;
-                    s.domElements.set(p, y), s.primaryElement || (s.primaryElement = y);
+                if (y.length > 0) {
+                  s.domElements = /* @__PURE__ */ new Map(), y.forEach((c, p) => {
+                    const f = c.id || `element-${p}`;
+                    s.domElements.set(f, c), s.primaryElement || (s.primaryElement = c);
                   }), s.domReady = !0;
-                  const c = a.onDOMReady(
+                  const l = a.onDOMReady(
                     s.domElements,
                     s.primaryElement
                   );
-                  if (typeof c == "function" && (s.cleanup = s.cleanup || [], s.cleanup.push(c)), a.onMount) {
-                    const y = a.onMount();
-                    typeof y == "function" && (s.cleanup = s.cleanup || [], s.cleanup.push(y));
+                  if (typeof l == "function" && (s.cleanup = s.cleanup || [], s.cleanup.push(l)), a.onMount) {
+                    const c = a.onMount();
+                    typeof c == "function" && (s.cleanup = s.cleanup || [], s.cleanup.push(c));
                   }
                 }
               }
-            } catch (l) {
+            } catch (y) {
               console.error(
                 `Error processing lifecycle hooks for child ${s.id}:`,
-                l
+                y
               );
             }
         });
       }
-    }), _(this);
+    }), D(this);
   }
   /**
    * Find DOM elements for a specific child component within the layout container
    */
-  findChildDOMElements(t, r, n) {
+  findChildDOMElements(t, i, n) {
     if (t.id.startsWith("image-")) {
-      const o = r.querySelectorAll("img.tachui-image");
+      const o = i.querySelectorAll("img.tachui-image");
       return o[n] ? [o[n]] : Array.from(o);
     }
     if (t.id.startsWith("button-")) {
-      const o = r.querySelectorAll("button.tachui-button");
+      const o = i.querySelectorAll("button.tachui-button");
       return o[n] ? [o[n]] : Array.from(o);
     }
     if (t.id.startsWith("text-")) {
-      const o = r.querySelectorAll(
+      const o = i.querySelectorAll(
         "span.tachui-text, .tachui-text"
       );
       return o[n] ? [o[n]] : Array.from(o);
     }
-    const i = Array.from(r.children);
-    return i[n] ? [i[n]] : i;
+    const r = Array.from(i.children);
+    return r[n] ? [r[n]] : r;
   }
   render() {
-    const { spacing: t = 0, debugLabel: r } = this.layoutProps, n = this.layoutProps.alignment !== void 0 ? this.layoutProps.alignment : "center";
-    A.logComponent(this.layoutType.toUpperCase(), r);
-    const i = [
+    const { spacing: t = 0, debugLabel: i } = this.layoutProps, n = this.layoutProps.alignment !== void 0 ? this.layoutProps.alignment : "center";
+    T.logComponent(this.layoutType.toUpperCase(), i);
+    const r = [
       `tachui-${this.layoutType}`
-    ], o = this.createClassString(this.props, i);
+    ], o = this.createClassString(this.props, r);
     switch (this.layoutType) {
       case "vstack": {
-        const m = this.children.map((s) => {
-          let f = s;
-          "build" in s && typeof s.build == "function" && (f = s.build());
-          const a = f.render();
+        const b = this.children.map((s) => {
+          let m = s;
+          "build" in s && typeof s.build == "function" && (m = s.build());
+          const a = m.render();
           return Array.isArray(a) ? a : [a];
         }).flat();
         return [{
@@ -209,9 +209,9 @@ class g extends L {
               alignItems: n === "leading" ? "flex-start" : n === "trailing" ? "flex-end" : "center"
             },
             // Add debug attributes
-            ...A.isEnabled()
+            ...T.isEnabled()
           },
-          children: m,
+          children: b,
           // Add component metadata for semantic role processing
           componentMetadata: {
             originalType: "VStack",
@@ -221,12 +221,12 @@ class g extends L {
         }];
       }
       case "hstack": {
-        const m = this.children.map((a) => {
-          let l = a;
-          "build" in a && typeof a.build == "function" && (l = a.build());
-          const c = l.render();
-          return Array.isArray(c) ? c : [c];
-        }).flat(), u = n === "leading" || n === "left" ? "flex-start" : n === "trailing" || n === "right" ? "flex-end" : void 0, s = n === "top" ? "flex-start" : n === "bottom" ? "flex-end" : "center";
+        const b = this.children.map((a) => {
+          let y = a;
+          "build" in a && typeof a.build == "function" && (y = a.build());
+          const l = y.render();
+          return Array.isArray(l) ? l : [l];
+        }).flat(), d = n === "leading" || n === "left" ? "flex-start" : n === "trailing" || n === "right" ? "flex-end" : void 0, s = n === "top" ? "flex-start" : n === "bottom" ? "flex-end" : "center";
         return [{
           type: "element",
           tag: this.effectiveTag,
@@ -237,12 +237,12 @@ class g extends L {
               flexDirection: "row",
               gap: t ? `${t}px` : "0",
               alignItems: s,
-              ...u ? { justifyContent: u } : {}
+              ...d ? { justifyContent: d } : {}
             },
             // Add debug attributes
-            ...A.isEnabled()
+            ...T.isEnabled()
           },
-          children: m,
+          children: b,
           // Add component metadata for semantic role processing
           componentMetadata: {
             originalType: "HStack",
@@ -252,71 +252,71 @@ class g extends L {
         }];
       }
       case "zstack": {
-        let h = -1 / 0, m = null;
-        this.children.forEach((f) => {
-          let a = f;
-          if ("build" in f && typeof f.build == "function" && (a = f.build()), "modifiers" in a && Array.isArray(a.modifiers)) {
-            const l = a.modifiers.find(
-              (c) => c.type === "layout" && c.properties && "layoutPriority" in c.properties && typeof c.properties.layoutPriority == "number"
+        const u = this.layoutProps.sizing && ["content", "priority", "explicit"].includes(this.layoutProps.sizing) ? this.layoutProps.sizing : "content", b = typeof this.layoutProps.sizingChildIndex == "number" && Number.isInteger(this.layoutProps.sizingChildIndex) ? this.layoutProps.sizingChildIndex : 0, d = this.children.length > 0 ? Math.min(Math.max(b, 0), this.children.length - 1) : -1;
+        let s = -1 / 0, m = null;
+        u === "priority" && this.children.forEach((l) => {
+          let c = l;
+          if ("build" in l && typeof l.build == "function" && (c = l.build()), "modifiers" in c && Array.isArray(c.modifiers)) {
+            const p = c.modifiers.find(
+              (f) => f.type === "layout" && f.properties && "layoutPriority" in f.properties && typeof f.properties.layoutPriority == "number"
             );
-            if (l) {
-              const c = l.properties.layoutPriority;
-              c > h && (h = c, m = a);
+            if (p) {
+              const f = p.properties.layoutPriority;
+              f > s && (s = f, m = c);
             }
           }
         });
-        const u = w("div", {
+        const a = _("div", {
           className: o,
           style: {
             position: "relative",
             display: "flex",
             justifyContent: n.includes("Leading") ? "flex-start" : n.includes("Trailing") ? "flex-end" : "center",
             alignItems: n.includes("top") ? "flex-start" : n.includes("bottom") ? "flex-end" : "center",
-            // Container sizes to the highest priority child
-            ...m ? {
+            // Legacy priority mode sizes to the highest-priority child.
+            ...u === "priority" && m ? {
               minWidth: "fit-content",
               minHeight: "fit-content"
             } : {}
           },
           // Add debug attributes
-          ...A.isEnabled()
-        }), s = this.children.flatMap((f, a) => {
-          let l = f;
-          "build" in f && typeof f.build == "function" && (l = f.build());
-          const c = l.render(), y = Array.isArray(c) ? c : [c];
-          let C = a;
-          if ("modifiers" in l && Array.isArray(l.modifiers)) {
-            const p = l.modifiers.find(
-              (v) => v.type === "layout" && v.properties && "layoutPriority" in v.properties
+          ...T.isEnabled()
+        }), y = this.children.flatMap((l, c) => {
+          let p = l;
+          "build" in l && typeof l.build == "function" && (p = l.build());
+          const f = p.render(), w = Array.isArray(f) ? f : [f];
+          let R = c;
+          if ("modifiers" in p && Array.isArray(p.modifiers)) {
+            const g = p.modifiers.find(
+              (P) => P.type === "layout" && P.properties && "layoutPriority" in P.properties
             );
-            p && typeof p.properties.layoutPriority == "number" && (C = p.properties.layoutPriority);
+            g && typeof g.properties.layoutPriority == "number" && (R = g.properties.layoutPriority);
           }
-          return y.map((p) => {
-            if (p.type === "element") {
-              const v = l === m;
+          return w.map((g) => {
+            if (g.type === "element") {
+              const k = u === "content" ? c === d : u === "priority" ? u === "priority" && m !== null && p === m : !1;
               return {
-                ...p,
+                ...g,
                 props: {
-                  ...p.props,
+                  ...g.props,
                   style: {
-                    ...p.props?.style,
-                    // Highest priority child determines container size
-                    ...v ? {
+                    ...g.props?.style,
+                    ...k ? {
                       position: "relative",
-                      zIndex: C
+                      zIndex: R
                     } : {
                       position: "absolute",
                       top: 0,
                       left: 0,
                       right: 0,
                       bottom: 0,
-                      zIndex: C
+                      zIndex: R
                     }
                   }
                 }
               };
             }
-            return p;
+            return g;
           });
         });
         return [
@@ -324,10 +324,10 @@ class g extends L {
             type: "element",
             tag: this.effectiveTag,
             props: {
-              ...u.props,
+              ...a.props,
               className: o
             },
-            children: s,
+            children: y,
             // Add component metadata for semantic role processing
             componentMetadata: {
               originalType: "ZStack",
@@ -352,44 +352,44 @@ class g extends L {
     return t.deep ? this.deepClone() : this.shallowClone();
   }
   shallowClone() {
-    const t = T(this.props), r = T(this.layoutProps), n = (this.children ?? []).slice(), i = new g(
+    const t = S(this.props), i = S(this.layoutProps), n = (this.children ?? []).slice(), r = new v(
       t,
       this.layoutType,
       n,
-      r
+      i
     );
-    return E(i), i;
+    return E(r), r;
   }
   deepClone() {
-    const t = T(this.props, {
+    const t = S(this.props, {
       deep: !0
-    }), r = T(this.layoutProps, {
+    }), i = S(this.layoutProps, {
       deep: !0
-    }), n = (this.children ?? []).map((o) => typeof o?.clone == "function" ? o.clone({ deep: !0 }) : o), i = new g(
+    }), n = (this.children ?? []).map((o) => typeof o?.clone == "function" ? o.clone({ deep: !0 }) : o), r = new v(
       t,
       this.layoutType,
       n,
-      r
+      i
     );
-    return E(i), i;
+    return E(r), r;
   }
 }
-const Y = {
+const re = {
   /**
    * Vertical stack container (flexbox column)
    */
   VStack: (e = {}) => {
     const {
       children: t = [],
-      spacing: r = 0,
+      spacing: i = 0,
       alignment: n = "center",
-      debugLabel: i
-    } = e, o = new g(e, "vstack", t, {
-      spacing: r,
+      debugLabel: r
+    } = e, o = new v(e, "vstack", t, {
+      spacing: i,
       alignment: n,
-      debugLabel: i
+      debugLabel: r
     });
-    return d(o);
+    return h(o);
   },
   /**
    * Horizontal stack container (flexbox row)
@@ -397,62 +397,70 @@ const Y = {
   HStack: (e = {}) => {
     const {
       children: t = [],
-      spacing: r = 0,
+      spacing: i = 0,
       alignment: n = "center",
-      debugLabel: i
-    } = e, o = new g(e, "hstack", t, {
-      spacing: r,
+      debugLabel: r
+    } = e, o = new v(e, "hstack", t, {
+      spacing: i,
       alignment: n,
-      debugLabel: i
+      debugLabel: r
     });
-    return d(o);
+    return h(o);
   },
   /**
-   * Z-index stack container (absolute positioning)
+   * Z-index stack container (content sizing by default)
    */
   ZStack: (e = {}) => {
-    const { children: t = [], alignment: r = "center", debugLabel: n } = e, i = new g(e, "zstack", t, {
-      alignment: r,
-      debugLabel: n
+    const {
+      children: t = [],
+      alignment: i = "center",
+      sizing: n = "content",
+      sizingChildIndex: r = 0,
+      debugLabel: o
+    } = e, u = new v(e, "zstack", t, {
+      alignment: i,
+      sizing: n,
+      sizingChildIndex: r,
+      debugLabel: o
     });
-    return d(i);
+    return h(u);
   }
 };
-function ee(e) {
-  return d(e);
+function oe(e) {
+  return h(e);
 }
-function te(e) {
+function se(e) {
   return class extends e {
     constructor(t) {
-      super(t), b(this, "_modifiableComponent");
-      const r = d(this);
-      P() ? (this._modifiableComponent = S(this), R(this)) : (this._modifiableComponent = r, Object.defineProperty(this, "modifier", {
+      super(t), C(this, "_modifiableComponent");
+      const i = h(this);
+      x() ? (this._modifiableComponent = M(this), A(this)) : (this._modifiableComponent = i, Object.defineProperty(this, "modifier", {
         configurable: !0,
         enumerable: !1,
-        value: r.modifier,
+        value: i.modifier,
         writable: !1
       }), Object.defineProperty(this, "modifiers", {
         configurable: !0,
         enumerable: !1,
-        value: r.modifiers,
+        value: i.modifiers,
         writable: !1
       }));
     }
     get modifier() {
-      if (P())
-        return R(this).modifier;
-      const t = this._modifiableComponent ?? d(this);
+      if (x())
+        return A(this).modifier;
+      const t = this._modifiableComponent ?? h(this);
       return this._modifiableComponent = t, t.modifier;
     }
     get modifiers() {
-      const t = this._modifiableComponent ?? d(this);
+      const t = this._modifiableComponent ?? h(this);
       return this._modifiableComponent = t, t.modifiers;
     }
   };
 }
-function ne(e) {
+function ae(e) {
   return (t) => {
-    const r = {
+    const i = {
       type: "component",
       id: `factory-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
       props: t,
@@ -463,23 +471,23 @@ function ne(e) {
         return Array.isArray(n) ? n : [n];
       }
     };
-    return d(r);
+    return h(i);
   };
 }
-function re(e, t, r = {}, ...n) {
-  const i = new e(t, ...n);
-  return P() && r.prewarmProxy !== !1 && R(i), i;
+function le(e, t, i = {}, ...n) {
+  const r = new e(t, ...n);
+  return x() && i.prewarmProxy !== !1 && A(r), r;
 }
 export {
-  Y as L,
-  X as a,
-  g as b,
-  ne as c,
-  d,
-  ee as e,
-  re as f,
-  T as g,
-  j as h,
+  re as L,
+  ie as a,
+  v as b,
+  ae as c,
+  h as d,
+  oe as e,
+  le as f,
+  S as g,
+  W as h,
   E as r,
-  te as w
+  se as w
 };

package/dist/index.js

@@ -2,7 +2,7 @@ import { c as s, b as r, C as n, S as i, T as o, k as c, q as d, s as l, p as m,
 import { Assets as P, ColorAsset as L, FontAsset as T, FontWidth as D, ImageAsset as w, SystemFonts as U, createColorAsset as B, createFontAsset as F, createGoogleFont as j, createImageAsset as V, createSystemFont as N, createVariableFont as k, getAssetInfo as q, listAssetNames as z, registerAsset as W } from "./assets/index.js";
 import { a as H, w as K, A as J, x as Y, B as Q, u as X, f as Z, C as $, v as ee, D as ae, E as te, F as se, g as re, h as ne, K as ie, H as oe, M as ce, J as de, G as le, l as me, e as ge, m as pe, I as fe, L as Ce, d as ue, N as Se, R as Me, t as he, p as Ee, s as xe, r as be, q as ve, b as ye, c as Re, k as Ge, j as Oe, S as Ae, T as Ie, y as Pe, z as Le, i as Te, n as De, o as we, O as Ue } from "./index-JQ1sW1SK.js";
 import { Layout as Fe, dimensionToCSS as je, infinity as Ve, infinityToFlexCSS as Ne, isInfinity as ke, shouldExpandForInfinity as qe } from "./constants/layout.js";
-import { b as We, g as _e, f as He, c as Ke, a as Je, h as Ye, r as Qe, w as Xe, d as Ze, e as $e } from "./factory-wYm7L3JT.js";
+import { b as We, g as _e, f as He, c as Ke, a as Je, h as Ye, r as Qe, w as Xe, d as Ze, e as $e } from "./factory-oMYyVSAY.js";
 import { C as aa, y as ta, y as sa, D as ra, k as na, E as ia, M as oa, S as ca, q as da, V as la, a as ma, b as ga, v as pa, l as fa, o as Ca, d as ua, c as Sa, e as Ma, n as ha, g as Ea, w as xa, i as ba, h as va, x as ya, m as Ra, p as Ga, r as Oa, f as Aa, u as Ia, s as Pa, j as La, t as Ta } from "./concatenated-component-BCrw_7cC.js";
 import { OptimizedLazyPluginLoader as wa, PluginDevUtils as Ua, PluginError as Ba, SimplifiedComponentRegistry as Fa, SimplifiedPluginManager as ja, SimplifiedTachUIInstance as Va, adaptPlugin as Na, compareSemver as ka, createLazyPlugin as qa, createLegacyPluginAdapter as za, globalTachUIInstance as Wa, installPlugin as _a, isLegacyPlugin as Ha, normalizePluginName as Ka, registerComponent as Ja, registerService as Ya, validatePluginName as Qa, validateSemver as Xa } from "./plugins/index.js";
 import { DOMBridgeDebug as $a, getComponentFromElement as et, mountComponentChildren as at, mountComponentTree as tt, mountRoot as st, registerComponentWithLifecycleHooks as rt, unmountComponent as nt, unmountComponentEnhanced as it, updateComponent as ot } from "./runtime/dom-bridge.js";

package/dist/version.js

@@ -1,4 +1,4 @@
-const c = "@tachui/core", o = "0.8.12", n = c, t = o, s = o;
+const c = "@tachui/core", o = "0.8.15", n = c, t = o, s = o;
 export {
   n as TACHUI_PACKAGE,
   t as TACHUI_PACKAGE_VERSION,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tachui/core",
-  "version": "0.8.12",
+  "version": "0.8.15",
   "description": "tachUI core framework with reactive system and compiler",
   "homepage": "https://tachui.dev/",
   "type": "module",
@@ -141,8 +141,8 @@
     "dist"
   ],
   "dependencies": {
-    "@tachui/types": "0.8.12",
-    "@tachui/registry": "0.8.12"
+    "@tachui/types": "0.8.15",
+    "@tachui/registry": "0.8.15"
   },
   "devDependencies": {
     "@types/jsdom": "^21.1.6",