@ozdao/martyrs 0.2.423

package/src/modules/icons/labels/LabelGooglePlay.vue

@@ -0,0 +1,47 @@
+<template>
+	<svg width="204" height="59" viewBox="0 0 204 59" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path d="M196.396 59H7.55371C3.40106 59 0 55.6794 0 51.625V7.375C0 3.32059 3.40106 7.56029e-07 7.55371 7.56029e-07H196.396C200.549 7.56029e-07 203.95 3.32059 203.95 7.375V51.625C203.95 55.6794 200.549 59 196.396 59Z" fill="rgb(var(--black))"/>
+		<path d="M196.396 1.18184C199.894 1.18184 202.74 3.96038 202.74 7.375V51.625C202.74 55.0396 199.894 57.8182 196.396 57.8182H7.55371C4.05634 57.8182 1.21048 55.0396 1.21048 51.625V7.375C1.21048 3.96038 4.05634 1.18184 7.55371 1.18184H196.396ZM196.396 7.56029e-07H7.55371C3.40106 7.56029e-07 0 3.32059 0 7.375V51.625C0 55.6794 3.40106 59 7.55371 59H196.396C200.549 59 203.95 55.6794 203.95 51.625V7.375C203.95 3.32059 200.549 7.56029e-07 196.396 7.56029e-07Z" fill="#A6A6A6"/>
+		<path d="M71.6353 15.1096C71.6353 16.3413 71.2576 17.3277 70.5136 18.0633C69.6581 18.9354 68.5439 19.3742 67.1786 19.3742C65.8737 19.3742 64.7595 18.928 63.8455 18.0486C62.9297 17.1562 62.4727 16.061 62.4727 14.7501C62.4727 13.4392 62.9297 12.344 63.8455 11.459C64.7595 10.5722 65.8737 10.126 67.1786 10.126C67.8282 10.126 68.4476 10.2569 69.0387 10.5003C69.6279 10.7455 70.1076 11.0774 70.455 11.4867L69.6657 12.2647C69.0595 11.5659 68.2342 11.2212 67.1786 11.2212C66.2268 11.2212 65.4016 11.5457 64.701 12.2002C64.0079 12.8566 63.6605 13.7065 63.6605 14.7501C63.6605 15.7937 64.0079 16.651 64.701 17.3074C65.4016 17.9545 66.2268 18.2864 67.1786 18.2864C68.1889 18.2864 69.0387 17.9545 69.7091 17.3C70.151 16.8667 70.4022 16.2694 70.4683 15.506H67.1786V14.4404H71.5673C71.6202 14.6708 71.6353 14.8939 71.6353 15.1096V15.1096Z" fill="rgb(var(--white))" stroke="rgb(var(--white))" stroke-width="0.16" stroke-miterlimit="10"/>
+		<path d="M78.5981 11.4151H74.4756V14.2176H78.1921V15.2833H74.4756V18.0858H78.5981V19.1717H73.3086V10.3291H78.5981V11.4151Z" fill="rgb(var(--white))" stroke="rgb(var(--white))" stroke-width="0.16" stroke-miterlimit="10"/>
+		<path d="M83.5121 19.1717H82.345V11.4151H79.8164V10.3291H86.0425V11.4151H83.5121V19.1717V19.1717Z" fill="rgb(var(--white))" stroke="rgb(var(--white))" stroke-width="0.16" stroke-miterlimit="10"/>
+		<path d="M90.5488 19.1717V10.3291H91.714V19.1717H90.5488Z" fill="rgb(var(--white))" stroke="rgb(var(--white))" stroke-width="0.16" stroke-miterlimit="10"/>
+		<path d="M96.8773 19.1717H95.7197V11.4151H93.1816V10.3291H99.4153V11.4151H96.8773V19.1717Z" fill="rgb(var(--white))" stroke="rgb(var(--white))" stroke-width="0.16" stroke-miterlimit="10"/>
+		<path d="M111.203 18.0338C110.31 18.928 109.203 19.3742 107.883 19.3742C106.556 19.3742 105.449 18.928 104.556 18.0338C103.664 17.1414 103.221 16.0463 103.221 14.7501C103.221 13.4539 103.664 12.3588 104.556 11.4664C105.449 10.5722 106.556 10.126 107.883 10.126C109.196 10.126 110.302 10.5722 111.196 11.4738C112.094 12.3735 112.538 13.4613 112.538 14.7501C112.538 16.0463 112.094 17.1414 111.203 18.0338ZM105.419 17.2926C106.091 17.9545 106.909 18.2864 107.883 18.2864C108.85 18.2864 109.675 17.9545 110.34 17.2926C111.01 16.6307 111.35 15.7808 111.35 14.7501C111.35 13.7194 111.01 12.8695 110.34 12.2076C109.675 11.5457 108.85 11.2138 107.883 11.2138C106.909 11.2138 106.091 11.5457 105.419 12.2076C104.748 12.8695 104.409 13.7194 104.409 14.7501C104.409 15.7808 104.748 16.6307 105.419 17.2926V17.2926Z" fill="rgb(var(--white))" stroke="rgb(var(--white))" stroke-width="0.16" stroke-miterlimit="10"/>
+		<path d="M114.176 19.1717V10.3291H115.592L119.996 17.2063H120.047L119.996 15.5063V10.3291H121.161V19.1717H119.945L115.333 11.9553H115.282L115.333 13.6626V19.1717H114.176V19.1717Z" fill="rgb(var(--white))" stroke="rgb(var(--white))" stroke-width="0.16" stroke-miterlimit="10"/>
+		<path d="M102.934 32.0853C99.3852 32.0853 96.4864 34.7218 96.4864 38.3596C96.4864 41.9678 99.3852 44.632 102.934 44.632C106.489 44.632 109.388 41.9678 109.388 38.3596C109.388 34.7218 106.489 32.0853 102.934 32.0853ZM102.934 42.1614C100.987 42.1614 99.3115 40.5923 99.3115 38.3596C99.3115 36.0973 100.987 34.5559 102.934 34.5559C104.88 34.5559 106.563 36.0973 106.563 38.3596C106.563 40.5923 104.88 42.1614 102.934 42.1614V42.1614ZM88.8666 32.0853C85.3107 32.0853 82.4195 34.7218 82.4195 38.3596C82.4195 41.9678 85.3107 44.632 88.8666 44.632C92.4206 44.632 95.3137 41.9678 95.3137 38.3596C95.3137 34.7218 92.4206 32.0853 88.8666 32.0853ZM88.8666 42.1614C86.9178 42.1614 85.2371 40.5923 85.2371 38.3596C85.2371 36.0973 86.9178 34.5559 88.8666 34.5559C90.8136 34.5559 92.4886 36.0973 92.4886 38.3596C92.4886 40.5923 90.8136 42.1614 88.8666 42.1614ZM72.1276 34.0083V36.6744H78.6484C78.4576 38.1641 77.9478 39.2593 77.1659 40.0226C76.2142 40.9445 74.7318 41.9678 72.1276 41.9678C68.1147 41.9678 64.9724 38.8057 64.9724 34.8878C64.9724 30.9698 68.1147 27.8078 72.1276 27.8078C74.2974 27.8078 75.8762 28.6356 77.0413 29.7087L78.9656 27.8299C77.3359 26.3107 75.168 25.1436 72.1276 25.1436C66.6248 25.1436 62 29.5151 62 34.8878C62 40.2605 66.6248 44.632 72.1276 44.632C75.1019 44.632 77.3359 43.6806 79.0921 41.8959C80.8918 40.1388 81.4527 37.6682 81.4527 35.6732C81.4527 35.0537 81.3998 34.484 81.3054 34.0083H72.1276ZM140.576 36.0752C140.045 34.6721 138.408 32.0853 135.073 32.0853C131.768 32.0853 129.016 34.6278 129.016 38.3596C129.016 41.8737 131.74 44.632 135.39 44.632C138.341 44.632 140.045 42.8749 140.745 41.8516L138.555 40.4264C137.824 41.47 136.829 42.1614 135.39 42.1614C133.96 42.1614 132.935 41.5216 132.278 40.2605L140.872 36.7887L140.576 36.0752V36.0752ZM131.813 38.1641C131.74 35.7451 133.738 34.5061 135.169 34.5061C136.291 34.5061 137.242 35.0537 137.56 35.8373L131.813 38.1641V38.1641ZM124.828 44.2503H127.653V25.8128H124.828V44.2503ZM120.201 33.4828H120.107C119.472 32.749 118.262 32.0853 116.728 32.0853C113.511 32.0853 110.568 34.8435 110.568 38.3798C110.568 41.8959 113.511 44.632 116.728 44.632C118.262 44.632 119.472 43.9627 120.107 43.2068H120.201V44.1065C120.201 46.5052 118.889 47.794 116.772 47.794C115.046 47.794 113.975 46.5771 113.533 45.5539L111.076 46.555C111.785 48.2181 113.66 50.2646 116.772 50.2646C120.084 50.2646 122.879 48.3619 122.879 43.7322V32.4669H120.201V33.4828V33.4828ZM116.97 42.1614C115.023 42.1614 113.393 40.5702 113.393 38.3798C113.393 36.1692 115.023 34.5559 116.97 34.5559C118.889 34.5559 120.401 36.1692 120.401 38.3798C120.401 40.5702 118.889 42.1614 116.97 42.1614V42.1614ZM153.802 25.8128H147.045V44.2503H149.863V37.2644H153.802C156.931 37.2644 160 35.0537 160 31.5377C160 28.0235 156.924 25.8128 153.802 25.8128V25.8128ZM153.876 34.6997H149.863V28.3775H153.876C155.979 28.3775 157.18 30.083 157.18 31.5377C157.18 32.9647 155.979 34.6997 153.876 34.6997ZM171.293 32.0502C169.257 32.0502 167.14 32.9279 166.269 34.873L168.77 35.8963C169.308 34.873 170.297 34.5412 171.344 34.5412C172.805 34.5412 174.288 35.3985 174.31 36.9122V37.1058C173.8 36.8182 172.709 36.3923 171.366 36.3923C168.673 36.3923 165.929 37.8396 165.929 40.5407C165.929 43.0113 168.135 44.6025 170.615 44.6025C172.511 44.6025 173.557 43.7673 174.214 42.7956H174.31V44.2208H177.032V37.1482C177.032 33.8792 174.531 32.0502 171.293 32.0502ZM170.953 42.154C170.031 42.154 168.747 41.7078 168.747 40.5923C168.747 39.1653 170.348 38.6177 171.735 38.6177C172.975 38.6177 173.557 38.885 174.31 39.2372C174.089 40.9445 172.584 42.154 170.953 42.154V42.154ZM186.946 32.454L183.707 40.4467H183.611L180.263 32.454H177.224L182.255 43.6235L179.385 49.8387H182.329L190.081 32.454H186.946V32.454ZM161.548 44.2503H164.373V25.8128H161.548V44.2503Z" fill="rgb(var(--white))"/>
+		<path d="M15.7651 11.1197C15.3213 11.5732 15.0645 12.2794 15.0645 13.1939V45.8135C15.0645 46.728 15.3213 47.4342 15.7651 47.8877L15.8746 47.9873L34.5964 29.7157V29.2843L15.8746 11.0127L15.7651 11.1197Z" fill="url(#paint0_linear_1523_1188)"/>
+		<path d="M40.8294 35.8096L34.5957 29.716V29.2845L40.837 23.1909L40.9767 23.2702L48.368 27.3763C50.4774 28.5415 50.4774 30.459 48.368 31.6316L40.9767 35.7303L40.8294 35.8096V35.8096Z" fill="url(#paint1_linear_1523_1188)"/>
+		<path d="M40.976 35.7304L34.5951 29.5004L15.7637 47.8881C16.4643 48.6071 17.6068 48.6938 18.906 47.9747L40.976 35.7304" fill="url(#paint2_linear_1523_1188)"/>
+		<path d="M40.976 23.27L18.906 11.0256C17.6068 10.3139 16.4643 10.4006 15.7637 11.1197L34.5951 29.5L40.976 23.27Z" fill="url(#paint3_linear_1523_1188)"/>
+		<defs>
+		<linearGradient id="paint0_linear_1523_1188" x1="32.9342" y1="46.1532" x2="8.18722" y2="20.8066" gradientUnits="userSpaceOnUse">
+		<stop stop-color="#00A0FF"/>
+		<stop offset="0.0066" stop-color="#00A1FF"/>
+		<stop offset="0.2601" stop-color="#00BEFF"/>
+		<stop offset="0.5122" stop-color="#00D2FF"/>
+		<stop offset="0.7604" stop-color="#00DFFF"/>
+		<stop offset="1" stop-color="#00E3FF"/>
+		</linearGradient>
+		<linearGradient id="paint1_linear_1523_1188" x1="51.1147" y1="29.4982" x2="14.5595" y2="29.4982" gradientUnits="userSpaceOnUse">
+		<stop stop-color="#FFE000"/>
+		<stop offset="0.4087" stop-color="#FFBD00"/>
+		<stop offset="0.7754" stop-color="#FFA500"/>
+		<stop offset="1" stop-color="#FF9C00"/>
+		</linearGradient>
+		<linearGradient id="paint2_linear_1523_1188" x1="37.5063" y1="26.1136" x2="3.94738" y2="-8.25843" gradientUnits="userSpaceOnUse">
+		<stop stop-color="#FF3A44"/>
+		<stop offset="1" stop-color="#C31162"/>
+		</linearGradient>
+		<linearGradient id="paint3_linear_1523_1188" x1="11.0234" y1="58.7401" x2="26.009" y2="43.3916" gradientUnits="userSpaceOnUse">
+		<stop stop-color="#32A071"/>
+		<stop offset="0.0685" stop-color="#2DA771"/>
+		<stop offset="0.4762" stop-color="#15CF74"/>
+		<stop offset="0.8009" stop-color="#06E775"/>
+		<stop offset="1" stop-color="#00F076"/>
+		</linearGradient>
+		</defs>
+	</svg>
+
+
+</template>

package/src/modules/icons/logos/Logotype.vue

@@ -0,0 +1,55 @@
+<template>
+  <svg class="h-2r w-max" width="270" height="300" viewBox="0 0 270 300" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0)">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M264.626 52.2791C265.531 57.2858 266 62.4066 266 67.6155C266 125.882 207.349 173.116 135 173.116C62.6507 173.116 4 125.882 4 67.6155C4 62.4066 4.46875 57.2858 5.37413 52.2791C11.0997 32.6306 21.1714 14.8341 34.4789 0C34.1621 2.17658 34 4.38345 34 6.61562C34 43.8948 79.2192 74.1156 135 74.1156C190.781 74.1156 236 43.8948 236 6.61562C236 4.38345 235.838 2.17659 235.521 5.29254e-06C248.829 14.8341 258.9 32.6306 264.626 52.2791Z" fill="#00FF88"/>
+      <path d="M270 165C270 239.558 209.558 300 135 300C60.4416 300 0 239.558 0 165C0 90.4416 60.4416 30 135 30C209.558 30 270 90.4416 270 165Z" fill="#00FF88"/>
+      <ellipse class="eye" cx="143" cy="155.5" rx="37" ry="37.5" stroke="white" fill="white" stroke-width="1.48515"/>
+      <g class="eye"> 
+      <path  d="M215 166C215 210.849 179.07 247 135 247C90.9303 247 55 210.849 55 166C55 121.151 90.9303 85 135 85C179.07 85 215 121.151 215 166Z" stroke="white" stroke-width="11"/>
+
+   			</g>
+    </g>
+    <defs>
+      <clipPath id="clip0">
+        <rect width="269.333" height="300" fill="white"/>
+      </clipPath>
+    </defs>
+  </svg>
+</template>
+
+<script setup>
+// Здесь нет необходимости в дополнительном JavaScript
+</script>
+
+<style lang="scss" scoped>
+.eye {
+  animation: rotateEye 10s linear infinite;
+  transform-origin: center 55%;
+}
+
+.mouth {
+  animation: rotateMouth 20s ease-in-out infinite;
+  transform-origin: center 55%;
+}
+
+@keyframes rotateEye {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes rotateMouth {
+  0% {
+    transform: rotate(0deg);
+  }
+  50% {
+    transform: rotate(180deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+</style>

package/src/modules/icons/logos/LogotypeNunito.vue

@@ -0,0 +1,12 @@
+<svg width="907" height="256" viewBox="0 0 907 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="256" height="256" rx="79" fill="#00FF29"/>
+<path d="M35.0964 169.709L43.3869 169.709L43.3869 168.783L43.1827 167.88L35.0964 169.709ZM35.0964 178.654L43.3869 178.654L35.0964 178.654ZM84.7047 228.262L84.7047 236.552H84.7047V228.262ZM129.999 217.164L135.229 210.731L129.999 206.478L124.769 210.731L129.999 217.164ZM224.902 176.502L216.972 174.084L216.611 175.266V176.502H224.902ZM225.338 160.089L217.048 159.987L217.048 160.038V160.089H225.338ZM225.338 159.492H217.048V159.542L217.048 159.593L225.338 159.492ZM189.585 83.7981H181.295V83.8602L181.296 83.9223L189.585 83.7981ZM147.876 104.993H156.166V94.0714L145.646 97.0081L147.876 104.993ZM147.874 104.994H139.583V115.916L150.103 112.979L147.874 104.994ZM112.121 83.7946H103.83V83.8572L103.831 83.9198L112.121 83.7946ZM70.4112 105.253H78.7017V94.0779L68.0069 97.3188L70.4112 105.253ZM70.4093 105.254H62.1189V116.428L72.8136 113.188L70.4093 105.254ZM42.9467 59.8414C42.9467 62.8508 40.5071 65.2904 37.4977 65.2904V48.7096C31.3497 48.7096 26.3658 53.6935 26.3658 59.8414H42.9467ZM42.9467 165.749V59.8414H26.3658V165.749H42.9467ZM43.1827 167.88C43.0294 167.203 42.9467 166.49 42.9467 165.749H26.3658C26.3658 167.729 26.5873 169.668 27.0102 171.538L43.1827 167.88ZM43.3869 178.654L43.3869 169.709L26.806 169.709L26.806 178.654L43.3869 178.654ZM84.7047 219.971C61.8855 219.971 43.3869 201.473 43.3869 178.654L26.806 178.654C26.806 210.63 52.7282 236.552 84.7047 236.552L84.7047 219.971ZM98.7244 219.971H84.7047V236.552H98.7244V219.971ZM124.769 210.731C117.659 216.512 108.607 219.971 98.7244 219.971V236.552C112.554 236.552 125.272 231.693 135.229 223.596L124.769 210.731ZM161.274 219.971C151.391 219.971 142.339 216.512 135.229 210.731L124.769 223.596C134.727 231.693 147.444 236.552 161.274 236.552V219.971ZM175.294 219.971H161.274V236.552H175.294V219.971ZM216.611 178.654C216.611 201.473 198.113 219.971 175.294 219.971V236.552C207.27 236.552 233.192 210.63 233.192 178.654H216.611ZM216.611 176.502V178.654H233.192V176.502H216.611ZM217.048 173.562C217.048 173.756 217.019 173.929 216.972 174.084L232.832 178.921C233.352 177.216 233.629 175.414 233.629 173.562H217.048ZM217.048 160.089V173.562H233.629V160.089H217.048ZM217.05 159.79C217.05 159.856 217.049 159.921 217.048 159.987L233.628 160.19C233.63 160.057 233.63 159.924 233.63 159.79H217.05ZM217.048 159.593C217.049 159.659 217.05 159.724 217.05 159.79H233.63C233.63 159.657 233.63 159.523 233.628 159.39L217.048 159.593ZM217.048 89.9116V159.492H233.629V89.9116H217.048ZM192.427 65.2904C206.024 65.2904 217.048 76.3137 217.048 89.9116H233.629C233.629 67.1563 215.182 48.7096 192.427 48.7096V65.2904ZM197.876 59.8414C197.876 62.8508 195.436 65.2904 192.427 65.2904V48.7096C186.279 48.7096 181.295 53.6935 181.295 59.8414H197.876ZM197.876 83.7981V59.8414H181.295V83.7981H197.876ZM197.878 84.1165C197.878 83.9689 197.877 83.8214 197.875 83.674L181.296 83.9223C181.297 83.9867 181.297 84.0514 181.297 84.1165H197.878ZM197.878 169.03V84.1165H181.297V169.03H197.878ZM168.732 198.176C184.829 198.176 197.878 185.127 197.878 169.03H181.297C181.297 175.97 175.671 181.596 168.732 181.596V198.176ZM139.585 169.03C139.585 185.127 152.634 198.176 168.732 198.176V181.596C161.792 181.596 156.166 175.97 156.166 169.03H139.585ZM139.585 104.993V169.03H156.166V104.993H139.585ZM150.103 112.979L150.105 112.978L145.646 97.0081L145.645 97.0087L150.103 112.979ZM139.583 89.9116V104.994H156.164V89.9116H139.583ZM114.962 65.2904C128.56 65.2904 139.583 76.3137 139.583 89.9116H156.164C156.164 67.1563 137.717 48.7096 114.962 48.7096V65.2904ZM120.411 59.8414C120.411 62.8508 117.972 65.2904 114.962 65.2904V48.7096C108.814 48.7096 103.83 53.6935 103.83 59.8414H120.411ZM120.411 83.7946V59.8414H103.83V83.7946H120.411ZM103.831 83.9198C103.832 83.9854 103.833 84.051 103.833 84.1165H120.414C120.414 83.967 120.412 83.818 120.41 83.6694L103.831 83.9198ZM103.833 84.1165V169.03H120.414V84.1165H103.833ZM103.833 169.03C103.833 175.97 98.2069 181.596 91.2672 181.596V198.176C107.364 198.176 120.414 185.127 120.414 169.03H103.833ZM91.2672 181.596C84.3274 181.596 78.7017 175.97 78.7017 169.03H62.1208C62.1208 185.127 75.1701 198.176 91.2672 198.176V181.596ZM78.7017 169.03V105.253H62.1208V169.03H78.7017ZM72.8136 113.188C72.8044 113.19 72.797 113.193 72.7926 113.194C72.7886 113.195 72.7851 113.196 72.7859 113.196C72.7859 113.196 72.7862 113.196 72.7865 113.196C72.7868 113.196 72.7873 113.196 72.7879 113.195C72.7891 113.195 72.7911 113.194 72.7935 113.194C72.7983 113.192 72.806 113.19 72.8155 113.187L68.0069 97.3188C68.0161 97.316 68.0235 97.3138 68.0279 97.3124C68.032 97.3112 68.0354 97.3102 68.0346 97.3104C68.0346 97.3104 68.0344 97.3105 68.0341 97.3106C68.0337 97.3107 68.0332 97.3109 68.0326 97.311C68.0314 97.3114 68.0294 97.312 68.027 97.3127C68.0223 97.3141 68.0145 97.3165 68.005 97.3193L72.8136 113.188ZM62.1189 89.9116V105.254H78.6998V89.9116H62.1189ZM37.4977 65.2904C51.0956 65.2904 62.1189 76.3137 62.1189 89.9116H78.6998C78.6998 67.1563 60.2529 48.7096 37.4977 48.7096V65.2904Z" fill="white"/>
+<path d="M817.91 186.265C813.787 186.265 810.6 185.187 808.351 183.032C806.196 180.877 805.118 177.737 805.118 173.614V127.086C805.118 123.057 806.149 119.964 808.211 117.809C810.366 115.653 813.412 114.576 817.348 114.576C821.283 114.576 824.282 115.653 826.344 117.809C828.406 119.964 829.436 123.057 829.436 127.086V132.85H828.031C828.968 127.227 831.357 122.776 835.2 119.496C839.135 116.216 844.008 114.482 849.819 114.295C852.536 114.201 854.551 114.904 855.863 116.403C857.269 117.809 858.018 120.48 858.112 124.415C858.112 127.789 857.409 130.46 856.004 132.428C854.598 134.396 851.927 135.567 847.991 135.942L844.758 136.223C839.791 136.692 836.184 138.097 833.935 140.44C831.685 142.689 830.561 146.063 830.561 150.561V173.614C830.561 177.737 829.483 180.877 827.328 183.032C825.172 185.187 822.033 186.265 817.91 186.265Z":fill="theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'"/>
+<path d="M771.848 186.546C763.414 186.546 756.105 185.094 749.92 182.189C743.829 179.19 739.143 174.973 735.863 169.538C732.583 164.102 730.943 157.683 730.943 150.28C730.943 143.158 732.49 136.926 735.582 131.584C738.768 126.149 743.079 121.932 748.514 118.933C754.043 115.841 760.322 114.295 767.35 114.295C772.504 114.295 777.19 115.138 781.407 116.825C785.624 118.418 789.232 120.808 792.231 123.994C795.23 127.086 797.479 130.835 798.978 135.239C800.571 139.644 801.368 144.563 801.368 149.999C801.368 151.873 800.852 153.279 799.821 154.216C798.791 155.059 797.151 155.481 794.902 155.481H751.888V143.673H783.094L780.845 145.501C780.845 142.033 780.376 139.222 779.439 137.066C778.502 134.911 777.096 133.271 775.222 132.147C773.442 131.022 771.192 130.46 768.475 130.46C765.57 130.46 763.04 131.163 760.884 132.568C758.823 133.88 757.229 135.848 756.105 138.472C754.98 141.096 754.418 144.376 754.418 148.312V149.577C754.418 156.23 755.871 161.01 758.776 163.915C761.774 166.726 766.366 168.132 772.551 168.132C774.613 168.132 776.956 167.898 779.58 167.429C782.297 166.867 784.874 166.117 787.311 165.18C789.747 164.243 791.856 164.102 793.636 164.758C795.417 165.321 796.776 166.351 797.713 167.851C798.744 169.256 799.306 170.896 799.4 172.771C799.493 174.551 799.072 176.332 798.135 178.112C797.197 179.799 795.651 181.111 793.496 182.048C790.216 183.547 786.702 184.672 782.953 185.422C779.299 186.171 775.597 186.546 771.848 186.546Z":fill="theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'"/>
+<path d="M681.025 186.546C675.121 186.546 669.873 185.094 665.281 182.189C660.783 179.284 657.222 175.113 654.598 169.678C652.068 164.243 650.803 157.824 650.803 150.42C650.803 142.83 652.068 136.364 654.598 131.022C657.222 125.681 660.783 121.557 665.281 118.652C669.873 115.747 675.121 114.295 681.025 114.295C686.179 114.295 690.818 115.513 694.941 117.949C699.064 120.386 701.829 123.525 703.234 127.367H701.688V97.286C701.688 93.1626 702.766 90.0233 704.921 87.8679C707.077 85.7126 710.169 84.6349 714.199 84.6349C718.135 84.6349 721.18 85.7126 723.336 87.8679C725.585 90.0233 726.709 93.1626 726.709 97.286V173.614C726.709 177.737 725.631 180.877 723.476 183.032C721.414 185.187 718.369 186.265 714.339 186.265C710.403 186.265 707.358 185.187 705.202 183.032C703.047 180.877 701.969 177.737 701.969 173.614V165.602L703.516 172.49C702.204 176.707 699.439 180.127 695.222 182.751C691.099 185.281 686.366 186.546 681.025 186.546ZM689.037 168.132C691.567 168.132 693.816 167.523 695.784 166.305C697.752 164.993 699.252 163.071 700.282 160.541C701.407 157.917 701.969 154.544 701.969 150.42C701.969 144.142 700.751 139.644 698.315 136.926C695.878 134.115 692.786 132.709 689.037 132.709C686.507 132.709 684.258 133.318 682.29 134.536C680.322 135.755 678.776 137.676 677.651 140.3C676.527 142.83 675.964 146.203 675.964 150.42C675.964 156.605 677.183 161.104 679.619 163.915C682.056 166.726 685.195 168.132 689.037 168.132Z":fill="theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'"/>
+<path d="M613.877 186.546C606.474 186.546 600.008 185.234 594.479 182.61C588.95 179.893 584.639 176.097 581.547 171.224C578.454 166.351 576.908 160.682 576.908 154.216C576.908 146.25 578.642 139.269 582.109 133.271C585.67 127.274 590.45 122.635 596.447 119.355C602.538 115.981 609.286 114.295 616.689 114.295C622.686 114.295 627.747 115.279 631.87 117.246C636.087 119.214 639.414 121.885 641.85 125.259C644.381 128.632 646.067 132.475 646.911 136.785C647.754 141.002 647.895 145.36 647.332 149.858C647.051 152.201 646.395 153.747 645.365 154.497C644.334 155.153 642.975 155.481 641.288 155.481H597.29L598.977 143.673H630.183L627.934 145.501C628.403 142.595 628.262 140.018 627.512 137.769C626.857 135.52 625.591 133.787 623.717 132.568C621.937 131.256 619.5 130.6 616.408 130.6C613.409 130.6 610.879 131.256 608.817 132.568C606.755 133.88 605.069 135.661 603.757 137.91C602.538 140.159 601.742 142.689 601.367 145.501L600.383 150.983C599.54 156.512 600.57 160.776 603.475 163.774C606.38 166.679 610.785 168.132 616.689 168.132C618.844 168.132 621.234 167.898 623.858 167.429C626.575 166.96 628.918 166.258 630.886 165.321C633.416 164.29 635.525 164.055 637.212 164.618C638.992 165.18 640.304 166.258 641.147 167.851C641.991 169.35 642.319 171.037 642.131 172.911C642.038 174.785 641.429 176.613 640.304 178.393C639.18 180.08 637.493 181.392 635.244 182.329C631.964 183.829 628.45 184.906 624.701 185.562C621.046 186.218 617.438 186.546 613.877 186.546Z":fill="theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'"/>
+<path d="M540.124 186.546C532.72 186.546 526.254 185.234 520.725 182.61C515.196 179.893 510.886 176.097 507.793 171.224C504.701 166.351 503.154 160.682 503.154 154.216C503.154 146.25 504.888 139.269 508.355 133.271C511.916 127.274 516.696 122.635 522.693 119.355C528.784 115.981 535.532 114.295 542.935 114.295C548.932 114.295 553.993 115.279 558.116 117.246C562.333 119.214 565.66 121.885 568.096 125.259C570.627 128.632 572.313 132.475 573.157 136.785C574 141.002 574.141 145.36 573.579 149.858C573.297 152.201 572.641 153.747 571.611 154.497C570.58 155.153 569.221 155.481 567.534 155.481H523.537L525.223 143.673H556.429L554.18 145.501C554.649 142.595 554.508 140.018 553.759 137.769C553.103 135.52 551.837 133.787 549.963 132.568C548.183 131.256 545.746 130.6 542.654 130.6C539.655 130.6 537.125 131.256 535.063 132.568C533.001 133.88 531.315 135.661 530.003 137.91C528.784 140.159 527.988 142.689 527.613 145.501L526.629 150.983C525.786 156.512 526.816 160.776 529.722 163.774C532.627 166.679 537.031 168.132 542.935 168.132C545.09 168.132 547.48 167.898 550.104 167.429C552.821 166.96 555.164 166.258 557.132 165.321C559.662 164.29 561.771 164.055 563.458 164.618C565.238 165.18 566.55 166.258 567.394 167.851C568.237 169.35 568.565 171.037 568.378 172.911C568.284 174.785 567.675 176.613 566.55 178.393C565.426 180.08 563.739 181.392 561.49 182.329C558.21 183.829 554.696 184.906 550.947 185.562C547.292 186.218 543.685 186.546 540.124 186.546Z":fill="theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'"/>
+<path d="M466.37 186.546C458.966 186.546 452.5 185.234 446.971 182.61C441.442 179.893 437.132 176.097 434.039 171.224C430.947 166.351 429.4 160.682 429.4 154.216C429.4 146.25 431.134 139.269 434.601 133.271C438.162 127.274 442.942 122.635 448.939 119.355C455.031 115.981 461.778 114.295 469.181 114.295C475.179 114.295 480.239 115.279 484.362 117.246C488.579 119.214 491.906 121.885 494.343 125.259C496.873 128.632 498.56 132.475 499.403 136.785C500.246 141.002 500.387 145.36 499.825 149.858C499.544 152.201 498.888 153.747 497.857 154.497C496.826 155.153 495.467 155.481 493.78 155.481H449.783L451.469 143.673H482.675L480.426 145.501C480.895 142.595 480.754 140.018 480.005 137.769C479.349 135.52 478.084 133.787 476.209 132.568C474.429 131.256 471.992 130.6 468.9 130.6C465.901 130.6 463.371 131.256 461.309 132.568C459.248 133.88 457.561 135.661 456.249 137.91C455.031 140.159 454.234 142.689 453.859 145.501L452.875 150.983C452.032 156.512 453.063 160.776 455.968 163.774C458.873 166.679 463.277 168.132 469.181 168.132C471.336 168.132 473.726 167.898 476.35 167.429C479.068 166.96 481.41 166.258 483.378 165.321C485.908 164.29 488.017 164.055 489.704 164.618C491.484 165.18 492.796 166.258 493.64 167.851C494.483 169.35 494.811 171.037 494.624 172.911C494.53 174.785 493.921 176.613 492.796 178.393C491.672 180.08 489.985 181.392 487.736 182.329C484.456 183.829 480.942 184.906 477.193 185.562C473.539 186.218 469.931 186.546 466.37 186.546Z" :fill="theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'"/>
+<path d="M335.511 186.265C332.044 186.265 329.233 185.469 327.077 183.875C324.922 182.189 323.235 179.612 322.017 176.144L294.606 99.8162C293.107 95.5991 293.341 92.0381 295.309 89.133C297.371 86.1343 300.979 84.6349 306.133 84.6349C309.6 84.6349 312.318 85.4783 314.286 87.1651C316.254 88.7582 317.8 91.2884 318.925 94.7557L339.869 157.589H333.262L355.753 94.7557C357.065 91.2884 358.705 88.7582 360.673 87.1651C362.641 85.4783 365.171 84.6349 368.264 84.6349C371.356 84.6349 373.84 85.4783 375.714 87.1651C377.588 88.7582 379.134 91.3353 380.352 94.8963L401.438 157.589H395.815L417.322 94.7557C418.446 91.2884 419.946 88.7582 421.82 87.1651C423.788 85.4783 426.505 84.6349 429.973 84.6349C434.283 84.6349 437.423 86.1343 439.391 89.133C441.452 92.0381 441.687 95.5991 440.094 99.8162L412.402 176.285C411.184 179.658 409.497 182.189 407.341 183.875C405.28 185.469 402.515 186.265 399.048 186.265C395.487 186.265 392.629 185.469 390.473 183.875C388.412 182.189 386.772 179.612 385.553 176.144L365.733 120.48H369.248L349.006 176.285C347.694 179.658 346.007 182.189 343.946 183.875C341.884 185.469 339.073 186.265 335.511 186.265Z" :fill="theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'"/>
+<path d="M884.363 124.684C881.13 124.684 878.146 124.124 875.411 123.005C872.676 121.845 870.272 120.25 868.2 118.219C866.17 116.147 864.574 113.743 863.414 111.008C862.295 108.231 861.735 105.248 861.735 102.057C861.735 98.8656 862.295 95.9025 863.414 93.1673C864.574 90.3908 866.17 87.9871 868.2 85.9565C870.272 83.9258 872.676 82.3511 875.411 81.2321C878.146 80.0718 881.13 79.4916 884.363 79.4916C887.554 79.4916 890.517 80.0718 893.252 81.2321C896.028 82.3511 898.432 83.9258 900.463 85.9565C902.493 87.9871 904.068 90.3908 905.187 93.1673C906.347 95.9025 906.928 98.8656 906.928 102.057C906.928 105.248 906.347 108.231 905.187 111.008C904.068 113.743 902.493 116.147 900.463 118.219C898.432 120.25 896.028 121.845 893.252 123.005C890.517 124.124 887.554 124.684 884.363 124.684ZM884.363 120.705C887.015 120.705 889.46 120.25 891.698 119.338C893.936 118.385 895.883 117.058 897.541 115.359C899.199 113.66 900.463 111.692 901.333 109.454C902.245 107.175 902.7 104.709 902.7 102.057C902.7 99.4043 902.245 96.9593 901.333 94.7214C900.463 92.4421 899.199 90.4736 897.541 88.816C895.883 87.1169 893.936 85.8114 891.698 84.8997C889.46 83.9466 887.015 83.47 884.363 83.47C881.669 83.47 879.203 83.9466 876.965 84.8997C874.727 85.8114 872.78 87.1169 871.122 88.816C869.464 90.4736 868.18 92.4421 867.268 94.7214C866.398 96.9593 865.962 99.4043 865.962 102.057C865.962 104.709 866.398 107.175 867.268 109.454C868.18 111.692 869.464 113.66 871.122 115.359C872.78 117.058 874.727 118.385 876.965 119.338C879.203 120.25 881.669 120.705 884.363 120.705ZM877.96 115.546C875.266 115.546 873.919 114.158 873.919 111.381V93.6646C873.919 92.1313 874.313 90.9502 875.1 90.1214C875.929 89.2511 877.131 88.816 878.706 88.816H886.165C889.19 88.816 891.532 89.5826 893.19 91.116C894.847 92.6493 895.676 94.5349 895.676 96.7728C895.676 99.1764 894.868 101.021 893.252 102.305C891.677 103.59 889.481 104.232 886.663 104.232L888.776 103.486C890.185 103.486 891.304 103.818 892.133 104.481C892.962 105.103 893.645 106.449 894.184 108.522L894.806 110.759C895.22 112.417 894.992 113.64 894.122 114.427C893.293 115.173 892.154 115.546 890.703 115.546C889.709 115.546 888.88 115.256 888.217 114.676C887.595 114.095 887.181 113.308 886.973 112.313L885.854 107.776C885.689 107.03 885.378 106.532 884.922 106.284C884.508 105.994 884.031 105.849 883.492 105.849H880.881L882.063 105.103V111.381C882.063 114.158 880.695 115.546 877.96 115.546ZM882 100.005H884.984C885.979 100.005 886.725 99.798 887.222 99.3836C887.719 98.9692 887.968 98.2854 887.968 97.3322C887.968 96.3791 887.699 95.6953 887.16 95.2809C886.663 94.8665 885.937 94.6592 884.984 94.6592H882V100.005Z":fill="theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'"/>
+</svg>

package/src/modules/icons/navigation/IconAdd.vue

@@ -0,0 +1,15 @@
+<template>
+<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path d="M26.0346 14.9709V37.2577M15.6412 26.1143H36.428M50.0358 26.1143C50.0358 39.3698 39.2901 50.1155 26.0346 50.1155C12.7791 50.1155 2.03342 39.3698 2.03342 26.1143C2.03342 12.8588 12.7791 2.1131 26.0346 2.1131C39.2901 2.1131 50.0358 12.8588 50.0358 26.1143Z" :stroke="fill" stroke-width="3.21445" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>

package/src/modules/icons/navigation/IconArrow.vue

@@ -0,0 +1,21 @@
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
+	<path  :fill="fill" :transform="`rotate(${rotation}, 24, 24)`"  d="M42.4938 21.6042L29.8525 8.96288C29.568 8.66354 29.2265 8.42416 28.8481 8.25884C28.4696 8.09352 28.062 8.0056 27.649 8.00026C27.2361 7.99492 26.8263 8.07226 26.4437 8.22774C26.0612 8.38322 25.7136 8.61368 25.4214 8.90556C25.1293 9.19743 24.8985 9.54482 24.7427 9.92725C24.5869 10.3097 24.5092 10.7194 24.5142 11.1324C24.5192 11.5453 24.6067 11.953 24.7717 12.3316C24.9367 12.7102 25.1758 13.0519 25.4749 13.3366L32.9475 20.7978H8.09504C7.27418 20.7978 6.48695 21.1238 5.90652 21.7043C5.32608 22.2847 5 23.0719 5 23.8928C5 24.7137 5.32608 25.5009 5.90652 26.0813C6.48695 26.6618 7.27418 26.9878 8.09504 26.9878H32.8784L25.4749 34.4029C24.9186 34.9882 24.6131 35.7677 24.6236 36.5751C24.634 37.3825 24.9596 38.1538 25.5308 38.7245C26.102 39.2952 26.8736 39.6201 27.681 39.6299C28.4884 39.6396 29.2677 39.3334 29.8525 38.7766L42.4938 26.1354C42.7822 25.8487 43.0108 25.5076 43.1664 25.1318C43.3219 24.7561 43.4013 24.3532 43.4 23.9466C43.402 23.921 43.402 23.8953 43.4 23.8698C43.4018 23.8442 43.4018 23.8185 43.4 23.793C43.3997 22.9721 43.0738 22.1849 42.4938 21.6042Z" />
+</svg>
+
+
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  },
+	  rotation: {
+	    type: Number,
+	    default: 0
+	  }
+	})
+</script>
+`

package/src/modules/icons/navigation/IconCheckmark.vue

@@ -0,0 +1,16 @@
+<template>
+	<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
+	  <path :fill="fill" fill-rule="evenodd" clip-rule="evenodd" d="M19.1081 37.3513C18.3271 38.1323 17.061 38.1323 16.2799 37.3515L7.41509 28.4891C6.63367 27.7079 6.63381 26.441 7.4154 25.66L9.04833 24.0282C9.82946 23.2476 11.0954 23.2478 11.8763 24.0287L17.6941 29.8465L36.1264 11.4142C36.9074 10.6332 38.1738 10.6332 38.9548 11.4142L40.5858 13.0452C41.3668 13.8262 41.3668 15.0926 40.5858 15.8736L19.1081 37.3513Z" />
+	</svg>
+</template>
+
+
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>

package/src/modules/icons/navigation/IconChevronBottom.vue

@@ -0,0 +1,18 @@
+<template>
+	<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<g transform="rotate(90 40 40)">
+			<path :fill="fill" d="M16.25 9.375L20 5.9375C21.5625 4.53125 23.9062 4.6875 25.3125 6.25L54.2188 37.8125C55.3125 39.0625 55.3125 40.9375 54.2188 42.1875L25.3125 73.75C23.9062 75.3125 21.5625 75.4688 20 74.0625L16.25 70.625C14.6875 69.375 14.5312 66.875 15.9375 65.4688L39.375 40L15.9375 14.5312C14.5312 13.125 14.6875 10.625 16.25 9.375Z"/>
+		</g>
+	</svg>
+</template>
+
+<script>
+	export default {
+	  props: {
+	    fill: {
+	      type: String,
+	      default: 'rgb(var(--black)'
+	    }
+	  }
+	}
+</script>

package/src/modules/icons/navigation/IconChevronLeft.vue

@@ -0,0 +1,17 @@
+<template>
+	<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80" fill="none">
+	  <path :fill="fill" d="M54.7235 70.625L50.9735 74.0625C49.411 75.4688 47.0673 75.3125 45.661 73.75L16.7547 42.1875C15.661 40.9375 15.661 39.0625 16.7547 37.8125L45.661 6.25C47.0673 4.6875 49.411 4.53125 50.9735 5.9375L54.7235 9.375C56.286 10.625 56.4423 13.125 55.036 14.5312L31.5985 40L55.036 65.4688C56.4423 66.875 56.286 69.375 54.7235 70.625Z"/>
+	</svg>
+</template>
+
+
+<script>
+	export default {
+	  props: {
+	    fill: {
+	      type: String,
+	      default: 'rgb(var(--black)'
+	    }
+	  }
+	}
+</script>

package/src/modules/icons/navigation/IconChevronRight.vue

@@ -0,0 +1,17 @@
+<template>
+	<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80" fill="none">
+	  <path :fill="fill" d="M25.2765 9.37509L29.0265 5.93759C30.589 4.53134 32.9327 4.68759 34.339 6.25009L63.2453 37.8126C64.339 39.0626 64.339 40.9376 63.2453 42.1876L34.339 73.7501C32.9327 75.3126 30.589 75.4689 29.0265 74.0626L25.2765 70.6251C23.714 69.3751 23.5577 66.8751 24.964 65.4689L48.4015 40.0001L24.964 14.5313C23.5577 13.1251 23.714 10.6251 25.2765 9.37509Z"/>
+	</svg>
+</template>
+
+
+<script>
+	export default {
+	  props: {
+	    fill: {
+	      type: String,
+	      default: 'rgb(var(--black)'
+	    }
+	  }
+	}
+</script>

package/src/modules/icons/navigation/IconCross.vue

@@ -0,0 +1,26 @@
+<template>
+	<svg 
+		width="26"
+		height="26" 
+		viewBox="0 0 26 26" 
+		fill="none" 
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<path 
+			:fill="fill"
+			fill-rule="evenodd" 
+			clip-rule="evenodd" 
+			d="M12.9996 10.8L22.8994 0.900244L25.0993 3.1002L15.1995 13L25.0993 22.8998L22.8994 25.0998L12.9996 15.2L3.09976 25.0998L0.899801 22.8998L10.7996 13L0.899801 3.1002L3.09976 0.900244L12.9996 10.8Z"/>
+	</svg>
+</template>
+
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>
+

package/src/modules/icons/navigation/IconDelete.vue

@@ -0,0 +1,19 @@
+<template>
+	<svg width="46" height="52" viewBox="0 0 46 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path 
+			:fill="fill"
+			d="M43.9968 8.0683H33.5206V6.36226C33.5206 3.31016 31.0371 0.821533 27.9798 0.821533H18.0253C14.9732 0.821533 12.4846 3.30495 12.4846 6.36226V8.0683H2.00833C1.23096 8.0683 0.610107 8.68915 0.610107 9.46653C0.610107 10.2439 1.23096 10.8647 2.00833 10.8647H4.53348V43.7022C4.53348 47.8238 7.88818 51.1785 12.0098 51.1785H34.0005C38.1222 51.1785 41.4769 47.8238 41.4769 43.7022V10.8647H44.002C44.7794 10.8647 45.4002 10.2439 45.4002 9.46653C45.4002 8.68915 44.7742 8.0683 43.9968 8.0683ZM15.281 6.36226C15.281 4.84925 16.5123 3.61798 18.0253 3.61798H27.985C29.4981 3.61798 30.7293 4.84925 30.7293 6.36226V8.0683H15.281V6.36226ZM38.6856 43.7022H38.6752C38.6752 46.2795 36.5726 48.382 33.9953 48.382H12.0098C9.43249 48.382 7.32993 46.2795 7.32993 43.7022V10.8647H38.6909V43.7022H38.6856ZM30.7241 40.4309V18.8054C30.7241 18.028 31.345 17.4072 32.1223 17.4072C32.8997 17.4072 33.5206 18.028 33.5206 18.8054V40.4309C33.5206 41.2083 32.8997 41.8292 32.1223 41.8292C31.345 41.8292 30.7241 41.2083 30.7241 40.4309ZM21.6043 41.9648V17.2715C21.6043 16.4942 22.2252 15.8733 23.0026 15.8733C23.7799 15.8733 24.4008 16.4942 24.4008 17.2715V41.9752C24.4008 42.7526 23.7799 43.3735 23.0026 43.3735C22.2252 43.3735 21.6043 42.7422 21.6043 41.9648ZM12.4846 40.4309V18.8054C12.4846 18.028 13.1054 17.4072 13.8828 17.4072C14.6602 17.4072 15.281 18.028 15.281 18.8054V40.4309C15.281 41.2083 14.6602 41.8292 13.8828 41.8292C13.1159 41.8292 12.4846 41.2083 12.4846 40.4309Z"
+		/>
+	</svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>
+
+

package/src/modules/icons/navigation/IconEdit.vue

@@ -0,0 +1,21 @@
+<template>
+	<svg 
+		 width="652" height="652" viewBox="0 0 652 652" fill="none" xmlns="http://www.w3.org/2000/svg"
+	>
+		<path :class="classes" :fill="fill" d="M515.693 9.52082C510.095 3.91669 502.49 0.765625 494.563 0.765625C486.635 0.765625 479.036 3.91669 473.432 9.52082L48.7255 434.307C44.8244 438.214 42.0848 443.125 40.8088 448.496L0.939444 615.069C-1.47202 625.168 1.528 635.788 8.86652 643.132C16.2103 650.47 26.8305 653.47 36.9292 651.059L203.516 611.261H203.511C208.88 609.985 213.792 607.246 217.699 603.35L642.485 178.496C648.089 172.892 651.241 165.293 651.241 157.366C651.241 149.439 648.089 141.835 642.485 136.235L515.693 9.52082ZM113.76 453.708L388.307 179.161L472.828 263.682L198.281 538.229L113.76 453.708ZM87.1041 511.5L140.416 564.812L70.3014 581.614L87.1041 511.5ZM515.091 221.793L430.195 136.897L494.184 72.9075L579.08 157.429L515.091 221.793Z"/>
+	</svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  },
+	  classes: {
+	    type: String,
+	    default: ''
+	  },
+
+	})
+</script>

package/src/modules/icons/navigation/IconEllipsis.vue

@@ -0,0 +1,16 @@
+<template>
+	<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
+	  <circle cx="6" cy="24" r="6" :fill="fill" :class="$attrs.class"/>
+	  <circle cx="24" cy="24" r="6" :fill="fill" :class="$attrs.class"/>
+	  <circle cx="42" cy="24" r="6" :fill="fill" :class="$attrs.class"/>
+	</svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>

package/src/modules/icons/navigation/IconFilter.vue

@@ -0,0 +1,18 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
+    <path d="M46.4267 13.1341L29.226 30.2782V43.1433C29.2272 43.5293 29.1102 43.9065 28.8907 44.2239C28.6711 44.5414 28.3596 44.784 27.998 44.9191L20.5831 47.6868C20.2976 47.7934 19.9905 47.8294 19.6881 47.7917C19.3856 47.754 19.0968 47.6437 18.8462 47.4701C18.5957 47.2966 18.3908 47.065 18.2492 46.7952C18.1075 46.5253 18.0332 46.2252 18.0327 45.9204V30.2498L1.50259 13.0491C0.772898 12.2954 0.281511 11.3434 0.0898392 10.312C-0.101832 9.28058 0.0147126 8.21558 0.424909 7.25005C0.835106 6.28453 1.52076 5.46131 2.39619 4.88327C3.27161 4.30523 4.29798 3.99801 5.34702 4.00001H42.6579C43.7158 4.00084 44.7497 4.31552 45.6287 4.90422C46.5077 5.49291 47.1923 6.32916 47.5958 7.30712C47.9993 8.28507 48.1036 9.36075 47.8955 10.398C47.6874 11.4353 47.1763 12.3875 46.4267 13.1341Z" :fill="fill"/>
+  </svg>
+</template>
+
+<script setup>
+  const props = defineProps({
+    fill: {
+      type: String,
+      default: 'rgb(var(--black))'
+    },
+    order: {
+      type: String,
+      default: 'desc'
+    }
+  })
+</script>

package/src/modules/icons/navigation/IconInfo.vue

@@ -0,0 +1,37 @@
+<template>
+	<svg 
+		width="17" 
+		height="16" 
+		viewBox="0 0 17 16" 
+		fill="none" 
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<path 
+			:fill="fill"
+			fill-rule="evenodd" 
+			clip-rule="evenodd" 
+			d="M8.48828 14.4941C10.2122 14.4941 11.8655 13.8093 13.0845 12.5903C14.3035 11.3713 14.9883 9.71805 14.9883 7.99414C14.9883 6.27023 14.3035 4.61693 13.0845 3.39795C11.8655 2.17896 10.2122 1.49414 8.48828 1.49414C6.76437 1.49414 5.11107 2.17896 3.89209 3.39795C2.6731 4.61693 1.98828 6.27023 1.98828 7.99414C1.98828 9.71805 2.6731 11.3713 3.89209 12.5903C5.11107 13.8093 6.76437 14.4941 8.48828 14.4941ZM14.1451 13.651C12.6448 15.1513 10.61 15.9941 8.48828 15.9941C6.36655 15.9941 4.33172 15.1513 2.83143 13.651C1.33114 12.1507 0.488281 10.1159 0.488281 7.99414C0.488281 5.87241 1.33114 3.83758 2.83143 2.33729C4.33172 0.836995 6.36655 -0.00585938 8.48828 -0.00585938C10.61 -0.00585938 12.6448 0.836995 14.1451 2.33729C15.6454 3.83758 16.4883 5.87241 16.4883 7.99414C16.4883 10.1159 15.6454 12.1507 14.1451 13.651Z" 
+		/>
+		<path 
+			:fill="fill"
+			d="M7.23828 10.4941H7.98828V8.49414H7.23828C6.82266 8.49414 6.48828 8.15977 6.48828 7.74414C6.48828 7.32852 6.82266 6.99414 7.23828 6.99414H8.73828C9.15391 6.99414 9.48828 7.32852 9.48828 7.74414V10.4941H9.73828C10.1539 10.4941 10.4883 10.8285 10.4883 11.2441C10.4883 11.6598 10.1539 11.9941 9.73828 11.9941H7.23828C6.82266 11.9941 6.48828 11.6598 6.48828 11.2441C6.48828 10.8285 6.82266 10.4941 7.23828 10.4941Z"
+		/>
+		<path 
+			:fill="fill"
+			d="M8.48828 3.99414C8.7535 3.99414 9.00785 4.0995 9.19539 4.28703C9.38292 4.47457 9.48828 4.72892 9.48828 4.99414C9.48828 5.25936 9.38292 5.51371 9.19539 5.70125C9.00785 5.88878 8.7535 5.99414 8.48828 5.99414C8.22306 5.99414 7.96871 5.88878 7.78117 5.70125C7.59364 5.51371 7.48828 5.25936 7.48828 4.99414C7.48828 4.72892 7.59364 4.47457 7.78117 4.28703C7.96871 4.0995 8.22306 3.99414 8.48828 3.99414Z"
+		/>
+	</svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+  fill: {
+    type: String,
+    default: {
+      position: 'rgb(var(--black))'
+    }
+  }
+})
+</script>
+
+

package/src/modules/icons/navigation/IconLike.vue

@@ -0,0 +1,41 @@
+<template>
+	<svg 
+		width="17" 
+		height="14" 
+		viewBox="0 0 17 14" 
+		fill="none" 
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<path 
+			:fill="fill"
+			fill-rule="evenodd" 
+			clip-rule="evenodd" 
+			d="M1.97578 8.38083L7.62266 13.6527C7.85703 13.8715 8.16641 13.9933 8.48828 13.9933C8.81016 13.9933 9.11953 13.8715 9.35391 13.6527L15.0008 8.38083C15.9508 7.49646 16.4883 6.25583 16.4883 4.95896V4.77771C16.4883 2.59333 14.9102 0.730831 12.757 0.371456C11.332 0.133956 9.88203 0.599581 8.86328 1.61833L8.48828 1.99333L8.11328 1.61833C7.09455 0.599841 5.64436 0.133985 4.21953 0.371456C2.06641 0.730831 0.488281 2.59333 0.488281 4.77771V4.95896C0.488281 6.25583 1.02578 7.49646 1.97578 8.38083ZM2.99941 7.28439L2.99784 7.28293C2.354 6.68356 1.98828 5.84123 1.98828 4.95896V4.77771C1.98828 3.32663 3.03625 2.08988 4.46613 1.85105C5.41318 1.69332 6.37649 2.00286 7.05262 2.67899L8.48828 4.11465L9.54894 3.05399L9.92394 2.67899C10.6001 2.00286 11.5634 1.69332 12.5104 1.85105C13.9403 2.08988 14.9883 3.32663 14.9883 4.77771V4.95896C14.9883 5.84123 14.6226 6.68356 13.9787 7.28293L8.48828 12.4088L2.99941 7.28439Z" 
+		/>
+		<path 
+			
+			v-show="isLiked"
+			:fill="fill"
+			fill-rule="evenodd" 
+			clip-rule="evenodd" 
+			d="M2.98382 8.19027L7.75664 12.6461C7.95474 12.831 8.21623 12.934 8.48828 12.934C8.76033 12.934 9.02182 12.831 9.21992 12.6461L13.9927 8.19027C14.7957 7.44278 15.25 6.39418 15.25 5.29805V5.14485C15.25 3.29858 13.9161 1.72437 12.0963 1.42062C10.8919 1.21988 9.6663 1.61344 8.80524 2.4745L8.48828 2.79146L8.17133 2.4745C7.31028 1.61366 6.08455 1.21991 4.88027 1.42062C3.06042 1.72437 1.72656 3.29858 1.72656 5.14485V5.29805C1.72656 6.39418 2.18087 7.44278 2.98382 8.19027Z" 
+		/>
+	</svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+  fill: {
+    type: String,
+    default: {
+      position: 'rgb(var(--black))'
+    }
+  },
+  isLiked: {
+    type: Boolean,
+    default: false
+  }
+})
+</script>
+
+

package/src/modules/icons/navigation/IconMinus.vue

@@ -0,0 +1,15 @@
+<template>
+	<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path d="M15.6078 26.1143H36.3946M50.0024 26.1143C50.0024 39.3698 39.2567 50.1155 26.0012 50.1155C12.7457 50.1155 2 39.3698 2 26.1143C2 12.8588 12.7457 2.1131 26.0012 2.1131C39.2567 2.1131 50.0024 12.8588 50.0024 26.1143Z" :stroke="fill" stroke-width="3.21445" stroke-linecap="round"/>
+	</svg>
+</template>
+
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>

package/src/modules/icons/navigation/IconMute.vue

@@ -0,0 +1,31 @@
+<template>
+	<svg 
+    width="19" 
+    height="15" 
+    viewBox="0 0 19 15" 
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path 
+			:fill="fill"
+      d="M9.97505 0.3828C10.3344 0.5453 10.5657 0.90155 10.5657 1.2953V13.2953C10.5657 13.6891 10.3344 14.0453 9.97505 14.2078C9.61567 14.3703 9.1938 14.3047 8.90005 14.0422L4.68442 10.2953H2.56567C1.46255 10.2953 0.565674 9.39843 0.565674 8.2953V6.2953C0.565674 5.19218 1.46255 4.2953 2.56567 4.2953H4.68442L8.90005 0.548425C9.1938 0.285925 9.61567 0.223425 9.97505 0.3828Z"
+    />
+    <path 
+      :fill="fill"
+      d="M15.5657 6.23301L13.8469 4.51426C13.5563 4.22051 13.0813 4.22363 12.7876 4.51426C12.4938 4.80488 12.4938 5.27988 12.7876 5.57363L14.5063 7.29238L12.7876 9.01113C12.4938 9.30176 12.4969 9.77676 12.7876 10.0705C13.0782 10.3643 13.5532 10.3643 13.8469 10.0705L15.5657 8.35176L17.2844 10.0705C17.5751 10.3643 18.0501 10.3611 18.3438 10.0705C18.6376 9.77988 18.6376 9.30488 18.3438 9.01113L16.6251 7.29238L18.3438 5.57363C18.6376 5.28301 18.6344 4.80801 18.3438 4.51426C18.0532 4.22051 17.5782 4.22051 17.2844 4.51426L15.5657 6.23301Z"
+    />
+  </svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+  fill: {
+    type: String,
+    default: {
+      position: 'rgb(var(--black))'
+    }
+  },
+})
+</script>
+
+

package/src/modules/icons/navigation/IconPlus.vue

@@ -0,0 +1,14 @@
+<template>
+<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M4 26H48M26 4V48" :stroke="fill" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+</template>
+
+<script setup>
+const props = defineProps({
+  fill: {
+    type: String,
+    default: 'rgb(var(--black))'
+  }
+})
+</script>

package/src/modules/icons/navigation/IconSearch.vue

@@ -0,0 +1,14 @@
+<template>
+  <svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path :fill="none" :stroke="fill" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" :class="$attrs.class" d="M22.5 36C30.5081 36 37 29.5081 37 21.5C37 13.4919 30.5081 7 22.5 7C14.4919 7 8 13.4919 8 21.5C8 29.5081 14.4919 36 22.5 36Z"/>
+    <path :fill="none" :stroke="fill" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round" :class="$attrs.class" d="M33 32L42 41"/>
+  </svg>
+</template>
+<script setup>
+  const props = defineProps({
+    fill: {
+      type: String,
+      default: 'rgb(var(--black))'
+    }
+  })
+</script>

package/src/modules/icons/navigation/IconSort.vue

@@ -0,0 +1,21 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
+    <rect y="0" :width="order === 'desc' ? 32 : 8" height="5" rx="2.5" :fill="fill"  class="transition-linear"/>
+    <rect y="9" :width="order === 'desc' ? 24 : 16" height="5" rx="2.5" :fill="fill"  class="transition-linear"/>
+    <rect y="18" :width="order === 'desc' ? 16 : 24" height="5" rx="2.5" :fill="fill"  class="transition-linear"/>
+    <rect y="27" :width="order === 'desc' ? 8 : 32" height="5" rx="2.5" :fill="fill"  class="transition-linear"/>
+  </svg>
+</template>
+
+<script setup>
+  const props = defineProps({
+    fill: {
+      type: String,
+      default: 'rgb(var(--black))'
+    },
+    order: {
+      type: String,
+      default: 'desc'
+    }
+  })
+</script>

package/src/modules/icons/navigation/IconUnMute.vue

@@ -0,0 +1,27 @@
+<template>
+  <svg 
+    width="18" 
+    height="14" 
+    viewBox="0 0 18 14"
+    fill="none" 
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      :fill="fill"
+      d="M15.35 2.34413C16.7 3.44413 17.5657 5.12225 17.5657 7.00038C17.5657 8.8785 16.7 10.5566 15.35 11.6566C15.0282 11.9191 14.5563 11.8691 14.2938 11.5473C14.0313 11.2254 14.0813 10.7535 14.4032 10.491C15.4188 9.666 16.0657 8.40975 16.0657 7.00038C16.0657 5.591 15.4188 4.33475 14.4032 3.50663C14.0813 3.24413 14.0344 2.77225 14.2938 2.45038C14.5532 2.1285 15.0282 2.08163 15.35 2.341V2.34413ZM13.4594 4.67225C14.1313 5.22225 14.5657 6.05975 14.5657 7.00038C14.5657 7.941 14.1313 8.7785 13.4594 9.3285C13.1375 9.591 12.6657 9.541 12.4032 9.21913C12.1407 8.89725 12.1907 8.42538 12.5125 8.16288C12.85 7.88788 13.0657 7.46913 13.0657 7.00038C13.0657 6.53163 12.85 6.11288 12.5125 5.83475C12.1907 5.57225 12.1438 5.10038 12.4032 4.7785C12.6625 4.45663 13.1375 4.40975 13.4594 4.66913V4.67225ZM9.97505 0.0878784C10.3344 0.250378 10.5657 0.606628 10.5657 1.00038V13.0004C10.5657 13.3941 10.3344 13.7504 9.97505 13.9129C9.61567 14.0754 9.1938 14.0098 8.90005 13.7473L4.68442 10.0004H2.56567C1.46255 10.0004 0.565674 9.1035 0.565674 8.00038V6.00038C0.565674 4.89725 1.46255 4.00038 2.56567 4.00038H4.68442L8.90005 0.253503C9.1938 -0.00899664 9.61567 -0.0714966 9.97505 0.0878784Z"
+    />
+  </svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+  fill: {
+    type: String,
+    default: {
+      position: 'rgb(var(--black))'
+    }
+  },
+})
+</script>
+
+

package/src/modules/icons/navigation/IconUpload.vue

@@ -0,0 +1,16 @@
+<template>
+	<svg width="49" height="35" viewBox="0 0 49 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path :fill="fill" d="M18.0196 16.645C17.3501 17.3144 17.3501 18.3999 18.0196 19.0693C18.689 19.7388 19.7745 19.7388 20.4439 19.0693L22.6603 16.8529V26.4286C22.6603 27.3754 23.4278 28.1429 24.3746 28.1429C25.3214 28.1429 26.0889 27.3754 26.0889 26.4286V16.8529L28.3053 19.0693C28.9747 19.7388 30.0602 19.7388 30.7296 19.0693C31.399 18.3999 31.399 17.3144 30.7296 16.645L25.5868 11.5021C24.9173 10.8327 23.8318 10.8327 23.1624 11.5021L18.0196 16.645Z"/>
+		<path :fill="fill" fill-rule="evenodd" clip-rule="evenodd" d="M24.3746 0.714294C16.9516 0.714294 10.7548 5.95521 9.27936 12.9394C4.19731 13.976 0.374592 18.4695 0.374592 23.8572C0.374592 30.0113 5.36342 35 11.5174 35H37.2317C43.3857 35 48.3746 30.0113 48.3746 23.8572C48.3746 18.4695 44.5519 13.976 39.4699 12.9394C37.9944 5.95521 31.7976 0.714294 24.3746 0.714294ZM12.4643 14.6667C13.1906 8.73646 18.2474 4.14287 24.3746 4.14287C30.5018 4.14287 35.5586 8.73646 36.2849 14.6667C36.384 15.4757 37.0387 16.1029 37.8511 16.1672C41.821 16.4818 44.946 19.8053 44.946 23.8572C44.946 28.1177 41.4922 31.5714 37.2317 31.5714H11.5174C7.25697 31.5714 3.80316 28.1177 3.80316 23.8572C3.80316 19.8053 6.92808 16.4818 10.8981 16.1672C11.7104 16.1029 12.3652 15.4757 12.4643 14.6667Z"/>
+	</svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>
+