bge-ui 1.0.1

package/icons/color/c2-bill-2.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="5" y="2" width="22" height="28" fill="#708397"/>
+<path d="M21 11H11V14H21V11Z" fill="#FFFF38"/>
+<path d="M21 17H11V20H21V17Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-card.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="6" width="28" height="20" fill="#708397"/>
+<rect x="2" y="11" width="28" height="3" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-complete.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="16" cy="16" r="14" fill="#708397"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.8693 12.8047L14.9314 22.1984L8.41638 15.7846L10.521 13.6467L14.8614 17.9197L21.6959 10.7368L23.8693 12.8047Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-deal.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4" width="24" height="24" fill="#708397"/>
+<path d="M16.25 8L23.25 14.5L8.75 14.5L8.75 11.5L16.25 11.5V8Z" fill="#FFFF38"/>
+<path d="M15.75 24L8.75 17.5L23.25 17.5L23.25 20.5L15.75 20.5L15.75 24Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-email.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 6H30V26H2V6Z" fill="#708397"/>
+<path d="M25 11L16 16.0217L7 11V14.6644L16 19.6861L25 14.6644V11Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-fee.svg

@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 2L25.8995 6.1005L30 16L25.8995 25.8995L16 30L6.1005 25.8995L2 16L6.1005 6.1005L16 2Z" fill="#708397"/>
+<path d="M22 10H19L10 22H13L22 10Z" fill="#FFFF38"/>
+<path d="M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z" fill="#FFFF38"/>
+<path d="M22 20C22 21.1046 21.1046 22 20 22C18.8954 22 18 21.1046 18 20C18 18.8954 18.8954 18 20 18C21.1046 18 22 18.8954 22 20Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-google.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="16" cy="16" r="14" fill="#708397"/>
+<path d="M13.549 8.75482L16 13L18.4509 8.75483L21.049 10.2548L18.598 14.5H23.4999V17.5H18.5981L21.049 21.7452L18.4509 23.2452L16 19L13.549 23.2452L10.9509 21.7452L13.4019 17.5H8.49994V14.5H13.4019L10.9509 10.2548L13.549 8.75482Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-home.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 11.3333L16 2L28 11.3333V28H18V16H14V28H4V11.3333Z" fill="#708397"/>
+<path d="M14 16H18V28H14V16Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-kyc.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4" width="24" height="24" fill="#708397"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3 8.5C12.8717 8.5 11 10.5286 11 12.9091V14.0909C11 16.4714 12.8717 18.5 15.3 18.5H16.7C19.1283 18.5 21 16.4714 21 14.0909V8.5H15.3ZM14 12.9091C14 12.0763 14.6355 11.5 15.3 11.5H18V14.0909C18 14.9237 17.3645 15.5 16.7 15.5H15.3C14.6355 15.5 14 14.9237 14 14.0909V12.9091Z" fill="#FFFF38"/>
+<path d="M10 23.5H22V20.5H10V23.5Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-language.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4" width="24" height="24" fill="#708397"/>
+<path d="M9 9V12H14.5L14.5 23H17.5V12H21L23 9H9Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-level.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 4H24L31 14.5L16 30L1 14.5L8 4Z" fill="#708397"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.43933 13.5607L10.5607 11.4393L16 16.8787L21.4393 11.4393L23.5607 13.5607L16 21.1213L8.43933 13.5607Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-notification.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.5 13.5C5.5 7.70101 10.201 3 16 3C21.799 3 26.5 7.70101 26.5 13.5V21.5H28.5V26.5H21.7678C20.6838 28.5799 18.5077 30 16 30C13.4923 30 11.3162 28.5799 10.2322 26.5H3.5V21.5H5.5V13.5Z" fill="#708397"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9495 10.0905C12.0382 8.49931 13.7489 7.5 16 7.5V10.5C14.7511 10.5 13.9618 11.0007 13.4255 11.7845C12.8406 12.6393 12.5 13.9327 12.5 15.5H9.5C9.5 13.5673 9.9094 11.6107 10.9495 10.0905Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-pdf.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 3.5H21L27 11.5V28.5H5.00001L5 3.5Z" fill="#708397"/>
+<path d="M21.0855 19.9523C20.0329 19.8743 19.0193 19.4845 18.2006 18.7828C16.6022 19.1336 15.0817 19.6404 13.5613 20.2642C12.3528 22.4084 11.2222 23.5 10.2475 23.5C10.0526 23.5 9.8187 23.461 9.66275 23.3441C9.23391 23.1491 9 22.7203 9 22.2914C9 21.9406 9.07797 20.9659 12.7816 19.3675C13.6393 17.8081 14.302 16.2097 14.8478 14.5333C14.38 13.5977 13.3664 11.2975 14.0681 10.128C14.302 9.69913 14.7699 9.46522 15.2767 9.50421C15.6665 9.50421 16.0564 9.69913 16.2903 10.011C16.7971 10.7128 16.7581 12.1942 16.0954 14.3774C16.7191 15.547 17.5378 16.5996 18.5125 17.4962C19.3312 17.3403 20.1499 17.2233 20.9685 17.2233C22.8009 17.2623 23.0738 18.12 23.0348 18.6268C23.0348 19.9523 21.7483 19.9523 21.0855 19.9523ZM10.1696 22.3694L10.2865 22.3304C10.8323 22.1355 11.2612 21.7457 11.573 21.2388C10.9883 21.4728 10.5204 21.8626 10.1696 22.3694ZM15.3546 10.6738H15.2377C15.1987 10.6738 15.1207 10.6738 15.0817 10.7128C14.9258 11.3755 15.0428 12.0772 15.3156 12.701C15.5496 12.0383 15.5496 11.3365 15.3546 10.6738ZM15.6275 16.3267L15.5885 16.4046L15.5496 16.3657C15.1987 17.2623 14.8088 18.159 14.38 19.0167L14.458 18.9777V19.0557C15.3157 18.7438 16.2513 18.4709 17.109 18.2759L17.07 18.237H17.187C16.6022 17.6522 16.0564 16.9894 15.6275 16.3267ZM20.9296 18.3929C20.5787 18.3929 20.2668 18.3929 19.9159 18.4709C20.3058 18.6658 20.6956 18.7438 21.0855 18.7828C21.3584 18.8217 21.6313 18.7828 21.8652 18.7048C21.8652 18.5878 21.7093 18.3929 20.9296 18.3929Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-phone.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27 2L27 30H5L5 2L27 2Z" fill="#708397"/>
+<path d="M11 22H21V25H11V22Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-register.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 4H28V28H4V4Z" fill="#708397"/>
+<path d="M16 9L23 9V23H16V20H20V12H16V9Z" fill="#FFFF38"/>
+<path d="M9 11.5L16 18.5H4V15.5H9V11.5Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-right-down.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="16" cy="16" r="14" fill="#708397"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21 12.4646V21H12.4646V18.0125H15.9L10 12.1125L12.1125 10L18.0125 15.9V12.4646L21 12.4646Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-right-up.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="16" cy="16" r="14" fill="#708397"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21 19.5354V11H12.4646V13.9875H15.9L10 19.8875L12.1125 22L18.0125 16.1V19.5354L21 19.5354Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-safe-shield.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.0059 0.958252L29 4.75409V12.6891C29 20.672 23.8913 27.7589 16.3178 30.2824L16.0018 30.3877L15.6857 30.2824C8.11026 27.759 3 20.6705 3 12.6858V4.75389L16.0059 0.958252Z" fill="#708397"/>
+<path d="M14.5 10H17.5V22H14.5V10Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-safe.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28 4H4V18.0178C4 21.7337 5.93381 25.1818 9.10453 27.1195L16 31.3333L22.8955 27.1195C26.0662 25.1818 28 21.7337 28 18.0178V4Z" fill="#708397"/>
+<path d="M17.5 14.5V10H14.5V14.5H10V17.5H14.5V22H17.5V17.5H21L23 14.5H17.5Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-traffic-cone.svg

@@ -0,0 +1,7 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 3L11.9 12H20.1L16 3Z" fill="#708397"/>
+<path d="M21.5 15H10.5L8.70001 19H23.3L21.5 15Z" fill="#708397"/>
+<path d="M24.6 22L26 25H28V28H4V25H6L7.4 22H24.6Z" fill="#708397"/>
+<path d="M11.9 12H20.1L21.5 15H10.5L11.9 12Z" fill="#FFFF38"/>
+<path d="M8.69999 19H23.3L24.6 22H7.39999L8.69999 19Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-user-every.svg

@@ -0,0 +1,9 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.5 7.63636C11.5 5.62806 13.1118 4 15.1 4H20.5V10.3636C20.5 12.3719 18.8882 14 16.9 14H15.1C13.1118 14 11.5 12.3719 11.5 10.3636V7.63636Z" fill="#708397"/>
+<path d="M22 12.5455C22 11.1396 23.0745 10 24.4 10H28V14.4545C28 15.8604 26.9255 17 25.6 17H24.4C23.0745 17 22 15.8604 22 14.4545V12.5455Z" fill="#708397"/>
+<path d="M6.4 10C5.07452 10 4 11.1396 4 12.5455V14.4545C4 15.8604 5.07452 17 6.4 17H7.6C8.92548 17 10 15.8604 10 14.4545V10H6.4Z" fill="#708397"/>
+<path d="M22.6056 18.2658C22.8583 18.7904 23 19.3787 23 20V28H9V20C9 19.3787 9.14166 18.7904 9.39444 18.2658L9.40103 18.2522C10.0497 16.9189 11.4176 16 13 16H19C20.5824 16 21.9503 16.9189 22.599 18.2522C22.6012 18.2568 22.6034 18.2613 22.6056 18.2658Z" fill="#708397"/>
+<path d="M8.40716 18.0205C8.27328 18.0069 8.13745 18 8 18H6C3.79086 18 2 19.7909 2 22V28H8V20C8 19.2968 8.14516 18.6275 8.40716 18.0205Z" fill="#708397"/>
+<path d="M24 28V20C24 19.2968 23.8548 18.6275 23.5928 18.0205C23.7267 18.0069 23.8626 18 24 18H26C28.2091 18 30 19.7909 30 22V28H24Z" fill="#708397"/>
+<path d="M18 16H14L16 24L18 16Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c2-user.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 3C11.6281 3 9.30001 5.32812 9.30001 8.2V12.1C9.30001 14.9719 11.6281 17.3 14.5 17.3H17.1C19.9719 17.3 22.3 14.9719 22.3 12.1V3H14.5Z" fill="#708397"/>
+<path d="M27.5 24.7C27.5 22.049 25.351 19.9 22.7 19.9H8.90001C6.24904 19.9 4.10001 22.049 4.10001 24.7V29H6.70001H24.9H27.5V24.7Z" fill="#708397"/>
+<path d="M18.4 19.8999H13.2L15.8 28.9999L18.4 19.8999Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c3-Licensing.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3" y="3" width="26" height="4" fill="#32404D"/>
+<path d="M6 5H26V24L16 29.5L6 24V5Z" fill="#708397"/>
+<path d="M16 10L17.6223 13.7671L21.7063 14.1459L18.6249 16.8529L19.5267 20.8541L16 18.76L12.4733 20.8541L13.3751 16.8529L10.2937 14.1459L14.3777 13.7671L16 10Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c3-audits.svg

@@ -0,0 +1,7 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.5 3.5L24 3.5V24L24 28.5H21H2.5L2.5 3.5Z" fill="#708397"/>
+<path d="M7 16H15L13 19H7V16Z" fill="#32404D"/>
+<path d="M7 10H18.5L16.5 13H7V10Z" fill="#32404D"/>
+<rect x="17" y="25.5" width="13" height="3" fill="#FFFF38"/>
+<path d="M28 17.5H19V20.5H20.4705L18.5 25.5H28.5L26.5295 20.5H28V17.5Z" fill="#32404D"/>
+</svg>

package/icons/color/c3-card.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30 6H2V26H30V6Z" fill="#708397"/>
+<path d="M5 19H14L12 22H5V19Z" fill="#FFFF38"/>
+<path d="M30 13H2V10H30V13Z" fill="#32404D"/>
+</svg>

package/icons/color/c3-company.svg

@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 1L3 11.5V30L29 30V13.5L21 9V1Z" fill="#708397"/>
+<path d="M7 14H16L14 17H7V14Z" fill="#FFFF38"/>
+<path d="M7 20H16L14 23H7V20Z" fill="#FFFF38"/>
+<path d="M24 10.6875L21 9V30H24V10.6875Z" fill="#32404D"/>
+</svg>

package/icons/color/c3-deposit.svg

@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="20.6667" transform="matrix(1 0 0 -1 4 28)" fill="#708397"/>
+<path d="M26 4H4V7.33333H26V4Z" fill="#32404D"/>
+<path d="M26 13.3333H20V16.6667H24L26 13.3333Z" fill="#32404D"/>
+<path d="M10 14L18 22H2V18.6667H10V14Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c3-establish.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="32" width="27" height="4" transform="rotate(-90 4 32)" fill="#32404D"/>
+<path d="M7 25L7 5L29 5L29 15L29 25L7 25Z" fill="#708397"/>
+<path d="M24 9L16.3371 21L12 18.736L18.2171 9L24 9Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c3-framework.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4" width="24" height="24" fill="#708397"/>
+<path d="M7 14.5H19L17 17.5H7V14.5Z" fill="#FFFF38"/>
+<path d="M10 10V12L7 12V7H25V25H7V20H10V22L22 22V10L10 10Z" fill="#32404D"/>
+</svg>

package/icons/color/c3-kyc.svg

@@ -0,0 +1,7 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="6" width="28" height="20" fill="#708397"/>
+<path d="M15 11H6V14H13L15 11Z" fill="#FFFF38"/>
+<path d="M12 17H6V20H10L12 17Z" fill="#FFFF38"/>
+<path d="M22 10C20.3431 10 19 11.3431 19 13V15C19 16.6569 20.3431 18 22 18H23C24.6569 18 26 16.6569 26 15V10H22Z" fill="#32404D"/>
+<path d="M19 20C16.7909 20 15 21.7909 15 24V26H30V24C30 21.7909 28.2091 20 26 20H19Z" fill="#32404D"/>
+</svg>

package/icons/color/c3-not-passed.svg

@@ -0,0 +1,7 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.5 3.5L24 3.5V24L24 28.5H21H2.5L2.5 3.5Z" fill="#708397"/>
+<path d="M7 16H15L13 19H7V16Z" fill="#32404D"/>
+<path d="M7 10H18.5L16.5 13H7V10Z" fill="#32404D"/>
+<circle cx="24" cy="21.5" r="7" fill="#FFFF38"/>
+<path d="M25.4141 21.4997L27.5352 19.3786L26.121 17.9644L23.9999 20.0855L21.879 17.9645L20.4648 19.3788L22.5857 21.4997L20.4642 23.6212L21.8784 25.0355L23.9999 22.9139L26.1216 25.0356L27.5358 23.6214L25.4141 21.4997Z" fill="#32404D"/>
+</svg>

package/icons/color/c3-pass.svg

@@ -0,0 +1,7 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.5 3.5L24 3.5V24L24 28.5H21H2.5L2.5 3.5Z" fill="#708397"/>
+<path d="M7 16H15L13 19H7V16Z" fill="#32404D"/>
+<path d="M7 10H18.5L16.5 13H7V10Z" fill="#32404D"/>
+<circle cx="24" cy="21.5" r="7" fill="#FFFF38"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.7332 19.7513L23.1466 25.0204L19.5053 21.5174L20.8919 20.0761L23.1603 22.2583L27.3609 18.2963L28.7332 19.7513Z" fill="#32404D"/>
+</svg>

package/icons/color/c3-safes.svg

@@ -0,0 +1,8 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4" width="24" height="24" fill="#708397"/>
+<circle cx="16" cy="16" r="6" fill="#32404D"/>
+<path d="M8.5 10C9.32843 10 10 9.32843 10 8.5C10 7.67157 9.32843 7 8.5 7C7.67157 7 7 7.67157 7 8.5C7 9.32843 7.67157 10 8.5 10Z" fill="#FFFF38"/>
+<path d="M23.5 10C24.3284 10 25 9.32843 25 8.5C25 7.67157 24.3284 7 23.5 7C22.6716 7 22 7.67157 22 8.5C22 9.32843 22.6716 10 23.5 10Z" fill="#FFFF38"/>
+<path d="M10 23.5C10 24.3284 9.32843 25 8.5 25C7.67157 25 7 24.3284 7 23.5C7 22.6716 7.67157 22 8.5 22C9.32843 22 10 22.6716 10 23.5Z" fill="#FFFF38"/>
+<path d="M23.5 25C24.3284 25 25 24.3284 25 23.5C25 22.6716 24.3284 22 23.5 22C22.6716 22 22 22.6716 22 23.5C22 24.3284 22.6716 25 23.5 25Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c3-trading.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4" width="24" height="24" fill="#708397"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.643 16L7.48816 11.8452L9.84518 9.48816L16.357 16L9.84518 22.5118L7.48816 20.1548L11.643 16Z" fill="#32404D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.357 16L24.5118 11.8452L22.1548 9.48816L15.643 16L22.1548 22.5118L24.5118 20.1548L20.357 16Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c3-user-every.svg

@@ -0,0 +1,11 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.1 4C13.1118 4 11.5 5.62806 11.5 7.63636V10.3636C11.5 12.3719 13.1118 14 15.1 14H16.9C18.8882 14 20.5 12.3719 20.5 10.3636V4H15.1Z" fill="#708397"/>
+<path d="M24.4 10C23.0745 10 22 11.1396 22 12.5455V14.4545C22 15.8604 23.0745 17 24.4 17H25.6C26.9255 17 28 15.8604 28 14.4545V10H24.4Z" fill="#708397"/>
+<path d="M6.4 10C5.07452 10 4 11.1396 4 12.5455V14.4545C4 15.8604 5.07452 17 6.4 17H7.6C8.92548 17 10 15.8604 10 14.4545V10H6.4Z" fill="#708397"/>
+<path d="M22.6056 18.2658C22.8583 18.7904 23 19.3787 23 20V28H9V20C9 19.3787 9.14166 18.7904 9.39444 18.2658L9.40103 18.2522C9.44158 18.1689 9.48493 18.0872 9.53097 18.0072C9.53235 18.0048 9.53374 18.0024 9.53513 18C10.2267 16.8044 11.5194 16 13 16H19C20.4806 16 21.7733 16.8044 22.4649 18C22.5125 18.0823 22.5572 18.1664 22.599 18.2522L22.6056 18.2658Z" fill="#708397"/>
+<path d="M24.658 18C24.8797 18.6273 25 19.3012 25 20V28H30V22C30 19.7909 28.2091 18 26 18H24.658Z" fill="#708397"/>
+<path d="M7.342 18C7.12026 18.6273 7 19.3012 7 20V28H2V22C2 19.7909 3.79086 18 6 18H7.342Z" fill="#708397"/>
+<path d="M19 16H13L16 27L19 16Z" fill="#FFFF38"/>
+<path d="M9 20C9 19.3787 9.14166 18.7904 9.39444 18.2658L9.40103 18.2522C9.4428 18.1664 9.48754 18.0823 9.53513 18H7.342C7.12026 18.6273 7 19.3012 7 20V28H9V20Z" fill="#32404D"/>
+<path d="M22.6055 18.2658C22.8583 18.7904 23 19.3787 23 20V28H25V20C25 19.3012 24.8797 18.6273 24.658 18H22.4648C22.5124 18.0823 22.5572 18.1664 22.5989 18.2522L22.6055 18.2658Z" fill="#32404D"/>
+</svg>

package/icons/color/c3-user-follow.svg

@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.3333 3.33333C11.1242 3.33333 9.33333 5.12419 9.33333 7.33333V12C9.33333 14.2091 11.1242 16 13.3333 16H17.3333C19.5425 16 21.3333 14.2091 21.3333 12V3.33333H13.3333Z" fill="#708397"/>
+<path d="M12 18.6667C7.58172 18.6667 4 22.2484 4 26.6667V29.3333H26.6667V26.6667C26.6667 22.2484 23.0849 18.6667 18.6667 18.6667H12Z" fill="#708397"/>
+<path d="M9.33334 6.66667H18V16H13.3333C11.1242 16 9.33334 14.2091 9.33334 12V6.66667Z" fill="#32404D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.2005 16.8227L19.3558 27.0461L12.8215 20.5118L15.1785 18.1548L19.3109 22.2872L26.7995 14.5106L29.2005 16.8227Z" fill="#FFFF38"/>
+</svg>

package/icons/color/c3-user.svg

@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 2.5C11.7909 2.5 10 4.29086 10 6.5V11C10 13.2091 11.7909 15 14 15H18C20.2091 15 22 13.2091 22 11V2.5H14Z" fill="#708397"/>
+<path d="M9.5 17C6.18629 17 3.5 19.6863 3.5 23V29.5H28.5V23C28.5 19.6863 25.8137 17 22.5 17H9.5Z" fill="#708397"/>
+<path d="M20.5 17H11.5L16 27.5L20.5 17Z" fill="#FFFF38"/>
+<path d="M10 6H18V15H14C11.7909 15 10 13.2091 10 11V6Z" fill="#32404D"/>
+</svg>

package/icons/color/close-fill.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="#FF4784"/>
+<path d="M12 10.5858L9.17157 7.75735L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75735L12 10.5858Z" fill="white"/>
+</svg>

package/icons/color/completed-fill.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="10" fill="#00A389"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5435 9.71726L11.2812 16.3536L6.78937 12.0078L8.18003 10.5704L11.2165 13.5081L16.0889 8.34464L17.5435 9.71726Z" fill="white"/>
+</svg>

package/icons/color/cookie.svg

@@ -0,0 +1,16 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_12648_7376)">
+<path d="M23.5211 11.0268C22.1289 10.5346 21.1868 9.21274 21.1868 7.73617C21.215 7.49706 21.1024 7.30023 20.9196 7.13148C20.7649 7.00487 20.5259 6.94867 20.329 6.97675C19.1477 7.1455 18.0228 6.808 17.165 6.11893C16.3071 5.42987 15.7024 4.38929 15.604 3.17991C15.59 2.96893 15.4634 2.77205 15.2805 2.64554C15.0977 2.53299 14.8728 2.50486 14.6618 2.58924C12.7493 3.2783 10.9493 2.06893 10.2321 0.423656C10.0915 0.114234 9.76803 -0.0545164 9.43057 0.01589C6.73052 0.620579 4.30239 2.31558 2.64306 4.45313C-1.19596 9.38908 -0.802261 16.1813 3.50087 20.4985C8.18374 25.1672 15.7353 25.1672 20.4041 20.4985C22.5697 18.3328 23.9994 15.2456 23.9994 11.955C23.9711 11.4909 23.9571 11.1815 23.5211 11.0268Z" fill="#FFFF38"/>
+<path d="M7.03047 8.53127C7.03047 9.30649 7.6615 9.93752 8.43672 9.93752C9.21195 9.93752 9.84298 9.30649 9.84298 8.53127C9.84298 7.75605 9.21195 7.12502 8.43672 7.12502C7.6615 7.12502 7.03047 7.75605 7.03047 8.53127Z" fill="black"/>
+<path d="M14.7649 14.1563C13.6017 14.1563 12.6555 13.2101 12.6555 12.0469C12.6555 10.8837 13.6017 9.93752 14.7649 9.93752C15.928 9.93752 16.8742 10.8837 16.8742 12.0469C16.8742 13.2101 15.9281 14.1563 14.7649 14.1563Z" fill="black"/>
+<path d="M14.0617 19.7813C13.2865 19.7813 12.6555 19.1503 12.6555 18.375C12.6555 17.5998 13.2865 16.9688 14.0617 16.9688C14.8369 16.9688 15.468 17.5998 15.468 18.375C15.468 19.1503 14.8369 19.7813 14.0617 19.7813Z" fill="black"/>
+<path d="M9.06959 14.6484C8.71802 14.3391 8.23985 14.1563 7.73365 14.1563C6.56641 14.1563 5.62427 15.0984 5.62427 16.2657C5.62427 16.8141 5.83525 17.3063 6.17271 17.6719C6.55235 18.1079 7.11485 18.375 7.73365 18.375C8.90088 18.375 9.84303 17.4328 9.84303 16.2657C9.84298 15.6047 9.54767 15.0282 9.06959 14.6484Z" fill="black"/>
+<path d="M18.2456 14.9124C18.2456 15.0047 18.2638 15.0961 18.2991 15.1814C18.3344 15.2668 18.3862 15.3443 18.4515 15.4096C18.5168 15.4748 18.5943 15.5266 18.6796 15.562C18.7649 15.5973 18.8564 15.6155 18.9487 15.6155C19.041 15.6155 19.1325 15.5973 19.2178 15.562C19.3031 15.5266 19.3806 15.4748 19.4459 15.4096C19.5112 15.3443 19.563 15.2668 19.5983 15.1814C19.6336 15.0961 19.6518 15.0047 19.6518 14.9124C19.6518 14.82 19.6336 14.7286 19.5983 14.6433C19.563 14.558 19.5112 14.4805 19.4459 14.4152C19.3806 14.3499 19.3031 14.2981 19.2178 14.2628C19.1325 14.2274 19.041 14.2092 18.9487 14.2092C18.8564 14.2092 18.7649 14.2274 18.6796 14.2628C18.5943 14.2981 18.5168 14.3499 18.4515 14.4152C18.3862 14.4805 18.3344 14.558 18.2991 14.6433C18.2638 14.7286 18.2456 14.82 18.2456 14.9124Z" fill="black"/>
+<path d="M4.23606 12.369C4.20073 12.2837 4.18255 12.1922 4.18257 12.0999C4.18255 12.0075 4.20073 11.9161 4.23606 11.8307C4.27138 11.7454 4.32317 11.6679 4.38847 11.6026C4.45376 11.5373 4.53128 11.4855 4.61659 11.4501C4.70191 11.4148 4.79335 11.3966 4.8857 11.3966C4.97804 11.3966 5.06949 11.4148 5.1548 11.4501C5.24012 11.4855 5.31764 11.5373 5.38293 11.6026C5.44822 11.6679 5.50001 11.7454 5.53534 11.8307C5.57067 11.9161 5.58884 12.0075 5.58882 12.0999C5.58884 12.1922 5.57067 12.2837 5.53534 12.369C5.50001 12.4543 5.44822 12.5318 5.38293 12.5971C5.31764 12.6624 5.24012 12.7142 5.1548 12.7496C5.06949 12.7849 4.97804 12.8031 4.8857 12.8031C4.79335 12.8031 4.70191 12.7849 4.61659 12.7496C4.53128 12.7142 4.45376 12.6624 4.38847 12.5971C4.32317 12.5318 4.27138 12.4543 4.23606 12.369Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_12648_7376">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/icons/color/star.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 1.33514e-05L14.6942 8.29181H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.29181H9.30583L12 1.33514e-05Z" fill="#2DE37C"/>
+<path d="M19.0534 21.7082L16.3593 13.4164L12 16.5836L19.0534 21.7082Z" fill="#279E5B"/>
+</svg>

package/icons/color/success-fill.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_12563_8607)">
+<rect width="24" height="24" fill="#798DA3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5288 8.91107L11.1746 17.047L10.4319 16.3569C9.07309 15.0944 6.32315 12.5574 5.86764 12.1954L7.11187 10.6295C7.5597 10.9854 9.62171 12.8806 11.0499 14.2024L17.0451 7.56993L18.5288 8.91107Z" fill="#191F24"/>
+</g>
+<defs>
+<clipPath id="clip0_12563_8607">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/icons/color/time-fill.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="10" fill="#798DA3"/>
+<path d="M12 7H10V14.5H16.5V12.5H12V7Z" fill="#191F24"/>
+</svg>

package/icons/color/toward-fill.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="10" fill="#798DA3"/>
+<path d="M6.5 10.75H9V13.25H6.5V10.75Z" fill="#191F24"/>
+<path d="M10.75 10.75H13.25V13.25H10.75V10.75Z" fill="#191F24"/>
+<path d="M17.5 10.75H15V13.25H17.5V10.75Z" fill="#191F24"/>
+</svg>

package/icons/generate.ts

@@ -0,0 +1,152 @@
+import path from 'node:path'
+import { dirname, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { type BuiltInParserName, format } from 'prettier'
+import camelcase from 'camelcase'
+import { findWorkspacePackages } from '@pnpm/find-workspace-packages'
+import { findWorkspaceDir } from '@pnpm/find-workspace-dir'
+import glob from 'fast-glob'
+import { readFile, writeFile } from 'node:fs/promises'
+
+const dir = dirname(fileURLToPath(import.meta.url))
+
+const pathRoot = resolve(dir, '..')
+const pathSrc = resolve(pathRoot, 'src')
+const pathIcons = resolve(pathRoot, 'icons')
+const pathComponents = resolve(pathSrc, 'icons')
+
+
+const files = await getSvgFiles()
+function getName(file: string) {
+  const filename = path.basename(file).replace('.svg', '')
+  const folders = file.replace(`/${filename}.svg`, '').split('/')
+  const folder = folders[folders.length - 1]
+  const componentName = camelcase(`${folder}-${filename}`, { pascalCase: true })
+  return {
+    folder,
+    filename,
+    componentName,
+  }
+}
+
+async function getSvgFiles() {
+  const files = await glob('*/*.svg', {
+    cwd: pathIcons,
+    absolute: true
+  })
+  return files
+}
+
+
+const vueComponents: any[] = []
+await Promise.all(files.map((file) => transformToVueComponent(file)))
+await generateTs()
+
+async function generateTs() {
+  let ip: string = ''
+  let ep: string = ''
+  vueComponents.forEach((v: any) => {
+    ip += `import ${v.componentName} from "${v.path}"\n`
+    ep += `${v.componentName},\n`
+  })
+  const ts = await formatCode(`
+    ${ip}
+    export default {
+      ${ep}
+    }
+  `)
+  writeFile(path.resolve(pathComponents, `index.ts`), ts, 'utf-8')
+}
+
+async function transformToVueComponent(file: string) {
+  let content = await readFile(file, 'utf-8')
+  const { filename, componentName, folder } = getName(file)
+  if (filename.startsWith('c2') || filename.startsWith('c3')) {
+    content = content
+      .replace('<svg ', '<svg class="bge-color-svg" :style="`width: 1em; height: 1em;font-size: ${size}px;`"')
+      .replace(/fill=\"#FFFF38\"/g, 'class="bge-fill-icon-theme"')
+      .replace(/fill=\"#708397\"/g, 'class="bge-fill-icon-gray"')
+      .replace(/fill=\"#32404D\"/g, 'class="bge-fill-gay-dark"')
+      .replace(/stroke=\"#FFFF38\"/g, 'class="bge-stroke-icon-theme"')
+      .replace(/stroke=\"#708397\"/g, 'class="bge-stroke-icon-gray"')
+      .replace(/stroke=\"#32404D\"/g, 'class="bge-stroke-gay-dark"')
+  } else if (folder === 'Mono' || folder === 'Media') {
+    content = content.replace('<svg ', '<svg :style="`width: 1em; height: 1em; font-size: ${size}px; ${color ? \'color:\' + color + \';\' : \'\'};`"').replace(/#808080/g, 'currentColor')
+  } else {
+    content = content.replace('<svg ', '<svg :style="`width: 1em; height: 1em; font-size: ${size}px;`"')
+  }
+  const vue = await formatCode(
+    `
+<template>
+${content}
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  }
+})
+defineOptions({
+  name: ${JSON.stringify(componentName)}
+})
+</script>
+<style lang="scss">
+.bge-color-svg {
+  --icon-theme: #FFF833;
+  --icon-gray: #9BAEC2;
+  --icon-gay-dark: #526375;
+
+  .dark & {
+    --icon-theme: #FFFF38;
+    --icon-gray: #708397;
+    --icon-gay-dark: #32404D;
+  }
+}
+
+.bge-fill-icon-theme {
+  fill: var(--icon-theme);
+}
+
+.bge-fill-icon-gray {
+  fill: var(--icon-gray);
+}
+
+.bge-fill-gay-dark {
+  fill: var(--icon-gay-dark);
+}
+
+.bge-stroke-icon-theme {
+  stroke: var(--icon-theme);
+}
+
+.bge-stroke-icon-gray {
+  stroke: var(--icon-gray);
+}
+
+.bge-stroke-gay-dark {
+  stroke: var(--icon-gay-dark);
+}
+</style>`,
+    'vue',
+  )
+  writeFile(path.resolve(pathComponents, `${componentName}.vue`), vue, 'utf-8')
+  vueComponents.push({
+    name: filename,
+    componentName: componentName,
+    path: `./${componentName}.vue`
+  })
+}
+
+function formatCode(code: string, parser: BuiltInParserName = 'typescript') {
+  return format(code, {
+    parser,
+    semi: false,
+    singleQuote: true,
+  })
+}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "bge-ui",
+  "version": "1.0.1",
+  "description": "",
+  "type": "module",
+  "main": "./src/index.ts",
+  "scripts": {
+    "build": "vite build",
+    "generate-icon": "tsx icons/generate.ts"
+  },
+  "files": [
+    "icons",
+    "src"
+  ],
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@pnpm/find-workspace-dir": "^6.0.2",
+    "@pnpm/find-workspace-packages": "^6.0.9",
+    "@popperjs/core": "^2.11.8",
+    "@types/prettier": "^3.0.0",
+    "@vueuse/core": "^10.7.0",
+    "async-validator": "^4.2.5",
+    "camelcase": "^8.0.0",
+    "fast-glob": "^3.3.2",
+    "glob": "^10.3.10",
+    "prettier": "^3.1.0",
+    "sass": "^1.69.5",
+    "tsx": "^4.6.2",
+    "vite-plugin-dts": "^3.6.4",
+    "vue": "^3.3.9"
+  },
+  "devDependencies": {
+    "@types/node": "^20.10.1"
+  }
+}