fumadocs-ui 16.8.7 → 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");

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/ui/button.d.ts

@@ -5,7 +5,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 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;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 type ButtonProps = VariantProps<typeof buttonVariants>;
 //#endregion

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/home/slots/header.d.ts

@@ -5,7 +5,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/layouts/home/slots/header.d.ts
 declare const navItemVariants: (props?: ({
-  variant?: "icon" | "button" | "main" | null | undefined;
+  variant?: "icon" | "main" | "button" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Header(props: ComponentProps<'header'>): string | number | bigint | true | _$react_jsx_runtime0.JSX.Element | Iterable<_$react.ReactNode> | Promise<string | number | bigint | boolean | _$react.ReactPortal | _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>> | Iterable<_$react.ReactNode> | null | undefined>;
 //#endregion

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.7",
+  "version": "16.8.8",
   "description": "The Radix UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -157,7 +157,7 @@
     "tsdown": "0.21.10",
     "unified": "^11.0.5",
     "@fumadocs/cli": "1.3.10",
-    "fumadocs-core": "16.8.7",
+    "fumadocs-core": "16.8.8",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {
@@ -167,7 +167,7 @@
     "next": "16.x.x",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "fumadocs-core": "16.8.7"
+    "fumadocs-core": "16.8.8"
   },
   "peerDependenciesMeta": {
     "next": {