OpenZeppelin · stevedylandev · Sep 4, 2025 · Sep 3, 2025 · Sep 3, 2025 · Sep 3, 2025
diff --git a/content/contracts/index.mdx b/content/contracts/index.mdx
@@ -0,0 +1,13 @@
+---
+title: Contracts
+description: OpenZeppelin Contracts documentation
+---
+
+# OpenZeppelin Contracts
+
+Welcome to the OpenZeppelin Contracts documentation. Choose your version:
+
+- [v5.x (Latest)](/contracts/v5.x/) - Latest stable version with new features
+- [v4.x](/contracts/v4.x/) - Previous major version
+- [v3.x](/contracts/v3.x/) - Legacy version
+- [v2.x](/contracts/v2.x/) - Legacy version
diff --git a/next.config.mjs b/next.config.mjs
@@ -1,10 +1,11 @@
-import { createMDX } from 'fumadocs-mdx/next';
+import { createMDX } from "fumadocs-mdx/next";
 
 const withMDX = createMDX();
 
 /** @type {import('next').NextConfig} */
 const config = {
-  reactStrictMode: true,
+	reactStrictMode: true,
+	output: "export",
 };
 
 export default withMDX(config);
diff --git a/package.json b/package.json
@@ -16,6 +16,7 @@
 	},
 	"dependencies": {
 		"@netlify/plugin-nextjs": "^5.13.0",
+		"@orama/orama": "^3.1.12",
 		"@radix-ui/react-separator": "^1.1.7",
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app/api/search/route.ts b/src/app/api/search/route.ts
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,5 +1,5 @@
 import "@/app/global.css";
-import { RootProvider } from "fumadocs-ui/provider";
+import { Provider } from "./provider";
 import { Inter } from "next/font/google";
 import type { ReactNode } from "react";
 
@@ -11,7 +11,7 @@ export default function Layout({ children }: { children: ReactNode }) {
 	return (
 		<html lang="en" className={inter.className} suppressHydrationWarning>
 			<body className="flex flex-col min-h-screen">
-				<RootProvider>{children}</RootProvider>
+				<Provider>{children}</Provider>
 			</body>
 		</html>
 	);

diff --git a/src/app/provider.tsx b/src/app/provider.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import { RootProvider } from "fumadocs-ui/provider";
+import type { ReactNode } from "react";
+
+export function Provider({ children }: { children: ReactNode }) {
+	return <RootProvider>{children}</RootProvider>;
+}
diff --git a/src/components/search.tsx b/src/components/search.tsx
@@ -0,0 +1,51 @@
+"use client";
+import {
+	SearchDialog,
+	SearchDialogClose,
+	SearchDialogContent,
+	SearchDialogHeader,
+	SearchDialogIcon,
+	SearchDialogInput,
+	SearchDialogList,
+	SearchDialogOverlay,
+	type SharedProps,
+} from "fumadocs-ui/components/dialog/search";
+import { useDocsSearch } from "fumadocs-core/search/client";
+import { create } from "@orama/orama";
+import { useI18n } from "fumadocs-ui/contexts/i18n";
+
+function initOrama() {
+	return create({
+		schema: { _: "string" },
+		// https://docs.orama.com/docs/orama-js/supported-languages
+		language: "english",
+	});
+}
+
+export default function DefaultSearchDialog(props: SharedProps) {
+	const { locale } = useI18n(); // (optional) for i18n
+	const { search, setSearch, query } = useDocsSearch({
+		type: "static",
+		initOrama,
+		locale,
+	});
+
+	return (
+		<SearchDialog
+			search={search}
+			onSearchChange={setSearch}
+			isLoading={query.isLoading}
+			{...props}
+		>
+			<SearchDialogOverlay />
+			<SearchDialogContent>
+				<SearchDialogHeader>
+					<SearchDialogIcon />
+					<SearchDialogInput />
+					<SearchDialogClose />
+				</SearchDialogHeader>
+				<SearchDialogList items={query.data !== "empty" ? query.data : null} />
+			</SearchDialogContent>
+		</SearchDialog>
+	);
+}
diff --git a/src/middleware.ts b/src/middleware.ts