@vue-jsx-vapor/runtime 3.1.22 → 3.2.0

package/dist/h.cjs

@@ -1,27 +1,36 @@
+const require_chunk = require('./chunk-CbDLau6x.cjs');
 const require_vapor = require('./vapor.cjs');
+let vue = require("vue");
+vue = require_chunk.__toESM(vue);
 
 //#region src/h.ts
 /* @__NO_SIDE_EFFECTS__ */
-function h(type, propsOrChildren, children) {
-	const l = arguments.length;
-	if (l === 2) if (typeof propsOrChildren === "object" && !Array.isArray(propsOrChildren) || typeof propsOrChildren === "function") {
-		if (require_vapor.isBlock(propsOrChildren)) return require_vapor.createComponentWithFallback(type, null, { default: () => propsOrChildren });
-		return require_vapor.createComponentWithFallback(type, resolveProps(propsOrChildren));
-	} else return require_vapor.createComponentWithFallback(type, null, { default: () => propsOrChildren });
-	else {
-		if (l > 3) children = Array.prototype.slice.call(arguments, 2);
-		return require_vapor.createComponentWithFallback(type, resolveProps(propsOrChildren), children ? typeof children === "object" && !Array.isArray(children) ? children : { default: () => children } : void 0);
-	}
+function h(type, props, children) {
+	const { props: resolvedProps, key, ref } = resolveProps(props);
+	const render = () => {
+		const comp = require_vapor.createComponent(type, resolvedProps, children ? typeof children === "object" && !Array.isArray(children) ? new Proxy(children, { get: (target, key, receiver) => require_vapor.createProxyComponent(Reflect.get(target, key, receiver), require_vapor.normalizeNode) }) : { default: typeof children === "function" ? require_vapor.createProxyComponent(children, require_vapor.normalizeNode) : () => require_vapor.normalizeNode(children) } : void 0);
+		if (ref) {
+			const setRef = vue.createTemplateRefSetter();
+			vue.renderEffect(() => setRef(comp, ref));
+		}
+		return comp;
+	};
+	return key ? vue.createKeyedFragment(key, render) : render();
 }
+const EVENT_REGEX = /^on[A-Z]/;
 function resolveProps(props) {
+	const resolvedProps = { props: {} };
 	if (props) {
-		if (typeof props === "function") return { $: [props] };
-		const resolvedProps = {};
-		for (const key in props) if (typeof props[key] === "function" || key === "$") resolvedProps[key] = props[key];
-		else resolvedProps[key] = () => props[key];
+		for (const p in props) {
+			const isFuncton = typeof props[p] === "function";
+			if (p === "key") resolvedProps.key = isFuncton ? props[p] : () => props[p];
+			else if (p === "ref") resolvedProps.ref = props[p];
+			else if (EVENT_REGEX.test(p)) resolvedProps.props[p] = () => props[p];
+			else resolvedProps.props[p] = props[p];
+		}
 		return resolvedProps;
 	}
-	return null;
+	return resolvedProps;
 }
 
 //#endregion

package/dist/h.d.cts

@@ -1,35 +1,21 @@
-import { NodeArrayChildren, NodeChild } from "./vapor.cjs";
-import { Block, Component, ComponentOptions, ConcreteComponent, DefineComponent, EmitsOptions, Fragment, FunctionalComponent, Suspense, SuspenseProps, Teleport, TeleportProps, VNodeRef } from "vue";
+import { NodeChild } from "./vapor.cjs";
+import { Block, Component, EmitsOptions, Fragment, FunctionalVaporComponent, NodeRef, Suspense, SuspenseProps, TeleportProps, VaporComponent, VaporTeleport } from "vue";
 
 //#region src/h.d.ts
-interface Constructor<P = any> {
-  __isFragment?: never;
-  __isTeleport?: never;
-  __isSuspense?: never;
-  new (...args: any[]): {
-    $props: P;
-  };
-}
 type HTMLElementEventHandler = { [K in keyof HTMLElementEventMap as `on${Capitalize<K>}`]?: (ev: HTMLElementEventMap[K]) => any };
-type RawProps = Record<string, any>;
-type ResolveProps<T> = T extends null | undefined ? T : (() => T) | T;
-declare function h<K extends keyof HTMLElementTagNameMap>(type: K, children?: NodeChild): Block;
-declare function h<K extends keyof HTMLElementTagNameMap>(type: K, props?: ResolveProps<RawProps & HTMLElementEventHandler> | null, children?: NodeChild): Block;
-declare function h(type: string, children?: NodeChild): Block;
-declare function h(type: string, props?: ResolveProps<RawProps> | null, children?: NodeChild): Block;
-declare function h(type: typeof Text | typeof Comment, children?: string | number | boolean): Block;
-declare function h(type: typeof Text | typeof Comment, props?: null, children?: string | number | boolean): Block;
-declare function h(type: typeof Fragment, children?: NodeArrayChildren): Block;
-declare function h(type: typeof Fragment, props?: ResolveProps<{
-  key?: PropertyKey;
-  ref?: VNodeRef;
-}> | null, children?: NodeArrayChildren): Block;
-declare function h(type: typeof Teleport, props: RawProps & TeleportProps, children: NodeChild): Block;
-declare function h(type: typeof Suspense, children?: NodeChild): Block;
-declare function h(type: typeof Suspense, props?: ResolveProps<RawProps & SuspenseProps> | null, children?: NodeChild): Block;
-declare function h(type: FunctionalComponent, children?: NodeChild): Block;
-declare function h<P, E extends EmitsOptions = {}, S extends Record<string, any> = any>(type: FunctionalComponent<P, E, S>, props?: ResolveProps<(RawProps & P) | ({} extends P ? null : never)>, children?: NodeChild): Block;
-declare function h(type: string | ConcreteComponent | Component | ComponentOptions | Constructor | DefineComponent, children?: NodeChild): Block;
-declare function h<P>(type: string | ConcreteComponent<P> | Component<P> | ComponentOptions<P> | Constructor<P> | DefineComponent<P>, props?: ResolveProps<(RawProps & P) | ({} extends P ? null : never)>, children?: NodeChild): Block;
+type ReservedProps = {
+  key?: () => PropertyKey;
+  ref?: NodeRef;
+};
+type RawProps = Record<string, any> & ReservedProps;
+type RawSlot = (...args: any[]) => NodeChild;
+type RawChildren = NodeChild | RawSlot;
+type RawSlots = Record<string, RawSlot>;
+declare function h<K extends string>(type: K, props?: (RawProps & (K extends keyof HTMLElementTagNameMap ? HTMLElementEventHandler : {})) | null, children?: K extends keyof HTMLElementTagNameMap ? RawChildren : RawChildren | RawSlots): Block;
+declare function h(type: typeof Fragment, props?: ReservedProps | null, children?: RawChildren): Block;
+declare function h(type: typeof VaporTeleport, props: RawProps & TeleportProps, children: RawChildren | RawSlots): Block;
+declare function h(type: typeof Suspense, props?: (RawProps & SuspenseProps) | null, children?: RawChildren | RawSlots): Block;
+declare function h<P, E extends EmitsOptions = {}, S extends Record<string, any> = RawSlots>(type: FunctionalVaporComponent<P, E, S>, props?: (RawProps & P) | ({} extends P ? null : never), children?: RawChildren | S): Block;
+declare function h(type: Component | VaporComponent, props?: RawProps, children?: RawChildren | RawSlots): Block;
 //#endregion
 export { h };

package/dist/h.d.ts

@@ -1,35 +1,21 @@
-import { NodeArrayChildren, NodeChild } from "./vapor.js";
-import { Block, Component, ComponentOptions, ConcreteComponent, DefineComponent, EmitsOptions, Fragment, FunctionalComponent, Suspense, SuspenseProps, Teleport, TeleportProps, VNodeRef } from "vue";
+import { NodeChild } from "./vapor.js";
+import { Block, Component, EmitsOptions, Fragment, FunctionalVaporComponent, NodeRef, Suspense, SuspenseProps, TeleportProps, VaporComponent, VaporTeleport } from "vue";
 
 //#region src/h.d.ts
-interface Constructor<P = any> {
-  __isFragment?: never;
-  __isTeleport?: never;
-  __isSuspense?: never;
-  new (...args: any[]): {
-    $props: P;
-  };
-}
 type HTMLElementEventHandler = { [K in keyof HTMLElementEventMap as `on${Capitalize<K>}`]?: (ev: HTMLElementEventMap[K]) => any };
-type RawProps = Record<string, any>;
-type ResolveProps<T> = T extends null | undefined ? T : (() => T) | T;
-declare function h<K extends keyof HTMLElementTagNameMap>(type: K, children?: NodeChild): Block;
-declare function h<K extends keyof HTMLElementTagNameMap>(type: K, props?: ResolveProps<RawProps & HTMLElementEventHandler> | null, children?: NodeChild): Block;
-declare function h(type: string, children?: NodeChild): Block;
-declare function h(type: string, props?: ResolveProps<RawProps> | null, children?: NodeChild): Block;
-declare function h(type: typeof Text | typeof Comment, children?: string | number | boolean): Block;
-declare function h(type: typeof Text | typeof Comment, props?: null, children?: string | number | boolean): Block;
-declare function h(type: typeof Fragment, children?: NodeArrayChildren): Block;
-declare function h(type: typeof Fragment, props?: ResolveProps<{
-  key?: PropertyKey;
-  ref?: VNodeRef;
-}> | null, children?: NodeArrayChildren): Block;
-declare function h(type: typeof Teleport, props: RawProps & TeleportProps, children: NodeChild): Block;
-declare function h(type: typeof Suspense, children?: NodeChild): Block;
-declare function h(type: typeof Suspense, props?: ResolveProps<RawProps & SuspenseProps> | null, children?: NodeChild): Block;
-declare function h(type: FunctionalComponent, children?: NodeChild): Block;
-declare function h<P, E extends EmitsOptions = {}, S extends Record<string, any> = any>(type: FunctionalComponent<P, E, S>, props?: ResolveProps<(RawProps & P) | ({} extends P ? null : never)>, children?: NodeChild): Block;
-declare function h(type: string | ConcreteComponent | Component | ComponentOptions | Constructor | DefineComponent, children?: NodeChild): Block;
-declare function h<P>(type: string | ConcreteComponent<P> | Component<P> | ComponentOptions<P> | Constructor<P> | DefineComponent<P>, props?: ResolveProps<(RawProps & P) | ({} extends P ? null : never)>, children?: NodeChild): Block;
+type ReservedProps = {
+  key?: () => PropertyKey;
+  ref?: NodeRef;
+};
+type RawProps = Record<string, any> & ReservedProps;
+type RawSlot = (...args: any[]) => NodeChild;
+type RawChildren = NodeChild | RawSlot;
+type RawSlots = Record<string, RawSlot>;
+declare function h<K extends string>(type: K, props?: (RawProps & (K extends keyof HTMLElementTagNameMap ? HTMLElementEventHandler : {})) | null, children?: K extends keyof HTMLElementTagNameMap ? RawChildren : RawChildren | RawSlots): Block;
+declare function h(type: typeof Fragment, props?: ReservedProps | null, children?: RawChildren): Block;
+declare function h(type: typeof VaporTeleport, props: RawProps & TeleportProps, children: RawChildren | RawSlots): Block;
+declare function h(type: typeof Suspense, props?: (RawProps & SuspenseProps) | null, children?: RawChildren | RawSlots): Block;
+declare function h<P, E extends EmitsOptions = {}, S extends Record<string, any> = RawSlots>(type: FunctionalVaporComponent<P, E, S>, props?: (RawProps & P) | ({} extends P ? null : never), children?: RawChildren | S): Block;
+declare function h(type: Component | VaporComponent, props?: RawProps, children?: RawChildren | RawSlots): Block;
 //#endregion
 export { h };

package/dist/h.js

@@ -1,27 +1,34 @@
-import { createComponentWithFallback, isBlock } from "./vapor.js";
+import { createComponent, createProxyComponent, normalizeNode } from "./vapor.js";
+import * as Vue from "vue";
 
 //#region src/h.ts
 /* @__NO_SIDE_EFFECTS__ */
-function h(type, propsOrChildren, children) {
-	const l = arguments.length;
-	if (l === 2) if (typeof propsOrChildren === "object" && !Array.isArray(propsOrChildren) || typeof propsOrChildren === "function") {
-		if (isBlock(propsOrChildren)) return createComponentWithFallback(type, null, { default: () => propsOrChildren });
-		return createComponentWithFallback(type, resolveProps(propsOrChildren));
-	} else return createComponentWithFallback(type, null, { default: () => propsOrChildren });
-	else {
-		if (l > 3) children = Array.prototype.slice.call(arguments, 2);
-		return createComponentWithFallback(type, resolveProps(propsOrChildren), children ? typeof children === "object" && !Array.isArray(children) ? children : { default: () => children } : void 0);
-	}
+function h(type, props, children) {
+	const { props: resolvedProps, key, ref } = resolveProps(props);
+	const render = () => {
+		const comp = createComponent(type, resolvedProps, children ? typeof children === "object" && !Array.isArray(children) ? new Proxy(children, { get: (target, key, receiver) => createProxyComponent(Reflect.get(target, key, receiver), normalizeNode) }) : { default: typeof children === "function" ? createProxyComponent(children, normalizeNode) : () => normalizeNode(children) } : void 0);
+		if (ref) {
+			const setRef = Vue.createTemplateRefSetter();
+			Vue.renderEffect(() => setRef(comp, ref));
+		}
+		return comp;
+	};
+	return key ? Vue.createKeyedFragment(key, render) : render();
 }
+const EVENT_REGEX = /^on[A-Z]/;
 function resolveProps(props) {
+	const resolvedProps = { props: {} };
 	if (props) {
-		if (typeof props === "function") return { $: [props] };
-		const resolvedProps = {};
-		for (const key in props) if (typeof props[key] === "function" || key === "$") resolvedProps[key] = props[key];
-		else resolvedProps[key] = () => props[key];
+		for (const p in props) {
+			const isFuncton = typeof props[p] === "function";
+			if (p === "key") resolvedProps.key = isFuncton ? props[p] : () => props[p];
+			else if (p === "ref") resolvedProps.ref = props[p];
+			else if (EVENT_REGEX.test(p)) resolvedProps.props[p] = () => props[p];
+			else resolvedProps.props[p] = props[p];
+		}
 		return resolvedProps;
 	}
-	return null;
+	return resolvedProps;
 }
 
 //#endregion

package/dist/index.cjs

@@ -8,8 +8,8 @@ const require_vdom = require('./vdom.cjs');
 let vue = require("vue");
 
 exports.createComponent = require_vapor.createComponent;
-exports.createComponentWithFallback = require_vapor.createComponentWithFallback;
 exports.createNodes = require_vapor.createNodes;
+exports.createProxyComponent = require_vapor.createProxyComponent;
 exports.createVNodeCache = require_vdom.createVNodeCache;
 exports.defineVaporSSRComponent = require_vapor.defineVaporSSRComponent;
 exports.getCurrentInstance = require_props.getCurrentInstance;

package/dist/index.d.cts

@@ -1,8 +1,8 @@
-import { NodeArrayChildren, NodeChild, createComponent, createComponentWithFallback, createNodes, defineVaporSSRComponent, isBlock, normalizeNode, setNodes } from "./vapor.cjs";
+import { NodeArrayChildren, NodeChild, createComponent, createNodes, createProxyComponent, defineVaporSSRComponent, isBlock, normalizeNode, setNodes } from "./vapor.cjs";
 import { h } from "./h.cjs";
-import { AbstractView, AnchorHTMLAttributes, AnimationEvent, AnimationEventHandler, AreaHTMLAttributes, AriaAttributes, AudioHTMLAttributes, BaseEventHandler, BaseHTMLAttributes, BaseSyntheticEvent, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CSSProperties, CanvasHTMLAttributes, ChangeEvent, ChangeEventHandler, ClipboardEvent, ClipboardEventHandler, ColHTMLAttributes, ColgroupHTMLAttributes, CompositionEvent, CompositionEventHandler, DataHTMLAttributes, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, DragEvent, DragEventHandler, EmbedHTMLAttributes, EventHandler, EventHandlers, Events, FieldsetHTMLAttributes, FocusEvent, FocusEventHandler, FormEvent, FormEventHandler, FormHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, InputTypeHTMLAttribute, InsHTMLAttributes, IntrinsicElementAttributes, KeyboardEvent, KeyboardEventHandler, KeygenHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, LinkHTMLAttributes, MapHTMLAttributes, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, ModifierKey, MouseEvent, MouseEventHandler, NativeElements, ObjectHTMLAttributes, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OutputHTMLAttributes, ParamHTMLAttributes, ProgressHTMLAttributes, QuoteHTMLAttributes, ReservedProps, SVGAttributes, ScriptHTMLAttributes, SelectHTMLAttributes, SourceHTMLAttributes, StyleHTMLAttributes, StyleValue, SyntheticEvent, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, TransitionEvent, TransitionEventHandler, UIEvent, UIEventHandler, VideoHTMLAttributes, WebViewHTMLAttributes, WheelEvent, WheelEventHandler } from "./jsx.cjs";
+import { AbstractView, AnchorHTMLAttributes, AnimationEvent, AnimationEventHandler, AreaHTMLAttributes, AriaAttributes, AudioHTMLAttributes, BaseEventHandler, BaseHTMLAttributes, BaseSyntheticEvent, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CSSProperties, CanvasHTMLAttributes, ChangeEvent, ChangeEventHandler, ClipboardEvent, ClipboardEventHandler, ColHTMLAttributes, ColgroupHTMLAttributes, CompositionEvent, CompositionEventHandler, DataHTMLAttributes, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, DragEvent, DragEventHandler, EmbedHTMLAttributes, EventHandler, EventHandlers, Events, FieldsetHTMLAttributes, FocusEvent, FocusEventHandler, FormEvent, FormEventHandler, FormHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, InputTypeHTMLAttribute, InsHTMLAttributes, IntrinsicElementAttributes, KeyboardEvent, KeyboardEventHandler, KeygenHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, LinkHTMLAttributes, MapHTMLAttributes, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, ModifierKey, MouseEvent, MouseEventHandler, NativeElements, ObjectHTMLAttributes, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OutputHTMLAttributes, ParamHTMLAttributes, ProgressHTMLAttributes, QuoteHTMLAttributes, SVGAttributes, ScriptHTMLAttributes, SelectHTMLAttributes, SourceHTMLAttributes, StyleHTMLAttributes, StyleValue, SyntheticEvent, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, TransitionEvent, TransitionEventHandler, UIEvent, UIEventHandler, VideoHTMLAttributes, WebViewHTMLAttributes, WheelEvent, WheelEventHandler } from "./jsx.cjs";
 import { getCurrentInstance, useFullProps, useProps } from "./props.cjs";
 import { ssrRegisterHelper } from "./ssr.cjs";
 import { createVNodeCache, normalizeVNode } from "./vdom.cjs";
 import { shallowRef as useRef } from "vue";
-export { AbstractView, AnchorHTMLAttributes, AnimationEvent, AnimationEventHandler, AreaHTMLAttributes, AriaAttributes, AudioHTMLAttributes, BaseEventHandler, BaseHTMLAttributes, BaseSyntheticEvent, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CSSProperties, CanvasHTMLAttributes, ChangeEvent, ChangeEventHandler, ClipboardEvent, ClipboardEventHandler, ColHTMLAttributes, ColgroupHTMLAttributes, CompositionEvent, CompositionEventHandler, DataHTMLAttributes, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, DragEvent, DragEventHandler, EmbedHTMLAttributes, EventHandler, EventHandlers, Events, FieldsetHTMLAttributes, FocusEvent, FocusEventHandler, FormEvent, FormEventHandler, FormHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, InputTypeHTMLAttribute, InsHTMLAttributes, IntrinsicElementAttributes, KeyboardEvent, KeyboardEventHandler, KeygenHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, LinkHTMLAttributes, MapHTMLAttributes, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, ModifierKey, MouseEvent, MouseEventHandler, NativeElements, NodeArrayChildren, NodeChild, ObjectHTMLAttributes, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OutputHTMLAttributes, ParamHTMLAttributes, ProgressHTMLAttributes, QuoteHTMLAttributes, ReservedProps, SVGAttributes, ScriptHTMLAttributes, SelectHTMLAttributes, SourceHTMLAttributes, StyleHTMLAttributes, StyleValue, SyntheticEvent, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, TransitionEvent, TransitionEventHandler, UIEvent, UIEventHandler, VideoHTMLAttributes, WebViewHTMLAttributes, WheelEvent, WheelEventHandler, createComponent, createComponentWithFallback, createNodes, createVNodeCache, defineVaporSSRComponent, getCurrentInstance, h, isBlock, normalizeNode, normalizeVNode, setNodes, ssrRegisterHelper, useFullProps, useProps, useRef };
+export { AbstractView, AnchorHTMLAttributes, AnimationEvent, AnimationEventHandler, AreaHTMLAttributes, AriaAttributes, AudioHTMLAttributes, BaseEventHandler, BaseHTMLAttributes, BaseSyntheticEvent, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CSSProperties, CanvasHTMLAttributes, ChangeEvent, ChangeEventHandler, ClipboardEvent, ClipboardEventHandler, ColHTMLAttributes, ColgroupHTMLAttributes, CompositionEvent, CompositionEventHandler, DataHTMLAttributes, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, DragEvent, DragEventHandler, EmbedHTMLAttributes, EventHandler, EventHandlers, Events, FieldsetHTMLAttributes, FocusEvent, FocusEventHandler, FormEvent, FormEventHandler, FormHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, InputTypeHTMLAttribute, InsHTMLAttributes, IntrinsicElementAttributes, KeyboardEvent, KeyboardEventHandler, KeygenHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, LinkHTMLAttributes, MapHTMLAttributes, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, ModifierKey, MouseEvent, MouseEventHandler, NativeElements, NodeArrayChildren, NodeChild, ObjectHTMLAttributes, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OutputHTMLAttributes, ParamHTMLAttributes, ProgressHTMLAttributes, QuoteHTMLAttributes, SVGAttributes, ScriptHTMLAttributes, SelectHTMLAttributes, SourceHTMLAttributes, StyleHTMLAttributes, StyleValue, SyntheticEvent, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, TransitionEvent, TransitionEventHandler, UIEvent, UIEventHandler, VideoHTMLAttributes, WebViewHTMLAttributes, WheelEvent, WheelEventHandler, createComponent, createNodes, createProxyComponent, createVNodeCache, defineVaporSSRComponent, getCurrentInstance, h, isBlock, normalizeNode, normalizeVNode, setNodes, ssrRegisterHelper, useFullProps, useProps, useRef };

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-import { NodeArrayChildren, NodeChild, createComponent, createComponentWithFallback, createNodes, defineVaporSSRComponent, isBlock, normalizeNode, setNodes } from "./vapor.js";
+import { NodeArrayChildren, NodeChild, createComponent, createNodes, createProxyComponent, defineVaporSSRComponent, isBlock, normalizeNode, setNodes } from "./vapor.js";
 import { h } from "./h.js";
-import { AbstractView, AnchorHTMLAttributes, AnimationEvent, AnimationEventHandler, AreaHTMLAttributes, AriaAttributes, AudioHTMLAttributes, BaseEventHandler, BaseHTMLAttributes, BaseSyntheticEvent, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CSSProperties, CanvasHTMLAttributes, ChangeEvent, ChangeEventHandler, ClipboardEvent, ClipboardEventHandler, ColHTMLAttributes, ColgroupHTMLAttributes, CompositionEvent, CompositionEventHandler, DataHTMLAttributes, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, DragEvent, DragEventHandler, EmbedHTMLAttributes, EventHandler, EventHandlers, Events, FieldsetHTMLAttributes, FocusEvent, FocusEventHandler, FormEvent, FormEventHandler, FormHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, InputTypeHTMLAttribute, InsHTMLAttributes, IntrinsicElementAttributes, KeyboardEvent, KeyboardEventHandler, KeygenHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, LinkHTMLAttributes, MapHTMLAttributes, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, ModifierKey, MouseEvent, MouseEventHandler, NativeElements, ObjectHTMLAttributes, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OutputHTMLAttributes, ParamHTMLAttributes, ProgressHTMLAttributes, QuoteHTMLAttributes, ReservedProps, SVGAttributes, ScriptHTMLAttributes, SelectHTMLAttributes, SourceHTMLAttributes, StyleHTMLAttributes, StyleValue, SyntheticEvent, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, TransitionEvent, TransitionEventHandler, UIEvent, UIEventHandler, VideoHTMLAttributes, WebViewHTMLAttributes, WheelEvent, WheelEventHandler } from "./jsx.js";
+import { AbstractView, AnchorHTMLAttributes, AnimationEvent, AnimationEventHandler, AreaHTMLAttributes, AriaAttributes, AudioHTMLAttributes, BaseEventHandler, BaseHTMLAttributes, BaseSyntheticEvent, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CSSProperties, CanvasHTMLAttributes, ChangeEvent, ChangeEventHandler, ClipboardEvent, ClipboardEventHandler, ColHTMLAttributes, ColgroupHTMLAttributes, CompositionEvent, CompositionEventHandler, DataHTMLAttributes, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, DragEvent, DragEventHandler, EmbedHTMLAttributes, EventHandler, EventHandlers, Events, FieldsetHTMLAttributes, FocusEvent, FocusEventHandler, FormEvent, FormEventHandler, FormHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, InputTypeHTMLAttribute, InsHTMLAttributes, IntrinsicElementAttributes, KeyboardEvent, KeyboardEventHandler, KeygenHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, LinkHTMLAttributes, MapHTMLAttributes, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, ModifierKey, MouseEvent, MouseEventHandler, NativeElements, ObjectHTMLAttributes, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OutputHTMLAttributes, ParamHTMLAttributes, ProgressHTMLAttributes, QuoteHTMLAttributes, SVGAttributes, ScriptHTMLAttributes, SelectHTMLAttributes, SourceHTMLAttributes, StyleHTMLAttributes, StyleValue, SyntheticEvent, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, TransitionEvent, TransitionEventHandler, UIEvent, UIEventHandler, VideoHTMLAttributes, WebViewHTMLAttributes, WheelEvent, WheelEventHandler } from "./jsx.js";
 import { getCurrentInstance, useFullProps, useProps } from "./props.js";
 import { ssrRegisterHelper } from "./ssr.js";
 import { createVNodeCache, normalizeVNode } from "./vdom.js";
 import { shallowRef as useRef } from "vue";
-export { AbstractView, AnchorHTMLAttributes, AnimationEvent, AnimationEventHandler, AreaHTMLAttributes, AriaAttributes, AudioHTMLAttributes, BaseEventHandler, BaseHTMLAttributes, BaseSyntheticEvent, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CSSProperties, CanvasHTMLAttributes, ChangeEvent, ChangeEventHandler, ClipboardEvent, ClipboardEventHandler, ColHTMLAttributes, ColgroupHTMLAttributes, CompositionEvent, CompositionEventHandler, DataHTMLAttributes, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, DragEvent, DragEventHandler, EmbedHTMLAttributes, EventHandler, EventHandlers, Events, FieldsetHTMLAttributes, FocusEvent, FocusEventHandler, FormEvent, FormEventHandler, FormHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, InputTypeHTMLAttribute, InsHTMLAttributes, IntrinsicElementAttributes, KeyboardEvent, KeyboardEventHandler, KeygenHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, LinkHTMLAttributes, MapHTMLAttributes, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, ModifierKey, MouseEvent, MouseEventHandler, NativeElements, NodeArrayChildren, NodeChild, ObjectHTMLAttributes, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OutputHTMLAttributes, ParamHTMLAttributes, ProgressHTMLAttributes, QuoteHTMLAttributes, ReservedProps, SVGAttributes, ScriptHTMLAttributes, SelectHTMLAttributes, SourceHTMLAttributes, StyleHTMLAttributes, StyleValue, SyntheticEvent, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, TransitionEvent, TransitionEventHandler, UIEvent, UIEventHandler, VideoHTMLAttributes, WebViewHTMLAttributes, WheelEvent, WheelEventHandler, createComponent, createComponentWithFallback, createNodes, createVNodeCache, defineVaporSSRComponent, getCurrentInstance, h, isBlock, normalizeNode, normalizeVNode, setNodes, ssrRegisterHelper, useFullProps, useProps, useRef };
+export { AbstractView, AnchorHTMLAttributes, AnimationEvent, AnimationEventHandler, AreaHTMLAttributes, AriaAttributes, AudioHTMLAttributes, BaseEventHandler, BaseHTMLAttributes, BaseSyntheticEvent, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CSSProperties, CanvasHTMLAttributes, ChangeEvent, ChangeEventHandler, ClipboardEvent, ClipboardEventHandler, ColHTMLAttributes, ColgroupHTMLAttributes, CompositionEvent, CompositionEventHandler, DataHTMLAttributes, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, DragEvent, DragEventHandler, EmbedHTMLAttributes, EventHandler, EventHandlers, Events, FieldsetHTMLAttributes, FocusEvent, FocusEventHandler, FormEvent, FormEventHandler, FormHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, InputTypeHTMLAttribute, InsHTMLAttributes, IntrinsicElementAttributes, KeyboardEvent, KeyboardEventHandler, KeygenHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, LinkHTMLAttributes, MapHTMLAttributes, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, ModifierKey, MouseEvent, MouseEventHandler, NativeElements, NodeArrayChildren, NodeChild, ObjectHTMLAttributes, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OutputHTMLAttributes, ParamHTMLAttributes, ProgressHTMLAttributes, QuoteHTMLAttributes, SVGAttributes, ScriptHTMLAttributes, SelectHTMLAttributes, SourceHTMLAttributes, StyleHTMLAttributes, StyleValue, SyntheticEvent, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, TransitionEvent, TransitionEventHandler, UIEvent, UIEventHandler, VideoHTMLAttributes, WebViewHTMLAttributes, WheelEvent, WheelEventHandler, createComponent, createNodes, createProxyComponent, createVNodeCache, defineVaporSSRComponent, getCurrentInstance, h, isBlock, normalizeNode, normalizeVNode, setNodes, ssrRegisterHelper, useFullProps, useProps, useRef };

package/dist/index.js

@@ -1,4 +1,4 @@
-import { createComponent, createComponentWithFallback, createNodes, defineVaporSSRComponent, isBlock, normalizeNode, setNodes } from "./vapor.js";
+import { createComponent, createNodes, createProxyComponent, defineVaporSSRComponent, isBlock, normalizeNode, setNodes } from "./vapor.js";
 import { h } from "./h.js";
 import "./jsx.js";
 import { getCurrentInstance, useFullProps, useProps } from "./props.js";
@@ -6,4 +6,4 @@ import { ssrRegisterHelper } from "./ssr.js";
 import { createVNodeCache, normalizeVNode } from "./vdom.js";
 import { shallowRef as useRef } from "vue";
 
-export { createComponent, createComponentWithFallback, createNodes, createVNodeCache, defineVaporSSRComponent, getCurrentInstance, h, isBlock, normalizeNode, normalizeVNode, setNodes, ssrRegisterHelper, useFullProps, useProps, useRef };
+export { createComponent, createNodes, createProxyComponent, createVNodeCache, defineVaporSSRComponent, getCurrentInstance, h, isBlock, normalizeNode, normalizeVNode, setNodes, ssrRegisterHelper, useFullProps, useProps, useRef };

package/dist/jsx.d.cts

@@ -1191,9 +1191,7 @@ interface Events<T = Element> {
   onTransitionstart: TransitionEventHandler<T>;
 }
 type EventHandlers<E> = { [K in keyof E]?: E[K] extends ((...args: any) => any) ? E[K] : (payload: E[K]) => void };
-type _ReservedProps = vue0.ReservedProps;
-interface ReservedProps extends _ReservedProps {}
-type NativeElements = { [K in keyof IntrinsicElementAttributes]: IntrinsicElementAttributes[K] & ReservedProps };
+type NativeElements = { [K in keyof IntrinsicElementAttributes]: IntrinsicElementAttributes[K] & vue0.ReservedProps };
 interface BaseSyntheticEvent<E = object, C = unknown, T = unknown> {
   nativeEvent: E;
   currentTarget: C;
@@ -1323,4 +1321,4 @@ interface TransitionEvent<T = Element> extends SyntheticEvent<T, globalThis.Tran
 }
 type TransitionEventHandler<T = Element> = EventHandler<TransitionEvent<T>>;
 //#endregion
-export { AbstractView, AnchorHTMLAttributes, AnimationEvent, AnimationEventHandler, AreaHTMLAttributes, AriaAttributes, AudioHTMLAttributes, BaseEventHandler, BaseHTMLAttributes, BaseSyntheticEvent, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CSSProperties, CanvasHTMLAttributes, ChangeEvent, ChangeEventHandler, ClipboardEvent, ClipboardEventHandler, ColHTMLAttributes, ColgroupHTMLAttributes, CompositionEvent, CompositionEventHandler, DataHTMLAttributes, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, DragEvent, DragEventHandler, EmbedHTMLAttributes, EventHandler, EventHandlers, Events, FieldsetHTMLAttributes, FocusEvent, FocusEventHandler, FormEvent, FormEventHandler, FormHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, InputTypeHTMLAttribute, InsHTMLAttributes, IntrinsicElementAttributes, KeyboardEvent, KeyboardEventHandler, KeygenHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, LinkHTMLAttributes, MapHTMLAttributes, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, ModifierKey, MouseEvent, MouseEventHandler, NativeElements, ObjectHTMLAttributes, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OutputHTMLAttributes, ParamHTMLAttributes, ProgressHTMLAttributes, QuoteHTMLAttributes, ReservedProps, SVGAttributes, ScriptHTMLAttributes, SelectHTMLAttributes, SourceHTMLAttributes, StyleHTMLAttributes, StyleValue, SyntheticEvent, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, TransitionEvent, TransitionEventHandler, UIEvent, UIEventHandler, VideoHTMLAttributes, WebViewHTMLAttributes, WheelEvent, WheelEventHandler };
+export { AbstractView, AnchorHTMLAttributes, AnimationEvent, AnimationEventHandler, AreaHTMLAttributes, AriaAttributes, AudioHTMLAttributes, BaseEventHandler, BaseHTMLAttributes, BaseSyntheticEvent, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CSSProperties, CanvasHTMLAttributes, ChangeEvent, ChangeEventHandler, ClipboardEvent, ClipboardEventHandler, ColHTMLAttributes, ColgroupHTMLAttributes, CompositionEvent, CompositionEventHandler, DataHTMLAttributes, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, DragEvent, DragEventHandler, EmbedHTMLAttributes, EventHandler, EventHandlers, Events, FieldsetHTMLAttributes, FocusEvent, FocusEventHandler, FormEvent, FormEventHandler, FormHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, InputTypeHTMLAttribute, InsHTMLAttributes, IntrinsicElementAttributes, KeyboardEvent, KeyboardEventHandler, KeygenHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, LinkHTMLAttributes, MapHTMLAttributes, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, ModifierKey, MouseEvent, MouseEventHandler, NativeElements, ObjectHTMLAttributes, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OutputHTMLAttributes, ParamHTMLAttributes, ProgressHTMLAttributes, QuoteHTMLAttributes, SVGAttributes, ScriptHTMLAttributes, SelectHTMLAttributes, SourceHTMLAttributes, StyleHTMLAttributes, StyleValue, SyntheticEvent, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, TransitionEvent, TransitionEventHandler, UIEvent, UIEventHandler, VideoHTMLAttributes, WebViewHTMLAttributes, WheelEvent, WheelEventHandler };

package/dist/jsx.d.ts

@@ -1191,9 +1191,7 @@ interface Events<T = Element> {
   onTransitionstart: TransitionEventHandler<T>;
 }
 type EventHandlers<E> = { [K in keyof E]?: E[K] extends ((...args: any) => any) ? E[K] : (payload: E[K]) => void };
-type _ReservedProps = vue0.ReservedProps;
-interface ReservedProps extends _ReservedProps {}
-type NativeElements = { [K in keyof IntrinsicElementAttributes]: IntrinsicElementAttributes[K] & ReservedProps };
+type NativeElements = { [K in keyof IntrinsicElementAttributes]: IntrinsicElementAttributes[K] & vue0.ReservedProps };
 interface BaseSyntheticEvent<E = object, C = unknown, T = unknown> {
   nativeEvent: E;
   currentTarget: C;
@@ -1323,4 +1321,4 @@ interface TransitionEvent<T = Element> extends SyntheticEvent<T, globalThis.Tran
 }
 type TransitionEventHandler<T = Element> = EventHandler<TransitionEvent<T>>;
 //#endregion
-export { AbstractView, AnchorHTMLAttributes, AnimationEvent, AnimationEventHandler, AreaHTMLAttributes, AriaAttributes, AudioHTMLAttributes, BaseEventHandler, BaseHTMLAttributes, BaseSyntheticEvent, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CSSProperties, CanvasHTMLAttributes, ChangeEvent, ChangeEventHandler, ClipboardEvent, ClipboardEventHandler, ColHTMLAttributes, ColgroupHTMLAttributes, CompositionEvent, CompositionEventHandler, DataHTMLAttributes, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, DragEvent, DragEventHandler, EmbedHTMLAttributes, EventHandler, EventHandlers, Events, FieldsetHTMLAttributes, FocusEvent, FocusEventHandler, FormEvent, FormEventHandler, FormHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, InputTypeHTMLAttribute, InsHTMLAttributes, IntrinsicElementAttributes, KeyboardEvent, KeyboardEventHandler, KeygenHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, LinkHTMLAttributes, MapHTMLAttributes, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, ModifierKey, MouseEvent, MouseEventHandler, NativeElements, ObjectHTMLAttributes, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OutputHTMLAttributes, ParamHTMLAttributes, ProgressHTMLAttributes, QuoteHTMLAttributes, ReservedProps, SVGAttributes, ScriptHTMLAttributes, SelectHTMLAttributes, SourceHTMLAttributes, StyleHTMLAttributes, StyleValue, SyntheticEvent, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, TransitionEvent, TransitionEventHandler, UIEvent, UIEventHandler, VideoHTMLAttributes, WebViewHTMLAttributes, WheelEvent, WheelEventHandler };
+export { AbstractView, AnchorHTMLAttributes, AnimationEvent, AnimationEventHandler, AreaHTMLAttributes, AriaAttributes, AudioHTMLAttributes, BaseEventHandler, BaseHTMLAttributes, BaseSyntheticEvent, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CSSProperties, CanvasHTMLAttributes, ChangeEvent, ChangeEventHandler, ClipboardEvent, ClipboardEventHandler, ColHTMLAttributes, ColgroupHTMLAttributes, CompositionEvent, CompositionEventHandler, DataHTMLAttributes, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, DragEvent, DragEventHandler, EmbedHTMLAttributes, EventHandler, EventHandlers, Events, FieldsetHTMLAttributes, FocusEvent, FocusEventHandler, FormEvent, FormEventHandler, FormHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, InputTypeHTMLAttribute, InsHTMLAttributes, IntrinsicElementAttributes, KeyboardEvent, KeyboardEventHandler, KeygenHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, LinkHTMLAttributes, MapHTMLAttributes, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, ModifierKey, MouseEvent, MouseEventHandler, NativeElements, ObjectHTMLAttributes, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OutputHTMLAttributes, ParamHTMLAttributes, ProgressHTMLAttributes, QuoteHTMLAttributes, SVGAttributes, ScriptHTMLAttributes, SelectHTMLAttributes, SourceHTMLAttributes, StyleHTMLAttributes, StyleValue, SyntheticEvent, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, TransitionEvent, TransitionEventHandler, UIEvent, UIEventHandler, VideoHTMLAttributes, WebViewHTMLAttributes, WheelEvent, WheelEventHandler };

package/dist/raw.cjs

@@ -8,7 +8,7 @@ var ssr_default = "import { useSSRContext } from \"vue\";\nexport function ssrRe
 
 //#endregion
 //#region src/vapor.ts?raw
-var vapor_default = "import {\n  EffectScope,\n  Fragment,\n  getCurrentInstance\n} from \"vue\";\nimport * as Vue from \"vue\";\n// @__NO_SIDE_EFFECTS__\nexport function defineVaporSSRComponent(comp, extraOptions) {\n  if (typeof comp === \"function\") {\n    return Object.assign({ name: comp.name }, extraOptions, {\n      setup(props, ctx) {\n        const result = comp(props, ctx);\n        return () => result;\n      },\n      __vapor: true\n    });\n  }\n  const setup = comp.setup;\n  if (setup) {\n    comp.setup = (props, ctx) => {\n      const result = setup(props, ctx);\n      return () => result;\n    };\n  }\n  comp.__vapor = true;\n  return comp;\n}\nexport const createComponent = (type, ...args) => {\n  return createProxyComponent(Vue.createComponent, type, ...args);\n};\nexport const createComponentWithFallback = (type, ...args) => {\n  const slots = args[1];\n  if (typeof type === \"string\" && slots && slots.default && typeof slots.default === \"function\") {\n    const defaultSlot = slots.default;\n    slots.default = () => {\n      return createProxyComponent(\n        Vue.createComponentWithFallback,\n        defaultSlot,\n        null,\n        null\n      );\n    };\n  }\n  return createProxyComponent(Vue.createComponentWithFallback, type, ...args);\n};\nconst createProxyComponent = (createComponent2, type, props, ...args) => {\n  if (type === Fragment) {\n    type = (_, { slots }) => slots.default ? slots.default() : [];\n    props = null;\n  }\n  const i = Vue.currentInstance || getCurrentInstance();\n  if (!type.__proxyed) {\n    if (typeof type === \"function\") {\n      type = new Proxy(type, {\n        apply(target, ctx, args2) {\n          if (typeof target.__setup === \"function\") {\n            target.__setup.apply(ctx, args2);\n          }\n          return normalizeNode(Reflect.apply(target, ctx, args2));\n        },\n        get(target, p, receiver) {\n          if (i && i.appContext.vapor && p === \"__vapor\") {\n            return true;\n          }\n          return Reflect.get(target, p, receiver);\n        }\n      });\n    } else if (type.__vapor && type.setup) {\n      type.setup = new Proxy(type.setup, {\n        apply(target, ctx, args2) {\n          return normalizeNode(Reflect.apply(target, ctx, args2));\n        }\n      });\n    }\n    type.__proxyed = true;\n  }\n  return createComponent2(type, props, ...args);\n};\nexport function normalizeNode(node) {\n  if (node == null || typeof node === \"boolean\") {\n    return document.createComment(\"\");\n  } else if (Array.isArray(node) && node.length) {\n    return node.map(normalizeNode);\n  } else if (isBlock(node)) {\n    return node;\n  } else {\n    return document.createTextNode(String(node));\n  }\n}\nexport function isBlock(val) {\n  return val instanceof Node || Array.isArray(val) || Vue.isVaporComponent(val) || Vue.isFragment(val);\n}\nfunction createFragment(nodes, anchor = document.createTextNode(\"\")) {\n  const frag = new Vue.VaporFragment(nodes);\n  frag.anchor = anchor;\n  return frag;\n}\nfunction normalizeBlock(node, anchor) {\n  if (node instanceof Node || Vue.isFragment(node)) {\n    return node;\n  } else if (Vue.isVaporComponent(node)) {\n    return createFragment(node, anchor);\n  } else if (Array.isArray(node)) {\n    return createFragment(\n      node.map((i) => normalizeBlock(i)),\n      anchor\n    );\n  } else {\n    const result = node == null || typeof node === \"boolean\" ? \"\" : String(node);\n    if (anchor) {\n      anchor.textContent = result;\n      return anchor;\n    } else {\n      return document.createTextNode(result);\n    }\n  }\n}\nfunction resolveValue(current, value, anchor) {\n  anchor = anchor || (current instanceof Node && current.nodeType === 3 ? current : void 0);\n  const node = normalizeBlock(value, anchor);\n  if (current) {\n    if (Vue.isFragment(current)) {\n      if (current.anchor && current.anchor.parentNode) {\n        Vue.remove(current.nodes, current.anchor.parentNode);\n        Vue.insert(node, current.anchor.parentNode, current.anchor);\n        !anchor && current.anchor.parentNode.removeChild(current.anchor);\n        if (current.scope) current.scope.stop();\n      }\n    } else if (current instanceof Node) {\n      if (current.nodeType === 3 && (!(node instanceof Node) || node.nodeType !== 3)) {\n        current.textContent = \"\";\n      }\n      if (Vue.isFragment(node) && current.parentNode) {\n        Vue.insert(node, current.parentNode, current);\n        if (!anchor || current.nodeType !== 3) {\n          current.parentNode.removeChild(current);\n        }\n      } else if (node instanceof Node) {\n        if (current.nodeType === 3 && node.nodeType === 3) {\n          current.textContent = node.textContent;\n          return current;\n        } else if (current.parentNode) {\n          current.parentNode.replaceChild(node, current);\n        }\n      }\n    }\n  }\n  return node;\n}\nfunction resolveValues(values = [], _anchor) {\n  const nodes = [];\n  const scopes = [];\n  for (const [index, value] of values.entries()) {\n    const anchor = index === values.length - 1 ? _anchor : void 0;\n    if (typeof value === \"function\") {\n      Vue.renderEffect(() => {\n        if (scopes[index]) scopes[index].stop();\n        scopes[index] = new EffectScope();\n        nodes[index] = scopes[index].run(\n          () => resolveValue(nodes[index], value(), anchor)\n        );\n      });\n    } else {\n      nodes[index] = resolveValue(nodes[index], value, anchor);\n    }\n  }\n  return nodes;\n}\nexport function setNodes(anchor, ...values) {\n  const resolvedValues = resolveValues(values, anchor);\n  anchor.parentNode && Vue.insert(resolvedValues, anchor.parentNode, anchor);\n}\nexport function createNodes(...values) {\n  return resolveValues(values);\n}\n";
+var vapor_default = "import {\n  EffectScope,\n  Fragment,\n  getCurrentInstance\n} from \"vue\";\nimport * as Vue from \"vue\";\n// @__NO_SIDE_EFFECTS__\nexport function defineVaporSSRComponent(comp, extraOptions) {\n  if (typeof comp === \"function\") {\n    return Object.assign({ name: comp.name }, extraOptions, {\n      setup(props, ctx) {\n        const result = comp(props, ctx);\n        return () => result;\n      },\n      __vapor: true\n    });\n  }\n  const setup = comp.setup;\n  if (setup) {\n    comp.setup = (props, ctx) => {\n      const result = setup(props, ctx);\n      return () => result;\n    };\n  }\n  comp.__vapor = true;\n  return comp;\n}\nexport const createComponent = (type, ...args) => {\n  if (type === Fragment) {\n    const slots = args[1];\n    return slots && typeof slots.default === \"function\" ? slots.default() : [];\n  }\n  return Vue.createComponentWithFallback(\n    createProxyComponent(Vue.resolveDynamicComponent(type)),\n    ...args\n  );\n};\nconst proxyCache = /* @__PURE__ */ new WeakMap();\nexport function createProxyComponent(type, normalizeNode2) {\n  if (typeof type === \"function\") {\n    const existing = proxyCache.get(type);\n    if (existing) return existing;\n    const i = Vue.currentInstance || getCurrentInstance();\n    const proxy = new Proxy(type, {\n      apply(target, ctx, args) {\n        if (typeof target.__setup === \"function\") {\n          target.__setup.apply(ctx, args);\n        }\n        const node = Reflect.apply(target, ctx, args);\n        return normalizeNode2 ? normalizeNode2(node) : node;\n      },\n      get(target, p, receiver) {\n        if (i && i.appContext.vapor && p === \"__vapor\") {\n          return true;\n        }\n        return Reflect.get(target, p, receiver);\n      }\n    });\n    proxyCache.set(type, proxy);\n    return proxy;\n  }\n  return type;\n}\nexport function normalizeNode(node) {\n  if (node == null || typeof node === \"boolean\") {\n    return document.createComment(\"\");\n  } else if (Array.isArray(node) && node.length) {\n    return node.map(normalizeNode);\n  } else if (isBlock(node)) {\n    return node;\n  } else if (typeof node === \"function\") {\n    return resolveValues([node], void 0, true)[0];\n  } else {\n    return document.createTextNode(String(node));\n  }\n}\nexport function isBlock(val) {\n  return val instanceof Node || Array.isArray(val) || Vue.isVaporComponent(val) || Vue.isFragment(val);\n}\nfunction createFragment(nodes, anchor = document.createTextNode(\"\")) {\n  const frag = new Vue.VaporFragment(nodes);\n  frag.anchor = anchor;\n  return frag;\n}\nfunction normalizeBlock(node, anchor, processFunction = false) {\n  if (node instanceof Node || Vue.isFragment(node)) {\n    return node;\n  } else if (Vue.isVaporComponent(node)) {\n    return createFragment(node, anchor);\n  } else if (Array.isArray(node)) {\n    return createFragment(\n      node.map((i) => normalizeBlock(i, void 0, processFunction)),\n      anchor\n    );\n  } else if (processFunction && typeof node === \"function\") {\n    return resolveValues([node], anchor, true)[0];\n  } else {\n    const result = node == null || typeof node === \"boolean\" ? \"\" : String(node);\n    if (anchor) {\n      anchor.textContent = result;\n      return anchor;\n    } else {\n      return document.createTextNode(result);\n    }\n  }\n}\nfunction resolveValue(current, value, anchor, processFunction = false) {\n  anchor = anchor || (current instanceof Node && current.nodeType === 3 ? current : void 0);\n  const node = normalizeBlock(value, anchor, processFunction);\n  if (current) {\n    if (Vue.isFragment(current)) {\n      if (current.anchor && current.anchor.parentNode) {\n        Vue.remove(current.nodes, current.anchor.parentNode);\n        Vue.insert(node, current.anchor.parentNode, current.anchor);\n        if (!anchor) current.anchor.parentNode.removeChild(current.anchor);\n        if (current.scope) current.scope.stop();\n      }\n    } else if (current instanceof Node) {\n      if (current.nodeType === 3 && (!(node instanceof Node) || node.nodeType !== 3)) {\n        current.textContent = \"\";\n      }\n      if (Vue.isFragment(node) && current.parentNode) {\n        Vue.insert(node, current.parentNode, current);\n        if (!anchor || current.nodeType !== 3) {\n          current.parentNode.removeChild(current);\n        }\n      } else if (node instanceof Node) {\n        if (current.nodeType === 3 && node.nodeType === 3) {\n          current.textContent = node.textContent;\n          return current;\n        } else if (current.parentNode) {\n          current.parentNode.replaceChild(node, current);\n        }\n      }\n    }\n  }\n  return node;\n}\nfunction resolveValues(values = [], _anchor, processFunction = false) {\n  const nodes = [];\n  const scopes = [];\n  for (const [index, value] of values.entries()) {\n    const anchor = index === values.length - 1 ? _anchor : void 0;\n    if (typeof value === \"function\") {\n      Vue.renderEffect(() => {\n        if (scopes[index]) scopes[index].stop();\n        scopes[index] = new EffectScope();\n        nodes[index] = scopes[index].run(\n          () => resolveValue(nodes[index], value(), anchor, processFunction)\n        );\n      });\n    } else {\n      nodes[index] = resolveValue(nodes[index], value, anchor, processFunction);\n    }\n  }\n  return nodes;\n}\nexport function setNodes(anchor, ...values) {\n  const resolvedValues = resolveValues(values, anchor);\n  if (anchor.parentNode) Vue.insert(resolvedValues, anchor.parentNode, anchor);\n}\nexport function createNodes(...values) {\n  return resolveValues(values);\n}\n";
 
 //#endregion
 //#region src/vdom.ts?raw

package/dist/raw.js

@@ -7,7 +7,7 @@ var ssr_default = "import { useSSRContext } from \"vue\";\nexport function ssrRe
 
 //#endregion
 //#region src/vapor.ts?raw
-var vapor_default = "import {\n  EffectScope,\n  Fragment,\n  getCurrentInstance\n} from \"vue\";\nimport * as Vue from \"vue\";\n// @__NO_SIDE_EFFECTS__\nexport function defineVaporSSRComponent(comp, extraOptions) {\n  if (typeof comp === \"function\") {\n    return Object.assign({ name: comp.name }, extraOptions, {\n      setup(props, ctx) {\n        const result = comp(props, ctx);\n        return () => result;\n      },\n      __vapor: true\n    });\n  }\n  const setup = comp.setup;\n  if (setup) {\n    comp.setup = (props, ctx) => {\n      const result = setup(props, ctx);\n      return () => result;\n    };\n  }\n  comp.__vapor = true;\n  return comp;\n}\nexport const createComponent = (type, ...args) => {\n  return createProxyComponent(Vue.createComponent, type, ...args);\n};\nexport const createComponentWithFallback = (type, ...args) => {\n  const slots = args[1];\n  if (typeof type === \"string\" && slots && slots.default && typeof slots.default === \"function\") {\n    const defaultSlot = slots.default;\n    slots.default = () => {\n      return createProxyComponent(\n        Vue.createComponentWithFallback,\n        defaultSlot,\n        null,\n        null\n      );\n    };\n  }\n  return createProxyComponent(Vue.createComponentWithFallback, type, ...args);\n};\nconst createProxyComponent = (createComponent2, type, props, ...args) => {\n  if (type === Fragment) {\n    type = (_, { slots }) => slots.default ? slots.default() : [];\n    props = null;\n  }\n  const i = Vue.currentInstance || getCurrentInstance();\n  if (!type.__proxyed) {\n    if (typeof type === \"function\") {\n      type = new Proxy(type, {\n        apply(target, ctx, args2) {\n          if (typeof target.__setup === \"function\") {\n            target.__setup.apply(ctx, args2);\n          }\n          return normalizeNode(Reflect.apply(target, ctx, args2));\n        },\n        get(target, p, receiver) {\n          if (i && i.appContext.vapor && p === \"__vapor\") {\n            return true;\n          }\n          return Reflect.get(target, p, receiver);\n        }\n      });\n    } else if (type.__vapor && type.setup) {\n      type.setup = new Proxy(type.setup, {\n        apply(target, ctx, args2) {\n          return normalizeNode(Reflect.apply(target, ctx, args2));\n        }\n      });\n    }\n    type.__proxyed = true;\n  }\n  return createComponent2(type, props, ...args);\n};\nexport function normalizeNode(node) {\n  if (node == null || typeof node === \"boolean\") {\n    return document.createComment(\"\");\n  } else if (Array.isArray(node) && node.length) {\n    return node.map(normalizeNode);\n  } else if (isBlock(node)) {\n    return node;\n  } else {\n    return document.createTextNode(String(node));\n  }\n}\nexport function isBlock(val) {\n  return val instanceof Node || Array.isArray(val) || Vue.isVaporComponent(val) || Vue.isFragment(val);\n}\nfunction createFragment(nodes, anchor = document.createTextNode(\"\")) {\n  const frag = new Vue.VaporFragment(nodes);\n  frag.anchor = anchor;\n  return frag;\n}\nfunction normalizeBlock(node, anchor) {\n  if (node instanceof Node || Vue.isFragment(node)) {\n    return node;\n  } else if (Vue.isVaporComponent(node)) {\n    return createFragment(node, anchor);\n  } else if (Array.isArray(node)) {\n    return createFragment(\n      node.map((i) => normalizeBlock(i)),\n      anchor\n    );\n  } else {\n    const result = node == null || typeof node === \"boolean\" ? \"\" : String(node);\n    if (anchor) {\n      anchor.textContent = result;\n      return anchor;\n    } else {\n      return document.createTextNode(result);\n    }\n  }\n}\nfunction resolveValue(current, value, anchor) {\n  anchor = anchor || (current instanceof Node && current.nodeType === 3 ? current : void 0);\n  const node = normalizeBlock(value, anchor);\n  if (current) {\n    if (Vue.isFragment(current)) {\n      if (current.anchor && current.anchor.parentNode) {\n        Vue.remove(current.nodes, current.anchor.parentNode);\n        Vue.insert(node, current.anchor.parentNode, current.anchor);\n        !anchor && current.anchor.parentNode.removeChild(current.anchor);\n        if (current.scope) current.scope.stop();\n      }\n    } else if (current instanceof Node) {\n      if (current.nodeType === 3 && (!(node instanceof Node) || node.nodeType !== 3)) {\n        current.textContent = \"\";\n      }\n      if (Vue.isFragment(node) && current.parentNode) {\n        Vue.insert(node, current.parentNode, current);\n        if (!anchor || current.nodeType !== 3) {\n          current.parentNode.removeChild(current);\n        }\n      } else if (node instanceof Node) {\n        if (current.nodeType === 3 && node.nodeType === 3) {\n          current.textContent = node.textContent;\n          return current;\n        } else if (current.parentNode) {\n          current.parentNode.replaceChild(node, current);\n        }\n      }\n    }\n  }\n  return node;\n}\nfunction resolveValues(values = [], _anchor) {\n  const nodes = [];\n  const scopes = [];\n  for (const [index, value] of values.entries()) {\n    const anchor = index === values.length - 1 ? _anchor : void 0;\n    if (typeof value === \"function\") {\n      Vue.renderEffect(() => {\n        if (scopes[index]) scopes[index].stop();\n        scopes[index] = new EffectScope();\n        nodes[index] = scopes[index].run(\n          () => resolveValue(nodes[index], value(), anchor)\n        );\n      });\n    } else {\n      nodes[index] = resolveValue(nodes[index], value, anchor);\n    }\n  }\n  return nodes;\n}\nexport function setNodes(anchor, ...values) {\n  const resolvedValues = resolveValues(values, anchor);\n  anchor.parentNode && Vue.insert(resolvedValues, anchor.parentNode, anchor);\n}\nexport function createNodes(...values) {\n  return resolveValues(values);\n}\n";
+var vapor_default = "import {\n  EffectScope,\n  Fragment,\n  getCurrentInstance\n} from \"vue\";\nimport * as Vue from \"vue\";\n// @__NO_SIDE_EFFECTS__\nexport function defineVaporSSRComponent(comp, extraOptions) {\n  if (typeof comp === \"function\") {\n    return Object.assign({ name: comp.name }, extraOptions, {\n      setup(props, ctx) {\n        const result = comp(props, ctx);\n        return () => result;\n      },\n      __vapor: true\n    });\n  }\n  const setup = comp.setup;\n  if (setup) {\n    comp.setup = (props, ctx) => {\n      const result = setup(props, ctx);\n      return () => result;\n    };\n  }\n  comp.__vapor = true;\n  return comp;\n}\nexport const createComponent = (type, ...args) => {\n  if (type === Fragment) {\n    const slots = args[1];\n    return slots && typeof slots.default === \"function\" ? slots.default() : [];\n  }\n  return Vue.createComponentWithFallback(\n    createProxyComponent(Vue.resolveDynamicComponent(type)),\n    ...args\n  );\n};\nconst proxyCache = /* @__PURE__ */ new WeakMap();\nexport function createProxyComponent(type, normalizeNode2) {\n  if (typeof type === \"function\") {\n    const existing = proxyCache.get(type);\n    if (existing) return existing;\n    const i = Vue.currentInstance || getCurrentInstance();\n    const proxy = new Proxy(type, {\n      apply(target, ctx, args) {\n        if (typeof target.__setup === \"function\") {\n          target.__setup.apply(ctx, args);\n        }\n        const node = Reflect.apply(target, ctx, args);\n        return normalizeNode2 ? normalizeNode2(node) : node;\n      },\n      get(target, p, receiver) {\n        if (i && i.appContext.vapor && p === \"__vapor\") {\n          return true;\n        }\n        return Reflect.get(target, p, receiver);\n      }\n    });\n    proxyCache.set(type, proxy);\n    return proxy;\n  }\n  return type;\n}\nexport function normalizeNode(node) {\n  if (node == null || typeof node === \"boolean\") {\n    return document.createComment(\"\");\n  } else if (Array.isArray(node) && node.length) {\n    return node.map(normalizeNode);\n  } else if (isBlock(node)) {\n    return node;\n  } else if (typeof node === \"function\") {\n    return resolveValues([node], void 0, true)[0];\n  } else {\n    return document.createTextNode(String(node));\n  }\n}\nexport function isBlock(val) {\n  return val instanceof Node || Array.isArray(val) || Vue.isVaporComponent(val) || Vue.isFragment(val);\n}\nfunction createFragment(nodes, anchor = document.createTextNode(\"\")) {\n  const frag = new Vue.VaporFragment(nodes);\n  frag.anchor = anchor;\n  return frag;\n}\nfunction normalizeBlock(node, anchor, processFunction = false) {\n  if (node instanceof Node || Vue.isFragment(node)) {\n    return node;\n  } else if (Vue.isVaporComponent(node)) {\n    return createFragment(node, anchor);\n  } else if (Array.isArray(node)) {\n    return createFragment(\n      node.map((i) => normalizeBlock(i, void 0, processFunction)),\n      anchor\n    );\n  } else if (processFunction && typeof node === \"function\") {\n    return resolveValues([node], anchor, true)[0];\n  } else {\n    const result = node == null || typeof node === \"boolean\" ? \"\" : String(node);\n    if (anchor) {\n      anchor.textContent = result;\n      return anchor;\n    } else {\n      return document.createTextNode(result);\n    }\n  }\n}\nfunction resolveValue(current, value, anchor, processFunction = false) {\n  anchor = anchor || (current instanceof Node && current.nodeType === 3 ? current : void 0);\n  const node = normalizeBlock(value, anchor, processFunction);\n  if (current) {\n    if (Vue.isFragment(current)) {\n      if (current.anchor && current.anchor.parentNode) {\n        Vue.remove(current.nodes, current.anchor.parentNode);\n        Vue.insert(node, current.anchor.parentNode, current.anchor);\n        if (!anchor) current.anchor.parentNode.removeChild(current.anchor);\n        if (current.scope) current.scope.stop();\n      }\n    } else if (current instanceof Node) {\n      if (current.nodeType === 3 && (!(node instanceof Node) || node.nodeType !== 3)) {\n        current.textContent = \"\";\n      }\n      if (Vue.isFragment(node) && current.parentNode) {\n        Vue.insert(node, current.parentNode, current);\n        if (!anchor || current.nodeType !== 3) {\n          current.parentNode.removeChild(current);\n        }\n      } else if (node instanceof Node) {\n        if (current.nodeType === 3 && node.nodeType === 3) {\n          current.textContent = node.textContent;\n          return current;\n        } else if (current.parentNode) {\n          current.parentNode.replaceChild(node, current);\n        }\n      }\n    }\n  }\n  return node;\n}\nfunction resolveValues(values = [], _anchor, processFunction = false) {\n  const nodes = [];\n  const scopes = [];\n  for (const [index, value] of values.entries()) {\n    const anchor = index === values.length - 1 ? _anchor : void 0;\n    if (typeof value === \"function\") {\n      Vue.renderEffect(() => {\n        if (scopes[index]) scopes[index].stop();\n        scopes[index] = new EffectScope();\n        nodes[index] = scopes[index].run(\n          () => resolveValue(nodes[index], value(), anchor, processFunction)\n        );\n      });\n    } else {\n      nodes[index] = resolveValue(nodes[index], value, anchor, processFunction);\n    }\n  }\n  return nodes;\n}\nexport function setNodes(anchor, ...values) {\n  const resolvedValues = resolveValues(values, anchor);\n  if (anchor.parentNode) Vue.insert(resolvedValues, anchor.parentNode, anchor);\n}\nexport function createNodes(...values) {\n  return resolveValues(values);\n}\n";
 
 //#endregion
 //#region src/vdom.ts?raw

package/dist/vapor.cjs

@@ -21,46 +21,39 @@ function defineVaporSSRComponent(comp, extraOptions) {
 	return comp;
 }
 const createComponent = (type, ...args) => {
-	return createProxyComponent(vue.createComponent, type, ...args);
-};
-const createComponentWithFallback = (type, ...args) => {
-	const slots = args[1];
-	if (typeof type === "string" && slots && slots.default && typeof slots.default === "function") {
-		const defaultSlot = slots.default;
-		slots.default = () => {
-			return createProxyComponent(vue.createComponentWithFallback, defaultSlot, null, null);
-		};
-	}
-	return createProxyComponent(vue.createComponentWithFallback, type, ...args);
-};
-const createProxyComponent = (createComponent, type, props, ...args) => {
 	if (type === vue.Fragment) {
-		type = (_, { slots }) => slots.default ? slots.default() : [];
-		props = null;
+		const slots = args[1];
+		return slots && typeof slots.default === "function" ? slots.default() : [];
 	}
-	const i = vue.currentInstance || (0, vue.getCurrentInstance)();
-	if (!type.__proxyed) {
-		if (typeof type === "function") type = new Proxy(type, {
+	return vue.createComponentWithFallback(createProxyComponent(vue.resolveDynamicComponent(type)), ...args);
+};
+const proxyCache = /* @__PURE__ */ new WeakMap();
+function createProxyComponent(type, normalizeNode) {
+	if (typeof type === "function") {
+		const existing = proxyCache.get(type);
+		if (existing) return existing;
+		const i = vue.currentInstance || (0, vue.getCurrentInstance)();
+		const proxy = new Proxy(type, {
 			apply(target, ctx, args) {
 				if (typeof target.__setup === "function") target.__setup.apply(ctx, args);
-				return normalizeNode(Reflect.apply(target, ctx, args));
+				const node = Reflect.apply(target, ctx, args);
+				return normalizeNode ? normalizeNode(node) : node;
 			},
 			get(target, p, receiver) {
 				if (i && i.appContext.vapor && p === "__vapor") return true;
 				return Reflect.get(target, p, receiver);
 			}
 		});
-		else if (type.__vapor && type.setup) type.setup = new Proxy(type.setup, { apply(target, ctx, args) {
-			return normalizeNode(Reflect.apply(target, ctx, args));
-		} });
-		type.__proxyed = true;
+		proxyCache.set(type, proxy);
+		return proxy;
 	}
-	return createComponent(type, props, ...args);
-};
+	return type;
+}
 function normalizeNode(node) {
 	if (node == null || typeof node === "boolean") return document.createComment("");
 	else if (Array.isArray(node) && node.length) return node.map(normalizeNode);
 	else if (isBlock(node)) return node;
+	else if (typeof node === "function") return resolveValues([node], void 0, true)[0];
 	else return document.createTextNode(String(node));
 }
 function isBlock(val) {
@@ -71,10 +64,11 @@ function createFragment(nodes, anchor = document.createTextNode("")) {
 	frag.anchor = anchor;
 	return frag;
 }
-function normalizeBlock(node, anchor) {
+function normalizeBlock(node, anchor, processFunction = false) {
 	if (node instanceof Node || vue.isFragment(node)) return node;
 	else if (vue.isVaporComponent(node)) return createFragment(node, anchor);
-	else if (Array.isArray(node)) return createFragment(node.map((i) => normalizeBlock(i)), anchor);
+	else if (Array.isArray(node)) return createFragment(node.map((i) => normalizeBlock(i, void 0, processFunction)), anchor);
+	else if (processFunction && typeof node === "function") return resolveValues([node], anchor, true)[0];
 	else {
 		const result = node == null || typeof node === "boolean" ? "" : String(node);
 		if (anchor) {
@@ -83,15 +77,15 @@ function normalizeBlock(node, anchor) {
 		} else return document.createTextNode(result);
 	}
 }
-function resolveValue(current, value, anchor) {
+function resolveValue(current, value, anchor, processFunction = false) {
 	anchor = anchor || (current instanceof Node && current.nodeType === 3 ? current : void 0);
-	const node = normalizeBlock(value, anchor);
+	const node = normalizeBlock(value, anchor, processFunction);
 	if (current) {
 		if (vue.isFragment(current)) {
 			if (current.anchor && current.anchor.parentNode) {
 				vue.remove(current.nodes, current.anchor.parentNode);
 				vue.insert(node, current.anchor.parentNode, current.anchor);
-				!anchor && current.anchor.parentNode.removeChild(current.anchor);
+				if (!anchor) current.anchor.parentNode.removeChild(current.anchor);
 				if (current.scope) current.scope.stop();
 			}
 		} else if (current instanceof Node) {
@@ -109,7 +103,7 @@ function resolveValue(current, value, anchor) {
 	}
 	return node;
 }
-function resolveValues(values = [], _anchor) {
+function resolveValues(values = [], _anchor, processFunction = false) {
 	const nodes = [];
 	const scopes = [];
 	for (const [index, value] of values.entries()) {
@@ -117,15 +111,15 @@ function resolveValues(values = [], _anchor) {
 		if (typeof value === "function") vue.renderEffect(() => {
 			if (scopes[index]) scopes[index].stop();
 			scopes[index] = new vue.EffectScope();
-			nodes[index] = scopes[index].run(() => resolveValue(nodes[index], value(), anchor));
+			nodes[index] = scopes[index].run(() => resolveValue(nodes[index], value(), anchor, processFunction));
 		});
-		else nodes[index] = resolveValue(nodes[index], value, anchor);
+		else nodes[index] = resolveValue(nodes[index], value, anchor, processFunction);
 	}
 	return nodes;
 }
 function setNodes(anchor, ...values) {
 	const resolvedValues = resolveValues(values, anchor);
-	anchor.parentNode && vue.insert(resolvedValues, anchor.parentNode, anchor);
+	if (anchor.parentNode) vue.insert(resolvedValues, anchor.parentNode, anchor);
 }
 function createNodes(...values) {
 	return resolveValues(values);
@@ -133,8 +127,8 @@ function createNodes(...values) {
 
 //#endregion
 exports.createComponent = createComponent;
-exports.createComponentWithFallback = createComponentWithFallback;
 exports.createNodes = createNodes;
+exports.createProxyComponent = createProxyComponent;
 exports.defineVaporSSRComponent = defineVaporSSRComponent;
 exports.isBlock = isBlock;
 exports.normalizeNode = normalizeNode;

package/dist/vapor.d.cts

@@ -1,12 +1,12 @@
 import * as Vue from "vue";
-import { Block, Fragment, VaporComponent } from "vue";
+import { Block, Fragment, VNode, VaporComponent } from "vue";
 
 //#region src/vapor.d.ts
 declare function defineVaporSSRComponent(comp: VaporComponent, extraOptions: VaporComponent): VaporComponent;
 type Tail<T extends any[]> = T extends [any, ...infer R] ? R : never;
-declare const createComponent: (type: VaporComponent | typeof Fragment, ...args: Tail<Parameters<typeof Vue.createComponent>>) => Vue.VaporComponentInstance<{}, {}, Vue.StaticSlots, Record<string, any>, Block, Record<string, any>> | HTMLElement;
-declare const createComponentWithFallback: (type: VaporComponent | typeof Fragment, ...args: Tail<Parameters<typeof Vue.createComponentWithFallback>>) => Vue.VaporComponentInstance<{}, {}, Vue.StaticSlots, Record<string, any>, Block, Record<string, any>> | HTMLElement;
-type NodeChildAtom = Block | string | number | boolean | null | undefined | void;
+declare const createComponent: (type: VaporComponent | typeof Fragment | string, ...args: Tail<Parameters<typeof Vue.createComponent>>) => Block;
+declare function createProxyComponent(type: VaporComponent, normalizeNode?: (node: any) => Block): any;
+type NodeChildAtom = VNode | Block | string | number | boolean | null | undefined | void | (() => NodeChild);
 type NodeArrayChildren = Array<NodeArrayChildren | NodeChildAtom>;
 type NodeChild = NodeChildAtom | NodeArrayChildren;
 declare function normalizeNode(node: NodeChild): Block;
@@ -14,4 +14,4 @@ declare function isBlock(val: NonNullable<unknown>): val is Block;
 declare function setNodes(anchor: Node, ...values: any[]): void;
 declare function createNodes(...values: any[]): Block[];
 //#endregion
-export { NodeArrayChildren, NodeChild, createComponent, createComponentWithFallback, createNodes, defineVaporSSRComponent, isBlock, normalizeNode, setNodes };
+export { NodeArrayChildren, NodeChild, createComponent, createNodes, createProxyComponent, defineVaporSSRComponent, isBlock, normalizeNode, setNodes };

package/dist/vapor.d.ts

@@ -1,12 +1,12 @@
 import * as Vue from "vue";
-import { Block, Fragment, VaporComponent } from "vue";
+import { Block, Fragment, VNode, VaporComponent } from "vue";
 
 //#region src/vapor.d.ts
 declare function defineVaporSSRComponent(comp: VaporComponent, extraOptions: VaporComponent): VaporComponent;
 type Tail<T extends any[]> = T extends [any, ...infer R] ? R : never;
-declare const createComponent: (type: VaporComponent | typeof Fragment, ...args: Tail<Parameters<typeof Vue.createComponent>>) => Vue.VaporComponentInstance<{}, {}, Vue.StaticSlots, Record<string, any>, Block, Record<string, any>> | HTMLElement;
-declare const createComponentWithFallback: (type: VaporComponent | typeof Fragment, ...args: Tail<Parameters<typeof Vue.createComponentWithFallback>>) => Vue.VaporComponentInstance<{}, {}, Vue.StaticSlots, Record<string, any>, Block, Record<string, any>> | HTMLElement;
-type NodeChildAtom = Block | string | number | boolean | null | undefined | void;
+declare const createComponent: (type: VaporComponent | typeof Fragment | string, ...args: Tail<Parameters<typeof Vue.createComponent>>) => Block;
+declare function createProxyComponent(type: VaporComponent, normalizeNode?: (node: any) => Block): any;
+type NodeChildAtom = VNode | Block | string | number | boolean | null | undefined | void | (() => NodeChild);
 type NodeArrayChildren = Array<NodeArrayChildren | NodeChildAtom>;
 type NodeChild = NodeChildAtom | NodeArrayChildren;
 declare function normalizeNode(node: NodeChild): Block;
@@ -14,4 +14,4 @@ declare function isBlock(val: NonNullable<unknown>): val is Block;
 declare function setNodes(anchor: Node, ...values: any[]): void;
 declare function createNodes(...values: any[]): Block[];
 //#endregion
-export { NodeArrayChildren, NodeChild, createComponent, createComponentWithFallback, createNodes, defineVaporSSRComponent, isBlock, normalizeNode, setNodes };
+export { NodeArrayChildren, NodeChild, createComponent, createNodes, createProxyComponent, defineVaporSSRComponent, isBlock, normalizeNode, setNodes };

package/dist/vapor.js

@@ -20,46 +20,39 @@ function defineVaporSSRComponent(comp, extraOptions) {
 	return comp;
 }
 const createComponent = (type, ...args) => {
-	return createProxyComponent(Vue.createComponent, type, ...args);
-};
-const createComponentWithFallback = (type, ...args) => {
-	const slots = args[1];
-	if (typeof type === "string" && slots && slots.default && typeof slots.default === "function") {
-		const defaultSlot = slots.default;
-		slots.default = () => {
-			return createProxyComponent(Vue.createComponentWithFallback, defaultSlot, null, null);
-		};
-	}
-	return createProxyComponent(Vue.createComponentWithFallback, type, ...args);
-};
-const createProxyComponent = (createComponent, type, props, ...args) => {
 	if (type === Fragment) {
-		type = (_, { slots }) => slots.default ? slots.default() : [];
-		props = null;
+		const slots = args[1];
+		return slots && typeof slots.default === "function" ? slots.default() : [];
 	}
-	const i = Vue.currentInstance || getCurrentInstance();
-	if (!type.__proxyed) {
-		if (typeof type === "function") type = new Proxy(type, {
+	return Vue.createComponentWithFallback(createProxyComponent(Vue.resolveDynamicComponent(type)), ...args);
+};
+const proxyCache = /* @__PURE__ */ new WeakMap();
+function createProxyComponent(type, normalizeNode) {
+	if (typeof type === "function") {
+		const existing = proxyCache.get(type);
+		if (existing) return existing;
+		const i = Vue.currentInstance || getCurrentInstance();
+		const proxy = new Proxy(type, {
 			apply(target, ctx, args) {
 				if (typeof target.__setup === "function") target.__setup.apply(ctx, args);
-				return normalizeNode(Reflect.apply(target, ctx, args));
+				const node = Reflect.apply(target, ctx, args);
+				return normalizeNode ? normalizeNode(node) : node;
 			},
 			get(target, p, receiver) {
 				if (i && i.appContext.vapor && p === "__vapor") return true;
 				return Reflect.get(target, p, receiver);
 			}
 		});
-		else if (type.__vapor && type.setup) type.setup = new Proxy(type.setup, { apply(target, ctx, args) {
-			return normalizeNode(Reflect.apply(target, ctx, args));
-		} });
-		type.__proxyed = true;
+		proxyCache.set(type, proxy);
+		return proxy;
 	}
-	return createComponent(type, props, ...args);
-};
+	return type;
+}
 function normalizeNode(node) {
 	if (node == null || typeof node === "boolean") return document.createComment("");
 	else if (Array.isArray(node) && node.length) return node.map(normalizeNode);
 	else if (isBlock(node)) return node;
+	else if (typeof node === "function") return resolveValues([node], void 0, true)[0];
 	else return document.createTextNode(String(node));
 }
 function isBlock(val) {
@@ -70,10 +63,11 @@ function createFragment(nodes, anchor = document.createTextNode("")) {
 	frag.anchor = anchor;
 	return frag;
 }
-function normalizeBlock(node, anchor) {
+function normalizeBlock(node, anchor, processFunction = false) {
 	if (node instanceof Node || Vue.isFragment(node)) return node;
 	else if (Vue.isVaporComponent(node)) return createFragment(node, anchor);
-	else if (Array.isArray(node)) return createFragment(node.map((i) => normalizeBlock(i)), anchor);
+	else if (Array.isArray(node)) return createFragment(node.map((i) => normalizeBlock(i, void 0, processFunction)), anchor);
+	else if (processFunction && typeof node === "function") return resolveValues([node], anchor, true)[0];
 	else {
 		const result = node == null || typeof node === "boolean" ? "" : String(node);
 		if (anchor) {
@@ -82,15 +76,15 @@ function normalizeBlock(node, anchor) {
 		} else return document.createTextNode(result);
 	}
 }
-function resolveValue(current, value, anchor) {
+function resolveValue(current, value, anchor, processFunction = false) {
 	anchor = anchor || (current instanceof Node && current.nodeType === 3 ? current : void 0);
-	const node = normalizeBlock(value, anchor);
+	const node = normalizeBlock(value, anchor, processFunction);
 	if (current) {
 		if (Vue.isFragment(current)) {
 			if (current.anchor && current.anchor.parentNode) {
 				Vue.remove(current.nodes, current.anchor.parentNode);
 				Vue.insert(node, current.anchor.parentNode, current.anchor);
-				!anchor && current.anchor.parentNode.removeChild(current.anchor);
+				if (!anchor) current.anchor.parentNode.removeChild(current.anchor);
 				if (current.scope) current.scope.stop();
 			}
 		} else if (current instanceof Node) {
@@ -108,7 +102,7 @@ function resolveValue(current, value, anchor) {
 	}
 	return node;
 }
-function resolveValues(values = [], _anchor) {
+function resolveValues(values = [], _anchor, processFunction = false) {
 	const nodes = [];
 	const scopes = [];
 	for (const [index, value] of values.entries()) {
@@ -116,19 +110,19 @@ function resolveValues(values = [], _anchor) {
 		if (typeof value === "function") Vue.renderEffect(() => {
 			if (scopes[index]) scopes[index].stop();
 			scopes[index] = new EffectScope();
-			nodes[index] = scopes[index].run(() => resolveValue(nodes[index], value(), anchor));
+			nodes[index] = scopes[index].run(() => resolveValue(nodes[index], value(), anchor, processFunction));
 		});
-		else nodes[index] = resolveValue(nodes[index], value, anchor);
+		else nodes[index] = resolveValue(nodes[index], value, anchor, processFunction);
 	}
 	return nodes;
 }
 function setNodes(anchor, ...values) {
 	const resolvedValues = resolveValues(values, anchor);
-	anchor.parentNode && Vue.insert(resolvedValues, anchor.parentNode, anchor);
+	if (anchor.parentNode) Vue.insert(resolvedValues, anchor.parentNode, anchor);
 }
 function createNodes(...values) {
 	return resolveValues(values);
 }
 
 //#endregion
-export { createComponent, createComponentWithFallback, createNodes, defineVaporSSRComponent, isBlock, normalizeNode, setNodes };
+export { createComponent, createNodes, createProxyComponent, defineVaporSSRComponent, isBlock, normalizeNode, setNodes };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vue-jsx-vapor/runtime",
   "type": "module",
-  "version": "3.1.22",
+  "version": "3.2.0",
   "description": "Vue JSX Vapor Runtime",
   "license": "MIT",
   "homepage": "https://github.com/vuejs/vue-jsx-vapor#readme",