phx-react 1.3.1395 → 1.3.1397

package/dist/cjs/components/MainWrapV4/assets/icon-v3/cham-tiet.tsx

@@ -0,0 +1,40 @@
+import React from 'react'
+import { IIcon } from '../../types'
+
+export default function Icon({ activeColor = 'currentColor', isActive = false }: IIcon) {
+  return isActive ? (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <mask height='20' id='mask0_1815_89020' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
+        <path d='M20 0H0V20H20V0Z' fill='white' />
+      </mask>
+      <g mask='url(#mask0_1815_89020)'>
+        <path
+          d='M6.50842 2.0835H13.4918C14.9256 2.08353 16.0202 2.50936 16.7545 3.24463C17.4886 3.97984 17.9118 5.07403 17.9078 6.50732V13.4917C17.9078 14.9254 17.4822 16.0199 16.7467 16.7554C16.0112 17.4908 14.9167 17.9165 13.483 17.9165H6.50842C5.07463 17.9165 3.98022 17.4908 3.24475 16.7544C2.50922 16.0179 2.08362 14.9212 2.08362 13.4829V6.5083C2.08362 5.0745 2.50923 3.98015 3.24475 3.24463C3.98027 2.50911 5.07462 2.0835 6.50842 2.0835ZM5.13538 10.5835C4.96764 10.7456 4.82345 10.9607 4.71545 11.1743C4.60735 11.3881 4.52109 11.6295 4.48792 11.856V11.8579L4.19592 13.9048C4.11301 14.455 4.25551 14.9944 4.63831 15.3774C4.95289 15.692 5.38215 15.8413 5.81702 15.8413C5.91876 15.8413 6.01659 15.8306 6.08752 15.8228L6.10022 15.8208L8.15002 15.5288H8.15295C8.3773 15.4952 8.61956 15.4052 8.83167 15.2974C9.0436 15.1896 9.25796 15.0475 9.41858 14.8872L13.152 11.1792L13.6324 10.7017L12.9899 10.4878C12.8383 10.4373 12.6832 10.371 12.4957 10.2896C12.3124 10.1979 12.1461 10.115 11.9977 10.0259L11.9879 10.02L11.9781 10.0151L11.8063 9.91162C11.7478 9.87297 11.6875 9.82986 11.6246 9.78271L11.6188 9.77881L11.6119 9.77393L11.277 9.51611L11.2516 9.49561C11.2483 9.4924 11.2451 9.48812 11.2408 9.48389C11.2303 9.47342 11.2176 9.4616 11.2028 9.44678L11.1901 9.43408L11.1764 9.42236L11.027 9.2915C10.8741 9.15195 10.7125 8.98799 10.5699 8.81689L10.5582 8.80225L10.5514 8.79541C10.5496 8.79333 10.5458 8.7893 10.5406 8.78271C10.53 8.76918 10.5155 8.74901 10.4977 8.72412L10.484 8.70654L10.4694 8.68994L10.3639 8.56104C10.3236 8.50905 10.2806 8.45002 10.2418 8.39014L10.234 8.37842L10.2252 8.3667L10.1158 8.2124C10.0774 8.15524 10.0378 8.09306 10.0006 8.02979L9.99866 8.02686C9.91002 7.87908 9.82564 7.71218 9.74475 7.54248H9.74573C9.66052 7.35656 9.59774 7.19356 9.53088 7.01807L9.30237 6.4165L5.13538 10.5835ZM12.6364 4.17627C11.868 4.1724 11.149 4.56209 10.4723 5.23877L9.6969 6.01318L9.69788 6.01416C9.51071 6.19275 9.46479 6.45342 9.52307 6.66748L9.52405 6.67236C10.0451 8.49616 11.4958 9.94956 13.317 10.4771C13.3825 10.5 13.438 10.5052 13.4528 10.5063C13.4849 10.5088 13.5155 10.5083 13.525 10.5083C13.6947 10.5083 13.8693 10.4442 14.0026 10.311L14.0045 10.3091L14.7711 9.53467L14.7701 9.53369C15.4433 8.86011 15.831 8.16355 15.8414 7.41357V7.40771C15.8413 6.6238 15.4552 5.91601 14.778 5.23877C14.1152 4.57605 13.4036 4.18016 12.6364 4.17627ZM11.2643 9.50732C11.2666 9.50924 11.2682 9.51123 11.2682 9.51123C11.2678 9.51086 11.2658 9.50962 11.2633 9.50732C11.2624 9.50647 11.2614 9.5054 11.2604 9.50439C11.262 9.50566 11.2634 9.50658 11.2643 9.50732Z'
+          fill={activeColor}
+          stroke={activeColor}
+          strokeWidth='0.833333'
+        />
+      </g>
+    </svg>
+  ) : (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <mask height='20' id='mask0_1815_88534' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
+        <path d='M20 0H0V20H20V0Z' fill='white' />
+      </mask>
+      <g mask='url(#mask0_1815_88534)'>
+        <path
+          d='M12.4222 19.1649H7.36523C2.78863 19.1649 0.833252 17.2095 0.833252 12.6329V7.57593C0.833252 2.99933 2.78863 1.04395 7.36523 1.04395H9.0509C9.39647 1.04395 9.68303 1.33051 9.68303 1.67607C9.68303 2.02164 9.39647 2.3082 9.0509 2.3082H7.36523C3.47976 2.3082 2.09751 3.69045 2.09751 7.57593V12.6329C2.09751 16.5184 3.47976 17.9007 7.36523 17.9007H12.4222C16.3077 17.9007 17.69 16.5184 17.69 12.6329V10.9473C17.69 10.6017 17.9765 10.3151 18.3221 10.3151C18.6677 10.3151 18.9542 10.6017 18.9542 10.9473V12.6329C18.9542 17.2095 16.9988 19.1649 12.4222 19.1649Z'
+          fill='currentColor'
+        />
+        <path
+          d='M6.94385 14.9005C6.42972 14.9005 5.95773 14.7151 5.61217 14.378C5.19918 13.965 5.02218 13.3666 5.1149 12.7345L5.47732 10.1975C5.54474 9.70868 5.86502 9.07655 6.21058 8.73098L12.8521 2.08948C14.5294 0.412231 16.2319 0.412231 17.9092 2.08948C18.8279 3.00817 19.2408 3.94372 19.1566 4.87927C19.0807 5.63782 18.6761 6.37951 17.9092 7.13807L11.2676 13.7796C10.9221 14.1251 10.2899 14.4454 9.80108 14.5128L7.26413 14.8753C7.15456 14.9005 7.04499 14.9005 6.94385 14.9005ZM13.7456 2.98288L7.10399 9.62439C6.94385 9.78453 6.75843 10.1554 6.72471 10.3745L6.36229 12.9115C6.32858 13.1559 6.37915 13.3582 6.50558 13.4846C6.632 13.611 6.83428 13.6616 7.0787 13.6279L9.61566 13.2654C9.8348 13.2317 10.2141 13.0463 10.3658 12.8862L17.0073 6.24466C17.5552 5.69682 17.8417 5.20797 17.8839 4.75284C17.9345 4.205 17.6479 3.62344 17.0073 2.97446C15.6588 1.62592 14.7317 2.00519 13.7456 2.98288Z'
+          fill='currentColor'
+        />
+        <path
+          d='M16.5101 8.27546C16.4511 8.27546 16.3922 8.26703 16.3416 8.25017C14.1249 7.62648 12.3634 5.86495 11.7397 3.64829C11.647 3.31115 11.8408 2.96559 12.178 2.86445C12.5151 2.77174 12.8607 2.96559 12.9534 3.30273C13.4591 5.09797 14.8835 6.52236 16.6787 7.02806C17.0159 7.12077 17.2097 7.47477 17.117 7.8119C17.0411 8.09846 16.7883 8.27546 16.5101 8.27546Z'
+          fill='currentColor'
+        />
+      </g>
+    </svg>
+  )
+}

package/dist/cjs/components/MainWrapV4/assets/icon-v3/chat.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IIcon } from '../../types';
+export default function Icon({ activeColor, isActive }: IIcon): React.JSX.Element;

package/dist/cjs/components/MainWrapV4/assets/icon-v3/chat.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Icon;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+function Icon(_a) {
+    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c;
+    return isActive ? (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        react_1.default.createElement("mask", { height: '20', id: 'mask0_1815_89040', maskUnits: 'userSpaceOnUse', width: '20', x: '0', y: '0' },
+            react_1.default.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
+        react_1.default.createElement("g", { mask: 'url(#mask0_1815_89040)' },
+            react_1.default.createElement("path", { d: 'M4.16671 11.25C3.38337 11.25 2.65837 11.525 2.08337 11.9833C1.31671 12.5917 0.833374 13.5333 0.833374 14.5833C0.833374 16.425 2.32504 17.9167 4.16671 17.9167C5.00837 17.9167 5.77504 17.6 6.36671 17.0833C7.05837 16.475 7.50004 15.5833 7.50004 14.5833C7.50004 12.7417 6.00837 11.25 4.16671 11.25ZM5.00004 14.7917C5.00004 15.0083 4.88337 15.2167 4.70004 15.325L3.65837 15.95C3.55837 16.0167 3.44171 16.0417 3.33337 16.0417C3.12504 16.0417 2.91671 15.9333 2.80004 15.7417C2.62504 15.4417 2.71671 15.0583 3.01671 14.8833L3.75837 14.4417V13.5417C3.75837 13.2 4.04171 12.9167 4.38337 12.9167C4.72504 12.9167 5.00004 13.2 5.00004 13.5417V14.7917Z', fill: activeColor }),
+            react_1.default.createElement("path", { d: 'M14.375 2.0249H6.45833C4.08333 2.0249 2.5 3.60824 2.5 5.98324V9.69991C2.5 9.99158 2.8 10.1999 3.08333 10.1249C3.43333 10.0416 3.79167 9.99991 4.16667 9.99991C6.55 9.99991 8.51667 11.9332 8.73333 14.2749C8.75 14.5082 8.94167 14.6916 9.16667 14.6916H9.625L13.15 17.0416C13.6667 17.3916 14.375 17.0082 14.375 16.3749V14.6916C15.5583 14.6916 16.55 14.2916 17.2417 13.6082C17.9333 12.9082 18.3333 11.9166 18.3333 10.7332V5.98324C18.3333 3.60824 16.75 2.0249 14.375 2.0249ZM13.1917 9.00824H7.64167C7.31667 9.00824 7.05 8.74158 7.05 8.41658C7.05 8.08324 7.31667 7.81657 7.64167 7.81657H13.1917C13.5167 7.81657 13.7833 8.08324 13.7833 8.41658C13.7833 8.74158 13.5167 9.00824 13.1917 9.00824Z', fill: activeColor })))) : (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        react_1.default.createElement("mask", { height: '20', id: 'mask0_1815_88553', maskUnits: 'userSpaceOnUse', width: '20', x: '0', y: '0' },
+            react_1.default.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
+        react_1.default.createElement("g", { mask: 'url(#mask0_1815_88553)' },
+            react_1.default.createElement("path", { d: 'M13.3332 18.5994C13.0498 18.5994 12.7748 18.5161 12.5332 18.3578L8.98316 15.9911H7.40814C7.21647 15.9911 7.03311 15.8994 6.91645 15.7494C6.79978 15.5911 6.75814 15.391 6.80814 15.2078C6.85814 15.0078 6.88314 14.8078 6.88314 14.5911C6.88314 13.9244 6.63314 13.2828 6.18314 12.7828C5.6748 12.2078 4.9498 11.8828 4.1748 11.8828C3.43314 11.8828 2.74979 12.1743 2.23312 12.6993C2.07479 12.866 1.83313 12.9244 1.61646 12.8661C1.3998 12.7994 1.2248 12.6244 1.1748 12.3994C1.09146 12.0328 1.0498 11.6328 1.0498 11.1994V6.19938C1.0498 3.33271 2.9748 1.40771 5.84147 1.40771H14.1748C17.0415 1.40771 18.9665 3.33271 18.9665 6.19938V11.1994C18.9665 12.5911 18.5082 13.791 17.6332 14.666C16.8998 15.3993 15.9248 15.8411 14.7998 15.9578V17.1411C14.7998 17.6828 14.4997 18.1743 14.0247 18.4327C13.7997 18.541 13.5665 18.5994 13.3332 18.5994ZM8.12479 14.7327H9.1665C9.2915 14.7327 9.40816 14.766 9.51649 14.841L13.2248 17.3161C13.3165 17.3744 13.3915 17.3493 13.4332 17.3243C13.4748 17.2993 13.5498 17.2493 13.5498 17.1327V15.3577C13.5498 15.016 13.8332 14.7327 14.1748 14.7327C15.2332 14.7327 16.1248 14.3994 16.7498 13.7744C17.3832 13.1411 17.7165 12.2493 17.7165 11.191V6.19104C17.7165 4.04104 16.3248 2.64937 14.1748 2.64937H5.84147C3.69147 2.64937 2.2998 4.04104 2.2998 6.19104V11.091C2.86647 10.7827 3.50814 10.6244 4.1748 10.6244C5.30814 10.6244 6.38313 11.1078 7.11646 11.9411C7.76646 12.6661 8.13314 13.5994 8.13314 14.5828C8.1248 14.6328 8.12479 14.6827 8.12479 14.7327Z', fill: 'currentColor' }),
+            react_1.default.createElement("path", { d: 'M4.16659 18.5417C1.98325 18.5417 0.208252 16.7667 0.208252 14.5833C0.208252 13.3667 0.749918 12.2417 1.69159 11.4917C2.39159 10.9333 3.27492 10.625 4.16659 10.625C6.34992 10.625 8.12492 12.4 8.12492 14.5833C8.12492 15.7167 7.63325 16.8 6.77492 17.55C6.04992 18.1917 5.12492 18.5417 4.16659 18.5417ZM4.16659 11.875C3.54992 11.875 2.96659 12.0833 2.47492 12.475C1.83325 12.9833 1.45825 13.7583 1.45825 14.5833C1.45825 16.075 2.67492 17.2917 4.16659 17.2917C4.81659 17.2917 5.44991 17.05 5.95824 16.6167C6.54158 16.1 6.87492 15.3667 6.87492 14.5833C6.87492 13.0917 5.65825 11.875 4.16659 11.875Z', fill: 'currentColor' }),
+            react_1.default.createElement("path", { d: 'M3.33308 16.0415C3.12475 16.0415 2.9164 15.9332 2.79974 15.7415C2.62474 15.4415 2.71641 15.0582 3.01641 14.8832L3.75809 14.4415V13.5415C3.75809 13.1998 4.04142 12.9165 4.38309 12.9165C4.72475 12.9165 5.00809 13.1998 5.00809 13.5415V14.7915C5.00809 15.0082 4.89141 15.2165 4.70808 15.3248L3.66641 15.9498C3.54975 16.0165 3.44141 16.0415 3.33308 16.0415Z', fill: 'currentColor' }),
+            react_1.default.createElement("path", { d: 'M12.9166 9.375H7.08325C6.74159 9.375 6.45825 9.09167 6.45825 8.75C6.45825 8.40833 6.74159 8.125 7.08325 8.125H12.9166C13.2583 8.125 13.5416 8.40833 13.5416 8.75C13.5416 9.09167 13.2583 9.375 12.9166 9.375Z', fill: 'currentColor' }))));
+}
+//# sourceMappingURL=chat.js.map

package/dist/cjs/components/MainWrapV4/assets/icon-v3/chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/chat.tsx"],"names":[],"mappings":";;AAGA,uBA0CC;;AA7CD,wDAAyB;AAGzB,SAAwB,IAAI,CAAC,EAAyD;QAAvD,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAC3E,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;YACvF,wCAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,qCAAG,IAAI,EAAC,wBAAwB;YAC9B,wCACE,CAAC,EAAC,goBAAgoB,EACloB,IAAI,EAAE,WAAW,GACjB;YACF,wCACE,CAAC,EAAC,6qBAA6qB,EAC/qB,IAAI,EAAE,WAAW,GACjB,CACA,CACA,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;YACvF,wCAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,qCAAG,IAAI,EAAC,wBAAwB;YAC9B,wCACE,CAAC,EAAC,07CAA07C,EAC57C,IAAI,EAAC,cAAc,GACnB;YACF,wCACE,CAAC,EAAC,klBAAklB,EACplB,IAAI,EAAC,cAAc,GACnB;YACF,wCACE,CAAC,EAAC,kWAAkW,EACpW,IAAI,EAAC,cAAc,GACnB;YACF,wCACE,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,cAAc,GACnB,CACA,CACA,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/MainWrapV4/assets/icon-v3/chat.tsx

@@ -0,0 +1,46 @@
+import React from 'react'
+import { IIcon } from '../../types'
+
+export default function Icon({ activeColor = 'currentColor', isActive = false }: IIcon) {
+  return isActive ? (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <mask height='20' id='mask0_1815_89040' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
+        <path d='M20 0H0V20H20V0Z' fill='white' />
+      </mask>
+      <g mask='url(#mask0_1815_89040)'>
+        <path
+          d='M4.16671 11.25C3.38337 11.25 2.65837 11.525 2.08337 11.9833C1.31671 12.5917 0.833374 13.5333 0.833374 14.5833C0.833374 16.425 2.32504 17.9167 4.16671 17.9167C5.00837 17.9167 5.77504 17.6 6.36671 17.0833C7.05837 16.475 7.50004 15.5833 7.50004 14.5833C7.50004 12.7417 6.00837 11.25 4.16671 11.25ZM5.00004 14.7917C5.00004 15.0083 4.88337 15.2167 4.70004 15.325L3.65837 15.95C3.55837 16.0167 3.44171 16.0417 3.33337 16.0417C3.12504 16.0417 2.91671 15.9333 2.80004 15.7417C2.62504 15.4417 2.71671 15.0583 3.01671 14.8833L3.75837 14.4417V13.5417C3.75837 13.2 4.04171 12.9167 4.38337 12.9167C4.72504 12.9167 5.00004 13.2 5.00004 13.5417V14.7917Z'
+          fill={activeColor}
+        />
+        <path
+          d='M14.375 2.0249H6.45833C4.08333 2.0249 2.5 3.60824 2.5 5.98324V9.69991C2.5 9.99158 2.8 10.1999 3.08333 10.1249C3.43333 10.0416 3.79167 9.99991 4.16667 9.99991C6.55 9.99991 8.51667 11.9332 8.73333 14.2749C8.75 14.5082 8.94167 14.6916 9.16667 14.6916H9.625L13.15 17.0416C13.6667 17.3916 14.375 17.0082 14.375 16.3749V14.6916C15.5583 14.6916 16.55 14.2916 17.2417 13.6082C17.9333 12.9082 18.3333 11.9166 18.3333 10.7332V5.98324C18.3333 3.60824 16.75 2.0249 14.375 2.0249ZM13.1917 9.00824H7.64167C7.31667 9.00824 7.05 8.74158 7.05 8.41658C7.05 8.08324 7.31667 7.81657 7.64167 7.81657H13.1917C13.5167 7.81657 13.7833 8.08324 13.7833 8.41658C13.7833 8.74158 13.5167 9.00824 13.1917 9.00824Z'
+          fill={activeColor}
+        />
+      </g>
+    </svg>
+  ) : (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <mask height='20' id='mask0_1815_88553' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
+        <path d='M20 0H0V20H20V0Z' fill='white' />
+      </mask>
+      <g mask='url(#mask0_1815_88553)'>
+        <path
+          d='M13.3332 18.5994C13.0498 18.5994 12.7748 18.5161 12.5332 18.3578L8.98316 15.9911H7.40814C7.21647 15.9911 7.03311 15.8994 6.91645 15.7494C6.79978 15.5911 6.75814 15.391 6.80814 15.2078C6.85814 15.0078 6.88314 14.8078 6.88314 14.5911C6.88314 13.9244 6.63314 13.2828 6.18314 12.7828C5.6748 12.2078 4.9498 11.8828 4.1748 11.8828C3.43314 11.8828 2.74979 12.1743 2.23312 12.6993C2.07479 12.866 1.83313 12.9244 1.61646 12.8661C1.3998 12.7994 1.2248 12.6244 1.1748 12.3994C1.09146 12.0328 1.0498 11.6328 1.0498 11.1994V6.19938C1.0498 3.33271 2.9748 1.40771 5.84147 1.40771H14.1748C17.0415 1.40771 18.9665 3.33271 18.9665 6.19938V11.1994C18.9665 12.5911 18.5082 13.791 17.6332 14.666C16.8998 15.3993 15.9248 15.8411 14.7998 15.9578V17.1411C14.7998 17.6828 14.4997 18.1743 14.0247 18.4327C13.7997 18.541 13.5665 18.5994 13.3332 18.5994ZM8.12479 14.7327H9.1665C9.2915 14.7327 9.40816 14.766 9.51649 14.841L13.2248 17.3161C13.3165 17.3744 13.3915 17.3493 13.4332 17.3243C13.4748 17.2993 13.5498 17.2493 13.5498 17.1327V15.3577C13.5498 15.016 13.8332 14.7327 14.1748 14.7327C15.2332 14.7327 16.1248 14.3994 16.7498 13.7744C17.3832 13.1411 17.7165 12.2493 17.7165 11.191V6.19104C17.7165 4.04104 16.3248 2.64937 14.1748 2.64937H5.84147C3.69147 2.64937 2.2998 4.04104 2.2998 6.19104V11.091C2.86647 10.7827 3.50814 10.6244 4.1748 10.6244C5.30814 10.6244 6.38313 11.1078 7.11646 11.9411C7.76646 12.6661 8.13314 13.5994 8.13314 14.5828C8.1248 14.6328 8.12479 14.6827 8.12479 14.7327Z'
+          fill='currentColor'
+        />
+        <path
+          d='M4.16659 18.5417C1.98325 18.5417 0.208252 16.7667 0.208252 14.5833C0.208252 13.3667 0.749918 12.2417 1.69159 11.4917C2.39159 10.9333 3.27492 10.625 4.16659 10.625C6.34992 10.625 8.12492 12.4 8.12492 14.5833C8.12492 15.7167 7.63325 16.8 6.77492 17.55C6.04992 18.1917 5.12492 18.5417 4.16659 18.5417ZM4.16659 11.875C3.54992 11.875 2.96659 12.0833 2.47492 12.475C1.83325 12.9833 1.45825 13.7583 1.45825 14.5833C1.45825 16.075 2.67492 17.2917 4.16659 17.2917C4.81659 17.2917 5.44991 17.05 5.95824 16.6167C6.54158 16.1 6.87492 15.3667 6.87492 14.5833C6.87492 13.0917 5.65825 11.875 4.16659 11.875Z'
+          fill='currentColor'
+        />
+        <path
+          d='M3.33308 16.0415C3.12475 16.0415 2.9164 15.9332 2.79974 15.7415C2.62474 15.4415 2.71641 15.0582 3.01641 14.8832L3.75809 14.4415V13.5415C3.75809 13.1998 4.04142 12.9165 4.38309 12.9165C4.72475 12.9165 5.00809 13.1998 5.00809 13.5415V14.7915C5.00809 15.0082 4.89141 15.2165 4.70808 15.3248L3.66641 15.9498C3.54975 16.0165 3.44141 16.0415 3.33308 16.0415Z'
+          fill='currentColor'
+        />
+        <path
+          d='M12.9166 9.375H7.08325C6.74159 9.375 6.45825 9.09167 6.45825 8.75C6.45825 8.40833 6.74159 8.125 7.08325 8.125H12.9166C13.2583 8.125 13.5416 8.40833 13.5416 8.75C13.5416 9.09167 13.2583 9.375 12.9166 9.375Z'
+          fill='currentColor'
+        />
+      </g>
+    </svg>
+  )
+}

package/dist/cjs/components/MainWrapV4/assets/icon-v3/cua-hang.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IIcon } from '../../types';
+export default function Icon({ activeColor, isActive }: IIcon): React.JSX.Element;

package/dist/cjs/components/MainWrapV4/assets/icon-v3/cua-hang.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Icon;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+function Icon(_a) {
+    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c;
+    return isActive ? (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        react_1.default.createElement("mask", { height: '20', id: 'mask0_1815_89062', maskUnits: 'userSpaceOnUse', width: '20', x: '0', y: '0' },
+            react_1.default.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
+        react_1.default.createElement("g", { mask: 'url(#mask0_1815_89062)' },
+            react_1.default.createElement("path", { d: 'M18.6333 6.8915L18.3916 4.58317C18.0416 2.0665 16.9 1.0415 14.4583 1.0415H12.4916H11.2583H8.72496H7.49162H5.49162C3.04162 1.0415 1.90829 2.0665 1.54995 4.60817L1.32495 6.89984C1.24162 7.7915 1.48329 8.65817 2.00829 9.33317C2.64162 10.1582 3.61662 10.6248 4.69995 10.6248C5.74995 10.6248 6.75829 10.0998 7.39162 9.25817C7.95829 10.0998 8.92496 10.6248 9.99996 10.6248C11.075 10.6248 12.0166 10.1248 12.5916 9.2915C13.2333 10.1165 14.225 10.6248 15.2583 10.6248C16.3666 10.6248 17.3666 10.1332 17.9916 9.2665C18.4916 8.59984 18.7166 7.75817 18.6333 6.8915Z', fill: activeColor }),
+            react_1.default.createElement("path", { d: 'M9.45841 13.8834C8.40008 13.9917 7.6001 14.8917 7.6001 15.9584V18.2417C7.6001 18.4667 7.78343 18.65 8.00843 18.65H11.9834C12.2084 18.65 12.3917 18.4667 12.3917 18.2417V16.25C12.4001 14.5084 11.3751 13.6834 9.45841 13.8834Z', fill: activeColor }),
+            react_1.default.createElement("path", { d: 'M17.8083 12.0001V14.4834C17.8083 16.7834 15.9417 18.6501 13.6417 18.6501C13.4167 18.6501 13.2333 18.4667 13.2333 18.2417V16.2501C13.2333 15.1834 12.9083 14.3501 12.275 13.7834C11.7167 13.2751 10.9583 13.0251 10.0167 13.0251C9.80833 13.0251 9.6 13.0334 9.375 13.0584C7.89165 13.2084 6.76665 14.4584 6.76665 15.9584V18.2417C6.76665 18.4667 6.58332 18.6501 6.35832 18.6501C4.05832 18.6501 2.19165 16.7834 2.19165 14.4834V12.0167C2.19165 11.4334 2.76665 11.0417 3.30832 11.2334C3.53332 11.3084 3.75832 11.3667 3.99165 11.4001C4.09165 11.4167 4.19998 11.4334 4.29998 11.4334C4.43332 11.4501 4.56665 11.4584 4.69998 11.4584C5.66665 11.4584 6.61665 11.1001 7.36665 10.4834C8.08332 11.1001 9.01667 11.4584 10 11.4584C10.9917 11.4584 11.9083 11.1167 12.625 10.5001C13.375 11.1084 14.3083 11.4584 15.2583 11.4584C15.4083 11.4584 15.5583 11.4501 15.7 11.4334C15.8 11.4251 15.8917 11.4167 15.9833 11.4001C16.2417 11.3667 16.475 11.2917 16.7083 11.2167C17.25 11.0334 17.8083 11.4334 17.8083 12.0001Z', fill: activeColor })))) : (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        react_1.default.createElement("mask", { height: '20', id: 'mask0_1815_88574', maskUnits: 'userSpaceOnUse', width: '20', x: '0', y: '0' },
+            react_1.default.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
+        react_1.default.createElement("g", { mask: 'url(#mask0_1815_88574)' },
+            react_1.default.createElement("path", { d: 'M2.5083 9.35059V13.0923C2.5083 16.8339 4.0083 18.3339 7.74997 18.3339H12.2416C15.9833 18.3339 17.4833 16.8339 17.4833 13.0923V9.35059', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.25' }),
+            react_1.default.createElement("path", { d: 'M10 9.99984C11.525 9.99984 12.65 8.75817 12.5 7.23317L11.95 1.6665H8.05832L7.49999 7.23317C7.34999 8.75817 8.475 9.99984 10 9.99984Z', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.25' }),
+            react_1.default.createElement("path", { d: 'M15.2582 9.99984C16.9415 9.99984 18.1748 8.63317 18.0082 6.95817L17.7748 4.6665C17.4748 2.49984 16.6415 1.6665 14.4582 1.6665H11.9165L12.4998 7.50817C12.6415 8.88317 13.8832 9.99984 15.2582 9.99984Z', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.25' }),
+            react_1.default.createElement("path", { d: 'M4.6999 9.99984C6.0749 9.99984 7.31657 8.88317 7.4499 7.50817L7.63324 5.6665L8.03324 1.6665H5.49157C3.30824 1.6665 2.4749 2.49984 2.1749 4.6665L1.9499 6.95817C1.78324 8.63317 3.01657 9.99984 4.6999 9.99984Z', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.25' }),
+            react_1.default.createElement("path", { d: 'M9.99984 14.1665C8.60817 14.1665 7.9165 14.8582 7.9165 16.2498V18.3332H12.0832V16.2498C12.0832 14.8582 11.3915 14.1665 9.99984 14.1665Z', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.25' }))));
+}
+//# sourceMappingURL=cua-hang.js.map

package/dist/cjs/components/MainWrapV4/assets/icon-v3/cua-hang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cua-hang.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/cua-hang.tsx"],"names":[],"mappings":";;AAGA,uBAiEC;;AApED,wDAAyB;AAGzB,SAAwB,IAAI,CAAC,EAAyD;QAAvD,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAC3E,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;YACvF,wCAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,qCAAG,IAAI,EAAC,wBAAwB;YAC9B,wCACE,CAAC,EAAC,4iBAA4iB,EAC9iB,IAAI,EAAE,WAAW,GACjB;YACF,wCACE,CAAC,EAAC,gOAAgO,EAClO,IAAI,EAAE,WAAW,GACjB;YACF,wCACE,CAAC,EAAC,49BAA49B,EAC99B,IAAI,EAAE,WAAW,GACjB,CACA,CACA,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;YACvF,wCAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,qCAAG,IAAI,EAAC,wBAAwB;YAC9B,wCACE,CAAC,EAAC,uIAAuI,EACzI,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,MAAM,GAClB;YACF,wCACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,MAAM,GAClB;YACF,wCACE,CAAC,EAAC,wMAAwM,EAC1M,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,MAAM,GAClB;YACF,wCACE,CAAC,EAAC,gNAAgN,EAClN,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,MAAM,GAClB;YACF,wCACE,CAAC,EAAC,yIAAyI,EAC3I,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,MAAM,GAClB,CACA,CACA,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/MainWrapV4/assets/icon-v3/cua-hang.tsx

@@ -0,0 +1,69 @@
+import React from 'react'
+import { IIcon } from '../../types'
+
+export default function Icon({ activeColor = 'currentColor', isActive = false }: IIcon) {
+  return isActive ? (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <mask height='20' id='mask0_1815_89062' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
+        <path d='M20 0H0V20H20V0Z' fill='white' />
+      </mask>
+      <g mask='url(#mask0_1815_89062)'>
+        <path
+          d='M18.6333 6.8915L18.3916 4.58317C18.0416 2.0665 16.9 1.0415 14.4583 1.0415H12.4916H11.2583H8.72496H7.49162H5.49162C3.04162 1.0415 1.90829 2.0665 1.54995 4.60817L1.32495 6.89984C1.24162 7.7915 1.48329 8.65817 2.00829 9.33317C2.64162 10.1582 3.61662 10.6248 4.69995 10.6248C5.74995 10.6248 6.75829 10.0998 7.39162 9.25817C7.95829 10.0998 8.92496 10.6248 9.99996 10.6248C11.075 10.6248 12.0166 10.1248 12.5916 9.2915C13.2333 10.1165 14.225 10.6248 15.2583 10.6248C16.3666 10.6248 17.3666 10.1332 17.9916 9.2665C18.4916 8.59984 18.7166 7.75817 18.6333 6.8915Z'
+          fill={activeColor}
+        />
+        <path
+          d='M9.45841 13.8834C8.40008 13.9917 7.6001 14.8917 7.6001 15.9584V18.2417C7.6001 18.4667 7.78343 18.65 8.00843 18.65H11.9834C12.2084 18.65 12.3917 18.4667 12.3917 18.2417V16.25C12.4001 14.5084 11.3751 13.6834 9.45841 13.8834Z'
+          fill={activeColor}
+        />
+        <path
+          d='M17.8083 12.0001V14.4834C17.8083 16.7834 15.9417 18.6501 13.6417 18.6501C13.4167 18.6501 13.2333 18.4667 13.2333 18.2417V16.2501C13.2333 15.1834 12.9083 14.3501 12.275 13.7834C11.7167 13.2751 10.9583 13.0251 10.0167 13.0251C9.80833 13.0251 9.6 13.0334 9.375 13.0584C7.89165 13.2084 6.76665 14.4584 6.76665 15.9584V18.2417C6.76665 18.4667 6.58332 18.6501 6.35832 18.6501C4.05832 18.6501 2.19165 16.7834 2.19165 14.4834V12.0167C2.19165 11.4334 2.76665 11.0417 3.30832 11.2334C3.53332 11.3084 3.75832 11.3667 3.99165 11.4001C4.09165 11.4167 4.19998 11.4334 4.29998 11.4334C4.43332 11.4501 4.56665 11.4584 4.69998 11.4584C5.66665 11.4584 6.61665 11.1001 7.36665 10.4834C8.08332 11.1001 9.01667 11.4584 10 11.4584C10.9917 11.4584 11.9083 11.1167 12.625 10.5001C13.375 11.1084 14.3083 11.4584 15.2583 11.4584C15.4083 11.4584 15.5583 11.4501 15.7 11.4334C15.8 11.4251 15.8917 11.4167 15.9833 11.4001C16.2417 11.3667 16.475 11.2917 16.7083 11.2167C17.25 11.0334 17.8083 11.4334 17.8083 12.0001Z'
+          fill={activeColor}
+        />
+      </g>
+    </svg>
+  ) : (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <mask height='20' id='mask0_1815_88574' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
+        <path d='M20 0H0V20H20V0Z' fill='white' />
+      </mask>
+      <g mask='url(#mask0_1815_88574)'>
+        <path
+          d='M2.5083 9.35059V13.0923C2.5083 16.8339 4.0083 18.3339 7.74997 18.3339H12.2416C15.9833 18.3339 17.4833 16.8339 17.4833 13.0923V9.35059'
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth='1.25'
+        />
+        <path
+          d='M10 9.99984C11.525 9.99984 12.65 8.75817 12.5 7.23317L11.95 1.6665H8.05832L7.49999 7.23317C7.34999 8.75817 8.475 9.99984 10 9.99984Z'
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth='1.25'
+        />
+        <path
+          d='M15.2582 9.99984C16.9415 9.99984 18.1748 8.63317 18.0082 6.95817L17.7748 4.6665C17.4748 2.49984 16.6415 1.6665 14.4582 1.6665H11.9165L12.4998 7.50817C12.6415 8.88317 13.8832 9.99984 15.2582 9.99984Z'
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth='1.25'
+        />
+        <path
+          d='M4.6999 9.99984C6.0749 9.99984 7.31657 8.88317 7.4499 7.50817L7.63324 5.6665L8.03324 1.6665H5.49157C3.30824 1.6665 2.4749 2.49984 2.1749 4.6665L1.9499 6.95817C1.78324 8.63317 3.01657 9.99984 4.6999 9.99984Z'
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth='1.25'
+        />
+        <path
+          d='M9.99984 14.1665C8.60817 14.1665 7.9165 14.8582 7.9165 16.2498V18.3332H12.0832V16.2498C12.0832 14.8582 11.3915 14.1665 9.99984 14.1665Z'
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth='1.25'
+        />
+      </g>
+    </svg>
+  )
+}

package/dist/cjs/components/MainWrapV4/assets/icon-v3/diem-danh.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IIcon } from '../../types';
+export default function DiemDanhIcon({ activeColor, isActive }: IIcon): React.JSX.Element;

package/dist/cjs/components/MainWrapV4/assets/icon-v3/diem-danh.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = DiemDanhIcon;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+function DiemDanhIcon(_a) {
+    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c;
+    return isActive ? (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        react_1.default.createElement("mask", { height: '20', id: 'mask0_1815_88997', maskUnits: 'userSpaceOnUse', width: '20', x: '0', y: '0' },
+            react_1.default.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
+        react_1.default.createElement("g", { mask: 'url(#mask0_1815_88997)' },
+            react_1.default.createElement("path", { d: 'M9.99996 1.6665C7.81663 1.6665 6.04163 3.4415 6.04163 5.62484C6.04163 7.7665 7.71663 9.49984 9.89996 9.57484C9.96663 9.5665 10.0333 9.5665 10.0833 9.57484C10.1 9.57484 10.1083 9.57484 10.125 9.57484C10.1333 9.57484 10.1333 9.57484 10.1416 9.57484C12.275 9.49984 13.95 7.7665 13.9583 5.62484C13.9583 3.4415 12.1833 1.6665 9.99996 1.6665Z', fill: activeColor }),
+            react_1.default.createElement("path", { d: 'M14.2333 11.7997C11.9083 10.2497 8.11663 10.2497 5.77497 11.7997C4.71663 12.4997 4.1333 13.458 4.1333 14.483C4.1333 15.508 4.71663 16.458 5.76663 17.158C6.9333 17.9414 8.46667 18.333 10 18.333C11.5333 18.333 13.0667 17.9414 14.2333 17.158C15.2833 16.4497 15.8667 15.4997 15.8667 14.4664C15.8583 13.4497 15.2833 12.4914 14.2333 11.7997ZM11.9417 13.7997L9.84167 15.8997C9.74167 15.9997 9.60833 16.0497 9.475 16.0497C9.34167 16.0497 9.20833 15.9914 9.10833 15.8997L8.0583 14.8497C7.8583 14.6497 7.8583 14.3164 8.0583 14.1164C8.2583 13.9164 8.59167 13.9164 8.79167 14.1164L9.475 14.7997L11.2083 13.0664C11.4083 12.8664 11.7417 12.8664 11.9417 13.0664C12.15 13.2664 12.15 13.5997 11.9417 13.7997Z', fill: activeColor })))) : (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        react_1.default.createElement("mask", { height: '20', id: 'mask0_1815_88511', maskUnits: 'userSpaceOnUse', width: '20', x: '0', y: '0' },
+            react_1.default.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
+        react_1.default.createElement("g", { mask: 'url(#mask0_1815_88511)' },
+            react_1.default.createElement("path", { d: 'M13.3 17.7661C13.1417 17.7661 12.9833 17.7078 12.8583 17.5828L11.5917 16.3161C11.35 16.0744 11.35 15.6744 11.5917 15.4328C11.8333 15.1911 12.2333 15.1911 12.475 15.4328L13.3 16.2578L15.3917 14.1661C15.6333 13.9244 16.0333 13.9244 16.275 14.1661C16.5167 14.4078 16.5167 14.8078 16.275 15.0494L13.7417 17.5828C13.6167 17.7078 13.4583 17.7661 13.3 17.7661Z', fill: 'currentColor' }),
+            react_1.default.createElement("path", { d: 'M10.1335 9.68317C10.1085 9.68317 10.0918 9.68317 10.0668 9.68317C10.0252 9.67484 9.96683 9.67484 9.91683 9.68317C7.50015 9.60817 5.67516 7.70817 5.67516 5.3665C5.66683 4.2165 6.11682 3.13317 6.93349 2.3165C7.75015 1.49984 8.8335 1.0415 9.99183 1.0415C12.3752 1.0415 14.3168 2.98317 14.3168 5.3665C14.3168 7.70817 12.4918 9.59984 10.1585 9.68317C10.1502 9.68317 10.1418 9.68317 10.1335 9.68317ZM9.99183 2.2915C9.16683 2.2915 8.40016 2.6165 7.81683 3.1915C7.24183 3.77484 6.92516 4.5415 6.92516 5.35817C6.92516 7.02484 8.22515 8.37484 9.8835 8.42484C9.9335 8.4165 10.0418 8.4165 10.1502 8.42484C11.7918 8.34984 13.0668 7.00817 13.0668 5.35817C13.0668 3.67484 11.6835 2.2915 9.99183 2.2915Z', fill: 'currentColor' }),
+            react_1.default.createElement("path", { d: 'M9.99175 18.7996C8.29172 18.7996 6.68338 18.3579 5.46672 17.5412C4.30838 16.7662 3.67505 15.7079 3.67505 14.5662C3.67505 13.4246 4.31672 12.3746 5.46672 11.6079C7.95838 9.94124 12.0084 9.94124 14.5001 11.6079C14.7834 11.7996 14.8667 12.1912 14.6751 12.4746C14.4834 12.7662 14.0917 12.8412 13.8084 12.6496C11.7334 11.2662 8.23338 11.2662 6.15838 12.6496C5.35838 13.1829 4.92505 13.8579 4.92505 14.5662C4.92505 15.2746 5.35838 15.9662 6.15838 16.4996C7.16672 17.1746 8.52508 17.5412 9.98342 17.5412C10.3251 17.5412 10.6084 17.8246 10.6084 18.1662C10.6084 18.5079 10.3334 18.7996 9.99175 18.7996Z', fill: 'currentColor' }))));
+}
+//# sourceMappingURL=diem-danh.js.map

package/dist/cjs/components/MainWrapV4/assets/icon-v3/diem-danh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diem-danh.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/diem-danh.tsx"],"names":[],"mappings":";;AAGA,+BAsCC;;AAzCD,wDAAyB;AAGzB,SAAwB,YAAY,CAAC,EAAyD;QAAvD,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IACnF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;YACvF,wCAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,qCAAG,IAAI,EAAC,wBAAwB;YAC9B,wCACE,CAAC,EAAC,kVAAkV,EACpV,IAAI,EAAE,WAAW,GACjB;YACF,wCACE,CAAC,EAAC,qrBAAqrB,EACvrB,IAAI,EAAE,WAAW,GACjB,CACA,CACA,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;YACvF,wCAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,qCAAG,IAAI,EAAC,wBAAwB;YAC9B,wCACE,CAAC,EAAC,mWAAmW,EACrW,IAAI,EAAC,cAAc,GACnB;YACF,wCACE,CAAC,EAAC,irBAAirB,EACnrB,IAAI,EAAC,cAAc,GACnB;YACF,wCACE,CAAC,EAAC,mlBAAmlB,EACrlB,IAAI,EAAC,cAAc,GACnB,CACA,CACA,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/MainWrapV4/assets/icon-v3/diem-danh.tsx

@@ -0,0 +1,42 @@
+import React from 'react'
+import { IIcon } from '../../types'
+
+export default function DiemDanhIcon({ activeColor = 'currentColor', isActive = false }: IIcon) {
+  return isActive ? (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <mask height='20' id='mask0_1815_88997' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
+        <path d='M20 0H0V20H20V0Z' fill='white' />
+      </mask>
+      <g mask='url(#mask0_1815_88997)'>
+        <path
+          d='M9.99996 1.6665C7.81663 1.6665 6.04163 3.4415 6.04163 5.62484C6.04163 7.7665 7.71663 9.49984 9.89996 9.57484C9.96663 9.5665 10.0333 9.5665 10.0833 9.57484C10.1 9.57484 10.1083 9.57484 10.125 9.57484C10.1333 9.57484 10.1333 9.57484 10.1416 9.57484C12.275 9.49984 13.95 7.7665 13.9583 5.62484C13.9583 3.4415 12.1833 1.6665 9.99996 1.6665Z'
+          fill={activeColor}
+        />
+        <path
+          d='M14.2333 11.7997C11.9083 10.2497 8.11663 10.2497 5.77497 11.7997C4.71663 12.4997 4.1333 13.458 4.1333 14.483C4.1333 15.508 4.71663 16.458 5.76663 17.158C6.9333 17.9414 8.46667 18.333 10 18.333C11.5333 18.333 13.0667 17.9414 14.2333 17.158C15.2833 16.4497 15.8667 15.4997 15.8667 14.4664C15.8583 13.4497 15.2833 12.4914 14.2333 11.7997ZM11.9417 13.7997L9.84167 15.8997C9.74167 15.9997 9.60833 16.0497 9.475 16.0497C9.34167 16.0497 9.20833 15.9914 9.10833 15.8997L8.0583 14.8497C7.8583 14.6497 7.8583 14.3164 8.0583 14.1164C8.2583 13.9164 8.59167 13.9164 8.79167 14.1164L9.475 14.7997L11.2083 13.0664C11.4083 12.8664 11.7417 12.8664 11.9417 13.0664C12.15 13.2664 12.15 13.5997 11.9417 13.7997Z'
+          fill={activeColor}
+        />
+      </g>
+    </svg>
+  ) : (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <mask height='20' id='mask0_1815_88511' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
+        <path d='M20 0H0V20H20V0Z' fill='white' />
+      </mask>
+      <g mask='url(#mask0_1815_88511)'>
+        <path
+          d='M13.3 17.7661C13.1417 17.7661 12.9833 17.7078 12.8583 17.5828L11.5917 16.3161C11.35 16.0744 11.35 15.6744 11.5917 15.4328C11.8333 15.1911 12.2333 15.1911 12.475 15.4328L13.3 16.2578L15.3917 14.1661C15.6333 13.9244 16.0333 13.9244 16.275 14.1661C16.5167 14.4078 16.5167 14.8078 16.275 15.0494L13.7417 17.5828C13.6167 17.7078 13.4583 17.7661 13.3 17.7661Z'
+          fill='currentColor'
+        />
+        <path
+          d='M10.1335 9.68317C10.1085 9.68317 10.0918 9.68317 10.0668 9.68317C10.0252 9.67484 9.96683 9.67484 9.91683 9.68317C7.50015 9.60817 5.67516 7.70817 5.67516 5.3665C5.66683 4.2165 6.11682 3.13317 6.93349 2.3165C7.75015 1.49984 8.8335 1.0415 9.99183 1.0415C12.3752 1.0415 14.3168 2.98317 14.3168 5.3665C14.3168 7.70817 12.4918 9.59984 10.1585 9.68317C10.1502 9.68317 10.1418 9.68317 10.1335 9.68317ZM9.99183 2.2915C9.16683 2.2915 8.40016 2.6165 7.81683 3.1915C7.24183 3.77484 6.92516 4.5415 6.92516 5.35817C6.92516 7.02484 8.22515 8.37484 9.8835 8.42484C9.9335 8.4165 10.0418 8.4165 10.1502 8.42484C11.7918 8.34984 13.0668 7.00817 13.0668 5.35817C13.0668 3.67484 11.6835 2.2915 9.99183 2.2915Z'
+          fill='currentColor'
+        />
+        <path
+          d='M9.99175 18.7996C8.29172 18.7996 6.68338 18.3579 5.46672 17.5412C4.30838 16.7662 3.67505 15.7079 3.67505 14.5662C3.67505 13.4246 4.31672 12.3746 5.46672 11.6079C7.95838 9.94124 12.0084 9.94124 14.5001 11.6079C14.7834 11.7996 14.8667 12.1912 14.6751 12.4746C14.4834 12.7662 14.0917 12.8412 13.8084 12.6496C11.7334 11.2662 8.23338 11.2662 6.15838 12.6496C5.35838 13.1829 4.92505 13.8579 4.92505 14.5662C4.92505 15.2746 5.35838 15.9662 6.15838 16.4996C7.16672 17.1746 8.52508 17.5412 9.98342 17.5412C10.3251 17.5412 10.6084 17.8246 10.6084 18.1662C10.6084 18.5079 10.3334 18.7996 9.99175 18.7996Z'
+          fill='currentColor'
+        />
+      </g>
+    </svg>
+  )
+}

package/dist/cjs/components/MainWrapV4/assets/icon-v3/diem-van-minh.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IIcon } from '../../types';
+export default function Icon({ activeColor, isActive }: IIcon): React.JSX.Element;

package/dist/cjs/components/MainWrapV4/assets/icon-v3/diem-van-minh.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Icon;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+function Icon(_a) {
+    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c;
+    return isActive ? (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        react_1.default.createElement("mask", { height: '20', id: 'mask0_1815_89003', maskUnits: 'userSpaceOnUse', width: '20', x: '0', y: '0' },
+            react_1.default.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
+        react_1.default.createElement("g", { mask: 'url(#mask0_1815_89003)' },
+            react_1.default.createElement("path", { d: 'M14.7167 18.8918C14.275 18.8918 13.7084 18.7501 13 18.3334L10.5084 16.8584C10.25 16.7084 9.75004 16.7084 9.50004 16.8584L7.00006 18.3334C5.52506 19.2084 4.65839 18.8584 4.26672 18.5751C3.88339 18.2918 3.28339 17.5668 3.67506 15.9001L4.26672 13.3418C4.33339 13.0751 4.20006 12.6168 4.00006 12.4168L1.93339 10.3501C0.900058 9.31676 0.983391 8.43342 1.12506 8.0001C1.26672 7.56676 1.71672 6.8001 3.15006 6.55843L5.80839 6.11676C6.05839 6.0751 6.41672 5.80843 6.52506 5.58343L8.00006 2.64176C8.66671 1.3001 9.54171 1.1001 10 1.1001C10.4584 1.1001 11.3334 1.3001 12 2.64176L13.4667 5.5751C13.5834 5.8001 13.9417 6.06676 14.1917 6.10843L16.85 6.5501C18.2917 6.79176 18.7417 7.55843 18.875 7.99176C19.0084 8.42509 19.0917 9.30842 18.0667 10.3418L16 12.4168C15.8 12.6168 15.675 13.0668 15.7334 13.3418L16.325 15.9001C16.7084 17.5668 16.1167 18.2918 15.7334 18.5751C15.525 18.7251 15.1917 18.8918 14.7167 18.8918Z', fill: activeColor })))) : (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        react_1.default.createElement("mask", { height: '20', id: 'mask0_1815_88529', maskUnits: 'userSpaceOnUse', width: '20', x: '0', y: '0' },
+            react_1.default.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
+        react_1.default.createElement("g", { mask: 'url(#mask0_1815_88529)' },
+            react_1.default.createElement("path", { d: 'M9.99976 1.51709C10.1675 1.51709 10.4232 1.55298 10.7058 1.72412C10.9877 1.89487 11.323 2.21634 11.6267 2.82764H11.6277L13.0974 5.76709C13.1965 5.95791 13.37 6.12597 13.532 6.24561C13.6934 6.3648 13.9076 6.48301 14.1238 6.51904L16.781 6.96143C17.4358 7.07118 17.8333 7.29381 18.0759 7.51025C18.3194 7.72759 18.4291 7.95822 18.4773 8.11475C18.5274 8.27766 18.5703 8.53231 18.4988 8.85107C18.4275 9.16858 18.2355 9.57911 17.7712 10.0474L15.7048 12.1226C15.5365 12.2911 15.4285 12.5276 15.3689 12.7368C15.3239 12.8947 15.2958 13.0773 15.3044 13.2544L15.3259 13.4282L15.3279 13.436L15.9187 15.9927V15.9937C16.0968 16.7682 16.0403 17.2841 15.9236 17.6196C15.8087 17.9497 15.625 18.136 15.49 18.2368C15.3368 18.3471 15.0865 18.4751 14.7166 18.4751C14.3663 18.475 13.8714 18.3628 13.2107 17.9741L10.7205 16.4995L10.7175 16.4985L10.6345 16.4546C10.435 16.3624 10.2019 16.3296 10.0007 16.3296C9.80077 16.3296 9.56762 16.3622 9.3689 16.4565L9.28882 16.4995L6.78882 17.9741L6.78784 17.9751C6.10246 18.3817 5.5942 18.4828 5.23999 18.4722C4.88978 18.4616 4.65482 18.3406 4.51343 18.2388C4.37694 18.1376 4.19032 17.9504 4.07397 17.6187C3.95671 17.2841 3.89905 16.7692 4.08081 15.9956V15.9937L4.67261 13.436L4.67163 13.4351C4.72725 13.2041 4.69335 12.9457 4.63354 12.7388C4.57261 12.528 4.4624 12.2904 4.29468 12.1226L2.22827 10.0552C1.75924 9.58612 1.56582 9.17531 1.49487 8.85889C1.42366 8.54117 1.4691 8.28888 1.52124 8.12939C1.57394 7.96828 1.68629 7.73591 1.93042 7.51807C2.17355 7.30113 2.56942 7.07884 3.21948 6.96924L3.21851 6.96826L5.87671 6.52783C6.09286 6.49181 6.30717 6.37344 6.46851 6.25342C6.62779 6.13488 6.80032 5.96462 6.89624 5.76904L6.89722 5.77002L8.3728 2.82861L8.37378 2.82764C8.6774 2.21658 9.01191 1.89492 9.2937 1.72412C9.57622 1.55297 9.832 1.51715 9.99976 1.51709ZM9.99976 1.94189C9.7035 1.94204 9.44913 2.09903 9.25757 2.28271C9.06148 2.47075 8.88836 2.72611 8.74487 3.021L7.26929 5.95459V5.95557C7.1587 6.17671 6.95931 6.40411 6.70874 6.58936C6.52082 6.72826 6.31862 6.83222 6.12671 6.89307L5.93921 6.93896L3.28979 7.38037C2.97227 7.43194 2.68413 7.52463 2.4519 7.65771C2.22449 7.78815 2.0117 7.98147 1.92163 8.25146C1.82863 8.53046 1.89551 8.81847 2.00659 9.05518C2.12027 9.29738 2.3038 9.53708 2.53101 9.76025V9.76123L4.59741 11.8276C4.78788 12.0181 4.94593 12.3022 5.03784 12.6226C5.12955 12.9423 5.14582 13.2668 5.08569 13.5308L4.4939 16.0894C4.39047 16.5347 4.36779 16.903 4.40796 17.1948C4.44607 17.4713 4.55247 17.7467 4.77515 17.9058C4.99447 18.0622 5.28466 18.0767 5.55835 18.0288C5.84675 17.9783 6.18924 17.8473 6.58374 17.6187L6.58765 17.6167L9.07886 16.1421L9.08276 16.1401C9.32322 15.9946 9.65361 15.9088 9.99976 15.9087C10.3444 15.9087 10.6778 15.993 10.9294 16.1411V16.1421L13.4197 17.6147V17.6157C13.8126 17.8505 14.1573 17.9832 14.449 18.0327C14.7264 18.0798 15.0171 18.0608 15.2341 17.9058C15.4607 17.7439 15.5614 17.4611 15.5974 17.189C15.6359 16.8983 15.6142 16.5324 15.5154 16.0923L15.5144 16.0894L14.9226 13.5308C14.7975 12.9813 15.0114 12.2366 15.4119 11.8276L17.4783 9.76123C17.7058 9.53364 17.8871 9.29275 17.9998 9.05127C18.1099 8.81498 18.1732 8.53478 18.0906 8.26221L18.0867 8.25146C17.9965 7.98142 17.7839 7.78813 17.5564 7.65771C17.3238 7.52444 17.0356 7.4319 16.7175 7.38037H16.7185L14.0603 6.93896H14.0613C13.818 6.89788 13.5423 6.77451 13.2917 6.58936C13.0412 6.40413 12.8418 6.17669 12.7312 5.95557L11.2644 3.02197C11.1166 2.7263 10.9406 2.47007 10.7429 2.28174C10.551 2.09894 10.2961 1.94189 9.99976 1.94189Z', fill: 'currentColor', stroke: 'currentColor', strokeWidth: '0.833333' }))));
+}
+//# sourceMappingURL=diem-van-minh.js.map

package/dist/cjs/components/MainWrapV4/assets/icon-v3/diem-van-minh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diem-van-minh.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/diem-van-minh.tsx"],"names":[],"mappings":";;AAGA,uBA4BC;;AA/BD,wDAAyB;AAGzB,SAAwB,IAAI,CAAC,EAAyD;QAAvD,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAC3E,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;YACvF,wCAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,qCAAG,IAAI,EAAC,wBAAwB;YAC9B,wCACE,CAAC,EAAC,04BAA04B,EAC54B,IAAI,EAAE,WAAW,GACjB,CACA,CACA,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;YACvF,wCAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,qCAAG,IAAI,EAAC,wBAAwB;YAC9B,wCACE,CAAC,EAAC,o4GAAo4G,EACt4G,IAAI,EAAC,cAAc,EACnB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,UAAU,GACtB,CACA,CACA,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/MainWrapV4/assets/icon-v3/diem-van-minh.tsx

@@ -0,0 +1,32 @@
+import React from 'react'
+import { IIcon } from '../../types'
+
+export default function Icon({ activeColor = 'currentColor', isActive = false }: IIcon) {
+  return isActive ? (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <mask height='20' id='mask0_1815_89003' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
+        <path d='M20 0H0V20H20V0Z' fill='white' />
+      </mask>
+      <g mask='url(#mask0_1815_89003)'>
+        <path
+          d='M14.7167 18.8918C14.275 18.8918 13.7084 18.7501 13 18.3334L10.5084 16.8584C10.25 16.7084 9.75004 16.7084 9.50004 16.8584L7.00006 18.3334C5.52506 19.2084 4.65839 18.8584 4.26672 18.5751C3.88339 18.2918 3.28339 17.5668 3.67506 15.9001L4.26672 13.3418C4.33339 13.0751 4.20006 12.6168 4.00006 12.4168L1.93339 10.3501C0.900058 9.31676 0.983391 8.43342 1.12506 8.0001C1.26672 7.56676 1.71672 6.8001 3.15006 6.55843L5.80839 6.11676C6.05839 6.0751 6.41672 5.80843 6.52506 5.58343L8.00006 2.64176C8.66671 1.3001 9.54171 1.1001 10 1.1001C10.4584 1.1001 11.3334 1.3001 12 2.64176L13.4667 5.5751C13.5834 5.8001 13.9417 6.06676 14.1917 6.10843L16.85 6.5501C18.2917 6.79176 18.7417 7.55843 18.875 7.99176C19.0084 8.42509 19.0917 9.30842 18.0667 10.3418L16 12.4168C15.8 12.6168 15.675 13.0668 15.7334 13.3418L16.325 15.9001C16.7084 17.5668 16.1167 18.2918 15.7334 18.5751C15.525 18.7251 15.1917 18.8918 14.7167 18.8918Z'
+          fill={activeColor}
+        />
+      </g>
+    </svg>
+  ) : (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <mask height='20' id='mask0_1815_88529' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
+        <path d='M20 0H0V20H20V0Z' fill='white' />
+      </mask>
+      <g mask='url(#mask0_1815_88529)'>
+        <path
+          d='M9.99976 1.51709C10.1675 1.51709 10.4232 1.55298 10.7058 1.72412C10.9877 1.89487 11.323 2.21634 11.6267 2.82764H11.6277L13.0974 5.76709C13.1965 5.95791 13.37 6.12597 13.532 6.24561C13.6934 6.3648 13.9076 6.48301 14.1238 6.51904L16.781 6.96143C17.4358 7.07118 17.8333 7.29381 18.0759 7.51025C18.3194 7.72759 18.4291 7.95822 18.4773 8.11475C18.5274 8.27766 18.5703 8.53231 18.4988 8.85107C18.4275 9.16858 18.2355 9.57911 17.7712 10.0474L15.7048 12.1226C15.5365 12.2911 15.4285 12.5276 15.3689 12.7368C15.3239 12.8947 15.2958 13.0773 15.3044 13.2544L15.3259 13.4282L15.3279 13.436L15.9187 15.9927V15.9937C16.0968 16.7682 16.0403 17.2841 15.9236 17.6196C15.8087 17.9497 15.625 18.136 15.49 18.2368C15.3368 18.3471 15.0865 18.4751 14.7166 18.4751C14.3663 18.475 13.8714 18.3628 13.2107 17.9741L10.7205 16.4995L10.7175 16.4985L10.6345 16.4546C10.435 16.3624 10.2019 16.3296 10.0007 16.3296C9.80077 16.3296 9.56762 16.3622 9.3689 16.4565L9.28882 16.4995L6.78882 17.9741L6.78784 17.9751C6.10246 18.3817 5.5942 18.4828 5.23999 18.4722C4.88978 18.4616 4.65482 18.3406 4.51343 18.2388C4.37694 18.1376 4.19032 17.9504 4.07397 17.6187C3.95671 17.2841 3.89905 16.7692 4.08081 15.9956V15.9937L4.67261 13.436L4.67163 13.4351C4.72725 13.2041 4.69335 12.9457 4.63354 12.7388C4.57261 12.528 4.4624 12.2904 4.29468 12.1226L2.22827 10.0552C1.75924 9.58612 1.56582 9.17531 1.49487 8.85889C1.42366 8.54117 1.4691 8.28888 1.52124 8.12939C1.57394 7.96828 1.68629 7.73591 1.93042 7.51807C2.17355 7.30113 2.56942 7.07884 3.21948 6.96924L3.21851 6.96826L5.87671 6.52783C6.09286 6.49181 6.30717 6.37344 6.46851 6.25342C6.62779 6.13488 6.80032 5.96462 6.89624 5.76904L6.89722 5.77002L8.3728 2.82861L8.37378 2.82764C8.6774 2.21658 9.01191 1.89492 9.2937 1.72412C9.57622 1.55297 9.832 1.51715 9.99976 1.51709ZM9.99976 1.94189C9.7035 1.94204 9.44913 2.09903 9.25757 2.28271C9.06148 2.47075 8.88836 2.72611 8.74487 3.021L7.26929 5.95459V5.95557C7.1587 6.17671 6.95931 6.40411 6.70874 6.58936C6.52082 6.72826 6.31862 6.83222 6.12671 6.89307L5.93921 6.93896L3.28979 7.38037C2.97227 7.43194 2.68413 7.52463 2.4519 7.65771C2.22449 7.78815 2.0117 7.98147 1.92163 8.25146C1.82863 8.53046 1.89551 8.81847 2.00659 9.05518C2.12027 9.29738 2.3038 9.53708 2.53101 9.76025V9.76123L4.59741 11.8276C4.78788 12.0181 4.94593 12.3022 5.03784 12.6226C5.12955 12.9423 5.14582 13.2668 5.08569 13.5308L4.4939 16.0894C4.39047 16.5347 4.36779 16.903 4.40796 17.1948C4.44607 17.4713 4.55247 17.7467 4.77515 17.9058C4.99447 18.0622 5.28466 18.0767 5.55835 18.0288C5.84675 17.9783 6.18924 17.8473 6.58374 17.6187L6.58765 17.6167L9.07886 16.1421L9.08276 16.1401C9.32322 15.9946 9.65361 15.9088 9.99976 15.9087C10.3444 15.9087 10.6778 15.993 10.9294 16.1411V16.1421L13.4197 17.6147V17.6157C13.8126 17.8505 14.1573 17.9832 14.449 18.0327C14.7264 18.0798 15.0171 18.0608 15.2341 17.9058C15.4607 17.7439 15.5614 17.4611 15.5974 17.189C15.6359 16.8983 15.6142 16.5324 15.5154 16.0923L15.5144 16.0894L14.9226 13.5308C14.7975 12.9813 15.0114 12.2366 15.4119 11.8276L17.4783 9.76123C17.7058 9.53364 17.8871 9.29275 17.9998 9.05127C18.1099 8.81498 18.1732 8.53478 18.0906 8.26221L18.0867 8.25146C17.9965 7.98142 17.7839 7.78813 17.5564 7.65771C17.3238 7.52444 17.0356 7.4319 16.7175 7.38037H16.7185L14.0603 6.93896H14.0613C13.818 6.89788 13.5423 6.77451 13.2917 6.58936C13.0412 6.40413 12.8418 6.17669 12.7312 5.95557L11.2644 3.02197C11.1166 2.7263 10.9406 2.47007 10.7429 2.28174C10.551 2.09894 10.2961 1.94189 9.99976 1.94189Z'
+          fill='currentColor'
+          stroke='currentColor'
+          strokeWidth='0.833333'
+        />
+      </g>
+    </svg>
+  )
+}

package/dist/cjs/components/MainWrapV4/assets/icon-v3/giao-vu.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IIcon } from '../../types';
+export default function GiaoVuIcon({ activeColor, isActive }: IIcon): React.JSX.Element;

package/dist/cjs/components/MainWrapV4/assets/icon-v3/giao-vu.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = GiaoVuIcon;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+function GiaoVuIcon(_a) {
+    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c;
+    return isActive ? (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        react_1.default.createElement("path", { d: 'M18.75 7.47706V15.7592C18.75 15.9499 18.6732 16.1327 18.5364 16.2676C18.3997 16.4024 18.2142 16.4781 18.0208 16.4781C17.8274 16.4781 17.642 16.4024 17.5052 16.2676C17.3685 16.1327 17.2917 15.9499 17.2917 15.7592V9.82942L11.8958 12.3716C11.3269 12.7027 10.6774 12.8751 10.0167 12.8705C9.32392 12.8716 8.64369 12.688 8.04798 12.3392L2.66671 9.81361C2.24371 9.58933 1.88928 9.25753 1.6402 8.85265C1.39113 8.44776 1.25648 7.98453 1.25023 7.51102C1.24398 7.03752 1.36636 6.57099 1.60466 6.15985C1.84297 5.7487 2.18852 5.40793 2.60546 5.17287C2.62515 5.16137 2.64629 5.15059 2.66671 5.14052L8.10413 2.58255C8.69116 2.25016 9.35739 2.07795 10.0343 2.08363C10.7112 2.08932 11.3744 2.27269 11.9556 2.6149L17.3332 5.14052C17.7576 5.37201 18.1122 5.71013 18.361 6.12052C18.6099 6.53092 18.7441 6.99896 18.75 7.47706ZM10.016 14.307C9.08309 14.309 8.1662 14.0679 7.35819 13.6081L4.16661 12.1063V14.0474C4.16705 14.8149 4.41625 15.5622 4.87786 16.1801C5.33948 16.7981 5.98932 17.2544 6.73256 17.4825C7.79447 17.7831 8.89523 17.9292 9.99997 17.916C11.1048 17.9282 12.2056 17.7812 13.2674 17.4796C14.0106 17.2515 14.6605 16.7952 15.1221 16.1772C15.5837 15.5593 15.8329 14.812 15.8333 14.0445V12.1099L12.582 13.6412C11.8015 14.0833 10.9161 14.3135 10.016 14.3084V14.307Z', fill: activeColor }))) : (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        react_1.default.createElement("path", { d: 'M17.3332 5.1407L11.9565 2.6151C10.7729 1.91805 9.29981 1.90568 8.10437 2.58275L2.66714 5.1407C2.64673 5.15078 2.62557 5.16157 2.60589 5.17306C1.31557 5.9005 0.867621 7.52157 1.60541 8.79381C1.85549 9.2251 2.22336 9.57847 2.66714 9.81377L4.167 10.5183V14.0411C4.16789 15.6163 5.20744 17.008 6.73288 17.4761C7.79444 17.7789 8.89516 17.9272 10.0002 17.9161C11.1051 17.9283 12.2058 17.7813 13.2675 17.4797C14.793 17.0116 15.8325 15.6199 15.8334 14.0447V10.5169L17.2917 9.82957V15.7593C17.2917 16.1564 17.6181 16.4782 18.0208 16.4782C18.4235 16.4782 18.75 16.1564 18.75 15.7593V7.13213C18.7548 6.28792 18.0788 5.50803 17.3332 5.1407ZM14.3751 14.0447C14.3754 14.9869 13.7554 15.8203 12.8438 16.103C11.9194 16.3634 10.9615 16.4898 10.0002 16.4783C9.03882 16.4898 8.08089 16.3634 7.15649 16.103C6.24491 15.8203 5.6249 14.9869 5.62528 14.0447V11.2035L8.04387 12.3394C8.64064 12.6888 9.3222 12.8724 10.0162 12.8707C10.6768 12.8753 11.3263 12.7029 11.8952 12.3718L14.3751 11.2034V14.0447ZM16.7083 8.51609L11.2091 11.1042C10.4423 11.5445 9.49193 11.532 8.73729 11.0719L3.3569 8.54844C2.75716 8.22957 2.53315 7.49171 2.85655 6.90041C2.96593 6.70044 3.12992 6.53467 3.32993 6.42184L8.79488 3.84808C9.56189 3.40883 10.5118 3.42127 11.2667 3.88043L16.6434 6.40603C17.0388 6.62252 17.2862 7.03134 17.2916 7.47725C17.2924 7.89965 17.0718 8.29245 16.7083 8.51609Z', fill: 'currentColor' })));
+}
+//# sourceMappingURL=giao-vu.js.map

package/dist/cjs/components/MainWrapV4/assets/icon-v3/giao-vu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"giao-vu.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/giao-vu.tsx"],"names":[],"mappings":";;AAGA,6BAgBC;;AAnBD,wDAAyB;AAGzB,SAAwB,UAAU,CAAC,EAAyD;QAAvD,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IACjF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCACE,CAAC,EAAC,uuCAAuuC,EACzuC,IAAI,EAAE,WAAW,GACjB,CACE,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCACE,CAAC,EAAC,k0CAAk0C,EACp0C,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/MainWrapV4/assets/icon-v3/giao-vu.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+import { IIcon } from '../../types'
+
+export default function GiaoVuIcon({ activeColor = 'currentColor', isActive = false }: IIcon) {
+  return isActive ? (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M18.75 7.47706V15.7592C18.75 15.9499 18.6732 16.1327 18.5364 16.2676C18.3997 16.4024 18.2142 16.4781 18.0208 16.4781C17.8274 16.4781 17.642 16.4024 17.5052 16.2676C17.3685 16.1327 17.2917 15.9499 17.2917 15.7592V9.82942L11.8958 12.3716C11.3269 12.7027 10.6774 12.8751 10.0167 12.8705C9.32392 12.8716 8.64369 12.688 8.04798 12.3392L2.66671 9.81361C2.24371 9.58933 1.88928 9.25753 1.6402 8.85265C1.39113 8.44776 1.25648 7.98453 1.25023 7.51102C1.24398 7.03752 1.36636 6.57099 1.60466 6.15985C1.84297 5.7487 2.18852 5.40793 2.60546 5.17287C2.62515 5.16137 2.64629 5.15059 2.66671 5.14052L8.10413 2.58255C8.69116 2.25016 9.35739 2.07795 10.0343 2.08363C10.7112 2.08932 11.3744 2.27269 11.9556 2.6149L17.3332 5.14052C17.7576 5.37201 18.1122 5.71013 18.361 6.12052C18.6099 6.53092 18.7441 6.99896 18.75 7.47706ZM10.016 14.307C9.08309 14.309 8.1662 14.0679 7.35819 13.6081L4.16661 12.1063V14.0474C4.16705 14.8149 4.41625 15.5622 4.87786 16.1801C5.33948 16.7981 5.98932 17.2544 6.73256 17.4825C7.79447 17.7831 8.89523 17.9292 9.99997 17.916C11.1048 17.9282 12.2056 17.7812 13.2674 17.4796C14.0106 17.2515 14.6605 16.7952 15.1221 16.1772C15.5837 15.5593 15.8329 14.812 15.8333 14.0445V12.1099L12.582 13.6412C11.8015 14.0833 10.9161 14.3135 10.016 14.3084V14.307Z'
+        fill={activeColor}
+      />
+    </svg>
+  ) : (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M17.3332 5.1407L11.9565 2.6151C10.7729 1.91805 9.29981 1.90568 8.10437 2.58275L2.66714 5.1407C2.64673 5.15078 2.62557 5.16157 2.60589 5.17306C1.31557 5.9005 0.867621 7.52157 1.60541 8.79381C1.85549 9.2251 2.22336 9.57847 2.66714 9.81377L4.167 10.5183V14.0411C4.16789 15.6163 5.20744 17.008 6.73288 17.4761C7.79444 17.7789 8.89516 17.9272 10.0002 17.9161C11.1051 17.9283 12.2058 17.7813 13.2675 17.4797C14.793 17.0116 15.8325 15.6199 15.8334 14.0447V10.5169L17.2917 9.82957V15.7593C17.2917 16.1564 17.6181 16.4782 18.0208 16.4782C18.4235 16.4782 18.75 16.1564 18.75 15.7593V7.13213C18.7548 6.28792 18.0788 5.50803 17.3332 5.1407ZM14.3751 14.0447C14.3754 14.9869 13.7554 15.8203 12.8438 16.103C11.9194 16.3634 10.9615 16.4898 10.0002 16.4783C9.03882 16.4898 8.08089 16.3634 7.15649 16.103C6.24491 15.8203 5.6249 14.9869 5.62528 14.0447V11.2035L8.04387 12.3394C8.64064 12.6888 9.3222 12.8724 10.0162 12.8707C10.6768 12.8753 11.3263 12.7029 11.8952 12.3718L14.3751 11.2034V14.0447ZM16.7083 8.51609L11.2091 11.1042C10.4423 11.5445 9.49193 11.532 8.73729 11.0719L3.3569 8.54844C2.75716 8.22957 2.53315 7.49171 2.85655 6.90041C2.96593 6.70044 3.12992 6.53467 3.32993 6.42184L8.79488 3.84808C9.56189 3.40883 10.5118 3.42127 11.2667 3.88043L16.6434 6.40603C17.0388 6.62252 17.2862 7.03134 17.2916 7.47725C17.2924 7.89965 17.0718 8.29245 16.7083 8.51609Z'
+        fill='currentColor'
+      />
+    </svg>
+  )
+}

package/dist/cjs/components/MainWrapV4/assets/icon-v3/gop-y.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IIcon } from '../../types';
+export default function GiaoVuIcon({ activeColor, isActive }: IIcon): React.JSX.Element;

package/dist/cjs/components/MainWrapV4/assets/icon-v3/gop-y.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = GiaoVuIcon;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+function GiaoVuIcon(_a) {
+    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c;
+    return isActive ? (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        react_1.default.createElement("path", { d: 'M8.52635 13.5573C9.31385 14.3441 10.6861 14.3441 11.4729 13.5573L16.25 8.77999V4.4444C16.25 2.91239 15.0041 1.6665 13.4722 1.6665H6.52774C4.99579 1.6665 3.74996 2.91239 3.74996 4.4444V8.77999L8.52635 13.5573ZM7.22218 4.4444H12.7777C13.6861 4.44856 13.6854 5.82987 12.7777 5.83334H7.22218C6.31385 5.82918 6.31454 4.44856 7.22218 4.4444ZM7.22218 7.22229H11.3888C12.2972 7.22646 12.2965 8.60776 11.3888 8.61124H7.22218C6.31385 8.60707 6.31454 7.22646 7.22218 7.22229ZM17.9861 9.00709C18.2055 9.46891 18.3333 9.97379 18.3333 10.4912V14.8608C18.3333 16.7755 16.7757 18.3332 14.8611 18.3332H5.13885C3.22426 18.3332 1.66663 16.7755 1.66663 14.8608V10.4912C1.66663 9.9731 1.7944 9.46891 2.01385 9.00709L7.5451 14.5393C8.83815 15.8858 11.1632 15.8865 12.4555 14.5393L17.9861 9.00709Z', fill: activeColor }))) : (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        react_1.default.createElement("path", { d: 'M6.52774 5.83317C6.52774 5.44984 6.83885 5.13873 7.22218 5.13873H12.7777C13.1618 5.13873 13.4722 5.44984 13.4722 5.83317C13.4722 6.2165 13.1618 6.52761 12.7777 6.52761H7.22218C6.83885 6.52761 6.52774 6.2165 6.52774 5.83317ZM7.22218 9.30539H11.3888C11.7729 9.30539 12.0833 8.99428 12.0833 8.61095C12.0833 8.22761 11.7729 7.9165 11.3888 7.9165H7.22218C6.83885 7.9165 6.52774 8.22761 6.52774 8.61095C6.52774 8.99428 6.83885 9.30539 7.22218 9.30539ZM18.3333 10.4915V14.8609C18.3333 16.7755 16.7757 18.3332 14.8611 18.3332H5.13885C3.22426 18.3332 1.66663 16.7755 1.66663 14.8609V10.4915C1.66663 9.54984 2.0569 8.63525 2.73676 7.98386L3.74996 7.01303V4.44428C3.74996 2.91234 4.99579 1.6665 6.52774 1.6665H13.4722C15.0041 1.6665 16.25 2.91234 16.25 4.44428V7.01303L17.2632 7.98317C17.943 8.63456 18.3333 9.54845 18.3333 10.4908V10.4915ZM5.13885 4.44428V10.1686L8.52635 13.5568C9.31385 14.3436 10.6861 14.3436 11.4729 13.5568L14.8611 10.1686V4.44428C14.8611 3.67831 14.2382 3.05539 13.4722 3.05539H6.52774C5.76176 3.05539 5.13885 3.67831 5.13885 4.44428ZM16.9444 10.4915C16.9444 10.3561 16.9305 10.2214 16.9041 10.0894L12.4548 14.5387C11.7993 15.1943 10.9277 15.5554 9.99996 15.5554C9.07218 15.5554 8.20065 15.1943 7.5444 14.5387L3.09579 10.0887C3.0694 10.2207 3.05551 10.3554 3.05551 10.4908V14.8603C3.05551 16.0089 3.99024 16.9436 5.13885 16.9436H14.8611C16.0097 16.9436 16.9444 16.0089 16.9444 14.8603V10.4908V10.4915Z', fill: 'currentColor' })));
+}
+//# sourceMappingURL=gop-y.js.map

package/dist/cjs/components/MainWrapV4/assets/icon-v3/gop-y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gop-y.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/gop-y.tsx"],"names":[],"mappings":";;AAGA,6BAgBC;;AAnBD,wDAAyB;AAGzB,SAAwB,UAAU,CAAC,EAAyD;QAAvD,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IACjF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCACE,CAAC,EAAC,wwBAAwwB,EAC1wB,IAAI,EAAE,WAAW,GACjB,CACE,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCACE,CAAC,EAAC,u4CAAu4C,EACz4C,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/MainWrapV4/assets/icon-v3/gop-y.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+import { IIcon } from '../../types'
+
+export default function GiaoVuIcon({ activeColor = 'currentColor', isActive = false }: IIcon) {
+  return isActive ? (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M8.52635 13.5573C9.31385 14.3441 10.6861 14.3441 11.4729 13.5573L16.25 8.77999V4.4444C16.25 2.91239 15.0041 1.6665 13.4722 1.6665H6.52774C4.99579 1.6665 3.74996 2.91239 3.74996 4.4444V8.77999L8.52635 13.5573ZM7.22218 4.4444H12.7777C13.6861 4.44856 13.6854 5.82987 12.7777 5.83334H7.22218C6.31385 5.82918 6.31454 4.44856 7.22218 4.4444ZM7.22218 7.22229H11.3888C12.2972 7.22646 12.2965 8.60776 11.3888 8.61124H7.22218C6.31385 8.60707 6.31454 7.22646 7.22218 7.22229ZM17.9861 9.00709C18.2055 9.46891 18.3333 9.97379 18.3333 10.4912V14.8608C18.3333 16.7755 16.7757 18.3332 14.8611 18.3332H5.13885C3.22426 18.3332 1.66663 16.7755 1.66663 14.8608V10.4912C1.66663 9.9731 1.7944 9.46891 2.01385 9.00709L7.5451 14.5393C8.83815 15.8858 11.1632 15.8865 12.4555 14.5393L17.9861 9.00709Z'
+        fill={activeColor}
+      />
+    </svg>
+  ) : (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M6.52774 5.83317C6.52774 5.44984 6.83885 5.13873 7.22218 5.13873H12.7777C13.1618 5.13873 13.4722 5.44984 13.4722 5.83317C13.4722 6.2165 13.1618 6.52761 12.7777 6.52761H7.22218C6.83885 6.52761 6.52774 6.2165 6.52774 5.83317ZM7.22218 9.30539H11.3888C11.7729 9.30539 12.0833 8.99428 12.0833 8.61095C12.0833 8.22761 11.7729 7.9165 11.3888 7.9165H7.22218C6.83885 7.9165 6.52774 8.22761 6.52774 8.61095C6.52774 8.99428 6.83885 9.30539 7.22218 9.30539ZM18.3333 10.4915V14.8609C18.3333 16.7755 16.7757 18.3332 14.8611 18.3332H5.13885C3.22426 18.3332 1.66663 16.7755 1.66663 14.8609V10.4915C1.66663 9.54984 2.0569 8.63525 2.73676 7.98386L3.74996 7.01303V4.44428C3.74996 2.91234 4.99579 1.6665 6.52774 1.6665H13.4722C15.0041 1.6665 16.25 2.91234 16.25 4.44428V7.01303L17.2632 7.98317C17.943 8.63456 18.3333 9.54845 18.3333 10.4908V10.4915ZM5.13885 4.44428V10.1686L8.52635 13.5568C9.31385 14.3436 10.6861 14.3436 11.4729 13.5568L14.8611 10.1686V4.44428C14.8611 3.67831 14.2382 3.05539 13.4722 3.05539H6.52774C5.76176 3.05539 5.13885 3.67831 5.13885 4.44428ZM16.9444 10.4915C16.9444 10.3561 16.9305 10.2214 16.9041 10.0894L12.4548 14.5387C11.7993 15.1943 10.9277 15.5554 9.99996 15.5554C9.07218 15.5554 8.20065 15.1943 7.5444 14.5387L3.09579 10.0887C3.0694 10.2207 3.05551 10.3554 3.05551 10.4908V14.8603C3.05551 16.0089 3.99024 16.9436 5.13885 16.9436H14.8611C16.0097 16.9436 16.9444 16.0089 16.9444 14.8603V10.4908V10.4915Z'
+        fill='currentColor'
+      />
+    </svg>
+  )
+}

package/dist/cjs/components/MainWrapV4/assets/icon-v3/hoc-phi.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IIcon } from '../../types';
+export default function Icon({ activeColor, isActive }: IIcon): React.JSX.Element;

package/dist/cjs/components/MainWrapV4/assets/icon-v3/hoc-phi.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Icon;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+function Icon(_a) {
+    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c;
+    return isActive ? (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        react_1.default.createElement("path", { d: 'M7.91663 4.44428C7.91663 2.91025 10.2486 1.6665 13.125 1.6665C16.0013 1.6665 18.3333 2.91025 18.3333 4.44428C18.3333 5.97831 16.0013 7.22206 13.125 7.22206C10.2486 7.22206 7.91663 5.97831 7.91663 4.44428ZM13.125 8.61095C12.4118 8.61095 11.7354 8.53109 11.1173 8.3922C10.1736 7.68456 8.62704 7.22206 6.87496 7.22206C3.99857 7.22206 1.66663 8.46581 1.66663 9.99984C1.66663 11.5339 3.99857 12.7776 6.87496 12.7776C9.75135 12.7776 12.0833 11.5339 12.0833 9.99984C12.0833 9.9797 12.0784 9.96025 12.0777 9.94011H12.0833V11.3887C12.0833 12.9228 9.75135 14.1665 6.87496 14.1665C3.99857 14.1665 1.66663 12.9228 1.66663 11.3887V12.7776C1.66663 14.3116 3.99857 15.5554 6.87496 15.5554C9.75135 15.5554 12.0833 14.3116 12.0833 12.7776V14.1665C12.0833 15.7005 9.75135 16.9443 6.87496 16.9443C3.99857 16.9443 1.66663 15.7005 1.66663 14.1665V15.5554C1.66663 17.0894 3.99857 18.3332 6.87496 18.3332C9.75135 18.3332 12.0833 17.0894 12.0833 15.5554V15.4998C12.4201 15.5359 12.768 15.5554 13.125 15.5554C16.0013 15.5554 18.3333 14.3116 18.3333 12.7776V11.3887C18.3333 12.8603 16.1861 14.0616 13.4722 14.1575V12.7686C16.1861 12.6728 18.3333 11.4721 18.3333 9.99984V8.61095C18.3333 10.0825 16.1861 11.2839 13.4722 11.3797V9.99081C16.1861 9.89498 18.3333 8.69428 18.3333 7.22206V5.83317C18.3333 7.3672 16.0013 8.61095 13.125 8.61095Z', fill: activeColor }))) : (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        react_1.default.createElement("path", { d: 'M12.1354 1.25C9.36063 1.25 7.1875 2.55427 7.1875 4.21875V5.92545C6.86885 5.88785 6.53767 5.86806 6.19792 5.86806C3.42313 5.86806 1.25 7.17233 1.25 8.83681V14.1146C1.25 15.7791 3.42313 17.0833 6.19792 17.0833C8.44559 17.0833 10.2987 16.2277 10.9215 15.0177C11.316 15.0751 11.7224 15.1042 12.1354 15.1042C14.9102 15.1042 17.0833 13.7999 17.0833 12.1354V4.21875C17.0833 2.55427 14.9102 1.25 12.1354 1.25ZM15.7639 9.49653C15.7639 10.275 14.2122 11.1458 12.1354 11.1458C11.7976 11.1458 11.4665 11.1227 11.1458 11.0779V9.76899C11.4691 9.8066 11.8003 9.82639 12.1354 9.82639C13.5828 9.82639 14.8667 9.47146 15.7639 8.89552V9.49653ZM2.56944 10.8747C3.46667 11.4506 4.75049 11.8056 6.19792 11.8056C7.64535 11.8056 8.92917 11.4506 9.82639 10.8747V11.4757C9.82639 12.2542 8.27472 13.125 6.19792 13.125C4.12111 13.125 2.56944 12.2542 2.56944 11.4757V10.8747ZM15.7639 6.85764C15.7639 7.63611 14.2122 8.50694 12.1354 8.50694C11.7825 8.50694 11.4361 8.48187 11.1023 8.43305C10.975 7.84788 10.5745 7.32208 9.9768 6.90052C10.626 7.08524 11.3569 7.1875 12.1354 7.1875C13.5828 7.1875 14.8667 6.83257 15.7639 6.25663V6.85764ZM12.1354 2.56944C14.2122 2.56944 15.7639 3.44028 15.7639 4.21875C15.7639 4.99722 14.2122 5.86806 12.1354 5.86806C10.0586 5.86806 8.50694 4.99722 8.50694 4.21875C8.50694 3.44028 10.0586 2.56944 12.1354 2.56944ZM6.19792 7.1875C8.27472 7.1875 9.82639 8.05833 9.82639 8.83681C9.82639 9.61528 8.27472 10.4861 6.19792 10.4861C4.12111 10.4861 2.56944 9.61528 2.56944 8.83681C2.56944 8.05833 4.12111 7.1875 6.19792 7.1875ZM6.19792 15.7639C4.12111 15.7639 2.56944 14.8931 2.56944 14.1146V13.5136C3.46667 14.0895 4.75049 14.4444 6.19792 14.4444C7.64535 14.4444 8.92917 14.0895 9.82639 13.5136V14.1146C9.82639 14.8931 8.27472 15.7639 6.19792 15.7639ZM12.1354 13.7847C11.7976 13.7847 11.4665 13.7616 11.1458 13.7168V12.4079C11.4691 12.4455 11.8003 12.4653 12.1354 12.4653C13.5828 12.4653 14.8667 12.1103 15.7639 11.5344V12.1354C15.7639 12.9139 14.2122 13.7847 12.1354 13.7847Z', fill: 'currentColor' })));
+}
+//# sourceMappingURL=hoc-phi.js.map

package/dist/cjs/components/MainWrapV4/assets/icon-v3/hoc-phi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hoc-phi.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/hoc-phi.tsx"],"names":[],"mappings":";;AAGA,uBAgBC;;AAnBD,wDAAyB;AAGzB,SAAwB,IAAI,CAAC,EAAyD;QAAvD,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAC3E,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCACE,CAAC,EAAC,gyCAAgyC,EAClyC,IAAI,EAAE,WAAW,GACjB,CACE,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCACE,CAAC,EAAC,m7DAAm7D,EACr7D,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/MainWrapV4/assets/icon-v3/hoc-phi.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+import { IIcon } from '../../types'
+
+export default function Icon({ activeColor = 'currentColor', isActive = false }: IIcon) {
+  return isActive ? (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M7.91663 4.44428C7.91663 2.91025 10.2486 1.6665 13.125 1.6665C16.0013 1.6665 18.3333 2.91025 18.3333 4.44428C18.3333 5.97831 16.0013 7.22206 13.125 7.22206C10.2486 7.22206 7.91663 5.97831 7.91663 4.44428ZM13.125 8.61095C12.4118 8.61095 11.7354 8.53109 11.1173 8.3922C10.1736 7.68456 8.62704 7.22206 6.87496 7.22206C3.99857 7.22206 1.66663 8.46581 1.66663 9.99984C1.66663 11.5339 3.99857 12.7776 6.87496 12.7776C9.75135 12.7776 12.0833 11.5339 12.0833 9.99984C12.0833 9.9797 12.0784 9.96025 12.0777 9.94011H12.0833V11.3887C12.0833 12.9228 9.75135 14.1665 6.87496 14.1665C3.99857 14.1665 1.66663 12.9228 1.66663 11.3887V12.7776C1.66663 14.3116 3.99857 15.5554 6.87496 15.5554C9.75135 15.5554 12.0833 14.3116 12.0833 12.7776V14.1665C12.0833 15.7005 9.75135 16.9443 6.87496 16.9443C3.99857 16.9443 1.66663 15.7005 1.66663 14.1665V15.5554C1.66663 17.0894 3.99857 18.3332 6.87496 18.3332C9.75135 18.3332 12.0833 17.0894 12.0833 15.5554V15.4998C12.4201 15.5359 12.768 15.5554 13.125 15.5554C16.0013 15.5554 18.3333 14.3116 18.3333 12.7776V11.3887C18.3333 12.8603 16.1861 14.0616 13.4722 14.1575V12.7686C16.1861 12.6728 18.3333 11.4721 18.3333 9.99984V8.61095C18.3333 10.0825 16.1861 11.2839 13.4722 11.3797V9.99081C16.1861 9.89498 18.3333 8.69428 18.3333 7.22206V5.83317C18.3333 7.3672 16.0013 8.61095 13.125 8.61095Z'
+        fill={activeColor}
+      />
+    </svg>
+  ) : (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M12.1354 1.25C9.36063 1.25 7.1875 2.55427 7.1875 4.21875V5.92545C6.86885 5.88785 6.53767 5.86806 6.19792 5.86806C3.42313 5.86806 1.25 7.17233 1.25 8.83681V14.1146C1.25 15.7791 3.42313 17.0833 6.19792 17.0833C8.44559 17.0833 10.2987 16.2277 10.9215 15.0177C11.316 15.0751 11.7224 15.1042 12.1354 15.1042C14.9102 15.1042 17.0833 13.7999 17.0833 12.1354V4.21875C17.0833 2.55427 14.9102 1.25 12.1354 1.25ZM15.7639 9.49653C15.7639 10.275 14.2122 11.1458 12.1354 11.1458C11.7976 11.1458 11.4665 11.1227 11.1458 11.0779V9.76899C11.4691 9.8066 11.8003 9.82639 12.1354 9.82639C13.5828 9.82639 14.8667 9.47146 15.7639 8.89552V9.49653ZM2.56944 10.8747C3.46667 11.4506 4.75049 11.8056 6.19792 11.8056C7.64535 11.8056 8.92917 11.4506 9.82639 10.8747V11.4757C9.82639 12.2542 8.27472 13.125 6.19792 13.125C4.12111 13.125 2.56944 12.2542 2.56944 11.4757V10.8747ZM15.7639 6.85764C15.7639 7.63611 14.2122 8.50694 12.1354 8.50694C11.7825 8.50694 11.4361 8.48187 11.1023 8.43305C10.975 7.84788 10.5745 7.32208 9.9768 6.90052C10.626 7.08524 11.3569 7.1875 12.1354 7.1875C13.5828 7.1875 14.8667 6.83257 15.7639 6.25663V6.85764ZM12.1354 2.56944C14.2122 2.56944 15.7639 3.44028 15.7639 4.21875C15.7639 4.99722 14.2122 5.86806 12.1354 5.86806C10.0586 5.86806 8.50694 4.99722 8.50694 4.21875C8.50694 3.44028 10.0586 2.56944 12.1354 2.56944ZM6.19792 7.1875C8.27472 7.1875 9.82639 8.05833 9.82639 8.83681C9.82639 9.61528 8.27472 10.4861 6.19792 10.4861C4.12111 10.4861 2.56944 9.61528 2.56944 8.83681C2.56944 8.05833 4.12111 7.1875 6.19792 7.1875ZM6.19792 15.7639C4.12111 15.7639 2.56944 14.8931 2.56944 14.1146V13.5136C3.46667 14.0895 4.75049 14.4444 6.19792 14.4444C7.64535 14.4444 8.92917 14.0895 9.82639 13.5136V14.1146C9.82639 14.8931 8.27472 15.7639 6.19792 15.7639ZM12.1354 13.7847C11.7976 13.7847 11.4665 13.7616 11.1458 13.7168V12.4079C11.4691 12.4455 11.8003 12.4653 12.1354 12.4653C13.5828 12.4653 14.8667 12.1103 15.7639 11.5344V12.1354C15.7639 12.9139 14.2122 13.7847 12.1354 13.7847Z'
+        fill='currentColor'
+      />
+    </svg>
+  )
+}