@xaypay/tui 0.0.72 → 0.0.74

package/dist/index.js

@@ -95,9 +95,9 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$e = ".file-module_file-form__l13d5{align-items:center;background:#fbfbfb;border:2px dashed;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:190px;justify-content:space-between;overflow:hidden;padding:4px 0;position:relative;width:100%}.file-module_file-form-wrap__qY--B:before{background:rgba(60,57,62,.4);border-radius:6px;content:\"\";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .24s;width:100%;z-index:1}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover:before{opacity:1;pointer-events:unset}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover .file-module_delete-upload-icon__PWN66{opacity:1}.file-module_file-form-inner-upload__tq3Dn{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:16px;padding-top:48px}.file-module_file-form-inner-upload__tq3Dn>img{display:block;margin-bottom:14px}.file-module_upload-info__a8GFs{margin-bottom:40px;max-width:150px;text-align:center}.file-module_upload-info-txt__l11uN{color:#0da574}.file-module_file-form__l13d5.file-module_default__t7KU0{border-color:#d1d1d1}.file-module_file-form__l13d5.file-module_error__H-M4Z{border-color:#e00!important}.file-module_file-form__l13d5.file-module_accept__WTW6V{border-color:#00236a}.file-module_delete-upload-icon__PWN66{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;height:26px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .24s;width:26px;z-index:11}.file-module_delete-upload-icon__PWN66>i{color:#00236a;font-size:16px}.file-module_upload-file-content__QHMjn{align-items:center;display:flex;height:100%;justify-content:center;max-height:190px;overflow:hidden;position:relative;width:100%}.file-module_upload-file-content__QHMjn>img{display:block;height:auto;max-height:95%;object-fit:contain;width:27.8rem}.file-module_file-form-title__zWTSB{margin-bottom:10px;max-width:390px;word-break:break-all}.file-module_file-form-wrap__qY--B{position:relative;transform:translateZ(0)}";
-var styles$c = {"file-form-wrap":"file-module_file-form-wrap__qY--B","file-form":"file-module_file-form__l13d5","active":"file-module_active__L1gPt","delete-upload-icon":"file-module_delete-upload-icon__PWN66","file-form-inner-upload":"file-module_file-form-inner-upload__tq3Dn","upload-info":"file-module_upload-info__a8GFs","upload-info-txt":"file-module_upload-info-txt__l11uN","default":"file-module_default__t7KU0","error":"file-module_error__H-M4Z","accept":"file-module_accept__WTW6V","upload-file-content":"file-module_upload-file-content__QHMjn","file-form-title":"file-module_file-form-title__zWTSB"};
-styleInject(css_248z$e);
+var css_248z$d = ".file-module_file-form__l13d5{align-items:center;background:#fbfbfb;border:2px dashed;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:190px;justify-content:space-between;overflow:hidden;padding:4px 0;position:relative;width:100%}.file-module_file-form-wrap__qY--B:before{background:rgba(60,57,62,.4);border-radius:6px;content:\"\";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .24s;width:100%;z-index:1}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover:before{opacity:1;pointer-events:unset}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover .file-module_delete-upload-icon__PWN66{opacity:1}.file-module_file-form-inner-upload__tq3Dn{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:16px;padding-top:48px}.file-module_file-form-inner-upload__tq3Dn>img{display:block;margin-bottom:14px}.file-module_upload-info__a8GFs{margin-bottom:40px;max-width:150px;text-align:center}.file-module_upload-info-txt__l11uN{color:#0da574}.file-module_file-form__l13d5.file-module_default__t7KU0{border-color:#d1d1d1}.file-module_file-form__l13d5.file-module_error__H-M4Z{border-color:#e00!important}.file-module_file-form__l13d5.file-module_accept__WTW6V{border-color:#00236a}.file-module_delete-upload-icon__PWN66{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;height:26px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .24s;width:26px;z-index:11}.file-module_delete-upload-icon__PWN66>i{color:#00236a;font-size:16px}.file-module_upload-file-content__QHMjn{align-items:center;display:flex;height:100%;justify-content:center;max-height:190px;overflow:hidden;position:relative;width:100%}.file-module_upload-file-content__QHMjn>img{display:block;height:auto;max-height:95%;object-fit:contain;width:27.8rem}.file-module_file-form-title__zWTSB{margin-bottom:10px;max-width:390px;word-break:break-all}.file-module_file-form-wrap__qY--B{position:relative;transform:translateZ(0)}";
+var styles$b = {"file-form-wrap":"file-module_file-form-wrap__qY--B","file-form":"file-module_file-form__l13d5","active":"file-module_active__L1gPt","delete-upload-icon":"file-module_delete-upload-icon__PWN66","file-form-inner-upload":"file-module_file-form-inner-upload__tq3Dn","upload-info":"file-module_upload-info__a8GFs","upload-info-txt":"file-module_upload-info-txt__l11uN","default":"file-module_default__t7KU0","error":"file-module_error__H-M4Z","accept":"file-module_accept__WTW6V","upload-file-content":"file-module_upload-file-content__QHMjn","file-form-title":"file-module_file-form-title__zWTSB"};
+styleInject(css_248z$d);
 
 const File = ({
   name,
@@ -159,15 +159,15 @@ const File = ({
     document.querySelector(`.${name}`).value = "";
   };
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: `${styles$c['file-form-title']} ile-form-title-rem`
+    className: `${styles$b['file-form-title']} ile-form-title-rem`
   }, label, " ", required && /*#__PURE__*/React__default["default"].createElement("sup", {
     style: {
       color: "#ee0000"
     }
   }, "*")), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames__default["default"](`${styles$c['file-form-wrap']} file-form-wrap-rem`, image ? styles$c['active'] : '')
+    className: classnames__default["default"](`${styles$b['file-form-wrap']} file-form-wrap-rem`, image ? styles$b['active'] : '')
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `${styles$c['file-form']} file-form-rem ${error || errorMessage ? styles$c['error'] : ''}`,
+    className: `${styles$b['file-form']} file-form-rem ${error || errorMessage ? styles$b['error'] : ''}`,
     onClick: () => document.querySelector(`.${name}`).click()
   }, /*#__PURE__*/React__default["default"].createElement("input", {
     hidden: true,
@@ -176,23 +176,23 @@ const File = ({
     disabled: disabled,
     onChange: e => handleCheckFile(e)
   }), image ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `${styles$c['upload-file-content']} upload-file-content-rem`
+    className: `${styles$b['upload-file-content']} upload-file-content-rem`
   }, image === 'pdf' ? /*#__PURE__*/React__default["default"].createElement(SvgPdf, null) : /*#__PURE__*/React__default["default"].createElement("img", {
     src: image,
     alt: fileName
   })) : /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `${styles$c['file-form-inner-upload']} ile-form-inner-upload-rem`
+    className: `${styles$b['file-form-inner-upload']} ile-form-inner-upload-rem`
   }, /*#__PURE__*/React__default["default"].createElement("img", {
     src: "../../assets/upload.svg",
     alt: ""
   }), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: `${styles$c['upload-info']} upload-info-rem`
+    className: `${styles$b['upload-info']} upload-info-rem`
   }, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: `${styles$c['upload-info-txt']} upload-info-txt-rem`
+    className: `${styles$b['upload-info-txt']} upload-info-txt-rem`
   }, "\u0532\u0565\u057C\u0576\u0565\u056C")), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: `${styles$c['upload-info-size']} upload-info-size-rem`
+    className: `${styles$b['upload-info-size']} upload-info-size-rem`
   }, "\u0531\u057C\u0561\u057E\u0565\u056C\u0561\u0563\u0578\u0582\u0575\u0576\u0568 ", maxSize, "\u0544\u0532 ( ", fileExtensions.toString().split(',').join(', '), " )"))), !disabled && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `${styles$c['delete-upload-icon']} delete-upload-icon-rem`,
+    className: `${styles$b['delete-upload-icon']} delete-upload-icon-rem`,
     onClick: handleRemoveFile
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: "icon-delete"
@@ -219,14 +219,14 @@ File.defaultProps = {
   fileExtensions: ['jpg', 'jpeg', 'png', 'pdf']
 };
 
-var css_248z$d = ".table-module_table-wrap__KKAnM{background:#fff;border-radius:14px 14px 0 0;box-shadow:0 10px 30px rgba(0,35,106,.06);overflow:hidden;width:100%}.table-module_table-wrap__KKAnM:not(:first-child){margin-top:30px}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:first-child,.table-module_table-top__tfEKM .table-module_table-items__UpFg2:first-child{flex:0 0 auto;width:60px}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:nth-child(2),.table-module_table-top__tfEKM .table-module_table-items__UpFg2:nth-child(2){flex:0 0 auto;width:120px}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:nth-child(3),.table-module_table-top__tfEKM .table-module_table-items__UpFg2:nth-child(3){flex:0 0 auto;width:170px}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:nth-child(4),.table-module_table-top__tfEKM .table-module_table-items__UpFg2:nth-child(4){flex:0 0 auto;width:126px}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:nth-child(5),.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:nth-child(6),.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:nth-child(8),.table-module_table-top__tfEKM .table-module_table-items__UpFg2:nth-child(5),.table-module_table-top__tfEKM .table-module_table-items__UpFg2:nth-child(6),.table-module_table-top__tfEKM .table-module_table-items__UpFg2:nth-child(8){flex:0 0 auto;width:100px}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:last-child,.table-module_table-top__tfEKM .table-module_table-items__UpFg2:last-child{flex:0 0 auto;width:104px}.table-module_table-top__tfEKM{background:#00236a;height:44px;width:100%}.table-module_table-top__tfEKM .table-module_table-items__UpFg2{align-items:center;color:#fff;display:flex;flex:1 1;font-size:15px;justify-content:center;line-height:17px;text-align:center}.table-module_table-bottom-inner__0Pus0{background:#fff;min-height:40px;width:100%}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2{align-items:center;border-bottom:1px solid #eee;display:flex;flex:1 1;font-size:14px;justify-content:center;line-height:16px;padding:4px;text-align:center}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:not(:last-child){border-right:1px solid #eee}";
-var styles$b = {"table-wrap":"table-module_table-wrap__KKAnM","table-bottom-inner":"table-module_table-bottom-inner__0Pus0","table-items":"table-module_table-items__UpFg2","table-top":"table-module_table-top__tfEKM"};
-styleInject(css_248z$d);
-
-var css_248z$c = ".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;bottom:0;display:inline-block;height:14px;left:0;margin:auto 4px auto auto;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$a = {"checkbox-wrap":"checkbox-module_checkbox-wrap__Xrg-m","checkmark":"checkbox-module_checkmark__M8DY6"};
+var css_248z$c = ".table-module_table-wrap__KKAnM{background:#fff;border-radius:14px 14px 0 0;box-shadow:0 10px 30px rgba(0,35,106,.06);overflow:hidden;width:100%}.table-module_table-wrap__KKAnM:not(:first-child){margin-top:30px}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:first-child,.table-module_table-top__tfEKM .table-module_table-items__UpFg2:first-child{flex:0 0 auto;width:60px}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:nth-child(2),.table-module_table-top__tfEKM .table-module_table-items__UpFg2:nth-child(2){flex:0 0 auto;width:120px}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:nth-child(3),.table-module_table-top__tfEKM .table-module_table-items__UpFg2:nth-child(3){flex:0 0 auto;width:170px}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:nth-child(4),.table-module_table-top__tfEKM .table-module_table-items__UpFg2:nth-child(4){flex:0 0 auto;width:126px}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:nth-child(5),.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:nth-child(6),.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:nth-child(8),.table-module_table-top__tfEKM .table-module_table-items__UpFg2:nth-child(5),.table-module_table-top__tfEKM .table-module_table-items__UpFg2:nth-child(6),.table-module_table-top__tfEKM .table-module_table-items__UpFg2:nth-child(8){flex:0 0 auto;width:100px}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:last-child,.table-module_table-top__tfEKM .table-module_table-items__UpFg2:last-child{flex:0 0 auto;width:104px}.table-module_table-top__tfEKM{background:#00236a;height:44px;width:100%}.table-module_table-top__tfEKM .table-module_table-items__UpFg2{align-items:center;color:#fff;display:flex;flex:1 1;font-size:15px;justify-content:center;line-height:17px;text-align:center}.table-module_table-bottom-inner__0Pus0{background:#fff;min-height:40px;width:100%}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2{align-items:center;border-bottom:1px solid #eee;display:flex;flex:1 1;font-size:14px;justify-content:center;line-height:16px;padding:4px;text-align:center}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:not(:last-child){border-right:1px solid #eee}";
+var styles$a = {"table-wrap":"table-module_table-wrap__KKAnM","table-bottom-inner":"table-module_table-bottom-inner__0Pus0","table-items":"table-module_table-items__UpFg2","table-top":"table-module_table-top__tfEKM"};
 styleInject(css_248z$c);
 
+var css_248z$b = ".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;bottom:0;display:inline-block;height:14px;left:0;margin:auto 4px auto auto;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$9 = {"checkbox-wrap":"checkbox-module_checkbox-wrap__Xrg-m","checkmark":"checkbox-module_checkmark__M8DY6"};
+styleInject(css_248z$b);
+
 const Checkbox = ({
   disabled,
   required,
@@ -240,7 +240,7 @@ const Checkbox = ({
   onClick,
   ...props
 }) => {
-  const classProps = classnames__default["default"](styles$a.checkbox, className, 'checkbox-input-rem');
+  const classProps = classnames__default["default"](styles$9.checkbox, className, 'checkbox-input-rem');
   const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
   const [data, setData] = React.useState(parseData);
   React.useEffect(() => {
@@ -273,7 +273,7 @@ const Checkbox = ({
   } : '';
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, data.map(element => {
     return /*#__PURE__*/React__default["default"].createElement("label", {
-      className: `${styles$a["checkbox-wrap"]} checkbox-wrap-rem`,
+      className: `${styles$9["checkbox-wrap"]} checkbox-wrap-rem`,
       key: element.value
     }, /*#__PURE__*/React__default["default"].createElement("input", _extends({
       type: "checkbox",
@@ -287,9 +287,9 @@ const Checkbox = ({
       onClick: onClick ? onClick : () => {},
       defaultChecked: element.checked
     }, props)), /*#__PURE__*/React__default["default"].createElement("span", {
-      className: `${styles$a["checkmark"]} checkmark-rem`
+      className: `${styles$9["checkmark"]} checkmark-rem`
     }), element[keyNames.label] ? /*#__PURE__*/React__default["default"].createElement("label", {
-      className: styles$a.labelCheckbox,
+      className: styles$9.labelCheckbox,
       for: element[keyNames.id]
     }, element[keyNames.label]) : "");
   }));
@@ -331,23 +331,23 @@ const Table = ({
     return true;
   } : "";
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `${styles$b["table-wrap"]} table-wrap-rem`
+    className: `${styles$a["table-wrap"]} table-wrap-rem`
   }, config.isHeader && hearderData.map((header, key) => {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: `${styles$b["table-top"]} table-top-rem`,
+      className: `${styles$a["table-top"]} table-top-rem`,
       key: key
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: `${styles$b["table-items"]} table-items-rem`
+      className: `${styles$a["table-items"]} table-items-rem`
     }, header));
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `${styles$b["table-bottom"]} table-bottom-rem`
+    className: `${styles$a["table-bottom"]} table-bottom-rem`
   }, tbodyData.map((item, key) => {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: `${styles$b["table-bottom-inner"]} table-bottom-inner-rem`,
+      className: `${styles$a["table-bottom-inner"]} table-bottom-inner-rem`,
       key: key
     }, keyNames.map((keyName, keyNameKey) => {
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: `${styles$b["table-items"]} table-items-rem`,
+        className: `${styles$a["table-items"]} table-items-rem`,
         key: keyNameKey
       }, config.isCheckbox && config.isCheckbox.showCheckbox && config.isCheckbox.showCheckbox(item) && keyNameKey == 0 && /*#__PURE__*/React__default["default"].createElement(Checkbox, {
         onClick: e => {
@@ -363,7 +363,7 @@ const Table = ({
         className: keyName.icon
       }), item[keyName.name]));
     }), actions && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: `${styles$b["table-items"]} table-items-rem`
+      className: `${styles$a["table-items"]} table-items-rem`
     }, actions.filter(a => a.show && a.show(item) || a.show === undefined).map((action, key) => {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         key: key
@@ -399,12 +399,246 @@ Table.defaultProps = {
   hearderData: []
 };
 
-var css_248z$b = ".modal-module_modal-wrap__IsXXf{background:rgba(0,0,0,.4);height:100%;left:0;position:fixed;top:0;width:100%;z-index:9}.modal-module_modal-top__ntDBi{background:#fbfbfb;box-sizing:border-box;display:flex;flex-direction:row;height:44px;padding:4px 10px 4px 0;width:100%}.modal-module_modal-title__r-WKl{align-items:center;color:#3c393e;display:flex;flex:1 1;font-size:20px;font-weight:500;line-height:24px;padding-right:20px}.modal-module_close-btn__Qf2UD{cursor:pointer;flex:0 0 auto;width:24px}.modal-module_close-btn__Qf2UD,.modal-module_modal-section__Bp8jN{align-items:center;display:flex;height:100%;justify-content:center}.modal-module_modal-section__Bp8jN{flex:1 1;padding:10px 0;width:100%}.modal-module_modal-content__1F-uE{align-items:center;animation:modal-module_show-popup__WrH7a .24s;background:#fff;border-radius:8px;display:flex;flex-direction:column;height:auto;left:0;margin:auto;min-height:130px;overflow:hidden;padding:10px;position:absolute;right:0;top:110px;width:fit-content}@keyframes modal-module_show-popup__WrH7a{0%{transform:translate3d(0,-30%,0)}to{opacity:1;transform:translateZ(0)}}";
-var styles$9 = {"modal-wrap":"modal-module_modal-wrap__IsXXf","modal-top":"modal-module_modal-top__ntDBi","modal-title":"modal-module_modal-title__r-WKl","close-btn":"modal-module_close-btn__Qf2UD","modal-section":"modal-module_modal-section__Bp8jN","modal-content":"modal-module_modal-content__1F-uE","show-popup":"modal-module_show-popup__WrH7a"};
-styleInject(css_248z$b);
+const SvgCloseIcon = ({
+  title,
+  titleId,
+  ...props
+}) => /*#__PURE__*/React__namespace.createElement("svg", _extends({
+  width: "14",
+  height: "14",
+  viewBox: "0 0 14 14",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React__namespace.createElement("path", {
+  d: "m12.425.241.006-.005a.95.95 0 0 1 1.34 1.34l-.005.006-5.38 5.38 5.38 5.38.005.007a.95.95 0 0 1-1.34 1.34l-.006-.005-5.38-5.38-5.378 5.37a.951.951 0 1 1-1.34-1.341l5.377-5.37-5.38-5.388-.005-.006a.95.95 0 0 1 1.34-1.34l.006.005 5.38 5.387 5.38-5.38Z",
+  fill: "#3C393E"
+}));
 
-var css_248z$a = "";
-styleInject(css_248z$a);
+const SvgNextarrow = ({
+  title,
+  titleId,
+  ...props
+}) => /*#__PURE__*/React__namespace.createElement("svg", _extends({
+  width: "6",
+  height: "12",
+  viewBox: "0 0 6 12",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+  id: titleId
+}, title) : null, /*#__PURE__*/React__namespace.createElement("path", {
+  d: "M.851 11.998a.847.847 0 0 1-.847-.776.86.86 0 0 1 .193-.626l3.808-4.584L.333 1.419A.857.857 0 0 1 .46.213a.849.849 0 0 1 1.241.128l4.106 5.132a.859.859 0 0 1 0 1.086l-4.25 5.132a.85.85 0 0 1-.706.307Z",
+  fill: "#3C393E"
+}));
+
+const Modal = ({
+  type,
+  data,
+  setShow,
+  selected,
+  children,
+  className,
+  headerText
+}) => {
+  const classProps = classnames__default["default"](className);
+  const [select, setSelect] = React.useState(0);
+  const [innerData, setInnerData] = React.useState([]);
+  const handleCloseModal = () => {
+    setShow(false);
+  };
+  const handleStopClosing = e => {
+    e.stopPropagation();
+  };
+  const handleGoTo = e => {
+    const goTo = e.target.getAttribute('data-go');
+    if (goTo === 'next') {
+      if (select >= data.length - 1) {
+        setSelect(0);
+      } else {
+        setSelect(select + 1);
+      }
+    } else {
+      if (select <= 0) {
+        setSelect(data.length - 1);
+      } else {
+        setSelect(select - 1);
+      }
+    }
+  };
+  React.useEffect(() => {
+    if (type === 'images') {
+      if (data) {
+        if (data.length === 0) {
+          alert('Please fill data prop');
+        } else {
+          setInnerData(data);
+        }
+      } else {
+        alert('Please add data prop on Modal component');
+      }
+    }
+  }, [type, data, data?.length]);
+  React.useEffect(() => {
+    if (selected) {
+      if (selected <= 0) {
+        setSelect(0);
+      } else if (selected >= data.length - 1) {
+        setSelect(data.length - 1);
+      } else {
+        setSelect(selected);
+      }
+    }
+  }, [selected]);
+  React.useEffect(() => {
+    return () => {
+      setSelect(0);
+      setInnerData([]);
+    };
+  }, []);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    onClick: handleCloseModal,
+    style: {
+      position: 'fixed',
+      top: '0px',
+      left: '0px',
+      zIndex: 999,
+      width: '100%',
+      height: '100vh',
+      backgroundColor: 'rgba(0,0,0,0.4)' // TODO: config
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      position: 'relative',
+      width: '100%',
+      height: '100vh'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classProps,
+    onClick: handleStopClosing,
+    style: {
+      position: 'absolute',
+      top: '0px',
+      left: '0px',
+      right: '0px',
+      bottom: '0px',
+      margin: 'auto',
+      maxWidth: '95%',
+      overflow: 'auto',
+      maxHeight: '95vh',
+      width: 'fit-content',
+      borderRadius: '14px',
+      height: 'fit-content',
+      boxSizing: 'border-box',
+      backgroundColor: 'white',
+      padding: '10px 20px 20px'
+      // TODO: animation
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      display: 'flex',
+      width: '100%',
+      height: '27px',
+      alignItems: 'center',
+      backgroundColor: '#fbfbfb',
+      justifyContent: headerText && type === 'content' ? 'space-between' : 'flex-end'
+    }
+  }, headerText && type === 'content' && /*#__PURE__*/React__default["default"].createElement("p", {
+    style: {
+      color: '#00236a',
+      fontSize: '20px',
+      fontWeight: '600',
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      margin: '0px 16px 0px 0px',
+      maxWidth: 'calc(100% - 30px)'
+    }
+  }, headerText), /*#__PURE__*/React__default["default"].createElement("div", {
+    onClick: handleCloseModal,
+    style: {
+      width: '14px',
+      height: '14px',
+      cursor: 'pointer'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(SvgCloseIcon, null))), /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      display: 'flex',
+      paddingTop: '10px',
+      alignItems: 'center',
+      boxSizing: 'border-box',
+      justifyContent: 'center'
+    }
+  }, type === 'content' ? children ? children : '' : /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: '100%'
+    }
+  }, innerData && innerData.length > 0 && innerData.map((item, index) => {
+    if (select === index) {
+      if (!item.hasOwnProperty('url')) {
+        alert('Please add url property in data prop on each element');
+      } else {
+        return /*#__PURE__*/React__default["default"].createElement("img", {
+          style: {
+            width: '600px',
+            height: '300px',
+            objectFit: 'cover',
+            objectPosition: 'center'
+          },
+          src: item.url
+        });
+      }
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      marginTop: '10px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    onClick: handleGoTo,
+    "data-go": "prev",
+    style: {
+      padding: '8px',
+      outline: 'none',
+      cursor: 'pointer',
+      marginRight: '10px',
+      borderRadius: '6px',
+      alignItems: 'center',
+      display: 'inline-flex',
+      justifyContent: 'center',
+      backgroundColor: 'white',
+      transform: 'rotate(180deg)',
+      border: '1px solid #979090'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(SvgNextarrow, null)), /*#__PURE__*/React__default["default"].createElement("button", {
+    onClick: handleGoTo,
+    "data-go": "next",
+    style: {
+      padding: '8px',
+      outline: 'none',
+      cursor: 'pointer',
+      borderRadius: '6px',
+      alignItems: 'center',
+      display: 'inline-flex',
+      justifyContent: 'center',
+      backgroundColor: 'white',
+      border: '1px solid #979090'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(SvgNextarrow, null))))))));
+};
+Modal.propTypes = {
+  data: PropTypes__default["default"].array,
+  type: PropTypes__default["default"].string,
+  setShow: PropTypes__default["default"].func,
+  selected: PropTypes__default["default"].number,
+  className: PropTypes__default["default"].string,
+  headerText: PropTypes__default["default"].string
+};
+Modal.defaultProps = {
+  type: 'content'
+};
 
 const _ = require('lodash');
 const compereConfigs = () => {
@@ -429,175 +663,9 @@ const compereConfigs = () => {
   return _.merge(packageConfig, projectConfig);
 };
 
-const TypographyType = {
-  p: 'p',
-  h1: 'h1',
-  h2: 'h2',
-  h3: 'h3',
-  h4: 'h4',
-  h5: 'h5',
-  h6: 'h6',
-  span: 'span'
-};
-const Typography = ({
-  size,
-  color,
-  weight,
-  radius,
-  border,
-  cursor,
-  variant,
-  onClick,
-  children,
-  textAlign,
-  fontStyle,
-  className,
-  textShadow,
-  lineHeight,
-  colorHover,
-  fontFamily,
-  textTransform,
-  textDecoration,
-  backgroundColor,
-  ...props
-}) => {
-  const configStyles = compereConfigs();
-  const classProps = classnames__default["default"](className);
-  const [isHover, setIsHover] = React.useState(false);
-  const [validVariant, setValidVariant] = React.useState(false);
-  React.useEffect(() => {
-    if (!Object.values(TypographyType).includes(variant)) {
-      setValidVariant(true);
-    }
-  }, [variant]);
-  const handleMouseEnter = () => {
-    setIsHover(true);
-  };
-  const handleMouseLeave = () => {
-    setIsHover(false);
-  };
-  const tagT = /*#__PURE__*/React__default["default"].createElement(variant, {
-    style: {
-      border: border ? border : configStyles.TYPOGRAPHY.border,
-      cursor: cursor ? cursor : configStyles.TYPOGRAPHY.cursor,
-      borderRadius: radius ? radius : configStyles.TYPOGRAPHY.radius,
-      fontSize: size ? size : configStyles.TYPOGRAPHY['size' + variant],
-      fontWeight: weight ? weight : configStyles.TYPOGRAPHY['weight' + variant],
-      textShadow: textShadow ? textShadow : configStyles.TYPOGRAPHY.textShadow,
-      textAlign: textAlign ? textAlign : configStyles.TYPOGRAPHY['textAlign' + variant],
-      fontStyle: fontStyle ? fontStyle : configStyles.TYPOGRAPHY['fontStyle' + variant],
-      lineHeight: lineHeight ? lineHeight : configStyles.TYPOGRAPHY['lineHeight' + variant],
-      fontFamily: fontFamily ? fontFamily : configStyles.TYPOGRAPHY['fontFamily' + variant],
-      textTransform: textTransform ? textTransform : configStyles.TYPOGRAPHY['textTransform' + variant],
-      textDecoration: textDecoration ? textDecoration : configStyles.TYPOGRAPHY['textDecoration' + variant],
-      backgroundColor: backgroundColor ? backgroundColor : configStyles.TYPOGRAPHY['backgroundColor' + variant],
-      color: isHover ? colorHover ? colorHover : configStyles.TYPOGRAPHY['colorHover' + variant] : color ? color : configStyles.TYPOGRAPHY['color' + variant]
-    },
-    ...props,
-    className: classProps,
-    onClick: onClick ? onClick : _ => _,
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave
-  }, [children]);
-  return validVariant ? 'Please set Typography valid variant' : tagT;
-};
-Typography.propTypes = {
-  size: PropTypes__default["default"].string,
-  color: PropTypes__default["default"].string,
-  onClick: PropTypes__default["default"].func,
-  weight: PropTypes__default["default"].string,
-  border: PropTypes__default["default"].string,
-  cursor: PropTypes__default["default"].string,
-  radius: PropTypes__default["default"].string,
-  textAlign: PropTypes__default["default"].string,
-  className: PropTypes__default["default"].string,
-  fontStyle: PropTypes__default["default"].string,
-  lineHeight: PropTypes__default["default"].string,
-  textShadow: PropTypes__default["default"].string,
-  fontFamily: PropTypes__default["default"].string,
-  colorHover: PropTypes__default["default"].string,
-  textTransform: PropTypes__default["default"].string,
-  textDecoration: PropTypes__default["default"].string,
-  backgroundColor: PropTypes__default["default"].string,
-  variant: PropTypes__default["default"].oneOf(Object.values(TypographyType))
-};
-Typography.defaultProps = {
-  variant: 'p'
-};
-
-const Modal = ({
-  setShow,
-  headerText,
-  className,
-  type,
-  data,
-  selected,
-  children
-}) => {
-  classnames__default["default"](styles$9.modal, className);
-  const [select, setSelect] = React.useState(selected);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `${styles$9["modal-wrap"]} modal-wrap-rem`,
-    onClick: () => setShow(false)
-  }, type == "content" ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `${styles$9["modal-content"]} modal-content-rem`,
-    onClick: e => {
-      e.stopPropagation();
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `${styles$9["modal-top"]} modal-top-rem`
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `${styles$9["modal-title"]} modal-title-rem`
-  }, /*#__PURE__*/React__default["default"].createElement(Typography, {
-    variant: TypographyType.p,
-    color: "#00236A"
-  }, headerText)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `${styles$9["close-btn"]} close-btn-rem`,
-    onClick: () => setShow(false)
-  }, /*#__PURE__*/React__default["default"].createElement("i", {
-    className: "icon-close"
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `${styles$9["modal-section"]} modal-section-rem`
-  }, children)) : type == "images" ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `${styles$9["modal-content"]} modal-content-rem`,
-    onClick: e => {
-      e.stopPropagation();
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `${styles$9["close-btn"]} close-btn-rem`,
-    onClick: () => setShow(false)
-  }, /*#__PURE__*/React__default["default"].createElement("i", {
-    className: "icon-close"
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `${styles$9["modal-section"]} modal-section-rem`
-  }, /*#__PURE__*/React__default["default"].createElement("div", null, select > 1 ? /*#__PURE__*/React__default["default"].createElement("h1", {
-    onClick: () => setSelect(select - 1)
-  }, "-") : null, data.map(elem => {
-    if (select == elem.id) {
-      return /*#__PURE__*/React__default["default"].createElement("img", {
-        width: "600px",
-        key: elem.id,
-        src: elem.url
-      });
-    }
-  }), select < data.length ? /*#__PURE__*/React__default["default"].createElement("h1", {
-    onClick: () => {
-      setSelect(select + 1);
-    }
-  }, "+") : null))) : null);
-};
-Modal.propTypes = {
-  setShow: PropTypes__default["default"].func,
-  headerText: PropTypes__default["default"].string,
-  className: PropTypes__default["default"].string,
-  type: PropTypes__default["default"].string,
-  selected: PropTypes__default["default"].string,
-  data: PropTypes__default["default"].array
-};
-
-var css_248z$9 = ".input-module_input-wrap__NunrE{position:relative;width:100%}.input-module_input-content__kP7lZ{display:flex;width:100%}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{background-color:inherit!important}.input-module_error-message-show__OrVSo{animation-fill-mode:forwards;animation-name:input-module_error-show__9MP6k}@keyframes input-module_error-show__9MP6k{to{bottom:-20px;transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1)}}";
+var css_248z$a = ".input-module_input-wrap__NunrE{position:relative;width:100%}.input-module_input-content__kP7lZ{display:flex;width:100%}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{background-color:inherit!important}.input-module_error-message-show__OrVSo{animation-fill-mode:forwards;animation-name:input-module_error-show__9MP6k}@keyframes input-module_error-show__9MP6k{to{bottom:-20px;transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1)}}";
 var styles$8 = {"input-wrap":"input-module_input-wrap__NunrE","input-content":"input-module_input-content__kP7lZ","error-message-show":"input-module_error-message-show__OrVSo","error-show":"input-module_error-show__9MP6k"};
-styleInject(css_248z$9);
+styleInject(css_248z$a);
 
 const InputTypes = {
   TEL: 'tel',
@@ -915,9 +983,9 @@ Input.defaultProps = {
   type: "text"
 };
 
-var css_248z$8 = ".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 css_248z$9 = ".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$7 = {"radio-wrap":"radio-module_radio-wrap__-lO7V","radio-checkmark":"radio-module_radio-checkmark__Kvol0"};
-styleInject(css_248z$8);
+styleInject(css_248z$9);
 
 const Radio = ({
   disabled,
@@ -1134,27 +1202,9 @@ const SvgArrow = ({
   fill: "#3C393E"
 }));
 
-const SvgCloseIcon = ({
-  title,
-  titleId,
-  ...props
-}) => /*#__PURE__*/React__namespace.createElement("svg", _extends({
-  width: "14",
-  height: "14",
-  viewBox: "0 0 14 14",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React__namespace.createElement("path", {
-  d: "m12.425.241.006-.005a.95.95 0 0 1 1.34 1.34l-.005.006-5.38 5.38 5.38 5.38.005.007a.95.95 0 0 1-1.34 1.34l-.006-.005-5.38-5.38-5.378 5.37a.951.951 0 1 1-1.34-1.341l5.377-5.37-5.38-5.388-.005-.006a.95.95 0 0 1 1.34-1.34l.006.005 5.38 5.387 5.38-5.38Z",
-  fill: "#3C393E"
-}));
-
-var css_248z$7 = ".select-module_select-content__GCMDX{display:flex;flex-direction:column;position:relative}.select-module_select-content-top__Aw-fB{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.select-module_select-content-bottom__ueZCR{animation:select-module_select-show__391hQ .64s linear forwards;-webkit-animation:select-module_select-show__391hQ .64s linear forwards;left:0;max-height:0;overflow:hidden;position:absolute;width:100%;z-index:1}.select-module_select-content-bottom-inner__NWy2X{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}.select-module_select-content-top-icon__MBrGK{align-items:center;box-sizing:border-box;display:flex;flex:0 0 auto;padding:0 5px 0 20px}.select-module_select-content-top-icon__MBrGK>div{align-items:center;display:flex;height:14px;justify-content:center;width:14px}.select-module_close-icon__SFNaJ{border-right:1px solid #eee;box-sizing:content-box;padding-right:9px}.select-module_arrow-icon__rjHt-{margin-left:9px;transform-origin:center;transition:all .64s ease;-webkit-transition:all .64s ease;-moz-transition:all .64s ease;-ms-transition:all .64s ease;-o-transition:all .64s ease}.select-module_select-content-bottom-row__eKq5L{align-items:center;display:flex;transition:background-color .24s,color .24s;-webkit-transition:background-color .24s,color .24s;-moz-transition:background-color .24s,color .24s;-ms-transition:background-color .24s,color .24s;-o-transition:background-color .24s,color .24s}.select-module_select-content-bottom-row__eKq5L:last-child{margin-bottom:0}@keyframes select-module_select-show__391hQ{to{max-height:234px}}";
+var css_248z$8 = ".select-module_select-content__GCMDX{display:flex;flex-direction:column;position:relative}.select-module_select-content-top__Aw-fB{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.select-module_select-content-bottom__ueZCR{animation:select-module_select-show__391hQ .64s linear forwards;-webkit-animation:select-module_select-show__391hQ .64s linear forwards;left:0;max-height:0;overflow:hidden;position:absolute;width:100%;z-index:1}.select-module_select-content-bottom-inner__NWy2X{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}.select-module_select-content-top-icon__MBrGK{align-items:center;box-sizing:border-box;display:flex;flex:0 0 auto;padding:0 5px 0 20px}.select-module_select-content-top-icon__MBrGK>div{align-items:center;display:flex;height:14px;justify-content:center;width:14px}.select-module_close-icon__SFNaJ{border-right:1px solid #eee;box-sizing:content-box;padding-right:9px}.select-module_arrow-icon__rjHt-{margin-left:9px;transform-origin:center;transition:all .64s ease;-webkit-transition:all .64s ease;-moz-transition:all .64s ease;-ms-transition:all .64s ease;-o-transition:all .64s ease}.select-module_select-content-bottom-row__eKq5L{align-items:center;display:flex;transition:background-color .24s,color .24s;-webkit-transition:background-color .24s,color .24s;-moz-transition:background-color .24s,color .24s;-ms-transition:background-color .24s,color .24s;-o-transition:background-color .24s,color .24s}.select-module_select-content-bottom-row__eKq5L:last-child{margin-bottom:0}@keyframes select-module_select-show__391hQ{to{max-height:234px}}";
 var styles$6 = {"select-content":"select-module_select-content__GCMDX","select-content-top":"select-module_select-content-top__Aw-fB","select-content-bottom":"select-module_select-content-bottom__ueZCR","select-show":"select-module_select-show__391hQ","select-content-bottom-inner":"select-module_select-content-bottom-inner__NWy2X","select-content-top-icon":"select-module_select-content-top-icon__MBrGK","close-icon":"select-module_close-icon__SFNaJ","arrow-icon":"select-module_arrow-icon__rjHt-","select-content-bottom-row":"select-module_select-content-bottom-row__eKq5L"};
-styleInject(css_248z$7);
+styleInject(css_248z$8);
 
 const Select = ({
   options,
@@ -1291,7 +1341,13 @@ const Select = ({
     }
   }, [opened]);
   React.useEffect(() => {
-    selected && selected.length > 0 && setNewSelected(isObjectEmpty(selected[0]) ? [] : selected);
+    if (selected) {
+      if (selected.length > 0) {
+        setNewSelected(isObjectEmpty(selected[0]) ? [] : selected);
+      } else {
+        setNewSelected([]);
+      }
+    }
     if (!multiple) {
       options && options.length > 0 && setExistOptions(options);
     } else {
@@ -1308,7 +1364,7 @@ const Select = ({
       });
       setExistOptions(modifiedOptions);
     }
-  }, [options, multiple, selected]);
+  }, [options, multiple, selected, selected?.length]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classProps
   }, label ? /*#__PURE__*/React__default["default"].createElement("label", {
@@ -1558,9 +1614,9 @@ const SvgToasterSuccess = ({
   fill: "#0DA574"
 }));
 
-var css_248z$6 = "#toaster-module_top-left__q0LcN{left:0;top:1em}#toaster-module_top-right__f-AFL{right:0;top:1em}#toaster-module_top-center__eVRbc{left:50%;top:1em;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}#toaster-module_bottom-left__b-YHI{bottom:1em;left:0}#toaster-module_bottom-right__g9ACP{bottom:1em;right:0}#toaster-module_bottom-center__4KcFe{bottom:1em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_top-left__q0LcN{left:0;top:1em}.toaster-module_top-right__f-AFL{right:0;top:1em}.toaster-module_top-center__eVRbc{left:50%;top:1em;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_bottom-left__b-YHI{bottom:1em;left:0}.toaster-module_bottom-right__g9ACP{bottom:1em;right:0}.toaster-module_bottom-center__4KcFe{bottom:1em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_notify-block__pRnEB{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.toaster-module_bounce-in-right__shR2D{-webkit-animation-name:toaster-module_bounceInRight__rSk5p;animation-name:toaster-module_bounceInRight__rSk5p}.toaster-module_bounce-out-right__48pyA{-webkit-animation-name:toaster-module_bounceOutRight__bmFGS;animation-name:toaster-module_bounceOutRight__bmFGS}@keyframes toaster-module_bounceInRight__rSk5p{0%{opacity:0;right:-100%}60%{opacity:1;right:40px}75%{right:0}90%{right:30px}to{right:20px}}@keyframes toaster-module_bounceOutRight__bmFGS{0%{opacity:1;right:20px}60%{opacity:1;right:60px}to{opacity:0;right:-100%}}.toaster-module_bounce-in-left__xoF-M{-webkit-animation-name:toaster-module_bounceInLeft__to59v;animation-name:toaster-module_bounceInLeft__to59v}.toaster-module_bounce-out-left__fDOZw{-webkit-animation-name:toaster-module_bounceOutLeft__k5QgO;animation-name:toaster-module_bounceOutLeft__k5QgO}@keyframes toaster-module_bounceInLeft__to59v{0%{left:-100%;opacity:0}60%{left:40px;opacity:1}75%{left:0}90%{left:30px}to{left:20px}}@keyframes toaster-module_bounceOutLeft__k5QgO{0%{left:20px;opacity:1}60%{left:60px;opacity:1}to{left:-100%;opacity:0}}";
+var css_248z$7 = "#toaster-module_top-left__q0LcN{left:0;top:1em}#toaster-module_top-right__f-AFL{right:0;top:1em}#toaster-module_top-center__eVRbc{left:50%;top:1em;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}#toaster-module_bottom-left__b-YHI{bottom:1em;left:0}#toaster-module_bottom-right__g9ACP{bottom:1em;right:0}#toaster-module_bottom-center__4KcFe{bottom:1em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_top-left__q0LcN{left:0;top:1em}.toaster-module_top-right__f-AFL{right:0;top:1em}.toaster-module_top-center__eVRbc{left:50%;top:1em;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_bottom-left__b-YHI{bottom:1em;left:0}.toaster-module_bottom-right__g9ACP{bottom:1em;right:0}.toaster-module_bottom-center__4KcFe{bottom:1em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_notify-block__pRnEB{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.toaster-module_bounce-in-right__shR2D{-webkit-animation-name:toaster-module_bounceInRight__rSk5p;animation-name:toaster-module_bounceInRight__rSk5p}.toaster-module_bounce-out-right__48pyA{-webkit-animation-name:toaster-module_bounceOutRight__bmFGS;animation-name:toaster-module_bounceOutRight__bmFGS}@keyframes toaster-module_bounceInRight__rSk5p{0%{opacity:0;right:-100%}60%{opacity:1;right:40px}75%{right:0}90%{right:30px}to{right:20px}}@keyframes toaster-module_bounceOutRight__bmFGS{0%{opacity:1;right:20px}60%{opacity:1;right:60px}to{opacity:0;right:-100%}}.toaster-module_bounce-in-left__xoF-M{-webkit-animation-name:toaster-module_bounceInLeft__to59v;animation-name:toaster-module_bounceInLeft__to59v}.toaster-module_bounce-out-left__fDOZw{-webkit-animation-name:toaster-module_bounceOutLeft__k5QgO;animation-name:toaster-module_bounceOutLeft__k5QgO}@keyframes toaster-module_bounceInLeft__to59v{0%{left:-100%;opacity:0}60%{left:40px;opacity:1}75%{left:0}90%{left:30px}to{left:20px}}@keyframes toaster-module_bounceOutLeft__k5QgO{0%{left:20px;opacity:1}60%{left:60px;opacity:1}to{left:-100%;opacity:0}}";
 var styles$5 = {"top-left":"toaster-module_top-left__q0LcN","top-right":"toaster-module_top-right__f-AFL","top-center":"toaster-module_top-center__eVRbc","bottom-left":"toaster-module_bottom-left__b-YHI","bottom-right":"toaster-module_bottom-right__g9ACP","bottom-center":"toaster-module_bottom-center__4KcFe","notify-block":"toaster-module_notify-block__pRnEB","bounce-in-right":"toaster-module_bounce-in-right__shR2D","bounceInRight":"toaster-module_bounceInRight__rSk5p","bounce-out-right":"toaster-module_bounce-out-right__48pyA","bounceOutRight":"toaster-module_bounceOutRight__bmFGS","bounce-in-left":"toaster-module_bounce-in-left__xoF-M","bounceInLeft":"toaster-module_bounceInLeft__to59v","bounce-out-left":"toaster-module_bounce-out-left__fDOZw","bounceOutLeft":"toaster-module_bounceOutLeft__k5QgO"};
-styleInject(css_248z$6);
+styleInject(css_248z$7);
 
 const ToasterType = {
   info: 'info',
@@ -1832,9 +1888,9 @@ const SvgTooltip = ({
   fill: "#D1D1D1"
 }));
 
-var css_248z$5 = ".tooltip-module_tooltip-block__v8U9u{align-items:center;display:flex;justify-content:center;position:relative}.tooltip-module_tooltip__emM6A{padding:10px;position:absolute;z-index:1}.tooltip-module_tooltip-rel__to9gq{align-items:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;display:flex;height:auto;justify-content:center;min-height:10px;min-width:30px;position:relative;width:auto}.tooltip-module_tooltip-decor__qvt7t{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;height:10px;position:absolute;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);width:10px;z-index:-1}";
+var css_248z$6 = ".tooltip-module_tooltip-block__v8U9u{align-items:center;display:flex;justify-content:center;position:relative}.tooltip-module_tooltip__emM6A{padding:10px;position:absolute;z-index:1}.tooltip-module_tooltip-rel__to9gq{align-items:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;display:flex;height:auto;justify-content:center;min-height:10px;min-width:30px;position:relative;width:auto}.tooltip-module_tooltip-decor__qvt7t{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;height:10px;position:absolute;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);width:10px;z-index:-1}";
 var styles$4 = {"tooltip-block":"tooltip-module_tooltip-block__v8U9u","tooltip":"tooltip-module_tooltip__emM6A","tooltip-rel":"tooltip-module_tooltip-rel__to9gq","tooltip-decor":"tooltip-module_tooltip-decor__qvt7t"};
-styleInject(css_248z$5);
+styleInject(css_248z$6);
 
 const Tooltip = ({
   type,
@@ -1964,9 +2020,9 @@ const SvgCaptchaArrowDown = ({
   fill: "#00236A"
 }));
 
-var css_248z$4 = ".captcha-module_start-point__LkOqy:after{background-color:#d1d1d1;border:2px solid #fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;content:\"\";height:10px;left:0;position:absolute;top:7.5px;width:10px;z-index:-1}.captcha-module_range__k24I2{-webkit-appearance:none;margin:0}.captcha-module_range__k24I2::-webkit-slider-runnable-track{-webkit-appearance:none;width:100%}.captcha-module_range-default__-O0QD::-webkit-slider-thumb{background-image:url(../../assets/range-arrow-default.svg)}.captcha-module_range-default__-O0QD::-webkit-slider-thumb,.captcha-module_range-error__FKMfG::-webkit-slider-thumb{-webkit-appearance:none;background-position:-5px;background-repeat:no-repeat;background-size:46px 46px;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;-ms-border-radius:17px;-o-border-radius:17px;cursor:ew-resize;height:34px;width:34px}.captcha-module_range-error__FKMfG::-webkit-slider-thumb{background-image:url(../../assets/range-arrow-error.svg)}.captcha-module_range-success__VzLPq::-webkit-slider-thumb{-webkit-appearance:none;background-image:url(../../assets/range-arrow-success.svg);background-position:-5px;background-repeat:no-repeat;background-size:46px 46px;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;-ms-border-radius:17px;-o-border-radius:17px;cursor:ew-resize;height:34px;width:34px}";
+var css_248z$5 = ".captcha-module_start-point__LkOqy:after{background-color:#d1d1d1;border:2px solid #fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;content:\"\";height:10px;left:0;position:absolute;top:7.5px;width:10px;z-index:-1}.captcha-module_range__k24I2{-webkit-appearance:none;margin:0}.captcha-module_range__k24I2::-webkit-slider-runnable-track{-webkit-appearance:none;width:100%}.captcha-module_range-default__-O0QD::-webkit-slider-thumb{background-image:url(../../assets/range-arrow-default.svg)}.captcha-module_range-default__-O0QD::-webkit-slider-thumb,.captcha-module_range-error__FKMfG::-webkit-slider-thumb{-webkit-appearance:none;background-position:-5px;background-repeat:no-repeat;background-size:46px 46px;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;-ms-border-radius:17px;-o-border-radius:17px;cursor:ew-resize;height:34px;width:34px}.captcha-module_range-error__FKMfG::-webkit-slider-thumb{background-image:url(../../assets/range-arrow-error.svg)}.captcha-module_range-success__VzLPq::-webkit-slider-thumb{-webkit-appearance:none;background-image:url(../../assets/range-arrow-success.svg);background-position:-5px;background-repeat:no-repeat;background-size:46px 46px;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;-ms-border-radius:17px;-o-border-radius:17px;cursor:ew-resize;height:34px;width:34px}";
 var styles$3 = {"start-point":"captcha-module_start-point__LkOqy","range":"captcha-module_range__k24I2","range-default":"captcha-module_range-default__-O0QD","range-error":"captcha-module_range-error__FKMfG","range-success":"captcha-module_range-success__VzLPq"};
-styleInject(css_248z$4);
+styleInject(css_248z$5);
 
 const Captcha = ({
   size,
@@ -2088,9 +2144,9 @@ Captcha.propTypes = {
   getRange: PropTypes__default["default"].func.isRequired
 };
 
-var css_248z$3 = ".stepper-module_stepper-container__-OVGy>div:last-child:before{display:none}.stepper-module_activeRing__Lzvh1,.stepper-module_bigRing__5GBm0{border-radius:50%;cursor:pointer;height:36px;margin-bottom:36px;position:relative;width:36px}.stepper-module_bigRing__5GBm0{box-shadow:0 0 0 2px #d1d1d1}.stepper-module_bigRing__5GBm0:before{background:#d1d1d1}.stepper-module_activeRing__Lzvh1{box-shadow:0 0 0 2px #00236a}.stepper-module_activeRing__Lzvh1:before{background:#00236a}.stepper-module_activeRing__Lzvh1:before,.stepper-module_bigRing__5GBm0:before{border-radius:20px;bottom:-32px;content:\"\";height:28px;left:0;margin:auto;overflow:hidden;position:absolute;right:0;width:2px}.stepper-module_smallActiveRing__im-XG,.stepper-module_smallRing__u-5a8{border-radius:50%;bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.stepper-module_smallRing__u-5a8{background-color:#d1d1d1;height:14px;width:14px}.stepper-module_smallActiveRing__im-XG{align-items:center;background-color:#00236a;color:#fff;display:flex;height:28px;justify-content:center;width:28px}";
+var css_248z$4 = ".stepper-module_stepper-container__-OVGy>div:last-child:before{display:none}.stepper-module_activeRing__Lzvh1,.stepper-module_bigRing__5GBm0{border-radius:50%;cursor:pointer;height:36px;margin-bottom:36px;position:relative;width:36px}.stepper-module_bigRing__5GBm0{box-shadow:0 0 0 2px #d1d1d1}.stepper-module_bigRing__5GBm0:before{background:#d1d1d1}.stepper-module_activeRing__Lzvh1{box-shadow:0 0 0 2px #00236a}.stepper-module_activeRing__Lzvh1:before{background:#00236a}.stepper-module_activeRing__Lzvh1:before,.stepper-module_bigRing__5GBm0:before{border-radius:20px;bottom:-32px;content:\"\";height:28px;left:0;margin:auto;overflow:hidden;position:absolute;right:0;width:2px}.stepper-module_smallActiveRing__im-XG,.stepper-module_smallRing__u-5a8{border-radius:50%;bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.stepper-module_smallRing__u-5a8{background-color:#d1d1d1;height:14px;width:14px}.stepper-module_smallActiveRing__im-XG{align-items:center;background-color:#00236a;color:#fff;display:flex;height:28px;justify-content:center;width:28px}";
 var styles$2 = {"stepper-container":"stepper-module_stepper-container__-OVGy","bigRing":"stepper-module_bigRing__5GBm0","activeRing":"stepper-module_activeRing__Lzvh1","smallRing":"stepper-module_smallRing__u-5a8","smallActiveRing":"stepper-module_smallActiveRing__im-XG"};
-styleInject(css_248z$3);
+styleInject(css_248z$4);
 
 const Stepper = ({
   className,
@@ -2545,9 +2601,12 @@ const NewFile = ({
   borderColor,
   uploadColor,
   defaultData,
+  formatError,
   errorMessage,
   fileSizeText,
+  maxSizeError,
   progressColor,
+  noChoosenFile,
   fileExtensions,
   listItemHeight,
   backgroundColor,
@@ -2606,20 +2665,20 @@ const NewFile = ({
               change({
                 file: file[ix],
                 uuid: v4(),
-                check: 'ֆայլի սխալ ֆորմատ'
+                check: formatError
               });
             }
           } else {
             change({
               file: file[ix],
               uuid: v4(),
-              check: 'առավելագույն ծավալ'
+              check: maxSizeError
             });
           }
         }
       }
       if (file.length === 0 && memoizedItems.length === 0) {
-        setError('Ֆայլը ընտրված չէ');
+        setError(noChoosenFile);
       }
     } else {
       if (file[0]) {
@@ -2635,16 +2694,16 @@ const NewFile = ({
             }
           } else {
             setImage(null);
-            setError('ֆայլի սխալ ֆորմատ');
+            setError(formatError);
           }
         } else {
           setImage(null);
-          setError('առավելագույն ծավալ');
+          setError(maxSizeError);
         }
       }
       if (file.length === 0) {
         setImage(null);
-        setError('Ֆայլը ընտրված չէ');
+        setError(noChoosenFile);
       }
     }
   };
@@ -2876,12 +2935,15 @@ NewFile.propTypes = {
   labelSize: PropTypes__default["default"].string,
   labelColor: PropTypes__default["default"].string,
   errorColor: PropTypes__default["default"].string,
+  formatError: PropTypes__default["default"].string,
   putFileHere: PropTypes__default["default"].string,
   borderColor: PropTypes__default["default"].string,
   uploadColor: PropTypes__default["default"].string,
   defaultData: PropTypes__default["default"].object,
+  maxSizeError: PropTypes__default["default"].string,
   errorMessage: PropTypes__default["default"].string,
   fileSizeText: PropTypes__default["default"].string,
+  noChoosenFile: PropTypes__default["default"].string,
   progressColor: PropTypes__default["default"].string,
   deleteComponent: PropTypes__default["default"].bool,
   listItemHeight: PropTypes__default["default"].string,
@@ -2912,8 +2974,8 @@ NewFile.defaultProps = {
   fileExtensions: ['jpg', 'jpeg', 'png', 'pdf']
 };
 
-var css_248z$2 = "textarea::-webkit-scrollbar{width:6px}textarea::-webkit-scrollbar-track{background:#eee}textarea::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-track{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px}textarea::-webkit-scrollbar-thumb{background:#d1d1d1}";
-styleInject(css_248z$2);
+var css_248z$3 = "textarea::-webkit-scrollbar{width:6px}textarea::-webkit-scrollbar-track{background:#eee}textarea::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-track{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px}textarea::-webkit-scrollbar-thumb{background:#d1d1d1}";
+styleInject(css_248z$3);
 
 const Textarea = ({
   size,
@@ -3092,7 +3154,106 @@ Textarea.propTypes = {
   labelRequiredColor: PropTypes__default["default"].string
 };
 
-var css_248z$1 = ".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;justify-content:center}.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:13px;line-height:16px;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 css_248z$2 = "";
+styleInject(css_248z$2);
+
+const TypographyType = {
+  p: 'p',
+  h1: 'h1',
+  h2: 'h2',
+  h3: 'h3',
+  h4: 'h4',
+  h5: 'h5',
+  h6: 'h6',
+  span: 'span'
+};
+const Typography = ({
+  size,
+  color,
+  weight,
+  radius,
+  border,
+  cursor,
+  variant,
+  onClick,
+  children,
+  textAlign,
+  fontStyle,
+  className,
+  textShadow,
+  lineHeight,
+  colorHover,
+  fontFamily,
+  textTransform,
+  textDecoration,
+  backgroundColor,
+  ...props
+}) => {
+  const configStyles = compereConfigs();
+  const classProps = classnames__default["default"](className);
+  const [isHover, setIsHover] = React.useState(false);
+  const [validVariant, setValidVariant] = React.useState(false);
+  React.useEffect(() => {
+    if (!Object.values(TypographyType).includes(variant)) {
+      setValidVariant(true);
+    }
+  }, [variant]);
+  const handleMouseEnter = () => {
+    setIsHover(true);
+  };
+  const handleMouseLeave = () => {
+    setIsHover(false);
+  };
+  const tagT = /*#__PURE__*/React__default["default"].createElement(variant, {
+    style: {
+      border: border ? border : configStyles.TYPOGRAPHY.border,
+      cursor: cursor ? cursor : configStyles.TYPOGRAPHY.cursor,
+      borderRadius: radius ? radius : configStyles.TYPOGRAPHY.radius,
+      fontSize: size ? size : configStyles.TYPOGRAPHY['size' + variant],
+      fontWeight: weight ? weight : configStyles.TYPOGRAPHY['weight' + variant],
+      textShadow: textShadow ? textShadow : configStyles.TYPOGRAPHY.textShadow,
+      textAlign: textAlign ? textAlign : configStyles.TYPOGRAPHY['textAlign' + variant],
+      fontStyle: fontStyle ? fontStyle : configStyles.TYPOGRAPHY['fontStyle' + variant],
+      lineHeight: lineHeight ? lineHeight : configStyles.TYPOGRAPHY['lineHeight' + variant],
+      fontFamily: fontFamily ? fontFamily : configStyles.TYPOGRAPHY['fontFamily' + variant],
+      textTransform: textTransform ? textTransform : configStyles.TYPOGRAPHY['textTransform' + variant],
+      textDecoration: textDecoration ? textDecoration : configStyles.TYPOGRAPHY['textDecoration' + variant],
+      backgroundColor: backgroundColor ? backgroundColor : configStyles.TYPOGRAPHY['backgroundColor' + variant],
+      color: isHover ? colorHover ? colorHover : color ? color : configStyles.TYPOGRAPHY['color' + variant] : color ? color : configStyles.TYPOGRAPHY['color' + variant]
+    },
+    ...props,
+    className: classProps,
+    onClick: onClick ? onClick : _ => _,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave
+  }, [children]);
+  return validVariant ? 'Please set Typography valid variant' : tagT;
+};
+Typography.propTypes = {
+  size: PropTypes__default["default"].string,
+  color: PropTypes__default["default"].string,
+  onClick: PropTypes__default["default"].func,
+  weight: PropTypes__default["default"].string,
+  border: PropTypes__default["default"].string,
+  cursor: PropTypes__default["default"].string,
+  radius: PropTypes__default["default"].string,
+  textAlign: PropTypes__default["default"].string,
+  className: PropTypes__default["default"].string,
+  fontStyle: PropTypes__default["default"].string,
+  lineHeight: PropTypes__default["default"].string,
+  textShadow: PropTypes__default["default"].string,
+  fontFamily: PropTypes__default["default"].string,
+  colorHover: PropTypes__default["default"].string,
+  textTransform: PropTypes__default["default"].string,
+  textDecoration: PropTypes__default["default"].string,
+  backgroundColor: PropTypes__default["default"].string,
+  variant: PropTypes__default["default"].oneOf(Object.values(TypographyType))
+};
+Typography.defaultProps = {
+  variant: 'p'
+};
+
+var css_248z$1 = ".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;justify-content:center}.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:13px;line-height:16px;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}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}";
 var styles$1 = {"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$1);
 
@@ -3162,25 +3323,8 @@ const SvgDots = ({
   fill: "#3C393E"
 }));
 
-const SvgNextarrow = ({
-  title,
-  titleId,
-  ...props
-}) => /*#__PURE__*/React__namespace.createElement("svg", _extends({
-  width: "6",
-  height: "12",
-  viewBox: "0 0 6 12",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React__namespace.createElement("path", {
-  d: "M.851 11.998a.847.847 0 0 1-.847-.776.86.86 0 0 1 .193-.626l3.808-4.584L.333 1.419A.857.857 0 0 1 .46.213a.849.849 0 0 1 1.241.128l4.106 5.132a.859.859 0 0 1 0 1.086l-4.25 5.132a.85.85 0 0 1-.706.307Z",
-  fill: "#3C393E"
-}));
-
 const Pagination = ({
+  goTo,
   onChange,
   totalCount,
   siblingCount,
@@ -3188,6 +3332,8 @@ const Pagination = ({
   offset,
   className
 }) => {
+  const [inpVal, setInpVal] = React.useState('');
+  const [error, setError] = React.useState(false);
   const [siblingCountNumber, setSibilingCountNumber] = React.useState(siblingCount);
   const [currentPageNumber, setCurrentPage] = React.useState(currentPage);
   const [currentTotalCount, setcurrentTotalCount] = React.useState(totalCount);
@@ -3230,6 +3376,40 @@ const Pagination = ({
   const onPreviousFive = e => {
     currentPageNumber !== 5 ? onPageChange(currentPageNumber - 5) : onPageChange(currentPageNumber - 4);
   };
+  const handleChangeInput = e => {
+    setError(false);
+    if (e.target.value.trim() !== '') {
+      const val = parseInt(e.target.value);
+      if (Number.isInteger(val)) {
+        setInpVal(val);
+      } else {
+        setInpVal('');
+      }
+    } else {
+      setInpVal('');
+    }
+  };
+  const handleKeyDown = e => {
+    const forbiddenKeys = ["e", ".", "+", "-"];
+    if (forbiddenKeys.includes(e.key)) {
+      e.preventDefault();
+    }
+    if (e.keyCode === 13) {
+      if (inpVal === '') {
+        setError(true);
+      } else {
+        if (inpVal <= 1) {
+          setInpVal(1);
+          onPageChange(1);
+        } else if (inpVal >= totalCount / offset) {
+          setInpVal(Math.ceil(totalCount / offset));
+          onPageChange(Math.ceil(totalCount / offset));
+        } else {
+          onPageChange(inpVal);
+        }
+      }
+    }
+  };
   let lastPage = paginationRange[paginationRange.length - 1];
   return /*#__PURE__*/React__default["default"].createElement("ul", {
     className: classProps
@@ -3237,9 +3417,9 @@ const Pagination = ({
     style: {
       transform: 'rotate(180deg)'
     },
-    className: `${styles$1["pagination-btn"]} pagination-btn-rem`,
     onClick: onPrevious,
-    disabled: currentPage === 1 ? true : false
+    disabled: currentPage === 1 ? true : false,
+    className: `${styles$1["pagination-btn"]} pagination-btn-rem`
   }, /*#__PURE__*/React__default["default"].createElement(SvgNextarrow, null)), paginationRange.map((pageNumber, id) => {
     if (pageNumber === Dots) {
       let currentPageIndex = paginationRange.indexOf(currentPageNumber);
@@ -3268,11 +3448,35 @@ const Pagination = ({
     }, pageNumber);
   }), /*#__PURE__*/React__default["default"].createElement("button", {
     onClick: onNext,
-    className: `${styles$1["pagination-btn"]} pagination-btn-rem`,
-    disabled: currentPageNumber === lastPage ? true : false
-  }, /*#__PURE__*/React__default["default"].createElement(SvgNextarrow, null)));
+    disabled: currentPageNumber === lastPage ? true : false,
+    className: `${styles$1["pagination-btn"]} pagination-btn-rem`
+  }, /*#__PURE__*/React__default["default"].createElement(SvgNextarrow, null)), goTo && /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("input", {
+    onKeyDown: handleKeyDown,
+    onInput: handleChangeInput,
+    type: "number",
+    style: {
+      width: '53px',
+      height: '30px',
+      outline: 'none',
+      color: '#3C393E',
+      fontSize: '13px',
+      margin: '0px 6px',
+      fontWeight: '500',
+      textAlign: 'center',
+      border: '1px solid',
+      borderRadius: '6px',
+      borderColor: error ? 'red' : '#00236a'
+    },
+    value: inpVal
+  }), /*#__PURE__*/React__default["default"].createElement("span", {
+    style: {
+      color: '#3C393E',
+      fontSize: '13px'
+    }
+  }, "\u0537\u057B")));
 };
 Pagination.propTypes = {
+  goTo: PropTypes__default["default"].bool,
   offset: PropTypes__default["default"].number,
   totalCount: PropTypes__default["default"].number,
   className: PropTypes__default["default"].string,
@@ -3427,6 +3631,7 @@ const NewAutocomplete = ({
   getItem,
   required,
   disabled,
+  selected,
   errorSize,
   labelSize,
   errorColor,
@@ -3541,7 +3746,7 @@ const NewAutocomplete = ({
     getItem(selectedValue);
     setInnerValue(selectedValue.name);
   };
-  const optionList = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, show && innerOptions ? innerOptions.length > 0 ? /*#__PURE__*/React__default["default"].createElement("div", {
+  const optionList = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, show && innerOptions && !disabled ? innerOptions.length > 0 ? /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       left: contentBottomLeft ? contentBottomLeft : configStyles.NEWAUTOCOMPLETE.contentBottomLeft,
       width: contentBottomWidth ? contentBottomWidth : configStyles.NEWAUTOCOMPLETE.contentBottomWidth,
@@ -3611,12 +3816,19 @@ const NewAutocomplete = ({
       alert('Please add getItem function for get choosen item from autocomplete');
     }
     options && setInnerOptions(options);
-  }, [options, options.length, getItem]);
+  }, [options, options?.length, getItem]);
   React.useEffect(() => {
     if (!change) {
       alert('Please add change prop on New Autocomplete component');
     }
   }, [change]);
+  React.useEffect(() => {
+    if (selected) {
+      setInnerValue(selected);
+    } else {
+      setInnerValue('');
+    }
+  }, [selected, selected?.length]);
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, label ? /*#__PURE__*/React__default["default"].createElement("label", {
     style: {
       color: labelColor ? labelColor : configStyles.NEWAUTOCOMPLETE.labelColor,
@@ -3681,6 +3893,7 @@ NewAutocomplete.propTypes = {
   label: PropTypes__default["default"].string,
   required: PropTypes__default["default"].bool,
   disabled: PropTypes__default["default"].bool,
+  selected: PropTypes__default["default"].string,
   errorSize: PropTypes__default["default"].string,
   labelSize: PropTypes__default["default"].string,
   errorColor: PropTypes__default["default"].string,