@brcarddev/frontend-commons 1.0.2

package/src/components/icons/ms-outlook.tsx

@@ -0,0 +1,47 @@
+import { ComponentProps } from 'react';
+
+export function MsOutlook(props: ComponentProps<'svg'>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none" {...props}>
+      <rect x="5" width="10" height="14" rx="2" fill="#1066B5"/>
+      <rect x="5" width="10" height="14" rx="2" fill="url(#paint0_linear_6993_2384)"/>
+      <rect x="5" y="1.5" width="5" height="5" fill="#32A9E7"/>
+      <rect x="5" y="6.5" width="5" height="5" fill="#167EB4"/>
+      <rect x="10" y="6.5" width="5" height="5" fill="#32A9E7"/>
+      <rect x="10" y="1.5" width="5" height="5" fill="#58D9FD"/>
+      <mask id="mask0_6993_2384" style={{ maskType: 'alpha' }} maskUnits="userSpaceOnUse" x="4" y="6" width="12" height="8">
+        <path d="M4 6H14C15.1046 6 16 6.89543 16 8V12C16 13.1046 15.1046 14 14 14H6C4.89543 14 4 13.1046 4 12V6Z" fill="url(#paint1_linear_6993_2384)"/>
+      </mask>
+      <g mask="url(#mask0_6993_2384)">
+        <path d="M16 6V8H15V6H16Z" fill="#135298"/>
+        <path d="M16 14V7L3.5 14H16Z" fill="url(#paint2_linear_6993_2384)"/>
+        <path d="M4 14V7L16.5 14H4Z" fill="url(#paint3_linear_6993_2384)"/>
+      </g>
+      <path d="M4 6.5C4 4.84315 5.34315 3.5 7 3.5C8.65685 3.5 10 4.84315 10 6.5V9.5C10 11.1569 8.65685 12.5 7 12.5H4V6.5Z" fill="black" fillOpacity="0.3"/>
+      <rect y="2.5" width="9" height="9" rx="2" fill="url(#paint4_linear_6993_2384)"/>
+      <path d="M7 7.03463V6.95152C7 5.51108 5.96361 4.5 4.50791 4.5C3.0443 4.5 2 5.51801 2 6.96537V7.04848C2 8.48892 3.03639 9.5 4.5 9.5C5.9557 9.5 7 8.48199 7 7.03463ZM5.8212 7.04848C5.8212 8.00415 5.28323 8.57895 4.50791 8.57895C3.73259 8.57895 3.18671 7.9903 3.18671 7.03463V6.95152C3.18671 5.99584 3.72468 5.42105 4.5 5.42105C5.2674 5.42105 5.8212 6.0097 5.8212 6.96537V7.04848Z" fill="white"/>
+      <defs>
+        <linearGradient id="paint0_linear_6993_2384" x1="5" y1="7" x2="15" y2="7" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#064484"/>
+          <stop offset="1" stopColor="#0F65B5"/>
+        </linearGradient>
+        <linearGradient id="paint1_linear_6993_2384" x1="4" y1="12.3846" x2="16" y2="12.3846" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#1B366F"/>
+          <stop offset="1" stopColor="#2657B0"/>
+        </linearGradient>
+        <linearGradient id="paint2_linear_6993_2384" x1="16" y1="10.5" x2="4" y2="10.5" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#44DCFD"/>
+          <stop offset="0.453125" stopColor="#259ED0"/>
+        </linearGradient>
+        <linearGradient id="paint3_linear_6993_2384" x1="4" y1="10.5" x2="16" y2="10.5" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#259ED0"/>
+          <stop offset="1" stopColor="#44DCFD"/>
+        </linearGradient>
+        <linearGradient id="paint4_linear_6993_2384" x1="0" y1="7" x2="9" y2="7" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#064484"/>
+          <stop offset="1" stopColor="#0F65B5"/>
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+}

package/src/components/icons/paragraph-spacing.tsx

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+
+export function ParagraphSpacing(props: ComponentProps<'svg'>) {
+  return (
+    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M21 10H13M21 6H13M21 14H13M21 18H13M6 20L6 4M6 20L3 17M6 20L9 17M6 4L3 7M6 4L9 7"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/components/icons/phone-01.tsx

@@ -0,0 +1,21 @@
+import { ComponentProps } from 'react';
+
+export function Phone01(props: ComponentProps<'svg'>) {
+  return (
+    <svg
+      {...props}
+      width='100%'
+      height='100%'
+      viewBox='0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M12 17.5H12.01M8.2 22H15.8C16.9201 22 17.4802 22 17.908 21.782C18.2843 21.5903 18.5903 21.2843 18.782 20.908C19 20.4802 19 19.9201 19 18.8V5.2C19 4.07989 19 3.51984 18.782 3.09202C18.5903 2.71569 18.2843 2.40973 17.908 2.21799C17.4802 2 16.9201 2 15.8 2H8.2C7.0799 2 6.51984 2 6.09202 2.21799C5.71569 2.40973 5.40973 2.71569 5.21799 3.09202C5 3.51984 5 4.0799 5 5.2V18.8C5 19.9201 5 20.4802 5.21799 20.908C5.40973 21.2843 5.71569 21.5903 6.09202 21.782C6.51984 22 7.07989 22 8.2 22ZM12.5 17.5C12.5 17.7761 12.2761 18 12 18C11.7239 18 11.5 17.7761 11.5 17.5C11.5 17.2239 11.7239 17 12 17C12.2761 17 12.5 17.2239 12.5 17.5Z'
+        stroke='currentColor'
+        strokeWidth='2'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </svg>
+  );
+}

package/src/components/icons/pie-chart-02.tsx

@@ -0,0 +1,22 @@
+import { ComponentProps } from 'react';
+
+export function PieChart02(props: ComponentProps<'svg'>) {
+  return (
+    <svg {...props} width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M17.2 14C17.477 14 17.6155 14 17.7278 14.0615C17.8204 14.1122 17.9065 14.2075 17.9478 14.3047C17.9978 14.4225 17.9852 14.5479 17.96 14.7987C17.8296 16.0987 17.3822 17.3514 16.6518 18.4445C15.7727 19.7601 14.5233 20.7855 13.0615 21.391C11.5997 21.9965 9.99113 22.155 8.43928 21.8463C6.88743 21.5376 5.46197 20.7757 4.34315 19.6568C3.22433 18.538 2.4624 17.1126 2.15372 15.5607C1.84504 14.0089 2.00347 12.4003 2.60897 10.9385C3.21447 9.47671 4.23985 8.22728 5.55544 7.34823C6.64856 6.61783 7.90125 6.17039 9.20131 6.03995C9.45207 6.01479 9.57745 6.00221 9.69528 6.0522C9.79249 6.09344 9.88776 6.17964 9.9385 6.27224C10 6.38449 10 6.52299 10 6.79999V13.2C10 13.48 10 13.62 10.0545 13.727C10.1024 13.8211 10.1789 13.8976 10.273 13.9455C10.38 14 10.52 14 10.8 14H17.2Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M14 2.79999C14 2.52298 14 2.38448 14.0615 2.27223C14.1122 2.17963 14.2075 2.09344 14.3047 2.0522C14.4225 2.0022 14.5479 2.01478 14.7987 2.03993C16.6271 2.22333 18.346 3.03229 19.6569 4.34313C20.9677 5.65398 21.7767 7.37289 21.9601 9.20129C21.9852 9.45206 21.9978 9.57744 21.9478 9.69527C21.9066 9.79248 21.8204 9.88774 21.7278 9.93848C21.6155 9.99998 21.477 9.99999 21.2 9.99999L14.8 9.99999C14.52 9.99999 14.38 9.99999 14.273 9.94549C14.1789 9.89755 14.1024 9.82106 14.0545 9.72698C14 9.62003 14 9.48001 14 9.19999V2.79999Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/components/icons/plus-circle.tsx

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+
+export function PlusCircle(props: ComponentProps<'svg'>) {
+  return (
+    <svg {...props} width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M12 8V16M8 12H16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/components/icons/portal-logo.tsx

@@ -0,0 +1,76 @@
+import { ComponentProps } from 'react';
+
+export function PortalLogo({ ...props }: ComponentProps<'svg'>) {
+  return (
+    <svg
+      width='100%'
+      height='100%'
+      viewBox='0 0 64 64'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      {...props}>
+      <g clipPath='url(#clip0_4347_35235)'>
+        <path
+          d='M32 10.6667C43.7821 10.6667 53.3333 20.2179 53.3333 32H48C48 23.1634 40.8366 16 32 16C23.1634 16 16 23.1634 16 32C16 40.8366 23.1634 48 32 48V53.3333C20.2179 53.3333 10.6667 43.7821 10.6667 32C10.6667 20.2179 20.2179 10.6667 32 10.6667Z'
+          fill='currentColor'
+        />
+        <path
+          d='M40 32C40 36.4183 36.4183 40 32 40C27.5817 40 24 36.4183 24 32C24 27.5817 27.5817 24 32 24C36.4183 24 40 27.5817 40 32Z'
+          fill='currentColor'
+        />
+        <path d='M28 0H36V5.33333H28V0Z' fill='currentColor' />
+        <path
+          d='M33.3333 5.33333V26.6667H30.6667L30.6667 5.33333H33.3333Z'
+          fill='currentColor'
+        />
+        <path d='M28 64H36V58.6667H28V64Z' fill='currentColor' />
+        <path
+          d='M33.3333 58.6667V37.3333H30.6667L30.6667 58.6667H33.3333Z'
+          fill='currentColor'
+        />
+        <path d='M64 28V36H58.6667V28H64Z' fill='currentColor' />
+        <path
+          d='M58.6667 33.3333H37.3333V30.6667H58.6667V33.3333Z'
+          fill='currentColor'
+        />
+        <path
+          d='M3.49691e-07 28L0 36H5.33333L5.33333 28H3.49691e-07Z'
+          fill='currentColor'
+        />
+        <path
+          d='M5.33333 33.3333L26.6667 33.3333V30.6667L5.33333 30.6667L5.33333 33.3333Z'
+          fill='currentColor'
+        />
+        <path
+          d='M6.54416 12.201L12.201 6.54416L15.9722 10.3154L10.3154 15.9722L6.54416 12.201Z'
+          fill='currentColor'
+        />
+        <path
+          d='M14.0866 12.201L29.1716 27.286L27.286 29.1716L12.201 14.0866L14.0866 12.201Z'
+          fill='currentColor'
+        />
+        <path
+          d='M51.799 6.54416L57.4558 12.201L53.6846 15.9722L48.0278 10.3154L51.799 6.54416Z'
+          fill='currentColor'
+        />
+        <path
+          d='M51.799 14.0866L36.714 29.1716L34.8284 27.286L49.9134 12.201L51.799 14.0866Z'
+          fill='currentColor'
+        />
+        <path
+          d='M6.54415 51.799L12.201 57.4558L15.9722 53.6846L10.3154 48.0278L6.54415 51.799Z'
+          fill='currentColor'
+        />
+        <path
+          d='M14.0866 51.799L29.1716 36.7141L27.2859 34.8284L12.201 49.9134L14.0866 51.799Z'
+          fill='currentColor'
+        />
+      </g>
+      <defs>
+        <clipPath id='clip0_4347_35235'>
+          <rect width='64' height='64' fill='white' />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}

package/src/components/icons/presentation-chart-02.tsx

@@ -0,0 +1,14 @@
+import { ComponentProps } from 'react';
+
+export function PresentationChart02(props: ComponentProps<'svg'>) {
+  return (
+    <svg {...props} width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M12 16V21M18 21L14.0486 17.7072C13.3198 17.0998 12.9554 16.7962 12.5487 16.6801C12.19 16.5778 11.81 16.5778 11.4513 16.6801C11.0446 16.7962 10.6802 17.0998 9.95141 17.7072L6 21M8 11V12M12 9V12M16 7V12M22 3H2M3 3H21V11.2C21 12.8802 21 13.7202 20.673 14.362C20.3854 14.9265 19.9265 15.3854 19.362 15.673C18.7202 16 17.8802 16 16.2 16H7.8C6.11984 16 5.27976 16 4.63803 15.673C4.07354 15.3854 3.6146 14.9265 3.32698 14.362C3 13.7202 3 12.8802 3 11.2V3Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/components/icons/route.tsx

@@ -0,0 +1,22 @@
+import { ComponentProps } from 'react';
+
+export function Route(props: ComponentProps<'svg'>) {
+  return (
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M11.5 5H11.9344C14.9816 5 16.5053 5 17.0836 5.54729C17.5836 6.02037 17.8051 6.71728 17.6702 7.39221C17.514 8.17302 16.2701 9.05285 13.7823 10.8125L9.71772 13.6875C7.2299 15.4471 5.98599 16.327 5.82984 17.1078C5.69486 17.7827 5.91642 18.4796 6.41636 18.9527C6.99474 19.5 8.51836 19.5 11.5656 19.5H12.5M8 5C8 6.65685 6.65685 8 5 8C3.34315 8 2 6.65685 2 5C2 3.34315 3.34315 2 5 2C6.65685 2 8 3.34315 8 5ZM22 19C22 20.6569 20.6569 22 19 22C17.3431 22 16 20.6569 16 19C16 17.3431 17.3431 16 19 16C20.6569 16 22 17.3431 22 19Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/components/icons/save-01.tsx

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+
+export function Save01(props: ComponentProps<'svg'>) {
+  return (
+    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M7 3V6.4C7 6.96005 7 7.24008 7.10899 7.45399C7.20487 7.64215 7.35785 7.79513 7.54601 7.89101C7.75992 8 8.03995 8 8.6 8H15.4C15.9601 8 16.2401 8 16.454 7.89101C16.6422 7.79513 16.7951 7.64215 16.891 7.45399C17 7.24008 17 6.96005 17 6.4V4M17 21V14.6C17 14.0399 17 13.7599 16.891 13.546C16.7951 13.3578 16.6422 13.2049 16.454 13.109C16.2401 13 15.9601 13 15.4 13H8.6C8.03995 13 7.75992 13 7.54601 13.109C7.35785 13.2049 7.20487 13.3578 7.10899 13.546C7 13.7599 7 14.0399 7 14.6V21M21 9.32548V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H14.6745C15.1637 3 15.4083 3 15.6385 3.05526C15.8425 3.10425 16.0376 3.18506 16.2166 3.29472C16.4184 3.4184 16.5914 3.59135 16.9373 3.93726L20.0627 7.06274C20.4086 7.40865 20.5816 7.5816 20.7053 7.78343C20.8149 7.96237 20.8957 8.15746 20.9447 8.36154C21 8.59171 21 8.8363 21 9.32548Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/components/icons/search-lg.tsx

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+
+export function SearchLg(props: ComponentProps<'svg'>) {
+  return (
+    <svg {...props} width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M21 21L17.5001 17.5M20 11.5C20 16.1944 16.1944 20 11.5 20C6.80558 20 3 16.1944 3 11.5C3 6.80558 6.80558 3 11.5 3C16.1944 3 20 6.80558 20 11.5Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/components/icons/search-sm.tsx

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+
+export function SearchSm(props: ComponentProps<'svg'>) {
+  return (
+    <svg {...props} width="100%" height="100%" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M17.5 17.5L12.5001 12.5M14.1667 8.33333C14.1667 11.555 11.555 14.1667 8.33333 14.1667C5.11167 14.1667 2.5 11.555 2.5 8.33333C2.5 5.11167 5.11167 2.5 8.33333 2.5C11.555 2.5 14.1667 5.11167 14.1667 8.33333Z" stroke="currentColor" strokeWidth="1.66667" strokeLinecap="round" strokeLinejoin="round"/>
+    </svg>
+  );
+}

package/src/components/icons/send-03.tsx

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+
+export function Send03(props: ComponentProps<'svg'>) {
+  return (
+    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M10.5004 12H5.00043M4.91577 12.2915L2.58085 19.2662C2.39742 19.8142 2.3057 20.0881 2.37152 20.2569C2.42868 20.4034 2.55144 20.5145 2.70292 20.5567C2.87736 20.6054 3.14083 20.4869 3.66776 20.2497L20.3792 12.7296C20.8936 12.4981 21.1507 12.3824 21.2302 12.2216C21.2993 12.082 21.2993 11.9181 21.2302 11.7784C21.1507 11.6177 20.8936 11.5019 20.3792 11.2705L3.66193 3.74776C3.13659 3.51135 2.87392 3.39315 2.69966 3.44164C2.54832 3.48375 2.42556 3.59454 2.36821 3.74078C2.30216 3.90917 2.3929 4.18255 2.57437 4.72931L4.91642 11.7856C4.94759 11.8795 4.96317 11.9264 4.96933 11.9744C4.97479 12.0171 4.97473 12.0602 4.96916 12.1028C4.96289 12.1508 4.94718 12.1977 4.91577 12.2915Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/components/icons/settings-01.tsx

@@ -0,0 +1,17 @@
+import { ComponentProps } from 'react';
+
+export function Settings01(props: ComponentProps<'svg'>) {
+  return (
+    <svg {...props} width="100%" height="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g clipPath="url(#clip0_settings_01)">
+        <path d="M7.99992 10C9.10449 10 9.99992 9.10461 9.99992 8.00004C9.99992 6.89547 9.10449 6.00004 7.99992 6.00004C6.89535 6.00004 5.99992 6.89547 5.99992 8.00004C5.99992 9.10461 6.89535 10 7.99992 10Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+        <path d="M12.4848 9.81822C12.4041 10.001 12.38 10.2038 12.4157 10.4004C12.4513 10.597 12.545 10.7784 12.6848 10.9213L12.7211 10.9576C12.8338 11.0702 12.9232 11.2039 12.9842 11.351C13.0452 11.4982 13.0766 11.6559 13.0766 11.8152C13.0766 11.9745 13.0452 12.1322 12.9842 12.2794C12.9232 12.4265 12.8338 12.5602 12.7211 12.6728C12.6086 12.7855 12.4749 12.8749 12.3277 12.9359C12.1806 12.9969 12.0228 13.0283 11.8636 13.0283C11.7043 13.0283 11.5465 12.9969 11.3994 12.9359C11.2522 12.8749 11.1186 12.7855 11.006 12.6728L10.9696 12.6364C10.8268 12.4967 10.6454 12.403 10.4488 12.3673C10.2522 12.3317 10.0494 12.3557 9.86659 12.4364C9.68733 12.5132 9.53445 12.6408 9.42677 12.8034C9.31909 12.966 9.2613 13.1565 9.26052 13.3516V13.4546C9.26052 13.7761 9.13282 14.0844 8.9055 14.3117C8.67819 14.539 8.36988 14.6667 8.0484 14.6667C7.72693 14.6667 7.41862 14.539 7.1913 14.3117C6.96399 14.0844 6.83628 13.7761 6.83628 13.4546V13.4C6.83159 13.1994 6.76666 13.0049 6.64993 12.8417C6.53319 12.6785 6.37006 12.5542 6.18174 12.4849C5.99894 12.4042 5.79617 12.3801 5.59956 12.4158C5.40296 12.4514 5.22154 12.5452 5.07871 12.6849L5.04234 12.7213C4.92977 12.834 4.79609 12.9234 4.64894 12.9844C4.50179 13.0454 4.34406 13.0768 4.18477 13.0768C4.02548 13.0768 3.86775 13.0454 3.7206 12.9844C3.57345 12.9234 3.43976 12.834 3.32719 12.7213C3.21449 12.6087 3.12509 12.475 3.06409 12.3278C3.00309 12.1807 2.97169 12.023 2.97169 11.8637C2.97169 11.7044 3.00309 11.5467 3.06409 11.3995C3.12509 11.2524 3.21449 11.1187 3.32719 11.0061L3.36356 10.9697C3.50327 10.8269 3.597 10.6455 3.63265 10.4489C3.6683 10.2523 3.64423 10.0495 3.56355 9.86671C3.48673 9.68745 3.35916 9.53458 3.19656 9.42689C3.03396 9.31921 2.84343 9.26142 2.6484 9.26065H2.54537C2.2239 9.26065 1.91559 9.13294 1.68827 8.90562C1.46096 8.67831 1.33325 8.37 1.33325 8.04853C1.33325 7.72705 1.46096 7.41874 1.68827 7.19143C1.91559 6.96411 2.2239 6.8364 2.54537 6.8364H2.59992C2.80052 6.83171 2.99507 6.76678 3.15828 6.65005C3.32149 6.53332 3.44581 6.37018 3.51507 6.18186C3.59575 5.99906 3.61981 5.79629 3.58416 5.59968C3.54852 5.40308 3.45479 5.22166 3.31507 5.07883L3.27871 5.04247C3.16601 4.92989 3.0766 4.79621 3.0156 4.64906C2.9546 4.50191 2.92321 4.34418 2.92321 4.18489C2.92321 4.0256 2.9546 3.86787 3.0156 3.72072C3.0766 3.57357 3.16601 3.43989 3.27871 3.32731C3.39128 3.21461 3.52496 3.12521 3.67211 3.06421C3.81926 3.00321 3.97699 2.97181 4.13628 2.97181C4.29557 2.97181 4.4533 3.00321 4.60045 3.06421C4.7476 3.12521 4.88128 3.21461 4.99386 3.32731L5.03022 3.36368C5.17306 3.5034 5.35447 3.59712 5.55108 3.63277C5.74768 3.66842 5.95045 3.64435 6.13325 3.56368H6.18174C6.36099 3.48685 6.51387 3.35929 6.62155 3.19669C6.72923 3.03409 6.78702 2.84355 6.7878 2.64853V2.5455C6.7878 2.22402 6.9155 1.91571 7.14282 1.6884C7.37014 1.46108 7.67844 1.33337 7.99992 1.33337C8.32139 1.33337 8.6297 1.46108 8.85702 1.6884C9.08433 1.91571 9.21204 2.22402 9.21204 2.5455V2.60004C9.21282 2.79506 9.27061 2.9856 9.37829 3.1482C9.48597 3.3108 9.63885 3.43837 9.8181 3.51519C10.0009 3.59587 10.2037 3.61993 10.4003 3.58429C10.5969 3.54864 10.7783 3.45491 10.9211 3.31519L10.9575 3.27883C11.0701 3.16613 11.2038 3.07673 11.3509 3.01573C11.4981 2.95473 11.6558 2.92333 11.8151 2.92333C11.9744 2.92333 12.1321 2.95473 12.2792 3.01573C12.4264 3.07673 12.5601 3.16613 12.6726 3.27883C12.7853 3.3914 12.8748 3.52509 12.9357 3.67223C12.9967 3.81938 13.0281 3.97711 13.0281 4.1364C13.0281 4.2957 12.9967 4.45343 12.9357 4.60057C12.8748 4.74772 12.7853 4.88141 12.6726 4.99398L12.6363 5.03034C12.4966 5.17318 12.4028 5.3546 12.3672 5.5512C12.3315 5.7478 12.3556 5.95058 12.4363 6.13337V6.18186C12.5131 6.36111 12.6407 6.51399 12.8033 6.62167C12.9659 6.72936 13.1564 6.78714 13.3514 6.78792H13.4545C13.7759 6.78792 14.0842 6.91563 14.3116 7.14294C14.5389 7.37026 14.6666 7.67857 14.6666 8.00004C14.6666 8.32152 14.5389 8.62982 14.3116 8.85714C14.0842 9.08446 13.7759 9.21216 13.4545 9.21216H13.3999C13.2049 9.21294 13.0144 9.27073 12.8518 9.37841C12.6892 9.48609 12.5616 9.63897 12.4848 9.81822Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+      </g>
+      <defs>
+        <clipPath id="clip0_settings_01">
+          <rect width="16" height="16" fill="white"/>
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}

package/src/components/icons/settings-03.tsx

@@ -0,0 +1,14 @@
+import { ComponentProps } from 'react';
+
+export function Settings03(props: ComponentProps<'svg'>) {
+  return (
+    <svg {...props} width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M15.0505 9H5.5C4.11929 9 3 7.88071 3 6.5C3 5.11929 4.11929 4 5.5 4H15.0505M8.94949 20H18.5C19.8807 20 21 18.8807 21 17.5C21 16.1193 19.8807 15 18.5 15H8.94949M3 17.5C3 19.433 4.567 21 6.5 21C8.433 21 10 19.433 10 17.5C10 15.567 8.433 14 6.5 14C4.567 14 3 15.567 3 17.5ZM21 6.5C21 8.433 19.433 10 17.5 10C15.567 10 14 8.433 14 6.5C14 4.567 15.567 3 17.5 3C19.433 3 21 4.567 21 6.5Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/components/icons/share-05.tsx

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+
+export function Share05(props: ComponentProps<'svg'>) {
+  return (
+    <svg {...props} width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M21 6H17.8C16.1198 6 15.2798 6 14.638 6.32698C14.0735 6.6146 13.6146 7.07354 13.327 7.63803C13 8.27976 13 9.11984 13 10.8V12M21 6L18 3M21 6L18 9M10 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V14"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/components/icons/share-06.tsx

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+
+export function Share06(props: ComponentProps<'svg'>) {
+  return (
+    <svg {...props} width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M20.7914 12.6074C21.0355 12.3981 21.1575 12.2935 21.2023 12.169C21.2415 12.0598 21.2415 11.9402 21.2023 11.831C21.1575 11.7065 21.0355 11.6018 20.7914 11.3926L12.3206 4.13196C11.9004 3.77176 11.6903 3.59166 11.5124 3.58725C11.3578 3.58342 11.2101 3.65134 11.1124 3.77122C11 3.90915 11 4.18589 11 4.73936V9.03462C8.86532 9.40807 6.91159 10.4897 5.45971 12.1139C3.87682 13.8845 3.00123 16.1759 3 18.551V19.1629C4.04934 17.8989 5.35951 16.8765 6.84076 16.1659C8.1467 15.5394 9.55842 15.1683 11 15.0705V19.2606C11 19.8141 11 20.0908 11.1124 20.2288C11.2101 20.3486 11.3578 20.4166 11.5124 20.4127C11.6903 20.4083 11.9004 20.2282 12.3206 19.868L20.7914 12.6074Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/components/icons/slash-circle-01.tsx

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+
+export function SlashCircle01(props: ComponentProps<'svg'>) {
+  return (
+    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path d="M4.93 4.93L19.07 19.07M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    </svg>
+  );
+}

package/src/components/icons/star-01.tsx

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+
+export function Star01(props: ComponentProps<'svg'>) {
+  return (
+    <svg {...props} width="100%" height="100%" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M9.40229 2.87774C9.59436 2.48863 9.6904 2.29407 9.82077 2.23191C9.9342 2.17782 10.066 2.17782 10.1794 2.23191C10.3098 2.29407 10.4058 2.48863 10.5979 2.87774L12.4201 6.56938C12.4768 6.68426 12.5052 6.7417 12.5466 6.78629C12.5833 6.82578 12.6273 6.85777 12.6762 6.8805C12.7314 6.90617 12.7948 6.91543 12.9215 6.93396L16.9976 7.52973C17.4268 7.59247 17.6414 7.62384 17.7407 7.72868C17.8271 7.81989 17.8678 7.94523 17.8513 8.06979C17.8324 8.21296 17.6771 8.3643 17.3663 8.66696L14.418 11.5387C14.326 11.6282 14.2801 11.6729 14.2504 11.7262C14.2242 11.7734 14.2073 11.8252 14.2008 11.8787C14.1935 11.9392 14.2043 12.0025 14.226 12.1289L14.9217 16.1851C14.9951 16.6129 15.0318 16.8268 14.9628 16.9537C14.9028 17.0642 14.7962 17.1416 14.6726 17.1645C14.5306 17.1909 14.3385 17.0899 13.9543 16.8878L10.3104 14.9715C10.1969 14.9118 10.1401 14.8819 10.0803 14.8702C10.0273 14.8598 9.97286 14.8598 9.91991 14.8702C9.8601 14.8819 9.80333 14.9118 9.6898 14.9715L6.04585 16.8878C5.66168 17.0899 5.46959 17.1909 5.32756 17.1645C5.20398 17.1416 5.09735 17.0642 5.03736 16.9537C4.96842 16.8268 5.0051 16.6129 5.07848 16.1851L5.77415 12.1289C5.79584 12.0025 5.80669 11.9392 5.79935 11.8787C5.79285 11.8252 5.77601 11.7734 5.74975 11.7262C5.7201 11.6729 5.67415 11.6282 5.58224 11.5387L2.63388 8.66696C2.32313 8.3643 2.16776 8.21296 2.14885 8.06979C2.1324 7.94523 2.17304 7.81989 2.25946 7.72868C2.35878 7.62384 2.57339 7.59247 3.00262 7.52973L7.07867 6.93396C7.20543 6.91543 7.26882 6.90617 7.32401 6.8805C7.37288 6.85777 7.41688 6.82578 7.45357 6.78629C7.495 6.7417 7.52336 6.68426 7.58006 6.56938L9.40229 2.87774Z" stroke="currentColor" strokeWidth="1.66667" strokeLinecap="round" strokeLinejoin="round"/>
+    </svg>
+  );
+}

package/src/components/icons/step-icon-active.tsx

@@ -0,0 +1,11 @@
+import { ComponentProps } from 'react';
+
+export function StepIconActive(props: ComponentProps<'svg'>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 32 32" fill="none" {...props}>
+      <circle cx="16" cy="16" r="15" fill="none" stroke="currentColor" strokeWidth="2"/>
+      <path d="M4 16C4 9.37258 9.37258 4 16 4C22.6274 4 28 9.37258 28 16C28 22.6274 22.6274 28 16 28C9.37258 28 4 22.6274 4 16Z" fill="currentColor"/>
+      <circle cx="16" cy="16" r="4" fill="white"/>
+    </svg>
+  );
+}

package/src/components/icons/step-icon-checked.tsx

@@ -0,0 +1,10 @@
+import { ComponentProps } from 'react';
+
+export function StepIconChecked(props: ComponentProps<'svg'>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" {...props}>
+      <path d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z" fill="currentColor"/>
+      <path d="M16 9L10.5 14.5L8 12" stroke="white" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    </svg>
+  );
+}

package/src/components/icons/step-icon-default.tsx

@@ -0,0 +1,11 @@
+import { ComponentProps } from 'react';
+
+export function StepIconDefault(props: ComponentProps<'svg'>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" {...props}>
+      <path d="M12 0.75C18.2132 0.75 23.25 5.7868 23.25 12C23.25 18.2132 18.2132 23.25 12 23.25C5.7868 23.25 0.75 18.2132 0.75 12C0.75 5.7868 5.7868 0.75 12 0.75Z" fill="white"/>
+      <path d="M12 0.75C18.2132 0.75 23.25 5.7868 23.25 12C23.25 18.2132 18.2132 23.25 12 23.25C5.7868 23.25 0.75 18.2132 0.75 12C0.75 5.7868 5.7868 0.75 12 0.75Z" stroke="#E9EAEB" strokeWidth="1.5"/>
+      <circle cx="12" cy="12" r="4" fill="#D5D7DA"/>
+    </svg>
+  );
+}

package/src/components/icons/switch-horizontal-01.tsx

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+
+export function SwitchHorizontal01(props: ComponentProps<'svg'>) {
+  return (
+    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path d="M20 17H4M4 17L8 13M4 17L8 21M4 7H20M20 7L16 3M20 7L16 11" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    </svg>
+  );
+}

package/src/components/icons/table-01.tsx

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+
+export function Table01(props: ComponentProps<'svg'>) {
+  return (
+    <svg {...props} width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M3 9L21 9M9 3L9 21M7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/components/icons/tag-01.tsx

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+
+export function Tag01(props: ComponentProps<'svg'>) {
+  return (
+    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M8 8H8.01M2 5.2L2 9.67451C2 10.1637 2 10.4083 2.05526 10.6385C2.10425 10.8425 2.18506 11.0376 2.29472 11.2166C2.4184 11.4184 2.59135 11.5914 2.93726 11.9373L10.6059 19.6059C11.7939 20.7939 12.388 21.388 13.0729 21.6105C13.6755 21.8063 14.3245 21.8063 14.927 21.6105C15.612 21.388 16.2061 20.7939 17.3941 19.6059L19.6059 17.3941C20.7939 16.2061 21.388 15.612 21.6105 14.927C21.8063 14.3245 21.8063 13.6755 21.6105 13.0729C21.388 12.388 20.7939 11.7939 19.6059 10.6059L11.9373 2.93726C11.5914 2.59135 11.4184 2.4184 11.2166 2.29472C11.0376 2.18506 10.8425 2.10425 10.6385 2.05526C10.4083 2 10.1637 2 9.67452 2L5.2 2C4.0799 2 3.51984 2 3.09202 2.21799C2.7157 2.40973 2.40973 2.71569 2.21799 3.09202C2 3.51984 2 4.07989 2 5.2ZM8.5 8C8.5 8.27614 8.27614 8.5 8 8.5C7.72386 8.5 7.5 8.27614 7.5 8C7.5 7.72386 7.72386 7.5 8 7.5C8.27614 7.5 8.5 7.72386 8.5 8Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/components/icons/tag-03.tsx

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+
+export const Tag03 = (props: ComponentProps<'svg'>) => {
+  return (
+    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M21 11L13.4059 3.40589C12.887 2.88703 12.6276 2.6276 12.3249 2.44208C12.0564 2.27759 11.7638 2.15638 11.4577 2.08289C11.1124 2 10.7455 2 10.0118 2L6 2M3 8.7L3 10.6745C3 11.1637 3 11.4083 3.05526 11.6385C3.10425 11.8425 3.18506 12.0376 3.29472 12.2166C3.4184 12.4184 3.59136 12.5914 3.93726 12.9373L11.7373 20.7373C12.5293 21.5293 12.9253 21.9253 13.382 22.0737C13.7837 22.2042 14.2163 22.2042 14.618 22.0737C15.0747 21.9253 15.4707 21.5293 16.2627 20.7373L18.7373 18.2627C19.5293 17.4707 19.9253 17.0747 20.0737 16.618C20.2042 16.2163 20.2042 15.7837 20.0737 15.382C19.9253 14.9253 19.5293 14.5293 18.7373 13.7373L11.4373 6.43726C11.0914 6.09136 10.9184 5.9184 10.7166 5.79472C10.5376 5.68506 10.3425 5.60425 10.1385 5.55526C9.90829 5.5 9.6637 5.5 9.17452 5.5H6.2C5.0799 5.5 4.51984 5.5 4.09202 5.71799C3.7157 5.90973 3.40973 6.21569 3.21799 6.59202C3 7.01984 3 7.57989 3 8.7Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

package/src/components/icons/tool-02.tsx

@@ -0,0 +1,14 @@
+import { ComponentProps } from 'react';
+
+export function Tool02(props: ComponentProps<'svg'>) {
+  return (
+    <svg {...props} width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M6 6L10.5 10.5M6 6H3L2 3L3 2L6 3V6ZM19.259 2.74101L16.6314 5.36863C16.2354 5.76465 16.0373 5.96265 15.9632 6.19098C15.8979 6.39183 15.8979 6.60817 15.9632 6.80902C16.0373 7.03735 16.2354 7.23535 16.6314 7.63137L16.8686 7.86863C17.2646 8.26465 17.4627 8.46265 17.691 8.53684C17.8918 8.6021 18.1082 8.6021 18.309 8.53684C18.5373 8.46265 18.7354 8.26465 19.1314 7.86863L21.5893 5.41072C21.854 6.05488 22 6.76039 22 7.5C22 10.5376 19.5376 13 16.5 13C16.1338 13 15.7759 12.9642 15.4298 12.8959C14.9436 12.8001 14.7005 12.7521 14.5532 12.7668C14.3965 12.7824 14.3193 12.8059 14.1805 12.8802C14.0499 12.9501 13.919 13.081 13.657 13.343L6.5 20.5C5.67157 21.3284 4.32843 21.3284 3.5 20.5C2.67157 19.6716 2.67157 18.3284 3.5 17.5L10.657 10.343C10.919 10.081 11.0499 9.95005 11.1198 9.81949C11.1941 9.68068 11.2176 9.60347 11.2332 9.44681C11.2479 9.29945 11.1999 9.05638 11.1041 8.57024C11.0358 8.22406 11 7.86621 11 7.5C11 4.46243 13.4624 2 16.5 2C17.5055 2 18.448 2.26982 19.259 2.74101ZM12.0001 14.9999L17.5 20.4999C18.3284 21.3283 19.6716 21.3283 20.5 20.4999C21.3284 19.6715 21.3284 18.3283 20.5 17.4999L15.9753 12.9753C15.655 12.945 15.3427 12.8872 15.0408 12.8043C14.6517 12.6975 14.2249 12.7751 13.9397 13.0603L12.0001 14.9999Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/components/icons/trash-01.tsx

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+
+export function Trash01(props: ComponentProps<'svg'>) {
+  return (
+    <svg {...props} width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M16 6V5.2C16 4.0799 16 3.51984 15.782 3.09202C15.5903 2.71569 15.2843 2.40973 14.908 2.21799C14.4802 2 13.9201 2 12.8 2H11.2C10.0799 2 9.51984 2 9.09202 2.21799C8.71569 2.40973 8.40973 2.71569 8.21799 3.09202C8 3.51984 8 4.0799 8 5.2V6M10 11.5V16.5M14 11.5V16.5M3 6H21M19 6V17.2C19 18.8802 19 19.7202 18.673 20.362C18.3854 20.9265 17.9265 21.3854 17.362 21.673C16.7202 22 15.8802 22 14.2 22H9.8C8.11984 22 7.27976 22 6.63803 21.673C6.07354 21.3854 5.6146 20.9265 5.32698 20.362C5 19.7202 5 18.8802 5 17.2V6"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/components/icons/underline-01.tsx

@@ -0,0 +1,22 @@
+import { ComponentProps } from 'react';
+
+export function Underline01(props: ComponentProps<'svg'>) {
+  return (
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M18 4V11C18 14.3137 15.3137 17 12 17C8.68629 17 6 14.3137 6 11V4M4 21H20"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/components/icons/upload-cloud-02.tsx

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+
+export function UploadCloud02(props: ComponentProps<'svg'>) {
+  return (
+    <svg {...props} width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M8 16L12 12M12 12L16 16M12 12V21M20 16.7428C21.2215 15.734 22 14.2079 22 12.5C22 9.46243 19.5376 7 16.5 7C16.2815 7 16.0771 6.886 15.9661 6.69774C14.6621 4.48484 12.2544 3 9.5 3C5.35786 3 2 6.35786 2 10.5C2 12.5661 2.83545 14.4371 4.18695 15.7935"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/components/icons/user-01.tsx

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+
+export function User01(props: ComponentProps<'svg'>) {
+  return (
+    <svg {...props} width="100%" height="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M13.3334 14C13.3334 13.0696 13.3334 12.6044 13.2186 12.2259C12.9601 11.3736 12.2931 10.7067 11.4408 10.4482C11.0623 10.3333 10.5971 10.3333 9.66675 10.3333H6.33342C5.40304 10.3333 4.93785 10.3333 4.55932 10.4482C3.70705 10.7067 3.04011 11.3736 2.78157 12.2259C2.66675 12.6044 2.66675 13.0696 2.66675 14M11.0001 5C11.0001 6.65685 9.65694 8 8.00008 8C6.34323 8 5.00008 6.65685 5.00008 5C5.00008 3.34315 6.34323 2 8.00008 2C9.65694 2 11.0001 3.34315 11.0001 5Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+    </svg>
+  );
+}

package/src/components/icons/user-03.tsx

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+
+export function User03(props: ComponentProps<'svg'>) {
+  return (
+    <svg {...props} width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M3 20C5.33579 17.5226 8.50702 16 12 16C15.493 16 18.6642 17.5226 21 20M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    </svg>
+  );
+}

package/src/components/icons/user-check-01.tsx

@@ -0,0 +1,14 @@
+import { ComponentProps } from 'react';
+
+export function UserCheck01(props: ComponentProps<'svg'>) {
+  return (
+    <svg {...props} width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M12 15.5H7.5C6.10444 15.5 5.40665 15.5 4.83886 15.6722C3.56045 16.06 2.56004 17.0605 2.17224 18.3389C2 18.9067 2 19.6044 2 21M16 18L18 20L22 16M14.5 7.5C14.5 9.98528 12.4853 12 10 12C7.51472 12 5.5 9.98528 5.5 7.5C5.5 5.01472 7.51472 3 10 3C12.4853 3 14.5 5.01472 14.5 7.5Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}