adata-ui 2.1.41-beta.7 → 2.1.41-beta.8

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-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>
+<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,110 +1,110 @@
-<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>
+<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>