@tachui/core 0.7.1-alpha → 0.8.1-alpha

package/dist/compiler/index.js

@@ -1,1389 +1,8 @@
-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",
-      "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 V(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 A(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)
-  })
-}
-`;
-}
+import { c as n, g as t, a as r, p as s, b as c } from "../plugin-BCAdZXKq.js";
 export {
-  I as createTachUIPlugin,
-  k as generateDOMCode,
-  A as generateEnhancedDOMCode,
-  V as parseAdvancedSwiftUISyntax,
-  x as parseSwiftUISyntax
+  n as createTachUIPlugin,
+  t as generateDOMCode,
+  r as generateEnhancedDOMCode,
+  s as parseAdvancedSwiftUISyntax,
+  c as parseSwiftUISyntax
 };