@campxdev/react-blueprint 2.3.10 → 3.0.0-alpha.1

package/src/components/Assets/Icons/IconComponents/InvigilationIcon.tsx

@@ -1,70 +0,0 @@
-import { useTheme } from "@mui/material";
-
-export const InvigilationIcon = ({
-  color,
-  size = 16,
-}: {
-  color?: string;
-  size?: number;
-}) => {
-   const theme = useTheme();
-        color = color ?? theme.palette.text.primary;
-    return (
-      <svg
-      fill={color}
-        xmlns="http://www.w3.org/2000/svg"
-        width={size}
-        height={size}
-        viewBox="0 0 14.861 16.197"
-      >
-        <g
-          id="vuesax_linear_shield-search"
-          data-name="vuesax/linear/shield-search"
-          transform="translate(-620 -187.312)"
-        >
-          <g id="shield-search" transform="translate(620 188)">
-            <path
-              id="Vector"
-              d="M12.763,6.353V3.805A2.579,2.579,0,0,0,11.21,1.562L7.5.173a3.729,3.729,0,0,0-2.243,0l-3.707,1.4A2.578,2.578,0,0,0,0,3.805v5.52A3.612,3.612,0,0,0,1.285,11.88L4.48,14.265a3.131,3.131,0,0,0,1.9.594"
-              transform="translate(1.023)"
-              fill="none"
-              stroke="#000000"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="1.3"
-            />
-            <path
-              id="Vector-2"
-              data-name="Vector"
-              d="M4.785,2.393A2.393,2.393,0,1,1,2.393,0,2.393,2.393,0,0,1,4.785,2.393Z"
-              transform="translate(8.056 8.082)"
-              fill="none"
-              stroke="#000000"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="1.2"
-            />
-            <path
-              id="Vector-3"
-              data-name="Vector"
-              d="M0,0H14.861V14.861H0Z"
-              transform="translate(14.861 14.861) rotate(180)"
-              fill="none"
-              opacity="0"
-            />
-            <path
-              id="Vector-4"
-              data-name="Vector"
-              d="M.5.5H.5"
-              transform="translate(12.942 12.965)"
-              fill="none"
-              stroke="#000000"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="1.2"
-            />
-          </g>
-        </g>
-      </svg>
-    )
-  }

package/src/components/Assets/Icons/IconComponents/LIneDivider.tsx

@@ -1,23 +0,0 @@
-import { useTheme } from '@mui/material';
-
-export const LineDividerIcon = ({
-  size = 16,
-  height = 20, // Default height
-}: {
-  size?: number;
-  height?: number;
-}) => {
-  const theme = useTheme();
-  const color = theme.palette.border.primary;
-  return (
-    <svg
-      width={size}
-      height={height}
-      viewBox="0 0 1 20"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <line x1="0.0" y1="-2.18557e-08" x2="0.500001" y2="20" stroke={color} />
-    </svg>
-  );
-};

package/src/components/Assets/Icons/IconComponents/LeadsIcon.tsx

@@ -1,53 +0,0 @@
-export const LeadsIcon = ({ size = 16 }) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width={size}
-      height={size}
-      viewBox="0 0 16 16"
-    >
-      <g
-        id="vuesax_outline_profile-add"
-        data-name="vuesax/outline/profile-add"
-        transform="translate(-364 -252)"
-      >
-        <g id="profile-add" transform="translate(364 252)">
-          <path
-            id="Vector"
-            d="M3.538,1.117H.559A.563.563,0,0,1,0,.559.563.563,0,0,1,.559,0h2.98A.563.563,0,0,1,4.1.559.563.563,0,0,1,3.538,1.117Z"
-            transform="translate(9.317 13.035)"
-            fill="#121212"
-          />
-          <path
-            id="Vector-2"
-            data-name="Vector"
-            d="M.559,4.1A.563.563,0,0,1,0,3.538V.559A.563.563,0,0,1,.559,0a.563.563,0,0,1,.559.559V3.538A.563.563,0,0,1,.559,4.1Z"
-            transform="translate(10.807 11.546)"
-            fill="#121212"
-          />
-          <path
-            id="Vector-3"
-            data-name="Vector"
-            d="M3.985,7.724h-.06a.4.4,0,0,0-.134,0A3.849,3.849,0,0,1,0,3.866,3.794,3.794,0,0,1,1.125,1.14a3.861,3.861,0,0,1,6.6,2.726A3.841,3.841,0,0,1,4.008,7.724ZM3.859,1.117A2.734,2.734,0,0,0,1.117,3.858,2.724,2.724,0,0,0,3.762,6.6,1.24,1.24,0,0,1,4,6.6,2.727,2.727,0,0,0,6.607,3.858,2.755,2.755,0,0,0,3.859,1.117Z"
-            transform="translate(4.148)"
-            fill="#121212"
-          />
-          <path
-            id="Vector-4"
-            data-name="Vector"
-            d="M5.646,7.546A7.316,7.316,0,0,1,1.6,6.421,3.23,3.23,0,0,1,0,3.762,3.214,3.214,0,0,1,1.6,1.117a7.853,7.853,0,0,1,8.075,0,.563.563,0,0,1,.156.775.556.556,0,0,1-.775.156,6.766,6.766,0,0,0-6.838,0,2.13,2.13,0,0,0-1.1,1.713A2.152,2.152,0,0,0,2.22,5.49a6.2,6.2,0,0,0,3.419.931.562.562,0,0,1,.007,1.125Z"
-            transform="translate(2.359 8.328)"
-            fill="#121212"
-          />
-          <path
-            id="Vector-5"
-            data-name="Vector"
-            d="M0,0H16V16H0Z"
-            fill="none"
-            opacity="0"
-          />
-        </g>
-      </g>
-    </svg>
-  );
-};

package/src/components/Assets/Icons/IconComponents/LeavesIcon.tsx

@@ -1,26 +0,0 @@
-import { useTheme } from '@mui/material';
-
-export const LeavesIcon = ({
-  color,
-  size = 16,
-}: {
-  color?: string;
-  size?: number;
-}) => {
-  const theme = useTheme();
-  color = color ?? theme.palette.text.primary;
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width={size}
-      height={size}
-      viewBox="0 0 16 16"
-    >
-      <path
-        id="calendar-exclamation"
-        d="M12.667,1.333H12V.667a.667.667,0,1,0-1.333,0v.667H5.333V.667A.667.667,0,0,0,4,.667v.667H3.333A3.337,3.337,0,0,0,0,4.667v8A3.337,3.337,0,0,0,3.333,16h9.333A3.337,3.337,0,0,0,16,12.667v-8A3.337,3.337,0,0,0,12.667,1.333Zm0,13.333H3.333a2,2,0,0,1-2-2v-6h4a.667.667,0,0,0,0-1.333h-4V4.667a2,2,0,0,1,2-2h9.333a2,2,0,0,1,2,2v.667h-4a.667.667,0,1,0,0,1.333h4v6A2,2,0,0,1,12.667,14.667ZM8.667,6v4.667a.667.667,0,1,1-1.333,0V6A.667.667,0,0,1,8.667,6Zm0,6.667A.667.667,0,1,1,8,12,.667.667,0,0,1,8.667,12.667Z"
-        fill={color}
-      />
-    </svg>
-  );
-};

package/src/components/Assets/Icons/IconComponents/LeftIcon.tsx

@@ -1,72 +0,0 @@
-import { useTheme } from '@mui/material';
-
-export const LeftIcon = ({ size = 16 }) => {
-  const theme = useTheme();
-  const color = theme.palette.text.primary;
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width={size}
-      height={size}
-      viewBox="0 0 24 24"
-      style={{
-        stroke: color,
-      }}
-    >
-      <g
-        id="vuesax_linear_logout"
-        data-name="vuesax/linear/logout"
-        transform="translate(-364 -444)"
-      >
-        <g id="logout">
-          <g
-            id="Group_5120"
-            data-name="Group 5120"
-            transform="translate(373.659 453.381)"
-          >
-            <path
-              id="Vector"
-              d="M2.682,5.363,0,2.682,2.682,0"
-              transform="translate(0)"
-              fill="none"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              strokeWidth="1.5"
-            />
-            <path
-              id="Vector-2"
-              data-name="Vector"
-              d="M10.653,0H0"
-              transform="translate(0.073 2.682)"
-              fill="none"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              strokeWidth="1.5"
-            />
-          </g>
-          <path
-            id="Vector-3"
-            data-name="Vector"
-            d="M8.38,16.76A8.015,8.015,0,0,1,0,8.38,8.015,8.015,0,0,1,8.38,0"
-            transform="translate(367.374 447.62)"
-            fill="none"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth="1.5"
-          />
-          <path
-            id="Vector-4"
-            data-name="Vector"
-            d="M0,0H24V24H0Z"
-            transform="translate(388 468) rotate(180)"
-            fill="none"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth="1.5"
-            opacity="0"
-          />
-        </g>
-      </g>
-    </svg>
-  );
-};

package/src/components/Assets/Icons/IconComponents/LegacyIcon.tsx

@@ -1,28 +0,0 @@
-import { useTheme } from '@mui/material/styles';
-
-export const LegacyIcon = ({
-    color,
-    size = 16,
-  }: {
- color?: string;
-    size?: number;
-  }) => {
-    const theme = useTheme();
-    const fillColor = color || theme.palette.text.primary;
-
-    return (
-        <svg width={size} height={size} viewBox="0 0 30 30" fill={fillColor} xmlns="http://www.w3.org/2000/svg">
-            <g clipPath="url(#clip0_4920_10987)">
-                <path d="M15.0004 27.8127C13.9551 27.8136 12.9377 27.4759 12.1004 26.8502L5.58789 21.9752C4.9881 21.5223 4.50113 20.937 4.16503 20.2647C3.82893 19.5925 3.6528 18.8517 3.65039 18.1002L3.65039 2.2002H26.3504V18.1002C26.348 18.8517 26.1718 19.5925 25.8357 20.2647C25.4996 20.937 25.0127 21.5223 24.4129 21.9752L17.9004 26.8502C17.0631 27.4759 16.0457 27.8136 15.0004 27.8127ZM5.52539 4.0627V18.0877C5.52882 18.548 5.63763 19.0013 5.84348 19.413C6.04932 19.8247 6.34673 20.1838 6.71289 20.4627L13.2254 25.3377C13.7401 25.7212 14.3648 25.9283 15.0066 25.9283C15.6485 25.9283 16.2732 25.7212 16.7879 25.3377L23.3004 20.4627C23.6665 20.1838 23.964 19.8247 24.1698 19.413C24.3757 19.0013 24.4845 18.548 24.4879 18.0877V4.0627H5.52539Z" fill={fillColor} />
-                <path d="M27.5 4.0625H2.5C2.25187 4.06086 2.01436 3.96156 1.8389 3.7861C1.66344 3.61064 1.56414 3.37313 1.5625 3.125C1.56414 2.87687 1.66344 2.63936 1.8389 2.4639C2.01436 2.28844 2.25187 2.18914 2.5 2.1875L27.5 2.1875C27.7481 2.18914 27.9856 2.28844 28.1611 2.4639C28.3366 2.63936 28.4359 2.87687 28.4375 3.125C28.4359 3.37313 28.3366 3.61064 28.1611 3.7861C27.9856 3.96156 27.7481 4.06086 27.5 4.0625Z" fill={fillColor} />
-                <path d="M20 10.9375H10C9.75187 10.9359 9.51436 10.8366 9.3389 10.6611C9.16344 10.4856 9.06414 10.2481 9.0625 10C9.06414 9.75187 9.16344 9.51436 9.3389 9.3389C9.51436 9.16344 9.75187 9.06414 10 9.0625H20C20.2481 9.06414 20.4856 9.16344 20.6611 9.3389C20.8366 9.51436 20.9359 9.75187 20.9375 10C20.9359 10.2481 20.8366 10.4856 20.6611 10.6611C20.4856 10.8366 20.2481 10.9359 20 10.9375Z" fill={fillColor} />
-                <path d="M20 17.1875H10C9.75187 17.1859 9.51436 17.0866 9.3389 16.9111C9.16344 16.7356 9.06414 16.4981 9.0625 16.25C9.06414 16.0019 9.16344 15.7644 9.3389 15.5889C9.51436 15.4134 9.75187 15.3141 10 15.3125H20C20.2481 15.3141 20.4856 15.4134 20.6611 15.5889C20.8366 15.7644 20.9359 16.0019 20.9375 16.25C20.9359 16.4981 20.8366 16.7356 20.6611 16.9111C20.4856 17.0866 20.2481 17.1859 20 17.1875Z" fill={fillColor} />
-            </g>
-            <defs>
-                <clipPath id="clip0_4920_10987">
-                    <rect width="30" height="30" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    );
-};

package/src/components/Assets/Icons/IconComponents/LocationIcon.tsx

@@ -1,50 +0,0 @@
-import { useTheme } from '@mui/material';
-
-export const LocationIcon = ({ size = 16 }) => {
-  const theme = useTheme();
-  const color = theme.palette.text.primary;
-
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width={size}
-      height={size}
-      viewBox="0 0 20 20"
-      style={{
-        fill: color,
-      }}
-    >
-      <g
-        id="vuesax_outline_location"
-        data-name="vuesax/outline/location"
-        transform="translate(-428 -188)"
-        // opacity="0.7"
-      >
-        <g id="location" transform="translate(428 188)">
-          <path
-            id="Vector"
-            d="M3.225,6.442A3.221,3.221,0,1,1,6.45,3.225,3.227,3.227,0,0,1,3.225,6.442Zm0-5.192A1.975,1.975,0,1,0,5.2,3.225,1.979,1.979,0,0,0,3.225,1.25Z"
-            transform="translate(6.775 5.367)"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-          <path
-            id="Vector-2"
-            data-name="Vector"
-            d="M7.814,17.925a4.976,4.976,0,0,1-3.442-1.392C1.914,14.167-.8,10.392.222,5.9A7.6,7.6,0,0,1,7.814,0h.008a7.6,7.6,0,0,1,7.592,5.908c1.017,4.492-1.7,8.258-4.158,10.625A4.976,4.976,0,0,1,7.814,17.925Zm0-16.675A6.293,6.293,0,0,0,1.447,6.175c-.9,3.925,1.567,7.308,3.8,9.45a3.688,3.688,0,0,0,5.142,0c2.225-2.142,4.692-5.525,3.808-9.45A6.317,6.317,0,0,0,7.814,1.25Z"
-            transform="translate(2.186 1.042)"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-          <path
-            id="Vector-3"
-            data-name="Vector"
-            d="M0,0H20V20H0Z"
-            fill="none"
-            opacity="0"
-          />
-        </g>
-      </g>
-    </svg>
-  );
-};

package/src/components/Assets/Icons/IconComponents/LogoutIcon.tsx

@@ -1,68 +0,0 @@
-import { useTheme } from '@mui/material';
-import { useState } from 'react';
-
-export const LogoutIcon = ({
-  hoverColor,
-  size = 16,
-}: {
-  hoverColor?: string;
-  size?: number;
-}) => {
-  const theme = useTheme();
-  const [isHovered, setIsHovered] = useState(false);
-  const defaultColor = theme.palette.text.primary;
-
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width={size}
-      height={size}
-      viewBox="0 0 24 24"
-      onMouseEnter={() => setIsHovered(true)}
-      onMouseLeave={() => setIsHovered(false)}
-      style={{
-        stroke: isHovered && hoverColor ? hoverColor : defaultColor,
-      }}
-    >
-      <g id="logout" transform="translate(0 0)">
-        <path
-          id="Vector"
-          d="M12.6,5.07C12.29,1.47,10.44,0,6.39,0H6.26C1.79,0,0,1.79,0,6.26v6.52c0,4.47,1.79,6.26,6.26,6.26h.13c4.02,0,5.87-1.45,6.2-4.99"
-          transform="translate(2.5 2.49)"
-          fill="none"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth="1.2"
-        />
-        <path
-          id="Vector-2"
-          data-name="Vector"
-          d="M0,0H11.38"
-          transform="translate(9 12)"
-          fill="none"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth="1.2"
-        />
-        <path
-          id="Vector-3"
-          data-name="Vector"
-          d="M0,0,3.35,3.35,0,6.7"
-          transform="translate(18.15 8.65)"
-          fill="none"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth="1.2"
-        />
-        <path
-          id="Vector-4"
-          data-name="Vector"
-          d="M0,24H24V0H0Z"
-          transform="translate(0 0)"
-          fill="none"
-          opacity="0"
-        />
-      </g>
-    </svg>
-  );
-};

package/src/components/Assets/Icons/IconComponents/ManageUsersIcon.tsx

@@ -1,37 +0,0 @@
-export const ManageUserIcon = ({ size = 16 }) => {
-  return (
-    <svg
-      width={size}
-      height={size}
-      viewBox="0 0 20 20"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <g clipPath="url(#clip0_10_413)">
-        <path
-          d="M10.0999 11.275H9.95822C9.08387 11.2531 8.25336 10.8875 7.64664 10.2576C7.03992 9.62758 6.70585 8.78393 6.71681 7.90937C6.72778 7.03481 7.08288 6.19979 7.7052 5.58522C8.32752 4.97065 9.16693 4.62604 10.0416 4.62604C10.9162 4.62604 11.7556 4.97065 12.3779 5.58522C13.0002 6.19979 13.3553 7.03481 13.3663 7.90937C13.3773 8.78393 13.0432 9.62758 12.4365 10.2576C11.8297 10.8875 10.9992 11.2531 10.1249 11.275H10.0999ZM9.99989 5.80833C9.4478 5.80846 8.91778 6.02505 8.52361 6.4116C8.12943 6.79815 7.90254 7.32384 7.89163 7.87582C7.88072 8.42779 8.08667 8.96204 8.46526 9.36386C8.84386 9.76569 9.36491 10.003 9.91655 10.025C9.98014 10.0162 10.0446 10.0162 10.1082 10.025C10.6559 9.99428 11.1701 9.7515 11.5418 9.34811C11.9135 8.94473 12.1135 8.41245 12.0994 7.86411C12.0853 7.31577 11.8582 6.79446 11.4663 6.4107C11.0744 6.02694 10.5484 5.81088 9.99989 5.80833Z"
-          fill="#121212"
-          stroke="#121212"
-          strokeWidth="0.4"
-        />
-        <path
-          d="M10.0001 18.9583C7.76285 18.9599 5.6066 18.1212 3.95843 16.6083C3.88565 16.5421 3.82941 16.4597 3.79424 16.3678C3.75907 16.2759 3.74595 16.1771 3.75593 16.0792C3.83781 15.5435 4.03717 15.0327 4.33973 14.5832C4.64228 14.1336 5.04053 13.7566 5.50593 13.4792C6.86419 12.6692 8.41618 12.2416 9.9976 12.2416C11.579 12.2416 13.131 12.6692 14.4893 13.4792C14.9539 13.7575 15.3516 14.1348 15.654 14.5841C15.9565 15.0335 16.1563 15.5439 16.2393 16.0792C16.2668 16.2833 12.2418 18.9583 10.0001 18.9583ZM5.06676 15.9167C6.44948 17.0752 8.19617 17.7096 10.0001 17.7083C11.804 17.7096 13.5507 17.0752 14.9334 15.9167C14.7242 15.3331 14.3213 14.839 13.7918 14.5167C12.6394 13.8453 11.3296 13.4916 9.99593 13.4916C8.66227 13.4916 7.35247 13.8453 6.2001 14.5167C5.67261 14.8392 5.27237 15.3336 5.06676 15.9167Z"
-          fill="#121212"
-          stroke="#121212"
-          strokeWidth="0.4"
-        />
-        <path
-          d="M10.0001 18.9583C8.22829 18.9583 6.49629 18.4329 5.0231 17.4486C3.54991 16.4642 2.4017 15.0651 1.72366 13.4282C1.04563 11.7913 0.868225 9.99006 1.21388 8.25231C1.55954 6.51456 2.41274 4.91834 3.66559 3.6655C4.91843 2.41265 6.51465 1.55945 8.2524 1.21379C9.99015 0.868133 11.7914 1.04554 13.4283 1.72357C15.0652 2.40161 16.4643 3.54982 17.4487 5.02301C18.433 6.4962 18.9584 8.2282 18.9584 9.99999C18.9564 12.3753 18.012 14.6527 16.3324 16.3323C14.6528 18.0119 12.3754 18.9563 10.0001 18.9583ZM10.0001 2.29166C8.47552 2.29166 6.98519 2.74375 5.71757 3.59075C4.44994 4.43775 3.46194 5.64163 2.87851 7.05014C2.29509 8.45866 2.14244 10.0085 2.43987 11.5038C2.73729 12.9991 3.47144 14.3726 4.54947 15.4506C5.6275 16.5286 7.00099 17.2628 8.49626 17.5602C9.99154 17.8576 11.5414 17.705 12.9499 17.1216C14.3585 16.5381 15.5623 15.5501 16.4093 14.2825C17.2563 13.0149 17.7084 11.5246 17.7084 9.99999C17.706 7.95636 16.8931 5.99713 15.448 4.55206C14.003 3.10699 12.0437 2.29409 10.0001 2.29166Z"
-          fill="#121212"
-          stroke="#121212"
-          strokeWidth="0.4"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_10_413">
-          <rect width="20" height="20" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
-  );
-};

package/src/components/Assets/Icons/IconComponents/MarksIcon.tsx

@@ -1,36 +0,0 @@
-import { useTheme } from '@mui/material';
-
-export const MarksIcon = ({ size = 16 }) => {
-  const theme = useTheme();
-  const color = theme.palette.text.primary;
-  return (
-    <svg
-      width={size}
-      height={size}
-      viewBox="0 0 20 20"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <g clip-path="url(#clip0_779_2248)">
-        <path
-          d="M15.2667 10.6254H12.5C10.425 10.6254 9.375 9.45037 9.375 7.12537V4.73371C9.32054 4.23334 9.38078 3.72714 9.55116 3.25354C9.72155 2.77993 9.99759 2.35136 10.3583 2.00037C11.1 1.45037 12.1667 1.40871 13.7417 1.86704C14.7784 2.18151 15.7215 2.7468 16.4875 3.51284C17.2536 4.27887 17.8189 5.22201 18.1333 6.25871C18.5917 7.82537 18.55 8.90037 18 9.63371C17.6507 9.99712 17.2225 10.2755 16.7487 10.4474C16.2748 10.6194 15.7678 10.6802 15.2667 10.6254ZM11.9 2.80287C11.6242 2.78412 11.3497 2.85421 11.1167 3.00287C10.7917 3.24454 10.6333 3.81121 10.6333 4.73621V7.13621C10.6333 9.00287 11.35 9.38621 12.5083 9.38621H15.275C16.1917 9.38621 16.7583 9.22787 17.0083 8.90287C17.3 8.51954 17.275 7.75287 16.95 6.62787C16.69 5.79519 16.2319 5.03797 15.6151 4.42113C14.9982 3.80429 14.241 3.34623 13.4083 3.08621C12.922 2.91897 12.4139 2.82352 11.9 2.80287Z"
-          fill={color}
-          stroke="black"
-          stroke-width="0.4"
-        />
-        <path
-          d="M9.22501 18.9584C7.19434 18.9555 5.23696 18.1993 3.73185 16.8361C2.22674 15.4729 1.28098 13.5998 1.07769 11.5793C0.874399 9.55883 1.42804 7.5348 2.63141 5.89909C3.83478 4.26339 5.60228 3.13238 7.59168 2.72505C7.75394 2.69279 7.92238 2.7253 8.06098 2.81562C8.19958 2.90595 8.29734 3.04692 8.33335 3.20839C8.36561 3.37065 8.3331 3.53909 8.24278 3.67769C8.15245 3.81629 8.01148 3.91405 7.85001 3.95005C6.61916 4.20308 5.47988 4.78493 4.55329 5.63373C3.62671 6.48253 2.94746 7.56657 2.58776 8.77058C2.22806 9.97459 2.20136 11.2536 2.51049 12.4715C2.81962 13.6895 3.45304 14.801 4.34339 15.6877C5.23374 16.5744 6.34774 17.2033 7.56696 17.5075C8.78618 17.8117 10.065 17.7798 11.2676 17.4152C12.4701 17.0506 13.5514 16.367 14.3964 15.4369C15.2414 14.5069 15.8187 13.3653 16.0667 12.1334C16.0987 11.9709 16.194 11.8279 16.3315 11.7357C16.3996 11.69 16.476 11.6582 16.5564 11.6421C16.6368 11.626 16.7196 11.6259 16.8 11.6417C16.8804 11.6576 16.957 11.6891 17.0252 11.7346C17.0934 11.78 17.1521 11.8385 17.1977 11.9066C17.2434 11.9747 17.2752 12.0511 17.2913 12.1315C17.3074 12.2118 17.3075 12.2946 17.2917 12.3751C16.9156 14.2358 15.9062 15.9087 14.4354 17.109C12.9647 18.3093 11.1234 18.9629 9.22501 18.9584Z"
-          fill={color}
-          stroke="black"
-          stroke-width="0.4"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_779_2248">
-          <rect width="20" height="20" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
-  );
-};
-

package/src/components/Assets/Icons/IconComponents/MenteesIcon.tsx

@@ -1,30 +0,0 @@
-import { useTheme } from "@mui/material";
-
-export const MenteesIcon =  ({
-    color,
-    size = 16,
-  }: {
-    color?: string;
-    size?: number;
-  }) => {
-      const theme = useTheme();
-         color = color ?? theme.palette.text.primary;
-    return (
-        <svg width={size} height={size} viewBox="0 0 30 30" fill={color} xmlns="http://www.w3.org/2000/svg">
-            <g clip-path="url(#clip0_4876_12915)">
-                <path d="M22.4996 9.88762H22.3371C21.3278 9.79238 20.3967 9.30298 19.7459 8.52562C19.0951 7.74826 18.7771 6.74563 18.8608 5.73528C18.9446 4.72493 19.4233 3.78835 20.1932 3.12874C20.9631 2.46914 21.9621 2.13971 22.9733 2.21194C23.9845 2.28417 24.9265 2.75223 25.5949 3.51457C26.2632 4.27691 26.604 5.27203 26.5433 6.28403C26.4825 7.29602 26.0252 8.24327 25.2706 8.92024C24.5159 9.59721 23.5247 9.9493 22.5121 9.90012C22.5121 9.88762 22.5121 9.88762 22.4996 9.88762ZM22.3746 3.43762C21.7783 3.44229 21.2073 3.67952 20.7833 4.0988C20.3593 4.51809 20.1156 5.08631 20.1042 5.68254C20.0928 6.27876 20.3145 6.85589 20.7222 7.29108C21.1299 7.72627 21.6914 7.98515 22.2871 8.01262C22.3614 7.99858 22.4378 7.99858 22.5121 8.01262C23.1131 7.98627 23.6795 7.72438 24.0889 7.2836C24.4982 6.84282 24.7176 6.25859 24.6996 5.65731C24.6815 5.05603 24.4274 4.48604 23.9923 4.07064C23.5572 3.65524 22.9761 3.42783 22.3746 3.43762Z" fill={color} />
-                <path d="M22.5133 19.1C22.023 19.1019 21.5336 19.0601 21.0508 18.975C20.9293 18.9537 20.8132 18.9087 20.7091 18.8424C20.6051 18.7762 20.5151 18.6902 20.4443 18.5892C20.3735 18.4882 20.3233 18.3743 20.2965 18.2539C20.2697 18.1335 20.2669 18.009 20.2883 17.8875C20.3096 17.7661 20.3547 17.65 20.4209 17.5459C20.4871 17.4419 20.5731 17.3519 20.6741 17.2811C20.7751 17.2103 20.889 17.16 21.0094 17.1333C21.1298 17.1065 21.2543 17.1037 21.3758 17.125C22.8365 17.4019 24.348 17.1351 25.6258 16.375C25.8772 16.2406 26.0912 16.0457 26.2483 15.8078C26.4055 15.5699 26.5008 15.2966 26.5258 15.0125C26.4979 14.731 26.4012 14.4606 26.2442 14.2252C26.0873 13.9898 25.8749 13.7966 25.6258 13.6625C24.3353 12.8996 22.8095 12.6371 21.3383 12.925C21.2166 12.9478 21.0917 12.9461 20.9708 12.9199C20.8499 12.8937 20.7354 12.8437 20.6341 12.7726C20.5328 12.7016 20.4467 12.611 20.3808 12.5063C20.315 12.4015 20.2708 12.2846 20.2508 12.1625C20.2292 12.0411 20.2318 11.9165 20.2585 11.796C20.2852 11.6755 20.3354 11.5615 20.4062 11.4605C20.4771 11.3594 20.5671 11.2734 20.6713 11.2072C20.7755 11.1411 20.8917 11.0962 21.0133 11.075C22.9585 10.6969 24.9748 11.0627 26.6633 12.1C27.1723 12.4027 27.5977 12.8275 27.9011 13.3361C28.2045 13.8447 28.3762 14.4209 28.4008 15.0125C28.3768 15.6065 28.2054 16.1852 27.9021 16.6965C27.5988 17.2077 27.1731 17.6355 26.6633 17.9413C25.4205 18.7194 23.9794 19.1218 22.5133 19.1Z" fill={color} />
-                <path d="M7.46328 9.88716H7.43828C6.34908 9.84947 5.31826 9.38546 4.56787 8.59508C3.81747 7.8047 3.40755 6.75121 3.4264 5.66151C3.44525 4.57182 3.89137 3.53313 4.66865 2.76918C5.44593 2.00523 6.49218 1.57715 7.58203 1.57715C8.67189 1.57715 9.71814 2.00523 10.4954 2.76918C11.2727 3.53313 11.7188 4.57182 11.7377 5.66151C11.7565 6.75121 11.3466 7.8047 10.5962 8.59508C9.8458 9.38546 8.81499 9.84947 7.72578 9.88716L7.46328 8.94966L7.55078 9.88716H7.46328ZM7.58828 8.01216C7.65934 8.01009 7.73045 8.01427 7.80078 8.02466C8.40186 7.98255 8.96311 7.70872 9.36625 7.2609C9.76939 6.81308 9.98293 6.22623 9.96186 5.62405C9.94079 5.02186 9.68676 4.45138 9.25331 4.03283C8.81985 3.61427 8.24083 3.38035 7.63828 3.38035C7.03573 3.38035 6.45671 3.61427 6.02326 4.03283C5.5898 4.45138 5.33577 5.02186 5.3147 5.62405C5.29363 6.22623 5.50717 6.81308 5.91031 7.2609C6.31345 7.70872 6.8747 7.98255 7.47578 8.02466C7.51183 8.01195 7.55032 8.00767 7.58828 8.01216Z" fill={color} />
-                <path d="M7.45 19.1C5.9839 19.1218 4.54276 18.7194 3.3 17.9413C2.78997 17.6358 2.36406 17.2081 2.06072 16.6967C1.75738 16.1854 1.58615 15.6066 1.5625 15.0125C1.58858 14.4212 1.76096 13.8456 2.0642 13.3373C2.36744 12.829 2.79206 12.4039 3.3 12.1C4.98845 11.0627 7.00476 10.6969 8.95 11.075C9.07157 11.0962 9.18777 11.1411 9.29194 11.2072C9.39612 11.2734 9.48621 11.3594 9.55704 11.4605C9.62788 11.5615 9.67808 11.6755 9.70476 11.796C9.73144 11.9165 9.73407 12.0411 9.7125 12.1625C9.69247 12.2846 9.64824 12.4015 9.58242 12.5063C9.51659 12.611 9.4305 12.7016 9.32919 12.7726C9.22789 12.8437 9.11341 12.8937 8.99248 12.9199C8.87155 12.9461 8.74661 12.9478 8.625 12.925C7.15374 12.6379 5.62827 12.9003 4.3375 13.6625C4.08664 13.7945 3.87284 13.9871 3.71562 14.223C3.5584 14.4588 3.46278 14.7302 3.4375 15.0125C3.46545 15.2957 3.56202 15.5678 3.71884 15.8052C3.87567 16.0426 4.08802 16.2382 4.3375 16.375C5.61524 17.1351 7.12678 17.4019 8.5875 17.125C8.70897 17.1037 8.83346 17.1065 8.95385 17.1333C9.07424 17.16 9.18819 17.2103 9.28917 17.2811C9.39015 17.3519 9.4762 17.4419 9.5424 17.5459C9.6086 17.65 9.65366 17.7661 9.675 17.8875C9.69634 18.009 9.69355 18.1335 9.66677 18.2539C9.64001 18.3743 9.58978 18.4882 9.51898 18.5892C9.44817 18.6902 9.35817 18.7762 9.25411 18.8424C9.15005 18.9087 9.03397 18.9537 8.9125 18.975C8.42968 19.0601 7.94025 19.1019 7.45 19.1Z" fill={color} />
-                <path d="M14.9996 19.2245H14.8371C13.8278 19.1293 12.8967 18.6399 12.2459 17.8625C11.5951 17.0852 11.2771 16.0825 11.3608 15.0722C11.4446 14.0618 11.9233 13.1253 12.6932 12.4657C13.4631 11.806 14.4621 11.4766 15.4733 11.5489C16.4845 11.6211 17.4265 12.0891 18.0949 12.8515C18.7632 13.6138 19.104 14.6089 19.0433 15.6209C18.9825 16.6329 18.5252 17.5802 17.7706 18.2572C17.0159 18.9341 16.0247 19.2862 15.0121 19.237C15.0121 19.2245 15.0121 19.2245 14.9996 19.2245ZM14.8746 12.7745C14.2783 12.7792 13.7073 13.0164 13.2833 13.4357C12.8593 13.855 12.6156 14.4232 12.6042 15.0195C12.5928 15.6157 12.8145 16.1928 13.2222 16.628C13.6299 17.0632 14.1914 17.3221 14.7871 17.3495C14.8614 17.3355 14.9378 17.3355 15.0121 17.3495C15.6131 17.3232 16.1795 17.0613 16.5889 16.6205C16.9982 16.1797 17.2176 15.5955 17.1996 14.9942C17.1815 14.3929 16.9274 13.8229 16.4923 13.4076C16.0572 12.9922 15.4761 12.7647 14.8746 12.7745Z" fill={color} />
-                <path d="M14.9996 28.4503C13.5268 28.4759 12.0791 28.0673 10.8371 27.2753C10.3281 26.9727 9.90265 26.5478 9.59926 26.0393C9.29587 25.5307 9.12413 24.9545 9.09961 24.3628C9.12276 23.7692 9.29381 23.1907 9.59723 22.6799C9.90065 22.1691 10.3268 21.7422 10.8371 21.4378C12.0924 20.6774 13.532 20.2754 14.9996 20.2754C16.4672 20.2754 17.9068 20.6774 19.1621 21.4378C19.6711 21.7405 20.0966 22.1653 20.4 22.6739C20.7034 23.1825 20.8751 23.7587 20.8996 24.3503C20.8765 24.944 20.7054 25.5225 20.402 26.0333C20.0986 26.5441 19.6724 26.971 19.1621 27.2753C17.9177 28.0619 16.4716 28.4701 14.9996 28.4503ZM11.8746 23.0128C11.6232 23.1472 11.4092 23.3422 11.252 23.5801C11.0949 23.818 10.9995 24.0913 10.9746 24.3753C11.0025 24.6569 11.0992 24.9273 11.2561 25.1627C11.4131 25.3981 11.6255 25.5913 11.8746 25.7253C12.819 26.2841 13.8961 26.5788 14.9934 26.5788C16.0906 26.5788 17.1677 26.2841 18.1121 25.7253C18.3636 25.5909 18.5775 25.396 18.7347 25.1581C18.8918 24.9202 18.9872 24.6469 19.0121 24.3628C18.9842 24.0813 18.8875 23.8109 18.7306 23.5755C18.5737 23.3401 18.3613 23.1469 18.1121 23.0128C17.1666 22.4573 16.09 22.1644 14.9934 22.1644C13.8968 22.1644 12.8201 22.4573 11.8746 23.0128Z" fill={color} />
-            </g>
-            <defs>
-                <clipPath id="clip0_4876_12915">
-                    <rect width="30" height="30" fill={color} />
-                </clipPath>
-            </defs>
-        </svg>
-
-    )
-}

package/src/components/Assets/Icons/IconComponents/MentorsIcon.tsx

@@ -1,65 +0,0 @@
-import { useTheme } from "@mui/material";
-
-export const MentorsIcon = ({
-  color,
-  size = 16,
-}: {
-  color?: string;
-  size?: number;
-}) => {
-   const theme = useTheme();
-           color = color ?? theme.palette.text.primary;
-    return (
-      <svg
-        id="mode-portrait"
-        fill={color}
-        xmlns="http://www.w3.org/2000/svg"
-        width={size}
-        height={size}
-        viewBox="0 0 16 16"
-      >
-        <path
-          id="Path_19234"
-          data-name="Path 19234"
-          d="M20.667,16a.667.667,0,0,0-.667.667V18a2,2,0,0,1-2,2H16.667a.667.667,0,0,0,0,1.333H18A3.337,3.337,0,0,0,21.333,18V16.667A.667.667,0,0,0,20.667,16Z"
-          transform="translate(-5.333 -5.333)"
-          fill={color}
-        />
-        <path
-          id="Path_19235"
-          data-name="Path 19235"
-          d="M.667,5.333a.667.667,0,0,0,.667-.667V3.333a2,2,0,0,1,2-2H4.667A.667.667,0,0,0,4.667,0H3.333A3.337,3.337,0,0,0,0,3.333V4.667a.667.667,0,0,0,.667.667Z"
-          transform="translate(0 0)"
-          fill={color}
-        />
-        <path
-          id="Path_19236"
-          data-name="Path 19236"
-          d="M4.667,20H3.333a2,2,0,0,1-2-2V16.667a.667.667,0,0,0-1.333,0V18a3.337,3.337,0,0,0,3.333,3.333H4.667a.667.667,0,0,0,0-1.333Z"
-          transform="translate(0 -5.333)"
-          fill={color}
-        />
-        <path
-          id="Path_19237"
-          data-name="Path 19237"
-          d="M18,0H16.667a.667.667,0,0,0,0,1.333H18a2,2,0,0,1,2,2V4.667a.667.667,0,0,0,1.333,0V3.333A3.337,3.337,0,0,0,18,0Z"
-          transform="translate(-5.333 0)"
-          fill={color}
-        />
-        <path
-          id="Path_19238"
-          data-name="Path 19238"
-          d="M10.667,8.333A2.667,2.667,0,1,0,8,5.667a2.667,2.667,0,0,0,2.667,2.667Zm0-4A1.333,1.333,0,1,1,9.333,5.667,1.333,1.333,0,0,1,10.667,4.333Z"
-          transform="translate(-2.667 -1)"
-          fill={color}
-        />
-        <path
-          id="Path_19239"
-          data-name="Path 19239"
-          d="M13.667,17.667A.667.667,0,0,0,14.333,17a4,4,0,0,0-4-4H9a4,4,0,0,0-4,4,.667.667,0,1,0,1.333,0A2.667,2.667,0,0,1,9,14.333h1.333A2.667,2.667,0,0,1,13,17,.667.667,0,0,0,13.667,17.667Z"
-          transform="translate(-1.667 -4.333)"
-          fill={color}
-        />
-      </svg>
-    )
-  }

package/src/components/Assets/Icons/IconComponents/MinusSquare.tsx

@@ -1,26 +0,0 @@
-import { useTheme } from '@mui/material';
-
-export const MinusSquare = ({
-  size = 16,
-  color,
-}: {
-  size?: number;
-  color?: string;
-}) => {
-  const theme = useTheme();
-  const fill = color ?? theme.palette.highlight.highlightRed;
-  return (
-    <svg
-      width={size}
-      height={size}
-      viewBox="0 0 16 16"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M10.7959 1.3335H5.20927C2.7826 1.3335 1.33594 2.78016 1.33594 5.20683V10.7868C1.33594 13.2202 2.7826 14.6668 5.20927 14.6668H10.7893C13.2159 14.6668 14.6626 13.2202 14.6626 10.7935V5.20683C14.6693 2.78016 13.2226 1.3335 10.7959 1.3335ZM10.6693 8.50016H5.33594C5.20333 8.50016 5.07615 8.44749 4.98238 8.35372C4.88862 8.25995 4.83594 8.13277 4.83594 8.00016C4.83594 7.86756 4.88862 7.74038 4.98238 7.64661C5.07615 7.55284 5.20333 7.50016 5.33594 7.50016H10.6693C10.8019 7.50016 10.9291 7.55284 11.0228 7.64661C11.1166 7.74038 11.1693 7.86756 11.1693 8.00016C11.1693 8.13277 11.1166 8.25995 11.0228 8.35372C10.9291 8.44749 10.8019 8.50016 10.6693 8.50016Z"
-        fill={fill}
-      />
-    </svg>
-  );
-};

package/src/components/Assets/Icons/IconComponents/MoreVertIcon.tsx

@@ -1,35 +0,0 @@
-import { useTheme } from '@mui/material';
-
-export const MoreVertIcon = ({ size = 16 }) => {
-  const theme = useTheme();
-  const color = theme.palette.text.primary;
-
-  return (
-    <svg
-      width={size}
-      height={size}
-      viewBox="0 0 21 20"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M10.28 17C9.576 17 9 16.424 9 15.72C9 15.016 9.576 14.44 10.28 14.44C10.984 14.44 11.56 15.016 11.56 15.72C11.56 16.424 10.984 17 10.28 17Z"
-        fill={color}
-        stroke="#121212"
-        strokeWidth="0.4"
-      />
-      <path
-        d="M10.28 6.54688C9.576 6.54688 9 5.97087 9 5.26687C9 4.56287 9.576 3.98687 10.28 3.98687C10.984 3.98687 11.56 4.56287 11.56 5.26687C11.56 5.97087 10.984 6.54688 10.28 6.54688Z"
-        fill={color}
-        stroke="#121212"
-        strokeWidth="0.4"
-      />
-      <path
-        d="M10.28 9.21345C10.984 9.21345 11.56 9.78945 11.56 10.4935C11.56 11.1975 10.984 11.7734 10.28 11.7734C9.576 11.7734 9 11.1975 9 10.4935C9 9.78945 9.576 9.21345 10.28 9.21345Z"
-        fill={color}
-        stroke="#121212"
-        strokeWidth="0.4"
-      />
-    </svg>
-  );
-};