@vue/compiler-vapor 3.6.0-beta.5 → 3.6.0-beta.6

package/dist/compiler-vapor.cjs.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-vapor v3.6.0-beta.5
+  * @vue/compiler-vapor v3.6.0-beta.6
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -50,7 +50,7 @@ function wrapTemplate(node, dirs) {
 	const reserved = [];
 	const pass = [];
 	node.props.forEach((prop) => {
-		if (prop.type === 7 && dirs.includes(prop.name)) reserved.push(prop);
+		if (prop.type === 7 && (dirs.includes(prop.name) || prop.name === "bind" && prop.arg && prop.arg.type === 4 && prop.arg.content === "key" && dirs.includes("key"))) reserved.push(prop);
 		else pass.push(prop);
 	});
 	return (0, _vue_shared.extend)({}, node, {
@@ -108,13 +108,6 @@ function getLiteralExpressionValue(exp, excludeNumber) {
 	}
 	return exp.isStatic ? exp.content : null;
 }
-function isInTransition(context) {
-	const parentNode = context.parent && context.parent.node;
-	return !!(parentNode && isTransitionNode(parentNode));
-}
-function isTransitionNode(node) {
-	return node.type === 1 && isTransitionTag(node.tag);
-}
 function isTransitionTag(tag) {
 	tag = tag.toLowerCase();
 	return tag === "transition" || tag === "vaportransition";
@@ -571,8 +564,10 @@ const IRNodeTypes = {
 	"14": "IF",
 	"FOR": 15,
 	"15": "FOR",
-	"GET_TEXT_CHILD": 16,
-	"16": "GET_TEXT_CHILD"
+	"KEY": 16,
+	"16": "KEY",
+	"GET_TEXT_CHILD": 17,
+	"17": "GET_TEXT_CHILD"
 };
 const DynamicFlag = {
 	"NONE": 0,
@@ -586,7 +581,7 @@ const DynamicFlag = {
 };
 function isBlockOperation(op) {
 	const type = op.type;
-	return type === 11 || type === 12 || type === 14 || type === 15;
+	return type === 11 || type === 12 || type === 14 || type === 16 || type === 15;
 }
 
 //#endregion
@@ -1406,18 +1401,19 @@ function genPropValue(values, context) {
 }
 function getRuntimeHelper(tag, key, modifier) {
 	const tagName = tag.toUpperCase();
-	if ((0, _vue_shared.isSVGTag)(tag)) return (0, _vue_shared.extend)({ isSVG: true }, helpers.setAttr);
-	if (modifier) if (modifier === ".") return getSpecialHelper(key, tagName) || helpers.setDOMProp;
-	else return helpers.setAttr;
-	const helper = getSpecialHelper(key, tagName);
+	const isSVG = (0, _vue_shared.isSVGTag)(tag);
+	if (modifier) if (modifier === ".") return getSpecialHelper(key, tagName, isSVG) || helpers.setDOMProp;
+	else return isSVG ? (0, _vue_shared.extend)({ isSVG: true }, helpers.setAttr) : helpers.setAttr;
+	const helper = getSpecialHelper(key, tagName, isSVG);
 	if (helper) return helper;
 	if (/aria[A-Z]/.test(key)) return helpers.setDOMProp;
+	if (isSVG) return (0, _vue_shared.extend)({ isSVG: true }, helpers.setAttr);
 	if ((0, _vue_shared.shouldSetAsAttr)(tagName, key) || key.includes("-")) return helpers.setAttr;
 	return helpers.setProp;
 }
-function getSpecialHelper(keyName, tagName) {
+function getSpecialHelper(keyName, tagName, isSVG) {
 	if (keyName === "value" && (0, _vue_shared.canSetValueDirectly)(tagName)) return helpers.setValue;
-	else if (keyName === "class") return helpers.setClass;
+	else if (keyName === "class") return (0, _vue_shared.extend)({ isSVG }, helpers.setClass);
 	else if (keyName === "style") return helpers.setStyle;
 	else if (keyName === "innerHTML") return helpers.setHtml;
 	else if (keyName === "textContent") return helpers.setText;
@@ -1831,7 +1827,7 @@ function genSlotBlockWithProps(oper, context) {
 	let propsName;
 	let exitScope;
 	let depth;
-	const { props, key, node } = oper;
+	const { props, node } = oper;
 	const idToPathMap = props ? parseValueDestructure(props, context) : /* @__PURE__ */ new Map();
 	if (props) if (props.ast) {
 		[depth, exitScope] = context.enterScope();
@@ -1841,16 +1837,6 @@ function genSlotBlockWithProps(oper, context) {
 	if (propsName) idMap[propsName] = null;
 	let blockFn = context.withId(() => genBlock(oper, context, propsName ? [propsName] : []), idMap);
 	exitScope && exitScope();
-	if (key) blockFn = [
-		`() => {`,
-		INDENT_START,
-		NEWLINE,
-		`return `,
-		...genCall(context.helper("createKeyedFragment"), [`() => `, ...genExpression(key, context)], blockFn),
-		INDENT_END,
-		NEWLINE,
-		`}`
-	];
 	if (node.type === 1) {
 		if (needsVaporCtx(oper)) blockFn = [
 			`${context.helper("withVaporCtx")}(`,
@@ -1924,6 +1910,20 @@ function genSlotOutlet(oper, context) {
 	return frag;
 }
 
+//#endregion
+//#region packages/compiler-vapor/src/generators/key.ts
+function genKey(oper, context) {
+	const { id, value, block } = oper;
+	const [frag, push] = buildCodeFragment();
+	const blockFn = genBlock(block, context);
+	push(NEWLINE, `const n${id} = `, ...genCall(context.helper("createKeyedFragment"), [
+		`() => (`,
+		...genExpression(value, context),
+		")"
+	], blockFn));
+	return frag;
+}
+
 //#endregion
 //#region packages/compiler-vapor/src/generators/operation.ts
 function genOperations(opers, context) {
@@ -1950,10 +1950,11 @@ function genOperation(oper, context) {
 		case 10: return genPrependNode(oper, context);
 		case 14: return genIf(oper, context);
 		case 15: return genFor(oper, context);
+		case 16: return genKey(oper, context);
 		case 11: return genCreateComponent(oper, context);
 		case 12: return genSlotOutlet(oper, context);
 		case 13: return genBuiltinDirective(oper, context);
-		case 16: return genGetTextChild(oper, context);
+		case 17: return genGetTextChild(oper, context);
 		default:
 			const exhaustiveCheck = oper;
 			throw new Error(`Unhandled operation type in genOperation: ${exhaustiveCheck}`);
@@ -2030,6 +2031,10 @@ function genChildren(dynamic, context, pushBlock, from = `n${dynamic.id}`) {
 	let prev;
 	for (const [index, child] of children.entries()) {
 		if (child.flags & 2) offset--;
+		if (child.flags & 4 && child.template != null) {
+			push(...genSelf(child, context));
+			continue;
+		}
 		const id = child.flags & 1 ? child.flags & 4 ? child.anchor : child.id : void 0;
 		if (id === void 0 && !child.hasDynamicChild) {
 			push(...genSelf(child, context));
@@ -2652,7 +2657,7 @@ const transformVText = (dir, node, context) => {
 		context.childrenTemplate = [" "];
 		const isComponent = node.tagType === 1;
 		if (!isComponent) context.registerOperation({
-			type: 16,
+			type: 17,
 			parent: context.reference()
 		});
 		context.registerEffect([exp], {
@@ -2845,9 +2850,16 @@ function processInterpolation(context) {
 	if (prev && prev.type === 2) nodes.unshift(prev);
 	const values = processTextLikeChildren(nodes, context);
 	if (values.length === 0 && parentNode.type !== 0) return;
+	const literalValues = values.map((v) => getLiteralExpressionValue(v));
+	if (literalValues.every((v) => v != null) && parentNode.type !== 0) {
+		const text = literalValues.join("");
+		const isElementChild = parentNode.type === 1 && parentNode.tagType === 0;
+		context.template += isElementChild ? (0, _vue_shared.escapeHtml)(text) : text;
+		return;
+	}
 	context.template += " ";
 	const id = context.reference();
-	if (values.length === 0 || values.every((v) => getLiteralExpressionValue(v) != null) && parentNode.type !== 0) return;
+	if (values.length === 0) return;
 	context.registerEffect(values, {
 		type: 4,
 		element: id,
@@ -2861,7 +2873,7 @@ function processTextContainer(children, context) {
 	else {
 		context.childrenTemplate = [" "];
 		context.registerOperation({
-			type: 16,
+			type: 17,
 			parent: context.reference()
 		});
 		context.registerEffect(values, {
@@ -3002,7 +3014,7 @@ function processIf(node, dir, context) {
 				id,
 				condition: dir.exp,
 				positive: branch,
-				index: isInTransition(context) ? context.root.nextIfIndex() : void 0,
+				index: context.root.nextIfIndex(),
 				once: context.inVOnce || isStaticExpression(dir.exp, context.options.bindingMetadata)
 			};
 		};
@@ -3035,7 +3047,7 @@ function processIf(node, dir, context) {
 			id: -1,
 			condition: dir.exp,
 			positive: branch,
-			index: isInTransition(context) ? context.root.nextIfIndex() : void 0,
+			index: context.root.nextIfIndex(),
 			once: context.inVOnce || isStaticExpression(dir.exp, context.options.bindingMetadata)
 		};
 		return () => onExit();
@@ -3070,7 +3082,7 @@ function processFor(node, dir, context) {
 	const keyProp = findProp$1(node, "key");
 	const keyProperty = keyProp && propToExpression(keyProp);
 	const isComponent = node.tagType === 1 || isTemplateWithSingleComponent(node);
-	context.node = node = wrapTemplate(node, ["for"]);
+	context.node = node = wrapTemplate(node, ["for", "key"]);
 	context.dynamic.flags |= 6;
 	const id = context.reference();
 	const render = newBlock(node);
@@ -3184,13 +3196,6 @@ function transformComponentSlot(node, dir, context) {
 		markNonTemplate(n, context);
 	});
 	const [block, onExit] = createSlotBlock(node, dir, context);
-	if (isTransitionNode(node) && nonSlotTemplateChildren.length) {
-		const nonCommentChild = nonSlotTemplateChildren.find((n) => !(0, _vue_compiler_dom.isCommentOrWhitespace)(n));
-		if (nonCommentChild) {
-			const keyProp = findProp$1(nonCommentChild, "key");
-			if (keyProp) block.key = keyProp.exp;
-		}
-	}
 	const { slots } = context;
 	return () => {
 		onExit();
@@ -3309,6 +3314,31 @@ function hasMultipleChildren(node) {
 	return children.length > 1;
 }
 
+//#endregion
+//#region packages/compiler-vapor/src/transforms/transformKey.ts
+const transformKey = (node, context) => {
+	if (node.type !== 1 || context.inVOnce || findDir$2(node, "for")) return;
+	const dir = findProp$1(node, "key", true, true);
+	if (!dir || dir.type === 6) return;
+	let value;
+	value = dir.exp || normalizeBindShorthand(dir.arg, context);
+	if (isStaticExpression(value, context.options.bindingMetadata)) return;
+	let id = context.reference();
+	context.dynamic.flags |= 6;
+	context.node = node = wrapTemplate(node, ["key"]);
+	const block = newBlock(node);
+	const exitBlock = context.enterBlock(block);
+	return () => {
+		exitBlock();
+		context.dynamic.operation = {
+			type: 16,
+			id,
+			value,
+			block
+		};
+	};
+};
+
 //#endregion
 //#region packages/compiler-vapor/src/compile.ts
 function compile(source, options = {}) {
@@ -3333,6 +3363,7 @@ function getBaseTransformPreset() {
 		transformVOnce,
 		transformVIf,
 		transformVFor,
+		transformKey,
 		transformSlotOutlet,
 		transformTemplateRef,
 		transformElement,
@@ -3388,6 +3419,7 @@ exports.transform = transform;
 exports.transformChildren = transformChildren;
 exports.transformComment = transformComment;
 exports.transformElement = transformElement;
+exports.transformKey = transformKey;
 exports.transformSlotOutlet = transformSlotOutlet;
 exports.transformTemplateRef = transformTemplateRef;
 exports.transformText = transformText;

package/dist/compiler-vapor.d.ts

@@ -1573,7 +1573,7 @@ interface KeepAliveProps {
   exclude?: MatchPattern;
   max?: number | string;
 }
-interface KeepAliveContext$1 extends ComponentRenderContext {
+interface KeepAliveContext extends ComponentRenderContext {
   renderer: RendererInternals;
   activate: (vnode: VNode, container: RendererElement, anchor: RendererNode | null, namespace: ElementNamespace, optimized: boolean) => void;
   deactivate: (vnode: VNode) => void;
@@ -3047,8 +3047,10 @@ declare function performAsyncHydrate(el: Element, instance: GenericComponentInst
 declare function useModel<M extends PropertyKey, T extends Record<string, any>, K extends keyof T, G = T[K], S = T[K]>(props: T, name: K, options?: DefineModelOptions<T[K], G, S>): ModelRef<T[K], M, G, S>;
 //#endregion
 //#region packages/runtime-core/src/helpers/useTemplateRef.d.ts
+declare const knownTemplateRefs: WeakSet<ShallowRef>;
 type TemplateRef<T = unknown> = Readonly<ShallowRef<T | null>>;
 declare function useTemplateRef<T = unknown, Keys extends string = string>(key: Keys): Readonly<ShallowRef<T | null>>;
+declare function isTemplateRefKey(refs: Data, key: string): boolean;
 //#endregion
 //#region packages/runtime-core/src/helpers/useId.d.ts
 declare function useId(): string;
@@ -3404,7 +3406,7 @@ declare function initFeatureFlags(): void;
 * Function for handling a template ref
 */
 declare function setRef(rawRef: VNodeNormalizedRef, oldRawRef: VNodeNormalizedRef | null, parentSuspense: SuspenseBoundary | null, vnode: VNode, isUnmount?: boolean): void;
-declare function createCanSetSetupRefChecker(setupState: Data): (key: string) => boolean;
+declare function createCanSetSetupRefChecker(setupState: Data, refs: Data): (key: string) => boolean;
 //#endregion
 //#region packages/runtime-core/src/internalObject.d.ts
 declare const createInternalObject: () => any;
@@ -25177,7 +25179,7 @@ declare function patchStyle(el: Element, prev: Style, next: Style): void;
 //#region packages/runtime-dom/src/modules/attrs.d.ts
 declare const xlinkNS = "http://www.w3.org/1999/xlink";
 declare namespace index_d_exports$1 {
-  export { AllowedComponentProps, AnchorHTMLAttributes, App, AppConfig, AppContext, AppMountFn, AppUnmountFn, AreaHTMLAttributes, AriaAttributes, AsyncComponentInternalOptions, AsyncComponentLoader, AsyncComponentOptions, AudioHTMLAttributes, BaseHTMLAttributes, BaseTransition, BaseTransitionProps, BaseTransitionPropsValidators, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CSSProperties, CanvasHTMLAttributes, ColHTMLAttributes, ColgroupHTMLAttributes, Comment$2 as Comment, CompatVue, Component, ComponentCustomElementInterface, ComponentCustomOptions, ComponentCustomProperties, ComponentCustomProps, ComponentInjectOptions, ComponentInstance, ComponentInternalInstance, ComponentInternalOptions, ComponentObjectPropsOptions, ComponentOptions, ComponentOptionsBase, ComponentOptionsMixin, ComponentOptionsWithArrayProps, ComponentOptionsWithObjectProps, ComponentOptionsWithoutProps, ComponentPropsOptions, ComponentProvideOptions, ComponentPublicInstance, ComponentTypeEmits, ComputedGetter, ComputedOptions, ComputedRef, ComputedSetter, ConcreteComponent, CreateAppFunction, CreateComponentPublicInstance, CreateComponentPublicInstanceWithMixins, CustomElementOptions, CustomRefFactory, DataHTMLAttributes, DebuggerEvent, DebuggerEventExtraInfo, DebuggerOptions, DeepReadonly, DefineComponent, DefineProps, DefineSetupFnComponent, DelHTMLAttributes, DeprecationTypes, DetailsHTMLAttributes, DialogHTMLAttributes, Directive$1 as Directive, DirectiveArguments$1 as DirectiveArguments, DirectiveBinding, DirectiveHook, DirectiveModifiers, EffectScheduler, EffectScope, ElementNamespace, ElementWithTransition, EmbedHTMLAttributes, EmitFn, EmitsOptions, EmitsToProps, ErrorCodes, ErrorTypeStrings, Events, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, FieldsetHTMLAttributes, FormHTMLAttributes, Fragment, FunctionDirective, FunctionPlugin, FunctionalComponent, GenericAppContext, GenericComponent, GenericComponentInstance, GlobalComponents, GlobalDirectives, HMRRuntime, HTMLAttributes, HtmlHTMLAttributes, HydrationRenderer, HydrationStrategy, HydrationStrategyFactory, IframeHTMLAttributes, ImgHTMLAttributes, InjectionKey, InputAutoCompleteAttribute, InputHTMLAttributes, InputTypeHTMLAttribute, InsHTMLAttributes, IntrinsicElementAttributes, KeepAlive, KeepAliveContext$1 as KeepAliveContext, KeepAliveProps, KeygenHTMLAttributes, LabelHTMLAttributes, LegacyConfig, LiHTMLAttributes, LifecycleHook, LinkHTMLAttributes, MapHTMLAttributes, MaybeRef, MaybeRefOrGetter, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, MethodOptions, MismatchTypes, ModelRef, MoveType, MultiWatchSources, NULL_DYNAMIC_COMPONENT, NativeElements, NormalizedPropsOptions, ObjectDirective, ObjectEmitsOptions, ObjectHTMLAttributes, ObjectPlugin, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OptionMergeFunction, OutputHTMLAttributes, ParamHTMLAttributes, Plugin, ProgressHTMLAttributes, Prop, PropType, PublicProps, QuoteHTMLAttributes, Raw, Reactive, ReactiveEffect, ReactiveEffectOptions, ReactiveEffectRunner, ReactiveFlags$1 as ReactiveFlags, Ref, RenderFunction, Renderer, RendererElement, RendererInternals, RendererNode, RendererOptions, ReservedProps, RootHydrateFunction, RootRenderFunction, RuntimeCompilerOptions, SVGAttributes, SchedulerJob, ScriptHTMLAttributes, SelectHTMLAttributes, SetupContext, ShallowReactive, ShallowRef, ShallowUnwrapRef, ShortEmitsToObject, Slot, Slots, SlotsType, SourceHTMLAttributes, Static, StyleHTMLAttributes, StyleValue, Suspense, SuspenseBoundary, SuspenseProps, TableHTMLAttributes, TdHTMLAttributes, Teleport, TeleportProps, TeleportTargetElement, TemplateRef, Text$1 as Text, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, ToRef, ToRefs, TrackHTMLAttributes, TrackOpTypes, Transition, TransitionElement, TransitionGroup, TransitionGroupProps, TransitionHooks, TransitionHooksContext, TransitionProps, TransitionPropsValidators, TransitionState, TriggerOpTypes, TypeEmitsToOptions, UnwrapNestedRefs, UnwrapRef, VNode, VNodeArrayChildren, VNodeChild, VNodeNormalizedChildren, VNodeNormalizedRef, VNodeProps, VNodeRef, VNodeTypes, VShowElement, VaporInteropInterface, VideoHTMLAttributes, VueElement, VueElementBase, VueElementConstructor, WatchCallback, WatchEffect, WatchHandle, WatchOptions, WatchEffectOptions as WatchOptionsBase, WatchSource, WatchStopHandle, WebViewHTMLAttributes, WritableComputedOptions, WritableComputedRef, activate, assertNumber, baseApplyTranslation, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, baseUseCssVars, callPendingCbs, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, createApp, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSSRCustomElement, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureHydrationRenderer, ensureRenderer, 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, isAsyncWrapper, isEmitListener, isHydrating, isKeepAlive, isMapEqual, isMemoSame, isMismatchAllowed, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isSetEqual, isShallow, isTeleportDeferred, isTeleportDisabled, isTemplateNode, isVNode, isValidHtmlOrSvgAttribute, leaveCbKey, markAsyncBoundary, markRaw, matches, mergeDefaults, mergeModels, mergeProps, nextTick, nextUid, nodeOps, normalizeClass, normalizeContainer, normalizeProps, normalizeRef, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, patchProp, patchStyle, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, reactive, readonly, ref$1 as ref, registerHMR, registerRuntimeCompiler, render, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionHooks, resolveTransitionProps, setBlockTracking, setCurrentInstance, setDevtoolsHook, setIsHydratingEnabled, setRef, setTransitionHooks, setVarsOnNode, shallowReactive, shallowReadonly, shallowRef, shouldSetAsProp, 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 { AllowedComponentProps, AnchorHTMLAttributes, App, AppConfig, AppContext, AppMountFn, AppUnmountFn, AreaHTMLAttributes, AriaAttributes, AsyncComponentInternalOptions, AsyncComponentLoader, AsyncComponentOptions, AudioHTMLAttributes, BaseHTMLAttributes, BaseTransition, BaseTransitionProps, BaseTransitionPropsValidators, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CSSProperties, CanvasHTMLAttributes, ColHTMLAttributes, ColgroupHTMLAttributes, Comment$2 as Comment, CompatVue, Component, ComponentCustomElementInterface, ComponentCustomOptions, ComponentCustomProperties, ComponentCustomProps, ComponentInjectOptions, ComponentInstance, ComponentInternalInstance, ComponentInternalOptions, ComponentObjectPropsOptions, ComponentOptions, ComponentOptionsBase, ComponentOptionsMixin, ComponentOptionsWithArrayProps, ComponentOptionsWithObjectProps, ComponentOptionsWithoutProps, ComponentPropsOptions, ComponentProvideOptions, ComponentPublicInstance, ComponentTypeEmits, ComputedGetter, ComputedOptions, ComputedRef, ComputedSetter, ConcreteComponent, CreateAppFunction, CreateComponentPublicInstance, CreateComponentPublicInstanceWithMixins, CustomElementOptions, CustomRefFactory, DataHTMLAttributes, DebuggerEvent, DebuggerEventExtraInfo, DebuggerOptions, DeepReadonly, DefineComponent, DefineProps, DefineSetupFnComponent, DelHTMLAttributes, DeprecationTypes, DetailsHTMLAttributes, DialogHTMLAttributes, Directive$1 as Directive, DirectiveArguments$1 as DirectiveArguments, DirectiveBinding, DirectiveHook, DirectiveModifiers, EffectScheduler, EffectScope, ElementNamespace, ElementWithTransition, EmbedHTMLAttributes, EmitFn, EmitsOptions, EmitsToProps, ErrorCodes, ErrorTypeStrings, Events, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, FieldsetHTMLAttributes, FormHTMLAttributes, Fragment, FunctionDirective, FunctionPlugin, FunctionalComponent, GenericAppContext, GenericComponent, GenericComponentInstance, GlobalComponents, GlobalDirectives, HMRRuntime, HTMLAttributes, HtmlHTMLAttributes, HydrationRenderer, HydrationStrategy, HydrationStrategyFactory, IframeHTMLAttributes, ImgHTMLAttributes, InjectionKey, InputAutoCompleteAttribute, InputHTMLAttributes, InputTypeHTMLAttribute, InsHTMLAttributes, IntrinsicElementAttributes, KeepAlive, KeepAliveContext, KeepAliveProps, KeygenHTMLAttributes, LabelHTMLAttributes, LegacyConfig, LiHTMLAttributes, LifecycleHook, LinkHTMLAttributes, MapHTMLAttributes, MaybeRef, MaybeRefOrGetter, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, MethodOptions, MismatchTypes, ModelRef, MoveType, MultiWatchSources, NULL_DYNAMIC_COMPONENT, NativeElements, NormalizedPropsOptions, ObjectDirective, ObjectEmitsOptions, ObjectHTMLAttributes, ObjectPlugin, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OptionMergeFunction, OutputHTMLAttributes, ParamHTMLAttributes, Plugin, ProgressHTMLAttributes, Prop, PropType, PublicProps, QuoteHTMLAttributes, Raw, Reactive, ReactiveEffect, ReactiveEffectOptions, ReactiveEffectRunner, ReactiveFlags$1 as ReactiveFlags, Ref, RenderFunction, Renderer, RendererElement, RendererInternals, RendererNode, RendererOptions, ReservedProps, RootHydrateFunction, RootRenderFunction, RuntimeCompilerOptions, SVGAttributes, SchedulerJob, ScriptHTMLAttributes, SelectHTMLAttributes, SetupContext, ShallowReactive, ShallowRef, ShallowUnwrapRef, ShortEmitsToObject, Slot, Slots, SlotsType, SourceHTMLAttributes, Static, StyleHTMLAttributes, StyleValue, Suspense, SuspenseBoundary, SuspenseProps, TableHTMLAttributes, TdHTMLAttributes, Teleport, TeleportProps, TeleportTargetElement, TemplateRef, Text$1 as Text, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, ToRef, ToRefs, TrackHTMLAttributes, TrackOpTypes, Transition, TransitionElement, TransitionGroup, TransitionGroupProps, TransitionHooks, TransitionHooksContext, TransitionProps, TransitionPropsValidators, TransitionState, TriggerOpTypes, TypeEmitsToOptions, UnwrapNestedRefs, UnwrapRef, VNode, VNodeArrayChildren, VNodeChild, VNodeNormalizedChildren, VNodeNormalizedRef, VNodeProps, VNodeRef, VNodeTypes, VShowElement, VaporInteropInterface, VideoHTMLAttributes, VueElement, VueElementBase, VueElementConstructor, WatchCallback, WatchEffect, WatchHandle, WatchOptions, WatchEffectOptions as WatchOptionsBase, WatchSource, WatchStopHandle, WebViewHTMLAttributes, WritableComputedOptions, WritableComputedRef, activate, assertNumber, baseApplyTranslation, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, baseUseCssVars, callPendingCbs, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, createApp, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSSRCustomElement, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureHydrationRenderer, ensureRenderer, 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, isAsyncWrapper, isEmitListener, isHydrating, isKeepAlive, isMapEqual, isMemoSame, isMismatchAllowed, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isSetEqual, isShallow, isTeleportDeferred, isTeleportDisabled, isTemplateNode, isTemplateRefKey, isVNode, isValidHtmlOrSvgAttribute, knownTemplateRefs, leaveCbKey, markAsyncBoundary, markRaw, matches, mergeDefaults, mergeModels, mergeProps, nextTick, nextUid, nodeOps, normalizeClass, normalizeContainer, normalizeProps, normalizeRef, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, patchProp, patchStyle, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, reactive, readonly, ref$1 as ref, registerHMR, registerRuntimeCompiler, render, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionHooks, resolveTransitionProps, setBlockTracking, setCurrentInstance, setDevtoolsHook, setIsHydratingEnabled, setRef, setTransitionHooks, setVarsOnNode, shallowReactive, shallowReadonly, shallowRef, shouldSetAsProp, 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 };
 }
 /**
 * This is a stub implementation to prevent the need to use dom types.
@@ -25227,14 +25229,80 @@ type RefEl = Element | VaporComponentInstance;
 type setRefFn = (el: RefEl, ref: NodeRef, refFor?: boolean, refKey?: string) => NodeRef | undefined;
 declare function createTemplateRefSetter(): setRefFn;
 //#endregion
+//#region packages/runtime-vapor/src/componentSlots.d.ts
+type RawSlots = Record<string, VaporSlot> & {
+  $?: DynamicSlotSource[];
+};
+type StaticSlots = Record<string, VaporSlot>;
+type VaporSlot = BlockFn;
+type DynamicSlot = {
+  name: string;
+  fn: VaporSlot;
+};
+type DynamicSlotFn = () => DynamicSlot | DynamicSlot[];
+type DynamicSlotSource = StaticSlots | DynamicSlotFn;
+/**
+* Wrap a slot function to track the slot owner.
+*
+* This ensures:
+* 1. createSlot gets rawSlots from the correct component (slot owner)
+* 2. Elements inherit the slot owner's scopeId
+*/
+declare function withVaporCtx(fn: Function): BlockFn;
+declare function createSlot(name: string | (() => string), rawProps?: LooseRawProps | null, fallback?: VaporSlot, noSlotted?: boolean, once?: boolean): Block$1;
+//#endregion
+//#region packages/runtime-vapor/src/apiDefineComponent.d.ts
+type VaporPublicProps = ReservedProps & AllowedComponentProps & ComponentCustomProps;
+type VaporRenderResult<T = Block$1> = VNode | T | VaporRenderResult<T>[];
+type VaporComponentInstanceConstructor<T extends VaporComponentInstance> = {
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+  new (...args: any[]): T;
+};
+type DefineVaporComponent<RuntimePropsOptions = {}, RuntimePropsKeys extends string = string, InferredProps = (string extends RuntimePropsKeys ? ComponentObjectPropsOptions extends RuntimePropsOptions ? {} : ExtractPropTypes<RuntimePropsOptions> : { [key in RuntimePropsKeys]?: any }), Emits extends EmitsOptions = {}, RuntimeEmitsKeys extends string = string, Slots extends StaticSlots = StaticSlots, Exposed extends Record<string, any> = Record<string, any>, TypeBlock extends Block$1 = Block$1, TypeRefs extends Record<string, unknown> = {}, MakeDefaultsOptional extends boolean = true, PublicProps = VaporPublicProps, ResolvedProps = InferredProps & EmitsToProps<Emits>, Defaults = ExtractDefaultPropTypes<RuntimePropsOptions>> = VaporComponentInstanceConstructor<VaporComponentInstance<MakeDefaultsOptional extends true ? keyof Defaults extends never ? Prettify<ResolvedProps> & PublicProps : Partial<Defaults> & Omit<Prettify<ResolvedProps> & PublicProps, keyof Defaults> : Prettify<ResolvedProps> & PublicProps, Emits, Slots, Exposed, TypeBlock, TypeRefs>> & VaporComponentOptions<RuntimePropsOptions | RuntimePropsKeys[], Emits, RuntimeEmitsKeys, Slots, Exposed>;
+type DefineVaporSetupFnComponent<Props extends Record<string, any> = {}, Emits extends EmitsOptions = {}, Slots extends StaticSlots = StaticSlots, Exposed extends Record<string, any> = Record<string, any>, TypeBlock extends Block$1 = Block$1, ResolvedProps extends Record<string, any> = Props & EmitsToProps<Emits> & VaporPublicProps> = new () => VaporComponentInstance<ResolvedProps, Emits, Slots, Exposed, TypeBlock>;
+declare function defineVaporComponent<Props extends Record<string, any>, Emits extends EmitsOptions = {}, RuntimeEmitsKeys extends string = string, Slots extends StaticSlots = StaticSlots, Exposed extends Record<string, any> = Record<string, any>, TypeBlock extends Block$1 = Block$1>(setup: (props: Props, ctx: {
+  emit: EmitFn<Emits>;
+  slots: Slots;
+  attrs: Record<string, any>;
+  expose: (exposed: Exposed) => void;
+}) => VaporRenderResult<TypeBlock> | void, extraOptions?: VaporComponentOptions<(keyof Props)[], Emits, RuntimeEmitsKeys, Slots, Exposed> & ThisType<void>): DefineVaporSetupFnComponent<Props, Emits, Slots, Exposed, TypeBlock>;
+declare function defineVaporComponent<Props extends Record<string, any>, Emits extends EmitsOptions = {}, RuntimeEmitsKeys extends string = string, Slots extends StaticSlots = StaticSlots, Exposed extends Record<string, any> = Record<string, any>, TypeBlock extends Block$1 = Block$1>(setup: (props: Props, ctx: {
+  emit: EmitFn<Emits>;
+  slots: Slots;
+  attrs: Record<string, any>;
+  expose: (exposed: Exposed) => void;
+}) => VaporRenderResult<TypeBlock> | void, extraOptions?: VaporComponentOptions<ComponentObjectPropsOptions<Props>, Emits, RuntimeEmitsKeys, Slots, Exposed> & ThisType<void>): DefineVaporSetupFnComponent<Props, Emits, Slots, Exposed, TypeBlock>;
+declare function defineVaporComponent<TypeProps, RuntimePropsOptions extends ComponentObjectPropsOptions = ComponentObjectPropsOptions, RuntimePropsKeys extends string = string, TypeEmits extends ComponentTypeEmits = {}, RuntimeEmitsOptions extends EmitsOptions = {}, RuntimeEmitsKeys extends string = string, Slots extends StaticSlots = StaticSlots, Exposed extends Record<string, any> = Record<string, any>, ResolvedEmits extends EmitsOptions = ({} extends RuntimeEmitsOptions ? TypeEmitsToOptions<TypeEmits> : RuntimeEmitsOptions), InferredProps = (IsKeyValues<TypeProps> extends true ? TypeProps : string extends RuntimePropsKeys ? ComponentObjectPropsOptions extends RuntimePropsOptions ? {} : ExtractPropTypes<RuntimePropsOptions> : { [key in RuntimePropsKeys]?: any }), TypeRefs extends Record<string, unknown> = {}, TypeBlock extends Block$1 = Block$1>(options: VaporComponentOptions<RuntimePropsOptions | RuntimePropsKeys[], ResolvedEmits, RuntimeEmitsKeys, Slots, Exposed, TypeBlock, InferredProps> & {
+  [key: string]: any;
+  /**
+  * @private for language-tools use only
+  */
+  __typeProps?: TypeProps;
+  /**
+  * @private for language-tools use only
+  */
+  __typeEmits?: TypeEmits;
+  /**
+  * @private for language-tools use only
+  */
+  __typeRefs?: TypeRefs;
+  /**
+  * @private for language-tools use only
+  */
+  __typeEl?: TypeBlock;
+} & ThisType<void>): DefineVaporComponent<RuntimePropsOptions, RuntimePropsKeys, InferredProps, ResolvedEmits, RuntimeEmitsKeys, Slots, Exposed extends Block$1 ? Record<string, any> : Exposed, TypeBlock, TypeRefs, unknown extends TypeProps ? true : false>;
+//#endregion
 //#region packages/runtime-vapor/src/components/KeepAlive.d.ts
-interface KeepAliveContext {
+interface VaporKeepAliveContext {
   processShapeFlag(block: Block$1): boolean;
   cacheBlock(): void;
   cacheScope(key: any, scope: EffectScope): void;
   getScope(key: any): EffectScope | undefined;
+  setCurrentBranchKey(key: any): any;
 }
-declare const VaporKeepAliveImpl: ObjectVaporComponent;
+declare const VaporKeepAlive: DefineVaporComponent<{}, string, KeepAliveProps>;
 //#endregion
 //#region packages/runtime-vapor/src/fragment.d.ts
 declare class VaporFragment<T extends Block$1 = Block$1> implements TransitionOptions {
@@ -25263,12 +25331,11 @@ declare class DynamicFragment extends VaporFragment {
     render?: BlockFn;
     key: any;
   };
-  fallback?: BlockFn;
   anchorLabel?: string;
   keyed?: boolean;
   attrs?: Record<string, any>;
   setAsyncRef?: (instance: VaporComponentInstance) => void;
-  keepAliveCtx: KeepAliveContext | null;
+  keepAliveCtx: VaporKeepAliveContext | null;
   slotOwner: VaporComponentInstance | null;
   constructor(anchorLabel?: string, keyed?: boolean);
   update(render?: BlockFn, key?: any): void;
@@ -25320,35 +25387,7 @@ declare class RenderEffect extends ReactiveEffect {
 }
 declare function renderEffect(fn: () => void, noLifecycle?: boolean): void;
 //#endregion
-//#region packages/runtime-vapor/src/componentSlots.d.ts
-type RawSlots = Record<string, VaporSlot> & {
-  $?: DynamicSlotSource[];
-};
-type StaticSlots = Record<string, VaporSlot>;
-type VaporSlot = BlockFn;
-type DynamicSlot = {
-  name: string;
-  fn: VaporSlot;
-};
-type DynamicSlotFn = () => DynamicSlot | DynamicSlot[];
-type DynamicSlotSource = StaticSlots | DynamicSlotFn;
-/**
-* Wrap a slot function to track the slot owner.
-*
-* This ensures:
-* 1. createSlot gets rawSlots from the correct component (slot owner)
-* 2. Elements inherit the slot owner's scopeId
-*/
-declare function withVaporCtx(fn: Function): BlockFn;
-declare function createSlot(name: string | (() => string), rawProps?: LooseRawProps | null, fallback?: VaporSlot, noSlotted?: boolean, once?: boolean): Block$1;
-//#endregion
 //#region packages/runtime-vapor/src/components/Teleport.d.ts
-declare const VaporTeleportImpl: {
-  name: string;
-  __isTeleport: boolean;
-  __vapor: boolean;
-  process(props: LooseRawProps, slots: LooseRawSlots): TeleportFragment;
-};
 declare class TeleportFragment extends VaporFragment {
   /**
   * @internal marker for duck typing to avoid direct instanceof check
@@ -25360,6 +25399,7 @@ declare class TeleportFragment extends VaporFragment {
   private resolvedProps?;
   private rawSlots?;
   isDisabled?: boolean;
+  private isMounted;
   target?: ParentNode | null;
   targetAnchor?: Node | null;
   targetStart?: Node | null;
@@ -25380,60 +25420,19 @@ declare class TeleportFragment extends VaporFragment {
   private mountChildren;
   hydrate: () => void;
 }
-//#endregion
-//#region packages/runtime-vapor/src/apiDefineComponent.d.ts
-type VaporPublicProps = ReservedProps & AllowedComponentProps & ComponentCustomProps;
-type VaporRenderResult<T = Block$1> = VNode | T | VaporRenderResult<T>[];
-type VaporComponentInstanceConstructor<T extends VaporComponentInstance> = {
-  __isFragment?: never;
-  __isTeleport?: never;
-  __isSuspense?: never;
-  new (...args: any[]): T;
-};
-type DefineVaporComponent<RuntimePropsOptions = {}, RuntimePropsKeys extends string = string, Emits extends EmitsOptions = {}, RuntimeEmitsKeys extends string = string, Slots extends StaticSlots = StaticSlots, Exposed extends Record<string, any> = Record<string, any>, TypeBlock extends Block$1 = Block$1, TypeRefs extends Record<string, unknown> = {}, MakeDefaultsOptional extends boolean = true, InferredProps = (string extends RuntimePropsKeys ? ComponentObjectPropsOptions extends RuntimePropsOptions ? {} : ExtractPropTypes<RuntimePropsOptions> : { [key in RuntimePropsKeys]?: any }), PublicProps = VaporPublicProps, ResolvedProps = InferredProps & EmitsToProps<Emits>, Defaults = ExtractDefaultPropTypes<RuntimePropsOptions>> = VaporComponentInstanceConstructor<VaporComponentInstance<MakeDefaultsOptional extends true ? keyof Defaults extends never ? Prettify<ResolvedProps> & PublicProps : Partial<Defaults> & Omit<Prettify<ResolvedProps> & PublicProps, keyof Defaults> : Prettify<ResolvedProps> & PublicProps, Emits, Slots, Exposed, TypeBlock, TypeRefs>> & ObjectVaporComponent<RuntimePropsOptions | RuntimePropsKeys[], Emits, RuntimeEmitsKeys, Slots, Exposed>;
-type DefineVaporSetupFnComponent<Props extends Record<string, any> = {}, Emits extends EmitsOptions = {}, Slots extends StaticSlots = StaticSlots, Exposed extends Record<string, any> = Record<string, any>, TypeBlock extends Block$1 = Block$1, ResolvedProps extends Record<string, any> = Props & EmitsToProps<Emits> & VaporPublicProps> = new (props?: ResolvedProps) => VaporComponentInstance<ResolvedProps, Emits, Slots, Exposed, TypeBlock>;
-declare function defineVaporComponent<Props extends Record<string, any>, Emits extends EmitsOptions = {}, RuntimeEmitsKeys extends string = string, Slots extends StaticSlots = StaticSlots, Exposed extends Record<string, any> = Record<string, any>, TypeBlock extends Block$1 = Block$1>(setup: (props: Props, ctx: {
-  emit: EmitFn<Emits>;
-  slots: Slots;
-  attrs: Record<string, any>;
-  expose: (exposed: Exposed) => void;
-}) => VaporRenderResult<TypeBlock> | void, extraOptions?: ObjectVaporComponent<(keyof Props)[], Emits, RuntimeEmitsKeys, Slots, Exposed> & ThisType<void>): DefineVaporSetupFnComponent<Props, Emits, Slots, Exposed, TypeBlock>;
-declare function defineVaporComponent<Props extends Record<string, any>, Emits extends EmitsOptions = {}, RuntimeEmitsKeys extends string = string, Slots extends StaticSlots = StaticSlots, Exposed extends Record<string, any> = Record<string, any>, TypeBlock extends Block$1 = Block$1>(setup: (props: Props, ctx: {
-  emit: EmitFn<Emits>;
-  slots: Slots;
-  attrs: Record<string, any>;
-  expose: (exposed: Exposed) => void;
-}) => VaporRenderResult<TypeBlock> | void, extraOptions?: ObjectVaporComponent<ComponentObjectPropsOptions<Props>, Emits, RuntimeEmitsKeys, Slots, Exposed> & ThisType<void>): DefineVaporSetupFnComponent<Props, Emits, Slots, Exposed, TypeBlock>;
-declare function defineVaporComponent<TypeProps, RuntimePropsOptions extends ComponentObjectPropsOptions = ComponentObjectPropsOptions, RuntimePropsKeys extends string = string, TypeEmits extends ComponentTypeEmits = {}, RuntimeEmitsOptions extends EmitsOptions = {}, RuntimeEmitsKeys extends string = string, Slots extends StaticSlots = StaticSlots, Exposed extends Record<string, any> = Record<string, any>, ResolvedEmits extends EmitsOptions = ({} extends RuntimeEmitsOptions ? TypeEmitsToOptions<TypeEmits> : RuntimeEmitsOptions), InferredProps = (IsKeyValues<TypeProps> extends true ? TypeProps : string extends RuntimePropsKeys ? ComponentObjectPropsOptions extends RuntimePropsOptions ? {} : ExtractPropTypes<RuntimePropsOptions> : { [key in RuntimePropsKeys]?: any }), TypeRefs extends Record<string, unknown> = {}, TypeBlock extends Block$1 = Block$1>(options: ObjectVaporComponent<RuntimePropsOptions | RuntimePropsKeys[], ResolvedEmits, RuntimeEmitsKeys, Slots, Exposed, TypeBlock, InferredProps> & {
-  /**
-  * @private for language-tools use only
-  */
-  __typeProps?: TypeProps;
-  /**
-  * @private for language-tools use only
-  */
-  __typeEmits?: TypeEmits;
-  /**
-  * @private for language-tools use only
-  */
-  __typeRefs?: TypeRefs;
-  /**
-  * @private for language-tools use only
-  */
-  __typeEl?: TypeBlock;
-} & ThisType<void>): DefineVaporComponent<RuntimePropsOptions, RuntimePropsKeys, ResolvedEmits, RuntimeEmitsKeys, Slots, Exposed extends Block$1 ? Record<string, any> : Exposed, TypeBlock, TypeRefs, unknown extends TypeProps ? true : false, InferredProps>;
+declare const VaporTeleport: DefineVaporSetupFnComponent<TeleportProps>;
 //#endregion
 //#region packages/runtime-vapor/src/component.d.ts
-type VaporComponent = FunctionalVaporComponent | ObjectVaporComponent | DefineVaporComponent;
+type VaporComponent = FunctionalVaporComponent | VaporComponentOptions | DefineVaporComponent;
 type FunctionalVaporComponent<Props = {}, Emits extends EmitsOptions = {}, Slots extends StaticSlots = StaticSlots, Exposed extends Record<string, any> = Record<string, any>> = ((props: Readonly<Props & EmitsToProps<Emits>>, ctx: {
   emit: EmitFn<Emits>;
   slots: Slots;
   attrs: Record<string, any>;
   expose: <T extends Record<string, any> = Exposed>(exposed: T) => void;
-}) => VaporRenderResult) & Omit<ObjectVaporComponent<ComponentPropsOptions<Props>, Emits, string, Slots>, "setup"> & {
+}) => VaporRenderResult) & Omit<VaporComponentOptions<ComponentPropsOptions<Props>, Emits, string, Slots>, "setup"> & {
   displayName?: string;
 } & SharedInternalOptions;
-interface ObjectVaporComponent<Props = {}, Emits extends EmitsOptions = {}, RuntimeEmitsKeys extends string = string, Slots extends StaticSlots = StaticSlots, Exposed extends Record<string, any> = Record<string, any>, TypeBlock extends Block$1 = Block$1, InferredProps = (ComponentObjectPropsOptions extends Props ? {} : ExtractPropTypes<Props>)> extends ComponentInternalOptions, AsyncComponentInternalOptions<ObjectVaporComponent, VaporComponentInstance>, SharedInternalOptions {
+interface VaporComponentOptions<Props = {}, Emits extends EmitsOptions = {}, RuntimeEmitsKeys extends string = string, Slots extends StaticSlots = StaticSlots, Exposed extends Record<string, any> = Record<string, any>, TypeBlock extends Block$1 = Block$1, InferredProps = (ComponentObjectPropsOptions extends Props ? {} : ExtractPropTypes<Props>)> extends ComponentInternalOptions, AsyncComponentInternalOptions<VaporComponentOptions, VaporComponentInstance>, SharedInternalOptions {
   inheritAttrs?: boolean;
   props?: Props;
   emits?: Emits | RuntimeEmitsKeys[];
@@ -25509,6 +25508,7 @@ declare class VaporComponentInstance<Props extends Record<string, any> = {}, Emi
   renderEffects?: RenderEffect[];
   hasFallthrough: boolean;
   shapeFlag?: number;
+  key?: any;
   oncePropsCache?: Record<string | symbol, any>;
   isMounted: boolean;
   isUnmounted: boolean;
@@ -25542,6 +25542,10 @@ declare class VaporComponentInstance<Props extends Record<string, any> = {}, Emi
   * fallthrough can be suppressed.
   */
   accessedAttrs: boolean;
+  /**
+  * @deprecated only used for JSX to detect props types.
+  */
+  $props: Props;
   constructor(comp: VaporComponent, rawProps?: RawProps | null, rawSlots?: RawSlots | null, appContext?: GenericAppContext, once?: boolean);
   /**
   * Expose `getKeysFromRawProps` on the instance so it can be used in code
@@ -25579,7 +25583,7 @@ declare function defineVaporCustomElement<Props, RawBindings = object>(setup: (p
   slots: StaticSlots;
   emit: EmitFn;
   expose: (exposed: Record<string, any>) => void;
-}) => RawBindings | VaporRenderResult, options?: Pick<ObjectVaporComponent, "name" | "inheritAttrs" | "emits"> & CustomElementOptions & {
+}) => RawBindings | VaporRenderResult, options?: Pick<VaporComponentOptions, "name" | "inheritAttrs" | "emits"> & CustomElementOptions & {
   props?: (keyof Props)[];
 }): VaporElementConstructor<Props>;
 declare function defineVaporCustomElement<Props, RawBindings = object>(setup: (props: Props, ctx: {
@@ -25587,7 +25591,7 @@ declare function defineVaporCustomElement<Props, RawBindings = object>(setup: (p
   slots: StaticSlots;
   emit: EmitFn;
   expose: (exposed: Record<string, any>) => void;
-}) => RawBindings | VaporRenderResult, options?: Pick<ObjectVaporComponent, "name" | "inheritAttrs" | "emits"> & CustomElementOptions & {
+}) => RawBindings | VaporRenderResult, options?: Pick<VaporComponentOptions, "name" | "inheritAttrs" | "emits"> & CustomElementOptions & {
   props?: ComponentObjectPropsOptions<Props>;
 }): VaporElementConstructor<Props>;
 declare function defineVaporCustomElement<RuntimePropsOptions extends ComponentObjectPropsOptions = ComponentObjectPropsOptions, RuntimePropsKeys extends string = string, RuntimeEmitsOptions extends EmitsOptions = {}, RuntimeEmitsKeys extends string = string, Slots extends StaticSlots = StaticSlots, InferredProps = (string extends RuntimePropsKeys ? ComponentObjectPropsOptions extends RuntimePropsOptions ? {} : ExtractPropTypes<RuntimePropsOptions> : { [key in RuntimePropsKeys]?: any }), ResolvedProps = InferredProps & EmitsToProps<RuntimeEmitsOptions>>(options: CustomElementOptions & {
@@ -25731,31 +25735,31 @@ declare function getDefaultValue(val: any, defaultVal: any): any;
 declare function useVaporCssVars(getter: () => Record<string, string>): void;
 //#endregion
 //#region packages/runtime-vapor/src/apiCreateDynamicComponent.d.ts
-declare function createDynamicComponent(getter: () => any, rawProps?: RawProps | null, rawSlots?: RawSlots |export  null, isSingleRoot?: boolean, once?: boolean): VaporFragment;
+declare function createDynamicComponent(getter: () => any, rawProps?: RawProps | null, rawSlots?: RawSlots | null, isSingleRoot?: boolean, once?: boolean): VaporFexport ragment;
 //#endregion
-//#region packages/runtime-export vapor/src/directives/vShow.d.ts
-declare function applyVShow(target: Blexport ock$1, source: () => any): voidexport ;
+//#region packages/runtime-vapor/src/directives/vShow.d.ts
+declare function applyexport VShow(target: Block$1, source: () => any): void;
 //#endregion
-//#region packages/runtime-vapor/src/directives/vModel.d.ts
-type VaporModelDirective<T extends HTMLElement = HTMLInexport putElement | HTMLTextAreaElement | HTMLSelectElement, Modifiers extends string = string> = export (el: T, get: () => any, set: (v: any) => void, modifiers?: { [key in Modifiers]?: texport rue }) => void;
-declare const applyTextModel: VaporModelDirective<HTMLInputElementexport  | HTMLTextAreaElement, "trim" | "number" | "lazy">;
-declare const applyCheckboxModel: VaporModelDirectivexport e<HTMLInputElement>;
-declare const applyRadioModel: VaporModelDirective<HTMLInputElement>;
-declare export const applySelectModel: VaporModelDirective<HTMLSelectElement, "number">;
-declare const applyDynamicModel: VaporModelDexport irective;
+//#regioexport n packages/runtime-vapor/src/diexport rectives/vModel.d.ts
+type VaporModelDirective<T extends HTMLElement = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement, export Modifiers extends string = string> = (el: T, get: () => any, set: (v: any) => void, modifieexport rs?: { [key in Modifiers]?: true }) => void;
+declare const applyTextModel: VaporModexport elDirective<HTMLInputElement | HTMLTextAreaElement, "trim" | "number" | "lazy">;
+dexport eclare const applyCheckboxModel: VaporModelDirective<HTMLInputElement>;
+declare const applyRadioModel: Vaexport porModelDirective<HTMLInputElement>;
+declare const applySelectModel: VaporModelDirective<HTMLSelectexport Element, "number">;
+declare const applyDynamicModel: VaporModelDirective;
 //#endregion
-//#region packages/runtime-vapor/src/components/Transition.d.ts
-declare const VaporTransition: FunctionalVexport aporComponent<TransitionProps>;
+//#region packages/runtime-vapoexport r/src/components/Transition.d.ts
+declare const VaporTransition: FunctionalVaporComponent<TransitionProps>;
 //#endregion
-//#region packages/runtime-vapor/src/components/TransitionGroup.d.ts
-declare const VaporTransitionGroup: ObjectVaporComponent;
-declare namespace index_d_expoexport rts {
-  export { Block$1 as Block, DefineVaporComponent, FunctionalVaporComponent, VaporComponent,export  VaporComponentInstance, VaporDirective, VaporElement, VaporElementConstructor, VaporFraexport gment, VaporKeepAliveImpl as VaporKeepAlive, VaporPublicProps, VaporRenderResult, VaporSlot, VaporTeleportImpl as VaporTeleport, VaporTrexport ansition, VaporTransitionGroup, VaporTransitionHooks, applyCheckboxModel, applyDynamicModel, applyRadioModel, applySelectModel, applyTextModel, applyVShow, child, createComponent, createComponentWithFallback, createDynamicComponent, createFor, createForSlots, createIf, createInvoker, createKeyedFragment, createPlainElement, createSlot, createTemplateexport RefSetter, createTextNode, createVaporApp, createVaporSSRApp, defineVaporAsyncComponent,export  defineVaporComponent, defineVaporCustomElement, dexport efineVaporSSRCustomElement, delegate, delegateEveexport nts, getDefaultValue, getRestElement, insert$1 as insert, isFragment, isVaporComponent, next, nthChild, on, prepend, remove, renderEffect, setAttr, setBlockHtml, setBlockText, setClass, setDOMProp, setDynamicEvents, setDynamicPexport rops, setElementText, setHtml, setInsertionState, setProp, setStyle, setText, setValue, template, txt, useVaporCssVars, vaporInteropPlugin, withVaporCtx, withVaporDirectives };
+//#regionexport  packages/runtime-vapor/src/components/TransitionGroup.d.ts
+declare const VaporTransitionGroup: DefineVaporComponent<{}, string, TransitionGroupProps>;
+declare namespace index_d_exports {
+  export { Bloexport ck$1 as Block, DefineVaporComponent, DynamicFragment, FunctionalVaporComponent, VaporComponent, Vaexport porComponentInstance, VaporComponentOptions, VaporDirective, VaporElement, VaporElementCexport onstructor, VaporFragment, VaporKeepAlive, VaporKeepAliveContext, VaporPublicProps, VaporRenderResult, VaporSlot, VaporTeleport, VaporTrexport ansition, VaporTransitionGroup, VaporTransitionHooks, applyCheckboxModel, applyDynamicModel, applyRadioModel, applySelectModel, applyTextModel, applyVShow, child, createComponent, createComponentWithFallback, createDynamicComponent, createFor, createForSlots, createIf, createInvoker, createKeyedFragment, createPlainElement, createSlot, createTemplateRefSetter, cexport reateTextNode, createVaporApp, createVaporSSRAexport pp, defineVaporAsyncComponent, defineVaporComponenexport t, defineVaporCustomElement, defineVaporSSRCustomexport Element, delegate, delegateEvents, getDefaultValue, getRestElement, insert$1 as insert, isFragment, isVaporComponent, next, nthChild, on, prepend, remove, renderEffect, setAttr, setBlockHtml, setBlockText, setClass, setDOMProp,export  setDynamicEvents, setDynamicProps, setElementText, setHtml, setInsertionState, setProp, setStyle, setText, setValue, template, txt, useVaporCssVars, vaporInteropPlugin, withVaporCtx, withVaporDirectives };
 }
 //#endregion
 //#region temp/packages/compiler-vapor/src/ir/component.d.ts
-interface IRProp extends Omit<DirectiveTransformResult, "value"> {
-  values: export SimpleExpressionNode[];
+interface IRProp extends Omit<DirectiveTransforexport mResult, "value"> {
+  values: SimpleExpressionNode[];
 }
 declare enum IRDynamicPropsKind {
   EXPRESSION = 0,
@@ -25767,11 +25771,11 @@ interface IRPropsDynamicExpression {
   value: SimpleExpressionNode;
   handler?: boolean;
 }
-interface IRPropsDynamicAttribute extends IRProp {
-  kindexport : IRDynamicPropsKind.ATTRIBUTE;
+interface IRPropsDynamicAttexport ribute extends IRProp {
+  kind: IRDynamicPropsKind.ATTRIBUTE;
 }
-type IRProps = IRPropsStatic | IRPropsDynamicAttribute | IRPropsDynamicExpression;
-interface SlotBlockIRNode extexport ends BlockIRNode {
+type IRProps = IRPropsStatic | IRPropsDynamicAttribute | IRPropsDynamicExpression;export 
+interface SlotBlockIRNode extends BlockIRNode {
   props?: SimpleExpressionNode;
 }
 declare enum IRSlotType {
@@ -25785,80 +25789,80 @@ type IRSlotsStatic = {
   slotType: IRSlotType.STATIC;
   slots: Record<string, SlotBlockIRNode>;
 };
-interface IRSlotDynamicBasic {
-  slotType: IRSlotTyexport pe.DYNAMIC;
+interface IRSlotDynamexport icBasic {
+  slotType: IRSlotType.DYNAMIC;
   name: SimpleExpressionNode;
   fn: SlotBlockIRNode;
 }
 interface IRSlotDynamicLoop {
   slotType: IRSlotType.LOOP;
- export  name: SimpleExpressionNode;
+  name: SimpleExpressionNode;
   fn: SlotBlockIRNode;
   loop: IRFor;
 }
-interface IRSlotDynamicConditional {
+interface export IRSlotDynamicConditional {
   slotType: IRSlotType.CONDITIONAL;
-  condexport ition: SimpleExpressionNode;
-  positive: IRSlotDynamicBasic;
+  condition: SimpleExpressionNode;
+  positive: IRSlotDynamicBasiexport c;
   negative?: IRSlotDynamicBasic | IRSlotDynamicConditional;
 }
-interface IRSlotsExpresexport sion {
+interface IRSlotsExpression {
   slotType: IRSlotType.EXPRESSION;
-  slots: SimpleExpressionNode;
+  slots: SimpleExpexport ressionNode;
 }
 type IRSlotDynamic = IRSlotDynamicBasic | IRSlotDynamicLoop | IRSlotDynamicConditional;
-type IRSlots = export IRSlotsStatic | IRSlotDynamic | IRSlotsExpression;
-//#enexport dregion
+type IRSlots = IRSlotsStatic | IRSlotDynamiexport c | IRSlotsExpression;
+//#endregion
 //#region temp/packages/compiler-vapor/src/ir/index.d.ts
 declare enum IRNodeTypes {
   ROOT = 0,
   BLOCK = 1,
   SET_PROP = 2,
-  SET_DYNAMIC_PROPS = 3,
+  SET_DYNAMIC_PROexport PS = 3,
   SET_TEXT = 4,
   SET_EVENT = 5,
-  SET_DYNAMIC_EVENTS = 6,
+  SET_DYNAMIC_Eexport VENTS = 6,
   SET_HTML = 7,
   SET_TEMPLATE_REF = 8,
   INSERT_NODE = 9,
   PREPEND_NODE = 10,
   CREATE_COMPONENT_NODE = 11,
-  SLOT_OUTLET_NODE export = 12,
+  SLOT_OUTLET_NODE = 12,
   DIRECTIVE = 13,
   IF = 14,
   FOR = 15,
-  GET_TEXT_CHILD = 16
+  KEY = 16,
+  GET_TEXT_CHILD = 17
 }
 interface BaseIRNode {
   type: IRNodeTypes;
-  key?: SimpleExpressionNode | undefiexport ned;
 }
 type CoreHelper = keyof typeof index_d_exports$1;
-type VaporHelper = keyof typeof index_d_exports;
+type VaporHelper = keyof tyexport peof index_d_exports;
 interface BlockIRNode extends BaseIRNode {
   type: IRNodeTypes.BLOCK;
-  noexport de: RootNode | TemplateChildNode;
-  dynamic: IRDynamicInfo;
+  node: RootNode | TemplateChildNode;
+  dynamic: IRDynamicInexport fo;
   tempId: number;
   effect: IREffect[];
   operation: OperationNode[];
-  returns: nexport umber[];
+  returns: number[];
 }
 interface RootIRNode {
   type: IRNodeTypes.ROOT;
   node: RootNode;
-  source: string;
-  template: Map<string, Namesexport pace>;
+  source: stringexport ;
+  template: Map<string, Namespace>;
   templateIndexMap: Map<string, number>;
   rootTemplateIndexes: Set<number>;
   component: Set<string>;
-  directive: Set<string>;
+ export  directive: Set<string>;
   block: BlockIRNode;
   hasTemplateRef: boolean;
   hasDeferredVShow: boolean;
 }
-interface IfIRNode extends BaseIRNode {
-  type: IRNodeTyexport pes.IF;
+interface IfIRNode eexport xtends BaseIRNode {
+  type: IRNodeTypes.IF;
   id: number;
   condition: SimpleExpressionNode;
   positive: BlockIRNode;
@@ -25868,14 +25872,14 @@ interface IfIRNode extends BaseIRNode {
   parent?: number;
   anchor?: number;
   logicalIndex?: number;
-  append?: boolean;
+  append?: booleanexport ;
   last?: boolean;
 }
 interface IRFor {
   source: SimpleExpressionNode;
   value?: SimpleExpressionNode;
   key?: SimpleExpressionNode;
-  index?: Siexport mpleExpressionNode;
+  index?: SimpleExpressionNode;
 }
 interface ForIRNode extends BaseIRNode, IRFor {
   type: IRNodeTypes.FOR;
@@ -25885,6 +25889,17 @@ interface ForIRNode extends BaseIRNode, IRFor {
   once: boolean;
   component: boolean;
   onlyChild: boolean;
+  parent?export : number;
+  anchor?: number;
+  logicalIndex?: number;
+  append?: boolean;
+  last?: boolean;
+}
+interface KeyIRNode extends BaseIRNode {
+  type: IRNodeTypes.KEY;
+  id: number;
+  value: SimpleExpressionNode;
+  block: BlockIRNode;
   parent?: number;
   anchor?: number;
   logicalIndex?: number;
@@ -25908,7 +25923,7 @@ interface SetDynamicEventsIRNode extends BaseIRNode {
   element: number;
   event: SimpleExpressionNode;
 }
-interface SetTextIexport RNode extends BaseIRNode {
+interface SetTextIRNode extendexport s BaseIRNode {
   type: IRNodeTypes.SET_TEXT;
   element: number;
   values: SimpleExpressionNode[];
@@ -25919,7 +25934,7 @@ type KeyOverride = [find: string, replacement: string];
 interface SetEventIRNode extends BaseIRNode {
   type: IRNodeTypes.SET_EVENT;
   element: number;
-  key: Simpleexport ExpressionNode;
+  key: SimpleExpressionNoexport de;
   value?: SimpleExpressionNode;
   modifiers: {
     options: string[];
@@ -25929,7 +25944,7 @@ interface SetEventIRNode extends BaseIRNode {
   keyOverride?: KeyOverride;
   delegate: boolean;
   /** Whether it's in effect */
- export  effect: boolean;
+  effect: booexport lean;
 }
 interface SetHtmlIRNode extends BaseIRNode {
   type: IRNodeTypes.SET_HTML;
@@ -25937,25 +25952,25 @@ interface SetHtmlIRNode extends BaseIRNode {
   value: SimpleExpressionNode;
   isComponent?: boolean;
 }
-interface SetTempexport lateRefIRNode extends BaseIRNode {
+interface SetTemplateRefIRNodexport e extends BaseIRNode {
   type: IRNodeTypes.SET_TEMPLATE_REF;
   element: number;
   value: SimpleExpressionNode;
   refFor: boolean;
-  effect: booleanexport ;
+  effect: boolean;
 }
-interface InsertNodeIRNode extends BaseIRNode {
+interfacexport e InsertNodeIRNode extends BaseIRNode {
   type: IRNodeTypes.INSERT_NODE;
   elements: number[];
   parent: number;
   anchor?: number;
 }
-interface PrependNodeIRNode extendsexport  BaseIRNode {
+interface PrependNodeIRNode extends BaseIRNode export {
   type: IRNodeTypes.PREPEND_NODE;
   elements: number[];
   parent: number;
 }
-inexport terface DirectiveIRNode extends BaseIRNode {
+interface DirectiveIRNode export extends BaseIRNode {
   type: IRNodeTypes.DIRECTIVE;
   element: number;
   dir: VaporDirectiveNode;
@@ -26001,7 +26016,7 @@ interface GetTextChildIRNode extends BaseIRNode {
   parent: number;
 }
 type IRNode = OperationNode | RootIRNode;
-type OperationNode = SetPropIRNode | SetDynamicPropsIRNode | SetTextIRNode | SetEventIRNode | SetDynamicEventsIRNode | SetHtmlIRNode | SetTemplateRefIRNode | InsertNodeIRNode | PrependNodeIRNode | DirectiveIRNode | IfIRNode | ForIRNode | CreateComponentIRNode | SlotOutletIRNode | GetTextChildIRNode;
+type OperationNode = SetPropIRNode | SetDynamicPropsIRNode | SetTextIRNode | SetEventIRNode | SetDynamicEventsIRNode | SetHtmlIRNode | SetTemplateRefIRNode | InsertNodeIRNode | PrependNodeIRNode | DirectiveIRNode | IfIRNode | ForIRNode | KeyIRNode | CreateComponentIRNode | SlotOutletIRNode | GetTextChildIRNode;
 declare enum DynamicFlag {
   NONE = 0,
   /**
@@ -26040,7 +26055,7 @@ type VaporDirectiveNode = Overwrite<DirectiveNode, {
   exp: Exclude<DirectiveNode["exp"], CompoundExpressionNode>;
   arg: Exclude<DirectiveNode["arg"], CompoundExpressionNode>;
 }>;
-type InsertionStateTypes = IfIRNode | ForIRNode | SlotOutletIRNode | CreateComponentIRNode;
+type InsertionStateTypes = IfIRNode | ForIRNode | KeyIRNode | SlotOutletIRNode | CreateComponentIRNode;
 declare function isBlockOperation(op: OperationNode): op is InsertionStateTypes;
 //#endregion
 //#region packages/compiler-core/src/runtimeHelpers.d.ts
@@ -26059,7 +26074,7 @@ interface ImportItem {
 //#region packages/compiler-core/src/transforms/transformElement.d.ts
 type PropsExpression = ObjectExpression | CallExpression | ExpressionNode;
 //#endregion
-//#region node_modules/.pnpm/@babel+types@7.28.6/node_modules/@babel/types/lib/index-legacy.d.ts
+//#region node_modules/.pnpm/@babel+types@7.29.0/node_modules/@babel/types/lib/index-legacy.d.ts
 // NOTE: This file is autogenerated. Do not modify.
 // See packages/babel-types/scripts/generators/typescript-legacy.ts for script used.
 interface BaseComment {
@@ -26438,8 +26453,8 @@ interface ClassDeclaration extends BaseNode {
 interface ExportAllDeclaration extends BaseNode {
   type: "ExportAllDeclaration";
   source: StringLiteral;
-  assertions: ImportAttribute[] | null;
   attributes: ImportAttribute[] | null;
+  assertions: ImportAttribute[] | null;
   exportKind: "type" | "value" | null;
 }
 interface ExportDefaultDeclaration extends BaseNode {
@@ -26452,8 +26467,8 @@ interface ExportNamedDeclaration extends BaseNode {
   declaration: Declaration | null;
   specifiers: (ExportSpecifier | ExportDefaultSpecifier | ExportNamespaceSpecifier)[];
   source: StringLiteral | null;
-  assertions: ImportAttribute[] | null;
   attributes: ImportAttribute[] | null;
+  assertions: ImportAttribute[] | null;
   exportKind: "type" | "value" | null;
 }
 interface ExportSpecifier extends BaseNode {
@@ -26473,8 +26488,8 @@ interface ImportDeclaration extends BaseNode {
   type: "ImportDeclaration";
   specifiers: (ImportSpecifier | ImportDefaultSpecifier | ImportNamespaceSpecifier)[];
   source: StringLiteral;
-  assertions: ImportAttribute[] | null;
   attributes: ImportAttribute[] | null;
+  assertions: ImportAttribute[] | null;
   importKind: "type" | "typeof" | "value" | null;
   module: boolean | null;
   phase: "source" | "defer" | null;
@@ -28024,19 +28039,17 @@ declare function buildCodeFragment(...frag: CodeFragment[]): [CodeFragment[], (.
 type CodeFragmentDelimiters = [left: CodeFragments, right: CodeFragmentexport s, delimiter: CodeFragments, placeholder?: CodeFragments];
 declare function genMulti([left, right, seg, placeholder]: CodeFragexport mentDelimiters, ...frags: CodeFragments[]): CodeFragment[];
 declare function genCall(name: string | [name: string, placeexport holder?: CodeFragments], ...frags: CodeFragments[]): CodeFragment[];
-declare function codeFragmentToString(code: CodeFragmeexport nt[], context: CodegenContext): [code: string, map: CodegenSourceMapGenerator | undefined];
+declare function codeFragmentToString(code: CodeFragment[], export context: CodegenContext): [code: string, map: CodegenSourceMapGenerator | undefined];
 //#endregion
-//#region temp/packages/compiler-vaexport por/src/transforms/utils.d.ts
+//#region temp/packagesexport /compiler-vapor/src/transforms/utils.d.ts
 declare function wrapTemplate(node: ElementNode, dirs: string[]): TemplateNode;
 //#endregion
-//#region temp/pexport ackages/compiler-vapor/src/compile.d.ts
+//#reexport gion temp/packages/compiler-vapor/src/compile.d.ts
 declare function compile(source: string | RootNode, options?: CompilerOptions): VaporCodexport egenResult;
 type CompilerOptions = HackOptions<CompilerOptions$1>;
-mp/pack.d.ts
-declare const transformVOnce: NodeTransform;
+type TransformPreset = [NodeTransform[], Record<string, Direcexport tiveTransform>];
 //#endregion
-//#region temp/packages/compiler-vapor/src/transforms/vShow.d.ts
-declare const transformVShow: DirectiveTransform;
+//#region temp/packages/compiler-vapo/compilShow: DirectiveTransform;
 //#endregion
 //#region temp/packages/compiler-vapor/src/transforms/vText.d.ts
 declare const transformVText: DirectiveTransform;
@@ -28047,6 +28060,9 @@ declare const transformVIf: NodeTransform;
 //#region temp/packages/compiler-vapor/src/transforms/vFor.d.ts
 declare const transformVFor: NodeTransform;
 //#endregion
+//#region temp/packages/compiler-vapor/src/transforms/transformKey.d.ts
+declare const transformKey: NodeTransform;
+//#endregion
 //#region temp/packages/compiler-vapor/src/transforms/vModel.d.ts
 declare const transformVModel: DirectiveTransform;
 //#endregion
@@ -28059,4 +28075,4 @@ declare const transformSlotOutlet: NodeTransform;
 //#region temp/packages/compiler-vapor/src/transforms/vSlot.d.ts
 declare const transformVSlot: NodeTransform;
 //#endregion
-export { BaseIRNode, BlockIRNode, type CodeFragment, type CodegenContext, type CodegenOptions, type CompilerOptions, CoreHelper, CreateComponentIRNode, DirectiveIRNode, type DirectiveTransform, DynamicFlag, ForIRNode, GetTextChildIRNode, HackOptions, IRDynamicInfo, IRDynamicPropsKind, IREffect, IRFor, IRNode, IRNodeTypes, IRProp, IRProps, IRPropsDynamicAttribute, IRPropsDynamicExpression, IRPropsStatic, IRSlotDynamic, IRSlotDynamicBasic, IRSlotDynamicConditional, IRSlotDynamicLoop, IRSlotType, IRSlots, IRSlotsExpression, IRSlotsStatic, IfIRNode, InsertNodeIRNode, InsertionStateTypes, KeyOverride, type NodeTransform, OperationNode, PrependNodeIRNode, RootIRNode, SetDynamicEventsIRNode, SetDynamicPropsIRNode, SetEventIRNode, SetHtmlIRNode, SetPropIRNode, SetTemplateRefIRNode, SetTextIRNode, SlotBlockIRNode, SlotOutletIRNode, type StructuralDirectiveTransform, type TransformContext, type TransformPreset, type VaporCodegenResult, type VaporCompilerError, VaporDirectiveNode, VaporErrorCodes, VaporErrorMessages, VaporHelper, buildCodeFragment, codeFragmentToString, compile, createStructuralDirectiveTransform, createVaporCompilerError, genCall, genMulti, generate, isBlockOperation, parse, transform, transformChildren, transformComment, transformElement, transformSlotOutlet, transformTemplateRef, transformText, transformVBind, transformVFor, transformVHtml, transformVIf, transformVModel, transformVOn, transformVOnce, transformVShow, transformVSlot, transformVText, wrapTemplate };
+export { BaseIRNode, BlockIRNode, type CodeFragment, type CodegenContext, type CodegenOptions, type CompilerOptions, CoreHelper, CreateComponentIRNode, DirectiveIRNode, type DirectiveTransform, DynamicFlag, ForIRNode, GetTextChildIRNode, HackOptions, IRDynamicInfo, IRDynamicPropsKind, IREffect, IRFor, IRNode, IRNodeTypes, IRProp, IRProps, IRPropsDynamicAttribute, IRPropsDynamicExpression, IRPropsStatic, IRSlotDynamic, IRSlotDynamicBasic, IRSlotDynamicConditional, IRSlotDynamicLoop, IRSlotType, IRSlots, IRSlotsExpression, IRSlotsStatic, IfIRNode, InsertNodeIRNode, InsertionStateTypes, KeyIRNode, KeyOverride, type NodeTransform, OperationNode, PrependNodeIRNode, RootIRNode, SetDynamicEventsIRNode, SetDynamicPropsIRNode, SetEventIRNode, SetHtmlIRNode, SetPropIRNode, SetTemplateRefIRNode, SetTextIRNode, SlotBlockIRNode, SlotOutletIRNode, type StructuralDirectiveTransform, type TransformContext, type TransformPreset, type VaporCodegenResult, type VaporCompilerError, VaporDirectiveNode, VaporErrorCodes, VaporErrorMessages, VaporHelper, buildCodeFragment, codeFragmentToString, compile, createStructuralDirectiveTransform, createVaporCompilerError, genCall, genMulti, generate, isBlockOperation, parse, transform, transformChildren, transformComment, transformElement, transformKey, transformSlotOutlet, transformTemplateRef, transformText, transformVBind, transformVFor, transformVHtml, transformVIf, transformVModel, transformVOn, transformVOnce, transformVShow, transformVSlot, transformVText, wrapTemplate };

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

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-vapor v3.6.0-beta.5
+  * @vue/compiler-vapor v3.6.0-beta.6
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -2899,7 +2899,7 @@ const errorMessages = {
 };
 
 //#endregion
-//#region node_modules/.pnpm/@babel+parser@7.28.6/node_modules/@babel/parser/lib/index.js
+//#region node_modules/.pnpm/@babel+parser@7.29.0/node_modules/@babel/parser/lib/index.js
 var require_lib = /* @__PURE__ */ __commonJSMin(((exports) => {
 	Object.defineProperty(exports, "__esModule", { value: true });
 	function _objectWithoutPropertiesLoose(r, e) {
@@ -11331,7 +11331,7 @@ var require_lib = /* @__PURE__ */ __commonJSMin(((exports) => {
 						return this.finishCallExpression(node, state.optionalChainMember);
 					}
 					const tokenType = this.state.type;
-					if (tokenType === 48 || tokenType === 52 || tokenType !== 10 && tokenCanStartExpression(tokenType) && !this.hasPrecedingLineBreak()) return;
+					if (tokenType === 48 || tokenType === 52 || tokenType !== 10 && tokenType !== 93 && tokenType !== 120 && tokenCanStartExpression(tokenType) && !this.hasPrecedingLineBreak()) return;
 					const node = this.startNodeAt(startLoc);
 					node.expression = base;
 					node.typeParameters = typeArguments;
@@ -11691,7 +11691,17 @@ var require_lib = /* @__PURE__ */ __commonJSMin(((exports) => {
 		}
 		parseClassSuper(node) {
 			super.parseClassSuper(node);
-			if (node.superClass && (this.match(47) || this.match(51))) node.superTypeParameters = this.tsParseTypeArgumentsInExpression();
+			if (node.superClass) {
+				if (node.superClass.type === "TSInstantiationExpression") {
+					const tsInstantiationExpression = node.superClass;
+					const superClass = tsInstantiationExpression.expression;
+					this.takeSurroundingComments(superClass, superClass.start, superClass.end);
+					const superTypeArguments = tsInstantiationExpression.typeParameters;
+					this.takeSurroundingComments(superTypeArguments, superTypeArguments.start, superTypeArguments.end);
+					node.superClass = superClass;
+					node.superTypeParameters = superTypeArguments;
+				} else if (this.match(47) || this.match(51)) node.superTypeParameters = this.tsParseTypeArgumentsInExpression();
+			}
 			if (this.eatContextual(113)) node.implements = this.tsParseHeritageClause("implements");
 		}
 		parseObjPropValue(prop, startLoc, isGenerator, isAsync, isPattern, isAccessor, refExpressionErrors) {
@@ -18972,7 +18982,7 @@ function wrapTemplate(node, dirs) {
 	const reserved = [];
 	const pass = [];
 	node.props.forEach((prop) => {
-		if (prop.type === 7 && dirs.includes(prop.name)) reserved.push(prop);
+		if (prop.type === 7 && (dirs.includes(prop.name) || prop.name === "bind" && prop.arg && prop.arg.type === 4 && prop.arg.content === "key" && dirs.includes("key"))) reserved.push(prop);
 		else pass.push(prop);
 	});
 	return extend({}, node, {
@@ -19030,13 +19040,6 @@ function getLiteralExpressionValue(exp, excludeNumber) {
 	}
 	return exp.isStatic ? exp.content : null;
 }
-function isInTransition(context) {
-	const parentNode = context.parent && context.parent.node;
-	return !!(parentNode && isTransitionNode(parentNode));
-}
-function isTransitionNode(node) {
-	return node.type === 1 && isTransitionTag(node.tag);
-}
 function isTransitionTag(tag) {
 	tag = tag.toLowerCase();
 	return tag === "transition" || tag === "vaportransition";
@@ -19494,8 +19497,10 @@ const IRNodeTypes = {
 	"14": "IF",
 	"FOR": 15,
 	"15": "FOR",
-	"GET_TEXT_CHILD": 16,
-	"16": "GET_TEXT_CHILD"
+	"KEY": 16,
+	"16": "KEY",
+	"GET_TEXT_CHILD": 17,
+	"17": "GET_TEXT_CHILD"
 };
 const DynamicFlag = {
 	"NONE": 0,
@@ -19509,7 +19514,7 @@ const DynamicFlag = {
 };
 function isBlockOperation(op) {
 	const type = op.type;
-	return type === 11 || type === 12 || type === 14 || type === 15;
+	return type === 11 || type === 12 || type === 14 || type === 16 || type === 15;
 }
 
 //#endregion
@@ -20329,18 +20334,19 @@ function genPropValue(values, context) {
 }
 function getRuntimeHelper(tag, key, modifier) {
 	const tagName = tag.toUpperCase();
-	if (isSVGTag(tag)) return extend({ isSVG: true }, helpers.setAttr);
-	if (modifier) if (modifier === ".") return getSpecialHelper(key, tagName) || helpers.setDOMProp;
-	else return helpers.setAttr;
-	const helper = getSpecialHelper(key, tagName);
+	const isSVG = isSVGTag(tag);
+	if (modifier) if (modifier === ".") return getSpecialHelper(key, tagName, isSVG) || helpers.setDOMProp;
+	else return isSVG ? extend({ isSVG: true }, helpers.setAttr) : helpers.setAttr;
+	const helper = getSpecialHelper(key, tagName, isSVG);
 	if (helper) return helper;
 	if (/aria[A-Z]/.test(key)) return helpers.setDOMProp;
+	if (isSVG) return extend({ isSVG: true }, helpers.setAttr);
 	if (shouldSetAsAttr(tagName, key) || key.includes("-")) return helpers.setAttr;
 	return helpers.setProp;
 }
-function getSpecialHelper(keyName, tagName) {
+function getSpecialHelper(keyName, tagName, isSVG) {
 	if (keyName === "value" && canSetValueDirectly(tagName)) return helpers.setValue;
-	else if (keyName === "class") return helpers.setClass;
+	else if (keyName === "class") return extend({ isSVG }, helpers.setClass);
 	else if (keyName === "style") return helpers.setStyle;
 	else if (keyName === "innerHTML") return helpers.setHtml;
 	else if (keyName === "textContent") return helpers.setText;
@@ -20754,7 +20760,7 @@ function genSlotBlockWithProps(oper, context) {
 	let propsName;
 	let exitScope;
 	let depth;
-	const { props, key, node } = oper;
+	const { props, node } = oper;
 	const idToPathMap = props ? parseValueDestructure(props, context) : /* @__PURE__ */ new Map();
 	if (props) if (props.ast) {
 		[depth, exitScope] = context.enterScope();
@@ -20764,16 +20770,6 @@ function genSlotBlockWithProps(oper, context) {
 	if (propsName) idMap[propsName] = null;
 	let blockFn = context.withId(() => genBlock(oper, context, propsName ? [propsName] : []), idMap);
 	exitScope && exitScope();
-	if (key) blockFn = [
-		`() => {`,
-		INDENT_START,
-		NEWLINE,
-		`return `,
-		...genCall(context.helper("createKeyedFragment"), [`() => `, ...genExpression(key, context)], blockFn),
-		INDENT_END,
-		NEWLINE,
-		`}`
-	];
 	if (node.type === 1) {
 		if (needsVaporCtx(oper)) blockFn = [
 			`${context.helper("withVaporCtx")}(`,
@@ -20847,6 +20843,20 @@ function genSlotOutlet(oper, context) {
 	return frag;
 }
 
+//#endregion
+//#region packages/compiler-vapor/src/generators/key.ts
+function genKey(oper, context) {
+	const { id, value, block } = oper;
+	const [frag, push] = buildCodeFragment();
+	const blockFn = genBlock(block, context);
+	push(NEWLINE, `const n${id} = `, ...genCall(context.helper("createKeyedFragment"), [
+		`() => (`,
+		...genExpression(value, context),
+		")"
+	], blockFn));
+	return frag;
+}
+
 //#endregion
 //#region packages/compiler-vapor/src/generators/operation.ts
 function genOperations(opers, context) {
@@ -20873,10 +20883,11 @@ function genOperation(oper, context) {
 		case 10: return genPrependNode(oper, context);
 		case 14: return genIf(oper, context);
 		case 15: return genFor(oper, context);
+		case 16: return genKey(oper, context);
 		case 11: return genCreateComponent(oper, context);
 		case 12: return genSlotOutlet(oper, context);
 		case 13: return genBuiltinDirective(oper, context);
-		case 16: return genGetTextChild(oper, context);
+		case 17: return genGetTextChild(oper, context);
 		default:
 			const exhaustiveCheck = oper;
 			throw new Error(`Unhandled operation type in genOperation: ${exhaustiveCheck}`);
@@ -20953,6 +20964,10 @@ function genChildren(dynamic, context, pushBlock, from = `n${dynamic.id}`) {
 	let prev;
 	for (const [index, child] of children.entries()) {
 		if (child.flags & 2) offset--;
+		if (child.flags & 4 && child.template != null) {
+			push(...genSelf(child, context));
+			continue;
+		}
 		const id = child.flags & 1 ? child.flags & 4 ? child.anchor : child.id : void 0;
 		if (id === void 0 && !child.hasDynamicChild) {
 			push(...genSelf(child, context));
@@ -21550,7 +21565,7 @@ const transformVText = (dir, node, context) => {
 		context.childrenTemplate = [" "];
 		const isComponent = node.tagType === 1;
 		if (!isComponent) context.registerOperation({
-			type: 16,
+			type: 17,
 			parent: context.reference()
 		});
 		context.registerEffect([exp], {
@@ -21743,9 +21758,16 @@ function processInterpolation(context) {
 	if (prev && prev.type === 2) nodes.unshift(prev);
 	const values = processTextLikeChildren(nodes, context);
 	if (values.length === 0 && parentNode.type !== 0) return;
+	const literalValues = values.map((v) => getLiteralExpressionValue(v));
+	if (literalValues.every((v) => v != null) && parentNode.type !== 0) {
+		const text = literalValues.join("");
+		const isElementChild = parentNode.type === 1 && parentNode.tagType === 0;
+		context.template += isElementChild ? escapeHtml(text) : text;
+		return;
+	}
 	context.template += " ";
 	const id = context.reference();
-	if (values.length === 0 || values.every((v) => getLiteralExpressionValue(v) != null) && parentNode.type !== 0) return;
+	if (values.length === 0) return;
 	context.registerEffect(values, {
 		type: 4,
 		element: id,
@@ -21759,7 +21781,7 @@ function processTextContainer(children, context) {
 	else {
 		context.childrenTemplate = [" "];
 		context.registerOperation({
-			type: 16,
+			type: 17,
 			parent: context.reference()
 		});
 		context.registerEffect(values, {
@@ -21900,7 +21922,7 @@ function processIf(node, dir, context) {
 				id,
 				condition: dir.exp,
 				positive: branch,
-				index: isInTransition(context) ? context.root.nextIfIndex() : void 0,
+				index: context.root.nextIfIndex(),
 				once: context.inVOnce || isStaticExpression(dir.exp, context.options.bindingMetadata)
 			};
 		};
@@ -21933,7 +21955,7 @@ function processIf(node, dir, context) {
 			id: -1,
 			condition: dir.exp,
 			positive: branch,
-			index: isInTransition(context) ? context.root.nextIfIndex() : void 0,
+			index: context.root.nextIfIndex(),
 			once: context.inVOnce || isStaticExpression(dir.exp, context.options.bindingMetadata)
 		};
 		return () => onExit();
@@ -21968,7 +21990,7 @@ function processFor(node, dir, context) {
 	const keyProp = findProp(node, "key");
 	const keyProperty = keyProp && propToExpression(keyProp);
 	const isComponent = node.tagType === 1 || isTemplateWithSingleComponent(node);
-	context.node = node = wrapTemplate(node, ["for"]);
+	context.node = node = wrapTemplate(node, ["for", "key"]);
 	context.dynamic.flags |= 6;
 	const id = context.reference();
 	const render = newBlock(node);
@@ -22082,13 +22104,6 @@ function transformComponentSlot(node, dir, context) {
 		markNonTemplate(n, context);
 	});
 	const [block, onExit] = createSlotBlock(node, dir, context);
-	if (isTransitionNode(node) && nonSlotTemplateChildren.length) {
-		const nonCommentChild = nonSlotTemplateChildren.find((n) => !isCommentOrWhitespace(n));
-		if (nonCommentChild) {
-			const keyProp = findProp(nonCommentChild, "key");
-			if (keyProp) block.key = keyProp.exp;
-		}
-	}
 	const { slots } = context;
 	return () => {
 		onExit();
@@ -22207,6 +22222,31 @@ function hasMultipleChildren(node) {
 	return children.length > 1;
 }
 
+//#endregion
+//#region packages/compiler-vapor/src/transforms/transformKey.ts
+const transformKey = (node, context) => {
+	if (node.type !== 1 || context.inVOnce || findDir(node, "for")) return;
+	const dir = findProp(node, "key", true, true);
+	if (!dir || dir.type === 6) return;
+	let value;
+	value = dir.exp || normalizeBindShorthand(dir.arg, context);
+	if (isStaticExpression(value, context.options.bindingMetadata)) return;
+	let id = context.reference();
+	context.dynamic.flags |= 6;
+	context.node = node = wrapTemplate(node, ["key"]);
+	const block = newBlock(node);
+	const exitBlock = context.enterBlock(block);
+	return () => {
+		exitBlock();
+		context.dynamic.operation = {
+			type: 16,
+			id,
+			value,
+			block
+		};
+	};
+};
+
 //#endregion
 //#region packages/compiler-vapor/src/compile.ts
 function compile(source, options = {}) {
@@ -22231,6 +22271,7 @@ function getBaseTransformPreset() {
 		transformVOnce,
 		transformVIf,
 		transformVFor,
+		transformKey,
 		transformSlotOutlet,
 		transformTemplateRef,
 		transformElement,
@@ -22265,4 +22306,4 @@ const VaporErrorMessages = {
 };
 
 //#endregion
-export { CodegenContext, DynamicFlag, IRDynamicPropsKind, IRNodeTypes, IRSlotType, VaporErrorCodes, VaporErrorMessages, buildCodeFragment, codeFragmentToString, compile, createStructuralDirectiveTransform, createVaporCompilerError, genCall, genMulti, generate, isBlockOperation, parse, transform, transformChildren, transformComment, transformElement, transformSlotOutlet, transformTemplateRef, transformText, transformVBind, transformVFor, transformVHtml, transformVIf, transformVModel, transformVOn, transformVOnce, transformVShow, transformVSlot, transformVText, wrapTemplate };
+export { CodegenContext, DynamicFlag, IRDynamicPropsKind, IRNodeTypes, IRSlotType, VaporErrorCodes, VaporErrorMessages, buildCodeFragment, codeFragmentToString, compile, createStructuralDirectiveTransform, createVaporCompilerError, genCall, genMulti, generate, isBlockOperation, parse, transform, transformChildren, transformComment, transformElement, transformKey, transformSlotOutlet, transformTemplateRef, transformText, transformVBind, transformVFor, transformVHtml, transformVIf, transformVModel, transformVOn, transformVOnce, transformVShow, transformVSlot, transformVText, wrapTemplate };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-vapor",
-  "version": "3.6.0-beta.5",
+  "version": "3.6.0-beta.6",
   "description": "@vue/compiler-vapor",
   "main": "dist/compiler-vapor.cjs.js",
   "module": "dist/compiler-vapor.esm-bundler.js",
@@ -42,10 +42,10 @@
   },
   "homepage": "https://github.com/vuejs/core/tree/main/packages/compiler-vapor#readme",
   "dependencies": {
-    "@babel/parser": "^7.28.6",
+    "@babel/parser": "^7.29.0",
     "estree-walker": "^2.0.2",
     "source-map-js": "^1.2.1",
-    "@vue/shared": "3.6.0-beta.5",
-    "@vue/compiler-dom": "3.6.0-beta.5"
+    "@vue/shared": "3.6.0-beta.6",
+    "@vue/compiler-dom": "3.6.0-beta.6"
   }
 }