@it-enterprise/forcebpm-ui-kit 1.0.2-beta.3 → 1.0.2-beta.30

package/src/FUserRoles.vue

@@ -0,0 +1,195 @@
+<script setup>
+// FUserRoles
+import { useTemplateRef, watch, ref, nextTick } from 'vue'
+import { useElementSize, useParentElement } from '@vueuse/core'
+
+const props = defineProps({
+  userActions: {
+    type: Array,
+    required: true
+  },
+  statusIcon: {
+    type: Boolean,
+    default: false
+  },
+  color: {
+    type: String,
+    default: 'subTitle'
+  }
+})
+
+const userRolesRef = useTemplateRef('userRoles')
+const parentEl = useParentElement(userRolesRef)
+const { width } = useElementSize(parentEl)
+const count = ref(props.userActions.length)
+const actionsWidth = ref([])
+
+const statuses = [
+  'COMPLETED',
+  'ISSUED',
+  'RUNNING',
+  'CHECKING',
+  'CANCELED',
+  'REJECTED',
+  'RETURNED_TO_INITIATOR',
+  'WAITING',
+  'DELEGATED',
+  'PROCESSED_BY_ASSISTANT'
+]
+
+const isStatusIcon = action => {
+  return props.statusIcon && action.status && statuses.includes(action.status)
+}
+
+const calculateActionsWidth = () => {
+  props.userActions.forEach((action, idx) => {
+    const virtualActionEl = document.createElement('div')
+    virtualActionEl.style.visibility = 'hidden'
+    virtualActionEl.style.position = 'absolute'
+    virtualActionEl.className = 'action'
+    virtualActionEl.style.whiteSpace = 'nowrap'
+    virtualActionEl.style.maxWidth = 'max-content'
+
+    if (isStatusIcon(action)) {
+      const iconEl = document.createElement('i')
+      iconEl.className = 'mr-1'
+      iconEl.style.display = 'inline-flex'
+      iconEl.style.minWidth = '6px'
+      iconEl.style.minHeight = '6px'
+      virtualActionEl.appendChild(iconEl)
+    }
+
+    const spanEl = document.createElement('span')
+    spanEl.innerText = action.identity.identityName
+    virtualActionEl.appendChild(spanEl)
+
+    if (idx < props.userActions.length - 1) {
+      const nbspSpanEl = document.createElement('span')
+      nbspSpanEl.innerHTML = ',&nbsp;'
+      virtualActionEl.appendChild(nbspSpanEl)
+    }
+
+    document.body.appendChild(virtualActionEl)
+    actionsWidth.value.push(virtualActionEl.clientWidth)
+    nextTick(() => {
+      document.body.removeChild(virtualActionEl)
+    })
+  })
+}
+
+watch(width, () => {
+  let totalWidth = 0
+  let availableWidth = width.value - 20 // 20px for menu and padding
+  let tempCount = 0
+
+  for (let i = 0; i < actionsWidth.value.length; i++) {
+    totalWidth += actionsWidth.value[i]
+    if (totalWidth < availableWidth) {
+      tempCount++
+    } else {
+      break
+    }
+  }
+
+  count.value = tempCount > 0 ? tempCount : 1
+})
+
+watch(
+  () => props.userActions,
+  () => calculateActionsWidth(),
+  {
+    immediate: true
+  }
+)
+</script>
+
+<template>
+  <div ref="userRoles" class="d-flex f-user-roles">
+    <!-- Many users -->
+    <template v-if="userActions.length >= count">
+      <div v-for="(a, idx) in userActions.slice(0, count)" :key="a.identity.identityId" class="action" :class="`text-${color}`">
+        <i v-if="isStatusIcon(a)" class="status-icon mr-1" :class="a.status"></i>
+        <span>{{ a.identity.identityName }}</span>
+        <span v-if="idx < userActions.length - 1">
+          {{ idx !== userActions.slice(0, count).length - 1 ? ',&nbsp;' : '' }}
+        </span>
+      </div>
+
+      <v-menu
+        v-if="userActions.length > count"
+        open-on-hover
+        offset="2, 0"
+        location="right"
+        open-delay="500"
+        min-width="100"
+        max-width="300"
+        content-class="user-actions-content"
+        :close-on-content-click="false"
+      >
+        <template #activator="{ props: activatorProps }">
+          <div v-bind="activatorProps" class="font-weight-semibold cursor-pointer f-user-roles-count ml-1" :class="`text-${color}`">
+            +{{ userActions.length - count }}
+          </div>
+        </template>
+
+        <v-virtual-scroll :items="userActions.slice(count, userActions.length)" item-key="identity.identityId" max-height="400">
+          <template #default="{ item }">
+            <i v-if="isStatusIcon(item)" class="status-icon mr-1" :class="item.status"></i>
+            <FTruncate :text="item.identity.identityName" :text-class="`text-${color}`" />
+          </template>
+        </v-virtual-scroll>
+      </v-menu>
+    </template>
+
+    <!-- One user -->
+    <template v-else>
+      <div v-if="userActions[0]" class="action mr-2" :class="`text-${color}`">
+        <i v-if="isStatusIcon(userActions[0])" class="status-icon" :class="userActions[0].status"></i>
+        {{ userActions[0].identity.identityName }}
+      </div>
+    </template>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.f-user-roles,
+:deep(.f-user-actions-content) {
+  width: max-content;
+  .action {
+    white-space: nowrap;
+  }
+  .v-virtual-scroll {
+    scrollbar-width: thin;
+    padding: 4px 8px;
+    .v-virtual-scroll__item {
+      display: flex;
+      align-items: center;
+    }
+  }
+  .status-icon {
+    display: inline-flex;
+    min-height: 6px;
+    min-width: 6px;
+    height: 6px;
+    width: 6px;
+    border-radius: 50%;
+    margin-bottom: 2px;
+  }
+  .COMPLETED {
+    background: rgb(var(--v-theme-success));
+  }
+  .RUNNING,
+  .ISSUED,
+  .CHECKING,
+  .RETURNED_TO_INITIATOR,
+  .WAITING,
+  .DELEGATED,
+  .PROCESSED_BY_ASSISTANT {
+    background: rgb(var(--v-theme-info));
+  }
+  .CANCELED,
+  .REJECTED {
+    background: rgb(var(--v-theme-danger));
+  }
+}
+</style>

package/src/assets/fonts/loadFonts.js

@@ -0,0 +1,55 @@
+// Import fonts to ensure Vite processes them correctly
+import regularWoff2 from './ProximaNova-Regular.woff2?url'
+import regularWoff from './ProximaNova-Regular.woff?url'
+import semiboldWoff2 from './ProximaNova-Semibold.woff2?url'
+import semiboldWoff from './ProximaNova-Semibold.woff?url'
+import boldWoff2 from './ProximaNova-Bold.woff2?url'
+import boldWoff from './ProximaNova-Bold.woff?url'
+
+// Create and inject styles
+const fontStyles = document.createElement('style')
+fontStyles.textContent = `
+  /* Proxima Nova Font Family */
+
+  @font-face {
+    font-family: 'Proxima Nova';
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+    src:
+      url('${regularWoff2}') format('woff2'),
+      url('${regularWoff}') format('woff');
+  }
+
+  @font-face {
+    font-family: 'Proxima Nova';
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+    src:
+      url('${semiboldWoff2}') format('woff2'),
+      url('${semiboldWoff}') format('woff');
+  }
+
+  @font-face {
+    font-family: 'Proxima Nova';
+    font-weight: 700;
+    font-style: normal;
+    font-display: swap;
+    src:
+      url('${boldWoff2}') format('woff2'),
+      url('${boldWoff}') format('woff');
+  }
+`
+
+// Inject styles at the beginning of head
+document.head.insertAdjacentElement('afterbegin', fontStyles)
+
+export default {
+  regularWoff2,
+  regularWoff,
+  semiboldWoff2,
+  semiboldWoff,
+  boldWoff2,
+  boldWoff
+}

package/src/assets/icons/bell-mute.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.80486 16.0233H4.88678C5.01704 17.0418 5.63723 17.9322 6.54731 18.4074C7.45758 18.8828 8.54261 18.8828 9.45273 18.4074C10.363 17.9322 10.9832 17.0418 11.1134 16.0233H14.1953C14.6629 16.0235 15.1121 15.842 15.4486 15.5173C15.785 15.1927 15.9823 14.75 15.9988 14.2828C16.0155 13.8156 15.8501 13.3602 15.5375 13.0124L14.1526 11.4674V8.61669C14.1501 7.42003 13.799 6.25013 13.1428 5.24949C12.4864 4.249 11.553 3.46108 10.4564 2.98207V2.52185C10.4638 1.89106 10.232 1.2808 9.8077 0.813922C9.38326 0.347185 8.79802 0.0584029 8.16936 0.00565017C7.49035 -0.040455 6.82267 0.197149 6.32537 0.661746C5.82808 1.12634 5.54581 1.77636 5.54567 2.45693V2.98406C4.44916 3.46365 3.51587 4.25201 2.85948 5.25275C2.20324 6.25368 1.85222 7.42387 1.8495 8.62067V11.4592L0.462618 13.0042C0.150056 13.3518 -0.0154149 13.8075 0.00113141 14.2747C0.0178204 14.7419 0.215118 15.1845 0.551432 15.5092C0.887898 15.834 1.33722 16.0153 1.80479 16.0153L1.80486 16.0233ZM8.00122 17.542C7.56138 17.5413 7.13509 17.3904 6.79283 17.1142C6.45057 16.838 6.21309 16.4531 6.11961 16.0233H9.8829C9.78942 16.4531 9.55195 16.838 9.20968 17.1142C8.86741 17.3904 8.44105 17.5413 8.00122 17.542ZM1.36893 13.8254L2.90984 12.108C3.01011 11.9967 3.0657 11.8523 3.06598 11.7025V8.6206C3.06838 7.60074 3.3859 6.60662 3.97494 5.77402C4.56399 4.94141 5.39575 4.31121 6.35678 3.96949C6.4753 3.92748 6.57812 3.8497 6.65067 3.74702C6.72337 3.6442 6.76226 3.52144 6.76226 3.39556V2.45688C6.76269 2.12833 6.89337 1.81324 7.12559 1.58072C7.35768 1.3482 7.67249 1.2171 8.00106 1.21598H8.08818C8.40937 1.24723 8.7068 1.39871 8.92093 1.64013C9.13492 1.8817 9.24962 2.1951 9.24198 2.5177V3.39162C9.24184 3.51749 9.28087 3.64025 9.35343 3.74293C9.42612 3.84575 9.5288 3.9234 9.64746 3.9654C10.6083 4.30696 11.4401 4.93733 12.0288 5.76993C12.6175 6.60253 12.9345 7.59679 12.9362 8.61666V11.7006C12.9364 11.8503 12.992 11.9947 13.0923 12.106L14.6332 13.8235C14.7352 13.9367 14.7892 14.0853 14.7838 14.2377C14.7783 14.39 14.714 14.5343 14.6042 14.6401C14.4943 14.746 14.3478 14.805 14.1952 14.8047H1.80501C1.65254 14.805 1.50588 14.746 1.39613 14.6401C1.28638 14.5343 1.22188 14.39 1.21651 14.2377C1.21114 14.0852 1.26502 13.9367 1.36714 13.8235L1.36893 13.8254Z" fill="#C9CBD2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.8132 2.89393C16.067 3.14778 16.067 3.55933 15.8132 3.81317L1.81317 17.8132C1.55933 18.067 1.14778 18.067 0.893935 17.8132C0.640094 17.5593 0.640094 17.1478 0.893935 16.8939L14.8939 2.89393C15.1478 2.64009 15.5593 2.64009 15.8132 2.89393Z" fill="#C9CBD2"/>
+</svg>

package/src/assets/icons/bell.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.92375 17.0788H5.20869C5.34753 18.1644 6.00857 19.1135 6.97861 19.62C7.94884 20.1267 9.10534 20.1267 10.0754 19.62C11.0456 19.1135 11.7067 18.1644 11.8455 17.0788H15.1304C15.6288 17.079 16.1076 16.8856 16.4662 16.5394C16.8248 16.1935 17.0351 15.7216 17.0527 15.2237C17.0705 14.7256 16.8942 14.2402 16.561 13.8695L15.0849 12.2228V9.1843C15.0822 7.90881 14.708 6.66185 14.0085 5.5953C13.3089 4.5289 12.314 3.68907 11.1453 3.17851V2.68797C11.1531 2.01563 10.906 1.36517 10.4538 0.867537C10.0014 0.370055 9.37757 0.0622501 8.70751 0.00602237C7.98377 -0.04312 7.2721 0.210136 6.74205 0.705338C6.21199 1.20054 5.91114 1.89337 5.91098 2.61878V3.18063C4.74224 3.69181 3.74747 4.5321 3.04784 5.59877C2.34838 6.66563 1.97423 7.9129 1.97134 9.18854V12.214L0.493092 13.8608C0.15994 14.2313 -0.0164303 14.7171 0.00120594 15.215C0.0189943 15.713 0.229289 16.1847 0.587757 16.5309C0.946387 16.877 1.42531 17.0703 1.92368 17.0703L1.92375 17.0788ZM8.52829 18.6975C8.05948 18.6968 7.6051 18.5359 7.2403 18.2416C6.87549 17.9472 6.62237 17.537 6.52273 17.0788H10.5339C10.4343 17.537 10.1812 17.9471 9.81635 18.2416C9.45153 18.536 8.9971 18.6968 8.52829 18.6975ZM1.45911 14.7361L3.10152 12.9056C3.2084 12.787 3.26765 12.633 3.26795 12.4734V9.18847C3.27051 8.10142 3.60894 7.04182 4.23678 6.15437C4.86463 5.26692 5.75119 4.5952 6.77552 4.23097C6.90185 4.1862 7.01144 4.10329 7.08878 3.99385C7.16626 3.88426 7.20771 3.7534 7.20771 3.61924V2.61872C7.20817 2.26853 7.34746 1.93268 7.59498 1.68485C7.84236 1.43702 8.1779 1.29727 8.52812 1.29608H8.62098C8.96333 1.32939 9.28035 1.49084 9.50858 1.74817C9.73666 2.00565 9.85892 2.3397 9.85078 2.68355V3.61503C9.85063 3.7492 9.89223 3.88005 9.96957 3.98949C10.0471 4.09908 10.1565 4.18185 10.283 4.22662C11.3071 4.59067 12.1937 5.26256 12.8211 6.15001C13.4487 7.03746 13.7865 8.09722 13.7883 9.18426V12.4713C13.7886 12.631 13.8479 12.7849 13.9547 12.9035L15.5971 14.7341C15.7058 14.8548 15.7634 15.0131 15.7577 15.1756C15.7518 15.3379 15.6832 15.4917 15.5662 15.6044C15.4491 15.7174 15.2929 15.7802 15.1303 15.7799H1.92391C1.7614 15.7802 1.60508 15.7174 1.4881 15.6044C1.37112 15.4917 1.30237 15.3379 1.29665 15.1756C1.29092 15.0131 1.34835 14.8548 1.45719 14.7341L1.45911 14.7361Z" fill="#C9CBD2"/>
+</svg>

package/src/assets/icons/check.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="14" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.99" d="M4.84439 10.5289L1.3876 7.04835L0.696241 7.74447L0.00488281 8.44059L4.84439 13.3162L16.0049 2.07608L14.6222 0.683838L4.84439 10.5289Z" fill="white"/>
+</svg>

package/src/assets/icons/checkbox-false.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.25" y="0.25" width="15.5" height="15.5" rx="2.75" stroke="#888EA4" stroke-width="0.5"/>
+</svg>

package/src/assets/icons/checkbox-true.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.25" y="0.25" width="15.5" height="15.5" rx="2.75" stroke="#97B960" stroke-width="0.5"/>
+<path opacity="0.99" d="M5.50315 10.1265L3.0009 7.60705L2.50045 8.11095L2 8.61485L5.50315 12.1441L13.5819 4.00779L12.581 3L5.50315 10.1265Z" fill="#97B960"/>
+</svg>

package/src/assets/icons/chevron.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.15234 0.640015L8.10804 7.92002L15.0637 0.640015" stroke="#5E5CE6"/>
+</svg>

package/src/assets/icons/color-radio-active.svg

@@ -0,0 +1,4 @@
+<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3.66602" y="4.29395" width="14.6667" height="14.6667" rx="7.33333" fill="#97B960"/>
+<rect x="1" y="1.62695" width="20" height="20" rx="10" stroke="#97B960" stroke-width="2"/>
+</svg>

package/src/assets/icons/color-radio.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.626953" width="20" height="20" rx="10" fill="#75A3FF"/>
+</svg>

package/src/assets/icons/ctx-arrow.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.7838 7.13658L10.8598 4.21257C10.7228 4.07642 10.5375 4 10.3444 4C10.1513 4 9.96601 4.07642 9.82904 4.21257C9.76053 4.28053 9.70615 4.36138 9.66903 4.45046C9.63192 4.53954 9.61281 4.63508 9.61281 4.73158C9.61281 4.82808 9.63192 4.92363 9.66903 5.01271C9.70615 5.10179 9.76053 5.18264 9.82904 5.25059L11.503 6.92459H2.731C2.53713 6.92459 2.3512 7.00161 2.21411 7.1387C2.07702 7.27579 2 7.46172 2 7.6556C2 7.84947 2.07702 8.0354 2.21411 8.17249C2.3512 8.30958 2.53713 8.3866 2.731 8.3866H11.503L9.82904 10.0606C9.76053 10.1286 9.70615 10.2094 9.66903 10.2985C9.63192 10.3876 9.61281 10.4831 9.61281 10.5796C9.61281 10.6761 9.63192 10.7717 9.66903 10.8607C9.70615 10.9498 9.76053 11.0307 9.82904 11.0986C9.89735 11.1664 9.97836 11.22 10.0674 11.2563C10.1565 11.2927 10.2519 11.3112 10.3481 11.3106C10.5398 11.3098 10.7236 11.2337 10.8598 11.0986L13.7838 8.17461C13.8523 8.10665 13.9067 8.0258 13.9438 7.93672C13.9809 7.84764 14 7.7521 14 7.6556C14 7.55909 13.9809 7.46355 13.9438 7.37447C13.9067 7.28539 13.8523 7.20454 13.7838 7.13658Z" fill="#F1BF45"/>
+</svg>

package/src/assets/icons/ctx-delete.svg

@@ -0,0 +1,6 @@
+<svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 3.32383H1.9471L2.69091 13.0077L2.698 13.1H2.79061H10.213H10.3056L10.3127 13.0077L11.0565 3.32383H12.1625H12.2625V3.22383V2.63177V2.53177H12.1625H8.5657V1V0.9H8.4657H4.52347H4.42347V1V2.53177H1H0.9V2.63177V3.22383V3.32383H1ZM6.88932 4.76904V4.66904H6.78932H6.19727H6.09727V4.76904V10.8773V10.9773H6.19727H6.78932H6.88932V10.8773V4.76904ZM8.83946 4.78048L8.84487 4.68063L8.74502 4.67522L8.15385 4.64319L8.05399 4.63778L8.04858 4.73763L7.71733 10.8512L7.71192 10.951L7.81178 10.9565L8.40295 10.9885L8.5028 10.9939L8.50821 10.894L8.83946 4.78048ZM5.16273 10.9587L5.26259 10.9532L5.25718 10.8534L4.92603 4.73983L4.92062 4.63998L4.82076 4.64539L4.22959 4.67741L4.12974 4.68282L4.13515 4.78267L4.4663 10.8962L4.47171 10.9961L4.57156 10.9907L5.16273 10.9587ZM7.78809 1.67762V2.51733H5.21552V1.67762H7.78809ZM3.41765 12.2791L2.7396 3.29495H10.2638L9.57167 12.2791H3.41765Z" fill="#EFEFEF"/>
+<path d="M1 3.32383H1.9471L2.69091 13.0077L2.698 13.1H2.79061H10.213H10.3056L10.3127 13.0077L11.0565 3.32383H12.1625H12.2625V3.22383V2.63177V2.53177H12.1625H8.5657V1V0.9H8.4657H4.52347H4.42347V1V2.53177H1H0.9V2.63177V3.22383V3.32383H1ZM6.88932 4.76904V4.66904H6.78932H6.19727H6.09727V4.76904V10.8773V10.9773H6.19727H6.78932H6.88932V10.8773V4.76904ZM8.83946 4.78048L8.84487 4.68063L8.74502 4.67522L8.15385 4.64319L8.05399 4.63778L8.04858 4.73763L7.71733 10.8512L7.71192 10.951L7.81178 10.9565L8.40295 10.9885L8.5028 10.9939L8.50821 10.894L8.83946 4.78048ZM5.16273 10.9587L5.26259 10.9532L5.25718 10.8534L4.92603 4.73983L4.92062 4.63998L4.82076 4.64539L4.22959 4.67741L4.12974 4.68282L4.13515 4.78267L4.4663 10.8962L4.47171 10.9961L4.57156 10.9907L5.16273 10.9587ZM7.78809 1.67762V2.51733H5.21552V1.67762H7.78809ZM3.41765 12.2791L2.7396 3.29495H10.2638L9.57167 12.2791H3.41765Z" fill="#888EA4"/>
+<path d="M1 3.32383H1.9471L2.69091 13.0077L2.698 13.1H2.79061H10.213H10.3056L10.3127 13.0077L11.0565 3.32383H12.1625H12.2625V3.22383V2.63177V2.53177H12.1625H8.5657V1V0.9H8.4657H4.52347H4.42347V1V2.53177H1H0.9V2.63177V3.22383V3.32383H1ZM6.88932 4.76904V4.66904H6.78932H6.19727H6.09727V4.76904V10.8773V10.9773H6.19727H6.78932H6.88932V10.8773V4.76904ZM8.83946 4.78048L8.84487 4.68063L8.74502 4.67522L8.15385 4.64319L8.05399 4.63778L8.04858 4.73763L7.71733 10.8512L7.71192 10.951L7.81178 10.9565L8.40295 10.9885L8.5028 10.9939L8.50821 10.894L8.83946 4.78048ZM5.16273 10.9587L5.26259 10.9532L5.25718 10.8534L4.92603 4.73983L4.92062 4.63998L4.82076 4.64539L4.22959 4.67741L4.12974 4.68282L4.13515 4.78267L4.4663 10.8962L4.47171 10.9961L4.57156 10.9907L5.16273 10.9587ZM7.78809 1.67762V2.51733H5.21552V1.67762H7.78809ZM3.41765 12.2791L2.7396 3.29495H10.2638L9.57167 12.2791H3.41765Z" stroke="#EFEFEF" stroke-width="0.2"/>
+<path d="M1 3.32383H1.9471L2.69091 13.0077L2.698 13.1H2.79061H10.213H10.3056L10.3127 13.0077L11.0565 3.32383H12.1625H12.2625V3.22383V2.63177V2.53177H12.1625H8.5657V1V0.9H8.4657H4.52347H4.42347V1V2.53177H1H0.9V2.63177V3.22383V3.32383H1ZM6.88932 4.76904V4.66904H6.78932H6.19727H6.09727V4.76904V10.8773V10.9773H6.19727H6.78932H6.88932V10.8773V4.76904ZM8.83946 4.78048L8.84487 4.68063L8.74502 4.67522L8.15385 4.64319L8.05399 4.63778L8.04858 4.73763L7.71733 10.8512L7.71192 10.951L7.81178 10.9565L8.40295 10.9885L8.5028 10.9939L8.50821 10.894L8.83946 4.78048ZM5.16273 10.9587L5.26259 10.9532L5.25718 10.8534L4.92603 4.73983L4.92062 4.63998L4.82076 4.64539L4.22959 4.67741L4.12974 4.68282L4.13515 4.78267L4.4663 10.8962L4.47171 10.9961L4.57156 10.9907L5.16273 10.9587ZM7.78809 1.67762V2.51733H5.21552V1.67762H7.78809ZM3.41765 12.2791L2.7396 3.29495H10.2638L9.57167 12.2791H3.41765Z" stroke="#888EA4" stroke-width="0.2"/>
+</svg>

package/src/assets/icons/ctx-link.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 24 24" fill="none">
+<g id="Interface / External_Link">
+<path id="Vector" d="M10.0002 5H8.2002C7.08009 5 6.51962 5 6.0918 5.21799C5.71547 5.40973 5.40973 5.71547 5.21799 6.0918C5 6.51962 5 7.08009 5 8.2002V15.8002C5 16.9203 5 17.4801 5.21799 17.9079C5.40973 18.2842 5.71547 18.5905 6.0918 18.7822C6.5192 19 7.07899 19 8.19691 19H15.8031C16.921 19 17.48 19 17.9074 18.7822C18.2837 18.5905 18.5905 18.2839 18.7822 17.9076C19 17.4802 19 16.921 19 15.8031V14M20 9V4M20 4H15M20 4L13 11" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/src/assets/icons/ctx-more.svg

@@ -0,0 +1,5 @@
+<svg width="12" height="3" viewBox="0 0 12 3" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="1.05882" cy="1.05882" r="1.05882" fill="#888EA4"/>
+<circle cx="6.00023" cy="1.05882" r="1.05882" fill="#888EA4"/>
+<circle cx="10.9416" cy="1.05882" r="1.05882" fill="#888EA4"/>
+</svg>

package/src/assets/icons/ctx-pen.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.3655 2.63436C12.9562 2.22527 12.4122 2 11.8335 2C11.2547 2 10.7107 2.22527 10.3015 2.63454L2.3942 10.5416C2.33529 10.6005 2.29838 10.6778 2.28965 10.7607L2.00202 13.49C1.99074 13.5963 2.02711 13.7023 2.10111 13.7798C2.16984 13.8516 2.26474 13.8918 2.36347 13.8918C2.37111 13.8918 2.37874 13.8916 2.38638 13.8911L5.22401 13.7118C5.31238 13.7062 5.39565 13.6685 5.45819 13.606L13.3653 5.6989C13.7745 5.28981 14 4.74563 14 4.16672C14.0002 3.58782 13.7747 3.04363 13.3655 2.63436ZM5.04129 12.9943L2.77038 13.1378L2.99929 10.9647L9.81055 4.15363L11.8464 6.18927L5.04129 12.9943ZM12.8513 5.18454L12.3605 5.67527L10.3247 3.63945L10.8155 3.14873C11.0875 2.87691 11.4489 2.72727 11.8333 2.72727C12.2178 2.72727 12.5793 2.87691 12.8511 3.14873C13.1229 3.42073 13.2727 3.78218 13.2727 4.16672C13.2729 4.55109 13.1231 4.91254 12.8513 5.18454Z" fill="#EFEFEF"/>
+<path d="M13.3655 2.63436C12.9562 2.22527 12.4122 2 11.8335 2C11.2547 2 10.7107 2.22527 10.3015 2.63454L2.3942 10.5416C2.33529 10.6005 2.29838 10.6778 2.28965 10.7607L2.00202 13.49C1.99074 13.5963 2.02711 13.7023 2.10111 13.7798C2.16984 13.8516 2.26474 13.8918 2.36347 13.8918C2.37111 13.8918 2.37874 13.8916 2.38638 13.8911L5.22401 13.7118C5.31238 13.7062 5.39565 13.6685 5.45819 13.606L13.3653 5.6989C13.7745 5.28981 14 4.74563 14 4.16672C14.0002 3.58782 13.7747 3.04363 13.3655 2.63436ZM5.04129 12.9943L2.77038 13.1378L2.99929 10.9647L9.81055 4.15363L11.8464 6.18927L5.04129 12.9943ZM12.8513 5.18454L12.3605 5.67527L10.3247 3.63945L10.8155 3.14873C11.0875 2.87691 11.4489 2.72727 11.8333 2.72727C12.2178 2.72727 12.5793 2.87691 12.8511 3.14873C13.1229 3.42073 13.2727 3.78218 13.2727 4.16672C13.2729 4.55109 13.1231 4.91254 12.8513 5.18454Z" fill="#888EA4"/>
+</svg>

package/src/assets/icons/delete.svg

@@ -0,0 +1,6 @@
+<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.95427 2.17569V0H4.69795V2.17569H0V2.9651H1.38628L2.38748 16H12.284L13.2852 2.9651H14.8833V2.17569H9.95427ZM9.18412 0.770156V2.15644H5.48737V0.770156H9.18412ZM12.4958 2.92659L11.5523 15.1721H3.09988L2.17569 2.92659H12.4958Z" fill="#5E5CE6"/>
+<path d="M7.72007 5.02527H6.93066V13.1697H7.72007V5.02527Z" fill="#5E5CE6"/>
+<path d="M10.3283 5.03313L9.54004 4.99042L9.09837 13.1418L9.8866 13.1845L10.3283 5.03313Z" fill="#5E5CE6"/>
+<path d="M5.54505 13.1455L5.10352 4.99408L4.31529 5.03678L4.75682 13.1882L5.54505 13.1455Z" fill="#5E5CE6"/>
+</svg>

package/src/assets/icons/dots.svg

@@ -0,0 +1,5 @@
+<svg width="3" height="16" viewBox="0 0 3 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="1.41177" cy="14.5882" r="1.41177" transform="rotate(-90 1.41177 14.5882)" fill="#888EA4"/>
+<circle cx="1.41177" cy="8.0001" r="1.41177" transform="rotate(-90 1.41177 8.0001)" fill="#888EA4"/>
+<circle cx="1.41177" cy="1.41172" r="1.41177" transform="rotate(-90 1.41177 1.41172)" fill="#888EA4"/>
+</svg>

package/src/assets/icons/filter.svg

@@ -0,0 +1,3 @@
+<svg width="11" height="10" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.52988 0.60185C9.52745 0.66632 9.54812 0.559276 9.52866 0.61888C9.52501 0.631044 9.49947 0.684566 9.52623 0.635909C9.51893 0.650506 9.50798 0.665103 9.50068 0.6797C9.51893 0.638342 9.54934 0.617663 9.53353 0.637126C9.52623 0.645641 9.51893 0.655372 9.51163 0.663887C9.47757 0.706461 9.44473 0.749035 9.41067 0.791609C9.2793 0.958257 9.14793 1.1249 9.01655 1.29277C8.59933 1.8219 8.1821 2.35104 7.76487 2.88018C7.33792 3.42148 6.91096 3.96278 6.48522 4.50408C6.28451 4.75952 6.08259 5.01375 5.88188 5.2692C5.81133 5.35921 5.81011 5.42733 5.81011 5.52586C5.81011 5.62317 5.81011 5.72048 5.81011 5.81779C5.81011 6.14136 5.81011 6.46492 5.81011 6.78849C5.81011 7.37601 5.81011 7.96232 5.81011 8.54984C5.81011 8.56687 5.81011 8.58512 5.81011 8.60215C5.81011 8.60336 5.81011 8.60458 5.81011 8.60579C5.81011 8.61188 5.81011 8.61796 5.81011 8.62404C5.80768 8.65202 5.8089 8.64837 5.81133 8.61431C5.81376 8.61796 5.80038 8.66175 5.79673 8.6654C5.82106 8.64107 5.81133 8.63742 5.79916 8.65567C5.79673 8.66053 5.79308 8.6654 5.79065 8.67026C5.77605 8.69216 5.77849 8.68973 5.79795 8.66297C5.79065 8.67148 5.78214 8.67999 5.77362 8.68851C5.75416 8.70554 5.75659 8.70432 5.78335 8.68364C5.76267 8.71041 5.71402 8.72135 5.68482 8.73838C5.64833 8.75906 5.61184 8.78096 5.57535 8.80164C5.28462 8.9695 4.99269 9.13858 4.70197 9.30644C4.59857 9.36605 4.49639 9.42565 4.393 9.48526C4.38449 9.49012 4.37597 9.49499 4.36746 9.49985C4.36624 9.50107 4.36502 9.50107 4.36381 9.50229C4.36137 9.5035 4.35164 9.50715 4.35043 9.50837C4.39057 9.49255 4.39543 9.49012 4.36381 9.50107C4.35408 9.50472 4.34313 9.50715 4.33218 9.50958C4.30177 9.52053 4.38084 9.51445 4.32002 9.50958C4.31393 9.50958 4.30907 9.50958 4.30299 9.50958C4.27623 9.50715 4.28109 9.50837 4.3188 9.51202C4.3188 9.51323 4.27501 9.50107 4.27136 9.49985C4.22149 9.48769 4.31393 9.52783 4.27136 9.49864C4.26285 9.49255 4.25311 9.48769 4.2446 9.48282C4.19959 9.45728 4.27866 9.52053 4.2446 9.48161C4.20811 9.43903 4.23487 9.48526 4.24095 9.48404C4.23608 9.48526 4.21662 9.44146 4.21176 9.43782C4.19229 9.41835 4.22635 9.49134 4.21419 9.44511C4.21297 9.44146 4.20081 9.39889 4.20202 9.39767C4.20324 9.40862 4.20446 9.41957 4.20567 9.4293C4.20446 9.41835 4.20446 9.4074 4.20446 9.39646C4.20446 9.39281 4.20446 9.39038 4.20446 9.38673C4.20446 9.36848 4.20446 9.35023 4.20446 9.33199C4.20446 9.25171 4.20446 9.17264 4.20446 9.09236C4.20446 8.44158 4.20446 7.7908 4.20446 7.14003C4.20446 6.59508 4.20446 6.05013 4.20446 5.50518C4.20446 5.41395 4.19716 5.34948 4.13269 5.26798C4.11566 5.24608 4.09741 5.22419 4.08038 5.20108C3.97456 5.06606 3.86873 4.93225 3.76169 4.79723C3.37 4.29972 2.97832 3.80343 2.58664 3.30592C2.14508 2.74637 1.70475 2.18683 1.26319 1.62606C1.00896 1.30372 0.754733 0.981368 0.501721 0.659021C0.494423 0.650506 0.488341 0.641991 0.481042 0.63226C0.466445 0.614014 0.493206 0.629827 0.515102 0.674834C0.507803 0.660238 0.496856 0.645641 0.489557 0.631044C0.516318 0.6797 0.490774 0.626178 0.487124 0.614014C0.482259 0.586037 0.482259 0.587253 0.487124 0.617663C0.485908 0.605499 0.485908 0.592119 0.487124 0.579955C0.484692 0.530082 0.472527 0.611581 0.485908 0.587253C0.490773 0.577522 0.493206 0.559276 0.496856 0.548328C0.50902 0.497239 0.468878 0.590902 0.498072 0.548328C0.500505 0.544679 0.519967 0.506971 0.523616 0.508187C0.517534 0.505754 0.490774 0.553194 0.527266 0.51062C0.55281 0.481426 0.517534 0.528866 0.513885 0.517918C0.512669 0.514269 0.550377 0.494806 0.554027 0.492374C0.577138 0.48021 0.572273 0.482642 0.53943 0.497239C0.549161 0.49359 0.560109 0.489941 0.56984 0.487508C0.574706 0.486292 0.580787 0.485075 0.585653 0.483859C0.606332 0.48021 0.606332 0.478993 0.585653 0.482642C0.580787 0.483859 0.574706 0.483859 0.56984 0.485075C0.580788 0.483859 0.591735 0.483859 0.602683 0.483859C0.602683 0.483859 0.602683 0.483859 0.603899 0.483859C0.606332 0.483859 0.607548 0.483859 0.609981 0.483859C0.69148 0.482642 0.772979 0.483859 0.854479 0.483859C1.29482 0.483859 1.73516 0.483859 2.17549 0.483859C2.8506 0.483859 3.52449 0.483859 4.19959 0.483859C4.93673 0.483859 5.67266 0.483859 6.4098 0.483859C7.03868 0.483859 7.66635 0.483859 8.29523 0.483859C8.64312 0.483859 8.99223 0.483859 9.34012 0.483859C9.36445 0.483859 9.38756 0.483859 9.41189 0.483859C9.4131 0.483859 9.41554 0.483859 9.41675 0.483859C9.42283 0.483859 9.43257 0.483859 9.43378 0.483859C9.48852 0.482642 9.38391 0.466829 9.43378 0.483859C9.44351 0.487508 9.45446 0.489941 9.46419 0.492374C9.51528 0.504538 9.42162 0.464396 9.46419 0.49359C9.46784 0.496023 9.50555 0.515485 9.50433 0.519135C9.50677 0.513053 9.45933 0.486292 9.5019 0.522784C9.53839 0.55441 9.4873 0.489941 9.49825 0.515485C9.50312 0.526433 9.51285 0.538597 9.51893 0.548328C9.54812 0.590902 9.50677 0.497239 9.52015 0.548328C9.52136 0.551977 9.53353 0.594552 9.53231 0.595768C9.53109 0.58482 9.52988 0.573873 9.52866 0.564142C9.52988 0.579955 9.52988 0.590903 9.52988 0.60185C9.53231 0.729573 9.63935 0.851213 9.77316 0.845131C9.9021 0.839049 10.0201 0.738087 10.0164 0.60185C10.0091 0.269772 9.74761 0.00824452 9.41554 0.0021625C9.39607 0.0021625 9.37539 0.0021625 9.35593 0.0021625C9.23186 0.0021625 9.10779 0.0021625 8.9825 0.0021625C8.46796 0.0021625 7.95342 0.0021625 7.43888 0.0021625C6.72363 0.0021625 6.00839 0.0021625 5.29314 0.0021625C4.556 0.0021625 3.81764 0.0021625 3.0805 0.0021625C2.49906 0.0021625 1.91883 0.0021625 1.33739 0.0021625C1.09168 0.0021625 0.845964 -0.00270312 0.601466 0.0021625C0.276686 0.00824452 0.0163757 0.261257 0.000562388 0.586037C-0.00673604 0.744169 0.0577333 0.880407 0.151397 0.999615C0.237761 1.10909 0.325343 1.21978 0.411707 1.32926C0.792442 1.81339 1.17439 2.2963 1.55513 2.78043C2.00885 3.35579 2.46135 3.92993 2.91507 4.50529C3.19363 4.85805 3.47218 5.21202 3.74952 5.56478C3.7629 5.58181 3.77628 5.59884 3.78966 5.61587C3.76534 5.5587 3.74222 5.50153 3.7179 5.44436C3.7179 5.62317 3.7179 5.8032 3.7179 5.98201C3.7179 6.3895 3.7179 6.79578 3.7179 7.20328C3.7179 7.63997 3.7179 8.07666 3.7179 8.51335C3.7179 8.78826 3.7179 9.06195 3.7179 9.33685C3.7179 9.51567 3.76047 9.68475 3.88819 9.81855C4.04389 9.98155 4.29934 10.0436 4.51099 9.96817C4.56573 9.94871 4.61074 9.92438 4.65939 9.8964C4.99755 9.70056 5.3345 9.50593 5.67266 9.31009C5.7651 9.25657 5.85634 9.1994 5.95 9.14953C6.12759 9.05465 6.25897 8.90016 6.28694 8.69581C6.29302 8.65323 6.29546 8.61309 6.29546 8.57174C6.29546 8.28223 6.29546 7.99394 6.29546 7.70444C6.29546 7.26167 6.29546 6.8189 6.29546 6.37612C6.29546 6.08054 6.29546 5.78495 6.29546 5.48936C6.29546 5.47477 6.29546 5.45895 6.29546 5.44436C6.27113 5.50153 6.24802 5.5587 6.22369 5.61587C6.3502 5.45409 6.47792 5.29352 6.60442 5.13174C6.90488 4.75101 7.20533 4.36906 7.50578 3.98832C7.86705 3.52974 8.22832 3.07237 8.5896 2.61378C8.89127 2.23062 9.19415 1.84745 9.49582 1.46428C9.62354 1.3025 9.75248 1.14072 9.87899 0.977719C9.96535 0.868243 10.0091 0.742953 10.014 0.60185C10.0177 0.474128 9.89966 0.352487 9.77073 0.358569C9.63814 0.364651 9.53353 0.465613 9.52988 0.60185Z" fill="#3B3B47"/>
+</svg>

package/src/assets/icons/folder.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="&#208;&#152;&#209;&#129;&#209;&#133;&#208;&#190;&#208;&#180;&#209;&#143;&#209;&#137;&#208;&#184;&#208;&#181; &#208;&#180;&#208;&#190;&#208;&#186;&#209;&#131;&#208;&#188;&#208;&#181;&#208;&#189;&#209;&#130;&#209;&#139;" d="M14.8981 0.00134478C14.9857 -0.00339847 15.0717 0.0284092 15.135 0.0903504C15.1981 0.151176 15.231 0.236833 15.2254 0.323885L15.0552 2.98596H15.6858C15.8666 2.99545 16.0078 3.15198 15.9997 3.33278V3.33752L15.2391 12.8246C15.2248 12.9903 15.0817 13.1178 14.9157 13.1131H1.06877C0.903036 13.1189 0.758786 12.992 0.744277 12.8265L0.0009827 3.34143C-0.00599266 3.2513 0.0244199 3.16258 0.084129 3.09534C0.14328 3.02837 0.227821 2.98819 0.317664 2.98596H0.748183V1.75858C0.75767 1.5814 0.901083 1.43715 1.07826 1.42739H7.47327L9.53239 0.0404069C9.60857 -0.0112108 9.68195 0.00134478 9.71292 0.00134478H14.8981ZM14.5627 0.643915H9.81141L7.75228 2.03034C7.67667 2.0814 7.60357 2.06996 7.57176 2.06996H1.39047V2.98596H14.4124L14.5627 0.643915ZM15.3314 3.62853H0.668943L1.36174 12.4711H14.6225L15.3314 3.62853Z" fill="#888EA4"/>
+</svg>

package/src/assets/icons/open-envelope.svg

@@ -0,0 +1,6 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.0526 15.5368C13.0526 15.6942 13.0636 15.8488 13.0847 16L15.1547 16C15.7863 16 16.2916 15.4947 16.2916 14.8632V12.2116C16.0147 12.2186 15.7468 12.2585 15.4916 12.3276V14.8632C15.4916 14.9895 15.4074 15.1158 15.2389 15.1158L13.0784 15.1158C13.0614 15.2536 13.0526 15.3941 13.0526 15.5368Z" fill="#888EA4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.1258 5.1857C15.3244 5.32168 15.4429 5.51043 15.4811 5.70932C15.4468 5.48217 15.3283 5.29237 15.1258 5.1857Z" fill="#888EA4"/>
+<path d="M16.2916 12.2116L16.3368 5.85263C16.3368 5.30526 16.0421 4.75789 15.5789 4.46316L9.05263 0.252631C8.50526 -0.0842105 7.83157 -0.0842105 7.28421 0.252631L0.757894 4.46316C0.294737 4.75789 0 5.30526 0 5.85263V14.8632C0 15.4947 0.505263 16 1.13684 16L13.0847 16C13.0636 15.8488 13.0526 15.6942 13.0526 15.5368C13.0526 15.3941 13.0614 15.2536 13.0784 15.1158L1.05263 15.1158C0.88421 15.1158 0.8 14.9895 0.8 14.8632V5.85263C0.8 5.55789 0.926315 5.30526 1.17895 5.17895L7.70526 0.968421C7.95789 0.799999 8.29473 0.799999 8.58947 0.968421L15.1158 5.17895L15.1258 5.1857C15.3283 5.29237 15.4468 5.48217 15.4811 5.70932C15.4902 5.75671 15.4947 5.80467 15.4947 5.85263V11.4947L15.4916 11.4954V12.3276C15.7468 12.2585 16.0147 12.2186 16.2916 12.2116Z" fill="#888EA4"/>
+<path d="M13.8521 5.60005C14.0205 5.47374 14.0626 5.179 13.9363 5.01058C13.81 4.84216 13.5153 4.80005 13.3468 4.92637L8.54685 8.54742C8.29422 8.71584 7.99948 8.71584 7.74685 8.54742L2.90475 4.92637C2.73633 4.80005 2.44159 4.84216 2.31527 5.01058C2.18896 5.179 2.23106 5.47374 2.39948 5.60005L7.24159 9.2211C7.49422 9.43163 7.83106 9.51584 8.1258 9.51584C8.42053 9.51584 8.75737 9.43163 9.01001 9.2211L13.8521 5.60005Z" fill="#888EA4"/>
+</svg>

package/src/assets/icons/pass-eye-close.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="12" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.1638 6.12757C14.7278 4.8429 15.7417 3.00907 15.9979 1.0014C16.0119 0.884732 16.0028 0.766448 15.971 0.653303C15.9393 0.540158 15.8856 0.434366 15.813 0.34197C15.7405 0.249573 15.6504 0.17238 15.5479 0.114798C15.4455 0.0572168 15.3327 0.020374 15.2161 0.00637376C15.0994 -0.00762647 14.9811 0.00149008 14.868 0.0332027C14.7548 0.0649153 14.649 0.118603 14.5566 0.1912C14.4642 0.263798 14.387 0.353883 14.3295 0.456313C14.2719 0.558743 14.235 0.671512 14.221 0.788181C14.0086 2.2863 13.2626 3.6574 12.12 4.6494C10.9775 5.64139 9.51523 6.1876 8.00212 6.1876C6.48902 6.1876 5.02677 5.64139 3.88422 4.6494C2.74166 3.6574 1.9956 2.2863 1.78321 0.788181C1.76921 0.671512 1.73236 0.558743 1.67478 0.456313C1.6172 0.353883 1.54001 0.263798 1.44761 0.1912C1.35521 0.118603 1.24942 0.0649153 1.13628 0.0332027C1.02313 0.00149008 0.904849 -0.00762647 0.788181 0.00637376C0.671512 0.020374 0.558743 0.0572168 0.456313 0.114798C0.353883 0.17238 0.263798 0.249573 0.1912 0.34197C0.118603 0.434366 0.0649151 0.540158 0.0332025 0.653303C0.00148992 0.766448 -0.00762642 0.884732 0.00637381 1.0014C0.260315 3.00775 1.27088 4.84138 2.83154 6.12757L0.788181 8.18869C0.642635 8.35865 0.56658 8.57727 0.575217 8.80086C0.583853 9.02445 0.676544 9.23655 0.834766 9.39478C0.992988 9.553 1.20509 9.64569 1.42868 9.65432C1.65228 9.66296 1.87089 9.58691 2.04085 9.44136L4.35962 7.13148C5.22121 7.56687 6.15409 7.84373 7.11371 7.94882V11.1116C7.11371 11.3472 7.20731 11.5732 7.37392 11.7398C7.54053 11.9064 7.7665 12 8.00212 12C8.23775 12 8.46372 11.9064 8.63033 11.7398C8.79694 11.5732 8.89054 11.3472 8.89054 11.1116V7.94882C9.85016 7.84373 10.783 7.56687 11.6446 7.13148L13.9634 9.44136C14.1334 9.58691 14.352 9.66296 14.5756 9.65432C14.7992 9.64569 15.0113 9.553 15.1695 9.39478C15.3277 9.23655 15.4204 9.02445 15.429 8.80086C15.4377 8.57727 15.3616 8.35865 15.2161 8.18869L13.1638 6.12757Z" fill="#5E5CE6"/>
+</svg>

package/src/assets/icons/pass-eye-open.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.6069 10.0148C19.5351 9.91549 18.7896 8.89882 17.5709 7.73616L19.1676 6.13882C19.4573 5.84993 19.4573 5.38082 19.1676 5.0926C18.8793 4.80305 18.4102 4.80305 18.1211 5.0926L16.4567 6.75682C15.8751 6.28771 15.2291 5.8286 14.5267 5.42838L15.5998 3.65549C15.8111 3.30549 15.6996 2.85038 15.3496 2.6386C14.9998 2.42638 14.5445 2.53927 14.3331 2.8886L13.1913 4.77616C12.5293 4.50593 11.8322 4.30305 11.1087 4.19727V2.06171C11.1087 1.65304 10.7773 1.32104 10.368 1.32104C9.95934 1.32104 9.62801 1.65304 9.62801 2.06171V4.12527C8.63867 4.17416 7.6929 4.41593 6.80867 4.77638L5.66712 2.88949C5.45601 2.53971 5.00045 2.42638 4.65045 2.63904C4.3009 2.85082 4.1889 3.30571 4.40045 3.65593L5.47356 5.42882C4.77201 5.82882 4.12512 6.28816 3.54356 6.75771L1.87867 5.09282C1.58979 4.80327 1.12067 4.80327 0.831786 5.09282C0.542897 5.38105 0.542897 5.85038 0.831786 6.13905L2.42979 7.73638C1.21067 8.89882 0.465341 9.91571 0.393341 10.015C0.229563 10.2424 0.229563 10.5486 0.393341 10.7766C0.568008 11.0175 4.71445 16.6788 10.0005 16.6788C15.2867 16.6788 19.4327 11.0175 19.6071 10.7764C19.7709 10.5486 19.7709 10.2424 19.6069 10.0148ZM10.0005 14.8064C7.5689 14.8064 5.59001 12.8279 5.59001 10.395C5.59001 7.96282 7.56867 5.98416 10.0005 5.98416C12.4329 5.98416 14.4118 7.96282 14.4118 10.395C14.4118 12.8279 12.4327 14.8064 10.0005 14.8064ZM1.74734 10.395C2.3689 9.63105 3.91512 7.8826 5.9329 6.67527C5.03379 7.65816 4.47956 8.96149 4.47956 10.395C4.47956 11.8297 5.03356 13.1328 5.93334 14.1159C3.91601 12.9084 2.36912 11.1602 1.74734 10.395ZM14.0609 14.1235C14.9642 13.1399 15.5211 11.833 15.5211 10.3953C15.5211 8.96171 14.9671 7.6586 14.068 6.67549C16.086 7.88393 17.6325 9.63238 18.2538 10.3964C17.6327 11.1619 16.0847 12.9155 14.0609 14.1235Z" fill="black"/>
+<path d="M9.99935 7.84448C9.81913 7.84448 9.64424 7.86293 9.47513 7.89915C9.84602 8.14204 10.092 8.55959 10.092 9.03559C10.092 9.78715 9.48335 10.3954 8.73224 10.3954C8.22069 10.3954 7.78069 10.1105 7.54869 9.69315C7.48469 9.91648 7.44824 10.1518 7.44824 10.3954C7.44824 11.8043 8.59046 12.946 9.99935 12.946C11.4076 12.946 12.55 11.8043 12.55 10.3954C12.55 8.9867 11.4078 7.84448 9.99935 7.84448Z" fill="black"/>
+</svg>

package/src/assets/icons/plus-solid.svg

@@ -0,0 +1,4 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 10.6068H10.6066V0.000156449" stroke="#97A7C8" stroke-width="2"/>
+<path d="M21.2129 10.6068H10.6063V21.2134" stroke="#97A7C8" stroke-width="2"/>
+</svg>

package/src/assets/icons/plus.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8H8V2.73828e-07" stroke="#97A7C8"/>
+<path d="M15.9999 8H7.99988V16" stroke="#97A7C8"/>
+</svg>

package/src/assets/icons/radio-false.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="8" cy="8" r="7.75" fill="none" stroke="#888EA4" stroke-width="0.5"/>
+</svg>

package/src/assets/icons/radio-true.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="8" cy="8" r="7.75" fill="none" stroke="#97B960" stroke-width="0.5"/>
+    <circle cx="8" cy="8" r="4" fill="#97B960"/>
+</svg>

package/src/assets/icons/search.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.52911 14.1734C8.93852 14.1734 10.2545 13.7109 11.3243 12.94L15.3488 17L16.8756 15.6544L12.7167 11.5781C13.5573 10.4646 14.0582 9.08562 14.0582 7.58669C14.0582 3.96357 11.1206 0.999969 7.52911 0.999969C3.92919 0.999969 1 3.96357 1 7.58669C1 11.2098 3.92919 14.1734 7.52911 14.1734ZM2.40941 7.58669C2.40941 10.4132 4.71879 12.7516 7.52911 12.7516C10.3309 12.7516 12.6488 10.4132 12.6488 7.58669C12.6488 4.76014 10.3309 2.42181 7.52911 2.42181C4.71879 2.42181 2.40941 4.76014 2.40941 7.58669Z" fill="#5E5CE6" stroke="white" stroke-width=".1"/>
+</svg>

package/src/assets/icons/sort-solid.svg

@@ -0,0 +1,3 @@
+<svg width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.320068 9.40088L1.82007 10.6509M1.82007 10.6509L3.32007 9.40088M1.82007 10.6509V0.650879M8.82007 1.90088L7.32007 0.650879M7.32007 0.650879L5.82007 1.90088M7.32007 0.650879V10.6509" stroke="#888EA4"/>
+</svg>

package/src/assets/icons/sort.svg

@@ -0,0 +1,6 @@
+<svg width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.224121 14.4561L2.62412 16.4561L5.02412 14.4561" stroke="#888EA4" stroke-width="0.7"/>
+<path d="M2.62402 0.456055L2.62402 16.4561" stroke="#888EA4" stroke-width="0.7"/>
+<path d="M13.8247 2.45605L11.4247 0.456055L9.02471 2.45605" stroke="#888EA4" stroke-width="0.7"/>
+<path d="M11.4248 16.4561L11.4248 0.456054" stroke="#888EA4" stroke-width="0.7"/>
+</svg>

package/src/assets/icons/star-line.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.1704 6.08149L19.011 6.60829C20.3158 6.91817 20.2226 7.56893 19.3527 8.37463L15.2519 12.1862L16.3703 17.7022C16.6499 18.9727 16.1528 19.5615 14.9102 18.8797L10.0016 16.0908L5.09312 18.8797C3.81939 19.5615 3.35339 18.9727 3.63299 17.7022L4.75139 12.1862L0.650593 8.37463C-0.219272 7.56893 -0.312471 6.91817 0.961259 6.60829L6.83285 6.08149L9.16284 0.720482C9.59778 -0.240161 10.4055 -0.240161 10.8404 0.720482L13.1704 6.08149ZM10.0016 15.471L15.1587 18.4149C16.0286 18.7868 16.0596 18.7558 15.8732 17.8261L14.6927 12.0003L19.011 8.00277C19.5391 7.50696 19.7255 7.32102 18.9488 7.1041L12.7976 6.5773L10.3434 0.937401C10.2812 0.782459 10.188 0.658505 10.1259 0.596528C10.0638 0.503563 9.93951 0.503563 9.87738 0.596528C9.78418 0.658505 9.72204 0.782459 9.65991 0.937401L7.20565 6.5773L1.05446 7.1041C0.277794 7.32102 0.464194 7.50696 0.992326 8.00277L5.31058 12.0003L4.13005 17.8261C3.94365 18.7558 3.97472 18.7868 4.84459 18.4149L10.0016 15.471Z" fill="#97B960"/>
+</svg>

package/src/assets/icons/star.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.1704 6.49811L19.011 7.02492C20.3158 7.3348 20.2226 7.98556 19.3527 8.79126L15.2519 12.6028L16.3703 18.1188C16.6499 19.3893 16.1528 19.9781 14.9102 19.2963L10.0016 16.5074L5.09312 19.2963C3.81939 19.9781 3.35339 19.3893 3.63299 18.1188L4.75139 12.6028L0.650593 8.79126C-0.219272 7.98556 -0.312471 7.3348 0.961259 7.02492L6.83285 6.49811L9.16284 1.13711C9.59778 0.176465 10.4055 0.176465 10.8404 1.13711L13.1704 6.49811Z" fill="#97A7C8"/>
+</svg>

package/src/assets/icons/times.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 1L8 8L15 1" stroke="#888EA4"/>
+<path d="M15 15L8 8L1 15" stroke="#888EA4"/>
+</svg>

package/src/assets/images/0.svg

@@ -0,0 +1,4 @@
+<svg width="106" height="157" viewBox="0 0 106 157" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M46.36 129.6H60.52C65.64 129.6 69.24 128.56 71.32 126.48C73.4 124.24 74.44 120.56 74.44 115.44V42.24C74.44 37.12 73.4 33.52 71.32 31.44C69.24 29.2 65.64 28.08 60.52 28.08H46.36C41.24 28.08 37.64 29.2 35.56 31.44C33.48 33.52 32.44 37.12 32.44 42.24V115.44C32.44 120.56 33.48 124.24 35.56 126.48C37.64 128.56 41.24 129.6 46.36 129.6ZM65.32 156H41.32C28.68 156 18.92 152.64 12.04 145.92C5.16 139.2 1.72 129.52 1.72 116.88V40.8C1.72 28.16 5.16 18.48 12.04 11.76C18.92 5.04 28.68 1.68 41.32 1.68H65.32C77.8 1.68 87.48 5.12 94.36 12C101.24 18.72 104.68 28.32 104.68 40.8V116.88C104.68 129.36 101.24 139.04 94.36 145.92C87.48 152.64 77.8 156 65.32 156Z" fill="white"/>
+<path d="M71.32 126.48L72.0271 127.187L72.0402 127.174L72.0528 127.16L71.32 126.48ZM71.32 31.44L70.5872 32.1204L70.5998 32.134L70.6129 32.1471L71.32 31.44ZM35.56 31.44L36.2671 32.1471L36.2802 32.134L36.2928 32.1204L35.56 31.44ZM35.56 126.48L34.8272 127.16L34.8398 127.174L34.8529 127.187L35.56 126.48ZM12.04 145.92L11.3413 146.635L12.04 145.92ZM12.04 11.76L11.3413 11.0446L12.04 11.76ZM94.36 12L93.6528 12.7071L93.6613 12.7154L94.36 12ZM94.36 145.92L95.0588 146.635L95.0671 146.627L94.36 145.92ZM46.36 130.6H60.52V128.6H46.36V130.6ZM60.52 130.6C65.7231 130.6 69.6613 129.553 72.0271 127.187L70.6129 125.773C68.8187 127.567 65.5569 128.6 60.52 128.6V130.6ZM72.0528 127.16C74.3886 124.645 75.44 120.653 75.44 115.44H73.44C73.44 120.467 72.4114 123.835 70.5872 125.8L72.0528 127.16ZM75.44 115.44V42.24H73.44V115.44H75.44ZM75.44 42.24C75.44 37.0369 74.3929 33.0986 72.0271 30.7329L70.6129 32.1471C72.4071 33.9413 73.44 37.203 73.44 42.24H75.44ZM72.0528 30.7595C69.6889 28.2139 65.739 27.08 60.52 27.08V29.08C65.541 29.08 68.7911 30.1861 70.5872 32.1204L72.0528 30.7595ZM60.52 27.08H46.36V29.08H60.52V27.08ZM46.36 27.08C41.141 27.08 37.1911 28.2139 34.8272 30.7595L36.2928 32.1204C38.0889 30.1861 41.339 29.08 46.36 29.08V27.08ZM34.8529 30.7329C32.4871 33.0986 31.44 37.0369 31.44 42.24H33.44C33.44 37.203 34.4729 33.9413 36.2671 32.1471L34.8529 30.7329ZM31.44 42.24V115.44H33.44V42.24H31.44ZM31.44 115.44C31.44 120.653 32.4914 124.645 34.8272 127.16L36.2928 125.8C34.4686 123.835 33.44 120.467 33.44 115.44H31.44ZM34.8529 127.187C37.2187 129.553 41.1569 130.6 46.36 130.6V128.6C41.3231 128.6 38.0613 127.567 36.2671 125.773L34.8529 127.187ZM65.32 155H41.32V157H65.32V155ZM41.32 155C28.8562 155 19.3789 151.69 12.7387 145.205L11.3413 146.635C18.4611 153.59 28.5038 157 41.32 157V155ZM12.7387 145.205C6.10647 138.727 2.72 129.339 2.72 116.88H0.720001C0.720001 129.701 4.21353 139.673 11.3413 146.635L12.7387 145.205ZM2.72 116.88V40.8H0.720001V116.88H2.72ZM2.72 40.8C2.72 28.3411 6.10647 18.9534 12.7387 12.4754L11.3413 11.0446C4.21353 18.0066 0.720001 27.9789 0.720001 40.8H2.72ZM12.7387 12.4754C19.3789 5.98964 28.8562 2.68 41.32 2.68V0.679998C28.5038 0.679998 18.4611 4.09036 11.3413 11.0446L12.7387 12.4754ZM41.32 2.68H65.32V0.679998H41.32V2.68ZM65.32 2.68C77.6133 2.68 87.0095 6.06368 93.6529 12.7071L95.0671 11.2929C87.9505 4.17632 77.9867 0.679998 65.32 0.679998V2.68ZM93.6613 12.7154C100.296 19.1957 103.68 28.5054 103.68 40.8H105.68C105.68 28.1346 102.184 18.2443 95.0587 11.2846L93.6613 12.7154ZM103.68 40.8V116.88H105.68V40.8H103.68ZM103.68 116.88C103.68 129.173 100.296 138.569 93.6529 145.213L95.0671 146.627C102.184 139.511 105.68 129.547 105.68 116.88H103.68ZM93.6613 145.205C87.0188 151.693 77.6196 155 65.32 155V157C77.9804 157 87.9412 153.587 95.0587 146.635L93.6613 145.205Z" fill="#97A7C8"/>
+</svg>

package/src/assets/images/3.svg

@@ -0,0 +1,4 @@
+<svg width="104" height="157" viewBox="0 0 104 157" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M45.56 66.24H57.8C63.08 66.24 66.84 65.2 69.08 63.12C71.48 60.88 72.68 57.28 72.68 52.32V41.04C72.68 36.08 71.48 32.56 69.08 30.48C66.84 28.24 63.08 27.12 57.8 27.12H46.28C41.16 27.12 37.56 28.24 35.48 30.48C33.4 32.56 32.36 36.08 32.36 41.04V47.04C32.36 50.4 30.68 52.08 27.32 52.08H6.92C3.56 52.08 1.88 50.4 1.88 47.04V40.56C1.88 28.08 5.32 18.48 12.2 11.76C19.08 5.04 28.84 1.68 41.48 1.68H62.84C75.48 1.68 85.24 5.04 92.12 11.76C99 18.48 102.44 28.08 102.44 40.56V52.56C102.44 66 96.12 74.72 83.48 78.72C96.12 81.44 102.44 90.16 102.44 104.88V117.12C102.44 129.6 99 139.2 92.12 145.92C85.24 152.64 75.48 156 62.84 156H41.48C28.84 156 19.08 152.64 12.2 145.92C5.32 139.2 1.88 129.6 1.88 117.12V110.4C1.88 106.88 3.56 105.12 6.92 105.12H27.32C30.68 105.12 32.36 106.88 32.36 110.4V116.64C32.36 121.76 33.4 125.36 35.48 127.44C37.56 129.52 41.16 130.56 46.28 130.56H57.8C63.08 130.56 66.84 129.52 69.08 127.44C71.48 125.2 72.68 121.6 72.68 116.64V104.88C72.68 99.92 71.48 96.4 69.08 94.32C66.84 92.08 63.08 90.96 57.8 90.96H45.56C42.2 90.96 40.52 89.28 40.52 85.92V71.52C40.52 68 42.2 66.24 45.56 66.24Z" fill="white"/>
+<path d="M69.08 63.12L69.7605 63.8528L69.7623 63.8511L69.08 63.12ZM69.08 30.48L68.3729 31.1871L68.3981 31.2123L68.4251 31.2357L69.08 30.48ZM35.48 30.48L36.1871 31.1871L36.2002 31.174L36.2128 31.1604L35.48 30.48ZM12.2 11.76L12.8987 12.4754L12.2 11.76ZM83.48 78.72L83.1783 77.7666L79.5831 78.9043L83.2696 79.6976L83.48 78.72ZM12.2 145.92L12.8987 145.205L12.2 145.92ZM35.48 127.44L34.7729 128.147L35.48 127.44ZM69.08 127.44L69.7605 128.173L69.7623 128.171L69.08 127.44ZM69.08 94.32L68.3729 95.0271L68.3981 95.0523L68.4251 95.0757L69.08 94.32ZM45.56 67.24H57.8V65.24H45.56V67.24ZM57.8 67.24C63.1634 67.24 67.2407 66.1926 69.7605 63.8528L68.3996 62.3872C66.4393 64.2074 62.9966 65.24 57.8 65.24V67.24ZM69.7623 63.8511C72.4491 61.3434 73.68 57.4161 73.68 52.32H71.68C71.68 57.1438 70.511 60.4166 68.3977 62.3889L69.7623 63.8511ZM73.68 52.32V41.04H71.68V52.32H73.68ZM73.68 41.04C73.68 35.952 72.4524 32.0794 69.7349 29.7243L68.4251 31.2357C70.5076 33.0406 71.68 36.208 71.68 41.04H73.68ZM69.7871 29.7729C67.2676 27.2533 63.178 26.12 57.8 26.12V28.12C62.982 28.12 66.4124 29.2267 68.3729 31.1871L69.7871 29.7729ZM57.8 26.12H46.28V28.12H57.8V26.12ZM46.28 26.12C41.061 26.12 37.1111 27.2539 34.7472 29.7995L36.2128 31.1604C38.0089 29.2261 41.259 28.12 46.28 28.12V26.12ZM34.7729 29.7729C32.4117 32.1341 31.36 35.986 31.36 41.04H33.36C33.36 36.174 34.3883 32.9859 36.1871 31.1871L34.7729 29.7729ZM31.36 41.04V47.04H33.36V41.04H31.36ZM31.36 47.04C31.36 48.5658 30.9792 49.5266 30.3929 50.1129C29.8066 50.6992 28.8459 51.08 27.32 51.08V53.08C29.1541 53.08 30.7134 52.6208 31.8071 51.5271C32.9008 50.4334 33.36 48.8741 33.36 47.04H31.36ZM27.32 51.08H6.92V53.08H27.32V51.08ZM6.92 51.08C5.39415 51.08 4.43343 50.6992 3.84711 50.1129C3.26079 49.5266 2.88 48.5658 2.88 47.04H0.88C0.88 48.8741 1.33921 50.4334 2.43289 51.5271C3.52657 52.6208 5.08586 53.08 6.92 53.08V51.08ZM2.88 47.04V40.56H0.88V47.04H2.88ZM2.88 40.56C2.88 28.2654 6.26412 18.9557 12.8987 12.4754L11.5013 11.0446C4.37588 18.0043 0.88 27.8946 0.88 40.56H2.88ZM12.8987 12.4754C19.5389 5.98964 29.0162 2.68 41.48 2.68V0.679998C28.6638 0.679998 18.6211 4.09036 11.5013 11.0446L12.8987 12.4754ZM41.48 2.68H62.84V0.679998H41.48V2.68ZM62.84 2.68C75.3038 2.68 84.7811 5.98964 91.4213 12.4754L92.8187 11.0446C85.6989 4.09036 75.6562 0.679998 62.84 0.679998V2.68ZM91.4213 12.4754C98.0559 18.9557 101.44 28.2654 101.44 40.56H103.44C103.44 27.8946 99.9441 18.0043 92.8187 11.0446L91.4213 12.4754ZM101.44 40.56V52.56H103.44V40.56H101.44ZM101.44 52.56C101.44 59.1221 99.8988 64.4422 96.8903 68.5931C93.8827 72.7429 89.3421 75.816 83.1783 77.7666L83.7817 79.6734C90.2579 77.624 95.1973 74.3371 98.5097 69.7668C101.821 65.1978 103.44 59.4379 103.44 52.56H101.44ZM83.2696 79.6976C89.3994 81.0167 93.903 83.7651 96.8903 87.8868C99.8885 92.0236 101.44 97.655 101.44 104.88H103.44C103.44 97.385 101.831 91.2964 98.5097 86.7132C95.1771 82.1149 90.2006 79.1433 83.6904 77.7424L83.2696 79.6976ZM101.44 104.88V117.12H103.44V104.88H101.44ZM101.44 117.12C101.44 129.415 98.0559 138.724 91.4213 145.205L92.8187 146.635C99.9441 139.676 103.44 129.785 103.44 117.12H101.44ZM91.4213 145.205C84.7811 151.69 75.3038 155 62.84 155V157C75.6562 157 85.6989 153.59 92.8187 146.635L91.4213 145.205ZM62.84 155H41.48V157H62.84V155ZM41.48 155C29.0162 155 19.5389 151.69 12.8987 145.205L11.5013 146.635C18.6211 153.59 28.6638 157 41.48 157V155ZM12.8987 145.205C6.26412 138.724 2.88 129.415 2.88 117.12H0.88C0.88 129.785 4.37588 139.676 11.5013 146.635L12.8987 145.205ZM2.88 117.12V110.4H0.88V117.12H2.88ZM2.88 110.4C2.88 108.783 3.26668 107.756 3.86336 107.13C4.45173 106.514 5.40631 106.12 6.92 106.12V104.12C5.07369 104.12 3.50827 104.606 2.41665 105.75C1.33332 106.884 0.88 108.497 0.88 110.4H2.88ZM6.92 106.12H27.32V104.12H6.92V106.12ZM27.32 106.12C28.8337 106.12 29.7883 106.514 30.3766 107.13C30.9733 107.756 31.36 108.783 31.36 110.4H33.36C33.36 108.497 32.9067 106.884 31.8234 105.75C30.7317 104.606 29.1663 104.12 27.32 104.12V106.12ZM31.36 110.4V116.64H33.36V110.4H31.36ZM31.36 116.64C31.36 121.843 32.4071 125.781 34.7729 128.147L36.1871 126.733C34.3929 124.939 33.36 121.677 33.36 116.64H31.36ZM34.7729 128.147C37.1387 130.513 41.0769 131.56 46.28 131.56V129.56C41.2431 129.56 37.9813 128.527 36.1871 126.733L34.7729 128.147ZM46.28 131.56H57.8V129.56H46.28V131.56ZM57.8 131.56C63.1634 131.56 67.2407 130.513 69.7605 128.173L68.3996 126.707C66.4393 128.527 62.9966 129.56 57.8 129.56V131.56ZM69.7623 128.171C72.4491 125.663 73.68 121.736 73.68 116.64H71.68C71.68 121.464 70.511 124.737 68.3977 126.709L69.7623 128.171ZM73.68 116.64V104.88H71.68V116.64H73.68ZM73.68 104.88C73.68 99.792 72.4524 95.9194 69.7349 93.5643L68.4251 95.0757C70.5076 96.8806 71.68 100.048 71.68 104.88H73.68ZM69.7871 93.6129C67.2676 91.0933 63.178 89.96 57.8 89.96V91.96C62.982 91.96 66.4124 93.0667 68.3729 95.0271L69.7871 93.6129ZM57.8 89.96H45.56V91.96H57.8V89.96ZM45.56 89.96C44.0341 89.96 43.0734 89.5792 42.4871 88.9929C41.9008 88.4066 41.52 87.4458 41.52 85.92H39.52C39.52 87.7541 39.9792 89.3134 41.0729 90.4071C42.1666 91.5008 43.7259 91.96 45.56 91.96V89.96ZM41.52 85.92V71.52H39.52V85.92H41.52ZM41.52 71.52C41.52 69.9028 41.9067 68.8756 42.5034 68.2505C43.0917 67.6341 44.0463 67.24 45.56 67.24V65.24C43.7137 65.24 42.1483 65.7259 41.0566 66.8695C39.9733 68.0044 39.52 69.6172 39.52 71.52H41.52Z" fill="#97A7C8"/>
+</svg>

package/src/assets/images/4.svg

@@ -0,0 +1,4 @@
+<svg width="122" height="157" viewBox="0 0 122 157" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M70.32 101.52V27.36L31.44 101.52H70.32ZM94.08 156H75.36C72 156 70.32 154.32 70.32 150.96V127.92H10.8C8.08 127.92 5.92 127.12 4.32 125.52C2.72 123.92 1.92 121.76 1.92 119.04V109.68C1.92 104.88 2.72 100.96 4.32 97.92L52.08 9.11999C53.68 6.23999 55.12 4.31999 56.4 3.35999C57.84 2.24 59.92 1.68 62.64 1.68H89.76C92.48 1.68 94.64 2.48 96.24 4.08C98 5.67999 98.88 7.84 98.88 10.56V101.52H116.16C119.36 101.52 120.96 103.12 120.96 106.32V122.4C120.96 126.08 119.36 127.92 116.16 127.92H98.88V150.96C98.88 152.88 98.48 154.24 97.68 155.04C97.04 155.68 95.84 156 94.08 156Z" fill="white"/>
+<path d="M70.32 101.52V102.52H71.32V101.52H70.32ZM70.32 27.36H71.32L69.4343 26.8957L70.32 27.36ZM31.44 101.52L30.5543 101.056L29.7866 102.52H31.44V101.52ZM70.32 127.92H71.32V126.92H70.32V127.92ZM4.32 125.52L3.61289 126.227H3.61289L4.32 125.52ZM4.32 97.92L3.43926 97.4463L3.43508 97.4543L4.32 97.92ZM52.08 9.11999L51.2058 8.6343L51.1993 8.64631L52.08 9.11999ZM56.4 3.35999L57 4.15999L57.007 4.15473L57.0139 4.14935L56.4 3.35999ZM96.24 4.08L95.5329 4.7871L95.5497 4.80393L95.5673 4.81994L96.24 4.08ZM98.88 101.52H97.88V102.52H98.88V101.52ZM98.88 127.92V126.92H97.88V127.92H98.88ZM97.68 155.04L96.9729 154.333L97.68 155.04ZM71.32 101.52V27.36H69.32V101.52H71.32ZM69.4343 26.8957L30.5543 101.056L32.3257 101.984L71.2057 27.8243L69.4343 26.8957ZM31.44 102.52H70.32V100.52H31.44V102.52ZM94.08 155H75.36V157H94.08V155ZM75.36 155C73.8342 155 72.8734 154.619 72.2871 154.033C71.7008 153.447 71.32 152.486 71.32 150.96H69.32C69.32 152.794 69.7792 154.353 70.8729 155.447C71.9666 156.541 73.5259 157 75.36 157V155ZM71.32 150.96V127.92H69.32V150.96H71.32ZM70.32 126.92H10.8V128.92H70.32V126.92ZM10.8 126.92C8.28788 126.92 6.40259 126.188 5.02711 124.813L3.61289 126.227C5.43742 128.052 7.87212 128.92 10.8 128.92V126.92ZM5.02711 124.813C3.65163 123.437 2.92 121.552 2.92 119.04H0.92C0.92 121.968 1.78837 124.403 3.61289 126.227L5.02711 124.813ZM2.92 119.04V109.68H0.92V119.04H2.92ZM2.92 109.68C2.92 104.981 3.7045 101.237 5.20492 98.3857L3.43508 97.4543C1.7355 100.683 0.92 104.779 0.92 109.68H2.92ZM5.2007 98.3937L52.9607 9.59366L51.1993 8.64631L3.4393 97.4463L5.2007 98.3937ZM52.9542 9.60563C54.5431 6.74561 55.8989 4.98582 57 4.15999L55.8 2.55999C54.3411 3.65415 52.8169 5.73437 51.2058 8.63435L52.9542 9.60563ZM57.0139 4.14935C58.2107 3.21852 60.0379 2.68 62.64 2.68V0.679998C59.8021 0.679998 57.4693 1.26147 55.7861 2.57064L57.0139 4.14935ZM62.64 2.68H89.76V0.679998H62.64V2.68ZM89.76 2.68C92.2721 2.68 94.1574 3.41162 95.5329 4.7871L96.9471 3.37289C95.1226 1.54837 92.6879 0.679998 89.76 0.679998V2.68ZM95.5673 4.81994C97.088 6.20234 97.88 8.07712 97.88 10.56H99.88C99.88 7.60287 98.912 5.15765 96.9127 3.34006L95.5673 4.81994ZM97.88 10.56V101.52H99.88V10.56H97.88ZM98.88 102.52H116.16V100.52H98.88V102.52ZM116.16 102.52C117.606 102.52 118.507 102.881 119.053 103.427C119.599 103.973 119.96 104.874 119.96 106.32H121.96C121.96 104.566 121.521 103.067 120.467 102.013C119.413 100.959 117.914 100.52 116.16 100.52V102.52ZM119.96 106.32V122.4H121.96V106.32H119.96ZM119.96 122.4C119.96 124.117 119.584 125.219 119.005 125.884C118.45 126.522 117.567 126.92 116.16 126.92V128.92C117.953 128.92 119.47 128.398 120.515 127.196C121.536 126.021 121.96 124.363 121.96 122.4H119.96ZM116.16 126.92H98.88V128.92H116.16V126.92ZM97.88 127.92V150.96H99.88V127.92H97.88ZM97.88 150.96C97.88 152.788 97.4907 153.815 96.9729 154.333L98.3871 155.747C99.4693 154.665 99.88 152.972 99.88 150.96H97.88ZM96.9729 154.333C96.6334 154.672 95.7952 155 94.08 155V157C95.8848 157 97.4466 156.688 98.3871 155.747L96.9729 154.333Z" fill="#97A7C8"/>
+</svg>

package/src/assets/images/5.svg

@@ -0,0 +1,4 @@
+<svg width="103" height="157" viewBox="0 0 103 157" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M56.52 77.52H45.24C41.08 77.52 37.88 79.2 35.64 82.56C33.56 85.92 31.32 87.6 28.92 87.6H9C5.64 87.6 3.96 86 3.96 82.8V6.71999C3.96 3.36 5.64 1.68 9 1.68H92.52C95.88 1.68 97.56 3.36 97.56 6.71999V24.96C97.56 28.32 95.88 30 92.52 30H34.44V65.28C37.16 57.28 43.88 53.28 54.6 53.28H64.68C89.48 53.28 101.88 65.68 101.88 90.48V116.88C101.88 129.36 98.44 139.04 91.56 145.92C84.68 152.64 75 156 62.52 156H41.4C28.76 156 19 152.64 12.12 145.92C5.24 139.2 1.8 129.52 1.8 116.88V112.08C1.8 108.56 3.48 106.8 6.84 106.8H27.24C30.6 106.8 32.28 108.56 32.28 112.08V116.64C32.28 121.6 33.32 125.2 35.4 127.44C37.64 129.52 41.24 130.56 46.2 130.56H57.48C62.6 130.56 66.36 129.52 68.76 127.44C71.16 125.2 72.36 121.6 72.36 116.64V95.04C72.36 88.32 71.24 83.76 69 81.36C66.76 78.8 62.6 77.52 56.52 77.52Z" fill="white"/>
+<path d="M35.64 82.56L34.8079 82.0053L34.7986 82.0193L34.7897 82.0336L35.64 82.56ZM34.44 30V29H33.44V30H34.44ZM34.44 65.28H33.44L35.3868 65.6019L34.44 65.28ZM91.56 145.92L92.2588 146.635L92.2671 146.627L91.56 145.92ZM35.4 127.44L34.6672 128.12L34.6924 128.148L34.7196 128.173L35.4 127.44ZM68.76 127.44L69.4149 128.196L69.4288 128.184L69.4423 128.171L68.76 127.44ZM69 81.36L68.2474 82.0185L68.258 82.0306L68.269 82.0423L69 81.36ZM56.52 76.52H45.24V78.52H56.52V76.52ZM45.24 76.52C40.7578 76.52 37.24 78.3572 34.8079 82.0053L36.472 83.1147C38.52 80.0428 41.4022 78.52 45.24 78.52V76.52ZM34.7897 82.0336C32.7705 85.2954 30.7929 86.6 28.92 86.6V88.6C31.8471 88.6 34.3495 86.5445 36.4903 83.0863L34.7897 82.0336ZM28.92 86.6H9V88.6H28.92V86.6ZM9 86.6C7.46229 86.6 6.4947 86.233 5.90966 85.6759C5.33374 85.1274 4.96 84.2331 4.96 82.8H2.96C2.96 84.5669 3.42626 86.0726 4.53035 87.1241C5.6253 88.1669 7.17771 88.6 9 88.6V86.6ZM4.96 82.8V6.71999H2.96V82.8H4.96ZM4.96 6.71999C4.96 5.19414 5.34079 4.23342 5.92711 3.6471C6.51343 3.06079 7.47415 2.68 9 2.68V0.679998C7.16586 0.679998 5.60657 1.13921 4.51289 2.23289C3.41921 3.32657 2.96 4.88585 2.96 6.71999H4.96ZM9 2.68H92.52V0.679998H9V2.68ZM92.52 2.68C94.0459 2.68 95.0066 3.06079 95.5929 3.6471C96.1792 4.23342 96.56 5.19414 96.56 6.71999H98.56C98.56 4.88585 98.1008 3.32657 97.0071 2.23289C95.9134 1.13921 94.3541 0.679998 92.52 0.679998V2.68ZM96.56 6.71999V24.96H98.56V6.71999H96.56ZM96.56 24.96C96.56 26.4859 96.1792 27.4466 95.5929 28.0329C95.0066 28.6192 94.0459 29 92.52 29V31C94.3541 31 95.9134 30.5408 97.0071 29.4471C98.1008 28.3534 98.56 26.7941 98.56 24.96H96.56ZM92.52 29H34.44V31H92.52V29ZM33.44 30V65.28H35.44V30H33.44ZM35.3868 65.6019C36.6769 61.8075 38.8929 59.0075 42.0315 57.1393C45.1897 55.2594 49.356 54.28 54.6 54.28V52.28C49.124 52.28 44.5703 53.3006 41.0085 55.4207C37.4271 57.5525 34.9232 60.7524 33.4932 64.9581L35.3868 65.6019ZM54.6 54.28H64.68V52.28H54.6V54.28ZM64.68 54.28C76.9259 54.28 85.9266 57.3408 91.8729 63.2871C97.8192 69.2334 100.88 78.2341 100.88 90.48H102.88C102.88 77.9258 99.7408 68.3266 93.2871 61.8729C86.8334 55.4192 77.2341 52.28 64.68 52.28V54.28ZM100.88 90.48V116.88H102.88V90.48H100.88ZM100.88 116.88C100.88 129.173 97.4963 138.569 90.8529 145.213L92.2671 146.627C99.3837 139.511 102.88 129.547 102.88 116.88H100.88ZM90.8613 145.205C84.2188 151.693 74.8196 155 62.52 155V157C75.1804 157 85.1412 153.587 92.2587 146.635L90.8613 145.205ZM62.52 155H41.4V157H62.52V155ZM41.4 155C28.9362 155 19.4589 151.69 12.8187 145.205L11.4213 146.635C18.5411 153.59 28.5838 157 41.4 157V155ZM12.8187 145.205C6.18647 138.727 2.8 129.339 2.8 116.88H0.8C0.8 129.701 4.29353 139.673 11.4213 146.635L12.8187 145.205ZM2.8 116.88V112.08H0.8V116.88H2.8ZM2.8 112.08C2.8 110.463 3.18668 109.436 3.78336 108.81C4.37173 108.194 5.32631 107.8 6.84 107.8V105.8C4.99369 105.8 3.42827 106.286 2.33665 107.43C1.25332 108.564 0.8 110.177 0.8 112.08H2.8ZM6.84 107.8H27.24V105.8H6.84V107.8ZM27.24 107.8C28.7537 107.8 29.7083 108.194 30.2966 108.81C30.8933 109.436 31.28 110.463 31.28 112.08H33.28C33.28 110.177 32.8267 108.564 31.7434 107.43C30.6517 106.286 29.0863 105.8 27.24 105.8V107.8ZM31.28 112.08V116.64H33.28V112.08H31.28ZM31.28 116.64C31.28 121.704 32.3357 125.61 34.6672 128.12L36.1328 126.76C34.3043 124.79 33.28 121.496 33.28 116.64H31.28ZM34.7196 128.173C37.2304 130.504 41.1363 131.56 46.2 131.56V129.56C41.3437 129.56 38.0496 128.536 36.0805 126.707L34.7196 128.173ZM46.2 131.56H57.48V129.56H46.2V131.56ZM57.48 131.56C62.7022 131.56 66.7504 130.505 69.4149 128.196L68.1051 126.684C65.9696 128.535 62.4978 129.56 57.48 129.56V131.56ZM69.4423 128.171C72.1291 125.663 73.36 121.736 73.36 116.64H71.36C71.36 121.464 70.191 124.737 68.0777 126.709L69.4423 128.171ZM73.36 116.64V95.04H71.36V116.64H73.36ZM73.36 95.04C73.36 88.292 72.2527 83.3794 69.7311 80.6777L68.269 82.0423C70.2273 84.1406 71.36 88.348 71.36 95.04H73.36ZM69.7526 80.7015C67.2174 77.8041 62.676 76.52 56.52 76.52V78.52C62.524 78.52 66.3027 79.7959 68.2474 82.0185L69.7526 80.7015Z" fill="#97A7C8"/>
+</svg>