@itfin/components 2.0.18 → 2.0.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itfin/components",
-  "version": "2.0.18",
+  "version": "2.0.20",
   "author": "Vitalii Savchuk <esvit666@gmail.com>",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/filter/FilterBadge.vue

@@ -12,7 +12,7 @@
       </div>
     </template>
 
-    <div class="px-2">
+    <div>
       <template v-if="type === 'list'">
         <a
           v-for="(item, n) in options.items"

package/src/components/icon/components/nomi-file.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M16.5337 10.6666L16.5444 10.8854C16.654 11.9607 17.5624 12.8002 18.6665 12.8004H22.6665V23.9996C22.6665 24.736 22.0699 25.3336 21.3335 25.3336H10.6665C9.93027 25.3334 9.3335 24.7359 9.3335 23.9996V7.99963C9.33367 7.26351 9.93038 6.6668 10.6665 6.66663H16.5337V10.6666ZM21.8667 11.1998H18.6665C18.4089 11.1996 18.1937 11.017 18.144 10.774L18.1333 10.6666V7.46643L21.8667 11.1998Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-project_alt.vue

@@ -0,0 +1,4 @@
+<template><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M16 6C17.2151 6 18.3797 6.21638 19.457 6.61328L18.0332 8.03809C17.9749 8.09635 17.921 8.15777 17.8711 8.22168C17.2707 8.07779 16.6445 8 16 8C11.5817 8 8 11.5817 8 16C8 20.4183 11.5817 24 16 24C20.4183 24 24 20.4183 24 16C24 15.2061 23.8824 14.4398 23.667 13.7158C23.6745 13.7086 23.6831 13.7017 23.6904 13.6943L25.2314 12.1523C25.7257 13.3369 26 14.6363 26 16C26 21.5228 21.5228 26 16 26C10.4772 26 6 21.5228 6 16C6 10.4772 10.4772 6 16 6ZM16 10C16.5516 10 17.0855 10.0755 17.5928 10.2148L17.8662 11.0332L16.8154 12.083C16.5522 12.0285 16.2794 12 16 12C13.7909 12 12 13.7909 12 16C12 18.2091 13.7909 20 16 20C18.2091 20 20 18.2091 20 16C20 15.5648 19.9293 15.1462 19.8008 14.7539L20.6943 13.8613L21.6436 14.1777C21.6706 14.1868 21.6983 14.1934 21.7256 14.2012C21.9038 14.7691 22 15.3733 22 16C22 19.3137 19.3137 22 16 22C12.6863 22 10 19.3137 10 16C10 12.6863 12.6863 10 16 10ZM20.9131 6.57227C21.1759 6.30944 21.6237 6.41496 21.7412 6.76758L22.1924 8.12109C22.5828 7.73074 23.2159 7.7308 23.6064 8.12109C23.9969 8.51158 23.9969 9.14462 23.6064 9.53516L23.6348 9.54395L24.96 9.98633C25.3124 10.1038 25.4187 10.5516 25.1562 10.8145L22.9834 12.9873C22.7157 13.255 22.3192 13.3491 21.96 13.2295L20.4248 12.7178L16.5352 16.6064C16.1446 16.9969 15.5116 16.9969 15.1211 16.6064C14.7308 16.2159 14.7308 15.5829 15.1211 15.1924L17.8564 12.457L19.0107 11.3037L18.499 9.76855C18.3793 9.40927 18.4725 9.01295 18.7402 8.74512L18.9287 8.55566L20.4434 7.04102L20.9131 6.57227Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-time.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M15.9995 6.66669C17.2873 6.66669 18.5143 6.92741 19.6304 7.39911C19.2736 7.95791 19.0659 8.6216 19.0659 9.33368C19.0661 11.3218 20.6784 12.9333 22.6665 12.9333C23.3788 12.9333 24.0422 12.7258 24.6011 12.3688C25.0729 13.4849 25.3335 14.7119 25.3335 15.9997C25.3335 21.1544 21.1542 25.3337 15.9995 25.3337C10.845 25.3335 6.6665 21.1542 6.6665 15.9997C6.66668 10.8453 10.8451 6.66686 15.9995 6.66669ZM15.9995 8.53387C15.5578 8.53401 15.1997 8.89193 15.1997 9.33368V15.6247L11.4878 18.7194C11.1487 19.0023 11.1026 19.5061 11.3853 19.8454C11.668 20.1846 12.1718 20.2304 12.5112 19.9479L16.5112 16.6149C16.6935 16.4631 16.7991 16.2379 16.7993 16.0007V9.33368C16.7993 8.89185 16.4413 8.53388 15.9995 8.53387ZM22.6665 7.33368C23.771 7.33372 24.6665 8.22914 24.6665 9.33368C24.6664 10.2574 24.0391 11.0317 23.188 11.2614C23.1614 11.2687 23.1349 11.2767 23.1079 11.2829C23.0837 11.2884 23.0592 11.293 23.0347 11.2975C22.9918 11.3057 22.9486 11.3118 22.9048 11.3171C22.8885 11.319 22.8723 11.3214 22.856 11.3229C22.7936 11.3289 22.7305 11.3337 22.6665 11.3337C21.6906 11.3337 20.8787 10.6343 20.7026 9.70966C20.6794 9.58783 20.6665 9.46225 20.6665 9.33368C20.6665 9.30627 20.6693 9.27879 20.6704 9.25165C20.6715 9.22418 20.6711 9.19678 20.6733 9.16962L20.6763 9.1286C20.6786 9.10559 20.6839 9.08302 20.687 9.06024C20.6914 9.02844 20.6958 8.99681 20.7017 8.96552C20.7066 8.93892 20.7123 8.91262 20.7183 8.88641C20.7252 8.85645 20.7334 8.82698 20.7417 8.79755C20.7499 8.76815 20.7567 8.73849 20.7661 8.70966C20.775 8.6828 20.7864 8.6569 20.7964 8.63055C21.0812 7.87323 21.8096 7.33368 22.6665 7.33368Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-user.vue

@@ -1,5 +1,5 @@
-<template><svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="10.0003" cy="7.08333" r="2.08333" fill="currentColor"/>
-<path d="M6.62838 15C5.80763 15 5.39726 15 5.1452 14.65C4.89314 14.3 5.00241 13.988 5.22095 13.364C5.25366 13.2706 5.2892 13.1781 5.32754 13.0866C5.5817 12.48 5.95423 11.9288 6.42386 11.4645C6.89348 11.0002 7.45101 10.6319 8.06461 10.3806C8.6782 10.1293 9.33585 10 10 10C10.6642 10 11.3218 10.1293 11.9354 10.3806C12.549 10.6319 13.1065 11.0002 13.5761 11.4645C14.0458 11.9288 14.4183 12.48 14.6725 13.0866C14.7108 13.1781 14.7463 13.2706 14.779 13.364C14.9976 13.988 15.1069 14.3 14.8548 14.65C14.6027 15 14.1924 15 13.3716 15L6.62838 15Z" fill="currentColor"/>
+<template><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="15.9998" cy="11.3333" r="3.33333" fill="currentColor"/>
+  <path d="M10.6054 24C9.29221 24 8.63561 24 8.23231 23.44C7.82902 22.88 8.00385 22.3808 8.35352 21.3824C8.40585 21.233 8.46271 21.085 8.52407 20.9385C8.93073 19.9679 9.52677 19.086 10.2782 18.3431C11.0296 17.6003 11.9216 17.011 12.9034 16.609C13.8851 16.2069 14.9374 16 16 16C17.0626 16 18.1149 16.2069 19.0966 16.609C20.0784 17.011 20.9704 17.6003 21.7218 18.3431C22.4732 19.086 23.0693 19.9679 23.4759 20.9385C23.5373 21.085 23.5941 21.233 23.6465 21.3824C23.9961 22.3808 24.171 22.88 23.7677 23.44C23.3644 24 22.7078 24 21.3946 24L10.6054 24Z" fill="currentColor"/>
 </svg>
 </template>

package/src/components/icon/components/nomi-user_plus.vue

@@ -0,0 +1,11 @@
+<template><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="14.0003" cy="9.33333" r="3.33333" fill="currentColor"/>
+  <path d="M8.60541 22C7.29221 22 6.63561 22 6.23231 21.44C5.82902 20.88 6.00385 20.3808 6.35352 19.3824C6.40585 19.233 6.46271 19.085 6.52407 18.9385C6.93073 17.9679 7.52677 17.086 8.27817 16.3431C9.02957 15.6003 9.92162 15.011 10.9034 14.609C11.8851 14.2069 12.9374 14 14 14C15.0626 14 16.1149 14.2069 17.0966 14.609C18.0784 15.011 18.9704 15.6003 19.7218 16.3431C20.4732 17.086 21.0693 17.9679 21.4759 18.9385C21.5373 19.085 21.5941 19.233 21.6465 19.3824C21.9961 20.3808 22.171 20.88 21.7677 21.44C21.3644 22 20.7078 22 19.3946 22L8.60541 22Z" fill="currentColor"/>
+  <mask id="path-3-outside-1_2302_29120" maskUnits="userSpaceOnUse" x="16.2002" y="16.2052" width="12" height="12" fill="black">
+    <rect fill="white" x="16.2002" y="16.2052" width="12" height="12"/>
+    <path d="M22.0049 17.2052C22.4467 17.2053 22.8047 17.5632 22.8047 18.005V21.2003H26L26.082 21.2042C26.4852 21.2454 26.7998 21.5861 26.7998 22.0001C26.7998 22.4142 26.4852 22.7548 26.082 22.796L26 22.7999H22.8047V26.005L22.8008 26.087C22.7595 26.4901 22.4188 26.8048 22.0049 26.8048C21.5909 26.8048 21.2503 26.4901 21.209 26.087L21.2051 26.005V22.7999H18C17.5582 22.7999 17.2002 22.4419 17.2002 22.0001C17.2002 21.5583 17.5582 21.2003 18 21.2003H21.2051V18.005C21.2051 17.5632 21.5631 17.2052 22.0049 17.2052Z"/>
+  </mask>
+  <path d="M22.0049 17.2052C22.4467 17.2053 22.8047 17.5632 22.8047 18.005V21.2003H26L26.082 21.2042C26.4852 21.2454 26.7998 21.5861 26.7998 22.0001C26.7998 22.4142 26.4852 22.7548 26.082 22.796L26 22.7999H22.8047V26.005L22.8008 26.087C22.7595 26.4901 22.4188 26.8048 22.0049 26.8048C21.5909 26.8048 21.2503 26.4901 21.209 26.087L21.2051 26.005V22.7999H18C17.5582 22.7999 17.2002 22.4419 17.2002 22.0001C17.2002 21.5583 17.5582 21.2003 18 21.2003H21.2051V18.005C21.2051 17.5632 21.5631 17.2052 22.0049 17.2052Z" fill="currentColor"/>
+  <path d="M22.0049 17.2052L22.005 16.2052H22.0049V17.2052ZM22.8047 18.005L21.8047 18.005V18.005H22.8047ZM22.8047 21.2003H21.8047V22.2003H22.8047V21.2003ZM26 21.2003L26.0476 20.2014L26.0238 20.2003H26V21.2003ZM26.082 21.2042L26.1837 20.2094L26.1567 20.2066L26.1296 20.2054L26.082 21.2042ZM26.082 22.796L26.1296 23.7949L26.1567 23.7936L26.1837 23.7908L26.082 22.796ZM26 22.7999V23.7999H26.0238L26.0476 23.7988L26 22.7999ZM22.8047 22.7999V21.7999H21.8047V22.7999H22.8047ZM22.8047 26.005L23.8036 26.0526L23.8047 26.0288V26.005H22.8047ZM22.8008 26.087L23.7956 26.1889L23.7984 26.1618L23.7996 26.1346L22.8008 26.087ZM22.0049 26.8048V27.8048H22.005L22.0049 26.8048ZM21.209 26.087L20.2101 26.1346L20.2114 26.1618L20.2142 26.1889L21.209 26.087ZM21.2051 26.005H20.2051V26.0288L20.2062 26.0526L21.2051 26.005ZM21.2051 22.7999H22.2051V21.7999H21.2051V22.7999ZM21.2051 21.2003V22.2003H22.2051V21.2003H21.2051ZM21.2051 18.005L20.2051 18.005V18.005H21.2051ZM22.0049 17.2052L22.0048 18.2052C21.8945 18.2052 21.8047 18.1156 21.8047 18.005L22.8047 18.005L23.8047 18.005C23.8047 17.0108 22.9988 16.2053 22.005 16.2052L22.0049 17.2052ZM22.8047 18.005H21.8047V21.2003H22.8047H23.8047V18.005H22.8047ZM22.8047 21.2003V22.2003H26V21.2003V20.2003H22.8047V21.2003ZM26 21.2003L25.9524 22.1992L26.0345 22.2031L26.082 21.2042L26.1296 20.2054L26.0476 20.2014L26 21.2003ZM26.082 21.2042L25.9804 22.199C25.8785 22.1886 25.7998 22.1042 25.7998 22.0001H26.7998H27.7998C27.7998 21.0679 27.0919 20.3022 26.1837 20.2094L26.082 21.2042ZM26.7998 22.0001H25.7998C25.7998 21.896 25.8785 21.8116 25.9804 21.8012L26.082 22.796L26.1837 23.7908C27.0919 23.6981 27.7998 22.9323 27.7998 22.0001H26.7998ZM26.082 22.796L26.0345 21.7972L25.9524 21.8011L26 22.7999L26.0476 23.7988L26.1296 23.7949L26.082 22.796ZM26 22.7999V21.7999H22.8047V22.7999V23.7999H26V22.7999ZM22.8047 22.7999H21.8047V26.005H22.8047H23.8047V22.7999H22.8047ZM22.8047 26.005L21.8058 25.9574L21.8019 26.0395L22.8008 26.087L23.7996 26.1346L23.8036 26.0526L22.8047 26.005ZM22.8008 26.087L21.806 25.9852C21.8164 25.8834 21.9006 25.8048 22.0048 25.8048L22.0049 26.8048L22.005 27.8048C22.9371 27.8047 23.7027 27.0968 23.7956 26.1889L22.8008 26.087ZM22.0049 26.8048V25.8048C22.1092 25.8048 22.1934 25.8836 22.2038 25.9852L21.209 26.087L20.2142 26.1889C20.3071 27.0967 21.0725 27.8048 22.0049 27.8048V26.8048ZM21.209 26.087L22.2079 26.0395L22.2039 25.9574L21.2051 26.005L20.2062 26.0526L20.2101 26.1346L21.209 26.087ZM21.2051 26.005H22.2051V22.7999H21.2051H20.2051V26.005H21.2051ZM21.2051 22.7999V21.7999H18V22.7999V23.7999H21.2051V22.7999ZM18 22.7999V21.7999C18.1105 21.7999 18.2002 21.8897 18.2002 22.0001H17.2002H16.2002C16.2002 22.9942 17.0059 23.7999 18 23.7999V22.7999ZM17.2002 22.0001H18.2002C18.2002 22.1106 18.1105 22.2003 18 22.2003V21.2003V20.2003C17.0059 20.2003 16.2002 21.006 16.2002 22.0001H17.2002ZM18 21.2003V22.2003H21.2051V21.2003V20.2003H18V21.2003ZM21.2051 21.2003H22.2051V18.005H21.2051H20.2051V21.2003H21.2051ZM21.2051 18.005L22.2051 18.005C22.2051 18.1155 22.1153 18.2052 22.0049 18.2052V17.2052V16.2052C21.0108 16.2052 20.2051 17.0109 20.2051 18.005L21.2051 18.005Z" fill="#F2F4F7" mask="url(#path-3-outside-1_2302_29120)"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-warehouse.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M25.3335 20C25.3335 21.8854 25.3332 22.8283 24.7476 23.4141C24.1618 23.9998 23.2189 24 21.3335 24H10.6665C8.78089 24 7.83823 23.9998 7.25244 23.4141C6.66665 22.8283 6.6665 21.8856 6.6665 20V12.7998H25.3335V20ZM13.3335 15.2002C12.8917 15.2002 12.5337 15.5582 12.5337 16C12.5337 16.4418 12.8917 16.7998 13.3335 16.7998H18.6665L18.7485 16.7959C19.1518 16.7548 19.4673 16.4141 19.4673 16C19.4673 15.5859 19.1518 15.2452 18.7485 15.2041L18.6665 15.2002H13.3335ZM21.3335 8C23.2189 8 24.1618 8.00018 24.7476 8.58594C25.2438 9.08229 25.3161 9.83499 25.3276 11.2002H6.67236C6.68393 9.83484 6.75609 9.08229 7.25244 8.58594C7.83823 8.00015 8.78089 8 10.6665 8H21.3335Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/icons.js

@@ -1,504 +1,509 @@
 export default {
-  'archive': () => import('./components/archive.vue'),
-  'align_horizontal': () => import('./components/align_horizontal.vue'),
+  'align_vertical': () => import('./components/align_vertical.vue'),
   'airplay': () => import('./components/airplay.vue'),
   'alarm_clock': () => import('./components/alarm_clock.vue'),
   'arrow_bottom_left': () => import('./components/arrow_bottom_left.vue'),
-  'arrow_down': () => import('./components/arrow_down.vue'),
-  'align_vertical': () => import('./components/align_vertical.vue'),
   'angle': () => import('./components/angle.vue'),
+  'align_horizontal': () => import('./components/align_horizontal.vue'),
+  'archive': () => import('./components/archive.vue'),
   'arrow_bottom_right': () => import('./components/arrow_bottom_right.vue'),
-  'arrow_right': () => import('./components/arrow_right.vue'),
-  'arrow_up_circle': () => import('./components/arrow_up_circle.vue'),
-  'arrow_left': () => import('./components/arrow_left.vue'),
   'arrow_down_circle': () => import('./components/arrow_down_circle.vue'),
   'arrow_right_circle': () => import('./components/arrow_right_circle.vue'),
-  'audio_wave': () => import('./components/audio_wave.vue'),
+  'arrow_left': () => import('./components/arrow_left.vue'),
+  'arrow_right': () => import('./components/arrow_right.vue'),
+  'arrow_down': () => import('./components/arrow_down.vue'),
+  'arrow_top_left': () => import('./components/arrow_top_left.vue'),
   'arrow_up': () => import('./components/arrow_up.vue'),
-  'arrow_left_circle': () => import('./components/arrow_left_circle.vue'),
-  'backward10': () => import('./components/backward10.vue'),
-  'arrow_top_right': () => import('./components/arrow_top_right.vue'),
+  'backspace': () => import('./components/backspace.vue'),
+  'battery_75': () => import('./components/battery_75.vue'),
+  'audio_wave': () => import('./components/audio_wave.vue'),
   'battery_charging': () => import('./components/battery_charging.vue'),
+  'bag': () => import('./components/bag.vue'),
+  'battery_half': () => import('./components/battery_half.vue'),
+  'backward10': () => import('./components/backward10.vue'),
   'battery_low': () => import('./components/battery_low.vue'),
-  'backward': () => import('./components/backward.vue'),
-  'arrow_top_left': () => import('./components/arrow_top_left.vue'),
   'battery_empty': () => import('./components/battery_empty.vue'),
-  'battery_half': () => import('./components/battery_half.vue'),
-  'bell': () => import('./components/bell.vue'),
-  'bag': () => import('./components/bag.vue'),
-  'bell_ringing': () => import('./components/bell_ringing.vue'),
-  'battery_full': () => import('./components/battery_full.vue'),
   'bell_snooze': () => import('./components/bell_snooze.vue'),
-  'battery_75': () => import('./components/battery_75.vue'),
+  'battery_full': () => import('./components/battery_full.vue'),
+  'backward': () => import('./components/backward.vue'),
+  'arrow_left_circle': () => import('./components/arrow_left_circle.vue'),
+  'bell': () => import('./components/bell.vue'),
   'bell_disabled': () => import('./components/bell_disabled.vue'),
-  'backspace': () => import('./components/backspace.vue'),
-  'box_download': () => import('./components/box_download.vue'),
+  'arrow_up_circle': () => import('./components/arrow_up_circle.vue'),
   'book': () => import('./components/book.vue'),
-  'bookmark_book': () => import('./components/bookmark_book.vue'),
-  'book_closed': () => import('./components/book_closed.vue'),
+  'blocked': () => import('./components/blocked.vue'),
   'bookmark': () => import('./components/bookmark.vue'),
   'box': () => import('./components/box.vue'),
+  'bell_ringing': () => import('./components/bell_ringing.vue'),
   'bluetooth': () => import('./components/bluetooth.vue'),
-  'button_add': () => import('./components/button_add.vue'),
-  'briefcase': () => import('./components/briefcase.vue'),
+  'box_download': () => import('./components/box_download.vue'),
+  'branch': () => import('./components/branch.vue'),
+  'bookmark_book': () => import('./components/bookmark_book.vue'),
   'box_open': () => import('./components/box_open.vue'),
+  'arrow_top_right': () => import('./components/arrow_top_right.vue'),
   'browser': () => import('./components/browser.vue'),
-  'button_minus': () => import('./components/button_minus.vue'),
-  'calculator': () => import('./components/calculator.vue'),
   'calendar': () => import('./components/calendar.vue'),
   'browser_alt': () => import('./components/browser_alt.vue'),
-  'calendar_add': () => import('./components/calendar_add.vue'),
-  'calendar_days': () => import('./components/calendar_days.vue'),
+  'briefcase': () => import('./components/briefcase.vue'),
+  'button_minus': () => import('./components/button_minus.vue'),
+  'button_add': () => import('./components/button_add.vue'),
+  'calculator': () => import('./components/calculator.vue'),
   'calendar_last_day': () => import('./components/calendar_last_day.vue'),
-  'calendar_date': () => import('./components/calendar_date.vue'),
+  'book_closed': () => import('./components/book_closed.vue'),
+  'calendar_add': () => import('./components/calendar_add.vue'),
   'calendar_day': () => import('./components/calendar_day.vue'),
-  'calendar_move': () => import('./components/calendar_move.vue'),
   'calendar_month': () => import('./components/calendar_month.vue'),
-  'branch': () => import('./components/branch.vue'),
-  'camera_noflash': () => import('./components/camera_noflash.vue'),
-  'calendar_remove': () => import('./components/calendar_remove.vue'),
+  'book_text': () => import('./components/book_text.vue'),
+  'calendar_date': () => import('./components/calendar_date.vue'),
   'camera': () => import('./components/camera.vue'),
   'calendar_week': () => import('./components/calendar_week.vue'),
+  'calendar_days': () => import('./components/calendar_days.vue'),
+  'calendar_move': () => import('./components/calendar_move.vue'),
+  'camera_noflash': () => import('./components/camera_noflash.vue'),
   'calendar_split': () => import('./components/calendar_split.vue'),
   'camera_alt': () => import('./components/camera_alt.vue'),
-  'capture': () => import('./components/capture.vue'),
+  'card_view': () => import('./components/card_view.vue'),
   'carousel': () => import('./components/carousel.vue'),
-  'camera_noflash_alt': () => import('./components/camera_noflash_alt.vue'),
-  'blocked': () => import('./components/blocked.vue'),
-  'check_circle_outside': () => import('./components/check_circle_outside.vue'),
+  'cart': () => import('./components/cart.vue'),
+  'capture': () => import('./components/capture.vue'),
+  'card_timeline': () => import('./components/card_timeline.vue'),
+  'calendar_remove': () => import('./components/calendar_remove.vue'),
+  'check_circle': () => import('./components/check_circle.vue'),
+  'checkbox_empty': () => import('./components/checkbox_empty.vue'),
+  'cast': () => import('./components/cast.vue'),
   'check': () => import('./components/check.vue'),
   'chain': () => import('./components/chain.vue'),
-  'card_timeline': () => import('./components/card_timeline.vue'),
   'chat_add': () => import('./components/chat_add.vue'),
-  'cast': () => import('./components/cast.vue'),
-  'chevron_down_circle': () => import('./components/chevron_down_circle.vue'),
   'checkbox_checked': () => import('./components/checkbox_checked.vue'),
-  'checkbox_empty': () => import('./components/checkbox_empty.vue'),
+  'chevron_close': () => import('./components/chevron_close.vue'),
+  'check_circle_outside': () => import('./components/check_circle_outside.vue'),
   'chevron_down_double': () => import('./components/chevron_down_double.vue'),
-  'book_text': () => import('./components/book_text.vue'),
+  'chevron_down': () => import('./components/chevron_down.vue'),
+  'chevron_down_circle': () => import('./components/chevron_down_circle.vue'),
+  'chevron_left_double': () => import('./components/chevron_left_double.vue'),
+  'camera_noflash_alt': () => import('./components/camera_noflash_alt.vue'),
+  'chevron_right': () => import('./components/chevron_right.vue'),
   'chevron_left_circle': () => import('./components/chevron_left_circle.vue'),
-  'chevron_close': () => import('./components/chevron_close.vue'),
-  'chevron_right_double': () => import('./components/chevron_right_double.vue'),
+  'chevron_up_double': () => import('./components/chevron_up_double.vue'),
   'chevron_left': () => import('./components/chevron_left.vue'),
-  'chevron_up': () => import('./components/chevron_up.vue'),
-  'card_view': () => import('./components/card_view.vue'),
-  'chevron_left_double': () => import('./components/chevron_left_double.vue'),
-  'chevron_right_circle': () => import('./components/chevron_right_circle.vue'),
-  'cart': () => import('./components/cart.vue'),
-  'chevron_up_circle': () => import('./components/chevron_up_circle.vue'),
-  'check_circle': () => import('./components/check_circle.vue'),
+  'chevron_right_double': () => import('./components/chevron_right_double.vue'),
+  'chevron_open': () => import('./components/chevron_open.vue'),
   'circle': () => import('./components/circle.vue'),
   'circle_menu': () => import('./components/circle_menu.vue'),
-  'chevron_right': () => import('./components/chevron_right.vue'),
-  'clipboard_add': () => import('./components/clipboard_add.vue'),
-  'chevron_open': () => import('./components/chevron_open.vue'),
-  'chevron_up_double': () => import('./components/chevron_up_double.vue'),
   'clipboard': () => import('./components/clipboard.vue'),
-  'clipboard_cross': () => import('./components/clipboard_cross.vue'),
-  'clipboard_check': () => import('./components/clipboard_check.vue'),
-  'clipboard_notes': () => import('./components/clipboard_notes.vue'),
-  'clipboard_remove': () => import('./components/clipboard_remove.vue'),
+  'chevron_up_circle': () => import('./components/chevron_up_circle.vue'),
   'circle_split': () => import('./components/circle_split.vue'),
+  'chevron_up': () => import('./components/chevron_up.vue'),
+  'clipboard_check': () => import('./components/clipboard_check.vue'),
+  'clipboard_cross': () => import('./components/clipboard_cross.vue'),
   'clock': () => import('./components/clock.vue'),
-  'clipboard_copy': () => import('./components/clipboard_copy.vue'),
-  'cloud_download_alt': () => import('./components/cloud_download_alt.vue'),
   'cloud': () => import('./components/cloud.vue'),
+  'clipboard_remove': () => import('./components/clipboard_remove.vue'),
+  'clipboard_copy': () => import('./components/clipboard_copy.vue'),
+  'close': () => import('./components/close.vue'),
   'cloud_disconnect': () => import('./components/cloud_disconnect.vue'),
-  'cloud_upload': () => import('./components/cloud_upload.vue'),
-  'cloud_download': () => import('./components/cloud_download.vue'),
-  'chevron_down': () => import('./components/chevron_down.vue'),
-  'coin': () => import('./components/coin.vue'),
-  'coins': () => import('./components/coins.vue'),
   'cloud_upload_alt': () => import('./components/cloud_upload_alt.vue'),
-  'code': () => import('./components/code.vue'),
-  'contacts': () => import('./components/contacts.vue'),
-  'close': () => import('./components/close.vue'),
+  'clipboard_notes': () => import('./components/clipboard_notes.vue'),
+  'cloud_download_alt': () => import('./components/cloud_download_alt.vue'),
+  'clipboard_add': () => import('./components/clipboard_add.vue'),
   'coffee': () => import('./components/coffee.vue'),
+  'code': () => import('./components/code.vue'),
+  'coins': () => import('./components/coins.vue'),
   'compass': () => import('./components/compass.vue'),
+  'cloud_download': () => import('./components/cloud_download.vue'),
+  'cloud_upload': () => import('./components/cloud_upload.vue'),
+  'coin': () => import('./components/coin.vue'),
+  'component_add': () => import('./components/component_add.vue'),
   'connect': () => import('./components/connect.vue'),
-  'credit_card': () => import('./components/credit_card.vue'),
-  'contract': () => import('./components/contract.vue'),
-  'crosshair': () => import('./components/crosshair.vue'),
   'create': () => import('./components/create.vue'),
-  'component_add': () => import('./components/component_add.vue'),
+  'contacts': () => import('./components/contacts.vue'),
+  'chevron_right_circle': () => import('./components/chevron_right_circle.vue'),
+  'contract': () => import('./components/contract.vue'),
   'cross_circle': () => import('./components/cross_circle.vue'),
-  'crop': () => import('./components/crop.vue'),
+  'crosshair': () => import('./components/crosshair.vue'),
+  'disc': () => import('./components/disc.vue'),
+  'credit_card': () => import('./components/credit_card.vue'),
   'cross': () => import('./components/cross.vue'),
-  'cylinder': () => import('./components/cylinder.vue'),
+  'crop': () => import('./components/crop.vue'),
   'cube': () => import('./components/cube.vue'),
-  'diamond': () => import('./components/diamond.vue'),
-  'disc': () => import('./components/disc.vue'),
-  'document': () => import('./components/document.vue'),
+  'cylinder': () => import('./components/cylinder.vue'),
   'display': () => import('./components/display.vue'),
   'database': () => import('./components/database.vue'),
+  'diamond': () => import('./components/diamond.vue'),
+  'document_stack': () => import('./components/document_stack.vue'),
+  'display_alt': () => import('./components/display_alt.vue'),
+  'document': () => import('./components/document.vue'),
   'document_justified': () => import('./components/document_justified.vue'),
+  'drag': () => import('./components/drag.vue'),
+  'download': () => import('./components/download.vue'),
   'document_words': () => import('./components/document_words.vue'),
-  'document_list': () => import('./components/document_list.vue'),
-  'document_stack': () => import('./components/document_stack.vue'),
   'download_alt': () => import('./components/download_alt.vue'),
-  'download': () => import('./components/download.vue'),
-  'display_alt': () => import('./components/display_alt.vue'),
-  'door_alt': () => import('./components/door_alt.vue'),
+  'downward': () => import('./components/downward.vue'),
+  'document_list': () => import('./components/document_list.vue'),
   'door': () => import('./components/door.vue'),
   'directions': () => import('./components/directions.vue'),
-  'drag': () => import('./components/drag.vue'),
-  'drag_vertical': () => import('./components/drag_vertical.vue'),
+  'duplicate': () => import('./components/duplicate.vue'),
+  'door_alt': () => import('./components/door_alt.vue'),
+  'enter_alt': () => import('./components/enter_alt.vue'),
   'duplicate_alt': () => import('./components/duplicate_alt.vue'),
   'drag_circle': () => import('./components/drag_circle.vue'),
-  'downward': () => import('./components/downward.vue'),
-  'duplicate': () => import('./components/duplicate.vue'),
-  'enter': () => import('./components/enter.vue'),
   'episodes': () => import('./components/episodes.vue'),
+  'exit_left': () => import('./components/exit_left.vue'),
+  'enter': () => import('./components/enter.vue'),
   'expand_height': () => import('./components/expand_height.vue'),
-  'external': () => import('./components/external.vue'),
   'expand': () => import('./components/expand.vue'),
-  'expand_width': () => import('./components/expand_width.vue'),
-  'eye_closed': () => import('./components/eye_closed.vue'),
-  'eye_no': () => import('./components/eye_no.vue'),
   'eye': () => import('./components/eye.vue'),
-  'face_happy': () => import('./components/face_happy.vue'),
-  'enter_alt': () => import('./components/enter_alt.vue'),
-  'files_history': () => import('./components/files_history.vue'),
-  'exit_left': () => import('./components/exit_left.vue'),
-  'exit_right': () => import('./components/exit_right.vue'),
+  'drag_vertical': () => import('./components/drag_vertical.vue'),
   'face_delighted': () => import('./components/face_delighted.vue'),
-  'file_download': () => import('./components/file_download.vue'),
-  'files_stack': () => import('./components/files_stack.vue'),
+  'external': () => import('./components/external.vue'),
+  'eye_closed': () => import('./components/eye_closed.vue'),
+  'fi_fingerprint': () => import('./components/fi_fingerprint.vue'),
+  'exit_right': () => import('./components/exit_right.vue'),
+  'expand_width': () => import('./components/expand_width.vue'),
   'file_upload': () => import('./components/file_upload.vue'),
-  'filter_circle': () => import('./components/filter_circle.vue'),
   'face_sad': () => import('./components/face_sad.vue'),
+  'files_multi': () => import('./components/files_multi.vue'),
+  'file_download': () => import('./components/file_download.vue'),
+  'filter': () => import('./components/filter.vue'),
+  'files_stack': () => import('./components/files_stack.vue'),
+  'film': () => import('./components/film.vue'),
   'face_neutral': () => import('./components/face_neutral.vue'),
+  'eye_no': () => import('./components/eye_no.vue'),
   'filter_all': () => import('./components/filter_all.vue'),
-  'fi_fingerprint': () => import('./components/fi_fingerprint.vue'),
+  'filter_circle': () => import('./components/filter_circle.vue'),
+  'face_happy': () => import('./components/face_happy.vue'),
   'filter_completed': () => import('./components/filter_completed.vue'),
-  'files_multi': () => import('./components/files_multi.vue'),
-  'filter_single': () => import('./components/filter_single.vue'),
-  'filter': () => import('./components/filter.vue'),
-  'filter_overdue': () => import('./components/filter_overdue.vue'),
+  'files_history': () => import('./components/files_history.vue'),
   'filter_ongoing': () => import('./components/filter_ongoing.vue'),
-  'flame_alt': () => import('./components/flame_alt.vue'),
-  'film': () => import('./components/film.vue'),
-  'folder_closed': () => import('./components/folder_closed.vue'),
-  'fingerprint': () => import('./components/fingerprint.vue'),
+  'filter_overdue': () => import('./components/filter_overdue.vue'),
+  'filtering': () => import('./components/filtering.vue'),
   'flag': () => import('./components/flag.vue'),
-  'filter_not_started': () => import('./components/filter_not_started.vue'),
+  'floppy': () => import('./components/floppy.vue'),
   'flame': () => import('./components/flame.vue'),
+  'fingerprint': () => import('./components/fingerprint.vue'),
+  'fork_git': () => import('./components/fork_git.vue'),
+  'flame_alt': () => import('./components/flame_alt.vue'),
   'flip_view': () => import('./components/flip_view.vue'),
   'folder_add': () => import('./components/folder_add.vue'),
-  'filtering': () => import('./components/filtering.vue'),
-  'floppy': () => import('./components/floppy.vue'),
-  'folder_open': () => import('./components/folder_open.vue'),
-  'forward10': () => import('./components/forward10.vue'),
   'folder_minus': () => import('./components/folder_minus.vue'),
-  'fork_git': () => import('./components/fork_git.vue'),
   'forward': () => import('./components/forward.vue'),
+  'filter_not_started': () => import('./components/filter_not_started.vue'),
+  'folder_closed': () => import('./components/folder_closed.vue'),
   'funnel': () => import('./components/funnel.vue'),
-  'gift': () => import('./components/gift.vue'),
+  'folder_open': () => import('./components/folder_open.vue'),
+  'filter_single': () => import('./components/filter_single.vue'),
+  'globe': () => import('./components/globe.vue'),
+  'forward_alt': () => import('./components/forward_alt.vue'),
   'frame': () => import('./components/frame.vue'),
   'gauge': () => import('./components/gauge.vue'),
   'gps': () => import('./components/gps.vue'),
-  'globe': () => import('./components/globe.vue'),
-  'fullscreen': () => import('./components/fullscreen.vue'),
-  'forward_alt': () => import('./components/forward_alt.vue'),
+  'gift': () => import('./components/gift.vue'),
+  'graph_box': () => import('./components/graph_box.vue'),
+  'grid': () => import('./components/grid.vue'),
   'grid_circles': () => import('./components/grid_circles.vue'),
-  'grab': () => import('./components/grab.vue'),
+  'forward10': () => import('./components/forward10.vue'),
+  'fullscreen': () => import('./components/fullscreen.vue'),
+  'graph_bar': () => import('./components/graph_bar.vue'),
   'grid_small': () => import('./components/grid_small.vue'),
   'grid_circles_add': () => import('./components/grid_circles_add.vue'),
-  'graph_box': () => import('./components/graph_box.vue'),
-  'grid_squares_add': () => import('./components/grid_squares_add.vue'),
-  'graph_increase': () => import('./components/graph_increase.vue'),
-  'grid_squares': () => import('./components/grid_squares.vue'),
-  'graph_bar': () => import('./components/graph_bar.vue'),
   'hand': () => import('./components/hand.vue'),
-  'grid': () => import('./components/grid.vue'),
-  'height': () => import('./components/height.vue'),
-  'heart_remove': () => import('./components/heart_remove.vue'),
   'harddrive': () => import('./components/harddrive.vue'),
-  'heart': () => import('./components/heart.vue'),
   'hash': () => import('./components/hash.vue'),
-  'home_alt': () => import('./components/home_alt.vue'),
+  'grid_squares_add': () => import('./components/grid_squares_add.vue'),
+  'grab': () => import('./components/grab.vue'),
+  'grid_squares': () => import('./components/grid_squares.vue'),
+  'height': () => import('./components/height.vue'),
+  'heart_rate': () => import('./components/heart_rate.vue'),
+  'graph_increase': () => import('./components/graph_increase.vue'),
   'home_check': () => import('./components/home_check.vue'),
+  'heart': () => import('./components/heart.vue'),
+  'heart_remove': () => import('./components/heart_remove.vue'),
+  'hierarchy': () => import('./components/hierarchy.vue'),
   'home': () => import('./components/home.vue'),
+  'inbox_alt': () => import('./components/inbox_alt.vue'),
+  'home_alt': () => import('./components/home_alt.vue'),
+  'iphone_landscape': () => import('./components/iphone_landscape.vue'),
   'import': () => import('./components/import.vue'),
-  'inbox': () => import('./components/inbox.vue'),
-  'home_door': () => import('./components/home_door.vue'),
-  'info_circle': () => import('./components/info_circle.vue'),
   'jump_backward': () => import('./components/jump_backward.vue'),
-  'heart_rate': () => import('./components/heart_rate.vue'),
   'iphone_portrait': () => import('./components/iphone_portrait.vue'),
-  'inbox_alt': () => import('./components/inbox_alt.vue'),
+  'jump_forward': () => import('./components/jump_forward.vue'),
+  'info_circle': () => import('./components/info_circle.vue'),
   'jump_left': () => import('./components/jump_left.vue'),
-  'hierarchy': () => import('./components/hierarchy.vue'),
-  'lightbulb': () => import('./components/lightbulb.vue'),
-  'keyboard': () => import('./components/keyboard.vue'),
+  'inbox': () => import('./components/inbox.vue'),
+  'home_door': () => import('./components/home_door.vue'),
   'laptop': () => import('./components/laptop.vue'),
+  'keyboard': () => import('./components/keyboard.vue'),
+  'lightning_alt': () => import('./components/lightning_alt.vue'),
+  'lightning': () => import('./components/lightning.vue'),
   'lightbulb_on': () => import('./components/lightbulb_on.vue'),
-  'lineweight': () => import('./components/lineweight.vue'),
+  'jump_right': () => import('./components/jump_right.vue'),
   'link_broken': () => import('./components/link_broken.vue'),
-  'jump_forward': () => import('./components/jump_forward.vue'),
-  'lightning': () => import('./components/lightning.vue'),
-  'link_vertical': () => import('./components/link_vertical.vue'),
-  'iphone_landscape': () => import('./components/iphone_landscape.vue'),
-  'link_horizontal': () => import('./components/link_horizontal.vue'),
   'link': () => import('./components/link.vue'),
   'list': () => import('./components/list.vue'),
-  'list_numbered': () => import('./components/list_numbered.vue'),
-  'list_add': () => import('./components/list_add.vue'),
-  'lightning_alt': () => import('./components/lightning_alt.vue'),
-  'mail_add': () => import('./components/mail_add.vue'),
-  'lock': () => import('./components/lock.vue'),
+  'lineweight': () => import('./components/lineweight.vue'),
   'link_alt': () => import('./components/link_alt.vue'),
-  'jump_right': () => import('./components/jump_right.vue'),
+  'lightbulb': () => import('./components/lightbulb.vue'),
+  'list_add': () => import('./components/list_add.vue'),
+  'link_vertical': () => import('./components/link_vertical.vue'),
+  'loader': () => import('./components/loader.vue'),
+  'link_horizontal': () => import('./components/link_horizontal.vue'),
+  'list_numbered': () => import('./components/list_numbered.vue'),
   'mail': () => import('./components/mail.vue'),
   'location': () => import('./components/location.vue'),
   'lock_open': () => import('./components/lock_open.vue'),
-  'loader': () => import('./components/loader.vue'),
-  'mail_open': () => import('./components/mail_open.vue'),
+  'lock': () => import('./components/lock.vue'),
   'mail_new': () => import('./components/mail_new.vue'),
-  'marquee': () => import('./components/marquee.vue'),
-  'maximise': () => import('./components/maximise.vue'),
   'mail_minus': () => import('./components/mail_minus.vue'),
+  'marquee': () => import('./components/marquee.vue'),
   'menu_hamburger': () => import('./components/menu_hamburger.vue'),
+  'mail_open': () => import('./components/mail_open.vue'),
+  'mail_delete': () => import('./components/mail_delete.vue'),
+  'mail_add': () => import('./components/mail_add.vue'),
   'mail_remove': () => import('./components/mail_remove.vue'),
-  'menu_vertical': () => import('./components/menu_vertical.vue'),
   'message_writing': () => import('./components/message_writing.vue'),
-  'mail_delete': () => import('./components/mail_delete.vue'),
-  'midpoint': () => import('./components/midpoint.vue'),
+  'menu_horizontal': () => import('./components/menu_horizontal.vue'),
+  'message': () => import('./components/message.vue'),
+  'menu_vertical': () => import('./components/menu_vertical.vue'),
   'microphone_muted': () => import('./components/microphone_muted.vue'),
-  'mini_player': () => import('./components/mini_player.vue'),
   'microphone': () => import('./components/microphone.vue'),
-  'message': () => import('./components/message.vue'),
-  'minimise': () => import('./components/minimise.vue'),
-  'menu_horizontal': () => import('./components/menu_horizontal.vue'),
-  'minus_circle': () => import('./components/minus_circle.vue'),
+  'maximise': () => import('./components/maximise.vue'),
+  'mini_player': () => import('./components/mini_player.vue'),
   'minus': () => import('./components/minus.vue'),
-  'move': () => import('./components/move.vue'),
+  'midpoint': () => import('./components/midpoint.vue'),
+  'newspaper': () => import('./components/newspaper.vue'),
   'microphone_disabled': () => import('./components/microphone_disabled.vue'),
+  'moon': () => import('./components/moon.vue'),
+  'move': () => import('./components/move.vue'),
   'notebook': () => import('./components/notebook.vue'),
   'no_sign': () => import('./components/no_sign.vue'),
-  'moon': () => import('./components/moon.vue'),
-  'notification': () => import('./components/notification.vue'),
-  'newspaper': () => import('./components/newspaper.vue'),
   'nut': () => import('./components/nut.vue'),
-  'panel_left': () => import('./components/panel_left.vue'),
-  'pages': () => import('./components/pages.vue'),
-  'panel_sectioned': () => import('./components/panel_sectioned.vue'),
-  'paper_plane_alt': () => import('./components/paper_plane_alt.vue'),
-  'paper_folded': () => import('./components/paper_folded.vue'),
+  'notification': () => import('./components/notification.vue'),
   'optional': () => import('./components/optional.vue'),
+  'pages': () => import('./components/pages.vue'),
   'panel_bottom': () => import('./components/panel_bottom.vue'),
-  'paragraph_end': () => import('./components/paragraph_end.vue'),
   'panel_center': () => import('./components/panel_center.vue'),
-  'paper_plane': () => import('./components/paper_plane.vue'),
-  'paper': () => import('./components/paper.vue'),
+  'minus_circle': () => import('./components/minus_circle.vue'),
   'panel_right': () => import('./components/panel_right.vue'),
+  'panel_left': () => import('./components/panel_left.vue'),
+  'panel_sectioned': () => import('./components/panel_sectioned.vue'),
+  'paper': () => import('./components/paper.vue'),
+  'paper_folded': () => import('./components/paper_folded.vue'),
+  'paper_plane': () => import('./components/paper_plane.vue'),
   'paragraph_left': () => import('./components/paragraph_left.vue'),
-  'phone_landscape': () => import('./components/phone_landscape.vue'),
+  'paper_plane_alt': () => import('./components/paper_plane_alt.vue'),
+  'paragraph_right': () => import('./components/paragraph_right.vue'),
   'panel_top': () => import('./components/panel_top.vue'),
+  'paperclip': () => import('./components/paperclip.vue'),
+  'paragraph_end': () => import('./components/paragraph_end.vue'),
+  'phone_landscape': () => import('./components/phone_landscape.vue'),
   'paragraph_start': () => import('./components/paragraph_start.vue'),
-  'paragraph_center': () => import('./components/paragraph_center.vue'),
-  'pause': () => import('./components/pause.vue'),
-  'paragraph_right': () => import('./components/paragraph_right.vue'),
-  'pie_quarter': () => import('./components/pie_quarter.vue'),
   'picture': () => import('./components/picture.vue'),
-  'pie_half': () => import('./components/pie_half.vue'),
-  'plus_circle': () => import('./components/plus_circle.vue'),
-  'paperclip': () => import('./components/paperclip.vue'),
-  'phone_portrait': () => import('./components/phone_portrait.vue'),
+  'pie_quarter': () => import('./components/pie_quarter.vue'),
   'play': () => import('./components/play.vue'),
+  'pie_half': () => import('./components/pie_half.vue'),
+  'paragraph_center': () => import('./components/paragraph_center.vue'),
   'plus': () => import('./components/plus.vue'),
+  'phone_portrait': () => import('./components/phone_portrait.vue'),
   'pie_third': () => import('./components/pie_third.vue'),
+  'plus_circle': () => import('./components/plus_circle.vue'),
+  'pause': () => import('./components/pause.vue'),
+  'project_fixed': () => import('./components/project_fixed.vue'),
   'play_button': () => import('./components/play_button.vue'),
-  'postcard': () => import('./components/postcard.vue'),
   'pen': () => import('./components/pen.vue'),
-  'project_nonprofit': () => import('./components/project_nonprofit.vue'),
+  'printer': () => import('./components/printer.vue'),
+  'project_tnm': () => import('./components/project_tnm.vue'),
+  'postcard': () => import('./components/postcard.vue'),
   'projector': () => import('./components/projector.vue'),
-  'project_fixed': () => import('./components/project_fixed.vue'),
+  'project_nonprofit': () => import('./components/project_nonprofit.vue'),
   'pull_down': () => import('./components/pull_down.vue'),
-  'printer': () => import('./components/printer.vue'),
-  'push_right': () => import('./components/push_right.vue'),
+  'minimise': () => import('./components/minimise.vue'),
+  'pull_left': () => import('./components/pull_left.vue'),
+  'pull_up': () => import('./components/pull_up.vue'),
   'push_left': () => import('./components/push_left.vue'),
-  'project_tnm': () => import('./components/project_tnm.vue'),
   'push_down': () => import('./components/push_down.vue'),
-  'pull_left': () => import('./components/pull_left.vue'),
+  'receipt': () => import('./components/receipt.vue'),
   'pull_right': () => import('./components/pull_right.vue'),
-  'radio_on': () => import('./components/radio_on.vue'),
   'push_up': () => import('./components/push_up.vue'),
-  'question_circle': () => import('./components/question_circle.vue'),
-  'receipt': () => import('./components/receipt.vue'),
+  'refresh': () => import('./components/refresh.vue'),
   'redo': () => import('./components/redo.vue'),
   'record': () => import('./components/record.vue'),
-  'pull_up': () => import('./components/pull_up.vue'),
-  'replicate': () => import('./components/replicate.vue'),
   'replicate_alt': () => import('./components/replicate_alt.vue'),
   'refresh_alt': () => import('./components/refresh_alt.vue'),
-  'required': () => import('./components/required.vue'),
-  'reset_forward': () => import('./components/reset_forward.vue'),
+  'push_right': () => import('./components/push_right.vue'),
+  'radio_on': () => import('./components/radio_on.vue'),
   'reset': () => import('./components/reset.vue'),
-  'reset_alt': () => import('./components/reset_alt.vue'),
   'reset_hard': () => import('./components/reset_hard.vue'),
   'reset_temporary': () => import('./components/reset_temporary.vue'),
-  'reverse': () => import('./components/reverse.vue'),
+  'reset_alt': () => import('./components/reset_alt.vue'),
+  'replicate': () => import('./components/replicate.vue'),
+  'reset_forward': () => import('./components/reset_forward.vue'),
+  'reverse_alt': () => import('./components/reverse_alt.vue'),
   'retweet': () => import('./components/retweet.vue'),
+  'reuse': () => import('./components/reuse.vue'),
   'rocket': () => import('./components/rocket.vue'),
+  'ruler': () => import('./components/ruler.vue'),
   'revert': () => import('./components/revert.vue'),
-  'scale': () => import('./components/scale.vue'),
+  'reverse': () => import('./components/reverse.vue'),
+  'scalpel': () => import('./components/scalpel.vue'),
   'scale_contract': () => import('./components/scale_contract.vue'),
-  'refresh': () => import('./components/refresh.vue'),
-  'ruler': () => import('./components/ruler.vue'),
-  'reverse_alt': () => import('./components/reverse_alt.vue'),
+  'scale': () => import('./components/scale.vue'),
+  'settings': () => import('./components/settings.vue'),
+  'required': () => import('./components/required.vue'),
   'server': () => import('./components/server.vue'),
+  'search': () => import('./components/search.vue'),
+  'question_circle': () => import('./components/question_circle.vue'),
+  'sliders': () => import('./components/sliders.vue'),
   'scale_extend': () => import('./components/scale_extend.vue'),
-  'share_alt': () => import('./components/share_alt.vue'),
-  'reuse': () => import('./components/reuse.vue'),
-  'share': () => import('./components/share.vue'),
-  'scalpel': () => import('./components/scalpel.vue'),
-  'settings': () => import('./components/settings.vue'),
   'shuffle': () => import('./components/shuffle.vue'),
-  'side_menu': () => import('./components/side_menu.vue'),
-  'sliders': () => import('./components/sliders.vue'),
-  'sort': () => import('./components/sort.vue'),
-  'search': () => import('./components/search.vue'),
-  'sort_alt': () => import('./components/sort_alt.vue'),
-  'speaker': () => import('./components/speaker.vue'),
-  'split': () => import('./components/split.vue'),
-  'sun': () => import('./components/sun.vue'),
   'slash_backward': () => import('./components/slash_backward.vue'),
-  'slash_forward': () => import('./components/slash_forward.vue'),
+  'share': () => import('./components/share.vue'),
+  'speaker': () => import('./components/speaker.vue'),
   'speech_bubble': () => import('./components/speech_bubble.vue'),
-  'support': () => import('./components/support.vue'),
-  'speech_typing': () => import('./components/speech_typing.vue'),
+  'sort': () => import('./components/sort.vue'),
+  'share_alt': () => import('./components/share_alt.vue'),
   'split_three': () => import('./components/split_three.vue'),
   'star': () => import('./components/star.vue'),
+  'slash_forward': () => import('./components/slash_forward.vue'),
+  'sort_alt': () => import('./components/sort_alt.vue'),
+  'side_menu': () => import('./components/side_menu.vue'),
+  'sun': () => import('./components/sun.vue'),
+  'table': () => import('./components/table.vue'),
+  'speech_typing': () => import('./components/speech_typing.vue'),
+  'support': () => import('./components/support.vue'),
+  'switch': () => import('./components/switch.vue'),
+  'tag_milestone': () => import('./components/tag_milestone.vue'),
+  'tags': () => import('./components/tags.vue'),
   'swap': () => import('./components/swap.vue'),
   'table_header': () => import('./components/table_header.vue'),
   'tag': () => import('./components/tag.vue'),
-  'tag_milestone': () => import('./components/tag_milestone.vue'),
   'thread': () => import('./components/thread.vue'),
-  'switch': () => import('./components/switch.vue'),
   'target': () => import('./components/target.vue'),
+  'todo': () => import('./components/todo.vue'),
   'thumbs_down': () => import('./components/thumbs_down.vue'),
-  'tags': () => import('./components/tags.vue'),
-  'timeline': () => import('./components/timeline.vue'),
-  'table': () => import('./components/table.vue'),
   'ticket': () => import('./components/ticket.vue'),
-  'trash': () => import('./components/trash.vue'),
   'thumbs_up': () => import('./components/thumbs_up.vue'),
-  'translate': () => import('./components/translate.vue'),
   'toggles': () => import('./components/toggles.vue'),
-  'type_checkbox': () => import('./components/type_checkbox.vue'),
-  'trophy': () => import('./components/trophy.vue'),
-  'todo': () => import('./components/todo.vue'),
+  'toggle': () => import('./components/toggle.vue'),
+  'timeline': () => import('./components/timeline.vue'),
   'type_date': () => import('./components/type_date.vue'),
-  'type_email': () => import('./components/type_email.vue'),
-  'type_file': () => import('./components/type_file.vue'),
+  'trophy': () => import('./components/trophy.vue'),
   'trash_alt': () => import('./components/trash_alt.vue'),
-  'toggle': () => import('./components/toggle.vue'),
-  'type_multiselect': () => import('./components/type_multiselect.vue'),
-  'type_id': () => import('./components/type_id.vue'),
+  'translate': () => import('./components/translate.vue'),
+  'type_file': () => import('./components/type_file.vue'),
   'tv_mode': () => import('./components/tv_mode.vue'),
-  'type_relation': () => import('./components/type_relation.vue'),
+  'trash': () => import('./components/trash.vue'),
+  'type_email': () => import('./components/type_email.vue'),
+  'type_checkbox': () => import('./components/type_checkbox.vue'),
+  'type_multiselect': () => import('./components/type_multiselect.vue'),
   'type_number': () => import('./components/type_number.vue'),
-  'type_select': () => import('./components/type_select.vue'),
+  'type_id': () => import('./components/type_id.vue'),
+  'type_formula': () => import('./components/type_formula.vue'),
   'type_phone': () => import('./components/type_phone.vue'),
+  'type_relation': () => import('./components/type_relation.vue'),
   'type_person': () => import('./components/type_person.vue'),
-  'type_text': () => import('./components/type_text.vue'),
-  'type_user': () => import('./components/type_user.vue'),
+  'split': () => import('./components/split.vue'),
   'type_status': () => import('./components/type_status.vue'),
-  'undo_history': () => import('./components/undo_history.vue'),
   'type_time': () => import('./components/type_time.vue'),
-  'unlink_horizontal': () => import('./components/unlink_horizontal.vue'),
+  'type_text': () => import('./components/type_text.vue'),
   'type_url': () => import('./components/type_url.vue'),
-  'type_formula': () => import('./components/type_formula.vue'),
-  'upload': () => import('./components/upload.vue'),
-  'unarchive': () => import('./components/unarchive.vue'),
+  'type_user': () => import('./components/type_user.vue'),
+  'type_select': () => import('./components/type_select.vue'),
   'undo': () => import('./components/undo.vue'),
+  'unlink_horizontal': () => import('./components/unlink_horizontal.vue'),
+  'unarchive': () => import('./components/unarchive.vue'),
+  'undo_history': () => import('./components/undo_history.vue'),
   'unlink_vertical': () => import('./components/unlink_vertical.vue'),
   'upload_alt': () => import('./components/upload_alt.vue'),
-  'user': () => import('./components/user.vue'),
+  'upload': () => import('./components/upload.vue'),
   'user_circle': () => import('./components/user_circle.vue'),
-  'upward': () => import('./components/upward.vue'),
   'user_male': () => import('./components/user_male.vue'),
   'user_male_circle': () => import('./components/user_male_circle.vue'),
-  'user_add': () => import('./components/user_add.vue'),
-  'versions': () => import('./components/versions.vue'),
-  'version': () => import('./components/version.vue'),
-  'video': () => import('./components/video.vue'),
+  'user': () => import('./components/user.vue'),
   'users': () => import('./components/users.vue'),
+  'version': () => import('./components/version.vue'),
   'volume_0': () => import('./components/volume_0.vue'),
-  'volume_add': () => import('./components/volume_add.vue'),
+  'user_add': () => import('./components/user_add.vue'),
   'venn': () => import('./components/venn.vue'),
+  'upward': () => import('./components/upward.vue'),
+  'volume_add': () => import('./components/volume_add.vue'),
   'user_remove': () => import('./components/user_remove.vue'),
+  'video': () => import('./components/video.vue'),
   'volume_low': () => import('./components/volume_low.vue'),
-  'volume_disabled': () => import('./components/volume_disabled.vue'),
   'volume_muted': () => import('./components/volume_muted.vue'),
   'volume_high': () => import('./components/volume_high.vue'),
+  'width': () => import('./components/width.vue'),
   'warning_triangle': () => import('./components/warning_triangle.vue'),
-  'warning_circle': () => import('./components/warning_circle.vue'),
+  'versions': () => import('./components/versions.vue'),
   'warning_hex': () => import('./components/warning_hex.vue'),
+  'volume_minus': () => import('./components/volume_minus.vue'),
   'wallet': () => import('./components/wallet.vue'),
-  'width': () => import('./components/width.vue'),
-  'wifi': () => import('./components/wifi.vue'),
-  'window_collapse_right': () => import('./components/window_collapse_right.vue'),
+  'waves': () => import('./components/waves.vue'),
+  'warning_circle': () => import('./components/warning_circle.vue'),
+  'volume_disabled': () => import('./components/volume_disabled.vue'),
   'wifi_none': () => import('./components/wifi_none.vue'),
   'window': () => import('./components/window.vue'),
-  'volume_minus': () => import('./components/volume_minus.vue'),
-  'wifi_error': () => import('./components/wifi_error.vue'),
-  'window_collapse_left': () => import('./components/window_collapse_left.vue'),
-  'wrap_forward': () => import('./components/wrap_forward.vue'),
-  'waves': () => import('./components/waves.vue'),
   'window_content': () => import('./components/window_content.vue'),
-  'write': () => import('./components/write.vue'),
-  'zoom_cancel': () => import('./components/zoom_cancel.vue'),
+  'wifi': () => import('./components/wifi.vue'),
+  'wifi_error': () => import('./components/wifi_error.vue'),
   'wrap_back': () => import('./components/wrap_back.vue'),
+  'wrap_forward': () => import('./components/wrap_forward.vue'),
+  'window_collapse_right': () => import('./components/window_collapse_right.vue'),
+  'window_collapse_left': () => import('./components/window_collapse_left.vue'),
   'zoom_in': () => import('./components/zoom_in.vue'),
-  'zoom_out': () => import('./components/zoom_out.vue'),
+  'zoom_cancel': () => import('./components/zoom_cancel.vue'),
   'zoom_reset': () => import('./components/zoom_reset.vue'),
-  'nomi-arrow_up': () => import('./components/nomi-arrow_up.vue'),
+  'write': () => import('./components/write.vue'),
+  'zoom_out': () => import('./components/zoom_out.vue'),
   'nomi-arrow-down': () => import('./components/nomi-arrow-down.vue'),
-  'nomi-ai': () => import('./components/nomi-ai.vue'),
-  'nomi-arrows': () => import('./components/nomi-arrows.vue'),
   'nomi-arrow_down': () => import('./components/nomi-arrow_down.vue'),
   'nomi-arrow-up': () => import('./components/nomi-arrow-up.vue'),
-  'nomi-arrow-right-top': () => import('./components/nomi-arrow-right-top.vue'),
+  'nomi-arrow_up': () => import('./components/nomi-arrow_up.vue'),
+  'nomi-ai': () => import('./components/nomi-ai.vue'),
   'nomi-calendar-alt': () => import('./components/nomi-calendar-alt.vue'),
+  'nomi-close': () => import('./components/nomi-close.vue'),
+  'nomi-arrows': () => import('./components/nomi-arrows.vue'),
   'nomi-calendar-alt2': () => import('./components/nomi-calendar-alt2.vue'),
+  'nomi-calendar': () => import('./components/nomi-calendar.vue'),
   'nomi-card': () => import('./components/nomi-card.vue'),
   'nomi-counterparty': () => import('./components/nomi-counterparty.vue'),
-  'nomi-close': () => import('./components/nomi-close.vue'),
-  'nomi-dashboard': () => import('./components/nomi-dashboard.vue'),
   'nomi-clear': () => import('./components/nomi-clear.vue'),
+  'nomi-dashboard': () => import('./components/nomi-dashboard.vue'),
   'nomi-expand': () => import('./components/nomi-expand.vue'),
+  'nomi-eye-open': () => import('./components/nomi-eye-open.vue'),
+  'nomi-arrow-right-top': () => import('./components/nomi-arrow-right-top.vue'),
   'nomi-eye': () => import('./components/nomi-eye.vue'),
+  'nomi-lock': () => import('./components/nomi-lock.vue'),
+  'nomi-file': () => import('./components/nomi-file.vue'),
+  'nomi-export': () => import('./components/nomi-export.vue'),
   'nomi-eye-close': () => import('./components/nomi-eye-close.vue'),
+  'nomi-logout': () => import('./components/nomi-logout.vue'),
   'nomi-filter': () => import('./components/nomi-filter.vue'),
   'nomi-hide': () => import('./components/nomi-hide.vue'),
-  'nomi-eye-open': () => import('./components/nomi-eye-open.vue'),
-  'nomi-money': () => import('./components/nomi-money.vue'),
   'nomi-help': () => import('./components/nomi-help.vue'),
-  'nomi-logout': () => import('./components/nomi-logout.vue'),
-  'nomi-export': () => import('./components/nomi-export.vue'),
   'nomi-move-left': () => import('./components/nomi-move-left.vue'),
+  'nomi-money': () => import('./components/nomi-money.vue'),
+  'nomi-pin': () => import('./components/nomi-pin.vue'),
   'nomi-move-right': () => import('./components/nomi-move-right.vue'),
   'nomi-pen': () => import('./components/nomi-pen.vue'),
-  'nomi-calendar': () => import('./components/nomi-calendar.vue'),
-  'nomi-person': () => import('./components/nomi-person.vue'),
+  'nomi-project_alt': () => import('./components/nomi-project_alt.vue'),
   'nomi-project': () => import('./components/nomi-project.vue'),
-  'nomi-lock': () => import('./components/nomi-lock.vue'),
   'nomi-recurrence': () => import('./components/nomi-recurrence.vue'),
-  'nomi-scissors': () => import('./components/nomi-scissors.vue'),
-  'nomi-report': () => import('./components/nomi-report.vue'),
-  'nomi-pin': () => import('./components/nomi-pin.vue'),
+  'nomi-table-view': () => import('./components/nomi-table-view.vue'),
   'nomi-repeat': () => import('./components/nomi-repeat.vue'),
-  'nomi-sort-asc': () => import('./components/nomi-sort-asc.vue'),
   'nomi-settings': () => import('./components/nomi-settings.vue'),
+  'nomi-report': () => import('./components/nomi-report.vue'),
+  'nomi-person': () => import('./components/nomi-person.vue'),
   'nomi-sort-desc': () => import('./components/nomi-sort-desc.vue'),
-  'nomi-transactions': () => import('./components/nomi-transactions.vue'),
+  'nomi-scissors': () => import('./components/nomi-scissors.vue'),
+  'nomi-sort-asc': () => import('./components/nomi-sort-asc.vue'),
   'nomi-tag': () => import('./components/nomi-tag.vue'),
-  'nomi-table-view': () => import('./components/nomi-table-view.vue'),
-  'nomi-target': () => import('./components/nomi-target.vue'),
+  'nomi-time': () => import('./components/nomi-time.vue'),
   'nomi-text': () => import('./components/nomi-text.vue'),
+  'nomi-transactions': () => import('./components/nomi-transactions.vue'),
+  'nomi-user_plus': () => import('./components/nomi-user_plus.vue'),
   'nomi-trash': () => import('./components/nomi-trash.vue'),
-  'nomi-user': () => import('./components/nomi-user.vue'),
   'nomi-unpin': () => import('./components/nomi-unpin.vue'),
+  'nomi-target': () => import('./components/nomi-target.vue'),
+  'nomi-user': () => import('./components/nomi-user.vue'),
+  'nomi-warehouse': () => import('./components/nomi-warehouse.vue'),
 }

package/src/components/icon/new-icons/file.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M16.5337 10.6666L16.5444 10.8854C16.654 11.9607 17.5624 12.8002 18.6665 12.8004H22.6665V23.9996C22.6665 24.736 22.0699 25.3336 21.3335 25.3336H10.6665C9.93027 25.3334 9.3335 24.7359 9.3335 23.9996V7.99963C9.33367 7.26351 9.93038 6.6668 10.6665 6.66663H16.5337V10.6666ZM21.8667 11.1998H18.6665C18.4089 11.1996 18.1937 11.017 18.144 10.774L18.1333 10.6666V7.46643L21.8667 11.1998Z" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/project_alt.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M16 6C17.2151 6 18.3797 6.21638 19.457 6.61328L18.0332 8.03809C17.9749 8.09635 17.921 8.15777 17.8711 8.22168C17.2707 8.07779 16.6445 8 16 8C11.5817 8 8 11.5817 8 16C8 20.4183 11.5817 24 16 24C20.4183 24 24 20.4183 24 16C24 15.2061 23.8824 14.4398 23.667 13.7158C23.6745 13.7086 23.6831 13.7017 23.6904 13.6943L25.2314 12.1523C25.7257 13.3369 26 14.6363 26 16C26 21.5228 21.5228 26 16 26C10.4772 26 6 21.5228 6 16C6 10.4772 10.4772 6 16 6ZM16 10C16.5516 10 17.0855 10.0755 17.5928 10.2148L17.8662 11.0332L16.8154 12.083C16.5522 12.0285 16.2794 12 16 12C13.7909 12 12 13.7909 12 16C12 18.2091 13.7909 20 16 20C18.2091 20 20 18.2091 20 16C20 15.5648 19.9293 15.1462 19.8008 14.7539L20.6943 13.8613L21.6436 14.1777C21.6706 14.1868 21.6983 14.1934 21.7256 14.2012C21.9038 14.7691 22 15.3733 22 16C22 19.3137 19.3137 22 16 22C12.6863 22 10 19.3137 10 16C10 12.6863 12.6863 10 16 10ZM20.9131 6.57227C21.1759 6.30944 21.6237 6.41496 21.7412 6.76758L22.1924 8.12109C22.5828 7.73074 23.2159 7.7308 23.6064 8.12109C23.9969 8.51158 23.9969 9.14462 23.6064 9.53516L23.6348 9.54395L24.96 9.98633C25.3124 10.1038 25.4187 10.5516 25.1562 10.8145L22.9834 12.9873C22.7157 13.255 22.3192 13.3491 21.96 13.2295L20.4248 12.7178L16.5352 16.6064C16.1446 16.9969 15.5116 16.9969 15.1211 16.6064C14.7308 16.2159 14.7308 15.5829 15.1211 15.1924L17.8564 12.457L19.0107 11.3037L18.499 9.76855C18.3793 9.40927 18.4725 9.01295 18.7402 8.74512L18.9287 8.55566L20.4434 7.04102L20.9131 6.57227Z" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/time.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M15.9995 6.66669C17.2873 6.66669 18.5143 6.92741 19.6304 7.39911C19.2736 7.95791 19.0659 8.6216 19.0659 9.33368C19.0661 11.3218 20.6784 12.9333 22.6665 12.9333C23.3788 12.9333 24.0422 12.7258 24.6011 12.3688C25.0729 13.4849 25.3335 14.7119 25.3335 15.9997C25.3335 21.1544 21.1542 25.3337 15.9995 25.3337C10.845 25.3335 6.6665 21.1542 6.6665 15.9997C6.66668 10.8453 10.8451 6.66686 15.9995 6.66669ZM15.9995 8.53387C15.5578 8.53401 15.1997 8.89193 15.1997 9.33368V15.6247L11.4878 18.7194C11.1487 19.0023 11.1026 19.5061 11.3853 19.8454C11.668 20.1846 12.1718 20.2304 12.5112 19.9479L16.5112 16.6149C16.6935 16.4631 16.7991 16.2379 16.7993 16.0007V9.33368C16.7993 8.89185 16.4413 8.53388 15.9995 8.53387ZM22.6665 7.33368C23.771 7.33372 24.6665 8.22914 24.6665 9.33368C24.6664 10.2574 24.0391 11.0317 23.188 11.2614C23.1614 11.2687 23.1349 11.2767 23.1079 11.2829C23.0837 11.2884 23.0592 11.293 23.0347 11.2975C22.9918 11.3057 22.9486 11.3118 22.9048 11.3171C22.8885 11.319 22.8723 11.3214 22.856 11.3229C22.7936 11.3289 22.7305 11.3337 22.6665 11.3337C21.6906 11.3337 20.8787 10.6343 20.7026 9.70966C20.6794 9.58783 20.6665 9.46225 20.6665 9.33368C20.6665 9.30627 20.6693 9.27879 20.6704 9.25165C20.6715 9.22418 20.6711 9.19678 20.6733 9.16962L20.6763 9.1286C20.6786 9.10559 20.6839 9.08302 20.687 9.06024C20.6914 9.02844 20.6958 8.99681 20.7017 8.96552C20.7066 8.93892 20.7123 8.91262 20.7183 8.88641C20.7252 8.85645 20.7334 8.82698 20.7417 8.79755C20.7499 8.76815 20.7567 8.73849 20.7661 8.70966C20.775 8.6828 20.7864 8.6569 20.7964 8.63055C21.0812 7.87323 21.8096 7.33368 22.6665 7.33368Z" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/user.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="10.0003" cy="7.08333" r="2.08333" fill="currentColor"/>
-<path d="M6.62838 15C5.80763 15 5.39726 15 5.1452 14.65C4.89314 14.3 5.00241 13.988 5.22095 13.364C5.25366 13.2706 5.2892 13.1781 5.32754 13.0866C5.5817 12.48 5.95423 11.9288 6.42386 11.4645C6.89348 11.0002 7.45101 10.6319 8.06461 10.3806C8.6782 10.1293 9.33585 10 10 10C10.6642 10 11.3218 10.1293 11.9354 10.3806C12.549 10.6319 13.1065 11.0002 13.5761 11.4645C14.0458 11.9288 14.4183 12.48 14.6725 13.0866C14.7108 13.1781 14.7463 13.2706 14.779 13.364C14.9976 13.988 15.1069 14.3 14.8548 14.65C14.6027 15 14.1924 15 13.3716 15L6.62838 15Z" fill="currentColor"/>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="15.9998" cy="11.3333" r="3.33333" fill="currentColor"/>
+  <path d="M10.6054 24C9.29221 24 8.63561 24 8.23231 23.44C7.82902 22.88 8.00385 22.3808 8.35352 21.3824C8.40585 21.233 8.46271 21.085 8.52407 20.9385C8.93073 19.9679 9.52677 19.086 10.2782 18.3431C11.0296 17.6003 11.9216 17.011 12.9034 16.609C13.8851 16.2069 14.9374 16 16 16C17.0626 16 18.1149 16.2069 19.0966 16.609C20.0784 17.011 20.9704 17.6003 21.7218 18.3431C22.4732 19.086 23.0693 19.9679 23.4759 20.9385C23.5373 21.085 23.5941 21.233 23.6465 21.3824C23.9961 22.3808 24.171 22.88 23.7677 23.44C23.3644 24 22.7078 24 21.3946 24L10.6054 24Z" fill="currentColor"/>
 </svg>

package/src/components/icon/new-icons/user_plus.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="14.0003" cy="9.33333" r="3.33333" fill="currentColor"/>
+  <path d="M8.60541 22C7.29221 22 6.63561 22 6.23231 21.44C5.82902 20.88 6.00385 20.3808 6.35352 19.3824C6.40585 19.233 6.46271 19.085 6.52407 18.9385C6.93073 17.9679 7.52677 17.086 8.27817 16.3431C9.02957 15.6003 9.92162 15.011 10.9034 14.609C11.8851 14.2069 12.9374 14 14 14C15.0626 14 16.1149 14.2069 17.0966 14.609C18.0784 15.011 18.9704 15.6003 19.7218 16.3431C20.4732 17.086 21.0693 17.9679 21.4759 18.9385C21.5373 19.085 21.5941 19.233 21.6465 19.3824C21.9961 20.3808 22.171 20.88 21.7677 21.44C21.3644 22 20.7078 22 19.3946 22L8.60541 22Z" fill="currentColor"/>
+  <mask id="path-3-outside-1_2302_29120" maskUnits="userSpaceOnUse" x="16.2002" y="16.2052" width="12" height="12" fill="black">
+    <rect fill="white" x="16.2002" y="16.2052" width="12" height="12"/>
+    <path d="M22.0049 17.2052C22.4467 17.2053 22.8047 17.5632 22.8047 18.005V21.2003H26L26.082 21.2042C26.4852 21.2454 26.7998 21.5861 26.7998 22.0001C26.7998 22.4142 26.4852 22.7548 26.082 22.796L26 22.7999H22.8047V26.005L22.8008 26.087C22.7595 26.4901 22.4188 26.8048 22.0049 26.8048C21.5909 26.8048 21.2503 26.4901 21.209 26.087L21.2051 26.005V22.7999H18C17.5582 22.7999 17.2002 22.4419 17.2002 22.0001C17.2002 21.5583 17.5582 21.2003 18 21.2003H21.2051V18.005C21.2051 17.5632 21.5631 17.2052 22.0049 17.2052Z"/>
+  </mask>
+  <path d="M22.0049 17.2052C22.4467 17.2053 22.8047 17.5632 22.8047 18.005V21.2003H26L26.082 21.2042C26.4852 21.2454 26.7998 21.5861 26.7998 22.0001C26.7998 22.4142 26.4852 22.7548 26.082 22.796L26 22.7999H22.8047V26.005L22.8008 26.087C22.7595 26.4901 22.4188 26.8048 22.0049 26.8048C21.5909 26.8048 21.2503 26.4901 21.209 26.087L21.2051 26.005V22.7999H18C17.5582 22.7999 17.2002 22.4419 17.2002 22.0001C17.2002 21.5583 17.5582 21.2003 18 21.2003H21.2051V18.005C21.2051 17.5632 21.5631 17.2052 22.0049 17.2052Z" fill="currentColor"/>
+  <path d="M22.0049 17.2052L22.005 16.2052H22.0049V17.2052ZM22.8047 18.005L21.8047 18.005V18.005H22.8047ZM22.8047 21.2003H21.8047V22.2003H22.8047V21.2003ZM26 21.2003L26.0476 20.2014L26.0238 20.2003H26V21.2003ZM26.082 21.2042L26.1837 20.2094L26.1567 20.2066L26.1296 20.2054L26.082 21.2042ZM26.082 22.796L26.1296 23.7949L26.1567 23.7936L26.1837 23.7908L26.082 22.796ZM26 22.7999V23.7999H26.0238L26.0476 23.7988L26 22.7999ZM22.8047 22.7999V21.7999H21.8047V22.7999H22.8047ZM22.8047 26.005L23.8036 26.0526L23.8047 26.0288V26.005H22.8047ZM22.8008 26.087L23.7956 26.1889L23.7984 26.1618L23.7996 26.1346L22.8008 26.087ZM22.0049 26.8048V27.8048H22.005L22.0049 26.8048ZM21.209 26.087L20.2101 26.1346L20.2114 26.1618L20.2142 26.1889L21.209 26.087ZM21.2051 26.005H20.2051V26.0288L20.2062 26.0526L21.2051 26.005ZM21.2051 22.7999H22.2051V21.7999H21.2051V22.7999ZM21.2051 21.2003V22.2003H22.2051V21.2003H21.2051ZM21.2051 18.005L20.2051 18.005V18.005H21.2051ZM22.0049 17.2052L22.0048 18.2052C21.8945 18.2052 21.8047 18.1156 21.8047 18.005L22.8047 18.005L23.8047 18.005C23.8047 17.0108 22.9988 16.2053 22.005 16.2052L22.0049 17.2052ZM22.8047 18.005H21.8047V21.2003H22.8047H23.8047V18.005H22.8047ZM22.8047 21.2003V22.2003H26V21.2003V20.2003H22.8047V21.2003ZM26 21.2003L25.9524 22.1992L26.0345 22.2031L26.082 21.2042L26.1296 20.2054L26.0476 20.2014L26 21.2003ZM26.082 21.2042L25.9804 22.199C25.8785 22.1886 25.7998 22.1042 25.7998 22.0001H26.7998H27.7998C27.7998 21.0679 27.0919 20.3022 26.1837 20.2094L26.082 21.2042ZM26.7998 22.0001H25.7998C25.7998 21.896 25.8785 21.8116 25.9804 21.8012L26.082 22.796L26.1837 23.7908C27.0919 23.6981 27.7998 22.9323 27.7998 22.0001H26.7998ZM26.082 22.796L26.0345 21.7972L25.9524 21.8011L26 22.7999L26.0476 23.7988L26.1296 23.7949L26.082 22.796ZM26 22.7999V21.7999H22.8047V22.7999V23.7999H26V22.7999ZM22.8047 22.7999H21.8047V26.005H22.8047H23.8047V22.7999H22.8047ZM22.8047 26.005L21.8058 25.9574L21.8019 26.0395L22.8008 26.087L23.7996 26.1346L23.8036 26.0526L22.8047 26.005ZM22.8008 26.087L21.806 25.9852C21.8164 25.8834 21.9006 25.8048 22.0048 25.8048L22.0049 26.8048L22.005 27.8048C22.9371 27.8047 23.7027 27.0968 23.7956 26.1889L22.8008 26.087ZM22.0049 26.8048V25.8048C22.1092 25.8048 22.1934 25.8836 22.2038 25.9852L21.209 26.087L20.2142 26.1889C20.3071 27.0967 21.0725 27.8048 22.0049 27.8048V26.8048ZM21.209 26.087L22.2079 26.0395L22.2039 25.9574L21.2051 26.005L20.2062 26.0526L20.2101 26.1346L21.209 26.087ZM21.2051 26.005H22.2051V22.7999H21.2051H20.2051V26.005H21.2051ZM21.2051 22.7999V21.7999H18V22.7999V23.7999H21.2051V22.7999ZM18 22.7999V21.7999C18.1105 21.7999 18.2002 21.8897 18.2002 22.0001H17.2002H16.2002C16.2002 22.9942 17.0059 23.7999 18 23.7999V22.7999ZM17.2002 22.0001H18.2002C18.2002 22.1106 18.1105 22.2003 18 22.2003V21.2003V20.2003C17.0059 20.2003 16.2002 21.006 16.2002 22.0001H17.2002ZM18 21.2003V22.2003H21.2051V21.2003V20.2003H18V21.2003ZM21.2051 21.2003H22.2051V18.005H21.2051H20.2051V21.2003H21.2051ZM21.2051 18.005L22.2051 18.005C22.2051 18.1155 22.1153 18.2052 22.0049 18.2052V17.2052V16.2052C21.0108 16.2052 20.2051 17.0109 20.2051 18.005L21.2051 18.005Z" fill="#F2F4F7" mask="url(#path-3-outside-1_2302_29120)"/>
+</svg>

package/src/components/icon/new-icons/warehouse.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M25.3335 20C25.3335 21.8854 25.3332 22.8283 24.7476 23.4141C24.1618 23.9998 23.2189 24 21.3335 24H10.6665C8.78089 24 7.83823 23.9998 7.25244 23.4141C6.66665 22.8283 6.6665 21.8856 6.6665 20V12.7998H25.3335V20ZM13.3335 15.2002C12.8917 15.2002 12.5337 15.5582 12.5337 16C12.5337 16.4418 12.8917 16.7998 13.3335 16.7998H18.6665L18.7485 16.7959C19.1518 16.7548 19.4673 16.4141 19.4673 16C19.4673 15.5859 19.1518 15.2452 18.7485 15.2041L18.6665 15.2002H13.3335ZM21.3335 8C23.2189 8 24.1618 8.00018 24.7476 8.58594C25.2438 9.08229 25.3161 9.83499 25.3276 11.2002H6.67236C6.68393 9.83484 6.75609 9.08229 7.25244 8.58594C7.83823 8.00015 8.78089 8 10.6665 8H21.3335Z" fill="currentColor"/>
+</svg>

package/src/components/panels/PanelList.vue

@@ -34,9 +34,9 @@
             :close="() => closePanel(panel)"
             :expand="() => expandPanel(panel)"
             :fullsize="() => fullsizePanel(panel)">
-            <component :is="panels[panel.type].default || panels[panel.type]" :panel="panel" :payload="panel.payload" />
+            <component v-if="panel.components.default" :is="panel.components.default" :panel="panel" :payload="panel.payload" />
           </slot>
-          <template v-if="$scopedSlots[`${panel.type}.title`] || panels[panel.type].title" #title>
+          <template v-if="$scopedSlots[`${panel.type}.title`] || panel.components.title" #title>
             <slot
               :name="`${panel.type}.title`"
               :panel="panel"
@@ -46,10 +46,10 @@
               :close="() => closePanel(panel)"
               :expand="() => expandPanel(panel)"
               :fullsize="() => fullsizePanel(panel)">
-              <component v-if="panels[panel.type].title" :is="panels[panel.type].title" :panel="panel" :payload="panel.payload" />
+              <component v-if="panel.components.title" :is="panel.components.title" :panel="panel" :payload="panel.payload" />
             </slot>
           </template>
-          <template v-if="$scopedSlots[`${panel.type}.buttons`] || panels[panel.type].buttons" #buttons>
+          <template v-if="$scopedSlots[`${panel.type}.buttons`] || panel.components.buttons" #buttons>
             <slot
               :name="`${panel.type}.buttons`"
               :panel="panel"
@@ -59,10 +59,10 @@
               :close="() => closePanel(panel)"
               :expand="() => expandPanel(panel)"
               :fullsize="() => fullsizePanel(panel)">
-              <component v-if="panels[panel.type].buttons" :is="panels[panel.type].buttons" :panel="panel" :payload="panel.payload" />
+              <component v-if="panel.components.buttons" :is="panel.components.buttons" :panel="panel" :payload="panel.payload" />
             </slot>
           </template>
-          <template v-if="$scopedSlots[`${panel.type}.header`] || panels[panel.type].header" #header>
+          <template v-if="$scopedSlots[`${panel.type}.header`] || panel.components.header" #header>
             <slot
               :name="`${panel.type}.header`"
               :panel="panel"
@@ -72,7 +72,7 @@
               :close="() => closePanel(panel)"
               :expand="() => expandPanel(panel)"
               :fullsize="() => fullsizePanel(panel)">
-              <component v-if="panels[panel.type].header" :is="panels[panel.type].header" :panel="panel" :payload="panel.payload" />
+              <component v-if="panel.components.header" :is="panel.components.header" :panel="panel" :payload="panel.payload" />
             </slot>
           </template>
         </panel>
@@ -208,6 +208,7 @@ export interface IPanel {
 export default class PanelList extends Vue {
   @Prop() firstPanel: IPanel;
   @Prop() panels: Record<string, Component>;
+  @Prop({ default: () => {} }) searchPanel: (type: string) => boolean;
 
   panelsStack:IPanel[] = [];
 
@@ -267,18 +268,30 @@ export default class PanelList extends Vue {
     this.panelsStack = newStack;
   }
 
-  internalOpenPanel(type: string, payload: any = {}, openIndex?: number, noEvents = false) {
-    if (!this.panels[type]) {
-      return;
+  async internalOpenPanel(type: string, payload: any = {}, openIndex?: number, noEvents = false) {
+    let panel = this.panels[type];
+    if (!panel) {
+      panel = await this.searchPanel(type, this.panels);
+      if (!panel) {
+        console.error(`Panel type "${type}" not found`);
+        return;
+      }
+      panel.type = type;
     }
-    if (typeof this.panels[type].caption !== 'function') {
+    if (typeof panel.caption !== 'function') {
       throw new Error('Panel component must have a "caption" function');
     }
     const newPanel:any = {
       id: this.nextId++,
-      nocard: this.panels[type].nocard,
-      title: this.panels[type].caption(this.$t.bind(this), payload),
-      icon: this.panels[type].icon ? this.panels[type].icon(this.$t.bind(this), payload) : null,
+      nocard: panel.nocard,
+      title: panel.caption(this.$t.bind(this), payload),
+      icon: panel.icon ? panel.icon(this.$t.bind(this), payload) : null,
+      components: {
+        default: panel.default ?? undefined,
+        buttons: panel.buttons ?? undefined,
+        header: panel.header ?? undefined,
+        title: panel.title ?? undefined,
+      },
       type,
       payload,
       isCollapsed: false,
@@ -289,7 +302,7 @@ export default class PanelList extends Vue {
       newPanel.isCloseable = false;
     }
     let newStack = [...this.panelsStack];
-    if (this.panels[type].permanentExpanded && newStack.length) {
+    if (panel.permanentExpanded && newStack.length) {
       for (const panel of newStack) {
         panel.isCollapsed = true;
       }
@@ -304,7 +317,7 @@ export default class PanelList extends Vue {
       this.$nextTick(() => { // щоб панелі змінювались при редагуванні
         const n = newStack.length;
         newPanel.isAnimate = isAnimation;
-        newPanel.permanentExpanded = !!this.panels[type].permanentExpanded;
+        newPanel.permanentExpanded = !!panel.permanentExpanded;
         newPanel.emit = (event, ...args) => this.emitEvent(event, ...args);
         newPanel.open = (type, payload) => this.openPanel(type, payload, n + 1);
         newPanel.close = () => this.closePanel(newPanel);
@@ -337,8 +350,8 @@ export default class PanelList extends Vue {
         newPanel.getPayload = () => newPanel.payload;
         newPanel.setPayload = (value: any) => {
           newPanel.payload = value;
-          newPanel.title = this.panels[type].caption(this.$t.bind(this), value);
-          newPanel.icon = this.panels[type].icon ? this.panels[type].icon(this.$t.bind(this), payload) : null,
+          newPanel.title = panel.caption(this.$t.bind(this), value);
+          newPanel.icon = panel.icon ? panel.icon(this.$t.bind(this), payload) : null,
             this.setPanelHash()
         }
         newStack.push(newPanel);

package/src/components/table/table2.scss

@@ -111,13 +111,17 @@ body[data-theme="dark"] {
   }
   .on-hover {
     opacity: 0;
+    width: 0;
+    overflow: hidden;
     pointer-events: none;
 
     @media (max-width: 768px) {
+      width: max-content;
       opacity: 1;
     }
   }
   .table-row-template:hover .on-hover {
+    width: max-content;
     opacity: 1;
     pointer-events: all;
   }

package/src/components/text-field/MoneyField.vue

@@ -145,7 +145,7 @@ class itfMoneyField extends Vue {
   }
 
   onCurrencyChanged(e) {
-    const currency = this.currenciesList.find((c) => c[this.itemKey] === parseInt(e.target.value));
+    const currency = this.currenciesList.find((c) => `${c[this.itemKey]}` === `${e.target.value}`);
     this.$emit('update:currency', currency)
   }
 

package/src/components/view/View.vue

@@ -168,7 +168,6 @@ class itfView extends Vue {
     this.$emit('load', this.filter);
     this.loadingData = true;
     await this.$try(async () => {
-      console.info('filter', this.filter)
       const res = await this.$axios.$get(this.endpoint, {
         params: {
           ...this.filter,
@@ -181,6 +180,7 @@ class itfView extends Vue {
       this.page = res.meta.page;
       this.total = res.meta.total;
       this.size = res.meta.size;
+      this.$emit('update:items', this.items);
     });
     this.loadingData = false;
     this.$emit('loaded', this.filter);