@kubb/react-fabric 0.12.4 → 0.12.6

package/dist/{reactPlugin-CVS9VJ5P.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
@@ -20,9 +20,18 @@ type Import = {
    */
   path: string;
   /**
-   * Add `type` prefix to the import, this will result in: `import type { Type } from './path'`.
+   * Add type-only import prefix.
+   * - `true` generates `import type { Type } from './path'`
+   * - `false` generates `import { Type } from './path'`
+   * @default false
    */
   isTypeOnly?: boolean;
+  /**
+   * Import entire module as namespace.
+   * - `true` generates `import * as Name from './path'`
+   * - `false` generates standard import
+   * @default false
+   */
   isNameSpace?: boolean;
   /**
    * When root is set it will get the path with relative getRelativePath(root, path).
@@ -32,14 +41,24 @@ type Import = {
 type Source = {
   name?: string;
   value?: string;
+  /**
+   * Make this source a type-only export.
+   * - `true` marks source as type export
+   * - `false` marks source as value export
+   * @default false
+   */
   isTypeOnly?: boolean;
   /**
-   * Has const or type 'export'
+   * Include export keyword in source.
+   * - `true` generates exportable const or type
+   * - `false` generates internal declaration
    * @default false
    */
   isExportable?: boolean;
   /**
-   * When set, barrel generation will add this
+   * Include in barrel file generation.
+   * - `true` adds to barrel exports
+   * - `false` excludes from barrel exports
    * @default false
    */
   isIndexable?: boolean;
@@ -57,17 +76,23 @@ type Export = {
    */
   path: string;
   /**
-   * Add `type` prefix to the export, this will result in: `export type { Type } from './path'`.
+   * Add type-only export prefix.
+   * - `true` generates `export type { Type } from './path'`
+   * - `false` generates `export { Type } from './path'`
+   * @default false
    */
   isTypeOnly?: boolean;
   /**
-   * Make it possible to override the name, this will result in: `export * as aliasName from './path'`.
+   * Export as aliased namespace.
+   * - `true` generates `export * as aliasName from './path'`
+   * - `false` generates standard export
+   * @default false
    */
   asAlias?: boolean;
 };
 type Extname = '.ts' | '.js' | '.tsx' | '.json' | `.${string}`;
 /**
- * Name to be used to dynamicly create the baseName(based on input.path)
+ * Name to be used to dynamically create the baseName(based on input.path)
  * Based on UNIX basename
  * @link https://nodejs.org/api/path.html#pathbasenamepath-suffix
  */
@@ -225,6 +250,7 @@ interface FabricOptions {
 }
 /**
  * Available modes for file processing.
+ * @default 'sequential'
  */
 type FabricMode = 'sequential' | 'parallel';
 /**
@@ -417,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-EQOIOEA2.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
@@ -19,9 +19,18 @@ type Import = {
    */
   path: string;
   /**
-   * Add `type` prefix to the import, this will result in: `import type { Type } from './path'`.
+   * Add type-only import prefix.
+   * - `true` generates `import type { Type } from './path'`
+   * - `false` generates `import { Type } from './path'`
+   * @default false
    */
   isTypeOnly?: boolean;
+  /**
+   * Import entire module as namespace.
+   * - `true` generates `import * as Name from './path'`
+   * - `false` generates standard import
+   * @default false
+   */
   isNameSpace?: boolean;
   /**
    * When root is set it will get the path with relative getRelativePath(root, path).
@@ -31,14 +40,24 @@ type Import = {
 type Source = {
   name?: string;
   value?: string;
+  /**
+   * Make this source a type-only export.
+   * - `true` marks source as type export
+   * - `false` marks source as value export
+   * @default false
+   */
   isTypeOnly?: boolean;
   /**
-   * Has const or type 'export'
+   * Include export keyword in source.
+   * - `true` generates exportable const or type
+   * - `false` generates internal declaration
    * @default false
    */
   isExportable?: boolean;
   /**
-   * When set, barrel generation will add this
+   * Include in barrel file generation.
+   * - `true` adds to barrel exports
+   * - `false` excludes from barrel exports
    * @default false
    */
   isIndexable?: boolean;
@@ -56,17 +75,23 @@ type Export = {
    */
   path: string;
   /**
-   * Add `type` prefix to the export, this will result in: `export type { Type } from './path'`.
+   * Add type-only export prefix.
+   * - `true` generates `export type { Type } from './path'`
+   * - `false` generates `export { Type } from './path'`
+   * @default false
    */
   isTypeOnly?: boolean;
   /**
-   * Make it possible to override the name, this will result in: `export * as aliasName from './path'`.
+   * Export as aliased namespace.
+   * - `true` generates `export * as aliasName from './path'`
+   * - `false` generates standard export
+   * @default false
    */
   asAlias?: boolean;
 };
 type Extname = '.ts' | '.js' | '.tsx' | '.json' | `.${string}`;
 /**
- * Name to be used to dynamicly create the baseName(based on input.path)
+ * Name to be used to dynamically create the baseName(based on input.path)
  * Based on UNIX basename
  * @link https://nodejs.org/api/path.html#pathbasenamepath-suffix
  */
@@ -224,6 +249,7 @@ interface FabricOptions {
 }
 /**
  * Available modes for file processing.
+ * @default 'sequential'
  */
 type FabricMode = 'sequential' | 'parallel';
 /**
@@ -416,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.4",
+  "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.4"
+    "@kubb/fabric-core": "0.12.6"
   },
   "devDependencies": {
-    "@types/react": "^19.2.8",
+    "@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 = {
@@ -21,7 +21,7 @@ type Props = {
    */
   export?: boolean
   /**
-   * Does the function has async/promise behaviour.
+   * Does the function has async/promise behavior.
    * This will also add `Promise<returnType>` as the returnType.
    */
   async?: boolean
@@ -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