@docusaurus/theme-classic 0.0.0-5009 → 0.0.0-5014

package/lib-next/theme/Navbar/Content/index.js

@@ -5,14 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import NavbarItem from '@theme/NavbarItem';
-import NavbarColorModeToggle from '@theme/Navbar/ColorModeToggle';
-import SearchBar from '@theme/SearchBar';
 import {
   splitNavbarItems,
   useNavbarMobileSidebar,
   useThemeConfig,
 } from '@docusaurus/theme-common';
+import NavbarItem from '@theme/NavbarItem';
+import NavbarColorModeToggle from '@theme/Navbar/ColorModeToggle';
+import SearchBar from '@theme/SearchBar';
 import NavbarMobileSidebarToggle from '@theme/Navbar/MobileSidebar/Toggle';
 import NavbarLogo from '@theme/Navbar/Logo';
 import NavbarSearch from '@theme/Navbar/Search';

package/lib-next/theme/Navbar/Layout/index.js

@@ -6,12 +6,12 @@
  */
 import React from 'react';
 import clsx from 'clsx';
-import NavbarMobileSidebar from '@theme/Navbar/MobileSidebar';
 import {
   useThemeConfig,
   useHideableNavbar,
   useNavbarMobileSidebar,
 } from '@docusaurus/theme-common';
+import NavbarMobileSidebar from '@theme/Navbar/MobileSidebar';
 import styles from './styles.module.css';
 
 function NavbarBackdrop(props) {

package/lib-next/theme/Navbar/MobileSidebar/Header/index.js

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
+import {useNavbarMobileSidebar} from '@docusaurus/theme-common';
 import NavbarColorModeToggle from '@theme/Navbar/ColorModeToggle';
 import IconClose from '@theme/IconClose';
 import NavbarLogo from '@theme/Navbar/Logo';
-import {useNavbarMobileSidebar} from '@docusaurus/theme-common';
 
 function CloseButton() {
   const mobileSidebar = useNavbarMobileSidebar();

package/lib-next/theme/Navbar/MobileSidebar/PrimaryMenu/index.js

@@ -6,7 +6,7 @@
  */
 import React from 'react';
 import {useNavbarMobileSidebar, useThemeConfig} from '@docusaurus/theme-common';
-import NavbarItem from '../../../NavbarItem';
+import NavbarItem from '@theme/NavbarItem';
 
 function useNavbarItems() {
   // TODO temporary casting until ThemeConfig type is improved

package/lib-next/theme/Navbar/MobileSidebar/Toggle/index.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import IconMenu from '@theme/IconMenu';
 import {useNavbarMobileSidebar} from '@docusaurus/theme-common';
+import IconMenu from '@theme/IconMenu';
 export default function MobileSidebarToggle() {
   const mobileSidebar = useNavbarMobileSidebar();
   return (

package/lib-next/theme/Navbar/MobileSidebar/index.js

@@ -5,12 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import NavbarMobileSidebarLayout from '@theme/Navbar/MobileSidebar/Layout';
-import NavbarMobileSidebarHeader from '@theme/Navbar/MobileSidebar/Header';
 import {
   useLockBodyScroll,
   useNavbarMobileSidebar,
 } from '@docusaurus/theme-common';
+import NavbarMobileSidebarLayout from '@theme/Navbar/MobileSidebar/Layout';
+import NavbarMobileSidebarHeader from '@theme/Navbar/MobileSidebar/Header';
 import NavbarMobileSidebarPrimaryMenu from '@theme/Navbar/MobileSidebar/PrimaryMenu';
 import NavbarMobileSidebarSecondaryMenu from '@theme/Navbar/MobileSidebar/SecondaryMenu';
 export default function NavbarMobileSidebar() {

package/lib-next/theme/NavbarItem/DocNavbarItem.js

@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import DefaultNavbarItem from '@theme/NavbarItem/DefaultNavbarItem';
-import {useActiveDocContext} from '@docusaurus/plugin-content-docs/client';
 import clsx from 'clsx';
-import {getInfimaActiveClassName} from '@theme/NavbarItem/utils';
+import {useActiveDocContext} from '@docusaurus/plugin-content-docs/client';
 import {useLayoutDoc} from '@docusaurus/theme-common';
+import DefaultNavbarItem from '@theme/NavbarItem/DefaultNavbarItem';
+import {getInfimaActiveClassName} from '@theme/NavbarItem/utils';
 export default function DocNavbarItem({
   docId,
   label: staticLabel,

package/lib-next/theme/NavbarItem/DocSidebarNavbarItem.js

@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import DefaultNavbarItem from '@theme/NavbarItem/DefaultNavbarItem';
-import {useActiveDocContext} from '@docusaurus/plugin-content-docs/client';
 import clsx from 'clsx';
-import {getInfimaActiveClassName} from '@theme/NavbarItem/utils';
+import {useActiveDocContext} from '@docusaurus/plugin-content-docs/client';
 import {useLayoutDocsSidebar} from '@docusaurus/theme-common';
+import DefaultNavbarItem from '@theme/NavbarItem/DefaultNavbarItem';
+import {getInfimaActiveClassName} from '@theme/NavbarItem/utils';
 export default function DocSidebarNavbarItem({
   sidebarId,
   label,

package/lib-next/theme/NavbarItem/DocsVersionDropdownNavbarItem.js

@@ -5,8 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import DefaultNavbarItem from '@theme/NavbarItem/DefaultNavbarItem';
-import DropdownNavbarItem from '@theme/NavbarItem/DropdownNavbarItem';
 import {
   useVersions,
   useActiveDocContext,
@@ -16,6 +14,8 @@ import {
   useDocsVersionCandidates,
 } from '@docusaurus/theme-common';
 import {translate} from '@docusaurus/Translate';
+import DefaultNavbarItem from '@theme/NavbarItem/DefaultNavbarItem';
+import DropdownNavbarItem from '@theme/NavbarItem/DropdownNavbarItem';
 
 const getVersionMainDoc = (version) =>
   version.docs.find((doc) => doc.id === version.mainDocId);

package/lib-next/theme/NavbarItem/DocsVersionNavbarItem.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import DefaultNavbarItem from '@theme/NavbarItem/DefaultNavbarItem';
 import {useDocsVersionCandidates} from '@docusaurus/theme-common';
+import DefaultNavbarItem from '@theme/NavbarItem/DefaultNavbarItem';
 
 const getVersionMainDoc = (version) =>
   version.docs.find((doc) => doc.id === version.mainDocId);

package/lib-next/theme/NavbarItem/LocaleDropdownNavbarItem/index.js

@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import DropdownNavbarItem from '@theme/NavbarItem/DropdownNavbarItem';
-import IconLanguage from '@theme/IconLanguage';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import {useAlternatePageUtils} from '@docusaurus/theme-common';
 import {translate} from '@docusaurus/Translate';
+import DropdownNavbarItem from '@theme/NavbarItem/DropdownNavbarItem';
+import IconLanguage from '@theme/IconLanguage';
 import styles from './styles.module.css';
 export default function LocaleDropdownNavbarItem({
   mobile,

package/lib-next/theme/NavbarItem/NavbarNavLink.js

@@ -7,9 +7,9 @@
 import React from 'react';
 import Link from '@docusaurus/Link';
 import useBaseUrl from '@docusaurus/useBaseUrl';
-import IconExternalLink from '@theme/IconExternalLink';
 import isInternalUrl from '@docusaurus/isInternalUrl';
 import {isRegexpStringMatch} from '@docusaurus/theme-common';
+import IconExternalLink from '@theme/IconExternalLink';
 const dropdownLinkActiveClass = 'dropdown__link--active';
 export default function NavbarNavLink({
   activeBasePath,

package/lib-next/theme/NotFound.js

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import Layout from '@theme/Layout';
 import Translate, {translate} from '@docusaurus/Translate';
 import {PageMetadata} from '@docusaurus/theme-common';
+import Layout from '@theme/Layout';
 export default function NotFound() {
   return (
     <>

package/lib-next/theme/SiteMetadata/index.js

@@ -8,7 +8,6 @@ import React from 'react';
 import Head from '@docusaurus/Head';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import useBaseUrl from '@docusaurus/useBaseUrl';
-import SearchMetadata from '@theme/SearchMetadata';
 import {
   PageMetadata,
   DEFAULT_SEARCH_TAG,
@@ -16,7 +15,8 @@ import {
   useThemeConfig,
   keyboardFocusedClassName,
 } from '@docusaurus/theme-common';
-import {useLocation} from '@docusaurus/router'; // TODO move to SiteMetadataDefaults or theme-common ?
+import {useLocation} from '@docusaurus/router';
+import SearchMetadata from '@theme/SearchMetadata'; // TODO move to SiteMetadataDefaults or theme-common ?
 // Useful for i18n/SEO
 // See https://developers.google.com/search/docs/advanced/crawling/localized-versions
 // See https://github.com/facebook/docusaurus/issues/3317

package/lib-next/theme/TOCCollapsible/{CollapseButton.js → CollapseButton/index.js}

@@ -7,7 +7,7 @@
 import React from 'react';
 import clsx from 'clsx';
 import Translate from '@docusaurus/Translate';
-import styles from './CollapseButton.module.css';
+import styles from './styles.module.css';
 export default function TOCCollapsibleCollapseButton({collapsed, ...props}) {
   return (
     <button

package/lib-next/theme/TOCCollapsible/index.js

@@ -7,9 +7,9 @@
 import React from 'react';
 import clsx from 'clsx';
 import {useCollapsible, Collapsible} from '@docusaurus/theme-common';
-import styles from './index.module.css';
 import TOCItems from '@theme/TOCItems';
 import CollapseButton from '@theme/TOCCollapsible/CollapseButton';
+import styles from './styles.module.css';
 export default function TOCCollapsible({
   toc,
   className,

package/lib-next/theme/TOCInline/index.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import styles from './styles.module.css';
 import TOCItems from '@theme/TOCItems';
+import styles from './styles.module.css';
 export default function TOCInline({toc, minHeadingLevel, maxHeadingLevel}) {
   return (
     <div className={styles.tableOfContentsInline}>

package/lib-next/theme/TOCItems/index.js

@@ -5,12 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, {useMemo} from 'react';
-import TOCItemTree from '@theme/TOCItems/Tree';
 import {
   useThemeConfig,
   useTOCHighlight,
   useFilteredAndTreeifiedTOC,
 } from '@docusaurus/theme-common';
+import TOCItemTree from '@theme/TOCItems/Tree';
 export default function TOCItems({
   toc,
   className = 'table-of-contents table-of-contents__left-border',

package/lib-next/theme/Tabs/__tests__/index.test.js

@@ -6,12 +6,12 @@
  */
 import React from 'react';
 import renderer from 'react-test-renderer';
-import Tabs from '../index';
-import TabItem from '../../TabItem';
 import {
   TabGroupChoiceProvider,
   ScrollControllerProvider,
 } from '@docusaurus/theme-common';
+import Tabs from '../index';
+import TabItem from '../../TabItem';
 describe('Tabs', () => {
   it('rejects bad Tabs child', () => {
     expect(() => {

package/lib-next/theme/Tabs/index.js

@@ -5,13 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, {useState, cloneElement, isValidElement} from 'react';
+import clsx from 'clsx';
 import useIsBrowser from '@docusaurus/useIsBrowser';
 import {
   useScrollPositionBlocker,
   duplicates,
   useTabGroupChoice,
 } from '@docusaurus/theme-common';
-import clsx from 'clsx';
 import styles from './styles.module.css'; // A very rough duck type, but good enough to guard against mistakes while
 // allowing customization
 

package/lib-next/theme/TagsListByLetter/index.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import Tag from '@theme/Tag';
 import {listTagsByLetters} from '@docusaurus/theme-common';
+import Tag from '@theme/Tag';
 import styles from './styles.module.css';
 
 function TagLetterEntryItem({letterEntry}) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-classic",
-  "version": "0.0.0-5009",
+  "version": "0.0.0-5014",
   "description": "Classic theme for Docusaurus",
   "main": "lib/index.js",
   "types": "src/theme-classic.d.ts",
@@ -21,15 +21,15 @@
     "format:lib-next": "prettier --config ../../.prettierrc --write \"lib-next/**/*.{js,ts,jsx,tsc}\""
   },
   "dependencies": {
-    "@docusaurus/core": "0.0.0-5009",
-    "@docusaurus/plugin-content-blog": "0.0.0-5009",
-    "@docusaurus/plugin-content-docs": "0.0.0-5009",
-    "@docusaurus/plugin-content-pages": "0.0.0-5009",
-    "@docusaurus/theme-common": "0.0.0-5009",
-    "@docusaurus/theme-translations": "0.0.0-5009",
-    "@docusaurus/utils": "0.0.0-5009",
-    "@docusaurus/utils-common": "0.0.0-5009",
-    "@docusaurus/utils-validation": "0.0.0-5009",
+    "@docusaurus/core": "0.0.0-5014",
+    "@docusaurus/plugin-content-blog": "0.0.0-5014",
+    "@docusaurus/plugin-content-docs": "0.0.0-5014",
+    "@docusaurus/plugin-content-pages": "0.0.0-5014",
+    "@docusaurus/theme-common": "0.0.0-5014",
+    "@docusaurus/theme-translations": "0.0.0-5014",
+    "@docusaurus/utils": "0.0.0-5014",
+    "@docusaurus/utils-common": "0.0.0-5014",
+    "@docusaurus/utils-validation": "0.0.0-5014",
     "@mdx-js/react": "^1.6.22",
     "clsx": "^1.1.1",
     "copy-text-to-clipboard": "^3.0.1",
@@ -46,8 +46,8 @@
     "@babel/cli": "^7.17.10",
     "@babel/core": "^7.17.10",
     "@babel/preset-typescript": "^7.16.7",
-    "@docusaurus/module-type-aliases": "0.0.0-5009",
-    "@docusaurus/types": "0.0.0-5009",
+    "@docusaurus/module-type-aliases": "0.0.0-5014",
+    "@docusaurus/types": "0.0.0-5014",
     "@types/mdx-js__react": "^1.5.5",
     "@types/nprogress": "^0.2.0",
     "@types/prismjs": "^1.26.0",
@@ -64,5 +64,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "b3d1590b3b6a0d270bf339c637574152cc4d51dc"
+  "gitHead": "f1ab067eeed93212a8e8034d621924d60aba741d"
 }

package/src/index.ts

@@ -6,13 +6,13 @@
  */
 
 import path from 'path';
-import type {LoadContext, Plugin} from '@docusaurus/types';
-import type {ThemeConfig} from '@docusaurus/theme-common';
-import {getTranslationFiles, translateThemeConfig} from './translations';
 import {createRequire} from 'module';
-import type {Plugin as PostCssPlugin} from 'postcss';
 import rtlcss from 'rtlcss';
 import {readDefaultCodeTranslationMessages} from '@docusaurus/theme-translations';
+import {getTranslationFiles, translateThemeConfig} from './translations';
+import type {LoadContext, Plugin} from '@docusaurus/types';
+import type {ThemeConfig} from '@docusaurus/theme-common';
+import type {Plugin as PostCssPlugin} from 'postcss';
 import type {Options} from '@docusaurus/theme-classic';
 import type webpack from 'webpack';
 

package/src/theme/BlogArchivePage/index.tsx

@@ -6,11 +6,11 @@
  */
 
 import React from 'react';
-import Layout from '@theme/Layout';
 import Link from '@docusaurus/Link';
-import type {ArchiveBlogPost, Props} from '@theme/BlogArchivePage';
 import {translate} from '@docusaurus/Translate';
 import {PageMetadata} from '@docusaurus/theme-common';
+import Layout from '@theme/Layout';
+import type {ArchiveBlogPost, Props} from '@theme/BlogArchivePage';
 
 type YearProp = {
   year: string;

package/src/theme/BlogListPage/index.tsx

@@ -6,19 +6,19 @@
  */
 
 import React from 'react';
+import clsx from 'clsx';
 
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import BlogLayout from '@theme/BlogLayout';
-import BlogPostItem from '@theme/BlogPostItem';
-import BlogListPaginator from '@theme/BlogListPaginator';
-import type {Props} from '@theme/BlogListPage';
 import {
   PageMetadata,
   HtmlClassNameProvider,
   ThemeClassNames,
 } from '@docusaurus/theme-common';
+import BlogLayout from '@theme/BlogLayout';
+import BlogPostItem from '@theme/BlogPostItem';
+import BlogListPaginator from '@theme/BlogListPaginator';
 import SearchMetadata from '@theme/SearchMetadata';
-import clsx from 'clsx';
+import type {Props} from '@theme/BlogListPage';
 
 function BlogListPageMetadata(props: Props): JSX.Element {
   const {metadata} = props;

package/src/theme/BlogPostAuthors/index.tsx

@@ -7,8 +7,8 @@
 
 import React from 'react';
 import clsx from 'clsx';
-import type {Props} from '@theme/BlogPostAuthors';
 import BlogPostAuthor from '@theme/BlogPostAuthor';
+import type {Props} from '@theme/BlogPostAuthors';
 
 import styles from './styles.module.css';
 

package/src/theme/BlogPostItem/index.tsx

@@ -14,11 +14,11 @@ import {usePluralForm} from '@docusaurus/theme-common';
 import {blogPostContainerID} from '@docusaurus/utils-common';
 import MDXContent from '@theme/MDXContent';
 import EditThisPage from '@theme/EditThisPage';
+import TagsListInline from '@theme/TagsListInline';
+import BlogPostAuthors from '@theme/BlogPostAuthors';
 import type {Props} from '@theme/BlogPostItem';
 
 import styles from './styles.module.css';
-import TagsListInline from '@theme/TagsListInline';
-import BlogPostAuthors from '@theme/BlogPostAuthors';
 
 // Very simple pluralization: probably good enough for now
 function useReadingTimePlural() {

package/src/theme/BlogPostPage/index.tsx

@@ -6,17 +6,17 @@
  */
 
 import React from 'react';
-import BlogLayout from '@theme/BlogLayout';
-import BlogPostItem from '@theme/BlogPostItem';
-import BlogPostPaginator from '@theme/BlogPostPaginator';
-import type {Props} from '@theme/BlogPostPage';
+import clsx from 'clsx';
 import {
   PageMetadata,
   HtmlClassNameProvider,
   ThemeClassNames,
 } from '@docusaurus/theme-common';
+import BlogLayout from '@theme/BlogLayout';
+import BlogPostItem from '@theme/BlogPostItem';
+import BlogPostPaginator from '@theme/BlogPostPaginator';
 import TOC from '@theme/TOC';
-import clsx from 'clsx';
+import type {Props} from '@theme/BlogPostPage';
 
 function BlogPostPageMetadata(props: Props): JSX.Element {
   const {content: BlogPostContents} = props;

package/src/theme/BlogSidebar/Desktop/index.tsx

@@ -9,9 +9,9 @@ import React from 'react';
 import clsx from 'clsx';
 import Link from '@docusaurus/Link';
 import {translate} from '@docusaurus/Translate';
+import type {Props} from '@theme/BlogSidebar/Desktop';
 
 import styles from './styles.module.css';
-import type {Props} from '@theme/BlogSidebar/Desktop';
 
 export default function BlogSidebarDesktop({sidebar}: Props): JSX.Element {
   return (

package/src/theme/BlogSidebar/index.tsx

@@ -6,9 +6,9 @@
  */
 
 import React from 'react';
+import {useWindowSize} from '@docusaurus/theme-common';
 import BlogSidebarDesktop from '@theme/BlogSidebar/Desktop';
 import BlogSidebarMobile from '@theme/BlogSidebar/Mobile';
-import {useWindowSize} from '@docusaurus/theme-common';
 import type {Props} from '@theme/BlogSidebar';
 
 export default function BlogSidebar({sidebar}: Props): JSX.Element | null {

package/src/theme/BlogTagsListPage/index.tsx

@@ -6,18 +6,17 @@
  */
 
 import React from 'react';
-
-import BlogLayout from '@theme/BlogLayout';
-import TagsListByLetter from '@theme/TagsListByLetter';
-import type {Props} from '@theme/BlogTagsListPage';
+import clsx from 'clsx';
 import {
   PageMetadata,
   HtmlClassNameProvider,
   ThemeClassNames,
   translateTagsPageTitle,
 } from '@docusaurus/theme-common';
+import BlogLayout from '@theme/BlogLayout';
+import TagsListByLetter from '@theme/TagsListByLetter';
+import type {Props} from '@theme/BlogTagsListPage';
 import SearchMetadata from '../SearchMetadata';
-import clsx from 'clsx';
 
 export default function BlogTagsListPage({tags, sidebar}: Props): JSX.Element {
   const title = translateTagsPageTitle();

package/src/theme/BlogTagsPostsPage/index.tsx

@@ -6,11 +6,7 @@
  */
 
 import React from 'react';
-
-import Link from '@docusaurus/Link';
-import BlogLayout from '@theme/BlogLayout';
-import BlogPostItem from '@theme/BlogPostItem';
-import type {Props} from '@theme/BlogTagsPostsPage';
+import clsx from 'clsx';
 import Translate, {translate} from '@docusaurus/Translate';
 import {
   PageMetadata,
@@ -18,9 +14,12 @@ import {
   ThemeClassNames,
   usePluralForm,
 } from '@docusaurus/theme-common';
+import Link from '@docusaurus/Link';
+import BlogLayout from '@theme/BlogLayout';
+import BlogPostItem from '@theme/BlogPostItem';
 import BlogListPaginator from '@theme/BlogListPaginator';
 import SearchMetadata from '@theme/SearchMetadata';
-import clsx from 'clsx';
+import type {Props} from '@theme/BlogTagsPostsPage';
 
 // Very simple pluralization: probably good enough for now
 function useBlogPostsPlural() {

package/src/theme/CodeBlock/Content/Element.tsx

@@ -6,8 +6,8 @@
  */
 
 import React from 'react';
-import Container from '@theme/CodeBlock/Container';
 import clsx from 'clsx';
+import Container from '@theme/CodeBlock/Container';
 import type {Props} from '@theme/CodeBlock/Content/Element';
 
 import styles from './styles.module.css';

package/src/theme/CodeBlock/Content/String.tsx

@@ -6,6 +6,7 @@
  */
 
 import React from 'react';
+import clsx from 'clsx';
 import {
   useThemeConfig,
   parseCodeBlockTitle,
@@ -15,7 +16,6 @@ import {
   usePrismTheme,
   useCodeWordWrap,
 } from '@docusaurus/theme-common';
-import clsx from 'clsx';
 import Highlight, {defaultProps, type Language} from 'prism-react-renderer';
 import Line from '@theme/CodeBlock/Line';
 import CopyButton from '@theme/CodeBlock/CopyButton';

package/src/theme/CodeBlock/Line/index.tsx

@@ -8,6 +8,7 @@
 import React from 'react';
 import clsx from 'clsx';
 import type {Props} from '@theme/CodeBlock/Line';
+
 import styles from './styles.module.css';
 
 export default function CodeBlockLine({

package/src/theme/CodeBlock/index.tsx

@@ -7,9 +7,9 @@
 
 import React, {isValidElement, type ReactNode} from 'react';
 import useIsBrowser from '@docusaurus/useIsBrowser';
-import type {Props} from '@theme/CodeBlock';
 import ElementContent from '@theme/CodeBlock/Content/Element';
 import StringContent from '@theme/CodeBlock/Content/String';
+import type {Props} from '@theme/CodeBlock';
 
 /**
  * Best attempt to make the children a plain string so it is copyable. If there

package/src/theme/ColorModeToggle/index.tsx

@@ -6,13 +6,13 @@
  */
 
 import React from 'react';
-import type {Props} from '@theme/ColorModeToggle';
+import clsx from 'clsx';
 import useIsBrowser from '@docusaurus/useIsBrowser';
 import {translate} from '@docusaurus/Translate';
 import IconLightMode from '@theme/IconLightMode';
 import IconDarkMode from '@theme/IconDarkMode';
+import type {Props} from '@theme/ColorModeToggle';
 
-import clsx from 'clsx';
 import styles from './styles.module.css';
 
 function ColorModeToggle({className, value, onChange}: Props): JSX.Element {

package/src/theme/Details/index.tsx

@@ -9,6 +9,7 @@ import React from 'react';
 import clsx from 'clsx';
 import {Details as DetailsGeneric} from '@docusaurus/theme-common/Details';
 import type {Props} from '@theme/Details';
+
 import styles from './styles.module.css';
 
 // Should we have a custom details/summary comp in Infima instead of reusing

package/src/theme/DocBreadcrumbs/index.tsx

@@ -6,18 +6,19 @@
  */
 
 import React, {type ReactNode} from 'react';
+import clsx from 'clsx';
 import {
   ThemeClassNames,
   useSidebarBreadcrumbs,
   useHomePageRoute,
 } from '@docusaurus/theme-common';
-import styles from './styles.module.css';
-import clsx from 'clsx';
 import Link from '@docusaurus/Link';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import {translate} from '@docusaurus/Translate';
 import IconHome from '@theme/IconHome';
 
+import styles from './styles.module.css';
+
 // TODO move to design system folder
 function BreadcrumbsItemLink({
   children,