@vue/compat 3.6.0-rc.1 → 3.6.0-rc.10

package/dist/vue.runtime.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compat v3.6.0-rc.1
+  * @vue/compat v3.6.0-rc.10
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -23,7 +23,7 @@ var __exportAll = (all, no_symbols) => {
 * \/\*#\_\_PURE\_\_\*\/
 * So that they can be tree-shaken if necessary.
 */
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function makeMap(str) {
 	const map = Object.create(null);
 	for (const key of str.split(",")) map[key] = 1;
@@ -67,9 +67,9 @@ const toRawType = (value) => {
 };
 const isPlainObject = (val) => toTypeString(val) === "[object Object]";
 const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
-const isReservedProp = /* @__PURE__ */ makeMap(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted");
-const isBuiltInTag = /* @__PURE__ */ makeMap("slot,component");
-const isBuiltInDirective = /* @__PURE__ */ makeMap("bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo");
+const isReservedProp = /*@__PURE__*/ makeMap(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted");
+const isBuiltInTag = /*#__PURE__*/ makeMap("slot,component");
+const isBuiltInDirective = /*@__PURE__*/ makeMap("bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo");
 const cacheStringFunction = (fn) => {
 	const cache = Object.create(null);
 	return ((str) => {
@@ -177,7 +177,7 @@ const slotFlagsText = {
 	[2]: "DYNAMIC",
 	[3]: "FORWARDED"
 };
-const isGloballyAllowed = /* @__PURE__ */ makeMap("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console,Error,Symbol");
+const isGloballyAllowed = /*@__PURE__*/ makeMap("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console,Error,Symbol");
 //#endregion
 //#region packages/shared/src/codeframe.ts
 const range = 2;
@@ -231,10 +231,10 @@ function normalizeStyle(value) {
 }
 const listDelimiterRE = /;(?![^(]*\))/g;
 const propertyDelimiterRE = /:([^]+)/;
-const styleCommentRE = /\/\*[^]*?\*\//g;
+const styleCommentRE = /"(?:[^"\\]|\\[^])*"|'(?:[^'\\]|\\[^])*'|\\[^]|\/\*[^]*?\*\//g;
 function parseStringStyle(cssText) {
 	const ret = {};
-	cssText.replace(styleCommentRE, "").split(listDelimiterRE).forEach((item) => {
+	cssText.replace(styleCommentRE, (match) => match.startsWith("/*") ? "" : match).split(listDelimiterRE).forEach((item) => {
 		if (item) {
 			const tmp = item.split(propertyDelimiterRE);
 			tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim());
@@ -284,22 +284,22 @@ const VOID_TAGS = "area,base,br,col,embed,hr,img,input,link,meta,param,source,tr
 * Compiler only.
 * Do NOT use in runtime code paths unless behind `!!(process.env.NODE_ENV !== 'production')` flag.
 */
-const isHTMLTag = /* @__PURE__ */ makeMap(HTML_TAGS);
+const isHTMLTag = /*@__PURE__*/ makeMap(HTML_TAGS);
 /**
 * Compiler only.
 * Do NOT use in runtime code paths unless behind `!!(process.env.NODE_ENV !== 'production')` flag.
 */
-const isSVGTag = /* @__PURE__ */ makeMap(SVG_TAGS);
+const isSVGTag = /*@__PURE__*/ makeMap(SVG_TAGS);
 /**
 * Compiler only.
 * Do NOT use in runtime code paths unless behind `!!(process.env.NODE_ENV !== 'production')` flag.
 */
-const isMathMLTag = /* @__PURE__ */ makeMap(MATH_TAGS);
+const isMathMLTag = /*@__PURE__*/ makeMap(MATH_TAGS);
 /**
 * Compiler only.
 * Do NOT use in runtime code paths unless behind `!!(process.env.NODE_ENV !== 'production')` flag.
 */
-const isVoidTag = /* @__PURE__ */ makeMap(VOID_TAGS);
+const isVoidTag = /*@__PURE__*/ makeMap(VOID_TAGS);
 //#endregion
 //#region packages/shared/src/domAttrConfig.ts
 /**
@@ -314,11 +314,11 @@ const isVoidTag = /* @__PURE__ */ makeMap(VOID_TAGS);
 * - readonly -> readOnly
 */
 const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
-const isSpecialBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs);
+const isSpecialBooleanAttr = /*@__PURE__*/ makeMap(specialBooleanAttrs);
 /**
 * The full list is needed during SSR to produce the correct initial markup.
 */
-const isBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs + ",async,autofocus,autoplay,controls,default,defer,disabled,hidden,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected");
+const isBooleanAttr = /*@__PURE__*/ makeMap(specialBooleanAttrs + ",async,autofocus,autoplay,controls,default,defer,disabled,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected");
 /**
 * Boolean attributes should be included if the value is truthy or ''.
 * e.g. `<select multiple>` compiles to `{ multiple: '' }`
@@ -332,11 +332,11 @@ function includeBooleanAttr(value) {
 * Don't also forget to allow `data-*` and `aria-*`!
 * Generated from https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes
 */
-const isKnownHtmlAttr = /* @__PURE__ */ makeMap("accept,accept-charset,accesskey,action,align,allow,alt,async,autocapitalize,autocomplete,autofocus,autoplay,background,bgcolor,border,buffered,capture,challenge,charset,checked,cite,class,code,codebase,color,cols,colspan,content,contenteditable,contextmenu,controls,coords,crossorigin,csp,data,datetime,decoding,default,defer,dir,dirname,disabled,download,draggable,dropzone,enctype,enterkeyhint,for,form,formaction,formenctype,formmethod,formnovalidate,formtarget,headers,height,hidden,high,href,hreflang,http-equiv,icon,id,importance,inert,integrity,ismap,itemprop,keytype,kind,label,lang,language,loading,list,loop,low,manifest,max,maxlength,minlength,media,min,multiple,muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster,preload,radiogroup,readonly,referrerpolicy,rel,required,reversed,rows,rowspan,sandbox,scope,scoped,selected,shape,size,sizes,slot,span,spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex,target,title,translate,type,usemap,value,width,wrap");
+const isKnownHtmlAttr = /*@__PURE__*/ makeMap("accept,accept-charset,accesskey,action,align,allow,alt,async,autocapitalize,autocomplete,autofocus,autoplay,background,bgcolor,border,buffered,capture,challenge,charset,checked,cite,class,code,codebase,color,cols,colspan,content,contenteditable,contextmenu,controls,coords,crossorigin,csp,data,datetime,decoding,default,defer,dir,dirname,disabled,download,draggable,dropzone,enctype,enterkeyhint,for,form,formaction,formenctype,formmethod,formnovalidate,formtarget,headers,height,hidden,high,href,hreflang,http-equiv,icon,id,importance,inert,integrity,ismap,itemprop,keytype,kind,label,lang,language,loading,list,loop,low,manifest,max,maxlength,minlength,media,min,multiple,muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster,preload,radiogroup,readonly,referrerpolicy,rel,required,reversed,rows,rowspan,sandbox,scope,scoped,selected,shape,size,sizes,slot,span,spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex,target,title,translate,type,usemap,value,width,wrap");
 /**
 * Generated from https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute
 */
-const isKnownSvgAttr = /* @__PURE__ */ makeMap("xmlns,accent-height,accumulate,additive,alignment-baseline,alphabetic,amplitude,arabic-form,ascent,attributeName,attributeType,azimuth,baseFrequency,baseline-shift,baseProfile,bbox,begin,bias,by,calcMode,cap-height,class,clip,clipPathUnits,clip-path,clip-rule,color,color-interpolation,color-interpolation-filters,color-profile,color-rendering,contentScriptType,contentStyleType,crossorigin,cursor,cx,cy,d,decelerate,descent,diffuseConstant,direction,display,divisor,dominant-baseline,dur,dx,dy,edgeMode,elevation,enable-background,end,exponent,fill,fill-opacity,fill-rule,filter,filterRes,filterUnits,flood-color,flood-opacity,font-family,font-size,font-size-adjust,font-stretch,font-style,font-variant,font-weight,format,from,fr,fx,fy,g1,g2,glyph-name,glyph-orientation-horizontal,glyph-orientation-vertical,glyphRef,gradientTransform,gradientUnits,hanging,height,href,hreflang,horiz-adv-x,horiz-origin-x,id,ideographic,image-rendering,in,in2,intercept,k,k1,k2,k3,k4,kernelMatrix,kernelUnitLength,kerning,keyPoints,keySplines,keyTimes,lang,lengthAdjust,letter-spacing,lighting-color,limitingConeAngle,local,marker-end,marker-mid,marker-start,markerHeight,markerUnits,markerWidth,mask,maskContentUnits,maskUnits,mathematical,max,media,method,min,mode,name,numOctaves,offset,opacity,operator,order,orient,orientation,origin,overflow,overline-position,overline-thickness,panose-1,paint-order,path,pathLength,patternContentUnits,patternTransform,patternUnits,ping,pointer-events,points,pointsAtX,pointsAtY,pointsAtZ,preserveAlpha,preserveAspectRatio,primitiveUnits,r,radius,referrerPolicy,refX,refY,rel,rendering-intent,repeatCount,repeatDur,requiredExtensions,requiredFeatures,restart,result,rotate,rx,ry,scale,seed,shape-rendering,slope,spacing,specularConstant,specularExponent,speed,spreadMethod,startOffset,stdDeviation,stemh,stemv,stitchTiles,stop-color,stop-opacity,strikethrough-position,strikethrough-thickness,string,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-opacity,stroke-width,style,surfaceScale,systemLanguage,tabindex,tableValues,target,targetX,targetY,text-anchor,text-decoration,text-rendering,textLength,to,transform,transform-origin,type,u1,u2,underline-position,underline-thickness,unicode,unicode-bidi,unicode-range,units-per-em,v-alphabetic,v-hanging,v-ideographic,v-mathematical,values,vector-effect,version,vert-adv-y,vert-origin-x,vert-origin-y,viewBox,viewTarget,visibility,width,widths,word-spacing,writing-mode,x,x-height,x1,x2,xChannelSelector,xlink:actuate,xlink:arcrole,xlink:href,xlink:role,xlink:show,xlink:title,xlink:type,xmlns:xlink,xml:base,xml:lang,xml:space,y,y1,y2,yChannelSelector,z,zoomAndPan");
+const isKnownSvgAttr = /*@__PURE__*/ makeMap("xmlns,accent-height,accumulate,additive,alignment-baseline,alphabetic,amplitude,arabic-form,ascent,attributeName,attributeType,azimuth,baseFrequency,baseline-shift,baseProfile,bbox,begin,bias,by,calcMode,cap-height,class,clip,clipPathUnits,clip-path,clip-rule,color,color-interpolation,color-interpolation-filters,color-profile,color-rendering,contentScriptType,contentStyleType,crossorigin,cursor,cx,cy,d,decelerate,descent,diffuseConstant,direction,display,divisor,dominant-baseline,dur,dx,dy,edgeMode,elevation,enable-background,end,exponent,fill,fill-opacity,fill-rule,filter,filterRes,filterUnits,flood-color,flood-opacity,font-family,font-size,font-size-adjust,font-stretch,font-style,font-variant,font-weight,format,from,fr,fx,fy,g1,g2,glyph-name,glyph-orientation-horizontal,glyph-orientation-vertical,glyphRef,gradientTransform,gradientUnits,hanging,height,href,hreflang,horiz-adv-x,horiz-origin-x,id,ideographic,image-rendering,in,in2,intercept,k,k1,k2,k3,k4,kernelMatrix,kernelUnitLength,kerning,keyPoints,keySplines,keyTimes,lang,lengthAdjust,letter-spacing,lighting-color,limitingConeAngle,local,marker-end,marker-mid,marker-start,markerHeight,markerUnits,markerWidth,mask,maskContentUnits,maskUnits,mathematical,max,media,method,min,mode,name,numOctaves,offset,opacity,operator,order,orient,orientation,origin,overflow,overline-position,overline-thickness,panose-1,paint-order,path,pathLength,patternContentUnits,patternTransform,patternUnits,ping,pointer-events,points,pointsAtX,pointsAtY,pointsAtZ,preserveAlpha,preserveAspectRatio,primitiveUnits,r,radius,referrerPolicy,refX,refY,rel,rendering-intent,repeatCount,repeatDur,requiredExtensions,requiredFeatures,restart,result,rotate,rx,ry,scale,seed,shape-rendering,slope,spacing,specularConstant,specularExponent,speed,spreadMethod,startOffset,stdDeviation,stemh,stemv,stitchTiles,stop-color,stop-opacity,strikethrough-position,strikethrough-thickness,string,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-opacity,stroke-width,style,surfaceScale,systemLanguage,tabindex,tableValues,target,targetX,targetY,text-anchor,text-decoration,text-rendering,textLength,to,transform,transform-origin,type,u1,u2,underline-position,underline-thickness,unicode,unicode-bidi,unicode-range,units-per-em,v-alphabetic,v-hanging,v-ideographic,v-mathematical,values,vector-effect,version,vert-adv-y,vert-origin-x,vert-origin-y,viewBox,viewTarget,visibility,width,widths,word-spacing,writing-mode,x,x-height,x1,x2,xChannelSelector,xlink:actuate,xlink:arcrole,xlink:href,xlink:role,xlink:show,xlink:title,xlink:type,xmlns:xlink,xml:base,xml:lang,xml:space,y,y1,y2,yChannelSelector,z,zoomAndPan");
 /**
 * Shared between server-renderer and runtime-core hydration logic
 */
@@ -362,13 +362,54 @@ function getEscapedCssVarName(key, doubleEscape) {
 }
 //#endregion
 //#region packages/shared/src/looseEqual.ts
-function looseCompareArrays(a, b) {
+function looseCompareArrays(a, b, seen) {
 	if (a.length !== b.length) return false;
 	let equal = true;
-	for (let i = 0; equal && i < a.length; i++) equal = looseEqual(a[i], b[i]);
+	for (let i = 0; equal && i < a.length; i++) equal = looseEqual(a[i], b[i], seen);
 	return equal;
 }
-function looseEqual(a, b) {
+function looseCompareCollections(a, b, seen) {
+	if (a.size !== b.size) return false;
+	const candidates = Array.from(b);
+	const matched = new Uint8Array(candidates.length);
+	for (const item of a) {
+		let index = -1;
+		for (let i = 0; i < candidates.length; i++) if (!matched[i] && looseEqual(item, candidates[i], seen)) {
+			index = i;
+			break;
+		}
+		if (index < 0) return false;
+		matched[index] = 1;
+	}
+	return true;
+}
+function looseCompareObjects(a, b, seen) {
+	let aValidType = isMap(a);
+	let bValidType = isMap(b);
+	if (aValidType || bValidType) return aValidType && bValidType ? looseCompareCollections(a, b, seen) : false;
+	aValidType = isSet(a);
+	bValidType = isSet(b);
+	if (aValidType || bValidType) return aValidType && bValidType ? looseCompareCollections(a, b, seen) : false;
+	if (Object.keys(a).length !== Object.keys(b).length) return false;
+	for (const key in a) {
+		const aHasKey = a.hasOwnProperty(key);
+		const bHasKey = b.hasOwnProperty(key);
+		if (aHasKey && !bHasKey || !aHasKey && bHasKey || !looseEqual(a[key], b[key], seen)) return false;
+	}
+	return String(a) === String(b);
+}
+function looseCompareNested(a, b, seen, compare) {
+	if (!seen) seen = [/* @__PURE__ */ new Map(), /* @__PURE__ */ new Map()];
+	const [seenA, seenB] = seen;
+	if (seenA.has(a) || seenB.has(b)) return seenA.get(a) === b && seenB.get(b) === a;
+	seenA.set(a, b);
+	seenB.set(b, a);
+	const equal = compare(a, b, seen);
+	seenA.delete(a);
+	seenB.delete(b);
+	return equal;
+}
+function looseEqual(a, b, seen) {
 	if (a === b) return true;
 	let aValidType = isDate(a);
 	let bValidType = isDate(b);
@@ -378,17 +419,12 @@ function looseEqual(a, b) {
 	if (aValidType || bValidType) return a === b;
 	aValidType = isArray(a);
 	bValidType = isArray(b);
-	if (aValidType || bValidType) return aValidType && bValidType ? looseCompareArrays(a, b) : false;
+	if (aValidType || bValidType) return aValidType && bValidType ? looseCompareNested(a, b, seen, looseCompareArrays) : false;
 	aValidType = isObject(a);
 	bValidType = isObject(b);
 	if (aValidType || bValidType) {
 		if (!aValidType || !bValidType) return false;
-		if (Object.keys(a).length !== Object.keys(b).length) return false;
-		for (const key in a) {
-			const aHasKey = a.hasOwnProperty(key);
-			const bHasKey = b.hasOwnProperty(key);
-			if (aHasKey && !bHasKey || !aHasKey && bHasKey || !looseEqual(a[key], b[key])) return false;
-		}
+		return looseCompareNested(a, b, seen, looseCompareObjects);
 	}
 	return String(a) === String(b);
 }
@@ -523,6 +559,8 @@ function setupFlagsHandler(target) {
 function warn$2(msg, ...args) {
 	console.warn(`[Vue warn] ${msg}`, ...args);
 }
+//#endregion
+//#region packages/reactivity/src/system.ts
 const notifyBuffer = [];
 let batchDepth = 0;
 let activeSub = void 0;
@@ -661,13 +699,23 @@ function endTracking(sub, prevSub) {
 	sub.flags &= -5;
 }
 function flush() {
+	let hasError = false;
+	let error;
 	while (notifyIndex < notifyBufferLength) {
 		const effect = notifyBuffer[notifyIndex];
 		notifyBuffer[notifyIndex++] = void 0;
-		effect.notify();
+		try {
+			effect.notify();
+		} catch (err) {
+			if (!hasError) {
+				hasError = true;
+				error = err;
+			}
+		}
 	}
 	notifyIndex = 0;
 	notifyBufferLength = 0;
+	if (hasError) throw error;
 }
 function checkDirty(link, sub) {
 	let stack;
@@ -751,7 +799,7 @@ var Dep = class {
 	}
 	set subs(value) {
 		this._subs = value;
-		if (value === void 0) this.map.delete(this.key);
+		if (value === void 0 && this.map) this.map.delete(this.key);
 	}
 };
 const targetMap = /* @__PURE__ */ new WeakMap();
@@ -834,9 +882,7 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
 						if (isMap(target)) run(depsMap.get(MAP_KEY_ITERATE_KEY));
 					}
 					break;
-				case "set":
-					if (isMap(target)) run(depsMap.get(ITERATE_KEY));
-					break;
+				case "set": if (isMap(target)) run(depsMap.get(ITERATE_KEY));
 			}
 		}
 	}
@@ -851,13 +897,17 @@ function getDepFromReactive(object, key) {
 /**
 * Track array iteration and return:
 * - if input is reactive: a cloned raw array with reactive values
-* - if input is non-reactive or shallowReactive: the original raw array
+* - if input is readonly: a cloned raw array with readonly values, preserving
+*   reactivity
+* - if input is raw or shallow: the original raw array
 */
 function reactiveReadArray(array) {
 	const raw = /* @__PURE__ */ toRaw(array);
 	if (raw === array) return raw;
 	track(raw, "iterate", ARRAY_ITERATE_KEY);
-	return /* @__PURE__ */ isShallow(array) ? raw : raw.map(toReactive);
+	if (/* @__PURE__ */ isShallow(array)) return raw;
+	if (!/* @__PURE__ */ isReadonly(array)) return raw.map(toReactive);
+	return /* @__PURE__ */ isReactive(array) ? raw.map((item) => toReadonly(toReactive(item))) : raw.map(toReadonly);
 }
 /**
 * Track array iteration and return raw array
@@ -1033,8 +1083,8 @@ function noTracking(self, method, args = []) {
 }
 //#endregion
 //#region packages/reactivity/src/baseHandlers.ts
-const isNonTrackableKeys = /* @__PURE__ */ makeMap(`__proto__,__v_isRef,__isVue`);
-const builtInSymbols = new Set(/* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(isSymbol));
+const isNonTrackableKeys = /*@__PURE__*/ makeMap(`__proto__,__v_isRef,__isVue`);
+const builtInSymbols = new Set(/*@__PURE__*/ Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(isSymbol));
 function hasOwnProperty(key) {
 	if (!isSymbol(key)) key = String(key);
 	const obj = /* @__PURE__ */ toRaw(this);
@@ -1089,12 +1139,14 @@ var MutableReactiveHandler = class extends BaseReactiveHandler {
 				oldValue = /* @__PURE__ */ toRaw(oldValue);
 				value = /* @__PURE__ */ toRaw(value);
 			}
-			if (!isArrayWithIntegerKey && /* @__PURE__ */ isRef(oldValue) && !/* @__PURE__ */ isRef(value)) if (isOldValueReadonly) {
-				if (!!(process.env.NODE_ENV !== "production")) warn$2(`Set operation on key "${String(key)}" failed: target is readonly.`, target[key]);
-				return true;
-			} else {
-				oldValue.value = value;
-				return true;
+			if (!isArrayWithIntegerKey && /* @__PURE__ */ isRef(oldValue) && !/* @__PURE__ */ isRef(value)) {
+				if (isOldValueReadonly) {
+					if (!!(process.env.NODE_ENV !== "production")) warn$2(`Set operation on key "${String(key)}" failed: target is readonly.`, target[key]);
+					return true;
+				} else {
+					oldValue.value = value;
+					return true;
+				}
 			}
 		}
 		const hadKey = isArrayWithIntegerKey ? Number(key) < target.length : hasOwn(target, key);
@@ -1135,10 +1187,10 @@ var ReadonlyReactiveHandler = class extends BaseReactiveHandler {
 		return true;
 	}
 };
-const mutableHandlers = /* @__PURE__ */ new MutableReactiveHandler();
-const readonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler();
-const shallowReactiveHandlers = /* @__PURE__ */ new MutableReactiveHandler(true);
-const shallowReadonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler(true);
+const mutableHandlers = /*@__PURE__*/ new MutableReactiveHandler();
+const readonlyHandlers = /*@__PURE__*/ new ReadonlyReactiveHandler();
+const shallowReactiveHandlers = /*@__PURE__*/ new MutableReactiveHandler(true);
+const shallowReadonlyHandlers = /*@__PURE__*/ new ReadonlyReactiveHandler(true);
 //#endregion
 //#region packages/reactivity/src/collectionHandlers.ts
 const toShallow = (value) => value;
@@ -1289,10 +1341,10 @@ function createInstrumentationGetter(isReadonly, shallow) {
 		return Reflect.get(hasOwn(instrumentations, key) && key in target ? instrumentations : target, key, receiver);
 	};
 }
-const mutableCollectionHandlers = { get: /* @__PURE__ */ createInstrumentationGetter(false, false) };
-const shallowCollectionHandlers = { get: /* @__PURE__ */ createInstrumentationGetter(false, true) };
-const readonlyCollectionHandlers = { get: /* @__PURE__ */ createInstrumentationGetter(true, false) };
-const shallowReadonlyCollectionHandlers = { get: /* @__PURE__ */ createInstrumentationGetter(true, true) };
+const mutableCollectionHandlers = { get: /*@__PURE__*/ createInstrumentationGetter(false, false) };
+const shallowCollectionHandlers = { get: /*@__PURE__*/ createInstrumentationGetter(false, true) };
+const readonlyCollectionHandlers = { get: /*@__PURE__*/ createInstrumentationGetter(true, false) };
+const shallowReadonlyCollectionHandlers = { get: /*@__PURE__*/ createInstrumentationGetter(true, true) };
 function checkIdentityKeys(target, has, key) {
 	const rawKey = /* @__PURE__ */ toRaw(key);
 	if (rawKey !== key && has.call(target, rawKey)) {
@@ -1317,7 +1369,7 @@ function targetTypeMap(rawType) {
 		default: return 0;
 	}
 }
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function reactive(target) {
 	if (/* @__PURE__ */ isReadonly(target)) return target;
 	return createReactiveObject(target, false, mutableHandlers, mutableCollectionHandlers, reactiveMap);
@@ -1352,7 +1404,7 @@ function reactive(target) {
 * @param target - The source object.
 * @see {@link https://vuejs.org/api/reactivity-advanced.html#shallowreactive}
 */
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function shallowReactive(target) {
 	return createReactiveObject(target, false, shallowReactiveHandlers, shallowCollectionHandlers, shallowReactiveMap);
 }
@@ -1385,7 +1437,7 @@ function shallowReactive(target) {
 * @param target - The source object.
 * @see {@link https://vuejs.org/api/reactivity-core.html#readonly}
 */
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function readonly(target) {
 	return createReactiveObject(target, true, readonlyHandlers, readonlyCollectionHandlers, readonlyMap);
 }
@@ -1419,7 +1471,7 @@ function readonly(target) {
 * @param target - The source object.
 * @see {@link https://vuejs.org/api/reactivity-advanced.html#shallowreadonly}
 */
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function shallowReadonly(target) {
 	return createReactiveObject(target, true, shallowReadonlyHandlers, shallowReadonlyCollectionHandlers, shallowReadonlyMap);
 }
@@ -1456,7 +1508,7 @@ function createReactiveObject(target, isReadonly, baseHandlers, collectionHandle
 * @param value - The value to check.
 * @see {@link https://vuejs.org/api/reactivity-utilities.html#isreactive}
 */
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function isReactive(value) {
 	if (/* @__PURE__ */ isReadonly(value)) return /* @__PURE__ */ isReactive(value["__v_raw"]);
 	return !!(value && value["__v_isReactive"]);
@@ -1472,11 +1524,11 @@ function isReactive(value) {
 * @param value - The value to check.
 * @see {@link https://vuejs.org/api/reactivity-utilities.html#isreadonly}
 */
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function isReadonly(value) {
 	return !!(value && value["__v_isReadonly"]);
 }
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function isShallow(value) {
 	return !!(value && value["__v_isShallow"]);
 }
@@ -1487,7 +1539,7 @@ function isShallow(value) {
 * @param value - The value to check.
 * @see {@link https://vuejs.org/api/reactivity-utilities.html#isproxy}
 */
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function isProxy(value) {
 	return value ? !!value["__v_raw"] : false;
 }
@@ -1514,7 +1566,7 @@ function isProxy(value) {
 * @param observed - The object for which the "raw" value is requested.
 * @see {@link https://vuejs.org/api/reactivity-advanced.html#toraw}
 */
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function toRaw(observed) {
 	const raw = observed && observed["__v_raw"];
 	return raw ? /* @__PURE__ */ toRaw(raw) : observed;
@@ -1563,15 +1615,15 @@ const toReactive = (value) => isObject(value) ? /* @__PURE__ */ reactive(value)
 const toReadonly = (value) => isObject(value) ? /* @__PURE__ */ readonly(value) : value;
 //#endregion
 //#region packages/reactivity/src/ref.ts
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function isRef(r) {
 	return r ? r["__v_isRef"] === true : false;
 }
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function ref(value) {
 	return createRef(value, toReactive);
 }
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function shallowRef(value) {
 	return createRef(value);
 }
@@ -1774,7 +1826,7 @@ function customRef(factory) {
 * @param object - Reactive object to be made into an object of linked refs.
 * @see {@link https://vuejs.org/api/reactivity-utilities.html#torefs}
 */
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function toRefs(object) {
 	const ret = isArray(object) ? new Array(object.length) : {};
 	for (const key in object) ret[key] = propertyToRef(object, key);
@@ -1825,7 +1877,7 @@ var GetterRefImpl = class {
 		return this._value = this._getter();
 	}
 };
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function toRef(source, key, defaultValue) {
 	if (/* @__PURE__ */ isRef(source)) return source;
 	else if (isFunction(source)) return new GetterRefImpl(source);
@@ -1891,10 +1943,12 @@ var ReactiveEffect = class {
 	get dirty() {
 		const flags = this.flags;
 		if (flags & 16) return true;
-		if (flags & 32) if (checkDirty(this.deps, this)) {
-			this.flags = flags | 16;
-			return true;
-		} else this.flags = flags & -33;
+		if (flags & 32) {
+			if (checkDirty(this.deps, this)) {
+				this.flags = flags | 16;
+				return true;
+			} else this.flags = flags & -33;
+		}
 		return false;
 	}
 };
@@ -2073,10 +2127,12 @@ var ComputedRefImpl = class {
 	get _dirty() {
 		const flags = this.flags;
 		if (flags & 16) return true;
-		if (flags & 32) if (checkDirty(this.deps, this)) {
-			this.flags = flags | 16;
-			return true;
-		} else this.flags = flags & -33;
+		if (flags & 32) {
+			if (checkDirty(this.deps, this)) {
+				this.flags = flags | 16;
+				return true;
+			} else this.flags = flags & -33;
+		}
 		return false;
 	}
 	/**
@@ -2137,7 +2193,7 @@ var ComputedRefImpl = class {
 	}
 };
 if (!!(process.env.NODE_ENV !== "production")) setupOnTrigger(ComputedRefImpl);
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function computed$1(getterOrOptions, debugOptions, isSSR = false) {
 	let getter;
 	let setter;
@@ -2215,25 +2271,26 @@ var WatcherEffect = class extends ReactiveEffect {
 				else if (isFunction(s)) return call ? call(s, 2) : s();
 				else process.env.NODE_ENV !== "production" && warnInvalidSource(s, onWarn);
 			});
-		} else if (isFunction(source)) if (cb) getter = call ? () => call(source, 2) : source;
-		else getter = () => {
-			if (this.cleanupsLength) {
-				const prevSub = setActiveSub();
+		} else if (isFunction(source)) {
+			if (cb) getter = call ? () => call(source, 2) : source;
+			else getter = () => {
+				if (this.cleanupsLength) {
+					const prevSub = setActiveSub();
+					try {
+						cleanup(this);
+					} finally {
+						setActiveSub(prevSub);
+					}
+				}
+				const currentEffect = activeWatcher;
+				activeWatcher = this;
 				try {
-					cleanup(this);
+					return call ? call(source, 3, [this.boundCleanup]) : source(this.boundCleanup);
 				} finally {
-					setActiveSub(prevSub);
+					activeWatcher = currentEffect;
 				}
-			}
-			const currentEffect = activeWatcher;
-			activeWatcher = this;
-			try {
-				return call ? call(source, 3, [this.boundCleanup]) : source(this.boundCleanup);
-			} finally {
-				activeWatcher = currentEffect;
-			}
-		};
-		else {
+			};
+		} else {
 			getter = NOOP;
 			process.env.NODE_ENV !== "production" && warnInvalidSource(source, onWarn);
 		}
@@ -2560,7 +2617,9 @@ const SchedulerJobFlags = {
 	"ALLOW_RECURSE": 2,
 	"2": "ALLOW_RECURSE",
 	"DISPOSED": 4,
-	"4": "DISPOSED"
+	"4": "DISPOSED",
+	"REQUEUE_ON_SUSPENSE_DISCARD": 8,
+	"8": "REQUEUE_ON_SUSPENSE_DISCARD"
 };
 const jobs = [];
 let postJobs = [];
@@ -2569,7 +2628,7 @@ let currentFlushPromise = null;
 let jobsLength = 0;
 let flushIndex = 0;
 let postFlushIndex = 0;
-const resolvedPromise = /* @__PURE__ */ Promise.resolve();
+const resolvedPromise = /*@__PURE__*/ Promise.resolve();
 const RECURSION_LIMIT = 100;
 function nextTick(fn) {
 	const p = currentFlushPromise || resolvedPromise;
@@ -2608,6 +2667,7 @@ const doFlushJobs = () => {
 		flushJobs();
 	} catch (e) {
 		currentFlushPromise = null;
+		if (jobsLength || postJobs.length) queueFlush();
 		throw e;
 	}
 };
@@ -2615,9 +2675,10 @@ function queueFlush() {
 	if (!currentFlushPromise) currentFlushPromise = resolvedPromise.then(doFlushJobs);
 }
 function queuePostFlushCb(jobs, id = Infinity) {
-	if (!isArray(jobs)) if (activePostJobs && id === -1) activePostJobs.splice(postFlushIndex, 0, jobs);
-	else queueJobWorker(jobs, id, postJobs, postJobs.length, 0);
-	else for (const job of jobs) queueJobWorker(job, id, postJobs, postJobs.length, 0);
+	if (!isArray(jobs)) {
+		if (activePostJobs && id === -1) activePostJobs.splice(postFlushIndex, 0, jobs);
+		else queueJobWorker(jobs, id, postJobs, postJobs.length, 0);
+	} else for (let i = 0; i < jobs.length; i++) queueJobWorker(jobs[i], id, postJobs, postJobs.length, 0);
 	queueFlush();
 }
 function flushPreFlushCbs(instance, seen) {
@@ -2631,32 +2692,39 @@ function flushPreFlushCbs(instance, seen) {
 		i--;
 		jobsLength--;
 		if (cb.flags & 2) cb.flags &= -2;
-		cb();
-		if (!(cb.flags & 2)) cb.flags &= -2;
+		try {
+			cb();
+		} finally {
+			if (!(cb.flags & 2)) cb.flags &= -2;
+		}
 	}
 }
 function flushPostFlushCbs(seen) {
 	if (postJobs.length) {
 		if (activePostJobs) {
-			activePostJobs.push(...postJobs);
+			for (let i = 0; i < postJobs.length; i++) activePostJobs.push(postJobs[i]);
 			postJobs.length = 0;
 			return;
 		}
 		activePostJobs = postJobs;
 		postJobs = [];
 		if (!!(process.env.NODE_ENV !== "production")) seen = seen || /* @__PURE__ */ new Map();
-		while (postFlushIndex < activePostJobs.length) {
-			const cb = activePostJobs[postFlushIndex++];
-			if (!!(process.env.NODE_ENV !== "production") && checkRecursiveUpdates(seen, cb)) continue;
-			if (cb.flags & 2) cb.flags &= -2;
-			if (!(cb.flags & 4)) try {
-				cb();
-			} finally {
-				cb.flags &= -2;
+		try {
+			while (postFlushIndex < activePostJobs.length) {
+				const cb = activePostJobs[postFlushIndex++];
+				if (!!(process.env.NODE_ENV !== "production") && checkRecursiveUpdates(seen, cb)) continue;
+				if (cb.flags & 2) cb.flags &= -2;
+				if (!(cb.flags & 4)) try {
+					cb();
+				} finally {
+					if (!(cb.flags & 2)) cb.flags &= -2;
+				}
 			}
+		} finally {
+			while (postFlushIndex < activePostJobs.length) activePostJobs[postFlushIndex++].flags &= -2;
+			activePostJobs = null;
+			postFlushIndex = 0;
 		}
-		activePostJobs = null;
-		postFlushIndex = 0;
 	}
 }
 let isFlushing = false;
@@ -2666,9 +2734,12 @@ let isFlushing = false;
 function flushOnAppMount(instance) {
 	if (!isFlushing) {
 		isFlushing = true;
-		flushPreFlushCbs(instance);
-		flushPostFlushCbs();
-		isFlushing = false;
+		try {
+			flushPreFlushCbs(instance);
+			flushPostFlushCbs();
+		} finally {
+			isFlushing = false;
+		}
 	}
 }
 function flushJobs(seen) {
@@ -2698,8 +2769,8 @@ function flushJobs(seen) {
 		jobsLength = 0;
 		jobs.length = 0;
 		flushPostFlushCbs(seen);
-		currentFlushPromise = null;
 		if (jobsLength || postJobs.length) flushJobs(seen);
+		else currentFlushPromise = null;
 	}
 }
 function checkRecursiveUpdates(seen, fn) {
@@ -2730,6 +2801,19 @@ if (!!(process.env.NODE_ENV !== "production")) getGlobalThis().__VUE_HMR_RUNTIME
 	rerender: tryWrap(rerender),
 	reload: tryWrap(reload)
 };
+function runWithHmrUpdating(fn) {
+	isHmrUpdating = true;
+	let done = false;
+	try {
+		fn();
+		done = true;
+	} finally {
+		if (done) nextTick(() => {
+			isHmrUpdating = false;
+		});
+		else isHmrUpdating = false;
+	}
+}
 const map = /* @__PURE__ */ new Map();
 function registerHMR(instance) {
 	const id = instance.type.__hmrId;
@@ -2771,18 +2855,16 @@ function rerender(id, newRender) {
 			instance.render = newRender;
 			normalizeClassComponent(instance.type).render = newRender;
 		}
-		isHmrUpdating = true;
-		if (instance.vapor) {
-			if (!instance.isUnmounted) instance.hmrRerender();
-		} else {
-			const i = instance;
-			if (!(i.effect.flags & 1024)) {
-				i.renderCache = [];
-				i.effect.run();
+		runWithHmrUpdating(() => {
+			if (instance.vapor) {
+				if (!instance.isUnmounted) instance.hmrRerender();
+			} else {
+				const i = instance;
+				if (!(i.effect.flags & 1024)) {
+					i.renderCache = [];
+					i.effect.run();
+				}
 			}
-		}
-		nextTick(() => {
-			isHmrUpdating = false;
 		});
 	});
 }
@@ -2797,17 +2879,19 @@ function reload(id, newComp) {
 		for (const instance of instances) if (instance.root && instance.root.ce && instance !== instance.root) instance.root.ce._removeChildStyle(instance.type);
 		const dirtyInstances = new Set(instances);
 		const rerenderedParents = /* @__PURE__ */ new Set();
-		for (const instance of instances) {
-			const parent = instance.parent;
-			if (parent) {
-				if (!hasDirtyAncestor(instance, dirtyInstances) && !rerenderedParents.has(parent)) {
-					rerenderedParents.add(parent);
-					parent.hmrRerender();
-				}
-			} else instance.hmrReload(newComp);
-		}
+		runWithHmrUpdating(() => {
+			for (const instance of instances) {
+				const parent = instance.parent;
+				if (parent) {
+					if (!hasDirtyAncestor(instance, dirtyInstances) && !rerenderedParents.has(parent)) {
+						rerenderedParents.add(parent);
+						parent.hmrRerender();
+					}
+				} else instance.hmrReload(newComp);
+			}
+		});
 	} else {
-		const parentUpdates = /* @__PURE__ */ new Map();
+		const parents = /* @__PURE__ */ new Set();
 		const dirtyInstanceSet = new Set(instances);
 		for (const instance of instances) {
 			const oldComp = normalizeClassComponent(instance.type);
@@ -2826,33 +2910,23 @@ function reload(id, newComp) {
 				instance.ceReload(newComp.styles);
 				dirtyInstances.delete(instance);
 			} else if (instance.parent) {
-				const parent = instance.parent;
-				if (!hasDirtyAncestor(instance, dirtyInstanceSet)) {
-					let updates = parentUpdates.get(parent);
-					if (!updates) parentUpdates.set(parent, updates = []);
-					updates.push([instance, dirtyInstances]);
-				}
+				if (!hasDirtyAncestor(instance, dirtyInstanceSet)) parents.add(instance.parent);
 			} else if (instance.appContext.reload) instance.appContext.reload();
 			else if (typeof window !== "undefined") window.location.reload();
 			else console.warn("[HMR] Root or manually mounted instance modified. Full reload required.");
 			if (instance.root.ce && instance !== instance.root) instance.root.ce._removeChildStyle(oldComp);
 		}
-		parentUpdates.forEach((updates, parent) => {
+		parents.forEach((parent) => {
 			queueJob(() => {
-				isHmrUpdating = true;
-				if (parent.vapor) parent.hmrRerender();
-				else {
-					const i = parent;
-					if (!(i.effect.flags & 1024)) {
-						i.renderCache = [];
-						i.effect.run();
+				runWithHmrUpdating(() => {
+					if (parent.vapor) parent.hmrRerender();
+					else {
+						const i = parent;
+						if (!(i.effect.flags & 1024)) {
+							i.renderCache = [];
+							i.effect.run();
+						}
 					}
-				}
-				nextTick(() => {
-					isHmrUpdating = false;
-				});
-				updates.forEach(([instance, dirtyInstances]) => {
-					dirtyInstances.delete(instance);
 				});
 			});
 		});
@@ -2922,20 +2996,20 @@ function devtoolsInitApp(app, version) {
 function devtoolsUnmountApp(app) {
 	emit$2("app:unmount", app);
 }
-const devtoolsComponentAdded = /* @__PURE__ */ createDevtoolsComponentHook("component:added");
-const devtoolsComponentUpdated = /* @__PURE__ */ createDevtoolsComponentHook("component:updated");
-const _devtoolsComponentRemoved = /* @__PURE__ */ createDevtoolsComponentHook("component:removed");
+const devtoolsComponentAdded = /*@__PURE__*/ createDevtoolsComponentHook("component:added");
+const devtoolsComponentUpdated = /*@__PURE__*/ createDevtoolsComponentHook("component:updated");
+const _devtoolsComponentRemoved = /*@__PURE__*/ createDevtoolsComponentHook("component:removed");
 const devtoolsComponentRemoved = (component) => {
 	if (devtools$1 && typeof devtools$1.cleanupBuffer === "function" && !devtools$1.cleanupBuffer(component)) _devtoolsComponentRemoved(component);
 };
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function createDevtoolsComponentHook(hook) {
 	return (component) => {
 		emit$2(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : void 0, component);
 	};
 }
-const devtoolsPerfStart = /* @__PURE__ */ createDevtoolsPerformanceHook("perf:start");
-const devtoolsPerfEnd = /* @__PURE__ */ createDevtoolsPerformanceHook("perf:end");
+const devtoolsPerfStart = /*@__PURE__*/ createDevtoolsPerformanceHook("perf:start");
+const devtoolsPerfEnd = /*@__PURE__*/ createDevtoolsPerformanceHook("perf:end");
 function createDevtoolsPerformanceHook(hook) {
 	return (component, type, time) => {
 		emit$2(hook, component.appContext.app, component.uid, component, type, time);
@@ -3165,7 +3239,7 @@ function configureCompat$1(config) {
 	if (!!(process.env.NODE_ENV !== "production")) validateCompatConfig(config);
 	extend(globalCompatConfig, config);
 }
-const seenConfigObjects = /* @__PURE__ */ new WeakSet();
+const seenConfigObjects = /*@__PURE__*/ new WeakSet();
 const warnedInvalidKeys = {};
 function validateCompatConfig(config, instance) {
 	if (seenConfigObjects.has(config)) return;
@@ -3217,7 +3291,7 @@ function checkCompatEnabled$1(key, instance, ...args) {
 }
 //#endregion
 //#region packages/runtime-core/src/compat/instanceEventEmitter.ts
-const eventRegistryMap = /* @__PURE__ */ new WeakMap();
+const eventRegistryMap = /*@__PURE__*/ new WeakMap();
 function getRegistry(instance) {
 	let events = eventRegistryMap.get(instance);
 	if (!events) eventRegistryMap.set(instance, events = Object.create(null));
@@ -3351,19 +3425,21 @@ const legacyDirectiveHookMap = {
 };
 function mapCompatDirectiveHook(name, dir, instance) {
 	const mappedName = legacyDirectiveHookMap[name];
-	if (mappedName) if (isArray(mappedName)) {
-		const hook = [];
-		mappedName.forEach((mapped) => {
-			const mappedHook = dir[mapped];
-			if (mappedHook) {
-				softAssertCompatEnabled("CUSTOM_DIR", instance, mapped, name);
-				hook.push(mappedHook);
-			}
-		});
-		return hook.length ? hook : void 0;
-	} else {
-		if (dir[mappedName]) softAssertCompatEnabled("CUSTOM_DIR", instance, mappedName, name);
-		return dir[mappedName];
+	if (mappedName) {
+		if (isArray(mappedName)) {
+			const hook = [];
+			mappedName.forEach((mapped) => {
+				const mappedHook = dir[mapped];
+				if (mappedHook) {
+					softAssertCompatEnabled("CUSTOM_DIR", instance, mapped, name);
+					hook.push(mappedHook);
+				}
+			});
+			return hook.length ? hook : void 0;
+		} else {
+			if (dir[mappedName]) softAssertCompatEnabled("CUSTOM_DIR", instance, mappedName, name);
+			return dir[mappedName];
+		}
 	}
 }
 //#endregion
@@ -3550,7 +3626,7 @@ function instanceWatch(source, value, options) {
 	}
 	const prev = setCurrentInstance(this);
 	const res = doWatch(getter, cb.bind(publicThis), options);
-	setCurrentInstance(...prev);
+	restoreCurrentInstance(prev);
 	return res;
 }
 function createPathGetter(ctx, path) {
@@ -3572,15 +3648,16 @@ const isTargetSVG = (target) => typeof SVGElement !== "undefined" && target inst
 const isTargetMathML = (target) => typeof MathMLElement === "function" && target instanceof MathMLElement;
 const resolveTarget = (props, select) => {
 	const targetSelector = props && props.to;
-	if (isString(targetSelector)) if (!select) {
-		process.env.NODE_ENV !== "production" && warn$1("Current renderer does not support string target for Teleports. (missing querySelector renderer option)");
-		return null;
+	if (isString(targetSelector)) {
+		if (!select) {
+			process.env.NODE_ENV !== "production" && warn$1("Current renderer does not support string target for Teleports. (missing querySelector renderer option)");
+			return null;
+		} else {
+			const target = select(targetSelector);
+			if (!!(process.env.NODE_ENV !== "production") && !target && !isTeleportDisabled(props)) warn$1(`Failed to locate Teleport target with selector "${targetSelector}". Note the target element must exist before the component is mounted - i.e. the target cannot be rendered by the component itself, and ideally should be outside of the entire Vue component tree.`);
+			return target;
+		}
 	} else {
-		const target = select(targetSelector);
-		if (!!(process.env.NODE_ENV !== "production") && !target && !isTeleportDisabled(props)) warn$1(`Failed to locate Teleport target with selector "${targetSelector}". Note the target element must exist before the component is mounted - i.e. the target cannot be rendered by the component itself, and ideally should be outside of the entire Vue component tree.`);
-		return target;
-	}
-	else {
 		if (!!(process.env.NODE_ENV !== "production") && !targetSelector && !isTeleportDisabled(props)) warn$1(`Invalid Teleport target: ${targetSelector}`);
 		return targetSelector;
 	}
@@ -3618,7 +3695,8 @@ const TeleportImpl = {
 				if (pendingMounts.get(vnode) !== mountJob) return;
 				pendingMounts.delete(vnode);
 				if (isTeleportDisabled(vnode.props)) {
-					mount(vnode, parentNode(vnode.el) || container, vnode.anchor);
+					const mountContainer = parentNode(vnode.el) || container;
+					mount(vnode, mountContainer, vnode.anchor);
 					updateCssVars(vnode, true);
 				}
 				mountToTarget(vnode);
@@ -3727,15 +3805,17 @@ function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScope
 	const disabled = isTeleportDisabled(vnode.props);
 	if (target) {
 		const targetNode = target._lpa || target.firstChild;
-		if (vnode.shapeFlag & 16) if (disabled) {
-			hydrateDisabledTeleport(node, vnode);
-			hydrateAnchor(target, targetNode);
-			if (!vnode.targetAnchor) prepareAnchor(target, vnode, createText, insert, parentNode(node) === target ? node : null);
-		} else {
-			vnode.anchor = nextSibling(node);
-			hydrateAnchor(target, targetNode);
-			if (!vnode.targetAnchor) prepareAnchor(target, vnode, createText, insert);
-			hydrateChildren(targetNode && nextSibling(targetNode), vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
+		if (vnode.shapeFlag & 16) {
+			if (disabled) {
+				hydrateDisabledTeleport(node, vnode);
+				hydrateAnchor(target, targetNode);
+				if (!vnode.targetAnchor) prepareAnchor(target, vnode, createText, insert, parentNode(node) === target ? node : null);
+			} else {
+				vnode.anchor = nextSibling(node);
+				hydrateAnchor(target, targetNode);
+				if (!vnode.targetAnchor) prepareAnchor(target, vnode, createText, insert);
+				hydrateChildren(targetNode && nextSibling(targetNode), vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
+			}
 		}
 		updateCssVars(vnode, disabled);
 	} else if (disabled) {
@@ -3823,49 +3903,16 @@ const BaseTransitionImpl = {
 	setup(props, { slots }) {
 		const instance = getCurrentInstance();
 		const state = useTransitionState();
+		let resumeAfterLeave;
 		return () => {
-			const children = slots.default && getTransitionRawChildren(slots.default(), true);
-			const child = children && children.length ? findNonCommentChild(children) : instance.subTree ? createCommentVNode() : void 0;
+			const child = resolveTransitionChild(slots.default && slots.default(), !!instance.subTree);
 			if (!child) return;
 			const rawProps = /* @__PURE__ */ toRaw(props);
 			const { mode } = rawProps;
 			checkTransitionMode(mode);
-			if (state.isLeaving) return emptyPlaceholder(child);
-			const innerChild = getInnerChild$1(child);
-			if (!innerChild) return emptyPlaceholder(child);
-			let enterHooks = resolveTransitionHooks(innerChild, rawProps, state, instance, (hooks) => enterHooks = hooks);
-			if (innerChild.type !== Comment) setTransitionHooks(innerChild, enterHooks);
-			let oldInnerChild = instance.subTree && getInnerChild$1(instance.subTree);
-			if (oldInnerChild && oldInnerChild.type !== Comment && !isSameVNodeType(oldInnerChild, innerChild) && recursiveGetSubtree(instance).type !== Comment) {
-				let leavingHooks = resolveTransitionHooks(oldInnerChild, rawProps, state, instance);
-				setTransitionHooks(oldInnerChild, leavingHooks);
-				if (mode === "out-in" && innerChild.type !== Comment) {
-					state.isLeaving = true;
-					leavingHooks.afterLeave = () => {
-						state.isLeaving = false;
-						if (!(instance.job.flags & 4)) instance.update();
-						delete leavingHooks.afterLeave;
-						oldInnerChild = void 0;
-					};
-					return emptyPlaceholder(child);
-				} else if (mode === "in-out" && innerChild.type !== Comment) leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => {
-					const leavingVNodesCache = getLeavingNodesForType(state, oldInnerChild);
-					leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild;
-					el[leaveCbKey] = () => {
-						earlyRemove();
-						el[leaveCbKey] = void 0;
-						delete enterHooks.delayedLeave;
-						oldInnerChild = void 0;
-					};
-					enterHooks.delayedLeave = () => {
-						delayedLeave();
-						delete enterHooks.delayedLeave;
-						oldInnerChild = void 0;
-					};
-				};
-				else oldInnerChild = void 0;
-			} else if (oldInnerChild) oldInnerChild = void 0;
-			return child;
+			return prepareTransitionSwitch(instance.subTree, child, rawProps, state, instance, mode === "out-in" ? resumeAfterLeave || (resumeAfterLeave = () => {
+				if (!(instance.job.flags & 4)) instance.update();
+			}) : NOOP);
 		};
 	}
 };
@@ -3936,8 +3983,10 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 		persisted,
 		beforeEnter(el) {
 			let hook = onBeforeEnter;
-			if (!state.isMounted) if (appear) hook = onBeforeAppear || onBeforeEnter;
-			else return;
+			if (!state.isMounted) {
+				if (appear) hook = onBeforeAppear || onBeforeEnter;
+				else return;
+			}
 			if (el[leaveCbKey]) el[leaveCbKey](true);
 			earlyRemove();
 			callHook(hook, [el]);
@@ -3947,11 +3996,13 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 			let hook = onEnter;
 			let afterHook = onAfterEnter;
 			let cancelHook = onEnterCancelled;
-			if (!state.isMounted) if (appear) {
-				hook = onAppear || onEnter;
-				afterHook = onAfterAppear || onAfterEnter;
-				cancelHook = onAppearCancelled || onEnterCancelled;
-			} else return;
+			if (!state.isMounted) {
+				if (appear) {
+					hook = onAppear || onEnter;
+					afterHook = onAfterAppear || onAfterEnter;
+					cancelHook = onAppearCancelled || onEnterCancelled;
+				} else return;
+			}
 			let called = false;
 			el[enterCbKey$1] = (cancelled) => {
 				if (called) return;
@@ -3985,7 +4036,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 			else done();
 		},
 		clone(node) {
-			return cloneHooks(node);
+			return cloneHooks ? cloneHooks(node) : hooks;
 		}
 	};
 	return hooks;
@@ -4009,16 +4060,102 @@ function getInnerChild$1(vnode) {
 		if (shapeFlag & 32 && isFunction(children.default)) return children.default();
 	}
 }
+function resolveTransitionChild(children, renderEmpty = false) {
+	const branches = children && getTransitionRawChildren(children, true);
+	return branches && branches.length ? findNonCommentChild(branches) : renderEmpty ? createCommentVNode() : void 0;
+}
+/**
+* @internal
+*/
+function prepareTransitionSwitch(previous, next, props, state, instance, resumeAfterLeave, delayedLeaveSource) {
+	if (state.isLeaving) return emptyPlaceholder(next);
+	const nextInner = getInnerChild$1(next);
+	if (!nextInner) return emptyPlaceholder(next);
+	let enterHooks = resolveTransitionHooks(nextInner, props, state, instance, (hooks) => {
+		if (delayedLeaveSource) forwardDelayedLeave(hooks, delayedLeaveSource);
+		enterHooks = hooks;
+	});
+	if (delayedLeaveSource) forwardDelayedLeave(enterHooks, delayedLeaveSource);
+	if (nextInner.type !== Comment) setTransitionHooks(nextInner, enterHooks);
+	const mode = props.mode;
+	const previousInner = previous && getInnerChild$1(previous);
+	if (previous && previousInner && previousInner.type !== Comment && !isSameVNodeType(previousInner, nextInner) && (!previous.component || recursiveGetSubtree(previous.component).type !== Comment)) {
+		const leavingHooks = prepareLeavingTransitionHooks(previousInner, props, state, instance);
+		if (nextInner.type !== Comment && (mode === "out-in" || mode === "in-out") && applyTransitionModeSwitch(previousInner, leavingHooks, mode === "in-out" ? () => enterHooks : void 0, props, state, resumeAfterLeave)) return emptyPlaceholder(next);
+	}
+	return next;
+}
+function forwardDelayedLeave(hooks, source) {
+	const delayedLeave = source && source.delayedLeave;
+	if (!delayedLeave) return;
+	hooks.delayedLeave = () => {
+		if (source.delayedLeave === delayedLeave) delayedLeave();
+		delete hooks.delayedLeave;
+	};
+}
+/**
+* Prepares an outgoing VNode when the incoming branch belongs to another
+* renderer. Returns true when out-in must defer the incoming branch.
+*
+* @internal
+*/
+function prepareTransitionLeave(previous, enterHooks, props, state, instance, resumeAfterLeave) {
+	const previousInner = getInnerChild$1(previous);
+	if (!previousInner || previousInner.type === Comment || previous.component && recursiveGetSubtree(previous.component).type === Comment) return false;
+	return applyTransitionModeSwitch(previousInner, prepareLeavingTransitionHooks(previousInner, props, state, instance), enterHooks ? () => enterHooks : void 0, props, state, resumeAfterLeave);
+}
+function prepareLeavingTransitionHooks(previousInner, props, state, instance) {
+	return setTransitionHooks(previousInner, resolveTransitionHooks(previousInner, props, state, instance));
+}
+function applyTransitionModeSwitch(leavingVNode, leavingHooks, getEnterHooks, props, state, resumeAfterLeave) {
+	if (props.mode === "out-in") {
+		state.isLeaving = true;
+		leavingHooks.afterLeave = () => {
+			state.isLeaving = false;
+			resumeAfterLeave();
+			delete leavingHooks.afterLeave;
+		};
+		return true;
+	} else if (props.mode === "in-out" && getEnterHooks) {
+		let delayedLeavingVNode = leavingVNode;
+		leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => {
+			const enterHooks = getEnterHooks();
+			if (!enterHooks) {
+				delayedLeave();
+				return;
+			}
+			const vnode = delayedLeavingVNode;
+			const leavingVNodesCache = getLeavingNodesForType(state, vnode);
+			leavingVNodesCache[String(vnode.key)] = vnode;
+			el[leaveCbKey] = () => {
+				earlyRemove();
+				el[leaveCbKey] = void 0;
+				delete enterHooks.delayedLeave;
+				delayedLeavingVNode = void 0;
+			};
+			enterHooks.delayedLeave = () => {
+				delayedLeave();
+				delete enterHooks.delayedLeave;
+				delayedLeavingVNode = void 0;
+			};
+		};
+	}
+	return false;
+}
 function setTransitionHooks(vnode, hooks) {
-	if (vnode.shapeFlag & 6 && vnode.component) if (isVaporComponent(vnode.type)) getVaporInterface(vnode.component, vnode).setTransitionHooks(vnode.component, hooks);
-	else {
+	if (vnode.shapeFlag & 6 && vnode.component) {
 		vnode.transition = hooks;
-		setTransitionHooks(vnode.component.subTree, hooks);
-	}
-	else if (vnode.shapeFlag & 128) {
-		vnode.ssContent.transition = hooks.clone(vnode.ssContent);
-		vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
+		if (isVaporComponent(vnode.type)) getVaporInterface(vnode.component, vnode).setTransitionHooks(vnode.component, hooks);
+		else {
+			const subTree = vnode.component.subTree;
+			return setTransitionHooks(isTeleport(subTree.type) ? getInnerChild$1(subTree) || subTree : subTree, hooks);
+		}
+	} else if (vnode.shapeFlag & 128) {
+		const contentHooks = vnode.ssContent.transition = hooks.clone(vnode.ssContent);
+		const fallbackHooks = vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
+		return vnode.suspense && vnode.suspense.activeBranch === vnode.ssFallback ? fallbackHooks : contentHooks;
 	} else vnode.transition = hooks;
+	return hooks;
 }
 function getTransitionRawChildren(children, keepComment = false, parentKey) {
 	let ret = [];
@@ -4042,9 +4179,9 @@ function checkTransitionMode(mode) {
 }
 //#endregion
 //#region packages/runtime-core/src/apiDefineComponent.ts
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function defineComponent(options, extraOptions) {
-	return isFunction(options) ? extend({ name: options.name }, extraOptions, { setup: options }) : options;
+	return isFunction(options) ? /*@__PURE__*/ (() => extend({ name: options.name }, extraOptions, { setup: options }))() : options;
 }
 //#endregion
 //#region packages/runtime-core/src/helpers/useId.ts
@@ -4141,15 +4278,16 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 				if (rawRef.f) {
 					const existing = _isString ? canSetSetupRef(ref) ? setupState[ref] : refs[ref] : canSetRef(ref) || !rawRef.k ? ref.value : refs[rawRef.k];
 					if (isUnmount) isArray(existing) && remove(existing, refValue);
-					else if (!isArray(existing)) if (_isString) {
-						refs[ref] = [refValue];
-						if (canSetSetupRef(ref)) setupState[ref] = refs[ref];
-					} else {
-						const newVal = [refValue];
-						if (canSetRef(ref, rawRef.k)) ref.value = newVal;
-						if (rawRef.k) refs[rawRef.k] = newVal;
-					}
-					else if (!existing.includes(refValue)) existing.push(refValue);
+					else if (!isArray(existing)) {
+						if (_isString) {
+							refs[ref] = [refValue];
+							if (canSetSetupRef(ref)) setupState[ref] = refs[ref];
+						} else {
+							const newVal = [refValue];
+							if (canSetRef(ref, rawRef.k)) ref.value = newVal;
+							if (rawRef.k) refs[rawRef.k] = newVal;
+						}
+					} else if (!existing.includes(refValue)) existing.push(refValue);
 				} else if (_isString) {
 					refs[ref] = value;
 					if (canSetSetupRef(ref)) setupState[ref] = value;
@@ -4210,7 +4348,18 @@ const logMismatchError = () => {
 	hasLoggedMismatchError = true;
 };
 const isSVGContainer = (container) => container.namespaceURI.includes("svg") && container.tagName !== "foreignObject";
-const isMathMLContainer = (container) => container.namespaceURI.includes("MathML");
+const isMathMLContainer = (container) => {
+	if (!container.namespaceURI.includes("MathML")) return false;
+	if (container.tagName !== "annotation-xml") return true;
+	const encoding = container.getAttribute("encoding");
+	return !encoding || !encoding.includes("html");
+};
+/**
+* Resolve the element namespace a container's children should be created in.
+* The live DOM is the source of truth, so this also covers containers that are
+* only known at runtime (interop boundaries, teleport targets).
+* @internal
+*/
 const getContainerType = (container) => {
 	if (container.nodeType !== 1) return void 0;
 	if (isSVGContainer(container)) return "svg";
@@ -4236,7 +4385,7 @@ function createHydrationFunctions(rendererInternals) {
 	};
 	const hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => {
 		optimized = optimized || !!vnode.dynamicChildren;
-		const isFragmentStart = isComment(node) && node.data === "[";
+		const isFragmentStart = isComment(node) && (node.data === "[" || node.data === "(");
 		const onMismatch = () => handleMismatch(node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragmentStart);
 		const { type, ref, shapeFlag, patchFlag } = vnode;
 		let domType = node.nodeType;
@@ -4252,11 +4401,12 @@ function createHydrationFunctions(rendererInternals) {
 		let nextNode = null;
 		switch (type) {
 			case Text:
-				if (domType !== 3) if (vnode.children === "") {
-					insert(vnode.el = createText(""), parentNode(node), node);
-					nextNode = node;
-				} else nextNode = onMismatch();
-				else {
+				if (domType !== 3) {
+					if (vnode.children === "") {
+						insert(vnode.el = createText(""), parentNode(node), node);
+						nextNode = node;
+					} else nextNode = onMismatch();
+				} else {
 					if (node.data !== vnode.children) {
 						(process.env.NODE_ENV !== "production" || __VUE_PROD_HYDRATION_MISMATCH_DETAILS__) && warn$1(`Hydration text mismatch in`, node.parentNode, `\n  - rendered on server: ${JSON.stringify(node.data)}\n  - expected on client: ${JSON.stringify(vnode.children)}`);
 						logMismatchError();
@@ -4293,45 +4443,35 @@ function createHydrationFunctions(rendererInternals) {
 				else nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
 				break;
 			case VaporSlot:
-				nextNode = getVaporInterface(parentComponent, vnode).hydrateSlot(vnode, node, parentComponent, parentSuspense);
+				nextNode = getVaporInterface(parentComponent, vnode).hydrateSlot(vnode, node, parentComponent, parentSuspense, slotScopeIds);
 				break;
-			default: if (shapeFlag & 1) if ((domType !== 1 || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) && !isTemplateNode(node)) nextNode = onMismatch();
-			else nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
-			else if (shapeFlag & 6) {
+			default: if (shapeFlag & 1) {
+				if ((domType !== 1 || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) && !isTemplateNode(node)) nextNode = onMismatch();
+				else nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
+			} else if (shapeFlag & 6) {
 				vnode.slotScopeIds = slotScopeIds;
 				const container = parentNode(node);
 				if (isFragmentStart) nextNode = locateClosingAnchor(node);
 				else if (isComment(node) && node.data === "teleport start") nextNode = locateClosingAnchor(node, node.data, "teleport end");
 				else nextNode = nextSibling(node);
-				if (vnode.type.__vapor) {
-					const vnodeBeforeMountHook = !isAsyncWrapper(vnode) && vnode.props && vnode.props.onVnodeBeforeMount;
-					getVaporInterface(parentComponent, vnode).hydrate(vnode, node, container, nextNode, parentComponent, parentSuspense, () => {
-						if (vnode.dirs) {
-							invokeDirectiveHook(vnode, null, parentComponent, "created");
-							invokeDirectiveHook(vnode, null, parentComponent, "beforeMount");
-						}
-					}, () => {
-						if (vnodeBeforeMountHook) invokeVNodeHook(vnodeBeforeMountHook, parentComponent, vnode);
-					});
-					if (vnode.dirs) queueEffectWithSuspense(() => invokeDirectiveHook(vnode, null, parentComponent, "mounted"), void 0, parentSuspense);
-					const vnodeMountedHook = !isAsyncWrapper(vnode) && vnode.props && vnode.props.onVnodeMounted;
-					if (vnodeMountedHook) queueEffectWithSuspense(() => invokeVNodeHook(vnodeMountedHook, parentComponent, vnode), void 0, parentSuspense);
-				} else {
+				if (vnode.type.__vapor) getVaporInterface(parentComponent, vnode).hydrate(vnode, node, container, nextNode, parentComponent, parentSuspense);
+				else {
 					mountComponent(vnode, container, null, parentComponent, parentSuspense, getContainerType(container), optimized);
 					const component = vnode.component;
-					if (isAsyncWrapper(vnode) && !vnode.type.__asyncResolved || component.asyncDep && !component.asyncResolved) {
+					if (!component.subTree && (isAsyncWrapper(vnode) || component.asyncDep)) {
 						let subTree;
 						if (isFragmentStart) {
-							subTree = createVNode(Fragment);
+							subTree = createVNode(Static);
 							subTree.anchor = nextNode ? nextNode.previousSibling : container.lastChild;
-						} else subTree = node.nodeType === 3 ? createTextVNode("") : createVNode("div");
+						} else subTree = node.nodeType === 3 ? createTextVNode("") : createVNode(node.nodeType === 8 ? Comment : "div");
 						subTree.el = node;
 						component.subTree = subTree;
 					}
 				}
-			} else if (shapeFlag & 64) if (domType !== 8) nextNode = onMismatch();
-			else nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, rendererInternals, hydrateChildren);
-			else if (shapeFlag & 128) nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, getContainerType(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
+			} else if (shapeFlag & 64) {
+				if (domType !== 8) nextNode = onMismatch();
+				else nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, rendererInternals, hydrateChildren);
+			} else if (shapeFlag & 128) nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, getContainerType(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
 			else if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_HYDRATION_MISMATCH_DETAILS__) warn$1("Invalid HostVNode type:", type, `(${typeof type})`);
 		}
 		if (ref != null) setRef(ref, null, parentSuspense, vnode);
@@ -4385,7 +4525,10 @@ function createHydrationFunctions(rendererInternals) {
 					const namespace = el.namespaceURI.includes("svg") ? "svg" : el.namespaceURI.includes("MathML") ? "mathml" : void 0;
 					for (const key in props) {
 						if ((!!(process.env.NODE_ENV !== "production") || __VUE_PROD_HYDRATION_MISMATCH_DETAILS__) && !(dirs && dirs.some((d) => d.dir.created)) && propHasMismatch(el, key, props[key], vnode, parentComponent)) logMismatchError();
-						if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || key[0] === "." || isCustomElement && !isReservedProp(key) || dynamicProps && dynamicProps.includes(key)) patchProp(el, key, null, props[key], namespace, parentComponent);
+						if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || key[0] === "." || isCustomElement && !isReservedProp(key) || dynamicProps && dynamicProps.includes(key)) {
+							if (isUnchangedResourceProp(el, key, props[key])) continue;
+							patchProp(el, key, null, props[key], namespace, parentComponent);
+						}
 					}
 				} else if (props.onClick) patchProp(el, "onClick", null, props.onClick, void 0, parentComponent);
 				else if (patchFlag & 4 && /* @__PURE__ */ isReactive(props.style)) for (const key in props.style) props.style[key];
@@ -4435,8 +4578,9 @@ function createHydrationFunctions(rendererInternals) {
 		const { slotScopeIds: fragmentSlotScopeIds } = vnode;
 		if (fragmentSlotScopeIds) slotScopeIds = slotScopeIds ? slotScopeIds.concat(fragmentSlotScopeIds) : fragmentSlotScopeIds;
 		const container = parentNode(node);
-		const next = hydrateChildren(nextSibling(node), vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized);
-		if (next && isComment(next) && next.data === "]") return nextSibling(vnode.anchor = next);
+		const first = nextSibling(node);
+		const next = vnode.vo && node.data === "(" ? getVaporInterface(parentComponent, vnode).hydrateSlotOutlet(vnode, node, parentComponent, parentSuspense, slotScopeIds) : hydrateChildren(first, vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized);
+		if (next && isComment(next) && next.data === (node.data === "(" ? ")" : "]")) return nextSibling(vnode.anchor = next);
 		else {
 			logMismatchError();
 			insert(vnode.anchor = createComment(`]`), container, next);
@@ -4445,7 +4589,7 @@ function createHydrationFunctions(rendererInternals) {
 	};
 	const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
 		if (!isNodeMismatchAllowed(node, vnode)) {
-			(process.env.NODE_ENV !== "production" || __VUE_PROD_HYDRATION_MISMATCH_DETAILS__) && warn$1(`Hydration node mismatch:\n- rendered on server:`, node, node.nodeType === 3 ? `(text)` : isComment(node) && node.data === "[" ? `(start of fragment)` : ``, `\n- expected on client:`, vnode.type);
+			(process.env.NODE_ENV !== "production" || __VUE_PROD_HYDRATION_MISMATCH_DETAILS__) && warn$1(`Hydration node mismatch:\n- rendered on server:`, node, node.nodeType === 3 ? `(text)` : isComment(node) && (node.data === "[" || node.data === "(") ? `(start of fragment)` : ``, `\n- expected on client:`, vnode.type);
 			logMismatchError();
 		}
 		vnode.el = null;
@@ -4461,20 +4605,22 @@ function createHydrationFunctions(rendererInternals) {
 		const container = parentNode(node);
 		remove(node);
 		patch(null, vnode, container, next, parentComponent, parentSuspense, getContainerType(container), slotScopeIds);
-		if (parentComponent) {
+		if (parentComponent && parentComponent.vnode) {
 			parentComponent.vnode.el = vnode.el;
 			updateHOCHostEl(parentComponent, vnode.el);
 		}
 		return next;
 	};
-	const locateClosingAnchor = (node, open = "[", close = "]") => {
+	const locateClosingAnchor = (node, open = node && isComment(node) && node.data === "(" ? "(" : "[", close = open === "(" ? ")" : "]") => {
 		let match = 0;
 		while (node) {
 			node = nextSibling(node);
 			if (node && isComment(node)) {
 				if (node.data === open) match++;
-				if (node.data === close) if (match === 0) return nextSibling(node);
-				else match--;
+				if (node.data === close) {
+					if (match === 0) return nextSibling(node);
+					else match--;
+				}
 			}
 		}
 		return node;
@@ -4484,7 +4630,7 @@ function createHydrationFunctions(rendererInternals) {
 		if (parentNode) parentNode.replaceChild(newNode, oldNode);
 		let parent = parentComponent;
 		while (parent) {
-			if (parent.vnode.el === oldNode) parent.vnode.el = parent.subTree.el = newNode;
+			if (parent.vnode && parent.vnode.el === oldNode) parent.vnode.el = parent.subTree.el = newNode;
 			parent = parent.parent;
 		}
 	};
@@ -4493,6 +4639,16 @@ function createHydrationFunctions(rendererInternals) {
 const isTemplateNode = (node) => {
 	return node.nodeType === 1 && node.tagName === "TEMPLATE";
 };
+const resourceProps = /*@__PURE__*/ new Set([
+	"src",
+	"srcset",
+	"href",
+	"poster"
+]);
+function isUnchangedResourceProp(el, key, clientValue) {
+	if (!resourceProps.has(key)) return false;
+	return el.getAttribute(key) === (clientValue == null ? null : `${clientValue}`);
+}
 /**
 * Dev only
 */
@@ -4536,7 +4692,10 @@ function propHasMismatch(el, key, clientValue, vnode, instance) {
 function getAttributeMismatch(el, key, clientValue) {
 	let actual;
 	let expected;
-	if (isBooleanAttr(key)) {
+	if (key === "hidden") {
+		actual = normalizeHiddenValue(el.getAttribute(key));
+		expected = normalizeHiddenValue(clientValue);
+	} else if (isBooleanAttr(key)) {
 		actual = el.hasAttribute(key);
 		expected = includeBooleanAttr(clientValue);
 	} else if (clientValue == null) {
@@ -4564,6 +4723,11 @@ function warnPropMismatch(el, mismatchKey, mismatchType, actual, expected) {
 	}
 	return false;
 }
+function normalizeHiddenValue(value) {
+	if (!isRenderableAttrValue(value)) return false;
+	if (isString(value)) return value.toLowerCase() === "until-found" ? "until-found" : "";
+	return includeBooleanAttr(value) ? "" : false;
+}
 function toClassSet(str) {
 	return new Set(str.trim().split(/\s+/));
 }
@@ -4714,16 +4878,18 @@ const hydrateOnInteraction = (interactions = []) => (hydrate, forEach) => {
 	return teardown;
 };
 function forEachElement(node, cb) {
-	if (isComment(node) && node.data === "[") {
+	if (isComment(node) && (node.data === "[" || node.data === "(")) {
+		const open = node.data;
+		const close = open === "[" ? "]" : ")";
 		let depth = 1;
 		let next = node.nextSibling;
 		while (next) {
 			if (next.nodeType === 1) {
 				if (cb(next) === false) break;
 			} else if (isComment(next)) {
-				if (next.data === "]") {
+				if (next.data === close) {
 					if (--depth === 0) break;
-				} else if (next.data === "[") depth++;
+				} else if (next.data === open) depth++;
 			}
 			next = next.nextSibling;
 		}
@@ -4732,14 +4898,14 @@ function forEachElement(node, cb) {
 //#endregion
 //#region packages/runtime-core/src/apiAsyncComponent.ts
 const isAsyncWrapper = (i) => !!i.type.__asyncLoader;
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function defineAsyncComponent(source) {
 	const { load, getResolvedComp, setPendingRequest, source: { loadingComponent, errorComponent, delay, hydrate: hydrateStrategy, timeout, suspensible = true } } = createAsyncComponentContext(source);
 	return /* @__PURE__ */ defineComponent({
 		name: "AsyncComponentWrapper",
 		__asyncLoader: load,
 		__asyncHydrate(el, instance, hydrate) {
-			performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy);
+			performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy, true);
 		},
 		get __asyncResolved() {
 			return getResolvedComp();
@@ -4858,10 +5024,10 @@ const useAsyncComponentState = (delay, timeout, onError, instance = currentInsta
 * shared between core and vapor
 * @internal
 */
-function performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy) {
+function performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy, skipIfUpdated) {
 	const wasConnected = el.isConnected;
 	let patched = false;
-	(instance.bu || (instance.bu = [])).push(() => patched = true);
+	if (skipIfUpdated) (instance.bu || (instance.bu = [])).push(() => patched = true);
 	const performHydrate = () => {
 		if (patched) {
 			if (!!(process.env.NODE_ENV !== "production")) {
@@ -4951,10 +5117,13 @@ const KeepAliveImpl = {
 		});
 		let pendingCacheKey = null;
 		const cacheSubtree = () => {
-			if (pendingCacheKey != null) if (isSuspense(keepAliveInstance.subTree.type)) queuePostRenderEffect(() => {
-				cache.set(pendingCacheKey, getInnerChild(keepAliveInstance.subTree));
-			}, void 0, keepAliveInstance.subTree.suspense);
-			else cache.set(pendingCacheKey, getInnerChild(keepAliveInstance.subTree));
+			if (pendingCacheKey != null) {
+				if (isSuspense(keepAliveInstance.subTree.type)) queuePostRenderEffect(() => {
+					const vnode = getInnerChild(keepAliveInstance.subTree);
+					if (vnode.component) cache.set(pendingCacheKey, vnode);
+				}, void 0, keepAliveInstance.subTree.suspense);
+				else cache.set(pendingCacheKey, getInnerChild(keepAliveInstance.subTree));
+			}
 		};
 		onMounted(cacheSubtree);
 		onUpdated(cacheSubtree);
@@ -5025,7 +5194,7 @@ const decorate$2 = (t) => {
 	t.__isBuiltIn = true;
 	return t;
 };
-const KeepAlive = /* @__PURE__ */ decorate$2(KeepAliveImpl);
+const KeepAlive = /*@__PURE__*/ decorate$2(KeepAliveImpl);
 function matches(pattern, name) {
 	if (isArray(pattern)) return pattern.some((p) => matches(p, name));
 	else if (isString(pattern)) return pattern.split(",").includes(name);
@@ -5116,7 +5285,7 @@ function injectHook(type, hook, target = currentInstance, prepend = false) {
 			try {
 				return callWithAsyncErrorHandling(hook, target, type, args);
 			} finally {
-				setCurrentInstance(...prev);
+				restoreCurrentInstance(prev);
 				setActiveSub(prevSub);
 			}
 		});
@@ -5241,16 +5410,17 @@ function compatH(type, propsOrChildren, children) {
 	}
 	const l = arguments.length;
 	const is2ndArgArrayChildren = isArray(propsOrChildren);
-	if (l === 2 || is2ndArgArrayChildren) if (isObject(propsOrChildren) && !is2ndArgArrayChildren) {
-		if (isVNode(propsOrChildren)) return convertLegacySlots(createVNode(type, null, [propsOrChildren]));
-		return convertLegacySlots(convertLegacyDirectives(createVNode(type, convertLegacyProps(propsOrChildren, type)), propsOrChildren));
-	} else return convertLegacySlots(createVNode(type, null, propsOrChildren));
-	else {
+	if (l === 2 || is2ndArgArrayChildren) {
+		if (isObject(propsOrChildren) && !is2ndArgArrayChildren) {
+			if (isVNode(propsOrChildren)) return convertLegacySlots(createVNode(type, null, [propsOrChildren]));
+			return convertLegacySlots(convertLegacyDirectives(createVNode(type, convertLegacyProps(propsOrChildren, type)), propsOrChildren));
+		} else return convertLegacySlots(createVNode(type, null, propsOrChildren));
+	} else {
 		if (isVNode(children)) children = [children];
 		return convertLegacySlots(convertLegacyDirectives(createVNode(type, convertLegacyProps(propsOrChildren, type), children), propsOrChildren));
 	}
 }
-const skipLegacyRootLevelProps = /* @__PURE__ */ makeMap("staticStyle,staticClass,directives,model,hook");
+const skipLegacyRootLevelProps = /*@__PURE__*/ makeMap("staticStyle,staticClass,directives,model,hook");
 function convertLegacyProps(legacyProps, type) {
 	if (!legacyProps) return null;
 	const converted = {};
@@ -5262,8 +5432,10 @@ function convertLegacyProps(legacyProps, type) {
 			if (key === "nativeOn") handlerKey += `Native`;
 			const existing = converted[handlerKey];
 			const incoming = listeners[event];
-			if (existing !== incoming) if (existing) converted[handlerKey] = [].concat(existing, incoming);
-			else converted[handlerKey] = incoming;
+			if (existing !== incoming) {
+				if (existing) converted[handlerKey] = [].concat(existing, incoming);
+				else converted[handlerKey] = incoming;
+			}
 		}
 	} else if (!skipLegacyRootLevelProps(key)) converted[key] = legacyProps[key];
 	if (legacyProps.staticClass) converted.class = normalizeClass([legacyProps.staticClass, converted.class]);
@@ -5362,7 +5534,7 @@ function convertLegacyFunctionalComponent(comp) {
 	const legacyFn = comp.render;
 	const Func = (props, ctx) => {
 		const instance = getCurrentInstance();
-		return legacyFn(compatH, {
+		const legacyCtx = {
 			props,
 			children: instance.vnode.children || [],
 			data: instance.vnode.props || {},
@@ -5382,7 +5554,8 @@ function convertLegacyFunctionalComponent(comp) {
 				}
 				return {};
 			}
-		});
+		};
+		return legacyFn(compatH, legacyCtx);
 	};
 	Func.props = comp.props;
 	Func.displayName = comp.name;
@@ -5411,23 +5584,25 @@ function renderList(source, renderItem, cache, index) {
 		}
 		ret = new Array(source.length);
 		for (let i = 0, l = source.length; i < l; i++) ret[i] = renderItem(needsWrap ? isReadonlySource ? toReadonly(toReactive(source[i])) : toReactive(source[i]) : source[i], i, void 0, cached && cached[i]);
-	} else if (typeof source === "number") if (!!(process.env.NODE_ENV !== "production") && (!Number.isInteger(source) || source < 0)) {
-		warn$1(`The v-for range expects a positive integer value but got ${source}.`);
-		ret = [];
-	} else {
-		ret = new Array(source);
-		for (let i = 0; i < source; i++) ret[i] = renderItem(i + 1, i, void 0, cached && cached[i]);
-	}
-	else if (isObject(source)) if (source[Symbol.iterator]) ret = Array.from(source, (item, i) => renderItem(item, i, void 0, cached && cached[i]));
-	else {
-		const keys = Object.keys(source);
-		ret = new Array(keys.length);
-		for (let i = 0, l = keys.length; i < l; i++) {
-			const key = keys[i];
-			ret[i] = renderItem(source[key], key, i, cached && cached[i]);
+	} else if (typeof source === "number") {
+		if (!!(process.env.NODE_ENV !== "production") && (!Number.isInteger(source) || source < 0)) {
+			warn$1(`The v-for range expects a positive integer value but got ${source}.`);
+			ret = [];
+		} else {
+			ret = new Array(source);
+			for (let i = 0; i < source; i++) ret[i] = renderItem(i + 1, i, void 0, cached && cached[i]);
 		}
-	}
-	else ret = [];
+	} else if (isObject(source)) {
+		if (source[Symbol.iterator]) ret = Array.from(source, (item, i) => renderItem(item, i, void 0, cached && cached[i]));
+		else {
+			const keys = Object.keys(source);
+			ret = new Array(keys.length);
+			for (let i = 0, l = keys.length; i < l; i++) {
+				const key = keys[i];
+				ret[i] = renderItem(source[key], key, i, cached && cached[i]);
+			}
+		}
+	} else ret = [];
 	if (cache) cache[index] = ret;
 	return ret;
 }
@@ -5452,18 +5627,45 @@ function createSlots(slots, dynamicSlots) {
 //#endregion
 //#region packages/runtime-core/src/helpers/renderSlot.ts
 /**
+* Links a slot function to its raw vapor slot: a raw vapor slot carries
+* itself, and the wrapper the interop slots proxy hands out carries the raw
+* slot it wraps — one lookup answers both "is this a vapor slot" and
+* "which one". Internal to vapor interop.
+*/
+const rawVaporSlotKey = Symbol(`rawVaporSlot`);
+/**
+* Invokes a VDOM slot fallback under the outlet owner that produced it, the
+* way `renderSlot` would have rendered it inline. Vapor interop invokes
+* fallbacks late, outside any render, so it passes the owner recorded on the
+* vapor slot vnode. Internal to vapor interop.
+*/
+function invokeSlotFallback(fallback, owner) {
+	if (!owner) return fallback();
+	const prev = setCurrentRenderingInstance(owner);
+	const prevStackSize = blockStack.length;
+	try {
+		return fallback();
+	} finally {
+		for (let i = blockStack.length; i > prevStackSize; i--) closeBlock();
+		setCurrentRenderingInstance(prev);
+	}
+}
+/**
 * Compiler runtime helper for rendering `<slot/>`
 * @private
 */
-function renderSlot(slots, name, props = {}, fallback, noSlotted, branchKey) {
+function renderSlot(slots, name, props, fallback, noSlotted, branchKey) {
+	if (props == null) props = {};
 	let slot = slots[name];
-	if (fallback) fallback.__vdom = true;
-	const vaporSlot = slot && (slot.__vs || (slot.__vapor ? slot : null));
+	const vaporSlot = slot && slot[rawVaporSlotKey];
 	if (vaporSlot) {
 		const ret = (openBlock(), createBlock(VaporSlot, props));
 		ret.vs = {
 			slot: vaporSlot,
-			fallback
+			outlets: fallback ? [{
+				fallback,
+				owner: currentRenderingInstance
+			}] : void 0
 		};
 		if (!noSlotted && ret.scopeId) ret.slotScopeIds = [ret.scopeId + "-s"];
 		return ret;
@@ -5484,9 +5686,15 @@ function renderSlot(slots, name, props = {}, fallback, noSlotted, branchKey) {
 	let rendered;
 	try {
 		const validSlotContent = slot && ensureValidVNode(slot(props));
-		ensureVaporSlotFallback(validSlotContent, fallback);
+		let attached = false;
+		if (fallback && validSlotContent && currentRenderingInstance) {
+			const interop = currentRenderingInstance.appContext.vapor;
+			if (interop) attached = interop.attachSlotOutlet(validSlotContent, fallback, currentRenderingInstance);
+		}
 		const slotKey = props.key || branchKey || validSlotContent && validSlotContent.key;
 		rendered = createBlock(Fragment, { key: (slotKey && !isSymbol(slotKey) ? slotKey : `_${name}`) + (!validSlotContent && fallback ? "_fb" : "") }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 ? 64 : -2);
+		if (!validSlotContent && fallback) rendered.shapeFlag |= 1024;
+		if (attached) rendered.vo = true;
 	} catch (err) {
 		for (let i = blockStack.length; i > prevStackSize; i--) closeBlock();
 		throw err;
@@ -5504,10 +5712,6 @@ function ensureValidVNode(vnodes) {
 		return true;
 	}) ? vnodes : null;
 }
-function ensureVaporSlotFallback(vnodes, fallback) {
-	let vaporSlot;
-	if (vnodes && vnodes.length === 1 && isVNode(vnodes[0]) && (vaporSlot = vnodes[0].vs)) vaporSlot.outletFallback = fallback;
-}
 //#endregion
 //#region packages/runtime-core/src/helpers/toHandlers.ts
 /**
@@ -5566,12 +5770,14 @@ function legacyResolveScopedSlots(fns, raw, hasDynamicKeys) {
 function mapKeyToName(slots) {
 	for (let i = 0; i < slots.length; i++) {
 		const fn = slots[i];
-		if (fn) if (isArray(fn)) mapKeyToName(fn);
-		else fn.name = fn.key || "default";
+		if (fn) {
+			if (isArray(fn)) mapKeyToName(fn);
+			else fn.name = fn.key || "default";
+		}
 	}
 	return slots;
 }
-const staticCacheMap = /* @__PURE__ */ new WeakMap();
+const staticCacheMap = /*@__PURE__*/ new WeakMap();
 function legacyRenderStatic(instance, index) {
 	let cache = staticCacheMap.get(instance);
 	if (!cache) staticCacheMap.set(instance, cache = []);
@@ -5704,11 +5910,38 @@ const getPublicInstance = (i) => {
 	if (isStatefulComponent(i)) return getComponentPublicInstance(i);
 	return getPublicInstance(i.parent);
 };
+const resolveDevRootEl = (vnode) => {
+	let found = false;
+	while (true) {
+		if (vnode.patchFlag > 0 && vnode.patchFlag & 2048) {
+			const root = filterSingleRoot(vnode.children);
+			if (!root) return;
+			vnode = root;
+			found = true;
+			continue;
+		}
+		const component = vnode.component;
+		if (component && component.subTree) {
+			vnode = component.subTree;
+			continue;
+		}
+		const suspense = vnode.suspense;
+		if (suspense && suspense.activeBranch) {
+			vnode = suspense.activeBranch;
+			continue;
+		}
+		return found ? vnode.el : void 0;
+	}
+};
+const getDevRootFragmentEl = (i) => {
+	const el = i.subTree && resolveDevRootEl(i.subTree);
+	return el === void 0 ? i.vnode.el : el;
+};
 let publicPropertiesMap;
 const getPublicPropertiesMap = () => {
 	if (!publicPropertiesMap) publicPropertiesMap = extend(Object.create(null), {
 		$: (i) => i,
-		$el: (i) => i.vnode.el,
+		$el: (i) => !!(process.env.NODE_ENV !== "production") ? getDevRootFragmentEl(i) : i.vnode.el,
 		$data: (i) => i.data,
 		$props: (i) => !!(process.env.NODE_ENV !== "production") ? /* @__PURE__ */ shallowReadonly(i.props) : i.props,
 		$attrs: (i) => !!(process.env.NODE_ENV !== "production") ? /* @__PURE__ */ shallowReadonly(i.attrs) : i.attrs,
@@ -5821,7 +6054,7 @@ if (!!(process.env.NODE_ENV !== "production") && true) PublicInstanceProxyHandle
 	warn$1("Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead.");
 	return Reflect.ownKeys(target);
 };
-const RuntimeCompiledPublicInstanceProxyHandlers = /* @__PURE__ */ extend({}, PublicInstanceProxyHandlers, {
+const RuntimeCompiledPublicInstanceProxyHandlers = /*@__PURE__*/ extend({}, PublicInstanceProxyHandlers, {
 	get(target, key) {
 		if (key === Symbol.unscopables) return;
 		return PublicInstanceProxyHandlers.get(target, key, target);
@@ -6006,12 +6239,13 @@ function mergeDefaults(raw, defaults) {
 	for (const key in defaults) {
 		if (key.startsWith("__skip")) continue;
 		let opt = props[key];
-		if (opt) if (isArray(opt) || isFunction(opt)) opt = props[key] = {
-			type: opt,
-			default: defaults[key]
-		};
-		else opt.default = defaults[key];
-		else if (opt === null) opt = props[key] = { default: defaults[key] };
+		if (opt) {
+			if (isArray(opt) || isFunction(opt)) opt = props[key] = {
+				type: opt,
+				default: defaults[key]
+			};
+			else opt.default = defaults[key];
+		} else if (opt === null) opt = props[key] = { default: defaults[key] };
 		else if (!!(process.env.NODE_ENV !== "production")) warn$1(`props default key "${key}" has no corresponding declaration.`);
 		if (opt && defaults[`__skip_${key}`]) opt.skipFactory = true;
 	}
@@ -6061,37 +6295,32 @@ function createPropsRestProxy(props, excludedKeys) {
 function withAsyncContext(getAwaitable) {
 	const ctx = getCurrentGenericInstance();
 	const inSSRSetup = isInSSRComponentSetup;
-	const restoreAsyncContext = ctx && ctx.restoreAsyncContext ? ctx.restoreAsyncContext.bind(ctx) : void 0;
 	if (!!(process.env.NODE_ENV !== "production") && !ctx) warn$1("withAsyncContext called without active current instance. This is likely a bug.");
 	let awaitable = getAwaitable();
 	setCurrentInstance(null, void 0);
 	if (inSSRSetup) setInSSRSetupState(false);
 	const restore = () => {
-		const resetStoppedScope = ctx && !ctx.scope.active ? ctx.scope : void 0;
+		const stoppedScope = ctx && !ctx.scope.active ? ctx.scope : void 0;
 		setCurrentInstance(ctx);
 		if (inSSRSetup) setInSSRSetupState(true);
-		const reset = restoreAsyncContext && restoreAsyncContext();
-		return () => {
-			if (reset) reset();
-			if (resetStoppedScope) resetStoppedScope.reset();
-		};
+		return stoppedScope;
 	};
 	const cleanup = () => {
 		setCurrentInstance(null, void 0);
 		if (inSSRSetup) setInSSRSetupState(false);
 	};
 	if (isPromise(awaitable)) awaitable = awaitable.catch((e) => {
-		const reset = restore();
+		const stoppedScope = restore();
 		Promise.resolve().then(() => Promise.resolve().then(() => {
-			if (reset) reset();
+			if (stoppedScope) stoppedScope.reset();
 			cleanup();
 		}));
 		throw e;
 	});
 	return [awaitable, () => {
-		const reset = restore();
+		const stoppedScope = restore();
 		Promise.resolve().then(() => {
-			if (reset) reset();
+			if (stoppedScope) stoppedScope.reset();
 			cleanup();
 		});
 	}];
@@ -6155,11 +6384,12 @@ function applyOptions(instance) {
 		const opt = computedOptions[key];
 		const get = isFunction(opt) ? opt.bind(publicThis, publicThis) : isFunction(opt.get) ? opt.get.bind(publicThis, publicThis) : NOOP;
 		if (!!(process.env.NODE_ENV !== "production") && get === NOOP) warn$1(`Computed property "${key}" has no getter.`);
+		const set = !isFunction(opt) && isFunction(opt.set) ? opt.set.bind(publicThis) : !!(process.env.NODE_ENV !== "production") ? () => {
+			warn$1(`Write operation failed: computed property "${key}" is readonly.`);
+		} : NOOP;
 		const c = computed({
 			get,
-			set: !isFunction(opt) && isFunction(opt.set) ? opt.set.bind(publicThis) : !!(process.env.NODE_ENV !== "production") ? () => {
-				warn$1(`Write operation failed: computed property "${key}" is readonly.`);
-			} : NOOP
+			set
 		});
 		Object.defineProperty(ctx, key, {
 			enumerable: true,
@@ -6219,9 +6449,10 @@ function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP)
 	for (const key in injectOptions) {
 		const opt = injectOptions[key];
 		let injected;
-		if (isObject(opt)) if ("default" in opt) injected = inject(opt.from || key, opt.default, true);
-		else injected = inject(opt.from || key);
-		else injected = inject(opt);
+		if (isObject(opt)) {
+			if ("default" in opt) injected = inject(opt.from || key, opt.default, true);
+			else injected = inject(opt.from || key);
+		} else injected = inject(opt);
 		if (/* @__PURE__ */ isRef(injected)) Object.defineProperty(ctx, key, {
 			enumerable: true,
 			configurable: true,
@@ -6241,7 +6472,8 @@ function createWatcher(raw, ctx, publicThis, key) {
 	{
 		const cur = getCurrentInstance();
 		const instance = cur && getCurrentScope() === cur.scope ? cur : null;
-		if (isArray(getter()) && isCompatEnabled$1("WATCH_ARRAY", instance)) options.deep = true;
+		const newValue = getter();
+		if (isArray(newValue) && isCompatEnabled$1("WATCH_ARRAY", instance)) options.deep = true;
 		const baseGetter = getter;
 		getter = () => {
 			const val = baseGetter();
@@ -6254,13 +6486,14 @@ function createWatcher(raw, ctx, publicThis, key) {
 		if (isFunction(handler)) watch(getter, handler, options);
 		else if (!!(process.env.NODE_ENV !== "production")) warn$1(`Invalid watch handler specified by key "${raw}"`, handler);
 	} else if (isFunction(raw)) watch(getter, raw.bind(publicThis), options);
-	else if (isObject(raw)) if (isArray(raw)) raw.forEach((r) => createWatcher(r, ctx, publicThis, key));
-	else {
-		const handler = isFunction(raw.handler) ? raw.handler.bind(publicThis) : ctx[raw.handler];
-		if (isFunction(handler)) watch(getter, handler, extend(raw, options));
-		else if (!!(process.env.NODE_ENV !== "production")) warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler);
-	}
-	else if (!!(process.env.NODE_ENV !== "production")) warn$1(`Invalid watch option: "${key}"`, raw);
+	else if (isObject(raw)) {
+		if (isArray(raw)) raw.forEach((r) => createWatcher(r, ctx, publicThis, key));
+		else {
+			const handler = isFunction(raw.handler) ? raw.handler.bind(publicThis) : ctx[raw.handler];
+			if (isFunction(handler)) watch(getter, handler, extend(raw, options));
+			else if (!!(process.env.NODE_ENV !== "production")) warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler);
+		}
+	} else if (!!(process.env.NODE_ENV !== "production")) warn$1(`Invalid watch option: "${key}"`, raw);
 }
 /**
 * Resolve merged options and cache it on the component.
@@ -6274,12 +6507,13 @@ function resolveMergedOptions(instance) {
 	const cached = cache.get(base);
 	let resolved;
 	if (cached) resolved = cached;
-	else if (!globalMixins.length && !mixins && !extendsOptions) if (isCompatEnabled$1("PRIVATE_APIS", instance)) {
-		resolved = extend({}, base);
-		resolved.parent = instance.parent && instance.parent.proxy;
-		resolved.propsData = instance.vnode.props;
-	} else resolved = base;
-	else {
+	else if (!globalMixins.length && !mixins && !extendsOptions) {
+		if (isCompatEnabled$1("PRIVATE_APIS", instance)) {
+			resolved = extend({}, base);
+			resolved.parent = instance.parent && instance.parent.proxy;
+			resolved.propsData = instance.vnode.props;
+		} else resolved = base;
+	} else {
 		resolved = {};
 		if (globalMixins.length) globalMixins.forEach((m) => mergeOptions(resolved, m, optionMergeStrategies, true));
 		mergeOptions(resolved, base, optionMergeStrategies);
@@ -6352,7 +6586,7 @@ function mergeObjectOptions(to, from) {
 }
 function mergeEmitsOrPropsOptions(to, from) {
 	if (to) {
-		if (isArray(to) && isArray(from)) return [...new Set([...to, ...from])];
+		if (isArray(to) && isArray(from)) return [.../* @__PURE__ */ new Set([...to, ...from])];
 		return extend(Object.create(null), normalizePropsOrEmits(to), normalizePropsOrEmits(from !== null && from !== void 0 ? from : {}));
 	} else return from;
 }
@@ -6413,7 +6647,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
 		if (options.el) return vm.$mount(options.el);
 		else return vm;
 	}
-	Vue.version = `2.6.14-compat:3.6.0-rc.1`;
+	Vue.version = `2.6.14-compat:3.6.0-rc.10`;
 	Vue.config = singletonApp.config;
 	Vue.use = (plugin, ...options) => {
 		if (plugin && isFunction(plugin.install)) plugin.install(Vue, ...options);
@@ -6809,8 +7043,10 @@ function createAppAPI(mount, unmount, getPublicInstance, render) {
 				} else if (!!(process.env.NODE_ENV !== "production")) warn$1(`Cannot unmount an app that is not mounted.`);
 			},
 			provide(key, value) {
-				if (!!(process.env.NODE_ENV !== "production") && key in context.provides) if (hasOwn(context.provides, key)) warn$1(`App already provides property with key "${String(key)}". It will be overwritten with the new value.`);
-				else warn$1(`App already provides property with key "${String(key)}" inherited from its parent element. It will be overwritten with the new value.`);
+				if (!!(process.env.NODE_ENV !== "production") && key in context.provides) {
+					if (hasOwn(context.provides, key)) warn$1(`App already provides property with key "${String(key)}". It will be overwritten with the new value.`);
+					else warn$1(`App already provides property with key "${String(key)}" inherited from its parent element. It will be overwritten with the new value.`);
+				}
 				context.provides[key] = value;
 				return app;
 			},
@@ -6892,13 +7128,17 @@ function useModel(props, name, options = EMPTY_OBJ) {
 	const modifiers = getModelModifiers(props, camelizedName, defaultPropGetter);
 	const res = customRef((track, trigger) => {
 		let localValue;
+		let prevPropValue = EMPTY_OBJ;
 		let prevSetValue = EMPTY_OBJ;
 		let prevEmittedValue;
 		watchSyncEffect(() => {
 			const propValue = props[camelizedName];
-			if (hasChanged(localValue, propValue)) {
-				localValue = propValue;
-				trigger();
+			if (hasChanged(prevPropValue, propValue)) {
+				prevPropValue = propValue;
+				if (hasChanged(localValue, propValue)) {
+					localValue = propValue;
+					trigger();
+				}
 			}
 		});
 		return {
@@ -6960,12 +7200,14 @@ function baseEmit(instance, props, getter, event, ...rawArgs) {
 	if (instance.isUnmounted) return;
 	if (!!(process.env.NODE_ENV !== "production")) {
 		const { emitsOptions, propsOptions } = instance;
-		if (emitsOptions) if (!(event in emitsOptions) && !(event.startsWith("hook:") || event.startsWith(compatModelEventPrefix))) {
-			if (!propsOptions || !propsOptions[0] || !(toHandlerKey(camelize(event)) in propsOptions[0])) warn$1(`Component emitted event "${event}" but it is neither declared in the emits option nor as an "${toHandlerKey(camelize(event))}" prop.`);
-		} else {
-			const validator = emitsOptions[event];
-			if (isFunction(validator)) {
-				if (!validator(...rawArgs)) warn$1(`Invalid event arguments: event validation failed for event "${event}".`);
+		if (emitsOptions) {
+			if (!(event in emitsOptions) && !(event.startsWith("hook:") || event.startsWith(compatModelEventPrefix))) {
+				if (!propsOptions || !propsOptions[0] || !(toHandlerKey(camelize(event)) in propsOptions[0])) warn$1(`Component emitted event "${event}" but it is neither declared in the emits option nor as an "${toHandlerKey(camelize(event))}" prop.`);
+			} else {
+				const validator = emitsOptions[event];
+				if (isFunction(validator)) {
+					if (!validator(...rawArgs)) warn$1(`Invalid event arguments: event validation failed for event "${event}".`);
+				}
 			}
 		}
 	}
@@ -6975,7 +7217,7 @@ function baseEmit(instance, props, getter, event, ...rawArgs) {
 	const modifiers = isCompatModelListener ? props.modelModifiers : isModelListener && getModelModifiers(props, event.slice(7), getter);
 	if (modifiers) {
 		if (modifiers.trim) args = rawArgs.map((a) => isString(a) ? a.trim() : a);
-		if (modifiers.number) args = rawArgs.map(looseToNumber);
+		if (modifiers.number) args = args.map(looseToNumber);
 	}
 	if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) devtoolsComponentEmit(instance, event, args);
 	if (!!(process.env.NODE_ENV !== "production")) {
@@ -7121,8 +7363,9 @@ function renderComponentRoot(instance) {
 		root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
 	}
 	if (vnode.transition) {
-		if (!!(process.env.NODE_ENV !== "production") && !isElementRoot(root)) warn$1("Component inside <Transition> renders non-element root node that cannot be animated.");
-		setTransitionHooks(root, vnode.transition);
+		const child = isTeleport(root.type) ? getInnerChild$1(root) || root : root;
+		if (!!(process.env.NODE_ENV !== "production") && !isElementRoot(child)) warn$1("Component inside <Transition> renders non-element root node that cannot be animated.");
+		setTransitionHooks(child, vnode.transition);
 	}
 	if (!!(process.env.NODE_ENV !== "production") && setRoot) setRoot(root);
 	else result = root;
@@ -7173,18 +7416,21 @@ function filterSingleRoot(children, recurse = true) {
 	for (let i = 0; i < children.length; i++) {
 		const child = children[i];
 		if (isVNode(child)) {
-			if (child.type !== Comment || child.children === "v-if") if (singleRoot) return;
-			else {
-				singleRoot = child;
-				if (!!(process.env.NODE_ENV !== "production") && recurse && singleRoot.patchFlag > 0 && singleRoot.patchFlag & 2048) return filterSingleRoot(singleRoot.children);
+			if (child.type !== Comment || child.children === "v-if") {
+				if (singleRoot) return;
+				else {
+					singleRoot = child;
+					if (!!(process.env.NODE_ENV !== "production") && recurse && singleRoot.patchFlag > 0 && singleRoot.patchFlag & 2048) return filterSingleRoot(singleRoot.children);
+				}
 			}
 		} else return;
 	}
 	return singleRoot;
 }
+const isFunctionalFallthroughKey = (key) => key === "class" || key === "style" || isOn(key);
 const getFunctionalFallthrough = (attrs) => {
 	let res;
-	for (const key in attrs) if (key === "class" || key === "style" || isOn(key)) (res || (res = {}))[key] = attrs[key];
+	for (const key in attrs) if (isFunctionalFallthroughKey(key)) (res || (res = {}))[key] = attrs[key];
 	return res;
 };
 const filterModelListeners = (attrs, props) => {
@@ -7320,16 +7566,17 @@ function updateProps(instance, rawProps, rawPrevProps, optimized) {
 				let key = propsToUpdate[i];
 				if (isEmitListener(instance.emitsOptions, key)) continue;
 				const value = rawProps[key];
-				if (options) if (hasOwn(attrs, key)) {
-					if (value !== attrs[key]) {
-						attrs[key] = value;
-						hasAttrsChanged = true;
+				if (options) {
+					if (hasOwn(attrs, key)) {
+						if (value !== attrs[key]) {
+							attrs[key] = value;
+							hasAttrsChanged = true;
+						}
+					} else {
+						const camelizedKey = camelize(key);
+						props[camelizedKey] = resolvePropValue(options, camelizedKey, value, instance, baseResolveDefault);
 					}
 				} else {
-					const camelizedKey = camelize(key);
-					props[camelizedKey] = resolvePropValue(options, camelizedKey, value, instance, baseResolveDefault);
-				}
-				else {
 					if (isOn(key) && key.endsWith("Native")) key = key.slice(0, -6);
 					else if (shouldSkipAttr(key, instance)) continue;
 					if (value !== attrs[key]) {
@@ -7342,9 +7589,11 @@ function updateProps(instance, rawProps, rawPrevProps, optimized) {
 	} else {
 		if (setFullProps(instance, rawProps, props, attrs)) hasAttrsChanged = true;
 		let kebabKey;
-		for (const key in rawCurrentProps) if (!rawProps || !hasOwn(rawProps, key) && ((kebabKey = hyphenate(key)) === key || !hasOwn(rawProps, kebabKey))) if (options) {
-			if (rawPrevProps && (rawPrevProps[key] !== void 0 || rawPrevProps[kebabKey] !== void 0)) props[key] = resolvePropValue(options, key, void 0, instance, baseResolveDefault, true);
-		} else delete props[key];
+		for (const key in rawCurrentProps) if (!rawProps || !hasOwn(rawProps, key) && ((kebabKey = hyphenate(key)) === key || !hasOwn(rawProps, kebabKey))) {
+			if (options) {
+				if (rawPrevProps && (rawPrevProps[key] !== void 0 || rawPrevProps[kebabKey] !== void 0)) props[key] = resolvePropValue(options, key, void 0, instance, baseResolveDefault, true);
+			} else delete props[key];
+		}
 		if (attrs !== rawCurrentProps) {
 			for (const key in attrs) if (!rawProps || !hasOwn(rawProps, key) && !hasOwn(rawProps, key + "Native")) {
 				delete attrs[key];
@@ -7365,9 +7614,10 @@ function setFullProps(instance, rawProps, props, attrs) {
 		if (key === "inline-template") continue;
 		const value = rawProps[key];
 		let camelKey;
-		if (options && hasOwn(options, camelKey = camelize(key))) if (!needCastKeys || !needCastKeys.includes(camelKey)) props[camelKey] = value;
-		else (rawCastValues || (rawCastValues = {}))[camelKey] = value;
-		else if (!isEmitListener(instance.emitsOptions, key)) {
+		if (options && hasOwn(options, camelKey = camelize(key))) {
+			if (!needCastKeys || !needCastKeys.includes(camelKey)) props[camelKey] = value;
+			else (rawCastValues || (rawCastValues = {}))[camelKey] = value;
+		} else if (!isEmitListener(instance.emitsOptions, key)) {
 			if (isOn(key) && key.endsWith("Native")) key = key.slice(0, -6);
 			else if (shouldSkipAttr(key, instance)) continue;
 			if (!(key in attrs) || value !== attrs[key]) {
@@ -7416,7 +7666,7 @@ function baseResolveDefault(factory, instance, key) {
 	const prev = setCurrentInstance(instance);
 	const props = /* @__PURE__ */ toRaw(instance.props);
 	value = factory.call(isCompatEnabled$1("PROPS_DEFAULT_THIS", instance) ? createPropsDefaultThis(instance, props, key) : null, props);
-	setCurrentInstance(...prev);
+	restoreCurrentInstance(prev);
 	return value;
 }
 const mixinPropsCache = /* @__PURE__ */ new WeakMap();
@@ -7533,7 +7783,7 @@ function validateProp(key, value, propOptions, resolvedProps, isAbsent) {
 	}
 	if (validator && !validator(value, !!(process.env.NODE_ENV !== "production") ? /* @__PURE__ */ shallowReadonly(resolvedProps) : resolvedProps)) warn$1("Invalid prop: custom validator check failed for prop \"" + key + "\".");
 }
-const isSimpleType = /* @__PURE__ */ makeMap("String,Number,Boolean,Function,Symbol,BigInt");
+const isSimpleType = /*@__PURE__*/ makeMap("String,Number,Boolean,Function,Symbol,BigInt");
 /**
 * dev only
 */
@@ -7646,12 +7896,13 @@ const updateSlots = (instance, children, optimized) => {
 	let deletionComparisonTarget = EMPTY_OBJ;
 	if (vnode.shapeFlag & 32) {
 		const type = children._;
-		if (type) if (!!(process.env.NODE_ENV !== "production") && isHmrUpdating) {
-			assignSlots(slots, children, optimized);
-			trigger(instance, "set", "$slots");
-		} else if (optimized && type === 1) needDeletionCheck = false;
-		else assignSlots(slots, children, optimized);
-		else {
+		if (type) {
+			if (!!(process.env.NODE_ENV !== "production") && isHmrUpdating) {
+				assignSlots(slots, children, optimized);
+				trigger(instance, "set", "$slots");
+			} else if (optimized && type === 1) needDeletionCheck = false;
+			else assignSlots(slots, children, optimized);
+		} else {
 			needDeletionCheck = !children.$stable;
 			normalizeObjectSlots(children, slots, instance);
 		}
@@ -7669,7 +7920,7 @@ const updateSlots = (instance, children, optimized) => {
 let supported;
 let perf;
 let cachedNow$1 = 0;
-const p$1 = /* @__PURE__ */ Promise.resolve();
+const p$1 = /*@__PURE__*/ Promise.resolve();
 const getNow$1 = () => cachedNow$1 || (p$1.then(() => cachedNow$1 = 0), cachedNow$1 = isSupported() ? perf.now() : Date.now());
 /**
 * @internal
@@ -7780,6 +8031,10 @@ function baseCreateRenderer(options, createHydrationFns) {
 			optimized = false;
 			n2.dynamicChildren = null;
 		}
+		if (n2.dynamicChildren && n1 && n1.dynamicChildren && n1.dynamicChildren.hasOnce) {
+			if (n2.dynamicChildren === EMPTY_ARR) n2.dynamicChildren = [];
+			n2.dynamicChildren.hasOnce = true;
+		}
 		const { type, ref, shapeFlag } = n2;
 		switch (type) {
 			case Text:
@@ -7796,7 +8051,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 				processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 				break;
 			case VaporSlot:
-				getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent, parentSuspense);
+				getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent, parentSuspense, slotScopeIds);
 				break;
 			default: if (shapeFlag & 1) processElement(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 			else if (shapeFlag & 6) processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
@@ -7917,7 +8172,10 @@ function baseCreateRenderer(options, createHydrationFns) {
 		for (let i = 0; i < inheritedScopeIds.length; i++) hostSetScopeId(el, inheritedScopeIds[i]);
 	};
 	const mountChildren = (children, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, start = 0) => {
-		for (let i = start; i < children.length; i++) patch(null, children[i] = optimized ? cloneIfMounted(children[i]) : normalizeVNode(children[i]), container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
+		for (let i = start; i < children.length; i++) {
+			const child = children[i] = optimized ? cloneIfMounted(children[i]) : normalizeVNode(children[i]);
+			patch(null, child, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
+		}
 	};
 	const patchElement = (n1, n2, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
 		const el = n2.el = n1.el;
@@ -7929,6 +8187,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 		let vnodeHook;
 		parentComponent && toggleRecurse(parentComponent, false);
 		if (vnodeHook = newProps.onVnodeBeforeUpdate) invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
+		if (n2.ibu) n2.ibu();
 		if (dirs) invokeDirectiveHook(n2, n1, parentComponent, "beforeUpdate");
 		parentComponent && toggleRecurse(parentComponent, true);
 		if (!!(process.env.NODE_ENV !== "production") && isHmrUpdating || dynamicChildren && (!n1.dynamicChildren || n1.dynamicChildren.length !== dynamicChildren.length)) {
@@ -7962,8 +8221,9 @@ function baseCreateRenderer(options, createHydrationFns) {
 				if (n1.children !== n2.children) hostSetElementText(el, n2.children);
 			}
 		} else if (!optimized && dynamicChildren == null) patchProps(el, oldProps, newProps, parentComponent, namespace);
-		if ((vnodeHook = newProps.onVnodeUpdated) || dirs) queuePostRenderEffect(() => {
+		if ((vnodeHook = newProps.onVnodeUpdated) || dirs || n2.iu) queuePostRenderEffect(() => {
 			vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
+			n2.iu && n2.iu();
 			dirs && invokeDirectiveHook(n2, n1, parentComponent, "updated");
 		}, void 0, parentSuspense);
 	};
@@ -7971,7 +8231,8 @@ function baseCreateRenderer(options, createHydrationFns) {
 		for (let i = 0; i < newChildren.length; i++) {
 			const oldVNode = oldChildren[i];
 			const newVNode = newChildren[i];
-			patch(oldVNode, newVNode, oldVNode.el && (oldVNode.type === Fragment || !isSameVNodeType(oldVNode, newVNode) || oldVNode.shapeFlag & 198) ? hostParentNode(oldVNode.el) : fallbackContainer, null, parentComponent, parentSuspense, namespace, slotScopeIds, true);
+			const container = oldVNode.el && (oldVNode.type === Fragment || !isSameVNodeType(oldVNode, newVNode) || oldVNode.shapeFlag & 198) ? hostParentNode(oldVNode.el) : fallbackContainer;
+			patch(oldVNode, newVNode, container, null, parentComponent, parentSuspense, namespace, slotScopeIds, true);
 		}
 	};
 	const patchProps = (el, oldProps, newProps, parentComponent, namespace) => {
@@ -8010,41 +8271,15 @@ function baseCreateRenderer(options, createHydrationFns) {
 	};
 	const processComponent = (n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
 		n2.slotScopeIds = slotScopeIds;
-		if (n2.type.__vapor) if (n1 == null) if (n2.shapeFlag & 512) getVaporInterface(parentComponent, n2).activate(n2, container, anchor, parentComponent);
-		else {
-			const vnodeBeforeMountHook = !isAsyncWrapper(n2) && n2.props && n2.props.onVnodeBeforeMount;
-			getVaporInterface(parentComponent, n2).mount(n2, container, anchor, parentComponent, parentSuspense, () => {
-				if (n2.dirs) {
-					invokeDirectiveHook(n2, null, parentComponent, "created");
-					invokeDirectiveHook(n2, null, parentComponent, "beforeMount");
-				}
-			}, () => {
-				if (vnodeBeforeMountHook) invokeVNodeHook(vnodeBeforeMountHook, parentComponent, n2);
-			});
-			if (n2.dirs) queuePostRenderEffect(() => invokeDirectiveHook(n2, null, parentComponent, "mounted"), void 0, parentSuspense);
-			const vnodeMountedHook = !isAsyncWrapper(n2) && n2.props && n2.props.onVnodeMounted;
-			if (vnodeMountedHook) {
-				const scopedVNode = n2;
-				queuePostRenderEffect(() => invokeVNodeHook(vnodeMountedHook, parentComponent, scopedVNode), void 0, parentSuspense);
-			}
-		}
-		else {
-			const shouldUpdate = shouldUpdateComponent(n1, n2, optimized);
-			getVaporInterface(parentComponent, n2).update(n1, n2, shouldUpdate, () => {
-				if (n2.dirs) invokeDirectiveHook(n2, n1, parentComponent, "beforeUpdate");
-			}, () => {
-				const vnodeBeforeUpdateHook = n2.props && n2.props.onVnodeBeforeUpdate;
-				if (vnodeBeforeUpdateHook) invokeVNodeHook(vnodeBeforeUpdateHook, parentComponent, n2, n1);
-			});
-			const vnodeUpdatedHook = n2.props && n2.props.onVnodeUpdated;
-			if (shouldUpdate && (vnodeUpdatedHook || n2.dirs)) queuePostRenderEffect(() => {
-				n2.dirs && invokeDirectiveHook(n2, n1, parentComponent, "updated");
-				vnodeUpdatedHook && invokeVNodeHook(vnodeUpdatedHook, parentComponent, n2, n1);
-			}, void 0, parentSuspense);
-		}
-		else if (n1 == null) if (n2.shapeFlag & 512) parentComponent.ctx.activate(n2, container, anchor, namespace, optimized);
-		else mountComponent(n2, container, anchor, parentComponent, parentSuspense, namespace, optimized);
-		else updateComponent(n1, n2, optimized);
+		if (n2.type.__vapor) {
+			if (n1 == null) {
+				if (n2.shapeFlag & 512) getVaporInterface(parentComponent, n2).activate(n2, container, anchor, parentComponent, parentSuspense);
+				else getVaporInterface(parentComponent, n2).mount(n2, container, anchor, parentComponent, parentSuspense);
+			} else getVaporInterface(parentComponent, n2).update(n1, n2, shouldUpdateComponent(n1, n2, optimized));
+		} else if (n1 == null) {
+			if (n2.shapeFlag & 512) parentComponent.ctx.activate(n2, container, anchor, namespace, optimized);
+			else mountComponent(n2, container, anchor, parentComponent, parentSuspense, namespace, optimized);
+		} else updateComponent(n1, n2, optimized);
 	};
 	const mountComponent = (initialVNode, container, anchor, parentComponent, parentSuspense, namespace, optimized) => {
 		const compatMountInstance = initialVNode.isCompatRoot && initialVNode.component;
@@ -8092,16 +8327,18 @@ function baseCreateRenderer(options, createHydrationFns) {
 	};
 	const updateComponent = (n1, n2, optimized) => {
 		const instance = n2.component = n1.component;
-		if (shouldUpdateComponent(n1, n2, optimized)) if (instance.asyncDep && !instance.asyncResolved) {
-			if (!!(process.env.NODE_ENV !== "production")) pushWarningContext(n2);
-			updateComponentPreRender(instance, n2, optimized);
-			if (!!(process.env.NODE_ENV !== "production")) popWarningContext();
-			return;
+		if (shouldUpdateComponent(n1, n2, optimized)) {
+			if (instance.asyncDep && !instance.asyncResolved) {
+				if (!!(process.env.NODE_ENV !== "production")) pushWarningContext(n2);
+				n2.el = n1.el;
+				updateComponentPreRender(instance, n2, optimized);
+				if (!!(process.env.NODE_ENV !== "production")) popWarningContext();
+				return;
+			} else {
+				instance.next = n2;
+				instance.effect.run();
+			}
 		} else {
-			instance.next = n2;
-			instance.effect.run();
-		}
-		else {
 			n2.el = n1.el;
 			instance.vnode = n2;
 		}
@@ -8206,6 +8443,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 				} else next = vnode;
 				if (bu) invokeArrayFns(bu);
 				if (vnodeHook = next.props && next.props.onVnodeBeforeUpdate) invokeVNodeHook(vnodeHook, parent, next, vnode);
+				if (next.ibu) next.ibu();
 				if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS", instance)) instance.emit("hook:beforeUpdate");
 				toggleRecurse(instance, true);
 				if (!!(process.env.NODE_ENV !== "production")) startMeasure(instance, `render`);
@@ -8219,7 +8457,10 @@ function baseCreateRenderer(options, createHydrationFns) {
 				next.el = nextTree.el;
 				if (originNext === null) updateHOCHostEl(instance, nextTree.el);
 				if (u) queuePostRenderEffect(u, void 0, parentSuspense);
-				if (vnodeHook = next.props && next.props.onVnodeUpdated) queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, next, vnode), void 0, parentSuspense);
+				if ((vnodeHook = next.props && next.props.onVnodeUpdated) || next.iu) queuePostRenderEffect(() => {
+					vnodeHook && invokeVNodeHook(vnodeHook, parent, next, vnode);
+					next.iu && next.iu();
+				}, void 0, parentSuspense);
 				if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS", instance)) queuePostRenderEffect(() => instance.emit("hook:updated"), void 0, parentSuspense);
 				if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) devtoolsComponentUpdated(instance);
 				if (!!(process.env.NODE_ENV !== "production")) popWarningContext();
@@ -8260,9 +8501,10 @@ function baseCreateRenderer(options, createHydrationFns) {
 		if (shapeFlag & 8) {
 			if (prevShapeFlag & 16) unmountChildren(c1, parentComponent, parentSuspense);
 			if (c2 !== c1) hostSetElementText(container, c2);
-		} else if (prevShapeFlag & 16) if (shapeFlag & 16) patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
-		else unmountChildren(c1, parentComponent, parentSuspense, true);
-		else {
+		} else if (prevShapeFlag & 16) {
+			if (shapeFlag & 16) patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
+			else unmountChildren(c1, parentComponent, parentSuspense, true);
+		} else {
 			if (prevShapeFlag & 8) hostSetElementText(container, "");
 			if (shapeFlag & 16) mountChildren(c2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 		}
@@ -8361,15 +8603,17 @@ function baseCreateRenderer(options, createHydrationFns) {
 				const anchorVNode = c2[nextIndex + 1];
 				const anchor = nextIndex + 1 < l2 ? anchorVNode.el || resolveAsyncComponentPlaceholder(anchorVNode) : parentAnchor;
 				if (newIndexToOldIndexMap[i] === 0) patch(null, nextChild, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
-				else if (moved) if (j < 0 || i !== increasingNewIndexSequence[j]) move(nextChild, container, anchor, 2, parentComponent);
-				else j--;
+				else if (moved) {
+					if (j < 0 || i !== increasingNewIndexSequence[j]) move(nextChild, container, anchor, 2, parentComponent);
+					else j--;
+				}
 			}
 		}
 	};
 	const move = (vnode, container, anchor, moveType, parentComponent, parentSuspense = null) => {
 		const { el, type, transition, children, shapeFlag } = vnode;
 		if (isVaporComponent(type) || type === VaporSlot) {
-			getVaporInterface(parentComponent, vnode).move(vnode, container, anchor, moveType);
+			getVaporInterface(parentComponent, vnode).move(vnode, container, anchor, moveType, parentSuspense);
 			return;
 		}
 		if (shapeFlag & 6) {
@@ -8394,54 +8638,37 @@ function baseCreateRenderer(options, createHydrationFns) {
 			moveStaticNode(vnode, container, anchor);
 			return;
 		}
-		if (moveType !== 2 && shapeFlag & 1 && transition) if (moveType === 0) performTransitionEnter(el, transition, () => hostInsert(el, container, anchor), parentSuspense, true);
-		else {
-			const { leave, delayLeave, afterLeave } = transition;
-			const remove = () => {
+		if (moveType !== 2 && shapeFlag & 1 && transition) {
+			if (moveType === 0) performTransitionEnter(el, transition, () => hostInsert(el, container, anchor), parentSuspense, true);
+			else performTransitionLeave(el, transition, () => {
 				if (vnode.ctx.isUnmounted) hostRemove(el);
 				else hostInsert(el, container, anchor);
-			};
-			const performLeave = () => {
-				const wasLeaving = el._isLeaving || !!el[leaveCbKey];
-				if (el._isLeaving) el[leaveCbKey](true);
-				if (transition.persisted && !wasLeaving) remove();
-				else leave(el, () => {
-					remove();
-					afterLeave && afterLeave();
-				});
-			};
-			if (delayLeave) delayLeave(el, remove, performLeave);
-			else performLeave();
-		}
-		else hostInsert(el, container, anchor);
+			}, true, true);
+		} else hostInsert(el, container, anchor);
 	};
 	const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
 		const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs, cacheIndex, memo } = vnode;
-		if (patchFlag === -2) optimized = false;
+		if (patchFlag === -2 || dynamicChildren && dynamicChildren.hasOnce) optimized = false;
 		if (ref != null) {
 			const prevSub = setActiveSub();
 			setRef(ref, null, parentSuspense, vnode, true);
 			setActiveSub(prevSub);
 		}
-		if (cacheIndex != null) parentComponent.renderCache[cacheIndex] = void 0;
+		if (cacheIndex != null && (!vnode.ctx || vnode.ctx === parentComponent)) parentComponent.renderCache[cacheIndex] = void 0;
 		if (shapeFlag & 256) {
-			if (isVaporComponent(vnode.type)) getVaporInterface(parentComponent, vnode).deactivate(vnode, parentComponent.ctx.getStorageContainer());
+			if (isVaporComponent(vnode.type)) getVaporInterface(parentComponent, vnode).deactivate(vnode, parentComponent.ctx.getStorageContainer(), parentSuspense);
 			else parentComponent.ctx.deactivate(vnode);
 			return;
 		}
+		if (shapeFlag & 6 && isVaporComponent(type)) {
+			getVaporInterface(parentComponent, vnode).unmount(vnode, doRemove, parentSuspense);
+			return;
+		}
 		const shouldInvokeDirs = shapeFlag & 1 && dirs;
 		const shouldInvokeVnodeHook = !isAsyncWrapper(vnode);
 		let vnodeHook;
 		if (shouldInvokeVnodeHook && (vnodeHook = props && props.onVnodeBeforeUnmount)) invokeVNodeHook(vnodeHook, parentComponent, vnode);
-		if (shapeFlag & 6) if (isVaporComponent(type)) {
-			if (dirs) invokeDirectiveHook(vnode, null, parentComponent, "beforeUnmount");
-			getVaporInterface(parentComponent, vnode).unmount(vnode, doRemove);
-			if (shouldInvokeVnodeHook && (vnodeHook = props && props.onVnodeUnmounted) || dirs) queuePostRenderEffect(() => {
-				dirs && invokeDirectiveHook(vnode, null, parentComponent, "unmounted");
-				vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
-			}, void 0, parentSuspense);
-			return;
-		} else unmountComponent(vnode.component, parentSuspense, doRemove);
+		if (shapeFlag & 6) unmountComponent(vnode.component, parentSuspense, doRemove);
 		else {
 			if (shapeFlag & 128) {
 				vnode.suspense.unmount(parentSuspense, doRemove);
@@ -8452,7 +8679,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 			else if (dynamicChildren && !dynamicChildren.hasOnce && (type !== Fragment || patchFlag > 0 && patchFlag & 64)) unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true);
 			else if (type === Fragment && patchFlag & 384 || !optimized && shapeFlag & 16) unmountChildren(children, parentComponent, parentSuspense);
 			if (type === VaporSlot) {
-				getVaporInterface(parentComponent, vnode).unmount(vnode, doRemove);
+				getVaporInterface(parentComponent, vnode).unmount(vnode, doRemove, parentSuspense);
 				return;
 			}
 			if (doRemove) remove(vnode);
@@ -8476,6 +8703,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 		}
 		if (type === Static) {
 			removeStaticNode(vnode);
+			if (transition && !transition.persisted && transition.afterLeave) transition.afterLeave();
 			return;
 		}
 		if (transition) performTransitionLeave(el, transition, () => hostRemove(el), !!(vnode.shapeFlag & 1));
@@ -8501,7 +8729,10 @@ function baseCreateRenderer(options, createHydrationFns) {
 		if (effect) {
 			effect.stop();
 			unmount(subTree, instance, parentSuspense, doRemove);
-		} else if (doRemove && subTree && instance.vnode.el) remove(subTree);
+		} else if (instance.vnode.el && subTree) {
+			subTree.transition = instance.vnode.transition;
+			unmount(subTree, instance, parentSuspense, doRemove);
+		}
 		if (um) queuePostRenderEffect(um, void 0, parentSuspense);
 		if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS", instance)) queuePostRenderEffect(() => instance.emit("hook:destroyed"), void 0, parentSuspense);
 		queuePostRenderEffect(() => instance.isUnmounted = true, void 0, parentSuspense);
@@ -8576,12 +8807,14 @@ function resolveChildrenNamespace({ type, props }, currentNamespace) {
 	return currentNamespace === "svg" && type === "foreignObject" || currentNamespace === "mathml" && type === "annotation-xml" && props && props.encoding && props.encoding.includes("html") ? void 0 : currentNamespace;
 }
 function toggleRecurse({ effect, job, vapor }, allowed) {
-	if (!vapor) if (allowed) {
-		effect.flags |= 128;
-		job.flags |= 2;
-	} else {
-		effect.flags &= -129;
-		job.flags &= -3;
+	if (!vapor) {
+		if (allowed) {
+			effect.flags |= 128;
+			job.flags |= 2;
+		} else {
+			effect.flags &= -129;
+			job.flags &= -3;
+		}
 	}
 }
 function needTransition(parentSuspense, transition) {
@@ -8621,8 +8854,10 @@ function traverseStaticChildren(n1, n2, shallow = false) {
 }
 function locateNonHydratedAsyncRoot(instance) {
 	const subComponent = instance.subTree && instance.subTree.component;
-	if (subComponent) if (subComponent.asyncDep && !subComponent.asyncResolved) return subComponent;
-	else return locateNonHydratedAsyncRoot(subComponent);
+	if (subComponent) {
+		if (subComponent.asyncDep && !subComponent.asyncResolved) return subComponent;
+		else return locateNonHydratedAsyncRoot(subComponent);
+	}
 }
 function invalidateMount(hooks) {
 	if (hooks) for (let i = 0; i < hooks.length; i++) hooks[i].flags |= 4;
@@ -8641,13 +8876,15 @@ function performTransitionEnter(el, transition, insert, parentSuspense, force =
 function performTransitionLeave(el, transition, remove, isElement = true, force = false) {
 	const performRemove = () => {
 		remove();
-		if (transition && !transition.persisted && transition.afterLeave) transition.afterLeave();
+		if (transition && (force || !transition.persisted) && transition.afterLeave) transition.afterLeave();
 	};
 	if (force || isElement && transition && !transition.persisted) {
 		const { leave, delayLeave } = transition;
 		const performLeave = () => {
+			const wasLeaving = el._isLeaving || !!el[leaveCbKey];
 			if (el._isLeaving && force) el[leaveCbKey](true);
-			leave(el, performRemove);
+			if (force && transition.persisted && !wasLeaving) remove();
+			else leave(el, performRemove);
 		};
 		if (delayLeave) delayLeave(el, performRemove, performLeave);
 		else performLeave();
@@ -8666,7 +8903,7 @@ function isVaporComponent(type) {
 /**
 * shared between vdom and vapor
 */
-function getInheritedScopeIds(vnode, parentComponent) {
+function getInheritedScopeIds(vnode, parentComponent, includeVaporRootIds = true) {
 	const inheritedScopeIds = [];
 	let currentParent = parentComponent;
 	let currentVNode = vnode;
@@ -8682,6 +8919,8 @@ function getInheritedScopeIds(vnode, parentComponent) {
 			currentParent = currentParent.parent;
 		} else break;
 	}
+	const vaporScopeIds = includeVaporRootIds && currentVNode.vaporScopeIds;
+	if (vaporScopeIds) inheritedScopeIds.push(...vaporScopeIds);
 	return inheritedScopeIds;
 }
 function resolveAsyncComponentPlaceholder(anchorVnode) {
@@ -8700,7 +8939,7 @@ const Suspense = {
 	process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals) {
 		if (n1 == null) mountSuspense(n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals);
 		else {
-			if (parentSuspense && parentSuspense.deps > 0 && !n1.suspense.isInFallback) {
+			if (parentSuspense && parentSuspense.deps > 0 && !n1.suspense.isInFallback && !parentSuspense.isHydrating) {
 				n2.suspense = n1.suspense;
 				n2.suspense.vnode = n2;
 				n2.el = n1.el;
@@ -8738,10 +8977,12 @@ function patchSuspense(n1, n2, container, anchor, parentComponent, namespace, sl
 	if (pendingBranch) {
 		suspense.pendingBranch = newBranch;
 		if (isSameVNodeType(pendingBranch, newBranch)) {
-			patch(pendingBranch, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
+			suspense.deps++;
+			patch(pendingBranch, newBranch, isHydrating ? container : suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
+			suspense.deps--;
 			if (suspense.deps <= 0) suspense.resolve();
 			else if (isInFallback) {
-				if (!isHydrating) {
+				if (!isHydrating && !suspense.isFallbackMountPending) {
 					patch(activeBranch, newFallback, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
 					setActiveBranch(suspense, newFallback);
 				}
@@ -8753,12 +8994,16 @@ function patchSuspense(n1, n2, container, anchor, parentComponent, namespace, sl
 				suspense.activeBranch = pendingBranch;
 			} else unmount(pendingBranch, parentComponent, suspense);
 			suspense.deps = 0;
+			for (let i = 0; i < suspense.effects.length; i++) {
+				const effect = suspense.effects[i];
+				if (effect.flags & 8) queuePostFlushCb(effect);
+			}
 			suspense.effects.length = 0;
 			suspense.hiddenContainer = createElement("div");
 			if (isInFallback) {
 				patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
 				if (suspense.deps <= 0) suspense.resolve();
-				else {
+				else if (!suspense.isFallbackMountPending) {
 					patch(activeBranch, newFallback, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
 					setActiveBranch(suspense, newFallback);
 				}
@@ -8862,7 +9107,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 			let hasUnresolvedAncestor = false;
 			while (parent) {
 				if (parent.pendingBranch) {
-					parent.effects.push(...effects);
+					for (let i = 0; i < effects.length; i++) parent.effects.push(effects[i]);
 					hasUnresolvedAncestor = true;
 					break;
 				}
@@ -8872,6 +9117,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 			suspense.effects = [];
 			if (isSuspensible) {
 				if (parentSuspense && parentSuspense.pendingBranch && parentSuspenseId === parentSuspense.pendingId) {
+					parentSuspenseId = void 0;
 					parentSuspense.deps--;
 					if (parentSuspense.deps === 0 && !sync) parentSuspense.resolve();
 				}
@@ -8886,8 +9132,9 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 			const mountFallback = () => {
 				suspense.isFallbackMountPending = false;
 				if (!suspense.isInFallback) return;
-				patch(null, fallbackVNode, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
-				setActiveBranch(suspense, fallbackVNode);
+				const latestFallback = suspense.vnode.ssFallback;
+				patch(null, latestFallback, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
+				setActiveBranch(suspense, latestFallback);
 			};
 			const delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === "out-in";
 			if (delayEnter) {
@@ -8908,11 +9155,16 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 		registerDep(instance, onResolve) {
 			const isInPendingSuspense = !!suspense.pendingBranch;
 			if (isInPendingSuspense) suspense.deps++;
+			const hydratedEl = instance.vnode && instance.vnode.el;
 			instance.asyncDep.catch((err) => {
 				handleError(err, instance, 0);
 			}).then((asyncSetupResult) => {
 				if (instance.isUnmounted || suspense.isUnmounted || suspense.pendingId !== instance.suspenseId) return;
 				setCurrentInstance(null, void 0);
+				if (hydratedEl && !instance.scope.active) {
+					if (isInPendingSuspense && --suspense.deps === 0) suspense.resolve();
+					return;
+				}
 				instance.asyncResolved = true;
 				onResolve(asyncSetupResult);
 				if (isInPendingSuspense && --suspense.deps === 0) suspense.resolve();
@@ -8963,9 +9215,10 @@ function normalizeSuspenseSlot(s) {
 	return s;
 }
 function queueEffectWithSuspense(fn, id, suspense) {
-	if (suspense && suspense.pendingBranch) if (isArray(fn)) suspense.effects.push(...fn);
-	else suspense.effects.push(fn);
-	else queuePostFlushCb(fn, id);
+	if (suspense && suspense.pendingBranch) {
+		if (isArray(fn)) suspense.effects.push(...fn);
+		else suspense.effects.push(fn);
+	} else queuePostFlushCb(fn, id);
 }
 function setActiveBranch(suspense, branch) {
 	suspense.activeBranch = branch;
@@ -9172,11 +9425,26 @@ function createBaseVNode(type, props = null, children = null, patchFlag = 0, dyn
 		if (shapeFlag & 128) type.normalize(vnode);
 	} else if (children) vnode.shapeFlag |= isString(children) ? 8 : 16;
 	if (!!(process.env.NODE_ENV !== "production") && vnode.key !== vnode.key) warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
+	if (!!(process.env.NODE_ENV !== "production") && props && vnode.shapeFlag & 1) {
+		const overwritingProp = props.innerHTML != null ? "innerHTML" : props.textContent != null ? "textContent" : null;
+		if (overwritingProp && hasContentChildren(vnode.children)) warn$1(`The \`${overwritingProp}\` prop on <${vnode.type}> will override its children. Remove either the \`${overwritingProp}\` prop or the children.`);
+	}
 	if (isBlockTreeEnabled > 0 && !isBlockNode && currentBlock && (vnode.patchFlag > 0 || shapeFlag & 6) && vnode.patchFlag !== 32) currentBlock.push(vnode);
 	convertLegacyVModelProps(vnode);
 	defineLegacyVNodeProperties(vnode);
 	return vnode;
 }
+/**
+* dev only
+* Whether children would actually render something. Empty text and empty
+* arrays are ignored, mirroring the compiler's `node.children.length` check
+* for `v-html` / `v-text`.
+*/
+function hasContentChildren(children) {
+	if (isString(children)) return children !== "";
+	if (isArray(children)) return children.length > 0;
+	return false;
+}
 const createVNode = !!(process.env.NODE_ENV !== "production") ? createVNodeWithArgsTransform : _createVNode;
 function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
 	if (!type || type === NULL_DYNAMIC_COMPONENT) {
@@ -9186,8 +9454,10 @@ function _createVNode(type, props = null, children = null, patchFlag = 0, dynami
 	if (isVNode(type)) {
 		const cloned = cloneVNode(type, props, true);
 		if (children) normalizeChildren(cloned, children);
-		if (isBlockTreeEnabled > 0 && !isBlockNode && currentBlock) if (cloned.shapeFlag & 6) currentBlock[currentBlock.indexOf(type)] = cloned;
-		else currentBlock.push(cloned);
+		if (isBlockTreeEnabled > 0 && !isBlockNode && currentBlock) {
+			if (cloned.shapeFlag & 6) currentBlock[currentBlock.indexOf(type)] = cloned;
+			else currentBlock.push(cloned);
+		}
 		cloned.patchFlag = -2;
 		return cloned;
 	}
@@ -9248,7 +9518,10 @@ function cloneVNode(vnode, extraProps, mergeRef = false, cloneTransition = false
 		ce: vnode.ce,
 		vi: vnode.vi,
 		vs: cloneVaporSlotMeta(vnode),
-		vb: vnode.vb
+		vb: vnode.vb,
+		ibu: vnode.ibu,
+		iu: vnode.iu,
+		cacheIndex: vnode.cacheIndex
 	};
 	if (transition && cloneTransition) setTransitionHooks(cloned, transition.clone(cloned));
 	defineLegacyVNodeProperties(cloned);
@@ -9259,8 +9532,7 @@ function cloneVaporSlotMeta(vnode) {
 	if (!vaporSlot) return vaporSlot;
 	const cloned = {
 		slot: vaporSlot.slot,
-		fallback: vaporSlot.fallback,
-		outletFallback: vaporSlot.outletFallback
+		outlets: vaporSlot.outlets
 	};
 	if (vnode.el) {
 		cloned.state = vaporSlot.state;
@@ -9312,25 +9584,28 @@ function normalizeChildren(vnode, children) {
 	const { shapeFlag } = vnode;
 	if (children == null) children = null;
 	else if (isArray(children)) type = 16;
-	else if (typeof children === "object") if (shapeFlag & 65) {
-		const slot = children.default;
-		if (slot) {
-			slot._c && (slot._d = false);
-			normalizeChildren(vnode, slot());
-			slot._c && (slot._d = true);
-		}
-		return;
-	} else {
-		type = 32;
-		const slotFlag = children._;
-		if (!slotFlag && !isInternalObject(children)) children._ctx = currentRenderingInstance;
-		else if (slotFlag === 3 && currentRenderingInstance) if (currentRenderingInstance.slots._ === 1) children._ = 1;
-		else {
-			children._ = 2;
-			vnode.patchFlag |= 1024;
+	else if (typeof children === "object") {
+		if (shapeFlag & 65) {
+			const slot = children.default;
+			if (slot) {
+				slot._c && (slot._d = false);
+				normalizeChildren(vnode, slot());
+				slot._c && (slot._d = true);
+			}
+			return;
+		} else {
+			type = 32;
+			const slotFlag = children._;
+			if (!slotFlag && !isInternalObject(children)) children._ctx = currentRenderingInstance;
+			else if (slotFlag === 3 && currentRenderingInstance) {
+				if (currentRenderingInstance.slots._ === 1) children._ = 1;
+				else {
+					children._ = 2;
+					vnode.patchFlag |= 1024;
+				}
+			}
 		}
-	}
-	else if (isFunction(children)) {
+	} else if (isFunction(children)) {
 		if (shapeFlag & 65) {
 			normalizeChildren(vnode, { default: children });
 			return;
@@ -9407,6 +9682,16 @@ const setCurrentInstance = (instance, scope = instance !== null ? instance.scope
 		simpleSetCurrentInstance(instance);
 	}
 };
+/**
+* Restores a snapshot returned by {@link setCurrentInstance}. Unlike calling
+* `setCurrentInstance(...prev)`, an `undefined` saved scope is restored
+* verbatim instead of re-triggering the `instance.scope` default.
+* @internal
+*/
+const restoreCurrentInstance = (prev) => {
+	setCurrentScope(prev[1]);
+	simpleSetCurrentInstance(prev[0]);
+};
 const internalOptions = [
 	"ce",
 	"type",
@@ -9438,7 +9723,7 @@ const useInstanceOption = (key, silent = false) => {
 };
 //#endregion
 //#region packages/runtime-core/src/component.ts
-const emptyAppContext = /* @__PURE__ */ createAppContext();
+const emptyAppContext = /*@__PURE__*/ createAppContext();
 let uid = 0;
 /**
 * @internal for vapor
@@ -9567,7 +9852,7 @@ function setupStatefulComponent(instance, isSSR) {
 		const setupResult = callWithErrorHandling(setup, instance, 0, [!!(process.env.NODE_ENV !== "production") ? /* @__PURE__ */ shallowReadonly(instance.props) : instance.props, setupContext]);
 		const isAsyncSetup = isPromise(setupResult);
 		setActiveSub(prevSub);
-		setCurrentInstance(...prev);
+		restoreCurrentInstance(prev);
 		if ((isAsyncSetup || instance.sp) && !isAsyncWrapper(instance)) markAsyncBoundary(instance);
 		if (isAsyncSetup) {
 			const unsetCurrentInstance = () => {
@@ -9575,7 +9860,12 @@ function setupStatefulComponent(instance, isSSR) {
 			};
 			setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
 			if (isSSR) return setupResult.then((resolvedResult) => {
-				handleSetupResult(instance, resolvedResult, isSSR);
+				setInSSRSetupState(true);
+				try {
+					handleSetupResult(instance, resolvedResult, isSSR);
+				} finally {
+					setInSSRSetupState(false);
+				}
 			}).catch((e) => {
 				handleError(e, instance, 0);
 			});
@@ -9587,9 +9877,10 @@ function setupStatefulComponent(instance, isSSR) {
 	} else finishComponentSetup(instance, isSSR);
 }
 function handleSetupResult(instance, setupResult, isSSR) {
-	if (isFunction(setupResult)) if (instance.type.__ssrInlineRender) instance.ssrRender = setupResult;
-	else instance.render = setupResult;
-	else if (isObject(setupResult)) {
+	if (isFunction(setupResult)) {
+		if (instance.type.__ssrInlineRender) instance.ssrRender = setupResult;
+		else instance.render = setupResult;
+	} else if (isObject(setupResult)) {
 		if (!!(process.env.NODE_ENV !== "production") && isVNode(setupResult)) warn$1("setup() should not return VNodes directly - return a render function instead.");
 		if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) instance.devtoolsRawSetupState = setupResult;
 		instance.setupState = proxyRefs(setupResult);
@@ -9641,13 +9932,15 @@ function finishComponentSetup(instance, isSSR, skipOptions) {
 			applyOptions(instance);
 		} finally {
 			setActiveSub(prevSub);
-			setCurrentInstance(...prevInstance);
+			restoreCurrentInstance(prevInstance);
 		}
 	}
-	if (!!(process.env.NODE_ENV !== "production") && !Component.render && instance.render === NOOP && !isSSR) if (!compile$1 && Component.template)
+	if (!!(process.env.NODE_ENV !== "production") && !Component.render && instance.render === NOOP && !isSSR) {
+		if (!compile$1 && Component.template)
  /* v8 ignore start */
-	warn$1("Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias \"vue\" to \"vue/dist/vue.esm-bundler.js\".");
-	else warn$1(`Component is missing template or render function: `, Component);
+		warn$1("Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias \"vue\" to \"vue/dist/vue.esm-bundler.js\".");
+		else warn$1(`Component is missing template or render function: `, Component);
+	}
 }
 const attrsProxyHandlers = !!(process.env.NODE_ENV !== "production") ? {
 	get(target, key) {
@@ -9720,14 +10013,13 @@ function getComponentPublicInstance(instance) {
 	if (instance.exposed) return instance.exposeProxy || (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
 		get(target, key) {
 			if (key in target) return target[key];
-			else {
+			else if (!instance.vapor) {
 				const publicPropertiesMap = getPublicPropertiesMap();
 				if (key in publicPropertiesMap) return publicPropertiesMap[key](instance);
 			}
 		},
 		has(target, key) {
-			const publicPropertiesMap = getPublicPropertiesMap();
-			return key in target || key in publicPropertiesMap;
+			return key in target || !instance.vapor && key in getPublicPropertiesMap();
 		}
 	}));
 	else return instance.proxy;
@@ -9765,11 +10057,12 @@ function h(type, propsOrChildren, children) {
 	try {
 		setBlockTracking(-1);
 		const l = arguments.length;
-		if (l === 2) if (isObject(propsOrChildren) && !isArray(propsOrChildren)) {
-			if (isVNode(propsOrChildren)) return createVNode(type, null, [propsOrChildren]);
-			return createVNode(type, propsOrChildren);
-		} else return createVNode(type, null, propsOrChildren);
-		else {
+		if (l === 2) {
+			if (isObject(propsOrChildren) && !isArray(propsOrChildren)) {
+				if (isVNode(propsOrChildren)) return createVNode(type, null, [propsOrChildren]);
+				return createVNode(type, propsOrChildren);
+			} else return createVNode(type, null, propsOrChildren);
+		} else {
 			if (l > 3) children = Array.prototype.slice.call(arguments, 2);
 			else if (l === 3 && isVNode(children)) children = [children];
 			return createVNode(type, propsOrChildren, children);
@@ -9961,7 +10254,7 @@ function isMemoSame(cached, memo) {
 }
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-rc.1";
+const version = "3.6.0-rc.10";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.
@@ -9984,7 +10277,10 @@ const ssrUtils = {
 	getComponentPublicInstance,
 	ensureValidVNode,
 	pushWarningContext,
-	popWarningContext
+	popWarningContext,
+	VaporSlot,
+	rawVaporSlotKey,
+	invokeSlotFallback
 };
 /**
 * @internal only exposed in compat builds
@@ -10006,7 +10302,7 @@ const DeprecationTypes = DeprecationTypes$1;
 let policy = void 0;
 const tt = typeof window !== "undefined" && window.trustedTypes;
 if (tt) try {
-	policy = /* @__PURE__ */ tt.createPolicy("vue", { createHTML: (val) => val });
+	policy = /*@__PURE__*/ tt.createPolicy("vue", { createHTML: (val) => val });
 } catch (e) {
 	process.env.NODE_ENV !== "production" && warn(`Error creating trusted types policy: ${e}`);
 }
@@ -10014,7 +10310,7 @@ const unsafeToTrustedHTML = policy ? (val) => policy.createHTML(val) : (val) =>
 const svgNS = "http://www.w3.org/2000/svg";
 const mathmlNS = "http://www.w3.org/1998/Math/MathML";
 const doc = typeof document !== "undefined" ? document : null;
-const templateContainer = doc && /* @__PURE__ */ doc.createElement("template");
+const templateContainer = doc && /*@__PURE__*/ doc.createElement("template");
 const nodeOps = {
 	insert: (child, parent, anchor) => {
 		parent.insertBefore(child, anchor || null);
@@ -10088,7 +10384,7 @@ const DOMTransitionPropsValidators = {
 	leaveActiveClass: String,
 	leaveToClass: String
 };
-const TransitionPropsValidators = /* @__PURE__ */ extend({}, BaseTransitionPropsValidators, DOMTransitionPropsValidators);
+const TransitionPropsValidators = /*@__PURE__*/ extend({}, BaseTransitionPropsValidators, DOMTransitionPropsValidators);
 /**
 * Wrap logic that attaches extra properties to Transition in a function
 * so that it can be annotated as pure
@@ -10103,7 +10399,7 @@ const decorate$1 = (t) => {
 * DOM Transition is a higher-order-component based on the platform-agnostic
 * base Transition component, with DOM-specific logic.
 */
-const Transition = /* @__PURE__ */ decorate$1((props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots));
+const Transition = /*@__PURE__*/ decorate$1((props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots));
 /**
 * #3227 Incoming hooks may be merged into arrays when wrapping Transition
 * with custom HOCs.
@@ -10343,14 +10639,15 @@ const vShow = {
 	},
 	updated(el, { value, oldValue }, { transition }) {
 		if (!value === !oldValue) return;
-		if (transition) if (value) {
-			transition.beforeEnter(el);
-			setDisplay(el, true);
-			transition.enter(el);
-		} else transition.leave(el, () => {
-			setDisplay(el, false);
-		});
-		else setDisplay(el, value);
+		if (transition) {
+			if (value) {
+				transition.beforeEnter(el);
+				setDisplay(el, true);
+				transition.enter(el);
+			} else transition.leave(el, () => {
+				setDisplay(el, false);
+			});
+		} else setDisplay(el, value);
 	},
 	beforeUnmount(el, { value }) {
 		setDisplay(el, value);
@@ -10374,50 +10671,20 @@ const CSS_VAR_TEXT = Symbol(!!(process.env.NODE_ENV !== "production") ? "CSS_VAR
 */
 function useCssVars(getter) {
 	const instance = getCurrentInstance();
-	const getVars = () => getter(instance.proxy);
-	const setVars = (vars) => {
-		if (instance.ce) setVarsOnNode(instance.ce, vars);
-		else setVarsOnVNode(instance.subTree, vars);
-	};
-	baseUseCssVars(instance, () => instance.subTree.el.parentNode, getVars, setVars);
-}
-function setVarsOnVNode(vnode, vars) {
-	if (vnode.shapeFlag & 128) {
-		const suspense = vnode.suspense;
-		vnode = suspense.activeBranch;
-		if (suspense.pendingBranch && !suspense.isHydrating) suspense.effects.push(() => {
-			setVarsOnVNode(suspense.activeBranch, vars);
-		});
-	}
-	while (vnode.component) vnode = vnode.component.subTree;
-	if (vnode.shapeFlag & 1 && vnode.el) setVarsOnNode(vnode.el, vars);
-	else if (vnode.type === Fragment) vnode.children.forEach((c) => setVarsOnVNode(c, vars));
-	else if (vnode.type === Static) {
-		let { el, anchor } = vnode;
-		while (el) {
-			setVarsOnNode(el, vars);
-			if (el === anchor) break;
-			el = el.nextSibling;
-		}
-	}
-}
-/**
-* @internal
-* shared between vdom and vapor
-*/
-function baseUseCssVars(instance, getParentNode, getVars, setVars) {
 	/* v8 ignore start */
 	if (!instance) {
 		process.env.NODE_ENV !== "production" && warn(`useCssVars is called without current active component instance.`);
 		return;
 	}
 	/* v8 ignore stop */
+	const getVars = () => getter(instance.proxy);
 	if (!!(process.env.NODE_ENV !== "production")) instance.getCssVars = getVars;
 	const updateTeleports = instance.ut = (vars = getVars()) => {
 		Array.from(document.querySelectorAll(`[data-v-owner="${instance.uid}"]`)).forEach((node) => setVarsOnNode(node, vars));
 	};
 	const applyCssVars = (vars = getVars()) => {
-		setVars(vars);
+		if (instance.ce) setVarsOnNode(instance.ce, vars);
+		else setVarsOnVNode(instance.subTree, vars);
 		updateTeleports(vars);
 	};
 	onBeforeUpdate(() => {
@@ -10430,10 +10697,38 @@ function baseUseCssVars(instance, getParentNode, getVars, setVars) {
 			applyCssVars(vars);
 		}, NOOP, { flush: "post" });
 		const ob = new MutationObserver(() => applyCssVars());
-		ob.observe(getParentNode(), { childList: true });
+		ob.observe(instance.subTree.el.parentNode, { childList: true });
 		onUnmounted(() => ob.disconnect());
 	});
 }
+function setVarsOnVNode(vnode, vars) {
+	if (vnode.shapeFlag & 128) {
+		const suspense = vnode.suspense;
+		vnode = suspense.activeBranch;
+		if (suspense.pendingBranch && !suspense.isHydrating) suspense.effects.push(() => {
+			setVarsOnVNode(suspense.activeBranch, vars);
+		});
+	}
+	while (vnode.component) {
+		const component = vnode.component;
+		if (component.vapor) {
+			component.appContext.vapor.applyCssVars(vnode, vars);
+			return;
+		}
+		vnode = vnode.component.subTree;
+	}
+	if (vnode.shapeFlag & 1 && vnode.el) setVarsOnNode(vnode.el, vars);
+	else if (vnode.vb) vnode.ctx.appContext.vapor.applyCssVars(vnode, vars);
+	else if (vnode.type === Fragment) vnode.children.forEach((c) => setVarsOnVNode(c, vars));
+	else if (vnode.type === Static) {
+		let { el, anchor } = vnode;
+		while (el) {
+			setVarsOnNode(el, vars);
+			if (el === anchor) break;
+			el = el.nextSibling;
+		}
+	}
+}
 /**
 * @internal
 * shared between vdom and vapor
@@ -10458,11 +10753,13 @@ function patchStyle(el, prev, next) {
 	const isCssString = isString(next);
 	let hasControlledDisplay = false;
 	if (next && !isCssString) {
-		if (prev) if (!isString(prev)) {
-			for (const key in prev) if (next[key] == null) setStyle(style, key, "");
-		} else for (const prevStyle of prev.split(";")) {
-			const key = prevStyle.slice(0, prevStyle.indexOf(":")).trim();
-			if (next[key] == null) setStyle(style, key, "");
+		if (prev) {
+			if (!isString(prev)) {
+				for (const key in prev) if (next[key] == null) setStyle(style, key, "");
+			} else for (const prevStyle of prev.split(";")) {
+				const key = prevStyle.slice(0, prevStyle.indexOf(":")).trim();
+				if (next[key] == null) setStyle(style, key, "");
+			}
 		}
 		for (const key in next) {
 			if (key === "display") hasControlledDisplay = true;
@@ -10478,7 +10775,11 @@ function patchStyle(el, prev, next) {
 			style.cssText = next;
 			hasControlledDisplay = displayRE.test(next);
 		}
-	} else if (prev) el.removeAttribute("style");
+	} else if (prev) {
+		const cssVarText = style[CSS_VAR_TEXT];
+		if (cssVarText) style.cssText = cssVarText;
+		else el.removeAttribute("style");
+	}
 	if (vShowOriginalDisplay in el) {
 		el[vShowOriginalDisplay] = hasControlledDisplay ? style.display : "";
 		if (el[vShowHidden]) style.display = "none";
@@ -10493,8 +10794,10 @@ function setStyle(style, name, rawVal) {
 		if (!!(process.env.NODE_ENV !== "production")) {
 			if (semicolonRE.test(val)) warn(`Unexpected semicolon at the end of '${name}' style value: '${val}'`);
 		}
-		if (name.startsWith("--")) style.setProperty(name, val);
-		else {
+		if (name.startsWith("--")) {
+			if (importantRE.test(val)) style.setProperty(name, val.replace(importantRE, ""), "important");
+			else style.setProperty(name, val);
+		} else {
 			const prefixed = autoPrefix(style, name);
 			if (importantRE.test(val)) style.setProperty(hyphenate(prefixed), val.replace(importantRE, ""), "important");
 			else style[prefixed] = val;
@@ -10531,15 +10834,16 @@ function shouldPreserveTextareaResizeStyle(el, key, prev, next) {
 //#region packages/runtime-dom/src/modules/attrs.ts
 const xlinkNS = "http://www.w3.org/1999/xlink";
 function patchAttr(el, key, value, isSVG, instance, isBoolean = isSpecialBooleanAttr(key)) {
-	if (isSVG && key.startsWith("xlink:")) if (value == null) el.removeAttributeNS(xlinkNS, key.slice(6, key.length));
-	else el.setAttributeNS(xlinkNS, key, value);
-	else {
+	if (isSVG && key.startsWith("xlink:")) {
+		if (value == null) el.removeAttributeNS(xlinkNS, key.slice(6, key.length));
+		else el.setAttributeNS(xlinkNS, key, value);
+	} else {
 		if (compatCoerceAttr(el, key, value, instance)) return;
 		if (value == null || isBoolean && !includeBooleanAttr(value)) el.removeAttribute(key);
 		else el.setAttribute(key, isBoolean ? "" : isSymbol(value) ? String(value) : value);
 	}
 }
-const isEnumeratedAttr = /* @__PURE__ */ makeMap("contenteditable,draggable,spellcheck");
+const isEnumeratedAttr = /*@__PURE__*/ makeMap("contenteditable,draggable,spellcheck");
 function compatCoerceAttr(el, key, value, instance = null) {
 	if (isEnumeratedAttr(key)) {
 		const v2CoercedValue = value === void 0 ? null : value === null || value === false || value === "false" ? "false" : "true";
@@ -10631,7 +10935,7 @@ function parseEventName(name) {
 	return [name[2] === ":" ? name.slice(3) : hyphenate(name.slice(2)), options];
 }
 let cachedNow = 0;
-const p = /* @__PURE__ */ Promise.resolve();
+const p = /*@__PURE__*/ Promise.resolve();
 const getNow = () => cachedNow || (p.then(() => cachedNow = 0), cachedNow = Date.now());
 function createInvoker(initialValue, instance) {
 	const invoker = (e) => {
@@ -10699,7 +11003,7 @@ function shouldSetAsPropForVueCE(el, key) {
 //#endregion
 //#region packages/runtime-dom/src/apiCustomElement.ts
 const REMOVAL = {};
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function defineCustomElement(options, extraOptions, _createApp) {
 	let Comp = /* @__PURE__ */ defineComponent(options, extraOptions);
 	if (isPlainObject(Comp)) Comp = extend({}, Comp, extraOptions);
@@ -10748,12 +11052,14 @@ var VueElementBase = class VueElementBase extends BaseClass {
 			this._parent = parent;
 			break;
 		}
-		if (!this._instance) if (this._resolved) this._mountComponent(this._def);
-		else if (parent && parent._pendingResolve) this._pendingResolve = parent._pendingResolve.then(() => {
-			this._pendingResolve = void 0;
-			this._resolveDef();
-		});
-		else this._resolveDef();
+		if (!this._instance) {
+			if (this._resolved) this._mountComponent(this._def);
+			else if (parent && parent._pendingResolve) this._pendingResolve = parent._pendingResolve.then(() => {
+				this._pendingResolve = void 0;
+				if (this.isConnected) return this._resolveDef();
+			});
+			else this._resolveDef();
+		}
 	}
 	disconnectedCallback() {
 		this._connected = false;
@@ -10787,7 +11093,7 @@ var VueElementBase = class VueElementBase extends BaseClass {
 	* resolve inner component definition (handle possible async component)
 	*/
 	_resolveDef() {
-		if (this._pendingResolve) return;
+		if (this._pendingResolve) return this._pendingResolve;
 		for (let i = 0; i < this.attributes.length; i++) this._setAttr(this.attributes[i].name);
 		this._ob = new MutationObserver(this._processMutations.bind(this));
 		this._ob.observe(this, { attributes: true });
@@ -10817,6 +11123,7 @@ var VueElementBase = class VueElementBase extends BaseClass {
 				this._def = def;
 				resolve(def);
 			});
+			return this._pendingResolve;
 		} else resolve(this._def);
 	}
 	_mountComponent(def) {
@@ -10855,14 +11162,17 @@ var VueElementBase = class VueElementBase extends BaseClass {
 		const { props } = def;
 		const declaredPropKeys = isArray(props) ? props : Object.keys(props || {});
 		for (const key of Object.keys(this)) if (key[0] !== "_" && declaredPropKeys.includes(key)) this._setProp(key, this[key]);
-		for (const key of declaredPropKeys.map(camelize)) Object.defineProperty(this, key, {
-			get() {
-				return this._getProp(key);
-			},
-			set(val) {
-				this._setProp(key, val, true, !this._patching);
-			}
-		});
+		for (const key of declaredPropKeys.map(camelize)) {
+			if (!!(process.env.NODE_ENV !== "production") && key in Object.getPrototypeOf(this)) warn(`Custom element prop "${key}" conflicts with an existing property on the element and will overwrite it.`);
+			Object.defineProperty(this, key, {
+				get() {
+					return this._getProp(key);
+				},
+				set(val) {
+					this._setProp(key, val, true, !this._patching);
+				}
+			});
+		}
 	}
 	_setAttr(key) {
 		if (key.startsWith("data-v-")) return;
@@ -10923,14 +11233,16 @@ var VueElementBase = class VueElementBase extends BaseClass {
 				if (!parentComp) this._styleAnchors.set(this._def, s);
 				if (owner) this._styleAnchors.set(owner, s);
 			}
-			if (!!(process.env.NODE_ENV !== "production")) if (owner) {
-				if (owner.__hmrId) {
-					if (!this._childStyles) this._childStyles = /* @__PURE__ */ new Map();
-					let entry = this._childStyles.get(owner.__hmrId);
-					if (!entry) this._childStyles.set(owner.__hmrId, entry = []);
-					entry.push(s);
-				}
-			} else (this._styles || (this._styles = [])).push(s);
+			if (!!(process.env.NODE_ENV !== "production")) {
+				if (owner) {
+					if (owner.__hmrId) {
+						if (!this._childStyles) this._childStyles = /* @__PURE__ */ new Map();
+						let entry = this._childStyles.get(owner.__hmrId);
+						if (!entry) this._childStyles.set(owner.__hmrId, entry = []);
+						entry.push(s);
+					}
+				} else (this._styles || (this._styles = [])).push(s);
+			}
 		}
 	}
 	_getStyleAnchor(comp) {
@@ -10965,13 +11277,11 @@ var VueElementBase = class VueElementBase extends BaseClass {
 	_renderSlots() {
 		const outlets = this._getSlots();
 		const scopeId = this._instance.type.__scopeId;
-		const slotReplacements = /* @__PURE__ */ new Map();
 		for (let i = 0; i < outlets.length; i++) {
 			const o = outlets[i];
 			const slotName = o.getAttribute("name") || "default";
 			const content = this._slots[slotName];
 			const parent = o.parentNode;
-			const replacementNodes = [];
 			if (content) for (const n of content) {
 				if (scopeId && n.nodeType === 1) {
 					const id = scopeId + "-s";
@@ -10981,20 +11291,10 @@ var VueElementBase = class VueElementBase extends BaseClass {
 					while (child = walker.nextNode()) child.setAttribute(id, "");
 				}
 				parent.insertBefore(n, o);
-				replacementNodes.push(n);
-			}
-			else while (o.firstChild) {
-				const child = o.firstChild;
-				parent.insertBefore(child, o);
-				replacementNodes.push(child);
 			}
+			else while (o.firstChild) parent.insertBefore(o.firstChild, o);
 			parent.removeChild(o);
-			slotReplacements.set(o, {
-				nodes: replacementNodes,
-				usedFallback: !content
-			});
 		}
-		this._updateSlotNodes(slotReplacements);
 	}
 	/**
 	* @internal
@@ -11033,7 +11333,7 @@ var VueElementBase = class VueElementBase extends BaseClass {
 	* @internal
 	*/
 	_hasShadowRoot() {
-		return this._def.shadowRoot !== false;
+		return this._root !== this;
 	}
 	/**
 	* @internal
@@ -11080,10 +11380,6 @@ var VueElement = class extends VueElementBase {
 		if (this._instance && this._instance.ce) this._instance.ce = void 0;
 		this._app = this._instance = null;
 	}
-	/**
-	* Only called when shadowRoot is false
-	*/
-	_updateSlotNodes(replacements) {}
 	_createVNode() {
 		const baseProps = {};
 		if (!this.shadowRoot) baseProps.onVnodeMounted = baseProps.onVnodeUpdated = this._renderSlots.bind(this);
@@ -11099,8 +11395,10 @@ function useHost(caller) {
 	const { hasInstance, value } = useInstanceOption("ce", true);
 	const el = value;
 	if (el) return el;
-	else if (!!(process.env.NODE_ENV !== "production")) if (!hasInstance) warn(`${caller || "useHost"} called without an active component instance.`);
-	else warn(`${caller || "useHost"} can only be used in components defined via defineCustomElement.`);
+	else if (!!(process.env.NODE_ENV !== "production")) {
+		if (!hasInstance) warn(`${caller || "useHost"} called without an active component instance.`);
+		else warn(`${caller || "useHost"} can only be used in components defined via defineCustomElement.`);
+	}
 	return null;
 }
 /**
@@ -11150,7 +11448,7 @@ const decorate = (t) => {
 };
 const TransitionGroup = /* @__PURE__ */ decorate({
 	name: "TransitionGroup",
-	props: /* @__PURE__ */ extend({}, TransitionPropsValidators, {
+	props: /*@__PURE__*/ extend({}, TransitionPropsValidators, {
 		tag: String,
 		moveClass: String
 	}),
@@ -11282,13 +11580,22 @@ function onCompositionEnd(e) {
 	}
 }
 const assignKey = Symbol("_assign");
+const initialValueKey = Symbol("_initialValue");
 const vModelText = {
 	created(el, { modifiers: { lazy, trim, number } }, vnode) {
+		if (el.parentNode) {
+			if (el.type === "text") el[initialValueKey] = el.defaultValue.replace(/[\r\n]/g, "");
+			else if (el.type === "textarea") el[initialValueKey] = el.defaultValue.replace(/\r\n?/g, "\n");
+		}
 		el[assignKey] = getModelAssigner(vnode);
 		vModelTextInit(el, trim, number || !!(vnode.props && vnode.props.type === "number"), lazy);
 	},
-	mounted(el, { value }) {
-		el.value = value == null ? "" : value;
+	mounted(el, { value, modifiers: { trim, number } }) {
+		const newValue = value == null ? "" : value;
+		const initialValue = el[initialValueKey];
+		delete el[initialValueKey];
+		if (initialValue !== void 0 && (el.type === "text" || el.type === "textarea") && el.value !== initialValue) el[assignKey](castValue(el.value, trim, number));
+		else el.value = newValue;
 	},
 	beforeUpdate(el, { value, oldValue, modifiers: { lazy, trim, number } }, vnode) {
 		el[assignKey] = getModelAssigner(vnode);
@@ -11423,19 +11730,39 @@ const vModelSelectInit = (el, value, number, set) => {
 	el._modelValue = value;
 	addEventListener(el, "change", () => {
 		const selectedVal = Array.prototype.filter.call(el.options, (o) => o.selected).map((o) => number ? looseToNumber(getValue(o)) : getValue(o));
-		(set || el[assignKey])(el.multiple ? isSet(el._modelValue) ? new Set(selectedVal) : selectedVal : selectedVal[0]);
-		el._assigning = true;
-		nextTick(() => {
-			el._assigning = false;
-		});
+		const multiple = el.multiple;
+		const assignedValue = multiple ? isSet(el._modelValue) ? new Set(selectedVal) : selectedVal : selectedVal[0];
+		const pending = el._pendingValue = [multiple, multiple ? isArray(assignedValue) ? selectedVal.slice() : selectedVal : assignedValue];
+		try {
+			(set || el[assignKey])(assignedValue);
+		} finally {
+			nextTick(() => {
+				if (el._pendingValue === pending) el._pendingValue = void 0;
+			});
+		}
 	});
 };
+function isSameSelectValue(value, assignedValue, multiple) {
+	if (!multiple) return looseEqual(value, assignedValue);
+	if (isArray(value)) return looseEqual(value, assignedValue);
+	if (isSet(value)) {
+		if (value.size !== assignedValue.length) return false;
+		for (const item of assignedValue) if (!value.has(item)) return false;
+		return true;
+	}
+	return false;
+}
 /**
 * @internal
 */
 const vModelSetSelected = (el, value) => {
 	el._modelValue = value;
-	if (el._assigning) return;
+	const pending = el._pendingValue;
+	el._pendingValue = void 0;
+	if (pending && pending[0] === el.multiple && isSameSelectValue(value, pending[1], pending[0])) return;
+	setSelected(el, value);
+};
+function setSelected(el, value) {
 	const isMultiple = el.multiple;
 	const isArrayValue = isArray(value);
 	if (isMultiple && !isArrayValue && !isSet(value)) {
@@ -11445,18 +11772,19 @@ const vModelSetSelected = (el, value) => {
 	for (let i = 0, l = el.options.length; i < l; i++) {
 		const option = el.options[i];
 		const optionValue = getValue(option);
-		if (isMultiple) if (isArrayValue) {
-			const optionType = typeof optionValue;
-			if (optionType === "string" || optionType === "number") option.selected = value.some((v) => String(v) === String(optionValue));
-			else option.selected = looseIndexOf(value, optionValue) > -1;
-		} else option.selected = value.has(optionValue);
-		else if (looseEqual(getValue(option), value)) {
+		if (isMultiple) {
+			if (isArrayValue) {
+				const optionType = typeof optionValue;
+				if (optionType === "string" || optionType === "number") option.selected = value.some((v) => String(v) === String(optionValue));
+				else option.selected = looseIndexOf(value, optionValue) > -1;
+			} else option.selected = value.has(optionValue);
+		} else if (looseEqual(getValue(option), value)) {
 			if (el.selectedIndex !== i) el.selectedIndex = i;
 			return;
 		}
 	}
 	if (!isMultiple && el.selectedIndex !== -1) el.selectedIndex = -1;
-};
+}
 /**
 * @internal retrieve raw value set via :value bindings
 */
@@ -11626,7 +11954,6 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	baseEmit: () => baseEmit,
 	baseNormalizePropsOptions: () => baseNormalizePropsOptions,
 	baseResolveTransitionHooks: () => baseResolveTransitionHooks,
-	baseUseCssVars: () => baseUseCssVars,
 	callPendingCbs: () => callPendingCbs,
 	callWithAsyncErrorHandling: () => callWithAsyncErrorHandling,
 	callWithErrorHandling: () => callWithErrorHandling,
@@ -11656,6 +11983,7 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	currentInstance: () => currentInstance,
 	customRef: () => customRef,
 	deactivate: () => deactivate,
+	defaultPropGetter: () => defaultPropGetter,
 	defineAsyncComponent: () => defineAsyncComponent,
 	defineComponent: () => defineComponent,
 	defineCustomElement: () => defineCustomElement,
@@ -11674,12 +12002,13 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	ensureHydrationRenderer: () => ensureHydrationRenderer,
 	ensureRenderer: () => ensureRenderer,
 	ensureValidVNode: () => ensureValidVNode,
-	ensureVaporSlotFallback: () => ensureVaporSlotFallback,
 	expose: () => expose,
+	filterModelListeners: () => filterModelListeners,
 	flushOnAppMount: () => flushOnAppMount,
 	forceReflow: () => forceReflow,
 	getAttributeMismatch: () => getAttributeMismatch,
 	getComponentName: () => getComponentName,
+	getContainerType: () => getContainerType,
 	getCurrentInstance: () => getCurrentInstance,
 	getCurrentScope: () => getCurrentScope,
 	getCurrentWatcher: () => getCurrentWatcher,
@@ -11703,9 +12032,13 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	inject: () => inject,
 	invalidateMount: () => invalidateMount,
 	invokeDirectiveHook: () => invokeDirectiveHook,
+	invokeSlotFallback: () => invokeSlotFallback,
+	invokeVNodeHook: () => invokeVNodeHook,
 	isAsyncWrapper: () => isAsyncWrapper,
 	isEmitListener: () => isEmitListener,
+	isFunctionalFallthroughKey: () => isFunctionalFallthroughKey,
 	isHydrating: () => isHydrating,
+	isHydratingEnabled: () => isHydratingEnabled,
 	isKeepAlive: () => isKeepAlive,
 	isMapEqual: () => isMapEqual,
 	isMemoSame: () => isMemoSame,
@@ -11721,6 +12054,7 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	isTeleportDisabled: () => isTeleportDisabled,
 	isTemplateNode: () => isTemplateNode,
 	isTemplateRefKey: () => isTemplateRefKey,
+	isUnchangedResourceProp: () => isUnchangedResourceProp,
 	isVNode: () => isVNode,
 	isValidHtmlOrSvgAttribute: () => isValidHtmlOrSvgAttribute,
 	knownTemplateRefs: () => knownTemplateRefs,
@@ -11757,6 +12091,7 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	onWatcherCleanup: () => onWatcherCleanup,
 	openBlock: () => openBlock,
 	parseEventName: () => parseEventName,
+	patchClass: () => patchClass,
 	patchProp: () => patchProp,
 	patchStyle: () => patchStyle,
 	performAsyncHydrate: () => performAsyncHydrate,
@@ -11764,12 +12099,16 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	performTransitionLeave: () => performTransitionLeave,
 	popScopeId: () => popScopeId,
 	popWarningContext: () => popWarningContext,
+	prepareTransitionLeave: () => prepareTransitionLeave,
+	prepareTransitionSwitch: () => prepareTransitionSwitch,
 	provide: () => provide,
 	proxyRefs: () => proxyRefs,
 	pushScopeId: () => pushScopeId,
 	pushWarningContext: () => pushWarningContext,
 	queueJob: () => queueJob,
 	queuePostFlushCb: () => queuePostFlushCb,
+	queuePostRenderEffect: () => queuePostRenderEffect,
+	rawVaporSlotKey: () => rawVaporSlotKey,
 	reactive: () => reactive,
 	readonly: () => readonly,
 	ref: () => ref,
@@ -11780,13 +12119,16 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	renderSlot: () => renderSlot,
 	resetShapeFlag: () => resetShapeFlag,
 	resolveComponent: () => resolveComponent,
+	resolveCssVars: () => resolveCssVars,
 	resolveDirective: () => resolveDirective,
 	resolveDynamicComponent: () => resolveDynamicComponent,
 	resolveFilter: () => resolveFilter,
 	resolvePropValue: () => resolvePropValue,
 	resolveTeleportTarget: () => resolveTarget,
+	resolveTransitionChild: () => resolveTransitionChild,
 	resolveTransitionHooks: () => resolveTransitionHooks,
 	resolveTransitionProps: () => resolveTransitionProps,
+	restoreCurrentInstance: () => restoreCurrentInstance,
 	setBlockTracking: () => setBlockTracking,
 	setCurrentInstance: () => setCurrentInstance,
 	setCurrentRenderingInstance: () => setCurrentRenderingInstance,
@@ -11869,7 +12211,7 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	withScopeId: () => withScopeId,
 	xlinkNS: () => xlinkNS
 });
-const rendererOptions = /* @__PURE__ */ extend({ patchProp }, nodeOps);
+const rendererOptions = /*@__PURE__*/ extend({ patchProp }, nodeOps);
 let renderer;
 let enabledHydration = false;
 function ensureRenderer() {
@@ -12430,13 +12772,14 @@ var Tokenizer = class {
 		}
 	}
 	stateInterpolationOpen(c) {
-		if (c === this.delimiterOpen[this.delimiterIndex]) if (this.delimiterIndex === this.delimiterOpen.length - 1) {
-			const start = this.index + 1 - this.delimiterOpen.length;
-			if (start > this.sectionStart) this.cbs.ontext(this.sectionStart, start);
-			this.state = 3;
-			this.sectionStart = start;
-		} else this.delimiterIndex++;
-		else if (this.inRCDATA) {
+		if (c === this.delimiterOpen[this.delimiterIndex]) {
+			if (this.delimiterIndex === this.delimiterOpen.length - 1) {
+				const start = this.index + 1 - this.delimiterOpen.length;
+				if (start > this.sectionStart) this.cbs.ontext(this.sectionStart, start);
+				this.state = 3;
+				this.sectionStart = start;
+			} else this.delimiterIndex++;
+		} else if (this.inRCDATA) {
 			this.state = 32;
 			this.stateInRCDATA(c);
 		} else {
@@ -12452,13 +12795,14 @@ var Tokenizer = class {
 		}
 	}
 	stateInterpolationClose(c) {
-		if (c === this.delimiterClose[this.delimiterIndex]) if (this.delimiterIndex === this.delimiterClose.length - 1) {
-			this.cbs.oninterpolation(this.sectionStart, this.index + 1);
-			if (this.inRCDATA) this.state = 32;
-			else this.state = 1;
-			this.sectionStart = this.index + 1;
-		} else this.delimiterIndex++;
-		else {
+		if (c === this.delimiterClose[this.delimiterIndex]) {
+			if (this.delimiterIndex === this.delimiterClose.length - 1) {
+				this.cbs.oninterpolation(this.sectionStart, this.index + 1);
+				if (this.inRCDATA) this.state = 32;
+				else this.state = 1;
+				this.sectionStart = this.index + 1;
+			} else this.delimiterIndex++;
+		} else {
 			this.state = 3;
 			this.stateInterpolation(c);
 		}
@@ -12573,9 +12917,10 @@ var Tokenizer = class {
 			this.sectionStart = this.index;
 			if (this.mode === 0) this.state = 6;
 			else if (this.inSFCRoot) this.state = 34;
-			else if (!this.inXML) if (c === 116) this.state = 30;
-			else this.state = c === 115 ? 29 : 6;
-			else this.state = 6;
+			else if (!this.inXML) {
+				if (c === 116) this.state = 30;
+				else this.state = c === 115 ? 29 : 6;
+			} else this.state = 6;
 		} else if (c === 47) this.state = 8;
 		else {
 			this.state = 1;
@@ -12928,9 +13273,7 @@ var Tokenizer = class {
 				case 24:
 					this.stateInProcessingInstruction(c);
 					break;
-				case 33:
-					this.stateInEntity();
-					break;
+				case 33: this.stateInEntity();
 			}
 			this.index++;
 		}
@@ -12959,9 +13302,10 @@ var Tokenizer = class {
 	handleTrailingData() {
 		const endIndex = this.buffer.length;
 		if (this.sectionStart >= endIndex) return;
-		if (this.state === 28) if (this.currentSequence === Sequences.CdataEnd) this.cbs.oncdata(this.sectionStart, endIndex);
-		else this.cbs.oncomment(this.sectionStart, endIndex);
-		else if (this.state === 6 || this.state === 11 || this.state === 18 || this.state === 17 || this.state === 12 || this.state === 13 || this.state === 14 || this.state === 15 || this.state === 16 || this.state === 20 || this.state === 19 || this.state === 21 || this.state === 9) {} else this.cbs.ontext(this.sectionStart, endIndex);
+		if (this.state === 28) {
+			if (this.currentSequence === Sequences.CdataEnd) this.cbs.oncdata(this.sectionStart, endIndex);
+			else this.cbs.oncomment(this.sectionStart, endIndex);
+		} else if (this.state === 6 || this.state === 11 || this.state === 18 || this.state === 17 || this.state === 12 || this.state === 13 || this.state === 14 || this.state === 15 || this.state === 16 || this.state === 20 || this.state === 19 || this.state === 21 || this.state === 9) {} else this.cbs.ontext(this.sectionStart, endIndex);
 	}
 	emitCodePoint(cp, consumed) {}
 };
@@ -13163,12 +13507,10 @@ const isMemberExpressionBrowser = (exp) => {
 					if (!--currentOpenParensCount) state = stateStack.pop();
 				}
 				break;
-			case 3:
-				if (char === currentStringType) {
-					state = stateStack.pop();
-					currentStringType = null;
-				}
-				break;
+			case 3: if (char === currentStringType) {
+				state = stateStack.pop();
+				currentStringType = null;
+			}
 		}
 	}
 	return !currentOpenBracketCount && !currentOpenParensCount;
@@ -13218,7 +13560,7 @@ function isTemplateNode$1(node) {
 function isSlotOutlet(node) {
 	return node.type === 1 && node.tagType === 2;
 }
-const propsHelperSet = new Set([NORMALIZE_PROPS, GUARD_REACTIVE_PROPS]);
+const propsHelperSet = /* @__PURE__ */ new Set([NORMALIZE_PROPS, GUARD_REACTIVE_PROPS]);
 function getUnnormalizedProps(props, callPath = []) {
 	if (props && !isString(props) && props.type === 14) {
 		const callee = props.callee;
@@ -13261,9 +13603,10 @@ function injectProp(node, prop, context) {
 		propsWithInjection = createCallExpression(context.helper(MERGE_PROPS), [createObjectExpression([prop]), props]);
 		if (parentCall && parentCall.callee === GUARD_REACTIVE_PROPS) parentCall = callPath[callPath.length - 2];
 	}
-	if (node.type === 13) if (parentCall) parentCall.arguments[0] = propsWithInjection;
-	else node.props = propsWithInjection;
-	else if (parentCall) parentCall.arguments[0] = propsWithInjection;
+	if (node.type === 13) {
+		if (parentCall) parentCall.arguments[0] = propsWithInjection;
+		else node.props = propsWithInjection;
+	} else if (parentCall) parentCall.arguments[0] = propsWithInjection;
 	else node.arguments[2] = propsWithInjection;
 }
 function injectSlotKey(node, prop) {
@@ -13538,10 +13881,7 @@ const tokenizer = new Tokenizer(stack, {
 			case 18:
 			case 19:
 			case 20:
-			case 21:
-				emitError(9, end);
-				break;
-			default: break;
+			case 21: emitError(9, end);
 		}
 		for (let index = 0; index < stack.length; index++) {
 			onCloseTag(stack[index], end - 1);
@@ -13691,7 +14031,7 @@ function backTrack(index, c) {
 	while (currentInput.charCodeAt(i) !== c && i >= 0) i--;
 	return i;
 }
-const specialTemplateDir = new Set([
+const specialTemplateDir = /* @__PURE__ */ new Set([
 	"if",
 	"else",
 	"else-if",
@@ -13727,16 +14067,18 @@ function condenseWhitespace(nodes) {
 	let removedWhitespace = false;
 	for (let i = 0; i < nodes.length; i++) {
 		const node = nodes[i];
-		if (node.type === 2) if (!inPre) {
-			if (isAllWhitespace(node.content)) {
-				const prev = nodes[i - 1] && nodes[i - 1].type;
-				const next = nodes[i + 1] && nodes[i + 1].type;
-				if (!prev || !next || shouldCondense && (prev === 3 && (next === 3 || next === 1) || prev === 1 && (next === 3 || next === 1 && hasNewlineChar(node.content)))) {
-					removedWhitespace = true;
-					nodes[i] = null;
-				} else node.content = " ";
-			} else if (shouldCondense) node.content = condense(node.content);
-		} else node.content = node.content.replace(windowsNewlineRE, "\n");
+		if (node.type === 2) {
+			if (!inPre) {
+				if (isAllWhitespace(node.content)) {
+					const prev = nodes[i - 1] && nodes[i - 1].type;
+					const next = nodes[i + 1] && nodes[i + 1].type;
+					if (!prev || !next || shouldCondense && (prev === 3 && (next === 3 || next === 1) || prev === 1 && (next === 3 || next === 1 && hasNewlineChar(node.content)))) {
+						removedWhitespace = true;
+						nodes[i] = null;
+					} else node.content = " ";
+				} else if (shouldCondense) node.content = condense(node.content);
+			} else node.content = node.content.replace(windowsNewlineRE, "\n");
+		}
 	}
 	return removedWhitespace ? nodes.filter(Boolean) : nodes;
 }
@@ -14001,7 +14343,7 @@ function getConstantType(node, context) {
 			return 0;
 	}
 }
-const allowHoistedHelperSet = new Set([
+const allowHoistedHelperSet = /* @__PURE__ */ new Set([
 	NORMALIZE_CLASS,
 	NORMALIZE_STYLE,
 	NORMALIZE_PROPS,
@@ -14045,7 +14387,7 @@ function getSelfName(filename) {
 	const nameMatch = filename.replace(/\?.*$/, "").match(/([^/\\]+)\.\w+$/);
 	return nameMatch ? capitalize(camelize(nameMatch[1])) : null;
 }
-function createTransformContext(root, { filename = "", prefixIdentifiers = false, hoistStatic = false, hmr = false, cacheHandlers = false, nodeTransforms = [], directiveTransforms = {}, transformHoist = null, isBuiltInComponent = NOOP, isCustomElement = NOOP, expressionPlugins = [], scopeId = null, slotted = true, ssr = false, inSSR = false, ssrCssVars = ``, bindingMetadata = EMPTY_OBJ, inline = false, isTS = false, eventDelegation = true, onError = defaultOnError, onWarn = defaultOnWarn, compatConfig }) {
+function createTransformContext(root, { filename = "", prefixIdentifiers = false, hoistStatic = false, hmr = false, cacheHandlers = false, nodeTransforms = [], directiveTransforms = {}, transformHoist = null, isBuiltInComponent = NOOP, isCustomElement = NOOP, expressionPlugins = [], scopeId = null, slotted = true, ssr = false, inSSR = false, ssrCssVars = ``, bindingMetadata = EMPTY_OBJ, inline = false, isTS = false, onError = defaultOnError, onWarn = defaultOnWarn, compatConfig }) {
 	const context = {
 		filename,
 		selfName: getSelfName(filename),
@@ -14067,7 +14409,6 @@ function createTransformContext(root, { filename = "", prefixIdentifiers = false
 		bindingMetadata,
 		inline,
 		isTS,
-		eventDelegation,
 		onError,
 		onWarn,
 		compatConfig,
@@ -14163,7 +14504,7 @@ function transform(root, options) {
 	traverseNode(root, context);
 	if (options.hoistStatic) cacheStatic(root, context);
 	if (!options.ssr) createRootCodegen(root, context);
-	root.helpers = new Set([...context.helpers.keys()]);
+	root.helpers = /* @__PURE__ */ new Set([...context.helpers.keys()]);
 	root.components = [...context.components];
 	root.directives = [...context.directives];
 	root.imports = context.imports;
@@ -14210,8 +14551,10 @@ function traverseNode(node, context) {
 	const exitFns = [];
 	for (let i = 0; i < nodeTransforms.length; i++) {
 		const onExit = nodeTransforms[i](node, context);
-		if (onExit) if (isArray(onExit)) exitFns.push(...onExit);
-		else exitFns.push(onExit);
+		if (onExit) {
+			if (isArray(onExit)) exitFns.push(...onExit);
+			else exitFns.push(onExit);
+		}
 		if (!context.currentNode) return;
 		else node = context.currentNode;
 	}
@@ -14228,9 +14571,7 @@ function traverseNode(node, context) {
 		case 10:
 		case 11:
 		case 1:
-		case 0:
-			traverseChildren(node, context);
-			break;
+		case 0: traverseChildren(node, context);
 	}
 	context.currentNode = node;
 	let i = exitFns.length;
@@ -14426,10 +14767,12 @@ function genNodeList(nodes, context, multilines = false, comma = true) {
 		if (isString(node)) push(node, -3);
 		else if (isArray(node)) genNodeListAsArray(node, context);
 		else genNode(node, context);
-		if (i < nodes.length - 1) if (multilines) {
-			comma && push(",");
-			newline();
-		} else comma && push(", ");
+		if (i < nodes.length - 1) {
+			if (multilines) {
+				comma && push(",");
+				newline();
+			} else comma && push(", ");
+		}
 	}
 }
 function genNode(node, context) {
@@ -14542,9 +14885,12 @@ function genVNodeCall(node, context) {
 	const { push, helper, pure } = context;
 	const { tag, props, children, patchFlag, dynamicProps, directives, isBlock, disableTracking, isComponent } = node;
 	let patchFlagString;
-	if (patchFlag) if (!!(process.env.NODE_ENV !== "production")) if (patchFlag < 0) patchFlagString = patchFlag + ` /* ${PatchFlagNames[patchFlag]} */`;
-	else patchFlagString = patchFlag + ` /* ${Object.keys(PatchFlagNames).map(Number).filter((n) => n > 0 && patchFlag & n).map((n) => PatchFlagNames[n]).join(`, `)} */`;
-	else patchFlagString = String(patchFlag);
+	if (patchFlag) {
+		if (!!(process.env.NODE_ENV !== "production")) {
+			if (patchFlag < 0) patchFlagString = patchFlag + ` /* ${PatchFlagNames[patchFlag]} */`;
+			else patchFlagString = patchFlag + ` /* ${Object.keys(PatchFlagNames).map(Number).filter((n) => n > 0 && patchFlag & n).map((n) => PatchFlagNames[n]).join(`, `)} */`;
+		} else patchFlagString = String(patchFlag);
+	}
 	if (directives) push(helper(WITH_DIRECTIVES) + `(`);
 	if (isBlock) push(`(${helper(OPEN_BLOCK)}(${disableTracking ? `true` : ``}), `);
 	if (pure) push(PURE_ANNOTATION);
@@ -14813,16 +15159,17 @@ function createChildrenCodegenNode(branch, keyIndex, context) {
 	const keyProperty = createObjectProperty(`key`, createSimpleExpression(`${keyIndex}`, false, locStub, 2));
 	const { children } = branch;
 	const firstChild = children[0];
-	if (children.length !== 1 || firstChild.type !== 1) if (children.length === 1 && firstChild.type === 11) {
-		const vnodeCall = firstChild.codegenNode;
-		injectProp(vnodeCall, keyProperty, context);
-		return vnodeCall;
+	if (children.length !== 1 || firstChild.type !== 1) {
+		if (children.length === 1 && firstChild.type === 11) {
+			const vnodeCall = firstChild.codegenNode;
+			injectProp(vnodeCall, keyProperty, context);
+			return vnodeCall;
+		} else {
+			let patchFlag = 64;
+			if (!!(process.env.NODE_ENV !== "production") && !branch.isTemplateIf && children.filter((c) => c.type !== 3).length === 1) patchFlag |= 2048;
+			return createVNodeCall(context, helper(FRAGMENT), createObjectExpression([keyProperty]), children, patchFlag, void 0, void 0, true, false, false, branch.loc);
+		}
 	} else {
-		let patchFlag = 64;
-		if (!!(process.env.NODE_ENV !== "production") && !branch.isTemplateIf && children.filter((c) => c.type !== 3).length === 1) patchFlag |= 2048;
-		return createVNodeCall(context, helper(FRAGMENT), createObjectExpression([keyProperty]), children, patchFlag, void 0, void 0, true, false, false, branch.loc);
-	}
-	else {
 		const ret = firstChild.codegenNode;
 		const vnodeCall = getMemoedVNodeCall(ret);
 		if (vnodeCall.type === 13) convertToBlock(vnodeCall, context);
@@ -14843,9 +15190,10 @@ function isSameKey(a, b) {
 	return true;
 }
 function getParentCondition(node) {
-	while (true) if (node.type === 19) if (node.alternate.type === 19) node = node.alternate;
-	else return node;
-	else if (node.type === 20) node = node.value;
+	while (true) if (node.type === 19) {
+		if (node.alternate.type === 19) node = node.alternate;
+		else return node;
+	} else if (node.type === 20) node = node.value;
 }
 //#endregion
 //#region packages/compiler-core/src/transforms/vFor.ts
@@ -14883,15 +15231,24 @@ const transformFor = createStructuralDirectiveTransform("for", (node, dir, conte
 			else {
 				childBlock = children[0].codegenNode;
 				if (isTemplate && keyProperty) injectProp(childBlock, keyProperty, context);
-				if (childBlock.isBlock !== !isStableFragment) if (childBlock.isBlock) {
-					removeHelper(OPEN_BLOCK);
-					removeHelper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent));
-				} else removeHelper(getVNodeHelper(context.inSSR, childBlock.isComponent));
-				childBlock.isBlock = !isStableFragment;
+				const shouldUseBlock = !isStableFragment || childBlock.isBlockRequired === true;
+				if (childBlock.isBlock !== shouldUseBlock) {
+					if (childBlock.isBlock) {
+						removeHelper(OPEN_BLOCK);
+						removeHelper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent));
+					} else removeHelper(getVNodeHelper(context.inSSR, childBlock.isComponent));
+				}
+				childBlock.isBlock = shouldUseBlock;
 				if (childBlock.isBlock) {
 					helper(OPEN_BLOCK);
 					helper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent));
-				} else helper(getVNodeHelper(context.inSSR, childBlock.isComponent));
+				} else {
+					helper(getVNodeHelper(context.inSSR, childBlock.isComponent));
+					if (childBlock.needsPatch) {
+						var _childBlock$patchFlag;
+						childBlock.patchFlag = ((_childBlock$patchFlag = childBlock.patchFlag) !== null && _childBlock$patchFlag !== void 0 ? _childBlock$patchFlag : 0) | 512;
+					}
+				}
 			}
 			if (memo) {
 				const loop = createFunctionExpression(createForLoopParams(forNode.parseResult, [createSimpleExpression(`_cached`)]));
@@ -15065,8 +15422,10 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
 			return createObjectProperty(`default`, fn);
 		};
 		if (!hasTemplateSlots) slotsProperties.push(buildDefaultSlotProperty(void 0, children));
-		else if (implicitDefaultChildren.length && !implicitDefaultChildren.every(isWhitespaceText)) if (hasNamedDefaultSlot) context.onError(createCompilerError(39, implicitDefaultChildren[0].loc));
-		else slotsProperties.push(buildDefaultSlotProperty(void 0, implicitDefaultChildren));
+		else if (implicitDefaultChildren.length && !implicitDefaultChildren.every(isWhitespaceText)) {
+			if (hasNamedDefaultSlot) context.onError(createCompilerError(39, implicitDefaultChildren[0].loc));
+			else slotsProperties.push(buildDefaultSlotProperty(void 0, implicitDefaultChildren));
+		}
 	}
 	const slotFlag = hasDynamicSlots ? 2 : hasForwardedSlots(node.children) ? 3 : 1;
 	let slots = createObjectExpression(slotsProperties.concat(createObjectProperty(`_`, createSimpleExpression(slotFlag + (!!(process.env.NODE_ENV !== "production") ? ` /* ${slotFlagsText[slotFlag]} */` : ``), false))), loc);
@@ -15092,10 +15451,7 @@ function hasForwardedSlots(children) {
 				if (hasForwardedSlots(child.branches)) return true;
 				break;
 			case 10:
-			case 11:
-				if (hasForwardedSlots(child.children)) return true;
-				break;
-			default: break;
+			case 11: if (hasForwardedSlots(child.children)) return true;
 		}
 	}
 	return false;
@@ -15117,12 +15473,16 @@ const transformElement = (node, context) => {
 		let vnodeDynamicProps;
 		let dynamicPropNames;
 		let vnodeDirectives;
+		let needsPatch = false;
+		let isBlockRequired = false;
 		let shouldUseBlock = isDynamicComponent || vnodeTag === TELEPORT || vnodeTag === SUSPENSE || !isComponent && (tag === "svg" || tag === "foreignObject" || tag === "math");
 		if (props.length > 0) {
 			const propsBuildResult = buildProps(node, context, void 0, isComponent, isDynamicComponent);
 			vnodeProps = propsBuildResult.props;
 			patchFlag = propsBuildResult.patchFlag;
 			dynamicPropNames = propsBuildResult.dynamicPropNames;
+			needsPatch = propsBuildResult.needsPatch;
+			isBlockRequired = propsBuildResult.isBlockRequired;
 			const directives = propsBuildResult.directives;
 			vnodeDirectives = directives && directives.length ? createArrayExpression(directives.map((dir) => buildDirectiveArgs(dir, context))) : void 0;
 			if (propsBuildResult.shouldUseBlock) shouldUseBlock = true;
@@ -15151,7 +15511,10 @@ const transformElement = (node, context) => {
 			} else vnodeChildren = node.children;
 		}
 		if (dynamicPropNames && dynamicPropNames.length) vnodeDynamicProps = stringifyDynamicPropNames(dynamicPropNames);
-		node.codegenNode = createVNodeCall(context, vnodeTag, vnodeProps, vnodeChildren, patchFlag === 0 ? void 0 : patchFlag, vnodeDynamicProps, vnodeDirectives, !!shouldUseBlock, false, isComponent, node.loc);
+		const vnodeCall = node.codegenNode = createVNodeCall(context, vnodeTag, vnodeProps, vnodeChildren, patchFlag === 0 ? void 0 : patchFlag, vnodeDynamicProps, vnodeDirectives, !!shouldUseBlock, false, isComponent, node.loc);
+		needsPatch = needsPatch && (patchFlag === 0 || patchFlag === 32);
+		if (needsPatch) vnodeCall.needsPatch = true;
+		if (isBlockRequired) vnodeCall.isBlockRequired = true;
 	};
 };
 function resolveComponentType(node, context, ssr = false) {
@@ -15185,6 +15548,7 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
 	const runtimeDirectives = [];
 	const hasChildren = children.length > 0;
 	let shouldUseBlock = false;
+	let isBlockRequired = false;
 	let patchFlag = 0;
 	let hasRef = false;
 	let hasClassBinding = false;
@@ -15209,12 +15573,12 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
 			const isEventHandler = isOn(name);
 			if (isEventHandler && (!isComponent || isDynamicComponent) && name.toLowerCase() !== "onclick" && name !== "onUpdate:modelValue" && !isReservedProp(name)) hasHydrationEventBinding = true;
 			if (isEventHandler && isReservedProp(name)) hasVnodeHook = true;
+			if (name === "ref") hasRef = true;
 			if (isEventHandler && value.type === 14) value = value.arguments[0];
 			if (value.type === 20 || (value.type === 4 || value.type === 8) && getConstantType(value, context) > 0) return;
-			if (name === "ref") hasRef = true;
-			else if (name === "class") hasClassBinding = true;
+			if (name === "class") hasClassBinding = true;
 			else if (name === "style") hasStyleBinding = true;
-			else if (name !== "key" && !dynamicPropNames.includes(name)) dynamicPropNames.push(name);
+			else if (name !== "ref" && name !== "key" && !dynamicPropNames.includes(name)) dynamicPropNames.push(name);
 			if (isComponent && (name === "class" || name === "style") && !dynamicPropNames.includes(name)) dynamicPropNames.push(name);
 		} else hasDynamicKeys = true;
 	};
@@ -15240,35 +15604,40 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
 			if (name === "once" || name === "memo") continue;
 			if (name === "is" || isVBind && isStaticArgOf(arg, "is") && (isComponentTag(tag) || isCompatEnabled("COMPILER_IS_ON_ELEMENT", context))) continue;
 			if (isVOn && ssr) continue;
-			if (isVBind && isStaticArgOf(arg, "key") || isVOn && hasChildren && isStaticArgOf(arg, "vue:before-update")) shouldUseBlock = true;
+			if (isVBind && isStaticArgOf(arg, "key")) shouldUseBlock = true;
+			if (isVOn && hasChildren && arg && isStaticExp(arg) && camelize(arg.content) === "vue:beforeUpdate") {
+				shouldUseBlock = true;
+				isBlockRequired = true;
+			}
 			if (isVBind && isStaticArgOf(arg, "ref")) pushRefVForMarker();
 			if (!arg && (isVBind || isVOn)) {
 				hasDynamicKeys = true;
-				if (exp) if (isVBind) {
-					pushMergeArg();
-					if (!!(process.env.NODE_ENV !== "production")) {
-						if (mergeArgs.some((arg) => {
-							if (arg.type === 15) return arg.properties.some(({ key }) => {
-								if (key.type !== 4 || !key.isStatic) return true;
-								return key.content !== "class" && key.content !== "style" && !isOn(key.content);
-							});
-							else return true;
-						})) checkCompatEnabled("COMPILER_V_BIND_OBJECT_ORDER", context, loc);
-					}
-					if (isCompatEnabled("COMPILER_V_BIND_OBJECT_ORDER", context)) {
-						mergeArgs.unshift(exp);
-						continue;
-					}
-					pushRefVForMarker();
-					pushMergeArg();
-					mergeArgs.push(exp);
-				} else pushMergeArg({
-					type: 14,
-					loc,
-					callee: context.helper(TO_HANDLERS),
-					arguments: isComponent ? [exp] : [exp, `true`]
-				});
-				else context.onError(createCompilerError(isVBind ? 34 : 35, loc));
+				if (exp) {
+					if (isVBind) {
+						pushMergeArg();
+						if (!!(process.env.NODE_ENV !== "production")) {
+							if (mergeArgs.some((arg) => {
+								if (arg.type === 15) return arg.properties.some(({ key }) => {
+									if (key.type !== 4 || !key.isStatic) return true;
+									return key.content !== "class" && key.content !== "style" && !isOn(key.content);
+								});
+								else return true;
+							})) checkCompatEnabled("COMPILER_V_BIND_OBJECT_ORDER", context, loc);
+						}
+						if (isCompatEnabled("COMPILER_V_BIND_OBJECT_ORDER", context)) {
+							mergeArgs.unshift(exp);
+							continue;
+						}
+						pushRefVForMarker();
+						pushMergeArg();
+						mergeArgs.push(exp);
+					} else pushMergeArg({
+						type: 14,
+						loc,
+						callee: context.helper(TO_HANDLERS),
+						arguments: isComponent ? [exp] : [exp, `true`]
+					});
+				} else context.onError(createCompilerError(isVBind ? 34 : 35, loc));
 				continue;
 			}
 			if (isVBind && modifiers.some((mod) => mod.content === "prop")) patchFlag |= 32;
@@ -15284,7 +15653,10 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
 				}
 			} else if (!isBuiltInDirective(name)) {
 				runtimeDirectives.push(prop);
-				if (hasChildren) shouldUseBlock = true;
+				if (hasChildren) {
+					shouldUseBlock = true;
+					isBlockRequired = true;
+				}
 			}
 		}
 	}
@@ -15301,7 +15673,8 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
 		if (dynamicPropNames.length) patchFlag |= 8;
 		if (hasHydrationEventBinding) patchFlag |= 32;
 	}
-	if (!shouldUseBlock && (patchFlag === 0 || patchFlag === 32) && (hasRef || hasVnodeHook || runtimeDirectives.length > 0)) patchFlag |= 512;
+	const needsPatch = (patchFlag === 0 || patchFlag === 32) && (hasRef || hasVnodeHook || runtimeDirectives.length > 0);
+	if (!shouldUseBlock && needsPatch) patchFlag |= 512;
 	if (!context.inSSR && propsExpression) switch (propsExpression.type) {
 		case 15:
 			let classKeyIndex = -1;
@@ -15322,16 +15695,16 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
 			} else propsExpression = createCallExpression(context.helper(NORMALIZE_PROPS), [propsExpression]);
 			break;
 		case 14: break;
-		default:
-			propsExpression = createCallExpression(context.helper(NORMALIZE_PROPS), [createCallExpression(context.helper(GUARD_REACTIVE_PROPS), [propsExpression])]);
-			break;
+		default: propsExpression = createCallExpression(context.helper(NORMALIZE_PROPS), [createCallExpression(context.helper(GUARD_REACTIVE_PROPS), [propsExpression])]);
 	}
 	return {
 		props: propsExpression,
 		directives: runtimeDirectives,
 		patchFlag,
 		dynamicPropNames,
-		shouldUseBlock
+		shouldUseBlock,
+		needsPatch,
+		isBlockRequired
 	};
 }
 function dedupeProperties(properties) {
@@ -15428,10 +15801,12 @@ function processSlotOutlet(node, context) {
 	for (let i = 0; i < node.props.length; i++) {
 		const p = node.props[i];
 		if (p.type === 6) {
-			if (p.value) if (p.name === "name") slotName = JSON.stringify(p.value.content);
-			else {
-				p.name = camelize(p.name);
-				nonNameProps.push(p);
+			if (p.value) {
+				if (p.name === "name") slotName = JSON.stringify(p.value.content);
+				else {
+					p.name = camelize(p.name);
+					nonNameProps.push(p);
+				}
 			}
 		} else if (p.name === "bind" && isStaticArgOf(p.arg, "name")) {
 			if (p.exp) slotName = p.exp;
@@ -15457,17 +15832,18 @@ const transformOn$1 = (dir, node, context, augmentor) => {
 	const { loc, modifiers, arg } = dir;
 	if (!dir.exp && !modifiers.length) context.onError(createCompilerError(35, loc));
 	let eventName;
-	if (arg.type === 4) if (arg.isStatic) {
-		let rawName = arg.content;
-		if (!!(process.env.NODE_ENV !== "production") && rawName.startsWith("vnode")) context.onError(createCompilerError(52, arg.loc));
-		if (rawName.startsWith("vue:")) rawName = `vnode-${rawName.slice(4)}`;
-		eventName = createSimpleExpression(node.tagType !== 0 || rawName.startsWith("vnode") || !/[A-Z]/.test(rawName) ? toHandlerKey(camelize(rawName)) : `on:${rawName}`, true, arg.loc);
-	} else eventName = createCompoundExpression([
-		`${context.helperString(TO_HANDLER_KEY)}(`,
-		arg,
-		`)`
-	]);
-	else {
+	if (arg.type === 4) {
+		if (arg.isStatic) {
+			let rawName = arg.content;
+			if (!!(process.env.NODE_ENV !== "production") && rawName.startsWith("vnode")) context.onError(createCompilerError(52, arg.loc));
+			if (rawName.startsWith("vue:")) rawName = `vnode-${rawName.slice(4)}`;
+			eventName = createSimpleExpression(node.tagType !== 0 || rawName.startsWith("vnode") || !/[A-Z]/.test(rawName) ? toHandlerKey(camelize(rawName)) : `on:${rawName}`, true, arg.loc);
+		} else eventName = createCompoundExpression([
+			`${context.helperString(TO_HANDLER_KEY)}(`,
+			arg,
+			`)`
+		]);
+	} else {
 		eventName = arg;
 		eventName.children.unshift(`${context.helperString(TO_HANDLER_KEY)}(`);
 		eventName.children.push(`)`);
@@ -15503,11 +15879,14 @@ const transformBind = (dir, _node, context) => {
 		arg.children.unshift(`(`);
 		arg.children.push(`) || ""`);
 	} else if (!arg.isStatic) arg.content = arg.content ? `${arg.content} || ""` : `""`;
-	if (modifiers.some((mod) => mod.content === "camel")) if (arg.type === 4) if (arg.isStatic) arg.content = camelize(arg.content);
-	else arg.content = `${context.helperString(CAMELIZE)}(${arg.content})`;
-	else {
-		arg.children.unshift(`${context.helperString(CAMELIZE)}(`);
-		arg.children.push(`)`);
+	if (modifiers.some((mod) => mod.content === "camel")) {
+		if (arg.type === 4) {
+			if (arg.isStatic) arg.content = camelize(arg.content);
+			else arg.content = `${context.helperString(CAMELIZE)}(${arg.content})`;
+		} else {
+			arg.children.unshift(`${context.helperString(CAMELIZE)}(`);
+			arg.children.push(`)`);
+		}
 	}
 	if (!context.inSSR) {
 		if (modifiers.some((mod) => mod.content === "prop")) injectPrefix(arg, ".");
@@ -15516,9 +15895,10 @@ const transformBind = (dir, _node, context) => {
 	return { props: [createObjectProperty(arg, exp)] };
 };
 const injectPrefix = (arg, prefix) => {
-	if (arg.type === 4) if (arg.isStatic) arg.content = prefix + arg.content;
-	else arg.content = `\`${prefix}\${${arg.content}}\``;
-	else {
+	if (arg.type === 4) {
+		if (arg.isStatic) arg.content = prefix + arg.content;
+		else arg.content = `\`${prefix}\${${arg.content}}\``;
+	} else {
 		arg.children.unshift(`'${prefix}' + (`);
 		arg.children.push(`)`);
 	}
@@ -15665,11 +16045,12 @@ function parseFilter(node, context) {
 			if (c === 96 && prev !== 92) inTemplateString = false;
 		} else if (inRegex) {
 			if (c === 47 && prev !== 92) inRegex = false;
-		} else if (c === 124 && exp.charCodeAt(i + 1) !== 124 && exp.charCodeAt(i - 1) !== 124 && !curly && !square && !paren) if (expression === void 0) {
-			lastFilterIndex = i + 1;
-			expression = exp.slice(0, i).trim();
-		} else pushFilter();
-		else {
+		} else if (c === 124 && exp.charCodeAt(i + 1) !== 124 && exp.charCodeAt(i - 1) !== 124 && !curly && !square && !paren) {
+			if (expression === void 0) {
+				lastFilterIndex = i + 1;
+				expression = exp.slice(0, i).trim();
+			} else pushFilter();
+		} else {
 			switch (c) {
 				case 34:
 					inDouble = true;
@@ -15695,9 +16076,7 @@ function parseFilter(node, context) {
 				case 123:
 					curly++;
 					break;
-				case 125:
-					curly--;
-					break;
+				case 125: curly--;
 			}
 			if (c === 47) {
 				let j = i - 1;
@@ -15973,9 +16352,7 @@ const transformModel = (dir, node, context) => {
 						isInvalidType = true;
 						context.onError(createDOMCompilerError(60, dir.loc));
 						break;
-					default:
-						process.env.NODE_ENV !== "production" && checkDuplicatedValue();
-						break;
+					default: process.env.NODE_ENV !== "production" && checkDuplicatedValue();
 				}
 			} else if (hasDynamicKeyVBind(node)) directiveToUse = V_MODEL_DYNAMIC;
 			else process.env.NODE_ENV !== "production" && checkDuplicatedValue();
@@ -15988,27 +16365,37 @@ const transformModel = (dir, node, context) => {
 };
 //#endregion
 //#region packages/compiler-dom/src/transforms/vOn.ts
-const isEventOptionModifier = /* @__PURE__ */ makeMap(`passive,once,capture`);
-const isNonKeyModifier = /* @__PURE__ */ makeMap("stop,prevent,self,ctrl,shift,alt,meta,exact,middle");
-const maybeKeyModifier = /* @__PURE__ */ makeMap("left,right");
-const isKeyboardEvent = /* @__PURE__ */ makeMap(`onkeyup,onkeydown,onkeypress`);
+const isEventOptionModifier = /*@__PURE__*/ makeMap(`passive,once,capture`);
+const isNonKeyModifier = /*@__PURE__*/ makeMap("stop,prevent,self,ctrl,shift,alt,meta,exact,middle");
+const maybeKeyModifier = /*@__PURE__*/ makeMap("left,right");
+const isKeyboardEvent = /*@__PURE__*/ makeMap(`onkeyup,onkeydown,onkeypress`);
 const resolveModifiers = (key, modifiers, context, loc) => {
 	const keyModifiers = [];
 	const nonKeyModifiers = [];
 	const eventOptionModifiers = [];
 	for (let i = 0; i < modifiers.length; i++) {
 		const modifier = modifiers[i].content;
+		if (modifier === "delegate") {
+			if (context) {
+				const error = /* @__PURE__ */ new SyntaxError(`.delegate modifier is only supported in Vapor components.`);
+				error.loc = modifiers[i].loc;
+				context.onWarn(error);
+			}
+			continue;
+		}
 		if (modifier === "native" && context && checkCompatEnabled("COMPILER_V_ON_NATIVE", context, loc)) eventOptionModifiers.push(modifier);
 		else if (isEventOptionModifier(modifier)) eventOptionModifiers.push(modifier);
 		else {
 			const keyString = isString(key) ? key : isStaticExp(key) ? key.content : null;
-			if (maybeKeyModifier(modifier)) if (keyString) if (isKeyboardEvent(keyString.toLowerCase())) keyModifiers.push(modifier);
-			else nonKeyModifiers.push(modifier);
-			else {
-				keyModifiers.push(modifier);
-				nonKeyModifiers.push(modifier);
-			}
-			else if (isNonKeyModifier(modifier)) nonKeyModifiers.push(modifier);
+			if (maybeKeyModifier(modifier)) {
+				if (keyString) {
+					if (isKeyboardEvent(keyString.toLowerCase())) keyModifiers.push(modifier);
+					else nonKeyModifiers.push(modifier);
+				} else {
+					keyModifiers.push(modifier);
+					nonKeyModifiers.push(modifier);
+				}
+			} else if (isNonKeyModifier(modifier)) nonKeyModifiers.push(modifier);
 			else keyModifiers.push(modifier);
 		}
 	}
@@ -16123,7 +16510,7 @@ function isValidHTMLNesting(parent, child) {
 	}
 	return true;
 }
-const headings = new Set([
+const headings = /* @__PURE__ */ new Set([
 	"h1",
 	"h2",
 	"h3",
@@ -16135,7 +16522,7 @@ const emptySet = /* @__PURE__ */ new Set([]);
 /**
 * maps element to set of elements that can be it's children, no other */
 const onlyValidChildren = {
-	head: new Set([
+	head: /* @__PURE__ */ new Set([
 		"base",
 		"basefront",
 		"bgsound",
@@ -16148,24 +16535,24 @@ const onlyValidChildren = {
 		"script",
 		"template"
 	]),
-	optgroup: new Set(["option"]),
-	select: new Set([
+	optgroup: /* @__PURE__ */ new Set(["option"]),
+	select: /* @__PURE__ */ new Set([
 		"optgroup",
 		"option",
 		"hr"
 	]),
-	table: new Set([
+	table: /* @__PURE__ */ new Set([
 		"caption",
 		"colgroup",
 		"tbody",
 		"tfoot",
 		"thead"
 	]),
-	tr: new Set(["td", "th"]),
-	colgroup: new Set(["col"]),
-	tbody: new Set(["tr"]),
-	thead: new Set(["tr"]),
-	tfoot: new Set(["tr"]),
+	tr: /* @__PURE__ */ new Set(["td", "th"]),
+	colgroup: /* @__PURE__ */ new Set(["col"]),
+	tbody: /* @__PURE__ */ new Set(["tr"]),
+	thead: /* @__PURE__ */ new Set(["tr"]),
+	tfoot: /* @__PURE__ */ new Set(["tr"]),
 	script: emptySet,
 	iframe: emptySet,
 	option: emptySet,
@@ -16176,30 +16563,30 @@ const onlyValidChildren = {
 /** maps elements to set of elements which can be it's parent, no other */
 const onlyValidParents = {
 	html: emptySet,
-	body: new Set(["html"]),
-	head: new Set(["html"]),
-	td: new Set(["tr"]),
-	colgroup: new Set(["table"]),
-	caption: new Set(["table"]),
-	tbody: new Set(["table"]),
-	tfoot: new Set(["table"]),
-	col: new Set(["colgroup"]),
-	th: new Set(["tr"]),
-	thead: new Set(["table"]),
-	tr: new Set([
+	body: /* @__PURE__ */ new Set(["html"]),
+	head: /* @__PURE__ */ new Set(["html"]),
+	td: /* @__PURE__ */ new Set(["tr"]),
+	colgroup: /* @__PURE__ */ new Set(["table"]),
+	caption: /* @__PURE__ */ new Set(["table"]),
+	tbody: /* @__PURE__ */ new Set(["table"]),
+	tfoot: /* @__PURE__ */ new Set(["table"]),
+	col: /* @__PURE__ */ new Set(["colgroup"]),
+	th: /* @__PURE__ */ new Set(["tr"]),
+	thead: /* @__PURE__ */ new Set(["table"]),
+	tr: /* @__PURE__ */ new Set([
 		"tbody",
 		"thead",
 		"tfoot"
 	]),
-	dd: new Set(["dl", "div"]),
-	dt: new Set(["dl", "div"]),
-	figcaption: new Set(["figure"]),
-	summary: new Set(["details"]),
-	area: new Set(["map"])
+	dd: /* @__PURE__ */ new Set(["dl", "div"]),
+	dt: /* @__PURE__ */ new Set(["dl", "div"]),
+	figcaption: /* @__PURE__ */ new Set(["figure"]),
+	summary: /* @__PURE__ */ new Set(["details"]),
+	area: /* @__PURE__ */ new Set(["map"])
 };
 /** maps element to set of elements that can not be it's children, others can */
 const knownInvalidChildren = {
-	p: new Set([
+	p: /* @__PURE__ */ new Set([
 		"address",
 		"article",
 		"aside",
@@ -16234,7 +16621,7 @@ const knownInvalidChildren = {
 		"table",
 		"ul"
 	]),
-	svg: new Set([
+	svg: /* @__PURE__ */ new Set([
 		"b",
 		"blockquote",
 		"br",
@@ -16275,12 +16662,12 @@ const knownInvalidChildren = {
 };
 /** maps element to set of elements that can not be it's parent, others can */
 const knownInvalidParents = {
-	a: new Set(["a"]),
-	button: new Set(["button"]),
-	dd: new Set(["dd", "dt"]),
-	dt: new Set(["dd", "dt"]),
-	form: new Set(["form"]),
-	li: new Set(["li"]),
+	a: /* @__PURE__ */ new Set(["a"]),
+	button: /* @__PURE__ */ new Set(["button"]),
+	dd: /* @__PURE__ */ new Set(["dd", "dt"]),
+	dt: /* @__PURE__ */ new Set(["dd", "dt"]),
+	form: /* @__PURE__ */ new Set(["form"]),
+	li: /* @__PURE__ */ new Set(["li"]),
 	h1: headings,
 	h2: headings,
 	h3: headings,
@@ -16323,10 +16710,12 @@ function compile(src, options = {}) {
 //#region packages/vue-compat/src/index.ts
 const compileCache = Object.create(null);
 function compileToFunction(template, options) {
-	if (!isString(template)) if (template.nodeType) template = template.innerHTML;
-	else {
-		process.env.NODE_ENV !== "production" && warn(`invalid template option: `, template);
-		return NOOP;
+	if (!isString(template)) {
+		if (template.nodeType) template = template.innerHTML;
+		else {
+			process.env.NODE_ENV !== "production" && warn(`invalid template option: `, template);
+			return NOOP;
+		}
 	}
 	const key = genCacheKey(template, options);
 	const cached = compileCache[key];
@@ -16360,4 +16749,4 @@ Vue.compile = compileToFunction;
 var esm_index_default = Vue;
 const configureCompat = Vue.configureCompat;
 //#endregion
-export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MismatchTypes, MoveType, NULL_DYNAMIC_COMPONENT, ReactiveEffect, SchedulerJobFlags, Static, Suspense, Teleport, Text, TrackOpTypes, Transition, TransitionGroup, TransitionPropsValidators, TriggerOpTypes, VaporSlot, VueElement, VueElementBase, activate, assertNumber, baseApplyTranslation, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, baseUseCssVars, callPendingCbs, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, configureCompat, createApp, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, esm_index_default as default, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSSRCustomElement, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureHydrationRenderer, ensureRenderer, ensureValidVNode, ensureVaporSlotFallback, expose, flushOnAppMount, forceReflow, getAttributeMismatch, getComponentName, getCurrentInstance, getCurrentScope, getCurrentWatcher, getFunctionalFallthrough, getInheritedScopeIds, getTransitionRawChildren, guardReactiveProps, h, handleError, handleMovedChildren, hasCSSTransform, hasInjectionContext, hydrate, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initDirectivesForSSR, initFeatureFlags, inject, invalidateMount, invokeDirectiveHook, isAsyncWrapper, isEmitListener, isHydrating, isKeepAlive, isMapEqual, isMemoSame, isMismatchAllowed, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isSetEqual, isShallow, isTeleportDeferred, isTeleportDisabled, isTemplateNode, isTemplateRefKey, isVNode, isValidHtmlOrSvgAttribute, knownTemplateRefs, leaveCbKey, logMismatchError, markAsyncBoundary, markRaw, matches, mergeDefaults, mergeModels, mergeProps, nextTick, nextUid, nodeOps, normalizeClass, normalizeContainer, normalizeProps, normalizeRef, normalizeStyle, normalizeVNode, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, parseEventName, patchProp, patchStyle, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, reactive, readonly, ref, registerHMR, registerRuntimeCompiler, render, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionHooks, resolveTransitionProps, setBlockTracking, setCurrentInstance, setCurrentRenderingInstance, setDevtoolsHook, setIsHydratingEnabled, setRef, setTransitionHooks, setVarsOnNode, shallowReactive, shallowReadonly, shallowRef, shouldSetAsProp, shouldSetAsPropForVueCE, shouldUpdateComponent, simpleSetCurrentInstance, ssrContextKey, ssrUtils, startMeasure, stop, svgNS, toClassSet, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toStyleMap, toValue, transformVNodeArgs, triggerRef, unref, unregisterHMR, unsafeToTrustedHTML, useAsyncComponentState, useAttrs, useCssModule, useCssVars, useHost, useId, useInstanceOption, useModel, useSSRContext, useShadowRoot, useSlots, useTemplateRef, useTransitionState, vModelCheckbox, vModelCheckboxInit, vModelCheckboxUpdate, vModelDynamic, getValue as vModelGetValue, vModelRadio, vModelSelect, vModelSelectInit, vModelSetSelected, vModelText, vModelTextInit, vModelTextUpdate, vShow, vShowHidden, vShowOriginalDisplay, validateComponentName, validateProps, version, warn, warnExtraneousAttributes, warnPropMismatch, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId, xlinkNS };
+export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MismatchTypes, MoveType, NULL_DYNAMIC_COMPONENT, ReactiveEffect, SchedulerJobFlags, Static, Suspense, Teleport, Text, TrackOpTypes, Transition, TransitionGroup, TransitionPropsValidators, TriggerOpTypes, VaporSlot, VueElement, VueElementBase, activate, assertNumber, baseApplyTranslation, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, callPendingCbs, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, configureCompat, createApp, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, esm_index_default as default, defaultPropGetter, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSSRCustomElement, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureHydrationRenderer, ensureRenderer, ensureValidVNode, expose, filterModelListeners, flushOnAppMount, forceReflow, getAttributeMismatch, getComponentName, getContainerType, getCurrentInstance, getCurrentScope, getCurrentWatcher, getFunctionalFallthrough, getInheritedScopeIds, getTransitionRawChildren, guardReactiveProps, h, handleError, handleMovedChildren, hasCSSTransform, hasInjectionContext, hydrate, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initDirectivesForSSR, initFeatureFlags, inject, invalidateMount, invokeDirectiveHook, invokeSlotFallback, invokeVNodeHook, isAsyncWrapper, isEmitListener, isFunctionalFallthroughKey, isHydrating, isHydratingEnabled, isKeepAlive, isMapEqual, isMemoSame, isMismatchAllowed, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isSetEqual, isShallow, isTeleportDeferred, isTeleportDisabled, isTemplateNode, isTemplateRefKey, isUnchangedResourceProp, isVNode, isValidHtmlOrSvgAttribute, knownTemplateRefs, leaveCbKey, logMismatchError, markAsyncBoundary, markRaw, matches, mergeDefaults, mergeModels, mergeProps, nextTick, nextUid, nodeOps, normalizeClass, normalizeContainer, normalizeProps, normalizeRef, normalizeStyle, normalizeVNode, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, parseEventName, patchClass, patchProp, patchStyle, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, prepareTransitionLeave, prepareTransitionSwitch, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, queuePostRenderEffect, rawVaporSlotKey, reactive, readonly, ref, registerHMR, registerRuntimeCompiler, render, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveCssVars, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionChild, resolveTransitionHooks, resolveTransitionProps, restoreCurrentInstance, setBlockTracking, setCurrentInstance, setCurrentRenderingInstance, setDevtoolsHook, setIsHydratingEnabled, setRef, setTransitionHooks, setVarsOnNode, shallowReactive, shallowReadonly, shallowRef, shouldSetAsProp, shouldSetAsPropForVueCE, shouldUpdateComponent, simpleSetCurrentInstance, ssrContextKey, ssrUtils, startMeasure, stop, svgNS, toClassSet, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toStyleMap, toValue, transformVNodeArgs, triggerRef, unref, unregisterHMR, unsafeToTrustedHTML, useAsyncComponentState, useAttrs, useCssModule, useCssVars, useHost, useId, useInstanceOption, useModel, useSSRContext, useShadowRoot, useSlots, useTemplateRef, useTransitionState, vModelCheckbox, vModelCheckboxInit, vModelCheckboxUpdate, vModelDynamic, getValue as vModelGetValue, vModelRadio, vModelSelect, vModelSelectInit, vModelSetSelected, vModelText, vModelTextInit, vModelTextUpdate, vShow, vShowHidden, vShowOriginalDisplay, validateComponentName, validateProps, version, warn, warnExtraneousAttributes, warnPropMismatch, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId, xlinkNS };