marko 6.0.156 → 6.0.158

package/dist/translator/index.js

@@ -114,7 +114,7 @@ var attrs_default = {
 
 // src/translator/core/await.ts
 var import_compiler39 = require("@marko/compiler");
-var import_babel_utils27 = require("@marko/compiler/babel-utils");
+var import_babel_utils28 = require("@marko/compiler/babel-utils");
 
 // src/common/accessor.debug.ts
 var AccessorPrefix = /* @__PURE__ */ ((AccessorPrefix4) => {
@@ -133,33 +133,33 @@ var AccessorPrefix = /* @__PURE__ */ ((AccessorPrefix4) => {
   AccessorPrefix4["TagVariableChange"] = "TagVariableChange:";
   return AccessorPrefix4;
 })(AccessorPrefix || {});
-var AccessorProp = /* @__PURE__ */ ((AccessorProp5) => {
-  AccessorProp5["Global"] = "$global";
-  AccessorProp5["Owner"] = "_";
-  AccessorProp5["AbortControllers"] = "#AbortControllers";
-  AccessorProp5["AbortScopes"] = "#AbortScopes";
-  AccessorProp5["AwaitCounter"] = "#AwaitCounter";
-  AccessorProp5["BranchAccessor"] = "#BranchAccessor";
-  AccessorProp5["BranchScopes"] = "#BranchScopes";
-  AccessorProp5["CatchContent"] = "#CatchContent";
-  AccessorProp5["ClosestBranch"] = "#ClosestBranch";
-  AccessorProp5["ClosestBranchId"] = "#ClosestBranchId";
-  AccessorProp5["Creating"] = "#Creating";
-  AccessorProp5["Destroyed"] = "#Destroyed";
-  AccessorProp5["DetachedAwait"] = "#DetachedAwait";
-  AccessorProp5["EndNode"] = "#EndNode";
-  AccessorProp5["Id"] = "#Id";
-  AccessorProp5["LoopKey"] = "#LoopKey";
-  AccessorProp5["ParentBranch"] = "#ParentBranch";
-  AccessorProp5["PendingEffects"] = "#PendingEffects";
-  AccessorProp5["PendingRenders"] = "#PendingRenders";
-  AccessorProp5["PlaceholderBranch"] = "#PlaceholderBranch";
-  AccessorProp5["PlaceholderContent"] = "#PlaceholderContent";
-  AccessorProp5["Renderer"] = "#Renderer";
-  AccessorProp5["StartNode"] = "#StartNode";
-  AccessorProp5["TagVariable"] = "#TagVariable";
-  AccessorProp5["TagVariableChange"] = "#TagVariableChange";
-  return AccessorProp5;
+var AccessorProp = /* @__PURE__ */ ((AccessorProp6) => {
+  AccessorProp6["Global"] = "$global";
+  AccessorProp6["Owner"] = "_";
+  AccessorProp6["AbortControllers"] = "#AbortControllers";
+  AccessorProp6["AbortScopes"] = "#AbortScopes";
+  AccessorProp6["AwaitCounter"] = "#AwaitCounter";
+  AccessorProp6["BranchAccessor"] = "#BranchAccessor";
+  AccessorProp6["BranchScopes"] = "#BranchScopes";
+  AccessorProp6["CatchContent"] = "#CatchContent";
+  AccessorProp6["ClosestBranch"] = "#ClosestBranch";
+  AccessorProp6["ClosestBranchId"] = "#ClosestBranchId";
+  AccessorProp6["Creating"] = "#Creating";
+  AccessorProp6["Destroyed"] = "#Destroyed";
+  AccessorProp6["DetachedAwait"] = "#DetachedAwait";
+  AccessorProp6["EndNode"] = "#EndNode";
+  AccessorProp6["Id"] = "#Id";
+  AccessorProp6["LoopKey"] = "#LoopKey";
+  AccessorProp6["ParentBranch"] = "#ParentBranch";
+  AccessorProp6["PendingEffects"] = "#PendingEffects";
+  AccessorProp6["PendingRenders"] = "#PendingRenders";
+  AccessorProp6["PlaceholderBranch"] = "#PlaceholderBranch";
+  AccessorProp6["PlaceholderContent"] = "#PlaceholderContent";
+  AccessorProp6["Renderer"] = "#Renderer";
+  AccessorProp6["StartNode"] = "#StartNode";
+  AccessorProp6["TagVariable"] = "#TagVariable";
+  AccessorProp6["TagVariableChange"] = "#TagVariableChange";
+  return AccessorProp6;
 })(AccessorProp || {});
 
 // src/translator/util/evaluate.ts
@@ -252,9 +252,12 @@ function isNullableExpr(expr) {
 
 // src/translator/util/references.ts
 var import_compiler38 = require("@marko/compiler");
-var import_babel_utils26 = require("@marko/compiler/babel-utils");
+var import_babel_utils27 = require("@marko/compiler/babel-utils");
+var import_config = require("@marko/compiler/config");
 
 // src/common/helpers.ts
+var htmlAttrNameReg = /^[^a-z_]|[^a-z0-9._:-]/i;
+var userAttrNameReg = /^[^a-z_$]|[^a-z0-9._:-]/i;
 function classValue(classValue2) {
   return toDelimitedString(classValue2, " ", stringifyClassObject);
 }
@@ -1298,33 +1301,33 @@ var AccessorPrefix2 = /* @__PURE__ */ ((AccessorPrefix4) => {
   AccessorPrefix4["TagVariableChange"] = "M";
   return AccessorPrefix4;
 })(AccessorPrefix2 || {});
-var AccessorProp2 = /* @__PURE__ */ ((AccessorProp5) => {
-  AccessorProp5["Global"] = "$";
-  AccessorProp5["Owner"] = "_";
-  AccessorProp5["AbortControllers"] = "A";
-  AccessorProp5["AbortScopes"] = "B";
-  AccessorProp5["AwaitCounter"] = "O";
-  AccessorProp5["BranchAccessor"] = "C";
-  AccessorProp5["BranchScopes"] = "D";
-  AccessorProp5["CatchContent"] = "E";
-  AccessorProp5["ClosestBranch"] = "F";
-  AccessorProp5["ClosestBranchId"] = "G";
-  AccessorProp5["Creating"] = "H";
-  AccessorProp5["Destroyed"] = "I";
-  AccessorProp5["DetachedAwait"] = "V";
-  AccessorProp5["EndNode"] = "K";
-  AccessorProp5["Id"] = "L";
-  AccessorProp5["LoopKey"] = "M";
-  AccessorProp5["ParentBranch"] = "N";
-  AccessorProp5["PendingEffects"] = "J";
-  AccessorProp5["PendingRenders"] = "W";
-  AccessorProp5["PlaceholderBranch"] = "P";
-  AccessorProp5["PlaceholderContent"] = "Q";
-  AccessorProp5["Renderer"] = "R";
-  AccessorProp5["StartNode"] = "S";
-  AccessorProp5["TagVariable"] = "T";
-  AccessorProp5["TagVariableChange"] = "U";
-  return AccessorProp5;
+var AccessorProp2 = /* @__PURE__ */ ((AccessorProp6) => {
+  AccessorProp6["Global"] = "$";
+  AccessorProp6["Owner"] = "_";
+  AccessorProp6["AbortControllers"] = "A";
+  AccessorProp6["AbortScopes"] = "B";
+  AccessorProp6["AwaitCounter"] = "O";
+  AccessorProp6["BranchAccessor"] = "C";
+  AccessorProp6["BranchScopes"] = "D";
+  AccessorProp6["CatchContent"] = "E";
+  AccessorProp6["ClosestBranch"] = "F";
+  AccessorProp6["ClosestBranchId"] = "G";
+  AccessorProp6["Creating"] = "H";
+  AccessorProp6["Destroyed"] = "I";
+  AccessorProp6["DetachedAwait"] = "V";
+  AccessorProp6["EndNode"] = "K";
+  AccessorProp6["Id"] = "L";
+  AccessorProp6["LoopKey"] = "M";
+  AccessorProp6["ParentBranch"] = "N";
+  AccessorProp6["PendingEffects"] = "J";
+  AccessorProp6["PendingRenders"] = "W";
+  AccessorProp6["PlaceholderBranch"] = "P";
+  AccessorProp6["PlaceholderContent"] = "Q";
+  AccessorProp6["Renderer"] = "R";
+  AccessorProp6["StartNode"] = "S";
+  AccessorProp6["TagVariable"] = "T";
+  AccessorProp6["TagVariableChange"] = "U";
+  return AccessorProp6;
 })(AccessorProp2 || {});
 
 // src/translator/util/marko-config.ts
@@ -2169,90 +2172,9 @@ function isStaticRoot(path7) {
   }
 }
 
-// src/translator/util/for-each-identifier.ts
-function forEachIdentifier(node, cb) {
-  switch (node.type) {
-    case "ObjectPattern":
-      for (const prop of node.properties) {
-        switch (prop.type) {
-          case "ObjectProperty":
-            if (prop.value.type === "AssignmentPattern") {
-              forEachIdentifier(prop.value.left, cb);
-            } else {
-              forEachIdentifier(prop.value, cb);
-            }
-            break;
-          case "RestElement":
-            forEachIdentifier(prop.argument, cb);
-            break;
-        }
-      }
-      break;
-    case "ArrayPattern":
-      for (const el of node.elements) {
-        if (el != null) {
-          switch (el.type) {
-            case "RestElement":
-              forEachIdentifier(el.argument, cb);
-              break;
-            case "AssignmentPattern":
-              forEachIdentifier(el.left, cb);
-              break;
-            default:
-              forEachIdentifier(el, cb);
-              break;
-          }
-        }
-      }
-      break;
-    case "Identifier":
-      cb(node);
-      break;
-  }
-}
-function forEachIdentifierPath(nodePath, cb) {
-  if (nodePath.isIdentifier()) {
-    cb(nodePath);
-  } else if (nodePath.isObjectPattern()) {
-    for (const prop of nodePath.get("properties")) {
-      if (prop.isObjectProperty()) {
-        const value = prop.get("value");
-        if (value.isAssignmentPattern()) {
-          forEachIdentifierPath(value.get("left"), cb);
-        } else {
-          forEachIdentifierPath(value, cb);
-        }
-      } else if (prop.isRestElement()) {
-        forEachIdentifierPath(prop.get("argument"), cb);
-      }
-    }
-  } else if (nodePath.isArrayPattern()) {
-    for (const el of nodePath.get("elements")) {
-      if (el) {
-        if (el.isRestElement()) {
-          forEachIdentifierPath(el.get("argument"), cb);
-        } else if (el.isAssignmentPattern()) {
-          forEachIdentifierPath(el.get("left"), cb);
-        } else {
-          forEachIdentifierPath(el, cb);
-        }
-      }
-    }
-  }
-}
-
-// src/translator/util/is-event-or-change-handler.ts
-function isEventOrChangeHandler(prop) {
-  return /^on[-A-Z][a-zA-Z0-9_$]|[a-zA-Z_$][a-zA-Z0-9_$]*Change$/.test(prop);
-}
-
-// src/translator/util/known-tag.ts
-var import_compiler37 = require("@marko/compiler");
-var import_babel_utils25 = require("@marko/compiler/babel-utils");
-
 // src/translator/visitors/program/index.ts
 var import_compiler27 = require("@marko/compiler");
-var import_babel_utils17 = require("@marko/compiler/babel-utils");
+var import_babel_utils18 = require("@marko/compiler/babel-utils");
 var import_path2 = __toESM(require("path"));
 
 // src/translator/util/binding-prop-tree.ts
@@ -2619,8 +2541,8 @@ function getHTMLRuntime() {
   };
 }
 function getRuntimePath(output) {
-  const { optimize } = getMarkoOpts();
-  return `${runtime_info_default.name}/${optimize ? "" : "debug/"}${output === "html" ? "html" : "dom"}`;
+  const { optimize: optimize2 } = getMarkoOpts();
+  return `${runtime_info_default.name}/${optimize2 ? "" : "debug/"}${output === "html" ? "html" : "dom"}`;
 }
 function filterArguments(args) {
   const filteredArgs = [];
@@ -3305,6 +3227,78 @@ var return_default = {
   ]
 };
 
+// src/translator/util/for-each-identifier.ts
+function forEachIdentifier(node, cb) {
+  switch (node.type) {
+    case "ObjectPattern":
+      for (const prop of node.properties) {
+        switch (prop.type) {
+          case "ObjectProperty":
+            if (prop.value.type === "AssignmentPattern") {
+              forEachIdentifier(prop.value.left, cb);
+            } else {
+              forEachIdentifier(prop.value, cb);
+            }
+            break;
+          case "RestElement":
+            forEachIdentifier(prop.argument, cb);
+            break;
+        }
+      }
+      break;
+    case "ArrayPattern":
+      for (const el of node.elements) {
+        if (el != null) {
+          switch (el.type) {
+            case "RestElement":
+              forEachIdentifier(el.argument, cb);
+              break;
+            case "AssignmentPattern":
+              forEachIdentifier(el.left, cb);
+              break;
+            default:
+              forEachIdentifier(el, cb);
+              break;
+          }
+        }
+      }
+      break;
+    case "Identifier":
+      cb(node);
+      break;
+  }
+}
+function forEachIdentifierPath(nodePath, cb) {
+  if (nodePath.isIdentifier()) {
+    cb(nodePath);
+  } else if (nodePath.isObjectPattern()) {
+    for (const prop of nodePath.get("properties")) {
+      if (prop.isObjectProperty()) {
+        const value = prop.get("value");
+        if (value.isAssignmentPattern()) {
+          forEachIdentifierPath(value.get("left"), cb);
+        } else {
+          forEachIdentifierPath(value, cb);
+        }
+      } else if (prop.isRestElement()) {
+        forEachIdentifierPath(prop.get("argument"), cb);
+      }
+    }
+  } else if (nodePath.isArrayPattern()) {
+    for (const el of nodePath.get("elements")) {
+      if (el) {
+        if (el.isRestElement()) {
+          forEachIdentifierPath(el.get("argument"), cb);
+        } else if (el.isAssignmentPattern()) {
+          forEachIdentifierPath(el.get("left"), cb);
+        } else {
+          forEachIdentifierPath(el, cb);
+        }
+      }
+    }
+  }
+}
+
 // src/translator/util/get-defined-binding-expression.ts
 var import_compiler18 = require("@marko/compiler");
 function getDeclaredBindingExpression(binding) {
@@ -3344,7 +3338,7 @@ function createScopeReadExpression(reference, section = reference.section) {
   );
   if (section === reference.section && reference.type !== 0 /* dom */) {
     const exprExtra = expr.extra ??= {};
-    exprExtra.read = createRead(reference, void 0, void 0);
+    exprExtra.read = createRead(reference, void 0);
     exprExtra.section = section;
   }
   return expr;
@@ -4494,11 +4488,11 @@ function getRegisteredFnExpression(node) {
     const id = extra.name;
     const referencesScope = extra.referencesScope;
     const referencedBindings = extra.referencedBindingsInFunction;
-    let registedFns = registeredFnsForProgram.get((0, import_babel_utils15.getProgram)().node);
-    if (!registedFns) {
-      registeredFnsForProgram.set((0, import_babel_utils15.getProgram)().node, registedFns = []);
+    let registeredFns = registeredFnsForProgram.get((0, import_babel_utils15.getProgram)().node);
+    if (!registeredFns) {
+      registeredFnsForProgram.set((0, import_babel_utils15.getProgram)().node, registeredFns = []);
     }
-    registedFns.push({
+    registeredFns.push({
       id,
       node,
       registerId: extra.registerId,
@@ -4915,6 +4909,7 @@ function getRegisteredFnExpression2(node) {
 
 // src/translator/visitors/program/pre-analyze.ts
 var import_compiler26 = require("@marko/compiler");
+var import_babel_utils17 = require("@marko/compiler/babel-utils");
 
 // src/translator/core/textarea.ts
 var import_compiler25 = require("@marko/compiler");
@@ -4966,6 +4961,7 @@ function normalizeBody(body) {
 function normalizeTag(tag) {
   const { node } = tag;
   const { name: name2, attributes } = node;
+  let attrNameReg = userAttrNameReg;
   normalizeBody(tag.get("body").get("body"));
   normalizeBody(tag.get("attributeTags"));
   if (node.var) {
@@ -4987,7 +4983,8 @@ function normalizeTag(tag) {
     const tagName = name2.value;
     if (tag.scope.getBinding(tagName) && TAG_NAME_IDENTIFIER_REG.test(tagName)) {
       node.name = withPreviousLocation(import_compiler26.types.identifier(tagName), name2);
-    } else {
+    } else if ((0, import_babel_utils17.isNativeTag)(tag)) {
+      attrNameReg = htmlAttrNameReg;
       switch (tagName) {
         case "textarea":
           preAnalyze(tag);
@@ -4997,31 +4994,78 @@ function normalizeTag(tag) {
   }
   for (let i = 0; i < attributes.length; i++) {
     const attr = attributes[i];
-    if (import_compiler26.types.isMarkoAttribute(attr) && attr.bound) {
-      attr.bound = false;
-      attributes.splice(++i, 0, getChangeHandler(tag, attr));
+    if (import_compiler26.types.isMarkoAttribute(attr)) {
+      if (attr.bound) {
+        attributes.splice(++i, 0, getChangeHandler(tag, attr));
+        attr.bound = false;
+      } else if (attr.modifier != null) {
+        attr.name += ":" + attr.modifier;
+      }
+      if (attrNameReg.test(attr.name)) {
+        throw tag.hub.buildError(
+          attr.loc?.end && {
+            loc: {
+              start: attr.loc.start,
+              end: {
+                line: attr.loc.start.line,
+                column: attr.loc.start.column + attr.name.length
+              }
+            }
+          },
+          "Invalid attribute name."
+        );
+      }
+      attr.modifier = null;
     }
   }
 }
 function getChangeHandler(tag, attr) {
   const attrName = attr.name;
   const changeAttrName = attrName + "Change";
+  let modifier;
+  if (attr.modifier != null) {
+    if (!import_compiler26.types.isValidIdentifier(attr.modifier)) {
+      throw tag.hub.buildError(
+        attr.value.loc?.end && {
+          loc: {
+            start: {
+              line: attr.value.loc.start.line,
+              column: attr.value.loc.start.column - attr.modifier.length - 2
+            },
+            end: {
+              line: attr.value.loc.start.line,
+              column: attr.value.loc.start.column - 2
+            }
+          }
+        },
+        "Bound attribute refinement shorthand must be a valid JavaScript identifier."
+      );
+    }
+    modifier = withPreviousLocation(import_compiler26.types.identifier(attr.modifier), attr);
+  }
   if (import_compiler26.types.isIdentifier(attr.value)) {
     const binding = tag.scope.getBinding(attr.value.name);
     if (!binding)
       return import_compiler26.types.markoAttribute(
         changeAttrName,
-        buildChangeHandlerFunction(attr.value)
+        buildChangeHandlerFunction(attr.value, modifier)
       );
     const existingChangedAttr = BINDING_CHANGE_HANDLER.get(binding.identifier);
     if (!existingChangedAttr) {
       const bindingIdentifierPath = binding.path.getOuterBindingIdentifierPaths()[binding.identifier.name];
-      const changeAttrExpr = bindingIdentifierPath ? bindingIdentifierPath.parentPath === binding.path ? buildChangeHandlerFunction(attr.value) : bindingIdentifierPath.parentPath.isObjectProperty() ? getChangeHandlerFromObjectPattern(
+      let changeAttrExpr = bindingIdentifierPath ? bindingIdentifierPath.parentPath === binding.path ? buildChangeHandlerFunction(attr.value, modifier) : bindingIdentifierPath.parentPath.isObjectProperty() ? getChangeHandlerFromObjectPattern(
         bindingIdentifierPath.parentPath
       ) : void 0 : void 0;
       if (!changeAttrExpr) {
         throw tag.hub.buildError(attr.value, "Unable to bind to value.");
       }
+      if (modifier && import_compiler26.types.isIdentifier(changeAttrExpr)) {
+        changeAttrExpr = import_compiler26.types.logicalExpression(
+          "&&",
+          changeAttrExpr,
+          buildChangeHandlerFunction(attr.value, modifier)
+        );
+      }
       const changeHandlerAttr = import_compiler26.types.markoAttribute(
         changeAttrName,
         changeAttrExpr
@@ -5073,10 +5117,26 @@ function getChangeHandler(tag, attr) {
         import_compiler26.types.stringLiteral("Change")
       );
       const computed = memberProp.type !== "Identifier";
-      return import_compiler26.types.markoAttribute(
-        changeAttrName,
-        attr.value.optional ? import_compiler26.types.optionalMemberExpression(memberObj, memberProp, computed, true) : import_compiler26.types.memberExpression(memberObj, memberProp, computed)
-      );
+      let changeAttrExpr = attr.value.optional ? import_compiler26.types.optionalMemberExpression(memberObj, memberProp, computed, true) : import_compiler26.types.memberExpression(memberObj, memberProp, computed);
+      if (modifier) {
+        const newValueId = generateUid("next");
+        changeAttrExpr = import_compiler26.types.logicalExpression(
+          "&&",
+          changeAttrExpr,
+          import_compiler26.types.arrowFunctionExpression(
+            [import_compiler26.types.identifier(newValueId)],
+            import_compiler26.types.blockStatement([
+              import_compiler26.types.expressionStatement(
+                import_compiler26.types.callExpression(
+                  import_compiler26.types.memberExpression(memberObj, memberProp, computed),
+                  [import_compiler26.types.callExpression(modifier, [import_compiler26.types.identifier(newValueId)])]
+                )
+              )
+            ])
+          )
+        );
+      }
+      return import_compiler26.types.markoAttribute(changeAttrName, changeAttrExpr);
     }
   }
   throw tag.hub.buildError(
@@ -5084,8 +5144,12 @@ function getChangeHandler(tag, attr) {
     "Attributes may only be bound to identifiers or member expressions"
   );
 }
-function buildChangeHandlerFunction(id) {
+function buildChangeHandlerFunction(id, modifier) {
   const newId = "_new_" + id.name;
+  let newValue = withPreviousLocation(import_compiler26.types.identifier(newId), id);
+  if (modifier) {
+    newValue = import_compiler26.types.callExpression(modifier, [newValue]);
+  }
   return import_compiler26.types.arrowFunctionExpression(
     [withPreviousLocation(import_compiler26.types.identifier(newId), id)],
     import_compiler26.types.blockStatement([
@@ -5093,7 +5157,7 @@ function buildChangeHandlerFunction(id) {
         import_compiler26.types.assignmentExpression(
           "=",
           withPreviousLocation(import_compiler26.types.identifier(id.name), id),
-          withPreviousLocation(import_compiler26.types.identifier(newId), id)
+          newValue
         )
       )
     ])
@@ -5272,12 +5336,12 @@ var program_default = {
       if (getMarkoOpts().output === "hydrate") {
         const entryFile = program.hub.file;
         const visitedFiles = /* @__PURE__ */ new Set([
-          (0, import_babel_utils17.resolveRelativePath)(entryFile, entryFile.opts.filename)
+          (0, import_babel_utils18.resolveRelativePath)(entryFile, entryFile.opts.filename)
         ]);
         entry_builder_default.visit(entryFile, entryFile, function visitChild(resolved) {
           if (!visitedFiles.has(resolved)) {
             visitedFiles.add(resolved);
-            const file = (0, import_babel_utils17.loadFileForImport)(entryFile, resolved);
+            const file = (0, import_babel_utils18.loadFileForImport)(entryFile, resolved);
             if (file) {
               entry_builder_default.visit(
                 file,
@@ -5320,15 +5384,24 @@ var program_default = {
   }
 };
 function resolveRelativeToEntry(entryFile, file, req) {
-  return file === entryFile ? (0, import_babel_utils17.resolveRelativePath)(file, req) : (0, import_babel_utils17.resolveRelativePath)(
+  return file === entryFile ? (0, import_babel_utils18.resolveRelativePath)(file, req) : (0, import_babel_utils18.resolveRelativePath)(
     entryFile,
     req[0] === "." ? import_path2.default.join(file.opts.filename, "..", req) : req
   );
 }
 
+// src/translator/util/is-event-or-change-handler.ts
+function isEventOrChangeHandler(prop) {
+  return /^on[-A-Z][a-zA-Z0-9_$]|[a-zA-Z_$][a-zA-Z0-9_$]*Change$/.test(prop);
+}
+
+// src/translator/util/known-tag.ts
+var import_compiler37 = require("@marko/compiler");
+var import_babel_utils26 = require("@marko/compiler/babel-utils");
+
 // src/translator/util/nested-attribute-tags.ts
 var import_compiler28 = require("@marko/compiler");
-var import_babel_utils18 = require("@marko/compiler/babel-utils");
+var import_babel_utils19 = require("@marko/compiler/babel-utils");
 var attrTagToIdentifierLookup = /* @__PURE__ */ new WeakMap();
 function getAttrTagIdentifier(meta) {
   let name2 = attrTagToIdentifierLookup.get(meta);
@@ -5348,13 +5421,13 @@ function analyzeAttributeTags(tag) {
   const sampleAttrTagsForControlFlow = /* @__PURE__ */ new Map();
   for (const child of attrTags2) {
     if (child.isMarkoTag()) {
-      if ((0, import_babel_utils18.isAttributeTag)(child)) {
+      if ((0, import_babel_utils19.isAttributeTag)(child)) {
         const name2 = getTagName(child);
         lookup[name2] ||= createAttrTagMeta(name2, [name2]);
         (attrTagNodesByName[name2] ||= []).push(child);
         analyzeAttributeTags(child);
       } else {
-        const isRepeated = (0, import_babel_utils18.isLoopTag)(child);
+        const isRepeated = (0, import_babel_utils19.isLoopTag)(child);
         let curGroup;
         for (const name2 of crawlAttrTags(child, attrTagNodesByName)) {
           const oldMeta = lookup[name2];
@@ -5409,7 +5482,7 @@ function crawlAttrTags(tag, attrTagNodesByName, attrTagNames = /* @__PURE__ */ n
   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_utils18.isAttributeTag)(child)) {
+      if ((0, import_babel_utils19.isAttributeTag)(child)) {
         const tagName = getTagName(child);
         attrTagNames.add(tagName);
         (attrTagNodesByName[tagName] ||= []).push(child);
@@ -5450,7 +5523,7 @@ function getConditionRoot(tag) {
 
 // src/translator/util/set-tag-sections-downstream.ts
 var import_compiler29 = require("@marko/compiler");
-var import_babel_utils19 = require("@marko/compiler/babel-utils");
+var import_babel_utils20 = require("@marko/compiler/babel-utils");
 var [getTagDownstreams] = createSectionState(
   "tag-downstreams",
   () => /* @__PURE__ */ new Map()
@@ -5480,7 +5553,7 @@ function crawlSectionsAndSetBinding(tag, binding, properties, skip2) {
   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_utils19.isAttributeTag)(child)) {
+      if ((0, import_babel_utils20.isAttributeTag)(child)) {
         const attrTagMeta = attrTagLookup[getTagName(child)];
         crawlSectionsAndSetBinding(
           child,
@@ -5496,19 +5569,19 @@ function crawlSectionsAndSetBinding(tag, binding, properties, skip2) {
 
 // src/translator/util/translate-attrs.ts
 var import_compiler35 = require("@marko/compiler");
-var import_babel_utils24 = require("@marko/compiler/babel-utils");
+var import_babel_utils25 = require("@marko/compiler/babel-utils");
 
 // src/translator/core/for.ts
 var import_compiler34 = require("@marko/compiler");
-var import_babel_utils23 = require("@marko/compiler/babel-utils");
+var import_babel_utils24 = require("@marko/compiler/babel-utils");
 
 // src/translator/util/is-only-child-in-parent.ts
 var import_compiler33 = require("@marko/compiler");
-var import_babel_utils22 = require("@marko/compiler/babel-utils");
+var import_babel_utils23 = require("@marko/compiler/babel-utils");
 
 // src/translator/visitors/tag/native-tag.ts
 var import_compiler32 = require("@marko/compiler");
-var import_babel_utils21 = require("@marko/compiler/babel-utils");
+var import_babel_utils22 = require("@marko/compiler/babel-utils");
 
 // src/translator/util/body-to-text-literal.ts
 var import_compiler30 = require("@marko/compiler");
@@ -5547,7 +5620,7 @@ function templateElement(value, tail) {
 
 // src/translator/util/is-non-html-text.ts
 var import_compiler31 = require("@marko/compiler");
-var import_babel_utils20 = require("@marko/compiler/babel-utils");
+var import_babel_utils21 = require("@marko/compiler/babel-utils");
 function isNonHTMLText(placeholder) {
   const parentTag = placeholder.parentPath.isMarkoTagBody() && placeholder.parentPath.parentPath;
   if (parentTag) {
@@ -5565,7 +5638,7 @@ function isNonHTMLText(placeholder) {
   return false;
 }
 function isTextOnlyNativeTag(tag) {
-  const def = (0, import_babel_utils20.getTagDef)(tag);
+  const def = (0, import_babel_utils21.getTagDef)(tag);
   return !!(def && def.html && (def.name === "title" || def.parseOptions?.text));
 }
 
@@ -5577,9 +5650,9 @@ var htmlSelectArgs = /* @__PURE__ */ new WeakMap();
 var native_tag_default = {
   analyze: {
     enter(tag) {
-      (0, import_babel_utils21.assertNoArgs)(tag);
-      (0, import_babel_utils21.assertNoParams)(tag);
-      (0, import_babel_utils21.assertNoAttributeTags)(tag);
+      (0, import_babel_utils22.assertNoArgs)(tag);
+      (0, import_babel_utils22.assertNoParams)(tag);
+      (0, import_babel_utils22.assertNoAttributeTags)(tag);
       const { node } = tag;
       if (node.var && !import_compiler32.types.isIdentifier(node.var)) {
         throw tag.get("var").buildCodeFrameError(
@@ -5591,7 +5664,7 @@ var native_tag_default = {
         case "html":
         case "body":
         case "head":
-          (0, import_babel_utils21.getProgram)().node.extra.page ??= true;
+          (0, import_babel_utils22.getProgram)().node.extra.page ??= true;
           break;
       }
       const isTextOnly = isTextOnlyNativeTag(tag);
@@ -5665,7 +5738,7 @@ var native_tag_default = {
           !!node.var
         );
         if (hasEventHandlers) {
-          (0, import_babel_utils21.getProgram)().node.extra.isInteractive = true;
+          (0, import_babel_utils22.getProgram)().node.extra.isInteractive = true;
         }
         if (spreadReferenceNodes) {
           if (relatedControllable && !relatedControllable.attrs.every(Boolean)) {
@@ -5713,7 +5786,7 @@ var native_tag_default = {
         const tagName = getCanonicalTagName(tag);
         const tagExtra = tag.node.extra;
         const nodeBinding = tagExtra[kNativeTagBinding];
-        const tagDef = (0, import_babel_utils21.getTagDef)(tag);
+        const tagDef = (0, import_babel_utils22.getTagDef)(tag);
         const write = writeTo(tag);
         const tagSection = getSection(tag);
         const visitAccessor = nodeBinding && getScopeAccessorLiteral(nodeBinding);
@@ -5927,7 +6000,7 @@ var native_tag_default = {
       exit(tag) {
         const tagExtra = tag.node.extra;
         const nodeBinding = tagExtra[kNativeTagBinding];
-        const isOpenOnly = (0, import_babel_utils21.getTagDef)(tag)?.parseOptions?.openTagOnly;
+        const isOpenOnly = (0, import_babel_utils22.getTagDef)(tag)?.parseOptions?.openTagOnly;
         const isTextOnly = isTextOnlyNativeTag(tag);
         const selectArgs = htmlSelectArgs.get(tag.node);
         const tagName = getCanonicalTagName(tag);
@@ -5985,7 +6058,7 @@ var native_tag_default = {
         const tagName = getCanonicalTagName(tag);
         const tagExtra = tag.node.extra;
         const nodeBinding = tagExtra[kNativeTagBinding];
-        const tagDef = (0, import_babel_utils21.getTagDef)(tag);
+        const tagDef = (0, import_babel_utils22.getTagDef)(tag);
         const write = writeTo(tag);
         const tagSection = getSection(tag);
         const visitAccessor = nodeBinding && getScopeAccessorLiteral(nodeBinding);
@@ -6238,7 +6311,7 @@ var native_tag_default = {
       exit(tag) {
         const tagExtra = tag.node.extra;
         const nodeBinding = tagExtra[kNativeTagBinding];
-        const openTagOnly = (0, import_babel_utils21.getTagDef)(tag)?.parseOptions?.openTagOnly;
+        const openTagOnly = (0, import_babel_utils22.getTagDef)(tag)?.parseOptions?.openTagOnly;
         const tagName = getCanonicalTagName(tag);
         if (!openTagOnly) {
           const write = writeTo(tag);
@@ -6560,7 +6633,7 @@ function getOnlyChildParentTagName(tag, branchSize = 1) {
     return extra[kOnlyChildInParent];
   }
   const parentTag = getParentTag(tag);
-  return extra[kOnlyChildInParent] = parentTag && (0, import_babel_utils22.getTagDef)(parentTag)?.html && parentTag.node.name.type === "StringLiteral" && tag.parent.body.filter(
+  return extra[kOnlyChildInParent] = parentTag && (0, import_babel_utils23.getTagDef)(parentTag)?.html && parentTag.node.name.type === "StringLiteral" && tag.parent.body.filter(
     (node) => node.type !== "MarkoComment"
   ).length === branchSize ? parentTag.node.name.value : false;
 }
@@ -6594,8 +6667,8 @@ var for_default = {
       isAttrTag ? 4 /* local */ : 5 /* derived */
     );
     let allowAttrs;
-    (0, import_babel_utils23.assertNoVar)(tag);
-    (0, import_babel_utils23.assertNoArgs)(tag);
+    (0, import_babel_utils24.assertNoVar)(tag);
+    (0, import_babel_utils24.assertNoArgs)(tag);
     assertNoSpreadAttrs(tag);
     const forType = getForType(tag.node);
     switch (forType) {
@@ -6619,7 +6692,7 @@ var for_default = {
     if (!isAttrTag) {
       allowAttrs.push("by");
     }
-    (0, import_babel_utils23.assertAllowedAttributes)(tag, allowAttrs);
+    (0, import_babel_utils24.assertAllowedAttributes)(tag, allowAttrs);
     if (isAttrTag) return;
     const bodySection = startSection(tagBody);
     if (!bodySection) {
@@ -6976,7 +7049,7 @@ function translateAttrs(tag, propTree = true, skip2, statements = [], contentKey
     for (let i = 0; i < attrTags2.length; i++) {
       const child = attrTags2[i];
       if (child.isMarkoTag()) {
-        if ((0, import_babel_utils24.isAttributeTag)(child)) {
+        if ((0, import_babel_utils25.isAttributeTag)(child)) {
           const attrTagMeta = attrTagLookup[getTagName(child)];
           if (skip2?.has(attrTagMeta.name)) continue;
           if (attrTagMeta.dynamic) {
@@ -7076,7 +7149,7 @@ function getTranslatedBodyContentProperty(props) {
 function addDynamicAttrTagStatements(attrTags2, index, attrTagLookup, statements, propTree, contentKey = "content") {
   const tag = attrTags2[index];
   if (tag.isMarkoTag()) {
-    if ((0, import_babel_utils24.isAttributeTag)(tag)) {
+    if ((0, import_babel_utils25.isAttributeTag)(tag)) {
       const attrTagMeta = attrTagLookup[getTagName(tag)];
       const attrTagExport = getKnownFromPropTree(propTree, attrTagMeta.name);
       if (attrTagExport && attrTagMeta.dynamic) {
@@ -7715,7 +7788,7 @@ function analyzeAttrs(rootTagExtra, section, tag, propTree, rootAttrExprs) {
     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_utils25.isAttributeTag)(child)) {
+        if ((0, import_babel_utils26.isAttributeTag)(child)) {
           const attrTagMeta = attrTagLookup[getTagName(child)];
           const childAttrExport = getKnownFromPropTree(
             propTree,
@@ -7993,7 +8066,7 @@ function applyAttrObject(tag, propTree, tagInputIdentifier, info) {
       translatedAttrs.statements
     );
   }
-  if ((0, import_babel_utils25.isAttributeTag)(tag)) {
+  if ((0, import_babel_utils26.isAttributeTag)(tag)) {
     const attrTagName = getTagName(tag);
     const parentTag = tag.parentPath;
     const repeated = analyzeAttributeTags(parentTag)?.[attrTagName]?.repeated;
@@ -8113,7 +8186,7 @@ function writeAttrsToSignals(tag, propTree, importAlias, info) {
     for (let i = 0; i < attrTags2.length; i++) {
       const child = attrTags2[i];
       if (child.isMarkoTag()) {
-        if ((0, import_babel_utils25.isAttributeTag)(child)) {
+        if ((0, import_babel_utils26.isAttributeTag)(child)) {
           const attrTagMeta = attrTagLookup[getTagName(child)];
           const childAttrExport = getKnownFromPropTree(
             propTree,
@@ -8701,9 +8774,30 @@ function trackParamsReferences(body, type) {
     return paramsBinding;
   }
 }
+function getMarkoRootAsTag(path7) {
+  const tag = path7.isMarkoTag() ? path7 : getMarkoRoot(path7)?.parentPath;
+  if (tag?.isMarkoTag()) {
+    return tag;
+  }
+}
+function isReferenceInOwnBody(bindingPath, reference) {
+  const tag = getMarkoRootAsTag(bindingPath);
+  if (!tag) {
+    return false;
+  }
+  const body = tag.get("body");
+  let cur = reference;
+  while (cur) {
+    if (cur === body) {
+      return true;
+    }
+    cur = cur.parentPath;
+  }
+  return false;
+}
 function isReferenceHoisted(bindingPath, reference) {
-  const tag = bindingPath.isMarkoTag() ? bindingPath : getMarkoRoot(bindingPath)?.parentPath;
-  if (!tag?.isMarkoTag()) {
+  const tag = getMarkoRootAsTag(bindingPath);
+  if (!tag) {
     return false;
   }
   const body = tag.parentPath;
@@ -9288,7 +9382,7 @@ function finalizeReferences() {
       });
     }
   });
-  const programExtra = (0, import_babel_utils26.getProgram)().node.extra;
+  const programExtra = (0, import_babel_utils27.getProgram)().node.extra;
   if (programExtra.returnValueExpr) {
     programExtra.section.returnSerializeReason = getSerializeSourcesForExpr(
       programExtra.returnValueExpr
@@ -9456,7 +9550,7 @@ var [getFunctionReadsByExpression] = createProgramState(
 );
 function addRead(exprExtra, extra, binding, section, getter) {
   const readsByExpression = getReadsByExpression();
-  const read = { binding, extra, getter };
+  const read = { binding, extra, getter, ownVar: false };
   binding.reads.add(exprExtra);
   exprExtra.section = section;
   readsByExpression.set(
@@ -9501,6 +9595,10 @@ function addReadToExpression(root, binding, getter) {
     section,
     getter
   );
+  if (!getter && binding.type === 5 /* derived */) {
+    const babelBinding = root.scope.getBinding(binding.name);
+    read.ownVar = !!babelBinding && babelBinding.kind !== "param" && isReferenceInOwnBody(babelBinding.path, root);
+  }
   if (root.parent.type === "MarkoSpreadAttribute") {
     exprExtra.spreadFrom = binding;
   }
@@ -9636,6 +9734,12 @@ function getReadReplacement(node, signal) {
               [getScopeExpression(extra.section, readBinding.section)]
             );
           }
+        } else if (!import_config.optimize && read.ownVar) {
+          replacement = callRuntime(
+            "_assert_init",
+            extra.section ? getScopeExpression(extra.section, readBinding.section) : scopeIdentifier,
+            getScopeAccessorLiteral(readBinding)
+          );
         } else {
           replacement = createScopeReadExpression(readBinding, extra.section);
         }
@@ -9847,7 +9951,7 @@ function resolveReferencedBindings(expr, reads, intersectionsBySection) {
       const { extra, getter } = read;
       if (getter) {
         extra.section = expr.section;
-        extra.read = createRead(binding, void 0, getter);
+        extra.read = createGetterRead(binding, void 0, getter);
         addBindingGetter(binding, getter);
         if (getter.hoisted) {
           binding.hoists = sectionUtil.add(binding.hoists, getter.hoisted);
@@ -9870,20 +9974,23 @@ function resolveReferencedBindings(expr, reads, intersectionsBySection) {
       allBindings = bindingUtil.add(allBindings, binding);
     }
   } else if (reads) {
-    const { binding, extra, getter } = reads;
+    const { binding, extra, getter, ownVar } = reads;
     if (getter) {
+      extra.read = createGetterRead(binding, void 0, getter);
       addBindingGetter(binding, getter);
       if (getter.hoisted) {
         binding.hoists = sectionUtil.add(binding.hoists, getter.hoisted);
         hoistedBindings = bindingUtil.add(hoistedBindings, binding);
       }
-    } else if (binding.type === 6 /* constant */) {
-      constantBindings = binding;
-    } else if (binding.type !== 0 /* dom */) {
-      referencedBindings = binding;
+    } else {
+      extra.read = createRead(binding, void 0, ownVar);
+      if (binding.type === 6 /* constant */) {
+        constantBindings = binding;
+      } else if (binding.type !== 0 /* dom */) {
+        referencedBindings = binding;
+      }
     }
     extra.section = expr.section;
-    extra.read = createRead(binding, void 0, getter);
     allBindings = binding;
   }
   if (Array.isArray(referencedBindings)) {
@@ -9930,7 +10037,7 @@ function resolveReferencedBindings(expr, reads, intersectionsBySection) {
 function resolveExpressionReference(rootBindings, readBinding) {
   const upstreamRoot = readBinding.upstreamAlias && findClosestReference(readBinding.upstreamAlias, rootBindings);
   if (!upstreamRoot) {
-    return createRead(readBinding, void 0, void 0);
+    return createRead(readBinding, void 0);
   }
   let curBinding = readBinding;
   let props;
@@ -9943,15 +10050,18 @@ function resolveExpressionReference(rootBindings, readBinding) {
   if (Array.isArray(props)) {
     props.reverse();
   }
-  return createRead(upstreamRoot, props, void 0);
+  return createRead(upstreamRoot, props);
 }
 function isSupersetSources(a, b) {
   if (!b.sources) return true;
   if (!a.sources) return false;
   return bindingUtil.isSuperset(a.sources.state, b.sources.state) && bindingUtil.isSuperset(a.sources.param, b.sources.param);
 }
-function createRead(binding, props, getter) {
-  return { binding, props, getter };
+function createRead(binding, props, ownVar = false) {
+  return { binding, props, ownVar, getter: void 0 };
+}
+function createGetterRead(binding, props, getter) {
+  return { binding, props, ownVar: false, getter };
 }
 function getMemberExpressionPropString(expr) {
   switch (expr.property.type) {
@@ -9985,7 +10095,7 @@ function getAllSerializeReasonsForExtra(extra) {
   let reason = serializeReasonCache.get(extra);
   if (reason === false) return;
   if (reason === void 0) {
-    if (extra === (0, import_babel_utils26.getProgram)().node.extra?.returnValueExpr) {
+    if (extra === (0, import_babel_utils27.getProgram)().node.extra?.returnValueExpr) {
       reason = true;
     } else {
       serializeReasonCache.set(extra, false);
@@ -10109,10 +10219,10 @@ function setReadsOwner(from, to) {
 var kDOMBinding = /* @__PURE__ */ Symbol("await tag dom binding");
 var await_default = {
   analyze(tag) {
-    (0, import_babel_utils27.assertNoVar)(tag);
-    (0, import_babel_utils27.assertNoArgs)(tag);
+    (0, import_babel_utils28.assertNoVar)(tag);
+    (0, import_babel_utils28.assertNoArgs)(tag);
     assertNoSpreadAttrs(tag);
-    (0, import_babel_utils27.assertNoAttributeTags)(tag);
+    (0, import_babel_utils28.assertNoAttributeTags)(tag);
     const { node } = tag;
     const tagBody = tag.get("body");
     const section = getOrCreateSection(tag);
@@ -10258,7 +10368,7 @@ var await_default = {
 
 // src/translator/core/client.ts
 var import_compiler40 = require("@marko/compiler");
-var import_babel_utils28 = require("@marko/compiler/babel-utils");
+var import_babel_utils29 = require("@marko/compiler/babel-utils");
 var client_default = {
   parse(tag) {
     const {
@@ -10268,7 +10378,7 @@ var client_default = {
     const rawValue = node.rawValue;
     const code = rawValue.replace(/^client\s*/, "");
     const start = node.start + (rawValue.length - code.length);
-    let body = (0, import_babel_utils28.parseStatements)(file, code, start, start + code.length);
+    let body = (0, import_babel_utils29.parseStatements)(file, code, start, start + code.length);
     if (body.length === 1 && import_compiler40.types.isBlockStatement(body[0])) {
       body = body[0].body;
     }
@@ -10289,11 +10399,11 @@ var client_default = {
 
 // src/translator/core/const.ts
 var import_compiler41 = require("@marko/compiler");
-var import_babel_utils29 = require("@marko/compiler/babel-utils");
+var import_babel_utils30 = require("@marko/compiler/babel-utils");
 var const_default = {
   analyze(tag) {
-    (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);
     const { node } = tag;
     const [valueAttr] = node.attributes;
@@ -10370,13 +10480,13 @@ var const_default = {
 
 // src/translator/core/debug.ts
 var import_compiler42 = require("@marko/compiler");
-var import_babel_utils30 = require("@marko/compiler/babel-utils");
+var import_babel_utils31 = require("@marko/compiler/babel-utils");
 var debug_default = {
   analyze(tag) {
     const [valueAttr] = tag.node.attributes;
-    (0, import_babel_utils30.assertNoVar)(tag);
-    (0, import_babel_utils30.assertNoArgs)(tag);
-    (0, import_babel_utils30.assertNoParams)(tag);
+    (0, import_babel_utils31.assertNoVar)(tag);
+    (0, import_babel_utils31.assertNoArgs)(tag);
+    (0, import_babel_utils31.assertNoParams)(tag);
     assertNoBodyContent(tag);
     if (tag.node.attributes.length > 1 || tag.node.attributes.length === 1 && (!import_compiler42.types.isMarkoAttribute(valueAttr) || !valueAttr.default && valueAttr.name !== "value")) {
       throw tag.get("name").buildCodeFrameError(
@@ -10413,10 +10523,10 @@ var debug_default = {
 
 // src/translator/core/define.ts
 var import_compiler43 = require("@marko/compiler");
-var import_babel_utils31 = require("@marko/compiler/babel-utils");
+var import_babel_utils32 = require("@marko/compiler/babel-utils");
 var define_default = {
   analyze(tag) {
-    (0, import_babel_utils31.assertNoArgs)(tag);
+    (0, import_babel_utils32.assertNoArgs)(tag);
     if (!tag.node.var) {
       throw tag.get("name").buildCodeFrameError(
         "The [`<define>` tag](https://markojs.com/docs/reference/core-tag#define) requires a [tag variable](https://markojs.com/docs/reference/language#tag-variables)."
@@ -10547,17 +10657,17 @@ var define_default = {
 
 // src/translator/core/effect.ts
 var import_compiler44 = require("@marko/compiler");
-var import_babel_utils32 = require("@marko/compiler/babel-utils");
+var import_babel_utils33 = require("@marko/compiler/babel-utils");
 var effect_default = {
   migrate: [
     (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);
       assertNoSpreadAttrs(tag);
-      (0, import_babel_utils32.assertAllowedAttributes)(tag, ["value"]);
-      (0, import_babel_utils32.diagnosticDeprecate)(tag, {
+      (0, import_babel_utils33.assertAllowedAttributes)(tag, ["value"]);
+      (0, import_babel_utils33.diagnosticDeprecate)(tag, {
         label: "The 'effect' tag has been replaced by the 'script' tag.",
         fix() {
           const { node } = tag;
@@ -10580,12 +10690,12 @@ var effect_default = {
 };
 
 // src/translator/core/export.ts
-var import_babel_utils33 = require("@marko/compiler/babel-utils");
+var import_babel_utils34 = require("@marko/compiler/babel-utils");
 var export_default = {
   parse(tag) {
     const { node } = tag;
     tag.replaceWith(
-      (0, import_babel_utils33.parseStatements)(tag.hub.file, node.rawValue, node.start, node.end)[0]
+      (0, import_babel_utils34.parseStatements)(tag.hub.file, node.rawValue, node.start, node.end)[0]
     );
   },
   parseOptions: {
@@ -10601,13 +10711,13 @@ var export_default = {
 
 // src/translator/core/html-comment.ts
 var import_compiler45 = require("@marko/compiler");
-var import_babel_utils34 = require("@marko/compiler/babel-utils");
+var import_babel_utils35 = require("@marko/compiler/babel-utils");
 var kNodeBinding = /* @__PURE__ */ Symbol("comment tag binding");
 var html_comment_default = {
   analyze(tag) {
-    (0, import_babel_utils34.assertNoArgs)(tag);
-    (0, import_babel_utils34.assertNoParams)(tag);
-    (0, import_babel_utils34.assertNoAttributes)(tag);
+    (0, import_babel_utils35.assertNoArgs)(tag);
+    (0, import_babel_utils35.assertNoParams)(tag);
+    (0, import_babel_utils35.assertNoAttributes)(tag);
     const tagVar = tag.node.var;
     let needsBinding = false;
     if (tagVar) {
@@ -10747,13 +10857,13 @@ var html_style_default = {
 
 // src/translator/core/id.ts
 var import_compiler46 = require("@marko/compiler");
-var import_babel_utils35 = require("@marko/compiler/babel-utils");
+var import_babel_utils36 = require("@marko/compiler/babel-utils");
 var id_default = {
   analyze(tag) {
-    (0, import_babel_utils35.assertNoArgs)(tag);
-    (0, import_babel_utils35.assertNoParams)(tag);
+    (0, import_babel_utils36.assertNoArgs)(tag);
+    (0, import_babel_utils36.assertNoParams)(tag);
     assertNoBodyContent(tag);
-    (0, import_babel_utils35.assertNoAttributeTags)(tag);
+    (0, import_babel_utils36.assertNoAttributeTags)(tag);
     const { node } = tag;
     const [valueAttr] = node.attributes;
     if (!node.var) {
@@ -10825,7 +10935,7 @@ var id_default = {
 
 // src/translator/core/if.ts
 var import_compiler48 = require("@marko/compiler");
-var import_babel_utils36 = require("@marko/compiler/babel-utils");
+var import_babel_utils37 = require("@marko/compiler/babel-utils");
 
 // src/translator/util/to-first-statement-or-block.ts
 var import_compiler47 = require("@marko/compiler");
@@ -11093,9 +11203,9 @@ var ElseTag = {
   ]
 };
 function assertValidCondition(tag) {
-  (0, import_babel_utils36.assertNoVar)(tag);
-  (0, import_babel_utils36.assertNoArgs)(tag);
-  (0, import_babel_utils36.assertNoParams)(tag);
+  (0, import_babel_utils37.assertNoVar)(tag);
+  (0, import_babel_utils37.assertNoArgs)(tag);
+  (0, import_babel_utils37.assertNoParams)(tag);
   assertHasBody(tag);
   assertNoSpreadAttrs(tag);
   switch (getTagName(tag)) {
@@ -11194,12 +11304,12 @@ function isRoot(tag) {
 }
 
 // src/translator/core/import.ts
-var import_babel_utils37 = require("@marko/compiler/babel-utils");
+var import_babel_utils38 = require("@marko/compiler/babel-utils");
 var import_default = {
   parse(tag) {
     const { node } = tag;
     tag.replaceWith(
-      (0, import_babel_utils37.parseStatements)(tag.hub.file, node.rawValue, node.start, node.end)[0]
+      (0, import_babel_utils38.parseStatements)(tag.hub.file, node.rawValue, node.start, node.end)[0]
     );
   },
   parseOptions: {
@@ -11218,7 +11328,7 @@ var import_default = {
 
 // src/translator/core/let.ts
 var import_compiler49 = require("@marko/compiler");
-var import_babel_utils38 = require("@marko/compiler/babel-utils");
+var import_babel_utils39 = require("@marko/compiler/babel-utils");
 var let_default = {
   analyze(tag) {
     const { node } = tag;
@@ -11247,8 +11357,8 @@ var let_default = {
         }
       }
     }
-    (0, import_babel_utils38.assertNoArgs)(tag);
-    (0, import_babel_utils38.assertNoParams)(tag);
+    (0, import_babel_utils39.assertNoArgs)(tag);
+    (0, import_babel_utils39.assertNoParams)(tag);
     assertNoBodyContent(tag);
     assertNoSpreadAttrs(tag);
     if (!tagVar) {
@@ -11261,7 +11371,7 @@ var let_default = {
         "The [`<let>` tag](https://markojs.com/docs/reference/core-tag#let) variable cannot be destructured."
       );
     }
-    if (valueChangeAttr && (0, import_babel_utils38.computeNode)(valueChangeAttr.value)?.value) {
+    if (valueChangeAttr && (0, import_babel_utils39.computeNode)(valueChangeAttr.value)?.value) {
       throw tag.get("attributes").find((attr) => attr.node === valueChangeAttr).get("value").buildCodeFrameError(
         "The [`<let>` tag](https://markojs.com/docs/reference/core-tag#let) [`valueChange=` attribute](https://markojs.com/docs/reference/core-tag#controllable-let) must be a function."
       );
@@ -11344,13 +11454,13 @@ var let_default = {
 
 // src/translator/core/lifecycle.ts
 var import_compiler50 = require("@marko/compiler");
-var import_babel_utils39 = require("@marko/compiler/babel-utils");
+var import_babel_utils40 = require("@marko/compiler/babel-utils");
 var [getIndex, setIndex] = createSectionState("lifecycleIndex", () => 0);
 var lifecycle_default = {
   analyze(tag) {
-    (0, import_babel_utils39.assertNoArgs)(tag);
-    (0, import_babel_utils39.assertNoVar)(tag);
-    (0, import_babel_utils39.assertNoParams)(tag);
+    (0, import_babel_utils40.assertNoArgs)(tag);
+    (0, import_babel_utils40.assertNoVar)(tag);
+    (0, import_babel_utils40.assertNoParams)(tag);
     assertNoBodyContent(tag);
     const { node } = tag;
     const section = getOrCreateSection(tag);
@@ -11372,7 +11482,7 @@ var lifecycle_default = {
         );
       }
     }
-    (0, import_babel_utils39.getProgram)().node.extra.isInteractive = true;
+    (0, import_babel_utils40.getProgram)().node.extra.isInteractive = true;
   },
   translate: {
     exit(tag) {
@@ -11421,13 +11531,13 @@ var lifecycle_default = {
 
 // src/translator/core/log.ts
 var import_compiler51 = require("@marko/compiler");
-var import_babel_utils40 = require("@marko/compiler/babel-utils");
+var import_babel_utils41 = require("@marko/compiler/babel-utils");
 var log_default = {
   analyze(tag) {
     const [valueAttr] = tag.node.attributes;
-    (0, import_babel_utils40.assertNoArgs)(tag);
-    (0, import_babel_utils40.assertNoVar)(tag);
-    (0, import_babel_utils40.assertNoParams)(tag);
+    (0, import_babel_utils41.assertNoArgs)(tag);
+    (0, import_babel_utils41.assertNoVar)(tag);
+    (0, import_babel_utils41.assertNoParams)(tag);
     assertNoBodyContent(tag);
     if (!valueAttr) {
       throw tag.get("name").buildCodeFrameError(
@@ -11475,7 +11585,7 @@ var log_default = {
 
 // src/translator/core/script.ts
 var import_compiler52 = require("@marko/compiler");
-var import_babel_utils41 = require("@marko/compiler/babel-utils");
+var import_babel_utils42 = require("@marko/compiler/babel-utils");
 var htmlScriptTagAlternateMsg = " For a native html [`<script>` tag](https://markojs.com/docs/reference/core-tag#script) use the `html-script` core tag instead.";
 var script_default = {
   parse(tag) {
@@ -11495,7 +11605,7 @@ var script_default = {
       }
       const start = body[0]?.start;
       const end = body[body.length - 1]?.end;
-      const bodyStatements = (0, import_babel_utils41.parseStatements)(tag.hub.file, code, start, end);
+      const bodyStatements = (0, import_babel_utils42.parseStatements)(tag.hub.file, code, start, end);
       if (bodyStatements.length) {
         const valueFn = import_compiler52.types.arrowFunctionExpression(
           [],
@@ -11509,10 +11619,10 @@ var script_default = {
   },
   analyze(tag) {
     const { node } = tag;
-    (0, import_babel_utils41.assertNoArgs)(tag);
-    (0, import_babel_utils41.assertNoParams)(tag);
+    (0, import_babel_utils42.assertNoArgs)(tag);
+    (0, import_babel_utils42.assertNoParams)(tag);
     assertNoBodyContent(tag);
-    (0, import_babel_utils41.assertNoAttributeTags)(tag);
+    (0, import_babel_utils42.assertNoAttributeTags)(tag);
     if (node.var) {
       throw tag.hub.buildError(
         node.var,
@@ -11527,7 +11637,7 @@ var script_default = {
         }
         seenValueAttr = true;
         (attr.value.extra ??= {}).isEffect = true;
-        (0, import_babel_utils41.getProgram)().node.extra.isInteractive = true;
+        (0, import_babel_utils42.getProgram)().node.extra.isInteractive = true;
       } else {
         throw tag.hub.buildError(
           attr,
@@ -11617,7 +11727,7 @@ function isAwaitExpression(node) {
 
 // src/translator/core/server.ts
 var import_compiler53 = require("@marko/compiler");
-var import_babel_utils42 = require("@marko/compiler/babel-utils");
+var import_babel_utils43 = require("@marko/compiler/babel-utils");
 var server_default = {
   parse(tag) {
     const {
@@ -11627,7 +11737,7 @@ var server_default = {
     const rawValue = node.rawValue;
     const code = rawValue.replace(/^server\s*/, "");
     const start = node.start + (rawValue.length - code.length);
-    let body = (0, import_babel_utils42.parseStatements)(file, code, start, start + code.length);
+    let body = (0, import_babel_utils43.parseStatements)(file, code, start, start + code.length);
     if (body.length === 1 && import_compiler53.types.isBlockStatement(body[0])) {
       body = body[0].body;
     }
@@ -11648,7 +11758,7 @@ var server_default = {
 
 // src/translator/core/static.ts
 var import_compiler54 = require("@marko/compiler");
-var import_babel_utils43 = require("@marko/compiler/babel-utils");
+var import_babel_utils44 = require("@marko/compiler/babel-utils");
 var static_default = {
   parse(tag) {
     const {
@@ -11658,7 +11768,7 @@ var static_default = {
     const rawValue = node.rawValue;
     const code = rawValue.replace(/^static\s*/, "");
     const start = node.start + (rawValue.length - code.length);
-    let body = (0, import_babel_utils43.parseStatements)(file, code, start, start + code.length);
+    let body = (0, import_babel_utils44.parseStatements)(file, code, start, start + code.length);
     if (body.length === 1 && import_compiler54.types.isBlockStatement(body[0])) {
       body = body[0].body;
     }
@@ -11679,16 +11789,16 @@ var static_default = {
 
 // src/translator/core/style.ts
 var import_compiler55 = require("@marko/compiler");
-var import_babel_utils44 = require("@marko/compiler/babel-utils");
+var import_babel_utils45 = 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](https://markojs.com/docs/reference/core-tag#style) use the `html-style` core tag instead.";
 var style_default = {
   analyze(tag) {
-    (0, import_babel_utils44.assertNoArgs)(tag);
-    (0, import_babel_utils44.assertNoParams)(tag);
-    (0, import_babel_utils44.assertNoAttributeTags)(tag);
+    (0, import_babel_utils45.assertNoArgs)(tag);
+    (0, import_babel_utils45.assertNoParams)(tag);
+    (0, import_babel_utils45.assertNoAttributeTags)(tag);
     const { node } = tag;
     const ext = STYLE_EXT_REG.exec(node.rawValue || "")?.[1]?.slice(1);
     for (const attr of node.attributes) {
@@ -11728,13 +11838,13 @@ var style_default = {
     for (const child of node.body.body) {
       code += child.value;
       if (createMap) {
-        const start = (0, import_babel_utils44.getStart)(file, child);
+        const start = (0, import_babel_utils45.getStart)(file, child);
         if (start !== null) {
           magicString ||= new import_magic_string.default(file.code, { filename });
           if (start > last) {
             magicString.remove(last, start);
           }
-          last = (0, import_babel_utils44.getEnd)(file, child);
+          last = (0, import_babel_utils45.getEnd)(file, child);
         }
       }
     }
@@ -11761,11 +11871,11 @@ var style_default = {
     });
     if (importPath) {
       if (!node.var) {
-        (0, import_babel_utils44.getProgram)().node.body.push(
+        (0, import_babel_utils45.getProgram)().node.body.push(
           import_compiler55.types.importDeclaration([], import_compiler55.types.stringLiteral(importPath))
         );
       } else if (import_compiler55.types.isIdentifier(node.var)) {
-        (0, import_babel_utils44.getProgram)().node.body.push(
+        (0, import_babel_utils45.getProgram)().node.body.push(
           import_compiler55.types.importDeclaration(
             [import_compiler55.types.importNamespaceSpecifier(node.var)],
             import_compiler55.types.stringLiteral(importPath)
@@ -11773,9 +11883,9 @@ var style_default = {
         );
       } else {
         const varDecl = import_compiler55.types.variableDeclaration("const", [
-          import_compiler55.types.variableDeclarator(node.var, (0, import_babel_utils44.importStar)(file, importPath, "style"))
+          import_compiler55.types.variableDeclarator(node.var, (0, import_babel_utils45.importStar)(file, importPath, "style"))
         ]);
-        (0, import_babel_utils44.getProgram)().node.body.push(
+        (0, import_babel_utils45.getProgram)().node.body.push(
           isOutputDOM() ? varDecl : import_compiler55.types.markoScriptlet([varDecl], true)
         );
       }
@@ -11793,15 +11903,15 @@ var style_default = {
 
 // src/translator/core/try.ts
 var import_compiler56 = require("@marko/compiler");
-var import_babel_utils45 = require("@marko/compiler/babel-utils");
+var import_babel_utils46 = require("@marko/compiler/babel-utils");
 var hasEnabledCatch = /* @__PURE__ */ new WeakSet();
 var kDOMBinding2 = /* @__PURE__ */ Symbol("try tag dom binding");
 var try_default = {
   analyze(tag) {
-    (0, import_babel_utils45.assertNoVar)(tag);
-    (0, import_babel_utils45.assertNoArgs)(tag);
-    (0, import_babel_utils45.assertNoParams)(tag);
-    (0, import_babel_utils45.assertNoAttributes)(tag);
+    (0, import_babel_utils46.assertNoVar)(tag);
+    (0, import_babel_utils46.assertNoArgs)(tag);
+    (0, import_babel_utils46.assertNoParams)(tag);
+    (0, import_babel_utils46.assertNoAttributes)(tag);
     assertNoSpreadAttrs(tag);
     analyzeAttributeTags(tag);
     const section = getOrCreateSection(tag);
@@ -11914,7 +12024,7 @@ var try_default = {
             translatedAttrs.statements
           );
         }
-        const program = (0, import_babel_utils45.getProgram)().node;
+        const program = (0, import_babel_utils46.getProgram)().node;
         if (!hasEnabledCatch.has(program)) {
           hasEnabledCatch.add(program);
           program.body.push(
@@ -12016,13 +12126,13 @@ var document_type_default = {
 };
 
 // src/translator/visitors/import-declaration.ts
-var import_babel_utils46 = require("@marko/compiler/babel-utils");
+var import_babel_utils47 = 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_utils46.resolveTagImport)(importDecl, value);
+    const tagImport = (0, import_babel_utils47.resolveTagImport)(importDecl, value);
     if (tagImport) {
       node.extra ??= {};
       node.extra.tagImport = tagImport;
@@ -12324,7 +12434,7 @@ var referenced_identifier_default = {
 
 // src/translator/visitors/scriptlet.ts
 var import_compiler59 = require("@marko/compiler");
-var import_babel_utils47 = require("@marko/compiler/babel-utils");
+var import_babel_utils48 = require("@marko/compiler/babel-utils");
 var scriptlet_default = {
   analyze(scriptlet) {
     if (!scriptlet.node.static) {
@@ -12338,7 +12448,7 @@ var scriptlet_default = {
       scriptlet.node.body
     );
     if (scriptlet.node.target === "client") {
-      (0, import_babel_utils47.getProgram)().node.extra.isInteractive = true;
+      (0, import_babel_utils48.getProgram)().node.extra.isInteractive = true;
     }
   },
   translate: {
@@ -12374,20 +12484,20 @@ var scriptlet_default = {
 
 // src/translator/visitors/tag/index.ts
 var import_compiler63 = require("@marko/compiler");
-var import_babel_utils51 = require("@marko/compiler/babel-utils");
+var import_babel_utils52 = require("@marko/compiler/babel-utils");
 
 // src/translator/visitors/tag/attribute-tag.ts
 var import_compiler60 = require("@marko/compiler");
-var import_babel_utils48 = require("@marko/compiler/babel-utils");
+var import_babel_utils49 = require("@marko/compiler/babel-utils");
 var attribute_tag_default = {
   analyze: {
     enter(tag) {
-      (0, import_babel_utils48.assertNoVar)(tag);
-      (0, import_babel_utils48.assertNoArgs)(tag);
+      (0, import_babel_utils49.assertNoVar)(tag);
+      (0, import_babel_utils49.assertNoArgs)(tag);
       const body = tag.get("body");
       startSection(body);
       trackParamsReferences(body, 3 /* param */);
-      if (!(0, import_babel_utils48.findParentTag)(tag)) {
+      if (!(0, import_babel_utils49.findParentTag)(tag)) {
         throw tag.get("name").buildCodeFrameError(
           "[Attribute tags](https://markojs.com/docs/reference/language#attribute-tags) must be nested within another tag."
         );
@@ -12411,20 +12521,20 @@ var attribute_tag_default = {
 
 // src/translator/visitors/tag/custom-tag.ts
 var import_compiler61 = require("@marko/compiler");
-var import_babel_utils49 = require("@marko/compiler/babel-utils");
+var import_babel_utils50 = require("@marko/compiler/babel-utils");
 var import_fastest_levenshtein = require("fastest-levenshtein");
 var import_path4 = __toESM(require("path"));
 var custom_tag_default = {
   analyze: {
     enter(tag) {
-      const templateFile = (0, import_babel_utils49.getTagTemplate)(tag);
+      const templateFile = (0, import_babel_utils50.getTagTemplate)(tag);
       if (!templateFile) throw tagNotFoundError(tag);
-      (0, import_babel_utils49.assertAttributesOrSingleArg)(tag);
-      const childFile = (0, import_babel_utils49.loadFileForTag)(tag);
+      (0, import_babel_utils50.assertAttributesOrSingleArg)(tag);
+      const childFile = (0, import_babel_utils50.loadFileForTag)(tag);
       if (!childFile) {
         throw tag.get("name").buildCodeFrameError("Unable to resolve file for tag.");
       }
-      const programExtra = (0, import_babel_utils49.getProgram)().node.extra;
+      const programExtra = (0, import_babel_utils50.getProgram)().node.extra;
       const programSection = programExtra.section;
       const childProgram = childFile.ast.program;
       const childExtra = childProgram.extra;
@@ -12456,12 +12566,12 @@ var custom_tag_default = {
 };
 function translateHTML(tag) {
   const { node } = tag;
-  const childProgram = (0, import_babel_utils49.loadFileForTag)(tag).ast.program;
+  const childProgram = (0, import_babel_utils50.loadFileForTag)(tag).ast.program;
   const childExtra = childProgram.extra;
   let tagIdentifier;
   if (import_compiler61.types.isStringLiteral(node.name)) {
     const relativePath = getTagRelativePath(tag);
-    tagIdentifier = isCircularRequest(tag.hub.file, relativePath) ? import_compiler61.types.identifier(getTemplateContentName()) : (0, import_babel_utils49.importDefault)(tag.hub.file, relativePath, getTagName(tag));
+    tagIdentifier = isCircularRequest(tag.hub.file, relativePath) ? import_compiler61.types.identifier(getTemplateContentName()) : (0, import_babel_utils50.importDefault)(tag.hub.file, relativePath, getTagName(tag));
   } else {
     tagIdentifier = node.name;
   }
@@ -12477,8 +12587,8 @@ function translateDOM(tag) {
   const { file } = tag.hub;
   const write = writeTo(tag);
   const relativePath = getTagRelativePath(tag);
-  const programSection = (0, import_babel_utils49.getProgram)().node.extra.section;
-  const childFile = (0, import_babel_utils49.loadFileForTag)(tag);
+  const programSection = (0, import_babel_utils50.getProgram)().node.extra.section;
+  const childFile = (0, import_babel_utils50.loadFileForTag)(tag);
   const childExtra = childFile.ast.program.extra;
   const childExports = childExtra.domExports;
   const childSection = childExtra.section;
@@ -12487,7 +12597,7 @@ function translateDOM(tag) {
     knownTagTranslateDOM(
       tag,
       childExports.params,
-      (binding, preferedName) => getSignal(programSection, binding, preferedName).identifier,
+      (binding, preferredName) => getSignal(programSection, binding, preferredName).identifier,
       (section, childBinding) => {
         addStatement(
           "render",
@@ -12507,11 +12617,11 @@ function translateDOM(tag) {
     knownTagTranslateDOM(
       tag,
       childExports.params,
-      (binding, perferedName) => importOrSelfReferenceName(
+      (binding, preferredName) => importOrSelfReferenceName(
         tag.hub.file,
         relativePath,
         binding.export,
-        perferedName
+        preferredName
       ),
       (section, childBinding) => {
         addStatement(
@@ -12532,11 +12642,11 @@ function translateDOM(tag) {
         );
       }
     );
-    write`${(0, import_babel_utils49.importNamed)(file, relativePath, childExports.template, `${tagName}_template`)}`;
+    write`${(0, import_babel_utils50.importNamed)(file, relativePath, childExports.template, `${tagName}_template`)}`;
     injectWalks(
       tag,
       tagName,
-      (0, import_babel_utils49.importNamed)(file, relativePath, childExports.walks, `${tagName}_walks`)
+      (0, import_babel_utils50.importNamed)(file, relativePath, childExports.walks, `${tagName}_walks`)
     );
   }
   tag.remove();
@@ -12548,8 +12658,8 @@ function getTagRelativePath(tag) {
   } = tag;
   let relativePath;
   if (import_compiler61.types.isStringLiteral(node.name)) {
-    const template = node.extra?.featureType === "class" && (0, import_babel_utils49.getTagDef)(tag)?.renderer || (0, import_babel_utils49.getTagTemplate)(tag);
-    relativePath = template && (0, import_babel_utils49.resolveRelativePath)(file, template);
+    const template = node.extra?.featureType === "class" && (0, import_babel_utils50.getTagDef)(tag)?.renderer || (0, import_babel_utils50.getTagTemplate)(tag);
+    relativePath = template && (0, import_babel_utils50.resolveRelativePath)(file, template);
   } else if (node.extra?.tagNameImported) {
     relativePath = node.extra.tagNameImported;
   }
@@ -12581,7 +12691,7 @@ function importOrSelfReferenceName(file, request, name2, nameHint) {
   if (isCircularRequest(file, request)) {
     return import_compiler61.types.identifier(name2);
   }
-  return (0, import_babel_utils49.importNamed)(file, request, name2, nameHint);
+  return (0, import_babel_utils50.importNamed)(file, request, name2, nameHint);
 }
 function isCircularRequest(file, request) {
   const { filename } = file.opts;
@@ -12590,14 +12700,14 @@ function isCircularRequest(file, request) {
 
 // src/translator/visitors/tag/dynamic-tag.ts
 var import_compiler62 = require("@marko/compiler");
-var import_babel_utils50 = require("@marko/compiler/babel-utils");
+var import_babel_utils51 = require("@marko/compiler/babel-utils");
 var kDOMBinding3 = /* @__PURE__ */ Symbol("dynamic tag dom binding");
 var kChildOffsetScopeBinding2 = /* @__PURE__ */ Symbol("custom tag scope offset");
 var importedDynamicTagResume = /* @__PURE__ */ new WeakSet();
 var dynamic_tag_default = {
   analyze: {
     enter(tag) {
-      (0, import_babel_utils50.assertAttributesOrArgs)(tag);
+      (0, import_babel_utils51.assertAttributesOrArgs)(tag);
       const { node } = tag;
       const definedBodySection = node.extra?.defineBodySection;
       if (definedBodySection) {
@@ -12624,7 +12734,7 @@ var dynamic_tag_default = {
       if (hasVar || tag.node.attributes.some(
         (attr) => import_compiler62.types.isMarkoSpreadAttribute(attr) || isEventOrChangeHandler(attr.name)
       )) {
-        (0, import_babel_utils50.getProgram)().node.extra.isInteractive = true;
+        (0, import_babel_utils51.getProgram)().node.extra.isInteractive = true;
       }
       if (hasVar) {
         trackVarReferences(tag, 5 /* derived */);
@@ -12723,7 +12833,7 @@ var dynamic_tag_default = {
       const isClassAPI = tagExtra.featureType === "class";
       let tagExpression = node.name;
       if (import_compiler62.types.isStringLiteral(tagExpression)) {
-        tagExpression = (0, import_babel_utils50.importDefault)(
+        tagExpression = (0, import_babel_utils51.importDefault)(
           tag.hub.file,
           getTagRelativePath(tag),
           tagExpression.value
@@ -12731,15 +12841,15 @@ var dynamic_tag_default = {
       }
       if (isClassAPI) {
         if (isOutputHTML()) {
-          (0, import_babel_utils50.getProgram)().node.body.push(
+          (0, import_babel_utils51.getProgram)().node.body.push(
             import_compiler62.types.markoScriptlet(
               [
                 import_compiler62.types.expressionStatement(
                   import_compiler62.types.callExpression(
-                    (0, import_babel_utils50.importNamed)(tag.hub.file, getCompatRuntimeFile(), "s"),
+                    (0, import_babel_utils51.importNamed)(tag.hub.file, getCompatRuntimeFile(), "s"),
                     [
                       import_compiler62.types.identifier(tagExpression.name),
-                      import_compiler62.types.stringLiteral((0, import_babel_utils50.loadFileForTag)(tag).metadata.marko.id)
+                      import_compiler62.types.stringLiteral((0, import_babel_utils51.loadFileForTag)(tag).metadata.marko.id)
                     ]
                   )
                 )
@@ -12748,11 +12858,11 @@ var dynamic_tag_default = {
             )
           );
         } else {
-          (0, import_babel_utils50.getProgram)().node.body.push(
+          (0, import_babel_utils51.getProgram)().node.body.push(
             import_compiler62.types.expressionStatement(
               callRuntime(
                 "_resume",
-                import_compiler62.types.stringLiteral((0, import_babel_utils50.loadFileForTag)(tag).metadata.marko.id),
+                import_compiler62.types.stringLiteral((0, import_babel_utils51.loadFileForTag)(tag).metadata.marko.id),
                 import_compiler62.types.identifier(tagExpression.name)
               )
             )
@@ -12910,7 +13020,7 @@ var dynamic_tag_default = {
   }
 };
 function enableDynamicTagResume(tag) {
-  const program = (0, import_babel_utils50.getProgram)().node;
+  const program = (0, import_babel_utils51.getProgram)().node;
   if (!importedDynamicTagResume.has(program) && analyzeTagNameType(tag, true) !== 1 /* CustomTag */) {
     for (const attr of tag.node.attributes) {
       if (attr.type === "MarkoSpreadAttribute" || attr.type === "MarkoAttribute" && isEventOrChangeHandler(attr.name)) {
@@ -12928,7 +13038,7 @@ function enableDynamicTagResume(tag) {
 var tag_default = {
   analyze: {
     enter(tag) {
-      const tagDef = (0, import_babel_utils51.getTagDef)(tag);
+      const tagDef = (0, import_babel_utils52.getTagDef)(tag);
       const type = analyzeTagNameType(tag);
       const hook = tagDef?.analyzer?.hook;
       if (hook) {
@@ -12952,7 +13062,7 @@ var tag_default = {
       }
     },
     exit(tag) {
-      const hook = (0, import_babel_utils51.getTagDef)(tag)?.analyzer?.hook;
+      const hook = (0, import_babel_utils52.getTagDef)(tag)?.analyzer?.hook;
       if (hook) {
         exit(hook, tag);
         return;
@@ -12961,7 +13071,7 @@ var tag_default = {
   },
   translate: {
     enter(tag) {
-      const tagDef = (0, import_babel_utils51.getTagDef)(tag);
+      const tagDef = (0, import_babel_utils52.getTagDef)(tag);
       if (tagDef?.translator) {
         if (tagDef.translator.path) {
           tag.hub.file.metadata.marko.watchFiles.push(tagDef.translator.path);
@@ -12976,15 +13086,6 @@ var tag_default = {
               `Unsupported arguments on the \`${attr.node.name}\` attribute.`
             );
           }
-          if (attr.node.modifier) {
-            if ((0, import_babel_utils51.isNativeTag)(attr.parentPath)) {
-              attr.node.name += `:${attr.node.modifier}`;
-            } else {
-              throw attr.buildCodeFrameError(
-                `Unsupported modifier \`${attr.node.modifier}\`.`
-              );
-            }
-          }
         }
       }
       switch (analyzeTagNameType(tag)) {
@@ -13003,7 +13104,7 @@ var tag_default = {
       }
     },
     exit(tag) {
-      const translator = (0, import_babel_utils51.getTagDef)(tag)?.translator;
+      const translator = (0, import_babel_utils52.getTagDef)(tag)?.translator;
       if (translator) {
         exit(translator.hook, tag);
         return;
@@ -13041,12 +13142,12 @@ var text_default = {
 
 // src/translator/interop/index.ts
 var import_compiler65 = require("@marko/compiler");
-var import_babel_utils53 = require("@marko/compiler/babel-utils");
+var import_babel_utils54 = require("@marko/compiler/babel-utils");
 var import_babel2 = require("@marko/compiler/internal/babel");
 var import_path6 = __toESM(require("path"));
 
 // src/translator/interop/feature-detection.ts
-var import_babel_utils52 = require("@marko/compiler/babel-utils");
+var import_babel_utils53 = require("@marko/compiler/babel-utils");
 
 // src/translator/interop/build-aggregate-error.ts
 var import_babel = require("@marko/compiler/internal/babel");
@@ -13103,12 +13204,12 @@ function getFileNameWithLoc(fileName, { node: { loc } }) {
 }
 
 // src/translator/interop/feature-detection.ts
-function isTagsAPI(file = (0, import_babel_utils52.getFile)()) {
+function isTagsAPI(file = (0, import_babel_utils53.getFile)()) {
   const program = file.path;
   const programExtra = program.node.extra ??= {};
   let { featureType } = programExtra;
   if (!featureType) {
-    const lookup = (0, import_babel_utils52.getTaglibLookup)(file);
+    const lookup = (0, import_babel_utils53.getTaglibLookup)(file);
     const tagsDir = getTagsDir(file.opts.filename);
     const state = {};
     if (tagsDir && !lookup.manualTagsDirs?.has(tagsDir)) {
@@ -13189,7 +13290,7 @@ function scanTag(state, tag) {
       tag.get("var")
     );
   }
-  const tagDef = (0, import_babel_utils52.getTagDef)(tag);
+  const tagDef = (0, import_babel_utils53.getTagDef)(tag);
   if (tagDef) {
     if (tagDef.name === "style") {
       if (/^style(?:(?:\.[^.\s\\/:*?"<>|({]+)+)?\s*\{/.test(
@@ -13215,9 +13316,6 @@ function scanTag(state, tag) {
             attr.get("arguments")[0]
           );
           break;
-        } else if (attr.node.modifier) {
-          addFeature(state, "class" /* Class */, "Attribute modifier", attr);
-          break;
         } else if (attr.node.bound) {
           addFeature(state, "tags" /* Tags */, "Bound attribute", attr);
           break;
@@ -13289,10 +13387,10 @@ function createInteropTranslator(translate5) {
       import_compiler65.taglib.resolveOptionalTaglibs(translate5.optionalTaglibs).concat(translate5.taglibs),
       taglibs
     ),
-    getRuntimeEntryFiles(output, optimize) {
+    getRuntimeEntryFiles(output, optimize2) {
       return [
-        ...translate5.getRuntimeEntryFiles(output, optimize),
-        ...getRuntimeEntryFiles(output, optimize)
+        ...translate5.getRuntimeEntryFiles(output, optimize2),
+        ...getRuntimeEntryFiles(output, optimize2)
       ];
     }
   };
@@ -13374,7 +13472,7 @@ function createInteropTranslator(translate5) {
             return enterProgram?.call(this, program, state);
           }
           const visitedFiles = /* @__PURE__ */ new Set([
-            (0, import_babel_utils53.resolveRelativePath)(entryFile, entryFile.opts.filename)
+            (0, import_babel_utils54.resolveRelativePath)(entryFile, entryFile.opts.filename)
           ]);
           entryBuilder.visit(
             entryFile,
@@ -13382,7 +13480,7 @@ function createInteropTranslator(translate5) {
             function visitChild(resolved) {
               if (!visitedFiles.has(resolved)) {
                 visitedFiles.add(resolved);
-                const file = (0, import_babel_utils53.loadFileForImport)(entryFile, resolved);
+                const file = (0, import_babel_utils54.loadFileForImport)(entryFile, resolved);
                 if (file) {
                   entryBuilder.visit(
                     file,
@@ -13539,7 +13637,7 @@ function getVisitorExit(visit2) {
   return typeof visit2 === "object" ? visit2?.exit : void 0;
 }
 function resolveRelativeToEntry2(entryFile, file, req) {
-  return file === entryFile ? (0, import_babel_utils53.resolveRelativePath)(file, req) : (0, import_babel_utils53.resolveRelativePath)(
+  return file === entryFile ? (0, import_babel_utils54.resolveRelativePath)(file, req) : (0, import_babel_utils54.resolveRelativePath)(
     entryFile,
     req[0] === "." ? import_path6.default.join(file.opts.filename, "..", req) : req
   );
@@ -13572,9 +13670,9 @@ var taglibs = [
     }
   ]
 ];
-function getRuntimeEntryFiles(output, optimize) {
+function getRuntimeEntryFiles(output, optimize2) {
   return [
-    `${runtime_info_default.name}${optimize ? "" : "/debug"}/${output === "html" ? "html" : "dom"}`
+    `${runtime_info_default.name}${optimize2 ? "" : "/debug"}/${output === "html" ? "html" : "dom"}`
   ];
 }
 // Annotate the CommonJS export names for ESM import in node: