takeat-design-system-ui-kit 0.0.0

package/.storybook/main.ts

@@ -0,0 +1,17 @@
+import type { StorybookConfig } from "@storybook/react-vite";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-onboarding",
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@chromatic-com/storybook",
+    "@storybook/addon-interactions",
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+};
+export default config;

package/.storybook/preview.tsx

@@ -0,0 +1,41 @@
+import React from "react";
+import type { Preview } from "@storybook/react";
+import LibraryProvider from "../src/LibraryProvider";
+import { GlobalStyle } from "../src/utils/GlobalStyle";
+import { themes } from "@storybook/theming";
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+    docs: {
+      theme: {
+        ...themes.normal,
+        fontBase: '"Poppins", sans-serif',
+        colorPrimary: "#c8131b",
+      },
+    },
+    layout: "centered",
+  },
+  tags: ["autodocs"],
+  decorators: [
+    (Story) => (
+      <>
+        <link
+          rel="stylesheet"
+          href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display"
+        />
+        <LibraryProvider>
+          <GlobalStyle />
+          <Story />
+        </LibraryProvider>
+      </>
+    ),
+  ],
+};
+
+export default preview;

package/README.md

@@ -0,0 +1,50 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default tseslint.config({
+  languageOptions: {
+    // other options...
+    parserOptions: {
+      project: ['./tsconfig.node.json', './tsconfig.app.json'],
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
+```
+
+- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
+- Optionally add `...tseslint.configs.stylisticTypeChecked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
+
+```js
+// eslint.config.js
+import react from 'eslint-plugin-react'
+
+export default tseslint.config({
+  // Set the react version
+  settings: { react: { version: '18.3' } },
+  plugins: {
+    // Add the react plugin
+    react,
+  },
+  rules: {
+    // other rules...
+    // Enable its recommended rules
+    ...react.configs.recommended.rules,
+    ...react.configs['jsx-runtime'].rules,
+  },
+})
+```

package/cli/create-story.js

@@ -0,0 +1,65 @@
+#!/usr/bin/env node
+
+import { program } from "commander";
+import fs from "fs-extra";
+import path from "path";
+
+// Função para criar um componente
+function createStory(name, directory) {
+  const componentDir = path.join(directory, name);
+  const componentPath = path.join(componentDir, `index.tsx`);
+  const stylePath = path.join(componentDir, `styles.ts`);
+  const storyPath = path.join(componentDir, `${name}.stories.tsx`);
+
+  // Template para o componente
+  const componentTemplate = `import React from 'react';
+interface ${name}Props {
+}
+
+export const ${name} = ({} : ${name}Props) => {
+  return <div>${name}</div>;
+};
+`;
+
+  // Template para o estilo
+  const styleTemplate = `import styled from 'styled-components';`;
+
+  //Template para o story
+  const storyTemplate = `import { ${name} } from ".";
+
+export default {
+  title: "Design System/${name}",
+  component: ${name},
+};
+
+export const Example = () => (
+  <${name}></${name}>
+);
+`;
+
+  // Criar diretório e arquivos
+  fs.ensureDirSync(componentDir);
+  fs.writeFileSync(componentPath, componentTemplate);
+  fs.writeFileSync(stylePath, styleTemplate);
+  fs.writeFileSync(storyPath, storyTemplate);
+
+  console.log(`Story ${name} criado em ${componentDir}`);
+}
+
+// Configuração do Commander
+program
+  .version("1.0.0")
+  .description(
+    "CLI para gerar componentes React com TypeScript e Styled Components"
+  )
+  .argument("<name>", "Nome do componente")
+  .option(
+    "-d, --directory <path>",
+    "Diretório onde o componente será criado",
+    "src/components"
+  )
+  .action((name, options) => {
+    createStory(name, options.directory);
+  });
+
+program.parse(process.argv);

package/eslint.config.js

@@ -0,0 +1,26 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+
+export default tseslint.config({
+  extends: [js.configs.recommended, ...tseslint.configs.recommended],
+  files: ['**/*.{ts,tsx}'],
+  ignores: ['dist'],
+  languageOptions: {
+    ecmaVersion: 2020,
+    globals: globals.browser,
+  },
+  plugins: {
+    'react-hooks': reactHooks,
+    'react-refresh': reactRefresh,
+  },
+  rules: {
+    ...reactHooks.configs.recommended.rules,
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+})

package/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="pt-br">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React + TS</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "takeat-design-system-ui-kit",
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "create-story": "node ./cli/create-story.js",
+    "build-storybook-docs": "storybook build  --docs"
+  },
+  "dependencies": {
+    "react-input-mask": "^2.0.4",
+    "react-select": "^5.8.1",
+    "react-tooltip": "^5.28.0"
+  },
+  "peerDependencies": {
+    "date-fns": "^4.1.0",
+    "axios": "^1.7.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "styled-components": "^6.1.12",
+    "react-hook-form": "^7.53.0"
+  },
+  "devDependencies": {
+    "@types/react-input-mask": "^3.0.5",
+    "@types/react-modal": "^3.16.3",
+    "@chromatic-com/storybook": "^1.6.1",
+    "@eslint/js": "^9.8.0",
+    "@storybook/addon-essentials": "^8.2.8",
+    "@storybook/addon-interactions": "^8.2.8",
+    "@storybook/addon-links": "^8.2.8",
+    "@storybook/addon-onboarding": "^8.2.8",
+    "@storybook/blocks": "^8.2.8",
+    "@storybook/react": "^8.2.8",
+    "@storybook/react-vite": "^8.2.8",
+    "@storybook/test": "^8.2.8",
+    "@svgr/rollup": "^8.1.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@types/styled-components": "^5.1.34",
+    "@vitejs/plugin-react": "^4.3.1",
+    "eslint": "^9.8.0",
+    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
+    "eslint-plugin-react-refresh": "^0.4.9",
+    "eslint-plugin-storybook": "^0.8.0",
+    "globals": "^15.9.0",
+    "storybook": "^8.2.8",
+    "typescript": "^5.5.3",
+    "typescript-eslint": "^8.0.0",
+    "vite": "^5.4.0"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  },
+  "description": "Biblioteca de componentes reutilizáveis seguindo o Design System da Takeat",
+  "main": "index.ts",
+  "repository": "git@github.com:TakeatGD/new-ui-kit.git",
+  "author": "David Avanci <david.avanci@gmail.com>",
+  "license": "MIT"
+}

package/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/src/App.css

@@ -0,0 +1,42 @@
+#root {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.react:hover {
+  filter: drop-shadow(0 0 2em #61dafbaa);
+}
+
+@keyframes logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  a:nth-of-type(2) .logo {
+    animation: logo-spin infinite 20s linear;
+  }
+}
+
+.card {
+  padding: 2em;
+}
+
+.read-the-docs {
+  color: #888;
+}

package/src/App.tsx

@@ -0,0 +1,7 @@
+import "./App.css";
+
+function App() {
+  return <></>;
+}
+
+export default App;

package/src/LibraryProvider.tsx

@@ -0,0 +1,17 @@
+import React, { ReactNode } from "react";
+import { ThemeProvider } from "styled-components";
+import { defaultTheme, DefaultThemeType } from "./utils/consts";
+
+interface LibraryProviderProps {
+  theme?: DefaultThemeType; // Permite customização do tema
+  children: ReactNode;
+}
+
+const LibraryProvider: React.FC<LibraryProviderProps> = ({
+  theme = defaultTheme,
+  children,
+}) => {
+  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
+};
+
+export default LibraryProvider;

package/src/assets/Spinner.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.249 0.645999C9.63764 0.588245 10.0334 0.685283 10.3513 0.916254C10.6691 1.14722 10.8837 1.49369 10.9488 1.88116C11.0139 2.26864 10.9243 2.66619 10.6994 2.98835C10.4745 3.31051 10.1322 3.53157 9.746 3.604C7.99897 3.90027 6.41326 4.80555 5.26996 6.15934C4.12666 7.51314 3.49963 9.22802 3.5 11C3.5 12.9891 4.29018 14.8968 5.6967 16.3033C7.10322 17.7098 9.01088 18.5 11 18.5V21.5C5.201 21.5 0.5 16.8 0.5 11C0.5 5.855 4.226 1.49 9.249 0.645999ZM15.892 3.29799C16.0235 3.15124 16.1827 3.03185 16.3604 2.94664C16.5381 2.86143 16.7309 2.81208 16.9277 2.8014C17.1245 2.79072 17.3214 2.81892 17.5073 2.8844C17.6932 2.94987 17.8643 3.05134 18.011 3.18299C19.11 4.16702 19.9888 5.37197 20.59 6.71901C21.1913 8.06606 21.5013 9.52486 21.5 11C21.5 16.8 16.799 21.5 11 21.5V18.5C12.5182 18.5 14.0006 18.0393 15.2513 17.1788C16.502 16.3182 17.4621 15.0984 18.0047 13.6805C18.5473 12.2626 18.6469 10.7135 18.2902 9.23782C17.9335 7.76216 17.1373 6.42949 16.007 5.41599C15.7109 5.15036 15.5325 4.778 15.5109 4.38081C15.4893 3.98361 15.6264 3.59412 15.892 3.29799Z"/>
+</svg>

package/src/assets/icons/addCircleFilled.svg

@@ -0,0 +1,8 @@
+<svg  viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_64_1658" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" />
+</mask>
+<g mask="url(#mask0_64_1658)">
+<path d="M11 13V16C11 16.2833 11.0958 16.5208 11.2875 16.7125C11.4792 16.9042 11.7167 17 12 17C12.2833 17 12.5208 16.9042 12.7125 16.7125C12.9042 16.5208 13 16.2833 13 16V13H16C16.2833 13 16.5208 12.9042 16.7125 12.7125C16.9042 12.5208 17 12.2833 17 12C17 11.7167 16.9042 11.4792 16.7125 11.2875C16.5208 11.0958 16.2833 11 16 11H13V8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7C11.7167 7 11.4792 7.09583 11.2875 7.2875C11.0958 7.47917 11 7.71667 11 8V11H8C7.71667 11 7.47917 11.0958 7.2875 11.2875C7.09583 11.4792 7 11.7167 7 12C7 12.2833 7.09583 12.5208 7.2875 12.7125C7.47917 12.9042 7.71667 13 8 13H11ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" />
+</g>
+</svg>

package/src/assets/icons/arrowDown.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_62_1532" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_62_1532)">
+<path d="M12 21.575C11.8667 21.575 11.7417 21.5542 11.625 21.5125C11.5083 21.4708 11.4 21.4 11.3 21.3L5.69999 15.7C5.51665 15.5167 5.42499 15.2833 5.42499 15C5.42499 14.7167 5.51665 14.4833 5.69999 14.3C5.89999 14.1 6.13749 14.0042 6.41249 14.0125C6.68749 14.0208 6.91665 14.1167 7.09999 14.3L11 18.175V3C11 2.71667 11.0958 2.47917 11.2875 2.2875C11.4792 2.09583 11.7167 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3V18.175L16.875 14.3C17.075 14.1 17.3125 14 17.5875 14C17.8625 14 18.1 14.1 18.3 14.3C18.4833 14.5 18.575 14.7375 18.575 15.0125C18.575 15.2875 18.4833 15.5167 18.3 15.7L12.7 21.3C12.6 21.4 12.4917 21.4708 12.375 21.5125C12.2583 21.5542 12.1333 21.575 12 21.575Z" />
+</g>
+</svg>

package/src/assets/icons/arrowDropDown.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_62_1505" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_62_1505)">
+<path d="M11.3895 15.2035L7.17442 10.9884C7.11628 10.9302 7.07267 10.8672 7.0436 10.7994C7.01453 10.7316 7 10.6589 7 10.5814C7 10.4264 7.05329 10.2907 7.15988 10.1744C7.26647 10.0581 7.40698 10 7.5814 10H16.4186C16.593 10 16.7335 10.0581 16.8401 10.1744C16.9467 10.2907 17 10.4264 17 10.5814C17 10.6202 16.9419 10.7558 16.8256 10.9884L12.6105 15.2035C12.5136 15.3004 12.4167 15.3682 12.3198 15.407C12.2229 15.4457 12.1163 15.4651 12 15.4651C11.8837 15.4651 11.7771 15.4457 11.6802 15.407C11.5833 15.3682 11.4864 15.3004 11.3895 15.2035Z" />
+</g>
+</svg>

package/src/assets/icons/arrowDropUp.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_62_1508" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_62_1508)">
+<path d="M7.5814 14.4651C7.40698 14.4651 7.26647 14.407 7.15988 14.2907C7.05329 14.1744 7 14.0388 7 13.8837C7 13.845 7.05814 13.7093 7.17442 13.4767L11.3895 9.26163C11.4864 9.16473 11.5833 9.0969 11.6802 9.05814C11.7771 9.01938 11.8837 9 12 9C12.1163 9 12.2229 9.01938 12.3198 9.05814C12.4167 9.0969 12.5136 9.16473 12.6105 9.26163L16.8256 13.4767C16.8837 13.5349 16.9273 13.5979 16.9564 13.6657C16.9855 13.7335 17 13.8062 17 13.8837C17 14.0388 16.9467 14.1744 16.8401 14.2907C16.7335 14.407 16.593 14.4651 16.4186 14.4651H7.5814Z" />
+</g>
+</svg>

package/src/assets/icons/arrowUp.svg

@@ -0,0 +1,8 @@
+<svg  viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_62_1540" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_62_1540)">
+<path d="M12 22C11.7167 22 11.4792 21.9042 11.2875 21.7125C11.0958 21.5209 11 21.2834 11 21V5.82505L7.09999 9.70005C6.91665 9.88338 6.68749 9.97922 6.41249 9.98755C6.13749 9.99588 5.89999 9.90005 5.69999 9.70005C5.51665 9.51672 5.42499 9.28338 5.42499 9.00005C5.42499 8.71672 5.51665 8.48338 5.69999 8.30005L11.3 2.70005C11.4 2.60005 11.5083 2.52922 11.625 2.48755C11.7417 2.44588 11.8667 2.42505 12 2.42505C12.1333 2.42505 12.2583 2.44588 12.375 2.48755C12.4917 2.52922 12.6 2.60005 12.7 2.70005L18.3 8.30005C18.4833 8.48338 18.575 8.71255 18.575 8.98755C18.575 9.26255 18.4833 9.50005 18.3 9.70005C18.1 9.90005 17.8625 10 17.5875 10C17.3125 10 17.075 9.90005 16.875 9.70005L13 5.82505V21C13 21.2834 12.9042 21.5209 12.7125 21.7125C12.5208 21.9042 12.2833 22 12 22Z" />
+</g>
+</svg>

package/src/assets/icons/barGraph.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_62_1493" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_62_1493)">
+<path d="M6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18V14C4 13.45 4.19583 12.9792 4.5875 12.5875C4.97917 12.1958 5.45 12 6 12C6.55 12 7.02083 12.1958 7.4125 12.5875C7.80417 12.9792 8 13.45 8 14V18C8 18.55 7.80417 19.0208 7.4125 19.4125C7.02083 19.8042 6.55 20 6 20ZM12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18V6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6V18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20ZM18 20C17.45 20 16.9792 19.8042 16.5875 19.4125C16.1958 19.0208 16 18.55 16 18V11C16 10.45 16.1958 9.97917 16.5875 9.5875C16.9792 9.19583 17.45 9 18 9C18.55 9 19.0208 9.19583 19.4125 9.5875C19.8042 9.97917 20 10.45 20 11V18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20Z" />
+</g>
+</svg>

package/src/assets/icons/bell.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_62_1475" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_62_1475)">
+<path d="M5 19C4.71667 19 4.47917 18.9042 4.2875 18.7125C4.09583 18.5208 4 18.2833 4 18C4 17.7167 4.09583 17.4792 4.2875 17.2875C4.47917 17.0958 4.71667 17 5 17H6V10C6 8.61667 6.41667 7.3875 7.25 6.3125C8.08333 5.2375 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.6458 2.72917 10.9375 2.4375C11.2292 2.14583 11.5833 2 12 2C12.4167 2 12.7708 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.2375 16.75 6.3125C17.5833 7.3875 18 8.61667 18 10V17H19C19.2833 17 19.5208 17.0958 19.7125 17.2875C19.9042 17.4792 20 17.7167 20 18C20 18.2833 19.9042 18.5208 19.7125 18.7125C19.5208 18.9042 19.2833 19 19 19H5ZM12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22ZM8 17H16V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C10.9 6 9.95833 6.39167 9.175 7.175C8.39167 7.95833 8 8.9 8 10V17Z" />
+</g>
+</svg>

package/src/assets/icons/bellFilled.svg

@@ -0,0 +1,8 @@
+<svg  viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_64_1652" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_64_1652)">
+<path d="M5 19C4.71667 19 4.47917 18.9042 4.2875 18.7125C4.09583 18.5208 4 18.2833 4 18C4 17.7167 4.09583 17.4792 4.2875 17.2875C4.47917 17.0958 4.71667 17 5 17H6V10C6 8.61667 6.41667 7.3875 7.25 6.3125C8.08333 5.2375 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.6458 2.72917 10.9375 2.4375C11.2292 2.14583 11.5833 2 12 2C12.4167 2 12.7708 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.2375 16.75 6.3125C17.5833 7.3875 18 8.61667 18 10V17H19C19.2833 17 19.5208 17.0958 19.7125 17.2875C19.9042 17.4792 20 17.7167 20 18C20 18.2833 19.9042 18.5208 19.7125 18.7125C19.5208 18.9042 19.2833 19 19 19H5ZM12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22Z" />
+</g>
+</svg>

package/src/assets/icons/bellNotification.svg

@@ -0,0 +1,8 @@
+<svg  viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_62_1474" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_62_1474)">
+<path d="M12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22ZM5 19C4.71667 19 4.47917 18.9042 4.2875 18.7125C4.09583 18.5208 4 18.2833 4 18C4 17.7167 4.09583 17.4792 4.2875 17.2875C4.47917 17.0958 4.71667 17 5 17H6V10C6 8.61667 6.41667 7.3875 7.25 6.3125C8.08333 5.2375 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.6458 2.72917 10.9375 2.4375C11.2292 2.14583 11.5833 2 12 2C12.4167 2 12.7708 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V3.825C13.3167 4.19167 13.1833 4.56667 13.1 4.95C13.0167 5.33333 12.9833 5.725 13 6.125C12.8333 6.09167 12.6708 6.0625 12.5125 6.0375C12.3542 6.0125 12.1833 6 12 6C10.9 6 9.95833 6.39167 9.175 7.175C8.39167 7.95833 8 8.9 8 10V17H16V10.575C16.3 10.7083 16.6208 10.8125 16.9625 10.8875C17.3042 10.9625 17.65 11 18 11V17H19C19.2833 17 19.5208 17.0958 19.7125 17.2875C19.9042 17.4792 20 17.7167 20 18C20 18.2833 19.9042 18.5208 19.7125 18.7125C19.5208 18.9042 19.2833 19 19 19H5ZM18 9C17.1667 9 16.4583 8.70833 15.875 8.125C15.2917 7.54167 15 6.83333 15 6C15 5.16667 15.2917 4.45833 15.875 3.875C16.4583 3.29167 17.1667 3 18 3C18.8333 3 19.5417 3.29167 20.125 3.875C20.7083 4.45833 21 5.16667 21 6C21 6.83333 20.7083 7.54167 20.125 8.125C19.5417 8.70833 18.8333 9 18 9Z" />
+</g>
+</svg>

package/src/assets/icons/bellNotificationFilled.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_64_1643" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_64_1643)">
+<path d="M12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22ZM5 19C4.71667 19 4.47917 18.9042 4.2875 18.7125C4.09583 18.5208 4 18.2833 4 18C4 17.7167 4.09583 17.4792 4.2875 17.2875C4.47917 17.0958 4.71667 17 5 17H6V10C6 8.61667 6.41667 7.3875 7.25 6.3125C8.08333 5.2375 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.6458 2.72917 10.9375 2.4375C11.2292 2.14583 11.5833 2 12 2C12.4167 2 12.7708 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V3.825C13.3333 4.15833 13.2083 4.50833 13.125 4.875C13.0417 5.24167 13 5.61667 13 6C13 7.38333 13.4875 8.5625 14.4625 9.5375C15.4375 10.5125 16.6167 11 18 11V17H19C19.2833 17 19.5208 17.0958 19.7125 17.2875C19.9042 17.4792 20 17.7167 20 18C20 18.2833 19.9042 18.5208 19.7125 18.7125C19.5208 18.9042 19.2833 19 19 19H5ZM18 9C17.1667 9 16.4583 8.70833 15.875 8.125C15.2917 7.54167 15 6.83333 15 6C15 5.16667 15.2917 4.45833 15.875 3.875C16.4583 3.29167 17.1667 3 18 3C18.8333 3 19.5417 3.29167 20.125 3.875C20.7083 4.45833 21 5.16667 21 6C21 6.83333 20.7083 7.54167 20.125 8.125C19.5417 8.70833 18.8333 9 18 9Z" />
+</g>
+</svg>

package/src/assets/icons/bill.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_62_1486" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_62_1486)">
+<path d="M11 18V18.5C11 18.6333 11.05 18.75 11.15 18.85C11.25 18.95 11.3667 19 11.5 19H12.5C12.6333 19 12.75 18.95 12.85 18.85C12.95 18.75 13 18.6333 13 18.5V18H14C14.2833 18 14.5208 17.9042 14.7125 17.7125C14.9042 17.5208 15 17.2833 15 17V14C15 13.7167 14.9042 13.4792 14.7125 13.2875C14.5208 13.0958 14.2833 13 14 13H11V12H14C14.2833 12 14.5208 11.9042 14.7125 11.7125C14.9042 11.5208 15 11.2833 15 11C15 10.7167 14.9042 10.4792 14.7125 10.2875C14.5208 10.0958 14.2833 10 14 10H13V9.5C13 9.36667 12.95 9.25 12.85 9.15C12.75 9.05 12.6333 9 12.5 9H11.5C11.3667 9 11.25 9.05 11.15 9.15C11.05 9.25 11 9.36667 11 9.5V10H10C9.71667 10 9.47917 10.0958 9.2875 10.2875C9.09583 10.4792 9 10.7167 9 11V14C9 14.2833 9.09583 14.5208 9.2875 14.7125C9.47917 14.9042 9.71667 15 10 15H13V16H10C9.71667 16 9.47917 16.0958 9.2875 16.2875C9.09583 16.4792 9 16.7167 9 17C9 17.2833 9.09583 17.5208 9.2875 17.7125C9.47917 17.9042 9.71667 18 10 18H11ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H15L20 7V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM6 20H18V8H15C14.7167 8 14.4792 7.90417 14.2875 7.7125C14.0958 7.52083 14 7.28333 14 7V4H6V20Z" />
+</g>
+</svg>

package/src/assets/icons/billFilled.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_64_1633" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_64_1633)">
+<path d="M11 18V18.5C11 18.6333 11.05 18.75 11.15 18.85C11.25 18.95 11.3667 19 11.5 19H12.5C12.6333 19 12.75 18.95 12.85 18.85C12.95 18.75 13 18.6333 13 18.5V18H14C14.2833 18 14.5208 17.9042 14.7125 17.7125C14.9042 17.5208 15 17.2833 15 17V14C15 13.7167 14.9042 13.4792 14.7125 13.2875C14.5208 13.0958 14.2833 13 14 13H11V12H14C14.2833 12 14.5208 11.9042 14.7125 11.7125C14.9042 11.5208 15 11.2833 15 11C15 10.7167 14.9042 10.4792 14.7125 10.2875C14.5208 10.0958 14.2833 10 14 10H13V9.5C13 9.36667 12.95 9.25 12.85 9.15C12.75 9.05 12.6333 9 12.5 9H11.5C11.3667 9 11.25 9.05 11.15 9.15C11.05 9.25 11 9.36667 11 9.5V10H10C9.71667 10 9.47917 10.0958 9.2875 10.2875C9.09583 10.4792 9 10.7167 9 11V14C9 14.2833 9.09583 14.5208 9.2875 14.7125C9.47917 14.9042 9.71667 15 10 15H13V16H10C9.71667 16 9.47917 16.0958 9.2875 16.2875C9.09583 16.4792 9 16.7167 9 17C9 17.2833 9.09583 17.5208 9.2875 17.7125C9.47917 17.9042 9.71667 18 10 18H11ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H15L20 7V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM14 4V7C14 7.28333 14.0958 7.52083 14.2875 7.7125C14.4792 7.90417 14.7167 8 15 8H18L14 4Z" />
+</g>
+</svg>

package/src/assets/icons/bookOpen.svg

@@ -0,0 +1,8 @@
+<svg  viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_62_1488" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_62_1488)">
+<path d="M6.5 16C7.28333 16 8.04583 16.0875 8.7875 16.2625C9.52917 16.4375 10.2667 16.7 11 17.05V7.2C10.3167 6.8 9.59167 6.5 8.825 6.3C8.05833 6.1 7.28333 6 6.5 6C5.9 6 5.30417 6.05833 4.7125 6.175C4.12083 6.29167 3.55 6.46667 3 6.7V16.6C3.58333 16.4 4.1625 16.25 4.7375 16.15C5.3125 16.05 5.9 16 6.5 16ZM13 17.05C13.7333 16.7 14.4708 16.4375 15.2125 16.2625C15.9542 16.0875 16.7167 16 17.5 16C18.1 16 18.6875 16.05 19.2625 16.15C19.8375 16.25 20.4167 16.4 21 16.6V6.7C20.45 6.46667 19.8792 6.29167 19.2875 6.175C18.6958 6.05833 18.1 6 17.5 6C16.7167 6 15.9417 6.1 15.175 6.3C14.4083 6.5 13.6833 6.8 13 7.2V17.05ZM12 19.475C11.7667 19.475 11.5458 19.4458 11.3375 19.3875C11.1292 19.3292 10.9333 19.25 10.75 19.15C10.1 18.7667 9.41667 18.4792 8.7 18.2875C7.98333 18.0958 7.25 18 6.5 18C5.8 18 5.1125 18.0917 4.4375 18.275C3.7625 18.4583 3.11667 18.7167 2.5 19.05C2.15 19.2333 1.8125 19.225 1.4875 19.025C1.1625 18.825 1 18.5333 1 18.15V6.1C1 5.91667 1.04583 5.74167 1.1375 5.575C1.22917 5.40833 1.36667 5.28333 1.55 5.2C2.31667 4.8 3.11667 4.5 3.95 4.3C4.78333 4.1 5.63333 4 6.5 4C7.46667 4 8.4125 4.125 9.3375 4.375C10.2625 4.625 11.15 5 12 5.5C12.85 5 13.7375 4.625 14.6625 4.375C15.5875 4.125 16.5333 4 17.5 4C18.3667 4 19.2167 4.1 20.05 4.3C20.8833 4.5 21.6833 4.8 22.45 5.2C22.6333 5.28333 22.7708 5.40833 22.8625 5.575C22.9542 5.74167 23 5.91667 23 6.1V18.15C23 18.5333 22.8375 18.825 22.5125 19.025C22.1875 19.225 21.85 19.2333 21.5 19.05C20.8833 18.7167 20.2375 18.4583 19.5625 18.275C18.8875 18.0917 18.2 18 17.5 18C16.75 18 16.0167 18.0958 15.3 18.2875C14.5833 18.4792 13.9 18.7667 13.25 19.15C13.0667 19.25 12.8708 19.3292 12.6625 19.3875C12.4542 19.4458 12.2333 19.475 12 19.475Z" />
+</g>
+</svg>

package/src/assets/icons/bookOpenFilled.svg

@@ -0,0 +1,8 @@
+<svg  viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_64_1638" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_64_1638)">
+<path d="M13 17.05C13.7333 16.7 14.4708 16.4375 15.2125 16.2625C15.9542 16.0875 16.7167 16 17.5 16C18.1 16 18.6875 16.05 19.2625 16.15C19.8375 16.25 20.4167 16.4 21 16.6V6.7C20.45 6.46667 19.8792 6.29167 19.2875 6.175C18.6958 6.05833 18.1 6 17.5 6C16.7167 6 15.9417 6.1 15.175 6.3C14.4083 6.5 13.6833 6.8 13 7.2V17.05ZM12 19.475C11.7667 19.475 11.5458 19.4458 11.3375 19.3875C11.1292 19.3292 10.9333 19.25 10.75 19.15C10.1 18.7667 9.41667 18.4792 8.7 18.2875C7.98333 18.0958 7.25 18 6.5 18C5.8 18 5.1125 18.0917 4.4375 18.275C3.7625 18.4583 3.11667 18.7167 2.5 19.05C2.15 19.2333 1.8125 19.225 1.4875 19.025C1.1625 18.825 1 18.5333 1 18.15V6.1C1 5.91667 1.04583 5.74167 1.1375 5.575C1.22917 5.40833 1.36667 5.28333 1.55 5.2C2.33333 4.81667 3.1375 4.52083 3.9625 4.3125C4.7875 4.10417 5.63333 4 6.5 4C7.46667 4 8.4125 4.125 9.3375 4.375C10.2625 4.625 11.15 5 12 5.5C12.85 5 13.7375 4.625 14.6625 4.375C15.5875 4.125 16.5333 4 17.5 4C18.3667 4 19.2125 4.10417 20.0375 4.3125C20.8625 4.52083 21.6667 4.81667 22.45 5.2C22.6333 5.28333 22.7708 5.40833 22.8625 5.575C22.9542 5.74167 23 5.91667 23 6.1V18.15C23 18.5333 22.8375 18.825 22.5125 19.025C22.1875 19.225 21.85 19.2333 21.5 19.05C20.8833 18.7167 20.2375 18.4583 19.5625 18.275C18.8875 18.0917 18.2 18 17.5 18C16.75 18 16.0167 18.0958 15.3 18.2875C14.5833 18.4792 13.9 18.7667 13.25 19.15C13.0667 19.25 12.8708 19.3292 12.6625 19.3875C12.4542 19.4458 12.2333 19.475 12 19.475Z" />
+</g>
+</svg>

package/src/assets/icons/bullhorn.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.875 9.31406C20.5289 9.62344 21 10.4566 21 11.4375C21 12.4184 20.5289 13.2516 19.875 13.5609V18.75C19.875 19.2035 19.6008 19.6148 19.1789 19.7906C18.7605 19.9629 18.2754 19.868 17.9555 19.5445L16.4191 17.9801C14.7316 16.2926 12.443 15.375 10.0559 15.375H9.75V19.875C9.75 20.4973 9.24727 21 8.625 21H6.375C5.75379 21 5.25 20.4973 5.25 19.875V15.375C4.00723 15.375 3 14.366 3 13.125V9.75C3 8.50898 4.00723 7.5 5.25 7.5H10.0559C12.443 7.5 14.7316 6.55078 16.4191 4.86398L17.9555 3.32952C18.2754 3.00778 18.7605 2.91154 19.1789 3.08567C19.6008 3.2598 19.875 3.67007 19.875 4.125V9.31406ZM10.0559 9.75H9.75V13.125H10.0559C12.8613 13.125 15.5578 14.1727 17.625 16.0535V6.82148C15.5578 8.70234 12.8613 9.75 10.0559 9.75Z"/>
+</svg>

package/src/assets/icons/cached.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_62_1496" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_62_1496)">
+<path d="M12.05 20C9.81665 20 7.91665 19.225 6.34999 17.675C4.78332 16.125 3.99999 14.2333 3.99999 12V11.825L3.09999 12.725C2.91665 12.9083 2.68332 13 2.39999 13C2.11665 13 1.88332 12.9083 1.69999 12.725C1.51665 12.5417 1.42499 12.3083 1.42499 12.025C1.42499 11.7417 1.51665 11.5083 1.69999 11.325L4.29999 8.725C4.49999 8.525 4.73332 8.425 4.99999 8.425C5.26665 8.425 5.49999 8.525 5.69999 8.725L8.29999 11.325C8.48332 11.5083 8.57499 11.7417 8.57499 12.025C8.57499 12.3083 8.48332 12.5417 8.29999 12.725C8.11665 12.9083 7.88332 13 7.59999 13C7.31665 13 7.08332 12.9083 6.89999 12.725L5.99999 11.825V12C5.99999 13.6667 6.58749 15.0833 7.76249 16.25C8.93749 17.4167 10.3667 18 12.05 18C12.3167 18 12.5792 17.9833 12.8375 17.95C13.0958 17.9167 13.35 17.8583 13.6 17.775C13.8833 17.6917 14.15 17.7 14.4 17.8C14.65 17.9 14.8417 18.075 14.975 18.325C15.1083 18.5917 15.1208 18.8542 15.0125 19.1125C14.9042 19.3708 14.7083 19.5417 14.425 19.625C14.0417 19.7583 13.65 19.8542 13.25 19.9125C12.85 19.9708 12.45 20 12.05 20ZM11.95 6C11.6833 6 11.4208 6.01667 11.1625 6.05C10.9042 6.08333 10.65 6.14167 10.4 6.225C10.1167 6.30833 9.84582 6.3 9.58749 6.2C9.32915 6.1 9.13332 5.925 8.99999 5.675C8.86665 5.425 8.85415 5.17083 8.96249 4.9125C9.07082 4.65417 9.25832 4.48333 9.52499 4.4C9.92499 4.26667 10.325 4.16667 10.725 4.1C11.125 4.03333 11.5333 4 11.95 4C14.1833 4 16.0833 4.775 17.65 6.325C19.2167 7.875 20 9.76667 20 12V12.175L20.9 11.275C21.0833 11.0917 21.3167 11 21.6 11C21.8833 11 22.1167 11.0917 22.3 11.275C22.4833 11.4583 22.575 11.6917 22.575 11.975C22.575 12.2583 22.4833 12.4917 22.3 12.675L19.7 15.275C19.5 15.475 19.2667 15.575 19 15.575C18.7333 15.575 18.5 15.475 18.3 15.275L15.7 12.675C15.5167 12.4917 15.425 12.2583 15.425 11.975C15.425 11.6917 15.5167 11.4583 15.7 11.275C15.8833 11.0917 16.1167 11 16.4 11C16.6833 11 16.9167 11.0917 17.1 11.275L18 12.175V12C18 10.3333 17.4125 8.91667 16.2375 7.75C15.0625 6.58333 13.6333 6 11.95 6Z" />
+</g>
+</svg>

package/src/assets/icons/calendar.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_62_1481" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_62_1481)">
+<path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V3C6 2.71667 6.09583 2.47917 6.2875 2.2875C6.47917 2.09583 6.71667 2 7 2C7.28333 2 7.52083 2.09583 7.7125 2.2875C7.90417 2.47917 8 2.71667 8 3V4H16V3C16 2.71667 16.0958 2.47917 16.2875 2.2875C16.4792 2.09583 16.7167 2 17 2C17.2833 2 17.5208 2.09583 17.7125 2.2875C17.9042 2.47917 18 2.71667 18 3V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8Z"/>
+</g>
+</svg>

package/src/assets/icons/calendarCheck.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_62_1498" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_62_1498)">
+<path d="M10.95 15.45L14.425 11.975C14.625 11.775 14.8667 11.675 15.15 11.675C15.4333 11.675 15.675 11.775 15.875 11.975C16.075 12.175 16.175 12.4167 16.175 12.7C16.175 12.9833 16.075 13.225 15.875 13.425L11.65 17.65C11.45 17.85 11.2167 17.95 10.95 17.95C10.6833 17.95 10.45 17.85 10.25 17.65L8.125 15.525C7.925 15.325 7.825 15.0833 7.825 14.8C7.825 14.5167 7.925 14.275 8.125 14.075C8.325 13.875 8.56667 13.775 8.85 13.775C9.13333 13.775 9.375 13.875 9.575 14.075L10.95 15.45ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V3C6 2.71667 6.09583 2.47917 6.2875 2.2875C6.47917 2.09583 6.71667 2 7 2C7.28333 2 7.52083 2.09583 7.7125 2.2875C7.90417 2.47917 8 2.71667 8 3V4H16V3C16 2.71667 16.0958 2.47917 16.2875 2.2875C16.4792 2.09583 16.7167 2 17 2C17.2833 2 17.5208 2.09583 17.7125 2.2875C17.9042 2.47917 18 2.71667 18 3V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8Z" />
+</g>
+</svg>

package/src/assets/icons/calendarCheckFilled.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_64_1631" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_64_1631)">
+<path d="M10.95 15.45L14.425 11.975C14.625 11.775 14.8667 11.675 15.15 11.675C15.4333 11.675 15.675 11.775 15.875 11.975C16.075 12.175 16.175 12.4167 16.175 12.7C16.175 12.9833 16.075 13.225 15.875 13.425L11.65 17.65C11.45 17.85 11.2167 17.95 10.95 17.95C10.6833 17.95 10.45 17.85 10.25 17.65L8.125 15.525C7.925 15.325 7.825 15.0833 7.825 14.8C7.825 14.5167 7.925 14.275 8.125 14.075C8.325 13.875 8.56667 13.775 8.85 13.775C9.13333 13.775 9.375 13.875 9.575 14.075L10.95 15.45ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V3C6 2.71667 6.09583 2.47917 6.2875 2.2875C6.47917 2.09583 6.71667 2 7 2C7.28333 2 7.52083 2.09583 7.7125 2.2875C7.90417 2.47917 8 2.71667 8 3V4H16V3C16 2.71667 16.0958 2.47917 16.2875 2.2875C16.4792 2.09583 16.7167 2 17 2C17.2833 2 17.5208 2.09583 17.7125 2.2875C17.9042 2.47917 18 2.71667 18 3V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20Z" />
+</g>
+</svg>

package/src/assets/icons/calendarFilled.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_64_1630" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_64_1630)">
+<path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V3C6 2.71667 6.09583 2.47917 6.2875 2.2875C6.47917 2.09583 6.71667 2 7 2C7.28333 2 7.52083 2.09583 7.7125 2.2875C7.90417 2.47917 8 2.71667 8 3V4H16V3C16 2.71667 16.0958 2.47917 16.2875 2.2875C16.4792 2.09583 16.7167 2 17 2C17.2833 2 17.5208 2.09583 17.7125 2.2875C17.9042 2.47917 18 2.71667 18 3V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20Z" />
+</g>
+</svg>