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

fumadocs-ui 16.8.8 → 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 (25) hide show

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/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/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/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 {
@@ -326,9 +326,6 @@
   .inset-s-6 {
     inset-inline-start: calc(var(--spacing) * 6);
   }
-  .start {
-    inset-inline-start: var(--spacing);
-  }
   .end-2 {
     inset-inline-end: calc(var(--spacing) * 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;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "16.8.8",
+  "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.8",
+    "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.8"
+    "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