vue-jsx 3.3.0-beta.0 → 3.3.0-rc.1

package/README.md

@@ -6,106 +6,107 @@ High-performance Vue JSX Compiler powered by Oxc.
 
 ## Features
 
-- ⚡️ High Performance: The same compiler principles as Vue.
-- 💨 Vapor Mode: The same compiler principles as Vue Vapor.
-- 🦀 Rust Compiler: Powered by Oxc, 35× faster (Virtual DOM) and 50× faster (Vapor) than Babel.
-- 🦾 Type Safe: Native type support for Typescript 7.0.
-- ✨ Unplugin: Provide `vite`, `rollup`, `rolldown` `webpack`, `rspack`, `rsbuild` , `esbuild`, `bun` and more plugins.
-- 📦 Custom Element: Support custom-element by default.
+- ⚡️ High Performance: Brings Vue compiler optimizations to JSX for efficient runtime code.
+- 💨 Vapor Mode: Compiles JSX for Vapor Mode with fine-grained reactive updates.
+- 🦀 Rust Compiler: Powered by Oxc, 30× faster for Virtual DOM and 50× faster for Vapor than Babel.
+- 🦾 Type Safe: Native TypeScript 7.0 support with automatic inference for JSX component props, refs, and children.
+- ✨ Unplugin: Integrates with Vite, Rollup, Rolldown, webpack, Rspack, Rsbuild, esbuild, Bun, and more.
+- 📦 Custom Element: Supports using and defining Custom Elements out of the box.
 
 ## Installation
 
 ```bash
-npm i vue-jsx
+pnpm add vue-jsx
 ```
 
-## Usage
-
-- [📜 Documentation](https://vuejsx.dev/)
-- [🛰️ Playground](https://repl.vuejsx.dev)
-
-<details>
-<summary>Vite</summary><br>
+## Vite
 
 ```ts
-// vite.config.ts
-import VueJsx from 'vue-jsx/vite'
+import { defineConfig } from 'vite'
+import vueJsx from 'vue-jsx/vite'
 
 export default defineConfig({
-  plugins: [VueJsx()],
+  plugins: [vueJsx()],
 })
 ```
 
-Example: [`playground/`](./playground/)
-
-<br></details>
-
-<details>
-<summary>Rollup</summary><br>
-
-```ts
-// rollup.config.js
-import VueJsx from 'vue-jsx/rollup'
+Add the JSX runtime to TypeScript:
 
-export default {
-  plugins: [VueJsx()],
+```json
+{
+  "compilerOptions": {
+    "jsx": "preserve",
+    "jsxImportSource": "vue-jsx"
+  }
 }
 ```
 
-<br></details>
-
-<details>
-<summary>Webpack</summary><br>
+`jsxImportSource` is required: there is no global `JSX` namespace, so classic
+JSX mode without `jsxImportSource` won't be type-checked. In a mixed
+React/Vue codebase that shares one `tsconfig`, use a per-file pragma instead:
 
-```ts
-// webpack.config.js
-module.exports = {
-  /* ... */
-  plugins: [require('vue-jsx/webpack')()],
-}
+```tsx
+/** @jsxImportSource vue-jsx */
 ```
 
-<br></details>
-
-<details>
-<summary>Nuxt</summary><br>
+In type positions, import the `JSX` namespace explicitly instead of relying on
+a global:
 
 ```ts
-// nuxt.config.js
-export default defineNuxtConfig({
-  modules: ['vue-jsx/nuxt'],
-})
+import type { JSX } from 'vue-jsx'
 ```
 
-> This module works for both Nuxt 2 and [Nuxt Vite](https://github.com/nuxt/vite)
+If you prefer to keep a global `JSX` namespace, write your own `global.d.ts`:
 
-<br></details>
+```ts
+import type { JSX as VueJSX } from 'vue-jsx'
+
+declare global {
+  namespace JSX {
+    type Element = VueJSX.Element
+    type ElementChildrenAttribute = VueJSX.ElementChildrenAttribute
+    type IntrinsicElements = VueJSX.IntrinsicElements
+    type IntrinsicAttributes = VueJSX.IntrinsicAttributes
+    type LibraryManagedAttributes<Component, Props> = VueJSX.LibraryManagedAttributes<
+      Component,
+      Props
+    >
+  }
+}
+```
 
-<details>
-<summary>Vue CLI</summary><br>
+To extend the JSX types, augment the module named in `jsxImportSource` from a
+module file (one with a top-level `import` or `export`):
 
 ```ts
-// vue.config.js
-module.exports = {
-  configureWebpack: {
-    plugins: [require('vue-jsx/webpack')()],
-  },
+export {}
+
+declare module 'vue-jsx' {
+  namespace JSX {
+    interface IntrinsicElements {
+      'user-card': { name: string }
+    }
+  }
 }
 ```
 
-<br></details>
-
-<details>
-<summary>esbuild</summary><br>
+## Vapor Mode
 
 ```ts
-// esbuild.config.js
-import { build } from 'esbuild'
-import VueJsx from 'vue-jsx/esbuild'
-
-build({
-  plugins: [VueJsx()],
+vueJsx({
+  vapor: true,
 })
 ```
 
-<br></details>
+When `vapor` is omitted or `false`, regular `.tsx` and `.jsx` files compile to
+Vue Virtual DOM. You can still opt individual components or files into Vapor by
+using `defineVaporComponent`, `defineVaporCustomElement`, `.vapor.tsx`, or
+`.vapor.jsx`.
+
+## Integrations
+
+The package also exports plugins for Rollup, Rolldown, webpack, Rspack,
+Rsbuild, esbuild, Bun, Nuxt, and Astro.
+
+- [Documentation](https://vuejsx.dev/)
+- [Playground](https://repl.vuejsx.dev/)

package/dist/api.d.ts

@@ -1,7 +1,5 @@
-import * as _$_vue_jsx_compiler0 from "@vue-jsx/compiler";
 import { CompilerOptions } from "@vue-jsx/compiler";
-
 //#region src/core/index.d.ts
-declare function transformVueJsx(code: string, id: string, options?: CompilerOptions): _$_vue_jsx_compiler0.TransformReturn;
+export declare function transformVueJsx(code: string, id: string, options?: CompilerOptions): import("@vue-jsx/compiler").TransformReturn;
 //#endregion
-export { type CompilerOptions, transformVueJsx };
+export type { CompilerOptions };

package/dist/api.js

@@ -1,2 +1,2 @@
-import { t as transformVueJsx } from "./core-D6A0aY-g.js";
+import { t as transformVueJsx } from "./core-BgVvweAb.js";
 export { transformVueJsx };

package/dist/astro.d.ts

@@ -1,7 +1,6 @@
-import { t as Options } from "./options-DHzozgGn.js";
-
+import { t as Options } from "./options-DO20LLvf.js";
 //#region src/astro.d.ts
-declare const _default: (options: Options) => {
+declare function _default(options: Options): {
   name: string;
   hooks: {
     'astro:config:setup': (astro: any) => void;

package/dist/bun.d.ts

@@ -1,5 +1,4 @@
-import { t as Options } from "./options-DHzozgGn.js";
-
+import { t as Options } from "./options-DO20LLvf.js";
 //#region src/bun.d.ts
 declare const _default: (options?: Options | undefined) => BunPlugin;
 //#endregion

package/dist/{core-D6A0aY-g.js → core-BgVvweAb.js}

@@ -1,10 +1,11 @@
 import { transform } from "@vue-jsx/compiler";
 //#region src/core/index.ts
 function transformVueJsx(code, id, options) {
+	const vapor = new URLSearchParams(id).has("vapor");
 	return transform(code, {
 		filename: id,
-		interop: new URLSearchParams(id).get("vapor") ? false : options?.interop,
-		...options
+		...options,
+		vapor: vapor || options?.vapor
 	});
 }
 //#endregion

package/dist/esbuild.d.ts

@@ -1,7 +1,5 @@
-import { t as Options } from "./options-DHzozgGn.js";
-import * as _$unplugin from "unplugin";
-
+import { t as Options } from "./options-DO20LLvf.js";
 //#region src/esbuild.d.ts
-declare const _default: (options?: Options | undefined) => _$unplugin.EsbuildPlugin;
+declare const _default: (options?: Options | undefined) => import("unplugin").EsbuildPlugin;
 //#endregion
 export { _default as default };

package/dist/nuxt.d.ts

@@ -1,8 +1,7 @@
-import { t as Options } from "./options-DHzozgGn.js";
-import * as _$_nuxt_schema0 from "@nuxt/schema";
-
+import { t as Options } from "./options-DO20LLvf.js";
+import "@nuxt/schema";
 //#region src/nuxt.d.ts
-interface ModuleOptions extends Options {}
-declare const _default: _$_nuxt_schema0.NuxtModule<ModuleOptions, ModuleOptions, false>;
+export interface ModuleOptions extends Options {}
+declare const _default: import("@nuxt/schema").NuxtModule<ModuleOptions, ModuleOptions, false>;
 //#endregion
-export { ModuleOptions, _default as default };
+export { _default as default };

package/dist/nuxt.js

@@ -5,8 +5,8 @@ import "@nuxt/schema";
 //#region src/nuxt.ts
 var nuxt_default = defineNuxtModule({
 	meta: {
-		name: "nuxt-vue-jsx",
-		configKey: "vue-jsx"
+		name: "vue-jsx",
+		configKey: "vueJsx"
 	},
 	setup(options) {
 		addVitePlugin(() => vite_default(options));

package/dist/{options-DHzozgGn.d.ts → options-DO20LLvf.d.ts}

@@ -1,17 +1,16 @@
 import { CompilerOptions } from "@vue-jsx/compiler";
 import { FilterPattern } from "unplugin";
 import { Options } from "@vue-jsx/macros";
-
 //#region src/options.d.ts
 interface Options$1 extends CompilerOptions {
   // define your plugin options here
   include?: FilterPattern;
   exclude?: FilterPattern;
   /**
-   * @default true
+   * @default false
    * By default, only JSX elements inside `defineVaporComponent` / `defineVaporCustomElement`,
-   * or in files ending with `.vapor.jsx` / `.vapor.tsx` (e.g., `Comp.vapor.tsx`), will be compiled to Vapor DOM.
-   * Set this to `true` if you want all JSX elements to be compiled to Vapor DOM.
+   * or in files ending with `.vapor.jsx` / `.vapor.tsx` (e.g., `Comp.vapor.tsx`), will be compiled for Vapor Mode.
+   * Set this to `true` if you want all JSX elements to be compiled for Vapor Mode.
    */
   vapor?: boolean;
   /** @default true */

package/dist/raw.d.ts

@@ -1,6 +1,5 @@
-import { t as Options } from "./options-DHzozgGn.js";
+import { t as Options } from "./options-DO20LLvf.js";
 import { UnpluginOptions } from "unplugin";
-
 //#region src/raw.d.ts
 declare const plugin: (options?: Options) => UnpluginOptions[];
 //#endregion

package/dist/raw.js

@@ -1,14 +1,12 @@
-import { t as transformVueJsx } from "./core-D6A0aY-g.js";
+import { t as transformVueJsx } from "./core-BgVvweAb.js";
 import macros from "@vue-jsx/macros/raw";
 import { propsHelperCode, propsHelperId, ssrHelperCode, ssrHelperId, vaporHelperCode, vaporHelperId, vdomHelperCode, vdomHelperId } from "@vue-jsx/runtime/raw";
-import { relative } from "pathe";
-import { normalizePath } from "unplugin-utils";
 //#region src/raw.ts
 const plugin = (options = {}) => {
 	let root = "";
 	let hmr = false;
 	let sourceMap = false;
-	const helperId = /^\/vue-jsx-vapor\//;
+	const helperId = /^\/vue-jsx\//;
 	return [...options.macros === false ? [] : options.macros ? macros(options.macros === true ? void 0 : options.macros) : [], {
 		enforce: "pre",
 		name: "vue-jsx",
@@ -45,11 +43,11 @@ const plugin = (options = {}) => {
 				exclude: options?.exclude || /node_modules/
 			} },
 			handler(code, id, { ssr } = {}) {
-				const result = transformVueJsx(code, ssr ? normalizePath(relative(root, id)) : id, {
+				const result = transformVueJsx(code, id, {
 					hmr,
 					sourceMap,
 					ssr,
-					interop: !options.vapor,
+					root,
 					...options
 				});
 				if (result?.code) return {

package/dist/rolldown.d.ts

@@ -1,7 +1,5 @@
-import { t as Options } from "./options-DHzozgGn.js";
-import * as _$rollup from "rollup";
-
+import { t as Options } from "./options-DO20LLvf.js";
 //#region src/rolldown.d.ts
-declare const _default: (options?: Options | undefined) => _$rollup.Plugin<any>[] | _$rollup.Plugin<any>;
+declare const _default: (options?: Options | undefined) => import("rollup").Plugin<any>[] | import("rollup").Plugin<any>;
 //#endregion
 export { _default as default };

package/dist/rollup.d.ts

@@ -1,7 +1,5 @@
-import { t as Options } from "./options-DHzozgGn.js";
-import * as _$rollup from "rollup";
-
+import { t as Options } from "./options-DO20LLvf.js";
 //#region src/rollup.d.ts
-declare const _default: (options?: Options | undefined) => _$rollup.Plugin<any>[];
+declare const _default: (options?: Options | undefined) => import("rollup").Plugin<any>[];
 //#endregion
 export { _default as default };

package/dist/rsbuild.d.ts

@@ -1,7 +1,6 @@
-import { t as Options } from "./options-DHzozgGn.js";
-
+import { t as Options } from "./options-DO20LLvf.js";
 //#region src/rsbuild.d.ts
-declare const _default: (options?: Options) => {
+declare function _default(options?: Options): {
   name: string;
   setup(api: any): void;
 };

package/dist/rspack.d.ts

@@ -1,5 +1,4 @@
-import { t as Options } from "./options-DHzozgGn.js";
-
+import { t as Options } from "./options-DO20LLvf.js";
 //#region src/rspack.d.ts
 declare const _default: (options?: Options | undefined) => RspackPluginInstance;
 //#endregion

package/dist/unplugin.d.ts

@@ -1,9 +1,7 @@
-import { t as Options } from "./options-DHzozgGn.js";
-import * as _$unplugin from "unplugin";
+import { t as Options } from "./options-DO20LLvf.js";
 import { UnpluginFactory } from "unplugin";
-
 //#region src/unplugin.d.ts
-declare const unpluginFactory: UnpluginFactory<Options | undefined, true>;
-declare const unplugin: _$unplugin.UnpluginInstance<Options | undefined, true>;
+export declare const unpluginFactory: UnpluginFactory<Options | undefined, true>;
+export declare const unplugin: import("unplugin").UnpluginInstance<Options | undefined, true>;
 //#endregion
-export { type Options, unplugin as default, unplugin, unpluginFactory };
+export { type Options, unplugin as default };

package/dist/unplugin.js

@@ -4,6 +4,6 @@ import { createUnplugin } from "unplugin";
 const unpluginFactory = (options = {}) => {
 	return plugin(options);
 };
-const unplugin = /* @__PURE__ */ createUnplugin(unpluginFactory);
+const unplugin = /* #__PURE__ */ createUnplugin(unpluginFactory);
 //#endregion
 export { unplugin as default, unplugin, unpluginFactory };

package/dist/vite.d.ts

@@ -1,7 +1,5 @@
-import { t as Options } from "./options-DHzozgGn.js";
-import * as _$vite from "vite";
-
+import { t as Options } from "./options-DO20LLvf.js";
 //#region src/vite.d.ts
-declare const _default: (options?: Options | undefined) => _$vite.Plugin<any>[];
+declare const _default: (options?: Options | undefined) => import("vite").Plugin<any>[];
 //#endregion
 export { _default as default };

package/dist/volar.d.ts

@@ -1,6 +1,5 @@
-import { t as Options } from "./options-DHzozgGn.js";
-import { PluginReturn } from "ts-macro";
-
+import { t as Options } from "./options-DO20LLvf.js";
+import { PluginReturn } from "@vue-jsx/macros/volar";
 //#region src/volar.d.ts
 declare const plugin: PluginReturn<Options | undefined, true>;
 //#endregion

package/dist/volar.js

@@ -1,7 +1,412 @@
-import jsxMacros from "@vue-jsx/macros/volar";
-import { allCodeFeatures, createPlugin } from "ts-macro";
-import { isHTMLTag, isSVGTag } from "@vue/shared";
-//#region ../../node_modules/.pnpm/@vue-macros+volar@3.1.4_patch_hash=79e6492c51b3afca57b92023dd1aae9ddd57140efa1cf2cdf74d_acc5ae0987bad0943555f2f9fe5e1571/node_modules/@vue-macros/volar/dist/jsx-directive-w2gUTWdx.js
+import jsxMacros, { createPlugin } from "@vue-jsx/macros/volar";
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+//#region ../../node_modules/.pnpm/muggle-string@0.4.1/node_modules/muggle-string/out/binarySearch.js
+var require_binarySearch = /* @__PURE__ */ __commonJSMin(((exports) => {
+	Object.defineProperty(exports, "__esModule", { value: true });
+	exports.binarySearch = void 0;
+	function binarySearch(offsets, start) {
+		let low = 0;
+		let high = offsets.length - 1;
+		while (low <= high) {
+			const mid = Math.floor((low + high) / 2);
+			const midValue = offsets[mid];
+			if (midValue < start) low = mid + 1;
+			else if (midValue > start) high = mid - 1;
+			else {
+				low = mid;
+				high = mid;
+				break;
+			}
+		}
+		return Math.max(Math.min(low, high, offsets.length - 1), 0);
+	}
+	exports.binarySearch = binarySearch;
+}));
+//#endregion
+//#region ../../node_modules/.pnpm/muggle-string@0.4.1/node_modules/muggle-string/out/track.js
+var require_track = /* @__PURE__ */ __commonJSMin(((exports) => {
+	Object.defineProperty(exports, "__esModule", { value: true });
+	exports.getStack = exports.track = exports.resetOffsetStack = exports.offsetStack = exports.setTracking = void 0;
+	let tracking = true;
+	let stackOffset = 0;
+	function setTracking(value) {
+		tracking = value;
+	}
+	exports.setTracking = setTracking;
+	function offsetStack() {
+		stackOffset++;
+	}
+	exports.offsetStack = offsetStack;
+	function resetOffsetStack() {
+		stackOffset--;
+	}
+	exports.resetOffsetStack = resetOffsetStack;
+	function track(segments, stacks = []) {
+		return [new Proxy(segments, { get(target, prop, receiver) {
+			if (tracking) {
+				if (prop === "push") return push;
+				if (prop === "pop") return pop;
+				if (prop === "shift") return shift;
+				if (prop === "unshift") return unshift;
+				if (prop === "splice") return splice;
+				if (prop === "sort") return sort;
+				if (prop === "reverse") return reverse;
+			}
+			return Reflect.get(target, prop, receiver);
+		} }), stacks];
+		function push(...items) {
+			stacks.push({
+				stack: getStack(),
+				length: items.length
+			});
+			return segments.push(...items);
+		}
+		function pop() {
+			if (stacks.length) {
+				const last = stacks[stacks.length - 1];
+				if (last.length > 1) last.length--;
+				else stacks.pop();
+			}
+			return segments.pop();
+		}
+		function shift() {
+			if (stacks.length) {
+				const first = stacks[0];
+				if (first.length > 1) first.length--;
+				else stacks.shift();
+			}
+			return segments.shift();
+		}
+		function unshift(...items) {
+			stacks.unshift({
+				stack: getStack(),
+				length: items.length
+			});
+			return segments.unshift(...items);
+		}
+		function splice(start, deleteCount, ...items) {
+			if (deleteCount === void 0) deleteCount = segments.length - start;
+			let _stackStart = 0;
+			let operateIndex;
+			for (let i = 0; i < stacks.length; i++) {
+				const stack = stacks[i];
+				const stackStart = _stackStart;
+				_stackStart = stackStart + stack.length;
+				if (start >= stackStart) {
+					operateIndex = i + 1;
+					const originalLength = stack.length;
+					stack.length = start - stackStart;
+					stacks.splice(operateIndex, 0, {
+						stack: stack.stack,
+						length: originalLength - stack.length
+					});
+					break;
+				}
+			}
+			if (operateIndex === void 0) throw new Error("Invalid splice operation");
+			let _deleteCount = deleteCount;
+			for (let i = operateIndex; i < stacks.length; i++) {
+				const stack = stacks[i];
+				while (_deleteCount > 0 && stack.length > 0) {
+					stack.length--;
+					_deleteCount--;
+				}
+				if (_deleteCount === 0) break;
+			}
+			stacks.splice(operateIndex, 0, {
+				stack: getStack(),
+				length: items.length
+			});
+			return segments.splice(start, deleteCount, ...items);
+		}
+		function sort(compareFn) {
+			stacks.splice(0, stacks.length, {
+				stack: getStack(),
+				length: segments.length
+			});
+			return segments.sort(compareFn);
+		}
+		function reverse() {
+			stacks.splice(0, stacks.length, {
+				stack: getStack(),
+				length: segments.length
+			});
+			return segments.reverse();
+		}
+	}
+	exports.track = track;
+	function getStack() {
+		let source = (/* @__PURE__ */ new Error()).stack.split("\n")[3 + stackOffset].trim();
+		if (source.endsWith(")")) source = source.slice(source.lastIndexOf("(") + 1, -1);
+		else source = source.slice(source.lastIndexOf(" ") + 1);
+		return source;
+	}
+	exports.getStack = getStack;
+}));
+//#endregion
+//#region ../../node_modules/.pnpm/muggle-string@0.4.1/node_modules/muggle-string/out/types.js
+var require_types = /* @__PURE__ */ __commonJSMin(((exports) => {
+	Object.defineProperty(exports, "__esModule", { value: true });
+}));
+//#endregion
+//#region ../../node_modules/.pnpm/ts-macro@0.3.7_typescript@7.0.2/node_modules/ts-macro/dist/index.js
+var import_out = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports) => {
+	var __createBinding = exports && exports.__createBinding || (Object.create ? (function(o, m, k, k2) {
+		if (k2 === void 0) k2 = k;
+		var desc = Object.getOwnPropertyDescriptor(m, k);
+		if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) desc = {
+			enumerable: true,
+			get: function() {
+				return m[k];
+			}
+		};
+		Object.defineProperty(o, k2, desc);
+	}) : (function(o, m, k, k2) {
+		if (k2 === void 0) k2 = k;
+		o[k2] = m[k];
+	}));
+	var __exportStar = exports && exports.__exportStar || function(m, exports$1) {
+		for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports$1, p)) __createBinding(exports$1, m, p);
+	};
+	Object.defineProperty(exports, "__esModule", { value: true });
+	exports.replaceRange = exports.replaceSourceRange = exports.replaceAll = exports.replace = exports.create = exports.toString = exports.getLength = void 0;
+	const binarySearch_1 = require_binarySearch();
+	const track_1 = require_track();
+	__exportStar(require_types(), exports);
+	__exportStar(require_track(), exports);
+	function getLength(segments) {
+		let length = 0;
+		for (const segment of segments) length += typeof segment == "string" ? segment.length : segment[0].length;
+		return length;
+	}
+	exports.getLength = getLength;
+	function toString(segments) {
+		return segments.map((s) => typeof s === "string" ? s : s[0]).join("");
+	}
+	exports.toString = toString;
+	function create(source) {
+		return [[
+			source,
+			void 0,
+			0
+		]];
+	}
+	exports.create = create;
+	function replace(segments, pattern, ...replacers) {
+		const match = toString(segments).match(pattern);
+		if (match && match.index !== void 0) {
+			const startOffset = match.index;
+			const endOffset = startOffset + match[0].length;
+			(0, track_1.offsetStack)();
+			replaceRange(segments, startOffset, endOffset, ...replacers.map((replacer) => typeof replacer === "function" ? replacer(match[0]) : replacer));
+			(0, track_1.resetOffsetStack)();
+		}
+	}
+	exports.replace = replace;
+	function replaceAll(segments, pattern, ...replacers) {
+		const str = toString(segments);
+		const allMatch = str.matchAll(pattern);
+		let length = str.length;
+		let lengthDiff = 0;
+		for (const match of allMatch) if (match.index !== void 0) {
+			const startOffset = match.index + lengthDiff;
+			const endOffset = startOffset + match[0].length;
+			(0, track_1.offsetStack)();
+			replaceRange(segments, startOffset, endOffset, ...replacers.map((replacer) => typeof replacer === "function" ? replacer(match[0]) : replacer));
+			(0, track_1.resetOffsetStack)();
+			const newLength = getLength(segments);
+			lengthDiff += newLength - length;
+			length = newLength;
+		}
+	}
+	exports.replaceAll = replaceAll;
+	function replaceSourceRange(segments, source, startOffset, endOffset, ...newSegments) {
+		for (const segment of segments) {
+			if (typeof segment === "string") continue;
+			if (segment[1] === source) {
+				const segmentStart = segment[2];
+				const segmentEnd = segment[2] + segment[0].length;
+				if (segmentStart <= startOffset && segmentEnd >= endOffset) {
+					const inserts = [];
+					if (startOffset > segmentStart) inserts.push(trimSegmentEnd(segment, startOffset - segmentStart));
+					for (const newSegment of newSegments) inserts.push(newSegment);
+					if (endOffset < segmentEnd) inserts.push(trimSegmentStart(segment, endOffset - segmentEnd));
+					combineStrings(inserts);
+					(0, track_1.offsetStack)();
+					segments.splice(segments.indexOf(segment), 1, ...inserts);
+					(0, track_1.resetOffsetStack)();
+					return true;
+				}
+			}
+		}
+		return false;
+	}
+	exports.replaceSourceRange = replaceSourceRange;
+	function replaceRange(segments, startOffset, endOffset, ...newSegments) {
+		const offsets = toOffsets(segments);
+		const startIndex = (0, binarySearch_1.binarySearch)(offsets, startOffset);
+		const endIndex = (0, binarySearch_1.binarySearch)(offsets, endOffset);
+		const startSegment = segments[startIndex];
+		const endSegment = segments[endIndex];
+		const startSegmentStart = offsets[startIndex];
+		const endSegmentStart = offsets[endIndex];
+		const endSegmentEnd = offsets[endIndex] + (typeof endSegment === "string" ? endSegment.length : endSegment[0].length);
+		const inserts = [];
+		if (startOffset > startSegmentStart) inserts.push(trimSegmentEnd(startSegment, startOffset - startSegmentStart));
+		for (const newSegment of newSegments) inserts.push(newSegment);
+		if (endOffset < endSegmentEnd) inserts.push(trimSegmentStart(endSegment, endOffset - endSegmentStart));
+		combineStrings(inserts);
+		(0, track_1.offsetStack)();
+		segments.splice(startIndex, endIndex - startIndex + 1, ...inserts);
+		(0, track_1.resetOffsetStack)();
+	}
+	exports.replaceRange = replaceRange;
+	function combineStrings(segments) {
+		for (let i = segments.length - 1; i >= 1; i--) if (typeof segments[i] === "string" && typeof segments[i - 1] === "string") {
+			segments[i - 1] = segments[i - 1] + segments[i];
+			(0, track_1.offsetStack)();
+			segments.splice(i, 1);
+			(0, track_1.resetOffsetStack)();
+		}
+	}
+	function trimSegmentEnd(segment, trimEnd) {
+		if (typeof segment === "string") return segment.slice(0, trimEnd);
+		return [segment[0].slice(0, trimEnd), ...segment.slice(1)];
+	}
+	function trimSegmentStart(segment, trimStart) {
+		if (typeof segment === "string") return segment.slice(trimStart);
+		if (trimStart < 0) trimStart += segment[0].length;
+		return [
+			segment[0].slice(trimStart),
+			segment[1],
+			segment[2] + trimStart,
+			...segment.slice(3)
+		];
+	}
+	function toOffsets(segments) {
+		const offsets = [];
+		let offset = 0;
+		for (const segment of segments) {
+			offsets.push(offset);
+			offset += typeof segment == "string" ? segment.length : segment[0].length;
+		}
+		return offsets;
+	}
+})))(), 1);
+const t = (e, t) => (Array.isArray(e) && (typeof e[1] == `number` && e.splice(1, 0, t), typeof e.at(-1) != `object` && e.push(l)), e);
+function n(n, r, i, ...a) {
+	return import_out.replaceSourceRange(n, void 0, r, i, ...a.map((e) => t(e)));
+}
+function r(n, r, i, a, ...o) {
+	return import_out.replaceSourceRange(n, r, i, a, ...o.map((e) => t(e, r)));
+}
+function i(t) {
+	return import_out.toString(t);
+}
+function a(t) {
+	return import_out.getLength(t);
+}
+function o(n, r, ...i) {
+	return import_out.replace(n, r, ...i.map((e) => typeof e == `function` ? e : t(e)));
+}
+function s(n, r, ...i) {
+	return import_out.replaceAll(n, r, ...i.map((e) => typeof e == `function` ? e : t(e)));
+}
+function c(e, c) {
+	return new Proxy(e, { get: (l, u, d) => u === `replaceRange` ? (t, i, ...a) => c ? r(e, c, t, i, ...a) : n(e, t, i, ...a) : u === `replace` ? (t, ...n) => o(e, t, ...n) : u === `replaceAll` ? (t, ...n) => s(e, t, ...n) : u === `toString` ? () => i(e) : u === `getLength` ? () => a(e) : u === `push` ? (...n) => e.push(...n.map((e) => t(e, c))) : u === `unshift` ? (...n) => e.unshift(...n.map((e) => t(e, c))) : u === `splice` ? (n, r, ...i) => e.splice(n, r, ...i.map((e) => t(e, c))) : Reflect.get(l, u, d) });
+}
+const l = {
+	completion: !0,
+	format: !0,
+	navigation: !0,
+	semantic: !0,
+	structure: !0,
+	verification: !0
+};
+function f(e, t, n) {
+	return n ? n.getTokenPosOfNode(e, t) : e.pos;
+}
+function p(e, t, n) {
+	return t ? t.text.slice(f(e, t, n), e.end) : ``;
+}
+function m(e) {
+	return e?.kind === 294;
+}
+function g(e) {
+	return (t) => {
+		if (t?.modules) {
+			let n = t.modules.typescript, r = e({
+				ts: n,
+				...t
+			});
+			return (Array.isArray(r) ? r : [r]).flatMap((e) => (e.resolveVirtualCode && (e.resolveEmbeddedCode ??= (t, r, i) => {
+				if ([`script_ts`, `script_tsx`].includes(i.id)) for (let a of [`script`, `scriptSetup`]) {
+					let o = r[a]?.ast;
+					if (!o) continue;
+					_(o, n), e.resolveVirtualCode({
+						sfc: r,
+						ast: o,
+						source: a,
+						filePath: t,
+						id: i.id,
+						codes: c(i.content, a),
+						lang: i.lang,
+						languageId: i.lang === `tsx` ? `typescriptreact` : `typescript`,
+						embeddedCodes: i.embeddedCodes,
+						linkedCodeMappings: i.linkedCodeMappings
+					});
+				}
+			}), e.order ??= e.enforce === `pre` ? -1 : e.enforce === `post` ? 1 : 0, e.version ??= 2.1, e));
+		}
+		return (n) => e(n, t);
+	};
+}
+function _(e, t) {
+	if (e.forEachChild) return;
+	n(e), t.forEachChild(e, function e(r) {
+		t.isIdentifier(r) && !r.text && Object.defineProperty(Object.getPrototypeOf(r), `text`, {
+			get() {
+				return t.idText(this);
+			},
+			enumerable: !0,
+			configurable: !0
+		}), n(r), t.forEachChild(r, (t) => {
+			e(t);
+		});
+	}), t.isJsxExpression ??= function(e) {
+		return m(e);
+	};
+	function n(e) {
+		e.getSourceFile = () => {
+			for (; e && e.kind !== t.SyntaxKind.SourceFile;) e = e.parent;
+			return e;
+		}, e.getFullStart = () => e.pos, e.getStart = (n = e.getSourceFile()) => f(e, n, t), e.getEnd = () => e.end, e.getText = (n = e.getSourceFile()) => p(e, n, t), e.getFullText = (t = e.getSourceFile()) => t ? t.text.slice(e.pos, e.end) : ``, e.getWidth = (t) => e.end - e.getStart(t), e.getFullWidth = () => e.end - e.pos, e.getLeadingTriviaWidth = (t) => e.getStart(t) - e.pos, e.forEachChild = (n, r) => t.forEachChild(e, n, r);
+	}
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@vue-macros+volar@3.1.4_patch_hash=4d7df65192eceb1e3a4c08b7e3c28c2aea947987c838490dcb28_441b6ef458e4462cad2dd596d8e2ac6e/node_modules/@vue-macros/volar/dist/jsx-directive-w2gUTWdx.js
 function getDirectiveArgs(attribute, options) {
 	const { ts, ast } = options;
 	const attributeName = attribute.name.getText(ast);
@@ -59,7 +464,7 @@ declare function __VLS_asFunctionalComponent<
           ? Props
           : any),
       ctx?: any,
-    ) => JSX.Element & {
+    ) => {
       __ctx: {
         attrs: Record<string, any>,
         props: (K extends { $props: infer Props }
@@ -149,7 +554,7 @@ function transformCtx(node, root, index, options) {
 	const ctxName = `__VLS_ctx_${refValue || index}`;
 	let tagName = "";
 	const originTagName = tagName = getTagName(node, options);
-	if (isHTMLTag(tagName) || isSVGTag(tagName) || tagName.includes("-")) tagName = `{}`;
+	if (!tagName.includes(".") && /^[a-z]/.test(tagName) || tagName.includes("-")) tagName = `{}`;
 	else {
 		let types = "";
 		if (openingElement.typeArguments?.length) {
@@ -229,14 +634,14 @@ function transform$1(attribute, options) {
 		`v`,
 		start,
 		{
-			...allCodeFeatures,
+			...l,
 			verification: false
 		}
 	], [
 		name[2].toUpperCase() + name.slice(3),
 		start + 2,
 		{
-			...allCodeFeatures,
+			...l,
 			verification: false
 		}
 	], `>}`);
@@ -519,7 +924,8 @@ function transformVSlot(nodeMap, ctxMap, options) {
 			if (vForAttribute) result.push("})) as any,");
 			if (vIfAttribute && vIfAttributeName) {
 				if ([`${prefix}if`, `${prefix}else-if`].includes(vIfAttributeName)) {
-					const nextAttribute = attributes[index + (attributes[index + 1]?.[0] ? 1 : 2)]?.[1].vIfAttribute;
+					const nextIndex = index + (attributes[index + 1]?.[0] ? 1 : 2);
+					const nextAttribute = attributes[nextIndex]?.[1].vIfAttribute;
 					result.push("}", nextAttribute && nextAttribute.name.getText(ast).startsWith(`${prefix}else`) ? " : " : " : null,");
 				} else if (`${prefix}else` === vIfAttributeName) result.push("},");
 			}
@@ -700,7 +1106,7 @@ function getTagName(node, options) {
 	if (!openingElement) return "";
 	return openingElement.tagName.getText(options.ast);
 }
-var jsx_directive_default = createPlugin(({ ts, vueCompilerOptions }, options = vueCompilerOptions?.vueMacros?.jsxDirective === true ? {} : vueCompilerOptions?.vueMacros?.jsxDirective ?? {}) => {
+var jsx_directive_default = g(({ ts, vueCompilerOptions }, options = vueCompilerOptions?.vueMacros?.jsxDirective === true ? {} : vueCompilerOptions?.vueMacros?.jsxDirective ?? {}) => {
 	if (!options) return [];
 	return {
 		name: "vue-macros-jsx-directive",
@@ -716,7 +1122,7 @@ var jsx_directive_default = createPlugin(({ ts, vueCompilerOptions }, options =
 	};
 });
 //#endregion
-//#region ../../node_modules/.pnpm/@vue-macros+volar@3.1.4_patch_hash=79e6492c51b3afca57b92023dd1aae9ddd57140efa1cf2cdf74d_acc5ae0987bad0943555f2f9fe5e1571/node_modules/@vue-macros/volar/dist/jsx-ref-DZlb-F7c.js
+//#region ../../node_modules/.pnpm/@vue-macros+volar@3.1.4_patch_hash=4d7df65192eceb1e3a4c08b7e3c28c2aea947987c838490dcb28_441b6ef458e4462cad2dd596d8e2ac6e/node_modules/@vue-macros/volar/dist/jsx-ref-DZlb-F7c.js
 function transformRef({ nodes, codes, ts }) {
 	for (const { name, initializer } of nodes) if (ts.isCallExpression(initializer)) codes.replaceRange(initializer.expression.end, initializer.expression.end, `<Parameters<typeof __VLS_ctx_${name.text}['expose']>[0] | null>`);
 }
@@ -740,7 +1146,7 @@ function getRefNodes(ts, sourceFile, alias) {
 	ts.forEachChild(sourceFile, walk);
 	return result;
 }
-var jsx_ref_default = createPlugin(({ ts, vueCompilerOptions }, options = vueCompilerOptions?.vueMacros?.jsxRef === true ? {} : vueCompilerOptions?.vueMacros?.jsxRef ?? {}) => {
+var jsx_ref_default = g(({ ts, vueCompilerOptions }, options = vueCompilerOptions?.vueMacros?.jsxRef === true ? {} : vueCompilerOptions?.vueMacros?.jsxRef ?? {}) => {
 	if (!options) return [];
 	const alias = options.alias || ["useRef"];
 	return {

package/dist/webpack.d.ts

@@ -1,7 +1,5 @@
-import { t as Options } from "./options-DHzozgGn.js";
-import * as _$unplugin from "unplugin";
-
+import { t as Options } from "./options-DO20LLvf.js";
 //#region src/webpack.d.ts
-declare const _default: (options?: Options | undefined) => _$unplugin.WebpackPluginInstance;
+declare const _default: (options?: Options | undefined) => import("unplugin").WebpackPluginInstance;
 //#endregion
 export { _default as default };

package/jsx-runtime/index.d.ts

@@ -1,10 +1,6 @@
 import type { Fragment, VNode } from 'vue'
 export type { JSX } from 'vue-jsx'
 
-declare global {
-  export type { JSX } from 'vue-jsx'
-}
-
 declare function jsx(type: any, props: any, key: any): VNode
 
 export { Fragment, jsx, jsx as jsxDEV, jsx as jsxs }

package/package.json

@@ -1,27 +1,44 @@
 {
   "name": "vue-jsx",
-  "type": "module",
-  "version": "3.3.0-beta.0",
+  "version": "3.3.0-rc.1",
   "description": "High-performance Vue JSX Compiler powered by Oxc",
-  "license": "MIT",
+  "keywords": [
+    "compiler",
+    "rollup",
+    "unplugin",
+    "vapor",
+    "vite",
+    "volar",
+    "vue-jsx",
+    "webpack"
+  ],
   "homepage": "https://github.com/vuejs/vue-jsx-vapor#readme",
+  "bugs": {
+    "url": "https://github.com/vuejs/vue-jsx-vapor/issues"
+  },
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vuejs/vue-jsx-vapor.git"
   },
-  "bugs": {
-    "url": "https://github.com/vuejs/vue-jsx-vapor/issues"
-  },
-  "keywords": [
-    "unplugin",
-    "vite",
-    "webpack",
-    "rollup",
-    "compiler",
-    "vue-jsx",
-    "volar",
-    "vapor"
+  "files": [
+    "dist",
+    "jsx-runtime"
   ],
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "*": [
+        "./dist/*",
+        "./*"
+      ],
+      "jsx-runtime": [
+        "./jsx-runtime/index.d.ts"
+      ]
+    }
+  },
   "exports": {
     ".": "./dist/index.js",
     "./astro": "./dist/astro.js",
@@ -42,23 +59,18 @@
     "./volar": "./dist/volar.js",
     "./*": "./*"
   },
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "*": [
-        "./dist/*",
-        "./*"
-      ],
-      "jsx-runtime": [
-        "./jsx-runtime/index.d.ts"
-      ]
-    }
+  "dependencies": {
+    "@vue-jsx/compiler": "3.3.0-rc.1",
+    "@vue-jsx/macros": "3.3.0-rc.1",
+    "@vue-jsx/runtime": "3.3.0-rc.1",
+    "unplugin": "^3.0.0"
+  },
+  "devDependencies": {
+    "@nuxt/kit": "^4.5.2",
+    "@nuxt/schema": "^4.5.2",
+    "@vue-macros/volar": "^3.1.4",
+    "vue": "3.6.0-rc.8"
   },
-  "files": [
-    "dist",
-    "jsx-runtime"
-  ],
   "peerDependencies": {
     "@nuxt/kit": "^3",
     "@nuxt/schema": "^3",
@@ -88,28 +100,12 @@
       "optional": true
     }
   },
-  "dependencies": {
-    "@vue-jsx/compiler": "3.3.0-beta.0",
-    "@vue-jsx/macros": "3.3.0-beta.0",
-    "@vue-jsx/runtime": "3.3.0-beta.0",
-    "@vue/shared": "3.6.0-rc.5",
-    "pathe": "^2.0.3",
-    "ts-macro": "^0.3.7",
-    "unplugin": "^3.0.0",
-    "unplugin-utils": "^0.3.1"
-  },
-  "devDependencies": {
-    "@nuxt/kit": "^3.21.4",
-    "@nuxt/schema": "^3.21.4",
-    "@vue-macros/volar": "^3.1.4",
-    "vue": "3.6.0-rc.5"
-  },
   "scripts": {
-    "build": "tsdown",
-    "dev": "DEV=true tsdown",
-    "lint": "eslint .",
-    "play": "npm -C playground run dev",
+    "build": "vp pack",
+    "dev": "DEV=true vp pack",
+    "lint": "vp lint .",
+    "play": "vp -C playground dev",
     "release": "bumpp && npm publish",
-    "test": "vitest"
+    "test": "vp test"
   }
 }