storybook-react-rsbuild 3.4.2 → 3.6.0

package/dist/loaders/react-docgen-loader.js

@@ -1,196 +1,170 @@
-import CJS_COMPAT_NODE_URL_a0ef041aa6a9c434 from 'node:url';
-import CJS_COMPAT_NODE_PATH_a0ef041aa6a9c434 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_a0ef041aa6a9c434 from "node:module";
-
-var __filename = CJS_COMPAT_NODE_URL_a0ef041aa6a9c434.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_a0ef041aa6a9c434.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_a0ef041aa6a9c434.createRequire(import.meta.url);
-
-// ------------------------------------------------------------
-// end of CJS compatibility banner, injected by Storybook's esbuild configuration
-// ------------------------------------------------------------
-import "../_node-chunks/chunk-TPE2Q567.js";
-
-// src/loaders/react-docgen-loader.ts
-import findUp from "find-up";
-import MagicString from "magic-string";
-import {
-  builtinHandlers as docgenHandlers,
-  builtinResolvers as docgenResolver,
-  ERROR_CODES,
-  makeFsImporter,
-  parse,
-  utils
-} from "react-docgen";
+import "node:module";
+import magic_string from "magic-string";
+import { existsSync } from "node:fs";
+import { dirname, extname, sep } from "node:path";
+import { ERROR_CODES, builtinHandlers, builtinResolvers, makeFsImporter, parse, utils } from "react-docgen";
+import { findTsconfigPathForFile, getTsconfigPathsBaseDir } from "storybook/internal/common";
 import { logger } from "storybook/internal/node-logger";
-import * as TsconfigPaths from "tsconfig-paths";
-
-// src/loaders/docgen-resolver.ts
-import { extname } from "node:path";
 import resolve from "resolve";
-var ReactDocgenResolveError = class extends Error {
-  constructor(filename) {
-    super(`'${filename}' was ignored by react-docgen.`);
-    // the magic string that react-docgen uses to check if a module is ignored
-    this.code = "MODULE_NOT_FOUND";
-  }
-}, RESOLVE_EXTENSIONS = [
-  ".js",
-  ".cts",
-  // These were originally not in the code, I added them
-  ".mts",
-  // These were originally not in the code, I added them
-  ".ctsx",
-  // These were originally not in the code, I added them
-  ".mtsx",
-  // These were originally not in the code, I added them
-  ".ts",
-  ".tsx",
-  ".mjs",
-  ".cjs",
-  ".mts",
-  ".cts",
-  ".jsx"
+import * as __rspack_external_tsconfig_paths_8d3c5087 from "tsconfig-paths";
+class ReactDocgenResolveError extends Error {
+    code = 'MODULE_NOT_FOUND';
+    constructor(filename){
+        super(`'${filename}' was ignored by react-docgen.`);
+    }
+}
+const RESOLVE_EXTENSIONS = [
+    '.js',
+    '.cts',
+    '.mts',
+    '.ctsx',
+    '.mtsx',
+    '.ts',
+    '.tsx',
+    '.mjs',
+    '.cjs',
+    '.mts',
+    '.cts',
+    '.jsx'
 ];
 function defaultLookupModule(filename, basedir) {
-  let resolveOptions = {
-    basedir,
-    extensions: RESOLVE_EXTENSIONS,
-    // we do not need to check core modules as we cannot import them anyway
-    includeCoreModules: !1
-  };
-  try {
-    return resolve.sync(filename, resolveOptions);
-  } catch (error) {
-    let ext = extname(filename), newFilename;
-    switch (ext) {
-      case ".js":
-      case ".mjs":
-      case ".cjs": {
-        let tsFilename = `${filename.slice(0, -2)}ts`;
-        try {
-          return resolve.sync(tsFilename, {
+    const resolveOptions = {
+        basedir,
+        extensions: RESOLVE_EXTENSIONS,
+        includeCoreModules: false
+    };
+    try {
+        return resolve.sync(filename, resolveOptions);
+    } catch (error) {
+        const ext = extname(filename);
+        let newFilename;
+        switch(ext){
+            case '.js':
+            case '.mjs':
+            case '.cjs':
+                {
+                    const tsFilename = `${filename.slice(0, -2)}ts`;
+                    try {
+                        return resolve.sync(tsFilename, {
+                            ...resolveOptions,
+                            extensions: []
+                        });
+                    } catch  {
+                        newFilename = `${filename.slice(0, -2)}tsx`;
+                    }
+                    break;
+                }
+            case '.jsx':
+                newFilename = `${filename.slice(0, -3)}tsx`;
+                break;
+            default:
+                throw error;
+        }
+        return resolve.sync(newFilename, {
             ...resolveOptions,
             extensions: []
-          });
-        } catch {
-          newFilename = `${filename.slice(0, -2)}tsx`;
-        }
-        break;
-      }
-      case ".jsx":
-        newFilename = `${filename.slice(0, -3)}tsx`;
-        break;
-      default:
-        throw error;
+        });
     }
-    return resolve.sync(newFilename, {
-      ...resolveOptions,
-      // we already know that there is an extension at this point, so no need to check other extensions
-      extensions: []
-    });
-  }
 }
-
-// src/loaders/react-docgen-loader.ts
-var { getNameOrValue, isReactForwardRefCall } = utils, actualNameHandler = function(documentation, componentDefinition) {
-  if (documentation.set("definedInFile", componentDefinition.hub.file.opts.filename), (componentDefinition.isClassDeclaration() || componentDefinition.isFunctionDeclaration()) && componentDefinition.has("id"))
-    documentation.set(
-      "actualName",
-      getNameOrValue(componentDefinition.get("id"))
-    );
-  else if (componentDefinition.isArrowFunctionExpression() || componentDefinition.isFunctionExpression() || isReactForwardRefCall(componentDefinition)) {
-    let currentPath = componentDefinition;
-    for (; currentPath.parentPath; ) {
-      if (currentPath.parentPath.isVariableDeclarator()) {
-        documentation.set(
-          "actualName",
-          getNameOrValue(currentPath.parentPath.get("id"))
-        );
-        return;
-      }
-      if (currentPath.parentPath.isAssignmentExpression()) {
-        let leftPath = currentPath.parentPath.get("left");
-        if (leftPath.isIdentifier() || leftPath.isLiteral()) {
-          documentation.set("actualName", getNameOrValue(leftPath));
-          return;
+const { getNameOrValue: getNameOrValue, isReactForwardRefCall: isReactForwardRefCall } = utils;
+const react_docgen_loader_actualNameHandler = function(documentation, componentDefinition) {
+    documentation.set('definedInFile', componentDefinition.hub.file.opts.filename);
+    if ((componentDefinition.isClassDeclaration() || componentDefinition.isFunctionDeclaration()) && componentDefinition.has('id')) documentation.set('actualName', getNameOrValue(componentDefinition.get('id')));
+    else if (componentDefinition.isArrowFunctionExpression() || componentDefinition.isFunctionExpression() || isReactForwardRefCall(componentDefinition)) {
+        let currentPath = componentDefinition;
+        while(currentPath.parentPath){
+            if (currentPath.parentPath.isVariableDeclarator()) return void documentation.set('actualName', getNameOrValue(currentPath.parentPath.get('id')));
+            if (currentPath.parentPath.isAssignmentExpression()) {
+                const leftPath = currentPath.parentPath.get('left');
+                if (leftPath.isIdentifier() || leftPath.isLiteral()) return void documentation.set('actualName', getNameOrValue(leftPath));
+            }
+            currentPath = currentPath.parentPath;
         }
-      }
-      currentPath = currentPath.parentPath;
+        documentation.set('actualName', '');
     }
-    documentation.set("actualName", "");
-  }
-}, defaultHandlers = Object.values(docgenHandlers).map((handler) => handler), defaultResolver = new docgenResolver.FindExportedDefinitionsResolver(), handlers = [...defaultHandlers, actualNameHandler], tsconfigPathsInitializeStatus = "uninitialized", resolveTsconfigPathsInitialingPromise, tsconfigPathsInitialingPromise = new Promise((resolve2) => {
-  resolveTsconfigPathsInitialingPromise = resolve2;
-}), finishInitialization = () => {
-  resolveTsconfigPathsInitialingPromise(), tsconfigPathsInitializeStatus = "initialized";
-}, matchPath, TSCONFIG_CANDIDATES = [
-  "tsconfig.json",
-  "tsconfig.base.json",
-  "tsconfig.app.json"
-], findTsconfigPath = async (cwd) => {
-  for (let candidate of TSCONFIG_CANDIDATES) {
-    let found = await findUp(candidate, { cwd });
-    if (found)
-      return found;
-  }
 };
+const defaultHandlers = Object.values(builtinHandlers).map((handler)=>handler);
+const defaultResolver = new builtinResolvers.FindExportedDefinitionsResolver();
+const handlers = [
+    ...defaultHandlers,
+    react_docgen_loader_actualNameHandler
+];
 async function reactDocgenLoader(source, map) {
-  let callback = this.async(), options = this.getOptions() || {}, { debug = !1 } = options;
-  if (tsconfigPathsInitializeStatus === "uninitialized") {
-    tsconfigPathsInitializeStatus = "initializing";
-    let tsconfigPath = await findTsconfigPath(process.cwd()), tsconfig = TsconfigPaths.loadConfig(tsconfigPath);
-    tsconfig.resultType === "success" && (logger.info("Using tsconfig paths for react-docgen"), matchPath = TsconfigPaths.createMatchPath(
-      tsconfig.absoluteBaseUrl,
-      tsconfig.paths,
-      ["browser", "module", "main"]
-    )), finishInitialization();
-  }
-  tsconfigPathsInitializeStatus === "initializing" && await tsconfigPathsInitialingPromise;
-  try {
-    let docgenResults = parse(source, {
-      filename: this.resourcePath,
-      resolver: defaultResolver,
-      handlers,
-      importer: getReactDocgenImporter(matchPath),
-      babelOptions: {
-        babelrc: !1,
-        configFile: !1
-      }
-    }), magicString = new MagicString(source);
-    for (let info of docgenResults) {
-      let { actualName, definedInFile, ...docgenInfo } = info;
-      if (actualName && definedInFile === this.resourcePath) {
-        let docNode = JSON.stringify(docgenInfo);
-        magicString.append(`;${actualName}.__docgenInfo=${docNode}`);
-      }
+    const callback = this.async();
+    const options = this.getOptions() || {};
+    const { debug = false } = options;
+    try {
+        const matchPath = createTsconfigMatchPath(this.resourcePath);
+        const docgenResults = parse(source, {
+            filename: this.resourcePath,
+            resolver: defaultResolver,
+            handlers: handlers,
+            importer: getReactDocgenImporter(matchPath),
+            babelOptions: {
+                babelrc: false,
+                configFile: false
+            }
+        });
+        const magicString = new magic_string(source);
+        for (const info of docgenResults){
+            const { actualName, definedInFile, ...docgenInfo } = info;
+            if (actualName && definedInFile === this.resourcePath) {
+                const docNode = JSON.stringify(docgenInfo);
+                magicString.append(`;${actualName}.__docgenInfo=${docNode}`);
+            }
+        }
+        callback(null, magicString.toString(), map ?? magicString.generateMap({
+            hires: true,
+            source: this.resourcePath,
+            includeContent: true
+        }));
+    } catch (error) {
+        if (error.code === ERROR_CODES.MISSING_DEFINITION) callback(null, source);
+        else {
+            if (debug) {
+                logger.warn(`Failed to parse ${this.resourcePath} with react-docgen. Please use the below error message and the content of the file which causes the error to report the issue to the maintainers of react-docgen. https://github.com/reactjs/react-docgen`);
+                logger.error(error);
+            } else logger.warn(`Failed to parse ${this.resourcePath} with react-docgen. Rerun Storybook with --loglevel=debug to get more info.`);
+            callback(null, source);
+        }
     }
-    callback(
-      null,
-      magicString.toString(),
-      map ?? magicString.generateMap({
-        hires: !0,
-        source: this.resourcePath,
-        includeContent: !0
-      })
-    );
-  } catch (error) {
-    error.code === ERROR_CODES.MISSING_DEFINITION || (debug ? (logger.warn(
-      `Failed to parse ${this.resourcePath} with react-docgen. Please use the below error message and the content of the file which causes the error to report the issue to the maintainers of react-docgen. https://github.com/reactjs/react-docgen`
-    ), logger.error(error)) : logger.warn(
-      `Failed to parse ${this.resourcePath} with react-docgen. Rerun Storybook with --loglevel=debug to get more info.`
-    )), callback(null, source);
-  }
 }
 function getReactDocgenImporter(matchingPath) {
-  return makeFsImporter((filename, basedir) => {
-    let mappedFilenameByPaths = matchingPath && matchingPath(filename) || filename, result = defaultLookupModule(mappedFilenameByPaths, basedir);
-    if (RESOLVE_EXTENSIONS.find((ext) => result.endsWith(ext)))
-      return result;
-    throw new ReactDocgenResolveError(filename);
-  });
+    return makeFsImporter((filename, basedir)=>{
+        const mappedFilenameByPaths = (()=>{
+            if (matchingPath) {
+                const match = matchingPath(filename);
+                return match || filename;
+            }
+            return filename;
+        })();
+        const result = defaultLookupModule(mappedFilenameByPaths, basedir);
+        if (result.includes(`${sep}react-native${sep}index.js`)) {
+            const replaced = result.replace(`${sep}react-native${sep}index.js`, `${sep}react-native-web${sep}dist${sep}index.js`);
+            if (existsSync(replaced)) {
+                if (RESOLVE_EXTENSIONS.find((ext)=>result.endsWith(ext))) return replaced;
+            }
+        }
+        if (RESOLVE_EXTENSIONS.find((ext)=>result.endsWith(ext))) return result;
+        throw new ReactDocgenResolveError(filename);
+    });
 }
-export {
-  reactDocgenLoader as default,
-  getReactDocgenImporter
-};
+const matchPathByTsconfigPath = new Map();
+function createTsconfigMatchPath(filePath) {
+    const tsconfigPath = findTsconfigPathForFile(dirname(filePath), filePath);
+    if (!tsconfigPath) return;
+    const cached = matchPathByTsconfigPath.get(tsconfigPath);
+    if (cached) return cached;
+    const tsconfig = __rspack_external_tsconfig_paths_8d3c5087.loadConfig(tsconfigPath);
+    if ('success' !== tsconfig.resultType) return;
+    logger.debug('Using tsconfig paths for react-docgen');
+    const matchPath = __rspack_external_tsconfig_paths_8d3c5087.createMatchPath(getTsconfigPathsBaseDir(tsconfig.configFileAbsolutePath), tsconfig.paths, [
+        'browser',
+        'module',
+        'main'
+    ]);
+    matchPathByTsconfigPath.set(tsconfigPath, matchPath);
+    return matchPath;
+}
+export default reactDocgenLoader;
+export { getReactDocgenImporter };

package/dist/node/index.d.ts

@@ -1,55 +1,71 @@
-import { PluginOptions } from '@storybook/react-docgen-typescript-plugin';
-import { StorybookConfig as StorybookConfig$1, CompatibleString, TypescriptOptions } from 'storybook/internal/types';
-import { StorybookConfigRsbuild, BuilderOptions, TypescriptOptions as TypescriptOptions$1 } from 'storybook-builder-rsbuild';
-
-type FrameworkName = CompatibleString<'storybook-react-rsbuild'>;
-type BuilderName = CompatibleString<'storybook-builder-rsbuild'>;
-type FrameworkOptions = {
-    builder?: BuilderOptions;
-    strictMode?: boolean;
-    /**
-     * Use React's legacy root API to mount components
-     * @description
-     * React has introduced a new root API with React 18.x to enable a whole set of new features (e.g. concurrent features)
-     * If this flag is true, the legacy Root API is used to mount components to make it easier to migrate step by step to React 18.
-     * @default false
-     */
-    legacyRootApi?: boolean;
-};
-type TypescriptOptionsReact = {
-    /**
-     * Sets the type of Docgen when working with React and TypeScript
-     *
-     * @default `'react-docgen'`
-     */
-    reactDocgen: 'react-docgen-typescript' | 'react-docgen' | false;
-    /**
-     * Configures `react-docgen-typescript-plugin`
-     *
-     * @default
-     * @see https://github.com/storybookjs/storybook/blob/next/code/builders/builder-webpack5/src/config/defaults.js#L4-L6
-     */
-    reactDocgenTypescriptOptions: PluginOptions;
-};
-type StorybookConfigFramework = {
-    framework: FrameworkName | {
-        name: FrameworkName;
-        options: FrameworkOptions;
-    };
-    core?: StorybookConfig$1['core'] & {
-        builder?: BuilderName | {
-            name: BuilderName;
-            options: BuilderOptions;
-        };
-    };
-    typescript?: Partial<TypescriptOptions & TypescriptOptions$1 & TypescriptOptionsReact>;
-};
-/**
- * The interface for Storybook configuration in `main.ts` files.
- */
-type StorybookConfig = Omit<StorybookConfig$1, keyof StorybookConfigRsbuild | keyof StorybookConfigFramework> & StorybookConfigRsbuild & StorybookConfigFramework;
-
-declare function defineMain(config: StorybookConfig): StorybookConfig;
-
-export { defineMain };
-export type { StorybookConfig };
+import type { BuilderOptions } from 'storybook-builder-rsbuild';
+import type { CompatibleString } from 'storybook/internal/types';
+import type { PluginOptions } from '@storybook/react-docgen-typescript-plugin';
+import type { StorybookConfig as StorybookConfig_2 } from 'storybook/internal/types';
+import type { StorybookConfigRsbuild } from 'storybook-builder-rsbuild';
+import type { TypescriptOptions } from 'storybook/internal/types';
+import type { TypescriptOptions as TypescriptOptions_2 } from 'storybook-builder-rsbuild';
+
+declare type BuilderName = CompatibleString<'storybook-builder-rsbuild'>;
+
+export declare function defineMain(config: StorybookConfig): StorybookConfig;
+
+declare type FrameworkName = CompatibleString<'storybook-react-rsbuild'>;
+
+declare type FrameworkOptions = {
+    builder?: BuilderOptions;
+    strictMode?: boolean;
+    /**
+     * Use React's legacy root API to mount components
+     * @description
+     * React has introduced a new root API with React 18.x to enable a whole set of new features (e.g. concurrent features)
+     * If this flag is true, the legacy Root API is used to mount components to make it easier to migrate step by step to React 18.
+     * @default false
+     */
+    legacyRootApi?: boolean;
+};
+
+/**
+ * The interface for Storybook configuration in `main.ts` files.
+ */
+export declare type StorybookConfig = Omit<StorybookConfig_2, keyof StorybookConfigRsbuild | keyof StorybookConfigFramework> & StorybookConfigRsbuild & StorybookConfigFramework;
+
+declare type StorybookConfigFramework = {
+    framework: FrameworkName | {
+        name: FrameworkName;
+        options: FrameworkOptions;
+    };
+    core?: StorybookConfig_2['core'] & {
+        builder?: BuilderName | {
+            name: BuilderName;
+            options: BuilderOptions;
+        };
+    };
+    features?: StorybookConfig_2['features'] & {
+        /**
+         * Enable the experimental `.test` function in CSF Next
+         *
+         * @see https://storybook.js.org/docs/api/main-config/main-config-features#experimentaltestsyntax
+         */
+        experimentalTestSyntax?: boolean;
+    };
+    typescript?: Partial<TypescriptOptions & TypescriptOptions_2 & TypescriptOptionsReact>;
+};
+
+declare type TypescriptOptionsReact = {
+    /**
+     * Sets the type of Docgen when working with React and TypeScript
+     *
+     * @default `'react-docgen'`
+     */
+    reactDocgen: 'react-docgen-typescript' | 'react-docgen' | false;
+    /**
+     * Configures `react-docgen-typescript-plugin`
+     *
+     * @default
+     * @see https://github.com/storybookjs/storybook/blob/next/code/builders/builder-webpack5/src/config/defaults.js#L4-L6
+     */
+    reactDocgenTypescriptOptions: PluginOptions;
+};
+
+export { }

package/dist/node/index.js

@@ -1,20 +1,5 @@
-import CJS_COMPAT_NODE_URL_a0ef041aa6a9c434 from 'node:url';
-import CJS_COMPAT_NODE_PATH_a0ef041aa6a9c434 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_a0ef041aa6a9c434 from "node:module";
-
-var __filename = CJS_COMPAT_NODE_URL_a0ef041aa6a9c434.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_a0ef041aa6a9c434.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_a0ef041aa6a9c434.createRequire(import.meta.url);
-
-// ------------------------------------------------------------
-// end of CJS compatibility banner, injected by Storybook's esbuild configuration
-// ------------------------------------------------------------
-import "../_node-chunks/chunk-TPE2Q567.js";
-
-// src/node/index.ts
+import "node:module";
 function defineMain(config) {
-  return config;
+    return config;
 }
-export {
-  defineMain
-};
+export { defineMain };

package/dist/preset.d.ts

@@ -1,55 +1,74 @@
-import { StorybookConfig as StorybookConfig$1, CompatibleString, TypescriptOptions, PresetProperty } from 'storybook/internal/types';
-import { PluginOptions } from '@storybook/react-docgen-typescript-plugin';
-import { StorybookConfigRsbuild, BuilderOptions, TypescriptOptions as TypescriptOptions$1 } from 'storybook-builder-rsbuild';
-
-type FrameworkName = CompatibleString<'storybook-react-rsbuild'>;
-type BuilderName = CompatibleString<'storybook-builder-rsbuild'>;
-type FrameworkOptions = {
-    builder?: BuilderOptions;
-    strictMode?: boolean;
-    /**
-     * Use React's legacy root API to mount components
-     * @description
-     * React has introduced a new root API with React 18.x to enable a whole set of new features (e.g. concurrent features)
-     * If this flag is true, the legacy Root API is used to mount components to make it easier to migrate step by step to React 18.
-     * @default false
-     */
-    legacyRootApi?: boolean;
-};
-type TypescriptOptionsReact = {
-    /**
-     * Sets the type of Docgen when working with React and TypeScript
-     *
-     * @default `'react-docgen'`
-     */
-    reactDocgen: 'react-docgen-typescript' | 'react-docgen' | false;
-    /**
-     * Configures `react-docgen-typescript-plugin`
-     *
-     * @default
-     * @see https://github.com/storybookjs/storybook/blob/next/code/builders/builder-webpack5/src/config/defaults.js#L4-L6
-     */
-    reactDocgenTypescriptOptions: PluginOptions;
-};
-type StorybookConfigFramework = {
-    framework: FrameworkName | {
-        name: FrameworkName;
-        options: FrameworkOptions;
-    };
-    core?: StorybookConfig$1['core'] & {
-        builder?: BuilderName | {
-            name: BuilderName;
-            options: BuilderOptions;
-        };
-    };
-    typescript?: Partial<TypescriptOptions & TypescriptOptions$1 & TypescriptOptionsReact>;
-};
-/**
- * The interface for Storybook configuration in `main.ts` files.
- */
-type StorybookConfig = Omit<StorybookConfig$1, keyof StorybookConfigRsbuild | keyof StorybookConfigFramework> & StorybookConfigRsbuild & StorybookConfigFramework;
-
-declare const rsbuildFinal: NonNullable<StorybookConfig['rsbuildFinal']>;
-declare const core: PresetProperty<'core'>;
-
-export { core, rsbuildFinal };
+import type { BuilderOptions } from 'storybook-builder-rsbuild';
+import type { CompatibleString } from 'storybook/internal/types';
+import type { PluginOptions } from '@storybook/react-docgen-typescript-plugin';
+import type { PresetProperty } from 'storybook/internal/types';
+import type { StorybookConfig as StorybookConfig_2 } from 'storybook/internal/types';
+import type { StorybookConfigRsbuild } from 'storybook-builder-rsbuild';
+import type { TypescriptOptions } from 'storybook/internal/types';
+import type { TypescriptOptions as TypescriptOptions_2 } from 'storybook-builder-rsbuild';
+
+declare type BuilderName = CompatibleString<'storybook-builder-rsbuild'>;
+
+export declare const core: PresetProperty<'core'>;
+
+declare type FrameworkName = CompatibleString<'storybook-react-rsbuild'>;
+
+declare type FrameworkOptions = {
+    builder?: BuilderOptions;
+    strictMode?: boolean;
+    /**
+     * Use React's legacy root API to mount components
+     * @description
+     * React has introduced a new root API with React 18.x to enable a whole set of new features (e.g. concurrent features)
+     * If this flag is true, the legacy Root API is used to mount components to make it easier to migrate step by step to React 18.
+     * @default false
+     */
+    legacyRootApi?: boolean;
+};
+
+export declare const rsbuildFinal: NonNullable<StorybookConfig['rsbuildFinal']>;
+
+/**
+ * The interface for Storybook configuration in `main.ts` files.
+ */
+declare type StorybookConfig = Omit<StorybookConfig_2, keyof StorybookConfigRsbuild | keyof StorybookConfigFramework> & StorybookConfigRsbuild & StorybookConfigFramework;
+
+declare type StorybookConfigFramework = {
+    framework: FrameworkName | {
+        name: FrameworkName;
+        options: FrameworkOptions;
+    };
+    core?: StorybookConfig_2['core'] & {
+        builder?: BuilderName | {
+            name: BuilderName;
+            options: BuilderOptions;
+        };
+    };
+    features?: StorybookConfig_2['features'] & {
+        /**
+         * Enable the experimental `.test` function in CSF Next
+         *
+         * @see https://storybook.js.org/docs/api/main-config/main-config-features#experimentaltestsyntax
+         */
+        experimentalTestSyntax?: boolean;
+    };
+    typescript?: Partial<TypescriptOptions & TypescriptOptions_2 & TypescriptOptionsReact>;
+};
+
+declare type TypescriptOptionsReact = {
+    /**
+     * Sets the type of Docgen when working with React and TypeScript
+     *
+     * @default `'react-docgen'`
+     */
+    reactDocgen: 'react-docgen-typescript' | 'react-docgen' | false;
+    /**
+     * Configures `react-docgen-typescript-plugin`
+     *
+     * @default
+     * @see https://github.com/storybookjs/storybook/blob/next/code/builders/builder-webpack5/src/config/defaults.js#L4-L6
+     */
+    reactDocgenTypescriptOptions: PluginOptions;
+};
+
+export { }