@unbxd-ui/unbxd-react-components 0.3.1 → 0.3.2-beta.1

package/assets/desktop.svg

@@ -0,0 +1,6 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024">
+<g id="icomoon-ignore">
+</g>
+<path d="M853.334 85.334c70.693 0 128 57.308 128 128v426.665c0 70.693-57.307 128-128 128h-298.668v85.336h128c23.566 0 42.668 19.102 42.668 42.664 0 23.566-19.102 42.668-42.668 42.668h-341.332c-23.564 0-42.666-19.102-42.666-42.668 0-23.561 19.102-42.664 42.666-42.664h128v-85.336h-298.667c-70.693 0-128-57.307-128-128v-426.665c0-70.692 57.307-128 128-128h682.667zM512.002 682.667h341.332c23.566 0 42.668-19.102 42.668-42.668v-426.665c0-23.564-19.102-42.666-42.668-42.666h-682.667c-23.565 0-42.667 19.102-42.667 42.666v426.665c0 23.566 19.102 42.668 42.667 42.668h341.335z"></path>
+</svg>

package/assets/map-pin.svg

@@ -0,0 +1,6 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024">
+<g id="icomoon-ignore">
+</g>
+<path fill="#000" d="M474.453 1.674c-76.977 7.7-145.641 32.764-206.51 75.382-99.168 69.431-161.645 172.392-179.525 295.851-3.37 23.269-2.862 87.445 0.885 111.786 19.713 128.061 93.005 254.080 223.84 384.874 47.153 47.138 87.182 81.892 140.792 122.238 37.967 28.573 43.095 31.342 58.065 31.342 14.814 0 20.105-2.802 55.672-29.479 52.732-39.551 97.758-78.602 144.035-124.921 206.626-206.815 272.468-408.616 196.136-601.145-49.551-124.982-161.512-222.567-292.177-254.661-41.984-10.313-102.492-15.14-141.213-11.267zM543.573 87.097c148.673 13.943 271.985 123.828 302.151 269.249 26.149 126.055-19.853 254.475-141.938 396.237-45.982 53.393-118.534 121.157-175.999 164.384l-15.787 11.876-16.087-12.092c-40.555-30.483-94.030-77.95-133.246-118.275-44.876-46.145-76.488-84.712-107.513-131.169-73.006-109.318-97.98-210.288-76.914-310.961 21.42-102.368 89.837-190.049 184.206-236.073 56.818-27.711 118.649-39.036 181.127-33.176zM487.789 257.72c-25.17 4.004-51.681 14.476-72.587 28.673-33.126 22.495-57.049 56.513-68.314 97.142-4.111 14.83-4.624 19.611-4.624 43.132 0 23.615 0.504 28.27 4.695 43.394 14.648 52.868 52.263 95.363 101.894 115.118 77.385 30.801 168.194-0.223 210.079-71.77 45.192-77.199 23.088-177.292-50.134-227.016-15.014-10.196-39.492-21.258-55.912-25.267-16.502-4.029-50.124-5.788-65.097-3.406zM528.327 343.183c33.502 6.119 61.461 34.649 67.392 68.769 10.269 59.072-42.581 110.371-101.128 98.162-24.378-5.084-48.554-23.951-59.107-46.127-15.809-33.22-9.298-71.276 16.631-97.205 20.838-20.838 46.991-28.936 76.212-23.599z"></path>
+</svg>

package/assets/p1.svg

@@ -0,0 +1,20 @@
+<svg width="125" height="125" viewBox="0 0 125 125" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M124.92 9.2543V115.921C124.92 119.694 122.52 122.921 119.16 124.134C118.866 124.241 118.573 124.334 118.266 124.401C117.84 124.508 117.386 124.588 116.933 124.628C116.693 124.641 116.44 124.654 116.2 124.654H9.53314C8.59927 124.654 7.70607 124.508 6.86647 124.228C6.63994 124.174 6.42634 124.094 6.21287 124.001C5.7998 123.828 5.39927 123.628 5.02634 123.401C2.49301 121.881 0.799805 119.094 0.799805 115.921V9.2543C0.799805 4.44097 4.70607 0.534317 9.53314 0.534317H116.2C121.013 0.534317 124.92 4.44097 124.92 9.2543Z" fill="#E8E1EF"/>
+<path d="M102.213 124.654H10.4531C11.8266 110.788 19.4531 88.041 25.747 80.9343C32.1735 73.6676 47.6531 68.761 63.5203 69.281C63.5203 69.281 85.1334 69.1877 94.1334 80.241C97.8537 84.801 101.614 107.054 102.213 124.654Z" fill="#92B4EA"/>
+<path d="M118.267 124.401C117.84 124.508 117.387 124.588 116.933 124.628C116.693 124.641 116.44 124.654 116.2 124.654H84.84L79.9468 114.201L95.1462 81.9077L118.267 124.401Z" fill="#92B4EA"/>
+<path d="M51.6722 58.0307L50.6597 70.5027C50.6597 70.5027 51.5097 74.2853 59.6695 75.62C65.7482 76.6147 69.0654 72.9454 69.0654 72.9454L68.9623 70.2533L68.6842 63.2494L54.1154 58.7827L51.6722 58.0307Z" fill="#F48462"/>
+<path d="M54.1157 58.7833C54.1204 59.1699 54.2299 59.6339 54.4141 60.1726C56.9871 67.4406 65.4537 69.6499 68.9627 70.2539L68.6845 63.2499L54.1157 58.7833Z" fill="black"/>
+<path d="M74.412 31.4995C74.412 31.4995 80.3526 49.7021 76.6541 59.2475C72.9552 68.7928 64.165 66.3835 59.0005 63.9701C53.8354 61.5555 51.6697 58.0341 51.6697 58.0341C51.6697 58.0341 46.5098 59.2461 43.6177 54.2768C40.726 49.3061 43.2994 44.1701 46.2708 43.2248C49.2417 42.2768 52.4349 44.6648 52.4349 44.6648L50.2672 39.3328C50.2672 39.3328 63.95 14.6221 74.412 31.4995Z" fill="#F48462"/>
+<path d="M71.5163 53.7227C71.4294 53.7227 71.3403 53.7053 71.2549 53.6693C70.9163 53.5253 70.7586 53.132 70.9033 52.7947C72.2043 49.7427 70.1893 46.0587 70.169 46.0213C69.9898 45.7 70.1049 45.2947 70.4257 45.1147C70.7475 44.936 71.1533 45.0507 71.3319 45.3707C71.4299 45.544 73.6909 49.6574 72.1299 53.3174C72.0215 53.5707 71.7747 53.7227 71.5163 53.7227Z" fill="black"/>
+<path d="M50.9038 52.748C50.7434 52.748 50.5862 52.676 50.4819 52.54L46.2611 47.0254C46.083 46.792 46.1273 46.4587 46.3601 46.2814C46.5923 46.1 46.9257 46.148 47.1038 46.38L51.3248 51.8947C51.5029 52.128 51.4586 52.4614 51.2253 52.6387C51.1299 52.7134 51.0158 52.748 50.9038 52.748Z" fill="black"/>
+<path d="M46.0235 50.8828C45.7422 50.8828 45.5074 50.6615 45.4943 50.3775C45.4798 50.0841 45.7063 49.8361 45.9984 49.8215L49.3298 49.6641C49.6381 49.6335 49.8719 49.8761 49.885 50.1695C49.899 50.4615 49.6725 50.7108 49.3803 50.7241L46.0495 50.8815C46.0407 50.8828 46.0318 50.8828 46.0235 50.8828Z" fill="black"/>
+<path d="M64.2821 46.3945C63.9211 46.3945 63.6243 46.1052 63.6154 45.7425L63.5373 42.4479C63.529 42.0799 63.8201 41.7745 64.1889 41.7652C64.555 41.7532 64.8618 42.0492 64.8706 42.4159L64.9487 45.7119C64.9577 46.0799 64.6665 46.3839 64.2977 46.3945C64.2925 46.3945 64.2873 46.3945 64.2821 46.3945Z" fill="black"/>
+<path d="M74.0154 46.6172C73.6608 46.6172 73.3654 46.3372 73.3504 45.9785L73.2086 42.6852C73.193 42.3185 73.4785 42.0065 73.8462 41.9919C74.2154 41.9652 74.5253 42.2612 74.541 42.6292L74.6821 45.9212C74.6977 46.2892 74.4129 46.6012 74.0446 46.6159C74.0353 46.6172 74.0253 46.6172 74.0154 46.6172Z" fill="black"/>
+<path d="M62.6724 40.2109C62.5417 40.2109 62.4093 40.1723 62.2937 40.0923C61.9912 39.8829 61.9151 39.4669 62.1251 39.1643C63.6527 36.9616 66.5531 37.9696 66.6765 38.0136C67.0229 38.1363 67.2021 38.5163 67.0787 38.8629C66.9563 39.2096 66.5776 39.3896 66.2292 39.2696C66.1453 39.2389 64.1636 38.5629 63.2213 39.9243C63.0917 40.1109 62.8844 40.2109 62.6724 40.2109Z" fill="black"/>
+<path d="M75.391 40.1953C75.167 40.1953 74.9488 40.082 74.8233 39.8793C74.6753 39.642 74.1582 39.0007 73.5436 38.8753C73.2056 38.81 72.8676 38.8993 72.505 39.154C72.2056 39.366 71.7873 39.294 71.5758 38.994C71.3638 38.6926 71.4358 38.2766 71.7368 38.0646C72.3993 37.5966 73.1192 37.4273 73.8192 37.5713C75.1061 37.838 75.8753 39.0447 75.9592 39.1807C76.1514 39.4953 76.0525 39.906 75.7378 40.098C75.6296 40.1646 75.5097 40.1953 75.391 40.1953Z" fill="black"/>
+<path d="M74.4115 31.5003L73.2864 29.8563C73.2864 29.8563 71.9041 30.8042 68.8281 31.4536C64.1041 32.4776 58.5552 32.1882 58.5552 32.1882C58.5552 32.1882 59.487 33.5429 59.2724 38.4123C59.0584 43.2976 53.9912 46.0176 53.9912 46.0176C52.2088 44.7642 50.7063 44.0523 49.4437 43.6736C48.8969 43.5189 48.4131 43.4203 47.9604 43.3656C45.0364 43.0789 43.9479 44.8829 43.9479 44.8829C43.9479 44.8829 37.2214 34.1616 45.0031 26.4576C50.4609 21.0789 57.7672 21.4242 61.6396 22.1176C62.9552 22.3589 63.8678 22.6323 64.2031 22.7376C64.2937 22.7629 64.3402 22.7763 64.3402 22.7763C64.3402 22.7763 75.9912 20.0123 77.9297 21.7403C79.8678 23.4523 75.8099 31.5723 74.4115 31.5003Z" fill="black"/>
+<path d="M66.0072 56.1242C66.0015 56.2908 66.0192 56.4641 66.0827 56.6188C66.1843 56.8708 66.3952 57.0602 66.7285 57.1948C67.3196 57.4388 67.8947 57.4135 68.3649 57.2962L66.0072 56.1242ZM67.6712 58.7148C67.216 58.7148 66.7264 58.6362 66.2233 58.4295C65.554 58.1548 65.0759 57.6975 64.8411 57.1055C64.4291 56.0668 64.89 54.9962 64.9436 54.8775C65.0187 54.7135 65.1567 54.5855 65.3275 54.5255C65.4968 54.4642 65.6848 54.4748 65.8472 54.5562L70.1977 56.7188C70.404 56.8215 70.5425 57.0228 70.5644 57.2521C70.5863 57.4828 70.4873 57.7068 70.304 57.8468C70.2441 57.8922 69.1363 58.7148 67.6712 58.7148Z" fill="black"/>
+<path d="M70.3333 124.654H64.1067L59.8535 76.2276L64.3994 77.4143L70.3333 124.654Z" fill="#A2C5F9"/>
+<path d="M69.2618 69.8602C69.2618 69.8602 74.5577 84.5842 73.0123 84.3655C71.4675 84.1468 61.9482 76.5722 61.9482 76.5722C61.9482 76.5722 55.7165 85.1428 53.5435 85.3015C51.3701 85.4615 50.6597 69.9642 50.6597 69.9642C50.6597 69.9642 52.3045 74.3455 60.4181 75.0882C68.531 75.8308 69.2618 69.8602 69.2618 69.8602Z" fill="#E6F4FF"/>
+<path d="M95.1773 123.334C94.8524 123.334 94.568 123.097 94.5185 122.766L91.1852 100.539C91.1305 100.175 91.3815 99.8353 91.7456 99.7807C92.1227 99.7327 92.4503 99.978 92.5039 100.342L95.8372 122.569C95.892 122.933 95.6409 123.273 95.2768 123.327C95.2429 123.331 95.2096 123.334 95.1773 123.334Z" fill="#E6F4FF"/>
+</svg>

package/assets/p2.svg

@@ -0,0 +1,22 @@
+<svg width="125" height="125" viewBox="0 0 125 125" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M124.667 9.2543V115.921C124.667 118.961 123.12 121.641 120.773 123.174C120.56 123.334 120.32 123.481 120.093 123.601C119.707 123.814 119.293 124.001 118.88 124.148C118.333 124.348 117.76 124.494 117.16 124.561C116.76 124.628 116.36 124.654 115.947 124.654H9.28006C9.16006 124.654 9.04007 124.654 8.92007 124.641C8.16007 124.614 7.4134 124.481 6.70674 124.268C3.14674 123.174 0.560059 119.854 0.560059 115.921V9.2543C0.560059 4.44097 4.46673 0.534317 9.28006 0.534317H115.947C120.76 0.534317 124.667 4.44097 124.667 9.2543Z" fill="#E8E1EF"/>
+<path d="M49.2666 37.7663C49.2666 37.7663 28.0413 45.8836 26.9586 69.9076C25.3933 104.63 67.0066 96.581 67.0066 96.581C67.0066 96.581 90.5759 99.0263 97.0946 81.6503C103.615 64.2757 82.6599 53.7876 82.6599 53.7876C82.6599 53.7876 57.2506 31.4143 49.2666 37.7663Z" fill="black"/>
+<path d="M117.16 124.561C116.76 124.628 116.36 124.654 115.947 124.654H9.27992C9.15992 124.654 9.03992 124.654 8.91992 124.641C16.3466 92.881 37.2799 73.001 59.2133 69.561C59.2666 69.561 59.3199 69.5476 59.3733 69.5343C60.9866 69.2943 62.6666 69.1343 64.3999 69.0676C88.7866 68.1743 111.347 96.1476 117.16 124.561Z" fill="#68B6D8"/>
+<path d="M93.8664 124.654H26.533C26.4264 113.894 26.373 105.721 26.373 105.721L50.053 82.7743L61.6797 71.521C61.8264 71.521 61.973 71.521 62.1197 71.5343C68.5197 71.7076 73.9197 73.4143 78.173 75.4676C78.853 75.8143 79.5064 76.1476 80.133 76.4943C86.0397 79.761 89.2397 83.441 89.2397 83.441C89.2397 83.441 91.5464 103.414 93.8664 124.654Z" fill="#68B6D8"/>
+<path d="M58.833 59.127L59.3237 72.2576C59.3237 72.2576 61.7837 76.2897 69.9957 76.6497C76.1117 76.9177 78.2837 75.179 78.2837 75.179L77.333 69.1616L76.237 62.283L61.3343 59.583L58.833 59.127Z" fill="#F48462"/>
+<path d="M58.833 58.4608C58.8837 58.8408 59.045 59.2861 59.2903 59.7954C62.6837 66.6674 73.7997 68.9794 77.333 69.1621L76.237 62.2835L58.833 58.4608Z" fill="black"/>
+<path d="M78.1664 30.2712C78.1664 30.2712 86.165 47.5405 83.6344 57.3965C81.1037 67.2525 72.145 65.9059 66.7637 64.1285C61.3824 62.3512 58.8317 59.1312 58.8317 59.1312C58.8317 59.1312 53.881 60.9312 50.4437 56.3659C47.005 51.8005 48.9437 46.4285 51.765 45.1445C54.5864 43.8619 58.0184 45.8445 58.0184 45.8445L55.253 40.8365C55.253 40.8365 65.8597 14.8392 78.1664 30.2712Z" fill="#F48462"/>
+<path d="M80.7491 37.4473C80.7158 37.4473 80.6838 37.4446 80.6504 37.4406L77.2358 36.9339C76.8718 36.8793 76.6198 36.5406 76.6744 36.1766C76.7291 35.8113 77.0678 35.5686 77.4318 35.6153L80.8451 36.1206C81.2104 36.1752 81.4611 36.5139 81.4078 36.8779C81.3584 37.2099 81.0731 37.4473 80.7491 37.4473Z" fill="black"/>
+<path d="M68.0135 38.8594C67.7535 38.8594 67.5069 38.7047 67.3989 38.4501C67.2562 38.1101 67.4162 37.7194 67.7549 37.5767L71.7189 35.9127C72.0575 35.7727 72.4482 35.9301 72.5909 36.2687C72.7335 36.6087 72.5749 36.9994 72.2349 37.1421L68.2722 38.8061C68.1882 38.8421 68.1002 38.8594 68.0135 38.8594Z" fill="black"/>
+<path d="M78.0613 51.6094C78.0386 51.6094 78.0159 51.608 77.9933 51.6067C77.6266 51.5694 77.3599 51.2414 77.3973 50.876C77.9439 45.4854 75.7106 42.772 75.688 42.7454C75.4506 42.464 75.4839 42.044 75.7639 41.8054C76.0426 41.568 76.4613 41.5987 76.6999 41.8774C76.8079 42.0027 79.3333 45.0094 78.724 51.0094C78.6893 51.3534 78.3986 51.6094 78.0613 51.6094Z" fill="black"/>
+<path d="M70.9439 54.9425C71.1586 55.3945 71.5279 55.8692 72.1599 56.0492C72.7906 56.2332 73.3813 55.9905 73.8279 55.6892L70.9439 54.9425ZM72.6159 57.4492C72.3519 57.4492 72.0773 57.4132 71.7933 57.3319C69.5879 56.7012 69.3399 54.1732 69.3319 54.0665C69.3119 53.8505 69.3986 53.6399 69.5639 53.4985C69.7293 53.3585 69.9533 53.3065 70.1626 53.3625L75.3399 54.7039C75.5559 54.7599 75.7293 54.9199 75.8026 55.1305C75.8759 55.3412 75.8386 55.5745 75.7039 55.7519C75.6439 55.8305 74.3919 57.4492 72.6159 57.4492Z" fill="black"/>
+<path d="M58.0413 53.0488C57.9493 53.0488 57.856 53.0301 57.7667 52.9888L50.7347 49.7928C50.4 49.6408 50.252 49.2462 50.404 48.9102C50.556 48.5768 50.9493 48.4248 51.2867 48.5795L58.3187 51.7755C58.6533 51.9275 58.8013 52.3235 58.6493 52.6581C58.5373 52.9035 58.296 53.0488 58.0413 53.0488Z" fill="black"/>
+<path d="M51.777 54.6738C51.6063 54.6738 51.4343 54.6072 51.3037 54.4752C51.045 54.2138 51.0477 53.7912 51.309 53.5325L54.409 50.4698C54.6703 50.2098 55.093 50.2125 55.3517 50.4738C55.6103 50.7365 55.6077 51.1592 55.3463 51.4165L52.2463 54.4818C52.1157 54.6098 51.9463 54.6738 51.777 54.6738Z" fill="black"/>
+<path d="M68.0132 32.1384C68.0132 32.1384 72.0172 31.5678 76.1946 33.9451C80.3732 36.3224 81.2306 38.6384 81.2306 38.6384C81.2306 38.6384 83.8146 32.4997 78.1519 27.0851C72.4879 21.6691 61.6212 20.1664 55.3572 26.5744C49.0932 32.9824 49.4772 38.6384 49.4772 38.6384L58.0186 45.8438C58.0186 45.8438 71.2092 43.4531 68.0132 32.1384Z" fill="black"/>
+<path d="M53.8333 28.2989C53.8333 28.2989 45.7746 12.9936 37.6066 19.4616C29.4373 25.9283 38.5333 38.9829 46.6466 39.9349C54.7613 40.8869 53.8333 28.2989 53.8333 28.2989Z" fill="black"/>
+<path d="M70.744 77.3184C63.1733 77.3184 58.8893 72.7704 58.8333 72.709C58.584 72.4384 58.6027 72.017 58.8733 71.7677C59.1453 71.5197 59.5653 71.537 59.8147 71.8064C60.096 72.1104 66.8493 79.2144 78.7853 74.2677C79.124 74.129 79.5173 74.2877 79.6573 74.629C79.7987 74.9677 79.6373 75.3584 79.296 75.4997C76.1093 76.821 73.2467 77.3184 70.744 77.3184Z" fill="#F7B369"/>
+<path d="M59.7812 58.4615C59.7812 59.8455 58.6598 60.9668 57.2758 60.9668C55.8918 60.9668 54.7705 59.8455 54.7705 58.4615C54.7705 57.0775 55.8918 55.9548 57.2758 55.9548C58.6598 55.9548 59.7812 57.0775 59.7812 58.4615Z" fill="#E6F4FF"/>
+<path d="M69.9958 46.0449C69.6264 46.0449 69.3291 45.7476 69.3291 45.3783V42.3129C69.3291 42.1369 69.3971 41.9703 69.5198 41.8449L70.8771 40.4676C71.1358 40.2049 71.5558 40.2009 71.8198 40.4596C72.0824 40.7182 72.0851 41.1409 71.8278 41.4036L70.6624 42.5862V45.3783C70.6624 45.7476 70.3638 46.0449 69.9958 46.0449Z" fill="black"/>
+<path d="M80.069 46.0449C79.701 46.0449 79.4023 45.7476 79.4023 45.3783V42.3129C79.4023 42.1369 79.4717 41.9703 79.5943 41.8449L80.9517 40.4676C81.209 40.2049 81.6303 40.2009 81.8943 40.4609C82.157 40.7196 82.1597 41.1409 81.901 41.4036L80.7357 42.5862V45.3783C80.7357 45.7476 80.4383 46.0449 80.069 46.0449Z" fill="black"/>
+<path d="M91.6214 123.334C91.528 123.334 91.4347 123.314 91.3454 123.274C91.0094 123.121 90.8627 122.725 91.0161 122.39C98.9561 105.007 88.5347 92.338 88.428 92.2127C88.1907 91.9313 88.2267 91.51 88.5067 91.2727C88.7894 91.0367 89.2081 91.0713 89.4467 91.3513C89.5574 91.4833 100.531 104.77 92.228 122.945C92.116 123.19 91.8747 123.334 91.6214 123.334Z" fill="#F7B369"/>
+</svg>

package/assets/p3.svg

@@ -0,0 +1,19 @@
+<svg width="125" height="125" viewBox="0 0 125 125" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M124.427 9.2543V115.921C124.427 119.241 122.573 122.134 119.853 123.601C118.613 124.281 117.213 124.654 115.707 124.654H9.03997C8.41331 124.654 7.81329 124.588 7.22663 124.454C5.85329 124.174 4.58663 123.561 3.5333 122.694C1.55997 121.108 0.306641 118.654 0.306641 115.921V9.2543C0.306641 4.44097 4.21331 0.534317 9.03997 0.534317H115.707C120.52 0.534317 124.427 4.44097 124.427 9.2543Z" fill="#E8E1EF"/>
+<path d="M111.053 124.654H9.03991C8.41324 124.654 7.81323 124.588 7.22656 124.454C13.0666 95.5876 24.3999 76.5343 34.4932 73.1743C46.9199 69.0277 69.8532 72.3476 80.6386 74.2943C84.6266 75.0143 88.2932 75.721 90.9599 78.761C97.4266 86.0943 107.693 104.574 111.053 124.654Z" fill="#40507F"/>
+<path d="M93.0401 124.654H22.4268C22.6268 103.681 23.9201 85.0276 27.6668 80.401C29.6401 77.9476 32.0001 76.041 34.4934 74.561C40.2668 71.1476 46.7201 70.001 50.9601 69.6143C53.7734 69.361 55.6001 69.4543 55.6001 69.4543C55.6001 69.4543 59.3734 69.6543 64.4401 70.4143C65.8401 70.6543 67.2521 70.8943 68.7334 71.1876C77.3601 72.881 84.6001 74.4677 86.5468 75.441C90.9868 77.6677 92.5854 102.601 93.0401 124.654Z" fill="#40507F"/>
+<path d="M73.8051 36.8865L48.1118 56.3398C48.1118 56.3398 34.1118 42.2865 39.8051 34.2598C43.3385 29.2598 50.4851 26.8598 55.3785 25.7532C55.9385 25.6332 56.4584 25.5265 56.9518 25.4332C59.0584 25.0198 60.4718 24.8998 60.4718 24.8998L60.4851 24.9799C61.3784 24.6465 70.2851 18.2065 75.1651 20.3398C81.8705 23.2598 73.8051 36.8865 73.8051 36.8865Z" fill="black"/>
+<path d="M50.7773 59.3792L49.9307 73.1832C49.9307 73.1832 52.176 77.3059 60.212 78.4579C66.1973 79.3152 68.396 78.0859 68.396 78.0859L67.9853 71.0419L67.5773 64.1739L53.1907 60.0712L50.7773 59.3792Z" fill="#A05852"/>
+<path d="M53.1904 60.0723C53.2024 60.451 53.3184 60.9043 53.5104 61.4283C56.1758 68.5136 64.5291 70.519 67.9851 71.043L67.5771 64.175L53.1904 60.0723Z" fill="black"/>
+<path d="M72.5854 32.8972C72.5854 32.8972 78.7694 50.6492 75.3227 60.0906C71.8761 69.5319 63.2014 67.3372 58.0854 65.0666C52.9694 62.7972 50.7761 59.3839 50.7761 59.3839C50.7761 59.3839 45.7334 60.6706 42.7988 55.8493C39.8641 51.0279 42.2908 45.9359 45.1894 44.9493C48.0867 43.9626 51.2681 46.2453 51.2681 46.2453L49.0374 41.0532C49.0374 41.0532 61.9907 16.5319 72.5854 32.8972Z" fill="#A05852"/>
+<path d="M50.3335 53.7832C50.1855 53.7832 50.0348 53.7339 49.9121 53.6325L43.9681 48.7792C43.6828 48.5459 43.6401 48.1259 43.8721 47.8405C44.1068 47.5552 44.5281 47.5139 44.8108 47.7459L50.7548 52.6005C51.0401 52.8339 51.0828 53.2525 50.8508 53.5379C50.7174 53.6992 50.5268 53.7832 50.3335 53.7832Z" fill="black"/>
+<path d="M44.6683 53.3594C44.3563 53.3594 44.0777 53.1367 44.015 52.818C43.9457 52.4567 44.1817 52.1074 44.543 52.0381L48.7043 51.234C49.0617 51.1634 49.415 51.3994 49.4857 51.762C49.555 52.1234 49.319 52.4727 48.9577 52.5434L44.7963 53.3461C44.7523 53.3554 44.711 53.3594 44.6683 53.3594Z" fill="black"/>
+<path d="M60.627 40.3242C60.471 40.3242 60.3136 40.2696 60.1883 40.1589C59.911 39.9162 59.8816 39.4949 60.1256 39.2189C62.1976 36.8495 64.735 37.4669 65.7883 38.1215C66.1003 38.3162 66.195 38.7269 66.0017 39.0389C65.807 39.3522 65.395 39.4455 65.0856 39.2549C64.8656 39.1229 62.9297 38.0376 61.1283 40.0962C60.9963 40.2469 60.811 40.3242 60.627 40.3242Z" fill="black"/>
+<path d="M74.0386 39.7578C73.876 39.7578 73.7119 39.6978 73.5839 39.5778C72.2653 38.3445 70.7506 39.0712 70.6893 39.1018C70.3599 39.2658 69.9613 39.1312 69.7959 38.8032C69.6319 38.4765 69.7599 38.0792 70.0853 37.9125C70.1839 37.8645 72.4839 36.7272 74.4946 38.6045C74.7626 38.8552 74.7773 39.2765 74.5266 39.5458C74.3946 39.6858 74.2173 39.7578 74.0386 39.7578Z" fill="black"/>
+<path d="M70.9097 52.748C70.8337 52.748 70.755 52.7347 70.6803 52.7067C70.335 52.58 70.1564 52.1974 70.283 51.852C72.035 47.0614 69.7537 44.284 69.6563 44.1694C69.419 43.888 69.4523 43.4694 69.731 43.2294C70.0097 42.992 70.4283 43.0214 70.6683 43.3C70.787 43.4387 73.5683 46.752 71.535 52.3094C71.4363 52.58 71.1817 52.748 70.9097 52.748Z" fill="black"/>
+<path d="M73.569 46.3867C73.2597 46.3867 72.9824 46.1707 72.917 45.8561L72.2491 42.6374C72.2384 42.5921 72.2344 42.5454 72.2344 42.5014C72.2344 42.1921 72.4504 41.9147 72.765 41.8481C73.1197 41.7801 73.477 42.0041 73.553 42.3654L74.2224 45.5854C74.233 45.6307 74.237 45.6761 74.237 45.7214C74.237 46.0307 74.021 46.3081 73.705 46.3734C73.6597 46.3827 73.6144 46.3867 73.569 46.3867Z" fill="black"/>
+<path d="M63.4838 46.6211C63.1758 46.6211 62.8985 46.4051 62.8332 46.0904L62.1638 42.8718C62.0878 42.5118 62.3199 42.1585 62.6812 42.0825C63.0345 42.0118 63.3932 42.2384 63.4692 42.6011L64.1385 45.8198C64.2132 46.1798 63.9812 46.5318 63.6212 46.6078C63.5758 46.6171 63.5292 46.6211 63.4838 46.6211Z" fill="black"/>
+<path d="M73.8001 36.8854C73.8001 36.8854 72.4721 34.0187 69.0281 33.7827C65.5868 33.5481 63.4268 35.8494 63.4268 35.8494C63.4268 35.8494 64.5828 41.7427 59.7108 44.5361C54.8388 47.3281 51.2681 46.2441 51.2681 46.2441L47.9455 44.8254L45.7588 39.7094L56.2348 29.7227L69.3641 23.7907L75.4841 30.0721L73.8001 36.8854Z" fill="black"/>
+<path d="M67.0987 58.0352C66.5614 58.0352 63.3827 57.8992 62.1414 54.7712C62.0067 54.4298 62.1734 54.0418 62.516 53.9058C62.86 53.7698 63.2454 53.9378 63.3814 54.2805C64.36 56.7485 67.0334 56.7125 67.1294 56.7005C67.5067 56.7005 67.804 56.9872 67.8147 57.3472C67.8254 57.7152 67.5387 58.0218 67.1734 58.0338C67.1627 58.0338 67.1387 58.0352 67.0987 58.0352Z" fill="black"/>
+<path d="M64.6282 79.5293C55.5882 79.5293 48.7109 73.2693 48.3776 72.9613C48.1082 72.7106 48.0909 72.2893 48.3416 72.0186C48.5922 71.7493 49.0136 71.732 49.2842 71.9827C49.3736 72.0653 58.3776 80.252 68.8589 77.688C69.2109 77.6 69.5762 77.82 69.6629 78.1773C69.7509 78.536 69.5309 78.896 69.1736 78.984C67.6149 79.364 66.0909 79.5293 64.6282 79.5293Z" fill="white"/>
+</svg>

package/assets/p4.svg

@@ -0,0 +1,22 @@
+<svg width="125" height="125" viewBox="0 0 125 125" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M124.173 9.2543V115.921C124.173 117.148 123.918 118.321 123.466 119.374C122.6 121.401 120.986 123.028 118.972 123.908C118.866 123.961 118.76 124.001 118.638 124.041C118.48 124.108 118.305 124.161 118.146 124.214C117.305 124.508 116.4 124.654 115.453 124.654H8.78639C8.18639 124.654 7.59973 124.588 7.0264 124.481C6.71973 124.414 6.41306 124.334 6.11973 124.228C5.62639 124.081 5.1464 123.868 4.69307 123.628C1.93307 122.161 0.0664062 119.268 0.0664062 115.921V9.2543C0.0664062 4.44097 3.97173 0.534317 8.78639 0.534317H115.453C120.266 0.534317 124.173 4.44097 124.173 9.2543Z" fill="#E8E1EF"/>
+<path d="M71.0561 48.1582C71.0561 48.1582 99.3761 29.4875 89.5508 18.7555C79.7268 8.0222 67.3828 34.7729 67.3828 34.7729L71.0561 48.1582Z" fill="black"/>
+<path d="M43.7465 123.388C41.6385 122.761 39.6531 123.428 37.7465 124.654H12.6265C21.6531 89.441 43.8398 80.3477 43.8398 80.3477C43.8398 80.3477 44.6531 97.3743 43.7465 123.388Z" fill="#6876AA"/>
+<path d="M53.3613 28.5679C53.3613 28.5679 68.2467 18.8919 77.272 30.9532C86.0347 42.6652 77.472 55.9492 77.472 55.9492L57.2187 40.1599L53.3613 28.5679Z" fill="black"/>
+<path d="M103.933 124.654H22.2397C22.6531 116.614 23.6131 107.974 25.9185 101.601C30.6798 88.4676 41.2131 81.081 47.0531 78.801C53.9998 76.081 71.2265 76.081 71.2265 76.081C71.2265 76.081 100.44 81.2543 101.68 103.014C101.893 106.561 103.493 116.254 103.933 124.654Z" fill="#6876AA"/>
+<path d="M71.6559 63.2599L72.2906 77.1773C72.2906 77.1773 69.9639 81.2919 61.8532 82.3252C55.8092 83.0946 53.6172 81.8212 53.6172 81.8212L54.1398 74.7332L54.6612 67.8226L69.2145 63.9186L71.6559 63.2599Z" fill="#F48462"/>
+<path d="M69.2143 63.9197C69.1957 64.301 69.073 64.7557 68.8703 65.2797C66.0743 72.3744 57.629 74.261 54.1396 74.7344L54.661 67.8237L69.2143 63.9197Z" fill="black"/>
+<path d="M50.1115 36.2427C50.1115 36.2427 43.6022 54.024 46.9235 63.5866C50.2462 73.1506 59.0169 71.076 64.2049 68.872C69.3955 66.6667 71.6582 63.2627 71.6582 63.2627C71.6582 63.2627 76.7155 64.64 79.7475 59.8307C82.7795 55.02 80.4169 49.8547 77.5129 48.8147C74.6089 47.776 71.3702 50.024 71.3702 50.024L73.6982 44.8293C73.6982 44.8293 61.0422 19.928 50.1115 36.2427Z" fill="#F48462"/>
+<path d="M71.3704 50.025C71.3704 50.025 64.0331 52.053 58.2771 44.137C52.5211 36.2197 52.7545 32.785 52.7545 32.785L48.2105 42.4357C48.2105 42.4357 46.6385 35.8531 48.7411 31.9051C50.8451 27.9584 53.3611 28.5677 53.3611 28.5677L70.0625 31.5064L75.3144 44.3544L71.3704 50.025Z" fill="black"/>
+<path d="M53.6865 82.675C52.0105 84.875 50.8372 87.2323 51.2306 87.6643C51.4732 87.9323 51.8013 88.0697 52.2319 88.083C54.2506 88.143 57.7412 85.5536 59.8212 83.7523C57.9546 83.7283 55.9079 83.4097 53.6865 82.675ZM62.6145 83.5643C63.9452 85.2843 67.3612 89.151 70.6759 88.459C71.2719 88.3337 71.7386 87.995 72.0986 87.4257C73.4693 85.263 72.8839 80.7217 72.4852 78.4977C70.9679 80.0377 67.6105 82.819 62.6145 83.5643ZM69.8746 89.875C66.0412 89.875 62.5932 85.7736 61.3799 84.1523C59.7439 85.651 55.2319 89.5417 52.1892 89.415C51.3905 89.391 50.7359 89.103 50.2439 88.5617C48.8239 87.0003 51.6493 83.0857 52.9293 81.475C53.1066 81.2537 53.4079 81.167 53.6746 81.2617C65.6319 85.4883 72.0706 77.027 72.3386 76.6643C72.4932 76.4563 72.7559 76.355 73.0079 76.4083C73.2612 76.4603 73.4639 76.6537 73.5239 76.9057C73.5999 77.2243 75.3692 84.7497 73.2252 88.139C72.6705 89.0163 71.9052 89.563 70.9492 89.7643C70.5892 89.8403 70.2306 89.875 69.8746 89.875Z" fill="#F7B369"/>
+<path d="M118.147 124.214C117.305 124.508 116.4 124.654 115.453 124.654H92.16C93.7067 110.534 90.6387 84.2943 90.6387 84.2943C90.6387 84.2943 105.773 90.281 118.147 124.214Z" fill="#6876AA"/>
+<path d="M51.4089 58.3145C51.1303 58.3145 50.8689 58.1371 50.7756 57.8584C49.4516 53.8944 52.1716 49.7771 52.2876 49.6038C52.493 49.2984 52.9049 49.2158 53.2116 49.4224C53.5169 49.6264 53.5983 50.0411 53.3943 50.3465C53.3689 50.3838 50.9263 54.0998 52.041 57.4371C52.157 57.7851 51.9689 58.1625 51.6196 58.2798C51.5489 58.3038 51.4783 58.3145 51.4089 58.3145Z" fill="black"/>
+<path d="M72.48 58.3145C72.3213 58.3145 72.1613 58.2571 72.0333 58.1424C71.76 57.8958 71.7387 57.4744 71.9854 57.2011L76.8934 51.7638C77.14 51.4904 77.5613 51.4678 77.8346 51.7158C78.108 51.9625 78.1307 52.3838 77.8827 52.6571L72.9747 58.0944C72.844 58.2398 72.6627 58.3145 72.48 58.3145Z" fill="black"/>
+<path d="M77.7694 56.7695C77.7414 56.7695 77.712 56.7669 77.684 56.7642L74.1947 56.3149C73.8294 56.2669 73.5721 55.9335 73.6187 55.5682C73.6654 55.2029 74.0054 54.9469 74.3641 54.9922L77.8534 55.4415C78.2187 55.4882 78.4761 55.8228 78.4294 56.1868C78.3868 56.5228 78.0987 56.7695 77.7694 56.7695Z" fill="black"/>
+<path d="M48.2093 43.1016C47.8986 43.1016 47.6214 42.8829 47.5574 42.5656C47.484 42.2042 47.7187 41.8536 48.0813 41.7816L50.6066 41.2762C50.9506 41.2029 51.3174 41.4376 51.3907 41.7989C51.464 42.1602 51.2293 42.5109 50.8667 42.5829L48.3413 43.0882C48.2987 43.0975 48.2533 43.1016 48.2093 43.1016Z" fill="black"/>
+<path d="M61.1773 45.0645C61.0813 45.0645 60.9826 45.0445 60.8906 45.0005L56.5093 42.9178C56.1773 42.7591 56.0346 42.3618 56.1946 42.0285C56.3519 41.6965 56.7506 41.5551 57.0826 41.7138L61.4639 43.7965C61.7959 43.9538 61.9373 44.3524 61.7786 44.6844C61.6653 44.9244 61.4253 45.0645 61.1773 45.0645Z" fill="black"/>
+<path d="M48.97 50.8457C48.9113 50.8457 48.85 50.8377 48.79 50.8203C48.4354 50.7217 48.2287 50.3537 48.3273 49.999L49.1727 46.9764L48.3487 46.019C48.1074 45.739 48.1394 45.3177 48.418 45.079C48.6994 44.839 49.1207 44.871 49.3594 45.1484L50.4167 46.3777C50.562 46.547 50.6127 46.7777 50.5527 46.9924L49.6113 50.359C49.5287 50.6524 49.2607 50.8457 48.97 50.8457Z" fill="black"/>
+<path d="M58.7733 51.5078C58.7146 51.5078 58.6534 51.4998 58.5934 51.4825C58.24 51.3838 58.032 51.0158 58.132 50.6611L58.9747 47.6492L57.7627 46.3038C57.516 46.0305 57.5373 45.6091 57.8107 45.3611C58.084 45.1145 58.5054 45.1385 58.752 45.4105L60.2107 47.0278C60.364 47.1985 60.4187 47.4345 60.3587 47.6545L59.416 51.0211C59.3333 51.3145 59.0653 51.5078 58.7733 51.5078Z" fill="black"/>
+<path d="M53.5946 62.8809C53.1346 62.8809 52.656 62.8195 52.1653 62.6729C51.812 62.5675 51.612 62.1969 51.716 61.8435C51.82 61.4915 52.1893 61.2915 52.5453 61.3955C55.0653 62.1462 57.376 59.8395 57.3986 59.8155C57.66 59.5555 58.08 59.5515 58.3413 59.8102C58.6026 60.0675 58.6066 60.4889 58.3493 60.7502C58.2506 60.8529 56.2226 62.8809 53.5946 62.8809Z" fill="black"/>
+<path d="M37.7689 124.051C37.5396 124.051 37.3156 123.932 37.193 123.72C30.5556 112.305 37.1276 100.887 37.1943 100.773C37.3796 100.456 37.7903 100.349 38.1063 100.537C38.4236 100.723 38.529 101.132 38.3436 101.449C38.281 101.556 32.1076 112.323 38.3463 123.049C38.5303 123.367 38.4223 123.776 38.1036 123.96C37.9983 124.021 37.8836 124.051 37.7689 124.051Z" fill="#F7B369"/>
+</svg>

package/assets/p5.svg

@@ -0,0 +1,23 @@
+<svg width="125" height="125" viewBox="0 0 125 125" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M124.933 9.2543V115.921C124.933 119.481 122.813 122.534 119.76 123.894C118.68 124.388 117.467 124.654 116.2 124.654H9.54681C9.02681 124.654 8.50681 124.614 8.01348 124.521C6.97214 124.334 6.00013 123.961 5.13346 123.441C2.5468 121.948 0.813477 119.134 0.813477 115.921V9.2543C0.813477 4.44097 4.72014 0.534317 9.54681 0.534317H116.2C121.027 0.534317 124.933 4.44097 124.933 9.2543Z" fill="#E8E1EF"/>
+<path d="M66.2852 21.2909C66.2852 21.2909 78.2384 19.5016 86.8038 24.8709C95.3678 30.2402 91.4905 44.5282 91.4905 44.5282C91.4905 44.5282 105.212 55.2736 105.957 67.0669C106.702 78.8602 95.9652 83.1855 95.9652 83.1855L67.6704 78.8602L66.2852 21.2909Z" fill="black"/>
+<path d="M42.9337 71.281L38.5337 124.654H9.54701C9.02701 124.654 8.50701 124.614 8.01367 124.521C10.3203 114.121 16.5737 98.0276 21.919 89.2543C31.3057 73.881 42.9337 71.281 42.9337 71.281Z" fill="#F7B369"/>
+<path d="M89.8136 124.654H30.7202L38.9869 73.201C38.9869 73.201 52.9722 65.601 63.9189 65.9876C66.1869 66.0543 68.4402 66.441 70.6535 67.0276C79.1202 69.1743 86.6002 74.4676 88.7735 79.6543C89.7202 81.881 89.9336 100.694 89.8136 124.654Z" fill="#F7B369"/>
+<path d="M115.707 124.654H70.4266L67.8799 99.881L70.3465 65.9743C70.3465 65.9743 104.107 75.7743 115.707 124.654Z" fill="#F7B369"/>
+<path d="M70.4166 67.62C70.4166 67.62 65.4766 74.8707 59.7113 79.232C53.9446 83.5947 51.3086 84.1094 51.3086 84.1094L51.6779 70.0427L70.4166 67.62Z" fill="#92B4EA"/>
+<path d="M70.1326 53.1279L70.3712 67.0666C70.3712 67.0666 67.9272 71.1172 59.7845 71.9199C53.7178 72.5185 51.5605 71.1826 51.5605 71.1826L52.2859 64.1092L53.0018 57.2092L67.6712 53.7159L70.1326 53.1279Z" fill="#F48462"/>
+<path d="M67.6704 53.716C67.6411 54.0987 67.5052 54.5494 67.2878 55.0694C64.2892 62.0854 55.7892 63.7334 52.2852 64.1094L53.0011 57.2094L67.6704 53.716Z" fill="black"/>
+<path d="M49.3469 25.4928C49.3469 25.4928 42.3323 43.0942 45.3829 52.7542C48.4349 62.4155 57.2669 60.5888 62.5202 58.5315C67.7736 56.4728 70.1336 53.1315 70.1336 53.1315C70.1336 53.1315 75.1523 54.6528 78.3216 49.9275C81.4923 45.2022 79.2736 39.9675 76.3989 38.8449C73.5256 37.7235 70.2202 39.8809 70.2202 39.8809L72.6976 34.7502C72.6976 34.7502 60.7429 9.48484 49.3469 25.4928Z" fill="#F48462"/>
+<path d="M70.8565 47.5078C70.6525 47.5078 70.4526 47.4145 70.3219 47.2398C70.1019 46.9451 70.1619 46.5265 70.4579 46.3065L76.6592 41.6825C76.9525 41.4625 77.3712 41.5211 77.5912 41.8185C77.8112 42.1131 77.7512 42.5305 77.4565 42.7518L71.2539 47.3758C71.1352 47.4638 70.9952 47.5078 70.8565 47.5078Z" fill="black"/>
+<path d="M76.5788 47.332C76.5281 47.332 76.4748 47.3267 76.4228 47.3147L72.2695 46.3214C71.9121 46.2347 71.6908 45.876 71.7761 45.5174C71.8614 45.16 72.2188 44.936 72.5801 45.024L76.7335 46.0174C77.0908 46.104 77.3122 46.4627 77.2268 46.8214C77.1535 47.1267 76.8801 47.332 76.5788 47.332Z" fill="black"/>
+<path d="M61.139 32.7539C60.943 32.7539 60.7497 32.6686 60.6177 32.5033C58.8804 30.3313 57.759 30.7033 57.7457 30.7073C57.415 30.8286 57.0244 30.6673 56.8897 30.3366C56.755 30.0059 56.8897 29.6339 57.215 29.4846C57.4164 29.3912 59.2564 28.6673 61.659 31.6726C61.8884 31.9593 61.8431 32.3793 61.5551 32.6086C61.4311 32.7073 61.2844 32.7539 61.139 32.7539Z" fill="black"/>
+<path d="M47.6085 32.332C47.4205 32.332 47.2338 32.252 47.1018 32.0987C46.8618 31.8187 46.8951 31.3987 47.1751 31.1587C49.0658 29.5414 50.6125 29.2467 50.6778 29.2347C51.0351 29.172 51.3858 29.4094 51.4525 29.7734C51.5178 30.1334 51.2791 30.4787 50.9178 30.5467C50.8885 30.552 49.6245 30.8187 48.0418 32.172C47.9165 32.2787 47.7618 32.332 47.6085 32.332Z" fill="black"/>
+<path d="M50.183 45.5527C49.8603 45.5527 49.5763 45.3167 49.5256 44.9874C48.771 40.0887 50.903 36.5727 50.9937 36.4247C51.1857 36.1127 51.595 36.0168 51.9096 36.2088C52.223 36.4021 52.319 36.8114 52.1283 37.1261C52.1083 37.1581 50.167 40.3914 50.843 44.7834C50.899 45.1488 50.6483 45.4888 50.2857 45.5448C50.251 45.5501 50.2163 45.5527 50.183 45.5527Z" fill="black"/>
+<path d="M47.7852 39.0293C47.7319 39.0293 47.6759 39.0226 47.6212 39.008C47.2639 38.9173 47.0479 38.5546 47.1386 38.1986L47.8906 35.244L47.0266 33.6986C46.8466 33.3773 46.9612 32.9706 47.2826 32.7906C47.6012 32.6133 48.0092 32.7266 48.1906 33.048L49.1852 34.8253C49.2679 34.9733 49.2919 35.1493 49.2492 35.316L48.4305 38.528C48.3545 38.8293 48.0839 39.0293 47.7852 39.0293Z" fill="black"/>
+<path d="M57.9096 39.0488C57.8562 39.0488 57.8002 39.0421 57.7456 39.0275C57.3882 38.9381 57.1723 38.5742 57.2629 38.2168L57.9989 35.3261L56.7829 33.7861C56.5549 33.4968 56.6043 33.0768 56.8936 32.8488C57.1816 32.6208 57.6003 32.6701 57.8296 32.9595L59.2509 34.7581C59.3789 34.9195 59.4243 35.1341 59.3723 35.3355L58.5549 38.5475C58.4776 38.8488 58.2069 39.0488 57.9096 39.0488Z" fill="black"/>
+<path d="M70.2202 40.2914L67.6709 43.6621C67.6709 43.6621 62.2296 36.1181 62.2442 31.9141C62.2589 27.7088 62.2442 26.2475 62.2442 26.2475C62.2442 26.2475 56.7789 28.2408 52.2856 28.1075C47.7922 27.9755 44.9589 25.5821 45.2562 23.4554C45.5549 21.3274 48.2096 14.8128 62.2442 16.9408C76.2789 19.0675 76.5415 35.4568 70.2202 40.2914Z" fill="black"/>
+<path d="M44.6139 86.416C44.2685 86.416 43.9765 86.1493 43.9512 85.8C43.9232 85.432 44.1979 85.112 44.5659 85.0853C44.7072 85.0747 58.8926 83.8107 70.0939 66.5173C70.2952 66.2093 70.7112 66.1227 71.0165 66.3213C71.3259 66.5213 71.4139 66.9333 71.2139 67.2427C59.6299 85.1267 45.2686 86.3707 44.6632 86.4147C44.6472 86.416 44.6312 86.416 44.6139 86.416Z" fill="white"/>
+<path d="M51.3319 83.916C50.9466 83.9067 50.6559 83.6 50.6653 83.232L51.0599 68.12C51.0693 67.752 51.4279 67.4893 51.7439 67.4707C52.1119 67.4813 52.4026 67.7867 52.3933 68.1547L51.9986 83.2667C51.9893 83.6293 51.6933 83.916 51.3319 83.916Z" fill="white"/>
+<path d="M52.1724 50.4199C51.8844 50.4199 51.6084 50.3639 51.3617 50.2319C51.0377 50.0573 50.9164 49.6533 51.0897 49.3279C51.2631 49.0039 51.6711 48.8826 51.9924 49.0573C52.3951 49.2693 53.7697 48.5866 54.7391 47.8293C55.0257 47.6053 55.4471 47.6519 55.6751 47.9453C55.9017 48.2346 55.8497 48.6533 55.5591 48.8799C55.0337 49.2906 53.4684 50.4199 52.1724 50.4199Z" fill="black"/>
+<path d="M26.844 124.051C26.564 124.051 26.304 123.873 26.2107 123.593C22.0147 110.901 29.82 98.1508 30.1533 97.6135C30.3493 97.3028 30.7586 97.2081 31.0733 97.4015C31.3853 97.5961 31.48 98.0068 31.2867 98.3188C31.2067 98.4454 23.4786 111.084 27.476 123.175C27.592 123.524 27.4027 123.901 27.0533 124.017C26.9827 124.04 26.9133 124.051 26.844 124.051Z" fill="white"/>
+</svg>

package/components/Form/Dropdown.js

@@ -4,19 +4,21 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.DefaultDropdownItem = void 0;
-var _react = _interopRequireWildcard(require("react"));
+exports["default"] = exports.DefaultDropdownItem = exports.CheckboxDropdownItem = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _utils = _interopRequireDefault(require("../../core/utils"));
 var _InlineModal = _interopRequireWildcard(require("../InlineModal"));
 var _List = _interopRequireDefault(require("../List"));
+var _Checkbox = _interopRequireDefault(require("./Checkbox"));
 var _Form = require("./Form");
 var _FormElementWrapper = _interopRequireDefault(require("./FormElementWrapper"));
 var _ServerPaginatedDDList = _interopRequireDefault(require("./ServerPaginatedDDList"));
-var _utils = _interopRequireDefault(require("../../core/utils"));
+var _SummarySelection = _interopRequireDefault(require("./SummarySelection"));
 var _excluded = ["items", "selectedItems", "selectItem", "idAttribute", "nameAttribute", "DropdownItem", "ListHeaderItem", "showClippedContentTitle", "searchQuery"],
-  _excluded2 = ["halign", "label", "showLabel", "name", "SelectionSummary", "className", "value", "defaultValue", "onChange", "disabled", "options", "showSearch", "searchPlaceholder", "idAttribute", "nameAttribute", "noSelectionLabel", "appearance", "multiSelect", "DropdownItem", "validations", "paginationType", "requestId", "onItemsRenderedCB", "requestParams", "pageNoKey", "perPageKey", "pageSize", "searchAttribute", "maxHeight", "responseFormatter", "getUrlParams", "showCreateCTA", "createCTAComponent", "onCreateCTAClick", "serverListClassName", "showClear", "onClear", "minPageNo", "LoaderComponent", "ListHeaderItem", "isModalOpen", "onSearchChange", "showClippedContentTitle", "onModalOpenCB", "onModalCloseCB"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+  _excluded2 = ["halign", "label", "showLabel", "name", "SelectionSummary", "className", "value", "defaultValue", "onChange", "disabled", "options", "showSearch", "searchPlaceholder", "idAttribute", "nameAttribute", "noSelectionLabel", "appearance", "multiSelect", "DropdownItem", "validations", "paginationType", "requestId", "onItemsRenderedCB", "requestParams", "pageNoKey", "perPageKey", "pageSize", "searchAttribute", "maxHeight", "responseFormatter", "getUrlParams", "showCreateCTA", "createCTAComponent", "onCreateCTAClick", "serverListClassName", "showClear", "onClear", "minPageNo", "LoaderComponent", "ListHeaderItem", "isModalOpen", "onSearchChange", "showClippedContentTitle", "onModalOpenCB", "onModalCloseCB", "showAllTags"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -139,6 +141,55 @@ NormalList.defaultProps = {
 
 /* eslint-enable react/prop-types */
 
+var CheckboxDropdownItem = exports.CheckboxDropdownItem = function CheckboxDropdownItem(props) {
+  var index = props.index,
+    _props$data = props.data,
+    data = _props$data === void 0 ? {} : _props$data,
+    style = props.style,
+    paginationType = props.paginationType,
+    _props$itemData = props.itemData,
+    itemData = _props$itemData === void 0 ? {} : _props$itemData;
+  var pageType = "";
+  if (!paginationType) {
+    pageType = data.paginationType;
+  } else {
+    pageType = paginationType;
+  }
+  var _ref3 = pageType === "SERVER" ? data : props,
+    _ref3$items = _ref3.items,
+    items = _ref3$items === void 0 ? [] : _ref3$items,
+    DDItem = _ref3.DDItem,
+    _onChange = _ref3.onChange,
+    _ref3$selectedItems = _ref3.selectedItems,
+    selectedItems = _ref3$selectedItems === void 0 ? [] : _ref3$selectedItems,
+    _ref3$idAttribute = _ref3.idAttribute,
+    idAttribute = _ref3$idAttribute === void 0 ? "id" : _ref3$idAttribute,
+    _ref3$nameAttribute = _ref3.nameAttribute,
+    nameAttribute = _ref3$nameAttribute === void 0 ? "name" : _ref3$nameAttribute;
+  var item = pageType === "SERVER" ? items[index] || {} : itemData;
+  var id = item[idAttribute];
+  var labelContent = DDItem ? /*#__PURE__*/_react["default"].createElement(DDItem, _extends({
+    itemData: item
+  }, props)) : item[nameAttribute];
+  var findItemWithId = function findItemWithId() {
+    var foundObj = (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.find(function (obj) {
+      return obj[idAttribute] === id;
+    })) || null;
+    return foundObj ? true : false;
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+    appearance: "block",
+    name: item[nameAttribute],
+    className: "RCB-checkbox-wrapper",
+    label: labelContent,
+    value: findItemWithId(),
+    onChange: function onChange(e) {
+      return _onChange(e, item, findItemWithId);
+    }
+  }));
+};
 var Dropdown = function Dropdown(props, ref) {
   var halign = props.halign,
     label = props.label,
@@ -187,6 +238,8 @@ var Dropdown = function Dropdown(props, ref) {
     showClippedContentTitle = props.showClippedContentTitle,
     onModalOpenCB = props.onModalOpenCB,
     onModalCloseCB = props.onModalCloseCB,
+    _props$showAllTags = props.showAllTags,
+    showAllTags = _props$showAllTags === void 0 ? true : _props$showAllTags,
     restProps = _objectWithoutProperties(props, _excluded2);
   var _useState = (0, _react.useState)(""),
     _useState2 = _slicedToArray(_useState, 2),
@@ -289,7 +342,9 @@ var Dropdown = function Dropdown(props, ref) {
     DropdownItem: DropdownItem,
     ListHeaderItem: ListHeaderItem,
     showClippedContentTitle: showClippedContentTitle,
-    searchQuery: searchQuery
+    searchQuery: searchQuery,
+    onChange: onChange,
+    paginationType: paginationType
   };
   (0, _react.useImperativeHandle)(ref, function () {
     return {
@@ -324,7 +379,13 @@ var Dropdown = function Dropdown(props, ref) {
     halign: halign,
     onModalStateChange: onModalStateChange,
     isModalOpen: isModalOpen
-  }, /*#__PURE__*/_react["default"].createElement(_InlineModal.InlineModalActivator, null, /*#__PURE__*/_react["default"].createElement(SelectionSummary, _extends({
+  }, /*#__PURE__*/_react["default"].createElement(_InlineModal.InlineModalActivator, null, multiSelect ? /*#__PURE__*/_react["default"].createElement(_SummarySelection["default"], _extends({
+    selectedItems: selectedItems,
+    noSelectionLabel: noSelectionLabel,
+    selectionKey: nameAttribute,
+    removeKey: idAttribute,
+    showAllTags: showAllTags
+  }, restProps)) : /*#__PURE__*/_react["default"].createElement(SelectionSummary, _extends({
     selectedItems: selectedItems,
     noSelectionLabel: noSelectionLabel,
     multiSelect: multiSelect,
@@ -343,10 +404,16 @@ var Dropdown = function Dropdown(props, ref) {
     onChange: onSearchChange,
     ref: searchIpRef,
     "data-hj-allow": true
-  })), paginationType === "SERVER" ? /*#__PURE__*/_react["default"].createElement(_ServerPaginatedDDList["default"], _extends({}, commonAttributes, serverListAttrs, restProps, {
+  })), paginationType === "SERVER" ? /*#__PURE__*/_react["default"].createElement(_ServerPaginatedDDList["default"], _extends({}, commonAttributes, {
+    DropdownItem: multiSelect ? CheckboxDropdownItem : DropdownItem,
+    DDItem: DropdownItem
+  }, serverListAttrs, restProps, {
     LoaderComponent: LoaderComponent
-  })) : /*#__PURE__*/_react["default"].createElement(NormalList, _extends({}, commonAttributes, restProps, {
-    items: getFilteredOptions(options, searchQuery, nameAttribute)
+  })) : /*#__PURE__*/_react["default"].createElement(NormalList, _extends({}, commonAttributes, {
+    DropdownItem: multiSelect ? CheckboxDropdownItem : DropdownItem
+  }, restProps, {
+    items: getFilteredOptions(options, searchQuery, nameAttribute),
+    DDItem: DropdownItem
   })), showCreateCTA && /*#__PURE__*/_react["default"].createElement("div", {
     className: "RCB-dd-create-cta",
     onClick: onCreateCTAClick

package/components/Form/SearchableDropdown.js

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.DefaultDropdownItem = void 0;
-var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _utils = _interopRequireDefault(require("../../core/utils"));
 var _List = _interopRequireDefault(require("../List"));
 var _Form = require("./Form");
 var _FormElementWrapper = _interopRequireDefault(require("./FormElementWrapper"));
 var _ServerPaginatedDDList = _interopRequireDefault(require("./ServerPaginatedDDList"));
-var _utils = _interopRequireDefault(require("../../core/utils"));
 var _excluded = ["items", "selectedItems", "selectItem", "idAttribute", "nameAttribute", "DropdownItem", "ListHeaderItem", "showClippedContentTitle", "searchQuery"],
   _excluded2 = ["halign", "label", "showLabel", "name", "SelectionSummary", "className", "value", "defaultValue", "onChange", "disabled", "options", "searchPlaceholder", "idAttribute", "nameAttribute", "noSelectionLabel", "appearance", "multiSelect", "DropdownItem", "validations", "paginationType", "requestId", "onItemsRenderedCB", "requestParams", "pageNoKey", "perPageKey", "pageSize", "searchAttribute", "maxHeight", "responseFormatter", "getUrlParams", "showCreateCTA", "createCTAComponent", "onCreateCTAClick", "serverListClassName", "showClear", "onClear", "minPageNo", "LoaderComponent", "ListHeaderItem", "isModalOpen", "onSearchChange", "showClippedContentTitle", "onModalOpenCB", "onModalCloseCB"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -337,15 +337,15 @@ var SearchableDropdown = function SearchableDropdown(props, ref) {
   //     }
   // };
 
-  // const clearSelectedItems = (evnt) => {
-  //     evnt.stopPropagation();
-  //     setSelectedItems([]);
-  //     typeof (onClear) === "function" && onClear();
-  //     typeof (onChange) === "function" && onChange(null);
-  //     /** Close modal after reset */
-  //     hideModal();
-  // }
-
+  var clearSelectedItems = function clearSelectedItems(evnt) {
+    evnt.stopPropagation();
+    setSelectedItems([]);
+    setSearchQuery("");
+    typeof onClear === "function" && onClear();
+    typeof onChange === "function" && onChange(null);
+    /** Close list after reset */
+    setShowList(false);
+  };
   var commonAttributes = {
     selectedItems: selectedItems,
     selectItem: selectItem,
@@ -354,7 +354,8 @@ var SearchableDropdown = function SearchableDropdown(props, ref) {
     DropdownItem: DropdownItem,
     ListHeaderItem: ListHeaderItem,
     showClippedContentTitle: showClippedContentTitle,
-    searchQuery: searchQuery
+    searchQuery: searchQuery,
+    paginationType: paginationType
   };
   (0, _react.useImperativeHandle)(ref, function () {
     return {
@@ -397,7 +398,7 @@ var SearchableDropdown = function SearchableDropdown(props, ref) {
     className: "RCB-dd-search-icon"
   }), /*#__PURE__*/_react["default"].createElement("input", {
     type: "text",
-    className: "RCB-dd-search-ip RCB-dd-searchabledd-search-ip RCB-form-el",
+    className: "RCB-dd-search-ip RCB-dd-searchabledd-search-ip RCB-form-el ".concat(showClear && selectedItems.length > 0 ? 'RCB-has-clear-icon' : ''),
     placeholder: searchPlaceholder,
     onChange: onSearchChange,
     ref: searchIpRef,
@@ -407,7 +408,13 @@ var SearchableDropdown = function SearchableDropdown(props, ref) {
     "data-hj-allow": true,
     value: searchQuery,
     disabled: disabled
-  })), showList && /*#__PURE__*/_react["default"].createElement("div", {
+  }), showClear && selectedItems.length > 0 && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "RCB-clear-selected",
+    onClick: clearSelectedItems,
+    title: "Clear selection"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "RCB-clear-icon"
+  }, "\xD7"))), showList && /*#__PURE__*/_react["default"].createElement("div", {
     className: "RCB-inline-modal-body RCB-searchabledd-list-container ".concat(halign === "right" ? "RCB-align-right" : "RCB-align-left")
   }, paginationType === "SERVER" ? /*#__PURE__*/_react["default"].createElement(_ServerPaginatedDDList["default"], _extends({}, commonAttributes, serverListAttrs, restProps, {
     LoaderComponent: LoaderComponent

package/components/Form/SelectedPills.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TagListItem = exports.ShowMoreCount = void 0;
+var _react = _interopRequireWildcard(require("react"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var SelectedPills = function SelectedPills(_ref) {
+  var tagsData = _ref.tagsData,
+    tagClassName = _ref.tagClassName,
+    wrapperClassName = _ref.wrapperClassName,
+    remove = _ref.remove,
+    _ref$selectionKey = _ref.selectionKey,
+    selectionKey = _ref$selectionKey === void 0 ? "name" : _ref$selectionKey,
+    _ref$removeKey = _ref.removeKey,
+    removeKey = _ref$removeKey === void 0 ? "id" : _ref$removeKey,
+    isDeletable = _ref.isDeletable,
+    _ref$newTagClassName = _ref.newTagClassName,
+    newTagClassName = _ref$newTagClassName === void 0 ? "" : _ref$newTagClassName,
+    _ref$count = _ref.count,
+    count = _ref$count === void 0 ? 3 : _ref$count,
+    _ref$showAllTags = _ref.showAllTags,
+    showAllTags = _ref$showAllTags === void 0 ? true : _ref$showAllTags;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showAll = _useState2[0],
+    setShowAll = _useState2[1];
+  var wrapperRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (!showAllTags) {
+      var handleClickOutside = function handleClickOutside(event) {
+        if (wrapperRef.current && !wrapperRef.current.contains(event.target) && showAll) {
+          setShowAll(false);
+        }
+      };
+      if (showAll) {
+        document.addEventListener("mousedown", handleClickOutside);
+      }
+      return function () {
+        document.removeEventListener("mousedown", handleClickOutside);
+      };
+    }
+  }, [showAll, showAllTags]);
+  var shouldShowMore = !showAllTags && tagsData.length > count;
+  var displayItems = showAllTags ? tagsData : shouldShowMore && !showAll ? tagsData.slice(0, count) : tagsData;
+  var remainingCount = tagsData.length - count;
+  var remainingItems = shouldShowMore && !showAll ? tagsData.slice(count) : [];
+  var remainingItemsText = remainingItems.map(function (item) {
+    if (_typeof(item) === "object") {
+      return item[selectionKey] || "";
+    }
+    return item;
+  }).join(", ");
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: wrapperClassName,
+    ref: wrapperRef
+  }, /*#__PURE__*/_react["default"].createElement("ul", {
+    className: "RCB-list"
+  }, displayItems.map(function (itemData, index) {
+    return /*#__PURE__*/_react["default"].createElement(TagListItem, {
+      key: itemData[removeKey] || index,
+      itemData: itemData,
+      index: index,
+      isDeletable: isDeletable,
+      tagClassName: tagClassName,
+      remove: remove,
+      newTagClassName: newTagClassName,
+      selectionKey: selectionKey,
+      removeKey: removeKey
+    });
+  }), shouldShowMore && /*#__PURE__*/_react["default"].createElement(ShowMoreCount, {
+    countClassName: tagClassName,
+    remainingLength: remainingCount,
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      setShowAll(!showAll);
+    },
+    viewAll: showAll,
+    title: remainingItemsText
+  })));
+};
+var ShowMoreCount = exports.ShowMoreCount = function ShowMoreCount(_ref2) {
+  var remainingLength = _ref2.remainingLength,
+    onClick = _ref2.onClick,
+    viewAll = _ref2.viewAll,
+    title = _ref2.title;
+  return /*#__PURE__*/_react["default"].createElement("li", {
+    className: "view-more-link ",
+    onClick: onClick,
+    title: title
+  }, viewAll ? "View less" : "View more(".concat(remainingLength, ")"));
+};
+var TagListItem = exports.TagListItem = function TagListItem(_ref3) {
+  var itemData = _ref3.itemData,
+    tagClassName = _ref3.tagClassName,
+    remove = _ref3.remove,
+    selectionKey = _ref3.selectionKey,
+    isDeletable = _ref3.isDeletable,
+    newTagClassName = _ref3.newTagClassName,
+    removeKey = _ref3.removeKey;
+  var removeTag = function removeTag(e) {
+    e.stopPropagation();
+    if (remove) {
+      remove(itemData[removeKey] ? itemData[removeKey] : itemData);
+    }
+  };
+  var isItemDeletable = typeof isDeletable === 'function' ? isDeletable(itemData) : isDeletable;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("li", {
+    className: isItemDeletable ? "merch-tag-box" : "",
+    title: _typeof(itemData) === "object" ? itemData[selectionKey] || "" : itemData
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: isItemDeletable ? newTagClassName : tagClassName
+  }, _typeof(itemData) === "object" ? itemData[selectionKey] || "" : itemData), isItemDeletable && /*#__PURE__*/_react["default"].createElement("span", {
+    onClick: removeTag,
+    className: "RCB-clear-icon light-close-icon"
+  }, "X")));
+};
+var _default = exports["default"] = SelectedPills;

package/components/Form/SummarySelection.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _SelectedPills = _interopRequireDefault(require("./SelectedPills"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var SummarySelection = function SummarySelection(_ref) {
+  var _ref$count = _ref.count,
+    count = _ref$count === void 0 ? 3 : _ref$count,
+    _ref$noSelectionLabel = _ref.noSelectionLabel,
+    noSelectionLabel = _ref$noSelectionLabel === void 0 ? "" : _ref$noSelectionLabel,
+    _ref$selectedItems = _ref.selectedItems,
+    selectedItems = _ref$selectedItems === void 0 ? [] : _ref$selectedItems,
+    onDelete = _ref.onDelete,
+    _ref$selectionKey = _ref.selectionKey,
+    selectionKey = _ref$selectionKey === void 0 ? "name" : _ref$selectionKey,
+    _ref$isDeletable = _ref.isDeletable,
+    isDeletable = _ref$isDeletable === void 0 ? false : _ref$isDeletable,
+    _ref$deleteKey = _ref.deleteKey,
+    deleteKey = _ref$deleteKey === void 0 ? "id" : _ref$deleteKey,
+    _ref$showAllTags = _ref.showAllTags,
+    showAllTags = _ref$showAllTags === void 0 ? true : _ref$showAllTags;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, selectedItems.length > 0 ? /*#__PURE__*/_react["default"].createElement(_SelectedPills["default"], {
+    tagsData: selectedItems,
+    count: count,
+    tagClassName: "summary-pill-tag",
+    wrapperClassName: "summary-tags-wrapper",
+    countClassName: "summary-pill-tag",
+    selectionKey: selectionKey,
+    removeKey: deleteKey,
+    remove: onDelete,
+    newTagClassName: "new-summary-tag",
+    isDeletable: isDeletable,
+    showAllTags: showAllTags
+  }) : /*#__PURE__*/_react["default"].createElement("span", {
+    "class": "RCB-dd-label"
+  }, noSelectionLabel), /*#__PURE__*/_react["default"].createElement("span", {
+    "class": "RCB-selection-wrapper"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    "class": "RCB-select-arrow"
+  })));
+};
+var _default = exports["default"] = SummarySelection;