phx-react 1.3.1288 → 1.3.1290

package/dist/esm/components/MainWrapV4/assets/icon/user/outline-sidebar.svg

@@ -0,0 +1,18 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_39_10212)">
+<mask id="mask0_39_10212" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<path d="M24 0H0V24H24V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_39_10212)">
+<path d="M9.15957 11.62C9.12957 11.62 9.10957 11.62 9.07957 11.62C9.02957 11.61 8.95957 11.61 8.89957 11.62C5.99957 11.53 3.80957 9.25 3.80957 6.44C3.80957 3.58 6.13957 1.25 8.99957 1.25C11.8596 1.25 14.1896 3.58 14.1896 6.44C14.1796 9.25 11.9796 11.53 9.18957 11.62C9.17957 11.62 9.16957 11.62 9.15957 11.62ZM8.99957 2.75C6.96957 2.75 5.30957 4.41 5.30957 6.44C5.30957 8.44 6.86957 10.05 8.85957 10.12C8.91957 10.11 9.04957 10.11 9.17957 10.12C11.1396 10.03 12.6796 8.42 12.6896 6.44C12.6896 4.41 11.0296 2.75 8.99957 2.75Z" fill="white"/>
+<path d="M16.5394 11.75C16.5094 11.75 16.4794 11.75 16.4494 11.74C16.0394 11.78 15.6194 11.49 15.5794 11.08C15.5394 10.67 15.7894 10.3 16.1994 10.25C16.3194 10.24 16.4494 10.24 16.5594 10.24C18.0194 10.16 19.1594 8.96 19.1594 7.49C19.1594 5.97 17.9294 4.74 16.4094 4.74C15.9994 4.75 15.6594 4.41 15.6594 4C15.6594 3.59 15.9994 3.25 16.4094 3.25C18.7494 3.25 20.6594 5.16 20.6594 7.5C20.6594 9.8 18.8594 11.66 16.5694 11.75C16.5594 11.75 16.5494 11.75 16.5394 11.75Z" fill="white"/>
+<path d="M9.16961 22.55C7.20961 22.55 5.23961 22.05 3.74961 21.05C2.35961 20.13 1.59961 18.87 1.59961 17.5C1.59961 16.13 2.35961 14.86 3.74961 13.93C6.74961 11.94 11.6096 11.94 14.5896 13.93C15.9696 14.85 16.7396 16.11 16.7396 17.48C16.7396 18.85 15.9796 20.12 14.5896 21.05C13.0896 22.05 11.1296 22.55 9.16961 22.55ZM4.57961 15.19C3.61961 15.83 3.09961 16.65 3.09961 17.51C3.09961 18.36 3.62961 19.18 4.57961 19.81C7.06961 21.48 11.2696 21.48 13.7596 19.81C14.7196 19.17 15.2396 18.35 15.2396 17.49C15.2396 16.64 14.7096 15.82 13.7596 15.19C11.2696 13.53 7.06961 13.53 4.57961 15.19Z" fill="white"/>
+<path d="M18.3397 20.75C17.9897 20.75 17.6797 20.51 17.6097 20.15C17.5297 19.74 17.7897 19.35 18.1897 19.26C18.8197 19.13 19.3997 18.88 19.8497 18.53C20.4197 18.1 20.7297 17.56 20.7297 16.99C20.7297 16.42 20.4197 15.88 19.8597 15.46C19.4197 15.12 18.8697 14.88 18.2197 14.73C17.8197 14.64 17.5597 14.24 17.6497 13.83C17.7397 13.43 18.1397 13.17 18.5497 13.26C19.4097 13.45 20.1597 13.79 20.7697 14.26C21.6997 14.96 22.2297 15.95 22.2297 16.99C22.2297 18.03 21.6897 19.02 20.7597 19.73C20.1397 20.21 19.3597 20.56 18.4997 20.73C18.4397 20.75 18.3897 20.75 18.3397 20.75Z" fill="white"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_39_10212">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/esm/components/MainWrapV4/assets/icon/user/outline.svg

@@ -0,0 +1,18 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_145_24445)">
+<mask id="mask0_145_24445" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<path d="M24 0H0V24H24V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_145_24445)">
+<path d="M9.15957 11.62C9.12957 11.62 9.10957 11.62 9.07957 11.62C9.02957 11.61 8.95957 11.61 8.89957 11.62C5.99957 11.53 3.80957 9.25 3.80957 6.44C3.80957 3.58 6.13957 1.25 8.99957 1.25C11.8596 1.25 14.1896 3.58 14.1896 6.44C14.1796 9.25 11.9796 11.53 9.18957 11.62C9.17957 11.62 9.16957 11.62 9.15957 11.62ZM8.99957 2.75C6.96957 2.75 5.30957 4.41 5.30957 6.44C5.30957 8.44 6.86957 10.05 8.85957 10.12C8.91957 10.11 9.04957 10.11 9.17957 10.12C11.1396 10.03 12.6796 8.42 12.6896 6.44C12.6896 4.41 11.0296 2.75 8.99957 2.75Z" fill="#111827"/>
+<path d="M16.5394 11.75C16.5094 11.75 16.4794 11.75 16.4494 11.74C16.0394 11.78 15.6194 11.49 15.5794 11.08C15.5394 10.67 15.7894 10.3 16.1994 10.25C16.3194 10.24 16.4494 10.24 16.5594 10.24C18.0194 10.16 19.1594 8.96 19.1594 7.49C19.1594 5.97 17.9294 4.74 16.4094 4.74C15.9994 4.75 15.6594 4.41 15.6594 4C15.6594 3.59 15.9994 3.25 16.4094 3.25C18.7494 3.25 20.6594 5.16 20.6594 7.5C20.6594 9.8 18.8594 11.66 16.5694 11.75C16.5594 11.75 16.5494 11.75 16.5394 11.75Z" fill="#111827"/>
+<path d="M9.16961 22.55C7.20961 22.55 5.23961 22.05 3.74961 21.05C2.35961 20.13 1.59961 18.87 1.59961 17.5C1.59961 16.13 2.35961 14.86 3.74961 13.93C6.74961 11.94 11.6096 11.94 14.5896 13.93C15.9696 14.85 16.7396 16.11 16.7396 17.48C16.7396 18.85 15.9796 20.12 14.5896 21.05C13.0896 22.05 11.1296 22.55 9.16961 22.55ZM4.57961 15.19C3.61961 15.83 3.09961 16.65 3.09961 17.51C3.09961 18.36 3.62961 19.18 4.57961 19.81C7.06961 21.48 11.2696 21.48 13.7596 19.81C14.7196 19.17 15.2396 18.35 15.2396 17.49C15.2396 16.64 14.7096 15.82 13.7596 15.19C11.2696 13.53 7.06961 13.53 4.57961 15.19Z" fill="#111827"/>
+<path d="M18.3397 20.75C17.9897 20.75 17.6797 20.51 17.6097 20.15C17.5297 19.74 17.7897 19.35 18.1897 19.26C18.8197 19.13 19.3997 18.88 19.8497 18.53C20.4197 18.1 20.7297 17.56 20.7297 16.99C20.7297 16.42 20.4197 15.88 19.8597 15.46C19.4197 15.12 18.8697 14.88 18.2197 14.73C17.8197 14.64 17.5597 14.24 17.6497 13.83C17.7397 13.43 18.1397 13.17 18.5497 13.26C19.4097 13.45 20.1597 13.79 20.7697 14.26C21.6997 14.96 22.2297 15.95 22.2297 16.99C22.2297 18.03 21.6897 19.02 20.7597 19.73C20.1397 20.21 19.3597 20.56 18.4997 20.73C18.4397 20.75 18.3897 20.75 18.3397 20.75Z" fill="#111827"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_145_24445">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/esm/components/MainWrapV4/assets/icon/user/solid.svg

@@ -0,0 +1,18 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_44_12269)">
+<mask id="mask0_44_12269" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<path d="M24 0H0V24H24V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_44_12269)">
+<path d="M9 2C6.38 2 4.25 4.13 4.25 6.75C4.25 9.32 6.26 11.4 8.88 11.49C8.96 11.48 9.04 11.48 9.1 11.49C9.12 11.49 9.13 11.49 9.15 11.49C9.16 11.49 9.16 11.49 9.17 11.49C11.73 11.4 13.74 9.32 13.75 6.75C13.75 4.13 11.62 2 9 2Z" fill="white"/>
+<path d="M14.08 14.1499C11.29 12.2899 6.73996 12.2899 3.92996 14.1499C2.65996 14.9999 1.95996 16.1499 1.95996 17.3799C1.95996 18.6099 2.65996 19.7499 3.91996 20.5899C5.31996 21.5299 7.15996 21.9999 8.99996 21.9999C10.84 21.9999 12.68 21.5299 14.08 20.5899C15.34 19.7399 16.04 18.5999 16.04 17.3599C16.03 16.1299 15.34 14.9899 14.08 14.1499Z" fill="white"/>
+<path d="M19.9899 7.3401C20.1499 9.2801 18.7699 10.9801 16.8599 11.2101C16.8499 11.2101 16.8499 11.2101 16.8399 11.2101H16.8099C16.7499 11.2101 16.6899 11.2101 16.6399 11.2301C15.6699 11.2801 14.7799 10.9701 14.1099 10.4001C15.1399 9.4801 15.7299 8.1001 15.6099 6.6001C15.5399 5.7901 15.2599 5.0501 14.8399 4.4201C15.2199 4.2301 15.6599 4.1101 16.1099 4.0701C18.0699 3.9001 19.8199 5.3601 19.9899 7.3401Z" fill="white"/>
+<path d="M21.9902 16.5904C21.9102 17.5604 21.2902 18.4004 20.2502 18.9704C19.2502 19.5204 17.9902 19.7804 16.7402 19.7504C17.4602 19.1004 17.8802 18.2904 17.9602 17.4304C18.0602 16.1904 17.4702 15.0004 16.2902 14.0504C15.6202 13.5204 14.8402 13.1004 13.9902 12.7904C16.2002 12.1504 18.9802 12.5804 20.6902 13.9604C21.6102 14.7004 22.0802 15.6304 21.9902 16.5904Z" fill="white"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_44_12269">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/esm/components/MainWrapV4/assets/icon/user-segment/outline-pined.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 15.3333C11.3407 15.3333 10.6963 15.1378 10.1481 14.7716C9.59994 14.4053 9.17269 13.8847 8.9204 13.2756C8.66811 12.6665 8.6021 11.9963 8.73071 11.3497C8.85933 10.7031 9.1768 10.1092 9.64298 9.64298C10.1092 9.1768 10.7031 8.85933 11.3497 8.73072C11.9963 8.6021 12.6665 8.66811 13.2756 8.9204C13.8847 9.17269 14.4053 9.59994 14.7716 10.1481C15.1378 10.6963 15.3333 11.3407 15.3333 12C15.3333 12.8841 14.9821 13.7319 14.357 14.357C13.7319 14.9821 12.8841 15.3333 12 15.3333ZM12 10.3333C11.6704 10.3333 11.3481 10.4311 11.074 10.6142C10.8 10.7974 10.5863 11.0577 10.4602 11.3622C10.3341 11.6667 10.301 12.0018 10.3654 12.3252C10.4297 12.6485 10.5884 12.9454 10.8215 13.1785C11.0546 13.4116 11.3515 13.5703 11.6748 13.6346C11.9981 13.699 12.3333 13.6659 12.6378 13.5398C12.9423 13.4137 13.2026 13.2 13.3858 12.926C13.5689 12.6519 13.6667 12.3296 13.6667 12C13.6667 11.558 13.4911 11.1341 13.1785 10.8215C12.8659 10.5089 12.442 10.3333 12 10.3333ZM17 21.1667C17 19.8406 16.4732 18.5688 15.5355 17.6311C14.5979 16.6934 13.3261 16.1667 12 16.1667C10.6739 16.1667 9.40215 16.6934 8.46447 17.6311C7.52678 18.5688 7 19.8406 7 21.1667C7 21.3877 7.0878 21.5996 7.24408 21.7559C7.40036 21.9122 7.61232 22 7.83333 22C8.05435 22 8.26631 21.9122 8.42259 21.7559C8.57887 21.5996 8.66667 21.3877 8.66667 21.1667C8.66667 20.2826 9.01786 19.4348 9.64298 18.8096C10.2681 18.1845 11.1159 17.8333 12 17.8333C12.8841 17.8333 13.7319 18.1845 14.357 18.8096C14.9821 19.4348 15.3333 20.2826 15.3333 21.1667C15.3333 21.3877 15.4211 21.5996 15.5774 21.7559C15.7337 21.9122 15.9457 22 16.1667 22C16.3877 22 16.5996 21.9122 16.7559 21.7559C16.9122 21.5996 17 21.3877 17 21.1667ZM17 8.66667C16.3407 8.66667 15.6963 8.47117 15.1481 8.1049C14.5999 7.73863 14.1727 7.21803 13.9204 6.60895C13.6681 5.99986 13.6021 5.32964 13.7307 4.68303C13.8593 4.03643 14.1768 3.44249 14.643 2.97631C15.1092 2.51014 15.7031 2.19267 16.3497 2.06405C16.9963 1.93543 17.6665 2.00144 18.2756 2.25374C18.8847 2.50603 19.4053 2.93327 19.7716 3.48143C20.1378 4.0296 20.3333 4.67406 20.3333 5.33333C20.3333 6.21739 19.9821 7.06524 19.357 7.69036C18.7319 8.31548 17.8841 8.66667 17 8.66667ZM17 3.66667C16.6704 3.66667 16.3481 3.76442 16.074 3.94755C15.8 4.13069 15.5863 4.39099 15.4602 4.69553C15.3341 5.00007 15.301 5.33518 15.3654 5.65849C15.4297 5.98179 15.5884 6.27876 15.8215 6.51185C16.0546 6.74493 16.3515 6.90367 16.6748 6.96798C16.9981 7.03229 17.3333 6.99928 17.6378 6.87313C17.9423 6.74699 18.2026 6.53337 18.3858 6.25928C18.5689 5.9852 18.6667 5.66297 18.6667 5.33333C18.6667 4.89131 18.4911 4.46738 18.1785 4.15482C17.8659 3.84226 17.442 3.66667 17 3.66667ZM22 14.5C21.9987 13.1743 21.4715 11.9033 20.5341 10.9659C19.5967 10.0285 18.3257 9.50132 17 9.5C16.779 9.5 16.567 9.5878 16.4107 9.74408C16.2545 9.90036 16.1667 10.1123 16.1667 10.3333C16.1667 10.5543 16.2545 10.7663 16.4107 10.9226C16.567 11.0789 16.779 11.1667 17 11.1667C17.8841 11.1667 18.7319 11.5179 19.357 12.143C19.9821 12.7681 20.3333 13.6159 20.3333 14.5C20.3333 14.721 20.4211 14.933 20.5774 15.0893C20.7337 15.2455 20.9457 15.3333 21.1667 15.3333C21.3877 15.3333 21.5996 15.2455 21.7559 15.0893C21.9122 14.933 22 14.721 22 14.5ZM7 8.66667C6.34073 8.66667 5.69626 8.47117 5.1481 8.1049C4.59994 7.73863 4.17269 7.21803 3.9204 6.60895C3.66811 5.99986 3.6021 5.32964 3.73072 4.68303C3.85933 4.03643 4.1768 3.44249 4.64298 2.97631C5.10915 2.51014 5.7031 2.19267 6.3497 2.06405C6.9963 1.93543 7.66652 2.00144 8.27561 2.25374C8.8847 2.50603 9.40529 2.93327 9.77156 3.48143C10.1378 4.0296 10.3333 4.67406 10.3333 5.33333C10.3333 6.21739 9.98214 7.06524 9.35702 7.69036C8.7319 8.31548 7.88405 8.66667 7 8.66667ZM7 3.66667C6.67036 3.66667 6.34813 3.76442 6.07405 3.94755C5.79997 4.13069 5.58635 4.39099 5.4602 4.69553C5.33405 5.00007 5.30105 5.33518 5.36536 5.65849C5.42967 5.98179 5.5884 6.27876 5.82149 6.51185C6.05458 6.74493 6.35155 6.90367 6.67485 6.96798C6.99815 7.03229 7.33326 6.99928 7.63781 6.87313C7.94235 6.74699 8.20265 6.53337 8.38578 6.25928C8.56892 5.9852 8.66667 5.66297 8.66667 5.33333C8.66667 4.89131 8.49107 4.46738 8.17851 4.15482C7.86595 3.84226 7.44203 3.66667 7 3.66667ZM3.66667 14.5C3.66667 13.6159 4.01786 12.7681 4.64298 12.143C5.2681 11.5179 6.11594 11.1667 7 11.1667C7.22101 11.1667 7.43297 11.0789 7.58925 10.9226C7.74554 10.7663 7.83333 10.5543 7.83333 10.3333C7.83333 10.1123 7.74554 9.90036 7.58925 9.74408C7.43297 9.5878 7.22101 9.5 7 9.5C5.67432 9.50132 4.40332 10.0285 3.46593 10.9659C2.52853 11.9033 2.00132 13.1743 2 14.5C2 14.721 2.0878 14.933 2.24408 15.0893C2.40036 15.2455 2.61232 15.3333 2.83333 15.3333C3.05435 15.3333 3.26631 15.2455 3.42259 15.0893C3.57887 14.933 3.66667 14.721 3.66667 14.5Z" fill="#4B64E0"/>
+</svg>

package/dist/esm/components/MainWrapV4/assets/icon/user-segment/outline-sidebar.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 15.3333C11.3407 15.3333 10.6963 15.1378 10.1481 14.7716C9.59994 14.4053 9.17269 13.8847 8.9204 13.2756C8.66811 12.6665 8.6021 11.9963 8.73071 11.3497C8.85933 10.7031 9.1768 10.1092 9.64298 9.64298C10.1092 9.1768 10.7031 8.85933 11.3497 8.73072C11.9963 8.6021 12.6665 8.66811 13.2756 8.9204C13.8847 9.17269 14.4053 9.59994 14.7716 10.1481C15.1378 10.6963 15.3333 11.3407 15.3333 12C15.3333 12.8841 14.9821 13.7319 14.357 14.357C13.7319 14.9821 12.8841 15.3333 12 15.3333ZM12 10.3333C11.6704 10.3333 11.3481 10.4311 11.074 10.6142C10.8 10.7974 10.5863 11.0577 10.4602 11.3622C10.3341 11.6667 10.301 12.0018 10.3654 12.3252C10.4297 12.6485 10.5884 12.9454 10.8215 13.1785C11.0546 13.4116 11.3515 13.5703 11.6748 13.6346C11.9981 13.699 12.3333 13.6659 12.6378 13.5398C12.9423 13.4137 13.2026 13.2 13.3858 12.926C13.5689 12.6519 13.6667 12.3296 13.6667 12C13.6667 11.558 13.4911 11.1341 13.1785 10.8215C12.8659 10.5089 12.442 10.3333 12 10.3333ZM17 21.1667C17 19.8406 16.4732 18.5688 15.5355 17.6311C14.5979 16.6934 13.3261 16.1667 12 16.1667C10.6739 16.1667 9.40215 16.6934 8.46447 17.6311C7.52678 18.5688 7 19.8406 7 21.1667C7 21.3877 7.0878 21.5996 7.24408 21.7559C7.40036 21.9122 7.61232 22 7.83333 22C8.05435 22 8.26631 21.9122 8.42259 21.7559C8.57887 21.5996 8.66667 21.3877 8.66667 21.1667C8.66667 20.2826 9.01786 19.4348 9.64298 18.8096C10.2681 18.1845 11.1159 17.8333 12 17.8333C12.8841 17.8333 13.7319 18.1845 14.357 18.8096C14.9821 19.4348 15.3333 20.2826 15.3333 21.1667C15.3333 21.3877 15.4211 21.5996 15.5774 21.7559C15.7337 21.9122 15.9457 22 16.1667 22C16.3877 22 16.5996 21.9122 16.7559 21.7559C16.9122 21.5996 17 21.3877 17 21.1667ZM17 8.66667C16.3407 8.66667 15.6963 8.47117 15.1481 8.1049C14.5999 7.73863 14.1727 7.21803 13.9204 6.60895C13.6681 5.99986 13.6021 5.32964 13.7307 4.68303C13.8593 4.03643 14.1768 3.44249 14.643 2.97631C15.1092 2.51014 15.7031 2.19267 16.3497 2.06405C16.9963 1.93543 17.6665 2.00144 18.2756 2.25374C18.8847 2.50603 19.4053 2.93327 19.7716 3.48143C20.1378 4.0296 20.3333 4.67406 20.3333 5.33333C20.3333 6.21739 19.9821 7.06524 19.357 7.69036C18.7319 8.31548 17.8841 8.66667 17 8.66667ZM17 3.66667C16.6704 3.66667 16.3481 3.76442 16.074 3.94755C15.8 4.13069 15.5863 4.39099 15.4602 4.69553C15.3341 5.00007 15.301 5.33518 15.3654 5.65849C15.4297 5.98179 15.5884 6.27876 15.8215 6.51185C16.0546 6.74493 16.3515 6.90367 16.6748 6.96798C16.9981 7.03229 17.3333 6.99928 17.6378 6.87313C17.9423 6.74699 18.2026 6.53337 18.3858 6.25928C18.5689 5.9852 18.6667 5.66297 18.6667 5.33333C18.6667 4.89131 18.4911 4.46738 18.1785 4.15482C17.8659 3.84226 17.442 3.66667 17 3.66667ZM22 14.5C21.9987 13.1743 21.4715 11.9033 20.5341 10.9659C19.5967 10.0285 18.3257 9.50132 17 9.5C16.779 9.5 16.567 9.5878 16.4107 9.74408C16.2545 9.90036 16.1667 10.1123 16.1667 10.3333C16.1667 10.5543 16.2545 10.7663 16.4107 10.9226C16.567 11.0789 16.779 11.1667 17 11.1667C17.8841 11.1667 18.7319 11.5179 19.357 12.143C19.9821 12.7681 20.3333 13.6159 20.3333 14.5C20.3333 14.721 20.4211 14.933 20.5774 15.0893C20.7337 15.2455 20.9457 15.3333 21.1667 15.3333C21.3877 15.3333 21.5996 15.2455 21.7559 15.0893C21.9122 14.933 22 14.721 22 14.5ZM7 8.66667C6.34073 8.66667 5.69626 8.47117 5.1481 8.1049C4.59994 7.73863 4.17269 7.21803 3.9204 6.60895C3.66811 5.99986 3.6021 5.32964 3.73072 4.68303C3.85933 4.03643 4.1768 3.44249 4.64298 2.97631C5.10915 2.51014 5.7031 2.19267 6.3497 2.06405C6.9963 1.93543 7.66652 2.00144 8.27561 2.25374C8.8847 2.50603 9.40529 2.93327 9.77156 3.48143C10.1378 4.0296 10.3333 4.67406 10.3333 5.33333C10.3333 6.21739 9.98214 7.06524 9.35702 7.69036C8.7319 8.31548 7.88405 8.66667 7 8.66667ZM7 3.66667C6.67036 3.66667 6.34813 3.76442 6.07405 3.94755C5.79997 4.13069 5.58635 4.39099 5.4602 4.69553C5.33405 5.00007 5.30105 5.33518 5.36536 5.65849C5.42967 5.98179 5.5884 6.27876 5.82149 6.51185C6.05458 6.74493 6.35155 6.90367 6.67485 6.96798C6.99815 7.03229 7.33326 6.99928 7.63781 6.87313C7.94235 6.74699 8.20265 6.53337 8.38578 6.25928C8.56892 5.9852 8.66667 5.66297 8.66667 5.33333C8.66667 4.89131 8.49107 4.46738 8.17851 4.15482C7.86595 3.84226 7.44203 3.66667 7 3.66667ZM3.66667 14.5C3.66667 13.6159 4.01786 12.7681 4.64298 12.143C5.2681 11.5179 6.11594 11.1667 7 11.1667C7.22101 11.1667 7.43297 11.0789 7.58925 10.9226C7.74554 10.7663 7.83333 10.5543 7.83333 10.3333C7.83333 10.1123 7.74554 9.90036 7.58925 9.74408C7.43297 9.5878 7.22101 9.5 7 9.5C5.67432 9.50132 4.40332 10.0285 3.46593 10.9659C2.52853 11.9033 2.00132 13.1743 2 14.5C2 14.721 2.0878 14.933 2.24408 15.0893C2.40036 15.2455 2.61232 15.3333 2.83333 15.3333C3.05435 15.3333 3.26631 15.2455 3.42259 15.0893C3.57887 14.933 3.66667 14.721 3.66667 14.5Z" fill="white"/>
+</svg>

package/dist/esm/components/MainWrapV4/assets/icon/user-segment/outline.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 15.3333C11.3407 15.3333 10.6963 15.1378 10.1481 14.7716C9.59994 14.4053 9.17269 13.8847 8.9204 13.2756C8.66811 12.6665 8.6021 11.9963 8.73071 11.3497C8.85933 10.7031 9.1768 10.1092 9.64298 9.64298C10.1092 9.1768 10.7031 8.85933 11.3497 8.73072C11.9963 8.6021 12.6665 8.66811 13.2756 8.9204C13.8847 9.17269 14.4053 9.59994 14.7716 10.1481C15.1378 10.6963 15.3333 11.3407 15.3333 12C15.3333 12.8841 14.9821 13.7319 14.357 14.357C13.7319 14.9821 12.8841 15.3333 12 15.3333ZM12 10.3333C11.6704 10.3333 11.3481 10.4311 11.074 10.6142C10.8 10.7974 10.5863 11.0577 10.4602 11.3622C10.3341 11.6667 10.301 12.0018 10.3654 12.3252C10.4297 12.6485 10.5884 12.9454 10.8215 13.1785C11.0546 13.4116 11.3515 13.5703 11.6748 13.6346C11.9981 13.699 12.3333 13.6659 12.6378 13.5398C12.9423 13.4137 13.2026 13.2 13.3858 12.926C13.5689 12.6519 13.6667 12.3296 13.6667 12C13.6667 11.558 13.4911 11.1341 13.1785 10.8215C12.8659 10.5089 12.442 10.3333 12 10.3333ZM17 21.1667C17 19.8406 16.4732 18.5688 15.5355 17.6311C14.5979 16.6934 13.3261 16.1667 12 16.1667C10.6739 16.1667 9.40215 16.6934 8.46447 17.6311C7.52678 18.5688 7 19.8406 7 21.1667C7 21.3877 7.0878 21.5996 7.24408 21.7559C7.40036 21.9122 7.61232 22 7.83333 22C8.05435 22 8.26631 21.9122 8.42259 21.7559C8.57887 21.5996 8.66667 21.3877 8.66667 21.1667C8.66667 20.2826 9.01786 19.4348 9.64298 18.8096C10.2681 18.1845 11.1159 17.8333 12 17.8333C12.8841 17.8333 13.7319 18.1845 14.357 18.8096C14.9821 19.4348 15.3333 20.2826 15.3333 21.1667C15.3333 21.3877 15.4211 21.5996 15.5774 21.7559C15.7337 21.9122 15.9457 22 16.1667 22C16.3877 22 16.5996 21.9122 16.7559 21.7559C16.9122 21.5996 17 21.3877 17 21.1667ZM17 8.66667C16.3407 8.66667 15.6963 8.47117 15.1481 8.1049C14.5999 7.73863 14.1727 7.21803 13.9204 6.60895C13.6681 5.99986 13.6021 5.32964 13.7307 4.68303C13.8593 4.03643 14.1768 3.44249 14.643 2.97631C15.1092 2.51014 15.7031 2.19267 16.3497 2.06405C16.9963 1.93543 17.6665 2.00144 18.2756 2.25374C18.8847 2.50603 19.4053 2.93327 19.7716 3.48143C20.1378 4.0296 20.3333 4.67406 20.3333 5.33333C20.3333 6.21739 19.9821 7.06524 19.357 7.69036C18.7319 8.31548 17.8841 8.66667 17 8.66667ZM17 3.66667C16.6704 3.66667 16.3481 3.76442 16.074 3.94755C15.8 4.13069 15.5863 4.39099 15.4602 4.69553C15.3341 5.00007 15.301 5.33518 15.3654 5.65849C15.4297 5.98179 15.5884 6.27876 15.8215 6.51185C16.0546 6.74493 16.3515 6.90367 16.6748 6.96798C16.9981 7.03229 17.3333 6.99928 17.6378 6.87313C17.9423 6.74699 18.2026 6.53337 18.3858 6.25928C18.5689 5.9852 18.6667 5.66297 18.6667 5.33333C18.6667 4.89131 18.4911 4.46738 18.1785 4.15482C17.8659 3.84226 17.442 3.66667 17 3.66667ZM22 14.5C21.9987 13.1743 21.4715 11.9033 20.5341 10.9659C19.5967 10.0285 18.3257 9.50132 17 9.5C16.779 9.5 16.567 9.5878 16.4107 9.74408C16.2545 9.90036 16.1667 10.1123 16.1667 10.3333C16.1667 10.5543 16.2545 10.7663 16.4107 10.9226C16.567 11.0789 16.779 11.1667 17 11.1667C17.8841 11.1667 18.7319 11.5179 19.357 12.143C19.9821 12.7681 20.3333 13.6159 20.3333 14.5C20.3333 14.721 20.4211 14.933 20.5774 15.0893C20.7337 15.2455 20.9457 15.3333 21.1667 15.3333C21.3877 15.3333 21.5996 15.2455 21.7559 15.0893C21.9122 14.933 22 14.721 22 14.5ZM7 8.66667C6.34073 8.66667 5.69626 8.47117 5.1481 8.1049C4.59994 7.73863 4.17269 7.21803 3.9204 6.60895C3.66811 5.99986 3.6021 5.32964 3.73072 4.68303C3.85933 4.03643 4.1768 3.44249 4.64298 2.97631C5.10915 2.51014 5.7031 2.19267 6.3497 2.06405C6.9963 1.93543 7.66652 2.00144 8.27561 2.25374C8.8847 2.50603 9.40529 2.93327 9.77156 3.48143C10.1378 4.0296 10.3333 4.67406 10.3333 5.33333C10.3333 6.21739 9.98214 7.06524 9.35702 7.69036C8.7319 8.31548 7.88405 8.66667 7 8.66667ZM7 3.66667C6.67036 3.66667 6.34813 3.76442 6.07405 3.94755C5.79997 4.13069 5.58635 4.39099 5.4602 4.69553C5.33405 5.00007 5.30105 5.33518 5.36536 5.65849C5.42967 5.98179 5.5884 6.27876 5.82149 6.51185C6.05458 6.74493 6.35155 6.90367 6.67485 6.96798C6.99815 7.03229 7.33326 6.99928 7.63781 6.87313C7.94235 6.74699 8.20265 6.53337 8.38578 6.25928C8.56892 5.9852 8.66667 5.66297 8.66667 5.33333C8.66667 4.89131 8.49107 4.46738 8.17851 4.15482C7.86595 3.84226 7.44203 3.66667 7 3.66667ZM3.66667 14.5C3.66667 13.6159 4.01786 12.7681 4.64298 12.143C5.2681 11.5179 6.11594 11.1667 7 11.1667C7.22101 11.1667 7.43297 11.0789 7.58925 10.9226C7.74554 10.7663 7.83333 10.5543 7.83333 10.3333C7.83333 10.1123 7.74554 9.90036 7.58925 9.74408C7.43297 9.5878 7.22101 9.5 7 9.5C5.67432 9.50132 4.40332 10.0285 3.46593 10.9659C2.52853 11.9033 2.00132 13.1743 2 14.5C2 14.721 2.0878 14.933 2.24408 15.0893C2.40036 15.2455 2.61232 15.3333 2.83333 15.3333C3.05435 15.3333 3.26631 15.2455 3.42259 15.0893C3.57887 14.933 3.66667 14.721 3.66667 14.5Z" fill="#111827"/>
+</svg>

package/dist/esm/components/MainWrapV4/assets/icon/user-segment/solid.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.5 4C7.16304 4 7.79893 4.26339 8.26777 4.73223C8.73661 5.20107 9 5.83696 9 6.5C9 7.16304 8.73661 7.79893 8.26777 8.26777C7.79893 8.73661 7.16304 9 6.5 9C5.83696 9 5.20107 8.73661 4.73223 8.26777C4.26339 7.79893 4 7.16304 4 6.5C4 5.83696 4.26339 5.20107 4.73223 4.73223C5.20107 4.26339 5.83696 4 6.5 4ZM18 4C18.663 4 19.2989 4.26339 19.7678 4.73223C20.2366 5.20107 20.5 5.83696 20.5 6.5C20.5 7.16304 20.2366 7.79893 19.7678 8.26777C19.2989 8.73661 18.663 9 18 9C17.337 9 16.7011 8.73661 16.2322 8.26777C15.7634 7.79893 15.5 7.16304 15.5 6.5C15.5 5.83696 15.7634 5.20107 16.2322 4.73223C16.7011 4.26339 17.337 4 18 4ZM2 13.3344C2 11.4938 3.49375 10 5.33437 10H6.66875C7.16562 10 7.6375 10.1094 8.0625 10.3031C8.02187 10.5281 8.00313 10.7625 8.00313 11C8.00313 12.1938 8.52812 13.2656 9.35625 14C9.35 14 9.34375 14 9.33437 14H2.66562C2.3 14 2 13.7 2 13.3344ZM14.6656 14C14.6594 14 14.6531 14 14.6438 14C15.475 13.2656 15.9969 12.1938 15.9969 11C15.9969 10.7625 15.975 10.5312 15.9375 10.3031C16.3625 10.1062 16.8344 10 17.3313 10H18.6656C20.5063 10 22 11.4938 22 13.3344C22 13.7031 21.7 14 21.3344 14H14.6656ZM9 11C9 10.2044 9.31607 9.44129 9.87868 8.87868C10.4413 8.31607 11.2044 8 12 8C12.7956 8 13.5587 8.31607 14.1213 8.87868C14.6839 9.44129 15 10.2044 15 11C15 11.7956 14.6839 12.5587 14.1213 13.1213C13.5587 13.6839 12.7956 14 12 14C11.2044 14 10.4413 13.6839 9.87868 13.1213C9.31607 12.5587 9 11.7956 9 11ZM6 19.1656C6 16.8656 7.86562 15 10.1656 15H13.8344C16.1344 15 18 16.8656 18 19.1656C18 19.625 17.6281 20 17.1656 20H6.83437C6.375 20 6 19.6281 6 19.1656Z" fill="white"/>
+</svg>

package/dist/esm/components/MainWrapV4/assets/icon/van-hanh-xe-tuyen/outline-pined.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.6667 11.1818H17.8333V6.27273C17.8333 5.40475 17.4821 4.57232 16.857 3.95856C16.2319 3.3448 15.3841 3 14.5 3H5.33333C4.44928 3 3.60143 3.3448 2.97631 3.95856C2.35119 4.57232 2 5.40475 2 6.27273L2 15.2727C2.00179 15.7889 2.16963 16.2914 2.47956 16.7084C2.78949 17.1254 3.22567 17.4356 3.72583 17.5947C3.68811 17.7729 3.66829 17.9544 3.66667 18.1364C3.66667 18.8958 3.97396 19.6242 4.52094 20.1613C5.06792 20.6983 5.80979 21 6.58333 21C7.35688 21 8.09875 20.6983 8.64573 20.1613C9.19271 19.6242 9.5 18.8958 9.5 18.1364C9.49869 17.9994 9.48727 17.8626 9.46583 17.7273H14.5342C14.5127 17.8626 14.5013 17.9994 14.5 18.1364C14.5 18.8958 14.8073 19.6242 15.3543 20.1613C15.9013 20.6983 16.6431 21 17.4167 21C18.1902 21 18.9321 20.6983 19.4791 20.1613C20.026 19.6242 20.3333 18.8958 20.3333 18.1364C20.3317 17.9544 20.3119 17.7729 20.2742 17.5947C20.7743 17.4356 21.2105 17.1254 21.5204 16.7084C21.8304 16.2914 21.9982 15.7889 22 15.2727V14.4545C22 13.5866 21.6488 12.7541 21.0237 12.1404C20.3986 11.5266 19.5507 11.1818 18.6667 11.1818ZM3.66667 11.1818V7.90909H5.33333V11.1818H3.66667ZM7 7.90909H8.66667V11.1818H7V7.90909ZM10.3333 7.90909H12.8333V16.0909H10.3333V7.90909ZM14.5 7.90909H16.1667V11.1818H14.5V7.90909ZM5.33333 4.63636H14.5C14.942 4.63636 15.3659 4.80877 15.6785 5.11564C15.9911 5.42252 16.1667 5.83874 16.1667 6.27273H3.66667C3.66667 5.83874 3.84226 5.42252 4.15482 5.11564C4.46738 4.80877 4.89131 4.63636 5.33333 4.63636ZM3.66667 12.8182H8.66667V16.0909H4.5C4.27899 16.0909 4.06702 16.0047 3.91074 15.8513C3.75446 15.6978 3.66667 15.4897 3.66667 15.2727V12.8182ZM7.83333 18.1364C7.83333 18.4619 7.70164 18.774 7.46722 19.0042C7.2328 19.2343 6.91485 19.3636 6.58333 19.3636C6.25181 19.3636 5.93387 19.2343 5.69945 19.0042C5.46503 18.774 5.33333 18.4619 5.33333 18.1364C5.3337 17.9965 5.35996 17.8579 5.41083 17.7273H7.75583C7.80671 17.8579 7.83297 17.9965 7.83333 18.1364ZM17.4167 19.3636C17.0851 19.3636 16.7672 19.2343 16.5328 19.0042C16.2984 18.774 16.1667 18.4619 16.1667 18.1364C16.167 17.9965 16.1933 17.8579 16.2442 17.7273H18.5892C18.64 17.8579 18.6663 17.9965 18.6667 18.1364C18.6667 18.4619 18.535 18.774 18.3005 19.0042C18.0661 19.2343 17.7482 19.3636 17.4167 19.3636ZM20.3333 15.2727C20.3333 15.4897 20.2455 15.6978 20.0893 15.8513C19.933 16.0047 19.721 16.0909 19.5 16.0909H14.5V12.8182H18.6667C19.1087 12.8182 19.5326 12.9906 19.8452 13.2975C20.1577 13.6043 20.3333 14.0206 20.3333 14.4545V15.2727Z" fill="#4B64E0"/>
+</svg>

package/dist/esm/components/MainWrapV4/assets/icon/van-hanh-xe-tuyen/outline-sidebar.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.6667 11.1818H17.8333V6.27273C17.8333 5.40475 17.4821 4.57232 16.857 3.95856C16.2319 3.3448 15.3841 3 14.5 3H5.33333C4.44928 3 3.60143 3.3448 2.97631 3.95856C2.35119 4.57232 2 5.40475 2 6.27273L2 15.2727C2.00179 15.7889 2.16963 16.2914 2.47956 16.7084C2.78949 17.1254 3.22567 17.4356 3.72583 17.5947C3.68811 17.7729 3.66829 17.9544 3.66667 18.1364C3.66667 18.8958 3.97396 19.6242 4.52094 20.1613C5.06792 20.6983 5.80979 21 6.58333 21C7.35688 21 8.09875 20.6983 8.64573 20.1613C9.19271 19.6242 9.5 18.8958 9.5 18.1364C9.49869 17.9994 9.48727 17.8626 9.46583 17.7273H14.5342C14.5127 17.8626 14.5013 17.9994 14.5 18.1364C14.5 18.8958 14.8073 19.6242 15.3543 20.1613C15.9013 20.6983 16.6431 21 17.4167 21C18.1902 21 18.9321 20.6983 19.4791 20.1613C20.026 19.6242 20.3333 18.8958 20.3333 18.1364C20.3317 17.9544 20.3119 17.7729 20.2742 17.5947C20.7743 17.4356 21.2105 17.1254 21.5204 16.7084C21.8304 16.2914 21.9982 15.7889 22 15.2727V14.4545C22 13.5866 21.6488 12.7541 21.0237 12.1404C20.3986 11.5266 19.5507 11.1818 18.6667 11.1818ZM3.66667 11.1818V7.90909H5.33333V11.1818H3.66667ZM7 7.90909H8.66667V11.1818H7V7.90909ZM10.3333 7.90909H12.8333V16.0909H10.3333V7.90909ZM14.5 7.90909H16.1667V11.1818H14.5V7.90909ZM5.33333 4.63636H14.5C14.942 4.63636 15.3659 4.80877 15.6785 5.11564C15.9911 5.42252 16.1667 5.83874 16.1667 6.27273H3.66667C3.66667 5.83874 3.84226 5.42252 4.15482 5.11564C4.46738 4.80877 4.89131 4.63636 5.33333 4.63636ZM3.66667 12.8182H8.66667V16.0909H4.5C4.27899 16.0909 4.06702 16.0047 3.91074 15.8513C3.75446 15.6978 3.66667 15.4897 3.66667 15.2727V12.8182ZM7.83333 18.1364C7.83333 18.4619 7.70164 18.774 7.46722 19.0042C7.2328 19.2343 6.91485 19.3636 6.58333 19.3636C6.25181 19.3636 5.93387 19.2343 5.69945 19.0042C5.46503 18.774 5.33333 18.4619 5.33333 18.1364C5.3337 17.9965 5.35996 17.8579 5.41083 17.7273H7.75583C7.80671 17.8579 7.83297 17.9965 7.83333 18.1364ZM17.4167 19.3636C17.0851 19.3636 16.7672 19.2343 16.5328 19.0042C16.2984 18.774 16.1667 18.4619 16.1667 18.1364C16.167 17.9965 16.1933 17.8579 16.2442 17.7273H18.5892C18.64 17.8579 18.6663 17.9965 18.6667 18.1364C18.6667 18.4619 18.535 18.774 18.3005 19.0042C18.0661 19.2343 17.7482 19.3636 17.4167 19.3636ZM20.3333 15.2727C20.3333 15.4897 20.2455 15.6978 20.0893 15.8513C19.933 16.0047 19.721 16.0909 19.5 16.0909H14.5V12.8182H18.6667C19.1087 12.8182 19.5326 12.9906 19.8452 13.2975C20.1577 13.6043 20.3333 14.0206 20.3333 14.4545V15.2727Z" fill="white"/>
+</svg>

package/dist/esm/components/MainWrapV4/assets/icon/van-hanh-xe-tuyen/outline.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.6667 11.1818H17.8333V6.27273C17.8333 5.40475 17.4821 4.57232 16.857 3.95856C16.2319 3.3448 15.3841 3 14.5 3H5.33333C4.44928 3 3.60143 3.3448 2.97631 3.95856C2.35119 4.57232 2 5.40475 2 6.27273L2 15.2727C2.00179 15.7889 2.16963 16.2914 2.47956 16.7084C2.78949 17.1254 3.22567 17.4356 3.72583 17.5947C3.68811 17.7729 3.66829 17.9544 3.66667 18.1364C3.66667 18.8958 3.97396 19.6242 4.52094 20.1613C5.06792 20.6983 5.80979 21 6.58333 21C7.35688 21 8.09875 20.6983 8.64573 20.1613C9.19271 19.6242 9.5 18.8958 9.5 18.1364C9.49869 17.9994 9.48727 17.8626 9.46583 17.7273H14.5342C14.5127 17.8626 14.5013 17.9994 14.5 18.1364C14.5 18.8958 14.8073 19.6242 15.3543 20.1613C15.9013 20.6983 16.6431 21 17.4167 21C18.1902 21 18.9321 20.6983 19.4791 20.1613C20.026 19.6242 20.3333 18.8958 20.3333 18.1364C20.3317 17.9544 20.3119 17.7729 20.2742 17.5947C20.7743 17.4356 21.2105 17.1254 21.5204 16.7084C21.8304 16.2914 21.9982 15.7889 22 15.2727V14.4545C22 13.5866 21.6488 12.7541 21.0237 12.1404C20.3986 11.5266 19.5507 11.1818 18.6667 11.1818ZM3.66667 11.1818V7.90909H5.33333V11.1818H3.66667ZM7 7.90909H8.66667V11.1818H7V7.90909ZM10.3333 7.90909H12.8333V16.0909H10.3333V7.90909ZM14.5 7.90909H16.1667V11.1818H14.5V7.90909ZM5.33333 4.63636H14.5C14.942 4.63636 15.3659 4.80877 15.6785 5.11564C15.9911 5.42252 16.1667 5.83874 16.1667 6.27273H3.66667C3.66667 5.83874 3.84226 5.42252 4.15482 5.11564C4.46738 4.80877 4.89131 4.63636 5.33333 4.63636ZM3.66667 12.8182H8.66667V16.0909H4.5C4.27899 16.0909 4.06702 16.0047 3.91074 15.8513C3.75446 15.6978 3.66667 15.4897 3.66667 15.2727V12.8182ZM7.83333 18.1364C7.83333 18.4619 7.70164 18.774 7.46722 19.0042C7.2328 19.2343 6.91485 19.3636 6.58333 19.3636C6.25181 19.3636 5.93387 19.2343 5.69945 19.0042C5.46503 18.774 5.33333 18.4619 5.33333 18.1364C5.3337 17.9965 5.35996 17.8579 5.41083 17.7273H7.75583C7.80671 17.8579 7.83297 17.9965 7.83333 18.1364ZM17.4167 19.3636C17.0851 19.3636 16.7672 19.2343 16.5328 19.0042C16.2984 18.774 16.1667 18.4619 16.1667 18.1364C16.167 17.9965 16.1933 17.8579 16.2442 17.7273H18.5892C18.64 17.8579 18.6663 17.9965 18.6667 18.1364C18.6667 18.4619 18.535 18.774 18.3005 19.0042C18.0661 19.2343 17.7482 19.3636 17.4167 19.3636ZM20.3333 15.2727C20.3333 15.4897 20.2455 15.6978 20.0893 15.8513C19.933 16.0047 19.721 16.0909 19.5 16.0909H14.5V12.8182H18.6667C19.1087 12.8182 19.5326 12.9906 19.8452 13.2975C20.1577 13.6043 20.3333 14.0206 20.3333 14.4545V15.2727Z" fill="#111827"/>
+</svg>

package/dist/esm/components/MainWrapV4/assets/icon/van-hanh-xe-tuyen/solid.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.11833 5.45455C2.30254 4.75406 2.71796 4.13325 3.29964 3.68915C3.88132 3.24506 4.59649 3.00271 5.33333 3H14.5C15.2368 3.00271 15.952 3.24506 16.5337 3.68915C17.1154 4.13325 17.5308 4.75406 17.715 5.45455H2.11833ZM9.45167 18.5455C9.48219 18.6798 9.49839 18.8169 9.5 18.9545C9.5 19.497 9.28051 20.0173 8.88981 20.4009C8.4991 20.7845 7.9692 21 7.41667 21C6.86413 21 6.33423 20.7845 5.94353 20.4009C5.55283 20.0173 5.33333 19.497 5.33333 18.9545C5.33494 18.8169 5.35114 18.6798 5.38167 18.5455H9.45167ZM18.6183 18.5455C18.6489 18.6798 18.6651 18.8169 18.6667 18.9545C18.6667 19.497 18.4472 20.0173 18.0565 20.4009C17.6658 20.7845 17.1359 21 16.5833 21C16.0308 21 15.5009 20.7845 15.1102 20.4009C14.7195 20.0173 14.5 19.497 14.5 18.9545C14.5016 18.8169 14.5178 18.6798 14.5483 18.5455H18.6183ZM10.3333 16.9091H12.8333V7.09091H10.3333V16.9091ZM17.8333 10.3636V7.09091H14.5V10.3636H17.8333ZM8.66667 10.3636V7.09091H6.16667V10.3636H8.66667ZM18.6667 12H14.5V16.9091H20.3333C20.7754 16.9091 21.1993 16.7367 21.5118 16.4298C21.8244 16.1229 22 15.7067 22 15.2727C22 14.4047 21.6488 13.5723 21.0237 12.9586C20.3986 12.3448 19.5507 12 18.6667 12ZM4.5 10.3636V7.09091H2V10.3636H4.5ZM8.66667 12H2V14.4545C2 15.1055 2.26339 15.7299 2.73223 16.1902C3.20107 16.6505 3.83696 16.9091 4.5 16.9091H8.66667V12Z" fill="white"/>
+</svg>

package/dist/esm/components/MainWrapV4/assets/icon/xe-tuyen/outline-pined.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.3333 10.3318V6.7037C20.3281 5.79596 20.0288 4.91435 19.4805 4.19089C18.9322 3.46743 18.1642 2.94105 17.2917 2.69058C13.824 1.76981 10.176 1.76981 6.70833 2.69058C5.83577 2.94105 5.06782 3.46743 4.51948 4.19089C3.97115 4.91435 3.67195 5.79596 3.66667 6.7037V10.3318C3.22464 10.3318 2.80072 10.5074 2.48816 10.82C2.17559 11.1325 2 11.5564 2 11.9984L2 12.8317C2 13.2737 2.17559 13.6976 2.48816 14.0102C2.80072 14.3227 3.22464 14.4983 3.66667 14.4983V16.1649C3.66628 16.8118 3.81671 17.4498 4.10602 18.0284C4.39534 18.607 4.81556 19.1102 5.33333 19.498V19.9147C5.33281 20.4313 5.52428 20.9297 5.87057 21.3131C6.21686 21.6965 6.69326 21.9375 7.20729 21.9894C7.72132 22.0414 8.23631 21.9004 8.65228 21.594C9.06825 21.2876 9.35552 20.8376 9.45833 20.3313H14.5417C14.6445 20.8376 14.9318 21.2876 15.3477 21.594C15.7637 21.9004 16.2787 22.0414 16.7927 21.9894C17.3067 21.9375 17.7831 21.6965 18.1294 21.3131C18.4757 20.9297 18.6672 20.4313 18.6667 19.9147V19.498C19.1844 19.1102 19.6047 18.607 19.894 18.0284C20.1833 17.4498 20.3337 16.8118 20.3333 16.1649V14.4983C20.7754 14.4983 21.1993 14.3227 21.5118 14.0102C21.8244 13.6976 22 13.2737 22 12.8317V11.9984C22 11.5564 21.8244 11.1325 21.5118 10.82C21.1993 10.5074 20.7754 10.3318 20.3333 10.3318ZM12.8333 12.8317V7.83198H18.6667V12.8317H12.8333ZM5.33333 12.8317V7.83198H11.1667V12.8317H5.33333ZM7.16667 4.29216C10.3348 3.45692 13.6652 3.45692 16.8333 4.29216C17.2717 4.41332 17.6688 4.65179 17.9817 4.98187C18.2946 5.31196 18.5116 5.72116 18.6092 6.1654H5.39083C5.48841 5.72116 5.70535 5.31196 6.01827 4.98187C6.3312 4.65179 6.72825 4.41332 7.16667 4.29216ZM16.1667 18.6647H7.83333C7.17029 18.6647 6.53441 18.4014 6.06557 17.9325C5.59673 17.4637 5.33333 16.8279 5.33333 16.1649V14.4983H7V15.3316C7 15.5526 7.0878 15.7645 7.24408 15.9208C7.40036 16.0771 7.61232 16.1649 7.83333 16.1649C8.05435 16.1649 8.26631 16.0771 8.42259 15.9208C8.57887 15.7645 8.66667 15.5526 8.66667 15.3316V14.4983H15.3333V15.3316C15.3333 15.5526 15.4211 15.7645 15.5774 15.9208C15.7337 16.0771 15.9457 16.1649 16.1667 16.1649C16.3877 16.1649 16.5996 16.0771 16.7559 15.9208C16.9122 15.7645 17 15.5526 17 15.3316V14.4983H18.6667V16.1649C18.6667 16.8279 18.4033 17.4637 17.9344 17.9325C17.4656 18.4014 16.8297 18.6647 16.1667 18.6647Z" fill="#4B64E0"/>
+</svg>

package/dist/esm/components/MainWrapV4/assets/icon/xe-tuyen/outline-sidebar.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.3333 10.3318V6.7037C20.3281 5.79596 20.0288 4.91435 19.4805 4.19089C18.9322 3.46743 18.1642 2.94105 17.2917 2.69058C13.824 1.76981 10.176 1.76981 6.70833 2.69058C5.83577 2.94105 5.06782 3.46743 4.51948 4.19089C3.97115 4.91435 3.67195 5.79596 3.66667 6.7037V10.3318C3.22464 10.3318 2.80072 10.5074 2.48816 10.82C2.17559 11.1325 2 11.5564 2 11.9984L2 12.8317C2 13.2737 2.17559 13.6976 2.48816 14.0102C2.80072 14.3227 3.22464 14.4983 3.66667 14.4983V16.1649C3.66628 16.8118 3.81671 17.4498 4.10602 18.0284C4.39534 18.607 4.81556 19.1102 5.33333 19.498V19.9147C5.33281 20.4313 5.52428 20.9297 5.87057 21.3131C6.21686 21.6965 6.69326 21.9375 7.20729 21.9894C7.72132 22.0414 8.23631 21.9004 8.65228 21.594C9.06825 21.2876 9.35552 20.8376 9.45833 20.3313H14.5417C14.6445 20.8376 14.9318 21.2876 15.3477 21.594C15.7637 21.9004 16.2787 22.0414 16.7927 21.9894C17.3067 21.9375 17.7831 21.6965 18.1294 21.3131C18.4757 20.9297 18.6672 20.4313 18.6667 19.9147V19.498C19.1844 19.1102 19.6047 18.607 19.894 18.0284C20.1833 17.4498 20.3337 16.8118 20.3333 16.1649V14.4983C20.7754 14.4983 21.1993 14.3227 21.5118 14.0102C21.8244 13.6976 22 13.2737 22 12.8317V11.9984C22 11.5564 21.8244 11.1325 21.5118 10.82C21.1993 10.5074 20.7754 10.3318 20.3333 10.3318ZM12.8333 12.8317V7.83198H18.6667V12.8317H12.8333ZM5.33333 12.8317V7.83198H11.1667V12.8317H5.33333ZM7.16667 4.29216C10.3348 3.45692 13.6652 3.45692 16.8333 4.29216C17.2717 4.41332 17.6688 4.65179 17.9817 4.98187C18.2946 5.31196 18.5116 5.72116 18.6092 6.1654H5.39083C5.48841 5.72116 5.70535 5.31196 6.01827 4.98187C6.3312 4.65179 6.72825 4.41332 7.16667 4.29216ZM16.1667 18.6647H7.83333C7.17029 18.6647 6.53441 18.4014 6.06557 17.9325C5.59673 17.4637 5.33333 16.8279 5.33333 16.1649V14.4983H7V15.3316C7 15.5526 7.0878 15.7645 7.24408 15.9208C7.40036 16.0771 7.61232 16.1649 7.83333 16.1649C8.05435 16.1649 8.26631 16.0771 8.42259 15.9208C8.57887 15.7645 8.66667 15.5526 8.66667 15.3316V14.4983H15.3333V15.3316C15.3333 15.5526 15.4211 15.7645 15.5774 15.9208C15.7337 16.0771 15.9457 16.1649 16.1667 16.1649C16.3877 16.1649 16.5996 16.0771 16.7559 15.9208C16.9122 15.7645 17 15.5526 17 15.3316V14.4983H18.6667V16.1649C18.6667 16.8279 18.4033 17.4637 17.9344 17.9325C17.4656 18.4014 16.8297 18.6647 16.1667 18.6647Z" fill="white"/>
+</svg>

package/dist/esm/components/MainWrapV4/assets/icon/xe-tuyen/outline.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.3333 10.3318V6.7037C20.3281 5.79596 20.0288 4.91435 19.4805 4.19089C18.9322 3.46743 18.1642 2.94105 17.2917 2.69058C13.824 1.76981 10.176 1.76981 6.70833 2.69058C5.83577 2.94105 5.06782 3.46743 4.51948 4.19089C3.97115 4.91435 3.67195 5.79596 3.66667 6.7037V10.3318C3.22464 10.3318 2.80072 10.5074 2.48816 10.82C2.17559 11.1325 2 11.5564 2 11.9984L2 12.8317C2 13.2737 2.17559 13.6976 2.48816 14.0102C2.80072 14.3227 3.22464 14.4983 3.66667 14.4983V16.1649C3.66628 16.8118 3.81671 17.4498 4.10602 18.0284C4.39534 18.607 4.81556 19.1102 5.33333 19.498V19.9147C5.33281 20.4313 5.52428 20.9297 5.87057 21.3131C6.21686 21.6965 6.69326 21.9375 7.20729 21.9894C7.72132 22.0414 8.23631 21.9004 8.65228 21.594C9.06825 21.2876 9.35552 20.8376 9.45833 20.3313H14.5417C14.6445 20.8376 14.9318 21.2876 15.3477 21.594C15.7637 21.9004 16.2787 22.0414 16.7927 21.9894C17.3067 21.9375 17.7831 21.6965 18.1294 21.3131C18.4757 20.9297 18.6672 20.4313 18.6667 19.9147V19.498C19.1844 19.1102 19.6047 18.607 19.894 18.0284C20.1833 17.4498 20.3337 16.8118 20.3333 16.1649V14.4983C20.7754 14.4983 21.1993 14.3227 21.5118 14.0102C21.8244 13.6976 22 13.2737 22 12.8317V11.9984C22 11.5564 21.8244 11.1325 21.5118 10.82C21.1993 10.5074 20.7754 10.3318 20.3333 10.3318ZM12.8333 12.8317V7.83198H18.6667V12.8317H12.8333ZM5.33333 12.8317V7.83198H11.1667V12.8317H5.33333ZM7.16667 4.29216C10.3348 3.45692 13.6652 3.45692 16.8333 4.29216C17.2717 4.41332 17.6688 4.65179 17.9817 4.98187C18.2946 5.31196 18.5116 5.72116 18.6092 6.1654H5.39083C5.48841 5.72116 5.70535 5.31196 6.01827 4.98187C6.3312 4.65179 6.72825 4.41332 7.16667 4.29216ZM16.1667 18.6647H7.83333C7.17029 18.6647 6.53441 18.4014 6.06557 17.9325C5.59673 17.4637 5.33333 16.8279 5.33333 16.1649V14.4983H7V15.3316C7 15.5526 7.0878 15.7645 7.24408 15.9208C7.40036 16.0771 7.61232 16.1649 7.83333 16.1649C8.05435 16.1649 8.26631 16.0771 8.42259 15.9208C8.57887 15.7645 8.66667 15.5526 8.66667 15.3316V14.4983H15.3333V15.3316C15.3333 15.5526 15.4211 15.7645 15.5774 15.9208C15.7337 16.0771 15.9457 16.1649 16.1667 16.1649C16.3877 16.1649 16.5996 16.0771 16.7559 15.9208C16.9122 15.7645 17 15.5526 17 15.3316V14.4983H18.6667V16.1649C18.6667 16.8279 18.4033 17.4637 17.9344 17.9325C17.4656 18.4014 16.8297 18.6647 16.1667 18.6647Z" fill="#111827"/>
+</svg>

package/dist/esm/components/MainWrapV4/assets/icon/xe-tuyen/solid.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.66667 13.6626C3.22464 13.6626 2.80072 13.487 2.48816 13.1745C2.17559 12.8621 2 12.4383 2 11.9963V11.1632C2 10.7213 2.17559 10.2975 2.48816 9.98502C2.80072 9.67254 3.22464 9.49699 3.66667 9.49699V6.99765H11.1667V13.6626H3.66667ZM17.2917 2.69044C13.824 1.76985 10.176 1.76985 6.70833 2.69044C6.06489 2.87632 5.47504 3.21286 4.98766 3.67214C4.50028 4.13143 4.12943 4.70024 3.90583 5.33141H20.0942C19.8706 4.70024 19.4997 4.13143 19.0123 3.67214C18.525 3.21286 17.9351 2.87632 17.2917 2.69044ZM17 16.1619C17 16.3829 16.9122 16.5948 16.7559 16.751C16.5996 16.9073 16.3877 16.995 16.1667 16.995C15.9457 16.995 15.7337 16.9073 15.5774 16.751C15.4211 16.5948 15.3333 16.3829 15.3333 16.1619V15.3288H8.66667V16.1619C8.66667 16.3829 8.57887 16.5948 8.42259 16.751C8.26631 16.9073 8.05435 16.995 7.83333 16.995C7.61232 16.995 7.40036 16.9073 7.24408 16.751C7.0878 16.5948 7 16.3829 7 16.1619V15.3288H3.66667V16.1619C3.66861 16.8053 3.82019 17.4394 4.10945 18.0142C4.39871 18.5889 4.8177 19.0886 5.33333 19.4736V19.9109C5.33383 20.4267 5.52574 20.924 5.87193 21.3065C6.21811 21.6889 6.69393 21.9294 7.20725 21.9812C7.72057 22.033 8.23488 21.8926 8.65059 21.5871C9.06629 21.2816 9.35382 20.8328 9.4575 20.3275H14.5408C14.6428 20.8346 14.9298 21.2857 15.346 21.5929C15.7622 21.9001 16.2779 22.0414 16.7927 21.9895C17.3074 21.9375 17.7844 21.6959 18.1308 21.3117C18.4772 20.9275 18.6682 20.4282 18.6667 19.9109V19.4736C19.1823 19.0886 19.6013 18.5889 19.8906 18.0142C20.1798 17.4394 20.3314 16.8053 20.3333 16.1619V15.3288H17V16.1619ZM20.3333 9.49699V6.99765H12.8333V13.6626H20.3333C20.7754 13.6626 21.1993 13.487 21.5118 13.1745C21.8244 12.8621 22 12.4383 22 11.9963V11.1632C22 10.7213 21.8244 10.2975 21.5118 9.98502C21.1993 9.67254 20.7754 9.49699 20.3333 9.49699Z" fill="white"/>
+</svg>

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export default function NavItem({ bgActiveColor, child, hoverIcon, href, icon, isActive, name, parentPath, }: {
+    isActive: boolean;
+    name: string;
+    href: string;
+    icon: any;
+    child?: Array<any>;
+    parentPath?: string;
+    bgActiveColor: string;
+    hoverIcon?: any;
+}): React.JSX.Element;

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

@@ -0,0 +1,26 @@
+import Image from 'next/image';
+import { IconV2 } from '../assets/Icon';
+import React from 'react';
+import { classNames } from '../../types';
+export default function NavItem(_a) {
+    var _b;
+    var bgActiveColor = _a.bgActiveColor, child = _a.child, hoverIcon = _a.hoverIcon, href = _a.href, icon = _a.icon, isActive = _a.isActive, name = _a.name, parentPath = _a.parentPath;
+    var basePath = (_b = parentPath === null || parentPath === void 0 ? void 0 : parentPath.split('/')) === null || _b === void 0 ? void 0 : _b[1];
+    return (React.createElement("a", { className: "".concat(classNames('inline-flex  items-center justify-center', !isActive && 'rounded-full bg-opacity-25  '), " group relative mb-4 flex flex-col items-center gap-y-2"), href: href },
+        React.createElement(Image, { alt: 'icon', className: 'relative z-10 h-5 w-5', height: 20, src: icon, width: 20 }),
+        React.createElement("p", { className: " w-[7.5ch] truncate text-center text-[10px]  ".concat(isActive ? 'text-white' : 'text-gray-300') }, name),
+        isActive ? (React.createElement("div", { className: 'absolute -top-1 h-8 w-8 rounded-full blur-[10px]', style: {
+                backgroundColor: bgActiveColor,
+            } })) : (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: 'absolute -top-1 h-8 w-8 rounded-full py-1.5 group-hover:bg-white group-hover:blur-[19px]' }),
+            child && (child === null || child === void 0 ? void 0 : child.length) > 1 && (React.createElement("div", { className: ' absolute -top-1/2 left-[3.5rem] hidden w-[16rem] rounded-2xl border border-gray-300 bg-white py-5 pl-5 pr-2 drop-shadow-lg transition-all group-hover:block ' },
+                React.createElement("div", { className: ' absolute -left-4 bottom-0 top-0 z-30 w-5 ' }),
+                React.createElement(Image, { alt: 'icon', className: ' absolute -left-[0.65rem] top-5 z-30', height: 16, quality: 100, 
+                    // @ts-ignore
+                    src: IconV2.ARROW_SUB_MENU_HOVER, width: 10 }),
+                React.createElement("h2", { className: 'mb-2 text-sm font-[650] text-gray-900' }, name),
+                React.createElement("div", { className: 'flex flex-col gap-1' }, child === null || child === void 0 ? void 0 : child.map(function (c) { return (React.createElement("a", { key: c.code, className: 'flex gap-x-2 py-1.5 pr-2', href: "/".concat(basePath).concat(c.path) },
+                    React.createElement(Image, { alt: 'icon', height: 16, quality: 100, src: hoverIcon, width: 16 }),
+                    React.createElement("span", { className: 'text-xs text-gray-500' }, c.name))); }))))))));
+}
+//# sourceMappingURL=nav-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nav-item.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/nav-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAkB/B;;QAjBC,aAAa,mBAAA,EACb,KAAK,WAAA,EACL,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,UAAU,gBAAA;IAWV,IAAM,QAAQ,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAC,GAAG,CAAC,0CAAG,CAAC,CAAC,CAAA;IAC5C,OAAO,CACL,2BACE,SAAS,EAAE,UAAG,UAAU,CACtB,0CAA0C,EAC1C,CAAC,QAAQ,IAAI,8BAA8B,CAC5C,4DAAyD,EAC1D,IAAI,EAAE,IAAI;QAEV,oBAAC,KAAK,IAAC,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,uBAAuB,EAAC,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,GAAI;QAExF,2BAAG,SAAS,EAAE,uDAAgD,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAE,IACtG,IAAI,CACH;QACH,QAAQ,CAAC,CAAC,CAAC,CACV,6BACE,SAAS,EAAC,kDAAkD,EAC5D,KAAK,EAAE;gBACL,eAAe,EAAE,aAAa;aAC/B,GACD,CACH,CAAC,CAAC,CAAC,CACF;YACE,6BAAK,SAAS,EAAC,0FAA0F,GAAG;YAC3G,KAAK,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,IAAG,CAAC,IAAI,CAC7B,6BAAK,SAAS,EAAC,+JAA+J;gBAC5K,6BAAK,SAAS,EAAC,4CAA4C,GAAG;gBAE9D,oBAAC,KAAK,IACJ,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,sCAAsC,EAChD,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,GAAG;oBACZ,aAAa;oBACb,GAAG,EAAE,MAAM,CAAC,oBAAoB,EAChC,KAAK,EAAE,EAAE,GACT;gBAEF,4BAAI,SAAS,EAAC,uCAAuC,IAAE,IAAI,CAAM;gBAEjE,6BAAK,SAAS,EAAC,qBAAqB,IACjC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CACjB,2BAAG,GAAG,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAE,WAAI,QAAQ,SAAG,CAAC,CAAC,IAAI,CAAE;oBAChF,oBAAC,KAAK,IAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,GAAI;oBACzE,8BAAM,SAAS,EAAC,uBAAuB,IAAE,CAAC,CAAC,IAAI,CAAQ,CACrD,CACL,EALkB,CAKlB,CAAC,CACE,CACF,CACP,CACA,CACJ,CACC,CACL,CAAA;AACH,CAAC"}

package/dist/esm/components/MainWrapV4/components/other-menu.d.ts

@@ -0,0 +1,8 @@
+import { INavItem } from '../types';
+import React from 'react';
+export default function OtherMenu({ handleChangePined, noPined, onOrder, pined, }: {
+    pined: Array<INavItem>;
+    noPined: Array<INavItem>;
+    handleChangePined(navItem: INavItem): void;
+    onOrder(newArr: Array<INavItem>): void;
+}): React.JSX.Element;

package/dist/esm/components/MainWrapV4/components/other-menu.js

@@ -0,0 +1,141 @@
+import Image from 'next/image';
+import { useEffect, useRef, useState } from 'react';
+import { IconV2 } from '../assets/Icon';
+import { MENU_CODE } from '../constant';
+import React from 'react';
+import { PHXModal } from '../../Modal';
+import { PHXSortable, PHXSortItem } from '../../..';
+function PinList(_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, handleChangePined = _a.handleChangePined, list = _a.list, searchKeyword = _a.searchKeyword, title = _a.title;
+    var filteredList = list
+        .filter(function (navItem) {
+        return navItem.name.toLowerCase().includes(searchKeyword.toLowerCase()) && navItem.code !== MENU_CODE.DASHBOARD;
+    })
+        .sort(function (a, b) {
+        var aDisabled = !!a.disabled; // true/false
+        var bDisabled = !!b.disabled;
+        if (aDisabled === bDisabled)
+            return 0; // cùng trạng thái → giữ nguyên thứ tự tương đối
+        if (aDisabled)
+            return 1; // a disabled → đẩy xuống dưới
+        return -1; // a không disabled, b disabled → a lên trên
+    });
+    if (filteredList.length === 0)
+        return null;
+    return (React.createElement("div", { className: className },
+        React.createElement("p", { className: 'text-xxs text-gray-500' }, title),
+        React.createElement("div", { className: 'mt-3 grid grid-cols-4' }, filteredList.map(function (navItem, index) { return (React.createElement("div", { key: index, className: " relative flex h-[82px] w-[82px] flex-col  items-center rounded-2xl   p-2  ".concat(navItem.disabled
+                ? 'cursor-not-allowed'
+                : 'group border-[0.66px] border-white hover:border-gray-200 hover:bg-gray-100') },
+            navItem.disabled && React.createElement("div", { className: ' absolute inset-0 bg-white opacity-60' }),
+            React.createElement("button", { className: 'peer absolute -right-2 -top-1 hidden  group-hover:block', onClick: function () { return handleChangePined(navItem); }, type: 'button' },
+                React.createElement(Image, { alt: 'icon', height: 22, quality: 100, 
+                    // @ts-ignore
+                    src: !navItem.isPined ? IconV2.PIN : IconV2.UN_PIN, width: 22 })),
+            React.createElement("div", { className: 'absolute -right-[0.5rem] -top-12 hidden rounded-lg  border border-gray-100 bg-white p-2 drop-shadow-md peer-hover:block' },
+                React.createElement("p", { className: 'text-xs' }, !navItem.isPined ? 'Ghim' : 'Bỏ ghim'),
+                React.createElement(Image, { alt: 'icon', className: ' absolute right-1 -rotate-90', height: 10, quality: 100, 
+                    // @ts-ignore
+                    src: IconV2.ARROW_SUB_MENU_HOVER, width: 10 })),
+            React.createElement("a", { className: 'flex flex-col items-center', href: navItem.path, target: '__blank' },
+                React.createElement("div", { className: 'borde-gray-200 flex h-10 w-10 items-center justify-center rounded-xl border' },
+                    React.createElement(Image, { alt: 'icon', height: 20, quality: 100, 
+                        // @ts-ignore
+                        src: IconV2["".concat(navItem.code, "_OUTLINE")], width: 20 })),
+                React.createElement("p", { className: 'test-gray-900 mt-1.5 w-[10ch] truncate text-center text-xxs' }, navItem.name)))); }))));
+}
+function SearchBar(_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.currValue, currValue = _c === void 0 ? '' : _c, onChange = _a.onChange;
+    return (React.createElement("div", { className: "flex items-center overflow-hidden rounded-xl border border-gray-300 px-3 ".concat(className) },
+        React.createElement(Image, { alt: 'icon', height: 20, quality: 100, src: IconV2.SEARCH, width: 20 }),
+        React.createElement("input", { className: '-ml-1.5 flex-1 border-none bg-transparent text-xs focus:ring-0', onChange: function (e) { return onChange(e.target.value); }, placeholder: 'T\u00ECm ki\u1EBFm ph\u00E2n h\u1EC7', type: 'text', value: currValue })));
+}
+function ModalCustomPin(_a) {
+    var data = _a.data, onOpen = _a.onOpen, onOrder = _a.onOrder;
+    var _b = useState(false), show = _b[0], setShow = _b[1];
+    var searchValue = useState('')[0];
+    var _c = useState(data), orderData = _c[0], setOrderData = _c[1];
+    function onHide() {
+        setShow(false);
+    }
+    useEffect(function () {
+        setOrderData(data);
+    }, [data.length]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("button", { className: 'flex items-center gap-x-1 text-xs font-normal text-gray-600', onClick: function () {
+                setShow(true);
+                onOpen();
+            }, type: 'button' },
+            React.createElement(Image, { alt: 'icon', height: 18, quality: 100, src: IconV2.SETTING_OTHER_MENU, width: 18 }),
+            React.createElement("p", null, " Tu\u1EF3 ch\u1EC9nh")),
+        React.createElement(PHXModal, { inCard: false, onHide: onHide, onSubmit: function () {
+                onOrder(orderData);
+                onHide();
+            }, primaryActionText: 'L\u01B0u l\u1EA1i', show: show, title: 'Tu\u1EF3 ch\u1EC9nh thanh b\u00EAn' },
+            React.createElement("div", { className: 'space-y-2' },
+                React.createElement("h2", { className: 'text-xs font-[650] text-gray-900' }, "T\u1EA5t c\u1EA3 ph\u00E2n h\u1EC7"),
+                React.createElement(PHXSortable, { className: 'max-h-[30rem] overflow-y-auto', enableBorder: true, 
+                    // @ts-ignore
+                    list: orderData.filter(function (item) { return item.name.toLowerCase().includes(searchValue.toLowerCase()); }), renderItem: function (item, index) {
+                        var isDisabled = item.isDisabled;
+                        return (React.createElement("div", { key: index }, isDisabled ? (React.createElement("div", { className: 'relative flex cursor-not-allowed items-center gap-x-1.5 py-4 pl-4' },
+                            React.createElement("div", { className: ' absolute inset-0 bg-white opacity-60' }),
+                            React.createElement(Image, { alt: 'icon', height: 18, quality: 100, 
+                                // @ts-ignore
+                                src: IconV2["".concat(item.code, "_OUTLINE")], width: 18 }),
+                            React.createElement("p", { className: 'text-xs font-[450] text-gray-900' }, item.name))) : (React.createElement(PHXSortItem, { dragIconPosition: 'right', title: React.createElement("div", { className: 'relative flex items-center gap-x-1.5' },
+                                isDisabled && React.createElement("div", { className: ' absolute inset-0 bg-white opacity-60' }),
+                                React.createElement(Image, { alt: 'icon', height: 18, quality: 100, 
+                                    // @ts-ignore
+                                    src: IconV2["".concat(item.code, "_OUTLINE")], width: 18 }),
+                                React.createElement("p", { className: 'text-xs font-[450] text-gray-900' }, item.name)) }))));
+                    }, 
+                    // @ts-ignore
+                    setList: function (sortedData) { return setOrderData(sortedData); } })))));
+}
+export default function OtherMenu(_a) {
+    var handleChangePined = _a.handleChangePined, noPined = _a.noPined, onOrder = _a.onOrder, pined = _a.pined;
+    var pinedLength = pined.length;
+    var noPinedLength = noPined.length;
+    var countMenu = pinedLength + noPinedLength;
+    var _b = useState(false), active = _b[0], setActive = _b[1];
+    var otherMenuRef = useRef(null);
+    var containerRef = useRef(null);
+    var _c = useState(''), searchKeyword = _c[0], setSearchKeyWord = _c[1];
+    useEffect(function () {
+        function handleClickOutside(e) {
+            if (containerRef.current && !containerRef.current.contains(e.target)) {
+                setActive(false);
+            }
+        }
+        document.addEventListener('mousedown', handleClickOutside);
+        return function () { return document.removeEventListener('mousedown', handleClickOutside); };
+    }, []);
+    useEffect(function () {
+        if (!active) {
+            setSearchKeyWord('');
+        }
+    }, [active]);
+    return (React.createElement("div", { ref: containerRef, className: '' },
+        React.createElement("button", { className: 'group relative flex flex-col items-center gap-y-2', onClick: function () { return setActive(!active); }, type: 'button' },
+            active && (React.createElement(Image, { alt: 'icon', className: 'absolute left-[2.55rem] top-4 z-10 h-5 w-7', height: 18, quality: 100, 
+                // @ts-ignore
+                src: IconV2.ARROW_SUB_MENU_HOVER, width: 20 })),
+            active ? (React.createElement("div", { className: 'absolute left-2.5 top-3  h-7 w-7 rounded-full bg-[#E16F38] blur-[6px]' })) : (React.createElement("div", { className: 'absolute left-2.5 top-3  h-7 w-7 rounded-full py-1.5 group-hover:bg-white group-hover:blur-[17px]' })),
+            pinedLength > 0 && (React.createElement(React.Fragment, null,
+                React.createElement(Image, { alt: 'icon', className: "border-t border-gray-600 pt-4 ".concat(active && 'brightness-200'), height: 20, 
+                    // @ts-ignore
+                    src: IconV2.OHTER_MENU, width: 20 }),
+                ' ',
+                React.createElement("p", { className: 'w-[7.5ch] truncate text-center text-[10px] text-gray-300' }, "M\u1EE5c kh\u00E1c")))),
+        React.createElement("div", { className: "absolute top-0 w-[26rem]  drop-shadow-lg ".concat(active ? '-right-[26.53rem]' : '-left-[1000px] opacity-0') },
+            React.createElement("div", { ref: otherMenuRef, className: 'rounded-xl  border-r border-t bg-white p-5' },
+                React.createElement("div", { className: 'flex items-center justify-between' },
+                    React.createElement("h2", { className: 'text-base font-[650] text-gray-900' }, "M\u1EE5c kh\u00E1c"),
+                    React.createElement(ModalCustomPin, { data: pined, onOpen: function () { return setActive(false); }, onOrder: onOrder })),
+                React.createElement(SearchBar, { className: 'mt-4', currValue: searchKeyword, onChange: function (value) { return setSearchKeyWord(value); } }),
+                React.createElement("div", { className: 'mt-2 max-h-[calc(100vh-11rem)] overflow-y-auto pt-4' },
+                    React.createElement(PinList, { className: 'border-b pb-3', handleChangePined: handleChangePined, list: pined, searchKeyword: searchKeyword, title: "\u0110\u00E3 ghim (".concat(pinedLength, "/").concat(countMenu, ")") }),
+                    React.createElement(PinList, { className: "".concat(pinedLength > 1 ? 'mt-4' : ''), handleChangePined: handleChangePined, list: noPined, searchKeyword: searchKeyword, title: "Ch\u01B0a ghim (".concat(noPinedLength, "/").concat(countMenu, ")") }))))));
+}
+//# sourceMappingURL=other-menu.js.map

package/dist/esm/components/MainWrapV4/components/other-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"other-menu.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/other-menu.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/MainWrapV4/components/side-bar.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { DataInitMainWrap } from '../MainWrapV4';
+import { INavItem } from '../types';
+export default function SideBarDesktop({ currentMenuCode, dataInitMain, enablePer, isActivityHistory, isSettings, navigation, setShowSubMenu, showSubMenu, }: {
+    showSubMenu: boolean;
+    setShowSubMenu(show: boolean): void;
+    isSettings: boolean;
+    isActivityHistory: boolean;
+    enablePer(code: string, arr: Array<any>): boolean;
+    dataInitMain: DataInitMainWrap;
+    navigation: Array<INavItem>;
+    currentMenuCode: string;
+}): React.JSX.Element;

package/dist/esm/components/MainWrapV4/components/side-bar.js

@@ -0,0 +1,120 @@
+import { __assign, __spreadArray } from "tslib";
+import Image from 'next/image';
+import React, { useEffect, useState } from 'react';
+import { IconV2 } from '../assets/Icon';
+import { LOCALSTORAGE_MENU_PINED_KEY, MENU_ACTIVE_COLORS, MENU_CODE } from '../constant';
+import NavItem from './nav-item';
+import OtherMenu from './other-menu';
+import PHXTooltip from '../../ToolTip/ToolTip';
+export default function SideBarDesktop(_a) {
+    var currentMenuCode = _a.currentMenuCode, dataInitMain = _a.dataInitMain, enablePer = _a.enablePer, isActivityHistory = _a.isActivityHistory, isSettings = _a.isSettings, navigation = _a.navigation, setShowSubMenu = _a.setShowSubMenu, showSubMenu = _a.showSubMenu;
+    var _b = useState({
+        pined: [],
+        noPined: [],
+    }), menu = _b[0], setMenu = _b[1];
+    var _c = useState(0), totalItem = _c[0], setTotalItem = _c[1];
+    var saveToLocalStorage = function (data) {
+        localStorage.setItem(LOCALSTORAGE_MENU_PINED_KEY, JSON.stringify(data));
+    };
+    var handleChangePined = function (selectedNav) {
+        var currNoPined = menu.noPined, currPined = menu.pined;
+        var nextPined, nextNoPined;
+        if (selectedNav.isPined) {
+            nextPined = currPined.filter(function (nav) { return nav.code !== selectedNav.code; });
+            nextNoPined = __spreadArray([__assign(__assign({}, selectedNav), { isPined: false })], currNoPined, true);
+        }
+        else {
+            nextPined = __spreadArray([currPined[0], __assign(__assign({}, selectedNav), { isPined: true })], currPined.slice(1), true);
+            nextNoPined = currNoPined.filter(function (nav) { return nav.code !== selectedNav.code; });
+        }
+        setMenu({
+            pined: nextPined,
+            noPined: nextNoPined,
+        });
+        saveToLocalStorage({
+            pined: nextPined,
+            noPined: nextNoPined,
+        });
+    };
+    var onOrder = function (newArray) {
+        var orderMap = newArray.map(function (item) { return item.code; });
+        var sortedPined = __spreadArray([], menu.pined, true).sort(function (a, b) {
+            var indexA = orderMap.indexOf(a.code);
+            var indexB = orderMap.indexOf(b.code);
+            // Nếu không tìm thấy trong mảng 1 => để xuống cuối
+            if (indexA === -1 && indexB === -1)
+                return 0;
+            if (indexA === -1)
+                return 1;
+            if (indexB === -1)
+                return -1;
+            return indexA - indexB;
+        });
+        var newMenu = {
+            noPined: menu.noPined,
+            pined: sortedPined,
+        };
+        setMenu(newMenu);
+        saveToLocalStorage(newMenu);
+    };
+    useEffect(function () {
+        if (!dataInitMain.perCode || navigation.length === 0)
+            return;
+        var pined = [];
+        var noPined = [];
+        var _a = JSON.parse(localStorage.getItem(LOCALSTORAGE_MENU_PINED_KEY) || '{}').pined, pinedSaved = _a === void 0 ? [] : _a;
+        navigation.forEach(function (nav) {
+            if (nav.code === MENU_CODE.DASHBOARD ||
+                pinedSaved.some(function (item) { return item.code === nav.code; }) ||
+                nav.code === currentMenuCode) {
+                pined.push(__assign(__assign({}, nav), { isPined: true, disabled: !dataInitMain.perCode.includes(nav.code) }));
+            }
+            else {
+                noPined.push(__assign(__assign({}, nav), { disabled: !dataInitMain.perCode.includes(nav.code) }));
+            }
+        });
+        setMenu({
+            pined: pined,
+            noPined: noPined,
+        });
+    }, [dataInitMain.perCode, navigation.length]);
+    useEffect(function () {
+        var _a;
+        var handler = function () {
+            var _a;
+            var itemHeight = 80;
+            var windowHeight = ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) || 0;
+            var nextTotalItem = Math.ceil(windowHeight / itemHeight);
+            if (nextTotalItem !== totalItem)
+                setTotalItem(nextTotalItem - 3);
+        };
+        // Log ngay khi component mount
+        handler();
+        (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.addEventListener('resize', handler);
+        return function () {
+            var _a;
+            (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.removeEventListener('resize', handler);
+        };
+    }, []);
+    return (React.createElement("div", { "aria-hidden": true, className: "relative z-30 m-1.5 mt-10 hidden  h-[calc(100vh-3.2rem)] w-14 flex-col items-center rounded-2xl !bg-black transition-all duration-[350ms]  lg:fixed lg:inset-y-0  lg:flex ".concat(showSubMenu ? ' pt-3' : 'pt-16') },
+        React.createElement("button", { className: "group absolute top-4 mb-4 border-b border-gray-600 pb-4 ".concat(showSubMenu ? 'hidden' : ''), onClick: function () { return setShowSubMenu(true); }, type: 'button' },
+            React.createElement("div", { className: 'absolute -top-1 h-7 w-7 rounded-full py-1.5 group-hover:bg-white group-hover:blur-[16px]' }),
+            React.createElement(PHXTooltip, { content: 'M\u1EDF thanh b\u00EAn' },
+                React.createElement(Image, { alt: 'icon', height: 14, quality: 100, src: IconV2.SHOW_SIDEBAR, width: 14 }))),
+        menu.pined.slice(0, totalItem).map(function (item, index) {
+            var isActive = !!(item === null || item === void 0 ? void 0 : item.current);
+            return (React.createElement(React.Fragment, { key: item.code }, enablePer(item.code, dataInitMain.perCode) && (React.createElement(NavItem, { bgActiveColor: MENU_ACTIVE_COLORS[index % MENU_ACTIVE_COLORS.length], child: item.child, 
+                // @ts-ignore
+                hoverIcon: IconV2["".concat(item.code, "_OUTLINE")], href: item.path, icon: isActive
+                    ? // @ts-ignore
+                        IconV2["".concat(item.code, "_SOLID")]
+                    : // @ts-ignore
+                        IconV2["".concat(item.code, "_OUTLINE_SIDEBAR")], isActive: isActive, name: item.name, parentPath: item.path }))));
+        }),
+        React.createElement(OtherMenu, { handleChangePined: handleChangePined, noPined: menu.noPined, onOrder: onOrder, pined: menu.pined }),
+        React.createElement("div", { className: 'absolute bottom-0 flex flex-col items-center ' },
+            React.createElement("div", { className: 'mb-4 h-[1px] w-5 bg-gray-600' }),
+            React.createElement(NavItem, { key: 'activity_history_nav', bgActiveColor: MENU_ACTIVE_COLORS[1], href: '/activity-history/list', icon: IconV2.ACTIVITY_HISTORY, isActive: isActivityHistory, name: 'L\u1ECBch s\u1EED ho\u1EA1t \u0111\u1ED9ng' }),
+            React.createElement(NavItem, { key: 'setting_nav', bgActiveColor: MENU_ACTIVE_COLORS[2], href: '/setting', icon: IconV2.SETTING, isActive: isSettings, name: 'C\u00E0i \u0111\u1EB7t' }))));
+}
+//# sourceMappingURL=side-bar.js.map

package/dist/esm/components/MainWrapV4/components/side-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-bar.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/side-bar.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/MainWrapV4/constant.d.ts

@@ -0,0 +1,5 @@
+export declare enum MENU_CODE {
+    DASHBOARD = "DASHBOARD"
+}
+export declare const LOCALSTORAGE_MENU_PINED_KEY = "menu_pined";
+export declare const MENU_ACTIVE_COLORS: string[];

package/dist/esm/components/MainWrapV4/constant.js

@@ -0,0 +1,7 @@
+export var MENU_CODE;
+(function (MENU_CODE) {
+    MENU_CODE["DASHBOARD"] = "DASHBOARD";
+})(MENU_CODE || (MENU_CODE = {}));
+export var LOCALSTORAGE_MENU_PINED_KEY = 'menu_pined';
+export var MENU_ACTIVE_COLORS = ['#F57634', '#20BD22', '#FD7B6C', '#6788EC', '#FFFFFF', '#DEA414'];
+//# sourceMappingURL=constant.js.map

package/dist/esm/components/MainWrapV4/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","sourceRoot":"","sources":["../../../../src/components/MainWrapV4/constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,SAEX;AAFD,WAAY,SAAS;IACnB,oCAAuB,CAAA;AACzB,CAAC,EAFW,SAAS,KAAT,SAAS,QAEpB;AAED,MAAM,CAAC,IAAM,2BAA2B,GAAG,YAAY,CAAA;AACvD,MAAM,CAAC,IAAM,kBAAkB,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA"}

package/dist/esm/components/MainWrapV4/index.d.ts

@@ -0,0 +1 @@
+export * from './MainWrapV4';

package/dist/esm/components/MainWrapV4/index.js

@@ -0,0 +1,2 @@
+export * from './MainWrapV4';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/MainWrapV4/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MainWrapV4/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}