@docusaurus/theme-classic 0.0.0-5184 → 0.0.0-5189

package/lib/getSwizzleConfig.js

@@ -87,35 +87,35 @@ function getSwizzleConfig() {
                 },
                 description: 'The footer logo',
             },
-            IconArrow: {
+            'Icon/Arrow': {
                 actions: {
                     eject: 'safe',
                     wrap: 'safe',
                 },
                 description: 'The arrow icon component',
             },
-            IconDarkMode: {
+            'Icon/DarkMode': {
                 actions: {
                     eject: 'safe',
                     wrap: 'safe',
                 },
                 description: 'The dark mode icon component.',
             },
-            IconEdit: {
+            'Icon/Edit': {
                 actions: {
                     eject: 'safe',
                     wrap: 'safe',
                 },
                 description: 'The edit icon component',
             },
-            IconLightMode: {
+            'Icon/LightMode': {
                 actions: {
                     eject: 'safe',
                     wrap: 'safe',
                 },
                 description: 'The light mode icon component.',
             },
-            IconMenu: {
+            'Icon/Menu': {
                 actions: {
                     eject: 'safe',
                     wrap: 'safe',

package/lib/theme/AnnouncementBar/index.js

@@ -9,7 +9,7 @@ import clsx from 'clsx';
 import {useThemeConfig} from '@docusaurus/theme-common';
 import {useAnnouncementBar} from '@docusaurus/theme-common/internal';
 import {translate} from '@docusaurus/Translate';
-import IconClose from '@theme/IconClose';
+import IconClose from '@theme/Icon/Close';
 import styles from './styles.module.css';
 export default function AnnouncementBar() {
   const {isActive, close} = useAnnouncementBar();

package/lib/theme/ColorModeToggle/index.js

@@ -8,8 +8,8 @@ import React from 'react';
 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 IconLightMode from '@theme/Icon/LightMode';
+import IconDarkMode from '@theme/Icon/DarkMode';
 import styles from './styles.module.css';
 function ColorModeToggle({className, value, onChange}) {
   const isBrowser = useIsBrowser();

package/lib/theme/DocBreadcrumbs/index.js

@@ -14,7 +14,7 @@ import {
 import Link from '@docusaurus/Link';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import {translate} from '@docusaurus/Translate';
-import IconHome from '@theme/IconHome';
+import IconHome from '@theme/Icon/Home';
 import styles from './styles.module.css';
 // TODO move to design system folder
 function BreadcrumbsItemLink({children, href, isLast}) {

package/lib/theme/DocPage/Layout/Sidebar/ExpandButton/index.js

@@ -6,7 +6,7 @@
  */
 import React from 'react';
 import {translate} from '@docusaurus/Translate';
-import IconArrow from '@theme/IconArrow';
+import IconArrow from '@theme/Icon/Arrow';
 import styles from './styles.module.css';
 export default function DocPageLayoutSidebarExpandButton({toggleSidebar}) {
   return (

package/lib/theme/DocSidebar/Desktop/CollapseButton/index.js

@@ -7,7 +7,7 @@
 import React from 'react';
 import clsx from 'clsx';
 import {translate} from '@docusaurus/Translate';
-import IconArrow from '@theme/IconArrow';
+import IconArrow from '@theme/Icon/Arrow';
 import styles from './styles.module.css';
 export default function CollapseButton({onClick}) {
   return (

package/lib/theme/DocSidebarItem/Link/index.js

@@ -10,7 +10,7 @@ import {ThemeClassNames} from '@docusaurus/theme-common';
 import {isActiveSidebarItem} from '@docusaurus/theme-common/internal';
 import Link from '@docusaurus/Link';
 import isInternalUrl from '@docusaurus/isInternalUrl';
-import IconExternalLink from '@theme/IconExternalLink';
+import IconExternalLink from '@theme/Icon/ExternalLink';
 import styles from './styles.module.css';
 export default function DocSidebarItemLink({
   item,

package/lib/theme/EditThisPage/index.js

@@ -7,7 +7,7 @@
 import React from 'react';
 import Translate from '@docusaurus/Translate';
 import {ThemeClassNames} from '@docusaurus/theme-common';
-import IconEdit from '@theme/IconEdit';
+import IconEdit from '@theme/Icon/Edit';
 export default function EditThisPage({editUrl}) {
   return (
     <a

package/lib/theme/Footer/LinkItem/index.js

@@ -8,7 +8,7 @@ import React from 'react';
 import Link from '@docusaurus/Link';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import isInternalUrl from '@docusaurus/isInternalUrl';
-import IconExternalLink from '@theme/IconExternalLink';
+import IconExternalLink from '@theme/Icon/ExternalLink';
 export default function FooterLinkItem({item}) {
   const {to, href, label, prependBaseUrlToHref, ...props} = item;
   const toUrl = useBaseUrl(to);

package/lib/theme/{IconArrow → Icon/Arrow}/index.d.ts

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference types="react" />
-import type { Props } from '@theme/IconArrow';
+import type { Props } from '@theme/Icon/Arrow';
 export default function IconArrow(props: Props): JSX.Element;

package/lib/theme/{IconClose → Icon/Close}/index.d.ts

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference types="react" />
-import type { Props } from '@theme/IconClose';
+import type { Props } from '@theme/Icon/Close';
 export default function IconClose({ width, height, color, strokeWidth, className, ...restProps }: Props): JSX.Element;

package/lib/theme/{IconDarkMode → Icon/DarkMode}/index.d.ts

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference types="react" />
-import type { Props } from '@theme/IconDarkMode';
+import type { Props } from '@theme/Icon/DarkMode';
 export default function IconDarkMode(props: Props): JSX.Element;

package/lib/theme/{IconEdit → Icon/Edit}/index.d.ts

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference types="react" />
-import type { Props } from '@theme/IconEdit';
+import type { Props } from '@theme/Icon/Edit';
 export default function IconEdit({ className, ...restProps }: Props): JSX.Element;

package/lib/theme/{IconExternalLink → Icon/ExternalLink}/index.d.ts

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference types="react" />
-import type { Props } from '@theme/IconExternalLink';
+import type { Props } from '@theme/Icon/ExternalLink';
 export default function IconExternalLink({ width, height, }: Props): JSX.Element;

package/lib/theme/{IconHome → Icon/Home}/index.d.ts

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference types="react" />
-import type { Props } from '@theme/IconHome';
+import type { Props } from '@theme/Icon/Home';
 export default function IconHome(props: Props): JSX.Element;

package/lib/theme/{IconLanguage → Icon/Language}/index.d.ts

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference types="react" />
-import type { Props } from '@theme/IconLanguage';
+import type { Props } from '@theme/Icon/Language';
 export default function IconLanguage({ width, height, ...props }: Props): JSX.Element;

package/lib/theme/{IconLightMode → Icon/LightMode}/index.d.ts

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference types="react" />
-import type { Props } from '@theme/IconLightMode';
+import type { Props } from '@theme/Icon/LightMode';
 export default function IconLightMode(props: Props): JSX.Element;

package/lib/theme/{IconMenu → Icon/Menu}/index.d.ts

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference types="react" />
-import type { Props } from '@theme/IconMenu';
+import type { Props } from '@theme/Icon/Menu';
 export default function IconMenu({ width, height, className, ...restProps }: Props): JSX.Element;

package/lib/theme/Layout/styles.module.css

@@ -5,7 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-:global(html, body) {
+html,
+body {
   height: 100%;
 }
 

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

@@ -7,7 +7,7 @@
 import React from 'react';
 import {useNavbarMobileSidebar} from '@docusaurus/theme-common/internal';
 import NavbarColorModeToggle from '@theme/Navbar/ColorModeToggle';
-import IconClose from '@theme/IconClose';
+import IconClose from '@theme/Icon/Close';
 import NavbarLogo from '@theme/Navbar/Logo';
 function CloseButton() {
   const mobileSidebar = useNavbarMobileSidebar();

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

@@ -6,7 +6,7 @@
  */
 import React from 'react';
 import {useNavbarMobileSidebar} from '@docusaurus/theme-common/internal';
-import IconMenu from '@theme/IconMenu';
+import IconMenu from '@theme/Icon/Menu';
 export default function MobileSidebarToggle() {
   const mobileSidebar = useNavbarMobileSidebar();
   return (

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

@@ -9,7 +9,7 @@ import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import {useAlternatePageUtils} from '@docusaurus/theme-common/internal';
 import {translate} from '@docusaurus/Translate';
 import DropdownNavbarItem from '@theme/NavbarItem/DropdownNavbarItem';
-import IconLanguage from '@theme/IconLanguage';
+import IconLanguage from '@theme/Icon/Language';
 import styles from './styles.module.css';
 export default function LocaleDropdownNavbarItem({
   mobile,

package/lib/theme/NavbarItem/NavbarNavLink.js

@@ -9,7 +9,7 @@ import Link from '@docusaurus/Link';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import isInternalUrl from '@docusaurus/isInternalUrl';
 import {isRegexpStringMatch} from '@docusaurus/theme-common';
-import IconExternalLink from '@theme/IconExternalLink';
+import IconExternalLink from '@theme/Icon/ExternalLink';
 export default function NavbarNavLink({
   activeBasePath,
   activeBaseRegex,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-classic",
-  "version": "0.0.0-5184",
+  "version": "0.0.0-5189",
   "description": "Classic theme for Docusaurus",
   "main": "lib/index.js",
   "types": "src/theme-classic.d.ts",
@@ -20,22 +20,22 @@
     "copy:watch": "node ../../admin/scripts/copyUntypedFiles.js --watch"
   },
   "dependencies": {
-    "@docusaurus/core": "0.0.0-5184",
-    "@docusaurus/mdx-loader": "0.0.0-5184",
-    "@docusaurus/module-type-aliases": "0.0.0-5184",
-    "@docusaurus/plugin-content-blog": "0.0.0-5184",
-    "@docusaurus/plugin-content-docs": "0.0.0-5184",
-    "@docusaurus/plugin-content-pages": "0.0.0-5184",
-    "@docusaurus/theme-common": "0.0.0-5184",
-    "@docusaurus/theme-translations": "0.0.0-5184",
-    "@docusaurus/types": "0.0.0-5184",
-    "@docusaurus/utils": "0.0.0-5184",
-    "@docusaurus/utils-common": "0.0.0-5184",
-    "@docusaurus/utils-validation": "0.0.0-5184",
+    "@docusaurus/core": "0.0.0-5189",
+    "@docusaurus/mdx-loader": "0.0.0-5189",
+    "@docusaurus/module-type-aliases": "0.0.0-5189",
+    "@docusaurus/plugin-content-blog": "0.0.0-5189",
+    "@docusaurus/plugin-content-docs": "0.0.0-5189",
+    "@docusaurus/plugin-content-pages": "0.0.0-5189",
+    "@docusaurus/theme-common": "0.0.0-5189",
+    "@docusaurus/theme-translations": "0.0.0-5189",
+    "@docusaurus/types": "0.0.0-5189",
+    "@docusaurus/utils": "0.0.0-5189",
+    "@docusaurus/utils-common": "0.0.0-5189",
+    "@docusaurus/utils-validation": "0.0.0-5189",
     "@mdx-js/react": "^1.6.22",
-    "clsx": "^1.2.0",
+    "clsx": "^1.2.1",
     "copy-text-to-clipboard": "^3.0.1",
-    "infima": "0.2.0-alpha.40",
+    "infima": "0.2.0-alpha.41",
     "lodash": "^4.17.21",
     "nprogress": "^0.2.0",
     "postcss": "^8.4.14",
@@ -64,5 +64,5 @@
   "engines": {
     "node": ">=16.14"
   },
-  "gitHead": "d6f6ee218b4fbba6d3a86ee4a7a89e2ec2b479b9"
+  "gitHead": "0a54b0dbe7213db1ee0287b95992c4f4858b1a6c"
 }

package/src/getSwizzleConfig.ts

@@ -93,35 +93,35 @@ export default function getSwizzleConfig(): SwizzleConfig {
         },
         description: 'The footer logo',
       },
-      IconArrow: {
+      'Icon/Arrow': {
         actions: {
           eject: 'safe',
           wrap: 'safe',
         },
         description: 'The arrow icon component',
       },
-      IconDarkMode: {
+      'Icon/DarkMode': {
         actions: {
           eject: 'safe',
           wrap: 'safe',
         },
         description: 'The dark mode icon component.',
       },
-      IconEdit: {
+      'Icon/Edit': {
         actions: {
           eject: 'safe',
           wrap: 'safe',
         },
         description: 'The edit icon component',
       },
-      IconLightMode: {
+      'Icon/LightMode': {
         actions: {
           eject: 'safe',
           wrap: 'safe',
         },
         description: 'The light mode icon component.',
       },
-      IconMenu: {
+      'Icon/Menu': {
         actions: {
           eject: 'safe',
           wrap: 'safe',

package/src/theme/AnnouncementBar/index.tsx

@@ -10,7 +10,7 @@ import clsx from 'clsx';
 import {useThemeConfig} from '@docusaurus/theme-common';
 import {useAnnouncementBar} from '@docusaurus/theme-common/internal';
 import {translate} from '@docusaurus/Translate';
-import IconClose from '@theme/IconClose';
+import IconClose from '@theme/Icon/Close';
 
 import styles from './styles.module.css';
 

package/src/theme/ColorModeToggle/index.tsx

@@ -9,8 +9,8 @@ import React from 'react';
 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 IconLightMode from '@theme/Icon/LightMode';
+import IconDarkMode from '@theme/Icon/DarkMode';
 import type {Props} from '@theme/ColorModeToggle';
 
 import styles from './styles.module.css';

package/src/theme/DocBreadcrumbs/index.tsx

@@ -15,7 +15,7 @@ import {
 import Link from '@docusaurus/Link';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import {translate} from '@docusaurus/Translate';
-import IconHome from '@theme/IconHome';
+import IconHome from '@theme/Icon/Home';
 
 import styles from './styles.module.css';
 

package/src/theme/DocPage/Layout/Sidebar/ExpandButton/index.tsx

@@ -7,7 +7,7 @@
 
 import React from 'react';
 import {translate} from '@docusaurus/Translate';
-import IconArrow from '@theme/IconArrow';
+import IconArrow from '@theme/Icon/Arrow';
 import type {Props} from '@theme/DocPage/Layout/Sidebar/ExpandButton';
 
 import styles from './styles.module.css';

package/src/theme/DocSidebar/Desktop/CollapseButton/index.tsx

@@ -8,7 +8,7 @@
 import React from 'react';
 import clsx from 'clsx';
 import {translate} from '@docusaurus/Translate';
-import IconArrow from '@theme/IconArrow';
+import IconArrow from '@theme/Icon/Arrow';
 import type {Props} from '@theme/DocSidebar/Desktop/CollapseButton';
 
 import styles from './styles.module.css';

package/src/theme/DocSidebarItem/Link/index.tsx

@@ -11,7 +11,7 @@ import {ThemeClassNames} from '@docusaurus/theme-common';
 import {isActiveSidebarItem} from '@docusaurus/theme-common/internal';
 import Link from '@docusaurus/Link';
 import isInternalUrl from '@docusaurus/isInternalUrl';
-import IconExternalLink from '@theme/IconExternalLink';
+import IconExternalLink from '@theme/Icon/ExternalLink';
 import type {Props} from '@theme/DocSidebarItem/Link';
 
 import styles from './styles.module.css';

package/src/theme/EditThisPage/index.tsx

@@ -8,7 +8,7 @@
 import React from 'react';
 import Translate from '@docusaurus/Translate';
 import {ThemeClassNames} from '@docusaurus/theme-common';
-import IconEdit from '@theme/IconEdit';
+import IconEdit from '@theme/Icon/Edit';
 import type {Props} from '@theme/EditThisPage';
 
 export default function EditThisPage({editUrl}: Props): JSX.Element {

package/src/theme/Footer/LinkItem/index.tsx

@@ -10,7 +10,7 @@ import React from 'react';
 import Link from '@docusaurus/Link';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import isInternalUrl from '@docusaurus/isInternalUrl';
-import IconExternalLink from '@theme/IconExternalLink';
+import IconExternalLink from '@theme/Icon/ExternalLink';
 import type {Props} from '@theme/Footer/LinkItem';
 
 export default function FooterLinkItem({item}: Props): JSX.Element {

package/src/theme/{IconArrow → Icon/Arrow}/index.tsx

@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import type {Props} from '@theme/IconArrow';
+import type {Props} from '@theme/Icon/Arrow';
 
 export default function IconArrow(props: Props): JSX.Element {
   return (

package/src/theme/{IconClose → Icon/Close}/index.tsx

@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import type {Props} from '@theme/IconClose';
+import type {Props} from '@theme/Icon/Close';
 
 export default function IconClose({
   width = 21,

package/src/theme/{IconDarkMode → Icon/DarkMode}/index.tsx

@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import type {Props} from '@theme/IconDarkMode';
+import type {Props} from '@theme/Icon/DarkMode';
 
 export default function IconDarkMode(props: Props): JSX.Element {
   return (

package/src/theme/{IconEdit → Icon/Edit}/index.tsx

@@ -7,7 +7,7 @@
 
 import React from 'react';
 import clsx from 'clsx';
-import type {Props} from '@theme/IconEdit';
+import type {Props} from '@theme/Icon/Edit';
 
 import styles from './styles.module.css';
 

package/src/theme/{IconExternalLink → Icon/ExternalLink}/index.tsx

@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import type {Props} from '@theme/IconExternalLink';
+import type {Props} from '@theme/Icon/ExternalLink';
 
 import styles from './styles.module.css';
 

package/src/theme/{IconHome → Icon/Home}/index.tsx

@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import type {Props} from '@theme/IconHome';
+import type {Props} from '@theme/Icon/Home';
 
 export default function IconHome(props: Props): JSX.Element {
   return (

package/src/theme/{IconLanguage → Icon/Language}/index.tsx

@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import type {Props} from '@theme/IconLanguage';
+import type {Props} from '@theme/Icon/Language';
 
 export default function IconLanguage({
   width = 20,

package/src/theme/{IconLightMode → Icon/LightMode}/index.tsx

@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import type {Props} from '@theme/IconLightMode';
+import type {Props} from '@theme/Icon/LightMode';
 
 export default function IconLightMode(props: Props): JSX.Element {
   return (

package/src/theme/{IconMenu → Icon/Menu}/index.tsx

@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import type {Props} from '@theme/IconMenu';
+import type {Props} from '@theme/Icon/Menu';
 
 export default function IconMenu({
   width = 30,

package/src/theme/Layout/styles.module.css

@@ -5,7 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-:global(html, body) {
+html,
+body {
   height: 100%;
 }
 

package/src/theme/Navbar/MobileSidebar/Header/index.tsx

@@ -8,7 +8,7 @@
 import React from 'react';
 import {useNavbarMobileSidebar} from '@docusaurus/theme-common/internal';
 import NavbarColorModeToggle from '@theme/Navbar/ColorModeToggle';
-import IconClose from '@theme/IconClose';
+import IconClose from '@theme/Icon/Close';
 import NavbarLogo from '@theme/Navbar/Logo';
 
 function CloseButton() {

package/src/theme/Navbar/MobileSidebar/Toggle/index.tsx

@@ -7,7 +7,7 @@
 
 import React from 'react';
 import {useNavbarMobileSidebar} from '@docusaurus/theme-common/internal';
-import IconMenu from '@theme/IconMenu';
+import IconMenu from '@theme/Icon/Menu';
 
 export default function MobileSidebarToggle(): JSX.Element {
   const mobileSidebar = useNavbarMobileSidebar();

package/src/theme/NavbarItem/LocaleDropdownNavbarItem/index.tsx

@@ -10,7 +10,7 @@ import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import {useAlternatePageUtils} from '@docusaurus/theme-common/internal';
 import {translate} from '@docusaurus/Translate';
 import DropdownNavbarItem from '@theme/NavbarItem/DropdownNavbarItem';
-import IconLanguage from '@theme/IconLanguage';
+import IconLanguage from '@theme/Icon/Language';
 import type {LinkLikeNavbarItemProps} from '@theme/NavbarItem';
 import type {Props} from '@theme/NavbarItem/LocaleDropdownNavbarItem';
 

package/src/theme/NavbarItem/NavbarNavLink.tsx

@@ -10,7 +10,7 @@ import Link from '@docusaurus/Link';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import isInternalUrl from '@docusaurus/isInternalUrl';
 import {isRegexpStringMatch} from '@docusaurus/theme-common';
-import IconExternalLink from '@theme/IconExternalLink';
+import IconExternalLink from '@theme/Icon/ExternalLink';
 import type {Props} from '@theme/NavbarItem/NavbarNavLink';
 
 export default function NavbarNavLink({

package/src/theme-classic.d.ts

@@ -1256,7 +1256,7 @@ declare module '@theme/Logo' {
   export default function Logo(props: Props): JSX.Element;
 }
 
-declare module '@theme/IconArrow' {
+declare module '@theme/Icon/Arrow' {
   import type {ComponentProps} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
@@ -1264,7 +1264,7 @@ declare module '@theme/IconArrow' {
   export default function IconArrow(props: Props): JSX.Element;
 }
 
-declare module '@theme/IconDarkMode' {
+declare module '@theme/Icon/DarkMode' {
   import type {ComponentProps} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
@@ -1272,7 +1272,7 @@ declare module '@theme/IconDarkMode' {
   export default function IconDarkMode(props: Props): JSX.Element;
 }
 
-declare module '@theme/IconEdit' {
+declare module '@theme/Icon/Edit' {
   import type {ComponentProps} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
@@ -1280,7 +1280,7 @@ declare module '@theme/IconEdit' {
   export default function IconEdit(props: Props): JSX.Element;
 }
 
-declare module '@theme/IconHome' {
+declare module '@theme/Icon/Home' {
   import type {ComponentProps} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
@@ -1288,7 +1288,7 @@ declare module '@theme/IconHome' {
   export default function IconHome(props: Props): JSX.Element;
 }
 
-declare module '@theme/IconLightMode' {
+declare module '@theme/Icon/LightMode' {
   import type {ComponentProps} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
@@ -1296,7 +1296,7 @@ declare module '@theme/IconLightMode' {
   export default function IconLightMode(props: Props): JSX.Element;
 }
 
-declare module '@theme/IconMenu' {
+declare module '@theme/Icon/Menu' {
   import type {ComponentProps} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
@@ -1304,7 +1304,7 @@ declare module '@theme/IconMenu' {
   export default function IconMenu(props: Props): JSX.Element;
 }
 
-declare module '@theme/IconClose' {
+declare module '@theme/Icon/Close' {
   import type {ComponentProps} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
@@ -1312,7 +1312,7 @@ declare module '@theme/IconClose' {
   export default function IconClose(props: Props): JSX.Element;
 }
 
-declare module '@theme/IconLanguage' {
+declare module '@theme/Icon/Language' {
   import type {ComponentProps} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
@@ -1320,7 +1320,7 @@ declare module '@theme/IconLanguage' {
   export default function IconLanguage(props: Props): JSX.Element;
 }
 
-declare module '@theme/IconExternalLink' {
+declare module '@theme/Icon/ExternalLink' {
   import type {ComponentProps} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}