ecomlab-components-next 0.1.237 → 0.1.239

package/dist/components/ConstructorComponents/StepsV2/StepsV2.module.scss

@@ -0,0 +1,226 @@
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
+@import '../variables.scss';
+
+.steps-section {
+    font-family: 'Manrope', 'Golos Text', sans-serif !important;
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    gap: 30px;
+    align-items: flex-start;
+    border-radius: 20px;
+    padding: 96px 48px;
+    background: #ffffff;
+    box-sizing: border-box;
+
+    * {
+        font-family: 'Manrope', 'Golos Text', sans-serif !important;
+    }
+}
+
+.steps__title {
+    width: 100%;
+    text-align: center;
+    color: #1A1A2E;
+    font-family: inherit;
+    font-size: 30px;
+    font-style: normal;
+    font-weight: 800;
+    letter-spacing: -1px;
+    margin: 0;
+}
+
+/* Connector line between steps */
+.steps__items {
+    display: flex;
+    gap: 0;
+    width: 100%;
+    position: relative;
+}
+
+.steps__items::before {
+    content: '';
+    position: absolute;
+    top: 28px;
+    left: 10%;
+    right: 10%;
+    height: 2px;
+    background: linear-gradient(90deg, #EEF0FF, $green, #EEF0FF);
+    z-index: 0;
+}
+
+.steps__item {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    gap: 12px;
+    max-width: calc(25% - 12px);
+    flex: 1;
+    align-items: center;
+    text-align: center;
+    padding: 0 16px;
+    position: relative;
+    z-index: 1;
+    box-sizing: border-box;
+}
+
+/* Step counter circles */
+.steps__count {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 50%;
+    width: 56px;
+    height: 56px;
+    background: #ffffff;
+    border: 2px solid $green;
+    color: $green;
+    font-family: inherit;
+    font-size: 20px;
+    font-style: normal;
+    font-weight: 800;
+    box-shadow: 0 0 0 6px #ffffff;
+    flex-shrink: 0;
+}
+
+/* First step is "active" */
+.steps__item:nth-child(1) .steps__count {
+    background: $green;
+    color: #ffffff;
+}
+
+.steps__title_step {
+    color: #1A1A2E;
+    font-family: inherit;
+    font-size: 15px;
+    font-style: normal;
+    font-weight: 700;
+    margin: 0;
+}
+
+.steps__description {
+    color: #6B7280;
+    font-family: inherit;
+    font-size: 13px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1.6;
+    margin: 0;
+}
+
+/* CTA Button */
+.steps__btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    background: $green;
+    color: #ffffff;
+    border: none;
+    border-radius: 10px;
+    padding: 16px 32px;
+    font-family: inherit;
+    font-size: 15px;
+    font-weight: 700;
+    cursor: pointer;
+    width: 100%;
+    max-width: 430px;
+    height: 56px;
+    margin: 0 auto;
+    transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
+    box-shadow: 0 4px 16px rgba(107, 92, 231, 0.35);
+    box-sizing: border-box;
+}
+
+.steps__btn:hover {
+    background: $green;
+    transform: translateY(-2px);
+    box-shadow: 0 8px 24px rgba(107, 92, 231, 0.4);
+}
+
+/* ── TABLET (≤ 1100px) ── */
+@media (max-width: 1100px) {
+    .steps-section {
+        padding: 64px 24px;
+    }
+
+    .steps__title {
+        font-size: 28px;
+    }
+
+    .steps__items {
+        flex-direction: column;
+        gap: 0;
+    }
+
+    .steps__items::before {
+        display: none;
+    }
+
+    .steps__item {
+        max-width: 100%;
+        width: 100%;
+        flex-direction: row;
+        text-align: left;
+        align-items: flex-start;
+        padding: 20px 0;
+        gap: 20px;
+        border-bottom: 1px solid #E5E7EB;
+    }
+
+    .steps__item:last-child {
+        border-bottom: none;
+    }
+
+    .steps__count {
+        flex-shrink: 0;
+        width: 48px;
+        height: 48px;
+        font-size: 18px;
+    }
+
+    .steps__item-text {
+        display: flex;
+        flex-direction: column;
+        gap: 6px;
+    }
+}
+
+/* ── MOBILE (≤ 430px) ── */
+@media (max-width: 430px) {
+    .steps-section {
+        padding: 48px 16px;
+        gap: 24px;
+    }
+
+    .steps__title {
+        font-size: 22px;
+        letter-spacing: -0.5px;
+    }
+
+    .steps__title_step {
+        font-size: 15px;
+    }
+
+    .steps__description {
+        font-size: 13px;
+    }
+
+    .steps__count {
+        width: 42px;
+        height: 42px;
+        font-size: 16px;
+        box-shadow: 0 0 0 4px #ffffff;
+    }
+
+    .steps__item {
+        gap: 14px;
+        padding: 16px 0;
+    }
+
+    .steps__btn {
+        font-size: 14px;
+        height: 52px;
+        max-width: 100%;
+    }
+}

package/dist/components/ConstructorComponents/StepsV2/StepsV2.stories.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.StepsV2Test = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _StepsV = _interopRequireDefault(require("./StepsV2"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var steps = [{
+  title: 'Зарегистрируй личный кабинет на платформе ECOMRU'
+}, {
+  title: "\u0414\u043E\u0431\u0430\u0432\u044C \u0441\u0432\u043E\u0438\u0445 \u0441\u043E\u0442\u0440\u0443\u0434\u043D\u0438\u043A\u043E\u0432 \u043D\u0430 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0435 \u043F\u0440\u0438 \u043F\u043E\u043C\u043E\u0449\u0438 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B"
+}, {
+  title: "\u0414\u043B\u044F \u0443\u0434\u043E\u0431\u0441\u0442\u0432\u0430 \u043F\u0440\u043E\u0447\u0438\u0442\u0430\u0439 \u0438\u043D\u0441\u0442\u0440\u0443\u043A\u0446\u0438\u044E \u043F\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044E \u0440\u0430\u0437\u0434\u0435\u043B\u0430 \u201C\u0410\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0430\u201D"
+}, {
+  title: "\u0410\u043D\u0430\u043B\u0438\u0437\u0438\u0440\u0443\u0439 \u043F\u0440\u043E\u0434\u0430\u0436\u0438, \u0446\u0435\u043D\u044B, \u0437\u0430\u043A\u0430\u0437\u044B \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u043F\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u0438 \u0441\u0432\u043E\u0435\u0433\u043E \u0431\u0438\u0437\u043D\u0435\u0441\u0430 \u043F\u0440\u0438 \u043F\u043E\u043C\u043E\u0449\u0438 \u0443\u0434\u043E\u0431\u043D\u043E\u0433\u043E \u0438\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u0430"
+}, {
+  title: "\u0410\u043D\u0430\u043B\u0438\u0437\u0438\u0440\u0443\u0439 \u043F\u0440\u043E\u0434\u0430\u0436\u0438, \u0446\u0435\u043D\u044B, \u0437\u0430\u043A\u0430\u0437\u044B \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u043F\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u0438 \u0441\u0432\u043E\u0435\u0433\u043E \u0431\u0438\u0437\u043D\u0435\u0441\u0430 \u043F\u0440\u0438 \u043F\u043E\u043C\u043E\u0449\u0438 \u0443\u0434\u043E\u0431\u043D\u043E\u0433\u043E \u0438\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u0430"
+}];
+var _default = exports["default"] = {
+  title: 'StepsV2',
+  component: _StepsV["default"]
+};
+var StepsV2Test = exports.StepsV2Test = function StepsV2Test() {
+  return /*#__PURE__*/_react["default"].createElement(_StepsV["default"], {
+    title: 'Как начать пользоваться сервисом',
+    list: steps
+  });
+};

package/dist/components/ConstructorComponents/variables.scss

@@ -0,0 +1,50 @@
+// styles/variables.scss
+
+// ========== ЦВЕТА ==========
+* {
+    // Фиолетовые акценты
+    --purple: #6B5CE7;
+    --purple-light: #EEF0FF;
+    --purple-dark: #5448D0;
+    
+    // Зеленые цвета
+    --green: #059669;
+    --green-light: #10B981;
+    --green-dark: #047857;
+    --green-forest: #064E3B;
+    --green-light-bg: #D1FAE5;
+    --green-mint-bg: #A7F3D0;
+    
+    // Нейтральные цвета
+    --text: #1A1A2E;
+    --muted: #6B7280;
+    --border: #E5E7EB;
+    --bg: #F7F8FC;
+    --white: #FFFFFF;
+    
+    // Градиенты
+    --gradient-green: linear-gradient(135deg, var(--green) 0%, var(--green-light) 100%);
+    --gradient-bg: linear-gradient(160deg, #F0F1FF 0%, var(--bg) 50%, var(--white) 100%);
+}
+
+// SCSS переменные (для использования в миксинах и внутри стилей)
+$purple: #6B5CE7;
+$purple-light: #EEF0FF;
+$purple-dark: #5448D0;
+
+$green: #059669;
+$green-light: #10B981;
+$green-dark: #047857;
+$green-forest: #064E3B;
+$green-light-bg: #D1FAE5;
+$green-mint-bg: #A7F3D0;
+
+$text: #1A1A2E;
+$muted: #6B7280;
+$border: #E5E7EB;
+$bg: #F7F8FC;
+$white: #FFFFFF;
+
+// Брейкпоинты
+$tablet: 900px;
+$mobile: 640px;

package/dist/components/Slider/SliderCarousel/SliderCarousel.js

@@ -80,10 +80,9 @@ var SliderCarousel = function SliderCarousel(_ref) {
         decoding: "async",
         loading: "lazy",
         className: "slider-carousel__img",
-        src: value,
-        onError: function onError(e) {
-          return e.target.src = _no_image["default"];
-        },
+        src: value
+        // onError={e => e.target.src = notPhoto}
+        ,
         alt: alt
       })) : /*#__PURE__*/_react["default"].createElement(_image["default"], {
         decoding: "async",
@@ -91,8 +90,7 @@ var SliderCarousel = function SliderCarousel(_ref) {
         className: "slider-carousel__img",
         src: _no_image["default"],
         onError: function onError(e) {
-          e.currentTarget.src = "/fallback-image.jpg"; // Локальная заглушка
-          e.currentTarget.onerror = null;
+          return e.target.src = _no_image["default"];
         },
         alt: alt
       }));

package/dist/index.js

@@ -27,12 +27,24 @@ Object.defineProperty(exports, "ArticlesBlock2", {
     return _ArticlesBlock2["default"];
   }
 });
+Object.defineProperty(exports, "ArticlesBlockV2", {
+  enumerable: true,
+  get: function get() {
+    return _ArticlesBlockV["default"];
+  }
+});
 Object.defineProperty(exports, "BlocksInfo", {
   enumerable: true,
   get: function get() {
     return _BlocksInfo["default"];
   }
 });
+Object.defineProperty(exports, "BlocksInfoV2", {
+  enumerable: true,
+  get: function get() {
+    return _BlocksInfoV["default"];
+  }
+});
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
   get: function get() {
@@ -69,6 +81,12 @@ Object.defineProperty(exports, "CardsInfo", {
     return _CardsInfo["default"];
   }
 });
+Object.defineProperty(exports, "CardsV2", {
+  enumerable: true,
+  get: function get() {
+    return _CardsV["default"];
+  }
+});
 Object.defineProperty(exports, "Carousel", {
   enumerable: true,
   get: function get() {
@@ -87,6 +105,12 @@ Object.defineProperty(exports, "ClientsAboutUs", {
     return _ClientsAboutUs["default"];
   }
 });
+Object.defineProperty(exports, "ClientsAboutUsV2", {
+  enumerable: true,
+  get: function get() {
+    return _ClientsAboutUsV["default"];
+  }
+});
 Object.defineProperty(exports, "Cookie", {
   enumerable: true,
   get: function get() {
@@ -99,12 +123,24 @@ Object.defineProperty(exports, "DropDownSelector", {
     return _DownSelector["default"];
   }
 });
+Object.defineProperty(exports, "FeaturesGridV2", {
+  enumerable: true,
+  get: function get() {
+    return _FeaturesGridV["default"];
+  }
+});
 Object.defineProperty(exports, "Footer", {
   enumerable: true,
   get: function get() {
     return _Footer["default"];
   }
 });
+Object.defineProperty(exports, "FormV2", {
+  enumerable: true,
+  get: function get() {
+    return _FormV["default"];
+  }
+});
 Object.defineProperty(exports, "FormWithBtn", {
   enumerable: true,
   get: function get() {
@@ -171,6 +207,12 @@ Object.defineProperty(exports, "MarqueImgs", {
     return _MarqueImgs["default"];
   }
 });
+Object.defineProperty(exports, "MarqueImgsV2", {
+  enumerable: true,
+  get: function get() {
+    return _MarqueImgsV["default"];
+  }
+});
 Object.defineProperty(exports, "ModalBitrixForm", {
   enumerable: true,
   get: function get() {
@@ -219,18 +261,36 @@ Object.defineProperty(exports, "PhoneBlock", {
     return _PhoneBlock["default"];
   }
 });
+Object.defineProperty(exports, "PhoneBlockV2", {
+  enumerable: true,
+  get: function get() {
+    return _PhoneBlockV["default"];
+  }
+});
 Object.defineProperty(exports, "PointsList", {
   enumerable: true,
   get: function get() {
     return _PointsList["default"];
   }
 });
+Object.defineProperty(exports, "PointsListV2", {
+  enumerable: true,
+  get: function get() {
+    return _PointsListV["default"];
+  }
+});
 Object.defineProperty(exports, "Questions", {
   enumerable: true,
   get: function get() {
     return _Questions["default"];
   }
 });
+Object.defineProperty(exports, "QuestionsV2", {
+  enumerable: true,
+  get: function get() {
+    return _QuestionsV["default"];
+  }
+});
 Object.defineProperty(exports, "SelectExecutor", {
   enumerable: true,
   get: function get() {
@@ -255,12 +315,24 @@ Object.defineProperty(exports, "StatisticCard", {
     return _StatisticCard["default"];
   }
 });
+Object.defineProperty(exports, "StatisticCardV2", {
+  enumerable: true,
+  get: function get() {
+    return _StatisticCardV["default"];
+  }
+});
 Object.defineProperty(exports, "StepItems", {
   enumerable: true,
   get: function get() {
     return _StepItems["default"];
   }
 });
+Object.defineProperty(exports, "StepsV2", {
+  enumerable: true,
+  get: function get() {
+    return _StepsV["default"];
+  }
+});
 Object.defineProperty(exports, "TableBox", {
   enumerable: true,
   get: function get() {
@@ -299,24 +371,36 @@ Object.defineProperty(exports, "usePagination", {
 });
 var _Button = _interopRequireDefault(require("./components/Button"));
 var _ClientsAboutUs = _interopRequireDefault(require("./components/ConstructorComponents/ClientsAboutUs/ClientsAboutUs"));
+var _ClientsAboutUsV = _interopRequireDefault(require("./components/ConstructorComponents/ClientsAboutUsV2/ClientsAboutUsV2"));
 var _AdvantagesBlock = _interopRequireDefault(require("./components/ConstructorComponents/AdvantagesBlock/AdvantagesBlock"));
+var _FeaturesGridV = _interopRequireDefault(require("./components/ConstructorComponents/FeaturesGridV2/FeaturesGridV2"));
 var _CardsInfo = _interopRequireDefault(require("./components/ConstructorComponents/CardsInfo/CardsInfo"));
 var _Header = _interopRequireDefault(require("./components/ConstructorComponents/Header/Header"));
 var _PhoneBlock = _interopRequireDefault(require("./components/ConstructorComponents/PhoneBlock/PhoneBlock"));
+var _PhoneBlockV = _interopRequireDefault(require("./components/ConstructorComponents/PhoneBlockV2/PhoneBlockV2"));
 var _Questions = _interopRequireDefault(require("./components/ConstructorComponents/Questions/Questions"));
+var _QuestionsV = _interopRequireDefault(require("./components/ConstructorComponents/QuestionsV2/QuestionsV2"));
 var _TariffPlan = _interopRequireDefault(require("./components/ConstructorComponents/Tariff/TariffPlan"));
 var _VideoBlock = _interopRequireDefault(require("./components/ConstructorComponents/VideoBlock/VideoBlock"));
 var _ArticlesBlock = _interopRequireDefault(require("./components/ConstructorComponents/ArticlesBlock/ArticlesBlock"));
 var _ArticlesBlock2 = _interopRequireDefault(require("./components/ConstructorComponents/ArticlesBlock2/ArticlesBlock2"));
+var _ArticlesBlockV = _interopRequireDefault(require("./components/ConstructorComponents/ArticlesBlockV2/ArticlesBlockV2"));
 var _FormWithBtn = _interopRequireDefault(require("./components/ConstructorComponents/FormWithBtn/FormWithBtn"));
+var _FormV = _interopRequireDefault(require("./components/ConstructorComponents/FormV2/FormV2"));
 var _BlocksInfo = _interopRequireDefault(require("./components/ConstructorComponents/BlocksInfo/BlocksInfo"));
+var _BlocksInfoV = _interopRequireDefault(require("./components/ConstructorComponents/BlocksInfoV2/BlocksInfoV2"));
 var _StepItems = _interopRequireDefault(require("./components/ConstructorComponents/StepItems/StepItems"));
+var _StepsV = _interopRequireDefault(require("./components/ConstructorComponents/StepsV2/StepsV2"));
 var _StatisticCard = _interopRequireDefault(require("./components/ConstructorComponents/StatisticCard/StatisticCard"));
+var _StatisticCardV = _interopRequireDefault(require("./components/ConstructorComponents/StatisticCardV2/StatisticCardV2"));
 var _MainContainer = _interopRequireDefault(require("./components/ConstructorComponents/MainContainer/MainContainer"));
 var _CardsGrey = _interopRequireDefault(require("./components/ConstructorComponents/CardsGrey/CardsGrey"));
+var _CardsV = _interopRequireDefault(require("./components/ConstructorComponents/CardsV2/CardsV2"));
 var _MarqueImgs = _interopRequireDefault(require("./components/ConstructorComponents/MarqueImgs/MarqueImgs"));
+var _MarqueImgsV = _interopRequireDefault(require("./components/ConstructorComponents/MarqueImgsV2/MarqueImgsV2"));
 var _Carousel = _interopRequireDefault(require("./components/ConstructorComponents/Carousel/Carousel"));
 var _PointsList = _interopRequireDefault(require("./components/ConstructorComponents/PointsList/PointsList"));
+var _PointsListV = _interopRequireDefault(require("./components/ConstructorComponents/PointsListV2/PointsListV2"));
 var _Footer = _interopRequireDefault(require("./components/ConstructorComponents/Footer/Footer"));
 var _PagePreviews = _interopRequireDefault(require("./components/ConstructorComponents/PagePreviews/PagePreviews"));
 var _ButtonBasic = _interopRequireDefault(require("./components/Buttons/ButtonBasic/ButtonBasic"));

package/dist/stories/LongTileArticleBox/LongTileArticleBox.js

@@ -120,7 +120,7 @@ var LongTileArticleBox = function LongTileArticleBox(_ref) {
     className: "title"
   }, search ? (0, _highlightWord.hightlightWord)(search, articleName) : articleName), /*#__PURE__*/React.createElement("div", {
     className: "description-content"
-  }, /*#__PURE__*/React.createElement("p", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "text_description"
   }, Array.isArray(annotation) ? annotation !== null && annotation !== void 0 && annotation[0] ? (0, _htmlReactParser["default"])(annotation === null || annotation === void 0 ? void 0 : annotation[0]) : '' : annotation ? (0, _htmlReactParser["default"])(annotation) : '')), /*#__PURE__*/React.createElement("div", {
     className: "text-and-info-box"

package/dist/stories/ShortTileArticleBox/ShortTileArticleBox.js

@@ -112,7 +112,7 @@ var ShortTileArticleBox = function ShortTileArticleBox(_ref) {
     className: "title"
   }, search ? (0, _highlightWord.hightlightWord)(search, articleName) : articleName), /*#__PURE__*/React.createElement("div", {
     className: "description-content"
-  }, /*#__PURE__*/React.createElement("p", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "text_description"
   }, Array.isArray(annotation) ? annotation !== null && annotation !== void 0 && annotation[0] ? (0, _htmlReactParser["default"])(annotation === null || annotation === void 0 ? void 0 : annotation[0]) : '' : annotation ? (0, _htmlReactParser["default"])(annotation) : '')), /*#__PURE__*/React.createElement("div", {
     className: "text-and-info-box"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecomlab-components-next",
-  "version": "0.1.237",
+  "version": "0.1.239",
   "description": "A set of common and reusable React components",
   "main": "dist/index.js",
   "files": [

package/dist/components/Buttons/SignUpButton/ButtonSignUp.js

@@ -1,75 +0,0 @@
-"use strict";
-'use client';
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _image = _interopRequireDefault(require("next/image"));
-var _ButtonSignUpModule = _interopRequireDefault(require("./ButtonSignUp.module.scss"));
-var _calendar = _interopRequireDefault(require("./calendar.svg"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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; }
-var ButtonSignUp = function ButtonSignUp(_ref) {
-  var onClick = _ref.onClick,
-    _ref$media = _ref.media,
-    media = _ref$media === void 0 ? '1000px' : _ref$media,
-    _ref$isMobile = _ref.isMobile,
-    isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile;
-  var _useState = (0, _react.useState)(getMatches),
-    _useState2 = _slicedToArray(_useState, 2),
-    screenWidth = _useState2[0],
-    setScreenWidth = _useState2[1];
-  var getMatches = function getMatches() {
-    return typeof window !== 'undefined' ? window.matchMedia("(max-width:".concat(media, ")")).matches : false;
-  };
-  (0, _react.useEffect)(function () {
-    var mediaQuery = window.matchMedia("(max-width: ".concat(media, ")"));
-    var onResize = function onResize(e) {
-      return setScreenWidth(e.matches);
-    };
-    mediaQuery.addEventListener('change', onResize);
-    return function () {
-      return mediaQuery.removeEventListener('change', onResize);
-    };
-  }, [media]);
-  var collapsed = !isMobile && screenWidth;
-  var buttonClassName = [_ButtonSignUpModule["default"].buttonSignUp, isMobile ? _ButtonSignUpModule["default"].small : '', collapsed ? _ButtonSignUpModule["default"].collapsed : ''].join(' ').trim();
-  var buttonStyles = {
-    maxWidth: collapsed && '56px',
-    padding: collapsed ? '0' : '0 16px',
-    justifyContent: collapsed && 'center'
-  };
-  var imageWrapperStyles = {
-    '--after-left': collapsed ? '-11px' : 'calc(100% - 6px)',
-    '--after-top': collapsed ? '-11px' : '-2px'
-  };
-  return /*#__PURE__*/_react["default"].createElement("button", {
-    className: buttonClassName,
-    style: buttonStyles,
-    type: "button",
-    onClick: onClick
-  }, isMobile ? /*#__PURE__*/_react["default"].createElement("span", {
-    className: _ButtonSignUpModule["default"].secondaryText
-  }, "\u0417\u0430\u043F\u0438\u0441\u0430\u0442\u044C\u0441\u044F") : !collapsed ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
-    className: _ButtonSignUpModule["default"].primaryText
-  }, "\u041E\u043D\u043B\u0430\u0439\u043D \u0437\u0430\u043F\u0438\u0441\u044C"), /*#__PURE__*/_react["default"].createElement("span", {
-    className: _ButtonSignUpModule["default"].secondaryText
-  }, "\u0417\u0430\u043F\u0438\u0441\u0430\u0442\u044C\u0441\u044F")) : null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: _ButtonSignUpModule["default"].imageWrapper,
-    style: imageWrapperStyles
-  }, /*#__PURE__*/_react["default"].createElement(_image["default"], {
-    src: _calendar["default"],
-    alt: "icon-calendar"
-  })));
-};
-var _default = exports["default"] = ButtonSignUp;