diff --git a/.eslintrc.js b/.eslintrc.js
index 4528c57ccae7e0..b19da2f56b682b 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -436,7 +436,10 @@ module.exports = {
             ],
           },
         ],
-        'import/no-cycle': ['error', { ignoreExternal: true }],
+        // TODO: Consider setting back to `ignoreExternal: true` when the expected behavior is fixed:
+        // https://github.com/import-js/eslint-plugin-import/issues/2348#issuecomment-1587320057
+        // Reevaluate when https://github.com/import-js/eslint-plugin-import/pull/2998 is released.
+        'import/no-cycle': ['error', { ignoreExternal: false }],
       },
     },
     {
diff --git a/packages/api-docs-builder-core/baseUi/generateApiLinks.ts b/packages/api-docs-builder-core/baseUi/generateApiLinks.ts
index 31ecd2feb32ee4..664d973f60ce6c 100644
--- a/packages/api-docs-builder-core/baseUi/generateApiLinks.ts
+++ b/packages/api-docs-builder-core/baseUi/generateApiLinks.ts
@@ -1,6 +1,5 @@
 import kebabCase from 'lodash/kebabCase';
-import { ReactApi as ComponentReactApi } from '@mui-internal/api-docs-builder/ApiBuilders/ComponentApiBuilder';
-import { ReactApi as HookReactApi } from '@mui-internal/api-docs-builder/ApiBuilders/HookApiBuilder';
+import { ComponentReactApi, HookReactApi } from '@mui-internal/api-docs-builder';
 
 /**
  * Generates the api links, in a format that would point to the appropriate API tab
diff --git a/packages/api-docs-builder/ApiBuilders/ComponentApiBuilder.ts b/packages/api-docs-builder/ApiBuilders/ComponentApiBuilder.ts
index db2abf548a1630..c4279fd99407d8 100644
--- a/packages/api-docs-builder/ApiBuilders/ComponentApiBuilder.ts
+++ b/packages/api-docs-builder/ApiBuilders/ComponentApiBuilder.ts
@@ -8,12 +8,11 @@ import kebabCase from 'lodash/kebabCase';
 import remark from 'remark';
 import remarkVisit from 'unist-util-visit';
 import type { Link } from 'mdast';
-import { defaultHandlers, parse as docgenParse, ReactDocgenApi } from 'react-docgen';
+import { defaultHandlers, parse as docgenParse } from 'react-docgen';
 import { renderMarkdown } from '@mui/internal-markdown';
-import { ComponentClassDefinition } from '@mui/internal-docs-utils';
 import { parse as parseDoctrine, Annotation } from 'doctrine';
 import { ProjectSettings, SortingStrategiesType } from '../ProjectSettings';
-import { ComponentInfo, toGitHubPath, writePrettifiedFile } from '../buildApiUtils';
+import { toGitHubPath, writePrettifiedFile } from '../buildApiUtils';
 import muiDefaultPropsHandler from '../utils/defaultPropsHandler';
 import parseTest from '../utils/parseTest';
 import generatePropTypeDescription, { getChained } from '../utils/generatePropTypeDescription';
@@ -23,90 +22,11 @@ import createDescribeableProp, {
 } from '../utils/createDescribeableProp';
 import generatePropDescription from '../utils/generatePropDescription';
 import { TypeScriptProject } from '../utils/createTypeScriptProject';
-import parseSlotsAndClasses, { Slot } from '../utils/parseSlotsAndClasses';
+import parseSlotsAndClasses from '../utils/parseSlotsAndClasses';
 import generateApiTranslations from '../utils/generateApiTranslation';
 import { sortAlphabetical } from '../utils/sortObjects';
-
-export type AdditionalPropsInfo = {
-  cssApi?: boolean;
-  sx?: boolean;
-  slotsApi?: boolean;
-  'joy-size'?: boolean;
-  'joy-color'?: boolean;
-  'joy-variant'?: boolean;
-};
-
-export type SeeMore = { description: string; link: { text: string; url: string } };
-
-export interface ReactApi extends ReactDocgenApi {
-  demos: ReturnType<ComponentInfo['getDemos']>;
-  EOL: string;
-  filename: string;
-  apiPathname: string;
-  forwardsRefTo: string | undefined;
-  inheritance: ReturnType<ComponentInfo['getInheritance']>;
-  /**
-   * react component name
-   * @example 'Accordion'
-   */
-  name: string;
-  muiName: string;
-  description: string;
-  spread: boolean | undefined;
-  /**
-   * If `true`, the component supports theme default props customization.
-   * If `null`, we couldn't infer this information.
-   * If `undefined`, it's not applicable in this context, for example Base UI components.
-   */
-  themeDefaultProps: boolean | undefined | null;
-  /**
-   * result of path.readFileSync from the `filename` in utf-8
-   */
-  src: string;
-  classes: ComponentClassDefinition[];
-  slots: Slot[];
-  propsTable: _.Dictionary<{
-    default: string | undefined;
-    required: boolean | undefined;
-    type: { name: string | undefined; description: string | undefined };
-    deprecated: true | undefined;
-    deprecationInfo: string | undefined;
-    signature: undefined | { type: string; describedArgs?: string[]; returned?: string };
-    additionalInfo?: AdditionalPropsInfo;
-    seeMoreLink?: SeeMore['link'];
-  }>;
-  /**
-   * Different ways to import components
-   */
-  imports: string[];
-  translations: {
-    componentDescription: string;
-    deprecationInfo: string | undefined;
-    propDescriptions: {
-      [key: string]: {
-        description: string;
-        requiresRef?: boolean;
-        deprecated?: string;
-        typeDescriptions?: { [t: string]: string };
-        seeMoreText?: string;
-      };
-    };
-    classDescriptions: {
-      [key: string]: {
-        description: string;
-        conditions?: string;
-        nodeName?: string;
-        deprecationInfo?: string;
-      };
-    };
-    slotDescriptions?: { [key: string]: string };
-  };
-  /**
-   * The folder used to store the API translation.
-   */
-  apiDocsTranslationFolder?: string;
-  deprecated: true | undefined;
-}
+import { AdditionalPropsInfo, ComponentReactApi } from '../types/ApiBuilder.types';
+import { Slot, ComponentInfo } from '../types/utils.types';
 
 const cssComponents = ['Box', 'Grid', 'Typography', 'Stack'];
 
@@ -118,7 +38,7 @@ const cssComponents = ['Box', 'Grid', 'Typography', 'Stack'];
  * this method.
  */
 export async function computeApiDescription(
-  api: { description: ReactApi['description'] },
+  api: { description: ComponentReactApi['description'] },
   options: { host: string },
 ): Promise<string> {
   const { host } = options;
@@ -151,7 +71,7 @@ export async function computeApiDescription(
  *  * - [Icon API](https://mui.com/api/icon/)
  */
 async function annotateComponentDefinition(
-  api: ReactApi,
+  api: ComponentReactApi,
   componentJsdoc: Annotation,
   projectSettings: ProjectSettings,
 ) {
@@ -372,7 +292,7 @@ function extractClassCondition(description: string) {
 const generateApiPage = async (
   apiPagesDirectory: string,
   importTranslationPagesDirectory: string,
-  reactApi: ReactApi,
+  reactApi: ComponentReactApi,
   sortingStrategies?: SortingStrategiesType,
   onlyJsonFile: boolean = false,
   layoutConfigPath: string = '',
@@ -471,11 +391,11 @@ const generateApiPage = async (
 };
 
 const attachTranslations = (
-  reactApi: ReactApi,
+  reactApi: ComponentReactApi,
   deprecationInfo: string | undefined,
   settings?: CreateDescribeablePropSettings,
 ) => {
-  const translations: ReactApi['translations'] = {
+  const translations: ComponentReactApi['translations'] = {
     componentDescription: reactApi.description,
     deprecationInfo: deprecationInfo ? renderMarkdown(deprecationInfo) : undefined,
     propDescriptions: {},
@@ -539,10 +459,13 @@ const attachTranslations = (
   reactApi.translations = translations;
 };
 
-const attachPropsTable = (reactApi: ReactApi, settings?: CreateDescribeablePropSettings) => {
+const attachPropsTable = (
+  reactApi: ComponentReactApi,
+  settings?: CreateDescribeablePropSettings,
+) => {
   const propErrors: Array<[propName: string, error: Error]> = [];
-  type Pair = [string, ReactApi['propsTable'][string]];
-  const componentProps: ReactApi['propsTable'] = _.fromPairs(
+  type Pair = [string, ComponentReactApi['propsTable'][string]];
+  const componentProps: ComponentReactApi['propsTable'] = _.fromPairs(
     Object.entries(reactApi.props!).map(([propName, propDescriptor]): Pair => {
       let prop: DescribeablePropDescriptor | null;
       try {
@@ -599,7 +522,7 @@ const attachPropsTable = (reactApi: ReactApi, settings?: CreateDescribeablePropS
         }
       }
 
-      let signature: ReactApi['propsTable'][string]['signature'];
+      let signature: ComponentReactApi['propsTable'][string]['signature'];
       if (signatureType !== undefined) {
         signature = {
           type: signatureType,
@@ -699,7 +622,7 @@ export default async function generateComponentApi(
   }
 
   const filename = componentInfo.filename;
-  let reactApi: ReactApi;
+  let reactApi: ComponentReactApi;
 
   if (componentInfo.isSystemComponent) {
     try {
diff --git a/packages/api-docs-builder/ApiBuilders/HookApiBuilder.ts b/packages/api-docs-builder/ApiBuilders/HookApiBuilder.ts
index a04cf42a19c112..e2555d53cb8896 100644
--- a/packages/api-docs-builder/ApiBuilders/HookApiBuilder.ts
+++ b/packages/api-docs-builder/ApiBuilders/HookApiBuilder.ts
@@ -1,11 +1,11 @@
 import { readFileSync, writeFileSync } from 'fs';
 import path from 'path';
-import * as ts from 'typescript';
+import { Symbol, isPropertySignature } from 'typescript';
 import * as astTypes from 'ast-types';
 import * as _ from 'lodash';
 import * as babel from '@babel/core';
 import traverse from '@babel/traverse';
-import { defaultHandlers, parse as docgenParse, ReactDocgenApi } from 'react-docgen';
+import { defaultHandlers, parse as docgenParse } from 'react-docgen';
 import kebabCase from 'lodash/kebabCase';
 import upperFirst from 'lodash/upperFirst';
 import { parse as parseDoctrine, Annotation } from 'doctrine';
@@ -15,91 +15,26 @@ import { computeApiDescription } from './ComponentApiBuilder';
 import {
   getSymbolDescription,
   getSymbolJSDocTags,
-  HookInfo,
   stringifySymbol,
   toGitHubPath,
   writePrettifiedFile,
 } from '../buildApiUtils';
 import { TypeScriptProject } from '../utils/createTypeScriptProject';
 import generateApiTranslations from '../utils/generateApiTranslation';
-
-interface ParsedProperty {
-  name: string;
-  description: string;
-  tags: { [tagName: string]: ts.JSDocTagInfo };
-  required: boolean;
-  typeStr: string;
-}
+import { HookReactApi, ParsedProperty } from '../types/ApiBuilder.types';
+import { HookInfo } from '../types/utils.types';
 
 const parseProperty = async (
-  propertySymbol: ts.Symbol,
+  propertySymbol: Symbol,
   project: TypeScriptProject,
 ): Promise<ParsedProperty> => ({
   name: propertySymbol.name,
   description: getSymbolDescription(propertySymbol, project),
   tags: getSymbolJSDocTags(propertySymbol),
-  required: !propertySymbol.declarations?.find(ts.isPropertySignature)?.questionToken,
+  required: !propertySymbol.declarations?.find(isPropertySignature)?.questionToken,
   typeStr: await stringifySymbol(propertySymbol, project),
 });
 
-export interface ReactApi extends ReactDocgenApi {
-  demos: ReturnType<HookInfo['getDemos']>;
-  EOL: string;
-  filename: string;
-  apiPathname: string;
-  parameters?: ParsedProperty[];
-  returnValue?: ParsedProperty[];
-  /**
-   * hook name
-   * @example 'useButton'
-   */
-  name: string;
-  description: string;
-  /**
-   * Different ways to import components
-   */
-  imports: string[];
-  /**
-   * result of path.readFileSync from the `filename` in utf-8
-   */
-  src: string;
-  parametersTable: _.Dictionary<{
-    default: string | undefined;
-    required: boolean | undefined;
-    type: { name: string | undefined; description: string | undefined };
-    deprecated: true | undefined;
-    deprecationInfo: string | undefined;
-  }>;
-  returnValueTable: _.Dictionary<{
-    default: string | undefined;
-    required: boolean | undefined;
-    type: { name: string | undefined; description: string | undefined };
-    deprecated: true | undefined;
-    deprecationInfo: string | undefined;
-  }>;
-  translations: {
-    hookDescription: string;
-    deprecationInfo: string | undefined;
-    parametersDescriptions: {
-      [key: string]: {
-        description: string;
-        deprecated?: string;
-      };
-    };
-    returnValueDescriptions: {
-      [key: string]: {
-        description: string;
-        deprecated?: string;
-      };
-    };
-  };
-  /**
-   * The folder used to store the API translation.
-   */
-  apiDocsTranslationFolder?: string;
-  deprecated: true | undefined;
-}
-
 /**
  * Add demos & API comment block to type definitions, e.g.:
  * /**
@@ -112,7 +47,7 @@ export interface ReactApi extends ReactDocgenApi {
  * * - [useButton API](https://mui.com/base-ui/api/use-button/)
  */
 async function annotateHookDefinition(
-  api: ReactApi,
+  api: HookReactApi,
   hookJsdoc: Annotation,
   projectSettings: ProjectSettings,
 ) {
@@ -308,12 +243,12 @@ async function annotateHookDefinition(
 }
 
 const attachTable = (
-  reactApi: ReactApi,
+  reactApi: HookReactApi,
   params: ParsedProperty[],
   tableName: 'parametersTable' | 'returnValueTable',
 ) => {
   const propErrors: Array<[propName: string, error: Error]> = [];
-  const parameters: ReactApi[typeof tableName] = params
+  const parameters: HookReactApi[typeof tableName] = params
     .map((p) => {
       const { name: propName, ...propDescriptor } = p;
       let prop: Omit<ParsedProperty, 'name'> | null;
@@ -355,7 +290,7 @@ const attachTable = (
         },
       };
     })
-    .reduce((acc, curr) => ({ ...acc, ...curr }), {}) as unknown as ReactApi['parametersTable'];
+    .reduce((acc, curr) => ({ ...acc, ...curr }), {}) as unknown as HookReactApi['parametersTable'];
   if (propErrors.length > 0) {
     throw new Error(
       `There were errors creating prop descriptions:\n${propErrors
@@ -376,8 +311,8 @@ const generateTranslationDescription = (description: string) => {
   return renderMarkdown(description.replace(/\n@default.*$/, ''));
 };
 
-const attachTranslations = (reactApi: ReactApi, deprecationInfo: string | undefined) => {
-  const translations: ReactApi['translations'] = {
+const attachTranslations = (reactApi: HookReactApi, deprecationInfo: string | undefined) => {
+  const translations: HookReactApi['translations'] = {
     hookDescription: reactApi.description,
     deprecationInfo: deprecationInfo ? renderMarkdown(deprecationInfo).trim() : undefined,
     parametersDescriptions: {},
@@ -413,7 +348,7 @@ const attachTranslations = (reactApi: ReactApi, deprecationInfo: string | undefi
   reactApi.translations = translations;
 };
 
-const generateApiJson = async (outputDirectory: string, reactApi: ReactApi) => {
+const generateApiJson = async (outputDirectory: string, reactApi: HookReactApi) => {
   /**
    * Gather the metadata needed for the component's API page.
    */
@@ -543,7 +478,7 @@ export default async function generateHookApi(
     return null;
   }
 
-  const reactApi: ReactApi = docgenParse(
+  const reactApi: HookReactApi = docgenParse(
     src,
     (ast) => {
       let node;
diff --git a/packages/api-docs-builder/ProjectSettings.ts b/packages/api-docs-builder/ProjectSettings.ts
index 5f142dc1ad3db1..4844b59a7cc289 100644
--- a/packages/api-docs-builder/ProjectSettings.ts
+++ b/packages/api-docs-builder/ProjectSettings.ts
@@ -1,10 +1,8 @@
 import { ComponentClassDefinition } from '@mui/internal-docs-utils';
-import { ComponentInfo, HookInfo } from './buildApiUtils';
 import { CreateTypeScriptProjectOptions } from './utils/createTypeScriptProject';
 import { CreateDescribeablePropSettings } from './utils/createDescribeableProp';
-import { ReactApi as ComponentReactApi } from './ApiBuilders/ComponentApiBuilder';
-import { ReactApi as HookReactApi } from './ApiBuilders/HookApiBuilder';
-import { Slot } from './utils/parseSlotsAndClasses';
+import { ComponentReactApi, HookReactApi } from './types/ApiBuilder.types';
+import { Slot, ComponentInfo, HookInfo } from './types/utils.types';
 
 export type SortingStrategiesType = {
   /**
diff --git a/packages/api-docs-builder/buildApi.ts b/packages/api-docs-builder/buildApi.ts
index 886b04f2e02f07..fd8d324599377b 100644
--- a/packages/api-docs-builder/buildApi.ts
+++ b/packages/api-docs-builder/buildApi.ts
@@ -4,9 +4,7 @@ import * as fse from 'fs-extra';
 import findComponents from './utils/findComponents';
 import findHooks from './utils/findHooks';
 import { writePrettifiedFile } from './buildApiUtils';
-import generateComponentApi, {
-  ReactApi as ComponentReactApi,
-} from './ApiBuilders/ComponentApiBuilder';
+import generateComponentApi from './ApiBuilders/ComponentApiBuilder';
 import generateHookApi from './ApiBuilders/HookApiBuilder';
 import {
   CreateTypeScriptProjectOptions,
@@ -14,6 +12,7 @@ import {
   createTypeScriptProjectBuilder,
 } from './utils/createTypeScriptProject';
 import { ProjectSettings } from './ProjectSettings';
+import { ComponentReactApi } from './types/ApiBuilder.types';
 
 async function removeOutdatedApiDocsTranslations(
   components: readonly ComponentReactApi[],
diff --git a/packages/api-docs-builder/buildApiUtils.ts b/packages/api-docs-builder/buildApiUtils.ts
index 726e47069ff899..0cdbe1ccf7c9a7 100644
--- a/packages/api-docs-builder/buildApiUtils.ts
+++ b/packages/api-docs-builder/buildApiUtils.ts
@@ -7,6 +7,8 @@ import { getLineFeed } from '@mui/internal-docs-utils';
 import { replaceComponentLinks } from './utils/replaceUrl';
 import { TypeScriptProject } from './utils/createTypeScriptProject';
 
+export type { ComponentInfo, HookInfo } from './types/utils.types';
+
 /**
  * TODO: this should really be fixed in findPagesMarkdown().
  * Plus replaceComponentLinks() shouldn't exist in the first place,
@@ -105,70 +107,6 @@ export function parseFile(filename: string) {
   };
 }
 
-export type ComponentInfo = {
-  /**
-   * Full path to the source file.
-   */
-  filename: string;
-  /**
-   * Component name as imported in the docs, in the global MUI namespace.
-   */
-  name: string;
-  /**
-   * Component name with `Mui` prefix, in the global HTML page namespace.
-   */
-  muiName: string;
-  /**
-   * The name of the slots interface. By default we consider `${componentName}Slots`.
-   */
-  slotInterfaceName?: string;
-  apiPathname: string;
-  readFile: () => {
-    src: string;
-    spread: boolean;
-    shouldSkip: boolean;
-    EOL: string;
-    inheritedComponent?: string;
-  };
-  getInheritance: (inheritedComponent?: string) => null | {
-    /**
-     * Component name
-     */
-    name: string;
-    /**
-     * API pathname
-     */
-    apiPathname: string;
-  };
-  getDemos: () => Array<{ demoPageTitle: string; demoPathname: string }>;
-  apiPagesDirectory: string;
-  /**
-   * The path to import specific layout config of the page if needed.
-   */
-  layoutConfigPath?: string;
-  skipApiGeneration?: boolean;
-  /**
-   * If `true`, the component's name match one of the MUI System components.
-   */
-  isSystemComponent?: boolean;
-};
-
-export type HookInfo = {
-  /**
-   * Full path to the source file.
-   */
-  filename: string;
-  /**
-   * Hook name as imported in the docs, in the global MUI namespace.
-   */
-  name: string;
-  apiPathname: string;
-  readFile: ComponentInfo['readFile'];
-  getDemos: ComponentInfo['getDemos'];
-  apiPagesDirectory: string;
-  skipApiGeneration?: boolean;
-};
-
 export function getApiPath(
   demos: Array<{ demoPageTitle: string; demoPathname: string }>,
   name: string,
diff --git a/packages/api-docs-builder/index.ts b/packages/api-docs-builder/index.ts
index 68dfc47dc79ad9..cef8251e51f4bf 100644
--- a/packages/api-docs-builder/index.ts
+++ b/packages/api-docs-builder/index.ts
@@ -1,2 +1,3 @@
 export { buildApi } from './buildApi';
 export type { ProjectSettings } from './ProjectSettings';
+export type { ComponentReactApi, HookReactApi } from './types/ApiBuilder.types';
diff --git a/packages/api-docs-builder/types/ApiBuilder.types.ts b/packages/api-docs-builder/types/ApiBuilder.types.ts
new file mode 100644
index 00000000000000..cd77289cde5777
--- /dev/null
+++ b/packages/api-docs-builder/types/ApiBuilder.types.ts
@@ -0,0 +1,138 @@
+import { ReactDocgenApi } from 'react-docgen';
+import { JSDocTagInfo } from 'typescript';
+import { ComponentClassDefinition } from '@mui/internal-docs-utils';
+import { ComponentInfo, Slot, HookInfo, SeeMore } from './utils.types';
+
+export type AdditionalPropsInfo = {
+  cssApi?: boolean;
+  sx?: boolean;
+  slotsApi?: boolean;
+  'joy-size'?: boolean;
+  'joy-color'?: boolean;
+  'joy-variant'?: boolean;
+};
+
+/**
+ * Common interface for both Component and Hook API builders.
+ */
+interface CommonReactApi extends ReactDocgenApi {
+  demos: ReturnType<HookInfo['getDemos']>;
+  EOL: string;
+  filename: string;
+  apiPathname: string;
+  description: string;
+  /**
+   * Different ways to import components
+   */
+  imports: string[];
+  /**
+   * result of path.readFileSync from the `filename` in utf-8
+   */
+  src: string;
+  /**
+   * The folder used to store the API translation.
+   */
+  apiDocsTranslationFolder?: string;
+  deprecated: true | undefined;
+}
+
+export interface ComponentReactApi extends CommonReactApi {
+  forwardsRefTo: string | undefined;
+  inheritance: ReturnType<ComponentInfo['getInheritance']>;
+  /**
+   * react component name
+   * @example 'Accordion'
+   */
+  name: string;
+  muiName: string;
+  spread: boolean | undefined;
+  /**
+   * If `true`, the component supports theme default props customization.
+   * If `null`, we couldn't infer this information.
+   * If `undefined`, it's not applicable in this context, for example Base UI components.
+   */
+  themeDefaultProps: boolean | undefined | null;
+  classes: ComponentClassDefinition[];
+  slots: Slot[];
+  propsTable: _.Dictionary<{
+    default: string | undefined;
+    required: boolean | undefined;
+    type: { name: string | undefined; description: string | undefined };
+    deprecated: true | undefined;
+    deprecationInfo: string | undefined;
+    signature: undefined | { type: string; describedArgs?: string[]; returned?: string };
+    additionalInfo?: AdditionalPropsInfo;
+    seeMoreLink?: SeeMore['link'];
+  }>;
+  translations: {
+    componentDescription: string;
+    deprecationInfo: string | undefined;
+    propDescriptions: {
+      [key: string]: {
+        description: string;
+        requiresRef?: boolean;
+        deprecated?: string;
+        typeDescriptions?: { [t: string]: string };
+        seeMoreText?: string;
+      };
+    };
+    classDescriptions: {
+      [key: string]: {
+        description: string;
+        conditions?: string;
+        nodeName?: string;
+        deprecationInfo?: string;
+      };
+    };
+    slotDescriptions?: { [key: string]: string };
+  };
+}
+
+export interface ParsedProperty {
+  name: string;
+  description: string;
+  tags: { [tagName: string]: JSDocTagInfo };
+  required: boolean;
+  typeStr: string;
+}
+
+export interface HookReactApi extends CommonReactApi {
+  parameters?: ParsedProperty[];
+  returnValue?: ParsedProperty[];
+  /**
+   * hook name
+   * @example 'useButton'
+   */
+  name: string;
+
+  parametersTable: _.Dictionary<{
+    default: string | undefined;
+    required: boolean | undefined;
+    type: { name: string | undefined; description: string | undefined };
+    deprecated: true | undefined;
+    deprecationInfo: string | undefined;
+  }>;
+  returnValueTable: _.Dictionary<{
+    default: string | undefined;
+    required: boolean | undefined;
+    type: { name: string | undefined; description: string | undefined };
+    deprecated: true | undefined;
+    deprecationInfo: string | undefined;
+  }>;
+  translations: {
+    hookDescription: string;
+    deprecationInfo: string | undefined;
+    parametersDescriptions: {
+      [key: string]: {
+        description: string;
+        deprecated?: string;
+      };
+    };
+    returnValueDescriptions: {
+      [key: string]: {
+        description: string;
+        deprecated?: string;
+      };
+    };
+  };
+}
diff --git a/packages/api-docs-builder/types/utils.types.ts b/packages/api-docs-builder/types/utils.types.ts
new file mode 100644
index 00000000000000..5af05c3cb52752
--- /dev/null
+++ b/packages/api-docs-builder/types/utils.types.ts
@@ -0,0 +1,72 @@
+export type SeeMore = { description: string; link: { text: string; url: string } };
+
+export interface Slot {
+  class: string | null;
+  name: string;
+  description: string;
+  default?: string;
+}
+
+export type ComponentInfo = {
+  /**
+   * Full path to the source file.
+   */
+  filename: string;
+  /**
+   * Component name as imported in the docs, in the global MUI namespace.
+   */
+  name: string;
+  /**
+   * Component name with `Mui` prefix, in the global HTML page namespace.
+   */
+  muiName: string;
+  /**
+   * The name of the slots interface. By default we consider `${componentName}Slots`.
+   */
+  slotInterfaceName?: string;
+  apiPathname: string;
+  readFile: () => {
+    src: string;
+    spread: boolean;
+    shouldSkip: boolean;
+    EOL: string;
+    inheritedComponent?: string;
+  };
+  getInheritance: (inheritedComponent?: string) => null | {
+    /**
+     * Component name
+     */
+    name: string;
+    /**
+     * API pathname
+     */
+    apiPathname: string;
+  };
+  getDemos: () => Array<{ demoPageTitle: string; demoPathname: string }>;
+  apiPagesDirectory: string;
+  /**
+   * The path to import specific layout config of the page if needed.
+   */
+  layoutConfigPath?: string;
+  skipApiGeneration?: boolean;
+  /**
+   * If `true`, the component's name match one of the MUI System components.
+   */
+  isSystemComponent?: boolean;
+};
+
+export type HookInfo = {
+  /**
+   * Full path to the source file.
+   */
+  filename: string;
+  /**
+   * Hook name as imported in the docs, in the global MUI namespace.
+   */
+  name: string;
+  apiPathname: string;
+  readFile: ComponentInfo['readFile'];
+  getDemos: ComponentInfo['getDemos'];
+  apiPagesDirectory: string;
+  skipApiGeneration?: boolean;
+};
diff --git a/packages/api-docs-builder/utils/generatePropDescription.ts b/packages/api-docs-builder/utils/generatePropDescription.ts
index 29a6f33010cb58..e8214e67f31d7e 100644
--- a/packages/api-docs-builder/utils/generatePropDescription.ts
+++ b/packages/api-docs-builder/utils/generatePropDescription.ts
@@ -7,7 +7,7 @@ import {
 } from './generatePropTypeDescription';
 import { DescribeablePropDescriptor } from './createDescribeableProp';
 import escapeCell from './escapeCell';
-import { SeeMore } from '../ApiBuilders/ComponentApiBuilder';
+import { SeeMore } from '../types/utils.types';
 
 function resolveType(type: NonNullable<doctrine.Tag['type']>): string {
   if (type.type === 'AllLiteral') {
diff --git a/packages/api-docs-builder/utils/parseSlotsAndClasses.ts b/packages/api-docs-builder/utils/parseSlotsAndClasses.ts
index 64a27b69b8dc4a..5379c8c7e3daf5 100644
--- a/packages/api-docs-builder/utils/parseSlotsAndClasses.ts
+++ b/packages/api-docs-builder/utils/parseSlotsAndClasses.ts
@@ -6,6 +6,7 @@ import { TypeScriptProject } from './createTypeScriptProject';
 import { getPropsFromComponentNode } from './getPropsFromComponentNode';
 import resolveExportSpecifier from './resolveExportSpecifier';
 import { ProjectSettings } from '../ProjectSettings';
+import { Slot } from '../types/utils.types';
 
 interface ClassInfo {
   description: string;
@@ -13,13 +14,6 @@ interface ClassInfo {
   deprecationInfo?: string;
 }
 
-export interface Slot {
-  class: string | null;
-  name: string;
-  description: string;
-  default?: string;
-}
-
 /**
  * Gets the deprecation information for a given symbol.
  * @param symbol - The TypeScript symbol.