marko 6.0.0-next.3.36 → 6.0.0-next.3.38

package/dist/translator/index.js

@@ -628,7 +628,7 @@ function toMemberExpression(object, key, optional) {
 var pureFunctions = [
   "conditional",
   "conditionalClosure",
-  "conditionalOnlyChild",
+  "dynamicTag",
   "createRenderer",
   "createRendererWithOwner",
   "createTemplate",
@@ -1990,6 +1990,10 @@ function setForceResumeScope(section) {
   _setForceResumeScope(section, true);
 }
 var [getSerializedScopeProperties] = createSectionState("serializedScopeProperties", () => /* @__PURE__ */ new Map());
+var [getHTMLSectionStatements] = createSectionState(
+  "htmlScopeStatements",
+  () => []
+);
 var unimplementedBuild = () => {
   return import_compiler17.types.stringLiteral("SIGNAL NOT INITIALIZED");
 };
@@ -2680,13 +2684,14 @@ function writeHTMLResumeStatements(path5) {
       )
     );
   }
-  if (path5.get("body").length) {
-    path5.unshiftContainer(
-      "body",
+  const additionalStatements = getHTMLSectionStatements(section);
+  if (path5.get("body").length || additionalStatements.length) {
+    path5.unshiftContainer("body", [
       import_compiler17.types.variableDeclaration("const", [
         import_compiler17.types.variableDeclarator(scopeIdIdentifier, callRuntime("nextScopeId"))
-      ])
-    );
+      ]),
+      ...additionalStatements
+    ]);
   }
   const returnIdentifier = getSectionReturnValueIdentifier(section);
   if (returnIdentifier !== void 0) {
@@ -2895,7 +2900,7 @@ var dom_default = {
             import_compiler18.types.variableDeclaration("const", [
               import_compiler18.types.variableDeclarator(
                 identifier,
-                isStatefulSection(childSection) ? callRuntime(
+                !childSection.isBranch && isStatefulSection(childSection) ? callRuntime(
                   "register",
                   import_compiler18.types.stringLiteral(
                     getResumeRegisterId(childSection, "renderer")
@@ -4218,8 +4223,8 @@ var debug_default = {
 };
 
 // src/translator/core/define.ts
-var import_compiler31 = require("@marko/compiler");
-var import_babel_utils20 = require("@marko/compiler/babel-utils");
+var import_compiler32 = require("@marko/compiler");
+var import_babel_utils21 = require("@marko/compiler/babel-utils");
 
 // src/translator/util/nested-attribute-tags.ts
 var import_compiler27 = require("@marko/compiler");
@@ -4344,10 +4349,14 @@ function getConditionRoot(tag) {
 }
 
 // src/translator/util/translate-attrs.ts
+var import_compiler31 = require("@marko/compiler");
+var import_babel_utils20 = require("@marko/compiler/babel-utils");
+
+// src/translator/core/for.ts
 var import_compiler30 = require("@marko/compiler");
 var import_babel_utils19 = require("@marko/compiler/babel-utils");
 
-// src/translator/core/for.ts
+// src/translator/util/is-only-child-in-parent.ts
 var import_compiler29 = require("@marko/compiler");
 var import_babel_utils18 = require("@marko/compiler/babel-utils");
 
@@ -4524,7 +4533,9 @@ var native_tag_default = {
         const tagName2 = node.name.type === "StringLiteral" ? node.name.value : import_compiler28.types.toIdentifier(tag.get("name"));
         const tagExtra = node.extra ??= {};
         const bindingName = "#" + tagName2;
-        tagExtra[kSerializeMarker] = hasEventHandlers || !!node.var;
+        if (hasEventHandlers || node.var) {
+          tagExtra[kSerializeMarker] = true;
+        }
         tagExtra[kNativeTagBinding] = createBinding(
           bindingName,
           0 /* dom */,
@@ -4905,9 +4916,9 @@ var native_tag_default = {
           import_compiler28.types.ifStatement(tag.node.name, consumeHTML(tag))
         )[0].skip();
       }
-      if (nodeRef2 && (extra[kSerializeMarker] || isStatefulReferences(extra.referencedBindings) || tag.node.attributes.some(
+      if (nodeRef2 && (extra[kSerializeMarker] || extra[kSerializeMarker] === void 0 && (isStatefulReferences(extra.referencedBindings) || tag.node.attributes.some(
         (attr2) => isStatefulReferences(attr2.value.extra?.referencedBindings)
-      ))) {
+      )))) {
         markNode(tag, nodeRef2);
       }
       exit2(tag);
@@ -5002,16 +5013,46 @@ function isInvokedFunction(expr) {
   return parent.type === "CallExpression" && parent.callee === node;
 }
 
-// src/translator/core/for.ts
-var kForMarkerBinding = Symbol("for marker binding");
+// src/translator/util/is-only-child-in-parent.ts
 var kOnlyChildInParent = Symbol("only child in parent");
+var kNodeRef = Symbol("potential only child node ref");
+function isOnlyChildInParent(tag, branchSize = 1) {
+  const extra = tag.node.extra;
+  if (extra[kOnlyChildInParent] !== void 0) {
+    return extra[kOnlyChildInParent];
+  }
+  const parentTag = getParentTag(tag);
+  if (parentTag && (0, import_babel_utils18.getTagDef)(parentTag)?.html) {
+    return extra[kOnlyChildInParent] = tag.parent.body.length === branchSize;
+  }
+  return extra[kOnlyChildInParent] = false;
+}
+function getOptimizedOnlyChildNodeRef(tag, section, branchSize = 1) {
+  if (isOnlyChildInParent(tag, branchSize)) {
+    const parentTag = getParentTag(tag).node;
+    const parentTagName = parentTag.name?.value;
+    return (parentTag.extra ??= {})[kNativeTagBinding] ??= createBinding(
+      "#" + parentTagName,
+      0 /* dom */,
+      section
+    );
+  } else {
+    return (tag.node.extra ??= {})[kNodeRef] ??= createBinding(
+      "#text",
+      0 /* dom */,
+      section
+    );
+  }
+}
+
+// src/translator/core/for.ts
 var for_default = {
   analyze(tag) {
     const tagExtra = tag.node.extra ??= {};
     const isAttrTag = tag.node.body.attributeTags;
     let allowAttrs;
-    (0, import_babel_utils18.assertNoVar)(tag);
-    (0, import_babel_utils18.assertNoArgs)(tag);
+    (0, import_babel_utils19.assertNoVar)(tag);
+    (0, import_babel_utils19.assertNoArgs)(tag);
     assertNoSpreadAttrs(tag);
     switch (getForType(tag.node)) {
       case "of":
@@ -5031,7 +5072,7 @@ var for_default = {
     if (!isAttrTag) {
       allowAttrs.push("by");
     }
-    (0, import_babel_utils18.assertAllowedAttributes)(tag, allowAttrs);
+    (0, import_babel_utils19.assertAllowedAttributes)(tag, allowAttrs);
     if (isAttrTag) return;
     const tagBody = tag.get("body");
     const bodySection = startSection(tagBody);
@@ -5039,26 +5080,12 @@ var for_default = {
       dropReferences(getAllTagReferenceNodes(tag.node));
       return;
     }
-    bodySection.isBranch = true;
     const section = getOrCreateSection(tag);
-    if (isOnlyChildInParent(tag)) {
-      const parentTag = getParentTag(tag).node;
-      const parentTagName = parentTag.name?.value;
-      (parentTag.extra ??= {})[kNativeTagBinding] ??= createBinding(
-        "#" + parentTagName,
-        0 /* dom */,
-        section
-      );
-    } else {
-      tagExtra[kForMarkerBinding] = createBinding(
-        "#text",
-        0 /* dom */,
-        section
-      );
-    }
     trackParamsReferences(tagBody, 3 /* param */, void 0, tagExtra);
     mergeReferences(section, tag.node, getAllTagReferenceNodes(tag.node));
+    getOptimizedOnlyChildNodeRef(tag, section);
     bodySection.upstreamExpression = tagExtra;
+    bodySection.isBranch = true;
   },
   translate: translateByTarget({
     html: {
@@ -5085,18 +5112,18 @@ var for_default = {
         const { node } = tag;
         const tagExtra = node.extra;
         const isStateful = isStatefulReferences(tagExtra.referencedBindings);
-        const parentTag = getParentTag(tag);
-        const nodeRef2 = isOnlyChildInParent(tag) ? parentTag.node.extra[kNativeTagBinding] : tag.node.extra[kForMarkerBinding];
+        const onlyChildInParentOptimization = isOnlyChildInParent(tag);
+        const nodeRef2 = getOptimizedOnlyChildNodeRef(tag, tagSection);
         const forAttrs = getKnownAttrValues(node);
         const forType = getForType(node);
         const params = node.body.params;
         const statements = [];
         const bodyStatements = node.body.body;
         const hasStatefulClosures = checkStatefulClosures(bodySection, true);
-        const singleNodeOptimization = bodySection.content === null || bodySection.content.singleChild;
+        const singleNodeOptimization = bodySection.content === null || bodySection.content.singleChild && bodySection.content.startType !== 4 /* Text */;
         let keyExpression;
-        if (isStateful && isOnlyChildInParent(tag)) {
-          parentTag.node.extra[kSerializeMarker] = true;
+        if (onlyChildInParentOptimization) {
+          getParentTag(tag).node.extra[kSerializeMarker] = false;
         }
         if (isStateful || hasStatefulClosures) {
           const defaultParamNames = {
@@ -5109,33 +5136,33 @@ var for_default = {
           setForceResumeScope(bodySection);
           for (let i = 0; i <= requiredParamsIndex; i++) {
             const existingParam = params[i];
-            if (!existingParam || !import_compiler29.types.isIdentifier(existingParam)) {
+            if (!existingParam || !import_compiler30.types.isIdentifier(existingParam)) {
               const id = params[i] = currentProgramPath.scope.generateUidIdentifier(
                 defaultParamNames[i]
               );
               if (existingParam) {
                 bodyStatements.unshift(
-                  import_compiler29.types.variableDeclaration("let", [
-                    import_compiler29.types.variableDeclarator(existingParam, id)
+                  import_compiler30.types.variableDeclaration("let", [
+                    import_compiler30.types.variableDeclarator(existingParam, id)
                   ])
                 );
               }
             }
           }
           if (forAttrs.by) {
-            if (import_compiler29.types.isStringLiteral(forAttrs.by)) {
+            if (import_compiler30.types.isStringLiteral(forAttrs.by)) {
               keyExpression = toMemberExpression(
                 params[0],
                 forAttrs.by.value
               );
-            } else if (import_compiler29.types.isFunction(forAttrs.by)) {
+            } else if (import_compiler30.types.isFunction(forAttrs.by)) {
               const byIdentifier = currentProgramPath.scope.generateUidIdentifier("by");
               statements.push(
-                import_compiler29.types.variableDeclaration("const", [
-                  import_compiler29.types.variableDeclarator(byIdentifier, forAttrs.by)
+                import_compiler30.types.variableDeclaration("const", [
+                  import_compiler30.types.variableDeclarator(byIdentifier, forAttrs.by)
                 ])
               );
-              keyExpression = import_compiler29.types.callExpression(
+              keyExpression = import_compiler30.types.callExpression(
                 byIdentifier,
                 params
               );
@@ -5150,21 +5177,21 @@ var for_default = {
             keyExpression = params[defaultByParamIndex];
           }
           const forScopesIdentifier = getScopeIdentifier(bodySection);
-          statements.push(
-            import_compiler29.types.variableDeclaration("const", [
-              import_compiler29.types.variableDeclarator(
+          getHTMLSectionStatements(tagSection).push(
+            import_compiler30.types.variableDeclaration("const", [
+              import_compiler30.types.variableDeclarator(
                 forScopesIdentifier,
-                import_compiler29.types.newExpression(import_compiler29.types.identifier("Map"), [])
+                import_compiler30.types.newExpression(import_compiler30.types.identifier("Map"), [])
               )
             ])
           );
           if (keyExpression && (isStateful || hasStatefulClosures)) {
             bodyStatements.push(
-              import_compiler29.types.expressionStatement(
-                import_compiler29.types.callExpression(
-                  import_compiler29.types.memberExpression(
+              import_compiler30.types.expressionStatement(
+                import_compiler30.types.callExpression(
+                  import_compiler30.types.memberExpression(
                     getScopeIdentifier(bodySection),
-                    import_compiler29.types.identifier("set")
+                    import_compiler30.types.identifier("set")
                   ),
                   [
                     keyExpression,
@@ -5178,13 +5205,13 @@ var for_default = {
             );
           }
           getSerializedScopeProperties(tagSection).set(
-            import_compiler29.types.stringLiteral(
+            import_compiler30.types.stringLiteral(
               getScopeAccessorLiteral(nodeRef2).value + "(" /* LoopScopeMap */
             ),
-            import_compiler29.types.conditionalExpression(
-              import_compiler29.types.memberExpression(forScopesIdentifier, import_compiler29.types.identifier("size")),
+            import_compiler30.types.conditionalExpression(
+              import_compiler30.types.memberExpression(forScopesIdentifier, import_compiler30.types.identifier("size")),
               forScopesIdentifier,
-              import_compiler29.types.identifier("undefined")
+              import_compiler30.types.identifier("undefined")
             )
           );
         }
@@ -5195,7 +5222,7 @@ var for_default = {
         const forTagArgs = getBaseArgsInForTag(forType, forAttrs);
         const forTagHTMLRuntime = isStateful ? forTypeToHTMLResumeRuntime(forType, singleNodeOptimization) : forTypeToRuntime(forType);
         forTagArgs.push(
-          import_compiler29.types.arrowFunctionExpression(params, import_compiler29.types.blockStatement(bodyStatements))
+          import_compiler30.types.arrowFunctionExpression(params, import_compiler30.types.blockStatement(bodyStatements))
         );
         if (isStateful) {
           forTagArgs.push(
@@ -5203,8 +5230,11 @@ var for_default = {
             getScopeAccessorLiteral(nodeRef2)
           );
         }
+        if (onlyChildInParentOptimization) {
+          forTagArgs.push(import_compiler30.types.numericLiteral(1));
+        }
         statements.push(
-          import_compiler29.types.expressionStatement(callRuntime(forTagHTMLRuntime, ...forTagArgs))
+          import_compiler30.types.expressionStatement(callRuntime(forTagHTMLRuntime, ...forTagArgs))
         );
         for (const replacement of tag.replaceWithMultiple(statements)) {
           replacement.skip();
@@ -5234,7 +5264,7 @@ var for_default = {
         const { node } = tag;
         const tagExtra = node.extra;
         const { referencedBindings } = tagExtra;
-        const nodeRef2 = isOnlyChildInParent(tag) ? getParentTag(tag).node.extra[kNativeTagBinding] : tag.node.extra[kForMarkerBinding];
+        const nodeRef2 = getOptimizedOnlyChildNodeRef(tag, tagSection);
         setClosureSignalBuilder(tag, (_closureSignal, render, intersection) => {
           return callRuntime(
             "loopClosure",
@@ -5249,7 +5279,7 @@ var for_default = {
           return callRuntime(
             forTypeToDOMRuntime(forType),
             getScopeAccessorLiteral(nodeRef2),
-            import_compiler29.types.identifier(bodySection.name)
+            import_compiler30.types.identifier(bodySection.name)
           );
         };
         const params = node.body.params;
@@ -5283,7 +5313,7 @@ var for_default = {
           tagSection,
           referencedBindings,
           signal,
-          import_compiler29.types.arrayExpression(loopArgs)
+          import_compiler30.types.arrayExpression(loopArgs)
         );
         tag.remove();
       }
@@ -5349,11 +5379,11 @@ var for_default = {
   ]
 };
 function buildForRuntimeCall(type, attrs2, params, statements) {
-  return import_compiler29.types.expressionStatement(
+  return import_compiler30.types.expressionStatement(
     callRuntime(
       forTypeToRuntime(type),
       ...getBaseArgsInForTag(type, attrs2),
-      import_compiler29.types.arrowFunctionExpression(params, import_compiler29.types.blockStatement(statements))
+      import_compiler30.types.arrowFunctionExpression(params, import_compiler30.types.blockStatement(statements))
     )
   );
 }
@@ -5429,22 +5459,11 @@ function getBaseArgsInForTag(type, attrs2) {
     case "to":
       return [
         attrs2.to,
-        attrs2.from || import_compiler29.types.numericLiteral(0),
-        attrs2.step || import_compiler29.types.numericLiteral(1)
+        attrs2.from || import_compiler30.types.numericLiteral(0),
+        attrs2.step || import_compiler30.types.numericLiteral(1)
       ];
   }
 }
-function isOnlyChildInParent(tag) {
-  const extra = tag.node.extra;
-  if (extra[kOnlyChildInParent] !== void 0) {
-    return extra[kOnlyChildInParent];
-  }
-  const parentTag = getParentTag(tag);
-  if (parentTag && (0, import_babel_utils18.getTagDef)(parentTag)?.html) {
-    return extra[kOnlyChildInParent] = tag.parent.body.length === 1;
-  }
-  return extra[kOnlyChildInParent] = false;
-}
 
 // src/translator/util/translate-attrs.ts
 var contentProps = /* @__PURE__ */ new WeakSet();
@@ -5459,8 +5478,8 @@ function translateAttrs(tag, templateExports, statements = [], contentKey = "con
         seen.add(attrTagMeta.name);
         if (attrTagMeta.dynamic) {
           statements.push(
-            import_compiler30.types.variableDeclaration("let", [
-              import_compiler30.types.variableDeclarator(getAttrTagIdentifier(attrTagMeta))
+            import_compiler31.types.variableDeclaration("let", [
+              import_compiler31.types.variableDeclarator(getAttrTagIdentifier(attrTagMeta))
             ])
           );
           properties.push(
@@ -5476,7 +5495,7 @@ function translateAttrs(tag, templateExports, statements = [], contentKey = "con
     for (let i = 0; i < attrTags2.length; i++) {
       const child = attrTags2[i];
       if (child.isMarkoTag()) {
-        if ((0, import_babel_utils19.isAttributeTag)(child)) {
+        if ((0, import_babel_utils20.isAttributeTag)(child)) {
           const attrTagMeta = attrTagLookup[getTagName(child)];
           if (attrTagMeta.dynamic) {
             i = addDynamicAttrTagStatements(
@@ -5542,8 +5561,8 @@ function translateAttrs(tag, templateExports, statements = [], contentKey = "con
     seen.add(contentKey);
     const contentExpression = buildContent(tag.get("body"));
     if (contentExpression) {
-      const contentProp = import_compiler30.types.objectProperty(
-        import_compiler30.types.identifier(contentKey),
+      const contentProp = import_compiler31.types.objectProperty(
+        import_compiler31.types.identifier(contentKey),
         contentExpression
       );
       contentProps.add(contentProp);
@@ -5554,8 +5573,8 @@ function translateAttrs(tag, templateExports, statements = [], contentKey = "con
   for (let i = attributes.length; i--; ) {
     const attr2 = attributes[i];
     const { value } = attr2;
-    if (import_compiler30.types.isMarkoSpreadAttribute(attr2)) {
-      properties.push(import_compiler30.types.spreadElement(value));
+    if (import_compiler31.types.isMarkoSpreadAttribute(attr2)) {
+      properties.push(import_compiler31.types.spreadElement(value));
     } else if (!seen.has(attr2.name) && usesExport(templateExports, attr2.name)) {
       seen.add(attr2.name);
       properties.push(toObjectProperty(attr2.name, value));
@@ -5574,7 +5593,7 @@ function getTranslatedBodyContentProperty(props) {
 function addDynamicAttrTagStatements(attrTags2, index, attrTagLookup, statements, templateExports, contentKey = "content") {
   const tag = attrTags2[index];
   if (tag.isMarkoTag()) {
-    if ((0, import_babel_utils19.isAttributeTag)(tag)) {
+    if ((0, import_babel_utils20.isAttributeTag)(tag)) {
       const attrTagMeta = attrTagLookup[getTagName(tag)];
       if (usesExport(templateExports, attrTagMeta.name) && attrTagMeta.dynamic) {
         const translatedAttrTag = translateAttrs(
@@ -5585,8 +5604,8 @@ function addDynamicAttrTagStatements(attrTags2, index, attrTagLookup, statements
         );
         if (attrTagMeta.repeated) {
           statements.push(
-            import_compiler30.types.expressionStatement(
-              import_compiler30.types.assignmentExpression(
+            import_compiler31.types.expressionStatement(
+              import_compiler31.types.assignmentExpression(
                 "=",
                 getAttrTagIdentifier(attrTagMeta),
                 callRuntime(
@@ -5599,8 +5618,8 @@ function addDynamicAttrTagStatements(attrTags2, index, attrTagLookup, statements
           );
         } else {
           statements.push(
-            import_compiler30.types.expressionStatement(
-              import_compiler30.types.assignmentExpression(
+            import_compiler31.types.expressionStatement(
+              import_compiler31.types.assignmentExpression(
                 "=",
                 getAttrTagIdentifier(attrTagMeta),
                 callRuntime(
@@ -5639,7 +5658,7 @@ function addDynamicAttrTagStatements(attrTags2, index, attrTagLookup, statements
   return index;
 }
 function propsToExpression(props) {
-  return props.length === 1 && import_compiler30.types.isSpreadElement(props[0]) ? props[0].argument : import_compiler30.types.objectExpression(props);
+  return props.length === 1 && import_compiler31.types.isSpreadElement(props[0]) ? props[0].argument : import_compiler31.types.objectExpression(props);
 }
 function translateForAttrTag(attrTags2, index, attrTagLookup, statements, templateExports, contentKey) {
   const forTag = attrTags2[index];
@@ -5664,9 +5683,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_compiler30.types.ifStatement(
+  let ifStatement = import_compiler31.types.ifStatement(
     getConditionTestValue(ifTag),
-    import_compiler30.types.blockStatement(consequentStatements)
+    import_compiler31.types.blockStatement(consequentStatements)
   );
   statements.push(ifStatement);
   addAllAttrTagsAsDynamic(
@@ -5693,14 +5712,14 @@ function translateIfAttrTag(attrTags2, index, attrTagLookup, statements, templat
             contentKey
           );
           if (testValue) {
-            ifStatement.alternate = ifStatement = import_compiler30.types.ifStatement(
+            ifStatement.alternate = ifStatement = import_compiler31.types.ifStatement(
               testValue,
-              import_compiler30.types.blockStatement(alternateStatements)
+              import_compiler31.types.blockStatement(alternateStatements)
             );
             nextIndex++;
             continue;
           } else {
-            ifStatement.alternate = import_compiler30.types.blockStatement(alternateStatements);
+            ifStatement.alternate = import_compiler31.types.blockStatement(alternateStatements);
             break;
           }
         }
@@ -5758,12 +5777,12 @@ function buildContent(body) {
         "register",
         callRuntime(
           "createRenderer",
-          import_compiler30.types.arrowFunctionExpression(
+          import_compiler31.types.arrowFunctionExpression(
             body.node.params,
-            import_compiler30.types.blockStatement(body.node.body)
+            import_compiler31.types.blockStatement(body.node.body)
           )
         ),
-        import_compiler30.types.stringLiteral(getResumeRegisterId(bodySection, "renderer")),
+        import_compiler31.types.stringLiteral(getResumeRegisterId(bodySection, "renderer")),
         getScopeIdIdentifier(
           getSection(
             getNonAttributeTagParent(body.parentPath)
@@ -5771,7 +5790,7 @@ function buildContent(body) {
         )
       );
     } else {
-      return import_compiler30.types.callExpression(import_compiler30.types.identifier(bodySection.name), [
+      return import_compiler31.types.callExpression(import_compiler31.types.identifier(bodySection.name), [
         scopeIdentifier
       ]);
     }
@@ -5779,7 +5798,7 @@ function buildContent(body) {
 }
 function getNonAttributeTagParent(tag) {
   let cur = tag;
-  while ((0, import_babel_utils19.isAttributeTag)(cur) || (0, import_babel_utils19.isTransparentTag)(cur)) {
+  while ((0, import_babel_utils20.isAttributeTag)(cur) || (0, import_babel_utils20.isTransparentTag)(cur)) {
     cur = getParentTag(cur);
   }
   return cur;
@@ -5788,7 +5807,7 @@ function getNonAttributeTagParent(tag) {
 // src/translator/core/define.ts
 var define_default = {
   analyze(tag) {
-    (0, import_babel_utils20.assertNoArgs)(tag);
+    (0, import_babel_utils21.assertNoArgs)(tag);
     if (!tag.node.var) {
       throw tag.get("name").buildCodeFrameError("The `define` tag requires a tag variable.");
     }
@@ -5850,24 +5869,24 @@ var define_default = {
 };
 
 // src/translator/core/effect.ts
-var import_compiler32 = require("@marko/compiler");
-var import_babel_utils21 = require("@marko/compiler/babel-utils");
+var import_compiler33 = require("@marko/compiler");
+var import_babel_utils22 = require("@marko/compiler/babel-utils");
 var effect_default = {
   migrate: [
     (tag) => {
-      (0, import_babel_utils21.assertNoArgs)(tag);
-      (0, import_babel_utils21.assertNoParams)(tag);
+      (0, import_babel_utils22.assertNoArgs)(tag);
+      (0, import_babel_utils22.assertNoParams)(tag);
       assertNoBodyContent(tag);
-      (0, import_babel_utils21.assertNoAttributeTags)(tag);
+      (0, import_babel_utils22.assertNoAttributeTags)(tag);
       assertNoSpreadAttrs(tag);
-      (0, import_babel_utils21.assertAllowedAttributes)(tag, ["value"]);
-      (0, import_babel_utils21.diagnosticDeprecate)(tag, {
+      (0, import_babel_utils22.assertAllowedAttributes)(tag, ["value"]);
+      (0, import_babel_utils22.diagnosticDeprecate)(tag, {
         label: "The 'effect' tag has been replaced by the 'script' tag.",
         fix() {
           const { node } = tag;
           tag.replaceWith(
-            import_compiler32.types.markoTag(
-              withPreviousLocation(import_compiler32.types.stringLiteral("script"), node.name),
+            import_compiler33.types.markoTag(
+              withPreviousLocation(import_compiler33.types.stringLiteral("script"), node.name),
               node.attributes,
               node.body,
               node.arguments,
@@ -5884,12 +5903,12 @@ var effect_default = {
 };
 
 // src/translator/core/export.ts
-var import_babel_utils22 = require("@marko/compiler/babel-utils");
+var import_babel_utils23 = require("@marko/compiler/babel-utils");
 var export_default = {
   parse(tag) {
     const { node } = tag;
     tag.replaceWith(
-      (0, import_babel_utils22.parseStatements)(tag.hub.file, node.rawValue, node.start, node.end)[0]
+      (0, import_babel_utils23.parseStatements)(tag.hub.file, node.rawValue, node.start, node.end)[0]
     );
   },
   parseOptions: {
@@ -5904,20 +5923,20 @@ var export_default = {
 };
 
 // src/translator/core/html-comment.ts
-var import_compiler33 = require("@marko/compiler");
-var import_babel_utils23 = require("@marko/compiler/babel-utils");
+var import_compiler34 = require("@marko/compiler");
+var import_babel_utils24 = require("@marko/compiler/babel-utils");
 var kCommentTagBinding = Symbol("comment tag binding");
 var kGetterId2 = Symbol("node getter id");
 var html_comment_default = {
   analyze(tag) {
-    (0, import_babel_utils23.assertNoArgs)(tag);
-    (0, import_babel_utils23.assertNoParams)(tag);
-    (0, import_babel_utils23.assertNoAttributes)(tag);
+    (0, import_babel_utils24.assertNoArgs)(tag);
+    (0, import_babel_utils24.assertNoParams)(tag);
+    (0, import_babel_utils24.assertNoAttributes)(tag);
     const tagVar = tag.node.var;
     let needsBinding = false;
     let needsGetter = false;
     if (tagVar) {
-      if (!import_compiler33.types.isIdentifier(tagVar)) {
+      if (!import_compiler34.types.isIdentifier(tagVar)) {
         throw tag.get("var").buildCodeFrameError(
           "The `html-comment` tag variable cannot be destructured."
         );
@@ -5968,7 +5987,7 @@ var html_comment_default = {
           callRuntime(
             "nodeRef",
             getterId && getScopeIdIdentifier(getSection(tag)),
-            getterId && import_compiler33.types.stringLiteral(getterId)
+            getterId && import_compiler34.types.stringLiteral(getterId)
           )
         );
       } else {
@@ -5981,12 +6000,12 @@ var html_comment_default = {
           );
           currentProgramPath.pushContainer(
             "body",
-            import_compiler33.types.variableDeclaration("const", [
-              import_compiler33.types.variableDeclarator(
+            import_compiler34.types.variableDeclaration("const", [
+              import_compiler34.types.variableDeclarator(
                 getterFnIdentifier,
                 callRuntime(
                   "nodeRef",
-                  import_compiler33.types.stringLiteral(getterId),
+                  import_compiler34.types.stringLiteral(getterId),
                   getScopeAccessorLiteral(commentBinding)
                 )
               )
@@ -5997,13 +6016,13 @@ var html_comment_default = {
           const referenceSection = getSection(reference);
           if (reference.parentPath?.isCallExpression()) {
             reference.parentPath.replaceWith(
-              import_compiler33.types.expressionStatement(
+              import_compiler34.types.expressionStatement(
                 createScopeReadExpression(referenceSection, commentBinding)
               )
             );
           } else if (getterFnIdentifier) {
             reference.replaceWith(
-              import_compiler33.types.callExpression(getterFnIdentifier, [
+              import_compiler34.types.callExpression(getterFnIdentifier, [
                 getScopeExpression(referenceSection, getSection(tag))
               ])
             );
@@ -6019,9 +6038,9 @@ var html_comment_default = {
     write2`<!--`;
     if (isOutputHTML()) {
       for (const child of tag.node.body.body) {
-        if (import_compiler33.types.isMarkoText(child)) {
+        if (import_compiler34.types.isMarkoText(child)) {
           write2`${child.value}`;
-        } else if (import_compiler33.types.isMarkoPlaceholder(child)) {
+        } else if (import_compiler34.types.isMarkoPlaceholder(child)) {
           write2`${callRuntime("escapeXML", child.value)}`;
         }
       }
@@ -6030,10 +6049,10 @@ var html_comment_default = {
       const templateExpressions = [];
       let currentQuasi = "";
       for (const child of tag.node.body.body) {
-        if (import_compiler33.types.isMarkoText(child)) {
+        if (import_compiler34.types.isMarkoText(child)) {
           currentQuasi += child.value;
-        } else if (import_compiler33.types.isMarkoPlaceholder(child)) {
-          templateQuasis.push(import_compiler33.types.templateElement({ raw: currentQuasi }));
+        } else if (import_compiler34.types.isMarkoPlaceholder(child)) {
+          templateQuasis.push(import_compiler34.types.templateElement({ raw: currentQuasi }));
           templateExpressions.push(child.value);
           currentQuasi = "";
         }
@@ -6041,20 +6060,20 @@ var html_comment_default = {
       if (templateExpressions.length === 0) {
         write2`${currentQuasi}`;
       } else {
-        templateQuasis.push(import_compiler33.types.templateElement({ raw: currentQuasi }));
+        templateQuasis.push(import_compiler34.types.templateElement({ raw: currentQuasi }));
         addStatement(
           "render",
           getSection(tag),
           tagExtra.referencedBindings,
-          import_compiler33.types.expressionStatement(
+          import_compiler34.types.expressionStatement(
             callRuntime(
               "data",
-              import_compiler33.types.memberExpression(
+              import_compiler34.types.memberExpression(
                 scopeIdentifier,
                 getScopeAccessorLiteral(commentBinding),
                 true
               ),
-              import_compiler33.types.templateLiteral(templateQuasis, templateExpressions)
+              import_compiler34.types.templateLiteral(templateQuasis, templateExpressions)
             )
           )
         );
@@ -6080,15 +6099,15 @@ var html_comment_default = {
 };
 
 // src/translator/core/html-script.ts
-var import_compiler34 = require("@marko/compiler");
-var import_babel_utils24 = require("@marko/compiler/babel-utils");
+var import_compiler35 = require("@marko/compiler");
+var import_babel_utils25 = require("@marko/compiler/babel-utils");
 var kGetterId3 = Symbol("node getter id");
 var html_script_default = {
   analyze(tag) {
-    (0, import_babel_utils24.assertNoArgs)(tag);
-    (0, import_babel_utils24.assertNoParams)(tag);
+    (0, import_babel_utils25.assertNoArgs)(tag);
+    (0, import_babel_utils25.assertNoParams)(tag);
     const { node } = tag;
-    if (node.var && !import_compiler34.types.isIdentifier(node.var)) {
+    if (node.var && !import_compiler35.types.isIdentifier(node.var)) {
       throw tag.get("var").buildCodeFrameError(
         "Tag variables on native elements cannot be destructured."
       );
@@ -6101,7 +6120,7 @@ var html_script_default = {
     let spreadReferenceNodes;
     for (let i = attributes.length; i--; ) {
       const attr2 = attributes[i];
-      if (import_compiler34.types.isMarkoAttribute(attr2)) {
+      if (import_compiler35.types.isMarkoAttribute(attr2)) {
         if (seen[attr2.name]) {
           dropReferences(attr2.value);
           continue;
@@ -6113,14 +6132,14 @@ var html_script_default = {
         } else if (!evaluate(attr2.value).confident) {
           hasDynamicAttributes = true;
         }
-      } else if (import_compiler34.types.isMarkoSpreadAttribute(attr2)) {
+      } else if (import_compiler35.types.isMarkoSpreadAttribute(attr2)) {
         hasEventHandlers = true;
         hasDynamicAttributes = true;
         (attr2.value.extra ??= {}).isEffect = true;
       }
       if (spreadReferenceNodes) {
         spreadReferenceNodes.push(attr2.value);
-      } else if (import_compiler34.types.isMarkoSpreadAttribute(attr2)) {
+      } else if (import_compiler35.types.isMarkoSpreadAttribute(attr2)) {
         spreadReferenceNodes = [attr2.value];
       }
     }
@@ -6130,10 +6149,10 @@ var html_script_default = {
     const bodyPlaceholderNodes = [];
     let hasBodyPlaceholders = false;
     for (const child of tag.node.body.body) {
-      if (import_compiler34.types.isMarkoPlaceholder(child)) {
+      if (import_compiler35.types.isMarkoPlaceholder(child)) {
         bodyPlaceholderNodes.push(child.value);
         hasBodyPlaceholders = true;
-      } else if (!import_compiler34.types.isMarkoText(child)) {
+      } else if (!import_compiler35.types.isMarkoText(child)) {
         throw tag.hub.buildError(
           child,
           "Invalid child. Only text is allowed inside an html-script."
@@ -6183,7 +6202,7 @@ var html_script_default = {
           let currentSection = getSection(reference);
           while (currentSection !== section && currentSection.parent) {
             getSerializedScopeProperties(currentSection).set(
-              import_compiler34.types.stringLiteral("_"),
+              import_compiler35.types.stringLiteral("_"),
               callRuntime(
                 "ensureScopeWithId",
                 getScopeIdIdentifier(currentSection = currentSection.parent)
@@ -6196,7 +6215,7 @@ var html_script_default = {
           callRuntime(
             "nodeRef",
             getterId && getScopeIdIdentifier(section),
-            getterId && import_compiler34.types.stringLiteral(getterId)
+            getterId && import_compiler35.types.stringLiteral(getterId)
           )
         );
       } else {
@@ -6209,12 +6228,12 @@ var html_script_default = {
           );
           currentProgramPath.pushContainer(
             "body",
-            import_compiler34.types.variableDeclaration("const", [
-              import_compiler34.types.variableDeclarator(
+            import_compiler35.types.variableDeclaration("const", [
+              import_compiler35.types.variableDeclarator(
                 getterFnIdentifier,
                 callRuntime(
                   "nodeRef",
-                  import_compiler34.types.stringLiteral(getterId),
+                  import_compiler35.types.stringLiteral(getterId),
                   getScopeAccessorLiteral(nodeRef2)
                 )
               )
@@ -6225,13 +6244,13 @@ var html_script_default = {
           const referenceSection = getSection(reference);
           if (reference.parentPath?.isCallExpression()) {
             reference.parentPath.replaceWith(
-              import_compiler34.types.expressionStatement(
+              import_compiler35.types.expressionStatement(
                 createScopeReadExpression(referenceSection, nodeRef2)
               )
             );
           } else if (getterFnIdentifier) {
             reference.replaceWith(
-              import_compiler34.types.callExpression(getterFnIdentifier, [
+              import_compiler35.types.callExpression(getterFnIdentifier, [
                 getScopeExpression(referenceSection, getSection(tag))
               ])
             );
@@ -6264,10 +6283,10 @@ var html_script_default = {
               "render",
               section,
               valueReferences,
-              import_compiler34.types.expressionStatement(
+              import_compiler35.types.expressionStatement(
                 callRuntime(
                   helper,
-                  import_compiler34.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                  import_compiler35.types.memberExpression(scopeIdentifier, visitAccessor, true),
                   value
                 )
               )
@@ -6282,18 +6301,18 @@ var html_script_default = {
             if (isEventHandler(name2)) {
               addHTMLEffectCall(section, valueReferences);
             } else {
-              write2`${callRuntime("attr", import_compiler34.types.stringLiteral(name2), value)}`;
+              write2`${callRuntime("attr", import_compiler35.types.stringLiteral(name2), value)}`;
             }
           } else if (isEventHandler(name2)) {
             addStatement(
               "effect",
               section,
               valueReferences,
-              import_compiler34.types.expressionStatement(
+              import_compiler35.types.expressionStatement(
                 callRuntime(
                   "on",
-                  import_compiler34.types.memberExpression(scopeIdentifier, visitAccessor, true),
-                  import_compiler34.types.stringLiteral(getEventHandlerName(name2)),
+                  import_compiler35.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                  import_compiler35.types.stringLiteral(getEventHandlerName(name2)),
                   value
                 )
               )
@@ -6303,11 +6322,11 @@ var html_script_default = {
               "render",
               section,
               valueReferences,
-              import_compiler34.types.expressionStatement(
+              import_compiler35.types.expressionStatement(
                 callRuntime(
                   "attr",
-                  import_compiler34.types.memberExpression(scopeIdentifier, visitAccessor, true),
-                  import_compiler34.types.stringLiteral(name2),
+                  import_compiler35.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                  import_compiler35.types.stringLiteral(name2),
                   value
                 )
               )
@@ -6320,9 +6339,9 @@ var html_script_default = {
       if (isHTML) {
         addHTMLEffectCall(section, tagExtra.referencedBindings);
         if (skipExpression) {
-          write2`${callRuntime("partialAttrs", spreadExpression, skipExpression, visitAccessor, getScopeIdIdentifier(section), import_compiler34.types.stringLiteral("script"))}`;
+          write2`${callRuntime("partialAttrs", spreadExpression, skipExpression, visitAccessor, getScopeIdIdentifier(section), import_compiler35.types.stringLiteral("script"))}`;
         } else {
-          write2`${callRuntime("attrs", spreadExpression, visitAccessor, getScopeIdIdentifier(section), import_compiler34.types.stringLiteral("script"))}`;
+          write2`${callRuntime("attrs", spreadExpression, visitAccessor, getScopeIdIdentifier(section), import_compiler35.types.stringLiteral("script"))}`;
         }
       } else {
         if (skipExpression) {
@@ -6330,7 +6349,7 @@ var html_script_default = {
             "render",
             section,
             tagExtra.referencedBindings,
-            import_compiler34.types.expressionStatement(
+            import_compiler35.types.expressionStatement(
               callRuntime(
                 "partialAttrs",
                 scopeIdentifier,
@@ -6345,7 +6364,7 @@ var html_script_default = {
             "render",
             section,
             tagExtra.referencedBindings,
-            import_compiler34.types.expressionStatement(
+            import_compiler35.types.expressionStatement(
               callRuntime(
                 "attrs",
                 scopeIdentifier,
@@ -6359,7 +6378,7 @@ var html_script_default = {
           "effect",
           section,
           tagExtra.referencedBindings,
-          import_compiler34.types.expressionStatement(
+          import_compiler35.types.expressionStatement(
             callRuntime("attrsEvents", scopeIdentifier, visitAccessor)
           ),
           false
@@ -6370,9 +6389,9 @@ var html_script_default = {
     enter2(tag);
     if (isOutputHTML()) {
       for (const child of tag.node.body.body) {
-        if (import_compiler34.types.isMarkoText(child)) {
+        if (import_compiler35.types.isMarkoText(child)) {
           write2`${child.value}`;
-        } else if (import_compiler34.types.isMarkoPlaceholder(child)) {
+        } else if (import_compiler35.types.isMarkoPlaceholder(child)) {
           write2`${callRuntime("escapeScript", child.value)}`;
         }
       }
@@ -6382,11 +6401,11 @@ var html_script_default = {
       let currentQuasi = "";
       let referencePlaceholder;
       for (const child of tag.node.body.body) {
-        if (import_compiler34.types.isMarkoText(child)) {
+        if (import_compiler35.types.isMarkoText(child)) {
           currentQuasi += child.value;
-        } else if (import_compiler34.types.isMarkoPlaceholder(child)) {
+        } else if (import_compiler35.types.isMarkoPlaceholder(child)) {
           referencePlaceholder ||= child;
-          templateQuasis.push(import_compiler34.types.templateElement({ raw: currentQuasi }));
+          templateQuasis.push(import_compiler35.types.templateElement({ raw: currentQuasi }));
           templateExpressions.push(child.value);
           currentQuasi = "";
         }
@@ -6394,16 +6413,16 @@ var html_script_default = {
       if (!referencePlaceholder) {
         write2`${currentQuasi}`;
       } else {
-        templateQuasis.push(import_compiler34.types.templateElement({ raw: currentQuasi }));
+        templateQuasis.push(import_compiler35.types.templateElement({ raw: currentQuasi }));
         addStatement(
           "render",
           getSection(tag),
           referencePlaceholder.value.extra?.referencedBindings,
-          import_compiler34.types.expressionStatement(
+          import_compiler35.types.expressionStatement(
             callRuntime(
               "textContent",
-              import_compiler34.types.memberExpression(scopeIdentifier, visitAccessor, true),
-              import_compiler34.types.templateLiteral(templateQuasis, templateExpressions)
+              import_compiler35.types.memberExpression(scopeIdentifier, visitAccessor, true),
+              import_compiler35.types.templateLiteral(templateQuasis, templateExpressions)
             )
           )
         );
@@ -6442,11 +6461,11 @@ function getUsedAttrs2(tag) {
   for (let i = attributes.length; i--; ) {
     const attr2 = attributes[i];
     const { value } = attr2;
-    if (import_compiler34.types.isMarkoSpreadAttribute(attr2)) {
+    if (import_compiler35.types.isMarkoSpreadAttribute(attr2)) {
       if (!spreadProps) {
         spreadProps = [];
       }
-      spreadProps.push(import_compiler34.types.spreadElement(value));
+      spreadProps.push(import_compiler35.types.spreadElement(value));
     } else if (!seen[attr2.name]) {
       seen[attr2.name] = attr2;
       if (spreadProps) {
@@ -6460,10 +6479,10 @@ function getUsedAttrs2(tag) {
   if (spreadProps) {
     spreadProps.reverse();
     for (const { name: name2 } of staticAttrs) {
-      (skipProps ||= []).push(toObjectProperty(name2, import_compiler34.types.numericLiteral(1)));
+      (skipProps ||= []).push(toObjectProperty(name2, import_compiler35.types.numericLiteral(1)));
     }
     if (skipProps) {
-      skipExpression = import_compiler34.types.objectExpression(skipProps);
+      skipExpression = import_compiler35.types.objectExpression(skipProps);
     }
     spreadExpression = propsToExpression(spreadProps);
   }
@@ -6475,15 +6494,15 @@ function getUsedAttrs2(tag) {
 }
 
 // src/translator/core/html-style.ts
-var import_compiler35 = require("@marko/compiler");
-var import_babel_utils25 = require("@marko/compiler/babel-utils");
+var import_compiler36 = require("@marko/compiler");
+var import_babel_utils26 = require("@marko/compiler/babel-utils");
 var kGetterId4 = Symbol("node getter id");
 var html_style_default = {
   analyze(tag) {
-    (0, import_babel_utils25.assertNoArgs)(tag);
-    (0, import_babel_utils25.assertNoParams)(tag);
+    (0, import_babel_utils26.assertNoArgs)(tag);
+    (0, import_babel_utils26.assertNoParams)(tag);
     const { node } = tag;
-    if (node.var && !import_compiler35.types.isIdentifier(node.var)) {
+    if (node.var && !import_compiler36.types.isIdentifier(node.var)) {
       throw tag.get("var").buildCodeFrameError(
         "Tag variables on native elements cannot be destructured."
       );
@@ -6496,7 +6515,7 @@ var html_style_default = {
     let spreadReferenceNodes;
     for (let i = attributes.length; i--; ) {
       const attr2 = attributes[i];
-      if (import_compiler35.types.isMarkoAttribute(attr2)) {
+      if (import_compiler36.types.isMarkoAttribute(attr2)) {
         if (seen[attr2.name]) {
           dropReferences(attr2.value);
           continue;
@@ -6508,14 +6527,14 @@ var html_style_default = {
         } else if (!evaluate(attr2.value).confident) {
           hasDynamicAttributes = true;
         }
-      } else if (import_compiler35.types.isMarkoSpreadAttribute(attr2)) {
+      } else if (import_compiler36.types.isMarkoSpreadAttribute(attr2)) {
         hasEventHandlers = true;
         hasDynamicAttributes = true;
         (attr2.value.extra ??= {}).isEffect = true;
       }
       if (spreadReferenceNodes) {
         spreadReferenceNodes.push(attr2.value);
-      } else if (import_compiler35.types.isMarkoSpreadAttribute(attr2)) {
+      } else if (import_compiler36.types.isMarkoSpreadAttribute(attr2)) {
         spreadReferenceNodes = [attr2.value];
       }
     }
@@ -6525,10 +6544,10 @@ var html_style_default = {
     const bodyPlaceholderNodes = [];
     let hasBodyPlaceholders = false;
     for (const child of tag.node.body.body) {
-      if (import_compiler35.types.isMarkoPlaceholder(child)) {
+      if (import_compiler36.types.isMarkoPlaceholder(child)) {
         bodyPlaceholderNodes.push(child.value);
         hasBodyPlaceholders = true;
-      } else if (!import_compiler35.types.isMarkoText(child)) {
+      } else if (!import_compiler36.types.isMarkoText(child)) {
         throw tag.hub.buildError(
           child,
           "Invalid child. Only text is allowed inside an html-style."
@@ -6578,7 +6597,7 @@ var html_style_default = {
           let currentSection = getSection(reference);
           while (currentSection !== section && currentSection.parent) {
             getSerializedScopeProperties(currentSection).set(
-              import_compiler35.types.stringLiteral("_"),
+              import_compiler36.types.stringLiteral("_"),
               callRuntime(
                 "ensureScopeWithId",
                 getScopeIdIdentifier(currentSection = currentSection.parent)
@@ -6591,7 +6610,7 @@ var html_style_default = {
           callRuntime(
             "nodeRef",
             getterId && getScopeIdIdentifier(section),
-            getterId && import_compiler35.types.stringLiteral(getterId)
+            getterId && import_compiler36.types.stringLiteral(getterId)
           )
         );
       } else {
@@ -6604,12 +6623,12 @@ var html_style_default = {
           );
           currentProgramPath.pushContainer(
             "body",
-            import_compiler35.types.variableDeclaration("const", [
-              import_compiler35.types.variableDeclarator(
+            import_compiler36.types.variableDeclaration("const", [
+              import_compiler36.types.variableDeclarator(
                 getterFnIdentifier,
                 callRuntime(
                   "nodeRef",
-                  import_compiler35.types.stringLiteral(getterId),
+                  import_compiler36.types.stringLiteral(getterId),
                   getScopeAccessorLiteral(nodeRef2)
                 )
               )
@@ -6620,13 +6639,13 @@ var html_style_default = {
           const referenceSection = getSection(reference);
           if (reference.parentPath?.isCallExpression()) {
             reference.parentPath.replaceWith(
-              import_compiler35.types.expressionStatement(
+              import_compiler36.types.expressionStatement(
                 createScopeReadExpression(referenceSection, nodeRef2)
               )
             );
           } else if (getterFnIdentifier) {
             reference.replaceWith(
-              import_compiler35.types.callExpression(getterFnIdentifier, [
+              import_compiler36.types.callExpression(getterFnIdentifier, [
                 getScopeExpression(referenceSection, getSection(tag))
               ])
             );
@@ -6659,10 +6678,10 @@ var html_style_default = {
               "render",
               section,
               valueReferences,
-              import_compiler35.types.expressionStatement(
+              import_compiler36.types.expressionStatement(
                 callRuntime(
                   helper,
-                  import_compiler35.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                  import_compiler36.types.memberExpression(scopeIdentifier, visitAccessor, true),
                   value
                 )
               )
@@ -6677,18 +6696,18 @@ var html_style_default = {
             if (isEventHandler(name2)) {
               addHTMLEffectCall(section, valueReferences);
             } else {
-              write2`${callRuntime("attr", import_compiler35.types.stringLiteral(name2), value)}`;
+              write2`${callRuntime("attr", import_compiler36.types.stringLiteral(name2), value)}`;
             }
           } else if (isEventHandler(name2)) {
             addStatement(
               "effect",
               section,
               valueReferences,
-              import_compiler35.types.expressionStatement(
+              import_compiler36.types.expressionStatement(
                 callRuntime(
                   "on",
-                  import_compiler35.types.memberExpression(scopeIdentifier, visitAccessor, true),
-                  import_compiler35.types.stringLiteral(getEventHandlerName(name2)),
+                  import_compiler36.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                  import_compiler36.types.stringLiteral(getEventHandlerName(name2)),
                   value
                 )
               )
@@ -6698,11 +6717,11 @@ var html_style_default = {
               "render",
               section,
               valueReferences,
-              import_compiler35.types.expressionStatement(
+              import_compiler36.types.expressionStatement(
                 callRuntime(
                   "attr",
-                  import_compiler35.types.memberExpression(scopeIdentifier, visitAccessor, true),
-                  import_compiler35.types.stringLiteral(name2),
+                  import_compiler36.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                  import_compiler36.types.stringLiteral(name2),
                   value
                 )
               )
@@ -6715,9 +6734,9 @@ var html_style_default = {
       if (isHTML) {
         addHTMLEffectCall(section, tagExtra.referencedBindings);
         if (skipExpression) {
-          write2`${callRuntime("partialAttrs", spreadExpression, skipExpression, visitAccessor, getScopeIdIdentifier(section), import_compiler35.types.stringLiteral("style"))}`;
+          write2`${callRuntime("partialAttrs", spreadExpression, skipExpression, visitAccessor, getScopeIdIdentifier(section), import_compiler36.types.stringLiteral("style"))}`;
         } else {
-          write2`${callRuntime("attrs", spreadExpression, visitAccessor, getScopeIdIdentifier(section), import_compiler35.types.stringLiteral("style"))}`;
+          write2`${callRuntime("attrs", spreadExpression, visitAccessor, getScopeIdIdentifier(section), import_compiler36.types.stringLiteral("style"))}`;
         }
       } else {
         if (skipExpression) {
@@ -6725,7 +6744,7 @@ var html_style_default = {
             "render",
             section,
             tagExtra.referencedBindings,
-            import_compiler35.types.expressionStatement(
+            import_compiler36.types.expressionStatement(
               callRuntime(
                 "partialAttrs",
                 scopeIdentifier,
@@ -6740,7 +6759,7 @@ var html_style_default = {
             "render",
             section,
             tagExtra.referencedBindings,
-            import_compiler35.types.expressionStatement(
+            import_compiler36.types.expressionStatement(
               callRuntime(
                 "attrs",
                 scopeIdentifier,
@@ -6754,7 +6773,7 @@ var html_style_default = {
           "effect",
           section,
           tagExtra.referencedBindings,
-          import_compiler35.types.expressionStatement(
+          import_compiler36.types.expressionStatement(
             callRuntime("attrsEvents", scopeIdentifier, visitAccessor)
           ),
           false
@@ -6765,9 +6784,9 @@ var html_style_default = {
     enter2(tag);
     if (isOutputHTML()) {
       for (const child of tag.node.body.body) {
-        if (import_compiler35.types.isMarkoText(child)) {
+        if (import_compiler36.types.isMarkoText(child)) {
           write2`${child.value}`;
-        } else if (import_compiler35.types.isMarkoPlaceholder(child)) {
+        } else if (import_compiler36.types.isMarkoPlaceholder(child)) {
           write2`${callRuntime("escapeStyle", child.value)}`;
         }
       }
@@ -6777,11 +6796,11 @@ var html_style_default = {
       let currentQuasi = "";
       let referencePlaceholder;
       for (const child of tag.node.body.body) {
-        if (import_compiler35.types.isMarkoText(child)) {
+        if (import_compiler36.types.isMarkoText(child)) {
           currentQuasi += child.value;
-        } else if (import_compiler35.types.isMarkoPlaceholder(child)) {
+        } else if (import_compiler36.types.isMarkoPlaceholder(child)) {
           referencePlaceholder ||= child;
-          templateQuasis.push(import_compiler35.types.templateElement({ raw: currentQuasi }));
+          templateQuasis.push(import_compiler36.types.templateElement({ raw: currentQuasi }));
           templateExpressions.push(child.value);
           currentQuasi = "";
         }
@@ -6789,16 +6808,16 @@ var html_style_default = {
       if (!referencePlaceholder) {
         write2`${currentQuasi}`;
       } else {
-        templateQuasis.push(import_compiler35.types.templateElement({ raw: currentQuasi }));
+        templateQuasis.push(import_compiler36.types.templateElement({ raw: currentQuasi }));
         addStatement(
           "render",
           getSection(tag),
           referencePlaceholder.value.extra?.referencedBindings,
-          import_compiler35.types.expressionStatement(
+          import_compiler36.types.expressionStatement(
             callRuntime(
               "textContent",
-              import_compiler35.types.memberExpression(scopeIdentifier, visitAccessor, true),
-              import_compiler35.types.templateLiteral(templateQuasis, templateExpressions)
+              import_compiler36.types.memberExpression(scopeIdentifier, visitAccessor, true),
+              import_compiler36.types.templateLiteral(templateQuasis, templateExpressions)
             )
           )
         );
@@ -6832,11 +6851,11 @@ function getUsedAttrs3(tag) {
   for (let i = attributes.length; i--; ) {
     const attr2 = attributes[i];
     const { value } = attr2;
-    if (import_compiler35.types.isMarkoSpreadAttribute(attr2)) {
+    if (import_compiler36.types.isMarkoSpreadAttribute(attr2)) {
       if (!spreadProps) {
         spreadProps = [];
       }
-      spreadProps.push(import_compiler35.types.spreadElement(value));
+      spreadProps.push(import_compiler36.types.spreadElement(value));
     } else if (!seen[attr2.name]) {
       seen[attr2.name] = attr2;
       if (spreadProps) {
@@ -6850,10 +6869,10 @@ function getUsedAttrs3(tag) {
   if (spreadProps) {
     spreadProps.reverse();
     for (const { name: name2 } of staticAttrs) {
-      (skipProps ||= []).push(toObjectProperty(name2, import_compiler35.types.numericLiteral(1)));
+      (skipProps ||= []).push(toObjectProperty(name2, import_compiler36.types.numericLiteral(1)));
     }
     if (skipProps) {
-      skipExpression = import_compiler35.types.objectExpression(skipProps);
+      skipExpression = import_compiler36.types.objectExpression(skipProps);
     }
     spreadExpression = propsToExpression(spreadProps);
   }
@@ -6865,20 +6884,20 @@ function getUsedAttrs3(tag) {
 }
 
 // src/translator/core/id.ts
-var import_compiler36 = require("@marko/compiler");
-var import_babel_utils26 = require("@marko/compiler/babel-utils");
+var import_compiler37 = require("@marko/compiler");
+var import_babel_utils27 = require("@marko/compiler/babel-utils");
 var id_default = {
   analyze(tag) {
-    (0, import_babel_utils26.assertNoArgs)(tag);
-    (0, import_babel_utils26.assertNoParams)(tag);
-    (0, import_babel_utils26.assertNoAttributes)(tag);
+    (0, import_babel_utils27.assertNoArgs)(tag);
+    (0, import_babel_utils27.assertNoParams)(tag);
+    (0, import_babel_utils27.assertNoAttributes)(tag);
     assertNoBodyContent(tag);
-    (0, import_babel_utils26.assertNoAttributeTags)(tag);
+    (0, import_babel_utils27.assertNoAttributeTags)(tag);
     const { node } = tag;
     if (!node.var) {
       throw tag.get("name").buildCodeFrameError("The `id` tag requires a tag variable.");
     }
-    if (!import_compiler36.types.isIdentifier(node.var)) {
+    if (!import_compiler37.types.isIdentifier(node.var)) {
       throw tag.get("var").buildCodeFrameError("The `id` tag cannot be destructured");
     }
     trackVarReferences(tag, 4 /* derived */);
@@ -6889,7 +6908,7 @@ var id_default = {
       const id = isOutputHTML() ? callRuntime("nextTagId") : callRuntime("nextTagId", scopeIdentifier);
       if (isOutputHTML()) {
         tag.replaceWith(
-          import_compiler36.types.variableDeclaration("const", [import_compiler36.types.variableDeclarator(node.var, id)])
+          import_compiler37.types.variableDeclaration("const", [import_compiler37.types.variableDeclarator(node.var, id)])
         );
       } else {
         const source = initValue(node.var.extra.binding);
@@ -6914,23 +6933,22 @@ var id_default = {
 };
 
 // src/translator/core/if.ts
-var import_compiler38 = require("@marko/compiler");
-var import_babel_utils27 = require("@marko/compiler/babel-utils");
+var import_compiler39 = require("@marko/compiler");
+var import_babel_utils28 = require("@marko/compiler/babel-utils");
 
 // src/translator/util/to-first-statement-or-block.ts
-var import_compiler37 = require("@marko/compiler");
+var import_compiler38 = require("@marko/compiler");
 function toFirstStatementOrBlock(body) {
   if (Array.isArray(body)) {
     if (body.length === 1) {
       return body[0];
     }
-    return import_compiler37.types.blockStatement(body);
+    return import_compiler38.types.blockStatement(body);
   }
   return body;
 }
 
 // src/translator/core/if.ts
-var kBinding = Symbol("if node binding");
 var BRANCHES_LOOKUP = /* @__PURE__ */ new WeakMap();
 var IfTag = {
   analyze(tag) {
@@ -6946,7 +6964,7 @@ var IfTag = {
         if (branchBodySection) {
           branchBodySection.isBranch = true;
           branchBodySection.upstreamExpression = rootExtra;
-          if (!(branchBodySection.content === null || branchBodySection.content?.singleChild)) {
+          if (!(branchBodySection.content === null || branchBodySection.content?.singleChild && branchBodySection.content.startType !== 4 /* Text */)) {
             singleNodeOptimization = false;
           }
         }
@@ -6955,15 +6973,9 @@ var IfTag = {
         }
       }
       const section = getOrCreateSection(tag);
-      rootExtra[kBinding] = createBinding(
-        "#text",
-        0 /* dom */,
-        section,
-        void 0,
-        rootExtra
-      );
-      rootExtra.singleNodeOptimization = singleNodeOptimization;
       mergeReferences(section, rootTag.node, mergeReferenceNodes);
+      getOptimizedOnlyChildNodeRef(rootTag, section, branches.length);
+      rootExtra.singleNodeOptimization = singleNodeOptimization;
     }
   },
   translate: translateByTarget({
@@ -6972,10 +6984,10 @@ var IfTag = {
         if (tag.node.body.attributeTags) return;
         const tagBody = tag.get("body");
         const bodySection = getSectionForBody(tagBody);
-        if (isRoot(tag)) {
+        if (isRoot(tag) && !isOnlyChildInParent(tag)) {
           visit(tag, 37 /* Replace */);
+          enterShallow(tag);
         }
-        enterShallow(tag);
         flushBefore(tag);
         if (bodySection) {
           setSectionParentIsOwner(bodySection, true);
@@ -6987,8 +6999,8 @@ var IfTag = {
         const section = getSection(tag);
         const bodySection = getSectionForBody(tagBody);
         const [isLast, branches] = getBranches(tag, bodySection);
-        const rootExtra = branches[0][0].node.extra;
-        const nodeRef2 = rootExtra[kBinding];
+        const [rootTag] = branches[0];
+        const rootExtra = rootTag.node.extra;
         const isStateful = isStatefulReferences(rootExtra.referencedBindings);
         const singleNodeOptimization = rootExtra.singleNodeOptimization;
         const hasStatefulClosures = bodySection && checkStatefulClosures(bodySection, true);
@@ -7002,10 +7014,15 @@ var IfTag = {
           writeHTMLResumeStatements(tagBody);
         }
         if (isLast) {
+          const nodeRef2 = getOptimizedOnlyChildNodeRef(rootTag, section);
+          const onlyChildInParentOptimization = isOnlyChildInParent(rootTag);
           const nextTag = tag.getNextSibling();
-          const ifScopeIdIdentifier = tag.scope.generateUidIdentifier("ifScopeId");
-          const ifRendererIdentifier = tag.scope.generateUidIdentifier("ifRenderer");
+          const ifScopeIdIdentifier = rootTag.scope.generateUidIdentifier("ifScopeId");
+          const ifBranchIdentifier = rootTag.scope.generateUidIdentifier("ifBranch");
           let statement;
+          if (onlyChildInParentOptimization) {
+            getParentTag(rootTag).node.extra[kSerializeMarker] = false;
+          }
           for (let i = branches.length; i--; ) {
             const [branchTag, branchBodySection] = branches[i];
             const bodyStatements = branchTag.node.body.body;
@@ -7016,28 +7033,19 @@ var IfTag = {
               );
               if (isStateful) {
                 bodyStatements.push(
-                  import_compiler38.types.expressionStatement(
-                    callRuntime(
-                      "register",
-                      import_compiler38.types.assignmentExpression(
-                        "=",
-                        ifRendererIdentifier,
-                        callRuntime(
-                          "createRenderer",
-                          import_compiler38.types.arrowFunctionExpression([], import_compiler38.types.blockStatement([]))
-                        )
-                      ),
-                      import_compiler38.types.stringLiteral(
-                        getResumeRegisterId(branchBodySection, "renderer")
-                      )
+                  import_compiler39.types.expressionStatement(
+                    import_compiler39.types.assignmentExpression(
+                      "=",
+                      ifBranchIdentifier,
+                      import_compiler39.types.numericLiteral(i)
                     )
                   )
                 );
               }
               if (isStateful || branchHasStatefulClosures) {
                 bodyStatements.push(
-                  import_compiler38.types.expressionStatement(
-                    import_compiler38.types.assignmentExpression(
+                  import_compiler39.types.expressionStatement(
+                    import_compiler39.types.assignmentExpression(
                       "=",
                       ifScopeIdIdentifier,
                       getScopeIdIdentifier(branchBodySection)
@@ -7049,7 +7057,7 @@ var IfTag = {
             const [testAttr] = branchTag.node.attributes;
             const curStatement = toFirstStatementOrBlock(bodyStatements);
             if (testAttr) {
-              statement = import_compiler38.types.ifStatement(
+              statement = import_compiler39.types.ifStatement(
                 testAttr.value,
                 curStatement,
                 statement
@@ -7064,21 +7072,22 @@ var IfTag = {
           } else {
             if (isStateful) {
               getSerializedScopeProperties(section).set(
-                import_compiler38.types.stringLiteral(
+                import_compiler39.types.stringLiteral(
                   getScopeAccessorLiteral(nodeRef2).value + "(" /* ConditionalRenderer */
                 ),
-                ifRendererIdentifier
+                ifBranchIdentifier
               );
-              const cbNode = import_compiler38.types.arrowFunctionExpression(
+              const cbNode = import_compiler39.types.arrowFunctionExpression(
                 [],
-                import_compiler38.types.blockStatement([statement])
+                import_compiler39.types.blockStatement([statement])
               );
-              statement = import_compiler38.types.expressionStatement(
+              statement = import_compiler39.types.expressionStatement(
                 singleNodeOptimization ? callRuntime(
                   "resumeSingleNodeConditional",
                   cbNode,
                   getScopeIdIdentifier(section),
-                  getScopeAccessorLiteral(nodeRef2)
+                  getScopeAccessorLiteral(nodeRef2),
+                  onlyChildInParentOptimization && import_compiler39.types.numericLiteral(1)
                 ) : callRuntime(
                   "resumeConditional",
                   cbNode,
@@ -7087,18 +7096,18 @@ var IfTag = {
                 )
               );
             }
-            nextTag.insertBefore([
-              import_compiler38.types.variableDeclaration(
+            nextTag.insertBefore(statement);
+            getHTMLSectionStatements(section).push(
+              import_compiler39.types.variableDeclaration(
                 "let",
                 [
-                  import_compiler38.types.variableDeclarator(ifScopeIdIdentifier),
-                  isStateful && import_compiler38.types.variableDeclarator(ifRendererIdentifier)
+                  import_compiler39.types.variableDeclarator(ifScopeIdIdentifier),
+                  isStateful && import_compiler39.types.variableDeclarator(ifBranchIdentifier)
                 ].filter(Boolean)
-              ),
-              statement
-            ]);
+              )
+            );
             getSerializedScopeProperties(section).set(
-              import_compiler38.types.stringLiteral(
+              import_compiler39.types.stringLiteral(
                 getScopeAccessorLiteral(nodeRef2).value + "!" /* ConditionalScope */
               ),
               callRuntime("getScopeById", ifScopeIdIdentifier)
@@ -7115,10 +7124,10 @@ var IfTag = {
         if (bodySection) {
           setSectionParentIsOwner(bodySection, true);
         }
-        if (isRoot(tag)) {
+        if (isRoot(tag) && !isOnlyChildInParent(tag)) {
           visit(tag, 37 /* Replace */);
+          enterShallow(tag);
         }
-        enterShallow(tag);
       },
       exit(tag) {
         if (tag.node.body.attributeTags) return;
@@ -7127,38 +7136,40 @@ var IfTag = {
           getSectionForBody(tag.get("body"))
         );
         if (isLast) {
-          const section = getSection(tag);
+          const [rootTag] = branches[0];
+          const section = getSection(rootTag);
           const rootExtra = branches[0][0].node.extra;
-          const nodeRef2 = rootExtra[kBinding];
-          let expr = import_compiler38.types.nullLiteral();
+          const nodeRef2 = getOptimizedOnlyChildNodeRef(rootTag, section);
+          const rendererIdentifiers = [];
+          let expr = import_compiler39.types.numericLiteral(branches.length);
           for (let i = branches.length; i--; ) {
             const [branchTag, branchBodySection] = branches[i];
             const [testAttr] = branchTag.node.attributes;
-            const consequent = branchBodySection ? import_compiler38.types.identifier(branchBodySection.name) : import_compiler38.types.numericLiteral(0);
-            setClosureSignalBuilder(
-              branchTag,
-              (_closureSignal, render, intersection) => {
-                return callRuntime(
-                  "conditionalClosure",
-                  getScopeAccessorLiteral(nodeRef2),
-                  import_compiler38.types.arrowFunctionExpression(
-                    [],
-                    import_compiler38.types.identifier(branchBodySection.name)
-                  ),
-                  render,
-                  intersection
-                );
-              }
-            );
+            const consequent = import_compiler39.types.numericLiteral(branchBodySection ? i : -1);
+            if (branchBodySection) {
+              rendererIdentifiers.push(import_compiler39.types.identifier(branchBodySection.name));
+              setClosureSignalBuilder(
+                branchTag,
+                (_closureSignal, render, intersection) => {
+                  return callRuntime(
+                    "conditionalClosure",
+                    getScopeAccessorLiteral(nodeRef2),
+                    import_compiler39.types.numericLiteral(i),
+                    render,
+                    intersection
+                  );
+                }
+              );
+            }
             branchTag.remove();
-            expr = testAttr ? import_compiler38.types.conditionalExpression(testAttr.value, consequent, expr) : consequent;
+            expr = testAttr ? import_compiler39.types.conditionalExpression(testAttr.value, consequent, expr) : consequent;
           }
           const signal = getSignal(section, nodeRef2, "if");
           signal.build = () => {
             return callRuntime(
               "conditional",
               getScopeAccessorLiteral(nodeRef2),
-              getSignalFn(signal, [scopeIdentifier])
+              ...rendererIdentifiers.reverse()
             );
           };
           signal.hasDownstreamIntersections = () => branches.some(([, bodySection]) => bodySection?.closures);
@@ -7196,9 +7207,9 @@ var ElseTag = {
   ]
 };
 function assertValidCondition(tag) {
-  (0, import_babel_utils27.assertNoVar)(tag);
-  (0, import_babel_utils27.assertNoArgs)(tag);
-  (0, import_babel_utils27.assertNoParams)(tag);
+  (0, import_babel_utils28.assertNoVar)(tag);
+  (0, import_babel_utils28.assertNoArgs)(tag);
+  (0, import_babel_utils28.assertNoParams)(tag);
   assertHasBody(tag);
   assertNoSpreadAttrs(tag);
   switch (getTagName(tag)) {
@@ -7234,7 +7245,7 @@ function assertHasBody(tag) {
 function assertHasValueAttribute(tag) {
   const { node } = tag;
   const [valueAttr] = node.attributes;
-  if (!import_compiler38.types.isMarkoAttribute(valueAttr) || !valueAttr.default) {
+  if (!import_compiler39.types.isMarkoAttribute(valueAttr) || !valueAttr.default) {
     throw tag.get("name").buildCodeFrameError(`The \`${getTagName(tag)}\` tag requires a value.`);
   }
   if (node.attributes.length > 1) {
@@ -7286,12 +7297,12 @@ function isRoot(tag) {
 }
 
 // src/translator/core/import.ts
-var import_babel_utils28 = require("@marko/compiler/babel-utils");
+var import_babel_utils29 = require("@marko/compiler/babel-utils");
 var import_default = {
   parse(tag) {
     const { node } = tag;
     tag.replaceWith(
-      (0, import_babel_utils28.parseStatements)(tag.hub.file, node.rawValue, node.start, node.end)[0]
+      (0, import_babel_utils29.parseStatements)(tag.hub.file, node.rawValue, node.start, node.end)[0]
     );
   },
   parseOptions: {
@@ -7309,8 +7320,8 @@ var import_default = {
 };
 
 // src/translator/core/let.ts
-var import_compiler39 = require("@marko/compiler");
-var import_babel_utils29 = require("@marko/compiler/babel-utils");
+var import_compiler40 = require("@marko/compiler");
+var import_babel_utils30 = require("@marko/compiler/babel-utils");
 var let_default = {
   analyze(tag) {
     const { node } = tag;
@@ -7318,7 +7329,7 @@ var let_default = {
     let valueAttr;
     let valueChangeAttr;
     for (const attr2 of node.attributes) {
-      if (import_compiler39.types.isMarkoAttribute(attr2)) {
+      if (import_compiler40.types.isMarkoAttribute(attr2)) {
         if (attr2.name === "value") {
           valueAttr = attr2;
         } else if (attr2.name === "valueChange") {
@@ -7339,17 +7350,17 @@ var let_default = {
         }
       }
     }
-    (0, import_babel_utils29.assertNoArgs)(tag);
-    (0, import_babel_utils29.assertNoParams)(tag);
+    (0, import_babel_utils30.assertNoArgs)(tag);
+    (0, import_babel_utils30.assertNoParams)(tag);
     assertNoBodyContent(tag);
     assertNoSpreadAttrs(tag);
     if (!tagVar) {
       throw tag.get("name").buildCodeFrameError("The `let` tag requires a tag variable.");
     }
-    if (!import_compiler39.types.isIdentifier(tagVar)) {
+    if (!import_compiler40.types.isIdentifier(tagVar)) {
       throw tag.get("var").buildCodeFrameError("The `let` tag variable cannot be destructured.");
     }
-    if (valueChangeAttr && (0, import_babel_utils29.computeNode)(valueChangeAttr.value)) {
+    if (valueChangeAttr && (0, import_babel_utils30.computeNode)(valueChangeAttr.value)) {
       throw tag.get("attributes").find((attr2) => attr2.node === valueChangeAttr).get("value").buildCodeFrameError(
         "The `let` tag `valueChange` attribute must be a function."
       );
@@ -7365,10 +7376,10 @@ var let_default = {
       const { node } = tag;
       const tagVar = node.var;
       const valueAttr = node.attributes.find(
-        (attr2) => import_compiler39.types.isMarkoAttribute(attr2) && (attr2.default || attr2.name === "value")
-      ) ?? import_compiler39.types.markoAttribute("value", import_compiler39.types.identifier("undefined"));
+        (attr2) => import_compiler40.types.isMarkoAttribute(attr2) && (attr2.default || attr2.name === "value")
+      ) ?? import_compiler40.types.markoAttribute("value", import_compiler40.types.identifier("undefined"));
       const valueChangeAttr = node.attributes.find(
-        (attr2) => import_compiler39.types.isMarkoAttribute(attr2) && attr2.name === "valueChange"
+        (attr2) => import_compiler40.types.isMarkoAttribute(attr2) && attr2.name === "valueChange"
       );
       const section = getSection(tag);
       const binding = tagVar.extra.binding;
@@ -7381,13 +7392,13 @@ var let_default = {
         }
         signal.buildAssignment = (valueSection, value) => {
           const scope = getScopeExpression(valueSection, signal.section);
-          return import_compiler39.types.callExpression(signal.identifier, [scope, value]);
+          return import_compiler40.types.callExpression(signal.identifier, [scope, value]);
         };
       } else {
         translateVar(tag, valueAttr.value);
         if (valueChangeAttr) {
           getSerializedScopeProperties(section).set(
-            import_compiler39.types.stringLiteral(
+            import_compiler40.types.stringLiteral(
               getScopeAccessorLiteral(binding).value + "@" /* TagVariableChange */
             ),
             valueChangeAttr.value
@@ -7411,14 +7422,14 @@ var let_default = {
 };
 
 // src/translator/core/lifecycle.ts
-var import_compiler40 = require("@marko/compiler");
-var import_babel_utils30 = require("@marko/compiler/babel-utils");
+var import_compiler41 = require("@marko/compiler");
+var import_babel_utils31 = require("@marko/compiler/babel-utils");
 var kRef = Symbol("lifecycle attrs reference");
 var lifecycle_default = {
   analyze(tag) {
-    (0, import_babel_utils30.assertNoArgs)(tag);
-    (0, import_babel_utils30.assertNoVar)(tag);
-    (0, import_babel_utils30.assertNoParams)(tag);
+    (0, import_babel_utils31.assertNoArgs)(tag);
+    (0, import_babel_utils31.assertNoVar)(tag);
+    (0, import_babel_utils31.assertNoParams)(tag);
     assertNoBodyContent(tag);
     const { node } = tag;
     const tagExtra = node.extra ??= {};
@@ -7436,7 +7447,7 @@ var lifecycle_default = {
       );
     }
     for (const attr2 of node.attributes) {
-      if (import_compiler40.types.isMarkoSpreadAttribute(attr2)) {
+      if (import_compiler41.types.isMarkoSpreadAttribute(attr2)) {
         throw tag.get("name").buildCodeFrameError(
           "The `lifecycle` tag does not support `...spread` attributes."
         );
@@ -7456,7 +7467,7 @@ var lifecycle_default = {
       if (isOutputDOM()) {
         const translatedAttrs = translateAttrs(tag);
         translatedAttrs.statements.push(
-          import_compiler40.types.expressionStatement(
+          import_compiler41.types.expressionStatement(
             callRuntime(
               "lifecycle",
               scopeIdentifier,
@@ -7491,19 +7502,19 @@ var lifecycle_default = {
 };
 
 // src/translator/core/log.ts
-var import_compiler41 = require("@marko/compiler");
-var import_babel_utils31 = require("@marko/compiler/babel-utils");
+var import_compiler42 = require("@marko/compiler");
+var import_babel_utils32 = require("@marko/compiler/babel-utils");
 var log_default = {
   analyze(tag) {
     const [valueAttr] = tag.node.attributes;
-    (0, import_babel_utils31.assertNoArgs)(tag);
-    (0, import_babel_utils31.assertNoVar)(tag);
-    (0, import_babel_utils31.assertNoParams)(tag);
+    (0, import_babel_utils32.assertNoArgs)(tag);
+    (0, import_babel_utils32.assertNoVar)(tag);
+    (0, import_babel_utils32.assertNoParams)(tag);
     assertNoBodyContent(tag);
     if (!valueAttr) {
       throw tag.get("name").buildCodeFrameError("The `log` tag requires a value.");
     }
-    if (tag.node.attributes.length > 1 || !import_compiler41.types.isMarkoAttribute(valueAttr) || !valueAttr.default && valueAttr.name !== "value") {
+    if (tag.node.attributes.length > 1 || !import_compiler42.types.isMarkoAttribute(valueAttr) || !valueAttr.default && valueAttr.name !== "value") {
       throw tag.get("name").buildCodeFrameError(
         "The `log` tag only supports the `value` attribute."
       );
@@ -7515,9 +7526,9 @@ var log_default = {
       const [valueAttr] = tag.node.attributes;
       const { value } = valueAttr;
       const referencedBindings = value.extra?.referencedBindings;
-      const statement = import_compiler41.types.expressionStatement(
-        import_compiler41.types.callExpression(
-          import_compiler41.types.memberExpression(import_compiler41.types.identifier("console"), import_compiler41.types.identifier("log")),
+      const statement = import_compiler42.types.expressionStatement(
+        import_compiler42.types.callExpression(
+          import_compiler42.types.memberExpression(import_compiler42.types.identifier("console"), import_compiler42.types.identifier("log")),
           [value]
         )
       );
@@ -7543,8 +7554,8 @@ var log_default = {
 };
 
 // src/translator/core/script.ts
-var import_compiler42 = require("@marko/compiler");
-var import_babel_utils32 = require("@marko/compiler/babel-utils");
+var import_compiler43 = 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 = {
   parse(tag) {
@@ -7564,22 +7575,22 @@ var script_default = {
       }
       const start = body[0]?.start;
       const end = body[body.length - 1]?.end;
-      const bodyStatements = (0, import_babel_utils32.parseStatements)(tag.hub.file, code, start, end);
-      const valueFn = import_compiler42.types.arrowFunctionExpression(
+      const bodyStatements = (0, import_babel_utils33.parseStatements)(tag.hub.file, code, start, end);
+      const valueFn = import_compiler43.types.arrowFunctionExpression(
         [],
-        import_compiler42.types.blockStatement(bodyStatements),
+        import_compiler43.types.blockStatement(bodyStatements),
         traverseContains(bodyStatements, isAwaitExpression)
       );
-      node.attributes.push(import_compiler42.types.markoAttribute("value", valueFn));
+      node.attributes.push(import_compiler43.types.markoAttribute("value", valueFn));
       node.body.body = [];
     }
   },
   analyze(tag) {
     const { node } = tag;
-    (0, import_babel_utils32.assertNoArgs)(tag);
-    (0, import_babel_utils32.assertNoParams)(tag);
+    (0, import_babel_utils33.assertNoArgs)(tag);
+    (0, import_babel_utils33.assertNoParams)(tag);
     assertNoBodyContent(tag);
-    (0, import_babel_utils32.assertNoAttributeTags)(tag);
+    (0, import_babel_utils33.assertNoAttributeTags)(tag);
     if (node.var) {
       throw tag.hub.buildError(
         node.var,
@@ -7619,28 +7630,28 @@ var script_default = {
       const referencedBindings = value.extra?.referencedBindings;
       if (isOutputDOM()) {
         const { value: value2 } = valueAttr;
-        const isFunction2 = import_compiler42.types.isFunctionExpression(value2) || import_compiler42.types.isArrowFunctionExpression(value2);
+        const isFunction2 = import_compiler43.types.isFunctionExpression(value2) || import_compiler43.types.isArrowFunctionExpression(value2);
         let inlineBody = null;
         if (isFunction2 && !(value2.async || value2.generator)) {
-          if (import_compiler42.types.isBlockStatement(value2.body)) {
+          if (import_compiler43.types.isBlockStatement(value2.body)) {
             let hasDeclaration = false;
             for (const child of value2.body.body) {
-              if (import_compiler42.types.isDeclaration(child)) {
+              if (import_compiler43.types.isDeclaration(child)) {
                 hasDeclaration = true;
                 break;
               }
             }
             inlineBody = hasDeclaration ? value2.body : value2.body.body;
           } else {
-            inlineBody = import_compiler42.types.expressionStatement(value2.body);
+            inlineBody = import_compiler43.types.expressionStatement(value2.body);
           }
         }
         addStatement(
           "effect",
           section,
           referencedBindings,
-          inlineBody || import_compiler42.types.expressionStatement(
-            import_compiler42.types.callExpression(value2, isFunction2 ? [] : [scopeIdentifier])
+          inlineBody || import_compiler43.types.expressionStatement(
+            import_compiler43.types.callExpression(value2, isFunction2 ? [] : [scopeIdentifier])
           )
         );
       } else {
@@ -7680,8 +7691,8 @@ function isAwaitExpression(node) {
 }
 
 // src/translator/core/server.ts
-var import_compiler43 = require("@marko/compiler");
-var import_babel_utils33 = require("@marko/compiler/babel-utils");
+var import_compiler44 = require("@marko/compiler");
+var import_babel_utils34 = require("@marko/compiler/babel-utils");
 var server_default = {
   parse(tag) {
     const {
@@ -7691,11 +7702,11 @@ var server_default = {
     const rawValue = node.rawValue;
     const code = rawValue.replace(/^server\s*/, "").trim();
     const start = node.name.start + (rawValue.length - code.length);
-    let body = (0, import_babel_utils33.parseStatements)(file, code, start, start + code.length);
-    if (body.length === 1 && import_compiler43.types.isBlockStatement(body[0])) {
+    let body = (0, import_babel_utils34.parseStatements)(file, code, start, start + code.length);
+    if (body.length === 1 && import_compiler44.types.isBlockStatement(body[0])) {
       body = body[0].body;
     }
-    tag.replaceWith(import_compiler43.types.markoScriptlet(body, true, "server"));
+    tag.replaceWith(import_compiler44.types.markoScriptlet(body, true, "server"));
   },
   parseOptions: {
     statement: true,
@@ -7711,8 +7722,8 @@ var server_default = {
 };
 
 // src/translator/core/static.ts
-var import_compiler44 = require("@marko/compiler");
-var import_babel_utils34 = require("@marko/compiler/babel-utils");
+var import_compiler45 = require("@marko/compiler");
+var import_babel_utils35 = require("@marko/compiler/babel-utils");
 var static_default = {
   parse(tag) {
     const {
@@ -7722,11 +7733,11 @@ var static_default = {
     const rawValue = node.rawValue;
     const code = rawValue.replace(/^static\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_compiler44.types.isBlockStatement(body[0])) {
+    let body = (0, import_babel_utils35.parseStatements)(file, code, start, start + code.length);
+    if (body.length === 1 && import_compiler45.types.isBlockStatement(body[0])) {
       body = body[0].body;
     }
-    tag.replaceWith(import_compiler44.types.markoScriptlet(body, true));
+    tag.replaceWith(import_compiler45.types.markoScriptlet(body, true));
   },
   parseOptions: {
     statement: true,
@@ -7742,17 +7753,17 @@ var static_default = {
 };
 
 // src/translator/core/style.ts
-var import_compiler45 = require("@marko/compiler");
-var import_babel_utils35 = require("@marko/compiler/babel-utils");
+var import_compiler46 = 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"));
 var STYLE_EXT_REG = /^style((?:\.[a-zA-Z0-9$_-]+)+)?/;
 var htmlStyleTagAlternateMsg = " For a native html `style` tag use the `html-style` core tag instead.";
 var style_default = {
   analyze(tag) {
-    (0, import_babel_utils35.assertNoArgs)(tag);
-    (0, import_babel_utils35.assertNoParams)(tag);
-    (0, import_babel_utils35.assertNoAttributeTags)(tag);
+    (0, import_babel_utils36.assertNoArgs)(tag);
+    (0, import_babel_utils36.assertNoParams)(tag);
+    (0, import_babel_utils36.assertNoAttributeTags)(tag);
     const { node } = tag;
     const ext = STYLE_EXT_REG.exec(node.rawValue || "")?.[1]?.slice(1);
     for (const attr2 of node.attributes) {
@@ -7791,8 +7802,8 @@ var style_default = {
     }
     const markoText = node.body.body[0];
     const { resolveVirtualDependency } = getMarkoOpts();
-    const start = (0, import_babel_utils35.getStart)(file, markoText);
-    const end = (0, import_babel_utils35.getEnd)(file, markoText);
+    const start = (0, import_babel_utils36.getStart)(file, markoText);
+    const end = (0, import_babel_utils36.getEnd)(file, markoText);
     let code = markoText.value;
     let map;
     if (resolveVirtualDependency && sourceMaps && start !== null && end !== null) {
@@ -7820,23 +7831,23 @@ var style_default = {
       if (!node.var) {
         currentProgramPath.pushContainer(
           "body",
-          import_compiler45.types.importDeclaration([], import_compiler45.types.stringLiteral(importPath))
+          import_compiler46.types.importDeclaration([], import_compiler46.types.stringLiteral(importPath))
         );
-      } else if (import_compiler45.types.isIdentifier(node.var)) {
+      } else if (import_compiler46.types.isIdentifier(node.var)) {
         currentProgramPath.pushContainer(
           "body",
-          import_compiler45.types.importDeclaration(
-            [import_compiler45.types.importDefaultSpecifier(node.var)],
-            import_compiler45.types.stringLiteral(importPath)
+          import_compiler46.types.importDeclaration(
+            [import_compiler46.types.importDefaultSpecifier(node.var)],
+            import_compiler46.types.stringLiteral(importPath)
           )
         );
       } else {
         currentProgramPath.pushContainer(
           "body",
-          import_compiler45.types.variableDeclaration("const", [
-            import_compiler45.types.variableDeclarator(
+          import_compiler46.types.variableDeclaration("const", [
+            import_compiler46.types.variableDeclarator(
               node.var,
-              (0, import_babel_utils35.importDefault)(file, importPath, "style")
+              (0, import_babel_utils36.importDefault)(file, importPath, "style")
             )
           ])
         );
@@ -7854,14 +7865,14 @@ var style_default = {
 };
 
 // src/translator/core/try.ts
-var import_compiler46 = require("@marko/compiler");
-var import_babel_utils36 = require("@marko/compiler/babel-utils");
+var import_compiler47 = require("@marko/compiler");
+var import_babel_utils37 = require("@marko/compiler/babel-utils");
 var try_default = {
   analyze(tag) {
-    (0, import_babel_utils36.assertNoVar)(tag);
-    (0, import_babel_utils36.assertNoArgs)(tag);
-    (0, import_babel_utils36.assertNoParams)(tag);
-    (0, import_babel_utils36.assertNoAttributes)(tag);
+    (0, import_babel_utils37.assertNoVar)(tag);
+    (0, import_babel_utils37.assertNoArgs)(tag);
+    (0, import_babel_utils37.assertNoParams)(tag);
+    (0, import_babel_utils37.assertNoAttributes)(tag);
     assertNoSpreadAttrs(tag);
     analyzeAttributeTags(tag);
     const { node } = tag;
@@ -7888,7 +7899,7 @@ var try_default = {
         writeHTMLResumeStatements(tagBody);
         tag.insertBefore(translatedAttrs.statements);
         tag.replaceWith(
-          import_compiler46.types.expressionStatement(
+          import_compiler47.types.expressionStatement(
             callRuntime(
               "tryContent",
               propsToExpression(translatedAttrs.properties)
@@ -8002,8 +8013,8 @@ var document_type_default = {
 };
 
 // src/translator/visitors/function.ts
-var import_compiler47 = require("@marko/compiler");
-var import_babel_utils37 = require("@marko/compiler/babel-utils");
+var import_compiler48 = require("@marko/compiler");
+var import_babel_utils38 = require("@marko/compiler/babel-utils");
 var functionIdsBySection = /* @__PURE__ */ new WeakMap();
 var function_default = {
   analyze(fn) {
@@ -8014,14 +8025,14 @@ var function_default = {
     if (markoRoot && (markoRoot.isMarkoPlaceholder() || markoRoot.isMarkoScriptlet() && markoRoot.node.target === "server")) {
       return;
     }
-    if (isMarkoAttribute(markoRoot) && ((0, import_babel_utils37.isNativeTag)(markoRoot.parentPath) && /^on[A-Z-]/.test(markoRoot.node.name) || isCoreTagName(markoRoot.parentPath, "script") || isCoreTagName(markoRoot.parentPath, "lifecycle") || isCoreTagName(markoRoot.parentPath, "for"))) {
+    if (isMarkoAttribute(markoRoot) && ((0, import_babel_utils38.isNativeTag)(markoRoot.parentPath) && /^on[A-Z-]/.test(markoRoot.node.name) || isCoreTagName(markoRoot.parentPath, "script") || isCoreTagName(markoRoot.parentPath, "lifecycle") || isCoreTagName(markoRoot.parentPath, "for"))) {
       return;
     }
     const { node } = fn;
     const extra = node.extra ??= {};
-    const name2 = extra.name = fn.node.id?.name || (isMarkoAttribute(markoRoot) ? markoRoot.node.default ? import_compiler47.types.toIdentifier(
+    const name2 = extra.name = fn.node.id?.name || (isMarkoAttribute(markoRoot) ? markoRoot.node.default ? import_compiler48.types.toIdentifier(
       markoRoot.parentPath.has("var") ? markoRoot.parentPath.get("var") : markoRoot.parentPath.get("name")
-    ) : markoRoot.node.name : import_compiler47.types.isVariableDeclarator(fn.parent) && import_compiler47.types.isIdentifier(fn.parent.id) ? fn.parent.id.name : import_compiler47.types.isObjectMethod(node) && import_compiler47.types.isIdentifier(node.key) ? node.key.name : "anonymous");
+    ) : markoRoot.node.name : import_compiler48.types.isVariableDeclarator(fn.parent) && import_compiler48.types.isIdentifier(fn.parent.id) ? fn.parent.id.name : import_compiler48.types.isObjectMethod(node) && import_compiler48.types.isIdentifier(node.key) ? node.key.name : "anonymous");
     const {
       markoOpts,
       opts: { filename }
@@ -8037,10 +8048,11 @@ var function_default = {
     if (index === void 0) {
       functionNameCounts.set(name2, 0);
     } else {
+      functionNameCounts.set(name2, index + 1);
       id = `_${index}`;
     }
     extra.section = section;
-    extra.registerId = (0, import_babel_utils37.getTemplateId)(
+    extra.registerId = (0, import_babel_utils38.getTemplateId)(
       markoOpts,
       filename,
       `${section.id}/${name2 + id}`
@@ -8052,13 +8064,13 @@ function isMarkoAttribute(path5) {
 }
 
 // src/translator/visitors/import-declaration.ts
-var import_babel_utils38 = require("@marko/compiler/babel-utils");
+var import_babel_utils39 = require("@marko/compiler/babel-utils");
 var import_declaration_default = {
   analyze(importDecl) {
     const { node } = importDecl;
     const { source } = node;
     const { value } = source;
-    const tagImport = (0, import_babel_utils38.resolveTagImport)(importDecl, value);
+    const tagImport = (0, import_babel_utils39.resolveTagImport)(importDecl, value);
     if (tagImport) {
       node.extra ??= {};
       node.extra.tagImport = tagImport;
@@ -8081,15 +8093,15 @@ var import_declaration_default = {
 };
 
 // src/translator/visitors/placeholder.ts
-var import_compiler48 = require("@marko/compiler");
-var kBinding2 = Symbol("placeholder node binding");
+var import_compiler49 = require("@marko/compiler");
+var kBinding = Symbol("placeholder node binding");
 var kSiblingText = Symbol("placeholder has sibling text");
 var placeholder_default = {
   analyze(placeholder) {
     const { node } = placeholder;
     const { confident, computed } = evaluate(node.value);
     if (!(confident && (node.escape || isVoid2(computed)))) {
-      (node.extra ??= {})[kBinding2] = createBinding(
+      (node.extra ??= {})[kBinding] = createBinding(
         "#text",
         0 /* dom */,
         getOrCreateSection(placeholder),
@@ -8111,7 +8123,7 @@ var placeholder_default = {
       const isHTML = isOutputHTML();
       const write2 = writeTo(placeholder);
       const extra = node.extra || {};
-      const nodeBinding = extra[kBinding2];
+      const nodeBinding = extra[kBinding];
       const canWriteHTML = isHTML || confident && node.escape;
       const method = canWriteHTML ? node.escape ? "escapeXML" : "toString" : node.escape ? "data" : "html";
       const isStateful = isStatefulReferences(referencedBindings);
@@ -8140,10 +8152,10 @@ var placeholder_default = {
             "render",
             getSection(placeholder),
             value.extra?.referencedBindings,
-            import_compiler48.types.expressionStatement(
+            import_compiler49.types.expressionStatement(
               method === "data" ? callRuntime(
                 "data",
-                import_compiler48.types.memberExpression(
+                import_compiler49.types.memberExpression(
                   scopeIdentifier,
                   getScopeAccessorLiteral(nodeBinding),
                   true
@@ -8180,7 +8192,7 @@ function analyzeSiblingText(placeholder) {
       break;
     }
   }
-  if (!prev.node && import_compiler48.types.isProgram(placeholder.parentPath)) {
+  if (!prev.node && import_compiler49.types.isProgram(placeholder.parentPath)) {
     return placeholderExtra[kSiblingText] = 1 /* Before */;
   }
   let next = placeholder.getNextSibling();
@@ -8197,7 +8209,7 @@ function analyzeSiblingText(placeholder) {
       break;
     }
   }
-  if (!next.node && import_compiler48.types.isProgram(placeholder.parentPath)) {
+  if (!next.node && import_compiler49.types.isProgram(placeholder.parentPath)) {
     return placeholderExtra[kSiblingText] = 2 /* After */;
   }
   return placeholderExtra[kSiblingText] = 0 /* None */;
@@ -8207,7 +8219,7 @@ function isVoid2(value) {
 }
 
 // src/translator/visitors/referenced-identifier.ts
-var import_compiler49 = require("@marko/compiler");
+var import_compiler50 = require("@marko/compiler");
 var abortIdsByExpressionForSection = /* @__PURE__ */ new WeakMap();
 var referenced_identifier_default = {
   migrate(identifier) {
@@ -8215,8 +8227,8 @@ var referenced_identifier_default = {
     if (identifier.scope.hasBinding(name2)) return;
     switch (name2) {
       case "out":
-        if (import_compiler49.types.isMemberExpression(identifier.parent) && import_compiler49.types.isIdentifier(identifier.parent.property) && identifier.parent.property.name === "global") {
-          identifier.parentPath.replaceWith(import_compiler49.types.identifier("$global"));
+        if (import_compiler50.types.isMemberExpression(identifier.parent) && import_compiler50.types.isIdentifier(identifier.parent.property) && identifier.parent.property.name === "global") {
+          identifier.parentPath.replaceWith(import_compiler50.types.identifier("$global"));
         } else {
           throw identifier.buildCodeFrameError(
             "Only `out.global` is supported for compatibility."
@@ -8243,24 +8255,24 @@ var referenced_identifier_default = {
       case "$global":
         if (isOutputHTML()) {
           identifier.replaceWith(
-            import_compiler49.types.callExpression(importRuntime("$global"), [])
+            import_compiler50.types.callExpression(importRuntime("$global"), [])
           );
         } else {
           identifier.replaceWith(
-            import_compiler49.types.memberExpression(scopeIdentifier, import_compiler49.types.identifier("$global"))
+            import_compiler50.types.memberExpression(scopeIdentifier, import_compiler50.types.identifier("$global"))
           );
         }
         break;
       case "$signal":
         if (isOutputHTML()) {
           identifier.replaceWith(
-            import_compiler49.types.callExpression(
-              import_compiler49.types.arrowFunctionExpression(
+            import_compiler50.types.callExpression(
+              import_compiler50.types.arrowFunctionExpression(
                 [],
-                import_compiler49.types.blockStatement([
-                  import_compiler49.types.throwStatement(
-                    import_compiler49.types.newExpression(import_compiler49.types.identifier("Error"), [
-                      import_compiler49.types.stringLiteral("Cannot use $signal in a server render.")
+                import_compiler50.types.blockStatement([
+                  import_compiler50.types.throwStatement(
+                    import_compiler50.types.newExpression(import_compiler50.types.identifier("Error"), [
+                      import_compiler50.types.stringLiteral("Cannot use $signal in a server render.")
                     ])
                   )
                 ])
@@ -8286,18 +8298,18 @@ var referenced_identifier_default = {
               "render",
               section,
               exprRoot.node.extra?.referencedBindings,
-              import_compiler49.types.expressionStatement(
-                import_compiler49.types.callExpression(importRuntime("resetAbortSignal"), [
+              import_compiler50.types.expressionStatement(
+                import_compiler50.types.callExpression(importRuntime("resetAbortSignal"), [
                   scopeIdentifier,
-                  import_compiler49.types.numericLiteral(exprId)
+                  import_compiler50.types.numericLiteral(exprId)
                 ])
               )
             );
           }
           identifier.replaceWith(
-            import_compiler49.types.callExpression(importRuntime("getAbortSignal"), [
+            import_compiler50.types.callExpression(importRuntime("getAbortSignal"), [
               scopeIdentifier,
-              import_compiler49.types.numericLiteral(exprId)
+              import_compiler50.types.numericLiteral(exprId)
             ])
           );
         }
@@ -8337,21 +8349,21 @@ var scriptlet_default = {
 };
 
 // src/translator/visitors/tag/index.ts
-var import_compiler53 = require("@marko/compiler");
-var import_babel_utils42 = require("@marko/compiler/babel-utils");
+var import_compiler54 = require("@marko/compiler");
+var import_babel_utils43 = require("@marko/compiler/babel-utils");
 
 // src/translator/visitors/tag/attribute-tag.ts
-var import_compiler50 = require("@marko/compiler");
-var import_babel_utils39 = require("@marko/compiler/babel-utils");
+var import_compiler51 = require("@marko/compiler");
+var import_babel_utils40 = require("@marko/compiler/babel-utils");
 var attribute_tag_default = {
   analyze: {
     enter(tag) {
-      (0, import_babel_utils39.assertNoVar)(tag);
-      (0, import_babel_utils39.assertNoArgs)(tag);
+      (0, import_babel_utils40.assertNoVar)(tag);
+      (0, import_babel_utils40.assertNoArgs)(tag);
       const body = tag.get("body");
       startSection(body);
       trackParamsReferences(body, 3 /* param */);
-      if (!(0, import_babel_utils39.findParentTag)(tag)) {
+      if (!(0, import_babel_utils40.findParentTag)(tag)) {
         throw tag.get("name").buildCodeFrameError("@tags must be nested within another tag.");
       }
     }
@@ -8372,17 +8384,17 @@ var attribute_tag_default = {
 };
 
 // src/translator/visitors/tag/custom-tag.ts
-var import_compiler51 = require("@marko/compiler");
-var import_babel_utils40 = require("@marko/compiler/babel-utils");
+var import_compiler52 = 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");
 var kChildAttrExprs = Symbol("custom tag child attribute expressions");
 var custom_tag_default = {
   analyze: {
     enter(tag) {
-      (0, import_babel_utils40.assertAttributesOrSingleArg)(tag);
+      (0, import_babel_utils41.assertAttributesOrSingleArg)(tag);
       analyzeAttributeTags(tag);
-      const templateFile = (0, import_babel_utils40.getTagTemplate)(tag);
+      const templateFile = (0, import_babel_utils41.getTagTemplate)(tag);
       if (!templateFile) {
         const tagName = getTagName(tag);
         if (tagName && tag.scope.hasBinding(tagName)) {
@@ -8406,7 +8418,7 @@ var custom_tag_default = {
         tagExtra
       );
       tagExtra[kChildAttrExprs] = /* @__PURE__ */ new Set([tagExtra]);
-      const childFile = (0, import_babel_utils40.loadFileForTag)(tag);
+      const childFile = (0, import_babel_utils41.loadFileForTag)(tag);
       if (childFile.opts.filename === tag.hub.file.opts.filename) {
         mergeReferences(section, tag.node, getAllTagReferenceNodes(tag.node));
       } else {
@@ -8443,15 +8455,15 @@ function translateHTML(tag) {
   let tagIdentifier;
   flushInto(tag);
   writeHTMLResumeStatements(tagBody);
-  if (import_compiler51.types.isStringLiteral(node.name)) {
+  if (import_compiler52.types.isStringLiteral(node.name)) {
     const relativePath = getTagRelativePath(tag);
-    tagIdentifier = isCircularRequest(tag.hub.file, relativePath) ? htmlRendererIdentifier : (0, import_babel_utils40.importDefault)(tag.hub.file, relativePath, getTagName(tag));
+    tagIdentifier = isCircularRequest(tag.hub.file, relativePath) ? htmlRendererIdentifier : (0, import_babel_utils41.importDefault)(tag.hub.file, relativePath, getTagName(tag));
   } else {
     tagIdentifier = node.name;
   }
   const tagVar = node.var;
   const section = getSection(tag);
-  const inputExport = (0, import_babel_utils40.loadFileForTag)(tag)?.ast.program.extra?.domExports?.params?.props?.[0];
+  const inputExport = (0, import_babel_utils41.loadFileForTag)(tag)?.ast.program.extra?.domExports?.params?.props?.[0];
   const { properties, statements } = inputExport ? translateAttrs(tag, inputExport.props) : {
     properties: [],
     statements: []
@@ -8469,8 +8481,8 @@ function translateHTML(tag) {
       childScopeBinding?.name
     );
     tag.insertBefore(
-      import_compiler51.types.variableDeclaration("const", [
-        import_compiler51.types.variableDeclarator(peekScopeId, callRuntime("peekNextScope"))
+      import_compiler52.types.variableDeclaration("const", [
+        import_compiler52.types.variableDeclarator(peekScopeId, callRuntime("peekNextScope"))
       ])
     );
     getSerializedScopeProperties(section).set(
@@ -8479,12 +8491,12 @@ function translateHTML(tag) {
     );
     if (tagVar) {
       statements.push(
-        import_compiler51.types.expressionStatement(
+        import_compiler52.types.expressionStatement(
           callRuntime(
             "setTagVar",
             getScopeIdIdentifier(section),
             peekScopeId,
-            import_compiler51.types.stringLiteral(
+            import_compiler52.types.stringLiteral(
               getResumeRegisterId(
                 section,
                 node.var.extra?.binding,
@@ -8504,8 +8516,8 @@ function translateHTML(tag) {
       const contentExpression = contentProp.value;
       contentProp.value = contentId = tag.scope.generateUidIdentifier("content");
       const [contentPath] = tag.insertBefore(
-        import_compiler51.types.variableDeclaration("const", [
-          import_compiler51.types.variableDeclarator(
+        import_compiler52.types.variableDeclaration("const", [
+          import_compiler52.types.variableDeclarator(
             contentId,
             // TODO: only register if needed (child template analysis)
             contentExpression
@@ -8519,13 +8531,13 @@ function translateHTML(tag) {
       propsToExpression(properties)
     );
     if (tagVar) {
-      translateVar(tag, import_compiler51.types.unaryExpression("void", import_compiler51.types.numericLiteral(0)), "let");
-      renderTagExpr = import_compiler51.types.assignmentExpression("=", tagVar, renderTagExpr);
+      translateVar(tag, import_compiler52.types.unaryExpression("void", import_compiler52.types.numericLiteral(0)), "let");
+      renderTagExpr = import_compiler52.types.assignmentExpression("=", tagVar, renderTagExpr);
     }
     statements.push(
-      import_compiler51.types.ifStatement(
+      import_compiler52.types.ifStatement(
         tagIdentifier,
-        import_compiler51.types.expressionStatement(renderTagExpr),
+        import_compiler52.types.expressionStatement(renderTagExpr),
         contentId && callStatement(contentId)
       )
     );
@@ -8551,9 +8563,9 @@ function translateDOM(tag) {
   const childScopeBinding = extra[kChildScopeBinding];
   const write2 = writeTo(tag);
   const { file } = tag.hub;
-  const tagName = import_compiler51.types.isIdentifier(node.name) ? node.name.name : import_compiler51.types.isStringLiteral(node.name) ? node.name.value : "tag";
+  const tagName = import_compiler52.types.isIdentifier(node.name) ? node.name.name : import_compiler52.types.isStringLiteral(node.name) ? node.name.value : "tag";
   const relativePath = getTagRelativePath(tag);
-  const childFile = (0, import_babel_utils40.loadFileForTag)(tag);
+  const childFile = (0, import_babel_utils41.loadFileForTag)(tag);
   const childExports = childFile.ast.program.extra.domExports;
   const tagIdentifier = importOrSelfReferenceName(
     file,
@@ -8571,10 +8583,10 @@ function translateDOM(tag) {
       attrTagCallsByTag: void 0
     });
   }
-  write2`${(0, import_babel_utils40.importNamed)(file, relativePath, childExports.template, `${tagName}_template`)}`;
+  write2`${(0, import_babel_utils41.importNamed)(file, relativePath, childExports.template, `${tagName}_template`)}`;
   injectWalks(
     tag,
-    (0, import_babel_utils40.importNamed)(file, relativePath, childExports.walks, `${tagName}_walks`)
+    (0, import_babel_utils41.importNamed)(file, relativePath, childExports.walks, `${tagName}_walks`)
   );
   if (node.var) {
     const source = initValue(
@@ -8583,7 +8595,7 @@ function translateDOM(tag) {
     );
     source.register = true;
     source.buildAssignment = (valueSection, value) => {
-      return import_compiler51.types.callExpression(importRuntime("tagVarSignalChange"), [
+      return import_compiler52.types.callExpression(importRuntime("tagVarSignalChange"), [
         createScopeReadExpression(valueSection, childScopeBinding),
         value
       ]);
@@ -8592,7 +8604,7 @@ function translateDOM(tag) {
       "render",
       tagSection,
       void 0,
-      import_compiler51.types.expressionStatement(
+      import_compiler52.types.expressionStatement(
         callRuntime(
           "setTagVar",
           scopeIdentifier,
@@ -8606,8 +8618,8 @@ function translateDOM(tag) {
     "render",
     tagSection,
     void 0,
-    import_compiler51.types.expressionStatement(
-      import_compiler51.types.callExpression(tagIdentifier, [
+    import_compiler52.types.expressionStatement(
+      import_compiler52.types.callExpression(tagIdentifier, [
         createScopeReadExpression(tagSection, childScopeBinding)
       ])
     )
@@ -8620,9 +8632,9 @@ function getTagRelativePath(tag) {
     hub: { file }
   } = tag;
   let relativePath;
-  if (import_compiler51.types.isStringLiteral(node.name)) {
-    const template = (0, import_babel_utils40.getTagTemplate)(tag);
-    relativePath = template && (0, import_babel_utils40.resolveRelativePath)(file, template);
+  if (import_compiler52.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) {
     relativePath = node.extra.tagNameImported;
   }
@@ -8668,7 +8680,7 @@ function analyzeAttrs(rootTagExtra, section, tag, templateExport) {
     const attrTags2 = tag.node.body.attributeTags ? tag.get("body").get("body") : tag.get("attributeTags");
     for (const child of attrTags2) {
       if (child.isMarkoTag()) {
-        if ((0, import_babel_utils40.isAttributeTag)(child)) {
+        if ((0, import_babel_utils41.isAttributeTag)(child)) {
           const attrTagMeta = attrTagLookup[getTagName(child)];
           const childAttrExports = templateExport.props[attrTagMeta.name];
           if (childAttrExports) {
@@ -8709,7 +8721,7 @@ function analyzeAttrs(rootTagExtra, section, tag, templateExport) {
   let spreadReferenceNodes;
   for (let i = attributes.length; i--; ) {
     const attr2 = attributes[i];
-    if (import_compiler51.types.isMarkoAttribute(attr2)) {
+    if (import_compiler52.types.isMarkoAttribute(attr2)) {
       if (seen.has(attr2.name) || !templateExport.props[attr2.name]) {
         dropReferences(attr2.value);
         continue;
@@ -8718,7 +8730,7 @@ function analyzeAttrs(rootTagExtra, section, tag, templateExport) {
     }
     if (spreadReferenceNodes) {
       spreadReferenceNodes.push(attr2.value);
-    } else if (import_compiler51.types.isMarkoSpreadAttribute(attr2)) {
+    } else if (import_compiler52.types.isMarkoSpreadAttribute(attr2)) {
       spreadReferenceNodes = [attr2.value];
     } else {
       rootTagExtra[kChildAttrExprs].add(attr2.value.extra ??= {});
@@ -8743,12 +8755,12 @@ 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_compiler51.types.isSpreadElement(arg) ? import_compiler51.types.memberExpression(arg.argument, import_compiler51.types.numericLiteral(0), true) : arg,
+      import_compiler52.types.isSpreadElement(arg) ? import_compiler52.types.memberExpression(arg.argument, import_compiler52.types.numericLiteral(0), true) : arg,
       createScopeReadExpression(info.tagSection, info.childScopeBinding),
       callRuntime(
         "inChild",
         getScopeAccessorLiteral(info.childScopeBinding),
-        import_compiler51.types.identifier(tagInputIdentifier.name)
+        import_compiler52.types.identifier(tagInputIdentifier.name)
       )
     );
     return;
@@ -8771,7 +8783,7 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
       );
     }
     let translatedProps = propsToExpression(translatedAttrs.properties);
-    if ((0, import_babel_utils40.isAttributeTag)(tag)) {
+    if ((0, import_babel_utils41.isAttributeTag)(tag)) {
       const attrTagName = getTagName(tag);
       const parentTag = tag.parentPath;
       const repeated = analyzeAttributeTags(parentTag)?.[attrTagName]?.repeated;
@@ -8796,7 +8808,7 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
         } else {
           attrTagCallsForTag.set(
             attrTagName,
-            translatedProps = import_compiler51.types.parenthesizedExpression(
+            translatedProps = import_compiler52.types.parenthesizedExpression(
               callRuntime("attrTag", translatedProps)
             )
           );
@@ -8814,7 +8826,7 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
       callRuntime(
         "inChild",
         getScopeAccessorLiteral(info.childScopeBinding),
-        import_compiler51.types.identifier(tagInputIdentifier.name)
+        import_compiler52.types.identifier(tagInputIdentifier.name)
       )
     );
     return;
@@ -8848,7 +8860,7 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
     for (let i = 0; i < attrTags2.length; i++) {
       const child = attrTags2[i];
       if (child.isMarkoTag()) {
-        if ((0, import_babel_utils40.isAttributeTag)(child)) {
+        if ((0, import_babel_utils41.isAttributeTag)(child)) {
           const attrTagMeta = attrTagLookup[getTagName(child)];
           const childAttrExport = templateExport.props[attrTagMeta.name];
           if (childAttrExport) {
@@ -8886,7 +8898,7 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
           childAttrExports.id,
           `${importAlias}_${attrTagMeta.name}`
         );
-        decls.push(import_compiler51.types.variableDeclarator(getAttrTagIdentifier(attrTagMeta)));
+        decls.push(import_compiler52.types.variableDeclarator(getAttrTagIdentifier(attrTagMeta)));
         addValue(
           info.tagSection,
           referencedBindings,
@@ -8896,12 +8908,12 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
           callRuntime(
             "inChild",
             getScopeAccessorLiteral(info.childScopeBinding),
-            import_compiler51.types.identifier(attrExportIdentifier.name)
+            import_compiler52.types.identifier(attrExportIdentifier.name)
           )
         );
       }
       addStatement("render", info.tagSection, referencedBindings, [
-        import_compiler51.types.variableDeclaration("let", decls),
+        import_compiler52.types.variableDeclaration("let", decls),
         ...statements
       ]);
     }
@@ -8910,7 +8922,7 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
   if (bodySection && !seen.has("content")) {
     seen.add("content");
     if (templateExport.props.content) {
-      const contentExportIdentifier = (0, import_babel_utils40.importNamed)(
+      const contentExportIdentifier = (0, import_babel_utils41.importNamed)(
         tag.hub.file,
         info.relativePath,
         templateExport.props.content.id,
@@ -8921,12 +8933,12 @@ 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_compiler51.types.callExpression(import_compiler51.types.identifier(bodySection.name), [scopeIdentifier]),
+        import_compiler52.types.callExpression(import_compiler52.types.identifier(bodySection.name), [scopeIdentifier]),
         createScopeReadExpression(info.tagSection, info.childScopeBinding),
         callRuntime(
           "inChild",
           getScopeAccessorLiteral(info.childScopeBinding),
-          import_compiler51.types.identifier(contentExportIdentifier.name)
+          import_compiler52.types.identifier(contentExportIdentifier.name)
         )
       );
     }
@@ -8936,7 +8948,7 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
   let spreadProps;
   for (let i = attributes.length; i--; ) {
     const attr2 = attributes[i];
-    if (import_compiler51.types.isMarkoAttribute(attr2)) {
+    if (import_compiler52.types.isMarkoAttribute(attr2)) {
       const childAttrExports = templateExport.props[attr2.name];
       if (!childAttrExports || seen.has(attr2.name)) continue;
       seen.add(attr2.name);
@@ -8946,9 +8958,9 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
       }
       staticAttrs.push(attr2);
     } else if (spreadProps) {
-      spreadProps.push(import_compiler51.types.spreadElement(attr2.value));
+      spreadProps.push(import_compiler52.types.spreadElement(attr2.value));
     } else {
-      spreadProps = [import_compiler51.types.spreadElement(attr2.value)];
+      spreadProps = [import_compiler52.types.spreadElement(attr2.value)];
     }
   }
   for (const attr2 of staticAttrs.reverse()) {
@@ -8968,7 +8980,7 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
       callRuntime(
         "inChild",
         getScopeAccessorLiteral(info.childScopeBinding),
-        import_compiler51.types.identifier(attrExportIdentifier.name)
+        import_compiler52.types.identifier(attrExportIdentifier.name)
       )
     );
   }
@@ -8982,8 +8994,8 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
       spreadProps.reverse();
       getMissingPropValue = (name2) => toMemberExpression(spreadId, name2);
       addStatement("render", info.tagSection, referencedBindings, [
-        import_compiler51.types.variableDeclaration("const", [
-          import_compiler51.types.variableDeclarator(spreadId, propsToExpression(spreadProps))
+        import_compiler52.types.variableDeclaration("const", [
+          import_compiler52.types.variableDeclarator(spreadId, propsToExpression(spreadProps))
         ])
       ]);
     }
@@ -9004,7 +9016,7 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
         callRuntime(
           "inChild",
           getScopeAccessorLiteral(info.childScopeBinding),
-          import_compiler51.types.identifier(attrExportIdentifier.name)
+          import_compiler52.types.identifier(attrExportIdentifier.name)
         )
       );
     }
@@ -9012,19 +9024,19 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
 }
 function importOrSelfReferenceName(file, request, name2, nameHint) {
   if (isCircularRequest(file, request)) {
-    return import_compiler51.types.identifier(name2);
+    return import_compiler52.types.identifier(name2);
   }
-  return (0, import_babel_utils40.importNamed)(file, request, name2, nameHint);
+  return (0, import_babel_utils41.importNamed)(file, request, name2, nameHint);
 }
 function isCircularRequest(file, request) {
   const { filename } = file.opts;
   return request === filename || request[0] === "." && import_path4.default.resolve(filename, "..", request) === filename;
 }
 function callStatement(id, ...args) {
-  return import_compiler51.types.expressionStatement(callExpression(id, ...args));
+  return import_compiler52.types.expressionStatement(callExpression(id, ...args));
 }
 function callExpression(id, ...args) {
-  return import_compiler51.types.callExpression(id, args.filter(Boolean));
+  return import_compiler52.types.callExpression(id, args.filter(Boolean));
 }
 function identifierToSignal(identifier) {
   return {
@@ -9033,20 +9045,20 @@ function identifierToSignal(identifier) {
   };
 }
 function buildUndefined2() {
-  return import_compiler51.types.unaryExpression("void", import_compiler51.types.numericLiteral(0));
+  return import_compiler52.types.unaryExpression("void", import_compiler52.types.numericLiteral(0));
 }
 function always() {
   return true;
 }
 
 // src/translator/visitors/tag/dynamic-tag.ts
-var import_compiler52 = require("@marko/compiler");
-var import_babel_utils41 = require("@marko/compiler/babel-utils");
+var import_compiler53 = require("@marko/compiler");
+var import_babel_utils42 = require("@marko/compiler/babel-utils");
 var kDOMBinding = Symbol("dynamic tag dom binding");
 var dynamic_tag_default = {
   analyze: {
     enter(tag) {
-      (0, import_babel_utils41.assertAttributesOrArgs)(tag);
+      (0, import_babel_utils42.assertAttributesOrArgs)(tag);
       analyzeAttributeTags(tag);
       const section = getOrCreateSection(tag);
       const tagExtra = tag.node.extra ??= {};
@@ -9080,8 +9092,8 @@ var dynamic_tag_default = {
       const section = getSection(tag);
       const isClassAPI = extra.featureType === "class";
       let tagExpression = node.name;
-      if (import_compiler52.types.isStringLiteral(tagExpression)) {
-        tagExpression = (0, import_babel_utils41.importDefault)(
+      if (import_compiler53.types.isStringLiteral(tagExpression)) {
+        tagExpression = (0, import_babel_utils42.importDefault)(
           tag.hub.file,
           getTagRelativePath(tag),
           tagExpression.value
@@ -9091,12 +9103,12 @@ var dynamic_tag_default = {
         if (isOutputHTML()) {
           currentProgramPath.pushContainer(
             "body",
-            import_compiler52.types.expressionStatement(
-              import_compiler52.types.callExpression(
-                (0, import_babel_utils41.importNamed)(tag.hub.file, getCompatRuntimeFile(), "s"),
+            import_compiler53.types.expressionStatement(
+              import_compiler53.types.callExpression(
+                (0, import_babel_utils42.importNamed)(tag.hub.file, getCompatRuntimeFile(), "s"),
                 [
-                  import_compiler52.types.identifier(tagExpression.name),
-                  import_compiler52.types.stringLiteral((0, import_babel_utils41.loadFileForTag)(tag).metadata.marko.id)
+                  import_compiler53.types.identifier(tagExpression.name),
+                  import_compiler53.types.stringLiteral((0, import_babel_utils42.loadFileForTag)(tag).metadata.marko.id)
                 ]
               )
             )
@@ -9104,11 +9116,11 @@ var dynamic_tag_default = {
         } else {
           currentProgramPath.pushContainer(
             "body",
-            import_compiler52.types.expressionStatement(
+            import_compiler53.types.expressionStatement(
               callRuntime(
                 "register",
-                import_compiler52.types.stringLiteral((0, import_babel_utils41.loadFileForTag)(tag).metadata.marko.id),
-                import_compiler52.types.identifier(tagExpression.name)
+                import_compiler53.types.stringLiteral((0, import_babel_utils42.loadFileForTag)(tag).metadata.marko.id),
+                import_compiler53.types.identifier(tagExpression.name)
               )
             )
           );
@@ -9128,7 +9140,7 @@ var dynamic_tag_default = {
           hasMultipleArgs = true;
           args.push(propsToExpression(properties));
         } else {
-          hasMultipleArgs = node.arguments.length > 1 || import_compiler52.types.isSpreadElement(node.arguments[0]);
+          hasMultipleArgs = node.arguments.length > 1 || import_compiler53.types.isSpreadElement(node.arguments[0]);
         }
       } else {
         const contentProp = getTranslatedBodyContentProperty(properties);
@@ -9144,7 +9156,7 @@ var dynamic_tag_default = {
         writeHTMLResumeStatements(tag.get("body"));
         if (node.var) {
           if (!hasMultipleArgs && args.length === 1) {
-            args.push(import_compiler52.types.unaryExpression("void", import_compiler52.types.numericLiteral(0)));
+            args.push(import_compiler53.types.unaryExpression("void", import_compiler53.types.numericLiteral(0)));
           }
         }
         const dynamicScopeIdentifier = currentProgramPath.scope.generateUidIdentifier("dynamicScope");
@@ -9153,7 +9165,7 @@ var dynamic_tag_default = {
           getScopeIdIdentifier(section),
           getScopeAccessorLiteral(nodeRef2),
           tagExpression,
-          import_compiler52.types.arrayExpression(args)
+          import_compiler53.types.arrayExpression(args)
         ) : callRuntime(
           "dynamicTagInput",
           getScopeIdIdentifier(section),
@@ -9162,8 +9174,8 @@ var dynamic_tag_default = {
           ...args
         );
         statements.push(
-          import_compiler52.types.variableDeclaration("const", [
-            import_compiler52.types.variableDeclarator(
+          import_compiler53.types.variableDeclaration("const", [
+            import_compiler53.types.variableDeclarator(
               dynamicScopeIdentifier,
               callRuntime("peekNextScope")
             )
@@ -9171,12 +9183,12 @@ var dynamic_tag_default = {
         );
         if (node.var) {
           statements.push(
-            import_compiler52.types.expressionStatement(
+            import_compiler53.types.expressionStatement(
               callRuntime(
                 "setTagVar",
                 getScopeIdIdentifier(section),
                 dynamicScopeIdentifier,
-                import_compiler52.types.stringLiteral(
+                import_compiler53.types.stringLiteral(
                   getResumeRegisterId(
                     section,
                     node.var.extra?.binding,
@@ -9186,26 +9198,26 @@ var dynamic_tag_default = {
                 )
               )
             ),
-            import_compiler52.types.variableDeclaration("const", [
-              import_compiler52.types.variableDeclarator(node.var, dynamicTagExpr)
+            import_compiler53.types.variableDeclaration("const", [
+              import_compiler53.types.variableDeclarator(node.var, dynamicTagExpr)
             ])
           );
         } else {
-          statements.push(import_compiler52.types.expressionStatement(dynamicTagExpr));
+          statements.push(import_compiler53.types.expressionStatement(dynamicTagExpr));
         }
         getSerializedScopeProperties(section).set(
-          import_compiler52.types.stringLiteral(
+          import_compiler53.types.stringLiteral(
             getScopeAccessorLiteral(nodeRef2).value + "!" /* ConditionalScope */
           ),
           callRuntime("writeExistingScope", dynamicScopeIdentifier)
         );
         getSerializedScopeProperties(section).set(
-          import_compiler52.types.stringLiteral(
+          import_compiler53.types.stringLiteral(
             getScopeAccessorLiteral(nodeRef2).value + "(" /* ConditionalRenderer */
           ),
           callRuntime(
             "normalizeDynamicRenderer",
-            import_compiler52.types.isIdentifier(tagExpression) ? import_compiler52.types.identifier(tagExpression.name) : tagExpression
+            import_compiler53.types.isIdentifier(tagExpression) ? import_compiler53.types.identifier(tagExpression.name) : tagExpression
           )
         );
         for (const replacement of tag.replaceWithMultiple(statements)) {
@@ -9214,10 +9226,10 @@ var dynamic_tag_default = {
       } else {
         const section2 = getSection(tag);
         const bodySection = getSectionForBody(tag.get("body"));
-        const signal = getSignal(section2, nodeRef2, "dynamicTagName");
+        const signal = getSignal(section2, nodeRef2, "dynamicTag");
         signal.build = () => {
           return callRuntime(
-            "conditional",
+            "dynamicTag",
             getScopeAccessorLiteral(nodeRef2),
             getSignalFn(signal, [scopeIdentifier]),
             buildSignalIntersections(signal)
@@ -9228,16 +9240,16 @@ var dynamic_tag_default = {
           section2,
           node.name.extra?.referencedBindings,
           signal,
-          bodySection ? import_compiler52.types.logicalExpression(
+          bodySection ? import_compiler53.types.logicalExpression(
             "||",
             tagExpression,
-            import_compiler52.types.callExpression(import_compiler52.types.identifier(bodySection.name), [
+            import_compiler53.types.callExpression(import_compiler53.types.identifier(bodySection.name), [
               scopeIdentifier
             ])
           ) : tagExpression
         );
         if (tag.node.var) {
-          const childScopeLiteral = import_compiler52.types.stringLiteral(
+          const childScopeLiteral = import_compiler53.types.stringLiteral(
             getScopeAccessorLiteral(extra[kDOMBinding]).value + "!" /* ConditionalScope */
           );
           const source = initValue(
@@ -9246,8 +9258,8 @@ var dynamic_tag_default = {
           );
           source.register = true;
           source.buildAssignment = (valueSection, value) => {
-            return import_compiler52.types.callExpression(importRuntime("tagVarSignalChange"), [
-              import_compiler52.types.memberExpression(
+            return import_compiler53.types.callExpression(importRuntime("tagVarSignalChange"), [
+              import_compiler53.types.memberExpression(
                 getScopeExpression(source.section, valueSection),
                 childScopeLiteral,
                 true
@@ -9259,7 +9271,7 @@ var dynamic_tag_default = {
             "render",
             section2,
             nodeRef2,
-            import_compiler52.types.expressionStatement(
+            import_compiler53.types.expressionStatement(
               callRuntime(
                 "setTagVar",
                 scopeIdentifier,
@@ -9270,11 +9282,11 @@ var dynamic_tag_default = {
           );
         }
         if (args.length) {
-          const argsOrInput = hasMultipleArgs ? import_compiler52.types.arrayExpression(args) : args[0];
-          const attrsGetter = import_compiler52.types.arrowFunctionExpression(
+          const argsOrInput = hasMultipleArgs ? import_compiler53.types.arrayExpression(args) : args[0];
+          const attrsGetter = import_compiler53.types.arrowFunctionExpression(
             [],
-            statements.length ? import_compiler52.types.blockStatement(
-              statements.concat(import_compiler52.types.returnStatement(argsOrInput))
+            statements.length ? import_compiler53.types.blockStatement(
+              statements.concat(import_compiler53.types.returnStatement(argsOrInput))
             ) : argsOrInput
           );
           const id = currentProgramPath.scope.generateUidIdentifier(
@@ -9289,14 +9301,14 @@ var dynamic_tag_default = {
                 if (!added) {
                   currentProgramPath.pushContainer(
                     "body",
-                    import_compiler52.types.variableDeclaration("const", [
-                      import_compiler52.types.variableDeclarator(
+                    import_compiler53.types.variableDeclaration("const", [
+                      import_compiler53.types.variableDeclarator(
                         id,
                         callRuntime(
                           "dynamicTagAttrs",
                           getScopeAccessorLiteral(nodeRef2),
-                          bodySection && import_compiler52.types.identifier(bodySection.name),
-                          hasMultipleArgs && import_compiler52.types.numericLiteral(1)
+                          bodySection && import_compiler53.types.identifier(bodySection.name),
+                          hasMultipleArgs && import_compiler53.types.numericLiteral(1)
                         )
                       )
                     ])
@@ -9318,35 +9330,25 @@ var dynamic_tag_default = {
 
 // src/translator/visitors/tag/index.ts
 var TAG_NAME_IDENTIFIER_REG = /^[A-Z][a-zA-Z0-9_$]*$/;
+var BINDING_CHANGE_HANDLER = /* @__PURE__ */ new WeakMap();
 var tag_default = {
   transform: {
     enter(tag) {
       const { node } = tag;
       const { name: name2, attributes } = tag.node;
       let crawl = false;
-      if (import_compiler53.types.isStringLiteral(name2)) {
+      if (import_compiler54.types.isStringLiteral(name2)) {
         const tagName = name2.value;
         if (tag.scope.getBinding(tagName) && TAG_NAME_IDENTIFIER_REG.test(tagName)) {
-          node.name = withPreviousLocation(import_compiler53.types.identifier(tagName), name2);
+          node.name = withPreviousLocation(import_compiler54.types.identifier(tagName), name2);
           crawl = true;
         }
       }
       for (let i = 0; i < attributes.length; i++) {
         const attr2 = attributes[i];
-        if (import_compiler53.types.isMarkoAttribute(attr2) && attr2.bound) {
+        if (import_compiler54.types.isMarkoAttribute(attr2) && attr2.bound) {
           attr2.bound = false;
-          const changeValue = getChangeHandler(tag, attr2);
-          if (changeValue === null) {
-            throw tag.hub.buildError(
-              attr2,
-              "Attributes may only be bound to identifiers or member expressions"
-            );
-          }
-          attributes.splice(
-            ++i,
-            0,
-            import_compiler53.types.markoAttribute(attr2.name + "Change", changeValue)
-          );
+          attributes.splice(++i, 0, getChangeHandler(tag, attr2));
           crawl = true;
         }
       }
@@ -9357,7 +9359,7 @@ var tag_default = {
   },
   analyze: {
     enter(tag) {
-      const tagDef = (0, import_babel_utils42.getTagDef)(tag);
+      const tagDef = (0, import_babel_utils43.getTagDef)(tag);
       const type = analyzeTagNameType(tag);
       const hook = tagDef?.analyzer?.hook;
       if (hook) {
@@ -9381,7 +9383,7 @@ var tag_default = {
       }
     },
     exit(tag) {
-      const hook = (0, import_babel_utils42.getTagDef)(tag)?.analyzer?.hook;
+      const hook = (0, import_babel_utils43.getTagDef)(tag)?.analyzer?.hook;
       if (hook) {
         exit(hook, tag);
         return;
@@ -9390,7 +9392,7 @@ var tag_default = {
   },
   translate: {
     enter(tag) {
-      const tagDef = (0, import_babel_utils42.getTagDef)(tag);
+      const tagDef = (0, import_babel_utils43.getTagDef)(tag);
       const extra = tag.node.extra;
       if (tagDef?.translator) {
         if (tagDef.translator.path) {
@@ -9407,7 +9409,7 @@ var tag_default = {
             );
           }
           if (attr2.node.modifier) {
-            if ((0, import_babel_utils42.isNativeTag)(attr2.parentPath)) {
+            if ((0, import_babel_utils43.isNativeTag)(attr2.parentPath)) {
               attr2.node.name += `:${attr2.node.modifier}`;
             } else {
               throw attr2.buildCodeFrameError(
@@ -9420,8 +9422,8 @@ var tag_default = {
       if (extra.tagNameDynamic && extra.tagNameNullable && !tag.get("name").isIdentifier() && isOutputHTML()) {
         const tagNameId = tag.scope.generateUidIdentifier("tagName");
         const [tagNameVarPath] = tag.insertBefore(
-          import_compiler53.types.variableDeclaration("const", [
-            import_compiler53.types.variableDeclarator(tagNameId, tag.node.name)
+          import_compiler54.types.variableDeclaration("const", [
+            import_compiler54.types.variableDeclarator(tagNameId, tag.node.name)
           ])
         );
         tagNameVarPath.skip();
@@ -9443,7 +9445,7 @@ var tag_default = {
       }
     },
     exit(tag) {
-      const translator = (0, import_babel_utils42.getTagDef)(tag)?.translator;
+      const translator = (0, import_babel_utils43.getTagDef)(tag)?.translator;
       if (translator) {
         exit(translator.hook, tag);
         return;
@@ -9466,37 +9468,98 @@ var tag_default = {
   }
 };
 function getChangeHandler(tag, attr2) {
-  if (import_compiler53.types.isIdentifier(attr2.value)) {
-    const valueId = tag.scope.generateUidIdentifier("new_" + attr2.value.name);
-    return import_compiler53.types.arrowFunctionExpression(
-      [valueId],
-      import_compiler53.types.blockStatement([
-        import_compiler53.types.expressionStatement(
-          import_compiler53.types.assignmentExpression("=", import_compiler53.types.cloneNode(attr2.value), valueId)
+  const attrName = attr2.name;
+  const changeAttrName = attrName + "Change";
+  if (import_compiler54.types.isIdentifier(attr2.value)) {
+    const binding = tag.scope.getBinding(attr2.value.name);
+    if (!binding)
+      return import_compiler54.types.markoAttribute(
+        changeAttrName,
+        buildChangeHandlerFunction(attr2.value)
+      );
+    const existingChangedAttr = BINDING_CHANGE_HANDLER.get(binding.identifier);
+    if (!existingChangedAttr) {
+      const changeHandlerAttr = import_compiler54.types.markoAttribute(
+        changeAttrName,
+        buildChangeHandlerFunction(attr2.value)
+      );
+      BINDING_CHANGE_HANDLER.set(binding.identifier, changeHandlerAttr);
+      return changeHandlerAttr;
+    }
+    if (existingChangedAttr.type === "Identifier") {
+      return import_compiler54.types.markoAttribute(
+        changeAttrName,
+        withPreviousLocation(
+          import_compiler54.types.identifier(existingChangedAttr.name),
+          attr2.value
         )
-      ])
-    );
-  } else if (import_compiler53.types.isMemberExpression(attr2.value)) {
-    const prop = attr2.value.property;
-    if (import_compiler53.types.isPrivateName(prop)) return null;
-    if (import_compiler53.types.isIdentifier(prop)) {
-      return import_compiler53.types.memberExpression(
-        import_compiler53.types.cloneNode(attr2.value.object),
-        import_compiler53.types.identifier(prop.name + "Change")
       );
+    }
+    const markoRoot = isMarko(binding.path) ? binding.path : getMarkoRoot(binding.path);
+    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_compiler54.types.markoTag(
+      import_compiler54.types.stringLiteral("const"),
+      [import_compiler54.types.markoAttribute("value", existingChangedAttr.value, null, null, true)],
+      import_compiler54.types.markoTagBody([]),
+      null,
+      import_compiler54.types.identifier(changeHandlerId)
+    );
+    BINDING_CHANGE_HANDLER.set(
+      binding.identifier,
+      existingChangedAttr.value = import_compiler54.types.identifier(changeHandlerId)
+    );
+    if (markoRoot.isMarkoTag()) {
+      markoRoot.insertAfter(changeHandlerConst);
     } else {
-      return import_compiler53.types.memberExpression(
-        import_compiler53.types.cloneNode(attr2.value.object),
-        import_compiler53.types.binaryExpression("+", import_compiler53.types.cloneNode(prop), import_compiler53.types.stringLiteral("Change")),
-        true
+      markoRoot.unshiftContainer("body", changeHandlerConst);
+    }
+    return import_compiler54.types.markoAttribute(
+      changeAttrName,
+      withPreviousLocation(import_compiler54.types.identifier(changeHandlerId), attr2.value)
+    );
+  } else if (import_compiler54.types.isMemberExpression(attr2.value)) {
+    const prop = attr2.value.property;
+    if (!import_compiler54.types.isPrivateName(attr2.value.property)) {
+      return import_compiler54.types.markoAttribute(
+        changeAttrName,
+        import_compiler54.types.memberExpression(
+          import_compiler54.types.cloneNode(attr2.value.object),
+          prop.type === "Identifier" ? withPreviousLocation(import_compiler54.types.identifier(prop.name + "Change"), prop) : import_compiler54.types.binaryExpression(
+            "+",
+            import_compiler54.types.cloneNode(prop),
+            import_compiler54.types.stringLiteral("Change")
+          ),
+          prop.type !== "Identifier"
+        )
       );
     }
   }
-  return null;
+  throw tag.hub.buildError(
+    attr2.value,
+    "Attributes may only be bound to identifiers or member expressions"
+  );
+}
+function buildChangeHandlerFunction(id) {
+  const newId = "_new_" + id.name;
+  return import_compiler54.types.arrowFunctionExpression(
+    [withPreviousLocation(import_compiler54.types.identifier(newId), id)],
+    import_compiler54.types.blockStatement([
+      import_compiler54.types.expressionStatement(
+        import_compiler54.types.assignmentExpression(
+          "=",
+          withPreviousLocation(import_compiler54.types.identifier(id.name), id),
+          withPreviousLocation(import_compiler54.types.identifier(newId), id)
+        )
+      )
+    ])
+  );
 }
 
 // src/translator/visitors/text.ts
-var import_compiler54 = require("@marko/compiler");
+var import_compiler55 = require("@marko/compiler");
 var text_default = {
   translate: {
     exit(text) {