@kubb/renderer-jsx 5.0.0-beta.42 → 5.0.0-beta.44

package/dist/jsx-dev-runtime.cjs

@@ -1,11 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_jsx_runtime$1 = require("./jsx-runtime-4M1bV6ub.cjs");
-//#region src/jsx-dev-runtime.ts
-var import_jsx_runtime = /* @__PURE__ */ require_jsx_runtime$1.__toESM(require_jsx_runtime$1.require_jsx_runtime(), 1);
-const Fragment = import_jsx_runtime.Fragment;
-const jsxDEV = import_jsx_runtime.jsx;
-//#endregion
-exports.Fragment = Fragment;
-exports.jsxDEV = jsxDEV;
-
-//# sourceMappingURL=jsx-dev-runtime.cjs.map
+const require_jsx_runtime = require("./jsx-runtime-CzH00oSR.cjs");
+exports.Fragment = require_jsx_runtime.Fragment;
+exports.jsxDEV = require_jsx_runtime.jsxDEV;

package/dist/jsx-dev-runtime.d.ts

@@ -1,11 +1,8 @@
-import { n as __name } from "./chunk-DoukXa0m.js";
-import { h as KubbReactNode, m as KubbReactElement } from "./types-B5VGpHs0.js";
-import { t as JSX } from "./jsx-namespace-dmStM1a2.js";
-import * as React from "react/jsx-runtime";
+import { t as __name } from "./chunk-C0LytTxp.js";
+import { d as KubbReactNode, u as KubbReactElement } from "./types-DBdp_5qR.js";
+import { Fragment, JSX, jsxDEV } from "./jsx-runtime.js";
 
 //#region src/jsx-dev-runtime.d.ts
-declare const Fragment: import("react").ExoticComponent<import("react").FragmentProps>;
-declare const jsxDEV: typeof React.jsx;
 type JSXElement = KubbReactElement;
 type ReactNode = KubbReactNode;
 //#endregion

package/dist/jsx-dev-runtime.js

@@ -1,10 +1,2 @@
-import { r as __toESM } from "./chunk-DoukXa0m.js";
-import { t as require_jsx_runtime } from "./jsx-runtime-CQ6-_gue.js";
-//#region src/jsx-dev-runtime.ts
-var import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1);
-const Fragment = import_jsx_runtime.Fragment;
-const jsxDEV = import_jsx_runtime.jsx;
-//#endregion
+import { Fragment, jsxDEV } from "./jsx-runtime.js";
 export { Fragment, jsxDEV };
-
-//# sourceMappingURL=jsx-dev-runtime.js.map

package/dist/jsx-runtime-CzH00oSR.cjs

@@ -0,0 +1,64 @@
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", {
+	value,
+	configurable: true
+});
+//#endregion
+//#region src/jsx-runtime.ts
+const KUBB_ELEMENT = Symbol.for("kubb.element");
+/**
+* Fragment marker. A `<>…</>` compiles to `jsx(Fragment, …)`, and the renderer
+* unwraps it while walking the tree.
+*/
+const Fragment = Symbol.for("kubb.fragment");
+/**
+* Create a Kubb JSX element. The automatic JSX runtime calls this for every tag,
+* so the renderer never depends on React at runtime. The element carries a
+* `$$typeof` marker, its `type` (a host string, a function component, or
+* `Fragment`), and its `props`, with children included.
+*/
+function createElement(type, props, key) {
+	return {
+		$$typeof: KUBB_ELEMENT,
+		type,
+		key: key ?? null,
+		props: props ?? {}
+	};
+}
+const jsx = createElement;
+const jsxs = createElement;
+const jsxDEV = createElement;
+//#endregion
+Object.defineProperty(exports, "Fragment", {
+	enumerable: true,
+	get: function() {
+		return Fragment;
+	}
+});
+Object.defineProperty(exports, "__name", {
+	enumerable: true,
+	get: function() {
+		return __name;
+	}
+});
+Object.defineProperty(exports, "jsx", {
+	enumerable: true,
+	get: function() {
+		return jsx;
+	}
+});
+Object.defineProperty(exports, "jsxDEV", {
+	enumerable: true,
+	get: function() {
+		return jsxDEV;
+	}
+});
+Object.defineProperty(exports, "jsxs", {
+	enumerable: true,
+	get: function() {
+		return jsxs;
+	}
+});
+
+//# sourceMappingURL=jsx-runtime-CzH00oSR.cjs.map

package/dist/jsx-runtime.cjs

@@ -1,15 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_jsx_runtime$1 = require("./jsx-runtime-4M1bV6ub.cjs");
-//#region src/jsx-runtime.ts
-var import_jsx_runtime = /* @__PURE__ */ require_jsx_runtime$1.__toESM(require_jsx_runtime$1.require_jsx_runtime(), 1);
-const Fragment = import_jsx_runtime.Fragment;
-const jsx = import_jsx_runtime.jsx;
-const jsxDEV = import_jsx_runtime.jsx;
-const jsxs = import_jsx_runtime.jsxs;
-//#endregion
-exports.Fragment = Fragment;
-exports.jsx = jsx;
-exports.jsxDEV = jsxDEV;
-exports.jsxs = jsxs;
-
-//# sourceMappingURL=jsx-runtime.cjs.map
+const require_jsx_runtime = require("./jsx-runtime-CzH00oSR.cjs");
+exports.Fragment = require_jsx_runtime.Fragment;
+exports.jsx = require_jsx_runtime.jsx;
+exports.jsxDEV = require_jsx_runtime.jsxDEV;
+exports.jsxs = require_jsx_runtime.jsxs;

package/dist/jsx-runtime.d.ts

@@ -1,13 +1,64 @@
-import { n as __name } from "./chunk-DoukXa0m.js";
-import { h as KubbReactNode, m as KubbReactElement } from "./types-B5VGpHs0.js";
-import { t as JSX } from "./jsx-namespace-dmStM1a2.js";
-import * as React from "react/jsx-runtime";
+import { t as __name } from "./chunk-C0LytTxp.js";
+import { a as KubbExportProps, c as KubbImportProps, d as KubbReactNode, f as KubbSourceProps, i as KubbConstProps, l as KubbJsxProps, m as LineBreakProps, n as Key, o as KubbFileProps, p as KubbTypeProps, r as KubbArrowFunctionProps, s as KubbFunctionProps, u as KubbReactElement } from "./types-DBdp_5qR.js";
 
+//#region src/jsx-namespace.d.ts
+/**
+ * JSX contract for `@kubb/renderer-jsx`, resolved through `jsxImportSource`.
+ *
+ * It is self-contained and does not extend `React.JSX`: the renderer only emits
+ * the custom `kubb-*` hosts plus `br`, `indent`, and `dedent`, and supports
+ * pure function components, so the HTML element and class-component machinery
+ * from `@types/react` is not needed.
+ */
+declare namespace JSX {
+  type ElementType = string | ((props: any) => KubbReactNode);
+  type Element = KubbReactElement;
+  interface ElementClass {
+    render(): KubbReactNode;
+  }
+  interface ElementAttributesProperty {
+    props: {};
+  }
+  interface ElementChildrenAttribute {
+    children: {};
+  }
+  interface IntrinsicAttributes {
+    key?: Key | null;
+  }
+  interface IntrinsicClassAttributes<T> {
+    key?: Key | null;
+  }
+  interface IntrinsicElements {
+    'kubb-jsx': KubbJsxProps;
+    'kubb-file': KubbFileProps;
+    'kubb-source': KubbSourceProps;
+    'kubb-import': KubbImportProps;
+    'kubb-export': KubbExportProps;
+    'kubb-function': KubbFunctionProps;
+    'kubb-arrow-function': KubbArrowFunctionProps;
+    'kubb-const': KubbConstProps;
+    'kubb-type': KubbTypeProps;
+    br: LineBreakProps;
+  }
+  type LibraryManagedAttributes<C, P> = P;
+}
+//#endregion
 //#region src/jsx-runtime.d.ts
-declare const Fragment: import("react").ExoticComponent<import("react").FragmentProps>;
-declare const jsx: typeof React.jsx;
-declare const jsxDEV: typeof React.jsx;
-declare const jsxs: typeof React.jsxs;
+/**
+ * Fragment marker. A `<>…</>` compiles to `jsx(Fragment, …)`, and the renderer
+ * unwraps it while walking the tree.
+ */
+declare const Fragment: unique symbol;
+/**
+ * Create a Kubb JSX element. The automatic JSX runtime calls this for every tag,
+ * so the renderer never depends on React at runtime. The element carries a
+ * `$$typeof` marker, its `type` (a host string, a function component, or
+ * `Fragment`), and its `props`, with children included.
+ */
+declare function createElement(type: unknown, props: Record<string, unknown> | null, key?: Key | null): KubbReactElement;
+declare const jsx: typeof createElement;
+declare const jsxs: typeof createElement;
+declare const jsxDEV: typeof createElement;
 type JSXElement = KubbReactElement;
 type ReactNode = KubbReactNode;
 //#endregion

package/dist/jsx-runtime.js

@@ -1,11 +1,28 @@
-import { r as __toESM } from "./chunk-DoukXa0m.js";
-import { t as require_jsx_runtime } from "./jsx-runtime-CQ6-_gue.js";
+import "./chunk-C0LytTxp.js";
 //#region src/jsx-runtime.ts
-var import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1);
-const Fragment = import_jsx_runtime.Fragment;
-const jsx = import_jsx_runtime.jsx;
-const jsxDEV = import_jsx_runtime.jsx;
-const jsxs = import_jsx_runtime.jsxs;
+const KUBB_ELEMENT = Symbol.for("kubb.element");
+/**
+* Fragment marker. A `<>…</>` compiles to `jsx(Fragment, …)`, and the renderer
+* unwraps it while walking the tree.
+*/
+const Fragment = Symbol.for("kubb.fragment");
+/**
+* Create a Kubb JSX element. The automatic JSX runtime calls this for every tag,
+* so the renderer never depends on React at runtime. The element carries a
+* `$$typeof` marker, its `type` (a host string, a function component, or
+* `Fragment`), and its `props`, with children included.
+*/
+function createElement(type, props, key) {
+	return {
+		$$typeof: KUBB_ELEMENT,
+		type,
+		key: key ?? null,
+		props: props ?? {}
+	};
+}
+const jsx = createElement;
+const jsxs = createElement;
+const jsxDEV = createElement;
 //#endregion
 export { Fragment, jsx, jsxDEV, jsxs };
 

package/dist/types-DBdp_5qR.d.ts

@@ -0,0 +1,116 @@
+import { t as __name } from "./chunk-C0LytTxp.js";
+import { ArrowFunctionNode, ConstNode, ExportNode, FileNode, FunctionNode, ImportNode, SourceNode, TypeNode } from "@kubb/ast";
+
+//#region src/types.d.ts
+/**
+ * Unique key for a Kubb JSX element in lists or conditional renders.
+ */
+type Key = string | number | bigint;
+/**
+ * Element produced by a Kubb JSX component. It carries the host or component
+ * `type`, its `props`, and an optional list `key`. The renderer walks these at
+ * runtime, so the fields stay opaque to type-checking.
+ */
+type KubbReactElement = {
+  type: unknown;
+  props: unknown;
+  key: Key | null;
+};
+/**
+ * Anything a Kubb JSX component accepts as children: an element, a primitive
+ * rendered as text, a nullish value that is skipped, or an iterable of nodes.
+ */
+type KubbReactNode = KubbReactElement | string | number | bigint | boolean | null | undefined | Iterable<KubbReactNode>;
+/**
+ * Props for the `<kubb-jsx>` element.
+ * Embeds a raw JSX string verbatim in generated output.
+ */
+type KubbJsxProps = {
+  children?: string;
+};
+/**
+ * Props for the `<kubb-file>` element.
+ * Represents a generated file.
+ */
+type KubbFileProps = {
+  id?: string | null;
+  children?: KubbReactNode;
+  baseName: string;
+  path: string;
+  override?: boolean | null;
+  meta?: FileNode['meta'] | null;
+};
+/**
+ * Props for the `<kubb-source>` element.
+ * Marks a block of source text associated with a file.
+ */
+type KubbSourceProps = Omit<SourceNode, 'kind'> & {
+  children?: KubbReactNode;
+};
+/**
+ * Props for the `<kubb-import>` element.
+ * Declares an import statement in the generated file.
+ */
+type KubbImportProps = Omit<ImportNode, 'kind'> & {};
+/**
+ * Props for the `<kubb-export>` element.
+ * Declares an export statement in the generated file.
+ */
+type KubbExportProps = Omit<ExportNode, 'kind'> & {};
+/**
+ * Props for the `<kubb-function>` element.
+ * Generates a function declaration.
+ */
+type KubbFunctionProps = Omit<FunctionNode, 'kind'> & {
+  children?: KubbReactNode;
+};
+/**
+ * Props for the `<kubb-arrow-function>` element.
+ * Generates an arrow function declaration.
+ */
+type KubbArrowFunctionProps = Omit<ArrowFunctionNode, 'kind'> & {
+  children?: KubbReactNode;
+};
+/**
+ * Props for the `<kubb-const>` element.
+ * Generates a constant declaration.
+ */
+type KubbConstProps = Omit<ConstNode, 'kind'> & {
+  children?: KubbReactNode;
+};
+/**
+ * Props for the `<kubb-type>` element.
+ * Generates a TypeScript type alias declaration.
+ */
+type KubbTypeProps = Omit<TypeNode, 'kind'> & {
+  children?: KubbReactNode;
+};
+/**
+ * Props for the `<br>` element. It emits a single line break and takes no
+ * attributes of its own.
+ */
+type LineBreakProps = {};
+/**
+ * JSDoc comment block to attach to a generated declaration.
+ * Each string in `comments` becomes one line inside the `/** … *\/` block.
+ *
+ * @example
+ * ```ts
+ * { comments: ['@description A pet object.', '@deprecated Use PetV2 instead.'] }
+ * // Emits:
+ * // /**
+ * //  * @description A pet object.
+ * //  * @deprecated Use PetV2 instead.
+ * //  *\/
+ * ```
+ */
+type JSDoc = {
+  /**
+   * Lines to emit inside the JSDoc block, in source order.
+   * Use standard JSDoc tags such as `@description`, `@deprecated`, `@see`, etc.
+   */
+  comments: Array<string>;
+};
+//#endregion
+export { KubbExportProps as a, KubbImportProps as c, KubbReactNode as d, KubbSourceProps as f, KubbConstProps as i, KubbJsxProps as l, LineBreakProps as m, Key as n, KubbFileProps as o, KubbTypeProps as p, KubbArrowFunctionProps as r, KubbFunctionProps as s, JSDoc as t, KubbReactElement as u };
+//# sourceMappingURL=types-DBdp_5qR.d.ts.map

package/dist/types.d.ts

@@ -1,2 +1,2 @@
-import { _ as KubbTextProps, a as JSDoc, b as TextNode, c as KubbConstProps, d as KubbFunctionProps, f as KubbImportProps, g as KubbSourceProps, h as KubbReactNode, i as ElementNames, l as KubbExportProps, m as KubbReactElement, n as DOMNode, o as Key, p as KubbJsxProps, r as DOMNodeAttribute, s as KubbArrowFunctionProps, t as DOMElement, u as KubbFileProps, v as KubbTypeProps, y as LineBreakProps } from "./types-B5VGpHs0.js";
-export { DOMElement, DOMNode, DOMNodeAttribute, ElementNames, JSDoc, Key, KubbArrowFunctionProps, KubbConstProps, KubbExportProps, KubbFileProps, KubbFunctionProps, KubbImportProps, KubbJsxProps, KubbReactElement, KubbReactNode, KubbSourceProps, KubbTextProps, KubbTypeProps, LineBreakProps, TextNode };
+import { a as KubbExportProps, c as KubbImportProps, d as KubbReactNode, f as KubbSourceProps, i as KubbConstProps, l as KubbJsxProps, m as LineBreakProps, n as Key, o as KubbFileProps, p as KubbTypeProps, r as KubbArrowFunctionProps, s as KubbFunctionProps, t as JSDoc, u as KubbReactElement } from "./types-DBdp_5qR.js";
+export { JSDoc, Key, KubbArrowFunctionProps, KubbConstProps, KubbExportProps, KubbFileProps, KubbFunctionProps, KubbImportProps, KubbJsxProps, KubbReactElement, KubbReactNode, KubbSourceProps, KubbTypeProps, LineBreakProps };

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@kubb/renderer-jsx",
-  "version": "5.0.0-beta.42",
-  "description": "JSX-based renderer for Kubb. Provides a custom React runtime, reconciler, and built-in components (File, Function, Type, Const) for component-based, type-safe code generation.",
+  "version": "5.0.0-beta.44",
+  "description": "Self-contained synchronous JSX renderer for Kubb. Turns JSX into FileNodes with built-in components (File, Function, Type, Const) for component-based, type-safe code generation. No React dependency.",
   "keywords": [
     "codegen",
     "jsx",
     "jsx-runtime",
     "kubb",
-    "react",
     "typescript"
   ],
   "license": "MIT",
@@ -76,32 +75,16 @@
   },
   "dependencies": {
     "yaml": "^2.9.0",
-    "@kubb/ast": "5.0.0-beta.42"
+    "@kubb/ast": "5.0.0-beta.44"
   },
   "devDependencies": {
-    "@types/react": "^19.2.16",
-    "@types/react-reconciler": "0.33.0",
-    "react": "19.2.6",
-    "react-reconciler": "0.33.0",
     "@internals/utils": "0.0.0"
   },
-  "size-limit": [
-    {
-      "path": "./dist/*.js",
-      "limit": "510 KiB",
-      "gzip": true
-    }
-  ],
   "engines": {
     "node": ">=22"
   },
-  "inlinedDependencies": {
-    "react": "19.2.6",
-    "react-reconciler": "0.33.0",
-    "scheduler": "0.27.0"
-  },
   "scripts": {
-    "build": "tsdown && size-limit",
+    "build": "tsdown",
     "clean": "node -e \"require('fs').rmSync('./dist', {recursive:true,force:true})\"",
     "lint": "oxlint .",
     "lint:fix": "oxlint --fix .",
@@ -109,9 +92,7 @@
     "release:canary": "bash ../../.github/canary.sh && node ../../scripts/build.js canary && pnpm publish --no-git-check -tag canary",
     "release:stage": "pnpm stage publish --no-git-check",
     "start": "tsdown --watch ./src",
-    "start:devtools": "npx react-devtools",
     "test": "vitest --passWithNoTests",
-    "test:devtools": "node ./dist/runner.cjs",
     "typecheck": "tsc -p ./tsconfig.json --noEmit --emitDeclarationOnly false"
   }
 }

package/src/SyncRuntime.tsx

@@ -11,8 +11,8 @@ import {
   createText,
   createType,
 } from '@kubb/ast'
-import React from 'react'
 import { KUBB_ARROW_FUNCTION, KUBB_CONST, KUBB_EXPORT, KUBB_FILE, KUBB_FUNCTION, KUBB_IMPORT, KUBB_JSX, KUBB_SOURCE, KUBB_TYPE } from './constants.ts'
+import { Fragment } from './jsx-runtime.ts'
 import type { KubbReactElement } from './types.ts'
 
 type OnText = (text: string) => void
@@ -38,11 +38,11 @@ function walkElement(element: unknown, onText: OnText, onHost: OnHost): void {
   }
 
   if (typeof element === 'object' && '$$typeof' in element) {
-    const el = element as unknown as React.ReactElement
+    const el = element as unknown as KubbReactElement
     const { type } = el
     const props = el.props as Record<string, unknown>
 
-    if (type === React.Fragment) {
+    if (type === Fragment) {
       walkElement(props['children'], onText, onHost)
       return
     }
@@ -231,11 +231,11 @@ function* walkFiles(element: unknown): Generator<FileNode> {
   }
 
   if (typeof element === 'object' && '$$typeof' in element) {
-    const el = element as unknown as React.ReactElement
+    const el = element as unknown as KubbReactElement
     const { type } = el
     const props = el.props as Record<string, unknown>
 
-    if (type === React.Fragment) {
+    if (type === Fragment) {
       yield* walkFiles(props['children'])
       return
     }

package/src/constants.ts

@@ -1,10 +1,3 @@
-import type { ElementNames } from './types.ts'
-
-/**
- * Name used for text-node entries in the virtual DOM.
- */
-export const TEXT_NODE_NAME = '#text' as const
-
 export const KUBB_FILE = 'kubb-file' as const
 export const KUBB_SOURCE = 'kubb-source' as const
 export const KUBB_EXPORT = 'kubb-export' as const
@@ -14,25 +7,3 @@ export const KUBB_ARROW_FUNCTION = 'kubb-arrow-function' as const
 export const KUBB_CONST = 'kubb-const' as const
 export const KUBB_TYPE = 'kubb-type' as const
 export const KUBB_JSX = 'kubb-jsx' as const
-
-/**
- * Set of all element names recognized by the Kubb renderer.
- * Used to distinguish Kubb-owned elements from unrecognized or text nodes during tree traversal.
- */
-export const nodeNames = new Set<ElementNames>([
-  KUBB_EXPORT,
-  KUBB_FILE,
-  KUBB_SOURCE,
-  KUBB_IMPORT,
-  KUBB_FUNCTION,
-  KUBB_ARROW_FUNCTION,
-  KUBB_CONST,
-  KUBB_TYPE,
-  KUBB_JSX,
-  'kubb-text',
-  'kubb-root',
-  'kubb-app',
-  'br',
-  'indent',
-  'dedent',
-] as const)

package/src/createRenderer.tsx

@@ -1,17 +1,16 @@
 import type { FileNode } from '@kubb/ast'
-import { Runtime } from './Runtime.tsx'
 import { SyncRuntime } from './SyncRuntime.tsx'
 import type { KubbReactElement } from './types.ts'
 
 /**
- * Renderer factory that turns the JSX produced by a generator into
- * `FileNode`s using React's reconciler under the hood. Pass as the `renderer`
- * property on `defineGenerator`. Kubb core stays generic, with no hard
- * dependency on `@kubb/renderer-jsx`.
+ * Renderer that walks the JSX tree in a single recursive pass, with no React
+ * reconciler or scheduler. Pass as the `renderer` property on
+ * `defineGenerator`. Kubb core stays generic, with no hard dependency on
+ * `@kubb/renderer-jsx`.
  *
- * Use this when generators rely on React features (hooks, suspense, context).
- * For pure-function components, see {@link jsxRendererSync} for ~2-4× faster
- * rendering.
+ * Every component must be a pure function. Hooks, suspense, and class
+ * components are not supported. It also exposes `stream()` for incremental
+ * file emission.
  *
  * @example Wire up a JSX generator
  * ```tsx
@@ -30,67 +29,16 @@ import type { KubbReactElement } from './types.ts'
  *   },
  * })
  * ```
- */
-export const jsxRenderer = () => {
-  const runtime = new Runtime()
-
-  return {
-    async render(element: KubbReactElement) {
-      await runtime.render(element)
-    },
-    get files() {
-      return runtime.nodes
-    },
-    dispose() {
-      runtime.unmount()
-    },
-    unmount(error?: Error | number | null) {
-      runtime.unmount(error)
-    },
-    [Symbol.dispose]() {
-      this.dispose()
-    },
-  }
-}
-
-/**
- * Lightweight renderer that walks the JSX tree in a single recursive pass,  * no React reconciler, no scheduler. Drop-in replacement for
- * {@link jsxRenderer} at roughly 2, 4× the throughput.
- *
- * Constraints: every component must be a pure function. Hooks, suspense, and
- * class components are not supported.
- *
- * Use this for generators that produce large amounts of output and do not need
- * React's runtime features. It also exposes `stream()` for incremental file
- * emission.
- *
- * @example Drop-in faster renderer
- * ```tsx
- * import { defineGenerator } from '@kubb/core'
- * import { jsxRendererSync } from '@kubb/renderer-jsx'
- *
- * export const myGenerator = defineGenerator<PluginTs>({
- *   name: 'types',
- *   renderer: jsxRendererSync,
- *   schema(node, ctx) {
- *     return (
- *       <File baseName="output.ts" path={`${ctx.root}/output.ts`}>
- *         <Type node={node} resolver={ctx.resolver} />
- *       </File>
- *     )
- *   },
- * })
- * ```
  *
  * @example Stream files as they are produced
  * ```tsx
- * const renderer = jsxRendererSync()
+ * const renderer = jsxRenderer()
  * for (const file of renderer.stream(element)) {
  *   await writeFile(file.path, file.sources[0])
  * }
  * ```
  */
-export const jsxRendererSync = () => {
+export const jsxRenderer = () => {
   const runtime = new SyncRuntime()
 
   return {
@@ -103,10 +51,6 @@ export const jsxRendererSync = () => {
     stream(element: KubbReactElement): Generator<FileNode> {
       return runtime.stream(element)
     },
-    dispose() {},
-    unmount(_error?: Error | number | null) {},
-    [Symbol.dispose]() {
-      this.dispose()
-    },
+    [Symbol.dispose]() {},
   }
 }

package/src/globals.ts

@@ -1,13 +1,16 @@
-import type React from 'react'
 import type {
+  KubbArrowFunctionProps,
+  KubbConstProps,
   KubbExportProps,
   KubbFileProps,
+  KubbFunctionProps,
   KubbImportProps,
   KubbJsxProps,
   KubbReactElement,
   KubbReactNode,
   KubbSourceProps,
-  KubbTextProps,
+  KubbTypeProps,
+  Key,
   LineBreakProps,
 } from './types.ts'
 
@@ -15,20 +18,25 @@ declare global {
   namespace JSX {
     type Element = KubbReactElement
 
-    interface ElementClass extends React.ComponentClass<any> {
+    interface ElementClass {
       render(): KubbReactNode
     }
 
+    interface IntrinsicAttributes {
+      key?: Key | null
+    }
+
     interface IntrinsicElements {
       'kubb-jsx': KubbJsxProps
-      'kubb-text': KubbTextProps
       'kubb-file': KubbFileProps
       'kubb-source': KubbSourceProps
       'kubb-import': KubbImportProps
       'kubb-export': KubbExportProps
+      'kubb-function': KubbFunctionProps
+      'kubb-arrow-function': KubbArrowFunctionProps
+      'kubb-const': KubbConstProps
+      'kubb-type': KubbTypeProps
       br: LineBreakProps
-      indent: {}
-      dedent: {}
     }
   }
 }

package/src/index.ts

@@ -1,6 +1,4 @@
-export { createContext, inject, provide, unprovide } from '@internals/utils'
 export { Callout } from './components/Callout.tsx'
-export { CodeBlock } from './components/CodeBlock.tsx'
 export { Const } from './components/Const.tsx'
 export { File } from './components/File.tsx'
 export { Frontmatter } from './components/Frontmatter.tsx'
@@ -9,6 +7,5 @@ export { Heading } from './components/Heading.tsx'
 export { Jsx } from './components/Jsx.tsx'
 export { List } from './components/List.tsx'
 export { Paragraph } from './components/Paragraph.tsx'
-export { Root } from './components/Root.tsx'
 export { Type } from './components/Type.tsx'
-export { jsxRenderer, jsxRendererSync } from './createRenderer.tsx'
+export { jsxRenderer } from './createRenderer.tsx'