@vue/runtime-vapor 3.6.0-beta.7 → 3.6.0-beta.8

package/dist/runtime-vapor.d.ts

@@ -115,9 +115,9 @@ export declare class DynamicFragment extends VaporFragment {
   attrs?: Record<string, any>;
   keepAliveCtx: VaporKeepAliveContext | null;
   slotOwner: VaporComponentInstance | null;
-  constructor(anchorLabel?: string, keyed?: boolean);
+  constructor(anchorLabel?: string, keyed?: boolean, locate?: boolean);
   update(render?: BlockFn, key?: any): void;
-  renderBranch(render: BlockFn | undefined, transition: VaporTransitionHooks | undefined, parent: ParentNode | null, instance: GenericComponentInstance | null): void;
+  renderBranch(render: BlockFn | undefined, transition: VaporTransitionHooks | undefined, parent: ParentNode | null): void;
   hydrate: (isEmpty?: boolean) => void;
 }
 export declare function isFragment(val: NonNullable<unknown>): val is VaporFragment;
@@ -128,6 +128,7 @@ export interface VaporTransitionHooks extends TransitionHooks {
   props: TransitionProps;
   instance: VaporComponentInstance;
   disabled?: boolean;
+  applyGroup?: (block: Block, hooks: VaporTransitionHooks) => void;
 }
 interface TransitionOptions {
   $key?: any;
@@ -411,17 +412,10 @@ export declare function template(html: string, root?: boolean, ns?: Namespace):
 //#endregion
 //#region temp/packages/runtime-vapor/src/dom/node.d.ts
 export declare function createTextNode(value?: string): Text;
-declare const _txt: typeof _child;
-declare function _child(node: InsertionParent): Node;
-declare function _nthChild(node: InsertionParent, i: number): Node;
-declare function _next(node: Node): Node;
-type DelegatedFunction<T extends (...args: any[]) => any> = T & {
-  impl: T;
-};
-export declare const txt: DelegatedFunction<typeof _txt>;
-export declare const child: DelegatedFunction<typeof _child>;
-export declare const next: DelegatedFunction<typeof _next>;
-export declare const nthChild: DelegatedFunction<typeof _nthChild>;
+export declare function txt(node: ParentNode): Node;
+export declare function child(node: InsertionParent, logicalIndex?: number): Node;
+export declare function nthChild(node: InsertionParent, i: number): Node;
+export declare function next(node: Node, logicalIndex?: number): Node;
 //#endregion
 //#region temp/packages/runtime-vapor/src/dom/prop.d.ts
 type TargetElement = Element & {
@@ -471,7 +465,7 @@ export declare function setDynamicEvents(el: HTMLElement, events: Record<string,
 export declare function createInvoker(handler: (...args: any[]) => any): (...args: any[]) => any;
 //#endregion
 //#region temp/packages/runtime-vapor/src/apiCreateIf.d.ts
-export declare function createIf(condition: () => any, b1: BlockFn, b2?: BlockFn, once?: boolean, index?: number): Block;
+export declare function createIf(condition: () => any, b1: BlockFn, b2?: BlockFn, blockShape?: number, once?: boolean, index?: number): Block;
 //#endregion
 //#region temp/packages/runtime-vapor/src/apiCreateFragment.d.ts
 /**

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

@@ -1,12 +1,11 @@
 /**
-  * @vue/runtime-vapor v3.6.0-beta.7
+  * @vue/runtime-vapor v3.6.0-beta.8
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
-import { EffectScope, NULL_DYNAMIC_COMPONENT, TransitionPropsValidators, VueElementBase, activate, baseApplyTranslation, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, baseUseCssVars, callPendingCbs, callWithAsyncErrorHandling, callWithErrorHandling, checkTransitionMode, createAppAPI, createAsyncComponentContext, createCanSetSetupRefChecker, createInternalObject, createVNode, currentInstance, currentInstance as currentInstance$1, deactivate, devtoolsComponentAdded, endMeasure, ensureHydrationRenderer, ensureRenderer, ensureVaporSlotFallback, expose, flushOnAppMount, forceReflow, getAttributeMismatch, getComponentName, getFunctionalFallthrough, getInheritedScopeIds, handleError, handleMovedChildren, hasCSSTransform, initFeatureFlags, isAsyncWrapper, isEmitListener, isHydrating, isKeepAlive, isMapEqual, isMismatchAllowed, isRef, isSetEqual, isTeleportDeferred, isTeleportDisabled, isTemplateNode, isTemplateRefKey, isVNode, isValidHtmlOrSvgAttribute, knownTemplateRefs, leaveCbKey, markAsyncBoundary, matches, mergeProps, nextUid, normalizeContainer, normalizeRef, onBeforeUnmount, onBeforeUpdate, onMounted, onScopeDispose, onUpdated, patchStyle, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popWarningContext, pushWarningContext, queueJob, queuePostFlushCb, registerHMR, renderSlot, resetShapeFlag, resolveDynamicComponent, resolvePropValue, resolveTeleportTarget, resolveTransitionProps, setCurrentInstance, setCurrentRenderingInstance, setDevtoolsHook, setRef, setTransitionHooks, setVarsOnNode, shallowReactive, shallowRef, shouldSetAsProp, simpleSetCurrentInstance, startMeasure, toClassSet, toStyleMap, unregisterHMR, unsafeToTrustedHTML, useAsyncComponentState, useTransitionState, vModelCheckboxInit, vModelCheckboxUpdate, vModelGetValue, vModelSelectInit, vModelSetSelected, vModelTextInit, vModelTextUpdate, vShowHidden, vShowOriginalDisplay, validateProps, warn, warnExtraneousAttributes, warnPropMismatch, watch, xlinkNS } from "@vue/runtime-dom";
+import { EffectScope, Fragment, NULL_DYNAMIC_COMPONENT, Static, TransitionPropsValidators, VueElementBase, activate, baseApplyTranslation, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, baseUseCssVars, callPendingCbs, callWithAsyncErrorHandling, callWithErrorHandling, checkTransitionMode, createAppAPI, createAsyncComponentContext, createCanSetSetupRefChecker, createInternalObject, createVNode, currentInstance, currentInstance as currentInstance$1, deactivate, devtoolsComponentAdded, endMeasure, ensureHydrationRenderer, ensureRenderer, ensureVaporSlotFallback, expose, flushOnAppMount, forceReflow, getAttributeMismatch, getComponentName, getFunctionalFallthrough, getInheritedScopeIds, handleError, handleMovedChildren, hasCSSTransform, initFeatureFlags, isAsyncWrapper, isEmitListener, isHydrating, isKeepAlive, isMapEqual, isMismatchAllowed, isRef, isSetEqual, isTeleportDeferred, isTeleportDisabled, isTemplateNode, isTemplateRefKey, isVNode, isValidHtmlOrSvgAttribute, knownTemplateRefs, leaveCbKey, markAsyncBoundary, matches, mergeProps, nextUid, normalizeContainer, normalizeRef, onBeforeUnmount, onBeforeUpdate, onMounted, onScopeDispose, onUpdated, patchStyle, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popWarningContext, pushWarningContext, queueJob, queuePostFlushCb, registerHMR, renderSlot, resetShapeFlag, resolveDynamicComponent, resolvePropValue, resolveTeleportTarget, resolveTransitionProps, setCurrentInstance, setCurrentRenderingInstance, setDevtoolsHook, setRef, setTransitionHooks, setVarsOnNode, shallowReactive, shallowRef, shouldSetAsProp, shouldSetAsPropForVueCE, simpleSetCurrentInstance, startMeasure, toClassSet, toStyleMap, unregisterHMR, unsafeToTrustedHTML, useAsyncComponentState, useTransitionState, vModelCheckboxInit, vModelCheckboxUpdate, vModelGetValue, vModelSelectInit, vModelSetSelected, vModelTextInit, vModelTextUpdate, vShowHidden, vShowOriginalDisplay, validateProps, warn, warnExtraneousAttributes, warnPropMismatch, watch, xlinkNS } from "@vue/runtime-dom";
 import { EMPTY_ARR, EMPTY_OBJ, NO, NOOP, camelize, canSetValueDirectly, extend, getEscapedCssVarName, getGlobalThis, hasOwn, includeBooleanAttr, invokeArrayFns, isArray, isFunction, isObject, isOn, isPlainObject, isPromise, isReservedProp, isString, looseEqual, normalizeClass, normalizeCssVarValue, normalizeStyle, parseStringStyle, remove as remove$1, stringifyStyle, toDisplayString } from "@vue/shared";
 import { EffectScope as EffectScope$1, ReactiveEffect, computed, isReactive, isReadonly, isRef as isRef$1, isShallow, markRaw, onEffectCleanup, onScopeDispose as onScopeDispose$1, pauseTracking, proxyRefs, resetTracking, setActiveSub, shallowReadArray, shallowRef as shallowRef$1, toRaw, toReactive, toReadonly, traverse, unref, watch as watch$1 } from "@vue/reactivity";
-
 //#region packages/runtime-vapor/src/insertionState.ts
 let insertionParent;
 let insertionAnchor;
@@ -31,7 +30,6 @@ function setInsertionState(parent, anchor, logicalIndex, last) {
 function resetInsertionState() {
 	insertionParent = insertionAnchor = insertionIndex = isLastInsertion = void 0;
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/dom/hydration.ts
 let isHydratingEnabled = false;
@@ -41,7 +39,7 @@ function setIsHydratingEnabled(value) {
 let currentHydrationNode = null;
 let isHydrating$1 = false;
 function setIsHydrating(value) {
-	if (!isHydratingEnabled) return false;
+	if (!isHydratingEnabled && !isHydrating) return false;
 	try {
 		return isHydrating$1;
 	} finally {
@@ -66,15 +64,17 @@ function performHydration(fn, setup, cleanup) {
 		Node.prototype.$llc = void 0;
 		isOptimized$1 = true;
 	}
-	enableHydrationNodeLookup();
 	const prev = setIsHydrating(true);
-	setup();
-	const res = fn();
-	cleanup();
+	const prevHydrationNode = currentHydrationNode;
 	currentHydrationNode = null;
-	setIsHydrating(prev);
-	if (!isHydrating$1) disableHydrationNodeLookup();
-	return res;
+	try {
+		setup();
+		return fn();
+	} finally {
+		cleanup();
+		currentHydrationNode = prevHydrationNode;
+		setIsHydrating(prev);
+	}
 }
 function withHydration(container, fn) {
 	const setup = () => setInsertionState(container);
@@ -95,10 +95,10 @@ function setCurrentHydrationNode(node) {
 /* @__NO_SIDE_EFFECTS__ */
 function locateNextSiblingOfParent(n) {
 	if (!n.parentNode) return null;
-	return n.parentNode.nextSibling || /* @__PURE__ */ locateNextSiblingOfParent(n.parentNode);
+	return /* @__PURE__ */ _next(n.parentNode) || /* @__PURE__ */ locateNextSiblingOfParent(n.parentNode);
 }
 function advanceHydrationNode(node) {
-	const ret = node.nextSibling || /* @__PURE__ */ locateNextSiblingOfParent(node);
+	const ret = /* @__PURE__ */ _next(node) || /* @__PURE__ */ locateNextSiblingOfParent(node);
 	if (ret) setCurrentHydrationNode(ret);
 }
 /**
@@ -106,26 +106,24 @@ function advanceHydrationNode(node) {
 * while handling potential fragments.
 */
 function adoptTemplateImpl(node, template) {
-	if (!(template[0] === "<" && template[1] === "!")) while (node.nodeType === 8) {
-		node = node.nextSibling;
-		if (template.trim() === "" && isComment(node, "]") && isComment(node.previousSibling, "[")) {
-			node.before(node = /* @__PURE__ */ createTextNode());
-			break;
-		}
+	if (!(template[0] === "<" && template[1] === "!")) {
+		if (template.trim() === "" && isComment(node, "]") && isComment(node.previousSibling, "[")) node.before(node = /* @__PURE__ */ createTextNode());
+		while (node.nodeType === 8) node = node.nextSibling;
 	}
 	const type = node.nodeType;
 	if (type === 8 && !template.startsWith("<!") || type === 1 && !template.startsWith(`<` + node.tagName.toLowerCase())) node = handleMismatch(node, template);
-	currentHydrationNode = node.nextSibling;
+	advanceHydrationNode(node);
 	return node;
 }
 function locateNextNode(node) {
 	return isComment(node, "[") ? /* @__PURE__ */ _next(locateEndAnchor(node)) : isComment(node, "teleport start") ? /* @__PURE__ */ _next(locateEndAnchor(node, "teleport start", "teleport end")) : /* @__PURE__ */ _next(node);
 }
-function locateHydrationNodeImpl() {
+function locateHydrationNodeImpl(consumeFragmentStart = false) {
 	let node;
 	if (insertionIndex !== void 0) node = locateChildByLogicalIndex(insertionParent, insertionIndex);
 	else if (insertionParent) node = insertionParent.firstChild;
 	else node = currentHydrationNode;
+	if (consumeFragmentStart && node && isComment(node, "[")) node = node.nextSibling;
 	if (!!(process.env.NODE_ENV !== "production") && !node) throw new Error("No current hydration node was found.\nthis is likely a Vue internal bug.");
 	resetInsertionState();
 	currentHydrationNode = node;
@@ -133,7 +131,7 @@ function locateHydrationNodeImpl() {
 function locateEndAnchor(node, open = "[", close = "]") {
 	if (node.$fe) return node.$fe;
 	const stack = [node];
-	while ((node = node.nextSibling) && stack.length > 0) if (node.nodeType === 8) {
+	while ((node = /* @__PURE__ */ _next(node)) && stack.length > 0) if (node.nodeType === 8) {
 		if (node.data === open) stack.push(node);
 		else if (node.data === close) {
 			const matchingOpen = stack.pop();
@@ -143,14 +141,6 @@ function locateEndAnchor(node, open = "[", close = "]") {
 	}
 	return null;
 }
-function locateFragmentEndAnchor(label = "]") {
-	let node = currentHydrationNode;
-	while (node) {
-		if (isComment(node, label)) return node;
-		node = node.nextSibling;
-	}
-	return null;
-}
 function handleMismatch(node, template) {
 	if (!isMismatchAllowed(node.parentElement, 1)) {
 		(process.env.NODE_ENV !== "production" || __VUE_PROD_HYDRATION_MISMATCH_DETAILS__) && warn(`Hydration node mismatch:\n- rendered on server:`, node, node.nodeType === 3 ? `(text)` : isComment(node, "[[") ? `(start of block node)` : ``, `\n- expected on client:`, template);
@@ -185,7 +175,6 @@ function removeFragmentNodes(node, endAnchor) {
 		else break;
 	}
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/dom/node.ts
 /* @__NO_SIDE_EFFECTS__ */
@@ -208,83 +197,37 @@ function querySelector(selectors) {
 function parentNode(node) {
 	return node.parentNode;
 }
-const _txt = _child;
-/**
-* Hydration-specific version of `txt`.
-*/
-const __txt = /* @__NO_SIDE_EFFECTS__ */ (node) => {
-	let n = node.firstChild;
-	if (!n) return node.appendChild(/* @__PURE__ */ createTextNode());
-	return n;
-};
 /* @__NO_SIDE_EFFECTS__ */
-function _child(node) {
-	return node.firstChild;
+function txt(node) {
+	if (isHydrating$1) {
+		let n = /* @__PURE__ */ _child(node);
+		if (!n) return node.appendChild(/* @__PURE__ */ createTextNode());
+		return n;
+	}
+	return /* @__PURE__ */ _child(node);
 }
-/**
-* Hydration-specific version of `child`.
-*/
 /* @__NO_SIDE_EFFECTS__ */
-function __child(node, logicalIndex = 0) {
-	return locateChildByLogicalIndex(node, logicalIndex);
+function child(node, logicalIndex) {
+	if (isHydrating$1) return locateChildByLogicalIndex(node, logicalIndex !== null && logicalIndex !== void 0 ? logicalIndex : 0);
+	return /* @__PURE__ */ _child(node);
 }
 /* @__NO_SIDE_EFFECTS__ */
-function _nthChild(node, i) {
+function nthChild(node, i) {
+	if (isHydrating$1) return locateChildByLogicalIndex(node, i);
 	return node.childNodes[i];
 }
-/**
-* Hydration-specific version of `nthChild`.
-*/
 /* @__NO_SIDE_EFFECTS__ */
-function __nthChild(node, logicalIndex) {
-	return locateChildByLogicalIndex(node, logicalIndex);
+function next(node, logicalIndex) {
+	if (isHydrating$1) return locateChildByLogicalIndex(node.parentNode, logicalIndex);
+	return /* @__PURE__ */ _next(node);
 }
 /* @__NO_SIDE_EFFECTS__ */
-function _next(node) {
-	return node.nextSibling;
+function _child(node) {
+	return node.firstChild;
 }
-/**
-* Hydration-specific version of `next`.
-*/
 /* @__NO_SIDE_EFFECTS__ */
-function __next(node, logicalIndex) {
-	return locateChildByLogicalIndex(node.parentNode, logicalIndex);
-}
-const txt = /* @__NO_SIDE_EFFECTS__ */ (...args) => {
-	return txt.impl(...args);
-};
-txt.impl = _txt;
-const child = /* @__NO_SIDE_EFFECTS__ */ (...args) => {
-	return child.impl(...args);
-};
-child.impl = _child;
-const next = /* @__NO_SIDE_EFFECTS__ */ (...args) => {
-	return next.impl(...args);
-};
-next.impl = _next;
-const nthChild = /* @__NO_SIDE_EFFECTS__ */ (...args) => {
-	return nthChild.impl(...args);
-};
-nthChild.impl = _nthChild;
-/**
-* Enables hydration-specific node lookup behavior.
-*
-* Temporarily switches the implementations of the exported
-* `txt`, `child`, `next`, and `nthChild` functions to their hydration-specific
-* versions (`__txt`, `__child`, `__next`, `__nthChild`). This allows traversal
-* logic to correctly handle SSR comment anchors during hydration.
-*/
-function enableHydrationNodeLookup() {
-	txt.impl = __txt;
-	child.impl = __child;
-	next.impl = __next;
-	nthChild.impl = __nthChild;
-}
-function disableHydrationNodeLookup() {
-	txt.impl = _txt;
-	child.impl = _child;
-	next.impl = _next;
-	nthChild.impl = _nthChild;
+function _next(node) {
+	return node.nextSibling;
 }
 function locateChildByLogicalIndex(parent, logicalIndex) {
 	let child = parent.$llc || parent.firstChild;
@@ -303,7 +246,6 @@ function locateChildByLogicalIndex(parent, logicalIndex) {
 	}
 	return null;
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/dom/event.ts
 function addEventListener(el, event, handler, options) {
@@ -370,7 +312,6 @@ function createInvoker(handler) {
 	const i = currentInstance;
 	return (...args) => callWithAsyncErrorHandling(handler, i, 5, args);
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/dom/prop.ts
 const hasFallthroughKey = (key) => currentInstance.hasFallthrough && key in currentInstance.attrs;
@@ -600,7 +541,7 @@ function setDynamicProp(el, key, value, isSVG = false) {
 	else if (key === "textContent") setElementText(el, value);
 	else if (key === "value" && canSetValueDirectly(el.tagName)) setValue(el, value, forceHydrate);
 	else setDOMProp(el, key, value, forceHydrate);
-	else if (el._isVueCE && (/[A-Z]/.test(key) || !isString(value))) setDOMProp(el, camelize(key), value, forceHydrate, key);
+	else if (el._isVueCE && (shouldSetAsPropForVueCE(el, key) || el._def.__asyncLoader && (/[A-Z]/.test(key) || !isString(value)))) setDOMProp(el, camelize(key), value, forceHydrate, key);
 	else setAttr(el, key, value, isSVG);
 	return value;
 }
@@ -686,7 +627,20 @@ function shouldForceHydrate(el, key) {
 	const { tagName } = el;
 	return (tagName === "INPUT" || tagName === "OPTION") && (key.endsWith("value") || key === "indeterminate") || tagName.includes("-");
 }
-
+//#endregion
+//#region packages/runtime-vapor/src/transition.ts
+let _applyTransitionHooks;
+let _applyTransitionLeaveHooks;
+function registerTransitionHooks(applyHooks, applyLeaveHooks) {
+	_applyTransitionHooks = applyHooks;
+	_applyTransitionLeaveHooks = applyLeaveHooks;
+}
+function applyTransitionHooks(block, hooks) {
+	return _applyTransitionHooks ? _applyTransitionHooks(block, hooks) : hooks;
+}
+function applyTransitionLeaveHooks(block, enterHooks, afterLeaveCb) {
+	_applyTransitionLeaveHooks && _applyTransitionLeaveHooks(block, enterHooks, afterLeaveCb);
+}
 //#endregion
 //#region packages/runtime-vapor/src/components/Transition.ts
 const displayName = "VaporTransition";
@@ -775,6 +729,10 @@ function applyTransitionHooksImpl(block, hooks) {
 		if (block.length === 1) block = block[0];
 		else if (block.length === 0) return hooks;
 	}
+	if (hooks.applyGroup && block instanceof ForFragment) {
+		hooks.applyGroup(block, hooks);
+		return hooks;
+	}
 	const fragments = [];
 	const child = findTransitionBlock(block, (frag) => fragments.push(frag));
 	if (!child) {
@@ -805,18 +763,21 @@ function applyTransitionLeaveHooksImpl(block, enterHooks, afterLeaveCb) {
 			delete leavingHooks.afterLeave;
 		};
 	} else if (mode === "in-out") leavingHooks.delayLeave = (block, earlyRemove, delayedLeave) => {
-		state.leavingNodes.set(String(leavingBlock.$key), leavingBlock);
+		const leavingKey = String(leavingBlock.$key);
+		state.leavingNodes.set(leavingKey, leavingBlock);
+		const delayedLeaveCb = () => {
+			delayedLeave();
+			leavingBlock.$transition = void 0;
+			if (enterHooks.delayedLeave === delayedLeaveCb) delete enterHooks.delayedLeave;
+		};
 		block[leaveCbKey] = () => {
 			earlyRemove();
 			block[leaveCbKey] = void 0;
 			leavingBlock.$transition = void 0;
-			delete enterHooks.delayedLeave;
-		};
-		enterHooks.delayedLeave = () => {
-			delayedLeave();
-			leavingBlock.$transition = void 0;
-			delete enterHooks.delayedLeave;
+			if (state.leavingNodes.get(leavingKey) === leavingBlock) state.leavingNodes.delete(leavingKey);
+			if (enterHooks.delayedLeave === delayedLeaveCb) delete enterHooks.delayedLeave;
 		};
+		enterHooks.delayedLeave = delayedLeaveCb;
 	};
 }
 function findTransitionBlock(block, onFragment) {
@@ -863,14 +824,12 @@ function setTransitionHooks$1(block, hooks) {
 	}
 	block.$transition = hooks;
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/vdomInteropState.ts
 let isInteropEnabled = false;
 function setInteropEnabled() {
 	isInteropEnabled = true;
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/apiDefineComponent.ts
 /* @__NO_SIDE_EFFECTS__ */
@@ -882,7 +841,6 @@ function defineVaporComponent(comp, extraOptions) {
 	comp.__vapor = true;
 	return comp;
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/components/KeepAlive.ts
 let currentKeepAliveCtx = null;
@@ -911,7 +869,7 @@ function getCompositeKey(type, branchKey) {
 	}
 	return composite;
 }
-const VaporKeepAliveImpl = /* @__PURE__ */ defineVaporComponent({
+const VaporKeepAlive = /* @__PURE__ */ defineVaporComponent({
 	name: "VaporKeepAlive",
 	__isKeepAlive: true,
 	props: {
@@ -1081,7 +1039,6 @@ const VaporKeepAliveImpl = /* @__PURE__ */ defineVaporComponent({
 		return children;
 	}
 });
-const VaporKeepAlive = VaporKeepAliveImpl;
 const shouldCache = (block, props, interop = false) => {
 	const isAsync = !interop && isAsyncWrapper(block);
 	const type = interop && isInteropEnabled ? block.vnode.type : block.type;
@@ -1136,7 +1093,6 @@ function deactivate$1(instance, container) {
 	});
 	if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) devtoolsComponentAdded(instance);
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/components/Suspense.ts
 let parentSuspense = null;
@@ -1147,10 +1103,14 @@ function setParentSuspense(suspense) {
 		parentSuspense = suspense;
 	}
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/vdomInterop.ts
 const interopKey = Symbol(`interop`);
+function filterReservedProps(props) {
+	const filtered = {};
+	for (const key in props) if (!isReservedProp(key)) filtered[key] = props[key];
+	return filtered;
+}
 const vaporInteropImpl = {
 	mount(vnode, container, anchor, parentComponent, parentSuspense, onBeforeMount) {
 		let selfAnchor = vnode.anchor = /* @__PURE__ */ createTextNode();
@@ -1161,9 +1121,7 @@ const vaporInteropImpl = {
 		}
 		const prev = currentInstance;
 		simpleSetCurrentInstance(parentComponent);
-		const props = {};
-		for (const key in vnode.props) if (!isReservedProp(key)) props[key] = vnode.props[key];
-		const propsRef = shallowRef(props);
+		const propsRef = shallowRef(filterReservedProps(vnode.props));
 		const slotsRef = shallowRef(vnode.children);
 		let prevSuspense = null;
 		if (parentSuspense) prevSuspense = setParentSuspense(parentSuspense);
@@ -1195,7 +1153,7 @@ const vaporInteropImpl = {
 		if (n2.dirs) if (rootEl) onBeforeUpdate && onBeforeUpdate();
 		else n2.dirs = null;
 		if (shouldUpdate) {
-			instance.rawPropsRef.value = n2.props;
+			instance.rawPropsRef.value = filterReservedProps(n2.props);
 			instance.rawSlotsRef.value = n2.children;
 		}
 	},
@@ -1252,7 +1210,7 @@ const vaporInteropImpl = {
 			vnode.anchor = vnode.el = currentHydrationNode;
 			if (!!(process.env.NODE_ENV !== "production") && !vnode.anchor) throw new Error(`Failed to locate slot anchor. this is likely a Vue internal bug.`);
 		});
-		return vnode.anchor;
+		return isComment(node, "[") ? vnode.anchor.nextSibling : vnode.anchor;
 	},
 	setTransitionHooks(component, hooks) {
 		setTransitionHooks$1(component, hooks);
@@ -1275,10 +1233,16 @@ const vaporSlotPropsProxyHandler = {
 		return target.value[key];
 	},
 	has(target, key) {
-		return target.value[key];
+		return key in target.value;
 	},
 	ownKeys(target) {
-		return Object.keys(target.value);
+		return Reflect.ownKeys(target.value);
+	},
+	getOwnPropertyDescriptor(target, key) {
+		if (key in target.value) return {
+			enumerable: true,
+			configurable: true
+		};
 	}
 };
 const vaporSlotsProxyHandler = { get(target, key) {
@@ -1292,6 +1256,30 @@ const vaporSlotsProxyHandler = { get(target, key) {
 	return slot;
 } };
 let vdomHydrateNode;
+function resolveVNodeRange(vnode) {
+	const { type, shapeFlag, el, anchor } = vnode;
+	if (shapeFlag & 64 && el && anchor && anchor !== el) return [el, anchor];
+	if ((type === Static || type === Fragment) && el && anchor && anchor !== el) return [el, anchor];
+	if (!(shapeFlag & 6)) return;
+	const subTree = vnode.component && vnode.component.subTree;
+	const subEl = subTree && subTree.el;
+	const subAnchor = subTree && subTree.anchor;
+	if (subTree && (subTree.type === Static || subTree.type === Fragment) && subEl && subAnchor && subAnchor !== subEl) return [subEl, subAnchor];
+}
+function resolveVNodeNodes(vnode) {
+	const vnodeRange = resolveVNodeRange(vnode);
+	if (vnodeRange) {
+		const nodeRange = [];
+		let n = vnodeRange[0];
+		while (n) {
+			nodeRange.push(n);
+			if (n === vnodeRange[1]) break;
+			n = n.nextSibling;
+		}
+		return nodeRange;
+	}
+	return vnode.el;
+}
 /**
 * Mount VNode in vapor
 */
@@ -1311,7 +1299,7 @@ function mountVNode(internals, vnode, parentComponent) {
 		hydrateVNode(vnode, parentComponent);
 		onScopeDispose(unmount, true);
 		isMounted = true;
-		frag.nodes = vnode.el;
+		frag.nodes = resolveVNodeNodes(vnode);
 	};
 	frag.insert = (parentNode, anchor, transition) => {
 		if (isHydrating$1) return;
@@ -1330,7 +1318,7 @@ function mountVNode(internals, vnode, parentComponent) {
 			} else internals.m(vnode, parentNode, anchor, 2, parentComponent);
 			simpleSetCurrentInstance(prev);
 		}
-		frag.nodes = vnode.el;
+		frag.nodes = resolveVNodeNodes(vnode);
 		if (isMounted && frag.onUpdated) frag.onUpdated.forEach((m) => m());
 	};
 	frag.remove = unmount;
@@ -1339,7 +1327,7 @@ function mountVNode(internals, vnode, parentComponent) {
 /**
 * Mount vdom component in vapor
 */
-function createVDOMComponent(internals, component, parentComponent, rawProps, rawSlots, isSingleRoot) {
+function createVDOMComponent(internals, component, parentComponent, rawProps, rawSlots) {
 	const suspense = parentSuspense || parentComponent && parentComponent.suspense;
 	const useBridge = shouldUseRendererBridge(component);
 	const comp = useBridge ? ensureRendererBridge(component) : component;
@@ -1352,8 +1340,26 @@ function createVDOMComponent(internals, component, parentComponent, rawProps, ra
 	const wrapper = new VaporComponentInstance(useBridge ? comp : { props: component.props }, rawProps, rawSlots, parentComponent ? parentComponent.appContext : void 0, void 0);
 	vnode.vi = (instance) => {
 		instance.props = shallowReactive(wrapper.props);
-		const attrs = instance.attrs = createInternalObject();
-		for (const key in wrapper.attrs) if (!isEmitListener(instance.emitsOptions, key)) attrs[key] = wrapper.attrs[key];
+		const attrs = createInternalObject();
+		const isFilteredEmit = (key) => typeof key === "string" && isEmitListener(instance.emitsOptions, key);
+		instance.attrs = new Proxy(attrs, {
+			get(_, key) {
+				if (isFilteredEmit(key)) return;
+				return wrapper.attrs[key];
+			},
+			has(_, key) {
+				return !isFilteredEmit(key) && key in wrapper.attrs;
+			},
+			ownKeys() {
+				return Reflect.ownKeys(wrapper.attrs).filter((key) => !isFilteredEmit(key));
+			},
+			getOwnPropertyDescriptor(_, key) {
+				if (!isFilteredEmit(key) && key in wrapper.attrs) return {
+					enumerable: true,
+					configurable: true
+				};
+			}
+		});
 		instance.slots = wrapper.slots === EMPTY_OBJ ? EMPTY_OBJ : new Proxy(wrapper.slots, vaporSlotsProxyHandler);
 	};
 	let rawRef = null;
@@ -1369,10 +1375,10 @@ function createVDOMComponent(internals, component, parentComponent, rawProps, ra
 	};
 	frag.hydrate = () => {
 		if (!isHydrating$1) return;
-		hydrateVNode(vnode, parentComponent, !isSingleRoot);
+		hydrateVNode(vnode, parentComponent);
 		onScopeDispose(unmount, true);
 		isMounted = true;
-		frag.nodes = vnode.el;
+		frag.nodes = resolveVNodeNodes(vnode);
 	};
 	vnode.scopeId = getCurrentScopeId() || null;
 	vnode.slotScopeIds = currentSlotScopeIds;
@@ -1391,17 +1397,21 @@ function createVDOMComponent(internals, component, parentComponent, rawProps, ra
 			} else internals.m(vnode, parentNode, anchor, 2, parentComponent);
 			simpleSetCurrentInstance(prev);
 		}
-		frag.nodes = vnode.el;
+		frag.nodes = resolveVNodeNodes(vnode);
 		if (isMounted && frag.onUpdated) frag.onUpdated.forEach((m) => m());
 	};
 	frag.remove = unmount;
 	frag.setRef = (instance, ref, refFor, refKey) => {
+		const oldRawRef = rawRef;
 		rawRef = normalizeRef({
 			ref,
 			ref_for: refFor,
 			ref_key: refKey
 		}, instance);
-		if (isMounted && rawRef) setRef(rawRef, null, null, vnode);
+		if (isMounted) {
+			if (rawRef) setRef(rawRef, oldRawRef, null, vnode);
+			else if (oldRawRef) setRef(oldRawRef, null, null, vnode, true);
+		}
 	};
 	return frag;
 }
@@ -1440,7 +1450,7 @@ function renderVDOMSlot(internals, slotsRef, name, props, parentComponent, fallb
 		else if (currentBlock) insert(currentBlock, parentNode, anchor);
 		frag.remove = (parentNode) => {
 			if (currentBlock) remove(currentBlock, parentNode);
-			else if (currentVNode) internals.um(currentVNode, parentComponent, null);
+			else if (currentVNode) internals.um(currentVNode, parentComponent, null, true);
 		};
 		if (isMounted && frag.onUpdated) frag.onUpdated.forEach((m) => m());
 	};
@@ -1536,10 +1546,8 @@ const vaporInteropPlugin = (app) => {
 		return mount(...args);
 	});
 };
-function hydrateVNode(vnode, parentComponent, skipFragmentAnchor = false) {
-	locateHydrationNode();
-	let node = currentHydrationNode;
-	if (skipFragmentAnchor && isComment(node, "[")) setCurrentHydrationNode(node = node.nextSibling);
+function hydrateVNode(vnode, parentComponent) {
+	const node = currentHydrationNode;
 	if (!vdomHydrateNode) vdomHydrateNode = ensureHydrationRenderer().hydrateNode;
 	const nextNode = vdomHydrateNode(node, vnode, parentComponent, null, null, false);
 	if (nextNode) setCurrentHydrationNode(nextNode);
@@ -1567,7 +1575,6 @@ const createFallback = (fallback) => (internals, parentComponent) => {
 	}
 	return fallbackNodes;
 };
-
 //#endregion
 //#region packages/runtime-vapor/src/componentEmits.ts
 /**
@@ -1594,12 +1601,11 @@ function propGetter(rawProps, key) {
 		let i = dynamicSources.length;
 		while (i--) {
 			const source = resolveSource(dynamicSources[i]);
-			if (hasOwn(source, key)) return dynamicSources[interopKey] || isOn(key) ? source[key] : resolveSource(source[key]);
+			if (hasOwn(source, key)) return dynamicSources[interopKey] || isOn(key) && isFunction(dynamicSources[i]) ? source[key] : resolveSource(source[key]);
 		}
 	}
 	return rawProps[key] && resolveSource(rawProps[key]);
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/componentProps.ts
 function resolveSource(source) {
@@ -1827,7 +1833,6 @@ const rawPropsProxyHandlers = {
 		};
 	}
 };
-
 //#endregion
 //#region packages/runtime-vapor/src/componentSlots.ts
 /**
@@ -1946,6 +1951,7 @@ function createSlot(name, rawProps, fallback, noSlotted, once) {
 		fragment = instance.appContext.vapor.vdomSlot(rawSlots._, name, slotProps, instance, fallback);
 	} else {
 		fragment = new SlotFragment();
+		fragment.forwarded = currentSlotOwner != null && currentSlotOwner !== currentInstance;
 		const isDynamicName = isFunction(name);
 		const slotScopeIds = [];
 		if (!noSlotted) {
@@ -1999,7 +2005,6 @@ function createSlot(name, rawProps, fallback, noSlotted, once) {
 	}
 	return fragment;
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/renderEffect.ts
 var RenderEffect = class extends ReactiveEffect {
@@ -2053,7 +2058,6 @@ function renderEffect(fn, noLifecycle = false) {
 	if (noLifecycle) effect.fn = fn;
 	effect.run();
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/fragment.ts
 var VaporFragment = class {
@@ -2068,33 +2072,41 @@ var ForFragment = class extends VaporFragment {
 	}
 };
 var DynamicFragment = class extends VaporFragment {
-	constructor(anchorLabel, keyed = false) {
+	constructor(anchorLabel, keyed = false, locate = true) {
 		super([]);
 		this.hydrate = (isEmpty = false) => {
 			if (!isHydrating$1) return;
 			if (this.anchor) return;
-			if (this.anchorLabel === "if") {
-				if (isEmpty) {
-					this.anchor = locateFragmentEndAnchor("");
-					if (!!(process.env.NODE_ENV !== "production") && !this.anchor) throw new Error("Failed to locate if anchor. this is likely a Vue internal bug.");
-					else {
-						if (!!(process.env.NODE_ENV !== "production")) this.anchor.data = this.anchorLabel;
-						return;
-					}
-				}
-			} else if (this.anchorLabel === "slot") {
-				if (isEmpty && isComment(currentHydrationNode, "")) {
+			if (isEmpty) {
+				if (isComment(currentHydrationNode, "")) {
 					this.anchor = currentHydrationNode;
+					advanceHydrationNode(currentHydrationNode);
 					if (!!(process.env.NODE_ENV !== "production")) this.anchor.data = this.anchorLabel;
 					return;
 				}
-				this.anchor = locateFragmentEndAnchor();
-				if (!!(process.env.NODE_ENV !== "production") && !this.anchor) throw new Error("Failed to locate slot anchor. this is likely a Vue internal bug.");
-				else return;
 			}
-			const { parentNode: pn, nextNode } = findBlockNode(this.nodes);
+			const forwardedSlot = this.forwarded;
+			let isValidSlot = false;
+			if (forwardedSlot && (isEmpty || !(isValidSlot = isValidBlock(this.nodes))) && this.hasFallback) return;
+			if (this.anchorLabel === "slot" && (!forwardedSlot || isValidSlot && !isInSlotFallback) || this.anchorLabel === "if" && isArray(this.nodes)) {
+				if (isComment(currentHydrationNode, "]")) {
+					this.anchor = currentHydrationNode;
+					advanceHydrationNode(currentHydrationNode);
+					return;
+				} else if (!!(process.env.NODE_ENV !== "production")) throw new Error(`Failed to locate ${this.anchorLabel} fragment anchor. this is likely a Vue internal bug.`);
+			}
+			let parentNode;
+			let nextNode;
+			if (forwardedSlot) {
+				parentNode = currentHydrationNode.parentNode;
+				nextNode = currentHydrationNode.nextSibling;
+			} else {
+				const node = findBlockNode(this.nodes);
+				parentNode = node.parentNode;
+				nextNode = node.nextNode;
+			}
 			queuePostFlushCb(() => {
-				pn.insertBefore(this.anchor = !!(process.env.NODE_ENV !== "production") ? /* @__PURE__ */ createComment(this.anchorLabel) : /* @__PURE__ */ createTextNode(), nextNode);
+				parentNode.insertBefore(this.anchor = !!(process.env.NODE_ENV !== "production") ? /* @__PURE__ */ createComment(this.anchorLabel) : /* @__PURE__ */ createTextNode(), nextNode);
 			});
 		};
 		this.keyed = keyed;
@@ -2102,7 +2114,7 @@ var DynamicFragment = class extends VaporFragment {
 		this.keepAliveCtx = currentKeepAliveCtx;
 		if (isHydrating$1) {
 			this.anchorLabel = anchorLabel;
-			locateHydrationNode();
+			if (locate) locateHydrationNode();
 		} else {
 			this.anchor = !!(process.env.NODE_ENV !== "production") && anchorLabel ? /* @__PURE__ */ createComment(anchorLabel) : /* @__PURE__ */ createTextNode();
 			if (!!(process.env.NODE_ENV !== "production")) this.anchorLabel = anchorLabel;
@@ -2136,14 +2148,19 @@ var DynamicFragment = class extends VaporFragment {
 			}
 			if (!retainScope) this.scope.stop();
 			const mode = transition && transition.mode;
-			if (mode) {
+			if (mode && (mode !== "in-out" || mode === "in-out" && render) && (mode !== "out-in" || isValidBlock(this.nodes))) {
 				applyTransitionLeaveHooks(this.nodes, transition, () => {
-					const pending = this.pending;
-					if (pending) {
-						this.pending = void 0;
-						this.current = pending.key;
-						this.renderBranch(pending.render, transition, parent, instance);
-					} else this.renderBranch(render, transition, parent, instance);
+					const prevInstance = setCurrentInstance(instance);
+					try {
+						const pending = this.pending;
+						if (pending) {
+							this.pending = void 0;
+							this.current = pending.key;
+							this.renderBranch(pending.render, transition, parent);
+						} else this.renderBranch(render, transition, parent);
+					} finally {
+						setCurrentInstance(...prevInstance);
+					}
 				});
 				parent && remove(this.nodes, parent);
 				if (mode === "out-in") {
@@ -2152,11 +2169,11 @@ var DynamicFragment = class extends VaporFragment {
 				}
 			} else parent && remove(this.nodes, parent);
 		}
-		this.renderBranch(render, transition, parent, instance);
+		this.renderBranch(render, transition, parent);
 		setActiveSub(prevSub);
-		if (isHydrating$1) this.hydrate();
+		if (isHydrating$1) this.hydrate(render == null);
 	}
-	renderBranch(render, transition, parent, instance) {
+	renderBranch(render, transition, parent) {
 		if (render) {
 			const keepAliveCtx = this.keepAliveCtx;
 			const scope = keepAliveCtx && keepAliveCtx.getScope(this.current);
@@ -2166,11 +2183,9 @@ var DynamicFragment = class extends VaporFragment {
 			const prevKeepAliveCtx = setCurrentKeepAliveCtx(keepAliveCtx);
 			const needBranchKey = keepAliveCtx && this.keyed;
 			const prevBranchKey = needBranchKey ? keepAliveCtx.setCurrentBranchKey(this.current) : void 0;
-			const prevInstance = setCurrentInstance(instance);
 			try {
 				this.nodes = this.scope.run(render) || [];
 			} finally {
-				setCurrentInstance(...prevInstance);
 				if (needBranchKey) keepAliveCtx.setCurrentBranchKey(prevBranchKey);
 				setCurrentKeepAliveCtx(prevKeepAliveCtx);
 				setCurrentSlotOwner(prevSlotOwner);
@@ -2195,17 +2210,32 @@ var DynamicFragment = class extends VaporFragment {
 		}
 	}
 };
+let currentSlotHasFallback = false;
+let isInSlotFallback = false;
 var SlotFragment = class extends DynamicFragment {
 	constructor() {
-		super(isHydrating$1 || !!(process.env.NODE_ENV !== "production") ? "slot" : void 0);
+		super(isHydrating$1 || !!(process.env.NODE_ENV !== "production") ? "slot" : void 0, false, false);
+		this.forwarded = false;
+		this.hasFallback = false;
 	}
-	updateSlot(render, fallback, key = render) {
+	updateSlot(render, fallback, key = render || fallback) {
+		if (isHydrating$1) {
+			locateHydrationNode(true);
+			if (this.forwarded) this.hasFallback = currentSlotHasFallback;
+		}
 		if (!render || !fallback) {
 			this.update(render || fallback, key);
 			return;
 		}
 		const wrapped = () => {
-			const block = render();
+			const prev = currentSlotHasFallback;
+			currentSlotHasFallback = true;
+			let block;
+			try {
+				block = render();
+			} finally {
+				currentSlotHasFallback = prev;
+			}
 			const emptyFrag = attachSlotFallback(block, fallback);
 			if (!isValidBlock(block)) return renderSlotFallback(block, fallback, emptyFrag);
 			return block;
@@ -2223,7 +2253,15 @@ function renderSlotFallback(block, fallback, emptyFragment) {
 	const frag = emptyFragment || findDeepestEmptyFragment(block);
 	if (frag) {
 		if (frag instanceof ForFragment) frag.nodes[0] = [fallback() || []];
-		else if (frag instanceof DynamicFragment) frag.update(fallback);
+		else if (frag instanceof DynamicFragment) {
+			const prev = isInSlotFallback;
+			isInSlotFallback = true;
+			try {
+				frag.update(fallback);
+			} finally {
+				isInSlotFallback = prev;
+			}
+		}
 		return block;
 	}
 	return fallback();
@@ -2312,7 +2350,6 @@ function setKey(block, key) {
 		setKey(block.nodes, key);
 	}
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/components/Teleport.ts
 const VaporTeleportImpl = {
@@ -2520,7 +2557,29 @@ function updateCssVars(frag) {
 		ctx.ut();
 	}
 }
-
+//#endregion
+//#region packages/runtime-vapor/src/scopeId.ts
+function setScopeId(block, scopeIds) {
+	if (block instanceof Element) for (const id of scopeIds) block.setAttribute(id, "");
+	else if (isVaporComponent(block)) setScopeId(block.block, scopeIds);
+	else if (isArray(block)) for (const b of block) setScopeId(b, scopeIds);
+	else if (isFragment(block)) setScopeId(block.nodes, scopeIds);
+}
+function setComponentScopeId(instance) {
+	const { parent, scopeId } = instance;
+	if (!parent || !scopeId) return;
+	if (isArray(instance.block) && instance.block.length > 1) return;
+	const scopeIds = [];
+	const parentScopeId = parent && parent.type.__scopeId;
+	if (parentScopeId !== scopeId) scopeIds.push(scopeId);
+	else if (parentScopeId) scopeIds.push(parentScopeId);
+	if (isInteropEnabled && parent.subTree && parent.subTree.component === instance && parent.vnode.scopeId) {
+		scopeIds.push(parent.vnode.scopeId);
+		const inheritedScopeIds = getInheritedScopeIds(parent.vnode, parent.parent);
+		scopeIds.push(...inheritedScopeIds);
+	}
+	if (scopeIds.length > 0) setScopeId(instance.block, scopeIds);
+}
 //#endregion
 //#region packages/runtime-vapor/src/block.ts
 function isBlock(val) {
@@ -2602,8 +2661,9 @@ function normalizeBlock(block) {
 	return nodes;
 }
 function findBlockNode(block) {
-	let { parentNode, nextSibling: nextNode } = findLastChild(block);
-	if (nextNode && isComment(nextNode, "]") && isFragmentBlock(block)) nextNode = nextNode.nextSibling;
+	const lastChild = findLastChild(block);
+	let { parentNode, nextSibling: nextNode } = lastChild;
+	if (nextNode && isComment(nextNode, "]") && isFragmentBlock(block) && !isComment(lastChild, "]")) nextNode = nextNode.nextSibling;
 	return {
 		parentNode,
 		nextNode
@@ -2624,40 +2684,6 @@ function isFragmentBlock(block) {
 	else if (isFragment(block)) return isFragmentBlock(block.nodes);
 	return false;
 }
-function setScopeId(block, scopeIds) {
-	if (block instanceof Element) for (const id of scopeIds) block.setAttribute(id, "");
-	else if (isVaporComponent(block)) setScopeId(block.block, scopeIds);
-	else if (isArray(block)) for (const b of block) setScopeId(b, scopeIds);
-	else if (isFragment(block)) setScopeId(block.nodes, scopeIds);
-}
-function setComponentScopeId(instance) {
-	const { parent, scopeId } = instance;
-	if (!parent || !scopeId) return;
-	if (isArray(instance.block) && instance.block.length > 1) return;
-	const scopeIds = [];
-	const parentScopeId = parent && parent.type.__scopeId;
-	if (parentScopeId !== scopeId) scopeIds.push(scopeId);
-	else if (parentScopeId) scopeIds.push(parentScopeId);
-	if (parent.subTree && parent.subTree.component === instance && parent.vnode.scopeId) {
-		scopeIds.push(parent.vnode.scopeId);
-		const inheritedScopeIds = getInheritedScopeIds(parent.vnode, parent.parent);
-		scopeIds.push(...inheritedScopeIds);
-	}
-	if (scopeIds.length > 0) setScopeId(instance.block, scopeIds);
-}
-let _applyTransitionHooks;
-let _applyTransitionLeaveHooks;
-function registerTransitionHooks(applyHooks, applyLeaveHooks) {
-	_applyTransitionHooks = applyHooks;
-	_applyTransitionLeaveHooks = applyLeaveHooks;
-}
-function applyTransitionHooks(block, hooks) {
-	return _applyTransitionHooks ? _applyTransitionHooks(block, hooks) : hooks;
-}
-function applyTransitionLeaveHooks(block, enterHooks, afterLeaveCb) {
-	_applyTransitionLeaveHooks && _applyTransitionLeaveHooks(block, enterHooks, afterLeaveCb);
-}
-
 //#endregion
 //#region packages/runtime-vapor/src/hmr.ts
 function hmrRerender(instance) {
@@ -2684,7 +2710,7 @@ function hmrReload(instance, newComp) {
 	unmountComponent(instance, parent);
 	const parentInstance = instance.parent;
 	const prev = setCurrentInstance(parentInstance);
-	const newInstance = createComponent(newComp, instance.rawProps, instance.rawSlots, instance.isSingleRoot);
+	const newInstance = createComponent(newComp, instance.rawProps, instance.rawSlots, instance.isSingleRoot, void 0, instance.appContext);
 	setCurrentInstance(...prev);
 	mountComponent(newInstance, parent, anchor);
 	updateParentBlockOnHmrReload(parentInstance, instance, newInstance);
@@ -2697,15 +2723,7 @@ function hmrReload(instance, newComp) {
 * `normalizeBlock` relies on the current instance.block
 */
 function updateParentBlockOnHmrReload(parentInstance, instance, newInstance) {
-	if (parentInstance) {
-		if (parentInstance.block === instance) parentInstance.block = newInstance;
-		else if (isArray(parentInstance.block)) {
-			for (let i = 0; i < parentInstance.block.length; i++) if (parentInstance.block[i] === instance) {
-				parentInstance.block[i] = newInstance;
-				break;
-			}
-		}
-	}
+	if (parentInstance) parentInstance.block = replaceBlockInstance(parentInstance.block, instance, newInstance);
 }
 /**
 * dev only
@@ -2718,23 +2736,32 @@ function updateParentTeleportOnHmrReload(instance, newInstance) {
 	const teleport = instance.parentTeleport;
 	if (teleport) {
 		newInstance.parentTeleport = teleport;
-		if (teleport.nodes === instance) teleport.nodes = newInstance;
-		else if (isArray(teleport.nodes)) {
-			for (let i = 0; i < teleport.nodes.length; i++) if (teleport.nodes[i] === instance) {
-				teleport.nodes[i] = newInstance;
-				break;
-			}
-		}
+		teleport.nodes = replaceBlockInstance(teleport.nodes, instance, newInstance);
+	}
+}
+function replaceBlockInstance(block, instance, newInstance) {
+	if (block === instance) return newInstance;
+	if (isArray(block)) {
+		for (let i = 0; i < block.length; i++) block[i] = replaceBlockInstance(block[i], instance, newInstance);
+		return block;
+	}
+	if (isVaporComponent(block)) {
+		block.block = replaceBlockInstance(block.block, instance, newInstance);
+		return block;
+	}
+	if (isFragment(block)) {
+		block.nodes = replaceBlockInstance(block.nodes, instance, newInstance);
+		return block;
 	}
+	return block;
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/component.ts
 function createComponent(component, rawProps, rawSlots, isSingleRoot, once, appContext = currentInstance && currentInstance.appContext || emptyContext) {
 	const _insertionParent = insertionParent;
 	const _insertionAnchor = insertionAnchor;
 	const _isLastInsertion = isLastInsertion;
-	if (isHydrating$1) locateHydrationNode();
+	if (isHydrating$1) locateHydrationNode(component.__multiRoot);
 	else resetInsertionState();
 	let prevSuspense = null;
 	if (currentInstance && currentInstance.suspense) prevSuspense = setParentSuspense(currentInstance.suspense);
@@ -2748,7 +2775,7 @@ function createComponent(component, rawProps, rawSlots, isSingleRoot, once, appC
 		if (cached) return cached;
 	}
 	if (isInteropEnabled && appContext.vapor && !component.__vapor) {
-		const frag = appContext.vapor.vdomMount(component, currentInstance, rawProps, rawSlots, isSingleRoot);
+		const frag = appContext.vapor.vdomMount(component, currentInstance, rawProps, rawSlots);
 		if (!isHydrating$1) {
 			if (_insertionParent) insert(frag, _insertionParent, _insertionAnchor);
 		} else {
@@ -2982,7 +3009,7 @@ function mountComponent(instance, parent, anchor) {
 		return;
 	}
 	const { root, type } = instance;
-	if (root && root.ce && root.ce._hasShadowRoot()) root.ce._injectChildStyle(type);
+	if (root && root.ce && root.ce._hasShadowRoot()) root.ce._injectChildStyle(type, instance.parent ? instance.parent.type : void 0);
 	if (!!(process.env.NODE_ENV !== "production")) startMeasure(instance, `mount`);
 	if (instance.bm) invokeArrayFns(instance.bm);
 	if (!isHydrating$1) {
@@ -3068,7 +3095,6 @@ function getCurrentScopeId() {
 	const scopeOwner = getScopeOwner();
 	return scopeOwner ? scopeOwner.type.__scopeId : void 0;
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/apiCreateApp.ts
 let _createApp;
@@ -3131,7 +3157,6 @@ const createVaporSSRApp = (comp, props) => {
 	postPrepareApp(app);
 	return app;
 };
-
 //#endregion
 //#region packages/runtime-vapor/src/apiDefineAsyncComponent.ts
 function defineVaporAsyncComponent(source) {
@@ -3223,7 +3248,6 @@ function createInnerComp(comp, parent, frag) {
 	const { rawProps, rawSlots, appContext } = parent;
 	return createComponent(comp, rawProps, rawSlots, void 0, void 0, appContext);
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/apiDefineCustomElement.ts
 /* @__NO_SIDE_EFFECTS__ */
@@ -3307,7 +3331,6 @@ var VaporElement = class extends VueElementBase {
 		createComponent(this._def, this._props, void 0, void 0, void 0, this._app._context);
 	}
 };
-
 //#endregion
 //#region packages/runtime-vapor/src/dom/template.ts
 let t;
@@ -3337,21 +3360,24 @@ function template(html, root, ns) {
 		return ret;
 	};
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/apiCreateIf.ts
-function createIf(condition, b1, b2, once, index) {
+function createIf(condition, b1, b2, blockShape, once, index) {
 	const _insertionParent = insertionParent;
 	const _insertionAnchor = insertionAnchor;
 	const _isLastInsertion = isLastInsertion;
 	if (!isHydrating$1) resetInsertionState();
 	let frag;
-	if (once) frag = condition() ? b1() : b2 ? b2() : [!!(process.env.NODE_ENV !== "production") ? /* @__PURE__ */ createComment("if") : /* @__PURE__ */ createTextNode()];
-	else {
+	if (once) {
+		const ok = condition();
+		if (isHydrating$1) locateHydrationNode(decodeIfShape(blockShape, ok) === 2);
+		frag = ok ? b1() : b2 ? b2() : [!!(process.env.NODE_ENV !== "production") ? /* @__PURE__ */ createComment("if") : /* @__PURE__ */ createTextNode()];
+	} else {
 		const keyed = index != null;
-		frag = isHydrating$1 || !!(process.env.NODE_ENV !== "production") ? new DynamicFragment("if", keyed) : new DynamicFragment(void 0, keyed);
+		frag = isHydrating$1 || !!(process.env.NODE_ENV !== "production") ? new DynamicFragment("if", keyed, false) : new DynamicFragment(void 0, keyed, false);
 		renderEffect(() => {
 			const ok = condition();
+			if (isHydrating$1) locateHydrationNode(decodeIfShape(blockShape, ok) === 2);
 			frag.update(ok ? b1 : b2, keyed ? `${index}${ok ? 0 : 1}` : void 0);
 		});
 	}
@@ -3360,7 +3386,9 @@ function createIf(condition, b1, b2, once, index) {
 	} else if (_isLastInsertion) advanceHydrationNode(_insertionParent);
 	return frag;
 }
-
+function decodeIfShape(shape, ok) {
+	return shape >> (ok ? 0 : 2) & 3;
+}
 //#endregion
 //#region packages/runtime-vapor/src/apiCreateFragment.ts
 /**
@@ -3385,7 +3413,6 @@ function createKeyedFragment(key, render) {
 	} else if (_isLastInsertion) advanceHydrationNode(_insertionParent);
 	return frag;
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/apiCreateFor.ts
 var ForBlock = class extends VaporFragment {
@@ -3403,7 +3430,7 @@ const createFor = (src, renderItem, getKey, flags = 0, setup) => {
 	const _insertionAnchor = insertionAnchor;
 	const _insertionIndex = insertionIndex;
 	const _isLastInsertion = isLastInsertion;
-	if (isHydrating$1) locateHydrationNode();
+	if (isHydrating$1) locateHydrationNode(true);
 	else resetInsertionState();
 	let isMounted = false;
 	let oldBlocks = [];
@@ -3428,12 +3455,14 @@ const createFor = (src, renderItem, getKey, flags = 0, setup) => {
 		const prevSub = setActiveSub();
 		if (!isMounted) {
 			isMounted = true;
+			let nextNode;
 			for (let i = 0; i < newLength; i++) {
-				const nodes = mount(source, i).nodes;
-				if (isHydrating$1) setCurrentHydrationNode(findBlockNode(nodes).nextNode);
+				if (isHydrating$1) nextNode = locateNextNode(currentHydrationNode);
+				mount(source, i);
+				if (isHydrating$1 && nextNode) setCurrentHydrationNode(nextNode);
 			}
 			if (isHydrating$1) {
-				parentAnchor = newLength === 0 ? currentHydrationNode.nextSibling : currentHydrationNode;
+				parentAnchor = currentHydrationNode;
 				if (!!(process.env.NODE_ENV !== "production") && (!parentAnchor || parentAnchor && !isComment(parentAnchor, "]"))) throw new Error(`v-for fragment anchor node was not found. this is likely a Vue internal bug.`);
 				if (_insertionParent && isComment(parentAnchor, "]")) {
 					parentAnchor.$idx = _insertionIndex || 0;
@@ -3766,7 +3795,6 @@ function getDefaultValue(val, defaultVal) {
 function isForBlock(block) {
 	return block instanceof ForBlock;
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/apiTemplateRef.ts
 const refCleanups = /* @__PURE__ */ new WeakMap();
@@ -3804,16 +3832,19 @@ function createTemplateRefSetter() {
 */
 function setRef$1(instance, el, ref, oldRef, refFor = false, refKey) {
 	if (!instance || instance.isUnmounted) return;
-	if (isInteropEnabled && isFragment(el) && el.setRef) {
-		el.setRef(instance, ref, refFor, refKey);
-		return;
-	}
 	if (isVaporComponent(el) && isAsyncWrapper(el)) {
 		if (!el.type.__asyncResolved) return;
 		el = el.block.nodes;
 	}
 	const setupState = !!(process.env.NODE_ENV !== "production") ? instance.setupState || {} : null;
 	const refValue = getRefValue(el);
+	if (isInteropEnabled) {
+		const target = isFragment(el) && el.setRef ? el : refValue && isFragment(refValue) && refValue.setRef ? refValue : null;
+		if (target) {
+			target.setRef(instance, ref, refFor, refKey);
+			return ref;
+		}
+	}
 	const refs = instance.refs === EMPTY_OBJ ? instance.refs = {} : instance.refs;
 	const canSetSetupRef = !!(process.env.NODE_ENV !== "production") ? createCanSetSetupRefChecker(setupState, refs) : NO;
 	const canSetRef = (ref, key) => {
@@ -3835,6 +3866,7 @@ function setRef$1(instance, el, ref, oldRef, refFor = false, refKey) {
 			if (cleanup) cleanup.fn();
 		}
 	}
+	if (ref == null) return ref;
 	if (isFunction(ref)) {
 		const invokeRefSetter = (value) => {
 			callWithErrorHandling(ref, instance, 12, [value, refs]);
@@ -3896,7 +3928,6 @@ const getRefValue = (el) => {
 	}
 	return el;
 };
-
 //#endregion
 //#region packages/runtime-vapor/src/helpers/useCssVars.ts
 function useVaporCssVars(getter) {
@@ -3920,7 +3951,6 @@ function setVarsOnBlock(block, vars) {
 	else if (isTeleportFragment(block)) return;
 	else setVarsOnBlock(block.nodes, vars);
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/apiCreateDynamicComponent.ts
 function createDynamicComponent(getter, rawProps, rawSlots, isSingleRoot, once) {
@@ -3942,6 +3972,7 @@ function createDynamicComponent(getter, rawProps, rawSlots, isSingleRoot, once)
 				}
 				const frag = appContext.vapor.vdomMountVNode(value, currentInstance);
 				if (isHydrating$1) {
+					locateHydrationNode(shouldConsumeFragmentStart(value));
 					frag.hydrate();
 					if (_isLastInsertion) advanceHydrationNode(_insertionParent);
 				}
@@ -3965,7 +3996,14 @@ function withScopeOwner(owner, fn) {
 		setCurrentRenderingInstance(prev);
 	}
 }
-
+function shouldConsumeFragmentStart(vnode) {
+	if (vnode.type === Fragment) return false;
+	if (vnode.shapeFlag & 6) {
+		const type = vnode.type;
+		return !!type.__vapor && !type.__multiRoot;
+	}
+	return true;
+}
 //#endregion
 //#region packages/runtime-vapor/src/directives/vShow.ts
 function applyVShow(target, source) {
@@ -4016,7 +4054,6 @@ function setDisplay(target, value) {
 		el[vShowHidden] = !value;
 	} else if (!!(process.env.NODE_ENV !== "production")) warn("v-show used on component with non-single-element root node and will be ignored.");
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/directives/vModel.ts
 function ensureMounted(cb) {
@@ -4064,7 +4101,6 @@ const applyDynamicModel = (el, get, set, modifiers) => {
 	else if (el.type === "radio") apply = applyRadioModel;
 	apply(el, get, set, modifiers);
 };
-
 //#endregion
 //#region packages/runtime-vapor/src/directives/custom.ts
 function withVaporDirectives(node, dirs) {
@@ -4078,7 +4114,6 @@ function withVaporDirectives(node, dirs) {
 		if (ret) onScopeDispose(ret);
 	}
 }
-
 //#endregion
 //#region packages/runtime-vapor/src/components/TransitionGroup.ts
 const positionMap = /* @__PURE__ */ new WeakMap();
@@ -4087,7 +4122,7 @@ const decorate = (t) => {
 	delete t.props.mode;
 	return t;
 };
-const VaporTransitionGroupImpl = /* @__PURE__ */ defineVaporComponent({
+const VaporTransitionGroup = /* @__PURE__ */ decorate(/* @__PURE__ */ defineVaporComponent({
 	name: "VaporTransitionGroup",
 	props: /* @__PURE__ */ extend({}, TransitionPropsValidators, {
 		tag: String,
@@ -4106,11 +4141,10 @@ const VaporTransitionGroupImpl = /* @__PURE__ */ defineVaporComponent({
 			cssTransitionProps = resolveTransitionProps(props);
 		});
 		let prevChildren;
-		let children;
 		const slottedBlock = slots.default && slots.default();
 		onBeforeUpdate(() => {
 			prevChildren = [];
-			children = getTransitionBlocks(slottedBlock);
+			const children = getTransitionBlocks(slottedBlock);
 			if (children) for (let i = 0; i < children.length; i++) {
 				const child = children[i];
 				if (isValidTransitionBlock(child)) {
@@ -4138,19 +4172,12 @@ const VaporTransitionGroupImpl = /* @__PURE__ */ defineVaporComponent({
 			movedChildren.forEach((c) => handleMovedChildren(getTransitionElement(c), moveClass));
 			prevChildren = [];
 		});
-		setTransitionHooksOnFragment(slottedBlock, {
+		applyGroupTransitionHooks(slottedBlock, {
 			props: propsProxy,
 			state,
-			instance
+			instance,
+			applyGroup: applyGroupTransitionHooks
 		});
-		children = getTransitionBlocks(slottedBlock);
-		for (let i = 0; i < children.length; i++) {
-			const child = children[i];
-			if (isValidTransitionBlock(child)) {
-				if (child.$key != null) setTransitionHooks$1(child, resolveTransitionHooks(child, propsProxy, state, instance));
-				else if (!!(process.env.NODE_ENV !== "production")) warn(`<transition-group> children must be keyed`);
-			}
-		}
 		const tag = props.tag;
 		if (tag) {
 			const container = /* @__PURE__ */ createElement(tag);
@@ -4158,8 +4185,19 @@ const VaporTransitionGroupImpl = /* @__PURE__ */ defineVaporComponent({
 			return container;
 		} else return slottedBlock;
 	}
-});
-const VaporTransitionGroup = /* @__PURE__ */ decorate(VaporTransitionGroupImpl);
+}));
+function applyGroupTransitionHooks(block, hooks) {
+	setTransitionHooksOnFragment(block, hooks);
+	const { props, state, instance } = hooks;
+	const children = getTransitionBlocks(block);
+	for (let i = 0; i < children.length; i++) {
+		const child = children[i];
+		if (isValidTransitionBlock(child)) {
+			if (child.$key != null) setTransitionHooks$1(child, resolveTransitionHooks(child, props, state, instance));
+			else if (!!(process.env.NODE_ENV !== "production")) warn(`<transition-group> children must be keyed`);
+		}
+	}
+}
 function getTransitionBlocks(block) {
 	let children = [];
 	if (block instanceof Node) children.push(block);
@@ -4193,6 +4231,5 @@ function getFirstConnectedChild(children) {
 		if (el.isConnected) return el;
 	}
 }
-
 //#endregion
-export { DynamicFragment, VaporElement, VaporFragment, VaporKeepAlive, VaporTeleport, VaporTransition, VaporTransitionGroup, applyCheckboxModel, applyDynamicModel, applyRadioModel, applySelectModel, applyTextModel, applyVShow, child, createComponent, createComponentWithFallback, createDynamicComponent, createFor, createForSlots, createIf, createInvoker, createKeyedFragment, createPlainElement, createSlot, createTemplateRefSetter, createTextNode, createVaporApp, createVaporSSRApp, defineVaporAsyncComponent, defineVaporComponent, defineVaporCustomElement, defineVaporSSRCustomElement, delegate, delegateEvents, getDefaultValue, getRestElement, insert, isFragment, isVaporComponent, next, nthChild, on, prepend, remove, renderEffect, setAttr, setBlockHtml, setBlockText, setClass, setDOMProp, setDynamicEvents, setDynamicProps, setElementText, setHtml, setInsertionState, setProp, setStyle, setText, setValue, template, txt, useVaporCssVars, vaporInteropPlugin, withVaporCtx, withVaporDirectives };
+export { DynamicFragment, VaporElement, VaporFragment, VaporKeepAlive, VaporTeleport, VaporTransition, VaporTransitionGroup, applyCheckboxModel, applyDynamicModel, applyRadioModel, applySelectModel, applyTextModel, applyVShow, child, createComponent, createComponentWithFallback, createDynamicComponent, createFor, createForSlots, createIf, createInvoker, createKeyedFragment, createPlainElement, createSlot, createTemplateRefSetter, createTextNode, createVaporApp, createVaporSSRApp, defineVaporAsyncComponent, defineVaporComponent, defineVaporCustomElement, defineVaporSSRCustomElement, delegate, delegateEvents, getDefaultValue, getRestElement, insert, isFragment, isVaporComponent, next, nthChild, on, prepend, remove, renderEffect, setAttr, setBlockHtml, setBlockText, setClass, setDOMProp, setDynamicEvents, setDynamicProps, setElementText, setHtml, setInsertionState, setProp, setStyle, setText, setValue, template, txt, useVaporCssVars, vaporInteropPlugin, withVaporCtx, withVaporDirectives };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/runtime-vapor",
-  "version": "3.6.0-beta.7",
+  "version": "3.6.0-beta.8",
   "description": "@vue/runtime-vapor",
   "main": "index.js",
   "module": "dist/runtime-vapor.esm-bundler.js",
@@ -38,10 +38,10 @@
   },
   "homepage": "https://github.com/vuejs/core/tree/dev/packages/runtime-vapor#readme",
   "dependencies": {
-    "@vue/shared": "3.6.0-beta.7",
-    "@vue/reactivity": "3.6.0-beta.7"
+    "@vue/shared": "3.6.0-beta.8",
+    "@vue/reactivity": "3.6.0-beta.8"
   },
   "peerDependencies": {
-    "@vue/runtime-dom": "3.6.0-beta.7"
+    "@vue/runtime-dom": "3.6.0-beta.8"
   }
 }