@codezee/sixtify-brahma 0.2.3 → 0.2.6

package/packages/shared-components/src/Svgs/Drawer/SvgsEmployees.tsx

@@ -0,0 +1,25 @@
+import type { SVGProps } from "react";
+
+export const SvgsEmployees = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={20}
+    height={20}
+    fill="none"
+    {...props}
+    style={{ color: "inherit" }}
+  >
+    <path
+      fill={props.fill ?? "currentColor"}
+      d="M15.09 6.991H14.973C13.27 6.937 12 5.621 12 4c0-1.658 1.351-3 3-3s3 1.351 3 3a2.997 2.997 0 0 1-2.9 3c0-.009 0-.009-.01-.009ZM15 2.342a1.65 1.65 0 0 0-.063 3.298.437.437 0 0 1 .162 0A1.65 1.65 0 0 0 15 2.342Z"
+    />
+    <path
+      fill={props.fill ?? "currentColor"}
+      d="M15.394 12c-.298 0-.597-.023-.896-.077a.575.575 0 1 1 .2-1.133c.941.16 1.936-.016 2.602-.46.36-.238.552-.536.552-.835 0-.299-.2-.59-.552-.827-.666-.445-1.676-.621-2.626-.452a.569.569 0 0 1-.665-.468.575.575 0 0 1 .466-.666c1.248-.222 2.542.015 3.46.628C18.61 8.162 19 8.805 19 9.495c0 .682-.383 1.333-1.064 1.793-.697.46-1.6.712-2.542.712ZM4.919 7H4.9A2.995 2.995 0 0 1 2 4.009 3.012 3.012 0 0 1 5 1c1.649 0 3 1.351 3 3 0 1.63-1.27 2.946-2.892 3l-.19-.676.064.676h-.063Zm.09-1.351c.054 0 .1 0 .153.009.802-.036 1.505-.757 1.505-1.649a1.65 1.65 0 1 0-1.74 1.649c.01-.01.046-.01.082-.01Z"
+    />
+    <path
+      fill={props.fill ?? "currentColor"}
+      d="M4.606 12c-.942 0-1.845-.253-2.542-.712C1.39 10.836 1 10.184 1 9.495c0-.682.39-1.333 1.064-1.785.919-.613 2.213-.85 3.46-.628.314.053.521.352.468.666a.569.569 0 0 1-.667.468c-.949-.169-1.952.007-2.625.452-.36.237-.552.528-.552.827 0 .299.2.598.552.835.666.444 1.66.62 2.603.46a.575.575 0 1 1 .199 1.134 5.054 5.054 0 0 1-.896.076ZM10.09 12.991H9.973C8.27 12.937 7 11.621 7 10c0-1.658 1.351-3 3-3s3 1.351 3 3a2.997 2.997 0 0 1-2.9 3c0-.009 0-.009-.01-.009ZM10 8.342a1.65 1.65 0 0 0-.063 3.298.437.437 0 0 1 .162 0 1.65 1.65 0 0 0 1.559-1.649c0-.9-.74-1.649-1.658-1.649ZM10 19c-1.017 0-2.034-.237-2.822-.719C6.432 17.831 6 17.188 6 16.5c0-.68.424-1.338 1.178-1.789 1.585-.948 4.068-.948 5.644 0 .746.451 1.178 1.093 1.178 1.781 0 .68-.424 1.338-1.178 1.79-.788.473-1.805.718-2.822.718Zm-2.119-3.326c-.398.237-.61.535-.61.834 0 .298.22.588.61.825 1.144.696 3.085.696 4.23 0 .397-.237.61-.535.61-.833 0-.298-.221-.589-.61-.826-1.136-.695-3.077-.688-4.23 0Z"
+    />
+  </svg>
+);

package/packages/shared-components/src/Svgs/Drawer/SvgsOrganization.tsx

@@ -0,0 +1,36 @@
+import type { SVGProps } from "react";
+
+export const SvgsOrganization = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={20}
+    height={20}
+    fill="none"
+    {...props}
+    style={{ color: "inherit" }}
+  >
+    <g stroke={props.fill ?? "currentColor"} clipPath="url(#a)">
+      <path
+        strokeWidth={1.5}
+        d="M1.085 3.272c.686-3.03 5.153-3.03 5.83 0 .403 1.777-.703 3.282-1.663 4.22a1.804 1.804 0 0 1-2.512 0c-.952-.938-2.058-2.443-1.655-4.22ZM13.085 14.272c.682-3.03 5.148-3.03 5.83 0 .401 1.777-.699 3.283-1.662 4.22a1.798 1.798 0 0 1-2.506 0c-.963-.938-2.063-2.443-1.662-4.22Z"
+      />
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={1.5}
+        d="M9.996 4h2.29c1.58 0 2.315 2.126 1.127 3.26l-6.826 6.49C5.4 14.874 6.135 17 7.707 17h2.289"
+      />
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M4.495 4.5h.01M15.495 14.5h.01"
+      />
+    </g>
+    <defs>
+      <clipPath id="a">
+        <path fill={props.fill ?? "currentColor"} d="M0 0h20v20H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);

package/packages/shared-components/src/Svgs/Drawer/SvgsTransaction.tsx

@@ -0,0 +1,81 @@
+import type { SVGProps } from "react";
+
+export const SvgsTransaction = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+  >
+    <path
+      d="M6.66675 1.66406V4.16406"
+      stroke={props.fill ?? "currentColor"}
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M13.3333 1.66406V4.16406"
+      stroke={props.fill ?? "currentColor"}
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M2.91675 7.57812H17.0834"
+      stroke={props.fill ?? "currentColor"}
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M15.0001 19.1667C16.841 19.1667 18.3334 17.6743 18.3334 15.8333C18.3334 13.9924 16.841 12.5 15.0001 12.5C13.1591 12.5 11.6667 13.9924 11.6667 15.8333C11.6667 17.6743 13.1591 19.1667 15.0001 19.1667Z"
+      stroke={props.fill ?? "currentColor"}
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M15 14.6562V17.1479"
+      stroke={props.fill ?? "currentColor"}
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M17.5 7.08073V13.6307C16.8917 12.9391 16 12.4974 15 12.4974C13.1583 12.4974 11.6667 13.9891 11.6667 15.8307C11.6667 16.4557 11.8417 17.0474 12.15 17.5474C12.325 17.8474 12.55 18.1141 12.8083 18.3307H6.66667C3.75 18.3307 2.5 16.6641 2.5 14.1641V7.08073C2.5 4.58073 3.75 2.91406 6.66667 2.91406H13.3333C16.25 2.91406 17.5 4.58073 17.5 7.08073Z"
+      stroke={props.fill ?? "currentColor"}
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M9.99632 11.4167H10.0038"
+      stroke={props.fill ?? "currentColor"}
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M6.91185 11.4167H6.91933"
+      stroke={props.fill ?? "currentColor"}
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M6.91185 13.9167H6.91933"
+      stroke={props.fill ?? "currentColor"}
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);

package/packages/shared-components/src/Svgs/Drawer/index.ts

@@ -0,0 +1,7 @@
+export * from "./SettingIcon";
+export * from "./SvgBankConfig";
+export * from "./SvgConfiguration";
+export * from "./SvgPayroll";
+export * from "./SvgsEmployees";
+export * from "./SvgsOrganization";
+export * from "./SvgsTransaction";

package/packages/shared-components/src/Svgs/FormAction.tsx

@@ -0,0 +1,118 @@
+import type { SvgIconProps } from "@mui/material";
+
+export function FormAction(props: SvgIconProps) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={109}
+      height={112}
+      fill="none"
+      {...props}
+    >
+      <path
+        fill="#FAFAFA"
+        d="M54.398 109.217c29.943 0 54.216-24.274 54.216-54.217 0-29.943-24.273-54.217-54.217-54.217C24.454.783.181 25.057.181 55c0 29.943 24.273 54.217 54.217 54.217Z"
+      />
+      <g filter="url(#a)">
+        <mask
+          id="c"
+          width={109}
+          height={110}
+          x={0}
+          y={0}
+          maskUnits="userSpaceOnUse"
+          style={{
+            maskType: "alpha",
+          }}
+        >
+          <path
+            fill="url(#b)"
+            d="M54.398 109.217c29.943 0 54.216-24.274 54.216-54.217 0-29.943-24.273-54.217-54.217-54.217C24.454.783.181 25.057.181 55c0 29.943 24.273 54.217 54.217 54.217Z"
+          />
+        </mask>
+        <g mask="url(#c)">
+          <path
+            fill="#fff"
+            d="M85.481 31.867H23.313a3.615 3.615 0 0 0-3.615 3.615v75.904A3.614 3.614 0 0 0 23.313 115H85.48a3.614 3.614 0 0 0 3.615-3.614V35.482a3.614 3.614 0 0 0-3.615-3.615Z"
+          />
+        </g>
+      </g>
+      <path
+        fill="#D4F6CF"
+        d="M47.892 39.096H29.096a2.169 2.169 0 0 0 0 4.338h18.796a2.169 2.169 0 0 0 0-4.338ZM47.892 69.458H29.096a2.169 2.169 0 0 0 0 4.337h18.796a2.169 2.169 0 0 0 0-4.337Z"
+      />
+      <path
+        stroke="#40A230"
+        strokeWidth={1.446}
+        d="M78.253 49.94H30.542a2.892 2.892 0 0 0-2.892 2.892v7.228a2.892 2.892 0 0 0 2.892 2.892h47.71a2.892 2.892 0 0 0 2.892-2.892v-7.229a2.892 2.892 0 0 0-2.891-2.891Z"
+      />
+      <path
+        fill="#89D07E"
+        d="M78.253 79.578h-47.71a3.614 3.614 0 0 0-3.615 3.615v5.783a3.614 3.614 0 0 0 3.614 3.614h47.711a3.614 3.614 0 0 0 3.615-3.614v-5.783a3.614 3.614 0 0 0-3.615-3.615Z"
+      />
+      <path
+        fill="#F1FDEF"
+        d="M38.494 23.916a2.892 2.892 0 1 0 0-5.783 2.892 2.892 0 0 0 0 5.783Z"
+      />
+      <path
+        fill="#40A230"
+        d="M54.397 23.916a2.892 2.892 0 1 0 0-5.783 2.892 2.892 0 0 0 0 5.783Z"
+      />
+      <path
+        fill="#F1FDEF"
+        d="M70.302 23.916a2.892 2.892 0 1 0 0-5.783 2.892 2.892 0 0 0 0 5.783Z"
+      />
+      <path
+        fill="#89D07E"
+        d="M62.35 64.398a3.614 3.614 0 1 0 0-7.23 3.614 3.614 0 0 0 0 7.23Z"
+      />
+      <path
+        fill="#40A230"
+        stroke="#fff"
+        strokeWidth={0.723}
+        d="M65.174 76.231c-.578 0-1.118 0-1.61-.03a3.3 3.3 0 0 1-2.807-1.988l-3.05-6.027a1.302 1.302 0 0 1 .131-1.829c.212-.17.477-.262.748-.26a1.385 1.385 0 0 1 1.04.517l1.384 1.89.021.025v-7.182a1.343 1.343 0 1 1 2.687 0v4.699a1.25 1.25 0 1 1 2.49 0v.98a1.25 1.25 0 1 1 2.49 0v.754a1.25 1.25 0 1 1 2.49 0v4.58c-.025 1.41-.662 3.785-2.903 3.785-.162.008-1.54.087-3.108.087h-.003Z"
+      />
+      <defs>
+        <linearGradient
+          id="b"
+          x1={54.398}
+          x2={54.398}
+          y1={0.783}
+          y2={109.217}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#E3ECFA" />
+          <stop offset={1} stopColor="#DAE7FF" />
+        </linearGradient>
+        <filter
+          id="a"
+          width={78.072}
+          height={86.024}
+          x={15.361}
+          y={25.361}
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            result="hardAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          />
+          <feOffset dy={-2.169} />
+          <feGaussianBlur stdDeviation={2.169} />
+          <feColorMatrix values="0 0 0 0 0.788235 0 0 0 0 0.803922 0 0 0 0 0.85098 0 0 0 0.349 0" />
+          <feBlend
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_6149_10054"
+          />
+          <feBlend
+            in="SourceGraphic"
+            in2="effect1_dropShadow_6149_10054"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  );
+}

package/packages/shared-components/src/Svgs/ImportExcelSuccessIcon.tsx

@@ -0,0 +1,54 @@
+import type { SvgIconProps } from "@mui/material";
+
+export const ImportExcelSuccessIcon = (props: SvgIconProps) => (
+  <svg
+    width="124"
+    height="145"
+    viewBox="0 0 124 145"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g clipPath="url(#clip0_492_7317)">
+      <path
+        d="M59.0476 25.1641C26.5714 25.1641 0 52.1272 0 85.0821C0 118.037 26.5714 145 59.0476 145C91.5238 145 118.095 118.037 118.095 85.0821C118.095 52.1272 91.5238 25.1641 59.0476 25.1641ZM59.0476 136.012C31.2952 136.012 8.85714 113.244 8.85714 85.0821C8.85714 56.9206 31.2952 34.1518 59.0476 34.1518C86.8 34.1518 109.238 56.9206 109.238 85.0821C109.238 113.244 86.8 136.012 59.0476 136.012ZM89.7523 68.3051C89.7523 69.5034 89.1619 70.7018 88.5714 71.301L55.5047 104.855C54.9143 105.454 53.7333 106.053 52.5524 106.053C51.3714 106.053 50.1905 105.454 49.6 104.855L30.7048 85.6813C28.9333 85.0821 28.3428 83.8838 28.3428 82.6854C28.3428 80.2887 30.1143 77.892 33.0667 77.892C34.2476 78.4911 35.4286 79.0903 36.019 79.6895L51.9619 95.8674L82.0762 65.3092C82.6666 64.71 83.8476 64.1108 85.0285 64.1108C87.3904 63.5116 89.7523 65.9083 89.7523 68.3051Z"
+        fill="#3BA4E8"
+      />
+    </g>
+    <path
+      d="M42.0138 8.38853C42.0138 12.7522 38.5297 16.2771 34.2471 16.2771C29.9646 16.2771 26.4805 12.7522 26.4805 8.38853C26.4805 4.02489 29.9646 0.5 34.2471 0.5C38.5297 0.5 42.0138 4.02489 42.0138 8.38853Z"
+      fill="white"
+      stroke="#3BA4E8"
+    />
+    <path
+      d="M123.501 133.015C123.501 136.055 121.074 138.507 118.096 138.507C115.118 138.507 112.691 136.055 112.691 133.015C112.691 129.975 115.118 127.523 118.096 127.523C121.074 127.523 123.501 129.975 123.501 133.015Z"
+      fill="white"
+      stroke="#3BA4E8"
+    />
+    <rect
+      x="115.734"
+      y="13.1836"
+      width="2.3619"
+      height="11.9836"
+      fill="#3BA4E8"
+    />
+    <rect
+      x="122.816"
+      y="17.9766"
+      width="2.39756"
+      height="11.8095"
+      transform="rotate(90 122.816 17.9766)"
+      fill="#3BA4E8"
+    />
+    <defs>
+      <clipPath id="clip0_492_7317">
+        <rect
+          width="118.095"
+          height="119.836"
+          fill="white"
+          transform="translate(0 25.1641)"
+        />
+      </clipPath>
+    </defs>
+  </svg>
+);

package/packages/shared-components/src/Svgs/LogoIcon.tsx

@@ -0,0 +1,74 @@
+import type { SvgIconProps } from "@mui/material";
+
+export const LogoIcon = (props: SvgIconProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={272}
+    height={97}
+    fill="none"
+    {...props}
+  >
+    <g clipPath="url(#a)">
+      <path
+        fill="#1B95E3"
+        d="m67.726 51.484-9.306.028s-3.032-.034-4.584 1.605c-1.66 1.754-4.984 6.072-4.984 6.072S47.1 61.09 47.096 62.62l-.04 12.746c-.007.316.006.633.04.948.161 1.555.945 4.062 4.586-.282 4.88-5.824 18.225-21.571 18.225-21.571s2.496-2.918-2.18-2.977h-.001Z"
+      />
+      <path
+        stroke="#1B95E3"
+        strokeWidth={0.353}
+        d="m67.726 51.484-9.306.028s-3.032-.034-4.584 1.605c-1.66 1.754-4.984 6.072-4.984 6.072S47.1 61.09 47.096 62.62l-.04 12.746c-.007.316.006.633.04.948.161 1.555.945 4.062 4.586-.282 4.88-5.824 18.225-21.571 18.225-21.571s2.496-2.918-2.18-2.977h-.001Z"
+      />
+      <path
+        fill="#1B95E3"
+        d="m67.702 44.92-9.306-.027s-3.032.034-4.584-1.605c-1.659-1.755-4.984-6.072-4.984-6.072s-1.751-1.902-1.756-3.432l-.039-12.746a7.423 7.423 0 0 1 .039-.949c.161-1.554.945-4.061 4.587.283 4.88 5.823 18.224 21.57 18.224 21.57s2.497 2.919-2.18 2.978Z"
+      />
+      <path
+        stroke="#1B95E3"
+        strokeWidth={0.353}
+        d="m67.702 44.92-9.306-.027s-3.032.034-4.584-1.605c-1.659-1.755-4.984-6.072-4.984-6.072s-1.751-1.902-1.756-3.432l-.039-12.746a7.423 7.423 0 0 1 .039-.949c.161-1.554.945-4.061 4.587.283 4.88 5.823 18.224 21.57 18.224 21.57s2.497 2.919-2.18 2.978Z"
+      />
+      <path
+        fill="#1F3445"
+        d="M1.798 55.69 32.82 92.991s5.653 7.535 5.544-.185c-.109-7.719 0-20.72 0-20.72s.33-2.733-2.607-6.093c-2.937-3.361-10.187-11.865-10.187-11.865s-1.917-2.624-7.009-2.612c-4.85.012-14.421-.026-14.525 0 0 0-.524-.002-1.011.029-1.467.094-3.796.853-1.227 4.143h-.001Z"
+      />
+      <path
+        stroke="#fff"
+        strokeWidth={0.353}
+        d="M1.798 55.69 32.82 92.991s5.653 7.535 5.544-.185c-.109-7.719 0-20.72 0-20.72s.33-2.733-2.607-6.093c-2.937-3.361-10.187-11.865-10.187-11.865s-1.917-2.624-7.009-2.612c-4.85.012-14.421-.026-14.525 0 0 0-.524-.002-1.011.029-1.467.094-3.796.853-1.227 4.143h-.001Z"
+      />
+      <path
+        fill="#1F3445"
+        d="M1.337 40.707 32.36 3.404s5.653-7.534 5.544.184c-.109 7.72 0 20.72 0 20.72s.33 2.733-2.606 6.094C32.36 33.763 25.11 42.267 25.11 42.267s-1.918 2.624-7.009 2.611c-4.85-.012-14.421.027-14.525 0 0 0-.524.003-1.011-.028-1.467-.094-3.796-.853-1.227-4.143h-.001Z"
+      />
+      <path
+        stroke="#fff"
+        strokeWidth={0.353}
+        d="M1.337 40.707 32.36 3.404s5.653-7.534 5.544.184c-.109 7.72 0 20.72 0 20.72s.33 2.733-2.606 6.094C32.36 33.763 25.11 42.267 25.11 42.267s-1.918 2.624-7.009 2.611c-4.85-.012-14.421.027-14.525 0 0 0-.524.003-1.011-.028-1.467-.094-3.796-.853-1.227-4.143h-.001Z"
+      />
+      <path
+        fill="#fff"
+        d="M198.215 61.352v-5.857h-13.121v-5.897h11.725v-5.496h-11.725v-5.335h12.403V32.95h-18.983v28.402h19.701Zm-31.309-14.281c0 6.338-4.506 8.344-9.372 8.344h-3.23V38.807h3.39c4.707 0 9.214 1.885 9.214 8.264h-.002Zm7.099 0c0-10.752-8.136-14.121-16.152-14.121h-10.208v28.402h10.53c7.776 0 15.832-4.292 15.832-14.281h-.002Zm-38.167-.04c0 5.133-3.35 8.825-8.096 8.825s-8.056-3.69-8.056-8.825c0-4.975 3.27-8.666 8.056-8.666s8.098 3.691 8.098 8.666h-.002Zm7.3 0c0-9.107-6.541-14.843-15.394-14.843-8.814 0-15.355 5.736-15.355 14.843 0 8.986 6.541 15.083 15.355 15.083 8.853 0 15.394-6.097 15.394-15.083Zm-31.866 10.39-4.746-4.493c-1.195 1.685-3.31 2.888-5.982 2.888-4.706 0-8.018-3.529-8.018-8.705 0-5.015 3.39-8.705 8.136-8.705 2.154 0 4.427.842 5.703 2.607l4.628-4.653c-2.353-2.73-6.622-4.172-10.569-4.172-8.615 0-15.315 5.815-15.315 14.923 0 8.906 6.501 15.003 15.196 15.003 4.746 0 8.495-1.805 10.967-4.693Z"
+      />
+      <path
+        fill="#1F3445"
+        stroke="#fff"
+        strokeWidth={0.353}
+        d="M198.215 61.352v-5.857h-13.121v-5.897h11.725v-5.496h-11.725v-5.335h12.403V32.95h-18.983v28.402h19.701Zm-31.309-14.281c0 6.338-4.506 8.344-9.372 8.344h-3.23V38.807h3.39c4.707 0 9.214 1.885 9.214 8.264h-.002Zm7.099 0c0-10.752-8.136-14.121-16.152-14.121h-10.208v28.402h10.53c7.776 0 15.832-4.292 15.832-14.281h-.002Zm-38.167-.04c0 5.133-3.35 8.825-8.096 8.825s-8.056-3.69-8.056-8.825c0-4.975 3.27-8.666 8.056-8.666s8.098 3.691 8.098 8.666h-.002Zm7.3 0c0-9.107-6.541-14.843-15.394-14.843-8.814 0-15.355 5.736-15.355 14.843 0 8.986 6.541 15.083 15.355 15.083 8.853 0 15.394-6.097 15.394-15.083Zm-31.866 10.39-4.746-4.493c-1.195 1.685-3.31 2.888-5.982 2.888-4.706 0-8.018-3.529-8.018-8.705 0-5.015 3.39-8.705 8.136-8.705 2.154 0 4.427.842 5.703 2.607l4.628-4.653c-2.353-2.73-6.622-4.172-10.569-4.172-8.615 0-15.315 5.815-15.315 14.923 0 8.906 6.501 15.003 15.196 15.003 4.746 0 8.495-1.805 10.967-4.693Z"
+      />
+      <path
+        fill="#1B95E3"
+        d="M271.944 61.356V55.5h-13.121V49.6h11.725v-5.495h-11.725V38.77h12.403v-5.816h-18.983v28.402h19.701Zm-24.208 0V55.5h-13.121V49.6h11.726v-5.495h-11.726V38.77h12.404v-5.816h-18.986v28.402h19.703Zm-24.129 0v-5.938h-14.039l13.76-16.968v-5.497h-21.657v5.816h13.123l-13.442 16.65v5.937h22.255Z"
+      />
+      <path
+        stroke="#1B95E3"
+        strokeWidth={0.353}
+        d="M271.944 61.356V55.5h-13.121V49.6h11.725v-5.495h-11.725V38.77h12.403v-5.816h-18.983v28.402h19.701Zm-24.208 0V55.5h-13.121V49.6h11.726v-5.495h-11.726V38.77h12.404v-5.816h-18.986v28.402h19.703Zm-24.129 0v-5.938h-14.039l13.76-16.968v-5.497h-21.657v5.816h13.123l-13.442 16.65v5.937h22.255Z"
+      />
+    </g>
+    <defs>
+      <clipPath id="a">
+        <path fill="#fff" d="M0 .047h272v96.365H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);

package/packages/shared-components/src/Svgs/SvgAdd.tsx

@@ -0,0 +1,28 @@
+import type { SvgIconProps } from "@mui/material";
+
+export const SvgAdd = (props: SvgIconProps) => {
+  return (
+    <svg
+      width="24"
+      height="24"
+      viewBox="0 0 38 38"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <circle cx="19" cy="19" r="17" stroke="#3BA6E8" strokeWidth="2.5" />
+      <path
+        d="M10 18.6538H28"
+        stroke="#3BA6E8"
+        strokeWidth="2.5"
+        strokeLinecap="round"
+      />
+      <path
+        d="M19.3462 10L19.3462 28"
+        stroke="#3BA6E8"
+        strokeWidth="2.5"
+        strokeLinecap="round"
+      />
+    </svg>
+  );
+};

package/packages/shared-components/src/Svgs/SvgCalendar.tsx

@@ -0,0 +1,89 @@
+import type { SvgIconProps } from "@mui/material";
+
+export const SvgCalendar = (props: SvgIconProps) => {
+  return (
+    <svg
+      width="24"
+      height="24"
+      viewBox="0 0 29 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M8 2V5"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M16 2V5"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M3.5 9.09009H20.5"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M21 8.5V17C21 20 19.5 22 16 22H8C4.5 22 3 20 3 17V8.5C3 5.5 4.5 3.5 8 3.5H16C19.5 3.5 21 5.5 21 8.5Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M15.6937 13.7H15.7027"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M15.6937 16.7H15.7027"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M11.9945 13.7H12.0035"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M11.9945 16.7H12.0035"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M8.29529 13.7H8.30427"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M8.29529 16.7H8.30427"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

package/packages/shared-components/src/Svgs/SvgConfigure.tsx

@@ -0,0 +1,51 @@
+import type { SvgIconProps } from "@mui/material";
+
+export const SvgConfigure = (props: SvgIconProps) => {
+  return (
+    <svg
+      width="30"
+      height="30"
+      viewBox="0 0 400 350"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M147.33 110.248C124.029 110.248 105.139 129.108 105.139 152.373C105.139 175.637 124.029 194.497 147.33 194.497C170.63 194.497 189.52 175.637 189.52 152.373C189.52 129.108 170.63 110.248 147.33 110.248ZM265.75 122.313L254.327 131.702C241.296 142.412 241.296 162.333 254.327 173.043L265.75 182.433C269.798 185.76 270.843 191.522 268.221 196.056L245.666 235.063C243.043 239.596 237.523 241.573 232.613 239.737L218.757 234.554C202.953 228.643 185.673 238.603 182.898 255.225L180.466 269.797C179.604 274.961 175.129 278.746 169.886 278.746H124.773C119.53 278.746 115.055 274.961 114.193 269.797L111.76 255.225C108.986 238.603 91.7064 228.643 75.9016 234.554L62.0464 239.737C57.1359 241.573 51.6155 239.596 48.9935 235.063L26.4376 196.056C23.816 191.522 24.8613 185.76 28.9095 182.433L40.333 173.043C53.3629 162.333 53.3629 142.412 40.333 131.702L28.9095 122.313C24.8613 118.985 23.816 113.224 26.4376 108.69L48.9935 69.6828C51.6155 65.1489 57.1359 63.1719 62.0464 65.0086L75.9016 70.1909C91.7064 76.1026 108.986 66.1422 111.76 49.5204L114.193 34.9484C115.055 29.7848 119.53 26 124.773 26H169.886C175.129 26 179.604 29.7848 180.466 34.9484L182.898 49.5204C185.673 66.1422 202.953 76.1026 218.757 70.1909L232.613 65.0086C237.523 63.1719 243.043 65.1489 245.666 69.6828L268.221 108.69C270.843 113.224 269.798 118.985 265.75 122.313Z"
+        fill="white"
+        stroke="black"
+        strokeWidth="14"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+      />
+      <rect
+        x="164.209"
+        y="180.029"
+        width="186.127"
+        height="183.396"
+        rx="50"
+        fill="white"
+      />
+      <path
+        d="M312.062 248.395H261.093C257.113 248.395 253.812 245.095 253.812 241.114C253.812 237.134 257.113 233.833 261.093 233.833H312.062C316.042 233.833 319.343 237.134 319.343 241.114C319.343 245.095 316.14 248.395 312.062 248.395Z"
+        fill="black"
+      />
+      <path
+        d="M210.119 255.774C208.275 255.774 206.43 255.094 204.974 253.638L197.693 246.356C194.877 243.541 194.877 238.881 197.693 236.065C200.508 233.25 205.168 233.25 207.983 236.065L210.119 238.201L226.818 221.503C229.633 218.687 234.293 218.687 237.108 221.503C239.924 224.318 239.924 228.978 237.108 231.794L215.265 253.638C213.906 254.997 212.061 255.774 210.119 255.774Z"
+        fill="black"
+      />
+      <path
+        d="M312.062 316.354H261.093C257.113 316.354 253.812 313.053 253.812 309.072C253.812 305.092 257.113 301.791 261.093 301.791H312.062C316.042 301.791 319.343 305.092 319.343 309.072C319.343 313.053 316.14 316.354 312.062 316.354Z"
+        fill="black"
+      />
+      <path
+        d="M210.119 323.732C208.275 323.732 206.43 323.052 204.974 321.596L197.693 314.315C194.877 311.499 194.877 306.839 197.693 304.024C200.508 301.209 205.168 301.209 207.983 304.024L210.119 306.16L226.818 289.461C229.633 286.646 234.293 286.646 237.108 289.461C239.924 292.277 239.924 296.937 237.108 299.752L215.265 321.596C213.906 322.955 212.061 323.732 210.119 323.732Z"
+        fill="black"
+      />
+      <path
+        d="M286.625 375.865H228.375C175.659 375.865 153.135 353.341 153.135 300.625V242.375C153.135 189.659 175.659 167.135 228.375 167.135H286.625C339.341 167.135 361.864 189.659 361.864 242.375V300.625C361.864 353.341 339.341 375.865 286.625 375.865ZM228.375 181.698C183.619 181.698 167.698 197.62 167.698 242.375V300.625C167.698 345.38 183.619 361.302 228.375 361.302H286.625C331.38 361.302 347.302 345.38 347.302 300.625V242.375C347.302 197.62 331.38 181.698 286.625 181.698H228.375Z"
+        fill="black"
+      />
+    </svg>
+  );
+};

package/packages/shared-components/src/Svgs/SvgDelete.tsx

@@ -0,0 +1,55 @@
+import type { SvgIconProps } from "@mui/material";
+
+export const SvgDelete = (props: SvgIconProps) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={30}
+      height={30}
+      fill="none"
+      {...props}
+      style={{ color: "inherit" }}
+    >
+      <path
+        fill="#fff"
+        stroke="#DBE1E6"
+        d="M.5 4A3.5 3.5 0 0 1 4 .5h22A3.5 3.5 0 0 1 29.5 4v22a3.5 3.5 0 0 1-3.5 3.5H4A3.5 3.5 0 0 1 .5 26V4Z"
+      />
+      <path
+        d="M21.75 10.4844C19.2525 10.2369 16.74 10.1094 14.235 10.1094C12.75 10.1094 11.265 10.1844 9.78 10.3344L8.25 10.4844"
+        stroke="#4C5D70"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M12.375 9.7275L12.54 8.745C12.66 8.0325 12.75 7.5 14.0175 7.5H15.9825C17.25 7.5 17.3475 8.0625 17.46 8.7525L17.625 9.7275"
+        stroke="#4C5D70"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M20.1383 12.8555L19.6508 20.408C19.5683 21.5855 19.5008 22.5005 17.4083 22.5005H12.5933C10.5008 22.5005 10.4333 21.5855 10.3508 20.408L9.86328 12.8555"
+        stroke="#4C5D70"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M13.7461 18.375H16.2436"
+        stroke="#4C5D70"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M13.125 15.375H16.875"
+        stroke="#4C5D70"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

package/packages/shared-components/src/Svgs/SvgDownload.tsx

@@ -0,0 +1,20 @@
+import type { SvgIconProps } from "@mui/material";
+
+export const SvgDownload = (props: SvgIconProps) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={40}
+      height={40}
+      fill="none"
+      {...props}
+      style={{ color: "inherit" }}
+    >
+      <rect width="40" height="40" rx="5" fill="#4C5D70" />
+      <path
+        d="M26.75 21.5C26.5511 21.5 26.3603 21.579 26.2197 21.7197C26.079 21.8603 26 22.0511 26 22.25V25.25C26 25.4489 25.921 25.6397 25.7803 25.7803C25.6397 25.921 25.4489 26 25.25 26H14.75C14.5511 26 14.3603 25.921 14.2197 25.7803C14.079 25.6397 14 25.4489 14 25.25V22.25C14 22.0511 13.921 21.8603 13.7803 21.7197C13.6397 21.579 13.4489 21.5 13.25 21.5C13.0511 21.5 12.8603 21.579 12.7197 21.7197C12.579 21.8603 12.5 22.0511 12.5 22.25V25.25C12.5 25.8467 12.7371 26.419 13.159 26.841C13.581 27.2629 14.1533 27.5 14.75 27.5H25.25C25.8467 27.5 26.419 27.2629 26.841 26.841C27.2629 26.419 27.5 25.8467 27.5 25.25V22.25C27.5 22.0511 27.421 21.8603 27.2803 21.7197C27.1397 21.579 26.9489 21.5 26.75 21.5ZM19.4675 22.7825C19.5388 22.8508 19.6229 22.9043 19.715 22.94C19.8048 22.9797 19.9018 23.0002 20 23.0002C20.0982 23.0002 20.1952 22.9797 20.285 22.94C20.3771 22.9043 20.4612 22.8508 20.5325 22.7825L23.5325 19.7825C23.6737 19.6413 23.7531 19.4497 23.7531 19.25C23.7531 19.0503 23.6737 18.8587 23.5325 18.7175C23.3913 18.5763 23.1997 18.4969 23 18.4969C22.8003 18.4969 22.6087 18.5763 22.4675 18.7175L20.75 20.4425V13.25C20.75 13.0511 20.671 12.8603 20.5303 12.7197C20.3897 12.579 20.1989 12.5 20 12.5C19.8011 12.5 19.6103 12.579 19.4697 12.7197C19.329 12.8603 19.25 13.0511 19.25 13.25V20.4425L17.5325 18.7175C17.4626 18.6476 17.3796 18.5921 17.2882 18.5543C17.1968 18.5164 17.0989 18.4969 17 18.4969C16.9011 18.4969 16.8032 18.5164 16.7118 18.5543C16.6204 18.5921 16.5374 18.6476 16.4675 18.7175C16.3976 18.7874 16.3421 18.8704 16.3043 18.9618C16.2664 19.0532 16.2469 19.1511 16.2469 19.25C16.2469 19.3489 16.2664 19.4468 16.3043 19.5382C16.3421 19.6296 16.3976 19.7126 16.4675 19.7825L19.4675 22.7825Z"
+        fill="white"
+      />
+    </svg>
+  );
+};