@tachui/data 0.8.22 → 0.8.24

package/dist/List.js

@@ -1,3490 +1,26 @@
-var Pe = Object.defineProperty;
-var Oe = (n, e, t) => e in n ? Pe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var m = (n, e, t) => Oe(n, typeof e != "symbol" ? e + "" : e, t);
-import { withModifiers as pe, ComponentWithCSSClasses as Le, processElementOverride as ke, h as S, text as De, clonePropsPreservingReactivity as me, resetLifecycleState as ge, createSignal as N, isSignal as w, createEffect as R } from "@tachui/core";
+var x = Object.defineProperty;
+var R = (c, t, e) => t in c ? x(c, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[t] = e;
+var u = (c, t, e) => R(c, typeof t != "symbol" ? t + "" : t, e);
+import { withModifiers as T, createSignal as y, isSignal as S, createEffect as v, h as m } from "@tachui/core";
 import "@tachui/core/reactive";
 import "@tachui/modifiers";
-const y = {
-  Clean: 0,
-  Check: 1,
-  Dirty: 2,
-  Disposed: 3
-};
-var ze = Object.defineProperty, _e = (n, e, t) => e in n ? ze(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, P = (n, e, t) => _e(n, typeof e != "symbol" ? e + "" : e, t);
-let He = 0;
-const Ve = Math.random().toString(36).substr(2, 6);
-let ye = null, ve = null;
-const je = /* @__PURE__ */ new Set();
-je.add(Ve);
-const q = {
-  get currentComputation() {
-    return ye;
-  },
-  set currentComputation(n) {
-    ye = n;
-  },
-  get currentOwner() {
-    return ve;
-  },
-  set currentOwner(n) {
-    ve = n;
-  }
-};
-function Ce() {
-  return q.currentComputation;
-}
-function Ee() {
-  return q.currentOwner;
-}
-class Ae {
-  constructor(e, t = null) {
-    P(this, "id"), P(this, "owner"), P(this, "fn"), P(this, "sources", /* @__PURE__ */ new Set()), P(this, "observers", /* @__PURE__ */ new Set()), P(this, "state", y.Dirty), P(this, "value"), this.id = ++He, this.fn = e, this.owner = t, t && !t.disposed && t.sources.add(this);
-  }
-  execute() {
-    if (this.state === y.Disposed)
-      return this.value;
-    for (const t of this.sources)
-      t && typeof t == "object" && "removeObserver" in t && t.removeObserver(this);
-    this.sources.clear();
-    const e = q.currentComputation;
-    q.currentComputation = this;
-    try {
-      return this.state = y.Clean, this.value = this.fn(), this.value;
-    } catch (t) {
-      throw this.state = y.Disposed, (typeof process > "u" || process.env.NODE_ENV !== "test") && console.error("Error in computation:", t), t;
-    } finally {
-      q.currentComputation = e;
-    }
-  }
-  dispose() {
-    if (this.state !== y.Disposed) {
-      this.state = y.Disposed;
-      for (const e of this.sources)
-        e && typeof e == "object" && "removeObserver" in e && e.removeObserver(this);
-      this.sources.clear();
-      for (const e of this.observers)
-        e.sources.delete(this);
-      this.observers.clear(), this.owner && !this.owner.disposed && this.owner.sources.delete(this);
-    }
-  }
-}
-var Fe = Object.defineProperty, Be = (n, e, t) => e in n ? Fe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, ie = (n, e, t) => Be(n, typeof e != "symbol" ? e + "" : e, t);
-let We = 0, Ue = class {
-  constructor(e) {
-    ie(this, "id"), ie(this, "observers", /* @__PURE__ */ new Set()), ie(this, "_value"), this.id = ++We, this._value = e;
-  }
-  /**
-   * Get the current value and track dependency
-   */
-  getValue() {
-    const e = Ce();
-    return e && e.state !== y.Disposed && (this.observers.add(e), e.sources.add(this)), this._value;
-  }
-  /**
-   * Get the current value without tracking dependency
-   */
-  peek() {
-    return this._value;
-  }
-  /**
-   * Set a new value and notify observers
-   */
-  set(e) {
-    const t = typeof e == "function" ? e(this._value) : e;
-    return t !== this._value && (this._value = t, this.notify()), t;
-  }
-  /**
-   * Notify all observers that this signal has changed
-   */
-  notify() {
-    for (const e of this.observers)
-      e.state !== y.Disposed && (e.state = y.Dirty, Qe(e));
-  }
-  /**
-   * Remove an observer (cleanup)
-   */
-  removeObserver(e) {
-    this.observers.delete(e);
-  }
-  /**
-   * Get debug information about this signal
-   */
-  [Symbol.for("tachui.debug")]() {
-    return {
-      id: this.id,
-      value: this._value,
-      observerCount: this.observers.size,
-      type: "Signal"
-    };
-  }
-};
-const X = /* @__PURE__ */ new Set();
-let J = !1;
-function Qe(n) {
-  X.add(n), !J && queueMicrotask(qe);
-}
-function qe() {
-  if (!J) {
-    J = !0;
-    try {
-      for (; X.size > 0; ) {
-        const n = Array.from(X).sort((e, t) => e.id - t.id);
-        X.clear();
-        for (const e of n)
-          e.state === y.Dirty && e.execute();
-      }
-    } finally {
-      J = !1;
-    }
-  }
-}
-function he(n) {
-  const e = new Ue(n), t = e.getValue.bind(e);
-  t.peek = e.peek.bind(e);
-  const s = e.set.bind(e);
-  return Object.defineProperty(t, Symbol.for("tachui.signal"), {
-    value: e,
-    enumerable: !1
-  }), [t, s];
-}
-function F(n) {
-  return typeof n == "function" && Symbol.for("tachui.signal") in n;
-}
-const Ge = (n, e) => n === e;
-var Ke = Object.defineProperty, Ye = (n, e, t) => e in n ? Ke(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, A = (n, e, t) => Ye(n, typeof e != "symbol" ? e + "" : e, t), G = /* @__PURE__ */ ((n) => (n[n.Immediate = 0] = "Immediate", n[n.High = 1] = "High", n[n.Normal = 2] = "Normal", n[n.Low = 3] = "Low", n[n.Idle = 4] = "Idle", n))(G || {});
-let Ze = class extends Error {
-  constructor(e, t, s) {
-    super(e), this.cause = t, this.node = s, this.name = "ReactiveError";
-  }
-};
-const Xe = class _ {
-  constructor() {
-    A(this, "updateQueues", /* @__PURE__ */ new Map()), A(this, "isFlushPending", !1), A(this, "isDestroyed", !1), A(this, "errorHandlers", /* @__PURE__ */ new Set()), A(this, "maxRetries", 3), A(this, "totalUpdateCycles", 0), A(this, "totalUpdateTime", 0), A(this, "errorCount", 0), A(this, "nodeRegistry", /* @__PURE__ */ new WeakSet());
-    for (const e of Object.values(G))
-      typeof e == "number" && this.updateQueues.set(e, /* @__PURE__ */ new Set());
-  }
-  static getInstance() {
-    return _.instance || (_.instance = new _()), _.instance;
-  }
-  /**
-   * Schedule reactive node for update
-   */
-  schedule(e) {
-    this.isDestroyed || (this.nodeRegistry.add(e), this.getQueue(e.priority).add(e), this.isFlushPending || (this.isFlushPending = !0, this.scheduleFlush(e.priority)));
-  }
-  /**
-   * Process all queued updates by priority
-   */
-  async flush() {
-    if (this.isDestroyed) return;
-    this.isFlushPending = !1;
-    const e = performance.now();
-    try {
-      for (const t of [
-        0,
-        1,
-        2,
-        3,
-        4
-        /* Idle */
-      ]) {
-        const s = this.updateQueues.get(t);
-        if (!s || s.size === 0) continue;
-        const r = Array.from(s);
-        s.clear();
-        for (const i of r)
-          try {
-            await this.updateNodeWithRetry(i);
-          } catch (o) {
-            this.handleReactiveError(
-              new Ze(`Failed to update ${i.type} node ${i.id}`, o, i)
-            );
-          }
-        if (this.hasHigherPriorityWork(t))
-          return this.flush();
-      }
-      this.totalUpdateCycles++;
-    } finally {
-      const t = performance.now();
-      this.totalUpdateTime += t - e;
-    }
-  }
-  /**
-   * Update node with retry logic
-   */
-  async updateNodeWithRetry(e, t = 1) {
-    try {
-      e.notify();
-    } catch (s) {
-      if (t < this.maxRetries)
-        return console.warn(`Reactive update failed, retrying (${t}/${this.maxRetries})`), await new Promise((r) => setTimeout(r, t * 10)), this.updateNodeWithRetry(e, t + 1);
-      throw s;
-    }
-  }
-  /**
-   * Schedule flush based on priority
-   */
-  scheduleFlush(e) {
-    switch (e) {
-      case 0:
-        this.flush();
-        break;
-      case 1:
-        queueMicrotask(() => this.flush());
-        break;
-      case 2:
-        typeof requestAnimationFrame < "u" ? requestAnimationFrame(() => this.flush()) : queueMicrotask(() => this.flush());
-        break;
-      case 3:
-      case 4:
-        typeof requestIdleCallback < "u" ? requestIdleCallback(() => this.flush(), { timeout: 1e3 }) : setTimeout(() => this.flush(), 50);
-        break;
-    }
-  }
-  /**
-   * Check if there's higher priority work waiting
-   */
-  hasHigherPriorityWork(e) {
-    for (let t = 0; t < e; t++) {
-      const s = this.updateQueues.get(t);
-      if (s && s.size > 0)
-        return !0;
-    }
-    return !1;
-  }
-  /**
-   * Get queue for priority level
-   */
-  getQueue(e) {
-    const t = this.updateQueues.get(e);
-    if (!t)
-      throw new Error(`Invalid priority level: ${e}`);
-    return t;
-  }
-  /**
-   * Register error handler
-   */
-  onError(e) {
-    return this.errorHandlers.add(e), () => this.errorHandlers.delete(e);
-  }
-  /**
-   * Handle reactive errors with recovery
-   */
-  handleReactiveError(e) {
-    this.errorCount++;
-    let t = !1;
-    for (const s of this.errorHandlers)
-      try {
-        s(e), t = !0;
-      } catch (r) {
-        console.error("Error handler threw error:", r);
-      }
-    if (!t && (console.error("Unhandled reactive error:", e), process.env.NODE_ENV === "development"))
-      throw e;
-  }
-  /**
-   * Get performance metrics
-   */
-  getPerformanceMetrics() {
-    let e = 0;
-    for (const t of this.updateQueues.values())
-      e += t.size;
-    return {
-      totalNodes: e,
-      updateCycles: this.totalUpdateCycles,
-      averageUpdateTime: this.totalUpdateCycles > 0 ? this.totalUpdateTime / this.totalUpdateCycles : 0,
-      memoryUsage: this.estimateMemoryUsage(),
-      errorCount: this.errorCount
-    };
-  }
-  /**
-   * Estimate memory usage (rough approximation)
-   */
-  estimateMemoryUsage() {
-    let e = 0;
-    for (const t of this.updateQueues.values())
-      e += t.size * 50;
-    return e += this.errorHandlers.size * 100, e;
-  }
-  /**
-   * Check if node is scheduled
-   */
-  hasNode(e) {
-    for (const t of this.updateQueues.values())
-      if (t.has(e))
-        return !0;
-    return !1;
-  }
-  /**
-   * Flush all pending updates synchronously
-   */
-  flushSync() {
-    this.isFlushPending && (this.isFlushPending = !1, this.flush());
-  }
-  /**
-   * Clear all pending updates
-   */
-  clearPending() {
-    for (const e of this.updateQueues.values())
-      e.clear();
-    this.isFlushPending = !1;
-  }
-  /**
-   * Cleanup all reactive nodes and destroy scheduler
-   */
-  destroy() {
-    this.isDestroyed = !0;
-    for (const e of this.updateQueues.values()) {
-      for (const t of e)
-        try {
-          t.cleanup();
-        } catch (s) {
-          console.error("Error cleaning up reactive node:", s);
-        }
-      e.clear();
-    }
-    this.updateQueues.clear(), this.errorHandlers.clear(), _.instance = null;
-  }
-  /**
-   * Get debug information
-   */
-  getDebugInfo() {
-    const e = {};
-    for (const [t, s] of this.updateQueues)
-      e[G[t]] = s.size;
-    return {
-      isFlushPending: this.isFlushPending,
-      isDestroyed: this.isDestroyed,
-      queueSizes: e,
-      errorHandlerCount: this.errorHandlers.size,
-      performance: this.getPerformanceMetrics()
-    };
-  }
-};
-A(Xe, "instance", null);
-var Je = Object.defineProperty, et = (n, e, t) => e in n ? Je(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, k = (n, e, t) => et(n, typeof e != "symbol" ? e + "" : e, t);
-let tt = class extends Ae {
-  constructor(e, t = {}, s = Ee()) {
-    super(e, s), k(this, "type", "computed"), k(this, "priority"), k(this, "_hasValue", !1), k(this, "_error", null), k(this, "equalsFn"), k(this, "options"), this.priority = t.priority ?? G.Normal, this.equalsFn = t.equals ?? Ge, this.options = t;
-  }
-  /**
-   * Get the computed value, tracking dependency and lazily computing
-   */
-  getValue() {
-    const e = Ce();
-    return e && e.state !== y.Disposed && (this.observers.add(e), e.sources.add(this)), (this.state === y.Dirty || !this._hasValue) && (this.execute(), this._hasValue = !0), this.value;
-  }
-  /**
-   * Get the current value without tracking dependency
-   */
-  peek() {
-    return (this.state === y.Dirty || !this._hasValue) && (this.execute(), this._hasValue = !0), this.value;
-  }
-  /**
-   * Remove an observer (cleanup)
-   */
-  removeObserver(e) {
-    this.observers.delete(e), this.options.releaseOnNoObservers === !0 && this.observers.size === 0 && e.state === y.Disposed && this.releaseSources();
-  }
-  releaseSources() {
-    for (const e of this.sources)
-      "removeObserver" in e && e.removeObserver(this);
-    this.sources.clear(), this._hasValue = !1, this.state = y.Dirty;
-  }
-  /**
-   * Execute the computation and notify observers
-   */
-  execute() {
-    const e = this._hasValue ? this.value : void 0, t = super.execute();
-    if (!this._hasValue || !this.equalsFn(e, t))
-      for (const s of this.observers)
-        s.state !== y.Disposed && (s.state = y.Dirty, "execute" in s && typeof s.execute == "function" && queueMicrotask(() => {
-          s.state === y.Dirty && s.execute();
-        }));
-    return t;
-  }
-  /**
-   * Notify method for ReactiveNode compatibility
-   */
-  notify() {
-    this.execute();
-  }
-  /**
-   * Complete cleanup for memory management
-   */
-  cleanup() {
-    for (const e of this.sources)
-      "removeObserver" in e && e.removeObserver(this);
-    this.sources.clear();
-    for (const e of this.observers)
-      e.sources.delete(this);
-    this.observers.clear(), this._hasValue = !1, this._error = null, this.state = y.Disposed;
-  }
-  /**
-   * Dispose the computed value
-   */
-  dispose() {
-    this.cleanup(), super.dispose();
-  }
-  /**
-   * Debug information
-   */
-  [Symbol.for("tachui.debug")]() {
-    return {
-      id: this.id,
-      type: this.type,
-      value: this._hasValue ? this.value : void 0,
-      hasValue: this._hasValue,
-      error: this._error?.message,
-      state: this.state,
-      sourceCount: this.sources.size,
-      observerCount: this.observers.size,
-      priority: G[this.priority],
-      debugName: this.options.debugName,
-      equalsFn: this.equalsFn.name || "anonymous"
-    };
-  }
-  toString() {
-    return `Computed(${this.options.debugName || this.id}): ${this._hasValue ? this.value : "no value"}`;
-  }
-};
-function st(n, e) {
-  const t = new tt(n, e), s = t.getValue.bind(t);
-  return s.peek = t.peek.bind(t), Object.defineProperty(s, Symbol.for("tachui.computed"), {
-    value: t,
-    enumerable: !1
-  }), s;
-}
-function B(n) {
-  return typeof n == "function" && Symbol.for("tachui.computed") in n;
-}
-const [rt, Ss] = he("light");
-st(() => {
-  const n = rt();
-  return n === "system" ? it() : n;
-});
-function it() {
-  return typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}
-typeof globalThis.__DEV__ > "u" && (globalThis.__DEV__ = process.env.NODE_ENV !== "production");
-var nt = Object.defineProperty, ot = (n, e, t) => e in n ? nt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, be = (n, e, t) => ot(n, typeof e != "symbol" ? e + "" : e, t);
-let at = class {
-  constructor() {
-    be(this, "pending", /* @__PURE__ */ new Set()), be(this, "isFlushScheduled", !1);
-  }
-  schedule(e) {
-    this.pending.add(e), this.isFlushScheduled || (this.isFlushScheduled = !0, queueMicrotask(() => this.flush()));
-  }
-  flush() {
-    if (this.pending.size === 0) {
-      this.isFlushScheduled = !1;
-      return;
-    }
-    const e = Array.from(this.pending);
-    this.pending.clear(), this.isFlushScheduled = !1;
-    for (const t of e)
-      try {
-        t();
-      } catch (s) {
-        console.error("Error in scheduled task:", s);
-      }
-    this.pending.size > 0 && (this.isFlushScheduled = !0, queueMicrotask(() => this.flush()));
-  }
-};
-new at();
-let ne = null;
-const b = class b {
-  constructor() {
-    m(this, "instanceId");
-    m(this, "createdAt");
-    m(this, "modifiers", /* @__PURE__ */ new Map());
-    m(this, "lazyLoaders", /* @__PURE__ */ new Map());
-    m(this, "loadingPromises", /* @__PURE__ */ new Map());
-    // Feature flags
-    m(this, "featureFlags", {
-      proxyModifiers: !1,
-      // Disabled by default for safe rollout
-      autoTypeGeneration: !1,
-      hmrCacheInvalidation: !1,
-      pluginValidation: !0,
-      performanceMonitoring: !1,
-      metadataRegistration: !0
-      // Enable for new system
-    });
-    // Metadata storage for type generation
-    m(this, "metadata", /* @__PURE__ */ new Map());
-    m(this, "metadataHistory", /* @__PURE__ */ new Map());
-    m(this, "conflicts", /* @__PURE__ */ new Map());
-    // Plugin metadata storage
-    m(this, "plugins", /* @__PURE__ */ new Map());
-    b.instanceCount++, this.instanceId = Math.random().toString(36).substr(2, 9), this.createdAt = Date.now(), process.env.NODE_ENV === "development" && console.log(
-      `🏗️ ModifierRegistry instance created: ${this.instanceId} (total: ${b.instanceCount})`
-    );
-  }
-  static validateModifierName(e, t = {}) {
-    if (b.FORBIDDEN_NAMES.has(e))
-      throw new Error(
-        `Security Error: Cannot register modifier '${e}' (forbidden name)`
-      );
-    if (!b.NAME_PATTERN.test(e)) {
-      if (t.strict)
-        throw new Error(
-          `Invalid modifier name '${e}'. Modifier names must match ${b.NAME_PATTERN}`
-        );
-      process.env.NODE_ENV !== "production" && console.warn(
-        `⚠️ Modifier name '${e}' does not match ${b.NAME_PATTERN}. Prefer alphanumeric names for best tooling support.`
-      );
-    }
-  }
-  register(e, t) {
-    b.validateModifierName(e), this.modifiers.set(e, t), this.lazyLoaders.delete(e), this.loadingPromises.delete(e);
-  }
-  registerLazy(e, t) {
-    if (b.validateModifierName(e), this.modifiers.has(e)) {
-      process.env.NODE_ENV === "development" && console.warn(
-        `⚠️ Modifier '${e}' already registered, skipping lazy registration`
-      );
-      return;
-    }
-    this.lazyLoaders.set(e, t);
-  }
-  get(e, t) {
-    const s = this.modifiers.get(e);
-    if (s)
-      return s;
-    const r = this.lazyLoaders.get(e);
-    if (!r) {
-      process.env.NODE_ENV === "development" && console.warn(
-        `⚠️ Modifier '${e}' not found in registry ${this.instanceId}`
-      );
-      return;
-    }
-    if (t?.async)
-      return this.getAsync(e);
-    try {
-      const i = r();
-      return i instanceof Promise ? i.then((o) => (this.modifiers.set(e, o), this.lazyLoaders.delete(e), o)).catch((o) => {
-        process.env.NODE_ENV === "development" && console.warn(`⚠️ Failed to load modifier '${e}':`, o);
-      }) : (this.modifiers.set(e, i), this.lazyLoaders.delete(e), i);
-    } catch (i) {
-      process.env.NODE_ENV === "development" && console.warn(
-        `⚠️ Failed to load modifier '${e}' synchronously:`,
-        i
-      );
-      return;
-    }
-  }
-  async getAsync(e) {
-    const t = this.loadingPromises.get(e);
-    if (t)
-      return t;
-    const s = this.lazyLoaders.get(e);
-    if (!s)
-      return;
-    const r = this.loadModifier(e, s);
-    this.loadingPromises.set(e, r);
-    try {
-      const i = await r;
-      return this.loadingPromises.delete(e), i;
-    } catch (i) {
-      throw this.loadingPromises.delete(e), process.env.NODE_ENV === "development" && console.error(`❌ Failed to load modifier '${e}':`, i), i;
-    }
-  }
-  async loadModifier(e, t) {
-    try {
-      const s = await t();
-      return this.modifiers.set(e, s), this.lazyLoaders.delete(e), s;
-    } catch (s) {
-      throw process.env.NODE_ENV === "development" && console.error(`❌ Error loading modifier '${e}':`, s), s;
-    }
-  }
-  has(e) {
-    return this.modifiers.has(e) || this.lazyLoaders.has(e);
-  }
-  list() {
-    const e = Array.from(this.modifiers.keys()), t = Array.from(this.lazyLoaders.keys());
-    return [...e, ...t];
-  }
-  clear() {
-    this.modifiers.clear(), this.lazyLoaders.clear(), this.loadingPromises.clear(), this.metadata.clear(), this.metadataHistory.clear(), this.conflicts.clear(), this.plugins.clear(), process.env.NODE_ENV === "development" && console.log(
-      `🧹 Cleared all modifiers and lazy loaders from registry ${this.instanceId}`
-    );
-  }
-  reset() {
-    this.clear(), process.env.NODE_ENV === "test" && (b.instanceCount = 0);
-  }
-  validateRegistry() {
-    const e = this.list(), t = e.filter(
-      (s, r) => e.indexOf(s) !== r
-    );
-    return {
-      totalModifiers: this.modifiers.size + this.lazyLoaders.size,
-      duplicateNames: t,
-      orphanedReferences: [],
-      // Could be enhanced to scan for broken references
-      instanceId: this.instanceId,
-      createdAt: this.createdAt,
-      instanceCount: b.instanceCount
-    };
-  }
-  /**
-   * Get diagnostic information about this registry instance
-   */
-  getDiagnostics() {
-    return {
-      instanceId: this.instanceId,
-      createdAt: this.createdAt,
-      modifierCount: this.modifiers.size,
-      lazyLoaderCount: this.lazyLoaders.size,
-      modifiers: this.list(),
-      loadedModifiers: Array.from(this.modifiers.keys()),
-      lazyModifiers: Array.from(this.lazyLoaders.keys()),
-      featureFlags: this.featureFlags,
-      metadataCount: this.metadata.size
-    };
-  }
-  // ============================================================================
-  // Feature Flag Methods
-  // ============================================================================
-  /**
-   * Set feature flags for the registry
-   * Allows enabling/disabling features for gradual rollout
-   */
-  setFeatureFlags(e) {
-    this.featureFlags = {
-      ...this.featureFlags,
-      ...e
-    };
-  }
-  /**
-   * Get current feature flags
-   */
-  getFeatureFlags() {
-    return { ...this.featureFlags };
-  }
-  /**
-   * Check if a specific feature is enabled
-   */
-  isFeatureEnabled(e) {
-    return this.featureFlags[e] === !0;
-  }
-  // ============================================================================
-  // Metadata Methods (for build-time type generation)
-  // ============================================================================
-  /**
-   * Register metadata for a modifier (for type generation)
-   */
-  registerMetadata(e) {
-    if (!this.isFeatureEnabled("metadataRegistration")) {
-      process.env.NODE_ENV === "development" && console.warn(
-        "⚠️ Metadata registration is disabled. Enable 'metadataRegistration' feature flag."
-      );
-      return;
-    }
-    if (!e.plugin)
-      throw new Error(
-        `Modifier metadata '${String(e.name)}' must include a plugin identifier`
-      );
-    typeof e.name == "string" && b.validateModifierName(e.name, {
-      strict: !0
-    });
-    const t = this.metadata.get(e.name), s = t?.plugin === e.plugin;
-    if (this.recordMetadataHistoryEntry(e), !t) {
-      this.metadata.set(e.name, e);
-      return;
-    }
-    if (s) {
-      this.metadata.set(e.name, e);
-      return;
-    }
-    if (e.priority > t.priority) {
-      process.env.NODE_ENV === "development" && console.warn(
-        `⚠️ Overriding modifier metadata '${String(e.name)}' from ${t.plugin} (priority ${t.priority}) with ${e.plugin} (priority ${e.priority})`
-      ), this.metadata.set(e.name, e);
-      return;
-    }
-    e.priority === t.priority && e.plugin !== t.plugin && process.env.NODE_ENV === "development" && console.error(
-      `❌ Metadata conflict for '${String(e.name)}': ${t.plugin} vs ${e.plugin} (both priority ${e.priority})`
-    );
-  }
-  recordMetadataHistoryEntry(e) {
-    const t = this.metadataHistory.get(e.name) ?? [], s = `${e.plugin}:${e.priority}`, r = t.findIndex(
-      (i) => `${i.plugin}:${i.priority}` === s
-    );
-    r >= 0 ? t[r] = e : t.push(e), this.metadataHistory.set(e.name, t), this.refreshConflictsFor(e.name, t);
-  }
-  refreshConflictsFor(e, t) {
-    const s = [], r = /* @__PURE__ */ new Map();
-    for (const i of t) {
-      const o = r.get(i.priority) ?? /* @__PURE__ */ new Map();
-      o.set(i.plugin, i), r.set(i.priority, o);
-    }
-    for (const i of r.values())
-      if (i.size > 1)
-        for (const o of i.values())
-          s.push(o);
-    s.length > 0 ? this.conflicts.set(e, s) : this.conflicts.delete(e);
-  }
-  /**
-   * Get metadata for a specific modifier
-   */
-  getMetadata(e) {
-    return this.metadata.get(e);
-  }
-  /**
-   * Get all registered metadata
-   */
-  getAllMetadata() {
-    return Array.from(this.metadata.values());
-  }
-  /**
-   * Get metadata filtered by category
-   */
-  getModifiersByCategory(e) {
-    return this.getAllMetadata().filter((t) => t.category === e);
-  }
-  getMetadataByCategory(e) {
-    return this.getModifiersByCategory(e);
-  }
-  /**
-   * Get conflicts (multiple modifiers with same name but different plugins)
-   */
-  getConflicts() {
-    return new Map(
-      Array.from(this.conflicts.entries(), ([e, t]) => [e, [...t]])
-    );
-  }
-  registerPlugin(e) {
-    if (!e.name || !e.version)
-      throw new Error("Plugin must define both name and version");
-    if (!e.author)
-      throw new Error(
-        `Plugin '${e.name}' must include an author or organization`
-      );
-    !e.verified && process.env.NODE_ENV !== "production" && console.warn(
-      `⚠️ Registering unverified plugin '${e.name}'. Install plugins from trusted sources.`
-    ), this.plugins.set(e.name, e);
-  }
-  getPluginInfo(e) {
-    return this.plugins.get(e);
-  }
-  listPlugins() {
-    return Array.from(this.plugins.values());
-  }
-};
-m(b, "instanceCount", 0), m(b, "FORBIDDEN_NAMES", /* @__PURE__ */ new Set([
-  "__proto__",
-  "constructor",
-  "prototype",
-  "hasOwnProperty",
-  "isPrototypeOf",
-  "toString",
-  "valueOf"
-])), m(b, "NAME_PATTERN", /^[a-zA-Z_$][a-zA-Z0-9_$]*$/);
-let de = b;
-function lt() {
-  return ne || (ne = new de()), ne;
-}
-const x = lt();
-function T(n, e = {}) {
-  const t = Ee();
-  let s;
-  const r = () => {
-    const o = n(s);
-    return s = o, o;
-  }, i = new Ae(r, t);
-  return e.name && Object.defineProperty(i, "name", {
-    value: e.name,
-    enumerable: !1
-  }), i.execute(), i;
-}
-var ct = Object.defineProperty, ht = (n, e, t) => e in n ? ct(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, dt = (n, e, t) => ht(n, e + "", t);
-const ut = /* @__PURE__ */ new Set([
-  "onFocus",
-  "onBlur",
-  "onKeyDown",
-  "onKeyUp",
-  "onKeyPress",
-  "onScroll",
-  "onWheel",
-  "onInput",
-  "onChange",
-  "onCopy",
-  "onCut",
-  "onPaste",
-  "onSelect",
-  "onTouchStart",
-  "onTouchMove",
-  "onTouchEnd",
-  "onSwipeLeft",
-  "onSwipeRight"
-]);
-function Ie() {
-  return x;
-}
-function d(n, ...e) {
-  const t = Ie().get(n);
-  if (t)
-    try {
-      return t.apply(null, e);
-    } catch (s) {
-      throw console.warn(`Error creating modifier '${n}':`, s), s;
-    }
-  throw new Error(
-    `Modifier '${n}' not found in registry. Import @tachui/modifiers or @tachui/modifiers/effects to register modifiers.`
-  );
-}
-class pt {
-  constructor(e) {
-    this.component = e, dt(this, "modifiers", []);
-  }
-  frame(e, t) {
-    let s;
-    return typeof e == "object" ? s = e : (s = {}, e !== void 0 && (s.width = e), t !== void 0 && (s.height = t)), this.modifiers.push(d("frame", s)), this;
-  }
-  // margin() moved to @tachui/modifiers - available via Proxy when imported
-  layoutPriority(e) {
-    return this.modifiers.push(d("layoutPriority", e)), this;
-  }
-  // Size, padding, and margin modifiers moved to @tachui/modifiers
-  // All available via Proxy when @tachui/modifiers is imported:
-  // - size(), width(), height(), minWidth(), maxWidth(), minHeight(), maxHeight()
-  // - padding(), paddingTop(), paddingBottom(), paddingLeft(), paddingRight()
-  // - paddingLeading(), paddingTrailing(), paddingHorizontal(), paddingVertical()
-  // - marginTop(), marginBottom(), marginLeft(), marginRight()
-  // - marginHorizontal(), marginVertical()
-  // Typography modifiers moved to @tachui/modifiers:
-  // typography(), textAlign(), textTransform(), gradientText()
-  // Available via Proxy when @tachui/modifiers is imported
-  // Text modifiers (lineClamp, wordBreak, overflowWrap, hyphens) moved to @tachui/modifiers
-  // Available via Proxy when @tachui/modifiers is imported
-  // position() and zIndex() methods have been migrated to @tachui/modifiers/layout
-  // for enhanced SwiftUI-compatible functionality
-  // Text spacing and overflow methods moved to @tachui/modifiers:
-  // letterSpacing(), lineHeight(), textOverflow(), whiteSpace(), overflow()
-  // Border modifiers moved to @tachui/modifiers:
-  // borderTop(), borderRight(), borderBottom(), borderLeft()
-  // Flexbox modifiers moved to @tachui/modifiers:
-  // flexGrow(), flexShrink(), justifyContent(), alignItems(), gap(), flexDirection(), flexWrap()
-  // Utility modifiers moved to @tachui/modifiers:
-  // cursor(), overflowX(), overflowY(), outline(), outlineOffset(), display()
-  // Raw CSS modifiers moved to @tachui/modifiers/utility
-  // Import { css } from '@tachui/modifiers/utility' and apply explicitly.
-  // textCase(), textDecoration(), and aspectRatio() moved to @tachui/modifiers
-  // Available via Proxy when @tachui/modifiers is imported
-  // Phase 1 SwiftUI modifiers
-  // Note: clipped() has been moved to @tachui/modifiers
-  // Phase 2 SwiftUI modifiers
-  // Note: clipShape() and overlay() have been moved to @tachui/modifiers
-  // Phase 3 SwiftUI modifiers - Critical Transform Modifiers
-  absolutePosition(e, t) {
-    return this.modifiers.push(d("absolutePosition", e, t)), this;
-  }
-  // Appearance modifiers
-  foregroundColor(e) {
-    return this.modifiers.push(d("foregroundColor", e)), this;
-  }
-  backgroundColor(e) {
-    return this.modifiers.push(d("backgroundColor", e)), this;
-  }
-  background(e) {
-    const t = d("background", e);
-    return this.modifiers.push(t), this;
-  }
-  font(e) {
-    let t;
-    return typeof e == "object" ? (t = e, t.family !== void 0 && this.modifiers.push(
-      d("fontFamily", t.family)
-    ), t.size !== void 0 && this.modifiers.push(d("fontSize", t.size)), t.weight !== void 0 && this.modifiers.push(d("fontWeight", t.weight)), t.style !== void 0 && this.modifiers.push(d("fontStyle", t.style))) : (t = e !== void 0 ? { size: e } : {}, typeof e == "string" && e.startsWith(".") ? this.modifiers.push(d("fontPreset", e)) : t.size !== void 0 && this.modifiers.push(d("fontSize", t.size))), this;
-  }
-  fontWeight(e) {
-    return this.modifiers.push(d("fontWeight", e)), this;
-  }
-  fontSize(e) {
-    return this.modifiers.push(d("fontSize", e)), this;
-  }
-  fontFamily(e) {
-    return this.modifiers.push(d("fontFamily", e)), this;
-  }
-  opacity(e) {
-    return this.modifiers.push(d("opacity", e)), this;
-  }
-  cornerRadius(e) {
-    return this.modifiers.push(d("cornerRadius", e)), this;
-  }
-  border(e, t) {
-    let s;
-    return typeof e == "object" ? s = e : s = {
-      style: "solid",
-      ...e !== void 0 && { width: e },
-      ...t !== void 0 && { color: t }
-    }, this.modifiers.push(d("border", s)), this;
-  }
-  borderWidth(e) {
-    return this.modifiers.push(d("border", { width: e })), this;
-  }
-  // Shadow functionality moved to @tachui/modifiers/effects entry point
-  // Visual Effects Modifiers (Phase 2 - Epic: Butternut)
-  blur(e) {
-    return this.modifiers.push(d("blur", e)), this;
-  }
-  brightness(e) {
-    return this.modifiers.push(d("brightness", e)), this;
-  }
-  contrast(e) {
-    return this.modifiers.push(d("contrast", e)), this;
-  }
-  saturation(e) {
-    return this.modifiers.push(d("saturation", e)), this;
-  }
-  hueRotation(e) {
-    return this.modifiers.push(d("hueRotation", e)), this;
-  }
-  grayscale(e) {
-    return this.modifiers.push(d("grayscale", e)), this;
-  }
-  colorInvert(e = 1) {
-    return this.modifiers.push(d("colorInvert", e)), this;
-  }
-  // ============================================================================
-  // VISUAL EFFECTS MOVED TO @tachui/modifiers/effects ENTRY
-  // ============================================================================
-  //
-  // Visual effects have been extracted to @tachui/modifiers/effects for better tree-shaking
-  // Visual effects methods removed - use @tachui/modifiers/effects
-  // Advanced gesture and interaction modifiers moved to @tachui/modifiers
-  // Available via Proxy when @tachui/modifiers is imported:
-  // - onLongPressGesture(), keyboardShortcut(), focused(), focusable(), onContinuousHover()
-  highPriorityGesture(e, t) {
-    return this.modifiers.push(d("highPriorityGesture", e, t)), this;
-  }
-  simultaneousGesture(e, t) {
-    return this.modifiers.push(d("simultaneousGesture", e, t)), this;
-  }
-  // allowsHitTesting() moved to @tachui/modifiers - available via Proxy when imported
-  // Animation modifiers
-  transform(e) {
-    return this.modifiers.push(d("transform", e)), this;
-  }
-  animation(e) {
-    return this.modifiers.push(d("animation", e)), this;
-  }
-  // Lifecycle modifiers
-  task(e, t) {
-    return this.modifiers.push(
-      d("task", {
-        operation: e,
-        id: t?.id,
-        priority: t?.priority || "default"
-      })
-    ), this;
-  }
-  // Custom modifier application
-  /**
-   * @deprecated DO NOT USE - This is an internal API only.
-   * Always use direct modifier methods instead of .modifier()
-   *
-   * BAD:  component.modifier(padding(16))
-   * GOOD: component.padding(16)
-   *
-   * If you need a modifier from @tachui/modifiers, import and use it directly:
-   * BAD:  component.modifier(shadow({ radius: 4 }))
-   * GOOD: import { shadow } from '@tachui/modifiers'
-   *       const mod = shadow({ radius: 4 })
-   *       // Then apply via registry or component method
-   */
-  modifier(e) {
-    return process.env.NODE_ENV === "development" && console.warn(
-      `⚠️ .modifier() should NOT be used by developers.
-Use direct modifier methods instead:
-  BAD:  component.modifier(padding(16))
-  GOOD: component.padding(16)
-
-If the method doesn't exist on the component, import the modifier package:
-  import { shadowModifier } from '@tachui/modifiers'
-
-This method is for internal framework use only.`
-    ), this.modifiers.push(e), this;
-  }
-  // Public method to add a modifier (used by Proxy)
-  addModifierInternal(e) {
-    return this.modifiers.push(e), this;
-  }
-  // Resizable modifier for images
-  resizable() {
-    return this.modifiers.push(d("resizable")), this;
-  }
-  // Responsive Design Methods
-  /**
-   * Add modifier to internal list (used by responsive builder)
-   */
-  addModifier(e) {
-    if (this.modifiers.push(e), "modifiers" in this.component && Array.isArray(this.component.modifiers)) {
-      const t = this.component;
-      t.modifiers = [
-        ...t.modifiers,
-        e
-      ];
-    }
-  }
-  // Responsive functionality moved to @tachui/responsive package
-  // Interaction modifiers
-  onTap(e) {
-    return this.modifiers.push(d("onTap", e)), this;
-  }
-  onFocus(e) {
-    return this.modifiers.push(d("onFocus", e)), this;
-  }
-  onBlur(e) {
-    return this.modifiers.push(d("onBlur", e)), this;
-  }
-  onKeyDown(e) {
-    return this.modifiers.push(d("onKeyDown", e)), this;
-  }
-  onScroll(e) {
-    return this.modifiers.push(d("onScroll", e)), this;
-  }
-  onKeyPress(e) {
-    return this.modifiers.push(d("onKeyPress", e)), this;
-  }
-  onKeyUp(e) {
-    return this.modifiers.push(d("onKeyUp", e)), this;
-  }
-  onDoubleClick(e) {
-    return this.modifiers.push(d("onDoubleClick", e)), this;
-  }
-  onContextMenu(e) {
-    return this.modifiers.push(d("onContextMenu", e)), this;
-  }
-  onWheel(e) {
-    return this.modifiers.push(d("onWheel", e)), this;
-  }
-  onInput(e) {
-    return this.modifiers.push(d("onInput", e)), this;
-  }
-  onChange(e) {
-    return this.modifiers.push(d("onChange", e)), this;
-  }
-  onCopy(e) {
-    return this.modifiers.push(d("onCopy", e)), this;
-  }
-  onCut(e) {
-    return this.modifiers.push(d("onCut", e)), this;
-  }
-  onPaste(e) {
-    return this.modifiers.push(d("onPaste", e)), this;
-  }
-  onSelect(e) {
-    return this.modifiers.push(d("onSelect", e)), this;
-  }
-  // Transition modifier moved to @tachui/modifiers:
-  // transition()
-  // HTML and ARIA Attributes moved to @tachui/modifiers
-  // Available via Proxy when @tachui/modifiers is imported:
-  // - id(), data(), aria(), tabIndex()
-  customProperties(e) {
-    throw new Error(
-      'CSS property modifiers have been moved to @tachui/modifiers. Please import { customProperties } from "@tachui/modifiers" and use it directly instead of chaining it on components.'
-    );
-  }
-  customProperty(e, t) {
-    throw new Error(
-      'CSS property modifiers have been moved to @tachui/modifiers. Please import { customProperty } from "@tachui/modifiers" and use it directly instead of chaining it on components.'
-    );
-  }
-  cssVariables(e) {
-    throw new Error(
-      'CSS property modifiers have been moved to @tachui/modifiers. Please import { cssVariables } from "@tachui/modifiers" and use it directly instead of chaining it on components.'
-    );
-  }
-  themeColors(e) {
-    throw new Error(
-      'Theme modifiers have been moved to @tachui/modifiers. Please import { themeColors } from "@tachui/modifiers" and use it directly instead of chaining it on components.'
-    );
-  }
-  designTokens(e) {
-    throw new Error(
-      'Design token modifiers have been moved to @tachui/modifiers. Please import { designTokens } from "@tachui/modifiers" and use it directly instead of chaining it on components.'
-    );
-  }
-  // State modifiers
-  disabled(e = !0) {
-    return this.modifiers.push(d("disabled", e)), this;
-  }
-  asHTML(e) {
-    const t = d("asHTML", e);
-    return this.modifiers.push(t), this;
-  }
-  // Build the final component with all modifiers applied
-  build() {
-    if ("modifiers" in this.component) {
-      const e = this.component, t = Array.isArray(
-        e.modifiers
-      ) ? [...e.modifiers] : [], s = this.modifiers.filter(
-        (l) => !e.modifiers.some(
-          (h) => h === l
-          // Reference equality check
-        )
-      ), r = [...t, ...s], i = e._originalComponent || e;
-      let o;
-      if (typeof i?.clone == "function")
-        o = i.clone();
-      else {
-        const l = i && Object.getPrototypeOf(i) || Object.prototype;
-        o = Object.create(l), Object.assign(o, i), o.props = { ...i.props }, o.cleanup = Array.isArray(i.cleanup) ? [...i.cleanup] : [], o.mounted = i.mounted ?? !1, o.id = i.id, o.type = i.type, o.render = typeof i.render == "function" ? i.render.bind(i) : () => [];
-      }
-      const a = te(
-        o,
-        r
-      );
-      return process.env.NODE_ENV === "test" && this.applyModifiersToPropsForTesting(
-        a,
-        r
-      ), a;
-    } else {
-      const e = te(
-        this.component,
-        this.modifiers
-      );
-      return process.env.NODE_ENV === "test" && this.applyModifiersToPropsForTesting(
-        e,
-        this.modifiers
-      ), e;
-    }
-  }
-  applyModifiersToPropsForTesting(e, t) {
-    e.props || (e.props = {}), t.forEach((s) => {
-      if (s.type === "aria") {
-        const r = s.properties?.aria || {};
-        Object.entries(r).forEach(([i, o]) => {
-          if (o != null)
-            if (i === "role")
-              e.props.role = o;
-            else {
-              const a = i.startsWith("aria-") ? i : `aria-${i}`;
-              e.props[a] = typeof o == "boolean" ? o : String(o);
-            }
-        });
-      } else if (ut.has(s.type)) {
-        const r = s.properties || {};
-        Object.entries(r).forEach(([i, o]) => {
-          typeof o == "function" && (e.props[i] = o);
-        });
-      } else if (s.type === "interaction") {
-        const r = s.properties;
-        Object.entries(r).forEach(([i, o]) => {
-          typeof o == "function" && (e.props[i] = o);
-        }), (r.onSwipeLeft || r.onSwipeRight) && (e.props.onTouchStart = () => {
-        });
-      } else if (s.type === "utility") {
-        const r = s.properties;
-        e.props.style || (e.props.style = {}), Object.entries(r).forEach(([i, o]) => {
-          o != null && (e.props.style[i] = o);
-        });
-      } else if (s.type === "tabIndex") {
-        const r = s;
-        e.props.tabIndex = r.properties?.tabIndex;
-      } else if (s.type === "appearance") {
-        const r = s.properties;
-        e.props.style || (e.props.style = {}), r.backgroundColor && (e.props.style.backgroundColor = r.backgroundColor), r.foregroundColor && (e.props.style.color = r.foregroundColor), r.opacity !== void 0 && (e.props.style.opacity = r.opacity), r.role !== void 0 && (e.props.role = String(r.role)), r["aria-label"] !== void 0 && (e.props["aria-label"] = String(r["aria-label"])), r["aria-live"] !== void 0 && (e.props["aria-live"] = String(r["aria-live"])), r["aria-describedby"] !== void 0 && (e.props["aria-describedby"] = String(
-          r["aria-describedby"]
-        )), r["aria-modal"] !== void 0 && (e.props["aria-modal"] = r["aria-modal"] === "true" || r["aria-modal"] === !0), r["aria-hidden"] !== void 0 && (e.props["aria-hidden"] = String(r["aria-hidden"])), r.navigationTitle !== void 0 && (e.props.navigationTitle = String(r.navigationTitle)), r.navigationBarHidden !== void 0 && (e.props.navigationBarHidden = r.navigationBarHidden, r.navigationBarHidden && (e.props["aria-hidden"] = "true")), r.navigationBarItems !== void 0 && (e.props.navigationBarItems = r.navigationBarItems);
-      } else if (s.type === "foreground") {
-        const r = s.properties || {};
-        r.color !== void 0 && (e.props.style || (e.props.style = {}), e.props.style.color = r.color);
-      } else if (s.type === "background") {
-        const r = s.properties || {};
-        r.background !== void 0 && (e.props.style || (e.props.style = {}), e.props.style.background = r.background, typeof r.background == "string" && (e.props.style.backgroundColor = r.background));
-      } else if (s.type === "transition") {
-        const r = s.properties;
-        e.props.style || (e.props.style = {}), r.transition && (e.props.style.transition = r.transition);
-      } else if (s.type === "size") {
-        const r = s.properties;
-        e.props.style || (e.props.style = {}), r.minHeight !== void 0 && (e.props.style.minHeight = r.minHeight), r.minWidth !== void 0 && (e.props.style.minWidth = r.minWidth), r.maxHeight !== void 0 && (e.props.style.maxHeight = r.maxHeight), r.maxWidth !== void 0 && (e.props.style.maxWidth = r.maxWidth), r.width !== void 0 && (e.props.style.width = r.width), r.height !== void 0 && (e.props.style.height = r.height);
-      } else if (s.type === "css") {
-        const r = s.properties;
-        e.props.style || (e.props.style = {}), Object.entries(r).forEach(([i, o]) => {
-          o != null && (e.props.style[i] = o);
-        });
-      }
-    });
-  }
-  // ============================================================================
-  // MISSING MODIFIER METHODS - ACCESSIBILITY & NAVIGATION
-  // ============================================================================
-  // Individual ARIA methods for better developer experience
-  role(e) {
-    return this.modifiers.push(d("role", e)), this;
-  }
-  ariaLabel(e) {
-    return this.modifiers.push(d("ariaLabel", e)), this;
-  }
-  ariaLive(e) {
-    return this.modifiers.push(d("ariaLive", e)), this;
-  }
-  ariaDescribedBy(e) {
-    return this.modifiers.push(d("ariaDescribedBy", e)), this;
-  }
-  ariaModal(e) {
-    return this.modifiers.push(d("ariaModal", e)), this;
-  }
-  // Touch and gesture events
-  onTouchStart(e) {
-    return this.modifiers.push(d("onTouchStart", e)), this;
-  }
-  onTouchMove(e) {
-    return this.modifiers.push(d("onTouchMove", e)), this;
-  }
-  onTouchEnd(e) {
-    return this.modifiers.push(d("onTouchEnd", e)), this;
-  }
-  // Swipe gestures (simplified implementations)
-  onSwipeLeft(e) {
-    return this.modifiers.push(d("onSwipeLeft", e)), this;
-  }
-  onSwipeRight(e) {
-    return this.modifiers.push(d("onSwipeRight", e)), this;
-  }
-  // Navigation methods - these delegate to the navigation package functions
-  navigationTitle(e) {
-    return this.modifiers.push(d("navigationTitle", e)), this;
-  }
-  navigationBarHidden(e = !0) {
-    return this.modifiers.push(d("navigationBarHidden", e)), this;
-  }
-  navigationBarItems(e) {
-    return this.modifiers.push(d("navigationBarItems", e)), this;
-  }
-  // ============================================================================
-  // MISSING TRANSITION METHODS
-  // ============================================================================
-  transitions(e) {
-    return this.modifiers.push(d("transitions", e)), this;
-  }
-  // All transition methods moved to @tachui/modifiers:
-  // fadeTransition(), transformTransition(), colorTransition(), layoutTransition(),
-  // buttonTransition(), cardTransition(), modalTransition(), smoothTransition(),
-  // quickTransition(), slowTransition()
-  // ============================================================================
-  // SCROLL METHODS - ALL MOVED TO @tachui/modifiers
-  // ============================================================================
-  // scroll(), scrollBehavior(), overscrollBehavior(), overscrollBehaviorX(),
-  // overscrollBehaviorY(), scrollMargin(), scrollPadding(), scrollSnap()
-  // ============================================================================
-  // MIGRATED MODIFIERS - NOW IN SPECIALIZED PACKAGES
-  // ============================================================================
-  // Viewport lifecycle modifiers - moved to @tachui/viewport
-  onAppear(e) {
-    throw new Error(
-      'onAppear modifier has been moved to @tachui/viewport. Please import { onAppear } from "@tachui/viewport/modifiers" and use it directly instead of chaining it on components.'
-    );
-  }
-  onDisappear(e) {
-    throw new Error(
-      'onDisappear modifier has been moved to @tachui/viewport. Please import { onDisappear } from "@tachui/viewport/modifiers" and use it directly instead of chaining it on components.'
-    );
-  }
-  // Mobile gesture modifiers - moved to @tachui/mobile
-  refreshable(e, t) {
-    throw new Error(
-      'refreshable modifier has been moved to @tachui/mobile. Please import { refreshable } from "@tachui/mobile/modifiers" and use it directly instead of chaining it on components.'
-    );
-  }
-  // onAppear and onDisappear have been moved to @tachui/viewport/modifiers
-  // to maintain proper architectural boundaries
-  // Transform modifiers
-  scaleEffect(e, t, s) {
-    return this.modifiers.push(d("scaleEffect", e, t, s)), this;
-  }
-  // Shadow and clipping modifiers moved to @tachui/modifiers
-  // Available via Proxy when @tachui/modifiers is imported:
-  // - shadow(), textShadow(), shadows(), shadowPreset(), clipped()
-}
-function ft(n) {
-  const e = new pt(n);
-  return new Proxy(e, {
-    get(t, s, r) {
-      if (s in t) {
-        const i = t[s];
-        return typeof i == "function" ? function(...o) {
-          const a = i.apply(r, o);
-          return a === t ? r : a;
-        } : i;
-      }
-      if (typeof s == "string") {
-        const i = Ie();
-        if (s === "responsive")
-          return function(...o) {
-            const a = o[0];
-            if (a) {
-              const l = d(s, a);
-              this.addModifierInternal(l);
-            }
-            return r;
-          };
-        if (s === "base" || s === "sm" || s === "md" || s === "lg" || s === "xl" || s === "2xl")
-          return new Proxy({}, {
-            get(o, a) {
-              if (typeof a == "string")
-                return (...l) => {
-                  const h = { [a]: { [s]: l[0] } }, c = d("responsive", h);
-                  return t.addModifierInternal(c), r;
-                };
-            }
-          });
-        if (i.has(s))
-          return function(...o) {
-            const a = d(s, ...o);
-            return this.addModifierInternal(a), r;
-          };
-      }
-    }
-  });
-}
-class mt {
-  register(e, t) {
-    x.register(e, t);
-  }
-  get(e) {
-    return x.get(e);
-  }
-  has(e) {
-    return x.has(e);
-  }
-  list() {
-    return x.list();
-  }
-  clear() {
-    x.clear();
-  }
-  validateRegistry() {
-    return x.validateRegistry();
-  }
-}
-const V = new mt();
-process.env.NODE_ENV === "development" && console.log("📤 Created RegistryAdapter for globalModifierRegistry", {
-  registryId: x.instanceId,
-  currentSize: x.list().length
-});
-function Me(n, e, t = {}, s = {}) {
-  if (!e.length) return n;
-  const r = {
-    componentId: t.componentId || "unknown",
-    phase: t.phase || "creation",
-    ...t.element && { element: t.element },
-    ...t.parentElement && { parentElement: t.parentElement },
-    ...t.componentInstance && {
-      componentInstance: t.componentInstance
-    },
-    ...t.previousModifiers && {
-      previousModifiers: t.previousModifiers
-    }
-  };
-  switch (s.batch ? "batch" : "sequential") {
-    case "batch":
-      return yt(n, e, r, s);
-    default:
-      return gt(n, e, r, s);
-  }
-}
-function gt(n, e, t, s) {
-  const r = [...e].sort(
-    (l, h) => l.priority - h.priority
-  );
-  let i = n;
-  const o = [], a = [];
-  for (const l of r)
-    try {
-      const h = l.apply(i, t);
-      h && typeof h == "object" && "type" in h && (i = h), s.immediate && !s.suppressEffects && (o.forEach((c) => c()), o.length = 0);
-    } catch (h) {
-      console.error(`Failed to apply modifier ${l.type}:`, h);
-    }
-  if (a.length > 0) {
-    const l = i.dispose;
-    i.dispose = () => {
-      a.forEach((h) => h()), l && l();
-    };
-  }
-  return i;
-}
-function yt(n, e, t, s) {
-  const r = vt(e);
-  let i = n;
-  const o = [], a = [];
-  for (const [l, h] of r)
-    try {
-      i = bt(i, h, t);
-    } catch (c) {
-      (typeof process > "u" || process.env.NODE_ENV !== "test") && console.error(`Failed to apply modifier group ${l}:`, c);
-    }
-  if (s.suppressEffects || o.forEach((l) => l()), a.length > 0) {
-    const l = i.dispose;
-    i.dispose = () => {
-      a.forEach((h) => h()), l && l();
-    };
-  }
-  return i;
-}
-function vt(n) {
-  const e = /* @__PURE__ */ new Map();
-  for (const t of n) {
-    const s = e.get(t.type) || [];
-    s.push(t), e.set(t.type, s);
-  }
-  return e;
-}
-function bt(n, e, t) {
-  const s = [...e].sort(
-    (i, o) => i.priority - o.priority
-  );
-  let r = n;
-  for (const i of s)
-    try {
-      const o = i.apply(r, t);
-      o && typeof o == "object" && "type" in o && (r = o);
-    } catch (o) {
-      (typeof process > "u" || process.env.NODE_ENV !== "test") && console.error(`Failed to apply modifier ${i.type}:`, o);
-    }
-  return r;
-}
-function St(n) {
-  return n && typeof n.concat == "function" && typeof n.toSegment == "function" && typeof n.isConcatenatable == "function";
-}
-function te(n, e = []) {
-  const t = {
-    type: n.type,
-    id: n.id,
-    props: { ...n.props },
-    mounted: n.mounted,
-    cleanup: n.cleanup ? [...n.cleanup] : [],
-    modifiers: [...e],
-    modifierBuilder: null,
-    // Will be set after component is created
-    render: n.render ? n.render.bind(n) : () => [],
-    // Bind to original component or provide default
-    // Store reference to original component for modifier context
-    _originalComponent: n
-  };
-  t.modifierBuilder = ft(
-    t
-  ), t.modifier = t.modifierBuilder, Object.prototype.hasOwnProperty.call(n, "modifier") || Object.defineProperty(n, "modifier", {
-    configurable: !0,
-    enumerable: !1,
-    get() {
-      return t.modifierBuilder;
-    }
-  }), n.modifiableComponent = t;
-  const s = n._enhancedLifecycle;
-  s && (t._enhancedLifecycle = s, "domElements" in n && (t.domElements = n.domElements), "primaryElement" in n && (t.primaryElement = n.primaryElement), "domReady" in n && (t.domReady = n.domReady), "children" in n && (t.children = n.children));
-  const r = n.render ? n.render.bind(n) : () => [];
-  return t.render = () => {
-    const i = r();
-    return (Array.isArray(i) ? i : [i]).map((o, a) => (o && typeof o == "object" && (a === 0 ? (o.modifiers = [...t.modifiers], o.componentId = n.id, o._originalComponent = t._originalComponent) : (o.modifiers && delete o.modifiers, o.componentId && o.componentId === n.id && delete o.componentId)), o));
-  }, St(n) && (t.concat = function(i) {
-    const o = {
-      id: t.id,
-      component: t,
-      modifiers: t.modifiers,
-      render: () => {
-        const h = t.render();
-        return Array.isArray(h) ? h[0] : h;
-      }
-    }, a = i.toSegment(), l = {
-      totalSegments: i instanceof Y ? i.segments.length + 1 : 2,
-      accessibilityRole: "text",
-      // Simplified for now
-      semanticStructure: "inline"
-      // Simplified for now
-    };
-    return i instanceof Y ? new Y(
-      [o, ...i.segments],
-      l
-    ) : new Y([o, a], l);
-  }, t.toSegment = function() {
-    return {
-      id: t.id,
-      component: t,
-      modifiers: t.modifiers,
-      render: () => {
-        const i = t.render();
-        return Array.isArray(i) ? i[0] : i;
-      }
-    };
-  }, t.isConcatenatable = function() {
-    return !0;
-  }), typeof n?.clone == "function" && (t.clone = (i) => {
-    const o = n.clone(i);
-    return te(
-      o,
-      [...t.modifiers]
-    );
-  }), t;
-}
-const K = /* @__PURE__ */ new Map([
-  ["nav", { role: "navigation", applyARIA: !0 }],
-  ["main", { role: "main", applyARIA: !0 }],
-  ["article", { role: "article", applyARIA: !0 }],
-  ["section", { role: "region", applyARIA: !0 }],
-  ["aside", { role: "complementary", applyARIA: !0 }],
-  ["header", { role: "banner", applyARIA: !1 }],
-  // Context dependent - may not always be page banner
-  ["footer", { role: "contentinfo", applyARIA: !1 }],
-  // Context dependent - may not always be page footer
-  ["form", { role: "form", applyARIA: !0 }],
-  ["search", { role: "search", applyARIA: !0 }],
-  ["dialog", { role: "dialog", applyARIA: !0 }],
-  ["button", { role: "button", applyARIA: !1 }],
-  // Usually implicit
-  ["a", { role: "link", applyARIA: !1 }]
-  // Usually implicit
-]);
-let wt = {
-  autoApplySemanticRoles: !0,
-  warnOnOverrides: process.env.NODE_ENV !== "production",
-  warnOnSemanticIssues: process.env.NODE_ENV !== "production",
-  validateTags: !0,
-  allowInvalidTags: !0
-};
-function Ct() {
-  return { ...wt };
-}
-var Et = Object.defineProperty, At = (n, e, t) => e in n ? Et(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, It = (n, e, t) => At(n, e + "", t);
-const xe = class W {
-  static getInstance() {
-    return W.instance || (W.instance = new W()), W.instance;
-  }
-  /**
-   * Apply semantic ARIA attributes to an element based on its tag
-   */
-  applySemanticAttributes(e, t, s) {
-    const r = Ct();
-    if (!r.autoApplySemanticRoles) return;
-    const i = K.get(t);
-    if (!(!i || !i.applyARIA)) {
-      if (s?.role) {
-        r.warnOnSemanticIssues && process.env.NODE_ENV !== "production" && console.warn(
-          `ARIA role '${s.role}' overrides semantic role '${i.role}' for tag '${t}'`
-        );
-        return;
-      }
-      if (e.hasAttribute("role")) {
-        r.warnOnSemanticIssues && process.env.NODE_ENV !== "production" && console.warn(
-          `Existing role attribute overrides semantic role '${i.role}' for tag '${t}'`
-        );
-        return;
-      }
-      e.setAttribute("role", i.role);
-    }
-  }
-  /**
-   * Get semantic role information for a tag
-   */
-  getSemanticRole(e) {
-    return K.get(e);
-  }
-  /**
-   * Check if a tag has automatic ARIA role application enabled
-   */
-  hasAutoARIA(e) {
-    const t = K.get(e);
-    return t ? t.applyARIA : !1;
-  }
-  /**
-   * Get all tags that support automatic ARIA roles
-   */
-  getAutoARIATags() {
-    return Array.from(K.entries()).filter(([, e]) => e.applyARIA).map(([e]) => e);
-  }
-  /**
-   * Apply semantic attributes during DOM node creation
-   * This is called by the renderer when creating elements
-   */
-  processElementNode(e, t, s, r) {
-    if (this.applySemanticAttributes(e, t, r), s && process.env.NODE_ENV !== "production") {
-      const i = this.getSemanticRole(t);
-      i && e.setAttribute(
-        "data-tachui-semantic",
-        JSON.stringify({
-          originalComponent: s.originalType,
-          overriddenTo: t,
-          semanticRole: i.role,
-          autoApplied: i.applyARIA
-        })
-      );
-    }
-  }
-};
-It(xe, "instance");
-let Mt = xe;
-const xt = Mt.getInstance();
-var Tt = Object.defineProperty, $t = (n, e, t) => e in n ? Tt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, oe = (n, e, t) => $t(n, typeof e != "symbol" ? e + "" : e, t);
-const Nt = /* @__PURE__ */ new Set([
-  "click",
-  "dblclick",
-  "mousedown",
-  "mouseup",
-  "mouseover",
-  "mouseout",
-  "mouseenter",
-  "mouseleave",
-  "focusin",
-  // Bubbles, unlike 'focus'
-  "focusout",
-  // Bubbles, unlike 'blur'
-  "input",
-  "change",
-  "submit",
-  "keydown",
-  "keyup",
-  "keypress"
-]), Se = /* @__PURE__ */ new Set([
-  "scroll",
-  "wheel",
-  "touchstart",
-  "touchmove",
-  "touchend"
-]);
-class Rt {
-  constructor() {
-    oe(this, "containerListeners", /* @__PURE__ */ new WeakMap()), oe(this, "elementHandlers", /* @__PURE__ */ new WeakMap()), oe(this, "handlerCounts", /* @__PURE__ */ new WeakMap());
-  }
-  /**
-   * Register an event handler with delegation
-   */
-  register(e, t, s, r) {
-    let i = this.elementHandlers.get(t);
-    i && i.has(s) && this.unregister(e, t, s), i || (i = /* @__PURE__ */ new Map(), this.elementHandlers.set(t, i)), i.set(s, { handler: r, element: t });
-    let o = this.handlerCounts.get(e);
-    o || (o = /* @__PURE__ */ new Map(), this.handlerCounts.set(e, o));
-    const a = o.get(s) || 0;
-    return o.set(s, a + 1), this.ensureRootListener(e, s), () => {
-      this.unregister(e, t, s);
-    };
-  }
-  /**
-   * Unregister an event handler
-   */
-  unregister(e, t, s) {
-    const r = this.elementHandlers.get(t);
-    r && (r.delete(s), r.size === 0 && this.elementHandlers.delete(t));
-    const i = this.handlerCounts.get(e);
-    if (i) {
-      const o = (i.get(s) || 0) - 1;
-      o <= 0 ? (i.delete(s), this.removeRootListener(e, s)) : i.set(s, o);
-    }
-  }
-  /**
-   * Ensure root listener exists for event type on container
-   */
-  ensureRootListener(e, t) {
-    let s = this.containerListeners.get(e);
-    if (s || (s = /* @__PURE__ */ new Map(), this.containerListeners.set(e, s)), s.has(t))
-      return;
-    const r = (o) => {
-      this.handleDelegatedEvent(e, t, o);
-    }, i = Se.has(t) ? { passive: !0 } : { passive: !1 };
-    e.addEventListener(t, r, i), s.set(t, r);
-  }
-  /**
-   * Remove root listener for event type on container
-   */
-  removeRootListener(e, t) {
-    const s = this.containerListeners.get(e);
-    if (!s) return;
-    const r = s.get(t);
-    r && (e.removeEventListener(t, r), s.delete(t));
-  }
-  /**
-   * Handle delegated event by finding target handler
-   */
-  handleDelegatedEvent(e, t, s) {
-    const r = s.target;
-    if (!r) return;
-    let i = r;
-    for (; i && i !== e; ) {
-      const o = this.elementHandlers.get(i);
-      if (o) {
-        const a = o.get(t);
-        if (a) {
-          try {
-            a.handler(s);
-          } catch (l) {
-            console.error(`Delegated event handler error for ${t}:`, l);
-          }
-          return;
-        }
-      }
-      i = i.parentElement;
-    }
-  }
-  /**
-   * Check if event type should use delegation
-   */
-  shouldDelegate(e) {
-    return Nt.has(e);
-  }
-  /**
-   * Check if event type should use passive listeners
-   */
-  shouldBePassive(e) {
-    return Se.has(e);
-  }
-  /**
-   * Get metrics for debugging
-   */
-  getMetrics(e) {
-    const t = this.handlerCounts.get(e);
-    if (!t)
-      return { eventTypes: [], totalHandlers: 0, handlersPerType: {} };
-    const s = {};
-    let r = 0;
-    return t.forEach((i, o) => {
-      s[o] = i, r += i;
-    }), {
-      eventTypes: Array.from(t.keys()),
-      totalHandlers: r,
-      handlersPerType: s
-    };
-  }
-  /**
-   * Cleanup all handlers for a container
-   */
-  cleanupContainer(e) {
-    const t = this.containerListeners.get(e);
-    t && (t.forEach((s, r) => {
-      e.removeEventListener(r, s);
-    }), this.containerListeners.delete(e)), this.handlerCounts.delete(e);
-  }
-}
-const ae = new Rt();
-var Pt = Object.defineProperty, Ot = (n, e, t) => e in n ? Pt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, j = (n, e, t) => Ot(n, typeof e != "symbol" ? e + "" : e, t);
-const le = "__tachuiManagedComponentId";
-class Te {
-  constructor() {
-    j(this, "nodeMap", /* @__PURE__ */ new WeakMap()), j(this, "cleanupMap", /* @__PURE__ */ new WeakMap()), j(this, "renderedNodes", /* @__PURE__ */ new Set()), j(this, "elementToContainer", /* @__PURE__ */ new WeakMap()), j(this, "metrics", {
-      created: 0,
-      adopted: 0,
-      removed: 0,
-      inserted: 0,
-      moved: 0,
-      cacheHits: 0,
-      cacheMisses: 0,
-      attributeWrites: 0,
-      attributeRemovals: 0,
-      textUpdates: 0,
-      modifierApplications: 0
-    });
-  }
-  /**
-   * Render a DOM node to an actual DOM element
-   */
-  render(e, t) {
-    return Array.isArray(e) ? this.renderFragment(e, t) : this.renderSingle(e, t);
-  }
-  /**
-   * Check if a DOM node has been rendered and tracked.
-   */
-  hasNode(e) {
-    return this.nodeMap.has(e);
-  }
-  /**
-   * Get the rendered DOM element associated with a node.
-   */
-  getRenderedNode(e) {
-    return this.nodeMap.get(e);
-  }
-  /**
-   * Render a single DOM node
-   */
-  renderSingle(e, t) {
-    this.renderedNodes.add(e);
-    let s;
-    switch (e.type) {
-      case "element":
-        s = this.createOrUpdateElement(e, t);
-        break;
-      case "text":
-        s = this.createOrUpdateTextNode(e);
-        break;
-      case "comment":
-        s = this.createComment(e), this.metrics.created++;
-        break;
-      default:
-        throw new Error(`Unknown node type: ${e.type}`);
-    }
-    if (this.nodeMap.set(e, s), e.element = s, s instanceof Element && t && this.elementToContainer.set(s, t), s instanceof Element) {
-      let r = [];
-      "modifiers" in e && Array.isArray(e.modifiers) && e.modifiers.length > 0 && (r = e.modifiers), "componentMetadata" in e && e.componentMetadata?.modifiers && Array.isArray(e.componentMetadata.modifiers) && e.componentMetadata.modifiers.length > 0 && (r = e.componentMetadata.modifiers), r.length > 0 && this.applyModifiersToElement(s, r, e);
-    }
-    return e.dispose && this.addCleanup(s, e.dispose), t && this.appendNode(t, s), s;
-  }
-  /**
-   * Render multiple nodes as a document fragment
-   */
-  renderFragment(e, t) {
-    const s = document.createDocumentFragment();
-    return e.forEach((r) => {
-      const i = this.renderSingle(r);
-      s.appendChild(i);
-    }), t && (t.appendChild(s), this.metrics.inserted += e.length), s;
-  }
-  /**
-   * Create a DOM element with props and children
-   */
-  createOrUpdateElement(e, t) {
-    if (!e.tag)
-      throw new Error("Element node must have a tag");
-    if (e.element && e.element instanceof Element) {
-      const r = e.element;
-      return t && this.elementToContainer.set(r, t), this.updateProps(r, e, t), this.updateChildren(r, e), r;
-    }
-    const s = document.createElement(e.tag);
-    return this.metrics.created++, t && this.elementToContainer.set(s, t), this.applyDebugAttributes(s, e), this.updateProps(s, e, t), this.updateChildren(s, e), s;
-  }
-  updateProps(e, t, s) {
-    const r = t.props || {}, i = t.__appliedProps || {};
-    Object.keys(i).forEach((a) => {
-      if (!(a in r)) {
-        if (a === "key" || a === "children" || a.startsWith("on"))
-          return;
-        this.setElementProp(e, a, void 0);
-      }
-    }), Object.entries(r).forEach(([a, l]) => {
-      a === "key" || a === "children" || i && i[a] === l || this.applyProp(e, a, l, s);
-    });
-    const o = t.componentId;
-    if (o ? (e.getAttribute("data-component-id") !== String(o) && (e.setAttribute("data-component-id", String(o)), this.recordAttributeWrite()), e[le] = !0) : e.hasAttribute("data-component-id") && e[le] === !0 && (e.removeAttribute("data-component-id"), this.recordAttributeRemoval(), e[le] = !1), t.__appliedProps = { ...r }, "componentMetadata" in t && t.componentMetadata) {
-      const a = t.componentMetadata;
-      if (a.overriddenTo && a.originalType && t.tag)
-        try {
-          xt.processElementNode(
-            e,
-            t.tag,
-            a,
-            r?.aria || void 0
-          );
-        } catch (l) {
-          console.warn("[tachUI] Could not process semantic attributes:", l);
-        }
-    }
-  }
-  updateChildren(e, t) {
-    const s = t.__renderedChildren || [], r = t.children || [], i = this.elementToContainer.get(e), o = typeof process < "u" && process.env?.TACHUI_DEBUG_PHASE1B === "1";
-    if (s.length === r.length && s.length > 0 && s.every((c, u) => c === r[u])) {
-      r.forEach((c) => {
-        this.updateExistingNode(c);
-      }), t.__renderedChildren = r;
-      return;
-    }
-    if (s.length === 0) {
-      r.forEach((c) => {
-        if (!c || c.type == null) return;
-        const u = this.renderSingle(c, i);
-        this.appendNode(e, u);
-      }), t.__renderedChildren = r;
-      return;
-    }
-    const a = /* @__PURE__ */ new Map(), l = [];
-    s.forEach((c) => {
-      c.key != null ? a.set(c.key, c) : l.push(c);
-    });
-    const h = Array.from({ length: r.length });
-    if (r.forEach((c, u) => {
-      let f;
-      c.key != null ? (f = a.get(c.key), f && a.delete(c.key)) : l.length > 0 && (f = l.shift()), f && this.adoptNode(f, c);
-      const p = this.renderSingle(c, i);
-      h[u] = p;
-    }), o && t.tag) {
-      const c = r.map((p) => p.key ?? null), u = s.map((p) => p.key ?? null), f = h.map(
-        (p) => p && "getAttribute" in p ? p.getAttribute("data-id") : null
-      );
-      console.log("[diff] state", {
-        parent: t.tag,
-        prev: u,
-        next: c,
-        dom: f
-      });
-    }
-    if (a.forEach((c) => {
-      this.removeNode(c);
-    }), l.forEach((c) => {
-      this.removeNode(c);
-    }), typeof e.insertBefore == "function" && typeof e.appendChild == "function") {
-      let c = null;
-      for (let u = h.length - 1; u >= 0; u--) {
-        const f = h[u];
-        f && (this.insertNode(e, f, c), c = f);
-      }
-    }
-    t.__renderedChildren = r;
-  }
-  updateExistingNode(e) {
-    if (e.type === "element" && e.element instanceof Element) {
-      const t = this.elementToContainer.get(e.element);
-      this.updateProps(e.element, e, t), this.updateChildren(e.element, e);
-    } else e.type === "text" && e.element instanceof Text && e.element.textContent !== e.text && (e.element.textContent = e.text || "", this.recordTextUpdate());
-  }
-  /**
-   * Apply debug attributes to DOM element if debug mode is enabled
-   */
-  applyDebugAttributes(e, t) {
-  }
-  /**
-   * Create or update a text node
-   */
-  createOrUpdateTextNode(e) {
-    if (e.element && e.element instanceof Text) {
-      const t = e.element;
-      if (t.textContent !== e.text && (t.textContent = e.text || "", this.recordTextUpdate()), e.reactiveContent && !e.dispose) {
-        const s = e.reactiveContent, r = T(() => {
-          try {
-            const i = s();
-            e.text = String(i);
-            const o = t.parentElement;
-            if (o && o.__tachui_asHTML)
-              return;
-            t.textContent = e.text, this.recordTextUpdate();
-          } catch (i) {
-            console.error("createOrUpdateTextNode() reactive effect error:", i);
-          }
-        });
-        e.dispose = () => {
-          r.dispose();
-        };
-      }
-      return t;
-    }
-    return this.createTextNode(e);
-  }
-  /**
-   * Create a text node
-   */
-  createTextNode(e) {
-    const t = document.createTextNode(e.text || "");
-    if (this.metrics.created++, this.recordTextUpdate(), e.reactiveContent) {
-      const s = e.reactiveContent, r = T(() => {
-        try {
-          const i = s();
-          e.text = String(i);
-          const o = t.parentElement;
-          if (o && o.__tachui_asHTML)
-            return;
-          t.textContent = e.text, this.recordTextUpdate();
-        } catch (i) {
-          console.error("createTextNode() reactive effect error:", i);
-        }
-      });
-      e.dispose = () => {
-        r.dispose();
-      };
-    }
-    return t;
-  }
-  /**
-   * Create a comment node
-   */
-  createComment(e) {
-    return this.metrics.created++, document.createComment(e.text || "");
-  }
-  /**
-   * Apply props to a DOM element with reactive updates
-   */
-  applyProps(e, t) {
-    Object.entries(t).forEach(([s, r]) => {
-      this.applyProp(e, s, r);
-    });
-  }
-  /**
-   * Apply a single prop to an element
-   */
-  applyProp(e, t, s, r) {
-    if (t === "className" || t === "class") {
-      this.applyClassName(e, s);
-      return;
-    }
-    if (t === "style") {
-      this.applyStyle(e, s);
-      return;
-    }
-    if (t.startsWith("on") && typeof s == "function") {
-      this.applyEventListener(e, t, s, r);
-      return;
-    }
-    if (F(s) || B(s)) {
-      const i = T(() => {
-        const o = s();
-        this.setElementProp(e, t, o);
-      });
-      this.addCleanup(e, () => {
-        i.dispose();
-      });
-      return;
-    }
-    this.setElementProp(e, t, s);
-  }
-  /**
-   * Set a property on an element
-   */
-  setElementProp(e, t, s) {
-    if (s == null) {
-      e.hasAttribute(t) && (e.removeAttribute(t), this.recordAttributeRemoval());
-      return;
-    }
-    const r = e;
-    if ((t === "value" || t === "checked" || t === "disabled") && t in r) {
-      r[t] !== s && (r[t] = s, this.recordAttributeWrite());
-      return;
-    }
-    if (typeof s == "boolean") {
-      s ? e.hasAttribute(t) || (e.setAttribute(t, ""), this.recordAttributeWrite()) : e.hasAttribute(t) ? (e.removeAttribute(t), this.recordAttributeRemoval()) : e.removeAttribute(t);
-      return;
-    }
-    const i = e.getAttribute(t), o = String(s);
-    i !== o && (e.setAttribute(t, o), this.recordAttributeWrite());
-  }
-  /**
-   * Apply className with reactive updates
-   */
-  applyClassName(e, t) {
-    if (F(t) || B(t)) {
-      const s = T(() => {
-        const r = t(), i = this.normalizeClassName(r);
-        e.className !== i && (e.className = i, this.recordAttributeWrite());
-      });
-      this.addCleanup(e, () => {
-        s.dispose();
-      });
-    } else {
-      const s = this.normalizeClassName(t);
-      e.className !== s && (e.className = s, this.recordAttributeWrite());
-    }
-  }
-  /**
-   * Normalize className value
-   */
-  normalizeClassName(e) {
-    return Array.isArray(e) ? e.filter(Boolean).join(" ") : typeof e == "object" && e !== null ? Object.entries(e).filter(([, t]) => !!t).map(([t]) => t).join(" ") : String(e || "");
-  }
-  /**
-   * Apply styles with reactive updates
-   */
-  applyStyle(e, t) {
-    const s = e;
-    if (F(t) || B(t)) {
-      const r = T(() => {
-        const i = t();
-        this.setElementStyles(s, i);
-      });
-      this.addCleanup(e, () => {
-        r.dispose();
-      });
-    } else
-      this.setElementStyles(s, t);
-  }
-  /**
-   * Set styles on an element
-   */
-  setElementStyles(e, t) {
-    if (typeof t == "string") {
-      e.style.cssText !== t && (e.style.cssText = t, this.recordAttributeWrite());
-      return;
-    }
-    if (typeof t == "object" && t !== null) {
-      const s = e.__appliedStyles || {};
-      Object.keys(s).forEach((r) => {
-        r in t || (e.style.removeProperty(r.replace(/[A-Z]/g, (i) => `-${i.toLowerCase()}`)), this.recordAttributeRemoval());
-      }), Object.entries(t).forEach(([r, i]) => {
-        if (F(i) || B(i)) {
-          const o = T(() => {
-            const a = i(), l = r.replace(/[A-Z]/g, (h) => `-${h.toLowerCase()}`);
-            if (a == null)
-              e.style.removeProperty(l), this.recordAttributeRemoval();
-            else {
-              const h = String(a);
-              e.style.getPropertyValue(l) !== h && (e.style.setProperty(l, h), this.recordAttributeWrite());
-            }
-          });
-          this.addCleanup(e, () => {
-            o.dispose();
-          });
-        } else {
-          const o = r.replace(/[A-Z]/g, (a) => `-${a.toLowerCase()}`);
-          if (i == null)
-            e.style.getPropertyValue(o) && (e.style.removeProperty(o), this.recordAttributeRemoval());
-          else {
-            const a = String(i);
-            e.style.getPropertyValue(o) !== a && (e.style.setProperty(o, a), this.recordAttributeWrite());
-          }
-        }
-      }), e.__appliedStyles = { ...t };
-    }
-  }
-  /**
-   * Apply event listener (with delegation if possible)
-   */
-  applyEventListener(e, t, s, r) {
-    let i = t.slice(2).toLowerCase();
-    i === "focus" ? i = "focusin" : i === "blur" && (i = "focusout");
-    const o = r || this.elementToContainer.get(e);
-    if (o && ae.shouldDelegate(i)) {
-      const h = ae.register(
-        o,
-        e,
-        i,
-        s
-      );
-      this.addCleanup(e, h);
-      return;
-    }
-    const a = (h) => {
-      try {
-        s(h);
-      } catch (c) {
-        console.error(`Event handler error for ${t}:`, c);
-      }
-    }, l = ae.shouldBePassive(i) ? { passive: !0 } : void 0;
-    e.addEventListener(i, a, l), this.addCleanup(e, () => {
-      e.removeEventListener(i, a, l);
-    });
-  }
-  /**
-   * Add cleanup function for an element
-   */
-  addCleanup(e, t) {
-    const s = this.cleanupMap.get(e) || [];
-    s.push(t), this.cleanupMap.set(e, s);
-  }
-  /**
-   * Update an existing DOM node
-   */
-  updateNode(e, t) {
-    const s = this.nodeMap.get(e);
-    !s || typeof s.setAttribute != "function" || t && this.applyProps(s, t);
-  }
-  /**
-   * Remove a DOM node and run cleanup
-   */
-  removeNode(e) {
-    this.cleanupNode(e, !0);
-  }
-  /**
-   * Cleanup a node (and its descendants) and optionally remove from DOM.
-   */
-  cleanupNode(e, t) {
-    const s = this.nodeMap.get(e);
-    if (e.children && e.children.length > 0 && e.children.forEach((i) => {
-      this.cleanupNode(i, !1);
-    }), !s) {
-      e.element !== void 0 && (e.element = void 0), this.renderedNodes.delete(e), this.nodeMap.delete(e);
-      return;
-    }
-    const r = this.cleanupMap.get(s);
-    r && (r.forEach((i) => {
-      try {
-        i();
-      } catch (o) {
-        console.error("Cleanup error:", o);
-      }
-    }), this.cleanupMap.delete(s)), t && s.parentNode && s.parentNode.removeChild(s), this.nodeMap.delete(e), e.element !== void 0 && (e.element = void 0), this.renderedNodes.delete(e), this.metrics.removed++;
-  }
-  /**
-   * Create reactive text content
-   */
-  createReactiveText(e) {
-    const t = document.createTextNode("");
-    return T(() => {
-      t.textContent = e();
-    }), t;
-  }
-  /**
-   * Create reactive element with dynamic props
-   */
-  createReactiveElement(e, t, s) {
-    const r = document.createElement(e);
-    return T(() => {
-      const i = t();
-      this.applyProps(r, i);
-    }), s && s.forEach((i) => {
-      const o = this.renderSingle(i);
-      r.appendChild(o);
-    }), r;
-  }
-  /**
-   * Apply modifiers to a DOM element
-   */
-  applyModifiersToElement(e, t, s) {
-    try {
-      t.length > 0 && this.recordModifierApplications(t.length);
-      const r = s.componentInstance || s.componentMetadata && s.componentMetadata.componentInstance || s._originalComponent || // Use original component if available
-      s;
-      Me(
-        s,
-        t,
-        {
-          element: e,
-          componentId: s.componentId || "unknown",
-          phase: "creation",
-          componentInstance: r
-          // Pass the component instance
-        },
-        {
-          batch: !0
-          // Enable batched modifier application
-        }
-      );
-    } catch (r) {
-      console.error("Failed to apply modifiers to element:", r);
-    }
-  }
-  /**
-   * Adopt an existing DOM mapping from one node to another.
-   */
-  adoptNode(e, t) {
-    const s = this.nodeMap.get(e);
-    s && (this.nodeMap.set(t, s), this.nodeMap.delete(e), this.renderedNodes.delete(e), this.renderedNodes.add(t), t.element = s, e.dispose && (t.dispose = e.dispose), e.__renderedChildren && (t.__renderedChildren = e.__renderedChildren), e.__appliedProps && (t.__appliedProps = { ...e.__appliedProps }), this.metrics.adopted++);
-  }
-  /**
-   * Cleanup all tracked elements
-   */
-  cleanup() {
-    for (const e of this.renderedNodes)
-      if (e.dispose && typeof e.dispose == "function")
-        try {
-          e.dispose();
-        } catch (t) {
-          console.error("Cleanup error:", t);
-        }
-    this.renderedNodes.clear(), this.nodeMap = /* @__PURE__ */ new WeakMap(), this.cleanupMap = /* @__PURE__ */ new WeakMap(), this.resetMetrics();
-  }
-  resetMetrics() {
-    this.metrics = {
-      created: 0,
-      adopted: 0,
-      removed: 0,
-      inserted: 0,
-      moved: 0,
-      cacheHits: 0,
-      cacheMisses: 0,
-      attributeWrites: 0,
-      attributeRemovals: 0,
-      textUpdates: 0,
-      modifierApplications: 0
-    };
-  }
-  getMetrics() {
-    return { ...this.metrics };
-  }
-  recordCacheHit() {
-    this.metrics.cacheHits++;
-  }
-  recordCacheMiss() {
-    this.metrics.cacheMisses++;
-  }
-  insertNode(e, t, s) {
-    const r = typeof process < "u" && process.env?.TACHUI_DEBUG_PHASE1B === "1";
-    t.parentNode !== e ? (r && console.log("[diff] insertNode append", {
-      tag: "tagName" in t ? t.tagName : "text",
-      before: s && "getAttribute" in s ? s.getAttribute("data-id") : null
-    }), e.insertBefore(t, s), this.metrics.inserted++) : t.nextSibling !== s && (r && console.log("[diff] insertNode move", {
-      tag: "tagName" in t ? t.tagName : "text",
-      before: s && "getAttribute" in s ? s.getAttribute("data-id") : null
-    }), e.insertBefore(t, s), this.metrics.moved++);
-  }
-  appendNode(e, t) {
-    t.parentNode !== e && (e.appendChild(t), this.metrics.inserted++);
-  }
-  recordAttributeWrite() {
-    this.metrics.attributeWrites++;
-  }
-  recordAttributeRemoval() {
-    this.metrics.attributeRemovals++;
-  }
-  recordTextUpdate() {
-    this.metrics.textUpdates++;
-  }
-  recordModifierApplications(e) {
-    this.metrics.modifierApplications += e;
-  }
-}
-new Te();
-function Lt(n, e, ...t) {
-  const s = t.flat().filter((i) => i != null).map((i) => typeof i == "string" || typeof i == "number" ? { type: "text", text: String(i) } : i), r = {
-    type: "element",
-    tag: n,
-    props: e || {},
-    children: s,
-    key: e?.key ?? void 0
-  };
-  return e && "componentMetadata" in e && (r.componentMetadata = e.componentMetadata), r;
-}
-var kt = Object.defineProperty, Dt = (n, e, t) => e in n ? kt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, O = (n, e, t) => Dt(n, typeof e != "symbol" ? e + "" : e, t);
-let Y = class ee {
-  // Required by ModifiableComponent interface
-  constructor(e, t, s = !0) {
-    this.metadata = t, O(this, "type", "component"), O(this, "id"), O(this, "mounted", !1), O(this, "cleanup", []), O(this, "props", {}), O(this, "segments"), O(this, "modifiers", []), this.id = `concat-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, this.segments = e;
-  }
-  /**
-   * Render the concatenated component to DOM nodes (Enhanced - Phase 4.2)
-   */
-  render() {
-    const e = this.determineContainerClass(), t = this.buildAccessibilityLabel(), s = this.buildAccessibilityAttributes(), r = this.modifiers && this.modifiers.some((o) => o.type === "asHTML");
-    let i;
-    return r ? i = this.renderSegmentsWithAsHTML() : i = this.segments.map((o) => o.render()).flat(), [Lt("span", {
-      class: `tachui-concatenated ${e}`,
-      ...s,
-      "aria-label": t || void 0,
-      // Enhanced live region support for dynamic content
-      ...this.hasInteractiveContent() && {
-        "aria-live": "polite",
-        "aria-atomic": "true"
-      },
-      // Add debug information in development
-      ...process.env.NODE_ENV === "development" && {
-        "data-concatenated-segments": this.segments.length,
-        "data-semantic-structure": this.metadata.semanticStructure,
-        "data-accessibility-role": this.metadata.accessibilityRole
-      }
-    }, ...i)];
-  }
-  /**
-   * Build comprehensive accessibility attributes
-   */
-  buildAccessibilityAttributes() {
-    const e = {};
-    switch (this.metadata.accessibilityRole) {
-      case "text":
-        break;
-      case "group":
-        e.role = "group", e["aria-describedby"] = this.generateGroupDescription();
-        break;
-      case "composite":
-        e.role = "group", e["aria-roledescription"] = "interactive content group";
-        break;
-    }
-    return this.metadata.semanticStructure === "mixed" && this.segments.length > 2 && (e["aria-flowto"] = this.generateFlowTargets()), this.hasInteractiveContent() && (e.tabindex = "0", e["aria-description"] = "Contains interactive elements. Use Tab to navigate."), e;
-  }
-  /**
-   * Generate description for grouped content
-   */
-  generateGroupDescription() {
-    const e = this.getUniqueComponentTypes();
-    return e.length === 1 ? `Group of ${this.segments.length} ${e[0]} elements` : `Group containing ${e.join(", ")} elements`;
-  }
-  /**
-   * Generate flow targets for reading order
-   */
-  generateFlowTargets() {
-    return "";
-  }
-  /**
-   * Check if concatenated content contains interactive elements
-   */
-  hasInteractiveContent() {
-    return this.segments.some((e) => {
-      const t = e.component.constructor.name;
-      return t === "EnhancedButton" || t === "EnhancedLinkComponent";
-    });
-  }
-  /**
-   * Get unique component types in this concatenation
-   */
-  getUniqueComponentTypes() {
-    const e = new Set(this.segments.map((t) => {
-      switch (t.component.constructor.name) {
-        case "EnhancedText":
-          return "text";
-        case "EnhancedImage":
-          return "image";
-        case "EnhancedButton":
-          return "button";
-        case "EnhancedLinkComponent":
-          return "link";
-        default:
-          return "component";
-      }
-    }));
-    return Array.from(e);
-  }
-  /**
-   * Concatenate this component with another concatenatable component
-   */
-  concat(e) {
-    let t, s;
-    return e instanceof ee ? (t = [...this.segments, ...e.segments], s = this.mergeMetadata(this.metadata, e.metadata, t.length)) : (t = [...this.segments, e.toSegment()], s = this.mergeMetadata(
-      this.metadata,
-      {
-        totalSegments: 1,
-        accessibilityRole: this.determineComponentAccessibilityRole(e),
-        semanticStructure: this.determineComponentSemanticStructure(e)
-      },
-      t.length
-    )), new ee(t, s);
-  }
-  /**
-   * Convert this concatenated component to a segment (for further concatenation)
-   */
-  toSegment() {
-    return {
-      id: this.id,
-      component: this,
-      // Cast to satisfy interface requirements
-      modifiers: [],
-      // Concatenated components don't have their own modifiers
-      render: () => this.render()[0]
-    };
-  }
-  /**
-   * Check if this component supports concatenation
-   */
-  isConcatenatable() {
-    return !0;
-  }
-  /**
-   * Determine the appropriate CSS class for the container
-   */
-  determineContainerClass() {
-    const e = this.segments.map((o) => o.component.constructor.name), t = e.some((o) => o === "EnhancedImage"), s = e.some((o) => o === "EnhancedText"), r = e.some((o) => o === "EnhancedButton"), i = e.some((o) => o === "EnhancedLink");
-    return t && s && (r || i) ? "mixed-content" : t && s ? "image-text-composition" : t && !s ? "image-composition" : s && !t ? "text-composition" : "generic-composition";
-  }
-  /**
-   * Build comprehensive accessibility label for screen readers (Enhanced - Phase 4.2)
-   */
-  buildAccessibilityLabel() {
-    const e = this.segments.map((t) => this.extractAccessibilityText(t)).filter(Boolean);
-    return e.length === 0 ? "" : this.joinAccessibilityLabels(e);
-  }
-  /**
-   * Intelligently join accessibility labels based on content and structure
-   */
-  joinAccessibilityLabels(e) {
-    if (e.length === 1) return e[0];
-    switch (this.metadata.semanticStructure) {
-      case "inline":
-        return e.join(" ");
-      case "block":
-        return e.join(". ");
-      case "mixed":
-        return this.smartJoinLabels(e);
-      default:
-        return e.join(" ");
-    }
-  }
-  /**
-   * Context-aware label joining for mixed content
-   */
-  smartJoinLabels(e) {
-    const t = [];
-    for (let s = 0; s < e.length; s++) {
-      const r = e[s], i = e[s + 1];
-      t.push(r), i && (this.needsExplicitSeparator(r, i) ? t.push(". ") : t.push(" "));
-    }
-    return t.join("");
-  }
-  /**
-   * Determine if two accessibility labels need explicit separation
-   */
-  needsExplicitSeparator(e, t) {
-    const s = /[.!?:;]$/.test(e.trim()), r = /^[A-Z]/.test(t.trim());
-    return !s && r;
-  }
-  /**
-   * Extract accessibility text from a component segment
-   */
-  extractAccessibilityText(e) {
-    const t = e.component;
-    switch (t.constructor.name) {
-      case "EnhancedText":
-        return t.content || t.title || "";
-      case "EnhancedImage":
-        return t.alt || t.accessibilityLabel || "Image";
-      case "EnhancedButton":
-        return t.title || t.accessibilityLabel || "Button";
-      case "EnhancedLink":
-        return t.title || t.accessibilityLabel || "Link";
-      case "ConcatenatedComponent":
-        return t.buildAccessibilityLabel();
-      default:
-        return t.accessibilityLabel || "";
-    }
-  }
-  /**
-   * Merge metadata from two concatenation operations
-   */
-  mergeMetadata(e, t, s) {
-    return {
-      totalSegments: s,
-      accessibilityRole: this.mergeAccessibilityRoles(
-        e.accessibilityRole,
-        t.accessibilityRole
-      ),
-      semanticStructure: this.mergeSemanticStructures(
-        e.semanticStructure,
-        t.semanticStructure
-      )
-    };
-  }
-  /**
-   * Merge accessibility roles from two components
-   */
-  mergeAccessibilityRoles(e, t) {
-    return e === "text" && t === "text" ? "text" : e === "composite" || t === "composite" ? "composite" : "group";
-  }
-  /**
-   * Merge semantic structures from two components
-   */
-  mergeSemanticStructures(e, t) {
-    return e === "inline" && t === "inline" ? "inline" : e === "block" && t === "block" ? "block" : "mixed";
-  }
-  /**
-   * Determine accessibility role for a single component
-   */
-  determineComponentAccessibilityRole(e) {
-    switch (e.constructor.name) {
-      case "EnhancedText":
-        return "text";
-      case "EnhancedImage":
-        return "group";
-      case "EnhancedButton":
-      case "EnhancedLink":
-        return "group";
-      default:
-        return "composite";
-    }
-  }
-  /**
-   * Determine semantic structure for a single component
-   */
-  determineComponentSemanticStructure(e) {
-    switch (e.constructor.name) {
-      case "EnhancedText":
-      case "EnhancedImage":
-        return "inline";
-      case "EnhancedButton":
-      case "EnhancedLink":
-        return "inline";
-      // Buttons and links are typically inline in concatenation
-      default:
-        return "mixed";
-    }
-  }
-  /**
-   * Special rendering method for segments with asHTML modifiers
-   */
-  renderSegmentsWithAsHTML() {
-    const e = this.modifiers?.filter((s) => s.type === "asHTML") || [], t = [];
-    for (const s of this.segments) {
-      const r = s.render(), i = Array.isArray(r) ? r : [r];
-      if (this.isTextSegment(s) && i.length > 0) {
-        const o = this.applyAsHTMLToSegment(i[0], e, s);
-        t.push(o);
-      } else
-        t.push(...i);
-    }
-    return t;
-  }
-  /**
-   * Check if a segment represents a Text component
-   */
-  isTextSegment(e) {
-    const t = e.component;
-    return t ? t.constructor?.name === "TextComponent" || t.constructor?.name === "EnhancedText" || t.__tachui_component_type === "Text" || t.componentMetadata?.originalType === "Text" : !1;
-  }
-  /**
-   * Apply asHTML modifiers to a segment with proper component context
-   */
-  applyAsHTMLToSegment(e, t, s) {
-    const r = {
-      element: void 0,
-      // Will be set when the node is rendered to DOM
-      componentId: s.id,
-      phase: "creation",
-      componentInstance: s.component
-      // Pass the original component
-    };
-    return Me(e, t, r, { batch: !0 });
-  }
-  /**
-   * Generate comprehensive accessibility tree for this concatenated component
-   */
-  generateAccessibilityTree() {
-    return {
-      role: this.metadata.accessibilityRole,
-      label: this.buildAccessibilityLabel(),
-      children: this.segments.map((e) => this.segmentToAccessibilityNode(e))
-    };
-  }
-  /**
-   * Convert a component segment to an accessibility node
-   */
-  segmentToAccessibilityNode(e) {
-    const t = e.component;
-    return {
-      role: this.determineComponentAccessibilityRole(t),
-      label: this.extractAccessibilityText(e),
-      children: t instanceof ee ? t.generateAccessibilityTree().children : void 0
-    };
-  }
-};
-const zt = {
-  proxyModifiers: !0
-};
-let _t = { ...zt };
-function $e() {
-  return _t.proxyModifiers === !0;
-}
-let we = /* @__PURE__ */ new WeakMap(), Ht = /* @__PURE__ */ new WeakMap(), Vt = /* @__PURE__ */ new WeakMap(), jt = /* @__PURE__ */ new WeakMap();
-function $(n) {
-  if (Object.prototype.hasOwnProperty.call(n, "modifiers") && Object.prototype.hasOwnProperty.call(n, "modifierBuilder"))
-    return n;
-  if (!n._modifiableComponent) {
-    const e = te(n);
-    Object.prototype.hasOwnProperty.call(n, "modifier") || Object.defineProperty(n, "modifier", {
-      configurable: !0,
-      enumerable: !1,
-      get() {
-        return e.modifierBuilder;
-      },
-      set(t) {
-        Object.defineProperty(n, "modifier", {
-          configurable: !0,
-          enumerable: !1,
-          writable: !0,
-          value: t
-        });
-      }
-    }), n._modifiableComponent = e;
-  }
-  return n._modifiableComponent;
-}
-function ue(n) {
-  if (!$e())
-    return n;
-  const e = we.get(n);
-  if (e)
-    return e;
-  const t = /* @__PURE__ */ new Map();
-  Ht.set(n, t);
-  const s = /* @__PURE__ */ new Map();
-  Vt.set(n, s);
-  const r = /* @__PURE__ */ new Map();
-  jt.set(n, r);
-  const i = {
-    get(a, l, h) {
-      if (l === Symbol.toStringTag)
-        return Reflect.get(a, l, h);
-      if (l === "render") {
-        if (r.has(l))
-          return r.get(l);
-        const c = $(a);
-        if (typeof c.render == "function") {
-          const u = c.render.bind(c);
-          return r.set(l, u), u;
-        }
-        return Reflect.get(a, l, h);
-      }
-      if (l === "build") {
-        const c = $(a), u = c.modifierBuilder || c.modifier;
-        if (u && typeof u.build == "function") {
-          const f = u.build.bind(u);
-          return (...p) => {
-            const v = f(...p);
-            return v && typeof v == "object" && !Array.isArray(v) ? ue(
-              v
-            ) : v;
-          };
-        }
-        return;
-      }
-      if (l === "modifiers" || l === "modifier" || l === "modifierBuilder") {
-        if (l === "modifier") {
-          const u = Object.getOwnPropertyDescriptor(
-            a,
-            "modifier"
-          );
-          if (u && "value" in u)
-            return u.value;
-        }
-        const c = $(a);
-        return l === "modifiers" ? c.modifiers : c.modifierBuilder;
-      }
-      if (typeof l == "string") {
-        let c;
-        if (t.has(l) && (c = V.get(l), c)) {
-          const p = s.get(l);
-          p !== void 0 && p !== c && (t.delete(l), s.delete(l));
-        }
-        if (Reflect.has(a, l)) {
-          const p = Reflect.get(a, l, a);
-          if (typeof p != "function")
-            return p;
-        }
-        const u = $(a), f = u.modifierBuilder || u.modifier;
-        if (f) {
-          const p = f[l];
-          if (typeof p == "function") {
-            if (!t.has(l)) {
-              const v = (...L) => {
-                const C = $(a), E = C.modifierBuilder || C.modifier, fe = E?.[l];
-                if (typeof fe != "function")
-                  throw new Error(
-                    `Modifier '${String(l)}' is not callable`
-                  );
-                const re = fe.apply(E, L);
-                return re && re !== E ? re : o;
-              };
-              t.set(l, v), s.set(
-                l,
-                c ?? V.get(l)
-              );
-            }
-            return t.get(l);
-          }
-          if (p !== void 0)
-            return p;
-        }
-        if (V.has(l)) {
-          if (!t.has(l)) {
-            const p = (...v) => {
-              const L = $(a), C = L.modifierBuilder || L.modifier, E = C?.[l];
-              if (typeof E != "function")
-                throw new Error(`Modifier '${String(l)}' is not callable`);
-              return E.apply(C, v), o;
-            };
-            t.set(l, p), s.set(
-              l,
-              c ?? V.get(l)
-            );
-          }
-          return t.get(l);
-        }
-      }
-      if (Reflect.has(a, l)) {
-        const c = Reflect.get(a, l, a);
-        return typeof c == "function" ? l === "clone" ? (...u) => {
-          const f = c.apply(a, u);
-          return f && typeof f == "object" ? ue(f) : f;
-        } : (r.has(l) || r.set(l, c.bind(a)), r.get(l)) : c;
-      }
-    },
-    has(a, l) {
-      if (l === "modifiers" || l === "modifier" || l === "modifierBuilder")
-        return !0;
-      if (typeof l == "string") {
-        const h = a._modifiableComponent || $(a), c = h?.modifierBuilder || h?.modifier;
-        if (c && typeof c[l] == "function")
-          return !0;
-      }
-      return Reflect.has(a, l) || V.has(l);
-    },
-    set(a, l, h, c) {
-      if (l === "modifier")
-        return Object.defineProperty(a, "modifier", {
-          configurable: !0,
-          enumerable: !1,
-          writable: !0,
-          value: h
-        }), t.clear(), !0;
-      if (l === "modifiers" && Array.isArray(h)) {
-        const u = $(a);
-        return u.modifiers = [...h], !0;
-      }
-      return Reflect.set(a, l, h, c);
-    }
-  }, o = new Proxy(n, i);
-  return we.set(n, o), o;
-}
-var Ft = Object.defineProperty, Bt = (n, e, t) => e in n ? Ft(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, M = (n, e, t) => Bt(n, typeof e != "symbol" ? e + "" : e, t);
-class Wt {
-  constructor(e, t) {
-    M(this, "id"), M(this, "parent"), M(this, "providers", /* @__PURE__ */ new Map()), M(this, "consumers", /* @__PURE__ */ new Set()), M(this, "cleanup", /* @__PURE__ */ new Set()), M(this, "stateStore", /* @__PURE__ */ new Map()), M(this, "bindingStore", /* @__PURE__ */ new Map()), M(this, "createdAt", Date.now()), M(this, "updateCount", 0), this.id = e, this.parent = t;
-  }
-  /**
-   * Store state value for a property
-   */
-  setState(e, t) {
-    this.stateStore.set(e, t), this.updateCount++;
-  }
-  /**
-   * Get state value for a property
-   */
-  getState(e) {
-    return this.stateStore.get(e);
-  }
-  /**
-   * Check if state exists for a property
-   */
-  hasState(e) {
-    return this.stateStore.has(e);
-  }
-  /**
-   * Store binding for a property
-   */
-  setBinding(e, t) {
-    this.bindingStore.set(e, t);
-  }
-  /**
-   * Get binding for a property
-   */
-  getBinding(e) {
-    return this.bindingStore.get(e);
-  }
-  /**
-   * Provide a value for dependency injection
-   */
-  provide(e, t) {
-    this.providers.set(e, t);
-  }
-  /**
-   * Consume a value from dependency injection hierarchy
-   */
-  consume(e) {
-    if (this.consumers.add(e), this.providers.has(e))
-      return this.providers.get(e);
-    let t = this.parent;
-    for (; t; ) {
-      if (t.providers.has(e))
-        return t.providers.get(e);
-      t = t.parent;
-    }
-  }
-  /**
-   * Register cleanup function
-   */
-  onCleanup(e) {
-    this.cleanup.add(e);
-  }
-  /**
-   * Dispose of context and run cleanup
-   */
-  dispose() {
-    for (const e of this.cleanup)
-      try {
-        e();
-      } catch (t) {
-        console.error(`Error in component context cleanup (${this.id}):`, t);
-      }
-    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 Ut(n, e) {
-  return new Wt(n, e);
-}
-var Qt = Object.defineProperty, qt = (n, e, t) => e in n ? Qt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, H = (n, e, t) => qt(n, typeof e != "symbol" ? e + "" : e, t);
-const Gt = class U {
-  constructor() {
-    H(this, "components", /* @__PURE__ */ new Map()), H(this, "contexts", /* @__PURE__ */ new Map()), H(this, "cleanupQueue", /* @__PURE__ */ new Set()), H(this, "updateQueue", /* @__PURE__ */ new Set()), H(this, "isUpdating", !1);
-  }
-  static getInstance() {
-    return U.instance || (U.instance = new U()), U.instance;
-  }
-  /**
-   * Register a new component instance
-   */
-  registerComponent(e) {
-    this.components.set(e.id, e), e.cleanup && e.cleanup.forEach((t) => {
-      this.cleanupQueue.add(t);
-    });
-  }
-  /**
-   * Unregister and cleanup a component
-   */
-  unregisterComponent(e) {
-    const t = this.components.get(e);
-    t && (t.cleanup && t.cleanup.forEach((s) => {
-      try {
-        s();
-      } catch (r) {
-        console.error(`Cleanup error for component ${e}:`, r);
-      }
-    }), this.components.delete(e), t.context && this.cleanupContext(t.context.id));
-  }
-  /**
-   * Get component instance by ID
-   */
-  getComponent(e) {
-    return this.components.get(e);
-  }
-  /**
-   * Schedule component for update
-   */
-  scheduleUpdate(e) {
-    this.updateQueue.add(e), this.isUpdating || this.flushUpdates();
-  }
-  /**
-   * Process all scheduled updates
-   */
-  async flushUpdates() {
-    if (this.isUpdating) return;
-    this.isUpdating = !0, await new Promise((t) => queueMicrotask(() => t(void 0)));
-    const e = Array.from(this.updateQueue);
-    this.updateQueue.clear(), e.forEach((t) => {
-      const s = this.components.get(t);
-      if (s)
-        try {
-          this.updateComponent(s);
-        } catch (r) {
-          console.error(`Update error for component ${t}:`, r);
-        }
-    }), this.isUpdating = !1;
-  }
-  /**
-   * Update a specific component instance
-   */
-  updateComponent(e) {
-    e.props && (e.prevProps = { ...e.props }), e.render(), e.mounted || (e.mounted = !0);
-  }
-  /**
-   * Cleanup context by ID
-   */
-  cleanupContext(e) {
-    const t = this.contexts.get(e);
-    t && (t.cleanup.forEach((s) => {
-      try {
-        s();
-      } catch (r) {
-        console.error(`Context cleanup error for ${e}:`, r);
-      }
-    }), this.contexts.delete(e));
-  }
-  /**
-   * Get all registered components (for debugging)
-   */
-  getAllComponents() {
-    return Array.from(this.components.values());
-  }
-  /**
-   * Cleanup all components and resources
-   */
-  cleanup() {
-    Array.from(this.components.keys()).forEach((e) => {
-      this.unregisterComponent(e);
-    }), this.cleanupQueue.forEach((e) => {
-      try {
-        e();
-      } catch (t) {
-        console.error("Global cleanup error:", t);
-      }
-    }), this.cleanupQueue.clear(), this.updateQueue.clear();
-  }
-};
-H(Gt, "instance");
-var Kt = Object.defineProperty, Yt = (n, e, t) => e in n ? Kt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, I = (n, e, t) => Yt(n, typeof e != "symbol" ? e + "" : e, t);
-const Ne = class Q {
-  constructor() {
-    I(this, "contexts", /* @__PURE__ */ new Map()), I(this, "providerStack", /* @__PURE__ */ new Map()), I(this, "currentComponent", null);
-  }
-  static getInstance() {
-    return Q.instance || (Q.instance = new Q()), Q.instance;
-  }
-  /**
-   * Set the current component context for provider resolution
-   */
-  setCurrentComponent(e) {
-    this.currentComponent = e;
-  }
-  /**
-   * Get the current component context
-   */
-  getCurrentComponent() {
-    return this.currentComponent;
-  }
-  /**
-   * Register a context provider
-   */
-  registerProvider(e, t, s) {
-    this.providerStack.has(e) || this.providerStack.set(e, []);
-    const r = this.providerStack.get(e), [i, o] = he(t), a = {
-      value: t,
-      signal: [i, o],
-      subscribers: /* @__PURE__ */ new Set(),
-      providers: /* @__PURE__ */ new Set([s])
-    };
-    return r.push(a), s.providers.set(e, a), () => {
-      const l = r.indexOf(a);
-      l !== -1 && r.splice(l, 1), s.providers.delete(e), a.subscribers.clear(), a.providers.clear();
-    };
-  }
-  /**
-   * Get context value with reactive subscription
-   */
-  getContextValue(e, t) {
-    const s = this.providerStack.get(e), r = s && s.length > 0 ? s[s.length - 1] : null;
-    if (r)
-      return this.currentComponent && (r.subscribers.add(this.currentComponent.id), this.currentComponent.consumers.add(e)), [r.signal[0], !0];
-    const [i] = he(t);
-    return [i, !1];
-  }
-  /**
-   * Update context value and notify subscribers
-   */
-  updateContextValue(e, t) {
-    const s = this.providerStack.get(e), r = s && s.length > 0 ? s[s.length - 1] : null;
-    return r ? (r.value = t, r.signal[1](t), !0) : !1;
-  }
-  /**
-   * Get all registered contexts (for debugging)
-   */
-  getAllContexts() {
-    const e = /* @__PURE__ */ new Map();
-    for (const [t, s] of this.providerStack.entries())
-      s.length > 0 && e.set(t, s[s.length - 1]);
-    return e;
-  }
-  /**
-   * Clear all contexts (for testing)
-   */
-  clear() {
-    this.contexts.clear(), this.providerStack.clear(), this.currentComponent = null;
-  }
-};
-I(Ne, "instance");
-let Zt = Ne, Xt = class {
-  constructor() {
-    I(this, "registry", Zt.getInstance());
-  }
-  /**
-   * Create a context provider component
-   */
-  createProvider(e, t, s) {
-    return {
-      type: "component",
-      render: () => {
-        const r = this.registry.registerProvider(
-          e.symbol,
-          t,
-          Ut(`provider_${e.symbol.toString()}`)
-        ), i = s.flatMap((o) => {
-          let a = o;
-          "build" in o && typeof o.build == "function" && (a = o.build());
-          const l = a.render();
-          return Array.isArray(l) ? l : [l];
-        });
-        return [
-          {
-            type: "element",
-            tag: "div",
-            props: { "data-context-provider": e.displayName || "provider" },
-            children: i,
-            dispose: r
-          }
-        ];
-      },
-      props: { children: s },
-      id: `provider_${Date.now()}`,
-      children: s
-    };
-  }
-  /**
-   * Set current component for context resolution
-   */
-  setCurrentComponent(e) {
-    this.registry.setCurrentComponent(e);
-  }
-  /**
-   * Update a context value
-   */
-  updateContext(e, t) {
-    return this.registry.updateContextValue(e.symbol, t);
-  }
-  /**
-   * Get all active contexts (for debugging)
-   */
-  getAllContexts() {
-    return this.registry.getAllContexts();
-  }
-  /**
-   * Clear all contexts
-   */
-  clear() {
-    this.registry.clear();
-  }
-};
-class Jt {
-  constructor() {
-    I(this, "services", /* @__PURE__ */ new Map()), I(this, "factories", /* @__PURE__ */ new Map()), I(this, "singletons", /* @__PURE__ */ new Map()), I(this, "scoped", /* @__PURE__ */ new Map()), I(this, "dependencies", /* @__PURE__ */ new Map());
-  }
-  /**
-   * Register a service with the container
-   */
-  register(e, t, s = {}) {
-    this.services.set(e, t), s.dependencies && this.dependencies.set(e, s.dependencies), s.singleton && this.singletons.set(e, null), s.scoped && this.scoped.set(e, null);
-  }
-  /**
-   * Resolve a service from the container
-   */
-  resolve(e) {
-    if (this.singletons.has(e)) {
-      let t = this.singletons.get(e);
-      return t === null && (t = this.createInstance(e), this.singletons.set(e, t)), t;
-    }
-    if (this.scoped.has(e)) {
-      let t = this.scoped.get(e);
-      return t === null && (t = this.createInstance(e), this.scoped.set(e, t)), t;
-    }
-    return this.createInstance(e);
-  }
-  /**
-   * Create instance with dependency injection
-   */
-  createInstance(e) {
-    const t = (this.dependencies.get(e) || []).map((i) => this.resolve(i)), s = this.factories.get(e);
-    if (s)
-      return s(...t);
-    const r = this.services.get(e);
-    if (r) {
-      if (typeof r == "function")
-        try {
-          return new r(...t);
-        } catch {
-          return r(...t);
-        }
-      return r;
-    }
-    throw new Error(`Service ${String(e)} not found in DI container`);
-  }
-  /**
-   * Check if service is registered
-   */
-  has(e) {
-    return this.services.has(e) || this.factories.has(e);
-  }
-  /**
-   * Clear the container
-   */
-  clear() {
-    this.services.clear(), this.factories.clear(), this.singletons.clear(), this.scoped.clear(), this.dependencies.clear();
-  }
-  /**
-   * Get all registered services (for debugging)
-   */
-  getRegistered() {
-    return [...this.services.keys(), ...this.factories.keys()];
-  }
-}
-new Jt();
-new Xt();
-new Te();
-var es = Object.defineProperty, ts = (n, e, t) => e in n ? es(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, ce = (n, e, t) => ts(n, typeof e != "symbol" ? e + "" : e, t);
-const ss = {
-  sanitizeClassNames: !0,
-  sanitizationRules: {
-    allowNumbers: !0,
-    allowUnderscores: !0,
-    customReplacements: {}
-  },
-  enableCaching: !0,
-  maxCacheSize: 1e3,
-  warnDuplicateClasses: process.env.NODE_ENV === "development",
-  warnInvalidClasses: process.env.NODE_ENV === "development"
-};
-let rs = class {
-  constructor(e = {}) {
-    ce(this, "config"), ce(this, "classCache"), ce(this, "processingCache"), this.config = { ...ss, ...e };
-    const t = (() => {
-      try {
-        return typeof Map < "u" && typeof Map == "function";
-      } catch {
-        return !1;
-      }
-    })();
-    this.classCache = t ? /* @__PURE__ */ new Map() : {}, this.processingCache = t ? /* @__PURE__ */ new Map() : {};
-  }
-  /**
-   * Cache helper methods to work with both Map and plain object fallbacks
-   */
-  cacheHas(e, t) {
-    try {
-      return e instanceof Map ? e.has(t) : t in e;
-    } catch {
-      return t in e;
-    }
-  }
-  cacheGet(e, t) {
-    try {
-      return e instanceof Map ? e.get(t) : e[t];
-    } catch {
-      return e[t];
-    }
-  }
-  cacheSet(e, t, s) {
-    try {
-      e instanceof Map ? e.set(t, s) : e[t] = s;
-    } catch {
-      e[t] = s;
-    }
-  }
-  cacheDelete(e, t) {
-    try {
-      e instanceof Map ? e.delete(t) : delete e[t];
-    } catch {
-      delete e[t];
-    }
-  }
-  cacheClear(e) {
-    try {
-      e instanceof Map ? e.clear() : Object.keys(e).forEach((t) => delete e[t]);
-    } catch {
-      Object.keys(e).forEach((t) => delete e[t]);
-    }
-  }
-  cacheSize(e) {
-    try {
-      return e instanceof Map ? e.size : Object.keys(e).length;
-    } catch {
-      return Object.keys(e).length;
-    }
-  }
-  cacheKeys(e) {
-    try {
-      return e instanceof Map ? e.keys() : Object.keys(e);
-    } catch {
-      return Object.keys(e);
-    }
-  }
-  /**
-   * Process CSS classes from various input formats
-   */
-  processClasses(e) {
-    if (!e) return [];
-    if (F(e) || B(e)) {
-      const i = e();
-      return this.processClasses(i);
-    }
-    const t = this.getCacheKey(e);
-    if (this.config.enableCaching && this.cacheHas(this.classCache, t))
-      return this.cacheGet(this.classCache, t);
-    let s = [];
-    if (typeof e == "string")
-      s = e.trim().split(/\s+/).filter(Boolean);
-    else if (Array.isArray(e))
-      s = e.flatMap((i) => {
-        if (i == null || i === "")
-          return [];
-        const o = (typeof i == "string" ? i : String(i)).trim();
-        return typeof i != "string" && o ? [o] : o.split(/\s+/);
-      }).filter(Boolean);
-    else {
-      const i = String(e).trim();
-      s = i ? [i] : [];
-    }
-    const r = this.processClassArray(s);
-    return this.config.enableCaching && this.setCachedClasses(t, r), r;
-  }
-  /**
-   * Process an array of class names
-   */
-  processClassArray(e) {
-    let t = e;
-    return this.config.sanitizeClassNames && (t = t.map((s) => this.sanitizeClassName(s))), t = this.deduplicateClasses(t), this.config.warnDuplicateClasses && e.length !== t.length && console.warn(
-      "[tachUI] Duplicate CSS classes detected and removed:",
-      e.filter((s, r) => e.indexOf(s) !== r)
-    ), t;
-  }
-  /**
-   * Sanitize class name to be valid CSS identifier
-   */
-  sanitizeClassName(e) {
-    if (!e || typeof e != "string") return "";
-    const t = this.config.sanitizationRules;
-    let s = e.trim();
-    s.includes(" ") && (s = s.replace(/\s+/g, "-"), this.config.warnInvalidClasses && console.warn(`[tachUI] CSS class names cannot contain spaces. Converted "${e}" to "${s}"`)), Object.entries(t.customReplacements || {}).forEach(([i, o]) => {
-      s = s.replace(new RegExp(i, "g"), o);
-    });
-    let r = "a-zA-Z\\-\\.";
-    return t.allowNumbers && (r += "0-9"), t.allowUnderscores && (r += "_"), r += ":\\[\\]/%", s = s.replace(new RegExp(`[^${r}]`, "g"), "-"), /^[0-9]/.test(s) && (s = "cls-" + s), s = s.replace(/---+/g, "--"), this.config.warnInvalidClasses && s !== e.trim() && console.warn(`[tachUI] CSS class "${e}" sanitized to "${s}"`), s;
-  }
-  /**
-   * Deduplicate classes while preserving first occurrence order
-   */
-  deduplicateClasses(e) {
-    return [...new Set(e.filter(Boolean))];
-  }
-  /**
-   * Combine tachUI classes with user-provided CSS classes
-   * User classes come AFTER tachUI classes for proper CSS cascade
-   */
-  combineClasses(e, t) {
-    const s = this.processClasses(t), r = [...e, ...s];
-    return this.deduplicateClasses(r);
-  }
-  /**
-   * Update configuration
-   */
-  updateConfig(e) {
-    this.config = { ...this.config, ...e }, this.clearCaches();
-  }
-  /**
-   * Get current configuration
-   */
-  getConfig() {
-    return { ...this.config };
-  }
-  /**
-   * Clear all caches
-   */
-  clearCaches() {
-    this.cacheClear(this.classCache), this.cacheClear(this.processingCache);
-  }
-  /**
-   * Get cache statistics for debugging
-   */
-  getCacheStats() {
-    return {
-      size: this.cacheSize(this.classCache),
-      maxSize: this.config.maxCacheSize,
-      hitRate: 0
-      // TODO: Implement hit rate tracking if needed
-    };
-  }
-  /**
-   * Generate cache key for input
-   */
-  getCacheKey(e) {
-    return Array.isArray(e) ? e.join("|") : e;
-  }
-  /**
-   * Set cached classes with LRU eviction
-   */
-  setCachedClasses(e, t) {
-    if (this.cacheSize(this.classCache) >= this.config.maxCacheSize) {
-      const s = this.cacheKeys(this.classCache), r = Array.isArray(s) ? s[0] : s.next().value;
-      r !== void 0 && this.cacheDelete(this.classCache, r);
-    }
-    this.cacheSet(this.classCache, e, t);
-  }
-};
-new rs();
-function is(n, e, t = {}, ...s) {
-  const r = new n(e, ...s);
-  return $e() && t.prewarmProxy !== !1 && ue(r), r;
-}
-var ns = Object.defineProperty, os = (n, e, t) => e in n ? ns(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, D = (n, e, t) => os(n, typeof e != "symbol" ? e + "" : e, t);
-class se extends Le {
-  constructor(e) {
-    super(), this.props = e, D(this, "type", "component"), D(this, "id"), D(this, "mounted", !1), D(this, "cleanup", []), D(this, "effectiveTag"), D(this, "validationResult"), this.id = `text-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-    const t = this.resolveDefaultTag(), s = ke(
-      "Text",
-      t,
-      this.props.element
-    );
-    this.effectiveTag = s.tag, this.validationResult = s.validation;
-  }
-  resolveDefaultTag() {
-    return this.props.accessibilityRole === "heading" ? `h${this.props.accessibilityLevel ?? 2}` : "span";
-  }
-  /**
-   * Render the text component with reactive content handling, element override support, and CSS classes
-   */
-  render() {
-    const e = ["tachui-text"], t = this.createClassString(this.props, e);
-    return [S(
-      this.effectiveTag,
-      {
-        className: t,
-        // Pass through debug label for debug system
-        ...this.props.debugLabel && { debugLabel: this.props.debugLabel },
-        // Add component metadata for semantic role processing
-        componentMetadata: {
-          originalType: "Text",
-          overriddenTo: this.effectiveTag !== "span" ? this.effectiveTag : void 0,
-          validationResult: this.validationResult,
-          componentInstance: this
-          // Add reference to the Text component instance
-        }
-      },
-      De(this.props.content || "")
-    )];
-  }
-  // Concatenation support - simplified for now
-  concat(e) {
-    return this;
-  }
-  toSegment() {
-    return this;
-  }
-  isConcatenatable() {
-    return !0;
-  }
-  /**
-   * Cleanup resources
-   */
-  dispose() {
-    this.cleanup.forEach((e) => {
-      try {
-        e();
-      } catch (t) {
-        console.error("Text component cleanup error:", t);
-      }
-    }), this.cleanup = [];
-  }
-  clone(e = {}) {
-    return e.deep ? this.deepClone() : this.shallowClone();
-  }
-  shallowClone() {
-    const e = me(this.props), t = new se(e);
-    return ge(t), t;
-  }
-  deepClone() {
-    const e = me(this.props, {
-      deep: !0
-    }), t = new se(e);
-    return ge(t), t;
-  }
-}
-function Re(n, e) {
-  const t = {
-    content: n,
-    ...e
-  }, s = is(se, t);
-  return pe(s);
-}
-function z(n) {
-  return (e, t) => Re(e, {
-    ...t,
-    accessibilityRole: "heading",
-    accessibilityLevel: n
-  });
-}
-Object.assign(Re, {
-  H1: z(1),
-  H2: z(2),
-  H3: z(3),
-  H4: z(4),
-  H5: z(5),
-  H6: z(6)
-});
-var as = Object.defineProperty, ls = (n, e, t) => e in n ? as(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, g = (n, e, t) => ls(n, typeof e != "symbol" ? e + "" : e, t);
-class cs {
-  constructor(e) {
-    this.props = e, g(this, "type", "component"), g(this, "id"), g(this, "mounted", !1), g(this, "cleanup", []), g(this, "scrollElement", null), g(this, "contentOffsetSignal"), g(this, "setContentOffset"), g(this, "contentSizeSignal"), g(this, "setContentSize"), g(this, "setIsScrolling"), g(this, "pullToRefreshStateSignal"), g(this, "setPullToRefreshState"), g(this, "scrollEventThrottle"), g(this, "lastScrollTime", 0), g(this, "scrollVelocity", { x: 0, y: 0 }), g(this, "lastScrollOffset", { x: 0, y: 0 }), g(this, "pullStartY", 0), g(this, "isPulling", !1), g(this, "handleScroll", (h) => {
+var C = Object.defineProperty, $ = (c, t, e) => t in c ? C(c, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[t] = e, p = (c, t, e) => $(c, typeof t != "symbol" ? t + "" : t, e);
+class z {
+  constructor(t) {
+    this.props = t, p(this, "type", "component"), p(this, "id"), p(this, "mounted", !1), p(this, "cleanup", []), p(this, "scrollElement", null), p(this, "contentOffsetSignal"), p(this, "setContentOffset"), p(this, "contentSizeSignal"), p(this, "setContentSize"), p(this, "setIsScrolling"), p(this, "pullToRefreshStateSignal"), p(this, "setPullToRefreshState"), p(this, "scrollEventThrottle"), p(this, "lastScrollTime", 0), p(this, "scrollVelocity", { x: 0, y: 0 }), p(this, "lastScrollOffset", { x: 0, y: 0 }), p(this, "pullStartY", 0), p(this, "isPulling", !1), p(this, "handleScroll", (a) => {
       if (!this.scrollElement) return;
-      const c = performance.now(), u = c - this.lastScrollTime;
-      if (u < this.scrollEventThrottle) return;
-      const f = {
+      const h = performance.now(), r = h - this.lastScrollTime;
+      if (r < this.scrollEventThrottle) return;
+      const g = {
         x: this.scrollElement.scrollLeft,
         y: this.scrollElement.scrollTop
       };
-      this.scrollVelocity = this.calculateVelocity(f, u), this.setContentOffset(f), this.setContentSize({
+      this.scrollVelocity = this.calculateVelocity(g, r), this.setContentOffset(g), this.setContentSize({
         width: this.scrollElement.scrollWidth,
         height: this.scrollElement.scrollHeight
       });
-      const p = this.detectScrollEdges(), v = {
-        offset: f,
+      const d = this.detectScrollEdges(), I = {
+        offset: g,
         velocity: this.scrollVelocity,
         contentSize: {
           width: this.scrollElement.scrollWidth,
@@ -3494,27 +30,27 @@ class cs {
           width: this.scrollElement.clientWidth,
           height: this.scrollElement.clientHeight
         },
-        edges: p
+        edges: d
       };
-      this.props.onScroll && this.props.onScroll(v), p.top && this.props.onReachTop && this.props.onReachTop(), p.bottom && this.props.onReachBottom && this.props.onReachBottom(), p.left && this.props.onReachLeft && this.props.onReachLeft(), p.right && this.props.onReachRight && this.props.onReachRight(), this.lastScrollOffset = f, this.lastScrollTime = c;
-    }), g(this, "handleScrollStart", () => {
+      this.props.onScroll && this.props.onScroll(I), d.top && this.props.onReachTop && this.props.onReachTop(), d.bottom && this.props.onReachBottom && this.props.onReachBottom(), d.left && this.props.onReachLeft && this.props.onReachLeft(), d.right && this.props.onReachRight && this.props.onReachRight(), this.lastScrollOffset = g, this.lastScrollTime = h;
+    }), p(this, "handleScrollStart", () => {
       this.setIsScrolling(!0), this.props.onScrollBegin && this.props.onScrollBegin();
-    }), g(this, "handleScrollEnd", () => {
+    }), p(this, "handleScrollEnd", () => {
       this.setIsScrolling(!1), this.props.onScrollEnd && this.props.onScrollEnd();
-    }), g(this, "handleTouchStart", (h) => {
-      this.props.refreshControl?.enabled && (this.pullStartY = h.touches[0].clientY, this.isPulling = !1);
-    }), g(this, "handleTouchMove", (h) => {
+    }), p(this, "handleTouchStart", (a) => {
+      this.props.refreshControl?.enabled && (this.pullStartY = a.touches[0].clientY, this.isPulling = !1);
+    }), p(this, "handleTouchMove", (a) => {
       if (!this.props.refreshControl?.enabled || !this.scrollElement) return;
-      const c = h.touches[0].clientY - this.pullStartY, u = this.props.refreshControl.threshold || 80;
-      this.scrollElement.scrollTop <= 0 && c > 0 && (this.isPulling = !0, c > u ? this.setPullToRefreshState("ready") : this.setPullToRefreshState("pulling"));
-    }), g(this, "handleTouchEnd", async () => {
+      const h = a.touches[0].clientY - this.pullStartY, r = this.props.refreshControl.threshold || 80;
+      this.scrollElement.scrollTop <= 0 && h > 0 && (this.isPulling = !0, h > r ? this.setPullToRefreshState("ready") : this.setPullToRefreshState("pulling"));
+    }), p(this, "handleTouchEnd", async () => {
       if (!(!this.props.refreshControl?.enabled || !this.isPulling)) {
         if (this.pullToRefreshStateSignal() === "ready") {
           this.setPullToRefreshState("refreshing");
           try {
             await this.props.refreshControl.onRefresh();
-          } catch (h) {
-            console.error("Pull to refresh error:", h);
+          } catch (a) {
+            console.error("Pull to refresh error:", a);
           } finally {
             this.setPullToRefreshState("idle");
           }
@@ -3522,42 +58,42 @@ class cs {
           this.setPullToRefreshState("idle");
         this.isPulling = !1;
       }
-    }), this.id = `scrollview-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, this.scrollEventThrottle = e.scrollEventThrottle || 16;
-    const [t, s] = N(
+    }), this.id = `scrollview-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, this.scrollEventThrottle = t.scrollEventThrottle || 16;
+    const [e, i] = y(
       { x: 0, y: 0 }
     );
-    this.contentOffsetSignal = t, this.setContentOffset = s;
-    const [r, i] = N({
+    this.contentOffsetSignal = e, this.setContentOffset = i;
+    const [s, n] = y({
       width: 0,
       height: 0
     });
-    this.contentSizeSignal = r, this.setContentSize = i;
-    const [, o] = N(!1);
+    this.contentSizeSignal = s, this.setContentSize = n;
+    const [, o] = y(!1);
     this.setIsScrolling = o;
-    const [a, l] = N("idle");
-    if (this.pullToRefreshStateSignal = a, this.setPullToRefreshState = l, e.contentOffset && w(e.contentOffset)) {
-      this.setContentOffset(e.contentOffset());
-      const h = R(() => {
-        e.contentOffset && w(e.contentOffset) && this.setContentOffset(e.contentOffset());
+    const [l, f] = y("idle");
+    if (this.pullToRefreshStateSignal = l, this.setPullToRefreshState = f, t.contentOffset && S(t.contentOffset)) {
+      this.setContentOffset(t.contentOffset());
+      const a = v(() => {
+        t.contentOffset && S(t.contentOffset) && this.setContentOffset(t.contentOffset());
       });
-      this.cleanup.push(() => h.dispose());
+      this.cleanup.push(() => a.dispose());
     }
-    if (e.contentSize && w(e.contentSize)) {
-      this.setContentSize(e.contentSize());
-      const h = R(() => {
-        e.contentSize && w(e.contentSize) && this.setContentSize(e.contentSize());
+    if (t.contentSize && S(t.contentSize)) {
+      this.setContentSize(t.contentSize());
+      const a = v(() => {
+        t.contentSize && S(t.contentSize) && this.setContentSize(t.contentSize());
       });
-      this.cleanup.push(() => h.dispose());
+      this.cleanup.push(() => a.dispose());
     }
   }
   /**
    * Calculate scroll velocity
    */
-  calculateVelocity(e, t) {
-    const s = e.x - this.lastScrollOffset.x, r = e.y - this.lastScrollOffset.y;
+  calculateVelocity(t, e) {
+    const i = t.x - this.lastScrollOffset.x, s = t.y - this.lastScrollOffset.y;
     return {
-      x: t > 0 ? s / t : 0,
-      y: t > 0 ? r / t : 0
+      x: e > 0 ? i / e : 0,
+      y: e > 0 ? s / e : 0
     };
   }
   /**
@@ -3567,47 +103,47 @@ class cs {
     if (!this.scrollElement)
       return { top: !1, bottom: !1, left: !1, right: !1 };
     const {
-      scrollTop: e,
-      scrollLeft: t,
-      scrollHeight: s,
-      scrollWidth: r,
-      clientHeight: i,
+      scrollTop: t,
+      scrollLeft: e,
+      scrollHeight: i,
+      scrollWidth: s,
+      clientHeight: n,
       clientWidth: o
     } = this.scrollElement;
     return {
-      top: e <= 0,
-      bottom: e + i >= s - 1,
-      left: t <= 0,
-      right: t + o >= r - 1
+      top: t <= 0,
+      bottom: t + n >= i - 1,
+      left: e <= 0,
+      right: e + o >= s - 1
     };
   }
   /**
    * Set up scroll event handlers
    */
-  setupScrollHandlers(e) {
-    let t;
-    const s = () => {
-      clearTimeout(t), this.handleScrollStart();
-    }, r = () => {
-      clearTimeout(t), t = setTimeout(() => {
+  setupScrollHandlers(t) {
+    let e;
+    const i = () => {
+      clearTimeout(e), this.handleScrollStart();
+    }, s = () => {
+      clearTimeout(e), e = setTimeout(() => {
         this.handleScrollEnd();
       }, 150);
-    }, i = (o) => {
-      s(), this.handleScroll(o), r();
+    }, n = (o) => {
+      i(), this.handleScroll(o), s();
     };
-    e.addEventListener("scroll", i, { passive: !0 }), e.addEventListener("touchstart", this.handleTouchStart, {
+    t.addEventListener("scroll", n, { passive: !0 }), t.addEventListener("touchstart", this.handleTouchStart, {
       passive: !0
-    }), e.addEventListener("touchmove", this.handleTouchMove, {
+    }), t.addEventListener("touchmove", this.handleTouchMove, {
       passive: !1
-    }), e.addEventListener("touchend", this.handleTouchEnd, { passive: !0 }), this.cleanup.push(() => {
-      e.removeEventListener("scroll", i), e.removeEventListener("touchstart", this.handleTouchStart), e.removeEventListener("touchmove", this.handleTouchMove), e.removeEventListener("touchend", this.handleTouchEnd), clearTimeout(t);
+    }), t.addEventListener("touchend", this.handleTouchEnd, { passive: !0 }), this.cleanup.push(() => {
+      t.removeEventListener("scroll", n), t.removeEventListener("touchstart", this.handleTouchStart), t.removeEventListener("touchmove", this.handleTouchMove), t.removeEventListener("touchend", this.handleTouchEnd), clearTimeout(e);
     });
   }
   /**
    * Get overflow styles based on direction
    */
-  getOverflowStyles(e) {
-    switch (e) {
+  getOverflowStyles(t) {
+    switch (t) {
       case "vertical":
         return {
           overflowX: "hidden",
@@ -3632,29 +168,29 @@ class cs {
   /**
    * Apply additional scroll view styling (position and overflow already set in initial render)
    */
-  applyScrollViewStyles(e) {
-    const { showsScrollIndicator: t = !0, bounces: s = !0 } = this.props;
-    if (!t) {
-      e.style.scrollbarWidth = "none", e.style.msOverflowStyle = "none";
-      const r = document.createElement("style");
-      r.textContent = `
-        #${e.id}::-webkit-scrollbar {
+  applyScrollViewStyles(t) {
+    const { showsScrollIndicator: e = !0, bounces: i = !0 } = this.props;
+    if (!e) {
+      t.style.scrollbarWidth = "none", t.style.msOverflowStyle = "none";
+      const s = document.createElement("style");
+      s.textContent = `
+        #${t.id}::-webkit-scrollbar {
           display: none;
         }
-      `, document.head.appendChild(r), this.cleanup.push(() => {
-        document.head.removeChild(r);
+      `, document.head.appendChild(s), this.cleanup.push(() => {
+        document.head.removeChild(s);
       });
     }
-    s ? e.style.webkitOverflowScrolling = "touch" : e.style.overscrollBehavior = "none", e.style.scrollBehavior = "smooth";
+    i ? t.style.webkitOverflowScrolling = "touch" : t.style.overscrollBehavior = "none", t.style.scrollBehavior = "smooth";
   }
   /**
    * Apply content insets
    */
-  applyContentInsets(e) {
-    const { contentInset: t } = this.props;
-    if (t) {
-      const { top: s = 0, bottom: r = 0, left: i = 0, right: o = 0 } = t;
-      e.style.padding = `${s}px ${o}px ${r}px ${i}px`;
+  applyContentInsets(t) {
+    const { contentInset: e } = this.props;
+    if (e) {
+      const { top: i = 0, bottom: s = 0, left: n = 0, right: o = 0 } = e;
+      t.style.padding = `${i}px ${o}px ${s}px ${n}px`;
     }
   }
   /**
@@ -3662,29 +198,29 @@ class cs {
    */
   createPullToRefreshIndicator() {
     if (!this.props.refreshControl?.enabled) return null;
-    const e = this.pullToRefreshStateSignal(), t = this.props.refreshControl.tintColor || "#007AFF";
-    let s = "";
-    switch (e) {
+    const t = this.pullToRefreshStateSignal(), e = this.props.refreshControl.tintColor || "#007AFF";
+    let i = "";
+    switch (t) {
       case "pulling":
-        s = "↓ Pull to refresh";
+        i = "↓ Pull to refresh";
         break;
       case "ready":
-        s = "↑ Release to refresh";
+        i = "↑ Release to refresh";
         break;
       case "refreshing":
-        s = "⟳ Refreshing...";
+        i = "⟳ Refreshing...";
         break;
       default:
-        s = "";
+        i = "";
     }
-    return s ? {
+    return i ? {
       type: "component",
       id: `${this.id}-refresh`,
       mounted: !1,
       cleanup: [],
       props: {},
       render: () => [
-        S(
+        m(
           "div",
           {
             style: {
@@ -3695,16 +231,16 @@ class cs {
               padding: "10px 20px",
               backgroundColor: "#f8f9fa",
               borderRadius: "20px",
-              color: t,
+              color: e,
               fontSize: "14px",
               fontWeight: "500",
               textAlign: "center",
               zIndex: 1e3,
               transition: "all 0.3s ease",
-              opacity: e === "idle" ? 0 : 1
+              opacity: t === "idle" ? 0 : 1
             }
           },
-          s
+          i
         )
       ]
     } : null;
@@ -3712,41 +248,41 @@ class cs {
   /**
    * Scroll to specific position
    */
-  scrollTo(e, t = "smooth") {
+  scrollTo(t, e = "smooth") {
     if (!this.scrollElement) return;
-    const s = { behavior: t };
-    e.x !== void 0 && (s.left = e.x), e.y !== void 0 && (s.top = e.y), this.scrollElement.scrollTo(s);
+    const i = { behavior: e };
+    t.x !== void 0 && (i.left = t.x), t.y !== void 0 && (i.top = t.y), this.scrollElement.scrollTo(i);
   }
   /**
    * Scroll to top
    */
-  scrollToTop(e = "smooth") {
-    this.scrollTo({ x: 0, y: 0 }, e);
+  scrollToTop(t = "smooth") {
+    this.scrollTo({ x: 0, y: 0 }, t);
   }
   /**
    * Scroll to bottom
    */
-  scrollToBottom(e = "smooth") {
+  scrollToBottom(t = "smooth") {
     this.scrollElement && this.scrollTo(
       {
         x: 0,
         y: this.scrollElement.scrollHeight - this.scrollElement.clientHeight
       },
-      e
+      t
     );
   }
   /**
    * Render the scroll view component
    */
   render() {
-    const { children: e = [], scrollEnabled: t = !0 } = this.props;
-    let s = [];
-    const r = e;
-    if (typeof r == "function") {
-      const u = r();
-      s = Array.isArray(u) ? u : [];
-    } else Array.isArray(e) && (s = e);
-    const i = S(
+    const { children: t = [], scrollEnabled: e = !0 } = this.props;
+    let i = [];
+    const s = t;
+    if (typeof s == "function") {
+      const r = s();
+      i = Array.isArray(r) ? r : [];
+    } else Array.isArray(t) && (i = t);
+    const n = m(
       "div",
       {
         class: "tachui-scrollview-content",
@@ -3755,14 +291,14 @@ class cs {
           minWidth: "100%"
         }
       },
-      ...s.flatMap((u) => u.render())
-    ), o = this.createPullToRefreshIndicator(), a = [];
+      ...i.flatMap((r) => r.render())
+    ), o = this.createPullToRefreshIndicator(), l = [];
     if (o) {
-      const u = o.render(), f = Array.isArray(u) ? u : [u];
-      a.push(...f.filter((p) => p));
+      const r = o.render(), g = Array.isArray(r) ? r : [r];
+      l.push(...g.filter((d) => d));
     }
-    a.push(i);
-    const { direction: l = "vertical" } = this.props, h = this.getOverflowStyles(l), c = S(
+    l.push(n);
+    const { direction: f = "vertical" } = this.props, a = this.getOverflowStyles(f), h = m(
       "div",
       {
         id: this.id,
@@ -3771,133 +307,123 @@ class cs {
           height: "100%",
           width: "100%",
           position: "relative",
-          ...h
+          ...a
         }
       },
-      ...a
+      ...l
     );
-    if (c.element) {
-      const u = c.element;
-      this.scrollElement = u, this.applyScrollViewStyles(u), this.setupScrollHandlers(u), i.element && this.applyContentInsets(i.element);
-      const f = () => {
-        const p = w(t) ? t() : t;
-        u.style.overflow = p ? "auto" : "hidden", u.style.pointerEvents = p ? "auto" : "none";
+    if (h.element) {
+      const r = h.element;
+      this.scrollElement = r, this.applyScrollViewStyles(r), this.setupScrollHandlers(r), n.element && this.applyContentInsets(n.element);
+      const g = () => {
+        const d = S(e) ? e() : e;
+        r.style.overflow = d ? "auto" : "hidden", r.style.pointerEvents = d ? "auto" : "none";
       };
-      if (w(t)) {
-        const p = R(f);
-        this.cleanup.push(() => p.dispose());
+      if (S(e)) {
+        const d = v(g);
+        this.cleanup.push(() => d.dispose());
       } else
-        f();
-      if (typeof r == "function") {
-        const p = R(() => {
-          const v = r(), L = (Array.isArray(v) ? v : []).flatMap((C) => C.render());
-          if (i.element) {
-            const C = i.element;
-            C.innerHTML = "", L.forEach((E) => {
-              E && E.element && C.appendChild(E.element);
+        g();
+      if (typeof s == "function") {
+        const d = v(() => {
+          const I = s(), w = (Array.isArray(I) ? I : []).flatMap((E) => E.render());
+          if (n.element) {
+            const E = n.element;
+            E.innerHTML = "", w.forEach((L) => {
+              L && L.element && E.appendChild(L.element);
             });
           }
         });
-        this.cleanup.push(() => p.dispose());
+        this.cleanup.push(() => d.dispose());
       }
     }
-    return [c];
+    return [h];
   }
 }
-function hs(n = {}) {
-  const e = new cs(n);
-  return pe(e);
-}
-const ds = `
-@keyframes spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
-}
-`;
-if (typeof document < "u") {
-  const n = document.createElement("style");
-  n.textContent = ds, document.head.appendChild(n);
+function O(c = {}) {
+  const t = new z(c);
+  return T(t);
 }
 process.env.NODE_ENV;
-class us {
-  constructor(e) {
-    m(this, "type", "component");
-    m(this, "id");
-    m(this, "mounted", !1);
-    m(this, "cleanup", []);
-    m(this, "dataSignal");
-    m(this, "setData");
-    m(this, "sectionsSignal");
-    m(this, "setSections");
-    m(this, "selectedItemsSignal");
-    m(this, "setSelectedItems");
-    m(this, "isLoadingSignal");
-    m(this, "setIsLoading");
+class H {
+  constructor(t) {
+    u(this, "type", "component");
+    u(this, "id");
+    u(this, "mounted", !1);
+    u(this, "cleanup", []);
+    u(this, "dataSignal");
+    u(this, "setData");
+    u(this, "sectionsSignal");
+    u(this, "setSections");
+    u(this, "selectedItemsSignal");
+    u(this, "setSelectedItems");
+    u(this, "isLoadingSignal");
+    u(this, "setIsLoading");
     // Virtual scrolling state
-    m(this, "virtualItems", []);
-    m(this, "visibleStartIndex", 0);
-    m(this, "visibleEndIndex", 0);
-    m(this, "scrollOffset", 0);
-    m(this, "containerHeight", 0);
-    m(this, "totalHeight", 0);
+    u(this, "virtualItems", []);
+    u(this, "visibleStartIndex", 0);
+    u(this, "visibleEndIndex", 0);
+    u(this, "scrollOffset", 0);
+    u(this, "containerHeight", 0);
+    u(this, "totalHeight", 0);
     /**
      * Handle scroll events for virtual scrolling and infinite scroll
      */
-    m(this, "handleListScroll", (e) => {
-      this.scrollOffset = e.offset.y, this.containerHeight = e.containerSize.height, this.props.virtualScrolling?.enabled && this.calculateVisibleRange(), this.props.onLoadMore && e.edges.bottom && (w(this.props.hasMore) ? this.props.hasMore() : this.props.hasMore) && !this.isLoadingSignal() && (this.setIsLoading(!0), this.props.onLoadMore().finally(() => {
+    u(this, "handleListScroll", (t) => {
+      this.scrollOffset = t.offset.y, this.containerHeight = t.containerSize.height, this.props.virtualScrolling?.enabled && this.calculateVisibleRange(), this.props.onLoadMore && t.edges.bottom && (S(this.props.hasMore) ? this.props.hasMore() : this.props.hasMore) && !this.isLoadingSignal() && (this.setIsLoading(!0), this.props.onLoadMore().finally(() => {
         this.setIsLoading(!1);
-      })), this.props.onScroll && this.props.onScroll(e);
+      })), this.props.onScroll && this.props.onScroll(t);
     });
-    this.props = e, this.id = `list-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-    const [t, s] = N(this.resolveData());
-    this.dataSignal = t, this.setData = s;
-    const [r, i] = N(
+    this.props = t, this.id = `list-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+    const [e, i] = y(this.resolveData());
+    this.dataSignal = e, this.setData = i;
+    const [s, n] = y(
       this.resolveSections()
     );
-    this.sectionsSignal = r, this.setSections = i;
-    const o = /* @__PURE__ */ new Set(), [a, l] = N(o);
-    this.selectedItemsSignal = a, this.setSelectedItems = l;
-    const [h, c] = N(
+    this.sectionsSignal = s, this.setSections = n;
+    const o = /* @__PURE__ */ new Set(), [l, f] = y(o);
+    this.selectedItemsSignal = l, this.setSelectedItems = f;
+    const [a, h] = y(
       this.resolveIsLoading()
     );
-    this.isLoadingSignal = h, this.setIsLoading = c, this.setupReactiveUpdates(), e.virtualScrolling?.enabled && this.initializeVirtualScrolling();
+    this.isLoadingSignal = a, this.setIsLoading = h, this.setupReactiveUpdates(), t.virtualScrolling?.enabled && this.initializeVirtualScrolling();
   }
   /**
    * Helper to flatten render results
    */
-  flattenRenderResult(e) {
-    return Array.isArray(e) ? e : [e];
+  flattenRenderResult(t) {
+    return Array.isArray(t) ? t : [t];
   }
   /**
    * Wrap arbitrary component output in a semantic list row.
    */
-  wrapComponentInListItem(e, t, s, r = {}, i = {}) {
+  wrapComponentInListItem(t, e, i, s = {}, n = {}) {
     const {
       class: o,
-      style: a,
-      ...l
-    } = i, h = typeof o == "string" && o.length > 0 ? `${s} ${o}` : s, c = a && typeof a == "object" ? a : {};
+      style: l,
+      ...f
+    } = n, a = typeof o == "string" && o.length > 0 ? `${i} ${o}` : i, h = l && typeof l == "object" ? l : {};
     return {
       type: "component",
-      id: t,
+      id: e,
       mounted: !1,
       cleanup: [],
       props: {},
       render: () => {
-        const u = this.flattenRenderResult(e.render());
+        const r = this.flattenRenderResult(t.render());
         return [
-          S(
+          m(
             "li",
             {
-              class: h,
+              class: a,
               style: {
                 listStyle: "none",
-                ...r,
-                ...c
+                ...s,
+                ...h
               },
-              ...l
+              ...f
             },
-            ...u
+            ...r
           )
         ];
       }
@@ -3909,70 +435,70 @@ class us {
    * Strings and primitives are always emitted as text nodes to avoid HTML
    * interpretation in list item rendering.
    */
-  normalizeItemRenderOutput(e) {
-    return e && typeof e.render == "function" ? this.flattenRenderResult(e.render()) : e == null || e === !1 ? [] : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? [{ type: "text", text: String(e) }] : this.flattenRenderResult(e);
+  normalizeItemRenderOutput(t) {
+    return t && typeof t.render == "function" ? this.flattenRenderResult(t.render()) : t == null || t === !1 ? [] : typeof t == "string" || typeof t == "number" || typeof t == "boolean" ? [{ type: "text", text: String(t) }] : this.flattenRenderResult(t);
   }
   /**
    * Resolve data from various input types
    */
   resolveData() {
-    const { data: e } = this.props;
-    return Array.isArray(e) ? e : w(e) ? e() : [];
+    const { data: t } = this.props;
+    return Array.isArray(t) ? t : S(t) ? t() : [];
   }
   /**
    * Resolve sections from various input types
    */
   resolveSections() {
-    const { sections: e } = this.props;
-    return Array.isArray(e) ? e : w(e) ? e() : [];
+    const { sections: t } = this.props;
+    return Array.isArray(t) ? t : S(t) ? t() : [];
   }
   /**
    * Resolve loading state
    */
   resolveIsLoading() {
-    const { isLoading: e } = this.props;
-    return typeof e == "boolean" ? e : w(e) ? e() : !1;
+    const { isLoading: t } = this.props;
+    return typeof t == "boolean" ? t : S(t) ? t() : !1;
   }
   /**
    * Set up reactive updates for data and state
    */
   setupReactiveUpdates() {
-    if (w(this.props.data)) {
-      const e = R(() => {
+    if (S(this.props.data)) {
+      const t = v(() => {
         this.setData(this.resolveData()), this.updateVirtualScrolling();
       });
-      this.cleanup.push(() => e.dispose());
+      this.cleanup.push(() => t.dispose());
     }
-    if (w(this.props.sections)) {
-      const e = R(() => {
+    if (S(this.props.sections)) {
+      const t = v(() => {
         this.setSections(this.resolveSections()), this.updateVirtualScrolling();
       });
-      this.cleanup.push(() => e.dispose());
+      this.cleanup.push(() => t.dispose());
     }
-    if (w(this.props.isLoading)) {
-      const e = R(() => {
+    if (S(this.props.isLoading)) {
+      const t = v(() => {
         this.setIsLoading(this.resolveIsLoading());
       });
-      this.cleanup.push(() => e.dispose());
+      this.cleanup.push(() => t.dispose());
     }
     if (this.props.selectedItems) {
-      const e = R(() => {
+      const t = v(() => {
         this.props.selectedItems && this.setSelectedItems(this.props.selectedItems());
       });
-      this.cleanup.push(() => e.dispose());
+      this.cleanup.push(() => t.dispose());
     }
   }
   /**
    * Initialize virtual scrolling calculations
    */
   initializeVirtualScrolling() {
-    const e = this.dataSignal(), s = this.props.virtualScrolling.estimatedItemHeight || 50;
-    this.virtualItems = e.map((r, i) => ({
-      index: i,
-      height: s,
-      offset: i * s,
-      item: r
-    })), this.totalHeight = e.length * s;
+    const t = this.dataSignal(), i = this.props.virtualScrolling.estimatedItemHeight || 50;
+    this.virtualItems = t.map((s, n) => ({
+      index: n,
+      height: i,
+      offset: n * i,
+      item: s
+    })), this.totalHeight = t.length * i;
   }
   /**
    * Update virtual scrolling calculations
@@ -3985,99 +511,99 @@ class us {
    */
   calculateVisibleRange() {
     if (!this.props.virtualScrolling?.enabled) return;
-    const e = this.props.virtualScrolling, t = e.overscan || 5, s = e.threshold || 0;
-    let r = 0;
+    const t = this.props.virtualScrolling, e = t.overscan || 5, i = t.threshold || 0;
+    let s = 0;
     for (let o = 0; o < this.virtualItems.length; o++)
-      if (this.virtualItems[o].offset + this.virtualItems[o].height > this.scrollOffset - s) {
-        r = Math.max(0, o - t);
+      if (this.virtualItems[o].offset + this.virtualItems[o].height > this.scrollOffset - i) {
+        s = Math.max(0, o - e);
         break;
       }
-    let i = this.virtualItems.length - 1;
-    for (let o = r; o < this.virtualItems.length; o++)
-      if (this.virtualItems[o].offset > this.scrollOffset + this.containerHeight + s) {
-        i = Math.min(this.virtualItems.length - 1, o + t);
+    let n = this.virtualItems.length - 1;
+    for (let o = s; o < this.virtualItems.length; o++)
+      if (this.virtualItems[o].offset > this.scrollOffset + this.containerHeight + i) {
+        n = Math.min(this.virtualItems.length - 1, o + e);
         break;
       }
-    this.visibleStartIndex = r, this.visibleEndIndex = i;
+    this.visibleStartIndex = s, this.visibleEndIndex = n;
   }
   /**
    * Handle item selection
    */
-  handleItemSelection(e, t) {
-    const { selectionMode: s, getItemId: r, onSelectionChange: i } = this.props;
-    if (s === "none") return;
-    const o = r ? r(e, t) : t, a = new Set(this.selectedItemsSignal());
-    s === "single" ? (a.clear(), a.add(o)) : s === "multiple" && (a.has(o) ? a.delete(o) : a.add(o)), this.setSelectedItems(a), i && i(a);
+  handleItemSelection(t, e) {
+    const { selectionMode: i, getItemId: s, onSelectionChange: n } = this.props;
+    if (i === "none") return;
+    const o = s ? s(t, e) : e, l = new Set(this.selectedItemsSignal());
+    i === "single" ? (l.clear(), l.add(o)) : i === "multiple" && (l.has(o) ? l.delete(o) : l.add(o)), this.setSelectedItems(l), n && n(l);
   }
   /**
    * Create list item component
    */
-  createListItem(e, t, s) {
-    const { renderItem: r, style: i, onItemTap: o, onItemLongPress: a } = this.props, l = r(e, t);
+  createListItem(t, e, i) {
+    const { renderItem: s, style: n, onItemTap: o, onItemLongPress: l } = this.props, f = s(t, e);
     return {
       type: "component",
-      id: `${this.id}-item-${t}`,
+      id: `${this.id}-item-${e}`,
       mounted: !1,
       cleanup: [],
       props: {},
       render: () => {
-        const h = S(
+        const a = m(
           "li",
           {
-            class: `tachui-list-item tachui-list-item-${i || "plain"}`,
+            class: `tachui-list-item tachui-list-item-${n || "plain"}`,
             style: {
               listStyle: "none",
               display: "flex",
               flexDirection: "column",
               position: "relative",
-              backgroundColor: s ? "#e6f3ff" : "transparent",
+              backgroundColor: i ? "#e6f3ff" : "transparent",
               transition: "background-color 0.2s ease",
               cursor: o ? "pointer" : "default"
             }
           },
-          ...this.normalizeItemRenderOutput(l)
+          ...this.normalizeItemRenderOutput(f)
         );
-        if (h.element) {
-          const c = h.element;
-          if (o && c.addEventListener("click", () => o(e, t)), a) {
-            let u;
-            const f = () => {
-              u = setTimeout(
-                () => a(e, t),
+        if (a.element) {
+          const h = a.element;
+          if (o && h.addEventListener("click", () => o(t, e)), l) {
+            let r;
+            const g = () => {
+              r = setTimeout(
+                () => l(t, e),
                 500
               );
-            }, p = () => {
-              clearTimeout(u);
+            }, d = () => {
+              clearTimeout(r);
             };
-            c.addEventListener("mousedown", f), c.addEventListener("mouseup", p), c.addEventListener("mouseleave", p), c.addEventListener("touchstart", f), c.addEventListener("touchend", p);
+            h.addEventListener("mousedown", g), h.addEventListener("mouseup", d), h.addEventListener("mouseleave", d), h.addEventListener("touchstart", g), h.addEventListener("touchend", d);
           }
-          this.props.selectionMode !== "none" && c.addEventListener("click", (u) => {
-            (u.metaKey || u.ctrlKey || this.props.selectionMode === "multiple") && (u.preventDefault(), this.handleItemSelection(e, t));
+          this.props.selectionMode !== "none" && h.addEventListener("click", (r) => {
+            (r.metaKey || r.ctrlKey || this.props.selectionMode === "multiple") && (r.preventDefault(), this.handleItemSelection(t, e));
           });
         }
-        return [h];
+        return [a];
       }
     };
   }
   /**
    * Create list separator
    */
-  createSeparator(e = 0) {
-    const { separator: t } = this.props;
-    return t ? typeof t == "object" && "render" in t ? this.wrapComponentInListItem(
-      t,
-      `${this.id}-separator-custom-${e}`,
+  createSeparator(t = 0) {
+    const { separator: e } = this.props;
+    return e ? typeof e == "object" && "render" in e ? this.wrapComponentInListItem(
+      e,
+      `${this.id}-separator-custom-${t}`,
       "tachui-list-separator-item",
       {},
       { "aria-hidden": "true" }
     ) : {
       type: "component",
-      id: `${this.id}-separator-${e}`,
+      id: `${this.id}-separator-${t}`,
       mounted: !1,
       cleanup: [],
       props: {},
       render: () => [
-        S("li", {
+        m("li", {
           class: "tachui-list-separator",
           style: {
             listStyle: "none",
@@ -4093,17 +619,17 @@ class us {
   /**
    * Create section header
    */
-  createSectionHeader(e, t) {
-    if (!e.header) return null;
-    if (typeof e.header == "string")
+  createSectionHeader(t, e) {
+    if (!t.header) return null;
+    if (typeof t.header == "string")
       return {
         type: "component",
-        id: `${this.id}-section-header-${t}`,
+        id: `${this.id}-section-header-${e}`,
         mounted: !1,
         cleanup: [],
         props: {},
         render: () => {
-          const r = S("li", {
+          const s = m("li", {
             class: "tachui-list-section-header",
             style: {
               listStyle: "none",
@@ -4115,31 +641,31 @@ class us {
               textTransform: "uppercase",
               letterSpacing: "0.5px"
             }
-          }), i = r.element;
-          return i && (i.textContent = e.header), [r];
+          }), n = s.element;
+          return n && (n.textContent = t.header), [s];
         }
       };
-    const s = this.props.renderSectionHeader ? this.props.renderSectionHeader(e, t) : e.header;
+    const i = this.props.renderSectionHeader ? this.props.renderSectionHeader(t, e) : t.header;
     return this.wrapComponentInListItem(
-      s,
-      `${this.id}-section-header-${t}`,
+      i,
+      `${this.id}-section-header-${e}`,
       "tachui-list-section-header-item"
     );
   }
   /**
    * Create section footer
    */
-  createSectionFooter(e, t) {
-    if (!e.footer) return null;
-    if (typeof e.footer == "string")
+  createSectionFooter(t, e) {
+    if (!t.footer) return null;
+    if (typeof t.footer == "string")
       return {
         type: "component",
-        id: `${this.id}-section-footer-${t}`,
+        id: `${this.id}-section-footer-${e}`,
         mounted: !1,
         cleanup: [],
         props: {},
         render: () => {
-          const r = S("li", {
+          const s = m("li", {
             class: "tachui-list-section-footer",
             style: {
               listStyle: "none",
@@ -4147,14 +673,14 @@ class us {
               fontSize: "12px",
               color: "#999"
             }
-          }), i = r.element;
-          return i && (i.textContent = e.footer), [r];
+          }), n = s.element;
+          return n && (n.textContent = t.footer), [s];
         }
       };
-    const s = this.props.renderSectionFooter ? this.props.renderSectionFooter(e, t) : e.footer;
+    const i = this.props.renderSectionFooter ? this.props.renderSectionFooter(t, e) : t.footer;
     return this.wrapComponentInListItem(
-      s,
-      `${this.id}-section-footer-${t}`,
+      i,
+      `${this.id}-section-footer-${e}`,
       "tachui-list-section-footer-item"
     );
   }
@@ -4162,15 +688,15 @@ class us {
    * Create empty state component
    */
   createEmptyState() {
-    const { emptyState: e } = this.props;
-    return e || {
+    const { emptyState: t } = this.props;
+    return t || {
       type: "component",
       id: `${this.id}-empty`,
       mounted: !1,
       cleanup: [],
       props: {},
       render: () => [
-        S(
+        m(
           "div",
           {
             class: "tachui-list-empty",
@@ -4193,15 +719,15 @@ class us {
    * Create loading indicator
    */
   createLoadingIndicator() {
-    const { loadingIndicator: e } = this.props;
-    return e || {
+    const { loadingIndicator: t } = this.props;
+    return t || {
       type: "component",
       id: `${this.id}-loading`,
       mounted: !1,
       cleanup: [],
       props: {},
       render: () => [
-        S(
+        m(
           "div",
           {
             class: "tachui-list-loading",
@@ -4224,79 +750,79 @@ class us {
   renderVirtualContent() {
     if (!this.props.virtualScrolling?.enabled)
       return this.renderRegularContent();
-    const e = this.dataSignal(), t = this.selectedItemsSignal(), s = [];
+    const t = this.dataSignal(), e = this.selectedItemsSignal(), i = [];
     if (this.visibleStartIndex > 0) {
-      const r = this.virtualItems[this.visibleStartIndex]?.offset || 0;
-      s.push({
+      const s = this.virtualItems[this.visibleStartIndex]?.offset || 0;
+      i.push({
         type: "component",
         id: `${this.id}-spacer-top`,
         mounted: !1,
         cleanup: [],
         props: {},
         render: () => [
-          S("li", {
+          m("li", {
             class: "tachui-list-spacer tachui-list-spacer-top",
-            style: { listStyle: "none", height: `${r}px` },
+            style: { listStyle: "none", height: `${s}px` },
             "aria-hidden": "true"
           })
         ]
       });
     }
-    for (let r = this.visibleStartIndex; r <= this.visibleEndIndex && r < e.length; r++) {
-      const i = e[r], o = this.props.getItemId ? this.props.getItemId(i, r) : r, a = t.has(o);
-      if (s.push(this.createListItem(i, r, a)), r < e.length - 1) {
-        const l = this.createSeparator(r);
-        if (!l) continue;
-        s.push(l);
+    for (let s = this.visibleStartIndex; s <= this.visibleEndIndex && s < t.length; s++) {
+      const n = t[s], o = this.props.getItemId ? this.props.getItemId(n, s) : s, l = e.has(o);
+      if (i.push(this.createListItem(n, s, l)), s < t.length - 1) {
+        const f = this.createSeparator(s);
+        if (!f) continue;
+        i.push(f);
       }
     }
-    if (this.visibleEndIndex < e.length - 1) {
-      const r = this.totalHeight - (this.virtualItems[this.visibleEndIndex + 1]?.offset || 0);
-      s.push({
+    if (this.visibleEndIndex < t.length - 1) {
+      const s = this.totalHeight - (this.virtualItems[this.visibleEndIndex + 1]?.offset || 0);
+      i.push({
         type: "component",
         id: `${this.id}-spacer-bottom`,
         mounted: !1,
         cleanup: [],
         props: {},
         render: () => [
-          S("li", {
+          m("li", {
             class: "tachui-list-spacer tachui-list-spacer-bottom",
-            style: { listStyle: "none", height: `${r}px` },
+            style: { listStyle: "none", height: `${s}px` },
             "aria-hidden": "true"
           })
         ]
       });
     }
-    return s;
+    return i;
   }
   /**
    * Render regular (non-virtual) content
    */
   renderRegularContent() {
-    const e = this.dataSignal(), t = this.sectionsSignal(), s = this.selectedItemsSignal(), r = [];
-    return t.length > 0 ? t.forEach((i, o) => {
-      const a = this.createSectionHeader(i, o);
-      a && r.push(a), i.items.forEach((h, c) => {
-        const u = o * 1e3 + c, f = this.props.getItemId ? this.props.getItemId(h, u) : u, p = s.has(f);
-        if (r.push(this.createListItem(h, u, p)), c < i.items.length - 1) {
-          const v = this.createSeparator(u);
-          v && r.push(v);
+    const t = this.dataSignal(), e = this.sectionsSignal(), i = this.selectedItemsSignal(), s = [];
+    return e.length > 0 ? e.forEach((n, o) => {
+      const l = this.createSectionHeader(n, o);
+      l && s.push(l), n.items.forEach((a, h) => {
+        const r = o * 1e3 + h, g = this.props.getItemId ? this.props.getItemId(a, r) : r, d = i.has(g);
+        if (s.push(this.createListItem(a, r, d)), h < n.items.length - 1) {
+          const I = this.createSeparator(r);
+          I && s.push(I);
         }
       });
-      const l = this.createSectionFooter(i, o);
-      l && r.push(l);
-    }) : e.forEach((i, o) => {
-      const a = this.props.getItemId ? this.props.getItemId(i, o) : o, l = s.has(a);
-      if (r.push(this.createListItem(i, o, l)), o < e.length - 1) {
-        const h = this.createSeparator(o);
-        h && r.push(h);
+      const f = this.createSectionFooter(n, o);
+      f && s.push(f);
+    }) : t.forEach((n, o) => {
+      const l = this.props.getItemId ? this.props.getItemId(n, o) : o, f = i.has(l);
+      if (s.push(this.createListItem(n, o, f)), o < t.length - 1) {
+        const a = this.createSeparator(o);
+        a && s.push(a);
       }
-    }), r;
+    }), s;
   }
   /**
    * Wrap list rows in a semantic list container.
    */
-  createListContainer(e) {
+  createListContainer(t) {
     return {
       type: "component",
       id: `${this.id}-content`,
@@ -4304,7 +830,7 @@ class us {
       cleanup: [],
       props: {},
       render: () => [
-        S(
+        m(
           "ul",
           {
             role: "list",
@@ -4316,7 +842,7 @@ class us {
               width: "100%"
             }
           },
-          ...e.flatMap((t) => t.render())
+          ...t.flatMap((e) => e.render())
         )
       ]
     };
@@ -4325,19 +851,19 @@ class us {
    * Render the list component
    */
   render() {
-    const e = this.dataSignal(), t = this.isLoadingSignal();
-    if (t && e.length === 0) {
+    const t = this.dataSignal(), e = this.isLoadingSignal();
+    if (e && t.length === 0) {
       const o = this.createLoadingIndicator();
       return o ? o.render() : [];
     }
-    if (e.length === 0 && !t) {
+    if (t.length === 0 && !e) {
       const o = this.createEmptyState();
       return o ? o.render() : [];
     }
-    const s = this.props.virtualScrolling?.enabled ? this.renderVirtualContent() : this.renderRegularContent();
-    if (t && e.length > 0) {
+    const i = this.props.virtualScrolling?.enabled ? this.renderVirtualContent() : this.renderRegularContent();
+    if (e && t.length > 0) {
       const o = this.createLoadingIndicator();
-      o && s.push(
+      o && i.push(
         this.wrapComponentInListItem(
           o,
           `${this.id}-loading-row`,
@@ -4345,65 +871,65 @@ class us {
         )
       );
     }
-    const r = {
+    const s = {
       ...this.props,
-      children: [this.createListContainer(s)],
+      children: [this.createListContainer(i)],
       onScroll: this.handleListScroll
     };
-    return new hs(r).render();
+    return new O(s).render();
   }
 }
-function Z(n) {
-  const e = new us(n);
-  return pe(e);
+function b(c) {
+  const t = new H(c);
+  return T(t);
 }
-const As = {
+const k = {
   /**
    * Create a simple list from array
    */
-  simple(n, e, t = {}) {
-    return Z({
-      ...t,
-      data: n,
-      renderItem: e
+  simple(c, t, e = {}) {
+    return b({
+      ...e,
+      data: c,
+      renderItem: t
     });
   },
   /**
    * Create a sectioned list
    */
-  sectioned(n, e, t = {}) {
-    return Z({
-      ...t,
-      sections: n,
-      renderItem: e
+  sectioned(c, t, e = {}) {
+    return b({
+      ...e,
+      sections: c,
+      renderItem: t
     });
   },
   /**
    * Create a virtual scrolling list for large datasets
    */
-  virtual(n, e, t, s = {}) {
-    return Z({
-      ...s,
-      data: n,
-      renderItem: e,
-      virtualScrolling: t
+  virtual(c, t, e, i = {}) {
+    return b({
+      ...i,
+      data: c,
+      renderItem: t,
+      virtualScrolling: e
     });
   },
   /**
    * Create an infinite scrolling list
    */
-  infinite(n, e, t, s, r = {}) {
-    return Z({
-      ...r,
-      data: n,
-      renderItem: e,
-      onLoadMore: t,
-      hasMore: s
+  infinite(c, t, e, i, s = {}) {
+    return b({
+      ...s,
+      data: c,
+      renderItem: t,
+      onLoadMore: e,
+      hasMore: i
     });
   }
 };
 export {
-  us as E,
-  Z as L,
-  As as a
+  H as E,
+  b as L,
+  k as a
 };