mainstack-design-system 0.0.0

package/src/icons/ChatBubbleIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ChatBubbleIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8746"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_8746)">
+        <path
+          d="M3 20.075V4.625C3 4.15833 3.15433 3.77067 3.463 3.462C3.771 3.154 4.15833 3 4.625 3H19.375C19.8417 3 20.2293 3.154 20.538 3.462C20.846 3.77067 21 4.15833 21 4.625V15.375C21 15.8417 20.846 16.2293 20.538 16.538C20.2293 16.846 19.8417 17 19.375 17H6.075L3 20.075ZM4 17.65L5.65 16H19.375C19.5583 16 19.7083 15.9417 19.825 15.825C19.9417 15.7083 20 15.5583 20 15.375V4.625C20 4.44167 19.9417 4.29167 19.825 4.175C19.7083 4.05833 19.5583 4 19.375 4H4.625C4.44167 4 4.29167 4.05833 4.175 4.175C4.05833 4.29167 4 4.44167 4 4.625V17.65ZM4 4.625V15.375C4 15.5583 4 15.7083 4 15.825C4 15.9417 4 16 4 16V17.65V4.625Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ChatBubbleIcon;

package/src/icons/ChatFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ChatFilledIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8812"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_8812)">
+        <path
+          d="M6.99998 13.75H13C13.2125 13.75 13.3906 13.6781 13.5344 13.5343C13.6781 13.3904 13.75 13.2122 13.75 12.9997C13.75 12.7871 13.6781 12.609 13.5344 12.4654C13.3906 12.3218 13.2125 12.25 13 12.25H6.99998C6.78748 12.25 6.60936 12.3219 6.46563 12.4657C6.32188 12.6095 6.25 12.7877 6.25 13.0003C6.25 13.2129 6.32188 13.391 6.46563 13.5346C6.60936 13.6782 6.78748 13.75 6.99998 13.75ZM6.99998 10.75H17C17.2125 10.75 17.3906 10.6781 17.5344 10.5343C17.6781 10.3904 17.75 10.2122 17.75 9.99965C17.75 9.78705 17.6781 9.60896 17.5344 9.46538C17.3906 9.32179 17.2125 9.25 17 9.25H6.99998C6.78748 9.25 6.60936 9.3219 6.46563 9.4657C6.32188 9.60952 6.25 9.78772 6.25 10.0003C6.25 10.2129 6.32188 10.391 6.46563 10.5346C6.60936 10.6782 6.78748 10.75 6.99998 10.75ZM6.99998 7.74995H17C17.2125 7.74995 17.3906 7.67805 17.5344 7.53425C17.6781 7.39043 17.75 7.21223 17.75 6.99965C17.75 6.78705 17.6781 6.60896 17.5344 6.46538C17.3906 6.32179 17.2125 6.25 17 6.25H6.99998C6.78748 6.25 6.60936 6.3219 6.46563 6.4657C6.32188 6.60952 6.25 6.78772 6.25 7.0003C6.25 7.2129 6.32188 7.39099 6.46563 7.53457C6.60936 7.67816 6.78748 7.74995 6.99998 7.74995ZM6.03845 17.5L4.03655 19.5019C3.75193 19.7865 3.42469 19.8504 3.05483 19.6936C2.68494 19.5368 2.5 19.2569 2.5 18.8538V4.3077C2.5 3.80257 2.675 3.375 3.025 3.025C3.375 2.675 3.80257 2.5 4.3077 2.5H19.6923C20.1974 2.5 20.625 2.675 20.975 3.025C21.325 3.375 21.5 3.80257 21.5 4.3077V15.6923C21.5 16.1974 21.325 16.625 20.975 16.975C20.625 17.325 20.1974 17.5 19.6923 17.5H6.03845Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ChatFilledIcon;

package/src/icons/ChatIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ChatIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8815"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_8815)">
+        <path
+          d="M6.99998 13.75H13C13.2128 13.75 13.391 13.6782 13.5346 13.5346C13.6782 13.391 13.75 13.2128 13.75 13C13.75 12.7872 13.6782 12.609 13.5346 12.4654C13.391 12.3218 13.2128 12.25 13 12.25H6.99998C6.78716 12.25 6.60896 12.3218 6.46538 12.4654C6.32179 12.609 6.25 12.7872 6.25 13C6.25 13.2128 6.32179 13.391 6.46538 13.5346C6.60896 13.6782 6.78716 13.75 6.99998 13.75ZM6.99998 10.75H17C17.2128 10.75 17.391 10.6782 17.5346 10.5346C17.6782 10.391 17.75 10.2128 17.75 9.99998C17.75 9.78716 17.6782 9.60896 17.5346 9.46538C17.391 9.32179 17.2128 9.25 17 9.25H6.99998C6.78716 9.25 6.60896 9.32179 6.46538 9.46538C6.32179 9.60896 6.25 9.78716 6.25 9.99998C6.25 10.2128 6.32179 10.391 6.46538 10.5346C6.60896 10.6782 6.78716 10.75 6.99998 10.75ZM6.99998 7.74995H17C17.2128 7.74995 17.391 7.67816 17.5346 7.53457C17.6782 7.39099 17.75 7.21279 17.75 6.99998C17.75 6.78716 17.6782 6.60896 17.5346 6.46538C17.391 6.32179 17.2128 6.25 17 6.25H6.99998C6.78716 6.25 6.60896 6.32179 6.46538 6.46538C6.32179 6.60896 6.25 6.78716 6.25 6.99998C6.25 7.21279 6.32179 7.39099 6.46538 7.53457C6.60896 7.67816 6.78716 7.74995 6.99998 7.74995ZM6.03845 17.5L4.03655 19.5019C3.75193 19.7865 3.42469 19.8509 3.05483 19.6951C2.68494 19.5393 2.5 19.2589 2.5 18.8538V4.3077C2.5 3.80257 2.675 3.375 3.025 3.025C3.375 2.675 3.80257 2.5 4.3077 2.5H19.6923C20.1974 2.5 20.625 2.675 20.975 3.025C21.325 3.375 21.5 3.80257 21.5 4.3077V15.6923C21.5 16.1974 21.325 16.625 20.975 16.975C20.625 17.325 20.1974 17.5 19.6923 17.5H6.03845ZM5.4 16H19.6923C19.7692 16 19.8397 15.9679 19.9038 15.9038C19.9679 15.8397 20 15.7692 20 15.6923V4.3077C20 4.23077 19.9679 4.16024 19.9038 4.09613C19.8397 4.03203 19.7692 3.99998 19.6923 3.99998H4.3077C4.23077 3.99998 4.16024 4.03203 4.09613 4.09613C4.03202 4.16024 3.99998 4.23077 3.99998 4.3077V17.3846L5.4 16Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ChatIcon;

package/src/icons/CheckCircleFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const CheckCircleFilledIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8464"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8464)">
+        <path
+          d="M11.0808 13.6462L8.75765 11.3231C8.6192 11.1846 8.44517 11.1138 8.23555 11.1106C8.02593 11.1074 7.84869 11.1782 7.70382 11.3231C7.55896 11.4679 7.48653 11.6436 7.48653 11.85C7.48653 12.0564 7.55896 12.232 7.70382 12.3769L10.4481 15.1211C10.6288 15.3019 10.8397 15.3923 11.0808 15.3923C11.3218 15.3923 11.5327 15.3019 11.7134 15.1211L17.2769 9.55765C17.4153 9.4192 17.4862 9.24517 17.4894 9.03555C17.4926 8.82593 17.4218 8.64869 17.2769 8.50383C17.132 8.35896 16.9564 8.28653 16.75 8.28653C16.5436 8.28653 16.3679 8.35896 16.2231 8.50383L11.0808 13.6462ZM12.5016 21C11.1877 21 9.95268 20.7506 8.79655 20.252C7.6404 19.7533 6.63472 19.0765 5.7795 18.2217C4.92427 17.3669 4.24721 16.3616 3.74833 15.206C3.24944 14.0504 3 12.8156 3 11.5017C3 10.1877 3.24933 8.95268 3.748 7.79655C4.24667 6.6404 4.92342 5.63472 5.77825 4.7795C6.6331 3.92427 7.63834 3.24721 8.79398 2.74833C9.94959 2.24944 11.1844 2 12.4983 2C13.8122 2 15.0473 2.24933 16.2034 2.748C17.3596 3.24667 18.3652 3.92342 19.2205 4.77825C20.0757 5.6331 20.7527 6.63834 21.2516 7.79398C21.7505 8.94959 22 10.1844 22 11.4983C22 12.8122 21.7506 14.0473 21.252 15.2034C20.7533 16.3596 20.0765 17.3652 19.2217 18.2205C18.3669 19.0757 17.3616 19.7527 16.206 20.2516C15.0504 20.7505 13.8156 21 12.5016 21Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default CheckCircleFilledIcon;

package/src/icons/CheckCircleIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const CheckCircleIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8392"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8392)">
+        <path
+          d="M10.55 15.9L16.95 9.5L16.25 8.8L10.55 14.5L7.7 11.65L7 12.35L10.55 15.9ZM12 21C10.75 21 9.57933 20.7627 8.488 20.288C7.396 19.8127 6.446 19.1707 5.638 18.362C4.82933 17.554 4.18733 16.604 3.712 15.512C3.23733 14.4207 3 13.25 3 12C3 10.75 3.23733 9.579 3.712 8.487C4.18733 7.39567 4.82933 6.44567 5.638 5.637C6.446 4.829 7.396 4.18733 8.488 3.712C9.57933 3.23733 10.75 3 12 3C13.25 3 14.421 3.23733 15.513 3.712C16.6043 4.18733 17.5543 4.829 18.363 5.637C19.171 6.44567 19.8127 7.39567 20.288 8.487C20.7627 9.579 21 10.75 21 12C21 13.25 20.7627 14.4207 20.288 15.512C19.8127 16.604 19.171 17.554 18.363 18.362C17.5543 19.1707 16.6043 19.8127 15.513 20.288C14.421 20.7627 13.25 21 12 21ZM12 20C14.2167 20 16.1043 19.221 17.663 17.663C19.221 16.1043 20 14.2167 20 12C20 9.78333 19.221 7.89567 17.663 6.337C16.1043 4.779 14.2167 4 12 4C9.78333 4 7.896 4.779 6.338 6.337C4.77933 7.89567 4 9.78333 4 12C4 14.2167 4.77933 16.1043 6.338 17.663C7.896 19.221 9.78333 20 12 20Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default CheckCircleIcon;

package/src/icons/CheckIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const CheckIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8395"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8395)">
+        <path
+          d="M10.0279 15.8664L18.6664 7.228C18.8151 7.07928 18.9917 7.00331 19.1962 7.0001C19.4007 6.9969 19.5805 7.07286 19.7356 7.228C19.8907 7.38311 19.9683 7.56131 19.9683 7.7626C19.9683 7.96386 19.8907 8.14206 19.7356 8.2972L10.6606 17.3722C10.4798 17.5529 10.2689 17.6433 10.0279 17.6433C9.78689 17.6433 9.576 17.5529 9.39524 17.3722L5.22024 13.1972C5.07152 13.0485 4.99812 12.8719 5.00004 12.6674C5.00197 12.4629 5.0805 12.2831 5.23561 12.128C5.39075 11.9729 5.56895 11.8953 5.77021 11.8953C5.9715 11.8953 6.1497 11.9729 6.30481 12.128L10.0279 15.8664Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default CheckIcon;

package/src/icons/ChevronLeftIcon.tsx

@@ -0,0 +1,43 @@
+/** @format */
+
+import { Icon } from "@chakra-ui/icons";
+
+const ChevronLeftIcon = (props: any) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <mask
+          id="mask0_1118_8821"
+          style={{ maskType: "alpha" }}
+          maskUnits="userSpaceOnUse"
+          x="0"
+          y="0"
+          width="24"
+          height="24"
+        >
+          <rect width="24" height="24" fill="#D9D9D9" />
+        </mask>
+        <g mask="url(#mask0_1118_8821)">
+          <path
+            d="M13.65 16.95L9.25002 12.575C9.16669 12.475 9.10836 12.379 9.07502 12.287C9.04169 12.1957 9.02502 12.1 9.02502 12C9.02502 11.9 9.04169 11.804 9.07502 11.712C9.10836 11.6207 9.16669 11.525 9.25002 11.425L13.65 7.05C13.75 6.93333 13.8667 6.875 14 6.875C14.1334 6.875 14.25 6.93333 14.35 7.05C14.4667 7.15 14.525 7.26667 14.525 7.4C14.525 7.53333 14.4667 7.65 14.35 7.75L10.1 12L14.35 16.25C14.4667 16.35 14.525 16.4667 14.525 16.6C14.525 16.7333 14.4667 16.85 14.35 16.95C14.25 17.0667 14.1334 17.125 14 17.125C13.8667 17.125 13.75 17.0667 13.65 16.95Z"
+            fill="currentColor"
+          />
+        </g>
+      </svg>
+    </Icon>
+  );
+};
+
+export default ChevronLeftIcon;

package/src/icons/ChevronRightIcon.tsx

@@ -0,0 +1,43 @@
+/** @format */
+
+import { Icon } from "@chakra-ui/icons";
+
+const ChevronRightIcon = (props: any) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <mask
+          id="mask0_1118_8818"
+          style={{ maskType: "alpha" }}
+          maskUnits="userSpaceOnUse"
+          x="0"
+          y="0"
+          width="24"
+          height="24"
+        >
+          <rect width="24" height="24" fill="#D9D9D9" />
+        </mask>
+        <g mask="url(#mask0_1118_8818)">
+          <path
+            d="M9.05 16.95C8.93333 16.85 8.875 16.7333 8.875 16.6C8.875 16.4667 8.93333 16.35 9.05 16.25L13.3 12L9.05 7.75C8.93333 7.65 8.875 7.53333 8.875 7.4C8.875 7.26667 8.93333 7.15 9.05 7.05C9.15 6.93333 9.26667 6.875 9.4 6.875C9.53333 6.875 9.65 6.93333 9.75 7.05L14.15 11.425C14.2333 11.525 14.2917 11.6207 14.325 11.712C14.3583 11.804 14.375 11.9 14.375 12C14.375 12.1 14.3583 12.1957 14.325 12.287C14.2917 12.379 14.2333 12.475 14.15 12.575L9.75 16.95C9.65 17.0667 9.53333 17.125 9.4 17.125C9.26667 17.125 9.15 17.0667 9.05 16.95Z"
+            fill="currentColor"
+          />
+        </g>
+      </svg>
+    </Icon>
+  );
+};
+
+export default ChevronRightIcon;

package/src/icons/CloseIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const CloseIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8374"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8374)">
+        <path
+          d="M12.3 13.3465L7.26226 18.3842C7.12478 18.5217 6.95196 18.592 6.7438 18.5952C6.53566 18.5984 6.35967 18.5281 6.21581 18.3842C6.07194 18.2403 6 18.0659 6 17.861C6 17.656 6.07194 17.4816 6.21581 17.3377L11.2535 12.3L6.21581 7.26226C6.07831 7.12478 6.00797 6.95196 6.00479 6.7438C6.0016 6.53566 6.07194 6.35967 6.21581 6.21581C6.35967 6.07194 6.53408 6 6.73904 6C6.944 6 7.11841 6.07194 7.26226 6.21581L12.3 11.2535L17.3377 6.21581C17.4752 6.07831 17.648 6.00797 17.8562 6.00479C18.0643 6.0016 18.2403 6.07194 18.3842 6.21581C18.5281 6.35967 18.6 6.53408 18.6 6.73904C18.6 6.944 18.5281 7.11841 18.3842 7.26226L13.3465 12.3L18.3842 17.3377C18.5217 17.4752 18.592 17.648 18.5952 17.8562C18.5984 18.0643 18.5281 18.2403 18.3842 18.3842C18.2403 18.5281 18.0659 18.6 17.861 18.6C17.656 18.6 17.4816 18.5281 17.3377 18.3842L12.3 13.3465Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default CloseIcon;

package/src/icons/CloudUploadIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ClouduploadIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_9059"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_9059)">
+        <path
+          d="M6.5 19C5.25257 19 4.19071 18.5662 3.31442 17.6986C2.43814 16.831 2 15.7705 2 14.5173C2 13.3327 2.40769 12.3058 3.22308 11.4365C4.03846 10.5673 4.99615 10.1 6.09615 10.0346C6.32052 8.5782 6.99039 7.375 8.10577 6.425C9.22116 5.475 10.5192 5 12 5C13.6714 5 15.0893 5.58214 16.2536 6.74642C17.4179 7.91071 18 9.32857 18 11V12H18.6154C19.5731 12.0308 20.3766 12.3824 21.026 13.0548C21.6753 13.7272 22 14.5423 22 15.5C22 16.4808 21.6683 17.3093 21.0048 17.9856C20.3414 18.6619 19.5192 19 18.5385 19H13.1154C12.6551 19 12.2708 18.8458 11.9625 18.5375C11.6542 18.2292 11.5 17.8449 11.5 17.3846V11.5693L9.73463 13.3346C9.64531 13.4282 9.53163 13.475 9.3936 13.475C9.25555 13.475 9.13653 13.4282 9.03653 13.3346C8.93653 13.241 8.88973 13.1231 8.89615 12.9808C8.90257 12.8385 8.95257 12.7205 9.04615 12.6269L11.428 10.2451C11.5196 10.1535 11.6117 10.0901 11.7045 10.0548C11.7972 10.0195 11.8966 10.0019 12.0026 10.0019C12.1086 10.0019 12.2071 10.0195 12.2981 10.0548C12.3891 10.0901 12.4804 10.1535 12.572 10.2451L14.9538 12.6269C15.0474 12.7205 15.0974 12.8385 15.1039 12.9808C15.1103 13.1231 15.0635 13.241 14.9635 13.3346C14.8635 13.4282 14.7423 13.4718 14.6 13.4654C14.4577 13.459 14.3397 13.409 14.2462 13.3154L12.5 11.5693V17.3846C12.5 17.5385 12.5641 17.6795 12.6923 17.8077C12.8205 17.9359 12.9615 18 13.1154 18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 9.61667 16.5125 8.4375 15.5375 7.4625C14.5625 6.4875 13.3833 6 12 6C10.6167 6 9.4375 6.4875 8.4625 7.4625C7.4875 8.4375 7 9.61667 7 11H6.46155C5.53333 11 4.72436 11.3417 4.03462 12.025C3.34487 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18H8.5C8.64167 18 8.76042 18.048 8.85625 18.144C8.95208 18.2399 9 18.3588 9 18.5007C9 18.6425 8.95208 18.7612 8.85625 18.8567C8.76042 18.9522 8.64167 19 8.5 19H6.5Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ClouduploadIcon;

package/src/icons/CodeIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const CodeIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8518"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8518)">
+        <path
+          d="M16 17.3L15.275 16.6L19.875 12L15.3 7.40001L16 6.70001L21.2999 12L16 17.3ZM7.99995 17.3L2.69995 12L7.99995 6.70001L8.72495 7.40001L4.12495 12L8.69995 16.6L7.99995 17.3Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default CodeIcon;

package/src/icons/CoffeeIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const CoffeeIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8428"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8428)">
+        <path
+          d="M11 17.225C9.35 17.225 7.93767 16.6417 6.763 15.475C5.58767 14.3083 5 12.8917 5 11.225V5C5 4.71667 5.09567 4.479 5.287 4.287C5.479 4.09567 5.71667 4 6 4H17.7C18.4333 4 19.0583 4.25833 19.575 4.775C20.0917 5.29167 20.35 5.91667 20.35 6.65C20.35 7.38333 20.0917 8.00833 19.575 8.525C19.0583 9.04167 18.4333 9.3 17.7 9.3H17V11.225C17 12.8917 16.4127 14.3083 15.238 15.475C14.0627 16.6417 12.65 17.225 11 17.225ZM6 8.3H16V5H6V8.3ZM11 16.225C12.3833 16.225 13.5627 15.7373 14.538 14.762C15.5127 13.7873 16 12.6083 16 11.225V9.3H6V11.225C6 12.6083 6.48767 13.7873 7.463 14.762C8.43767 15.7373 9.61667 16.225 11 16.225ZM17 8.3H17.7C18.1667 8.3 18.5583 8.14167 18.875 7.825C19.1917 7.50833 19.35 7.11667 19.35 6.65C19.35 6.18333 19.1917 5.79167 18.875 5.475C18.5583 5.15833 18.1667 5 17.7 5H17V8.3ZM5 20V19H18.45V20H5Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default CoffeeIcon;

package/src/icons/CollectionsBookmarkIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const CollectionsBookmarkIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8916"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_8916)">
+        <path
+          d="M8.125 16H18.875C19.0583 16 19.2083 15.9417 19.325 15.825C19.4417 15.7083 19.5 15.5583 19.5 15.375V4.625C19.5 4.44167 19.4417 4.29167 19.325 4.175C19.2083 4.05833 19.0583 4 18.875 4H17.5V9.375C17.5 9.54167 17.4293 9.66667 17.288 9.75C17.146 9.83333 17.0083 9.83333 16.875 9.75L15.5 8.925L14.125 9.75C13.9917 9.83333 13.8543 9.83333 13.713 9.75C13.571 9.66667 13.5 9.54167 13.5 9.375V4H8.125C7.94167 4 7.79167 4.05833 7.675 4.175C7.55833 4.29167 7.5 4.44167 7.5 4.625V15.375C7.5 15.5583 7.55833 15.7083 7.675 15.825C7.79167 15.9417 7.94167 16 8.125 16ZM8.125 17C7.65833 17 7.271 16.846 6.963 16.538C6.65433 16.2293 6.5 15.8417 6.5 15.375V4.625C6.5 4.15833 6.65433 3.77067 6.963 3.462C7.271 3.154 7.65833 3 8.125 3H18.875C19.3417 3 19.7293 3.154 20.038 3.462C20.346 3.77067 20.5 4.15833 20.5 4.625V15.375C20.5 15.8417 20.346 16.2293 20.038 16.538C19.7293 16.846 19.3417 17 18.875 17H8.125ZM5.125 20C4.65833 20 4.27067 19.846 3.962 19.538C3.654 19.2293 3.5 18.8417 3.5 18.375V7.125C3.5 6.975 3.546 6.854 3.638 6.762C3.72933 6.67067 3.85 6.625 4 6.625C4.15 6.625 4.271 6.67067 4.363 6.762C4.45433 6.854 4.5 6.975 4.5 7.125V18.375C4.5 18.5583 4.55833 18.7083 4.675 18.825C4.79167 18.9417 4.94167 19 5.125 19H16.375C16.525 19 16.646 19.0457 16.738 19.137C16.8293 19.229 16.875 19.35 16.875 19.5C16.875 19.65 16.8293 19.771 16.738 19.863C16.646 19.9543 16.525 20 16.375 20H5.125ZM8.125 4H7.5H19.5H18.875H8.125Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default CollectionsBookmarkIcon;

package/src/icons/ColorPickerIcon.tsx

@@ -0,0 +1,22 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ColorPickerIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M4.80766 20C4.60382 20 4.43748 19.9356 4.30863 19.8067C4.17978 19.6779 4.11536 19.5115 4.11536 19.3077V17.1961C4.11536 17.109 4.13202 17.0269 4.16536 16.95C4.19869 16.8731 4.25061 16.7929 4.32113 16.7096L12.9827 8.06729L11.2788 6.40191C11.2096 6.33268 11.175 6.24614 11.175 6.14229C11.175 6.03844 11.2115 5.94998 11.2846 5.87691C11.3667 5.79486 11.4564 5.75384 11.5538 5.75384C11.6513 5.75384 11.7365 5.79486 11.8096 5.87691L14.0269 8.04229L17.6346 4.43459C17.7538 4.31535 17.8855 4.25574 18.0298 4.25574C18.174 4.25574 18.3122 4.31535 18.4442 4.43459L19.7 5.69036C19.8192 5.8096 19.8788 5.94133 19.8788 6.08556C19.8788 6.2298 19.8192 6.36153 19.7 6.48076L16.0346 10.1461L18.2385 12.35C18.3205 12.4192 18.3615 12.5026 18.3615 12.6C18.3615 12.6974 18.3205 12.7872 18.2385 12.8692C18.1526 12.9551 18.0609 12.9981 17.9635 12.9981C17.866 12.9981 17.7827 12.9551 17.7135 12.8692L16.0096 11.1711L7.40576 19.7942C7.32242 19.8647 7.24229 19.9167 7.16536 19.95C7.08844 19.9833 7.00639 20 6.91921 20H4.80766ZM4.88461 19.2308H6.94421L15.5115 10.6442L13.4711 8.60384L4.88461 17.1711V19.2308Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+};
+
+export default ColorPickerIcon;

package/src/icons/CommentCircleAltChatMessageIcon.tsx

@@ -0,0 +1,24 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const CommentCircleAltChatMessageIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M12 21C16.9705 21 21 16.9705 21 12C21 7.02943 16.9705 3 12 3C7.02943 3 3 7.02943 3 12C3 14.3967 3.93685 16.5746 5.46431 18.1875L3.65413 20.2534C3.39925 20.5443 3.60583 21 3.99259 21H12Z"
+        stroke="#131316"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Icon>
+  );
+};
+
+export default CommentCircleAltChatMessageIcon;

package/src/icons/ConfirmationNumberIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ConfirmationNumberIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_9083"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_9083)">
+        <path
+          d="M4 19C3.73205 19 3.49839 18.9003 3.29902 18.701C3.09967 18.5016 3 18.268 3 18V14.8077C3.58845 14.5897 4.0689 14.2272 4.44135 13.7202C4.81378 13.2132 5 12.6398 5 12C5 11.3602 4.81378 10.7868 4.44135 10.2798C4.0689 9.77275 3.58845 9.41026 3 9.19233V6C3 5.73205 3.09967 5.49839 3.29902 5.29902C3.49839 5.09967 3.73205 5 4 5H20C20.268 5 20.5016 5.09967 20.701 5.29902C20.9003 5.49839 21 5.73205 21 6V9.19233C20.4116 9.41026 19.9311 9.77275 19.5587 10.2798C19.1862 10.7868 19 11.3602 19 12C19 12.6398 19.1862 13.2132 19.5587 13.7202C19.9311 14.2272 20.4116 14.5897 21 14.8077V18C21 18.268 20.9003 18.5016 20.701 18.701C20.5016 18.9003 20.268 19 20 19H4ZM4 18H20V15.45C19.3833 15.0833 18.8958 14.5958 18.5375 13.9875C18.1792 13.3792 18 12.7167 18 12C18 11.2833 18.1792 10.6208 18.5375 10.0125C18.8958 9.40417 19.3833 8.91667 20 8.55V6H4V8.55C4.61667 8.91667 5.10417 9.40417 5.4625 10.0125C5.82083 10.6208 6 11.2833 6 12C6 12.7167 5.82083 13.3792 5.4625 13.9875C5.10417 14.5958 4.61667 15.0833 4 15.45V18ZM12.0007 16.3077C12.1425 16.3077 12.2612 16.2597 12.3567 16.1637C12.4522 16.0678 12.5 15.9489 12.5 15.807C12.5 15.6652 12.452 15.5465 12.3561 15.451C12.2601 15.3555 12.1412 15.3077 11.9993 15.3077C11.8575 15.3077 11.7388 15.3557 11.6433 15.4516C11.5478 15.5476 11.5 15.6665 11.5 15.8084C11.5 15.9502 11.548 16.0689 11.644 16.1644C11.7399 16.2599 11.8588 16.3077 12.0007 16.3077ZM12.0007 12.5C12.1425 12.5 12.2612 12.452 12.3567 12.3561C12.4522 12.2601 12.5 12.1412 12.5 11.9993C12.5 11.8575 12.452 11.7388 12.3561 11.6433C12.2601 11.5478 12.1412 11.5 11.9993 11.5C11.8575 11.5 11.7388 11.548 11.6433 11.6439C11.5478 11.7399 11.5 11.8588 11.5 12.0007C11.5 12.1425 11.548 12.2612 11.644 12.3567C11.7399 12.4522 11.8588 12.5 12.0007 12.5ZM12.0007 8.6923C12.1425 8.6923 12.2612 8.64432 12.3567 8.54837C12.4522 8.45241 12.5 8.33349 12.5 8.19163C12.5 8.04978 12.452 7.93109 12.3561 7.83558C12.2601 7.74006 12.1412 7.6923 11.9993 7.6923C11.8575 7.6923 11.7388 7.74028 11.6433 7.83625C11.5478 7.93222 11.5 8.05112 11.5 8.19297C11.5 8.33484 11.548 8.45353 11.644 8.54905C11.7399 8.64455 11.8588 8.6923 12.0007 8.6923Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ConfirmationNumberIcon;

package/src/icons/ContactMailFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ContactPhoneFilledIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8884"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_8884)">
+        <path
+          d="M2.625 19.625C2.15833 19.625 1.77067 19.471 1.462 19.163C1.154 18.8543 1 18.4667 1 18V6C1 5.53333 1.154 5.146 1.462 4.838C1.77067 4.52933 2.15833 4.375 2.625 4.375H21.375C21.8417 4.375 22.2293 4.52933 22.538 4.838C22.846 5.146 23 5.53333 23 6V18C23 18.4667 22.846 18.8543 22.538 19.163C22.2293 19.471 21.8417 19.625 21.375 19.625H2.625ZM9 14.225C9.7 14.225 10.2917 13.9833 10.775 13.5C11.2583 13.0167 11.5 12.425 11.5 11.725C11.5 11.0417 11.2583 10.454 10.775 9.962C10.2917 9.47067 9.7 9.225 9 9.225C8.3 9.225 7.70833 9.47067 7.225 9.962C6.74167 10.454 6.5 11.0417 6.5 11.725C6.5 12.425 6.74167 13.0167 7.225 13.5C7.70833 13.9833 8.3 14.225 9 14.225ZM15 11.2H20C20.2333 11.2 20.425 11.1207 20.575 10.962C20.725 10.804 20.8 10.6083 20.8 10.375V7.375C20.8 7.14167 20.725 6.95 20.575 6.8C20.425 6.65 20.2333 6.575 20 6.575H15C14.7667 6.575 14.575 6.65 14.425 6.8C14.275 6.95 14.2 7.14167 14.2 7.375V10.375C14.2 10.6083 14.275 10.804 14.425 10.962C14.575 11.1207 14.7667 11.2 15 11.2ZM3.225 18.625H14.775C14.075 17.7083 13.225 16.9793 12.225 16.438C11.225 15.896 10.15 15.625 9 15.625C7.85 15.625 6.775 15.896 5.775 16.438C4.775 16.9793 3.925 17.7083 3.225 18.625ZM17.5 10.05L15.05 8.35V7.45L17.5 9.175L19.95 7.45V8.35L17.5 10.05Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ContactPhoneFilledIcon;

package/src/icons/ContactMailIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ContactMailIcon = (props: any) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8413"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8413)">
+        <path
+          d="M2.625 19.625C2.15833 19.625 1.77067 19.471 1.462 19.163C1.154 18.8543 1 18.4667 1 18V6C1 5.53333 1.154 5.146 1.462 4.838C1.77067 4.52933 2.15833 4.375 2.625 4.375H21.375C21.8417 4.375 22.2293 4.52933 22.538 4.838C22.846 5.146 23 5.53333 23 6V18C23 18.4667 22.846 18.8543 22.538 19.163C22.2293 19.471 21.8417 19.625 21.375 19.625H2.625ZM14.775 18.625H21.375C21.5417 18.625 21.6873 18.5583 21.812 18.425C21.9373 18.2917 22 18.15 22 18V6C22 5.85 21.9373 5.70833 21.812 5.575C21.6873 5.44167 21.5417 5.375 21.375 5.375H2.625C2.45833 5.375 2.31267 5.44167 2.188 5.575C2.06267 5.70833 2 5.85 2 6V18C2 18.15 2.06267 18.2917 2.188 18.425C2.31267 18.5583 2.45833 18.625 2.625 18.625H3.225C3.925 17.7083 4.775 16.9793 5.775 16.438C6.775 15.896 7.85 15.625 9 15.625C10.15 15.625 11.225 15.896 12.225 16.438C13.225 16.9793 14.075 17.7083 14.775 18.625ZM9 14.225C9.7 14.225 10.2917 13.9833 10.775 13.5C11.2583 13.0167 11.5 12.425 11.5 11.725C11.5 11.0417 11.2583 10.454 10.775 9.962C10.2917 9.47067 9.7 9.225 9 9.225C8.3 9.225 7.70833 9.47067 7.225 9.962C6.74167 10.454 6.5 11.0417 6.5 11.725C6.5 12.425 6.74167 13.0167 7.225 13.5C7.70833 13.9833 8.3 14.225 9 14.225ZM14.2 11.2H20.8V6.575H14.2V11.2ZM17.5 10.1L15.05 8.35V7.45L17.5 9.175L19.95 7.45V8.35L17.5 10.1ZM4.55 18.625H13.45C12.8667 17.9917 12.1917 17.5 11.425 17.15C10.6583 16.8 9.85 16.625 9 16.625C8.15 16.625 7.34167 16.8 6.575 17.15C5.80833 17.5 5.13333 17.9917 4.55 18.625ZM9 13.225C8.58333 13.225 8.22933 13.079 7.938 12.787C7.646 12.4957 7.5 12.1417 7.5 11.725C7.5 11.325 7.646 10.975 7.938 10.675C8.22933 10.375 8.58333 10.225 9 10.225C9.41667 10.225 9.77067 10.375 10.062 10.675C10.354 10.975 10.5 11.325 10.5 11.725C10.5 12.1417 10.354 12.4957 10.062 12.787C9.77067 13.079 9.41667 13.225 9 13.225Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ContactMailIcon;