@fumadocs/base-ui 16.8.7 → 16.8.8

package/css/generated/shared.css

@@ -88,7 +88,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");
@@ -429,6 +428,8 @@
 @source inline("group-data-[open]:rotate-180");
 @source inline("group-data-[panel-open]:rotate-90");
 @source inline("group-data-active:bg-fd-primary");
+@source inline("group-hover/heading:opacity-100");
+@source inline("group/heading");
 @source inline("groupListeners");
 @source inline("guides");
 @source inline("h");
@@ -675,6 +676,7 @@
 @source inline("onChange");
 @source inline("onClick");
 @source inline("onCompute");
+@source inline("onCopy");
 @source inline("onKey");
 @source inline("onOpenChange");
 @source inline("onOpenChangeCallback");
@@ -740,8 +742,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");

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/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

@@ -4,7 +4,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?: "main" | "icon" | "button" | null | undefined;
+  variant?: "icon" | "main" | "button" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Header(props: ComponentProps<'header'>): _$react_jsx_runtime0.JSX.Element;
 //#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

@@ -2088,6 +2088,13 @@
       margin-bottom: calc(var(--spacing) * 2);
     }
   }
+  .group-hover\/heading\:opacity-100 {
+    &:is(:where(.group\/heading):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
   .group-data-active\:bg-fd-primary {
     &:is(:where(.group)[data-active] *) {
       background-color: var(--color-fd-primary);
@@ -2103,13 +2110,6 @@
       rotate: 90deg;
     }
   }
-  .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/base-ui",
-  "version": "16.8.7",
+  "version": "16.8.8",
   "description": "The Base UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -144,7 +144,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": {
@@ -154,7 +154,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": {