adata-ui 2.1.40-beta.9 → 2.1.41-beta.0

package/illustrations/person.vue

@@ -1,159 +1,159 @@
-<template>
-  <svg
-    fill="none"
-    height="120"
-    viewBox="0 0 121 120"
-    width="121"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle cx="60.585" cy="60" fill="#BDC7CE" fill-opacity="0.15" r="50" />
-    <g clip-path="url(#clip0_335_11701)">
-      <path
-        class="fill-white dark:fill-gray-900"
-        d="M58.2593 10.4176C56.0889 10.4181 53.9447 10.8965 51.9757 11.8195L51.8381 11.8891C51.4251 12.0879 51.0219 12.2967 50.6285 12.5353L50.1959 12.7938C49.8812 13.0026 49.5665 13.2213 49.2125 13.45L48.7799 13.7781C48.4259 14.0664 48.0817 14.3747 47.7965 14.6928L47.6097 14.8618C47.2189 15.257 46.8481 15.6718 46.4985 16.1046V16.1643C44.3543 18.8655 43.1853 22.2254 43.1847 25.689V84.3488H43.0273V94.838L44.4729 94.9771V109.403H77.5327V94.8877L78.044 94.838V94.4502H78.2308V10.4176H58.2593Z"
-      />
-      <path
-        d="M77.9356 92.0641V94.9374L60.4322 96.6077L42.9189 94.9374V84.4482H48.4846V92.1834L60.265 93.3367L77.9356 92.0641Z"
-        fill="#BDC7CE"
-        opacity="0.2"
-      />
-      <path
-        d="M77.4152 106.858V109.503H44.3652V97.0054L47.1382 97.2738V106.858H77.4152Z"
-        fill="#BDC7CE"
-        opacity="0.2"
-      />
-      <path
-        d="M77.4251 94.3706V96.9954L60.8853 98.6557L44.3652 96.9954V94.3706L60.8853 96.031L77.4251 94.3706Z"
-        fill="#BDC7CE"
-        opacity="0.2"
-      />
-      <path
-        d="M63.0873 101.748V103.587H56.6957C56.5962 103.587 56.4977 103.567 56.4059 103.529C56.314 103.49 56.2306 103.434 56.1602 103.363C56.0899 103.292 56.0342 103.208 55.9961 103.115C55.9581 103.022 55.9385 102.922 55.9385 102.822V98.1289L57.5413 98.2979V101.748H63.0873Z"
-        fill="#BDC7CE"
-        opacity="0.2"
-      />
-      <path
-        d="M64.12 80.9783C63.4442 81.3028 62.7048 81.4693 61.9567 81.4655C61.2723 81.4655 60.5946 81.3292 59.9623 81.0644C59.33 80.7996 58.7554 80.4114 58.2715 79.9221C57.7875 79.4328 57.4036 78.8519 57.1417 78.2126C56.8798 77.5733 56.745 76.8881 56.745 76.1961V73.6608H59.3508V75.7387C59.349 77.0583 59.8387 78.3301 60.7225 79.3011C61.6063 80.272 62.8193 80.8709 64.12 80.9783Z"
-        fill="#BDC7CE"
-        opacity="0.2"
-      />
-      <path
-        d="M62.1927 56.381C61.4814 56.8618 60.8984 57.5125 60.4953 58.2756C60.0922 59.0387 59.8815 59.8905 59.8818 60.7556V73.6807H56.745V61.6504C56.745 60.9584 56.8798 60.2732 57.1417 59.6339C57.4036 58.9946 57.7875 58.4137 58.2715 57.9244C58.7554 57.4351 59.33 57.0469 59.9623 56.7821C60.5946 56.5173 61.2723 56.381 61.9567 56.381H62.1927Z"
-        fill="#BDC7CE"
-        opacity="0.2"
-      />
-      <path
-        d="M43.0762 84.0505V56.2915L48.6419 53.965V84.0505H43.0762Z"
-        fill="#BDC7CE"
-        opacity="0.2"
-      />
-      <path
-        d="M43.0762 94.5396L60.5894 96.2099L78.1027 94.5396V10.4971H58.1802C54.1744 10.4971 50.3326 12.106 47.5001 14.97C44.6675 17.8339 43.0762 21.7183 43.0762 25.7685V94.5396Z"
-        stroke="#9DA3AC"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M78.0928 41.6465L43.0762 56.3711"
-        stroke="#9DA3AC"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M78.1033 10.4971C60.1377 28.8108 46.3809 16.2437 46.3809 16.2437"
-        stroke="#9DA3AC"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M78.1033 10.4971C60.1377 28.8009 46.3906 16.2437 46.3906 16.2437C47.8602 14.3752 49.7475 12.8862 51.8973 11.8989C56.814 15.0507 65.31 17.4169 77.8279 10.507L78.1033 10.4971Z"
-        fill="#BDC7CE"
-        opacity="0.2"
-      />
-      <path
-        d="M78.1031 30.6105C78.1031 30.6105 67.9747 22.6566 78.1031 10.4971"
-        stroke="#9DA3AC"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M57.1682 20.5488L52.7432 33.6429H58.8595L56.2438 50.8332"
-        stroke="#9DA3AC"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M47.7476 25.0427L47.5411 26.8522C47.4915 27.328 47.6302 27.8042 47.9268 28.1768C48.2235 28.5495 48.6541 28.7881 49.1243 28.8407C49.5943 28.8882 50.0639 28.747 50.4319 28.4476C50.7998 28.1481 51.0366 27.7144 51.091 27.24L51.2975 25.4305"
-        stroke="#9DA3AC"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M59.6851 25.0428L59.4786 26.8523C59.429 27.328 59.5677 27.8042 59.8643 28.1769C60.161 28.5495 60.5916 28.7882 61.0618 28.8407V28.8407C61.5318 28.8883 62.0014 28.7471 62.3694 28.4476C62.7373 28.1481 62.9741 27.7144 63.0285 27.24L63.235 25.4305"
-        stroke="#9DA3AC"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M66.145 44.311L57.708 41.1891"
-        stroke="#9DA3AC"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M67.2759 61.6405C67.2759 58.7303 64.9426 56.3711 62.0642 56.3711C59.1859 56.3711 56.8525 58.7303 56.8525 61.6405V76.1961C56.8525 79.1063 59.1859 81.4655 62.0642 81.4655C64.9426 81.4655 67.2759 79.1063 67.2759 76.1961V61.6405Z"
-        stroke="#9DA3AC"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M56.8525 73.6608H67.2759"
-        stroke="#9DA3AC"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M43.0762 84.0505H78.0928"
-        stroke="#9DA3AC"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M55.457 84.0505V77.9658H57.1582"
-        stroke="#9DA3AC"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M68.6827 84.0505V77.9658H66.9717"
-        stroke="#9DA3AC"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M77.4251 94.6589V109.503H44.3652V94.6589"
-        stroke="#9DA3AC"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        class="fill-white dark:fill-gray-900"
-        d="M63.6675 101.798H57.502V95.8818L60.5896 96.2099L63.6675 95.8818V101.798Z"
-        stroke="#9DA3AC"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_335_11701">
-        <rect
-          class="fill-white dark:fill-gray-900"
-          height="100"
-          transform="translate(42.585 10)"
-          width="36"
-        />
-      </clipPath>
-    </defs>
-  </svg>
-</template>
-<script lang="ts" setup></script>
+<template>
+  <svg
+    fill="none"
+    height="120"
+    viewBox="0 0 121 120"
+    width="121"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle cx="60.585" cy="60" fill="#BDC7CE" fill-opacity="0.15" r="50" />
+    <g clip-path="url(#clip0_335_11701)">
+      <path
+        class="fill-main"
+        d="M58.2593 10.4176C56.0889 10.4181 53.9447 10.8965 51.9757 11.8195L51.8381 11.8891C51.4251 12.0879 51.0219 12.2967 50.6285 12.5353L50.1959 12.7938C49.8812 13.0026 49.5665 13.2213 49.2125 13.45L48.7799 13.7781C48.4259 14.0664 48.0817 14.3747 47.7965 14.6928L47.6097 14.8618C47.2189 15.257 46.8481 15.6718 46.4985 16.1046V16.1643C44.3543 18.8655 43.1853 22.2254 43.1847 25.689V84.3488H43.0273V94.838L44.4729 94.9771V109.403H77.5327V94.8877L78.044 94.838V94.4502H78.2308V10.4176H58.2593Z"
+      />
+      <path
+        d="M77.9356 92.0641V94.9374L60.4322 96.6077L42.9189 94.9374V84.4482H48.4846V92.1834L60.265 93.3367L77.9356 92.0641Z"
+        fill="#BDC7CE"
+        opacity="0.2"
+      />
+      <path
+        d="M77.4152 106.858V109.503H44.3652V97.0054L47.1382 97.2738V106.858H77.4152Z"
+        fill="#BDC7CE"
+        opacity="0.2"
+      />
+      <path
+        d="M77.4251 94.3706V96.9954L60.8853 98.6557L44.3652 96.9954V94.3706L60.8853 96.031L77.4251 94.3706Z"
+        fill="#BDC7CE"
+        opacity="0.2"
+      />
+      <path
+        d="M63.0873 101.748V103.587H56.6957C56.5962 103.587 56.4977 103.567 56.4059 103.529C56.314 103.49 56.2306 103.434 56.1602 103.363C56.0899 103.292 56.0342 103.208 55.9961 103.115C55.9581 103.022 55.9385 102.922 55.9385 102.822V98.1289L57.5413 98.2979V101.748H63.0873Z"
+        fill="#BDC7CE"
+        opacity="0.2"
+      />
+      <path
+        d="M64.12 80.9783C63.4442 81.3028 62.7048 81.4693 61.9567 81.4655C61.2723 81.4655 60.5946 81.3292 59.9623 81.0644C59.33 80.7996 58.7554 80.4114 58.2715 79.9221C57.7875 79.4328 57.4036 78.8519 57.1417 78.2126C56.8798 77.5733 56.745 76.8881 56.745 76.1961V73.6608H59.3508V75.7387C59.349 77.0583 59.8387 78.3301 60.7225 79.3011C61.6063 80.272 62.8193 80.8709 64.12 80.9783Z"
+        fill="#BDC7CE"
+        opacity="0.2"
+      />
+      <path
+        d="M62.1927 56.381C61.4814 56.8618 60.8984 57.5125 60.4953 58.2756C60.0922 59.0387 59.8815 59.8905 59.8818 60.7556V73.6807H56.745V61.6504C56.745 60.9584 56.8798 60.2732 57.1417 59.6339C57.4036 58.9946 57.7875 58.4137 58.2715 57.9244C58.7554 57.4351 59.33 57.0469 59.9623 56.7821C60.5946 56.5173 61.2723 56.381 61.9567 56.381H62.1927Z"
+        fill="#BDC7CE"
+        opacity="0.2"
+      />
+      <path
+        d="M43.0762 84.0505V56.2915L48.6419 53.965V84.0505H43.0762Z"
+        fill="#BDC7CE"
+        opacity="0.2"
+      />
+      <path
+        d="M43.0762 94.5396L60.5894 96.2099L78.1027 94.5396V10.4971H58.1802C54.1744 10.4971 50.3326 12.106 47.5001 14.97C44.6675 17.8339 43.0762 21.7183 43.0762 25.7685V94.5396Z"
+        stroke="#9DA3AC"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M78.0928 41.6465L43.0762 56.3711"
+        stroke="#9DA3AC"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M78.1033 10.4971C60.1377 28.8108 46.3809 16.2437 46.3809 16.2437"
+        stroke="#9DA3AC"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M78.1033 10.4971C60.1377 28.8009 46.3906 16.2437 46.3906 16.2437C47.8602 14.3752 49.7475 12.8862 51.8973 11.8989C56.814 15.0507 65.31 17.4169 77.8279 10.507L78.1033 10.4971Z"
+        fill="#BDC7CE"
+        opacity="0.2"
+      />
+      <path
+        d="M78.1031 30.6105C78.1031 30.6105 67.9747 22.6566 78.1031 10.4971"
+        stroke="#9DA3AC"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M57.1682 20.5488L52.7432 33.6429H58.8595L56.2438 50.8332"
+        stroke="#9DA3AC"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M47.7476 25.0427L47.5411 26.8522C47.4915 27.328 47.6302 27.8042 47.9268 28.1768C48.2235 28.5495 48.6541 28.7881 49.1243 28.8407C49.5943 28.8882 50.0639 28.747 50.4319 28.4476C50.7998 28.1481 51.0366 27.7144 51.091 27.24L51.2975 25.4305"
+        stroke="#9DA3AC"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M59.6851 25.0428L59.4786 26.8523C59.429 27.328 59.5677 27.8042 59.8643 28.1769C60.161 28.5495 60.5916 28.7882 61.0618 28.8407V28.8407C61.5318 28.8883 62.0014 28.7471 62.3694 28.4476C62.7373 28.1481 62.9741 27.7144 63.0285 27.24L63.235 25.4305"
+        stroke="#9DA3AC"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M66.145 44.311L57.708 41.1891"
+        stroke="#9DA3AC"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M67.2759 61.6405C67.2759 58.7303 64.9426 56.3711 62.0642 56.3711C59.1859 56.3711 56.8525 58.7303 56.8525 61.6405V76.1961C56.8525 79.1063 59.1859 81.4655 62.0642 81.4655C64.9426 81.4655 67.2759 79.1063 67.2759 76.1961V61.6405Z"
+        stroke="#9DA3AC"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M56.8525 73.6608H67.2759"
+        stroke="#9DA3AC"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M43.0762 84.0505H78.0928"
+        stroke="#9DA3AC"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M55.457 84.0505V77.9658H57.1582"
+        stroke="#9DA3AC"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M68.6827 84.0505V77.9658H66.9717"
+        stroke="#9DA3AC"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M77.4251 94.6589V109.503H44.3652V94.6589"
+        stroke="#9DA3AC"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        class="fill-main"
+        d="M63.6675 101.798H57.502V95.8818L60.5896 96.2099L63.6675 95.8818V101.798Z"
+        stroke="#9DA3AC"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_335_11701">
+        <rect
+          class="fill-main"
+          height="100"
+          transform="translate(42.585 10)"
+          width="36"
+        />
+      </clipPath>
+    </defs>
+  </svg>
+</template>
+<script lang="ts" setup></script>

package/illustrations/phone-check.vue

@@ -1,90 +1,110 @@
-<template>
-  <svg
-    width="156"
-    height="155"
-    viewBox="0 0 156 155"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle cx="79.2916" cy="77.4998" r="64.5833" fill="#BDC7CE" fill-opacity="0.15" />
-    <g clip-path="url(#clip0_2935_107718)">
-      <path
-        d="M108.332 126.993C108.338 126.92 108.338 126.847 108.332 126.773V25.0928C108.353 23.914 108.033 22.7544 107.409 21.7564C106.786 20.7584 105.887 19.9652 104.823 19.4741V19.4741C104.257 18.3644 103.367 17.4551 102.274 16.8676C101.181 16.2801 99.9363 16.0422 98.7056 16.1857L54.4676 20.717C52.6854 20.9202 51.0311 21.7492 49.7949 23.0583C48.5588 24.3674 47.8196 26.0731 47.7072 27.8763C47.7072 27.9928 47.7072 28.1093 47.7072 28.2259V129.906C47.6876 131.041 47.9813 132.158 48.5554 133.135C49.1296 134.111 49.9617 134.907 50.9589 135.434V135.434L51.2031 135.564C51.2031 135.564 51.2031 135.499 51.2031 135.473C51.5694 136.232 52.0908 136.905 52.7331 137.447C53.3754 137.989 54.1241 138.389 54.9303 138.619C55.7967 138.92 56.7179 139.026 57.6293 138.93L101.944 134.373C103.775 134.167 105.471 133.302 106.718 131.936C107.965 130.571 108.68 128.797 108.73 126.942L108.332 126.993Z"
-        fill="white"
-      />
-      <path
-        d="M101.571 134.27L57.256 138.827C56.3945 138.931 55.521 138.847 54.6943 138.582C53.8676 138.317 53.1069 137.876 52.4637 137.29C51.8205 136.703 51.3097 135.984 50.9658 135.182C50.6218 134.38 50.4528 133.512 50.4699 132.639V30.9582C50.4699 26.1162 53.0404 23.8377 57.256 23.4622L101.571 18.9051C102.433 18.8013 103.306 18.8848 104.133 19.15C104.96 19.4152 105.72 19.8559 106.363 20.4424C107.007 21.029 107.517 21.7476 107.861 22.55C108.205 23.3523 108.374 24.2197 108.357 25.0935V126.774C108.322 128.64 107.614 130.43 106.365 131.809C105.117 133.188 103.413 134.063 101.571 134.27V134.27Z"
-        class="fill-white dark:fill-gray-900"
-        stroke="#9DA3AC"
-        stroke-width="1.29167"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        opacity="0.2"
-        d="M107.008 127.266L62.7061 131.862C61.8446 131.966 60.9711 131.882 60.1444 131.617C59.3176 131.352 58.557 130.911 57.9139 130.325C57.2707 129.738 56.7598 129.019 56.4159 128.217C56.0719 127.415 55.9028 126.547 55.92 125.674V23.7988C52.6555 24.5756 50.7791 26.8412 50.7791 31.0358V132.716C50.7616 133.59 50.9306 134.457 51.2747 135.258C51.6188 136.06 52.1298 136.778 52.7733 137.364C53.4167 137.949 54.1776 138.389 55.0043 138.652C55.8311 138.916 56.7044 138.998 57.5651 138.892L101.88 134.335C103.711 134.129 105.406 133.264 106.654 131.898C107.901 130.532 108.616 128.758 108.666 126.903C108.131 127.094 107.574 127.216 107.008 127.266V127.266Z"
-        fill="#BDC7CE"
-      />
-      <path
-        d="M50.8947 135.435C49.8975 134.907 49.0654 134.111 48.4912 133.135C47.917 132.159 47.6234 131.041 47.643 129.907V28.291C47.6949 26.4277 48.4102 24.6454 49.6583 23.2692C50.9065 21.8931 52.6044 21.0149 54.4419 20.7951L98.7442 16.238C99.9721 16.0922 101.215 16.3262 102.308 16.9089C103.4 17.4917 104.291 18.3955 104.862 19.5005"
-        stroke="#9DA3AC"
-        stroke-width="1.29167"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        opacity="0.2"
-        d="M104.862 19.436C103.836 18.9534 102.698 18.761 101.572 18.8794L57.2567 23.4365C53.0154 23.8119 50.4706 26.0904 50.4706 30.9453V132.613C50.4628 133.625 50.6964 134.624 51.1518 135.526C50.088 135.032 49.1905 134.236 48.5695 133.235C47.9485 132.235 47.631 131.074 47.6559 129.894V28.2137C47.6913 26.3474 48.3992 24.5579 49.6478 23.1787C50.8964 21.7995 52.6004 20.9248 54.442 20.7177L98.7442 16.1477C99.9749 16.0041 101.22 16.242 102.313 16.8295C103.406 17.417 104.295 18.3263 104.862 19.436V19.436Z"
-        class="fill-white dark:fill-gray-900"
-      />
-      <path
-        d="M102.599 114.98L56.2788 119.731V33.5731L102.599 28.8218V114.98Z"
-        stroke="#9DA3AC"
-        stroke-width="1.29167"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M75.8406 27.1259L82.9737 26.4268"
-        stroke="#9DA3AC"
-        stroke-width="1.29167"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M84.4375 128.492C86.1174 126.717 86.1798 124.03 84.5768 122.491C82.9738 120.951 80.3125 121.143 78.6326 122.918C76.9527 124.693 76.8903 127.38 78.4933 128.919C80.0963 130.458 82.7576 130.267 84.4375 128.492Z"
-        stroke="#9DA3AC"
-        stroke-width="1.29167"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        opacity="0.2"
-        d="M84.9915 127.861C84.6217 128.499 84.1077 129.04 83.4914 129.44C82.8751 129.841 82.1737 130.089 81.4442 130.165C80.9062 130.231 80.3604 130.179 79.8444 130.012C79.3284 129.845 78.8545 129.567 78.4551 129.198C78.0557 128.829 77.7404 128.377 77.5309 127.874C77.3214 127.37 77.2227 126.827 77.2415 126.282C77.2542 125.417 77.5001 124.572 77.9529 123.838C78.4057 123.104 79.0484 122.507 79.812 122.113C79.3884 122.82 79.1619 123.63 79.1565 124.456C79.149 124.997 79.2564 125.533 79.4715 126.029C79.6866 126.524 80.0045 126.968 80.4037 127.33C80.803 127.691 81.2744 127.963 81.7863 128.126C82.2983 128.289 82.839 128.34 83.3721 128.275C83.9331 128.242 84.4828 128.101 84.9915 127.861V127.861Z"
-        fill="#BDC7CE"
-      />
-      <path
-        opacity="0.2"
-        d="M90.0096 84.2891C96.2143 77.6428 96.5116 67.7718 90.6736 62.2418C84.8356 56.7117 75.073 57.6167 68.8682 64.263C62.6635 70.9094 62.3662 80.7803 68.2042 86.3104C74.0422 91.8405 83.8048 90.9355 90.0096 84.2891Z"
-        fill="#BDC7CE"
-      />
-      <path
-        d="M72.4863 75.3225L77.8972 80.2939L86.4183 67.1016"
-        stroke="#9DA3AC"
-        stroke-width="1.29167"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_2935_107718">
-        <rect
-          width="62"
-          height="124"
-          class="fill-white dark:fill-gray-900"
-          transform="translate(47 15.5)"
-        />
-      </clipPath>
-    </defs>
-  </svg>
-</template>
+<script setup lang="ts">
+const uid = useId()
+</script>
+
+<template>
+  <svg class="dark:hidden" width="140" height="140" viewBox="0 0 140 140" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="70" cy="70" r="70" :fill="`url(#paint0_radial_${uid}_light)`"/>
+    <g :filter="`url(#filter0_f_${uid}_light)`">
+      <ellipse cx="70.0001" cy="117.133" rx="37.3333" ry="7" fill="#3DA6FF" fill-opacity="0.14"/>
+    </g>
+    <path d="M72.022 26.3824H31.5966C28.8058 26.3824 26.5435 28.6448 26.5435 31.4356V55.6908C26.5435 58.4816 28.8058 60.744 31.5966 60.744H72.022C74.8128 60.744 77.0751 58.4816 77.0751 55.6908V31.4356C77.0751 28.6448 74.8128 26.3824 72.022 26.3824Z" :fill="`url(#paint1_linear_${uid}_light)`"/>
+    <path d="M70.0005 31.4354H33.6177C32.5014 31.4354 31.5964 32.3404 31.5964 33.4567V53.6694C31.5964 54.7857 32.5014 55.6906 33.6177 55.6906H70.0005C71.1168 55.6906 72.0218 54.7857 72.0218 53.6694V33.4567C72.0218 32.3404 71.1168 31.4354 70.0005 31.4354Z" :fill="`url(#paint2_linear_${uid}_light)`"/>
+    <path d="M22.5 64.7864H81.1167L77.0742 60.7439H26.5425L22.5 64.7864Z" :fill="`url(#paint3_linear_${uid}_light)`"/>
+    <path d="M102.341 42.5525H88.1919C84.2848 42.5525 81.1174 45.7198 81.1174 49.6269V86.0097C81.1174 89.9168 84.2848 93.0842 88.1919 93.0842H102.341C106.248 93.0842 109.415 89.9168 109.415 86.0097V49.6269C109.415 45.7198 106.248 42.5525 102.341 42.5525Z" :fill="`url(#paint4_linear_${uid}_light)`"/>
+    <path d="M102.341 48.6163H88.1922C87.0759 48.6163 86.1709 49.5213 86.1709 50.6376V80.9566C86.1709 82.0729 87.0759 82.9779 88.1922 82.9779H102.341C103.457 82.9779 104.362 82.0729 104.362 80.9566V50.6376C104.362 49.5213 103.457 48.6163 102.341 48.6163Z" :fill="`url(#paint5_linear_${uid}_light)`"/>
+    <path d="M95.2663 89.4459C96.6059 89.4459 97.6919 88.3599 97.6919 87.0204C97.6919 85.6808 96.6059 84.5948 95.2663 84.5948C93.9268 84.5948 92.8408 85.6808 92.8408 87.0204C92.8408 88.3599 93.9268 89.4459 95.2663 89.4459Z" fill="#BEDBFF"/>
+    <path d="M105.372 50.6377C112.07 50.6377 117.5 45.2079 117.5 38.51C117.5 31.8122 112.07 26.3824 105.372 26.3824C98.6746 26.3824 93.2449 31.8122 93.2449 38.51C93.2449 45.2079 98.6746 50.6377 105.372 50.6377Z" fill="white"/>
+    <path d="M105.373 48.1107C110.675 48.1107 114.974 43.8122 114.974 38.5097C114.974 33.2072 110.675 28.9087 105.373 28.9087C100.07 28.9087 95.772 33.2072 95.772 38.5097C95.772 43.8122 100.07 48.1107 105.373 48.1107Z" :fill="`url(#paint6_linear_${uid}_light)`"/>
+    <path d="M107.596 33.6588C107.596 32.4309 106.601 31.4354 105.373 31.4354C104.145 31.4354 103.149 32.4309 103.149 33.6588V37.2971C103.149 38.525 104.145 39.5205 105.373 39.5205C106.601 39.5205 107.596 38.525 107.596 37.2971V33.6588Z" fill="white"/>
+    <path d="M105.373 45.7866C106.601 45.7866 107.596 44.7912 107.596 43.5632C107.596 42.3353 106.601 41.3398 105.373 41.3398C104.145 41.3398 103.149 42.3353 103.149 43.5632C103.149 44.7912 104.145 45.7866 105.373 45.7866Z" fill="white"/>
+    <defs>
+      <filter :id="`filter0_f_${uid}_light`" x="27.0667" y="104.533" width="85.8667" height="25.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+        <feGaussianBlur stdDeviation="2.8" :result="`effect1_foregroundBlur_${uid}_light`"/>
+      </filter>
+      <radialGradient :id="`paint0_radial_${uid}_light`" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(70 70) scale(70)">
+        <stop stop-color="#B3DCFF" stop-opacity="0.62"/>
+        <stop offset="0.6" stop-color="#DBEFFF" stop-opacity="0.4"/>
+        <stop offset="1" stop-color="#F0F8FF" stop-opacity="0"/>
+      </radialGradient>
+      <linearGradient :id="`paint1_linear_${uid}_light`" x1="26.5435" y1="26.3824" x2="26.5435" y2="60.744" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#8EC5FF"/>
+        <stop offset="1" stop-color="#3DA6FF"/>
+      </linearGradient>
+      <linearGradient :id="`paint2_linear_${uid}_light`" x1="31.5964" y1="31.4354" x2="31.5964" y2="55.6906" gradientUnits="userSpaceOnUse">
+        <stop stop-color="white"/>
+        <stop offset="1" stop-color="#E4F1FF"/>
+      </linearGradient>
+      <linearGradient :id="`paint3_linear_${uid}_light`" x1="22.5" y1="60.7439" x2="22.5" y2="64.7864" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#3DA6FF"/>
+        <stop offset="1" stop-color="#068DFF"/>
+      </linearGradient>
+      <linearGradient :id="`paint4_linear_${uid}_light`" x1="81.1174" y1="42.5525" x2="81.1174" y2="93.0842" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#3DA6FF"/>
+        <stop offset="1" stop-color="#068DFF"/>
+      </linearGradient>
+      <linearGradient :id="`paint5_linear_${uid}_light`" x1="86.1709" y1="48.6163" x2="86.1709" y2="82.9779" gradientUnits="userSpaceOnUse">
+        <stop stop-color="white"/>
+        <stop offset="1" stop-color="#E4F1FF"/>
+      </linearGradient>
+      <linearGradient :id="`paint6_linear_${uid}_light`" x1="95.772" y1="28.9087" x2="95.772" y2="48.1107" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#FFA2A2"/>
+        <stop offset="1" stop-color="#FB6A6D"/>
+      </linearGradient>
+    </defs>
+  </svg>
+  <svg class="hidden dark:block" width="140" height="140" viewBox="0 0 140 140" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="70" cy="70" r="70" :fill="`url(#paint0_radial_${uid}_dark)`"/>
+    <g :filter="`url(#filter0_f_${uid}_dark)`">
+      <ellipse cx="70.0001" cy="117.133" rx="37.3333" ry="7" fill="#278BFF" fill-opacity="0.22"/>
+    </g>
+    <path d="M72.022 26.3823H31.5966C28.8058 26.3823 26.5435 28.6447 26.5435 31.4355V55.6907C26.5435 58.4815 28.8058 60.7439 31.5966 60.7439H72.022C74.8128 60.7439 77.0751 58.4815 77.0751 55.6907V31.4355C77.0751 28.6447 74.8128 26.3823 72.022 26.3823Z" :fill="`url(#paint1_linear_${uid}_dark)`"/>
+    <path d="M70.0005 31.4355H33.6177C32.5014 31.4355 31.5964 32.3405 31.5964 33.4568V53.6695C31.5964 54.7858 32.5014 55.6908 33.6177 55.6908H70.0005C71.1168 55.6908 72.0218 54.7858 72.0218 53.6695V33.4568C72.0218 32.3405 71.1168 31.4355 70.0005 31.4355Z" :fill="`url(#paint2_linear_${uid}_dark)`"/>
+    <path d="M22.5 64.7862H81.1167L77.0742 60.7437H26.5425L22.5 64.7862Z" :fill="`url(#paint3_linear_${uid}_dark)`"/>
+    <path d="M102.341 42.5527H88.1919C84.2848 42.5527 81.1174 45.7201 81.1174 49.6272V86.01C81.1174 89.9171 84.2848 93.0844 88.1919 93.0844H102.341C106.248 93.0844 109.415 89.9171 109.415 86.01V49.6272C109.415 45.7201 106.248 42.5527 102.341 42.5527Z" :fill="`url(#paint4_linear_${uid}_dark)`"/>
+    <path d="M102.341 48.6162H88.1922C87.0759 48.6162 86.1709 49.5212 86.1709 50.6375V80.9565C86.1709 82.0728 87.0759 82.9778 88.1922 82.9778H102.341C103.457 82.9778 104.362 82.0728 104.362 80.9565V50.6375C104.362 49.5212 103.457 48.6162 102.341 48.6162Z" :fill="`url(#paint5_linear_${uid}_dark)`"/>
+    <path d="M95.2663 89.4458C96.6059 89.4458 97.6919 88.3598 97.6919 87.0202C97.6919 85.6807 96.6059 84.5947 95.2663 84.5947C93.9268 84.5947 92.8408 85.6807 92.8408 87.0202C92.8408 88.3598 93.9268 89.4458 95.2663 89.4458Z" fill="#BEDBFF"/>
+    <path d="M105.372 50.6375C112.07 50.6375 117.5 45.2078 117.5 38.5099C117.5 31.812 112.07 26.3823 105.372 26.3823C98.6746 26.3823 93.2449 31.812 93.2449 38.5099C93.2449 45.2078 98.6746 50.6375 105.372 50.6375Z" fill="white"/>
+    <path d="M105.373 48.1107C110.675 48.1107 114.974 43.8122 114.974 38.5097C114.974 33.2072 110.675 28.9087 105.373 28.9087C100.07 28.9087 95.772 33.2072 95.772 38.5097C95.772 43.8122 100.07 48.1107 105.373 48.1107Z" :fill="`url(#paint6_linear_${uid}_dark)`"/>
+    <path d="M107.596 33.6589C107.596 32.431 106.601 31.4355 105.373 31.4355C104.145 31.4355 103.149 32.431 103.149 33.6589V37.2972C103.149 38.5252 104.145 39.5206 105.373 39.5206C106.601 39.5206 107.596 38.5252 107.596 37.2972V33.6589Z" fill="white"/>
+    <path d="M105.373 45.7866C106.601 45.7866 107.596 44.7912 107.596 43.5632C107.596 42.3353 106.601 41.3398 105.373 41.3398C104.145 41.3398 103.149 42.3353 103.149 43.5632C103.149 44.7912 104.145 45.7866 105.373 45.7866Z" fill="white"/>
+    <defs>
+      <filter :id="`filter0_f_${uid}_dark`" x="27.0667" y="104.533" width="85.8667" height="25.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+        <feGaussianBlur stdDeviation="2.8" :result="`effect1_foregroundBlur_${uid}_dark`"/>
+      </filter>
+      <radialGradient :id="`paint0_radial_${uid}_dark`" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(70 70) scale(70)">
+        <stop stop-color="#278BFF" stop-opacity="0.42"/>
+        <stop offset="0.58" stop-color="#278BFF" stop-opacity="0.16"/>
+        <stop offset="1" stop-color="#278BFF" stop-opacity="0"/>
+      </radialGradient>
+      <linearGradient :id="`paint1_linear_${uid}_dark`" x1="26.5435" y1="26.3823" x2="26.5435" y2="60.7439" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#8EC5FF"/>
+        <stop offset="1" stop-color="#3DA6FF"/>
+      </linearGradient>
+      <linearGradient :id="`paint2_linear_${uid}_dark`" x1="31.5964" y1="31.4355" x2="31.5964" y2="55.6908" gradientUnits="userSpaceOnUse">
+        <stop stop-color="white"/>
+        <stop offset="1" stop-color="#E4F1FF"/>
+      </linearGradient>
+      <linearGradient :id="`paint3_linear_${uid}_dark`" x1="22.5" y1="60.7437" x2="22.5" y2="64.7862" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#3DA6FF"/>
+        <stop offset="1" stop-color="#068DFF"/>
+      </linearGradient>
+      <linearGradient :id="`paint4_linear_${uid}_dark`" x1="81.1174" y1="42.5527" x2="81.1174" y2="93.0844" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#3DA6FF"/>
+        <stop offset="1" stop-color="#068DFF"/>
+      </linearGradient>
+      <linearGradient :id="`paint5_linear_${uid}_dark`" x1="86.1709" y1="48.6162" x2="86.1709" y2="82.9778" gradientUnits="userSpaceOnUse">
+        <stop stop-color="white"/>
+        <stop offset="1" stop-color="#E4F1FF"/>
+      </linearGradient>
+      <linearGradient :id="`paint6_linear_${uid}_dark`" x1="95.772" y1="28.9087" x2="95.772" y2="48.1107" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#FFA2A2"/>
+        <stop offset="1" stop-color="#FB6A6D"/>
+      </linearGradient>
+    </defs>
+  </svg>
+</template>