@jinmi/ui 0.0.0-stage → 6.0.1

package/es/Image/viewer/geometry.mjs

@@ -0,0 +1,97 @@
+const DEFAULT_RUBBER_BAND_FACTOR = .15;
+const WHEEL_ZOOM_SENSITIVITY = .002;
+const normalizeRotation = (degrees) => (degrees % 360 + 360) % 360;
+const effectiveSize = (natural, rotate) => rotate === 90 || rotate === 270 ? {
+	height: natural.width,
+	width: natural.height
+} : natural;
+const computeFit = (natural, viewport, rotate, fillViewport = false) => {
+	const effective = effectiveSize(natural, rotate);
+	const availableWidth = Math.max(viewport.width - 48, 0);
+	const availableHeight = Math.max(viewport.height - 48, 0);
+	const containScale = Math.min(availableWidth / effective.width, availableHeight / effective.height, ...fillViewport ? [] : [1]);
+	const width = effective.width * containScale;
+	const height = effective.height * containScale;
+	return {
+		height,
+		width,
+		x: (viewport.width - width) / 2,
+		y: (viewport.height - height) / 2
+	};
+};
+const unrotatedRect = (fit, rotate) => {
+	if (rotate !== 90 && rotate !== 270) return fit;
+	const centerX = fit.x + fit.width / 2;
+	const centerY = fit.y + fit.height / 2;
+	return {
+		height: fit.width,
+		width: fit.height,
+		x: centerX - fit.height / 2,
+		y: centerY - fit.width / 2
+	};
+};
+const anchoredZoom = (current, targetScale, anchor, fitRect) => {
+	const centerX = fitRect.x + fitRect.width / 2;
+	const centerY = fitRect.y + fitRect.height / 2;
+	const ratio = targetScale / current.scale;
+	return {
+		scale: targetScale,
+		x: anchor.x - centerX - ratio * (anchor.x - centerX - current.x),
+		y: anchor.y - centerY - ratio * (anchor.y - centerY - current.y)
+	};
+};
+const panBounds = (state, fitRect, viewport) => {
+	const centerX = fitRect.x + fitRect.width / 2;
+	const centerY = fitRect.y + fitRect.height / 2;
+	const scaledWidth = fitRect.width * state.scale;
+	const scaledHeight = fitRect.height * state.scale;
+	const axis = (center, scaledSize, viewportSize) => {
+		if (scaledSize - viewportSize <= 0) return {
+			max: 0,
+			min: 0
+		};
+		return {
+			max: scaledSize / 2 - center,
+			min: viewportSize - center - scaledSize / 2
+		};
+	};
+	return {
+		x: axis(centerX, scaledWidth, viewport.width),
+		y: axis(centerY, scaledHeight, viewport.height)
+	};
+};
+const clampPan = (state, fitRect, viewport) => {
+	const bounds = panBounds(state, fitRect, viewport);
+	return {
+		x: Math.min(Math.max(state.x, bounds.x.min), bounds.x.max),
+		y: Math.min(Math.max(state.y, bounds.y.min), bounds.y.max)
+	};
+};
+const rubberBand = (value, min, max, factor = DEFAULT_RUBBER_BAND_FACTOR) => {
+	if (value < min) return min - (min - value) * factor;
+	if (value > max) return max + (value - max) * factor;
+	return value;
+};
+const clampScale = (scale, maxScale = 8) => Math.min(Math.max(scale, 1), maxScale);
+const wheelZoomFactor = (deltaY) => Math.exp(-deltaY * WHEEL_ZOOM_SENSITIVITY);
+const normalizeWheelDelta = (deltaY, deltaMode = 0, viewportHeight = 0) => {
+	if (deltaMode === 1) return deltaY * 16;
+	if (deltaMode === 2) return deltaY * (viewportHeight || 640);
+	return deltaY;
+};
+const naturalScale = (natural, fitRect, rotate) => effectiveSize(natural, rotate).width / fitRect.width;
+const resolveInitialScale = (policy, natural, fitRect, rotate, threshold = 2) => {
+	if (policy === "fit") return 1;
+	const target = naturalScale(natural, fitRect, rotate);
+	if (!Number.isFinite(target) || target <= 0) return 1;
+	if (policy === "auto" && target > threshold) return 1;
+	return Math.max(1, target);
+};
+const doubleClickTarget = (currentScale, natural, fitRect, rotate) => {
+	if (currentScale > 1) return 1;
+	return Math.max(2, naturalScale(natural, fitRect, rotate));
+};
+//#endregion
+export { DEFAULT_RUBBER_BAND_FACTOR, WHEEL_ZOOM_SENSITIVITY, anchoredZoom, clampPan, clampScale, computeFit, doubleClickTarget, naturalScale, normalizeRotation, normalizeWheelDelta, panBounds, resolveInitialScale, rubberBand, unrotatedRect, wheelZoomFactor };
+
+//# sourceMappingURL=geometry.mjs.map

package/es/Image/viewer/geometry.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometry.mjs","names":[],"sources":["../../../src/Image/viewer/geometry.ts"],"sourcesContent":["export interface Size {\r\n  height: number;\r\n  width: number;\r\n}\r\n\r\nexport interface Point {\r\n  x: number;\r\n  y: number;\r\n}\r\n\r\nexport interface Rect {\r\n  height: number;\r\n  width: number;\r\n  x: number;\r\n  y: number;\r\n}\r\n\r\nexport type Rotation = 0 | 90 | 180 | 270;\r\n\r\nexport type ZoomPolicy = 'auto' | 'actual' | 'fit';\r\n\r\nexport interface TransformState {\r\n  scale: number;\r\n  x: number;\r\n  y: number;\r\n}\r\n\r\nexport interface AxisBounds {\r\n  max: number;\r\n  min: number;\r\n}\r\n\r\nexport const VIEWPORT_MARGIN = 24;\r\nexport const MIN_SCALE = 1;\r\nexport const DEFAULT_MAX_SCALE = 8;\r\nexport const DEFAULT_RUBBER_BAND_FACTOR = 0.15;\r\nexport const WHEEL_ZOOM_SENSITIVITY = 0.002;\r\nexport const DEFAULT_AUTO_ZOOM_THRESHOLD = 2;\r\nexport const WHEEL_LINE_HEIGHT = 16;\r\n\r\nexport const normalizeRotation = (degrees: number): Rotation =>\r\n  (((degrees % 360) + 360) % 360) as Rotation;\r\n\r\nconst effectiveSize = (natural: Size, rotate: Rotation): Size =>\r\n  rotate === 90 || rotate === 270 ? { height: natural.width, width: natural.height } : natural;\r\n\r\nexport const computeFit = (\r\n  natural: Size,\r\n  viewport: Size,\r\n  rotate: Rotation,\r\n  fillViewport = false,\r\n): Rect => {\r\n  const effective = effectiveSize(natural, rotate);\r\n  const availableWidth = Math.max(viewport.width - VIEWPORT_MARGIN * 2, 0);\r\n  const availableHeight = Math.max(viewport.height - VIEWPORT_MARGIN * 2, 0);\r\n  // fillViewport drops the no-upscale cap: a dual-source thumbnail is a\r\n  // stand-in for the hi-res image, so it must open at the viewport fit the\r\n  // hi-res will land in — otherwise the swap re-fits mid-open.\r\n  const containScale = Math.min(\r\n    availableWidth / effective.width,\r\n    availableHeight / effective.height,\r\n    ...(fillViewport ? [] : [1]),\r\n  );\r\n  const width = effective.width * containScale;\r\n  const height = effective.height * containScale;\r\n\r\n  return {\r\n    height,\r\n    width,\r\n    x: (viewport.width - width) / 2,\r\n    y: (viewport.height - height) / 2,\r\n  };\r\n};\r\n\r\n// computeFit returns the box the image occupies *after* the CSS rotation, but\r\n// the element it is applied to is sized before that rotation runs. For quarter\r\n// turns the two disagree, so the element box has to be the transpose about the\r\n// same center — otherwise `object-fit: contain` letterboxes the image down to\r\n// the short side and everything downstream (pan bounds, natural scale) is\r\n// measuring a box the viewer never actually paints.\r\nexport const unrotatedRect = (fit: Rect, rotate: Rotation): Rect => {\r\n  if (rotate !== 90 && rotate !== 270) return fit;\r\n\r\n  const centerX = fit.x + fit.width / 2;\r\n  const centerY = fit.y + fit.height / 2;\r\n\r\n  return {\r\n    height: fit.width,\r\n    width: fit.height,\r\n    x: centerX - fit.height / 2,\r\n    y: centerY - fit.width / 2,\r\n  };\r\n};\r\n\r\nexport const anchoredZoom = (\r\n  current: TransformState,\r\n  targetScale: number,\r\n  anchor: Point,\r\n  fitRect: Rect,\r\n): TransformState => {\r\n  const centerX = fitRect.x + fitRect.width / 2;\r\n  const centerY = fitRect.y + fitRect.height / 2;\r\n  const ratio = targetScale / current.scale;\r\n\r\n  return {\r\n    scale: targetScale,\r\n    x: anchor.x - centerX - ratio * (anchor.x - centerX - current.x),\r\n    y: anchor.y - centerY - ratio * (anchor.y - centerY - current.y),\r\n  };\r\n};\r\n\r\nexport const panBounds = (\r\n  state: TransformState,\r\n  fitRect: Rect,\r\n  viewport: Size,\r\n): { x: AxisBounds; y: AxisBounds } => {\r\n  const centerX = fitRect.x + fitRect.width / 2;\r\n  const centerY = fitRect.y + fitRect.height / 2;\r\n  const scaledWidth = fitRect.width * state.scale;\r\n  const scaledHeight = fitRect.height * state.scale;\r\n\r\n  const axis = (center: number, scaledSize: number, viewportSize: number): AxisBounds => {\r\n    const overflow = scaledSize - viewportSize;\r\n    if (overflow <= 0) return { max: 0, min: 0 };\r\n    return { max: scaledSize / 2 - center, min: viewportSize - center - scaledSize / 2 };\r\n  };\r\n\r\n  return {\r\n    x: axis(centerX, scaledWidth, viewport.width),\r\n    y: axis(centerY, scaledHeight, viewport.height),\r\n  };\r\n};\r\n\r\nexport const clampPan = (state: TransformState, fitRect: Rect, viewport: Size): Point => {\r\n  const bounds = panBounds(state, fitRect, viewport);\r\n  return {\r\n    x: Math.min(Math.max(state.x, bounds.x.min), bounds.x.max),\r\n    y: Math.min(Math.max(state.y, bounds.y.min), bounds.y.max),\r\n  };\r\n};\r\n\r\nexport const rubberBand = (\r\n  value: number,\r\n  min: number,\r\n  max: number,\r\n  factor: number = DEFAULT_RUBBER_BAND_FACTOR,\r\n): number => {\r\n  if (value < min) return min - (min - value) * factor;\r\n  if (value > max) return max + (value - max) * factor;\r\n  return value;\r\n};\r\n\r\nexport const clampScale = (scale: number, maxScale: number = DEFAULT_MAX_SCALE): number =>\r\n  Math.min(Math.max(scale, MIN_SCALE), maxScale);\r\n\r\nexport const wheelZoomFactor = (deltaY: number): number =>\r\n  Math.exp(-deltaY * WHEEL_ZOOM_SENSITIVITY);\r\n\r\n// Firefox on Windows/Linux reports wheel notches as DOM_DELTA_LINE with a\r\n// deltaY around 3, where Chrome/Safari report ~100 pixels for the same notch.\r\n// Feeding those raw into wheelZoomFactor is a ~30x under-zoom (0.6% per notch,\r\n// ~115 notches to double) and an equally dead scroll-to-close accumulator.\r\nexport const normalizeWheelDelta = (deltaY: number, deltaMode = 0, viewportHeight = 0): number => {\r\n  if (deltaMode === 1) return deltaY * WHEEL_LINE_HEIGHT;\r\n  if (deltaMode === 2) return deltaY * (viewportHeight || WHEEL_LINE_HEIGHT * 40);\r\n  return deltaY;\r\n};\r\n\r\nexport const naturalScale = (natural: Size, fitRect: Rect, rotate: Rotation): number =>\r\n  effectiveSize(natural, rotate).width / fitRect.width;\r\n\r\n// The scale the viewer opens at, expressed like every other scale here:\r\n// relative to the fit rect, so MIN_SCALE is always still fit. Opening above\r\n// MIN_SCALE is what makes a screenshot legible on open and — because the image\r\n// then overflows the viewport — what gives panBounds something to work with.\r\nexport const resolveInitialScale = (\r\n  policy: ZoomPolicy,\r\n  natural: Size,\r\n  fitRect: Rect,\r\n  rotate: Rotation,\r\n  threshold: number = DEFAULT_AUTO_ZOOM_THRESHOLD,\r\n): number => {\r\n  if (policy === 'fit') return MIN_SCALE;\r\n\r\n  const target = naturalScale(natural, fitRect, rotate);\r\n  if (!Number.isFinite(target) || target <= 0) return MIN_SCALE;\r\n  if (policy === 'auto' && target > threshold) return MIN_SCALE;\r\n\r\n  // fillViewport drops computeFit's no-upscale cap, so the fit rect can be\r\n  // larger than the image and target can land below the zoom floor.\r\n  return Math.max(MIN_SCALE, target);\r\n};\r\n\r\nexport const doubleClickTarget = (\r\n  currentScale: number,\r\n  natural: Size,\r\n  fitRect: Rect,\r\n  rotate: Rotation,\r\n): number => {\r\n  if (currentScale > 1) return MIN_SCALE;\r\n  return Math.max(2, naturalScale(natural, fitRect, rotate));\r\n};\r\n"],"mappings":"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"}

package/es/Image/viewer/registry.d.mts

@@ -0,0 +1,2 @@
+import "../type.mjs";
+import { RefObject } from "react";

package/es/Image/viewer/registry.mjs

@@ -0,0 +1,52 @@
+import { useCallback, useSyncExternalStore } from "react";
+//#region src/Image/viewer/registry.ts
+let state = null;
+let nextToken = 0;
+const listeners = /* @__PURE__ */ new Set();
+const emit = () => {
+	for (const listener of listeners) listener();
+};
+const flushClosed = () => {
+	if (!state || state.closing) return;
+	state.closing = true;
+	state.onOpenChange?.(false);
+};
+const openPreview = (entry, entries, index = 0, openerFocusElement = null) => {
+	flushClosed();
+	nextToken += 1;
+	state = {
+		closing: false,
+		entries: entries && entries.length > 0 ? entries : [entry],
+		index: entries && entries.length > 0 ? Math.min(Math.max(index, 0), entries.length - 1) : 0,
+		onOpenChange: entry.options.onOpenChange,
+		openerFocusElement,
+		token: nextToken
+	};
+	emit();
+	entry.options.onOpenChange?.(true);
+};
+const beginClosePreview = (token) => {
+	if (state?.token !== token) return;
+	flushClosed();
+};
+const endClosePreview = (token) => {
+	if (state?.token !== token) return;
+	flushClosed();
+	state = null;
+	emit();
+};
+const subscribe = (listener) => {
+	listeners.add(listener);
+	return () => {
+		listeners.delete(listener);
+	};
+};
+const getServerSnapshot = () => null;
+const usePreviewSession = (elementRef) => {
+	const getSnapshot = useCallback(() => state && state.entries[state.index]?.element === elementRef.current ? state : null, [elementRef]);
+	return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+};
+//#endregion
+export { beginClosePreview, endClosePreview, openPreview, usePreviewSession };
+
+//# sourceMappingURL=registry.mjs.map

package/es/Image/viewer/registry.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.mjs","names":[],"sources":["../../../src/Image/viewer/registry.ts"],"sourcesContent":["import { type RefObject, useCallback, useSyncExternalStore } from 'react';\r\n\r\nimport type { ImagePreviewOptions } from '../type';\r\nimport type { ZoomPolicy } from './geometry';\r\n\r\nexport interface ResolvedPreviewOptions extends Omit<\r\n  ImagePreviewOptions,\r\n  'autoZoomThreshold' | 'defaultZoom' | 'maxScale'\r\n> {\r\n  autoZoomThreshold: number;\r\n  defaultZoom: ZoomPolicy;\r\n  maxScale: number;\r\n}\r\n\r\nexport interface PreviewEntry {\r\n  element: HTMLImageElement;\r\n  options: ResolvedPreviewOptions;\r\n  previewSrc?: string;\r\n  src: string;\r\n}\r\n\r\nexport interface PreviewSession {\r\n  entries: PreviewEntry[];\r\n  index: number;\r\n  openerFocusElement: HTMLElement | null;\r\n  token: number;\r\n}\r\n\r\ninterface HostState extends PreviewSession {\r\n  closing: boolean;\r\n  onOpenChange?: (open: boolean) => void;\r\n}\r\n\r\nlet state: HostState | null = null;\r\nlet nextToken = 0;\r\n\r\nconst listeners = new Set<() => void>();\r\n\r\nconst emit = () => {\r\n  for (const listener of listeners) listener();\r\n};\r\n\r\nconst flushClosed = () => {\r\n  if (!state || state.closing) return;\r\n  state.closing = true;\r\n  state.onOpenChange?.(false);\r\n};\r\n\r\n// openerFocusElement must be captured by the caller at pointerdown, not read here:\r\n// clicking a non-focusable thumbnail already blurs to document.body before its\r\n// click handler (and therefore this call) runs.\r\nexport const openPreview = (\r\n  entry: PreviewEntry,\r\n  entries?: PreviewEntry[],\r\n  index = 0,\r\n  openerFocusElement: HTMLElement | null = null,\r\n): void => {\r\n  flushClosed();\r\n  nextToken += 1;\r\n  const resolvedEntries = entries && entries.length > 0 ? entries : [entry];\r\n  const resolvedIndex =\r\n    entries && entries.length > 0 ? Math.min(Math.max(index, 0), entries.length - 1) : 0;\r\n  state = {\r\n    closing: false,\r\n    entries: resolvedEntries,\r\n    index: resolvedIndex,\r\n    onOpenChange: entry.options.onOpenChange,\r\n    openerFocusElement,\r\n    token: nextToken,\r\n  };\r\n  emit();\r\n  entry.options.onOpenChange?.(true);\r\n};\r\n\r\nexport const beginClosePreview = (token: number): void => {\r\n  if (state?.token !== token) return;\r\n  flushClosed();\r\n};\r\n\r\nexport const endClosePreview = (token: number): void => {\r\n  if (state?.token !== token) return;\r\n  flushClosed();\r\n  state = null;\r\n  emit();\r\n};\r\n\r\nconst subscribe = (listener: () => void) => {\r\n  listeners.add(listener);\r\n  return () => {\r\n    listeners.delete(listener);\r\n  };\r\n};\r\n\r\nconst getServerSnapshot = (): PreviewSession | null => null;\r\n\r\nexport const usePreviewSession = (\r\n  elementRef: RefObject<HTMLImageElement | null>,\r\n): PreviewSession | null => {\r\n  const getSnapshot = useCallback(\r\n    () => (state && state.entries[state.index]?.element === elementRef.current ? state : null),\r\n    [elementRef],\r\n  );\r\n\r\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\r\n};\r\n"],"mappings":";;AAiCA,IAAI,QAA0B;AAC9B,IAAI,YAAY;AAEhB,MAAM,4BAAY,IAAI,IAAgB;AAEtC,MAAM,aAAa;CACjB,KAAK,MAAM,YAAY,WAAW,SAAS;AAC7C;AAEA,MAAM,oBAAoB;CACxB,IAAI,CAAC,SAAS,MAAM,SAAS;CAC7B,MAAM,UAAU;CAChB,MAAM,eAAe,KAAK;AAC5B;AAKA,MAAa,eACX,OACA,SACA,QAAQ,GACR,qBAAyC,SAChC;CACT,YAAY;CACZ,aAAa;CAIb,QAAQ;EACN,SAAS;EACT,SALsB,WAAW,QAAQ,SAAS,IAAI,UAAU,CAAC,KAAK;EAMtE,OAJA,WAAW,QAAQ,SAAS,IAAI,KAAK,IAAI,KAAK,IAAI,OAAO,CAAC,GAAG,QAAQ,SAAS,CAAC,IAAI;EAKnF,cAAc,MAAM,QAAQ;EAC5B;EACA,OAAO;CACT;CACA,KAAK;CACL,MAAM,QAAQ,eAAe,IAAI;AACnC;AAEA,MAAa,qBAAqB,UAAwB;CACxD,IAAI,OAAO,UAAU,OAAO;CAC5B,YAAY;AACd;AAEA,MAAa,mBAAmB,UAAwB;CACtD,IAAI,OAAO,UAAU,OAAO;CAC5B,YAAY;CACZ,QAAQ;CACR,KAAK;AACP;AAEA,MAAM,aAAa,aAAyB;CAC1C,UAAU,IAAI,QAAQ;CACtB,aAAa;EACX,UAAU,OAAO,QAAQ;CAC3B;AACF;AAEA,MAAM,0BAAiD;AAEvD,MAAa,qBACX,eAC0B;CAC1B,MAAM,cAAc,kBACX,SAAS,MAAM,QAAQ,MAAM,MAAM,EAAE,YAAY,WAAW,UAAU,QAAQ,MACrF,CAAC,UAAU,CACb;CAEA,OAAO,qBAAqB,WAAW,aAAa,iBAAiB;AACvE"}

package/es/Image/viewer/useChromeIdle.mjs

@@ -0,0 +1,72 @@
+"use client";
+import { useCallback, useEffect, useRef, useState } from "react";
+//#region src/Image/viewer/useChromeIdle.ts
+const IDLE_HIDE_MS = 2e3;
+const useChromeIdle = () => {
+	const [hidden, setHidden] = useState(false);
+	const nodeRef = useRef(null);
+	const overChromeRef = useRef(false);
+	const heldRef = useRef(false);
+	const timerRef = useRef(null);
+	const clearTimer = useCallback(() => {
+		if (timerRef.current === null) return;
+		window.clearTimeout(timerRef.current);
+		timerRef.current = null;
+	}, []);
+	const arm = useCallback(() => {
+		clearTimer();
+		timerRef.current = window.setTimeout(function fire() {
+			timerRef.current = null;
+			const node = nodeRef.current;
+			const active = document.activeElement;
+			const focusWithin = Boolean(node && active && node.contains(active));
+			if (overChromeRef.current || heldRef.current || focusWithin) {
+				timerRef.current = window.setTimeout(fire, IDLE_HIDE_MS);
+				return;
+			}
+			setHidden(true);
+		}, IDLE_HIDE_MS);
+	}, [clearTimer]);
+	const wake = useCallback(() => {
+		setHidden(false);
+		arm();
+	}, [arm]);
+	useEffect(() => {
+		const handlePointerMove = (event) => {
+			overChromeRef.current = Boolean(event.target instanceof Node && nodeRef.current?.contains(event.target));
+			wake();
+		};
+		const handleActivity = () => wake();
+		document.addEventListener("pointermove", handlePointerMove);
+		document.addEventListener("pointerdown", handleActivity);
+		document.addEventListener("wheel", handleActivity, { passive: true });
+		document.addEventListener("keydown", handleActivity);
+		arm();
+		return () => {
+			document.removeEventListener("pointermove", handlePointerMove);
+			document.removeEventListener("pointerdown", handleActivity);
+			document.removeEventListener("wheel", handleActivity);
+			document.removeEventListener("keydown", handleActivity);
+			clearTimer();
+		};
+	}, [
+		arm,
+		clearTimer,
+		wake
+	]);
+	const setHeld = useCallback((held) => {
+		heldRef.current = held;
+		if (held) wake();
+	}, [wake]);
+	return {
+		hidden,
+		ref: useCallback((node) => {
+			nodeRef.current = node;
+		}, []),
+		setHeld
+	};
+};
+//#endregion
+export { useChromeIdle };
+
+//# sourceMappingURL=useChromeIdle.mjs.map

package/es/Image/viewer/useChromeIdle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChromeIdle.mjs","names":[],"sources":["../../../src/Image/viewer/useChromeIdle.ts"],"sourcesContent":["'use client';\r\n\r\nimport { useCallback, useEffect, useRef, useState } from 'react';\r\n\r\nconst IDLE_HIDE_MS = 2000;\r\n\r\nexport interface UseChromeIdleResult {\r\n  hidden: boolean;\r\n  ref: (node: HTMLDivElement | null) => void;\r\n  setHeld: (held: boolean) => void;\r\n}\r\n\r\nexport const useChromeIdle = (): UseChromeIdleResult => {\r\n  const [hidden, setHidden] = useState(false);\r\n  const nodeRef = useRef<HTMLDivElement | null>(null);\r\n  const overChromeRef = useRef(false);\r\n  const heldRef = useRef(false);\r\n  const timerRef = useRef<number | null>(null);\r\n\r\n  const clearTimer = useCallback(() => {\r\n    if (timerRef.current === null) return;\r\n    window.clearTimeout(timerRef.current);\r\n    timerRef.current = null;\r\n  }, []);\r\n\r\n  const arm = useCallback(() => {\r\n    clearTimer();\r\n    timerRef.current = window.setTimeout(function fire() {\r\n      timerRef.current = null;\r\n      const node = nodeRef.current;\r\n      const active = document.activeElement;\r\n      const focusWithin = Boolean(node && active && node.contains(active));\r\n      if (overChromeRef.current || heldRef.current || focusWithin) {\r\n        timerRef.current = window.setTimeout(fire, IDLE_HIDE_MS);\r\n        return;\r\n      }\r\n      setHidden(true);\r\n    }, IDLE_HIDE_MS);\r\n  }, [clearTimer]);\r\n\r\n  const wake = useCallback(() => {\r\n    setHidden(false);\r\n    arm();\r\n  }, [arm]);\r\n\r\n  useEffect(() => {\r\n    const handlePointerMove = (event: PointerEvent) => {\r\n      overChromeRef.current = Boolean(\r\n        event.target instanceof Node && nodeRef.current?.contains(event.target),\r\n      );\r\n      wake();\r\n    };\r\n    const handleActivity = () => wake();\r\n\r\n    document.addEventListener('pointermove', handlePointerMove);\r\n    document.addEventListener('pointerdown', handleActivity);\r\n    document.addEventListener('wheel', handleActivity, { passive: true });\r\n    document.addEventListener('keydown', handleActivity);\r\n    arm();\r\n\r\n    return () => {\r\n      document.removeEventListener('pointermove', handlePointerMove);\r\n      document.removeEventListener('pointerdown', handleActivity);\r\n      document.removeEventListener('wheel', handleActivity);\r\n      document.removeEventListener('keydown', handleActivity);\r\n      clearTimer();\r\n    };\r\n  }, [arm, clearTimer, wake]);\r\n\r\n  const setHeld = useCallback(\r\n    (held: boolean) => {\r\n      heldRef.current = held;\r\n      if (held) wake();\r\n    },\r\n    [wake],\r\n  );\r\n\r\n  const ref = useCallback((node: HTMLDivElement | null) => {\r\n    nodeRef.current = node;\r\n  }, []);\r\n\r\n  return { hidden, ref, setHeld };\r\n};\r\n"],"mappings":";;;AAIA,MAAM,eAAe;AAQrB,MAAa,sBAA2C;CACtD,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAC1C,MAAM,UAAU,OAA8B,IAAI;CAClD,MAAM,gBAAgB,OAAO,KAAK;CAClC,MAAM,UAAU,OAAO,KAAK;CAC5B,MAAM,WAAW,OAAsB,IAAI;CAE3C,MAAM,aAAa,kBAAkB;EACnC,IAAI,SAAS,YAAY,MAAM;EAC/B,OAAO,aAAa,SAAS,OAAO;EACpC,SAAS,UAAU;CACrB,GAAG,CAAC,CAAC;CAEL,MAAM,MAAM,kBAAkB;EAC5B,WAAW;EACX,SAAS,UAAU,OAAO,WAAW,SAAS,OAAO;GACnD,SAAS,UAAU;GACnB,MAAM,OAAO,QAAQ;GACrB,MAAM,SAAS,SAAS;GACxB,MAAM,cAAc,QAAQ,QAAQ,UAAU,KAAK,SAAS,MAAM,CAAC;GACnE,IAAI,cAAc,WAAW,QAAQ,WAAW,aAAa;IAC3D,SAAS,UAAU,OAAO,WAAW,MAAM,YAAY;IACvD;GACF;GACA,UAAU,IAAI;EAChB,GAAG,YAAY;CACjB,GAAG,CAAC,UAAU,CAAC;CAEf,MAAM,OAAO,kBAAkB;EAC7B,UAAU,KAAK;EACf,IAAI;CACN,GAAG,CAAC,GAAG,CAAC;CAER,gBAAgB;EACd,MAAM,qBAAqB,UAAwB;GACjD,cAAc,UAAU,QACtB,MAAM,kBAAkB,QAAQ,QAAQ,SAAS,SAAS,MAAM,MAAM,CACxE;GACA,KAAK;EACP;EACA,MAAM,uBAAuB,KAAK;EAElC,SAAS,iBAAiB,eAAe,iBAAiB;EAC1D,SAAS,iBAAiB,eAAe,cAAc;EACvD,SAAS,iBAAiB,SAAS,gBAAgB,EAAE,SAAS,KAAK,CAAC;EACpE,SAAS,iBAAiB,WAAW,cAAc;EACnD,IAAI;EAEJ,aAAa;GACX,SAAS,oBAAoB,eAAe,iBAAiB;GAC7D,SAAS,oBAAoB,eAAe,cAAc;GAC1D,SAAS,oBAAoB,SAAS,cAAc;GACpD,SAAS,oBAAoB,WAAW,cAAc;GACtD,WAAW;EACb;CACF,GAAG;EAAC;EAAK;EAAY;CAAI,CAAC;CAE1B,MAAM,UAAU,aACb,SAAkB;EACjB,QAAQ,UAAU;EAClB,IAAI,MAAM,KAAK;CACjB,GACA,CAAC,IAAI,CACP;CAMA,OAAO;EAAE;EAAQ,KAJL,aAAa,SAAgC;GACvD,QAAQ,UAAU;EACpB,GAAG,CAAC,CAEe;EAAG;CAAQ;AAChC"}

package/es/Image/viewer/useFinalFocus.mjs

@@ -0,0 +1,10 @@
+import { useCallback } from "react";
+//#region src/Image/viewer/useFinalFocus.ts
+const useFinalFocus = (openerFocusElement) => useCallback(() => {
+	if (openerFocusElement?.isConnected) return openerFocusElement;
+	return false;
+}, [openerFocusElement]);
+//#endregion
+export { useFinalFocus };
+
+//# sourceMappingURL=useFinalFocus.mjs.map

package/es/Image/viewer/useFinalFocus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFinalFocus.mjs","names":[],"sources":["../../../src/Image/viewer/useFinalFocus.ts"],"sourcesContent":["import { useCallback } from 'react';\r\n\r\nexport const useFinalFocus = (openerFocusElement: HTMLElement | null) =>\r\n  useCallback((): HTMLElement | false => {\r\n    if (openerFocusElement?.isConnected) return openerFocusElement;\r\n    return false;\r\n  }, [openerFocusElement]);\r\n"],"mappings":";;AAEA,MAAa,iBAAiB,uBAC5B,kBAAuC;CACrC,IAAI,oBAAoB,aAAa,OAAO;CAC5C,OAAO;AACT,GAAG,CAAC,kBAAkB,CAAC"}

package/es/Image/viewer/useFlipTransition.mjs

@@ -0,0 +1,324 @@
+import { useCallback, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { animate, motionValue } from "motion/react";
+//#region src/Image/viewer/useFlipTransition.ts
+const OPEN_SPRING = {
+	bounce: .15,
+	type: "spring",
+	visualDuration: .3
+};
+const PUSH_SPRING = {
+	bounce: 0,
+	type: "spring",
+	visualDuration: .3
+};
+const FADE = {
+	duration: .15,
+	ease: "easeOut"
+};
+const CHROME_FADE = {
+	delay: .15,
+	duration: .2,
+	ease: "easeOut"
+};
+const FADE_SCALE = .92;
+const SWITCH_FADE_SCALE = .96;
+const SETTLE_FALLBACK_MS = 1e3;
+const measureSource = (element) => {
+	if (!element.isConnected) return null;
+	const rect = element.getBoundingClientRect();
+	if (rect.width <= 0 || rect.height <= 0) return null;
+	if (rect.bottom <= 0 || rect.right <= 0) return null;
+	if (rect.top >= window.innerHeight || rect.left >= window.innerWidth) return null;
+	return rect;
+};
+const sourceTransform = (rect, fit) => ({
+	scale: fit.width > 0 && fit.height > 0 ? Math.max(rect.width / fit.width, rect.height / fit.height) : 1,
+	x: rect.left + rect.width / 2 - (fit.x + fit.width / 2),
+	y: rect.top + rect.height / 2 - (fit.y + fit.height / 2)
+});
+const readTransform = (transform) => [
+	`translate3d(${transform.x.get()}px, ${transform.y.get()}px, 0)`,
+	`scale(${transform.scale.get()})`,
+	`rotate(${transform.rotate.get()}deg)`,
+	`scaleX(${transform.flipX.get() ? -1 : 1})`,
+	`scaleY(${transform.flipY.get() ? -1 : 1})`
+].join(" ");
+const useBoundNode = (apply) => {
+	const nodeRef = useRef(null);
+	const applyRef = useRef(apply);
+	applyRef.current = apply;
+	const setNode = useCallback((node) => {
+		nodeRef.current = node;
+		if (node) applyRef.current(node);
+	}, []);
+	const refresh = useCallback(() => {
+		const node = nodeRef.current;
+		if (node) applyRef.current(node);
+	}, []);
+	const getNode = useCallback(() => nodeRef.current, []);
+	return useMemo(() => ({
+		getNode,
+		refresh,
+		setNode
+	}), [
+		getNode,
+		refresh,
+		setNode
+	]);
+};
+const useFlipTransition = ({ animated, getCloseSource, getFitRect, getInitialScale, getViewportWidth, onClosed, source, transform }) => {
+	const [opacity] = useState(() => ({
+		backdrop: motionValue(0),
+		chrome: motionValue(0),
+		image: motionValue(animated ? 1 : 0)
+	}));
+	const image = useBoundNode(useCallback((node) => {
+		node.style.transform = readTransform(transform);
+		node.style.opacity = String(opacity.image.get());
+	}, [opacity, transform]));
+	const backdrop = useBoundNode(useCallback((node) => {
+		node.style.opacity = String(opacity.backdrop.get());
+	}, [opacity]));
+	const chrome = useBoundNode(useCallback((node) => {
+		node.style.opacity = String(opacity.chrome.get());
+	}, [opacity]));
+	const runningRef = useRef([]);
+	const closingRef = useRef(false);
+	const transitioningRef = useRef(true);
+	const onClosedRef = useRef(onClosed);
+	onClosedRef.current = onClosed;
+	const getFitRectRef = useRef(getFitRect);
+	getFitRectRef.current = getFitRect;
+	const getCloseSourceRef = useRef(getCloseSource);
+	getCloseSourceRef.current = getCloseSource;
+	const getInitialScaleRef = useRef(getInitialScale);
+	getInitialScaleRef.current = getInitialScale;
+	const getViewportWidthRef = useRef(getViewportWidth);
+	getViewportWidthRef.current = getViewportWidth;
+	const ghostRef = useRef(null);
+	const removeGhost = useCallback(() => {
+		ghostRef.current?.remove();
+		ghostRef.current = null;
+	}, []);
+	const run = useCallback((animations) => {
+		runningRef.current = [...runningRef.current, ...animations];
+	}, []);
+	const stopAll = useCallback(() => {
+		for (const animation of runningRef.current) animation.stop();
+		runningRef.current = [];
+	}, []);
+	const isTransitioning = useCallback(() => transitioningRef.current, []);
+	const isClosing = useCallback(() => closingRef.current, []);
+	const trackTimeout = useCallback((callback, ms) => {
+		const id = window.setTimeout(callback, ms);
+		run([{ stop: () => window.clearTimeout(id) }]);
+	}, [run]);
+	const animateSettling = useCallback((axes, onSettled) => {
+		let pending = axes.length;
+		let settled = false;
+		const finish = () => {
+			if (settled) return;
+			settled = true;
+			onSettled();
+		};
+		const onAxisComplete = () => {
+			pending -= 1;
+			if (pending === 0) finish();
+		};
+		run(axes.map(([value, target]) => animate(value, target, {
+			...OPEN_SPRING,
+			onComplete: onAxisComplete
+		})));
+		trackTimeout(finish, SETTLE_FALLBACK_MS);
+	}, [run, trackTimeout]);
+	useLayoutEffect(() => {
+		const unsubscribes = [
+			...[
+				transform.flipX,
+				transform.flipY,
+				transform.rotate,
+				transform.scale,
+				transform.x,
+				transform.y,
+				opacity.image
+			].map((value) => value.on("change", image.refresh)),
+			opacity.backdrop.on("change", backdrop.refresh),
+			opacity.chrome.on("change", chrome.refresh)
+		];
+		return () => {
+			for (const unsubscribe of unsubscribes) unsubscribe();
+		};
+	}, [
+		backdrop,
+		chrome,
+		image,
+		opacity,
+		transform
+	]);
+	useLayoutEffect(() => {
+		const rect = animated ? measureSource(source) : null;
+		transitioningRef.current = true;
+		const markSettled = () => {
+			transitioningRef.current = false;
+		};
+		const resting = getInitialScaleRef.current();
+		if (rect) {
+			const start = sourceTransform(rect, getFitRectRef.current());
+			transform.scale.set(start.scale);
+			transform.x.set(start.x);
+			transform.y.set(start.y);
+			opacity.image.set(1);
+			animateSettling([
+				[transform.scale, resting],
+				[transform.x, 0],
+				[transform.y, 0]
+			], markSettled);
+		} else {
+			opacity.image.set(0);
+			if (animated) transform.scale.set(resting * FADE_SCALE);
+			run([animate(opacity.image, 1, {
+				...FADE,
+				onComplete: markSettled
+			})]);
+			if (animated) run([animate(transform.scale, resting, FADE)]);
+			trackTimeout(markSettled, SETTLE_FALLBACK_MS);
+		}
+		run([animate(opacity.backdrop, 1, FADE), animate(opacity.chrome, 1, CHROME_FADE)]);
+		return () => {
+			stopAll();
+			removeGhost();
+		};
+	}, [
+		animateSettling,
+		animated,
+		opacity,
+		removeGhost,
+		run,
+		source,
+		stopAll,
+		trackTimeout,
+		transform
+	]);
+	const close = useCallback((options) => {
+		if (closingRef.current) return;
+		closingRef.current = true;
+		transitioningRef.current = true;
+		stopAll();
+		removeGhost();
+		let finished = false;
+		const finish = () => {
+			if (finished) return;
+			finished = true;
+			transitioningRef.current = false;
+			onClosedRef.current();
+		};
+		const rect = animated && !options?.fade ? measureSource(getCloseSourceRef.current()) : null;
+		run([animate(opacity.backdrop, 0, FADE), animate(opacity.chrome, 0, FADE)]);
+		if (rect) {
+			const target = sourceTransform(rect, getFitRectRef.current());
+			animateSettling([
+				[transform.x, target.x],
+				[transform.y, target.y],
+				[transform.scale, target.scale]
+			], finish);
+			return;
+		}
+		if (animated) run([animate(transform.scale, transform.scale.get() * FADE_SCALE, FADE)]);
+		run([animate(opacity.image, 0, {
+			...FADE,
+			onComplete: finish
+		})]);
+		trackTimeout(finish, SETTLE_FALLBACK_MS);
+	}, [
+		animateSettling,
+		animated,
+		opacity,
+		run,
+		stopAll,
+		trackTimeout,
+		transform
+	]);
+	const switchTo = useCallback((apply, direction) => {
+		if (closingRef.current) return;
+		stopAll();
+		removeGhost();
+		transitioningRef.current = true;
+		const markSettled = () => {
+			transitioningRef.current = false;
+		};
+		const node = image.getNode();
+		const width = getViewportWidthRef.current();
+		if (animated && direction && node && width > 0) {
+			const ghost = node.cloneNode();
+			ghost.dataset.ghost = "true";
+			ghost.setAttribute("aria-hidden", "true");
+			ghost.style.pointerEvents = "none";
+			const base = ghost.style.transform;
+			node.parentElement?.insertBefore(ghost, node);
+			ghostRef.current = ghost;
+			const progress = motionValue(0);
+			const unsubscribe = progress.on("change", (p) => {
+				ghost.style.transform = `translateX(${-direction * width * p}px) ${base}`;
+			});
+			const finishGhost = () => {
+				unsubscribe();
+				if (ghostRef.current === ghost) removeGhost();
+				else ghost.remove();
+			};
+			apply();
+			transform.x.jump(direction * width);
+			run([
+				animate(progress, 1, {
+					...PUSH_SPRING,
+					onComplete: finishGhost
+				}),
+				animate(transform.x, 0, {
+					...PUSH_SPRING,
+					onComplete: markSettled
+				}),
+				{ stop: finishGhost }
+			]);
+			trackTimeout(() => {
+				finishGhost();
+				markSettled();
+			}, SETTLE_FALLBACK_MS);
+			return;
+		}
+		const tasks = [];
+		if (animated) tasks.push(animate(transform.scale, SWITCH_FADE_SCALE, FADE));
+		tasks.push(animate(opacity.image, 0, {
+			...FADE,
+			onComplete: () => {
+				apply();
+				run([animate(opacity.image, 1, {
+					...FADE,
+					onComplete: markSettled
+				})]);
+			}
+		}));
+		run(tasks);
+		trackTimeout(markSettled, SETTLE_FALLBACK_MS);
+	}, [
+		animated,
+		image,
+		opacity,
+		removeGhost,
+		run,
+		stopAll,
+		trackTimeout,
+		transform
+	]);
+	return {
+		backdropRef: backdrop.setNode,
+		chromeRef: chrome.setNode,
+		close,
+		imageRef: image.setNode,
+		isClosing,
+		isTransitioning,
+		switchTo
+	};
+};
+//#endregion
+export { OPEN_SPRING, useFlipTransition };
+
+//# sourceMappingURL=useFlipTransition.mjs.map

package/es/Image/viewer/useFlipTransition.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlipTransition.mjs","names":[],"sources":["../../../src/Image/viewer/useFlipTransition.ts"],"sourcesContent":["import type { MotionValue } from 'motion/react';\r\nimport { animate, motionValue } from 'motion/react';\r\nimport { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';\r\n\r\nimport type { Rect } from './geometry';\r\n\r\nexport const OPEN_SPRING = { bounce: 0.15, type: 'spring' as const, visualDuration: 0.3 };\r\n// bounce: 0 — a full-viewport push with overshoot would visibly slide past\r\n// the resting position and snap back.\r\nconst PUSH_SPRING = { bounce: 0, type: 'spring' as const, visualDuration: 0.3 };\r\nconst FADE = { duration: 0.15, ease: 'easeOut' as const };\r\nconst CHROME_FADE = { delay: 0.15, duration: 0.2, ease: 'easeOut' as const };\r\nconst FADE_SCALE = 0.92;\r\nconst SWITCH_FADE_SCALE = 0.96;\r\nconst SETTLE_FALLBACK_MS = 1000;\r\n\r\ninterface Animation {\r\n  stop: () => void;\r\n}\r\n\r\nexport interface FlipTransformValues {\r\n  flipX: MotionValue<boolean>;\r\n  flipY: MotionValue<boolean>;\r\n  rotate: MotionValue<number>;\r\n  scale: MotionValue<number>;\r\n  x: MotionValue<number>;\r\n  y: MotionValue<number>;\r\n}\r\n\r\nexport interface UseFlipTransitionOptions {\r\n  animated: boolean;\r\n  getCloseSource: () => HTMLImageElement;\r\n  getFitRect: () => Rect;\r\n  getInitialScale: () => number;\r\n  getViewportWidth: () => number;\r\n  onClosed: () => void;\r\n  source: HTMLImageElement;\r\n  transform: FlipTransformValues;\r\n}\r\n\r\nexport interface CloseTransitionOptions {\r\n  fade?: boolean;\r\n}\r\n\r\nexport interface UseFlipTransitionResult {\r\n  backdropRef: (node: HTMLElement | null) => void;\r\n  chromeRef: (node: HTMLElement | null) => void;\r\n  close: (options?: CloseTransitionOptions) => void;\r\n  imageRef: (node: HTMLImageElement | null) => void;\r\n  isClosing: () => boolean;\r\n  isTransitioning: () => boolean;\r\n  switchTo: (apply: () => void, direction?: 1 | -1) => void;\r\n}\r\n\r\nconst measureSource = (element: HTMLImageElement): DOMRect | null => {\r\n  if (!element.isConnected) return null;\r\n  const rect = element.getBoundingClientRect();\r\n  if (rect.width <= 0 || rect.height <= 0) return null;\r\n  if (rect.bottom <= 0 || rect.right <= 0) return null;\r\n  if (rect.top >= window.innerHeight || rect.left >= window.innerWidth) return null;\r\n  return rect;\r\n};\r\n\r\nconst sourceTransform = (rect: DOMRect, fit: Rect) => ({\r\n  scale:\r\n    fit.width > 0 && fit.height > 0\r\n      ? Math.max(rect.width / fit.width, rect.height / fit.height)\r\n      : 1,\r\n  x: rect.left + rect.width / 2 - (fit.x + fit.width / 2),\r\n  y: rect.top + rect.height / 2 - (fit.y + fit.height / 2),\r\n});\r\n\r\nconst readTransform = (transform: FlipTransformValues) =>\r\n  [\r\n    `translate3d(${transform.x.get()}px, ${transform.y.get()}px, 0)`,\r\n    `scale(${transform.scale.get()})`,\r\n    `rotate(${transform.rotate.get()}deg)`,\r\n    `scaleX(${transform.flipX.get() ? -1 : 1})`,\r\n    `scaleY(${transform.flipY.get() ? -1 : 1})`,\r\n  ].join(' ');\r\n\r\nconst useBoundNode = <T extends HTMLElement>(apply: (node: T) => void) => {\r\n  const nodeRef = useRef<T | null>(null);\r\n  const applyRef = useRef(apply);\r\n  applyRef.current = apply;\r\n\r\n  const setNode = useCallback((node: T | null) => {\r\n    nodeRef.current = node;\r\n    if (node) applyRef.current(node);\r\n  }, []);\r\n\r\n  const refresh = useCallback(() => {\r\n    const node = nodeRef.current;\r\n    if (node) applyRef.current(node);\r\n  }, []);\r\n\r\n  const getNode = useCallback(() => nodeRef.current, []);\r\n\r\n  return useMemo(() => ({ getNode, refresh, setNode }), [getNode, refresh, setNode]);\r\n};\r\n\r\nexport const useFlipTransition = ({\r\n  animated,\r\n  getCloseSource,\r\n  getFitRect,\r\n  getInitialScale,\r\n  getViewportWidth,\r\n  onClosed,\r\n  source,\r\n  transform,\r\n}: UseFlipTransitionOptions): UseFlipTransitionResult => {\r\n  const [opacity] = useState(() => ({\r\n    backdrop: motionValue(0),\r\n    chrome: motionValue(0),\r\n    image: motionValue(animated ? 1 : 0),\r\n  }));\r\n\r\n  const image = useBoundNode<HTMLImageElement>(\r\n    useCallback(\r\n      (node) => {\r\n        node.style.transform = readTransform(transform);\r\n        node.style.opacity = String(opacity.image.get());\r\n      },\r\n      [opacity, transform],\r\n    ),\r\n  );\r\n\r\n  const backdrop = useBoundNode<HTMLElement>(\r\n    useCallback(\r\n      (node) => {\r\n        node.style.opacity = String(opacity.backdrop.get());\r\n      },\r\n      [opacity],\r\n    ),\r\n  );\r\n\r\n  const chrome = useBoundNode<HTMLElement>(\r\n    useCallback(\r\n      (node) => {\r\n        node.style.opacity = String(opacity.chrome.get());\r\n      },\r\n      [opacity],\r\n    ),\r\n  );\r\n\r\n  const runningRef = useRef<Animation[]>([]);\r\n  const closingRef = useRef(false);\r\n  const transitioningRef = useRef(true);\r\n\r\n  const onClosedRef = useRef(onClosed);\r\n  onClosedRef.current = onClosed;\r\n\r\n  const getFitRectRef = useRef(getFitRect);\r\n  getFitRectRef.current = getFitRect;\r\n\r\n  const getCloseSourceRef = useRef(getCloseSource);\r\n  getCloseSourceRef.current = getCloseSource;\r\n\r\n  const getInitialScaleRef = useRef(getInitialScale);\r\n  getInitialScaleRef.current = getInitialScale;\r\n\r\n  const getViewportWidthRef = useRef(getViewportWidth);\r\n  getViewportWidthRef.current = getViewportWidth;\r\n\r\n  const ghostRef = useRef<HTMLImageElement | null>(null);\r\n  const removeGhost = useCallback(() => {\r\n    ghostRef.current?.remove();\r\n    ghostRef.current = null;\r\n  }, []);\r\n\r\n  const run = useCallback((animations: Animation[]) => {\r\n    runningRef.current = [...runningRef.current, ...animations];\r\n  }, []);\r\n\r\n  const stopAll = useCallback(() => {\r\n    for (const animation of runningRef.current) animation.stop();\r\n    runningRef.current = [];\r\n  }, []);\r\n\r\n  const isTransitioning = useCallback(() => transitioningRef.current, []);\r\n  const isClosing = useCallback(() => closingRef.current, []);\r\n\r\n  // stopAll() only stops tracked Animation objects; a bare window.setTimeout\r\n  // has no way to be cancelled by it. Track a fallback timer the same way, so\r\n  // a later stopAll() (a new open/close/switch superseding an interrupted one)\r\n  // clears the old timer along with the animations it was backing — otherwise\r\n  // it can fire mid-way through the new phase and flip transitioningRef false\r\n  // while something else is legitimately still in flight.\r\n  const trackTimeout = useCallback(\r\n    (callback: () => void, ms: number) => {\r\n      const id = window.setTimeout(callback, ms);\r\n      run([{ stop: () => window.clearTimeout(id) }]);\r\n    },\r\n    [run],\r\n  );\r\n\r\n  // A future animate() call on one of these shared motion values (e.g. a refit\r\n  // triggered by a natural-size change) silently cancels whichever animation is\r\n  // already running on it — motion's animate() stops the prior one without ever\r\n  // firing its onComplete. Track completion by count for the common case, but\r\n  // always back it with a fallback timer so onSettled fires exactly once no\r\n  // matter what: a cancelled axis can never leave this permanently unfired.\r\n  const animateSettling = useCallback(\r\n    (axes: [MotionValue<number>, number][], onSettled: () => void) => {\r\n      let pending = axes.length;\r\n      let settled = false;\r\n      const finish = () => {\r\n        if (settled) return;\r\n        settled = true;\r\n        onSettled();\r\n      };\r\n      const onAxisComplete = () => {\r\n        pending -= 1;\r\n        if (pending === 0) finish();\r\n      };\r\n      run(\r\n        axes.map(([value, target]) =>\r\n          animate(value, target, { ...OPEN_SPRING, onComplete: onAxisComplete }),\r\n        ),\r\n      );\r\n      trackTimeout(finish, SETTLE_FALLBACK_MS);\r\n    },\r\n    [run, trackTimeout],\r\n  );\r\n\r\n  useLayoutEffect(() => {\r\n    const unsubscribes = [\r\n      ...[\r\n        transform.flipX,\r\n        transform.flipY,\r\n        transform.rotate,\r\n        transform.scale,\r\n        transform.x,\r\n        transform.y,\r\n        opacity.image,\r\n      ].map((value) => value.on('change', image.refresh)),\r\n      opacity.backdrop.on('change', backdrop.refresh),\r\n      opacity.chrome.on('change', chrome.refresh),\r\n    ];\r\n\r\n    return () => {\r\n      for (const unsubscribe of unsubscribes) unsubscribe();\r\n    };\r\n  }, [backdrop, chrome, image, opacity, transform]);\r\n\r\n  useLayoutEffect(() => {\r\n    const rect = animated ? measureSource(source) : null;\r\n    transitioningRef.current = true;\r\n    const markSettled = () => {\r\n      transitioningRef.current = false;\r\n    };\r\n\r\n    // Resting scale is whatever defaultZoom resolved to, not necessarily fit.\r\n    const resting = getInitialScaleRef.current();\r\n\r\n    if (rect) {\r\n      const start = sourceTransform(rect, getFitRectRef.current());\r\n      transform.scale.set(start.scale);\r\n      transform.x.set(start.x);\r\n      transform.y.set(start.y);\r\n      opacity.image.set(1);\r\n      animateSettling(\r\n        [\r\n          [transform.scale, resting],\r\n          [transform.x, 0],\r\n          [transform.y, 0],\r\n        ],\r\n        markSettled,\r\n      );\r\n    } else {\r\n      opacity.image.set(0);\r\n      if (animated) transform.scale.set(resting * FADE_SCALE);\r\n      run([animate(opacity.image, 1, { ...FADE, onComplete: markSettled })]);\r\n      if (animated) run([animate(transform.scale, resting, FADE)]);\r\n      trackTimeout(markSettled, SETTLE_FALLBACK_MS);\r\n    }\r\n\r\n    run([animate(opacity.backdrop, 1, FADE), animate(opacity.chrome, 1, CHROME_FADE)]);\r\n\r\n    return () => {\r\n      stopAll();\r\n      removeGhost();\r\n    };\r\n  }, [\r\n    animateSettling,\r\n    animated,\r\n    opacity,\r\n    removeGhost,\r\n    run,\r\n    source,\r\n    stopAll,\r\n    trackTimeout,\r\n    transform,\r\n  ]);\r\n\r\n  const close = useCallback(\r\n    (options?: CloseTransitionOptions) => {\r\n      if (closingRef.current) return;\r\n      closingRef.current = true;\r\n      transitioningRef.current = true;\r\n      stopAll();\r\n      removeGhost();\r\n\r\n      let finished = false;\r\n      const finish = () => {\r\n        if (finished) return;\r\n        finished = true;\r\n        transitioningRef.current = false;\r\n        onClosedRef.current();\r\n      };\r\n      const rect = animated && !options?.fade ? measureSource(getCloseSourceRef.current()) : null;\r\n\r\n      run([animate(opacity.backdrop, 0, FADE), animate(opacity.chrome, 0, FADE)]);\r\n\r\n      if (rect) {\r\n        const target = sourceTransform(rect, getFitRectRef.current());\r\n        animateSettling(\r\n          [\r\n            [transform.x, target.x],\r\n            [transform.y, target.y],\r\n            [transform.scale, target.scale],\r\n          ],\r\n          finish,\r\n        );\r\n        return;\r\n      }\r\n\r\n      if (animated) run([animate(transform.scale, transform.scale.get() * FADE_SCALE, FADE)]);\r\n      run([animate(opacity.image, 0, { ...FADE, onComplete: finish })]);\r\n      trackTimeout(finish, SETTLE_FALLBACK_MS);\r\n    },\r\n    [animateSettling, animated, opacity, run, stopAll, trackTimeout, transform],\r\n  );\r\n\r\n  const switchTo = useCallback(\r\n    (apply: () => void, direction?: 1 | -1) => {\r\n      if (closingRef.current) return;\r\n      stopAll();\r\n      removeGhost();\r\n      transitioningRef.current = true;\r\n\r\n      const markSettled = () => {\r\n        transitioningRef.current = false;\r\n      };\r\n\r\n      const node = image.getNode();\r\n      const width = getViewportWidthRef.current();\r\n\r\n      if (animated && direction && node && width > 0) {\r\n        // The clone snapshots the outgoing visual state wholesale — src,\r\n        // fitRect positioning and the current zoom/rotate/flip transform —\r\n        // so the live <img> stays the single element every other system\r\n        // (gestures, FLIP close, refit) keeps operating on.\r\n        const ghost = node.cloneNode() as HTMLImageElement;\r\n        ghost.dataset.ghost = 'true';\r\n        ghost.setAttribute('aria-hidden', 'true');\r\n        ghost.style.pointerEvents = 'none';\r\n        const base = ghost.style.transform;\r\n        node.parentElement?.insertBefore(ghost, node);\r\n        ghostRef.current = ghost;\r\n\r\n        const progress = motionValue(0);\r\n        const unsubscribe = progress.on('change', (p) => {\r\n          ghost.style.transform = `translateX(${-direction * width * p}px) ${base}`;\r\n        });\r\n        const finishGhost = () => {\r\n          unsubscribe();\r\n          if (ghostRef.current === ghost) removeGhost();\r\n          else ghost.remove();\r\n        };\r\n\r\n        apply();\r\n        transform.x.jump(direction * width);\r\n\r\n        run([\r\n          animate(progress, 1, { ...PUSH_SPRING, onComplete: finishGhost }),\r\n          animate(transform.x, 0, { ...PUSH_SPRING, onComplete: markSettled }),\r\n          { stop: finishGhost },\r\n        ]);\r\n        trackTimeout(() => {\r\n          finishGhost();\r\n          markSettled();\r\n        }, SETTLE_FALLBACK_MS);\r\n        return;\r\n      }\r\n\r\n      const tasks: Animation[] = [];\r\n      if (animated) tasks.push(animate(transform.scale, SWITCH_FADE_SCALE, FADE));\r\n      tasks.push(\r\n        animate(opacity.image, 0, {\r\n          ...FADE,\r\n          onComplete: () => {\r\n            apply();\r\n            run([animate(opacity.image, 1, { ...FADE, onComplete: markSettled })]);\r\n          },\r\n        }),\r\n      );\r\n      run(tasks);\r\n      trackTimeout(markSettled, SETTLE_FALLBACK_MS);\r\n    },\r\n    [animated, image, opacity, removeGhost, run, stopAll, trackTimeout, transform],\r\n  );\r\n\r\n  return {\r\n    backdropRef: backdrop.setNode,\r\n    chromeRef: chrome.setNode,\r\n    close,\r\n    imageRef: image.setNode,\r\n    isClosing,\r\n    isTransitioning,\r\n    switchTo,\r\n  };\r\n};\r\n"],"mappings":"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"}