@kubb/react-fabric 0.12.5 → 0.12.6

package/dist/{reactPlugin-B8VMf0BQ.d.ts → reactPlugin-Dl5F1rQk.d.ts}

@@ -1,5 +1,5 @@
 import { r as __name } from "./chunk-CrnDzoTS.js";
-import { h as types_d_exports, o as KubbElement } from "./types-XiObCuPy.js";
+import { c as FabricReactElement, h as types_d_exports } from "./types-BKnc-nPE.js";
 import { TreeNode } from "@kubb/fabric-core";
 
 //#region ../fabric-core/src/KubbFile.d.ts
@@ -250,6 +250,7 @@ interface FabricOptions {
 }
 /**
  * Available modes for file processing.
+ * @default 'sequential'
  */
 type FabricMode = 'sequential' | 'parallel';
 /**
@@ -442,15 +443,15 @@ type Options = {
   debug?: boolean;
 };
 type ExtendOptions = {
-  render(App: KubbElement): Promise<void>;
-  renderToString(App: KubbElement): Promise<string>;
+  render(App: FabricReactElement): Promise<void>;
+  renderToString(App: FabricReactElement): Promise<string>;
   waitUntilExit(): Promise<void>;
 };
 declare global {
   namespace Kubb {
     interface Fabric {
-      render(App: KubbElement): Promise<void>;
-      renderToString(App: KubbElement): Promise<string>;
+      render(App: FabricReactElement): Promise<void>;
+      renderToString(App: FabricReactElement): Promise<string>;
       waitUntilExit(): Promise<void>;
     }
   }

package/dist/{reactPlugin-I53HUDXu.d.cts → reactPlugin-fdJaWnpd.d.cts}

@@ -1,4 +1,4 @@
-import { b as __name, h as types_d_exports, o as KubbElement } from "./types-J_S-h-Ae.cjs";
+import { b as __name, c as FabricReactElement, h as types_d_exports } from "./types-K0AHi-aU.cjs";
 import { TreeNode } from "@kubb/fabric-core";
 
 //#region ../fabric-core/src/KubbFile.d.ts
@@ -249,6 +249,7 @@ interface FabricOptions {
 }
 /**
  * Available modes for file processing.
+ * @default 'sequential'
  */
 type FabricMode = 'sequential' | 'parallel';
 /**
@@ -441,15 +442,15 @@ type Options = {
   debug?: boolean;
 };
 type ExtendOptions = {
-  render(App: KubbElement): Promise<void>;
-  renderToString(App: KubbElement): Promise<string>;
+  render(App: FabricReactElement): Promise<void>;
+  renderToString(App: FabricReactElement): Promise<string>;
   waitUntilExit(): Promise<void>;
 };
 declare global {
   namespace Kubb {
     interface Fabric {
-      render(App: KubbElement): Promise<void>;
-      renderToString(App: KubbElement): Promise<string>;
+      render(App: FabricReactElement): Promise<void>;
+      renderToString(App: FabricReactElement): Promise<string>;
       waitUntilExit(): Promise<void>;
     }
   }

package/dist/{types-XiObCuPy.d.ts → types-BKnc-nPE.d.ts}

@@ -1,6 +1,6 @@
 import { i as __reExport, n as __exportAll, r as __name } from "./chunk-CrnDzoTS.js";
 import { KubbFile } from "@kubb/fabric-core/types";
-import React, { JSX, Key, ReactNode } from "react";
+import React, { JSX, ReactNode } from "react";
 
 //#region src/utils/getFunctionParams.d.ts
 type Param = {
@@ -47,11 +47,11 @@ declare class FunctionParams {
   toConstructor(): string;
 }
 declare namespace types_d_exports {
-  export { DOMElement, DOMNode, DOMNodeAttribute, ElementNames, Key, KubbElement, KubbExportProps, KubbFileProps, KubbImportProps, KubbNode, KubbSourceProps, KubbTextProps, LineBreakProps, Param, Params, TextNode };
+  export { DOMElement, DOMNode, DOMNodeAttribute, ElementNames, FabricExportProps, FabricFileProps, FabricImportProps, FabricReactElement, FabricReactNode, FabricSourceProps, FabricTextProps, Key, LineBreakProps, Param, Params, TextNode };
 }
 import * as import__kubb_fabric_core_types from "@kubb/fabric-core/types";
-type ReactElementNames = 'br' | 'div' | 'indent' | 'dedent';
-type ElementNames = ReactElementNames | 'kubb-text' | 'kubb-file' | 'kubb-source' | 'kubb-import' | 'kubb-export' | 'kubb-root' | 'kubb-app';
+type Key = string | number | bigint;
+type ElementNames = 'br' | 'div' | 'indent' | 'dedent' | 'kubb-text' | 'kubb-file' | 'kubb-source' | 'kubb-import' | 'kubb-export' | 'kubb-root' | 'kubb-app';
 type Node = {
   parentNode: DOMElement | undefined;
   internal_static?: boolean;
@@ -80,24 +80,24 @@ type DOMElement = {
   onImmediateRender?: () => void;
 } & Node;
 type NodeNames = ElementNames | TextName;
-type KubbNode = ReactNode;
-type KubbElement = JSX.Element;
-type KubbTextProps = {
-  children?: KubbNode;
+type FabricReactNode = ReactNode;
+type FabricReactElement = JSX.Element;
+type FabricTextProps = {
+  children?: FabricReactNode;
 };
-type KubbFileProps = {
+type FabricFileProps = {
   id?: string;
-  children?: KubbNode;
+  children?: FabricReactNode;
   baseName: string;
   path: string;
   override?: boolean;
   meta?: KubbFile.File['meta'];
 };
-type KubbSourceProps = KubbFile.Source & {
-  children?: KubbNode;
+type FabricSourceProps = KubbFile.Source & {
+  children?: FabricReactNode;
 };
-type KubbImportProps = KubbFile.Import;
-type KubbExportProps = KubbFile.Export;
+type FabricImportProps = KubbFile.Import;
+type FabricExportProps = KubbFile.Export;
 type LineBreakProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLBRElement>, HTMLBRElement>;
 //#endregion
-export { Param as _, Key as a, KubbFileProps as c, KubbSourceProps as d, KubbTextProps as f, FunctionParams as g, types_d_exports as h, ElementNames as i, KubbImportProps as l, TextNode as m, DOMNode as n, KubbElement as o, LineBreakProps as p, DOMNodeAttribute as r, KubbExportProps as s, DOMElement as t, KubbNode as u, Params as v, createFunctionParams as y };
+export { Param as _, FabricExportProps as a, FabricReactElement as c, FabricTextProps as d, Key as f, FunctionParams as g, types_d_exports as h, ElementNames as i, FabricReactNode as l, TextNode as m, DOMNode as n, FabricFileProps as o, LineBreakProps as p, DOMNodeAttribute as r, FabricImportProps as s, DOMElement as t, FabricSourceProps as u, Params as v, createFunctionParams as y };

package/dist/{types-J_S-h-Ae.d.cts → types-K0AHi-aU.d.cts}

@@ -1,4 +1,4 @@
-import React, { JSX, Key, ReactNode } from "react";
+import React, { JSX, ReactNode } from "react";
 import { KubbFile } from "@kubb/fabric-core/types";
 
 //#region rolldown:runtime
@@ -48,11 +48,11 @@ declare class FunctionParams {
   toConstructor(): string;
 }
 declare namespace types_d_exports {
-  export { DOMElement, DOMNode, DOMNodeAttribute, ElementNames, Key, KubbElement, KubbExportProps, KubbFileProps, KubbImportProps, KubbNode, KubbSourceProps, KubbTextProps, LineBreakProps, Param, Params, TextNode };
+  export { DOMElement, DOMNode, DOMNodeAttribute, ElementNames, FabricExportProps, FabricFileProps, FabricImportProps, FabricReactElement, FabricReactNode, FabricSourceProps, FabricTextProps, Key, LineBreakProps, Param, Params, TextNode };
 }
 import * as import__kubb_fabric_core_types from "@kubb/fabric-core/types";
-type ReactElementNames = 'br' | 'div' | 'indent' | 'dedent';
-type ElementNames = ReactElementNames | 'kubb-text' | 'kubb-file' | 'kubb-source' | 'kubb-import' | 'kubb-export' | 'kubb-root' | 'kubb-app';
+type Key = string | number | bigint;
+type ElementNames = 'br' | 'div' | 'indent' | 'dedent' | 'kubb-text' | 'kubb-file' | 'kubb-source' | 'kubb-import' | 'kubb-export' | 'kubb-root' | 'kubb-app';
 type Node = {
   parentNode: DOMElement | undefined;
   internal_static?: boolean;
@@ -81,24 +81,24 @@ type DOMElement = {
   onImmediateRender?: () => void;
 } & Node;
 type NodeNames = ElementNames | TextName;
-type KubbNode = ReactNode;
-type KubbElement = JSX.Element;
-type KubbTextProps = {
-  children?: KubbNode;
+type FabricReactNode = ReactNode;
+type FabricReactElement = JSX.Element;
+type FabricTextProps = {
+  children?: FabricReactNode;
 };
-type KubbFileProps = {
+type FabricFileProps = {
   id?: string;
-  children?: KubbNode;
+  children?: FabricReactNode;
   baseName: string;
   path: string;
   override?: boolean;
   meta?: KubbFile.File['meta'];
 };
-type KubbSourceProps = KubbFile.Source & {
-  children?: KubbNode;
+type FabricSourceProps = KubbFile.Source & {
+  children?: FabricReactNode;
 };
-type KubbImportProps = KubbFile.Import;
-type KubbExportProps = KubbFile.Export;
+type FabricImportProps = KubbFile.Import;
+type FabricExportProps = KubbFile.Export;
 type LineBreakProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLBRElement>, HTMLBRElement>;
 //#endregion
-export { Param as _, Key as a, __name as b, KubbFileProps as c, KubbSourceProps as d, KubbTextProps as f, FunctionParams as g, types_d_exports as h, ElementNames as i, KubbImportProps as l, TextNode as m, DOMNode as n, KubbElement as o, LineBreakProps as p, DOMNodeAttribute as r, KubbExportProps as s, DOMElement as t, KubbNode as u, Params as v, createFunctionParams as y };
+export { Param as _, FabricExportProps as a, __name as b, FabricReactElement as c, FabricTextProps as d, Key as f, FunctionParams as g, types_d_exports as h, ElementNames as i, FabricReactNode as l, TextNode as m, DOMNode as n, FabricFileProps as o, LineBreakProps as p, DOMNodeAttribute as r, FabricImportProps as s, DOMElement as t, FabricSourceProps as u, Params as v, createFunctionParams as y };

package/dist/types.d.cts

@@ -1,3 +1,3 @@
-import { _ as Param, a as Key, c as KubbFileProps, d as KubbSourceProps, f as KubbTextProps, i as ElementNames, l as KubbImportProps, m as TextNode, n as DOMNode, o as KubbElement, p as LineBreakProps, r as DOMNodeAttribute, s as KubbExportProps, t as DOMElement, u as KubbNode, v as Params } from "./types-J_S-h-Ae.cjs";
+import { _ as Param, a as FabricExportProps, c as FabricReactElement, d as FabricTextProps, f as Key, i as ElementNames, l as FabricReactNode, m as TextNode, n as DOMNode, o as FabricFileProps, p as LineBreakProps, r as DOMNodeAttribute, s as FabricImportProps, t as DOMElement, u as FabricSourceProps, v as Params } from "./types-K0AHi-aU.cjs";
 export * from "@kubb/fabric-core/types";
-export { DOMElement, DOMNode, DOMNodeAttribute, ElementNames, Key, KubbElement, KubbExportProps, KubbFileProps, KubbImportProps, KubbNode, KubbSourceProps, KubbTextProps, LineBreakProps, Param, Params, TextNode };
+export { DOMElement, DOMNode, DOMNodeAttribute, ElementNames, FabricExportProps, FabricFileProps, FabricImportProps, FabricReactElement, FabricReactNode, FabricSourceProps, FabricTextProps, Key, LineBreakProps, Param, Params, TextNode };

package/dist/types.d.ts

@@ -1,3 +1,3 @@
-import { _ as Param, a as Key, c as KubbFileProps, d as KubbSourceProps, f as KubbTextProps, i as ElementNames, l as KubbImportProps, m as TextNode, n as DOMNode, o as KubbElement, p as LineBreakProps, r as DOMNodeAttribute, s as KubbExportProps, t as DOMElement, u as KubbNode, v as Params } from "./types-XiObCuPy.js";
+import { _ as Param, a as FabricExportProps, c as FabricReactElement, d as FabricTextProps, f as Key, i as ElementNames, l as FabricReactNode, m as TextNode, n as DOMNode, o as FabricFileProps, p as LineBreakProps, r as DOMNodeAttribute, s as FabricImportProps, t as DOMElement, u as FabricSourceProps, v as Params } from "./types-BKnc-nPE.js";
 export * from "@kubb/fabric-core/types";
-export { DOMElement, DOMNode, DOMNodeAttribute, ElementNames, Key, KubbElement, KubbExportProps, KubbFileProps, KubbImportProps, KubbNode, KubbSourceProps, KubbTextProps, LineBreakProps, Param, Params, TextNode };
+export { DOMElement, DOMNode, DOMNodeAttribute, ElementNames, FabricExportProps, FabricFileProps, FabricImportProps, FabricReactElement, FabricReactNode, FabricSourceProps, FabricTextProps, Key, LineBreakProps, Param, Params, TextNode };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubb/react-fabric",
-  "version": "0.12.5",
+  "version": "0.12.6",
   "description": "React integration for Kubb, providing JSX runtime support and React component generation capabilities for code generation plugins.",
   "keywords": [
     "react",
@@ -103,10 +103,10 @@
     "remeda": "^2.33.4",
     "signal-exit": "^4.1.0",
     "ws": "8.18.0",
-    "@kubb/fabric-core": "0.12.5"
+    "@kubb/fabric-core": "0.12.6"
   },
   "devDependencies": {
-    "@types/react": "^19.2.9",
+    "@types/react": "^19.2.10",
     "@types/react-reconciler": "0.32.0",
     "@types/ws": "^8.18.1",
     "react": "19.2.3",

package/src/Renderer.ts

@@ -2,13 +2,13 @@ import { createContext } from 'react'
 import Reconciler, { type ReactContext } from 'react-reconciler'
 import { DefaultEventPriority, NoEventPriority } from 'react-reconciler/constants.js'
 import { appendChildNode, createNode, createTextNode, insertBeforeNode, removeChildNode, setAttribute, setTextNodeValue } from './dom.ts'
-import type { KubbNode } from './types'
+import type { FabricReactNode } from './types'
 import type { DOMElement, DOMNodeAttribute, ElementNames, TextNode } from './types.ts'
 
 declare module 'react-reconciler' {
   // @ts-expect-error custom override
   interface Reconciler {
-    updateContainerSync(element: KubbNode, container: unknown, parentComponent: any, callback?: null | (() => void)): void
+    updateContainerSync(element: FabricReactNode, container: unknown, parentComponent: any, callback?: null | (() => void)): void
     flushSyncWork(): void
     createContainer(
       containerInfo: unknown,

package/src/Runtime.tsx

@@ -6,7 +6,7 @@ import { Root } from './components/Root.tsx'
 import { createNode } from './dom.ts'
 import type { FiberRoot } from './Renderer.ts'
 import { Renderer } from './Renderer.ts'
-import type { ComponentNode, DOMElement, KubbElement } from './types.ts'
+import type { ComponentNode, DOMElement, FabricReactElement } from './types.ts'
 import { processFiles } from './utils/processFiles.ts'
 import { squashTextNodes } from './utils/squashTextNodes.ts'
 
@@ -133,7 +133,9 @@ export class Runtime {
   }
 
   onExit(error?: Error): void {
-    this.unmount(error)
+    setTimeout(() => {
+      this.unmount(error)
+    }, 0)
   }
 
   async #getOutput(node: DOMElement): Promise<string> {
@@ -156,7 +158,7 @@ export class Runtime {
     return [...values].join('\n\n')
   }
 
-  async render(node: KubbElement): Promise<void> {
+  async render(node: FabricReactElement): Promise<void> {
     const treeNode = this.#options.treeNode || new TreeNode<ComponentNode>({ type: 'Root', props: {} })
     const props = {
       fileManager: this.fileManager,
@@ -180,7 +182,7 @@ export class Runtime {
     }
   }
 
-  async renderToString(node: KubbElement): Promise<string> {
+  async renderToString(node: FabricReactElement): Promise<string> {
     const treeNode = this.#options.treeNode || new TreeNode<ComponentNode>({ type: 'Root', props: {} })
     const props = {
       fileManager: this.fileManager,

package/src/components/App.tsx

@@ -1,5 +1,5 @@
 import { AppContext, NodeTreeContext, provide, RootContext, useContext, useNodeTree } from '@kubb/fabric-core'
-import type { KubbElement, KubbNode } from '../types.ts'
+import type { FabricReactElement, FabricReactNode } from '../types.ts'
 
 export type AppProps<TMeta extends object = object> = {
   /**
@@ -9,13 +9,13 @@ export type AppProps<TMeta extends object = object> = {
   /**
    * Children nodes.
    */
-  children?: KubbNode
+  children?: FabricReactNode
 }
 
 /**
  * App container containing the AppContext carrying `meta` and an `exit` hook.
  */
-export function App<TMeta extends object = object>({ children, ...props }: AppProps<TMeta>): KubbElement {
+export function App<TMeta extends object = object>({ children, ...props }: AppProps<TMeta>): FabricReactElement {
   const { meta = {} } = props
 
   const { exit } = useContext(RootContext)
@@ -33,4 +33,4 @@ export function App<TMeta extends object = object>({ children, ...props }: AppPr
   return <>{children}</>
 }
 
-App.displayName = 'KubbApp'
+App.displayName = 'App'

package/src/components/Const.tsx

@@ -1,5 +1,5 @@
 import { NodeTreeContext, provide, useNodeTree } from '@kubb/fabric-core'
-import type { JSDoc, Key, KubbElement, KubbNode } from '../types.ts'
+import type { FabricReactElement, FabricReactNode, JSDoc, Key } from '../types.ts'
 import { createJSDoc } from '../utils/createJSDoc.ts'
 
 export type ConstProps = {
@@ -27,13 +27,13 @@ export type ConstProps = {
   /**
    * Children nodes.
    */
-  children?: KubbNode
+  children?: FabricReactNode
 }
 
 /**
  * Generates a TypeScript constant declaration.
  */
-export function Const({ children, ...props }: ConstProps): KubbElement {
+export function Const({ children, ...props }: ConstProps): FabricReactElement {
   const { name, export: canExport, type, JSDoc, asConst } = props
 
   const nodeTree = useNodeTree()
@@ -66,4 +66,4 @@ export function Const({ children, ...props }: ConstProps): KubbElement {
   )
 }
 
-Const.displayName = 'KubbConst'
+Const.displayName = 'Const'

package/src/components/File.tsx

@@ -1,6 +1,6 @@
 import { FileContext, NodeTreeContext, provide, useFile, useFileManager, useNodeTree } from '@kubb/fabric-core'
 import type { KubbFile } from '@kubb/fabric-core/types'
-import type { Key, KubbElement, KubbNode } from '../types.ts'
+import type { FabricReactElement, FabricReactNode, Key } from '../types.ts'
 
 type BasePropsWithBaseName = {
   /**
@@ -30,13 +30,13 @@ type Props<TMeta> = BaseProps & {
   meta?: TMeta
   banner?: string
   footer?: string
-  children?: KubbNode
+  children?: FabricReactNode
 }
 
 /**
  * Adds files to the FileManager
  */
-export function File<TMeta extends object = object>({ children, ...props }: Props<TMeta>): KubbElement {
+export function File<TMeta extends object = object>({ children, ...props }: Props<TMeta>): FabricReactElement {
   const { baseName, path, meta = {}, footer, banner } = props
 
   const fileManager = useFileManager()
@@ -69,11 +69,11 @@ export function File<TMeta extends object = object>({ children, ...props }: Prop
   return <kubb-file {...props}>{children}</kubb-file>
 }
 
-File.displayName = 'KubbFile'
+File.displayName = 'File'
 
 type FileSourceProps = Omit<KubbFile.Source, 'value'> & {
   key?: Key
-  children?: KubbNode
+  children?: FabricReactNode
 }
 
 /**
@@ -82,7 +82,7 @@ type FileSourceProps = Omit<KubbFile.Source, 'value'> & {
  * Marks a block of source text to be associated with the current file when
  * rendering with the FileCollector. Children are treated as the source string.
  */
-function FileSource({ children, ...props }: FileSourceProps): KubbElement {
+function FileSource({ children, ...props }: FileSourceProps): FabricReactElement {
   const { name, isExportable, isIndexable, isTypeOnly } = props
 
   const nodeTree = useNodeTree()
@@ -100,7 +100,7 @@ function FileSource({ children, ...props }: FileSourceProps): KubbElement {
   )
 }
 
-FileSource.displayName = 'KubbFileSource'
+FileSource.displayName = 'FileSource'
 
 export type FileExportProps = KubbFile.Export & { key?: Key }
 
@@ -110,7 +110,7 @@ export type FileExportProps = KubbFile.Export & { key?: Key }
  * Declares an export entry for the current file. This will be collected by
  * the FileCollector for later emission.
  */
-function FileExport(props: FileExportProps): KubbElement {
+function FileExport(props: FileExportProps): FabricReactElement {
   const { name, path, isTypeOnly, asAlias } = props
 
   const nodeTree = useNodeTree()
@@ -134,7 +134,7 @@ function FileExport(props: FileExportProps): KubbElement {
   return <kubb-export name={name} path={path} isTypeOnly={isTypeOnly} asAlias={asAlias} />
 }
 
-FileExport.displayName = 'KubbFileExport'
+FileExport.displayName = 'FileExport'
 
 export type FileImportProps = KubbFile.Import & { key?: Key }
 
@@ -143,7 +143,7 @@ export type FileImportProps = KubbFile.Import & { key?: Key }
  *
  * Declares an import entry for the current file.
  */
-function FileImport(props: FileImportProps): KubbElement {
+function FileImport(props: FileImportProps): FabricReactElement {
   const { name, root, path, isTypeOnly, isNameSpace } = props
 
   const nodeTree = useNodeTree()
@@ -168,7 +168,7 @@ function FileImport(props: FileImportProps): KubbElement {
   return <kubb-import name={name} root={root} path={path} isNameSpace={isNameSpace} isTypeOnly={isTypeOnly} />
 }
 
-FileImport.displayName = 'KubbFileImport'
+FileImport.displayName = 'FileImport'
 
 File.Export = FileExport
 File.Import = FileImport

package/src/components/Function.tsx

@@ -1,5 +1,5 @@
 import { NodeTreeContext, provide, useNodeTree } from '@kubb/fabric-core'
-import type { JSDoc, Key, KubbElement, KubbNode } from '../types.ts'
+import type { FabricReactElement, FabricReactNode, JSDoc, Key } from '../types.ts'
 import { createJSDoc } from '../utils/createJSDoc.ts'
 
 type Props = {
@@ -40,13 +40,13 @@ type Props = {
   /**
    * Children nodes.
    */
-  children?: KubbNode
+  children?: FabricReactNode
 }
 
 /**
  * Generates a TypeScript function declaration.
  */
-export function Function({ children, ...props }: Props): KubbElement {
+export function Function({ children, ...props }: Props): FabricReactElement {
   const { name, default: isDefault, export: canExport, async, generics, params, returnType, JSDoc } = props
 
   const nodeTree = useNodeTree()
@@ -97,7 +97,7 @@ export function Function({ children, ...props }: Props): KubbElement {
   )
 }
 
-Function.displayName = 'KubbFunction'
+Function.displayName = 'Function'
 
 type ArrowFunctionProps = Props & {
   /**
@@ -173,5 +173,5 @@ function ArrowFunction({ children, ...props }: ArrowFunctionProps) {
   )
 }
 
-ArrowFunction.displayName = 'KubbArrowFunction'
+ArrowFunction.displayName = 'ArrowFunction'
 Function.Arrow = ArrowFunction

package/src/components/Root.tsx

@@ -1,20 +1,20 @@
 import { type FileManager, NodeTreeContext, provide, RootContext, type TreeNode } from '@kubb/fabric-core'
 import { Component } from 'react'
 
-import type { ComponentNode, KubbElement, KubbNode } from '../types.ts'
+import type { ComponentNode, FabricReactElement, FabricReactNode } from '../types.ts'
 
 type ErrorBoundaryProps = {
   onError: (error: Error) => void
-  children?: KubbNode
+  children?: FabricReactNode
 }
 
 class ErrorBoundary extends Component<{
   onError: ErrorBoundaryProps['onError']
-  children?: KubbNode
+  children?: FabricReactNode
 }> {
   state = { hasError: false }
 
-  static displayName = 'KubbErrorBoundary'
+  static displayName = 'ErrorBoundary'
   static getDerivedStateFromError(_error: Error) {
     return { hasError: true }
   }
@@ -53,13 +53,13 @@ export type RootProps = {
   /**
    * Children nodes.
    */
-  children?: KubbNode
+  children?: FabricReactNode
 }
 
 /**
  * This component provides the root behavior for the Fabric runtime.
  */
-export function Root({ onError, onExit, treeNode, fileManager, children }: RootProps): KubbElement {
+export function Root({ onError, onExit, treeNode, fileManager, children }: RootProps): FabricReactElement {
   provide(RootContext, { exit: onExit, treeNode, fileManager })
   provide(NodeTreeContext, treeNode)
 
@@ -74,4 +74,4 @@ export function Root({ onError, onExit, treeNode, fileManager, children }: RootP
   )
 }
 
-Root.displayName = 'KubbRoot'
+Root.displayName = 'Root'

package/src/components/Type.tsx

@@ -1,5 +1,5 @@
 import { NodeTreeContext, provide, useNodeTree } from '@kubb/fabric-core'
-import type { JSDoc, Key, KubbElement, KubbNode } from '../types.ts'
+import type { FabricReactElement, FabricReactNode, JSDoc, Key } from '../types.ts'
 import { createJSDoc } from '../utils/createJSDoc.ts'
 
 export type TypeProps = {
@@ -19,13 +19,13 @@ export type TypeProps = {
   /**
    * Children nodes.
    */
-  children?: KubbNode
+  children?: FabricReactNode
 }
 
 /**
  * Generates a TypeScript type declaration.
  */
-export function Type({ children, ...props }: TypeProps): KubbElement {
+export function Type({ children, ...props }: TypeProps): FabricReactElement {
   const { name, export: canExport, JSDoc } = props
 
   const nodeTree = useNodeTree()
@@ -54,4 +54,4 @@ export function Type({ children, ...props }: TypeProps): KubbElement {
   )
 }
 
-Type.displayName = 'KubbType'
+Type.displayName = 'Type'

package/src/composables/useLifecycle.tsx

@@ -1,19 +1 @@
-import { RootContext, useContext } from '@kubb/fabric-core'
-
-/**
- * Provides lifecycle helpers that integrate with the Fabric runtime. The
- * `exit` helper schedules a call to the RootContext exit function on the
- * next tick to allow React to complete its render cycle first.
- */
-export function useLifecycle() {
-  const { exit } = useContext(RootContext)
-
-  return {
-    exit: () => {
-      // need this to let React finish its current render cycle
-      setTimeout(() => {
-        exit()
-      }, 0)
-    },
-  }
-}
+export { useLifecycle } from '@kubb/fabric-core'

package/src/devtools.ts

@@ -38,14 +38,14 @@ export function openDevtools() {
     {
       // ComponentFilterDisplayName
       type: 2,
-      value: 'KubbRoot',
+      value: 'Root',
       isEnabled: true,
       isValid: true,
     },
     {
       // ComponentFilterDisplayName
       type: 2,
-      value: 'KubbErrorBoundary',
+      value: 'ErrorBoundary',
       isEnabled: true,
       isValid: true,
     },

package/src/globals.ts

@@ -1,20 +1,29 @@
 import type React from 'react'
-import type { KubbElement, KubbExportProps, KubbFileProps, KubbImportProps, KubbNode, KubbSourceProps, KubbTextProps, LineBreakProps } from './types.ts'
+import type {
+  FabricExportProps,
+  FabricFileProps,
+  FabricImportProps,
+  FabricReactElement,
+  FabricReactNode,
+  FabricSourceProps,
+  FabricTextProps,
+  LineBreakProps,
+} from './types.ts'
 
 declare global {
   namespace JSX {
-    type Element = KubbElement
+    type Element = FabricReactElement
 
     interface ElementClass extends React.ComponentClass<any> {
-      render(): KubbNode
+      render(): FabricReactNode
     }
 
     interface IntrinsicElements {
-      'kubb-text': KubbTextProps
-      'kubb-file': KubbFileProps
-      'kubb-source': KubbSourceProps
-      'kubb-import': KubbImportProps
-      'kubb-export': KubbExportProps
+      'kubb-text': FabricTextProps
+      'kubb-file': FabricFileProps
+      'kubb-source': FabricSourceProps
+      'kubb-import': FabricImportProps
+      'kubb-export': FabricExportProps
       br: LineBreakProps
       indent: {}
       dedent: {}

package/src/index.ts

@@ -3,15 +3,10 @@ import * as React from 'react'
 
 export type { Fabric } from '@kubb/fabric-core'
 // expose fabric core helpers
-export { createFabric, createFile, FileManager, FileProcessor } from '@kubb/fabric-core'
+export { createContext, createFabric, createFile, FileManager, FileProcessor, TreeNode, useContext } from '@kubb/fabric-core'
 
 // react helpers
 export const useState = React.useState
-export const createContext = React.createContext
-export const createElement = React.createElement
-export const Fragment = React.Fragment
-export const use = React.use
-export const useContext = React.useContext
 export const useEffect = React.useEffect
 export const useReducer = React.useReducer
 export const useRef = React.useRef

package/src/jsx-dev-runtime.ts

@@ -1,10 +1,10 @@
 import * as React from 'react/jsx-dev-runtime'
-import type { KubbElement, KubbNode } from './types.ts'
+import type { FabricReactElement, FabricReactNode } from './types.ts'
 
 export const Fragment = React.Fragment
 export const jsxDEV = React.jsxDEV
 
 export type * from './jsx-namespace.d.ts'
 
-export type JSXElement = KubbElement
-export type ReactNode = KubbNode
+export type JSXElement = FabricReactElement
+export type ReactNode = FabricReactNode