@vue-jsx-vapor/runtime 3.2.10 → 3.2.11

package/dist/index.cjs

@@ -7,6 +7,8 @@ const require_ssr = require('./ssr.cjs');
 const require_vdom = require('./vdom.cjs');
 let vue = require("vue");
 
+exports.For = require_vdom.For;
+exports.VaporFor = require_vapor.VaporFor;
 exports.createComponent = require_vapor.createComponent;
 exports.createNodes = require_vapor.createNodes;
 exports.createProxyComponent = require_vapor.createProxyComponent;

package/dist/index.d.cts

@@ -1,9 +1,9 @@
-import "./types-BKjMGTxH.cjs";
-import { DefineVaporComponent, DefineVaporSetupFnComponent, NodeArrayChildren, NodeChild, createComponent, createNodes, createProxyComponent, defineVaporComponent, defineVaporSSRComponent, isBlock, normalizeNode, setNodes } from "./vapor.cjs";
+import { i as SlotsToProps } from "./types-BKjMGTxH.cjs";
+import { DefineVaporComponent, DefineVaporSetupFnComponent, NodeArrayChildren, NodeChild, VaporFor, createComponent, createNodes, createProxyComponent, defineVaporComponent, 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, 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 { DefineComponent, DefineSetupFnComponent, createVNodeCache, defineComponent, normalizeSlot, normalizeVNode } from "./vdom.cjs";
+import { DefineComponent, DefineSetupFnComponent, For, createVNodeCache, defineComponent, normalizeSlot, 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, DefineComponent, DefineSetupFnComponent, DefineVaporComponent, DefineVaporSetupFnComponent, 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, defineComponent, defineVaporComponent, defineVaporSSRComponent, getCurrentInstance, h, isBlock, normalizeNode, normalizeSlot, 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, DefineComponent, DefineSetupFnComponent, DefineVaporComponent, DefineVaporSetupFnComponent, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, DragEvent, DragEventHandler, EmbedHTMLAttributes, EventHandler, EventHandlers, Events, FieldsetHTMLAttributes, FocusEvent, FocusEventHandler, For, 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, type SlotsToProps, SourceHTMLAttributes, StyleHTMLAttributes, StyleValue, SyntheticEvent, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, TransitionEvent, TransitionEventHandler, UIEvent, UIEventHandler, VaporFor, VideoHTMLAttributes, WebViewHTMLAttributes, WheelEvent, WheelEventHandler, createComponent, createNodes, createProxyComponent, createVNodeCache, defineComponent, defineVaporComponent, defineVaporSSRComponent, getCurrentInstance, h, isBlock, normalizeNode, normalizeSlot, normalizeVNode, setNodes, ssrRegisterHelper, useFullProps, useProps, useRef };

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-import "./types-CqAkLSQ8.js";
-import { DefineVaporComponent, DefineVaporSetupFnComponent, NodeArrayChildren, NodeChild, createComponent, createNodes, createProxyComponent, defineVaporComponent, defineVaporSSRComponent, isBlock, normalizeNode, setNodes } from "./vapor.js";
+import { i as SlotsToProps } from "./types-CqAkLSQ8.js";
+import { DefineVaporComponent, DefineVaporSetupFnComponent, NodeArrayChildren, NodeChild, VaporFor, createComponent, createNodes, createProxyComponent, defineVaporComponent, 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, 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 { DefineComponent, DefineSetupFnComponent, createVNodeCache, defineComponent, normalizeSlot, normalizeVNode } from "./vdom.js";
+import { DefineComponent, DefineSetupFnComponent, For, createVNodeCache, defineComponent, normalizeSlot, 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, DefineComponent, DefineSetupFnComponent, DefineVaporComponent, DefineVaporSetupFnComponent, 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, defineComponent, defineVaporComponent, defineVaporSSRComponent, getCurrentInstance, h, isBlock, normalizeNode, normalizeSlot, 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, DefineComponent, DefineSetupFnComponent, DefineVaporComponent, DefineVaporSetupFnComponent, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, DragEvent, DragEventHandler, EmbedHTMLAttributes, EventHandler, EventHandlers, Events, FieldsetHTMLAttributes, FocusEvent, FocusEventHandler, For, 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, type SlotsToProps, SourceHTMLAttributes, StyleHTMLAttributes, StyleValue, SyntheticEvent, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, TransitionEvent, TransitionEventHandler, UIEvent, UIEventHandler, VaporFor, VideoHTMLAttributes, WebViewHTMLAttributes, WheelEvent, WheelEventHandler, createComponent, createNodes, createProxyComponent, createVNodeCache, defineComponent, defineVaporComponent, defineVaporSSRComponent, getCurrentInstance, h, isBlock, normalizeNode, normalizeSlot, normalizeVNode, setNodes, ssrRegisterHelper, useFullProps, useProps, useRef };

package/dist/index.js

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

package/dist/props.cjs

@@ -46,12 +46,10 @@ function useFullProps() {
 	}));
 	return new Proxy({}, {
 		get(_, p, receiver) {
-			return (0, vue.unref)(Reflect.get(fullProps.value, p, receiver));
+			return Reflect.get(fullProps.value, p, receiver);
 		},
-		set(_, p, value) {
-			if ((0, vue.isRef)(fullProps.value[p]) && !(0, vue.isRef)(value)) fullProps.value[p].value = value;
-			else fullProps.value[p] = value;
-			return true;
+		set(_, p, v, r) {
+			return Reflect.set(fullProps.value, p, v, r);
 		},
 		deleteProperty(_, p) {
 			return Reflect.deleteProperty(fullProps.value, p);

package/dist/props.d.cts

@@ -1,7 +1,7 @@
-import * as vue0 from "vue";
+import * as vue3 from "vue";
 
 //#region src/props.d.ts
-declare function getCurrentInstance(): vue0.GenericComponentInstance | null;
+declare function getCurrentInstance(): vue3.GenericComponentInstance | null;
 /**
  * Returns the props of the current component instance.
  *

package/dist/props.js

@@ -1,5 +1,5 @@
 import * as Vue from "vue";
-import { computed, isRef, unref, useAttrs } from "vue";
+import { computed, useAttrs } from "vue";
 
 //#region src/props.ts
 /* @__NO_SIDE_EFFECTS__ */
@@ -45,12 +45,10 @@ function useFullProps() {
 	}));
 	return new Proxy({}, {
 		get(_, p, receiver) {
-			return unref(Reflect.get(fullProps.value, p, receiver));
+			return Reflect.get(fullProps.value, p, receiver);
 		},
-		set(_, p, value) {
-			if (isRef(fullProps.value[p]) && !isRef(value)) fullProps.value[p].value = value;
-			else fullProps.value[p] = value;
-			return true;
+		set(_, p, v, r) {
+			return Reflect.set(fullProps.value, p, v, r);
 		},
 		deleteProperty(_, p) {
 			return Reflect.deleteProperty(fullProps.value, p);

package/dist/raw.cjs

@@ -1,6 +1,6 @@
 
 //#region src/props.ts?raw
-var props_default = "import { computed, isRef, unref, useAttrs } from \"vue\";\nimport * as Vue from \"vue\";\n// @__NO_SIDE_EFFECTS__\nexport function getCurrentInstance() {\n  return Vue.currentInstance || Vue.getCurrentInstance();\n}\n// @__NO_SIDE_EFFECTS__\nexport function useProps() {\n  const i = /* @__PURE__ */ getCurrentInstance();\n  return i.props;\n}\n// @__NO_SIDE_EFFECTS__\nexport function useFullProps() {\n  const attrs = useAttrs();\n  const i = /* @__PURE__ */ getCurrentInstance();\n  if (!i.type.props) {\n    return attrs;\n  }\n  const props = /* @__PURE__ */ useProps();\n  const fullProps = computed(() => ({ ...props, ...attrs }));\n  return new Proxy(\n    {},\n    {\n      get(_, p, receiver) {\n        return unref(Reflect.get(fullProps.value, p, receiver));\n      },\n      set(_, p, value) {\n        if (isRef(fullProps.value[p]) && !isRef(value))\n          fullProps.value[p].value = value;\n        else fullProps.value[p] = value;\n        return true;\n      },\n      deleteProperty(_, p) {\n        return Reflect.deleteProperty(fullProps.value, p);\n      },\n      has(_, p) {\n        return Reflect.has(fullProps.value, p);\n      },\n      ownKeys() {\n        return Object.keys(fullProps.value);\n      },\n      getOwnPropertyDescriptor() {\n        return {\n          enumerable: true,\n          configurable: true\n        };\n      }\n    }\n  );\n}\n";
+var props_default = "import { computed, useAttrs } from \"vue\";\nimport * as Vue from \"vue\";\n// @__NO_SIDE_EFFECTS__\nexport function getCurrentInstance() {\n  return Vue.currentInstance || Vue.getCurrentInstance();\n}\n// @__NO_SIDE_EFFECTS__\nexport function useProps() {\n  const i = /* @__PURE__ */ getCurrentInstance();\n  return i.props;\n}\n// @__NO_SIDE_EFFECTS__\nexport function useFullProps() {\n  const attrs = useAttrs();\n  const i = /* @__PURE__ */ getCurrentInstance();\n  if (!i.type.props) {\n    return attrs;\n  }\n  const props = /* @__PURE__ */ useProps();\n  const fullProps = computed(() => ({ ...props, ...attrs }));\n  return new Proxy(\n    {},\n    {\n      get(_, p, receiver) {\n        return Reflect.get(fullProps.value, p, receiver);\n      },\n      set(_, p, v, r) {\n        return Reflect.set(fullProps.value, p, v, r);\n      },\n      deleteProperty(_, p) {\n        return Reflect.deleteProperty(fullProps.value, p);\n      },\n      has(_, p) {\n        return Reflect.has(fullProps.value, p);\n      },\n      ownKeys() {\n        return Object.keys(fullProps.value);\n      },\n      getOwnPropertyDescriptor() {\n        return {\n          enumerable: true,\n          configurable: true\n        };\n      }\n    }\n  );\n}\n";
 
 //#endregion
 //#region src/ssr.ts?raw
@@ -8,11 +8,11 @@ var ssr_default = "import { useSSRContext } from \"vue\";\nexport function ssrRe
 
 //#endregion
 //#region src/vapor.ts?raw
-var vapor_default = "import {\n  defineVaporComponent as __defineVaporComponent,\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}\nexport const defineVaporComponent = __defineVaporComponent;\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// @__NO_SIDE_EFFECTS__\nexport function defineVaporComponent(comp, extraOptions) {\n  if (typeof comp === \"function\") {\n    return Object.assign({ name: comp.name }, extraOptions, {\n      setup: comp,\n      __vapor: true\n    });\n  }\n  comp.__vapor = true;\n  return comp;\n}\nexport const VaporFor = /* @__PURE__ */ defineVaporComponent(\n  (props, {\n    slots\n  }) => {\n    return Vue.createFor(\n      () => props.in,\n      (item, key, index) => {\n        return slots.default ? slots.default(\n          // @ts-ignore\n          props.getKey === void 0 ? item.value : item,\n          key,\n          index\n        ) : [];\n      },\n      props.getKey === void 0 ? (item) => item : props.getKey\n    );\n  },\n  { props: [\"in\", \"getKey\"] }\n);\n";
 
 //#endregion
 //#region src/vdom.ts?raw
-var vdom_default = "import {\n  defineComponent as __defineComponent,\n  cloneVNode,\n  Comment,\n  createBlock,\n  createElementBlock,\n  createElementVNode,\n  createVNode,\n  Fragment,\n  getCurrentInstance,\n  isVNode,\n  openBlock,\n  Text,\n  withCtx\n} from \"vue\";\nconst cacheMap = /* @__PURE__ */ new WeakMap();\nexport function createVNodeCache(key) {\n  const i = getCurrentInstance();\n  if (i) {\n    if (!cacheMap.has(i)) cacheMap.set(i, {});\n    const caches = cacheMap.get(i);\n    return caches[key] || (caches[key] = []);\n  } else {\n    return [];\n  }\n}\nexport function normalizeVNode(value, flag = 1) {\n  let create = createVNode;\n  let isBlock = false;\n  if (typeof value === \"function\") {\n    isBlock = true;\n    openBlock();\n    create = createBlock;\n    value = value();\n  }\n  return isVNode(value) ? isBlock ? createBlock(cloneIfMounted(value)) : cloneIfMounted(value) : Array.isArray(value) ? isBlock ? createElementBlock(\n    Fragment,\n    null,\n    value.map((n) => normalizeVNode(() => n)),\n    -2\n  ) : createElementVNode(Fragment, null, value.slice()) : value == null || typeof value === \"boolean\" ? create(Comment) : create(Text, null, String(value), flag);\n}\nfunction cloneIfMounted(child) {\n  return child.el === null && child.patchFlag !== -1 || // @ts-ignore\n  child.memo ? child : cloneVNode(child);\n}\nconst normalizeSlotValue = (value) => Array.isArray(value) ? value.map((n) => normalizeVNode(n)) : [normalizeVNode(value)];\nexport const normalizeSlot = (rawSlot) => {\n  if (rawSlot._n) {\n    return rawSlot;\n  }\n  return withCtx((...args) => {\n    return normalizeSlotValue(rawSlot(...args));\n  });\n};\nexport const defineComponent = __defineComponent;\n";
+var vdom_default = "import {\n  defineComponent as __defineComponent,\n  cloneVNode,\n  Comment,\n  createBlock,\n  createElementBlock,\n  createElementVNode,\n  createVNode,\n  Fragment,\n  getCurrentInstance,\n  isVNode,\n  openBlock,\n  renderList,\n  Text,\n  withCtx\n} from \"vue\";\nconst cacheMap = /* @__PURE__ */ new WeakMap();\nexport function createVNodeCache(key) {\n  const i = getCurrentInstance();\n  if (i) {\n    if (!cacheMap.has(i)) cacheMap.set(i, {});\n    const caches = cacheMap.get(i);\n    return caches[key] || (caches[key] = []);\n  } else {\n    return [];\n  }\n}\nexport function normalizeVNode(value, flag = 1) {\n  let create = createVNode;\n  let isBlock = false;\n  if (typeof value === \"function\") {\n    isBlock = true;\n    openBlock();\n    create = createBlock;\n    value = value();\n  }\n  return isVNode(value) ? isBlock ? createBlock(cloneIfMounted(value)) : cloneIfMounted(value) : Array.isArray(value) ? isBlock ? createElementBlock(\n    Fragment,\n    null,\n    value.map((n) => normalizeVNode(() => n)),\n    -2\n  ) : createElementVNode(Fragment, null, value.slice()) : value == null || typeof value === \"boolean\" ? create(Comment) : create(Text, null, String(value), flag);\n}\nfunction cloneIfMounted(child) {\n  return child.el === null && child.patchFlag !== -1 || // @ts-ignore\n  child.memo ? child : cloneVNode(child);\n}\nconst normalizeSlotValue = (value) => Array.isArray(value) ? value.map((n) => normalizeVNode(n)) : [normalizeVNode(value)];\nexport const normalizeSlot = (rawSlot) => {\n  if (rawSlot._n) {\n    return rawSlot;\n  }\n  return withCtx((...args) => {\n    return normalizeSlotValue(rawSlot(...args));\n  });\n};\nexport const defineComponent = __defineComponent;\nexport const For = defineComponent(\n  (props, {\n    slots\n  }) => {\n    const defaultSlot = slots.default;\n    return () => (openBlock(true), createElementBlock(\n      Fragment,\n      null,\n      renderList(props.in, (item, key, index) => {\n        const result = defaultSlot(item, key, index);\n        return Array.isArray(result) ? result.length === 1 ? result[0] : normalizeVNode(result) : result;\n      }),\n      128\n    ));\n  },\n  { props: [\"in\"] }\n);\n";
 
 //#endregion
 //#region src/raw.ts

package/dist/raw.js

@@ -1,5 +1,5 @@
 //#region src/props.ts?raw
-var props_default = "import { computed, isRef, unref, useAttrs } from \"vue\";\nimport * as Vue from \"vue\";\n// @__NO_SIDE_EFFECTS__\nexport function getCurrentInstance() {\n  return Vue.currentInstance || Vue.getCurrentInstance();\n}\n// @__NO_SIDE_EFFECTS__\nexport function useProps() {\n  const i = /* @__PURE__ */ getCurrentInstance();\n  return i.props;\n}\n// @__NO_SIDE_EFFECTS__\nexport function useFullProps() {\n  const attrs = useAttrs();\n  const i = /* @__PURE__ */ getCurrentInstance();\n  if (!i.type.props) {\n    return attrs;\n  }\n  const props = /* @__PURE__ */ useProps();\n  const fullProps = computed(() => ({ ...props, ...attrs }));\n  return new Proxy(\n    {},\n    {\n      get(_, p, receiver) {\n        return unref(Reflect.get(fullProps.value, p, receiver));\n      },\n      set(_, p, value) {\n        if (isRef(fullProps.value[p]) && !isRef(value))\n          fullProps.value[p].value = value;\n        else fullProps.value[p] = value;\n        return true;\n      },\n      deleteProperty(_, p) {\n        return Reflect.deleteProperty(fullProps.value, p);\n      },\n      has(_, p) {\n        return Reflect.has(fullProps.value, p);\n      },\n      ownKeys() {\n        return Object.keys(fullProps.value);\n      },\n      getOwnPropertyDescriptor() {\n        return {\n          enumerable: true,\n          configurable: true\n        };\n      }\n    }\n  );\n}\n";
+var props_default = "import { computed, useAttrs } from \"vue\";\nimport * as Vue from \"vue\";\n// @__NO_SIDE_EFFECTS__\nexport function getCurrentInstance() {\n  return Vue.currentInstance || Vue.getCurrentInstance();\n}\n// @__NO_SIDE_EFFECTS__\nexport function useProps() {\n  const i = /* @__PURE__ */ getCurrentInstance();\n  return i.props;\n}\n// @__NO_SIDE_EFFECTS__\nexport function useFullProps() {\n  const attrs = useAttrs();\n  const i = /* @__PURE__ */ getCurrentInstance();\n  if (!i.type.props) {\n    return attrs;\n  }\n  const props = /* @__PURE__ */ useProps();\n  const fullProps = computed(() => ({ ...props, ...attrs }));\n  return new Proxy(\n    {},\n    {\n      get(_, p, receiver) {\n        return Reflect.get(fullProps.value, p, receiver);\n      },\n      set(_, p, v, r) {\n        return Reflect.set(fullProps.value, p, v, r);\n      },\n      deleteProperty(_, p) {\n        return Reflect.deleteProperty(fullProps.value, p);\n      },\n      has(_, p) {\n        return Reflect.has(fullProps.value, p);\n      },\n      ownKeys() {\n        return Object.keys(fullProps.value);\n      },\n      getOwnPropertyDescriptor() {\n        return {\n          enumerable: true,\n          configurable: true\n        };\n      }\n    }\n  );\n}\n";
 
 //#endregion
 //#region src/ssr.ts?raw
@@ -7,11 +7,11 @@ var ssr_default = "import { useSSRContext } from \"vue\";\nexport function ssrRe
 
 //#endregion
 //#region src/vapor.ts?raw
-var vapor_default = "import {\n  defineVaporComponent as __defineVaporComponent,\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}\nexport const defineVaporComponent = __defineVaporComponent;\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// @__NO_SIDE_EFFECTS__\nexport function defineVaporComponent(comp, extraOptions) {\n  if (typeof comp === \"function\") {\n    return Object.assign({ name: comp.name }, extraOptions, {\n      setup: comp,\n      __vapor: true\n    });\n  }\n  comp.__vapor = true;\n  return comp;\n}\nexport const VaporFor = /* @__PURE__ */ defineVaporComponent(\n  (props, {\n    slots\n  }) => {\n    return Vue.createFor(\n      () => props.in,\n      (item, key, index) => {\n        return slots.default ? slots.default(\n          // @ts-ignore\n          props.getKey === void 0 ? item.value : item,\n          key,\n          index\n        ) : [];\n      },\n      props.getKey === void 0 ? (item) => item : props.getKey\n    );\n  },\n  { props: [\"in\", \"getKey\"] }\n);\n";
 
 //#endregion
 //#region src/vdom.ts?raw
-var vdom_default = "import {\n  defineComponent as __defineComponent,\n  cloneVNode,\n  Comment,\n  createBlock,\n  createElementBlock,\n  createElementVNode,\n  createVNode,\n  Fragment,\n  getCurrentInstance,\n  isVNode,\n  openBlock,\n  Text,\n  withCtx\n} from \"vue\";\nconst cacheMap = /* @__PURE__ */ new WeakMap();\nexport function createVNodeCache(key) {\n  const i = getCurrentInstance();\n  if (i) {\n    if (!cacheMap.has(i)) cacheMap.set(i, {});\n    const caches = cacheMap.get(i);\n    return caches[key] || (caches[key] = []);\n  } else {\n    return [];\n  }\n}\nexport function normalizeVNode(value, flag = 1) {\n  let create = createVNode;\n  let isBlock = false;\n  if (typeof value === \"function\") {\n    isBlock = true;\n    openBlock();\n    create = createBlock;\n    value = value();\n  }\n  return isVNode(value) ? isBlock ? createBlock(cloneIfMounted(value)) : cloneIfMounted(value) : Array.isArray(value) ? isBlock ? createElementBlock(\n    Fragment,\n    null,\n    value.map((n) => normalizeVNode(() => n)),\n    -2\n  ) : createElementVNode(Fragment, null, value.slice()) : value == null || typeof value === \"boolean\" ? create(Comment) : create(Text, null, String(value), flag);\n}\nfunction cloneIfMounted(child) {\n  return child.el === null && child.patchFlag !== -1 || // @ts-ignore\n  child.memo ? child : cloneVNode(child);\n}\nconst normalizeSlotValue = (value) => Array.isArray(value) ? value.map((n) => normalizeVNode(n)) : [normalizeVNode(value)];\nexport const normalizeSlot = (rawSlot) => {\n  if (rawSlot._n) {\n    return rawSlot;\n  }\n  return withCtx((...args) => {\n    return normalizeSlotValue(rawSlot(...args));\n  });\n};\nexport const defineComponent = __defineComponent;\n";
+var vdom_default = "import {\n  defineComponent as __defineComponent,\n  cloneVNode,\n  Comment,\n  createBlock,\n  createElementBlock,\n  createElementVNode,\n  createVNode,\n  Fragment,\n  getCurrentInstance,\n  isVNode,\n  openBlock,\n  renderList,\n  Text,\n  withCtx\n} from \"vue\";\nconst cacheMap = /* @__PURE__ */ new WeakMap();\nexport function createVNodeCache(key) {\n  const i = getCurrentInstance();\n  if (i) {\n    if (!cacheMap.has(i)) cacheMap.set(i, {});\n    const caches = cacheMap.get(i);\n    return caches[key] || (caches[key] = []);\n  } else {\n    return [];\n  }\n}\nexport function normalizeVNode(value, flag = 1) {\n  let create = createVNode;\n  let isBlock = false;\n  if (typeof value === \"function\") {\n    isBlock = true;\n    openBlock();\n    create = createBlock;\n    value = value();\n  }\n  return isVNode(value) ? isBlock ? createBlock(cloneIfMounted(value)) : cloneIfMounted(value) : Array.isArray(value) ? isBlock ? createElementBlock(\n    Fragment,\n    null,\n    value.map((n) => normalizeVNode(() => n)),\n    -2\n  ) : createElementVNode(Fragment, null, value.slice()) : value == null || typeof value === \"boolean\" ? create(Comment) : create(Text, null, String(value), flag);\n}\nfunction cloneIfMounted(child) {\n  return child.el === null && child.patchFlag !== -1 || // @ts-ignore\n  child.memo ? child : cloneVNode(child);\n}\nconst normalizeSlotValue = (value) => Array.isArray(value) ? value.map((n) => normalizeVNode(n)) : [normalizeVNode(value)];\nexport const normalizeSlot = (rawSlot) => {\n  if (rawSlot._n) {\n    return rawSlot;\n  }\n  return withCtx((...args) => {\n    return normalizeSlotValue(rawSlot(...args));\n  });\n};\nexport const defineComponent = __defineComponent;\nexport const For = defineComponent(\n  (props, {\n    slots\n  }) => {\n    const defaultSlot = slots.default;\n    return () => (openBlock(true), createElementBlock(\n      Fragment,\n      null,\n      renderList(props.in, (item, key, index) => {\n        const result = defaultSlot(item, key, index);\n        return Array.isArray(result) ? result.length === 1 ? result[0] : normalizeVNode(result) : result;\n      }),\n      128\n    ));\n  },\n  { props: [\"in\"] }\n);\n";
 
 //#endregion
 //#region src/raw.ts

package/dist/vapor.cjs

@@ -124,9 +124,23 @@ function setNodes(anchor, ...values) {
 function createNodes(...values) {
 	return resolveValues(values);
 }
-const defineVaporComponent = vue.defineVaporComponent;
+/* @__NO_SIDE_EFFECTS__ */
+function defineVaporComponent(comp, extraOptions) {
+	if (typeof comp === "function") return Object.assign({ name: comp.name }, extraOptions, {
+		setup: comp,
+		__vapor: true
+	});
+	comp.__vapor = true;
+	return comp;
+}
+const VaporFor = /* @__PURE__ */ defineVaporComponent((props, { slots }) => {
+	return vue.createFor(() => props.in, (item, key, index) => {
+		return slots.default ? slots.default(props.getKey === void 0 ? item.value : item, key, index) : [];
+	}, props.getKey === void 0 ? (item) => item : props.getKey);
+}, { props: ["in", "getKey"] });
 
 //#endregion
+exports.VaporFor = VaporFor;
 exports.createComponent = createComponent;
 exports.createNodes = createNodes;
 exports.createProxyComponent = createProxyComponent;

package/dist/vapor.d.cts

@@ -1,6 +1,6 @@
 import { a as ToResolvedProps, i as SlotsToProps, n as IsKeyValues, r as Prettify } from "./types-BKjMGTxH.cjs";
 import * as Vue from "vue";
-import { Block, ComponentObjectPropsOptions, ComponentTypeEmits, EmitFn, EmitsOptions, ExtractDefaultPropTypes, ExtractPropTypes, Fragment, StaticSlots, TypeEmitsToOptions, VNode, VaporComponent, VaporComponentInstance, VaporComponentInstanceConstructor, VaporComponentOptions, VaporPublicProps, VaporRenderResult } from "vue";
+import { Block, ComponentObjectPropsOptions, ComponentTypeEmits, EmitFn, EmitsOptions, ExtractDefaultPropTypes, ExtractPropTypes, Fragment, ShallowRef, StaticSlots, TypeEmitsToOptions, VNode, VaporComponent, VaporComponentInstance, VaporComponentInstanceConstructor, VaporComponentOptions, VaporPublicProps, VaporRenderResult } from "vue";
 
 //#region src/vapor.d.ts
 declare function defineVaporSSRComponent(comp: VaporComponent, extraOptions: VaporComponent): VaporComponent;
@@ -16,19 +16,19 @@ declare function setNodes(anchor: Node, ...values: any[]): void;
 declare function createNodes(...values: any[]): Block[];
 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 = Block, TypeRefs extends Record<string, unknown> = {}, MakeDefaultsOptional extends boolean = true, PublicProps = VaporPublicProps, ResolvedProps = ToResolvedProps<InferredProps, 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) & SlotsToProps<Slots, NodeChild>, 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 = Block, ResolvedProps extends Record<string, any> = ToResolvedProps<Props & VaporPublicProps, Emits>> = new () => VaporComponentInstance<ResolvedProps & SlotsToProps<Slots, NodeChild>, 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 = Block>(setup: (this: void, props: Props, ctx: {
+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 = Block>(setup: (this: void, 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 = Block>(this: void, setup: (props: Props, ctx: {
+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 = Block>(this: void, 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 = Block>(options: VaporComponentOptions<RuntimePropsOptions | RuntimePropsKeys[], ResolvedEmits, RuntimeEmitsKeys, Slots, Exposed, TypeBlock, InferredProps> & {
+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 = Block>(options: VaporComponentOptions<RuntimePropsOptions | RuntimePropsKeys[], ResolvedEmits, RuntimeEmitsKeys, Slots, Exposed, TypeBlock, InferredProps> & {
   [key: string]: any;
   /**
    * @private
@@ -47,6 +47,16 @@ declare function _defineVaporComponent<TypeProps, RuntimePropsOptions extends Co
    */
   __typeEl?: TypeBlock;
 } & ThisType<void>): DefineVaporComponent<RuntimePropsOptions, RuntimePropsKeys, InferredProps, ResolvedEmits, RuntimeEmitsKeys, Slots, Exposed extends Block ? Record<string, any> : Exposed, TypeBlock, TypeRefs, unknown extends TypeProps ? true : false>;
-declare const defineVaporComponent: typeof _defineVaporComponent;
+type ResolveItem<Item, GetKey> = GetKey extends undefined ? Item : ShallowRef<Item>;
+declare const VaporFor: new <T extends any[] | Record<any, any> | number | string | Set<any> | Map<any, any>, Item = (T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : Record<any, any>), GetKeyDetault = (...args: string extends keyof Item ? [item: T[keyof T], key: keyof T, index: number] : [item: Item, index: number]) => any, GetKey extends GetKeyDetault | null | undefined = undefined>() => VaporComponentInstance<Readonly<{
+  in: T;
+  getKey?: GetKey extends undefined ? GetKeyDetault : GetKey;
+} & Vue.ReservedProps & Vue.AllowedComponentProps & Vue.ComponentCustomProps> & Readonly<{}> & {
+  'v-slots'?: {
+    default: (...args: string extends keyof Item ? [item: ResolveItem<T[keyof T], GetKey>, key: ShallowRef<keyof T>, index: ShallowRef<number>] : [item: ResolveItem<Item, GetKey>, index: ShallowRef<number>]) => any;
+  } | ((...args: string extends keyof Item ? [item: ResolveItem<T[keyof T], GetKey>, key: ShallowRef<keyof T>, index: ShallowRef<number>] : [item: ResolveItem<Item, GetKey>, index: ShallowRef<number>]) => any) | NoInfer<NodeChild<undefined>> | undefined;
+}, {}, {
+  default: (...args: string extends keyof Item ? [item: ResolveItem<T[keyof T], GetKey>, key: ShallowRef<keyof T>, index: ShallowRef<number>] : [item: ResolveItem<Item, GetKey>, index: ShallowRef<number>]) => any;
+}, Record<string, any>, Vue.ForFragment, Record<string, any>>;
 //#endregion
-export { DefineVaporComponent, DefineVaporSetupFnComponent, NodeArrayChildren, NodeChild, createComponent, createNodes, createProxyComponent, defineVaporComponent, defineVaporSSRComponent, isBlock, normalizeNode, setNodes };
+export { DefineVaporComponent, DefineVaporSetupFnComponent, NodeArrayChildren, NodeChild, VaporFor, createComponent, createNodes, createProxyComponent, defineVaporComponent, defineVaporSSRComponent, isBlock, normalizeNode, setNodes };

package/dist/vapor.d.ts

@@ -1,6 +1,6 @@
 import { a as ToResolvedProps, i as SlotsToProps, n as IsKeyValues, r as Prettify } from "./types-CqAkLSQ8.js";
 import * as Vue from "vue";
-import { Block, ComponentObjectPropsOptions, ComponentTypeEmits, EmitFn, EmitsOptions, ExtractDefaultPropTypes, ExtractPropTypes, Fragment, StaticSlots, TypeEmitsToOptions, VNode, VaporComponent, VaporComponentInstance, VaporComponentInstanceConstructor, VaporComponentOptions, VaporPublicProps, VaporRenderResult } from "vue";
+import { Block, ComponentObjectPropsOptions, ComponentTypeEmits, EmitFn, EmitsOptions, ExtractDefaultPropTypes, ExtractPropTypes, Fragment, ShallowRef, StaticSlots, TypeEmitsToOptions, VNode, VaporComponent, VaporComponentInstance, VaporComponentInstanceConstructor, VaporComponentOptions, VaporPublicProps, VaporRenderResult } from "vue";
 
 //#region src/vapor.d.ts
 declare function defineVaporSSRComponent(comp: VaporComponent, extraOptions: VaporComponent): VaporComponent;
@@ -16,19 +16,19 @@ declare function setNodes(anchor: Node, ...values: any[]): void;
 declare function createNodes(...values: any[]): Block[];
 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 = Block, TypeRefs extends Record<string, unknown> = {}, MakeDefaultsOptional extends boolean = true, PublicProps = VaporPublicProps, ResolvedProps = ToResolvedProps<InferredProps, 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) & SlotsToProps<Slots, NodeChild>, 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 = Block, ResolvedProps extends Record<string, any> = ToResolvedProps<Props & VaporPublicProps, Emits>> = new () => VaporComponentInstance<ResolvedProps & SlotsToProps<Slots, NodeChild>, 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 = Block>(setup: (this: void, props: Props, ctx: {
+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 = Block>(setup: (this: void, 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 = Block>(this: void, setup: (props: Props, ctx: {
+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 = Block>(this: void, 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 = Block>(options: VaporComponentOptions<RuntimePropsOptions | RuntimePropsKeys[], ResolvedEmits, RuntimeEmitsKeys, Slots, Exposed, TypeBlock, InferredProps> & {
+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 = Block>(options: VaporComponentOptions<RuntimePropsOptions | RuntimePropsKeys[], ResolvedEmits, RuntimeEmitsKeys, Slots, Exposed, TypeBlock, InferredProps> & {
   [key: string]: any;
   /**
    * @private
@@ -47,6 +47,16 @@ declare function _defineVaporComponent<TypeProps, RuntimePropsOptions extends Co
    */
   __typeEl?: TypeBlock;
 } & ThisType<void>): DefineVaporComponent<RuntimePropsOptions, RuntimePropsKeys, InferredProps, ResolvedEmits, RuntimeEmitsKeys, Slots, Exposed extends Block ? Record<string, any> : Exposed, TypeBlock, TypeRefs, unknown extends TypeProps ? true : false>;
-declare const defineVaporComponent: typeof _defineVaporComponent;
+type ResolveItem<Item, GetKey> = GetKey extends undefined ? Item : ShallowRef<Item>;
+declare const VaporFor: new <T extends any[] | Record<any, any> | number | string | Set<any> | Map<any, any>, Item = (T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : Record<any, any>), GetKeyDetault = (...args: string extends keyof Item ? [item: T[keyof T], key: keyof T, index: number] : [item: Item, index: number]) => any, GetKey extends GetKeyDetault | null | undefined = undefined>() => VaporComponentInstance<Readonly<{
+  in: T;
+  getKey?: GetKey extends undefined ? GetKeyDetault : GetKey;
+} & Vue.ReservedProps & Vue.AllowedComponentProps & Vue.ComponentCustomProps> & Readonly<{}> & {
+  'v-slots'?: {
+    default: (...args: string extends keyof Item ? [item: ResolveItem<T[keyof T], GetKey>, key: ShallowRef<keyof T>, index: ShallowRef<number>] : [item: ResolveItem<Item, GetKey>, index: ShallowRef<number>]) => any;
+  } | ((...args: string extends keyof Item ? [item: ResolveItem<T[keyof T], GetKey>, key: ShallowRef<keyof T>, index: ShallowRef<number>] : [item: ResolveItem<Item, GetKey>, index: ShallowRef<number>]) => any) | NoInfer<NodeChild<undefined>> | undefined;
+}, {}, {
+  default: (...args: string extends keyof Item ? [item: ResolveItem<T[keyof T], GetKey>, key: ShallowRef<keyof T>, index: ShallowRef<number>] : [item: ResolveItem<Item, GetKey>, index: ShallowRef<number>]) => any;
+}, Record<string, any>, Vue.ForFragment, Record<string, any>>;
 //#endregion
-export { DefineVaporComponent, DefineVaporSetupFnComponent, NodeArrayChildren, NodeChild, createComponent, createNodes, createProxyComponent, defineVaporComponent, defineVaporSSRComponent, isBlock, normalizeNode, setNodes };
+export { DefineVaporComponent, DefineVaporSetupFnComponent, NodeArrayChildren, NodeChild, VaporFor, createComponent, createNodes, createProxyComponent, defineVaporComponent, defineVaporSSRComponent, isBlock, normalizeNode, setNodes };

package/dist/vapor.js

@@ -1,5 +1,5 @@
 import * as Vue from "vue";
-import { EffectScope, Fragment, defineVaporComponent as defineVaporComponent$1, getCurrentInstance } from "vue";
+import { EffectScope, Fragment, getCurrentInstance } from "vue";
 
 //#region src/vapor.ts
 /* @__NO_SIDE_EFFECTS__ */
@@ -123,7 +123,20 @@ function setNodes(anchor, ...values) {
 function createNodes(...values) {
 	return resolveValues(values);
 }
-const defineVaporComponent = defineVaporComponent$1;
+/* @__NO_SIDE_EFFECTS__ */
+function defineVaporComponent(comp, extraOptions) {
+	if (typeof comp === "function") return Object.assign({ name: comp.name }, extraOptions, {
+		setup: comp,
+		__vapor: true
+	});
+	comp.__vapor = true;
+	return comp;
+}
+const VaporFor = /* @__PURE__ */ defineVaporComponent((props, { slots }) => {
+	return Vue.createFor(() => props.in, (item, key, index) => {
+		return slots.default ? slots.default(props.getKey === void 0 ? item.value : item, key, index) : [];
+	}, props.getKey === void 0 ? (item) => item : props.getKey);
+}, { props: ["in", "getKey"] });
 
 //#endregion
-export { createComponent, createNodes, createProxyComponent, defineVaporComponent, defineVaporSSRComponent, isBlock, normalizeNode, setNodes };
+export { VaporFor, createComponent, createNodes, createProxyComponent, defineVaporComponent, defineVaporSSRComponent, isBlock, normalizeNode, setNodes };

package/dist/vdom.cjs

@@ -33,8 +33,16 @@ const normalizeSlot = (rawSlot) => {
 	});
 };
 const defineComponent = vue.defineComponent;
+const For = defineComponent((props, { slots }) => {
+	const defaultSlot = slots.default;
+	return () => ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(props.in, (item, key, index) => {
+		const result = defaultSlot(item, key, index);
+		return Array.isArray(result) ? result.length === 1 ? result[0] : normalizeVNode(result) : result;
+	}), 128));
+}, { props: ["in"] });
 
 //#endregion
+exports.For = For;
 exports.createVNodeCache = createVNodeCache;
 exports.defineComponent = defineComponent;
 exports.normalizeSlot = normalizeSlot;

package/dist/vdom.d.cts

@@ -1,4 +1,5 @@
 import { a as ToResolvedProps, i as SlotsToProps, n as IsKeyValues } from "./types-BKjMGTxH.cjs";
+import * as vue0 from "vue";
 import { Component, ComponentInjectOptions, ComponentObjectPropsOptions, ComponentOptions, ComponentOptionsBase, ComponentOptionsMixin, ComponentPropsOptions, ComponentProvideOptions, ComponentPublicInstance, ComponentTypeEmits, ComputedOptions, CreateComponentPublicInstanceWithMixins, Directive, EmitFn, EmitsOptions, EmitsToProps, ExtractDefaultPropTypes, ExtractPropTypes, GlobalComponents, GlobalDirectives, MethodOptions, PublicProps, Slot, SlotsType, TypeEmitsToOptions, VNode, VNodeChild } from "vue";
 
 //#region src/vdom.d.ts
@@ -56,5 +57,20 @@ declare function _defineComponent<TypeProps, RuntimePropsOptions extends Compone
 } & ComponentOptionsBase<ToResolvedProps<InferredProps, ResolvedEmits>, SetupBindings, Data, Computed, Methods, Mixin, Extends, RuntimeEmitsOptions, RuntimeEmitsKeys, {}, // Defaults
 InjectOptions, InjectKeys, Slots, LocalComponents, Directives, Exposed, Provide> & ThisType<CreateComponentPublicInstanceWithMixins<ToResolvedProps<InferredProps, ResolvedEmits>, SetupBindings, Data, Computed, Methods, Mixin, Extends, ResolvedEmits, {}, {}, false, InjectOptions, Slots, LocalComponents, Directives, string>>): DefineComponent<InferredProps, SetupBindings, Data, Computed, Methods, Mixin, Extends, ResolvedEmits, RuntimeEmitsKeys, PublicProps, ToResolvedProps<InferredProps, ResolvedEmits>, ExtractDefaultPropTypes<RuntimePropsOptions>, Slots, LocalComponents, Directives, Exposed, Provide, unknown extends TypeProps ? true : false, TypeRefs, TypeEl>;
 declare const defineComponent: typeof _defineComponent;
+declare const For: new <T extends any[] | Record<any, any> | number | string | Set<any> | Map<any, any>, Item = (T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : Record<any, any>)>(props: {
+  in: T;
+} & {} & {
+  'v-slots'?: ((...args: string extends keyof Item ? [item: T[keyof T], key: keyof T, index: number] : [item: Item, index: number]) => any) | Readonly<{
+    default: (...args: string extends keyof Item ? [item: T[keyof T], key: keyof T, index: number] : [item: Item, index: number]) => any;
+  }> | NoInfer<VNodeChild> | undefined;
+} & vue0.VNodeProps & vue0.AllowedComponentProps & vue0.ComponentCustomProps) => CreateComponentPublicInstanceWithMixins<{
+  in: T;
+} & {} & {
+  'v-slots'?: ((...args: string extends keyof Item ? [item: T[keyof T], key: keyof T, index: number] : [item: Item, index: number]) => any) | Readonly<{
+    default: (...args: string extends keyof Item ? [item: T[keyof T], key: keyof T, index: number] : [item: Item, index: number]) => any;
+  }> | NoInfer<VNodeChild> | undefined;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, SlotsType<{
+  default: (...args: string extends keyof Item ? [item: T[keyof T], key: keyof T, index: number] : [item: Item, index: number]) => any;
+}>, {}, {}, never>;
 //#endregion
-export { DefineComponent, DefineSetupFnComponent, createVNodeCache, defineComponent, normalizeSlot, normalizeVNode };
+export { DefineComponent, DefineSetupFnComponent, For, createVNodeCache, defineComponent, normalizeSlot, normalizeVNode };

package/dist/vdom.d.ts

@@ -1,4 +1,5 @@
 import { a as ToResolvedProps, i as SlotsToProps, n as IsKeyValues } from "./types-CqAkLSQ8.js";
+import * as vue1 from "vue";
 import { Component, ComponentInjectOptions, ComponentObjectPropsOptions, ComponentOptions, ComponentOptionsBase, ComponentOptionsMixin, ComponentPropsOptions, ComponentProvideOptions, ComponentPublicInstance, ComponentTypeEmits, ComputedOptions, CreateComponentPublicInstanceWithMixins, Directive, EmitFn, EmitsOptions, EmitsToProps, ExtractDefaultPropTypes, ExtractPropTypes, GlobalComponents, GlobalDirectives, MethodOptions, PublicProps, Slot, SlotsType, TypeEmitsToOptions, VNode, VNodeChild } from "vue";
 
 //#region src/vdom.d.ts
@@ -56,5 +57,20 @@ declare function _defineComponent<TypeProps, RuntimePropsOptions extends Compone
 } & ComponentOptionsBase<ToResolvedProps<InferredProps, ResolvedEmits>, SetupBindings, Data, Computed, Methods, Mixin, Extends, RuntimeEmitsOptions, RuntimeEmitsKeys, {}, // Defaults
 InjectOptions, InjectKeys, Slots, LocalComponents, Directives, Exposed, Provide> & ThisType<CreateComponentPublicInstanceWithMixins<ToResolvedProps<InferredProps, ResolvedEmits>, SetupBindings, Data, Computed, Methods, Mixin, Extends, ResolvedEmits, {}, {}, false, InjectOptions, Slots, LocalComponents, Directives, string>>): DefineComponent<InferredProps, SetupBindings, Data, Computed, Methods, Mixin, Extends, ResolvedEmits, RuntimeEmitsKeys, PublicProps, ToResolvedProps<InferredProps, ResolvedEmits>, ExtractDefaultPropTypes<RuntimePropsOptions>, Slots, LocalComponents, Directives, Exposed, Provide, unknown extends TypeProps ? true : false, TypeRefs, TypeEl>;
 declare const defineComponent: typeof _defineComponent;
+declare const For: new <T extends any[] | Record<any, any> | number | string | Set<any> | Map<any, any>, Item = (T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : Record<any, any>)>(props: {
+  in: T;
+} & {} & {
+  'v-slots'?: ((...args: string extends keyof Item ? [item: T[keyof T], key: keyof T, index: number] : [item: Item, index: number]) => any) | Readonly<{
+    default: (...args: string extends keyof Item ? [item: T[keyof T], key: keyof T, index: number] : [item: Item, index: number]) => any;
+  }> | NoInfer<VNodeChild> | undefined;
+} & vue1.VNodeProps & vue1.AllowedComponentProps & vue1.ComponentCustomProps) => CreateComponentPublicInstanceWithMixins<{
+  in: T;
+} & {} & {
+  'v-slots'?: ((...args: string extends keyof Item ? [item: T[keyof T], key: keyof T, index: number] : [item: Item, index: number]) => any) | Readonly<{
+    default: (...args: string extends keyof Item ? [item: T[keyof T], key: keyof T, index: number] : [item: Item, index: number]) => any;
+  }> | NoInfer<VNodeChild> | undefined;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, SlotsType<{
+  default: (...args: string extends keyof Item ? [item: T[keyof T], key: keyof T, index: number] : [item: Item, index: number]) => any;
+}>, {}, {}, never>;
 //#endregion
-export { DefineComponent, DefineSetupFnComponent, createVNodeCache, defineComponent, normalizeSlot, normalizeVNode };
+export { DefineComponent, DefineSetupFnComponent, For, createVNodeCache, defineComponent, normalizeSlot, normalizeVNode };

package/dist/vdom.js

@@ -1,4 +1,4 @@
-import { Comment, Fragment, Text, cloneVNode, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent as defineComponent$1, getCurrentInstance, isVNode, openBlock, withCtx } from "vue";
+import { Comment, Fragment, Text, cloneVNode, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent as defineComponent$1, getCurrentInstance, isVNode, openBlock, renderList, withCtx } from "vue";
 
 //#region src/vdom.ts
 const cacheMap = /* @__PURE__ */ new WeakMap();
@@ -32,6 +32,13 @@ const normalizeSlot = (rawSlot) => {
 	});
 };
 const defineComponent = defineComponent$1;
+const For = defineComponent((props, { slots }) => {
+	const defaultSlot = slots.default;
+	return () => (openBlock(true), createElementBlock(Fragment, null, renderList(props.in, (item, key, index) => {
+		const result = defaultSlot(item, key, index);
+		return Array.isArray(result) ? result.length === 1 ? result[0] : normalizeVNode(result) : result;
+	}), 128));
+}, { props: ["in"] });
 
 //#endregion
-export { createVNodeCache, defineComponent, normalizeSlot, normalizeVNode };
+export { For, createVNodeCache, defineComponent, normalizeSlot, normalizeVNode };

package/package.json

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