fumadocs-ui 16.6.0 → 16.6.1

package/css/generated/shared.css

@@ -493,7 +493,6 @@
 @source inline("k");
 @source inline("keepBackground");
 @source inline("key");
-@source inline("keyVariants");
 @source inline("keydown");
 @source inline("keyof");
 @source inline("label");
@@ -701,6 +700,7 @@
 @source inline("page");
 @source inline("parameters");
 @source inline("params");
+@source inline("parentId");
 @source inline("pass");
 @source inline("passed");
 @source inline("path");
@@ -821,6 +821,7 @@
 @source inline("s");
 @source inline("scroll");
 @source inline("scroll-into-view-if-needed");
+@source inline("scroll-m-20");
 @source inline("scroll-m-24");
 @source inline("scroll-m-28");
 @source inline("scrollIntoView");
@@ -1050,7 +1051,7 @@
 @source inline("w-0");
 @source inline("w-0.5");
 @source inline("w-1.5");
-@source inline("w-[25%]");
+@source inline("w-1/4");
 @source inline("w-[calc(100%-1rem)]");
 @source inline("w-fit");
 @source inline("w-full");

package/dist/components/type-table.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ComponentProps, ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/type-table.d.ts
@@ -30,9 +30,12 @@ interface TypeNode {
   returns?: ReactNode;
 }
 declare function TypeTable({
-  type
+  id,
+  type,
+  className,
+  ...props
 }: {
   type: Record<string, TypeNode>;
-}): react_jsx_runtime0.JSX.Element;
+} & ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ParameterNode, TypeNode, TypeTable };

package/dist/components/type-table.js

@@ -2,47 +2,56 @@
 
 import { cn } from "../utils/cn.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible.js";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import Link from "fumadocs-core/link";
 import { ChevronDown } from "lucide-react";
 import { cva } from "class-variance-authority";
 
 //#region src/components/type-table.tsx
-const keyVariants = cva("text-fd-primary", { variants: { deprecated: { true: "line-through text-fd-primary/50" } } });
 const fieldVariants = cva("text-fd-muted-foreground not-prose pe-2");
-function TypeTable({ type }) {
+function TypeTable({ id, type, className, ...props }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "@container flex flex-col p-1 bg-fd-card text-fd-card-foreground rounded-2xl border my-6 text-sm overflow-hidden",
+		id,
+		className: cn("@container flex flex-col p-1 bg-fd-card text-fd-card-foreground rounded-2xl border my-6 text-sm overflow-hidden", className),
+		...props,
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex font-medium items-center px-3 py-1 not-prose text-fd-muted-foreground",
 			children: [/* @__PURE__ */ jsx("p", {
-				className: "w-[25%]",
+				className: "w-1/4",
 				children: "Prop"
 			}), /* @__PURE__ */ jsx("p", {
 				className: "@max-xl:hidden",
 				children: "Type"
 			})]
 		}), Object.entries(type).map(([key, value]) => /* @__PURE__ */ jsx(Item, {
+			parentId: id,
 			name: key,
 			item: value
 		}, key))]
 	});
 }
-function Item({ name, item: { parameters = [], description, required = false, deprecated, typeDescription, default: defaultValue, type, typeDescriptionLink, returns } }) {
+function Item({ parentId, name, item: { parameters = [], description, required = false, deprecated, typeDescription, default: defaultValue, type, typeDescriptionLink, returns } }) {
 	const [open, setOpen] = useState(false);
+	const id = parentId ? `${parentId}-${name}` : void 0;
+	useEffect(() => {
+		const hash = window.location.hash;
+		if (!id || !hash) return;
+		if (`#${id}` === hash) setOpen(true);
+	}, [id]);
 	return /* @__PURE__ */ jsxs(Collapsible, {
+		id,
 		open,
-		onOpenChange: setOpen,
-		className: cn("rounded-xl border overflow-hidden transition-all", open ? "shadow-sm bg-fd-background not-last:mb-2" : "border-transparent"),
+		onOpenChange: (v) => {
+			if (v && id) window.history.replaceState(null, "", `#${id}`);
+			setOpen(v);
+		},
+		className: cn("rounded-xl border overflow-hidden scroll-m-20 transition-all", open ? "shadow-sm bg-fd-background not-last:mb-2" : "border-transparent"),
 		children: [/* @__PURE__ */ jsxs(CollapsibleTrigger, {
 			className: "relative flex flex-row items-center w-full group text-start px-3 py-2 not-prose hover:bg-fd-accent",
 			children: [
 				/* @__PURE__ */ jsxs("code", {
-					className: cn(keyVariants({
-						deprecated,
-						className: "min-w-fit w-[25%] font-medium pe-2"
-					})),
+					className: cn("text-fd-primary min-w-fit w-1/4 font-mono font-medium pe-2", deprecated && "line-through text-fd-primary/50"),
 					children: [name, !required && "?"]
 				}),
 				typeDescriptionLink ? /* @__PURE__ */ jsx(Link, {

package/dist/layouts/home/client.d.ts

@@ -4,7 +4,7 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
 
 //#region src/layouts/home/client.d.ts
 declare const navItemVariants: (props?: ({
-  variant?: "button" | "main" | "icon" | null | undefined;
+  variant?: "icon" | "button" | "main" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Header({
   nav,

package/dist/style.css

@@ -1053,12 +1053,12 @@
   .w-1\.5 {
     width: calc(var(--spacing) * 1.5);
   }
+  .w-1\/4 {
+    width: calc(1/4 * 100%);
+  }
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
-  .w-\[25\%\] {
-    width: 25%;
-  }
   .w-\[85\%\] {
     width: 85%;
   }
@@ -1180,6 +1180,9 @@
   .animate-pulse {
     animation: var(--animate-pulse);
   }
+  .scroll-m-20 {
+    scroll-margin: calc(var(--spacing) * 20);
+  }
   .scroll-m-24 {
     scroll-margin: calc(var(--spacing) * 24);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "16.6.0",
+  "version": "16.6.1",
   "description": "The Radix UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -114,7 +114,7 @@
     "@radix-ui/react-tabs": "^1.1.13",
     "class-variance-authority": "^0.7.1",
     "lucide-react": "^0.563.0",
-    "motion": "^12.33.0",
+    "motion": "^12.34.0",
     "next-themes": "^0.4.6",
     "react-medium-image-zoom": "^5.4.0",
     "react-remove-scroll": "^2.7.2",
@@ -127,15 +127,15 @@
   "devDependencies": {
     "@tailwindcss/cli": "^4.1.18",
     "@types/hast": "^3.0.4",
-    "@types/node": "^25.2.1",
-    "@types/react": "^19.2.13",
+    "@types/node": "^25.2.3",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "tailwindcss": "^4.1.18",
     "tsdown": "^0.20.3",
     "unified": "^11.0.5",
     "@fumadocs/cli": "1.2.4",
     "eslint-config-custom": "0.0.0",
-    "fumadocs-core": "16.6.0",
+    "fumadocs-core": "16.6.1",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {
@@ -143,7 +143,7 @@
     "next": "16.x.x",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "fumadocs-core": "16.6.0"
+    "fumadocs-core": "16.6.1"
   },
   "peerDependenciesMeta": {
     "next": {