@fumadocs/base-ui 16.12.1 → 16.14.0

package/dist/components/dialog/search-default.js

@@ -12,7 +12,7 @@ function DefaultSearchDialog({ type, defaultTag, tags = [], api, delayMs, allowC
 	const { locale } = useI18n();
 	const [tag, setTag] = useState(defaultTag);
 	let client;
-	if (type === "static") client = use(STATIC ??= import("fumadocs-core/search/client/orama-static")).oramaStaticClient({
+	if (type === "static") client = use(STATIC ??= import("fumadocs-core/search/client/orama-static")).staticClient({
 		from: api,
 		locale,
 		tag

package/dist/components/ui/button.d.ts

@@ -3,7 +3,7 @@ import { VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
   variant?: "primary" | "outline" | "ghost" | "secondary" | null | undefined;
   color?: "primary" | "outline" | "ghost" | "secondary" | null | undefined;
-  size?: "sm" | "icon" | "icon-sm" | "icon-xs" | null | undefined;
+  size?: "icon" | "sm" | "icon-sm" | "icon-xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ButtonProps = VariantProps<typeof buttonVariants>;
 //#endregion

package/dist/layouts/home/slots/header.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps } from "react";
 //#region src/layouts/home/slots/header.d.ts
 declare const navItemVariants: (props?: ({
-  variant?: "button" | "main" | "icon" | null | undefined;
+  variant?: "main" | "icon" | "button" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Header(props: ComponentProps<'header'>): import("react").JSX.Element;
 //#endregion

package/dist/provider/base.d.ts

@@ -18,6 +18,14 @@ interface ThemeOptions extends ThemeProviderProps {
    * @defaultValue true
    */
   enabled?: boolean;
+  /**
+   * Hotkey for toggling between light/dark mode, pass `false` to disable it.
+   *
+   * It is ignored while typing in an editable element (e.g. `<input />`), or when a dialog is opened.
+   *
+   * @defaultValue `d`
+   */
+  hotKey?: string | ((e: KeyboardEvent) => boolean) | false;
 }
 interface RootProviderProps {
   /**

package/dist/provider/base.js

@@ -1,24 +1,65 @@
 "use client";
 import { I18nProvider } from "../contexts/i18n.js";
 import { SearchProvider } from "../contexts/search.js";
-import { jsx } from "react/jsx-runtime";
-import { ThemeProvider, useTheme } from "next-themes";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useEffectEvent } from "react";
+import { ThemeProvider, useTheme, useTheme as useTheme$1 } from "next-themes";
+import { flushSync } from "react-dom";
 import { DirectionProvider } from "@base-ui/react/direction-provider";
 //#region src/provider/base.tsx
+/**
+* Whether the event should be ignored because the user is interacting with an editable element,
+* or an opened dialog (e.g. the search dialog).
+*/
+function isTypingTarget(target) {
+	if (!(target instanceof HTMLElement)) return false;
+	if (target.isContentEditable) return true;
+	if ([
+		"INPUT",
+		"TEXTAREA",
+		"SELECT"
+	].includes(target.tagName)) return true;
+	return target.closest("[role=\"dialog\"]") !== null;
+}
+/**
+* Toggle between light/dark mode with a hotkey, must be placed under `next-themes` provider.
+*/
+function ThemeHotKey({ hotKey }) {
+	const { setTheme, resolvedTheme } = useTheme$1();
+	const onKeyDown = useEffectEvent((e) => {
+		if (e.defaultPrevented || e.isComposing) return;
+		if (isTypingTarget(e.target)) return;
+		if (!(typeof hotKey === "string" ? !e.metaKey && !e.ctrlKey && !e.altKey && e.key.toLowerCase() === hotKey.toLowerCase() : hotKey(e))) return;
+		e.preventDefault();
+		const next = resolvedTheme === "dark" ? "light" : "dark";
+		if (document?.startViewTransition) document.startViewTransition(() => flushSync(() => setTheme(next)));
+		else setTheme(next);
+	});
+	useEffect(() => {
+		window.addEventListener("keydown", onKeyDown);
+		return () => {
+			window.removeEventListener("keydown", onKeyDown);
+		};
+	}, []);
+	return null;
+}
 function RootProvider({ children, dir = "ltr", theme = {}, search, i18n }) {
 	let body = children;
 	if (search?.enabled !== false) body = /* @__PURE__ */ jsx(SearchProvider, {
 		...search,
 		children: body
 	});
-	if (theme?.enabled !== false) body = /* @__PURE__ */ jsx(ThemeProvider, {
-		attribute: "class",
-		defaultTheme: "system",
-		enableSystem: true,
-		disableTransitionOnChange: true,
-		...theme,
-		children: body
-	});
+	if (theme?.enabled !== false) {
+		const { enabled: _, hotKey = "d", ...themeProps } = theme;
+		body = /* @__PURE__ */ jsxs(ThemeProvider, {
+			attribute: "class",
+			defaultTheme: "system",
+			enableSystem: true,
+			disableTransitionOnChange: true,
+			...themeProps,
+			children: [hotKey !== false && /* @__PURE__ */ jsx(ThemeHotKey, { hotKey }), body]
+		});
+	}
 	if (i18n) body = /* @__PURE__ */ jsx(I18nProvider, {
 		...i18n,
 		children: body

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fumadocs/base-ui",
-  "version": "16.12.1",
+  "version": "16.14.0",
   "description": "The Base UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -129,9 +129,9 @@
     "@base-ui/react": "^1.6.0",
     "@fuma-translate/react": "^1.0.2",
     "class-variance-authority": "^0.7.1",
-    "cnfast": "^0.0.8",
-    "lucide-react": "^1.25.0",
-    "motion": "^12.42.2",
+    "cnfast": "^0.1.0",
+    "lucide-react": "^1.27.0",
+    "motion": "^12.43.0",
     "next-themes": "^0.4.6",
     "react-remove-scroll": "^2.7.2",
     "rehype-raw": "^7.0.0",
@@ -143,19 +143,19 @@
   "devDependencies": {
     "@tailwindcss/cli": "^4.3.3",
     "@tailwindcss/oxide": "^4.3.3",
-    "@tsdown/css": "^0.22.13",
+    "@tsdown/css": "^0.22.14",
     "@types/hast": "^3.0.5",
     "@types/mdx": "^2.0.14",
-    "@types/node": "^26.1.1",
+    "@types/node": "^26.1.2",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "fuma-cli": "^0.1.1",
     "react-medium-image-zoom": "^5.4.8",
     "tailwindcss": "^4.3.3",
-    "tsdown": "0.22.13",
+    "tsdown": "0.22.14",
     "unified": "^11.0.5",
     "@fumadocs/cli": "1.4.1",
-    "fumadocs-core": "16.12.1",
+    "fumadocs-core": "16.14.0",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {
@@ -165,7 +165,7 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "takumi-js": "*",
-    "fumadocs-core": "16.12.1"
+    "fumadocs-core": "16.14.0"
   },
   "peerDependenciesMeta": {
     "next": {
@@ -185,11 +185,9 @@
     "react-medium-image-zoom": "5.4.8"
   },
   "scripts": {
-    "build": "pnpm build:layout && pnpm build:tailwind",
-    "build:layout": "tsdown",
-    "build:tailwind": "tailwindcss -i css/style.css -o ./dist/style.css",
+    "build": "tsdown",
     "clean": "rimraf dist",
-    "dev": "concurrently \"tsdown --watch --clean false\" \"tailwindcss -i css/style.css -o ./dist/style.css -w\"",
+    "dev": "tsdown --watch --clean false",
     "lint": "oxlint .",
     "types:check": "tsc --noEmit"
   }