@hh.ru/magritte-ui-media-viewer 1.3.11 → 1.3.13

package/internal/PreviewZoomControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewZoomControl.js","sources":["src/internal/PreviewZoomControl.tsx"],"sourcesContent":["import { type FC, useState, useRef, useEffect } from 'react';\nimport { animate } from 'motion/react';\n\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { tokenSemanticAnimationTimeMDuration } from '@hh.ru/magritte-design-tokens/types';\nimport { MagnifierMinusOutlinedSize24, MagnifierPlusOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { EASE_BASE } from '@hh.ru/magritte-ui-media-viewer/internal/animations';\nimport { type MediaViewerContextValue, useMediaViewerContext } from '@hh.ru/magritte-ui-media-viewer/internal/context';\nimport {\n    findNextValue,\n    getDimensionsAfterRotation,\n    clampOffset,\n    useInitOnce,\n} from '@hh.ru/magritte-ui-media-viewer/internal/utils';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from '../public/media-viewer.less';\n\nconst getCurrentControllerLimits = (globalContext: MediaViewerContextValue) => {\n    const controller = globalContext.currentSlideController.get();\n    if (!controller) {\n        return null;\n    }\n    const rotation = controller.rotation.get();\n    const zoomStops = controller.zoomStops.get()[rotation % 2];\n    return {\n        min: zoomStops?.[0] ?? Number.NEGATIVE_INFINITY,\n        max: zoomStops?.[zoomStops.length - 1] ?? Number.POSITIVE_INFINITY,\n    };\n};\n\nexport const PreviewZoomControl: FC = () => {\n    const globalContext = useMediaViewerContext();\n    const [zoom, setZoom] = useState<number | null>(() => {\n        const zoom = globalContext.currentSlideController.get()?.scale.get() || null;\n        return zoom ? Math.round(zoom * 100) : null;\n    });\n    const updateZoom = useInitOnce(() => (newZoom: number | null) => {\n        setZoom(newZoom ? Math.round(newZoom * 100) : null);\n    });\n\n    const [zoomLimits, setZoomLimits] = useState<{ min: number; max: number } | null>(() =>\n        getCurrentControllerLimits(globalContext)\n    );\n    const prevControllerUnsubRef = useRef<VoidFunction[]>([]);\n    const zoomInTrl = useTranslation('MediaViewer', 'zoomIn');\n    const zoomOutTrl = useTranslation('MediaViewer', 'zoomOut');\n\n    const applyNextZoom = (direction: 'in' | 'out') => {\n        const controller = globalContext.currentSlideController.get();\n        const contentSize = controller?.contentSize.get();\n        const viewPortDimensions = globalContext.viewPortDimensions.get();\n        const rotation = controller?.rotation.get() ?? 0;\n        if (!controller || !contentSize || !viewPortDimensions) {\n            return;\n        }\n        const nextZoom = findNextValue(\n            controller.zoomStops.get()[rotation % 2],\n            controller.scale.get() ?? 1,\n            direction === 'in'\n        );\n\n        controller.scale.stop();\n        controller.offsetX.stop();\n        controller.offsetY.stop();\n\n        const sizeAfterRotation = getDimensionsAfterRotation(contentSize, rotation);\n        const clampedOffsetX = clampOffset(\n            controller.offsetX.get(),\n            sizeAfterRotation.width * nextZoom,\n            viewPortDimensions.width\n        );\n        const clampedOffsetY = clampOffset(\n            controller.offsetY.get(),\n            sizeAfterRotation.height * nextZoom,\n            viewPortDimensions.height\n        );\n\n        animate(controller.scale, nextZoom, { duration: tokenSemanticAnimationTimeMDuration / 1000, ease: EASE_BASE });\n        animate(controller.offsetX, clampedOffsetX, {\n            duration: tokenSemanticAnimationTimeMDuration / 1000,\n            ease: EASE_BASE,\n        });\n        animate(controller.offsetY, clampedOffsetY, {\n            duration: tokenSemanticAnimationTimeMDuration / 1000,\n            ease: EASE_BASE,\n        });\n    };\n\n    useEffect(() => {\n        const subs = [\n            globalContext.currentSlideController.on('change', (controller) => {\n                if (!controller) {\n                    return;\n                }\n                const scale = controller.scale.get() || null;\n                updateZoom(scale);\n                // слушаем всегда только один контроллер, от предыдущего надо отписаться\n                prevControllerUnsubRef.current.forEach((unsub) => unsub());\n                prevControllerUnsubRef.current = [\n                    controller.scale.on('change', updateZoom),\n                    controller.zoomStops.on('change', () => setZoomLimits(getCurrentControllerLimits(globalContext))),\n                ];\n                setZoomLimits(getCurrentControllerLimits(globalContext));\n            }),\n            () => prevControllerUnsubRef.current.forEach((unsub) => unsub()),\n        ];\n\n        const currentController = globalContext.currentSlideController.get();\n        if (currentController) {\n            prevControllerUnsubRef.current = [\n                currentController.scale.on('change', updateZoom),\n                currentController.zoomStops.on('change', () =>\n                    setZoomLimits(getCurrentControllerLimits(globalContext))\n                ),\n            ];\n            setZoomLimits(getCurrentControllerLimits(globalContext));\n        }\n        return () => subs.forEach((unsub) => unsub?.());\n    }, [globalContext, updateZoom]);\n\n    return (\n        <div className={styles.previewZoomControl}>\n            <MagnifierMinusOutlinedSize24\n                initialColor=\"constant\"\n                padding={8}\n                disabled={zoom !== null && (zoomLimits === null || zoom <= Math.round(zoomLimits?.min * 100))}\n                onClick={() => {\n                    applyNextZoom('out');\n                }}\n                borderRadius=\"halfHeight\"\n                aria-label={zoomOutTrl}\n            />\n            <Text style=\"constant\" typography=\"label-2-regular\">\n                {`${zoom ?? 100}%`}\n            </Text>\n            <MagnifierPlusOutlinedSize24\n                initialColor=\"constant\"\n                padding={8}\n                disabled={zoom !== null && (zoomLimits === null || zoom >= Math.round(zoomLimits?.max * 100))}\n                onClick={() => {\n                    applyNextZoom('in');\n                }}\n                borderRadius=\"halfHeight\"\n                aria-label={zoomInTrl}\n            />\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"PreviewZoomControl.js","sources":["src/internal/PreviewZoomControl.tsx"],"sourcesContent":["import { type FC, useState, useRef, useEffect } from 'react';\nimport { animate } from 'motion/react';\n\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';\nimport { MagnifierMinusOutlinedSize24, MagnifierPlusOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { EASE_BASE } from '@hh.ru/magritte-ui-media-viewer/internal/animations';\nimport { type MediaViewerContextValue, useMediaViewerContext } from '@hh.ru/magritte-ui-media-viewer/internal/context';\nimport {\n    findNextValue,\n    getDimensionsAfterRotation,\n    clampOffset,\n    useInitOnce,\n} from '@hh.ru/magritte-ui-media-viewer/internal/utils';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from '../public/media-viewer.less';\n\nconst getCurrentControllerLimits = (globalContext: MediaViewerContextValue) => {\n    const controller = globalContext.currentSlideController.get();\n    if (!controller) {\n        return null;\n    }\n    const rotation = controller.rotation.get();\n    const zoomStops = controller.zoomStops.get()[rotation % 2];\n    return {\n        min: zoomStops?.[0] ?? Number.NEGATIVE_INFINITY,\n        max: zoomStops?.[zoomStops.length - 1] ?? Number.POSITIVE_INFINITY,\n    };\n};\n\nexport const PreviewZoomControl: FC = () => {\n    const globalContext = useMediaViewerContext();\n    const [zoom, setZoom] = useState<number | null>(() => {\n        const zoom = globalContext.currentSlideController.get()?.scale.get() || null;\n        return zoom ? Math.round(zoom * 100) : null;\n    });\n    const updateZoom = useInitOnce(() => (newZoom: number | null) => {\n        setZoom(newZoom ? Math.round(newZoom * 100) : null);\n    });\n\n    const [zoomLimits, setZoomLimits] = useState<{ min: number; max: number } | null>(() =>\n        getCurrentControllerLimits(globalContext)\n    );\n    const prevControllerUnsubRef = useRef<VoidFunction[]>([]);\n    const zoomInTrl = useTranslation('MediaViewer', 'zoomIn');\n    const zoomOutTrl = useTranslation('MediaViewer', 'zoomOut');\n\n    const applyNextZoom = (direction: 'in' | 'out') => {\n        const controller = globalContext.currentSlideController.get();\n        const contentSize = controller?.contentSize.get();\n        const viewPortDimensions = globalContext.viewPortDimensions.get();\n        const rotation = controller?.rotation.get() ?? 0;\n        if (!controller || !contentSize || !viewPortDimensions) {\n            return;\n        }\n        const nextZoom = findNextValue(\n            controller.zoomStops.get()[rotation % 2],\n            controller.scale.get() ?? 1,\n            direction === 'in'\n        );\n\n        controller.scale.stop();\n        controller.offsetX.stop();\n        controller.offsetY.stop();\n\n        const sizeAfterRotation = getDimensionsAfterRotation(contentSize, rotation);\n        const clampedOffsetX = clampOffset(\n            controller.offsetX.get(),\n            sizeAfterRotation.width * nextZoom,\n            viewPortDimensions.width\n        );\n        const clampedOffsetY = clampOffset(\n            controller.offsetY.get(),\n            sizeAfterRotation.height * nextZoom,\n            viewPortDimensions.height\n        );\n\n        animate(controller.scale, nextZoom, {\n            duration: CoreTokens['magritte-semantic-animation-time-m'].duration / 1000,\n            ease: EASE_BASE,\n        });\n        animate(controller.offsetX, clampedOffsetX, {\n            duration: CoreTokens['magritte-semantic-animation-time-m'].duration / 1000,\n            ease: EASE_BASE,\n        });\n        animate(controller.offsetY, clampedOffsetY, {\n            duration: CoreTokens['magritte-semantic-animation-time-m'].duration / 1000,\n            ease: EASE_BASE,\n        });\n    };\n\n    useEffect(() => {\n        const subs = [\n            globalContext.currentSlideController.on('change', (controller) => {\n                if (!controller) {\n                    return;\n                }\n                const scale = controller.scale.get() || null;\n                updateZoom(scale);\n                // слушаем всегда только один контроллер, от предыдущего надо отписаться\n                prevControllerUnsubRef.current.forEach((unsub) => unsub());\n                prevControllerUnsubRef.current = [\n                    controller.scale.on('change', updateZoom),\n                    controller.zoomStops.on('change', () => setZoomLimits(getCurrentControllerLimits(globalContext))),\n                ];\n                setZoomLimits(getCurrentControllerLimits(globalContext));\n            }),\n            () => prevControllerUnsubRef.current.forEach((unsub) => unsub()),\n        ];\n\n        const currentController = globalContext.currentSlideController.get();\n        if (currentController) {\n            prevControllerUnsubRef.current = [\n                currentController.scale.on('change', updateZoom),\n                currentController.zoomStops.on('change', () =>\n                    setZoomLimits(getCurrentControllerLimits(globalContext))\n                ),\n            ];\n            setZoomLimits(getCurrentControllerLimits(globalContext));\n        }\n        return () => subs.forEach((unsub) => unsub?.());\n    }, [globalContext, updateZoom]);\n\n    return (\n        <div className={styles.previewZoomControl}>\n            <MagnifierMinusOutlinedSize24\n                initialColor=\"constant\"\n                padding={8}\n                disabled={zoom !== null && (zoomLimits === null || zoom <= Math.round(zoomLimits?.min * 100))}\n                onClick={() => {\n                    applyNextZoom('out');\n                }}\n                borderRadius=\"halfHeight\"\n                aria-label={zoomOutTrl}\n            />\n            <Text style=\"constant\" typography=\"label-2-regular\">\n                {`${zoom ?? 100}%`}\n            </Text>\n            <MagnifierPlusOutlinedSize24\n                initialColor=\"constant\"\n                padding={8}\n                disabled={zoom !== null && (zoomLimits === null || zoom >= Math.round(zoomLimits?.max * 100))}\n                onClick={() => {\n                    applyNextZoom('in');\n                }}\n                borderRadius=\"halfHeight\"\n                aria-label={zoomInTrl}\n            />\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/internal/animations.d.ts

@@ -1 +1 @@
-export declare const EASE_BASE: readonly [0.4, 0.24, 0, 1];
+export declare const EASE_BASE: readonly [number, number, number, number];

package/internal/animations.js

@@ -1,11 +1,11 @@
 import './../index.css';
-import { tokenSemanticAnimationEaseBaseX1, tokenSemanticAnimationEaseBaseY1, tokenSemanticAnimationEaseBaseX2, tokenSemanticAnimationEaseBaseY2 } from '@hh.ru/magritte-design-tokens/types';
+import CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
 
 const EASE_BASE = [
-    tokenSemanticAnimationEaseBaseX1,
-    tokenSemanticAnimationEaseBaseY1,
-    tokenSemanticAnimationEaseBaseX2,
-    tokenSemanticAnimationEaseBaseY2,
+    CoreTokens['magritte-semantic-animation-ease-base'].x1,
+    CoreTokens['magritte-semantic-animation-ease-base'].y1,
+    CoreTokens['magritte-semantic-animation-ease-base'].x2,
+    CoreTokens['magritte-semantic-animation-ease-base'].y2,
 ];
 
 export { EASE_BASE };

package/internal/animations.js.map

@@ -1 +1 @@
-{"version":3,"file":"animations.js","sources":["src/internal/animations.ts"],"sourcesContent":["import {\n    tokenSemanticAnimationEaseBaseX1,\n    tokenSemanticAnimationEaseBaseX2,\n    tokenSemanticAnimationEaseBaseY1,\n    tokenSemanticAnimationEaseBaseY2,\n} from '@hh.ru/magritte-design-tokens/types';\n\nexport const EASE_BASE = [\n    tokenSemanticAnimationEaseBaseX1,\n    tokenSemanticAnimationEaseBaseY1,\n    tokenSemanticAnimationEaseBaseX2,\n    tokenSemanticAnimationEaseBaseY2,\n] as const;\n"],"names":[],"mappings":";;AAOa,MAAA,SAAS,GAAG;IACrB,gCAAgC;IAChC,gCAAgC;IAChC,gCAAgC;IAChC,gCAAgC;;;;;"}
+{"version":3,"file":"animations.js","sources":["src/internal/animations.ts"],"sourcesContent":["import CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';\n\nexport const EASE_BASE = [\n    CoreTokens['magritte-semantic-animation-ease-base'].x1,\n    CoreTokens['magritte-semantic-animation-ease-base'].y1,\n    CoreTokens['magritte-semantic-animation-ease-base'].x2,\n    CoreTokens['magritte-semantic-animation-ease-base'].y2,\n] as const;\n"],"names":[],"mappings":";;AAEa,MAAA,SAAS,GAAG;AACrB,IAAA,UAAU,CAAC,uCAAuC,CAAC,CAAC,EAAE;AACtD,IAAA,UAAU,CAAC,uCAAuC,CAAC,CAAC,EAAE;AACtD,IAAA,UAAU,CAAC,uCAAuC,CAAC,CAAC,EAAE;AACtD,IAAA,UAAU,CAAC,uCAAuC,CAAC,CAAC,EAAE;;;;;"}

package/internal/context.js

@@ -3,7 +3,7 @@ import { createContext, useContext, useState, useCallback } from 'react';
 import { motionValue, useMotionValueEvent } from 'motion/react';
 import { ImagesLoader } from './ImagesLoader.js';
 import { clamp } from './utils.js';
-import '@hh.ru/magritte-design-tokens/types';
+import '@hh.ru/magritte-design-tokens/core-tokens';
 import './animations.js';
 
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */

package/internal/hooks/useAutoHideTools.js

@@ -1,7 +1,7 @@
 import './../../index.css';
 import { useRef, useCallback, useEffect } from 'react';
 import { animate } from 'motion/react';
-import { tokenSemanticAnimationTimeLDuration } from '@hh.ru/magritte-design-tokens/types';
+import CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
 import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
 import { EASE_BASE } from '../animations.js';
 
@@ -10,7 +10,7 @@ const useAutoHideTools = (context) => {
     const hideToolTimerRef = useRef(null);
     const { isMobile } = useBreakpoint();
     const hideTools = useCallback(() => animate(context.hideToolsProgress, 1, {
-        duration: tokenSemanticAnimationTimeLDuration / 1000,
+        duration: CoreTokens['magritte-semantic-animation-time-l'].duration / 1000,
         ease: EASE_BASE,
     }), [context]);
     const showTools = useCallback(() => {
@@ -18,7 +18,7 @@ const useAutoHideTools = (context) => {
             return;
         }
         animate(context.hideToolsProgress, 0, {
-            duration: tokenSemanticAnimationTimeLDuration / 1000,
+            duration: CoreTokens['magritte-semantic-animation-time-l'].duration / 1000,
             ease: EASE_BASE,
         });
     }, [context]);

package/internal/hooks/useAutoHideTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoHideTools.js","sources":["src/internal/hooks/useAutoHideTools.ts"],"sourcesContent":["import { useRef, useCallback, useEffect } from 'react';\nimport { animate } from 'motion/react';\n\nimport { tokenSemanticAnimationTimeLDuration } from '@hh.ru/magritte-design-tokens/types';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { EASE_BASE } from '@hh.ru/magritte-ui-media-viewer/internal/animations';\nimport { type MediaViewerContextValue } from '@hh.ru/magritte-ui-media-viewer/internal/context';\n\nconst HIDE_TOOL_DELAY_MS = 6000;\n\ninterface UseAutoHideToolsResult {\n    onMouseMove: VoidFunction;\n    onClick: VoidFunction;\n}\n\nexport const useAutoHideTools = (context: MediaViewerContextValue): UseAutoHideToolsResult => {\n    const hideToolTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const { isMobile } = useBreakpoint();\n\n    const hideTools = useCallback(\n        () =>\n            animate(context.hideToolsProgress, 1, {\n                duration: tokenSemanticAnimationTimeLDuration / 1000,\n                ease: EASE_BASE,\n            }),\n        [context]\n    );\n    const showTools = useCallback(() => {\n        if (context.hideToolsProgress.isAnimating() || context.hideToolsProgress.get() === 0) {\n            return;\n        }\n        animate(context.hideToolsProgress, 0, {\n            duration: tokenSemanticAnimationTimeLDuration / 1000,\n            ease: EASE_BASE,\n        });\n    }, [context]);\n\n    const resetTimer = useCallback(() => {\n        if (hideToolTimerRef.current) {\n            clearTimeout(hideToolTimerRef.current);\n        }\n        if (!isMobile) {\n            hideToolTimerRef.current = setTimeout(hideTools, HIDE_TOOL_DELAY_MS);\n        }\n    }, [hideTools, isMobile]);\n\n    const showOnAction = useCallback(() => {\n        showTools();\n        resetTimer();\n    }, [showTools, resetTimer]);\n\n    // Запускаем таймер при монтировании\n    useEffect(() => {\n        resetTimer();\n        return () => {\n            if (hideToolTimerRef.current) {\n                clearTimeout(hideToolTimerRef.current);\n            }\n        };\n    }, [resetTimer]);\n\n    return { onMouseMove: showOnAction, onClick: showOnAction };\n};\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAOnB,MAAA,gBAAgB,GAAG,CAAC,OAAgC,KAA4B;AACzF,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;AAC5E,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;AAErC,IAAA,MAAM,SAAS,GAAG,WAAW,CACzB,MACI,OAAO,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC,EAAE;QAClC,QAAQ,EAAE,mCAAmC,GAAG,IAAI;AACpD,QAAA,IAAI,EAAE,SAAS;AAClB,KAAA,CAAC,EACN,CAAC,OAAO,CAAC,CACZ,CAAC;AACF,IAAA,MAAM,SAAS,GAAG,WAAW,CAAC,MAAK;AAC/B,QAAA,IAAI,OAAO,CAAC,iBAAiB,CAAC,WAAW,EAAE,IAAI,OAAO,CAAC,iBAAiB,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE;YAClF,OAAO;SACV;AACD,QAAA,OAAO,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC,EAAE;YAClC,QAAQ,EAAE,mCAAmC,GAAG,IAAI;AACpD,YAAA,IAAI,EAAE,SAAS;AAClB,SAAA,CAAC,CAAC;AACP,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAEd,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAK;AAChC,QAAA,IAAI,gBAAgB,CAAC,OAAO,EAAE;AAC1B,YAAA,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;SAC1C;QACD,IAAI,CAAC,QAAQ,EAAE;YACX,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;SACxE;AACL,KAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;AAE1B,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,MAAK;AAClC,QAAA,SAAS,EAAE,CAAC;AACZ,QAAA,UAAU,EAAE,CAAC;AACjB,KAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;;IAG5B,SAAS,CAAC,MAAK;AACX,QAAA,UAAU,EAAE,CAAC;AACb,QAAA,OAAO,MAAK;AACR,YAAA,IAAI,gBAAgB,CAAC,OAAO,EAAE;AAC1B,gBAAA,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;aAC1C;AACL,SAAC,CAAC;AACN,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;AAChE;;;;"}
+{"version":3,"file":"useAutoHideTools.js","sources":["src/internal/hooks/useAutoHideTools.ts"],"sourcesContent":["import { useRef, useCallback, useEffect } from 'react';\nimport { animate } from 'motion/react';\n\nimport CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { EASE_BASE } from '@hh.ru/magritte-ui-media-viewer/internal/animations';\nimport { type MediaViewerContextValue } from '@hh.ru/magritte-ui-media-viewer/internal/context';\n\nconst HIDE_TOOL_DELAY_MS = 6000;\n\ninterface UseAutoHideToolsResult {\n    onMouseMove: VoidFunction;\n    onClick: VoidFunction;\n}\n\nexport const useAutoHideTools = (context: MediaViewerContextValue): UseAutoHideToolsResult => {\n    const hideToolTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const { isMobile } = useBreakpoint();\n\n    const hideTools = useCallback(\n        () =>\n            animate(context.hideToolsProgress, 1, {\n                duration: CoreTokens['magritte-semantic-animation-time-l'].duration / 1000,\n                ease: EASE_BASE,\n            }),\n        [context]\n    );\n    const showTools = useCallback(() => {\n        if (context.hideToolsProgress.isAnimating() || context.hideToolsProgress.get() === 0) {\n            return;\n        }\n        animate(context.hideToolsProgress, 0, {\n            duration: CoreTokens['magritte-semantic-animation-time-l'].duration / 1000,\n            ease: EASE_BASE,\n        });\n    }, [context]);\n\n    const resetTimer = useCallback(() => {\n        if (hideToolTimerRef.current) {\n            clearTimeout(hideToolTimerRef.current);\n        }\n        if (!isMobile) {\n            hideToolTimerRef.current = setTimeout(hideTools, HIDE_TOOL_DELAY_MS);\n        }\n    }, [hideTools, isMobile]);\n\n    const showOnAction = useCallback(() => {\n        showTools();\n        resetTimer();\n    }, [showTools, resetTimer]);\n\n    // Запускаем таймер при монтировании\n    useEffect(() => {\n        resetTimer();\n        return () => {\n            if (hideToolTimerRef.current) {\n                clearTimeout(hideToolTimerRef.current);\n            }\n        };\n    }, [resetTimer]);\n\n    return { onMouseMove: showOnAction, onClick: showOnAction };\n};\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAOnB,MAAA,gBAAgB,GAAG,CAAC,OAAgC,KAA4B;AACzF,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;AAC5E,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;AAErC,IAAA,MAAM,SAAS,GAAG,WAAW,CACzB,MACI,OAAO,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC,EAAE;QAClC,QAAQ,EAAE,UAAU,CAAC,oCAAoC,CAAC,CAAC,QAAQ,GAAG,IAAI;AAC1E,QAAA,IAAI,EAAE,SAAS;AAClB,KAAA,CAAC,EACN,CAAC,OAAO,CAAC,CACZ,CAAC;AACF,IAAA,MAAM,SAAS,GAAG,WAAW,CAAC,MAAK;AAC/B,QAAA,IAAI,OAAO,CAAC,iBAAiB,CAAC,WAAW,EAAE,IAAI,OAAO,CAAC,iBAAiB,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE;YAClF,OAAO;SACV;AACD,QAAA,OAAO,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC,EAAE;YAClC,QAAQ,EAAE,UAAU,CAAC,oCAAoC,CAAC,CAAC,QAAQ,GAAG,IAAI;AAC1E,YAAA,IAAI,EAAE,SAAS;AAClB,SAAA,CAAC,CAAC;AACP,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAEd,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAK;AAChC,QAAA,IAAI,gBAAgB,CAAC,OAAO,EAAE;AAC1B,YAAA,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;SAC1C;QACD,IAAI,CAAC,QAAQ,EAAE;YACX,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;SACxE;AACL,KAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;AAE1B,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,MAAK;AAClC,QAAA,SAAS,EAAE,CAAC;AACZ,QAAA,UAAU,EAAE,CAAC;AACjB,KAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;;IAG5B,SAAS,CAAC,MAAK;AACX,QAAA,UAAU,EAAE,CAAC;AACb,QAAA,OAAO,MAAK;AACR,YAAA,IAAI,gBAAgB,CAAC,OAAO,EAAE;AAC1B,gBAAA,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;aAC1C;AACL,SAAC,CAAC;AACN,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;AAChE;;;;"}

package/internal/hooks/useDoubleTapScale.js

@@ -1,7 +1,7 @@
 import './../../index.css';
 import { useRef, useCallback } from 'react';
 import { animate } from 'motion/react';
-import { tokenSemanticAnimationTimeSDuration } from '@hh.ru/magritte-design-tokens/types';
+import CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
 import { EASE_BASE } from '../animations.js';
 import { isClose } from '../utils.js';
 
@@ -34,11 +34,17 @@ const useDoubleTapScale = (controller) => {
         const closerToFill = Math.abs(currentScale - possibleTargets.fill) < Math.abs(currentScale - possibleTargets.fit);
         const next = (atFill || atFit) !== closerToFill ? 'fill' : 'fit';
         animate(controller.scale, possibleTargets[next], {
-            duration: tokenSemanticAnimationTimeSDuration / 1000,
+            duration: CoreTokens['magritte-semantic-animation-time-s'].duration / 1000,
+            ease: EASE_BASE,
+        });
+        animate(controller.offsetX, 0, {
+            duration: CoreTokens['magritte-semantic-animation-time-s'].duration / 1000,
+            ease: EASE_BASE,
+        });
+        animate(controller.offsetY, 0, {
+            duration: CoreTokens['magritte-semantic-animation-time-s'].duration / 1000,
             ease: EASE_BASE,
         });
-        animate(controller.offsetX, 0, { duration: tokenSemanticAnimationTimeSDuration / 1000, ease: EASE_BASE });
-        animate(controller.offsetY, 0, { duration: tokenSemanticAnimationTimeSDuration / 1000, ease: EASE_BASE });
     }, [controller]);
     const handleTouchStart = useCallback(() => {
         pinchingRef.current = controller.pinching;

package/internal/hooks/useDoubleTapScale.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDoubleTapScale.js","sources":["src/internal/hooks/useDoubleTapScale.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\nimport { animate, type HTMLMotionProps } from 'motion/react';\n\nimport { tokenSemanticAnimationTimeSDuration } from '@hh.ru/magritte-design-tokens/types';\nimport { EASE_BASE } from '@hh.ru/magritte-ui-media-viewer/internal/animations';\nimport { type GalleryItemController } from '@hh.ru/magritte-ui-media-viewer/internal/hooks/useGalleryItemController';\nimport { isClose } from '@hh.ru/magritte-ui-media-viewer/internal/utils';\n\nconst DOUBLE_TAP_DELAY = 300;\n\nexport const useDoubleTapScale = (controller: GalleryItemController): HTMLMotionProps<'div'> => {\n    const lastTapRef = useRef(0);\n    const pinchingRef = useRef(false);\n    const lastDoubleTapRef = useRef(0);\n\n    const handleDoubleTap = useCallback(() => {\n        // Защита от повторного срабатывания\n        const now = Date.now();\n        if (now - lastDoubleTapRef.current < DOUBLE_TAP_DELAY) {\n            return;\n        }\n        lastDoubleTapRef.current = now;\n\n        if (controller.pinching) {\n            return;\n        }\n\n        const currentScale = controller.scale.get();\n        const fitFill = controller.fitFillScales.get();\n        if (fitFill === null) {\n            return;\n        }\n\n        controller.scale.stop();\n        controller.offsetX.stop();\n        controller.offsetY.stop();\n\n        const possibleTargets = fitFill[controller.rotation.get() % 2];\n        const atFill = isClose(currentScale, possibleTargets.fill);\n        const atFit = isClose(currentScale, possibleTargets.fit);\n        const closerToFill =\n            Math.abs(currentScale - possibleTargets.fill) < Math.abs(currentScale - possibleTargets.fit);\n\n        const next = (atFill || atFit) !== closerToFill ? 'fill' : 'fit';\n        animate(controller.scale, possibleTargets[next], {\n            duration: tokenSemanticAnimationTimeSDuration / 1000,\n            ease: EASE_BASE,\n        });\n        animate(controller.offsetX, 0, { duration: tokenSemanticAnimationTimeSDuration / 1000, ease: EASE_BASE });\n        animate(controller.offsetY, 0, { duration: tokenSemanticAnimationTimeSDuration / 1000, ease: EASE_BASE });\n    }, [controller]);\n\n    const handleTouchStart = useCallback(() => {\n        pinchingRef.current = controller.pinching;\n    }, [controller]);\n\n    const handleTouchEnd = useCallback(() => {\n        if (controller.pinching || pinchingRef.current) {\n            return;\n        }\n        const now = Date.now();\n\n        if (now - lastTapRef.current < DOUBLE_TAP_DELAY) {\n            handleDoubleTap();\n        }\n        lastTapRef.current = now;\n    }, [handleDoubleTap, controller]);\n\n    return { onTouchEnd: handleTouchEnd, onDoubleClick: handleDoubleTap, onTouchStart: handleTouchStart };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useDoubleTapScale.js","sources":["src/internal/hooks/useDoubleTapScale.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\nimport { animate, type HTMLMotionProps } from 'motion/react';\n\nimport CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';\nimport { EASE_BASE } from '@hh.ru/magritte-ui-media-viewer/internal/animations';\nimport { type GalleryItemController } from '@hh.ru/magritte-ui-media-viewer/internal/hooks/useGalleryItemController';\nimport { isClose } from '@hh.ru/magritte-ui-media-viewer/internal/utils';\n\nconst DOUBLE_TAP_DELAY = 300;\n\nexport const useDoubleTapScale = (controller: GalleryItemController): HTMLMotionProps<'div'> => {\n    const lastTapRef = useRef(0);\n    const pinchingRef = useRef(false);\n    const lastDoubleTapRef = useRef(0);\n\n    const handleDoubleTap = useCallback(() => {\n        // Защита от повторного срабатывания\n        const now = Date.now();\n        if (now - lastDoubleTapRef.current < DOUBLE_TAP_DELAY) {\n            return;\n        }\n        lastDoubleTapRef.current = now;\n\n        if (controller.pinching) {\n            return;\n        }\n\n        const currentScale = controller.scale.get();\n        const fitFill = controller.fitFillScales.get();\n        if (fitFill === null) {\n            return;\n        }\n\n        controller.scale.stop();\n        controller.offsetX.stop();\n        controller.offsetY.stop();\n\n        const possibleTargets = fitFill[controller.rotation.get() % 2];\n        const atFill = isClose(currentScale, possibleTargets.fill);\n        const atFit = isClose(currentScale, possibleTargets.fit);\n        const closerToFill =\n            Math.abs(currentScale - possibleTargets.fill) < Math.abs(currentScale - possibleTargets.fit);\n\n        const next = (atFill || atFit) !== closerToFill ? 'fill' : 'fit';\n        animate(controller.scale, possibleTargets[next], {\n            duration: CoreTokens['magritte-semantic-animation-time-s'].duration / 1000,\n            ease: EASE_BASE,\n        });\n        animate(controller.offsetX, 0, {\n            duration: CoreTokens['magritte-semantic-animation-time-s'].duration / 1000,\n            ease: EASE_BASE,\n        });\n        animate(controller.offsetY, 0, {\n            duration: CoreTokens['magritte-semantic-animation-time-s'].duration / 1000,\n            ease: EASE_BASE,\n        });\n    }, [controller]);\n\n    const handleTouchStart = useCallback(() => {\n        pinchingRef.current = controller.pinching;\n    }, [controller]);\n\n    const handleTouchEnd = useCallback(() => {\n        if (controller.pinching || pinchingRef.current) {\n            return;\n        }\n        const now = Date.now();\n\n        if (now - lastTapRef.current < DOUBLE_TAP_DELAY) {\n            handleDoubleTap();\n        }\n        lastTapRef.current = now;\n    }, [handleDoubleTap, controller]);\n\n    return { onTouchEnd: handleTouchEnd, onDoubleClick: handleDoubleTap, onTouchStart: handleTouchStart };\n};\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAEhB,MAAA,iBAAiB,GAAG,CAAC,UAAiC,KAA4B;AAC3F,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAC7B,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AAClC,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAEnC,IAAA,MAAM,eAAe,GAAG,WAAW,CAAC,MAAK;;AAErC,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACvB,IAAI,GAAG,GAAG,gBAAgB,CAAC,OAAO,GAAG,gBAAgB,EAAE;YACnD,OAAO;SACV;AACD,QAAA,gBAAgB,CAAC,OAAO,GAAG,GAAG,CAAC;AAE/B,QAAA,IAAI,UAAU,CAAC,QAAQ,EAAE;YACrB,OAAO;SACV;QAED,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;QAC5C,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;AAC/C,QAAA,IAAI,OAAO,KAAK,IAAI,EAAE;YAClB,OAAO;SACV;AAED,QAAA,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;AACxB,QAAA,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;AAC1B,QAAA,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;AAE1B,QAAA,MAAM,eAAe,GAAG,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QAC/D,MAAM,MAAM,GAAG,OAAO,CAAC,YAAY,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;QAC3D,MAAM,KAAK,GAAG,OAAO,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACzD,MAAM,YAAY,GACd,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,eAAe,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC;AAEjG,QAAA,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,KAAK,MAAM,YAAY,GAAG,MAAM,GAAG,KAAK,CAAC;QACjE,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE;YAC7C,QAAQ,EAAE,UAAU,CAAC,oCAAoC,CAAC,CAAC,QAAQ,GAAG,IAAI;AAC1E,YAAA,IAAI,EAAE,SAAS;AAClB,SAAA,CAAC,CAAC;AACH,QAAA,OAAO,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,EAAE;YAC3B,QAAQ,EAAE,UAAU,CAAC,oCAAoC,CAAC,CAAC,QAAQ,GAAG,IAAI;AAC1E,YAAA,IAAI,EAAE,SAAS;AAClB,SAAA,CAAC,CAAC;AACH,QAAA,OAAO,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,EAAE;YAC3B,QAAQ,EAAE,UAAU,CAAC,oCAAoC,CAAC,CAAC,QAAQ,GAAG,IAAI;AAC1E,YAAA,IAAI,EAAE,SAAS;AAClB,SAAA,CAAC,CAAC;AACP,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAEjB,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAK;AACtC,QAAA,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,QAAQ,CAAC;AAC9C,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAEjB,IAAA,MAAM,cAAc,GAAG,WAAW,CAAC,MAAK;QACpC,IAAI,UAAU,CAAC,QAAQ,IAAI,WAAW,CAAC,OAAO,EAAE;YAC5C,OAAO;SACV;AACD,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAEvB,IAAI,GAAG,GAAG,UAAU,CAAC,OAAO,GAAG,gBAAgB,EAAE;AAC7C,YAAA,eAAe,EAAE,CAAC;SACrB;AACD,QAAA,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AAC7B,KAAC,EAAE,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;AAElC,IAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAC1G;;;;"}

package/internal/hooks/useGalleryItemController.js

@@ -1,7 +1,7 @@
 import './../../index.css';
 import { useEffect } from 'react';
 import { motionValue, animate } from 'motion/react';
-import { tokenSemanticAnimationTimeMDuration } from '@hh.ru/magritte-design-tokens/types';
+import CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
 import { EASE_BASE } from '../animations.js';
 import { useInitOnce } from '../utils.js';
 
@@ -114,7 +114,7 @@ const useGalleryItemController = (globalContext, url, index, description) => {
             isFullyInvisible(controller, globalContext)
                 ? controller.scale.set(targetScale)
                 : animate(controller.scale, targetScale, {
-                    duration: tokenSemanticAnimationTimeMDuration / 1000,
+                    duration: CoreTokens['magritte-semantic-animation-time-m'].duration / 1000,
                     ease: EASE_BASE,
                 });
         }

package/internal/hooks/useGalleryItemController.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGalleryItemController.js","sources":["src/internal/hooks/useGalleryItemController.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { type MotionValue, motionValue, animate } from 'motion/react';\n\nimport { tokenSemanticAnimationTimeMDuration } from '@hh.ru/magritte-design-tokens/types';\nimport { EASE_BASE } from '@hh.ru/magritte-ui-media-viewer/internal/animations';\nimport { type MediaViewerContextValue } from '@hh.ru/magritte-ui-media-viewer/internal/context';\nimport { useInitOnce } from '@hh.ru/magritte-ui-media-viewer/internal/utils';\nimport { Size } from '@hh.ru/magritte-ui-media-viewer/public/types';\n\nconst computeFitScale = (container: Size, content: Size): number => {\n    return Math.min(container.width / content.width, container.height / content.height);\n};\n\n// fit и fill масштабы для горизонтальной и вертикальной ориентации\nexport type FitFillScales = [{ fit: number; fill: number }, { fit: number; fill: number }] | null;\n\nconst computeFitFill = (containerSize: Size | null, contentSize: Size | null): FitFillScales => {\n    if (\n        !containerSize ||\n        !contentSize ||\n        contentSize.width === 0 ||\n        contentSize.height === 0 ||\n        containerSize.width === 0 ||\n        containerSize.height === 0\n    ) {\n        return null;\n    }\n    const contentRotatedSize = { width: contentSize.height, height: contentSize.width };\n    return [\n        {\n            fit: computeFitScale(containerSize, contentSize),\n            fill: Math.max(3, 1 / computeFitScale(contentSize, containerSize)),\n        },\n        {\n            fit: computeFitScale(containerSize, contentRotatedSize),\n            fill: Math.max(3, 1 / computeFitScale(contentRotatedSize, containerSize)),\n        },\n    ];\n};\n\nconst getCurrentScaleType = (\n    controller: {\n        scale: MotionValue<number>;\n        rotation: MotionValue<number>;\n        fitFillScales: MotionValue<FitFillScales>;\n    },\n    rot?: number\n): 'fit' | 'fill' | null => {\n    const fitFill = controller.fitFillScales.get();\n    if (fitFill === null) {\n        return null;\n    }\n\n    const rotation = rot ?? controller.rotation.get();\n    const fitFillForRotation = fitFill[rotation % 2];\n    const currentScale = controller.scale.get();\n\n    if (Math.abs(currentScale - fitFillForRotation.fit) < 0.01) {\n        return 'fit';\n    }\n    if (Math.abs(currentScale - fitFillForRotation.fill) < 0.01) {\n        return 'fill';\n    }\n    return null;\n};\n\nexport interface GalleryItemController {\n    scale: MotionValue<number>;\n    rotation: MotionValue<number>;\n    offsetX: MotionValue<number>;\n    offsetY: MotionValue<number>;\n    contentSize: MotionValue<Size | null>;\n    fitFillScales: MotionValue<FitFillScales>;\n    index: MotionValue<number>;\n    pinching: boolean;\n    zoomStops: MotionValue<number[][]>;\n    url: MotionValue<string | undefined>;\n    description: MotionValue<string | undefined>;\n}\n\nexport const isFullyInvisible = (\n    controller: GalleryItemController,\n    globalContext: MediaViewerContextValue\n): boolean => {\n    const currentIndex = globalContext.currentSlideIndex.get();\n    const itemIndex = controller.index.get();\n    return itemIndex + 1 <= currentIndex || itemIndex - 1 >= currentIndex;\n};\n\nconst ZOOM_STOPS = [1, 2, 4];\n\nexport const useGalleryItemController = (\n    globalContext: MediaViewerContextValue,\n    url: string,\n    index: number,\n    description?: string\n): [(size: Size | null) => void, GalleryItemController] => {\n    const controller = useInitOnce(() => {\n        const controller: GalleryItemController = {\n            scale: motionValue(1),\n            rotation: motionValue(0),\n            offsetX: motionValue(0),\n            offsetY: motionValue(0),\n            contentSize: motionValue<Size | null>(null),\n            fitFillScales: motionValue<FitFillScales>(null),\n            index: motionValue<number>(index),\n            pinching: false,\n            zoomStops: motionValue<number[][]>([]),\n            url: motionValue<string | undefined>(url),\n            description: motionValue<string | undefined>(description),\n        };\n\n        return controller;\n    });\n\n    useEffect(() => {\n        controller.url.set(url);\n        controller.description.set(description);\n        controller.index.set(index);\n    }, [url, controller, description, index]);\n\n    const setContentSize = useInitOnce(() => (size: Size | null) => {\n        const currentSize = controller.contentSize.get();\n        if (\n            currentSize === null ||\n            size === null ||\n            currentSize.width !== size.width ||\n            currentSize.height !== size.height\n        ) {\n            controller.contentSize.set(size);\n        }\n    });\n\n    const resetTransforms = useInitOnce(() => (globalContext: MediaViewerContextValue) => {\n        if (!isFullyInvisible(controller, globalContext)) {\n            return;\n        }\n        controller.rotation.stop();\n        controller.offsetX.stop();\n        controller.offsetY.stop();\n        controller.scale.stop();\n        controller.rotation.set(0);\n        controller.offsetX.set(0);\n        controller.offsetY.set(0);\n\n        const fitFill = controller.fitFillScales.get();\n        if (fitFill === null) {\n            return;\n        }\n\n        const fit = fitFill[controller.rotation.get() % 2].fit;\n        controller.scale.set(Math.min(fit, 1));\n    });\n\n    const updateScaleOnRotation = useInitOnce(() => (globalContext: MediaViewerContextValue) => {\n        const fitFill = controller.fitFillScales.get();\n        if (fitFill === null) {\n            return;\n        }\n\n        const prevRotation = controller.rotation.get() + 1;\n        const scaleType = getCurrentScaleType(controller, prevRotation);\n        if (scaleType) {\n            const targetScale = fitFill[controller.rotation.get() % 2][scaleType];\n            controller.scale.stop();\n            // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n            isFullyInvisible(controller, globalContext)\n                ? controller.scale.set(targetScale)\n                : animate(controller.scale, targetScale, {\n                      duration: tokenSemanticAnimationTimeMDuration / 1000,\n                      ease: EASE_BASE,\n                  });\n        }\n    });\n\n    const attachController = useInitOnce(() => (globalContext: MediaViewerContextValue) => {\n        if (Math.round(globalContext.currentSlideIndex.get()) === controller.index.get()) {\n            globalContext.currentSlideController.set(controller);\n        }\n    });\n\n    useEffect(() => {\n        const updateFitFill = () => {\n            const contentSize = controller.contentSize.get();\n            const viewportDimensions = globalContext.viewPortDimensions.get();\n            const prevFitFill = controller.fitFillScales.get();\n            const scaleType = prevFitFill === null ? 'fit' : getCurrentScaleType(controller);\n            controller.fitFillScales.set(computeFitFill(viewportDimensions, contentSize));\n            const fitFill = controller.fitFillScales.get();\n            if (scaleType && fitFill) {\n                controller.scale.set(Math.min(fitFill[controller.rotation.get() % 2][scaleType], 1));\n            }\n        };\n\n        const updateZoomStops = () => {\n            const fitFill = controller.fitFillScales.get();\n            if (!fitFill) {\n                return;\n            }\n            const zoomStops: number[][] = [];\n            for (const sizeOrientation of fitFill) {\n                let stops = [...ZOOM_STOPS];\n                stops.push(sizeOrientation.fit, sizeOrientation.fill);\n                stops = [...new Set(stops.sort((a, b) => a - b))];\n                zoomStops.push(stops);\n            }\n\n            controller.zoomStops.set(zoomStops);\n        };\n\n        const subscriptions = [\n            // Обновление fit/fill при изменении размеров контента или вьюпорта\n            controller.contentSize.on('change', () => {\n                updateFitFill();\n                updateZoomStops();\n            }),\n            globalContext.viewPortDimensions.on('change', () => {\n                updateFitFill();\n                updateZoomStops();\n            }),\n\n            // Сброс трансформации при смене слайда\n            globalContext.currentSlideIndex.on('change', () => resetTransforms(globalContext)),\n            controller.index.on('change', () => resetTransforms(globalContext)),\n\n            // Обновление масштаба при изменении поворота\n            controller.rotation.on('change', () => {\n                updateScaleOnRotation(globalContext);\n                updateZoomStops();\n            }),\n\n            // Установка контроллера активного слайда в глобальный контекст\n            globalContext.currentSlideIndex.on('change', () => attachController(globalContext)),\n            controller.index.on('change', () => attachController(globalContext)),\n        ];\n\n        attachController(globalContext);\n        updateFitFill();\n        updateZoomStops();\n\n        return () => subscriptions.forEach((unsub) => unsub());\n    }, [controller, globalContext, resetTransforms, updateScaleOnRotation, attachController]);\n\n    return [setContentSize, controller] as const;\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useGalleryItemController.js","sources":["src/internal/hooks/useGalleryItemController.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { type MotionValue, motionValue, animate } from 'motion/react';\n\nimport CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';\nimport { EASE_BASE } from '@hh.ru/magritte-ui-media-viewer/internal/animations';\nimport { type MediaViewerContextValue } from '@hh.ru/magritte-ui-media-viewer/internal/context';\nimport { useInitOnce } from '@hh.ru/magritte-ui-media-viewer/internal/utils';\nimport { Size } from '@hh.ru/magritte-ui-media-viewer/public/types';\n\nconst computeFitScale = (container: Size, content: Size): number => {\n    return Math.min(container.width / content.width, container.height / content.height);\n};\n\n// fit и fill масштабы для горизонтальной и вертикальной ориентации\nexport type FitFillScales = [{ fit: number; fill: number }, { fit: number; fill: number }] | null;\n\nconst computeFitFill = (containerSize: Size | null, contentSize: Size | null): FitFillScales => {\n    if (\n        !containerSize ||\n        !contentSize ||\n        contentSize.width === 0 ||\n        contentSize.height === 0 ||\n        containerSize.width === 0 ||\n        containerSize.height === 0\n    ) {\n        return null;\n    }\n    const contentRotatedSize = { width: contentSize.height, height: contentSize.width };\n    return [\n        {\n            fit: computeFitScale(containerSize, contentSize),\n            fill: Math.max(3, 1 / computeFitScale(contentSize, containerSize)),\n        },\n        {\n            fit: computeFitScale(containerSize, contentRotatedSize),\n            fill: Math.max(3, 1 / computeFitScale(contentRotatedSize, containerSize)),\n        },\n    ];\n};\n\nconst getCurrentScaleType = (\n    controller: {\n        scale: MotionValue<number>;\n        rotation: MotionValue<number>;\n        fitFillScales: MotionValue<FitFillScales>;\n    },\n    rot?: number\n): 'fit' | 'fill' | null => {\n    const fitFill = controller.fitFillScales.get();\n    if (fitFill === null) {\n        return null;\n    }\n\n    const rotation = rot ?? controller.rotation.get();\n    const fitFillForRotation = fitFill[rotation % 2];\n    const currentScale = controller.scale.get();\n\n    if (Math.abs(currentScale - fitFillForRotation.fit) < 0.01) {\n        return 'fit';\n    }\n    if (Math.abs(currentScale - fitFillForRotation.fill) < 0.01) {\n        return 'fill';\n    }\n    return null;\n};\n\nexport interface GalleryItemController {\n    scale: MotionValue<number>;\n    rotation: MotionValue<number>;\n    offsetX: MotionValue<number>;\n    offsetY: MotionValue<number>;\n    contentSize: MotionValue<Size | null>;\n    fitFillScales: MotionValue<FitFillScales>;\n    index: MotionValue<number>;\n    pinching: boolean;\n    zoomStops: MotionValue<number[][]>;\n    url: MotionValue<string | undefined>;\n    description: MotionValue<string | undefined>;\n}\n\nexport const isFullyInvisible = (\n    controller: GalleryItemController,\n    globalContext: MediaViewerContextValue\n): boolean => {\n    const currentIndex = globalContext.currentSlideIndex.get();\n    const itemIndex = controller.index.get();\n    return itemIndex + 1 <= currentIndex || itemIndex - 1 >= currentIndex;\n};\n\nconst ZOOM_STOPS = [1, 2, 4];\n\nexport const useGalleryItemController = (\n    globalContext: MediaViewerContextValue,\n    url: string,\n    index: number,\n    description?: string\n): [(size: Size | null) => void, GalleryItemController] => {\n    const controller = useInitOnce(() => {\n        const controller: GalleryItemController = {\n            scale: motionValue(1),\n            rotation: motionValue(0),\n            offsetX: motionValue(0),\n            offsetY: motionValue(0),\n            contentSize: motionValue<Size | null>(null),\n            fitFillScales: motionValue<FitFillScales>(null),\n            index: motionValue<number>(index),\n            pinching: false,\n            zoomStops: motionValue<number[][]>([]),\n            url: motionValue<string | undefined>(url),\n            description: motionValue<string | undefined>(description),\n        };\n\n        return controller;\n    });\n\n    useEffect(() => {\n        controller.url.set(url);\n        controller.description.set(description);\n        controller.index.set(index);\n    }, [url, controller, description, index]);\n\n    const setContentSize = useInitOnce(() => (size: Size | null) => {\n        const currentSize = controller.contentSize.get();\n        if (\n            currentSize === null ||\n            size === null ||\n            currentSize.width !== size.width ||\n            currentSize.height !== size.height\n        ) {\n            controller.contentSize.set(size);\n        }\n    });\n\n    const resetTransforms = useInitOnce(() => (globalContext: MediaViewerContextValue) => {\n        if (!isFullyInvisible(controller, globalContext)) {\n            return;\n        }\n        controller.rotation.stop();\n        controller.offsetX.stop();\n        controller.offsetY.stop();\n        controller.scale.stop();\n        controller.rotation.set(0);\n        controller.offsetX.set(0);\n        controller.offsetY.set(0);\n\n        const fitFill = controller.fitFillScales.get();\n        if (fitFill === null) {\n            return;\n        }\n\n        const fit = fitFill[controller.rotation.get() % 2].fit;\n        controller.scale.set(Math.min(fit, 1));\n    });\n\n    const updateScaleOnRotation = useInitOnce(() => (globalContext: MediaViewerContextValue) => {\n        const fitFill = controller.fitFillScales.get();\n        if (fitFill === null) {\n            return;\n        }\n\n        const prevRotation = controller.rotation.get() + 1;\n        const scaleType = getCurrentScaleType(controller, prevRotation);\n        if (scaleType) {\n            const targetScale = fitFill[controller.rotation.get() % 2][scaleType];\n            controller.scale.stop();\n            // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n            isFullyInvisible(controller, globalContext)\n                ? controller.scale.set(targetScale)\n                : animate(controller.scale, targetScale, {\n                      duration: CoreTokens['magritte-semantic-animation-time-m'].duration / 1000,\n                      ease: EASE_BASE,\n                  });\n        }\n    });\n\n    const attachController = useInitOnce(() => (globalContext: MediaViewerContextValue) => {\n        if (Math.round(globalContext.currentSlideIndex.get()) === controller.index.get()) {\n            globalContext.currentSlideController.set(controller);\n        }\n    });\n\n    useEffect(() => {\n        const updateFitFill = () => {\n            const contentSize = controller.contentSize.get();\n            const viewportDimensions = globalContext.viewPortDimensions.get();\n            const prevFitFill = controller.fitFillScales.get();\n            const scaleType = prevFitFill === null ? 'fit' : getCurrentScaleType(controller);\n            controller.fitFillScales.set(computeFitFill(viewportDimensions, contentSize));\n            const fitFill = controller.fitFillScales.get();\n            if (scaleType && fitFill) {\n                controller.scale.set(Math.min(fitFill[controller.rotation.get() % 2][scaleType], 1));\n            }\n        };\n\n        const updateZoomStops = () => {\n            const fitFill = controller.fitFillScales.get();\n            if (!fitFill) {\n                return;\n            }\n            const zoomStops: number[][] = [];\n            for (const sizeOrientation of fitFill) {\n                let stops = [...ZOOM_STOPS];\n                stops.push(sizeOrientation.fit, sizeOrientation.fill);\n                stops = [...new Set(stops.sort((a, b) => a - b))];\n                zoomStops.push(stops);\n            }\n\n            controller.zoomStops.set(zoomStops);\n        };\n\n        const subscriptions = [\n            // Обновление fit/fill при изменении размеров контента или вьюпорта\n            controller.contentSize.on('change', () => {\n                updateFitFill();\n                updateZoomStops();\n            }),\n            globalContext.viewPortDimensions.on('change', () => {\n                updateFitFill();\n                updateZoomStops();\n            }),\n\n            // Сброс трансформации при смене слайда\n            globalContext.currentSlideIndex.on('change', () => resetTransforms(globalContext)),\n            controller.index.on('change', () => resetTransforms(globalContext)),\n\n            // Обновление масштаба при изменении поворота\n            controller.rotation.on('change', () => {\n                updateScaleOnRotation(globalContext);\n                updateZoomStops();\n            }),\n\n            // Установка контроллера активного слайда в глобальный контекст\n            globalContext.currentSlideIndex.on('change', () => attachController(globalContext)),\n            controller.index.on('change', () => attachController(globalContext)),\n        ];\n\n        attachController(globalContext);\n        updateFitFill();\n        updateZoomStops();\n\n        return () => subscriptions.forEach((unsub) => unsub());\n    }, [controller, globalContext, resetTransforms, updateScaleOnRotation, attachController]);\n\n    return [setContentSize, controller] as const;\n};\n"],"names":[],"mappings":"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"}

package/internal/hooks/usePan.js

@@ -3,7 +3,7 @@ import { useRef } from 'react';
 import { useDrag } from '@use-gesture/react';
 import { isScaleBiggerThanFit, getDimensionsAfterRotation, clampOffset, lerp, animateOffsetClamp } from '../utils.js';
 import 'motion/react';
-import '@hh.ru/magritte-design-tokens/types';
+import '@hh.ru/magritte-design-tokens/core-tokens';
 import '../animations.js';
 
 const usePan = (controller, dimensions) => {

package/internal/hooks/usePinchToZoom.js

@@ -3,7 +3,7 @@ import { useRef, useCallback } from 'react';
 import { usePinch } from '@use-gesture/react';
 import { calcOriginOffset, lerp, animateOffsetClamp } from '../utils.js';
 import 'motion/react';
-import '@hh.ru/magritte-design-tokens/types';
+import '@hh.ru/magritte-design-tokens/core-tokens';
 import '../animations.js';
 
 // pinch to zoom хук, сохраняет позицию точки между пальцами при зуме неподвижной

package/internal/hooks/useSwipe.js

@@ -1,7 +1,7 @@
 import './../../index.css';
 import { useDrag } from '@use-gesture/react';
 import { animate } from 'motion/react';
-import { tokenSemanticAnimationTimeMDuration } from '@hh.ru/magritte-design-tokens/types';
+import CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
 import { EASE_BASE } from '../animations.js';
 import { useMediaViewerContext } from '../context.js';
 import { isScaleBiggerThanFit, clamp } from '../utils.js';
@@ -24,7 +24,7 @@ const useSwipe = () => {
         if (state.last) {
             const targetIndex = clamp(Math.round(globalContext.currentSlideIndex.get()), 0, globalContext.totalSlides.get() - 1);
             const delta = Math.abs(globalContext.currentSlideIndex.get() - targetIndex);
-            const animationDuration = tokenSemanticAnimationTimeMDuration * delta;
+            const animationDuration = CoreTokens['magritte-semantic-animation-time-m'].duration * delta;
             animate(globalContext.currentSlideIndex, clamp(Math.round(globalContext.currentSlideIndex.get()), 0, globalContext.totalSlides.get() - 1), {
                 duration: animationDuration / 1000,
                 ease: EASE_BASE,

package/internal/hooks/useSwipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSwipe.js","sources":["src/internal/hooks/useSwipe.ts"],"sourcesContent":["import { useDrag } from '@use-gesture/react';\nimport { animate } from 'motion/react';\n\nimport { tokenSemanticAnimationTimeMDuration } from '@hh.ru/magritte-design-tokens/types';\nimport { EASE_BASE } from '@hh.ru/magritte-ui-media-viewer/internal/animations';\nimport { useMediaViewerContext } from '@hh.ru/magritte-ui-media-viewer/internal/context';\nimport { clamp, isScaleBiggerThanFit } from '@hh.ru/magritte-ui-media-viewer/internal/utils';\n\nexport const useSwipe = <T>(): ReturnType<typeof useDrag<T>> => {\n    const globalContext = useMediaViewerContext();\n\n    return useDrag<T>(\n        (state) => {\n            const controller = globalContext.currentSlideController.get();\n            if (!controller || isScaleBiggerThanFit(controller) || controller.pinching) {\n                state.cancel();\n                return;\n            }\n\n            const viewPortDimensions = globalContext.viewPortDimensions.get();\n            if (!viewPortDimensions) {\n                return;\n            }\n\n            globalContext.currentSlideIndex.set(\n                clamp(\n                    globalContext.currentSlideIndex.get() - state.delta[0] / viewPortDimensions.width,\n                    0,\n                    globalContext.totalSlides.get() - 1\n                )\n            );\n\n            if (state.last) {\n                const targetIndex = clamp(\n                    Math.round(globalContext.currentSlideIndex.get()),\n                    0,\n                    globalContext.totalSlides.get() - 1\n                );\n                const delta = Math.abs(globalContext.currentSlideIndex.get() - targetIndex);\n                const animationDuration = tokenSemanticAnimationTimeMDuration * delta;\n                animate(\n                    globalContext.currentSlideIndex,\n                    clamp(Math.round(globalContext.currentSlideIndex.get()), 0, globalContext.totalSlides.get() - 1),\n                    {\n                        duration: animationDuration / 1000,\n                        ease: EASE_BASE,\n                    }\n                );\n            }\n        },\n        {\n            from: () => [0, 0],\n            axis: 'x',\n            keyboardDisplacement: 0,\n        }\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;AAQO,MAAM,QAAQ,GAAG,MAAuC;AAC3D,IAAA,MAAM,aAAa,GAAG,qBAAqB,EAAE,CAAC;AAE9C,IAAA,OAAO,OAAO,CACV,CAAC,KAAK,KAAI;QACN,MAAM,UAAU,GAAG,aAAa,CAAC,sBAAsB,CAAC,GAAG,EAAE,CAAC;AAC9D,QAAA,IAAI,CAAC,UAAU,IAAI,oBAAoB,CAAC,UAAU,CAAC,IAAI,UAAU,CAAC,QAAQ,EAAE;YACxE,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,OAAO;SACV;QAED,MAAM,kBAAkB,GAAG,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC;QAClE,IAAI,CAAC,kBAAkB,EAAE;YACrB,OAAO;SACV;AAED,QAAA,aAAa,CAAC,iBAAiB,CAAC,GAAG,CAC/B,KAAK,CACD,aAAa,CAAC,iBAAiB,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,KAAK,EACjF,CAAC,EACD,aAAa,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,CAAC,CACtC,CACJ,CAAC;AAEF,QAAA,IAAI,KAAK,CAAC,IAAI,EAAE;YACZ,MAAM,WAAW,GAAG,KAAK,CACrB,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAAC,EACjD,CAAC,EACD,aAAa,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,CAAC,CACtC,CAAC;AACF,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,iBAAiB,CAAC,GAAG,EAAE,GAAG,WAAW,CAAC,CAAC;AAC5E,YAAA,MAAM,iBAAiB,GAAG,mCAAmC,GAAG,KAAK,CAAC;AACtE,YAAA,OAAO,CACH,aAAa,CAAC,iBAAiB,EAC/B,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EAChG;gBACI,QAAQ,EAAE,iBAAiB,GAAG,IAAI;AAClC,gBAAA,IAAI,EAAE,SAAS;AAClB,aAAA,CACJ,CAAC;SACL;AACL,KAAC,EACD;QACI,IAAI,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;AAClB,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,oBAAoB,EAAE,CAAC;AAC1B,KAAA,CACJ,CAAC;AACN;;;;"}
+{"version":3,"file":"useSwipe.js","sources":["src/internal/hooks/useSwipe.ts"],"sourcesContent":["import { useDrag } from '@use-gesture/react';\nimport { animate } from 'motion/react';\n\nimport CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';\nimport { EASE_BASE } from '@hh.ru/magritte-ui-media-viewer/internal/animations';\nimport { useMediaViewerContext } from '@hh.ru/magritte-ui-media-viewer/internal/context';\nimport { clamp, isScaleBiggerThanFit } from '@hh.ru/magritte-ui-media-viewer/internal/utils';\n\nexport const useSwipe = <T>(): ReturnType<typeof useDrag<T>> => {\n    const globalContext = useMediaViewerContext();\n\n    return useDrag<T>(\n        (state) => {\n            const controller = globalContext.currentSlideController.get();\n            if (!controller || isScaleBiggerThanFit(controller) || controller.pinching) {\n                state.cancel();\n                return;\n            }\n\n            const viewPortDimensions = globalContext.viewPortDimensions.get();\n            if (!viewPortDimensions) {\n                return;\n            }\n\n            globalContext.currentSlideIndex.set(\n                clamp(\n                    globalContext.currentSlideIndex.get() - state.delta[0] / viewPortDimensions.width,\n                    0,\n                    globalContext.totalSlides.get() - 1\n                )\n            );\n\n            if (state.last) {\n                const targetIndex = clamp(\n                    Math.round(globalContext.currentSlideIndex.get()),\n                    0,\n                    globalContext.totalSlides.get() - 1\n                );\n                const delta = Math.abs(globalContext.currentSlideIndex.get() - targetIndex);\n                const animationDuration = CoreTokens['magritte-semantic-animation-time-m'].duration * delta;\n                animate(\n                    globalContext.currentSlideIndex,\n                    clamp(Math.round(globalContext.currentSlideIndex.get()), 0, globalContext.totalSlides.get() - 1),\n                    {\n                        duration: animationDuration / 1000,\n                        ease: EASE_BASE,\n                    }\n                );\n            }\n        },\n        {\n            from: () => [0, 0],\n            axis: 'x',\n            keyboardDisplacement: 0,\n        }\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;AAQO,MAAM,QAAQ,GAAG,MAAuC;AAC3D,IAAA,MAAM,aAAa,GAAG,qBAAqB,EAAE,CAAC;AAE9C,IAAA,OAAO,OAAO,CACV,CAAC,KAAK,KAAI;QACN,MAAM,UAAU,GAAG,aAAa,CAAC,sBAAsB,CAAC,GAAG,EAAE,CAAC;AAC9D,QAAA,IAAI,CAAC,UAAU,IAAI,oBAAoB,CAAC,UAAU,CAAC,IAAI,UAAU,CAAC,QAAQ,EAAE;YACxE,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,OAAO;SACV;QAED,MAAM,kBAAkB,GAAG,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC;QAClE,IAAI,CAAC,kBAAkB,EAAE;YACrB,OAAO;SACV;AAED,QAAA,aAAa,CAAC,iBAAiB,CAAC,GAAG,CAC/B,KAAK,CACD,aAAa,CAAC,iBAAiB,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,KAAK,EACjF,CAAC,EACD,aAAa,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,CAAC,CACtC,CACJ,CAAC;AAEF,QAAA,IAAI,KAAK,CAAC,IAAI,EAAE;YACZ,MAAM,WAAW,GAAG,KAAK,CACrB,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAAC,EACjD,CAAC,EACD,aAAa,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,CAAC,CACtC,CAAC;AACF,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,iBAAiB,CAAC,GAAG,EAAE,GAAG,WAAW,CAAC,CAAC;YAC5E,MAAM,iBAAiB,GAAG,UAAU,CAAC,oCAAoC,CAAC,CAAC,QAAQ,GAAG,KAAK,CAAC;AAC5F,YAAA,OAAO,CACH,aAAa,CAAC,iBAAiB,EAC/B,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EAChG;gBACI,QAAQ,EAAE,iBAAiB,GAAG,IAAI;AAClC,gBAAA,IAAI,EAAE,SAAS;AAClB,aAAA,CACJ,CAAC;SACL;AACL,KAAC,EACD;QACI,IAAI,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;AAClB,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,oBAAoB,EAAE,CAAC;AAC1B,KAAA,CACJ,CAAC;AACN;;;;"}

package/internal/hooks/useSwipeToClose.js

@@ -2,7 +2,7 @@ import './../../index.css';
 import { useRef, useState } from 'react';
 import { useDrag } from '@use-gesture/react';
 import { animate } from 'motion/react';
-import { tokenSemanticAnimationTimeMDuration } from '@hh.ru/magritte-design-tokens/types';
+import CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
 import { EASE_BASE } from '../animations.js';
 import { isScaleBiggerThanFit, clamp } from '../utils.js';
 
@@ -35,7 +35,7 @@ const useSwipeToClose = (globalContext) => {
                         (viewPortDimensions.height / 2 +
                             (controller.contentSize.get()?.height ?? 0) / 2 +
                             PREVIEW_BAR_HEIGHT), {
-                        duration: tokenSemanticAnimationTimeMDuration / 1000,
+                        duration: CoreTokens['magritte-semantic-animation-time-m'].duration / 1000,
                         ease: EASE_BASE,
                         onComplete: () => {
                             setIsSwipeClosing(false);
@@ -46,12 +46,12 @@ const useSwipeToClose = (globalContext) => {
                 else {
                     ignoreGestureRef.current = true;
                     animate(globalContext.closeProgress, 0, {
-                        duration: tokenSemanticAnimationTimeMDuration / 1000,
+                        duration: CoreTokens['magritte-semantic-animation-time-m'].duration / 1000,
                         ease: EASE_BASE,
                         onComplete: () => setIsSwipeClosing(false),
                     });
                     animate(controller.offsetY, 0, {
-                        duration: tokenSemanticAnimationTimeMDuration / 1000,
+                        duration: CoreTokens['magritte-semantic-animation-time-m'].duration / 1000,
                         ease: EASE_BASE,
                     });
                 }

package/internal/hooks/useSwipeToClose.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSwipeToClose.js","sources":["src/internal/hooks/useSwipeToClose.ts"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { useDrag } from '@use-gesture/react';\nimport { animate } from 'motion/react';\n\nimport { tokenSemanticAnimationTimeMDuration } from '@hh.ru/magritte-design-tokens/types';\nimport { EASE_BASE } from '@hh.ru/magritte-ui-media-viewer/internal/animations';\nimport { MediaViewerContextValue } from '@hh.ru/magritte-ui-media-viewer/internal/context';\nimport { clamp, isScaleBiggerThanFit } from '@hh.ru/magritte-ui-media-viewer/internal/utils';\n\nconst PREVIEW_BAR_HEIGHT = 112;\n\nexport const useSwipeToClose = <T>(\n    globalContext: MediaViewerContextValue\n): [ReturnType<typeof useDrag<T>>, boolean] => {\n    const ignoreGestureRef = useRef<boolean>(true);\n    const startCloseProgressRef = useRef<number>(0);\n    const [isSwipeClosing, setIsSwipeClosing] = useState(false);\n\n    return [\n        useDrag<T>(\n            (state) => {\n                const controller = globalContext.currentSlideController.get();\n                if (state.first) {\n                    controller?.offsetY.stop();\n                    ignoreGestureRef.current = !controller || isScaleBiggerThanFit(controller);\n                    startCloseProgressRef.current = globalContext.closeProgress.get();\n                }\n\n                if (ignoreGestureRef.current || !controller) {\n                    return;\n                }\n\n                const viewPortDimensions = globalContext.viewPortDimensions.get();\n                if (!viewPortDimensions) {\n                    return;\n                }\n\n                setIsSwipeClosing(true);\n                globalContext.closeProgress.set(\n                    clamp(\n                        Math.abs(state.offset[1]) / (viewPortDimensions.height / 3) + startCloseProgressRef.current,\n                        0,\n                        1\n                    )\n                );\n\n                controller.offsetY.set(state.offset[1]);\n\n                if (state.last) {\n                    if (globalContext.closeProgress.get() >= 1) {\n                        animate(\n                            controller.offsetY,\n                            Math.sign(state.offset[1]) *\n                                (viewPortDimensions.height / 2 +\n                                    (controller.contentSize.get()?.height ?? 0) / 2 +\n                                    PREVIEW_BAR_HEIGHT),\n                            {\n                                duration: tokenSemanticAnimationTimeMDuration / 1000,\n                                ease: EASE_BASE,\n                                onComplete: () => {\n                                    setIsSwipeClosing(false);\n                                    globalContext.close();\n                                },\n                            }\n                        );\n                    } else {\n                        ignoreGestureRef.current = true;\n                        animate(globalContext.closeProgress, 0, {\n                            duration: tokenSemanticAnimationTimeMDuration / 1000,\n                            ease: EASE_BASE,\n                            onComplete: () => setIsSwipeClosing(false),\n                        });\n                        animate(controller.offsetY, 0, {\n                            duration: tokenSemanticAnimationTimeMDuration / 1000,\n                            ease: EASE_BASE,\n                        });\n                    }\n                }\n            },\n            {\n                from: () => [0, 0],\n                axis: 'y',\n                filterTaps: true,\n            }\n        ),\n        isSwipeClosing,\n    ];\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useSwipeToClose.js","sources":["src/internal/hooks/useSwipeToClose.ts"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { useDrag } from '@use-gesture/react';\nimport { animate } from 'motion/react';\n\nimport CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';\nimport { EASE_BASE } from '@hh.ru/magritte-ui-media-viewer/internal/animations';\nimport { MediaViewerContextValue } from '@hh.ru/magritte-ui-media-viewer/internal/context';\nimport { clamp, isScaleBiggerThanFit } from '@hh.ru/magritte-ui-media-viewer/internal/utils';\n\nconst PREVIEW_BAR_HEIGHT = 112;\n\nexport const useSwipeToClose = <T>(\n    globalContext: MediaViewerContextValue\n): [ReturnType<typeof useDrag<T>>, boolean] => {\n    const ignoreGestureRef = useRef<boolean>(true);\n    const startCloseProgressRef = useRef<number>(0);\n    const [isSwipeClosing, setIsSwipeClosing] = useState(false);\n\n    return [\n        useDrag<T>(\n            (state) => {\n                const controller = globalContext.currentSlideController.get();\n                if (state.first) {\n                    controller?.offsetY.stop();\n                    ignoreGestureRef.current = !controller || isScaleBiggerThanFit(controller);\n                    startCloseProgressRef.current = globalContext.closeProgress.get();\n                }\n\n                if (ignoreGestureRef.current || !controller) {\n                    return;\n                }\n\n                const viewPortDimensions = globalContext.viewPortDimensions.get();\n                if (!viewPortDimensions) {\n                    return;\n                }\n\n                setIsSwipeClosing(true);\n                globalContext.closeProgress.set(\n                    clamp(\n                        Math.abs(state.offset[1]) / (viewPortDimensions.height / 3) + startCloseProgressRef.current,\n                        0,\n                        1\n                    )\n                );\n\n                controller.offsetY.set(state.offset[1]);\n\n                if (state.last) {\n                    if (globalContext.closeProgress.get() >= 1) {\n                        animate(\n                            controller.offsetY,\n                            Math.sign(state.offset[1]) *\n                                (viewPortDimensions.height / 2 +\n                                    (controller.contentSize.get()?.height ?? 0) / 2 +\n                                    PREVIEW_BAR_HEIGHT),\n                            {\n                                duration: CoreTokens['magritte-semantic-animation-time-m'].duration / 1000,\n                                ease: EASE_BASE,\n                                onComplete: () => {\n                                    setIsSwipeClosing(false);\n                                    globalContext.close();\n                                },\n                            }\n                        );\n                    } else {\n                        ignoreGestureRef.current = true;\n                        animate(globalContext.closeProgress, 0, {\n                            duration: CoreTokens['magritte-semantic-animation-time-m'].duration / 1000,\n                            ease: EASE_BASE,\n                            onComplete: () => setIsSwipeClosing(false),\n                        });\n                        animate(controller.offsetY, 0, {\n                            duration: CoreTokens['magritte-semantic-animation-time-m'].duration / 1000,\n                            ease: EASE_BASE,\n                        });\n                    }\n                }\n            },\n            {\n                from: () => [0, 0],\n                axis: 'y',\n                filterTaps: true,\n            }\n        ),\n        isSwipeClosing,\n    ];\n};\n"],"names":[],"mappings":"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"}

package/internal/hooks/useTapToToggleTools.js

@@ -1,7 +1,7 @@
 import './../../index.css';
 import { useRef, useCallback, useEffect } from 'react';
 import { animate } from 'motion/react';
-import { tokenSemanticAnimationTimeMDuration } from '@hh.ru/magritte-design-tokens/types';
+import CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
 import { EASE_BASE } from '../animations.js';
 
 const DOUBLE_TAP_DELAY_MS = 300;
@@ -15,7 +15,7 @@ const useTapToToggleTools = (context) => {
     const hadTouchRef = useRef(false);
     const toggleTools = useCallback(() => {
         animate(context.hideToolsProgress, Math.round(context.hideToolsProgress.get()) === 0 ? 1 : 0, {
-            duration: tokenSemanticAnimationTimeMDuration / 1000,
+            duration: CoreTokens['magritte-semantic-animation-time-m'].duration / 1000,
             ease: EASE_BASE,
         });
     }, [context]);

package/internal/hooks/useTapToToggleTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTapToToggleTools.js","sources":["src/internal/hooks/useTapToToggleTools.ts"],"sourcesContent":["import { useRef, useCallback, type TouchEvent, type MouseEvent, useEffect } from 'react';\nimport { animate } from 'motion/react';\n\nimport { tokenSemanticAnimationTimeMDuration } from '@hh.ru/magritte-design-tokens/types';\nimport { EASE_BASE } from '@hh.ru/magritte-ui-media-viewer/internal/animations';\nimport { type MediaViewerContextValue } from '@hh.ru/magritte-ui-media-viewer/internal/context';\n\nconst DOUBLE_TAP_DELAY_MS = 300;\nconst TAP_MOVE_THRESHOLD = 10;\n\ninterface UseTapToToggleToolsResult {\n    onTouchStart: (e: TouchEvent) => void;\n    onTouchEnd: (e: TouchEvent) => void;\n    onClick: (e: MouseEvent) => void;\n}\n\nconst isInteractiveTarget = (target: EventTarget | null): boolean => {\n    return target instanceof Element && !!target.closest('[data-media-viewer-interactive]');\n};\n\nexport const useTapToToggleTools = (context: MediaViewerContextValue): UseTapToToggleToolsResult => {\n    const tapTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const touchStartRef = useRef<{ x: number; y: number; target: EventTarget | null } | null>(null);\n    const hadTouchRef = useRef<boolean>(false);\n\n    const toggleTools = useCallback(() => {\n        animate(context.hideToolsProgress, Math.round(context.hideToolsProgress.get()) === 0 ? 1 : 0, {\n            duration: tokenSemanticAnimationTimeMDuration / 1000,\n            ease: EASE_BASE,\n        });\n    }, [context]);\n\n    const onTouchStart = useCallback((event: TouchEvent) => {\n        // Помечаем что было touch-событие, чтобы игнорировать последующий click\n        hadTouchRef.current = true;\n\n        // Игнорируем multi-touch (pinch zoom)\n        if (event.touches.length !== 1) {\n            touchStartRef.current = null;\n            return;\n        }\n\n        const touch = event.touches[0];\n        touchStartRef.current = { x: touch.clientX, y: touch.clientY, target: event.target };\n    }, []);\n\n    const onTouchEnd = useCallback(\n        (event: TouchEvent) => {\n            const touchStart = touchStartRef.current;\n            touchStartRef.current = null;\n\n            // Если не было валидного touchStart или это multi-touch\n            if (!touchStart || event.changedTouches.length !== 1) {\n                return;\n            }\n\n            // Проверяем интерактивный элемент\n            if (isInteractiveTarget(touchStart.target)) {\n                return;\n            }\n\n            const touch = event.changedTouches[0];\n            const dx = touch.clientX - touchStart.x;\n            const dy = touch.clientY - touchStart.y;\n            const distance = Math.sqrt(dx * dx + dy * dy);\n\n            // Это был свайп, не тап\n            if (distance > TAP_MOVE_THRESHOLD) {\n                return;\n            }\n\n            // Это двойной тап - отменяем pending toggle\n            if (tapTimerRef.current) {\n                clearTimeout(tapTimerRef.current);\n                tapTimerRef.current = null;\n                return;\n            }\n\n            // Single tap — ждём возможный второй\n            tapTimerRef.current = setTimeout(() => {\n                tapTimerRef.current = null;\n                toggleTools();\n            }, DOUBLE_TAP_DELAY_MS);\n        },\n        [toggleTools]\n    );\n\n    const onClick = useCallback(\n        (event: MouseEvent) => {\n            // Игнорируем click после touch (браузер генерирует оба)\n            if (hadTouchRef.current) {\n                hadTouchRef.current = false;\n                return;\n            }\n\n            if (isInteractiveTarget(event.target)) {\n                return;\n            }\n\n            // Это двойной клик - отменяем pending toggle\n            if (tapTimerRef.current) {\n                clearTimeout(tapTimerRef.current);\n                tapTimerRef.current = null;\n                return;\n            }\n\n            // Single click - ждём возможный второй\n            tapTimerRef.current = setTimeout(() => {\n                tapTimerRef.current = null;\n                toggleTools();\n            }, DOUBLE_TAP_DELAY_MS);\n        },\n        [toggleTools]\n    );\n\n    useEffect(\n        () => () => {\n            tapTimerRef.current && clearTimeout(tapTimerRef.current);\n        },\n        []\n    );\n\n    return { onTouchStart, onTouchEnd, onClick };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useTapToToggleTools.js","sources":["src/internal/hooks/useTapToToggleTools.ts"],"sourcesContent":["import { useRef, useCallback, type TouchEvent, type MouseEvent, useEffect } from 'react';\nimport { animate } from 'motion/react';\n\nimport CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';\nimport { EASE_BASE } from '@hh.ru/magritte-ui-media-viewer/internal/animations';\nimport { type MediaViewerContextValue } from '@hh.ru/magritte-ui-media-viewer/internal/context';\n\nconst DOUBLE_TAP_DELAY_MS = 300;\nconst TAP_MOVE_THRESHOLD = 10;\n\ninterface UseTapToToggleToolsResult {\n    onTouchStart: (e: TouchEvent) => void;\n    onTouchEnd: (e: TouchEvent) => void;\n    onClick: (e: MouseEvent) => void;\n}\n\nconst isInteractiveTarget = (target: EventTarget | null): boolean => {\n    return target instanceof Element && !!target.closest('[data-media-viewer-interactive]');\n};\n\nexport const useTapToToggleTools = (context: MediaViewerContextValue): UseTapToToggleToolsResult => {\n    const tapTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const touchStartRef = useRef<{ x: number; y: number; target: EventTarget | null } | null>(null);\n    const hadTouchRef = useRef<boolean>(false);\n\n    const toggleTools = useCallback(() => {\n        animate(context.hideToolsProgress, Math.round(context.hideToolsProgress.get()) === 0 ? 1 : 0, {\n            duration: CoreTokens['magritte-semantic-animation-time-m'].duration / 1000,\n            ease: EASE_BASE,\n        });\n    }, [context]);\n\n    const onTouchStart = useCallback((event: TouchEvent) => {\n        // Помечаем что было touch-событие, чтобы игнорировать последующий click\n        hadTouchRef.current = true;\n\n        // Игнорируем multi-touch (pinch zoom)\n        if (event.touches.length !== 1) {\n            touchStartRef.current = null;\n            return;\n        }\n\n        const touch = event.touches[0];\n        touchStartRef.current = { x: touch.clientX, y: touch.clientY, target: event.target };\n    }, []);\n\n    const onTouchEnd = useCallback(\n        (event: TouchEvent) => {\n            const touchStart = touchStartRef.current;\n            touchStartRef.current = null;\n\n            // Если не было валидного touchStart или это multi-touch\n            if (!touchStart || event.changedTouches.length !== 1) {\n                return;\n            }\n\n            // Проверяем интерактивный элемент\n            if (isInteractiveTarget(touchStart.target)) {\n                return;\n            }\n\n            const touch = event.changedTouches[0];\n            const dx = touch.clientX - touchStart.x;\n            const dy = touch.clientY - touchStart.y;\n            const distance = Math.sqrt(dx * dx + dy * dy);\n\n            // Это был свайп, не тап\n            if (distance > TAP_MOVE_THRESHOLD) {\n                return;\n            }\n\n            // Это двойной тап - отменяем pending toggle\n            if (tapTimerRef.current) {\n                clearTimeout(tapTimerRef.current);\n                tapTimerRef.current = null;\n                return;\n            }\n\n            // Single tap — ждём возможный второй\n            tapTimerRef.current = setTimeout(() => {\n                tapTimerRef.current = null;\n                toggleTools();\n            }, DOUBLE_TAP_DELAY_MS);\n        },\n        [toggleTools]\n    );\n\n    const onClick = useCallback(\n        (event: MouseEvent) => {\n            // Игнорируем click после touch (браузер генерирует оба)\n            if (hadTouchRef.current) {\n                hadTouchRef.current = false;\n                return;\n            }\n\n            if (isInteractiveTarget(event.target)) {\n                return;\n            }\n\n            // Это двойной клик - отменяем pending toggle\n            if (tapTimerRef.current) {\n                clearTimeout(tapTimerRef.current);\n                tapTimerRef.current = null;\n                return;\n            }\n\n            // Single click - ждём возможный второй\n            tapTimerRef.current = setTimeout(() => {\n                tapTimerRef.current = null;\n                toggleTools();\n            }, DOUBLE_TAP_DELAY_MS);\n        },\n        [toggleTools]\n    );\n\n    useEffect(\n        () => () => {\n            tapTimerRef.current && clearTimeout(tapTimerRef.current);\n        },\n        []\n    );\n\n    return { onTouchStart, onTouchEnd, onClick };\n};\n"],"names":[],"mappings":";;;;;AAOA,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAChC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAQ9B,MAAM,mBAAmB,GAAG,CAAC,MAA0B,KAAa;AAChE,IAAA,OAAO,MAAM,YAAY,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,iCAAiC,CAAC,CAAC;AAC5F,CAAC,CAAC;AAEW,MAAA,mBAAmB,GAAG,CAAC,OAAgC,KAA+B;AAC/F,IAAA,MAAM,WAAW,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;AACvE,IAAA,MAAM,aAAa,GAAG,MAAM,CAA8D,IAAI,CAAC,CAAC;AAChG,IAAA,MAAM,WAAW,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;AAE3C,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;QACjC,OAAO,CAAC,OAAO,CAAC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YAC1F,QAAQ,EAAE,UAAU,CAAC,oCAAoC,CAAC,CAAC,QAAQ,GAAG,IAAI;AAC1E,YAAA,IAAI,EAAE,SAAS;AAClB,SAAA,CAAC,CAAC;AACP,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAEd,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,KAAiB,KAAI;;AAEnD,QAAA,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;;QAG3B,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;AAC5B,YAAA,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;YAC7B,OAAO;SACV;QAED,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC/B,aAAa,CAAC,OAAO,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;KACxF,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,UAAU,GAAG,WAAW,CAC1B,CAAC,KAAiB,KAAI;AAClB,QAAA,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC;AACzC,QAAA,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;;QAG7B,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;YAClD,OAAO;SACV;;AAGD,QAAA,IAAI,mBAAmB,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACxC,OAAO;SACV;QAED,MAAM,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;QACtC,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC;QACxC,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC;AACxC,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;;AAG9C,QAAA,IAAI,QAAQ,GAAG,kBAAkB,EAAE;YAC/B,OAAO;SACV;;AAGD,QAAA,IAAI,WAAW,CAAC,OAAO,EAAE;AACrB,YAAA,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AAClC,YAAA,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;YAC3B,OAAO;SACV;;AAGD,QAAA,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;AAClC,YAAA,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;AAC3B,YAAA,WAAW,EAAE,CAAC;SACjB,EAAE,mBAAmB,CAAC,CAAC;AAC5B,KAAC,EACD,CAAC,WAAW,CAAC,CAChB,CAAC;AAEF,IAAA,MAAM,OAAO,GAAG,WAAW,CACvB,CAAC,KAAiB,KAAI;;AAElB,QAAA,IAAI,WAAW,CAAC,OAAO,EAAE;AACrB,YAAA,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;YAC5B,OAAO;SACV;AAED,QAAA,IAAI,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;YACnC,OAAO;SACV;;AAGD,QAAA,IAAI,WAAW,CAAC,OAAO,EAAE;AACrB,YAAA,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AAClC,YAAA,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;YAC3B,OAAO;SACV;;AAGD,QAAA,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;AAClC,YAAA,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;AAC3B,YAAA,WAAW,EAAE,CAAC;SACjB,EAAE,mBAAmB,CAAC,CAAC;AAC5B,KAAC,EACD,CAAC,WAAW,CAAC,CAChB,CAAC;AAEF,IAAA,SAAS,CACL,MAAM,MAAK;QACP,WAAW,CAAC,OAAO,IAAI,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;KAC5D,EACD,EAAE,CACL,CAAC;AAEF,IAAA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;AACjD;;;;"}

package/internal/hooks/useVirtualization.js

@@ -2,7 +2,7 @@ import './../../index.css';
 import { useRef, useEffect, useState } from 'react';
 import { motionValue, useMotionValueEvent } from 'motion/react';
 import { useInitOnce } from '../utils.js';
-import '@hh.ru/magritte-design-tokens/types';
+import '@hh.ru/magritte-design-tokens/core-tokens';
 import '../animations.js';
 
 const calcVisibleRange = (currentIndex, batchSize) => {

package/internal/hooks/useWheelToZoom.js

@@ -2,7 +2,7 @@ import './../../index.css';
 import { useRef, useEffect } from 'react';
 import { useInitOnce, calcOriginOffset, clamp, lerp, animateOffsetClamp } from '../utils.js';
 import 'motion/react';
-import '@hh.ru/magritte-design-tokens/types';
+import '@hh.ru/magritte-design-tokens/core-tokens';
 import '../animations.js';
 
 const useWheelToZoom = (controller, dimensions) => {

package/internal/utils.js

@@ -1,7 +1,7 @@
 import './../index.css';
 import { useRef } from 'react';
 import { useMotionValueEvent, animate } from 'motion/react';
-import { tokenSemanticAnimationTimeMDuration } from '@hh.ru/magritte-design-tokens/types';
+import CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
 import { EASE_BASE } from './animations.js';
 
 const useInitOnce = (initializer) => {
@@ -72,18 +72,21 @@ const animateOffsetClamp = (controller, dimensions, anchorPoint) => {
     const clampedOffsetY = clampOffset(offset.y, sizeAfterRotation.height * scale, viewPortDimensions.height);
     if (!isClose(controller.offsetX.get(), clampedOffsetX)) {
         animate(controller.offsetX, clampedOffsetX, {
-            duration: tokenSemanticAnimationTimeMDuration / 1000,
+            duration: CoreTokens['magritte-semantic-animation-time-m'].duration / 1000,
             ease: EASE_BASE,
         });
     }
     if (!isClose(controller.offsetY.get(), clampedOffsetY)) {
         animate(controller.offsetY, clampedOffsetY, {
-            duration: tokenSemanticAnimationTimeMDuration / 1000,
+            duration: CoreTokens['magritte-semantic-animation-time-m'].duration / 1000,
             ease: EASE_BASE,
         });
     }
     if (!isClose(controller.scale.get(), scale)) {
-        animate(controller.scale, scale, { duration: tokenSemanticAnimationTimeMDuration / 1000, ease: EASE_BASE });
+        animate(controller.scale, scale, {
+            duration: CoreTokens['magritte-semantic-animation-time-m'].duration / 1000,
+            ease: EASE_BASE,
+        });
     }
 };
 const isScaleBiggerThanFit = (controller) => {