marko 6.0.0-next.3.75 → 6.0.0-next.3.77

package/dist/translator/index.js

@@ -109,7 +109,7 @@ var attrs_default = {
 };
 
 // src/translator/core/await.ts
-var import_compiler26 = require("@marko/compiler");
+var import_compiler27 = require("@marko/compiler");
 var import_babel_utils12 = require("@marko/compiler/babel-utils");
 
 // src/common/accessor.debug.ts
@@ -163,15 +163,133 @@ function evaluate(value) {
 }
 
 // src/translator/util/references.ts
-var import_compiler25 = require("@marko/compiler");
+var import_compiler26 = require("@marko/compiler");
 
 // src/translator/util/dynamic-sources.ts
-var import_compiler5 = require("@marko/compiler");
+var import_compiler7 = require("@marko/compiler");
 
 // src/translator/util/sections.ts
-var import_compiler4 = require("@marko/compiler");
+var import_compiler6 = require("@marko/compiler");
 var import_babel_utils5 = require("@marko/compiler/babel-utils");
 
+// src/translator/util/generate-uid.ts
+var import_compiler3 = require("@marko/compiler");
+
+// src/translator/util/traverse.ts
+var import_compiler2 = require("@marko/compiler");
+var skip = Symbol("skip");
+function traverseReplace(container, key, enter3) {
+  const node = container[key];
+  if (node) {
+    if (Array.isArray(node)) {
+      for (let i = node.length; i--; ) {
+        traverseReplace(node, i, enter3);
+      }
+    } else {
+      const keys = import_compiler2.types.VISITOR_KEYS[node.type];
+      for (let i = keys.length; i--; ) {
+        traverseReplace(node, keys[i], enter3);
+      }
+      const replacement = enter3(node, container, key);
+      if (replacement) container[key] = replacement;
+    }
+  }
+}
+function traverseContains(node, check) {
+  if (node) {
+    if (Array.isArray(node)) {
+      for (const item of node) {
+        if (traverseContains(item, check)) {
+          return true;
+        }
+      }
+    } else {
+      switch (check(node)) {
+        case true:
+          return true;
+        case skip:
+          return false;
+      }
+      for (const key of import_compiler2.types.VISITOR_KEYS[node.type]) {
+        if (traverseContains(node[key], check)) {
+          return true;
+        }
+      }
+    }
+  }
+  return false;
+}
+function traverse(visit2, node, parent, grandParent) {
+  if (node) {
+    if (Array.isArray(node)) {
+      for (const item of node) {
+        traverse(visit2, item, parent, grandParent);
+      }
+    } else if (visit2(node, parent, grandParent) !== skip) {
+      for (const key of import_compiler2.types.VISITOR_KEYS[node.type]) {
+        traverse(visit2, node[key], node, parent);
+      }
+    }
+  }
+}
+
+// src/translator/util/generate-uid.ts
+var countsForFile = /* @__PURE__ */ new WeakMap();
+function generateUid(name2 = "") {
+  const file = (0, import_compiler3.getFile)();
+  let counts = countsForFile.get(file);
+  if (!counts) {
+    const { cache } = file.markoOpts;
+    const { filename } = file.opts;
+    const cacheKey = `uid-counts:${filename}`;
+    counts = cache.get(cacheKey);
+    if (counts) {
+      if (isTranslate(file)) {
+        counts = new Map(counts);
+      }
+    } else {
+      counts = getInitialCounts(file);
+      if (!isTranslate(file)) {
+        cache.set(cacheKey, counts);
+      }
+    }
+    countsForFile.set(file, counts);
+  }
+  name2 = name2.replace(/^[^a-z$_]|[^a-z$_0-9]/gi, "") || "temp";
+  name2 = /^_?(.*?)\d*$/.exec(name2)?.[1] || name2;
+  const i = (counts.get(name2) || 0) + 1;
+  const uniqueName = `_${i > 1 ? name2 + i : name2}`;
+  counts.set(name2, i);
+  return uniqueName;
+}
+function generateUidIdentifier(name2) {
+  return import_compiler3.types.identifier(generateUid(name2));
+}
+function getInitialCounts(file) {
+  const counts = /* @__PURE__ */ new Map();
+  const program = file.path;
+  const countName = (name2) => {
+    const match = /^_(.*?)([1-9]\d*)?$/.exec(name2);
+    if (match) {
+      const name3 = match[1];
+      const count = match[2] ? +match[2] + 1 : 1;
+      counts.set(name3, Math.max(counts.get(name3) || 0, count));
+    }
+  };
+  for (const name2 in program.scope.globals) {
+    countName(name2);
+  }
+  traverse((node, parent, grandParent) => {
+    if (node.type === "Identifier" && import_compiler3.types.isBinding(node, parent, grandParent)) {
+      countName(node.name);
+    }
+  }, program.node);
+  return counts;
+}
+function isTranslate(file) {
+  return file.___compileStage === "translate";
+}
+
 // src/translator/util/is-core-tag.ts
 var import_babel_utils3 = require("@marko/compiler/babel-utils");
 
@@ -473,38 +591,38 @@ function joinRepeatable(compare, a, b) {
 }
 
 // src/translator/util/state.ts
-var import_compiler2 = require("@marko/compiler");
+var import_compiler4 = require("@marko/compiler");
 var createProgramState = (init) => {
   const map2 = /* @__PURE__ */ new WeakMap();
   return [
     () => {
-      let state = map2.get((0, import_compiler2.getProgram)());
+      let state = map2.get((0, import_compiler4.getProgram)());
       if (!state) {
-        map2.set((0, import_compiler2.getProgram)(), state = init());
+        map2.set((0, import_compiler4.getProgram)(), state = init());
       }
       return state;
     },
     (value) => {
-      map2.set((0, import_compiler2.getProgram)(), value);
+      map2.set((0, import_compiler4.getProgram)(), value);
     }
   ];
 };
 function createSectionState(key, init) {
   return [
     (section) => {
-      const arrayOfSectionData = (0, import_compiler2.getProgram)().state[key] ??= {};
+      const arrayOfSectionData = (0, import_compiler4.getProgram)().state[key] ??= {};
       const sectionData = arrayOfSectionData[section.id] ??= init && init(section);
       return sectionData;
     },
     (section, value) => {
-      const arrayOfSectionData = (0, import_compiler2.getProgram)().state[key] ??= {};
+      const arrayOfSectionData = (0, import_compiler4.getProgram)().state[key] ??= {};
       arrayOfSectionData[section.id] = value;
     }
   ];
 }
 
 // src/translator/util/tag-name-type.ts
-var import_compiler3 = require("@marko/compiler");
+var import_compiler5 = require("@marko/compiler");
 var import_babel_utils4 = require("@marko/compiler/babel-utils");
 var MARKO_FILE_REG = /^<.*>$|\.marko$/;
 function analyzeTagNameType(tag) {
@@ -534,7 +652,7 @@ function analyzeTagNameType(tag) {
       } else if (childFile.ast.program.extra.featureType === "class") {
         extra.tagNameType = 2 /* DynamicTag */;
         extra.featureType = "class";
-        ((0, import_compiler3.getProgram)().node.extra ??= {}).needsCompat = true;
+        ((0, import_compiler5.getProgram)().node.extra ??= {}).needsCompat = true;
       }
     }
   }
@@ -579,7 +697,7 @@ function analyzeExpressionTagName(name2, extra) {
       }
       if (binding.kind === "module") {
         const decl = binding.path.parent;
-        if (MARKO_FILE_REG.test(decl.source.value) && decl.specifiers.some((it) => import_compiler3.types.isImportDefaultSpecifier(it))) {
+        if (MARKO_FILE_REG.test(decl.source.value) && decl.specifiers.some((it) => import_compiler5.types.isImportDefaultSpecifier(it))) {
           const resolvedImport = (0, import_babel_utils4.resolveTagImport)(name2, decl.source.value) || decl.source.value;
           if (type === 0 /* NativeTag */ || tagNameImported && tagNameImported !== resolvedImport) {
             type = 2 /* DynamicTag */;
@@ -633,7 +751,7 @@ function startSection(path5) {
     const sectionNamePath = path5.parentPath?.get(
       "name"
     );
-    const sectionName = path5.isProgram() ? "" : (0, import_compiler4.getProgram)().scope.generateUid(sectionNamePath.toString() + "_content");
+    const sectionName = path5.isProgram() ? "" : generateUid(sectionNamePath.toString() + "_content");
     const programExtra = path5.hub.file.path.node.extra ??= {};
     const sections = programExtra.sections ??= [];
     section = extra.section = {
@@ -682,19 +800,19 @@ function getSection(path5) {
 }
 var [getScopeIdIdentifier] = createSectionState(
   "scopeIdIdentifier",
-  (section) => (0, import_compiler4.getProgram)().scope.generateUidIdentifier(`scope${section.id}_id`)
+  (section) => generateUidIdentifier(`scope${section.id}_id`)
 );
 var [getSectionParentIsOwner, setSectionParentIsOwner] = createSectionState("parentIsOwner", () => false);
 var [_getScopeIdentifier] = createSectionState(
   "scopeIdentifier",
-  () => import_compiler4.types.identifier("undefined")
+  () => import_compiler6.types.identifier("undefined")
 );
 function forEachSection(fn) {
-  const { sections } = (0, import_compiler4.getProgram)().node.extra;
+  const { sections } = (0, import_compiler6.getProgram)().node.extra;
   sections?.forEach(fn);
 }
 function forEachSectionReverse(fn) {
-  const { sections } = (0, import_compiler4.getProgram)().node.extra;
+  const { sections } = (0, import_compiler6.getProgram)().node.extra;
   for (let i = sections.length; i--; ) {
     fn(sections[i]);
   }
@@ -757,7 +875,7 @@ function getNodeContentType(path5, extraMember, contentInfo) {
         return 3 /* Tag */;
       } else if ((0, import_babel_utils5.isAttributeTag)(tag)) {
         return null;
-      } else if (import_compiler4.types.isStringLiteral(tag.node.name)) {
+      } else if (import_compiler6.types.isStringLiteral(tag.node.name)) {
         const tagSection = (0, import_babel_utils5.loadFileForTag)(tag)?.ast.program.extra.section;
         if (tagSection) {
           if (tagSection.content) {
@@ -849,21 +967,6 @@ function getDynamicSourcesForBinding(binding) {
     return true;
   }
 }
-function getDynamicSourcesForReferences(referencedBindings) {
-  if (referencedBindings) {
-    let dynamicSources;
-    if (Array.isArray(referencedBindings)) {
-      for (const binding of referencedBindings) {
-        const newDynamicSources = getDynamicSourcesForBinding(binding);
-        if (newDynamicSources === true) return true;
-        dynamicSources = bindingUtil.union(dynamicSources, newDynamicSources);
-      }
-      return dynamicSources;
-    } else {
-      return getDynamicSourcesForBinding(referencedBindings);
-    }
-  }
-}
 function getDynamicSourcesForExtra(extra) {
   if (isReferencedExtra(extra)) {
     return getDynamicSourcesForReferences(extra.referencedBindings);
@@ -920,6 +1023,21 @@ function getDynamicSourcesForSections(sections) {
   }
   return merged || first;
 }
+function getDynamicSourcesForReferences(referencedBindings) {
+  if (referencedBindings) {
+    let dynamicSources;
+    if (Array.isArray(referencedBindings)) {
+      for (const binding of referencedBindings) {
+        const newDynamicSources = getDynamicSourcesForBinding(binding);
+        if (newDynamicSources === true) return true;
+        dynamicSources = bindingUtil.union(dynamicSources, newDynamicSources);
+      }
+      return dynamicSources;
+    } else {
+      return getDynamicSourcesForBinding(referencedBindings);
+    }
+  }
+}
 function mergeDynamicSources(a, b) {
   if (a === true || b === true) return true;
   return bindingUtil.union(a, b);
@@ -1001,7 +1119,7 @@ var AccessorProp2 = /* @__PURE__ */ ((AccessorProp3) => {
 })(AccessorProp2 || {});
 
 // src/translator/util/marko-config.ts
-var import_compiler6 = require("@marko/compiler");
+var import_compiler8 = require("@marko/compiler");
 function isOutputHTML() {
   return getMarkoOpts().output === "html";
 }
@@ -1009,7 +1127,7 @@ function isOutputDOM() {
   return !isOutputHTML();
 }
 function getMarkoOpts() {
-  return (0, import_compiler6.getFile)().markoOpts;
+  return (0, import_compiler8.getFile)().markoOpts;
 }
 function isOptimize() {
   return getMarkoOpts().optimize;
@@ -1084,7 +1202,7 @@ function isFunction(path5) {
 }
 
 // src/translator/util/is-invoked-function.ts
-var import_compiler7 = require("@marko/compiler");
+var import_compiler9 = require("@marko/compiler");
 function isInvokedFunction(expr) {
   let curPath = expr;
   while (curPath) {
@@ -1103,10 +1221,10 @@ function isInvokedFunction(expr) {
 }
 
 // src/translator/util/scope-read.ts
-var import_compiler24 = require("@marko/compiler");
+var import_compiler25 = require("@marko/compiler");
 
 // src/translator/visitors/program/index.ts
-var import_compiler23 = require("@marko/compiler");
+var import_compiler24 = require("@marko/compiler");
 var import_babel_utils11 = require("@marko/compiler/babel-utils");
 var import_path2 = __toESM(require("path"));
 
@@ -1123,7 +1241,7 @@ function bindingHasDownstreamExpressions(binding) {
 }
 
 // src/translator/util/entry-builder.ts
-var import_compiler8 = require("@marko/compiler");
+var import_compiler10 = require("@marko/compiler");
 var import_babel_utils6 = require("@marko/compiler/babel-utils");
 var kState = Symbol();
 var entry_builder_default = {
@@ -1135,19 +1253,19 @@ var entry_builder_default = {
       );
     }
     const body = state.imports.map(
-      (it) => import_compiler8.types.importDeclaration([], import_compiler8.types.stringLiteral(it))
+      (it) => import_compiler10.types.importDeclaration([], import_compiler10.types.stringLiteral(it))
     );
     if (state.init) {
       body.unshift(
-        import_compiler8.types.importDeclaration(
-          [import_compiler8.types.importSpecifier(import_compiler8.types.identifier("init"), import_compiler8.types.identifier("init"))],
-          import_compiler8.types.stringLiteral(
+        import_compiler10.types.importDeclaration(
+          [import_compiler10.types.importSpecifier(import_compiler10.types.identifier("init"), import_compiler10.types.identifier("init"))],
+          import_compiler10.types.stringLiteral(
             `${runtime_info_default.name}/${entryFile.markoOpts.optimize ? "" : "debug/"}dom`
           )
         )
       );
       body.push(
-        import_compiler8.types.expressionStatement(import_compiler8.types.callExpression(import_compiler8.types.identifier("init"), []))
+        import_compiler10.types.expressionStatement(import_compiler10.types.callExpression(import_compiler10.types.identifier("init"), []))
       );
     }
     return body;
@@ -1169,7 +1287,7 @@ var entry_builder_default = {
 };
 
 // src/translator/util/runtime.ts
-var import_compiler10 = require("@marko/compiler");
+var import_compiler12 = require("@marko/compiler");
 var import_babel_utils7 = require("@marko/compiler/babel-utils");
 
 // src/common/attr-tag.ts
@@ -1592,25 +1710,25 @@ var RENDER_BODY_ID = prefix + (false ? "renderBody" : "b");
 var K_TAGS_API_STATE = Symbol();
 
 // src/translator/util/to-property-name.ts
-var import_compiler9 = require("@marko/compiler");
+var import_compiler11 = require("@marko/compiler");
 function isValidPropertyIdentifier(name2) {
   return /^[a-z_$][a-z0-9_$]*$/i.test(name2);
 }
 function toPropertyName(name2) {
   if (isValidPropertyIdentifier(name2)) {
-    return import_compiler9.types.identifier(name2);
+    return import_compiler11.types.identifier(name2);
   } else if (/^(?:0|[1-9][0-9]*)$/.test(name2)) {
-    return import_compiler9.types.numericLiteral(parseInt(name2, 10));
+    return import_compiler11.types.numericLiteral(parseInt(name2, 10));
   }
-  return import_compiler9.types.stringLiteral(name2);
+  return import_compiler11.types.stringLiteral(name2);
 }
 function toObjectProperty(name2, value) {
-  return import_compiler9.types.objectProperty(toPropertyName(name2), value);
+  return import_compiler11.types.objectProperty(toPropertyName(name2), value);
 }
 function toMemberExpression(object, key, optional) {
   const prop = toPropertyName(key);
   const computed = prop.type !== "Identifier";
-  return optional ? import_compiler9.types.optionalMemberExpression(object, prop, computed, true) : import_compiler9.types.memberExpression(object, prop, computed);
+  return optional ? import_compiler11.types.optionalMemberExpression(object, prop, computed, true) : import_compiler11.types.memberExpression(object, prop, computed);
 }
 
 // src/translator/util/runtime.ts
@@ -1636,12 +1754,12 @@ var pureDOMFunctions = /* @__PURE__ */ new Set([
 function importRuntime(name2) {
   const { output } = getMarkoOpts();
   return toMemberExpression(
-    (0, import_babel_utils7.importStar)((0, import_compiler10.getFile)(), getRuntimePath(output), "$"),
+    (0, import_babel_utils7.importStar)((0, import_compiler12.getFile)(), getRuntimePath(output), "$"),
     name2
   );
 }
 function callRuntime(name2, ...args) {
-  const callExpression2 = import_compiler10.types.callExpression(
+  const callExpression2 = import_compiler12.types.callExpression(
     importRuntime(name2),
     filterArguments(args)
   );
@@ -1675,7 +1793,7 @@ function filterArguments(args) {
   for (let i = args.length; i--; ) {
     const arg = args[i];
     if (arg || filteredArgs.length) {
-      filteredArgs[i] = arg || import_compiler10.types.unaryExpression("void", import_compiler10.types.numericLiteral(0));
+      filteredArgs[i] = arg || import_compiler12.types.unaryExpression("void", import_compiler12.types.numericLiteral(0));
     }
   }
   return filteredArgs;
@@ -1686,7 +1804,7 @@ function getCompatRuntimeFile() {
 }
 
 // src/translator/visitors/program/dom.ts
-var import_compiler21 = require("@marko/compiler");
+var import_compiler22 = require("@marko/compiler");
 var import_babel_utils10 = require("@marko/compiler/babel-utils");
 
 // src/translator/util/get-style-file.ts
@@ -1726,11 +1844,11 @@ function escapeRegExp(str) {
 }
 
 // src/translator/util/signals.ts
-var import_compiler20 = require("@marko/compiler");
+var import_compiler21 = require("@marko/compiler");
 var import_babel_utils9 = require("@marko/compiler/babel-utils");
 
 // src/translator/core/return.ts
-var import_compiler15 = require("@marko/compiler");
+var import_compiler17 = require("@marko/compiler");
 var import_babel_utils8 = require("@marko/compiler/babel-utils");
 
 // src/translator/util/get-known-attr-values.ts
@@ -1753,7 +1871,7 @@ function getParentTag(tag) {
 }
 
 // src/translator/util/plugin-hooks.ts
-var import_compiler11 = require("@marko/compiler");
+var import_compiler13 = require("@marko/compiler");
 function enter(modulePlugin, path5) {
   if (!modulePlugin) {
     return false;
@@ -1761,9 +1879,9 @@ function enter(modulePlugin, path5) {
   const { node } = path5;
   const plugin = isModulePlugin(modulePlugin) ? modulePlugin.default : modulePlugin;
   if (isFunctionPlugin(plugin)) {
-    plugin(path5, import_compiler11.types);
+    plugin(path5, import_compiler13.types);
   } else if (plugin.enter) {
-    plugin.enter(path5, import_compiler11.types);
+    plugin.enter(path5, import_compiler13.types);
   }
   return node !== path5.node;
 }
@@ -1774,7 +1892,7 @@ function exit(modulePlugin, path5) {
   const { node } = path5;
   const plugin = isModulePlugin(modulePlugin) ? modulePlugin.default : modulePlugin;
   if (!isFunctionPlugin(plugin) && plugin.exit) {
-    plugin.exit(path5, import_compiler11.types);
+    plugin.exit(path5, import_compiler13.types);
   }
   return node !== path5.node;
 }
@@ -1818,10 +1936,10 @@ function translateByTarget({
 }
 
 // src/translator/util/writer.ts
-var import_compiler14 = require("@marko/compiler");
+var import_compiler16 = require("@marko/compiler");
 
 // src/translator/util/normalize-string-expression.ts
-var import_compiler12 = require("@marko/compiler");
+var import_compiler14 = require("@marko/compiler");
 function normalizeStringExpression(parts) {
   const strs = [];
   const exprs = [];
@@ -1829,9 +1947,9 @@ function normalizeStringExpression(parts) {
   for (let i = 1; i < parts.length; i++) {
     let content = parts[i];
     if (typeof content === "object") {
-      if (import_compiler12.types.isStringLiteral(content)) {
+      if (import_compiler14.types.isStringLiteral(content)) {
         content = content.value;
-      } else if (import_compiler12.types.isTemplateLiteral(content)) {
+      } else if (import_compiler14.types.isTemplateLiteral(content)) {
         let nextIndex = i + 1;
         const exprLen = content.expressions.length;
         shiftItems(parts, nextIndex, content.quasis.length + exprLen);
@@ -1855,12 +1973,12 @@ function normalizeStringExpression(parts) {
       return exprs[0];
     }
     strs.push(curStr);
-    return import_compiler12.types.templateLiteral(
-      strs.map((raw) => import_compiler12.types.templateElement({ raw })),
+    return import_compiler14.types.templateLiteral(
+      strs.map((raw) => import_compiler14.types.templateElement({ raw })),
       exprs
     );
   } else if (curStr) {
-    return import_compiler12.types.stringLiteral(curStr);
+    return import_compiler14.types.stringLiteral(curStr);
   }
 }
 function appendLiteral(arr, str) {
@@ -1873,7 +1991,7 @@ function shiftItems(list, start, offset) {
 }
 
 // src/translator/util/walks.ts
-var import_compiler13 = require("@marko/compiler");
+var import_compiler15 = require("@marko/compiler");
 var [getWalks] = createSectionState(
   "walks",
   () => [""]
@@ -2052,16 +2170,16 @@ function consumeHTML(path5) {
   trailers.length = 0;
   trailers[0] = "";
   if (writeResult && trailerResult) {
-    return import_compiler14.types.expressionStatement(
-      import_compiler14.types.sequenceExpression([
+    return import_compiler16.types.expressionStatement(
+      import_compiler16.types.sequenceExpression([
         callRuntime("write", writeResult),
         callRuntime("writeTrailers", trailerResult)
       ])
     );
   } else if (writeResult) {
-    return import_compiler14.types.expressionStatement(callRuntime("write", writeResult));
+    return import_compiler16.types.expressionStatement(callRuntime("write", writeResult));
   } else if (trailerResult) {
-    return import_compiler14.types.expressionStatement(callRuntime("writeTrailers", trailerResult));
+    return import_compiler16.types.expressionStatement(callRuntime("writeTrailers", trailerResult));
   }
 }
 function flushBefore(path5) {
@@ -2152,11 +2270,11 @@ var return_default = {
           );
         }
         if (attrs2.value) {
-          const returnId = tag.scope.generateUidIdentifier("return");
+          const returnId = generateUidIdentifier("return");
           setReturnValueIdentifier(section, returnId);
           tag.replaceWith(
-            import_compiler15.types.variableDeclaration("const", [
-              import_compiler15.types.variableDeclarator(returnId, attrs2.value)
+            import_compiler17.types.variableDeclaration("const", [
+              import_compiler17.types.variableDeclarator(returnId, attrs2.value)
             ])
           )[0].skip();
         }
@@ -2206,10 +2324,10 @@ var return_default = {
 };
 
 // src/translator/util/get-defined-binding-expression.ts
-var import_compiler16 = require("@marko/compiler");
+var import_compiler18 = require("@marko/compiler");
 function getDeclaredBindingExpression(binding) {
   if (binding.declared || !binding.upstreamAlias) {
-    return import_compiler16.types.identifier(binding.name);
+    return import_compiler18.types.identifier(binding.name);
   } else if (binding.property !== void 0) {
     return toMemberExpression(
       getDeclaredBindingExpression(binding.upstreamAlias),
@@ -2222,7 +2340,7 @@ function getDeclaredBindingExpression(binding) {
 }
 
 // src/translator/util/simplify-fn.ts
-var import_compiler17 = require("@marko/compiler");
+var import_compiler19 = require("@marko/compiler");
 function simplifyFunction(fn) {
   switch (fn.type) {
     case "FunctionDeclaration":
@@ -2230,7 +2348,7 @@ function simplifyFunction(fn) {
     case "ArrowFunctionExpression":
       return fn;
     default:
-      return import_compiler17.types.functionExpression(
+      return import_compiler19.types.functionExpression(
         null,
         fn.params,
         fn.body,
@@ -2241,9 +2359,9 @@ function simplifyFunction(fn) {
 }
 
 // src/translator/util/to-first-expression-or-block.ts
-var import_compiler18 = require("@marko/compiler");
+var import_compiler20 = require("@marko/compiler");
 function toFirstExpressionOrBlock(stmts) {
-  if (stmts.length === 1 && import_compiler18.types.isExpressionStatement(stmts[0])) {
+  if (stmts.length === 1 && import_compiler20.types.isExpressionStatement(stmts[0])) {
     const { expression } = stmts[0];
     switch (expression.type) {
       case "ObjectExpression":
@@ -2253,63 +2371,18 @@ function toFirstExpressionOrBlock(stmts) {
         return expression;
     }
   }
-  return import_compiler18.types.blockStatement(stmts);
+  return import_compiler20.types.blockStatement(stmts);
 }
 function toParenthesizedExpressionIfNeeded(expr) {
   switch (expr.type) {
     case "ObjectExpression":
     case "AssignmentExpression":
-      return import_compiler18.types.parenthesizedExpression(expr);
+      return import_compiler20.types.parenthesizedExpression(expr);
     default:
       return expr;
   }
 }
 
-// src/translator/util/traverse.ts
-var import_compiler19 = require("@marko/compiler");
-var skip = Symbol("skip");
-function traverseReplace(container, key, enter3) {
-  const node = container[key];
-  if (node) {
-    if (Array.isArray(node)) {
-      for (let i = node.length; i--; ) {
-        traverseReplace(node, i, enter3);
-      }
-    } else {
-      const keys = import_compiler19.types.VISITOR_KEYS[node.type];
-      for (let i = keys.length; i--; ) {
-        traverseReplace(node, keys[i], enter3);
-      }
-      const replacement = enter3(node, container, key);
-      if (replacement) container[key] = replacement;
-    }
-  }
-}
-function traverseContains(node, check) {
-  if (node) {
-    if (Array.isArray(node)) {
-      for (const item of node) {
-        if (traverseContains(item, check)) {
-          return true;
-        }
-      }
-    } else {
-      switch (check(node)) {
-        case true:
-          return true;
-        case skip:
-          return false;
-      }
-      for (const key of import_compiler19.types.VISITOR_KEYS[node.type]) {
-        if (traverseContains(node[key], check)) {
-          return true;
-        }
-      }
-    }
-  }
-  return false;
-}
-
 // src/translator/util/signals.ts
 var [getSignals] = createSectionState(
   "signals",
@@ -2362,27 +2435,23 @@ function getHoistFunctionIdentifier(hoistedBinding) {
   if (!identifier) {
     idsMap.set(
       hoistedBinding,
-      identifier = (0, import_compiler20.getProgram)().scope.generateUidIdentifier(
-        `get${hoistedBinding.name}`
-      )
+      identifier = generateUidIdentifier(`get${hoistedBinding.name}`)
     );
   }
   return identifier;
 }
 var unimplementedBuild = () => {
-  return import_compiler20.types.stringLiteral("SIGNAL NOT INITIALIZED");
+  return import_compiler21.types.stringLiteral("SIGNAL NOT INITIALIZED");
 };
 function getSignal(section, referencedBindings, name2 = generateSignalName(referencedBindings)) {
   const signals = getSignals(section);
   let signal = signals.get(referencedBindings);
   if (!signal) {
-    const exportName = referencedBindings ? !Array.isArray(referencedBindings) && referencedBindings.section === section && referencedBindings.export : !section.parent && (0, import_compiler20.getProgram)().node.extra.domExports?.setup;
+    const exportName = referencedBindings ? !Array.isArray(referencedBindings) && referencedBindings.section === section && referencedBindings.export : !section.parent && (0, import_compiler21.getProgram)().node.extra.domExports?.setup;
     signals.set(
       referencedBindings,
       signal = {
-        identifier: exportName ? import_compiler20.types.identifier(exportName) : (0, import_compiler20.getProgram)().scope.generateUidIdentifier(
-          name2 + section.name.replace("_", "$")
-        ),
+        identifier: exportName ? import_compiler21.types.identifier(exportName) : generateUidIdentifier(name2 + section.name.replace("_", "$")),
         referencedBindings,
         section,
         values: [],
@@ -2437,9 +2506,9 @@ function getSignal(section, referencedBindings, name2 = generateSignalName(refer
         const { id, scopeOffset } = intersectionMeta.get(referencedBindings);
         return callRuntime(
           "intersection",
-          import_compiler20.types.numericLiteral(id),
+          import_compiler21.types.numericLiteral(id),
           getSignalFn(signal),
-          scopeOffset || referencedBindings.length > 2 ? import_compiler20.types.numericLiteral(referencedBindings.length - 1) : void 0,
+          scopeOffset || referencedBindings.length > 2 ? import_compiler21.types.numericLiteral(referencedBindings.length - 1) : void 0,
           scopeOffset && getScopeAccessorLiteral(scopeOffset)
         );
       };
@@ -2451,7 +2520,7 @@ function getSignal(section, referencedBindings, name2 = generateSignalName(refer
           "dynamicClosureRead",
           getScopeAccessorLiteral(referencedBindings),
           render,
-          isImmediateOwner(section, referencedBindings) ? void 0 : import_compiler20.types.arrowFunctionExpression(
+          isImmediateOwner(section, referencedBindings) ? void 0 : import_compiler21.types.arrowFunctionExpression(
             [scopeIdentifier],
             getScopeExpression(section, referencedBindings.section)
           )
@@ -2468,7 +2537,7 @@ function initValue(binding, runtimeHelper = "value") {
     const fn = getSignalFn(signal);
     const isParamBinding = !binding.upstreamAlias && (binding.type === 3 /* param */ || binding.type === 2 /* input */);
     const isNakedAlias = binding.upstreamAlias && !binding.property;
-    const needsGuard = !isNakedAlias && (binding.downstreamExpressions.size || fn.body.body.length > 0);
+    const needsGuard = !isNakedAlias && (binding.downstreamExpressions.size || fn.type === "ArrowFunctionExpression" && fn.body.body.length > 0);
     const needsCache = needsGuard || signal.intersection;
     const needsMarks = isParamBinding || signal.intersection;
     if (needsCache || needsMarks || binding.hoists.size) {
@@ -2497,8 +2566,9 @@ function getSignalFn(signal) {
   const isIntersection = Array.isArray(binding);
   const isBinding = binding && !isIntersection;
   const isValue = isBinding && binding.section === section;
+  let canUseCalleeDirectly = !signal.render.length;
   if (isBinding && (signal.renderReferencedBindings || binding.aliases.size || binding.propertyAliases.size)) {
-    const valueParam = import_compiler20.types.identifier(binding.name);
+    const valueParam = import_compiler21.types.identifier(binding.name);
     if (binding.loc) {
       valueParam.loc = binding.loc;
       valueParam.start = binding.loc.start.index;
@@ -2510,10 +2580,10 @@ function getSignalFn(signal) {
     for (const alias of binding.aliases) {
       const aliasSignal = getSignal(alias.section, alias);
       signal.render.push(
-        import_compiler20.types.expressionStatement(
-          import_compiler20.types.callExpression(aliasSignal.identifier, [
+        import_compiler21.types.expressionStatement(
+          import_compiler21.types.callExpression(aliasSignal.identifier, [
             scopeIdentifier,
-            import_compiler20.types.identifier(binding.name),
+            import_compiler21.types.identifier(binding.name),
             ...getTranslatedExtraArgs(aliasSignal)
           ])
         )
@@ -2522,11 +2592,11 @@ function getSignalFn(signal) {
     for (const [key, alias] of binding.propertyAliases) {
       const aliasSignal = getSignal(alias.section, alias);
       signal.render.push(
-        import_compiler20.types.expressionStatement(
-          import_compiler20.types.callExpression(aliasSignal.identifier, [
+        import_compiler21.types.expressionStatement(
+          import_compiler21.types.callExpression(aliasSignal.identifier, [
             scopeIdentifier,
             toMemberExpression(
-              import_compiler20.types.identifier(binding.name),
+              import_compiler21.types.identifier(binding.name),
               key,
               binding.nullable
             ),
@@ -2538,8 +2608,8 @@ function getSignalFn(signal) {
   }
   for (const value of signal.values) {
     signal.render.push(
-      import_compiler20.types.expressionStatement(
-        import_compiler20.types.callExpression(value.signal.identifier, [
+      import_compiler21.types.expressionStatement(
+        import_compiler21.types.callExpression(value.signal.identifier, [
           value.scope,
           value.value,
           ...getTranslatedExtraArgs(value.signal)
@@ -2549,7 +2619,7 @@ function getSignalFn(signal) {
   }
   forEach(signal.intersection, (intersection) => {
     signal.render.push(
-      import_compiler20.types.expressionStatement(import_compiler20.types.callExpression(intersection, [scopeIdentifier]))
+      import_compiler21.types.expressionStatement(import_compiler21.types.callExpression(intersection, [scopeIdentifier]))
     );
   });
   if (isValue) {
@@ -2560,12 +2630,12 @@ function getSignalFn(signal) {
         if (isDynamicClosure(closureSection, binding)) {
           if (!dynamicClosureArgs) {
             dynamicClosureArgs = [];
-            dynamicClosureSignalIdentifier = (0, import_compiler20.getProgram)().scope.generateUidIdentifier(
+            dynamicClosureSignalIdentifier = generateUidIdentifier(
               signal.identifier.name + "_closure"
             );
             signal.render.push(
-              import_compiler20.types.expressionStatement(
-                import_compiler20.types.callExpression(dynamicClosureSignalIdentifier, [
+              import_compiler21.types.expressionStatement(
+                import_compiler21.types.callExpression(dynamicClosureSignalIdentifier, [
                   scopeIdentifier
                 ])
               )
@@ -2576,8 +2646,8 @@ function getSignalFn(signal) {
           );
         } else {
           signal.render.push(
-            import_compiler20.types.expressionStatement(
-              import_compiler20.types.callExpression(getSignal(closureSection, binding).identifier, [
+            import_compiler21.types.expressionStatement(
+              import_compiler21.types.callExpression(getSignal(closureSection, binding).identifier, [
                 scopeIdentifier
               ])
             )
@@ -2587,8 +2657,8 @@ function getSignalFn(signal) {
     });
     if (dynamicClosureSignalIdentifier) {
       (signal.prependStatements ||= []).push(
-        import_compiler20.types.variableDeclaration("const", [
-          import_compiler20.types.variableDeclarator(
+        import_compiler21.types.variableDeclaration("const", [
+          import_compiler21.types.variableDeclarator(
             dynamicClosureSignalIdentifier,
             callRuntime("dynamicClosure", ...dynamicClosureArgs)
           )
@@ -2597,24 +2667,46 @@ function getSignalFn(signal) {
     }
   }
   if (signal.effect.length) {
-    const effectIdentifier = import_compiler20.types.identifier(`${signal.identifier.name}_effect`);
+    const effectIdentifier = import_compiler21.types.identifier(`${signal.identifier.name}_effect`);
     signal.render.push(
-      import_compiler20.types.expressionStatement(
-        import_compiler20.types.callExpression(effectIdentifier, [scopeIdentifier])
+      import_compiler21.types.expressionStatement(
+        import_compiler21.types.callExpression(effectIdentifier, [scopeIdentifier])
       )
     );
   }
   if (isIntersection && signal.renderReferencedBindings) {
     signal.render.unshift(
-      import_compiler20.types.variableDeclaration("const", [
-        import_compiler20.types.variableDeclarator(
+      import_compiler21.types.variableDeclaration("const", [
+        import_compiler21.types.variableDeclarator(
           createScopeReadPattern(section, signal.renderReferencedBindings),
           scopeIdentifier
         )
       ])
     );
   }
-  return import_compiler20.types.arrowFunctionExpression(params, import_compiler20.types.blockStatement(signal.render));
+  if (canUseCalleeDirectly && signal.render.length === 1) {
+    const render = signal.render[0];
+    if (render.type === "ExpressionStatement") {
+      const { expression } = render;
+      if (expression.type === "CallExpression") {
+        const args = expression.arguments;
+        if (params.length >= args.length) {
+          for (let i = args.length; i--; ) {
+            const param = params[i];
+            const arg = args[i];
+            if (arg.type !== "Identifier" || param.name !== arg.name) {
+              canUseCalleeDirectly = false;
+              break;
+            }
+          }
+          if (canUseCalleeDirectly) {
+            return expression.callee;
+          }
+        }
+      }
+    }
+  }
+  return import_compiler21.types.arrowFunctionExpression(params, import_compiler21.types.blockStatement(signal.render));
 }
 var hasTranslatedExtraArgs = /* @__PURE__ */ new WeakSet();
 var emptyExtraArgs = [];
@@ -2659,19 +2751,19 @@ function replaceNullishAndEmptyFunctionsWith0(args) {
   for (let i = args.length; i--; ) {
     const arg = args[i];
     if (!arg) {
-      args[i] = import_compiler20.types.numericLiteral(0);
-    } else if (import_compiler20.types.isArrowFunctionExpression(arg) && import_compiler20.types.isBlockStatement(arg.body)) {
+      args[i] = import_compiler21.types.numericLiteral(0);
+    } else if (import_compiler21.types.isArrowFunctionExpression(arg) && import_compiler21.types.isBlockStatement(arg.body)) {
       const body = arg.body.body;
       if (body.length === 0) {
-        args[i] = import_compiler20.types.numericLiteral(0);
-      } else if (body.length === 1 && import_compiler20.types.isExpressionStatement(body[0])) {
+        args[i] = import_compiler21.types.numericLiteral(0);
+      } else if (body.length === 1 && import_compiler21.types.isExpressionStatement(body[0])) {
         arg.body = toParenthesizedExpressionIfNeeded(body[0].expression);
       }
-    } else if (import_compiler20.types.isNullLiteral(arg) || import_compiler20.types.isUnaryExpression(arg) && arg.operator === "void") {
-      args[i] = import_compiler20.types.numericLiteral(0);
+    } else if (import_compiler21.types.isNullLiteral(arg) || import_compiler21.types.isUnaryExpression(arg) && arg.operator === "void") {
+      args[i] = import_compiler21.types.numericLiteral(0);
     }
   }
-  for (let i = args.length - 1; import_compiler20.types.isNumericLiteral(args[i]) && args[i].value === 0; ) {
+  for (let i = args.length - 1; import_compiler21.types.isNumericLiteral(args[i]) && args[i].value === 0; ) {
     args.length = i--;
   }
   return args;
@@ -2720,7 +2812,7 @@ function getResumeRegisterId(section, referencedBindings, type) {
   const {
     markoOpts,
     opts: { filename }
-  } = (0, import_compiler20.getFile)();
+  } = (0, import_compiler21.getFile)();
   let name2 = "";
   if (referencedBindings) {
     if (typeof referencedBindings === "string") {
@@ -2744,7 +2836,7 @@ function getRegisterUID(section, name2) {
   const {
     markoOpts,
     opts: { filename }
-  } = (0, import_compiler20.getFile)();
+  } = (0, import_compiler21.getFile)();
   let used = usedRegisterIdsBySection.get(section);
   if (!used) usedRegisterIdsBySection.set(section, used = /* @__PURE__ */ new Set());
   const baseId = (0, import_babel_utils9.getTemplateId)(
@@ -2764,7 +2856,7 @@ function writeSignals(section) {
   forEach(section.hoisted, (binding) => {
     for (const hoistedBinding of binding.hoists.values()) {
       const accessors = [
-        binding.type === 0 /* dom */ ? import_compiler20.types.stringLiteral(
+        binding.type === 0 /* dom */ ? import_compiler21.types.stringLiteral(
           getAccessorPrefix().Getter + getScopeAccessor(binding)
         ) : getScopeAccessorLiteral(binding)
       ];
@@ -2777,13 +2869,13 @@ function writeSignals(section) {
         currentSection = parentSection;
       }
       const hoistIdentifier = getHoistFunctionIdentifier(hoistedBinding);
-      (0, import_compiler20.getProgram)().node.body.push(
-        import_compiler20.types.variableDeclaration("const", [
-          import_compiler20.types.variableDeclarator(
+      (0, import_compiler21.getProgram)().node.body.push(
+        import_compiler21.types.variableDeclaration("const", [
+          import_compiler21.types.variableDeclarator(
             hoistIdentifier,
             hoistedBinding.downstreamExpressions.size ? callRuntime(
               "register",
-              import_compiler20.types.stringLiteral(
+              import_compiler21.types.stringLiteral(
                 getResumeRegisterId(
                   hoistedBinding.section,
                   hoistedBinding,
@@ -2800,7 +2892,7 @@ function writeSignals(section) {
           hoistedBinding.section,
           void 0,
           initValue(hoistedBinding),
-          import_compiler20.types.callExpression(hoistIdentifier, [scopeIdentifier])
+          import_compiler21.types.callExpression(hoistIdentifier, [scopeIdentifier])
         );
       }
     }
@@ -2814,20 +2906,20 @@ function writeSignals(section) {
     let effectDeclarator;
     if (signal.effect.length) {
       traverseReplace(signal, "effect", replaceEffectNode);
-      const effectIdentifier = import_compiler20.types.identifier(`${signal.identifier.name}_effect`);
+      const effectIdentifier = import_compiler21.types.identifier(`${signal.identifier.name}_effect`);
       const referencedBindings = signal.effectReferencedBindings;
       const referencesScope = traverseContains(
         signal.effect,
         isScopeIdentifier
       );
-      effectDeclarator = import_compiler20.types.variableDeclarator(
+      effectDeclarator = import_compiler21.types.variableDeclarator(
         effectIdentifier,
         callRuntime(
           "effect",
-          import_compiler20.types.stringLiteral(
+          import_compiler21.types.stringLiteral(
             getResumeRegisterId(section, signal.referencedBindings)
           ),
-          import_compiler20.types.arrowFunctionExpression(
+          import_compiler21.types.arrowFunctionExpression(
             referencedBindings ? referencesScope ? [
               scopeIdentifier,
               createScopeReadPattern(section, referencedBindings)
@@ -2838,44 +2930,44 @@ function writeSignals(section) {
       );
     }
     let value = signal.build();
-    if (import_compiler20.types.isCallExpression(value)) {
+    if (import_compiler21.types.isCallExpression(value)) {
       replaceNullishAndEmptyFunctionsWith0(value.arguments);
     }
     if (signal.register) {
       value = callRuntime(
         "registerBoundSignal",
-        import_compiler20.types.stringLiteral(
+        import_compiler21.types.stringLiteral(
           getResumeRegisterId(section, signal.referencedBindings, "var")
         ),
         value
       );
     }
-    const signalDeclarator = import_compiler20.types.variableDeclarator(signal.identifier, value);
-    let signalDeclaration = !section.parent && !signal.referencedBindings && (import_compiler20.types.isFunctionExpression(value) || import_compiler20.types.isArrowFunctionExpression(value)) ? import_compiler20.types.functionDeclaration(
+    const signalDeclarator = import_compiler21.types.variableDeclarator(signal.identifier, value);
+    let signalDeclaration = !section.parent && !signal.referencedBindings && (import_compiler21.types.isFunctionExpression(value) || import_compiler21.types.isArrowFunctionExpression(value)) ? import_compiler21.types.functionDeclaration(
       signal.identifier,
       value.params,
-      import_compiler20.types.isExpression(value.body) ? import_compiler20.types.blockStatement([import_compiler20.types.expressionStatement(value.body)]) : value.body
-    ) : import_compiler20.types.variableDeclaration("const", [signalDeclarator]);
+      import_compiler21.types.isExpression(value.body) ? import_compiler21.types.blockStatement([import_compiler21.types.expressionStatement(value.body)]) : value.body
+    ) : import_compiler21.types.variableDeclaration("const", [signalDeclarator]);
     if (signal.export) {
-      signalDeclaration = import_compiler20.types.exportNamedDeclaration(signalDeclaration);
+      signalDeclaration = import_compiler21.types.exportNamedDeclaration(signalDeclaration);
     }
     const signalStatements = signal.prependStatements || [];
     if (effectDeclarator) {
-      signalStatements.push(import_compiler20.types.variableDeclaration("const", [effectDeclarator]));
+      signalStatements.push(import_compiler21.types.variableDeclaration("const", [effectDeclarator]));
     }
     signalStatements.push(signalDeclaration);
-    (0, import_compiler20.getProgram)().node.body.push(...signalStatements);
+    (0, import_compiler21.getProgram)().node.body.push(...signalStatements);
   }
 }
 function writeRegisteredFns() {
-  const registeredFns = registeredFnsForProgram.get((0, import_compiler20.getProgram)().node);
+  const registeredFns = registeredFnsForProgram.get((0, import_compiler21.getProgram)().node);
   const statements = [];
   if (registeredFns) {
     for (const registeredFn of registeredFns) {
       let fn;
       const params = registeredFn.referencedBindings ? registeredFn.referencesScope ? [
         scopeIdentifier,
-        import_compiler20.types.assignmentPattern(
+        import_compiler21.types.assignmentPattern(
           createScopeReadPattern(
             registeredFn.section,
             registeredFn.referencedBindings
@@ -2889,18 +2981,18 @@ function writeRegisteredFns() {
         )
       ] : registeredFn.referencesScope ? [scopeIdentifier] : void 0;
       if (params) {
-        fn = import_compiler20.types.functionDeclaration(
-          import_compiler20.types.identifier(registeredFn.id),
+        fn = import_compiler21.types.functionDeclaration(
+          import_compiler21.types.identifier(registeredFn.id),
           params,
-          import_compiler20.types.blockStatement(toReturnedFunction(registeredFn.node))
+          import_compiler21.types.blockStatement(toReturnedFunction(registeredFn.node))
         );
       } else if (registeredFn.node.type === "FunctionDeclaration" && registeredFn.node.id?.name === registeredFn.id) {
         fn = registeredFn.node;
       } else {
-        fn = import_compiler20.types.functionDeclaration(
-          import_compiler20.types.identifier(registeredFn.id),
+        fn = import_compiler21.types.functionDeclaration(
+          import_compiler21.types.identifier(registeredFn.id),
           registeredFn.node.params,
-          registeredFn.node.body.type === "BlockStatement" ? registeredFn.node.body : import_compiler20.types.blockStatement([import_compiler20.types.returnStatement(registeredFn.node.body)]),
+          registeredFn.node.body.type === "BlockStatement" ? registeredFn.node.body : import_compiler21.types.blockStatement([import_compiler21.types.returnStatement(registeredFn.node.body)]),
           registeredFn.node.generator,
           registeredFn.node.async
         );
@@ -2909,21 +3001,21 @@ function writeRegisteredFns() {
     }
     for (const registeredFn of registeredFns) {
       statements.push(
-        import_compiler20.types.expressionStatement(
+        import_compiler21.types.expressionStatement(
           callRuntime(
             "register",
-            import_compiler20.types.stringLiteral(registeredFn.registerId),
-            import_compiler20.types.identifier(registeredFn.id)
+            import_compiler21.types.stringLiteral(registeredFn.registerId),
+            import_compiler21.types.identifier(registeredFn.id)
           )
         )
       );
     }
-    (0, import_compiler20.getProgram)().node.body.push(...statements);
+    (0, import_compiler21.getProgram)().node.body.push(...statements);
   }
 }
 function toReturnedFunction(rawFn) {
   const fn = simplifyFunction(rawFn);
-  return fn.type === "FunctionDeclaration" ? [fn, import_compiler20.types.returnStatement(fn.id)] : [import_compiler20.types.returnStatement(fn)];
+  return fn.type === "FunctionDeclaration" ? [fn, import_compiler21.types.returnStatement(fn.id)] : [import_compiler21.types.returnStatement(fn)];
 }
 function sortSignals(a, b) {
   const aReferencedBindings = getReferencedBindings(a);
@@ -2969,15 +3061,15 @@ function writeHTMLResumeStatements(path5) {
         if (!identifier) {
           htmlDynamicClosureInstancesIdentifier.set(
             closureSignal,
-            identifier = (0, import_compiler20.getProgram)().scope.generateUidIdentifier(
+            identifier = generateUidIdentifier(
               closureSignal.identifier.name + "_closures"
             )
           );
           getHTMLSectionStatements(closure.section).push(
-            import_compiler20.types.variableDeclaration("const", [
-              import_compiler20.types.variableDeclarator(
+            import_compiler21.types.variableDeclaration("const", [
+              import_compiler21.types.variableDeclarator(
                 identifier,
-                import_compiler20.types.newExpression(import_compiler20.types.identifier("Set"), [])
+                import_compiler21.types.newExpression(import_compiler21.types.identifier("Set"), [])
               )
             ])
           );
@@ -2991,7 +3083,7 @@ function writeHTMLResumeStatements(path5) {
         setSerializedProperty(
           section,
           getAccessorPrefix().ClosureSignalIndex + getScopeAccessor(closure),
-          import_compiler20.types.numericLiteral(getDynamicClosureIndex(closure, section)),
+          import_compiler21.types.numericLiteral(getDynamicClosureIndex(closure, section)),
           serializeReason
         );
         addWriteScopeBuilder(
@@ -3006,13 +3098,13 @@ function writeHTMLResumeStatements(path5) {
     for (const hoistedBinding of binding.hoists.values()) {
       if (hoistedBinding.downstreamExpressions.size) {
         getHTMLSectionStatements(hoistedBinding.section).push(
-          import_compiler20.types.variableDeclaration("const", [
-            import_compiler20.types.variableDeclarator(
-              import_compiler20.types.identifier(hoistedBinding.name),
+          import_compiler21.types.variableDeclaration("const", [
+            import_compiler21.types.variableDeclarator(
+              import_compiler21.types.identifier(hoistedBinding.name),
               callRuntime(
                 "hoist",
                 getScopeIdIdentifier(hoistedBinding.section),
-                import_compiler20.types.stringLiteral(
+                import_compiler21.types.stringLiteral(
                   getResumeRegisterId(
                     hoistedBinding.section,
                     hoistedBinding,
@@ -3028,15 +3120,15 @@ function writeHTMLResumeStatements(path5) {
       while (currentSection && currentSection !== hoistedBinding.section) {
         const parentSection = currentSection.parent;
         if (!currentSection.sectionAccessor && !sectionDynamicSubscribers.has(currentSection)) {
-          const subscribersIdentifier = (0, import_compiler20.getProgram)().scope.generateUidIdentifier(
+          const subscribersIdentifier = generateUidIdentifier(
             `${currentSection.name}_subscribers`
           );
           sectionDynamicSubscribers.add(currentSection);
           getHTMLSectionStatements(parentSection).push(
-            import_compiler20.types.variableDeclaration("const", [
-              import_compiler20.types.variableDeclarator(
+            import_compiler21.types.variableDeclaration("const", [
+              import_compiler21.types.variableDeclarator(
                 subscribersIdentifier,
-                import_compiler20.types.newExpression(import_compiler20.types.identifier("Set"), [])
+                import_compiler21.types.newExpression(import_compiler21.types.identifier("Set"), [])
               )
             ])
           );
@@ -3067,11 +3159,11 @@ function writeHTMLResumeStatements(path5) {
     if (allSignals[i].effect.length) {
       const signalRefs = allSignals[i].referencedBindings;
       body.push(
-        import_compiler20.types.expressionStatement(
+        import_compiler21.types.expressionStatement(
           callRuntime(
             "writeEffect",
             scopeIdIdentifier,
-            import_compiler20.types.stringLiteral(getResumeRegisterId(section, signalRefs))
+            import_compiler21.types.stringLiteral(getResumeRegisterId(section, signalRefs))
           )
         )
       );
@@ -3101,7 +3193,7 @@ function writeHTMLResumeStatements(path5) {
     }
     const writeScopeArgs = [
       scopeIdIdentifier,
-      import_compiler20.types.objectExpression(serializedProperties)
+      import_compiler21.types.objectExpression(serializedProperties)
     ];
     if (!isOptimize()) {
       let debugVars;
@@ -3115,30 +3207,30 @@ function writeHTMLResumeStatements(path5) {
           }
           root = root.upstreamAlias;
         }
-        const locExpr = root.loc && import_compiler20.types.stringLiteral(
+        const locExpr = root.loc && import_compiler21.types.stringLiteral(
           `${root.loc.start.line}:${root.loc.start.column + 1}`
         );
         (debugVars ||= []).push(
           toObjectProperty(
             getScopeAccessor(binding),
-            root !== binding ? import_compiler20.types.arrayExpression(
-              locExpr ? [import_compiler20.types.stringLiteral(root.name + access), locExpr] : [import_compiler20.types.stringLiteral(root.name + access)]
-            ) : locExpr || import_compiler20.types.numericLiteral(0)
+            root !== binding ? import_compiler21.types.arrayExpression(
+              locExpr ? [import_compiler21.types.stringLiteral(root.name + access), locExpr] : [import_compiler21.types.stringLiteral(root.name + access)]
+            ) : locExpr || import_compiler21.types.numericLiteral(0)
           )
         );
       });
       writeScopeArgs.push(
-        import_compiler20.types.stringLiteral(path5.hub.file.opts.filenameRelative),
-        section.loc && section.loc.start.line != null ? import_compiler20.types.stringLiteral(
+        import_compiler21.types.stringLiteral(path5.hub.file.opts.filenameRelative),
+        section.loc && section.loc.start.line != null ? import_compiler21.types.stringLiteral(
           `${section.loc.start.line}:${section.loc.start.column + 1}`
-        ) : import_compiler20.types.numericLiteral(0)
+        ) : import_compiler21.types.numericLiteral(0)
       );
       if (debugVars) {
-        writeScopeArgs.push(import_compiler20.types.objectExpression(debugVars));
+        writeScopeArgs.push(import_compiler21.types.objectExpression(debugVars));
       }
     }
     body.push(
-      import_compiler20.types.expressionStatement(
+      import_compiler21.types.expressionStatement(
         writeScopeBuilder ? writeScopeBuilder(callRuntime("writeScope", ...writeScopeArgs)) : callRuntime("writeScope", ...writeScopeArgs)
       )
     );
@@ -3146,7 +3238,7 @@ function writeHTMLResumeStatements(path5) {
   const resumeClosestBranch2 = !section.isBranch && (section.hasAbortSignal || !!section.referencedClosures || !!find(section.bindings, (binding) => binding.type === 1 /* let */));
   if (resumeClosestBranch2) {
     body.push(
-      import_compiler20.types.expressionStatement(
+      import_compiler21.types.expressionStatement(
         callRuntime("resumeClosestBranch", scopeIdIdentifier)
       )
     );
@@ -3154,15 +3246,15 @@ function writeHTMLResumeStatements(path5) {
   const additionalStatements = getHTMLSectionStatements(section);
   if (body.length || additionalStatements.length) {
     body.unshift(
-      import_compiler20.types.variableDeclaration("const", [
-        import_compiler20.types.variableDeclarator(scopeIdIdentifier, callRuntime("nextScopeId"))
+      import_compiler21.types.variableDeclaration("const", [
+        import_compiler21.types.variableDeclarator(scopeIdIdentifier, callRuntime("nextScopeId"))
       ]),
       ...additionalStatements
     );
   }
   const returnIdentifier = getSectionReturnValueIdentifier(section);
   if (returnIdentifier !== void 0) {
-    body.push(import_compiler20.types.returnStatement(returnIdentifier));
+    body.push(import_compiler21.types.returnStatement(returnIdentifier));
   }
 }
 function serializeOwners(from, to) {
@@ -3209,14 +3301,14 @@ function replaceAssignedNode(node) {
         if (buildAssignment) {
           const replacement = buildAssignment(
             extra.section,
-            import_compiler20.types.binaryExpression(
+            import_compiler21.types.binaryExpression(
               node.operator === "++" ? "+" : "-",
               node.argument,
-              import_compiler20.types.numericLiteral(1)
+              import_compiler21.types.numericLiteral(1)
             )
           );
           if (!node.prefix) {
-            return import_compiler20.types.sequenceExpression([replacement, node.argument]);
+            return import_compiler21.types.sequenceExpression([replacement, node.argument]);
           }
           return replacement;
         }
@@ -3235,7 +3327,7 @@ function replaceAssignedNode(node) {
             if (buildAssignment) {
               return buildAssignment(
                 extra.section,
-                node.operator === "=" ? node.right : import_compiler20.types.binaryExpression(
+                node.operator === "=" ? node.right : import_compiler21.types.binaryExpression(
                   node.operator.slice(
                     0,
                     -1
@@ -3260,27 +3352,27 @@ function replaceAssignedNode(node) {
                 extra.assignment
               );
               if (signal?.buildAssignment) {
-                id.name = (0, import_compiler20.getProgram)().scope.generateUid(id.name);
-                (params ||= []).push(import_compiler20.types.identifier(id.name));
+                id.name = generateUid(id.name);
+                (params ||= []).push(import_compiler21.types.identifier(id.name));
                 (assignments ||= []).push(
-                  signal.buildAssignment(extra.section, import_compiler20.types.identifier(id.name))
+                  signal.buildAssignment(extra.section, import_compiler21.types.identifier(id.name))
                 );
               }
             }
           });
           if (params && assignments) {
-            const resultId = (0, import_compiler20.getProgram)().scope.generateUid("result");
-            return import_compiler20.types.callExpression(
-              import_compiler20.types.arrowFunctionExpression(
-                [import_compiler20.types.identifier(resultId), ...params],
-                import_compiler20.types.sequenceExpression([
-                  import_compiler20.types.assignmentExpression(
+            const resultId = generateUid("result");
+            return import_compiler21.types.callExpression(
+              import_compiler21.types.arrowFunctionExpression(
+                [import_compiler21.types.identifier(resultId), ...params],
+                import_compiler21.types.sequenceExpression([
+                  import_compiler21.types.assignmentExpression(
                     "=",
                     node.left,
-                    import_compiler20.types.identifier(resultId)
+                    import_compiler21.types.identifier(resultId)
                   ),
                   ...assignments,
-                  import_compiler20.types.identifier(resultId)
+                  import_compiler21.types.identifier(resultId)
                 ])
               ),
               [node.right]
@@ -3297,15 +3389,15 @@ function replaceRegisteredFunctionNode(node) {
   switch (node.type) {
     case "ClassMethod": {
       const replacement = getRegisteredFnExpression(node);
-      return replacement && import_compiler20.types.classProperty(node.key, replacement);
+      return replacement && import_compiler21.types.classProperty(node.key, replacement);
     }
     case "ClassPrivateMethod": {
       const replacement = getRegisteredFnExpression(node);
-      return replacement && import_compiler20.types.classPrivateProperty(node.key, replacement);
+      return replacement && import_compiler21.types.classPrivateProperty(node.key, replacement);
     }
     case "ObjectMethod": {
       const replacement = getRegisteredFnExpression(node);
-      return replacement && import_compiler20.types.objectProperty(node.key, replacement);
+      return replacement && import_compiler21.types.objectProperty(node.key, replacement);
     }
     case "ArrowFunctionExpression":
     case "FunctionExpression": {
@@ -3314,8 +3406,8 @@ function replaceRegisteredFunctionNode(node) {
     case "FunctionDeclaration": {
       const replacement = getRegisteredFnExpression(node);
       if (replacement) {
-        return import_compiler20.types.variableDeclaration("const", [
-          import_compiler20.types.variableDeclarator(node.id, replacement)
+        return import_compiler21.types.variableDeclaration("const", [
+          import_compiler21.types.variableDeclarator(node.id, replacement)
         ]);
       }
       break;
@@ -3325,12 +3417,12 @@ function replaceRegisteredFunctionNode(node) {
 function getRegisteredFnExpression(node) {
   const { extra } = node;
   if (isRegisteredFnExtra(extra)) {
-    const id = (0, import_compiler20.getProgram)().scope.generateUid(extra.name);
+    const id = generateUid(extra.name);
     const referencesScope = extra.referencesScope;
     const referencedBindings = extra.referencedBindingsInFunction;
-    let registedFns = registeredFnsForProgram.get((0, import_compiler20.getProgram)().node);
+    let registedFns = registeredFnsForProgram.get((0, import_compiler21.getProgram)().node);
     if (!registedFns) {
-      registeredFnsForProgram.set((0, import_compiler20.getProgram)().node, registedFns = []);
+      registeredFnsForProgram.set((0, import_compiler21.getProgram)().node, registedFns = []);
     }
     registedFns.push({
       id,
@@ -3341,9 +3433,9 @@ function getRegisteredFnExpression(node) {
       referencedBindings
     });
     if (referencesScope || referencedBindings) {
-      return import_compiler20.types.callExpression(import_compiler20.types.identifier(id), [scopeIdentifier]);
+      return import_compiler21.types.callExpression(import_compiler21.types.identifier(id), [scopeIdentifier]);
     } else {
-      return import_compiler20.types.identifier(id);
+      return import_compiler21.types.identifier(id);
     }
   }
 }
@@ -3367,9 +3459,9 @@ var dom_default = {
       const section = getSectionForBody(program);
       const { walks, writes, setup } = getSectionMeta(section);
       const domExports = program.node.extra.domExports;
-      const templateIdentifier = import_compiler21.types.identifier(domExports.template);
-      const walksIdentifier = import_compiler21.types.identifier(domExports.walks);
-      const setupIdentifier = import_compiler21.types.identifier(domExports.setup);
+      const templateIdentifier = import_compiler22.types.identifier(domExports.template);
+      const walksIdentifier = import_compiler22.types.identifier(domExports.walks);
+      const setupIdentifier = import_compiler22.types.identifier(domExports.setup);
       const inputBinding = program.node.params[0].extra?.binding;
       const programInputSignal = inputBinding && bindingHasDownstreamExpressions(inputBinding) ? initValue(inputBinding) : void 0;
       const styleFile = getStyleFile(program.hub.file);
@@ -3380,17 +3472,17 @@ var dom_default = {
         if (childSection !== section) {
           const tagParamsSignal = childSection.params && initValue(childSection.params);
           const { walks: walks2, writes: writes2, setup: setup2 } = getSectionMeta(childSection);
-          const identifier = import_compiler21.types.identifier(childSection.name);
-          const referencedClosures = childSection.referencedClosures ? import_compiler21.types.arrowFunctionExpression(
+          const identifier = import_compiler22.types.identifier(childSection.name);
+          const referencedClosures = childSection.referencedClosures ? import_compiler22.types.arrowFunctionExpression(
             [scopeIdentifier],
             toFirstExpressionOrBlock(
               map(childSection.referencedClosures, (closure) => {
                 const closureSignal = getSignal(childSection, closure);
-                return import_compiler21.types.expressionStatement(
-                  import_compiler21.types.callExpression(
-                    isDynamicClosure(childSection, closure) ? closureSignal.identifier : import_compiler21.types.memberExpression(
+                return import_compiler22.types.expressionStatement(
+                  import_compiler22.types.callExpression(
+                    isDynamicClosure(childSection, closure) ? closureSignal.identifier : import_compiler22.types.memberExpression(
                       closureSignal.identifier,
-                      import_compiler21.types.identifier("_")
+                      import_compiler22.types.identifier("_")
                     ),
                     [scopeIdentifier]
                   )
@@ -3409,7 +3501,7 @@ var dom_default = {
             ])
           ) : callRuntime(
             isSerializedSection(childSection) ? "registerContent" : "createContent",
-            import_compiler21.types.stringLiteral(getResumeRegisterId(childSection, "renderer")),
+            import_compiler22.types.stringLiteral(getResumeRegisterId(childSection, "renderer")),
             ...replaceNullishAndEmptyFunctionsWith0([
               writes2,
               walks2,
@@ -3421,8 +3513,8 @@ var dom_default = {
           );
           writeSignals(childSection);
           program.node.body.push(
-            import_compiler21.types.variableDeclaration("const", [
-              import_compiler21.types.variableDeclarator(identifier, renderer)
+            import_compiler22.types.variableDeclaration("const", [
+              import_compiler22.types.variableDeclarator(identifier, renderer)
             ])
           );
         }
@@ -3431,36 +3523,36 @@ var dom_default = {
       writeRegisteredFns();
       if (!setup) {
         program.node.body.unshift(
-          import_compiler21.types.exportNamedDeclaration(
-            import_compiler21.types.variableDeclaration("const", [
-              import_compiler21.types.variableDeclarator(
+          import_compiler22.types.exportNamedDeclaration(
+            import_compiler22.types.variableDeclaration("const", [
+              import_compiler22.types.variableDeclarator(
                 setupIdentifier,
-                import_compiler21.types.arrowFunctionExpression([], import_compiler21.types.blockStatement([]))
+                import_compiler22.types.arrowFunctionExpression([], import_compiler22.types.blockStatement([]))
               )
             ])
           )
         );
       }
       program.node.body.unshift(
-        import_compiler21.types.exportNamedDeclaration(
-          import_compiler21.types.variableDeclaration("const", [
-            import_compiler21.types.variableDeclarator(
+        import_compiler22.types.exportNamedDeclaration(
+          import_compiler22.types.variableDeclaration("const", [
+            import_compiler22.types.variableDeclarator(
               templateIdentifier,
-              writes || import_compiler21.types.stringLiteral("")
+              writes || import_compiler22.types.stringLiteral("")
             )
           ])
         ),
-        import_compiler21.types.exportNamedDeclaration(
-          import_compiler21.types.variableDeclaration("const", [
-            import_compiler21.types.variableDeclarator(walksIdentifier, walks || import_compiler21.types.stringLiteral(""))
+        import_compiler22.types.exportNamedDeclaration(
+          import_compiler22.types.variableDeclaration("const", [
+            import_compiler22.types.variableDeclarator(walksIdentifier, walks || import_compiler22.types.stringLiteral(""))
           ])
         )
       );
       program.node.body.push(
-        import_compiler21.types.exportDefaultDeclaration(
+        import_compiler22.types.exportDefaultDeclaration(
           callRuntime(
             "createTemplate",
-            import_compiler21.types.stringLiteral(program.hub.file.metadata.marko.id),
+            import_compiler22.types.stringLiteral(program.hub.file.metadata.marko.id),
             templateIdentifier,
             walksIdentifier,
             setupIdentifier,
@@ -3473,7 +3565,7 @@ var dom_default = {
 };
 
 // src/translator/visitors/program/html.ts
-var import_compiler22 = require("@marko/compiler");
+var import_compiler23 = require("@marko/compiler");
 
 // src/translator/util/is-static.ts
 function isStatic(path5) {
@@ -3483,11 +3575,11 @@ function isStatic(path5) {
 // src/translator/visitors/program/html.ts
 var templateContentIdentifierForProgram = /* @__PURE__ */ new WeakMap();
 function getTemplateContentName() {
-  let name2 = templateContentIdentifierForProgram.get((0, import_compiler22.getProgram)());
+  let name2 = templateContentIdentifierForProgram.get((0, import_compiler23.getProgram)());
   if (!name2) {
     templateContentIdentifierForProgram.set(
-      (0, import_compiler22.getProgram)(),
-      name2 = (0, import_compiler22.getProgram)().scope.generateUid("content")
+      (0, import_compiler23.getProgram)(),
+      name2 = generateUid("content")
     );
   }
   return name2;
@@ -3512,21 +3604,21 @@ var html_default = {
         }
       }
       const contentId = templateContentIdentifierForProgram.get(program);
-      const contentFn = import_compiler22.types.arrowFunctionExpression(
-        [import_compiler22.types.identifier("input")],
-        import_compiler22.types.blockStatement(renderContent)
+      const contentFn = import_compiler23.types.arrowFunctionExpression(
+        [import_compiler23.types.identifier("input")],
+        import_compiler23.types.blockStatement(renderContent)
       );
-      const exportDefault = import_compiler22.types.exportDefaultDeclaration(
+      const exportDefault = import_compiler23.types.exportDefaultDeclaration(
         callRuntime(
           "createTemplate",
-          import_compiler22.types.stringLiteral(program.hub.file.metadata.marko.id),
-          contentId ? import_compiler22.types.identifier(contentId) : contentFn
+          import_compiler23.types.stringLiteral(program.hub.file.metadata.marko.id),
+          contentId ? import_compiler23.types.identifier(contentId) : contentFn
         )
       );
       if (contentId) {
         program.node.body.push(
-          import_compiler22.types.variableDeclaration("const", [
-            import_compiler22.types.variableDeclarator(import_compiler22.types.identifier(contentId), contentFn)
+          import_compiler23.types.variableDeclaration("const", [
+            import_compiler23.types.variableDeclarator(import_compiler23.types.identifier(contentId), contentFn)
           ]),
           exportDefault
         );
@@ -3554,15 +3646,15 @@ function replaceRegisteredFunctionNode2(node, container) {
   switch (node.type) {
     case "ClassMethod": {
       const replacement = getRegisteredFnExpression2(node);
-      return replacement && import_compiler22.types.classProperty(node.key, replacement);
+      return replacement && import_compiler23.types.classProperty(node.key, replacement);
     }
     case "ClassPrivateMethod": {
       const replacement = getRegisteredFnExpression2(node);
-      return replacement && import_compiler22.types.classPrivateProperty(node.key, replacement);
+      return replacement && import_compiler23.types.classPrivateProperty(node.key, replacement);
     }
     case "ObjectMethod": {
       const replacement = getRegisteredFnExpression2(node);
-      return replacement && import_compiler22.types.objectProperty(node.key, replacement);
+      return replacement && import_compiler23.types.objectProperty(node.key, replacement);
     }
     case "FunctionDeclaration": {
       const { extra } = node;
@@ -3599,11 +3691,11 @@ function addRegisteredDeclarations(body) {
   if (registeredFnDeclarations) {
     for (const { id, registerId } of registeredFnDeclarations) {
       body.push(
-        import_compiler22.types.expressionStatement(
+        import_compiler23.types.expressionStatement(
           callRuntime(
             "register",
-            import_compiler22.types.identifier(id),
-            import_compiler22.types.stringLiteral(registerId)
+            import_compiler23.types.identifier(id),
+            import_compiler23.types.stringLiteral(registerId)
           )
         )
       );
@@ -3616,7 +3708,7 @@ function getRegisteredFnExpression2(node) {
     return callRuntime(
       "register",
       simplifyFunction(node),
-      import_compiler22.types.stringLiteral(extra.registerId),
+      import_compiler23.types.stringLiteral(extra.registerId),
       (extra.referencedBindingsInFunction || extra.referencesScope) && getScopeIdIdentifier(extra.section)
     );
   }
@@ -3631,7 +3723,7 @@ function isScopeIdentifier(node) {
 var program_default = {
   migrate: {
     enter(program) {
-      program.node.params = [import_compiler23.types.identifier("input")];
+      program.node.params = [import_compiler24.types.identifier("input")];
     },
     exit(program) {
       program.scope.crawl();
@@ -3645,14 +3737,13 @@ var program_default = {
       if (inputBinding) {
         inputBinding.nullable = false;
       }
-      const { scope } = program;
       (program.node.extra ??= {}).domExports = {
-        template: scope.generateUid("template_"),
-        walks: scope.generateUid("walks_"),
-        setup: scope.generateUid("setup_"),
+        template: generateUid("template"),
+        walks: generateUid("walks"),
+        setup: generateUid("setup"),
         input: void 0,
         // TODO look into recursive components with fine grained params.
-        closures: scope.generateUid("closures_")
+        closures: generateUid("closures")
       };
     },
     exit(program) {
@@ -3669,8 +3760,8 @@ var program_default = {
   },
   translate: {
     enter(program) {
-      scopeIdentifier = isOutputDOM() ? program.scope.generateUidIdentifier("scope") : null;
-      cleanIdentifier = isOutputDOM() ? program.scope.generateUidIdentifier("clean") : null;
+      scopeIdentifier = isOutputDOM() ? generateUidIdentifier("scope") : null;
+      cleanIdentifier = isOutputDOM() ? generateUidIdentifier("clean") : null;
       if (getMarkoOpts().output === "hydrate") {
         const entryFile = program.hub.file;
         const visitedFiles = /* @__PURE__ */ new Set([
@@ -3710,7 +3801,7 @@ var program_default = {
             body.push(child);
           }
         }
-        body[0] ??= import_compiler23.types.importDeclaration([], import_compiler23.types.stringLiteral(compatFile));
+        body[0] ??= import_compiler24.types.importDeclaration([], import_compiler24.types.stringLiteral(compatFile));
         program.node.body = body;
       }
     }
@@ -3724,7 +3815,7 @@ function resolveRelativeToEntry(entryFile, file, req) {
 }
 function buildTemplateExports(binding, program) {
   const templateExport = {
-    id: binding.export ??= program.scope.generateUid(binding.name + "_"),
+    id: binding.export ??= generateUid(binding.name),
     binding,
     props: void 0
   };
@@ -3740,7 +3831,7 @@ function buildTemplateExports(binding, program) {
 // src/translator/util/scope-read.ts
 function createScopeReadPattern(section, referencedBindings) {
   const rootDepth = section.depth;
-  const rootPattern = import_compiler24.types.objectPattern([]);
+  const rootPattern = import_compiler25.types.objectPattern([]);
   let nestedPatterns;
   forEach(referencedBindings, (ref) => {
     const propertyValue = ref.name;
@@ -3754,9 +3845,9 @@ function createScopeReadPattern(section, referencedBindings) {
       let i = nestedPatterns.length;
       let prev = nestedPatterns[i - 1];
       for (; i <= relativeDepth; i++) {
-        const nestedPattern = import_compiler24.types.objectPattern([]);
+        const nestedPattern = import_compiler25.types.objectPattern([]);
         prev.properties.push(
-          import_compiler24.types.objectProperty(import_compiler24.types.identifier("_"), nestedPattern)
+          import_compiler25.types.objectProperty(import_compiler25.types.identifier("_"), nestedPattern)
         );
         nestedPatterns.push(nestedPattern);
         prev = nestedPattern;
@@ -3764,9 +3855,9 @@ function createScopeReadPattern(section, referencedBindings) {
       pattern = nestedPatterns[relativeDepth];
     }
     pattern.properties.push(
-      import_compiler24.types.objectProperty(
+      import_compiler25.types.objectProperty(
         toPropertyName(propertyKey),
-        import_compiler24.types.identifier(propertyValue),
+        import_compiler25.types.identifier(propertyValue),
         false,
         isShorthand
       )
@@ -3775,10 +3866,10 @@ function createScopeReadPattern(section, referencedBindings) {
   return rootPattern;
 }
 function getScopeExpression(section, targetSection) {
-  let scope = scopeIdentifier ?? import_compiler24.types.identifier("undefined");
+  let scope = scopeIdentifier ?? import_compiler25.types.identifier("undefined");
   const diff = section.depth - targetSection.depth;
   for (let i = 0; i < diff; i++) {
-    scope = import_compiler24.types.memberExpression(scope, import_compiler24.types.identifier("_"));
+    scope = import_compiler25.types.memberExpression(scope, import_compiler25.types.identifier("_"));
   }
   if (diff < 0) {
     throw new Error("Unable to find scope for reference.");
@@ -3787,7 +3878,7 @@ function getScopeExpression(section, targetSection) {
 }
 function createScopeReadExpression(section, reference) {
   const propName = toPropertyName(getScopeAccessor(reference));
-  return import_compiler24.types.memberExpression(
+  return import_compiler25.types.memberExpression(
     getScopeExpression(section, reference.section),
     propName,
     propName.type !== "Identifier"
@@ -3871,7 +3962,7 @@ function trackParamsReferences(body, type, upstreamAlias, upstreamExpression) {
     const section = getOrCreateSection(body);
     const canonicalUpstreamAlias = getCanonicalBinding(upstreamAlias);
     const paramsBinding = canonicalUpstreamAlias || ((body.node.extra ??= {}).binding = createBinding(
-      (0, import_compiler25.getProgram)().scope.generateUid("params_"),
+      generateUid("params"),
       type,
       section,
       canonicalUpstreamAlias,
@@ -3902,7 +3993,7 @@ function trackHoistedReference(referencePath, binding) {
     binding.hoists.set(
       hoistSection,
       hoistedBinding = createBinding(
-        (0, import_compiler25.getProgram)().scope.generateUid("hoisted_" + referencePath.node.name),
+        generateUid("hoisted_" + referencePath.node.name),
         5 /* hoist */,
         hoistSection,
         void 0,
@@ -3992,7 +4083,7 @@ function createBindingsAndTrackReferences(lVal, type, scope, section, upstreamAl
       break;
     case "ObjectPattern": {
       const patternBinding = (property ? upstreamAlias.propertyAliases.get(property) : upstreamAlias) || ((lVal.extra ??= {}).binding = createBinding(
-        (0, import_compiler25.getProgram)().scope.generateUid("pattern_"),
+        generateUid(property || "pattern"),
         type,
         section,
         upstreamAlias,
@@ -4035,7 +4126,7 @@ function createBindingsAndTrackReferences(lVal, type, scope, section, upstreamAl
     }
     case "ArrayPattern": {
       const patternBinding = (property ? upstreamAlias.propertyAliases.get(property) : upstreamAlias) || ((lVal.extra ??= {}).binding = createBinding(
-        (0, import_compiler25.getProgram)().scope.generateUid("pattern_"),
+        generateUid(property || "pattern"),
         type,
         section,
         upstreamAlias,
@@ -4091,7 +4182,7 @@ function trackReference(referencePath, binding) {
   let propPath = binding.name;
   while (true) {
     const { parent } = root;
-    if (!import_compiler25.types.isMemberExpression(parent)) break;
+    if (!import_compiler26.types.isMemberExpression(parent)) break;
     const prop = getMemberExpressionPropString(parent);
     if (prop === void 0) break;
     if (reference.propertyAliases.has(prop)) {
@@ -4208,7 +4299,7 @@ function finalizeReferences() {
     if (binding.type !== 0 /* dom */) {
       resolveBindingSources(binding);
       if (find(section.bindings, ({ name: name3 }) => name3 === binding.name)) {
-        binding.name = (0, import_compiler25.getProgram)().scope.generateUid(name2);
+        binding.name = generateUid(name2);
       }
     }
     section.bindings = bindingUtil.add(section.bindings, binding);
@@ -4258,9 +4349,7 @@ function finalizeReferences() {
         let serialize = false;
         const sourceSection = binding.section;
         let currentSection = section;
-        while (currentSection !== sourceSection && !(serialize = !currentSection.upstreamExpression || !!getDynamicSourcesForReferences(
-          currentSection.upstreamExpression.referencedBindings
-        ))) {
+        while (currentSection !== sourceSection && !(serialize = !currentSection.upstreamExpression || !!getDynamicSourcesForExtra(currentSection.upstreamExpression))) {
           currentSection = currentSection.parent;
         }
         binding.serialize = serialize;
@@ -4391,9 +4480,9 @@ function getAllTagReferenceNodes(tag, referenceNodes = []) {
 }
 function getScopeAccessorLiteral(binding, includeId) {
   if (isOptimize()) {
-    return import_compiler25.types.numericLiteral(binding.id);
+    return import_compiler26.types.numericLiteral(binding.id);
   }
-  return import_compiler25.types.stringLiteral(
+  return import_compiler26.types.stringLiteral(
     binding.name + (includeId || binding.type === 0 /* dom */ ? `/${binding.id}` : "")
   );
 }
@@ -4408,7 +4497,7 @@ function getSectionInstancesAccessor(section) {
 }
 function getSectionInstancesAccessorLiteral(section) {
   const accessor = getSectionInstancesAccessor(section);
-  return accessor ? typeof accessor === "number" ? import_compiler25.types.numericLiteral(accessor) : import_compiler25.types.stringLiteral(accessor) : void 0;
+  return accessor ? typeof accessor === "number" ? import_compiler26.types.numericLiteral(accessor) : import_compiler26.types.stringLiteral(accessor) : void 0;
 }
 function getReadReplacement(node) {
   const { extra } = node;
@@ -4426,18 +4515,18 @@ function getReadReplacement(node) {
   if (binding) {
     if (node.type === "Identifier") {
       if (binding.type === 5 /* hoist */) {
-        replacement = node.extra?.[kIsInvoked] ? import_compiler25.types.callExpression(getHoistFunctionIdentifier(binding), [
+        replacement = node.extra?.[kIsInvoked] ? import_compiler26.types.callExpression(getHoistFunctionIdentifier(binding), [
           getScopeExpression(node.extra.section, binding.section)
-        ]) : import_compiler25.types.identifier(getScopeAccessor(binding));
+        ]) : import_compiler26.types.identifier(getScopeAccessor(binding));
       } else if (binding.name !== node.name) {
         node.name = binding.name;
       }
     } else {
-      replacement = import_compiler25.types.identifier(binding.name);
+      replacement = import_compiler26.types.identifier(binding.name);
     }
   } else if (read) {
     replacement = toMemberExpression(
-      import_compiler25.types.identifier(read.binding.name),
+      import_compiler26.types.identifier(read.binding.name),
       Array.isArray(read.props) ? read.props[0] : read.props
     );
     if (Array.isArray(read.props)) {
@@ -4576,7 +4665,7 @@ var await_default = {
     if (!valueAttr) {
       throw tag.get("name").buildCodeFrameError("The `await` tag requires a value.");
     }
-    if (node.attributes.length > 1 || !import_compiler26.types.isMarkoAttribute(valueAttr) || valueAttr.name !== "value") {
+    if (node.attributes.length > 1 || !import_compiler27.types.isMarkoAttribute(valueAttr) || valueAttr.name !== "value") {
       throw tag.get("name").buildCodeFrameError(
         "The `await` tag only supports the `value` attribute."
       );
@@ -4584,7 +4673,7 @@ var await_default = {
     if (!node.body.body.length) {
       throw tag.get("name").buildCodeFrameError("The `await` tag requires body content.");
     }
-    if (node.body.params.length && (node.body.params.length > 1 || import_compiler26.types.isSpreadElement(node.body.params[0]))) {
+    if (node.body.params.length && (node.body.params.length > 1 || import_compiler27.types.isSpreadElement(node.body.params[0]))) {
       throw tag.get("name").buildCodeFrameError(
         "The `await` tag only supports a single parameter."
       );
@@ -4621,13 +4710,13 @@ var await_default = {
         flushInto(tag);
         writeHTMLResumeStatements(tagBody);
         tag.replaceWith(
-          import_compiler26.types.expressionStatement(
+          import_compiler27.types.expressionStatement(
             callRuntime(
               "fork",
               getScopeIdIdentifier(section),
               getScopeAccessorLiteral(nodeRef2),
               valueAttr.value,
-              import_compiler26.types.arrowFunctionExpression(
+              import_compiler27.types.arrowFunctionExpression(
                 node.body.params,
                 toFirstExpressionOrBlock(node.body.body)
               )
@@ -4659,7 +4748,7 @@ var await_default = {
           return callRuntime(
             "awaitTag",
             getScopeAccessorLiteral(nodeRef2),
-            import_compiler26.types.identifier(bodySection.name)
+            import_compiler27.types.identifier(bodySection.name)
           );
         };
         addValue(
@@ -4683,7 +4772,7 @@ var await_default = {
 };
 
 // src/translator/core/client.ts
-var import_compiler27 = require("@marko/compiler");
+var import_compiler28 = require("@marko/compiler");
 var import_babel_utils13 = require("@marko/compiler/babel-utils");
 var client_default = {
   parse(tag) {
@@ -4695,10 +4784,10 @@ var client_default = {
     const code = rawValue.replace(/^client\s*/, "").trim();
     const start = node.name.start + (rawValue.length - code.length);
     let body = (0, import_babel_utils13.parseStatements)(file, code, start, start + code.length);
-    if (body.length === 1 && import_compiler27.types.isBlockStatement(body[0])) {
+    if (body.length === 1 && import_compiler28.types.isBlockStatement(body[0])) {
       body = body[0].body;
     }
-    tag.replaceWith(import_compiler27.types.markoScriptlet(body, true, "client"));
+    tag.replaceWith(import_compiler28.types.markoScriptlet(body, true, "client"));
   },
   parseOptions: {
     statement: true,
@@ -4714,11 +4803,11 @@ var client_default = {
 };
 
 // src/translator/core/const.ts
-var import_compiler29 = require("@marko/compiler");
+var import_compiler30 = require("@marko/compiler");
 var import_babel_utils14 = require("@marko/compiler/babel-utils");
 
 // src/translator/util/translate-var.ts
-var import_compiler28 = require("@marko/compiler");
+var import_compiler29 = require("@marko/compiler");
 function translateVar(tag, initialValue, kind = "const") {
   const {
     node: { var: tagVar }
@@ -4727,7 +4816,7 @@ function translateVar(tag, initialValue, kind = "const") {
     return;
   }
   tag.insertBefore(
-    import_compiler28.types.variableDeclaration(kind, [import_compiler28.types.variableDeclarator(tagVar, initialValue)])
+    import_compiler29.types.variableDeclaration(kind, [import_compiler29.types.variableDeclarator(tagVar, initialValue)])
   );
 }
 
@@ -4745,12 +4834,12 @@ var const_default = {
     if (!valueAttr) {
       throw tag.get("name").buildCodeFrameError("The `const` tag requires a value.");
     }
-    if (node.attributes.length > 1 || !import_compiler29.types.isMarkoAttribute(valueAttr) || !valueAttr.default && valueAttr.name !== "value") {
+    if (node.attributes.length > 1 || !import_compiler30.types.isMarkoAttribute(valueAttr) || !valueAttr.default && valueAttr.name !== "value") {
       throw tag.get("name").buildCodeFrameError(
         "The `const` tag only supports the `value` attribute."
       );
     }
-    const upstreamAlias = import_compiler29.types.isIdentifier(valueAttr.value) ? tag.scope.getBinding(valueAttr.value.name)?.identifier.extra?.binding : void 0;
+    const upstreamAlias = import_compiler30.types.isIdentifier(valueAttr.value) ? tag.scope.getBinding(valueAttr.value.name)?.identifier.extra?.binding : void 0;
     trackVarReferences(
       tag,
       4 /* derived */,
@@ -4791,7 +4880,7 @@ var const_default = {
 };
 
 // src/translator/core/debug.ts
-var import_compiler30 = require("@marko/compiler");
+var import_compiler31 = require("@marko/compiler");
 var import_babel_utils15 = require("@marko/compiler/babel-utils");
 var debug_default = {
   analyze(tag) {
@@ -4800,7 +4889,7 @@ var debug_default = {
     (0, import_babel_utils15.assertNoArgs)(tag);
     (0, import_babel_utils15.assertNoParams)(tag);
     assertNoBodyContent(tag);
-    if (tag.node.attributes.length > 1 || tag.node.attributes.length === 1 && (!import_compiler30.types.isMarkoAttribute(valueAttr) || !valueAttr.default && valueAttr.name !== "value")) {
+    if (tag.node.attributes.length > 1 || tag.node.attributes.length === 1 && (!import_compiler31.types.isMarkoAttribute(valueAttr) || !valueAttr.default && valueAttr.name !== "value")) {
       throw tag.get("name").buildCodeFrameError(
         "The `debug` tag only supports the `value` attribute."
       );
@@ -4811,7 +4900,7 @@ var debug_default = {
       const section = getSection(tag);
       const [valueAttr] = tag.node.attributes;
       const referencedBindings = valueAttr?.value.extra?.referencedBindings;
-      const statement = withPreviousLocation(import_compiler30.types.debuggerStatement(), tag.node);
+      const statement = withPreviousLocation(import_compiler31.types.debuggerStatement(), tag.node);
       if (isOutputHTML()) {
         tag.insertBefore(statement);
       } else {
@@ -4834,20 +4923,20 @@ var debug_default = {
 };
 
 // src/translator/core/define.ts
-var import_compiler36 = require("@marko/compiler");
+var import_compiler37 = require("@marko/compiler");
 var import_babel_utils21 = require("@marko/compiler/babel-utils");
 
 // src/translator/util/nested-attribute-tags.ts
-var import_compiler31 = require("@marko/compiler");
+var import_compiler32 = require("@marko/compiler");
 var import_babel_utils16 = require("@marko/compiler/babel-utils");
 var attrTagToIdentifierLookup = /* @__PURE__ */ new WeakMap();
 function getAttrTagIdentifier(meta) {
   let name2 = attrTagToIdentifierLookup.get(meta);
   if (!name2) {
-    name2 = (0, import_compiler31.getProgram)().scope.generateUid(meta.name);
+    name2 = generateUid(meta.name);
     attrTagToIdentifierLookup.set(meta, name2);
   }
-  return import_compiler31.types.identifier(name2);
+  return import_compiler32.types.identifier(name2);
 }
 function analyzeAttributeTags(tag) {
   if (tag.node.extra?.attributeTags) return tag.node.extra.attributeTags;
@@ -4960,19 +5049,19 @@ function getConditionRoot(tag) {
 }
 
 // src/translator/util/translate-attrs.ts
-var import_compiler35 = require("@marko/compiler");
+var import_compiler36 = require("@marko/compiler");
 var import_babel_utils20 = require("@marko/compiler/babel-utils");
 
 // src/translator/core/for.ts
-var import_compiler34 = require("@marko/compiler");
+var import_compiler35 = require("@marko/compiler");
 var import_babel_utils19 = require("@marko/compiler/babel-utils");
 
 // src/translator/util/is-only-child-in-parent.ts
-var import_compiler33 = require("@marko/compiler");
+var import_compiler34 = require("@marko/compiler");
 var import_babel_utils18 = require("@marko/compiler/babel-utils");
 
 // src/translator/visitors/tag/native-tag.ts
-var import_compiler32 = require("@marko/compiler");
+var import_compiler33 = require("@marko/compiler");
 var import_babel_utils17 = require("@marko/compiler/babel-utils");
 var kNativeTagBinding = Symbol("native tag binding");
 var kSerializeMarker = Symbol("serialize marker");
@@ -5064,7 +5153,7 @@ var native_tag_default = {
           }
         }
         tag.node.attributes.push(
-          import_compiler32.types.markoAttribute(
+          import_compiler33.types.markoAttribute(
             "value",
             normalizeStringExpression(parts) || buildUndefined()
           )
@@ -5079,7 +5168,7 @@ var native_tag_default = {
       (0, import_babel_utils17.assertNoParams)(tag);
       (0, import_babel_utils17.assertNoAttributeTags)(tag);
       const { node } = tag;
-      if (node.var && !import_compiler32.types.isIdentifier(node.var)) {
+      if (node.var && !import_compiler33.types.isIdentifier(node.var)) {
         throw tag.get("var").buildCodeFrameError(
           "Tag variables on native elements cannot be destructured."
         );
@@ -5094,7 +5183,7 @@ var native_tag_default = {
       let spreadReferenceNodes;
       for (let i = attributes.length; i--; ) {
         const attr2 = attributes[i];
-        if (import_compiler32.types.isMarkoAttribute(attr2)) {
+        if (import_compiler33.types.isMarkoAttribute(attr2)) {
           if (seen[attr2.name]) {
             dropReferences(attr2.value);
             continue;
@@ -5106,14 +5195,14 @@ var native_tag_default = {
           } else if (!evaluate(attr2.value).confident) {
             hasDynamicAttributes = true;
           }
-        } else if (import_compiler32.types.isMarkoSpreadAttribute(attr2)) {
+        } else if (import_compiler33.types.isMarkoSpreadAttribute(attr2)) {
           hasEventHandlers = true;
           hasDynamicAttributes = true;
           (attr2.value.extra ??= {}).isEffect = true;
         }
         if (spreadReferenceNodes) {
           spreadReferenceNodes.push(attr2.value);
-        } else if (import_compiler32.types.isMarkoSpreadAttribute(attr2)) {
+        } else if (import_compiler33.types.isMarkoSpreadAttribute(attr2)) {
           spreadReferenceNodes = [attr2.value];
           relatedControllable = getRelatedControllable(tagName, seen);
         }
@@ -5140,8 +5229,8 @@ var native_tag_default = {
         );
       }
       if (node.var || hasEventHandlers || hasDynamicAttributes) {
-        (0, import_compiler32.getProgram)().node.extra.isInteractive ||= hasEventHandlers;
-        const tagName2 = node.name.type === "StringLiteral" ? node.name.value : import_compiler32.types.toIdentifier(tag.get("name"));
+        (0, import_compiler33.getProgram)().node.extra.isInteractive ||= hasEventHandlers;
+        const tagName2 = node.name.type === "StringLiteral" ? node.name.value : import_compiler33.types.toIdentifier(tag.get("name"));
         const tagExtra = node.extra ??= {};
         const bindingName = "#" + tagName2;
         if (hasEventHandlers || node.var) {
@@ -5200,23 +5289,21 @@ var native_tag_default = {
             callRuntime(
               "nodeRef",
               getterId && getScopeIdIdentifier(section),
-              getterId && import_compiler32.types.stringLiteral(getterId)
+              getterId && import_compiler33.types.stringLiteral(getterId)
             )
           );
         } else {
           let getterFnIdentifier;
           if (getterId) {
-            getterFnIdentifier = (0, import_compiler32.getProgram)().scope.generateUidIdentifier(
-              `get_${varName}`
-            );
-            (0, import_compiler32.getProgram)().node.body.push(
-              import_compiler32.types.variableDeclaration("const", [
-                import_compiler32.types.variableDeclarator(
+            getterFnIdentifier = generateUidIdentifier(`get_${varName}`);
+            (0, import_compiler33.getProgram)().node.body.push(
+              import_compiler33.types.variableDeclaration("const", [
+                import_compiler33.types.variableDeclarator(
                   getterFnIdentifier,
                   callRuntime(
                     "nodeRef",
-                    import_compiler32.types.stringLiteral(getterId),
-                    import_compiler32.types.stringLiteral(
+                    import_compiler33.types.stringLiteral(getterId),
+                    import_compiler33.types.stringLiteral(
                       getAccessorPrefix().Getter + getScopeAccessorLiteral(nodeRef2).value
                     )
                   )
@@ -5229,22 +5316,22 @@ var native_tag_default = {
               const referenceSection = getSection(reference);
               if (isInvokedFunction(reference)) {
                 reference.parentPath.replaceWith(
-                  import_compiler32.types.expressionStatement(
+                  import_compiler33.types.expressionStatement(
                     createScopeReadExpression(referenceSection, nodeRef2)
                   )
                 );
               } else if (getterFnIdentifier) {
                 reference.replaceWith(
-                  import_compiler32.types.callExpression(getterFnIdentifier, [
+                  import_compiler33.types.callExpression(getterFnIdentifier, [
                     getScopeExpression(referenceSection, getSection(tag))
                   ])
                 );
               } else {
                 reference.replaceWith(
-                  import_compiler32.types.expressionStatement(
-                    import_compiler32.types.memberExpression(
+                  import_compiler33.types.expressionStatement(
+                    import_compiler33.types.memberExpression(
                       getScopeExpression(section, referenceSection),
-                      import_compiler32.types.stringLiteral(
+                      import_compiler33.types.stringLiteral(
                         getAccessorPrefix().Getter + getScopeAccessorLiteral(nodeRef2).value
                       ),
                       true
@@ -5280,7 +5367,7 @@ var native_tag_default = {
             "render",
             section,
             referencedBindings,
-            import_compiler32.types.expressionStatement(
+            import_compiler33.types.expressionStatement(
               callRuntime(helper, scopeIdentifier, visitAccessor, ...values)
             )
           );
@@ -5288,7 +5375,7 @@ var native_tag_default = {
             "effect",
             section,
             void 0,
-            import_compiler32.types.expressionStatement(
+            import_compiler33.types.expressionStatement(
               callRuntime(`${helper}_effect`, scopeIdentifier, visitAccessor)
             )
           );
@@ -5303,20 +5390,20 @@ var native_tag_default = {
               valueChange: staticControllable.attrs[1]?.value || buildUndefined()
             });
           } else if (spreadExpression) {
-            const spreadIdentifier = tag.scope.generateUidIdentifier("select_input");
+            const spreadIdentifier = generateUidIdentifier("select_input");
             tag.insertBefore(
-              import_compiler32.types.variableDeclaration("const", [
-                import_compiler32.types.variableDeclarator(spreadIdentifier, spreadExpression)
+              import_compiler33.types.variableDeclaration("const", [
+                import_compiler33.types.variableDeclarator(spreadIdentifier, spreadExpression)
               ])
             );
             htmlSelectArgs.set(tag.node, {
-              value: import_compiler32.types.memberExpression(
+              value: import_compiler33.types.memberExpression(
                 spreadIdentifier,
-                import_compiler32.types.identifier("value")
+                import_compiler33.types.identifier("value")
               ),
-              valueChange: import_compiler32.types.memberExpression(
+              valueChange: import_compiler33.types.memberExpression(
                 spreadIdentifier,
-                import_compiler32.types.identifier("valueChange")
+                import_compiler33.types.identifier("valueChange")
               )
             });
             spreadExpression = spreadIdentifier;
@@ -5328,16 +5415,16 @@ var native_tag_default = {
             value = staticControllable.attrs[0]?.value;
             valueChange = staticControllable.attrs[1]?.value;
           } else if (spreadExpression) {
-            const spreadIdentifier = tag.scope.generateUidIdentifier("textarea_input");
+            const spreadIdentifier = generateUidIdentifier("textarea_input");
             tag.insertBefore(
-              import_compiler32.types.variableDeclaration("const", [
-                import_compiler32.types.variableDeclarator(spreadIdentifier, spreadExpression)
+              import_compiler33.types.variableDeclaration("const", [
+                import_compiler33.types.variableDeclarator(spreadIdentifier, spreadExpression)
               ])
             );
-            value = import_compiler32.types.memberExpression(spreadIdentifier, import_compiler32.types.identifier("value"));
-            valueChange = import_compiler32.types.memberExpression(
+            value = import_compiler33.types.memberExpression(spreadIdentifier, import_compiler33.types.identifier("value"));
+            valueChange = import_compiler33.types.memberExpression(
               spreadIdentifier,
-              import_compiler32.types.identifier("valueChange")
+              import_compiler33.types.identifier("valueChange")
             );
             spreadExpression = spreadIdentifier;
           }
@@ -5373,10 +5460,10 @@ var native_tag_default = {
                 "render",
                 section,
                 valueReferences,
-                import_compiler32.types.expressionStatement(
+                import_compiler33.types.expressionStatement(
                   callRuntime(
                     helper,
-                    import_compiler32.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                    import_compiler33.types.memberExpression(scopeIdentifier, visitAccessor, true),
                     value
                   )
                 )
@@ -5391,18 +5478,18 @@ var native_tag_default = {
               if (isEventHandler(name3)) {
                 addHTMLEffectCall(section, valueReferences);
               } else {
-                write2`${callRuntime("attr", import_compiler32.types.stringLiteral(name3), value)}`;
+                write2`${callRuntime("attr", import_compiler33.types.stringLiteral(name3), value)}`;
               }
             } else if (isEventHandler(name3)) {
               addStatement(
                 "effect",
                 section,
                 valueReferences,
-                import_compiler32.types.expressionStatement(
+                import_compiler33.types.expressionStatement(
                   callRuntime(
                     "on",
-                    import_compiler32.types.memberExpression(scopeIdentifier, visitAccessor, true),
-                    import_compiler32.types.stringLiteral(getEventHandlerName(name3)),
+                    import_compiler33.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                    import_compiler33.types.stringLiteral(getEventHandlerName(name3)),
                     value
                   )
                 )
@@ -5412,11 +5499,11 @@ var native_tag_default = {
                 "render",
                 section,
                 valueReferences,
-                import_compiler32.types.expressionStatement(
+                import_compiler33.types.expressionStatement(
                   callRuntime(
                     "attr",
-                    import_compiler32.types.memberExpression(scopeIdentifier, visitAccessor, true),
-                    import_compiler32.types.stringLiteral(name3),
+                    import_compiler33.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                    import_compiler33.types.stringLiteral(name3),
                     value
                   )
                 )
@@ -5439,7 +5526,7 @@ var native_tag_default = {
               "render",
               section,
               extra.referencedBindings,
-              import_compiler32.types.expressionStatement(
+              import_compiler33.types.expressionStatement(
                 callRuntime(
                   "partialAttrs",
                   scopeIdentifier,
@@ -5454,7 +5541,7 @@ var native_tag_default = {
               "render",
               section,
               extra.referencedBindings,
-              import_compiler32.types.expressionStatement(
+              import_compiler33.types.expressionStatement(
                 callRuntime(
                   "attrs",
                   scopeIdentifier,
@@ -5468,7 +5555,7 @@ var native_tag_default = {
             "effect",
             section,
             extra.referencedBindings,
-            import_compiler32.types.expressionStatement(
+            import_compiler33.types.expressionStatement(
               callRuntime("attrsEvents", scopeIdentifier, visitAccessor)
             ),
             false
@@ -5489,7 +5576,7 @@ var native_tag_default = {
         write2`>`;
       }
       if (isHTML && extra.tagNameNullable) {
-        tag.insertBefore(import_compiler32.types.ifStatement(name2.node, consumeHTML(tag)))[0].skip();
+        tag.insertBefore(import_compiler33.types.ifStatement(name2.node, consumeHTML(tag)))[0].skip();
       }
       if (writeAtStartOfBody) {
         write2`${writeAtStartOfBody}`;
@@ -5510,16 +5597,16 @@ var native_tag_default = {
         writeTo(tag)`</${tag.node.name}>`;
         flushInto(tag);
         tag.insertBefore(
-          import_compiler32.types.expressionStatement(
+          import_compiler33.types.expressionStatement(
             callRuntime(
               "controllable_select_value",
               getScopeIdIdentifier(getSection(tag)),
               getScopeAccessorLiteral(nodeRef2),
               selectArgs.value,
               selectArgs.valueChange,
-              import_compiler32.types.arrowFunctionExpression(
+              import_compiler33.types.arrowFunctionExpression(
                 [],
-                import_compiler32.types.blockStatement(tag.node.body.body)
+                import_compiler33.types.blockStatement(tag.node.body.body)
               )
             )
           )
@@ -5543,7 +5630,7 @@ var native_tag_default = {
       }
       if (isHTML && extra.tagNameNullable) {
         tag.insertBefore(
-          import_compiler32.types.ifStatement(tag.node.name, consumeHTML(tag))
+          import_compiler33.types.ifStatement(tag.node.name, consumeHTML(tag))
         )[0].skip();
       }
       if (shouldMark) {
@@ -5566,7 +5653,7 @@ function getUsedAttrs(tagName, tag) {
   for (let i = attributes.length; i--; ) {
     const attr2 = attributes[i];
     const { value } = attr2;
-    if (import_compiler32.types.isMarkoSpreadAttribute(attr2)) {
+    if (import_compiler33.types.isMarkoSpreadAttribute(attr2)) {
       if (!spreadProps) {
         spreadProps = [];
         staticControllable = getRelatedControllable(tagName, seen);
@@ -5580,7 +5667,7 @@ function getUsedAttrs(tagName, tag) {
           staticControllable = void 0;
         }
       }
-      spreadProps.push(import_compiler32.types.spreadElement(value));
+      spreadProps.push(import_compiler33.types.spreadElement(value));
     } else if (!seen[attr2.name]) {
       seen[attr2.name] = attr2;
       if (spreadProps) {
@@ -5610,16 +5697,16 @@ function getUsedAttrs(tagName, tag) {
       for (const attr2 of staticControllable.attrs) {
         if (attr2) {
           (skipProps ||= []).push(
-            toObjectProperty(attr2.name, import_compiler32.types.numericLiteral(1))
+            toObjectProperty(attr2.name, import_compiler33.types.numericLiteral(1))
           );
         }
       }
     }
     for (const { name: name2 } of staticAttrs) {
-      (skipProps ||= []).push(toObjectProperty(name2, import_compiler32.types.numericLiteral(1)));
+      (skipProps ||= []).push(toObjectProperty(name2, import_compiler33.types.numericLiteral(1)));
     }
     if (skipProps) {
-      skipExpression = import_compiler32.types.objectExpression(skipProps);
+      skipExpression = import_compiler33.types.objectExpression(skipProps);
     }
     spreadExpression = propsToExpression(spreadProps);
   }
@@ -5634,7 +5721,7 @@ function isChangeHandler(propName) {
   return /^(?:value|checked(?:Value)?|open)Change/.test(propName);
 }
 function buildUndefined() {
-  return import_compiler32.types.unaryExpression("void", import_compiler32.types.numericLiteral(0));
+  return import_compiler33.types.unaryExpression("void", import_compiler33.types.numericLiteral(0));
 }
 
 // src/translator/util/is-only-child-in-parent.ts
@@ -5756,20 +5843,20 @@ var for_default = {
         const forTagArgs = getBaseArgsInForTag(forType, forAttrs);
         const forTagHTMLRuntime = serializeReason ? forTypeToHTMLResumeRuntime(forType, singleNodeOptimization) : forTypeToRuntime(forType);
         forTagArgs.push(
-          import_compiler34.types.arrowFunctionExpression(params, import_compiler34.types.blockStatement(bodyStatements))
+          import_compiler35.types.arrowFunctionExpression(params, import_compiler35.types.blockStatement(bodyStatements))
         );
         if (serializeReason) {
           forTagArgs.push(
-            forAttrs.by || import_compiler34.types.numericLiteral(0),
+            forAttrs.by || import_compiler35.types.numericLiteral(0),
             getScopeIdIdentifier(tagSection),
             getScopeAccessorLiteral(nodeRef2)
           );
           if (onlyChildInParentOptimization) {
-            forTagArgs.push(import_compiler34.types.numericLiteral(1));
+            forTagArgs.push(import_compiler35.types.numericLiteral(1));
           }
         }
         statements.push(
-          import_compiler34.types.expressionStatement(callRuntime(forTagHTMLRuntime, ...forTagArgs))
+          import_compiler35.types.expressionStatement(callRuntime(forTagHTMLRuntime, ...forTagArgs))
         );
         for (const replacement of tag.replaceWithMultiple(statements)) {
           replacement.skip();
@@ -5814,7 +5901,7 @@ var for_default = {
           return callRuntime(
             forTypeToDOMRuntime(forType),
             getScopeAccessorLiteral(nodeRef2),
-            import_compiler34.types.identifier(bodySection.name)
+            import_compiler35.types.identifier(bodySection.name)
           );
         };
         const params = node.body.params;
@@ -5845,7 +5932,7 @@ var for_default = {
           tagSection,
           referencedBindings,
           signal,
-          import_compiler34.types.arrayExpression(loopArgs)
+          import_compiler35.types.arrayExpression(loopArgs)
         );
         tag.remove();
       }
@@ -5911,11 +5998,11 @@ var for_default = {
   ]
 };
 function buildForRuntimeCall(type, attrs2, params, statements) {
-  return import_compiler34.types.expressionStatement(
+  return import_compiler35.types.expressionStatement(
     callRuntime(
       forTypeToRuntime(type),
       ...getBaseArgsInForTag(type, attrs2),
-      import_compiler34.types.arrowFunctionExpression(params, import_compiler34.types.blockStatement(statements))
+      import_compiler35.types.arrowFunctionExpression(params, import_compiler35.types.blockStatement(statements))
     )
   );
 }
@@ -5981,8 +6068,8 @@ function getBaseArgsInForTag(type, attrs2) {
     case "to":
       return [
         attrs2.to,
-        attrs2.from || import_compiler34.types.numericLiteral(0),
-        attrs2.step || import_compiler34.types.numericLiteral(1)
+        attrs2.from || import_compiler35.types.numericLiteral(0),
+        attrs2.step || import_compiler35.types.numericLiteral(1)
       ];
   }
 }
@@ -6000,8 +6087,8 @@ function translateAttrs(tag, templateExports, statements = [], contentKey = "con
         seen.add(attrTagMeta.name);
         if (attrTagMeta.dynamic) {
           statements.push(
-            import_compiler35.types.variableDeclaration("let", [
-              import_compiler35.types.variableDeclarator(getAttrTagIdentifier(attrTagMeta))
+            import_compiler36.types.variableDeclaration("let", [
+              import_compiler36.types.variableDeclarator(getAttrTagIdentifier(attrTagMeta))
             ])
           );
           properties.push(
@@ -6083,8 +6170,8 @@ function translateAttrs(tag, templateExports, statements = [], contentKey = "con
     seen.add(contentKey);
     const contentExpression = buildContent(tag.get("body"));
     if (contentExpression) {
-      const contentProp = import_compiler35.types.objectProperty(
-        import_compiler35.types.identifier(contentKey),
+      const contentProp = import_compiler36.types.objectProperty(
+        import_compiler36.types.identifier(contentKey),
         contentExpression
       );
       contentProps.add(contentProp);
@@ -6095,8 +6182,8 @@ function translateAttrs(tag, templateExports, statements = [], contentKey = "con
   for (let i = attributes.length; i--; ) {
     const attr2 = attributes[i];
     const { value } = attr2;
-    if (import_compiler35.types.isMarkoSpreadAttribute(attr2)) {
-      properties.push(import_compiler35.types.spreadElement(value));
+    if (import_compiler36.types.isMarkoSpreadAttribute(attr2)) {
+      properties.push(import_compiler36.types.spreadElement(value));
     } else if (!seen.has(attr2.name) && usesExport(templateExports, attr2.name)) {
       seen.add(attr2.name);
       properties.push(toObjectProperty(attr2.name, value));
@@ -6126,8 +6213,8 @@ function addDynamicAttrTagStatements(attrTags2, index, attrTagLookup, statements
         );
         if (attrTagMeta.repeated) {
           statements.push(
-            import_compiler35.types.expressionStatement(
-              import_compiler35.types.assignmentExpression(
+            import_compiler36.types.expressionStatement(
+              import_compiler36.types.assignmentExpression(
                 "=",
                 getAttrTagIdentifier(attrTagMeta),
                 callRuntime(
@@ -6140,8 +6227,8 @@ function addDynamicAttrTagStatements(attrTags2, index, attrTagLookup, statements
           );
         } else {
           statements.push(
-            import_compiler35.types.expressionStatement(
-              import_compiler35.types.assignmentExpression(
+            import_compiler36.types.expressionStatement(
+              import_compiler36.types.assignmentExpression(
                 "=",
                 getAttrTagIdentifier(attrTagMeta),
                 callRuntime(
@@ -6180,7 +6267,7 @@ function addDynamicAttrTagStatements(attrTags2, index, attrTagLookup, statements
   return index;
 }
 function propsToExpression(props) {
-  return props.length === 1 && import_compiler35.types.isSpreadElement(props[0]) ? props[0].argument : import_compiler35.types.objectExpression(props);
+  return props.length === 1 && import_compiler36.types.isSpreadElement(props[0]) ? props[0].argument : import_compiler36.types.objectExpression(props);
 }
 function translateForAttrTag(attrTags2, index, attrTagLookup, statements, templateExports, contentKey) {
   const forTag = attrTags2[index];
@@ -6205,9 +6292,9 @@ function translateForAttrTag(attrTags2, index, attrTagLookup, statements, templa
 function translateIfAttrTag(attrTags2, index, attrTagLookup, statements, templateExports, contentKey) {
   const ifTag = attrTags2[index];
   const consequentStatements = [];
-  let ifStatement = import_compiler35.types.ifStatement(
+  let ifStatement = import_compiler36.types.ifStatement(
     getConditionTestValue(ifTag),
-    import_compiler35.types.blockStatement(consequentStatements)
+    import_compiler36.types.blockStatement(consequentStatements)
   );
   statements.push(ifStatement);
   addAllAttrTagsAsDynamic(
@@ -6234,14 +6321,14 @@ function translateIfAttrTag(attrTags2, index, attrTagLookup, statements, templat
             contentKey
           );
           if (testValue) {
-            ifStatement.alternate = ifStatement = import_compiler35.types.ifStatement(
+            ifStatement.alternate = ifStatement = import_compiler36.types.ifStatement(
               testValue,
-              import_compiler35.types.blockStatement(alternateStatements)
+              import_compiler36.types.blockStatement(alternateStatements)
             );
             nextIndex++;
             continue;
           } else {
-            ifStatement.alternate = import_compiler35.types.blockStatement(alternateStatements);
+            ifStatement.alternate = import_compiler36.types.blockStatement(alternateStatements);
             break;
           }
         }
@@ -6298,10 +6385,10 @@ function buildContent(body) {
       const serialized = isSerializedSection(bodySection);
       return callRuntime(
         serialized ? "registerContent" : "createContent",
-        import_compiler35.types.stringLiteral(getResumeRegisterId(bodySection, "renderer")),
-        import_compiler35.types.arrowFunctionExpression(
+        import_compiler36.types.stringLiteral(getResumeRegisterId(bodySection, "renderer")),
+        import_compiler36.types.arrowFunctionExpression(
           body.node.params,
-          import_compiler35.types.blockStatement(body.node.body)
+          import_compiler36.types.blockStatement(body.node.body)
         ),
         serialized ? getScopeIdIdentifier(
           getSection(
@@ -6312,7 +6399,7 @@ function buildContent(body) {
         ) : void 0
       );
     } else {
-      return import_compiler35.types.callExpression(import_compiler35.types.identifier(bodySection.name), [
+      return import_compiler36.types.callExpression(import_compiler36.types.identifier(bodySection.name), [
         scopeIdentifier
       ]);
     }
@@ -6397,7 +6484,7 @@ var define_default = {
 };
 
 // src/translator/core/effect.ts
-var import_compiler37 = require("@marko/compiler");
+var import_compiler38 = require("@marko/compiler");
 var import_babel_utils22 = require("@marko/compiler/babel-utils");
 var effect_default = {
   migrate: [
@@ -6413,8 +6500,8 @@ var effect_default = {
         fix() {
           const { node } = tag;
           tag.replaceWith(
-            import_compiler37.types.markoTag(
-              withPreviousLocation(import_compiler37.types.stringLiteral("script"), node.name),
+            import_compiler38.types.markoTag(
+              withPreviousLocation(import_compiler38.types.stringLiteral("script"), node.name),
               node.attributes,
               node.body,
               node.arguments,
@@ -6451,7 +6538,7 @@ var export_default = {
 };
 
 // src/translator/core/html-comment.ts
-var import_compiler38 = require("@marko/compiler");
+var import_compiler39 = require("@marko/compiler");
 var import_babel_utils24 = require("@marko/compiler/babel-utils");
 var kCommentTagBinding = Symbol("comment tag binding");
 var kGetterId2 = Symbol("node getter id");
@@ -6464,7 +6551,7 @@ var html_comment_default = {
     let needsBinding = false;
     let needsGetter = false;
     if (tagVar) {
-      if (!import_compiler38.types.isIdentifier(tagVar)) {
+      if (!import_compiler39.types.isIdentifier(tagVar)) {
         throw tag.get("var").buildCodeFrameError(
           "The `html-comment` tag variable cannot be destructured."
         );
@@ -6516,7 +6603,7 @@ var html_comment_default = {
             callRuntime(
               "nodeRef",
               getterId && getScopeIdIdentifier(getSection(tag)),
-              getterId && import_compiler38.types.stringLiteral(getterId)
+              getterId && import_compiler39.types.stringLiteral(getterId)
             )
           );
         } else {
@@ -6524,16 +6611,14 @@ var html_comment_default = {
           const references = tag.scope.getBinding(varName).referencePaths;
           let getterFnIdentifier;
           if (getterId) {
-            getterFnIdentifier = (0, import_compiler38.getProgram)().scope.generateUidIdentifier(
-              `get_${varName}`
-            );
-            (0, import_compiler38.getProgram)().node.body.push(
-              import_compiler38.types.variableDeclaration("const", [
-                import_compiler38.types.variableDeclarator(
+            getterFnIdentifier = generateUidIdentifier(`get_${varName}`);
+            (0, import_compiler39.getProgram)().node.body.push(
+              import_compiler39.types.variableDeclaration("const", [
+                import_compiler39.types.variableDeclarator(
                   getterFnIdentifier,
                   callRuntime(
                     "nodeRef",
-                    import_compiler38.types.stringLiteral(getterId),
+                    import_compiler39.types.stringLiteral(getterId),
                     getScopeAccessorLiteral(commentBinding)
                   )
                 )
@@ -6544,13 +6629,13 @@ var html_comment_default = {
             const referenceSection = getSection(reference);
             if (isInvokedFunction(reference)) {
               reference.parentPath.replaceWith(
-                import_compiler38.types.expressionStatement(
+                import_compiler39.types.expressionStatement(
                   createScopeReadExpression(referenceSection, commentBinding)
                 )
               );
             } else if (getterFnIdentifier) {
               reference.replaceWith(
-                import_compiler38.types.callExpression(getterFnIdentifier, [
+                import_compiler39.types.callExpression(getterFnIdentifier, [
                   getScopeExpression(referenceSection, getSection(tag))
                 ])
               );
@@ -6570,9 +6655,9 @@ var html_comment_default = {
       const write2 = writeTo(tag);
       if (isOutputHTML()) {
         for (const child of tag.node.body.body) {
-          if (import_compiler38.types.isMarkoText(child)) {
+          if (import_compiler39.types.isMarkoText(child)) {
             write2`${child.value}`;
-          } else if (import_compiler38.types.isMarkoPlaceholder(child)) {
+          } else if (import_compiler39.types.isMarkoPlaceholder(child)) {
             write2`${callRuntime("escapeXML", child.value)}`;
           }
         }
@@ -6581,10 +6666,10 @@ var html_comment_default = {
         const templateExpressions = [];
         let currentQuasi = "";
         for (const child of tag.node.body.body) {
-          if (import_compiler38.types.isMarkoText(child)) {
+          if (import_compiler39.types.isMarkoText(child)) {
             currentQuasi += child.value;
-          } else if (import_compiler38.types.isMarkoPlaceholder(child)) {
-            templateQuasis.push(import_compiler38.types.templateElement({ raw: currentQuasi }));
+          } else if (import_compiler39.types.isMarkoPlaceholder(child)) {
+            templateQuasis.push(import_compiler39.types.templateElement({ raw: currentQuasi }));
             templateExpressions.push(child.value);
             currentQuasi = "";
           }
@@ -6592,20 +6677,20 @@ var html_comment_default = {
         if (templateExpressions.length === 0) {
           write2`${currentQuasi}`;
         } else {
-          templateQuasis.push(import_compiler38.types.templateElement({ raw: currentQuasi }));
+          templateQuasis.push(import_compiler39.types.templateElement({ raw: currentQuasi }));
           addStatement(
             "render",
             getSection(tag),
             tagExtra.referencedBindings,
-            import_compiler38.types.expressionStatement(
+            import_compiler39.types.expressionStatement(
               callRuntime(
                 "data",
-                import_compiler38.types.memberExpression(
+                import_compiler39.types.memberExpression(
                   scopeIdentifier,
                   getScopeAccessorLiteral(commentBinding),
                   true
                 ),
-                import_compiler38.types.templateLiteral(templateQuasis, templateExpressions)
+                import_compiler39.types.templateLiteral(templateQuasis, templateExpressions)
               )
             )
           );
@@ -6632,7 +6717,7 @@ var html_comment_default = {
 };
 
 // src/translator/core/html-script.ts
-var import_compiler39 = require("@marko/compiler");
+var import_compiler40 = require("@marko/compiler");
 var import_babel_utils25 = require("@marko/compiler/babel-utils");
 var kGetterId3 = Symbol("node getter id");
 var html_script_default = {
@@ -6640,7 +6725,7 @@ var html_script_default = {
     (0, import_babel_utils25.assertNoArgs)(tag);
     (0, import_babel_utils25.assertNoParams)(tag);
     const { node } = tag;
-    if (node.var && !import_compiler39.types.isIdentifier(node.var)) {
+    if (node.var && !import_compiler40.types.isIdentifier(node.var)) {
       throw tag.get("var").buildCodeFrameError(
         "Tag variables on native elements cannot be destructured."
       );
@@ -6653,7 +6738,7 @@ var html_script_default = {
     let spreadReferenceNodes;
     for (let i = attributes.length; i--; ) {
       const attr2 = attributes[i];
-      if (import_compiler39.types.isMarkoAttribute(attr2)) {
+      if (import_compiler40.types.isMarkoAttribute(attr2)) {
         if (seen[attr2.name]) {
           dropReferences(attr2.value);
           continue;
@@ -6665,14 +6750,14 @@ var html_script_default = {
         } else if (!evaluate(attr2.value).confident) {
           hasDynamicAttributes = true;
         }
-      } else if (import_compiler39.types.isMarkoSpreadAttribute(attr2)) {
+      } else if (import_compiler40.types.isMarkoSpreadAttribute(attr2)) {
         hasEventHandlers = true;
         hasDynamicAttributes = true;
         (attr2.value.extra ??= {}).isEffect = true;
       }
       if (spreadReferenceNodes) {
         spreadReferenceNodes.push(attr2.value);
-      } else if (import_compiler39.types.isMarkoSpreadAttribute(attr2)) {
+      } else if (import_compiler40.types.isMarkoSpreadAttribute(attr2)) {
         spreadReferenceNodes = [attr2.value];
       }
     }
@@ -6682,10 +6767,10 @@ var html_script_default = {
     const bodyPlaceholderNodes = [];
     let hasBodyPlaceholders = false;
     for (const child of tag.node.body.body) {
-      if (import_compiler39.types.isMarkoPlaceholder(child)) {
+      if (import_compiler40.types.isMarkoPlaceholder(child)) {
         bodyPlaceholderNodes.push(child.value);
         hasBodyPlaceholders = true;
-      } else if (!import_compiler39.types.isMarkoText(child)) {
+      } else if (!import_compiler40.types.isMarkoText(child)) {
         throw tag.hub.buildError(
           child,
           "Invalid child. Only text is allowed inside an html-script."
@@ -6700,7 +6785,7 @@ var html_script_default = {
       );
     }
     if (node.var || hasEventHandlers || hasDynamicAttributes || hasBodyPlaceholders) {
-      (0, import_compiler39.getProgram)().node.extra.isInteractive ||= hasEventHandlers;
+      (0, import_compiler40.getProgram)().node.extra.isInteractive ||= hasEventHandlers;
       const tagExtra = node.extra ??= {};
       const bindingName = "#script";
       tagExtra[kSerializeMarker] = hasEventHandlers || !!node.var;
@@ -6740,7 +6825,7 @@ var html_script_default = {
             callRuntime(
               "nodeRef",
               getterId && getScopeIdIdentifier(section),
-              getterId && import_compiler39.types.stringLiteral(getterId)
+              getterId && import_compiler40.types.stringLiteral(getterId)
             )
           );
         } else {
@@ -6748,16 +6833,14 @@ var html_script_default = {
           const references = tag.scope.getBinding(varName).referencePaths;
           let getterFnIdentifier;
           if (getterId) {
-            getterFnIdentifier = (0, import_compiler39.getProgram)().scope.generateUidIdentifier(
-              `get_${varName}`
-            );
-            (0, import_compiler39.getProgram)().node.body.push(
-              import_compiler39.types.variableDeclaration("const", [
-                import_compiler39.types.variableDeclarator(
+            getterFnIdentifier = generateUidIdentifier(`get_${varName}`);
+            (0, import_compiler40.getProgram)().node.body.push(
+              import_compiler40.types.variableDeclaration("const", [
+                import_compiler40.types.variableDeclarator(
                   getterFnIdentifier,
                   callRuntime(
                     "nodeRef",
-                    import_compiler39.types.stringLiteral(getterId),
+                    import_compiler40.types.stringLiteral(getterId),
                     getScopeAccessorLiteral(nodeRef2)
                   )
                 )
@@ -6768,13 +6851,13 @@ var html_script_default = {
             const referenceSection = getSection(reference);
             if (isInvokedFunction(reference)) {
               reference.parentPath.replaceWith(
-                import_compiler39.types.expressionStatement(
+                import_compiler40.types.expressionStatement(
                   createScopeReadExpression(referenceSection, nodeRef2)
                 )
               );
             } else if (getterFnIdentifier) {
               reference.replaceWith(
-                import_compiler39.types.callExpression(getterFnIdentifier, [
+                import_compiler40.types.callExpression(getterFnIdentifier, [
                   getScopeExpression(referenceSection, getSection(tag))
                 ])
               );
@@ -6807,10 +6890,10 @@ var html_script_default = {
                 "render",
                 section,
                 valueReferences,
-                import_compiler39.types.expressionStatement(
+                import_compiler40.types.expressionStatement(
                   callRuntime(
                     helper,
-                    import_compiler39.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                    import_compiler40.types.memberExpression(scopeIdentifier, visitAccessor, true),
                     value
                   )
                 )
@@ -6825,18 +6908,18 @@ var html_script_default = {
               if (isEventHandler(name2)) {
                 addHTMLEffectCall(section, valueReferences);
               } else {
-                write2`${callRuntime("attr", import_compiler39.types.stringLiteral(name2), value)}`;
+                write2`${callRuntime("attr", import_compiler40.types.stringLiteral(name2), value)}`;
               }
             } else if (isEventHandler(name2)) {
               addStatement(
                 "effect",
                 section,
                 valueReferences,
-                import_compiler39.types.expressionStatement(
+                import_compiler40.types.expressionStatement(
                   callRuntime(
                     "on",
-                    import_compiler39.types.memberExpression(scopeIdentifier, visitAccessor, true),
-                    import_compiler39.types.stringLiteral(getEventHandlerName(name2)),
+                    import_compiler40.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                    import_compiler40.types.stringLiteral(getEventHandlerName(name2)),
                     value
                   )
                 )
@@ -6846,11 +6929,11 @@ var html_script_default = {
                 "render",
                 section,
                 valueReferences,
-                import_compiler39.types.expressionStatement(
+                import_compiler40.types.expressionStatement(
                   callRuntime(
                     "attr",
-                    import_compiler39.types.memberExpression(scopeIdentifier, visitAccessor, true),
-                    import_compiler39.types.stringLiteral(name2),
+                    import_compiler40.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                    import_compiler40.types.stringLiteral(name2),
                     value
                   )
                 )
@@ -6863,9 +6946,9 @@ var html_script_default = {
         if (isHTML) {
           addHTMLEffectCall(section, tagExtra.referencedBindings);
           if (skipExpression) {
-            write2`${callRuntime("partialAttrs", spreadExpression, skipExpression, visitAccessor, getScopeIdIdentifier(section), import_compiler39.types.stringLiteral("script"))}`;
+            write2`${callRuntime("partialAttrs", spreadExpression, skipExpression, visitAccessor, getScopeIdIdentifier(section), import_compiler40.types.stringLiteral("script"))}`;
           } else {
-            write2`${callRuntime("attrs", spreadExpression, visitAccessor, getScopeIdIdentifier(section), import_compiler39.types.stringLiteral("script"))}`;
+            write2`${callRuntime("attrs", spreadExpression, visitAccessor, getScopeIdIdentifier(section), import_compiler40.types.stringLiteral("script"))}`;
           }
         } else {
           if (skipExpression) {
@@ -6873,7 +6956,7 @@ var html_script_default = {
               "render",
               section,
               tagExtra.referencedBindings,
-              import_compiler39.types.expressionStatement(
+              import_compiler40.types.expressionStatement(
                 callRuntime(
                   "partialAttrs",
                   scopeIdentifier,
@@ -6888,7 +6971,7 @@ var html_script_default = {
               "render",
               section,
               tagExtra.referencedBindings,
-              import_compiler39.types.expressionStatement(
+              import_compiler40.types.expressionStatement(
                 callRuntime(
                   "attrs",
                   scopeIdentifier,
@@ -6902,7 +6985,7 @@ var html_script_default = {
             "effect",
             section,
             tagExtra.referencedBindings,
-            import_compiler39.types.expressionStatement(
+            import_compiler40.types.expressionStatement(
               callRuntime("attrsEvents", scopeIdentifier, visitAccessor)
             ),
             false
@@ -6919,9 +7002,9 @@ var html_script_default = {
       const visitAccessor = nodeRef2 && getScopeAccessorLiteral(nodeRef2);
       if (isOutputHTML()) {
         for (const child of tag.node.body.body) {
-          if (import_compiler39.types.isMarkoText(child)) {
+          if (import_compiler40.types.isMarkoText(child)) {
             write2`${child.value}`;
-          } else if (import_compiler39.types.isMarkoPlaceholder(child)) {
+          } else if (import_compiler40.types.isMarkoPlaceholder(child)) {
             write2`${callRuntime("escapeScript", child.value)}`;
           }
         }
@@ -6931,11 +7014,11 @@ var html_script_default = {
         let currentQuasi = "";
         let referencePlaceholder;
         for (const child of tag.node.body.body) {
-          if (import_compiler39.types.isMarkoText(child)) {
+          if (import_compiler40.types.isMarkoText(child)) {
             currentQuasi += child.value;
-          } else if (import_compiler39.types.isMarkoPlaceholder(child)) {
+          } else if (import_compiler40.types.isMarkoPlaceholder(child)) {
             referencePlaceholder ||= child;
-            templateQuasis.push(import_compiler39.types.templateElement({ raw: currentQuasi }));
+            templateQuasis.push(import_compiler40.types.templateElement({ raw: currentQuasi }));
             templateExpressions.push(child.value);
             currentQuasi = "";
           }
@@ -6943,16 +7026,16 @@ var html_script_default = {
         if (!referencePlaceholder) {
           write2`${currentQuasi}`;
         } else {
-          templateQuasis.push(import_compiler39.types.templateElement({ raw: currentQuasi }));
+          templateQuasis.push(import_compiler40.types.templateElement({ raw: currentQuasi }));
           addStatement(
             "render",
             getSection(tag),
             referencePlaceholder.value.extra?.referencedBindings,
-            import_compiler39.types.expressionStatement(
+            import_compiler40.types.expressionStatement(
               callRuntime(
                 "textContent",
-                import_compiler39.types.memberExpression(scopeIdentifier, visitAccessor, true),
-                import_compiler39.types.templateLiteral(templateQuasis, templateExpressions)
+                import_compiler40.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                import_compiler40.types.templateLiteral(templateQuasis, templateExpressions)
               )
             )
           );
@@ -6992,11 +7075,11 @@ function getUsedAttrs2(tag) {
   for (let i = attributes.length; i--; ) {
     const attr2 = attributes[i];
     const { value } = attr2;
-    if (import_compiler39.types.isMarkoSpreadAttribute(attr2)) {
+    if (import_compiler40.types.isMarkoSpreadAttribute(attr2)) {
       if (!spreadProps) {
         spreadProps = [];
       }
-      spreadProps.push(import_compiler39.types.spreadElement(value));
+      spreadProps.push(import_compiler40.types.spreadElement(value));
     } else if (!seen[attr2.name]) {
       seen[attr2.name] = attr2;
       if (spreadProps) {
@@ -7010,10 +7093,10 @@ function getUsedAttrs2(tag) {
   if (spreadProps) {
     spreadProps.reverse();
     for (const { name: name2 } of staticAttrs) {
-      (skipProps ||= []).push(toObjectProperty(name2, import_compiler39.types.numericLiteral(1)));
+      (skipProps ||= []).push(toObjectProperty(name2, import_compiler40.types.numericLiteral(1)));
     }
     if (skipProps) {
-      skipExpression = import_compiler39.types.objectExpression(skipProps);
+      skipExpression = import_compiler40.types.objectExpression(skipProps);
     }
     spreadExpression = propsToExpression(spreadProps);
   }
@@ -7025,7 +7108,7 @@ function getUsedAttrs2(tag) {
 }
 
 // src/translator/core/html-style.ts
-var import_compiler40 = require("@marko/compiler");
+var import_compiler41 = require("@marko/compiler");
 var import_babel_utils26 = require("@marko/compiler/babel-utils");
 var kGetterId4 = Symbol("node getter id");
 var html_style_default = {
@@ -7033,7 +7116,7 @@ var html_style_default = {
     (0, import_babel_utils26.assertNoArgs)(tag);
     (0, import_babel_utils26.assertNoParams)(tag);
     const { node } = tag;
-    if (node.var && !import_compiler40.types.isIdentifier(node.var)) {
+    if (node.var && !import_compiler41.types.isIdentifier(node.var)) {
       throw tag.get("var").buildCodeFrameError(
         "Tag variables on native elements cannot be destructured."
       );
@@ -7046,7 +7129,7 @@ var html_style_default = {
     let spreadReferenceNodes;
     for (let i = attributes.length; i--; ) {
       const attr2 = attributes[i];
-      if (import_compiler40.types.isMarkoAttribute(attr2)) {
+      if (import_compiler41.types.isMarkoAttribute(attr2)) {
         if (seen[attr2.name]) {
           dropReferences(attr2.value);
           continue;
@@ -7058,14 +7141,14 @@ var html_style_default = {
         } else if (!evaluate(attr2.value).confident) {
           hasDynamicAttributes = true;
         }
-      } else if (import_compiler40.types.isMarkoSpreadAttribute(attr2)) {
+      } else if (import_compiler41.types.isMarkoSpreadAttribute(attr2)) {
         hasEventHandlers = true;
         hasDynamicAttributes = true;
         (attr2.value.extra ??= {}).isEffect = true;
       }
       if (spreadReferenceNodes) {
         spreadReferenceNodes.push(attr2.value);
-      } else if (import_compiler40.types.isMarkoSpreadAttribute(attr2)) {
+      } else if (import_compiler41.types.isMarkoSpreadAttribute(attr2)) {
         spreadReferenceNodes = [attr2.value];
       }
     }
@@ -7075,10 +7158,10 @@ var html_style_default = {
     const bodyPlaceholderNodes = [];
     let hasBodyPlaceholders = false;
     for (const child of tag.node.body.body) {
-      if (import_compiler40.types.isMarkoPlaceholder(child)) {
+      if (import_compiler41.types.isMarkoPlaceholder(child)) {
         bodyPlaceholderNodes.push(child.value);
         hasBodyPlaceholders = true;
-      } else if (!import_compiler40.types.isMarkoText(child)) {
+      } else if (!import_compiler41.types.isMarkoText(child)) {
         throw tag.hub.buildError(
           child,
           "Invalid child. Only text is allowed inside an html-style."
@@ -7093,7 +7176,7 @@ var html_style_default = {
       );
     }
     if (node.var || hasEventHandlers || hasDynamicAttributes || hasBodyPlaceholders) {
-      (0, import_compiler40.getProgram)().node.extra.isInteractive ||= hasEventHandlers;
+      (0, import_compiler41.getProgram)().node.extra.isInteractive ||= hasEventHandlers;
       const tagExtra = node.extra ??= {};
       const bindingName = "#style";
       tagExtra[kSerializeMarker] = hasEventHandlers || !!node.var;
@@ -7133,7 +7216,7 @@ var html_style_default = {
             callRuntime(
               "nodeRef",
               getterId && getScopeIdIdentifier(section),
-              getterId && import_compiler40.types.stringLiteral(getterId)
+              getterId && import_compiler41.types.stringLiteral(getterId)
             )
           );
         } else {
@@ -7141,16 +7224,14 @@ var html_style_default = {
           const references = tag.scope.getBinding(varName).referencePaths;
           let getterFnIdentifier;
           if (getterId) {
-            getterFnIdentifier = (0, import_compiler40.getProgram)().scope.generateUidIdentifier(
-              `get_${varName}`
-            );
-            (0, import_compiler40.getProgram)().node.body.push(
-              import_compiler40.types.variableDeclaration("const", [
-                import_compiler40.types.variableDeclarator(
+            getterFnIdentifier = generateUidIdentifier(`get_${varName}`);
+            (0, import_compiler41.getProgram)().node.body.push(
+              import_compiler41.types.variableDeclaration("const", [
+                import_compiler41.types.variableDeclarator(
                   getterFnIdentifier,
                   callRuntime(
                     "nodeRef",
-                    import_compiler40.types.stringLiteral(getterId),
+                    import_compiler41.types.stringLiteral(getterId),
                     getScopeAccessorLiteral(nodeRef2)
                   )
                 )
@@ -7161,13 +7242,13 @@ var html_style_default = {
             const referenceSection = getSection(reference);
             if (isInvokedFunction(reference)) {
               reference.parentPath.replaceWith(
-                import_compiler40.types.expressionStatement(
+                import_compiler41.types.expressionStatement(
                   createScopeReadExpression(referenceSection, nodeRef2)
                 )
               );
             } else if (getterFnIdentifier) {
               reference.replaceWith(
-                import_compiler40.types.callExpression(getterFnIdentifier, [
+                import_compiler41.types.callExpression(getterFnIdentifier, [
                   getScopeExpression(referenceSection, getSection(tag))
                 ])
               );
@@ -7200,10 +7281,10 @@ var html_style_default = {
                 "render",
                 section,
                 valueReferences,
-                import_compiler40.types.expressionStatement(
+                import_compiler41.types.expressionStatement(
                   callRuntime(
                     helper,
-                    import_compiler40.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                    import_compiler41.types.memberExpression(scopeIdentifier, visitAccessor, true),
                     value
                   )
                 )
@@ -7218,18 +7299,18 @@ var html_style_default = {
               if (isEventHandler(name2)) {
                 addHTMLEffectCall(section, valueReferences);
               } else {
-                write2`${callRuntime("attr", import_compiler40.types.stringLiteral(name2), value)}`;
+                write2`${callRuntime("attr", import_compiler41.types.stringLiteral(name2), value)}`;
               }
             } else if (isEventHandler(name2)) {
               addStatement(
                 "effect",
                 section,
                 valueReferences,
-                import_compiler40.types.expressionStatement(
+                import_compiler41.types.expressionStatement(
                   callRuntime(
                     "on",
-                    import_compiler40.types.memberExpression(scopeIdentifier, visitAccessor, true),
-                    import_compiler40.types.stringLiteral(getEventHandlerName(name2)),
+                    import_compiler41.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                    import_compiler41.types.stringLiteral(getEventHandlerName(name2)),
                     value
                   )
                 )
@@ -7239,11 +7320,11 @@ var html_style_default = {
                 "render",
                 section,
                 valueReferences,
-                import_compiler40.types.expressionStatement(
+                import_compiler41.types.expressionStatement(
                   callRuntime(
                     "attr",
-                    import_compiler40.types.memberExpression(scopeIdentifier, visitAccessor, true),
-                    import_compiler40.types.stringLiteral(name2),
+                    import_compiler41.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                    import_compiler41.types.stringLiteral(name2),
                     value
                   )
                 )
@@ -7256,9 +7337,9 @@ var html_style_default = {
         if (isHTML) {
           addHTMLEffectCall(section, tagExtra.referencedBindings);
           if (skipExpression) {
-            write2`${callRuntime("partialAttrs", spreadExpression, skipExpression, visitAccessor, getScopeIdIdentifier(section), import_compiler40.types.stringLiteral("style"))}`;
+            write2`${callRuntime("partialAttrs", spreadExpression, skipExpression, visitAccessor, getScopeIdIdentifier(section), import_compiler41.types.stringLiteral("style"))}`;
           } else {
-            write2`${callRuntime("attrs", spreadExpression, visitAccessor, getScopeIdIdentifier(section), import_compiler40.types.stringLiteral("style"))}`;
+            write2`${callRuntime("attrs", spreadExpression, visitAccessor, getScopeIdIdentifier(section), import_compiler41.types.stringLiteral("style"))}`;
           }
         } else {
           if (skipExpression) {
@@ -7266,7 +7347,7 @@ var html_style_default = {
               "render",
               section,
               tagExtra.referencedBindings,
-              import_compiler40.types.expressionStatement(
+              import_compiler41.types.expressionStatement(
                 callRuntime(
                   "partialAttrs",
                   scopeIdentifier,
@@ -7281,7 +7362,7 @@ var html_style_default = {
               "render",
               section,
               tagExtra.referencedBindings,
-              import_compiler40.types.expressionStatement(
+              import_compiler41.types.expressionStatement(
                 callRuntime(
                   "attrs",
                   scopeIdentifier,
@@ -7295,7 +7376,7 @@ var html_style_default = {
             "effect",
             section,
             tagExtra.referencedBindings,
-            import_compiler40.types.expressionStatement(
+            import_compiler41.types.expressionStatement(
               callRuntime("attrsEvents", scopeIdentifier, visitAccessor)
             ),
             false
@@ -7312,9 +7393,9 @@ var html_style_default = {
       enter2(tag);
       if (isOutputHTML()) {
         for (const child of tag.node.body.body) {
-          if (import_compiler40.types.isMarkoText(child)) {
+          if (import_compiler41.types.isMarkoText(child)) {
             write2`${child.value}`;
-          } else if (import_compiler40.types.isMarkoPlaceholder(child)) {
+          } else if (import_compiler41.types.isMarkoPlaceholder(child)) {
             write2`${callRuntime("escapeStyle", child.value)}`;
           }
         }
@@ -7324,11 +7405,11 @@ var html_style_default = {
         let currentQuasi = "";
         let referencePlaceholder;
         for (const child of tag.node.body.body) {
-          if (import_compiler40.types.isMarkoText(child)) {
+          if (import_compiler41.types.isMarkoText(child)) {
             currentQuasi += child.value;
-          } else if (import_compiler40.types.isMarkoPlaceholder(child)) {
+          } else if (import_compiler41.types.isMarkoPlaceholder(child)) {
             referencePlaceholder ||= child;
-            templateQuasis.push(import_compiler40.types.templateElement({ raw: currentQuasi }));
+            templateQuasis.push(import_compiler41.types.templateElement({ raw: currentQuasi }));
             templateExpressions.push(child.value);
             currentQuasi = "";
           }
@@ -7336,16 +7417,16 @@ var html_style_default = {
         if (!referencePlaceholder) {
           write2`${currentQuasi}`;
         } else {
-          templateQuasis.push(import_compiler40.types.templateElement({ raw: currentQuasi }));
+          templateQuasis.push(import_compiler41.types.templateElement({ raw: currentQuasi }));
           addStatement(
             "render",
             getSection(tag),
             referencePlaceholder.value.extra?.referencedBindings,
-            import_compiler40.types.expressionStatement(
+            import_compiler41.types.expressionStatement(
               callRuntime(
                 "textContent",
-                import_compiler40.types.memberExpression(scopeIdentifier, visitAccessor, true),
-                import_compiler40.types.templateLiteral(templateQuasis, templateExpressions)
+                import_compiler41.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                import_compiler41.types.templateLiteral(templateQuasis, templateExpressions)
               )
             )
           );
@@ -7380,11 +7461,11 @@ function getUsedAttrs3(tag) {
   for (let i = attributes.length; i--; ) {
     const attr2 = attributes[i];
     const { value } = attr2;
-    if (import_compiler40.types.isMarkoSpreadAttribute(attr2)) {
+    if (import_compiler41.types.isMarkoSpreadAttribute(attr2)) {
       if (!spreadProps) {
         spreadProps = [];
       }
-      spreadProps.push(import_compiler40.types.spreadElement(value));
+      spreadProps.push(import_compiler41.types.spreadElement(value));
     } else if (!seen[attr2.name]) {
       seen[attr2.name] = attr2;
       if (spreadProps) {
@@ -7398,10 +7479,10 @@ function getUsedAttrs3(tag) {
   if (spreadProps) {
     spreadProps.reverse();
     for (const { name: name2 } of staticAttrs) {
-      (skipProps ||= []).push(toObjectProperty(name2, import_compiler40.types.numericLiteral(1)));
+      (skipProps ||= []).push(toObjectProperty(name2, import_compiler41.types.numericLiteral(1)));
     }
     if (skipProps) {
-      skipExpression = import_compiler40.types.objectExpression(skipProps);
+      skipExpression = import_compiler41.types.objectExpression(skipProps);
     }
     spreadExpression = propsToExpression(spreadProps);
   }
@@ -7413,7 +7494,7 @@ function getUsedAttrs3(tag) {
 }
 
 // src/translator/core/id.ts
-var import_compiler41 = require("@marko/compiler");
+var import_compiler42 = require("@marko/compiler");
 var import_babel_utils27 = require("@marko/compiler/babel-utils");
 var id_default = {
   analyze(tag) {
@@ -7426,7 +7507,7 @@ var id_default = {
     if (!node.var) {
       throw tag.get("name").buildCodeFrameError("The `id` tag requires a tag variable.");
     }
-    if (!import_compiler41.types.isIdentifier(node.var)) {
+    if (!import_compiler42.types.isIdentifier(node.var)) {
       throw tag.get("var").buildCodeFrameError("The `id` tag cannot be destructured");
     }
     trackVarReferences(tag, 4 /* derived */);
@@ -7437,7 +7518,7 @@ var id_default = {
       const id = isOutputHTML() ? callRuntime("nextTagId") : callRuntime("nextTagId", scopeIdentifier);
       if (isOutputHTML()) {
         tag.replaceWith(
-          import_compiler41.types.variableDeclaration("const", [import_compiler41.types.variableDeclarator(node.var, id)])
+          import_compiler42.types.variableDeclaration("const", [import_compiler42.types.variableDeclarator(node.var, id)])
         );
       } else {
         const source = initValue(node.var.extra.binding);
@@ -7462,17 +7543,17 @@ var id_default = {
 };
 
 // src/translator/core/if.ts
-var import_compiler43 = require("@marko/compiler");
+var import_compiler44 = require("@marko/compiler");
 var import_babel_utils28 = require("@marko/compiler/babel-utils");
 
 // src/translator/util/to-first-statement-or-block.ts
-var import_compiler42 = require("@marko/compiler");
+var import_compiler43 = require("@marko/compiler");
 function toFirstStatementOrBlock(body) {
   if (Array.isArray(body)) {
     if (body.length === 1) {
       return body[0];
     }
-    return import_compiler42.types.blockStatement(body);
+    return import_compiler43.types.blockStatement(body);
   }
   return body;
 }
@@ -7559,13 +7640,13 @@ var IfTag = {
             const bodyStatements = branchTag.node.body.body;
             if (serializeReason) {
               bodyStatements.push(
-                import_compiler43.types.returnStatement(import_compiler43.types.numericLiteral(i))
+                import_compiler44.types.returnStatement(import_compiler44.types.numericLiteral(i))
               );
             }
             const [testAttr] = branchTag.node.attributes;
             const curStatement = toFirstStatementOrBlock(bodyStatements);
             if (testAttr) {
-              statement = import_compiler43.types.ifStatement(
+              statement = import_compiler44.types.ifStatement(
                 testAttr.value,
                 curStatement,
                 statement
@@ -7577,24 +7658,24 @@ var IfTag = {
           }
           if (serializeReason) {
             const conditionSerializeReason = branchSources?.referenced;
-            const cbNode = import_compiler43.types.arrowFunctionExpression(
+            const cbNode = import_compiler44.types.arrowFunctionExpression(
               [],
-              import_compiler43.types.blockStatement([statement])
+              import_compiler44.types.blockStatement([statement])
             );
-            statement = import_compiler43.types.expressionStatement(
+            statement = import_compiler44.types.expressionStatement(
               singleNodeOptimization ? callRuntime(
                 "resumeSingleNodeConditional",
                 cbNode,
                 getScopeIdIdentifier(section),
                 getScopeAccessorLiteral(nodeRef2),
-                conditionSerializeReason ? import_compiler43.types.numericLiteral(1) : onlyChildInParentOptimization ? import_compiler43.types.numericLiteral(0) : void 0,
-                onlyChildInParentOptimization && import_compiler43.types.numericLiteral(1)
+                conditionSerializeReason ? import_compiler44.types.numericLiteral(1) : onlyChildInParentOptimization ? import_compiler44.types.numericLiteral(0) : void 0,
+                onlyChildInParentOptimization && import_compiler44.types.numericLiteral(1)
               ) : callRuntime(
                 "resumeConditional",
                 cbNode,
                 getScopeIdIdentifier(section),
                 getScopeAccessorLiteral(nodeRef2),
-                conditionSerializeReason ? import_compiler43.types.numericLiteral(1) : void 0
+                conditionSerializeReason ? import_compiler44.types.numericLiteral(1) : void 0
               )
             );
           }
@@ -7627,25 +7708,25 @@ var IfTag = {
           const rootExtra = branches[0][0].node.extra;
           const nodeRef2 = getOptimizedOnlyChildNodeRef(rootTag, section);
           const rendererIdentifiers = [];
-          let expr = import_compiler43.types.numericLiteral(branches.length);
+          let expr = import_compiler44.types.numericLiteral(branches.length);
           for (let i = branches.length; i--; ) {
             const [branchTag, branchBodySection] = branches[i];
             const [testAttr] = branchTag.node.attributes;
-            const consequent = import_compiler43.types.numericLiteral(branchBodySection ? i : -1);
+            const consequent = import_compiler44.types.numericLiteral(branchBodySection ? i : -1);
             if (branchBodySection) {
-              rendererIdentifiers.push(import_compiler43.types.identifier(branchBodySection.name));
+              rendererIdentifiers.push(import_compiler44.types.identifier(branchBodySection.name));
               setClosureSignalBuilder(branchTag, (closure, render) => {
                 return callRuntime(
                   "conditionalClosure",
                   getScopeAccessorLiteral(closure),
                   getScopeAccessorLiteral(nodeRef2),
-                  import_compiler43.types.numericLiteral(i),
+                  import_compiler44.types.numericLiteral(i),
                   render
                 );
               });
             }
             branchTag.remove();
-            expr = testAttr ? import_compiler43.types.conditionalExpression(testAttr.value, consequent, expr) : consequent;
+            expr = testAttr ? import_compiler44.types.conditionalExpression(testAttr.value, consequent, expr) : consequent;
           }
           const signal = getSignal(section, nodeRef2, "if");
           signal.build = () => {
@@ -7727,7 +7808,7 @@ function assertHasBody(tag) {
 function assertHasValueAttribute(tag) {
   const { node } = tag;
   const [valueAttr] = node.attributes;
-  if (!import_compiler43.types.isMarkoAttribute(valueAttr) || !valueAttr.default) {
+  if (!import_compiler44.types.isMarkoAttribute(valueAttr) || !valueAttr.default) {
     throw tag.get("name").buildCodeFrameError(`The \`${getTagName(tag)}\` tag requires a value.`);
   }
   if (node.attributes.length > 1) {
@@ -7817,7 +7898,7 @@ var import_default = {
 };
 
 // src/translator/core/let.ts
-var import_compiler44 = require("@marko/compiler");
+var import_compiler45 = require("@marko/compiler");
 var import_babel_utils30 = require("@marko/compiler/babel-utils");
 var let_default = {
   analyze(tag) {
@@ -7826,7 +7907,7 @@ var let_default = {
     let valueAttr;
     let valueChangeAttr;
     for (const attr2 of node.attributes) {
-      if (import_compiler44.types.isMarkoAttribute(attr2)) {
+      if (import_compiler45.types.isMarkoAttribute(attr2)) {
         if (attr2.name === "value") {
           valueAttr = attr2;
         } else if (attr2.name === "valueChange") {
@@ -7854,7 +7935,7 @@ var let_default = {
     if (!tagVar) {
       throw tag.get("name").buildCodeFrameError("The `let` tag requires a tag variable.");
     }
-    if (!import_compiler44.types.isIdentifier(tagVar)) {
+    if (!import_compiler45.types.isIdentifier(tagVar)) {
       throw tag.get("var").buildCodeFrameError("The `let` tag variable cannot be destructured.");
     }
     if (valueChangeAttr && (0, import_babel_utils30.computeNode)(valueChangeAttr.value)) {
@@ -7873,10 +7954,10 @@ var let_default = {
       const { node } = tag;
       const tagVar = node.var;
       const valueAttr = node.attributes.find(
-        (attr2) => import_compiler44.types.isMarkoAttribute(attr2) && (attr2.default || attr2.name === "value")
-      ) ?? import_compiler44.types.markoAttribute("value", import_compiler44.types.identifier("undefined"));
+        (attr2) => import_compiler45.types.isMarkoAttribute(attr2) && (attr2.default || attr2.name === "value")
+      ) ?? import_compiler45.types.markoAttribute("value", import_compiler45.types.identifier("undefined"));
       const valueChangeAttr = node.attributes.find(
-        (attr2) => import_compiler44.types.isMarkoAttribute(attr2) && attr2.name === "valueChange"
+        (attr2) => import_compiler45.types.isMarkoAttribute(attr2) && attr2.name === "valueChange"
       );
       const section = getSection(tag);
       const binding = tagVar.extra.binding;
@@ -7889,7 +7970,7 @@ var let_default = {
         }
         signal.buildAssignment = (valueSection, value) => {
           const scope = getScopeExpression(valueSection, signal.section);
-          return import_compiler44.types.callExpression(signal.identifier, [scope, value]);
+          return import_compiler45.types.callExpression(signal.identifier, [scope, value]);
         };
       } else {
         translateVar(tag, valueAttr.value, "let");
@@ -7920,7 +8001,7 @@ var let_default = {
 };
 
 // src/translator/core/lifecycle.ts
-var import_compiler45 = require("@marko/compiler");
+var import_compiler46 = require("@marko/compiler");
 var import_babel_utils31 = require("@marko/compiler/babel-utils");
 var kRef = Symbol("lifecycle attrs reference");
 var lifecycle_default = {
@@ -7933,7 +8014,7 @@ var lifecycle_default = {
     const tagExtra = node.extra ??= {};
     const section = getOrCreateSection(tag);
     tagExtra[kRef] = createBinding(
-      (0, import_compiler45.getProgram)().scope.generateUid("lifecycle"),
+      generateUid("lifecycle"),
       4 /* derived */,
       section,
       void 0,
@@ -7945,14 +8026,14 @@ var lifecycle_default = {
       );
     }
     for (const attr2 of node.attributes) {
-      if (import_compiler45.types.isMarkoSpreadAttribute(attr2)) {
+      if (import_compiler46.types.isMarkoSpreadAttribute(attr2)) {
         throw tag.get("name").buildCodeFrameError(
           "The `lifecycle` tag does not support `...spread` attributes."
         );
       }
       (attr2.value.extra ??= {}).isEffect = true;
     }
-    ((0, import_compiler45.getProgram)().node.extra ??= {}).isInteractive = true;
+    ((0, import_compiler46.getProgram)().node.extra ??= {}).isInteractive = true;
     mergeReferences(section, tag.node, getAllTagReferenceNodes(tag.node));
   },
   translate: {
@@ -7965,7 +8046,7 @@ var lifecycle_default = {
       if (isOutputDOM()) {
         const translatedAttrs = translateAttrs(tag);
         translatedAttrs.statements.push(
-          import_compiler45.types.expressionStatement(
+          import_compiler46.types.expressionStatement(
             callRuntime(
               "lifecycle",
               scopeIdentifier,
@@ -8000,7 +8081,7 @@ var lifecycle_default = {
 };
 
 // src/translator/core/log.ts
-var import_compiler46 = require("@marko/compiler");
+var import_compiler47 = require("@marko/compiler");
 var import_babel_utils32 = require("@marko/compiler/babel-utils");
 var log_default = {
   analyze(tag) {
@@ -8012,7 +8093,7 @@ var log_default = {
     if (!valueAttr) {
       throw tag.get("name").buildCodeFrameError("The `log` tag requires a value.");
     }
-    if (tag.node.attributes.length > 1 || !import_compiler46.types.isMarkoAttribute(valueAttr) || !valueAttr.default && valueAttr.name !== "value") {
+    if (tag.node.attributes.length > 1 || !import_compiler47.types.isMarkoAttribute(valueAttr) || !valueAttr.default && valueAttr.name !== "value") {
       throw tag.get("name").buildCodeFrameError(
         "The `log` tag only supports the `value` attribute."
       );
@@ -8024,9 +8105,9 @@ var log_default = {
       const [valueAttr] = tag.node.attributes;
       const { value } = valueAttr;
       const referencedBindings = value.extra?.referencedBindings;
-      const statement = import_compiler46.types.expressionStatement(
-        import_compiler46.types.callExpression(
-          import_compiler46.types.memberExpression(import_compiler46.types.identifier("console"), import_compiler46.types.identifier("log")),
+      const statement = import_compiler47.types.expressionStatement(
+        import_compiler47.types.callExpression(
+          import_compiler47.types.memberExpression(import_compiler47.types.identifier("console"), import_compiler47.types.identifier("log")),
           [value]
         )
       );
@@ -8052,7 +8133,7 @@ var log_default = {
 };
 
 // src/translator/core/script.ts
-var import_compiler47 = require("@marko/compiler");
+var import_compiler48 = require("@marko/compiler");
 var import_babel_utils33 = require("@marko/compiler/babel-utils");
 var htmlScriptTagAlternateMsg = " For a native html `script` tag use the `html-script` core tag instead.";
 var script_default = {
@@ -8074,12 +8155,12 @@ var script_default = {
       const start = body[0]?.start;
       const end = body[body.length - 1]?.end;
       const bodyStatements = (0, import_babel_utils33.parseStatements)(tag.hub.file, code, start, end);
-      const valueFn = import_compiler47.types.arrowFunctionExpression(
+      const valueFn = import_compiler48.types.arrowFunctionExpression(
         [],
-        import_compiler47.types.blockStatement(bodyStatements),
+        import_compiler48.types.blockStatement(bodyStatements),
         traverseContains(bodyStatements, isAwaitExpression)
       );
-      node.attributes.push(import_compiler47.types.markoAttribute("value", valueFn));
+      node.attributes.push(import_compiler48.types.markoAttribute("value", valueFn));
       node.body.body = [];
     }
   },
@@ -8103,7 +8184,7 @@ var script_default = {
         }
         seenValueAttr = true;
         (attr2.value.extra ??= {}).isEffect = true;
-        ((0, import_compiler47.getProgram)().node.extra ??= {}).isInteractive = true;
+        ((0, import_compiler48.getProgram)().node.extra ??= {}).isInteractive = true;
       } else {
         throw tag.hub.buildError(
           attr2,
@@ -8128,28 +8209,28 @@ var script_default = {
       const referencedBindings = value.extra?.referencedBindings;
       if (isOutputDOM()) {
         const { value: value2 } = valueAttr;
-        const isFunction2 = import_compiler47.types.isFunctionExpression(value2) || import_compiler47.types.isArrowFunctionExpression(value2);
+        const isFunction2 = import_compiler48.types.isFunctionExpression(value2) || import_compiler48.types.isArrowFunctionExpression(value2);
         let inlineBody = null;
         if (isFunction2 && !(value2.async || value2.generator)) {
-          if (import_compiler47.types.isBlockStatement(value2.body)) {
+          if (import_compiler48.types.isBlockStatement(value2.body)) {
             let hasDeclaration = false;
             for (const child of value2.body.body) {
-              if (import_compiler47.types.isDeclaration(child)) {
+              if (import_compiler48.types.isDeclaration(child)) {
                 hasDeclaration = true;
                 break;
               }
             }
             inlineBody = hasDeclaration ? value2.body : value2.body.body;
           } else {
-            inlineBody = import_compiler47.types.expressionStatement(value2.body);
+            inlineBody = import_compiler48.types.expressionStatement(value2.body);
           }
         }
         addStatement(
           "effect",
           section,
           referencedBindings,
-          inlineBody || import_compiler47.types.expressionStatement(
-            import_compiler47.types.callExpression(value2, isFunction2 ? [] : [scopeIdentifier])
+          inlineBody || import_compiler48.types.expressionStatement(
+            import_compiler48.types.callExpression(value2, isFunction2 ? [] : [scopeIdentifier])
           )
         );
       } else {
@@ -8191,7 +8272,7 @@ function isAwaitExpression(node) {
 }
 
 // src/translator/core/server.ts
-var import_compiler48 = require("@marko/compiler");
+var import_compiler49 = require("@marko/compiler");
 var import_babel_utils34 = require("@marko/compiler/babel-utils");
 var server_default = {
   parse(tag) {
@@ -8203,10 +8284,10 @@ var server_default = {
     const code = rawValue.replace(/^server\s*/, "").trim();
     const start = node.name.start + (rawValue.length - code.length);
     let body = (0, import_babel_utils34.parseStatements)(file, code, start, start + code.length);
-    if (body.length === 1 && import_compiler48.types.isBlockStatement(body[0])) {
+    if (body.length === 1 && import_compiler49.types.isBlockStatement(body[0])) {
       body = body[0].body;
     }
-    tag.replaceWith(import_compiler48.types.markoScriptlet(body, true, "server"));
+    tag.replaceWith(import_compiler49.types.markoScriptlet(body, true, "server"));
   },
   parseOptions: {
     statement: true,
@@ -8222,7 +8303,7 @@ var server_default = {
 };
 
 // src/translator/core/static.ts
-var import_compiler49 = require("@marko/compiler");
+var import_compiler50 = require("@marko/compiler");
 var import_babel_utils35 = require("@marko/compiler/babel-utils");
 var static_default = {
   parse(tag) {
@@ -8234,10 +8315,10 @@ var static_default = {
     const code = rawValue.replace(/^static\s*/, "").trim();
     const start = node.name.start + (rawValue.length - code.length);
     let body = (0, import_babel_utils35.parseStatements)(file, code, start, start + code.length);
-    if (body.length === 1 && import_compiler49.types.isBlockStatement(body[0])) {
+    if (body.length === 1 && import_compiler50.types.isBlockStatement(body[0])) {
       body = body[0].body;
     }
-    tag.replaceWith(import_compiler49.types.markoScriptlet(body, true));
+    tag.replaceWith(import_compiler50.types.markoScriptlet(body, true));
   },
   parseOptions: {
     statement: true,
@@ -8253,7 +8334,7 @@ var static_default = {
 };
 
 // src/translator/core/style.ts
-var import_compiler50 = require("@marko/compiler");
+var import_compiler51 = require("@marko/compiler");
 var import_babel_utils36 = require("@marko/compiler/babel-utils");
 var import_magic_string = __toESM(require("magic-string"));
 var import_path3 = __toESM(require("path"));
@@ -8329,20 +8410,20 @@ var style_default = {
     });
     if (importPath) {
       if (!node.var) {
-        (0, import_compiler50.getProgram)().node.body.push(
-          import_compiler50.types.importDeclaration([], import_compiler50.types.stringLiteral(importPath))
+        (0, import_compiler51.getProgram)().node.body.push(
+          import_compiler51.types.importDeclaration([], import_compiler51.types.stringLiteral(importPath))
         );
-      } else if (import_compiler50.types.isIdentifier(node.var)) {
-        (0, import_compiler50.getProgram)().node.body.push(
-          import_compiler50.types.importDeclaration(
-            [import_compiler50.types.importDefaultSpecifier(node.var)],
-            import_compiler50.types.stringLiteral(importPath)
+      } else if (import_compiler51.types.isIdentifier(node.var)) {
+        (0, import_compiler51.getProgram)().node.body.push(
+          import_compiler51.types.importDeclaration(
+            [import_compiler51.types.importDefaultSpecifier(node.var)],
+            import_compiler51.types.stringLiteral(importPath)
           )
         );
       } else {
-        (0, import_compiler50.getProgram)().node.body.push(
-          import_compiler50.types.variableDeclaration("const", [
-            import_compiler50.types.variableDeclarator(
+        (0, import_compiler51.getProgram)().node.body.push(
+          import_compiler51.types.variableDeclaration("const", [
+            import_compiler51.types.variableDeclarator(
               node.var,
               (0, import_babel_utils36.importDefault)(file, importPath, "style")
             )
@@ -8362,7 +8443,7 @@ var style_default = {
 };
 
 // src/translator/core/try.ts
-var import_compiler51 = require("@marko/compiler");
+var import_compiler52 = require("@marko/compiler");
 var import_babel_utils37 = require("@marko/compiler/babel-utils");
 var kDOMBinding2 = Symbol("try tag dom binding");
 var try_default = {
@@ -8422,7 +8503,7 @@ var try_default = {
         writeHTMLResumeStatements(tagBody);
         tag.insertBefore(translatedAttrs.statements);
         tag.replaceWith(
-          import_compiler51.types.expressionStatement(
+          import_compiler52.types.expressionStatement(
             callRuntime(
               "tryContent",
               getScopeIdIdentifier(section),
@@ -8464,7 +8545,7 @@ var try_default = {
           return callRuntime(
             "createTry",
             getScopeAccessorLiteral(nodeRef2),
-            import_compiler51.types.identifier(bodySection.name)
+            import_compiler52.types.identifier(bodySection.name)
           );
         };
         if (translatedAttrs.statements.length) {
@@ -8475,8 +8556,8 @@ var try_default = {
             translatedAttrs.statements
           );
         }
-        (0, import_compiler51.getProgram)().node.body.push(
-          import_compiler51.types.expressionStatement(callRuntime("enableCatch"))
+        (0, import_compiler52.getProgram)().node.body.push(
+          import_compiler52.types.expressionStatement(callRuntime("enableCatch"))
         );
         addValue(
           section,
@@ -8574,7 +8655,7 @@ var document_type_default = {
 };
 
 // src/translator/visitors/function.ts
-var import_compiler52 = require("@marko/compiler");
+var import_compiler53 = require("@marko/compiler");
 var import_babel_utils38 = require("@marko/compiler/babel-utils");
 var functionIdsBySection = /* @__PURE__ */ new WeakMap();
 var function_default = {
@@ -8591,13 +8672,13 @@ var function_default = {
     }
     const { node } = fn;
     const extra = node.extra ??= {};
-    const name2 = extra.name = fn.node.id?.name || (isMarkoAttribute(markoRoot) ? markoRoot.node.default ? import_compiler52.types.toIdentifier(
+    const name2 = extra.name = fn.node.id?.name || (isMarkoAttribute(markoRoot) ? markoRoot.node.default ? import_compiler53.types.toIdentifier(
       markoRoot.parentPath.has("var") ? markoRoot.parentPath.get("var") : markoRoot.parentPath.get("name")
-    ) : markoRoot.node.name : import_compiler52.types.isVariableDeclarator(fn.parent) && import_compiler52.types.isIdentifier(fn.parent.id) ? fn.parent.id.name : import_compiler52.types.isObjectMethod(node) && import_compiler52.types.isIdentifier(node.key) ? node.key.name : "anonymous");
+    ) : markoRoot.node.name : import_compiler53.types.isVariableDeclarator(fn.parent) && import_compiler53.types.isIdentifier(fn.parent.id) ? fn.parent.id.name : import_compiler53.types.isObjectMethod(node) && import_compiler53.types.isIdentifier(node.key) ? node.key.name : "anonymous");
     const {
       markoOpts,
       opts: { filename }
-    } = (0, import_compiler52.getFile)();
+    } = (0, import_compiler53.getFile)();
     const section = getSection(fn);
     let functionNameCounts = functionIdsBySection.get(section);
     if (!functionNameCounts) {
@@ -8654,10 +8735,10 @@ var import_declaration_default = {
 };
 
 // src/translator/visitors/placeholder.ts
-var import_compiler54 = require("@marko/compiler");
+var import_compiler55 = require("@marko/compiler");
 
 // src/translator/util/is-non-html-text.ts
-var import_compiler53 = require("@marko/compiler");
+var import_compiler54 = require("@marko/compiler");
 function isNonHTMLText(placeholder) {
   const parentTag = placeholder.parentPath.isMarkoTagBody() && placeholder.parentPath.parentPath;
   if (parentTag && isCoreTag(parentTag)) {
@@ -8695,7 +8776,8 @@ var placeholder_default = {
       if (isNonHTMLText(placeholder)) return;
       const { node } = placeholder;
       const { value } = node;
-      const { confident, computed, referencedBindings } = evaluate(value);
+      const valueExtra = evaluate(value);
+      const { confident, computed } = valueExtra;
       if (confident && isVoid2(computed)) {
         placeholder.remove();
         return;
@@ -8706,7 +8788,7 @@ var placeholder_default = {
       const nodeBinding = extra[kBinding];
       const canWriteHTML = isHTML || confident && node.escape;
       const method = canWriteHTML ? node.escape ? "escapeXML" : "toString" : node.escape ? "data" : "html";
-      const serializeReason = getDynamicSourcesForReferences(referencedBindings);
+      const serializeReason = getDynamicSourcesForExtra(valueExtra);
       const siblingText = extra[kSiblingText];
       if (confident && canWriteHTML) {
         write2`${getHTMLRuntime()[method](computed)}`;
@@ -8731,11 +8813,11 @@ var placeholder_default = {
           addStatement(
             "render",
             getSection(placeholder),
-            value.extra?.referencedBindings,
-            import_compiler54.types.expressionStatement(
+            valueExtra.referencedBindings,
+            import_compiler55.types.expressionStatement(
               method === "data" ? callRuntime(
                 "data",
-                import_compiler54.types.memberExpression(
+                import_compiler55.types.memberExpression(
                   scopeIdentifier,
                   getScopeAccessorLiteral(nodeBinding),
                   true
@@ -8772,7 +8854,7 @@ function analyzeSiblingText(placeholder) {
       break;
     }
   }
-  if (!prev.node && import_compiler54.types.isProgram(placeholder.parentPath)) {
+  if (!prev.node && import_compiler55.types.isProgram(placeholder.parentPath)) {
     return placeholderExtra[kSiblingText] = 1 /* Before */;
   }
   let next = placeholder.getNextSibling();
@@ -8789,7 +8871,7 @@ function analyzeSiblingText(placeholder) {
       break;
     }
   }
-  if (!next.node && import_compiler54.types.isProgram(placeholder.parentPath)) {
+  if (!next.node && import_compiler55.types.isProgram(placeholder.parentPath)) {
     return placeholderExtra[kSiblingText] = 2 /* After */;
   }
   return placeholderExtra[kSiblingText] = 0 /* None */;
@@ -8799,7 +8881,7 @@ function isVoid2(value) {
 }
 
 // src/translator/visitors/referenced-identifier.ts
-var import_compiler55 = require("@marko/compiler");
+var import_compiler56 = require("@marko/compiler");
 var abortIdsByExpressionForSection = /* @__PURE__ */ new WeakMap();
 var referenced_identifier_default = {
   migrate(identifier) {
@@ -8807,8 +8889,8 @@ var referenced_identifier_default = {
     if (identifier.scope.hasBinding(name2)) return;
     switch (name2) {
       case "out":
-        if (import_compiler55.types.isMemberExpression(identifier.parent) && import_compiler55.types.isIdentifier(identifier.parent.property) && identifier.parent.property.name === "global") {
-          identifier.parentPath.replaceWith(import_compiler55.types.identifier("$global"));
+        if (import_compiler56.types.isMemberExpression(identifier.parent) && import_compiler56.types.isIdentifier(identifier.parent.property) && identifier.parent.property.name === "global") {
+          identifier.parentPath.replaceWith(import_compiler56.types.identifier("$global"));
         } else {
           throw identifier.buildCodeFrameError(
             "Only `out.global` is supported for compatibility."
@@ -8835,24 +8917,24 @@ var referenced_identifier_default = {
       case "$global":
         if (isOutputHTML()) {
           identifier.replaceWith(
-            import_compiler55.types.callExpression(importRuntime("$global"), [])
+            import_compiler56.types.callExpression(importRuntime("$global"), [])
           );
         } else {
           identifier.replaceWith(
-            import_compiler55.types.memberExpression(scopeIdentifier, import_compiler55.types.identifier("$global"))
+            import_compiler56.types.memberExpression(scopeIdentifier, import_compiler56.types.identifier("$global"))
           );
         }
         break;
       case "$signal":
         if (isOutputHTML()) {
           identifier.replaceWith(
-            import_compiler55.types.callExpression(
-              import_compiler55.types.arrowFunctionExpression(
+            import_compiler56.types.callExpression(
+              import_compiler56.types.arrowFunctionExpression(
                 [],
-                import_compiler55.types.blockStatement([
-                  import_compiler55.types.throwStatement(
-                    import_compiler55.types.newExpression(import_compiler55.types.identifier("Error"), [
-                      import_compiler55.types.stringLiteral("Cannot use $signal in a server render.")
+                import_compiler56.types.blockStatement([
+                  import_compiler56.types.throwStatement(
+                    import_compiler56.types.newExpression(import_compiler56.types.identifier("Error"), [
+                      import_compiler56.types.stringLiteral("Cannot use $signal in a server render.")
                     ])
                   )
                 ])
@@ -8878,19 +8960,19 @@ var referenced_identifier_default = {
               "render",
               section,
               exprRoot.node.extra?.referencedBindings,
-              import_compiler55.types.expressionStatement(
-                import_compiler55.types.callExpression(importRuntime("resetAbortSignal"), [
+              import_compiler56.types.expressionStatement(
+                import_compiler56.types.callExpression(importRuntime("resetAbortSignal"), [
                   scopeIdentifier,
-                  import_compiler55.types.numericLiteral(exprId)
+                  import_compiler56.types.numericLiteral(exprId)
                 ])
               ),
               false
             );
           }
           identifier.replaceWith(
-            import_compiler55.types.callExpression(importRuntime("getAbortSignal"), [
+            import_compiler56.types.callExpression(importRuntime("getAbortSignal"), [
               scopeIdentifier,
-              import_compiler55.types.numericLiteral(exprId)
+              import_compiler56.types.numericLiteral(exprId)
             ])
           );
         }
@@ -8930,11 +9012,11 @@ var scriptlet_default = {
 };
 
 // src/translator/visitors/tag/index.ts
-var import_compiler59 = require("@marko/compiler");
+var import_compiler60 = require("@marko/compiler");
 var import_babel_utils43 = require("@marko/compiler/babel-utils");
 
 // src/translator/visitors/tag/attribute-tag.ts
-var import_compiler56 = require("@marko/compiler");
+var import_compiler57 = require("@marko/compiler");
 var import_babel_utils40 = require("@marko/compiler/babel-utils");
 var attribute_tag_default = {
   analyze: {
@@ -8965,7 +9047,7 @@ var attribute_tag_default = {
 };
 
 // src/translator/visitors/tag/custom-tag.ts
-var import_compiler57 = require("@marko/compiler");
+var import_compiler58 = require("@marko/compiler");
 var import_babel_utils41 = require("@marko/compiler/babel-utils");
 var import_path4 = __toESM(require("path"));
 var kChildScopeBinding = Symbol("custom tag child scope");
@@ -9020,7 +9102,7 @@ var custom_tag_default = {
           tag,
           childProgramExtra?.domExports.input
         );
-        (0, import_compiler57.getProgram)().node.extra.hasInteractiveChild = childProgramExtra?.isInteractive || childProgramExtra?.hasInteractiveChild || false;
+        (0, import_compiler58.getProgram)().node.extra.hasInteractiveChild = childProgramExtra?.isInteractive || childProgramExtra?.hasInteractiveChild || false;
       }
     }
   },
@@ -9047,9 +9129,9 @@ function translateHTML(tag) {
   let tagIdentifier;
   flushInto(tag);
   writeHTMLResumeStatements(tagBody);
-  if (import_compiler57.types.isStringLiteral(node.name)) {
+  if (import_compiler58.types.isStringLiteral(node.name)) {
     const relativePath = getTagRelativePath(tag);
-    tagIdentifier = isCircularRequest(tag.hub.file, relativePath) ? import_compiler57.types.identifier(getTemplateContentName()) : (0, import_babel_utils41.importDefault)(tag.hub.file, relativePath, getTagName(tag));
+    tagIdentifier = isCircularRequest(tag.hub.file, relativePath) ? import_compiler58.types.identifier(getTemplateContentName()) : (0, import_babel_utils41.importDefault)(tag.hub.file, relativePath, getTagName(tag));
   } else {
     tagIdentifier = node.name;
   }
@@ -9063,12 +9145,10 @@ function translateHTML(tag) {
   const serializeReason = !!tagVar || getDynamicSourcesForExtras(tagExtra[kChildAttrExprs]);
   if (serializeReason) {
     const childScopeBinding = tagExtra[kChildScopeBinding];
-    const peekScopeId = tag.scope.generateUidIdentifier(
-      childScopeBinding?.name
-    );
+    const peekScopeId = generateUidIdentifier(childScopeBinding?.name);
     tag.insertBefore(
-      import_compiler57.types.variableDeclaration("const", [
-        import_compiler57.types.variableDeclarator(peekScopeId, callRuntime("peekNextScope"))
+      import_compiler58.types.variableDeclaration("const", [
+        import_compiler58.types.variableDeclarator(peekScopeId, callRuntime("peekNextScope"))
       ])
     );
     setSerializedProperty(
@@ -9079,13 +9159,13 @@ function translateHTML(tag) {
     );
     if (tagVar) {
       statements.push(
-        import_compiler57.types.expressionStatement(
+        import_compiler58.types.expressionStatement(
           callRuntime(
             "setTagVar",
             getScopeIdIdentifier(section),
             getScopeAccessorLiteral(tag.node.extra[kChildOffsetScopeBinding]),
             peekScopeId,
-            import_compiler57.types.stringLiteral(
+            import_compiler58.types.stringLiteral(
               getResumeRegisterId(
                 section,
                 node.var.extra?.binding,
@@ -9103,10 +9183,10 @@ function translateHTML(tag) {
     let contentId = void 0;
     if (contentProp) {
       const contentExpression = contentProp.value;
-      contentProp.value = contentId = tag.scope.generateUidIdentifier("content");
+      contentProp.value = contentId = generateUidIdentifier("content");
       const [contentPath] = tag.insertBefore(
-        import_compiler57.types.variableDeclaration("const", [
-          import_compiler57.types.variableDeclarator(
+        import_compiler58.types.variableDeclaration("const", [
+          import_compiler58.types.variableDeclarator(
             contentId,
             // TODO: only register if needed (child template analysis)
             contentExpression
@@ -9120,13 +9200,13 @@ function translateHTML(tag) {
       propsToExpression(properties)
     );
     if (tagVar) {
-      translateVar(tag, import_compiler57.types.unaryExpression("void", import_compiler57.types.numericLiteral(0)), "let");
-      renderTagExpr = import_compiler57.types.assignmentExpression("=", tagVar, renderTagExpr);
+      translateVar(tag, import_compiler58.types.unaryExpression("void", import_compiler58.types.numericLiteral(0)), "let");
+      renderTagExpr = import_compiler58.types.assignmentExpression("=", tagVar, renderTagExpr);
     }
     statements.push(
-      import_compiler57.types.ifStatement(
+      import_compiler58.types.ifStatement(
         tagIdentifier,
-        import_compiler57.types.expressionStatement(renderTagExpr),
+        import_compiler58.types.expressionStatement(renderTagExpr),
         contentId && callStatement(contentId)
       )
     );
@@ -9152,7 +9232,7 @@ function translateDOM(tag) {
   const childScopeBinding = extra[kChildScopeBinding];
   const write2 = writeTo(tag);
   const { file } = tag.hub;
-  const tagName = import_compiler57.types.isIdentifier(node.name) ? node.name.name : import_compiler57.types.isStringLiteral(node.name) ? node.name.value : "tag";
+  const tagName = import_compiler58.types.isIdentifier(node.name) ? node.name.name : import_compiler58.types.isStringLiteral(node.name) ? node.name.value : "tag";
   const relativePath = getTagRelativePath(tag);
   const childFile = (0, import_babel_utils41.loadFileForTag)(tag);
   const childExports = childFile.ast.program.extra.domExports;
@@ -9184,7 +9264,7 @@ function translateDOM(tag) {
     );
     source.register = true;
     source.buildAssignment = (valueSection, value) => {
-      return import_compiler57.types.callExpression(importRuntime("tagVarSignalChange"), [
+      return import_compiler58.types.callExpression(importRuntime("tagVarSignalChange"), [
         createScopeReadExpression(valueSection, childScopeBinding),
         value
       ]);
@@ -9193,7 +9273,7 @@ function translateDOM(tag) {
       "render",
       tagSection,
       void 0,
-      import_compiler57.types.expressionStatement(
+      import_compiler58.types.expressionStatement(
         callRuntime(
           "setTagVar",
           scopeIdentifier,
@@ -9207,8 +9287,8 @@ function translateDOM(tag) {
     "render",
     tagSection,
     void 0,
-    import_compiler57.types.expressionStatement(
-      import_compiler57.types.callExpression(tagIdentifier, [
+    import_compiler58.types.expressionStatement(
+      import_compiler58.types.callExpression(tagIdentifier, [
         createScopeReadExpression(tagSection, childScopeBinding)
       ])
     )
@@ -9221,7 +9301,7 @@ function getTagRelativePath(tag) {
     hub: { file }
   } = tag;
   let relativePath;
-  if (import_compiler57.types.isStringLiteral(node.name)) {
+  if (import_compiler58.types.isStringLiteral(node.name)) {
     const template = (0, import_babel_utils41.getTagTemplate)(tag);
     relativePath = template && (0, import_babel_utils41.resolveRelativePath)(file, template);
   } else if (node.extra?.tagNameImported) {
@@ -9314,7 +9394,7 @@ function analyzeAttrs(rootTagExtra, section, tag, templateExport) {
   let spreadReferenceNodes;
   for (let i = attributes.length; i--; ) {
     const attr2 = attributes[i];
-    if (import_compiler57.types.isMarkoAttribute(attr2)) {
+    if (import_compiler58.types.isMarkoAttribute(attr2)) {
       if (seen.has(attr2.name) || !templateExport.props[attr2.name]) {
         dropReferences(attr2.value);
         continue;
@@ -9323,7 +9403,7 @@ function analyzeAttrs(rootTagExtra, section, tag, templateExport) {
     }
     if (spreadReferenceNodes) {
       spreadReferenceNodes.push(attr2.value);
-    } else if (import_compiler57.types.isMarkoSpreadAttribute(attr2)) {
+    } else if (import_compiler58.types.isMarkoSpreadAttribute(attr2)) {
       spreadReferenceNodes = [attr2.value];
     } else {
       rootTagExtra[kChildAttrExprs].add(attr2.value.extra ??= {});
@@ -9348,7 +9428,7 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
       // but we should probably ensure all other references are dropped in this case before we do that.
       tag.node.extra?.referencedBindings,
       identifierToSignal(tagInputIdentifier),
-      import_compiler57.types.isSpreadElement(arg) ? import_compiler57.types.memberExpression(arg.argument, import_compiler57.types.numericLiteral(0), true) : arg,
+      import_compiler58.types.isSpreadElement(arg) ? import_compiler58.types.memberExpression(arg.argument, import_compiler58.types.numericLiteral(0), true) : arg,
       createScopeReadExpression(info.tagSection, info.childScopeBinding)
     );
     return;
@@ -9396,7 +9476,7 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
         } else {
           attrTagCallsForTag.set(
             attrTagName,
-            translatedProps = import_compiler57.types.parenthesizedExpression(
+            translatedProps = import_compiler58.types.parenthesizedExpression(
               callRuntime("attrTag", translatedProps)
             )
           );
@@ -9481,7 +9561,7 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
           childAttrExports.id,
           `${importAlias}_${attrTagMeta.name}`
         );
-        decls.push(import_compiler57.types.variableDeclarator(getAttrTagIdentifier(attrTagMeta)));
+        decls.push(import_compiler58.types.variableDeclarator(getAttrTagIdentifier(attrTagMeta)));
         addValue(
           info.tagSection,
           referencedBindings,
@@ -9491,7 +9571,7 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
         );
       }
       addStatement("render", info.tagSection, referencedBindings, [
-        import_compiler57.types.variableDeclaration("let", decls),
+        import_compiler58.types.variableDeclaration("let", decls),
         ...statements
       ]);
     }
@@ -9511,7 +9591,7 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
         void 0,
         // TODO: pretty sure content needs to have the reference group of it's param defaults.
         identifierToSignal(contentExportIdentifier),
-        import_compiler57.types.callExpression(import_compiler57.types.identifier(bodySection.name), [scopeIdentifier]),
+        import_compiler58.types.callExpression(import_compiler58.types.identifier(bodySection.name), [scopeIdentifier]),
         createScopeReadExpression(info.tagSection, info.childScopeBinding)
       );
     }
@@ -9521,7 +9601,7 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
   let spreadProps;
   for (let i = attributes.length; i--; ) {
     const attr2 = attributes[i];
-    if (import_compiler57.types.isMarkoAttribute(attr2)) {
+    if (import_compiler58.types.isMarkoAttribute(attr2)) {
       const childAttrExports = templateExport.props[attr2.name];
       if (!childAttrExports || seen.has(attr2.name)) continue;
       seen.add(attr2.name);
@@ -9531,9 +9611,9 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
       }
       staticAttrs.push(attr2);
     } else if (spreadProps) {
-      spreadProps.push(import_compiler57.types.spreadElement(attr2.value));
+      spreadProps.push(import_compiler58.types.spreadElement(attr2.value));
     } else {
-      spreadProps = [import_compiler57.types.spreadElement(attr2.value)];
+      spreadProps = [import_compiler58.types.spreadElement(attr2.value)];
     }
   }
   for (const attr2 of staticAttrs.reverse()) {
@@ -9558,12 +9638,12 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
     const referencedBindings = tag.node.extra?.referencedBindings;
     let getMissingPropValue = buildUndefined2;
     if (spreadProps) {
-      const spreadId = tag.scope.generateUidIdentifier(`${importAlias}_spread`);
+      const spreadId = generateUidIdentifier(`${importAlias}_spread`);
       spreadProps.reverse();
       getMissingPropValue = (name2) => toMemberExpression(spreadId, name2);
       addStatement("render", info.tagSection, referencedBindings, [
-        import_compiler57.types.variableDeclaration("const", [
-          import_compiler57.types.variableDeclarator(spreadId, propsToExpression(spreadProps))
+        import_compiler58.types.variableDeclaration("const", [
+          import_compiler58.types.variableDeclarator(spreadId, propsToExpression(spreadProps))
         ])
       ]);
     }
@@ -9587,7 +9667,7 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
 }
 function importOrSelfReferenceName(file, request, name2, nameHint) {
   if (isCircularRequest(file, request)) {
-    return import_compiler57.types.identifier(name2);
+    return import_compiler58.types.identifier(name2);
   }
   return (0, import_babel_utils41.importNamed)(file, request, name2, nameHint);
 }
@@ -9596,10 +9676,10 @@ function isCircularRequest(file, request) {
   return request === filename || request[0] === "." && import_path4.default.resolve(filename, "..", request) === filename;
 }
 function callStatement(id, ...args) {
-  return import_compiler57.types.expressionStatement(callExpression(id, ...args));
+  return import_compiler58.types.expressionStatement(callExpression(id, ...args));
 }
 function callExpression(id, ...args) {
-  return import_compiler57.types.callExpression(id, args.filter(Boolean));
+  return import_compiler58.types.callExpression(id, args.filter(Boolean));
 }
 function identifierToSignal(identifier) {
   return {
@@ -9608,14 +9688,14 @@ function identifierToSignal(identifier) {
   };
 }
 function buildUndefined2() {
-  return import_compiler57.types.unaryExpression("void", import_compiler57.types.numericLiteral(0));
+  return import_compiler58.types.unaryExpression("void", import_compiler58.types.numericLiteral(0));
 }
 function always() {
   return true;
 }
 
 // src/translator/visitors/tag/dynamic-tag.ts
-var import_compiler58 = require("@marko/compiler");
+var import_compiler59 = require("@marko/compiler");
 var import_babel_utils42 = require("@marko/compiler/babel-utils");
 var kDOMBinding3 = Symbol("dynamic tag dom binding");
 var kChildOffsetScopeBinding2 = Symbol("custom tag scope offset");
@@ -9669,9 +9749,8 @@ var dynamic_tag_default = {
       const nodeRef2 = tagExtra[kDOMBinding3];
       const section = getSection(tag);
       const isClassAPI = tagExtra.featureType === "class";
-      const referencedBindings = tagExtra.referencedBindings;
       let tagExpression = node.name;
-      if (import_compiler58.types.isStringLiteral(tagExpression)) {
+      if (import_compiler59.types.isStringLiteral(tagExpression)) {
         tagExpression = (0, import_babel_utils42.importDefault)(
           tag.hub.file,
           getTagRelativePath(tag),
@@ -9680,15 +9759,15 @@ var dynamic_tag_default = {
       }
       if (isClassAPI) {
         if (isOutputHTML()) {
-          (0, import_compiler58.getProgram)().node.body.push(
-            import_compiler58.types.markoScriptlet(
+          (0, import_compiler59.getProgram)().node.body.push(
+            import_compiler59.types.markoScriptlet(
               [
-                import_compiler58.types.expressionStatement(
-                  import_compiler58.types.callExpression(
+                import_compiler59.types.expressionStatement(
+                  import_compiler59.types.callExpression(
                     (0, import_babel_utils42.importNamed)(tag.hub.file, getCompatRuntimeFile(), "s"),
                     [
-                      import_compiler58.types.identifier(tagExpression.name),
-                      import_compiler58.types.stringLiteral((0, import_babel_utils42.loadFileForTag)(tag).metadata.marko.id)
+                      import_compiler59.types.identifier(tagExpression.name),
+                      import_compiler59.types.stringLiteral((0, import_babel_utils42.loadFileForTag)(tag).metadata.marko.id)
                     ]
                   )
                 )
@@ -9697,12 +9776,12 @@ var dynamic_tag_default = {
             )
           );
         } else {
-          (0, import_compiler58.getProgram)().node.body.push(
-            import_compiler58.types.expressionStatement(
+          (0, import_compiler59.getProgram)().node.body.push(
+            import_compiler59.types.expressionStatement(
               callRuntime(
                 "register",
-                import_compiler58.types.stringLiteral((0, import_babel_utils42.loadFileForTag)(tag).metadata.marko.id),
-                import_compiler58.types.identifier(tagExpression.name)
+                import_compiler59.types.stringLiteral((0, import_babel_utils42.loadFileForTag)(tag).metadata.marko.id),
+                import_compiler59.types.identifier(tagExpression.name)
               )
             )
           );
@@ -9722,7 +9801,7 @@ var dynamic_tag_default = {
           hasMultipleArgs = true;
           args.push(propsToExpression(properties));
         } else {
-          hasMultipleArgs = node.arguments.length > 1 || import_compiler58.types.isSpreadElement(node.arguments[0]);
+          hasMultipleArgs = node.arguments.length > 1 || import_compiler59.types.isSpreadElement(node.arguments[0]);
         }
       } else {
         const contentProp = getTranslatedBodyContentProperty(properties);
@@ -9736,41 +9815,41 @@ var dynamic_tag_default = {
       if (isOutputHTML()) {
         flushInto(tag);
         writeHTMLResumeStatements(tag.get("body"));
-        const serializeReason = isClassAPI || !!node.var || getDynamicSourcesForReferences(referencedBindings);
+        const serializeReason = isClassAPI || !!node.var || getDynamicSourcesForExtra(tagExtra);
         const dynamicTagExpr = hasMultipleArgs ? callRuntime(
           "dynamicTag",
           getScopeIdIdentifier(section),
           getScopeAccessorLiteral(nodeRef2),
           tagExpression,
-          import_compiler58.types.arrayExpression(args),
-          import_compiler58.types.numericLiteral(0),
-          import_compiler58.types.numericLiteral(1),
-          serializeReason ? import_compiler58.types.numericLiteral(1) : void 0
+          import_compiler59.types.arrayExpression(args),
+          import_compiler59.types.numericLiteral(0),
+          import_compiler59.types.numericLiteral(1),
+          serializeReason ? import_compiler59.types.numericLiteral(1) : void 0
         ) : callRuntime(
           "dynamicTag",
           getScopeIdIdentifier(section),
           getScopeAccessorLiteral(nodeRef2),
           tagExpression,
           args[0],
-          args[1] || (serializeReason ? import_compiler58.types.numericLiteral(0) : void 0),
-          serializeReason ? import_compiler58.types.numericLiteral(0) : void 0,
-          serializeReason ? import_compiler58.types.numericLiteral(1) : void 0
+          args[1] || (serializeReason ? import_compiler59.types.numericLiteral(0) : void 0),
+          serializeReason ? import_compiler59.types.numericLiteral(0) : void 0,
+          serializeReason ? import_compiler59.types.numericLiteral(1) : void 0
         );
         if (node.var) {
-          const dynamicScopeIdentifier = (0, import_compiler58.getProgram)().scope.generateUidIdentifier("dynamicScope");
+          const dynamicScopeIdentifier = generateUidIdentifier("dynamicScope");
           statements.push(
-            import_compiler58.types.variableDeclaration("const", [
-              import_compiler58.types.variableDeclarator(
+            import_compiler59.types.variableDeclaration("const", [
+              import_compiler59.types.variableDeclarator(
                 dynamicScopeIdentifier,
                 callRuntime("peekNextScope")
               )
             ])
           );
           statements.push(
-            import_compiler58.types.variableDeclaration("const", [
-              import_compiler58.types.variableDeclarator(node.var, dynamicTagExpr)
+            import_compiler59.types.variableDeclaration("const", [
+              import_compiler59.types.variableDeclarator(node.var, dynamicTagExpr)
             ]),
-            import_compiler58.types.expressionStatement(
+            import_compiler59.types.expressionStatement(
               callRuntime(
                 "setTagVar",
                 getScopeIdIdentifier(section),
@@ -9778,7 +9857,7 @@ var dynamic_tag_default = {
                   tag.node.extra[kChildOffsetScopeBinding2]
                 ),
                 dynamicScopeIdentifier,
-                import_compiler58.types.stringLiteral(
+                import_compiler59.types.stringLiteral(
                   getResumeRegisterId(
                     section,
                     node.var.extra?.binding,
@@ -9790,7 +9869,7 @@ var dynamic_tag_default = {
             )
           );
         } else {
-          statements.push(import_compiler58.types.expressionStatement(dynamicTagExpr));
+          statements.push(import_compiler59.types.expressionStatement(dynamicTagExpr));
         }
         for (const replacement of tag.replaceWithMultiple(statements)) {
           replacement.skip();
@@ -9807,10 +9886,10 @@ var dynamic_tag_default = {
           );
           tagVarSignal.register = true;
           tagVarSignal.buildAssignment = (valueSection, value) => {
-            return import_compiler58.types.callExpression(importRuntime("tagVarSignalChange"), [
-              import_compiler58.types.memberExpression(
+            return import_compiler59.types.callExpression(importRuntime("tagVarSignalChange"), [
+              import_compiler59.types.memberExpression(
                 getScopeExpression(tagVarSignal.section, valueSection),
-                import_compiler58.types.stringLiteral(
+                import_compiler59.types.stringLiteral(
                   getAccessorPrefix().ConditionalScope + getScopeAccessor(nodeRef2)
                 ),
                 true
@@ -9823,26 +9902,26 @@ var dynamic_tag_default = {
           return callRuntime(
             "dynamicTag",
             getScopeAccessorLiteral(nodeRef2),
-            bodySection && import_compiler58.types.identifier(bodySection.name),
-            tagVarSignal ? import_compiler58.types.arrowFunctionExpression([], tagVarSignal.identifier) : void 0,
-            hasMultipleArgs && import_compiler58.types.numericLiteral(1)
+            bodySection && import_compiler59.types.identifier(bodySection.name),
+            tagVarSignal ? import_compiler59.types.arrowFunctionExpression([], tagVarSignal.identifier) : void 0,
+            hasMultipleArgs && import_compiler59.types.numericLiteral(1)
           );
         };
         if (args.length) {
-          const argsOrInput = hasMultipleArgs ? import_compiler58.types.arrayExpression(args) : args[0];
-          if (!import_compiler58.types.isObjectExpression(argsOrInput) || argsOrInput.properties.length) {
+          const argsOrInput = hasMultipleArgs ? import_compiler59.types.arrayExpression(args) : args[0];
+          if (!import_compiler59.types.isObjectExpression(argsOrInput) || argsOrInput.properties.length) {
             signal.extraArgs = [
-              import_compiler58.types.arrowFunctionExpression(
+              import_compiler59.types.arrowFunctionExpression(
                 [],
-                statements.length ? import_compiler58.types.blockStatement(
-                  statements.concat(import_compiler58.types.returnStatement(argsOrInput))
+                statements.length ? import_compiler59.types.blockStatement(
+                  statements.concat(import_compiler59.types.returnStatement(argsOrInput))
                 ) : argsOrInput
               )
             ];
           }
         }
         signal.hasDownstreamIntersections = () => true;
-        addValue(section2, referencedBindings, signal, tagExpression);
+        addValue(section2, tagExtra.referencedBindings, signal, tagExpression);
         tag.remove();
       }
     }
@@ -9858,16 +9937,16 @@ var tag_default = {
       const { node } = tag;
       const { name: name2, attributes } = tag.node;
       let crawl = false;
-      if (import_compiler59.types.isStringLiteral(name2)) {
+      if (import_compiler60.types.isStringLiteral(name2)) {
         const tagName = name2.value;
         if (tag.scope.getBinding(tagName) && TAG_NAME_IDENTIFIER_REG.test(tagName)) {
-          node.name = withPreviousLocation(import_compiler59.types.identifier(tagName), name2);
+          node.name = withPreviousLocation(import_compiler60.types.identifier(tagName), name2);
           crawl = true;
         }
       }
       for (let i = 0; i < attributes.length; i++) {
         const attr2 = attributes[i];
-        if (import_compiler59.types.isMarkoAttribute(attr2) && attr2.bound) {
+        if (import_compiler60.types.isMarkoAttribute(attr2) && attr2.bound) {
           attr2.bound = false;
           attributes.splice(++i, 0, getChangeHandler(tag, attr2));
           crawl = true;
@@ -9941,10 +10020,10 @@ var tag_default = {
         }
       }
       if (extra.tagNameDynamic && extra.tagNameNullable && !tag.get("name").isIdentifier() && isOutputHTML()) {
-        const tagNameId = tag.scope.generateUidIdentifier("tagName");
+        const tagNameId = generateUidIdentifier("tagName");
         const [tagNameVarPath] = tag.insertBefore(
-          import_compiler59.types.variableDeclaration("const", [
-            import_compiler59.types.variableDeclarator(tagNameId, tag.node.name)
+          import_compiler60.types.variableDeclaration("const", [
+            import_compiler60.types.variableDeclarator(tagNameId, tag.node.name)
           ])
         );
         tagNameVarPath.skip();
@@ -9991,16 +10070,16 @@ var tag_default = {
 function getChangeHandler(tag, attr2) {
   const attrName = attr2.name;
   const changeAttrName = attrName + "Change";
-  if (import_compiler59.types.isIdentifier(attr2.value)) {
+  if (import_compiler60.types.isIdentifier(attr2.value)) {
     const binding = tag.scope.getBinding(attr2.value.name);
     if (!binding)
-      return import_compiler59.types.markoAttribute(
+      return import_compiler60.types.markoAttribute(
         changeAttrName,
         buildChangeHandlerFunction(attr2.value)
       );
     const existingChangedAttr = BINDING_CHANGE_HANDLER.get(binding.identifier);
     if (!existingChangedAttr) {
-      const changeHandlerAttr = import_compiler59.types.markoAttribute(
+      const changeHandlerAttr = import_compiler60.types.markoAttribute(
         changeAttrName,
         buildChangeHandlerFunction(attr2.value)
       );
@@ -10008,10 +10087,10 @@ function getChangeHandler(tag, attr2) {
       return changeHandlerAttr;
     }
     if (existingChangedAttr.type === "Identifier") {
-      return import_compiler59.types.markoAttribute(
+      return import_compiler60.types.markoAttribute(
         changeAttrName,
         withPreviousLocation(
-          import_compiler59.types.identifier(existingChangedAttr.name),
+          import_compiler60.types.identifier(existingChangedAttr.name),
           attr2.value
         )
       );
@@ -10020,38 +10099,38 @@ function getChangeHandler(tag, attr2) {
     if (!(markoRoot?.isMarkoTag() || markoRoot?.isMarkoTagBody())) {
       throw tag.hub.buildError(attr2.value, "Unable to bind to value.");
     }
-    const changeHandlerId = markoRoot.scope.generateUid(changeAttrName);
-    const changeHandlerConst = import_compiler59.types.markoTag(
-      import_compiler59.types.stringLiteral("const"),
-      [import_compiler59.types.markoAttribute("value", existingChangedAttr.value, null, null, true)],
-      import_compiler59.types.markoTagBody([]),
+    const changeHandlerId = generateUid(changeAttrName);
+    const changeHandlerConst = import_compiler60.types.markoTag(
+      import_compiler60.types.stringLiteral("const"),
+      [import_compiler60.types.markoAttribute("value", existingChangedAttr.value, null, null, true)],
+      import_compiler60.types.markoTagBody([]),
       null,
-      import_compiler59.types.identifier(changeHandlerId)
+      import_compiler60.types.identifier(changeHandlerId)
     );
     BINDING_CHANGE_HANDLER.set(
       binding.identifier,
-      existingChangedAttr.value = import_compiler59.types.identifier(changeHandlerId)
+      existingChangedAttr.value = import_compiler60.types.identifier(changeHandlerId)
     );
     if (markoRoot.isMarkoTag()) {
       markoRoot.insertAfter(changeHandlerConst);
     } else {
       markoRoot.unshiftContainer("body", changeHandlerConst);
     }
-    return import_compiler59.types.markoAttribute(
+    return import_compiler60.types.markoAttribute(
       changeAttrName,
-      withPreviousLocation(import_compiler59.types.identifier(changeHandlerId), attr2.value)
+      withPreviousLocation(import_compiler60.types.identifier(changeHandlerId), attr2.value)
     );
-  } else if (import_compiler59.types.isMemberExpression(attr2.value)) {
+  } else if (import_compiler60.types.isMemberExpression(attr2.value)) {
     const prop = attr2.value.property;
-    if (!import_compiler59.types.isPrivateName(attr2.value.property)) {
-      return import_compiler59.types.markoAttribute(
+    if (!import_compiler60.types.isPrivateName(attr2.value.property)) {
+      return import_compiler60.types.markoAttribute(
         changeAttrName,
-        import_compiler59.types.memberExpression(
-          import_compiler59.types.cloneNode(attr2.value.object),
-          prop.type === "Identifier" ? withPreviousLocation(import_compiler59.types.identifier(prop.name + "Change"), prop) : import_compiler59.types.binaryExpression(
+        import_compiler60.types.memberExpression(
+          import_compiler60.types.cloneNode(attr2.value.object),
+          prop.type === "Identifier" ? withPreviousLocation(import_compiler60.types.identifier(prop.name + "Change"), prop) : import_compiler60.types.binaryExpression(
             "+",
-            import_compiler59.types.cloneNode(prop),
-            import_compiler59.types.stringLiteral("Change")
+            import_compiler60.types.cloneNode(prop),
+            import_compiler60.types.stringLiteral("Change")
           ),
           prop.type !== "Identifier"
         )
@@ -10065,14 +10144,14 @@ function getChangeHandler(tag, attr2) {
 }
 function buildChangeHandlerFunction(id) {
   const newId = "_new_" + id.name;
-  return import_compiler59.types.arrowFunctionExpression(
-    [withPreviousLocation(import_compiler59.types.identifier(newId), id)],
-    import_compiler59.types.blockStatement([
-      import_compiler59.types.expressionStatement(
-        import_compiler59.types.assignmentExpression(
+  return import_compiler60.types.arrowFunctionExpression(
+    [withPreviousLocation(import_compiler60.types.identifier(newId), id)],
+    import_compiler60.types.blockStatement([
+      import_compiler60.types.expressionStatement(
+        import_compiler60.types.assignmentExpression(
           "=",
-          withPreviousLocation(import_compiler59.types.identifier(id.name), id),
-          withPreviousLocation(import_compiler59.types.identifier(newId), id)
+          withPreviousLocation(import_compiler60.types.identifier(id.name), id),
+          withPreviousLocation(import_compiler60.types.identifier(newId), id)
         )
       )
     ])
@@ -10080,7 +10159,7 @@ function buildChangeHandlerFunction(id) {
 }
 
 // src/translator/visitors/text.ts
-var import_compiler60 = require("@marko/compiler");
+var import_compiler61 = require("@marko/compiler");
 var text_default = {
   translate: {
     exit(text) {