fumadocs-ui 16.6.5 → 16.6.7

package/css/generated/docs.css

@@ -427,6 +427,7 @@
 @source inline("use");
 @source inline("useActiveAnchor");
 @source inline("useFooterItems");
+@source inline("useI18n");
 @source inline("useIsScrollTop");
 @source inline("useLinkItems");
 @source inline("useMemo");

package/css/generated/flux.css

@@ -2,6 +2,7 @@
 @source inline("!isActive");
 @source inline("!open");
 @source inline("*:rounded-lg");
+@source inline("---spacing");
 @source inline("--fd-toc-width");
 @source inline("--removed-body-scroll-bar-size");
 @source inline("--spacing");
@@ -12,7 +13,6 @@
 @source inline("[&_svg]:shrink-0");
 @source inline("[&_svg]:size-4");
 @source inline("[grid-area:main]");
-@source inline("[scrollbar-width:none]");
 @source inline("a");
 @source inline("absolute");
 @source inline("active");
@@ -187,6 +187,7 @@
 @source inline("inline-flex");
 @source inline("input");
 @source inline("inset-0");
+@source inline("inset-x-0");
 @source inline("interface");
 @source inline("invisible");
 @source inline("isActive");
@@ -207,7 +208,7 @@
 @source inline("located");
 @source inline("lucide-react");
 @source inline("main");
-@source inline("mask-[linear-gradient(to_bottom,transparent,white_calc(var(--spacing)*14),white_calc(100%-var(--spacing)*14),transparent)]");
+@source inline("mask-[linear-gradient(to_bottom,transparent,white_--spacing(14),white_calc(100%---spacing(14)),transparent)]");
 @source inline("max");
 @source inline("max-h-[50vh]");
 @source inline("max-w-[1200px]");
@@ -221,6 +222,7 @@
 @source inline("menuItems");
 @source inline("mergeRefs");
 @source inline("min");
+@source inline("min-h-0");
 @source inline("min-h-11");
 @source inline("min-w-0");
 @source inline("mode");
@@ -249,6 +251,7 @@
 @source inline("number");
 @source inline("object");
 @source inline("of");
+@source inline("onAnimationComplete");
 @source inline("onClick");
 @source inline("onOpenChange");
 @source inline("opacity");
@@ -260,7 +263,6 @@
 @source inline("overflow-x-clip");
 @source inline("overflow-y-auto");
 @source inline("overflow-y-hidden");
-@source inline("overscroll-contain");
 @source inline("p");
 @source inline("p-1");
 @source inline("p-1.5");
@@ -311,10 +313,12 @@
 @source inline("rounded-lg");
 @source inline("rounded-xl");
 @source inline("rtl:rotate-180");
+@source inline("scale");
 @source inline("searchToggle");
 @source inline("secondary");
 @source inline("selected");
 @source inline("selectedIdx");
+@source inline("setBlockScroll");
 @source inline("setContainer");
 @source inline("setDate");
 @source inline("setOpen");
@@ -378,6 +382,7 @@
 @source inline("tocOptions");
 @source inline("tocPopoverEnabled");
 @source inline("tool");
+@source inline("top-0");
 @source inline("transform");
 @source inline("transition");
 @source inline("transition-all");
@@ -385,6 +390,7 @@
 @source inline("transition-opacity");
 @source inline("transition-transform");
 @source inline("translate-x-[calc(-50%-var(--removed-body-scroll-bar-size,0px)/2)]");
+@source inline("translateY");
 @source inline("tree");
 @source inline("true");
 @source inline("truncate");
@@ -396,10 +402,12 @@
 @source inline("use");
 @source inline("useActiveAnchor");
 @source inline("useFooterItems");
+@source inline("useI18n");
 @source inline("useLinkItems");
 @source inline("useMemo");
 @source inline("usePathname");
 @source inline("useRef");
+@source inline("useSearchContext");
 @source inline("useSidebar");
 @source inline("useState");
 @source inline("useTOCItems");

package/css/generated/notebook.css

@@ -466,6 +466,7 @@
 @source inline("use");
 @source inline("useActiveAnchor");
 @source inline("useFooterItems");
+@source inline("useI18n");
 @source inline("useIsScrollTop");
 @source inline("useLinkItems");
 @source inline("useMemo");

package/css/generated/shared.css

@@ -269,6 +269,7 @@
 @source inline("defaultTranslations");
 @source inline("defaultValue");
 @source inline("defaults");
+@source inline("defineI18nUI");
 @source inline("defined");
 @source inline("delay");
 @source inline("dependencies");
@@ -480,6 +481,7 @@
 @source inline("is");
 @source inline("isActive");
 @source inline("isLoading");
+@source inline("isOpen");
 @source inline("isWindows");
 @source inline("it");
 @source inline("item");
@@ -1014,6 +1016,7 @@
 @source inline("use");
 @source inline("useCopyButton");
 @source inline("useDocsSearch");
+@source inline("useI18n");
 @source inline("useId");
 @source inline("useMediaQuery");
 @source inline("useMemo");

package/css/lib/shiki.css

@@ -26,26 +26,6 @@
     filter: blur(0);
   }
 
-  &[data-line-numbers] .twoslash-meta-line {
-    padding-left: calc(var(--padding-left) + 7 * var(--spacing));
-  }
-
-  &[data-line-numbers] .line {
-    counter-increment: line;
-    padding-left: calc(var(--padding-left) + 7 * var(--spacing));
-  }
-
-  &[data-line-numbers] .line::after {
-    position: absolute;
-    content: counter(line);
-    color: color-mix(
-      in oklab,
-      var(--fd-counter-color, var(--color-fd-muted-foreground)) 60%,
-      transparent
-    );
-    @apply top-0 left-4;
-  }
-
   .diff::before {
     position: absolute;
     left: calc(var(--spacing) * 1.5);
@@ -75,14 +55,39 @@
   .highlighted {
     --fd-counter-color: var(--color-fd-primary);
     padding-left: calc(var(--padding-left) - 2px);
+    @apply bg-fd-primary/10;
+  }
 
-    @apply border-l-2 border-fd-primary/50 bg-fd-primary/10;
+  .highlighted::after {
+    position: absolute;
+    content: '';
+    @apply inset-y-0 left-0 border-l-2 border-fd-primary/50;
   }
 
   .highlighted-word {
     padding: 1px;
     @apply border -my-px border-fd-primary/30 bg-fd-primary/10 rounded-md font-medium;
   }
+
+  &[data-line-numbers] .twoslash-meta-line {
+    padding-left: calc(var(--padding-left) + 7 * var(--spacing));
+  }
+
+  &[data-line-numbers] .line {
+    counter-increment: line;
+    padding-left: calc(var(--padding-left) + 7 * var(--spacing));
+  }
+
+  &[data-line-numbers] .line::after {
+    position: absolute;
+    content: counter(line);
+    color: color-mix(
+      in oklab,
+      var(--fd-counter-color, var(--color-fd-muted-foreground)) 60%,
+      transparent
+    );
+    @apply inset-y-0 left-0 w-7 text-right;
+  }
 }
 
 .dark .shiki:not(.not-fumadocs-codeblock *) {

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

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

package/dist/contexts/search.d.ts

@@ -49,6 +49,7 @@ interface SearchProviderProps {
 }
 interface SearchContextType {
   enabled: boolean;
+  open: boolean;
   hotKey: HotKey[];
   setOpenSearch: (value: boolean) => void;
 }

package/dist/contexts/search.js

@@ -6,6 +6,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/contexts/search.tsx
 const SearchContext = createContext({
 	enabled: false,
+	open: false,
 	hotKey: [],
 	setOpenSearch: () => void 0
 });
@@ -42,9 +43,10 @@ function SearchProvider({ SearchDialog, children, preload = true, options, hotKe
 	return /* @__PURE__ */ jsxs(SearchContext, {
 		value: useMemo(() => ({
 			enabled: true,
+			open: isOpen ?? false,
 			hotKey,
 			setOpenSearch: setIsOpen
-		}), [hotKey]),
+		}), [isOpen, hotKey]),
 		children: [isOpen !== void 0 && /* @__PURE__ */ jsx(Suspense, {
 			fallback: null,
 			children: /* @__PURE__ */ jsx(SearchDialog, {

package/dist/layouts/flux/index.d.ts

@@ -58,7 +58,6 @@ declare function NavigationPanel({
   tabDropdown,
   tool,
   link,
-  className,
   children,
   ...props
 }: NavigationPanelProps & Omit<ComponentProps<typeof motion.div>, 'children'> & {

package/dist/layouts/flux/index.js

@@ -5,6 +5,7 @@ import { buttonVariants } from "../../components/ui/button.js";
 import { TreeContextProvider } from "../../contexts/tree.js";
 import { SidebarViewport, useSidebar } from "../../components/sidebar/base.js";
 import { LinkItem } from "../../utils/link-item.js";
+import { useSearchContext } from "../../contexts/search.js";
 import { SearchToggle } from "../shared/search-toggle.js";
 import { renderTitleNav, useLinkItems } from "../shared/index.js";
 import { LanguageToggle } from "../shared/language-toggle.js";
@@ -117,10 +118,16 @@ function NavigationSidebarTrigger() {
 		})
 	});
 }
-function NavigationPanel({ head, tabDropdown, tool, link, className, children = (v) => v, ...props }) {
+function NavigationPanel({ head, tabDropdown, tool, link, children = (v) => v, ...props }) {
+	const { open } = useSearchContext();
 	return /* @__PURE__ */ jsx(motion.div, {
-		className: cn("fixed left-1/2 w-[calc(100%-var(--removed-body-scroll-bar-size,0px))] translate-x-[calc(-50%-var(--removed-body-scroll-bar-size,0px)/2)] bottom-0 z-40 bg-fd-popover text-fd-popover-foreground border-t shadow-lg sm:bottom-6 sm:rounded-2xl sm:border sm:max-w-[380px]", className),
 		...props,
+		className: cn("fixed left-1/2 w-[calc(100%-var(--removed-body-scroll-bar-size,0px))] translate-x-[calc(-50%-var(--removed-body-scroll-bar-size,0px)/2)] bottom-0 z-40 bg-fd-popover text-fd-popover-foreground border-t shadow-lg sm:bottom-6 sm:rounded-2xl sm:border sm:max-w-[380px]", props.className),
+		animate: props.animate ?? {
+			scale: open ? .9 : 1,
+			translateY: open ? 20 : 0,
+			opacity: open ? .8 : 1
+		},
 		children: children(/* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex flex-row items-center ps-2.5 p-1 gap-2 min-h-11",
 			children: [head, /* @__PURE__ */ jsx("div", {

package/dist/layouts/flux/sidebar.js

@@ -5,7 +5,7 @@ import { mergeRefs } from "../../utils/merge-refs.js";
 import { SidebarCollapseTrigger as SidebarCollapseTrigger$1, SidebarFolder as SidebarFolder$1, SidebarFolderContent as SidebarFolderContent$1, SidebarFolderLink as SidebarFolderLink$1, SidebarFolderTrigger as SidebarFolderTrigger$1, SidebarItem as SidebarItem$1, SidebarProvider, SidebarSeparator as SidebarSeparator$1, SidebarTrigger as SidebarTrigger$1, SidebarViewport as SidebarViewport$1, useFolder, useFolderDepth, useSidebar } from "../../components/sidebar/base.js";
 import { createLinkItemRenderer } from "../../components/sidebar/link-item.js";
 import { createPageTreeRenderer } from "../../components/sidebar/page-tree.js";
-import { useEffect, useEffectEvent, useRef } from "react";
+import { useEffect, useEffectEvent, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { motion } from "motion/react";
@@ -43,6 +43,7 @@ function SidebarTrigger(props) {
 }
 function SidebarContent({ ref: refProp, className, children, ...props }) {
 	const ref = useRef(null);
+	const [blockScroll, setBlockScroll] = useState(false);
 	const { open, setOpen } = useSidebar();
 	const listener = useEffectEvent((e) => {
 		if (open && e.key === "Escape") {
@@ -56,8 +57,9 @@ function SidebarContent({ ref: refProp, className, children, ...props }) {
 			window.removeEventListener("keydown", listener);
 		};
 	}, []);
+	if (open && !blockScroll) setBlockScroll(true);
 	return /* @__PURE__ */ jsx(RemoveScroll, {
-		enabled: open,
+		enabled: blockScroll,
 		children: /* @__PURE__ */ jsx(motion.div, {
 			className: cn("fixed inset-0 py-10 z-30 backdrop-blur-md bg-fd-background/60", !open && "pointer-events-none"),
 			initial: "hide",
@@ -70,8 +72,11 @@ function SidebarContent({ ref: refProp, className, children, ...props }) {
 			onClick: () => {
 				setOpen(false);
 			},
+			onAnimationComplete: (definition) => {
+				if (definition === "hide") setBlockScroll(false);
+			},
 			children: /* @__PURE__ */ jsx(motion.div, {
-				className: "absolute overflow-y-auto pr-(--removed-body-scroll-bar-size,0) [scrollbar-width:none] py-16 inset-0 bottom-26 overscroll-contain mask-[linear-gradient(to_bottom,transparent,white_calc(var(--spacing)*14),white_calc(100%-var(--spacing)*14),transparent)] lg:text-sm",
+				className: "absolute top-0 min-h-0 inset-x-0 bottom-26 overflow-y-auto fd-scroll-container pr-(--removed-body-scroll-bar-size,0) py-16 mask-[linear-gradient(to_bottom,transparent,white_--spacing(14),white_calc(100%---spacing(14)),transparent)] lg:text-sm",
 				variants: {
 					show: {
 						y: 0,
@@ -83,14 +88,13 @@ function SidebarContent({ ref: refProp, className, children, ...props }) {
 					}
 				},
 				transition: {
-					duration: .3,
+					duration: .4,
 					ease: [
 						.16,
 						1,
 						.3,
 						1
-					],
-					opacity: { duration: .1 }
+					]
 				},
 				children: /* @__PURE__ */ jsx(motion.aside, {
 					id: "nd-sidebar",

package/dist/layouts/flux/tab-dropdown.js

@@ -40,7 +40,7 @@ function SidebarTabsDropdown({ options, placeholder, className, ...props }) {
 			children: [/* @__PURE__ */ jsx(AnimatePresence, {
 				mode: "popLayout",
 				children: /* @__PURE__ */ jsx(motion.span, {
-					className: "flex w-full items-center text-nowrap gap-1.5",
+					className: "flex w-full min-w-0 overflow-hidden items-center text-nowrap gap-1.5",
 					initial: {
 						opacity: 0,
 						y: "100%"

package/dist/style.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -309,6 +309,9 @@
   .inset-y-2 {
     inset-block: calc(var(--spacing) * 2);
   }
+  .start {
+    inset-inline-start: var(--spacing);
+  }
   .start-0 {
     inset-inline-start: calc(var(--spacing) * 0);
   }
@@ -349,7 +352,7 @@
     top: calc(var(--spacing) * 1.5);
   }
   .top-1\/2 {
-    top: calc(1/2 * 100%);
+    top: calc(1 / 2 * 100%);
   }
   .top-2\.5 {
     top: calc(var(--spacing) * 2.5);
@@ -376,7 +379,7 @@
     bottom: calc(var(--spacing) * 26);
   }
   .left-1\/2 {
-    left: calc(1/2 * 100%);
+    left: calc(1 / 2 * 100%);
   }
   .z-2 {
     z-index: 2;
@@ -1054,7 +1057,7 @@
     width: calc(var(--spacing) * 1.5);
   }
   .w-1\/4 {
-    width: calc(1/4 * 100%);
+    width: calc(1 / 4 * 100%);
   }
   .w-4 {
     width: calc(var(--spacing) * 4);
@@ -1145,7 +1148,7 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-translate-x-1\/2 {
-    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .translate-x-2 {
@@ -1157,7 +1160,7 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-translate-y-1\/2 {
-    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-translate-y-full {
@@ -1472,12 +1475,12 @@
   .bg-transparent {
     background-color: transparent;
   }
+  .mask-\[linear-gradient\(to_bottom\,transparent\,white_--spacing\(14\)\,white_calc\(100\%---spacing\(14\)\)\,transparent\)\] {
+    mask-image: linear-gradient(to bottom,transparent,white calc(var(--spacing) * 14),white calc(100% - calc(var(--spacing) * 14)),transparent);
+  }
   .mask-\[linear-gradient\(to_bottom\,transparent\,white_16px\,white_calc\(100\%-16px\)\,transparent\)\] {
     mask-image: linear-gradient(to bottom,transparent,white 16px,white calc(100% - 16px),transparent);
   }
-  .mask-\[linear-gradient\(to_bottom\,transparent\,white_calc\(var\(--spacing\)\*14\)\,white_calc\(100\%-var\(--spacing\)\*14\)\,transparent\)\] {
-    mask-image: linear-gradient(to bottom,transparent,white calc(var(--spacing) * 14),white calc(100% - var(--spacing) * 14),transparent);
-  }
   .mask-\[linear-gradient\(to_bottom\,white\,white_30px\,transparent_80px\)\] {
     mask-image: linear-gradient(to bottom,white,white 30px,transparent 80px);
   }
@@ -2872,23 +2875,6 @@
   &.has-focused:hover .line:not(.focused) {
     filter: blur(0);
   }
-  &[data-line-numbers] .twoslash-meta-line {
-    padding-left: calc(var(--padding-left) + 7 * var(--spacing));
-  }
-  &[data-line-numbers] .line {
-    counter-increment: line;
-    padding-left: calc(var(--padding-left) + 7 * var(--spacing));
-  }
-  &[data-line-numbers] .line::after {
-    position: absolute;
-    content: counter(line);
-    color: var(--fd-counter-color, hsl(0, 0%, 45.1%));
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix( in oklab, var(--fd-counter-color, var(--color-fd-muted-foreground)) 60%, transparent );
-    }
-    top: calc(var(--spacing) * 0);
-    left: calc(var(--spacing) * 4);
-  }
   .diff::before {
     position: absolute;
     left: calc(var(--spacing) * 1.5);
@@ -2913,16 +2899,22 @@
   .highlighted {
     --fd-counter-color: var(--color-fd-primary);
     padding-left: calc(var(--padding-left) - 2px);
+    background-color: color-mix(in srgb, hsl(0, 0%, 9%) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
+    }
+  }
+  .highlighted::after {
+    position: absolute;
+    content: '';
+    inset-block: calc(var(--spacing) * 0);
+    left: calc(var(--spacing) * 0);
     border-left-style: var(--tw-border-style);
     border-left-width: 2px;
     border-color: color-mix(in srgb, hsl(0, 0%, 9%) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       border-color: color-mix(in oklab, var(--color-fd-primary) 50%, transparent);
     }
-    background-color: color-mix(in srgb, hsl(0, 0%, 9%) 10%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
-    }
   }
   .highlighted-word {
     padding: 1px;
@@ -2941,6 +2933,25 @@
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
   }
+  &[data-line-numbers] .twoslash-meta-line {
+    padding-left: calc(var(--padding-left) + 7 * var(--spacing));
+  }
+  &[data-line-numbers] .line {
+    counter-increment: line;
+    padding-left: calc(var(--padding-left) + 7 * var(--spacing));
+  }
+  &[data-line-numbers] .line::after {
+    position: absolute;
+    content: counter(line);
+    color: var(--fd-counter-color, hsl(0, 0%, 45.1%));
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix( in oklab, var(--fd-counter-color, var(--color-fd-muted-foreground)) 60%, transparent );
+    }
+    inset-block: calc(var(--spacing) * 0);
+    left: calc(var(--spacing) * 0);
+    width: calc(var(--spacing) * 7);
+    text-align: right;
+  }
 }
 .dark .shiki:not(.not-fumadocs-codeblock *) {
   code span {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "16.6.5",
+  "version": "16.6.7",
   "description": "The Radix UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -117,30 +117,30 @@
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-tabs": "^1.1.13",
     "class-variance-authority": "^0.7.1",
-    "lucide-react": "^0.570.0",
-    "motion": "^12.34.0",
+    "lucide-react": "^0.575.0",
+    "motion": "^12.34.3",
     "next-themes": "^0.4.6",
-    "react-medium-image-zoom": "^5.4.0",
+    "react-medium-image-zoom": "^5.4.1",
     "react-remove-scroll": "^2.7.2",
     "rehype-raw": "^7.0.0",
     "scroll-into-view-if-needed": "^3.1.0",
-    "tailwind-merge": "^3.4.1",
+    "tailwind-merge": "^3.5.0",
     "unist-util-visit": "^5.1.0",
     "@fumadocs/tailwind": "0.0.2"
   },
   "devDependencies": {
-    "@tailwindcss/cli": "^4.1.18",
+    "@tailwindcss/cli": "^4.2.1",
     "@types/hast": "^3.0.4",
-    "@types/node": "^25.2.3",
+    "@types/node": "^25.3.1",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "tailwindcss": "^4.1.18",
-    "tsdown": "^0.20.3",
+    "tailwindcss": "^4.2.1",
+    "tsdown": "0.20.3",
     "unified": "^11.0.5",
     "@fumadocs/cli": "1.2.4",
+    "tsconfig": "0.0.0",
     "eslint-config-custom": "0.0.0",
-    "fumadocs-core": "16.6.5",
-    "tsconfig": "0.0.0"
+    "fumadocs-core": "16.6.7"
   },
   "peerDependencies": {
     "@takumi-rs/image-response": "^0.68.17",
@@ -148,7 +148,7 @@
     "next": "16.x.x",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "fumadocs-core": "16.6.5"
+    "fumadocs-core": "16.6.7"
   },
   "peerDependenciesMeta": {
     "next": {