@salutejs/plasma-new-hope 0.326.0-canary.2013.15538813402.0 → 0.326.0-canary.2015.15553048256.0

package/styled-components/es/components/Carousel/CarouselNew/ui/Dots/Dots.js

@@ -1,219 +0,0 @@
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import React, { memo, useRef, useLayoutEffect } from 'react';
-import cls from 'classnames';
-import { useDidMountLayoutEffect } from "../../../../../hooks";
-import { classes } from "../../Carousel.tokens";
-import { getActiveIndex, getTargetIndex, getInitialData } from "./utils/index";
-import { Wrapper, DotWrapper, RightAnimationWrapper, LeftAnimationWrapper, TransitionWrapper } from "./Dots.styles";
-var SIZE = 16; // размер точки в px
-var ANIMATION_DURATION = 0.3; // скорость анимации в секундах
-
-export var Dots = /*#__PURE__*/memo(function (_ref) {
-  var _ref$index = _ref.index,
-    originalIndex = _ref$index === void 0 ? 0 : _ref$index,
-    onChange = _ref.onChange,
-    _ref$centered = _ref.centered,
-    centered = _ref$centered === void 0 ? false : _ref$centered,
-    _ref$count = _ref.count,
-    count = _ref$count === void 0 ? 0 : _ref$count,
-    _ref$visibleCount = _ref.visibleCount,
-    originalVisibleCount = _ref$visibleCount === void 0 ? 0 : _ref$visibleCount;
-  // Трансформируем входные параметры для корректной работы в дальнейшем
-  var _getInitialData = getInitialData(originalIndex, count, originalVisibleCount),
-    _getInitialData2 = _slicedToArray(_getInitialData, 2),
-    index = _getInitialData2[0],
-    visibleCount = _getInitialData2[1];
-
-  // Рефки на DOM-ноды
-  var transitionWrapperRef = useRef(null);
-  var dotWrapperRef = useRef(null);
-  var leftAnimationWrapperRef = useRef(null);
-  var rightAnimationWrapperRef = useRef(null);
-
-  // Консистентные переменные
-  var isAnimating = useRef(false);
-  var prevIndex = useRef(-Infinity);
-  var prevActiveIndex = useRef(Infinity);
-  var isRightDirection = index > prevIndex.current;
-  var diffDotsRange = Math.abs(index - prevIndex.current);
-  var activeIndex = getActiveIndex(index, isRightDirection, count, visibleCount);
-  var hiddenDotsLeft = activeIndex < index;
-  var hiddenDotsRight = index + (visibleCount - 1 - activeIndex) < count - 1;
-  var handleClick = function handleClick(i) {
-    if (isAnimating.current) return;
-    if (onChange) {
-      onChange(index + (i - activeIndex));
-    }
-  };
-  var handleTransitionEnd = function handleTransitionEnd() {
-    if (!dotWrapperRef || !dotWrapperRef.current || !transitionWrapperRef || !transitionWrapperRef.current || !rightAnimationWrapperRef || !rightAnimationWrapperRef.current || !leftAnimationWrapperRef || !leftAnimationWrapperRef.current) {
-      return;
-    }
-    dotWrapperRef.current.classList.remove(classes.animating);
-    transitionWrapperRef.current.classList.remove(classes.animating);
-    Array.from(dotWrapperRef.current.children).forEach(function (child) {
-      var _child$classList;
-      (_child$classList = child.classList).remove.apply(_child$classList, [classes.active, classes.animateOut, classes.temporaryNatural, classes.shrinking]);
-    });
-    dotWrapperRef.current.children[activeIndex].classList.add(classes.active);
-    if (centered) {
-      transitionWrapperRef.current.style.transform = "translateX(".concat(visibleCount * SIZE / 2 - SIZE / 2 - activeIndex * SIZE, "px)");
-    } else {
-      transitionWrapperRef.current.style.transform = 'translateX(0)';
-    }
-    setTimeout(function () {
-      if (transitionWrapperRef && transitionWrapperRef.current) {
-        isAnimating.current = false;
-      }
-    });
-
-    // Очищаем блоки с анимированными точками
-    leftAnimationWrapperRef.current.innerText = '';
-    rightAnimationWrapperRef.current.innerText = '';
-    prevIndex.current = index;
-    prevActiveIndex.current = activeIndex;
-    isAnimating.current = false;
-  };
-  useLayoutEffect(function () {
-    if (!dotWrapperRef || !dotWrapperRef.current || !transitionWrapperRef || !transitionWrapperRef.current) {
-      return;
-    }
-
-    // Вычисляем начальный сдвиг по горизонтали, чтобы точка стала по центру
-    if (centered) {
-      transitionWrapperRef.current.style.transform = "translateX(".concat(visibleCount * SIZE / 2 - SIZE / 2 - activeIndex * SIZE, "px)");
-    }
-    prevIndex.current = index;
-    prevActiveIndex.current = activeIndex;
-  }, []);
-  useDidMountLayoutEffect(function () {
-    var _dotWrapperRef$curren;
-    if (!dotWrapperRef || !dotWrapperRef.current || !transitionWrapperRef || !transitionWrapperRef.current || !leftAnimationWrapperRef || !leftAnimationWrapperRef.current || !rightAnimationWrapperRef || !rightAnimationWrapperRef.current || isAnimating.current) {
-      return;
-    }
-    isAnimating.current = true;
-    dotWrapperRef.current.classList.add(classes.animating);
-    transitionWrapperRef.current.classList.add(classes.animating);
-    var targetIndex = getTargetIndex(index, prevIndex.current, prevActiveIndex.current, diffDotsRange);
-    var dotsToAdd = Math.abs(targetIndex - activeIndex);
-    if (centered) {
-      transitionWrapperRef.current.style.transform = "translateX(".concat(visibleCount * SIZE / 2 - SIZE / 2 - targetIndex * SIZE, "px)");
-    } else if (dotsToAdd > 0) {
-      transitionWrapperRef.current.style.transform = "translateX(".concat(-SIZE * (targetIndex - activeIndex), "px)");
-    }
-
-    // Стираем все активные классы и устанавливаем активный класс на таргет.
-    // В конце анимации произойдет переопределение активного класса.
-    Array.from(dotWrapperRef.current.children).forEach(function (child) {
-      child.classList.remove(classes.active);
-    });
-    (_dotWrapperRef$curren = dotWrapperRef.current.children[targetIndex]) === null || _dotWrapperRef$curren === void 0 || _dotWrapperRef$curren.classList.add(classes.active);
-    if (index > prevIndex.current) {
-      // Двигаемся вправо
-
-      // Если мы добавляем 1 и более точек, то нужно начать
-      // приводить размер крайней правой точки (что будет в m размере?)
-      // к натуральному размеру
-      if (dotsToAdd >= 1) {
-        var _dotWrapperRef$curren2;
-        (_dotWrapperRef$curren2 = dotWrapperRef.current.children[visibleCount - 1]) === null || _dotWrapperRef$curren2 === void 0 || _dotWrapperRef$curren2.classList.add(classes.temporaryNatural);
-      }
-
-      // Т.к. мы двигаемся вправо, то нужно начать уменьшать размер крайней левой точки
-      // (опять же, что в m size?)
-      if (dotsToAdd >= 1) {
-        var _dotWrapperRef$curren3;
-        (_dotWrapperRef$curren3 = dotWrapperRef.current.children[dotsToAdd]) === null || _dotWrapperRef$curren3 === void 0 || _dotWrapperRef$curren3.classList.add(classes.shrinking);
-      }
-      if (dotsToAdd > 0) {
-        var _loop = function _loop() {
-          var _dotWrapperRef$curren4;
-          var node = document.createElement('div');
-          node.textContent = '';
-          node.classList.add(classes.dot);
-          node.style.opacity = '0';
-          var delay = i * (ANIMATION_DURATION / dotsToAdd);
-          node.style.animationDelay = "".concat(delay, "s");
-          rightAnimationWrapperRef.current.appendChild(node);
-          var duration = ANIMATION_DURATION / dotsToAdd;
-          requestAnimationFrame(function () {
-            node.classList.add(classes.animateIn);
-            node.style.animationDuration = "".concat(duration, "s");
-          });
-          var currentDomNode = (_dotWrapperRef$curren4 = dotWrapperRef.current.children) === null || _dotWrapperRef$curren4 === void 0 ? void 0 : _dotWrapperRef$curren4[i];
-          currentDomNode === null || currentDomNode === void 0 || currentDomNode.classList.add(classes.animateOut);
-          currentDomNode.style.animationDelay = "".concat(delay, "s");
-          currentDomNode.style.animationDuration = "".concat(duration, "s");
-        };
-        for (var i = 0; i < dotsToAdd; i++) {
-          _loop();
-        }
-      }
-    } else {
-      // Двигаемся влево
-
-      // Если мы добавляем 1 и более точек, то нужно начать
-      // приводить размер крайней левой точки (что будет в m размере?)
-      // к натуральному размеру.
-      if (dotsToAdd >= 1) {
-        var _dotWrapperRef$curren5;
-        (_dotWrapperRef$curren5 = dotWrapperRef.current.children[0]) === null || _dotWrapperRef$curren5 === void 0 || _dotWrapperRef$curren5.classList.add(classes.temporaryNatural);
-      }
-
-      // Т.к. мы двигаемся влево, то нужно начать уменьшать размер крайней правой точки
-      // (опять же, что в m size?)
-      if (dotsToAdd >= 1) {
-        var _dotWrapperRef$curren6;
-        (_dotWrapperRef$curren6 = dotWrapperRef.current.children[visibleCount - 1 - dotsToAdd]) === null || _dotWrapperRef$curren6 === void 0 || _dotWrapperRef$curren6.classList.add(classes.shrinking);
-      }
-      if (dotsToAdd > 0) {
-        var _loop2 = function _loop2() {
-          var _dotWrapperRef$curren7;
-          var node = document.createElement('div');
-          node.textContent = '';
-          node.classList.add(classes.dot);
-          node.style.opacity = '0';
-          var delay = (dotsToAdd - 1 - _i) * (ANIMATION_DURATION / dotsToAdd);
-          node.style.animationDelay = "".concat(delay, "s");
-          leftAnimationWrapperRef.current.prepend(node);
-          var duration = ANIMATION_DURATION / dotsToAdd;
-          requestAnimationFrame(function () {
-            node.classList.add(classes.animateIn);
-            node.style.animationDuration = "".concat(duration, "s");
-          });
-          var currentDomNode = (_dotWrapperRef$curren7 = dotWrapperRef.current.children) === null || _dotWrapperRef$curren7 === void 0 ? void 0 : _dotWrapperRef$curren7[dotWrapperRef.current.children.length - 1 - _i];
-          currentDomNode === null || currentDomNode === void 0 || currentDomNode.classList.add(classes.animateOut);
-          currentDomNode.style.animationDelay = "".concat(_i * (ANIMATION_DURATION / dotsToAdd), "s");
-          currentDomNode.style.animationDuration = "".concat(duration, "s");
-        };
-        for (var _i = dotsToAdd - 1; _i >= 0; _i--) {
-          _loop2();
-        }
-      }
-    }
-  }, [index]);
-  return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(TransitionWrapper, {
-    ref: transitionWrapperRef,
-    onTransitionEnd: handleTransitionEnd
-  }, /*#__PURE__*/React.createElement(LeftAnimationWrapper, {
-    ref: leftAnimationWrapperRef
-  }), /*#__PURE__*/React.createElement(DotWrapper, {
-    ref: dotWrapperRef,
-    className: cls(hiddenDotsLeft && classes.availableDotsLeft, hiddenDotsRight && classes.availableDotsRight)
-  }, Array(visibleCount).fill(0).map(function (_, i) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: i,
-      className: cls(classes.dot, i === activeIndex && classes.active),
-      onClick: function onClick() {
-        return handleClick(i);
-      }
-    });
-  })), /*#__PURE__*/React.createElement(RightAnimationWrapper, {
-    ref: rightAnimationWrapperRef
-  })));
-});

package/styled-components/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js

@@ -1,17 +0,0 @@
-import styled from 'styled-components';
-import { classes, tokens } from "../../Carousel.tokens";
-export var Wrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-feybgn-0"
-})(["display:flex;align-items:center;justify-content:center;margin-top:0.75rem;--duration:0.3s;--half-duration:0.15s;"]);
-export var TransitionWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-feybgn-1"
-})(["position:relative;display:flex;transition:transform 0s ease;&.", "{transition:transform var(--duration) ease;}& .", "{width:0.5rem;height:0.5rem;margin:0 0.25rem;cursor:pointer;background-color:var(", ");border-radius:100%;&.", "{background-color:var(", ");}@keyframes fadeOut{from{transform:scale(0.75);opacity:1;}to{transform:scale(0);opacity:0;}}&.", "{animation:fadeOut var(--half-duration) ease forwards;}@keyframes shrinking{from{transform:scale(1);}to{transform:scale(0.75);}}&.", "{animation:shrinking var(--half-duration) var(--half-duration) ease forwards;}}"], classes.animating, classes.dot, tokens.paginationDotBackground, classes.active, tokens.paginationDotActiveBackground, classes.animateOut, classes.shrinking);
-export var DotWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-feybgn-2"
-})(["display:flex;&.", "{.", ":not(.", "):first-child{transform:scale(0.75);}}&.", "{.", ":not(.", "):last-child{transform:scale(0.75);}}&.", " .", "{transition:background-color var(--duration) ease;}"], classes.availableDotsLeft, classes.dot, classes.temporaryNatural, classes.availableDotsRight, classes.dot, classes.temporaryNatural, classes.animating, classes.dot);
-export var LeftAnimationWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-feybgn-3"
-})(["position:absolute;top:0;right:100%;bottom:0;display:flex;& .", "{transition:transform var(--duration) ease;@keyframes fadeIn{from{transform:scale(0);opacity:0;}to{transform:scale(1);opacity:1;}}&.", "{animation:fadeIn var(--half-duration) ease forwards;}&:first-child{@keyframes fadeInFirst{from{transform:scale(0);opacity:0;}to{transform:scale(0.75);opacity:1;}}&.", "{animation:fadeInFirst var(--half-duration) ease forwards;}}}"], classes.dot, classes.animateIn, classes.animateIn);
-export var RightAnimationWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-feybgn-4"
-})(["position:absolute;top:0;left:100%;bottom:0;display:flex;& .", "{transition:transform var(--duration) ease;@keyframes fadeIn{from{transform:scale(0);opacity:0;}to{transform:scale(1);opacity:1;}}&.", "{animation:fadeIn var(--half-duration) ease forwards;}&:last-child{@keyframes fadeInLast{from{transform:scale(0);opacity:0;}to{transform:scale(0.75);opacity:1;}}&.", "{animation:fadeInLast var(--half-duration) ease forwards;}}}"], classes.dot, classes.animateIn, classes.animateIn);

package/styled-components/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js

@@ -1,41 +0,0 @@
-export var getInitialData = function getInitialData(index, count, visibleCount) {
-  var newIndex = index;
-  var newVisibleCount = visibleCount;
-
-  // Ограничения на макс. и мин. значения индекса
-  if (index < 0) {
-    newIndex = 0;
-  } else if (index >= count) {
-    newIndex = count - 1;
-  }
-
-  // Ограничение на количество точек
-  if (visibleCount > count) {
-    newVisibleCount = count;
-  }
-  return [newIndex, newVisibleCount];
-};
-export var getActiveIndex = function getActiveIndex(index, isRightDirection, count, visibleCount) {
-  if (index < Math.trunc(visibleCount / 2)) {
-    return index;
-  }
-  if (count - 1 - index < Math.trunc(visibleCount / 2)) {
-    return visibleCount - 1 - (count - 1 - index);
-  }
-  if (visibleCount % 2) {
-    return Math.trunc(visibleCount / 2);
-  }
-  if (isRightDirection) {
-    return visibleCount / 2;
-  }
-  return visibleCount / 2 - 1;
-};
-export var getTargetIndex = function getTargetIndex(index, prevIndex, prevActiveIndex, diffDotsRange) {
-  var targetIndex = 0;
-  if (index > prevIndex) {
-    targetIndex = prevActiveIndex + diffDotsRange;
-  } else {
-    targetIndex = prevActiveIndex - diffDotsRange;
-  }
-  return targetIndex;
-};

package/styled-components/es/components/Carousel/CarouselNew/ui/Item/Item.js

@@ -1,30 +0,0 @@
-var _excluded = ["scrollSnapAlign", "scrollSnapStop", "children"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import styled from 'styled-components';
-var StyledItem = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1j1qvbq-0"
-})(["scroll-snap-align:", ";scroll-snap-stop:", ";"], function (_ref) {
-  var scrollSnapAlign = _ref.scrollSnapAlign;
-  return scrollSnapAlign || 'none';
-}, function (_ref2) {
-  var scrollSnapAlign = _ref2.scrollSnapAlign,
-    scrollSnapStop = _ref2.scrollSnapStop;
-  return scrollSnapAlign ? scrollSnapStop : 'normal';
-});
-export var CarouselItem = function CarouselItem(_ref3) {
-  var _ref3$scrollSnapAlign = _ref3.scrollSnapAlign,
-    scrollSnapAlign = _ref3$scrollSnapAlign === void 0 ? 'center' : _ref3$scrollSnapAlign,
-    _ref3$scrollSnapStop = _ref3.scrollSnapStop,
-    scrollSnapStop = _ref3$scrollSnapStop === void 0 ? 'always' : _ref3$scrollSnapStop,
-    children = _ref3.children,
-    rest = _objectWithoutProperties(_ref3, _excluded);
-  return /*#__PURE__*/React.createElement(StyledItem, _extends({
-    scrollSnapAlign: scrollSnapAlign,
-    scrollSnapStop: scrollSnapStop,
-    role: "group",
-    "aria-roledescription": "slide"
-  }, rest), children);
-};

package/styled-components/es/components/Carousel/CarouselNew/ui/index.js

@@ -1,2 +0,0 @@
-export * from "./Item/Item";
-export * from "./Dots/Dots";

package/styled-components/es/components/Carousel/CarouselNew/variations/_size/base.js

@@ -1,2 +0,0 @@
-import { css } from 'styled-components';
-export var base = /*#__PURE__*/css([""]);

package/styled-components/es/components/Carousel/CarouselNew/variations/_size/tokens.json

@@ -1 +0,0 @@
-[]

package/styled-components/es/components/Carousel/CarouselNew/variations/_view/base.js

@@ -1,2 +0,0 @@
-import { css } from 'styled-components';
-export var base = /*#__PURE__*/css([""]);

package/styled-components/es/components/Carousel/CarouselNew/variations/_view/tokens.json

@@ -1 +0,0 @@
-[]

package/styled-components/es/components/Carousel/CarouselOld/Carousel.types.js

@@ -1 +0,0 @@
-export {};

package/styled-components/es/components/Carousel/CarouselOld/index.js

@@ -1,3 +0,0 @@
-export { carouselConfig, carouselRoot } from "./Carousel";
-export { CarouselGridWrapper } from "./Carousel.styles";
-export { CarouselItem } from "./CarouselItem";

package/styled-components/es/components/Carousel/CarouselOld/useDragScroll.js

@@ -1,59 +0,0 @@
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import { useCallback, useEffect, useState } from 'react';
-var SCROLL_SPEED = 2;
-export var useDragScroll = function useDragScroll(scrollRef, isDragScrollDisabled) {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDragging = _useState2[0],
-    setDragging = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    startX = _useState4[0],
-    setStartX = _useState4[1];
-  var _useState5 = useState(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    scrollLeft = _useState6[0],
-    setScrollLeft = _useState6[1];
-  var handleMouseMove = useCallback(function (e) {
-    if (isDragging && scrollRef && scrollRef.current) {
-      var dx = (e.clientX - startX) * SCROLL_SPEED;
-      scrollRef.current.scrollLeft = scrollLeft - dx;
-    }
-  }, [scrollRef, scrollLeft, isDragging, startX]);
-  var handleMouseUp = useCallback(function () {
-    setDragging(false);
-    if (scrollRef && scrollRef.current) {
-      scrollRef.current.style.cursor = 'grab';
-    }
-  }, [scrollRef, setDragging]);
-  var handleMouseDown = useCallback(function (e) {
-    setDragging(true);
-    if (scrollRef && scrollRef.current) {
-      setStartX(e.clientX);
-      setScrollLeft(scrollRef.current.scrollLeft);
-      scrollRef.current.style.cursor = 'grabbing';
-    }
-  }, [scrollRef, setDragging, setStartX, setScrollLeft, handleMouseUp, handleMouseMove]);
-  useEffect(function () {
-    if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
-      scrollRef.current.style.userSelect = 'none';
-      scrollRef.current.addEventListener('mousedown', handleMouseDown);
-      scrollRef.current.addEventListener('mouseup', handleMouseUp);
-      scrollRef.current.addEventListener('mouseleave', handleMouseUp);
-      scrollRef.current.addEventListener('mousemove', handleMouseMove);
-    }
-    return function () {
-      if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
-        scrollRef.current.removeEventListener('mousedown', handleMouseDown);
-        scrollRef.current.removeEventListener('mouseup', handleMouseUp);
-        scrollRef.current.removeEventListener('mouseleave', handleMouseUp);
-        scrollRef.current.removeEventListener('mousemove', handleMouseMove);
-      }
-    };
-  }, [scrollRef, handleMouseDown, handleMouseUp, handleMouseMove, isDragScrollDisabled]);
-};

package/styled-components/es/hooks/useDidMountLayoutEffect.js

@@ -1,11 +0,0 @@
-import { useLayoutEffect, useRef } from 'react';
-export var useDidMountLayoutEffect = function useDidMountLayoutEffect(fn, inputs) {
-  var didMountRef = useRef(false);
-  useLayoutEffect(function () {
-    if (didMountRef.current) {
-      fn();
-    } else {
-      didMountRef.current = true;
-    }
-  }, inputs);
-};

package/types/components/Carousel/CarouselNew/Carousel.d.ts

@@ -1,26 +0,0 @@
-import { RootProps } from '../../../../src/engines';
-import React from 'react';
-import { CarouselNewProps } from './Carousel.types';
-/**
- * Компонент для создания списков с прокруткой.
- */
-export declare const carouselNewRoot: (Root: RootProps<HTMLDivElement, CarouselNewProps>) => React.ForwardRefExoticComponent<CarouselNewProps & React.RefAttributes<HTMLDivElement>>;
-export declare const carouselNewConfig: {
-    name: string;
-    tag: string;
-    layout: (Root: RootProps<HTMLDivElement, CarouselNewProps>) => React.ForwardRefExoticComponent<CarouselNewProps & React.RefAttributes<HTMLDivElement>>;
-    base: import("@linaria/core").LinariaClassName;
-    variations: {
-        view: {
-            css: import("@linaria/core").LinariaClassName;
-        };
-        size: {
-            css: import("@linaria/core").LinariaClassName;
-        };
-    };
-    defaults: {
-        view: string;
-        size: string;
-    };
-};
-//# sourceMappingURL=Carousel.d.ts.map

package/types/components/Carousel/CarouselNew/Carousel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKpD;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC,4FA8E5E,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBAhFQ,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;CAiGhF,CAAC"}

package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts

@@ -1,94 +0,0 @@
-import { CSSProperties } from 'react';
-export declare const IconButtonComponent: import("react").FunctionComponent<import("../../../engines/types").PropsType<import("../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../..").AsProps & {
-    text?: string;
-    contentLeft?: import("react").ReactNode;
-    contentPlacing?: "default" | "relaxed";
-    isLoading?: boolean;
-    loader?: import("react").ReactNode;
-    stretch?: boolean;
-    stretching?: "fixed" | "auto" | "filled";
-    square?: boolean;
-    focused?: boolean;
-    disabled?: boolean;
-    pin?: import("../../../utils/roundness").Pin;
-    view?: string;
-    size?: string;
-    outlined?: boolean;
-    shiftLeft?: boolean;
-    shiftRight?: boolean;
-    blur?: import("../../..").Blur;
-} & {
-    value?: string | number;
-    contentRight?: never;
-} & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../..").AsProps & {
-    text?: string;
-    contentLeft?: import("react").ReactNode;
-    contentPlacing?: "default" | "relaxed";
-    isLoading?: boolean;
-    loader?: import("react").ReactNode;
-    stretch?: boolean;
-    stretching?: "fixed" | "auto" | "filled";
-    square?: boolean;
-    focused?: boolean;
-    disabled?: boolean;
-    pin?: import("../../../utils/roundness").Pin;
-    view?: string;
-    size?: string;
-    outlined?: boolean;
-    shiftLeft?: boolean;
-    shiftRight?: boolean;
-    blur?: import("../../..").Blur;
-} & {
-    value?: never;
-    contentRight?: import("react").ReactNode;
-} & import("react").RefAttributes<HTMLButtonElement>))>;
-export declare const base: import("@linaria/core").LinariaClassName;
-export declare const CarouselWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const CarouselTrack: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    gap?: CSSProperties["gap"];
-}>;
-export declare const IconButton: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../engines/types").PropsType<import("../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../..").AsProps & {
-    text?: string;
-    contentLeft?: import("react").ReactNode;
-    contentPlacing?: "default" | "relaxed";
-    isLoading?: boolean;
-    loader?: import("react").ReactNode;
-    stretch?: boolean;
-    stretching?: "fixed" | "auto" | "filled";
-    square?: boolean;
-    focused?: boolean;
-    disabled?: boolean;
-    pin?: import("../../../utils/roundness").Pin;
-    view?: string;
-    size?: string;
-    outlined?: boolean;
-    shiftLeft?: boolean;
-    shiftRight?: boolean;
-    blur?: import("../../..").Blur;
-} & {
-    value?: string | number;
-    contentRight?: never;
-} & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../..").AsProps & {
-    text?: string;
-    contentLeft?: import("react").ReactNode;
-    contentPlacing?: "default" | "relaxed";
-    isLoading?: boolean;
-    loader?: import("react").ReactNode;
-    stretch?: boolean;
-    stretching?: "fixed" | "auto" | "filled";
-    square?: boolean;
-    focused?: boolean;
-    disabled?: boolean;
-    pin?: import("../../../utils/roundness").Pin;
-    view?: string;
-    size?: string;
-    outlined?: boolean;
-    shiftLeft?: boolean;
-    shiftRight?: boolean;
-    blur?: import("../../..").Blur;
-} & {
-    value?: never;
-    contentRight?: import("react").ReactNode;
-} & import("react").RefAttributes<HTMLButtonElement>))>;
-export declare const ControlsWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-//# sourceMappingURL=Carousel.styles.d.ts.map

package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Carousel.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAOtC,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAA0B,CAAC;AAE3D,eAAO,MAAM,IAAI,0CAEhB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAoB3B,CAAC;AAEF,eAAO,MAAM,aAAa;UAAsB,aAAa,CAAC,KAAK,CAAC;EAInE,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAsBtB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAE3B,CAAC"}

package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts

@@ -1,17 +0,0 @@
-export declare const classes: {
-    dot: string;
-    active: string;
-    animating: string;
-    animateIn: string;
-    animateOut: string;
-    temporaryNatural: string;
-    shrinking: string;
-    availableDotsLeft: string;
-    availableDotsRight: string;
-    rightControlButton: string;
-};
-export declare const tokens: {
-    paginationDotBackground: string;
-    paginationDotActiveBackground: string;
-};
-//# sourceMappingURL=Carousel.tokens.d.ts.map

package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Carousel.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;CAGlB,CAAC"}