@designcrowd/fe-shared-lib 1.6.0 → 1.6.2-eng-4039-freemode

package/src/atoms/components/AiPoweredLoader/AiPoweredLoader.vue

@@ -0,0 +1,296 @@
+<template>
+  <div class="sparkle-loader" role="status" :aria-label="alt">
+    <svg v-if="frame === 0" :width="size" :height="size" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M30 28C30 27.8438 29.9297 27.7266 29.7891 27.6484L27.1641 26.3359L25.8281 23.6875C25.7656 23.5625 25.6562 23.5 25.5 23.5C25.3438 23.5 25.2344 23.5625 25.1719 23.6875L23.8359 26.3359L21.2109 27.6484C21.0703 27.7266 21 27.8438 21 28C21 28.1562 21.0703 28.2656 21.2109 28.3281L23.8359 29.6406L25.1719 32.2891C25.2344 32.4297 25.3438 32.5 25.5 32.5C25.6562 32.5 25.7656 32.4297 25.8281 32.2891L27.1641 29.6406L29.7891 28.3281C29.9297 28.2656 30 28.1562 30 28Z"
+        fill="#8b5cf6"
+      />
+      <path
+        d="M29.25 24.25C29.25 24.3021 29.2708 24.3385 29.3125 24.3594L30.25 24.75L30.6406 25.6875C30.6615 25.7292 30.6979 25.75 30.75 25.75C30.8021 25.75 30.8385 25.7292 30.8594 25.6875L31.25 24.75L32.1875 24.3594C32.2292 24.3385 32.25 24.3021 32.25 24.25C32.25 24.1979 32.2292 24.1615 32.1875 24.1406L31.25 23.75L30.8594 22.8125C30.8385 22.7708 30.8021 22.75 30.75 22.75C30.6979 22.75 30.6615 22.7708 30.6406 22.8125L30.25 23.75L29.3125 24.1406C29.2708 24.1615 29.25 24.1979 29.25 24.25Z"
+        fill="#8b5cf6"
+      />
+      <path
+        d="M32.25 31.75C32.25 31.6979 32.2292 31.6615 32.1875 31.6406L31.25 31.25L30.8594 30.3125C30.8385 30.2708 30.8021 30.25 30.75 30.25C30.6979 30.25 30.6615 30.2708 30.6406 30.3125L30.25 31.25L29.3125 31.6406C29.2708 31.6615 29.25 31.6979 29.25 31.75C29.25 31.8021 29.2708 31.8385 29.3125 31.8594L30.25 32.25L30.6406 33.1875C30.6615 33.2292 30.6979 33.25 30.75 33.25C30.8021 33.25 30.8385 33.2292 30.8594 33.1875L31.25 32.25L32.1875 31.8594C32.2292 31.8385 32.25 31.8021 32.25 31.75Z"
+        fill="#8b5cf6"
+      />
+    </svg>
+
+    <svg v-if="frame === 1" :width="size" :height="size" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M52 28C52 33.0683 50.3955 38.0065 47.4164 42.1068C44.4373 46.2072 40.2366 49.2592 35.4164 50.8254"
+        stroke="url(#sparkle-grad-2)"
+        stroke-width="4"
+        stroke-linecap="round"
+      />
+      <path
+        d="M30.5 28C30.5 27.8264 30.4219 27.6962 30.2656 27.6094L27.349 26.151L25.8646 23.2083C25.7951 23.0694 25.6736 23 25.5 23C25.3264 23 25.2049 23.0694 25.1354 23.2083L23.651 26.151L20.7344 27.6094C20.5781 27.6962 20.5 27.8264 20.5 28C20.5 28.1736 20.5781 28.2951 20.7344 28.3646L23.651 29.8229L25.1354 32.7656C25.2049 32.9219 25.3264 33 25.5 33C25.6736 33 25.7951 32.9219 25.8646 32.7656L27.349 29.8229L30.2656 28.3646C30.4219 28.2951 30.5 28.1736 30.5 28Z"
+        fill="#8b5cf6"
+      />
+      <path
+        d="M30 24.25C30 24.276 30.0104 24.2943 30.0312 24.3047L30.5 24.5L30.6953 24.9688C30.7057 24.9896 30.724 25 30.75 25C30.776 25 30.7943 24.9896 30.8047 24.9688L31 24.5L31.4688 24.3047C31.4896 24.2943 31.5 24.276 31.5 24.25C31.5 24.224 31.4896 24.2057 31.4688 24.1953L31 24L30.8047 23.5312C30.7943 23.5104 30.776 23.5 30.75 23.5C30.724 23.5 30.7057 23.5104 30.6953 23.5312L30.5 24L30.0312 24.1953C30.0104 24.2057 30 24.224 30 24.25Z"
+        fill="#8b5cf6"
+      />
+      <path
+        d="M31.5 31.75C31.5 31.724 31.4896 31.7057 31.4688 31.6953L31 31.5L30.8047 31.0312C30.7943 31.0104 30.776 31 30.75 31C30.724 31 30.7057 31.0104 30.6953 31.0312L30.5 31.5L30.0312 31.6953C30.0104 31.7057 30 31.724 30 31.75C30 31.776 30.0104 31.7943 30.0312 31.8047L30.5 32L30.6953 32.4688C30.7057 32.4896 30.724 32.5 30.75 32.5C30.776 32.5 30.7943 32.4896 30.8047 32.4688L31 32L31.4688 31.8047C31.4896 31.7943 31.5 31.776 31.5 31.75Z"
+        fill="#8b5cf6"
+      />
+      <defs>
+        <linearGradient id="sparkle-grad-2" x1="28" y1="13.5" x2="28" y2="52" gradientUnits="userSpaceOnUse">
+          <stop stop-color="#E3E3E3" stop-opacity="0.1" />
+          <stop offset="0.350962" stop-color="#E3E3E3" stop-opacity="0.3" />
+          <stop offset="0.682692" stop-color="#8b5cf6" stop-opacity="0.5" />
+          <stop offset="1" stop-color="#d946ef" />
+        </linearGradient>
+      </defs>
+    </svg>
+
+    <svg v-if="frame === 2" :width="size" :height="size" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M41.872 48.0851C37.7203 50.9922 32.7549 52.5103 27.6873 52.4218C22.6198 52.3334 17.7104 50.6429 13.6626 47.5927"
+        stroke="url(#sparkle-grad-3)"
+        stroke-width="4"
+        stroke-linecap="round"
+      />
+      <path
+        d="M30 28C30 27.8438 29.9297 27.7266 29.7891 27.6484L27.1641 26.3359L25.8281 23.6875C25.7656 23.5625 25.6562 23.5 25.5 23.5C25.3438 23.5 25.2344 23.5625 25.1719 23.6875L23.8359 26.3359L21.2109 27.6484C21.0703 27.7266 21 27.8438 21 28C21 28.1562 21.0703 28.2656 21.2109 28.3281L23.8359 29.6406L25.1719 32.2891C25.2344 32.4297 25.3438 32.5 25.5 32.5C25.6562 32.5 25.7656 32.4297 25.8281 32.2891L27.1641 29.6406L29.7891 28.3281C29.9297 28.2656 30 28.1562 30 28Z"
+        fill="#8b5cf6"
+      />
+      <path
+        d="M29.25 24.25C29.25 24.3021 29.2708 24.3385 29.3125 24.3594L30.25 24.75L30.6406 25.6875C30.6615 25.7292 30.6979 25.75 30.75 25.75C30.8021 25.75 30.8385 25.7292 30.8594 25.6875L31.25 24.75L32.1875 24.3594C32.2292 24.3385 32.25 24.3021 32.25 24.25C32.25 24.1979 32.2292 24.1615 32.1875 24.1406L31.25 23.75L30.8594 22.8125C30.8385 22.7708 30.8021 22.75 30.75 22.75C30.6979 22.75 30.6615 22.7708 30.6406 22.8125L30.25 23.75L29.3125 24.1406C29.2708 24.1615 29.25 24.1979 29.25 24.25Z"
+        fill="#8b5cf6"
+      />
+      <path
+        d="M32.25 31.75C32.25 31.6979 32.2292 31.6615 32.1875 31.6406L31.25 31.25L30.8594 30.3125C30.8385 30.2708 30.8021 30.25 30.75 30.25C30.6979 30.25 30.6615 30.2708 30.6406 30.3125L30.25 31.25L29.3125 31.6406C29.2708 31.6615 29.25 31.6979 29.25 31.75C29.25 31.8021 29.2708 31.8385 29.3125 31.8594L30.25 32.25L30.6406 33.1875C30.6615 33.2292 30.6979 33.25 30.75 33.25C30.8021 33.25 30.8385 33.2292 30.8594 33.1875L31.25 32.25L32.1875 31.8594C32.2292 31.8385 32.25 31.8021 32.25 31.75Z"
+        fill="#8b5cf6"
+      />
+      <defs>
+        <linearGradient
+          id="sparkle-grad-3"
+          x1="39.9839"
+          y1="20.1086"
+          x2="8.44654"
+          y2="42.1913"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#E3E3E3" stop-opacity="0.1" />
+          <stop offset="0.350962" stop-color="#E3E3E3" stop-opacity="0.3" />
+          <stop offset="0.682692" stop-color="#8b5cf6" stop-opacity="0.5" />
+          <stop offset="1" stop-color="#d946ef" />
+        </linearGradient>
+      </defs>
+    </svg>
+
+    <svg v-if="frame === 3" :width="size" :height="size" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M20.0304 49.8968C15.2678 48.1633 11.1762 44.9666 8.34199 40.7648C5.50783 36.563 4.07663 31.5718 4.25351 26.5066"
+        stroke="url(#sparkle-grad-4)"
+        stroke-width="4"
+        stroke-linecap="round"
+      />
+      <path
+        d="M29.25 28C29.25 27.8698 29.1914 27.7721 29.0742 27.707L26.8867 26.6133L25.7734 24.4062C25.7214 24.3021 25.6302 24.25 25.5 24.25C25.3698 24.25 25.2786 24.3021 25.2266 24.4062L24.1133 26.6133L21.9258 27.707C21.8086 27.7721 21.75 27.8698 21.75 28C21.75 28.1302 21.8086 28.2214 21.9258 28.2734L24.1133 29.3672L25.2266 31.5742C25.2786 31.6914 25.3698 31.75 25.5 31.75C25.6302 31.75 25.7214 31.6914 25.7734 31.5742L26.8867 29.3672L29.0742 28.2734C29.1914 28.2214 29.25 28.1302 29.25 28Z"
+        fill="#8b5cf6"
+      />
+      <path
+        d="M28.5 24.25C28.5 24.3281 28.5312 24.3828 28.5938 24.4141L30 25L30.5859 26.4062C30.6172 26.4688 30.6719 26.5 30.75 26.5C30.8281 26.5 30.8828 26.4688 30.9141 26.4062L31.5 25L32.9062 24.4141C32.9688 24.3828 33 24.3281 33 24.25C33 24.1719 32.9688 24.1172 32.9062 24.0859L31.5 23.5L30.9141 22.0938C30.8828 22.0312 30.8281 22 30.75 22C30.6719 22 30.6172 22.0312 30.5859 22.0938L30 23.5L28.5938 24.0859C28.5312 24.1172 28.5 24.1719 28.5 24.25Z"
+        fill="#8b5cf6"
+      />
+      <path
+        d="M33 31.75C33 31.6719 32.9688 31.6172 32.9062 31.5859L31.5 31L30.9141 29.5938C30.8828 29.5312 30.8281 29.5 30.75 29.5C30.6719 29.5 30.6172 29.5312 30.5859 29.5938L30 31L28.5938 31.5859C28.5312 31.6172 28.5 31.6719 28.5 31.75C28.5 31.8281 28.5312 31.8828 28.5938 31.9141L30 32.5L30.5859 33.9062C30.6172 33.9688 30.6719 34 30.75 34C30.8281 34 30.8828 33.9688 30.9141 33.9062L31.5 32.5L32.9062 31.9141C32.9688 31.8828 33 31.8281 33 31.75Z"
+        fill="#8b5cf6"
+      />
+      <defs>
+        <linearGradient
+          id="sparkle-grad-4"
+          x1="41.8644"
+          y1="32.3034"
+          x2="5.68627"
+          y2="19.1357"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#E3E3E3" stop-opacity="0.1" />
+          <stop offset="0.350962" stop-color="#E3E3E3" stop-opacity="0.3" />
+          <stop offset="0.682692" stop-color="#8b5cf6" stop-opacity="0.5" />
+          <stop offset="1" stop-color="#d946ef" />
+        </linearGradient>
+      </defs>
+    </svg>
+
+    <svg v-if="frame === 4" :width="size" :height="size" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M5.4239 34.2411C4.11213 29.3455 4.38388 24.1603 6.20019 19.4286C8.01651 14.6969 11.2842 10.6617 15.5348 7.90134"
+        stroke="url(#sparkle-grad-5)"
+        stroke-width="4"
+        stroke-linecap="round"
+      />
+      <path
+        d="M28 28C28 27.9132 27.9609 27.8481 27.8828 27.8047L26.4245 27.0755L25.6823 25.6042C25.6476 25.5347 25.5868 25.5 25.5 25.5C25.4132 25.5 25.3524 25.5347 25.3177 25.6042L24.5755 27.0755L23.1172 27.8047C23.0391 27.8481 23 27.9132 23 28C23 28.0868 23.0391 28.1476 23.1172 28.1823L24.5755 28.9115L25.3177 30.3828C25.3524 30.4609 25.4132 30.5 25.5 30.5C25.5868 30.5 25.6476 30.4609 25.6823 30.3828L26.4245 28.9115L27.8828 28.1823C27.9609 28.1476 28 28.0868 28 28Z"
+        fill="#8b5cf6"
+      />
+      <path
+        d="M28 24.25C28 24.3455 28.0382 24.4123 28.1146 24.4505L29.8333 25.1667L30.5495 26.8854C30.5877 26.9618 30.6545 27 30.75 27C30.8455 27 30.9123 26.9618 30.9505 26.8854L31.6667 25.1667L33.3854 24.4505C33.4618 24.4123 33.5 24.3455 33.5 24.25C33.5 24.1545 33.4618 24.0877 33.3854 24.0495L31.6667 23.3333L30.9505 21.6146C30.9123 21.5382 30.8455 21.5 30.75 21.5C30.6545 21.5 30.5877 21.5382 30.5495 21.6146L29.8333 23.3333L28.1146 24.0495C28.0382 24.0877 28 24.1545 28 24.25Z"
+        fill="#8b5cf6"
+      />
+      <path
+        d="M33.5 31.75C33.5 31.6545 33.4618 31.5877 33.3854 31.5495L31.6667 30.8333L30.9505 29.1146C30.9123 29.0382 30.8455 29 30.75 29C30.6545 29 30.5877 29.0382 30.5495 29.1146L29.8333 30.8333L28.1146 31.5495C28.0382 31.5877 28 31.6545 28 31.75C28 31.8455 28.0382 31.9123 28.1146 31.9505L29.8333 32.6667L30.5495 34.3854C30.5877 34.4618 30.6545 34.5 30.75 34.5C30.8455 34.5 30.9123 34.4618 30.9505 34.3854L31.6667 32.6667L33.3854 31.9505C33.4618 31.9123 33.5 31.8455 33.5 31.75Z"
+        fill="#8b5cf6"
+      />
+      <defs>
+        <linearGradient
+          id="sparkle-grad-5"
+          x1="32.359"
+          y1="42.0354"
+          x2="22.3945"
+          y2="4.84722"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#E3E3E3" stop-opacity="0.1" />
+          <stop offset="0.350962" stop-color="#E3E3E3" stop-opacity="0.3" />
+          <stop offset="0.682692" stop-color="#8b5cf6" stop-opacity="0.5" />
+          <stop offset="1" stop-color="#d946ef" />
+        </linearGradient>
+      </defs>
+    </svg>
+
+    <svg v-if="frame === 5" :width="size" :height="size" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M9.65677 12.7611C12.9146 8.87858 17.318 6.12707 22.2357 4.90093C27.1535 3.6748 32.3331 4.037 37.0324 5.93562"
+        stroke="url(#sparkle-grad-6)"
+        stroke-width="4"
+        stroke-linecap="round"
+      />
+      <path
+        d="M27.25 28C27.25 27.9392 27.2227 27.8937 27.168 27.8633L26.1471 27.3529L25.6276 26.3229C25.6033 26.2743 25.5608 26.25 25.5 26.25C25.4392 26.25 25.3967 26.2743 25.3724 26.3229L24.8529 27.3529L23.832 27.8633C23.7773 27.8937 23.75 27.9392 23.75 28C23.75 28.0608 23.7773 28.1033 23.832 28.1276L24.8529 28.638L25.3724 29.668C25.3967 29.7227 25.4392 29.75 25.5 29.75C25.5608 29.75 25.6033 29.7227 25.6276 29.668L26.1471 28.638L27.168 28.1276C27.2227 28.1033 27.25 28.0608 27.25 28Z"
+        fill="#8b5cf6"
+      />
+      <path
+        d="M27.25 24.25C27.25 24.3715 27.2986 24.4566 27.3958 24.5052L29.5833 25.4167L30.4948 27.6042C30.5434 27.7014 30.6285 27.75 30.75 27.75C30.8715 27.75 30.9566 27.7014 31.0052 27.6042L31.9167 25.4167L34.1042 24.5052C34.2014 24.4566 34.25 24.3715 34.25 24.25C34.25 24.1285 34.2014 24.0434 34.1042 23.9948L31.9167 23.0833L31.0052 20.8958C30.9566 20.7986 30.8715 20.75 30.75 20.75C30.6285 20.75 30.5434 20.7986 30.4948 20.8958L29.5833 23.0833L27.3958 23.9948C27.2986 24.0434 27.25 24.1285 27.25 24.25Z"
+        fill="#8b5cf6"
+      />
+      <path
+        d="M34.25 31.75C34.25 31.6285 34.2014 31.5434 34.1042 31.4948L31.9167 30.5833L31.0052 28.3958C30.9566 28.2986 30.8715 28.25 30.75 28.25C30.6285 28.25 30.5434 28.2986 30.4948 28.3958L29.5833 30.5833L27.3958 31.4948C27.2986 31.5434 27.25 31.6285 27.25 31.75C27.25 31.8715 27.2986 31.9566 27.3958 32.0052L29.5833 32.9167L30.4948 35.1042C30.5434 35.2014 30.6285 35.25 30.75 35.25C30.8715 35.25 30.9566 35.2014 31.0052 35.1042L31.9167 32.9167L34.1042 32.0052C34.2014 31.9566 34.25 31.8715 34.25 31.75Z"
+        fill="#8b5cf6"
+      />
+      <defs>
+        <linearGradient
+          id="sparkle-grad-6"
+          x1="18.7214"
+          y1="39.2957"
+          x2="43.4687"
+          y2="9.80296"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#E3E3E3" stop-opacity="0.1" />
+          <stop offset="0.350962" stop-color="#E3E3E3" stop-opacity="0.3" />
+          <stop offset="0.682692" stop-color="#8b5cf6" stop-opacity="0.5" />
+          <stop offset="1" stop-color="#d946ef" />
+        </linearGradient>
+      </defs>
+    </svg>
+
+    <svg v-if="frame === 6" :width="size" :height="size" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M30.0921 4.27439C35.1412 4.71612 39.9207 6.74493 43.7458 10.07C47.5709 13.3951 50.2452 17.8458 51.3853 22.7842"
+        stroke="url(#sparkle-grad-7)"
+        stroke-width="4"
+        stroke-linecap="round"
+      />
+      <path
+        d="M28 28C28 27.9132 27.9609 27.8481 27.8828 27.8047L26.4245 27.0755L25.6823 25.6042C25.6476 25.5347 25.5868 25.5 25.5 25.5C25.4132 25.5 25.3524 25.5347 25.3177 25.6042L24.5755 27.0755L23.1172 27.8047C23.0391 27.8481 23 27.9132 23 28C23 28.0868 23.0391 28.1476 23.1172 28.1823L24.5755 28.9115L25.3177 30.3828C25.3524 30.4609 25.4132 30.5 25.5 30.5C25.5868 30.5 25.6476 30.4609 25.6823 30.3828L26.4245 28.9115L27.8828 28.1823C27.9609 28.1476 28 28.0868 28 28Z"
+        fill="#8b5cf6"
+      />
+      <path
+        d="M28 24.25C28 24.3455 28.0382 24.4123 28.1146 24.4505L29.8333 25.1667L30.5495 26.8854C30.5877 26.9618 30.6545 27 30.75 27C30.8455 27 30.9123 26.9618 30.9505 26.8854L31.6667 25.1667L33.3854 24.4505C33.4618 24.4123 33.5 24.3455 33.5 24.25C33.5 24.1545 33.4618 24.0877 33.3854 24.0495L31.6667 23.3333L30.9505 21.6146C30.9123 21.5382 30.8455 21.5 30.75 21.5C30.6545 21.5 30.5877 21.5382 30.5495 21.6146L29.8333 23.3333L28.1146 24.0495C28.0382 24.0877 28 24.1545 28 24.25Z"
+        fill="#8b5cf6"
+      />
+      <path
+        d="M33.5 31.75C33.5 31.6545 33.4618 31.5877 33.3854 31.5495L31.6667 30.8333L30.9505 29.1146C30.9123 29.0382 30.8455 29 30.75 29C30.6545 29 30.5877 29.0382 30.5495 29.1146L29.8333 30.8333L28.1146 31.5495C28.0382 31.5877 28 31.6545 28 31.75C28 31.8455 28.0382 31.9123 28.1146 31.9505L29.8333 32.6667L30.5495 34.3854C30.5877 34.4618 30.6545 34.5 30.75 34.5C30.8455 34.5 30.9123 34.4618 30.9505 34.3854L31.6667 32.6667L33.3854 31.9505C33.4618 31.9123 33.5 31.8455 33.5 31.75Z"
+        fill="#8b5cf6"
+      />
+      <defs>
+        <linearGradient
+          id="sparkle-grad-7"
+          x1="13.5556"
+          y1="26.9193"
+          x2="51.9091"
+          y2="30.2748"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#E3E3E3" stop-opacity="0.1" />
+          <stop offset="0.350962" stop-color="#E3E3E3" stop-opacity="0.3" />
+          <stop offset="0.682692" stop-color="#8b5cf6" stop-opacity="0.5" />
+          <stop offset="1" stop-color="#d946ef" />
+        </linearGradient>
+      </defs>
+    </svg>
+
+    <svg v-if="frame === 7" :width="size" :height="size" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M48.5692 15.7846C51.1034 20.1739 52.1829 25.2528 51.6531 30.2933C51.1234 35.3338 49.0114 40.0773 45.6201 43.8437"
+        stroke="url(#sparkle-grad-8)"
+        stroke-width="4"
+        stroke-linecap="round"
+      />
+      <path
+        d="M29.25 28C29.25 27.8698 29.1914 27.7721 29.0742 27.707L26.8867 26.6133L25.7734 24.4062C25.7214 24.3021 25.6302 24.25 25.5 24.25C25.3698 24.25 25.2786 24.3021 25.2266 24.4062L24.1133 26.6133L21.9258 27.707C21.8086 27.7721 21.75 27.8698 21.75 28C21.75 28.1302 21.8086 28.2214 21.9258 28.2734L24.1133 29.3672L25.2266 31.5742C25.2786 31.6914 25.3698 31.75 25.5 31.75C25.6302 31.75 25.7214 31.6914 25.7734 31.5742L26.8867 29.3672L29.0742 28.2734C29.1914 28.2214 29.25 28.1302 29.25 28Z"
+        fill="#8b5cf6"
+      />
+      <path
+        d="M28.5 24.25C28.5 24.3281 28.5312 24.3828 28.5938 24.4141L30 25L30.5859 26.4062C30.6172 26.4688 30.6719 26.5 30.75 26.5C30.8281 26.5 30.8828 26.4688 30.9141 26.4062L31.5 25L32.9062 24.4141C32.9688 24.3828 33 24.3281 33 24.25C33 24.1719 32.9688 24.1172 32.9062 24.0859L31.5 23.5L30.9141 22.0938C30.8828 22.0312 30.8281 22 30.75 22C30.6719 22 30.6172 22.0312 30.5859 22.0938L30 23.5L28.5938 24.0859C28.5312 24.1172 28.5 24.1719 28.5 24.25Z"
+        fill="#8b5cf6"
+      />
+      <path
+        d="M33 31.75C33 31.6719 32.9688 31.6172 32.9062 31.5859L31.5 31L30.9141 29.5938C30.8828 29.5312 30.8281 29.5 30.75 29.5C30.6719 29.5 30.6172 29.5312 30.5859 29.5938L30 31L28.5938 31.5859C28.5312 31.6172 28.5 31.6719 28.5 31.75C28.5 31.8281 28.5312 31.8828 28.5938 31.9141L30 32.5L30.5859 33.9062C30.6172 33.9688 30.6719 34 30.75 34C30.8281 34 30.8828 33.9688 30.9141 33.9062L31.5 32.5L32.9062 31.9141C32.9688 31.8828 33 31.8281 33 31.75Z"
+        fill="#8b5cf6"
+      />
+      <defs>
+        <linearGradient
+          id="sparkle-grad-8"
+          x1="20.5346"
+          y1="15.2272"
+          x2="39.7846"
+          y2="48.5692"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#E3E3E3" stop-opacity="0.1" />
+          <stop offset="0.350962" stop-color="#E3E3E3" stop-opacity="0.3" />
+          <stop offset="0.682692" stop-color="#8b5cf6" stop-opacity="0.5" />
+          <stop offset="1" stop-color="#d946ef" />
+        </linearGradient>
+      </defs>
+    </svg>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onBeforeUnmount } from 'vue';
+
+interface Props {
+  size?: number;
+  interval?: number;
+  alt?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  size: 96,
+  interval: 150,
+  alt: 'loading',
+});
+
+const TOTAL_FRAMES = 8;
+const frame = ref(0);
+let timer: ReturnType<typeof setInterval> | null = null;
+
+onMounted(() => {
+  timer = setInterval(() => {
+    frame.value = (frame.value + 1) % TOTAL_FRAMES;
+  }, props.interval);
+});
+
+onBeforeUnmount(() => {
+  if (timer) {
+    clearInterval(timer);
+    timer = null;
+  }
+});
+</script>

package/src/atoms/components/Button/variants/ButtonGray.vue

@@ -8,7 +8,7 @@
       {
         'no-rounded-l': !rounded && !roundedLeft,
         'no-rounded-r': !rounded && !roundedRight,
-        'tw-cursor-pointer tw-bg-grayscale-300 tw-border-grayscale-300 hover:tw-border-grayscale-400 hover:tw-bg-grayscale-400':
+        'tw-cursor-pointer tw-bg-grayscale-300 tw-border-grayscale-300 hover:tw-border-grayscale-500 hover:tw-bg-grayscale-500':
           !disabled,
         'tw-bg-grayscale-100 tw-border-grayscale-300 tw-cursor-not-allowed': disabled,
       },
@@ -23,14 +23,14 @@
   <a
     v-else
     :href="computedUrl"
-    class="tw-justify-center tw-font-sans tw-inline-flex tw-border-2 tw-font-bold tw-text-grayscale-800 hover:tw-text-grayscale-800 tw-uppercase tw-border-solid tw-transition-colors tw-duration-300 tw-no-underline"
+    class="tw-justify-center tw-font-sans tw-inline-flex tw-border-2 tw-font-bold tw-text-grayscale-800 tw-uppercase tw-border-solid tw-transition-colors tw-duration-300 tw-no-underline"
     :class="[
       classes,
       computedClasses,
       {
         'no-rounded-l': !rounded && !roundedLeft,
         'no-rounded-r': !rounded && !roundedRight,
-        'tw-cursor-pointer tw-bg-grayscale-300 tw-border-grayscale-300 hover:tw-border-grayscale-400 hover:tw-bg-grayscale-400':
+        'tw-cursor-pointer tw-bg-grayscale-300 tw-border-grayscale-300 hover:tw-border-grayscale-500 hover:tw-bg-grayscale-500':
           !disabled,
         'tw-bg-grayscale-100 tw-border-grayscale-100 tw-cursor-not-allowed': disabled,
       },

package/src/atoms/components/Carousel/Carousel.vue

@@ -46,6 +46,7 @@
         :auto-height="swiperOptions.autoHeight"
         :autoplay="swiperOptions.autoplay"
         :free-mode="swiperOptions.freeMode"
+        :mousewheel="swiperOptions.mousewheel"
         @swiper="onSwiper"
       >
         <swiper-slide v-for="(slide, i) in cards" :key="i" :style="{ width: slide.width }">
@@ -105,7 +106,7 @@ import 'swiper/css/navigation';
 import 'swiper/css/free-mode';
 /* eslint-enable import/no-unresolved */
 import merge from 'deepmerge';
-import { Navigation, Pagination, Autoplay, Keyboard, FreeMode } from 'swiper/modules';
+import { Navigation, Pagination, Autoplay, Keyboard, FreeMode, Mousewheel } from 'swiper/modules';
 import Icon from '../Icon/Icon.vue';
 
 export default {
@@ -175,7 +176,7 @@ export default {
   },
   setup() {
     return {
-      modules: [Keyboard, Navigation, Pagination, Autoplay, FreeMode],
+      modules: [Keyboard, Navigation, Pagination, Autoplay, FreeMode, Mousewheel],
     };
   },
   data() {
@@ -191,6 +192,11 @@ export default {
           clickable: true,
         },
         speed: 600,
+        freeMode: true,
+        mousewheel: {
+          forceToAxis: true,
+          releaseOnEdges: true,
+        },
       },
     };
   },

package/src/atoms/components/Icon/Icon.stories.js

@@ -14,13 +14,10 @@ export const IconSample = () => {
       return {
         sizes: ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl'],
         icons: [
-          { name: 'websites-upgrade-to-add-page' },
-          { name: 'websites-upgrade-to-contact-form' },
-          { name: 'websites-upgrade-to-remove-watermark' },
-          { name: 'websites-upgrade-to-publish' },
-          { name: 'websites-upgrade-to-videos' },
-          { name: 'websites-upgrade-to-maps' },
+          { name: 'crown' },
+          { name: 'crown-alt' },
           { name: 'add-page' },
+          { name: 'page-blank' },
           { name: 'ai' },
           { name: 'arrow-down' },
           { name: 'arrow-left' },
@@ -149,6 +146,7 @@ export const IconSample = () => {
 
           { name: 'home' },
           { name: 'home-crazy-domains' },
+          { name: 'home-outline' },
           { name: 'info' },
           { name: 'jobs' },
           { name: 'display-style-about-1' },
@@ -210,6 +208,7 @@ export const IconSample = () => {
           { name: 'printing' },
           { name: 'processing' },
           { name: 'question' },
+          { name: 'question-alt' },
           { name: 'reload' },
           { name: 'reorderable' },
           { name: 'resize' },
@@ -387,7 +386,6 @@ export const IconSample = () => {
             <div class="tw-grid tw-grid-cols-8 tw-gap-4 tw-items-center" style="grid-template-columns: repeat(8, minmax(0, 1fr));">
               <Icon
                 v-for="size in sizes"
-                viewBox="0 0 96 96"
                 :name="icon.name"
                 :alt-text="icon.altText"
                 :size="size"

package/src/atoms/components/Icon/Icon.vue

@@ -39,6 +39,7 @@ import IconAspectRatio9_16 from './icons/ratio-9-16.vue';
 /* eslint-enable camelcase */
 import IconAbout from './icons/about.vue';
 import IconAddPage from './icons/add-page.vue';
+import IconPageBlank from './icons/page-blank.vue';
 import IconAi from './icons/ai.vue';
 import IconArrowDown from './icons/arrow-down.vue';
 import IconArrowLeft from './icons/arrow-left.vue';
@@ -50,12 +51,12 @@ import IconAttach from './icons/attach.vue';
 import IconAuthFacebookWhite from './icons/auth-facebook-white.vue';
 import IconAuthFacebook from './icons/auth-facebook.vue';
 import IconAuthGoogle from './icons/auth-google.vue';
-import IconBriefcase from './icons/briefcase.vue';
 import IconBackground from './icons/background.vue';
 import IconBannerCentered from './icons/banner-centered.vue';
 import IconBannerLeft from './icons/banner-left.vue';
 import IconBanner from './icons/banner.vue';
 import IconBcMast from './icons/bc-mast.vue';
+import IconBriefcase from './icons/briefcase.vue';
 import IconBrush from './icons/brush.vue';
 import IconBusinessCardFilled from './icons/business-card-filled.vue';
 import IconBusiness from './icons/business.vue';
@@ -105,6 +106,9 @@ import IconCopy from './icons/copy.vue';
 import IconFilterCrazyDomains from './icons/crazy-domains/filter.vue';
 import IconGlobeCrazyDomains from './icons/crazy-domains/globe.vue';
 import IconHomeCrazyDomains from './icons/crazy-domains/home.vue';
+import IconHomeOutline from './icons/home-outline.vue';  
+import IconCrownAlt from './icons/crown-alt.vue';
+import IconCrown from './icons/crown.vue';
 import IconDelete from './icons/delete.vue';
 import IconDesigns from './icons/designs.vue';
 import IconDesktop from './icons/desktop.vue';
@@ -222,11 +226,14 @@ import IconSocialInstagramCrazyDomains from './icons/crazy-domains/social-instag
 import IconSocialTwitterCrazyDomains from './icons/crazy-domains/social-twitter.vue';
 import IconSocialYoutubeCrazyDomains from './icons/crazy-domains/social-youtube.vue';
 import IconCrop from './icons/crop.vue';
+import IconDigitalBusinessCardFilled from './icons/digital-business-card-filled.vue';
 import IconFormMessage from './icons/form-message.vue';
 import IconGodaddy from './icons/godaddy/logo.vue';
 import IconIconStyleCircleBg from './icons/icon-style-circle-bg.vue';
 import IconIconStyleNoBg from './icons/icon-style-no-bg.vue';
 import IconIconStyleSquareBg from './icons/icon-style-square-bg.vue';
+import IconLinkInBioFilled from './icons/link-in-bio-filled.vue';
+import IconMedia from './icons/media.vue';
 import IconMinusCircleLight from './icons/minus-circle-light.vue';
 import IconMinus from './icons/minus.vue';
 import IconMobile from './icons/mobile.vue';
@@ -251,12 +258,12 @@ import IconPreview from './icons/preview.vue';
 import IconPrinting from './icons/printing.vue';
 import IconProcessing from './icons/processing.vue';
 import IconQuestion from './icons/question.vue';
+import IconQuestionAlt from './icons/question-alt.vue';
 import IconQuote from './icons/quote.vue';
 import IconReload from './icons/reload.vue';
 import IconReorderable from './icons/reorderable.vue';
-import IconResize from './icons/resize.vue';
-import IconMedia from './icons/media.vue';
 import IconRequestPayment from './icons/request-payment.vue';
+import IconResize from './icons/resize.vue';
 import IconSearch from './icons/search.vue';
 import IconSecure from './icons/secure.vue';
 import IconSend from './icons/send.vue';
@@ -265,7 +272,6 @@ import IconSettings from './icons/settings.vue';
 import IconShare from './icons/share.vue';
 import IconShieldTick from './icons/shield-tick.vue';
 import IconShop from './icons/shop.vue';
-import IconStop from './icons/stop.vue';
 import IconSms from './icons/sms.vue';
 import IconSocialFacebookColor from './icons/social-facebook-color.vue';
 import IconSocialFacebook from './icons/social-facebook.vue';
@@ -277,6 +283,7 @@ import IconSocialTwitterColor from './icons/social-twitter-color.vue';
 import IconStarFilled from './icons/star-filled.vue';
 import IconStarHollow from './icons/star-hollow.vue';
 import IconSticker from './icons/sticker.vue';
+import IconStop from './icons/stop.vue';
 import IconStyles from './icons/styles.vue';
 import IconSubmit from './icons/submit.vue';
 import IconTemplates from './icons/templates.vue';
@@ -304,8 +311,6 @@ import IconWatchlistFilled from './icons/watchlist-filled.vue';
 import IconWatchlistHollowAlt from './icons/watchlist-hollow-alt.vue';
 import IconWatchlistHollow from './icons/watchlist-hollow.vue';
 import IconWebsiteFilled from './icons/website-filled.vue';
-import IconDigitalBusinessCardFilled from './icons/digital-business-card-filled.vue';
-import IconLinkInBioFilled from './icons/link-in-bio-filled.vue';
 import IconWebsite from './icons/website.vue';
 import IconWholesale from './icons/wholesale.vue';
 import IconZoomIn from './icons/zoom-in.vue';
@@ -327,6 +332,7 @@ import IconShape from './icons/shape.vue';
 // New icons copied from dcom
 import IconAnnotateHeart from './icons/annotate-heart.vue';
 import IconAward from './icons/award.vue';
+import IconBezierCurveOutline from './icons/bezier-curve-outline.vue';
 import IconBezierCurve from './icons/bezier-curve.vue';
 import IconBrowser from './icons/browser.vue';
 import IconCardVertical from './icons/card-vertical.vue';
@@ -336,12 +342,11 @@ import IconHeadphones from './icons/headphones.vue';
 import IconImage from './icons/image.vue';
 import IconLightning from './icons/lightning.vue';
 import IconLogo from './icons/logo.vue';
-import IconPen from './icons/pen.vue';
+import IconPaletteOutline from './icons/palette-outline.vue';
 import IconPenOutline from './icons/pen-outline.vue';
 import IconPenSparkle from './icons/pen-sparkle.vue';
+import IconPen from './icons/pen.vue';
 import IconSparkleSquare from './icons/sparkle-square.vue';
-import IconBezierCurveOutline from './icons/bezier-curve-outline.vue';
-import IconPaletteOutline from './icons/palette-outline.vue';
 
 // Maker Icons
 import IconMakerAlignCenter from './icons/maker/align-center.vue';
@@ -422,18 +427,18 @@ import IconFlipVertical from './icons/flip-vertical.vue';
 import IconVolumeMuted from './icons/volume-muted.vue';
 import IconVolume from './icons/volume.vue';
 
-import IconFile from './icons/file.vue';
-import IconPenTool from './icons/pen-tool.vue';
-import IconClipboardCheck from './icons/clipboard-check.vue';
 import IconBadge from './icons/badge.vue';
 import IconCalculator from './icons/calculator.vue';
+import IconClipboardCheck from './icons/clipboard-check.vue';
+import IconFile from './icons/file.vue';
+import IconPenTool from './icons/pen-tool.vue';
 import IconWebsitesUpgradeToAddPage from './icons/websites/upgrade-to-add-page.vue';
 import IconWebsitesUpgradeToContactForm from './icons/websites/upgrade-to-contact-form.vue';
-import IconWebsitesUpgradeToRemoveWatermark from './icons/websites/upgrade-to-remove-watermark.vue';
+import IconWebsitesUpgradeToGoogleAd from './icons/websites/upgrade-to-google-ad.vue';
+import IconWebsitesUpgradeToMaps from './icons/websites/upgrade-to-maps.vue';
 import IconWebsitesUpgradeToPublish from './icons/websites/upgrade-to-publish.vue';
+import IconWebsitesUpgradeToRemoveWatermark from './icons/websites/upgrade-to-remove-watermark.vue';
 import IconWebsitesUpgradeToVideos from './icons/websites/upgrade-to-videos.vue';
-import IconWebsitesUpgradeToMaps from './icons/websites/upgrade-to-maps.vue';
-import IconWebsitesUpgradeToGoogleAd from './icons/websites/upgrade-to-google-ad.vue';
 
 import IconGroup from './icons/group.vue';
 import IconPremiumContent from './icons/premium-content.vue';
@@ -445,6 +450,7 @@ export default {
     IconCalculator,
     IconAbout,
     IconAddPage,
+    IconPageBlank,
     IconAi,
     IconArrowDown,
     IconArrowLeft,
@@ -506,6 +512,7 @@ export default {
     IconColumn2,
     IconColumn3,
     IconColumn4,
+    IconCrownAlt,
     IconCopy,
     IconDelete,
     IconDesigns,
@@ -574,6 +581,7 @@ export default {
     IconFooterLeft,
 
     IconHome,
+    IconHomeOutline,
     IconHomeCrazyDomains,
     IconIconStyleNoBg,
     IconIconStyleCircleBg,
@@ -612,6 +620,7 @@ export default {
     IconDisplayStyleContact5,
     IconDisplayStyleContact6,
     IconLetterheadFilled,
+    IconCrown,
     IconLink,
     IconLocation,
     IconLock,
@@ -646,6 +655,7 @@ export default {
     IconPrinting,
     IconProcessing,
     IconQuestion,
+    IconQuestionAlt,
     IconQuote,
     IconReload,
     IconReorderable,

package/src/atoms/components/Icon/icons/crown-alt.vue

@@ -0,0 +1,5 @@
+<template>
+  <path
+    d="M12.55 12.125C12.6521 12.125 12.7323 12.1536 12.7906 12.2109C12.8635 12.2826 12.9 12.3685 12.9 12.4688V13.1562C12.9 13.2565 12.8635 13.3353 12.7906 13.3926C12.7323 13.4642 12.6521 13.5 12.55 13.5H3.45C3.34792 13.5 3.26042 13.4642 3.1875 13.3926C3.12917 13.3353 3.1 13.2565 3.1 13.1562V12.4688C3.1 12.3685 3.12917 12.2826 3.1875 12.2109C3.26042 12.1536 3.34792 12.125 3.45 12.125H12.55ZM13.2063 5.55078C13.4104 5.35026 13.6583 5.25 13.95 5.25C14.2417 5.25 14.4896 5.35026 14.6938 5.55078C14.8979 5.7513 15 5.99479 15 6.28125C15 6.56771 14.8979 6.8112 14.6938 7.01172C14.4896 7.21224 14.2417 7.3125 13.95 7.3125C13.9062 7.3125 13.8479 7.30534 13.775 7.29102L12.2 11.4375H3.8L2.225 7.29102C2.15208 7.30534 2.09375 7.3125 2.05 7.3125C1.75833 7.3125 1.51042 7.21224 1.30625 7.01172C1.10208 6.8112 1 6.56771 1 6.28125C1 5.99479 1.10208 5.7513 1.30625 5.55078C1.51042 5.35026 1.75833 5.25 2.05 5.25C2.34167 5.25 2.58958 5.35026 2.79375 5.55078C2.99792 5.7513 3.1 5.99479 3.1 6.28125C3.1 6.42448 3.07083 6.56771 3.0125 6.71094L4.5875 7.63477C4.74792 7.73503 4.92292 7.76367 5.1125 7.7207C5.31667 7.66341 5.4625 7.55599 5.55 7.39844L7.34375 4.32617C7.08125 4.11133 6.95 3.84635 6.95 3.53125C6.95 3.24479 7.05208 3.0013 7.25625 2.80078C7.46042 2.60026 7.70833 2.5 8 2.5C8.29167 2.5 8.53958 2.60026 8.74375 2.80078C8.94792 3.0013 9.05 3.24479 9.05 3.53125C9.05 3.84635 8.91875 4.11133 8.65625 4.32617L10.45 7.39844C10.5375 7.55599 10.676 7.66341 10.8656 7.7207C11.0552 7.76367 11.2375 7.73503 11.4125 7.63477L12.9875 6.71094C12.9292 6.56771 12.9 6.42448 12.9 6.28125C12.9 5.99479 13.0021 5.7513 13.2063 5.55078Z"
+  />
+</template>

package/src/atoms/components/Icon/icons/crown.vue

@@ -0,0 +1,6 @@
+<template>
+  <path
+    d="M12.55 12.125C12.6521 12.125 12.7323 12.1536 12.7906 12.2109C12.8635 12.2826 12.9 12.3685 12.9 12.4688V13.1562C12.9 13.2565 12.8635 13.3353 12.7906 13.3926C12.7323 13.4642 12.6521 13.5 12.55 13.5H3.45C3.34792 13.5 3.26042 13.4642 3.1875 13.3926C3.12917 13.3353 3.1 13.2565 3.1 13.1562V12.4688C3.1 12.3685 3.12917 12.2826 3.1875 12.2109C3.26042 12.1536 3.34792 12.125 3.45 12.125H12.55ZM13.2063 5.55078C13.4104 5.35026 13.6583 5.25 13.95 5.25C14.2417 5.25 14.4896 5.35026 14.6938 5.55078C14.8979 5.7513 15 5.99479 15 6.28125C15 6.56771 14.8979 6.8112 14.6938 7.01172C14.4896 7.21224 14.2417 7.3125 13.95 7.3125C13.9062 7.3125 13.8479 7.30534 13.775 7.29102L12.2 11.4375H3.8L2.225 7.29102C2.15208 7.30534 2.09375 7.3125 2.05 7.3125C1.75833 7.3125 1.51042 7.21224 1.30625 7.01172C1.10208 6.8112 1 6.56771 1 6.28125C1 5.99479 1.10208 5.7513 1.30625 5.55078C1.51042 5.35026 1.75833 5.25 2.05 5.25C2.34167 5.25 2.58958 5.35026 2.79375 5.55078C2.99792 5.7513 3.1 5.99479 3.1 6.28125C3.1 6.42448 3.07083 6.56771 3.0125 6.71094L4.5875 7.63477C4.74792 7.73503 4.92292 7.76367 5.1125 7.7207C5.31667 7.66341 5.4625 7.55599 5.55 7.39844L7.34375 4.32617C7.08125 4.11133 6.95 3.84635 6.95 3.53125C6.95 3.24479 7.05208 3.0013 7.25625 2.80078C7.46042 2.60026 7.70833 2.5 8 2.5C8.29167 2.5 8.53958 2.60026 8.74375 2.80078C8.94792 3.0013 9.05 3.24479 9.05 3.53125C9.05 3.84635 8.91875 4.11133 8.65625 4.32617L10.45 7.39844C10.5375 7.55599 10.676 7.66341 10.8656 7.7207C11.0552 7.76367 11.2375 7.73503 11.4125 7.63477L12.9875 6.71094C12.9292 6.56771 12.9 6.42448 12.9 6.28125C12.9 5.99479 13.0021 5.7513 13.2063 5.55078Z"
+    fill="#E3A008"
+  />
+</template>

package/src/atoms/components/Icon/icons/home-outline.vue

@@ -0,0 +1,6 @@
+<template>
+  <path
+    d="M9.24448 8.75489C9.17512 8.75232 9.07964 8.75 8.93295 8.75H7.06674C6.91914 8.75 6.8237 8.75227 6.75424 8.75489C6.75165 8.82425 6.75034 8.91943 6.75034 9.06641V13.25H9.25034V9.06641C9.25034 8.9194 9.24707 8.82426 9.24448 8.75489ZM14.0833 11.8662C14.0833 12.2272 14.0841 12.5438 14.0628 12.8037C14.0409 13.0724 13.9913 13.3464 13.8558 13.6123C13.6561 14.0043 13.3376 14.3227 12.9456 14.5225C12.6798 14.6579 12.4057 14.7075 12.1371 14.7295C11.8771 14.7507 11.5605 14.75 11.1996 14.75H4.80014C4.43934 14.75 4.1235 14.7507 3.86362 14.7295C3.5949 14.7075 3.32001 14.658 3.05405 14.5225C2.66219 14.3227 2.34357 14.0042 2.14389 13.6123C2.00844 13.3464 1.95882 13.0723 1.93686 12.8037C1.91562 12.5438 1.91635 12.2272 1.91635 11.8662V6.83301L1.78354 6.9336C1.4522 7.1821 0.982283 7.11449 0.733734 6.78321C0.485245 6.45189 0.551913 5.98196 0.883148 5.7334L6.91049 1.21289C7.0865 1.08086 7.33718 0.876452 7.63901 0.796879C7.81616 0.750246 8.00045 0.738464 8.181 0.761723L8.36069 0.796879L8.47202 0.832035C8.72473 0.926401 8.93617 1.09738 9.09018 1.21289L15.1165 5.7334C15.4478 5.98188 15.5153 6.45185 15.2669 6.78321C15.0185 7.11444 14.5485 7.18176 14.2171 6.9336L14.0833 6.83301V11.8662ZM10.7503 13.25H11.1996C11.5853 13.25 11.8303 13.2495 12.015 13.2344C12.1907 13.22 12.2457 13.1963 12.265 13.1865C12.3747 13.1306 12.464 13.0413 12.5199 12.9316C12.5297 12.9124 12.5533 12.8574 12.5677 12.6816C12.5828 12.4969 12.5833 12.252 12.5833 11.8662V5.70801L8.83041 2.89356C8.31837 2.50953 8.22454 2.45554 8.14877 2.43555C8.05158 2.40997 7.94911 2.41004 7.8519 2.43555C7.77611 2.4555 7.68262 2.50929 7.17026 2.89356L3.41635 5.70801V11.8662C3.41635 12.252 3.41688 12.4969 3.43198 12.6816C3.44634 12.8572 3.47 12.9123 3.47983 12.9316C3.5357 13.0413 3.6251 13.1306 3.73471 13.1865C3.75397 13.1963 3.80973 13.22 3.98569 13.2344C4.17036 13.2494 4.41463 13.25 4.80014 13.25H5.25034V9.06641C5.25034 8.89219 5.2499 8.71611 5.26205 8.56739C5.27495 8.40991 5.30553 8.21794 5.40463 8.02344L5.45932 7.92579C5.59543 7.70397 5.79061 7.5231 6.02377 7.4043L6.1683 7.3418C6.31184 7.29067 6.44953 7.27138 6.56772 7.26172C6.71651 7.24957 6.89243 7.25 7.06674 7.25H8.93295C9.10715 7.25 9.28325 7.24959 9.43198 7.26172C9.55009 7.27137 9.68795 7.29075 9.83139 7.3418L9.9769 7.4043L10.0736 7.45899C10.264 7.57569 10.4246 7.73542 10.5414 7.92579L10.596 8.02344L10.6576 8.16895C10.7085 8.31223 10.729 8.44937 10.7386 8.56739C10.7508 8.71611 10.7503 8.89219 10.7503 9.06641V13.25Z"
+    fill-rule="nonzero"
+  />
+</template>

package/src/atoms/components/Icon/icons/page-blank.vue

@@ -0,0 +1,6 @@
+<template>
+  <path
+    d="M12.8172 3.67969C13.0724 3.9349 13.2 4.24479 13.2 4.60938V13.6875C13.2 14.0521 13.0724 14.362 12.8172 14.6172C12.562 14.8724 12.2521 15 11.8875 15H4.0125C3.64792 15 3.33802 14.8724 3.08281 14.6172C2.8276 14.362 2.7 14.0521 2.7 13.6875V2.3125C2.7 1.94792 2.8276 1.63802 3.08281 1.38281C3.33802 1.1276 3.64792 1 4.0125 1H9.59063C9.95521 1 10.2651 1.1276 10.5203 1.38281L12.8172 3.67969ZM9.7 2.42188V4.5H11.7781L9.7 2.42188ZM11.8875 13.6875V5.8125H9.04375C8.86146 5.8125 8.70651 5.7487 8.57891 5.62109C8.4513 5.49349 8.3875 5.33854 8.3875 5.15625V2.3125H4.0125V13.6875H11.8875Z"
+    fill-rule="nonzero"
+  />
+</template>

package/src/atoms/components/Icon/icons/question-alt.vue

@@ -0,0 +1,20 @@
+<template>
+  <g clip-path="url(#clip0_7564_61184)">
+    <path
+      d="M13.9163 8.00032C13.9163 4.73274 11.2679 2.0835 8.00033 2.08333C4.73264 2.08333 2.08333 4.73264 2.08333 8.00032C2.08351 11.2679 4.73275 13.9163 8.00033 13.9163C11.2678 13.9162 13.9162 11.2677 13.9163 8.00032ZM15.4163 8.00032C15.4162 12.0962 12.0962 15.4162 8.00033 15.4163C3.90432 15.4163 0.583509 12.0963 0.583333 8.00032C0.583333 3.90421 3.90421 0.583328 8.00033 0.583328C12.0963 0.583504 15.4163 3.90432 15.4163 8.00032Z"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M8.28027 4.12499C9.55525 4.12524 10.617 5.14367 10.6172 6.38183V6.44921C10.6172 7.22797 10.1949 7.93241 9.54004 8.35351L9.53906 8.35449L8.80469 8.80957L8.79981 8.8125C8.7132 8.8604 8.65932 8.95921 8.65918 9.06152V9.0791C8.65892 9.4428 8.34663 9.71769 8 9.71777C7.63391 9.71761 7.34106 9.44078 7.34082 9.0791V9.06152C7.34096 8.52121 7.62165 8.01722 8.08789 7.72949L8.82129 7.27441C9.11072 7.08774 9.29883 6.78069 9.29883 6.44921V6.38183C9.29869 5.85081 8.83996 5.40356 8.28027 5.40332H7.7207C7.14437 5.40332 6.70228 5.84966 6.70215 6.38183C6.70215 6.74567 6.38964 7.02126 6.04297 7.02148C5.67659 7.02148 5.38379 6.74383 5.38379 6.38183C5.38393 5.14401 6.42753 4.12499 7.7207 4.12499H8.28027Z"
+    />
+    <path
+      d="M8.75 11.1C8.75 11.5142 8.41421 11.85 8 11.85C7.58579 11.85 7.25 11.5142 7.25 11.1C7.25 10.6858 7.58579 10.35 8 10.35C8.41421 10.35 8.75 10.6858 8.75 11.1Z"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_7564_61184">
+      <rect width="16" height="16" fill="white" />
+    </clipPath>
+  </defs>
+</template>