npm - @fumadocs/base-ui - Versions diffs - 16.8.8 → 16.8.9 - Mend

@fumadocs/base-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 (24) 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/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 {
@@ -304,9 +304,6 @@
   .inset-s-4 {
     inset-inline-start: calc(var(--spacing) * 4);
   }
-  .start {
-    inset-inline-start: var(--spacing);
-  }
   .start-0 {
     inset-inline-start: calc(var(--spacing) * 0);
   }
@@ -1215,6 +1212,9 @@
   .scroll-m-28 {
     scroll-margin: calc(var(--spacing) * 28);
   }
+  .\[scrollbar-width\:none\] {
+    scrollbar-width: none;
+  }
   .list-none {
     list-style-type: none;
   }
@@ -2014,9 +2014,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/base-ui",
-  "version": "16.8.8",
+  "version": "16.8.9",
   "description": "The Base UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -130,22 +130,22 @@
     "@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",
+    "tsconfig": "0.0.0",
     "@fumadocs/cli": "1.3.10",
-    "fumadocs-core": "16.8.8",
-    "tsconfig": "0.0.0"
+    "fumadocs-core": "16.8.9"
   },
   "peerDependencies": {
     "@takumi-rs/image-response": "*",
@@ -154,7 +154,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": {
@@ -171,11 +171,11 @@
     }
   },
   "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\" \"tailwindcss -i css/style.css -o ./dist/style.css -w\"",

/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