@vkontakte/vkui 6.5.2 → 6.6.0

package/dist/cssm/components/Touch/Touch.js

@@ -1,178 +1,183 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { useEventListener } from '../../hooks/useEventListener';
-import { useExternRef } from '../../hooks/useExternRef';
-import { useDOM } from '../../lib/dom';
-import { coordX, coordY, getSupportedEvents, touchEnabled } from '../../lib/touch';
-import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
+import { useStableCallback } from '../../hooks/useStableCallback';
+import { getWindow, isHTMLElement } from '../../lib/dom';
+import { coordX, coordY, touchEnabled } from '../../lib/touch';
 /**
  * @see https://vkcom.github.io/VKUI/#/Touch
- */ export const Touch = ({ onStart, onStartX, onStartY, onMove: _onMove, onMoveX, onMoveY, onLeave, onEnter, onEnd: _onEnd, onEndX, onEndY, onClickCapture, usePointerHover, slideThreshold = 5, useCapture = false, Component = 'div', getRootRef, noSlideClick = false, stopPropagation = false, ...restProps })=>{
-    const { document } = useDOM();
-    const events = React.useMemo(getSupportedEvents, []);
+ */ export const Touch = ({ onStart, onStartX, onStartY, onMove, onMoveX, onMoveY, onEnter, onLeave, onEnd, onEndX, onEndY, onClickCapture, usePointerHover, slideThreshold = 5, useCapture = false, Component = 'div', getRootRef, noSlideClick = false, stopPropagation = false, ...restProps })=>{
+    const [isTouchEnabled] = React.useState(touchEnabled);
+    const gestureRef = React.useRef(null);
     const didSlide = React.useRef(false);
-    const gesture = React.useRef(null);
-    const handle = (e, handlers)=>{
-        stopPropagation && e.stopPropagation();
-        handlers.forEach((cb)=>{
-            const duration = Date.now() - (gesture.current?.startT?.getTime() ?? 0);
-            cb && cb({
-                ...gesture.current,
-                duration,
-                originalEvent: e
-            });
-        });
-    };
-    const enterHandler = useEventListener(usePointerHover ? 'pointerenter' : 'mouseenter', onEnter);
-    const leaveHandler = useEventListener(usePointerHover ? 'pointerleave' : 'mouseleave', onLeave);
-    const startHandler = useEventListener(events[0], (e)=>{
-        gesture.current = initGesture(coordX(e), coordY(e));
-        handle(e, [
-            onStart,
-            onStartX,
-            onStartY
-        ]);
-        // 1 line, 2 bad specs, 2 workarounds:
-        subscribe(touchEnabled() ? // see: #235, #1968, https://stackoverflow.com/a/45760014
-        e.target : // if pointer goes outside container.
-        // Can be fixed by PointerEvents' setPointerCapture later
-        document);
-    }, {
-        capture: useCapture,
-        passive: false
-    });
-    const containerRef = useExternRef(getRootRef);
-    useIsomorphicLayoutEffect(()=>{
-        const el = containerRef.current;
-        if (el) {
-            enterHandler.add(el);
-            leaveHandler.add(el);
-            startHandler.add(el);
+    const disposeTargetNativeGestureEvents = React.useRef(null);
+    const cleanupTargetNativeGestureEvents = ()=>{
+        gestureRef.current = null;
+        if (disposeTargetNativeGestureEvents.current) {
+            disposeTargetNativeGestureEvents.current();
+            disposeTargetNativeGestureEvents.current = null;
         }
-    }, [
-        Component
-    ]);
-    function onMove(e) {
-        const { isPressed, isX, isY, startX = 0, startY = 0 } = gesture.current ?? {};
-        if (isPressed) {
-            const clientX = coordX(e);
-            const clientY = coordY(e);
-            // смещения
-            const shiftX = clientX - startX;
-            const shiftY = clientY - startY;
-            // абсолютные значения смещений
-            const shiftXAbs = Math.abs(shiftX);
-            const shiftYAbs = Math.abs(shiftY);
-            // Если определяем мультитач, то прерываем жест
-            if (!!e.touches && e.touches.length > 1) {
-                return onEnd(e);
-            }
-            // если мы ещё не определились
-            if (!isX && !isY) {
-                const willBeX = shiftXAbs >= slideThreshold && shiftXAbs > shiftYAbs;
-                const willBeY = shiftYAbs >= slideThreshold && shiftYAbs > shiftXAbs;
-                const willBeSlidedX = willBeX && (!!onMoveX || !!_onMove);
-                const willBeSlidedY = willBeY && (!!onMoveY || !!_onMove);
-                if (gesture.current) {
-                    Object.assign(gesture.current, {
-                        isY: willBeY,
-                        isX: willBeX,
-                        isSlideX: willBeSlidedX,
-                        isSlideY: willBeSlidedY,
-                        isSlide: willBeSlidedX || willBeSlidedY
-                    });
-                }
-            }
-            if (gesture.current?.isSlide) {
-                Object.assign(gesture.current, {
-                    clientX,
-                    clientY,
-                    shiftX,
-                    shiftY,
-                    shiftXAbs,
-                    shiftYAbs
-                });
-                handle(e, [
-                    _onMove,
-                    gesture.current.isSlideX && onMoveX,
-                    gesture.current.isSlideY && onMoveY
-                ]);
-            }
+    };
+    React.useEffect(()=>cleanupTargetNativeGestureEvents, []);
+    /**
+   * Note: используем `useStableCallback()`, чтобы не терялась область видимости `onEnd`/`onEndX`/`onEndY`.
+   */ const handleNativePointerUp = useStableCallback((event)=>{
+        const gesture = gestureRef.current;
+        /* istanbul ignore if: нужно для Typescript */ if (!gesture) {
+            return;
         }
-    }
-    function onEnd(e) {
-        const { isPressed, isSlide, isSlideX, isSlideY } = gesture.current ?? {};
-        if (isPressed) {
-            handle(e, [
-                _onEnd,
-                isSlideY && onEndY,
-                isSlideX && onEndX
-            ]);
+        if (gesture.isPressed) {
+            dispatchUserHandlers(event, gesture, [
+                onEnd,
+                onEndX,
+                onEndY
+            ], stopPropagation);
         }
-        const isTouchEnabled = touchEnabled();
-        if (isTouchEnabled && isSlide) {
+        if (isTouchEnabled) {
             // https://github.com/VKCOM/VKUI/issues/4414
             // если тач-устройство и был зафиксирован touchmove,
             // то событие клика не вызывается
-            didSlide.current = false;
+            if (gesture.isSlide) {
+                didSlide.current = false;
+            }
+            // Если это был тач-евент, симулируем отмену hover
+            if (onLeave) {
+                onLeave(event);
+            }
         } else {
-            didSlide.current = Boolean(isSlide);
+            didSlide.current = Boolean(gesture.isSlide);
+        }
+        cleanupTargetNativeGestureEvents();
+    });
+    /**
+   * Note: используем `useStableCallback()`, чтобы не терялась область видимости `onMove`/`onMoveX`/`onMoveY`.
+   */ const handleNativePointerMove = useStableCallback((event)=>{
+        const gesture = gestureRef.current;
+        /* istanbul ignore if: нужно для Typescript */ if (!gesture) {
+            return;
+        }
+        const clientX = coordX(event);
+        const clientY = coordY(event);
+        // смещения
+        const shiftX = clientX - gesture.startX;
+        const shiftY = clientY - gesture.startY;
+        // абсолютные значения смещений
+        const shiftXAbs = Math.abs(shiftX);
+        const shiftYAbs = Math.abs(shiftY);
+        // Если определяем мультитач, то прерываем жест
+        if ('touches' in event && event.touches.length > 1) {
+            return handleNativePointerUp(event);
+        }
+        // если мы ещё не определились
+        if (!gesture.isX && !gesture.isY) {
+            const willBeX = shiftXAbs >= slideThreshold && shiftXAbs > shiftYAbs;
+            const willBeY = shiftYAbs >= slideThreshold && shiftYAbs > shiftXAbs;
+            const willBeSlidedX = willBeX && (!!onMoveX || !!onMove);
+            const willBeSlidedY = willBeY && (!!onMoveY || !!onMove);
+            gesture.isY = willBeY;
+            gesture.isX = willBeX;
+            gesture.isSlideX = willBeSlidedX;
+            gesture.isSlideY = willBeSlidedY;
+            gesture.isSlide = willBeSlidedX || willBeSlidedY;
         }
-        gesture.current = {};
-        // Если это был тач-евент, симулируем отмену hover
+        if (gesture.isSlide) {
+            gesture.clientX = clientX;
+            gesture.clientY = clientY;
+            gesture.shiftX = shiftX;
+            gesture.shiftY = shiftY;
+            gesture.shiftXAbs = shiftXAbs;
+            gesture.shiftYAbs = shiftYAbs;
+            dispatchUserHandlers(event, gesture, [
+                onMove,
+                onMoveX,
+                onMoveY
+            ], stopPropagation);
+        }
+    });
+    const handlePointerDown = (event)=>{
+        const nativeEvent = event.nativeEvent;
+        gestureRef.current = initGesture(coordX(nativeEvent), coordY(nativeEvent));
+        const shouldCallDirectionHandlerOnlyIsSlide = false;
+        dispatchUserHandlers(event, gestureRef.current, [
+            onStart,
+            onStartX,
+            onStartY
+        ], stopPropagation, shouldCallDirectionHandlerOnlyIsSlide);
+        const eventOptions = {
+            capture: useCapture,
+            passive: false
+        };
+        // FIXME: заменить touch/mouse-события ниже на pointer-события после того, как бразуеры из
+        // .browserslistrc начнут поддерживать его (см. https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events#browser_compatibility).
         if (isTouchEnabled) {
-            onLeave && onLeave(e);
+            if (isHTMLElement(event.target)) {
+                // Тач-события не всплывают, поэтому навешиваем события на целевой элемент
+                // см. #235, #1968, https://stackoverflow.com/a/45760014
+                const target = event.target;
+                target.addEventListener('touchmove', handleNativePointerMove, eventOptions);
+                target.addEventListener('touchend', handleNativePointerUp, eventOptions);
+                target.addEventListener('touchcancel', handleNativePointerUp, eventOptions);
+                disposeTargetNativeGestureEvents.current = ()=>{
+                    target.removeEventListener('touchmove', handleNativePointerMove, eventOptions);
+                    target.removeEventListener('touchend', handleNativePointerUp, eventOptions);
+                    target.removeEventListener('touchcancel', handleNativePointerUp, eventOptions);
+                };
+            }
+        } else {
+            // Используем события на Document, т.к. mouse-события на целевом элементе могут теряться при
+            // выходе за границы этого элемента.
+            const doc = getWindow(event.currentTarget).document;
+            doc.addEventListener('mousemove', handleNativePointerMove, eventOptions);
+            doc.addEventListener('mouseup', handleNativePointerUp, eventOptions);
+            doc.addEventListener('mouseleave', handleNativePointerUp, eventOptions);
+            disposeTargetNativeGestureEvents.current = ()=>{
+                doc.removeEventListener('mousemove', handleNativePointerMove, eventOptions);
+                doc.removeEventListener('mouseup', handleNativePointerUp, eventOptions);
+                doc.removeEventListener('mouseleave', handleNativePointerUp, eventOptions);
+            };
         }
-        unsubscribe();
-    }
-    const listenerParams = {
-        capture: useCapture,
-        passive: false
     };
-    const listeners = [
-        useEventListener(events[1], onMove, listenerParams),
-        useEventListener(events[2], onEnd, listenerParams),
-        useEventListener(events[3], onEnd, listenerParams)
-    ];
-    function subscribe(el) {
-        if (el) {
-            listeners.forEach((l)=>l.add(el));
-        }
-    }
-    function unsubscribe() {
-        listeners.forEach((l)=>l.remove());
-    }
+    const handlePointerEnter = onEnter ? (event)=>onEnter(event.nativeEvent) : undefined;
+    const handlePointerLeave = onLeave ? (event)=>onLeave(event.nativeEvent) : undefined;
     /**
-   * Обработчик событий dragstart
    * Отменяет нативное браузерное поведение для вложенных ссылок и изображений
-   */ const onDragStart = (e)=>{
-        const target = e.target;
+   */ const handleDragStart = (event)=>{
+        const target = event.target;
         if (target.tagName === 'A' || target.tagName === 'IMG') {
-            e.preventDefault();
+            event.preventDefault();
         }
     };
     /**
-   * Обработчик клика по компоненту
    * Отменяет переход по вложенной ссылке, если был зафиксирован свайп
-   */ const postGestureClick = (e)=>{
+   */ const handleClickCapture = (event)=>{
         if (!didSlide.current) {
-            return onClickCapture && onClickCapture(e);
+            return onClickCapture && onClickCapture(event);
         }
         if (noSlideClick) {
-            e.stopPropagation();
+            event.stopPropagation();
             // https://github.com/VKCOM/VKUI/issues/1977
             // https://github.com/VKCOM/VKUI/issues/3892
-            e.preventDefault();
+            event.preventDefault();
         } else {
-            onClickCapture && onClickCapture(e);
+            onClickCapture && onClickCapture(event);
         }
         didSlide.current = false;
     };
     return /*#__PURE__*/ _jsx(Component, {
         ...restProps,
-        onDragStart: onDragStart,
-        onClickCapture: postGestureClick,
-        ref: containerRef
+        ref: getRootRef,
+        onDragStart: handleDragStart,
+        onClickCapture: handleClickCapture,
+        // onEnter
+        onPointerEnter: usePointerHover ? handlePointerEnter : undefined,
+        onMouseEnter: !usePointerHover ? handlePointerEnter : undefined,
+        // onLeave
+        onPointerLeave: usePointerHover ? handlePointerLeave : undefined,
+        onMouseLeave: !usePointerHover ? handlePointerLeave : undefined,
+        // handlePointerDown
+        onTouchStartCapture: isTouchEnabled && useCapture ? handlePointerDown : undefined,
+        onTouchStart: isTouchEnabled && !useCapture ? handlePointerDown : undefined,
+        onMouseDownCapture: !isTouchEnabled && useCapture ? handlePointerDown : undefined,
+        onMouseDown: !isTouchEnabled && !useCapture ? handlePointerDown : undefined
     });
 };
 function initGesture(startX, startY) {
@@ -195,5 +200,36 @@ function initGesture(startX, startY) {
         shiftYAbs: 0
     };
 }
+function dispatchUserHandlers(event, gesture, [handler, handlerX, handlerY], stopPropagation, shouldCallDirectionHandlerOnlyIsSlide = true) {
+    if (stopPropagation) {
+        event.stopPropagation();
+    }
+    const data = {
+        ...gesture,
+        originalEvent: event,
+        duration: Date.now() - gesture.startT.getTime()
+    };
+    if (handler) {
+        handler(data);
+    }
+    if (handlerX) {
+        if (shouldCallDirectionHandlerOnlyIsSlide) {
+            if (gesture.isSlideX) {
+                handlerX(data);
+            }
+        } else {
+            handlerX(data);
+        }
+    }
+    if (handlerY) {
+        if (shouldCallDirectionHandlerOnlyIsSlide) {
+            if (gesture.isSlideY) {
+                handlerY(data);
+            }
+        } else {
+            handlerY(data);
+        }
+    }
+}
 
 //# sourceMappingURL=Touch.js.map

package/dist/cssm/components/Touch/Touch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Touch/Touch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useDOM } from '../../lib/dom';\nimport { coordX, coordY, getSupportedEvents, touchEnabled, VKUITouchEvent } from '../../lib/touch';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasComponent, HasRootRef } from '../../types';\n\nexport interface TouchProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах\n   */\n  usePointerHover?: boolean;\n  useCapture?: boolean;\n  slideThreshold?: number;\n  noSlideClick?: boolean;\n  onEnter?: HoverHandler;\n  onLeave?: HoverHandler;\n  onStart?: TouchEventHandler;\n  onStartX?: TouchEventHandler;\n  onStartY?: TouchEventHandler;\n  onMove?: TouchEventHandler;\n  onMoveX?: TouchEventHandler;\n  onMoveY?: TouchEventHandler;\n  onEnd?: TouchEventHandler;\n  onEndX?: TouchEventHandler;\n  onEndY?: TouchEventHandler;\n  stopPropagation?: boolean;\n}\n\nexport interface Gesture {\n  startX: number;\n  startY: number;\n  startT: Date;\n  duration: number;\n  isPressed: boolean;\n  isY: boolean;\n  isX: boolean;\n  isSlideX: boolean;\n  isSlideY: boolean;\n  isSlide: boolean;\n  clientX: number;\n  clientY: number;\n  shiftX: number;\n  shiftY: number;\n  shiftXAbs: number;\n  shiftYAbs: number;\n}\n\nexport interface TouchEvent extends Gesture {\n  originalEvent: VKUITouchEvent;\n}\n\ntype HoverHandler = (outputEvent: MouseEvent) => void;\nexport type TouchEventHandler = (e: TouchEvent) => void;\nexport type ClickHandler = (e: React.MouseEvent<HTMLElement>) => void;\nexport type DragHandler = (e: React.DragEvent<HTMLElement>) => void;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Touch\n */\nexport const Touch = ({\n  onStart,\n  onStartX,\n  onStartY,\n  onMove: _onMove,\n  onMoveX,\n  onMoveY,\n  onLeave,\n  onEnter,\n  onEnd: _onEnd,\n  onEndX,\n  onEndY,\n  onClickCapture,\n  usePointerHover,\n  slideThreshold = 5,\n  useCapture = false,\n  Component = 'div',\n  getRootRef,\n  noSlideClick = false,\n  stopPropagation = false,\n  ...restProps\n}: TouchProps): React.ReactNode => {\n  const { document } = useDOM();\n  const events = React.useMemo(getSupportedEvents, []);\n  const didSlide = React.useRef(false);\n  const gesture = React.useRef<Partial<Gesture> | null>(null);\n  const handle = (e: VKUITouchEvent, handlers: Array<TouchEventHandler | undefined | false>) => {\n    stopPropagation && e.stopPropagation();\n    handlers.forEach((cb) => {\n      const duration = Date.now() - (gesture.current?.startT?.getTime() ?? 0);\n      cb && cb({ ...(gesture.current as Gesture), duration, originalEvent: e });\n    });\n  };\n\n  const enterHandler = useEventListener(usePointerHover ? 'pointerenter' : 'mouseenter', onEnter);\n  const leaveHandler = useEventListener(usePointerHover ? 'pointerleave' : 'mouseleave', onLeave);\n  const startHandler = useEventListener(\n    events[0],\n    (e: VKUITouchEvent) => {\n      gesture.current = initGesture(coordX(e), coordY(e));\n\n      handle(e, [onStart, onStartX, onStartY]);\n      // 1 line, 2 bad specs, 2 workarounds:\n      subscribe(\n        touchEnabled()\n          ? // Touch events fire on initial target, and won't bubble if its removed\n            // see: #235, #1968, https://stackoverflow.com/a/45760014\n            (e.target as HTMLElement)\n          : // Mouse events fire on the element under pointer, so we lose move / end\n            // if pointer goes outside container.\n            // Can be fixed by PointerEvents' setPointerCapture later\n            document,\n      );\n    },\n    { capture: useCapture, passive: false },\n  );\n  const containerRef = useExternRef(getRootRef);\n\n  useIsomorphicLayoutEffect(() => {\n    const el = containerRef.current;\n    if (el) {\n      enterHandler.add(el);\n      leaveHandler.add(el);\n      startHandler.add(el);\n    }\n  }, [Component]);\n\n  function onMove(e: VKUITouchEvent) {\n    const { isPressed, isX, isY, startX = 0, startY = 0 } = gesture.current ?? {};\n\n    if (isPressed) {\n      const clientX = coordX(e);\n      const clientY = coordY(e);\n\n      // смещения\n      const shiftX = clientX - startX;\n      const shiftY = clientY - startY;\n\n      // абсолютные значения смещений\n      const shiftXAbs = Math.abs(shiftX);\n      const shiftYAbs = Math.abs(shiftY);\n\n      // Если определяем мультитач, то прерываем жест\n      if (!!e.touches && e.touches.length > 1) {\n        return onEnd(e);\n      }\n\n      // если мы ещё не определились\n      if (!isX && !isY) {\n        const willBeX = shiftXAbs >= slideThreshold && shiftXAbs > shiftYAbs;\n        const willBeY = shiftYAbs >= slideThreshold && shiftYAbs > shiftXAbs;\n        const willBeSlidedX = willBeX && (!!onMoveX || !!_onMove);\n        const willBeSlidedY = willBeY && (!!onMoveY || !!_onMove);\n\n        if (gesture.current) {\n          Object.assign(gesture.current, {\n            isY: willBeY,\n            isX: willBeX,\n            isSlideX: willBeSlidedX,\n            isSlideY: willBeSlidedY,\n            isSlide: willBeSlidedX || willBeSlidedY,\n          });\n        }\n      }\n\n      if (gesture.current?.isSlide) {\n        Object.assign(gesture.current, {\n          clientX,\n          clientY,\n          shiftX,\n          shiftY,\n          shiftXAbs,\n          shiftYAbs,\n        });\n\n        handle(e, [\n          _onMove,\n          gesture.current.isSlideX && onMoveX,\n          gesture.current.isSlideY && onMoveY,\n        ]);\n      }\n    }\n  }\n\n  function onEnd(e: VKUITouchEvent) {\n    const { isPressed, isSlide, isSlideX, isSlideY } = gesture.current ?? {};\n\n    if (isPressed) {\n      handle(e, [_onEnd, isSlideY && onEndY, isSlideX && onEndX]);\n    }\n\n    const isTouchEnabled = touchEnabled();\n\n    if (isTouchEnabled && isSlide) {\n      // https://github.com/VKCOM/VKUI/issues/4414\n      // если тач-устройство и был зафиксирован touchmove,\n      // то событие клика не вызывается\n      didSlide.current = false;\n    } else {\n      didSlide.current = Boolean(isSlide);\n    }\n    gesture.current = {};\n\n    // Если это был тач-евент, симулируем отмену hover\n    if (isTouchEnabled) {\n      onLeave && onLeave(e);\n    }\n    unsubscribe();\n  }\n\n  const listenerParams = { capture: useCapture, passive: false };\n  const listeners = [\n    useEventListener(events[1], onMove, listenerParams),\n    useEventListener(events[2], onEnd, listenerParams),\n    useEventListener(events[3], onEnd, listenerParams),\n  ];\n  function subscribe(el: HTMLElement | Document | null | undefined) {\n    if (el) {\n      listeners.forEach((l) => l.add(el));\n    }\n  }\n  function unsubscribe() {\n    listeners.forEach((l) => l.remove());\n  }\n\n  /**\n   * Обработчик событий dragstart\n   * Отменяет нативное браузерное поведение для вложенных ссылок и изображений\n   */\n  const onDragStart = (e: React.DragEvent<HTMLElement>) => {\n    const target = e.target as HTMLElement;\n    if (target.tagName === 'A' || target.tagName === 'IMG') {\n      e.preventDefault();\n    }\n  };\n\n  /**\n   * Обработчик клика по компоненту\n   * Отменяет переход по вложенной ссылке, если был зафиксирован свайп\n   */\n  const postGestureClick: typeof onClickCapture = (e) => {\n    if (!didSlide.current) {\n      return onClickCapture && onClickCapture(e);\n    }\n\n    if (noSlideClick) {\n      e.stopPropagation();\n\n      // https://github.com/VKCOM/VKUI/issues/1977\n      // https://github.com/VKCOM/VKUI/issues/3892\n      e.preventDefault();\n    } else {\n      onClickCapture && onClickCapture(e);\n    }\n\n    didSlide.current = false;\n  };\n\n  return (\n    <Component\n      {...restProps}\n      onDragStart={onDragStart}\n      onClickCapture={postGestureClick}\n      ref={containerRef}\n    />\n  );\n};\n\nfunction initGesture(startX: number, startY: number): Gesture {\n  return {\n    startX,\n    startY,\n    startT: new Date(),\n    duration: 0,\n    isPressed: true,\n    isY: false,\n    isX: false,\n    isSlideX: false,\n    isSlideY: false,\n    isSlide: false,\n    clientX: 0,\n    clientY: 0,\n    shiftX: 0,\n    shiftY: 0,\n    shiftXAbs: 0,\n    shiftYAbs: 0,\n  };\n}\n"],"names":["React","useEventListener","useExternRef","useDOM","coordX","coordY","getSupportedEvents","touchEnabled","useIsomorphicLayoutEffect","Touch","onStart","onStartX","onStartY","onMove","_onMove","onMoveX","onMoveY","onLeave","onEnter","onEnd","_onEnd","onEndX","onEndY","onClickCapture","usePointerHover","slideThreshold","useCapture","Component","getRootRef","noSlideClick","stopPropagation","restProps","document","events","useMemo","didSlide","useRef","gesture","handle","e","handlers","forEach","cb","duration","Date","now","current","startT","getTime","originalEvent","enterHandler","leaveHandler","startHandler","initGesture","subscribe","target","capture","passive","containerRef","el","add","isPressed","isX","isY","startX","startY","clientX","clientY","shiftX","shiftY","shiftXAbs","Math","abs","shiftYAbs","touches","length","willBeX","willBeY","willBeSlidedX","willBeSlidedY","Object","assign","isSlideX","isSlideY","isSlide","isTouchEnabled","Boolean","unsubscribe","listenerParams","listeners","l","remove","onDragStart","tagName","preventDefault","postGestureClick","ref"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Touch/Touch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useStableCallback } from '../../hooks/useStableCallback';\nimport { getWindow, isHTMLElement } from '../../lib/dom';\nimport { coordX, coordY, touchEnabled, type VKUITouchEvent } from '../../lib/touch';\nimport type { HasComponent, HasRootRef } from '../../types';\n\nexport interface CustomTouchEvent extends Gesture {\n  originalEvent: VKUITouchEvent;\n}\n\nexport type HoverHandler = (outputEvent: MouseEvent) => void;\n\nexport type CustomTouchEventHandler = (event: CustomTouchEvent) => void;\n\nexport interface TouchProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах\n   */\n  usePointerHover?: boolean;\n  useCapture?: boolean;\n  slideThreshold?: number;\n  noSlideClick?: boolean;\n  onEnter?: HoverHandler; // TODO [>=7] Заменить типы события в VKUITouchEvent на события из React\n  onLeave?: HoverHandler;\n  onStart?: CustomTouchEventHandler; // TODO [>=7] Заменить типы события в VKUITouchEvent на события из React\n  onStartX?: CustomTouchEventHandler; // TODO [>=7] Заменить типы события в VKUITouchEvent на события из React\n  onStartY?: CustomTouchEventHandler; // TODO [>=7] Заменить типы события в VKUITouchEvent на события из React\n  onMove?: CustomTouchEventHandler;\n  onMoveX?: CustomTouchEventHandler;\n  onMoveY?: CustomTouchEventHandler;\n  onEnd?: CustomTouchEventHandler;\n  onEndX?: CustomTouchEventHandler;\n  onEndY?: CustomTouchEventHandler;\n  stopPropagation?: boolean;\n}\n\nexport interface Gesture {\n  startX: number;\n  startY: number;\n  startT: Date;\n  duration: number;\n  isPressed: boolean;\n  isY: boolean;\n  isX: boolean;\n  isSlideX: boolean;\n  isSlideY: boolean;\n  isSlide: boolean;\n  clientX: number;\n  clientY: number;\n  shiftX: number;\n  shiftY: number;\n  shiftXAbs: number;\n  shiftYAbs: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Touch\n */\nexport const Touch = ({\n  onStart,\n  onStartX,\n  onStartY,\n  onMove,\n  onMoveX,\n  onMoveY,\n  onEnter,\n  onLeave,\n  onEnd,\n  onEndX,\n  onEndY,\n  onClickCapture,\n  usePointerHover,\n  slideThreshold = 5,\n  useCapture = false,\n  Component = 'div',\n  getRootRef,\n  noSlideClick = false,\n  stopPropagation = false,\n  ...restProps\n}: TouchProps) => {\n  const [isTouchEnabled] = React.useState(touchEnabled);\n  const gestureRef = React.useRef<Gesture | null>(null);\n  const didSlide = React.useRef(false);\n  const disposeTargetNativeGestureEvents = React.useRef<VoidFunction | null>(null);\n\n  const cleanupTargetNativeGestureEvents = () => {\n    gestureRef.current = null;\n    if (disposeTargetNativeGestureEvents.current) {\n      disposeTargetNativeGestureEvents.current();\n      disposeTargetNativeGestureEvents.current = null;\n    }\n  };\n\n  React.useEffect(() => cleanupTargetNativeGestureEvents, []);\n\n  /**\n   * Note: используем `useStableCallback()`, чтобы не терялась область видимости `onEnd`/`onEndX`/`onEndY`.\n   */\n  const handleNativePointerUp = useStableCallback((event: MouseEvent | TouchEvent) => {\n    const gesture = gestureRef.current;\n\n    /* istanbul ignore if: нужно для Typescript */\n    if (!gesture) {\n      return;\n    }\n\n    if (gesture.isPressed) {\n      dispatchUserHandlers(event, gesture, [onEnd, onEndX, onEndY], stopPropagation);\n    }\n\n    if (isTouchEnabled) {\n      // https://github.com/VKCOM/VKUI/issues/4414\n      // если тач-устройство и был зафиксирован touchmove,\n      // то событие клика не вызывается\n      if (gesture.isSlide) {\n        didSlide.current = false;\n      }\n      // Если это был тач-евент, симулируем отмену hover\n      if (onLeave) {\n        onLeave(event as MouseEvent);\n      }\n    } else {\n      didSlide.current = Boolean(gesture.isSlide);\n    }\n\n    cleanupTargetNativeGestureEvents();\n  });\n\n  /**\n   * Note: используем `useStableCallback()`, чтобы не терялась область видимости `onMove`/`onMoveX`/`onMoveY`.\n   */\n  const handleNativePointerMove = useStableCallback((event: MouseEvent | TouchEvent) => {\n    const gesture = gestureRef.current;\n\n    /* istanbul ignore if: нужно для Typescript */\n    if (!gesture) {\n      return;\n    }\n\n    const clientX = coordX(event);\n    const clientY = coordY(event);\n\n    // смещения\n    const shiftX = clientX - gesture.startX;\n    const shiftY = clientY - gesture.startY;\n\n    // абсолютные значения смещений\n    const shiftXAbs = Math.abs(shiftX);\n    const shiftYAbs = Math.abs(shiftY);\n\n    // Если определяем мультитач, то прерываем жест\n    if ('touches' in event && event.touches.length > 1) {\n      return handleNativePointerUp(event);\n    }\n\n    // если мы ещё не определились\n    if (!gesture.isX && !gesture.isY) {\n      const willBeX = shiftXAbs >= slideThreshold && shiftXAbs > shiftYAbs;\n      const willBeY = shiftYAbs >= slideThreshold && shiftYAbs > shiftXAbs;\n      const willBeSlidedX = willBeX && (!!onMoveX || !!onMove);\n      const willBeSlidedY = willBeY && (!!onMoveY || !!onMove);\n\n      gesture.isY = willBeY;\n      gesture.isX = willBeX;\n      gesture.isSlideX = willBeSlidedX;\n      gesture.isSlideY = willBeSlidedY;\n      gesture.isSlide = willBeSlidedX || willBeSlidedY;\n    }\n\n    if (gesture.isSlide) {\n      gesture.clientX = clientX;\n      gesture.clientY = clientY;\n      gesture.shiftX = shiftX;\n      gesture.shiftY = shiftY;\n      gesture.shiftXAbs = shiftXAbs;\n      gesture.shiftYAbs = shiftYAbs;\n\n      dispatchUserHandlers(event, gesture, [onMove, onMoveX, onMoveY], stopPropagation);\n    }\n  });\n\n  const handlePointerDown = (\n    event: React.MouseEvent<HTMLElement> | React.TouchEvent<HTMLElement>,\n  ) => {\n    const nativeEvent = event.nativeEvent;\n\n    gestureRef.current = initGesture(coordX(nativeEvent), coordY(nativeEvent));\n\n    const shouldCallDirectionHandlerOnlyIsSlide = false;\n    dispatchUserHandlers(\n      event,\n      gestureRef.current,\n      [onStart, onStartX, onStartY],\n      stopPropagation,\n      shouldCallDirectionHandlerOnlyIsSlide,\n    );\n\n    const eventOptions = { capture: useCapture, passive: false };\n\n    // FIXME: заменить touch/mouse-события ниже на pointer-события после того, как бразуеры из\n    // .browserslistrc начнут поддерживать его (см. https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events#browser_compatibility).\n    if (isTouchEnabled) {\n      if (isHTMLElement(event.target)) {\n        // Тач-события не всплывают, поэтому навешиваем события на целевой элемент\n        // см. #235, #1968, https://stackoverflow.com/a/45760014\n        const target = event.target;\n\n        target.addEventListener('touchmove', handleNativePointerMove, eventOptions);\n        target.addEventListener('touchend', handleNativePointerUp, eventOptions);\n        target.addEventListener('touchcancel', handleNativePointerUp, eventOptions);\n\n        disposeTargetNativeGestureEvents.current = () => {\n          target.removeEventListener('touchmove', handleNativePointerMove, eventOptions);\n          target.removeEventListener('touchend', handleNativePointerUp, eventOptions);\n          target.removeEventListener('touchcancel', handleNativePointerUp, eventOptions);\n        };\n      }\n    } else {\n      // Используем события на Document, т.к. mouse-события на целевом элементе могут теряться при\n      // выходе за границы этого элемента.\n      const doc = getWindow(event.currentTarget).document;\n\n      doc.addEventListener('mousemove', handleNativePointerMove, eventOptions);\n      doc.addEventListener('mouseup', handleNativePointerUp, eventOptions);\n      doc.addEventListener('mouseleave', handleNativePointerUp, eventOptions);\n\n      disposeTargetNativeGestureEvents.current = () => {\n        doc.removeEventListener('mousemove', handleNativePointerMove, eventOptions);\n        doc.removeEventListener('mouseup', handleNativePointerUp, eventOptions);\n        doc.removeEventListener('mouseleave', handleNativePointerUp, eventOptions);\n      };\n    }\n  };\n\n  const handlePointerEnter = onEnter\n    ? (event: React.MouseEvent<HTMLElement>) => onEnter(event.nativeEvent)\n    : undefined;\n\n  const handlePointerLeave = onLeave\n    ? (event: React.MouseEvent<HTMLElement>) => onLeave(event.nativeEvent)\n    : undefined;\n\n  /**\n   * Отменяет нативное браузерное поведение для вложенных ссылок и изображений\n   */\n  const handleDragStart = (event: React.DragEvent<HTMLElement>) => {\n    const target = event.target as HTMLElement;\n    if (target.tagName === 'A' || target.tagName === 'IMG') {\n      event.preventDefault();\n    }\n  };\n\n  /**\n   * Отменяет переход по вложенной ссылке, если был зафиксирован свайп\n   */\n  const handleClickCapture: typeof onClickCapture = (event) => {\n    if (!didSlide.current) {\n      return onClickCapture && onClickCapture(event);\n    }\n\n    if (noSlideClick) {\n      event.stopPropagation();\n\n      // https://github.com/VKCOM/VKUI/issues/1977\n      // https://github.com/VKCOM/VKUI/issues/3892\n      event.preventDefault();\n    } else {\n      onClickCapture && onClickCapture(event);\n    }\n\n    didSlide.current = false;\n  };\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      onDragStart={handleDragStart}\n      onClickCapture={handleClickCapture}\n      // onEnter\n      onPointerEnter={usePointerHover ? handlePointerEnter : undefined}\n      onMouseEnter={!usePointerHover ? handlePointerEnter : undefined}\n      // onLeave\n      onPointerLeave={usePointerHover ? handlePointerLeave : undefined}\n      onMouseLeave={!usePointerHover ? handlePointerLeave : undefined}\n      // handlePointerDown\n      onTouchStartCapture={isTouchEnabled && useCapture ? handlePointerDown : undefined}\n      onTouchStart={isTouchEnabled && !useCapture ? handlePointerDown : undefined}\n      onMouseDownCapture={!isTouchEnabled && useCapture ? handlePointerDown : undefined}\n      onMouseDown={!isTouchEnabled && !useCapture ? handlePointerDown : undefined}\n    />\n  );\n};\n\nfunction initGesture(startX: number, startY: number): Gesture {\n  return {\n    startX,\n    startY,\n    startT: new Date(),\n    duration: 0,\n    isPressed: true,\n    isY: false,\n    isX: false,\n    isSlideX: false,\n    isSlideY: false,\n    isSlide: false,\n    clientX: 0,\n    clientY: 0,\n    shiftX: 0,\n    shiftY: 0,\n    shiftXAbs: 0,\n    shiftYAbs: 0,\n  };\n}\n\ntype Handlers = [\n  CustomTouchEventHandler | undefined,\n  CustomTouchEventHandler | undefined,\n  CustomTouchEventHandler | undefined,\n];\n\nfunction dispatchUserHandlers(\n  event: MouseEvent | TouchEvent | React.MouseEvent | React.TouchEvent,\n  gesture: Gesture,\n  [handler, handlerX, handlerY]: Handlers,\n  stopPropagation?: boolean,\n  shouldCallDirectionHandlerOnlyIsSlide = true,\n) {\n  if (stopPropagation) {\n    event.stopPropagation();\n  }\n\n  const data = {\n    ...gesture,\n    originalEvent: event as unknown as VKUITouchEvent,\n    duration: Date.now() - gesture.startT.getTime(),\n  };\n\n  if (handler) {\n    handler(data);\n  }\n\n  if (handlerX) {\n    if (shouldCallDirectionHandlerOnlyIsSlide) {\n      if (gesture.isSlideX) {\n        handlerX(data);\n      }\n    } else {\n      handlerX(data);\n    }\n  }\n\n  if (handlerY) {\n    if (shouldCallDirectionHandlerOnlyIsSlide) {\n      if (gesture.isSlideY) {\n        handlerY(data);\n      }\n    } else {\n      handlerY(data);\n    }\n  }\n}\n"],"names":["React","useStableCallback","getWindow","isHTMLElement","coordX","coordY","touchEnabled","Touch","onStart","onStartX","onStartY","onMove","onMoveX","onMoveY","onEnter","onLeave","onEnd","onEndX","onEndY","onClickCapture","usePointerHover","slideThreshold","useCapture","Component","getRootRef","noSlideClick","stopPropagation","restProps","isTouchEnabled","useState","gestureRef","useRef","didSlide","disposeTargetNativeGestureEvents","cleanupTargetNativeGestureEvents","current","useEffect","handleNativePointerUp","event","gesture","isPressed","dispatchUserHandlers","isSlide","Boolean","handleNativePointerMove","clientX","clientY","shiftX","startX","shiftY","startY","shiftXAbs","Math","abs","shiftYAbs","touches","length","isX","isY","willBeX","willBeY","willBeSlidedX","willBeSlidedY","isSlideX","isSlideY","handlePointerDown","nativeEvent","initGesture","shouldCallDirectionHandlerOnlyIsSlide","eventOptions","capture","passive","target","addEventListener","removeEventListener","doc","currentTarget","document","handlePointerEnter","undefined","handlePointerLeave","handleDragStart","tagName","preventDefault","handleClickCapture","ref","onDragStart","onPointerEnter","onMouseEnter","onPointerLeave","onMouseLeave","onTouchStartCapture","onTouchStart","onMouseDownCapture","onMouseDown","startT","Date","duration","handler","handlerX","handlerY","data","originalEvent","now","getTime"],"mappings":"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"}

package/dist/cssm/components/Typography/Caption/Caption.d.ts

@@ -1,4 +1,4 @@
-import { HasCaps, TypographyProps } from '../Typography';
+import { type HasCaps, type TypographyProps } from '../Typography';
 export interface CaptionProps extends TypographyProps, HasCaps {
     level?: '1' | '2' | '3';
 }

package/dist/cssm/components/Typography/Caption/Caption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Caption.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AASrE,MAAM,WAAW,YAAa,SAAQ,eAAe,EAAE,OAAO;IAC5D,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CACzB;AAED;;;;GAIG;AACH,eAAO,MAAM,OAAO,2EAQjB,YAAY,KAAG,KAAK,CAAC,SAUvB,CAAC"}
+{"version":3,"file":"Caption.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAS/E,MAAM,WAAW,YAAa,SAAQ,eAAe,EAAE,OAAO;IAC5D,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CACzB;AAED;;;;GAIG;AACH,eAAO,MAAM,OAAO,2EAQjB,YAAY,KAAG,KAAK,CAAC,SAUvB,CAAC"}

package/dist/cssm/components/Typography/Caption/Caption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { HasCaps, Typography, TypographyProps } from '../Typography';\nimport styles from './Caption.module.css';\n\nconst stylesLevel = {\n  '1': styles['Caption--level-1'],\n  '2': styles['Caption--level-2'],\n  '3': styles['Caption--level-3'],\n};\n\nexport interface CaptionProps extends TypographyProps, HasCaps {\n  level?: '1' | '2' | '3';\n}\n\n/**\n * Используется для мелких подписей.\n *\n * @see https://vkcom.github.io/VKUI/#/Caption\n */\nexport const Caption = ({\n  className,\n  level = '1',\n  caps,\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: CaptionProps): React.ReactNode => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(className, caps && styles['Caption--caps'], stylesLevel[level])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Typography","styles","stylesLevel","Caption","className","level","caps","Component","normalize","inline","restProps"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAAkBC,UAAU,QAAyB,gBAAgB;AACrE,OAAOC,YAAY,uBAAuB;AAE1C,MAAMC,cAAc;IAClB,KAAKD,MAAM,CAAC,mBAAmB;IAC/B,KAAKA,MAAM,CAAC,mBAAmB;IAC/B,KAAKA,MAAM,CAAC,mBAAmB;AACjC;AAMA;;;;CAIC,GACD,OAAO,MAAME,UAAU,CAAC,EACtBC,SAAS,EACTC,QAAQ,GAAG,EACXC,IAAI,EACJC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACU;IACb,qBACE,KAACV;QACCO,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRL,WAAWL,WAAWK,WAAWE,QAAQL,MAAM,CAAC,gBAAgB,EAAEC,WAAW,CAACG,MAAM;QACnF,GAAGK,SAAS;;AAGnB,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { type HasCaps, Typography, type TypographyProps } from '../Typography';\nimport styles from './Caption.module.css';\n\nconst stylesLevel = {\n  '1': styles['Caption--level-1'],\n  '2': styles['Caption--level-2'],\n  '3': styles['Caption--level-3'],\n};\n\nexport interface CaptionProps extends TypographyProps, HasCaps {\n  level?: '1' | '2' | '3';\n}\n\n/**\n * Используется для мелких подписей.\n *\n * @see https://vkcom.github.io/VKUI/#/Caption\n */\nexport const Caption = ({\n  className,\n  level = '1',\n  caps,\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: CaptionProps): React.ReactNode => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(className, caps && styles['Caption--caps'], stylesLevel[level])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Typography","styles","stylesLevel","Caption","className","level","caps","Component","normalize","inline","restProps"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAAuBC,UAAU,QAA8B,gBAAgB;AAC/E,OAAOC,YAAY,uBAAuB;AAE1C,MAAMC,cAAc;IAClB,KAAKD,MAAM,CAAC,mBAAmB;IAC/B,KAAKA,MAAM,CAAC,mBAAmB;IAC/B,KAAKA,MAAM,CAAC,mBAAmB;AACjC;AAMA;;;;CAIC,GACD,OAAO,MAAME,UAAU,CAAC,EACtBC,SAAS,EACTC,QAAQ,GAAG,EACXC,IAAI,EACJC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACU;IACb,qBACE,KAACV;QACCO,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRL,WAAWL,WAAWK,WAAWE,QAAQL,MAAM,CAAC,gBAAgB,EAAEC,WAAW,CAACG,MAAM;QACnF,GAAGK,SAAS;;AAGnB,EAAE"}

package/dist/cssm/components/Typography/DisplayTitle/DisplayTitle.d.ts

@@ -1,4 +1,4 @@
-import { TypographyProps } from '../Typography';
+import { type TypographyProps } from '../Typography';
 export interface DisplayTitleProps extends TypographyProps {
     level?: '1' | '2' | '3' | '4';
 }

package/dist/cssm/components/Typography/DisplayTitle/DisplayTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayTitle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/DisplayTitle/DisplayTitle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAU5D,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CAC/B;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,qEAOtB,iBAAiB,KAAG,KAAK,CAAC,SAU5B,CAAC"}
+{"version":3,"file":"DisplayTitle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/DisplayTitle/DisplayTitle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAUjE,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CAC/B;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,qEAOtB,iBAAiB,KAAG,KAAK,CAAC,SAU5B,CAAC"}

package/dist/cssm/components/Typography/DisplayTitle/DisplayTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/DisplayTitle/DisplayTitle.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './DisplayTitle.module.css';\n\nconst stylesLevel = {\n  '1': styles['DisplayTitle--level-1'],\n  '2': styles['DisplayTitle--level-2'],\n  '3': styles['DisplayTitle--level-3'],\n  '4': styles['DisplayTitle--level-4'],\n};\n\nexport interface DisplayTitleProps extends TypographyProps {\n  level?: '1' | '2' | '3' | '4';\n}\n\n/**\n * Используется для крупных заголовков.\n *\n * @see https://vkcom.github.io/VKUI/#/DisplayTitle\n */\nexport const DisplayTitle = ({\n  className,\n  level = '1',\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: DisplayTitleProps): React.ReactNode => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(className, stylesLevel[level])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Typography","styles","stylesLevel","DisplayTitle","className","level","Component","normalize","inline","restProps"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,4BAA4B;AAE/C,MAAMC,cAAc;IAClB,KAAKD,MAAM,CAAC,wBAAwB;IACpC,KAAKA,MAAM,CAAC,wBAAwB;IACpC,KAAKA,MAAM,CAAC,wBAAwB;IACpC,KAAKA,MAAM,CAAC,wBAAwB;AACtC;AAMA;;;;CAIC,GACD,OAAO,MAAME,eAAe,CAAC,EAC3BC,SAAS,EACTC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACe;IAClB,qBACE,KAACT;QACCM,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWL,WAAWK,WAAWF,WAAW,CAACG,MAAM;QAClD,GAAGI,SAAS;;AAGnB,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Typography/DisplayTitle/DisplayTitle.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { Typography, type TypographyProps } from '../Typography';\nimport styles from './DisplayTitle.module.css';\n\nconst stylesLevel = {\n  '1': styles['DisplayTitle--level-1'],\n  '2': styles['DisplayTitle--level-2'],\n  '3': styles['DisplayTitle--level-3'],\n  '4': styles['DisplayTitle--level-4'],\n};\n\nexport interface DisplayTitleProps extends TypographyProps {\n  level?: '1' | '2' | '3' | '4';\n}\n\n/**\n * Используется для крупных заголовков.\n *\n * @see https://vkcom.github.io/VKUI/#/DisplayTitle\n */\nexport const DisplayTitle = ({\n  className,\n  level = '1',\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: DisplayTitleProps): React.ReactNode => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(className, stylesLevel[level])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Typography","styles","stylesLevel","DisplayTitle","className","level","Component","normalize","inline","restProps"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAA8B,gBAAgB;AACjE,OAAOC,YAAY,4BAA4B;AAE/C,MAAMC,cAAc;IAClB,KAAKD,MAAM,CAAC,wBAAwB;IACpC,KAAKA,MAAM,CAAC,wBAAwB;IACpC,KAAKA,MAAM,CAAC,wBAAwB;IACpC,KAAKA,MAAM,CAAC,wBAAwB;AACtC;AAMA;;;;CAIC,GACD,OAAO,MAAME,eAAe,CAAC,EAC3BC,SAAS,EACTC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACe;IAClB,qBACE,KAACT;QACCM,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWL,WAAWK,WAAWF,WAAW,CAACG,MAAM;QAClD,GAAGI,SAAS;;AAGnB,EAAE"}

package/dist/cssm/components/Typography/EllipsisText/EllipsisText.d.ts

@@ -1,5 +1,5 @@
-import { HasRootRef } from '../../../types';
-import { RootComponentProps } from '../../RootComponent/RootComponent';
+import type { HasRootRef } from '../../../types';
+import type { RootComponentProps } from '../../RootComponent/RootComponent';
 export interface EllipsisTextProps extends RootComponentProps<HTMLElement>, HasRootRef<HTMLElement> {
     /**
      * Пользовательская маскимальная ширина.

package/dist/cssm/components/Typography/EllipsisText/EllipsisText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EllipsisText.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/EllipsisText/EllipsisText.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAGvE,MAAM,WAAW,iBACf,SAAQ,kBAAkB,CAAC,WAAW,CAAC,EACrC,UAAU,CAAC,WAAW,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,QAAA,MAAM,YAAY,0EAOf,iBAAiB,KAAG,KAAK,CAAC,SAuB5B,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"EllipsisText.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/EllipsisText/EllipsisText.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAG5E,MAAM,WAAW,iBACf,SAAQ,kBAAkB,CAAC,WAAW,CAAC,EACrC,UAAU,CAAC,WAAW,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,QAAA,MAAM,YAAY,0EAOf,iBAAiB,KAAG,KAAK,CAAC,SAuB5B,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/cssm/components/Typography/EllipsisText/EllipsisText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/EllipsisText/EllipsisText.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useIsomorphicLayoutEffect } from '../../../lib/useIsomorphicLayoutEffect';\nimport { HasRootRef } from '../../../types';\nimport { RootComponentProps } from '../../RootComponent/RootComponent';\nimport styles from './EllipsisText.module.css';\n\nexport interface EllipsisTextProps\n  extends RootComponentProps<HTMLElement>,\n    HasRootRef<HTMLElement> {\n  /**\n   * Пользовательская маскимальная ширина.\n   *\n   * Используйте в случаях, когда у контейнера ширина зависит от размера контента,\n   * другими словами, когда ширина не ограничена.\n   */\n  maxWidth?: number;\n  /**\n   * Максимальное количество видимых строк\n   *\n   * > При `maxLines > 1` используется свойство line-clamp, которое поддерживается не всеми версиями браузеров. Используйте с осторожностью\n   * > @see [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp)\n   */\n  maxLines?: number;\n}\n\n/** Компонент ограничивает текстовый контент убирая его в многоточие.\n *\n * @since 6.1.0\n * @see https://vkcom.github.io/VKUI/#/EllipsisText\n */\nconst EllipsisText = ({\n  className,\n  getRootRef,\n  children,\n  maxWidth,\n  maxLines = 1,\n  ...restProps\n}: EllipsisTextProps): React.ReactNode => {\n  const contentRef = useRef<HTMLSpanElement | null>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (contentRef && contentRef.current) {\n      contentRef.current.style.setProperty('-webkit-line-clamp', maxLines > 1 ? `${maxLines}` : '');\n    }\n  }, [contentRef, maxLines]);\n\n  return (\n    <span ref={getRootRef} className={classNames(styles['EllipsisText'], className)} {...restProps}>\n      <span\n        style={{ maxWidth }}\n        ref={contentRef}\n        className={classNames(\n          styles['EllipsisText__content'],\n          maxLines > 1 && styles['EllipsisText__content--multiline'],\n        )}\n      >\n        {children}\n      </span>\n    </span>\n  );\n};\n\nexport { EllipsisText };\n"],"names":["useRef","classNames","useIsomorphicLayoutEffect","styles","EllipsisText","className","getRootRef","children","maxWidth","maxLines","restProps","contentRef","current","style","setProperty","span","ref"],"mappings":";AAAA,SAASA,MAAM,QAAQ,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,yBAAyB,QAAQ,yCAAyC;AAGnF,OAAOC,YAAY,4BAA4B;AAqB/C;;;;CAIC,GACD,MAAMC,eAAe,CAAC,EACpBC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,QAAQ,EACRC,WAAW,CAAC,EACZ,GAAGC,WACe;IAClB,MAAMC,aAAaX,OAA+B;IAElDE,0BAA0B;QACxB,IAAIS,cAAcA,WAAWC,OAAO,EAAE;YACpCD,WAAWC,OAAO,CAACC,KAAK,CAACC,WAAW,CAAC,sBAAsBL,WAAW,IAAI,CAAC,EAAEA,SAAS,CAAC,GAAG;QAC5F;IACF,GAAG;QAACE;QAAYF;KAAS;IAEzB,qBACE,KAACM;QAAKC,KAAKV;QAAYD,WAAWJ,WAAWE,MAAM,CAAC,eAAe,EAAEE;QAAa,GAAGK,SAAS;kBAC5F,cAAA,KAACK;YACCF,OAAO;gBAAEL;YAAS;YAClBQ,KAAKL;YACLN,WAAWJ,WACTE,MAAM,CAAC,wBAAwB,EAC/BM,WAAW,KAAKN,MAAM,CAAC,mCAAmC;sBAG3DI;;;AAIT;AAEA,SAASH,YAAY,GAAG"}
+{"version":3,"sources":["../../../../../src/components/Typography/EllipsisText/EllipsisText.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useIsomorphicLayoutEffect } from '../../../lib/useIsomorphicLayoutEffect';\nimport type { HasRootRef } from '../../../types';\nimport type { RootComponentProps } from '../../RootComponent/RootComponent';\nimport styles from './EllipsisText.module.css';\n\nexport interface EllipsisTextProps\n  extends RootComponentProps<HTMLElement>,\n    HasRootRef<HTMLElement> {\n  /**\n   * Пользовательская маскимальная ширина.\n   *\n   * Используйте в случаях, когда у контейнера ширина зависит от размера контента,\n   * другими словами, когда ширина не ограничена.\n   */\n  maxWidth?: number;\n  /**\n   * Максимальное количество видимых строк\n   *\n   * > При `maxLines > 1` используется свойство line-clamp, которое поддерживается не всеми версиями браузеров. Используйте с осторожностью\n   * > @see [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp)\n   */\n  maxLines?: number;\n}\n\n/** Компонент ограничивает текстовый контент убирая его в многоточие.\n *\n * @since 6.1.0\n * @see https://vkcom.github.io/VKUI/#/EllipsisText\n */\nconst EllipsisText = ({\n  className,\n  getRootRef,\n  children,\n  maxWidth,\n  maxLines = 1,\n  ...restProps\n}: EllipsisTextProps): React.ReactNode => {\n  const contentRef = useRef<HTMLSpanElement | null>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (contentRef && contentRef.current) {\n      contentRef.current.style.setProperty('-webkit-line-clamp', maxLines > 1 ? `${maxLines}` : '');\n    }\n  }, [contentRef, maxLines]);\n\n  return (\n    <span ref={getRootRef} className={classNames(styles['EllipsisText'], className)} {...restProps}>\n      <span\n        style={{ maxWidth }}\n        ref={contentRef}\n        className={classNames(\n          styles['EllipsisText__content'],\n          maxLines > 1 && styles['EllipsisText__content--multiline'],\n        )}\n      >\n        {children}\n      </span>\n    </span>\n  );\n};\n\nexport { EllipsisText };\n"],"names":["useRef","classNames","useIsomorphicLayoutEffect","styles","EllipsisText","className","getRootRef","children","maxWidth","maxLines","restProps","contentRef","current","style","setProperty","span","ref"],"mappings":";AAAA,SAASA,MAAM,QAAQ,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,yBAAyB,QAAQ,yCAAyC;AAGnF,OAAOC,YAAY,4BAA4B;AAqB/C;;;;CAIC,GACD,MAAMC,eAAe,CAAC,EACpBC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,QAAQ,EACRC,WAAW,CAAC,EACZ,GAAGC,WACe;IAClB,MAAMC,aAAaX,OAA+B;IAElDE,0BAA0B;QACxB,IAAIS,cAAcA,WAAWC,OAAO,EAAE;YACpCD,WAAWC,OAAO,CAACC,KAAK,CAACC,WAAW,CAAC,sBAAsBL,WAAW,IAAI,CAAC,EAAEA,SAAS,CAAC,GAAG;QAC5F;IACF,GAAG;QAACE;QAAYF;KAAS;IAEzB,qBACE,KAACM;QAAKC,KAAKV;QAAYD,WAAWJ,WAAWE,MAAM,CAAC,eAAe,EAAEE;QAAa,GAAGK,SAAS;kBAC5F,cAAA,KAACK;YACCF,OAAO;gBAAEL;YAAS;YAClBQ,KAAKL;YACLN,WAAWJ,WACTE,MAAM,CAAC,wBAAwB,EAC/BM,WAAW,KAAKN,MAAM,CAAC,mCAAmC;sBAG3DI;;;AAIT;AAEA,SAASH,YAAY,GAAG"}

package/dist/cssm/components/Typography/Footnote/Footnote.d.ts

@@ -1,4 +1,4 @@
-import { HasCaps, TypographyProps } from '../Typography';
+import { type HasCaps, type TypographyProps } from '../Typography';
 export interface FootnoteProps extends TypographyProps, HasCaps {
 }
 /**

package/dist/cssm/components/Typography/Footnote/Footnote.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footnote.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrE,MAAM,WAAW,aAAc,SAAQ,eAAe,EAAE,OAAO;CAAG;AAElE;;;;GAIG;AACH,eAAO,MAAM,QAAQ,oEAOlB,aAAa,KAAG,KAAK,CAAC,SAQxB,CAAC"}
+{"version":3,"file":"Footnote.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAG/E,MAAM,WAAW,aAAc,SAAQ,eAAe,EAAE,OAAO;CAAG;AAElE;;;;GAIG;AACH,eAAO,MAAM,QAAQ,oEAOlB,aAAa,KAAG,KAAK,CAAC,SAQxB,CAAC"}

package/dist/cssm/components/Typography/Footnote/Footnote.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { HasCaps, Typography, TypographyProps } from '../Typography';\nimport styles from './Footnote.module.css';\n\nexport interface FootnoteProps extends TypographyProps, HasCaps {}\n\n/**\n * Используется для основных подписей.\n *\n * @see https://vkcom.github.io/VKUI/#/Footnote\n */\nexport const Footnote = ({\n  className,\n  caps,\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: FootnoteProps): React.ReactNode => (\n  <Typography\n    Component={Component}\n    normalize={normalize}\n    inline={inline}\n    className={classNames(className, styles['Footnote'], caps && styles['Footnote--caps'])}\n    {...restProps}\n  />\n);\n"],"names":["classNames","Typography","styles","Footnote","className","caps","Component","normalize","inline","restProps"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAAkBC,UAAU,QAAyB,gBAAgB;AACrE,OAAOC,YAAY,wBAAwB;AAI3C;;;;CAIC,GACD,OAAO,MAAMC,WAAW,CAAC,EACvBC,SAAS,EACTC,IAAI,EACJC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACW,iBACd,KAACR;QACCK,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWJ,WAAWI,WAAWF,MAAM,CAAC,WAAW,EAAEG,QAAQH,MAAM,CAAC,iBAAiB;QACpF,GAAGO,SAAS;OAEf"}
+{"version":3,"sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { type HasCaps, Typography, type TypographyProps } from '../Typography';\nimport styles from './Footnote.module.css';\n\nexport interface FootnoteProps extends TypographyProps, HasCaps {}\n\n/**\n * Используется для основных подписей.\n *\n * @see https://vkcom.github.io/VKUI/#/Footnote\n */\nexport const Footnote = ({\n  className,\n  caps,\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: FootnoteProps): React.ReactNode => (\n  <Typography\n    Component={Component}\n    normalize={normalize}\n    inline={inline}\n    className={classNames(className, styles['Footnote'], caps && styles['Footnote--caps'])}\n    {...restProps}\n  />\n);\n"],"names":["classNames","Typography","styles","Footnote","className","caps","Component","normalize","inline","restProps"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAAuBC,UAAU,QAA8B,gBAAgB;AAC/E,OAAOC,YAAY,wBAAwB;AAI3C;;;;CAIC,GACD,OAAO,MAAMC,WAAW,CAAC,EACvBC,SAAS,EACTC,IAAI,EACJC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACW,iBACd,KAACR;QACCK,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWJ,WAAWI,WAAWF,MAAM,CAAC,WAAW,EAAEG,QAAQH,MAAM,CAAC,iBAAiB;QACpF,GAAGO,SAAS;OAEf"}

package/dist/cssm/components/Typography/Headline/Headline.d.ts

@@ -1,4 +1,4 @@
-import { TypographyProps } from '../Typography';
+import { type TypographyProps } from '../Typography';
 export interface HeadlineProps extends TypographyProps {
     level?: '1' | '2';
 }

package/dist/cssm/components/Typography/Headline/Headline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Headline.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAa5D,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,6EAQlB,aAAa,KAAG,KAAK,CAAC,SAiBxB,CAAC"}
+{"version":3,"file":"Headline.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAajE,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,6EAQlB,aAAa,KAAG,KAAK,CAAC,SAiBxB,CAAC"}

package/dist/cssm/components/Typography/Headline/Headline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Headline.module.css';\n\nconst stylesLevel = {\n  '1': styles['Headline--level-1'],\n  '2': styles['Headline--level-2'],\n};\n\nconst sizeYClassNames = {\n  none: styles['Headline--sizeY-none'],\n  ['compact']: styles['Headline--sizeY-compact'],\n};\n\nexport interface HeadlineProps extends TypographyProps {\n  level?: '1' | '2';\n}\n\n/**\n * Используется для подзаголовков.\n *\n * @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n  className,\n  weight = '3',\n  level = '1',\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: HeadlineProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      weight={weight}\n      className={classNames(\n        className,\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        stylesLevel[level],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","useAdaptivity","Typography","styles","stylesLevel","sizeYClassNames","none","Headline","className","weight","level","Component","normalize","inline","restProps","sizeY"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,wBAAwB;AAE3C,MAAMC,cAAc;IAClB,KAAKD,MAAM,CAAC,oBAAoB;IAChC,KAAKA,MAAM,CAAC,oBAAoB;AAClC;AAEA,MAAME,kBAAkB;IACtBC,MAAMH,MAAM,CAAC,uBAAuB;IACpC,CAAC,UAAU,EAAEA,MAAM,CAAC,0BAA0B;AAChD;AAMA;;;;CAIC,GACD,OAAO,MAAMI,WAAW,CAAC,EACvBC,SAAS,EACTC,SAAS,GAAG,EACZC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACW;IACd,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGd;IAE3B,qBACE,KAACC;QACCS,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,QAAQA;QACRD,WAAWR,WACTQ,WACAO,UAAU,aAAaV,eAAe,CAACU,MAAM,EAC7CX,WAAW,CAACM,MAAM;QAEnB,GAAGI,SAAS;;AAGnB,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { Typography, type TypographyProps } from '../Typography';\nimport styles from './Headline.module.css';\n\nconst stylesLevel = {\n  '1': styles['Headline--level-1'],\n  '2': styles['Headline--level-2'],\n};\n\nconst sizeYClassNames = {\n  none: styles['Headline--sizeY-none'],\n  ['compact']: styles['Headline--sizeY-compact'],\n};\n\nexport interface HeadlineProps extends TypographyProps {\n  level?: '1' | '2';\n}\n\n/**\n * Используется для подзаголовков.\n *\n * @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n  className,\n  weight = '3',\n  level = '1',\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: HeadlineProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      weight={weight}\n      className={classNames(\n        className,\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        stylesLevel[level],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","useAdaptivity","Typography","styles","stylesLevel","sizeYClassNames","none","Headline","className","weight","level","Component","normalize","inline","restProps","sizeY"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,UAAU,QAA8B,gBAAgB;AACjE,OAAOC,YAAY,wBAAwB;AAE3C,MAAMC,cAAc;IAClB,KAAKD,MAAM,CAAC,oBAAoB;IAChC,KAAKA,MAAM,CAAC,oBAAoB;AAClC;AAEA,MAAME,kBAAkB;IACtBC,MAAMH,MAAM,CAAC,uBAAuB;IACpC,CAAC,UAAU,EAAEA,MAAM,CAAC,0BAA0B;AAChD;AAMA;;;;CAIC,GACD,OAAO,MAAMI,WAAW,CAAC,EACvBC,SAAS,EACTC,SAAS,GAAG,EACZC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACW;IACd,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGd;IAE3B,qBACE,KAACC;QACCS,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,QAAQA;QACRD,WAAWR,WACTQ,WACAO,UAAU,aAAaV,eAAe,CAACU,MAAM,EAC7CX,WAAW,CAACM,MAAM;QAEnB,GAAGI,SAAS;;AAGnB,EAAE"}

package/dist/cssm/components/Typography/Paragraph/Paragraph.d.ts

@@ -1,4 +1,4 @@
-import { TypographyProps } from '../Typography';
+import { type TypographyProps } from '../Typography';
 export type ParagraphProps = TypographyProps;
 /**
  * Используется для основного текста.

package/dist/cssm/components/Typography/Paragraph/Paragraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,SAAS,8DAMnB,cAAc,KAAG,KAAK,CAAC,SAUzB,CAAC"}
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAGjE,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,SAAS,8DAMnB,cAAc,KAAG,KAAK,CAAC,SAUzB,CAAC"}

package/dist/cssm/components/Typography/Paragraph/Paragraph.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Paragraph.module.css';\n\nexport type ParagraphProps = TypographyProps;\n\n/**\n * Используется для основного текста.\n *\n * @see https://vkcom.github.io/VKUI/#/Paragraph\n */\nexport const Paragraph = ({\n  className,\n  Component = 'span',\n  normalize = false,\n  inline = false,\n  ...restProps\n}: ParagraphProps): React.ReactNode => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(className, styles['Paragraph'])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Typography","styles","Paragraph","className","Component","normalize","inline","restProps"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,yBAAyB;AAI5C;;;;CAIC,GACD,OAAO,MAAMC,YAAY,CAAC,EACxBC,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,KAAK,EACjBC,SAAS,KAAK,EACd,GAAGC,WACY;IACf,qBACE,KAACP;QACCI,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWJ,WAAWI,WAAWF,MAAM,CAAC,YAAY;QACnD,GAAGM,SAAS;;AAGnB,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { Typography, type TypographyProps } from '../Typography';\nimport styles from './Paragraph.module.css';\n\nexport type ParagraphProps = TypographyProps;\n\n/**\n * Используется для основного текста.\n *\n * @see https://vkcom.github.io/VKUI/#/Paragraph\n */\nexport const Paragraph = ({\n  className,\n  Component = 'span',\n  normalize = false,\n  inline = false,\n  ...restProps\n}: ParagraphProps): React.ReactNode => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(className, styles['Paragraph'])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Typography","styles","Paragraph","className","Component","normalize","inline","restProps"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAA8B,gBAAgB;AACjE,OAAOC,YAAY,yBAAyB;AAI5C;;;;CAIC,GACD,OAAO,MAAMC,YAAY,CAAC,EACxBC,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,KAAK,EACjBC,SAAS,KAAK,EACd,GAAGC,WACY;IACf,qBACE,KAACP;QACCI,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWJ,WAAWI,WAAWF,MAAM,CAAC,YAAY;QACnD,GAAGM,SAAS;;AAGnB,EAAE"}

package/dist/cssm/components/Typography/Subhead/Subhead.d.ts

@@ -1,4 +1,4 @@
-import { TypographyProps } from '../Typography';
+import { type TypographyProps } from '../Typography';
 export type SubheadProps = TypographyProps;
 /**
  * Используется для подзаголовков 2 уровня.