odaptos_design_system 1.0.0 → 1.2.0

package/src/Icons/Equipment/MicrophonePodcastIcon.tsx

@@ -0,0 +1,31 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function MicrophonePodcastIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M8.75143 2.00143C9.0725 1.68037 9.50795 1.5 9.962 1.5H14.038C14.4921 1.5 14.9275 1.68037 15.2486 2.00143C15.5696 2.3225 15.75 2.75795 15.75 3.212V11.038C15.75 11.4666 15.5893 11.8796 15.2996 12.1954C15.1681 12.3388 15.0143 12.4574 14.8457 12.5476C14.4476 11.3576 13.324 10.5 12 10.5C10.6761 10.5 9.55245 11.3576 9.15434 12.5476C8.98578 12.4574 8.83209 12.3389 8.70061 12.1956C8.41079 11.8797 8.24999 11.4667 8.25 11.038V9H10.5C10.9142 9 11.25 8.66421 11.25 8.25C11.25 7.83579 10.9142 7.5 10.5 7.5H8.25V6H10.5C10.9142 6 11.25 5.66421 11.25 5.25C11.25 4.83579 10.9142 4.5 10.5 4.5H8.25V3.212C8.25 2.75795 8.43037 2.3225 8.75143 2.00143ZM10.5002 13.5256C10.5012 13.5039 10.5013 13.4825 10.5005 13.4612C10.5211 12.6507 11.1846 12 12 12C12.8246 12 13.4938 12.6654 13.5 13.4886L10.5002 13.5256ZM10.5002 13.5256L13.5 13.4982L13.5 13.5C13.5 14.3284 12.8284 15 12 15C11.1801 15 10.5139 14.3422 10.5002 13.5256ZM14.9354 14.1222C14.7003 15.2368 13.8464 16.1233 12.75 16.4055V18.8129C13.6652 18.9676 14.517 19.403 15.182 20.068C16.0259 20.9119 16.5 22.0565 16.5 23.25C16.5 23.6642 16.1642 24 15.75 24H8.25C7.83579 24 7.5 23.6642 7.5 23.25C7.5 22.0565 7.97411 20.9119 8.81802 20.068C9.48304 19.403 10.3348 18.9676 11.25 18.8129V16.4055C10.1535 16.1233 9.29967 15.2368 9.0646 14.1222C8.50448 13.9592 7.99522 13.6454 7.59542 13.2098C7.05167 12.6172 6.74999 11.8422 6.75 11.038V8.25V5.25V3.212C6.75 2.36012 7.08841 1.54314 7.69077 0.940773C8.29314 0.338406 9.11012 0 9.962 0H14.038C14.8899 0 15.7069 0.338406 16.3092 0.940773C16.9116 1.54314 17.25 2.36012 17.25 3.212V11.038C17.25 11.842 16.9485 12.6168 16.4051 13.2093C16.0052 13.6453 15.4957 13.9592 14.9354 14.1222ZM12 20.25C11.2043 20.25 10.4413 20.5661 9.87868 21.1287C9.49652 21.5108 9.22812 21.9855 9.09525 22.5H14.9047C14.7719 21.9855 14.5035 21.5108 14.1213 21.1287C13.5587 20.5661 12.7957 20.25 12 20.25Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Equipment/MobileIcon.tsx

@@ -0,0 +1,73 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function MobileIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M8.25 1.5C7.00736 1.5 6 2.50736 6 3.75V20.25C6 21.4926 7.00736 22.5 8.25 22.5H15.75C16.9926 22.5 18 21.4926 18 20.25V3.75C18 2.50736 16.9926 1.5 15.75 1.5H8.25ZM4.5 3.75C4.5 1.67893 6.17893 0 8.25 0H15.75C17.8211 0 19.5 1.67893 19.5 3.75V20.25C19.5 22.3211 17.8211 24 15.75 24H8.25C6.17893 24 4.5 22.3211 4.5 20.25V3.75Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M4.5 19.125C4.5 18.7108 4.83579 18.375 5.25 18.375H18.75C19.1642 18.375 19.5 18.7108 19.5 19.125C19.5 19.5392 19.1642 19.875 18.75 19.875H5.25C4.83579 19.875 4.5 19.5392 4.5 19.125Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M7.5 4.875C7.5 4.46079 7.83579 4.125 8.25 4.125H9.75C10.1642 4.125 10.5 4.46079 10.5 4.875C10.5 5.28921 10.1642 5.625 9.75 5.625H9V6.375C9 6.78921 8.66421 7.125 8.25 7.125C7.83579 7.125 7.5 6.78921 7.5 6.375V4.875Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M12 4.875C12 4.46079 12.3358 4.125 12.75 4.125H15.75C16.1642 4.125 16.5 4.46079 16.5 4.875V7.875C16.5 8.28921 16.1642 8.625 15.75 8.625H12.75C12.3358 8.625 12 8.28921 12 7.875V4.875ZM13.5 5.625V7.125H15V5.625H13.5Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M7.5 12.375C7.5 11.9608 7.83579 11.625 8.25 11.625H11.25C11.6642 11.625 12 11.9608 12 12.375V15.375C12 15.7892 11.6642 16.125 11.25 16.125H8.25C7.83579 16.125 7.5 15.7892 7.5 15.375V12.375ZM9 13.125V14.625H10.5V13.125H9Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M7.5 9.375C7.5 8.96079 7.83579 8.625 8.25 8.625H11.25C11.6642 8.625 12 8.96079 12 9.375C12 9.78921 11.6642 10.125 11.25 10.125H8.25C7.83579 10.125 7.5 9.78921 7.5 9.375Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M12.75 10.875C12.75 10.4608 13.0858 10.125 13.5 10.125H15.75C16.1642 10.125 16.5 10.4608 16.5 10.875C16.5 11.2892 16.1642 11.625 15.75 11.625H13.5C13.0858 11.625 12.75 11.2892 12.75 10.875Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M15.75 13.125C16.1642 13.125 16.5 13.4608 16.5 13.875V15.375C16.5 15.7892 16.1642 16.125 15.75 16.125H13.5C13.0858 16.125 12.75 15.7892 12.75 15.375C12.75 14.9608 13.0858 14.625 13.5 14.625H15V13.875C15 13.4608 15.3358 13.125 15.75 13.125Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Equipment/TvFlatScreenIcon.tsx

@@ -0,0 +1,67 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function TvFlatScreenIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M1.75 3.625C1.61193 3.625 1.5 3.73693 1.5 3.875V16.875C1.5 17.0131 1.61193 17.125 1.75 17.125H22.25C22.3881 17.125 22.5 17.0131 22.5 16.875V3.875C22.5 3.73693 22.3881 3.625 22.25 3.625H1.75ZM0 3.875C0 2.9085 0.783502 2.125 1.75 2.125H22.25C23.2165 2.125 24 2.9085 24 3.875V16.875C24 17.8415 23.2165 18.625 22.25 18.625H1.75C0.783502 18.625 0 17.8415 0 16.875V3.875Z"
+          fill={fill}
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M6.75 21.625C6.75 21.2108 7.08579 20.875 7.5 20.875H16.5C16.9142 20.875 17.25 21.2108 17.25 21.625C17.25 22.0392 16.9142 22.375 16.5 22.375H7.5C7.08579 22.375 6.75 22.0392 6.75 21.625Z"
+          fill={fill}
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M12 17.125C12.4142 17.125 12.75 17.4608 12.75 17.875V21.625C12.75 22.0392 12.4142 22.375 12 22.375C11.5858 22.375 11.25 22.0392 11.25 21.625V17.875C11.25 17.4608 11.5858 17.125 12 17.125Z"
+          fill={fill}
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M1.75 3.625C1.61193 3.625 1.5 3.73693 1.5 3.875V16.875C1.5 17.0131 1.61193 17.125 1.75 17.125H22.25C22.3881 17.125 22.5 17.0131 22.5 16.875V3.875C22.5 3.73693 22.3881 3.625 22.25 3.625H1.75ZM0 3.875C0 2.9085 0.783502 2.125 1.75 2.125H22.25C23.2165 2.125 24 2.9085 24 3.875V16.875C24 17.8415 23.2165 18.625 22.25 18.625H1.75C0.783502 18.625 0 17.8415 0 16.875V3.875Z"
+          fill={fill}
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M6.75 21.625C6.75 21.2108 7.08579 20.875 7.5 20.875H16.5C16.9142 20.875 17.25 21.2108 17.25 21.625C17.25 22.0392 16.9142 22.375 16.5 22.375H7.5C7.08579 22.375 6.75 22.0392 6.75 21.625Z"
+          fill={fill}
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M12 17.125C12.4142 17.125 12.75 17.4608 12.75 17.875V21.625C12.75 22.0392 12.4142 22.375 12 22.375C11.5858 22.375 11.25 22.0392 11.25 21.625V17.875C11.25 17.4608 11.5858 17.125 12 17.125Z"
+          fill={fill}
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M12.4247 5.67825C12.3164 5.56479 12.162 5.5 12 5.5C11.838 5.5 11.6836 5.56479 11.5753 5.67825L8.14669 9.26799C7.93557 9.48903 7.95459 9.8295 8.18917 10.0284C8.42374 10.2274 8.78505 10.2095 8.99617 9.98841L11.332 7.54275V14.9828C11.332 15.2692 11.6305 15.5013 11.9987 15.5013C12.3669 15.5013 12.6654 15.2692 12.6654 14.9828V7.54002L15.0038 9.98841C15.2149 10.2095 15.5763 10.2274 15.8108 10.0284C16.0454 9.8295 16.0644 9.48903 15.8533 9.26799L12.4247 5.67825Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Equipment/TvIcon.tsx

@@ -0,0 +1,43 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function TvIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M1.75 3.625C1.61193 3.625 1.5 3.73693 1.5 3.875V16.875C1.5 17.0131 1.61193 17.125 1.75 17.125H22.25C22.3881 17.125 22.5 17.0131 22.5 16.875V3.875C22.5 3.73693 22.3881 3.625 22.25 3.625H1.75ZM0 3.875C0 2.9085 0.783502 2.125 1.75 2.125H22.25C23.2165 2.125 24 2.9085 24 3.875V16.875C24 17.8415 23.2165 18.625 22.25 18.625H1.75C0.783502 18.625 0 17.8415 0 16.875V3.875Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M6.75 21.625C6.75 21.2108 7.08579 20.875 7.5 20.875H16.5C16.9142 20.875 17.25 21.2108 17.25 21.625C17.25 22.0392 16.9142 22.375 16.5 22.375H7.5C7.08579 22.375 6.75 22.0392 6.75 21.625Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M12 17.125C12.4142 17.125 12.75 17.4608 12.75 17.875V21.625C12.75 22.0392 12.4142 22.375 12 22.375C11.5858 22.375 11.25 22.0392 11.25 21.625V17.875C11.25 17.4608 11.5858 17.125 12 17.125Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Interaction/AccountIcon.tsx

@@ -0,0 +1,31 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function AccountIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M7.72653 4.58633C7.57955 5.0309 7.5 5.50616 7.5 6C7.5 8.48528 9.51472 10.5 12 10.5C14.3687 10.5 16.31 8.66985 16.4869 6.34645C15.6012 6.61379 14.6792 6.75032 13.7502 6.75L7.72653 4.58633ZM7.72653 4.58633L13.7502 6.75C12.4782 6.75021 11.2187 6.49393 10.0481 5.99648C9.2087 5.63981 8.42708 5.16441 7.72653 4.58633ZM16.3429 4.81699C15.51 5.10356 14.6339 5.25035 13.7503 5.25C12.6798 5.25023 11.6199 5.03458 10.6347 4.61594C9.83521 4.27622 9.09799 3.80849 8.4515 3.23234C9.27507 2.17791 10.5584 1.5 12 1.5C14.0759 1.5 15.8235 2.90561 16.3429 4.81699ZM6.81781 2.97402C6.29796 3.86238 6 4.8964 6 6C6 9.31371 8.68629 12 12 12C15.3137 12 18 9.31371 18 6C18 2.68629 15.3137 0 12 0C9.80731 0 7.88933 1.17619 6.84259 2.93207C6.83384 2.94584 6.82558 2.95983 6.81781 2.97402ZM7.52186 15.4432C6.8381 15.8354 6.20313 16.319 5.63604 16.886C3.94821 18.5739 3 20.8631 3 23.25C3 23.6642 2.66421 24 2.25 24C1.83579 24 1.5 23.6642 1.5 23.25C1.5 20.4652 2.60625 17.7945 4.57538 15.8254C5.54476 14.856 6.68418 14.0957 7.92352 13.5736C7.94859 13.5615 7.97443 13.5507 8.00095 13.5414C9.25752 13.0238 10.6146 12.75 12 12.75C13.3854 12.75 14.7425 13.0238 15.9991 13.5414C16.0256 13.5507 16.0514 13.5615 16.0765 13.5736C17.3158 14.0957 18.4552 14.856 19.4246 15.8254C21.3938 17.7945 22.5 20.4652 22.5 23.25C22.5 23.6642 22.1642 24 21.75 24C21.3358 24 21 23.6642 21 23.25C21 20.8631 20.0518 18.5739 18.364 16.886C17.7969 16.319 17.1619 15.8354 16.4781 15.4432C16.3762 16.4739 15.9208 17.4432 15.182 18.182C14.3381 19.0259 13.1935 19.5 12 19.5C10.8065 19.5 9.66193 19.0259 8.81802 18.182C8.07921 17.4432 7.62383 16.4739 7.52186 15.4432ZM9 14.7647V15C9 15.7957 9.31607 16.5587 9.87868 17.1213C10.4413 17.684 11.2043 18 12 18C12.7957 18 13.5587 17.684 14.1213 17.1213C14.6839 16.5587 15 15.7957 15 15V14.7647C14.0454 14.4272 13.0318 14.25 12 14.25C10.9682 14.25 9.95461 14.4272 9 14.7647Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Interaction/AddIcon.tsx

@@ -0,0 +1,44 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function AddIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <g clipPath="url(#clip0_122_141)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 12C0 11.5858 0.335786 11.25 0.75 11.25H23.25C23.6642 11.25 24 11.5858 24 12C24 12.4142 23.6642 12.75 23.25 12.75H0.75C0.335786 12.75 0 12.4142 0 12Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 0C12.4142 0 12.75 0.335786 12.75 0.75V23.25C12.75 23.6642 12.4142 24 12 24C11.5858 24 11.25 23.6642 11.25 23.25V0.75C11.25 0.335786 11.5858 0 12 0Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_141">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Interaction/AgendaIcon.tsx

@@ -0,0 +1,68 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function AgendaIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <g clipPath="url(#clip0_122_179)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M2.25 4.5C1.83579 4.5 1.5 4.83579 1.5 5.25V21.75C1.5 22.1642 1.83579 22.5 2.25 22.5H21.75C22.1642 22.5 22.5 22.1642 22.5 21.75V5.25C22.5 4.83579 22.1642 4.5 21.75 4.5H2.25ZM0 5.25C0 4.00736 1.00736 3 2.25 3H21.75C22.9926 3 24 4.00736 24 5.25V21.75C24 22.9926 22.9926 24 21.75 24H2.25C1.00736 24 0 22.9926 0 21.75V5.25Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M23.25 10.5H0.75V9H23.25V10.5Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.75 0C7.16421 0 7.5 0.335786 7.5 0.75V6C7.5 6.41421 7.16421 6.75 6.75 6.75C6.33579 6.75 6 6.41421 6 6V0.75C6 0.335786 6.33579 0 6.75 0Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M17.25 0C17.6642 0 18 0.335786 18 0.75V6C18 6.41421 17.6642 6.75 17.25 6.75C16.8358 6.75 16.5 6.41421 16.5 6V0.75C16.5 0.335786 16.8358 0 17.25 0Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M11.375 13.5C10.9053 13.5 10.4461 13.6393 10.0555 13.9003C9.66496 14.1612 9.36054 14.5322 9.18079 14.9661C9.00103 15.4001 8.954 15.8776 9.04564 16.3383C9.13728 16.799 9.36347 17.2222 9.69562 17.5544C10.0278 17.8865 10.451 18.1127 10.9117 18.2044C11.3724 18.296 11.8499 18.249 12.2839 18.0692C12.7178 17.8895 13.0888 17.585 13.3497 17.1945C13.6107 16.8039 13.75 16.3447 13.75 15.875C13.75 15.2451 13.4998 14.641 13.0544 14.1956C12.609 13.7502 12.0049 13.5 11.375 13.5ZM9.22217 12.6531C9.85941 12.2273 10.6086 12 11.375 12C12.4027 12 13.3883 12.4083 14.115 13.135C14.8417 13.8617 15.25 14.8473 15.25 15.875C15.25 16.6414 15.0227 17.3906 14.5969 18.0278C14.1712 18.6651 13.566 19.1617 12.8579 19.455C12.1498 19.7483 11.3707 19.8251 10.619 19.6755C9.86735 19.526 9.17689 19.157 8.63496 18.615C8.09303 18.0731 7.72397 17.3827 7.57446 16.631C7.42494 15.8793 7.50168 15.1002 7.79497 14.3921C8.08826 13.684 8.58492 13.0788 9.22217 12.6531Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M13.0547 17.5547C13.3476 17.2618 13.8224 17.2618 14.1153 17.5547L16.2803 19.7197C16.5732 20.0126 16.5732 20.4874 16.2803 20.7803C15.9874 21.0732 15.5126 21.0732 15.2197 20.7803L13.0547 18.6153C12.7618 18.3224 12.7618 17.8476 13.0547 17.5547Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_179">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Interaction/BillingIcon.tsx

@@ -0,0 +1,67 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function BillingIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M3.75 1.5C3.55109 1.5 3.36032 1.57902 3.21967 1.71967C3.07902 1.86032 3 2.05109 3 2.25V21.75C3 21.9489 3.07902 22.1397 3.21967 22.2803C3.36032 22.421 3.55109 22.5 3.75 22.5H20.25C20.4489 22.5 20.6397 22.421 20.7803 22.2803C20.921 22.1397 21 21.9489 21 21.75V8.12116C21 8.12111 21 8.12121 21 8.12116C20.9999 7.92252 20.921 7.73187 20.7807 7.59133C20.7806 7.59127 20.7807 7.59139 20.7807 7.59133L14.9088 1.7195C14.7683 1.57903 14.5777 1.50008 14.379 1.5C14.3789 1.5 14.3791 1.5 14.379 1.5H3.75ZM2.15901 0.65901C2.58097 0.237053 3.15326 0 3.75 0H14.379C14.9753 0.000127316 15.5474 0.236973 15.9692 0.6585L21.8413 6.53067C22.2629 6.95247 22.4999 7.52452 22.5 8.12084V21.75C22.5 22.3467 22.2629 22.919 21.841 23.341C21.419 23.7629 20.8467 24 20.25 24H3.75C3.15326 24 2.58097 23.7629 2.15901 23.341C1.73705 22.919 1.5 22.3467 1.5 21.75V2.25C1.5 1.65326 1.73705 1.08097 2.15901 0.65901Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M14.25 0C14.6642 0 15 0.335786 15 0.75V6.75C15 6.94891 15.079 7.13968 15.2197 7.28033C15.3603 7.42098 15.5511 7.5 15.75 7.5H21.75C22.1642 7.5 22.5 7.83579 22.5 8.25C22.5 8.66421 22.1642 9 21.75 9H15.75C15.1533 9 14.581 8.76295 14.159 8.34099C13.7371 7.91903 13.5 7.34674 13.5 6.75V0.75C13.5 0.335786 13.8358 0 14.25 0Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M8.77867 7.16937C8.56443 7.06847 8.32899 7.02079 8.09237 7.03039C8.08225 7.0308 8.07213 7.031 8.062 7.031C7.63957 7.031 7.28562 7.16039 7.05419 7.33392C6.82304 7.50725 6.75 7.68953 6.75 7.828C6.75 7.9666 6.82316 8.14919 7.05444 8.32277C7.28594 8.49651 7.63983 8.626 8.062 8.626C8.77765 8.626 9.45416 8.84266 9.96864 9.22904C10.4834 9.61567 10.871 10.2066 10.871 10.922C10.871 11.6382 10.4819 12.2294 9.96659 12.6158C9.45501 12.9994 8.78347 13.216 8.07273 13.219C7.60013 13.2354 7.13036 13.1389 6.70241 12.9373C6.2699 12.7336 5.89287 12.4287 5.60327 12.0483C5.35235 11.7188 5.41611 11.2482 5.74567 10.9973C6.07523 10.7464 6.54581 10.8101 6.79673 11.1397C6.94026 11.3282 7.12713 11.4793 7.34149 11.5803C7.55586 11.6812 7.7914 11.729 8.02815 11.7196C8.0381 11.7192 8.04805 11.719 8.058 11.719C8.48081 11.719 8.83503 11.5894 9.06666 11.4157C9.29814 11.2421 9.371 11.0598 9.371 10.922C9.371 10.7834 9.29805 10.6013 9.06786 10.4285C8.83734 10.2553 8.48435 10.126 8.062 10.126C7.34617 10.126 6.66906 9.90899 6.15406 9.52248C5.63884 9.13581 5.25 8.5444 5.25 7.828C5.25 7.11147 5.63896 6.52025 6.15431 6.13383C6.66578 5.75031 7.33698 5.53403 8.04701 5.53103C8.51973 5.51433 8.98968 5.61073 9.41775 5.81232C9.85046 6.0161 10.2276 6.32134 10.517 6.70209C10.7677 7.03183 10.7036 7.50236 10.3739 7.75305C10.0442 8.00374 9.57364 7.93965 9.32295 7.60991C9.17963 7.42139 8.99291 7.27026 8.77867 7.16937Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M8.062 11.719C8.47621 11.719 8.812 12.0548 8.812 12.469V13.5C8.812 13.9142 8.47621 14.25 8.062 14.25C7.64779 14.25 7.312 13.9142 7.312 13.5V12.469C7.312 12.0548 7.64779 11.719 8.062 11.719Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M8.062 4.5C8.47621 4.5 8.812 4.83579 8.812 5.25V6.281C8.812 6.69521 8.47621 7.031 8.062 7.031C7.64779 7.031 7.312 6.69521 7.312 6.281V5.25C7.312 4.83579 7.64779 4.5 8.062 4.5Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M11.25 15C11.25 14.5858 11.5858 14.25 12 14.25H18C18.4142 14.25 18.75 14.5858 18.75 15C18.75 15.4142 18.4142 15.75 18 15.75H12C11.5858 15.75 11.25 15.4142 11.25 15Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M6 19.5C6 19.0858 6.33579 18.75 6.75 18.75H18C18.4142 18.75 18.75 19.0858 18.75 19.5C18.75 19.9142 18.4142 20.25 18 20.25H6.75C6.33579 20.25 6 19.9142 6 19.5Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Interaction/BinIcon.tsx

@@ -0,0 +1,50 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function BinIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <g clipPath="url(#clip0_122_177)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM0.75 12C0.75 5.7868 5.7868 0.75 12 0.75C18.2132 0.75 23.25 5.7868 23.25 12C23.25 18.2132 18.2132 23.25 12 23.25C5.7868 23.25 0.75 18.2132 0.75 12Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 7.5C12.4142 7.5 12.75 7.83579 12.75 8.25V12C12.75 12.4142 12.4142 12.75 12 12.75C11.5858 12.75 11.25 12.4142 11.25 12V8.25C11.25 7.83579 11.5858 7.5 12 7.5Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M11.4697 11.4696C11.7627 11.1768 12.2375 11.1768 12.5304 11.4697L17.2174 16.1577C17.5102 16.4507 17.5102 16.9255 17.2173 17.2184C16.9243 17.5112 16.4495 17.5112 16.1566 17.2183L11.4696 12.5303C11.1768 12.2373 11.1768 11.7625 11.4697 11.4696Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_177">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Interaction/CheckedIcon.tsx

@@ -0,0 +1,31 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function CheckedIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M20.2715 3.21398C20.9819 3.6402 21.2122 4.56158 20.786 5.27194L11.7861 20.2717C11.5485 20.6678 11.1416 20.9323 10.6832 20.9888C10.2247 21.0452 9.76587 20.8873 9.43926 20.5607L3.43933 14.5607C2.85356 13.975 2.85356 13.0252 3.43933 12.4394C4.02511 11.8537 4.97485 11.8537 5.56063 12.4394L10.2021 17.0809L18.2136 3.72847C18.6398 3.01811 19.5612 2.78777 20.2715 3.21398Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Interaction/ClockIcon.tsx

@@ -0,0 +1,50 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function ClockIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <g clipPath="url(#clip0_122_177)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM0.75 12C0.75 5.7868 5.7868 0.75 12 0.75C18.2132 0.75 23.25 5.7868 23.25 12C23.25 18.2132 18.2132 23.25 12 23.25C5.7868 23.25 0.75 18.2132 0.75 12Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 7.5C12.4142 7.5 12.75 7.83579 12.75 8.25V12C12.75 12.4142 12.4142 12.75 12 12.75C11.5858 12.75 11.25 12.4142 11.25 12V8.25C11.25 7.83579 11.5858 7.5 12 7.5Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M11.4697 11.4696C11.7627 11.1768 12.2375 11.1768 12.5304 11.4697L17.2174 16.1577C17.5102 16.4507 17.5102 16.9255 17.2173 17.2184C16.9243 17.5112 16.4495 17.5112 16.1566 17.2183L11.4696 12.5303C11.1768 12.2373 11.1768 11.7625 11.4697 11.4696Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_177">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Interaction/CopyPasteIcon.tsx

@@ -0,0 +1,75 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function CopyPasteIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="25"
+        height="25"
+        viewBox="0 0 25 25"
+        fill="none"
+      >
+        <g clipPath="url(#clip0_3073_99626)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M14.6146 3.90521C14.6146 3.491 14.9504 3.15521 15.3646 3.15521H19.5312C20.1446 3.15521 20.7328 3.39885 21.1664 3.83253C21.6001 4.26621 21.8437 4.8544 21.8437 5.46771V8.59271C21.8437 9.00693 21.508 9.34271 21.0937 9.34271C20.6795 9.34271 20.3437 9.00693 20.3437 8.59271V5.46771C20.3437 5.25222 20.2581 5.04556 20.1058 4.89319C19.9534 4.74081 19.7467 4.65521 19.5312 4.65521H15.3646C14.9504 4.65521 14.6146 4.31943 14.6146 3.90521Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0.708566 3.83253C1.14224 3.39885 1.73044 3.15521 2.34375 3.15521H6.51042C6.92463 3.15521 7.26042 3.491 7.26042 3.90521C7.26042 4.31943 6.92463 4.65521 6.51042 4.65521H2.34375C2.12826 4.65521 1.9216 4.74081 1.76923 4.89319C1.61685 5.04556 1.53125 5.25222 1.53125 5.46771V22.6552C1.53125 22.8707 1.61685 23.0774 1.76923 23.2297C1.9216 23.3821 2.12826 23.4677 2.34375 23.4677H8.59375C9.00796 23.4677 9.34375 23.8035 9.34375 24.2177C9.34375 24.6319 9.00796 24.9677 8.59375 24.9677H2.34375C1.73044 24.9677 1.14224 24.7241 0.708566 24.2904C0.274888 23.8567 0.03125 23.2685 0.03125 22.6552V5.46771C0.03125 4.8544 0.274888 4.26621 0.708566 3.83253Z"
+            fill={fill}
+          />
+          <path
+            d="M15.0223 4.93334C14.9704 5.08893 14.8708 5.22423 14.7377 5.32013C14.6046 5.41602 14.4447 5.46765 14.2807 5.46771H7.59525C7.43121 5.46765 7.27134 5.41602 7.13825 5.32013C7.00516 5.22423 6.90557 5.08893 6.85359 4.93334L5.81192 1.80834C5.77255 1.69087 5.76173 1.56571 5.78034 1.44322C5.79895 1.32074 5.84646 1.20444 5.91894 1.10397C5.99142 1.00349 6.08679 0.921719 6.19715 0.86542C6.30751 0.809121 6.4297 0.779914 6.55359 0.780215H15.3223C15.4462 0.779914 15.5684 0.809121 15.6788 0.86542C15.7891 0.921719 15.8845 1.00349 15.957 1.10397C16.0295 1.20444 16.077 1.32074 16.0956 1.44322C16.1142 1.56571 16.1034 1.69087 16.064 1.80834L15.0223 4.93334Z"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth="1.7"
+            fill="none"
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12.4688 13.2867V22.6552C12.4688 22.9146 12.5314 23.0593 12.5869 23.1425C12.6455 23.2304 12.7291 23.2984 12.8354 23.3516C12.9447 23.4062 13.063 23.4373 13.1604 23.4535C13.2073 23.4613 13.2448 23.4649 13.2675 23.4666C13.2776 23.4673 13.2845 23.4676 13.2877 23.4677H22.6562C22.9156 23.4677 23.0603 23.405 23.1435 23.3495C23.2315 23.2909 23.2994 23.2074 23.3526 23.1011C23.4073 22.9918 23.4383 22.8734 23.4545 22.7761C23.4624 22.7291 23.466 22.6917 23.4676 22.6689C23.4683 22.6588 23.4686 22.6519 23.4688 22.6487V13.2802C23.4688 13.0208 23.4061 12.8761 23.3506 12.7929C23.292 12.705 23.2084 12.637 23.1021 12.5838C22.9928 12.5292 22.8745 12.4981 22.7771 12.4819C22.7302 12.4741 22.6927 12.4705 22.67 12.4689C22.6599 12.4681 22.653 12.4678 22.6498 12.4677H13.2812C13.0219 12.4677 12.8772 12.5304 12.794 12.5859C12.706 12.6445 12.6381 12.728 12.5849 12.8344C12.5302 12.9436 12.4992 13.062 12.483 13.1594C12.4751 13.2063 12.4715 13.2437 12.4699 13.2665C12.4692 13.2766 12.4689 13.2835 12.4688 13.2867ZM22.6562 10.9677H13.2812C12.7594 10.9677 12.3181 11.1003 11.9619 11.3378C11.6104 11.5722 11.3854 11.8793 11.2432 12.1636C11.1026 12.4449 11.036 12.7172 11.0034 12.9128C10.9868 13.0124 10.9782 13.097 10.9737 13.1596C10.9715 13.1911 10.9702 13.2174 10.9695 13.2377L10.9689 13.2636L10.9688 13.2731L10.9688 13.277L10.9688 13.2787C10.9687 13.2808 10.9688 13.2802 10.9688 13.2802V22.6552C10.9688 23.1771 11.1014 23.6183 11.3389 23.9746C11.5732 24.3261 11.8803 24.5511 12.1646 24.6932C12.4459 24.8339 12.7182 24.9005 12.9138 24.9331C13.0134 24.9497 13.098 24.9583 13.1607 24.9628C13.1921 24.965 13.2184 24.9662 13.2387 24.9669L13.2647 24.9676L13.2742 24.9677L13.278 24.9677L13.2797 24.9677C13.2817 24.9677 13.2812 24.9677 13.2812 24.9677H22.6562C23.1781 24.9677 23.6194 24.8351 23.9756 24.5976C24.3271 24.3633 24.5521 24.0562 24.6943 23.7719C24.8349 23.4905 24.9015 23.2183 24.9341 23.0227C24.9507 22.9231 24.9593 22.8384 24.9638 22.7758C24.966 22.7443 24.9673 22.718 24.968 22.6977L24.9686 22.6718L24.9687 22.6623L24.9687 22.6584L24.9687 22.6568C24.9688 22.6547 24.9688 22.6552 24.9688 22.6552V13.2802C24.9688 12.7583 24.8361 12.3171 24.5986 11.9609C24.3643 11.6093 24.0572 11.3843 23.7729 11.2422C23.4916 11.1015 23.2193 11.0349 23.0237 11.0023C22.9241 10.9857 22.8395 10.9771 22.7768 10.9727C22.7454 10.9704 22.7191 10.9692 22.6988 10.9685L22.6728 10.9679L22.6633 10.9677L22.6595 10.9677L22.6578 10.9677L22.6562 10.9677Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M14.0938 14.8427C14.0938 14.4285 14.4295 14.0927 14.8438 14.0927H21.0938C21.508 14.0927 21.8438 14.4285 21.8438 14.8427C21.8438 15.2569 21.508 15.5927 21.0938 15.5927H14.8438C14.4295 15.5927 14.0938 15.2569 14.0938 14.8427Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M14.0938 17.9677C14.0938 17.5535 14.4295 17.2177 14.8438 17.2177H21.0938C21.508 17.2177 21.8438 17.5535 21.8438 17.9677C21.8438 18.3819 21.508 18.7177 21.0938 18.7177H14.8438C14.4295 18.7177 14.0938 18.3819 14.0938 17.9677Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M14.0938 21.0927C14.0938 20.6785 14.4295 20.3427 14.8438 20.3427H17.1875C17.6017 20.3427 17.9375 20.6785 17.9375 21.0927C17.9375 21.5069 17.6017 21.8427 17.1875 21.8427H14.8438C14.4295 21.8427 14.0938 21.5069 14.0938 21.0927Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_3073_99626">
+            <rect width="25" height="25" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}