build: update docusaurus

package.json

@@ -60,10 +60,10 @@
     "test-update": "npm-run-all --sequential clean lint build"
   },
   "dependencies": {
-    "@docusaurus/core": "3.1.0",
-    "@docusaurus/preset-classic": "3.1.0",
-    "@docusaurus/theme-common": "3.1.0",
-    "@docusaurus/theme-search-algolia": "3.1.0",
+    "@docusaurus/core": "3.6.3",
+    "@docusaurus/preset-classic": "3.6.3",
+    "@docusaurus/theme-common": "3.6.3",
+    "@docusaurus/theme-search-algolia": "3.6.3",
     "@iframe-resizer/react": "5.3.2",
     "@tabler/icons-react": "3.17.0",
     "@utrecht/design-tokens": "1.1.0",
@@ -78,12 +78,12 @@
     "@argos-ci/playwright": "3.6.1",
     "@changesets/cli": "2.27.8",
     "@docsearch/react": "3.6.1",
-    "@docusaurus/module-type-aliases": "3.1.0",
-    "@docusaurus/plugin-content-blog": "3.1.0",
-    "@docusaurus/plugin-content-docs": "3.1.0",
-    "@docusaurus/theme-classic": "3.1.0",
-    "@docusaurus/tsconfig": "3.1.0",
-    "@docusaurus/types": "3.1.0",
+    "@docusaurus/module-type-aliases": "3.6.3",
+    "@docusaurus/plugin-content-blog": "3.6.3",
+    "@docusaurus/plugin-content-docs": "3.6.3",
+    "@docusaurus/theme-classic": "3.6.3",
+    "@docusaurus/tsconfig": "3.6.3",
+    "@docusaurus/types": "3.6.3",
     "@eslint/js": "9.16.0",
     "@eslint/json": "0.8.0",
     "@fontsource/fira-sans": "5.1.0",

src/components/ComponentOverview.tsx

@@ -1,7 +1,7 @@
 import type { PropSidebarItem, PropSidebarItemLink } from '@docusaurus/plugin-content-docs';
 import { useHistory } from '@docusaurus/router';
 import { useCurrentSidebarCategory } from '@docusaurus/theme-common';
-import { useDocById } from '@docusaurus/theme-common/internal';
+import { useDocById } from '@docusaurus/plugin-content-docs/client';
 import componentProgress from '@nl-design-system/component-progress/dist/index.json';
 import { AccordionProvider, Fieldset, FormToggle, Paragraph } from '@utrecht/component-library-react';
 import { Checkbox, FormField, FormLabel } from '@utrecht/component-library-react/dist/css-module';
@@ -35,7 +35,7 @@
   const isPropSidebarItemLink = (item: PropSidebarItem): item is PropSidebarItemLink =>
     !!item && typeof item['docId'] === 'string';
 
   const components = category.items
     .filter(isPropSidebarItemLink)
     .filter((item) => item.docId !== 'componenten/README')
     .map((item) => ({ ...item, ...useDocById(item.docId) }))

src/theme/BlogPostItems/index.tsx

@@ -1,5 +1,5 @@
 import { Link } from '@site/src/components/Link';
-import { BlogPostProvider } from '@docusaurus/theme-common/internal';
+import { BlogPostProvider } from '@docusaurus/plugin-content-blog/client';
 import { Card, CardContent, CardGroup } from '@site/src/components/CardGroup';
 import { IconCalendar, IconUser } from '@tabler/icons-react';
 import type { Props } from '@theme/BlogPostItems';

src/theme/BlogPostPage/Metadata/index.tsx

@@ -1,5 +1,5 @@
 import { PageMetadata } from '@docusaurus/theme-common';
-import { useBlogPost } from '@docusaurus/theme-common/internal';
+import { useBlogPost } from '@docusaurus/plugin-content-blog/client';
 import type { ReactElement } from 'react';
 
 export default function BlogPostPageMetadata(): ReactElement {

src/theme/BlogPostPage/index.tsx

@@ -1,6 +1,6 @@
 import type { BlogSidebar } from '@docusaurus/plugin-content-blog';
 import { HtmlClassNameProvider, ThemeClassNames } from '@docusaurus/theme-common';
-import { BlogPostProvider, useBlogPost } from '@docusaurus/theme-common/internal';
+import { BlogPostProvider, useBlogPost } from '@docusaurus/plugin-content-blog/client';
 import BlogPostItem from '@theme/BlogPostItem';
 import type { Props } from '@theme/BlogPostPage';
 import BlogPostPageMetadata from '@theme/BlogPostPage/Metadata';

src/theme/DocBreadcrumbs/index.tsx

@@ -1,5 +1,5 @@
 import { ThemeClassNames } from '@docusaurus/theme-common';
-import { useSidebarBreadcrumbs } from '@docusaurus/theme-common/internal';
+import { useSidebarBreadcrumbs } from '@docusaurus/plugin-content-docs/client';
 import { BreadcrumbNav } from '@site/src/components/BreadcrumbNav';
 import type { ReactElement } from 'react';
 

src/theme/DocCard/index.tsx

@@ -1,6 +1,6 @@
 import { Link } from '@site/src/components/Link';
 import type { PropSidebarItemCategory, PropSidebarItemLink } from '@docusaurus/plugin-content-docs';
-import { useDocById } from '@docusaurus/theme-common/internal';
+import { useDocById } from '@docusaurus/plugin-content-docs/client';
 import type { Props } from '@theme/DocCard';
 import { UnorderedList, UnorderedListItem } from '@utrecht/component-library-react';
 import clsx from 'clsx';

src/theme/DocItem/Content/index.tsx

@@ -1,5 +1,5 @@
 import { ThemeClassNames } from '@docusaurus/theme-common';
-import { useDoc } from '@docusaurus/theme-common/internal';
+import { useDoc } from '@docusaurus/plugin-content-docs/client';
 import type { Props } from '@theme/DocItem/Content';
 import Heading from '@theme/Heading';
 import MDXContent from '@theme/MDXContent';

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

@@ -1,7 +1,7 @@
 import { useLocation } from '@docusaurus/router';
 import DocSidebar from '@docusaurus/theme-classic/src/theme/DocSidebar';
 import { ThemeClassNames } from '@docusaurus/theme-common';
-import { useDocsSidebar } from '@docusaurus/theme-common/internal';
+import { useDocsSidebar } from '@docusaurus/plugin-content-docs/client';
 import { default as DefaultDocPageLayoutSidebar } from '@theme/DocRoot/Layout/Sidebar';
 import clsx from 'clsx';
 import React, { type ReactNode, useCallback, useState } from 'react';

src/theme/DocSidebarItem/Category/index.tsx

@@ -5,7 +5,7 @@ import {
   findFirstSidebarItemLink,
   isActiveSidebarItem,
   useDocSidebarItemsExpandedState,
-} from '@docusaurus/theme-common/internal';
+} from '@docusaurus/plugin-content-docs/client';
 import useIsBrowser from '@docusaurus/useIsBrowser';
 import { IconChevronDown, IconChevronUp } from '@tabler/icons-react';
 import type { Props } from '@theme/DocSidebarItem/Category';

src/theme/DocSidebarItem/Link/index.tsx

@@ -1,7 +1,7 @@
 import { Link } from '@site/src/components/Link';
 import isInternalUrl from '@docusaurus/isInternalUrl';
 import { ThemeClassNames } from '@docusaurus/theme-common';
-import { isActiveSidebarItem } from '@docusaurus/theme-common/internal';
+import { isActiveSidebarItem } from '@docusaurus/plugin-content-docs/client';
 import type { Props } from '@theme/DocSidebarItem/Link';
 import IconExternalLink from '@theme/Icon/ExternalLink';
 import clsx from 'clsx';

src/theme/DocSidebarItems/index.tsx

@@ -1,4 +1,4 @@
-import { DocSidebarItemsExpandedStateProvider } from '@docusaurus/theme-common/internal';
+import { DocSidebarItemsExpandedStateProvider } from '@docusaurus/plugin-content-docs/client';
 import DocSidebarItem from '@theme/DocSidebarItem';
 import type { Props } from '@theme/DocSidebarItems';
 import { memo } from 'react';

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

@@ -1,7 +1,6 @@
 import { translate } from '@docusaurus/Translate';
 import { useThemeConfig } from '@docusaurus/theme-common';
-import { useNavbarMobileSidebar } from '@docusaurus/theme-common/internal';
-import { useNavbarSecondaryMenu } from '@docusaurus/theme-common/internal';
+import { useNavbarMobileSidebar, useNavbarSecondaryMenu } from '@docusaurus/theme-common/internal';
 import { IconChevronLeft, IconX } from '@tabler/icons-react';
 import type { ButtonProps } from '@utrecht/component-library-react/dist/Button';
 import { Button } from '@utrecht/component-library-react/dist/css-module';

src/theme/Navbar/MobileSidebar/SecondaryMenu/index.tsx

@@ -1,4 +1,4 @@
-import { useNavbarSecondaryMenu } from '@docusaurus/theme-common/internal';
+import { useNavbarSecondaryMenu } from '@docusaurus/plugin-content-docs/client';
 import type { ReactElement } from 'react';
 
 // The secondary menu slides from the right and shows contextual information

src/theme/NavbarItem/DocNavbarItem.tsx

@@ -1,5 +1,4 @@
-import { useActiveDocContext } from '@docusaurus/plugin-content-docs/client';
-import { useLayoutDoc } from '@docusaurus/theme-common/internal';
+import { useLayoutDoc, useActiveDocContext } from '@docusaurus/plugin-content-docs/client';
 import DefaultNavbarItem from '@theme/NavbarItem/DefaultNavbarItem';
 import type { Props } from '@theme/NavbarItem/DocNavbarItem';
 import type { ReactElement } from 'react';

src/theme/NavbarItem/DocSidebarNavbarItem.tsx

@@ -1,5 +1,4 @@
-import { useActiveDocContext } from '@docusaurus/plugin-content-docs/client';
-import { useLayoutDocsSidebar } from '@docusaurus/theme-common/internal';
+import { useLayoutDocsSidebar, useActiveDocContext } from '@docusaurus/plugin-content-docs/client';
 import DefaultNavbarItem from '@theme/NavbarItem/DefaultNavbarItem';
 import type { Props } from '@theme/NavbarItem/DocSidebarNavbarItem';
 import type { ReactElement } from 'react';

src/theme/NavbarItem/DocsVersionDropdownNavbarItem.tsx

@@ -3,7 +3,7 @@ import { useActiveDocContext, useVersions } from '@docusaurus/plugin-content-doc
 import type { GlobalVersion } from '@docusaurus/plugin-content-docs/client';
 import { useLocation } from '@docusaurus/router';
 import { useDocsPreferredVersion } from '@docusaurus/theme-common';
-import { useDocsVersionCandidates } from '@docusaurus/theme-common/internal';
+import { useDocsVersionCandidates } from '@docusaurus/plugin-content-docs/client';
 import DefaultNavbarItem from '@theme/NavbarItem/DefaultNavbarItem';
 import type { Props } from '@theme/NavbarItem/DocsVersionDropdownNavbarItem';
 import DropdownNavbarItem from '@theme/NavbarItem/DropdownNavbarItem';

src/theme/NavbarItem/DocsVersionNavbarItem.tsx

@@ -1,5 +1,5 @@
 import type { GlobalVersion } from '@docusaurus/plugin-content-docs/client';
-import { useDocsVersionCandidates } from '@docusaurus/theme-common/internal';
+import { useDocsVersionCandidates } from '@docusaurus/plugin-content-docs/client';
 import DefaultNavbarItem from '@theme/NavbarItem/DefaultNavbarItem';
 import type { Props } from '@theme/NavbarItem/DocsVersionNavbarItem';
 import type { ReactElement } from 'react';

src/theme/NavbarItem/DropdownNavbarItem.tsx

@@ -1,5 +1,5 @@
 import { Collapsible, isRegexpStringMatch, useCollapsible } from '@docusaurus/theme-common';
-import { isSamePath, useLocalPathname } from '@docusaurus/theme-common/internal';
+import { isSamePath, useLocalPathname } from '@docusaurus/plugin-content-docs/client';
 import NavbarItem, { type LinkLikeNavbarItemProps } from '@theme/NavbarItem';
 import type { DesktopOrMobileNavBarItemProps, Props } from '@theme/NavbarItem/DropdownNavbarItem';
 import NavbarNavLink from '@theme/NavbarItem/NavbarNavLink';

src/theme/NavbarItem/LocaleDropdownNavbarItem/index.tsx

@@ -1,6 +1,6 @@
 import { translate } from '@docusaurus/Translate';
 import { useLocation } from '@docusaurus/router';
-import { useAlternatePageUtils } from '@docusaurus/theme-common/internal';
+import { useAlternatePageUtils } from '@docusaurus/plugin-content-docs/client';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import IconLanguage from '@theme/Icon/Language';
 import type { LinkLikeNavbarItemProps } from '@theme/NavbarItem';