@xaypay/tui 0.0.9 → 0.0.12

package/dist/index.es.js

@@ -1,5 +1,4 @@
-import * as React$1 from 'react';
-import React__default, { useState, useMemo, useEffect, React as React$2 } from 'react';
+import React$1, { useState, useMemo, useEffect, React as React$2 } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import styled from 'styled-components';
@@ -48,9 +47,9 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$8 = ".button-module_btn__ffRtT{border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:16px;line-height:20px;min-height:46px;outline:none;overflow:hidden;padding:12px 20px;text-transform:capitalize;transition:background-color .24s,color .24s}.button-module_btn__ffRtT.button-module_full-size__vmV2E{width:100%}.button-module_btn__ffRtT.button-module_content-size__f7JSE{width:auto}.button-module_btn__ffRtT.button-module_type-filled__BiyVo{background-color:#00236a;color:#fff}.button-module_btn__ffRtT.button-module_type-filled__BiyVo:hover{background-color:#001745}.button-module_btn__ffRtT.button-module_type-filled__BiyVo:disabled{background-color:#eee;color:#3c393e;pointer-events:none}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V{background-color:#fff;box-shadow:inset 0 0 0 2px #00236a}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V:hover{background-color:#001745;color:#fff}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V:disabled{box-shadow:inset 0 0 0 2px #eee;color:#3c393e;pointer-events:none}";
-var styles$6 = {"btn":"button-module_btn__ffRtT","full-size":"button-module_full-size__vmV2E","content-size":"button-module_content-size__f7JSE","size-default":"button-module_size-default__ydEgl","type-filled":"button-module_type-filled__BiyVo","with-icon":"button-module_with-icon__mfKU-","type-outline":"button-module_type-outline__RpZ2V"};
-styleInject(css_248z$8);
+var css_248z$9 = ".button-module_btn__ffRtT{border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:16px;line-height:20px;min-height:46px;outline:none;overflow:hidden;padding:12px 20px;text-transform:capitalize;transition:background-color .24s,color .24s}.button-module_btn__ffRtT.button-module_full-size__vmV2E{width:100%}.button-module_btn__ffRtT.button-module_content-size__f7JSE{width:auto}.button-module_btn__ffRtT.button-module_type-filled__BiyVo{background-color:#00236a;color:#fff}.button-module_btn__ffRtT.button-module_type-filled__BiyVo:hover{background-color:#001745}.button-module_btn__ffRtT.button-module_type-filled__BiyVo:disabled{background-color:#eee;color:#3c393e;pointer-events:none}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V{background-color:#fff;box-shadow:inset 0 0 0 2px #00236a}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V:hover{background-color:#001745;color:#fff}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V:disabled{box-shadow:inset 0 0 0 2px #eee;color:#3c393e;pointer-events:none}";
+var styles$7 = {"btn":"button-module_btn__ffRtT","full-size":"button-module_full-size__vmV2E","content-size":"button-module_content-size__f7JSE","size-default":"button-module_size-default__ydEgl","type-filled":"button-module_type-filled__BiyVo","with-icon":"button-module_with-icon__mfKU-","type-outline":"button-module_type-outline__RpZ2V"};
+styleInject(css_248z$9);
 
 /**
  * Primary UI component for user interaction
@@ -86,12 +85,12 @@ const Button = ({
   outline,
   ...props
 }) => {
-  console.log(styles$6);
+  console.log(styles$7);
   console.log(backgroundColor);
-  const classProps = classnames(styles$6.btn, styles$6[theme], styles$6[size], outline ? styles$6['type-outline'] : styles$6['type-filled'], className); // className='btn type-outline size-default' 
+  const classProps = classnames(styles$7.btn, styles$7[theme], styles$7[size], outline ? styles$7['type-outline'] : styles$7['type-filled'], className); // className='btn type-outline size-default' 
 
   console.log(classProps);
-  return /*#__PURE__*/React__default.createElement("button", _extends({
+  return /*#__PURE__*/React$1.createElement("button", _extends({
     type: "button",
     className: classProps,
     style: backgroundColor && {
@@ -140,8 +139,8 @@ Button.defaultProps = {
   outline: false
 };
 
-var css_248z$7 = "h1{font-size:70px;line-height:70px}h1,h2{font-weight:400;text-transform:uppercase}h2{font-size:50px;line-height:50px}h3{font-size:38px;font-weight:400;line-height:38px}h3,h4{text-transform:uppercase}h4{font-size:24px;font-weight:600;line-height:24px}h5{font-size:20px;font-size:16px;line-height:20px;line-height:22px;text-transform:uppercase}h5,p{font-weight:600;text-transform:capitalize}p{font-size:14px;line-height:20px}span{font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}i{font-family:icomoon;font-style:inherit}";
-styleInject(css_248z$7);
+var css_248z$8 = "h1{font-size:70px;line-height:70px}h1,h2{font-weight:400;text-transform:uppercase}h2{font-size:50px;line-height:50px}h3{font-size:38px;font-weight:400;line-height:38px}h3,h4{text-transform:uppercase}h4{font-size:24px;font-weight:600;line-height:24px}h5{font-size:20px;font-size:16px;line-height:20px;line-height:22px;text-transform:uppercase}h5,p{font-weight:600;text-transform:capitalize}p{font-size:14px;line-height:20px}span{font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}i{font-family:icomoon;font-style:inherit}";
+styleInject(css_248z$8);
 
 const TypographyType = {
   h1: 'h1',
@@ -176,7 +175,7 @@ const Typography = ({
 		${color ? 'color: ' + color + ';' : ''}
 		${bold ? 'font-weight: bold;' : ''}
 	`;
-  return /*#__PURE__*/React__default.createElement(StyledTypograpy, {
+  return /*#__PURE__*/React$1.createElement(StyledTypograpy, {
     className: classProps
   }, " ", children, " ");
 };
@@ -190,9 +189,9 @@ Typography.defaultProps = {
   variant: 'h1'
 };
 
-var css_248z$6 = ".autocomplate-module_autocomplate-content__UbIUT{display:flex;flex-direction:column}.autocomplate-module_autocomplate-content-top__FVgCp{border:2px solid #d1d1d1;border-radius:6px;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;height:46px;line-height:22px;max-width:400px;padding:0 15px;transition:border-color .24s}.autocomplate-module_autocomplate-content-top__FVgCp.autocomplate-module_active__40fdV{border-color:#00236a}.autocomplate-module_autocomplate-content-top__FVgCp:hover{border-color:#3c393e}.autocomplate-module_autocomplate-content-bottom__yk0zP{animation:autocomplate-module_select-show__7Uap4 .64s linear forwards;background:#fbfbfb;border-radius:6px;box-shadow:0 0 10px rgba(60,57,62,.08);max-height:0;max-width:400px;overflow:hidden;position:relative;top:6px}.autocomplate-module_autocomplate-content-bottom-inner__rF5IF{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}@keyframes autocomplate-module_select-show__7Uap4{to{max-height:400px}}.autocomplate-module_autocomplate-content-bottom-row__dRsZa{align-items:center;background:#fff;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:46px;line-height:22px;margin-bottom:2px;padding:0 15px;transition:background .24s,color .24s}.autocomplate-module_autocomplate-content-bottom-row__dRsZa .autocomplate-module_no-option__xv0-E{color:red}.autocomplate-module_autocomplate-content-bottom-row__dRsZa:hover{background:unset;color:#00236a}.autocomplate-module_option-active__WuH4I .autocomplate-module_autocomplate-content-bottom-row__dRsZa{color:#00236a}";
-var styles$5 = {"autocomplate-content":"autocomplate-module_autocomplate-content__UbIUT","autocomplate-content-top":"autocomplate-module_autocomplate-content-top__FVgCp","active":"autocomplate-module_active__40fdV","autocomplate-content-bottom":"autocomplate-module_autocomplate-content-bottom__yk0zP","select-show":"autocomplate-module_select-show__7Uap4","autocomplate-content-bottom-inner":"autocomplate-module_autocomplate-content-bottom-inner__rF5IF","autocomplate-content-bottom-row":"autocomplate-module_autocomplate-content-bottom-row__dRsZa","no-option":"autocomplate-module_no-option__xv0-E","option-active":"autocomplate-module_option-active__WuH4I"};
-styleInject(css_248z$6);
+var css_248z$7 = ".autocomplate-module_autocomplate-content__UbIUT{display:flex;flex-direction:column}.autocomplate-module_autocomplate-content-top__FVgCp{border:2px solid #d1d1d1;border-radius:6px;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;height:46px;line-height:22px;max-width:400px;padding:0 15px;transition:border-color .24s}.autocomplate-module_autocomplate-content-top__FVgCp.autocomplate-module_active__40fdV{border-color:#00236a}.autocomplate-module_autocomplate-content-top__FVgCp:hover{border-color:#3c393e}.autocomplate-module_autocomplate-content-bottom__yk0zP{animation:autocomplate-module_select-show__7Uap4 .64s linear forwards;background:#fbfbfb;border-radius:6px;box-shadow:0 0 10px rgba(60,57,62,.08);max-height:0;max-width:400px;overflow:hidden;position:relative;top:6px}.autocomplate-module_autocomplate-content-bottom-inner__rF5IF{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}@keyframes autocomplate-module_select-show__7Uap4{to{max-height:400px}}.autocomplate-module_autocomplate-content-bottom-row__dRsZa{align-items:center;background:#fff;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:46px;line-height:22px;margin-bottom:2px;padding:0 15px;transition:background .24s,color .24s}.autocomplate-module_autocomplate-content-bottom-row__dRsZa .autocomplate-module_no-option__xv0-E{color:red}.autocomplate-module_autocomplate-content-bottom-row__dRsZa:hover{background:unset;color:#00236a}.autocomplate-module_option-active__WuH4I .autocomplate-module_autocomplate-content-bottom-row__dRsZa{color:#00236a}";
+var styles$6 = {"autocomplate-content":"autocomplate-module_autocomplate-content__UbIUT","autocomplate-content-top":"autocomplate-module_autocomplate-content-top__FVgCp","active":"autocomplate-module_active__40fdV","autocomplate-content-bottom":"autocomplate-module_autocomplate-content-bottom__yk0zP","select-show":"autocomplate-module_select-show__7Uap4","autocomplate-content-bottom-inner":"autocomplate-module_autocomplate-content-bottom-inner__rF5IF","autocomplate-content-bottom-row":"autocomplate-module_autocomplate-content-bottom-row__dRsZa","no-option":"autocomplate-module_no-option__xv0-E","option-active":"autocomplate-module_option-active__WuH4I"};
+styleInject(css_248z$7);
 
 const Autocomplate = ({
   className,
@@ -205,7 +204,7 @@ const Autocomplate = ({
   searchCount,
   ...props
 }) => {
-  classnames(styles$5.searchBox, className);
+  classnames(styles$6.searchBox, className);
   const [inputValue, setInputValue] = useState("");
   const [activeOption, setActiveOption] = useState(0);
   const [filteredOptions, setFilteredOptions] = useState([]);
@@ -232,10 +231,10 @@ const Autocomplate = ({
 
   if (showOptions && inputValue) {
     if (filteredOptions.length && inputValue.length >= searchCount) {
-      optionList = /*#__PURE__*/React__default.createElement("div", {
-        className: styles$5['autocomplate-content-bottom']
-      }, /*#__PURE__*/React__default.createElement("div", {
-        className: styles$5['autocomplate-content-bottom-inner']
+      optionList = /*#__PURE__*/React$1.createElement("div", {
+        className: styles$6['autocomplate-content-bottom']
+      }, /*#__PURE__*/React$1.createElement("div", {
+        className: styles$6['autocomplate-content-bottom-inner']
       }, filteredOptions.map((optionName, index) => {
         let className;
 
@@ -243,34 +242,34 @@ const Autocomplate = ({
           className = "option-active";
         }
 
-        return /*#__PURE__*/React__default.createElement("div", {
-          className: styles$5[className],
+        return /*#__PURE__*/React$1.createElement("div", {
+          className: styles$6[className],
           key: optionName,
           onClick: handleClick
-        }, /*#__PURE__*/React__default.createElement("div", {
-          className: styles$5['autocomplate-content-bottom-row']
+        }, /*#__PURE__*/React$1.createElement("div", {
+          className: styles$6['autocomplate-content-bottom-row']
         }, optionName));
       })));
     } else {
-      optionList = /*#__PURE__*/React__default.createElement("div", {
-        className: styles$5['autocomplate-content-bottom']
-      }, /*#__PURE__*/React__default.createElement("div", {
-        className: styles$5['autocomplate-content-bottom-inner']
-      }, /*#__PURE__*/React__default.createElement("div", {
-        className: styles$5['autocomplate-content-bottom-row']
-      }, /*#__PURE__*/React__default.createElement("div", {
-        className: styles$5['no-option']
+      optionList = /*#__PURE__*/React$1.createElement("div", {
+        className: styles$6['autocomplate-content-bottom']
+      }, /*#__PURE__*/React$1.createElement("div", {
+        className: styles$6['autocomplate-content-bottom-inner']
+      }, /*#__PURE__*/React$1.createElement("div", {
+        className: styles$6['autocomplate-content-bottom-row']
+      }, /*#__PURE__*/React$1.createElement("div", {
+        className: styles$6['no-option']
       }, "No Option!"))));
     }
   }
 
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, label ? /*#__PURE__*/React__default.createElement("label", {
-    className: styles$5.labelInput
-  }, label) : "", /*#__PURE__*/React__default.createElement("div", {
-    className: styles$5['autocomplate-content']
-  }, /*#__PURE__*/React__default.createElement("input", _extends({
+  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, label ? /*#__PURE__*/React$1.createElement("label", {
+    className: styles$6.labelInput
+  }, label) : "", /*#__PURE__*/React$1.createElement("div", {
+    className: styles$6['autocomplate-content']
+  }, /*#__PURE__*/React$1.createElement("input", _extends({
     type: "text",
-    className: styles$5['autocomplate-content-top'],
+    className: styles$6['autocomplate-content-top'],
     required: required,
     disabled: disabled,
     onChange: handleChange,
@@ -293,9 +292,9 @@ Autocomplate.defaultProps = {
   searchCount: 2
 };
 
-var css_248z$5 = ".checkbox-module_checkbox-wrap__Xrg-m{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin:0 6px;padding-left:24px;position:relative}.checkbox-module_checkbox-wrap__Xrg-m>input{height:0;opacity:0;position:absolute;width:0}.checkbox-module_checkbox-wrap__Xrg-m .checkbox-module_checkmark__M8DY6{border:1px solid #d9d9d9;border-radius:3px;display:inline-block;height:14px;left:0;margin-right:4px;position:absolute;top:0;transition:border-color .24s;vertical-align:top;width:14px}.checkbox-module_checkbox-wrap__Xrg-m>.checkbox-module_checkmark__M8DY6:after{border:solid #1890ff;border-width:0 2px 2px 0;content:\"\";display:block;height:8px;left:4px;opacity:0;position:absolute;top:1px;transform:rotate(45deg);transition:opacity .24s;width:4px}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6:after{opacity:1}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6,.checkbox-module_checkbox-wrap__Xrg-m:hover input~.checkbox-module_checkmark__M8DY6{border-color:#1890ff}";
-var styles$4 = {"checkbox-wrap":"checkbox-module_checkbox-wrap__Xrg-m","checkmark":"checkbox-module_checkmark__M8DY6"};
-styleInject(css_248z$5);
+var css_248z$6 = ".checkbox-module_checkbox-wrap__Xrg-m{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin:0 6px;padding-left:24px;position:relative}.checkbox-module_checkbox-wrap__Xrg-m>input{height:0;opacity:0;position:absolute;width:0}.checkbox-module_checkbox-wrap__Xrg-m .checkbox-module_checkmark__M8DY6{border:1px solid #d9d9d9;border-radius:3px;display:inline-block;height:14px;left:0;margin-right:4px;position:absolute;top:0;transition:border-color .24s;vertical-align:top;width:14px}.checkbox-module_checkbox-wrap__Xrg-m>.checkbox-module_checkmark__M8DY6:after{border:solid #1890ff;border-width:0 2px 2px 0;content:\"\";display:block;height:8px;left:4px;opacity:0;position:absolute;top:1px;transform:rotate(45deg);transition:opacity .24s;width:4px}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6:after{opacity:1}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6,.checkbox-module_checkbox-wrap__Xrg-m:hover input~.checkbox-module_checkmark__M8DY6{border-color:#1890ff}";
+var styles$5 = {"checkbox-wrap":"checkbox-module_checkbox-wrap__Xrg-m","checkmark":"checkbox-module_checkmark__M8DY6"};
+styleInject(css_248z$6);
 
 const Checkbox = ({
   disabled,
@@ -309,7 +308,7 @@ const Checkbox = ({
   keyNames,
   ...props
 }) => {
-  const classProps = classnames(styles$4.checkbox, className);
+  const classProps = classnames(styles$5.checkbox, className);
   const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
   const [data, setData] = useState(parseData);
 
@@ -331,11 +330,11 @@ const Checkbox = ({
     }
   };
 
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, data.map(element => {
-    return /*#__PURE__*/React__default.createElement("label", {
-      className: styles$4["checkbox-wrap"],
+  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, data.map(element => {
+    return /*#__PURE__*/React$1.createElement("label", {
+      className: styles$5["checkbox-wrap"],
       key: element.value
-    }, /*#__PURE__*/React__default.createElement("input", _extends({
+    }, /*#__PURE__*/React$1.createElement("input", _extends({
       type: "checkbox",
       className: classProps,
       disabled: disabled,
@@ -343,10 +342,10 @@ const Checkbox = ({
       value: value ? value : element.value,
       name: name ? name : element.name,
       onChange: handleChange
-    }, props)), /*#__PURE__*/React__default.createElement("span", {
-      className: styles$4["checkmark"]
-    }), element.label ? /*#__PURE__*/React__default.createElement("span", {
-      className: styles$4.labelRadio
+    }, props)), /*#__PURE__*/React$1.createElement("span", {
+      className: styles$5["checkmark"]
+    }), element.label ? /*#__PURE__*/React$1.createElement("span", {
+      className: styles$5.labelRadio
     }, label ? label : element.label) : "");
   }));
 };
@@ -367,146 +366,19 @@ Checkbox.defaultProps = {
   jsonData: '[{"value":"email", "name":"contact1", "label":"Email", "id":"contactChoice1"}, {"value":"phone", "name":"contact2", "label":"Phone", "id":"contactChoice2"}]'
 };
 
-const SvgHeartFilled = ({
-  title,
-  titleId,
-  ...props
-}) => /*#__PURE__*/React$1.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 511.626 511.627",
-  style: {
-    enableBackground: "new 0 0 511.626 511.627"
-  },
-  xmlSpace: "preserve",
-  role: "img",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React$1.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React$1.createElement("path", {
-  d: "M475.366 71.951c-24.175-23.606-57.575-35.404-100.215-35.404-11.8 0-23.843 2.046-36.117 6.136-12.279 4.093-23.702 9.615-34.256 16.562-10.568 6.945-19.65 13.467-27.269 19.556a263.828 263.828 0 0 0-21.696 19.414 264.184 264.184 0 0 0-21.698-19.414c-7.616-6.089-16.702-12.607-27.268-19.556-10.564-6.95-21.985-12.468-34.261-16.562-12.275-4.089-24.316-6.136-36.116-6.136-42.637 0-76.039 11.801-100.211 35.404C12.087 95.552 0 128.288 0 170.162c0 12.753 2.24 25.889 6.711 39.398 4.471 13.514 9.566 25.031 15.275 34.546 5.708 9.514 12.181 18.796 19.414 27.837 7.233 9.042 12.519 15.27 15.846 18.699 3.33 3.422 5.948 5.899 7.851 7.419L243.25 469.937c3.427 3.429 7.614 5.144 12.562 5.144s9.138-1.715 12.563-5.137l177.87-171.307c43.588-43.583 65.38-86.41 65.38-128.475.001-41.874-12.088-74.61-36.259-98.211z",
-  fill: "currentColor"
-}));
-
-const SvgHeartOutline = ({
-  title,
-  titleId,
-  ...props
-}) => /*#__PURE__*/React$1.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 471.701 471.701",
-  style: {
-    enableBackground: "new 0 0 471.701 471.701"
-  },
-  xmlSpace: "preserve",
-  width: "1em",
-  height: "1em",
-  role: "img",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React$1.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React$1.createElement("path", {
-  d: "M433.601 67.001c-24.7-24.7-57.4-38.2-92.3-38.2s-67.7 13.6-92.4 38.3l-12.9 12.9-13.1-13.1c-24.7-24.7-57.6-38.4-92.5-38.4-34.8 0-67.6 13.6-92.2 38.2-24.7 24.7-38.3 57.5-38.2 92.4 0 34.9 13.7 67.6 38.4 92.3l187.8 187.8c2.6 2.6 6.1 4 9.5 4 3.4 0 6.9-1.3 9.5-3.9l188.2-187.5c24.7-24.7 38.3-57.5 38.3-92.4.1-34.9-13.4-67.7-38.1-92.4zm-19.2 165.7-178.7 178-178.3-178.3c-19.6-19.6-30.4-45.6-30.4-73.3s10.7-53.7 30.3-73.2c19.5-19.5 45.5-30.3 73.1-30.3 27.7 0 53.8 10.8 73.4 30.4l22.6 22.6c5.3 5.3 13.8 5.3 19.1 0l22.4-22.4c19.6-19.6 45.7-30.4 73.3-30.4 27.6 0 53.6 10.8 73.2 30.3 19.6 19.6 30.3 45.6 30.3 73.3.1 27.7-10.7 53.7-30.3 73.3z",
-  fill: "currentColor"
-}));
-
-const SvgLikeFilled = ({
-  title,
-  titleId,
-  ...props
-}) => /*#__PURE__*/React$1.createElement("svg", _extends({
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 23 20",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React$1.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React$1.createElement("g", {
-  fill: "none",
-  fillRule: "evenodd"
-}, /*#__PURE__*/React$1.createElement("path", {
-  opacity: 0.87,
-  d: "M-1-1h24v24H-1z"
-}), /*#__PURE__*/React$1.createElement("path", {
-  d: "M12.12 1.06 6.58 6.6c-.37.37-.58.88-.58 1.41V18c0 1.1.9 2 2 2h9c.8 0 1.52-.48 1.84-1.21l3.26-7.61C22.94 9.2 21.49 7 19.34 7h-5.65l.95-4.58c.1-.5-.05-1.01-.41-1.37-.59-.58-1.53-.58-2.11.01ZM2 20c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2s-2 .9-2 2v8c0 1.1.9 2 2 2Z",
-  fill: "currentColor"
-})));
-
-const SvgLikeOutline = ({
-  title,
-  titleId,
-  ...props
-}) => /*#__PURE__*/React$1.createElement("svg", _extends({
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 22 20",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React$1.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React$1.createElement("g", {
-  fill: "none",
-  fillRule: "evenodd"
-}, /*#__PURE__*/React$1.createElement("path", {
-  opacity: 0.87,
-  d: "M-1-1h24v24H-1z"
-}), /*#__PURE__*/React$1.createElement("path", {
-  d: "M20 7h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L13.17 0 6.59 6.59C6.22 6.95 6 7.45 6 8v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73V9c0-1.1-.9-2-2-2Zm0 4-3 7H8V8l4.34-4.34L11.23 9H20v2ZM0 8h4v12H0V8Z",
-  fill: "currentColor"
-})));
-
-const SvgStarFilled = ({
-  title,
-  titleId,
-  ...props
-}) => /*#__PURE__*/React$1.createElement("svg", _extends({
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 18 17",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React$1.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React$1.createElement("g", {
-  fill: "none",
-  fillRule: "evenodd"
-}, /*#__PURE__*/React$1.createElement("path", {
-  d: "M-3-3h24v24H-3z"
-}), /*#__PURE__*/React$1.createElement("path", {
-  d: "m9 14.27 4.15 2.51c.76.46 1.69-.22 1.49-1.08l-1.1-4.72 3.67-3.18c.67-.58.31-1.68-.57-1.75l-4.83-.41-1.89-4.46c-.34-.81-1.5-.81-1.84 0L6.19 5.63l-4.83.41C.48 6.11.12 7.21.79 7.79l3.67 3.18-1.1 4.72c-.2.86.73 1.54 1.49 1.08L9 14.27Z",
-  fill: "currentColor"
-})));
-
-const SvgStarOutline = ({
-  title,
-  titleId,
-  ...props
-}) => /*#__PURE__*/React$1.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  className: "star-outline_svg__feather star-outline_svg__feather-star",
-  width: "1em",
-  height: "1em",
-  role: "img",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React$1.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React$1.createElement("path", {
-  d: "m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"
-}));
+var css_248z$5 = "@font-face{font-display:block;font-family:icomoon;font-style:normal;font-weight:400;src:url(fonts/icomoon.eot?b29ky3);src:url(fonts/icomoon.eot?b29ky3#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?b29ky3) format(\"truetype\"),url(fonts/icomoon.woff?b29ky3) format(\"woff\"),url(fonts/icomoon.svg?b29ky3#icomoon) format(\"svg\")}[class*=\" icon-\"],[class^=icon-]{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-close:before{content:\"\\e907\"}.icon-arrow-up:before{content:\"\\e905\"}.icon-arrow-down:before{content:\"\\e906\"}.icon-arrow:before{content:\"\\e900\"}.icon-arrow-jump-next:before{content:\"\\e901\"}.icon-arrow-jump-back:before{content:\"\\e902\"}.icon-text:before{content:\"\\e903\"}.icon-arrow-back:before{content:\"\\e904\"}";
+styleInject(css_248z$5);
+
+/**
+ * Created by aleksanyan.tigran on 10/7/2022.
+ */
+
+const Icon = props => /*#__PURE__*/React.createElement("i", {
+  className: css_248z$5[props.className]
+});
 
 var css_248z$4 = ".input-module_input-wrap__NunrE{position:relative}.input-module_input__-ipHD{border:none;border-radius:6px;box-shadow:inset 0 0 0 2px #d1d1d1;box-sizing:border-box;color:#3c393e;cursor:pointer;font-size:16px;line-height:20px;outline:none;overflow:hidden;text-transform:capitalize;transition:background-color .24s,color .24s}.input-module_input__-ipHD.input-module_full-size__38YG7{width:100%}.input-module_input__-ipHD.input-module_content-size__rZ5EA{width:auto}.input-module_input__-ipHD.input-module_size-medium__frTDq{min-height:46px;padding:12px 15px}.input-module_input__-ipHD:hover{box-shadow:inset 0 0 0 2px #3c393e}.input-module_input__-ipHD:active{box-shadow:inset 0 0 0 2px #00236a}.input-module_inputErrorMessages__hx490{animation:input-module_error-message-show__OrVSo .24s forwards;bottom:0;color:#e00;font-size:14px;left:0;line-height:19px;position:absolute;transform:scale3d(0,0,0);z-index:1}.input-module_labelInput__sUMKQ{color:#000}.input-module_input__-ipHD.input-module_state-disabled__402v0{background-color:#fbfbfb;pointer-events:none}.input-module_input__-ipHD.input-module_error-message__7NphF{box-shadow:inset 0 0 0 2px #e00}@keyframes input-module_error-message-show__OrVSo{to{bottom:-20px;transform:scaleX(1)}}";
-var styles$3 = {"input-wrap":"input-module_input-wrap__NunrE","input":"input-module_input__-ipHD","full-size":"input-module_full-size__38YG7","content-size":"input-module_content-size__rZ5EA","size-medium":"input-module_size-medium__frTDq","with-icon":"input-module_with-icon__w3jTW","inputErrorMessages":"input-module_inputErrorMessages__hx490","error-message-show":"input-module_error-message-show__OrVSo","labelInput":"input-module_labelInput__sUMKQ","state-disabled":"input-module_state-disabled__402v0","error-message":"input-module_error-message__7NphF"};
+var styles$4 = {"input-wrap":"input-module_input-wrap__NunrE","input":"input-module_input__-ipHD","full-size":"input-module_full-size__38YG7","content-size":"input-module_content-size__rZ5EA","size-medium":"input-module_size-medium__frTDq","with-icon":"input-module_with-icon__w3jTW","inputErrorMessages":"input-module_inputErrorMessages__hx490","error-message-show":"input-module_error-message-show__OrVSo","labelInput":"input-module_labelInput__sUMKQ","state-disabled":"input-module_state-disabled__402v0","error-message":"input-module_error-message__7NphF"};
 styleInject(css_248z$4);
 
 const InputTypes = {
@@ -549,12 +421,12 @@ const Input = ({
     eMessage = regex.test(inputValue) ? "" : regexpError;
   }
 
-  const classProps = classnames(styles$3.input, styles$3[size], eMessage != '' ? styles$3['error-message'] : "", className);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: styles$3['input-wrap']
-  }, label ? /*#__PURE__*/React__default.createElement("label", {
-    className: styles$3.labelInput
-  }, label) : "", /*#__PURE__*/React__default.createElement("input", _extends({}, props, {
+  const classProps = classnames(styles$4.input, styles$4[size], eMessage != '' ? styles$4['error-message'] : "", className);
+  return /*#__PURE__*/React$1.createElement("div", {
+    className: styles$4['input-wrap']
+  }, label ? /*#__PURE__*/React$1.createElement("label", {
+    className: styles$4.labelInput
+  }, label) : "", /*#__PURE__*/React$1.createElement("input", _extends({}, props, {
     type: type,
     className: classProps,
     style: color && {
@@ -563,8 +435,8 @@ const Input = ({
     disabled: disabled ? disabled : "",
     onChange: handleChange,
     value: inputValue
-  })), eMessage ? /*#__PURE__*/React__default.createElement("span", {
-    className: styles$3.inputErrorMessages
+  })), eMessage ? /*#__PURE__*/React$1.createElement("span", {
+    className: styles$4.inputErrorMessages
   }, eMessage) : "");
 };
 Input.propTypes = {
@@ -591,7 +463,7 @@ Input.defaultProps = {
 };
 
 var css_248z$3 = ".pagination-module_listItem__b1-WN:focus{background-color:#4caf50;color:#fff}.pagination-module_listItem__b1-WN:hover:not(.pagination-module_active__KwBDp){background-color:#ddd}.pagination-module_pagination-bar__MrtYT{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px}.pagination-module_pagination-btn__w8Yh8{border:none;border-radius:6px;outline:none}.pagination-module_pagination-btn__w8Yh8,.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{align-items:center;background-color:#fff;box-shadow:0 0 0 1px #eee;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{border-radius:6px;flex:0 0 auto;font-size:16px;line-height:22px;position:relative;transition:background-color .24s}.pagination-module_pagination-item__t3emS:hover{background-color:#eee}.pagination-module_pagination-item__t3emS.pagination-module_selected__EXzCA{background-color:#00236a;color:#fff}.pagination-module_pagination-jump-next-arrow__aEVD8,.pagination-module_pagination-jump-next-txt__e7nFj{align-items:center;bottom:0;display:flex;font-size:12px;justify-content:center;left:0;line-height:14px;margin:auto;position:absolute;right:0;top:0;transition:opacity .24s,color .24s}.pagination-module_pagination-jump-next-arrow__aEVD8{opacity:0}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-arrow__aEVD8{opacity:1}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-txt__e7nFj{opacity:0}i{color:#3c393e;font-size:12px;line-height:12px}";
-var styles$2 = {"listItem":"pagination-module_listItem__b1-WN","active":"pagination-module_active__KwBDp","pagination-bar":"pagination-module_pagination-bar__MrtYT","pagination-btn":"pagination-module_pagination-btn__w8Yh8","pagination-item":"pagination-module_pagination-item__t3emS","pagination-jump-next":"pagination-module_pagination-jump-next__LAb9Z","selected":"pagination-module_selected__EXzCA","pagination-jump-next-txt":"pagination-module_pagination-jump-next-txt__e7nFj","pagination-jump-next-arrow":"pagination-module_pagination-jump-next-arrow__aEVD8"};
+var styles$3 = {"listItem":"pagination-module_listItem__b1-WN","active":"pagination-module_active__KwBDp","pagination-bar":"pagination-module_pagination-bar__MrtYT","pagination-btn":"pagination-module_pagination-btn__w8Yh8","pagination-item":"pagination-module_pagination-item__t3emS","pagination-jump-next":"pagination-module_pagination-jump-next__LAb9Z","selected":"pagination-module_selected__EXzCA","pagination-jump-next-txt":"pagination-module_pagination-jump-next-txt__e7nFj","pagination-jump-next-arrow":"pagination-module_pagination-jump-next-arrow__aEVD8"};
 styleInject(css_248z$3);
 
 const Dots = "...";
@@ -645,17 +517,6 @@ const PaginationRange = ({
   return paginationRange;
 };
 
-var css_248z$2 = "@font-face{font-display:block;font-family:icomoon;font-style:normal;font-weight:400;src:url(fonts/icomoon.eot?b29ky3);src:url(fonts/icomoon.eot?b29ky3#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?b29ky3) format(\"truetype\"),url(fonts/icomoon.woff?b29ky3) format(\"woff\"),url(fonts/icomoon.svg?b29ky3#icomoon) format(\"svg\")}[class*=\" icon-\"],[class^=icon-]{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-close:before{content:\"\\e907\"}.icon-arrow-up:before{content:\"\\e905\"}.icon-arrow-down:before{content:\"\\e906\"}.icon-arrow:before{content:\"\\e900\"}.icon-arrow-jump-next:before{content:\"\\e901\"}.icon-arrow-jump-back:before{content:\"\\e902\"}.icon-text:before{content:\"\\e903\"}.icon-arrow-back:before{content:\"\\e904\"}";
-styleInject(css_248z$2);
-
-/**
- * Created by aleksanyan.tigran on 10/7/2022.
- */
-
-const Icon = props => /*#__PURE__*/React.createElement("i", {
-  className: css_248z$2[props.className]
-});
-
 const Pagination = ({
   onChange,
   totalCount,
@@ -693,7 +554,7 @@ const Pagination = ({
     return null;
   }
 
-  const classProps = classnames(styles$2.list, className ? className : styles$2["pagination-bar"]);
+  const classProps = classnames(styles$3.list, className ? className : styles$3["pagination-bar"]);
 
   const onNext = () => {
     onPageChange(currentPageNumber + 1);
@@ -715,7 +576,7 @@ const Pagination = ({
   return /*#__PURE__*/React$2.createElement("ul", {
     className: classProps
   }, /*#__PURE__*/React$2.createElement("button", {
-    className: styles$2["pagination-btn"],
+    className: styles$3["pagination-btn"],
     onClick: onPrevious,
     disabled: currentPage === 1 ? true : false
   }, /*#__PURE__*/React$2.createElement(Icon, {
@@ -725,13 +586,13 @@ const Pagination = ({
       let currentPageIndex = paginationRange.indexOf(currentPageNumber);
       return /*#__PURE__*/React$2.createElement("li", {
         key: id,
-        className: classnames(styles$2['pagination-jump-next'], styles$2.listItem),
+        className: classnames(styles$3['pagination-jump-next'], styles$3.listItem),
         onClick: id < currentPageIndex ? onPreviousFive : onNextFive,
         disabled: currentPageIndex === 0 ? true : false
       }, /*#__PURE__*/React$2.createElement("span", {
-        className: styles$2['pagination-jump-next-txt']
+        className: styles$3['pagination-jump-next-txt']
       }, "..."), /*#__PURE__*/React$2.createElement("span", {
-        className: styles$2['pagination-jump-next-arrow']
+        className: styles$3['pagination-jump-next-arrow']
       }, /*#__PURE__*/React$2.createElement(Icon, {
         className: "icon-arrow-jump-next"
       })));
@@ -740,11 +601,11 @@ const Pagination = ({
     return /*#__PURE__*/React$2.createElement("li", {
       onClick: () => onPageChange(pageNumber),
       key: id,
-      className: classnames(`${pageNumber === currentPageNumber ? styles$2.selected : styles$2.listItem}`, styles$2['pagination-item'])
+      className: classnames(`${pageNumber === currentPageNumber ? styles$3.selected : styles$3.listItem}`, styles$3['pagination-item'])
     }, pageNumber);
   }), /*#__PURE__*/React$2.createElement("button", {
     onClick: onNext,
-    className: styles$2["pagination-btn"],
+    className: styles$3["pagination-btn"],
     disabled: currentPageNumber === lastPage ? true : false
   }, /*#__PURE__*/React$2.createElement(Icon, {
     className: "icon-arrow"
@@ -762,9 +623,9 @@ Pagination.defaultProps = {
   siblingCount: 2
 };
 
-var css_248z$1 = ".radio-module_radio-wrap__-lO7V{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin:0 6px;padding-left:24px;position:relative}.radio-module_radio-wrap__-lO7V>input{height:0;opacity:0;position:absolute;width:0}.radio-module_radio-wrap__-lO7V .radio-module_radio-checkmark__Kvol0{border:1px solid #d9d9d9;border-radius:50%;display:inline-block;height:14px;left:0;margin-right:4px;position:absolute;top:0;transition:border-color .24s;vertical-align:top;width:14px}.radio-module_radio-wrap__-lO7V>.radio-module_radio-checkmark__Kvol0:after{background-color:#d9d9d9;border-radius:50%;bottom:0;content:\"\";height:8px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;transition:opacity .24s,background-color .24s;width:8px}.radio-module_radio-wrap__-lO7V input:checked~.radio-module_radio-checkmark__Kvol0:after{background-color:#1890ff;opacity:1}.radio-module_radio-wrap__-lO7V:hover input~.radio-module_radio-checkmark__Kvol0:after{opacity:1}.radio-module_radio-wrap__-lO7V input:checked~.radio-module_radio-checkmark__Kvol0{border-color:#1890ff}";
-var styles$1 = {"radio-wrap":"radio-module_radio-wrap__-lO7V","radio-checkmark":"radio-module_radio-checkmark__Kvol0"};
-styleInject(css_248z$1);
+var css_248z$2 = ".radio-module_radio-wrap__-lO7V{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin:0 6px;padding-left:24px;position:relative}.radio-module_radio-wrap__-lO7V>input{height:0;opacity:0;position:absolute;width:0}.radio-module_radio-wrap__-lO7V .radio-module_radio-checkmark__Kvol0{border:1px solid #d9d9d9;border-radius:50%;display:inline-block;height:14px;left:0;margin-right:4px;position:absolute;top:0;transition:border-color .24s;vertical-align:top;width:14px}.radio-module_radio-wrap__-lO7V>.radio-module_radio-checkmark__Kvol0:after{background-color:#d9d9d9;border-radius:50%;bottom:0;content:\"\";height:8px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;transition:opacity .24s,background-color .24s;width:8px}.radio-module_radio-wrap__-lO7V input:checked~.radio-module_radio-checkmark__Kvol0:after{background-color:#1890ff;opacity:1}.radio-module_radio-wrap__-lO7V:hover input~.radio-module_radio-checkmark__Kvol0:after{opacity:1}.radio-module_radio-wrap__-lO7V input:checked~.radio-module_radio-checkmark__Kvol0{border-color:#1890ff}";
+var styles$2 = {"radio-wrap":"radio-module_radio-wrap__-lO7V","radio-checkmark":"radio-module_radio-checkmark__Kvol0"};
+styleInject(css_248z$2);
 
 const Radio = ({
   disabled,
@@ -778,13 +639,13 @@ const Radio = ({
   keyNames,
   ...props
 }) => {
-  const classProps = classnames(styles$1.checkbox, className);
+  const classProps = classnames(styles$2.checkbox, className);
   const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, parseData.map((element, id) => {
-    return /*#__PURE__*/React__default.createElement("label", {
-      className: styles$1["radio-wrap"],
+  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, parseData.map((element, id) => {
+    return /*#__PURE__*/React$1.createElement("label", {
+      className: styles$2["radio-wrap"],
       key: element.value
-    }, /*#__PURE__*/React__default.createElement("input", _extends({
+    }, /*#__PURE__*/React$1.createElement("input", _extends({
       type: "radio",
       className: classProps,
       disabled: disabled,
@@ -792,10 +653,10 @@ const Radio = ({
       defaultChecked: id === 0 ? defaultChecked : "",
       value: value ? value : element.value,
       name: name ? name : element.name
-    }, props)), /*#__PURE__*/React__default.createElement("span", {
-      className: styles$1["radio-checkmark"]
-    }), element.label ? /*#__PURE__*/React__default.createElement("span", {
-      className: styles$1.labelRadio
+    }, props)), /*#__PURE__*/React$1.createElement("span", {
+      className: styles$2["radio-checkmark"]
+    }), element.label ? /*#__PURE__*/React$1.createElement("span", {
+      className: styles$2.labelRadio
     }, label ? label : element.label) : "");
   }));
 };
@@ -816,9 +677,9 @@ Radio.defaultProps = {
   jsonData: '[{"value":"email", "name":"contact", "label":"Email", "id":"contactChoice1"}, {"value":"phone", "name":"contact", "label":"Phone", "id":"contactChoice2"}]'
 };
 
-var css_248z = "*{margin:0;padding:0}.captcha-module_main__Ys3EH{margin:0;padding:0;position:relative;width:40%}.captcha-module_slider__KLYny{-webkit-appearance:none;background-color:hsla(0,0%,100%,.575);border:.1px solid hsla(0,0%,59%,.432);height:7px;outline:none;width:100%}.captcha-module_slider__KLYny::-webkit-slider-thumb{-webkit-appearance:none;height:48px;position:relative;width:48px;z-index:3}.captcha-module_selector__JFhb4{bottom:-20px;height:48px;left:50%;position:absolute;width:48px;z-index:2}.captcha-module_selectBtn__GP1iH{background-image:url(https://i.ibb.co/rQZNNzN/blue.png);background-position:50%;background-size:cover;border-radius:50%;bottom:40px;height:40px;position:absolute;right:30px;width:40px}.captcha-module_progressBar__mhdtM{background:#7070ee;bottom:38px;height:7px;left:0;margin:0;padding:0;position:absolute;width:50%}.captcha-module_range__k24I2{color:blue;margin-bottom:15px;margin-top:15px}";
-var styles = {"main":"captcha-module_main__Ys3EH","slider":"captcha-module_slider__KLYny","selector":"captcha-module_selector__JFhb4","selectBtn":"captcha-module_selectBtn__GP1iH","progressBar":"captcha-module_progressBar__mhdtM","range":"captcha-module_range__k24I2"};
-styleInject(css_248z);
+var css_248z$1 = "*{margin:0;padding:0}.captcha-module_main__Ys3EH{margin:0;padding:0;position:relative;width:40%}.captcha-module_slider__KLYny{-webkit-appearance:none;background-color:hsla(0,0%,100%,.575);border:.1px solid hsla(0,0%,59%,.432);height:7px;outline:none;width:100%}.captcha-module_slider__KLYny::-webkit-slider-thumb{-webkit-appearance:none;height:48px;position:relative;width:48px;z-index:3}.captcha-module_selector__JFhb4{bottom:-20px;height:48px;left:50%;position:absolute;width:48px;z-index:2}.captcha-module_selectBtn__GP1iH{background-image:url(https://i.ibb.co/rQZNNzN/blue.png);background-position:50%;background-size:cover;border-radius:50%;bottom:40px;height:40px;position:absolute;right:30px;width:40px}.captcha-module_progressBar__mhdtM{background:#7070ee;bottom:38px;height:7px;left:0;margin:0;padding:0;position:absolute;width:50%}.captcha-module_range__k24I2{color:blue;margin-bottom:15px;margin-top:15px}";
+var styles$1 = {"main":"captcha-module_main__Ys3EH","slider":"captcha-module_slider__KLYny","selector":"captcha-module_selector__JFhb4","selectBtn":"captcha-module_selectBtn__GP1iH","progressBar":"captcha-module_progressBar__mhdtM","range":"captcha-module_range__k24I2"};
+styleInject(css_248z$1);
 
 const Captcha = ({
   onclick,
@@ -827,7 +688,7 @@ const Captcha = ({
   const [data, setData] = useState("");
   const [right, setRight] = useState(false);
   let range = rangeCount <= 100 ? rangeCount : 0;
-  let rangeElement = document.getElementsByClassName(styles.range);
+  let rangeElement = document.getElementsByClassName(styles$1.range);
   useEffect(() => {
     for (let element of rangeElement) {
       element.style.marginLeft = `${range - 3}%`;
@@ -837,9 +698,9 @@ const Captcha = ({
 
   function sliderInput(event) {
     setData(rangeCount == event.target.value ? 'green' : 'indianred');
-    let selector = document.getElementsByClassName(styles.selector);
-    let selectBtn = document.getElementsByClassName(styles.selectBtn);
-    let progressBar = document.getElementsByClassName(styles.progressBar);
+    let selector = document.getElementsByClassName(styles$1.selector);
+    let selectBtn = document.getElementsByClassName(styles$1.selectBtn);
+    let progressBar = document.getElementsByClassName(styles$1.progressBar);
     selector[0].style.left = event.target.value + '%';
     progressBar[0].style.width = event.target.value + '%';
 
@@ -854,24 +715,24 @@ const Captcha = ({
     setRight(rangeCount == e.target.value ? true : false);
   }
 
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    className: styles.main
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: styles.range
-  }, "\u25BC"), /*#__PURE__*/React__default.createElement("input", {
+  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("div", {
+    className: styles$1.main
+  }, /*#__PURE__*/React$1.createElement("div", {
+    className: styles$1.range
+  }, "\u25BC"), /*#__PURE__*/React$1.createElement("input", {
     type: "range",
-    className: styles.slider,
+    className: styles$1.slider,
     onClick: right ? onclick : null,
     onInput: sliderInput,
     onMouseUp: sliderChange
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: styles.selector
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: styles.selectBtn
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: styles.progressBar
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: styles.range
+  }), /*#__PURE__*/React$1.createElement("div", {
+    className: styles$1.selector
+  }, /*#__PURE__*/React$1.createElement("div", {
+    className: styles$1.selectBtn
+  })), /*#__PURE__*/React$1.createElement("div", {
+    className: styles$1.progressBar
+  }), /*#__PURE__*/React$1.createElement("div", {
+    className: styles$1.range
   }, "\u25B2")));
 };
 Captcha.propTypes = {
@@ -883,4 +744,37 @@ Captcha.defaultProps = {
   onclick: undefined
 };
 
-export { Autocomplate, Button, ButtonSize, ButtonTheme, ButtonType, Captcha, Checkbox, SvgHeartFilled as HeartFilled, SvgHeartOutline as HeartOutline, Input, InputSizes, InputTypes, SvgLikeFilled as LikeFilled, SvgLikeOutline as LikeOutline, Pagination, Radio, SvgStarFilled as StarFilled, SvgStarOutline as StarOutline, Typography, TypographyType };
+var css_248z = ".stepper-module_bigRing__5GBm0{border:1px solid gray;border-radius:50%;cursor:pointer;height:30px;margin:10px;position:relative;width:30px}.stepper-module_smallRing__u-5a8{background-color:gray;border-radius:50%;color:#fff;font-size:12px;height:50%;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:50%}.stepper-module_activeRing__Lzvh1{border:1px solid blue;border-radius:50%;cursor:pointer;height:30px;margin:10px;position:relative;width:30px}.stepper-module_smallActiveRing__im-XG{background-color:blue;border-radius:50%;color:#fff;font-size:12px;height:50%;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:50%}";
+var styles = {"bigRing":"stepper-module_bigRing__5GBm0","smallRing":"stepper-module_smallRing__u-5a8","activeRing":"stepper-module_activeRing__Lzvh1","smallActiveRing":"stepper-module_smallActiveRing__im-XG"};
+styleInject(css_248z);
+
+const Stepper = ({
+  className,
+  onChange,
+  stepLength,
+  activeSteps
+}) => {
+  classnames(className);
+  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, (() => {
+    let steppers = [];
+
+    for (let step = 1; step <= stepLength; step++) {
+      steppers.push( /*#__PURE__*/React$1.createElement("div", {
+        className: classnames(`${step <= activeSteps ? styles.activeRing : styles.bigRing}`),
+        key: step
+      }, /*#__PURE__*/React$1.createElement("div", {
+        className: classnames(`${step <= activeSteps ? styles.smallActiveRing : styles.smallRing}`)
+      }, step <= activeSteps ? step : "")));
+    }
+
+    return steppers;
+  })());
+};
+Stepper.propTypes = {
+  className: PropTypes.string,
+  onChange: PropTypes.func,
+  stepLength: PropTypes.number,
+  activeSteps: PropTypes.number
+};
+
+export { Autocomplate, Button, ButtonSize, ButtonTheme, ButtonType, Captcha, Checkbox, Input, InputSizes, InputTypes, Pagination, Radio, Stepper, Typography, TypographyType };