fumadocs-ui 16.8.6 → 16.8.8

package/css/generated/shared.css

@@ -92,7 +92,6 @@
 @source inline("application/json");
 @source inline("areaRef");
 @source inline("aria-describedby");
-@source inline("aria-hidden");
 @source inline("aria-label");
 @source inline("aria-selected");
 @source inline("as");
@@ -404,6 +403,8 @@
 @source inline("group-data-[state=active]:bg-fd-primary");
 @source inline("group-data-[state=open]:rotate-180");
 @source inline("group-data-[state=open]:rotate-90");
+@source inline("group-hover/heading:opacity-100");
+@source inline("group/heading");
 @source inline("groupListeners");
 @source inline("guides");
 @source inline("h");
@@ -465,6 +466,8 @@
 @source inline("inputType");
 @source inline("inset-0");
 @source inline("inset-s-0");
+@source inline("inset-s-3");
+@source inline("inset-s-6");
 @source inline("inset-x-0");
 @source inline("inset-x-2");
 @source inline("inset-y-0");
@@ -642,6 +645,7 @@
 @source inline("onChange");
 @source inline("onClick");
 @source inline("onCompute");
+@source inline("onCopy");
 @source inline("onKey");
 @source inline("onOpenChange");
 @source inline("onOpenChangeCallback");
@@ -708,8 +712,6 @@
 @source inline("pb-0");
 @source inline("pb-2");
 @source inline("pe-2");
-@source inline("peer");
-@source inline("peer-hover:opacity-100");
 @source inline("performing");
 @source inline("persist");
 @source inline("persistent");
@@ -892,8 +894,6 @@
 @source inline("specific");
 @source inline("src");
 @source inline("stars");
-@source inline("start-3");
-@source inline("start-6");
 @source inline("startIdx");
 @source inline("state");
 @source inline("static");
@@ -1075,8 +1075,12 @@
 @source inline("wrapInSuspense");
 @source inline("wrapped");
 @source inline("x");
+@source inline("x1");
+@source inline("x2");
 @source inline("xmlns");
 @source inline("y");
+@source inline("y1");
+@source inline("y2");
 @source inline("you");
 @source inline("your");
 @source inline("z-2");

package/dist/components/accordion.js

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../utils/cn.js";
-import { useCopyButton } from "../utils/use-copy-button.js";
 import { buttonVariants } from "./ui/button.js";
+import { useCopyButton } from "../utils/use-copy-button.js";
 import { mergeRefs } from "../utils/merge-refs.js";
 import { Accordion as Accordion$1, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger } from "./ui/accordion.js";
 import { useEffect, useRef, useState } from "react";

package/dist/components/codeblock.js

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../utils/cn.js";
-import { useCopyButton } from "../utils/use-copy-button.js";
 import { buttonVariants } from "./ui/button.js";
+import { useCopyButton } from "../utils/use-copy-button.js";
 import { mergeRefs } from "../utils/merge-refs.js";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
 import { createContext, use, useMemo, useRef } from "react";

package/dist/components/dialog/search.js

@@ -263,9 +263,9 @@ function SearchDialogListItem({ item, className, children, renderMarkdown = (s)
 		}),
 		item.type !== "page" && /* @__PURE__ */ jsx("div", {
 			role: "none",
-			className: "absolute start-3 inset-y-0 w-px bg-fd-border"
+			className: "absolute inset-s-3 inset-y-0 w-px bg-fd-border"
 		}),
-		item.type === "heading" && /* @__PURE__ */ jsx(Hash, { className: "absolute start-6 top-2.5 size-4 text-fd-muted-foreground" }),
+		item.type === "heading" && /* @__PURE__ */ jsx(Hash, { className: "absolute inset-s-6 top-2.5 size-4 text-fd-muted-foreground" }),
 		/* @__PURE__ */ jsx("div", {
 			className: cn("min-w-0", item.type === "text" && "ps-4", item.type === "heading" && "ps-8", item.type === "page" || item.type === "heading" ? "font-medium" : "text-fd-popover-foreground/80"),
 			children: typeof item.content === "string" ? renderMarkdown(item.content) : item.content

package/dist/components/heading.d.ts

@@ -1,4 +1,5 @@
 import { ComponentPropsWithoutRef } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/heading.d.ts
 type Types = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
@@ -7,8 +8,7 @@ type HeadingProps<T extends Types> = Omit<ComponentPropsWithoutRef<T>, 'as'> & {
 };
 declare function Heading<T extends Types = 'h1'>({
   as,
-  className,
   ...props
-}: HeadingProps<T>): React.ReactElement;
+}: HeadingProps<T>): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Heading };

package/dist/components/heading.js

@@ -1,24 +1,34 @@
+"use client";
 import { cn } from "../utils/cn.js";
+import { buttonVariants } from "./ui/button.js";
+import { useCopyButton } from "../utils/use-copy-button.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { LinkIcon } from "lucide-react";
+import { CopyCheckIcon, LinkIcon } from "lucide-react";
 //#region src/components/heading.tsx
-function Heading({ as, className, ...props }) {
+function Heading({ as, ...props }) {
 	const As = as ?? "h1";
-	if (!props.id) return /* @__PURE__ */ jsx(As, {
-		className,
-		...props
+	const [isChecked, onCopy] = useCopyButton(() => {
+		if (!props.id) return;
+		const url = new URL(window.location.href);
+		url.hash = props.id;
+		return navigator.clipboard.writeText(url.href);
 	});
+	if (!props.id) return /* @__PURE__ */ jsx(As, { ...props });
 	return /* @__PURE__ */ jsxs(As, {
-		className: cn("flex scroll-m-28 flex-row items-center gap-2", className),
 		...props,
+		className: cn("group/heading flex scroll-m-28 flex-row items-center gap-1", props.className),
 		children: [/* @__PURE__ */ jsx("a", {
 			"data-card": "",
 			href: `#${props.id}`,
-			className: "peer",
 			children: props.children
-		}), /* @__PURE__ */ jsx(LinkIcon, {
-			"aria-hidden": true,
-			className: "size-3.5 shrink-0 text-fd-muted-foreground opacity-0 transition-opacity peer-hover:opacity-100"
+		}), /* @__PURE__ */ jsx("button", {
+			"aria-label": "Copy Anchor Link",
+			className: cn(buttonVariants({
+				variant: "ghost",
+				size: "icon-xs"
+			}), "not-prose shrink-0 text-fd-muted-foreground opacity-0 transition-opacity group-hover/heading:opacity-100"),
+			onClick: onCopy,
+			children: isChecked ? /* @__PURE__ */ jsx(CopyCheckIcon, {}) : /* @__PURE__ */ jsx(LinkIcon, {})
 		})]
 	});
 }

package/dist/components/toc/clerk.js

@@ -208,29 +208,40 @@ function TOCItem({ item, ...props }) {
 				xmlns: "http://www.w3.org/2000/svg",
 				className: cn("absolute -top-1.5 inset-s-0 bottom-0 h-[calc(100%+--spacing(1.5))] -z-1 rtl:-scale-x-100", l1 !== l2 && "h-full bottom-1.5"),
 				style: { width: Math.max(l0, l1) + 9 },
-				children: [/* @__PURE__ */ jsx("path", {
-					d: l0 === l1 ? `M ${l0 + .5} 6 L ${l0 + .5} 100%` : `M ${l0 + .5} 0 C ${l0 + .5} 8 ${l1 + .5} 4 ${l1 + .5} 12 L ${l1 + .5} 100%`,
-					stroke: "black",
-					strokeWidth: "1",
-					fill: "none",
-					className: "stroke-fd-foreground/10"
-				}), item._step !== void 0 && /* @__PURE__ */ jsxs("g", {
-					transform: `translate(${l1 + .5}, ${l1 === l2 ? "3" : "6"})`,
-					children: [/* @__PURE__ */ jsx("circle", {
-						cx: "0",
-						cy: "50%",
-						r: "8",
-						className: "fill-fd-muted"
-					}), /* @__PURE__ */ jsx("text", {
-						x: "0",
-						y: "50%",
-						textAnchor: "middle",
-						alignmentBaseline: "central",
-						dominantBaseline: "middle",
-						className: "fill-fd-muted-foreground font-medium text-xs leading-none font-mono rtl:-scale-x-100",
-						children: item._step
-					})]
-				})]
+				children: [
+					l0 !== l1 && /* @__PURE__ */ jsx("path", {
+						d: `M ${l0 + .5} 0 C ${l0 + .5} 8 ${l1 + .5} 4 ${l1 + .5} 12`,
+						stroke: "black",
+						strokeWidth: "1",
+						fill: "none",
+						className: "stroke-fd-foreground/10"
+					}),
+					/* @__PURE__ */ jsx("line", {
+						x1: l1 + .5,
+						y1: l0 === l1 ? "6" : "12",
+						x2: l1 + .5,
+						y2: "100%",
+						strokeWidth: "1",
+						className: "stroke-fd-foreground/10"
+					}),
+					item._step !== void 0 && /* @__PURE__ */ jsxs("g", {
+						transform: `translate(${l1 + .5}, ${l1 === l2 ? "3" : "6"})`,
+						children: [/* @__PURE__ */ jsx("circle", {
+							cx: "0",
+							cy: "50%",
+							r: "8",
+							className: "fill-fd-muted"
+						}), /* @__PURE__ */ jsx("text", {
+							x: "0",
+							y: "50%",
+							textAnchor: "middle",
+							alignmentBaseline: "central",
+							dominantBaseline: "middle",
+							className: "fill-fd-muted-foreground font-medium text-xs leading-none font-mono rtl:-scale-x-100",
+							children: item._step
+						})]
+					})
+				]
 			})
 		};
 	}, [items, item]);

package/dist/contexts/search.js

@@ -14,7 +14,7 @@ function useSearchContext() {
 function MetaOrControl() {
 	const [key, setKey] = useState("⌘");
 	useEffect(() => {
-		if (window.navigator.userAgent.includes("Windows")) setKey("Ctrl");
+		if (/Windows|Linux/i.test(window.navigator.userAgent)) setKey("Ctrl");
 	}, []);
 	return key;
 }

package/dist/layouts/shared/page-actions.js

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../../utils/cn.js";
-import { useCopyButton } from "../../utils/use-copy-button.js";
 import { buttonVariants } from "../../components/ui/button.js";
+import { useCopyButton } from "../../utils/use-copy-button.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../../components/ui/popover.js";
 import { useMemo, useState } from "react";
 import { usePathname } from "fumadocs-core/framework";

package/dist/og/takumi.d.ts

@@ -19,4 +19,4 @@ declare function generate({
   ...props
 }: GenerateProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { generate, generateOGImage };
+export { GenerateProps, generate, generateOGImage };

package/dist/style.css

@@ -317,18 +317,18 @@
   .inset-s-0 {
     inset-inline-start: calc(var(--spacing) * 0);
   }
+  .inset-s-3 {
+    inset-inline-start: calc(var(--spacing) * 3);
+  }
   .inset-s-4 {
     inset-inline-start: calc(var(--spacing) * 4);
   }
+  .inset-s-6 {
+    inset-inline-start: calc(var(--spacing) * 6);
+  }
   .start {
     inset-inline-start: var(--spacing);
   }
-  .start-3 {
-    inset-inline-start: calc(var(--spacing) * 3);
-  }
-  .start-6 {
-    inset-inline-start: calc(var(--spacing) * 6);
-  }
   .end-2 {
     inset-inline-end: calc(var(--spacing) * 2);
   }
@@ -2105,6 +2105,13 @@
       margin-bottom: calc(var(--spacing) * 2);
     }
   }
+  .group-hover\/heading\:opacity-100 {
+    &:is(:where(.group\/heading):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
   .group-data-\[state\=active\]\:bg-fd-primary {
     &:is(:where(.group)[data-state="active"] *) {
       background-color: var(--color-fd-primary);
@@ -2120,13 +2127,6 @@
       rotate: 180deg;
     }
   }
-  .peer-hover\:opacity-100 {
-    &:is(:where(.peer):hover ~ *) {
-      @media (hover: hover) {
-        opacity: 100%;
-      }
-    }
-  }
   .placeholder\:text-fd-muted-foreground {
     &::placeholder {
       color: var(--color-fd-muted-foreground);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "16.8.6",
+  "version": "16.8.8",
   "description": "The Radix UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -156,9 +156,9 @@
     "tailwindcss": "^4.2.4",
     "tsdown": "0.21.10",
     "unified": "^11.0.5",
-    "fumadocs-core": "16.8.6",
-    "tsconfig": "0.0.0",
-    "@fumadocs/cli": "1.3.10"
+    "@fumadocs/cli": "1.3.10",
+    "fumadocs-core": "16.8.8",
+    "tsconfig": "0.0.0"
   },
   "peerDependencies": {
     "@takumi-rs/image-response": "*",
@@ -167,7 +167,7 @@
     "next": "16.x.x",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "fumadocs-core": "16.8.6"
+    "fumadocs-core": "16.8.8"
   },
   "peerDependenciesMeta": {
     "next": {