@tachui/core 0.7.0-alpha1 → 0.7.1-alpha

package/dist/runtime/dev-tools.js

@@ -1,391 +0,0 @@
-import "../reactive/cleanup.js";
-import "../reactive/unified-scheduler.js";
-import { createSignal as u } from "../reactive/signal.js";
-import "../reactive/scheduler.js";
-import "../reactive/theme.js";
-import { globalPerformanceMonitor as l } from "./performance.js";
-var f = Object.defineProperty, T = (r, e, t) => e in r ? f(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, i = (r, e, t) => T(r, typeof e != "symbol" ? e + "" : e, t);
-const h = class d {
-  constructor() {
-    i(this, "config", {
-      autoEnable: !1,
-      trackAllComponents: !0,
-      trackMemoryUsage: !0,
-      enableWarnings: !0,
-      enableErrors: !0,
-      maxTreeDepth: 50,
-      updateInterval: 100
-    }), i(this, "state", {
-      enabled: !1,
-      performanceTracking: !1,
-      componentInspection: !1,
-      reactiveDebugging: !1,
-      memoryTracking: !1,
-      warningsEnabled: !0,
-      logLevel: "warn"
-    }), i(this, "componentTree", /* @__PURE__ */ new Map()), i(this, "componentRegistry", /* @__PURE__ */ new Map()), i(this, "debugEvents", []), i(this, "activeComponents", /* @__PURE__ */ new Set()), i(this, "treeSignal"), i(this, "setTree"), i(this, "eventsSignal"), i(this, "setEvents"), i(this, "stateSignal"), i(this, "setState"), i(this, "updateTimer", null);
-    const [e, t] = u(/* @__PURE__ */ new Map()), [n, o] = u([]), [a, c] = u({ ...this.state });
-    this.treeSignal = e, this.setTree = t, this.eventsSignal = n, this.setEvents = o, this.stateSignal = a, this.setState = c;
-  }
-  static getInstance() {
-    return d.instance || (d.instance = new d()), d.instance;
-  }
-  /**
-   * Configure development tools
-   */
-  configure(e) {
-    this.config = { ...this.config, ...e }, e.autoEnable && this.enable();
-  }
-  /**
-   * Enable development tools
-   */
-  enable() {
-    this.state.enabled = !0, this.state.performanceTracking = !0, this.state.componentInspection = !0, this.state.reactiveDebugging = !0, this.state.memoryTracking = this.config.trackMemoryUsage, this.setState({ ...this.state }), l.enable(), l.configure({
-      trackComponents: !0,
-      trackReactive: !0,
-      trackMemory: this.config.trackMemoryUsage,
-      trackRender: !0
-    }), this.startUpdateTimer(), this.addDebugEvent({
-      type: "component_mount",
-      timestamp: performance.now(),
-      data: { message: "DevTools enabled" }
-    }), console.log("🛠️ TachUI DevTools enabled");
-  }
-  /**
-   * Disable development tools
-   */
-  disable() {
-    this.state.enabled = !1, this.setState({ ...this.state }), l.disable(), this.stopUpdateTimer(), console.log("🛠️ TachUI DevTools disabled");
-  }
-  /**
-   * Check if dev tools are enabled
-   */
-  isEnabled() {
-    return this.state.enabled;
-  }
-  /**
-   * Register a component instance
-   */
-  registerComponent(e, t, n) {
-    if (!this.state.enabled || !this.state.componentInspection) return;
-    this.componentRegistry.set(e, t), this.activeComponents.add(e);
-    const o = l.getComponentMetrics().get(e), a = n && this.componentTree.get(n) || null, c = a ? a.depth + 1 : 0, g = {
-      id: e,
-      name: this.getComponentName(t),
-      type: t.type || "component",
-      props: t.props || {},
-      children: [],
-      parent: a,
-      depth: c,
-      metrics: o,
-      reactiveSubscriptions: this.getReactiveSubscriptions(e),
-      contextProviders: this.getContextProviders(e),
-      contextConsumers: this.getContextConsumers(e),
-      renderCount: o?.updateCount || 0,
-      lastRenderTime: o?.lastRenderDuration || 0,
-      memoryUsage: o?.memoryUsage || 0,
-      warnings: [],
-      errors: []
-    };
-    a && a.children.push(g), this.componentTree.set(e, g), this.setTree(new Map(this.componentTree)), this.addDebugEvent({
-      type: "component_mount",
-      timestamp: performance.now(),
-      componentId: e,
-      componentName: g.name,
-      data: { props: t.props, parentId: n, depth: c }
-    });
-  }
-  /**
-   * Unregister a component instance
-   */
-  unregisterComponent(e) {
-    if (!this.state.enabled) return;
-    const t = this.componentTree.get(e);
-    if (t) {
-      if (t.parent) {
-        const n = t.parent.children.indexOf(t);
-        n !== -1 && t.parent.children.splice(n, 1);
-      }
-      this.removeNodeAndDescendants(t), this.addDebugEvent({
-        type: "component_unmount",
-        timestamp: performance.now(),
-        componentId: e,
-        componentName: t.name,
-        data: { lifetime: performance.now() - (t.metrics?.mountTime || 0) }
-      });
-    }
-    this.componentRegistry.delete(e), this.componentTree.delete(e), this.activeComponents.delete(e), this.setTree(new Map(this.componentTree));
-  }
-  /**
-   * Update component data
-   */
-  updateComponent(e, t) {
-    if (!this.state.enabled) return;
-    const n = this.componentTree.get(e);
-    n && (Object.assign(n, t), this.setTree(new Map(this.componentTree)), this.addDebugEvent({
-      type: "component_update",
-      timestamp: performance.now(),
-      componentId: e,
-      componentName: n.name,
-      data: t
-    }));
-  }
-  /**
-   * Track reactive operation
-   */
-  trackReactiveOperation(e, t, n) {
-    !this.state.enabled || !this.state.reactiveDebugging || this.addDebugEvent({
-      type: "reactive_update",
-      timestamp: performance.now(),
-      componentId: n,
-      data: { type: e, operation: t }
-    });
-  }
-  /**
-   * Track context changes
-   */
-  trackContextChange(e, t, n) {
-    this.state.enabled && this.addDebugEvent({
-      type: "context_change",
-      timestamp: performance.now(),
-      componentId: n,
-      data: { contextName: e, newValue: t }
-    });
-  }
-  /**
-   * Add warning to component
-   */
-  addWarning(e, t) {
-    if (!this.state.enabled || !this.state.warningsEnabled) return;
-    const n = this.componentTree.get(e);
-    n && (n.warnings.push(t), this.setTree(new Map(this.componentTree)), this.addDebugEvent({
-      type: "performance_warning",
-      timestamp: performance.now(),
-      componentId: e,
-      componentName: n.name,
-      data: { message: t }
-    }), (this.state.logLevel === "warn" || this.state.logLevel === "debug") && console.warn(`⚠️ [${n.name}] ${t}`));
-  }
-  /**
-   * Add error to component
-   */
-  addError(e, t) {
-    if (!this.state.enabled) return;
-    const n = t instanceof Error ? t.message : t, o = t instanceof Error ? t.stack : void 0, a = this.componentTree.get(e);
-    a && (a.errors.push(n), this.setTree(new Map(this.componentTree)), this.addDebugEvent({
-      type: "error",
-      timestamp: performance.now(),
-      componentId: e,
-      componentName: a.name,
-      data: { message: n, error: t instanceof Error ? t : void 0 },
-      stack: o
-    }), console.error(`❌ [${a.name}] ${n}`, t));
-  }
-  /**
-   * Get component tree
-   */
-  getComponentTree() {
-    return new Map(this.componentTree);
-  }
-  /**
-   * Get component tree signal
-   */
-  getComponentTreeSignal() {
-    return this.treeSignal;
-  }
-  /**
-   * Get root components
-   */
-  getRootComponents() {
-    return Array.from(this.componentTree.values()).filter((e) => e.parent === null);
-  }
-  /**
-   * Get component by ID
-   */
-  getComponent(e) {
-    return this.componentTree.get(e);
-  }
-  /**
-   * Find components by name
-   */
-  findComponentsByName(e) {
-    return Array.from(this.componentTree.values()).filter(
-      (t) => t.name.toLowerCase().includes(e.toLowerCase())
-    );
-  }
-  /**
-   * Get debug events
-   */
-  getDebugEvents() {
-    return [...this.debugEvents];
-  }
-  /**
-   * Get debug events signal
-   */
-  getDebugEventsSignal() {
-    return this.eventsSignal;
-  }
-  /**
-   * Get development state
-   */
-  getDevState() {
-    return { ...this.state };
-  }
-  /**
-   * Get development state signal
-   */
-  getDevStateSignal() {
-    return this.stateSignal;
-  }
-  /**
-   * Get performance summary
-   */
-  getPerformanceSummary() {
-    const e = Array.from(this.componentTree.values()), t = e.reduce((s, m) => s + m.lastRenderTime, 0), n = e.length > 0 ? t / e.length : 0, o = e.reduce((s, m) => s + m.memoryUsage, 0), a = e.reduce((s, m) => s + m.warnings.length, 0), c = e.reduce((s, m) => s + m.errors.length, 0), g = e.filter((s) => s.lastRenderTime > 5).map((s) => ({ id: s.id, name: s.name, renderTime: s.lastRenderTime })).sort((s, m) => m.renderTime - s.renderTime).slice(0, 10);
-    return {
-      componentCount: e.length,
-      averageRenderTime: n,
-      memoryUsage: o,
-      warningCount: a,
-      errorCount: c,
-      slowComponents: g
-    };
-  }
-  /**
-   * Export debug data
-   */
-  exportDebugData() {
-    return JSON.stringify(
-      {
-        componentTree: Array.from(this.componentTree.entries()),
-        debugEvents: this.debugEvents,
-        performanceMetrics: l.exportMetrics(),
-        timestamp: Date.now()
-      },
-      null,
-      2
-    );
-  }
-  /**
-   * Clear debug data
-   */
-  clear() {
-    this.componentTree.clear(), this.componentRegistry.clear(), this.debugEvents.length = 0, this.activeComponents.clear(), this.setTree(/* @__PURE__ */ new Map()), this.setEvents([]), l.clear();
-  }
-  // Private helper methods
-  getComponentName(e) {
-    return "displayName" in e && typeof e.displayName == "string" ? e.displayName : e.tag ? e.tag || "Element" : e.text ? "Text" : e.fragment ? "Fragment" : e.id || "Component";
-  }
-  getReactiveSubscriptions(e) {
-    return [];
-  }
-  getContextProviders(e) {
-    return [];
-  }
-  getContextConsumers(e) {
-    return [];
-  }
-  removeNodeAndDescendants(e) {
-    for (const t of e.children)
-      this.removeNodeAndDescendants(t), this.componentTree.delete(t.id), this.componentRegistry.delete(t.id), this.activeComponents.delete(t.id);
-  }
-  addDebugEvent(e) {
-    this.debugEvents.push(e), this.debugEvents.length > 1e3 && this.debugEvents.shift(), this.setEvents([...this.debugEvents]);
-  }
-  startUpdateTimer() {
-    this.updateTimer || (this.updateTimer = window.setInterval(() => {
-      this.updateComponentMetrics();
-    }, this.config.updateInterval));
-  }
-  stopUpdateTimer() {
-    this.updateTimer && (clearInterval(this.updateTimer), this.updateTimer = null);
-  }
-  updateComponentMetrics() {
-    if (!this.state.enabled) return;
-    const e = l.getComponentMetrics();
-    for (const [t, n] of this.componentTree) {
-      const o = e.get(t);
-      o && (n.metrics = o, n.renderCount = o.updateCount, n.lastRenderTime = o.lastRenderDuration, n.memoryUsage = o.memoryUsage, o.lastRenderDuration > 16 && this.addWarning(t, `Slow render: ${o.lastRenderDuration.toFixed(2)}ms`), o.memoryUsage > 1024 * 1024 && this.addWarning(
-        t,
-        `High memory usage: ${(o.memoryUsage / (1024 * 1024)).toFixed(2)}MB`
-      ));
-    }
-    this.setTree(new Map(this.componentTree));
-  }
-};
-i(h, "instance");
-let v = h;
-const p = v.getInstance();
-function S() {
-  p.enable(), l.enable();
-}
-function M() {
-  return p.getComponentTree();
-}
-function R(r) {
-  p.configure({
-    autoEnable: !0,
-    trackAllComponents: !0,
-    trackMemoryUsage: !0,
-    enableWarnings: !0,
-    enableErrors: !0,
-    ...r
-  }), console.log("🚀 TachUI Development Mode enabled");
-}
-function N() {
-  return p;
-}
-const x = {
-  /**
-   * Log component tree to console
-   */
-  logComponentTree() {
-    const r = p.getRootComponents();
-    function e(t, n = 0) {
-      const o = "  ".repeat(n), a = t.warnings.length > 0 ? ` ⚠️(${t.warnings.length})` : "", c = t.errors.length > 0 ? ` ❌(${t.errors.length})` : "", g = t.lastRenderTime > 0 ? ` ${t.lastRenderTime.toFixed(2)}ms` : "";
-      console.log(`${o}${t.name}#${t.id}${g}${a}${c}`);
-      for (const s of t.children)
-        e(s, n + 1);
-    }
-    console.group("🌳 Component Tree");
-    for (const t of r)
-      e(t);
-    console.groupEnd();
-  },
-  /**
-   * Log performance summary
-   */
-  logPerformanceSummary() {
-    const r = p.getPerformanceSummary();
-    if (console.group("📊 Performance Summary"), console.log(`Components: ${r.componentCount}`), console.log(`Average Render Time: ${r.averageRenderTime.toFixed(2)}ms`), console.log(`Memory Usage: ${(r.memoryUsage / (1024 * 1024)).toFixed(2)}MB`), console.log(`Warnings: ${r.warningCount}`), console.log(`Errors: ${r.errorCount}`), r.slowComponents.length > 0) {
-      console.group("🐌 Slow Components");
-      for (const e of r.slowComponents)
-        console.log(`${e.name}: ${e.renderTime.toFixed(2)}ms`);
-      console.groupEnd();
-    }
-    console.groupEnd();
-  },
-  /**
-   * Find component by name
-   */
-  findComponent(r) {
-    return p.findComponentsByName(r);
-  },
-  /**
-   * Inspect component
-   */
-  inspectComponent(r) {
-    const e = p.getComponent(r);
-    return e && (console.group(`🔍 Component: ${e.name}`), console.log("Props:", e.props), console.log("Metrics:", e.metrics), console.log("Children:", e.children.length), console.log("Warnings:", e.warnings), console.log("Errors:", e.errors), console.groupEnd()), e;
-  }
-};
-export {
-  v as DevTools,
-  x as devUtils,
-  R as enableDevelopmentMode,
-  S as enablePerformanceTracking,
-  M as getComponentTree,
-  N as getDevTools,
-  p as globalDevTools
-};
-//# sourceMappingURL=dev-tools.js.map

package/dist/runtime/dev-tools.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dev-tools.js","sources":["../../src/runtime/dev-tools.ts"],"sourcesContent":["/**\n * Development Tools System (Phase 3.2.2)\n *\n * Comprehensive debugging and development tools for TachUI.\n * Provides component tree inspection, performance analysis,\n * and runtime debugging capabilities.\n */\n\nimport { createSignal } from '../reactive'\nimport { type ComponentMetrics, globalPerformanceMonitor } from './performance'\nimport type { ComponentInstance } from './types'\n\n/**\n * Component tree node for debugging\n */\nexport interface ComponentTreeNode {\n  id: string\n  name: string\n  type: 'component' | 'element' | 'text' | 'fragment'\n  props: Record<string, any>\n  children: ComponentTreeNode[]\n  parent: ComponentTreeNode | null\n  depth: number\n  metrics?: ComponentMetrics\n  reactiveSubscriptions?: string[]\n  contextProviders?: string[]\n  contextConsumers?: string[]\n  renderCount: number\n  lastRenderTime: number\n  memoryUsage: number\n  warnings: string[]\n  errors: string[]\n}\n\n/**\n * Development environment state\n */\nexport interface DevState {\n  enabled: boolean\n  performanceTracking: boolean\n  componentInspection: boolean\n  reactiveDebugging: boolean\n  memoryTracking: boolean\n  warningsEnabled: boolean\n  logLevel: 'error' | 'warn' | 'info' | 'debug'\n}\n\n/**\n * Development tools configuration\n */\nexport interface DevToolsConfig {\n  autoEnable: boolean\n  trackAllComponents: boolean\n  trackMemoryUsage: boolean\n  enableWarnings: boolean\n  enableErrors: boolean\n  maxTreeDepth: number\n  updateInterval: number\n}\n\n/**\n * Runtime debugging event\n */\nexport interface DebugEvent {\n  type:\n    | 'component_mount'\n    | 'component_unmount'\n    | 'component_update'\n    | 'reactive_create'\n    | 'reactive_update'\n    | 'context_change'\n    | 'performance_warning'\n    | 'error'\n  timestamp: number\n  componentId?: string\n  componentName?: string\n  data: any\n  stack?: string\n}\n\n/**\n * Development tools manager\n */\nexport class DevTools {\n  private static instance: DevTools\n\n  private config: DevToolsConfig = {\n    autoEnable: false,\n    trackAllComponents: true,\n    trackMemoryUsage: true,\n    enableWarnings: true,\n    enableErrors: true,\n    maxTreeDepth: 50,\n    updateInterval: 100,\n  }\n\n  private state: DevState = {\n    enabled: false,\n    performanceTracking: false,\n    componentInspection: false,\n    reactiveDebugging: false,\n    memoryTracking: false,\n    warningsEnabled: true,\n    logLevel: 'warn',\n  }\n\n  private componentTree = new Map<string, ComponentTreeNode>()\n  private componentRegistry = new Map<string, ComponentInstance>()\n  private debugEvents: DebugEvent[] = []\n  private activeComponents = new Set<string>()\n\n  // Reactive signals for real-time updates\n  private treeSignal: () => Map<string, ComponentTreeNode>\n  private setTree: (value: Map<string, ComponentTreeNode>) => void\n  private eventsSignal: () => DebugEvent[]\n  private setEvents: (value: DebugEvent[]) => void\n  private stateSignal: () => DevState\n  private setState: (value: DevState) => void\n\n  // Update timer\n  private updateTimer: number | null = null\n\n  constructor() {\n    // Initialize reactive signals\n    const [treeSignal, setTree] = createSignal<Map<string, ComponentTreeNode>>(new Map())\n    const [eventsSignal, setEvents] = createSignal<DebugEvent[]>([])\n    const [stateSignal, setState] = createSignal<DevState>({ ...this.state })\n\n    this.treeSignal = treeSignal\n    this.setTree = setTree\n    this.eventsSignal = eventsSignal\n    this.setEvents = setEvents\n    this.stateSignal = stateSignal\n    this.setState = setState\n  }\n\n  static getInstance(): DevTools {\n    if (!DevTools.instance) {\n      DevTools.instance = new DevTools()\n    }\n    return DevTools.instance\n  }\n\n  /**\n   * Configure development tools\n   */\n  configure(config: Partial<DevToolsConfig>): void {\n    this.config = { ...this.config, ...config }\n\n    if (config.autoEnable) {\n      this.enable()\n    }\n  }\n\n  /**\n   * Enable development tools\n   */\n  enable(): void {\n    this.state.enabled = true\n    this.state.performanceTracking = true\n    this.state.componentInspection = true\n    this.state.reactiveDebugging = true\n    this.state.memoryTracking = this.config.trackMemoryUsage\n    this.setState({ ...this.state })\n\n    // Enable performance monitoring\n    globalPerformanceMonitor.enable()\n    globalPerformanceMonitor.configure({\n      trackComponents: true,\n      trackReactive: true,\n      trackMemory: this.config.trackMemoryUsage,\n      trackRender: true,\n    })\n\n    // Start update timer\n    this.startUpdateTimer()\n\n    this.addDebugEvent({\n      type: 'component_mount',\n      timestamp: performance.now(),\n      data: { message: 'DevTools enabled' },\n    })\n\n    console.log('🛠️ TachUI DevTools enabled')\n  }\n\n  /**\n   * Disable development tools\n   */\n  disable(): void {\n    this.state.enabled = false\n    this.setState({ ...this.state })\n\n    globalPerformanceMonitor.disable()\n    this.stopUpdateTimer()\n\n    console.log('🛠️ TachUI DevTools disabled')\n  }\n\n  /**\n   * Check if dev tools are enabled\n   */\n  isEnabled(): boolean {\n    return this.state.enabled\n  }\n\n  /**\n   * Register a component instance\n   */\n  registerComponent(componentId: string, instance: ComponentInstance, parentId?: string): void {\n    if (!this.state.enabled || !this.state.componentInspection) return\n\n    this.componentRegistry.set(componentId, instance)\n    this.activeComponents.add(componentId)\n\n    // Get metrics from performance monitor\n    const metrics = globalPerformanceMonitor.getComponentMetrics().get(componentId)\n\n    // Find parent node\n    const parent = parentId ? this.componentTree.get(parentId) || null : null\n    const depth = parent ? parent.depth + 1 : 0\n\n    // Create tree node\n    const treeNode: ComponentTreeNode = {\n      id: componentId,\n      name: this.getComponentName(instance),\n      type: instance.type || 'component',\n      props: instance.props || {},\n      children: [],\n      parent,\n      depth,\n      metrics,\n      reactiveSubscriptions: this.getReactiveSubscriptions(componentId),\n      contextProviders: this.getContextProviders(componentId),\n      contextConsumers: this.getContextConsumers(componentId),\n      renderCount: metrics?.updateCount || 0,\n      lastRenderTime: metrics?.lastRenderDuration || 0,\n      memoryUsage: metrics?.memoryUsage || 0,\n      warnings: [],\n      errors: [],\n    }\n\n    // Add to parent's children\n    if (parent) {\n      parent.children.push(treeNode)\n    }\n\n    this.componentTree.set(componentId, treeNode)\n    this.setTree(new Map(this.componentTree))\n\n    this.addDebugEvent({\n      type: 'component_mount',\n      timestamp: performance.now(),\n      componentId,\n      componentName: treeNode.name,\n      data: { props: instance.props, parentId, depth },\n    })\n  }\n\n  /**\n   * Unregister a component instance\n   */\n  unregisterComponent(componentId: string): void {\n    if (!this.state.enabled) return\n\n    const treeNode = this.componentTree.get(componentId)\n    if (treeNode) {\n      // Remove from parent's children\n      if (treeNode.parent) {\n        const childIndex = treeNode.parent.children.indexOf(treeNode)\n        if (childIndex !== -1) {\n          treeNode.parent.children.splice(childIndex, 1)\n        }\n      }\n\n      // Remove all descendants\n      this.removeNodeAndDescendants(treeNode)\n\n      this.addDebugEvent({\n        type: 'component_unmount',\n        timestamp: performance.now(),\n        componentId,\n        componentName: treeNode.name,\n        data: { lifetime: performance.now() - (treeNode.metrics?.mountTime || 0) },\n      })\n    }\n\n    this.componentRegistry.delete(componentId)\n    this.componentTree.delete(componentId)\n    this.activeComponents.delete(componentId)\n    this.setTree(new Map(this.componentTree))\n  }\n\n  /**\n   * Update component data\n   */\n  updateComponent(componentId: string, updates: Partial<ComponentTreeNode>): void {\n    if (!this.state.enabled) return\n\n    const treeNode = this.componentTree.get(componentId)\n    if (treeNode) {\n      Object.assign(treeNode, updates)\n      this.setTree(new Map(this.componentTree))\n\n      this.addDebugEvent({\n        type: 'component_update',\n        timestamp: performance.now(),\n        componentId,\n        componentName: treeNode.name,\n        data: updates,\n      })\n    }\n  }\n\n  /**\n   * Track reactive operation\n   */\n  trackReactiveOperation(type: string, operation: string, componentId?: string): void {\n    if (!this.state.enabled || !this.state.reactiveDebugging) return\n\n    this.addDebugEvent({\n      type: 'reactive_update',\n      timestamp: performance.now(),\n      componentId,\n      data: { type, operation },\n    })\n  }\n\n  /**\n   * Track context changes\n   */\n  trackContextChange(contextName: string, newValue: any, componentId?: string): void {\n    if (!this.state.enabled) return\n\n    this.addDebugEvent({\n      type: 'context_change',\n      timestamp: performance.now(),\n      componentId,\n      data: { contextName, newValue },\n    })\n  }\n\n  /**\n   * Add warning to component\n   */\n  addWarning(componentId: string, message: string): void {\n    if (!this.state.enabled || !this.state.warningsEnabled) return\n\n    const treeNode = this.componentTree.get(componentId)\n    if (treeNode) {\n      treeNode.warnings.push(message)\n      this.setTree(new Map(this.componentTree))\n\n      this.addDebugEvent({\n        type: 'performance_warning',\n        timestamp: performance.now(),\n        componentId,\n        componentName: treeNode.name,\n        data: { message },\n      })\n\n      if (this.state.logLevel === 'warn' || this.state.logLevel === 'debug') {\n        console.warn(`⚠️ [${treeNode.name}] ${message}`)\n      }\n    }\n  }\n\n  /**\n   * Add error to component\n   */\n  addError(componentId: string, error: Error | string): void {\n    if (!this.state.enabled) return\n\n    const message = error instanceof Error ? error.message : error\n    const stack = error instanceof Error ? error.stack : undefined\n\n    const treeNode = this.componentTree.get(componentId)\n    if (treeNode) {\n      treeNode.errors.push(message)\n      this.setTree(new Map(this.componentTree))\n\n      this.addDebugEvent({\n        type: 'error',\n        timestamp: performance.now(),\n        componentId,\n        componentName: treeNode.name,\n        data: { message, error: error instanceof Error ? error : undefined },\n        stack,\n      })\n\n      console.error(`❌ [${treeNode.name}] ${message}`, error)\n    }\n  }\n\n  /**\n   * Get component tree\n   */\n  getComponentTree(): Map<string, ComponentTreeNode> {\n    return new Map(this.componentTree)\n  }\n\n  /**\n   * Get component tree signal\n   */\n  getComponentTreeSignal(): () => Map<string, ComponentTreeNode> {\n    return this.treeSignal\n  }\n\n  /**\n   * Get root components\n   */\n  getRootComponents(): ComponentTreeNode[] {\n    return Array.from(this.componentTree.values()).filter((node) => node.parent === null)\n  }\n\n  /**\n   * Get component by ID\n   */\n  getComponent(componentId: string): ComponentTreeNode | undefined {\n    return this.componentTree.get(componentId)\n  }\n\n  /**\n   * Find components by name\n   */\n  findComponentsByName(name: string): ComponentTreeNode[] {\n    return Array.from(this.componentTree.values()).filter((node) =>\n      node.name.toLowerCase().includes(name.toLowerCase())\n    )\n  }\n\n  /**\n   * Get debug events\n   */\n  getDebugEvents(): DebugEvent[] {\n    return [...this.debugEvents]\n  }\n\n  /**\n   * Get debug events signal\n   */\n  getDebugEventsSignal(): () => DebugEvent[] {\n    return this.eventsSignal\n  }\n\n  /**\n   * Get development state\n   */\n  getDevState(): DevState {\n    return { ...this.state }\n  }\n\n  /**\n   * Get development state signal\n   */\n  getDevStateSignal(): () => DevState {\n    return this.stateSignal\n  }\n\n  /**\n   * Get performance summary\n   */\n  getPerformanceSummary(): {\n    componentCount: number\n    averageRenderTime: number\n    memoryUsage: number\n    warningCount: number\n    errorCount: number\n    slowComponents: { id: string; name: string; renderTime: number }[]\n  } {\n    const components = Array.from(this.componentTree.values())\n    const totalRenderTime = components.reduce((sum, c) => sum + c.lastRenderTime, 0)\n    const averageRenderTime = components.length > 0 ? totalRenderTime / components.length : 0\n    const totalMemory = components.reduce((sum, c) => sum + c.memoryUsage, 0)\n    const warningCount = components.reduce((sum, c) => sum + c.warnings.length, 0)\n    const errorCount = components.reduce((sum, c) => sum + c.errors.length, 0)\n\n    // Find slow components (>5ms render time)\n    const slowComponents = components\n      .filter((c) => c.lastRenderTime > 5)\n      .map((c) => ({ id: c.id, name: c.name, renderTime: c.lastRenderTime }))\n      .sort((a, b) => b.renderTime - a.renderTime)\n      .slice(0, 10)\n\n    return {\n      componentCount: components.length,\n      averageRenderTime,\n      memoryUsage: totalMemory,\n      warningCount,\n      errorCount,\n      slowComponents,\n    }\n  }\n\n  /**\n   * Export debug data\n   */\n  exportDebugData(): string {\n    return JSON.stringify(\n      {\n        componentTree: Array.from(this.componentTree.entries()),\n        debugEvents: this.debugEvents,\n        performanceMetrics: globalPerformanceMonitor.exportMetrics(),\n        timestamp: Date.now(),\n      },\n      null,\n      2\n    )\n  }\n\n  /**\n   * Clear debug data\n   */\n  clear(): void {\n    this.componentTree.clear()\n    this.componentRegistry.clear()\n    this.debugEvents.length = 0\n    this.activeComponents.clear()\n\n    this.setTree(new Map())\n    this.setEvents([])\n\n    globalPerformanceMonitor.clear()\n  }\n\n  // Private helper methods\n\n  private getComponentName(instance: ComponentInstance): string {\n    // Check for displayName first\n    if ('displayName' in instance && typeof instance.displayName === 'string') {\n      return instance.displayName\n    }\n\n    // Check component type\n    if ((instance as any).tag) {\n      return (instance as any).tag || 'Element'\n    }\n    if ((instance as any).text) {\n      return 'Text'\n    }\n    if ((instance as any).fragment) {\n      return 'Fragment'\n    }\n\n    // Fallback to id or generic name\n    return instance.id || 'Component'\n  }\n\n  private getReactiveSubscriptions(_componentId: string): string[] {\n    // This would need to be implemented with reactive system integration\n    return []\n  }\n\n  private getContextProviders(_componentId: string): string[] {\n    // This would need to be implemented with context system integration\n    return []\n  }\n\n  private getContextConsumers(_componentId: string): string[] {\n    // This would need to be implemented with context system integration\n    return []\n  }\n\n  private removeNodeAndDescendants(node: ComponentTreeNode): void {\n    // Remove all children recursively\n    for (const child of node.children) {\n      this.removeNodeAndDescendants(child)\n      this.componentTree.delete(child.id)\n      this.componentRegistry.delete(child.id)\n      this.activeComponents.delete(child.id)\n    }\n  }\n\n  private addDebugEvent(event: DebugEvent): void {\n    this.debugEvents.push(event)\n\n    // Limit events array size\n    if (this.debugEvents.length > 1000) {\n      this.debugEvents.shift()\n    }\n\n    this.setEvents([...this.debugEvents])\n  }\n\n  private startUpdateTimer(): void {\n    if (this.updateTimer) return\n\n    this.updateTimer = window.setInterval(() => {\n      this.updateComponentMetrics()\n    }, this.config.updateInterval)\n  }\n\n  private stopUpdateTimer(): void {\n    if (this.updateTimer) {\n      clearInterval(this.updateTimer)\n      this.updateTimer = null\n    }\n  }\n\n  private updateComponentMetrics(): void {\n    if (!this.state.enabled) return\n\n    const performanceMetrics = globalPerformanceMonitor.getComponentMetrics()\n\n    for (const [componentId, treeNode] of this.componentTree) {\n      const metrics = performanceMetrics.get(componentId)\n      if (metrics) {\n        treeNode.metrics = metrics\n        treeNode.renderCount = metrics.updateCount\n        treeNode.lastRenderTime = metrics.lastRenderDuration\n        treeNode.memoryUsage = metrics.memoryUsage\n\n        // Check for performance warnings\n        if (metrics.lastRenderDuration > 16) {\n          this.addWarning(componentId, `Slow render: ${metrics.lastRenderDuration.toFixed(2)}ms`)\n        }\n\n        if (metrics.memoryUsage > 1024 * 1024) {\n          // 1MB\n          this.addWarning(\n            componentId,\n            `High memory usage: ${(metrics.memoryUsage / (1024 * 1024)).toFixed(2)}MB`\n          )\n        }\n      }\n    }\n\n    this.setTree(new Map(this.componentTree))\n  }\n}\n\n/**\n * Global dev tools instance\n */\nexport const globalDevTools = DevTools.getInstance()\n\n/**\n * Enable performance tracking\n */\nexport function enablePerformanceTracking(): void {\n  globalDevTools.enable()\n  globalPerformanceMonitor.enable()\n}\n\n/**\n * Get component tree\n */\nexport function getComponentTree(): Map<string, ComponentTreeNode> {\n  return globalDevTools.getComponentTree()\n}\n\n/**\n * Enable development mode with full debugging\n */\nexport function enableDevelopmentMode(config?: Partial<DevToolsConfig>): void {\n  globalDevTools.configure({\n    autoEnable: true,\n    trackAllComponents: true,\n    trackMemoryUsage: true,\n    enableWarnings: true,\n    enableErrors: true,\n    ...config,\n  })\n\n  console.log('🚀 TachUI Development Mode enabled')\n}\n\n/**\n * Get development tools instance\n */\nexport function getDevTools(): DevTools {\n  return globalDevTools\n}\n\n/**\n * Development utilities\n */\nexport const devUtils = {\n  /**\n   * Log component tree to console\n   */\n  logComponentTree(): void {\n    const roots = globalDevTools.getRootComponents()\n\n    function logNode(node: ComponentTreeNode, indent = 0): void {\n      const prefix = '  '.repeat(indent)\n      const warnings = node.warnings.length > 0 ? ` ⚠️(${node.warnings.length})` : ''\n      const errors = node.errors.length > 0 ? ` ❌(${node.errors.length})` : ''\n      const renderTime = node.lastRenderTime > 0 ? ` ${node.lastRenderTime.toFixed(2)}ms` : ''\n\n      console.log(`${prefix}${node.name}#${node.id}${renderTime}${warnings}${errors}`)\n\n      for (const child of node.children) {\n        logNode(child, indent + 1)\n      }\n    }\n\n    console.group('🌳 Component Tree')\n    for (const root of roots) {\n      logNode(root)\n    }\n    console.groupEnd()\n  },\n\n  /**\n   * Log performance summary\n   */\n  logPerformanceSummary(): void {\n    const summary = globalDevTools.getPerformanceSummary()\n\n    console.group('📊 Performance Summary')\n    console.log(`Components: ${summary.componentCount}`)\n    console.log(`Average Render Time: ${summary.averageRenderTime.toFixed(2)}ms`)\n    console.log(`Memory Usage: ${(summary.memoryUsage / (1024 * 1024)).toFixed(2)}MB`)\n    console.log(`Warnings: ${summary.warningCount}`)\n    console.log(`Errors: ${summary.errorCount}`)\n\n    if (summary.slowComponents.length > 0) {\n      console.group('🐌 Slow Components')\n      for (const comp of summary.slowComponents) {\n        console.log(`${comp.name}: ${comp.renderTime.toFixed(2)}ms`)\n      }\n      console.groupEnd()\n    }\n\n    console.groupEnd()\n  },\n\n  /**\n   * Find component by name\n   */\n  findComponent(name: string): ComponentTreeNode[] {\n    return globalDevTools.findComponentsByName(name)\n  },\n\n  /**\n   * Inspect component\n   */\n  inspectComponent(componentId: string): ComponentTreeNode | undefined {\n    const component = globalDevTools.getComponent(componentId)\n    if (component) {\n      console.group(`🔍 Component: ${component.name}`)\n      console.log('Props:', component.props)\n      console.log('Metrics:', component.metrics)\n      console.log('Children:', component.children.length)\n      console.log('Warnings:', component.warnings)\n      console.log('Errors:', component.errors)\n      console.groupEnd()\n    }\n    return component\n  },\n}\n"],"names":["_DevTools","__publicField","treeSignal","setTree","createSignal","eventsSignal","setEvents","stateSignal","setState","config","globalPerformanceMonitor","componentId","instance","parentId","metrics","parent","depth","treeNode","childIndex","updates","type","operation","contextName","newValue","message","error","stack","node","name","components","totalRenderTime","sum","c","averageRenderTime","totalMemory","warningCount","errorCount","slowComponents","a","b","_componentId","child","event","performanceMetrics","DevTools","globalDevTools","enablePerformanceTracking","getComponentTree","enableDevelopmentMode","getDevTools","devUtils","roots","logNode","indent","prefix","warnings","errors","renderTime","root","summary","comp","component"],"mappings":"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"}

package/dist/runtime/development-warnings.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var o=Object.defineProperty,c=(t,n,r)=>n in t?o(t,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[n]=r,w=(t,n,r)=>c(t,n+"",r);class s{static warnElementOverride(n,r,i){if(process.env.NODE_ENV==="production")return;const e=`${n}-${r}-${i}`;this.warningsShown.has(e)||(this.warningsShown.add(e),console.warn(`[tachUI] ${n} (${r}) overridden to <${i}>. Ensure this maintains expected behavior and accessibility.`))}static errorInvalidTag(n,r){process.env.NODE_ENV!=="production"&&console.error(`[tachUI] Invalid HTML tag '${n}' specified for ${r}. Using tag as-is - ensure this is intentional.`)}static infoSemanticRole(n,r){process.env.NODE_ENV==="development"&&console.info(`[tachUI] Applied semantic role '${r}' to <${n}> element`)}static warnProblematicCombination(n,r,i,e="warning"){if(process.env.NODE_ENV==="production")return;const a=`${n}-${r}-${i}`;if(this.warningsShown.has(a))return;this.warningsShown.add(a),(e==="warning"?console.warn:console.info)(`[tachUI] ${n}: ${i}`)}static warnAccessibility(n,r,i){if(process.env.NODE_ENV==="production")return;const e=`a11y-${n}-${r}-${i}`;this.warningsShown.has(e)||(this.warningsShown.add(e),console.warn(`[tachUI A11y] ${n} with <${r}>: ${i}. Consider using appropriate ARIA attributes or different semantic structure.`))}static clearWarnings(){this.warningsShown.clear()}static hasWarningBeenShown(n){return this.warningsShown.has(n)}static getWarningCount(){return this.warningsShown.size}}w(s,"warningsShown",new Set);exports.DevelopmentWarnings=s;
-//# sourceMappingURL=development-warnings.cjs.map

package/dist/runtime/development-warnings.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"development-warnings.cjs","sources":["../../src/runtime/development-warnings.ts"],"sourcesContent":["/**\n * Development Warning System - Tag Override Safety\n * \n * Provides helpful console warnings during development when components\n * use tag overrides, particularly for potentially problematic combinations.\n */\n\nexport class DevelopmentWarnings {\n  private static warningsShown = new Set<string>()\n\n  /**\n   * Warn about element tag overrides in development\n   */\n  static warnElementOverride(\n    componentType: string, \n    originalTag: string, \n    overrideTag: string\n  ): void {\n    if (process.env.NODE_ENV === 'production') return\n\n    const warningKey = `${componentType}-${originalTag}-${overrideTag}`\n    if (this.warningsShown.has(warningKey)) return\n\n    this.warningsShown.add(warningKey)\n    \n    console.warn(\n      `[tachUI] ${componentType} (${originalTag}) overridden to <${overrideTag}>. ` +\n      `Ensure this maintains expected behavior and accessibility.`\n    )\n  }\n\n  /**\n   * Error for invalid HTML tags\n   */\n  static errorInvalidTag(tag: string, componentType: string): void {\n    if (process.env.NODE_ENV === 'production') return\n\n    console.error(\n      `[tachUI] Invalid HTML tag '${tag}' specified for ${componentType}. ` +\n      `Using tag as-is - ensure this is intentional.`\n    )\n  }\n\n  /**\n   * Info message for semantic role application\n   */\n  static infoSemanticRole(tag: string, role: string): void {\n    if (process.env.NODE_ENV !== 'development') return\n\n    console.info(`[tachUI] Applied semantic role '${role}' to <${tag}> element`)\n  }\n\n  /**\n   * Warn about potentially problematic tag combinations\n   */\n  static warnProblematicCombination(\n    componentType: string, \n    tag: string, \n    issue: string,\n    severity: 'warning' | 'info' = 'warning'\n  ): void {\n    if (process.env.NODE_ENV === 'production') return\n\n    const warningKey = `${componentType}-${tag}-${issue}`\n    if (this.warningsShown.has(warningKey)) return\n\n    this.warningsShown.add(warningKey)\n    \n    const logFunction = severity === 'warning' ? console.warn : console.info\n    logFunction(`[tachUI] ${componentType}: ${issue}`)\n  }\n\n  /**\n   * Warn about accessibility concerns\n   */\n  static warnAccessibility(\n    componentType: string,\n    tag: string,\n    accessibilityIssue: string\n  ): void {\n    if (process.env.NODE_ENV === 'production') return\n\n    const warningKey = `a11y-${componentType}-${tag}-${accessibilityIssue}`\n    if (this.warningsShown.has(warningKey)) return\n\n    this.warningsShown.add(warningKey)\n    \n    console.warn(\n      `[tachUI A11y] ${componentType} with <${tag}>: ${accessibilityIssue}. ` +\n      `Consider using appropriate ARIA attributes or different semantic structure.`\n    )\n  }\n\n  /**\n   * Clear all shown warnings (useful for testing)\n   */\n  static clearWarnings(): void {\n    this.warningsShown.clear()\n  }\n\n  /**\n   * Check if a warning has been shown\n   */\n  static hasWarningBeenShown(warningKey: string): boolean {\n    return this.warningsShown.has(warningKey)\n  }\n\n  /**\n   * Get count of unique warnings shown\n   */\n  static getWarningCount(): number {\n    return this.warningsShown.size\n  }\n}"],"names":["DevelopmentWarnings","componentType","originalTag","overrideTag","warningKey","tag","role","issue","severity","accessibilityIssue","__publicField"],"mappings":"uNAOO,MAAMA,CAAoB,CAM/B,OAAO,oBACLC,EACAC,EACAC,EACM,CACN,GAAI,QAAQ,IAAI,WAAa,aAAc,OAE3C,MAAMC,EAAa,GAAGH,CAAa,IAAIC,CAAW,IAAIC,CAAW,GAC7D,KAAK,cAAc,IAAIC,CAAU,IAErC,KAAK,cAAc,IAAIA,CAAU,EAEjC,QAAQ,KACN,YAAYH,CAAa,KAAKC,CAAW,oBAAoBC,CAAW,+DAAA,EAG5E,CAKA,OAAO,gBAAgBE,EAAaJ,EAA6B,CAC3D,QAAQ,IAAI,WAAa,cAE7B,QAAQ,MACN,8BAA8BI,CAAG,mBAAmBJ,CAAa,iDAAA,CAGrE,CAKA,OAAO,iBAAiBI,EAAaC,EAAoB,CACnD,QAAQ,IAAI,WAAa,eAE7B,QAAQ,KAAK,mCAAmCA,CAAI,SAASD,CAAG,WAAW,CAC7E,CAKA,OAAO,2BACLJ,EACAI,EACAE,EACAC,EAA+B,UACzB,CACN,GAAI,QAAQ,IAAI,WAAa,aAAc,OAE3C,MAAMJ,EAAa,GAAGH,CAAa,IAAII,CAAG,IAAIE,CAAK,GACnD,GAAI,KAAK,cAAc,IAAIH,CAAU,EAAG,OAExC,KAAK,cAAc,IAAIA,CAAU,GAEbI,IAAa,UAAY,QAAQ,KAAO,QAAQ,MACxD,YAAYP,CAAa,KAAKM,CAAK,EAAE,CACnD,CAKA,OAAO,kBACLN,EACAI,EACAI,EACM,CACN,GAAI,QAAQ,IAAI,WAAa,aAAc,OAE3C,MAAML,EAAa,QAAQH,CAAa,IAAII,CAAG,IAAII,CAAkB,GACjE,KAAK,cAAc,IAAIL,CAAU,IAErC,KAAK,cAAc,IAAIA,CAAU,EAEjC,QAAQ,KACN,iBAAiBH,CAAa,UAAUI,CAAG,MAAMI,CAAkB,+EAAA,EAGvE,CAKA,OAAO,eAAsB,CAC3B,KAAK,cAAc,MAAA,CACrB,CAKA,OAAO,oBAAoBL,EAA6B,CACtD,OAAO,KAAK,cAAc,IAAIA,CAAU,CAC1C,CAKA,OAAO,iBAA0B,CAC/B,OAAO,KAAK,cAAc,IAC5B,CACF,CAzGEM,EADWV,EACI,gBAAgB,IAAI,GAAY"}

package/dist/runtime/development-warnings.js

@@ -1,69 +0,0 @@
-var s = Object.defineProperty, o = (e, n, r) => n in e ? s(e, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[n] = r, c = (e, n, r) => o(e, n + "", r);
-class w {
-  /**
-   * Warn about element tag overrides in development
-   */
-  static warnElementOverride(n, r, i) {
-    if (process.env.NODE_ENV === "production") return;
-    const t = `${n}-${r}-${i}`;
-    this.warningsShown.has(t) || (this.warningsShown.add(t), console.warn(
-      `[tachUI] ${n} (${r}) overridden to <${i}>. Ensure this maintains expected behavior and accessibility.`
-    ));
-  }
-  /**
-   * Error for invalid HTML tags
-   */
-  static errorInvalidTag(n, r) {
-    process.env.NODE_ENV !== "production" && console.error(
-      `[tachUI] Invalid HTML tag '${n}' specified for ${r}. Using tag as-is - ensure this is intentional.`
-    );
-  }
-  /**
-   * Info message for semantic role application
-   */
-  static infoSemanticRole(n, r) {
-    process.env.NODE_ENV === "development" && console.info(`[tachUI] Applied semantic role '${r}' to <${n}> element`);
-  }
-  /**
-   * Warn about potentially problematic tag combinations
-   */
-  static warnProblematicCombination(n, r, i, t = "warning") {
-    if (process.env.NODE_ENV === "production") return;
-    const a = `${n}-${r}-${i}`;
-    if (this.warningsShown.has(a)) return;
-    this.warningsShown.add(a), (t === "warning" ? console.warn : console.info)(`[tachUI] ${n}: ${i}`);
-  }
-  /**
-   * Warn about accessibility concerns
-   */
-  static warnAccessibility(n, r, i) {
-    if (process.env.NODE_ENV === "production") return;
-    const t = `a11y-${n}-${r}-${i}`;
-    this.warningsShown.has(t) || (this.warningsShown.add(t), console.warn(
-      `[tachUI A11y] ${n} with <${r}>: ${i}. Consider using appropriate ARIA attributes or different semantic structure.`
-    ));
-  }
-  /**
-   * Clear all shown warnings (useful for testing)
-   */
-  static clearWarnings() {
-    this.warningsShown.clear();
-  }
-  /**
-   * Check if a warning has been shown
-   */
-  static hasWarningBeenShown(n) {
-    return this.warningsShown.has(n);
-  }
-  /**
-   * Get count of unique warnings shown
-   */
-  static getWarningCount() {
-    return this.warningsShown.size;
-  }
-}
-c(w, "warningsShown", /* @__PURE__ */ new Set());
-export {
-  w as DevelopmentWarnings
-};
-//# sourceMappingURL=development-warnings.js.map

package/dist/runtime/development-warnings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"development-warnings.js","sources":["../../src/runtime/development-warnings.ts"],"sourcesContent":["/**\n * Development Warning System - Tag Override Safety\n * \n * Provides helpful console warnings during development when components\n * use tag overrides, particularly for potentially problematic combinations.\n */\n\nexport class DevelopmentWarnings {\n  private static warningsShown = new Set<string>()\n\n  /**\n   * Warn about element tag overrides in development\n   */\n  static warnElementOverride(\n    componentType: string, \n    originalTag: string, \n    overrideTag: string\n  ): void {\n    if (process.env.NODE_ENV === 'production') return\n\n    const warningKey = `${componentType}-${originalTag}-${overrideTag}`\n    if (this.warningsShown.has(warningKey)) return\n\n    this.warningsShown.add(warningKey)\n    \n    console.warn(\n      `[tachUI] ${componentType} (${originalTag}) overridden to <${overrideTag}>. ` +\n      `Ensure this maintains expected behavior and accessibility.`\n    )\n  }\n\n  /**\n   * Error for invalid HTML tags\n   */\n  static errorInvalidTag(tag: string, componentType: string): void {\n    if (process.env.NODE_ENV === 'production') return\n\n    console.error(\n      `[tachUI] Invalid HTML tag '${tag}' specified for ${componentType}. ` +\n      `Using tag as-is - ensure this is intentional.`\n    )\n  }\n\n  /**\n   * Info message for semantic role application\n   */\n  static infoSemanticRole(tag: string, role: string): void {\n    if (process.env.NODE_ENV !== 'development') return\n\n    console.info(`[tachUI] Applied semantic role '${role}' to <${tag}> element`)\n  }\n\n  /**\n   * Warn about potentially problematic tag combinations\n   */\n  static warnProblematicCombination(\n    componentType: string, \n    tag: string, \n    issue: string,\n    severity: 'warning' | 'info' = 'warning'\n  ): void {\n    if (process.env.NODE_ENV === 'production') return\n\n    const warningKey = `${componentType}-${tag}-${issue}`\n    if (this.warningsShown.has(warningKey)) return\n\n    this.warningsShown.add(warningKey)\n    \n    const logFunction = severity === 'warning' ? console.warn : console.info\n    logFunction(`[tachUI] ${componentType}: ${issue}`)\n  }\n\n  /**\n   * Warn about accessibility concerns\n   */\n  static warnAccessibility(\n    componentType: string,\n    tag: string,\n    accessibilityIssue: string\n  ): void {\n    if (process.env.NODE_ENV === 'production') return\n\n    const warningKey = `a11y-${componentType}-${tag}-${accessibilityIssue}`\n    if (this.warningsShown.has(warningKey)) return\n\n    this.warningsShown.add(warningKey)\n    \n    console.warn(\n      `[tachUI A11y] ${componentType} with <${tag}>: ${accessibilityIssue}. ` +\n      `Consider using appropriate ARIA attributes or different semantic structure.`\n    )\n  }\n\n  /**\n   * Clear all shown warnings (useful for testing)\n   */\n  static clearWarnings(): void {\n    this.warningsShown.clear()\n  }\n\n  /**\n   * Check if a warning has been shown\n   */\n  static hasWarningBeenShown(warningKey: string): boolean {\n    return this.warningsShown.has(warningKey)\n  }\n\n  /**\n   * Get count of unique warnings shown\n   */\n  static getWarningCount(): number {\n    return this.warningsShown.size\n  }\n}"],"names":["DevelopmentWarnings","componentType","originalTag","overrideTag","warningKey","tag","role","issue","severity","accessibilityIssue","__publicField"],"mappings":";AAOO,MAAMA,EAAoB;AAAA;AAAA;AAAA;AAAA,EAM/B,OAAO,oBACLC,GACAC,GACAC,GACM;AACN,QAAI,QAAQ,IAAI,aAAa,aAAc;AAE3C,UAAMC,IAAa,GAAGH,CAAa,IAAIC,CAAW,IAAIC,CAAW;AACjE,IAAI,KAAK,cAAc,IAAIC,CAAU,MAErC,KAAK,cAAc,IAAIA,CAAU,GAEjC,QAAQ;AAAA,MACN,YAAYH,CAAa,KAAKC,CAAW,oBAAoBC,CAAW;AAAA,IAAA;AAAA,EAG5E;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,gBAAgBE,GAAaJ,GAA6B;AAC/D,IAAI,QAAQ,IAAI,aAAa,gBAE7B,QAAQ;AAAA,MACN,8BAA8BI,CAAG,mBAAmBJ,CAAa;AAAA,IAAA;AAAA,EAGrE;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,iBAAiBI,GAAaC,GAAoB;AACvD,IAAI,QAAQ,IAAI,aAAa,iBAE7B,QAAQ,KAAK,mCAAmCA,CAAI,SAASD,CAAG,WAAW;AAAA,EAC7E;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,2BACLJ,GACAI,GACAE,GACAC,IAA+B,WACzB;AACN,QAAI,QAAQ,IAAI,aAAa,aAAc;AAE3C,UAAMJ,IAAa,GAAGH,CAAa,IAAII,CAAG,IAAIE,CAAK;AACnD,QAAI,KAAK,cAAc,IAAIH,CAAU,EAAG;AAExC,SAAK,cAAc,IAAIA,CAAU,IAEbI,MAAa,YAAY,QAAQ,OAAO,QAAQ,MACxD,YAAYP,CAAa,KAAKM,CAAK,EAAE;AAAA,EACnD;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,kBACLN,GACAI,GACAI,GACM;AACN,QAAI,QAAQ,IAAI,aAAa,aAAc;AAE3C,UAAML,IAAa,QAAQH,CAAa,IAAII,CAAG,IAAII,CAAkB;AACrE,IAAI,KAAK,cAAc,IAAIL,CAAU,MAErC,KAAK,cAAc,IAAIA,CAAU,GAEjC,QAAQ;AAAA,MACN,iBAAiBH,CAAa,UAAUI,CAAG,MAAMI,CAAkB;AAAA,IAAA;AAAA,EAGvE;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,gBAAsB;AAC3B,SAAK,cAAc,MAAA;AAAA,EACrB;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,oBAAoBL,GAA6B;AACtD,WAAO,KAAK,cAAc,IAAIA,CAAU;AAAA,EAC1C;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,kBAA0B;AAC/B,WAAO,KAAK,cAAc;AAAA,EAC5B;AACF;AAzGEM,EADWV,GACI,iBAAgB,oBAAI,KAAY;"}

package/dist/runtime/dom-bridge.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../reactive/cleanup.cjs");const h=require("../reactive/context.cjs");require("../reactive/unified-scheduler.cjs");require("../reactive/signal.cjs");require("../reactive/scheduler.cjs");require("../reactive/theme.cjs");const f=require("./component-context.cjs"),M=require("./renderer.cjs"),L=new M.DOMRenderer,a=new Map,l=new Map,y=new Set;function v(e){e._enhancedLifecycle&&y.add(e)}function O(){for(const e of y){const t=e._enhancedLifecycle;if(t&&!e.domReady){const o=D(e);if(o.length>0){if(e.domElements=new Map,o.forEach((n,i)=>{const r=n.id||`element-${i}`;e.domElements.set(r,n),e.primaryElement||(e.primaryElement=n)}),e.domReady=!0,t.onDOMReady){console.log("🚀 Processing delayed onDOMReady for component:",e.id);const n=t.onDOMReady(e.domElements,e.primaryElement);typeof n=="function"&&(e.cleanup=e.cleanup||[],e.cleanup.push(n))}if(t.onMount){const n=t.onMount();typeof n=="function"&&(e.cleanup=e.cleanup||[],e.cleanup.push(n))}}}}y.clear()}function D(e){if(e.id.startsWith("image-")){const t=document.querySelectorAll("img.tachui-image");return Array.from(t)}return[]}function w(e){h.createRoot(t=>{const o=f.createComponentContext("root-app");f.setCurrentComponentContext(o);const n=h.getOwner();n&&n.context.set(f.ComponentContextSymbol,o);let i;try{i=e();const u=document.getElementById("app");if(!u)throw new Error('App container element with id="app" not found');m(i,u)}catch(u){throw f.setCurrentComponentContext(null),n&&n.context.delete(f.ComponentContextSymbol),u}const r=t;return()=>(f.setCurrentComponentContext(null),n&&n.context.delete(f.ComponentContextSymbol),r())})}function m(e,t,o=!0){try{o&&(t.innerHTML="");const n=e.render(),i=Array.isArray(n)?n:[n],r=[];for(const c of i){const s=L.render(c,t);if(s instanceof DocumentFragment){const p=Array.from(s.childNodes);for(const d of p)d instanceof Element&&(r.push(d),t.appendChild(d))}else s instanceof Element&&(r.push(s),t.appendChild(s))}if(r.length>0){e.domElements=new Map,r.forEach((s,p)=>{const d=s.id||`element-${p}`;e.domElements.set(d,s),e.primaryElement||(e.primaryElement=s)}),e.domReady=!0;const c=e._enhancedLifecycle;if(c?.onDOMReady){const s=c.onDOMReady(e.domElements,e.primaryElement);typeof s=="function"&&(e.cleanup=e.cleanup||[],e.cleanup.push(s))}if(c?.onMount){const s=c.onMount();typeof s=="function"&&(e.cleanup=e.cleanup||[],e.cleanup.push(s))}}if(g(e))for(const c of r)b(c,e);for(const c of r)x(c,e);const u=[];return a.set(t,e),l.set(e,r),e.mounted=!0,setTimeout(()=>{O()},0),()=>{u.forEach(c=>c()),C(e,t)}}catch(n){const i=Object.assign(new Error,n,{code:"MOUNT_FAILED",context:"mountComponentTree"}),r=e._enhancedLifecycle;throw r?.onDOMError?r.onDOMError(i,"mount"):r?.onError?r.onError(i):console.error("Failed to mount component tree:",n),n}}function E(e,t){const o=l.get(e);o&&(o.forEach(n=>{n.parentNode&&n.parentNode.removeChild(n)}),l.delete(e)),a.delete(t),e.mounted=!1,e.cleanup&&(e.cleanup.forEach(n=>n()),e.cleanup=[])}function C(e,t){try{const o=e._enhancedLifecycle;o?.onUnmount&&o.onUnmount(),e.cleanup&&(e.cleanup.forEach(i=>{try{i()}catch(r){console.error(`Cleanup error for component ${e.id}:`,r)}}),e.cleanup=[]);const n=l.get(e);n&&(n.forEach(i=>{i.parentNode&&i.parentNode.removeChild(i)}),l.delete(e)),e.domElements&&e.domElements.clear(),e.primaryElement=void 0,e.domReady=!1,e.mounted=!1,a.delete(t)}catch(o){const n=Object.assign(new Error,o,{code:"UNMOUNT_FAILED",context:"unmountComponentEnhanced"}),i=e._enhancedLifecycle;i?.onDOMError?i.onDOMError(n,"unmount"):console.error("Component unmounting failed:",o)}}function b(e,t){if(!("modifiers"in t)||!t.modifiers)return;const o=e,n=t.modifiers,i={type:"element",tag:o.tagName.toLowerCase(),props:{},element:o};for(const r of n)try{r&&typeof r.apply=="function"&&r.apply(i,{componentId:t.id,componentInstance:t,element:o,phase:"creation"})}catch(u){console.warn("Failed to apply modifier:",r,u)}}function x(e,t){const o=e;if(t.props){const n=t.props;n.onClick&&typeof n.onClick=="function"&&o.addEventListener("click",n.onClick),n.onMouseEnter&&typeof n.onMouseEnter=="function"&&o.addEventListener("mouseenter",n.onMouseEnter),n.onMouseLeave&&typeof n.onMouseLeave=="function"&&o.addEventListener("mouseleave",n.onMouseLeave),n.onFocus&&typeof n.onFocus=="function"&&o.addEventListener("focus",n.onFocus),n.onBlur&&typeof n.onBlur=="function"&&o.addEventListener("blur",n.onBlur)}if(g(t)&&t.modifiers){for(const n of t.modifiers)if(n&&"eventHandlers"in n&&n.eventHandlers)for(const[i,r]of Object.entries(n.eventHandlers))typeof r=="function"&&o.addEventListener(i,r)}}function g(e){return e&&typeof e=="object"&&("modifiers"in e||"modifier"in e)}function R(e,t){const o=[];for(const n of e){const i=m(n,t);o.push(i)}return o}function F(e,t){const o=l.get(e);if(!o){console.warn("Attempted to update unmounted component");return}e.prevProps=e.props,e.props={...e.props,...t};const n=o[0]?.parentElement;n&&(E(e,n),m(e,n))}function k(e){let t=e;for(;t;){const o=a.get(t);if(o)return o;t=t.parentElement}}const A={getMountedComponents:()=>Array.from(a.entries()),getComponentElements:e=>l.get(e),isComponentMounted:e=>e.mounted||!1,validateMounting(){const e=[];for(const[t,o]of a.entries()){document.contains(t)||e.push(`Container for component ${o.id} is not in DOM`),o.mounted||e.push(`Component ${o.id} marked as unmounted but still registered`);const n=l.get(o);(!n||n.length===0)&&e.push(`Component ${o.id} has no associated DOM elements`)}return{valid:e.length===0,issues:e}}};exports.DOMBridgeDebug=A;exports.getComponentFromElement=k;exports.mountComponentChildren=R;exports.mountComponentTree=m;exports.mountRoot=w;exports.registerComponentWithLifecycleHooks=v;exports.unmountComponent=E;exports.unmountComponentEnhanced=C;exports.updateComponent=F;
-//# sourceMappingURL=dom-bridge.cjs.map

package/dist/runtime/dom-bridge.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dom-bridge.cjs","sources":["../../src/runtime/dom-bridge.ts"],"sourcesContent":["/**\n * DOM Rendering Bridge Layer\n *\n * Critical missing piece that connects TachUI components to actual DOM rendering.\n * This bridges the gap between component instances and browser DOM elements.\n */\n\nimport type { ModifiableComponent } from '../modifiers/types'\nimport { createRoot as createReactiveRoot, getOwner } from '../reactive'\nimport { ComponentContextSymbol, createComponentContext, setCurrentComponentContext } from './component-context'\nimport { DOMRenderer } from './renderer'\nimport type { ComponentInstance, DOMNode } from './types'\n\n/**\n * Global DOM renderer instance\n */\nconst globalRenderer = new DOMRenderer()\n\n/**\n * Component mounting registry to track mounted components\n */\nconst mountedComponents = new Map<Element, ComponentInstance>()\nconst componentElements = new Map<ComponentInstance, Element[]>()\n\n/**\n * Track component instances with lifecycle hooks for processing\n */\nconst componentsWithLifecycleHooks = new Set<ComponentInstance>()\n\n/**\n * Register a component that has lifecycle hooks for later processing\n */\nexport function registerComponentWithLifecycleHooks(component: ComponentInstance): void {\n  \n  if ((component as any)._enhancedLifecycle) {\n    componentsWithLifecycleHooks.add(component)\n  }\n}\n\n/**\n * Process pending lifecycle hooks for components that were rendered but not mounted\n */\nfunction processPendingLifecycleHooks(): void {\n  for (const component of componentsWithLifecycleHooks) {\n    const enhancedLifecycle = (component as any)._enhancedLifecycle\n    if (enhancedLifecycle && !component.domReady) {\n      // Find DOM elements associated with this component by searching the DOM\n      const elements = findDOMElementsForComponent(component)\n      if (elements.length > 0) {\n        // Set up DOM tracking\n        component.domElements = new Map()\n        elements.forEach((element, index) => {\n          const key = element.id || `element-${index}`\n          component.domElements!.set(key, element)\n          if (!component.primaryElement) {\n            component.primaryElement = element\n          }\n        })\n        \n        component.domReady = true\n        \n        // Process lifecycle hooks\n        if (enhancedLifecycle.onDOMReady) {\n          console.log('🚀 Processing delayed onDOMReady for component:', component.id)\n          const cleanup = enhancedLifecycle.onDOMReady(\n            component.domElements,\n            component.primaryElement\n          )\n          if (typeof cleanup === 'function') {\n            component.cleanup = component.cleanup || []\n            component.cleanup.push(cleanup)\n          }\n        }\n        \n        if (enhancedLifecycle.onMount) {\n          const cleanup = enhancedLifecycle.onMount()\n          if (typeof cleanup === 'function') {\n            component.cleanup = component.cleanup || []\n            component.cleanup.push(cleanup)\n          }\n        }\n      }\n    }\n  }\n  \n  // Clear the set of processed components\n  componentsWithLifecycleHooks.clear()\n}\n\n/**\n * Find DOM elements associated with a component by searching the DOM\n * This is a fallback method for components that were rendered but not mounted\n */\nfunction findDOMElementsForComponent(component: ComponentInstance): Element[] {\n  // For Image components, look for img elements that match the component's expected structure\n  if (component.id.startsWith('image-')) {\n    const allImages = document.querySelectorAll('img.tachui-image')\n    return Array.from(allImages)\n  }\n  \n  // For other components, this could be expanded with more specific search logic\n  return []\n}\n\n/**\n * Create a reactive root that can mount component trees to DOM.\n * \n * This is the application-level mounting function for TachUI apps.\n * It creates a reactive context and mounts your component tree to the DOM.\n * \n * @param rootFunction - Function that returns the root component of your app\n * \n * @example\n * ```typescript\n * import { mountRoot } from '@tachui/core'\n * import { MyApp } from './MyApp'\n * \n * mountRoot(() => MyApp())\n * ```\n * \n * Note: This requires a DOM element with id=\"app\" to exist.\n */\nexport function mountRoot(rootFunction: () => ComponentInstance): void {\n  createReactiveRoot((dispose) => {\n    // Create root component context for State() to work throughout the entire app\n    const rootContext = createComponentContext('root-app')\n    setCurrentComponentContext(rootContext)\n    \n    // Also store context in reactive owner so State() can find it\n    const owner = getOwner()\n    if (owner) {\n      owner.context.set(ComponentContextSymbol, rootContext)\n    }\n    \n    let component: ComponentInstance\n    \n    try {\n      component = rootFunction()\n\n      // Find app container\n      const container = document.getElementById('app')\n      if (!container) {\n        throw new Error('App container element with id=\"app\" not found')\n      }\n\n      // Mount the component tree to the container\n      mountComponentTree(component, container)\n    } catch (error) {\n      // Reset context on error\n      setCurrentComponentContext(null)\n      if (owner) {\n        owner.context.delete(ComponentContextSymbol)\n      }\n      throw error\n    }\n\n    // Set up cleanup that resets context when the root is disposed\n    const originalDispose = dispose\n    return () => {\n      setCurrentComponentContext(null)\n      if (owner) {\n        owner.context.delete(ComponentContextSymbol)\n      }\n      return originalDispose()\n    }\n  })\n}\n\n/**\n * Mount a component tree to a DOM container\n */\nexport function mountComponentTree(component: ComponentInstance, container: Element, clearContainer: boolean = true): () => void {\n  \n  try {\n    // Clear container only if requested (typically only for root components)\n    if (clearContainer) {\n      container.innerHTML = ''\n    }\n\n    // Render component to DOM nodes\n    const domNodes = component.render()\n    const nodeArray = Array.isArray(domNodes) ? domNodes : [domNodes]\n\n    // Convert DOM nodes to actual DOM elements\n    const elements: Element[] = []\n    for (const node of nodeArray) {\n      const element = globalRenderer.render(node, container)\n\n      if (element instanceof DocumentFragment) {\n        // Handle fragments by adding all child nodes\n        const children = Array.from(element.childNodes)\n        for (const child of children) {\n          if (child instanceof Element) {\n            elements.push(child)\n            container.appendChild(child)\n          }\n        }\n      } else if (element instanceof Element) {\n        elements.push(element)\n        container.appendChild(element)\n      }\n    }\n\n    // ENHANCED: Set up DOM element tracking for lifecycle hooks\n    if (elements.length > 0) {\n      component.domElements = new Map()\n      \n      elements.forEach((element, index) => {\n        const key = element.id || `element-${index}`\n        component.domElements!.set(key, element)\n        \n        // Set primary element (first element with ID or index 0)\n        if (!component.primaryElement) {\n          component.primaryElement = element\n        }\n      })\n      \n      // Mark DOM as ready\n      component.domReady = true\n      \n      // ENHANCED: Trigger onDOMReady with guaranteed DOM elements\n      const enhancedLifecycle = (component as any)._enhancedLifecycle\n      \n      if (enhancedLifecycle?.onDOMReady) {\n        const cleanup = enhancedLifecycle.onDOMReady(\n          component.domElements, \n          component.primaryElement\n        )\n        if (typeof cleanup === 'function') {\n          component.cleanup = component.cleanup || []\n          component.cleanup.push(cleanup)\n        }\n      }\n      \n      // Trigger legacy onMount for backwards compatibility\n      if (enhancedLifecycle?.onMount) {\n        const cleanup = enhancedLifecycle.onMount()\n        if (typeof cleanup === 'function') {\n          component.cleanup = component.cleanup || []\n          component.cleanup.push(cleanup)\n        }\n      }\n    }\n\n    // Apply modifiers if this is a modifiable component\n    if (isModifiableComponent(component)) {\n      for (const element of elements) {\n        applyModifiersToElement(element, component)\n      }\n    }\n\n    // Bind event handlers\n    for (const element of elements) {\n      bindEventHandlers(element, component)\n    }\n\n    // REMOVED: Recursive child mounting - children are rendered as part of parent's render() method\n    // This was causing duplicate mounting where child components were being mounted individually\n    // instead of being rendered as part of their parent's DOM structure\n    const childCleanupFunctions: (() => void)[] = []\n\n    // Register component\n    mountedComponents.set(container, component)\n    componentElements.set(component, elements)\n    component.mounted = true\n\n    // Process any pending lifecycle hooks for components that were rendered but not mounted\n    // Use setTimeout to ensure all DOM rendering is complete\n    setTimeout(() => {\n      processPendingLifecycleHooks()\n    }, 0)\n\n    // Return cleanup function\n    return () => {\n      // Clean up child components first\n      childCleanupFunctions.forEach((cleanup) => cleanup())\n      // Then clean up this component\n      unmountComponentEnhanced(component, container)\n    }\n  } catch (error) {\n    // ENHANCED: Better error handling with DOM context\n    const domError = Object.assign(new Error(), error, {\n      code: 'MOUNT_FAILED',\n      context: 'mountComponentTree',\n    }) as any\n    \n    const enhancedLifecycle = (component as any)._enhancedLifecycle\n    if (enhancedLifecycle?.onDOMError) {\n      enhancedLifecycle.onDOMError(domError, 'mount')\n    } else if (enhancedLifecycle?.onError) {\n      enhancedLifecycle.onError(domError)\n    } else {\n      console.error('Failed to mount component tree:', error)\n    }\n    throw error\n  }\n}\n\n/**\n * Unmount a component from DOM\n */\nexport function unmountComponent(component: ComponentInstance, container: Element): void {\n  const elements = componentElements.get(component)\n  if (elements) {\n    elements.forEach((element) => {\n      if (element.parentNode) {\n        element.parentNode.removeChild(element)\n      }\n    })\n    componentElements.delete(component)\n  }\n\n  mountedComponents.delete(container)\n  component.mounted = false\n\n  // Run cleanup functions\n  if (component.cleanup) {\n    component.cleanup.forEach((cleanup) => cleanup())\n    component.cleanup = []\n  }\n}\n\n/**\n * Enhanced unmount component with lifecycle hooks\n */\nexport function unmountComponentEnhanced(component: ComponentInstance, container: Element): void {\n  try {\n    // Trigger onUnmount lifecycle\n    const enhancedLifecycle = (component as any)._enhancedLifecycle\n    if (enhancedLifecycle?.onUnmount) {\n      enhancedLifecycle.onUnmount()\n    }\n    \n    // Run cleanup functions\n    if (component.cleanup) {\n      component.cleanup.forEach((cleanup) => {\n        try {\n          cleanup()\n        } catch (error) {\n          console.error(`Cleanup error for component ${component.id}:`, error)\n        }\n      })\n      component.cleanup = []\n    }\n    \n    // Remove DOM elements\n    const elements = componentElements.get(component)\n    if (elements) {\n      elements.forEach((element) => {\n        if (element.parentNode) {\n          element.parentNode.removeChild(element)\n        }\n      })\n      componentElements.delete(component)\n    }\n    \n    // Clear enhanced DOM tracking\n    if (component.domElements) {\n      component.domElements.clear()\n    }\n    \n    // Clear references\n    component.primaryElement = undefined\n    component.domReady = false\n    component.mounted = false\n    \n    mountedComponents.delete(container)\n  } catch (error) {\n    const domError = Object.assign(new Error(), error, {\n      code: 'UNMOUNT_FAILED',\n      context: 'unmountComponentEnhanced',\n    }) as any\n    \n    const enhancedLifecycle = (component as any)._enhancedLifecycle\n    if (enhancedLifecycle?.onDOMError) {\n      enhancedLifecycle.onDOMError(domError, 'unmount')\n    } else {\n      console.error('Component unmounting failed:', error)\n    }\n  }\n}\n\n/**\n * Apply modifier chains to DOM elements\n */\nfunction applyModifiersToElement(element: Element, component: ModifiableComponent<any>): void {\n  \n  if (!('modifiers' in component) || !component.modifiers) {\n    return\n  }\n\n  const htmlElement = element as HTMLElement\n  const modifiers = component.modifiers\n\n  // Create a DOMNode wrapper for the HTMLElement to match the modifier interface\n  const domNode: DOMNode = {\n    type: 'element',\n    tag: htmlElement.tagName.toLowerCase(),\n    props: {},\n    element: htmlElement,\n  }\n\n  // Apply each modifier to the DOM element\n  for (const modifier of modifiers) {\n    try {\n      // Each modifier should apply its styles/properties to the element\n      if (modifier && typeof modifier.apply === 'function') {\n        modifier.apply(domNode, {\n          componentId: component.id,\n          componentInstance: component,\n          element: htmlElement,\n          phase: 'creation',\n        })\n      }\n    } catch (error) {\n      console.warn('Failed to apply modifier:', modifier, error)\n    }\n  }\n}\n\n/**\n * Bind component event handlers to DOM events\n */\nfunction bindEventHandlers(element: Element, component: ComponentInstance): void {\n  const htmlElement = element as HTMLElement\n\n  // Handle component-level events from props\n  if (component.props) {\n    const props = component.props\n\n    // Bind common event handlers\n    if (props.onClick && typeof props.onClick === 'function') {\n      htmlElement.addEventListener('click', props.onClick)\n    }\n\n    if (props.onMouseEnter && typeof props.onMouseEnter === 'function') {\n      htmlElement.addEventListener('mouseenter', props.onMouseEnter)\n    }\n\n    if (props.onMouseLeave && typeof props.onMouseLeave === 'function') {\n      htmlElement.addEventListener('mouseleave', props.onMouseLeave)\n    }\n\n    if (props.onFocus && typeof props.onFocus === 'function') {\n      htmlElement.addEventListener('focus', props.onFocus)\n    }\n\n    if (props.onBlur && typeof props.onBlur === 'function') {\n      htmlElement.addEventListener('blur', props.onBlur)\n    }\n  }\n\n  // Handle modifier-based events if this is a modifiable component\n  if (isModifiableComponent(component) && component.modifiers) {\n    for (const modifier of component.modifiers) {\n      if (modifier && 'eventHandlers' in modifier && modifier.eventHandlers) {\n        for (const [eventType, handler] of Object.entries(modifier.eventHandlers)) {\n          if (typeof handler === 'function') {\n            htmlElement.addEventListener(\n              eventType as keyof HTMLElementEventMap,\n              handler as EventListener\n            )\n          }\n        }\n      }\n    }\n  }\n}\n\n/**\n * Type guard to check if component is modifiable\n */\nfunction isModifiableComponent(component: any): component is ModifiableComponent<any> {\n  return (\n    component &&\n    typeof component === 'object' &&\n    ('modifiers' in component || 'modifier' in component)\n  )\n}\n\n/**\n * Recursively mount component children\n */\nexport function mountComponentChildren(\n  children: ComponentInstance[],\n  container: Element\n): (() => void)[] {\n  const cleanupFunctions: (() => void)[] = []\n\n  for (const child of children) {\n    const childCleanup = mountComponentTree(child, container)\n    cleanupFunctions.push(childCleanup)\n  }\n\n  return cleanupFunctions\n}\n\n/**\n * Update a mounted component with new props\n */\nexport function updateComponent(component: ComponentInstance, newProps: any): void {\n  const elements = componentElements.get(component)\n  if (!elements) {\n    console.warn('Attempted to update unmounted component')\n    return\n  }\n\n  // Update props\n  component.prevProps = component.props\n  component.props = { ...component.props, ...newProps }\n\n  // Re-render if needed\n  const container = elements[0]?.parentElement\n  if (container) {\n    unmountComponent(component, container)\n    mountComponentTree(component, container)\n  }\n}\n\n/**\n * Get mounted component from DOM element\n */\nexport function getComponentFromElement(element: Element): ComponentInstance | undefined {\n  let current: Element | null = element\n  while (current) {\n    const component = mountedComponents.get(current)\n    if (component) {\n      return component\n    }\n    current = current.parentElement\n  }\n  return undefined\n}\n\n\n/**\n * Debug utilities for DOM bridge\n */\nexport const DOMBridgeDebug = {\n  getMountedComponents: () => Array.from(mountedComponents.entries()),\n  getComponentElements: (component: ComponentInstance) => componentElements.get(component),\n  isComponentMounted: (component: ComponentInstance) => component.mounted || false,\n\n  /**\n   * Validate that all components are properly mounted\n   */\n  validateMounting(): { valid: boolean; issues: string[] } {\n    const issues: string[] = []\n\n    for (const [container, component] of mountedComponents.entries()) {\n      if (!document.contains(container)) {\n        issues.push(`Container for component ${component.id} is not in DOM`)\n      }\n\n      if (!component.mounted) {\n        issues.push(`Component ${component.id} marked as unmounted but still registered`)\n      }\n\n      const elements = componentElements.get(component)\n      if (!elements || elements.length === 0) {\n        issues.push(`Component ${component.id} has no associated DOM elements`)\n      }\n    }\n\n    return {\n      valid: issues.length === 0,\n      issues,\n    }\n  },\n}\n"],"names":["globalRenderer","DOMRenderer","mountedComponents","componentElements","componentsWithLifecycleHooks","registerComponentWithLifecycleHooks","component","processPendingLifecycleHooks","enhancedLifecycle","elements","findDOMElementsForComponent","element","index","key","cleanup","allImages","mountRoot","rootFunction","createReactiveRoot","dispose","rootContext","createComponentContext","setCurrentComponentContext","owner","getOwner","ComponentContextSymbol","container","mountComponentTree","error","originalDispose","clearContainer","domNodes","nodeArray","node","children","child","isModifiableComponent","applyModifiersToElement","bindEventHandlers","childCleanupFunctions","unmountComponentEnhanced","domError","unmountComponent","htmlElement","modifiers","domNode","modifier","props","eventType","handler","mountComponentChildren","cleanupFunctions","childCleanup","updateComponent","newProps","getComponentFromElement","current","DOMBridgeDebug","issues"],"mappings":"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"}