@tachui/core 0.7.0-alpha1 → 0.8.0-alpha

package/dist/compiler/index.js

@@ -1,13 +1,1395 @@
-import { parseAdvancedSwiftUISyntax as o } from "./advanced-parser.js";
-import { generateDOMCode as a } from "./codegen.js";
-import { generateEnhancedDOMCode as f } from "./enhanced-codegen.js";
-import { parseSwiftUISyntax as x } from "./parser.js";
-import { createTachUIPlugin as m } from "./plugin.js";
+var u = Object.defineProperty, m = (r, e, t) => e in r ? u(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, c = (r, e, t) => m(r, typeof e != "symbol" ? e + "" : e, t);
+class f {
+  constructor(e, t) {
+    c(this, "code"), c(this, "filename"), c(this, "position", 0), c(this, "line", 1), c(this, "column", 1), this.code = e, this.filename = t;
+  }
+  /**
+   * Parse advanced SwiftUI syntax into enhanced AST
+   */
+  parse() {
+    const e = [];
+    for (; !this.isAtEnd() && (this.skipWhitespace(), !this.isAtEnd()); ) {
+      const t = this.parseAdvancedNode();
+      t && e.push(t);
+    }
+    return e;
+  }
+  /**
+   * Parse advanced AST nodes including conditionals and loops
+   */
+  parseAdvancedNode() {
+    const e = this.currentPosition(), t = this.position;
+    return this.match("if") ? this.parseConditional(e) : this.match("ForEach") ? this.parseForEach(e) : this.peek() === "@" ? this.parsePropertyWrapper(e) : this.peek() === "$" ? this.parseStateBinding(e) : this.isComponentStart() ? this.parseEnhancedComponent(e) : (this.position === t && this.advance(), null);
+  }
+  /**
+   * Parse conditional rendering (if/else)
+   */
+  parseConditional(e) {
+    this.skipWhitespace();
+    const t = this.parseComplexExpression();
+    if (!t)
+      throw new Error(`Expected condition after 'if' at line ${this.line}`);
+    this.skipWhitespace();
+    const i = [];
+    if (this.peek() === "{") {
+      for (this.advance(), this.skipWhitespace(); !this.isAtEnd() && this.peek() !== "}"; ) {
+        const a = this.parseAdvancedNode();
+        a && i.push(a), this.skipWhitespace();
+      }
+      this.peek() === "}" && this.advance();
+    }
+    let s;
+    if (this.skipWhitespace(), this.match("else") && (s = [], this.skipWhitespace(), this.peek() === "{")) {
+      for (this.advance(), this.skipWhitespace(); !this.isAtEnd() && this.peek() !== "}"; ) {
+        const a = this.parseAdvancedNode();
+        a && s.push(a), this.skipWhitespace();
+      }
+      this.peek() === "}" && this.advance();
+    }
+    const n = {
+      type: "Conditional",
+      condition: t,
+      thenBody: i,
+      loc: {
+        start: e,
+        end: this.currentPosition(),
+        source: this.filename
+      }
+    };
+    return s !== void 0 && (n.elseBody = s), n;
+  }
+  /**
+   * Parse ForEach loops for list rendering
+   */
+  parseForEach(e) {
+    if (this.skipWhitespace(), this.peek() !== "(")
+      throw new Error(`Expected '(' after ForEach at line ${this.line}`);
+    this.advance(), this.skipWhitespace();
+    const t = this.parseComplexExpression();
+    if (!t)
+      throw new Error(
+        `Expected iterable expression in ForEach at line ${this.line}`
+      );
+    this.skipWhitespace(), this.peek() === "," && (this.advance(), this.skipWhitespace()), this.match("id:") && (this.skipWhitespace(), this.parseComplexExpression()), this.skipWhitespace(), this.peek() === ")" && this.advance(), this.skipWhitespace();
+    let i = "item";
+    if (this.peek() === "{") {
+      this.advance(), this.skipWhitespace();
+      const n = this.position, a = this.parseIdentifier();
+      a && this.match("in") ? i = a : this.position = n;
+    }
+    const s = [];
+    for (; !this.isAtEnd() && this.peek() !== "}"; ) {
+      const n = this.parseAdvancedNode();
+      n && s.push(n), this.skipWhitespace();
+    }
+    return this.peek() === "}" && this.advance(), {
+      type: "ForEach",
+      iterable: t,
+      itemIdentifier: i,
+      body: s,
+      loc: {
+        start: e,
+        end: this.currentPosition(),
+        source: this.filename
+      }
+    };
+  }
+  /**
+   * Parse property wrappers (@State, @Computed, etc.)
+   */
+  parsePropertyWrapper(e) {
+    this.advance();
+    const t = this.parseIdentifier();
+    if (!t || !["State", "Computed", "Effect"].includes(t))
+      throw new Error(
+        `Unknown property wrapper @${t} at line ${this.line}`
+      );
+    this.skipWhitespace();
+    const i = this.parseIdentifier();
+    if (!i)
+      throw new Error(
+        `Expected identifier after @${t} at line ${this.line}`
+      );
+    let s;
+    if (this.skipWhitespace(), this.peek() === "=") {
+      this.advance(), this.skipWhitespace();
+      const a = this.parseComplexExpression();
+      a && (s = a);
+    }
+    const n = {
+      type: "PropertyWrapper",
+      wrapper: t,
+      identifier: i,
+      loc: {
+        start: e,
+        end: this.currentPosition(),
+        source: this.filename
+      }
+    };
+    return s !== void 0 && (n.initialValue = s), n;
+  }
+  /**
+   * Parse state bindings ($variable)
+   */
+  parseStateBinding(e) {
+    this.advance();
+    const t = this.parseIdentifier();
+    if (!t)
+      throw new Error(`Expected identifier after '$' at line ${this.line}`);
+    return {
+      type: "StateBinding",
+      identifier: t,
+      loc: {
+        start: e,
+        end: this.currentPosition(),
+        source: this.filename
+      }
+    };
+  }
+  /**
+   * Parse enhanced components with complex modifier chains
+   */
+  parseEnhancedComponent(e) {
+    const t = this.parseIdentifier();
+    this.skipWhitespace();
+    const i = [], s = [];
+    if (this.peek() === "(") {
+      for (this.advance(), this.skipWhitespace(); !this.isAtEnd() && this.peek() !== ")"; ) {
+        const n = this.parseComplexExpression();
+        n && i.push(n), this.skipWhitespace(), this.peek() === "," && (this.advance(), this.skipWhitespace());
+      }
+      this.peek() === ")" && this.advance();
+    } else if (this.peek() === "{") {
+      for (this.advance(), this.skipWhitespace(); !this.isAtEnd() && this.peek() !== "}"; ) {
+        const n = this.parseAdvancedNode();
+        n && i.push(n), this.skipWhitespace();
+      }
+      this.peek() === "}" && this.advance();
+    }
+    for (this.skipWhitespace(); this.peek() === "."; ) {
+      const n = this.parseAdvancedModifier();
+      n && s.push(n), this.skipWhitespace();
+    }
+    return {
+      type: "Component",
+      name: t,
+      children: i,
+      modifiers: s,
+      loc: {
+        start: e,
+        end: this.currentPosition(),
+        source: this.filename
+      }
+    };
+  }
+  /**
+   * Parse advanced modifiers with complex expressions
+   */
+  parseAdvancedModifier() {
+    if (this.peek() !== ".") return null;
+    const e = this.currentPosition();
+    this.advance();
+    const t = this.parseIdentifier();
+    if (!t) return null;
+    const i = [];
+    if (this.peek() === "(") {
+      for (this.advance(), this.skipWhitespace(); !this.isAtEnd() && this.peek() !== ")"; ) {
+        const s = this.parseComplexExpression();
+        s && i.push(s), this.skipWhitespace(), this.peek() === "," && (this.advance(), this.skipWhitespace());
+      }
+      this.peek() === ")" && this.advance();
+    }
+    return {
+      type: "Modifier",
+      name: t,
+      arguments: i,
+      loc: {
+        start: e,
+        end: this.currentPosition(),
+        source: this.filename
+      }
+    };
+  }
+  /**
+   * Parse complex expressions including function calls, property access, etc.
+   */
+  parseComplexExpression() {
+    this.skipWhitespace();
+    const e = this.currentPosition();
+    if (this.peek() === '"' || this.peek() === "'")
+      return this.parseStringLiteral(e);
+    if (this.isDigit(this.peek()))
+      return this.parseNumberLiteral(e);
+    if (this.match("true") || this.match("false") || this.match("null")) {
+      const i = this.code.slice(e.offset, this.position);
+      return {
+        type: "Literal",
+        value: i === "true" ? !0 : i === "false" ? !1 : null,
+        raw: i,
+        loc: {
+          start: e,
+          end: this.currentPosition(),
+          source: this.filename
+        }
+      };
+    }
+    const t = this.parseIdentifier();
+    return t ? (this.skipWhitespace(), this.peek() === "(" ? this.parseFunctionCall(t, e) : this.peek() === "." ? this.parsePropertyAccess(t, e) : {
+      type: "Identifier",
+      name: t,
+      loc: {
+        start: e,
+        end: this.currentPosition(),
+        source: this.filename
+      }
+    }) : this.peek() === "[" ? this.parseArrayLiteral(e) : null;
+  }
+  /**
+   * Parse function calls with arguments
+   */
+  parseFunctionCall(e, t) {
+    this.advance(), this.skipWhitespace();
+    const i = [];
+    for (; !this.isAtEnd() && this.peek() !== ")"; ) {
+      const s = this.parseComplexExpression();
+      s && i.push(s), this.skipWhitespace(), this.peek() === "," && (this.advance(), this.skipWhitespace());
+    }
+    return this.peek() === ")" && this.advance(), {
+      type: "CallExpression",
+      callee: { type: "Identifier", name: e },
+      arguments: i,
+      loc: {
+        start: t,
+        end: this.currentPosition(),
+        source: this.filename
+      }
+    };
+  }
+  /**
+   * Parse property access (obj.prop)
+   */
+  parsePropertyAccess(e, t) {
+    let i = e;
+    for (; this.peek() === "."; ) {
+      this.advance();
+      const s = this.parseIdentifier();
+      s && (i = `${i}.${s}`);
+    }
+    return {
+      type: "MemberExpression",
+      object: e,
+      property: i.split(".").slice(1).join("."),
+      loc: {
+        start: t,
+        end: this.currentPosition(),
+        source: this.filename
+      }
+    };
+  }
+  /**
+   * Parse array literals [1, 2, 3]
+   */
+  parseArrayLiteral(e) {
+    this.advance(), this.skipWhitespace();
+    const t = [];
+    for (; !this.isAtEnd() && this.peek() !== "]"; ) {
+      const i = this.parseComplexExpression();
+      i && t.push(i), this.skipWhitespace(), this.peek() === "," && (this.advance(), this.skipWhitespace());
+    }
+    return this.peek() === "]" && this.advance(), {
+      type: "ArrayExpression",
+      elements: t,
+      loc: {
+        start: e,
+        end: this.currentPosition(),
+        source: this.filename
+      }
+    };
+  }
+  // Helper methods (reuse from basic parser with enhancements)
+  parseStringLiteral(e) {
+    const t = this.peek();
+    this.advance();
+    let i = "";
+    for (; !this.isAtEnd() && this.peek() !== t; )
+      if (this.peek() === "\\") {
+        this.advance();
+        const s = this.peek();
+        switch (s) {
+          case "n":
+            i += `
+`;
+            break;
+          case "t":
+            i += "	";
+            break;
+          case "r":
+            i += "\r";
+            break;
+          case "\\":
+            i += "\\";
+            break;
+          case '"':
+            i += '"';
+            break;
+          case "'":
+            i += "'";
+            break;
+          default:
+            i += s;
+            break;
+        }
+        this.advance();
+      } else
+        i += this.peek(), this.advance();
+    return this.peek() === t && this.advance(), {
+      type: "Literal",
+      value: i,
+      raw: this.code.slice(e.offset, this.position),
+      loc: {
+        start: e,
+        end: this.currentPosition(),
+        source: this.filename
+      }
+    };
+  }
+  parseNumberLiteral(e) {
+    let t = "";
+    for (; !this.isAtEnd() && (this.isDigit(this.peek()) || this.peek() === "."); )
+      t += this.peek(), this.advance();
+    return {
+      type: "Literal",
+      value: t.includes(".") ? parseFloat(t) : parseInt(t, 10),
+      raw: t,
+      loc: {
+        start: e,
+        end: this.currentPosition(),
+        source: this.filename
+      }
+    };
+  }
+  parseIdentifier() {
+    if (!this.isAlpha(this.peek()) && this.peek() !== "_")
+      return null;
+    let e = "";
+    for (; !this.isAtEnd() && (this.isAlphaNumeric(this.peek()) || this.peek() === "_"); )
+      e += this.peek(), this.advance();
+    return e;
+  }
+  // Utility methods
+  isComponentStart() {
+    const e = this.position, t = this.line, i = this.column, s = this.parseIdentifier();
+    return this.position = e, this.line = t, this.column = i, s ? [
+      "VStack",
+      "HStack",
+      "ZStack",
+      "List",
+      "Form",
+      "NavigationStack",
+      "Text",
+      "Button",
+      "Image",
+      "TextField",
+      "Toggle",
+      "Slider",
+      // ScrollView moved to @tachui/mobile
+      "LazyVStack",
+      "LazyHStack"
+    ].includes(s) : !1;
+  }
+  match(e) {
+    return this.code.slice(this.position, this.position + e.length) === e ? (this.position += e.length, this.column += e.length, !0) : !1;
+  }
+  skipWhitespace() {
+    for (; !this.isAtEnd() && this.isWhitespace(this.peek()); )
+      this.peek() === `
+` ? (this.line++, this.column = 1) : this.column++, this.position++;
+  }
+  peek() {
+    return this.isAtEnd() ? "\0" : this.code[this.position];
+  }
+  advance() {
+    const e = this.peek();
+    return this.isAtEnd() || (this.position++, e === `
+` ? (this.line++, this.column = 1) : this.column++), e;
+  }
+  isAtEnd() {
+    return this.position >= this.code.length;
+  }
+  isWhitespace(e) {
+    return /\s/.test(e);
+  }
+  isAlpha(e) {
+    return /[a-zA-Z]/.test(e);
+  }
+  isDigit(e) {
+    return /[0-9]/.test(e);
+  }
+  isAlphaNumeric(e) {
+    return this.isAlpha(e) || this.isDigit(e);
+  }
+  currentPosition() {
+    return {
+      line: this.line,
+      column: this.column,
+      offset: this.position
+    };
+  }
+}
+function A(r, e) {
+  return new f(r, e).parse();
+}
+var g = Object.defineProperty, L = (r, e, t) => e in r ? g(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, p = (r, e, t) => L(r, typeof e != "symbol" ? e + "" : e, t);
+function k(r, e = {}) {
+  return new E(e).generate(r);
+}
+class E {
+  constructor(e) {
+    p(this, "options"), p(this, "imports", /* @__PURE__ */ new Set()), p(this, "variables", []), p(this, "code", []), p(this, "indentLevel", 0), this.options = e;
+  }
+  /**
+   * Generate complete code from AST nodes
+   */
+  generate(e) {
+    return this.reset(), this.addImport("createSignal", "@tachui/core/reactive"), this.addImport("createEffect", "@tachui/core/reactive"), this.addImport("createComputed", "@tachui/core/reactive"), e.forEach((i) => this.generateNode(i)), {
+      code: this.buildFinalCode(),
+      map: this.options.sourceMaps ? this.generateSourceMap() : void 0
+    };
+  }
+  /**
+   * Generate code for a single AST node
+   */
+  generateNode(e) {
+    switch (e.type) {
+      case "Component":
+        this.generateComponent(e);
+        break;
+    }
+  }
+  /**
+   * Generate code for a component node
+   */
+  generateComponent(e) {
+    switch (e.name) {
+      case "VStack":
+      case "HStack":
+      case "ZStack":
+        this.generateStackComponent(e);
+        break;
+      case "Text":
+        this.generateTextComponent(e);
+        break;
+      case "Button":
+        this.generateButtonComponent(e);
+        break;
+      case "List":
+        this.generateListComponent(e);
+        break;
+      default:
+        this.generateGenericComponent(e);
+        break;
+    }
+  }
+  /**
+   * Generate code for stack components (VStack, HStack, ZStack)
+   */
+  generateStackComponent(e) {
+    const t = e.name.toLowerCase().replace("stack", ""), i = this.createVariable("container");
+    this.addLine(`// ${e.name} component`), this.addLine(`const ${i} = document.createElement('div')`), this.addLine(
+      `${i}.className = 'tachui-${t} ${this.generateStackClasses(e.name)}'`
+    );
+    const s = this.generateModifierStyles(e.modifiers);
+    s.length > 0 && (this.addLine(`Object.assign(${i}.style, {`), this.indent(), s.forEach((n) => this.addLine(`${n},`)), this.dedent(), this.addLine("})")), e.children.forEach((n) => {
+      this.generateNode(n);
+      const a = this.getLastVariable();
+      a && this.addLine(`${i}.appendChild(${a})`);
+    }), this.addEmptyLine();
+  }
+  /**
+   * Generate code for Text component
+   */
+  generateTextComponent(e) {
+    const t = this.createVariable("textElement"), i = this.getTextContent(e.children);
+    this.addLine("// Text component"), this.addLine(`const ${t} = document.createElement('span')`), this.addLine(`${t}.className = 'tachui-text'`), this.isReactiveExpression(i) ? (this.addLine("createEffect(() => {"), this.indent(), this.addLine(`${t}.textContent = ${i}`), this.dedent(), this.addLine("})")) : this.addLine(`${t}.textContent = ${i}`);
+    const s = this.generateModifierStyles(e.modifiers);
+    s.length > 0 && (this.addLine(`Object.assign(${t}.style, {`), this.indent(), s.forEach((n) => this.addLine(`${n},`)), this.dedent(), this.addLine("})")), this.addEmptyLine();
+  }
+  /**
+   * Generate code for Button component
+   */
+  generateButtonComponent(e) {
+    const t = this.createVariable("buttonElement"), i = this.getTextContent(e.children);
+    this.addLine("// Button component"), this.addLine(`const ${t} = document.createElement('button')`), this.addLine(`${t}.className = 'tachui-button'`), this.addLine(`${t}.textContent = ${i}`);
+    const s = this.generateModifierStyles(e.modifiers), n = this.generateEventHandlers(e.modifiers);
+    s.length > 0 && (this.addLine(`Object.assign(${t}.style, {`), this.indent(), s.forEach((a) => this.addLine(`${a},`)), this.dedent(), this.addLine("})")), n.forEach((a) => this.addLine(a)), this.addEmptyLine();
+  }
+  /**
+   * Generate code for List component
+   */
+  generateListComponent(e) {
+    const t = this.createVariable("listElement");
+    this.addLine("// List component"), this.addLine(`const ${t} = document.createElement('div')`), this.addLine(`${t}.className = 'tachui-list'`), e.children.forEach((i) => {
+      this.generateNode(i);
+      const s = this.getLastVariable();
+      s && this.addLine(`${t}.appendChild(${s})`);
+    }), this.addEmptyLine();
+  }
+  /**
+   * Generate code for generic/custom components
+   */
+  generateGenericComponent(e) {
+    const t = this.createVariable("element");
+    this.addLine(`// ${e.name} component`), this.addLine(`const ${t} = document.createElement('div')`), this.addLine(`${t}.className = 'tachui-${e.name.toLowerCase()}'`);
+    const i = this.generateModifierStyles(e.modifiers);
+    i.length > 0 && (this.addLine(`Object.assign(${t}.style, {`), this.indent(), i.forEach((s) => this.addLine(`${s},`)), this.dedent(), this.addLine("})")), this.addEmptyLine();
+  }
+  /**
+   * Generate CSS classes for stack layouts
+   */
+  generateStackClasses(e) {
+    switch (e) {
+      case "VStack":
+        return "flex flex-col";
+      case "HStack":
+        return "flex flex-row";
+      case "ZStack":
+        return "relative";
+      default:
+        return "flex";
+    }
+  }
+  /**
+   * Generate styles from modifiers
+   */
+  generateModifierStyles(e) {
+    const t = [];
+    return e.forEach((i) => {
+      const s = this.convertModifierToStyle(i);
+      s && t.push(s);
+    }), t;
+  }
+  /**
+   * Generate event handlers from modifiers
+   */
+  generateEventHandlers(e) {
+    const t = [];
+    return e.forEach((i) => {
+      if (i.name === "onTapGesture" && i.arguments.length > 0) {
+        const s = this.expressionToString(i.arguments[0]);
+        t.push(`${this.getLastVariable()}.addEventListener('click', ${s})`);
+      }
+    }), t;
+  }
+  /**
+   * Convert modifier to CSS style property
+   */
+  convertModifierToStyle(e) {
+    const t = e.arguments;
+    switch (e.name) {
+      case "padding":
+        return `padding: ${t.length > 0 ? this.expressionToString(t[0]) : '"8px"'}`;
+      case "background":
+        if (t.length > 0)
+          return `backgroundColor: ${this.expressionToString(t[0])}`;
+        break;
+      case "foregroundColor":
+        if (t.length > 0)
+          return `color: ${this.expressionToString(t[0])}`;
+        break;
+      case "font":
+        if (t.length > 0)
+          return `fontSize: ${this.expressionToString(t[0])}`;
+        break;
+      case "cornerRadius":
+        if (t.length > 0)
+          return `borderRadius: ${this.expressionToString(t[0])}px`;
+        break;
+      case "opacity":
+        if (t.length > 0)
+          return `opacity: ${this.expressionToString(t[0])}`;
+        break;
+      case "frame":
+        if (t.length >= 2)
+          return null;
+        break;
+    }
+    return null;
+  }
+  /**
+   * Helper methods
+   */
+  getTextContent(e) {
+    if (e.length === 0) return '""';
+    const t = e[0];
+    return t.type === "Literal" ? `"${t.value}"` : this.expressionToString(t);
+  }
+  expressionToString(e) {
+    switch (e.type) {
+      case "Literal": {
+        const t = e;
+        return typeof t.value == "string" ? `"${t.value}"` : String(t.value);
+      }
+      case "Identifier":
+        return e.name;
+      default:
+        return '""';
+    }
+  }
+  isReactiveExpression(e) {
+    return e.includes("()") || !e.startsWith('"') && !e.match(/^\d+$/);
+  }
+  createVariable(e) {
+    const t = `${e}${this.variables.length + 1}`;
+    return this.variables.push(t), t;
+  }
+  getLastVariable() {
+    return this.variables.length > 0 ? this.variables[this.variables.length - 1] : null;
+  }
+  addImport(e, t) {
+    this.imports.add(`import { ${e} } from '${t}'`);
+  }
+  addLine(e) {
+    const t = "  ".repeat(this.indentLevel);
+    this.code.push(t + e);
+  }
+  addEmptyLine() {
+    this.code.push("");
+  }
+  indent() {
+    this.indentLevel++;
+  }
+  dedent() {
+    this.indentLevel = Math.max(0, this.indentLevel - 1);
+  }
+  buildFinalCode() {
+    const e = Array.from(this.imports).join(`
+`), t = this.code.join(`
+`);
+    return `${e}
+
+${t}`;
+  }
+  generateSourceMap() {
+    return null;
+  }
+  reset() {
+    this.imports.clear(), this.variables = [], this.code = [], this.indentLevel = 0;
+  }
+}
+var v = Object.defineProperty, $ = (r, e, t) => e in r ? v(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, d = (r, e, t) => $(r, typeof e != "symbol" ? e + "" : e, t);
+class C {
+  constructor(e) {
+    d(this, "options"), d(this, "imports", /* @__PURE__ */ new Set()), d(this, "variables", []), d(this, "code", []), d(this, "indentLevel", 0), d(this, "dependencies", /* @__PURE__ */ new Set()), d(this, "exports", /* @__PURE__ */ new Set()), this.options = e;
+  }
+  /**
+   * Generate enhanced reactive DOM code from AST
+   */
+  generate(e) {
+    return this.reset(), this.addImport(
+      "createSignal, createEffect, createComputed, createRoot, batch",
+      "@tachui/core/reactive"
+    ), e.forEach((i) => this.generateEnhancedNode(i)), this.generateMountFunction(), {
+      code: this.buildFinalCode(),
+      map: this.options.sourceMaps ? this.generateSourceMap() : void 0,
+      dependencies: Array.from(this.dependencies),
+      exports: Array.from(this.exports)
+    };
+  }
+  /**
+   * Generate code for enhanced AST nodes
+   */
+  generateEnhancedNode(e) {
+    switch (e.type) {
+      case "Component":
+        this.generateEnhancedComponent(e);
+        break;
+      case "Conditional":
+        this.generateConditionalRendering(e);
+        break;
+      case "ForEach":
+        this.generateListRendering(e);
+        break;
+      case "PropertyWrapper":
+        this.generatePropertyWrapper(e);
+        break;
+      case "StateBinding":
+        this.generateStateBinding(e);
+        break;
+    }
+  }
+  /**
+   * Generate conditional rendering with reactive effects
+   */
+  generateConditionalRendering(e) {
+    const t = this.createVariable("condition"), i = this.createVariable("conditionalContainer");
+    this.addLine("// Conditional rendering"), this.addLine(`const ${i} = document.createElement('div')`), this.addLine(`${i}.className = 'tachui-conditional'`);
+    const s = this.expressionToCode(e.condition);
+    this.addLine(`const ${t} = createComputed(() => ${s})`), this.addLine("createEffect(() => {"), this.indent(), this.addLine("// Clear previous content"), this.addLine(`${i}.innerHTML = ''`), this.addEmptyLine(), this.addLine(`if (${t}()) {`), this.indent(), this.addLine("// Render then body"), e.thenBody.forEach((n) => {
+      this.generateEnhancedNode(n);
+      const a = this.getLastVariable();
+      a && this.addLine(`${i}.appendChild(${a})`);
+    }), this.dedent(), e.elseBody && e.elseBody.length > 0 && (this.addLine("} else {"), this.indent(), this.addLine("// Render else body"), e.elseBody.forEach((n) => {
+      this.generateEnhancedNode(n);
+      const a = this.getLastVariable();
+      a && this.addLine(`${i}.appendChild(${a})`);
+    }), this.dedent()), this.addLine("}"), this.dedent(), this.addLine("})"), this.addEmptyLine();
+  }
+  /**
+   * Generate list rendering with keyed updates
+   */
+  generateListRendering(e) {
+    const t = this.createVariable("listContainer"), i = this.createVariable("items"), s = this.createVariable("renderedItems");
+    this.addLine("// List rendering with keyed updates"), this.addLine(`const ${t} = document.createElement('div')`), this.addLine(`${t}.className = 'tachui-list'`), this.addLine(`let ${s} = new Map()`);
+    const n = this.expressionToCode(e.iterable);
+    if (this.addLine(`const ${i} = createComputed(() => ${n})`), this.addLine("createEffect(() => {"), this.indent(), this.addLine(`const currentItems = ${i}()`), this.addLine("const newRenderedItems = new Map()"), this.addEmptyLine(), this.addLine("// Update existing items and create new ones"), this.addLine(`currentItems.forEach((${e.itemIdentifier}, index) => {`), this.indent(), this.options.generateKeyedLists) {
+      this.addLine(`const key = ${e.itemIdentifier}.id || index`), this.addLine(`let itemElement = ${s}.get(key)`), this.addEmptyLine(), this.addLine("if (!itemElement) {"), this.indent(), this.addLine("// Create new item element"), this.generateListItemContent(e);
+      const a = this.getLastVariable();
+      this.addLine(`itemElement = ${a}`), this.dedent(), this.addLine("}"), this.addEmptyLine(), this.addLine("newRenderedItems.set(key, itemElement)"), this.addLine(`${t}.appendChild(itemElement)`);
+    } else {
+      this.addLine("// Simple list item generation"), this.generateListItemContent(e);
+      const a = this.getLastVariable();
+      this.addLine(`${t}.appendChild(${a})`);
+    }
+    this.dedent(), this.addLine("})"), this.addEmptyLine(), this.options.generateKeyedLists && (this.addLine("// Remove items that are no longer in the list"), this.addLine(`${s}.forEach((element, key) => {`), this.indent(), this.addLine("if (!newRenderedItems.has(key)) {"), this.indent(), this.addLine("element.remove()"), this.dedent(), this.addLine("}"), this.dedent(), this.addLine("})"), this.addEmptyLine(), this.addLine(`${s} = newRenderedItems`)), this.dedent(), this.addLine("})"), this.addEmptyLine();
+  }
+  /**
+   * Generate content for list items
+   */
+  generateListItemContent(e) {
+    this.addLine("// List item content"), e.body.forEach((t) => {
+      this.generateEnhancedNode(t);
+    });
+  }
+  /**
+   * Generate property wrapper code
+   */
+  generatePropertyWrapper(e) {
+    const { wrapper: t, identifier: i, initialValue: s } = e;
+    switch (this.addLine(`// @${t} property wrapper`), t) {
+      case "State": {
+        const n = s ? this.expressionToCode(s) : "undefined";
+        this.addLine(
+          `const [${i}, set${this.capitalize(i)}] = createSignal(${n})`
+        ), this.dependencies.add(i);
+        break;
+      }
+      case "Computed":
+        if (s) {
+          const n = this.expressionToCode(s);
+          this.addLine(`const ${i} = createComputed(() => ${n})`), this.dependencies.add(i);
+        }
+        break;
+      case "Effect":
+        if (s) {
+          const n = this.expressionToCode(s);
+          this.addLine(`const ${i} = createEffect(() => ${n})`);
+        }
+        break;
+    }
+    this.addEmptyLine();
+  }
+  /**
+   * Generate state binding code
+   */
+  generateStateBinding(e) {
+    this.addLine(`// State binding: $${e.identifier}`), this.addLine(`const ${e.identifier}Binding = {`), this.indent(), this.addLine(`get: () => ${e.identifier}(),`), this.addLine(`set: set${this.capitalize(e.identifier)}`), this.dedent(), this.addLine("}"), this.addEmptyLine();
+  }
+  /**
+   * Generate enhanced component with reactive features
+   */
+  generateEnhancedComponent(e) {
+    switch (e.name) {
+      case "VStack":
+      case "HStack":
+      case "ZStack":
+        this.generateEnhancedStackComponent(e);
+        break;
+      case "Text":
+        this.generateEnhancedTextComponent(e);
+        break;
+      case "Button":
+        this.generateEnhancedButtonComponent(e);
+        break;
+      case "TextField":
+        this.generateEnhancedTextFieldComponent(e);
+        break;
+      default:
+        this.generateEnhancedGenericComponent(e);
+        break;
+    }
+  }
+  /**
+   * Generate enhanced stack component with reactive children
+   */
+  generateEnhancedStackComponent(e) {
+    const t = e.name.toLowerCase().replace("stack", ""), i = this.createVariable("container");
+    this.addLine(`// Enhanced ${e.name} component`), this.addLine(`const ${i} = document.createElement('div')`), this.addLine(
+      `${i}.className = 'tachui-${t} ${this.generateStackClasses(e.name)}'`
+    ), this.addLine("// Reactive children management"), e.children.forEach((s) => {
+      this.generateEnhancedNode(s);
+      const n = this.getLastVariable();
+      n && this.addLine(`${i}.appendChild(${n})`);
+    }), this.generateEnhancedModifiers(e.modifiers, i), this.addEmptyLine();
+  }
+  /**
+   * Generate enhanced text component with reactive content
+   */
+  generateEnhancedTextComponent(e) {
+    const t = this.createVariable("textElement"), i = this.getTextContent(e.children);
+    this.addLine("// Enhanced Text component"), this.addLine(`const ${t} = document.createElement('span')`), this.addLine(`${t}.className = 'tachui-text'`), this.isReactiveExpression(i) ? (this.addLine("createEffect(() => {"), this.indent(), this.addLine(`${t}.textContent = String(${i})`), this.dedent(), this.addLine("})")) : this.addLine(`${t}.textContent = ${i}`), this.generateEnhancedModifiers(e.modifiers, t), this.addEmptyLine();
+  }
+  /**
+   * Generate enhanced button component
+   */
+  generateEnhancedButtonComponent(e) {
+    const t = this.createVariable("buttonElement"), i = this.getTextContent(e.children);
+    this.addLine("// Enhanced Button component"), this.addLine(`const ${t} = document.createElement('button')`), this.addLine(`${t}.className = 'tachui-button'`), this.isReactiveExpression(i) ? (this.addLine("createEffect(() => {"), this.indent(), this.addLine(`${t}.textContent = String(${i})`), this.dedent(), this.addLine("})")) : this.addLine(`${t}.textContent = ${i}`), this.generateEnhancedModifiers(e.modifiers, t), this.addEmptyLine();
+  }
+  /**
+   * Generate enhanced TextField component with two-way binding
+   */
+  generateEnhancedTextFieldComponent(e) {
+    const t = this.createVariable("textFieldElement"), i = e.children.length > 0 ? this.getTextContent([e.children[0]]) : '""';
+    this.addLine("// Enhanced TextField component"), this.addLine(`const ${t} = document.createElement('input')`), this.addLine(`${t}.type = 'text'`), this.addLine(`${t}.className = 'tachui-textfield'`), this.addLine(`${t}.placeholder = ${i}`);
+    const s = e.children.find((n) => n.type === "StateBinding");
+    s && (this.addLine("// Two-way data binding"), this.addLine("createEffect(() => {"), this.indent(), this.addLine(`${t}.value = String(${s.identifier}() || '')`), this.dedent(), this.addLine("})"), this.addLine(`${t}.addEventListener('input', (e) => {`), this.indent(), this.addLine(`set${this.capitalize(s.identifier)}(e.target.value)`), this.dedent(), this.addLine("})")), this.generateEnhancedModifiers(e.modifiers, t), this.addEmptyLine();
+  }
+  /**
+   * Generate enhanced generic component
+   */
+  generateEnhancedGenericComponent(e) {
+    const t = this.createVariable("element");
+    this.addLine(`// Enhanced ${e.name} component`), this.addLine(`const ${t} = document.createElement('div')`), this.addLine(`${t}.className = 'tachui-${e.name.toLowerCase()}'`), e.children.forEach((i) => {
+      this.generateEnhancedNode(i);
+      const s = this.getLastVariable();
+      s && this.addLine(`${t}.appendChild(${s})`);
+    }), this.generateEnhancedModifiers(e.modifiers, t), this.addEmptyLine();
+  }
+  /**
+   * Generate enhanced modifiers with reactive updates
+   */
+  generateEnhancedModifiers(e, t) {
+    if (e.length === 0) return;
+    const i = [], s = [], n = [];
+    e.forEach((a) => {
+      const h = this.convertModifierToStyle(a);
+      h && (this.modifierHasReactiveContent(a) ? s.push(h) : i.push(h));
+      const o = this.convertModifierToHandler(a, t);
+      o && n.push(o);
+    }), i.length > 0 && (this.addLine(`Object.assign(${t}.style, {`), this.indent(), i.forEach((a) => this.addLine(`${a},`)), this.dedent(), this.addLine("})")), s.length > 0 && (this.addLine("createEffect(() => {"), this.indent(), this.addLine(`Object.assign(${t}.style, {`), this.indent(), s.forEach((a) => this.addLine(`${a},`)), this.dedent(), this.addLine("})"), this.dedent(), this.addLine("})")), n.forEach((a) => this.addLine(a));
+  }
+  /**
+   * Generate component mount function
+   */
+  generateMountFunction() {
+    if (this.addLine("// Component mount function"), this.addLine("export function mountComponent(container) {"), this.indent(), this.addLine("return createRoot(() => {"), this.indent(), this.variables.length > 0) {
+      const e = this.variables[this.variables.length - 1];
+      this.addLine(`container.appendChild(${e})`), this.addLine(`return () => container.removeChild(${e})`);
+    }
+    this.dedent(), this.addLine("})"), this.dedent(), this.addLine("}"), this.exports.add("mountComponent");
+  }
+  /**
+   * Helper methods
+   */
+  expressionToCode(e) {
+    switch (e.type) {
+      case "Literal": {
+        const t = e;
+        return typeof t.value == "string" ? `"${t.value}"` : String(t.value);
+      }
+      case "Identifier":
+        return e.name;
+      case "CallExpression": {
+        const t = e, i = t.arguments.map((s) => this.expressionToCode(s)).join(", ");
+        return `${this.expressionToCode(t.callee)}(${i})`;
+      }
+      case "MemberExpression": {
+        const t = e;
+        return `${t.object}.${t.property}`;
+      }
+      case "ArrayExpression":
+        return `[${e.elements.map((s) => this.expressionToCode(s)).join(", ")}]`;
+      default:
+        return '""';
+    }
+  }
+  getTextContent(e) {
+    if (e.length === 0) return '""';
+    const t = e[0];
+    return t.type === "Literal" || t.type === "Identifier" || t.type === "CallExpression" || t.type === "MemberExpression" || t.type === "ArrayExpression" ? this.expressionToCode(t) : '""';
+  }
+  isReactiveExpression(e) {
+    return e.includes("()") || e.includes("get") || !e.startsWith('"') && !e.match(/^\d+$/);
+  }
+  modifierHasReactiveContent(e) {
+    return e.arguments.some((t) => {
+      const i = this.expressionToCode(t);
+      return this.isReactiveExpression(i);
+    });
+  }
+  convertModifierToStyle(e) {
+    const t = e.arguments;
+    switch (e.name) {
+      case "padding":
+        return `padding: ${t.length > 0 ? this.expressionToCode(t[0]) : '"8px"'}`;
+      case "background":
+        if (t.length > 0)
+          return `backgroundColor: ${this.expressionToCode(t[0])}`;
+        break;
+      case "foregroundColor":
+        if (t.length > 0)
+          return `color: ${this.expressionToCode(t[0])}`;
+        break;
+      case "font":
+        if (t.length > 0)
+          return `fontSize: ${this.expressionToCode(t[0])}`;
+        break;
+      case "cornerRadius":
+        if (t.length > 0)
+          return `borderRadius: ${this.expressionToCode(t[0])}px`;
+        break;
+      case "opacity":
+        if (t.length > 0)
+          return `opacity: ${this.expressionToCode(t[0])}`;
+        break;
+    }
+    return null;
+  }
+  convertModifierToHandler(e, t) {
+    if (e.name === "onTapGesture" && e.arguments.length > 0) {
+      const i = this.expressionToCode(e.arguments[0]);
+      return `${t}.addEventListener('click', ${i})`;
+    }
+    return null;
+  }
+  generateStackClasses(e) {
+    switch (e) {
+      case "VStack":
+        return "flex flex-col";
+      case "HStack":
+        return "flex flex-row";
+      case "ZStack":
+        return "relative";
+      default:
+        return "flex";
+    }
+  }
+  capitalize(e) {
+    return e.charAt(0).toUpperCase() + e.slice(1);
+  }
+  createVariable(e) {
+    const t = `${e}${this.variables.length + 1}`;
+    return this.variables.push(t), t;
+  }
+  getLastVariable() {
+    return this.variables.length > 0 ? this.variables[this.variables.length - 1] : null;
+  }
+  addImport(e, t) {
+    this.imports.add(`import { ${e} } from '${t}'`);
+  }
+  addLine(e) {
+    const t = "  ".repeat(this.indentLevel);
+    this.code.push(t + e);
+  }
+  addEmptyLine() {
+    this.code.push("");
+  }
+  indent() {
+    this.indentLevel++;
+  }
+  dedent() {
+    this.indentLevel = Math.max(0, this.indentLevel - 1);
+  }
+  buildFinalCode() {
+    const e = Array.from(this.imports).join(`
+`), t = this.code.join(`
+`);
+    return `${e}
+
+${t}`;
+  }
+  generateSourceMap() {
+    return null;
+  }
+  reset() {
+    this.imports.clear(), this.variables = [], this.code = [], this.indentLevel = 0, this.dependencies.clear(), this.exports.clear();
+  }
+}
+function V(r, e = {}) {
+  return new C(e).generate(r);
+}
+var b = Object.defineProperty, y = (r, e, t) => e in r ? b(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, l = (r, e, t) => y(r, typeof e != "symbol" ? e + "" : e, t);
+function x(r, e) {
+  return new S(r, e).parse();
+}
+class S {
+  constructor(e, t) {
+    l(this, "code"), l(this, "filename"), l(this, "position", 0), l(this, "line", 1), l(this, "column", 1), this.code = e, this.filename = t;
+  }
+  /**
+   * Main parsing entry point
+   */
+  parse() {
+    const e = [];
+    for (; !this.isAtEnd() && (this.skipWhitespace(), !this.isAtEnd()); ) {
+      const t = this.parseNode();
+      t && e.push(t);
+    }
+    return e;
+  }
+  /**
+   * Parse a single AST node
+   */
+  parseNode() {
+    const e = this.currentPosition();
+    return this.isComponentStart() ? this.parseComponent(e) : (this.advance(), null);
+  }
+  /**
+   * Parse a SwiftUI component (VStack, Text, Button, etc.)
+   */
+  parseComponent(e) {
+    const t = this.parseIdentifier();
+    if (!t)
+      throw new Error(`Expected component name at line ${this.line}`);
+    this.skipWhitespace();
+    const i = [], s = [];
+    if (this.peek() === "{") {
+      for (this.advance(), this.skipWhitespace(); !this.isAtEnd() && this.peek() !== "}"; ) {
+        this.skipWhitespace();
+        const a = this.parseNode();
+        a && i.push(a);
+      }
+      this.peek() === "}" && this.advance();
+    } else if (this.peek() === "(") {
+      this.advance(), this.skipWhitespace();
+      const a = this.parseExpression();
+      a && i.push(a), this.skipWhitespace(), this.peek() === ")" && this.advance();
+    }
+    for (this.skipWhitespace(); this.peek() === "."; ) {
+      const a = this.parseModifier();
+      a && s.push(a), this.skipWhitespace();
+    }
+    const n = this.currentPosition();
+    return {
+      type: "Component",
+      name: t,
+      children: i,
+      modifiers: s,
+      loc: {
+        start: e,
+        end: n,
+        source: this.filename
+      }
+    };
+  }
+  /**
+   * Parse a modifier (.padding(), .background(), etc.)
+   */
+  parseModifier() {
+    if (this.peek() !== ".") return null;
+    const e = this.currentPosition();
+    this.advance();
+    const t = this.parseIdentifier();
+    if (!t) return null;
+    const i = [];
+    if (this.peek() === "(") {
+      for (this.advance(), this.skipWhitespace(); !this.isAtEnd() && this.peek() !== ")"; ) {
+        const n = this.parseExpression();
+        n && i.push(n), this.skipWhitespace(), this.peek() === "," && (this.advance(), this.skipWhitespace());
+      }
+      this.peek() === ")" && this.advance();
+    }
+    const s = this.currentPosition();
+    return {
+      type: "Modifier",
+      name: t,
+      arguments: i,
+      loc: {
+        start: e,
+        end: s,
+        source: this.filename
+      }
+    };
+  }
+  /**
+   * Parse an expression (literal, identifier, function call)
+   */
+  parseExpression() {
+    this.skipWhitespace();
+    const e = this.currentPosition();
+    if (this.peek() === '"' || this.peek() === "'")
+      return this.parseStringLiteral(e);
+    if (this.isDigit(this.peek()))
+      return this.parseNumberLiteral(e);
+    if (this.match("true") || this.match("false")) {
+      const i = this.code.slice(e.offset, this.position);
+      return {
+        type: "Literal",
+        value: i === "true",
+        raw: i,
+        loc: {
+          start: e,
+          end: this.currentPosition(),
+          source: this.filename
+        }
+      };
+    }
+    const t = this.parseIdentifier();
+    if (t) {
+      const i = this.currentPosition();
+      return {
+        type: "Identifier",
+        name: t,
+        loc: {
+          start: e,
+          end: i,
+          source: this.filename
+        }
+      };
+    }
+    return null;
+  }
+  /**
+   * Parse a string literal
+   */
+  parseStringLiteral(e) {
+    const t = this.peek();
+    this.advance();
+    let i = "";
+    for (; !this.isAtEnd() && this.peek() !== t; )
+      if (this.peek() === "\\") {
+        this.advance();
+        const n = this.peek();
+        switch (n) {
+          case "n":
+            i += `
+`;
+            break;
+          case "t":
+            i += "	";
+            break;
+          case "r":
+            i += "\r";
+            break;
+          case "\\":
+            i += "\\";
+            break;
+          case '"':
+            i += '"';
+            break;
+          case "'":
+            i += "'";
+            break;
+          default:
+            i += n;
+            break;
+        }
+        this.advance();
+      } else
+        i += this.peek(), this.advance();
+    this.peek() === t && this.advance();
+    const s = this.code.slice(e.offset, this.position);
+    return {
+      type: "Literal",
+      value: i,
+      raw: s,
+      loc: {
+        start: e,
+        end: this.currentPosition(),
+        source: this.filename
+      }
+    };
+  }
+  /**
+   * Parse a number literal
+   */
+  parseNumberLiteral(e) {
+    let t = "";
+    for (; !this.isAtEnd() && (this.isDigit(this.peek()) || this.peek() === "."); )
+      t += this.peek(), this.advance();
+    return {
+      type: "Literal",
+      value: t.includes(".") ? parseFloat(t) : parseInt(t, 10),
+      raw: t,
+      loc: {
+        start: e,
+        end: this.currentPosition(),
+        source: this.filename
+      }
+    };
+  }
+  /**
+   * Parse an identifier (component name, variable name, etc.)
+   */
+  parseIdentifier() {
+    if (!this.isAlpha(this.peek()) && this.peek() !== "_")
+      return null;
+    let e = "";
+    for (; !this.isAtEnd() && (this.isAlphaNumeric(this.peek()) || this.peek() === "_"); )
+      e += this.peek(), this.advance();
+    return e;
+  }
+  /**
+   * Helper methods
+   */
+  isComponentStart() {
+    const e = this.position, t = this.line, i = this.column, s = this.parseIdentifier(), n = s && this.isValidComponentName(s);
+    return this.position = e, this.line = t, this.column = i, !!n;
+  }
+  isValidComponentName(e) {
+    return [
+      "VStack",
+      "HStack",
+      "ZStack",
+      "List",
+      "Form",
+      "Text",
+      "Button",
+      "Image",
+      "TextField",
+      "Toggle"
+    ].includes(e);
+  }
+  skipWhitespace() {
+    for (; !this.isAtEnd() && this.isWhitespace(this.peek()); )
+      this.peek() === `
+` ? (this.line++, this.column = 1) : this.column++, this.position++;
+  }
+  match(e) {
+    return this.code.slice(this.position, this.position + e.length) === e ? (this.position += e.length, this.column += e.length, !0) : !1;
+  }
+  peek() {
+    return this.isAtEnd() ? "\0" : this.code[this.position];
+  }
+  advance() {
+    const e = this.peek();
+    return this.isAtEnd() || (this.position++, e === `
+` ? (this.line++, this.column = 1) : this.column++), e;
+  }
+  isAtEnd() {
+    return this.position >= this.code.length;
+  }
+  isWhitespace(e) {
+    return /\s/.test(e);
+  }
+  isAlpha(e) {
+    return /[a-zA-Z]/.test(e);
+  }
+  isDigit(e) {
+    return /[0-9]/.test(e);
+  }
+  isAlphaNumeric(e) {
+    return this.isAlpha(e) || this.isDigit(e);
+  }
+  currentPosition() {
+    return {
+      line: this.line,
+      column: this.column,
+      offset: this.position
+    };
+  }
+}
+function I(r = {}) {
+  const {
+    include: e = [".tsx", ".ts"],
+    exclude: t = ["node_modules/**", "**/*.test.*", "**/*.bench.*"],
+    dev: i = process.env.NODE_ENV === "development",
+    transform: s = {}
+  } = r;
+  return {
+    name: "tachui-transform",
+    enforce: "pre",
+    // Run before other plugins
+    configResolved(n) {
+      i && n.command === "serve" && console.log("🚀 TachUI plugin loaded in development mode");
+    },
+    buildStart() {
+      this.addWatchFile("tachui.config.ts");
+    },
+    resolveId(n) {
+      return n === "virtual:tachui-runtime" ? n : null;
+    },
+    load(n) {
+      return n === "virtual:tachui-runtime" ? W() : null;
+    },
+    transform(n, a) {
+      if (!w(a, e, t))
+        return null;
+      try {
+        if (!T(n))
+          return null;
+        i && console.log(`🔄 Transforming: ${a}`);
+        const h = x(n, a), o = k(h, {
+          ...s,
+          sourceFile: a,
+          sourceMaps: s.sourceMaps ?? i
+        });
+        return {
+          code: o.code,
+          map: o.map
+        };
+      } catch (h) {
+        const o = h instanceof Error ? h.message : String(h);
+        return this.error(`TachUI transformation failed in ${a}: ${o}`), null;
+      }
+    },
+    handleHotUpdate(n) {
+      if (n.file.endsWith(".tui.tsx") || n.file.endsWith(".tui.ts"))
+        return n.server.ws.send({
+          type: "full-reload"
+        }), [];
+    }
+  };
+}
+function w(r, e, t) {
+  return e.some((n) => r.endsWith(n)) ? !t.some((n) => n.includes("**") ? new RegExp(n.replace(/\*\*/g, ".*").replace(/\*/g, "[^/]*")).test(r) : r.includes(n)) : !1;
+}
+function T(r) {
+  return [
+    /\b(VStack|HStack|ZStack|List|Form)\s*\{/,
+    /\b(Text|Button|Image|TextField|Toggle)\s*\(/,
+    /\.(padding|background|foregroundColor|font|frame)\s*\(/,
+    /\.onTapGesture\s*\(/
+  ].some((t) => t.test(r));
+}
+function W() {
+  return `
+// TachUI Runtime Module
+// This provides runtime utilities for transformed components
+
+import { createSignal, createEffect, createComputed } from '@tachui/core/reactive'
+
+export { createSignal, createEffect, createComputed }
+
+// Runtime helpers for component lifecycle
+export function mountComponent(element, render) {
+  const dispose = render()
+  element._tachui_dispose = dispose
+  return dispose
+}
+
+export function unmountComponent(element) {
+  if (element._tachui_dispose) {
+    element._tachui_dispose()
+    delete element._tachui_dispose
+  }
+}
+
+// Hot reload support
+if (import.meta.hot) {
+  import.meta.hot.accept()
+  
+  // Re-mount components on hot reload
+  import.meta.hot.dispose(() => {
+    document.querySelectorAll('[data-tachui-component]').forEach(unmountComponent)
+  })
+}
+`;
+}
 export {
-  m as createTachUIPlugin,
-  a as generateDOMCode,
-  f as generateEnhancedDOMCode,
-  o as parseAdvancedSwiftUISyntax,
+  I as createTachUIPlugin,
+  k as generateDOMCode,
+  V as generateEnhancedDOMCode,
+  A as parseAdvancedSwiftUISyntax,
   x as parseSwiftUISyntax
 };
-//# sourceMappingURL=index.js.map