@vue/compiler-sfc 3.6.0-beta.10 → 3.6.0-beta.12

package/dist/compiler-sfc.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-sfc v3.6.0-beta.10
+  * @vue/compiler-sfc v3.6.0-beta.12
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -11,7 +11,7 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __esmMin = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
 var __exportAll = (all, no_symbols) => {
 	let target = {};
 	for (var name in all) __defProp(target, name, {
@@ -41,7 +41,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 	throw Error("Calling `require` for \"" + x + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
 });
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -52,7 +52,7 @@ function _typeof(o) {
 }
 var init_typeof = __esmMin((() => {}));
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -67,7 +67,7 @@ var init_toPrimitive = __esmMin((() => {
 	init_typeof();
 }));
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
@@ -77,7 +77,7 @@ var init_toPropertyKey = __esmMin((() => {
 	init_toPrimitive();
 }));
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -90,7 +90,7 @@ var init_defineProperty = __esmMin((() => {
 	init_toPropertyKey();
 }));
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/objectSpread2.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/objectSpread2.js
 function ownKeys(e, r) {
 	var t = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
@@ -1069,6 +1069,12 @@ function write(buffer, value, offset, isLE, mLen, nBytes) {
 	for (; eLen > 0; buffer[offset + i] = e & 255, i += d, e /= 256, eLen -= 8);
 	buffer[offset + i - d] |= s * 128;
 }
+/*!
+* The buffer module from node.js, for the browser.
+*
+* @author   Feross Aboukhadijeh <feross@feross.org> <http://feross.org>
+* @license  MIT
+*/
 function kMaxLength() {
 	return Buffer$1.TYPED_ARRAY_SUPPORT ? 2147483647 : 1073741823;
 }
@@ -3594,7 +3600,7 @@ const errorMessages$1 = {
 	[54]: ``
 };
 //#endregion
-//#region node_modules/.pnpm/@babel+parser@7.29.2/node_modules/@babel/parser/lib/index.js
+//#region node_modules/.pnpm/@babel+parser@7.29.3/node_modules/@babel/parser/lib/index.js
 var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	Object.defineProperty(exports, "__esModule", { value: true });
 	function _objectWithoutPropertiesLoose(r, e) {
@@ -6138,7 +6144,7 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 		}
 		flowParseDeclareVariable(node) {
 			this.next();
-			node.id = this.flowParseTypeAnnotatableIdentifier(true);
+			node.id = this.flowParseTypeAnnotatableIdentifier();
 			this.scope.declareName(node.id.name, 5, node.id.loc.start);
 			this.semicolon();
 			return this.finishNode(node, "DeclareVariable");
@@ -6282,9 +6288,14 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 			if (!reservedTypes.has(word)) return;
 			this.raise(declaration ? FlowErrors.AssignReservedType : FlowErrors.UnexpectedReservedType, startLoc, { reservedType: word });
 		}
-		flowParseRestrictedIdentifier(liberal, declaration) {
+		flowParseRestrictedIdentifierName(liberal, declaration) {
 			this.checkReservedType(this.state.value, this.state.startLoc, declaration);
-			return this.parseIdentifier(liberal);
+			return this.parseIdentifierName(liberal);
+		}
+		flowParseRestrictedIdentifier(liberal, declaration) {
+			const node = this.startNode();
+			const name = this.flowParseRestrictedIdentifierName(liberal, declaration);
+			return this.createIdentifier(node, name);
 		}
 		flowParseTypeAlias(node) {
 			node.id = this.flowParseRestrictedIdentifier(false, true);
@@ -6308,14 +6319,21 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 			this.semicolon();
 			return this.finishNode(node, "OpaqueType");
 		}
+		flowParseTypeParameterBound() {
+			if (this.match(14) || this.isContextual(81)) {
+				const node = this.startNode();
+				this.next();
+				node.typeAnnotation = this.flowParseType();
+				return this.finishNode(node, "TypeAnnotation");
+			}
+		}
 		flowParseTypeParameter(requireDefault = false) {
 			const nodeStartLoc = this.state.startLoc;
 			const node = this.startNode();
 			const variance = this.flowParseVariance();
-			const ident = this.flowParseTypeAnnotatableIdentifier();
-			node.name = ident.name;
+			node.name = this.flowParseRestrictedIdentifierName();
 			node.variance = variance;
-			node.bound = ident.typeAnnotation;
+			node.bound = this.flowParseTypeParameterBound();
 			if (this.match(29)) {
 				this.eat(29);
 				node.default = this.flowParseType();
@@ -6873,13 +6891,11 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 			node.typeAnnotation = this.flowParseTypeInitialiser();
 			return this.finishNode(node, "TypeAnnotation");
 		}
-		flowParseTypeAnnotatableIdentifier(allowPrimitiveOverride) {
-			const ident = allowPrimitiveOverride ? this.parseIdentifier() : this.flowParseRestrictedIdentifier();
-			if (this.match(14)) {
-				ident.typeAnnotation = this.flowParseTypeAnnotation();
-				this.resetEndLocation(ident);
-			}
-			return ident;
+		flowParseTypeAnnotatableIdentifier() {
+			const node = this.startNode();
+			const name = this.parseIdentifierName();
+			if (this.match(14)) node.typeAnnotation = this.flowParseTypeAnnotation();
+			return this.createIdentifier(node, name);
 		}
 		typeCastToParameter(node) {
 			node.expression.typeAnnotation = node.typeAnnotation;
@@ -8675,6 +8691,7 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 						adjustInnerComments(node, node.properties, commentWS);
 						break;
 					case "CallExpression":
+					case "NewExpression":
 					case "OptionalCallExpression":
 						adjustInnerComments(node, node.arguments, commentWS);
 						break;
@@ -8687,6 +8704,7 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 					case "ObjectMethod":
 					case "ClassMethod":
 					case "ClassPrivateMethod":
+					case "TSTypeParameterDeclaration":
 						adjustInnerComments(node, node.params, commentWS);
 						break;
 					case "ArrayExpression":
@@ -8703,6 +8721,9 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 					case "TSEnumBody":
 						adjustInnerComments(node, node.members, commentWS);
 						break;
+					case "TSInterfaceBody":
+						adjustInnerComments(node, node.body, commentWS);
+						break;
 					default:
 						if (node.type === "RecordExpression") {
 							adjustInnerComments(node, node.properties, commentWS);
@@ -10259,7 +10280,8 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 			const oldInModule = this.inModule;
 			this.inModule = inModule;
 			const oldScope = this.scope;
-			this.scope = new (this.getScopeHandler())(this, inModule);
+			const ScopeHandler = this.getScopeHandler();
+			this.scope = new ScopeHandler(this, inModule);
 			const oldProdParam = this.prodParam;
 			this.prodParam = new ProductionParameterHandler();
 			const oldClassScope = this.classScope;
@@ -16166,7 +16188,7 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	exports.parseExpression = parseExpression;
 }));
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/asyncToGenerator.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/asyncToGenerator.js
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
 	try {
 		var i = n[a](c), u = i.value;
@@ -17621,6 +17643,7 @@ function createTransformContext(root, { filename = "", prefixIdentifiers = false
 		constantCache: /* @__PURE__ */ new WeakMap(),
 		temps: 0,
 		identifiers: Object.create(null),
+		identifierScopes: Object.create(null),
 		scopes: {
 			vFor: 0,
 			vSlot: 0,
@@ -17671,16 +17694,20 @@ function createTransformContext(root, { filename = "", prefixIdentifiers = false
 			context.parent.children.splice(removalIndex, 1);
 		},
 		onNodeRemoved: NOOP,
-		addIdentifiers(exp) {
-			if (isString$1(exp)) addId(exp);
-			else if (exp.identifiers) exp.identifiers.forEach(addId);
-			else if (exp.type === 4) addId(exp.content);
+		addIdentifiers(exp, type = "local") {
+			if (isString$1(exp)) addId(exp, type);
+			else if (exp.identifiers) exp.identifiers.forEach((id) => addId(id, type));
+			else if (exp.type === 4) addId(exp.content, type);
 		},
 		removeIdentifiers(exp) {
 			if (isString$1(exp)) removeId(exp);
 			else if (exp.identifiers) exp.identifiers.forEach(removeId);
 			else if (exp.type === 4) removeId(exp.content);
 		},
+		isSlotScopeIdentifier(name) {
+			const scopes = context.identifierScopes[name];
+			return scopes ? scopes[scopes.length - 1] === "slot" : false;
+		},
 		hoist(exp) {
 			if (isString$1(exp)) exp = createSimpleExpression(exp);
 			context.hoists.push(exp);
@@ -17694,13 +17721,16 @@ function createTransformContext(root, { filename = "", prefixIdentifiers = false
 			return cacheExp;
 		}
 	};
-	function addId(id) {
-		const { identifiers } = context;
+	function addId(id, type) {
+		const { identifiers, identifierScopes } = context;
 		if (identifiers[id] === void 0) identifiers[id] = 0;
 		identifiers[id]++;
+		(identifierScopes[id] || (identifierScopes[id] = [])).push(type);
 	}
 	function removeId(id) {
 		context.identifiers[id]--;
+		const scopes = context.identifierScopes[id];
+		if (scopes) scopes.pop();
 	}
 	return context;
 }
@@ -20870,7 +20900,7 @@ const trackSlotScopes = (node, context) => {
 		const vSlot = findDir$1(node, "slot");
 		if (vSlot) {
 			const slotProps = vSlot.exp;
-			if (context.prefixIdentifiers) slotProps && context.addIdentifiers(slotProps);
+			if (context.prefixIdentifiers) slotProps && context.addIdentifiers(slotProps, "slot");
 			context.scopes.vSlot++;
 			return () => {
 				if (context.prefixIdentifiers) slotProps && context.removeIdentifiers(slotProps);
@@ -21089,6 +21119,15 @@ function resolveComponentType(node, context, ssr = false) {
 		if (!ssr) context.helper(builtIn);
 		return builtIn;
 	}
+	{
+		const fromScope = resolveSlotScopeReference(tag, context);
+		if (fromScope) return fromScope;
+		const dotIndex = tag.indexOf(".");
+		if (dotIndex > 0) {
+			const ns = resolveSlotScopeReference(tag.slice(0, dotIndex), context);
+			if (ns) return ns + tag.slice(dotIndex);
+		}
+	}
 	{
 		const fromSetup = resolveSetupReference$1(tag, context);
 		if (fromSetup) return fromSetup;
@@ -21107,6 +21146,14 @@ function resolveComponentType(node, context, ssr = false) {
 	context.components.add(tag);
 	return toValidAssetId(tag, `component`);
 }
+function resolveSlotScopeReference(name, context) {
+	const camelName = camelize(name);
+	const PascalName = capitalize(camelName);
+	const isInSlotScope = (reference) => context.isSlotScopeIdentifier(reference);
+	if (isInSlotScope(name)) return name;
+	if (isInSlotScope(camelName)) return camelName;
+	if (isInSlotScope(PascalName)) return PascalName;
+}
 function resolveSetupReference$1(name, context) {
 	const bindings = context.bindingMetadata;
 	if (!bindings || bindings.__isScriptSetup === false) return;
@@ -23324,6 +23371,7 @@ var init__polyfill_node_path = __esmMin((() => {
 }));
 //#endregion
 //#region \0polyfill-node.punycode.js
+/*! https://mths.be/punycode v1.4.1 by @mathias */
 /**
 * A generic error utility function.
 * @private
@@ -24423,13 +24471,15 @@ init_objectSpread2();
 const resourceUrlTagConfig = {
 	video: ["src", "poster"],
 	source: ["src"],
-	img: ["src"],
-	image: ["xlink:href", "href"]
+	img: ["src"]
 };
 const defaultAssetUrlOptions = {
 	base: null,
 	includeAbsolute: false,
-	tags: _objectSpread2(_objectSpread2({}, resourceUrlTagConfig), {}, { use: ["xlink:href", "href"] })
+	tags: _objectSpread2(_objectSpread2({}, resourceUrlTagConfig), {}, {
+		image: ["xlink:href", "href"],
+		use: ["xlink:href", "href"]
+	})
 };
 const normalizeOptions = (options) => {
 	if (Object.keys(options).some((key) => isArray$3(options[key]))) return _objectSpread2(_objectSpread2({}, defaultAssetUrlOptions), {}, { tags: options });
@@ -24467,7 +24517,7 @@ const transformAssetUrl = (node, context, options = defaultAssetUrlOptions) => {
 			if (attr.type !== 6 || !assetAttrs.includes(attr.name) || !attr.value) return;
 			const urlValue = attr.value.content;
 			const isHashOnlyValue = urlValue[0] === "#";
-			if (isExternalUrl(urlValue) || isDataUrl(urlValue) || isHashOnlyValue && !canTransformHashImport(node.tag, attr.name) || !options.includeAbsolute && !isRelativeUrl(urlValue)) return;
+			if (isExternalUrl(urlValue) || isDataUrl(urlValue) || urlValue === "#" || isHashOnlyValue && !canTransformHashImport(node.tag, attr.name) || !options.includeAbsolute && !isRelativeUrl(urlValue)) return;
 			const url = parseUrl(urlValue);
 			if (options.base && urlValue[0] === ".") {
 				const base = parseUrl(options.base);
@@ -24631,6 +24681,90 @@ const transformSrcset = (node, context, options = defaultAssetUrlOptions) => {
 	}
 };
 //#endregion
+//#region packages/compiler-vapor/src/ir/component.ts
+const IRDynamicPropsKind = {
+	"EXPRESSION": 0,
+	"0": "EXPRESSION",
+	"ATTRIBUTE": 1,
+	"1": "ATTRIBUTE"
+};
+const IRSlotType = {
+	"STATIC": 0,
+	"0": "STATIC",
+	"DYNAMIC": 1,
+	"1": "DYNAMIC",
+	"LOOP": 2,
+	"2": "LOOP",
+	"CONDITIONAL": 3,
+	"3": "CONDITIONAL",
+	"EXPRESSION": 4,
+	"4": "EXPRESSION"
+};
+//#endregion
+//#region packages/compiler-vapor/src/ir/index.ts
+const IRNodeTypes = {
+	"ROOT": 0,
+	"0": "ROOT",
+	"BLOCK": 1,
+	"1": "BLOCK",
+	"SET_BLOCK_KEY": 2,
+	"2": "SET_BLOCK_KEY",
+	"SET_PROP": 3,
+	"3": "SET_PROP",
+	"SET_DYNAMIC_PROPS": 4,
+	"4": "SET_DYNAMIC_PROPS",
+	"SET_TEXT": 5,
+	"5": "SET_TEXT",
+	"SET_EVENT": 6,
+	"6": "SET_EVENT",
+	"SET_DYNAMIC_EVENTS": 7,
+	"7": "SET_DYNAMIC_EVENTS",
+	"SET_HTML": 8,
+	"8": "SET_HTML",
+	"SET_TEMPLATE_REF": 9,
+	"9": "SET_TEMPLATE_REF",
+	"INSERT_NODE": 10,
+	"10": "INSERT_NODE",
+	"PREPEND_NODE": 11,
+	"11": "PREPEND_NODE",
+	"CREATE_COMPONENT_NODE": 12,
+	"12": "CREATE_COMPONENT_NODE",
+	"SLOT_OUTLET_NODE": 13,
+	"13": "SLOT_OUTLET_NODE",
+	"DIRECTIVE": 14,
+	"14": "DIRECTIVE",
+	"IF": 15,
+	"15": "IF",
+	"FOR": 16,
+	"16": "FOR",
+	"KEY": 17,
+	"17": "KEY",
+	"GET_TEXT_CHILD": 18,
+	"18": "GET_TEXT_CHILD"
+};
+var TemplateRegistry = class {
+	constructor() {
+		this.entries = [];
+	}
+	keys() {
+		return this.entries.map(({ content }) => content);
+	}
+};
+const DynamicFlag = {
+	"NONE": 0,
+	"0": "NONE",
+	"REFERENCED": 1,
+	"1": "REFERENCED",
+	"NON_TEMPLATE": 2,
+	"2": "NON_TEMPLATE",
+	"INSERT": 4,
+	"4": "INSERT"
+};
+function isBlockOperation(op) {
+	const type = op.type;
+	return type === 12 || type === 13 || type === 15 || type === 17 || type === 16;
+}
+//#endregion
 //#region packages/compiler-vapor/src/transforms/utils.ts
 const newDynamic = () => ({
 	flags: 1,
@@ -24746,6 +24880,7 @@ function isTeleportTag(tag) {
 }
 function isBuiltInComponent(tag) {
 	if (isTeleportTag(tag)) return "VaporTeleport";
+	else if (tag === "Suspense" || tag === "suspense") return "Suspense";
 	else if (isKeepAliveTag(tag)) return "VaporKeepAlive";
 	else if (isTransitionTag(tag)) return "VaporTransition";
 	else if (isTransitionGroupTag(tag)) return "VaporTransitionGroup";
@@ -24767,6 +24902,8 @@ var TransformContext = class TransformContext {
 		this.index = 0;
 		this.block = this.ir.block;
 		this.template = "";
+		this.templateRoot = false;
+		this.templateIndexMap = /* @__PURE__ */ new Map();
 		this.childrenTemplate = [];
 		this.dynamic = this.ir.block.dynamic;
 		this.imports = [];
@@ -24776,9 +24913,12 @@ var TransformContext = class TransformContext {
 		this.component = this.ir.component;
 		this.directive = this.ir.directive;
 		this.slots = [];
+		this.effectIndex = this.block.effect.length;
+		this.operationIndex = this.block.operation.length;
 		this.isLastEffectiveChild = true;
 		this.isOnRightmostPath = true;
-		this.hasInlineAncestorNeedingClose = false;
+		this.templateCloseTags = void 0;
+		this.templateCloseBlocks = false;
 		this.globalId = 0;
 		this.nextIdMap = null;
 		this.ifIndex = 0;
@@ -24793,20 +24933,28 @@ var TransformContext = class TransformContext {
 		this.initNextIdMap();
 	}
 	enterBlock(ir, isVFor = false) {
-		const { block, template, dynamic, childrenTemplate, slots } = this;
+		const { block, template, templateRoot, templateIndexMap, dynamic, childrenTemplate, slots, effectIndex, operationIndex } = this;
 		this.block = ir;
 		this.dynamic = ir.dynamic;
 		this.template = "";
+		this.templateRoot = false;
+		this.templateIndexMap = templateIndexMap;
 		this.childrenTemplate = [];
 		this.slots = [];
+		this.effectIndex = ir.effect.length;
+		this.operationIndex = ir.operation.length;
 		isVFor && this.inVFor++;
 		return () => {
 			this.registerTemplate();
 			this.block = block;
 			this.template = template;
+			this.templateRoot = templateRoot;
+			this.templateIndexMap = templateIndexMap;
 			this.dynamic = dynamic;
 			this.childrenTemplate = childrenTemplate;
 			this.slots = slots;
+			this.effectIndex = effectIndex;
+			this.operationIndex = operationIndex;
 			isVFor && this.inVFor--;
 		};
 	}
@@ -24831,54 +24979,94 @@ var TransformContext = class TransformContext {
 	nextIfIndex() {
 		return this.ifIndex++;
 	}
-	pushTemplate(content) {
-		const existingIndex = this.ir.templateIndexMap.get(content);
+	getTemplateNamespace() {
+		return this.node.type === 1 ? this.node.ns : 0;
+	}
+	canUseStaticTemplate() {
+		if (!this.template) return false;
+		if (this.inVFor) return false;
+		if (this.dynamic.hasDynamicChild) return false;
+		if (this.block.effect.length !== this.effectIndex) return false;
+		if (this.block.operation.length !== this.operationIndex) return false;
+		if (this.node.type === 2 || this.node.type === 3) return true;
+		return this.node.type === 1 && this.node.tagType === 0 && !(this.options.isCustomElement(this.node.tag) || this.node.tag === "template");
+	}
+	pushTemplate(content, { root = false, static: isStatic = false } = {}) {
+		const templateKey = JSON.stringify([
+			this.getTemplateNamespace(),
+			root,
+			isStatic,
+			content
+		]);
+		const existingIndex = this.templateIndexMap.get(templateKey);
 		if (existingIndex !== void 0) return existingIndex;
-		const newIndex = this.ir.template.size;
-		this.ir.template.set(content, this.node.ns);
-		this.ir.templateIndexMap.set(content, newIndex);
+		const ns = this.getTemplateNamespace();
+		const newIndex = this.ir.template.entries.length;
+		this.ir.template.entries.push({
+			content,
+			ns,
+			root,
+			static: isStatic
+		});
+		this.templateIndexMap.set(templateKey, newIndex);
 		return newIndex;
 	}
 	registerTemplate() {
 		if (!this.template) return -1;
-		const id = this.pushTemplate(this.template);
+		const id = this.pushTemplate(this.template, {
+			root: this.templateRoot,
+			static: this.canUseStaticTemplate()
+		});
 		return this.dynamic.template = id;
 	}
-	registerEffect(expressions, operation, getIndex = () => this.block.effect.length) {
+	registerEffect(expressions, operation, getIndex) {
 		const operations = [operation].flat();
 		expressions = expressions.filter((exp) => !isConstantExpression(exp));
 		if (this.inVOnce || expressions.length === 0 || expressions.every((e) => isStaticExpression(e, this.root.options.bindingMetadata))) return this.registerOperation(...operations);
-		this.block.effect.splice(getIndex(), 0, {
+		const index = getIndex ? getIndex() : this.block.effect.length;
+		this.block.effect.splice(index, 0, {
 			expressions,
 			operations
 		});
+		if (getIndex) this.shiftEffectBoundaries(index);
 	}
 	registerOperation(...node) {
 		this.block.operation.push(...node);
 	}
+	effectBoundary() {
+		return {
+			operationIndex: this.operationIndex,
+			effectIndex: this.effectIndex
+		};
+	}
 	create(node, index) {
 		let effectiveParent = this;
 		while (effectiveParent && effectiveParent.node.type === 1 && effectiveParent.node.tagType === 3) effectiveParent = effectiveParent.parent;
 		const isLastEffectiveChild = this.isEffectivelyLastChild(index);
 		const isOnRightmostPath = this.isOnRightmostPath && isLastEffectiveChild;
-		let hasInlineAncestorNeedingClose = this.hasInlineAncestorNeedingClose;
-		if (this.node.type === 1) {
-			if (this.node.tag === "template") hasInlineAncestorNeedingClose = false;
-			else if (!hasInlineAncestorNeedingClose && !this.isOnRightmostPath && isInlineTag(this.node.tag)) hasInlineAncestorNeedingClose = true;
-		}
 		return Object.assign(Object.create(TransformContext.prototype), this, {
 			node,
 			parent: this,
 			index,
 			template: "",
+			templateRoot: false,
 			childrenTemplate: [],
+			templateIndexMap: this.templateIndexMap,
 			dynamic: newDynamic(),
+			effectIndex: this.block.effect.length,
+			operationIndex: this.block.operation.length,
 			effectiveParent,
 			isLastEffectiveChild,
 			isOnRightmostPath,
-			hasInlineAncestorNeedingClose
+			templateCloseTags: this.templateCloseTags,
+			templateCloseBlocks: this.templateCloseBlocks
 		});
 	}
+	shiftEffectBoundaries(index, dynamic = this.dynamic) {
+		const operation = dynamic.operation;
+		if (operation && isBlockOperation(operation) && operation.effectIndex !== void 0 && operation.effectIndex >= index) operation.effectIndex++;
+		for (const child of dynamic.children) this.shiftEffectBoundaries(index, child);
+	}
 	isEffectivelyLastChild(index) {
 		const children = this.node.children;
 		if (!children) return true;
@@ -24913,9 +25101,7 @@ function transform(node, options = {}) {
 		type: 0,
 		node,
 		source: node.source,
-		template: /* @__PURE__ */ new Map(),
-		templateIndexMap: /* @__PURE__ */ new Map(),
-		rootTemplateIndexes: /* @__PURE__ */ new Set(),
+		template: new TemplateRegistry(),
 		component: /* @__PURE__ */ new Set(),
 		directive: /* @__PURE__ */ new Set(),
 		block: newBlock(node),
@@ -25066,6 +25252,9 @@ function genCall(name, ...frags) {
 		hasPlaceholder ? name[1] : "null"
 	], ...frags)];
 }
+function getParserOptions(plugins) {
+	return { plugins: plugins ? plugins.some((plugin) => plugin === "typescript") ? plugins : [...plugins, "typescript"] : ["typescript"] };
+}
 function codeFragmentToString(code, context) {
 	const { options: { filename, sourceMap } } = context;
 	let map;
@@ -25129,82 +25318,6 @@ function codeFragmentToString(code, context) {
 	}
 }
 //#endregion
-//#region packages/compiler-vapor/src/ir/component.ts
-const IRDynamicPropsKind = {
-	"EXPRESSION": 0,
-	"0": "EXPRESSION",
-	"ATTRIBUTE": 1,
-	"1": "ATTRIBUTE"
-};
-const IRSlotType = {
-	"STATIC": 0,
-	"0": "STATIC",
-	"DYNAMIC": 1,
-	"1": "DYNAMIC",
-	"LOOP": 2,
-	"2": "LOOP",
-	"CONDITIONAL": 3,
-	"3": "CONDITIONAL",
-	"EXPRESSION": 4,
-	"4": "EXPRESSION"
-};
-//#endregion
-//#region packages/compiler-vapor/src/ir/index.ts
-const IRNodeTypes = {
-	"ROOT": 0,
-	"0": "ROOT",
-	"BLOCK": 1,
-	"1": "BLOCK",
-	"SET_BLOCK_KEY": 2,
-	"2": "SET_BLOCK_KEY",
-	"SET_PROP": 3,
-	"3": "SET_PROP",
-	"SET_DYNAMIC_PROPS": 4,
-	"4": "SET_DYNAMIC_PROPS",
-	"SET_TEXT": 5,
-	"5": "SET_TEXT",
-	"SET_EVENT": 6,
-	"6": "SET_EVENT",
-	"SET_DYNAMIC_EVENTS": 7,
-	"7": "SET_DYNAMIC_EVENTS",
-	"SET_HTML": 8,
-	"8": "SET_HTML",
-	"SET_TEMPLATE_REF": 9,
-	"9": "SET_TEMPLATE_REF",
-	"INSERT_NODE": 10,
-	"10": "INSERT_NODE",
-	"PREPEND_NODE": 11,
-	"11": "PREPEND_NODE",
-	"CREATE_COMPONENT_NODE": 12,
-	"12": "CREATE_COMPONENT_NODE",
-	"SLOT_OUTLET_NODE": 13,
-	"13": "SLOT_OUTLET_NODE",
-	"DIRECTIVE": 14,
-	"14": "DIRECTIVE",
-	"IF": 15,
-	"15": "IF",
-	"FOR": 16,
-	"16": "FOR",
-	"KEY": 17,
-	"17": "KEY",
-	"GET_TEXT_CHILD": 18,
-	"18": "GET_TEXT_CHILD"
-};
-const DynamicFlag = {
-	"NONE": 0,
-	"0": "NONE",
-	"REFERENCED": 1,
-	"1": "REFERENCED",
-	"NON_TEMPLATE": 2,
-	"2": "NON_TEMPLATE",
-	"INSERT": 4,
-	"4": "INSERT"
-};
-function isBlockOperation(op) {
-	const type = op.type;
-	return type === 12 || type === 13 || type === 15 || type === 17 || type === 16;
-}
-//#endregion
 //#region packages/compiler-vapor/src/generators/dom.ts
 function genInsertNode({ parent, elements, anchor }, { helper }) {
 	let element = elements.map((el) => `n${el}`).join(", ");
@@ -25524,9 +25637,7 @@ function escapeRegExp(string) {
 	return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
 function parseExp(context, content) {
-	const plugins = context.options.expressionPlugins;
-	const options = { plugins: plugins ? [...plugins, "typescript"] : ["typescript"] };
-	return (0, import_lib.parseExpression)(`(${content})`, options);
+	return (0, import_lib.parseExpression)(`(${content})`, getParserOptions(context.options.expressionPlugins));
 }
 function genVarName(exp) {
 	return `${exp.replace(/[^a-zA-Z0-9]/g, "_").replace(/_+/g, "_").replace(/_+$/, "")}`;
@@ -25704,16 +25815,12 @@ function genFor(oper, context) {
 		idMap[rawIndex] = `${indexVar}.value`;
 		idMap[indexVar] = null;
 	}
-	const { selectorPatterns, keyOnlyBindingPatterns } = matchPatterns(render, keyProp, idMap);
+	const { selectorPatterns, keyOnlyBindingPatterns } = matchPatterns(render, keyProp, idMap, context);
 	const selectorDeclarations = [];
-	const selectorSetup = [];
+	const selectorName = (i) => selectorPatterns.length > 1 ? `_selector${id}_${i}` : `_selector${id}`;
 	for (let i = 0; i < selectorPatterns.length; i++) {
 		const { selector } = selectorPatterns[i];
-		const selectorName = `_selector${id}_${i}`;
-		selectorDeclarations.push(`let ${selectorName}`, NEWLINE);
-		if (i === 0) selectorSetup.push(`({ createSelector }) => {`, INDENT_START);
-		selectorSetup.push(NEWLINE, `${selectorName} = `, ...genCall(`createSelector`, [`() => `, ...genExpression(selector, context)]));
-		if (i === selectorPatterns.length - 1) selectorSetup.push(INDENT_END, NEWLINE, "}");
+		selectorDeclarations.push(`const ${selectorName(i)} = `, ...genCall(helper("createSelector"), [`() => `, ...genExpression(selector, context)]), NEWLINE);
 	}
 	const blockFn = context.withId(() => {
 		const frag = [];
@@ -25722,7 +25829,7 @@ function genFor(oper, context) {
 			const patternFrag = [];
 			for (let i = 0; i < selectorPatterns.length; i++) {
 				const { effect } = selectorPatterns[i];
-				patternFrag.push(NEWLINE, `_selector${id}_${i}(() => {`, INDENT_START);
+				patternFrag.push(NEWLINE, `${selectorName(i)}(`, ...genExpression(keyProp, context), `, () => {`, INDENT_START);
 				for (const oper of effect.operations) patternFrag.push(...genOperation(oper, context));
 				patternFrag.push(INDENT_END, NEWLINE, `})`);
 			}
@@ -25738,11 +25845,14 @@ function genFor(oper, context) {
 	if (onlyChild) flags |= 1;
 	if (component) flags |= 2;
 	if (once) flags |= 4;
+	const onResetCalls = [];
+	for (let i = 0; i < selectorPatterns.length; i++) onResetCalls.push(NEWLINE, `n${id}.onReset(${selectorName(i)}.reset)`);
 	return [
 		NEWLINE,
 		...selectorDeclarations,
 		`const n${id} = `,
-		...genCall([helper("createFor"), "undefined"], sourceExpr, blockFn, genCallback(keyProp), flags ? String(flags) : void 0, selectorSetup.length ? selectorSetup : void 0)
+		...genCall([helper("createFor"), "undefined"], sourceExpr, blockFn, genCallback(keyProp), flags ? String(flags) : void 0),
+		...onResetCalls
 	];
 	function genCallback(expr) {
 		if (!expr) return false;
@@ -25828,35 +25938,49 @@ function buildDestructureIdMap(idToPathMap, baseAccessor, plugins) {
 			}
 			if (pathInfo.dynamic) {
 				const node = idMap[id] = createSimpleExpression(path);
-				node.ast = (0, import_lib.parseExpression)(`(${path})`, { plugins: plugins ? [...plugins, "typescript"] : ["typescript"] });
+				node.ast = (0, import_lib.parseExpression)(`(${path})`, getParserOptions(plugins));
 			} else idMap[id] = path;
 		} else idMap[id] = path;
 	});
 	return idMap;
 }
-function matchPatterns(render, keyProp, idMap) {
+function matchPatterns(render, keyProp, idMap, context) {
 	const selectorPatterns = [];
 	const keyOnlyBindingPatterns = [];
-	render.effect = render.effect.filter((effect) => {
+	const removedEffectIndexes = [];
+	render.effect = render.effect.filter((effect, index) => {
 		if (keyProp !== void 0) {
-			const selector = matchSelectorPattern(effect, keyProp.content, idMap);
+			const selector = matchSelectorPattern(effect, keyProp.content, idMap, context);
 			if (selector) {
 				selectorPatterns.push(selector);
+				removedEffectIndexes.push(index);
 				return false;
 			}
 			const keyOnly = matchKeyOnlyBindingPattern(effect, keyProp.content);
 			if (keyOnly) {
 				keyOnlyBindingPatterns.push(keyOnly);
+				removedEffectIndexes.push(index);
 				return false;
 			}
 		}
 		return true;
 	});
+	if (removedEffectIndexes.length) shiftEffectBoundaries(render.dynamic, removedEffectIndexes);
 	return {
 		keyOnlyBindingPatterns,
 		selectorPatterns
 	};
 }
+function shiftEffectBoundaries(dynamic, removedEffectIndexes) {
+	const operation = dynamic.operation;
+	if (operation && isBlockOperation(operation) && operation.effectIndex !== void 0) {
+		let offset = 0;
+		for (const removedIndex of removedEffectIndexes) if (removedIndex < operation.effectIndex) offset++;
+		else break;
+		operation.effectIndex -= offset;
+	}
+	for (const child of dynamic.children) shiftEffectBoundaries(child, removedEffectIndexes);
+}
 function matchKeyOnlyBindingPattern(effect, key) {
 	if (effect.expressions.length === 1) {
 		const { ast, content } = effect.expressions[0];
@@ -25865,7 +25989,7 @@ function matchKeyOnlyBindingPattern(effect, key) {
 		}
 	}
 }
-function matchSelectorPattern(effect, key, idMap) {
+function matchSelectorPattern(effect, key, idMap, context) {
 	if (effect.expressions.length === 1) {
 		const { ast, content } = effect.expressions[0];
 		if (typeof ast === "object" && ast) {
@@ -25890,17 +26014,11 @@ function matchSelectorPattern(effect, key, idMap) {
 				}, false);
 				if (!hasExtraId) {
 					const name = content.slice(selector.start - 1, selector.end - 1);
+					const selectorExpression = createSimpleExpression(name, false, selector.loc);
+					selectorExpression.ast = (0, import_lib.parseExpression)(`(${name})`, getParserOptions(context.options.expressionPlugins));
 					return {
 						effect,
-						selector: {
-							content: name,
-							ast: extend({}, selector, {
-								start: 1,
-								end: name.length + 1
-							}),
-							loc: selector.loc,
-							isStatic: false
-						}
+						selector: selectorExpression
 					};
 				}
 			}
@@ -25962,6 +26080,7 @@ const helpers = {
 	setText: { name: "setText" },
 	setHtml: { name: "setHtml" },
 	setClass: { name: "setClass" },
+	setClassName: { name: "setClassName" },
 	setStyle: { name: "setStyle" },
 	setValue: { name: "setValue" },
 	setAttr: {
@@ -25981,9 +26100,132 @@ function genSetProp(oper, context) {
 	const { helper } = context;
 	const { prop: { key, values, modifier }, tag } = oper;
 	const resolvedHelper = getRuntimeHelper(tag, key.content, modifier);
+	if (key.content === "class" && !resolvedHelper.isSVG && resolvedHelper.name === "setClass") {
+		const className = genSetClassName(oper, context);
+		if (className) return className;
+	}
 	const propValue = genPropValue(values, context);
 	return [NEWLINE, ...genCall([helper(resolvedHelper.name), null], `n${oper.element}`, resolvedHelper.needKey ? genExpression(key, context) : false, propValue, resolvedHelper.isSVG && "true")];
 }
+const MAX_CLASS_NAME_ENTRIES = 31;
+function genSetClassName(oper, context) {
+	const info = resolveClassName(oper.prop.values, context);
+	if (!info) return;
+	const { helper } = context;
+	const flags = genClassFlags(info.entries, context);
+	const classFragments = info.entries.map((entry) => JSON.stringify(!info.prefix && info.entries.length === 1 ? entry.className : ` ${entry.className}`));
+	const fragments = classFragments.length === 1 ? classFragments[0] : genMulti(DELIMITERS_ARRAY, ...classFragments);
+	return [NEWLINE, ...genCall([helper("setClassName"), "\"\""], `n${oper.element}`, flags, fragments, info.prefix && JSON.stringify(info.prefix), info.suffix && JSON.stringify(info.suffix))];
+}
+function resolveClassName(values, context) {
+	let prefix = "";
+	let suffix = "";
+	const entries = [];
+	let sawDynamic = false;
+	let sawSuffix = false;
+	for (const value of values) {
+		const staticValue = getLiteralExpressionValue(value, true);
+		if (staticValue != null) {
+			const normalized = normalizeClass(staticValue);
+			if (normalized) if (sawSuffix) suffix = appendClass(suffix, normalized);
+			else if (sawDynamic) {
+				sawSuffix = true;
+				suffix = appendClass(suffix, normalized);
+			} else prefix = appendClass(prefix, normalized);
+			continue;
+		}
+		const ast = value.ast;
+		if (!ast || sawSuffix) return;
+		sawDynamic = true;
+		if (ast.type === "ObjectExpression") {
+			if (!resolveObjectClassName(value, ast, entries, context)) return;
+		} else if (ast.type === "ConditionalExpression") {
+			if (!resolveConditionalClassName(value, ast, entries, context)) return;
+		} else return;
+	}
+	return entries.length && entries.length <= MAX_CLASS_NAME_ENTRIES ? {
+		prefix,
+		suffix,
+		entries
+	} : void 0;
+}
+function resolveObjectClassName(source, ast, entries, context) {
+	for (const prop of ast.properties) {
+		if (prop.type !== "ObjectProperty" || prop.computed) return false;
+		const rawClassName = getObjectPropertyName(prop);
+		if (rawClassName == null) return false;
+		const className = normalizeClass(rawClassName);
+		if (!className) continue;
+		const value = getBooleanValue(prop.value);
+		entries.push({
+			className,
+			value,
+			condition: value == null ? createSubExpression(source, prop.value, context) : void 0
+		});
+	}
+	return true;
+}
+function resolveConditionalClassName(source, ast, entries, context) {
+	const consequent = getStringClassValue(ast.consequent);
+	const alternate = getStringClassValue(ast.alternate);
+	if (consequent && alternate === "") {
+		entries.push({
+			className: consequent,
+			condition: createSubExpression(source, ast.test, context)
+		});
+		return true;
+	} else if (alternate && consequent === "") {
+		entries.push({
+			className: alternate,
+			condition: createSubExpression(source, ast.test, context),
+			negate: true
+		});
+		return true;
+	}
+	return false;
+}
+function genClassFlags(entries, context) {
+	const values = [];
+	entries.forEach((entry, index) => {
+		if (index) values.push(" | ");
+		const bit = 1 << index;
+		if (entry.value != null) {
+			values.push(entry.value ? String(bit) : "0");
+			return;
+		}
+		values.push("(", ...genExpression(entry.condition, context), entry.negate ? ` ? 0 : ${bit}` : ` ? ${bit} : 0`, ")");
+	});
+	return values;
+}
+function appendClass(base, value) {
+	return base ? value ? `${base} ${value}` : base : value;
+}
+function getObjectPropertyName(prop) {
+	const key = prop.key;
+	if (key.type === "Identifier") return key.name;
+	else if (key.type === "StringLiteral") return key.value;
+	else if (key.type === "NumericLiteral") return String(key.value);
+}
+function getStringClassValue(node) {
+	if (node.type === "StringLiteral") return normalizeClass(node.value);
+	else if (node.type === "TemplateLiteral" && node.expressions.length === 0) return normalizeClass(node.quasis[0].value.cooked || "");
+	else if (node.type === "NullLiteral" || node.type === "BooleanLiteral" && !node.value) return "";
+}
+function getBooleanValue(node) {
+	if (node.type === "BooleanLiteral") return node.value;
+}
+function createSubExpression(source, node, context) {
+	const start = node.start == null ? 0 : node.start - 1;
+	const end = node.end == null ? source.content.length : node.end - 1;
+	const content = source.content.slice(start, end);
+	const expression = createSimpleExpression(content, false, {
+		start: advancePositionWithClone(source.loc.start, source.content, start),
+		end: advancePositionWithClone(source.loc.start, source.content, end),
+		source: content
+	});
+	expression.ast = isSimpleIdentifier(content) ? null : (0, import_lib.parseExpression)(`(${content})`, getParserOptions(context.options.expressionPlugins));
+	return expression;
+}
 function genDynamicProps$1(oper, context) {
 	const { helper } = context;
 	const isSVG = isSVGTag(oper.tag);
@@ -26172,11 +26414,11 @@ function genCreateComponent(operation, context) {
 			];
 		}, []),
 		`const n${operation.id} = `,
-		...genCall(operation.dynamic && !operation.dynamic.isStatic ? helper("createDynamicComponent") : operation.isCustomElement ? helper("createPlainElement") : operation.asset ? helper("createComponentWithFallback") : helper("createComponent"), tag, rawProps, rawSlots, root ? "true" : false, once && "true"),
+		...genCall(operation.dynamic && !operation.dynamic.isStatic ? helper("createDynamicComponent") : operation.useCreateElement ? helper("createPlainElement") : operation.asset ? helper("createComponentWithFallback") : helper("createComponent"), tag, rawProps, rawSlots, root ? "true" : false, once && "true"),
 		...genDirectivesForElement(operation.id, context)
 	];
 	function genTag() {
-		if (operation.isCustomElement) return JSON.stringify(operation.tag);
+		if (operation.useCreateElement) return JSON.stringify(operation.tag);
 		else if (operation.dynamic) if (operation.dynamic.isStatic) return genCall(helper("resolveDynamicComponent"), genExpression(operation.dynamic, context));
 		else return [
 			"() => (",
@@ -26393,11 +26635,23 @@ function genDynamicSlot(slot, context, withFunction = false) {
 			frag = genConditionalSlot(slot, context);
 			break;
 	}
-	return withFunction ? [
+	if (!withFunction) return frag;
+	return needsDynamicSlotSourceCtx(slot) ? [
+		`${context.helper("withVaporCtx")}(() => (`,
+		...frag,
+		"))"
+	] : [
 		"() => (",
 		...frag,
 		")"
-	] : frag;
+	];
+}
+function needsDynamicSlotSourceCtx(slot) {
+	switch (slot.slotType) {
+		case 1: return needsVaporCtx(slot.fn);
+		case 2: return needsVaporCtx(slot.fn);
+		case 3: return needsDynamicSlotSourceCtx(slot.positive) || (slot.negative ? needsDynamicSlotSourceCtx(slot.negative) : false);
+	}
 }
 function genBasicDynamicSlot(slot, context) {
 	const { name, fn } = slot;
@@ -26612,21 +26866,24 @@ function genEffect({ operations }, context) {
 	return frag;
 }
 function genInsertionState(operation, context) {
-	const { parent, anchor, logicalIndex, append, last } = operation;
-	return [NEWLINE, ...genCall(context.helper("setInsertionState"), `n${parent}`, anchor == null ? void 0 : anchor === -1 ? `0` : append ? "null" : `n${anchor}`, logicalIndex !== void 0 ? String(logicalIndex) : void 0, last && "true")];
+	const { parent, anchor, logicalIndex, append } = operation;
+	return [NEWLINE, ...genCall(context.helper("setInsertionState"), `n${parent}`, anchor == null ? void 0 : anchor === -1 ? `0` : append ? "null" : `n${anchor}`, logicalIndex !== void 0 ? String(logicalIndex) : void 0)];
 }
 //#endregion
 //#region packages/compiler-vapor/src/generators/template.ts
-function genTemplates(templates, rootIndexes, context) {
+function genTemplates(templates, context) {
 	const result = [];
-	let i = 0;
-	templates.forEach((ns, template) => {
-		result.push(`const ${context.tName(i)} = ${context.helper("template")}(${JSON.stringify(template).replace(IMPORT_EXPR_RE, `" + $1 + "`)}${rootIndexes.has(i) ? ", true" : ns ? ", false" : ""}${ns ? `, ${ns}` : ""})\n`);
-		i++;
+	templates.forEach(({ content, ns, root, static: isStatic }, i) => {
+		let args = JSON.stringify(content).replace(IMPORT_EXPR_RE, `" + $1 + "`);
+		if (root) args += ", true";
+		else if (isStatic || ns) args += ", false";
+		if (isStatic || ns) args += `, ${isStatic ? "true" : "false"}`;
+		if (ns) args += `, ${ns}`;
+		result.push(`const ${context.tName(i)} = ${context.helper("template")}(${args})\n`);
 	});
 	return result.join("");
 }
-function genSelf(dynamic, context) {
+function genSelf(dynamic, context, flushBeforeDynamic) {
 	const [frag, push] = buildCodeFragment();
 	const { id, template, operation, hasDynamicChild } = dynamic;
 	if (id !== void 0 && template !== void 0) {
@@ -26634,10 +26891,10 @@ function genSelf(dynamic, context) {
 		push(...genDirectivesForElement(id, context));
 	}
 	if (operation) push(...genOperationWithInsertionState(operation, context));
-	if (hasDynamicChild) push(...genChildren(dynamic, context, push, `n${id}`));
+	if (hasDynamicChild) push(...genChildren(dynamic, context, push, `n${id}`, flushBeforeDynamic));
 	return frag;
 }
-function genChildren(dynamic, context, pushBlock, from = `n${dynamic.id}`) {
+function genChildren(dynamic, context, pushBlock, from = `n${dynamic.id}`, flushBeforeDynamic) {
 	const { helper } = context;
 	const [frag, push] = buildCodeFragment();
 	const { children } = dynamic;
@@ -26646,12 +26903,14 @@ function genChildren(dynamic, context, pushBlock, from = `n${dynamic.id}`) {
 	for (const [index, child] of children.entries()) {
 		if (child.flags & 2) offset--;
 		if (child.flags & 4 && child.template != null) {
-			push(...genSelf(child, context));
+			flushBeforeDynamic && flushBeforeDynamic(child, push);
+			push(...genSelf(child, context, flushBeforeDynamic));
 			continue;
 		}
 		const id = child.flags & 1 ? child.flags & 4 ? child.anchor : child.id : void 0;
 		if (id === void 0 && !child.hasDynamicChild) {
-			push(...genSelf(child, context));
+			flushBeforeDynamic && flushBeforeDynamic(child, push);
+			push(...genSelf(child, context, flushBeforeDynamic));
 			continue;
 		}
 		const elementIndex = index + offset;
@@ -26667,10 +26926,13 @@ function genChildren(dynamic, context, pushBlock, from = `n${dynamic.id}`) {
 			else if (elementIndex > 1) init = genCall(helper("nthChild"), from, String(elementIndex), logicalIndex);
 			pushBlock(...init);
 		}
-		if (id === child.anchor && !child.hasDynamicChild) push(...genSelf(child, context));
+		if (id === child.anchor && !child.hasDynamicChild) {
+			flushBeforeDynamic && flushBeforeDynamic(child, push);
+			push(...genSelf(child, context, flushBeforeDynamic));
+		}
 		if (id !== void 0) push(...genDirectivesForElement(id, context));
 		prev = [variable, elementIndex];
-		push(...genChildren(child, context, pushBlock, variable));
+		push(...genChildren(child, context, pushBlock, variable, flushBeforeDynamic));
 	}
 	return frag;
 }
@@ -26701,10 +26963,30 @@ function genBlockContent(block, context, root, genEffectsExtraFrag) {
 		}
 		genResolveAssets("directive", "resolveDirective");
 	}
-	for (const child of dynamic.children) push(...genSelf(child, context));
-	for (const child of dynamic.children) if (!child.hasDynamicChild) push(...genChildren(child, context, push, `n${child.id}`));
-	push(...genOperations(operation, context));
-	push(...genEffects(effect, context, genEffectsExtraFrag));
+	let operationIndex = 0;
+	let effectIndex = 0;
+	const flushPendingOperations = (operationEnd, effectEnd, push) => {
+		while (operationIndex < operationEnd) {
+			push(...genOperationWithInsertionState(operation[operationIndex], context));
+			operationIndex++;
+		}
+		if (effectIndex < effectEnd) {
+			push(...genEffects(effect.slice(effectIndex, effectEnd), context));
+			effectIndex = effectEnd;
+		}
+	};
+	const flushBeforeDynamic = (dynamic, push) => {
+		const operation = dynamic.operation;
+		if (operation && isBlockOperation(operation) && operation.operationIndex !== void 0 && operation.effectIndex !== void 0) flushPendingOperations(operation.operationIndex, operation.effectIndex, push);
+	};
+	for (const child of dynamic.children) {
+		flushBeforeDynamic(child, push);
+		push(...genSelf(child, context, flushBeforeDynamic));
+	}
+	for (const child of dynamic.children) if (!child.hasDynamicChild) push(...genChildren(child, context, push, `n${child.id}`, flushBeforeDynamic));
+	if (operationIndex < operation.length) push(...genOperations(operation.slice(operationIndex), context));
+	if (effectIndex < effect.length) push(...genEffects(effect.slice(effectIndex), context, genEffectsExtraFrag));
+	else if (genEffectsExtraFrag) push(...genEffects([], context, genEffectsExtraFrag));
 	push(NEWLINE, `return `);
 	const returnNodes = returns.map((n) => `n${n}`);
 	push(...returnNodes.length > 1 ? genMulti(DELIMITERS_ARRAY, ...returnNodes) : [returnNodes[0] || "null"]);
@@ -26790,7 +27072,7 @@ var CodegenContext = class {
 		this.nextIdMap = /* @__PURE__ */ new Map();
 		this.lastIdMap = /* @__PURE__ */ new Map();
 		this.lastTIndex = -1;
-		this.options = extend({
+		const defaultOptions = {
 			mode: "module",
 			prefixIdentifiers: true,
 			sourceMap: false,
@@ -26805,7 +27087,8 @@ var CodegenContext = class {
 			inline: false,
 			bindingMetadata: {},
 			expressionPlugins: []
-		}, options);
+		};
+		this.options = extend(defaultOptions, options);
 		this.block = ir.block;
 		this.bindingNames = new Set(this.options.bindingMetadata ? Object.keys(this.options.bindingMetadata) : []);
 		this.initNextIdMap();
@@ -26826,7 +27109,7 @@ function generate(ir, options = {}) {
 	push(INDENT_END, NEWLINE);
 	if (!inline) push("}");
 	const delegates = genDelegates(context);
-	const templates = genTemplates(ir.template, ir.rootTemplateIndexes, context);
+	const templates = genTemplates(ir.template.entries, context);
 	const preamble = genHelperImports(context) + genAssetImports(context) + templates + delegates;
 	const newlineCount = [...preamble].filter((c) => c === "\n").length;
 	if (newlineCount && !inline) frag.unshift(...new Array(newlineCount).fill(LF));
@@ -26858,79 +27141,6 @@ function genAssetImports({ ir }) {
 	return imports;
 }
 //#endregion
-//#region packages/compiler-vapor/src/transforms/transformChildren.ts
-const transformChildren = (node, context) => {
-	const isFragment = node.type === 0 || node.type === 1 && (node.tagType === 3 || node.tagType === 1);
-	if (!isFragment && node.type !== 1) return;
-	for (const [i, child] of node.children.entries()) {
-		const childContext = context.create(child, i);
-		transformNode(childContext);
-		const childDynamic = childContext.dynamic;
-		if (isFragment) {
-			childContext.reference();
-			childContext.registerTemplate();
-			if (!(childDynamic.flags & 2) || childDynamic.flags & 4) context.block.returns.push(childContext.dynamic.id);
-		} else context.childrenTemplate.push(childContext.template);
-		if (childDynamic.hasDynamicChild || childDynamic.id !== void 0 || childDynamic.flags & 2 || childDynamic.flags & 4) context.dynamic.hasDynamicChild = true;
-		context.dynamic.children[i] = childDynamic;
-	}
-	if (!isFragment) processDynamicChildren(context);
-};
-function processDynamicChildren(context) {
-	let prevDynamics = [];
-	let staticCount = 0;
-	let dynamicCount = 0;
-	let lastInsertionChild;
-	const children = context.dynamic.children;
-	let logicalIndex = 0;
-	for (const [index, child] of children.entries()) {
-		if (child.flags & 4) {
-			child.logicalIndex = logicalIndex;
-			prevDynamics.push(lastInsertionChild = child);
-			logicalIndex++;
-		}
-		if (!(child.flags & 2)) {
-			child.logicalIndex = logicalIndex;
-			if (prevDynamics.length) {
-				if (staticCount) {
-					context.childrenTemplate[index - prevDynamics.length] = `<!>`;
-					prevDynamics[0].flags -= 2;
-					const anchor = prevDynamics[0].anchor = context.increaseId();
-					registerInsertion(prevDynamics, context, anchor);
-				} else registerInsertion(prevDynamics, context, -1);
-				dynamicCount += prevDynamics.length;
-				prevDynamics = [];
-			}
-			staticCount++;
-			logicalIndex++;
-		}
-	}
-	if (prevDynamics.length) registerInsertion(prevDynamics, context, dynamicCount + staticCount, true);
-	if (lastInsertionChild && lastInsertionChild.operation) lastInsertionChild.operation.last = true;
-}
-function registerInsertion(dynamics, context, anchor, append) {
-	for (const child of dynamics) {
-		const logicalIndex = child.logicalIndex;
-		if (child.template != null) context.registerOperation({
-			type: 10,
-			elements: dynamics.map((child) => child.id),
-			parent: context.reference(),
-			anchor: append ? void 0 : anchor
-		});
-		else if (child.operation && isBlockOperation(child.operation)) {
-			child.operation.parent = context.reference();
-			child.operation.anchor = anchor;
-			child.operation.logicalIndex = logicalIndex;
-			child.operation.append = append;
-		}
-	}
-}
-//#endregion
-//#region packages/compiler-vapor/src/transforms/vOnce.ts
-const transformVOnce = (node, context) => {
-	if (node.type === 1 && findDir$1(node, "once", true)) context.inVOnce = true;
-};
-//#endregion
 //#region packages/compiler-vapor/src/transforms/vBind.ts
 function normalizeBindShorthand(arg, context) {
 	if (arg.type !== 4 || !arg.isStatic) {
@@ -26968,6 +27178,7 @@ const transformVBind = (dir, node, context) => {
 };
 //#endregion
 //#region packages/compiler-vapor/src/transforms/transformElement.ts
+init_objectSpread2();
 const isReservedProp = /* @__PURE__ */ makeMap(",key,ref,ref_for,ref_key,");
 const transformElement = (node, context) => {
 	let effectIndex = context.block.effect.length;
@@ -26980,13 +27191,13 @@ const transformElement = (node, context) => {
 	return function postTransformElement() {
 		({node} = context);
 		if (!(node.type === 1 && (node.tagType === 0 || node.tagType === 1))) return;
-		const isCustomElement = !!context.options.isCustomElement(node.tag);
-		const isComponent = node.tagType === 1 || isCustomElement;
+		const useCreateElement = shouldUseCreateElement(node, context);
+		const isComponent = node.tagType === 1 || useCreateElement;
 		const isDynamicComponent = isComponentTag(node.tag);
 		const staticKey = resolveStaticKey(node, context, isComponent);
 		const propsResult = buildProps(node, context, isComponent, isDynamicComponent, getEffectIndex);
 		const singleRoot = isSingleRoot(context);
-		if (isComponent) transformComponentElement(node, propsResult, staticKey, singleRoot, context, isDynamicComponent, isCustomElement);
+		if (isComponent) transformComponentElement(node, propsResult, staticKey, singleRoot, context, isDynamicComponent, useCreateElement);
 		else transformNativeElement(node, propsResult, staticKey, singleRoot, context, getEffectIndex, context.root === context.effectiveParent || canOmitEndTag(node, context));
 		if (parentSlots) context.slots = parentSlots;
 	};
@@ -26995,11 +27206,35 @@ function canOmitEndTag(node, context) {
 	const { block, parent } = context;
 	if (!parent) return false;
 	if (block !== parent.block) return true;
+	if (context.templateCloseTags && (context.templateCloseTags.has(node.tag) || isAlwaysCloseTag(node.tag) || isFormattingTag(node.tag)) || context.templateCloseBlocks && isBlockTag(node.tag)) return false;
 	if (isAlwaysCloseTag(node.tag) && !context.isOnRightmostPath) return false;
 	if (isFormattingTag(node.tag) || parent.node.type === 1 && node.tag === parent.node.tag) return context.isOnRightmostPath;
-	if (isBlockTag(node.tag) && context.hasInlineAncestorNeedingClose) return false;
 	return context.isLastEffectiveChild;
 }
+function getChildTemplateCloseState(context) {
+	const { node } = context;
+	if (node.type !== 1 || node.tagType !== 0 || shouldUseCreateElement(node, context)) return;
+	const inSameTemplateAsParent = isInSameTemplateAsParent(context);
+	const inheritedTags = inSameTemplateAsParent ? context.templateCloseTags : void 0;
+	const inheritedBlocks = inSameTemplateAsParent && context.templateCloseBlocks;
+	if (context.root === context.effectiveParent || canOmitEndTag(node, context) || isVoidTag(node.tag)) return inheritedTags || inheritedBlocks ? {
+		tags: inheritedTags,
+		blocks: inheritedBlocks
+	} : void 0;
+	const tags = new Set(inheritedTags);
+	tags.add(node.tag);
+	return {
+		tags,
+		blocks: inheritedBlocks || isInlineTag(node.tag)
+	};
+}
+function isInSameTemplateAsParent(context) {
+	const { parent, node, block } = context;
+	if (!parent || block !== parent.block) return false;
+	const parentNode = parent.node;
+	if (parentNode.type !== 1 || parentNode.tagType !== 0) return false;
+	return !shouldUseCreateElement(parentNode, parent) && isValidHTMLNesting(parentNode.tag, node.tag);
+}
 function isSingleRoot(context) {
 	if (context.inVFor) return false;
 	let { parent } = context;
@@ -27010,11 +27245,11 @@ function isSingleRoot(context) {
 	}
 	return context.root === parent;
 }
-function transformComponentElement(node, propsResult, staticKey, singleRoot, context, isDynamicComponent, isCustomElement) {
+function transformComponentElement(node, propsResult, staticKey, singleRoot, context, isDynamicComponent, useCreateElement) {
 	const dynamicComponent = isDynamicComponent ? resolveDynamicComponent(node) : void 0;
 	let { tag } = node;
 	let asset = true;
-	if (!dynamicComponent && !isCustomElement) {
+	if (!dynamicComponent && !useCreateElement) {
 		const fromSetup = resolveSetupReference(tag, context);
 		if (fromSetup) {
 			tag = fromSetup;
@@ -27040,9 +27275,10 @@ function transformComponentElement(node, propsResult, staticKey, singleRoot, con
 	}
 	context.dynamic.flags |= 6;
 	const id = context.reference();
-	context.dynamic.operation = {
+	context.dynamic.operation = _objectSpread2(_objectSpread2({
 		type: 12,
-		id,
+		id
+	}, context.effectBoundary()), {}, {
 		tag,
 		props: propsResult[0] ? propsResult[1] : [propsResult[1]],
 		asset,
@@ -27050,8 +27286,8 @@ function transformComponentElement(node, propsResult, staticKey, singleRoot, con
 		slots: [...context.slots],
 		once: context.inVOnce,
 		dynamic: dynamicComponent,
-		isCustomElement
-	};
+		useCreateElement
+	});
 	if (staticKey) context.registerOperation(createSetBlockKey(id, staticKey));
 	context.slots = [];
 }
@@ -27112,7 +27348,7 @@ function transformNativeElement(node, propsResult, staticKey, singleRoot, contex
 	}
 	template += `>` + context.childrenTemplate.join("");
 	if (!isVoidTag(tag) && !omitEndTag) template += `</${tag}>`;
-	if (singleRoot) context.ir.rootTemplateIndexes.add(context.ir.template.size);
+	context.templateRoot = singleRoot;
 	if (context.parent && context.parent.node.type === 1 && !isValidHTMLNesting(context.parent.node.tag, tag)) {
 		context.reference();
 		context.dynamic.template = context.pushTemplate(template);
@@ -27253,6 +27489,89 @@ function mergePropValues(existing, incoming) {
 function isComponentTag(tag) {
 	return tag === "component" || tag === "Component";
 }
+function shouldUseCreateElement(node, context) {
+	return context.options.isCustomElement(node.tag) || node.tagType === 0 && node.tag === "template";
+}
+//#endregion
+//#region packages/compiler-vapor/src/transforms/transformChildren.ts
+const transformChildren = (node, context) => {
+	const isFragment = node.type === 0 || node.type === 1 && (node.tagType === 3 || node.tagType === 1);
+	if (!isFragment && node.type !== 1) return;
+	const useCreateElement = node.type === 1 && shouldUseCreateElement(node, context);
+	const childTemplateCloseState = !isFragment && !useCreateElement ? getChildTemplateCloseState(context) : void 0;
+	for (const [i, child] of node.children.entries()) {
+		const childContext = context.create(child, i);
+		const isInSameTemplate = childTemplateCloseState && child.type === 1 && child.tagType === 0 && isInSameTemplateAsParent(childContext);
+		childContext.templateCloseTags = isInSameTemplate ? childTemplateCloseState.tags : void 0;
+		childContext.templateCloseBlocks = isInSameTemplate ? childTemplateCloseState.blocks : false;
+		transformNode(childContext);
+		const childDynamic = childContext.dynamic;
+		if (isFragment) {
+			childContext.reference();
+			childContext.registerTemplate();
+			if (!(childDynamic.flags & 2) || childDynamic.flags & 4) context.block.returns.push(childContext.dynamic.id);
+		} else if (useCreateElement) {
+			if (childContext.template !== "" || childDynamic.template != null || childDynamic.id !== void 0 || childDynamic.operation !== void 0 || childDynamic.hasDynamicChild === true) {
+				childContext.reference();
+				childContext.registerTemplate();
+				childDynamic.flags |= 6;
+			}
+		} else context.childrenTemplate.push(childContext.template);
+		if (childDynamic.hasDynamicChild || childDynamic.id !== void 0 || childDynamic.flags & 2 || childDynamic.flags & 4) context.dynamic.hasDynamicChild = true;
+		context.dynamic.children[i] = childDynamic;
+	}
+	if (!isFragment) processDynamicChildren(context);
+};
+function processDynamicChildren(context) {
+	let prevDynamics = [];
+	let staticCount = 0;
+	const children = context.dynamic.children;
+	let logicalIndex = 0;
+	for (const [index, child] of children.entries()) {
+		if (child.flags & 4) {
+			child.logicalIndex = logicalIndex;
+			prevDynamics.push(child);
+			logicalIndex++;
+		}
+		if (!(child.flags & 2)) {
+			child.logicalIndex = logicalIndex;
+			if (prevDynamics.length) {
+				if (staticCount) {
+					context.childrenTemplate[index - prevDynamics.length] = `<!>`;
+					prevDynamics[0].flags -= 2;
+					const anchor = prevDynamics[0].anchor = context.increaseId();
+					registerInsertion(prevDynamics, context, anchor);
+				} else registerInsertion(prevDynamics, context, -1);
+				prevDynamics = [];
+			}
+			staticCount++;
+			logicalIndex++;
+		}
+	}
+	if (prevDynamics.length) registerInsertion(prevDynamics, context, prevDynamics[0].logicalIndex, true);
+}
+function registerInsertion(dynamics, context, anchor, append) {
+	for (const child of dynamics) {
+		const logicalIndex = child.logicalIndex;
+		if (child.template != null) context.registerOperation({
+			type: 10,
+			elements: dynamics.map((child) => child.id),
+			parent: context.reference(),
+			anchor: append ? void 0 : anchor
+		});
+		else if (child.operation && isBlockOperation(child.operation)) {
+			child.operation.parent = context.reference();
+			child.operation.anchor = anchor;
+			child.operation.logicalIndex = logicalIndex;
+			child.operation.append = append;
+		}
+	}
+}
+//#endregion
+//#region packages/compiler-vapor/src/transforms/vOnce.ts
+const transformVOnce = (node, context) => {
+	if (node.type === 1 && findDir$1(node, "once", true)) context.inVOnce = true;
+};
 //#endregion
 //#region packages/compiler-vapor/src/transforms/vHtml.ts
 const transformVHtml = (dir, node, context) => {
@@ -27273,6 +27592,141 @@ const transformVHtml = (dir, node, context) => {
 	});
 };
 //#endregion
+//#region packages/compiler-vapor/src/transforms/transformText.ts
+const seen = /* @__PURE__ */ new WeakMap();
+function markNonTemplate(node, context) {
+	let seenNodes = seen.get(context.root);
+	if (!seenNodes) {
+		seenNodes = /* @__PURE__ */ new WeakSet();
+		seen.set(context.root, seenNodes);
+	}
+	seenNodes.add(node);
+}
+const transformText = (node, context) => {
+	if (!seen.has(context.root)) seen.set(context.root, /* @__PURE__ */ new WeakSet());
+	if (seen.get(context.root).has(node)) {
+		context.dynamic.flags |= 2;
+		return;
+	}
+	const isFragment = node.type === 0 || node.type === 1 && (node.tagType === 3 || node.tagType === 1);
+	if ((isFragment || node.type === 1 && node.tagType === 0) && node.children.length) {
+		let hasInterp = false;
+		let isAllTextLike = true;
+		for (const c of node.children) if (c.type === 5) hasInterp = true;
+		else if (c.type !== 2) isAllTextLike = false;
+		if (!isFragment && isAllTextLike && hasInterp) {
+			const elementContext = context;
+			if (shouldUseCreateElement(node, elementContext)) processCreateElementTextContainer(node.children, elementContext);
+			else processTextContainer(node.children, elementContext);
+		} else if (hasInterp) for (let i = 0; i < node.children.length; i++) {
+			const c = node.children[i];
+			const prev = node.children[i - 1];
+			if (c.type === 5 && prev && prev.type === 2) markNonTemplate(prev, context);
+		}
+	} else if (node.type === 5) processInterpolation(context);
+	else if (node.type === 2) {
+		var _context$parent;
+		const parent = (_context$parent = context.parent) === null || _context$parent === void 0 ? void 0 : _context$parent.node;
+		if (parent && parent.type === 1 && shouldUseCreateElement(parent, context.parent) && node.content[0] === "<") {
+			materializeLiteralTextNode(createSimpleExpression(node.content, true, node.loc), context);
+			return;
+		}
+		const isRootText = !parent || parent.type === 0 || parent.type === 1 && (parent.tagType === 3 || parent.tagType === 1);
+		context.template += isRootText ? node.content : escapeHtml(node.content);
+	}
+};
+function processInterpolation(context) {
+	const parentNode = context.parent.node;
+	const children = parentNode.children;
+	const nexts = children.slice(context.index);
+	const idx = nexts.findIndex((n) => !isTextLike(n));
+	const nodes = idx > -1 ? nexts.slice(0, idx) : nexts;
+	const prev = children[context.index - 1];
+	if (prev && prev.type === 2) nodes.unshift(prev);
+	const values = processTextLikeChildren(nodes, context);
+	if (values.length === 0 && parentNode.type !== 0) return;
+	const literalValues = values.map((v) => getLiteralExpressionValue(v));
+	if (literalValues.every((v) => v != null) && parentNode.type !== 0) {
+		const text = literalValues.join("");
+		if (parentNode.type === 1 && shouldUseCreateElement(parentNode, context.parent) && text[0] === "<") {
+			materializeLiteralTextNode(createSimpleExpression(text, true, context.node.loc), context);
+			return;
+		}
+		const isElementChild = parentNode.type === 1 && parentNode.tagType === 0;
+		context.template += isElementChild ? escapeHtml(text) : text;
+		return;
+	}
+	context.template += " ";
+	const id = context.reference();
+	if (values.length === 0) return;
+	context.registerEffect(values, {
+		type: 5,
+		element: id,
+		values
+	});
+}
+function processTextContainer(children, context) {
+	const values = processTextLikeChildren(children, context);
+	const literals = values.map((value) => getLiteralExpressionValue(value));
+	if (literals.every((l) => l != null)) context.childrenTemplate = literals.map((l) => escapeHtml(String(l)));
+	else {
+		context.childrenTemplate = [" "];
+		context.registerOperation({
+			type: 18,
+			parent: context.reference()
+		});
+		context.registerEffect(values, {
+			type: 5,
+			element: context.reference(),
+			values,
+			generated: true
+		});
+	}
+}
+function registerSyntheticTextChild(context, template, values) {
+	const id = context.increaseId();
+	context.dynamic.children[context.node.children.length] = {
+		id,
+		flags: 6,
+		children: [],
+		template: context.pushTemplate(template)
+	};
+	context.dynamic.hasDynamicChild = true;
+	if (values && values.length) context.registerEffect(values, {
+		type: 5,
+		element: id,
+		values
+	});
+	return id;
+}
+function processCreateElementTextContainer(children, context) {
+	registerSyntheticTextChild(context, "", processTextLikeChildren(children, context));
+}
+function materializeLiteralTextNode(value, context) {
+	const id = context.reference();
+	context.dynamic.flags |= 6;
+	context.dynamic.template = context.pushTemplate("");
+	context.registerEffect([value], {
+		type: 5,
+		element: id,
+		values: [value]
+	});
+}
+function processTextLikeChildren(nodes, context) {
+	const exps = [];
+	for (const node of nodes) {
+		let exp;
+		markNonTemplate(node, context);
+		if (node.type === 2) exp = createSimpleExpression(node.content, true, node.loc);
+		else exp = node.content;
+		if (exp.content) exps.push(exp);
+	}
+	return exps;
+}
+function isTextLike(node) {
+	return node.type === 5 || node.type === 2;
+}
+//#endregion
 //#region packages/compiler-vapor/src/transforms/vText.ts
 const transformVText = (dir, node, context) => {
 	let { exp, loc } = dir;
@@ -27283,22 +27737,41 @@ const transformVText = (dir, node, context) => {
 	if (node.children.length) {
 		context.options.onError(createDOMCompilerError(57, loc));
 		context.childrenTemplate.length = 0;
+		for (const child of node.children) markNonTemplate(child, context);
 	}
 	if (isVoidTag(context.node.tag)) return;
 	const literal = getLiteralExpressionValue(exp);
-	if (literal != null) context.childrenTemplate = [String(literal)];
-	else {
-		context.childrenTemplate = [" "];
-		const isComponent = node.tagType === 1;
-		if (!isComponent) context.registerOperation({
-			type: 18,
+	const useCreateElement = shouldUseCreateElement(context.node, context);
+	if (literal != null) if (useCreateElement) {
+		const id = registerSyntheticTextChild(context, "", [exp]);
+		context.registerOperation({
+			type: 10,
+			elements: [id],
 			parent: context.reference()
 		});
+	} else context.childrenTemplate = [String(literal)];
+	else {
+		const isComponent = node.tagType === 1;
+		let id;
+		if (useCreateElement) {
+			id = registerSyntheticTextChild(context, "");
+			context.registerOperation({
+				type: 10,
+				elements: [id],
+				parent: context.reference()
+			});
+		} else if (!isComponent) {
+			context.childrenTemplate = [" "];
+			context.registerOperation({
+				type: 18,
+				parent: context.reference()
+			});
+		}
 		context.registerEffect([exp], {
 			type: 5,
-			element: context.reference(),
+			element: useCreateElement ? id : context.reference(),
 			values: [exp],
-			generated: true,
+			generated: !useCreateElement,
 			isComponent
 		});
 	}
@@ -27312,6 +27785,7 @@ const transformVOn = (dir, node, context) => {
 	const isSlotOutlet = node.tag === "slot";
 	if (!exp && !modifiers.length) context.options.onError(createCompilerError(35, loc));
 	arg = resolveExpression(arg);
+	if (arg.isStatic && arg.content.startsWith("vue:")) arg = extend({}, arg, { content: `vnode-${arg.content.slice(4)}` });
 	const { keyModifiers, nonKeyModifiers, eventOptionModifiers } = resolveModifiers(arg.isStatic ? `on${arg.content}` : arg, modifiers, null, loc);
 	let keyOverride;
 	const isStaticClick = arg.isStatic && arg.content.toLowerCase() === "click";
@@ -27411,96 +27885,6 @@ const transformTemplateRef = (node, context) => {
 	};
 };
 //#endregion
-//#region packages/compiler-vapor/src/transforms/transformText.ts
-const seen = /* @__PURE__ */ new WeakMap();
-function markNonTemplate(node, context) {
-	seen.get(context.root).add(node);
-}
-const transformText = (node, context) => {
-	if (!seen.has(context.root)) seen.set(context.root, /* @__PURE__ */ new WeakSet());
-	if (seen.get(context.root).has(node)) {
-		context.dynamic.flags |= 2;
-		return;
-	}
-	const isFragment = node.type === 0 || node.type === 1 && (node.tagType === 3 || node.tagType === 1);
-	if ((isFragment || node.type === 1 && node.tagType === 0) && node.children.length) {
-		let hasInterp = false;
-		let isAllTextLike = true;
-		for (const c of node.children) if (c.type === 5) hasInterp = true;
-		else if (c.type !== 2) isAllTextLike = false;
-		if (!isFragment && isAllTextLike && hasInterp) processTextContainer(node.children, context);
-		else if (hasInterp) for (let i = 0; i < node.children.length; i++) {
-			const c = node.children[i];
-			const prev = node.children[i - 1];
-			if (c.type === 5 && prev && prev.type === 2) markNonTemplate(prev, context);
-		}
-	} else if (node.type === 5) processInterpolation(context);
-	else if (node.type === 2) {
-		var _context$parent;
-		const parent = (_context$parent = context.parent) === null || _context$parent === void 0 ? void 0 : _context$parent.node;
-		const isRootText = !parent || parent.type === 0 || parent.type === 1 && (parent.tagType === 3 || parent.tagType === 1);
-		context.template += isRootText ? node.content : escapeHtml(node.content);
-	}
-};
-function processInterpolation(context) {
-	const parentNode = context.parent.node;
-	const children = parentNode.children;
-	const nexts = children.slice(context.index);
-	const idx = nexts.findIndex((n) => !isTextLike(n));
-	const nodes = idx > -1 ? nexts.slice(0, idx) : nexts;
-	const prev = children[context.index - 1];
-	if (prev && prev.type === 2) nodes.unshift(prev);
-	const values = processTextLikeChildren(nodes, context);
-	if (values.length === 0 && parentNode.type !== 0) return;
-	const literalValues = values.map((v) => getLiteralExpressionValue(v));
-	if (literalValues.every((v) => v != null) && parentNode.type !== 0) {
-		const text = literalValues.join("");
-		const isElementChild = parentNode.type === 1 && parentNode.tagType === 0;
-		context.template += isElementChild ? escapeHtml(text) : text;
-		return;
-	}
-	context.template += " ";
-	const id = context.reference();
-	if (values.length === 0) return;
-	context.registerEffect(values, {
-		type: 5,
-		element: id,
-		values
-	});
-}
-function processTextContainer(children, context) {
-	const values = processTextLikeChildren(children, context);
-	const literals = values.map((value) => getLiteralExpressionValue(value));
-	if (literals.every((l) => l != null)) context.childrenTemplate = literals.map((l) => escapeHtml(String(l)));
-	else {
-		context.childrenTemplate = [" "];
-		context.registerOperation({
-			type: 18,
-			parent: context.reference()
-		});
-		context.registerEffect(values, {
-			type: 5,
-			element: context.reference(),
-			values,
-			generated: true
-		});
-	}
-}
-function processTextLikeChildren(nodes, context) {
-	const exps = [];
-	for (const node of nodes) {
-		let exp;
-		markNonTemplate(node, context);
-		if (node.type === 2) exp = createSimpleExpression(node.content, true, node.loc);
-		else exp = node.content;
-		if (exp.content) exps.push(exp);
-	}
-	return exps;
-}
-function isTextLike(node) {
-	return node.type === 5 || node.type === 2;
-}
-//#endregion
 //#region packages/compiler-vapor/src/transforms/vModel.ts
 const transformVModel = (dir, node, context) => {
 	const { exp, arg } = dir;
@@ -27598,6 +27982,7 @@ function getSiblingIf(context, reverse) {
 }
 //#endregion
 //#region packages/compiler-vapor/src/transforms/vIf.ts
+init_objectSpread2();
 const transformVIf = createStructuralDirectiveTransform([
 	"if",
 	"else",
@@ -27617,15 +28002,16 @@ function processIf(node, dir, context) {
 		const [branch, onExit] = createIfBranch(node, context);
 		return () => {
 			onExit();
-			context.dynamic.operation = {
+			context.dynamic.operation = _objectSpread2(_objectSpread2({
 				type: 15,
-				id,
+				id
+			}, context.effectBoundary()), {}, {
 				blockShape: encodeIfBlockShape(branch, forceMultiRoot),
 				condition: dir.exp,
 				positive: branch,
 				index: context.root.nextIfIndex(),
 				once: context.inVOnce || isStaticExpression(dir.exp, context.options.bindingMetadata)
-			};
+			});
 		};
 	} else {
 		const siblingIf = getSiblingIf(context, true);
@@ -27692,6 +28078,7 @@ function shouldForceMultiRoot(context) {
 }
 //#endregion
 //#region packages/compiler-vapor/src/transforms/vFor.ts
+init_objectSpread2();
 const transformVFor = createStructuralDirectiveTransform("for", processFor);
 function processFor(node, dir, context) {
 	if (!dir.exp) {
@@ -27717,9 +28104,10 @@ function processFor(node, dir, context) {
 		exitBlock();
 		const { parent } = context;
 		const isOnlyChild = parent && parent.block.node !== parent.node && parent.node.children.length === 1;
-		context.dynamic.operation = {
+		context.dynamic.operation = _objectSpread2(_objectSpread2({
 			type: 16,
-			id,
+			id
+		}, context.effectBoundary()), {}, {
 			source,
 			value,
 			key,
@@ -27729,7 +28117,7 @@ function processFor(node, dir, context) {
 			once: context.inVOnce || isStaticExpression(source, context.options.bindingMetadata),
 			component: isComponent,
 			onlyChild: !!isOnlyChild
-		};
+		});
 	};
 }
 function isTemplateWithSingleComponent(node) {
@@ -27739,6 +28127,7 @@ function isTemplateWithSingleComponent(node) {
 }
 //#endregion
 //#region packages/compiler-vapor/src/transforms/transformSlotOutlet.ts
+init_objectSpread2();
 const transformSlotOutlet = (node, context) => {
 	if (node.type !== 1 || node.tag !== "slot") return;
 	const id = context.reference();
@@ -27769,15 +28158,16 @@ const transformSlotOutlet = (node, context) => {
 	}
 	return () => {
 		exitBlock && exitBlock();
-		context.dynamic.operation = {
+		context.dynamic.operation = _objectSpread2(_objectSpread2({
 			type: 13,
-			id,
+			id
+		}, context.effectBoundary()), {}, {
 			name: slotName,
 			props: irProps,
 			fallback,
 			noSlotted: !!(context.options.scopeId && !context.options.slotted),
 			once: context.inVOnce
-		};
+		});
 	};
 };
 function createFallback(node, context) {
@@ -27954,6 +28344,7 @@ function hasMultipleChildren(node) {
 }
 //#endregion
 //#region packages/compiler-vapor/src/transforms/transformKey.ts
+init_objectSpread2();
 const transformKey = (node, context) => {
 	if (node.type !== 1 || context.inVOnce || findDir(node, "for")) return;
 	const dir = findProp(node, "key", true, true);
@@ -27968,12 +28359,13 @@ const transformKey = (node, context) => {
 	const exitBlock = context.enterBlock(block);
 	return () => {
 		exitBlock();
-		context.dynamic.operation = {
+		context.dynamic.operation = _objectSpread2(_objectSpread2({
 			type: 17,
-			id,
+			id
+		}, context.effectBoundary()), {}, {
 			value,
 			block
-		};
+		});
 	};
 };
 //#endregion
@@ -28040,6 +28432,7 @@ var src_exports$1 = /* @__PURE__ */ __exportAll({
 	IRDynamicPropsKind: () => IRDynamicPropsKind,
 	IRNodeTypes: () => IRNodeTypes,
 	IRSlotType: () => IRSlotType,
+	TemplateRegistry: () => TemplateRegistry,
 	VaporErrorCodes: () => VaporErrorCodes,
 	VaporErrorMessages: () => VaporErrorMessages,
 	buildCodeFragment: () => buildCodeFragment,
@@ -28605,6 +28998,8 @@ function subTransform(node, options, parentContext) {
 	childContext.ssr = false;
 	childContext.scopes = _objectSpread2({}, parentContext.scopes);
 	childContext.identifiers = _objectSpread2({}, parentContext.identifiers);
+	childContext.identifierScopes = Object.create(null);
+	for (const name in parentContext.identifierScopes) childContext.identifierScopes[name] = parentContext.identifierScopes[name].slice();
 	childContext.imports = parentContext.imports;
 	traverseNode(childRoot, childContext);
 	[
@@ -28999,6 +29394,7 @@ function doCompileTemplate({ filename, id, scoped, slotted, inMap, source, ast:
 		slotted,
 		sourceMap: true
 	}, compilerOptions), {}, {
+		bindingMetadata: vapor && !ssr && compilerOptions.bindingMetadata == null ? {} : compilerOptions.bindingMetadata,
 		hmr: !isProd,
 		nodeTransforms: nodeTransforms.concat(compilerOptions.nodeTransforms || []),
 		filename,
@@ -29131,10 +29527,10 @@ var require_picocolors_browser = /* @__PURE__ */ __commonJSMin(((exports, module
 	module.exports.createColors = create;
 }));
 //#endregion
-//#region (ignored) node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/terminal-highlight
+//#region (ignored) node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/terminal-highlight
 var require_terminal_highlight = /* @__PURE__ */ __commonJSMin((() => {}));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/css-syntax-error.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/css-syntax-error.js
 var require_css_syntax_error = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let pico = require_picocolors_browser();
 	let terminalHighlight = require_terminal_highlight();
@@ -29209,8 +29605,15 @@ var require_css_syntax_error = /* @__PURE__ */ __commonJSMin(((exports, module)
 	CssSyntaxError.default = CssSyntaxError;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/stringifier.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/stringifier.js
 var require_stringifier = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+	const STYLE_TAG = /(<)(\/?style\b)/gi;
+	const COMMENT_OPEN = /(<)(!--)/g;
+	function escapeHTMLInCSS(str) {
+		if (typeof str !== "string") return str;
+		if (!str.includes("<")) return str;
+		return str.replace(STYLE_TAG, "\\3c $2").replace(COMMENT_OPEN, "\\3c $2");
+	}
 	const DEFAULT_RAW = {
 		after: "\n",
 		beforeClose: "\n",
@@ -29233,14 +29636,15 @@ var require_stringifier = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 			this.builder = builder;
 		}
 		atrule(node, semicolon) {
+			let raws = node.raws;
 			let name = "@" + node.name;
 			let params = node.params ? this.rawValue(node, "params") : "";
-			if (typeof node.raws.afterName !== "undefined") name += node.raws.afterName;
+			if (typeof raws.afterName !== "undefined") name += raws.afterName;
 			else if (params) name += " ";
 			if (node.nodes) this.block(node, name + params);
 			else {
-				let end = (node.raws.between || "") + (semicolon ? ";" : "");
-				this.builder(name + params + end, node);
+				let end = (raws.between || "") + (semicolon ? ";" : "");
+				this.builder(escapeHTMLInCSS(name + params + end), node);
 			}
 		}
 		beforeAfter(node, detect) {
@@ -29263,40 +29667,43 @@ var require_stringifier = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 		}
 		block(node, start) {
 			let between = this.raw(node, "between", "beforeOpen");
-			this.builder(start + between + "{", node, "start");
+			this.builder(escapeHTMLInCSS(start + between) + "{", node, "start");
 			let after;
 			if (node.nodes && node.nodes.length) {
 				this.body(node);
 				after = this.raw(node, "after");
 			} else after = this.raw(node, "after", "emptyBody");
-			if (after) this.builder(after);
+			if (after) this.builder(escapeHTMLInCSS(after));
 			this.builder("}", node, "end");
 		}
 		body(node) {
-			let last = node.nodes.length - 1;
+			let nodes = node.nodes;
+			let last = nodes.length - 1;
 			while (last > 0) {
-				if (node.nodes[last].type !== "comment") break;
+				if (nodes[last].type !== "comment") break;
 				last -= 1;
 			}
 			let semicolon = this.raw(node, "semicolon");
-			for (let i = 0; i < node.nodes.length; i++) {
-				let child = node.nodes[i];
+			let isDocument = node.type === "document";
+			for (let i = 0; i < nodes.length; i++) {
+				let child = nodes[i];
 				let before = this.raw(child, "before");
-				if (before) this.builder(before);
+				if (before) this.builder(isDocument ? before : escapeHTMLInCSS(before));
 				this.stringify(child, last !== i || semicolon);
 			}
 		}
 		comment(node) {
 			let left = this.raw(node, "left", "commentLeft");
 			let right = this.raw(node, "right", "commentRight");
-			this.builder("/*" + left + node.text + right + "*/", node);
+			this.builder(escapeHTMLInCSS("/*" + left + node.text + right + "*/"), node);
 		}
 		decl(node, semicolon) {
+			let raws = node.raws;
 			let between = this.raw(node, "between", "colon");
 			let string = node.prop + between + this.rawValue(node, "value");
-			if (node.important) string += node.raws.important || " !important";
+			if (node.important) string += raws.important || " !important";
 			if (semicolon) string += ";";
-			this.builder(string, node);
+			this.builder(escapeHTMLInCSS(string), node);
 		}
 		document(node) {
 			this.body(node);
@@ -29315,8 +29722,8 @@ var require_stringifier = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 			}
 			if (!parent) return DEFAULT_RAW[detect];
 			let root = node.root();
-			if (!root.rawCache) root.rawCache = {};
-			if (typeof root.rawCache[detect] !== "undefined") return root.rawCache[detect];
+			let cache = root.rawCache || (root.rawCache = {});
+			if (typeof cache[detect] !== "undefined") return cache[detect];
 			if (detect === "before" || detect === "after") return this.beforeAfter(node, detect);
 			else {
 				let method = "raw" + capitalize(detect);
@@ -29327,7 +29734,7 @@ var require_stringifier = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 				});
 			}
 			if (typeof value === "undefined") value = DEFAULT_RAW[detect];
-			root.rawCache[detect] = value;
+			cache[detect] = value;
 			return value;
 		}
 		rawBeforeClose(root) {
@@ -29448,11 +29855,15 @@ var require_stringifier = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 		}
 		root(node) {
 			this.body(node);
-			if (node.raws.after) this.builder(node.raws.after);
+			if (node.raws.after) {
+				let after = node.raws.after;
+				let isDocument = node.parent && node.parent.type === "document";
+				this.builder(isDocument ? after : escapeHTMLInCSS(after));
+			}
 		}
 		rule(node) {
 			this.block(node, this.rawValue(node, "selector"));
-			if (node.raws.ownSemicolon) this.builder(node.raws.ownSemicolon, node, "end");
+			if (node.raws.ownSemicolon) this.builder(escapeHTMLInCSS(node.raws.ownSemicolon), node, "end");
 		}
 		stringify(node, semicolon) {
 			/* c8 ignore start */
@@ -29465,7 +29876,7 @@ var require_stringifier = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Stringifier.default = Stringifier;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/stringify.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/stringify.js
 var require_stringify = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Stringifier = require_stringifier();
 	function stringify(node, builder) {
@@ -29475,13 +29886,13 @@ var require_stringify = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	stringify.default = stringify;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/symbols.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/symbols.js
 var require_symbols = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	module.exports.isClean = Symbol("isClean");
 	module.exports.my = Symbol("my");
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/node.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/node.js
 var require_node$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let CssSyntaxError = require_css_syntax_error();
 	let Stringifier = require_stringifier();
@@ -29782,7 +30193,7 @@ var require_node$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Node.default = Node;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/comment.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/comment.js
 var require_comment$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Node = require_node$1();
 	var Comment = class extends Node {
@@ -29795,7 +30206,7 @@ var require_comment$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Comment.default = Comment;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/declaration.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/declaration.js
 var require_declaration = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	init_objectSpread2();
 	let Node = require_node$1();
@@ -29813,7 +30224,7 @@ var require_declaration = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Declaration.default = Declaration;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/container.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/container.js
 var require_container$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Comment = require_comment$1();
 	let Declaration = require_declaration();
@@ -30105,7 +30516,7 @@ var require_container$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 }));
 /* c8 ignore stop */
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/at-rule.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/at-rule.js
 var require_at_rule = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Container = require_container$1();
 	var AtRule = class extends Container {
@@ -30127,7 +30538,7 @@ var require_at_rule = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Container.registerAtRule(AtRule);
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/document.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/document.js
 var require_document = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	init_objectSpread2();
 	let Container = require_container$1();
@@ -30151,7 +30562,7 @@ var require_document = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Document.default = Document;
 }));
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/objectWithoutPropertiesLoose.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/objectWithoutPropertiesLoose.js
 function _objectWithoutPropertiesLoose(r, e) {
 	if (null == r) return {};
 	var t = {};
@@ -30163,7 +30574,7 @@ function _objectWithoutPropertiesLoose(r, e) {
 }
 var init_objectWithoutPropertiesLoose = __esmMin((() => {}));
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/objectWithoutProperties.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/objectWithoutProperties.js
 function _objectWithoutProperties(e, t) {
 	if (null == e) return {};
 	var o, r, i = _objectWithoutPropertiesLoose(e, t);
@@ -30177,7 +30588,7 @@ var init_objectWithoutProperties = __esmMin((() => {
 	init_objectWithoutPropertiesLoose();
 }));
 //#endregion
-//#region node_modules/.pnpm/nanoid@3.3.11/node_modules/nanoid/non-secure/index.cjs
+//#region node_modules/.pnpm/nanoid@3.3.12/node_modules/nanoid/non-secure/index.cjs
 var require_non_secure = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 	let customAlphabet = (alphabet, defaultSize = 21) => {
@@ -30200,10 +30611,10 @@ var require_non_secure = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	};
 }));
 //#endregion
-//#region (ignored) node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib
+//#region (ignored) node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib
 var require_lib = /* @__PURE__ */ __commonJSMin((() => {}));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/previous-map.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/previous-map.js
 var require_previous_map = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	init__polyfill_node_buffer();
 	let { existsSync, readFileSync } = (init__polyfill_node_fs(), __toCommonJS(_polyfill_node_fs_exports));
@@ -30218,6 +30629,7 @@ var require_previous_map = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	var PreviousMap = class {
 		constructor(css, opts) {
 			if (opts.map === false) return;
+			if (opts.unsafeMap) this.unsafeMap = true;
 			this.loadAnnotation(css);
 			this.inline = this.startWith(this.annotation, "data:");
 			let prev = opts.map ? opts.map.prev : void 0;
@@ -30227,7 +30639,7 @@ var require_previous_map = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 			if (text) this.text = text;
 		}
 		consumer() {
-			if (!this.consumerCache) this.consumerCache = new SourceMapConsumer(this.text);
+			if (!this.consumerCache) this.consumerCache = new SourceMapConsumer(this.json || this.text);
 			return this.consumerCache;
 		}
 		decodeInline(text) {
@@ -30255,7 +30667,11 @@ var require_previous_map = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 			let end = css.indexOf("*/", start);
 			if (start > -1 && end > -1) this.annotation = this.getAnnotationURL(css.substring(start, end));
 		}
-		loadFile(path) {
+		loadFile(path, cssFile, trusted) {
+			/* c8 ignore next 5 */
+			if (!trusted && !this.unsafeMap) {
+				if (!/\.map$/i.test(path)) return;
+			}
 			this.root = dirname(path);
 			if (existsSync(path)) {
 				this.mapFile = path;
@@ -30268,7 +30684,7 @@ var require_previous_map = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 			else if (typeof prev === "function") {
 				let prevPath = prev(file);
 				if (prevPath) {
-					let map = this.loadFile(prevPath);
+					let map = this.loadFile(prevPath, file, true);
 					if (!map) throw new Error("Unable to load previous source map: " + prevPath.toString());
 					return map;
 				}
@@ -30280,7 +30696,14 @@ var require_previous_map = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 			else if (this.annotation) {
 				let map = this.annotation;
 				if (file) map = join(dirname(file), map);
-				return this.loadFile(map);
+				let unknown = this.loadFile(map, file, false);
+				if (unknown) try {
+					/* c8 ignore next 4 */
+					this.json = JSON.parse(unknown.replace(/^\)]}'[^\n]*\n/, ""));
+				} catch (_unused) {
+					return;
+				}
+				return unknown;
 			}
 		}
 		startWith(string, start) {
@@ -30295,7 +30718,7 @@ var require_previous_map = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	PreviousMap.default = PreviousMap;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/input.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/input.js
 var require_input = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	init_objectSpread2();
 	let { nanoid } = require_non_secure();
@@ -30488,7 +30911,7 @@ var require_input = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	if (terminalHighlight && terminalHighlight.registerInput) terminalHighlight.registerInput(Input);
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/root.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/root.js
 var require_root$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Container = require_container$1();
 	let LazyResult, Processor;
@@ -30527,7 +30950,7 @@ var require_root$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Container.registerRoot(Root);
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/list.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/list.js
 var require_list = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let list = {
 		comma(string) {
@@ -30576,7 +30999,7 @@ var require_list = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	list.default = list;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/rule.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/rule.js
 var require_rule = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Container = require_container$1();
 	let list = require_list();
@@ -30600,7 +31023,7 @@ var require_rule = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Container.registerRule(Rule);
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/fromJSON.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/fromJSON.js
 var require_fromJSON = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	init_objectWithoutProperties();
 	init_objectSpread2();
@@ -30640,7 +31063,7 @@ var require_fromJSON = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	fromJSON.default = fromJSON;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/map-generator.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/map-generator.js
 var require_map_generator = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	init__polyfill_node_buffer();
 	let { dirname, relative, resolve, sep } = (init__polyfill_node_path(), __toCommonJS(_polyfill_node_path_exports));
@@ -30909,7 +31332,7 @@ var require_map_generator = /* @__PURE__ */ __commonJSMin(((exports, module) =>
 	module.exports = MapGenerator;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/tokenize.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/tokenize.js
 var require_tokenize$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	const SINGLE_QUOTE = "'".charCodeAt(0);
 	const DOUBLE_QUOTE = "\"".charCodeAt(0);
@@ -30943,6 +31366,7 @@ var require_tokenize$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 		let pos = 0;
 		let buffer = [];
 		let returned = [];
+		let lastBadParen = -1;
 		function position() {
 			return pos;
 		}
@@ -31011,15 +31435,22 @@ var require_tokenize$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 							next
 						];
 						pos = next;
-					} else {
+					} else if (pos <= lastBadParen) currentToken = [
+						"(",
+						"(",
+						pos
+					];
+					else {
 						next = css.indexOf(")", pos + 1);
 						content = css.slice(pos, next + 1);
-						if (next === -1 || RE_BAD_BRACKET.test(content)) currentToken = [
-							"(",
-							"(",
-							pos
-						];
-						else {
+						if (next === -1 || RE_BAD_BRACKET.test(content)) {
+							lastBadParen = next === -1 ? length : next;
+							currentToken = [
+								"(",
+								"(",
+								pos
+							];
+						} else {
 							currentToken = [
 								"brackets",
 								content,
@@ -31134,7 +31565,7 @@ var require_tokenize$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	};
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/parser.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/parser.js
 var require_parser$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let AtRule = require_at_rule();
 	let Comment = require_comment$1();
@@ -31587,7 +32018,7 @@ var require_parser$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	module.exports = Parser;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/parse.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/parse.js
 var require_parse = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Container = require_container$1();
 	let Input = require_input();
@@ -31611,7 +32042,7 @@ var require_parse = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Container.registerParse(parse);
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/warning.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/warning.js
 var require_warning = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	var Warning = class {
 		constructor(text, opts = {}) {
@@ -31640,7 +32071,7 @@ var require_warning = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Warning.default = Warning;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/result.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/result.js
 var require_result = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Warning = require_warning();
 	var Result = class {
@@ -31674,7 +32105,7 @@ var require_result = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Result.default = Result;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/warn-once.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/warn-once.js
 var require_warn_once = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let printed = {};
 	module.exports = function warnOnce(message) {
@@ -31684,7 +32115,7 @@ var require_warn_once = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	};
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/lazy-result.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/lazy-result.js
 var require_lazy_result = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	init_objectSpread2();
 	init_asyncToGenerator();
@@ -31970,6 +32401,15 @@ var require_lazy_result = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 			if (opts.syntax) str = opts.syntax.stringify;
 			if (opts.stringifier) str = opts.stringifier;
 			if (str.stringify) str = str.stringify;
+			let rootSource = this.result.root.source;
+			if (opts.map === void 0 && !(rootSource && rootSource.input && rootSource.input.map)) {
+				let result = "";
+				str(this.result.root, (i) => {
+					result += i;
+				});
+				this.result.css = result;
+				return this.result;
+			}
 			let data = new MapGenerator(str, this.result.root, this.result.opts).generate();
 			this.result.css = data[0];
 			this.result.map = data[1];
@@ -32092,7 +32532,7 @@ var require_lazy_result = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Document.registerLazyResult(LazyResult);
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/no-work-result.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/no-work-result.js
 var require_no_work_result = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let MapGenerator = require_map_generator();
 	let parse = require_parse();
@@ -32189,7 +32629,7 @@ var require_no_work_result = /* @__PURE__ */ __commonJSMin(((exports, module) =>
 	NoWorkResult.default = NoWorkResult;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/processor.js
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/processor.js
 var require_processor$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Document = require_document();
 	let LazyResult = require_lazy_result();
@@ -32197,7 +32637,7 @@ var require_processor$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Root = require_root$1();
 	var Processor = class {
 		constructor(plugins = []) {
-			this.version = "8.5.9";
+			this.version = "8.5.14";
 			this.plugins = this.normalize(plugins);
 		}
 		normalize(plugins) {
@@ -32228,7 +32668,7 @@ var require_processor$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Document.registerProcessor(Processor);
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.9/node_modules/postcss/lib/postcss.mjs
+//#region node_modules/.pnpm/postcss@8.5.14/node_modules/postcss/lib/postcss.mjs
 var import_postcss = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports, module) => {
 	init__polyfill_node_process();
 	let AtRule = require_at_rule();
@@ -35405,6 +35845,8 @@ function processRule(id, rule) {
 function rewriteSelector(id, rule, selector, selectorRoot, deep, slotted = false) {
 	let node = null;
 	let shouldInject = !deep;
+	let hasNestedDeep = false;
+	let splitForNestedDeep = false;
 	selector.each((n) => {
 		if (n.type === "combinator" && (n.value === ">>>" || n.value === "/deep/")) {
 			n.value = " ";
@@ -35414,6 +35856,25 @@ function rewriteSelector(id, rule, selector, selectorRoot, deep, slotted = false
 		}
 		if (n.type === "pseudo") {
 			const { value } = n;
+			if (isDeepContainerPseudo(n)) {
+				if (n.nodes.some((selector) => selector.some(isDeepSelector))) {
+					const hasScopeAnchor = !!node;
+					const hasMixedSelectors = n.nodes.some((selector) => !selector.some(isDeepSelector));
+					const hasTrailingNodes = selector.index(n) < selector.length - 1;
+					if (canSplitDeepContainerPseudo(n) && !deep && !hasScopeAnchor && hasMixedSelectors && hasTrailingNodes) {
+						splitSelectorForNestedDeep(id, rule, selector, selectorRoot, n, deep, slotted);
+						splitForNestedDeep = true;
+						return false;
+					}
+					if (value === ":not" && !deep && !hasScopeAnchor && hasMixedSelectors && hasTrailingNodes) return;
+					n.nodes.forEach((selector) => rewriteSelector(id, rule, selector, selectorRoot, deep || hasScopeAnchor, slotted));
+					if (!hasScopeAnchor) {
+						node = n;
+						shouldInject = false;
+					}
+					hasNestedDeep = true;
+				}
+			}
 			if (value === ":deep" || value === "::v-deep") {
 				rule.__deep = true;
 				if (n.nodes.length) {
@@ -35464,8 +35925,9 @@ function rewriteSelector(id, rule, selector, selectorRoot, deep, slotted = false
 			}
 			if (node) return;
 		}
-		if (n.type !== "pseudo" && n.type !== "combinator" || n.type === "pseudo" && (n.value === ":is" || n.value === ":where") && !node) node = n;
+		if (!hasNestedDeep && (n.type !== "pseudo" && n.type !== "combinator" || n.type === "pseudo" && (n.value === ":is" || n.value === ":where") && !node)) node = n;
 	});
+	if (splitForNestedDeep) return;
 	if (rule.nodes.some((node) => node.type === "rule")) {
 		const deep = rule.__deep;
 		if (!deep) {
@@ -35475,7 +35937,7 @@ function rewriteSelector(id, rule, selector, selectorRoot, deep, slotted = false
 		}
 		shouldInject = deep;
 	}
-	if (node) {
+	if (node && !hasNestedDeep) {
 		const { type, value } = node;
 		if (type === "pseudo" && (value === ":is" || value === ":where")) {
 			node.nodes.forEach((value) => rewriteSelector(id, rule, value, selectorRoot, deep, slotted));
@@ -35497,6 +35959,32 @@ function rewriteSelector(id, rule, selector, selectorRoot, deep, slotted = false
 function isSpaceCombinator(node) {
 	return node.type === "combinator" && /^\s+$/.test(node.value);
 }
+function isDeepSelector(node) {
+	var _nodes;
+	if (node.type === "pseudo" && (node.value === ":deep" || node.value === "::v-deep")) return true;
+	return !!((_nodes = node.nodes) === null || _nodes === void 0 ? void 0 : _nodes.some((child) => isDeepSelector(child)));
+}
+function isDeepContainerPseudo(node) {
+	return node.type === "pseudo" && (node.value === ":is" || node.value === ":where" || node.value === ":has" || node.value === ":not");
+}
+function canSplitDeepContainerPseudo(node) {
+	return node.value === ":is" || node.value === ":where" || node.value === ":has";
+}
+function splitSelectorForNestedDeep(id, rule, selector, selectorRoot, pseudo, deep, slotted) {
+	const pseudoIndex = selector.index(pseudo);
+	const selectors = pseudo.nodes.map((branch, index) => {
+		const branchSelector = selector.clone();
+		if (branchSelector.first) branchSelector.first.spaces.before = index === 0 ? selector.first.spaces.before : " ";
+		const branchPseudo = branchSelector.at(pseudoIndex);
+		const branchClone = branch.clone();
+		if (branchClone.first) branchClone.first.spaces.before = "";
+		branchPseudo.removeAll();
+		branchPseudo.append(branchClone);
+		rewriteSelector(id, rule, branchSelector, selectorRoot, deep, slotted);
+		return branchSelector;
+	});
+	selector.replaceWith(...selectors);
+}
 function extractAndWrapNodes(parentNode) {
 	if (!parentNode.nodes) return;
 	const nodes = parentNode.nodes.filter((node) => node.type === "decl" || node.type === "comment");
@@ -39039,13 +39527,22 @@ var TypeScope = class {
 		this.exportedDeclares = Object.create(null);
 	}
 };
+function recordScopeDep(ctx, scope) {
+	if (scope && scope.filename !== ctx.filename) (ctx.deps || (ctx.deps = /* @__PURE__ */ new Set())).add(scope.filename);
+}
+function recordResolvedElementDeps(ctx, { props }) {
+	for (const key in props) recordScopeDep(ctx, props[key]._ownerScope);
+}
 /**
 * Resolve arbitrary type node to a list of type elements that can be then
 * mapped to runtime props or emits.
 */
 function resolveTypeElements(ctx, node, scope, typeParameters) {
 	const canCache = !typeParameters;
-	if (canCache && node._resolvedElements) return node._resolvedElements;
+	if (canCache && node._resolvedElements) {
+		recordResolvedElementDeps(ctx, node._resolvedElements);
+		return node._resolvedElements;
+	}
 	const resolved = innerResolveTypeElements(ctx, node, node._ownerScope || scope || ctxToScope(ctx), typeParameters);
 	return canCache ? node._resolvedElements = resolved : resolved;
 }
@@ -39307,7 +39804,10 @@ function resolveBuiltin(ctx, node, name, scope, typeParameters) {
 }
 function resolveTypeReference(ctx, node, scope, name, onlyExported = false) {
 	const canCache = !(scope === null || scope === void 0 ? void 0 : scope.isGenericScope);
-	if (canCache && node._resolvedReference) return node._resolvedReference;
+	if (canCache && node._resolvedReference) {
+		recordScopeDep(ctx, node._resolvedReference._ownerScope);
+		return node._resolvedReference;
+	}
 	const resolved = innerResolveTypeReference(ctx, scope || ctxToScope(ctx), name || getReferenceName(node), node, onlyExported);
 	return canCache ? node._resolvedReference = resolved : resolved;
 }
@@ -39322,7 +39822,9 @@ function innerResolveTypeReference(ctx, scope, name, node, onlyExported) {
 				const src = node.type === "TSTypeQuery" ? s.declares : s.types;
 				if (src[name]) {
 					(ctx.deps || (ctx.deps = /* @__PURE__ */ new Set())).add(s.filename);
-					return src[name];
+					const resolved = src[name];
+					if (resolved._ownerScope && resolved._ownerScope !== s) ctx.deps.add(resolved._ownerScope.filename);
+					return resolved;
 				}
 			}
 		}
@@ -39387,7 +39889,7 @@ function resolveTypeFromImport(ctx, node, name, scope) {
 	const { source, imported } = scope.imports[name];
 	return resolveTypeReference(ctx, node, importSourceToScope(ctx, node, scope, source), imported, true);
 }
-function importSourceToScope(ctx, node, scope, source) {
+function importSourceToScope(ctx, node, scope, source, trackDep = true) {
 	let fs;
 	try {
 		fs = resolveFS(ctx);
@@ -39400,10 +39902,11 @@ function importSourceToScope(ctx, node, scope, source) {
 		if (source.startsWith("..")) resolved = resolveExt(joinPaths(dirname(scope.filename), source), fs);
 		else if (source[0] === ".") resolved = resolveExt(joinPaths(dirname(scope.filename), source), fs);
 		else return ctx.error(`Type import from non-relative sources is not supported in the browser build.`, node, scope);
+		if (!resolved && source[0] === "." && false);
 		if (resolved) resolved = scope.resolvedImportSources[source] = normalizePath(resolved);
 	}
 	if (resolved) {
-		(ctx.deps || (ctx.deps = /* @__PURE__ */ new Set())).add(resolved);
+		if (trackDep) (ctx.deps || (ctx.deps = /* @__PURE__ */ new Set())).add(resolved);
 		return fileToScope(ctx, resolved);
 	} else return ctx.error(`Failed to resolve import source ${JSON.stringify(source)}.`, node, scope);
 }
@@ -39501,8 +40004,22 @@ function recordTypes(ctx, body, scope, asGlobal = false) {
 	for (const stmt of body) if (asGlobal) {
 		if (isAmbient) {
 			if (stmt.declare) recordType(stmt, types, declares);
-		} else if (stmt.type === "TSModuleDeclaration" && stmt.global) for (const s of stmt.body.body) if (s.type === "ExportNamedDeclaration" && s.declaration) recordType(s.declaration, types, declares);
-		else recordType(s, types, declares);
+		} else if (stmt.type === "TSModuleDeclaration" && stmt.global) for (const s of stmt.body.body) if (s.type === "ExportNamedDeclaration") {
+			if (s.declaration) recordType(s.declaration, types, declares);
+			else if (s.source) {
+				const sourceScope = importSourceToScope(ctx, s.source, scope, s.source.value, false);
+				for (const spec of s.specifiers) if (spec.type === "ExportSpecifier") {
+					const exported = getId(spec.exported);
+					const local = spec.local.name;
+					if (sourceScope.exportedTypes[local]) types[exported] = sourceScope.exportedTypes[local];
+					if (sourceScope.exportedDeclares[local]) declares[exported] = sourceScope.exportedDeclares[local];
+				}
+			}
+		} else if (s.type === "ExportAllDeclaration" && s.source) {
+			const sourceScope = importSourceToScope(ctx, s.source, scope, s.source.value, false);
+			Object.assign(types, sourceScope.exportedTypes);
+			Object.assign(declares, sourceScope.exportedDeclares);
+		} else recordType(s, types, declares);
 	} else recordType(stmt, types, declares);
 	if (!asGlobal) {
 		for (const stmt of body) if (stmt.type === "ExportNamedDeclaration") {
@@ -39539,10 +40056,10 @@ function recordTypes(ctx, body, scope, asGlobal = false) {
 	}
 	for (const key of Object.keys(types)) {
 		const node = types[key];
-		node._ownerScope = scope;
-		if (node._ns) node._ns._ownerScope = scope;
+		if (!node._ownerScope) node._ownerScope = scope;
+		if (node._ns && !node._ns._ownerScope) node._ns._ownerScope = scope;
 	}
-	for (const key of Object.keys(declares)) declares[key]._ownerScope = scope;
+	for (const key of Object.keys(declares)) if (!declares[key]._ownerScope) declares[key]._ownerScope = scope;
 }
 function recordType(node, types, declares, overwriteId) {
 	switch (node.type) {
@@ -39667,7 +40184,10 @@ function inferRuntimeType(ctx, node, scope = node._ownerScope || ctxToScope(ctx)
 				default: return [UNKNOWN_TYPE];
 			}
 			case "TSTypeReference": {
-				const resolved = resolveTypeReference(ctx, node, scope);
+				let resolved;
+				try {
+					resolved = resolveTypeReference(ctx, node, scope);
+				} catch (_unused) {}
 				if (resolved) {
 					if (resolved.type === "TSTypeAliasDeclaration") {
 						if (resolved.typeAnnotation.type === "TSFunctionType") return ["Function"];
@@ -39743,6 +40263,17 @@ function inferRuntimeType(ctx, node, scope = node._ownerScope || ctxToScope(ctx)
 						case "ReadonlyArray": return ["Array"];
 						case "ReadonlyMap": return ["Map"];
 						case "ReadonlySet": return ["Set"];
+						case "Ref":
+						case "ShallowRef":
+						case "ComputedRef":
+						case "WritableComputedRef": return ["Object"];
+						case "MaybeRef":
+						case "MaybeRefOrGetter": {
+							const types = new Set(["Object"]);
+							if (node.typeName.name === "MaybeRefOrGetter") types.add("Function");
+							if (node.typeParameters && node.typeParameters.params[0]) for (const t of inferRuntimeType(ctx, node.typeParameters.params[0], scope, false, typeParameters)) types.add(t);
+							return Array.from(types);
+						}
 						case "NonNullable":
 							if (node.typeParameters && node.typeParameters.params[0]) return inferRuntimeType(ctx, node.typeParameters.params[0], scope).filter((t) => t !== "null");
 							break;
@@ -40782,7 +41313,7 @@ function compileScript(sfc, options) {
 	if (emitsDecl) runtimeOptions += `\n  emits: ${emitsDecl},`;
 	if (vapor && !ssr && sfc.template && !sfc.template.src) {
 		var _options$templateOpti2;
-		runtimeOptions += `\n  __multiRoot: ${isMultiRoot(sfc.template.ast, (_options$templateOpti2 = options.templateOptions) === null || _options$templateOpti2 === void 0 ? void 0 : _options$templateOpti2.compilerOptions)},`;
+		if (isMultiRoot(sfc.template.ast, (_options$templateOpti2 = options.templateOptions) === null || _options$templateOpti2 === void 0 ? void 0 : _options$templateOpti2.compilerOptions)) runtimeOptions += `\n  __multiRoot: true,`;
 	}
 	let definedOptions = "";
 	if (ctx.optionsRuntimeDecl) definedOptions = scriptSetup.content.slice(ctx.optionsRuntimeDecl.start, ctx.optionsRuntimeDecl.end).trim();
@@ -40940,7 +41471,7 @@ function mergeSourceMaps(scriptMap, templateMap, templateLineOffset) {
 //#endregion
 //#region packages/compiler-sfc/src/index.ts
 init_objectSpread2();
-const version = "3.6.0-beta.10";
+const version = "3.6.0-beta.12";
 const parseCache = parseCache$1;
 const errorMessages = _objectSpread2(_objectSpread2({}, errorMessages$1), DOMErrorMessages);
 const walk = walk$2;