fumadocs-ui 16.8.5 → 16.8.7

package/css/generated/shared.css

@@ -31,15 +31,12 @@
 @source inline("--spacing");
 @source inline("--track-bottom");
 @source inline("--track-top");
-@source inline("-circle");
 @source inline("-mb-px");
 @source inline("-me-0.5");
 @source inline("-me-2");
 @source inline("-mx-px");
 @source inline("-rotate-90");
-@source inline("-text");
 @source inline("-top-1.5");
-@source inline("-translate-1/2");
 @source inline("-translate-x-1/2");
 @source inline("-translate-y-1/2");
 @source inline("-z-1");
@@ -126,7 +123,6 @@
 @source inline("bg-fd-background");
 @source inline("bg-fd-border");
 @source inline("bg-fd-card");
-@source inline("bg-fd-foreground/10");
 @source inline("bg-fd-muted");
 @source inline("bg-fd-overlay");
 @source inline("bg-fd-popover");
@@ -342,6 +338,8 @@
 @source inline("file");
 @source inline("fill");
 @source inline("fill-(--callout-color)");
+@source inline("fill-fd-muted");
+@source inline("fill-fd-muted-foreground");
 @source inline("fill-fd-primary");
 @source inline("fill-fd-primary-foreground");
 @source inline("filter");
@@ -413,6 +411,7 @@
 @source inline("h-(--radix-navigation-menu-viewport-height)");
 @source inline("h-1.5");
 @source inline("h-9.5");
+@source inline("h-[calc(100%+--spacing(1.5))]");
 @source inline("h-full");
 @source inline("h-px");
 @source inline("h1");
@@ -469,7 +468,6 @@
 @source inline("inset-x-0");
 @source inline("inset-x-2");
 @source inline("inset-y-0");
-@source inline("insetInlineStart");
 @source inline("instanceof");
 @source inline("instead");
 @source inline("integration");
@@ -496,6 +494,9 @@
 @source inline("key");
 @source inline("keydown");
 @source inline("l");
+@source inline("l0");
+@source inline("l1");
+@source inline("l2");
 @source inline("label");
 @source inline("lang");
 @source inline("language");
@@ -506,6 +507,7 @@
 @source inline("layout");
 @source inline("leading-none");
 @source inline("leaving");
+@source inline("left-0");
 @source inline("left-1/2");
 @source inline("length");
 @source inline("let");
@@ -525,7 +527,6 @@
 @source inline("locale");
 @source inline("locales");
 @source inline("lower");
-@source inline("lowerOffset");
 @source inline("ltr");
 @source inline("lucide");
 @source inline("lucide-book");
@@ -635,7 +636,6 @@
 @source inline("object");
 @source inline("observer");
 @source inline("of");
-@source inline("offset");
 @source inline("offsetPath");
 @source inline("offsetTop");
 @source inline("on");
@@ -669,6 +669,7 @@
 @source inline("orientation");
 @source inline("origin-(--radix-popover-content-transform-origin)");
 @source inline("origin-[top_center]");
+@source inline("origin-center");
 @source inline("original");
 @source inline("out");
 @source inline("outer");
@@ -813,6 +814,7 @@
 @source inline("rounded-xl");
 @source inline("router");
 @source inline("row");
+@source inline("rtl:-scale-x-100");
 @source inline("rtl:rotate-180");
 @source inline("rtl:rotate-90");
 @source inline("s");
@@ -968,7 +970,6 @@
 @source inline("toolbar");
 @source inline("top");
 @source inline("top-0");
-@source inline("top-1.5");
 @source inline("top-1/2");
 @source inline("top-2.5");
 @source inline("top-3");
@@ -1002,7 +1003,6 @@
 @source inline("unknown");
 @source inline("updateAnchor");
 @source inline("updates");
-@source inline("upperOffset");
 @source inline("upperX");
 @source inline("url");
 @source inline("urls");
@@ -1075,8 +1075,12 @@
 @source inline("wrapInSuspense");
 @source inline("wrapped");
 @source inline("x");
+@source inline("x1");
+@source inline("x2");
 @source inline("xmlns");
 @source inline("y");
+@source inline("y1");
+@source inline("y2");
 @source inline("you");
 @source inline("your");
 @source inline("z-2");

package/dist/components/image-zoom.d.ts

@@ -1,4 +1,4 @@
-import { UncontrolledProps } from "../node_modules/.pnpm/react-medium-image-zoom@5.4.3_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.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/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

@@ -1,5 +1,5 @@
 "use client";
-import { Uncontrolled } from "../node_modules/.pnpm/react-medium-image-zoom@5.4.3_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.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/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/toc/clerk.js

@@ -48,20 +48,23 @@ function TOCItems({ ref, className, thumbBox = true, children, ...props }) {
 				];
 				d += ` C ${upperX} ${top - 4} ${x} ${upperBottom + 4} ${x} ${top} L${x} ${bottom}`;
 			}
-			if (item._step !== void 0) output.push(/* @__PURE__ */ jsx("circle", {
-				cx: x,
-				cy: (top + bottom) / 2,
-				r: "8",
-				className: "fill-fd-primary"
-			}, `${i}-circle`), /* @__PURE__ */ jsx("text", {
-				x,
-				y: (top + bottom) / 2,
-				textAnchor: "middle",
-				alignmentBaseline: "central",
-				dominantBaseline: "middle",
-				className: "fill-fd-primary-foreground font-medium text-xs leading-none font-mono",
-				children: item._step
-			}, `${i}-text`));
+			if (item._step !== void 0) output.push(/* @__PURE__ */ jsxs("g", {
+				transform: `translate(${x}, ${(top + bottom) / 2})`,
+				children: [/* @__PURE__ */ jsx("circle", {
+					cx: "0",
+					cy: "0",
+					r: "8",
+					className: "fill-fd-primary"
+				}), /* @__PURE__ */ jsx("text", {
+					cx: "0",
+					cy: "0",
+					textAnchor: "middle",
+					alignmentBaseline: "central",
+					dominantBaseline: "middle",
+					className: "fill-fd-primary-foreground font-medium text-xs leading-none font-mono rtl:-scale-x-100",
+					children: item._step
+				})]
+			}, i));
 			positions.push([
 				top,
 				bottom,
@@ -156,7 +159,7 @@ function ThumbTrack({ computed, thumbBox }) {
 	});
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
-		className: "absolute top-0 inset-s-0",
+		className: "absolute top-0 inset-s-0 origin-center rtl:-scale-x-100",
 		style: {
 			width: computed.width,
 			height: computed.height,
@@ -173,7 +176,7 @@ function ThumbTrack({ computed, thumbBox }) {
 			},
 			children: computed.content
 		}), thumbBox && /* @__PURE__ */ jsx("div", {
-			className: "absolute size-1 bg-fd-primary rounded-full [offset-distance:var(--offset-distance,0)] opacity-(--opacity,0) transition-[opacity,offset-distance]",
+			className: "absolute left-0 size-1 bg-fd-primary rounded-full [offset-distance:var(--offset-distance,0)] opacity-(--opacity,0) transition-[opacity,offset-distance]",
 			style: { offsetPath: `path("${computed.d}")` }
 		})]
 	});
@@ -191,15 +194,55 @@ function getLineOffset(depth) {
 }
 function TOCItem({ item, ...props }) {
 	const items = useTOCItems();
-	const { lowerOffset, offset, upperOffset, isFirst, isLast } = useMemo(() => {
+	const { isFirst, isLast, svg } = useMemo(() => {
 		const index = items.indexOf(item);
-		const offset = getLineOffset(item.depth);
+		const isFirst = index === 0;
+		const isLast = index === items.length - 1;
+		const l1 = getLineOffset(item.depth);
+		const l0 = isFirst ? l1 : getLineOffset(items[index - 1].depth);
+		const l2 = isLast ? l1 : getLineOffset(items[index + 1].depth);
 		return {
-			offset,
-			isFirst: index === 0,
-			isLast: index === items.length - 1,
-			upperOffset: index > 0 ? getLineOffset(items[index - 1].depth) : offset,
-			lowerOffset: index + 1 < items.length ? getLineOffset(items[index + 1].depth) : offset
+			isFirst,
+			isLast,
+			svg: /* @__PURE__ */ jsxs("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				className: cn("absolute -top-1.5 inset-s-0 bottom-0 h-[calc(100%+--spacing(1.5))] -z-1 rtl:-scale-x-100", l1 !== l2 && "h-full bottom-1.5"),
+				style: { width: Math.max(l0, l1) + 9 },
+				children: [
+					l0 !== l1 && /* @__PURE__ */ jsx("path", {
+						d: `M ${l0 + .5} 0 C ${l0 + .5} 8 ${l1 + .5} 4 ${l1 + .5} 12`,
+						stroke: "black",
+						strokeWidth: "1",
+						fill: "none",
+						className: "stroke-fd-foreground/10"
+					}),
+					/* @__PURE__ */ jsx("line", {
+						x1: l1 + .5,
+						y1: l0 === l1 ? "6" : "12",
+						x2: l1 + .5,
+						y2: "100%",
+						strokeWidth: "1",
+						className: "stroke-fd-foreground/10"
+					}),
+					item._step !== void 0 && /* @__PURE__ */ jsxs("g", {
+						transform: `translate(${l1 + .5}, ${l1 === l2 ? "3" : "6"})`,
+						children: [/* @__PURE__ */ jsx("circle", {
+							cx: "0",
+							cy: "50%",
+							r: "8",
+							className: "fill-fd-muted"
+						}), /* @__PURE__ */ jsx("text", {
+							x: "0",
+							y: "50%",
+							textAnchor: "middle",
+							alignmentBaseline: "central",
+							dominantBaseline: "middle",
+							className: "fill-fd-muted-foreground font-medium text-xs leading-none font-mono rtl:-scale-x-100",
+							children: item._step
+						})]
+					})
+				]
+			})
 		};
 	}, [items, item]);
 	return /* @__PURE__ */ jsxs(Primitive.TOCItem, {
@@ -210,38 +253,7 @@ function TOCItem({ item, ...props }) {
 			paddingInlineStart: getItemOffset(item.depth),
 			...props.style
 		},
-		children: [
-			offset !== upperOffset && /* @__PURE__ */ jsx("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				viewBox: `${Math.min(offset, upperOffset)} 0 ${Math.abs(upperOffset - offset)} 12`,
-				className: "absolute -top-1.5 -z-1",
-				style: {
-					width: Math.abs(upperOffset - offset) + 1,
-					height: 12,
-					insetInlineStart: Math.min(offset, upperOffset)
-				},
-				children: /* @__PURE__ */ jsx("path", {
-					d: `M ${upperOffset} 0 C ${upperOffset} 8 ${offset} 4 ${offset} 12`,
-					stroke: "black",
-					strokeWidth: "1",
-					fill: "none",
-					className: "stroke-fd-foreground/10"
-				})
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: cn("absolute inset-y-0 w-px bg-fd-foreground/10 -z-1", offset !== upperOffset && "top-1.5", offset !== lowerOffset && "bottom-1.5"),
-				style: { insetInlineStart: offset }
-			}),
-			item._step !== void 0 && /* @__PURE__ */ jsx("div", {
-				className: "absolute flex items-center justify-center -translate-1/2 -z-1 size-4 font-mono font-medium text-xs bg-fd-muted text-fd-muted-foreground rounded-full leading-none",
-				style: {
-					top: `calc(50% + ${(isFirst ? -.75 : 0) + (isLast ? .75 : 0)} * var(--spacing))`,
-					insetInlineStart: offset
-				},
-				children: item._step
-			}),
-			item.title
-		]
+		children: [svg, item.title]
 	});
 }
 //#endregion

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?: "icon" | "sm" | "icon-sm" | "icon-xs" | null | undefined;
+  size?: "sm" | "icon" | "icon-sm" | "icon-xs" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 type ButtonProps = VariantProps<typeof buttonVariants>;
 //#endregion

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" | "main" | "button" | null | undefined;
+  variant?: "icon" | "button" | "main" | 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/node_modules/.pnpm/{react-medium-image-zoom@5.4.3_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/Controlled.d.ts → 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}

@@ -1,12 +1,7 @@
 import React from "react";
 
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.3_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/Controlled.d.ts
-declare const enum ModalState {
-  LOADED = "LOADED",
-  LOADING = "LOADING",
-  UNLOADED = "UNLOADED",
-  UNLOADING = "UNLOADING"
-}
+//#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
+type ModalState = 'LOADED' | 'LOADING' | 'UNLOADED' | 'UNLOADING';
 interface ControlledProps {
   a11yNameButtonUnzoom?: string;
   a11yNameButtonZoom?: string;

package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.3_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/Controlled.js → 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}

@@ -1,8 +1,12 @@
-import { ICompress, IEnlarge } from "./icons.js";
-import { adjustSvgIDs, getImgAlt, getImgSrc, getStyleGhost, getStyleModalImg, testDiv, testImg, testImgLoaded, testSvg } from "./utils.js";
+import { adjustSvgIDs } from "./utils/adjust-svg-ids.js";
+import { testDiv, testImg, testImgLoaded, testSvg } from "./utils/element-tests.js";
+import { getImgAlt } from "./utils/get-img-alt.js";
+import { getImgSrc } from "./utils/get-img-src.js";
+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.3_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.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/controlled.js
 const IMAGE_QUERY = [
 	"img",
 	"svg",
@@ -69,7 +73,6 @@ var ControlledBase = class extends React.Component {
 			} else if (prevModalState !== "UNLOADED" && modalState === "UNLOADED") {
 				this.bodyScrollEnable();
 				window.removeEventListener("resize", this.handleResize);
-				this.refModalImg.current?.removeEventListener("transitionend", this.handleImgTransitionEnd);
 				this.refDialog.current?.close();
 			}
 		};
@@ -223,7 +226,6 @@ var ControlledBase = class extends React.Component {
 		this.zoom = () => {
 			this.bodyScrollDisable();
 			this.refDialog.current?.showModal();
-			this.refModalImg.current?.addEventListener("transitionend", this.handleImgTransitionEnd);
 			this.setState({ modalState: "LOADING" });
 		};
 		this.unzoom = () => {
@@ -298,7 +300,7 @@ var ControlledBase = class extends React.Component {
 		};
 	}
 	render() {
-		const { handleBtnUnzoomClick, handleDialogClick, handleDialogClose, handleUnzoom, handleZoom, imgEl, props: { a11yNameButtonUnzoom, a11yNameButtonZoom, children, classDialog, IconUnzoom, IconZoom, isZoomed, wrapElement: WrapElement, ZoomContent, zoomImg, zoomMargin }, refContent, refDialog, refModalContent, refModalImg, refWrap, state: { id, isZoomImgLoaded, loadedImgEl, modalState, shouldRefresh, styleGhost } } = this;
+		const { handleBtnUnzoomClick, handleDialogClick, handleDialogClose, handleUnzoom, handleZoom, imgEl, props: { a11yNameButtonUnzoom, a11yNameButtonZoom, children, classDialog, IconUnzoom, IconZoom, wrapElement: WrapElement, ZoomContent, zoomImg, zoomMargin }, refContent, refDialog, refModalContent, refModalImg, refWrap, state: { id, isZoomImgLoaded, loadedImgEl, modalState, shouldRefresh, styleGhost } } = this;
 		const idModal = `rmiz-modal-${id}`;
 		const idModalImg = `rmiz-modal-img-${id}`;
 		const isDiv = testDiv(imgEl);
@@ -320,7 +322,7 @@ var ControlledBase = class extends React.Component {
 			hasZoomImg,
 			imgSrc,
 			isSvg,
-			isZoomed: isZoomed && isModalActive,
+			isZoomed: isModalActive,
 			loadedImgEl,
 			offset: zoomMargin,
 			shouldRefresh,
@@ -338,11 +340,13 @@ var ControlledBase = class extends React.Component {
 				"data-rmiz-modal-img": "",
 				height: this.styleModalImg.height ?? void 0,
 				id: idModalImg,
+				onTransitionEnd: this.handleImgTransitionEnd,
 				ref: refModalImg,
 				style: this.styleModalImg,
 				width: this.styleModalImg.width ?? void 0
 			}) : isSvg ? React.createElement("div", {
 				"data-rmiz-modal-img": true,
+				onTransitionEnd: this.handleImgTransitionEnd,
 				ref: refModalImg,
 				style: this.styleModalImg
 			}) : null;
@@ -405,7 +409,7 @@ var ControlledBase = class extends React.Component {
 		this.imgElResizeObserver?.disconnect();
 		this.imgEl?.removeEventListener("load", this.handleImgLoad);
 		this.imgEl?.removeEventListener("click", this.handleZoom);
-		this.refModalImg.current?.removeEventListener("transitionend", this.handleImgTransitionEnd);
+		clearTimeout(this.timeoutTransitionEnd);
 		window.removeEventListener("wheel", this.handleWheel);
 		window.removeEventListener("touchstart", this.handleTouchStart);
 		window.removeEventListener("touchmove", this.handleTouchMove);
@@ -431,5 +435,25 @@ ControlledBase.defaultProps = {
 	wrapElement: "div",
 	zoomMargin: 0
 };
+function ICompress() {
+	return React.createElement("svg", {
+		"aria-hidden": "true",
+		"data-rmiz-btn-unzoom-icon": true,
+		fill: "currentColor",
+		focusable: "false",
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg"
+	}, React.createElement("path", { d: "M 14.144531 1.148438 L 9 6.292969 L 9 3 L 8 3 L 8 8 L 13 8 L 13 7 L 9.707031 7 L 14.855469 1.851563 Z M 8 8 L 3 8 L 3 9 L 6.292969 9 L 1.148438 14.144531 L 1.851563 14.855469 L 7 9.707031 L 7 13 L 8 13 Z" }));
+}
+function IEnlarge() {
+	return React.createElement("svg", {
+		"aria-hidden": "true",
+		"data-rmiz-btn-zoom-icon": true,
+		fill: "currentColor",
+		focusable: "false",
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg"
+	}, React.createElement("path", { d: "M 9 1 L 9 2 L 12.292969 2 L 2 12.292969 L 2 9 L 1 9 L 1 14 L 6 14 L 6 13 L 2.707031 13 L 13 2.707031 L 13 6 L 14 6 L 14 1 Z" }));
+}
 //#endregion
 export { Controlled };

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/node_modules/react-medium-image-zoom/dist/index.d.ts

@@ -0,0 +1,2 @@
+import { ControlledProps } from "./controlled.js";
+import { UncontrolledProps } from "./uncontrolled.js";

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/node_modules/react-medium-image-zoom/dist/uncontrolled.d.ts

@@ -0,0 +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
+type UncontrolledProps = Omit<ControlledProps, 'isZoomed'>;
+//#endregion
+export { UncontrolledProps };

package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.3_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-medium-image-zoom/dist/Uncontrolled.js → 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}

@@ -1,6 +1,6 @@
-import { Controlled } from "./Controlled.js";
+import { Controlled } from "./controlled.js";
 import React from "react";
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.3_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.4_react-dom@19.2.5_react@19.2.5__react@19.2.5/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 }) => {

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/node_modules/react-medium-image-zoom/dist/utils/adjust-svg-ids.js

@@ -0,0 +1,53 @@
+//#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
+const adjustSvgIDs = (svgEl) => {
+	const newIdSuffix = "-zoom";
+	const attrs = [
+		"clip-path",
+		"fill",
+		"mask",
+		"marker-start",
+		"marker-mid",
+		"marker-end"
+	];
+	const idMap = /* @__PURE__ */ new Map();
+	if (svgEl.hasAttribute("id")) {
+		const { id: oldId } = svgEl;
+		const newId = oldId + newIdSuffix;
+		idMap.set(oldId, newId);
+		const svgNode = svgEl;
+		svgNode.id = newId;
+	}
+	svgEl.querySelectorAll("[id]").forEach((el) => {
+		const { id: oldId } = el;
+		const newId = oldId + newIdSuffix;
+		idMap.set(oldId, newId);
+		const node = el;
+		node.id = newId;
+	});
+	const urlAttrSelector = attrs.map((attr) => `[${attr}]`).join(", ");
+	svgEl.querySelectorAll(urlAttrSelector).forEach((el) => {
+		for (const attr of attrs) {
+			const val = el.getAttribute(attr);
+			if (val?.startsWith("url(#") === true) {
+				const oldId = val.slice(5, -1);
+				const newId = idMap.get(oldId);
+				if (newId !== void 0) el.setAttribute(attr, `url(#${newId})`);
+			}
+		}
+	});
+	svgEl.querySelectorAll("style").forEach((styleEl) => {
+		const { textContent } = styleEl;
+		if (textContent !== "") {
+			let updated = textContent;
+			idMap.forEach((newId, oldId) => {
+				updated = updated.replaceAll(`#${oldId}`, `#${newId}`);
+			});
+			if (updated !== textContent) {
+				const styleNode = styleEl;
+				styleNode.textContent = updated;
+			}
+		}
+	});
+};
+//#endregion
+export { adjustSvgIDs };

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/node_modules/react-medium-image-zoom/dist/utils/compute-positioned-style.js

@@ -0,0 +1,25 @@
+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
+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);
+	const posY = parsePosition(posTop, containerHeight - visibleHeight);
+	const scale = getScale({
+		containerHeight: visibleHeight,
+		containerWidth: visibleWidth,
+		hasScalableSrc,
+		offset,
+		targetHeight,
+		targetWidth
+	});
+	return {
+		top: containerTop + posY,
+		left: containerLeft + posX,
+		width: visibleWidth * scale,
+		height: visibleHeight * scale,
+		initialTransform: `translate(0,0) scale(${1 / scale})`
+	};
+};
+//#endregion
+export { computePositionedStyle };

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/node_modules/react-medium-image-zoom/dist/utils/element-tests.js

@@ -0,0 +1,12 @@
+//#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
+function isElement(el) {
+	if (typeof Element === "undefined") return false;
+	return el instanceof Element;
+}
+const testElType = (type, el) => isElement(el) && el.tagName.toUpperCase() === type;
+const testDiv = (el) => testElType("DIV", el) || testElType("SPAN", el);
+const testImg = (el) => testElType("IMG", el);
+const testImgLoaded = (el) => el.complete && el.naturalHeight !== 0;
+const testSvg = (el) => testElType("SVG", el);
+//#endregion
+export { testDiv, testImg, testImgLoaded, testSvg };

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/node_modules/react-medium-image-zoom/dist/utils/get-div-img-style.js

@@ -0,0 +1,45 @@
+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
+const getDivImgStyle = ({ backgroundPosition, backgroundSize, containerHeight, containerLeft, containerTop, containerWidth, hasScalableSrc, offset, targetHeight, targetWidth }) => {
+	const base = {
+		containerHeight,
+		containerLeft,
+		containerTop,
+		containerWidth,
+		hasScalableSrc,
+		offset,
+		position: backgroundPosition,
+		targetHeight,
+		targetWidth
+	};
+	if (backgroundSize === "cover" || backgroundSize === "contain") {
+		const widthRatio = containerWidth / targetWidth;
+		const heightRatio = containerHeight / targetHeight;
+		const ratio = backgroundSize === "cover" ? Math.max(widthRatio, heightRatio) : Math.min(widthRatio, heightRatio);
+		return computePositionedStyle({
+			...base,
+			visibleWidth: targetWidth * ratio,
+			visibleHeight: targetHeight * ratio
+		});
+	} else if (backgroundSize === "auto") return computePositionedStyle({
+		...base,
+		visibleWidth: targetWidth,
+		visibleHeight: targetHeight
+	});
+	else {
+		const [sizeW = "50%", sizeH = "50%"] = backgroundSize.split(" ");
+		const sizeWidth = parsePosition(sizeW, containerWidth);
+		const sizeHeight = parsePosition(sizeH, containerHeight);
+		const widthRatio = sizeWidth / targetWidth;
+		const heightRatio = sizeHeight / targetHeight;
+		const ratio = Math.min(widthRatio, heightRatio);
+		return computePositionedStyle({
+			...base,
+			visibleWidth: targetWidth * ratio,
+			visibleHeight: targetHeight * ratio
+		});
+	}
+};
+//#endregion
+export { getDivImgStyle };

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/node_modules/react-medium-image-zoom/dist/utils/get-img-alt.js

@@ -0,0 +1,8 @@
+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
+const getImgAlt = (imgEl) => {
+	if (imgEl !== null) if (testImg(imgEl)) return imgEl.alt;
+	else return imgEl.getAttribute("aria-label") ?? void 0;
+};
+//#endregion
+export { getImgAlt };