@necrolab/dashboard 0.4.3

package/src/components/icons/Checkmark.vue

@@ -0,0 +1,11 @@
+<template>
+    <svg width="8" height="7" viewBox="0 0 8 7" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M7.99998 0.833328L3.41665 5.41666L1.33331 3.33333"
+            stroke="white"
+            stroke-width="1.4"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+        />
+    </svg>
+</template>

package/src/components/icons/Click.vue

@@ -0,0 +1,8 @@
+<template>
+    <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M9.2375 14.75C7.8375 14.6771 6.65625 14.1375 5.69375 13.1312C4.73125 12.125 4.25 10.9146 4.25 9.5C4.25 8.04167 4.76042 6.80208 5.78125 5.78125C6.80208 4.76042 8.04167 4.25 9.5 4.25C10.9146 4.25 12.125 4.73125 13.1312 5.69375C14.1375 6.65625 14.6771 7.8375 14.75 9.2375L12.9125 8.69062C12.7229 7.90312 12.3146 7.25796 11.6875 6.75513C11.0604 6.25171 10.3313 6 9.5 6C8.5375 6 7.71354 6.34271 7.02813 7.02813C6.34271 7.71354 6 8.5375 6 9.5C6 10.3313 6.25171 11.0604 6.75513 11.6875C7.25796 12.3146 7.90312 12.7229 8.69062 12.9125L9.2375 14.75ZM10.2875 18.2063C10.1562 18.2354 10.025 18.25 9.89375 18.25H9.5C8.28958 18.25 7.15208 18.0202 6.0875 17.5605C5.02292 17.1014 4.09688 16.4781 3.30938 15.6906C2.52188 14.9031 1.89858 13.9771 1.4395 12.9125C0.979833 11.8479 0.75 10.7104 0.75 9.5C0.75 8.28958 0.979833 7.15208 1.4395 6.0875C1.89858 5.02292 2.52188 4.09688 3.30938 3.30938C4.09688 2.52188 5.02292 1.89829 6.0875 1.43862C7.15208 0.979542 8.28958 0.75 9.5 0.75C10.7104 0.75 11.8479 0.979542 12.9125 1.43862C13.9771 1.89829 14.9031 2.52188 15.6906 3.30938C16.4781 4.09688 17.1014 5.02292 17.5605 6.0875C18.0202 7.15208 18.25 8.28958 18.25 9.5V9.89375C18.25 10.025 18.2354 10.1562 18.2063 10.2875L16.5 9.7625V9.5C16.5 7.54583 15.8219 5.89062 14.4656 4.53437C13.1094 3.17812 11.4542 2.5 9.5 2.5C7.54583 2.5 5.89062 3.17812 4.53437 4.53437C3.17812 5.89062 2.5 7.54583 2.5 9.5C2.5 11.4542 3.17812 13.1094 4.53437 14.4656C5.89062 15.8219 7.54583 16.5 9.5 16.5H9.7625L10.2875 18.2063ZM16.9594 18.6875L13.2188 14.9469L12.125 18.25L9.5 9.5L18.25 12.125L14.9469 13.2188L18.6875 16.9594L16.9594 18.6875Z"
+            fill="white"
+        />
+    </svg>
+</template>

package/src/components/icons/Close.vue

@@ -0,0 +1,21 @@
+<template>
+    <svg
+        width="17"
+        height="17"
+        viewBox="0 0 17 17"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        class="close-icon"
+    >
+        <path
+            d="M2.20006 16.375L0.625061 14.8L6.92506 8.5L0.625061 2.2L2.20006 0.625L8.50006 6.925L14.8001 0.625L16.3751 2.2L10.0751 8.5L16.3751 14.8L14.8001 16.375L8.50006 10.075L2.20006 16.375Z"
+            fill="currentColor"
+        />
+    </svg>
+</template>
+
+<style scoped>
+.close-icon {
+    @apply w-4 h-4;
+}
+</style>

package/src/components/icons/CloseX.vue

@@ -0,0 +1,5 @@
+<template>
+    <svg class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor">
+        <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/>
+    </svg>
+</template>

package/src/components/icons/Console.vue

@@ -0,0 +1,13 @@
+<template>
+    <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <mask id="mask0_1_48" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="22" height="22">
+            <rect width="22" height="22" fill="#D9D9D9" />
+        </mask>
+        <g mask="url(#mask0_1_48)">
+            <path
+                d="M11 9.62501L8.25 6.87501V1.83334H13.75V6.87501L11 9.62501ZM15.125 13.75L12.375 11L15.125 8.25001H20.1667V13.75H15.125ZM1.83333 13.75V8.25001H6.875L9.625 11L6.875 13.75H1.83333ZM8.25 20.1667V15.125L11 12.375L13.75 15.125V20.1667H8.25ZM11 7.01251L11.9167 6.09584V3.66668H10.0833V6.09584L11 7.01251ZM3.66666 11.9167H6.09583L7.0125 11L6.09583 10.0833H3.66666V11.9167ZM10.0833 18.3333H11.9167V15.9042L11 14.9875L10.0833 15.9042V18.3333ZM15.9042 11.9167H18.3333V10.0833H15.9042L14.9875 11L15.9042 11.9167Z"
+                fill="white"
+            />
+        </g>
+    </svg>
+</template>

package/src/components/icons/Down.vue

@@ -0,0 +1,8 @@
+<template>
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" fill="#ffffff">
+        <path
+            d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"
+            fill="#ffffff"
+        />
+    </svg>
+</template>

package/src/components/icons/Edit.vue

@@ -0,0 +1,13 @@
+<template>
+    <svg width="20" height="20" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <mask id="mask0_1_24" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
+            <rect width="20" height="20" fill="#D9D9D9" />
+        </mask>
+        <g mask="url(#mask0_1_24)">
+            <path
+                d="M1.83334 22V18.3333H20.1667V22H1.83334ZM3.66668 16.5V13.0625L11.9625 4.76666L15.4 8.20416L7.10418 16.5H3.66668ZM5.50001 14.6667H6.32501L12.8333 8.20416L11.9625 7.33333L5.50001 13.8417V14.6667ZM16.4313 7.19583L12.9938 3.75833L14.6438 2.10833C14.8118 1.92499 15.0257 1.83699 15.2854 1.84433C15.5451 1.85227 15.759 1.94027 15.9271 2.10833L18.0813 4.26249C18.2493 4.43055 18.3333 4.64077 18.3333 4.89316C18.3333 5.14494 18.2493 5.36249 18.0813 5.54583L16.4313 7.19583Z"
+                fill="white"
+            />
+        </g>
+    </svg>
+</template>

package/src/components/icons/Event.vue

@@ -0,0 +1,8 @@
+<template>
+    <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M1.625 5.125V1.625L5.125 3.375L1.625 5.125ZM14.75 5.125V1.625L18.25 3.375L14.75 5.125ZM8.625 4.25V0.75L12.125 2.5L8.625 4.25ZM8.625 18.25C7.51667 18.2208 6.48504 18.1298 5.53012 17.977C4.57462 17.8236 3.74338 17.6302 3.03638 17.3969C2.32879 17.1635 1.77083 16.8938 1.3625 16.5875C0.954167 16.2812 0.75 15.9604 0.75 15.625V7.75C0.75 7.38542 0.979833 7.04621 1.4395 6.73238C1.89858 6.41913 2.52188 6.14204 3.30938 5.90112C4.09688 5.66079 5.02292 5.47121 6.0875 5.33238C7.15208 5.19413 8.28958 5.125 9.5 5.125C10.7104 5.125 11.8479 5.19413 12.9125 5.33238C13.9771 5.47121 14.9031 5.66079 15.6906 5.90112C16.4781 6.14204 17.1014 6.41913 17.5605 6.73238C18.0202 7.04621 18.25 7.38542 18.25 7.75V15.625C18.25 15.9604 18.0458 16.2812 17.6375 16.5875C17.2292 16.8938 16.6715 17.1635 15.9645 17.3969C15.2569 17.6302 14.4257 17.8236 13.4707 17.977C12.5153 18.1298 11.4833 18.2208 10.375 18.25V14.75H8.625V18.25ZM9.5 8.625C10.9146 8.625 12.1361 8.541 13.1645 8.373C14.1923 8.20558 15.0125 8.0125 15.625 7.79375C15.625 7.72083 15.0708 7.54933 13.9625 7.27925C12.8542 7.00975 11.3667 6.875 9.5 6.875C7.63333 6.875 6.14583 7.00975 5.0375 7.27925C3.92917 7.54933 3.375 7.72083 3.375 7.79375C3.9875 8.0125 4.80796 8.20558 5.83638 8.373C6.86421 8.541 8.08542 8.625 9.5 8.625ZM6.875 16.3688V13H12.125V16.3688C13.2917 16.2521 14.2469 16.0806 14.9906 15.8542C15.7344 15.6285 16.2375 15.4281 16.5 15.2531V9.325C15.6979 9.64583 14.6917 9.90104 13.4812 10.0906C12.2708 10.2802 10.9438 10.375 9.5 10.375C8.05625 10.375 6.72917 10.2802 5.51875 10.0906C4.30833 9.90104 3.30208 9.64583 2.5 9.325V15.2531C2.7625 15.4281 3.26562 15.6285 4.00937 15.8542C4.75312 16.0806 5.70833 16.2521 6.875 16.3688Z"
+            fill="white"
+        />
+    </svg>
+</template>

package/src/components/icons/Expand.vue

@@ -0,0 +1,8 @@
+<template>
+    <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M4 13.75L0.625 10.375L1.7125 9.28751L4 11.575L6.2875 9.28751L7.375 10.375L4 13.75ZM1.7125 4.78751L0.625 3.70001L4 0.325012L7.375 3.70001L6.2875 4.78751L4 2.50001L1.7125 4.78751Z"
+            fill="white"
+        />
+    </svg>
+</template>

package/src/components/icons/Filter.vue

@@ -0,0 +1,13 @@
+<template>
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <mask id="mask0_305_33" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+            <rect width="24" height="24" fill="#D9D9D9" />
+        </mask>
+        <g mask="url(#mask0_305_33)">
+            <path
+                d="M11.0001 20C10.7167 20 10.4792 19.9042 10.2876 19.7125C10.0959 19.5208 10.0001 19.2833 10.0001 19V13L4.20008 5.6C3.95008 5.26667 3.91258 4.91667 4.08758 4.55C4.26258 4.18333 4.56675 4 5.00008 4H19.0001C19.4334 4 19.7376 4.18333 19.9126 4.55C20.0876 4.91667 20.0501 5.26667 19.8001 5.6L14.0001 13V19C14.0001 19.2833 13.9042 19.5208 13.7126 19.7125C13.5209 19.9042 13.2834 20 13.0001 20H11.0001ZM12.0001 12.3L16.9501 6H7.05008L12.0001 12.3Z"
+                fill="#F5F5F5"
+            />
+        </g>
+    </svg>
+</template>

package/src/components/icons/Gear.vue

@@ -0,0 +1,8 @@
+<template>
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+        <path
+            fill="#fff"
+            d="M495.9 166.6c3.2 8.7 .5 18.4-6.4 24.6l-43.3 39.4c1.1 8.3 1.7 16.8 1.7 25.4s-.6 17.1-1.7 25.4l43.3 39.4c6.9 6.2 9.6 15.9 6.4 24.6c-4.4 11.9-9.7 23.3-15.8 34.3l-4.7 8.1c-6.6 11-14 21.4-22.1 31.2c-5.9 7.2-15.7 9.6-24.5 6.8l-55.7-17.7c-13.4 10.3-28.2 18.9-44 25.4l-12.5 57.1c-2 9.1-9 16.3-18.2 17.8c-13.8 2.3-28 3.5-42.5 3.5s-28.7-1.2-42.5-3.5c-9.2-1.5-16.2-8.7-18.2-17.8l-12.5-57.1c-15.8-6.5-30.6-15.1-44-25.4L83.1 425.9c-8.8 2.8-18.6 .3-24.5-6.8c-8.1-9.8-15.5-20.2-22.1-31.2l-4.7-8.1c-6.1-11-11.4-22.4-15.8-34.3c-3.2-8.7-.5-18.4 6.4-24.6l43.3-39.4C64.6 273.1 64 264.6 64 256s.6-17.1 1.7-25.4L22.4 191.2c-6.9-6.2-9.6-15.9-6.4-24.6c4.4-11.9 9.7-23.3 15.8-34.3l4.7-8.1c6.6-11 14-21.4 22.1-31.2c5.9-7.2 15.7-9.6 24.5-6.8l55.7 17.7c13.4-10.3 28.2-18.9 44-25.4l12.5-57.1c2-9.1 9-16.3 18.2-17.8C227.3 1.2 241.5 0 256 0s28.7 1.2 42.5 3.5c9.2 1.5 16.2 8.7 18.2 17.8l12.5 57.1c15.8 6.5 30.6 15.1 44 25.4l55.7-17.7c8.8-2.8 18.6-.3 24.5 6.8c8.1 9.8 15.5 20.2 22.1 31.2l4.7 8.1c6.1 11 11.4 22.4 15.8 34.3zM256 336a80 80 0 1 0 0-160 80 80 0 1 0 0 160z"
+        />
+    </svg>
+</template>

package/src/components/icons/Group.vue

@@ -0,0 +1,8 @@
+<template>
+    <svg width="18" height="10" viewBox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M7.70625 5C7.35625 5 7.06875 4.86875 6.84375 4.60625C6.61875 4.34375 6.5375 4.0375 6.6 3.6875L6.825 2.3375C6.925 1.8 7.17825 1.3595 7.58475 1.016C7.99075 0.672 8.4625 0.5 9 0.5C9.55 0.5 10.0282 0.672 10.4347 1.016C10.8407 1.3595 11.0938 1.8 11.1938 2.3375L11.4188 3.6875C11.4813 4.0375 11.4 4.34375 11.175 4.60625C10.95 4.86875 10.6625 5 10.3125 5H7.70625ZM8.15625 3.5H9.8625L9.7125 2.58125C9.6875 2.40625 9.60625 2.2655 9.46875 2.159C9.33125 2.053 9.175 2 9 2C8.825 2 8.67175 2.053 8.54025 2.159C8.40925 2.2655 8.33125 2.40625 8.30625 2.58125L8.15625 3.5ZM2.325 5.73125C2.0375 5.74375 1.79075 5.6875 1.58475 5.5625C1.37825 5.4375 1.24375 5.24375 1.18125 4.98125C1.15625 4.86875 1.15 4.75625 1.1625 4.64375C1.175 4.53125 1.20625 4.425 1.25625 4.325C1.25625 4.3375 1.25 4.3125 1.2375 4.25C1.2125 4.225 1.15 4.075 1.05 3.8C1.025 3.65 1.04375 3.50625 1.10625 3.36875C1.16875 3.23125 1.25 3.1125 1.35 3.0125L1.3875 2.975C1.4125 2.7375 1.5095 2.5375 1.6785 2.375C1.847 2.2125 2.05625 2.13125 2.30625 2.13125C2.34375 2.13125 2.4625 2.15625 2.6625 2.20625L2.71875 2.1875C2.78125 2.125 2.8625 2.078 2.9625 2.0465C3.0625 2.0155 3.16875 2 3.28125 2C3.41875 2 3.54075 2.02175 3.64725 2.06525C3.75325 2.10925 3.8375 2.175 3.9 2.2625C3.9125 2.2625 3.922 2.26575 3.9285 2.27225C3.9345 2.27825 3.94375 2.28125 3.95625 2.28125C4.13125 2.29375 4.2845 2.34675 4.416 2.44025C4.547 2.53425 4.64375 2.6625 4.70625 2.825C4.73125 2.9125 4.7405 2.997 4.734 3.0785C4.728 3.1595 4.7125 3.2375 4.6875 3.3125C4.6875 3.325 4.69375 3.35 4.70625 3.3875C4.79375 3.475 4.8625 3.57175 4.9125 3.67775C4.9625 3.78425 4.9875 3.89375 4.9875 4.00625C4.9875 4.05625 4.95 4.1875 4.875 4.4C4.8625 4.425 4.8625 4.45 4.875 4.475L4.9125 4.775C4.9125 5.0375 4.80325 5.2625 4.58475 5.45C4.36575 5.6375 4.1 5.73125 3.7875 5.73125H2.325ZM15 5.75C14.5875 5.75 14.2343 5.603 13.9403 5.309C13.6467 5.0155 13.5 4.6625 13.5 4.25C13.5 4.1 13.5217 3.9595 13.5653 3.8285C13.6093 3.697 13.6688 3.56875 13.7438 3.44375L13.2188 2.975C13.0938 2.875 13.072 2.75 13.1535 2.6C13.2345 2.45 13.35 2.375 13.5 2.375H15C15.4125 2.375 15.7657 2.52175 16.0597 2.81525C16.3533 3.10925 16.5 3.4625 16.5 3.875V4.25C16.5 4.6625 16.3533 5.0155 16.0597 5.309C15.7657 5.603 15.4125 5.75 15 5.75ZM0 9.5V8.31875C0 7.76875 0.27825 7.328 0.83475 6.9965C1.39075 6.6655 2.1125 6.5 3 6.5C3.1625 6.5 3.31875 6.503 3.46875 6.509C3.61875 6.5155 3.7625 6.53125 3.9 6.55625C3.725 6.80625 3.59375 7.075 3.50625 7.3625C3.41875 7.65 3.375 7.95625 3.375 8.28125V9.5H0ZM4.5 9.5V8.28125C4.5 7.46875 4.91575 6.8125 5.74725 6.3125C6.57825 5.8125 7.6625 5.5625 9 5.5625C10.35 5.5625 11.4375 5.8125 12.2625 6.3125C13.0875 6.8125 13.5 7.46875 13.5 8.28125V9.5H4.5ZM15 6.5C15.9 6.5 16.625 6.6655 17.175 6.9965C17.725 7.328 18 7.76875 18 8.31875V9.5H14.625V8.28125C14.625 7.95625 14.5842 7.65 14.5028 7.3625C14.4218 7.075 14.3 6.80625 14.1375 6.55625C14.275 6.53125 14.4158 6.5155 14.5597 6.509C14.7032 6.503 14.85 6.5 15 6.5ZM9 7.0625C8.2875 7.0625 7.65 7.15625 7.0875 7.34375C6.525 7.53125 6.19375 7.75 6.09375 8H11.925C11.8125 7.75 11.478 7.53125 10.9215 7.34375C10.3655 7.15625 9.725 7.0625 9 7.0625Z"
+            fill="white"
+        />
+    </svg>
+</template>

package/src/components/icons/Hand.vue

@@ -0,0 +1,8 @@
+<template>
+    <svg width="15" height="18" viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M8.47917 17.5C7.22743 17.5 6.08507 17.1505 5.05208 16.4515C4.0191 15.7529 3.2717 14.8203 2.8099 13.6536L0.950522 8.96875C0.901911 8.84722 0.868612 8.73469 0.850626 8.63115C0.832154 8.52809 0.822918 8.40972 0.822918 8.27604C0.822918 7.91146 0.962675 7.58941 1.24219 7.3099C1.5217 7.03038 1.84375 6.89062 2.20833 6.89062C2.2934 6.89062 2.36948 6.89354 2.43656 6.89937C2.50316 6.90569 2.57292 6.92101 2.64583 6.94531L3.21094 7.09115C3.38108 7.13976 3.53906 7.20344 3.6849 7.28219C3.83073 7.36142 3.97049 7.46181 4.10417 7.58333V3.28125C4.10417 2.77083 4.28038 2.33941 4.63281 1.98698C4.98524 1.63455 5.41667 1.45833 5.92708 1.45833C6 1.45833 6.07 1.46125 6.13708 1.46708C6.20368 1.4734 6.26736 1.48264 6.32813 1.49479C6.40104 1.03299 6.6108 0.668403 6.9574 0.401042C7.30351 0.133681 7.68924 0 8.11458 0C8.50347 0 8.84983 0.106458 9.15365 0.319375C9.45747 0.531806 9.67622 0.814236 9.8099 1.16667C9.89497 1.14236 9.97712 1.12413 10.0564 1.11198C10.1351 1.09983 10.217 1.09375 10.3021 1.09375C10.8125 1.09375 11.2439 1.26997 11.5964 1.6224C11.9488 1.97483 12.125 2.40625 12.125 2.91667V3.31771C12.1858 3.30556 12.2465 3.29632 12.3073 3.29C12.3681 3.28417 12.4288 3.28125 12.4896 3.28125C13 3.28125 13.4314 3.45747 13.7839 3.8099C14.1363 4.16233 14.3125 4.59375 14.3125 5.10417V11.6667C14.3125 13.2951 13.7474 14.6745 12.6172 15.8047C11.487 16.9349 10.1076 17.5 8.47917 17.5ZM8.47917 16.0417C9.69445 16.0417 10.7274 15.6163 11.5781 14.7656C12.4288 13.9149 12.8542 12.8819 12.8542 11.6667V5.10417C12.8542 5.00694 12.8177 4.92188 12.7448 4.84896C12.6719 4.77604 12.5868 4.73958 12.4896 4.73958C12.3924 4.73958 12.3073 4.77604 12.2344 4.84896C12.1615 4.92188 12.125 5.00694 12.125 5.10417V8.75H10.6667V2.91667C10.6667 2.81944 10.6302 2.73438 10.5573 2.66146C10.4844 2.58854 10.3993 2.55208 10.3021 2.55208C10.2049 2.55208 10.1198 2.58854 10.0469 2.66146C9.97396 2.73438 9.9375 2.81944 9.9375 2.91667V8.75H8.47917V1.82292C8.47917 1.72569 8.44271 1.64063 8.36979 1.56771C8.29688 1.49479 8.21181 1.45833 8.11458 1.45833C8.01736 1.45833 7.93229 1.49479 7.85938 1.56771C7.78646 1.64063 7.75 1.72569 7.75 1.82292V8.75H6.29167V3.28125C6.29167 3.18403 6.25521 3.09896 6.18229 3.02604C6.10938 2.95313 6.02431 2.91667 5.92708 2.91667C5.82986 2.91667 5.74479 2.95313 5.67188 3.02604C5.59896 3.09896 5.5625 3.18403 5.5625 3.28125V10.9375H4.10417L3.39323 9.11458C3.30816 8.90799 3.18979 8.75608 3.03813 8.65885C2.88597 8.56163 2.63368 8.45833 2.28125 8.34896L4.17708 13.125C4.52951 14 5.09778 14.7049 5.88188 15.2396C6.66549 15.7743 7.53125 16.0417 8.47917 16.0417Z"
+            fill="white"
+        />
+    </svg>
+</template>

package/src/components/icons/Key.vue

@@ -0,0 +1,21 @@
+<template>
+    <svg
+        width="16"
+        height="9"
+        viewBox="0 0 16 9"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        class="key-icon"
+    >
+        <path
+            d="M4.44791 5.89583C4.09843 5.89583 3.79936 5.77129 3.5507 5.52221C3.30161 5.27355 3.17707 4.97448 3.17707 4.625C3.17707 4.27552 3.30161 3.97624 3.5507 3.72716C3.79936 3.4785 4.09843 3.35417 4.44791 3.35417C4.79739 3.35417 5.09645 3.4785 5.34511 3.72716C5.5942 3.97624 5.71874 4.27552 5.71874 4.625C5.71874 4.97448 5.5942 5.27355 5.34511 5.52221C5.09645 5.77129 4.79739 5.89583 4.44791 5.89583ZM4.44791 8.4375C3.38888 8.4375 2.4887 8.06684 1.74739 7.32552C1.00607 6.5842 0.635406 5.68403 0.635406 4.625C0.635406 3.56597 1.00607 2.6658 1.74739 1.92448C2.4887 1.18316 3.38888 0.8125 4.44791 0.8125C5.15745 0.8125 5.80092 0.987239 6.3783 1.33672C6.95526 1.6862 7.41318 2.14688 7.75207 2.71875H13.3437L15.25 4.625L12.3906 7.48438L11.1198 6.53125L9.84895 7.48438L8.49869 6.53125H7.75207C7.41318 7.10313 6.95526 7.5638 6.3783 7.91328C5.80092 8.26276 5.15745 8.4375 4.44791 8.4375ZM4.44791 7.16667C5.04096 7.16667 5.56264 6.98663 6.01294 6.62656C6.46281 6.26649 6.76188 5.81111 6.91015 5.26042H8.89582L9.81718 5.91172L11.1198 4.94271L12.2476 5.81641L13.4391 4.625L12.8036 3.98958H6.91015C6.76188 3.43889 6.46281 2.98351 6.01294 2.62344C5.56264 2.26337 5.04096 2.08333 4.44791 2.08333C3.74895 2.08333 3.1506 2.33221 2.65285 2.82995C2.15511 3.32769 1.90624 3.92604 1.90624 4.625C1.90624 5.32396 2.15511 5.92231 2.65285 6.42005C3.1506 6.9178 3.74895 7.16667 4.44791 7.16667Z"
+            fill="currentColor"
+        />
+    </svg>
+</template>
+
+<style scoped>
+.key-icon {
+    @apply w-4 h-4;
+}
+</style>

package/src/components/icons/Logout.vue

@@ -0,0 +1,13 @@
+<template>
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <mask id="mask0_1_267" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
+            <rect width="20" height="20" fill="#D9D9D9" />
+        </mask>
+        <g mask="url(#mask0_1_267)">
+            <path
+                d="M4.16667 17.5C3.70833 17.5 3.31583 17.3369 2.98917 17.0108C2.66306 16.6842 2.5 16.2917 2.5 15.8333V4.16667C2.5 3.70833 2.66306 3.31583 2.98917 2.98917C3.31583 2.66306 3.70833 2.5 4.16667 2.5H10V4.16667H4.16667V15.8333H10V17.5H4.16667ZM13.3333 14.1667L12.1875 12.9583L14.3125 10.8333H7.5V9.16667H14.3125L12.1875 7.04167L13.3333 5.83333L17.5 10L13.3333 14.1667Z"
+                fill="white"
+            />
+        </g>
+    </svg>
+</template>

package/src/components/icons/Loyalty.vue

@@ -0,0 +1,8 @@
+<template>
+    <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M9.29168 12.854L12.0625 10.0831C12.2076 9.93799 12.3232 9.76646 12.4093 9.56855C12.4948 9.37063 12.5375 9.15952 12.5375 8.93521C12.5375 8.4866 12.3792 8.10396 12.0625 7.7873C11.7458 7.47063 11.3632 7.3123 10.9146 7.3123C10.6639 7.3123 10.4166 7.38487 10.1728 7.53C9.92844 7.67514 9.63473 7.91924 9.29168 8.2623C8.89584 7.89285 8.58577 7.64216 8.36147 7.51021C8.13716 7.37827 7.90626 7.3123 7.66876 7.3123C7.22015 7.3123 6.83751 7.47063 6.52084 7.7873C6.20418 8.10396 6.04584 8.4866 6.04584 8.93521C6.04584 9.15952 6.08859 9.37063 6.17409 9.56855C6.26012 9.76646 6.3757 9.93799 6.52084 10.0831L9.29168 12.854ZM10.2813 15.9415C9.97779 16.2449 9.60175 16.3967 9.15314 16.3967C8.70452 16.3967 8.32848 16.2449 8.02501 15.9415L1.05834 8.9748C0.913205 8.82966 0.797885 8.65813 0.712385 8.46021C0.626357 8.2623 0.583344 8.05119 0.583344 7.82688V2.16646C0.583344 1.73105 0.73851 1.35817 1.04884 1.04784C1.35865 0.738033 1.73126 0.58313 2.16668 0.58313H7.82709C8.0514 0.58313 8.26251 0.62588 8.46043 0.71138C8.65834 0.797408 8.82987 0.912991 8.97501 1.05813L15.9417 8.04459C16.2451 8.34806 16.3969 8.72067 16.3969 9.16242C16.3969 9.6047 16.2451 9.97757 15.9417 10.281L10.2813 15.9415ZM9.15314 14.8331L14.8136 9.17271L7.82709 2.16646H2.16668V7.82688L9.15314 14.8331ZM4.14584 5.33313C4.4757 5.33313 4.75595 5.21755 4.98659 4.98638C5.21776 4.75574 5.33334 4.47549 5.33334 4.14563C5.33334 3.81577 5.21776 3.53552 4.98659 3.30488C4.75595 3.07371 4.4757 2.95813 4.14584 2.95813C3.81598 2.95813 3.53573 3.07371 3.30509 3.30488C3.07393 3.53552 2.95834 3.81577 2.95834 4.14563C2.95834 4.47549 3.07393 4.75574 3.30509 4.98638C3.53573 5.21755 3.81598 5.33313 4.14584 5.33313Z"
+            fill="#6E7084"
+        />
+    </svg>
+</template>

package/src/components/icons/Mail.vue

@@ -0,0 +1,8 @@
+<template>
+    <svg width="19" height="19" viewBox="0 0 19 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M1.54165 10.7083C1.19217 10.7083 0.893098 10.584 0.644438 10.3353C0.395355 10.0863 0.270813 9.78698 0.270813 9.4375V1.8125C0.270813 1.46302 0.395355 1.16395 0.644438 0.915289C0.893098 0.666206 1.19217 0.541664 1.54165 0.541664H11.7083C12.0578 0.541664 12.3571 0.666206 12.6062 0.915289C12.8548 1.16395 12.9791 1.46302 12.9791 1.8125V9.4375C12.9791 9.78698 12.8548 10.0863 12.6062 10.3353C12.3571 10.584 12.0578 10.7083 11.7083 10.7083H1.54165ZM6.62498 6.26041L1.54165 3.08333V9.4375H11.7083V3.08333L6.62498 6.26041ZM6.62498 4.98958L11.7083 1.8125H1.54165L6.62498 4.98958ZM1.54165 3.08333V1.8125V9.4375V3.08333Z"
+            fill="white"
+        />
+    </svg>
+</template>

package/src/components/icons/Menu.vue

@@ -0,0 +1,8 @@
+<template>
+    <svg width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M0.500061 19V15.8889H25.5001V19H0.500061ZM0.500061 11.2222V8.11109H25.5001V11.2222H0.500061ZM0.500061 3.44442V0.333313H25.5001V3.44442H0.500061Z"
+            fill="white"
+        />
+    </svg>
+</template>

package/src/components/icons/Pause.vue

@@ -0,0 +1,5 @@
+<template>
+    <svg width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M6.5 11.25V0.75H9.5V11.25H6.5ZM0.5 11.25V0.75H3.5V11.25H0.5Z" fill="white" />
+    </svg>
+</template>

package/src/components/icons/Pencil.vue

@@ -0,0 +1,21 @@
+<template>
+    <svg
+        width="19"
+        height="20"
+        viewBox="0 0 19 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        class="pencil-icon"
+    >
+        <path
+            d="M0.75 20V16.5H18.25V20H0.75ZM2.5 14.75V11.4688L10.4187 3.55004L13.7 6.83129L5.78125 14.75H2.5ZM4.25 13H5.0375L11.25 6.83129L10.4187 6.00004L4.25 12.2125V13ZM14.6844 5.86879L11.4031 2.58754L12.9781 1.01254C13.1385 0.837536 13.3427 0.753536 13.5906 0.760536C13.8385 0.768119 14.0427 0.852119 14.2031 1.01254L16.2594 3.06879C16.4198 3.2292 16.5 3.42987 16.5 3.67079C16.5 3.91112 16.4198 4.11879 16.2594 4.29379L14.6844 5.86879Z"
+            fill="currentColor"
+        />
+    </svg>
+</template>
+
+<style scoped>
+.pencil-icon {
+    @apply w-4 h-4;
+}
+</style>

package/src/components/icons/Play.vue

@@ -0,0 +1,8 @@
+<template>
+    <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M1.5 11.2311V0.73114L9.75 5.98114L1.5 11.2311ZM3 8.49364L6.9375 5.98114L3 3.46864V8.49364Z"
+            fill="white"
+        />
+    </svg>
+</template>

package/src/components/icons/Plus.vue

@@ -0,0 +1,8 @@
+<template>
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="15" height="15" fill="#ffffff">
+        <path
+            d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"
+            fill="#ffffff"
+        />
+    </svg>
+</template>

package/src/components/icons/Profile.vue

@@ -0,0 +1,18 @@
+<template>
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 1024 1024"
+        class="profile-icon"
+    >
+        <path
+            fill="currentColor"
+            d="M0 1024v-72.874521c0-149.917478 93.497315-353.841814 241.330575-402.948929l9.031614-2.998349 4.497524 8.117483a316.618401 316.618401 0 0 0 33.201237 48.485506l10.567354 12.688138-16.088705 4.387828c-118.178851 32.579628-201.986378 215.917734-206.88612 332.341454h872.519723c-4.899742-116.387154-99.457449-299.834957-217.6363-332.341454l-16.088705-4.387828 10.457658-12.578442a316.874358 316.874358 0 0 0 33.201237-48.485507l4.497524-8.117483 8.921918 2.888654c147.979521 49.107115 252.300146 252.994886 252.300147 402.948929V1024H0z m511.91334-365.652386a246.888491 246.888491 0 0 1-255.95667-255.95667V256.129989a246.888491 246.888491 0 0 1 255.95667-255.95667 246.888491 246.888491 0 0 1 255.956671 255.95667v146.260955a246.888491 246.888491 0 0 1-255.956671 255.95667z m182.826193-402.217625A182.826193 182.826193 0 1 0 329.087147 256.129989v146.260955a182.826193 182.826193 0 1 0 365.652386 0V256.129989z"
+        />
+    </svg>
+</template>
+
+<style scoped>
+.profile-icon {
+    @apply w-4 h-4;
+}
+</style>

package/src/components/icons/Reload.vue

@@ -0,0 +1,7 @@
+<template>
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M23 4v6h-6" />
+        <path d="M1 20v-6h6" />
+        <path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" />
+    </svg>
+</template>

package/src/components/icons/Sandclock.vue

@@ -0,0 +1,33 @@
+<template>
+    <svg
+        height="16"
+        width="16"
+        version="1.1"
+        id="Capa_1"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
+        viewBox="0 0 23.3 23.3"
+        xml:space="preserve"
+    >
+        <g>
+            <g>
+                <g>
+                    <path
+                        style="fill: #6e7084"
+                        d="M16.192,5.224V4.487h-8.77v0.737c0,0,1.334,3.713,3.838,5.428v1.785c0,0-2.761,2.686-3.838,5.775
+				v0.842h8.77v-0.842c-1.399-3.41-3.837-5.775-3.837-5.775v-1.785C15.759,7.726,16.192,5.224,16.192,5.224z"
+                    />
+                </g>
+                <g>
+                    <path
+                        style="fill: #6e7084"
+                        d="M19.353,3.856V2.529h1.258V0H3.002v2.529h1.259v1.327c0,2.025,3.634,7.555,3.804,7.955
+				c-0.167,0.397-3.804,5.929-3.804,7.946v1.325H3.002v2.53h17.609v-2.53h-1.258v-1.325c0-2.025-3.635-7.521-3.829-7.951
+				C15.718,11.376,19.353,5.88,19.353,3.856z M18.096,19.757v1.325H5.519v-1.325c0-1.455,3.854-7.222,3.854-7.951
+				s-3.854-6.495-3.854-7.95V2.529h12.578v1.327c0,1.455-3.886,7.221-3.886,7.95C14.21,12.535,18.096,18.302,18.096,19.757z"
+                    />
+                </g>
+            </g>
+        </g>
+    </svg>
+</template>

package/src/components/icons/Savings.vue

@@ -0,0 +1,8 @@
+<template>
+    <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M11 7.25C11.2125 7.25 11.3905 7.178 11.534 7.034C11.678 6.8905 11.75 6.7125 11.75 6.5C11.75 6.2875 11.678 6.10925 11.534 5.96525C11.3905 5.82175 11.2125 5.75 11 5.75C10.7875 5.75 10.6095 5.82175 10.466 5.96525C10.322 6.10925 10.25 6.2875 10.25 6.5C10.25 6.7125 10.322 6.8905 10.466 7.034C10.6095 7.178 10.7875 7.25 11 7.25ZM5 5.75H8.75V4.25H5V5.75ZM2.375 14.75C1.95 13.325 1.53125 11.903 1.11875 10.484C0.70625 9.0655 0.5 7.6125 0.5 6.125C0.5 4.975 0.9 4 1.7 3.2C2.5 2.4 3.475 2 4.625 2H8.375C8.7375 1.525 9.17825 1.15625 9.69725 0.89375C10.2157 0.63125 10.775 0.5 11.375 0.5C11.6875 0.5 11.953 0.6095 12.1715 0.8285C12.3905 1.047 12.5 1.3125 12.5 1.625C12.5 1.7 12.4905 1.775 12.4715 1.85C12.453 1.925 12.4313 1.99375 12.4062 2.05625C12.3562 2.19375 12.3095 2.33425 12.266 2.47775C12.222 2.62175 12.1875 2.76875 12.1625 2.91875L13.8688 4.625H15.5V9.85625L13.3812 10.55L12.125 14.75H8V13.25H6.5V14.75H2.375ZM3.5 13.25H5V11.75H9.5V13.25H11L12.1625 9.3875L14 8.76875V6.125H13.25L10.625 3.5C10.625 3.25 10.6405 3.00925 10.6715 2.77775C10.703 2.54675 10.75 2.3125 10.8125 2.075C10.45 2.175 10.1313 2.34675 9.85625 2.59025C9.58125 2.83425 9.38125 3.1375 9.25625 3.5H4.625C3.9 3.5 3.28125 3.75625 2.76875 4.26875C2.25625 4.78125 2 5.4 2 6.125C2 7.35 2.16875 8.54675 2.50625 9.71525C2.84375 10.8843 3.175 12.0625 3.5 13.25Z"
+            fill="white"
+        />
+    </svg>
+</template>

package/src/components/icons/Scanner.vue

@@ -0,0 +1,8 @@
+<template>
+    <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M2.50003 14.75C1.75003 14.75 1.15303 14.4592 0.709028 13.8777C0.265528 13.2967 0.137528 12.65 0.325028 11.9375L1.67503 6.83748C1.26253 6.57498 0.922028 6.21873 0.653528 5.76873C0.384528 5.31873 0.250028 4.81248 0.250028 4.24998C0.250028 3.42498 0.543778 2.71873 1.13128 2.13123C1.71878 1.54373 2.42503 1.24998 3.25003 1.24998H9.25003C9.81253 1.24998 10.2375 1.48748 10.525 1.96248C10.8125 2.43748 10.8313 2.92498 10.5813 3.42498L9.08128 6.42498C8.94378 6.67498 8.75953 6.87498 8.52853 7.02498C8.29703 7.17498 8.03753 7.24998 7.75003 7.24998H6.23128L6.02503 7.99998H6.25003C6.46253 7.99998 6.64078 8.07173 6.78478 8.21523C6.92828 8.35923 7.00003 8.53749 7.00003 8.74998V10.25C7.00003 10.4625 6.92828 10.6405 6.78478 10.784C6.64078 10.928 6.46253 11 6.25003 11H5.23753L4.67503 13.1C4.53753 13.5875 4.26878 13.9842 3.86878 14.2902C3.46878 14.5967 3.01253 14.75 2.50003 14.75ZM2.50003 13.25C2.67503 13.25 2.82503 13.2 2.95003 13.1C3.07503 13 3.16253 12.8687 3.21253 12.7062L4.67503 7.24998H3.11878L1.76878 12.3125C1.70628 12.55 1.75003 12.7657 1.90003 12.9597C2.05003 13.1532 2.25003 13.25 2.50003 13.25ZM3.25003 5.74998H7.75003L9.25003 2.74998H3.25003C2.83753 2.74998 2.48453 2.89698 2.19103 3.19098C1.89703 3.48448 1.75003 3.83748 1.75003 4.24998C1.75003 4.66248 1.89703 5.01548 2.19103 5.30898C2.48453 5.60298 2.83753 5.74998 3.25003 5.74998ZM12.25 2.74998L11.7813 1.73748L14.5 0.499985L14.95 1.53123L12.25 2.74998ZM14.5 7.99998L11.7813 6.78123L12.25 5.74998L14.95 6.98748L14.5 7.99998ZM12.25 4.81248V3.68748H15.25V4.81248H12.25Z"
+            fill="white"
+        />
+    </svg>
+</template>

package/src/components/icons/Scrape.vue

@@ -0,0 +1,8 @@
+<template>
+    <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M9.60626 14.975C9.46876 15.1125 9.30951 15.2188 9.12851 15.2938C8.94701 15.3688 8.75626 15.4062 8.55626 15.4062C8.35626 15.4062 8.16251 15.3688 7.97501 15.2938C7.78751 15.2188 7.62501 15.1125 7.48751 14.975L6.43751 13.925C6.30001 13.7875 6.19701 13.6345 6.12851 13.466C6.05951 13.297 6.01876 13.125 6.00626 12.95C5.99376 12.775 6.01551 12.6 6.07151 12.425C6.12801 12.25 6.21251 12.0875 6.32501 11.9375L6.43751 11.7875L0.325012 3.05L3.25001 0.125L12.7938 9.66875C12.9313 9.80625 13.0375 9.96575 13.1125 10.1473C13.1875 10.3282 13.225 10.5188 13.225 10.7188C13.225 10.9187 13.1875 11.1125 13.1125 11.3C13.0375 11.4875 12.9313 11.65 12.7938 11.7875L9.60626 14.975ZM7.50626 10.7188L9.62501 8.61875L3.25001 2.24375L2.27501 3.21875L7.50626 10.7188ZM8.55626 13.9062L11.725 10.7375L10.675 9.66875L7.48751 12.8563L8.55626 13.9062Z"
+            fill="white"
+        />
+    </svg>
+</template>

package/src/components/icons/Sell.vue

@@ -0,0 +1,21 @@
+<template>
+    <svg
+        width="16"
+        height="16"
+        viewBox="0 0 16 16"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        class="sell-icon"
+    >
+        <path
+            d="M9.68747 15.05C9.39997 15.3375 9.04372 15.4812 8.61872 15.4812C8.19372 15.4812 7.83747 15.3375 7.54997 15.05L0.949969 8.44995C0.812469 8.31245 0.70322 8.14995 0.62222 7.96245C0.54072 7.77495 0.499969 7.57495 0.499969 7.36245V1.99995C0.499969 1.58745 0.64697 1.2342 0.94097 0.940204C1.23447 0.646704 1.58747 0.499954 1.99997 0.499954H7.36247C7.57497 0.499954 7.77497 0.540454 7.96247 0.621454C8.14997 0.702954 8.31247 0.812454 8.44997 0.949954L15.05 7.5687C15.3375 7.8562 15.4812 8.2092 15.4812 8.6277C15.4812 9.0467 15.3375 9.39995 15.05 9.68745L9.68747 15.05ZM8.61872 14L13.9812 8.63745L7.36247 1.99995H1.99997V7.36245L8.61872 14ZM3.87497 4.99995C4.18747 4.99995 4.45297 4.89045 4.67147 4.67145C4.89047 4.45295 4.99997 4.18745 4.99997 3.87495C4.99997 3.56245 4.89047 3.29695 4.67147 3.07845C4.45297 2.85945 4.18747 2.74995 3.87497 2.74995C3.56247 2.74995 3.29697 2.85945 3.07847 3.07845C2.85947 3.29695 2.74997 3.56245 2.74997 3.87495C2.74997 4.18745 2.85947 4.45295 3.07847 4.67145C3.29697 4.89045 3.56247 4.99995 3.87497 4.99995Z"
+            fill="currentColor"
+        />
+    </svg>
+</template>
+
+<style scoped>
+.sell-icon {
+    @apply w-4 h-4;
+}
+</style>

package/src/components/icons/Shield.vue

@@ -0,0 +1,8 @@
+<template>
+    <svg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M6 11C6.9375 11 7.7345 10.672 8.391 10.016C9.047 9.3595 9.375 8.5625 9.375 7.625C9.375 6.6875 9.047 5.8905 8.391 5.234C7.7345 4.578 6.9375 4.25 6 4.25V5.375C6.625 5.375 7.15625 5.59375 7.59375 6.03125C8.03125 6.46875 8.25 7 8.25 7.625C8.25 8.25 8.03125 8.78125 7.59375 9.21875C7.15625 9.65625 6.625 9.875 6 9.875C5.5875 9.875 5.20325 9.76875 4.84725 9.55625C4.49075 9.34375 4.2125 9.05625 4.0125 8.69375L3.0375 9.2375C3.3375 9.7875 3.75 10.2188 4.275 10.5312C4.8 10.8437 5.375 11 6 11ZM3.1875 8.2625C3.35 8.2625 3.4845 8.20925 3.591 8.10275C3.697 7.99675 3.75 7.8625 3.75 7.7C3.75 7.5375 3.697 7.403 3.591 7.2965C3.4845 7.1905 3.35 7.1375 3.1875 7.1375C3.025 7.1375 2.89075 7.1905 2.78475 7.2965C2.67825 7.403 2.625 7.5375 2.625 7.7C2.625 7.8625 2.67825 7.99675 2.78475 8.10275C2.89075 8.20925 3.025 8.2625 3.1875 8.2625ZM3.6 6.6875C3.7625 6.6875 3.897 6.63425 4.0035 6.52775C4.1095 6.42175 4.1625 6.2875 4.1625 6.125C4.1625 5.9625 4.1095 5.828 4.0035 5.7215C3.897 5.6155 3.7625 5.5625 3.6 5.5625C3.4375 5.5625 3.303 5.6155 3.1965 5.7215C3.0905 5.828 3.0375 5.9625 3.0375 6.125C3.0375 6.2875 3.0905 6.42175 3.1965 6.52775C3.303 6.63425 3.4375 6.6875 3.6 6.6875ZM4.6875 5.65625C4.85 5.65625 4.9845 5.603 5.091 5.4965C5.197 5.3905 5.25 5.25625 5.25 5.09375C5.25 4.93125 5.197 4.797 5.091 4.691C4.9845 4.5845 4.85 4.53125 4.6875 4.53125C4.525 4.53125 4.39075 4.5845 4.28475 4.691C4.17825 4.797 4.125 4.93125 4.125 5.09375C4.125 5.25625 4.17825 5.3905 4.28475 5.4965C4.39075 5.603 4.525 5.65625 4.6875 5.65625ZM6 15.5C4.2625 15.0625 2.82825 14.0655 1.69725 12.509C0.56575 10.953 0 9.225 0 7.325V2.75L6 0.5L12 2.75V7.325C12 9.225 11.4345 10.953 10.3035 12.509C9.172 14.0655 7.7375 15.0625 6 15.5ZM6 13.925C7.3 13.5125 8.375 12.6875 9.225 11.45C10.075 10.2125 10.5 8.8375 10.5 7.325V3.78125L6 2.09375L1.5 3.78125V7.325C1.5 8.8375 1.925 10.2125 2.775 11.45C3.625 12.6875 4.7 13.5125 6 13.925Z"
+            fill="white"
+        />
+    </svg>
+</template>

package/src/components/icons/Shrink.vue

@@ -0,0 +1,8 @@
+<template>
+    <svg width="12" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M1.675 12L0.625 10.95L4 7.575L7.375 10.95L6.325 12L4 9.675L1.675 12ZM4 4.425L0.625 1.05L1.675 0L4 2.325L6.325 0L7.375 1.05L4 4.425Z"
+            fill="white"
+        />
+    </svg>
+</template>

package/src/components/icons/Ski.vue

@@ -0,0 +1,8 @@
+<template>
+    <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M12.875 16.25C12.55 16.25 12.2345 16.225 11.9285 16.175C11.622 16.125 11.325 16.05 11.0375 15.95L0.5 12.1062L0.875 11.0375L6.05 12.9312L7.34375 9.59375L4.6625 6.8C4.325 6.45 4.19075 6.03425 4.25975 5.55275C4.32825 5.07175 4.575 4.70625 5 4.45625L7.60625 2.95625C7.81875 2.83125 8.0345 2.75925 8.2535 2.74025C8.472 2.72175 8.6875 2.75625 8.9 2.84375C9.1125 2.91875 9.297 3.0375 9.4535 3.2C9.6095 3.3625 9.725 3.55625 9.8 3.78125L10.0438 4.5875C10.2063 5.125 10.472 5.6 10.841 6.0125C11.2095 6.425 11.65 6.7375 12.1625 6.95L12.5563 5.75L13.625 6.0875L12.7813 8.675C11.8563 8.525 11.0375 8.1625 10.325 7.5875C9.6125 7.0125 9.0875 6.3 8.75 5.45L6.85625 6.5375L9.125 9.125L7.45625 13.4375L9.78125 14.2812L11.3563 9.4625C11.5313 9.525 11.7063 9.58125 11.8813 9.63125C12.0563 9.68125 12.2375 9.725 12.425 9.7625L10.8313 14.675L11.4125 14.8812C11.6375 14.9562 11.872 15.0157 12.116 15.0597C12.3595 15.1032 12.6125 15.125 12.875 15.125C13.2 15.125 13.5095 15.0937 13.8035 15.0312C14.097 14.9687 14.3813 14.875 14.6563 14.75L15.5 15.5937C15.1 15.8062 14.6813 15.9687 14.2438 16.0812C13.8063 16.1937 13.35 16.25 12.875 16.25ZM11.375 3.875C10.9625 3.875 10.6095 3.728 10.316 3.434C10.022 3.1405 9.875 2.7875 9.875 2.375C9.875 1.9625 10.022 1.60925 10.316 1.31525C10.6095 1.02175 10.9625 0.875 11.375 0.875C11.7875 0.875 12.1408 1.02175 12.4348 1.31525C12.7283 1.60925 12.875 1.9625 12.875 2.375C12.875 2.7875 12.7283 3.1405 12.4348 3.434C12.1408 3.728 11.7875 3.875 11.375 3.875Z"
+            fill="white"
+        />
+    </svg>
+</template>

package/src/components/icons/Spinner.vue

@@ -0,0 +1,42 @@
+<template>
+    <svg class="spinner" viewBox="0 0 50 50">
+        <circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle>
+    </svg>
+</template>
+
+<style lang="scss" scoped>
+.spinner {
+    @apply mx-auto;
+    animation: rotate 2s linear infinite;
+    z-index: 2;
+    width: 30px;
+    height: 30px;
+    
+    & .path {
+        stroke: rgba(70, 198, 210, 100%);
+        stroke-linecap: round;
+        animation: dash 1.5s ease-in-out infinite;
+    }
+}
+
+@keyframes rotate {
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes dash {
+    0% {
+        stroke-dasharray: 1, 150;
+        stroke-dashoffset: 0;
+    }
+    50% {
+        stroke-dasharray: 90, 150;
+        stroke-dashoffset: -35;
+    }
+    100% {
+        stroke-dasharray: 90, 150;
+        stroke-dashoffset: -124;
+    }
+}
+</style>

package/src/components/icons/SquareCheck.vue

@@ -0,0 +1,18 @@
+<template>
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 448 512"
+        class="square-check-icon"
+    >
+        <path
+            fill="currentColor"
+            d="M64 80c-8.8 0-16 7.2-16 16V416c0 8.8 7.2 16 16 16H384c8.8 0 16-7.2 16-16V96c0-8.8-7.2-16-16-16H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"
+        />
+    </svg>
+</template>
+
+<style scoped>
+.square-check-icon {
+    @apply w-4 h-4;
+}
+</style>

package/src/components/icons/SquareUncheck.vue

@@ -0,0 +1,18 @@
+<template>
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 448 512"
+        class="square-uncheck-icon"
+    >
+        <path
+            fill="currentColor"
+            d="M64 80c-8.8 0-16 7.2-16 16V416c0 8.8 7.2 16 16 16H384c8.8 0 16-7.2 16-16V96c0-8.8-7.2-16-16-16H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM152 232H296c13.3 0 24 10.7 24 24s-10.7 24-24 24H152c-13.3 0-24-10.7-24-24s10.7-24 24-24z"
+        />
+    </svg>
+</template>
+
+<style scoped>
+.square-uncheck-icon {
+    @apply w-4 h-4;
+}
+</style>

package/src/components/icons/Stadium.vue

@@ -0,0 +1,13 @@
+<template>
+    <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <mask id="mask0_16_241" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="19" height="19">
+            <rect width="19" height="19" fill="#D9D9D9" />
+        </mask>
+        <g mask="url(#mask0_16_241)">
+            <path
+                d="M2.37499 5.54165V2.37498L5.54166 3.95831L2.37499 5.54165ZM14.25 5.54165V2.37498L17.4167 3.95831L14.25 5.54165ZM8.70833 4.74998V1.58331L11.875 3.16665L8.70833 4.74998ZM8.70833 17.4166C7.70555 17.3903 6.77218 17.3079 5.9082 17.1696C5.0437 17.0308 4.29162 16.8559 3.65195 16.6448C3.01176 16.4337 2.50694 16.1896 2.13749 15.9125C1.76805 15.6354 1.58333 15.3451 1.58333 15.0416V7.91665C1.58333 7.58678 1.79127 7.27988 2.20716 6.99594C2.62252 6.71252 3.18645 6.46183 3.89895 6.24385C4.61145 6.02641 5.4493 5.85488 6.4125 5.72927C7.37569 5.60419 8.40486 5.54165 9.49999 5.54165C10.5951 5.54165 11.6243 5.60419 12.5875 5.72927C13.5507 5.85488 14.3885 6.02641 15.101 6.24385C15.8135 6.46183 16.3775 6.71252 16.7928 6.99594C17.2087 7.27988 17.4167 7.58678 17.4167 7.91665V15.0416C17.4167 15.3451 17.2319 15.6354 16.8625 15.9125C16.493 16.1896 15.9885 16.4337 15.3488 16.6448C14.7086 16.8559 13.9565 17.0308 13.0926 17.1696C12.2281 17.3079 11.2944 17.3903 10.2917 17.4166V14.25H8.70833V17.4166ZM9.49999 8.70831C10.7799 8.70831 11.885 8.63231 12.8155 8.48031C13.7454 8.32884 14.4875 8.15415 15.0417 7.95623C15.0417 7.89026 14.5403 7.73509 13.5375 7.49073C12.5347 7.2469 11.1889 7.12498 9.49999 7.12498C7.81111 7.12498 6.46527 7.2469 5.46249 7.49073C4.45972 7.73509 3.95833 7.89026 3.95833 7.95623C4.51249 8.15415 5.25481 8.32884 6.18529 8.48031C7.11523 8.63231 8.22013 8.70831 9.49999 8.70831ZM7.12499 15.7146V12.6666H11.875V15.7146C12.9305 15.609 13.7948 15.4538 14.4677 15.2491C15.1406 15.0448 15.5958 14.8635 15.8333 14.7052V9.34165C15.1076 9.63192 14.1972 9.86283 13.1021 10.0344C12.0069 10.2059 10.8062 10.2916 9.49999 10.2916C8.19374 10.2916 6.99305 10.2059 5.89791 10.0344C4.80277 9.86283 3.89236 9.63192 3.16666 9.34165V14.7052C3.40416 14.8635 3.85937 15.0448 4.53229 15.2491C5.2052 15.4538 6.06944 15.609 7.12499 15.7146Z"
+                fill="#6E7084"
+            />
+        </g>
+    </svg>
+</template>

package/src/components/icons/StadiumWhite.vue

@@ -0,0 +1,13 @@
+<template>
+    <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <mask id="mask0_16_241" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="19" height="19">
+            <rect width="19" height="19" fill="#ffffff" />
+        </mask>
+        <g mask="url(#mask0_16_241)">
+            <path
+                d="M2.37499 5.54165V2.37498L5.54166 3.95831L2.37499 5.54165ZM14.25 5.54165V2.37498L17.4167 3.95831L14.25 5.54165ZM8.70833 4.74998V1.58331L11.875 3.16665L8.70833 4.74998ZM8.70833 17.4166C7.70555 17.3903 6.77218 17.3079 5.9082 17.1696C5.0437 17.0308 4.29162 16.8559 3.65195 16.6448C3.01176 16.4337 2.50694 16.1896 2.13749 15.9125C1.76805 15.6354 1.58333 15.3451 1.58333 15.0416V7.91665C1.58333 7.58678 1.79127 7.27988 2.20716 6.99594C2.62252 6.71252 3.18645 6.46183 3.89895 6.24385C4.61145 6.02641 5.4493 5.85488 6.4125 5.72927C7.37569 5.60419 8.40486 5.54165 9.49999 5.54165C10.5951 5.54165 11.6243 5.60419 12.5875 5.72927C13.5507 5.85488 14.3885 6.02641 15.101 6.24385C15.8135 6.46183 16.3775 6.71252 16.7928 6.99594C17.2087 7.27988 17.4167 7.58678 17.4167 7.91665V15.0416C17.4167 15.3451 17.2319 15.6354 16.8625 15.9125C16.493 16.1896 15.9885 16.4337 15.3488 16.6448C14.7086 16.8559 13.9565 17.0308 13.0926 17.1696C12.2281 17.3079 11.2944 17.3903 10.2917 17.4166V14.25H8.70833V17.4166ZM9.49999 8.70831C10.7799 8.70831 11.885 8.63231 12.8155 8.48031C13.7454 8.32884 14.4875 8.15415 15.0417 7.95623C15.0417 7.89026 14.5403 7.73509 13.5375 7.49073C12.5347 7.2469 11.1889 7.12498 9.49999 7.12498C7.81111 7.12498 6.46527 7.2469 5.46249 7.49073C4.45972 7.73509 3.95833 7.89026 3.95833 7.95623C4.51249 8.15415 5.25481 8.32884 6.18529 8.48031C7.11523 8.63231 8.22013 8.70831 9.49999 8.70831ZM7.12499 15.7146V12.6666H11.875V15.7146C12.9305 15.609 13.7948 15.4538 14.4677 15.2491C15.1406 15.0448 15.5958 14.8635 15.8333 14.7052V9.34165C15.1076 9.63192 14.1972 9.86283 13.1021 10.0344C12.0069 10.2059 10.8062 10.2916 9.49999 10.2916C8.19374 10.2916 6.99305 10.2059 5.89791 10.0344C4.80277 9.86283 3.89236 9.63192 3.16666 9.34165V14.7052C3.40416 14.8635 3.85937 15.0448 4.53229 15.2491C5.2052 15.4538 6.06944 15.609 7.12499 15.7146Z"
+                fill="#ffffff"
+            />
+        </g>
+    </svg>
+</template>

package/src/components/icons/Status.vue

@@ -0,0 +1,8 @@
+<template>
+    <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M0.875 10.5C0.875 9.15833 1.12671 7.90417 1.63013 6.7375C2.13296 5.57083 2.82187 4.5535 3.69687 3.6855C4.57187 2.81808 5.59271 2.13267 6.75938 1.62925C7.92604 1.12642 9.17292 0.875 10.5 0.875C11.8271 0.875 13.074 1.12642 14.2406 1.62925C15.4073 2.13267 16.4281 2.81808 17.3031 3.6855C18.1781 4.5535 18.8673 5.57083 19.3708 6.7375C19.8736 7.90417 20.125 9.15833 20.125 10.5H18.375C18.375 9.40625 18.1673 8.38163 17.752 7.42613C17.3361 6.47121 16.7708 5.63646 16.0563 4.92188C15.3417 4.20729 14.5069 3.64583 13.552 3.2375C12.5965 2.82917 11.5792 2.625 10.5 2.625C9.42083 2.625 8.4035 2.82917 7.448 3.2375C6.49308 3.64583 5.65833 4.20729 4.94375 4.92188C4.22917 5.63646 3.66392 6.47121 3.248 7.42613C2.83267 8.38163 2.625 9.40625 2.625 10.5H0.875ZM4.375 10.5C4.375 8.77917 4.97292 7.32813 6.16875 6.14688C7.36458 4.96563 8.80833 4.375 10.5 4.375C12.1917 4.375 13.6354 4.96563 14.8313 6.14688C16.0271 7.32813 16.625 8.77917 16.625 10.5H14.875C14.875 9.28958 14.4486 8.25767 13.5957 7.40425C12.7423 6.55142 11.7104 6.125 10.5 6.125C9.28958 6.125 8.25796 6.55142 7.40513 7.40425C6.55171 8.25767 6.125 9.28958 6.125 10.5H4.375ZM7.875 19.6L6.65 18.375L9.625 15.4V12.5125C9.23125 12.3375 8.91421 12.0677 8.67387 11.7031C8.43296 11.3385 8.3125 10.9375 8.3125 10.5C8.3125 9.8875 8.52396 9.36979 8.94688 8.94688C9.36979 8.52396 9.8875 8.3125 10.5 8.3125C11.1125 8.3125 11.6302 8.52396 12.0531 8.94688C12.476 9.36979 12.6875 9.8875 12.6875 10.5C12.6875 10.9375 12.5673 11.3385 12.327 11.7031C12.0861 12.0677 11.7688 12.3375 11.375 12.5125V15.4L14.35 18.375L13.125 19.6L10.5 16.975L7.875 19.6Z"
+            fill="white"
+        />
+    </svg>
+</template>

package/src/components/icons/Tag.vue

@@ -0,0 +1,8 @@
+<template>
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M9.68747 15.05C9.39997 15.3375 9.04372 15.4812 8.61872 15.4812C8.19372 15.4812 7.83747 15.3375 7.54997 15.05L0.949969 8.44995C0.812469 8.31245 0.70322 8.14995 0.62222 7.96245C0.54072 7.77495 0.499969 7.57495 0.499969 7.36245V1.99995C0.499969 1.58745 0.64697 1.2342 0.94097 0.940204C1.23447 0.646704 1.58747 0.499954 1.99997 0.499954H7.36247C7.57497 0.499954 7.77497 0.540454 7.96247 0.621454C8.14997 0.702954 8.31247 0.812454 8.44997 0.949954L15.05 7.5687C15.3375 7.8562 15.4812 8.2092 15.4812 8.6277C15.4812 9.0467 15.3375 9.39995 15.05 9.68745L9.68747 15.05ZM8.61872 14L13.9812 8.63745L7.36247 1.99995H1.99997V7.36245L8.61872 14ZM3.87497 4.99995C4.18747 4.99995 4.45297 4.89045 4.67147 4.67145C4.89047 4.45295 4.99997 4.18745 4.99997 3.87495C4.99997 3.56245 4.89047 3.29695 4.67147 3.07845C4.45297 2.85945 4.18747 2.74995 3.87497 2.74995C3.56247 2.74995 3.29697 2.85945 3.07847 3.07845C2.85947 3.29695 2.74997 3.56245 2.74997 3.87495C2.74997 4.18745 2.85947 4.45295 3.07847 4.67145C3.29697 4.89045 3.56247 4.99995 3.87497 4.99995Z"
+            fill="white"
+        />
+    </svg>
+</template>

package/src/components/icons/Tasks.vue

@@ -0,0 +1,13 @@
+<template>
+    <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <mask id="mask0_1_42" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="22" height="22">
+            <rect width="22" height="22" fill="#D9D9D9" />
+        </mask>
+        <g mask="url(#mask0_1_42)">
+            <path
+                d="M7.33332 16.5H14.6667V14.6667H7.33332V16.5ZM7.33332 12.8333H14.6667V11H7.33332V12.8333ZM5.49999 20.1667C4.99582 20.1667 4.56438 19.9873 4.20566 19.6286C3.84632 19.2693 3.66666 18.8375 3.66666 18.3333V3.66668C3.66666 3.16251 3.84632 2.73076 4.20566 2.37143C4.56438 2.0127 4.99582 1.83334 5.49999 1.83334H12.8333L18.3333 7.33334V18.3333C18.3333 18.8375 18.154 19.2693 17.7952 19.6286C17.4359 19.9873 17.0042 20.1667 16.5 20.1667H5.49999ZM11.9167 8.25001V3.66668H5.49999V18.3333H16.5V8.25001H11.9167Z"
+                fill="white"
+            />
+        </g>
+    </svg>
+</template>