alicia-design-system 0.1.0

package/src/alicia/common/FileUpload/FileUpload.tsx

@@ -0,0 +1,184 @@
+import { useEffect, useState } from 'react';
+import {
+    Box,
+    Text,
+    Button,
+    Image,
+    Link,
+    Modal,
+    ModalOverlay,
+    ModalContent,
+    ModalHeader,
+    ModalBody,
+    ModalCloseButton,
+    useDisclosure,
+} from "@chakra-ui/react";
+import { useDropzone, FileWithPath, ErrorCode } from 'react-dropzone';
+import { UploadIcon, DeleteIcon, PdfIcon } from '../icons';
+
+
+const ONE_MB = 1048576;
+
+export type FileState = FileWithPath & {
+    preview: string;
+};
+
+export const FileUpload = ({ 
+    files = [], 
+    setFiles,
+    maxFileSize = 25, 
+    accept = {
+        'image/*': ['.jpeg', '.jpg', '.png'],
+        'application/pdf': ['.pdf'],
+    },
+    customError = undefined,
+}: FileUploadProps) => {
+    const [image, setImage] = useState<FileState>();
+    const { isOpen, onOpen, onClose } = useDisclosure();
+    const { getRootProps, getInputProps, open, fileRejections = [] } = useDropzone({
+        onDrop: (acceptedFiles: any) => {
+            const existingPaths = files.map((i) => i.path);
+            setFiles([...files, ...acceptedFiles.filter((file: FileState) => !existingPaths.includes(file.path)).map((file: FileState) => Object.assign(file, {
+                preview: URL.createObjectURL(file)
+            }))]);
+        },
+        noClick: true,
+        minSize: 0,
+        maxSize: (ONE_MB * maxFileSize), // 25MB max file size
+        accept
+    });
+
+    useEffect(() => {
+        // Make sure to revoke the data uris to avoid memory leaks, will run on unmount
+        return () => files.forEach(file => URL.revokeObjectURL(file.preview));
+    }, []);
+
+    const errorType: string = fileRejections[0]?.errors[0]?.code;
+    const isError: boolean = Boolean(fileRejections?.length) || Boolean(customError &&  customError !== "");
+
+    // icon component
+    const Upload = UploadIcon({ isError });
+
+    // TODO: make these messages translatable
+    const getErrorMessage = (message: ErrorCode) => {
+        switch (message) {
+            case ErrorCode.FileInvalidType:
+                return 'Only files with the following extensions are allowed: .JPEG, .PNG or .PDF';
+            case ErrorCode.FileTooLarge:
+                return `File exceeds maximum file size (max. ${maxFileSize}MB)`;
+            default:
+                return customError;
+        }
+    };
+
+    const acceptedFileItems = files.map((file: FileState, fileIndex: number) => {
+        return (
+            <Box
+                key={file.path}
+                display='flex'
+                width='auto'
+                maxWidth='lg'
+                bg='cardBg'
+                alignItems='center'
+                height={14}
+                marginBottom={4}
+                borderRadius={4}
+            >
+                <Box display='flex' flex={[2, 1]} justifyContent='center'>
+                    {file.type === 'application/pdf' ?
+                        <Link href={file.preview} target='_blank' rel="noreferrer">
+                            <PdfIcon />
+                        </Link> :
+                        <Image
+                            src={file.preview}
+                            alt={file.name}
+                            boxSize='24px'
+                            objectFit='cover'
+                            cursor='pointer'
+                            onClick={() => [setImage(file), onOpen()]}
+                        />
+                    }
+                </Box>
+                <Box display='flex' flex={[6, 8]} noOfLines={1}>
+                    <Text fontSize={16} fontWeight={500} color='black'>{file.path}</Text>
+                </Box>
+                <Box display='flex' flex={[2, 1]} justifyContent='center'>
+                    <Box cursor='pointer' onClick={() => setFiles(files.filter((_, index) => fileIndex !== index))}>
+                        <DeleteIcon />
+                    </Box>
+                </Box>
+            </Box>
+        );
+    });
+
+    return (
+        <>
+            <Box
+                display='flex'
+                flexDirection='column'
+                justifyContent='center'
+                alignItems='center'
+                borderWidth={1}
+                borderColor={isError ? 'error' : 'blackLi'}
+                padding={8}
+                width='auto'
+                maxWidth='lg'
+                {...getRootProps()}
+            >
+                <input {...getInputProps()} />
+                <Upload />
+                <Text fontSize={20} fontWeight={500} color={isError ? 'error' : 'blackDe'} marginTop={2}>Upload your files</Text>
+                <Text fontSize={16} fontWeight={400} color={isError ? 'error' : 'blackMd'} marginTop={1} textAlign='center'>{isError ? getErrorMessage(errorType as ErrorCode) : '.JPEG, .PNG or .PDF files (max. 25MB)'}</Text>
+                <Button
+                    onClick={open}
+                    borderWidth={1}
+                    borderColor='blackDe'
+                    bg='whiteDe'
+                    color='blackDe'
+                    _hover={{ bg: 'black', color: 'white' }}
+                    marginTop={6}
+                    borderRadius='full'
+                    padding='16px 24px'
+                    height={14}
+                >
+                    Select files
+                </Button>
+            </Box>
+            {Boolean(files?.length) && <Box
+                display='flex'
+                flexDirection='column'
+                width='auto'
+                maxWidth='lg'
+                marginTop={8}
+            >
+                {acceptedFileItems}
+            </Box>}
+            <Modal isOpen={isOpen} onClose={onClose} size='sm'>
+                <ModalOverlay />
+                <ModalContent>
+                    <ModalHeader><Text fontSize={16} noOfLines={1} color='black'>{image?.name}</Text></ModalHeader>
+                    <ModalCloseButton style={{ color: 'black', borderRadius: 30, border: '1px solid black', marginTop: 5 }} />
+                    <ModalBody display='flex' alignItems='center' justifyContent='center'>
+                        <Image
+                            src={image?.preview}
+                            alt={image?.name}
+                            objectFit='contain'
+                            height='fit-content'
+                            margin={5}
+                        />
+                    </ModalBody>
+                </ModalContent>
+            </Modal>
+        </>
+    );
+};
+
+export type FileUploadProps = {
+    files: FileState[];
+    setFiles: (data: FileState[]) => void;
+    maxFileSize?: number;
+    accept?: {
+        [key: string]: string[];
+    },
+    customError?: string;
+};

package/src/alicia/common/FileUpload/inedx.ts

@@ -0,0 +1 @@
+export { FileUpload } from "./FileUpload";

package/src/alicia/common/List/List.stories.tsx

@@ -0,0 +1,25 @@
+import { ComponentStory, ComponentMeta } from "@storybook/react";
+
+import { List } from "./List";
+
+export default {
+  title: "Alicia/Common/List",
+  component: List,
+  argTypes: {},
+} as ComponentMeta<typeof List>;
+
+const Template: ComponentStory<typeof List> = (args) => {
+  return <List {...args} />;
+};
+
+export const Ordered = Template.bind({});
+export const Unordered = Template.bind({});
+
+Ordered.args = {
+  list: ["Your Claim", "Personal Details", "Approval"],
+  type: "ordered",
+};
+Unordered.args = {
+  list: ["test", "test 2"],
+  type: "unordered",
+};

package/src/alicia/common/List/List.tsx

@@ -0,0 +1,28 @@
+import { ListItem, List as ChakraList, Box } from '@chakra-ui/react'
+
+
+export const List = ({
+  list,
+  type,
+}: ListProps) => {
+  return (
+    <>
+      {type === 'ordered' &&
+        <ChakraList>
+          {list.map((item, index) => <ListItem fontFamily="UntitledSansRegular"  borderBottom={`${(index === list.length - 1) ? 0 : 'list'}`} pb={3} fontSize="2xl" marginBottom="3" key={item}>
+            <Box display="inline-block" borderRadius="full" w="32px"  textAlign="center" border="1px" mr="1.5" fontSize={20}>
+              {index + 1}
+            </Box> {item}</ListItem>)}
+        </ChakraList>
+      }
+    </>
+  );
+};
+
+
+
+export type ListProps = {
+  list: string[];
+  type?: "ordered" | "unordered";
+};
+

package/src/alicia/common/List/index.ts

@@ -0,0 +1 @@
+export { List } from "./List";

package/src/alicia/common/RadioButtonGroup/RadioButtonGroup.stories.tsx

@@ -0,0 +1,29 @@
+import { useState } from "react";
+import { ComponentStory, ComponentMeta } from "@storybook/react";
+import { RadioButtonGroup } from "./RadioButtonGroup";
+
+export default {
+  title: "Alicia/common/RadioButtonGroup",
+  component: RadioButtonGroup,
+} as ComponentMeta<typeof RadioButtonGroup>;
+
+const Template: ComponentStory<typeof RadioButtonGroup> = (args) => {
+  const [value, setValue] = useState('1');
+
+  return (
+    <RadioButtonGroup
+      {...args}
+      value={value}
+      onChange={setValue}
+      options={[{ value: '1', label: 'label - 1' }, { value: '2', label: 'label - 2' }]}
+    />
+  );
+};
+
+export const Primary = Template.bind({});
+
+Primary.args = {
+  isShownInColumn: true,
+  options: [{ value: '1', label: 'label - 1' }, { value: '2', label: 'label - 2' }],
+  spacing: 5,
+};

package/src/alicia/common/RadioButtonGroup/RadioButtonGroup.tsx

@@ -0,0 +1,29 @@
+import { Radio, RadioGroup, Stack } from '@chakra-ui/react';
+import { FC } from 'react';
+
+export const RadioButtonGroup: FC<RadioButtonGroupProps> = ({ isShownInColumn = true, onChange, value, options, spacing = 1 }) => {
+
+  return (
+    <RadioGroup onChange={onChange} value={value} >
+      <Stack direction={isShownInColumn ? 'column' : 'row'} spacing={spacing}>
+        {options.map((item) => (
+          <Radio key={item.value} value={item.value}>{item.label}</Radio>
+        ))}
+      </Stack>
+    </RadioGroup>
+  );
+
+};
+
+type RadioButtonGroupProps = {
+  isShownInColumn?: boolean;
+  onChange: (value: any) => void;
+  value: any;
+  options: RadioButtonOptions[];
+  spacing?: number;
+};
+
+type RadioButtonOptions = {
+  value: string;
+  label: string;
+};

package/src/alicia/common/icons/DeleteIcon.tsx

@@ -0,0 +1,9 @@
+import { createIcon } from '@chakra-ui/icons';
+
+export const DeleteIcon = createIcon({
+    displayName: 'DeleteIcon',
+    viewBox: '0 0 14 16',
+    path: (
+        <path fill='black' d="M2.7998 15.7C2.38314 15.7 2.02914 15.554 1.7378 15.262C1.4458 14.9706 1.2998 14.6166 1.2998 14.2V1.99998H0.299805V1.29998H3.9998V0.599976H9.9998V1.29998H13.6998V1.99998H12.6998V14.2C12.6998 14.6333 12.5581 14.9916 12.2748 15.275C11.9915 15.5583 11.6331 15.7 11.1998 15.7H2.7998ZM11.9998 1.99998H1.9998V14.2C1.9998 14.4333 2.0748 14.625 2.2248 14.775C2.3748 14.925 2.56647 15 2.7998 15H11.1998C11.3998 15 11.5831 14.9166 11.7498 14.75C11.9165 14.5833 11.9998 14.4 11.9998 14.2V1.99998ZM5.0498 13H5.7498V3.99998H5.0498V13ZM8.2498 13H8.9498V3.99998H8.2498V13ZM1.9998 1.99998V15V14.2V1.99998Z" />
+    ),
+});

package/src/alicia/common/icons/PdfIcon.tsx

@@ -0,0 +1,9 @@
+import { createIcon } from '@chakra-ui/icons';
+
+export const PdfIcon = createIcon({
+    displayName: 'PdfIcon',
+    viewBox: '0 0 14 18',
+    path: (
+        <path fill='black' d="M3.6498 14.35H10.3498V13.65H3.6498V14.35ZM3.6498 10.35H10.3498V9.64999H3.6498V10.35ZM1.7998 17.7C1.36647 17.7 1.00814 17.5583 0.724804 17.275C0.441471 16.9917 0.299805 16.6333 0.299805 16.2V1.79999C0.299805 1.36665 0.441471 1.00832 0.724804 0.724988C1.00814 0.441654 1.36647 0.299988 1.7998 0.299988H9.6498L13.6998 4.34999V16.2C13.6998 16.6333 13.5581 16.9917 13.2748 17.275C12.9915 17.5583 12.6331 17.7 12.1998 17.7H1.7998ZM9.2998 4.69999V0.999988H1.7998C1.5998 0.999988 1.41647 1.08332 1.2498 1.24999C1.08314 1.41665 0.999804 1.59999 0.999804 1.79999V16.2C0.999804 16.4 1.08314 16.5833 1.2498 16.75C1.41647 16.9167 1.5998 17 1.7998 17H12.1998C12.3998 17 12.5831 16.9167 12.7498 16.75C12.9165 16.5833 12.9998 16.4 12.9998 16.2V4.69999H9.2998Z" />
+    ),
+});

package/src/alicia/common/icons/UploadIcon.tsx

@@ -0,0 +1,9 @@
+import { createIcon } from '@chakra-ui/icons';
+
+export const UploadIcon = ({ isError } : { isError: boolean; }) => createIcon({
+    displayName: 'UploadIcon',
+    viewBox: '0 0 23 24',
+    path: (
+        <path fill={isError? '#AC0000' : 'currentColor'} d="M2.334 23.084C1.66733 23.084 1.11167 22.8617 0.667 22.417C0.222333 21.9723 0 21.4167 0 20.75V16.875H1V20.75C1 21.0833 1.139 21.389 1.417 21.667C1.695 21.945 2.00067 22.084 2.334 22.084H20C20.3333 22.084 20.639 21.945 20.917 21.667C21.195 21.389 21.334 21.0833 21.334 20.75V16.875H22.334V20.75C22.334 21.4167 22.1117 21.9723 21.667 22.417C21.2223 22.8617 20.6667 23.084 20 23.084H2.334ZM10.667 16.959V1.959L6.792 5.792L6.042 5.125L11.167 0L16.292 5.125L15.542 5.792L11.667 1.959V16.959H10.667Z" />
+    ),
+});

package/src/alicia/common/icons/index.ts

@@ -0,0 +1,3 @@
+export * from './DeleteIcon';
+export * from './PdfIcon';
+export * from './UploadIcon';

package/src/assets/vectors/accounts-big.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.621 22.246c.046.41.109.577.106.578l-.008-.017c.375.75.813 1.405 1.338 2.19.314.467.658.982 1.038 1.59C18.945 27.946 20 29.846 20 32c0 1.413-.822 2.457-1.336 3.009-.592.636-1.34 1.207-2.076 1.7-1.49.998-3.362 1.958-5.037 2.742C9.375 40.472 8 42.543 8 44.73V48a5.333 5.333 0 0 0 5.333 5.334H32.8a7.2 7.2 0 0 0 7.2-7.2v-1.404c0-2.187-1.375-4.258-3.55-5.277-1.676-.785-3.549-1.745-5.038-2.742-.736-.494-1.484-1.065-2.076-1.701-.514-.552-1.336-1.596-1.336-3.01 0-2.153 1.054-4.051 1.905-5.413.38-.607.724-1.122 1.038-1.59.525-.784.963-1.438 1.338-2.189l-.008.017c-.003-.001.06-.169.106-.578.05-.438.066-1.018.022-1.7a14.784 14.784 0 0 0-1.036-4.537c-1.24-3.03-3.461-5.343-7.365-5.343-3.904 0-6.126 2.314-7.365 5.343a14.784 14.784 0 0 0-1.036 4.536 9.875 9.875 0 0 0 .022 1.701Zm-3.923-8.256C13.46 9.686 17.238 5.333 24 5.333c6.763 0 10.54 4.353 12.301 8.657a20.113 20.113 0 0 1 1.423 6.214c.06.942.045 1.841-.046 2.643-.085.753-.258 1.608-.626 2.345-.519 1.038-1.29 2.197-1.927 3.155-.265.397-.506.76-.697 1.066-.599.958-.908 1.626-1.03 2.117.211.195.533.448.983.75 1.15.77 2.734 1.594 4.33 2.342 3.851 1.803 6.622 5.64 6.622 10.107v1.404c0 6.922-5.611 12.533-12.533 12.533H13.333c-5.89 0-10.666-4.775-10.666-10.666v-3.27c0-4.469 2.771-8.305 6.622-10.108 1.596-.748 3.18-1.572 4.33-2.343.45-.301.772-.554.983-.749-.122-.49-.431-1.16-1.03-2.117-.19-.305-.432-.668-.697-1.066-.637-.958-1.408-2.117-1.927-3.155-.368-.737-.54-1.592-.626-2.345a15.151 15.151 0 0 1-.046-2.643c.12-1.878.55-4.082 1.422-6.214Zm3.164 17.261a.174.174 0 0 1-.028.04.19.19 0 0 1 .028-.04Zm18.276 0c.002 0 .012.014.028.04a.17.17 0 0 1-.028-.04Z" fill="#1D868A"/><path fill-rule="evenodd" clip-rule="evenodd" d="M40 10.666c-2.798 0-4.628 1.16-5.904 2.782a2.667 2.667 0 0 1-4.191-3.298C32.091 7.37 35.411 5.333 40 5.333c6.763 0 10.541 4.353 12.302 8.657a20.116 20.116 0 0 1 1.422 6.214c.06.942.045 1.841-.046 2.643-.085.753-.258 1.608-.626 2.345-.519 1.038-1.29 2.197-1.927 3.155-.264.398-.506.76-.697 1.066-.598.958-.908 1.626-1.03 2.117.211.195.533.448.983.75 1.15.77 2.734 1.594 4.33 2.342 3.851 1.803 6.622 5.64 6.622 10.107v1.404c0 6.922-5.61 12.533-12.533 12.533H34.667a2.667 2.667 0 1 1 0-5.333H48.8a7.2 7.2 0 0 0 7.2-7.2v-1.404c0-2.187-1.375-4.258-3.55-5.277-1.676-.785-3.549-1.745-5.038-2.742-.736-.494-1.484-1.065-2.076-1.701-.514-.552-1.336-1.596-1.336-3.01 0-2.153 1.055-4.051 1.905-5.413.38-.607.725-1.122 1.038-1.59.525-.784.963-1.438 1.339-2.189l-.01.017c-.002-.001.06-.169.107-.578.05-.438.066-1.018.022-1.7a14.784 14.784 0 0 0-1.036-4.537c-1.24-3.03-3.461-5.343-7.365-5.343Zm9.138 20.585c.002 0 .012.014.028.04a.17.17 0 0 1-.028-.04Z" fill="#4C4C4C"/></svg>

package/src/assets/vectors/accounts-small.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.858 8.342c.017.154.04.217.04.217l-.004-.006c.141.281.306.527.502.82.118.176.247.37.39.597.319.51.714 1.223.714 2.03 0 .53-.308.922-.5 1.128a4.483 4.483 0 0 1-.78.638c-.558.374-1.26.734-1.888 1.028-.816.383-1.332 1.16-1.332 1.98V18a2 2 0 0 0 2 2h7.3a2.7 2.7 0 0 0 2.7-2.7v-.526c0-.82-.515-1.597-1.332-1.98-.628-.294-1.33-.654-1.888-1.028a4.485 4.485 0 0 1-.78-.638c-.192-.206-.5-.598-.5-1.128 0-.807.395-1.52.714-2.03.143-.228.272-.42.39-.596.196-.294.36-.54.502-.821a.06.06 0 0 1-.004.006s.023-.063.04-.217c.019-.164.025-.381.008-.637a5.546 5.546 0 0 0-.388-1.701C11.297 4.868 10.464 4 9 4s-2.297.867-2.762 2.004a5.544 5.544 0 0 0-.388 1.7c-.017.257-.01.474.008.638ZM4.387 5.246C5.047 3.632 6.464 2 9 2c2.536 0 3.953 1.632 4.613 3.246.327.8.488 1.627.533 2.33.023.354.018.691-.017.992-.032.282-.096.603-.235.88-.194.388-.483.823-.722 1.182-.1.15-.19.285-.261.4-.225.36-.341.61-.387.794.08.073.2.168.369.28.431.29 1.025.599 1.624.88C15.96 13.66 17 15.097 17 16.773v.526a4.7 4.7 0 0 1-4.7 4.7H5a4 4 0 0 1-4-4v-1.226c0-1.676 1.04-3.114 2.483-3.79.599-.281 1.193-.59 1.624-.88.169-.112.29-.207.369-.28-.046-.184-.162-.435-.386-.794-.072-.114-.163-.25-.262-.4-.239-.36-.528-.794-.722-1.183-.139-.276-.203-.597-.235-.88-.034-.3-.04-.637-.017-.99.045-.704.206-1.531.533-2.33Zm1.186 6.473s-.002.005-.01.015a.07.07 0 0 1 .01-.015Zm6.854 0 .01.015a.066.066 0 0 1-.01-.015Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M15 4c-1.05 0-1.736.435-2.214 1.043a1 1 0 1 1-1.572-1.237C12.034 2.764 13.28 2 15 2c2.536 0 3.953 1.632 4.613 3.246.327.8.488 1.627.533 2.33.023.354.017.691-.017.992-.032.282-.096.603-.235.88-.194.388-.483.823-.722 1.182-.1.15-.19.285-.262.4-.224.36-.34.61-.386.794.08.073.2.168.369.28.431.29 1.025.599 1.624.88C21.96 13.66 23 15.097 23 16.773v.526a4.7 4.7 0 0 1-4.7 4.7H13a1 1 0 1 1 0-2h5.3a2.7 2.7 0 0 0 2.7-2.7v-.526c0-.82-.515-1.597-1.331-1.98-.629-.294-1.331-.654-1.89-1.028a4.482 4.482 0 0 1-.778-.638c-.193-.206-.501-.598-.501-1.128 0-.807.395-1.52.715-2.03.142-.228.271-.42.389-.596.196-.294.36-.54.502-.821l-.004.006s.023-.063.04-.217c.019-.164.025-.381.009-.637a5.546 5.546 0 0 0-.389-1.701C17.297 4.868 16.464 4 15 4Zm3.427 7.72.01.014a.066.066 0 0 1-.01-.015Z" /></svg>

package/src/assets/vectors/accounts.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 20">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.858 6.342c.014.129.033.194.038.212l.002.005-.003-.004v-.002c.14.281.305.527.501.82.118.176.247.37.39.597.319.51.714 1.222.714 2.03 0 .53-.308.922-.5 1.128a4.483 4.483 0 01-.78.638c-.558.374-1.26.734-1.888 1.028-.816.383-1.332 1.16-1.332 1.98V16a2 2 0 002 2h7.3a2.7 2.7 0 002.7-2.7v-.526c0-.82-.515-1.597-1.332-1.98-.628-.294-1.33-.654-1.888-1.028a4.485 4.485 0 01-.78-.638c-.192-.206-.5-.598-.5-1.128 0-.808.395-1.52.714-2.03.143-.228.272-.42.39-.596.196-.294.36-.54.502-.821a.06.06 0 01-.004.006l.002-.005c.005-.018.024-.083.038-.212.019-.164.025-.381.008-.637a5.546 5.546 0 00-.388-1.701C14.297 2.868 13.464 2 12 2s-2.297.868-2.762 2.004a5.544 5.544 0 00-.388 1.7c-.017.257-.01.474.008.638zM3 17h1.126c.444 1.725 2.01 3 3.874 3h7.3a4.702 4.702 0 004.383-3H21a3 3 0 003-3v-.485c0-1.68-1.05-3.079-2.42-3.796a5.985 5.985 0 01-.728-.436c.038-.084.096-.195.186-.34.043-.07.102-.16.169-.261.173-.264.4-.608.546-.905.12-.241.17-.509.195-.726a4.42 4.42 0 00.013-.763 5.77 5.77 0 00-.4-1.767C21.064 3.293 19.97 2 18 2c-.69 0-1.285.162-1.788.435C15.442 1.127 14.108 0 12 0 9.892 0 8.558 1.127 7.788 2.435A3.704 3.704 0 006 2C4.029 2 2.936 3.293 2.44 4.52a5.77 5.77 0 00-.401 1.768 4.42 4.42 0 00.013.763c.024.217.075.485.194.726.147.297.374.641.547.905.067.101.126.19.169.26.09.146.148.257.186.34a5.98 5.98 0 01-.728.437C1.05 10.436 0 11.834 0 13.515V14a3 3 0 003 3zM16.958 4.328c.104.437.164.861.188 1.249.023.353.017.69-.017.99-.032.283-.096.604-.235.88-.194.39-.483.824-.722 1.183-.1.15-.19.285-.261.4-.225.36-.341.61-.387.794.08.073.2.168.369.28.431.29 1.025.599 1.624.88C18.96 11.66 20 13.097 20 14.773V15h1a1 1 0 001-1v-.485c0-.806-.513-1.587-1.348-2.024a7.42 7.42 0 01-1.078-.667 2.663 2.663 0 01-.468-.454 1.424 1.424 0 01-.32-.87c0-.665.32-1.237.55-1.61.114-.183.21-.328.295-.455.126-.19.225-.339.315-.515a.819.819 0 00.014-.092c.012-.1.016-.241.005-.413a3.773 3.773 0 00-.258-1.144C19.4 4.512 18.886 4 18 4c-.454 0-.785.129-1.042.328zM3 15h1v-.226c0-1.676 1.04-3.114 2.483-3.79.599-.281 1.193-.59 1.624-.88.169-.112.29-.207.369-.28-.046-.184-.162-.435-.387-.794-.071-.115-.162-.25-.26-.4-.24-.36-.529-.794-.723-1.183-.139-.276-.203-.597-.235-.88-.034-.3-.04-.637-.017-.99a7.56 7.56 0 01.188-1.25C6.785 4.13 6.454 4 6 4c-.886 0-1.4.512-1.707 1.27a3.771 3.771 0 00-.258 1.145 2.44 2.44 0 00.005.413.85.85 0 00.014.092c.09.176.19.326.315.515.084.127.18.272.294.456.23.372.551.944.551 1.609 0 .401-.19.703-.32.87a2.66 2.66 0 01-.468.454 7.415 7.415 0 01-1.078.667C2.513 11.928 2 12.71 2 13.515V14a1 1 0 001 1zm5.573-5.28l-.01.014a.071.071 0 01.01-.015zm6.854 0l.01.014a.064.064 0 01-.01-.015z" />
+</svg>

package/src/assets/vectors/action-menu/activate.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.7663 5C5.25316 6.00417 4.1049 7.47043 3.49293 9.1804C2.88081 10.8903 2.83763 12.7522 3.36985 14.4886C3.90208 16.2249 4.98113 17.7428 6.44623 18.8161C7.91134 19.8893 9.68393 20.4604 11.5 20.4442C13.3161 20.4604 15.0887 19.8894 16.5538 18.8161C18.0189 17.7429 19.0979 16.2249 19.6301 14.4886C20.1624 12.7522 20.1192 10.8904 19.5071 9.1804C18.8951 7.47051 17.7468 6.00425 16.2337 5" stroke="#0F0F0F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.7663 19C5.25316 17.9958 4.1049 16.5296 3.49293 14.8196C2.88081 13.1097 2.83763 11.2478 3.36985 9.51139C3.90208 7.77509 4.98113 6.25717 6.44623 5.18389C7.91134 4.11068 9.68393 3.53963 11.5 3.55577C13.3161 3.53961 15.0887 4.11063 16.5538 5.18389C18.0189 6.2571 19.0979 7.77509 19.6301 9.51139C20.1624 11.2478 20.1192 13.1096 19.5071 14.8196C18.8951 16.5295 17.7468 17.9957 16.2337 19" stroke="#0F0F0F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.5 8V16.4942" stroke="#0F0F0F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/vectors/action-menu/add.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 5C12.5523 5 13 5.44772 13 6V11H18C18.5523 11 19 11.4477 19 12C19 12.5523 18.5523 13 18 13H13V18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18V13H6C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11H11V6C11 5.44772 11.4477 5 12 5Z" fill="#fff"/>
+</svg>

package/src/assets/vectors/action-menu/copy.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 2C8.89543 2 8 2.89543 8 4C8 4.55228 8.44772 5 9 5C9.55228 5 10 4.55228 10 4H17C17.5523 4 18 4.44772 18 5V17C17.4477 17 17 17.4477 17 18C17 18.5523 17.4477 19 18 19C19.1046 19 20 18.1046 20 17V5C20 3.34315 18.6569 2 17 2H10ZM7 6C5.34315 6 4 7.34315 4 9V20C4 21.6569 5.34315 23 7 23H13C14.6569 23 16 21.6569 16 20V9C16 7.34315 14.6569 6 13 6H7ZM6 9C6 8.44772 6.44772 8 7 8H13C13.5523 8 14 8.44772 14 9V20C14 20.5523 13.5523 21 13 21H7C6.44772 21 6 20.5523 6 20V9Z" fill="#0F0F0F"/>
+</svg>

package/src/assets/vectors/action-menu/deactivate.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.7663 5.54443C5.25316 6.54861 4.1049 8.01487 3.49293 9.72483C2.88081 11.4347 2.83763 13.2966 3.36985 15.033C3.90208 16.7693 4.98113 18.2873 6.44623 19.3605C7.91134 20.4338 9.68393 21.0048 11.5 20.9887C13.3161 21.0048 15.0887 20.4338 16.5538 19.3605C18.0189 18.2873 19.0979 16.7693 19.6301 15.033C20.1624 13.2966 20.1192 11.4348 19.5071 9.72483C18.8951 8.01494 17.7468 6.54868 16.2337 5.54443" stroke="#0F0F0F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.5 4V12.4942" stroke="#0F0F0F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/vectors/action-menu/delete.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2512 1.89304C10.1549 1.75843 9.15701 2.53806 9.0224 3.6344L5.05227 3.14693C4.5041 3.07962 4.00516 3.46943 3.93785 4.0176C3.87055 4.56577 4.26036 5.06471 4.80853 5.13202L18.7042 6.83819C19.2523 6.9055 19.7513 6.51568 19.8186 5.96751C19.8859 5.41934 19.4961 4.9204 18.9479 4.8531L14.9777 4.36561C15.1123 3.26928 14.3327 2.27139 13.2363 2.13678L11.2512 1.89304ZM14.7071 11.7071C15.0976 11.3166 15.0976 10.6834 14.7071 10.2929C14.3166 9.90239 13.6834 9.90239 13.2929 10.2929L12 11.5858L10.7071 10.2929C10.3166 9.90239 9.6834 9.90239 9.29288 10.2929C8.90235 10.6834 8.90235 11.3166 9.29288 11.7071L10.5858 13L9.29288 14.2929C8.90235 14.6834 8.90235 15.3166 9.29288 15.7071C9.6834 16.0977 10.3166 16.0977 10.7071 15.7071L12 14.4142L13.2929 15.7071C13.6834 16.0977 14.3166 16.0977 14.7071 15.7071C15.0976 15.3166 15.0976 14.6834 14.7071 14.2929L13.4142 13L14.7071 11.7071ZM6.9959 8.90949C6.9459 8.35947 6.45949 7.95413 5.90947 8.00413C5.35946 8.05413 4.95411 8.54055 5.00412 9.09056L5.83876 18.2716C5.97933 19.8179 7.27749 21 8.82807 21H8.84553H8.86292H8.88026H8.89753H8.91475H8.93191H8.94901H8.96605H8.98304H8.99997H9.01684H9.03365H9.0504H9.0671H9.08375H9.10033H9.11686H9.13334H9.14976H9.16612H9.18243H9.19868H9.21488H9.23103H9.24712H9.26316H9.27914H9.29507H9.31095H9.32677H9.34255H9.35827H9.37393H9.38955H9.40511H9.42062H9.43608H9.45149H9.46685H9.48216H9.49742H9.51262H9.52778H9.54289H9.55795H9.57296H9.58792H9.60283H9.61769H9.63251H9.64727H9.66199H9.67666H9.69129H9.70586H9.7204H9.73488H9.74932H9.76371H9.77805H9.79235H9.80661H9.82081H9.83498H9.8491H9.86317H9.8772H9.89119H9.90513H9.91903H9.93288H9.94669H9.96046H9.97419H9.98787H10.0015H10.0151H10.0287H10.0422H10.0557H10.0691H10.0825H10.0958H10.1092H10.1224H10.1357H10.1489H10.162H10.1751H10.1882H10.2012H10.2142H10.2272H10.2401H10.253H10.2658H10.2787H10.2914H10.3042H10.3169H10.3295H10.3422H10.3547H10.3673H10.3798H10.3923H10.4048H10.4172H10.4295H10.4419H10.4542H10.4665H10.4787H10.4909H10.5031H10.5153H10.5274H10.5395H10.5515H10.5635H10.5755H10.5875H10.5994H10.6113H10.6231H10.635H10.6468H10.6585H10.6703H10.682H10.6936H10.7053H10.7169H10.7285H10.7401H10.7516H10.7631H10.7746H10.7861H10.7975H10.8089H10.8203H10.8316H10.8429H10.8542H10.8655H10.8767H10.8879H10.8991H10.9103H10.9214H10.9326H10.9436H10.9547H10.9658H10.9768H10.9878H10.9988H11.0097H11.0206H11.0315H11.0424H11.0533H11.0641H11.0749H11.0857H11.0965H11.1073H11.118H11.1287H11.1394H11.1501H11.1608H11.1714H11.182H11.1926H11.2032H11.2138H11.2243H11.2348H11.2453H11.2558H11.2663H11.2768H11.2872H11.2976H11.308H11.3184H11.3288H11.3392H11.3495H11.3598H11.3701H11.3804H11.3907H11.401H11.4112H11.4215H11.4317H11.4419H11.4521H11.4623H11.4725H11.4827H11.4928H11.503H11.5131H11.5232H11.5333H11.5434H11.5535H11.5636H11.5736H11.5837H11.5937H11.6038H11.6138H11.6238H11.6338H11.6438H11.6538H11.6638H11.6738H11.6837H11.6937H11.7036H11.7136H11.7235H11.7335H11.7434H11.7533H11.7632H11.7731H11.783H11.7929H11.8028H11.8127H11.8226H11.8325H11.8424H11.8522H11.8621H11.872H11.8818H11.8917H11.9015H11.9114H11.9212H11.9311H11.9409H11.9508H11.9606H11.9705H11.9803H11.9902H12H12.0099H12.0197H12.0295H12.0394H12.0492H12.0591H12.0689H12.0788H12.0886H12.0985H12.1083H12.1182H12.1281H12.1379H12.1478H12.1577H12.1675H12.1774H12.1873H12.1972H12.2071H12.217H12.2269H12.2368H12.2467H12.2566H12.2666H12.2765H12.2864H12.2964H12.3063H12.3163H12.3262H12.3362H12.3462H12.3562H12.3662H12.3762H12.3862H12.3962H12.4063H12.4163H12.4264H12.4364H12.4465H12.4566H12.4667H12.4768H12.4869H12.4971H12.5072H12.5173H12.5275H12.5377H12.5479H12.5581H12.5683H12.5785H12.5888H12.599H12.6093H12.6196H12.6299H12.6402H12.6505H12.6609H12.6712H12.6816H12.692H12.7024H12.7128H12.7233H12.7337H12.7442H12.7547H12.7652H12.7757H12.7863H12.7968H12.8074H12.818H12.8286H12.8393H12.8499H12.8606H12.8713H12.882H12.8927H12.9035H12.9143H12.9251H12.9359H12.9467H12.9576H12.9685H12.9794H12.9903H13.0013H13.0122H13.0232H13.0343H13.0453H13.0564H13.0675H13.0786H13.0897H13.1009H13.1121H13.1233H13.1345H13.1458H13.1571H13.1684H13.1798H13.1911H13.2025H13.214H13.2254H13.2369H13.2484H13.2599H13.2715H13.2831H13.2947H13.3064H13.3181H13.3298H13.3415H13.3533H13.3651H13.3769H13.3888H13.4006H13.4126H13.4245H13.4365H13.4485H13.4606H13.4726H13.4848H13.4969H13.5091H13.5213H13.5335H13.5458H13.5581H13.5705H13.5829H13.5953H13.6077H13.6202H13.6327H13.6453H13.6579H13.6705H13.6832H13.6959H13.7086H13.7214H13.7342H13.747H13.7599H13.7728H13.7858H13.7988H13.8118H13.8249H13.838H13.8512H13.8644H13.8776H13.8909H13.9042H13.9175H13.9309H13.9444H13.9578H13.9713H13.9849H13.9985H14.0121H14.0258H14.0396H14.0533H14.0671H14.081H14.0949H14.1088H14.1228H14.1368H14.1509H14.165H14.1792H14.1934H14.2077H14.222H14.2363H14.2507H14.2651H14.2796H14.2942H14.3087H14.3234H14.338H14.3527H14.3675H14.3823H14.3972H14.4121H14.4271H14.4421H14.4571H14.4722H14.4874H14.5026H14.5179H14.5332H14.5485H14.5639H14.5794H14.5949H14.6105H14.6261H14.6418H14.6575H14.6732H14.6891H14.7049H14.7209H14.7369H14.7529H14.769H14.7851H14.8013H14.8176H14.8339H14.8503H14.8667H14.8832H14.8997H14.9163H14.9329H14.9496H14.9664H14.9832H15.0001H15.017H15.034H15.051H15.0681H15.0853H15.1025H15.1198H15.1371H15.1545H15.1719C16.7225 21 18.0207 19.8179 18.1613 18.2716L18.9959 9.09056C19.0459 8.54055 18.6406 8.05413 18.0905 8.00413C17.5405 7.95413 17.0541 8.35947 17.0041 8.90949L16.1695 18.0906C16.1227 18.6046 15.6902 19 15.1719 19H15.1545H15.1371H15.1198H15.1025H15.0853H15.0681H15.051H15.034H15.017H15.0001H14.9832H14.9664H14.9496H14.9329H14.9163H14.8997H14.8832H14.8667H14.8503H14.8339H14.8176H14.8013H14.7851H14.769H14.7529H14.7369H14.7209H14.7049H14.6891H14.6732H14.6575H14.6418H14.6261H14.6105H14.5949H14.5794H14.5639H14.5485H14.5332H14.5179H14.5026H14.4874H14.4722H14.4571H14.4421H14.4271H14.4121H14.3972H14.3823H14.3675H14.3527H14.338H14.3234H14.3087H14.2942H14.2796H14.2651H14.2507H14.2363H14.222H14.2077H14.1934H14.1792H14.165H14.1509H14.1368H14.1228H14.1088H14.0949H14.081H14.0671H14.0533H14.0396H14.0258H14.0121H13.9985H13.9849H13.9713H13.9578H13.9444H13.9309H13.9175H13.9042H13.8909H13.8776H13.8644H13.8512H13.838H13.8249H13.8118H13.7988H13.7858H13.7728H13.7599H13.747H13.7342H13.7214H13.7086H13.6959H13.6832H13.6705H13.6579H13.6453H13.6327H13.6202H13.6077H13.5953H13.5829H13.5705H13.5581H13.5458H13.5335H13.5213H13.5091H13.4969H13.4848H13.4726H13.4606H13.4485H13.4365H13.4245H13.4126H13.4006H13.3888H13.3769H13.3651H13.3533H13.3415H13.3298H13.3181H13.3064H13.2947H13.2831H13.2715H13.2599H13.2484H13.2369H13.2254H13.214H13.2025H13.1911H13.1798H13.1684H13.1571H13.1458H13.1345H13.1233H13.1121H13.1009H13.0897H13.0786H13.0675H13.0564H13.0453H13.0343H13.0232H13.0122H13.0013H12.9903H12.9794H12.9685H12.9576H12.9467H12.9359H12.9251H12.9143H12.9035H12.8927H12.882H12.8713H12.8606H12.8499H12.8393H12.8286H12.818H12.8074H12.7968H12.7863H12.7757H12.7652H12.7547H12.7442H12.7337H12.7233H12.7128H12.7024H12.692H12.6816H12.6712H12.6609H12.6505H12.6402H12.6299H12.6196H12.6093H12.599H12.5888H12.5785H12.5683H12.5581H12.5479H12.5377H12.5275H12.5173H12.5072H12.4971H12.4869H12.4768H12.4667H12.4566H12.4465H12.4364H12.4264H12.4163H12.4063H12.3962H12.3862H12.3762H12.3662H12.3562H12.3462H12.3362H12.3262H12.3163H12.3063H12.2964H12.2864H12.2765H12.2666H12.2566H12.2467H12.2368H12.2269H12.217H12.2071H12.1972H12.1873H12.1774H12.1675H12.1577H12.1478H12.1379H12.1281H12.1182H12.1083H12.0985H12.0886H12.0788H12.0689H12.0591H12.0492H12.0394H12.0295H12.0197H12.0099H12H11.9902H11.9803H11.9705H11.9606H11.9508H11.9409H11.9311H11.9212H11.9114H11.9015H11.8917H11.8818H11.872H11.8621H11.8522H11.8424H11.8325H11.8226H11.8127H11.8028H11.7929H11.783H11.7731H11.7632H11.7533H11.7434H11.7335H11.7235H11.7136H11.7036H11.6937H11.6837H11.6738H11.6638H11.6538H11.6438H11.6338H11.6238H11.6138H11.6038H11.5937H11.5837H11.5736H11.5636H11.5535H11.5434H11.5333H11.5232H11.5131H11.503H11.4928H11.4827H11.4725H11.4623H11.4521H11.4419H11.4317H11.4215H11.4112H11.401H11.3907H11.3804H11.3701H11.3598H11.3495H11.3392H11.3288H11.3184H11.308H11.2976H11.2872H11.2768H11.2663H11.2558H11.2453H11.2348H11.2243H11.2138H11.2032H11.1926H11.182H11.1714H11.1608H11.1501H11.1394H11.1287H11.118H11.1073H11.0965H11.0857H11.0749H11.0641H11.0533H11.0424H11.0315H11.0206H11.0097H10.9988H10.9878H10.9768H10.9658H10.9547H10.9436H10.9326H10.9214H10.9103H10.8991H10.8879H10.8767H10.8655H10.8542H10.8429H10.8316H10.8203H10.8089H10.7975H10.7861H10.7746H10.7631H10.7516H10.7401H10.7285H10.7169H10.7053H10.6936H10.682H10.6703H10.6585H10.6468H10.635H10.6231H10.6113H10.5994H10.5875H10.5755H10.5635H10.5515H10.5395H10.5274H10.5153H10.5031H10.4909H10.4787H10.4665H10.4542H10.4419H10.4295H10.4172H10.4048H10.3923H10.3798H10.3673H10.3547H10.3422H10.3295H10.3169H10.3042H10.2914H10.2787H10.2658H10.253H10.2401H10.2272H10.2142H10.2012H10.1882H10.1751H10.162H10.1489H10.1357H10.1224H10.1092H10.0958H10.0825H10.0691H10.0557H10.0422H10.0287H10.0151H10.0015H9.98787H9.97419H9.96046H9.94669H9.93288H9.91903H9.90513H9.89119H9.8772H9.86317H9.8491H9.83498H9.82081H9.80661H9.79235H9.77805H9.76371H9.74932H9.73488H9.7204H9.70586H9.69129H9.67666H9.66199H9.64727H9.63251H9.61769H9.60283H9.58792H9.57296H9.55795H9.54289H9.52778H9.51262H9.49742H9.48216H9.46685H9.45149H9.43608H9.42062H9.40511H9.38955H9.37393H9.35827H9.34255H9.32677H9.31095H9.29507H9.27914H9.26316H9.24712H9.23103H9.21488H9.19868H9.18243H9.16612H9.14976H9.13334H9.11686H9.10033H9.08375H9.0671H9.0504H9.03365H9.01684H8.99997H8.98304H8.96605H8.94901H8.93191H8.91475H8.89753H8.88026H8.86292H8.84553H8.82807C8.30984 19 7.87728 18.6046 7.83054 18.0906L6.9959 8.90949Z" fill="#0F0F0F"/>
+</svg>

package/src/assets/vectors/action-menu/download.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.3046 10.1899C18.0016 9.81866 17.4611 9.7685 17.0974 10.0779L13.3605 13.2569L13.3605 2.87506C13.3605 2.39181 12.9767 2.00006 12.5033 2.00006C12.03 2.00006 11.6462 2.39181 11.6462 2.87506L11.6462 13.2569L7.90921 10.0779C7.54555 9.7685 7.00506 9.81866 6.70201 10.1899C6.39896 10.5611 6.44809 11.1129 6.81176 11.4223L11.9546 15.7973C12.2725 16.0677 12.7342 16.0677 13.052 15.7973L18.1949 11.4223C18.5586 11.1129 18.6077 10.5611 18.3046 10.1899ZM12.5033 21.9999H17.3033C19.0706 21.9999 20.5033 20.6568 20.5033 19V17C20.5033 16.4477 20.0258 15.9999 19.4367 15.9999C18.8476 15.9999 18.37 16.4477 18.37 16.9999V19C18.37 19.5522 17.8924 19.9999 17.3033 19.9999H12.5033V21.9999ZM12.5033 21.9999L7.70333 21.9999C5.93602 21.9999 4.50333 20.6568 4.50333 18.9999V16.9999C4.50333 16.4477 4.98089 15.9999 5.56999 15.9999C6.1591 15.9999 6.63666 16.4477 6.63666 16.9999L6.63666 18.9999C6.63666 19.5522 7.11422 19.9999 7.70333 19.9999H12.5033V21.9999Z" fill="black"/>
+</svg>

package/src/assets/vectors/action-menu/edit.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.9247 8.61092C19.3227 8.21296 19.5585 7.71421 19.632 7.19683C19.7388 6.44495 19.5031 5.65373 18.9247 5.07538C18.3464 4.49704 17.5552 4.26129 16.8033 4.36815C16.2859 4.44168 15.7872 4.67742 15.3892 5.07538L14.3286 6.13604L15.7428 7.55026L16.4499 8.25736L17.8641 9.67158L18.9247 8.61092ZM10.793 16.7426L8.67172 18.8639L7.25751 17.4497L6.5504 16.7426L5.13619 15.3284L7.25751 13.2071L10.793 9.67158L12.9143 7.55026L14.3286 8.96447L15.0357 9.67158L16.4499 11.0858L14.3286 13.2071L10.793 16.7426ZM3.88007 19.0967L5.13617 15.3284L8.6717 18.864L4.9034 20.1201C4.61269 20.217 4.29219 20.1413 4.07551 19.9246C3.85883 19.7079 3.78317 19.3874 3.88007 19.0967Z" fill="#fff"/>
+</svg>

package/src/assets/vectors/action-menu/external-link.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 7C5.89543 7 5 7.89543 5 9V17C5 18.1046 5.89543 19 7 19H15C16.1046 19 17 18.1046 17 17V13C17 12.4477 17.4477 12 18 12C18.5523 12 19 12.4477 19 13V17C19 19.2091 17.2091 21 15 21H7C4.79086 21 3 19.2091 3 17V9C3 6.79086 4.79086 5 7 5H11C11.5523 5 12 5.44772 12 6C12 6.55228 11.5523 7 11 7H7Z" fill="#0F0F0F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 4C13 3.44772 13.4477 3 14 3H20C20.5523 3 21 3.44772 21 4V10C21 10.5523 20.5523 11 20 11C19.4477 11 19 10.5523 19 10V6.41421L11.7071 13.7071C11.3166 14.0976 10.6834 14.0976 10.2929 13.7071C9.90237 13.3166 9.90237 12.6834 10.2929 12.2929L17.5858 5H14C13.4477 5 13 4.55228 13 4Z" fill="#0F0F0F"/>
+</svg>

package/src/assets/vectors/action-menu/invoice.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 11.7692C8 11.4718 8.24107 11.2307 8.53845 11.2307H11.7692C12.0665 11.2307 12.3076 11.4718 12.3076 11.7692C12.3076 12.0665 12.0665 12.3076 11.7692 12.3076H8.53845C8.24107 12.3076 8 12.0665 8 11.7692Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 13.3846C8 13.0872 8.24107 12.8461 8.53845 12.8461H11.7692C12.0665 12.8461 12.3076 13.0872 12.3076 13.3846C12.3076 13.6819 12.0665 13.923 11.7692 13.923H8.53845C8.24107 13.923 8 13.6819 8 13.3846Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.90979 9.38305C10.453 8.58035 11.2763 8 12.3076 8C13.2461 8 13.9015 8.31634 14.3267 8.65644C14.5358 8.82376 14.6844 8.99278 14.7828 9.12402C14.8321 9.18976 14.8692 9.24653 14.8954 9.28964C14.9085 9.31122 14.9189 9.32945 14.9268 9.34377C14.9307 9.35094 14.934 9.35713 14.9367 9.36228L14.9403 9.36922L14.9418 9.37209L14.9424 9.37337L14.9427 9.37398C14.9429 9.37427 14.943 9.37455 14.4614 9.61536L14.943 9.37455C15.076 9.64054 14.9682 9.96397 14.7022 10.097C14.4383 10.2289 14.1179 10.1238 13.983 9.8624C13.982 9.86061 13.9793 9.85585 13.9749 9.84853C13.9653 9.83275 13.9477 9.80538 13.9213 9.77016C13.8683 9.69949 13.7813 9.59927 13.6539 9.49737C13.406 9.29901 12.9845 9.0769 12.3076 9.0769C11.7236 9.0769 11.2008 9.39686 10.8017 9.9866C10.3995 10.5808 10.1538 11.4142 10.1538 12.3076C10.1538 13.201 10.3995 14.0344 10.8017 14.6286C11.2008 15.2184 11.7236 15.5383 12.3076 15.5383C12.9845 15.5383 13.406 15.3162 13.6539 15.1179C13.7813 15.016 13.8683 14.9158 13.9213 14.8451C13.9477 14.8099 13.9653 14.7825 13.9749 14.7667C13.9793 14.7594 13.982 14.7546 13.983 14.7528C14.1179 14.4914 14.4383 14.3863 14.7022 14.5183C14.9682 14.6513 15.076 14.9747 14.943 15.2407L14.4614 14.9999C14.943 15.2407 14.9429 15.241 14.9427 15.2413L14.9424 15.2419L14.9418 15.2431L14.9403 15.246L14.9367 15.253C14.934 15.2581 14.9307 15.2643 14.9268 15.2715C14.9189 15.2858 14.9085 15.304 14.8954 15.3256C14.8692 15.3687 14.8321 15.4255 14.7828 15.4912C14.6844 15.6225 14.5358 15.7915 14.3267 15.9588C13.9015 16.2989 13.2461 16.6152 12.3076 16.6152C11.2763 16.6152 10.453 16.0349 9.90979 15.2322C9.36962 14.434 9.0769 13.3828 9.0769 12.3076C9.0769 11.2325 9.36962 10.1813 9.90979 9.38305Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.66667 1C5.19391 1 4 2.34315 4 4V20C4 21.6569 5.19391 23 6.66667 23H17.3333C18.8061 23 20 21.6569 20 20V4C20 2.34315 18.8061 1 17.3333 1H6.66667ZM5.77778 4C5.77778 3.44772 6.17575 3 6.66667 3H17.3333C17.8243 3 18.2222 3.44772 18.2222 4V20C18.2222 20.5523 17.8243 21 17.3333 21H6.66667C6.17575 21 5.77778 20.5523 5.77778 20V4Z" fill="black"/>
+</svg>

package/src/assets/vectors/action-menu/payment-card.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 8C2 5.79086 3.79086 4 6 4H18C20.2091 4 22 5.79086 22 8V16C22 18.2091 20.2091 20 18 20H6C3.79086 20 2 18.2091 2 16V8ZM6 6C4.89543 6 4 6.89543 4 8H20C20 6.89543 19.1046 6 18 6H6ZM4 16V10H20V16C20 17.1046 19.1046 18 18 18H6C4.89543 18 4 17.1046 4 16ZM7 14C6.44772 14 6 14.4477 6 15C6 15.5523 6.44772 16 7 16H12C12.5523 16 13 15.5523 13 15C13 14.4477 12.5523 14 12 14H7Z" fill="#0F0F0F"/>
+</svg>

package/src/assets/vectors/action-menu/view.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.26459 12C2.92549 12.8143 4.24499 14.3088 5.96251 15.6065C7.74029 16.9498 9.83551 18 12 18C14.1645 18 16.2597 16.9498 18.0375 15.6065C19.755 14.3088 21.0745 12.8143 21.7354 12C21.0745 11.1857 19.755 9.69122 18.0375 8.39345C16.2597 7.05016 14.1645 6 12 6C9.83551 6 7.74028 7.05016 5.96251 8.39345C4.24499 9.69122 2.92549 11.1857 2.26459 12ZM4.75679 6.79775C6.68913 5.33768 9.20865 4 12 4C14.7914 4 17.3109 5.33768 19.2432 6.79775C21.1893 8.26819 22.6506 9.94667 23.346 10.8109C23.9083 11.5099 23.9083 12.4901 23.346 13.189C22.6506 14.0533 21.1893 15.7318 19.2432 17.2022C17.3109 18.6623 14.7914 20 12 20C9.20865 20 6.68913 18.6623 4.75679 17.2022C2.81075 15.7318 1.34945 14.0533 0.654065 13.1891C0.0917127 12.4901 0.0917106 11.5099 0.654064 10.811C1.34945 9.94667 2.81075 8.26819 4.75679 6.79775Z" fill="#0F0F0F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11ZM9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12Z" fill="#0F0F0F"/>
+</svg>

package/src/assets/vectors/arrow-down.svg

@@ -0,0 +1 @@
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.5 14.5l.96 1.152a1.5 1.5 0 01-1.92 0l.96-1.152zm5.04-6.152a1.5 1.5 0 011.92 2.304l-1.92-2.304zm-12 2.304a1.5 1.5 0 111.92-2.304l-1.92 2.304zm6 2.696l6-5 1.92 2.304-6 5-1.92-2.304zm0 2.304l-6-5 1.92-2.304 6 5-1.92 2.304z" /></svg>

package/src/assets/vectors/arrow-left.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.96 19.152a1.5 1.5 0 00.192-2.112l-4.2-5.04 4.2-5.04a1.5 1.5 0 00-2.305-1.92l-5 6a1.5 1.5 0 000 1.92l5 6a1.5 1.5 0 002.113.192z" /></svg>

package/src/assets/vectors/arrow-right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.04 4.848a1.5 1.5 0 00-.192 2.112l4.2 5.04-4.2 5.04a1.5 1.5 0 102.304 1.92l5-6a1.5 1.5 0 000-1.92l-5-6a1.5 1.5 0 00-2.112-.192z" /></svg>

package/src/assets/vectors/arrow-up.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.453 9.284l-.98-1.135a1.5 1.5 0 011.92-.034l-.94 1.17zm-4.932 6.24a1.5 1.5 0 11-1.96-2.271l1.96 2.27zm11.958-2.514a1.5 1.5 0 11-1.88 2.338l1.88-2.338zm-6.046-2.59L7.52 15.522l-1.96-2.27 5.911-5.104 1.96 2.27zm-.04-2.305l6.086 4.895-1.88 2.338-6.086-4.895 1.88-2.338z" /></svg>

package/src/assets/vectors/calendar.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_227_5117)">
+<path d="M5.49999 30.5C4.83333 30.5 4.27766 30.2777 3.83299 29.833C3.38899 29.389 3.16699 28.8337 3.16699 28.167V7C3.16699 6.33333 3.38899 5.77767 3.83299 5.333C4.27766 4.889 4.83333 4.667 5.49999 4.667H9.04199V1H10.25V4.667H21.917V1H22.958V4.667H26.5C27.1667 4.667 27.7223 4.889 28.167 5.333C28.611 5.77767 28.833 6.33333 28.833 7V28.167C28.833 28.8337 28.611 29.389 28.167 29.833C27.7223 30.2777 27.1667 30.5 26.5 30.5H5.49999ZM5.49999 29.5H26.5C26.8333 29.5 27.139 29.361 27.417 29.083C27.6943 28.8057 27.833 28.5003 27.833 28.167V13.917H4.16699V28.167C4.16699 28.5003 4.30566 28.8057 4.58299 29.083C4.86099 29.361 5.16666 29.5 5.49999 29.5ZM4.16699 12.917H27.833V7C27.833 6.66667 27.6943 6.361 27.417 6.083C27.139 5.80567 26.8333 5.667 26.5 5.667H5.49999C5.16666 5.667 4.86099 5.80567 4.58299 6.083C4.30566 6.361 4.16699 6.66667 4.16699 7V12.917ZM4.16699 12.917V5.667V12.917Z" fill="#13100D"/>
+</g>
+<defs>
+<clipPath id="clip0_227_5117">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/vectors/checkmark.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" ><path fill-rule="evenodd" clip-rule="evenodd" d="M18.625 6.22a1 1 0 01.156 1.405l-8 10a1 1 0 01-1.488.082l-4-4a1 1 0 111.414-1.414l3.21 3.21 7.302-9.128a1 1 0 011.406-.156z" fill="#fff"/></svg>

package/src/assets/vectors/close.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.293 5.293a1 1 0 011.414 0l12 12a1 1 0 01-1.414 1.414l-12-12a1 1 0 010-1.414z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M18.707 5.293a1 1 0 010 1.414l-12 12a1 1 0 01-1.414-1.414l12-12a1 1 0 011.414 0z" /></svg>

package/src/assets/vectors/dashboard.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M0 3a3 3 0 013-3h4a3 3 0 013 3v2a3 3 0 01-3 3H3a3 3 0 01-3-3V3zm3-1a1 1 0 00-1 1v2a1 1 0 001 1h4a1 1 0 001-1V3a1 1 0 00-1-1H3zM12 17a3 3 0 013-3h4a3 3 0 013 3v2a3 3 0 01-3 3h-4a3 3 0 01-3-3v-2zm3-1a1 1 0 00-1 1v2a1 1 0 001 1h4a1 1 0 001-1v-2a1 1 0 00-1-1h-4zM0 13a3 3 0 013-3h4a3 3 0 013 3v6a3 3 0 01-3 3H3a3 3 0 01-3-3v-6zm3-1a1 1 0 00-1 1v6a1 1 0 001 1h4a1 1 0 001-1v-6a1 1 0 00-1-1H3zM12 3a3 3 0 013-3h4a3 3 0 013 3v6a3 3 0 01-3 3h-4a3 3 0 01-3-3V3zm3-1a1 1 0 00-1 1v6a1 1 0 001 1h4a1 1 0 001-1V3a1 1 0 00-1-1h-4z" />
+</svg>

package/src/assets/vectors/dots.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 4a2 2 0 11-4 0 2 2 0 014 0zm0 8a2 2 0 11-4 0 2 2 0 014 0zm-2 10a2 2 0 100-4 2 2 0 000 4z" fill="#fff"/></svg>

package/src/assets/vectors/download.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.199 7.81a.845.845 0 0 0 1.207.112l3.737-3.179v10.382c0 .483.384.875.857.875a.866.866 0 0 0 .857-.875V4.743l3.737 3.18c.364.309.904.258 1.207-.113a.888.888 0 0 0-.11-1.232L12.55 2.203a.844.844 0 0 0-1.098 0L6.308 6.578a.888.888 0 0 0-.11 1.232ZM12 22h4.8c1.767 0 3.2-1.343 3.2-3v-2c0-.552-.478-1-1.067-1s-1.066.448-1.066 1v2c0 .552-.478 1-1.067 1H12v2Zm0 0H7.2C5.433 22 4 20.657 4 19v-2c0-.552.478-1 1.067-1s1.066.448 1.066 1v2c0 .552.478 1 1.067 1H12v2Z" /></svg>

package/src/assets/vectors/euro.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 11a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1ZM5 14a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M8.547 6.569C9.556 5.078 11.085 4 13 4c1.743 0 2.96.588 3.75 1.22.388.31.664.624.847.868a3.866 3.866 0 0 1 .286.442l.006.013.003.005.001.003c.001.001.001.002-.893.449l.894-.447a1 1 0 0 1-1.782.906l-.016-.026c-.017-.03-.05-.08-.1-.146a2.841 2.841 0 0 0-.496-.506C15.04 6.412 14.257 6 13 6c-1.085 0-2.056.594-2.797 1.69C9.456 8.792 9 10.34 9 12c0 1.66.456 3.207 1.203 4.31C10.944 17.407 11.915 18 13 18c1.257 0 2.04-.413 2.5-.78.237-.19.398-.376.497-.508a1.85 1.85 0 0 0 .1-.145l.014-.026a1 1 0 0 1 1.783.906L17 17l.894.448v.001l-.002.003-.003.005-.006.013a1.78 1.78 0 0 1-.077.135 3.86 3.86 0 0 1-.21.308 4.842 4.842 0 0 1-.846.868C15.96 19.413 14.743 20 13 20c-1.915 0-3.444-1.078-4.453-2.569C7.544 15.95 7 13.997 7 12c0-1.997.544-3.949 1.547-5.431Z" /></svg>

package/src/assets/vectors/eye-closed.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 10"><path fill-rule="evenodd" clip-rule="evenodd" d="M.209.389a1 1 0 011.403-.18l.605.468c.67.518 1.372.976 2.098 1.374.1.033.196.082.285.149l.013.01a16.01 16.01 0 0014.774 0l.013-.01a.999.999 0 01.285-.15A16.048 16.048 0 0021.783.678l.606-.468a1 1 0 111.223 1.582l-.606.468c-.493.38-1 .733-1.52 1.055L23.8 6.4a1 1 0 11-1.6 1.2l-2.488-3.318a17.946 17.946 0 01-3.549 1.247l.807 3.229a1 1 0 01-1.94.485l-.84-3.36a18.05 18.05 0 01-4.38 0l-.84 3.36a1 1 0 01-1.94-.485l.807-3.229a17.944 17.944 0 01-3.548-1.247L1.8 7.6A1 1 0 11.2 6.4l2.314-3.086A18.088 18.088 0 01.994 2.26l-.605-.468A1 1 0 01.209.39z"/></svg>

package/src/assets/vectors/eye-open.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 15c4.956 0 9.23-4.776 10.567-6.438a.887.887 0 000-1.124C21.23 5.776 16.956 1 12 1S2.77 5.776 1.433 7.438a.887.887 0 000 1.124C2.771 10.224 7.044 15 12 15zm0-3a4 4 0 100-8 4 4 0 000 8z"/><path d="M22.567 8.562l.779.627-.78-.627zm0-1.124l-.78.627.78-.627zm-21.134 0L.654 6.81l.78.627zm0 1.124l.78-.627-.78.627zm20.355-.627c-.642.798-1.986 2.339-3.75 3.672C16.26 12.95 14.165 14 12 14v2c2.791 0 5.31-1.338 7.243-2.798 1.946-1.47 3.408-3.149 4.103-4.013l-1.558-1.254zm0 .13a.107.107 0 01-.02-.065c0-.03.01-.054.02-.065l1.558 1.254a1.887 1.887 0 000-2.378l-1.558 1.254zM12 2c2.165 0 4.26 1.05 6.038 2.393 1.764 1.333 3.108 2.874 3.75 3.672l1.558-1.254c-.695-.864-2.157-2.543-4.103-4.013C17.311 1.338 14.791 0 12 0v2zM2.212 8.065c.642-.798 1.986-2.339 3.75-3.672C7.74 3.05 9.837 2 12 2V0C9.209 0 6.69 1.338 4.757 2.798 2.81 4.268 1.349 5.947.654 6.81l1.558 1.254zm0-.13c.01.011.02.035.02.065s-.01.054-.02.065L.654 6.81a1.887 1.887 0 000 2.378l1.558-1.254zM12 14c-2.164 0-4.26-1.05-6.037-2.393-1.765-1.333-3.109-2.874-3.75-3.672L.653 9.19c.695.864 2.157 2.543 4.103 4.013C6.689 14.662 9.209 16 12 16v-2zm3-6a3 3 0 01-3 3v2a5 5 0 005-5h-2zm-3-3a3 3 0 013 3h2a5 5 0 00-5-5v2zM9 8a3 3 0 013-3V3a5 5 0 00-5 5h2zm3 3a3 3 0 01-3-3H7a5 5 0 005 5v-2z"/></svg>

package/src/assets/vectors/handshake.svg

@@ -0,0 +1,10 @@
+<svg width="25" height="24" viewBox="0 0 25 24" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_432_2827)">
+<path d="M23.1367 5.83335H21.8218L20.0958 4.10738C20.0274 4.03847 19.9342 4 19.8367 4H5.53667C5.43911 4 5.34597 4.03847 5.27739 4.10738L3.55158 5.83335H1.86999C1.66717 5.83335 1.50332 5.9977 1.50332 6.20002V16.1C1.50332 16.3023 1.66717 16.4667 1.86999 16.4667H3.55158L7.02167 19.9368C7.38474 20.3002 7.86714 20.5 8.38127 20.5C9.3662 20.5 10.1709 19.7524 10.2814 18.7965L11.4217 19.9368C11.7847 20.3002 12.2671 20.5 12.7813 20.5C13.7662 20.5 14.5709 19.7524 14.6814 18.7965L15.8217 19.9368C16.1847 20.3002 16.6671 20.5 17.1813 20.5C18.1662 20.5 18.9709 19.7524 19.0814 18.7965L20.2217 19.9368C20.5847 20.3002 21.0671 20.5 21.5813 20.5C22.641 20.5 23.5033 19.6377 23.5033 18.5776C23.5033 18.0646 23.3035 17.5817 22.9405 17.2183L22.1884 16.4666H23.1367C23.3395 16.4666 23.5033 16.3023 23.5033 16.1V6.19998C23.5033 5.99766 23.3395 5.83331 23.1367 5.83331L23.1367 5.83335ZM22.77 18.5774C22.77 19.233 22.2369 19.7665 21.5813 19.7665C21.2634 19.7665 20.965 19.6429 20.7406 19.4181L18.541 17.2188C18.541 17.2188 18.5406 17.2185 18.5406 17.2181L16.796 15.4739L16.2776 15.9923L18.0219 17.7365C18.2466 17.9613 18.3702 18.2602 18.3702 18.5772C18.3701 19.233 17.8369 19.7665 17.1813 19.7665C16.8635 19.7665 16.5651 19.6429 16.3407 19.4181L14.141 17.2188C14.141 17.2188 14.1407 17.2185 14.1407 17.2181L12.396 15.4739L11.8776 15.9923L13.6219 17.7365C13.8467 17.9613 13.9703 18.2602 13.9703 18.5772C13.9701 19.233 13.4369 19.7664 12.7814 19.7664C12.4635 19.7664 12.1651 19.6429 11.9407 19.4181L9.74102 17.2188C9.74102 17.2188 9.74069 17.2185 9.74069 17.2181L7.99607 15.4738L7.47767 15.9923L9.22195 17.7365C9.4467 17.9613 9.57029 18.2602 9.57029 18.5772C9.57012 19.233 9.03696 19.7664 8.38141 19.7664C8.06352 19.7664 7.76511 19.6429 7.54071 19.4181L3.96276 15.8405C3.89417 15.7716 3.80103 15.7331 3.70347 15.7331H2.23681V6.56646H3.70347C3.80103 6.56646 3.89417 6.52799 3.96276 6.45908L5.68856 4.73311H11.9848L9.47571 7.24215C9.0637 7.65432 8.83666 8.20219 8.83666 8.78475C8.83666 9.98771 9.81534 10.9664 11.0183 10.9664C11.6009 10.9664 12.1488 10.7394 12.5609 10.3273L13.7866 9.10163L22.4215 17.7365C22.6463 17.9611 22.7698 18.26 22.7698 18.5772L22.77 18.5774ZM22.77 15.7331H21.4551L14.3053 8.58335L14.9627 7.92595L14.4443 7.40754L12.0427 9.80919C11.7691 10.0825 11.4054 10.2333 11.0186 10.2333C10.2199 10.2333 9.57028 9.58361 9.57028 8.78499C9.57028 8.39819 9.72104 8.03448 9.99457 7.76093L13.022 4.73331H19.6849L21.4109 6.45928C21.4794 6.52819 21.5726 6.56666 21.6701 6.56666H22.7701L22.77 15.7331Z"  stroke="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_432_2827">
+<rect width="24" height="24" transform="translate(0.503326)"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/vectors/holders.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 20">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.858 6.342c.017.154.04.217.04.217l-.004-.006c.141.281.306.527.502.82.118.176.247.369.39.597.319.51.714 1.222.714 2.03 0 .53-.308.922-.5 1.128a4.483 4.483 0 01-.78.638c-.558.374-1.26.734-1.888 1.028-.816.383-1.332 1.16-1.332 1.98V16a2 2 0 002 2h7.3a2.7 2.7 0 002.7-2.7v-.526c0-.82-.515-1.597-1.332-1.98-.628-.294-1.33-.654-1.888-1.028a4.485 4.485 0 01-.78-.638c-.192-.206-.5-.598-.5-1.128 0-.808.395-1.52.714-2.03.143-.228.272-.42.39-.596.196-.294.36-.54.502-.821a.06.06 0 01-.004.006s.023-.063.04-.217c.019-.164.025-.381.008-.637a5.546 5.546 0 00-.388-1.701C10.297 2.868 9.464 2 8 2s-2.297.868-2.762 2.004a5.544 5.544 0 00-.388 1.7c-.017.257-.01.474.008.638zM3.387 3.246C4.047 1.633 5.464 0 8 0c2.536 0 3.953 1.633 4.613 3.246.327.8.488 1.627.533 2.33.023.354.018.691-.017.992-.032.282-.096.603-.235.88-.194.388-.483.823-.722 1.182-.1.15-.19.285-.261.4-.225.36-.341.61-.387.794.08.073.2.168.369.28.431.29 1.025.599 1.624.88C14.96 11.66 16 13.097 16 14.773v.526a4.7 4.7 0 01-4.7 4.7H4a4 4 0 01-4-4v-1.226c0-1.676 1.04-3.114 2.483-3.79.599-.281 1.193-.59 1.624-.88.169-.112.29-.207.369-.28-.046-.184-.162-.435-.386-.794-.072-.115-.163-.25-.262-.4-.239-.36-.528-.794-.722-1.183-.139-.276-.203-.597-.235-.88-.034-.3-.04-.637-.017-.99.045-.704.206-1.531.533-2.33zM4.573 9.72s-.002.005-.01.015a.071.071 0 01.01-.015zm6.854 0l.01.015a.064.064 0 01-.01-.015z"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M14 2c-1.05 0-1.736.435-2.214 1.043a1 1 0 01-1.572-1.237C11.034.764 12.28 0 14 0c2.536 0 3.953 1.633 4.613 3.246.327.8.488 1.627.533 2.33.023.354.017.691-.017.992-.032.282-.096.603-.235.88-.194.388-.483.823-.722 1.182-.1.15-.19.285-.262.4-.224.36-.34.61-.386.794.08.073.2.168.369.28.431.29 1.025.599 1.624.88C20.96 11.66 22 13.097 22 14.773v.526a4.7 4.7 0 01-4.7 4.7H12a1 1 0 110-2h5.3a2.7 2.7 0 002.7-2.7v-.526c0-.82-.515-1.597-1.332-1.98-.628-.294-1.33-.654-1.888-1.028a4.485 4.485 0 01-.78-.638c-.192-.206-.5-.598-.5-1.128 0-.808.395-1.52.715-2.03.142-.228.271-.42.389-.596.196-.294.36-.54.502-.821a.06.06 0 01-.004.006s.023-.063.04-.217c.019-.164.025-.381.009-.637a5.546 5.546 0 00-.389-1.701C16.297 2.868 15.464 2 14 2zm3.427 7.72l.01.014a.064.064 0 01-.01-.015z"/>
+</svg>

package/src/assets/vectors/info.svg

@@ -0,0 +1,8 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_400_32344" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
+<rect width="20" height="20" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_400_32344)">
+<path d="M9.70833 13.625H10.2917V9.16667H9.70833V13.625ZM10 8.125C10.125 8.125 10.2258 8.08333 10.3025 8C10.3786 7.91667 10.4167 7.81944 10.4167 7.70833C10.4167 7.58333 10.3786 7.4825 10.3025 7.40583C10.2258 7.32972 10.125 7.29167 10 7.29167C9.88889 7.29167 9.79167 7.32972 9.70833 7.40583C9.625 7.4825 9.58333 7.58333 9.58333 7.70833C9.58333 7.81944 9.625 7.91667 9.70833 8C9.79167 8.08333 9.88889 8.125 10 8.125ZM10 17.25C9 17.25 8.05917 17.0589 7.1775 16.6767C6.29528 16.295 5.52778 15.7778 4.875 15.125C4.22222 14.4722 3.70472 13.7047 3.3225 12.8225C2.94083 11.9408 2.75 11 2.75 10C2.75 9 2.94083 8.05889 3.3225 7.17667C3.70472 6.295 4.22222 5.52778 4.875 4.875C5.52778 4.22222 6.29528 3.70472 7.1775 3.3225C8.05917 2.94083 9 2.75 10 2.75C11 2.75 11.9411 2.94083 12.8233 3.3225C13.705 3.70472 14.4722 4.22222 15.125 4.875C15.7778 5.52778 16.2953 6.295 16.6775 7.17667C17.0592 8.05889 17.25 9 17.25 10C17.25 11 17.0592 11.9408 16.6775 12.8225C16.2953 13.7047 15.7778 14.4722 15.125 15.125C14.4722 15.7778 13.705 16.295 12.8233 16.6767C11.9411 17.0589 11 17.25 10 17.25ZM10 16.6667C11.8611 16.6667 13.4375 16.0208 14.7292 14.7292C16.0208 13.4375 16.6667 11.8611 16.6667 10C16.6667 8.13889 16.0208 6.5625 14.7292 5.27083C13.4375 3.97917 11.8611 3.33333 10 3.33333C8.13889 3.33333 6.5625 3.97917 5.27083 5.27083C3.97917 6.5625 3.33333 8.13889 3.33333 10C3.33333 11.8611 3.97917 13.4375 5.27083 14.7292C6.5625 16.0208 8.13889 16.6667 10 16.6667Z" fill="#1C1B1F"/>
+</g>
+</svg>

package/src/assets/vectors/invoices.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M8 11.77c0-.298.241-.539.538-.539h3.231a.538.538 0 010 1.077H8.54A.538.538 0 018 11.769zM8 13.385c0-.298.241-.539.538-.539h3.231a.538.538 0 010 1.077H8.54A.538.538 0 018 13.385z" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.91 9.383C10.453 8.58 11.276 8 12.308 8c.938 0 1.594.316 2.019.656a2.605 2.605 0 01.568.634 1.51 1.51 0 01.042.072l.003.007.002.003v.002l-.48.241.481-.24a.538.538 0 11-.968.474 1.528 1.528 0 00-.321-.351c-.248-.199-.67-.421-1.346-.421-.584 0-1.107.32-1.506.91-.402.594-.648 1.427-.648 2.32 0 .894.245 1.727.648 2.322.399.59.922.91 1.506.91.677 0 1.098-.223 1.346-.421a1.527 1.527 0 00.32-.351.538.538 0 11.968.474l-.48-.241c.481.24.48.241.48.241v.002l-.002.003-.003.007a2.168 2.168 0 01-.042.073 2.602 2.602 0 01-.569.633c-.424.34-1.08.656-2.018.656-1.032 0-1.855-.58-2.398-1.383-.54-.798-.833-1.85-.833-2.924 0-1.075.293-2.127.833-2.925z" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M6.667 1C5.194 1 4 2.343 4 4v16c0 1.657 1.194 3 2.667 3h10.666C18.806 23 20 21.657 20 20V4c0-1.657-1.194-3-2.667-3H6.667zm-.89 3c0-.552.399-1 .89-1h10.666c.491 0 .89.448.89 1v16c0 .552-.399 1-.89 1H6.667c-.491 0-.89-.448-.89-1V4z" />
+</svg>

package/src/assets/vectors/loading.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <circle cx="26" cy="50" r="6">
+    <animate attributeName="opacity" dur="1s" values="0;1;0" repeatCount="indefinite" begin=".1"/>
+  </circle>
+  <circle cx="46" cy="50" r="6">
+    <animate attributeName="opacity" dur="1s" values="0;1;0" repeatCount="indefinite" begin=".2"/>
+  </circle>
+  <circle cx="66" cy="50" r="6">
+    <animate attributeName="opacity" dur="1s" values="0;1;0" repeatCount="indefinite" begin=".3"/>
+  </circle>
+</svg>