More files moved

brijeshb42 · brijeshb42 · commit b435287cca39 · 2026-03-18T19:14:03.000+05:30
diff --git a/docs/src/modules/components/ApiPage.tsx b/docs/src/modules/components/ApiPage.tsx
@@ -15,9 +15,6 @@ import { BrandingProvider, BrandingCssVarsProvider } from '@mui/docs/branding';
 import { SectionTitle, SectionTitleProps } from '@mui/docs/SectionTitle';
 import { MarkdownElement } from '@mui/docs/MarkdownElement';
 import AppLayoutDocs from 'docs/src/modules/components/AppLayoutDocs';
-import PropertiesSection from 'docs/src/modules/components/ApiPage/sections/PropertiesSection';
-import ClassesSection from 'docs/src/modules/components/ApiPage/sections/ClassesSection';
-import SlotsSection from 'docs/src/modules/components/ApiPage/sections/SlotsSection';
 import {
   ApiDisplayLayout,
   DEFAULT_API_LAYOUT_STORAGE_KEYS,
@@ -27,6 +24,9 @@ import {
   getClassesToc,
   getSlotsApiDefinitions,
   getSlotsToc,
+  PropertiesSection,
+  SlotsSection,
+  ClassesSection,
 } from '@mui/docs/ApiPage/private';
 
 type ApiHeaderKeys =
diff --git a/docs/src/modules/components/ApiPage/table/StyledTableContainer.tsx b/docs/src/modules/components/ApiPage/table/StyledTableContainer.tsx
diff --git a/docs/src/modules/components/ComponentsApiContent.tsx b/docs/src/modules/components/ComponentsApiContent.tsx
@@ -10,15 +10,15 @@ import { HighlightedCode } from '@mui/docs/HighlightedCode';
 import { MarkdownElement } from '@mui/docs/MarkdownElement';
 import type { LayoutStorageKeys } from '@mui/docs/ApiPage';
 import { ComponentApiContent, PropsTranslations } from '@mui-internal/api-docs-builder';
-import PropertiesSection from 'docs/src/modules/components/ApiPage/sections/PropertiesSection';
-import ClassesSection from 'docs/src/modules/components/ApiPage/sections/ClassesSection';
-import SlotsSection from 'docs/src/modules/components/ApiPage/sections/SlotsSection';
 import {
   ApiDisplayLayout,
   DEFAULT_API_LAYOUT_STORAGE_KEYS,
   getPropsApiDefinitions,
   getClassApiDefinitions,
   getSlotsApiDefinitions,
+  PropertiesSection,
+  SlotsSection,
+  ClassesSection,
 } from '@mui/docs/ApiPage/private';
 
 function getTranslatedHeader(t: Translate, header: string, title?: string) {
diff --git a/docs/src/modules/components/HooksApiContent.tsx b/docs/src/modules/components/HooksApiContent.tsx
@@ -11,10 +11,10 @@ import {
   ApiDisplayLayout,
   DEFAULT_API_LAYOUT_STORAGE_KEYS,
   getHookApiDefinitions,
+  PropertiesSection,
 } from '@mui/docs/ApiPage/private';
 import { HighlightedCode } from '@mui/docs/HighlightedCode';
 import { MarkdownElement } from '@mui/docs/MarkdownElement';
-import PropertiesSection from './ApiPage/sections/PropertiesSection';
 
 function getTranslatedHeader(t: Translate, header: string, title?: string) {
   const translations: Record<string, string> = {
diff --git a/docs/src/modules/components/MarkdownDocsV2.js b/docs/src/modules/components/MarkdownDocsV2.js
@@ -12,8 +12,7 @@ import AppLayoutDocs from 'docs/src/modules/components/AppLayoutDocs';
 import { useTranslate, useUserLanguage } from '@mui/docs/i18n';
 import { HEIGHT as AppFrameHeight } from 'docs/src/modules/components/AppFrame';
 import { HEIGHT as TabsHeight } from 'docs/src/modules/components/ComponentPageTabs';
-import { getPropsToC } from 'docs/src/modules/components/ApiPage/sections/PropertiesSection';
-import { getClassesToc } from 'docs/src/modules/components/ApiPage/sections/ClassesSection';
+import { getPropsToC, getClassesToc } from '@mui/docs/ApiPage/private';
 
 function getHookTranslatedHeader(t, header) {
   const translations = {
diff --git a/packages/mui-docs/src/ApiPage/definitions/classes.ts b/packages/mui-docs/src/ApiPage/definitions/classes.ts
@@ -1,7 +1,7 @@
 import type { PropsTranslations, ComponentApiContent } from '@mui-internal/api-docs-builder';
 import { kebabCase } from 'es-toolkit/string';
-import type { TableOfContentsParams } from '@mui/docs/ApiPage';
 import type { ClassDefinition, BaseCssTOCParams } from './types';
+import type { TableOfContentsParams } from '../types';
 
 export const getClassesToc = ({
   classes,
diff --git a/packages/mui-docs/src/ApiPage/definitions/properties.ts b/packages/mui-docs/src/ApiPage/definitions/properties.ts
@@ -5,8 +5,8 @@ import type {
   HooksTranslations,
 } from '@mui-internal/api-docs-builder';
 import { kebabCase } from 'es-toolkit/string';
-import type { TableOfContentsParams } from '@mui/docs/ApiPage';
 import type { BaseCssTOCParams, PropertyDefinition } from './types';
+import type { TableOfContentsParams } from '../types';
 
 export const getPropertiesToc = ({
   properties,
diff --git a/packages/mui-docs/src/ApiPage/definitions/slots.ts b/packages/mui-docs/src/ApiPage/definitions/slots.ts
@@ -1,6 +1,6 @@
 import type { PropsTranslations, ComponentApiContent } from '@mui-internal/api-docs-builder';
-import type { TableOfContentsParams } from '@mui/docs/ApiPage';
 import type { BaseCssTOCParams, SlotDefinition } from './types';
+import type { TableOfContentsParams } from '../types';
 
 export interface GetSlotsApiDefinitionsParams {
   componentSlots: ComponentApiContent['slots'];
diff --git a/packages/mui-docs/src/ApiPage/list/ClassesList.tsx b/packages/mui-docs/src/ApiPage/list/ClassesList.tsx
@@ -1,16 +1,10 @@
 import * as React from 'react';
-import {
-  ApiItemContainer,
-  type ClassDefinition,
-  ExpandableApiItem,
-} from '@mui/docs/ApiPage/private';
-import {
-  brandingDarkTheme as darkTheme,
-  brandingLightTheme as lightTheme,
-} from '@mui/docs/branding';
-import { useTranslate } from '@mui/docs/i18n';
 import { styled } from '@mui/material/styles';
-import { ApiWarningAlert } from '@mui/docs/ApiPage';
+import { useTranslate } from '../../i18n';
+import { brandingDarkTheme as darkTheme, brandingLightTheme as lightTheme } from '../../branding';
+import { ApiItemContainer, ExpandableApiItem } from './ExpandableApiItem';
+import { ClassDefinition } from '../definitions/types';
+import { ApiWarningAlert } from '../ApiWarningAlert';
 
 const StyledApiItem = styled(ExpandableApiItem)(
   ({ theme }) => ({
diff --git a/packages/mui-docs/src/ApiPage/list/ExpandableApiItem.tsx b/packages/mui-docs/src/ApiPage/list/ExpandableApiItem.tsx
@@ -5,10 +5,7 @@ import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
 import Divider from '@mui/material/Divider';
 import IconButton from '@mui/material/IconButton';
-import {
-  brandingDarkTheme as darkTheme,
-  brandingLightTheme as lightTheme,
-} from '@mui/docs/branding';
+import { brandingDarkTheme as darkTheme, brandingLightTheme as lightTheme } from '../../branding';
 
 type DescriptionType = 'props' | 'classes' | 'CSS' | 'slots';
 
diff --git a/packages/mui-docs/src/ApiPage/list/PropertiesList.tsx b/packages/mui-docs/src/ApiPage/list/PropertiesList.tsx
@@ -1,18 +1,12 @@
 /* eslint-disable react/no-danger */
 import * as React from 'react';
-import {
-  ApiItemContainer,
-  ExpandableApiItem,
-  type PropertyDefinition,
-} from '@mui/docs/ApiPage/private';
-import {
-  brandingDarkTheme as darkTheme,
-  brandingLightTheme as lightTheme,
-} from '@mui/docs/branding';
-import { useTranslate } from '@mui/docs/i18n';
 import { styled } from '@mui/material/styles';
 import Tooltip from '@mui/material/Tooltip';
-import { ApiWarningAlert } from '@mui/docs/ApiPage';
+import { brandingDarkTheme as darkTheme, brandingLightTheme as lightTheme } from '../../branding';
+import { useTranslate } from '../../i18n';
+import { ApiItemContainer, ExpandableApiItem } from './ExpandableApiItem';
+import { PropertyDefinition } from '../definitions';
+import { ApiWarningAlert } from '../ApiWarningAlert';
 
 const StyledApiItem = styled(ExpandableApiItem)(
   ({ theme }) => ({
diff --git a/packages/mui-docs/src/ApiPage/list/SlotsList.tsx b/packages/mui-docs/src/ApiPage/list/SlotsList.tsx
@@ -1,14 +1,8 @@
-import {
-  ApiItemContainer,
-  ExpandableApiItem,
-  type SlotDefinition,
-} from '@mui/docs/ApiPage/private';
-import {
-  brandingDarkTheme as darkTheme,
-  brandingLightTheme as lightTheme,
-} from '@mui/docs/branding';
-import { useTranslate } from '@mui/docs/i18n';
 import { alpha, styled } from '@mui/material/styles';
+import { brandingDarkTheme as darkTheme, brandingLightTheme as lightTheme } from '../../branding';
+import { useTranslate } from '../../i18n';
+import { SlotDefinition } from '../definitions';
+import { ApiItemContainer, ExpandableApiItem } from './ExpandableApiItem';
 
 const StyledApiItem = styled(ExpandableApiItem)(
   ({ theme }) => ({
diff --git a/packages/mui-docs/src/ApiPage/sections/ClassesSection.tsx b/packages/mui-docs/src/ApiPage/sections/ClassesSection.tsx
@@ -1,46 +1,14 @@
 /* eslint-disable react/no-danger */
 import * as React from 'react';
-import { Translate, useTranslate } from '@mui/docs/i18n';
-import { SectionTitle } from '@mui/docs/SectionTitle';
 import Box from '@mui/material/Box';
-import {
-  ToggleDisplayOption,
-  type ApiDisplayLayout,
-  useApiPageOption,
-  getClassApiDefinitions,
-  type ClassDefinition,
-} from '@mui/docs/ApiPage/private';
-import ClassesList from 'docs/src/modules/components/ApiPage/list/ClassesList';
-import ClassesTable from 'docs/src/modules/components/ApiPage/table/ClassesTable';
 import { PropsTranslations, ComponentClassDefinition } from '@mui-internal/api-docs-builder';
-import { kebabCase } from 'es-toolkit/string';
-
-export type GetCssToCParams = {
-  componentName: string;
-  componentClasses: ComponentClassDefinition[];
-  t: Translate;
-  hash?: string;
-};
-
-/**
- * @deprecated Use the function from ApiPage/definitions
- */
-export const getClassesToc = ({ componentName, componentClasses, t, hash }: GetCssToCParams) =>
-  !componentClasses || componentClasses.length === 0
-    ? []
-    : [
-        {
-          text: t('api-docs.classes'),
-          hash: hash ?? 'classes',
-          children: [
-            ...componentClasses.map((styles) => ({
-              text: styles.key,
-              hash: `${kebabCase(componentName)}-classes-${styles.key}`,
-              children: [],
-            })),
-          ],
-        },
-      ];
+import { SectionTitle } from '../../SectionTitle';
+import { useTranslate } from '../../i18n';
+import { ClassDefinition } from '../definitions/types';
+import { ApiDisplayLayout, ToggleDisplayOption, useApiPageOption } from './ToggleDisplayOption';
+import { getClassApiDefinitions } from '../definitions/classes';
+import ClassesTable from '../table/ClassesTable';
+import ClassesList from '../list/ClassesList';
 
 export type ClassesSectionProps = (
   | {
@@ -76,7 +44,7 @@ export type ClassesSectionProps = (
   styleOverridesLink?: string;
 };
 
-export default function ClassesSection(props: ClassesSectionProps) {
+export function ClassesSection(props: ClassesSectionProps) {
   const {
     classes,
     componentClasses,
diff --git a/packages/mui-docs/src/ApiPage/sections/PropertiesSection.tsx b/packages/mui-docs/src/ApiPage/sections/PropertiesSection.tsx
@@ -1,24 +1,24 @@
 /* eslint-disable react/no-danger */
 import * as React from 'react';
 import Box from '@mui/material/Box';
-import { Translate, useTranslate } from '@mui/docs/i18n';
-import { SectionTitle, SectionTitleProps } from '@mui/docs/SectionTitle';
-import {
-  ToggleDisplayOption,
-  type ApiDisplayLayout,
-  useApiPageOption,
-  type PropertyDefinition,
-  getPropsApiDefinitions,
-} from '@mui/docs/ApiPage/private';
-import PropertiesList from 'docs/src/modules/components/ApiPage/list/PropertiesList';
-import PropertiesTable from 'docs/src/modules/components/ApiPage/table/PropertiesTable';
 import {
   ComponentApiContent,
   PropsTableItem,
   PropsTranslations,
 } from '@mui-internal/api-docs-builder';
 import { kebabCase } from 'es-toolkit/string';
-import { LayoutStorageKeys } from '@mui/docs/ApiPage';
+import { Translate, useTranslate } from '../../i18n';
+import {
+  ToggleDisplayOption,
+  useApiPageOption,
+  type ApiDisplayLayout,
+} from './ToggleDisplayOption';
+import { SectionTitle, type SectionTitleProps } from '../../SectionTitle';
+import PropertiesTable from '../table/PropertiesTable';
+import PropertiesList from '../list/PropertiesList';
+import { getPropsApiDefinitions } from '../definitions/properties';
+import { LayoutStorageKeys } from '../types';
+import { PropertyDefinition } from '../definitions';
 
 interface GetPropsToCParams extends Pick<ComponentApiContent, 'inheritance' | 'themeDefaultProps'> {
   componentProps: ComponentApiContent['props'];
@@ -100,7 +100,7 @@ type PropertiesSectionProps = (
   level?: SectionTitleProps['level'];
 };
 
-export default function PropertiesSection(props: PropertiesSectionProps) {
+export function PropertiesSection(props: PropertiesSectionProps) {
   const {
     properties,
     propertiesDescriptions,
diff --git a/packages/mui-docs/src/ApiPage/sections/SlotsSection.tsx b/packages/mui-docs/src/ApiPage/sections/SlotsSection.tsx
@@ -1,18 +1,18 @@
 /* eslint-disable react/no-danger */
 import * as React from 'react';
 import Box from '@mui/material/Box';
-import { useTranslate } from '@mui/docs/i18n';
-import { SectionTitle } from '@mui/docs/SectionTitle';
 import { ComponentApiContent } from '@mui-internal/api-docs-builder';
+import { useTranslate } from '../../i18n';
+import { SectionTitle } from '../../SectionTitle';
+import SlotsList from '../list/SlotsList';
+import SlotsTable from '../table/SlotsTable';
+import { SlotDefinition } from '../definitions/types';
 import {
-  ToggleDisplayOption,
   type ApiDisplayLayout,
+  ToggleDisplayOption,
   useApiPageOption,
-  type SlotDefinition,
-  getSlotsApiDefinitions,
-} from '@mui/docs/ApiPage/private';
-import SlotsList from 'docs/src/modules/components/ApiPage/list/SlotsList';
-import SlotsTable from 'docs/src/modules/components/ApiPage/table/SlotsTable';
+} from './ToggleDisplayOption';
+import { getSlotsApiDefinitions } from '../definitions/slots';
 
 export type SlotsSectionProps = (
   | {
@@ -36,7 +36,7 @@ export type SlotsSectionProps = (
   spreadHint?: string;
 };
 
-export default function SlotsSection(props: SlotsSectionProps) {
+export function SlotsSection(props: SlotsSectionProps) {
   const {
     slots,
     componentSlots,
diff --git a/packages/mui-docs/src/ApiPage/sections/index.ts b/packages/mui-docs/src/ApiPage/sections/index.ts
@@ -1 +1,4 @@
 export * from './ToggleDisplayOption';
+export * from './PropertiesSection';
+export * from './ClassesSection';
+export * from './SlotsSection';
diff --git a/packages/mui-docs/src/ApiPage/table/ClassesTable.tsx b/packages/mui-docs/src/ApiPage/table/ClassesTable.tsx
@@ -1,14 +1,11 @@
 /* eslint-disable react/no-danger */
 import * as React from 'react';
-import { useTranslate } from '@mui/docs/i18n';
 import { styled, alpha } from '@mui/material/styles';
-import {
-  brandingDarkTheme as darkTheme,
-  brandingLightTheme as lightTheme,
-} from '@mui/docs/branding';
-import StyledTableContainer from 'docs/src/modules/components/ApiPage/table/StyledTableContainer';
-import { ApiWarningAlert } from '@mui/docs/ApiPage';
-import type { ClassDefinition } from '@mui/docs/ApiPage/private';
+import { brandingDarkTheme as darkTheme, brandingLightTheme as lightTheme } from '../../branding';
+import { useTranslate } from '../../i18n';
+import { StyledTableContainer } from './StyledTableContainer';
+import { ClassDefinition } from '../definitions/types';
+import { ApiWarningAlert } from '../ApiWarningAlert';
 
 const StyledTable = styled('table')(
   ({ theme }) => ({
diff --git a/packages/mui-docs/src/ApiPage/table/PropertiesTable.tsx b/packages/mui-docs/src/ApiPage/table/PropertiesTable.tsx
diff --git a/packages/mui-docs/src/ApiPage/table/SlotsTable.tsx b/packages/mui-docs/src/ApiPage/table/SlotsTable.tsx
diff --git a/packages/mui-docs/src/Document/Document.tsx b/packages/mui-docs/src/Document/Document.tsx
diff --git a/packages/mui-docs/src/Link/SkipLink.tsx b/packages/mui-docs/src/Link/SkipLink.tsx
