phx-react 1.3.1396 → 1.3.1398

package/dist/esm/components/MainWrapV4/assets/icon-v3/user.js

@@ -0,0 +1,24 @@
+import React from 'react';
+export default function UserIcon(_a) {
+    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c;
+    return isActive ? (React.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        React.createElement("mask", { height: '20', id: 'mask0_1815_88982', maskUnits: 'userSpaceOnUse', style: {
+                maskType: 'luminance',
+            }, width: '20', x: '0', y: '0' },
+            React.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
+        React.createElement("g", { mask: 'url(#mask0_1815_88982)' },
+            React.createElement("path", { d: 'M7.49996 1.6665C5.31663 1.6665 3.54163 3.4415 3.54163 5.62484C3.54163 7.7665 5.21663 9.49984 7.39996 9.57484C7.46663 9.5665 7.53329 9.5665 7.58329 9.57484C7.59996 9.57484 7.60829 9.57484 7.62496 9.57484C7.63329 9.57484 7.63329 9.57484 7.64163 9.57484C9.77496 9.49984 11.45 7.7665 11.4583 5.62484C11.4583 3.4415 9.68329 1.6665 7.49996 1.6665Z', fill: activeColor }),
+            React.createElement("path", { d: 'M11.7333 11.7914C9.40833 10.2414 5.61663 10.2414 3.27497 11.7914C2.21663 12.4997 1.6333 13.4581 1.6333 14.4831C1.6333 15.5081 2.21663 16.4581 3.26663 17.1581C4.4333 17.9414 5.96663 18.3331 7.49997 18.3331C9.03333 18.3331 10.5667 17.9414 11.7333 17.1581C12.7833 16.4497 13.3667 15.4997 13.3667 14.4664C13.3583 13.4414 12.7833 12.4914 11.7333 11.7914Z', fill: activeColor }),
+            React.createElement("path", { d: 'M16.6584 6.11659C16.7918 7.73325 15.6418 9.14992 14.0501 9.34159C14.0418 9.34159 14.0418 9.34159 14.0334 9.34159H14.0084C13.9584 9.34159 13.9084 9.34159 13.8668 9.35825C13.0584 9.39992 12.3168 9.14159 11.7584 8.66659C12.6168 7.89992 13.1084 6.74992 13.0084 5.49992C12.9501 4.82492 12.7168 4.20825 12.3668 3.68325C12.6834 3.52492 13.0501 3.42492 13.4251 3.39159C15.0584 3.24992 16.5168 4.46659 16.6584 6.11659Z', fill: activeColor }),
+            React.createElement("path", { d: 'M18.325 13.8252C18.2583 14.6335 17.7417 15.3335 16.875 15.8085C16.0417 16.2668 14.9917 16.4835 13.95 16.4585C14.55 15.9168 14.9 15.2418 14.9667 14.5252C15.05 13.4918 14.5583 12.5002 13.575 11.7085C13.0167 11.2668 12.3667 10.9168 11.6583 10.6585C13.5 10.1252 15.8167 10.4835 17.2417 11.6335C18.0083 12.2502 18.4 13.0252 18.325 13.8252Z', fill: activeColor })))) : (React.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        React.createElement("mask", { height: '20', id: 'mask0_1815_88495', maskUnits: 'userSpaceOnUse', style: {
+                maskType: 'luminance',
+            }, width: '20', x: '0', y: '0' },
+            React.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
+        React.createElement("g", { mask: 'url(#mask0_1815_88495)' },
+            React.createElement("path", { d: 'M7.63289 9.68317C7.60789 9.68317 7.59123 9.68317 7.56623 9.68317C7.52456 9.67484 7.46623 9.67484 7.41623 9.68317C4.99956 9.60817 3.17456 7.70817 3.17456 5.3665C3.17456 2.98317 5.11623 1.0415 7.49956 1.0415C9.88292 1.0415 11.8246 2.98317 11.8246 5.3665C11.8163 7.70817 9.98292 9.60817 7.65789 9.68317C7.64956 9.68317 7.64123 9.68317 7.63289 9.68317ZM7.49956 2.2915C5.80789 2.2915 4.42456 3.67484 4.42456 5.3665C4.42456 7.03317 5.72456 8.37484 7.38289 8.43317C7.43289 8.42484 7.54123 8.42484 7.64956 8.43317C9.28292 8.35817 10.5663 7.0165 10.5746 5.3665C10.5746 3.67484 9.19125 2.2915 7.49956 2.2915Z', fill: 'currentColor' }),
+            React.createElement("path", { d: 'M13.783 9.79134C13.758 9.79134 13.733 9.79134 13.708 9.78301C13.3663 9.81634 13.0163 9.57467 12.983 9.23301C12.9496 8.89134 13.158 8.58301 13.4996 8.54134C13.5996 8.53301 13.708 8.53301 13.7996 8.53301C15.0163 8.46634 15.9663 7.46634 15.9663 6.24134C15.9663 4.97467 14.9413 3.94967 13.6746 3.94967C13.333 3.95801 13.0496 3.67467 13.0496 3.33301C13.0496 2.99134 13.333 2.70801 13.6746 2.70801C15.6246 2.70801 17.2163 4.29967 17.2163 6.24967C17.2163 8.16634 15.7163 9.71634 13.808 9.79134C13.7996 9.79134 13.7913 9.79134 13.783 9.79134Z', fill: 'currentColor' }),
+            React.createElement("path", { d: 'M7.64134 18.7913C6.00801 18.7913 4.36634 18.3747 3.12467 17.5413C1.96634 16.7747 1.33301 15.7247 1.33301 14.583C1.33301 13.4413 1.96634 12.383 3.12467 11.608C5.62467 9.94967 9.67467 9.94967 12.158 11.608C13.308 12.3747 13.9497 13.4247 13.9497 14.5663C13.9497 15.708 13.3163 16.7663 12.158 17.5413C10.908 18.3747 9.27467 18.7913 7.64134 18.7913ZM3.81634 12.658C3.01634 13.1913 2.58301 13.8747 2.58301 14.5913C2.58301 15.2997 3.02467 15.983 3.81634 16.508C5.89134 17.8997 9.39133 17.8997 11.4663 16.508C12.2663 15.9747 12.6997 15.2913 12.6997 14.5747C12.6997 13.8663 12.258 13.183 11.4663 12.658C9.39133 11.2747 5.89134 11.2747 3.81634 12.658Z', fill: 'currentColor' }),
+            React.createElement("path", { d: 'M15.283 17.2917C14.9913 17.2917 14.733 17.0917 14.6746 16.7917C14.608 16.45 14.8246 16.125 15.158 16.05C15.683 15.9417 16.1663 15.7333 16.5413 15.4417C17.0163 15.0833 17.2746 14.6333 17.2746 14.1583C17.2746 13.6833 17.0163 13.2333 16.5496 12.8833C16.183 12.6 15.7246 12.4 15.183 12.275C14.8496 12.2 14.633 11.8667 14.708 11.525C14.783 11.1917 15.1163 10.975 15.458 11.05C16.1746 11.2083 16.7996 11.4917 17.308 11.8833C18.083 12.4667 18.5246 13.2917 18.5246 14.1583C18.5246 15.025 18.0747 15.85 17.2997 16.4417C16.783 16.8417 16.133 17.1333 15.4163 17.275C15.3663 17.2917 15.3247 17.2917 15.283 17.2917Z', fill: 'currentColor' }))));
+}
+//# sourceMappingURL=user.js.map

package/dist/esm/components/MainWrapV4/assets/icon-v3/user.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/user.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAyD;QAAvD,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAC/E,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BACE,MAAM,EAAC,IAAI,EACX,EAAE,EAAC,kBAAkB,EACrB,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE;gBACL,QAAQ,EAAE,WAAW;aACtB,EACD,KAAK,EAAC,IAAI,EACV,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG;YAEL,8BAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,2BAAG,IAAI,EAAC,wBAAwB;YAC9B,8BACE,CAAC,EAAC,uVAAuV,EACzV,IAAI,EAAE,WAAW,GACjB;YACF,8BACE,CAAC,EAAC,+VAA+V,EACjW,IAAI,EAAE,WAAW,GACjB;YACF,8BACE,CAAC,EAAC,2ZAA2Z,EAC7Z,IAAI,EAAE,WAAW,GACjB;YACF,8BACE,CAAC,EAAC,gVAAgV,EAClV,IAAI,EAAE,WAAW,GACjB,CACA,CACA,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BACE,MAAM,EAAC,IAAI,EACX,EAAE,EAAC,kBAAkB,EACrB,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE;gBACL,QAAQ,EAAE,WAAW;aACtB,EACD,KAAK,EAAC,IAAI,EACV,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG;YAEL,8BAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,2BAAG,IAAI,EAAC,wBAAwB;YAC9B,8BACE,CAAC,EAAC,wlBAAwlB,EAC1lB,IAAI,EAAC,cAAc,GACnB;YACF,8BACE,CAAC,EAAC,whBAAwhB,EAC1hB,IAAI,EAAC,cAAc,GACnB;YACF,8BACE,CAAC,EAAC,moBAAmoB,EACroB,IAAI,EAAC,cAAc,GACnB;YACF,8BACE,CAAC,EAAC,4lBAA4lB,EAC9lB,IAAI,EAAC,cAAc,GACnB,CACA,CACA,CACP,CAAA;AACH,CAAC"}

package/dist/esm/components/MainWrapV4/assets/icon-v3/user.tsx

@@ -0,0 +1,74 @@
+import React from 'react'
+import { IIcon } from '../../types'
+
+export default function UserIcon({ 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_88982'
+        maskUnits='userSpaceOnUse'
+        style={{
+          maskType: 'luminance',
+        }}
+        width='20'
+        x='0'
+        y='0'
+      >
+        <path d='M20 0H0V20H20V0Z' fill='white' />
+      </mask>
+      <g mask='url(#mask0_1815_88982)'>
+        <path
+          d='M7.49996 1.6665C5.31663 1.6665 3.54163 3.4415 3.54163 5.62484C3.54163 7.7665 5.21663 9.49984 7.39996 9.57484C7.46663 9.5665 7.53329 9.5665 7.58329 9.57484C7.59996 9.57484 7.60829 9.57484 7.62496 9.57484C7.63329 9.57484 7.63329 9.57484 7.64163 9.57484C9.77496 9.49984 11.45 7.7665 11.4583 5.62484C11.4583 3.4415 9.68329 1.6665 7.49996 1.6665Z'
+          fill={activeColor}
+        />
+        <path
+          d='M11.7333 11.7914C9.40833 10.2414 5.61663 10.2414 3.27497 11.7914C2.21663 12.4997 1.6333 13.4581 1.6333 14.4831C1.6333 15.5081 2.21663 16.4581 3.26663 17.1581C4.4333 17.9414 5.96663 18.3331 7.49997 18.3331C9.03333 18.3331 10.5667 17.9414 11.7333 17.1581C12.7833 16.4497 13.3667 15.4997 13.3667 14.4664C13.3583 13.4414 12.7833 12.4914 11.7333 11.7914Z'
+          fill={activeColor}
+        />
+        <path
+          d='M16.6584 6.11659C16.7918 7.73325 15.6418 9.14992 14.0501 9.34159C14.0418 9.34159 14.0418 9.34159 14.0334 9.34159H14.0084C13.9584 9.34159 13.9084 9.34159 13.8668 9.35825C13.0584 9.39992 12.3168 9.14159 11.7584 8.66659C12.6168 7.89992 13.1084 6.74992 13.0084 5.49992C12.9501 4.82492 12.7168 4.20825 12.3668 3.68325C12.6834 3.52492 13.0501 3.42492 13.4251 3.39159C15.0584 3.24992 16.5168 4.46659 16.6584 6.11659Z'
+          fill={activeColor}
+        />
+        <path
+          d='M18.325 13.8252C18.2583 14.6335 17.7417 15.3335 16.875 15.8085C16.0417 16.2668 14.9917 16.4835 13.95 16.4585C14.55 15.9168 14.9 15.2418 14.9667 14.5252C15.05 13.4918 14.5583 12.5002 13.575 11.7085C13.0167 11.2668 12.3667 10.9168 11.6583 10.6585C13.5 10.1252 15.8167 10.4835 17.2417 11.6335C18.0083 12.2502 18.4 13.0252 18.325 13.8252Z'
+          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_88495'
+        maskUnits='userSpaceOnUse'
+        style={{
+          maskType: 'luminance',
+        }}
+        width='20'
+        x='0'
+        y='0'
+      >
+        <path d='M20 0H0V20H20V0Z' fill='white' />
+      </mask>
+      <g mask='url(#mask0_1815_88495)'>
+        <path
+          d='M7.63289 9.68317C7.60789 9.68317 7.59123 9.68317 7.56623 9.68317C7.52456 9.67484 7.46623 9.67484 7.41623 9.68317C4.99956 9.60817 3.17456 7.70817 3.17456 5.3665C3.17456 2.98317 5.11623 1.0415 7.49956 1.0415C9.88292 1.0415 11.8246 2.98317 11.8246 5.3665C11.8163 7.70817 9.98292 9.60817 7.65789 9.68317C7.64956 9.68317 7.64123 9.68317 7.63289 9.68317ZM7.49956 2.2915C5.80789 2.2915 4.42456 3.67484 4.42456 5.3665C4.42456 7.03317 5.72456 8.37484 7.38289 8.43317C7.43289 8.42484 7.54123 8.42484 7.64956 8.43317C9.28292 8.35817 10.5663 7.0165 10.5746 5.3665C10.5746 3.67484 9.19125 2.2915 7.49956 2.2915Z'
+          fill='currentColor'
+        />
+        <path
+          d='M13.783 9.79134C13.758 9.79134 13.733 9.79134 13.708 9.78301C13.3663 9.81634 13.0163 9.57467 12.983 9.23301C12.9496 8.89134 13.158 8.58301 13.4996 8.54134C13.5996 8.53301 13.708 8.53301 13.7996 8.53301C15.0163 8.46634 15.9663 7.46634 15.9663 6.24134C15.9663 4.97467 14.9413 3.94967 13.6746 3.94967C13.333 3.95801 13.0496 3.67467 13.0496 3.33301C13.0496 2.99134 13.333 2.70801 13.6746 2.70801C15.6246 2.70801 17.2163 4.29967 17.2163 6.24967C17.2163 8.16634 15.7163 9.71634 13.808 9.79134C13.7996 9.79134 13.7913 9.79134 13.783 9.79134Z'
+          fill='currentColor'
+        />
+        <path
+          d='M7.64134 18.7913C6.00801 18.7913 4.36634 18.3747 3.12467 17.5413C1.96634 16.7747 1.33301 15.7247 1.33301 14.583C1.33301 13.4413 1.96634 12.383 3.12467 11.608C5.62467 9.94967 9.67467 9.94967 12.158 11.608C13.308 12.3747 13.9497 13.4247 13.9497 14.5663C13.9497 15.708 13.3163 16.7663 12.158 17.5413C10.908 18.3747 9.27467 18.7913 7.64134 18.7913ZM3.81634 12.658C3.01634 13.1913 2.58301 13.8747 2.58301 14.5913C2.58301 15.2997 3.02467 15.983 3.81634 16.508C5.89134 17.8997 9.39133 17.8997 11.4663 16.508C12.2663 15.9747 12.6997 15.2913 12.6997 14.5747C12.6997 13.8663 12.258 13.183 11.4663 12.658C9.39133 11.2747 5.89134 11.2747 3.81634 12.658Z'
+          fill='currentColor'
+        />
+        <path
+          d='M15.283 17.2917C14.9913 17.2917 14.733 17.0917 14.6746 16.7917C14.608 16.45 14.8246 16.125 15.158 16.05C15.683 15.9417 16.1663 15.7333 16.5413 15.4417C17.0163 15.0833 17.2746 14.6333 17.2746 14.1583C17.2746 13.6833 17.0163 13.2333 16.5496 12.8833C16.183 12.6 15.7246 12.4 15.183 12.275C14.8496 12.2 14.633 11.8667 14.708 11.525C14.783 11.1917 15.1163 10.975 15.458 11.05C16.1746 11.2083 16.7996 11.4917 17.308 11.8833C18.083 12.4667 18.5246 13.2917 18.5246 14.1583C18.5246 15.025 18.0747 15.85 17.2997 16.4417C16.783 16.8417 16.133 17.1333 15.4163 17.275C15.3663 17.2917 15.3247 17.2917 15.283 17.2917Z'
+          fill='currentColor'
+        />
+      </g>
+    </svg>
+  )
+}

package/dist/esm/components/MainWrapV4/assets/icon-v3/van-hanh-xe-tuyen.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/esm/components/MainWrapV4/assets/icon-v3/van-hanh-xe-tuyen.js

@@ -0,0 +1,8 @@
+import React from 'react';
+export default 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.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        React.createElement("path", { d: 'M1.76524 4.54545C1.91874 3.96172 2.26492 3.44437 2.74966 3.07429C3.2344 2.70421 3.83037 2.50226 4.4444 2.5H12.0833C12.6973 2.50226 13.2933 2.70421 13.778 3.07429C14.2628 3.44437 14.609 3.96172 14.7625 4.54545H1.76524ZM7.87635 15.4545C7.90179 15.5665 7.91529 15.6808 7.91663 15.7955C7.91663 16.2475 7.73371 16.6811 7.40813 17.0008C7.08255 17.3204 6.64096 17.5 6.18051 17.5C5.72007 17.5 5.27848 17.3204 4.9529 17.0008C4.62731 16.6811 4.4444 16.2475 4.4444 15.7955C4.44574 15.6808 4.45924 15.5665 4.48468 15.4545H7.87635ZM15.5152 15.4545C15.5407 15.5665 15.5542 15.6808 15.5555 15.7955C15.5555 16.2475 15.3726 16.6811 15.047 17.0008C14.7214 17.3204 14.2798 17.5 13.8194 17.5C13.359 17.5 12.9174 17.3204 12.5918 17.0008C12.2662 16.6811 12.0833 16.2475 12.0833 15.7955C12.0846 15.6808 12.0981 15.5665 12.1236 15.4545H15.5152ZM8.61107 14.0909H10.6944V5.90909H8.61107V14.0909ZM14.8611 8.63636V5.90909H12.0833V8.63636H14.8611ZM7.22218 8.63636V5.90909H5.13885V8.63636H7.22218ZM15.5555 10H12.0833V14.0909H16.9444C17.3128 14.0909 17.666 13.9472 17.9265 13.6915C18.187 13.4358 18.3333 13.0889 18.3333 12.7273C18.3333 12.004 18.0406 11.3103 17.5197 10.7988C16.9988 10.2873 16.2922 10 15.5555 10ZM3.74996 8.63636V5.90909H1.66663V8.63636H3.74996ZM7.22218 10H1.66663V12.0455C1.66663 12.5879 1.88612 13.1082 2.27682 13.4918C2.66752 13.8754 3.19742 14.0909 3.74996 14.0909H7.22218V10Z', fill: activeColor }))) : (React.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        React.createElement("path", { d: 'M15.5556 9.31818H14.8612V5.22727C14.8612 4.50396 14.5685 3.81026 14.0476 3.2988C13.5267 2.78734 12.8201 2.5 12.0834 2.5H4.44453C3.70781 2.5 3.00127 2.78734 2.48034 3.2988C1.95941 3.81026 1.66675 4.50396 1.66675 5.22727L1.66675 12.7273C1.66824 13.1574 1.8081 13.5762 2.06638 13.9237C2.32465 14.2712 2.68814 14.5297 3.10494 14.6623C3.07351 14.8108 3.05699 14.962 3.05564 15.1136C3.05564 15.7465 3.31171 16.3535 3.76753 16.8011C4.22335 17.2486 4.84157 17.5 5.48619 17.5C6.13082 17.5 6.74904 17.2486 7.20485 16.8011C7.66067 16.3535 7.91675 15.7465 7.91675 15.1136C7.91566 14.9995 7.90614 14.8855 7.88828 14.7727H12.1119C12.094 14.8855 12.0845 14.9995 12.0834 15.1136C12.0834 15.7465 12.3395 16.3535 12.7953 16.8011C13.2511 17.2486 13.8693 17.5 14.514 17.5C15.1586 17.5 15.7768 17.2486 16.2326 16.8011C16.6884 16.3535 16.9445 15.7465 16.9445 15.1136C16.9432 14.962 16.9267 14.8108 16.8952 14.6623C17.312 14.5297 17.6755 14.2712 17.9338 13.9237C18.1921 13.5762 18.3319 13.1574 18.3334 12.7273V12.0455C18.3334 11.3221 18.0408 10.6284 17.5198 10.117C16.9989 9.60552 16.2923 9.31818 15.5556 9.31818ZM3.05564 9.31818V6.59091H4.44453V9.31818H3.05564ZM5.83341 6.59091H7.2223V9.31818H5.83341V6.59091ZM8.61119 6.59091H10.6945V13.4091H8.61119V6.59091ZM12.0834 6.59091H13.4723V9.31818H12.0834V6.59091ZM4.44453 3.86364H12.0834C12.4518 3.86364 12.805 4.0073 13.0655 4.26304C13.326 4.51877 13.4723 4.86561 13.4723 5.22727H3.05564C3.05564 4.86561 3.20197 4.51877 3.46243 4.26304C3.7229 4.0073 4.07617 3.86364 4.44453 3.86364ZM3.05564 10.6818H7.2223V13.4091H3.75008C3.5659 13.4091 3.38927 13.3373 3.25903 13.2094C3.1288 13.0815 3.05564 12.9081 3.05564 12.7273V10.6818ZM6.52786 15.1136C6.52786 15.3849 6.41811 15.645 6.22276 15.8368C6.02741 16.0286 5.76246 16.1364 5.48619 16.1364C5.20993 16.1364 4.94497 16.0286 4.74962 15.8368C4.55427 15.645 4.44453 15.3849 4.44453 15.1136C4.44483 14.9971 4.46671 14.8816 4.50911 14.7727H6.46328C6.50567 14.8816 6.52755 14.9971 6.52786 15.1136ZM14.514 16.1364C14.2377 16.1364 13.9728 16.0286 13.7774 15.8368C13.5821 15.645 13.4723 15.3849 13.4723 15.1136C13.4726 14.9971 13.4945 14.8816 13.5369 14.7727H15.4911C15.5334 14.8816 15.5553 14.9971 15.5556 15.1136C15.5556 15.3849 15.4459 15.645 15.2505 15.8368C15.0552 16.0286 14.7902 16.1364 14.514 16.1364ZM16.9445 12.7273C16.9445 12.9081 16.8714 13.0815 16.7411 13.2094C16.6109 13.3373 16.4343 13.4091 16.2501 13.4091H12.0834V10.6818H15.5556C15.924 10.6818 16.2773 10.8255 16.5377 11.0812C16.7982 11.3369 16.9445 11.6838 16.9445 12.0455V12.7273Z', fill: 'currentColor' })));
+}
+//# sourceMappingURL=van-hanh-xe-tuyen.js.map

package/dist/esm/components/MainWrapV4/assets/icon-v3/van-hanh-xe-tuyen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"van-hanh-xe-tuyen.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/van-hanh-xe-tuyen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAyD;QAAvD,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAC3E,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BACE,CAAC,EAAC,w1CAAw1C,EAC11C,IAAI,EAAE,WAAW,GACjB,CACE,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BACE,CAAC,EAAC,68EAA68E,EAC/8E,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/esm/components/MainWrapV4/assets/icon-v3/van-hanh-xe-tuyen.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='M1.76524 4.54545C1.91874 3.96172 2.26492 3.44437 2.74966 3.07429C3.2344 2.70421 3.83037 2.50226 4.4444 2.5H12.0833C12.6973 2.50226 13.2933 2.70421 13.778 3.07429C14.2628 3.44437 14.609 3.96172 14.7625 4.54545H1.76524ZM7.87635 15.4545C7.90179 15.5665 7.91529 15.6808 7.91663 15.7955C7.91663 16.2475 7.73371 16.6811 7.40813 17.0008C7.08255 17.3204 6.64096 17.5 6.18051 17.5C5.72007 17.5 5.27848 17.3204 4.9529 17.0008C4.62731 16.6811 4.4444 16.2475 4.4444 15.7955C4.44574 15.6808 4.45924 15.5665 4.48468 15.4545H7.87635ZM15.5152 15.4545C15.5407 15.5665 15.5542 15.6808 15.5555 15.7955C15.5555 16.2475 15.3726 16.6811 15.047 17.0008C14.7214 17.3204 14.2798 17.5 13.8194 17.5C13.359 17.5 12.9174 17.3204 12.5918 17.0008C12.2662 16.6811 12.0833 16.2475 12.0833 15.7955C12.0846 15.6808 12.0981 15.5665 12.1236 15.4545H15.5152ZM8.61107 14.0909H10.6944V5.90909H8.61107V14.0909ZM14.8611 8.63636V5.90909H12.0833V8.63636H14.8611ZM7.22218 8.63636V5.90909H5.13885V8.63636H7.22218ZM15.5555 10H12.0833V14.0909H16.9444C17.3128 14.0909 17.666 13.9472 17.9265 13.6915C18.187 13.4358 18.3333 13.0889 18.3333 12.7273C18.3333 12.004 18.0406 11.3103 17.5197 10.7988C16.9988 10.2873 16.2922 10 15.5555 10ZM3.74996 8.63636V5.90909H1.66663V8.63636H3.74996ZM7.22218 10H1.66663V12.0455C1.66663 12.5879 1.88612 13.1082 2.27682 13.4918C2.66752 13.8754 3.19742 14.0909 3.74996 14.0909H7.22218V10Z'
+        fill={activeColor}
+      />
+    </svg>
+  ) : (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M15.5556 9.31818H14.8612V5.22727C14.8612 4.50396 14.5685 3.81026 14.0476 3.2988C13.5267 2.78734 12.8201 2.5 12.0834 2.5H4.44453C3.70781 2.5 3.00127 2.78734 2.48034 3.2988C1.95941 3.81026 1.66675 4.50396 1.66675 5.22727L1.66675 12.7273C1.66824 13.1574 1.8081 13.5762 2.06638 13.9237C2.32465 14.2712 2.68814 14.5297 3.10494 14.6623C3.07351 14.8108 3.05699 14.962 3.05564 15.1136C3.05564 15.7465 3.31171 16.3535 3.76753 16.8011C4.22335 17.2486 4.84157 17.5 5.48619 17.5C6.13082 17.5 6.74904 17.2486 7.20485 16.8011C7.66067 16.3535 7.91675 15.7465 7.91675 15.1136C7.91566 14.9995 7.90614 14.8855 7.88828 14.7727H12.1119C12.094 14.8855 12.0845 14.9995 12.0834 15.1136C12.0834 15.7465 12.3395 16.3535 12.7953 16.8011C13.2511 17.2486 13.8693 17.5 14.514 17.5C15.1586 17.5 15.7768 17.2486 16.2326 16.8011C16.6884 16.3535 16.9445 15.7465 16.9445 15.1136C16.9432 14.962 16.9267 14.8108 16.8952 14.6623C17.312 14.5297 17.6755 14.2712 17.9338 13.9237C18.1921 13.5762 18.3319 13.1574 18.3334 12.7273V12.0455C18.3334 11.3221 18.0408 10.6284 17.5198 10.117C16.9989 9.60552 16.2923 9.31818 15.5556 9.31818ZM3.05564 9.31818V6.59091H4.44453V9.31818H3.05564ZM5.83341 6.59091H7.2223V9.31818H5.83341V6.59091ZM8.61119 6.59091H10.6945V13.4091H8.61119V6.59091ZM12.0834 6.59091H13.4723V9.31818H12.0834V6.59091ZM4.44453 3.86364H12.0834C12.4518 3.86364 12.805 4.0073 13.0655 4.26304C13.326 4.51877 13.4723 4.86561 13.4723 5.22727H3.05564C3.05564 4.86561 3.20197 4.51877 3.46243 4.26304C3.7229 4.0073 4.07617 3.86364 4.44453 3.86364ZM3.05564 10.6818H7.2223V13.4091H3.75008C3.5659 13.4091 3.38927 13.3373 3.25903 13.2094C3.1288 13.0815 3.05564 12.9081 3.05564 12.7273V10.6818ZM6.52786 15.1136C6.52786 15.3849 6.41811 15.645 6.22276 15.8368C6.02741 16.0286 5.76246 16.1364 5.48619 16.1364C5.20993 16.1364 4.94497 16.0286 4.74962 15.8368C4.55427 15.645 4.44453 15.3849 4.44453 15.1136C4.44483 14.9971 4.46671 14.8816 4.50911 14.7727H6.46328C6.50567 14.8816 6.52755 14.9971 6.52786 15.1136ZM14.514 16.1364C14.2377 16.1364 13.9728 16.0286 13.7774 15.8368C13.5821 15.645 13.4723 15.3849 13.4723 15.1136C13.4726 14.9971 13.4945 14.8816 13.5369 14.7727H15.4911C15.5334 14.8816 15.5553 14.9971 15.5556 15.1136C15.5556 15.3849 15.4459 15.645 15.2505 15.8368C15.0552 16.0286 14.7902 16.1364 14.514 16.1364ZM16.9445 12.7273C16.9445 12.9081 16.8714 13.0815 16.7411 13.2094C16.6109 13.3373 16.4343 13.4091 16.2501 13.4091H12.0834V10.6818H15.5556C15.924 10.6818 16.2773 10.8255 16.5377 11.0812C16.7982 11.3369 16.9445 11.6838 16.9445 12.0455V12.7273Z'
+        fill='currentColor'
+      />
+    </svg>
+  )
+}

package/dist/esm/components/MainWrapV4/assets/icon-v3/xe-tuyen.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/esm/components/MainWrapV4/assets/icon-v3/xe-tuyen.js

@@ -0,0 +1,8 @@
+import React from 'react';
+export default 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.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        React.createElement("path", { d: 'M3.05551 11.3853C2.68716 11.3853 2.33389 11.239 2.07342 10.9786C1.81295 10.7182 1.66663 10.365 1.66663 9.99679V9.30253C1.66663 8.93427 1.81295 8.58109 2.07342 8.32069C2.33389 8.06029 2.68716 7.914 3.05551 7.914V5.83121H9.30551V11.3853H3.05551ZM14.4097 2.24187C11.5199 1.47472 8.47998 1.47472 5.59024 2.24187C5.05404 2.39677 4.56249 2.67722 4.15634 3.05996C3.7502 3.44269 3.44115 3.9167 3.25482 4.44268H16.7451C16.5588 3.9167 16.2497 3.44269 15.8436 3.05996C15.4374 2.67722 14.9459 2.39677 14.4097 2.24187ZM14.1666 13.4681C14.1666 13.6522 14.0935 13.8288 13.9632 13.959C13.833 14.0892 13.6564 14.1624 13.4722 14.1624C13.288 14.1624 13.1114 14.0892 12.9811 13.959C12.8509 13.8288 12.7777 13.6522 12.7777 13.4681V12.7738H7.22218V13.4681C7.22218 13.6522 7.14902 13.8288 7.01878 13.959C6.88855 14.0892 6.71192 14.1624 6.52774 14.1624C6.34356 14.1624 6.16692 14.0892 6.03669 13.959C5.90646 13.8288 5.83329 13.6522 5.83329 13.4681V12.7738H3.05551V13.4681C3.05713 14.0043 3.18345 14.5327 3.4245 15.0117C3.66555 15.4906 4.01471 15.907 4.4444 16.2278V16.5923C4.44481 17.0221 4.60475 17.4365 4.89323 17.7552C5.18172 18.0739 5.57823 18.2743 6.006 18.3175C6.43377 18.3607 6.86236 18.2437 7.20878 17.9891C7.5552 17.7345 7.79481 17.3605 7.88121 16.9394H12.1173C12.2023 17.362 12.4414 17.7379 12.7883 17.9939C13.1352 18.2499 13.5649 18.3677 13.9939 18.3244C14.4228 18.2811 14.8203 18.0797 15.109 17.7596C15.3976 17.4394 15.5568 17.0233 15.5555 16.5923V16.2278C15.9852 15.907 16.3344 15.4906 16.5754 15.0117C16.8165 14.5327 16.9428 14.0043 16.9444 13.4681V12.7738H14.1666V13.4681ZM16.9444 7.914V5.83121H10.6944V11.3853H16.9444C17.3128 11.3853 17.666 11.239 17.9265 10.9786C18.187 10.7182 18.3333 10.365 18.3333 9.99679V9.30253C18.3333 8.93427 18.187 8.58109 17.9265 8.32069C17.666 8.06029 17.3128 7.914 16.9444 7.914Z', fill: activeColor }))) : (React.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        React.createElement("path", { d: 'M16.9445 8.60971V5.58626C16.9401 4.8298 16.6908 4.09512 16.2338 3.49224C15.7769 2.88936 15.1369 2.45071 14.4098 2.24199C11.5201 1.47468 8.4801 1.47468 5.59036 2.24199C4.86322 2.45071 4.22326 2.88936 3.76632 3.49224C3.30938 4.09512 3.06004 4.8298 3.05564 5.58626V8.60971C2.68728 8.60971 2.33401 8.75603 2.07354 9.01648C1.81308 9.27694 1.66675 9.63019 1.66675 9.99852L1.66675 10.6929C1.66675 11.0613 1.81308 11.4145 2.07354 11.675C2.33401 11.9354 2.68728 12.0817 3.05564 12.0817V13.4706C3.05531 14.0096 3.18067 14.5414 3.42177 15.0235C3.66286 15.5057 4.01305 15.925 4.44453 16.2482V16.5954C4.44409 17.0259 4.60365 17.4412 4.89222 17.7607C5.1808 18.0802 5.5778 18.2811 6.00616 18.3244C6.43452 18.3676 6.86367 18.2502 7.21031 17.9949C7.55696 17.7395 7.79635 17.3645 7.88203 16.9426H12.1181C12.2038 17.3645 12.4432 17.7395 12.7898 17.9949C13.1365 18.2502 13.5656 18.3676 13.994 18.3244C14.4224 18.2811 14.8194 18.0802 15.1079 17.7607C15.3965 17.4412 15.5561 17.0259 15.5556 16.5954V16.2482C15.9871 15.925 16.3373 15.5057 16.5784 15.0235C16.8195 14.5414 16.9448 14.0096 16.9445 13.4706V12.0817C17.3129 12.0817 17.6662 11.9354 17.9266 11.675C18.1871 11.4145 18.3334 11.0613 18.3334 10.6929V9.99852C18.3334 9.63019 18.1871 9.27694 17.9266 9.01648C17.6662 8.75603 17.3129 8.60971 16.9445 8.60971ZM10.6945 10.6929V6.52648H15.5556V10.6929H10.6945ZM4.44453 10.6929V6.52648H9.30564V10.6929H4.44453ZM5.9723 3.57664C8.61238 2.8806 11.3878 2.8806 14.0279 3.57664C14.3932 3.6776 14.7241 3.87633 14.9849 4.1514C15.2456 4.42647 15.4264 4.76747 15.5077 5.13767H4.49244C4.57376 4.76747 4.75454 4.42647 5.01531 4.1514C5.27608 3.87633 5.60696 3.6776 5.9723 3.57664ZM13.4723 15.5538H6.52786C5.97532 15.5538 5.44542 15.3343 5.05472 14.9436C4.66402 14.5529 4.44453 14.0231 4.44453 13.4706V12.0817H5.83341V12.7762C5.83341 12.9603 5.90658 13.137 6.03681 13.2672C6.16705 13.3974 6.34368 13.4706 6.52786 13.4706C6.71204 13.4706 6.88867 13.3974 7.01891 13.2672C7.14914 13.137 7.2223 12.9603 7.2223 12.7762V12.0817H12.7779V12.7762C12.7779 12.9603 12.851 13.137 12.9813 13.2672C13.1115 13.3974 13.2881 13.4706 13.4723 13.4706C13.6565 13.4706 13.8331 13.3974 13.9634 13.2672C14.0936 13.137 14.1667 12.9603 14.1667 12.7762V12.0817H15.5556V13.4706C15.5556 14.0231 15.3361 14.5529 14.9454 14.9436C14.5547 15.3343 14.0248 15.5538 13.4723 15.5538Z', fill: 'currentColor' })));
+}
+//# sourceMappingURL=xe-tuyen.js.map

package/dist/esm/components/MainWrapV4/assets/icon-v3/xe-tuyen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xe-tuyen.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/xe-tuyen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAyD;QAAvD,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAC3E,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BACE,CAAC,EAAC,0wDAA0wD,EAC5wD,IAAI,EAAE,WAAW,GACjB,CACE,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BACE,CAAC,EAAC,swEAAswE,EACxwE,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/esm/components/MainWrapV4/assets/icon-v3/xe-tuyen.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='M3.05551 11.3853C2.68716 11.3853 2.33389 11.239 2.07342 10.9786C1.81295 10.7182 1.66663 10.365 1.66663 9.99679V9.30253C1.66663 8.93427 1.81295 8.58109 2.07342 8.32069C2.33389 8.06029 2.68716 7.914 3.05551 7.914V5.83121H9.30551V11.3853H3.05551ZM14.4097 2.24187C11.5199 1.47472 8.47998 1.47472 5.59024 2.24187C5.05404 2.39677 4.56249 2.67722 4.15634 3.05996C3.7502 3.44269 3.44115 3.9167 3.25482 4.44268H16.7451C16.5588 3.9167 16.2497 3.44269 15.8436 3.05996C15.4374 2.67722 14.9459 2.39677 14.4097 2.24187ZM14.1666 13.4681C14.1666 13.6522 14.0935 13.8288 13.9632 13.959C13.833 14.0892 13.6564 14.1624 13.4722 14.1624C13.288 14.1624 13.1114 14.0892 12.9811 13.959C12.8509 13.8288 12.7777 13.6522 12.7777 13.4681V12.7738H7.22218V13.4681C7.22218 13.6522 7.14902 13.8288 7.01878 13.959C6.88855 14.0892 6.71192 14.1624 6.52774 14.1624C6.34356 14.1624 6.16692 14.0892 6.03669 13.959C5.90646 13.8288 5.83329 13.6522 5.83329 13.4681V12.7738H3.05551V13.4681C3.05713 14.0043 3.18345 14.5327 3.4245 15.0117C3.66555 15.4906 4.01471 15.907 4.4444 16.2278V16.5923C4.44481 17.0221 4.60475 17.4365 4.89323 17.7552C5.18172 18.0739 5.57823 18.2743 6.006 18.3175C6.43377 18.3607 6.86236 18.2437 7.20878 17.9891C7.5552 17.7345 7.79481 17.3605 7.88121 16.9394H12.1173C12.2023 17.362 12.4414 17.7379 12.7883 17.9939C13.1352 18.2499 13.5649 18.3677 13.9939 18.3244C14.4228 18.2811 14.8203 18.0797 15.109 17.7596C15.3976 17.4394 15.5568 17.0233 15.5555 16.5923V16.2278C15.9852 15.907 16.3344 15.4906 16.5754 15.0117C16.8165 14.5327 16.9428 14.0043 16.9444 13.4681V12.7738H14.1666V13.4681ZM16.9444 7.914V5.83121H10.6944V11.3853H16.9444C17.3128 11.3853 17.666 11.239 17.9265 10.9786C18.187 10.7182 18.3333 10.365 18.3333 9.99679V9.30253C18.3333 8.93427 18.187 8.58109 17.9265 8.32069C17.666 8.06029 17.3128 7.914 16.9444 7.914Z'
+        fill={activeColor}
+      />
+    </svg>
+  ) : (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M16.9445 8.60971V5.58626C16.9401 4.8298 16.6908 4.09512 16.2338 3.49224C15.7769 2.88936 15.1369 2.45071 14.4098 2.24199C11.5201 1.47468 8.4801 1.47468 5.59036 2.24199C4.86322 2.45071 4.22326 2.88936 3.76632 3.49224C3.30938 4.09512 3.06004 4.8298 3.05564 5.58626V8.60971C2.68728 8.60971 2.33401 8.75603 2.07354 9.01648C1.81308 9.27694 1.66675 9.63019 1.66675 9.99852L1.66675 10.6929C1.66675 11.0613 1.81308 11.4145 2.07354 11.675C2.33401 11.9354 2.68728 12.0817 3.05564 12.0817V13.4706C3.05531 14.0096 3.18067 14.5414 3.42177 15.0235C3.66286 15.5057 4.01305 15.925 4.44453 16.2482V16.5954C4.44409 17.0259 4.60365 17.4412 4.89222 17.7607C5.1808 18.0802 5.5778 18.2811 6.00616 18.3244C6.43452 18.3676 6.86367 18.2502 7.21031 17.9949C7.55696 17.7395 7.79635 17.3645 7.88203 16.9426H12.1181C12.2038 17.3645 12.4432 17.7395 12.7898 17.9949C13.1365 18.2502 13.5656 18.3676 13.994 18.3244C14.4224 18.2811 14.8194 18.0802 15.1079 17.7607C15.3965 17.4412 15.5561 17.0259 15.5556 16.5954V16.2482C15.9871 15.925 16.3373 15.5057 16.5784 15.0235C16.8195 14.5414 16.9448 14.0096 16.9445 13.4706V12.0817C17.3129 12.0817 17.6662 11.9354 17.9266 11.675C18.1871 11.4145 18.3334 11.0613 18.3334 10.6929V9.99852C18.3334 9.63019 18.1871 9.27694 17.9266 9.01648C17.6662 8.75603 17.3129 8.60971 16.9445 8.60971ZM10.6945 10.6929V6.52648H15.5556V10.6929H10.6945ZM4.44453 10.6929V6.52648H9.30564V10.6929H4.44453ZM5.9723 3.57664C8.61238 2.8806 11.3878 2.8806 14.0279 3.57664C14.3932 3.6776 14.7241 3.87633 14.9849 4.1514C15.2456 4.42647 15.4264 4.76747 15.5077 5.13767H4.49244C4.57376 4.76747 4.75454 4.42647 5.01531 4.1514C5.27608 3.87633 5.60696 3.6776 5.9723 3.57664ZM13.4723 15.5538H6.52786C5.97532 15.5538 5.44542 15.3343 5.05472 14.9436C4.66402 14.5529 4.44453 14.0231 4.44453 13.4706V12.0817H5.83341V12.7762C5.83341 12.9603 5.90658 13.137 6.03681 13.2672C6.16705 13.3974 6.34368 13.4706 6.52786 13.4706C6.71204 13.4706 6.88867 13.3974 7.01891 13.2672C7.14914 13.137 7.2223 12.9603 7.2223 12.7762V12.0817H12.7779V12.7762C12.7779 12.9603 12.851 13.137 12.9813 13.2672C13.1115 13.3974 13.2881 13.4706 13.4723 13.4706C13.6565 13.4706 13.8331 13.3974 13.9634 13.2672C14.0936 13.137 14.1667 12.9603 14.1667 12.7762V12.0817H15.5556V13.4706C15.5556 14.0231 15.3361 14.5529 14.9454 14.9436C14.5547 15.3343 14.0248 15.5538 13.4723 15.5538Z'
+        fill='currentColor'
+      />
+    </svg>
+  )
+}

package/dist/esm/components/MainWrapV4/assets/icon-v3/y-te.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/esm/components/MainWrapV4/assets/icon-v3/y-te.js

@@ -0,0 +1,8 @@
+import React from 'react';
+export default 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.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        React.createElement("path", { d: 'M14.8611 5.22727H12.7777V4.54545C12.7777 4.00297 12.5582 3.4827 12.1675 3.0991C11.7768 2.7155 11.2469 2.5 10.6944 2.5H9.30551C8.75298 2.5 8.22308 2.7155 7.83238 3.0991C7.44167 3.4827 7.22218 4.00297 7.22218 4.54545V5.22727H5.13885C4.2183 5.22836 3.33576 5.58787 2.68483 6.22697C2.03391 6.86606 1.66773 7.73255 1.66663 8.63636L1.66663 14.0909C1.66773 14.9947 2.03391 15.8612 2.68483 16.5003C3.33576 17.1394 4.2183 17.4989 5.13885 17.5H14.8611C15.7816 17.4989 16.6642 17.1394 17.3151 16.5003C17.966 15.8612 18.3322 14.9947 18.3333 14.0909V8.63636C18.3322 7.73255 17.966 6.86606 17.3151 6.22697C16.6642 5.58787 15.7816 5.22836 14.8611 5.22727ZM8.61107 4.54545C8.61107 4.36463 8.68423 4.1912 8.81447 4.06334C8.9447 3.93547 9.12134 3.86364 9.30551 3.86364H10.6944C10.8786 3.86364 11.0552 3.93547 11.1854 4.06334C11.3157 4.1912 11.3888 4.36463 11.3888 4.54545V5.22727H8.61107V4.54545ZM12.0833 12.0455H10.6944V13.4091C10.6944 13.5899 10.6212 13.7633 10.491 13.8912C10.3608 14.0191 10.1841 14.0909 9.99996 14.0909C9.81578 14.0909 9.63915 14.0191 9.50891 13.8912C9.37868 13.7633 9.30551 13.5899 9.30551 13.4091V12.0455H7.91663C7.73245 12.0455 7.55581 11.9736 7.42558 11.8458C7.29535 11.7179 7.22218 11.5445 7.22218 11.3636C7.22218 11.1828 7.29535 11.0094 7.42558 10.8815C7.55581 10.7537 7.73245 10.6818 7.91663 10.6818H9.30551V9.31818C9.30551 9.13735 9.37868 8.96393 9.50891 8.83606C9.63915 8.7082 9.81578 8.63636 9.99996 8.63636C10.1841 8.63636 10.3608 8.7082 10.491 8.83606C10.6212 8.96393 10.6944 9.13735 10.6944 9.31818V10.6818H12.0833C12.2675 10.6818 12.4441 10.7537 12.5743 10.8815C12.7046 11.0094 12.7777 11.1828 12.7777 11.3636C12.7777 11.5445 12.7046 11.7179 12.5743 11.8458C12.4441 11.9736 12.2675 12.0455 12.0833 12.0455Z', fill: activeColor }))) : (React.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        React.createElement("path", { d: 'M14.8612 5.22727H12.7779V4.54545C12.7779 4.00297 12.5584 3.4827 12.1677 3.0991C11.777 2.7155 11.2471 2.5 10.6945 2.5H9.30564C8.7531 2.5 8.2232 2.7155 7.8325 3.0991C7.4418 3.4827 7.2223 4.00297 7.2223 4.54545V5.22727H5.13897C4.21842 5.22836 3.33589 5.58787 2.68496 6.22697C2.03403 6.86606 1.66785 7.73255 1.66675 8.63636L1.66675 14.0909C1.66785 14.9947 2.03403 15.8612 2.68496 16.5003C3.33589 17.1394 4.21842 17.4989 5.13897 17.5H14.8612C15.7817 17.4989 16.6643 17.1394 17.3152 16.5003C17.9661 15.8612 18.3323 14.9947 18.3334 14.0909V8.63636C18.3323 7.73255 17.9661 6.86606 17.3152 6.22697C16.6643 5.58787 15.7817 5.22836 14.8612 5.22727ZM8.61119 4.54545C8.61119 4.36463 8.68436 4.1912 8.81459 4.06334C8.94482 3.93547 9.12146 3.86364 9.30564 3.86364H10.6945C10.8787 3.86364 11.0553 3.93547 11.1856 4.06334C11.3158 4.1912 11.389 4.36463 11.389 4.54545V5.22727H8.61119V4.54545ZM16.9445 14.0909C16.9445 14.6334 16.725 15.1537 16.3343 15.5373C15.9436 15.9209 15.4137 16.1364 14.8612 16.1364H5.13897C4.58644 16.1364 4.05653 15.9209 3.66583 15.5373C3.27513 15.1537 3.05564 14.6334 3.05564 14.0909V8.63636C3.05564 8.09388 3.27513 7.57361 3.66583 7.19001C4.05653 6.80641 4.58644 6.59091 5.13897 6.59091H14.8612C15.4137 6.59091 15.9436 6.80641 16.3343 7.19001C16.725 7.57361 16.9445 8.09388 16.9445 8.63636V14.0909ZM12.7779 11.3636C12.7779 11.5445 12.7047 11.7179 12.5745 11.8458C12.4442 11.9736 12.2676 12.0455 12.0834 12.0455H10.6945V13.4091C10.6945 13.5899 10.6214 13.7633 10.4911 13.8912C10.3609 14.0191 10.1843 14.0909 10.0001 14.0909C9.8159 14.0909 9.63927 14.0191 9.50903 13.8912C9.3788 13.7633 9.30564 13.5899 9.30564 13.4091V12.0455H7.91675C7.73257 12.0455 7.55594 11.9736 7.4257 11.8458C7.29547 11.7179 7.2223 11.5445 7.2223 11.3636C7.2223 11.1828 7.29547 11.0094 7.4257 10.8815C7.55594 10.7537 7.73257 10.6818 7.91675 10.6818H9.30564V9.31818C9.30564 9.13735 9.3788 8.96393 9.50903 8.83606C9.63927 8.7082 9.8159 8.63636 10.0001 8.63636C10.1843 8.63636 10.3609 8.7082 10.4911 8.83606C10.6214 8.96393 10.6945 9.13735 10.6945 9.31818V10.6818H12.0834C12.2676 10.6818 12.4442 10.7537 12.5745 10.8815C12.7047 11.0094 12.7779 11.1828 12.7779 11.3636Z', fill: 'currentColor' })));
+}
+//# sourceMappingURL=y-te.js.map

package/dist/esm/components/MainWrapV4/assets/icon-v3/y-te.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"y-te.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/y-te.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAyD;QAAvD,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAC3E,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BACE,CAAC,EAAC,6rDAA6rD,EAC/rD,IAAI,EAAE,WAAW,GACjB,CACE,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BACE,CAAC,EAAC,imEAAimE,EACnmE,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/esm/components/MainWrapV4/assets/icon-v3/y-te.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='M14.8611 5.22727H12.7777V4.54545C12.7777 4.00297 12.5582 3.4827 12.1675 3.0991C11.7768 2.7155 11.2469 2.5 10.6944 2.5H9.30551C8.75298 2.5 8.22308 2.7155 7.83238 3.0991C7.44167 3.4827 7.22218 4.00297 7.22218 4.54545V5.22727H5.13885C4.2183 5.22836 3.33576 5.58787 2.68483 6.22697C2.03391 6.86606 1.66773 7.73255 1.66663 8.63636L1.66663 14.0909C1.66773 14.9947 2.03391 15.8612 2.68483 16.5003C3.33576 17.1394 4.2183 17.4989 5.13885 17.5H14.8611C15.7816 17.4989 16.6642 17.1394 17.3151 16.5003C17.966 15.8612 18.3322 14.9947 18.3333 14.0909V8.63636C18.3322 7.73255 17.966 6.86606 17.3151 6.22697C16.6642 5.58787 15.7816 5.22836 14.8611 5.22727ZM8.61107 4.54545C8.61107 4.36463 8.68423 4.1912 8.81447 4.06334C8.9447 3.93547 9.12134 3.86364 9.30551 3.86364H10.6944C10.8786 3.86364 11.0552 3.93547 11.1854 4.06334C11.3157 4.1912 11.3888 4.36463 11.3888 4.54545V5.22727H8.61107V4.54545ZM12.0833 12.0455H10.6944V13.4091C10.6944 13.5899 10.6212 13.7633 10.491 13.8912C10.3608 14.0191 10.1841 14.0909 9.99996 14.0909C9.81578 14.0909 9.63915 14.0191 9.50891 13.8912C9.37868 13.7633 9.30551 13.5899 9.30551 13.4091V12.0455H7.91663C7.73245 12.0455 7.55581 11.9736 7.42558 11.8458C7.29535 11.7179 7.22218 11.5445 7.22218 11.3636C7.22218 11.1828 7.29535 11.0094 7.42558 10.8815C7.55581 10.7537 7.73245 10.6818 7.91663 10.6818H9.30551V9.31818C9.30551 9.13735 9.37868 8.96393 9.50891 8.83606C9.63915 8.7082 9.81578 8.63636 9.99996 8.63636C10.1841 8.63636 10.3608 8.7082 10.491 8.83606C10.6212 8.96393 10.6944 9.13735 10.6944 9.31818V10.6818H12.0833C12.2675 10.6818 12.4441 10.7537 12.5743 10.8815C12.7046 11.0094 12.7777 11.1828 12.7777 11.3636C12.7777 11.5445 12.7046 11.7179 12.5743 11.8458C12.4441 11.9736 12.2675 12.0455 12.0833 12.0455Z'
+        fill={activeColor}
+      />
+    </svg>
+  ) : (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M14.8612 5.22727H12.7779V4.54545C12.7779 4.00297 12.5584 3.4827 12.1677 3.0991C11.777 2.7155 11.2471 2.5 10.6945 2.5H9.30564C8.7531 2.5 8.2232 2.7155 7.8325 3.0991C7.4418 3.4827 7.2223 4.00297 7.2223 4.54545V5.22727H5.13897C4.21842 5.22836 3.33589 5.58787 2.68496 6.22697C2.03403 6.86606 1.66785 7.73255 1.66675 8.63636L1.66675 14.0909C1.66785 14.9947 2.03403 15.8612 2.68496 16.5003C3.33589 17.1394 4.21842 17.4989 5.13897 17.5H14.8612C15.7817 17.4989 16.6643 17.1394 17.3152 16.5003C17.9661 15.8612 18.3323 14.9947 18.3334 14.0909V8.63636C18.3323 7.73255 17.9661 6.86606 17.3152 6.22697C16.6643 5.58787 15.7817 5.22836 14.8612 5.22727ZM8.61119 4.54545C8.61119 4.36463 8.68436 4.1912 8.81459 4.06334C8.94482 3.93547 9.12146 3.86364 9.30564 3.86364H10.6945C10.8787 3.86364 11.0553 3.93547 11.1856 4.06334C11.3158 4.1912 11.389 4.36463 11.389 4.54545V5.22727H8.61119V4.54545ZM16.9445 14.0909C16.9445 14.6334 16.725 15.1537 16.3343 15.5373C15.9436 15.9209 15.4137 16.1364 14.8612 16.1364H5.13897C4.58644 16.1364 4.05653 15.9209 3.66583 15.5373C3.27513 15.1537 3.05564 14.6334 3.05564 14.0909V8.63636C3.05564 8.09388 3.27513 7.57361 3.66583 7.19001C4.05653 6.80641 4.58644 6.59091 5.13897 6.59091H14.8612C15.4137 6.59091 15.9436 6.80641 16.3343 7.19001C16.725 7.57361 16.9445 8.09388 16.9445 8.63636V14.0909ZM12.7779 11.3636C12.7779 11.5445 12.7047 11.7179 12.5745 11.8458C12.4442 11.9736 12.2676 12.0455 12.0834 12.0455H10.6945V13.4091C10.6945 13.5899 10.6214 13.7633 10.4911 13.8912C10.3609 14.0191 10.1843 14.0909 10.0001 14.0909C9.8159 14.0909 9.63927 14.0191 9.50903 13.8912C9.3788 13.7633 9.30564 13.5899 9.30564 13.4091V12.0455H7.91675C7.73257 12.0455 7.55594 11.9736 7.4257 11.8458C7.29547 11.7179 7.2223 11.5445 7.2223 11.3636C7.2223 11.1828 7.29547 11.0094 7.4257 10.8815C7.55594 10.7537 7.73257 10.6818 7.91675 10.6818H9.30564V9.31818C9.30564 9.13735 9.3788 8.96393 9.50903 8.83606C9.63927 8.7082 9.8159 8.63636 10.0001 8.63636C10.1843 8.63636 10.3609 8.7082 10.4911 8.83606C10.6214 8.96393 10.6945 9.13735 10.6945 9.31818V10.6818H12.0834C12.2676 10.6818 12.4442 10.7537 12.5745 10.8815C12.7047 11.0094 12.7779 11.1828 12.7779 11.3636Z'
+        fill='currentColor'
+      />
+    </svg>
+  )
+}

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

@@ -0,0 +1,65 @@
+import ACTIVITY_HISTORY from './icon-v3/activity-history';
+import FOOD from './icon-v3/bep-an';
+import HRM_CHECKIN from './icon-v3/cham-cong';
+import CHAM_TIET from './icon-v3/cham-tiet';
+import CHAT_DASHBOARD from './icon-v3/chat';
+import STORE from './icon-v3/cua-hang';
+import STUDENT_AFFAIRS from './icon-v3/diem-danh';
+import CIVILIZED_POINT from './icon-v3/diem-van-minh';
+import GIAOVU from './icon-v3/giao-vu';
+import FEEDBACK from './icon-v3/gop-y';
+import TUITION from './icon-v3/hoc-phi';
+import DASHBOARD from './icon-v3/home-icon';
+import LMS from './icon-v3/lms';
+import HRM_SALARY from './icon-v3/nhan-su';
+import NOITRU from './icon-v3/noi-tru-icon';
+import PBF_STONE from './icon-v3/pbf';
+import DEPARTMENT from './icon-v3/phong-ban';
+import ROBOT_MOTION from './icon-v3/robot-motion';
+import SETTING_SITE from './icon-v3/setting';
+import ASSET from './icon-v3/tai-san';
+import TEAM_BUILDING from './icon-v3/team-building';
+import SEGMENT_USER from './icon-v3/tep-doi-tuong';
+import BROADCAST from './icon-v3/thong-bao';
+import LIBRARY_TIEU_HOC from './icon-v3/thu-vien-tieu-hoc';
+import LIBRARY_TRUNG_HOC from './icon-v3/thu-vien-trung-hoc';
+import EVENT from './icon-v3/truyen-thong';
+import ENROLL from './icon-v3/tuyen-sinh';
+import USER from './icon-v3/user';
+import BUS_OPERATE from './icon-v3/van-hanh-xe-tuyen';
+import BUS_MANAGE from './icon-v3/xe-tuyen';
+import MEDICAL from './icon-v3/y-te';
+export declare const IconV3: {
+    DASHBOARD: typeof DASHBOARD;
+    NOITRU: typeof NOITRU;
+    USER: typeof USER;
+    GIAOVU: typeof GIAOVU;
+    STUDENT_AFFAIRS: typeof STUDENT_AFFAIRS;
+    CIVILIZED_POINT: typeof CIVILIZED_POINT;
+    CHAM_TIET: typeof CHAM_TIET;
+    TUITION: typeof TUITION;
+    BUS_MANAGE: typeof BUS_MANAGE;
+    BUS_OPERATE: typeof BUS_OPERATE;
+    STORE: typeof STORE;
+    FOOD: typeof FOOD;
+    ASSET: typeof ASSET;
+    LIBRARY_TIEU_HOC: typeof LIBRARY_TIEU_HOC;
+    LIBRARY_TRUNG_HOC: typeof LIBRARY_TRUNG_HOC;
+    MEDICAL: typeof MEDICAL;
+    EVENT: typeof EVENT;
+    SEGMENT_USER: typeof SEGMENT_USER;
+    CHAT_DASHBOARD: typeof CHAT_DASHBOARD;
+    FEEDBACK: typeof FEEDBACK;
+    HRM_SALARY: typeof HRM_SALARY;
+    DEPARTMENT: typeof DEPARTMENT;
+    HRM_CHECKIN: typeof HRM_CHECKIN;
+    EMAIL_DASHBOARD: typeof HRM_CHECKIN;
+    BROADCAST: typeof BROADCAST;
+    ROBOT_MOTION: typeof ROBOT_MOTION;
+    ENROLL: typeof ENROLL;
+    TEAM_BUILDING: typeof TEAM_BUILDING;
+    LMS: typeof LMS;
+    PBF_STONE: typeof PBF_STONE;
+    SETTING_SITE: typeof SETTING_SITE;
+    ACTIVITY_HISTORY: typeof ACTIVITY_HISTORY;
+};

package/dist/esm/components/MainWrapV4/assets/icon-v3.js

@@ -0,0 +1,67 @@
+import ACTIVITY_HISTORY from './icon-v3/activity-history';
+import FOOD from './icon-v3/bep-an';
+import HRM_CHECKIN from './icon-v3/cham-cong';
+import EMAIL_DASHBOARD from './icon-v3/cham-cong';
+import CHAM_TIET from './icon-v3/cham-tiet';
+import CHAT_DASHBOARD from './icon-v3/chat';
+import STORE from './icon-v3/cua-hang';
+import STUDENT_AFFAIRS from './icon-v3/diem-danh';
+import CIVILIZED_POINT from './icon-v3/diem-van-minh';
+import GIAOVU from './icon-v3/giao-vu';
+import FEEDBACK from './icon-v3/gop-y';
+import TUITION from './icon-v3/hoc-phi';
+import DASHBOARD from './icon-v3/home-icon';
+import LMS from './icon-v3/lms';
+import HRM_SALARY from './icon-v3/nhan-su';
+import NOITRU from './icon-v3/noi-tru-icon';
+import PBF_STONE from './icon-v3/pbf';
+import DEPARTMENT from './icon-v3/phong-ban';
+import ROBOT_MOTION from './icon-v3/robot-motion';
+import SETTING_SITE from './icon-v3/setting';
+import ASSET from './icon-v3/tai-san';
+import TEAM_BUILDING from './icon-v3/team-building';
+import SEGMENT_USER from './icon-v3/tep-doi-tuong';
+import BROADCAST from './icon-v3/thong-bao';
+import LIBRARY_TIEU_HOC from './icon-v3/thu-vien-tieu-hoc';
+import LIBRARY_TRUNG_HOC from './icon-v3/thu-vien-trung-hoc';
+import EVENT from './icon-v3/truyen-thong';
+import ENROLL from './icon-v3/tuyen-sinh';
+import USER from './icon-v3/user';
+import BUS_OPERATE from './icon-v3/van-hanh-xe-tuyen';
+import BUS_MANAGE from './icon-v3/xe-tuyen';
+import MEDICAL from './icon-v3/y-te';
+export var IconV3 = {
+    DASHBOARD: DASHBOARD,
+    NOITRU: NOITRU,
+    USER: USER,
+    GIAOVU: GIAOVU,
+    STUDENT_AFFAIRS: STUDENT_AFFAIRS,
+    CIVILIZED_POINT: CIVILIZED_POINT,
+    CHAM_TIET: CHAM_TIET,
+    TUITION: TUITION,
+    BUS_MANAGE: BUS_MANAGE,
+    BUS_OPERATE: BUS_OPERATE,
+    STORE: STORE,
+    FOOD: FOOD,
+    ASSET: ASSET,
+    LIBRARY_TIEU_HOC: LIBRARY_TIEU_HOC,
+    LIBRARY_TRUNG_HOC: LIBRARY_TRUNG_HOC,
+    MEDICAL: MEDICAL,
+    EVENT: EVENT,
+    SEGMENT_USER: SEGMENT_USER,
+    CHAT_DASHBOARD: CHAT_DASHBOARD,
+    FEEDBACK: FEEDBACK,
+    HRM_SALARY: HRM_SALARY,
+    DEPARTMENT: DEPARTMENT,
+    HRM_CHECKIN: HRM_CHECKIN,
+    EMAIL_DASHBOARD: EMAIL_DASHBOARD,
+    BROADCAST: BROADCAST,
+    ROBOT_MOTION: ROBOT_MOTION,
+    ENROLL: ENROLL,
+    TEAM_BUILDING: TEAM_BUILDING,
+    LMS: LMS,
+    PBF_STONE: PBF_STONE,
+    SETTING_SITE: SETTING_SITE,
+    ACTIVITY_HISTORY: ACTIVITY_HISTORY,
+};
+//# sourceMappingURL=icon-v3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-v3.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/assets/icon-v3.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,4BAA4B,CAAA;AACzD,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,WAAW,MAAM,qBAAqB,CAAA;AAC7C,OAAO,eAAe,MAAM,qBAAqB,CAAA;AACjD,OAAO,SAAS,MAAM,qBAAqB,CAAA;AAC3C,OAAO,cAAc,MAAM,gBAAgB,CAAA;AAC3C,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,eAAe,MAAM,qBAAqB,CAAA;AACjD,OAAO,eAAe,MAAM,yBAAyB,CAAA;AACrD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AACtC,OAAO,OAAO,MAAM,mBAAmB,CAAA;AACvC,OAAO,SAAS,MAAM,qBAAqB,CAAA;AAC3C,OAAO,GAAG,MAAM,eAAe,CAAA;AAC/B,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAC3C,OAAO,SAAS,MAAM,eAAe,CAAA;AACrC,OAAO,UAAU,MAAM,qBAAqB,CAAA;AAC5C,OAAO,YAAY,MAAM,wBAAwB,CAAA;AACjD,OAAO,YAAY,MAAM,mBAAmB,CAAA;AAC5C,OAAO,KAAK,MAAM,mBAAmB,CAAA;AACrC,OAAO,aAAa,MAAM,yBAAyB,CAAA;AACnD,OAAO,YAAY,MAAM,yBAAyB,CAAA;AAClD,OAAO,SAAS,MAAM,qBAAqB,CAAA;AAC3C,OAAO,gBAAgB,MAAM,6BAA6B,CAAA;AAC1D,OAAO,iBAAiB,MAAM,8BAA8B,CAAA;AAC5D,OAAO,KAAK,MAAM,wBAAwB,CAAA;AAC1C,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,IAAI,MAAM,gBAAgB,CAAA;AACjC,OAAO,WAAW,MAAM,6BAA6B,CAAA;AACrD,OAAO,UAAU,MAAM,oBAAoB,CAAA;AAC3C,OAAO,OAAO,MAAM,gBAAgB,CAAA;AAEpC,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,SAAS,WAAA;IACT,MAAM,QAAA;IACN,IAAI,MAAA;IACJ,MAAM,QAAA;IACN,eAAe,iBAAA;IACf,eAAe,iBAAA;IACf,SAAS,WAAA;IACT,OAAO,SAAA;IACP,UAAU,YAAA;IACV,WAAW,aAAA;IACX,KAAK,OAAA;IACL,IAAI,MAAA;IACJ,KAAK,OAAA;IACL,gBAAgB,kBAAA;IAChB,iBAAiB,mBAAA;IACjB,OAAO,SAAA;IACP,KAAK,OAAA;IACL,YAAY,cAAA;IACZ,cAAc,gBAAA;IACd,QAAQ,UAAA;IACR,UAAU,YAAA;IACV,UAAU,YAAA;IACV,WAAW,aAAA;IACX,eAAe,iBAAA;IACf,SAAS,WAAA;IACT,YAAY,cAAA;IACZ,MAAM,QAAA;IACN,aAAa,eAAA;IACb,GAAG,KAAA;IACH,SAAS,WAAA;IACT,YAAY,cAAA;IACZ,gBAAgB,kBAAA;CACjB,CAAA"}

package/dist/esm/components/MainWrapV4/assets/icon-v3.ts

@@ -0,0 +1,67 @@
+import ACTIVITY_HISTORY from './icon-v3/activity-history'
+import FOOD from './icon-v3/bep-an'
+import HRM_CHECKIN from './icon-v3/cham-cong'
+import EMAIL_DASHBOARD from './icon-v3/cham-cong'
+import CHAM_TIET from './icon-v3/cham-tiet'
+import CHAT_DASHBOARD from './icon-v3/chat'
+import STORE from './icon-v3/cua-hang'
+import STUDENT_AFFAIRS from './icon-v3/diem-danh'
+import CIVILIZED_POINT from './icon-v3/diem-van-minh'
+import GIAOVU from './icon-v3/giao-vu'
+import FEEDBACK from './icon-v3/gop-y'
+import TUITION from './icon-v3/hoc-phi'
+import DASHBOARD from './icon-v3/home-icon'
+import LMS from './icon-v3/lms'
+import HRM_SALARY from './icon-v3/nhan-su'
+import NOITRU from './icon-v3/noi-tru-icon'
+import PBF_STONE from './icon-v3/pbf'
+import DEPARTMENT from './icon-v3/phong-ban'
+import ROBOT_MOTION from './icon-v3/robot-motion'
+import SETTING_SITE from './icon-v3/setting'
+import ASSET from './icon-v3/tai-san'
+import TEAM_BUILDING from './icon-v3/team-building'
+import SEGMENT_USER from './icon-v3/tep-doi-tuong'
+import BROADCAST from './icon-v3/thong-bao'
+import LIBRARY_TIEU_HOC from './icon-v3/thu-vien-tieu-hoc'
+import LIBRARY_TRUNG_HOC from './icon-v3/thu-vien-trung-hoc'
+import EVENT from './icon-v3/truyen-thong'
+import ENROLL from './icon-v3/tuyen-sinh'
+import USER from './icon-v3/user'
+import BUS_OPERATE from './icon-v3/van-hanh-xe-tuyen'
+import BUS_MANAGE from './icon-v3/xe-tuyen'
+import MEDICAL from './icon-v3/y-te'
+
+export const IconV3 = {
+  DASHBOARD,
+  NOITRU,
+  USER,
+  GIAOVU,
+  STUDENT_AFFAIRS,
+  CIVILIZED_POINT,
+  CHAM_TIET,
+  TUITION,
+  BUS_MANAGE,
+  BUS_OPERATE,
+  STORE,
+  FOOD,
+  ASSET,
+  LIBRARY_TIEU_HOC,
+  LIBRARY_TRUNG_HOC,
+  MEDICAL,
+  EVENT,
+  SEGMENT_USER,
+  CHAT_DASHBOARD,
+  FEEDBACK,
+  HRM_SALARY,
+  DEPARTMENT,
+  HRM_CHECKIN,
+  EMAIL_DASHBOARD,
+  BROADCAST,
+  ROBOT_MOTION,
+  ENROLL,
+  TEAM_BUILDING,
+  LMS,
+  PBF_STONE,
+  SETTING_SITE,
+  ACTIVITY_HISTORY,
+}

package/dist/esm/components/MainWrapV4/components/nav-item.d.ts

@@ -1,17 +1,17 @@
-import { INavItem, TSidebarType } from '../types';
 import React from 'react';
-export default function NavItem({ bgActiveColor, child, code, delayHover, href, icon, isActive, isShowOtherMenu, name, parentPath, perCodes, showSubMenu, sideBarType, }: {
+import { INavItem, ITheme, TSidebarType } from '../types';
+export default function NavItem({ bgActiveColor, child, code, delayHover, href, isActive, isShowOtherMenu, name, parentPath, perCodes, showSubMenu, sideBarType, theme, }: {
     isActive: boolean;
     name: string;
     href: string;
-    icon: any;
     child?: Array<INavItem>;
     parentPath?: string;
     bgActiveColor: string;
     showSubMenu?: boolean;
-    code?: string;
+    code: string;
     isShowOtherMenu?: boolean;
     delayHover?: boolean;
     perCodes?: Array<string>;
     sideBarType: TSidebarType;
+    theme: ITheme | undefined;
 }): React.JSX.Element;

package/dist/esm/components/MainWrapV4/components/nav-item.js

@@ -1,29 +1,36 @@
+import { ChevronRightIcon } from '@heroicons/react/24/solid';
 import Image from 'next/image';
-import { IconV2 } from '../assets/Icon';
-import { SIDEBAR_TYPE } from '../constant';
 import React from 'react';
-import { classNames } from '../../types';
-import { ChevronRightIcon } from '@heroicons/react/24/solid';
+import { IconV2 } from '../assets/Icon';
+import { IconV3 } from '../assets/icon-v3';
+import { SIDEBAR_TYPE, THEME_CODE } from '../constant';
 import { normalizeCode } from '../helper';
+import { classNames } from '../../types';
 export default function NavItem(_a) {
     var _b;
-    var bgActiveColor = _a.bgActiveColor, child = _a.child, code = _a.code, _c = _a.delayHover, delayHover = _c === void 0 ? false : _c, href = _a.href, icon = _a.icon, isActive = _a.isActive, _d = _a.isShowOtherMenu, isShowOtherMenu = _d === void 0 ? false : _d, name = _a.name, parentPath = _a.parentPath, _e = _a.perCodes, perCodes = _e === void 0 ? [] : _e, _f = _a.showSubMenu, showSubMenu = _f === void 0 ? false : _f, sideBarType = _a.sideBarType;
+    var bgActiveColor = _a.bgActiveColor, child = _a.child, code = _a.code, _c = _a.delayHover, delayHover = _c === void 0 ? false : _c, href = _a.href, isActive = _a.isActive, _d = _a.isShowOtherMenu, isShowOtherMenu = _d === void 0 ? false : _d, name = _a.name, parentPath = _a.parentPath, _e = _a.perCodes, perCodes = _e === void 0 ? [] : _e, _f = _a.showSubMenu, showSubMenu = _f === void 0 ? false : _f, sideBarType = _a.sideBarType, theme = _a.theme;
     var basePath = (_b = parentPath === null || parentPath === void 0 ? void 0 : parentPath.split('/')) === null || _b === void 0 ? void 0 : _b[1];
     var isShowSubMenuWhenHover = child && !showSubMenu && !isShowOtherMenu && !delayHover;
     var isIconOnly = sideBarType === SIDEBAR_TYPE.ONLY_ICON;
     var isIconWithLabelHorizontal = sideBarType === SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL;
     var isIconWithLabelVertical = sideBarType === SIDEBAR_TYPE.ICON_AND_LABEL_VERTICAL;
-    return (React.createElement("div", { className: classNames(!isActive && 'bg-opacity-25', 'group mb-4 flex w-[3.1rem] flex-col items-center  gap-y-2', isIconOnly ? 'my-[0.25rem]' : '', isIconWithLabelHorizontal ? 'my-[0.25rem] w-[8.5rem]' : '') },
-        React.createElement("a", { className: classNames('relative flex h-full w-full items-center  gap-y-2', isIconWithLabelHorizontal ? 'flex-row gap-x-2' : 'flex-col justify-center'), href: href },
+    var isDefaultTheme = (theme === null || theme === void 0 ? void 0 : theme.code) === THEME_CODE.BLACK;
+    // @ts-ignore
+    var Icon = IconV3[code] || IconV3.DASHBOARD;
+    return (React.createElement("div", { className: classNames(!isActive && 'bg-opacity-25', 'group flex flex-col items-center gap-y-2', isIconOnly && 'mb-1 h-8 w-8 rounded-lg', isIconOnly && isActive && !isDefaultTheme && 'bg-white', isIconOnly && !isActive && !isDefaultTheme && 'hover:bg-white/30', isIconWithLabelHorizontal && 'mb-0.5 w-[9.6rem] rounded-lg p-2 hover:bg-gray-50', isIconWithLabelHorizontal && isActive ? 'bg-gray-50' : '', isIconWithLabelVertical && 'mb-2') },
+        React.createElement("a", { className: classNames("relative flex h-full w-full items-center gap-y-1", isIconWithLabelHorizontal
+                ? 'flex-row gap-x-2 text-gray-600 hover:text-gray-900'
+                : "".concat(theme === null || theme === void 0 ? void 0 : theme.sideBarColorDefault, " flex-col group-hover:text-white")), href: href },
+            React.createElement("div", { className: classNames('z-10', isIconOnly && !isDefaultTheme && 'pt-1.5', isIconWithLabelVertical && 'rounded-lg p-1', isIconWithLabelVertical && isActive && !isDefaultTheme && 'bg-white', isIconWithLabelVertical && !isActive && !isDefaultTheme && 'group-hover:bg-white/30') },
+                React.createElement(Icon, { activeColor: isIconWithLabelHorizontal ? '#111827' : theme === null || theme === void 0 ? void 0 : theme.activeIconColor, isActive: isActive })),
             React.createElement("div", { className: 'absolute -top-5 left-0 right-0 h-5' }),
-            React.createElement(Image, { alt: 'icon', className: " z-10 h-5 w-5  ".concat(isActive ? '' : 'brightness-[0.65] group-hover:brightness-200'), height: 20, src: icon, width: 20 }),
-            isActive ? (React.createElement("div", { className: classNames('absolute -top-1 h-8 w-8 rounded-full blur-[10px]', isIconWithLabelHorizontal ? '-left-[0.45rem]' : ''), style: {
+            isDefaultTheme && !isIconWithLabelHorizontal ? (React.createElement(React.Fragment, null, isActive ? (React.createElement("div", { className: classNames('absolute -top-1 h-8 w-8 rounded-full blur-[10px]', isIconOnly && '-left-[0.1rem] -top-[0.3rem]'), style: {
                     backgroundColor: bgActiveColor,
-                } })) : (React.createElement("div", { className: classNames('absolute -top-1 rounded-full py-1.5 group-hover:bg-white group-hover:blur-[19px]', isIconWithLabelHorizontal ? '-left-2 h-7 w-7' : 'h-8 w-8') })),
-            isShowSubMenuWhenHover && (React.createElement("div", { className: classNames('absolute -right-[0.5rem] top-1 z-[9999] hidden h-5 w-3 overflow-hidden pl-1 group-hover:block', isIconWithLabelHorizontal ? '-right-[1rem]' : '', isIconOnly ? '-right-[0.45rem]' : '') },
-                React.createElement("div", { className: ' h-4 w-4  -rotate-[37.5deg] skew-x-[12deg] rounded-[3px]  border border-gray-300 bg-white' }))),
-            React.createElement("p", { className: classNames('text-center text-[10px]', isActive ? 'text-white' : 'text-gray-400 group-hover:brightness-200', isIconOnly ? 'hidden' : '', isIconWithLabelHorizontal ? 'text-xxs' : '') }, name.length > 7 && sideBarType !== SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL ? "".concat(name.slice(0, 7), "..") : name)),
-        isShowSubMenuWhenHover && (React.createElement("div", { className: classNames('shadow-soft absolute top-[0.05rem] z-[50] hidden h-[calc(100vh-3.6rem)] w-[13rem]  rounded-xl bg-white px-2 group-hover:block', isIconWithLabelHorizontal ? 'left-[10.25rem]' : '', isIconOnly ? 'left-[3.65rem]' : '', isIconWithLabelVertical ? 'left-[3.8rem]' : '') },
+                } })) : (React.createElement("div", { className: classNames('absolute -top-1 rounded-full py-1.5 group-hover:bg-white group-hover:blur-[19px]', isIconWithLabelHorizontal ? '-left-2 h-7 w-7' : 'h-8 w-8') })))) : (React.createElement(React.Fragment, null)),
+            isShowSubMenuWhenHover && (React.createElement("div", { className: classNames('absolute top-1 z-[9999] hidden h-5 w-3 overflow-hidden pl-1 group-hover:block', isIconWithLabelHorizontal && '-right-[1.2rem]', isIconOnly && '-right-[1.02rem] top-[0.5rem]', isIconWithLabelVertical && '-right-[0.64rem]') },
+                React.createElement("div", { className: classNames('h-4 w-4  -rotate-[37.5deg] skew-x-[12deg] rounded-[3px] border  border-gray-300 bg-[#F7F7F7] ') }))),
+            React.createElement("p", { className: classNames('text-center text-[10px]', isActive && isIconWithLabelHorizontal && 'font-medium text-gray-900', isActive && !isIconWithLabelHorizontal && 'text-white', isIconOnly && 'hidden', isIconWithLabelHorizontal && 'text-xxs') }, name.length > 7 && sideBarType !== SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL ? "".concat(name.slice(0, 7), "..") : name)),
+        isShowSubMenuWhenHover && (React.createElement("div", { className: classNames('shadow-soft absolute top-[0.05rem] z-[50] hidden h-[calc(100vh-3.6rem)] w-[13.5rem] rounded-xl  bg-[#F7F7F7] px-2 group-hover:block', isIconWithLabelHorizontal ? 'left-[10.6rem] ' : '', isIconOnly ? 'left-[3.65rem]' : '', isIconWithLabelVertical ? 'left-[3.8rem]' : '') },
             React.createElement("div", { className: ' absolute -left-4 bottom-0 top-0 z-30 w-5' }),
             React.createElement("h2", { className: 'mt-4 text-sm font-[650] text-gray-900' }, name),
             React.createElement("div", { className: classNames('mt-4 flex flex-col gap-1', isIconWithLabelHorizontal ? 'mt-4' : '', isIconOnly ? 'mt-3.5' : '') }, child === null || child === void 0 ? void 0 : child.map(function (c) {
@@ -31,8 +38,8 @@ export default function NavItem(_a) {
                 var disabled = !perCodes.includes(c.code);
                 var isHaveChild = ((_a = c.child) === null || _a === void 0 ? void 0 : _a.length) > 0 && !disabled;
                 return (React.createElement("div", { key: c.code, className: 'group/child relative' },
-                    disabled && (React.createElement("div", { className: 'absolute inset-0 cursor-not-allowed rounded-md bg-white opacity-60 hover:bg-gray-100' })),
-                    React.createElement("a", { className: classNames('peer mb-0.5 flex gap-x-2 rounded-md p-2 ', isHaveChild ? 'pr-4 hover:bg-gray-100' : ''), href: "/".concat(basePath).concat(c.path) },
+                    disabled && React.createElement("div", { className: 'absolute inset-0 cursor-not-allowed rounded-md bg-white opacity-60' }),
+                    React.createElement("a", { className: classNames('peer mb-0.5 flex gap-x-2 rounded-md p-2 hover:bg-white', isHaveChild ? 'pr-4' : ''), href: "/".concat(basePath).concat(c.path) },
                         React.createElement(Image, { alt: 'icon', className: classNames(disabled ? '' : 'group-hover/child:brightness-50'), height: 18, quality: 100, src: 
                             // @ts-ignore
                             IconV2[normalizeCode(c.code)] ||
@@ -40,10 +47,10 @@ export default function NavItem(_a) {
                                 IconV2["".concat(code, "_OUTLINE")], width: 18 }),
                         React.createElement("span", { className: classNames('text-xs text-gray-500', disabled ? '' : 'group-hover/child:text-gray-900') }, c.name),
                         isHaveChild && (React.createElement(ChevronRightIcon, { className: 'absolute right-2 top-1/2 -translate-y-1/2 text-gray-400', height: 14, width: 14 }))),
-                    isHaveChild && (React.createElement("div", { className: 'shadow-soft absolute -right-[13.2rem] top-0 hidden w-[12.375rem] rounded-lg bg-white p-2 drop-shadow-xl group-hover/child:block' },
+                    isHaveChild && (React.createElement("div", { className: classNames('shadow-soft absolute -right-[13.2rem] top-0 hidden w-[12.375rem] rounded-lg bg-[#F7F7F7] p-2 drop-shadow-xl group-hover/child:block') },
                         React.createElement("div", { className: 'absolute -left-40 bottom-0 top-9 w-40' }),
                         React.createElement("div", { className: 'absolute -left-6 top-0 h-10 w-6' }),
-                        c.child.map(function (c2) { return (React.createElement("a", { key: c2.path, className: 'peer mb-0.5 flex gap-x-2 rounded-md p-2 text-xs text-gray-500 hover:bg-gray-100', href: "/".concat(basePath).concat(c2.path) }, c2.name)); })))));
+                        c.child.map(function (c2) { return (React.createElement("a", { key: c2.path, className: 'peer mb-0.5 flex gap-x-2 rounded-md p-2 text-xs text-gray-500 hover:bg-white hover:text-gray-900', href: "/".concat(basePath).concat(c2.path) }, c2.name)); })))));
             }))))));
 }
 //# sourceMappingURL=nav-item.js.map