@vkontakte/vkui 4.28.0 → 4.29.1

package/dist/cjs/components/Touch/Touch.js

@@ -65,9 +65,9 @@ var Touch = function Touch(_ref) {
   var didSlide = React.useRef(false);
   var gesture = React.useRef(null);
 
-  var handle = function handle(e, handers) {
+  var handle = function handle(e, handlers) {
     stopPropagation && e.stopPropagation();
-    handers.forEach(function (cb) {
+    handlers.forEach(function (cb) {
       var _gesture$current$star, _gesture$current, _gesture$current$star2;
 
       var duration = Date.now() - ((_gesture$current$star = (_gesture$current = gesture.current) === null || _gesture$current === void 0 ? void 0 : (_gesture$current$star2 = _gesture$current.startT) === null || _gesture$current$star2 === void 0 ? void 0 : _gesture$current$star2.getTime()) !== null && _gesture$current$star !== void 0 ? _gesture$current$star : 0);
@@ -178,7 +178,7 @@ var Touch = function Touch(_ref) {
       onLeave && onLeave(e);
     }
 
-    subscribe(null);
+    unsubscribe();
   }
 
   var listenerParams = {
@@ -194,6 +194,12 @@ var Touch = function Touch(_ref) {
       });
     }
   }
+
+  function unsubscribe() {
+    listeners.forEach(function (l) {
+      return l.remove();
+    });
+  }
   /**
    * Обработчик событий dragstart
    * Отменяет нативное браузерное поведение для вложенных ссылок и изображений

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Touch/Touch.tsx"],"names":["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","React","useMemo","getSupportedEvents","didSlide","useRef","gesture","handle","e","handers","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","shiftX","shiftY","shiftXAbs","Math","abs","shiftYAbs","touches","length","willBeX","willBeY","willBeSlidedX","willBeSlidedY","Object","assign","isSlideX","isSlideY","isSlide","Boolean","listenerParams","listeners","l","onDragStart","tagName","preventDefault","postGestureClick","closest"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  getSupportedEvents,\n  coordX,\n  coordY,\n  touchEnabled,\n  VKUITouchEvent,\n} from \"../../lib/touch\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\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  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\nexport const Touch: React.FC<TouchProps> = ({\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) => {\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 = (\n    e: VKUITouchEvent,\n    handers: Array<TouchEventHandler | undefined | false>\n  ) => {\n    stopPropagation && e.stopPropagation();\n    handers.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(\n    usePointerHover ? \"pointerenter\" : \"mouseenter\",\n    onEnter\n  );\n  const leaveHandler = useEventListener(\n    usePointerHover ? \"pointerleave\" : \"mouseleave\",\n    onLeave\n  );\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 {\n      isPressed,\n      isX,\n      isY,\n      startX = 0,\n      startY = 0,\n    } = gesture.current ?? {};\n\n    if (isPressed) {\n      // смещения\n      const shiftX = coordX(e) - startX;\n      const shiftY = coordY(e) - 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        Object.assign(gesture.current, {\n          isY: willBeY,\n          isX: willBeX,\n          isSlideX: willBeSlidedX,\n          isSlideY: willBeSlidedY,\n          isSlide: willBeSlidedX || willBeSlidedY,\n        });\n      }\n\n      if (gesture.current?.isSlide) {\n        Object.assign(gesture.current, {\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    didSlide.current = Boolean(isSlide);\n    gesture.current = {};\n\n    // Если это был тач-евент, симулируем отмену hover\n    if (touchEnabled()) {\n      onLeave && onLeave(e);\n    }\n    subscribe(null);\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\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    // eslint-disable-next-line no-restricted-properties\n    if ((e.target as HTMLElement).closest(\"a\")) {\n      e.preventDefault();\n    }\n    if (noSlideClick) {\n      e.stopPropagation();\n    } else {\n      onClickCapture && onClickCapture(e);\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    shiftX: 0,\n    shiftY: 0,\n    shiftXAbs: 0,\n    shiftYAbs: 0,\n  };\n}\n"],"file":"Touch.js"}
+{"version":3,"sources":["../../../../src/components/Touch/Touch.tsx"],"names":["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","React","useMemo","getSupportedEvents","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","shiftX","shiftY","shiftXAbs","Math","abs","shiftYAbs","touches","length","willBeX","willBeY","willBeSlidedX","willBeSlidedY","Object","assign","isSlideX","isSlideY","isSlide","Boolean","unsubscribe","listenerParams","listeners","l","remove","onDragStart","tagName","preventDefault","postGestureClick","closest"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  getSupportedEvents,\n  coordX,\n  coordY,\n  touchEnabled,\n  VKUITouchEvent,\n} from \"../../lib/touch\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\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  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\nexport const Touch: React.FC<TouchProps> = ({\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) => {\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 = (\n    e: VKUITouchEvent,\n    handlers: Array<TouchEventHandler | undefined | false>\n  ) => {\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(\n    usePointerHover ? \"pointerenter\" : \"mouseenter\",\n    onEnter\n  );\n  const leaveHandler = useEventListener(\n    usePointerHover ? \"pointerleave\" : \"mouseleave\",\n    onLeave\n  );\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 {\n      isPressed,\n      isX,\n      isY,\n      startX = 0,\n      startY = 0,\n    } = gesture.current ?? {};\n\n    if (isPressed) {\n      // смещения\n      const shiftX = coordX(e) - startX;\n      const shiftY = coordY(e) - 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        Object.assign(gesture.current, {\n          isY: willBeY,\n          isX: willBeX,\n          isSlideX: willBeSlidedX,\n          isSlideY: willBeSlidedY,\n          isSlide: willBeSlidedX || willBeSlidedY,\n        });\n      }\n\n      if (gesture.current?.isSlide) {\n        Object.assign(gesture.current, {\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    didSlide.current = Boolean(isSlide);\n    gesture.current = {};\n\n    // Если это был тач-евент, симулируем отмену hover\n    if (touchEnabled()) {\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    // eslint-disable-next-line no-restricted-properties\n    if ((e.target as HTMLElement).closest(\"a\")) {\n      e.preventDefault();\n    }\n    if (noSlideClick) {\n      e.stopPropagation();\n    } else {\n      onClickCapture && onClickCapture(e);\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    shiftX: 0,\n    shiftY: 0,\n    shiftXAbs: 0,\n    shiftYAbs: 0,\n  };\n}\n"],"file":"Touch.js"}

package/dist/cjs/components/Touch/TouchContext.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 /**
  * Контекст для компонентов, использующих Touch в качестве корневой обёртки,
- * и для которых важно не предотвращать вспылие тач-событий от дочерних компонентов
+ * и для которых важно не предотвращать всплытие тач-событий от дочерних компонентов
  */
 declare const TouchRootContext: React.Context<boolean>;
 export default TouchRootContext;

package/dist/cjs/components/Touch/TouchContext.js

@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 
 /**
  * Контекст для компонентов, использующих Touch в качестве корневой обёртки,
- * и для которых важно не предотвращать вспылие тач-событий от дочерних компонентов
+ * и для которых важно не предотвращать всплытие тач-событий от дочерних компонентов
  */
 var TouchRootContext = /*#__PURE__*/React.createContext(false); // eslint-disable-next-line import/no-default-export
 

package/dist/cjs/components/Touch/TouchContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Touch/TouchContext.ts"],"names":["TouchRootContext","React","createContext"],"mappings":";;;;;;;;;AAAA;;AAEA;AACA;AACA;AACA;AACA,IAAMA,gBAAwC,gBAC5CC,KAAK,CAACC,aAAN,CAA6B,KAA7B,CADF,C,CAGA;;eACeF,gB","sourcesContent":["import * as React from \"react\";\n\n/**\n * Контекст для компонентов, использующих Touch в качестве корневой обёртки,\n * и для которых важно не предотвращать вспылие тач-событий от дочерних компонентов\n */\nconst TouchRootContext: React.Context<boolean> =\n  React.createContext<boolean>(false);\n\n// eslint-disable-next-line import/no-default-export\nexport default TouchRootContext;\n"],"file":"TouchContext.js"}
+{"version":3,"sources":["../../../../src/components/Touch/TouchContext.ts"],"names":["TouchRootContext","React","createContext"],"mappings":";;;;;;;;;AAAA;;AAEA;AACA;AACA;AACA;AACA,IAAMA,gBAAwC,gBAC5CC,KAAK,CAACC,aAAN,CAA6B,KAA7B,CADF,C,CAGA;;eACeF,gB","sourcesContent":["import * as React from \"react\";\n\n/**\n * Контекст для компонентов, использующих Touch в качестве корневой обёртки,\n * и для которых важно не предотвращать всплытие тач-событий от дочерних компонентов\n */\nconst TouchRootContext: React.Context<boolean> =\n  React.createContext<boolean>(false);\n\n// eslint-disable-next-line import/no-default-export\nexport default TouchRootContext;\n"],"file":"TouchContext.js"}

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

@@ -2,9 +2,13 @@ import * as React from "react";
 import { HasComponent } from "../../../types";
 import "./Caption.css";
 export interface CaptionProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
-    weight: "regular" | "medium" | "semibold" | "bold";
-    level: "1" | "2" | "3" | "4";
+    /**
+     * Задаёт начертание шрифта отличное от стандартного.
+     *
+     * > ⚠️ Начертания `"bold"`, `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
+     */
+    weight?: "regular" | "medium" | "semibold" | "bold" | "1" | "2" | "3";
+    level?: "1" | "2" | "3" | "4";
     caps?: boolean;
 }
-declare const Caption: React.FC<CaptionProps>;
-export default Caption;
+export declare const Caption: React.FC<CaptionProps>;

package/dist/cjs/components/Typography/Caption/Caption.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.Caption = void 0;
 
 var _jsxRuntime = require("../../../lib/jsxRuntime");
 
@@ -13,33 +13,31 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _usePlatform = require("../../../hooks/usePlatform");
-
 var _classNames = require("../../../lib/classNames");
 
-var _getClassName = require("../../../helpers/getClassName");
+var _warnOnce = require("../../../lib/warnOnce");
 
 var _excluded = ["children", "weight", "level", "caps", "Component"];
+var warn = (0, _warnOnce.warnOnce)("Caption");
 
 var Caption = function Caption(_ref) {
   var children = _ref.children,
-      _ref$weight = _ref.weight,
-      weight = _ref$weight === void 0 ? "regular" : _ref$weight,
+      weight = _ref.weight,
       _ref$level = _ref.level,
       level = _ref$level === void 0 ? "1" : _ref$level,
       caps = _ref.caps,
       _ref$Component = _ref.Component,
       Component = _ref$Component === void 0 ? "span" : _ref$Component,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var platform = (0, _usePlatform.usePlatform)();
+
+  if (process.env.NODE_ENV === "development") {
+    if (weight && ["heavy", "bold", "semibold", "medium", "regular"].includes(weight)) warn("\u041D\u0430\u0447\u0435\u0440\u0442\u0430\u043D\u0438\u0435 weight=\"".concat(weight, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u043E \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u043E \u0432 5.0.0. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \"1\", \"2\" \u0438 \"3\""));
+  }
+
   return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Caption", platform), "Caption--w-".concat(weight), "Caption--l-".concat(level), {
-      "Caption--caps": caps
-    })
+    vkuiClass: (0, _classNames.classNames)("Caption", "Caption--l-".concat(level), caps && "Caption--caps", weight && "Caption--w-".concat(weight))
   }), children);
-}; // eslint-disable-next-line import/no-default-export
-
+};
 
-var _default = Caption;
-exports.default = _default;
+exports.Caption = Caption;
 //# sourceMappingURL=Caption.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"names":["Caption","children","weight","level","caps","Component","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;;;AAWA,IAAMA,OAA+B,GAAG,SAAlCA,OAAkC,OAOpB;AAAA,MANlBC,QAMkB,QANlBA,QAMkB;AAAA,yBALlBC,MAKkB;AAAA,MALlBA,MAKkB,4BALT,SAKS;AAAA,wBAJlBC,KAIkB;AAAA,MAJlBA,KAIkB,2BAJV,GAIU;AAAA,MAHlBC,IAGkB,QAHlBA,IAGkB;AAAA,4BAFlBC,SAEkB;AAAA,MAFlBA,SAEkB,+BAFN,MAEM;AAAA,MADfC,SACe;AAClB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,SAAD,6BACMD,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,SAAb,EAAwBC,QAAxB,CADS,uBAEKL,MAFL,wBAGKC,KAHL,GAIT;AACE,uBAAiBC;AADnB,KAJS;AAFb,MAWGH,QAXH,CADF;AAeD,CAzBD,C,CA2BA;;;eACeD,O","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport \"./Caption.css\";\n\nexport interface CaptionProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  weight: \"regular\" | \"medium\" | \"semibold\" | \"bold\";\n  level: \"1\" | \"2\" | \"3\" | \"4\";\n  caps?: boolean;\n}\n\nconst Caption: React.FC<CaptionProps> = ({\n  children,\n  weight = \"regular\",\n  level = \"1\",\n  caps,\n  Component = \"span\",\n  ...restProps\n}: CaptionProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"Caption\", platform),\n        `Caption--w-${weight}`,\n        `Caption--l-${level}`,\n        {\n          \"Caption--caps\": caps,\n        }\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Caption;\n"],"file":"Caption.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"names":["warn","Caption","children","weight","level","caps","Component","restProps","process","env","NODE_ENV","includes"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;;AAgBA,IAAMA,IAAI,GAAG,wBAAS,SAAT,CAAb;;AAEO,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,OAO3B;AAAA,MANlBC,QAMkB,QANlBA,QAMkB;AAAA,MALlBC,MAKkB,QALlBA,MAKkB;AAAA,wBAJlBC,KAIkB;AAAA,MAJlBA,KAIkB,2BAJV,GAIU;AAAA,MAHlBC,IAGkB,QAHlBA,IAGkB;AAAA,4BAFlBC,SAEkB;AAAA,MAFlBA,SAEkB,+BAFN,MAEM;AAAA,MADfC,SACe;;AAClB,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1C,QACEP,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDQ,QAAnD,CAA4DR,MAA5D,CAFF,EAIEH,IAAI,iFACoBG,MADpB,sSAAJ;AAGH;;AAED,SACE,qCAAC,SAAD,6BACMI,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,SADS,uBAEKH,KAFL,GAGTC,IAAI,IAAI,eAHC,EAITF,MAAM,yBAAkBA,MAAlB,CAJG;AAFb,MASGD,QATH,CADF;AAaD,CA/BM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Caption.css\";\n\nexport interface CaptionProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"bold\"`, `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"bold\" | \"1\" | \"2\" | \"3\";\n  level?: \"1\" | \"2\" | \"3\" | \"4\";\n  caps?: boolean;\n}\n\nconst warn = warnOnce(\"Caption\");\n\nexport const Caption: React.FC<CaptionProps> = ({\n  children,\n  weight,\n  level = \"1\",\n  caps,\n  Component = \"span\",\n  ...restProps\n}: CaptionProps) => {\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Caption\",\n        `Caption--l-${level}`,\n        caps && \"Caption--caps\",\n        weight && `Caption--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"file":"Caption.js"}

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { HasComponent, HasRootRef } from "../../../types";
+import "./Paragraph.css";
+export interface ParagraphProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
+    /**
+     * Задаёт начертание шрифта, отличное от стандартного.
+     */
+    weight?: "1" | "2" | "3";
+}
+export declare const Paragraph: React.FC<ParagraphProps>;

package/dist/cjs/components/Typography/Paragraph/Paragraph.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Paragraph = void 0;
+
+var _jsxRuntime = require("../../../lib/jsxRuntime");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classNames = require("../../../lib/classNames");
+
+var _warnOnce = require("../../../lib/warnOnce");
+
+var _excluded = ["Component", "getRootRef", "weight", "children"];
+var warn = (0, _warnOnce.warnOnce)("Paragraph");
+
+var Paragraph = function Paragraph(_ref) {
+  var _ref$Component = _ref.Component,
+      Component = _ref$Component === void 0 ? "span" : _ref$Component,
+      getRootRef = _ref.getRootRef,
+      weight = _ref.weight,
+      children = _ref.children,
+      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  if (process.env.NODE_ENV === "development" && typeof Component !== "string" && getRootRef) {
+    warn("getRootRef может использоваться только с элементами DOM", "error");
+  }
+
+  return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, restProps, {
+    ref: getRootRef,
+    vkuiClass: (0, _classNames.classNames)("Paragraph", weight && "Paragraph--w-".concat(weight))
+  }), children);
+};
+
+exports.Paragraph = Paragraph;
+//# sourceMappingURL=Paragraph.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"names":["warn","Paragraph","Component","getRootRef","weight","children","restProps","process","env","NODE_ENV"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;AAcA,IAAMA,IAAI,GAAG,wBAAS,WAAT,CAAb;;AACO,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,OAM7C;AAAA,4BALJC,SAKI;AAAA,MALJA,SAKI,+BALQ,MAKR;AAAA,MAJJC,UAII,QAJJA,UAII;AAAA,MAHJC,MAGI,QAHJA,MAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,SACC;;AACJ,MACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOP,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;AACAH,IAAAA,IAAI,CAAC,yDAAD,EAA4D,OAA5D,CAAJ;AACD;;AAED,SACE,qCAAC,SAAD,6BACMM,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,SAAS,EAAE,4BAAW,WAAX,EAAwBC,MAAM,2BAAoBA,MAApB,CAA9B;AAHb,MAKGC,QALH,CADF;AASD,CAxBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport \"./Paragraph.css\";\n\nexport interface ParagraphProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   */\n  weight?: \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Paragraph\");\nexport const Paragraph: React.FC<ParagraphProps> = ({\n  Component = \"span\",\n  getRootRef,\n  weight,\n  children,\n  ...restProps\n}) => {\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\"getRootRef может использоваться только с элементами DOM\", \"error\");\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\"Paragraph\", weight && `Paragraph--w-${weight}`)}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"file":"Paragraph.js"}

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

@@ -3,9 +3,10 @@ import { HasComponent } from "../../../types";
 import "./Subhead.css";
 export interface SubheadProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
     /**
-     * Начертания "regular", "medium", "semibold" и "bold" устарели и будут удалены в 5.0.0.
+     * Задаёт начертание шрифта отличное от стандартного.
+     *
+     * > ⚠️ Начертания `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
      */
     weight?: "regular" | "medium" | "semibold" | "bold" | "1" | "2" | "3";
 }
-declare const Subhead: React.FC<SubheadProps>;
-export default Subhead;
+export declare const Subhead: React.FC<SubheadProps>;

package/dist/cjs/components/Typography/Subhead/Subhead.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.Subhead = void 0;
 
 var _jsxRuntime = require("../../../lib/jsxRuntime");
 
@@ -37,11 +37,9 @@ var Subhead = function Subhead(_ref) {
   }
 
   return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)("Subhead", "Subhead--sizeY-".concat(sizeY), "Subhead--w-".concat(weight))
+    vkuiClass: (0, _classNames.classNames)("Subhead", "Subhead--sizeY-".concat(sizeY), weight && "Subhead--w-".concat(weight))
   }), children);
-}; // eslint-disable-next-line import/no-default-export
+};
 
-
-var _default = Subhead;
-exports.default = _default;
+exports.Subhead = Subhead;
 //# sourceMappingURL=Subhead.js.map

package/dist/cjs/components/Typography/Subhead/Subhead.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"names":["warn","Subhead","children","weight","Component","restProps","sizeY","process","env","NODE_ENV","includes"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;;AAYA,IAAMA,IAAI,GAAG,wBAAS,SAAT,CAAb;;AAEA,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,OAKpB;AAAA,MAJlBC,QAIkB,QAJlBA,QAIkB;AAAA,MAHlBC,MAGkB,QAHlBA,MAGkB;AAAA,4BAFlBC,SAEkB;AAAA,MAFlBA,SAEkB,+BAFN,IAEM;AAAA,MADfC,SACe;;AAClB,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AAEA,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1C,QACEN,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDO,QAAnD,CAA4DP,MAA5D,CAFF,EAIEH,IAAI,iFACoBG,MADpB,sSAAJ;AAGH;;AAED,SACE,qCAAC,SAAD,6BACME,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,SADS,2BAESC,KAFT,wBAGKH,MAHL;AAFb,MAQGD,QARH,CADF;AAYD,CA9BD,C,CAgCA;;;eACeD,O","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport \"./Subhead.css\";\n\nexport interface SubheadProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Начертания \"regular\", \"medium\", \"semibold\" и \"bold\" устарели и будут удалены в 5.0.0.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"bold\" | \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Subhead\");\n\nconst Subhead: React.FC<SubheadProps> = ({\n  children,\n  weight,\n  Component = \"h5\",\n  ...restProps\n}: SubheadProps) => {\n  const { sizeY } = useAdaptivity();\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Subhead\",\n        `Subhead--sizeY-${sizeY}`,\n        `Subhead--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Subhead;\n"],"file":"Subhead.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"names":["warn","Subhead","children","weight","Component","restProps","sizeY","process","env","NODE_ENV","includes"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;;AAcA,IAAMA,IAAI,GAAG,wBAAS,SAAT,CAAb;;AACO,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,OAKzC;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,MAGI,QAHJA,MAGI;AAAA,4BAFJC,SAEI;AAAA,MAFJA,SAEI,+BAFQ,IAER;AAAA,MADDC,SACC;;AACJ,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AAEA,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1C,QACEN,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDO,QAAnD,CAA4DP,MAA5D,CAFF,EAIEH,IAAI,iFACoBG,MADpB,sSAAJ;AAGH;;AAED,SACE,qCAAC,SAAD,6BACME,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,SADS,2BAESC,KAFT,GAGTH,MAAM,yBAAkBA,MAAlB,CAHG;AAFb,MAQGD,QARH,CADF;AAYD,CA9BM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport \"./Subhead.css\";\n\nexport interface SubheadProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"bold\" | \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Subhead\");\nexport const Subhead: React.FC<SubheadProps> = ({\n  children,\n  weight,\n  Component = \"h5\",\n  ...restProps\n}) => {\n  const { sizeY } = useAdaptivity();\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Subhead\",\n        `Subhead--sizeY-${sizeY}`,\n        weight && `Subhead--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"file":"Subhead.js"}

package/dist/cjs/components/Typography/Text/Text.js

@@ -35,7 +35,7 @@ var Text = function Text(_ref) {
   var platform = (0, _usePlatform.usePlatform)();
 
   if (process.env.NODE_ENV === "development" && typeof Component !== "string" && getRootRef) {
-    warn("getRootRef can only be used with DOM components");
+    warn("\u0421\u0432\u043E\u0439\u0441\u0442\u0432\u043E \"getRootRef\" \u043C\u043E\u0436\u0435\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C\u0441\u044F \u0442\u043E\u043B\u044C\u043A\u043E \u0441 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430\u043C\u0438 DOM", "error");
   }
 
   return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, restProps, {

package/dist/cjs/components/Typography/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Text/Text.tsx"],"names":["warn","Text","children","weight","Component","getRootRef","restProps","platform","process","env","NODE_ENV"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;;AAUA,IAAMA,IAAI,GAAG,wBAAS,MAAT,CAAb;;AACA,IAAMC,IAAyB,GAAG,SAA5BA,IAA4B,OAMjB;AAAA,MALfC,QAKe,QALfA,QAKe;AAAA,yBAJfC,MAIe;AAAA,MAJfA,MAIe,4BAJN,SAIM;AAAA,4BAHfC,SAGe;AAAA,MAHfA,SAGe,+BAHH,MAGG;AAAA,MAFfC,UAEe,QAFfA,UAEe;AAAA,MADZC,SACY;AACf,MAAMC,QAAQ,GAAG,+BAAjB;;AAEA,MACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAON,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;AACAL,IAAAA,IAAI,CAAC,iDAAD,CAAJ;AACD;;AAED,SACE,qCAAC,SAAD,6BACMM,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAE,4BACT,gCAAa,MAAb,EAAqBE,QAArB,CADS,oBAEEJ,MAFF;AAHb,MAQGD,QARH,CADF;AAYD,CA7BD,C,CA+BA;;;eACeD,I","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Text.css\";\n\nexport interface TextProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  weight: \"regular\" | \"medium\" | \"semibold\";\n}\n\nconst warn = warnOnce(\"Text\");\nconst Text: React.FC<TextProps> = ({\n  children,\n  weight = \"regular\",\n  Component = \"span\",\n  getRootRef,\n  ...restProps\n}: TextProps) => {\n  const platform = usePlatform();\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\"getRootRef can only be used with DOM components\");\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        getClassName(\"Text\", platform),\n        `Text--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Text;\n"],"file":"Text.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Text/Text.tsx"],"names":["warn","Text","children","weight","Component","getRootRef","restProps","platform","process","env","NODE_ENV"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;;AAUA,IAAMA,IAAI,GAAG,wBAAS,MAAT,CAAb;;AACA,IAAMC,IAAyB,GAAG,SAA5BA,IAA4B,OAMjB;AAAA,MALfC,QAKe,QALfA,QAKe;AAAA,yBAJfC,MAIe;AAAA,MAJfA,MAIe,4BAJN,SAIM;AAAA,4BAHfC,SAGe;AAAA,MAHfA,SAGe,+BAHH,MAGG;AAAA,MAFfC,UAEe,QAFfA,UAEe;AAAA,MADZC,SACY;AACf,MAAMC,QAAQ,GAAG,+BAAjB;;AAEA,MACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAON,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;AACAL,IAAAA,IAAI,iTAEF,OAFE,CAAJ;AAID;;AAED,SACE,qCAAC,SAAD,6BACMM,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAE,4BACT,gCAAa,MAAb,EAAqBE,QAArB,CADS,oBAEEJ,MAFF;AAHb,MAQGD,QARH,CADF;AAYD,CAhCD,C,CAkCA;;;eACeD,I","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Text.css\";\n\nexport interface TextProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  weight: \"regular\" | \"medium\" | \"semibold\";\n}\n\nconst warn = warnOnce(\"Text\");\nconst Text: React.FC<TextProps> = ({\n  children,\n  weight = \"regular\",\n  Component = \"span\",\n  getRootRef,\n  ...restProps\n}: TextProps) => {\n  const platform = usePlatform();\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\n      `Свойство \"getRootRef\" может использоваться только с компонентами DOM`,\n      \"error\"\n    );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        getClassName(\"Text\", platform),\n        `Text--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Text;\n"],"file":"Text.js"}

package/dist/cjs/components/Typography/Title/Title.d.ts

@@ -3,10 +3,11 @@ import { HasComponent } from "../../../types";
 import "./Title.css";
 export interface TitleProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
     /**
-     * Начертания "heavy", "bold", "semibold", "medium" и "regular" устарели и будут удалены в 5.0.0.
+     * Задаёт начертание шрифта отличное от стандартного.
+     *
+     * > ⚠️ Начертания `"heavy"`, `"bold"`, `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
      */
     weight?: "heavy" | "bold" | "semibold" | "medium" | "regular" | "1" | "2" | "3";
     level: "1" | "2" | "3";
 }
-declare const Title: React.FC<TitleProps>;
-export default Title;
+export declare const Title: React.FC<TitleProps>;

package/dist/cjs/components/Typography/Title/Title.js

@@ -5,17 +5,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.Title = void 0;
 
 var _jsxRuntime = require("../../../lib/jsxRuntime");
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _classNames2 = require("../../../lib/classNames");
+var _classNames = require("../../../lib/classNames");
 
 var _warnOnce = require("../../../lib/warnOnce");
 
@@ -39,11 +37,9 @@ var Title = function Title(_ref) {
   }
 
   return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames2.classNames)("Title", "Title--l-".concat(level), (0, _defineProperty2.default)({}, "Title--w-".concat(weight), !!weight))
+    vkuiClass: (0, _classNames.classNames)("Title", "Title--l-".concat(level), weight && "Title--w-".concat(weight))
   }), children);
-}; // eslint-disable-next-line import/no-default-export
-
+};
 
-var _default = Title;
-exports.default = _default;
+exports.Title = Title;
 //# sourceMappingURL=Title.js.map

package/dist/cjs/components/Typography/Title/Title.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Title/Title.tsx"],"names":["warn","Title","children","weight","level","Component","restProps","process","env","NODE_ENV","includes"],"mappings":";;;;;;;;;;;;;;;;;AAEA;;AACA;;;AAqBA,IAAMA,IAAI,GAAG,wBAAS,OAAT,CAAb;;AAEA,IAAMC,KAA2B,GAAG,SAA9BA,KAA8B,OAMlB;AAAA,MALhBC,QAKgB,QALhBA,QAKgB;AAAA,MAJhBC,MAIgB,QAJhBA,MAIgB;AAAA,wBAHhBC,KAGgB;AAAA,MAHhBA,KAGgB,2BAHR,GAGQ;AAAA,MAFhBC,SAEgB,QAFhBA,SAEgB;AAAA,MADbC,SACa;;AAChB,MAAI,CAACD,SAAL,EAAgB;AACdA,IAAAA,SAAS,GAAI,MAAMD,KAAnB;AACD;;AAED,MAAIG,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1C,QACEN,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDO,QAAnD,CAA4DP,MAA5D,CAFF,EAIEH,IAAI,iFACoBG,MADpB,sSAAJ;AAGH;;AAED,SACE,qCAAC,SAAD,6BACMG,SADN;AAEE,IAAA,SAAS,EAAE,6BAAW,OAAX,qBAAgCF,KAAhC,wDACID,MADJ,GACe,CAAC,CAACA,MADjB;AAFb,MAMGD,QANH,CADF;AAUD,CA/BD,C,CAiCA;;;eACeD,K","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Title.css\";\n\nexport interface TitleProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Начертания \"heavy\", \"bold\", \"semibold\", \"medium\" и \"regular\" устарели и будут удалены в 5.0.0.\n   */\n  weight?:\n    | \"heavy\"\n    | \"bold\"\n    | \"semibold\"\n    | \"medium\"\n    | \"regular\"\n    | \"1\"\n    | \"2\"\n    | \"3\";\n  level: \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Title\");\n\nconst Title: React.FC<TitleProps> = ({\n  children,\n  weight,\n  level = \"1\",\n  Component,\n  ...restProps\n}: TitleProps) => {\n  if (!Component) {\n    Component = (\"h\" + level) as React.ElementType;\n  }\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\"Title\", `Title--l-${level}`, {\n        [`Title--w-${weight}`]: !!weight,\n      })}\n    >\n      {children}\n    </Component>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Title;\n"],"file":"Title.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Title/Title.tsx"],"names":["warn","Title","children","weight","level","Component","restProps","process","env","NODE_ENV","includes"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;;AAuBA,IAAMA,IAAI,GAAG,wBAAS,OAAT,CAAb;;AACO,IAAMC,KAA2B,GAAG,SAA9BA,KAA8B,OAMrC;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,wBAHJC,KAGI;AAAA,MAHJA,KAGI,2BAHI,GAGJ;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,SACC;;AACJ,MAAI,CAACD,SAAL,EAAgB;AACdA,IAAAA,SAAS,GAAI,MAAMD,KAAnB;AACD;;AAED,MAAIG,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1C,QACEN,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDO,QAAnD,CAA4DP,MAA5D,CAFF,EAIEH,IAAI,iFACoBG,MADpB,sSAAJ;AAGH;;AAED,SACE,qCAAC,SAAD,6BACMG,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,OADS,qBAEGF,KAFH,GAGTD,MAAM,uBAAgBA,MAAhB,CAHG;AAFb,MAQGD,QARH,CADF;AAYD,CAjCM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Title.css\";\n\nexport interface TitleProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"heavy\"`, `\"bold\"`, `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?:\n    | \"heavy\"\n    | \"bold\"\n    | \"semibold\"\n    | \"medium\"\n    | \"regular\"\n    | \"1\"\n    | \"2\"\n    | \"3\";\n  level: \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Title\");\nexport const Title: React.FC<TitleProps> = ({\n  children,\n  weight,\n  level = \"1\",\n  Component,\n  ...restProps\n}) => {\n  if (!Component) {\n    Component = (\"h\" + level) as React.ElementType;\n  }\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Title\",\n        `Title--l-${level}`,\n        weight && `Title--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"file":"Title.js"}

package/dist/cjs/components/UsersStack/UsersStack.js

@@ -27,9 +27,9 @@ var _classNames = require("../../lib/classNames");
 
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
 
-var _Caption = _interopRequireDefault(require("../Typography/Caption/Caption"));
+var _Caption = require("../Typography/Caption/Caption");
 
-var _Subhead = _interopRequireDefault(require("../Typography/Subhead/Subhead"));
+var _Subhead = require("../Typography/Subhead/Subhead");
 
 var _masks = require("./masks");
 
@@ -58,6 +58,7 @@ var UsersStack = function UsersStack(props) {
   var canShowOthers = othersCount > 0 && size === "m";
   var photosShown = photos.slice(0, visibleCount);
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
+    // eslint-disable-next-line vkui/no-object-expression-in-arguments
     vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("UsersStack", platform), "UsersStack--size-".concat(size), "UsersStack--l-".concat(layout), {
       "UsersStack--others": canShowOthers
     })
@@ -72,12 +73,11 @@ var UsersStack = function UsersStack(props) {
         backgroundImage: "url(".concat(photo, ")")
       }
     });
-  }), canShowOthers && (0, _jsxRuntime.createScopedElement)(_Caption.default, {
-    weight: "medium",
-    level: "1",
+  }), canShowOthers && (0, _jsxRuntime.createScopedElement)(_Caption.Caption, {
+    weight: "1",
     vkuiClass: "UsersStack__photo UsersStack__photo--others",
     "aria-hidden": "true"
-  }, (0, _jsxRuntime.createScopedElement)("span", null, "+", othersCount))), (0, _utils.hasReactNode)(children) && (0, _jsxRuntime.createScopedElement)(_Subhead.default, {
+  }, (0, _jsxRuntime.createScopedElement)("span", null, "+", othersCount))), (0, _utils.hasReactNode)(children) && (0, _jsxRuntime.createScopedElement)(_Subhead.Subhead, {
     Component: "span",
     vkuiClass: "UsersStack__text"
   }, children));

package/dist/cjs/components/UsersStack/UsersStack.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/UsersStack/UsersStack.tsx"],"names":["UsersStack","props","platform","photos","visibleCount","size","layout","children","restProps","document","othersCount","Math","max","length","canShowOthers","photosShown","slice","map","photo","i","backgroundImage","defaultProps","React","memo"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAuBA,IAAMA,UAAqC,GAAG,SAAxCA,UAAwC,CAACC,KAAD,EAA4B;AACxE,MAAMC,QAAQ,GAAG,+BAAjB;AACA,sBAOID,KAPJ,CACEE,MADF;AAAA,MACEA,MADF,8BACW,EADX;AAAA,4BAOIF,KAPJ,CAEEG,YAFF;AAAA,MAEEA,YAFF,oCAEiB,CAFjB;AAAA,MAGEC,IAHF,GAOIJ,KAPJ,CAGEI,IAHF;AAAA,MAIEC,MAJF,GAOIL,KAPJ,CAIEK,MAJF;AAAA,MAKEC,QALF,GAOIN,KAPJ,CAKEM,QALF;AAAA,MAMKC,SANL,0CAOIP,KAPJ;;AAQA,gBAAqB,kBAArB;AAAA,MAAQQ,QAAR,WAAQA,QAAR;;AAEA,4DAA0B,YAAM;AAC9B,4BAAYA,QAAZ;AACD,GAFD,EAEG,CAACA,QAAD,CAFH;AAIA,MAAMC,WAAW,GAAGC,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYT,MAAM,CAACU,MAAP,GAAgBT,YAA5B,CAApB;AACA,MAAMU,aAAa,GAAGJ,WAAW,GAAG,CAAd,IAAmBL,IAAI,KAAK,GAAlD;AAEA,MAAMU,WAAW,GAAGZ,MAAM,CAACa,KAAP,CAAa,CAAb,EAAgBZ,YAAhB,CAApB;AAEA,SACE,uEACMI,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,YAAb,EAA2BN,QAA3B,CADS,6BAEWG,IAFX,2BAGQC,MAHR,GAIT;AACE,4BAAsBQ;AADxB,KAJS;AAFb,MAWE;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,IAAI,EAAC;AAAzC,KACGC,WAAW,CAACE,GAAZ,CAAgB,UAACC,KAAD,EAAQC,CAAR;AAAA,WACf;AACE,MAAA,GAAG,EAAEA,CADP;AAEE,MAAA,SAAS,EAAC,mBAFZ;AAGE,MAAA,KAAK,EAAE;AAAEC,QAAAA,eAAe,gBAASF,KAAT;AAAjB;AAHT,MADe;AAAA,GAAhB,CADH,EASGJ,aAAa,IACZ,qCAAC,gBAAD;AACE,IAAA,MAAM,EAAC,QADT;AAEE,IAAA,KAAK,EAAC,GAFR;AAGE,IAAA,SAAS,EAAC,6CAHZ;AAIE,mBAAY;AAJd,KAME,wDAAQJ,WAAR,CANF,CAVJ,CAXF,EA+BG,yBAAaH,QAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,QADH,CAhCJ,CADF;AAuCD,CA5DD;;AA8DAP,UAAU,CAACqB,YAAX,GAA0B;AACxBlB,EAAAA,MAAM,EAAE,EADgB;AAExBE,EAAAA,IAAI,EAAE,GAFkB;AAGxBD,EAAAA,YAAY,EAAE,CAHU;AAIxBE,EAAAA,MAAM,EAAE;AAJgB,CAA1B,C,CAOA;;4BACegB,KAAK,CAACC,IAAN,CAAWvB,UAAX,C","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport { createMasks } from \"./masks\";\nimport { useDOM } from \"../../lib/dom\";\nimport \"./UsersStack.css\";\n\nexport interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Массив ссылок на фотографии\n   */\n  photos?: string[];\n  /**\n   * Размер аватарок\n   */\n  size?: \"xs\" | \"s\" | \"m\";\n  /**\n   * Вертикальный режим рекомендуется использовать с размером `m`\n   */\n  layout?: \"vertical\" | \"horizontal\";\n  /**\n   * Количество аватарок, которые будут показаны.\n   * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов\n   */\n  visibleCount?: number;\n}\n\nconst UsersStack: React.FC<UsersStackProps> = (props: UsersStackProps) => {\n  const platform = usePlatform();\n  const {\n    photos = [],\n    visibleCount = 0,\n    size,\n    layout,\n    children,\n    ...restProps\n  } = props;\n  const { document } = useDOM();\n\n  useIsomorphicLayoutEffect(() => {\n    createMasks(document);\n  }, [document]);\n\n  const othersCount = Math.max(0, photos.length - visibleCount);\n  const canShowOthers = othersCount > 0 && size === \"m\";\n\n  const photosShown = photos.slice(0, visibleCount);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"UsersStack\", platform),\n        `UsersStack--size-${size}`,\n        `UsersStack--l-${layout}`,\n        {\n          \"UsersStack--others\": canShowOthers,\n        }\n      )}\n    >\n      <div vkuiClass=\"UsersStack__photos\" role=\"presentation\">\n        {photosShown.map((photo, i) => (\n          <div\n            key={i}\n            vkuiClass=\"UsersStack__photo\"\n            style={{ backgroundImage: `url(${photo})` }}\n          />\n        ))}\n\n        {canShowOthers && (\n          <Caption\n            weight=\"medium\"\n            level=\"1\"\n            vkuiClass=\"UsersStack__photo UsersStack__photo--others\"\n            aria-hidden=\"true\"\n          >\n            <span>+{othersCount}</span>\n          </Caption>\n        )}\n      </div>\n      {hasReactNode(children) && (\n        <Subhead Component=\"span\" vkuiClass=\"UsersStack__text\">\n          {children}\n        </Subhead>\n      )}\n    </div>\n  );\n};\n\nUsersStack.defaultProps = {\n  photos: [],\n  size: \"s\",\n  visibleCount: 3,\n  layout: \"horizontal\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default React.memo(UsersStack);\n"],"file":"UsersStack.js"}
+{"version":3,"sources":["../../../../src/components/UsersStack/UsersStack.tsx"],"names":["UsersStack","props","platform","photos","visibleCount","size","layout","children","restProps","document","othersCount","Math","max","length","canShowOthers","photosShown","slice","map","photo","i","backgroundImage","defaultProps","React","memo"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAuBA,IAAMA,UAAqC,GAAG,SAAxCA,UAAwC,CAACC,KAAD,EAA4B;AACxE,MAAMC,QAAQ,GAAG,+BAAjB;AACA,sBAOID,KAPJ,CACEE,MADF;AAAA,MACEA,MADF,8BACW,EADX;AAAA,4BAOIF,KAPJ,CAEEG,YAFF;AAAA,MAEEA,YAFF,oCAEiB,CAFjB;AAAA,MAGEC,IAHF,GAOIJ,KAPJ,CAGEI,IAHF;AAAA,MAIEC,MAJF,GAOIL,KAPJ,CAIEK,MAJF;AAAA,MAKEC,QALF,GAOIN,KAPJ,CAKEM,QALF;AAAA,MAMKC,SANL,0CAOIP,KAPJ;;AAQA,gBAAqB,kBAArB;AAAA,MAAQQ,QAAR,WAAQA,QAAR;;AAEA,4DAA0B,YAAM;AAC9B,4BAAYA,QAAZ;AACD,GAFD,EAEG,CAACA,QAAD,CAFH;AAIA,MAAMC,WAAW,GAAGC,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYT,MAAM,CAACU,MAAP,GAAgBT,YAA5B,CAApB;AACA,MAAMU,aAAa,GAAGJ,WAAW,GAAG,CAAd,IAAmBL,IAAI,KAAK,GAAlD;AAEA,MAAMU,WAAW,GAAGZ,MAAM,CAACa,KAAP,CAAa,CAAb,EAAgBZ,YAAhB,CAApB;AAEA,SACE,uEACMI,SADN;AAEE;AACA,IAAA,SAAS,EAAE,4BACT,gCAAa,YAAb,EAA2BN,QAA3B,CADS,6BAEWG,IAFX,2BAGQC,MAHR,GAIT;AACE,4BAAsBQ;AADxB,KAJS;AAHb,MAYE;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,IAAI,EAAC;AAAzC,KACGC,WAAW,CAACE,GAAZ,CAAgB,UAACC,KAAD,EAAQC,CAAR;AAAA,WACf;AACE,MAAA,GAAG,EAAEA,CADP;AAEE,MAAA,SAAS,EAAC,mBAFZ;AAGE,MAAA,KAAK,EAAE;AAAEC,QAAAA,eAAe,gBAASF,KAAT;AAAjB;AAHT,MADe;AAAA,GAAhB,CADH,EASGJ,aAAa,IACZ,qCAAC,gBAAD;AACE,IAAA,MAAM,EAAC,GADT;AAEE,IAAA,SAAS,EAAC,6CAFZ;AAGE,mBAAY;AAHd,KAKE,wDAAQJ,WAAR,CALF,CAVJ,CAZF,EA+BG,yBAAaH,QAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,QADH,CAhCJ,CADF;AAuCD,CA5DD;;AA8DAP,UAAU,CAACqB,YAAX,GAA0B;AACxBlB,EAAAA,MAAM,EAAE,EADgB;AAExBE,EAAAA,IAAI,EAAE,GAFkB;AAGxBD,EAAAA,YAAY,EAAE,CAHU;AAIxBE,EAAAA,MAAM,EAAE;AAJgB,CAA1B,C,CAOA;;4BACegB,KAAK,CAACC,IAAN,CAAWvB,UAAX,C","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { createMasks } from \"./masks\";\nimport { useDOM } from \"../../lib/dom\";\nimport \"./UsersStack.css\";\n\nexport interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Массив ссылок на фотографии\n   */\n  photos?: string[];\n  /**\n   * Размер аватарок\n   */\n  size?: \"xs\" | \"s\" | \"m\";\n  /**\n   * Вертикальный режим рекомендуется использовать с размером `m`\n   */\n  layout?: \"vertical\" | \"horizontal\";\n  /**\n   * Количество аватарок, которые будут показаны.\n   * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов\n   */\n  visibleCount?: number;\n}\n\nconst UsersStack: React.FC<UsersStackProps> = (props: UsersStackProps) => {\n  const platform = usePlatform();\n  const {\n    photos = [],\n    visibleCount = 0,\n    size,\n    layout,\n    children,\n    ...restProps\n  } = props;\n  const { document } = useDOM();\n\n  useIsomorphicLayoutEffect(() => {\n    createMasks(document);\n  }, [document]);\n\n  const othersCount = Math.max(0, photos.length - visibleCount);\n  const canShowOthers = othersCount > 0 && size === \"m\";\n\n  const photosShown = photos.slice(0, visibleCount);\n\n  return (\n    <div\n      {...restProps}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(\n        getClassName(\"UsersStack\", platform),\n        `UsersStack--size-${size}`,\n        `UsersStack--l-${layout}`,\n        {\n          \"UsersStack--others\": canShowOthers,\n        }\n      )}\n    >\n      <div vkuiClass=\"UsersStack__photos\" role=\"presentation\">\n        {photosShown.map((photo, i) => (\n          <div\n            key={i}\n            vkuiClass=\"UsersStack__photo\"\n            style={{ backgroundImage: `url(${photo})` }}\n          />\n        ))}\n\n        {canShowOthers && (\n          <Caption\n            weight=\"1\"\n            vkuiClass=\"UsersStack__photo UsersStack__photo--others\"\n            aria-hidden=\"true\"\n          >\n            <span>+{othersCount}</span>\n          </Caption>\n        )}\n      </div>\n      {hasReactNode(children) && (\n        <Subhead Component=\"span\" vkuiClass=\"UsersStack__text\">\n          {children}\n        </Subhead>\n      )}\n    </div>\n  );\n};\n\nUsersStack.defaultProps = {\n  photos: [],\n  size: \"s\",\n  visibleCount: 3,\n  layout: \"horizontal\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default React.memo(UsersStack);\n"],"file":"UsersStack.js"}

package/dist/cjs/components/View/View.js

@@ -236,6 +236,10 @@ var View = /*#__PURE__*/function (_React$Component) {
       if (id) {
         scrollsCache[id] = this.scrolls;
       }
+
+      if (this.animationFinishTimeout) {
+        clearTimeout(this.animationFinishTimeout);
+      }
     }
   }, {
     key: "componentDidUpdate",
@@ -527,6 +531,7 @@ var View = /*#__PURE__*/function (_React$Component) {
         var isTransitionTarget = animated && panelId === (isBack ? prevPanel : nextPanel);
         var compensateScroll = isPrev || panelId === swipeBackNextPanel || panelId === nextPanel && isBack;
         return (0, _jsxRuntime.createScopedElement)("div", {
+          // eslint-disable-next-line vkui/no-object-expression-in-arguments
           vkuiClass: (0, _classNames.classNames)("View__panel", {
             "View__panel--active": panelId === activePanel,
             "View__panel--prev": panelId === prevPanel,