@vkontakte/vkui 5.8.2 → 5.9.1

package/dist/cjs/components/BaseGallery/CarouselBase/CarouselBase.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/BaseGallery/CarouselBase/CarouselBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityHasPointer } from '../../../hooks/useAdaptivityHasPointer';\nimport { useExternRef } from '../../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../../hooks/useGlobalEventListener';\nimport { useDOM } from '../../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../../lib/warnOnce';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport { ScrollArrow } from '../../ScrollArrow/ScrollArrow';\nimport { Touch, TouchEvent } from '../../Touch/Touch';\nimport { BaseGalleryProps, GallerySlidesState } from '../types';\nimport { ANIMATION_DURATION, CONTROL_ELEMENTS_STATE, SLIDES_MANAGER_STATE } from './constants';\nimport { calculateIndent, getLoopPoints, getTargetIndex } from './helpers';\nimport { useSlideAnimation } from './hooks';\nimport { ControlElementsState, SlidesManagerState } from './types';\nimport styles from '../BaseGallery.module.css';\n\nconst stylesBullets = {\n  dark: styles['BaseGallery__bullets--dark'],\n  light: styles['BaseGallery__bullets--light'],\n};\n\nconst warn = warnOnce('Gallery');\n\nexport const CarouselBase = ({\n  bullets = false,\n  getRootRef,\n  children,\n  slideWidth = '100%',\n  slideIndex = 0,\n  isDraggable: isDraggableProp = true,\n  onDragStart,\n  onDragEnd,\n  onChange,\n  onPrevClick,\n  onNextClick,\n  align = 'left',\n  showArrows,\n  getRef,\n  arrowSize = 'l',\n  ...restProps\n}: BaseGalleryProps) => {\n  const slidesStore = React.useRef<Record<string, HTMLDivElement | null>>({});\n  const slidesManager = React.useRef<SlidesManagerState>(SLIDES_MANAGER_STATE);\n\n  const rootRef = useExternRef(getRootRef);\n  const viewportRef = useExternRef(getRef);\n  const layerRef = React.useRef<HTMLDivElement>(null);\n  const animationFrameRef = React.useRef<ReturnType<typeof requestAnimationFrame> | null>(null);\n  const shiftXCurrentRef = React.useRef<number>(0);\n  const shiftXDeltaRef = React.useRef<number>(0);\n  const initialized = React.useRef<boolean>(false);\n  const { addToAnimationQueue, getAnimateFunction, startAnimation } = useSlideAnimation();\n\n  const [controlElementsState, setControlElementsState] =\n    React.useState<ControlElementsState>(CONTROL_ELEMENTS_STATE);\n\n  const { window } = useDOM();\n  const hasPointer = useAdaptivityHasPointer();\n\n  const isCenterWithCustomWidth = slideWidth === 'custom' && align === 'center';\n\n  const transformCssStyles = (shiftX: number, animation = false) => {\n    slidesManager.current.loopPoints.forEach((loopPoint) => {\n      const { target, index } = loopPoint;\n      const slide = slidesStore.current[index];\n      if (slide) {\n        slide.style.transform = `translate3d(${target(shiftX)}px, 0, 0)`;\n      }\n    });\n\n    if (layerRef.current) {\n      layerRef.current.style.transform = `translate3d(${shiftX}px, 0, 0)`;\n      layerRef.current.style.transition = animation\n        ? `transform ${ANIMATION_DURATION}ms cubic-bezier(.1, 0, .25, 1)`\n        : '';\n    }\n  };\n\n  const requestTransform = (shiftX: number, animation = false) => {\n    const { snaps, contentSize, slides } = slidesManager.current;\n\n    if (animationFrameRef.current !== null) {\n      cancelAnimationFrame(animationFrameRef.current);\n    }\n    animationFrameRef.current = requestAnimationFrame(() => {\n      if (shiftX > snaps[0]) {\n        shiftXCurrentRef.current = -contentSize + snaps[0];\n        shiftX = shiftXCurrentRef.current + shiftXDeltaRef.current;\n      }\n      const lastPoint = slides[slides.length - 1].width + slides[slides.length - 1].coordX;\n\n      if (shiftX <= -lastPoint) {\n        shiftXCurrentRef.current = Math.abs(shiftXDeltaRef.current) + snaps[0];\n      }\n      transformCssStyles(shiftX, animation);\n    });\n  };\n\n  const initializeSlides = () => {\n    if (!rootRef.current || !viewportRef.current) {\n      return;\n    }\n    let localSlides =\n      React.Children.map(children, (_item, i): GallerySlidesState => {\n        const elem = slidesStore.current[i] || { offsetLeft: 0, offsetWidth: 0 };\n        return { coordX: elem.offsetLeft, width: elem.offsetWidth };\n      }) || [];\n\n    const containerWidth = rootRef.current.offsetWidth;\n    const viewportOffsetWidth = viewportRef.current.offsetWidth;\n    const layerWidth = localSlides.reduce((val, slide) => slide.width + val, 0);\n\n    if (process.env.NODE_ENV === 'development') {\n      let remainingWidth = containerWidth;\n      let slideIndex = 0;\n\n      while (remainingWidth > 0 && slideIndex < localSlides.length) {\n        remainingWidth -= localSlides[slideIndex].width;\n        slideIndex++;\n      }\n      if (remainingWidth <= 0 && slideIndex === localSlides.length) {\n        warn(\n          'Ширины слайдов недостаточно для корректной работы свойства \"looped\". Пожалуйста, сделайте её больше.\"',\n        );\n      }\n    }\n    if (align === 'center') {\n      const firstSlideShift = (containerWidth - localSlides[0].width) / 2;\n      localSlides = localSlides.map((item) => {\n        return {\n          width: item.width,\n          coordX: item.coordX - firstSlideShift,\n        };\n      });\n    }\n\n    slidesManager.current = {\n      ...slidesManager.current,\n      viewportOffsetWidth,\n      slides: localSlides,\n      isFullyVisible: layerWidth <= containerWidth,\n    };\n\n    const snaps = localSlides.map((_, index) =>\n      calculateIndent(index, slidesManager.current, isCenterWithCustomWidth),\n    );\n\n    let contentSize = -snaps[snaps.length - 1] + localSlides[localSlides.length - 1].width;\n    if (align === 'center') {\n      contentSize += snaps[0];\n    }\n\n    slidesManager.current.snaps = snaps;\n    slidesManager.current.contentSize = contentSize;\n    slidesManager.current.loopPoints = getLoopPoints(slidesManager.current, containerWidth);\n\n    setControlElementsState({\n      canSlideLeft: !slidesManager.current.isFullyVisible,\n      canSlideRight: !slidesManager.current.isFullyVisible,\n      isDraggable: isDraggableProp && !slidesManager.current.isFullyVisible,\n    });\n\n    shiftXCurrentRef.current = snaps[slideIndex];\n    initialized.current = true;\n\n    requestTransform(shiftXCurrentRef.current);\n  };\n\n  const onResize = () => {\n    if (initialized.current) {\n      initializeSlides();\n    }\n  };\n\n  useGlobalEventListener(window, 'resize', onResize);\n\n  useIsomorphicLayoutEffect(\n    function performSlideChange() {\n      if (!initialized.current) {\n        return;\n      }\n      const { snaps, slides } = slidesManager.current;\n      const indent = snaps[slideIndex];\n      let startPoint = shiftXCurrentRef.current;\n\n      /**\n       * Переключаемся с последнего элемента на первый\n       * Для корректной анимации мы прокручиваем последний слайд на всю длину (shiftX) \"вперед\"\n       * В конце анимации при отрисовке следующего кадра задаем всем слайдам начальные значения\n       */\n      if (indent === snaps[0] && shiftXCurrentRef.current <= snaps[snaps.length - 1]) {\n        const distance =\n          Math.abs(snaps[snaps.length - 1]) + slides[slides.length - 1].width + startPoint;\n\n        addToAnimationQueue(\n          getAnimateFunction((progress) => {\n            const shiftX = startPoint + progress * distance * -1;\n\n            transformCssStyles(shiftX);\n\n            if (shiftX <= snaps[snaps.length - 1] - slides[slides.length - 1].width) {\n              requestAnimationFrame(() => {\n                shiftXCurrentRef.current = indent;\n                transformCssStyles(snaps[0]);\n              });\n            }\n          }),\n        );\n        /**\n         * Переключаемся с первого слайда на последний\n         * Для корректной анимации сначала задаем первым видимым слайдам смещение\n         * В следующем кадре начинаем анимация прокрутки \"назад\"\n         */\n      } else if (indent === snaps[snaps.length - 1] && shiftXCurrentRef.current === snaps[0]) {\n        startPoint = indent - slides[slides.length - 1].width;\n\n        addToAnimationQueue(() => {\n          requestAnimationFrame(() => {\n            const shiftX = indent - slides[slides.length - 1].width;\n            transformCssStyles(shiftX);\n\n            getAnimateFunction((progress) => {\n              transformCssStyles(startPoint + progress * slides[slides.length - 1].width);\n            })();\n          });\n        });\n        /**\n         * Если не обработаны `corner`-кейсы выше, то просто проигрываем анимацию смещения\n         */\n      } else {\n        addToAnimationQueue(() => {\n          const distance = Math.abs(indent - startPoint);\n          let direction = startPoint <= indent ? 1 : -1;\n\n          getAnimateFunction((progress) => {\n            const shiftX = startPoint + progress * distance * direction;\n            transformCssStyles(shiftX);\n          })();\n        });\n      }\n\n      startAnimation();\n\n      shiftXCurrentRef.current = indent;\n    },\n    [slideIndex],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    initializeSlides();\n  }, [children, align, slideWidth]);\n\n  const slideLeft = (event: React.MouseEvent) => {\n    onChange?.(\n      (slideIndex - 1 + slidesManager.current.slides.length) % slidesManager.current.slides.length,\n    );\n    onPrevClick?.(event);\n  };\n\n  const slideRight = (event: React.MouseEvent) => {\n    onChange?.((slideIndex + 1) % slidesManager.current.slides.length);\n    onNextClick?.(event);\n  };\n\n  const onStart = (e: TouchEvent) => {\n    e.originalEvent.stopPropagation();\n    onDragStart?.(e);\n    shiftXCurrentRef.current = slidesManager.current.snaps[slideIndex];\n    shiftXDeltaRef.current = 0;\n  };\n\n  const onMoveX = (e: TouchEvent) => {\n    if (isDraggableProp && !slidesManager.current.isFullyVisible) {\n      e.originalEvent.preventDefault();\n\n      if (e.isSlideX) {\n        if (shiftXDeltaRef.current !== e.shiftX) {\n          shiftXDeltaRef.current = e.shiftX;\n          requestTransform(shiftXCurrentRef.current + shiftXDeltaRef.current);\n        }\n      }\n    }\n  };\n\n  const onEnd = (e: TouchEvent) => {\n    let targetIndex = slideIndex;\n    if (e.isSlide) {\n      targetIndex = getTargetIndex(\n        slidesManager.current.slides,\n        slideIndex,\n        shiftXCurrentRef.current,\n        shiftXDeltaRef.current,\n      );\n    }\n    onDragEnd?.(e, targetIndex);\n\n    if (targetIndex !== slideIndex) {\n      shiftXCurrentRef.current = shiftXCurrentRef.current + shiftXDeltaRef.current;\n      onChange?.(targetIndex);\n    } else {\n      const initialShiftX = slidesManager.current.snaps[targetIndex];\n      requestTransform(initialShiftX, true);\n    }\n  };\n\n  const setSlideRef = (slideRef: HTMLDivElement | null, slideIndex: number) => {\n    slidesStore.current[slideIndex] = slideRef;\n  };\n\n  const { canSlideLeft, canSlideRight, isDraggable } = controlElementsState;\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles['BaseGallery'],\n        slideWidth === 'custom' && styles['BaseGallery--custom-width'],\n        isDraggable && styles['BaseGallery--draggable'],\n      )}\n      getRootRef={rootRef}\n    >\n      <Touch\n        className={styles['BaseGallery__viewport']}\n        onStartX={onStart}\n        onMoveX={onMoveX}\n        onEnd={onEnd}\n        style={{ width: slideWidth === 'custom' ? '100%' : slideWidth }}\n        getRootRef={viewportRef}\n        noSlideClick\n      >\n        <div className={styles['BaseGallery__layer']} ref={layerRef}>\n          {React.Children.map(children, (item: React.ReactNode, i: number) => (\n            <div\n              className={styles['BaseGallery__slide']}\n              key={`slide-${i}`}\n              ref={(el) => setSlideRef(el, i)}\n            >\n              {item}\n            </div>\n          ))}\n        </div>\n      </Touch>\n\n      {bullets && (\n        <div\n          aria-hidden\n          className={classNames(styles['BaseGallery__bullets'], stylesBullets[bullets])}\n        >\n          {React.Children.map(children, (_item: React.ReactNode, index: number) => (\n            <div\n              className={classNames(\n                styles['BaseGallery__bullet'],\n                index === slideIndex && styles['BaseGallery__bullet--active'],\n              )}\n              key={index}\n            />\n          ))}\n        </div>\n      )}\n\n      {showArrows && hasPointer && canSlideLeft && (\n        <ScrollArrow\n          className={styles['BaseGallery__arrow']}\n          direction=\"left\"\n          onClick={slideLeft}\n          size={arrowSize}\n        />\n      )}\n      {showArrows && hasPointer && canSlideRight && (\n        <ScrollArrow\n          className={styles['BaseGallery__arrow']}\n          direction=\"right\"\n          onClick={slideRight}\n          size={arrowSize}\n        />\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["CarouselBase","stylesBullets","dark","light","warn","warnOnce","bullets","getRootRef","children","slideWidth","slideIndex","isDraggableProp","isDraggable","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","align","showArrows","getRef","arrowSize","restProps","slidesStore","React","useRef","slidesManager","SLIDES_MANAGER_STATE","rootRef","useExternRef","viewportRef","layerRef","animationFrameRef","shiftXCurrentRef","shiftXDeltaRef","initialized","useSlideAnimation","addToAnimationQueue","getAnimateFunction","startAnimation","useState","CONTROL_ELEMENTS_STATE","controlElementsState","setControlElementsState","window","useDOM","hasPointer","useAdaptivityHasPointer","isCenterWithCustomWidth","transformCssStyles","shiftX","animation","current","loopPoints","forEach","loopPoint","target","index","slide","style","transform","transition","ANIMATION_DURATION","requestTransform","snaps","contentSize","slides","cancelAnimationFrame","requestAnimationFrame","lastPoint","length","width","coordX","Math","abs","initializeSlides","localSlides","Children","map","_item","i","elem","offsetLeft","offsetWidth","containerWidth","viewportOffsetWidth","layerWidth","reduce","val","process","env","NODE_ENV","remainingWidth","firstSlideShift","item","isFullyVisible","_","calculateIndent","getLoopPoints","canSlideLeft","canSlideRight","onResize","useGlobalEventListener","useIsomorphicLayoutEffect","performSlideChange","indent","startPoint","distance","progress","direction","slideLeft","event","slideRight","onStart","e","originalEvent","stopPropagation","onMoveX","preventDefault","isSlideX","onEnd","targetIndex","isSlide","getTargetIndex","initialShiftX","setSlideRef","slideRef","RootComponent","baseClassName","classNames","Touch","className","onStartX","noSlideClick","div","ref","key","el","aria-hidden","ScrollArrow","onClick","size"],"mappings":"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"}

package/dist/cjs/components/BaseGallery/CarouselBase/constants.d.ts

@@ -0,0 +1,6 @@
+import { ControlElementsState, SlidesManagerState } from './types';
+export declare const ANIMATION_DURATION = 240;
+export declare const SLIDE_THRESHOLD = 0.05;
+export declare const CONTROL_ELEMENTS_STATE: ControlElementsState;
+export declare const SLIDES_MANAGER_STATE: SlidesManagerState;
+//# sourceMappingURL=constants.d.ts.map

package/dist/cjs/components/BaseGallery/CarouselBase/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/BaseGallery/CarouselBase/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEnE,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC,eAAO,MAAM,eAAe,OAAO,CAAC;AAEpC,eAAO,MAAM,sBAAsB,EAAE,oBAIpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,kBAOlC,CAAC"}

package/dist/cjs/components/BaseGallery/CarouselBase/constants.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ANIMATION_DURATION: function() {
+        return ANIMATION_DURATION;
+    },
+    CONTROL_ELEMENTS_STATE: function() {
+        return CONTROL_ELEMENTS_STATE;
+    },
+    SLIDES_MANAGER_STATE: function() {
+        return SLIDES_MANAGER_STATE;
+    },
+    SLIDE_THRESHOLD: function() {
+        return SLIDE_THRESHOLD;
+    }
+});
+var ANIMATION_DURATION = 240;
+var SLIDE_THRESHOLD = 0.05;
+var CONTROL_ELEMENTS_STATE = {
+    canSlideLeft: true,
+    canSlideRight: true,
+    isDraggable: true
+};
+var SLIDES_MANAGER_STATE = {
+    viewportOffsetWidth: 0,
+    slides: [],
+    isFullyVisible: true,
+    loopPoints: [],
+    contentSize: 0,
+    snaps: []
+};
+
+//# sourceMappingURL=constants.js.map

package/dist/cjs/components/BaseGallery/CarouselBase/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/BaseGallery/CarouselBase/constants.ts"],"sourcesContent":["import { ControlElementsState, SlidesManagerState } from './types';\n\nexport const ANIMATION_DURATION = 240;\n\nexport const SLIDE_THRESHOLD = 0.05;\n\nexport const CONTROL_ELEMENTS_STATE: ControlElementsState = {\n  canSlideLeft: true,\n  canSlideRight: true,\n  isDraggable: true,\n};\n\nexport const SLIDES_MANAGER_STATE: SlidesManagerState = {\n  viewportOffsetWidth: 0,\n  slides: [],\n  isFullyVisible: true,\n  loopPoints: [],\n  contentSize: 0,\n  snaps: [],\n};\n"],"names":["ANIMATION_DURATION","CONTROL_ELEMENTS_STATE","SLIDES_MANAGER_STATE","SLIDE_THRESHOLD","canSlideLeft","canSlideRight","isDraggable","viewportOffsetWidth","slides","isFullyVisible","loopPoints","contentSize","snaps"],"mappings":";;;;;;;;;;;IAEaA,kBAAkB;eAAlBA;;IAIAC,sBAAsB;eAAtBA;;IAMAC,oBAAoB;eAApBA;;IARAC,eAAe;eAAfA;;;AAFN,IAAMH,qBAAqB;AAE3B,IAAMG,kBAAkB;AAExB,IAAMF,yBAA+C;IAC1DG,cAAc;IACdC,eAAe;IACfC,aAAa;AACf;AAEO,IAAMJ,uBAA2C;IACtDK,qBAAqB;IACrBC,QAAQ,EAAE;IACVC,gBAAgB;IAChBC,YAAY,EAAE;IACdC,aAAa;IACbC,OAAO,EAAE;AACX"}

package/dist/cjs/components/BaseGallery/CarouselBase/helpers.d.ts

@@ -0,0 +1,14 @@
+import { GallerySlidesState } from '../types';
+import { LoopPoint, SlidesManagerState } from './types';
+export declare function calculateIndent(targetIndex: number, slidesManager: SlidesManagerState, isCenterWithCustomWidth: boolean): number;
+/**
+ * Вычисляем индексы слайдов, которые необходимо смещать
+ */
+export declare function getShiftedIndexes(direction: 1 | -1, slides: GallerySlidesState[], availableWidth: number): number[];
+export declare function calculateLoopPoints(indexes: number[], edge: 'start' | 'end', slidesManager: SlidesManagerState, containerWidth: number): LoopPoint[];
+/**
+ * Вычисляем "ключевые" точки, на которых должно происходить смещение слайдов
+ */
+export declare function getLoopPoints(slidesManager: SlidesManagerState, containerWidth: number): LoopPoint[];
+export declare function getTargetIndex(slides: GallerySlidesState[], slideIndex: number, currentShiftX: number, currentShiftXDelta: number): number;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/cjs/components/BaseGallery/CarouselBase/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/BaseGallery/CarouselBase/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAKxD,wBAAgB,eAAe,CAC7B,WAAW,EAAE,MAAM,EACnB,aAAa,EAAE,kBAAkB,EACjC,uBAAuB,EAAE,OAAO,UAmBjC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,EACjB,MAAM,EAAE,kBAAkB,EAAE,EAC5B,cAAc,EAAE,MAAM,YAqBvB;AAED,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,MAAM,EAAE,EACjB,IAAI,EAAE,OAAO,GAAG,KAAK,EACrB,aAAa,EAAE,kBAAkB,EACjC,cAAc,EAAE,MAAM,GACrB,SAAS,EAAE,CAmBb;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,aAAa,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,eAStF;AAKD,wBAAgB,cAAc,CAC5B,MAAM,EAAE,kBAAkB,EAAE,EAC5B,UAAU,EAAE,MAAM,EAClB,aAAa,EAAE,MAAM,EACrB,kBAAkB,EAAE,MAAM,UA4B3B"}

package/dist/cjs/components/BaseGallery/CarouselBase/helpers.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    calculateIndent: function() {
+        return calculateIndent;
+    },
+    calculateLoopPoints: function() {
+        return calculateLoopPoints;
+    },
+    getLoopPoints: function() {
+        return getLoopPoints;
+    },
+    getShiftedIndexes: function() {
+        return getShiftedIndexes;
+    },
+    getTargetIndex: function() {
+        return getTargetIndex;
+    }
+});
+var _to_consumable_array = require("@swc/helpers/_/_to_consumable_array");
+var _constants = require("./constants");
+function calculateIndent(targetIndex, slidesManager, isCenterWithCustomWidth) {
+    if (slidesManager.isFullyVisible || !slidesManager.slides.length) {
+        return 0;
+    }
+    var targetSlide = slidesManager.slides[targetIndex];
+    if (targetSlide) {
+        var coordX = targetSlide.coordX, width = targetSlide.width;
+        if (isCenterWithCustomWidth) {
+            return slidesManager.viewportOffsetWidth / 2 - coordX - width / 2;
+        }
+        return -1 * coordX;
+    }
+    return 0;
+}
+function getShiftedIndexes(direction, slides, availableWidth) {
+    var gap = availableWidth;
+    var shiftedSlideIndexes = [];
+    var startIndex = direction === 1 ? 0 : slides.length - 1;
+    var endIndex = direction === 1 ? slides.length - 1 : 0;
+    for(var i = startIndex; (direction === 1 ? i <= endIndex : i >= endIndex) && gap > 0; i += direction){
+        var slideWidth = slides[i].width;
+        if (gap > 0) {
+            shiftedSlideIndexes.push(i);
+        }
+        gap -= slideWidth;
+    }
+    return shiftedSlideIndexes;
+}
+function calculateLoopPoints(indexes, edge, slidesManager, containerWidth) {
+    var contentSize = slidesManager.contentSize, slides = slidesManager.slides, snaps = slidesManager.snaps;
+    var isStartEdge = edge === "start";
+    var offset = isStartEdge ? -contentSize : contentSize;
+    return indexes.map(function(index) {
+        var initial = isStartEdge ? 0 : -contentSize;
+        var altered = isStartEdge ? contentSize : 0;
+        var loopPoint = isStartEdge ? snaps[index] + containerWidth + offset : snaps[index] - slides[index].width + offset - snaps[0];
+        return {
+            index: index,
+            target: function(currentLocation) {
+                return currentLocation >= loopPoint ? initial : altered;
+            }
+        };
+    });
+}
+function getLoopPoints(slidesManager, containerWidth) {
+    var slides = slidesManager.slides, snaps = slidesManager.snaps;
+    var startShiftedIndexes = getShiftedIndexes(-1, slides, snaps[0]);
+    var endShiftedIndexes = getShiftedIndexes(1, slides, containerWidth - snaps[0]);
+    return _to_consumable_array._(calculateLoopPoints(endShiftedIndexes, "start", slidesManager, containerWidth)).concat(_to_consumable_array._(calculateLoopPoints(startShiftedIndexes, "end", slidesManager, containerWidth)));
+}
+function getTargetIndex(slides, slideIndex, currentShiftX, currentShiftXDelta) {
+    var shift = currentShiftX + currentShiftXDelta;
+    var direction = currentShiftXDelta < 0 ? 1 : -1;
+    // Находим ближайшую границу слайда к текущему отступу
+    var targetIndex = slides.reduce(function(val, item, index) {
+        var previousValue = Math.abs(slides[val].coordX + shift);
+        var currentValue = Math.abs(item.coordX + shift);
+        return previousValue < currentValue ? val : index;
+    }, slideIndex);
+    if (targetIndex === slideIndex) {
+        var targetSlide = slideIndex + direction;
+        if (targetSlide >= 0 && targetSlide < slides.length) {
+            if (Math.abs(currentShiftXDelta) > slides[targetSlide].width * _constants.SLIDE_THRESHOLD) {
+                return targetSlide;
+            }
+            return targetIndex;
+        }
+        return direction < 0 ? (targetSlide + slides.length) % slides.length : targetSlide % slides.length;
+    }
+    return targetIndex;
+}
+
+//# sourceMappingURL=helpers.js.map

package/dist/cjs/components/BaseGallery/CarouselBase/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/BaseGallery/CarouselBase/helpers.ts"],"sourcesContent":["import { GallerySlidesState } from '../types';\nimport { SLIDE_THRESHOLD } from './constants';\nimport { LoopPoint, SlidesManagerState } from './types';\n\n/*\n * Считает отступ слоя галереи\n */\nexport function calculateIndent(\n  targetIndex: number,\n  slidesManager: SlidesManagerState,\n  isCenterWithCustomWidth: boolean,\n) {\n  if (slidesManager.isFullyVisible || !slidesManager.slides.length) {\n    return 0;\n  }\n\n  const targetSlide = slidesManager.slides[targetIndex];\n\n  if (targetSlide) {\n    const { coordX, width } = targetSlide;\n\n    if (isCenterWithCustomWidth) {\n      return slidesManager.viewportOffsetWidth / 2 - coordX - width / 2;\n    }\n\n    return -1 * coordX;\n  }\n\n  return 0;\n}\n\n/**\n * Вычисляем индексы слайдов, которые необходимо смещать\n */\nexport function getShiftedIndexes(\n  direction: 1 | -1,\n  slides: GallerySlidesState[],\n  availableWidth: number,\n) {\n  let gap = availableWidth;\n  const shiftedSlideIndexes = [];\n  const startIndex = direction === 1 ? 0 : slides.length - 1;\n  const endIndex = direction === 1 ? slides.length - 1 : 0;\n\n  for (\n    let i = startIndex;\n    (direction === 1 ? i <= endIndex : i >= endIndex) && gap > 0;\n    i += direction\n  ) {\n    const slideWidth = slides[i].width;\n\n    if (gap > 0) {\n      shiftedSlideIndexes.push(i);\n    }\n    gap -= slideWidth;\n  }\n\n  return shiftedSlideIndexes;\n}\n\nexport function calculateLoopPoints(\n  indexes: number[],\n  edge: 'start' | 'end',\n  slidesManager: SlidesManagerState,\n  containerWidth: number,\n): LoopPoint[] {\n  const { contentSize, slides, snaps } = slidesManager;\n  const isStartEdge = edge === 'start';\n  const offset = isStartEdge ? -contentSize : contentSize;\n\n  return indexes.map((index) => {\n    const initial = isStartEdge ? 0 : -contentSize;\n    const altered = isStartEdge ? contentSize : 0;\n    const loopPoint = isStartEdge\n      ? snaps[index] + containerWidth + offset\n      : snaps[index] - slides[index].width + offset - snaps[0];\n\n    return {\n      index,\n      target: (currentLocation) => {\n        return currentLocation >= loopPoint ? initial : altered;\n      },\n    };\n  });\n}\n\n/**\n * Вычисляем \"ключевые\" точки, на которых должно происходить смещение слайдов\n */\nexport function getLoopPoints(slidesManager: SlidesManagerState, containerWidth: number) {\n  const { slides, snaps } = slidesManager;\n  const startShiftedIndexes = getShiftedIndexes(-1, slides, snaps[0]);\n  const endShiftedIndexes = getShiftedIndexes(1, slides, containerWidth - snaps[0]);\n\n  return [\n    ...calculateLoopPoints(endShiftedIndexes, 'start', slidesManager, containerWidth),\n    ...calculateLoopPoints(startShiftedIndexes, 'end', slidesManager, containerWidth),\n  ];\n}\n\n/*\n * Получает индекс слайда, к которому будет осуществлен переход\n */\nexport function getTargetIndex(\n  slides: GallerySlidesState[],\n  slideIndex: number,\n  currentShiftX: number,\n  currentShiftXDelta: number,\n) {\n  const shift = currentShiftX + currentShiftXDelta;\n  const direction = currentShiftXDelta < 0 ? 1 : -1;\n\n  // Находим ближайшую границу слайда к текущему отступу\n  let targetIndex = slides.reduce((val: number, item: GallerySlidesState, index: number) => {\n    const previousValue = Math.abs(slides[val].coordX + shift);\n    const currentValue = Math.abs(item.coordX + shift);\n\n    return previousValue < currentValue ? val : index;\n  }, slideIndex);\n\n  if (targetIndex === slideIndex) {\n    let targetSlide = slideIndex + direction;\n\n    if (targetSlide >= 0 && targetSlide < slides.length) {\n      if (Math.abs(currentShiftXDelta) > slides[targetSlide].width * SLIDE_THRESHOLD) {\n        return targetSlide;\n      }\n      return targetIndex;\n    }\n    return direction < 0\n      ? (targetSlide + slides.length) % slides.length\n      : targetSlide % slides.length;\n  }\n\n  return targetIndex;\n}\n"],"names":["calculateIndent","calculateLoopPoints","getLoopPoints","getShiftedIndexes","getTargetIndex","targetIndex","slidesManager","isCenterWithCustomWidth","isFullyVisible","slides","length","targetSlide","coordX","width","viewportOffsetWidth","direction","availableWidth","gap","shiftedSlideIndexes","startIndex","endIndex","i","slideWidth","push","indexes","edge","containerWidth","contentSize","snaps","isStartEdge","offset","map","index","initial","altered","loopPoint","target","currentLocation","startShiftedIndexes","endShiftedIndexes","slideIndex","currentShiftX","currentShiftXDelta","shift","reduce","val","item","previousValue","Math","abs","currentValue","SLIDE_THRESHOLD"],"mappings":"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"}

package/dist/cjs/components/BaseGallery/CarouselBase/hooks.d.ts

@@ -0,0 +1,7 @@
+import { DrawInterface } from '../../../lib/animate';
+export declare function useSlideAnimation(): {
+    getAnimateFunction: (drawFunction: DrawInterface) => () => void;
+    addToAnimationQueue: (func: VoidFunction) => void;
+    startAnimation: () => void;
+};
+//# sourceMappingURL=hooks.d.ts.map

package/dist/cjs/components/BaseGallery/CarouselBase/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/BaseGallery/CarouselBase/hooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAW,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAM9D,wBAAgB,iBAAiB;uCAGW,aAAa;gCAWpB,YAAY;;EAehD"}

package/dist/cjs/components/BaseGallery/CarouselBase/hooks.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useSlideAnimation", {
+    enumerable: true,
+    get: function() {
+        return useSlideAnimation;
+    }
+});
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _animate = require("../../../lib/animate");
+var _fx = require("../../../lib/fx");
+var _constants = require("./constants");
+var TIMING_FUNCTION = (0, _fx.cubicBezier)(0.8, 1);
+function useSlideAnimation() {
+    var animationQueue = _react.useRef([]);
+    function getAnimateFunction(drawFunction) {
+        return function() {
+            (0, _animate.animate)({
+                duration: _constants.ANIMATION_DURATION,
+                timing: TIMING_FUNCTION,
+                animationQueue: animationQueue.current,
+                draw: drawFunction
+            });
+        };
+    }
+    function addToAnimationQueue(func) {
+        animationQueue.current.push(func);
+    }
+    function startAnimation() {
+        if (animationQueue.current.length === 1) {
+            animationQueue.current[0]();
+        }
+    }
+    return {
+        getAnimateFunction: getAnimateFunction,
+        addToAnimationQueue: addToAnimationQueue,
+        startAnimation: startAnimation
+    };
+}
+
+//# sourceMappingURL=hooks.js.map

package/dist/cjs/components/BaseGallery/CarouselBase/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/BaseGallery/CarouselBase/hooks.ts"],"sourcesContent":["import * as React from 'react';\nimport { animate, DrawInterface } from '../../../lib/animate';\nimport { cubicBezier } from '../../../lib/fx';\nimport { ANIMATION_DURATION } from './constants';\n\nconst TIMING_FUNCTION = cubicBezier(0.8, 1);\n\nexport function useSlideAnimation() {\n  const animationQueue = React.useRef<VoidFunction[]>([]);\n\n  function getAnimateFunction(drawFunction: DrawInterface) {\n    return () => {\n      animate({\n        duration: ANIMATION_DURATION,\n        timing: TIMING_FUNCTION,\n        animationQueue: animationQueue.current,\n        draw: drawFunction,\n      });\n    };\n  }\n\n  function addToAnimationQueue(func: VoidFunction) {\n    animationQueue.current.push(func);\n  }\n\n  function startAnimation() {\n    if (animationQueue.current.length === 1) {\n      animationQueue.current[0]();\n    }\n  }\n\n  return {\n    getAnimateFunction,\n    addToAnimationQueue,\n    startAnimation,\n  };\n}\n"],"names":["useSlideAnimation","TIMING_FUNCTION","cubicBezier","animationQueue","React","useRef","getAnimateFunction","drawFunction","animate","duration","ANIMATION_DURATION","timing","current","draw","addToAnimationQueue","func","push","startAnimation","length"],"mappings":";;;;+BAOgBA;;;eAAAA;;;;+DAPO;uBACgB;kBACX;yBACO;AAEnC,IAAMC,kBAAkBC,IAAAA,eAAW,EAAC,KAAK;AAElC,SAASF;IACd,IAAMG,iBAAiBC,OAAMC,MAAM,CAAiB,EAAE;IAEtD,SAASC,mBAAmBC,YAA2B;QACrD,OAAO;YACLC,IAAAA,gBAAO,EAAC;gBACNC,UAAUC,6BAAkB;gBAC5BC,QAAQV;gBACRE,gBAAgBA,eAAeS,OAAO;gBACtCC,MAAMN;YACR;QACF;IACF;IAEA,SAASO,oBAAoBC,IAAkB;QAC7CZ,eAAeS,OAAO,CAACI,IAAI,CAACD;IAC9B;IAEA,SAASE;QACP,IAAId,eAAeS,OAAO,CAACM,MAAM,KAAK,GAAG;YACvCf,eAAeS,OAAO,CAAC,EAAE;QAC3B;IACF;IAEA,OAAO;QACLN,oBAAAA;QACAQ,qBAAAA;QACAG,gBAAAA;IACF;AACF"}

package/dist/cjs/components/BaseGallery/CarouselBase/types.d.ts

@@ -0,0 +1,54 @@
+import { GallerySlidesState } from '../types';
+export interface LoopPoint {
+    /**
+     * Индекс слайда
+     */
+    index: number;
+    /**
+     * Функция, которая по текущему сдвигу галереи определяет нужный сдвиг слайда
+     */
+    target(this: void, location: number): void;
+}
+export interface ControlElementsState {
+    /**
+     * Отвечает за отображение стрелки влево
+     */
+    canSlideLeft: boolean;
+    /**
+     * Отвечает за отображение стрелки вправо
+     */
+    canSlideRight: boolean;
+    /**
+     * Возможность листаться слайды drag'ом
+     */
+    isDraggable: boolean;
+}
+export interface SlidesManagerState {
+    /**
+     * Общая ширина всех слайдов
+     */
+    contentSize: number;
+    /**
+     * Массив с пограничными точками слайдов, которые необходимо смещать, чтобы они всегда были в области видимости
+     * (пример: для последнего слайда это n-первых слайдов, необходимых для заполнения оставшейся ширины,
+     * или для первого слайда это n-последних слайдов при выравнивании по центру)
+     */
+    loopPoints: LoopPoint[];
+    /**
+     * Массив с правыми границами слайдов
+     */
+    snaps: number[];
+    /**
+     * Ширина видимой области слайдов
+     */
+    viewportOffsetWidth: number;
+    /**
+     * Массив слайдов с координатой начала слайда и шириной
+     */
+    slides: GallerySlidesState[];
+    /**
+     * Все слайды видимы без скрола
+     */
+    isFullyVisible: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/cjs/components/BaseGallery/CarouselBase/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/BaseGallery/CarouselBase/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;CACzB"}

package/dist/cjs/components/BaseGallery/CarouselBase/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/components/BaseGallery/CarouselBase/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/BaseGallery/CarouselBase/types.ts"],"names":[],"mappings":""}

package/dist/cjs/components/BaseGallery/helpers.d.ts

@@ -10,3 +10,4 @@ interface CalcMax extends Partial<LayoutState> {
 }
 export declare const calcMax: ({ slides, viewportOffsetWidth, isCenterWithCustomWidth, }: CalcMax) => number;
 export {};
+//# sourceMappingURL=helpers.d.ts.map

package/dist/cjs/components/BaseGallery/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseGallery/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,UAAU,OAAQ,SAAQ,OAAO,CAAC,WAAW,CAAC;IAC5C,uBAAuB,EAAE,OAAO,CAAC;IACjC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC1B;AAED,eAAO,MAAM,OAAO,iGAOjB,OAAO,uBAeT,CAAC;AAEF,UAAU,OAAQ,SAAQ,OAAO,CAAC,WAAW,CAAC;IAC5C,uBAAuB,EAAE,OAAO,CAAC;CAClC;AAED,eAAO,MAAM,OAAO,8DAIjB,OAAO,WAMT,CAAC"}

package/dist/cjs/components/BaseGallery/helpers.js

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    calcMin: function() {
-        return calcMin;
-    },
     calcMax: function() {
         return calcMax;
+    },
+    calcMin: function() {
+        return calcMin;
     }
 });
 var calcMin = function(param) {

package/dist/cjs/components/BaseGallery/helpers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/BaseGallery/helpers.ts"],"sourcesContent":["import { HasAlign } from '../../types';\nimport { LayoutState } from './types';\n\ninterface CalcMin extends Partial<LayoutState> {\n  isCenterWithCustomWidth: boolean;\n  align: HasAlign['align'];\n}\n\nexport const calcMin = ({\n  containerWidth = 0,\n  layerWidth = 0,\n  slides = [],\n  viewportOffsetWidth = 0,\n  align,\n  isCenterWithCustomWidth,\n}: CalcMin) => {\n  switch (align) {\n    case 'left':\n      return containerWidth - layerWidth;\n    case 'right':\n      return viewportOffsetWidth - layerWidth;\n    case 'center':\n      if (isCenterWithCustomWidth && slides.length) {\n        const { coordX, width } = slides[slides.length - 1];\n        return viewportOffsetWidth / 2 - coordX - width / 2;\n      } else {\n        return viewportOffsetWidth - (containerWidth - viewportOffsetWidth) / 2 - layerWidth;\n      }\n  }\n  return undefined;\n};\n\ninterface CalcMax extends Partial<LayoutState> {\n  isCenterWithCustomWidth: boolean;\n}\n\nexport const calcMax = ({\n  slides = [],\n  viewportOffsetWidth = 0,\n  isCenterWithCustomWidth,\n}: CalcMax) => {\n  if (isCenterWithCustomWidth && slides.length) {\n    const { width, coordX } = slides[0];\n    return viewportOffsetWidth / 2 - coordX - width / 2;\n  }\n  return 0;\n};\n"],"names":["calcMin","calcMax","containerWidth","layerWidth","slides","viewportOffsetWidth","align","isCenterWithCustomWidth","length","coordX","width","undefined"],"mappings":";;;;;;;;;;;IAQaA,OAAO;eAAPA;;IA4BAC,OAAO;eAAPA;;;AA5BN,IAAMD,UAAU;sCACrBE,gBAAAA,oDAAiB,qDACjBC,YAAAA,4CAAa,6CACbC,QAAAA,oCAAS,EAAE,qDACXC,qBAAAA,8DAAsB,gCACtBC,cAAAA,OACAC,gCAAAA;IAEA,OAAQD;QACN,KAAK;YACH,OAAOJ,iBAAiBC;QAC1B,KAAK;YACH,OAAOE,sBAAsBF;QAC/B,KAAK;YACH,IAAII,2BAA2BH,OAAOI,MAAM,EAAE;gBAC5C,IAA0BJ,WAAAA,MAAM,CAACA,OAAOI,MAAM,GAAG,EAAE,EAA3CC,SAAkBL,SAAlBK,QAAQC,QAAUN,SAAVM;gBAChB,OAAOL,sBAAsB,IAAII,SAASC,QAAQ;YACpD,OAAO;gBACL,OAAOL,sBAAsB,AAACH,CAAAA,iBAAiBG,mBAAkB,IAAK,IAAIF;YAC5E;IACJ;IACA,OAAOQ;AACT;AAMO,IAAMV,UAAU;8BACrBG,QAAAA,oCAAS,EAAE,qDACXC,qBAAAA,8DAAsB,gCACtBE,gCAAAA;IAEA,IAAIA,2BAA2BH,OAAOI,MAAM,EAAE;QAC5C,IAA0BJ,WAAAA,MAAM,CAAC,EAAE,EAA3BM,QAAkBN,SAAlBM,OAAOD,SAAWL,SAAXK;QACf,OAAOJ,sBAAsB,IAAII,SAASC,QAAQ;IACpD;IACA,OAAO;AACT"}
+{"version":3,"sources":["../../../../src/components/BaseGallery/helpers.ts"],"sourcesContent":["import { HasAlign } from '../../types';\nimport { LayoutState } from './types';\n\ninterface CalcMin extends Partial<LayoutState> {\n  isCenterWithCustomWidth: boolean;\n  align: HasAlign['align'];\n}\n\nexport const calcMin = ({\n  containerWidth = 0,\n  layerWidth = 0,\n  slides = [],\n  viewportOffsetWidth = 0,\n  align,\n  isCenterWithCustomWidth,\n}: CalcMin) => {\n  switch (align) {\n    case 'left':\n      return containerWidth - layerWidth;\n    case 'right':\n      return viewportOffsetWidth - layerWidth;\n    case 'center':\n      if (isCenterWithCustomWidth && slides.length) {\n        const { coordX, width } = slides[slides.length - 1];\n        return viewportOffsetWidth / 2 - coordX - width / 2;\n      } else {\n        return viewportOffsetWidth - (containerWidth - viewportOffsetWidth) / 2 - layerWidth;\n      }\n  }\n  return undefined;\n};\n\ninterface CalcMax extends Partial<LayoutState> {\n  isCenterWithCustomWidth: boolean;\n}\n\nexport const calcMax = ({\n  slides = [],\n  viewportOffsetWidth = 0,\n  isCenterWithCustomWidth,\n}: CalcMax) => {\n  if (isCenterWithCustomWidth && slides.length) {\n    const { width, coordX } = slides[0];\n    return viewportOffsetWidth / 2 - coordX - width / 2;\n  }\n  return 0;\n};\n"],"names":["calcMax","calcMin","containerWidth","layerWidth","slides","viewportOffsetWidth","align","isCenterWithCustomWidth","length","coordX","width","undefined"],"mappings":";;;;;;;;;;;IAoCaA,OAAO;eAAPA;;IA5BAC,OAAO;eAAPA;;;AAAN,IAAMA,UAAU;sCACrBC,gBAAAA,oDAAiB,qDACjBC,YAAAA,4CAAa,6CACbC,QAAAA,oCAAS,EAAE,qDACXC,qBAAAA,8DAAsB,gCACtBC,cAAAA,OACAC,gCAAAA;IAEA,OAAQD;QACN,KAAK;YACH,OAAOJ,iBAAiBC;QAC1B,KAAK;YACH,OAAOE,sBAAsBF;QAC/B,KAAK;YACH,IAAII,2BAA2BH,OAAOI,MAAM,EAAE;gBAC5C,IAA0BJ,WAAAA,MAAM,CAACA,OAAOI,MAAM,GAAG,EAAE,EAA3CC,SAAkBL,SAAlBK,QAAQC,QAAUN,SAAVM;gBAChB,OAAOL,sBAAsB,IAAII,SAASC,QAAQ;YACpD,OAAO;gBACL,OAAOL,sBAAsB,AAACH,CAAAA,iBAAiBG,mBAAkB,IAAK,IAAIF;YAC5E;IACJ;IACA,OAAOQ;AACT;AAMO,IAAMX,UAAU;8BACrBI,QAAAA,oCAAS,EAAE,qDACXC,qBAAAA,8DAAsB,gCACtBE,gCAAAA;IAEA,IAAIA,2BAA2BH,OAAOI,MAAM,EAAE;QAC5C,IAA0BJ,WAAAA,MAAM,CAAC,EAAE,EAA3BM,QAAkBN,SAAlBM,OAAOD,SAAWL,SAAXK;QACf,OAAOJ,sBAAsB,IAAII,SAASC,QAAQ;IACpD;IACA,OAAO;AACT"}

package/dist/cjs/components/BaseGallery/types.d.ts

@@ -41,3 +41,4 @@ export interface BaseGalleryProps extends Omit<HTMLAttributesWithRootRef<HTMLDiv
     hasPointer?: boolean;
     arrowSize?: ScrollArrowProps['size'];
 }
+//# sourceMappingURL=types.d.ts.map

package/dist/cjs/components/BaseGallery/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseGallery/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAE/D,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,aAAa,GAAG,WAAW,CAAC,EAC/F,QAAQ,EACR,MAAM,CAAC,WAAW,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACrD,QAAQ,CAAC,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;IAC5C;;OAEG;IACH,WAAW,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACtC"}

package/dist/cjs/components/Button/Button.d.ts

@@ -11,10 +11,12 @@ export interface VKUIButtonProps extends HasAlign {
     after?: React.ReactNode;
     loading?: boolean;
     disableSpinnerAnimation?: boolean;
+    rounded?: boolean;
 }
 export interface ButtonProps extends Omit<TappableProps, 'size'>, VKUIButtonProps {
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Button
  */
-export declare const Button: ({ size, mode, appearance, stretched, align, children, before, after, getRootRef, loading, onClick, stopPropagation, className, disableSpinnerAnimation, ...restProps }: ButtonProps) => React.JSX.Element;
+export declare const Button: ({ size, mode, appearance, stretched, align, children, before, after, getRootRef, loading, onClick, stopPropagation, className, disableSpinnerAnimation, rounded, ...restProps }: ButtonProps) => React.JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/cjs/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,+BAA+B,CAAC;AAqCvC,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;IACjE,UAAU,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,mBAAmB,CAAC;IAC9F,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,EAAE,eAAe;CAAG;AAEpF;;GAEG;AACH,eAAO,MAAM,MAAM,oLAiBhB,WAAW,sBAqEb,CAAC"}

package/dist/cjs/components/Button/Button.js

@@ -50,7 +50,7 @@ var sizeYClassNames = _define_property._({
     none: "vkuiButton--sizeY-none"
 }, _adaptivity.SizeType.REGULAR, "vkuiButton--sizeY-regular");
 var Button = function(_param) {
-    var _param_size = _param.size, size = _param_size === void 0 ? "s" : _param_size, _param_mode = _param.mode, mode = _param_mode === void 0 ? "primary" : _param_mode, _param_appearance = _param.appearance, appearance = _param_appearance === void 0 ? "accent" : _param_appearance, _param_stretched = _param.stretched, stretched = _param_stretched === void 0 ? false : _param_stretched, _param_align = _param.align, align = _param_align === void 0 ? "center" : _param_align, children = _param.children, before = _param.before, after = _param.after, getRootRef = _param.getRootRef, loading = _param.loading, onClick = _param.onClick, _param_stopPropagation = _param.stopPropagation, stopPropagation = _param_stopPropagation === void 0 ? true : _param_stopPropagation, className = _param.className, disableSpinnerAnimation = _param.disableSpinnerAnimation, restProps = _object_without_properties._(_param, [
+    var _param_size = _param.size, size = _param_size === void 0 ? "s" : _param_size, _param_mode = _param.mode, mode = _param_mode === void 0 ? "primary" : _param_mode, _param_appearance = _param.appearance, appearance = _param_appearance === void 0 ? "accent" : _param_appearance, _param_stretched = _param.stretched, stretched = _param_stretched === void 0 ? false : _param_stretched, _param_align = _param.align, align = _param_align === void 0 ? "center" : _param_align, children = _param.children, before = _param.before, after = _param.after, getRootRef = _param.getRootRef, loading = _param.loading, onClick = _param.onClick, _param_stopPropagation = _param.stopPropagation, stopPropagation = _param_stopPropagation === void 0 ? true : _param_stopPropagation, className = _param.className, disableSpinnerAnimation = _param.disableSpinnerAnimation, rounded = _param.rounded, restProps = _object_without_properties._(_param, [
         "size",
         "mode",
         "appearance",
@@ -64,7 +64,8 @@ var Button = function(_param) {
         "onClick",
         "stopPropagation",
         "className",
-        "disableSpinnerAnimation"
+        "disableSpinnerAnimation",
+        "rounded"
     ]);
     var hasIcons = Boolean(before || after);
     var hasIconOnly = !children && Boolean(after) !== Boolean(before);
@@ -78,7 +79,7 @@ var Button = function(_param) {
     }, restProps), {
         onClick: loading ? undefined : onClick,
         stopPropagation: stopPropagation,
-        className: (0, _vkjs.classNames)(className, "vkuiButton", stylesSize[size], stylesMode[mode], stylesAppearance[appearance], stylesAlign[align], sizeY !== _adaptivity.SizeType.COMPACT && sizeYClassNames[sizeY], platform === _platform.Platform.IOS && "vkuiButton--ios", stretched && "vkuiButton--stretched", hasIcons && "vkuiButton--with-icon", hasIconOnly && !stretched && "vkuiButton--singleIcon", loading && "vkuiButton--loading"),
+        className: (0, _vkjs.classNames)(className, "vkuiButton", stylesSize[size], stylesMode[mode], stylesAppearance[appearance], stylesAlign[align], sizeY !== _adaptivity.SizeType.COMPACT && sizeYClassNames[sizeY], platform === _platform.Platform.IOS && "vkuiButton--ios", stretched && "vkuiButton--stretched", hasIcons && "vkuiButton--with-icon", hasIconOnly && !stretched && "vkuiButton--singleIcon", loading && "vkuiButton--loading", rounded && "vkuiButton--rounded"),
         getRootRef: getRootRef
     }), loading && /*#__PURE__*/ _react.createElement(_Spinner.Spinner, {
         size: "small",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { HasAlign } from '../../types';\nimport { Spinner } from '../Spinner/Spinner';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport '../Spinner/Spinner.module.css';\nimport styles from './Button.module.css';\n\nconst stylesSize = {\n  s: styles['Button--size-s'],\n  m: styles['Button--size-m'],\n  l: styles['Button--size-l'],\n};\n\nconst stylesMode = {\n  primary: styles['Button--mode-primary'],\n  secondary: styles['Button--mode-secondary'],\n  tertiary: styles['Button--mode-tertiary'],\n  outline: styles['Button--mode-outline'],\n  link: styles['Button--mode-link'],\n};\n\nconst stylesAppearance = {\n  'accent': styles['Button--appearance-accent'],\n  'positive': styles['Button--appearance-positive'],\n  'negative': styles['Button--appearance-negative'],\n  'neutral': styles['Button--appearance-neutral'],\n  'overlay': styles['Button--appearance-overlay'],\n  'accent-invariable': styles['Button--appearance-accent-invariable'],\n};\n\nconst stylesAlign = {\n  left: styles['Button--align-left'],\n  center: styles['Button--align-center'],\n  right: styles['Button--align-right'],\n};\n\nconst sizeYClassNames = {\n  none: styles['Button--sizeY-none'],\n  [SizeType.REGULAR]: styles['Button--sizeY-regular'],\n};\n\nexport interface VKUIButtonProps extends HasAlign {\n  mode?: 'primary' | 'secondary' | 'tertiary' | 'outline' | 'link';\n  appearance?: 'accent' | 'positive' | 'negative' | 'neutral' | 'overlay' | 'accent-invariable';\n  size?: 's' | 'm' | 'l';\n  stretched?: boolean;\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n  loading?: boolean;\n  disableSpinnerAnimation?: boolean;\n}\n\nexport interface ButtonProps extends Omit<TappableProps, 'size'>, VKUIButtonProps {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Button\n */\nexport const Button = ({\n  size = 's',\n  mode = 'primary',\n  appearance = 'accent',\n  stretched = false,\n  align = 'center',\n  children,\n  before,\n  after,\n  getRootRef,\n  loading,\n  onClick,\n  stopPropagation = true,\n  className,\n  disableSpinnerAnimation,\n  ...restProps\n}: ButtonProps) => {\n  const hasIcons = Boolean(before || after);\n  const hasIconOnly = !children && Boolean(after) !== Boolean(before);\n  const { sizeY = 'none' } = useAdaptivity();\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      hoverMode={styles['Button--hover']}\n      activeMode={styles['Button--active']}\n      Component={restProps.href ? 'a' : 'button'}\n      focusVisibleMode=\"outside\"\n      {...restProps}\n      onClick={loading ? undefined : onClick}\n      stopPropagation={stopPropagation}\n      className={classNames(\n        className,\n        styles.Button,\n        stylesSize[size],\n        stylesMode[mode],\n        stylesAppearance[appearance],\n        stylesAlign[align],\n        sizeY !== SizeType.COMPACT && sizeYClassNames[sizeY],\n        platform === Platform.IOS && styles['Button--ios'],\n        stretched && styles['Button--stretched'],\n        hasIcons && styles['Button--with-icon'],\n        hasIconOnly && !stretched && styles['Button--singleIcon'],\n        loading && styles['Button--loading'],\n      )}\n      getRootRef={getRootRef}\n    >\n      {loading && (\n        <Spinner\n          size=\"small\"\n          className={styles.Button__spinner}\n          disableAnimation={disableSpinnerAnimation}\n        />\n      )}\n      <span className={styles.Button__in}>\n        {hasReactNode(before) && (\n          <span\n            className={styles.Button__before}\n            role=\"presentation\"\n            data-testid={process.env.NODE_ENV === 'test' ? 'before' : undefined}\n          >\n            {before}\n          </span>\n        )}\n        {hasReactNode(children) && (\n          <span\n            className={styles.Button__content}\n            data-testid={process.env.NODE_ENV === 'test' ? 'children' : undefined}\n          >\n            {children}\n          </span>\n        )}\n        {hasReactNode(after) && (\n          <span\n            className={styles.Button__after}\n            role=\"presentation\"\n            data-testid={process.env.NODE_ENV === 'test' ? 'after' : undefined}\n          >\n            {after}\n          </span>\n        )}\n      </span>\n    </Tappable>\n  );\n};\n"],"names":["Button","stylesSize","s","m","l","stylesMode","primary","secondary","tertiary","outline","link","stylesAppearance","stylesAlign","left","center","right","sizeYClassNames","none","SizeType","REGULAR","size","mode","appearance","stretched","align","children","before","after","getRootRef","loading","onClick","stopPropagation","className","disableSpinnerAnimation","restProps","hasIcons","Boolean","hasIconOnly","useAdaptivity","sizeY","platform","usePlatform","Tappable","hoverMode","activeMode","Component","href","focusVisibleMode","undefined","classNames","COMPACT","Platform","IOS","Spinner","disableAnimation","span","hasReactNode","role","data-testid","process","env","NODE_ENV"],"mappings":";;;;+BA8DaA;;;eAAAA;;;;;;;;+DA9DU;oBACkB;6BACX;2BACF;0BACH;wBACA;uBAED;wBACgB;AAIxC,IAAMC,aAAa;IACjBC,CAAC;IACDC,CAAC;IACDC,CAAC;AACH;AAEA,IAAMC,aAAa;IACjBC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC,OAAO;IACPC,IAAI;AACN;AAEA,IAAMC,mBAAmB;IACvB,QAAQ;IACR,UAAU;IACV,UAAU;IACV,SAAS;IACT,SAAS;IACT,mBAAmB;AACrB;AAEA,IAAMC,cAAc;IAClBC,IAAI;IACJC,MAAM;IACNC,KAAK;AACP;AAEA,IAAMC;IACJC,IAAI;GACHC,oBAAQ,CAACC,OAAO;AAmBZ,IAAMnB,SAAS;6BACpBoB,MAAAA,gCAAO,wCACPC,MAAAA,gCAAO,oDACPC,YAAAA,4CAAa,wDACbC,WAAAA,0CAAY,gDACZC,OAAAA,kCAAQ,yBACRC,kBAAAA,UACAC,gBAAAA,QACAC,eAAAA,OACAC,oBAAAA,YACAC,iBAAAA,SACAC,iBAAAA,yCACAC,iBAAAA,sDAAkB,+BAClBC,mBAAAA,WACAC,iCAAAA,yBACGC;QAdHd;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAME,WAAWC,QAAQV,UAAUC;IACnC,IAAMU,cAAc,CAACZ,YAAYW,QAAQT,WAAWS,QAAQV;IAC5D,IAA2BY,kBAAAA,IAAAA,4BAAa,4BAAbA,gBAAnBC,OAAAA,0CAAQ;IAChB,IAAMC,WAAWC,IAAAA,wBAAW;IAE5B,qBACE,qBAACC,kBAAQ;QACPC,SAAS;QACTC,UAAU;QACVC,WAAWX,UAAUY,IAAI,GAAG,MAAM;QAClCC,kBAAiB;OACbb;QACJJ,SAASD,UAAUmB,YAAYlB;QAC/BC,iBAAiBA;QACjBC,WAAWiB,IAAAA,gBAAU,EACnBjB,yBAEA/B,UAAU,CAACmB,KAAK,EAChBf,UAAU,CAACgB,KAAK,EAChBV,gBAAgB,CAACW,WAAW,EAC5BV,WAAW,CAACY,MAAM,EAClBe,UAAUrB,oBAAQ,CAACgC,OAAO,IAAIlC,eAAe,CAACuB,MAAM,EACpDC,aAAaW,kBAAQ,CAACC,GAAG,uBACzB7B,sCACAY,qCACAE,eAAe,CAACd,uCAChBM;QAEFD,YAAYA;QAEXC,yBACC,qBAACwB,gBAAO;QACNjC,MAAK;QACLY,SAAS;QACTsB,kBAAkBrB;sBAGtB,qBAACsB;QAAKvB,SAAS;OACZwB,IAAAA,kBAAY,EAAC9B,yBACZ,qBAAC6B;QACCvB,SAAS;QACTyB,MAAK;QACLC,eAAaC,QAAQC,GAAG,CAACC,QAAQ,KAAK,SAAS,WAAWb;OAEzDtB,SAGJ8B,IAAAA,kBAAY,EAAC/B,2BACZ,qBAAC8B;QACCvB,SAAS;QACT0B,eAAaC,QAAQC,GAAG,CAACC,QAAQ,KAAK,SAAS,aAAab;OAE3DvB,WAGJ+B,IAAAA,kBAAY,EAAC7B,wBACZ,qBAAC4B;QACCvB,SAAS;QACTyB,MAAK;QACLC,eAAaC,QAAQC,GAAG,CAACC,QAAQ,KAAK,SAAS,UAAUb;OAExDrB;AAMb"}
+{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { HasAlign } from '../../types';\nimport { Spinner } from '../Spinner/Spinner';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport '../Spinner/Spinner.module.css';\nimport styles from './Button.module.css';\n\nconst stylesSize = {\n  s: styles['Button--size-s'],\n  m: styles['Button--size-m'],\n  l: styles['Button--size-l'],\n};\n\nconst stylesMode = {\n  primary: styles['Button--mode-primary'],\n  secondary: styles['Button--mode-secondary'],\n  tertiary: styles['Button--mode-tertiary'],\n  outline: styles['Button--mode-outline'],\n  link: styles['Button--mode-link'],\n};\n\nconst stylesAppearance = {\n  'accent': styles['Button--appearance-accent'],\n  'positive': styles['Button--appearance-positive'],\n  'negative': styles['Button--appearance-negative'],\n  'neutral': styles['Button--appearance-neutral'],\n  'overlay': styles['Button--appearance-overlay'],\n  'accent-invariable': styles['Button--appearance-accent-invariable'],\n};\n\nconst stylesAlign = {\n  left: styles['Button--align-left'],\n  center: styles['Button--align-center'],\n  right: styles['Button--align-right'],\n};\n\nconst sizeYClassNames = {\n  none: styles['Button--sizeY-none'],\n  [SizeType.REGULAR]: styles['Button--sizeY-regular'],\n};\n\nexport interface VKUIButtonProps extends HasAlign {\n  mode?: 'primary' | 'secondary' | 'tertiary' | 'outline' | 'link';\n  appearance?: 'accent' | 'positive' | 'negative' | 'neutral' | 'overlay' | 'accent-invariable';\n  size?: 's' | 'm' | 'l';\n  stretched?: boolean;\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n  loading?: boolean;\n  disableSpinnerAnimation?: boolean;\n  rounded?: boolean;\n}\n\nexport interface ButtonProps extends Omit<TappableProps, 'size'>, VKUIButtonProps {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Button\n */\nexport const Button = ({\n  size = 's',\n  mode = 'primary',\n  appearance = 'accent',\n  stretched = false,\n  align = 'center',\n  children,\n  before,\n  after,\n  getRootRef,\n  loading,\n  onClick,\n  stopPropagation = true,\n  className,\n  disableSpinnerAnimation,\n  rounded,\n  ...restProps\n}: ButtonProps) => {\n  const hasIcons = Boolean(before || after);\n  const hasIconOnly = !children && Boolean(after) !== Boolean(before);\n  const { sizeY = 'none' } = useAdaptivity();\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      hoverMode={styles['Button--hover']}\n      activeMode={styles['Button--active']}\n      Component={restProps.href ? 'a' : 'button'}\n      focusVisibleMode=\"outside\"\n      {...restProps}\n      onClick={loading ? undefined : onClick}\n      stopPropagation={stopPropagation}\n      className={classNames(\n        className,\n        styles.Button,\n        stylesSize[size],\n        stylesMode[mode],\n        stylesAppearance[appearance],\n        stylesAlign[align],\n        sizeY !== SizeType.COMPACT && sizeYClassNames[sizeY],\n        platform === Platform.IOS && styles['Button--ios'],\n        stretched && styles['Button--stretched'],\n        hasIcons && styles['Button--with-icon'],\n        hasIconOnly && !stretched && styles['Button--singleIcon'],\n        loading && styles['Button--loading'],\n        rounded && styles['Button--rounded'],\n      )}\n      getRootRef={getRootRef}\n    >\n      {loading && (\n        <Spinner\n          size=\"small\"\n          className={styles.Button__spinner}\n          disableAnimation={disableSpinnerAnimation}\n        />\n      )}\n      <span className={styles.Button__in}>\n        {hasReactNode(before) && (\n          <span\n            className={styles.Button__before}\n            role=\"presentation\"\n            data-testid={process.env.NODE_ENV === 'test' ? 'before' : undefined}\n          >\n            {before}\n          </span>\n        )}\n        {hasReactNode(children) && (\n          <span\n            className={styles.Button__content}\n            data-testid={process.env.NODE_ENV === 'test' ? 'children' : undefined}\n          >\n            {children}\n          </span>\n        )}\n        {hasReactNode(after) && (\n          <span\n            className={styles.Button__after}\n            role=\"presentation\"\n            data-testid={process.env.NODE_ENV === 'test' ? 'after' : undefined}\n          >\n            {after}\n          </span>\n        )}\n      </span>\n    </Tappable>\n  );\n};\n"],"names":["Button","stylesSize","s","m","l","stylesMode","primary","secondary","tertiary","outline","link","stylesAppearance","stylesAlign","left","center","right","sizeYClassNames","none","SizeType","REGULAR","size","mode","appearance","stretched","align","children","before","after","getRootRef","loading","onClick","stopPropagation","className","disableSpinnerAnimation","rounded","restProps","hasIcons","Boolean","hasIconOnly","useAdaptivity","sizeY","platform","usePlatform","Tappable","hoverMode","activeMode","Component","href","focusVisibleMode","undefined","classNames","COMPACT","Platform","IOS","Spinner","disableAnimation","span","hasReactNode","role","data-testid","process","env","NODE_ENV"],"mappings":";;;;+BA+DaA;;;eAAAA;;;;;;;;+DA/DU;oBACkB;6BACX;2BACF;0BACH;wBACA;uBAED;wBACgB;AAIxC,IAAMC,aAAa;IACjBC,CAAC;IACDC,CAAC;IACDC,CAAC;AACH;AAEA,IAAMC,aAAa;IACjBC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC,OAAO;IACPC,IAAI;AACN;AAEA,IAAMC,mBAAmB;IACvB,QAAQ;IACR,UAAU;IACV,UAAU;IACV,SAAS;IACT,SAAS;IACT,mBAAmB;AACrB;AAEA,IAAMC,cAAc;IAClBC,IAAI;IACJC,MAAM;IACNC,KAAK;AACP;AAEA,IAAMC;IACJC,IAAI;GACHC,oBAAQ,CAACC,OAAO;AAoBZ,IAAMnB,SAAS;6BACpBoB,MAAAA,gCAAO,wCACPC,MAAAA,gCAAO,oDACPC,YAAAA,4CAAa,wDACbC,WAAAA,0CAAY,gDACZC,OAAAA,kCAAQ,yBACRC,kBAAAA,UACAC,gBAAAA,QACAC,eAAAA,OACAC,oBAAAA,YACAC,iBAAAA,SACAC,iBAAAA,yCACAC,iBAAAA,sDAAkB,+BAClBC,mBAAAA,WACAC,iCAAAA,yBACAC,iBAAAA,SACGC;QAfHf;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAME,WAAWC,QAAQX,UAAUC;IACnC,IAAMW,cAAc,CAACb,YAAYY,QAAQV,WAAWU,QAAQX;IAC5D,IAA2Ba,kBAAAA,IAAAA,4BAAa,4BAAbA,gBAAnBC,OAAAA,0CAAQ;IAChB,IAAMC,WAAWC,IAAAA,wBAAW;IAE5B,qBACE,qBAACC,kBAAQ;QACPC,SAAS;QACTC,UAAU;QACVC,WAAWX,UAAUY,IAAI,GAAG,MAAM;QAClCC,kBAAiB;OACbb;QACJL,SAASD,UAAUoB,YAAYnB;QAC/BC,iBAAiBA;QACjBC,WAAWkB,IAAAA,gBAAU,EACnBlB,yBAEA/B,UAAU,CAACmB,KAAK,EAChBf,UAAU,CAACgB,KAAK,EAChBV,gBAAgB,CAACW,WAAW,EAC5BV,WAAW,CAACY,MAAM,EAClBgB,UAAUtB,oBAAQ,CAACiC,OAAO,IAAInC,eAAe,CAACwB,MAAM,EACpDC,aAAaW,kBAAQ,CAACC,GAAG,uBACzB9B,sCACAa,qCACAE,eAAe,CAACf,uCAChBM,kCACAK;QAEFN,YAAYA;QAEXC,yBACC,qBAACyB,gBAAO;QACNlC,MAAK;QACLY,SAAS;QACTuB,kBAAkBtB;sBAGtB,qBAACuB;QAAKxB,SAAS;OACZyB,IAAAA,kBAAY,EAAC/B,yBACZ,qBAAC8B;QACCxB,SAAS;QACT0B,MAAK;QACLC,eAAaC,QAAQC,GAAG,CAACC,QAAQ,KAAK,SAAS,WAAWb;OAEzDvB,SAGJ+B,IAAAA,kBAAY,EAAChC,2BACZ,qBAAC+B;QACCxB,SAAS;QACT2B,eAAaC,QAAQC,GAAG,CAACC,QAAQ,KAAK,SAAS,aAAab;OAE3DxB,WAGJgC,IAAAA,kBAAY,EAAC9B,wBACZ,qBAAC6B;QACCxB,SAAS;QACT0B,MAAK;QACLC,eAAaC,QAAQC,GAAG,CAACC,QAAQ,KAAK,SAAS,UAAUb;OAExDtB;AAMb"}

package/dist/cjs/components/ButtonGroup/ButtonGroup.d.ts

@@ -24,3 +24,4 @@ export interface ButtonGroupProps extends HTMLAttributesWithRootRef<HTMLDivEleme
  * @see https://vkcom.github.io/VKUI/#/ButtonGroup
  */
 export declare const ButtonGroup: ({ mode, gap, stretched, align, ...restProps }: ButtonGroupProps) => React.JSX.Element;
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/cjs/components/ButtonGroup/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAqBxE,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACjF;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACjC;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,GAAG,GAAG,GAAG,CAAC;IACnC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,kDAMrB,gBAAgB,sBAclB,CAAC"}

package/dist/cjs/components/Calendar/Calendar.d.ts

@@ -31,3 +31,4 @@ export interface CalendarProps extends Omit<HTMLAttributesWithRootRef<HTMLDivEle
  * @see https://vkcom.github.io/VKUI/#/Calendar
  */
 export declare const Calendar: ({ value, onChange, disablePast, disableFuture, shouldDisableDate, onClose, enableTime, doneButtonText, weekStartsOn, disablePickers, changeHoursAriaLabel, changeMinutesAriaLabel, prevMonthAriaLabel, nextMonthAriaLabel, changeMonthAriaLabel, changeYearAriaLabel, showNeighboringMonth, changeDayAriaLabel, size, viewDate: externalViewDate, onHeaderChange, onNextMonth, onPrevMonth, prevMonthIcon, nextMonthIcon, prevMonthProps, nextMonthProps, dayProps, listenDayChangesForUpdate, ...props }: CalendarProps) => React.JSX.Element;
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/cjs/components/Calendar/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAgB,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvF,OAAO,EAAgB,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAI/E,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EACjE,IAAI,CAAC,iBAAiB,EAAE,sBAAsB,GAAG,wBAAwB,CAAC,EAC1E,IAAI,CACF,mBAAmB,EACjB,oBAAoB,GACpB,oBAAoB,GACpB,sBAAsB,GACtB,qBAAqB,GACrB,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,gBAAgB,CACnB,EACD,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,2BAA2B,CAAC;IACnE,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC9B,iBAAiB,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,OAAO,CAAC;IACzC,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB;;OAEG;IACH,cAAc,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;CACpC;AAID;;GAEG;AACH,eAAO,MAAM,QAAQ,8eA+BlB,aAAa,sBAqHf,CAAC"}

package/dist/cjs/components/Calendar/Calendar.js

@@ -100,8 +100,7 @@ var Calendar = function(_param) {
         viewDate
     ]);
     var onDayChange = _react.useCallback(function(date) {
-        var _onChange;
-        (_onChange = onChange) === null || _onChange === void 0 ? void 0 : _onChange((0, _calendar.setTimeEqual)(date, value));
+        onChange === null || onChange === void 0 ? void 0 : onChange((0, _calendar.setTimeEqual)(date, value));
     }, [
         value,
         onChange