marko 6.3.31 → 6.3.33

package/dist/translator/index.js

@@ -605,6 +605,9 @@ function getTagName(tag) {
 			break;
 	}
 }
+function getStaticTagName(node) {
+	return _marko_compiler.types.isIdentifier(node.name) ? node.name.name : _marko_compiler.types.isStringLiteral(node.name) ? node.name.value : "tag";
+}
 //#endregion
 //#region src/translator/util/is-core-tag.ts
 const { taglibId } = runtime_info_default;
@@ -665,6 +668,12 @@ function isInvokedFunction(expr) {
 	return false;
 }
 //#endregion
+//#region src/translator/util/constants/structure-kind.ts
+const Visit = "visit";
+const Child = "child";
+const SectionRef = "sectionRef";
+const ExportRef = "exportRef";
+//#endregion
 //#region src/translator/util/optional.ts
 var Sorted = class {
 	compare;
@@ -1318,7 +1327,8 @@ function startSection(path) {
 			hasAbortSignal: false,
 			abortSignalExprs: 0,
 			readsOwner: false,
-			isBranch: false
+			isBranch: false,
+			structure: parentSection && !parentSection.structure ? null : []
 		};
 		sections.push(section);
 	}
@@ -1966,6 +1976,14 @@ function _resume_branch(scopeId) {
 	const branchId = $chunk.context?.[kBranchId];
 	if (branchId !== void 0 && branchId !== scopeId) writeScope(scopeId, { [ClosestBranchId$1]: branchId });
 }
+function deferBranchStart(chunk) {
+	const beforeBranch = chunk.html;
+	chunk.html = "";
+	return beforeBranch;
+}
+function applyBranchStart(chunk, beforeBranch, rendered) {
+	chunk.html = beforeBranch + (rendered ? chunk.boundary.state.mark("[", "") : "") + chunk.html;
+}
 let writeScope = (scopeId, partialScope) => {
 	const { state } = $chunk.boundary;
 	const target = $chunk.serializeState;
@@ -2186,7 +2204,8 @@ let _dynamic_tag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, s
 		};
 		renderNative();
 	} else {
-		if (shouldResume) _html(state.mark("[", ""));
+		const chunk = void 0;
+		const beforeBranch = shouldResume ? deferBranchStart(chunk) : void 0;
 		const render = () => {
 			if (renderer) try {
 				_set_serialize_reason(shouldResume && inputOrArgs !== void 0 ? 1 : 0);
@@ -2201,7 +2220,10 @@ let _dynamic_tag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, s
 		};
 		result = shouldResume ? withBranchId(branchId, render) : render();
 		rendered = _peek_scope_id() !== branchId;
-		if (shouldResume) _html(state.mark("]", scopeId + " " + accessor + (rendered ? " " + branchId : "")));
+		if (beforeBranch !== void 0) {
+			applyBranchStart(chunk, beforeBranch, rendered);
+			_html(state.mark("]", scopeId + " " + accessor + (rendered ? " " + branchId : "")));
+		}
 	}
 	if (rendered) {
 		if (shouldResume) writeScope(scopeId, { [ConditionalRenderer$1 + accessor]: renderer?.["id"] || renderer });
@@ -2262,6 +2284,17 @@ function callRuntime(name, ...args) {
 	if (isOutputDOM() && pureDOMFunctions.has(name)) return _marko_compiler.types.addComment(callExpression, "leading", "@__PURE__");
 	return callExpression;
 }
+const importedFeatures = /* @__PURE__ */ new WeakMap();
+function importRuntimeFeature(feature) {
+	if (!isTranslate()) throw new Error(`\`importRuntimeFeature(${JSON.stringify(feature)})\` may only be called during the translate stage.`);
+	const program = (0, _marko_compiler_babel_utils.getProgram)().node;
+	let features = importedFeatures.get(program);
+	if (!features) importedFeatures.set(program, features = /* @__PURE__ */ new Set());
+	if (!features.has(feature)) {
+		features.add(feature);
+		program.body.push(_marko_compiler.types.importDeclaration([], _marko_compiler.types.stringLiteral(`${getRuntimePath("dom")}/${feature}.feat`)));
+	}
+}
 function getHTMLRuntime() {
 	return {
 		_escape,
@@ -2599,137 +2632,10 @@ function createTypeState() {
 	};
 }
 //#endregion
-//#region src/translator/util/walks.ts
-const [getWalks] = createSectionState("walks", () => [""]);
-const [getWalkComment] = createSectionState("walkComment", () => []);
-const [getSteps] = createSectionState("steps", (section) => {
-	if (section.content?.startType === 1) return [0, 1];
-	return [];
-});
-const walkCodeToName = {
-	[32]: "get",
-	[37]: "replace",
-	[38]: "endChild",
-	[47]: "beginChild",
-	[48]: "beginChildWithVar",
-	[49]: "dynamicTagWithVar",
-	[67]: "next",
-	[97]: "over",
-	[107]: "out",
-	[117]: "multiplier",
-	[91]: "nextEnd",
-	[106]: "overEnd",
-	[116]: "outEnd",
-	[126]: "multiplierEnd"
-};
-function enter(path) {
-	getSteps(getSection(path)).push(0);
-}
-function exit(path) {
-	getSteps(getSection(path)).push(1);
-}
-function enterShallow(path) {
-	const section = getSection(path);
-	getSteps(section).push(0, 1);
-}
-function injectWalks(tag, name, expr) {
-	const section = getSection(tag);
-	const walks = getWalks(section);
-	const walkComment = getWalkComment(section);
-	visitInternal(section);
-	walkComment.push(`<${name}${tag.node.var ? "/var" : ""}>`);
-	appendLiteral(walks, String.fromCharCode(tag.node.var ? 48 : 47));
-	if (expr) walks.push(expr);
-	walks.push(String.fromCharCode(38));
-}
-function visit(path, code) {
-	if (isOutputHTML()) return;
-	const section = getSection(path);
-	const walks = getWalks(section);
-	const walkComment = getWalkComment(section);
-	visitInternal(section);
-	if (code !== 32) writeTo(path)`<!>`;
-	walkComment.push(`${walkCodeToName[code]}`);
-	appendLiteral(walks, String.fromCharCode(code));
-}
-function visitInternal(section) {
-	const steps = getSteps(section);
-	if (!steps.length) return;
-	const walks = getWalks(section);
-	const walkComment = getWalkComment(section);
-	const walkCodes = [];
-	let walkString = "";
-	let depth = 0;
-	for (const step of steps) if (step === 0) {
-		depth++;
-		walkCodes.push(67);
-	} else {
-		depth--;
-		if (depth >= 0) {
-			walkCodes.length = walkCodes.lastIndexOf(67);
-			walkCodes.push(97);
-		} else {
-			walkCodes.length = walkCodes.lastIndexOf(107) + 1;
-			walkCodes.push(107);
-			depth = 0;
-		}
-	}
-	let current = walkCodes[0];
-	let count = 0;
-	for (const walk of walkCodes) if (walk !== current) {
-		walkComment.push(`${walkCodeToName[current]}(${count})`);
-		walkString += nCodeString(current, count);
-		current = walk;
-		count = 1;
-	} else count++;
-	walkComment.push(`${walkCodeToName[current]}(${count})`);
-	walkString += nCodeString(current, count);
-	steps.length = 0;
-	appendLiteral(walks, walkString);
-}
-function nCodeString(code, number) {
-	switch (code) {
-		case 67: return toCharString(number, code, 25);
-		case 97: return toCharString(number, code, 10);
-		case 107: return toCharString(number, code, 10);
-		default: throw new Error(`Unexpected walk code: ${code}`);
-	}
-}
-function toCharString(number, startCode, rangeSize) {
-	let result = "";
-	if (number >= rangeSize) {
-		const multiplier = Math.floor(number / rangeSize);
-		result += toCharString(multiplier, 117, 10);
-		number -= multiplier * rangeSize;
-	}
-	result += String.fromCharCode(startCode + number);
-	return result;
-}
-/** `_content` strips trailing exit codes before it walks, so a renderer that
-* reaches the runtime through it never needs them on the wire. */
-function trimTrailingExits(walks) {
-	if (!_marko_compiler.types.isStringLiteral(walks)) return walks;
-	const value = walks.value.replace(/[^\0-1]+$/, "");
-	return value === walks.value ? walks : value ? withLeadingComment(_marko_compiler.types.stringLiteral(value), getComment(walks)) : void 0;
-}
-function getComment(node) {
-	return node.leadingComments?.[0]?.value.trim() || "";
-}
-function getWalkString(section) {
-	if (section.content?.endType === 1) getSteps(section).push(0, 1);
-	visitInternal(section);
-	const walkLiteral = normalizeStringExpression(getWalks(section).map(unwrapWalk), true);
-	if (walkLiteral && walkLiteral.value !== "") withLeadingComment(walkLiteral, getWalkComment(section).join(", "));
-	return walkLiteral;
-}
-function unwrapWalk(walk) {
-	return typeof walk === "function" ? walk() || "" : walk;
-}
-//#endregion
 //#region src/translator/util/writer.ts
 const [getWrites] = createSectionState("writes", () => [""]);
 const [getTrailerWrites] = createSectionState("trailerWrites", () => [""]);
-function writeTo(path, trailer) {
+function writeTo$1(path, trailer) {
 	const section = getSection(path);
 	const get = trailer ? getTrailerWrites : getWrites;
 	return (strs, ...exprs) => {
@@ -2762,45 +2668,12 @@ function flushInto(path) {
 	const expr = consumeHTML(target);
 	if (expr) target.node.body.push(expr);
 }
-const [getSectionMeta] = createSectionState("SectionMeta", (section) => {
-	const writePrefix = section.content?.startType === 1 ? "<!>" : "";
-	const writePostfix = section.content?.endType === 1 ? "<!>" : "";
-	const writes = getWrites(section);
-	return {
-		walks: getWalkString(section),
-		writes: normalizeStringExpression([
-			writePrefix,
-			...writes.map(unwrapWrite),
-			writePostfix
-		], true),
-		decls: void 0
-	};
-});
-const sectionMetaIsIds = /* @__PURE__ */ new WeakSet();
-function getSectionMetaIdentifiers(section) {
-	const meta = getSectionMeta(section);
-	if (!sectionMetaIsIds.has(meta)) {
-		sectionMetaIsIds.add(meta);
-		const { walks, writes } = meta;
-		const decls = [];
-		if (walks) {
-			meta.walks = generateUidIdentifier(`${section.name}__walks`);
-			decls.push(_marko_compiler.types.variableDeclarator(meta.walks, walks));
-		}
-		if (writes) {
-			meta.writes = generateUidIdentifier(`${section.name}__template`);
-			decls.push(_marko_compiler.types.variableDeclarator(meta.writes, writes));
-		}
-		if (decls.length) meta.decls = decls;
-	}
-	return meta;
-}
 function markNode(path, nodeBinding, reason, deferred) {
 	if (nodeBinding.type !== 0) throw path.buildCodeFrameError("POTENTIAL MARKO BUG: Tried to mark a node that was not determined to need a mark during analyze.");
 	if (isOutputHTML()) {
 		if (reason) {
 			const section = getSection(path);
-			writeTo(path, deferred)`${callRuntime("_el_resume", getScopeIdIdentifier(section), getScopeAccessorLiteral(nodeBinding), getSerializeGuard(section, reason, true))}`;
+			writeTo$1(path, deferred)`${callRuntime("_el_resume", getScopeIdIdentifier(section), getScopeAccessorLiteral(nodeBinding), getSerializeGuard(section, reason, true))}`;
 		}
 	}
 }
@@ -3126,9 +2999,7 @@ function getSignal(section, referencedBindings, name) {
 			values: [],
 			intersection: void 0,
 			render: [],
-			renderReferencedBindings: void 0,
 			effect: [],
-			effectReferencedBindings: void 0,
 			hasHTMLEffect: false,
 			build: void 0,
 			export: !!exportName,
@@ -3367,25 +3238,15 @@ function replaceNullishAndEmptyFunctionsWith0(args) {
 	args.length = finalLen || 0;
 	return args;
 }
-function addStatement(type, targetSection, referencedBindings, statement, usedReferences, isPure) {
+function addStatement(type, targetSection, referencedBindings, statement, isPure) {
 	const signal = getSignal(targetSection, referencedBindings);
 	const statements = signal[type] ??= [];
-	const add = type === "effect" ? addEffectReferences : addRenderReferences;
 	if (Array.isArray(statement)) statements.push(...statement);
 	else statements.push(statement);
-	if (usedReferences !== false) if (usedReferences) for (const ref of usedReferences) add(signal, ref);
-	else add(signal, referencedBindings);
 	if (!isPure || type === "effect") signal.hasSideEffect = true;
 }
-function addEffectReferences(signal, referencedBindings) {
-	signal.effectReferencedBindings = bindingUtil.union(signal.effectReferencedBindings, referencedBindings);
-}
-function addRenderReferences(signal, referencedBindings) {
-	signal.renderReferencedBindings = bindingUtil.union(signal.renderReferencedBindings, referencedBindings);
-}
 function addValue(targetSection, referencedBindings, signal, value) {
 	const parentSignal = getSignal(targetSection, referencedBindings);
-	addRenderReferences(parentSignal, referencedBindings);
 	parentSignal.values.push({
 		signal,
 		value
@@ -3764,6 +3625,216 @@ function getRegisteredFnExpression$1(node) {
 	}
 }
 //#endregion
+//#region src/translator/util/import-reference.ts
+function importOrSelfReferenceName(file, request, name, nameHint) {
+	if (isCircularRequest(file, request)) return _marko_compiler.types.identifier(name);
+	return (0, _marko_compiler_babel_utils.importNamed)(file, request, name, nameHint);
+}
+function isCircularRequest(file, request) {
+	const { filename } = file.opts;
+	return request === filename || request[0] === "." && path.default.resolve(filename, "..", request) === filename;
+}
+//#endregion
+//#region src/translator/util/structure.ts
+const walkCodeToName = {
+	[32]: "get",
+	[37]: "replace",
+	[38]: "endChild",
+	[47]: "beginChild",
+	[48]: "beginChildWithVar",
+	[49]: "dynamicTagWithVar",
+	[67]: "next",
+	[97]: "over",
+	[107]: "out",
+	[117]: "multiplier",
+	[91]: "nextEnd",
+	[106]: "overEnd",
+	[116]: "outEnd",
+	[126]: "multiplierEnd"
+};
+function enter(path) {
+	getSection(path).structure?.push(0);
+}
+function exit(path) {
+	getSection(path).structure?.push(1);
+}
+function enterShallow(path) {
+	getSection(path).structure?.push(0, 1);
+}
+function child(tag, name, renderer) {
+	getSection(tag).structure?.push({
+		kind: Child,
+		name,
+		hasVar: !!tag.node.var,
+		renderer
+	});
+}
+function writeTo(path) {
+	const { structure } = getSection(path);
+	return (strs, ...exprs) => {
+		if (!structure) return;
+		const exprsLen = exprs.length;
+		pushMarkup(structure, strs[0]);
+		for (let i = 0; i < exprsLen; i++) {
+			pushMarkup(structure, exprs[i]);
+			pushMarkup(structure, strs[i + 1]);
+		}
+	};
+}
+function pushMarkup(structure, str) {
+	if (!str) return;
+	const last = structure.length - 1;
+	if (typeof structure[last] === "string") structure[last] += str;
+	else structure.push(str);
+}
+function visit(path, code, claimed = true) {
+	const { structure } = getSection(path);
+	if (!structure) return;
+	const op = {
+		kind: Visit,
+		code,
+		claimed
+	};
+	structure.push(op);
+	return op;
+}
+function resolveStructure(section) {
+	const startDynamic = section.content?.startType === 1;
+	const resolved = {
+		writes: [startDynamic ? "<!>" : ""],
+		walks: [""],
+		walkComment: [],
+		steps: startDynamic ? [0, 1] : []
+	};
+	for (const op of section.structure) if (typeof op === "string") appendLiteral(resolved.writes, op);
+	else if (typeof op === "number") resolved.steps.push(op);
+	else switch (op.kind) {
+		case Visit:
+			if (!op.claimed) continue;
+			flushSteps(resolved);
+			resolved.walkComment.push(walkCodeToName[op.code]);
+			appendLiteral(resolved.walks, String.fromCharCode(op.code));
+			if (op.code !== 32) appendLiteral(resolved.writes, "<!>");
+			break;
+		case Child: {
+			flushSteps(resolved);
+			const template = op.renderer && resolveRef(op.renderer, "template");
+			if (template) resolved.writes.push(template, "");
+			resolved.walkComment.push(`<${op.name}${op.hasVar ? "/var" : ""}>`);
+			appendLiteral(resolved.walks, String.fromCharCode(op.hasVar ? 48 : 47));
+			const walks = op.renderer && resolveRef(op.renderer, "walks");
+			if (walks) resolved.walks.push(walks, "");
+			appendLiteral(resolved.walks, String.fromCharCode(38));
+			break;
+		}
+	}
+	if (section.content?.endType === 1) {
+		appendLiteral(resolved.writes, "<!>");
+		resolved.steps.push(0, 1);
+	}
+	flushSteps(resolved);
+	return resolved;
+}
+function resolveRef(ref, part) {
+	if (ref.kind === "sectionRef") return getSectionMetaIdentifiers(ref.section)[part === "template" ? "writes" : "walks"];
+	const name = ref.program.domExports[part];
+	return ref.program.section === (0, _marko_compiler_babel_utils.getProgram)().node.extra.section ? _marko_compiler.types.identifier(name) : importOrSelfReferenceName((0, _marko_compiler_babel_utils.getProgram)().hub.file, ref.path, name, `${ref.hint}_${part}`);
+}
+const [getSectionMeta] = createSectionState("SectionMeta", (section) => {
+	if (!section.structure) return {
+		walks: void 0,
+		writes: void 0,
+		decls: void 0
+	};
+	const { writes, walks, walkComment } = resolveStructure(section);
+	const walkLiteral = normalizeStringExpression(walks, true);
+	if (walkLiteral && walkLiteral.value !== "") withLeadingComment(walkLiteral, walkComment.join(", "));
+	return {
+		walks: walkLiteral,
+		writes: normalizeStringExpression(writes, true),
+		decls: void 0
+	};
+});
+const sectionMetaIsIds = /* @__PURE__ */ new WeakSet();
+function getSectionMetaIdentifiers(section) {
+	const meta = getSectionMeta(section);
+	if (!sectionMetaIsIds.has(meta)) {
+		sectionMetaIsIds.add(meta);
+		const { walks, writes } = meta;
+		const decls = [];
+		if (walks) {
+			meta.walks = generateUidIdentifier(`${section.name}__walks`);
+			decls.push(_marko_compiler.types.variableDeclarator(meta.walks, walks));
+		}
+		if (writes) {
+			meta.writes = generateUidIdentifier(`${section.name}__template`);
+			decls.push(_marko_compiler.types.variableDeclarator(meta.writes, writes));
+		}
+		if (decls.length) meta.decls = decls;
+	}
+	return meta;
+}
+function flushSteps({ walks, walkComment, steps }) {
+	if (!steps.length) return;
+	const walkCodes = [];
+	let walkString = "";
+	let depth = 0;
+	for (const step of steps) if (step === 0) {
+		depth++;
+		walkCodes.push(67);
+	} else {
+		depth--;
+		if (depth >= 0) {
+			walkCodes.length = walkCodes.lastIndexOf(67);
+			walkCodes.push(97);
+		} else {
+			walkCodes.length = walkCodes.lastIndexOf(107) + 1;
+			walkCodes.push(107);
+			depth = 0;
+		}
+	}
+	let current = walkCodes[0];
+	let count = 0;
+	for (const walk of walkCodes) if (walk !== current) {
+		walkComment.push(`${walkCodeToName[current]}(${count})`);
+		walkString += nCodeString(current, count);
+		current = walk;
+		count = 1;
+	} else count++;
+	walkComment.push(`${walkCodeToName[current]}(${count})`);
+	walkString += nCodeString(current, count);
+	steps.length = 0;
+	appendLiteral(walks, walkString);
+}
+function nCodeString(code, number) {
+	switch (code) {
+		case 67: return toCharString(number, code, 25);
+		case 97: return toCharString(number, code, 10);
+		case 107: return toCharString(number, code, 10);
+		default: throw new Error(`Unexpected walk code: ${code}`);
+	}
+}
+function toCharString(number, startCode, rangeSize) {
+	let result = "";
+	if (number >= rangeSize) {
+		const multiplier = Math.floor(number / rangeSize);
+		result += toCharString(multiplier, 117, 10);
+		number -= multiplier * rangeSize;
+	}
+	result += String.fromCharCode(startCode + number);
+	return result;
+}
+/** `_content` strips trailing exit codes before it walks, so a renderer that
+* reaches the runtime through it never needs them on the wire. */
+function trimTrailingExits(walks) {
+	if (!_marko_compiler.types.isStringLiteral(walks)) return walks;
+	const value = walks.value.replace(/[^\0-1]+$/, "");
+	return value === walks.value ? walks : value ? withLeadingComment(_marko_compiler.types.stringLiteral(value), getComment(walks)) : void 0;
+}
+function getComment(node) {
+	return node.leadingComments?.[0]?.value.trim() || "";
+}
+//#endregion
 //#region src/translator/visitors/program/dom.ts
 var dom_default = { translate: {
 	enter(program) {
@@ -4022,6 +4093,22 @@ function templateElement(value, tail) {
 	}, tail);
 }
 //#endregion
+//#region src/translator/util/branch-tag.ts
+function getBranchSectionAccessor(nodeBinding) {
+	return {
+		binding: nodeBinding,
+		prefix: getAccessorPrefix().BranchScopes
+	};
+}
+function initBranchSection(bodySection, upstreamExpression, sectionAccessor) {
+	bodySection.isBranch = true;
+	bodySection.upstreamExpression = upstreamExpression;
+	bodySection.sectionAccessor = sectionAccessor;
+}
+function resumeOwnerByMarkerWhenStatic(tagSection, bodySection, nodeBinding, statefulReasonKey) {
+	if (isStateSerializeReason(getSerializeReason(tagSection, statefulReasonKey)) && isStaticSerializeReason(getSerializeReason(bodySection, kBranchSerializeReason)) && isStaticSerializeReason(getSerializeReason(tagSection, nodeBinding))) setSectionOwnerResumedByMarker(bodySection);
+}
+//#endregion
 //#region 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);
@@ -4109,12 +4196,11 @@ var for_default = {
 				onFinalizeReferences(() => detectForSelector(bodySection, keyBinding));
 			}
 		}
-		bodySection.sectionAccessor = {
-			binding: nodeBinding,
-			prefix: getAccessorPrefix().BranchScopes
-		};
-		bodySection.upstreamExpression = tagExtra;
-		bodySection.isBranch = true;
+		initBranchSection(bodySection, tagExtra, getBranchSectionAccessor(nodeBinding));
+		if (!isAttrTag && !getOnlyChildParentTagName(tag)) {
+			visit(tag, 37);
+			enterShallow(tag);
+		}
 	},
 	translate: translateByTarget({
 		html: {
@@ -4126,10 +4212,6 @@ var for_default = {
 					return;
 				}
 				setSectionParentIsOwner(bodySection, true);
-				if (!getOnlyChildParentTagName(tag)) {
-					visit(tag, 37);
-					enterShallow(tag);
-				}
 				flushBefore(tag);
 			},
 			exit(tag) {
@@ -4148,7 +4230,7 @@ var for_default = {
 				const singleChild = bodySection.content?.singleChild && bodySection.content.startType !== 4;
 				const branchSerializeReason = getSerializeReason(bodySection, kBranchSerializeReason);
 				const markerSerializeReason = getSerializeReason(tagSection, nodeBinding);
-				if (isStateSerializeReason(getSerializeReason(tagSection, kStatefulReason$2)) && isStaticSerializeReason(branchSerializeReason) && isStaticSerializeReason(markerSerializeReason)) setSectionOwnerResumedByMarker(bodySection);
+				resumeOwnerByMarkerWhenStatic(tagSection, bodySection, nodeBinding, kStatefulReason$2);
 				flushInto(tag);
 				writeHTMLResumeStatements(tagBody);
 				const forTagArgs = getBaseArgsInForTag(forType, forAttrs);
@@ -4181,10 +4263,6 @@ var for_default = {
 					return;
 				}
 				setSectionParentIsOwner(bodySection, true);
-				if (!getOnlyChildParentTagName(tag)) {
-					visit(tag, 37);
-					enterShallow(tag);
-				}
 			},
 			exit(tag) {
 				if (tag.node.body.attributeTags) return;
@@ -4602,132 +4680,179 @@ function buildContent(body) {
 const kNativeTagBinding = Symbol("native tag binding");
 const kSkipEndTag = Symbol("skip native tag mark");
 const kTagContentAttr = Symbol("tag could have dynamic content attribute");
+const kVisitOp = Symbol("native tag structure visit");
 const htmlSelectArgs = /* @__PURE__ */ new WeakMap();
 var native_tag_default = {
-	analyze: { enter(tag) {
-		(0, _marko_compiler_babel_utils.assertNoArgs)(tag);
-		(0, _marko_compiler_babel_utils.assertNoParams)(tag);
-		(0, _marko_compiler_babel_utils.assertNoAttributeTags)(tag);
-		const { node } = tag;
-		if (node.var && !_marko_compiler.types.isIdentifier(node.var)) throw tag.get("var").buildCodeFrameError("Tag variables on [native tags](https://markojs.com/docs/reference/native-tag) cannot be destructured.");
-		const tagName = getCanonicalTagName(tag);
-		switch (tagName) {
-			case "html":
-			case "body":
-			case "head":
-				(0, _marko_compiler_babel_utils.getProgram)().node.extra.page ??= true;
-				break;
-		}
-		if (tagName === "option") assertOptionInSelectWithValue(tag);
-		const isTextOnly = isTextOnlyNativeTag(tag);
-		const seen = Object.create(null);
-		const { attributes } = tag.node;
-		let injectNonce = isInjectNonceTag(tagName);
-		let hasDynamicAttributes = false;
-		let hasEventHandlers = false;
-		let relatedControllable;
-		let spreadReferenceNodes;
-		let exprExtras;
-		for (let i = attributes.length; i--;) {
-			const attr = attributes[i];
-			if (_marko_compiler.types.isMarkoAttribute(attr) && attr.name === "content" && tag.node.body.body.length) {
-				dropNodes(attr.value);
-				continue;
+	analyze: {
+		enter(tag) {
+			(0, _marko_compiler_babel_utils.assertNoArgs)(tag);
+			(0, _marko_compiler_babel_utils.assertNoParams)(tag);
+			(0, _marko_compiler_babel_utils.assertNoAttributeTags)(tag);
+			const { node } = tag;
+			if (node.var && !_marko_compiler.types.isIdentifier(node.var)) throw tag.get("var").buildCodeFrameError("Tag variables on [native tags](https://markojs.com/docs/reference/native-tag) cannot be destructured.");
+			const tagName = getCanonicalTagName(tag);
+			switch (tagName) {
+				case "html":
+				case "body":
+				case "head":
+					(0, _marko_compiler_babel_utils.getProgram)().node.extra.page ??= true;
+					break;
 			}
-			const valueExtra = attr.value.extra ??= {};
-			if (_marko_compiler.types.isMarkoAttribute(attr)) {
-				if (seen[attr.name]) {
-					(0, _marko_compiler_babel_utils.diagnosticWarn)(tag, {
-						label: `The \`${attr.name}\` attribute is set more than once on \`<${tagName}>\`; only the last value is used.`,
-						loc: attr.loc ?? void 0
-					});
+			if (tagName === "option") assertOptionInSelectWithValue(tag);
+			const isTextOnly = isTextOnlyNativeTag(tag);
+			const seen = Object.create(null);
+			const { attributes } = tag.node;
+			let injectNonce = isInjectNonceTag(tagName);
+			let hasDynamicAttributes = false;
+			let hasEventHandlers = false;
+			let relatedControllable;
+			let spreadReferenceNodes;
+			let exprExtras;
+			for (let i = attributes.length; i--;) {
+				const attr = attributes[i];
+				if (_marko_compiler.types.isMarkoAttribute(attr) && attr.name === "content" && tag.node.body.body.length) {
 					dropNodes(attr.value);
 					continue;
 				}
-				seen[attr.name] = attr;
-				assertValidNativeAttrName(tag, attr);
-				assertNativeAttrValueType(tag, attr);
-				if (attr.name === "style") warnCamelCaseStyleKeys(tag, attr);
-				if (injectNonce && attr.name === "nonce") injectNonce = false;
-				if (isEventOrChangeHandler(attr.name)) assertNativeHandlerAttr(tag, attr);
-				if (isEventHandler(attr.name)) {
+				const valueExtra = attr.value.extra ??= {};
+				if (_marko_compiler.types.isMarkoAttribute(attr)) {
+					if (seen[attr.name]) {
+						(0, _marko_compiler_babel_utils.diagnosticWarn)(tag, {
+							label: `The \`${attr.name}\` attribute is set more than once on \`<${tagName}>\`; only the last value is used.`,
+							loc: attr.loc ?? void 0
+						});
+						dropNodes(attr.value);
+						continue;
+					}
+					seen[attr.name] = attr;
+					assertValidNativeAttrName(tag, attr);
+					assertNativeAttrValueType(tag, attr);
+					if (attr.name === "style") warnCamelCaseStyleKeys(tag, attr);
+					if (injectNonce && attr.name === "nonce") injectNonce = false;
+					if (isEventOrChangeHandler(attr.name)) assertNativeHandlerAttr(tag, attr);
+					if (isEventHandler(attr.name)) {
+						valueExtra.isEffect = true;
+						valueExtra.invokeOnly = true;
+						hasEventHandlers = true;
+					} else {
+						assertValidNativeEventHandlerAttr(tag, attr);
+						if (!evaluate(attr.value).confident) hasDynamicAttributes = true;
+					}
+				} else if (_marko_compiler.types.isMarkoSpreadAttribute(attr)) {
 					valueExtra.isEffect = true;
-					valueExtra.invokeOnly = true;
 					hasEventHandlers = true;
-				} else {
-					assertValidNativeEventHandlerAttr(tag, attr);
-					if (!evaluate(attr.value).confident) hasDynamicAttributes = true;
-				}
-			} else if (_marko_compiler.types.isMarkoSpreadAttribute(attr)) {
-				valueExtra.isEffect = true;
-				hasEventHandlers = true;
-				hasDynamicAttributes = true;
-			}
-			if (spreadReferenceNodes) spreadReferenceNodes.push(attr.value);
-			else if (_marko_compiler.types.isMarkoSpreadAttribute(attr)) {
-				spreadReferenceNodes = [attr.value];
-				relatedControllable = getRelatedControllable(tagName, seen);
-			} else exprExtras = push(exprExtras, valueExtra);
-		}
-		assertExclusiveAttrs(seen, (msg) => {
-			throw tag.get("name").buildCodeFrameError(msg);
-		});
-		if (seen.content) {
-			const tagDef = (0, _marko_compiler_babel_utils.getTagDef)(tag);
-			if (tagDef?.parseOptions?.openTagOnly && !tagDef.attributes?.content) throw tag.hub.buildError(seen.content, `The \`<${tagName}>\` tag cannot have content, so it does not support the \`content\` attribute.`);
-			if (isTextOnly) throw tag.hub.buildError(seen.content, `The \`<${tagName}>\` tag takes its content from its body as text, so it does not support the \`content\` attribute.`);
-		}
-		let textPlaceholders;
-		if (isTextOnly) {
-			for (const child of tag.node.body.body) if (_marko_compiler.types.isMarkoPlaceholder(child)) (textPlaceholders ||= []).push(child.value);
-			else if (!_marko_compiler.types.isMarkoText(child)) throw tag.hub.buildError(child, `Only text is allowed inside a \`<${tagName}>\`.`);
-		}
-		relatedControllable ||= getRelatedControllable(tagName, seen);
-		if (relatedControllable && relatedControllable.attrs[1]) hasEventHandlers = true;
-		if (node.var || hasDynamicAttributes || hasEventHandlers || textPlaceholders || injectNonce || isDynamicControllable(relatedControllable)) {
-			const tagExtra = node.extra ??= {};
-			const tagSection = getOrCreateSection(tag);
-			const nodeBinding = tagExtra[kNativeTagBinding] = createBinding("#" + tagName.toLowerCase(), 0, tagSection, void 0, void 0, void 0, void 0, !!node.var);
-			if (hasEventHandlers) (0, _marko_compiler_babel_utils.getProgram)().node.extra.isInteractive = true;
-			if (spreadReferenceNodes) {
-				const isMergedSpread = !!relatedControllable;
-				if (relatedControllable && !relatedControllable.attrs.every(Boolean)) {
-					for (const attr of relatedControllable.attrs) if (attr) spreadReferenceNodes.push(attr.value);
-					relatedControllable = void 0;
+					hasDynamicAttributes = true;
 				}
-				const spreadExtra = mergeReferences(tagSection, tag.node, spreadReferenceNodes);
-				spreadExtra.nativeTagSpread = true;
-				spreadExtra.invokeOnly = true;
-				if (isMergedSpread) spreadExtra.nativeTagSpreadMerged = true;
-				let carveProperties = getSpreadControllableValueProps(tagName);
-				if (!tag.node.body.body.length && !isTextOnly && !(0, _marko_compiler_babel_utils.getTagDef)(tag)?.parseOptions?.openTagOnly && !seen.content) if (carveProperties) carveProperties.push("content");
-				else carveProperties = ["content"];
-				for (const node of spreadReferenceNodes) {
-					const spreadBinding = node.extra?.spreadFrom;
-					if (spreadBinding) {
-						spreadBinding.noSerialize = true;
-						if (carveProperties) {
-							for (const property of carveProperties) if (!includes(spreadBinding.noSerializeProperties, property)) spreadBinding.noSerializeProperties = push(spreadBinding.noSerializeProperties, property);
+				if (spreadReferenceNodes) spreadReferenceNodes.push(attr.value);
+				else if (_marko_compiler.types.isMarkoSpreadAttribute(attr)) {
+					spreadReferenceNodes = [attr.value];
+					relatedControllable = getRelatedControllable(tagName, seen);
+				} else exprExtras = push(exprExtras, valueExtra);
+			}
+			assertExclusiveAttrs(seen, (msg) => {
+				throw tag.get("name").buildCodeFrameError(msg);
+			});
+			if (seen.content) {
+				const tagDef = (0, _marko_compiler_babel_utils.getTagDef)(tag);
+				if (tagDef?.parseOptions?.openTagOnly && !tagDef.attributes?.content) throw tag.hub.buildError(seen.content, `The \`<${tagName}>\` tag cannot have content, so it does not support the \`content\` attribute.`);
+				if (isTextOnly) throw tag.hub.buildError(seen.content, `The \`<${tagName}>\` tag takes its content from its body as text, so it does not support the \`content\` attribute.`);
+			}
+			let textPlaceholders;
+			if (isTextOnly) {
+				for (const child of tag.node.body.body) if (_marko_compiler.types.isMarkoPlaceholder(child)) (textPlaceholders ||= []).push(child.value);
+				else if (!_marko_compiler.types.isMarkoText(child)) throw tag.hub.buildError(child, `Only text is allowed inside a \`<${tagName}>\`.`);
+			}
+			relatedControllable ||= getRelatedControllable(tagName, seen);
+			if (relatedControllable && relatedControllable.attrs[1]) hasEventHandlers = true;
+			if (node.var || hasDynamicAttributes || hasEventHandlers || textPlaceholders || injectNonce || isDynamicControllable(relatedControllable)) {
+				const tagExtra = node.extra ??= {};
+				const tagSection = getOrCreateSection(tag);
+				const nodeBinding = tagExtra[kNativeTagBinding] = createBinding("#" + tagName.toLowerCase(), 0, tagSection, void 0, void 0, void 0, void 0, !!node.var);
+				if (hasEventHandlers) (0, _marko_compiler_babel_utils.getProgram)().node.extra.isInteractive = true;
+				if (spreadReferenceNodes) {
+					const isMergedSpread = !!relatedControllable;
+					if (relatedControllable && !relatedControllable.attrs.every(Boolean)) {
+						for (const attr of relatedControllable.attrs) if (attr) spreadReferenceNodes.push(attr.value);
+						relatedControllable = void 0;
+					}
+					const spreadExtra = mergeReferences(tagSection, tag.node, spreadReferenceNodes);
+					spreadExtra.nativeTagSpread = true;
+					spreadExtra.invokeOnly = true;
+					if (isMergedSpread) spreadExtra.nativeTagSpreadMerged = true;
+					let carveProperties = getSpreadControllableValueProps(tagName);
+					if (!tag.node.body.body.length && !isTextOnly && !(0, _marko_compiler_babel_utils.getTagDef)(tag)?.parseOptions?.openTagOnly && !seen.content) if (carveProperties) carveProperties.push("content");
+					else carveProperties = ["content"];
+					for (const node of spreadReferenceNodes) {
+						const spreadBinding = node.extra?.spreadFrom;
+						if (spreadBinding) {
+							spreadBinding.noSerialize = true;
+							if (carveProperties) {
+								for (const property of carveProperties) if (!includes(spreadBinding.noSerializeProperties, property)) spreadBinding.noSerializeProperties = push(spreadBinding.noSerializeProperties, property);
+							}
 						}
 					}
 				}
+				if (relatedControllable) mergeReferences(tagSection, relatedControllable.attrs.find(Boolean).value, relatedControllable.attrs.map((it) => it?.value));
+				if (textPlaceholders) {
+					exprExtras = push(exprExtras, textPlaceholders.length === 1 ? textPlaceholders[0].extra ??= {} : mergeReferences(tagSection, textPlaceholders[0], textPlaceholders.slice(1)));
+					addSetupExpr(tagSection, textPlaceholders[0]);
+				}
+				if (injectNonce) addSetupStatement(tagSection);
+				if (relatedControllable?.attrs[1]) addSetupStatement(tagSection);
+				for (const name in seen) {
+					const attr = seen[name];
+					if (isEventHandler(name) || name === "content" || !evaluate(attr.value).confident) addSetupExpr(tagSection, attr.value);
+				}
+				addSerializeExpr(tagSection, !!(node.var || hasEventHandlers), nodeBinding);
+				trackDomVarReferences(tag, nodeBinding);
+				addSerializeExpr(tagSection, push(exprExtras, tagExtra), nodeBinding);
 			}
-			if (relatedControllable) mergeReferences(tagSection, relatedControllable.attrs.find(Boolean).value, relatedControllable.attrs.map((it) => it?.value));
-			if (textPlaceholders) {
-				exprExtras = push(exprExtras, textPlaceholders.length === 1 ? textPlaceholders[0].extra ??= {} : mergeReferences(tagSection, textPlaceholders[0], textPlaceholders.slice(1)));
-				addSetupExpr(tagSection, textPlaceholders[0]);
+			const write = writeTo(tag);
+			(node.extra ??= {})[kVisitOp] = visit(tag, 32, false);
+			write`<${tagName}`;
+			for (const attr of getUsedAttrs(tagName, tag.node, true).staticAttrs) {
+				const { name, value } = attr;
+				const { confident, computed } = value.extra || {};
+				switch (name) {
+					case "class":
+					case "style": {
+						const helper = `_attr_${name}`;
+						if (confident) write`${getHTMLRuntime()[helper](computed)}`;
+						else {
+							const meta = {
+								staticItems: void 0,
+								dynamicItems: void 0,
+								dynamicValues: void 0
+							};
+							trackDelimitedAttrValue(value, meta);
+							if (!meta.dynamicItems && meta.staticItems) write`${getHTMLRuntime()[helper](meta.staticItems)}`;
+						}
+						break;
+					}
+					default:
+						if (confident) write`${getHTMLRuntime()._attr(name, computed)}`;
+						break;
+				}
 			}
-			if (injectNonce) addSetupStatement(tagSection);
-			if (relatedControllable?.attrs[1]) addSetupStatement(tagSection);
-			for (const name in seen) {
-				const attr = seen[name];
-				if (isEventHandler(name) || name === "content" || !evaluate(attr.value).confident) addSetupExpr(tagSection, attr.value);
+			write`>`;
+			enter(tag);
+		},
+		exit(tag) {
+			const tagName = getCanonicalTagName(tag);
+			const tagExtra = tag.node.extra;
+			const visitOp = tagExtra[kVisitOp];
+			if (visitOp) visitOp.claimed = !!tagExtra[kNativeTagBinding];
+			if (!(0, _marko_compiler_babel_utils.getTagDef)(tag)?.parseOptions?.openTagOnly) {
+				const write = writeTo(tag);
+				if (tagName !== "textarea" && isTextOnlyNativeTag(tag)) {
+					const textLiteral = bodyToRawTextLiteral(tag.node.body);
+					if (_marko_compiler.types.isStringLiteral(textLiteral)) write`${textLiteral.value}`;
+				}
+				write`</${tagName}>`;
 			}
-			addSerializeExpr(tagSection, !!(node.var || hasEventHandlers), nodeBinding);
-			trackDomVarReferences(tag, nodeBinding);
-			addSerializeExpr(tagSection, push(exprExtras, tagExtra), nodeBinding);
+			exit(tag);
 		}
-	} },
+	},
 	translate: translateByTarget({
 		html: {
 			enter(tag) {
@@ -4735,7 +4860,7 @@ var native_tag_default = {
 				const tagExtra = tag.node.extra;
 				const nodeBinding = tagExtra[kNativeTagBinding];
 				const tagDef = (0, _marko_compiler_babel_utils.getTagDef)(tag);
-				const write = writeTo(tag);
+				const write = writeTo$1(tag);
 				const tagSection = getSection(tag);
 				const visitAccessor = nodeBinding && getScopeAccessorLiteral(nodeBinding);
 				const usedAttrs = getUsedAttrs(tagName, tag.node);
@@ -4839,7 +4964,7 @@ var native_tag_default = {
 				const tagName = getCanonicalTagName(tag);
 				const tagSection = getSection(tag);
 				const markerSerializeReason = !tagExtra[kSkipEndTag] && nodeBinding && getSerializeReason(tagSection, nodeBinding);
-				const write = writeTo(tag, tagName === "html" || !markerSerializeReason && tagName === "body");
+				const write = writeTo$1(tag, tagName === "html" || !markerSerializeReason && tagName === "body");
 				if (tagExtra[kTagContentAttr]) flushBefore(tag);
 				if (selectArgs) {
 					if (!tagExtra[kSkipEndTag]) write`</${tagName}>`;
@@ -4867,16 +4992,13 @@ var native_tag_default = {
 				const tagExtra = tag.node.extra;
 				const nodeBinding = tagExtra[kNativeTagBinding];
 				const tagDef = (0, _marko_compiler_babel_utils.getTagDef)(tag);
-				const write = writeTo(tag);
 				const tagSection = getSection(tag);
 				const visitAccessor = nodeBinding && getScopeAccessorLiteral(nodeBinding);
-				if (nodeBinding) visit(tag, 32);
-				write`<${tagName}`;
 				const { staticAttrs, staticControllable, staticContentAttr, skipExpression, spreadExpression, injectNonce } = getUsedAttrs(tagName, tag.node);
 				const isOpenOnly = !!(tagDef && tagDef.parseOptions?.openTagOnly);
 				const isTextOnly = isTextOnlyNativeTag(tag);
 				const hasChildren = !!tag.node.body.body.length;
-				if (injectNonce) addStatement("render", tagSection, void 0, _marko_compiler.types.expressionStatement(callRuntime("_attr_nonce", scopeIdentifier, getScopeAccessorLiteral(nodeBinding))), void 0, true);
+				if (injectNonce) addStatement("render", tagSection, void 0, _marko_compiler.types.expressionStatement(callRuntime("_attr_nonce", scopeIdentifier, getScopeAccessorLiteral(nodeBinding))), true);
 				if (staticControllable) {
 					const hasChangeHandler = !!staticControllable.attrs[1];
 					const defaultHelper = getDOMControllableDefaultHelper(staticControllable);
@@ -4888,14 +5010,13 @@ var native_tag_default = {
 				}
 				for (const attr of staticAttrs) {
 					const { name, value } = attr;
-					const { confident, computed } = value.extra || {};
+					const { confident } = value.extra || {};
 					const valueReferences = value.extra?.referencedBindings;
 					switch (name) {
 						case "class":
 						case "style": {
 							const helper = `_attr_${name}`;
-							if (confident) write`${getHTMLRuntime()[helper](computed)}`;
-							else {
+							if (!confident) {
 								const nodeExpr = createScopeReadExpression(nodeBinding);
 								const meta = {
 									staticItems: void 0,
@@ -4905,32 +5026,29 @@ var native_tag_default = {
 								let stmt;
 								trackDelimitedAttrValue(value, meta);
 								if (meta.dynamicItems) stmt = _marko_compiler.types.expressionStatement(callRuntime(helper, nodeExpr, value));
-								else {
-									if (meta.staticItems) write`${getHTMLRuntime()[helper](meta.staticItems)}`;
-									if (meta.dynamicValues) {
-										const keys = Object.keys(meta.dynamicValues);
-										if (keys.length === 1) {
-											const [key] = keys;
+								else if (meta.dynamicValues) {
+									const keys = Object.keys(meta.dynamicValues);
+									if (keys.length === 1) {
+										const [key] = keys;
+										const value = meta.dynamicValues[key];
+										stmt = _marko_compiler.types.expressionStatement(callRuntime(`_attr_${name}_item`, nodeExpr, _marko_compiler.types.stringLiteral(key), value));
+									} else {
+										const props = [];
+										for (const key of keys) {
 											const value = meta.dynamicValues[key];
-											stmt = _marko_compiler.types.expressionStatement(callRuntime(`_attr_${name}_item`, nodeExpr, _marko_compiler.types.stringLiteral(key), value));
-										} else {
-											const props = [];
-											for (const key of keys) {
-												const value = meta.dynamicValues[key];
-												props.push(_marko_compiler.types.objectProperty(toPropertyName(key), value));
-											}
-											stmt = _marko_compiler.types.expressionStatement(callRuntime(`_attr_${name}_items`, nodeExpr, _marko_compiler.types.objectExpression(props)));
+											props.push(_marko_compiler.types.objectProperty(toPropertyName(key), value));
 										}
+										stmt = _marko_compiler.types.expressionStatement(callRuntime(`_attr_${name}_items`, nodeExpr, _marko_compiler.types.objectExpression(props)));
 									}
 								}
-								if (stmt) addStatement("render", tagSection, valueReferences, stmt, void 0, !!meta.dynamicItems);
+								if (stmt) addStatement("render", tagSection, valueReferences, stmt, !!meta.dynamicItems);
 							}
 							break;
 						}
 						default:
-							if (confident) write`${getHTMLRuntime()._attr(name, computed)}`;
+							if (confident) break;
 							else if (isEventHandler(name)) addStatement("effect", tagSection, valueReferences, _marko_compiler.types.expressionStatement(callRuntime("_on", createScopeReadExpression(nodeBinding), _marko_compiler.types.stringLiteral(getEventHandlerName(name)), value)));
-							else addStatement("render", tagSection, valueReferences, _marko_compiler.types.expressionStatement(callRuntime("_attr", createScopeReadExpression(nodeBinding), _marko_compiler.types.stringLiteral(name), value)), void 0, true);
+							else addStatement("render", tagSection, valueReferences, _marko_compiler.types.expressionStatement(callRuntime("_attr", createScopeReadExpression(nodeBinding), _marko_compiler.types.stringLiteral(name), value)), true);
 							break;
 					}
 				}
@@ -4941,27 +5059,19 @@ var native_tag_default = {
 					const controllable = !staticControllable && controllableClaimFor(staticName);
 					if (skipExpression) addStatement("render", tagSection, tagExtra.referencedBindings, _marko_compiler.types.expressionStatement(callRuntime(canHaveAttrContent ? "_attrs_partial_content" : "_attrs_partial", scopeIdentifier, visitAccessor, spreadExpression, skipExpression, controllable && importRuntime(controllable))));
 					else addStatement("render", tagSection, tagExtra.referencedBindings, _marko_compiler.types.expressionStatement(callRuntime(canHaveAttrContent ? "_attrs_content" : "_attrs", scopeIdentifier, visitAccessor, spreadExpression, controllable && importRuntime(controllable))));
-					enableControllable(controllableScriptLatchFor(staticName));
-					addStatement("effect", tagSection, tagExtra.referencedBindings, _marko_compiler.types.expressionStatement(callRuntime("_attrs_script", scopeIdentifier, visitAccessor)), false);
+					enableControllable(controllableFeatureFor(staticName));
+					addStatement("effect", tagSection, tagExtra.referencedBindings, _marko_compiler.types.expressionStatement(callRuntime("_attrs_script", scopeIdentifier, visitAccessor)));
 				}
-				if (staticContentAttr) addStatement("render", tagSection, staticContentAttr.value.extra?.referencedBindings, _marko_compiler.types.expressionStatement(callRuntime("_attr_content", scopeIdentifier, visitAccessor, staticContentAttr.value)), void 0, true);
-				write`>`;
-				enter(tag);
+				if (staticContentAttr) addStatement("render", tagSection, staticContentAttr.value.extra?.referencedBindings, _marko_compiler.types.expressionStatement(callRuntime("_attr_content", scopeIdentifier, visitAccessor, staticContentAttr.value)), true);
 			},
 			exit(tag) {
 				const nodeBinding = tag.node.extra[kNativeTagBinding];
 				const openTagOnly = (0, _marko_compiler_babel_utils.getTagDef)(tag)?.parseOptions?.openTagOnly;
 				const tagName = getCanonicalTagName(tag);
-				if (!openTagOnly) {
-					const write = writeTo(tag);
-					if (tagName !== "textarea" && isTextOnlyNativeTag(tag)) {
-						const textLiteral = bodyToTextLiteral(tag.node.body);
-						if (_marko_compiler.types.isStringLiteral(textLiteral)) write`${textLiteral}`;
-						else addStatement("render", getSection(tag), textLiteral.extra?.referencedBindings, _marko_compiler.types.expressionStatement(callRuntime("_text_content", createScopeReadExpression(nodeBinding), textLiteral)), void 0, true);
-					} else tag.insertBefore(tag.node.body.body).forEach((child) => child.skip());
-					write`</${tagName}>`;
-				}
-				exit(tag);
+				if (!openTagOnly) if (tagName !== "textarea" && isTextOnlyNativeTag(tag)) {
+					const textLiteral = bodyToTextLiteral(tag.node.body);
+					if (!_marko_compiler.types.isStringLiteral(textLiteral)) addStatement("render", getSection(tag), textLiteral.extra?.referencedBindings, _marko_compiler.types.expressionStatement(callRuntime("_text_content", createScopeReadExpression(nodeBinding), textLiteral)), true);
+				} else tag.insertBefore(tag.node.body.body).forEach((child) => child.skip());
 				tag.remove();
 			}
 		}
@@ -5049,7 +5159,7 @@ function getInputValueMode(typeAttr) {
 function getDOMControllableDefaultHelper(controllable) {
 	return controllable.helper === "_attr_input_value" && controllable.valueMode ? `_attr_input_value_${controllable.valueMode}_default` : `${controllable.helper}_default`;
 }
-function getUsedAttrs(tagName, tag) {
+function getUsedAttrs(tagName, tag, staticOnly) {
 	const seen = Object.create(null);
 	const { attributes } = tag;
 	const maybeStaticAttrs = /* @__PURE__ */ new Set();
@@ -5092,6 +5202,14 @@ function getUsedAttrs(tagName, tag) {
 		for (const attr of staticControllable.attrs) if (attr) maybeStaticAttrs.delete(attr);
 	}
 	const staticAttrs = [...maybeStaticAttrs].reverse();
+	if (staticOnly) return {
+		injectNonce,
+		staticAttrs,
+		staticContentAttr,
+		staticControllable,
+		spreadExpression,
+		skipExpression
+	};
 	if (spreadProps) {
 		if (staticControllable) {
 			for (const attr of staticControllable.attrs) if (attr) skipProps.add(attr.name);
@@ -5363,28 +5481,20 @@ function controllableClaimFor(tagName) {
 		case "dialog": return "_controllable_open";
 	}
 }
-/** The resume-pass latch for a tag: `_attrs_script` resolves the control kind
-* at run time, and a run-time tag name can be any of them. */
-function controllableScriptLatchFor(tagName) {
+/** The resume-pass feature for a tag: `_attrs_script` resolves the control
+* kind at run time, and a run-time tag name can be any of them. */
+function controllableFeatureFor(tagName) {
 	switch (tagName) {
-		case "input": return "_enable_controllable_input";
-		case "textarea": return "_enable_controllable_textarea";
-		case "select": return "_enable_controllable_select";
+		case "input": return "controllable-input";
+		case "textarea": return "controllable-textarea";
+		case "select": return "controllable-select";
 		case "details":
-		case "dialog": return "_enable_controllable_open";
-		case void 0: return "_enable_controllable";
+		case "dialog": return "controllable-open";
+		case void 0: return "controllable";
 	}
 }
-const enabledControllables = /* @__PURE__ */ new WeakMap();
-/** Emits the latch once per program, like `_enable_catch`. */
-function enableControllable(helper) {
-	if (!helper) return;
-	const program = (0, _marko_compiler_babel_utils.getProgram)().node;
-	let enabled = enabledControllables.get(program);
-	if (!enabled) enabledControllables.set(program, enabled = /* @__PURE__ */ new Set());
-	if (enabled.has(helper)) return;
-	enabled.add(helper);
-	program.body.push(_marko_compiler.types.expressionStatement(callRuntime(helper)));
+function enableControllable(feature) {
+	if (feature) importRuntimeFeature(feature);
 }
 //#endregion
 //#region src/translator/util/is-only-child-in-parent.ts
@@ -5426,16 +5536,13 @@ const IfTag = {
 			const ifTagSection = getOrCreateSection(ifTag);
 			const ifTagExtra = ifTag.node.extra ??= {};
 			const mergeReferenceNodes = [];
-			const sectionAccessor = {
-				binding: getOptimizedOnlyChildNodeBinding(ifTag, ifTagSection, branches.length),
-				prefix: getAccessorPrefix().BranchScopes
-			};
+			if (!getOnlyChildParentTagName(ifTag, branches.length)) {
+				visit(ifTag, 37);
+				enterShallow(ifTag);
+			}
+			const sectionAccessor = getBranchSectionAccessor(getOptimizedOnlyChildNodeBinding(ifTag, ifTagSection, branches.length));
 			for (const [branchTag, branchBodySection] of branches) {
-				if (branchBodySection) {
-					branchBodySection.isBranch = true;
-					branchBodySection.upstreamExpression = ifTagExtra;
-					branchBodySection.sectionAccessor = sectionAccessor;
-				}
+				if (branchBodySection) initBranchSection(branchBodySection, ifTagExtra, sectionAccessor);
 				if (branchTag.node.attributes.length) mergeReferenceNodes.push(branchTag.node.attributes[0].value);
 			}
 			mergeReferences(ifTagSection, ifTag.node, mergeReferenceNodes);
@@ -5447,10 +5554,6 @@ const IfTag = {
 			enter(tag) {
 				if (tag.node.body.attributeTags) return;
 				const bodySection = getSectionForBody(tag.get("body"));
-				if (isRoot(tag) && !getOnlyChildParentTagName(tag)) {
-					visit(tag, 37);
-					enterShallow(tag);
-				}
 				flushBefore(tag);
 				if (bodySection) setSectionParentIsOwner(bodySection, true);
 			},
@@ -5461,7 +5564,7 @@ const IfTag = {
 				if (bodySection) {
 					const [[ifTag]] = getBranches(tag);
 					const ifTagSection = getSection(ifTag);
-					if (isStateSerializeReason(getSerializeReason(ifTagSection, kStatefulReason$1)) && isStaticSerializeReason(getSerializeReason(bodySection, kBranchSerializeReason)) && isStaticSerializeReason(getSerializeReason(ifTagSection, getOptimizedOnlyChildNodeBinding(ifTag, ifTagSection)))) setSectionOwnerResumedByMarker(bodySection);
+					resumeOwnerByMarkerWhenStatic(ifTagSection, bodySection, getOptimizedOnlyChildNodeBinding(ifTag, ifTagSection), kStatefulReason$1);
 					flushInto(tag);
 					writeHTMLResumeStatements(tagBody);
 				}
@@ -5515,10 +5618,6 @@ const IfTag = {
 				if (tag.node.body.attributeTags) return;
 				const bodySection = getSectionForBody(tag.get("body"));
 				if (bodySection) setSectionParentIsOwner(bodySection, true);
-				if (isRoot(tag) && !getOnlyChildParentTagName(tag)) {
-					visit(tag, 37);
-					enterShallow(tag);
-				}
 			},
 			exit(tag) {
 				if (tag.node.body.attributeTags) return;
@@ -5689,9 +5788,6 @@ function isLastBranch(tag) {
 	const branches = getBranches(tag);
 	return branches[branches.length - 1][0] === tag;
 }
-function isRoot(tag) {
-	return isCoreTagName(tag, "if");
-}
 //#endregion
 //#region src/translator/core/textarea.ts
 function preAnalyze$1(tag) {
@@ -6463,7 +6559,7 @@ function writeParamsToSignals(tag, propTree, importAlias, info) {
 		const argExport = propTree.props[i];
 		if (argExport) {
 			const argExportIdentifier = info.getBindingIdentifier(argExport.binding, `${importAlias}_param_${i}`);
-			addStatement("render", info.tagSection, arg.extra?.referencedBindings, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(argExportIdentifier, [createScopeReadExpression(info.childScopeBinding, info.tagSection), arg])), void 0, true);
+			addStatement("render", info.tagSection, arg.extra?.referencedBindings, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(argExportIdentifier, [createScopeReadExpression(info.childScopeBinding, info.tagSection), arg])), true);
 		}
 		i++;
 	}
@@ -6489,7 +6585,7 @@ function applyAttrObject(tag, propTree, tagInputIdentifier, info) {
 			} else attrTagCallsForTag.set(attrTagName, translatedProps = _marko_compiler.types.parenthesizedExpression(callRuntime("attrTag", translatedProps)));
 		} else translatedProps = callRuntime("attrTag", translatedProps);
 	}
-	addStatement("render", info.tagSection, referencedBindings, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(tagInputIdentifier, [createScopeReadExpression(info.childScopeBinding, info.tagSection), translatedProps])), void 0, true);
+	addStatement("render", info.tagSection, referencedBindings, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(tagInputIdentifier, [createScopeReadExpression(info.childScopeBinding, info.tagSection), translatedProps])), true);
 }
 function translateAttrTag(tag, attrTagMeta, info, statements) {
 	const translatedAttrs = translateAttrs(tag, true, void 0, statements);
@@ -6599,7 +6695,7 @@ function writeAttrsToSignals(tag, propTree, importAlias, info) {
 			else {
 				remaining.delete("content");
 				const directContent = !bodySection.params;
-				addStatement("render", info.tagSection, void 0, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(info.getBindingIdentifier(contentExport.binding, `${importAlias}_content`, directContent), [createScopeReadExpression(info.childScopeBinding, info.tagSection), bodyValue])), void 0, true);
+				addStatement("render", info.tagSection, void 0, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(info.getBindingIdentifier(contentExport.binding, `${importAlias}_content`, directContent), [createScopeReadExpression(info.childScopeBinding, info.tagSection), bodyValue])), true);
 			}
 		}
 	}
@@ -6627,13 +6723,13 @@ function writeAttrsToSignals(tag, propTree, importAlias, info) {
 		const childAttrExports = getKnownFromPropTree(propTree, attr.name);
 		const attrExportIdentifier = info.getBindingIdentifier(childAttrExports.binding, `${importAlias}_${attr.name}`);
 		remaining.delete(attr.name);
-		addStatement("render", info.tagSection, attr.value.extra?.referencedBindings, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(attrExportIdentifier, [createScopeReadExpression(info.childScopeBinding, info.tagSection), attr.value])), void 0, true);
+		addStatement("render", info.tagSection, attr.value.extra?.referencedBindings, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(attrExportIdentifier, [createScopeReadExpression(info.childScopeBinding, info.tagSection), attr.value])), true);
 	}
 	if (knownSpread) for (const prop of remaining) {
 		const childAttrExports = getKnownFromPropTree(propTree, prop);
 		const attrExportIdentifier = info.getBindingIdentifier(childAttrExports.binding, `${importAlias}_${prop}`);
 		const propBinding = knownSpread.binding.propertyAliases.get(prop);
-		addStatement("render", info.tagSection, propBinding, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(attrExportIdentifier, [createScopeReadExpression(info.childScopeBinding, info.tagSection), createScopeReadExpression(propBinding, info.tagSection)])), void 0, true);
+		addStatement("render", info.tagSection, propBinding, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(attrExportIdentifier, [createScopeReadExpression(info.childScopeBinding, info.tagSection), createScopeReadExpression(propBinding, info.tagSection)])), true);
 	}
 	else if (spreadProps && (remaining.size || propTree.rest && !propTree.rest.props)) {
 		const spreadExpr = propsToExpression(spreadProps.reverse());
@@ -6656,7 +6752,7 @@ function writeAttrsToSignals(tag, propTree, importAlias, info) {
 				props.push(_marko_compiler.types.objectProperty(propId, shorthand ? propId : generateUidIdentifier(name), false, shorthand));
 			});
 			props.push(_marko_compiler.types.restElement(restId));
-			addStatement("render", info.tagSection, tagReferencedBindings, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(info.getBindingIdentifier(propTree.rest.binding, importAlias + "_$rest"), [createScopeReadExpression(info.childScopeBinding, info.tagSection), _marko_compiler.types.callExpression(_marko_compiler.types.arrowFunctionExpression([_marko_compiler.types.objectPattern(props)], restId), [spreadId])])), void 0, true);
+			addStatement("render", info.tagSection, tagReferencedBindings, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(info.getBindingIdentifier(propTree.rest.binding, importAlias + "_$rest"), [createScopeReadExpression(info.childScopeBinding, info.tagSection), _marko_compiler.types.callExpression(_marko_compiler.types.arrowFunctionExpression([_marko_compiler.types.objectPattern(props)], restId), [spreadId])])), true);
 		}
 	} else {
 		for (const name of remaining) {
@@ -6664,7 +6760,7 @@ function writeAttrsToSignals(tag, propTree, importAlias, info) {
 			const attrExportIdentifier = info.getBindingIdentifier(childAttrExports.binding, `${importAlias}_${name}`);
 			addStatement("render", info.tagSection, void 0, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(attrExportIdentifier, [createScopeReadExpression(info.childScopeBinding, info.tagSection)])));
 		}
-		if (propTree.rest && !propTree.rest.props) addStatement("render", info.tagSection, tagReferencedBindings, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(info.getBindingIdentifier(propTree.rest.binding, importAlias + "_$rest"), [createScopeReadExpression(info.childScopeBinding, info.tagSection), _marko_compiler.types.objectExpression(restProps || [])])), void 0, true);
+		if (propTree.rest && !propTree.rest.props) addStatement("render", info.tagSection, tagReferencedBindings, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(info.getBindingIdentifier(propTree.rest.binding, importAlias + "_$rest"), [createScopeReadExpression(info.childScopeBinding, info.tagSection), _marko_compiler.types.objectExpression(restProps || [])])), true);
 	}
 }
 function mapParamReasonToExpr(exprs, reason) {
@@ -6780,7 +6876,6 @@ function getOrCreatePropertyAlias(binding, property) {
 function trackDomVarReferences(tag, binding) {
 	const tagVar = tag.node.var;
 	if (!tagVar) return;
-	if (!_marko_compiler.types.isIdentifier(tagVar)) throw tag.get("var").buildCodeFrameError("Tag variables on native elements cannot be destructured.");
 	const babelBinding = tag.scope.getBinding(tagVar.name);
 	const section = getOrCreateSection(tag);
 	binding.originalName = tagVar.name;
@@ -7963,6 +8058,8 @@ var await_default = {
 		if (paramsBinding) setBindingDownstream(paramsBinding, valueExtra);
 		bodySection.upstreamExpression = valueAttr.value.extra;
 		addSetupStatement(section);
+		visit(tag, 37);
+		enterShallow(tag);
 	},
 	translate: translateByTarget({
 		html: {
@@ -7995,8 +8092,6 @@ var await_default = {
 					return;
 				}
 				setSectionParentIsOwner(bodySection, true);
-				visit(tag, 37);
-				enterShallow(tag);
 			},
 			exit(tag) {
 				const { node } = tag;
@@ -8009,6 +8104,7 @@ var await_default = {
 					const branchRenderArgs = getBranchRendererArgs(bodySection);
 					const branchParams = branchRenderArgs.pop();
 					(signal.prependStatements ||= []).push(_marko_compiler.types.variableDeclaration("const", [_marko_compiler.types.variableDeclarator(_marko_compiler.types.identifier(bodySection.name), callRuntime("_await_content", getScopeAccessorLiteral(nodeRef, true), ...replaceNullishAndEmptyFunctionsWith0(branchRenderArgs)))]));
+					importRuntimeFeature("catch");
 					return callRuntime("_await_promise", getScopeAccessorLiteral(nodeRef, true), branchParams);
 				};
 				addStatement("render", section, void 0, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(_marko_compiler.types.identifier(bodySection.name), [scopeIdentifier])));
@@ -8292,6 +8388,7 @@ var html_comment_default = {
 			if (!_marko_compiler.types.isIdentifier(tagVar)) throw tag.get("var").buildCodeFrameError("The [`<html-comment>` tag](https://markojs.com/docs/reference/core-tag#html-comment) tag variable cannot be destructured.");
 			needsBinding = true;
 		}
+		let nodeBinding;
 		const referenceNodes = [];
 		for (const child of tag.get("body").get("body")) if (child.isMarkoPlaceholder()) {
 			referenceNodes.push(child.node.value);
@@ -8300,40 +8397,40 @@ var html_comment_default = {
 		if (needsBinding) {
 			const tagSection = getOrCreateSection(tag);
 			const tagExtra = mergeReferences(tagSection, tag.node, referenceNodes);
-			const nodeBinding = tagExtra[kNodeBinding$1] = createBinding("#comment", 0, tagSection, void 0, void 0, void 0, void 0, !!tagVar);
+			nodeBinding = tagExtra[kNodeBinding$1] = createBinding("#comment", 0, tagSection, void 0, void 0, void 0, void 0, !!tagVar);
 			trackDomVarReferences(tag, nodeBinding);
 			addSerializeExpr(tagSection, !!tagVar || tagExtra, nodeBinding);
 		}
+		const write = writeTo(tag);
+		if (nodeBinding) visit(tag, 32);
+		enter(tag);
+		write`<!--`;
+		const textLiteral = bodyToRawTextLiteral(tag.node.body);
+		if (_marko_compiler.types.isStringLiteral(textLiteral)) write`${escapeCommentText(textLiteral.value)}`;
+		exit(tag);
+		write`-->`;
 		tag.skip();
 	},
-	translate: {
-		enter(tag) {
-			if (tag.node.extra[kNodeBinding$1]) visit(tag, 32);
-			enter(tag);
-			writeTo(tag)`<!--`;
-		},
-		exit(tag) {
-			const tagSection = getSection(tag);
-			const tagExtra = tag.node.extra;
-			const nodeBinding = tagExtra[kNodeBinding$1];
-			const write = writeTo(tag);
-			if (isOutputHTML()) {
-				const { body } = tag.node.body;
-				if (nodeBinding && isEmptiableCommentBody(body)) if (body.length) write`${_marko_compiler.types.logicalExpression("||", buildCommentValue(body), _marko_compiler.types.stringLiteral(" "))}`;
-				else write` `;
-				else for (const child of body) if (_marko_compiler.types.isMarkoText(child)) write`${escapeCommentText(child.value)}`;
-				else if (_marko_compiler.types.isMarkoPlaceholder(child)) write`${callRuntime(child.escape ? "_escape_comment" : "_unescaped", child.value)}`;
-			} else {
-				const textLiteral = bodyToTextLiteral(tag.node.body);
-				if (_marko_compiler.types.isStringLiteral(textLiteral)) write`${escapeCommentText(textLiteral.value)}`;
-				else addStatement("render", tagSection, tagExtra.referencedBindings, _marko_compiler.types.expressionStatement(callRuntime("_text", createScopeReadExpression(nodeBinding), textLiteral)));
-			}
-			exit(tag);
+	translate: { exit(tag) {
+		const tagSection = getSection(tag);
+		const tagExtra = tag.node.extra;
+		const nodeBinding = tagExtra[kNodeBinding$1];
+		const write = writeTo$1(tag);
+		if (isOutputHTML()) {
+			const { body } = tag.node.body;
+			write`<!--`;
+			if (nodeBinding && isEmptiableCommentBody(body)) if (body.length) write`${_marko_compiler.types.logicalExpression("||", buildCommentValue(body), _marko_compiler.types.stringLiteral(" "))}`;
+			else write` `;
+			else for (const child of body) if (_marko_compiler.types.isMarkoText(child)) write`${escapeCommentText(child.value)}`;
+			else if (_marko_compiler.types.isMarkoPlaceholder(child)) write`${callRuntime(child.escape ? "_escape_comment" : "_unescaped", child.value)}`;
 			write`-->`;
-			if (nodeBinding) markNode(tag, nodeBinding, getSerializeReason(tagSection, nodeBinding));
-			tag.remove();
+		} else {
+			const textLiteral = bodyToTextLiteral(tag.node.body);
+			if (!_marko_compiler.types.isStringLiteral(textLiteral)) addStatement("render", tagSection, tagExtra.referencedBindings, _marko_compiler.types.expressionStatement(callRuntime("_text", createScopeReadExpression(nodeBinding), textLiteral)));
 		}
-	},
+		if (nodeBinding) markNode(tag, nodeBinding, getSerializeReason(tagSection, nodeBinding));
+		tag.remove();
+	} },
 	parseOptions: { text: true },
 	types: runtime_info_default.name + "/tags/html-comment.d.marko",
 	autocomplete: [{
@@ -8748,7 +8845,11 @@ var show_default = {
 			assertLegalHiddenContext(tag);
 			const tagSection = getOrCreateSection(tag);
 			if (getOnlyChildParentTagName(tag)) getOptimizedOnlyChildNodeBinding(tag, tagSection);
-			else tagExtra[kStartBinding] = createBinding("#text", 0, tagSection);
+			else {
+				tagExtra[kStartBinding] = createBinding("#text", 0, tagSection);
+				visit(tag, 37);
+				enterShallow(tag);
+			}
 			if (tagExtra[kStaticDisplay] === void 0) {
 				mergeReferences(tagSection, tag.node, [display]);
 				addSerializeExpr(tagSection, tagExtra, kStatefulReason);
@@ -8758,7 +8859,15 @@ var show_default = {
 			const tagExtra = tag.node.extra;
 			if (tagExtra[kStaticDisplay] === true) return;
 			const tagSection = getSection(tag);
-			if (tagExtra[kStartBinding] && !tagExtra[kSingleNodeBody]) tagExtra[kEndBinding] = createBinding("#text", 0, tagSection);
+			if (tagExtra[kStartBinding]) {
+				if (!tagExtra[kSingleNodeBody]) {
+					tagExtra[kEndBinding] = createBinding("#text", 0, tagSection);
+					visit(tag, 37);
+					enterShallow(tag);
+				}
+				visit(tag, 37);
+				enterShallow(tag);
+			}
 			const nodeBinding = getOptimizedOnlyChildNodeBinding(tag, tagSection);
 			if (tagExtra[kStaticDisplay] === void 0) addSerializeExpr(tagSection, tagExtra, nodeBinding);
 		}
@@ -8771,7 +8880,7 @@ var show_default = {
 				const staticDisplay = tagExtra[kStaticDisplay];
 				if (staticDisplay === true) return;
 				if (staticDisplay === false) {
-					writeTo(tag)`<t hidden>`;
+					writeTo$1(tag)`<t hidden>`;
 					return;
 				}
 				const display = tag.node.attributes[0].value;
@@ -8784,7 +8893,7 @@ var show_default = {
 			exit(tag) {
 				const tagExtra = tag.node.extra;
 				const staticDisplay = tagExtra[kStaticDisplay];
-				if (staticDisplay === false) writeTo(tag)`</t>`;
+				if (staticDisplay === false) writeTo$1(tag)`</t>`;
 				flushInto(tag);
 				const bodyStatements = tag.node.body.body;
 				if (staticDisplay !== void 0) {
@@ -8814,40 +8923,24 @@ var show_default = {
 				])) replacement.skip();
 			}
 		},
-		dom: {
-			enter(tag) {
-				if (tag.node.extra[kStartBinding]) {
-					visit(tag, 37);
-					enterShallow(tag);
-				}
-			},
-			exit(tag) {
-				const tagExtra = tag.node.extra;
-				if (tagExtra[kStaticDisplay] === true) {
-					tag.remove();
-					return;
-				}
-				const tagSection = getSection(tag);
-				const endBinding = tagExtra[kEndBinding];
-				const nodeBinding = getOptimizedOnlyChildNodeBinding(tag, tagSection);
-				const startBinding = tagExtra[kStartBinding];
-				const display = tagExtra[kStaticDisplay] === false ? _marko_compiler.types.booleanLiteral(false) : tag.node.attributes[0].value;
-				if (endBinding) {
-					visit(tag, 37);
-					enterShallow(tag);
-				}
-				if (startBinding) {
-					visit(tag, 37);
-					enterShallow(tag);
-				}
-				const signal = getSignal(tagSection, nodeBinding, "show");
-				signal.build = () => {
-					return callRuntime("_show", getScopeAccessorLiteral(nodeBinding, true), startBinding ? getScopeAccessorLiteral(startBinding, true) : void 0, endBinding ? getScopeAccessorLiteral(endBinding, true) : void 0);
-				};
-				addValue(tagSection, tagExtra.referencedBindings, signal, display);
+		dom: { exit(tag) {
+			const tagExtra = tag.node.extra;
+			if (tagExtra[kStaticDisplay] === true) {
 				tag.remove();
+				return;
 			}
-		}
+			const tagSection = getSection(tag);
+			const endBinding = tagExtra[kEndBinding];
+			const nodeBinding = getOptimizedOnlyChildNodeBinding(tag, tagSection);
+			const startBinding = tagExtra[kStartBinding];
+			const display = tagExtra[kStaticDisplay] === false ? _marko_compiler.types.booleanLiteral(false) : tag.node.attributes[0].value;
+			const signal = getSignal(tagSection, nodeBinding, "show");
+			signal.build = () => {
+				return callRuntime("_show", getScopeAccessorLiteral(nodeBinding, true), startBinding ? getScopeAccessorLiteral(startBinding, true) : void 0, endBinding ? getScopeAccessorLiteral(endBinding, true) : void 0);
+			};
+			addValue(tagSection, tagExtra.referencedBindings, signal, display);
+			tag.remove();
+		} }
 	}),
 	parseOptions: { controlFlow: true },
 	autocomplete: [{
@@ -9009,6 +9102,8 @@ var style_default = {
 		if (names) {
 			analyzeDynamicStyle(tag, names);
 			addSetupStatement(getOrCreateSection(tag));
+			visit(tag, 32);
+			writeTo(tag)`<style></style>`;
 		}
 	},
 	translate: translateByTarget({
@@ -9056,7 +9151,7 @@ function checkDynamicStylePlacement(tag) {
 	for (const sibling of tag.getAllPrevSiblings()) {
 		if (isCoreTagName(sibling, "style")) continue;
 		if (sibling.isMarkoText() ? /\S/.test(sibling.node.value) : getNodeContentType(sibling, "startType") !== null) {
-			(0, _marko_compiler_babel_utils.diagnosticWarn)(tag, { label: "The `${...}` values of a [`<style>` tag](https://markojs.com/docs/reference/core-tag#style) only apply to elements rendered after it, so the content before this tag will not receive them. Move the `<style>` tag above the content it styles." });
+			(0, _marko_compiler_babel_utils.diagnosticWarn)(tag, { label: "The `${...}` values of a [`<style>` tag](https://markojs.com/docs/reference/core-tag#style) only apply to the subsequent siblings of the `<style>` tag and their descendants, so the content before this tag will not receive them. Move the `<style>` tag above the content it styles." });
 			return;
 		}
 	}
@@ -9075,7 +9170,7 @@ function translateHTML$1(tag) {
 	if (dynamic) {
 		const { binding } = dynamic;
 		const section = getSection(tag);
-		writeTo(tag)`${callRuntime("_style_html", buildStyleDecls(node))}`;
+		writeTo$1(tag)`${callRuntime("_style_html", buildStyleDecls(node))}`;
 		markNode(tag, binding, getSerializeReason(section, binding));
 	}
 	emitStyleImport(tag);
@@ -9087,16 +9182,12 @@ function translateDOM$1(tag) {
 	if (dynamic) {
 		const { names, binding } = dynamic;
 		const section = getSection(tag);
-		const write = writeTo(tag);
 		const readEl = () => createScopeReadExpression(binding);
-		visit(tag, 32);
-		write`<style>`;
-		addStatement("render", section, void 0, _marko_compiler.types.expressionStatement(callRuntime("_style_shell", scopeIdentifier, getScopeAccessorLiteral(binding))), void 0, true);
+		addStatement("render", section, void 0, _marko_compiler.types.expressionStatement(callRuntime("_style_shell", scopeIdentifier, getScopeAccessorLiteral(binding))), true);
 		dynamicStyleValues(node).forEach((value, i) => {
 			const valueRef = value.extra?.referencedBindings;
-			addStatement("render", section, valueRef, _marko_compiler.types.expressionStatement(callRuntime("_style_rule_item", readEl(), _marko_compiler.types.stringLiteral(names[i]), value)), void 0, !valueRef);
+			addStatement("render", section, valueRef, _marko_compiler.types.expressionStatement(callRuntime("_style_rule_item", readEl(), _marko_compiler.types.stringLiteral(names[i]), value)), !valueRef);
 		});
-		write`</style>`;
 	}
 	emitStyleImport(tag);
 	tag.remove();
@@ -9181,7 +9272,6 @@ function getStyleImportPath(file, node, names) {
 }
 //#endregion
 //#region src/translator/core/try.ts
-const hasEnabledCatch = /* @__PURE__ */ new WeakSet();
 const kDOMBinding$1 = Symbol("try tag dom binding");
 var try_default = {
 	analyze(tag) {
@@ -9195,7 +9285,11 @@ var try_default = {
 		tagExtra[kDOMBinding$1] = createBinding("#text", 0, section);
 		if (!tag.node.body.body.length) throw tag.get("name").buildCodeFrameError("The [`<try>` tag](https://markojs.com/docs/reference/core-tag#try) requires [body content](https://markojs.com/docs/reference/language#tag-content).");
 		const bodySection = startSection(tag.get("body"));
-		if (bodySection) bodySection.upstreamExpression = tagExtra;
+		if (bodySection) {
+			bodySection.upstreamExpression = tagExtra;
+			visit(tag, 37);
+			enterShallow(tag);
+		}
 	},
 	translate: translateByTarget({
 		html: {
@@ -9229,8 +9323,6 @@ var try_default = {
 				const bodySection = getSectionForBody(tag.get("body"));
 				if (tag.node.extra?.attributeTags?.["@placeholder"]) setTryHasPlaceholder(bodySection, true);
 				setSectionParentIsOwner(bodySection, true);
-				visit(tag, 37);
-				enterShallow(tag);
 			},
 			exit(tag) {
 				const { node } = tag;
@@ -9244,14 +9336,10 @@ var try_default = {
 				const bodySection = getSectionForBody(tag.get("body"));
 				const signal = getSignal(section, nodeRef, "try");
 				signal.build = () => {
+					importRuntimeFeature("catch");
 					return callRuntime("_try", getScopeAccessorLiteral(nodeRef, true), ...replaceNullishAndEmptyFunctionsWith0(getBranchRendererArgs(bodySection)));
 				};
 				if (translatedAttrs.statements.length) addStatement("render", section, referencedBindings, translatedAttrs.statements);
-				const program = (0, _marko_compiler_babel_utils.getProgram)().node;
-				if (!hasEnabledCatch.has(program)) {
-					hasEnabledCatch.add(program);
-					program.body.push(_marko_compiler.types.expressionStatement(callRuntime("_enable_catch")));
-				}
 				addValue(section, referencedBindings, signal, propsToExpression(translatedAttrs.properties));
 				tag.remove();
 			}
@@ -9315,7 +9403,7 @@ var declaration_default = { translate: { enter(decl) {
 //#endregion
 //#region src/translator/visitors/document-type.ts
 var document_type_default = { translate: { exit(documentType) {
-	if (isOutputHTML()) writeTo(documentType)`<!${documentType.node.value}>`;
+	if (isOutputHTML()) writeTo$1(documentType)`<!${documentType.node.value}>`;
 	documentType.remove();
 } } };
 //#endregion
@@ -9370,6 +9458,7 @@ var import_declaration_default = {
 					const { file } = importDecl.hub;
 					const loadFile = (0, _marko_compiler_babel_utils.loadFileForImport)(file, node.source.value);
 					const resolvedPath = (0, _marko_compiler_babel_utils.resolveRelativePath)(file, loadFile.opts.filename);
+					importRuntimeFeature("catch");
 					importDecl.replaceWith(_marko_compiler.types.variableDeclaration("const", [_marko_compiler.types.variableDeclarator(local, callRuntime("_load_template", _marko_compiler.types.stringLiteral(loadFile.metadata.marko.id), _marko_compiler.types.arrowFunctionExpression([], _marko_compiler.types.callExpression(_marko_compiler.types.memberExpression(_marko_compiler.types.callExpression(_marko_compiler.types.import(), [_marko_compiler.types.stringLiteral(resolvedPath)]), _marko_compiler.types.identifier("then")), [_marko_compiler.types.arrowFunctionExpression([_marko_compiler.types.identifier("mod")], toMemberExpression(_marko_compiler.types.identifier("mod"), "default"))]))))]));
 				}
 				return;
@@ -9486,65 +9575,78 @@ function isEmptyPlaceholder(placeholder) {
 //#region src/translator/visitors/placeholder.ts
 const kNodeBinding = Symbol("placeholder node binding");
 const kSiblingText = Symbol("placeholder has sibling text");
-const kSharedText$1 = Symbol("placeholder will merge its visitor with a another node");
 var placeholder_default = {
-	analyze(placeholder) {
-		if (isNonHTMLText(placeholder)) return;
-		const { node } = placeholder;
-		const valueExtra = evaluate(node.value);
-		const { confident, computed } = valueExtra;
-		if (confident && isVoid(computed)) return;
-		if (isStaticText(node)) {
-			if (isStaticText(getPrevStaticSibling(placeholder))) (node.extra ??= {})[kSharedText$1] = true;
-		} else {
-			const section = getOrCreateSection(placeholder);
-			const nodeBinding = (node.extra ??= {})[kNodeBinding] = createBinding("#text", 0, section);
-			analyzeSiblingText(placeholder);
-			addSetupExpr(section, node.value);
-			addSerializeExpr(section, valueExtra, nodeBinding);
-		}
-	},
-	translate: { exit(placeholder) {
-		if (isNonHTMLText(placeholder)) return;
-		const { node } = placeholder;
-		const { value } = node;
-		if (node.extra?.[kRawText]) injectTextCoercion(value);
-		const valueExtra = evaluate(value);
-		const { confident, computed } = valueExtra;
-		if (confident && isVoid(computed)) {
-			placeholder.remove();
-			return;
-		}
-		const isHTML = isOutputHTML();
-		const write = writeTo(placeholder);
-		const extra = node.extra || {};
-		const nodeBinding = extra[kNodeBinding];
-		const canWriteHTML = isHTML || confident && node.escape;
-		const method = canWriteHTML ? node.escape ? "_escape" : "_unescaped" : node.escape ? "_text" : "_html";
-		if (confident && canWriteHTML) write`${getHTMLRuntime()[method](computed)}`;
-		else {
-			const section = getSection(placeholder);
-			const siblingText = extra[kSiblingText];
-			const markerSerializeReason = nodeBinding && getSerializeReason(section, nodeBinding);
-			if (siblingText === 1) {
-				if (isHTML && markerSerializeReason) writeSeparator(write, section, markerSerializeReason);
-				visit(placeholder, 37);
-			} else if (siblingText === 2) visit(placeholder, 37);
+	analyze: {
+		enter(placeholder) {
+			if (isNonHTMLText(placeholder)) return;
+			const { node } = placeholder;
+			const valueExtra = evaluate(node.value);
+			const { confident, computed } = valueExtra;
+			if (confident && isVoid(computed)) return;
+			if (!isStaticText(node)) {
+				const section = getOrCreateSection(placeholder);
+				const nodeBinding = (node.extra ??= {})[kNodeBinding] = createBinding("#text", 0, section);
+				analyzeSiblingText(placeholder);
+				addSetupExpr(section, node.value);
+				addSerializeExpr(section, valueExtra, nodeBinding);
+			}
+		},
+		exit(placeholder) {
+			if (isNonHTMLText(placeholder)) return;
+			const { node } = placeholder;
+			const { confident, computed } = evaluate(node.value);
+			if (confident && isVoid(computed)) return;
+			const extra = node.extra || {};
+			if (confident && node.escape) writeTo(placeholder)`${getHTMLRuntime()._escape(computed)}`;
 			else {
-				if (isHTML) {
-					if (siblingText === 3 && markerSerializeReason) writeSeparator(write, section, markerSerializeReason);
-				} else write` `;
-				visit(placeholder, 32);
+				const siblingText = extra[kSiblingText];
+				if (siblingText === 1 || siblingText === 2) visit(placeholder, 37);
+				else {
+					writeTo(placeholder)` `;
+					visit(placeholder, 32);
+				}
 			}
-			if (isHTML) {
-				write`${method === "_escape" ? buildEscapedTextExpression(value) : callRuntime(method, value)}`;
-				if (nodeBinding) markNode(placeholder, nodeBinding, markerSerializeReason);
-			} else addStatement("render", section, valueExtra.referencedBindings, _marko_compiler.types.expressionStatement(method === "_text" ? callRuntime("_text", createScopeReadExpression(nodeBinding), value) : callRuntime("_html", scopeIdentifier, value, getScopeAccessorLiteral(nodeBinding))), void 0, true);
+			if (!isStaticText(node) || !isStaticText(getPrevStaticSibling(placeholder))) enterShallow(placeholder);
 		}
-		if (!extra[kSharedText$1]) enterShallow(placeholder);
-		placeholder.remove();
+	},
+	translate: { exit(placeholder) {
+		translateExit(placeholder);
 	} }
 };
+function translateExit(placeholder) {
+	if (isNonHTMLText(placeholder)) return;
+	const { node } = placeholder;
+	const { value } = node;
+	if (node.extra?.[kRawText]) injectTextCoercion(value);
+	const valueExtra = evaluate(value);
+	const { confident, computed } = valueExtra;
+	if (confident && isVoid(computed)) {
+		placeholder.remove();
+		return;
+	}
+	const isHTML = isOutputHTML();
+	const write = writeTo$1(placeholder);
+	const extra = node.extra || {};
+	const nodeBinding = extra[kNodeBinding];
+	const canWriteHTML = isHTML || confident && node.escape;
+	const method = canWriteHTML ? node.escape ? "_escape" : "_unescaped" : node.escape ? "_text" : "_html";
+	if (confident && canWriteHTML) {
+		if (isHTML) write`${getHTMLRuntime()[method](computed)}`;
+	} else {
+		const section = getSection(placeholder);
+		const siblingText = extra[kSiblingText];
+		const markerSerializeReason = nodeBinding && getSerializeReason(section, nodeBinding);
+		if (isHTML && markerSerializeReason) {
+			if (siblingText === 1) writeSeparator(write, section, markerSerializeReason);
+			else if (siblingText === 3) writeSeparator(write, section, markerSerializeReason);
+		}
+		if (isHTML) {
+			write`${method === "_escape" ? buildEscapedTextExpression(value) : callRuntime(method, value)}`;
+			if (nodeBinding) markNode(placeholder, nodeBinding, markerSerializeReason);
+		} else addStatement("render", section, valueExtra.referencedBindings, _marko_compiler.types.expressionStatement(method === "_text" ? callRuntime("_text", createScopeReadExpression(nodeBinding), value) : callRuntime("_html", scopeIdentifier, value, getScopeAccessorLiteral(nodeBinding))), true);
+	}
+	placeholder.remove();
+}
 function buildEscapedTextExpression(value) {
 	const { _escape } = getHTMLRuntime();
 	switch (value.type) {
@@ -9662,7 +9764,7 @@ var referenced_identifier_default = {
 				const resetEmitted = getAbortResetEmitted(section);
 				if (!resetEmitted.has(exprRoot)) {
 					resetEmitted.add(exprRoot);
-					addStatement("render", section, exprRoot.node.extra?.referencedBindings, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(importRuntime("$signalReset"), [scopeIdentifier, _marko_compiler.types.numericLiteral(exprId)])), false);
+					addStatement("render", section, exprRoot.node.extra?.referencedBindings, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(importRuntime("$signalReset"), [scopeIdentifier, _marko_compiler.types.numericLiteral(exprId)])));
 				}
 				identifier.replaceWith(_marko_compiler.types.callExpression(importRuntime("$signal"), [scopeIdentifier, _marko_compiler.types.numericLiteral(exprId)]));
 			}
@@ -9745,6 +9847,17 @@ var custom_tag_default = {
 		if (tagExtra.tagNameLoad) tagExtra[kLoadTagBinding] = createBinding("#text", 0, getOrCreateSection(tag));
 		if (tagExtra.tagNameLoad || !childExtra.domExports?.setupEmpty) addSetupStatement(getOrCreateSection(tag));
 		knownTagAnalyze(tag, childSection, programSection === childSection ? programSection.params && getBindingPropTree(programSection.params) : childExtra.domExports?.params);
+		const tagName = getStaticTagName(tag.node);
+		if (tagExtra.tagNameLoad) {
+			visit(tag, 37);
+			child(tag, tagName);
+			enterShallow(tag);
+		} else child(tag, tagName, {
+			kind: ExportRef,
+			program: childExtra,
+			path: getTagRelativePath(tag),
+			hint: tagName
+		});
 	} },
 	translate: {
 		enter(tag) {
@@ -9769,7 +9882,6 @@ function translateHTML(tag) {
 function translateDOM(tag) {
 	const { node } = tag;
 	const { file } = tag.hub;
-	const write = writeTo(tag);
 	const relativePath = getTagRelativePath(tag);
 	const programSection = (0, _marko_compiler_babel_utils.getProgram)().node.extra.section;
 	const childFile = (0, _marko_compiler_babel_utils.loadFileForTag)(tag);
@@ -9778,7 +9890,7 @@ function translateDOM(tag) {
 	const childSection = childExtra.section;
 	const loadConfig = node.extra?.tagNameLoad;
 	const isLoad = !!loadConfig;
-	const tagName = _marko_compiler.types.isIdentifier(node.name) ? node.name.name : _marko_compiler.types.isStringLiteral(node.name) ? node.name.value : "tag";
+	const tagName = getStaticTagName(node);
 	if (isLoad) {
 		const childFileName = childFile.opts.filename;
 		const { triggers, signals } = getLoadIdentifiers();
@@ -9804,24 +9916,19 @@ function translateDOM(tag) {
 		}, (section, childBinding) => {
 			const setupIdent = generateUidIdentifier(`load_${tagName}_setup`);
 			const setupLoadExpr = _marko_compiler.types.arrowFunctionExpression([], _marko_compiler.types.callExpression(_marko_compiler.types.import(), [_marko_compiler.types.stringLiteral(buildLoadSetupVirtualModule(file, childFileName, childExports))]));
+			importRuntimeFeature("catch");
 			(0, _marko_compiler_babel_utils.getProgram)().node.body.push(_marko_compiler.types.variableDeclaration("let", [_marko_compiler.types.variableDeclarator(setupIdent, callRuntime("_load_setup", getScopeAccessorLiteral(node.extra[kLoadTagBinding], true), getScopeAccessorLiteral(childBinding, true), triggerIdent ? _marko_compiler.types.addComment(_marko_compiler.types.callExpression(triggerIdent, [setupLoadExpr]), "leading", "@__PURE__") : setupLoadExpr))]));
 			addStatement("render", section, void 0, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(setupIdent, [scopeIdentifier])));
 		});
-		visit(tag, 37);
-		injectWalks(tag, tagName);
-		enterShallow(tag);
-	} else if (programSection === childSection) {
-		knownTagTranslateDOM(tag, childExports.params, (binding, preferredName) => getSignal(programSection, binding, preferredName).identifier, childExports.setupEmpty ? void 0 : (section, childBinding) => {
-			addStatement("render", section, void 0, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(_marko_compiler.types.identifier(childExports.setup), [createScopeReadExpression(childBinding, section)])));
-		});
-		write`${_marko_compiler.types.identifier(childExports.template)}`;
-		injectWalks(tag, tagName, _marko_compiler.types.identifier(childExports.walks));
-	} else {
+	} else if (programSection === childSection) knownTagTranslateDOM(tag, childExports.params, (binding, preferredName) => getSignal(programSection, binding, preferredName).identifier, childExports.setupEmpty ? void 0 : (section, childBinding) => {
+		addStatement("render", section, void 0, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(_marko_compiler.types.identifier(childExports.setup), [createScopeReadExpression(childBinding, section)])));
+	});
+	else {
 		knownTagTranslateDOM(tag, childExports.params, (binding, preferredName, directContent) => importOrSelfReferenceName(tag.hub.file, relativePath, directContent && binding.directContentExport || binding.export, preferredName), childExports.setupEmpty ? void 0 : (section, childBinding) => {
 			addStatement("render", section, void 0, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(importOrSelfReferenceName(file, relativePath, childExports.setup, tagName), [createScopeReadExpression(childBinding, section)])));
 		});
-		write`${(0, _marko_compiler_babel_utils.importNamed)(file, relativePath, childExports.template, `${tagName}_template`)}`;
-		injectWalks(tag, tagName, (0, _marko_compiler_babel_utils.importNamed)(file, relativePath, childExports.walks, `${tagName}_walks`));
+		(0, _marko_compiler_babel_utils.importNamed)(file, relativePath, childExports.template, `${tagName}_template`);
+		(0, _marko_compiler_babel_utils.importNamed)(file, relativePath, childExports.walks, `${tagName}_walks`);
 	}
 	tag.remove();
 }
@@ -9876,14 +9983,6 @@ function collectProseWords(node, tagName) {
 	}
 	return text;
 }
-function importOrSelfReferenceName(file, request, name, nameHint) {
-	if (isCircularRequest(file, request)) return _marko_compiler.types.identifier(name);
-	return (0, _marko_compiler_babel_utils.importNamed)(file, request, name, nameHint);
-}
-function isCircularRequest(file, request) {
-	const { filename } = file.opts;
-	return request === filename || request[0] === "." && path.default.resolve(filename, "..", request) === filename;
-}
 function buildLoadSetupVirtualModule(file, childFileName, childExports) {
 	const parts = `${childExports.template}, ${childExports.walks}, ${childExports.setup}`;
 	return getMarkoOpts().resolveVirtualDependency(file.opts.filename, {
@@ -9935,6 +10034,10 @@ var dynamic_tag_default = {
 		const definedBodySection = node.extra?.defineBodySection;
 		if (definedBodySection) {
 			knownTagAnalyze(tag, definedBodySection, definedBodySection.params && getBindingPropTree(definedBodySection.params));
+			child(tag, getStaticTagName(tag.node), {
+				kind: SectionRef,
+				section: definedBodySection
+			});
 			return;
 		}
 		analyzeAttributeTags(tag);
@@ -9948,24 +10051,21 @@ var dynamic_tag_default = {
 			trackVarReferences(tag, 5);
 			tag.node.var.extra.binding.scopeOffset = tagExtra[kChildOffsetScopeBinding] = createBinding("#scopeOffset", 0, tagSection);
 		}
-		startSection(tagBody);
+		const bodySection = startSection(tagBody);
 		trackParamsReferences(tagBody, 3);
 		addSerializeExpr(tagSection, hasVar || tagExtra, nodeBinding);
 		if (!hasVar && !node.arguments && !node.attributes.length && !node.body.body.length) tagExtra[kDirectContent] = true;
+		if (tagExtra.featureType !== "class" || (0, _marko_compiler_babel_utils.getTagTemplate)(tag)) {
+			visit(tag, hasVar ? 49 : 37);
+			enterShallow(tag);
+		} else if (bodySection) bodySection.structure = null;
 	} },
 	translate: {
 		enter(tag) {
-			const tagExtra = tag.node.extra;
-			if (tagExtra?.featureType === "class" && !isOutputHTML() && !(0, _marko_compiler_babel_utils.getTagTemplate)(tag)) {
+			if (tag.node.extra?.featureType === "class" && !isOutputHTML() && !(0, _marko_compiler_babel_utils.getTagTemplate)(tag)) {
 				tag.remove();
 				return;
 			}
-			if (tagExtra?.defineBodySection) {
-				if (isOutputHTML()) flushBefore(tag);
-				return;
-			}
-			visit(tag, tag.node.var ? 49 : 37);
-			enterShallow(tag);
 			if (isOutputHTML()) flushBefore(tag);
 		},
 		exit(tag) {
@@ -9977,14 +10077,11 @@ var dynamic_tag_default = {
 				const propTree = paramsBinding && getBindingPropTree(paramsBinding);
 				if (isOutputHTML()) knownTagTranslateHTML(tag, _marko_compiler.types.memberExpression(tag.node.name, _marko_compiler.types.identifier("content")), definedBodySection, propTree);
 				else {
-					const write = writeTo(tag);
 					knownTagTranslateDOM(tag, propTree, (binding, preferredName, directContent) => directContent && binding.directContentExport ? _marko_compiler.types.identifier(binding.directContentExport) : getSignal(definedBodySection, binding, preferredName).identifier, (section, childBinding) => {
 						const signal = getSignal(definedBodySection, void 0);
 						if (signalHasStatements(signal)) addStatement("render", section, void 0, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(_marko_compiler.types.memberExpression(signal.identifier, _marko_compiler.types.identifier("_")), [createScopeReadExpression(childBinding, section), getScopeExpression(section, definedBodySection.parent)])));
 						else if (definedBodySection.readsOwner) addStatement("render", section, void 0, _marko_compiler.types.expressionStatement(_marko_compiler.types.assignmentExpression("=", toMemberExpression(createScopeReadExpression(childBinding, section), getAccessorProp().Owner), getScopeExpression(section, definedBodySection.parent))));
 					});
-					write`${() => getSectionMetaIdentifiers(definedBodySection).writes || ""}`;
-					injectWalks(tag, tag.get("name").toString(), () => getSectionMetaIdentifiers(definedBodySection).walks);
 					tag.remove();
 				}
 				return;
@@ -10088,7 +10185,7 @@ const controlledAttrs = /^(?:value|checked(?:Value)?|open)(?:Change)?$/;
 function enableDynamicTagControllables(tag) {
 	if (analyzeTagNameType(tag, true) === 1) return;
 	for (const attr of tag.node.attributes) if (attr.type === "MarkoSpreadAttribute" || attr.type === "MarkoAttribute" && controlledAttrs.test(attr.name)) {
-		enableControllable(controllableScriptLatchFor(void 0));
+		enableControllable(controllableFeatureFor(void 0));
 		return;
 	}
 }
@@ -10144,6 +10241,7 @@ var tag_default = {
 					exit$1(hook, tag);
 					return;
 				}
+				if (analyzeTagNameType(tag) === 0) native_tag_default.analyze.exit(tag);
 			} catch (err) {
 				(tag.node.extra ??= {}).analyzeFailed = true;
 				reportAnalyzeError(tag, err);
@@ -10202,16 +10300,15 @@ var tag_default = {
 };
 //#endregion
 //#region src/translator/visitors/text.ts
-const kSharedText = Symbol("text merges its walk step with a sibling node");
 var text_default = {
-	analyze(text) {
+	analyze: { exit(text) {
 		if (isNonHTMLText(text)) return;
-		if (isStaticText(getPrevStaticSibling(text))) (text.node.extra ??= {})[kSharedText] = true;
-	},
+		writeTo(text)`${text.node.value}`;
+		if (!isStaticText(getPrevStaticSibling(text))) enterShallow(text);
+	} },
 	translate: { exit(text) {
 		if (isNonHTMLText(text)) return;
-		writeTo(text)`${text.node.value}`;
-		if (!text.node.extra?.[kSharedText]) enterShallow(text);
+		if (isOutputHTML()) writeTo$1(text)`${text.node.value}`;
 		text.remove();
 	} }
 };
@@ -10220,7 +10317,7 @@ var text_default = {
 function buildAggregateError(file, rootMsg, ...paths) {
 	const err = /* @__PURE__ */ new SyntaxError();
 	const fileName = path.default.relative(_marko_compiler_modules.cwd, file.opts.filename);
-	const finalMsg = `${rootMsg}:\n\n${paths.map(([msg, path$13]) => `\x1b[90m${msg} at ${getFileNameWithLoc(fileName, path$13)}:\x1b[0m\n${getFrame(file, path$13)}`).join("\n\n")}`;
+	const finalMsg = `${rootMsg}:\n\n${paths.map(([msg, path$14]) => `\x1b[90m${msg} at ${getFileNameWithLoc(fileName, path$14)}:\x1b[0m\n${getFrame(file, path$14)}`).join("\n\n")}`;
 	if (!("MARKO_DEBUG" in process.env)) err.stack = finalMsg;
 	Object.defineProperty(err, "message", {
 		get() {
@@ -10450,13 +10547,13 @@ function mergeVisitors(visitor5, visitor6) {
 function mergeVisit(visit5, visit6) {
 	const enter5 = getVisitorEnter(visit5);
 	const enter6 = getVisitorEnter(visit6);
-	const enter = (enter5 || enter6) && function enter(path$9, state) {
-		return (isTagsAPI() ? enter6 : enter5)?.call(this, path$9, state);
+	const enter = (enter5 || enter6) && function enter(path$10, state) {
+		return (isTagsAPI() ? enter6 : enter5)?.call(this, path$10, state);
 	};
 	const exit5 = getVisitorExit(visit5);
 	const exit6 = getVisitorExit(visit6);
-	const exit = (exit5 || exit6) && function exit(path$10, state) {
-		return (isTagsAPI() ? exit6 : exit5)?.call(this, path$10, state);
+	const exit = (exit5 || exit6) && function exit(path$11, state) {
+		return (isTagsAPI() ? exit6 : exit5)?.call(this, path$11, state);
 	};
 	return exit ? enter ? {
 		enter,
@@ -10539,17 +10636,17 @@ function sequenceVisit(first, second) {
 	if (!first || !second) return first || second;
 	const enterFirst = getVisitorEnter(first);
 	const enterSecond = getVisitorEnter(second);
-	const enter = (enterFirst || enterSecond) && function enter(path$11, state) {
-		const { node } = path$11;
-		enterFirst?.call(this, path$11, state);
-		if (path$11.node === node) enterSecond?.call(this, path$11, state);
+	const enter = (enterFirst || enterSecond) && function enter(path$12, state) {
+		const { node } = path$12;
+		enterFirst?.call(this, path$12, state);
+		if (path$12.node === node) enterSecond?.call(this, path$12, state);
 	};
 	const exitFirst = getVisitorExit(first);
 	const exitSecond = getVisitorExit(second);
-	const exit = (exitFirst || exitSecond) && function exit(path$12, state) {
-		const { node } = path$12;
-		exitFirst?.call(this, path$12, state);
-		if (path$12.node === node) exitSecond?.call(this, path$12, state);
+	const exit = (exitFirst || exitSecond) && function exit(path$13, state) {
+		const { node } = path$13;
+		exitFirst?.call(this, path$13, state);
+		if (path$13.node === node) exitSecond?.call(this, path$13, state);
 	};
 	return exit ? enter ? {
 		enter,