@codezee/sixtify-brahma 0.1.1

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

@@ -0,0 +1,79 @@
+import type { SVGProps } from "react";
+
+export const SvgsTransaction = (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="M18 15.5C18 17.432 16.432 19 14.5 19C12.568 19 11 17.432 11 15.5C11 13.568 12.568 12 14.5 12C16.432 12 18 13.568 18 15.5Z"
+      />
+      <path
+        d="M14.6016 14.6992V16.4992"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={1.5}
+      />
+      <path
+        d="M6.39844 1V3.7"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={1.5}
+        strokeMiterlimit="10"
+      />
+      <path
+        d="M12.6953 1V3.7"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={1.5}
+        strokeMiterlimit="10"
+      />
+      <path
+        d="M1.89844 7.30078H16.2984"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={1.5}
+        strokeMiterlimit="10"
+      />
+      <path
+        d="M17.1984 6.27877V13.1616C16.5779 12.4348 15.6684 11.9707 14.6484 11.9707C12.7699 11.9707 11.2484 13.5381 11.2484 15.4734C11.2484 16.1301 11.4269 16.7518 11.7414 17.2773C11.9199 17.5925 12.1494 17.8727 12.4129 18.1004H6.14844C3.17344 18.1004 1.89844 16.349 1.89844 13.722V6.27877C1.89844 3.65174 3.17344 1.90039 6.14844 1.90039H12.9484C15.9234 1.90039 17.1984 3.65174 17.1984 6.27877Z"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={1.5}
+        strokeMiterlimit="10"
+      />
+      <path
+        d="M9.54751 11.3504H9.55561"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={1.5}
+        strokeMiterlimit="10"
+      />
+      <path
+        d="M6.84439 11.3504H6.85249"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={1.5}
+        strokeMiterlimit="10"
+      />
+      <path
+        d="M6.84439 14.0496H6.85249"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={1.5}
+        strokeMiterlimit="10"
+      />
+    </g>
+    <defs>
+      <clipPath id="a">
+        <path fill={props.fill ?? "currentColor"} d="M0 0h20v20H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);

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

@@ -0,0 +1,4 @@
+export * from "./SettingIcon";
+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/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/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>
+  );
+};

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

@@ -0,0 +1,19 @@
+export const SvgFilterList = () => (
+  <svg
+    width="38"
+    height="38"
+    viewBox="0 0 36 36"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect x="0.5" y="0.5" width="34" height="34" rx="3.5" fill="white" />
+    <rect x="0.5" y="0.5" width="34" height="34" rx="3.5" stroke="#BCBFC2" />
+    <path
+      d="M10.5 13.8333V11.5C10.5 10.9477 10.9478 10.5 11.5 10.5H24.5001C25.0524 10.5 25.5001 10.9477 25.5001 11.4999L25.5004 13.8333M10.5 13.8333L15.9842 18.534C16.2058 18.724 16.3334 19.0013 16.3334 19.2933V24.2192C16.3334 24.8698 16.9448 25.3472 17.5759 25.1894L18.9092 24.856C19.3544 24.7447 19.6667 24.3448 19.6667 23.8859V19.2933C19.6667 19.0014 19.7943 18.724 20.0159 18.534L25.5004 13.8333M10.5 13.8333H25.5004"
+      stroke="#151E28"
+      strokeWidth="1.25"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);

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

@@ -0,0 +1,66 @@
+import type { SvgIconProps } from "@mui/material";
+
+export const SvgNoLogo = (props: SvgIconProps) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={50}
+      height={50}
+      fill="none"
+      {...props}
+      style={{ color: "inherit" }}
+    >
+      <g clipPath="url(#clip0_2072_2023)">
+        <path
+          d="M1.08984 1.08203L48.9112 48.9175"
+          stroke="black"
+          strokeWidth="2"
+          strokeMiterlimit="10"
+          strokeLinecap="round"
+        />
+        <path
+          d="M1.08984 6.70996V43.5065H38.9983"
+          stroke="black"
+          strokeWidth="2"
+          strokeMiterlimit="10"
+          strokeLinecap="round"
+        />
+        <path
+          d="M6.75391 6.60156H48.9108V43.2899H43.0284"
+          stroke="black"
+          strokeWidth="2"
+          strokeMiterlimit="10"
+        />
+        <path
+          d="M1.41602 33.3332L15.1415 20.6709"
+          stroke="black"
+          strokeWidth="2"
+          strokeMiterlimit="10"
+          strokeLinecap="round"
+        />
+        <path
+          d="M36.167 20.7786C38.1524 20.7786 39.7618 19.1796 39.7618 17.2072C39.7618 15.2347 38.1524 13.6357 36.167 13.6357C34.1817 13.6357 32.5723 15.2347 32.5723 17.2072C32.5723 19.1796 34.1817 20.7786 36.167 20.7786Z"
+          fill="black"
+        />
+        <path
+          d="M25.2734 35.4973L28.3235 32.5752"
+          stroke="black"
+          strokeWidth="2"
+          strokeMiterlimit="10"
+          strokeLinecap="round"
+        />
+        <path
+          d="M30.1758 30.5188L33.9884 26.7309C34.4241 26.298 35.0777 26.298 35.4045 26.7309L48.6943 39.5015"
+          stroke="black"
+          strokeWidth="2"
+          strokeMiterlimit="10"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_2072_2023">
+          <rect width="50" height="50" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};

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

@@ -0,0 +1,28 @@
+import type { SvgIconProps } from "@mui/material";
+
+export const SvgNoSign = (props: SvgIconProps) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={40}
+      height={40}
+      fill="none"
+      {...props}
+      style={{ color: "inherit" }}
+    >
+      <path
+        d="M3.80046 33.943C3.80046 33.943 16.7005 24.343 16.3005 14.543C15.8005 4.74296 6.30046 2.94296 4.00046 18.543C1.70046 34.143 17.6005 30.043 22.3005 26.043C27.0005 22.043 29.5005 16.443 25.1005 15.543C20.9005 14.743 19.6005 28.343 23.9005 30.443C23.9005 30.443 26.0005 32.743 33.6005 22.243C33.8005 22.043 34.1005 22.043 34.2005 22.243L36.6005 27.143C36.7005 27.443 37.1005 27.443 37.3005 27.243L42.7005 21.143"
+        stroke="black"
+        strokeWidth="2"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+      />
+      <path
+        d="M3 39.543H43.1"
+        stroke="black"
+        strokeWidth="2"
+        strokeMiterlimit="10"
+      />
+    </svg>
+  );
+};

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

@@ -0,0 +1,44 @@
+import type { SvgIconProps } from "@mui/material";
+import { useTheme } from "@mui/material";
+
+export const SvgsDrop = (props: SvgIconProps) => {
+  const theme = useTheme();
+
+  const { butterflyBlue } = theme.palette.app.color;
+
+  const fill = props.fill ?? butterflyBlue[900];
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={57}
+      height={49}
+      fill="none"
+      {...props}
+      style={{ color: "inherit" }}
+    >
+      <path
+        fill={fill ?? "currentColor"}
+        d="M29.399 12.005a.602.602 0 0 1-.401-.748c1.096-3.718 4.511-6.448 8.575-6.448a.6.6 0 0 1 .596.602.6.6 0 0 1-.596.602c-3.406 0-6.462 2.297-7.432 5.587a.595.595 0 0 1-.742.405Z"
+      />
+      <path
+        fill={fill ?? "currentColor"}
+        d="M45.923 34.898h-3.578a.6.6 0 0 1-.597-.602.6.6 0 0 1 .597-.602h3.578c4.932 0 8.946-4.049 8.946-9.025 0-4.977-4.014-9.026-8.946-9.026h-.086a.594.594 0 0 1-.45-.208.605.605 0 0 1-.14-.48c.053-.374.08-.75.08-1.117 0-4.313-3.479-7.823-7.754-7.823-1.663 0-3.249.525-4.586 1.517a.594.594 0 0 1-.882-.205C28.317.05 18.422-.928 13.292 5.403a11.475 11.475 0 0 0-2.33 9.519.6.6 0 0 1-.584.721h-.24c-4.932 0-8.945 4.05-8.945 9.026 0 4.977 4.013 9.026 8.946 9.026h3.578a.6.6 0 0 1 .596.601.6.6 0 0 1-.596.602H10.14C4.549 34.898 0 30.31 0 24.67c0-5.482 4.297-9.97 9.67-10.218a12.672 12.672 0 0 1 2.698-9.81c5.493-6.779 16.019-6.019 20.468 1.54a8.81 8.81 0 0 1 4.737-1.368c5.18 0 9.283 4.447 8.924 9.643 5.325.302 9.565 4.767 9.565 10.213 0 5.64-4.549 10.229-10.14 10.229h.001Z"
+      />
+      <path
+        fill={fill ?? "currentColor"}
+        d="M27.95 49c-8.222 0-14.91-6.748-14.91-15.043 0-8.295 6.688-15.043 14.91-15.043 8.22 0 14.91 6.748 14.91 15.043C42.86 42.252 36.17 49 27.95 49Zm0-28.882c-7.564 0-13.718 6.208-13.718 13.839s6.154 13.84 13.717 13.84c7.564 0 13.717-6.21 13.717-13.84s-6.153-13.84-13.717-13.84Z"
+      />
+      <path
+        fill={fill ?? "currentColor"}
+        stroke={fill ?? "currentColor"}
+        d="M27.29 40.013c0 .516.414.94.936.94a.938.938 0 0 0 .936-.94V28.56a.939.939 0 0 0-.936-.94.939.939 0 0 0-.937.94v11.453Z"
+      />
+      <path
+        fill={fill ?? "currentColor"}
+        stroke={fill ?? "currentColor"}
+        d="m32.028 31.772.355-.352a.943.943 0 0 1 0 1.327.933.933 0 0 1-.663.277l.308-1.252Zm0 0 .355-.352-3.493-3.524a.934.934 0 0 0-1.328 0l.356.352-.356-.351 4.466 3.875Zm-3.801-1.879-2.83 2.854 2.83-2.854Zm0 0 2.829 2.854a.934.934 0 0 0 .664.277l-3.493-3.131Z"
+      />
+    </svg>
+  );
+};