npm - fumadocs-ui - Versions diffs - 16.8.7 → 16.8.9 - Mend

fumadocs-ui 16.8.7 → 16.8.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (36) hide show

package/css/generated/shared.css CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/image-zoom.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { UncontrolledProps } from "../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/uncontrolled.js";
+import { UncontrolledProps } from "../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/uncontrolled.js";
 import { ComponentProps } from "react";
 import { ImageProps } from "fumadocs-core/framework";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";

package/dist/components/image-zoom.js CHANGED Viewed

@@ -1,5 +1,5 @@
 "use client";
-import { Uncontrolled } from "../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/uncontrolled.js";
+import { Uncontrolled } from "../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/uncontrolled.js";
 import "./image-zoom2.css";
 import { Image } from "fumadocs-core/framework";
 import { jsx } from "react/jsx-runtime";

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

@@ -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/i18n.js CHANGED Viewed

@@ -28,7 +28,7 @@ function I18nProvider({ locales = [], locale, onLocaleChange, children, translat
 	const onChange = (value) => {
 		if (onLocaleChange) return onLocaleChange(value);
 		const segments = pathname.split("/").filter((v) => v.length > 0);
-		if (segments[0] !== locale) segments.unshift(value);
+		if (segments.length === 0 || segments[0] !== locale) segments.unshift(value);
 		else segments[0] = value;
 		router.push(`/${segments.join("/")}`);
 	};

package/dist/contexts/search.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/node_modules/.pnpm/{react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5 → react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6}/node_modules/react-medium-image-zoom/dist/controlled.d.ts RENAMED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/controlled.d.ts
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/controlled.d.ts
 type ModalState = 'LOADED' | 'LOADING' | 'UNLOADED' | 'UNLOADING';
 interface ControlledProps {
   a11yNameButtonUnzoom?: string;

@@ -6,7 +6,7 @@ import { getStyleGhost } from "./utils/get-style-ghost.js";
 import { getStyleModalImg } from "./utils/get-style-modal-img.js";
 import React from "react";
 import ReactDOM from "react-dom";
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/controlled.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/controlled.js
 const IMAGE_QUERY = [
 	"img",
 	"svg",
@@ -15,6 +15,8 @@ const IMAGE_QUERY = [
 ].map((x) => `${x}:not([aria-hidden="true"])`).join(",");
 const defaultBodyAttrs = {
 	overflow: "",
+	position: "",
+	top: "",
 	width: ""
 };
 function getDialogContainer() {
@@ -50,10 +52,12 @@ var ControlledBase = class extends React.Component {
 		this.imgEl = null;
 		this.isScaling = false;
 		this.prevBodyAttrs = defaultBodyAttrs;
+		this.prevScrollY = 0;
 		this.styleModalImg = {};
 		this.handleModalStateChange = (prevModalState) => {
 			const { state: { modalState } } = this;
 			if (prevModalState !== "LOADING" && modalState === "LOADING") {
+				this.isScaling = false;
 				this.loadZoomImg();
 				window.addEventListener("resize", this.handleResize, { passive: true });
 				window.addEventListener("touchstart", this.handleTouchStart, { passive: true });
@@ -176,6 +180,8 @@ var ControlledBase = class extends React.Component {
 		};
 		this.handleWheel = (e) => {
 			if (e.ctrlKey) return;
+			if (this.isScaling) return;
+			if ((window.visualViewport?.scale ?? 1) > 1) return;
 			e.stopPropagation();
 			queueMicrotask(() => {
 				this.handleUnzoom(e);
@@ -210,12 +216,10 @@ var ControlledBase = class extends React.Component {
 			}
 		};
 		this.handleTouchEnd = () => {
-			this.isScaling = false;
 			this.touchYStart = void 0;
 			this.touchYEnd = void 0;
 		};
 		this.handleTouchCancel = () => {
-			this.isScaling = false;
 			this.touchYStart = void 0;
 			this.touchYEnd = void 0;
 		};
@@ -250,19 +254,31 @@ var ControlledBase = class extends React.Component {
 			}
 		};
 		this.bodyScrollDisable = () => {
+			const bodyStyle = document.body.style;
 			this.prevBodyAttrs = {
-				overflow: document.body.style.overflow,
-				width: document.body.style.width
+				overflow: bodyStyle.overflow,
+				position: bodyStyle.position,
+				top: bodyStyle.top,
+				width: bodyStyle.width
 			};
-			const { body: { clientWidth } } = document;
-			document.body.style.overflow = "hidden";
-			document.body.style.width = `${clientWidth}px`;
+			const scrollY = window.scrollY;
+			this.prevScrollY = scrollY;
+			const clientWidth = document.body.clientWidth;
+			bodyStyle.overflow = "hidden";
+			bodyStyle.position = "fixed";
+			bodyStyle.top = `-${scrollY}px`;
+			bodyStyle.width = `${clientWidth}px`;
 		};
 		this.bodyScrollEnable = () => {
-			const { prevBodyAttrs: { overflow, width } } = this;
-			document.body.style.width = width;
-			document.body.style.overflow = overflow;
+			const bodyStyle = document.body.style;
+			const prev = this.prevBodyAttrs;
+			bodyStyle.width = prev.width;
+			bodyStyle.position = prev.position;
+			bodyStyle.top = prev.top;
+			bodyStyle.overflow = prev.overflow;
+			window.scrollTo(0, this.prevScrollY);
 			this.prevBodyAttrs = defaultBodyAttrs;
+			this.prevScrollY = 0;
 		};
 		this.loadZoomImg = () => {
 			const { props: { zoomImg } } = this;

@@ -1,7 +1,7 @@
 import { ControlledProps } from "./controlled.js";
 import React from "react";
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/uncontrolled.d.ts
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/uncontrolled.d.ts
 type UncontrolledProps = Omit<ControlledProps, 'isZoomed'>;
 //#endregion
 export { UncontrolledProps };

@@ -1,6 +1,6 @@
 import { Controlled } from "./controlled.js";
 import React from "react";
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/uncontrolled.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/uncontrolled.js
 function Uncontrolled({ onZoomChange, ...props }) {
 	const [isZoomed, setIsZoomed] = React.useState(false);
 	const handleZoomChange = React.useCallback((value, { event }) => {

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/utils/adjust-svg-ids.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/utils/adjust-svg-ids.js
 const adjustSvgIDs = (svgEl) => {
 	const newIdSuffix = "-zoom";
 	const attrs = [

@@ -1,6 +1,6 @@
 import { getScale } from "./get-scale.js";
 import { parsePosition } from "./parse-position.js";
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/utils/compute-positioned-style.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/utils/compute-positioned-style.js
 const computePositionedStyle = ({ containerHeight, containerLeft, containerTop, containerWidth, hasScalableSrc, offset, position, targetHeight, targetWidth, visibleHeight, visibleWidth }) => {
 	const [posLeft = "50%", posTop = "50%"] = position.split(" ");
 	const posX = parsePosition(posLeft, containerWidth - visibleWidth);

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/utils/element-tests.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/utils/element-tests.js
 function isElement(el) {
 	if (typeof Element === "undefined") return false;
 	return el instanceof Element;

@@ -1,6 +1,6 @@
 import { parsePosition } from "./parse-position.js";
 import { computePositionedStyle } from "./compute-positioned-style.js";
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/utils/get-div-img-style.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/utils/get-div-img-style.js
 const getDivImgStyle = ({ backgroundPosition, backgroundSize, containerHeight, containerLeft, containerTop, containerWidth, hasScalableSrc, offset, targetHeight, targetWidth }) => {
 	const base = {
 		containerHeight,

@@ -1,5 +1,5 @@
 import { testImg } from "./element-tests.js";
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/utils/get-img-alt.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/utils/get-img-alt.js
 const getImgAlt = (imgEl) => {
 	if (imgEl !== null) if (testImg(imgEl)) return imgEl.alt;
 	else return imgEl.getAttribute("aria-label") ?? void 0;

@@ -1,6 +1,6 @@
 import { getScale } from "./get-scale.js";
 import { computePositionedStyle } from "./compute-positioned-style.js";
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/utils/get-img-object-fit-style.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/utils/get-img-object-fit-style.js
 const getImgObjectFitStyle = ({ containerHeight, containerLeft, containerTop, containerWidth, hasScalableSrc, objectFit: objectFitParam, objectPosition, offset, targetHeight, targetWidth }) => {
 	let resolvedObjectFit = objectFitParam;
 	if (resolvedObjectFit === "scale-down") if (targetWidth <= containerWidth && targetHeight <= containerHeight) resolvedObjectFit = "none";

@@ -1,5 +1,5 @@
 import { getScale } from "./get-scale.js";
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/utils/get-img-regular-style.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/utils/get-img-regular-style.js
 const getImgRegularStyle = ({ containerHeight, containerLeft, containerTop, containerWidth, hasScalableSrc, offset, targetHeight, targetWidth }) => {
 	const scale = getScale({
 		containerHeight,

@@ -1,5 +1,5 @@
 import { testDiv, testImg } from "./element-tests.js";
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/utils/get-img-src.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/utils/get-img-src.js
 const URL_REGEX = /url(?:\(['"]?)(?<url>.*?)(?:['"]?\))/;
 const getImgSrc = (imgEl) => {
 	if (imgEl !== null) {

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/utils/get-modal-img-transform.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/utils/get-modal-img-transform.js
 const getModalImgTransform = ({ height, initialTransform, isZoomed, left, top, userTransform, width }) => {
 	let centeredUserTransform = "";
 	if (userTransform !== "none" && userTransform !== "") {

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/utils/get-scale.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/utils/get-scale.js
 const getScaleToWindow = ({ height, offset, width }) => Math.min((window.innerWidth - offset * 2) / width, (window.innerHeight - offset * 2) / height);
 const getScaleToWindowMax = ({ containerHeight, containerWidth, offset, targetHeight, targetWidth }) => {
 	const scale = getScaleToWindow({

@@ -1,5 +1,5 @@
 import { testSvg } from "./element-tests.js";
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/utils/get-style-ghost.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/utils/get-style-ghost.js
 const getStyleGhost = (imgEl) => {
 	if (imgEl == null) return {};
 	if (testSvg(imgEl)) {

@@ -5,7 +5,7 @@ import { getDivImgStyle } from "./get-div-img-style.js";
 import { getModalImgTransform } from "./get-modal-img-transform.js";
 import { getTargetDimension } from "./get-target-dimension.js";
 import { testHasScalableSrc } from "./test-has-scalable-src.js";
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/utils/get-style-modal-img.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/utils/get-style-modal-img.js
 const getStyleModalImg = ({ hasZoomImg, imgSrc, isSvg, isZoomed, loadedImgEl, offset, shouldRefresh, targetEl }) => {
 	const hasScalableSrc = testHasScalableSrc({
 		hasZoomImg,

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/utils/get-target-dimension.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/utils/get-target-dimension.js
 const getTargetDimension = ({ fallback, natural }) => natural !== void 0 && natural !== 0 ? natural : fallback;
 //#endregion
 export { getTargetDimension };

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/utils/parse-position.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/utils/parse-position.js
 const parsePosition = (position, relativeNum) => {
 	const positionNum = parseFloat(position);
 	return position.endsWith("%") ? relativeNum * positionNum / 100 : positionNum;

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/utils/test-has-scalable-src.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/utils/test-has-scalable-src.js
 const SRC_SVG_REGEX = /\.svg$/i;
 const testHasScalableSrc = ({ hasZoomImg, imgSrc, isSvg }) => isSvg || imgSrc?.slice(0, 18) === "data:image/svg+xml" || hasZoomImg || imgSrc !== void 0 && SRC_SVG_REGEX.test(imgSrc);
 //#endregion

package/dist/og/takumi.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -317,16 +317,13 @@
   .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);
   }
-  .start {
-    inset-inline-start: var(--spacing);
-  }
-  .start-3 {
-    inset-inline-start: calc(var(--spacing) * 3);
-  }
-  .start-6 {
+  .inset-s-6 {
     inset-inline-start: calc(var(--spacing) * 6);
   }
   .end-2 {
@@ -1219,6 +1216,9 @@
   .scroll-m-28 {
     scroll-margin: calc(var(--spacing) * 28);
   }
+  .\[scrollbar-width\:none\] {
+    scrollbar-width: none;
+  }
   .list-none {
     list-style-type: none;
   }
@@ -2001,9 +2001,6 @@
   .\[offset-distance\:var\(--offset-distance\,0\)\] {
     offset-distance: var(--offset-distance,0);
   }
-  .\[scrollbar-width\:none\] {
-    scrollbar-width: none;
-  }
   .\*\:pointer-events-auto {
     :is(& > *) {
       pointer-events: auto;
@@ -2105,6 +2102,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 +2124,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 CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "16.8.7",
+  "version": "16.8.9",
   "description": "The Radix UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -143,21 +143,21 @@
     "@fumadocs/tailwind": "0.0.5"
   },
   "devDependencies": {
-    "@tailwindcss/cli": "^4.2.4",
-    "@tailwindcss/oxide": "^4.2.4",
-    "@tsdown/css": "^0.21.10",
+    "@tailwindcss/cli": "^4.3.0",
+    "@tailwindcss/oxide": "^4.3.0",
+    "@tsdown/css": "^0.22.0",
     "@types/hast": "^3.0.4",
     "@types/mdx": "^2.0.13",
-    "@types/node": "^25.6.0",
+    "@types/node": "^25.6.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "fuma-cli": "^0.1.1",
-    "react-medium-image-zoom": "^5.4.4",
-    "tailwindcss": "^4.2.4",
-    "tsdown": "0.21.10",
+    "react-medium-image-zoom": "^5.4.5",
+    "tailwindcss": "^4.3.0",
+    "tsdown": "0.22.0",
     "unified": "^11.0.5",
     "@fumadocs/cli": "1.3.10",
-    "fumadocs-core": "16.8.7",
+    "fumadocs-core": "16.8.9",
     "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.9"
   },
   "peerDependenciesMeta": {
     "next": {
@@ -184,14 +184,14 @@
     }
   },
   "inlinedDependencies": {
-    "react-medium-image-zoom": "5.4.4"
+    "react-medium-image-zoom": "5.4.5"
   },
   "scripts": {
     "build": "pnpm build:layout && pnpm build:tailwind",
-    "build:layout": "tsdown --config-loader unrun",
+    "build:layout": "tsdown",
     "build:tailwind": "tailwindcss -i css/style.css -o ./dist/style.css",
     "clean": "rimraf dist",
-    "dev": "concurrently \"tsdown --watch --clean false --config-loader unrun\" \"tailwindcss -i css/style.css -o ./dist/style.css -w\"",
+    "dev": "concurrently \"tsdown --watch --clean false\" \"tailwindcss -i css/style.css -o ./dist/style.css -w\"",
     "lint": "oxlint .",
     "types:check": "tsc --noEmit"
   }

/package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.4_react-dom@19.2.5_react@19.2.5__react@19.2.5 → react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6}/node_modules/react-medium-image-zoom/dist/index.d.ts RENAMED Viewed

File without changes