@tachui/core 0.8.0-alpha → 0.8.1-alpha

package/dist/{index-DCPJFUm9.js → index-DEBd8cq7.js}

@@ -1,133 +1,134 @@
 import { infinity as c } from "./constants/layout.js";
-import { LayoutModifier as d } from "./modifiers/base.js";
-import { C as y, u as U } from "./concatenated-component-ByPl3_FF.js";
-import { a as D, j as R, R as B, L as W, v as H } from "./production-minimal-BY_gMc-l.js";
-import { G as I, W as z } from "./scheduler-BKeqwrYE.js";
-import { c as A } from "./effect-B9Knft0b.js";
-import { d as S, g as L, p as F, c as q } from "./dom-bridge-CAa1N2zX.js";
+import { LayoutModifier as l } from "./modifiers/base.js";
+import { C as b, u as D } from "./concatenated-component-ByPl3_FF.js";
+import { a as j, j as z, R as I, L as A, v as G } from "./production-minimal-BY_gMc-l.js";
+import { p as P, E as k } from "./observed-object-Cos-FtjP.js";
+import "./scheduler-BKeqwrYE.js";
+import "typescript";
 import "./component-XAzF1xqs.js";
 import "./index-vdsiw6gQ.js";
+import "./dom-bridge-CAa1N2zX.js";
 import "./component-base-x2XmHFjy.js";
 import "./plugins/index.js";
 import "./validation/index.js";
-function Pe() {
-  return new d({
+function le() {
+  return new l({
     frame: {
       maxWidth: c
     }
   });
 }
-function De() {
-  return new d({
+function de() {
+  return new l({
     frame: {
       maxHeight: c
     }
   });
 }
-function Ie() {
-  return new d({
+function pe() {
+  return new l({
     frame: {
       maxWidth: c,
       maxHeight: c
     }
   });
 }
-function ze() {
-  return new d({
+function he() {
+  return new l({
     frame: {
       width: c,
       height: c
     }
   });
 }
-function Ae(n) {
-  return new d({
+function ge(r) {
+  return new l({
     frame: {
-      width: n,
+      width: r,
       maxHeight: c
     }
   });
 }
-function $e(n) {
-  return new d({
+function me(r) {
+  return new l({
     frame: {
-      height: n,
+      height: r,
       maxWidth: c
     }
   });
 }
-function ke(n, e) {
-  return new d({
+function fe(r, e) {
+  return new l({
     frame: {
       width: c,
       height: c,
-      maxWidth: n,
+      maxWidth: r,
       maxHeight: e
     }
   });
 }
-function Ge(n, e, t, r) {
-  return new d({
+function be(r, e, t, n) {
+  return new l({
     frame: {
       width: c,
       height: c,
-      minWidth: n,
+      minWidth: r,
       maxWidth: e,
       minHeight: t,
-      maxHeight: r
+      maxHeight: n
     }
   });
 }
-function Ue() {
-  return new d({
+function ye() {
+  return new l({
     frame: {
       maxWidth: c,
       maxHeight: c
     }
   });
 }
-function Re() {
-  return new d({
+function Se() {
+  return new l({
     frame: {
       width: "100vw",
       height: "100vh"
     }
   });
 }
-function Be() {
-  return new d({
+function ve() {
+  return new l({
     frame: {
       width: c,
       height: c
     }
   });
 }
-function We() {
-  return new d({
+function we() {
+  return new l({
     frame: {
       width: c
     }
   });
 }
-const He = Symbol.for("tachui.concat");
-function Le(n) {
-  return n && typeof n == "object" && typeof n.isConcatenatable == "function" && n.isConcatenatable();
+const Ce = Symbol.for("tachui.concat");
+function xe(r) {
+  return r && typeof r == "object" && typeof r.isConcatenatable == "function" && r.isConcatenatable();
 }
-function Fe(n) {
-  return n && typeof n == "object" && n.constructor.name === "ConcatenatedComponent";
+function Oe(r) {
+  return r && typeof r == "object" && r.constructor.name === "ConcatenatedComponent";
 }
-const qe = Symbol.for("tachui.concat");
-class Ke {
+const _e = Symbol.for("tachui.concat");
+class Me {
   /**
    * Concatenate this component with another concatenatable component
    */
   concat(e) {
-    const t = this.toSegment(), r = e.toSegment();
-    return e instanceof y ? new y(
+    const t = this.toSegment(), n = e.toSegment();
+    return e instanceof b ? new b(
       [t, ...e.segments],
       this.mergeMetadata(e.metadata, e.segments.length + 1)
-    ) : new y(
-      [t, r],
+    ) : new b(
+      [t, n],
       this.createMetadata(2)
     );
   }
@@ -186,10 +187,10 @@ class Ke {
     return t === "inline" && e === "inline" ? "inline" : t === "block" && e === "block" ? "block" : "mixed";
   }
 }
-function Je(n) {
-  const e = n;
+function Ee(r) {
+  const e = r;
   return e.concat = function(t) {
-    const r = {
+    const n = {
       id: this.id,
       component: this,
       modifiers: this.modifiers || [],
@@ -198,15 +199,15 @@ function Je(n) {
         return Array.isArray(s) ? s[0] : s;
       }
     }, i = t.toSegment();
-    return t instanceof y ? new y(
-      [r, ...t.segments],
+    return t instanceof b ? new b(
+      [n, ...t.segments],
       {
         totalSegments: t.segments.length + 1,
         accessibilityRole: "group",
         semanticStructure: "mixed"
       }
-    ) : new y(
-      [r, i],
+    ) : new b(
+      [n, i],
       {
         totalSegments: 2,
         accessibilityRole: "group",
@@ -227,8 +228,8 @@ function Je(n) {
     return !0;
   }, e;
 }
-const h = /* @__PURE__ */ new Map(), K = 300 * 1e3, T = 100;
-class Xe {
+const p = /* @__PURE__ */ new Map(), N = 300 * 1e3, E = 100;
+class Te {
   /**
    * Optimize an array of segments by merging compatible adjacent text segments
    * Enhanced with caching and performance monitoring
@@ -236,23 +237,23 @@ class Xe {
   static optimize(e) {
     const t = performance.now();
     if (e.length < 2) return e;
-    const r = this.generateCacheKey(e), i = this.getCachedOptimization(r);
+    const n = this.generateCacheKey(e), i = this.getCachedOptimization(n);
     if (i)
       return i.optimizedSegments;
     const s = this.performOptimization(e), a = performance.now() - t, o = {
       ...this.getOptimizationStats(e, s),
       processingTimeMs: a
     };
-    return this.cacheOptimization(r, s, o), process.env.NODE_ENV === "development" && a > 5 && console.log(`TachUI Concatenation: Optimization took ${a.toFixed(2)}ms for ${e.length} segments`), s;
+    return this.cacheOptimization(n, s, o), process.env.NODE_ENV === "development" && a > 5 && console.log(`TachUI Concatenation: Optimization took ${a.toFixed(2)}ms for ${e.length} segments`), s;
   }
   /**
    * Core optimization algorithm separated for clarity
    */
   static performOptimization(e) {
     const t = [];
-    for (const r of e) {
+    for (const n of e) {
       const i = t[t.length - 1];
-      i && this.canMergeTextSegments(i, r) ? t[t.length - 1] = this.mergeTextSegments(i, r) : t.push(r);
+      i && this.canMergeTextSegments(i, n) ? t[t.length - 1] = this.mergeTextSegments(i, n) : t.push(n);
     }
     return t;
   }
@@ -260,8 +261,8 @@ class Xe {
    * Generate a cache key from segments
    */
   static generateCacheKey(e) {
-    return e.map((r) => {
-      const i = r.component, s = this.extractTextContent(i), a = this.hashModifiers(r.modifiers);
+    return e.map((n) => {
+      const i = n.component, s = this.extractTextContent(i), a = this.hashModifiers(n.modifiers);
       return `${i.constructor.name}:${s}:${a}`;
     }).join("|");
   }
@@ -274,8 +275,8 @@ class Xe {
       const t = e.map((i) => ({
         type: i.type,
         props: i.properties
-      })), r = JSON.stringify(t);
-      return typeof btoa == "function" ? btoa(r).substring(0, 8) : this.simpleHash(r).toString(16).substring(0, 8);
+      })), n = JSON.stringify(t);
+      return typeof btoa == "function" ? btoa(n).substring(0, 8) : this.simpleHash(n).toString(16).substring(0, 8);
     } catch {
       return "hash-error";
     }
@@ -285,8 +286,8 @@ class Xe {
    */
   static simpleHash(e) {
     let t = 0;
-    for (let r = 0; r < e.length; r++) {
-      const i = e.charCodeAt(r);
+    for (let n = 0; n < e.length; n++) {
+      const i = e.charCodeAt(n);
       t = (t << 5) - t + i, t = t & t;
     }
     return Math.abs(t);
@@ -295,20 +296,20 @@ class Xe {
    * Get cached optimization result
    */
   static getCachedOptimization(e) {
-    const t = h.get(e);
-    return t ? Date.now() - t.timestamp > K ? (h.delete(e), null) : t : null;
+    const t = p.get(e);
+    return t ? Date.now() - t.timestamp > N ? (p.delete(e), null) : t : null;
   }
   /**
    * Cache optimization result
    */
-  static cacheOptimization(e, t, r) {
-    if (h.size >= T) {
-      const i = h.keys().next().value;
-      i && h.delete(i);
+  static cacheOptimization(e, t, n) {
+    if (p.size >= E) {
+      const i = p.keys().next().value;
+      i && p.delete(i);
     }
-    h.set(e, {
+    p.set(e, {
       optimizedSegments: t,
-      stats: r,
+      stats: n,
       timestamp: Date.now()
     });
   }
@@ -316,15 +317,15 @@ class Xe {
    * Clear optimization cache (useful for testing)
    */
   static clearCache() {
-    h.clear();
+    p.clear();
   }
   /**
    * Get cache statistics
    */
   static getCacheStats() {
     return {
-      size: h.size,
-      maxSize: T,
+      size: p.size,
+      maxSize: E,
       hitRate: 0
       // Would need to track hits/misses to calculate this
     };
@@ -340,8 +341,8 @@ class Xe {
    */
   static modifiersCompatible(e, t) {
     if (e.length !== t.length) return !1;
-    for (let r = 0; r < e.length; r++)
-      if (!this.modifierEqual(e[r], t[r]))
+    for (let n = 0; n < e.length; n++)
+      if (!this.modifierEqual(e[n], t[n]))
         return !1;
     return !0;
   }
@@ -360,13 +361,13 @@ class Xe {
    * Merge two text segments into a single segment
    */
   static mergeTextSegments(e, t) {
-    const r = e.component, i = t.component, s = this.extractTextContent(r), a = this.extractTextContent(i), o = s + a;
+    const n = e.component, i = t.component, s = this.extractTextContent(n), a = this.extractTextContent(i), o = s + a;
     return {
       id: `merged-${e.id}-${t.id}`,
-      component: this.createMergedTextComponent(o, r.props, e.modifiers),
+      component: this.createMergedTextComponent(o, n.props, e.modifiers),
       modifiers: e.modifiers,
       // Use modifiers from first segment (they're identical)
-      render: () => this.createMergedTextComponent(o, r.props, e.modifiers).render()[0]
+      render: () => this.createMergedTextComponent(o, n.props, e.modifiers).render()[0]
     };
   }
   /**
@@ -379,7 +380,7 @@ class Xe {
   /**
    * Create a new merged text component
    */
-  static createMergedTextComponent(e, t, r) {
+  static createMergedTextComponent(e, t, n) {
     const i = {
       ...t,
       content: e
@@ -390,7 +391,7 @@ class Xe {
       props: i,
       mounted: !1,
       cleanup: [],
-      modifiers: r,
+      modifiers: n,
       render() {
         const s = globalThis.__tachui_runtime;
         if (s && s.h && s.text) {
@@ -407,8 +408,8 @@ class Xe {
   static shouldOptimize(e) {
     if (e.length < 2) return !1;
     let t = 0;
-    for (let r = 0; r < e.length - 1; r++) {
-      const i = e[r], s = e[r + 1];
+    for (let n = 0; n < e.length - 1; n++) {
+      const i = e[n], s = e[n + 1];
       i.component.constructor.name === "EnhancedText" && s.component.constructor.name === "EnhancedText" && t++;
     }
     return t > 0;
@@ -417,30 +418,30 @@ class Xe {
    * Get optimization statistics (enhanced for Phase 4.1)
    */
   static getOptimizationStats(e, t) {
-    const r = e.length - t.length, i = e.length > 0 ? Math.round(r / e.length * 100) : 0;
+    const n = e.length - t.length, i = e.length > 0 ? Math.round(n / e.length * 100) : 0;
     return {
       originalCount: e.length,
       optimizedCount: t.length,
       reductionPercent: i,
-      textSegmentsMerged: r
+      textSegmentsMerged: n
     };
   }
   /**
    * Advanced optimization analysis for performance monitoring
    */
   static analyzeOptimizationOpportunities(e) {
-    let t = 0, r = 0, i = 0, s = 0;
+    let t = 0, n = 0, i = 0, s = 0;
     for (let o = 0; o < e.length; o++) {
-      const u = e[o];
-      switch (u.component.constructor.name) {
+      const d = e[o];
+      switch (d.component.constructor.name) {
         case "EnhancedText":
           if (t++, o < e.length - 1) {
-            const b = e[o + 1];
-            this.canMergeTextSegments(u, b) && s++;
+            const f = e[o + 1];
+            this.canMergeTextSegments(d, f) && s++;
           }
           break;
         case "EnhancedImage":
-          r++;
+          n++;
           break;
         case "EnhancedButton":
         case "EnhancedLinkComponent":
@@ -452,43 +453,43 @@ class Xe {
     return {
       totalSegments: e.length,
       textSegments: t,
-      imageSegments: r,
+      imageSegments: n,
       interactiveSegments: i,
       optimizableTextPairs: s,
       estimatedReductionPercent: a
     };
   }
 }
-class Ye {
+class je {
   // Placeholder implementation
 }
-function Ze() {
+function Ve() {
 }
-function Qe() {
+function De() {
 }
-function et() {
+function ze() {
 }
-function tt() {
+function Ie() {
 }
-class J extends D {
+class U extends j {
   constructor(e, t) {
     super(e), this.definitions = t;
   }
   resolve() {
     const e = this.getCurrentTheme(), t = this.definitions[e] || this.definitions.light;
-    return U(t);
+    return D(t);
   }
   getCurrentTheme() {
     return typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
   }
 }
-function nt(n) {
-  return new J("gradient-asset", n);
+function Ae(r) {
+  return new U("gradient-asset", r);
 }
-var X = Object.defineProperty, Y = (n, e, t) => e in n ? X(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, j = (n, e, t) => Y(n, typeof e != "symbol" ? e + "" : e, t);
-class E extends D {
-  constructor(e, t, r) {
-    super(e), this.reactiveDefinition = t, j(this, "currentGradient"), j(this, "subscriptions", []), j(this, "updateCallback"), this.updateCallback = r, this.currentGradient = this.resolveStaticGradient(), this.setupSignalSubscriptions();
+var $ = Object.defineProperty, R = (r, e, t) => e in r ? $(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, x = (r, e, t) => R(r, typeof e != "symbol" ? e + "" : e, t);
+class O extends j {
+  constructor(e, t, n) {
+    super(e), this.reactiveDefinition = t, x(this, "currentGradient"), x(this, "subscriptions", []), x(this, "updateCallback"), this.updateCallback = n, this.currentGradient = this.resolveStaticGradient(), this.setupSignalSubscriptions();
   }
   /**
    * Resolve current gradient to CSS
@@ -518,12 +519,12 @@ class E extends D {
     const { type: e, options: t } = this.reactiveDefinition;
     switch (e) {
       case "linear":
-        return W(this.resolveLinearOptions(t));
+        return A(this.resolveLinearOptions(t));
       case "radial":
-        return B(this.resolveRadialOptions(t));
+        return I(this.resolveRadialOptions(t));
       case "angular":
       case "conic":
-        return R(this.resolveAngularOptions(t));
+        return z(this.resolveAngularOptions(t));
       default:
         throw new Error(`Unsupported reactive gradient type: ${e}`);
     }
@@ -566,16 +567,16 @@ class E extends D {
     this.subscribeToSignalsInOptions(this.reactiveDefinition.options);
   }
   subscribeToSignalsInOptions(e) {
-    for (const [t, r] of Object.entries(e))
-      if (Array.isArray(r))
-        r.forEach((i) => {
+    for (const [t, n] of Object.entries(e))
+      if (Array.isArray(n))
+        n.forEach((i) => {
           if (this.isSignal(i)) {
             const s = i.subscribe(() => this.handleSignalChange());
             this.subscriptions.push(s);
           }
         });
-      else if (this.isSignal(r)) {
-        const i = r.subscribe(() => this.handleSignalChange());
+      else if (this.isSignal(n)) {
+        const i = n.subscribe(() => this.handleSignalChange());
         this.subscriptions.push(i);
       }
   }
@@ -590,17 +591,17 @@ class E extends D {
     return t(e);
   }
 }
-class l extends H {
-  constructor(e, t, r) {
-    const i = l.resolveStateOptions(t);
-    super(e, i), this.reactiveStateGradients = t, this.updateCallback = r, j(this, "reactiveSubscriptions", []), this.setupStateSignalSubscriptions();
+class u extends G {
+  constructor(e, t, n) {
+    const i = u.resolveStateOptions(t);
+    super(e, i), this.reactiveStateGradients = t, this.updateCallback = n, x(this, "reactiveSubscriptions", []), this.setupStateSignalSubscriptions();
   }
   /**
    * Update reactive state configuration
    */
   updateReactiveState(e) {
     this.cleanupStateSubscriptions(), this.reactiveStateGradients = e;
-    const t = l.resolveStateOptions(e);
+    const t = u.resolveStateOptions(e);
     this.updateStateGradients(t), this.setupStateSignalSubscriptions(), this.notifyStateUpdate();
   }
   /**
@@ -611,10 +612,10 @@ class l extends H {
   }
   static resolveStateOptions(e) {
     const t = {
-      default: l.resolveValue(e.default),
+      default: u.resolveValue(e.default),
       animation: e.animation
     };
-    return e.hover && (t.hover = l.resolveValue(e.hover)), e.active && (t.active = l.resolveValue(e.active)), e.focus && (t.focus = l.resolveValue(e.focus)), e.disabled && (t.disabled = l.resolveValue(e.disabled)), t;
+    return e.hover && (t.hover = u.resolveValue(e.hover)), e.active && (t.active = u.resolveValue(e.active)), e.focus && (t.focus = u.resolveValue(e.focus)), e.disabled && (t.disabled = u.resolveValue(e.disabled)), t;
   }
   static resolveValue(e) {
     return e !== null && typeof e == "object" && "value" in e && "subscribe" in e ? e.value : e;
@@ -624,61 +625,61 @@ class l extends H {
   }
   setupStateSignalSubscriptions() {
     Object.entries(this.reactiveStateGradients).forEach(([e, t]) => {
-      if (e !== "animation" && l.isSignal(t)) {
-        const r = t.subscribe(() => this.handleStateSignalChange());
-        this.reactiveSubscriptions.push(r);
+      if (e !== "animation" && u.isSignal(t)) {
+        const n = t.subscribe(() => this.handleStateSignalChange());
+        this.reactiveSubscriptions.push(n);
       }
     });
   }
   handleStateSignalChange() {
-    const e = l.resolveStateOptions(this.reactiveStateGradients);
+    const e = u.resolveStateOptions(this.reactiveStateGradients);
     this.updateStateGradients(e), this.notifyStateUpdate();
   }
   notifyStateUpdate() {
     this.updateCallback && this.updateCallback();
   }
 }
-const V = {
+const _ = {
   /**
    * Create a reactive linear gradient
    */
-  linear: (n, e) => new E(
+  linear: (r, e) => new O(
     "reactive-linear",
-    { type: "linear", options: n, __reactive: !0 },
+    { type: "linear", options: r, __reactive: !0 },
     e
   ),
   /**
    * Create a reactive radial gradient
    */
-  radial: (n, e) => new E(
+  radial: (r, e) => new O(
     "reactive-radial",
-    { type: "radial", options: n, __reactive: !0 },
+    { type: "radial", options: r, __reactive: !0 },
     e
   ),
   /**
    * Create a reactive angular gradient
    */
-  angular: (n, e) => new E(
+  angular: (r, e) => new O(
     "reactive-angular",
-    { type: "angular", options: n, __reactive: !0 },
+    { type: "angular", options: r, __reactive: !0 },
     e
   ),
   /**
    * Create a reactive state gradient
    */
-  state: (n, e, t) => new l(n, e, t)
-}, rt = {
+  state: (r, e, t) => new u(r, e, t)
+}, Ge = {
   /**
    * Create an animated gradient that cycles through colors
    */
-  createAnimatedGradient: (n, e = 3e3) => {
+  createAnimatedGradient: (r, e = 3e3) => {
     const t = {
-      value: n[0],
-      subscribe: (r) => () => {
+      value: r[0],
+      subscribe: (n) => () => {
       }
     };
-    return V.linear({
-      colors: [t, n[1]],
+    return _.linear({
+      colors: [t, r[1]],
       startPoint: "top",
       endPoint: "bottom"
     });
@@ -686,9 +687,9 @@ const V = {
   /**
    * Create a progress gradient that fills based on a signal
    */
-  createProgressGradient: (n, e = "#007AFF") => V.linear({
+  createProgressGradient: (r, e = "#007AFF") => _.linear({
     colors: [e, "transparent"],
-    stops: [n, n],
+    stops: [r, r],
     // Both stops use the same signal
     startPoint: "leading",
     endPoint: "trailing"
@@ -696,103 +697,103 @@ const V = {
   /**
    * Create a data-driven gradient that reflects numeric values
    */
-  createDataGradient: (n, e, t, r = ["#ff0000", "#ffff00", "#00ff00"]) => V.linear({
-    colors: r,
+  createDataGradient: (r, e, t, n = ["#ff0000", "#ffff00", "#00ff00"]) => _.linear({
+    colors: n,
     startPoint: "top",
     endPoint: "bottom"
   })
-}, it = {
+}, Pe = {
   /**
    * Check if a background value is reactive
    */
-  isReactiveBackground: (n) => n instanceof E || n instanceof l,
+  isReactiveBackground: (r) => r instanceof O || r instanceof u,
   /**
    * Create a reactive background from a signal
    */
-  fromSignal: (n) => V.state("signal-background", {
-    default: n
+  fromSignal: (r) => _.state("signal-background", {
+    default: r
   })
 };
-function M(n, e = {}) {
-  const { fallback: t, errorFallback: r, timeout: i = 1e4, preload: s = "never" } = e;
-  let a = !1, o = null, u = !1, m = null, b = null;
-  const O = async () => {
-    a || u || o || b || (a = !0, u = !0, m = null, b = (async () => {
+function M(r, e = {}) {
+  const { fallback: t, errorFallback: n, timeout: i = 1e4, preload: s = "never" } = e;
+  let a = !1, o = null, d = !1, m = null, f = null;
+  const w = async () => {
+    a || d || o || f || (a = !0, d = !0, m = null, f = (async () => {
       try {
-        const f = await Promise.race([
-          n(),
+        const g = await Promise.race([
+          r(),
           new Promise(
-            (_, x) => setTimeout(() => x(new Error("Component load timeout")), i)
+            (y, C) => setTimeout(() => C(new Error("Component load timeout")), i)
           )
         ]);
-        o = "default" in f ? f.default : f;
-      } catch (f) {
-        const _ = f;
-        (typeof process > "u" || process.env.NODE_ENV !== "test") && console.error("Failed to load lazy component:", _), m = _;
+        o = "default" in g ? g.default : g;
+      } catch (g) {
+        const y = g;
+        (typeof process > "u" || process.env.NODE_ENV !== "test") && console.error("Failed to load lazy component:", y), m = y;
       } finally {
-        u = !1, b = null;
+        d = !1, f = null;
       }
-    })(), await b);
+    })(), await f);
   };
   return s === "idle" && typeof requestIdleCallback < "u" ? requestIdleCallback(() => {
-    O().catch(() => {
+    w().catch(() => {
     });
   }) : s === "idle" ? setTimeout(() => {
-    O().catch(() => {
+    w().catch(() => {
     });
-  }, 100) : s === "immediate" && O().catch(() => {
-  }), (f) => {
-    if (!a && !u && !o && O().catch(() => {
+  }, 100) : s === "immediate" && w().catch(() => {
+  }), (g) => {
+    if (!a && !d && !o && w().catch(() => {
     }), m)
-      return r ? r(m) : N(m);
-    if (u || !o)
-      return t || Q();
+      return n ? n(m) : T(m);
+    if (d || !o)
+      return t || H();
     try {
-      return typeof o == "function" ? o(f) : o;
-    } catch (_) {
-      const x = _;
-      return (typeof process > "u" || process.env.NODE_ENV !== "test") && console.error("Error rendering lazy component:", x), N(x);
+      return typeof o == "function" ? o(g) : o;
+    } catch (y) {
+      const C = y;
+      return (typeof process > "u" || process.env.NODE_ENV !== "test") && console.error("Error rendering lazy component:", C), T(C);
     }
   };
 }
-function st(n) {
+function ke(r) {
   return {
     type: "component",
     render: () => ({
       type: "element",
       tag: "div",
       props: { class: "tachui-suspense" },
-      children: n.children.map(() => ({
+      children: r.children.map(() => ({
         type: "element",
         tag: "div",
         children: []
       }))
     }),
-    props: n,
+    props: r,
     id: `suspense-${Math.random().toString(36).substr(2, 9)}`
   };
 }
-function Z(n) {
-  return n().then((e) => e && typeof e == "object" && "default" in e ? e.default : e);
+function B(r) {
+  return r().then((e) => e && typeof e == "object" && "default" in e ? e.default : e);
 }
-function at(n, e = {}) {
+function Ne(r, e = {}) {
   const t = {};
-  for (const [r, i] of Object.entries(n))
-    t[r] = M(i, e);
+  for (const [n, i] of Object.entries(r))
+    t[n] = M(i, e);
   return t;
 }
-function ot(n) {
-  const e = Object.entries(n).map(
-    async ([t, r]) => [t, await Z(r)]
+function Ue(r) {
+  const e = Object.entries(r).map(
+    async ([t, n]) => [t, await B(n)]
   );
   return Promise.all(e).then((t) => {
-    const r = {};
+    const n = {};
     for (const [i, s] of t)
-      r[i] = s;
-    return r;
+      n[i] = s;
+    return n;
   });
 }
-function Q() {
+function H() {
   return {
     type: "element",
     tag: "div",
@@ -808,7 +809,7 @@ function Q() {
     ]
   };
 }
-function N(n) {
+function T(r) {
   return {
     type: "element",
     tag: "div",
@@ -819,293 +820,41 @@ function N(n) {
     children: [
       {
         type: "text",
-        text: `Failed to load component: ${n.message}`
+        text: `Failed to load component: ${r.message}`
       }
     ]
   };
 }
-function ct(n, e = {}) {
-  const { rootMargin: t = "50px", threshold: r = 0.1, ...i } = e;
+function $e(r, e = {}) {
+  const { rootMargin: t = "50px", threshold: n = 0.1, ...i } = e;
   return i.preload === "visible" && typeof IntersectionObserver < "u" ? (s) => {
-    const a = M(n, { ...i, preload: "never" });
+    const a = M(r, { ...i, preload: "never" });
     return setTimeout(() => {
       a(s);
     }, 100), a(s);
-  } : M(n, i);
-}
-var ee = Object.defineProperty, te = (n, e, t) => e in n ? ee(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, g = (n, e, t) => te(n, typeof e != "symbol" ? e + "" : e, t);
-class ne {
-  constructor(e) {
-    g(this, "_signal"), g(this, "_setter"), g(this, "_subscribers", /* @__PURE__ */ new Set());
-    const [t, r] = I(e);
-    this._signal = t, this._setter = r;
-  }
-  get value() {
-    return this._signal();
-  }
-  set value(e) {
-    this._setter(e), this.notifySubscribers();
-  }
-  /**
-   * Update a property of the environment object
-   */
-  updateProperty(e, t) {
-    const i = { ...this._signal(), [e]: t };
-    this._setter(i), this.notifySubscribers();
-  }
-  /**
-   * Subscribe to changes
-   */
-  subscribe(e) {
-    return this._subscribers.add(e), () => this._subscribers.delete(e);
-  }
-  notifySubscribers() {
-    for (const e of this._subscribers)
-      try {
-        e();
-      } catch (t) {
-        console.error("Error in environment object subscriber:", t);
-      }
-  }
-  /**
-   * Create a reactive effect that runs when this object changes
-   */
-  onChange(e) {
-    const t = A(() => {
-      e(this._signal());
-    });
-    return () => t.dispose();
-  }
-}
-class $ {
-  constructor(e, t) {
-    g(this, "key"), g(this, "componentContext"), g(this, "_cachedValue"), g(this, "_subscriptionCleanup"), this.key = e, this.componentContext = t, t.onCleanup(() => {
-      this._subscriptionCleanup && this._subscriptionCleanup();
-    });
-  }
-  get wrappedValue() {
-    if (this._cachedValue === void 0 && (this._cachedValue = q(this.key), this._cachedValue && typeof this._cachedValue == "object" && "subscribe" in this._cachedValue)) {
-      const e = this._cachedValue;
-      typeof e.subscribe == "function" && (this._subscriptionCleanup = e.subscribe(() => {
-        this.componentContext.setState(`_env_${this.key.name}_trigger`, Date.now());
-      }));
-    }
-    return this._cachedValue;
-  }
-  get projectedValue() {
-    return this;
-  }
-}
-function re(n) {
-  const e = L();
-  return new $(n, e);
-}
-function ie(n, e) {
-  F(n, e);
-}
-function ut(n, e) {
-  return new ne(e);
-}
-function lt(n) {
-  return n && typeof n == "object" && "wrappedValue" in n && "key" in n && "componentContext" in n && n instanceof $;
-}
-const dt = {
-  /**
-   * Application theme
-   */
-  Theme: S("Theme", {
-    mode: "light",
-    primaryColor: "#007AFF",
-    secondaryColor: "#5856D6"
-  }),
-  /**
-   * Localization service
-   */
-  Localization: S("Localization"),
-  /**
-   * Navigation service
-   */
-  Navigation: S("Navigation"),
-  /**
-   * Application configuration
-   */
-  Config: S("Config"),
-  /**
-   * User authentication
-   */
-  Auth: S("Auth")
-};
-var se = Object.defineProperty, ae = (n, e, t) => e in n ? se(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, C = (n, e, t) => ae(n, typeof e != "symbol" ? e + "" : e, t);
-class k {
-  constructor() {
-    C(this, "_objectWillChange"), C(this, "_notifyCount", 0);
-    const [e, t] = I(void 0);
-    this._objectWillChange = {
-      getValue: e,
-      peek: e
-    }, this._notifySetter = t;
-  }
-  get objectWillChange() {
-    return this._objectWillChange;
-  }
-  /**
-   * Notify observers that the object has changed
-   * Call this method whenever properties of the object change
-   */
-  notifyChange() {
-    this._notifyCount++;
-    const e = this._notifySetter;
-    e && e(void 0);
-  }
-  /**
-   * Get the current notification count (for debugging)
-   */
-  get notificationCount() {
-    return this._notifyCount;
-  }
-}
-class oe {
-  constructor(e, t, r, i = {}) {
-    C(this, "_object"), C(this, "_metadata"), C(this, "_effectCleanup"), this._object = e, this._metadata = {
-      type: "ObservedObject",
-      propertyName: r,
-      componentId: t.id,
-      options: i
-    }, this.setupObservation();
-    const s = z();
-    s && s.cleanups.push(() => {
-      this.cleanup();
-    });
-  }
-  get wrappedValue() {
-    return this._object;
-  }
-  get projectedValue() {
-    return this;
-  }
-  /**
-   * Get property wrapper metadata
-   */
-  get metadata() {
-    return this._metadata;
-  }
-  /**
-   * Set up reactive observation of the object
-   */
-  setupObservation() {
-    const e = A(() => {
-      this._object.objectWillChange();
-    });
-    this._effectCleanup = () => e.dispose();
-  }
-  /**
-   * Cleanup observation
-   */
-  cleanup() {
-    this._effectCleanup && (this._effectCleanup(), this._effectCleanup = void 0);
-  }
-  /**
-   * Replace the observed object (advanced usage)
-   */
-  updateObject(e) {
-    this.cleanup(), this._object = e, this.setupObservation();
-  }
-}
-const ce = (n, e = {}) => {
-  const t = le(), r = de() || "observedObject";
-  return new oe(n, t, r, e);
-};
-function ue(n, e = {}) {
-  const t = new k();
-  return new Proxy(n, {
-    set(i, s, a) {
-      const o = i[s], u = Reflect.set(i, s, a);
-      return u && o !== a && e.autoNotify !== !1 && t.notifyChange(), u;
-    },
-    get(i, s) {
-      return s === "objectWillChange" ? t.objectWillChange : s === "notifyChange" ? () => t.notifyChange() : s === "notificationCount" ? t.notificationCount : Reflect.get(i, s);
-    }
-  });
-}
-function ht(n = {}) {
-  return (e) => class extends e {
-    constructor(...t) {
-      super(...t), C(this, "_observableBase", new k()), n.autoNotify !== !1 && this.setupAutoNotification();
-    }
-    get objectWillChange() {
-      return this._observableBase.objectWillChange;
-    }
-    get notificationCount() {
-      return this._observableBase.notificationCount;
-    }
-    notifyChange() {
-      this._observableBase.notifyChange();
-    }
-    setupAutoNotification() {
-      const t = Object.getOwnPropertyNames(this);
-      for (const r of t) {
-        if (r.startsWith("_") || typeof this[r] == "function")
-          continue;
-        let i = this[r];
-        Object.defineProperty(this, r, {
-          get: () => i,
-          set: (s) => {
-            i !== s && (i = s, this.notifyChange());
-          },
-          enumerable: !0,
-          configurable: !0
-        });
-      }
-    }
-  };
+  } : M(r, i);
 }
-function le() {
-  const n = z();
-  if (!n?.context.has(P))
-    throw new Error("@ObservedObject can only be used within a component context");
-  return n.context.get(P);
-}
-function de() {
-  try {
-    const n = new Error().stack;
-    if (n)
-      return n.match(/at (\w+)\./)?.[1] || null;
-  } catch {
-  }
-  return null;
-}
-const P = Symbol("TachUI.ComponentContext");
-function he(n) {
-  return n && typeof n == "object" && "objectWillChange" in n && "notifyChange" in n;
-}
-function pt(n) {
-  return n && typeof n == "object" && "wrappedValue" in n && "projectedValue" in n && he(n.wrappedValue);
-}
-function ft(n, e = {}) {
-  return ue({ ...n }, e);
-}
-const gt = ce;
-var pe = Object.defineProperty, fe = (n, e, t) => e in n ? pe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, p = (n, e, t) => fe(n, typeof e != "symbol" ? e + "" : e, t);
-class ge {
+var L = Object.defineProperty, W = (r, e, t) => e in r ? L(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, h = (r, e, t) => W(r, typeof e != "symbol" ? e + "" : e, t);
+class F {
   constructor(e) {
-    this.componentContext = e, p(this, "states", /* @__PURE__ */ new Map()), p(this, "bindings", /* @__PURE__ */ new Map()), p(this, "observedObjects", /* @__PURE__ */ new Map()), p(this, "environmentObjects", /* @__PURE__ */ new Map()), p(this, "registry"), this.registry = new me();
+    this.componentContext = e, h(this, "states", /* @__PURE__ */ new Map()), h(this, "bindings", /* @__PURE__ */ new Map()), h(this, "observedObjects", /* @__PURE__ */ new Map()), h(this, "environmentObjects", /* @__PURE__ */ new Map()), h(this, "registry"), this.registry = new q();
   }
   /**
    * Register a @State property wrapper
    */
   registerState(e, t = {}) {
-    const r = e.metadata;
-    if (r) {
-      const i = `${r.componentId}_${r.propertyName}`;
-      this.states.set(i, e), this.registry.register(r), process.env.NODE_ENV === "development" && this.setupStateDebugging(e, r);
+    const n = e.metadata;
+    if (n) {
+      const i = `${n.componentId}_${n.propertyName}`;
+      this.states.set(i, e), this.registry.register(n), process.env.NODE_ENV === "development" && this.setupStateDebugging(e, n);
     }
   }
   /**
    * Register a @Binding property wrapper
    */
   registerBinding(e, t = {}) {
-    const r = `${this.componentContext.id}_${t.name || "binding"}_${Date.now()}`;
-    this.bindings.set(r, e);
+    const n = `${this.componentContext.id}_${t.name || "binding"}_${Date.now()}`;
+    this.bindings.set(n, e);
     const i = {
       type: "Binding",
       propertyName: t.name || "binding",
@@ -1118,20 +867,20 @@ class ge {
    * Register an @ObservedObject property wrapper
    */
   registerObservedObject(e, t = {}) {
-    const r = e.metadata;
-    if (r) {
-      const i = `${r.componentId}_${r.propertyName}`;
-      this.observedObjects.set(i, e), this.registry.register(r), process.env.NODE_ENV === "development" && this.setupObservedObjectDebugging(e, r);
+    const n = e.metadata;
+    if (n) {
+      const i = `${n.componentId}_${n.propertyName}`;
+      this.observedObjects.set(i, e), this.registry.register(n), process.env.NODE_ENV === "development" && this.setupObservedObjectDebugging(e, n);
     }
   }
   /**
    * Register an @EnvironmentObject property wrapper
    */
   registerEnvironmentObject(e, t) {
-    const r = e.metadata;
-    if (r) {
-      const i = `${r.componentId}_${r.propertyName}`;
-      this.environmentObjects.set(i, e), this.registry.register(r);
+    const n = e.metadata;
+    if (n) {
+      const i = `${n.componentId}_${n.propertyName}`;
+      this.environmentObjects.set(i, e), this.registry.register(n);
     }
   }
   /**
@@ -1175,8 +924,8 @@ class ge {
    */
   setupStateDebugging(e, t) {
     if (typeof window < "u") {
-      const r = window.__TACHUI_DEBUG__ || {};
-      r.states || (r.states = {}), r.states[`${t.componentId}_${t.propertyName}`] = {
+      const n = window.__TACHUI_DEBUG__ || {};
+      n.states || (n.states = {}), n.states[`${t.componentId}_${t.propertyName}`] = {
         state: e,
         metadata: t,
         getValue: () => e.wrappedValue,
@@ -1184,7 +933,7 @@ class ge {
           e.projectedValue.set(i);
         },
         getBinding: () => e.projectedValue
-      }, window.__TACHUI_DEBUG__ = r;
+      }, window.__TACHUI_DEBUG__ = n;
     }
   }
   /**
@@ -1192,27 +941,27 @@ class ge {
    */
   setupObservedObjectDebugging(e, t) {
     if (typeof window < "u") {
-      const r = window.__TACHUI_DEBUG__ || {};
-      r.observedObjects || (r.observedObjects = {}), r.observedObjects[`${t.componentId}_${t.propertyName}`] = {
+      const n = window.__TACHUI_DEBUG__ || {};
+      n.observedObjects || (n.observedObjects = {}), n.observedObjects[`${t.componentId}_${t.propertyName}`] = {
         observedObject: e,
         metadata: t,
         getObject: () => e.wrappedValue,
         getNotificationCount: () => e.wrappedValue.notificationCount || 0,
         triggerChange: () => e.wrappedValue.notifyChange()
-      }, window.__TACHUI_DEBUG__ = r;
+      }, window.__TACHUI_DEBUG__ = n;
     }
   }
 }
-class me {
+class q {
   constructor() {
-    p(this, "metadata", /* @__PURE__ */ new Map());
+    h(this, "metadata", /* @__PURE__ */ new Map());
   }
   /**
    * Register property wrapper metadata
    */
   register(e) {
-    const t = e.componentId, r = this.metadata.get(t) || [];
-    r.push(e), this.metadata.set(t, r);
+    const t = e.componentId, n = this.metadata.get(t) || [];
+    n.push(e), this.metadata.set(t, n);
   }
   /**
    * Unregister a specific property wrapper
@@ -1240,15 +989,15 @@ class me {
     return new Map(this.metadata);
   }
 }
-function mt(n) {
-  return new ge(n);
+function Re(r) {
+  return new F(r);
 }
-const G = class v {
+const V = class S {
   constructor() {
-    p(this, "managers", /* @__PURE__ */ new Map());
+    h(this, "managers", /* @__PURE__ */ new Map());
   }
   static getInstance() {
-    return v.instance || (v.instance = new v()), v.instance;
+    return S.instance || (S.instance = new S()), S.instance;
   }
   register(e, t) {
     this.managers.set(e, t);
@@ -1267,141 +1016,129 @@ const G = class v {
    */
   getDebugInfo() {
     const e = {};
-    for (const [t, r] of this.managers)
+    for (const [t, n] of this.managers)
       e[t] = {
-        states: r.getStates().size,
-        bindings: r.getBindings().size,
-        observedObjects: r.getObservedObjects().size,
-        environmentObjects: r.getEnvironmentObjects().size,
-        metadata: r.getRegistry().getMetadata(t)
+        states: n.getStates().size,
+        bindings: n.getBindings().size,
+        observedObjects: n.getObservedObjects().size,
+        environmentObjects: n.getEnvironmentObjects().size,
+        metadata: n.getRegistry().getMetadata(t)
       };
     return e;
   }
 };
-p(G, "instance");
-let w = G;
-function bt(n, e) {
-  w.getInstance().register(n, e);
+h(V, "instance");
+let v = V;
+function Be(r, e) {
+  v.getInstance().register(r, e);
 }
-function yt(n) {
-  w.getInstance().unregister(n);
+function He(r) {
+  v.getInstance().unregister(r);
 }
-function be(n) {
-  return w.getInstance().getManager(n);
+function J(r) {
+  return v.getInstance().getManager(r);
 }
-function ye() {
-  return w.getInstance().getAllManagers();
+function K() {
+  return v.getInstance().getAllManagers();
 }
-function Ce() {
-  return w.getInstance().getDebugInfo();
+function Q() {
+  return v.getInstance().getDebugInfo();
 }
-function Ct() {
+function Le() {
   if (typeof window < "u" && process.env.NODE_ENV === "development") {
-    const n = window.__TACHUI_DEBUG__ || {};
-    n.stateManagers = {
-      getAll: ye,
-      getDebugInfo: Ce,
-      getManager: be
-    }, window.__TACHUI_DEBUG__ = n, console.log(
+    const r = window.__TACHUI_DEBUG__ || {};
+    r.stateManagers = {
+      getAll: K,
+      getDebugInfo: Q,
+      getManager: J
+    }, window.__TACHUI_DEBUG__ = r, console.log(
       "TachUI State Management debugging enabled. Use window.__TACHUI_DEBUG__.stateManagers"
     );
   }
 }
-const _t = ie;
-function St(n) {
-  return console.warn("useEnvironmentObject is deprecated, use EnvironmentObject instead"), re(n);
+const We = P;
+function Fe(r) {
+  return console.warn("useEnvironmentObject is deprecated, use EnvironmentObject instead"), k(r);
 }
-const vt = {
+const qe = {
   /**
    * Check if a value is any kind of property wrapper
    */
-  isPropertyWrapper(n) {
-    return n && typeof n == "object" && "wrappedValue" in n && "projectedValue" in n;
+  isPropertyWrapper(r) {
+    return r && typeof r == "object" && "wrappedValue" in r && "projectedValue" in r;
   },
   /**
    * Extract the wrapped value from any property wrapper
    */
-  unwrap(n) {
-    return this.isPropertyWrapper(n) ? n.wrappedValue : n;
+  unwrap(r) {
+    return this.isPropertyWrapper(r) ? r.wrappedValue : r;
   },
   /**
    * Create a debug snapshot of all property wrappers in a component
    */
-  createDebugSnapshot(n) {
+  createDebugSnapshot(r) {
     if (typeof window < "u") {
       const e = window.__TACHUI_DEBUG__;
       if (e)
         return {
-          states: e.states ? Object.keys(e.states).filter((t) => t.startsWith(n)).reduce((t, r) => (t[r] = e.states[r].getValue(), t), {}) : {},
-          observedObjects: e.observedObjects ? Object.keys(e.observedObjects).filter((t) => t.startsWith(n)).reduce((t, r) => (t[r] = {
-            notificationCount: e.observedObjects[r].getNotificationCount(),
-            object: e.observedObjects[r].getObject()
+          states: e.states ? Object.keys(e.states).filter((t) => t.startsWith(r)).reduce((t, n) => (t[n] = e.states[n].getValue(), t), {}) : {},
+          observedObjects: e.observedObjects ? Object.keys(e.observedObjects).filter((t) => t.startsWith(r)).reduce((t, n) => (t[n] = {
+            notificationCount: e.observedObjects[n].getNotificationCount(),
+            object: e.observedObjects[n].getObject()
           }, t), {}) : {}
         };
     }
     return null;
   }
-}, wt = "0.1.0";
+}, Je = "0.1.0";
 export {
-  mt as $,
-  it as A,
-  Ze as B,
-  He as C,
-  Qe as D,
-  et as E,
-  tt as F,
-  J as G,
-  _t as H,
-  St as I,
-  vt as J,
-  dt as K,
-  Ye as L,
-  ut as M,
-  re as N,
-  lt as O,
-  ie as P,
-  ft as Q,
-  E as R,
-  st as S,
-  Xe as T,
-  he as U,
-  wt as V,
-  pt as W,
-  ue as X,
-  k as Y,
-  gt as Z,
-  ht as _,
-  Fe as a,
-  ye as a0,
-  be as a1,
-  Ce as a2,
-  Ct as a3,
-  bt as a4,
-  ge as a5,
-  yt as a6,
-  Ke as b,
-  qe as c,
-  De as d,
-  Ie as e,
-  Pe as f,
-  ze as g,
-  Ae as h,
-  Le as i,
-  $e as j,
-  ke as k,
-  Ue as l,
-  Je as m,
-  Re as n,
-  Be as o,
-  We as p,
-  at as q,
-  Ge as r,
-  ct as s,
+  Pe as A,
+  Ve as B,
+  Ce as C,
+  De as D,
+  ze as E,
+  Ie as F,
+  U as G,
+  We as H,
+  Fe as I,
+  qe as J,
+  Re as K,
+  je as L,
+  K as M,
+  J as N,
+  Q as O,
+  Le as P,
+  Be as Q,
+  O as R,
+  ke as S,
+  Te as T,
+  F as U,
+  Je as V,
+  He as W,
+  Oe as a,
+  Me as b,
+  _e as c,
+  de as d,
+  pe as e,
+  le as f,
+  he as g,
+  ge as h,
+  xe as i,
+  me as j,
+  fe as k,
+  ye as l,
+  Ee as m,
+  Se as n,
+  ve as o,
+  we as p,
+  Ne as q,
+  be as r,
+  $e as s,
   M as t,
-  Z as u,
-  ot as v,
-  nt as w,
-  l as x,
-  V as y,
-  rt as z
+  B as u,
+  Ue as v,
+  Ae as w,
+  u as x,
+  _ as y,
+  Ge as z
 };