marko 6.0.0-next.3.37 → 6.0.0-next.3.39

package/dist/translator/index.js

@@ -628,7 +628,7 @@ function toMemberExpression(object, key, optional) {
 var pureFunctions = [
   "conditional",
   "conditionalClosure",
-  "conditionalOnlyChild",
+  "dynamicTag",
   "createRenderer",
   "createRendererWithOwner",
   "createTemplate",
@@ -2084,13 +2084,26 @@ function getSignal(section, referencedBindings, name2 = generateSignalName(refer
           scopeIdentifier,
           import_compiler17.types.identifier(referencedBindings.name)
         ]);
-        signal.isDynamicClosure = isDynamicClosure;
         const intersection = buildSignalIntersections(signal);
-        return isDynamicClosure ? callRuntime(
+        return isDynamicClosure ? isStatefulReferences(referencedBindings) ? callRuntime(
+          "registerDynamicClosure",
+          import_compiler17.types.stringLiteral(
+            getResumeRegisterId(
+              section,
+              signal.referencedBindings,
+              "subscriber"
+            )
+          ),
+          getScopeAccessorLiteral(referencedBindings),
+          render,
+          intersection,
+          isImmediateOwner ? void 0 : import_compiler17.types.arrowFunctionExpression([scopeIdentifier], ownerScope)
+        ) : callRuntime(
           "dynamicClosure",
+          getScopeAccessorLiteral(referencedBindings),
           render,
-          isImmediateOwner ? null : import_compiler17.types.arrowFunctionExpression([scopeIdentifier], ownerScope),
-          intersection
+          intersection,
+          isImmediateOwner ? void 0 : import_compiler17.types.arrowFunctionExpression([scopeIdentifier], ownerScope)
         ) : builder(signal, render, intersection);
       };
       addStatement(
@@ -2100,10 +2113,7 @@ function getSignal(section, referencedBindings, name2 = generateSignalName(refer
         import_compiler17.types.expressionStatement(
           import_compiler17.types.callExpression(
             import_compiler17.types.memberExpression(signal.identifier, import_compiler17.types.identifier("_")),
-            [
-              scopeIdentifier,
-              createScopeReadExpression(section, referencedBindings)
-            ]
+            [scopeIdentifier]
           )
         )
       );
@@ -2191,10 +2201,7 @@ function getSignalFn(signal, params, referencedBindings) {
       if (isStatefulReferences(closureSignal.referencedBindings)) {
         signal.render.push(
           import_compiler17.types.expressionStatement(
-            import_compiler17.types.callExpression(closureSignal.identifier, [
-              scopeIdentifier2,
-              valueIdentifier
-            ])
+            import_compiler17.types.callExpression(closureSignal.identifier, [scopeIdentifier2])
           )
         );
       }
@@ -2288,7 +2295,7 @@ function generateSignalName(referencedBindings) {
   return name2;
 }
 function finalizeSignalArgs(args) {
-  for (let i = args.length - 1; i >= 0; i--) {
+  for (let i = args.length; i--; ) {
     const arg = args[i];
     if (import_compiler17.types.isArrowFunctionExpression(arg) && import_compiler17.types.isBlockStatement(arg.body)) {
       const body = arg.body.body;
@@ -2297,9 +2304,11 @@ function finalizeSignalArgs(args) {
       } else if (body.length === 1 && import_compiler17.types.isExpressionStatement(body[0])) {
         arg.body = toParenthesizedExpressionIfNeeded(body[0].expression);
       }
+    } else if (import_compiler17.types.isNullLiteral(arg) || import_compiler17.types.isUnaryExpression(arg) && arg.operator === "void") {
+      args[i] = import_compiler17.types.numericLiteral(0);
     }
   }
-  for (let i = args.length - 1; import_compiler17.types.isNullLiteral(args[i]); ) {
+  for (let i = args.length - 1; import_compiler17.types.isNumericLiteral(args[i]) && args[i].value === 0; ) {
     args.length = i--;
   }
 }
@@ -2437,15 +2446,6 @@ function writeSignals(section) {
         value
       );
     }
-    if (signal.isDynamicClosure && isStatefulReferences(signal.referencedBindings)) {
-      value = callRuntime(
-        "registerSubscriber",
-        import_compiler17.types.stringLiteral(
-          getResumeRegisterId(section, signal.referencedBindings, "subscriber")
-        ),
-        value
-      );
-    }
     const signalDeclarator = import_compiler17.types.variableDeclarator(signal.identifier, value);
     let signalDeclaration = !section.parent && !signal.referencedBindings && (import_compiler17.types.isFunctionExpression(value) || import_compiler17.types.isArrowFunctionExpression(value)) ? import_compiler17.types.functionDeclaration(
       signal.identifier,
@@ -2900,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")
@@ -3973,7 +3973,7 @@ function isStatefulBinding(binding) {
     case 2 /* input */:
       return true;
     default:
-      return !binding.upstreamExpression || isStatefulReferences(binding.upstreamExpression.referencedBindings);
+      return binding.upstreamAlias ? isStatefulBinding(binding.upstreamAlias) : !binding.upstreamExpression || isStatefulReferences(binding.upstreamExpression.referencedBindings);
   }
 }
 
@@ -4223,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");
@@ -4349,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");
 
@@ -5009,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":
@@ -5038,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);
@@ -5046,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: {
@@ -5092,9 +5112,8 @@ var for_default = {
         const { node } = tag;
         const tagExtra = node.extra;
         const isStateful = isStatefulReferences(tagExtra.referencedBindings);
-        const parentTag = getParentTag(tag);
         const onlyChildInParentOptimization = isOnlyChildInParent(tag);
-        const nodeRef2 = onlyChildInParentOptimization ? parentTag.node.extra[kNativeTagBinding] : tag.node.extra[kForMarkerBinding];
+        const nodeRef2 = getOptimizedOnlyChildNodeRef(tag, tagSection);
         const forAttrs = getKnownAttrValues(node);
         const forType = getForType(node);
         const params = node.body.params;
@@ -5103,8 +5122,8 @@ var for_default = {
         const hasStatefulClosures = checkStatefulClosures(bodySection, true);
         const singleNodeOptimization = bodySection.content === null || bodySection.content.singleChild && bodySection.content.startType !== 4 /* Text */;
         let keyExpression;
-        if (singleNodeOptimization && onlyChildInParentOptimization) {
-          parentTag.node.extra[kSerializeMarker] = false;
+        if (onlyChildInParentOptimization) {
+          getParentTag(tag).node.extra[kSerializeMarker] = false;
         }
         if (isStateful || hasStatefulClosures) {
           const defaultParamNames = {
@@ -5117,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
               );
@@ -5159,20 +5178,20 @@ var for_default = {
           }
           const forScopesIdentifier = getScopeIdentifier(bodySection);
           getHTMLSectionStatements(tagSection).push(
-            import_compiler29.types.variableDeclaration("const", [
-              import_compiler29.types.variableDeclarator(
+            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,
@@ -5186,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")
             )
           );
         }
@@ -5203,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(
@@ -5211,11 +5230,11 @@ var for_default = {
             getScopeAccessorLiteral(nodeRef2)
           );
         }
-        if (singleNodeOptimization && onlyChildInParentOptimization) {
-          forTagArgs.push(import_compiler29.types.numericLiteral(1));
+        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();
@@ -5245,10 +5264,13 @@ 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];
-        setClosureSignalBuilder(tag, (_closureSignal, render, intersection) => {
+        const nodeRef2 = getOptimizedOnlyChildNodeRef(tag, tagSection);
+        setClosureSignalBuilder(tag, (closureSignal, render, intersection) => {
           return callRuntime(
             "loopClosure",
+            getScopeAccessorLiteral(
+              closureSignal.referencedBindings
+            ),
             getScopeAccessorLiteral(nodeRef2),
             render,
             intersection
@@ -5260,7 +5282,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;
@@ -5294,7 +5316,7 @@ var for_default = {
           tagSection,
           referencedBindings,
           signal,
-          import_compiler29.types.arrayExpression(loopArgs)
+          import_compiler30.types.arrayExpression(loopArgs)
         );
         tag.remove();
       }
@@ -5360,11 +5382,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))
     )
   );
 }
@@ -5440,22 +5462,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();
@@ -5470,8 +5481,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(
@@ -5487,7 +5498,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(
@@ -5553,8 +5564,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);
@@ -5565,8 +5576,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));
@@ -5585,7 +5596,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(
@@ -5596,8 +5607,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(
@@ -5610,8 +5621,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(
@@ -5650,7 +5661,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];
@@ -5675,9 +5686,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(
@@ -5704,14 +5715,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;
           }
         }
@@ -5769,12 +5780,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)
@@ -5782,7 +5793,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
       ]);
     }
@@ -5790,7 +5801,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;
@@ -5799,7 +5810,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.");
     }
@@ -5861,24 +5872,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,
@@ -5895,12 +5906,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: {
@@ -5915,20 +5926,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."
         );
@@ -5979,7 +5990,7 @@ var html_comment_default = {
           callRuntime(
             "nodeRef",
             getterId && getScopeIdIdentifier(getSection(tag)),
-            getterId && import_compiler33.types.stringLiteral(getterId)
+            getterId && import_compiler34.types.stringLiteral(getterId)
           )
         );
       } else {
@@ -5992,12 +6003,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)
                 )
               )
@@ -6008,13 +6019,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))
               ])
             );
@@ -6030,9 +6041,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)}`;
         }
       }
@@ -6041,10 +6052,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 = "";
         }
@@ -6052,20 +6063,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)
             )
           )
         );
@@ -6091,15 +6102,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."
       );
@@ -6112,7 +6123,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;
@@ -6124,14 +6135,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];
       }
     }
@@ -6141,10 +6152,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."
@@ -6194,7 +6205,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)
@@ -6207,7 +6218,7 @@ var html_script_default = {
           callRuntime(
             "nodeRef",
             getterId && getScopeIdIdentifier(section),
-            getterId && import_compiler34.types.stringLiteral(getterId)
+            getterId && import_compiler35.types.stringLiteral(getterId)
           )
         );
       } else {
@@ -6220,12 +6231,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)
                 )
               )
@@ -6236,13 +6247,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))
               ])
             );
@@ -6275,10 +6286,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
                 )
               )
@@ -6293,18 +6304,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
                 )
               )
@@ -6314,11 +6325,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
                 )
               )
@@ -6331,9 +6342,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) {
@@ -6341,7 +6352,7 @@ var html_script_default = {
             "render",
             section,
             tagExtra.referencedBindings,
-            import_compiler34.types.expressionStatement(
+            import_compiler35.types.expressionStatement(
               callRuntime(
                 "partialAttrs",
                 scopeIdentifier,
@@ -6356,7 +6367,7 @@ var html_script_default = {
             "render",
             section,
             tagExtra.referencedBindings,
-            import_compiler34.types.expressionStatement(
+            import_compiler35.types.expressionStatement(
               callRuntime(
                 "attrs",
                 scopeIdentifier,
@@ -6370,7 +6381,7 @@ var html_script_default = {
           "effect",
           section,
           tagExtra.referencedBindings,
-          import_compiler34.types.expressionStatement(
+          import_compiler35.types.expressionStatement(
             callRuntime("attrsEvents", scopeIdentifier, visitAccessor)
           ),
           false
@@ -6381,9 +6392,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)}`;
         }
       }
@@ -6393,11 +6404,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 = "";
         }
@@ -6405,16 +6416,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)
             )
           )
         );
@@ -6453,11 +6464,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) {
@@ -6471,10 +6482,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);
   }
@@ -6486,15 +6497,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."
       );
@@ -6507,7 +6518,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;
@@ -6519,14 +6530,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];
       }
     }
@@ -6536,10 +6547,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."
@@ -6589,7 +6600,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)
@@ -6602,7 +6613,7 @@ var html_style_default = {
           callRuntime(
             "nodeRef",
             getterId && getScopeIdIdentifier(section),
-            getterId && import_compiler35.types.stringLiteral(getterId)
+            getterId && import_compiler36.types.stringLiteral(getterId)
           )
         );
       } else {
@@ -6615,12 +6626,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)
                 )
               )
@@ -6631,13 +6642,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))
               ])
             );
@@ -6670,10 +6681,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
                 )
               )
@@ -6688,18 +6699,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
                 )
               )
@@ -6709,11 +6720,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
                 )
               )
@@ -6726,9 +6737,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) {
@@ -6736,7 +6747,7 @@ var html_style_default = {
             "render",
             section,
             tagExtra.referencedBindings,
-            import_compiler35.types.expressionStatement(
+            import_compiler36.types.expressionStatement(
               callRuntime(
                 "partialAttrs",
                 scopeIdentifier,
@@ -6751,7 +6762,7 @@ var html_style_default = {
             "render",
             section,
             tagExtra.referencedBindings,
-            import_compiler35.types.expressionStatement(
+            import_compiler36.types.expressionStatement(
               callRuntime(
                 "attrs",
                 scopeIdentifier,
@@ -6765,7 +6776,7 @@ var html_style_default = {
           "effect",
           section,
           tagExtra.referencedBindings,
-          import_compiler35.types.expressionStatement(
+          import_compiler36.types.expressionStatement(
             callRuntime("attrsEvents", scopeIdentifier, visitAccessor)
           ),
           false
@@ -6776,9 +6787,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)}`;
         }
       }
@@ -6788,11 +6799,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 = "";
         }
@@ -6800,16 +6811,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)
             )
           )
         );
@@ -6843,11 +6854,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) {
@@ -6861,10 +6872,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);
   }
@@ -6876,20 +6887,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 */);
@@ -6900,7 +6911,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);
@@ -6925,23 +6936,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) {
@@ -6966,15 +6976,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({
@@ -6983,10 +6987,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);
@@ -6998,8 +7002,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);
@@ -7013,10 +7017,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;
@@ -7027,28 +7036,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)
@@ -7060,7 +7060,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
@@ -7075,21 +7075,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,
@@ -7100,16 +7101,16 @@ var IfTag = {
             }
             nextTag.insertBefore(statement);
             getHTMLSectionStatements(section).push(
-              import_compiler38.types.variableDeclaration(
+              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)
               )
             );
             getSerializedScopeProperties(section).set(
-              import_compiler38.types.stringLiteral(
+              import_compiler39.types.stringLiteral(
                 getScopeAccessorLiteral(nodeRef2).value + "!" /* ConditionalScope */
               ),
               callRuntime("getScopeById", ifScopeIdIdentifier)
@@ -7126,10 +7127,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;
@@ -7138,38 +7139,43 @@ 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(
+                      closureSignal.referencedBindings
+                    ),
+                    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);
@@ -7207,9 +7213,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)) {
@@ -7245,7 +7251,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) {
@@ -7297,12 +7303,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: {
@@ -7320,8 +7326,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;
@@ -7329,7 +7335,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") {
@@ -7350,17 +7356,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."
       );
@@ -7376,10 +7382,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;
@@ -7392,13 +7398,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
@@ -7422,14 +7428,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 ??= {};
@@ -7447,7 +7453,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."
         );
@@ -7467,7 +7473,7 @@ var lifecycle_default = {
       if (isOutputDOM()) {
         const translatedAttrs = translateAttrs(tag);
         translatedAttrs.statements.push(
-          import_compiler40.types.expressionStatement(
+          import_compiler41.types.expressionStatement(
             callRuntime(
               "lifecycle",
               scopeIdentifier,
@@ -7502,19 +7508,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."
       );
@@ -7526,9 +7532,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]
         )
       );
@@ -7554,8 +7560,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) {
@@ -7575,22 +7581,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,
@@ -7630,28 +7636,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 {
@@ -7691,8 +7697,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 {
@@ -7702,11 +7708,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,
@@ -7722,8 +7728,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 {
@@ -7733,11 +7739,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,
@@ -7753,17 +7759,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) {
@@ -7802,8 +7808,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) {
@@ -7831,23 +7837,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")
             )
           ])
         );
@@ -7865,14 +7871,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;
@@ -7899,7 +7905,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)
@@ -8013,8 +8019,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) {
@@ -8025,14 +8031,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 }
@@ -8052,7 +8058,7 @@ var function_default = {
       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}`
@@ -8064,13 +8070,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;
@@ -8093,15 +8099,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),
@@ -8123,7 +8129,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);
@@ -8152,10 +8158,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
@@ -8192,7 +8198,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();
@@ -8209,7 +8215,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 */;
@@ -8219,7 +8225,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) {
@@ -8227,8 +8233,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."
@@ -8255,24 +8261,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.")
                     ])
                   )
                 ])
@@ -8298,18 +8304,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)
             ])
           );
         }
@@ -8349,21 +8355,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.");
       }
     }
@@ -8384,17 +8390,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)) {
@@ -8418,7 +8424,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 {
@@ -8455,15 +8461,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: []
@@ -8481,8 +8487,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(
@@ -8491,12 +8497,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,
@@ -8516,8 +8522,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
@@ -8531,13 +8537,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)
       )
     );
@@ -8563,9 +8569,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,
@@ -8583,10 +8589,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(
@@ -8595,7 +8601,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
       ]);
@@ -8604,7 +8610,7 @@ function translateDOM(tag) {
       "render",
       tagSection,
       void 0,
-      import_compiler51.types.expressionStatement(
+      import_compiler52.types.expressionStatement(
         callRuntime(
           "setTagVar",
           scopeIdentifier,
@@ -8618,8 +8624,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)
       ])
     )
@@ -8632,9 +8638,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;
   }
@@ -8680,7 +8686,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) {
@@ -8721,7 +8727,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;
@@ -8730,7 +8736,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 ??= {});
@@ -8755,12 +8761,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;
@@ -8783,7 +8789,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;
@@ -8808,7 +8814,7 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
         } else {
           attrTagCallsForTag.set(
             attrTagName,
-            translatedProps = import_compiler51.types.parenthesizedExpression(
+            translatedProps = import_compiler52.types.parenthesizedExpression(
               callRuntime("attrTag", translatedProps)
             )
           );
@@ -8826,7 +8832,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;
@@ -8860,7 +8866,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) {
@@ -8898,7 +8904,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,
@@ -8908,12 +8914,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
       ]);
     }
@@ -8922,7 +8928,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,
@@ -8933,12 +8939,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)
         )
       );
     }
@@ -8948,7 +8954,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);
@@ -8958,9 +8964,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()) {
@@ -8980,7 +8986,7 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
       callRuntime(
         "inChild",
         getScopeAccessorLiteral(info.childScopeBinding),
-        import_compiler51.types.identifier(attrExportIdentifier.name)
+        import_compiler52.types.identifier(attrExportIdentifier.name)
       )
     );
   }
@@ -8994,8 +9000,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))
         ])
       ]);
     }
@@ -9016,7 +9022,7 @@ function writeAttrsToExports(tag, templateExport, importAlias, info) {
         callRuntime(
           "inChild",
           getScopeAccessorLiteral(info.childScopeBinding),
-          import_compiler51.types.identifier(attrExportIdentifier.name)
+          import_compiler52.types.identifier(attrExportIdentifier.name)
         )
       );
     }
@@ -9024,19 +9030,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 {
@@ -9045,20 +9051,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 ??= {};
@@ -9092,8 +9098,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
@@ -9103,12 +9109,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)
                 ]
               )
             )
@@ -9116,11 +9122,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)
               )
             )
           );
@@ -9140,7 +9146,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);
@@ -9156,7 +9162,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");
@@ -9165,7 +9171,7 @@ var dynamic_tag_default = {
           getScopeIdIdentifier(section),
           getScopeAccessorLiteral(nodeRef2),
           tagExpression,
-          import_compiler52.types.arrayExpression(args)
+          import_compiler53.types.arrayExpression(args)
         ) : callRuntime(
           "dynamicTagInput",
           getScopeIdIdentifier(section),
@@ -9174,8 +9180,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")
             )
@@ -9183,12 +9189,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,
@@ -9198,26 +9204,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)) {
@@ -9226,10 +9232,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)
@@ -9240,16 +9246,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(
@@ -9258,8 +9264,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
@@ -9271,7 +9277,7 @@ var dynamic_tag_default = {
             "render",
             section2,
             nodeRef2,
-            import_compiler52.types.expressionStatement(
+            import_compiler53.types.expressionStatement(
               callRuntime(
                 "setTagVar",
                 scopeIdentifier,
@@ -9282,11 +9288,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(
@@ -9301,14 +9307,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)
                         )
                       )
                     ])
@@ -9337,16 +9343,16 @@ var tag_default = {
       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;
           attributes.splice(++i, 0, getChangeHandler(tag, attr2));
           crawl = true;
@@ -9359,7 +9365,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) {
@@ -9383,7 +9389,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;
@@ -9392,7 +9398,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) {
@@ -9409,7 +9415,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(
@@ -9422,8 +9428,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();
@@ -9445,7 +9451,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;
@@ -9470,16 +9476,16 @@ var tag_default = {
 function getChangeHandler(tag, attr2) {
   const attrName = attr2.name;
   const changeAttrName = attrName + "Change";
-  if (import_compiler53.types.isIdentifier(attr2.value)) {
+  if (import_compiler54.types.isIdentifier(attr2.value)) {
     const binding = tag.scope.getBinding(attr2.value.name);
     if (!binding)
-      return import_compiler53.types.markoAttribute(
+      return import_compiler54.types.markoAttribute(
         changeAttrName,
         buildChangeHandlerFunction(attr2.value)
       );
     const existingChangedAttr = BINDING_CHANGE_HANDLER.get(binding.identifier);
     if (!existingChangedAttr) {
-      const changeHandlerAttr = import_compiler53.types.markoAttribute(
+      const changeHandlerAttr = import_compiler54.types.markoAttribute(
         changeAttrName,
         buildChangeHandlerFunction(attr2.value)
       );
@@ -9487,10 +9493,10 @@ function getChangeHandler(tag, attr2) {
       return changeHandlerAttr;
     }
     if (existingChangedAttr.type === "Identifier") {
-      return import_compiler53.types.markoAttribute(
+      return import_compiler54.types.markoAttribute(
         changeAttrName,
         withPreviousLocation(
-          import_compiler53.types.identifier(existingChangedAttr.name),
+          import_compiler54.types.identifier(existingChangedAttr.name),
           attr2.value
         )
       );
@@ -9500,37 +9506,37 @@ function getChangeHandler(tag, attr2) {
       throw tag.hub.buildError(attr2.value, "Unable to bind to value.");
     }
     const changeHandlerId = markoRoot.scope.generateUid(changeAttrName);
-    const changeHandlerConst = import_compiler53.types.markoTag(
-      import_compiler53.types.stringLiteral("const"),
-      [import_compiler53.types.markoAttribute("value", existingChangedAttr.value, null, null, true)],
-      import_compiler53.types.markoTagBody([]),
+    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_compiler53.types.identifier(changeHandlerId)
+      import_compiler54.types.identifier(changeHandlerId)
     );
     BINDING_CHANGE_HANDLER.set(
       binding.identifier,
-      existingChangedAttr.value = import_compiler53.types.identifier(changeHandlerId)
+      existingChangedAttr.value = import_compiler54.types.identifier(changeHandlerId)
     );
     if (markoRoot.isMarkoTag()) {
       markoRoot.insertAfter(changeHandlerConst);
     } else {
       markoRoot.unshiftContainer("body", changeHandlerConst);
     }
-    return import_compiler53.types.markoAttribute(
+    return import_compiler54.types.markoAttribute(
       changeAttrName,
-      withPreviousLocation(import_compiler53.types.identifier(changeHandlerId), attr2.value)
+      withPreviousLocation(import_compiler54.types.identifier(changeHandlerId), attr2.value)
     );
-  } else if (import_compiler53.types.isMemberExpression(attr2.value)) {
+  } else if (import_compiler54.types.isMemberExpression(attr2.value)) {
     const prop = attr2.value.property;
-    if (!import_compiler53.types.isPrivateName(attr2.value.property)) {
-      return import_compiler53.types.markoAttribute(
+    if (!import_compiler54.types.isPrivateName(attr2.value.property)) {
+      return import_compiler54.types.markoAttribute(
         changeAttrName,
-        import_compiler53.types.memberExpression(
-          import_compiler53.types.cloneNode(attr2.value.object),
-          prop.type === "Identifier" ? withPreviousLocation(import_compiler53.types.identifier(prop.name + "Change"), prop) : import_compiler53.types.binaryExpression(
+        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_compiler53.types.cloneNode(prop),
-            import_compiler53.types.stringLiteral("Change")
+            import_compiler54.types.cloneNode(prop),
+            import_compiler54.types.stringLiteral("Change")
           ),
           prop.type !== "Identifier"
         )
@@ -9544,14 +9550,14 @@ function getChangeHandler(tag, attr2) {
 }
 function buildChangeHandlerFunction(id) {
   const newId = "_new_" + id.name;
-  return import_compiler53.types.arrowFunctionExpression(
-    [withPreviousLocation(import_compiler53.types.identifier(newId), id)],
-    import_compiler53.types.blockStatement([
-      import_compiler53.types.expressionStatement(
-        import_compiler53.types.assignmentExpression(
+  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_compiler53.types.identifier(id.name), id),
-          withPreviousLocation(import_compiler53.types.identifier(newId), id)
+          withPreviousLocation(import_compiler54.types.identifier(id.name), id),
+          withPreviousLocation(import_compiler54.types.identifier(newId), id)
         )
       )
     ])
@@ -9559,7 +9565,7 @@ function buildChangeHandlerFunction(id) {
 }
 
 // src/translator/visitors/text.ts
-var import_compiler54 = require("@marko/compiler");
+var import_compiler55 = require("@marko/compiler");
 var text_default = {
   translate: {
     exit(text) {