mainstack-design-system 0.0.0

package/src/icons/GppBadIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const GppBadIcon = (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_35478"
+        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_35478)">
+        <path
+          d="M12 13.0154L13.5731 14.5885C13.7115 14.7269 13.8856 14.7978 14.0952 14.801C14.3048 14.8042 14.482 14.7334 14.6269 14.5885C14.7718 14.4436 14.8442 14.268 14.8442 14.0616C14.8442 13.8552 14.7718 13.6795 14.6269 13.5347L13.0538 11.9616L14.6269 10.3885C14.7653 10.25 14.8362 10.076 14.8394 9.86639C14.8426 9.65677 14.7718 9.47953 14.6269 9.33466C14.482 9.1898 14.3064 9.11736 14.1 9.11736C13.8936 9.11736 13.7179 9.1898 13.5731 9.33466L12 10.9078L10.4269 9.33466C10.2884 9.19621 10.1144 9.12538 9.90477 9.12216C9.69517 9.11896 9.51794 9.1898 9.37308 9.33466C9.22819 9.47953 9.15575 9.65516 9.15575 9.86156C9.15575 10.068 9.22819 10.2436 9.37308 10.3885L10.9461 11.9616L9.37308 13.5347C9.23461 13.6731 9.16378 13.8472 9.16058 14.0568C9.15736 14.2664 9.22819 14.4436 9.37308 14.5885C9.51794 14.7334 9.69357 14.8058 9.89997 14.8058C10.1064 14.8058 10.282 14.7334 10.4269 14.5885L12 13.0154ZM12 21.3712C11.8961 21.3712 11.7942 21.3628 11.6942 21.3462C11.5942 21.3295 11.4974 21.3045 11.4038 21.2712C9.29486 20.5212 7.61698 19.1914 6.3702 17.2817C5.1234 15.3721 4.5 13.3116 4.5 11.1V6.59621C4.5 6.21801 4.60962 5.87667 4.82885 5.57219C5.04808 5.26769 5.33013 5.04685 5.675 4.90969L11.3673 2.78469C11.5814 2.70777 11.7923 2.66931 12 2.66931C12.2077 2.66931 12.4186 2.70777 12.6327 2.78469L18.325 4.90969C18.6698 5.04685 18.9519 5.26769 19.1711 5.57219C19.3903 5.87667 19.5 6.21801 19.5 6.59621V11.1C19.5 13.3116 18.8765 15.3721 17.6297 17.2817C16.383 19.1914 14.7051 20.5212 12.5961 21.2712C12.5025 21.3045 12.4057 21.3295 12.3057 21.3462C12.2057 21.3628 12.1038 21.3712 12 21.3712ZM12 19.9C13.7333 19.35 15.1666 18.25 16.3 16.6C17.4333 14.95 18 13.1167 18 11.1V6.58659C18 6.52249 17.9823 6.4648 17.9471 6.41351C17.9118 6.36221 17.8621 6.32374 17.798 6.29811L12.1057 4.17311C12.0737 4.16029 12.0384 4.15389 12 4.15389C11.9615 4.15389 11.9263 4.16029 11.8942 4.17311L6.20192 6.29811C6.13781 6.32374 6.08812 6.36221 6.05287 6.41351C6.01761 6.4648 5.99997 6.52249 5.99997 6.58659V11.1C5.99997 13.1167 6.56664 14.95 7.69997 16.6C8.83331 18.25 10.2666 19.35 12 19.9Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default GppBadIcon;

package/src/icons/GppMaybeFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const GppMaybeFilledIcon = (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_35464"
+        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_35464)">
+        <path
+          d="M12 15.6154C12.2288 15.6154 12.4207 15.538 12.5754 15.3832C12.7303 15.2284 12.8077 15.0366 12.8077 14.8077C12.8077 14.5789 12.7303 14.3871 12.5754 14.2322C12.4207 14.0774 12.2288 14 12 14C11.7711 14 11.5793 14.0774 11.4245 14.2322C11.2697 14.3871 11.1923 14.5789 11.1923 14.8077C11.1923 15.0366 11.2697 15.2284 11.4245 15.3832C11.5793 15.538 11.7711 15.6154 12 15.6154ZM12.0003 12.2116C12.2129 12.2116 12.391 12.1397 12.5346 11.996C12.6782 11.8522 12.7499 11.6741 12.7499 11.4616V8.13466C12.7499 7.92216 12.6781 7.74404 12.5343 7.60029C12.3904 7.45655 12.2122 7.38469 11.9997 7.38469C11.7871 7.38469 11.609 7.45655 11.4654 7.60029C11.3218 7.74404 11.25 7.92216 11.25 8.13466V11.4616C11.25 11.6741 11.3219 11.8522 11.4657 11.996C11.6095 12.1397 11.7877 12.2116 12.0003 12.2116ZM12 21.3712C11.8961 21.3712 11.7942 21.3628 11.6942 21.3462C11.5942 21.3295 11.4973 21.3045 11.4036 21.2712C9.29479 20.5212 7.61698 19.1914 6.3702 17.2817C5.1234 15.3721 4.5 13.3116 4.5 11.1V6.59621C4.5 6.21636 4.60922 5.8745 4.82765 5.57061C5.04608 5.26673 5.32853 5.04642 5.675 4.90969L11.3673 2.78469C11.5814 2.70777 11.7923 2.66931 12 2.66931C12.2077 2.66931 12.4186 2.70777 12.6327 2.78469L18.325 4.90969C18.6714 5.04642 18.9539 5.26673 19.1723 5.57061C19.3907 5.8745 19.5 6.21636 19.5 6.59621V11.1C19.5 13.3116 18.8765 15.3721 17.6297 17.2817C16.383 19.1914 14.7052 20.5212 12.5963 21.2712C12.5026 21.3045 12.4057 21.3295 12.3057 21.3462C12.2057 21.3628 12.1038 21.3712 12 21.3712Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default GppMaybeFilledIcon;

package/src/icons/GppMaybeIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const GppMaybeIcon = (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_35471"
+        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_35471)">
+        <path
+          d="M12 15.6154C12.2288 15.6154 12.4207 15.538 12.5754 15.3832C12.7303 15.2284 12.8077 15.0366 12.8077 14.8077C12.8077 14.5789 12.7303 14.3871 12.5754 14.2322C12.4207 14.0774 12.2288 14 12 14C11.7711 14 11.5793 14.0774 11.4245 14.2322C11.2697 14.3871 11.1923 14.5789 11.1923 14.8077C11.1923 15.0366 11.2697 15.2284 11.4245 15.3832C11.5793 15.538 11.7711 15.6154 12 15.6154ZM12.0003 12.2116C12.2129 12.2116 12.391 12.1397 12.5346 11.996C12.6782 11.8522 12.7499 11.6741 12.7499 11.4616V8.13466C12.7499 7.92216 12.6781 7.74404 12.5343 7.60029C12.3904 7.45655 12.2122 7.38469 11.9997 7.38469C11.7871 7.38469 11.609 7.45655 11.4654 7.60029C11.3218 7.74404 11.25 7.92216 11.25 8.13466V11.4616C11.25 11.6741 11.3219 11.8522 11.4657 11.996C11.6095 12.1397 11.7877 12.2116 12.0003 12.2116ZM12 21.3712C11.8961 21.3712 11.7942 21.3628 11.6942 21.3462C11.5942 21.3295 11.4973 21.3045 11.4036 21.2712C9.29479 20.5212 7.61698 19.1914 6.3702 17.2817C5.1234 15.3721 4.5 13.3116 4.5 11.1V6.59621C4.5 6.21636 4.60922 5.8745 4.82765 5.57061C5.04608 5.26673 5.32853 5.04642 5.675 4.90969L11.3673 2.78469C11.5814 2.70777 11.7923 2.66931 12 2.66931C12.2077 2.66931 12.4186 2.70777 12.6327 2.78469L18.325 4.90969C18.6714 5.04642 18.9539 5.26673 19.1723 5.57061C19.3907 5.8745 19.5 6.21636 19.5 6.59621V11.1C19.5 13.3116 18.8765 15.3721 17.6297 17.2817C16.383 19.1914 14.7052 20.5212 12.5963 21.2712C12.5026 21.3045 12.4057 21.3295 12.3057 21.3462C12.2057 21.3628 12.1038 21.3712 12 21.3712ZM12 19.9C13.7333 19.35 15.1666 18.25 16.3 16.6C17.4333 14.95 18 13.1167 18 11.1V6.58659C18 6.52249 17.9823 6.4648 17.9471 6.41351C17.9118 6.36221 17.8621 6.32374 17.798 6.29811L12.1057 4.17311C12.0737 4.16029 12.0384 4.15389 12 4.15389C11.9615 4.15389 11.9263 4.16029 11.8942 4.17311L6.20192 6.29811C6.13781 6.32374 6.08812 6.36221 6.05287 6.41351C6.01761 6.4648 5.99997 6.52249 5.99997 6.58659V11.1C5.99997 13.1167 6.56664 14.95 7.69997 16.6C8.83331 18.25 10.2666 19.35 12 19.9Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default GppMaybeIcon;

package/src/icons/GridViewIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const GridViewIcon = (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_8536"
+        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_8536)">
+        <path
+          d="M4 11V4H11V11H4ZM4 20V13H11V20H4ZM13 11V4H20V11H13ZM13 20V13H20V20H13ZM5 10H10V5H5V10ZM14 10H19V5H14V10ZM14 19H19V14H14V19ZM5 19H10V14H5V19Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default GridViewIcon;

package/src/icons/GroupFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const GroupFilledIcon = (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_8317"
+        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_8317)">
+        <path
+          d="M1.7981 17.0846C1.7981 16.5692 1.93111 16.1093 2.19715 15.7048C2.46316 15.3003 2.81843 14.9856 3.26295 14.7607C4.2133 14.2959 5.16891 13.9375 6.1298 13.6856C7.0907 13.4337 8.14679 13.3077 9.29807 13.3077C10.4494 13.3077 11.5054 13.4337 12.4663 13.6856C13.4272 13.9375 14.3828 14.2959 15.3332 14.7607C15.7777 14.9856 16.133 15.3003 16.399 15.7048C16.665 16.1093 16.798 16.5692 16.798 17.0846V17.7884C16.798 18.191 16.6503 18.5448 16.3548 18.8499C16.0593 19.1551 15.7006 19.3076 15.2788 19.3076H3.3173C2.89551 19.3076 2.53687 19.1599 2.24137 18.8643C1.94587 18.5688 1.79812 18.2102 1.79812 17.7884L1.7981 17.0846ZM18.4115 19.3076C18.5371 19.0781 18.633 18.8339 18.699 18.5749C18.765 18.3159 18.798 18.0537 18.798 17.7884V16.9615C18.798 16.3051 18.6373 15.6795 18.3159 15.0848C17.9944 14.49 17.5385 13.9797 16.9481 13.5538C17.6186 13.6538 18.2551 13.8087 18.8576 14.0183C19.4602 14.2279 20.0352 14.4756 20.5826 14.7615C21.0993 15.0372 21.4983 15.362 21.7797 15.7361C22.0611 16.1102 22.2018 16.5187 22.2018 16.9615V17.7884C22.2018 18.2102 22.0541 18.5688 21.7586 18.8643C21.4631 19.1599 21.1044 19.3076 20.6826 19.3076H18.4115ZM9.29807 11.6922C8.33559 11.6922 7.51164 11.3495 6.82622 10.6641C6.1408 9.97873 5.7981 9.15478 5.7981 8.1923C5.7981 7.2298 6.1408 6.40585 6.82622 5.72045C7.51164 5.03503 8.33559 4.69232 9.29807 4.69232C10.2606 4.69232 11.0845 5.03503 11.7699 5.72045C12.4553 6.40585 12.798 7.2298 12.798 8.1923C12.798 9.15478 12.4553 9.97873 11.7699 10.6641C11.0845 11.3495 10.2606 11.6922 9.29807 11.6922ZM17.9326 8.1923C17.9326 9.15478 17.5899 9.97873 16.9045 10.6641C16.2191 11.3495 15.3951 11.6922 14.4326 11.6922C14.3198 11.6922 14.1762 11.6794 14.0019 11.6538C13.8275 11.6282 13.6839 11.6 13.5711 11.5692C13.9655 11.0951 14.2686 10.5691 14.4803 9.99127C14.6921 9.41344 14.798 8.81338 14.798 8.1911C14.798 7.56883 14.69 6.97116 14.474 6.39807C14.258 5.82501 13.957 5.29745 13.5711 4.8154C13.7147 4.76411 13.8583 4.73078 14.0019 4.7154C14.1455 4.70001 14.289 4.69232 14.4326 4.69232C15.3951 4.69232 16.2191 5.03503 16.9045 5.72045C17.5899 6.40585 17.9326 7.2298 17.9326 8.1923Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default GroupFilledIcon;

package/src/icons/GroupIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const GroupIcon = (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_8314"
+        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_8314)">
+        <path
+          d="M2.09326 16.9417C2.09326 16.4396 2.2209 15.995 2.47616 15.6081C2.73145 15.2211 3.07881 14.9184 3.51826 14.6999C4.45158 14.2455 5.38859 13.8944 6.32929 13.6466C7.26999 13.3989 8.29995 13.275 9.41919 13.275C10.5384 13.275 11.5663 13.3989 12.5028 13.6466C13.4394 13.8944 14.3765 14.2455 15.3142 14.7C15.7527 14.9199 16.0996 15.2231 16.3547 15.6097C16.6099 15.9964 16.7374 16.4405 16.7374 16.9423V17.6269C16.7374 18.0017 16.5995 18.3318 16.3238 18.6171C16.0481 18.9025 15.7132 19.0451 15.3192 19.0451H3.51149C3.11747 19.0451 2.7826 18.9073 2.50686 18.6315C2.23113 18.3558 2.09326 18.0209 2.09326 17.6269V16.9417ZM20.4933 19.0451H18.2826C18.3948 18.8291 18.4818 18.602 18.5437 18.3637C18.6055 18.1255 18.6365 17.8799 18.6365 17.6269V16.9009C18.6365 16.2493 18.4884 15.6282 18.1923 15.0379C17.8961 14.4475 17.4612 13.9486 16.8875 13.5414C17.5227 13.6446 18.1268 13.7952 18.6996 13.9932C19.2725 14.1913 19.8236 14.4297 20.3528 14.7087C20.8477 14.9689 21.2311 15.2819 21.5033 15.6477C21.7754 16.0135 21.9114 16.4117 21.9114 16.8424V17.6239C21.9114 18.0208 21.7727 18.3568 21.4953 18.6322C21.2178 18.9075 20.8838 19.0451 20.4933 19.0451ZM9.41919 11.7125C8.4821 11.7125 7.68469 11.3836 7.02696 10.7259C6.36925 10.0682 6.04039 9.27074 6.04039 8.33366C6.04039 7.39656 6.36925 6.59915 7.02696 5.94144C7.68469 5.2837 8.4821 4.95483 9.41919 4.95483C10.3563 4.95483 11.1537 5.2837 11.8114 5.94144C12.4691 6.59915 12.798 7.39656 12.798 8.33366C12.798 9.27074 12.4691 10.0682 11.8114 10.7259C11.1537 11.3836 10.3563 11.7125 9.41919 11.7125ZM17.6902 8.32294C17.6902 9.2526 17.3614 10.0479 16.7037 10.7087C16.0459 11.3695 15.2485 11.7 14.3114 11.7C14.2172 11.7 14.0921 11.6884 13.9362 11.6654C13.7802 11.6424 13.6518 11.617 13.5509 11.5894C13.9404 11.1339 14.2389 10.6279 14.4464 10.0715C14.6539 9.51501 14.7576 8.93326 14.7576 8.32621C14.7576 7.72139 14.6509 7.14131 14.4374 6.58596C14.224 6.03059 13.9285 5.52118 13.5509 5.05771C13.6759 5.01156 13.8034 4.98288 13.9336 4.97166C14.0637 4.96044 14.1897 4.95483 14.3114 4.95483C15.2485 4.95483 16.0459 5.28463 16.7037 5.94421C17.3614 6.60379 17.6902 7.3967 17.6902 8.32294ZM3.49226 17.6461H15.3384V16.9445C15.3384 16.7315 15.2862 16.5431 15.1817 16.3793C15.0772 16.2155 14.9089 16.0711 14.6769 15.9461C13.8585 15.5269 13.0227 15.2101 12.1693 14.9956C11.316 14.7812 10.4 14.674 9.42131 14.674C8.43983 14.674 7.52103 14.7812 6.66491 14.9956C5.80879 15.2101 4.97176 15.5269 4.15381 15.9461C3.91855 16.0711 3.74947 16.2158 3.64659 16.3802C3.5437 16.5447 3.49226 16.7323 3.49226 16.9433V17.6461ZM9.41764 10.3135C9.96354 10.3135 10.4302 10.1202 10.8177 9.73376C11.2052 9.34729 11.399 8.88111 11.399 8.33521C11.399 7.78929 11.2058 7.32258 10.8193 6.93508C10.4328 6.54758 9.96664 6.35383 9.42074 6.35383C8.87484 6.35383 8.40814 6.54707 8.02064 6.93353C7.63314 7.32 7.43939 7.78619 7.43939 8.33211C7.43939 8.87801 7.63262 9.34471 8.01909 9.73221C8.40555 10.1197 8.87174 10.3135 9.41764 10.3135Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default GroupIcon;

package/src/icons/HeadphonesIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const HeadphonesIcon = (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_8422"
+        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_8422)">
+        <path
+          d="M8.075 20H5.625C5.15833 20 4.771 19.846 4.463 19.538C4.15433 19.2293 4 18.8417 4 18.375V12C4 10.8833 4.20833 9.84167 4.625 8.875C5.04167 7.90833 5.61267 7.06267 6.338 6.338C7.06267 5.61267 7.90833 5.04167 8.875 4.625C9.84167 4.20833 10.8833 4 12 4C13.1167 4 14.1583 4.20833 15.125 4.625C16.0917 5.04167 16.9377 5.61267 17.663 6.338C18.3877 7.06267 18.9583 7.90833 19.375 8.875C19.7917 9.84167 20 10.8833 20 12V18.375C20 18.8417 19.846 19.2293 19.538 19.538C19.2293 19.846 18.8417 20 18.375 20H15.925V13.85H19V12C19 10.05 18.3207 8.39567 16.962 7.037C15.604 5.679 13.95 5 12 5C10.05 5 8.396 5.679 7.038 7.037C5.67933 8.39567 5 10.05 5 12V13.85H8.075V20ZM7.075 14.85H5V18.375C5 18.5417 5.06267 18.6873 5.188 18.812C5.31267 18.9373 5.45833 19 5.625 19H7.075V14.85ZM16.925 14.85V19H18.375C18.5417 19 18.6873 18.9373 18.812 18.812C18.9373 18.6873 19 18.5417 19 18.375V14.85H16.925ZM16.925 14.85H19C19 14.85 18.9373 14.85 18.812 14.85C18.6873 14.85 18.5417 14.85 18.375 14.85H16.925ZM7.075 14.85H5.625C5.45833 14.85 5.31267 14.85 5.188 14.85C5.06267 14.85 5 14.85 5 14.85H7.075Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default HeadphonesIcon;

package/src/icons/HomeFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const HomeFilledIcon = (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_8797"
+        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_8797)">
+        <path
+          d="M4.5 19V10.1539C4.5 9.86765 4.56402 9.5965 4.69207 9.34041C4.82012 9.08433 4.99712 8.87344 5.22307 8.70774L10.9154 4.41929C11.2313 4.17826 11.5923 4.05774 11.9984 4.05774C12.4046 4.05774 12.7666 4.17826 13.0846 4.41929L18.7769 8.70774C19.0028 8.87344 19.1798 9.08433 19.3079 9.34041C19.4359 9.5965 19.5 9.86765 19.5 10.1539V19C19.5 19.409 19.3522 19.7612 19.0567 20.0567C18.7612 20.3522 18.4089 20.5 18 20.5H14.8077C14.5516 20.5 14.3369 20.4134 14.1637 20.2401C13.9904 20.0669 13.9038 19.8522 13.9038 19.5961V14.7115C13.9038 14.4554 13.8172 14.2408 13.6439 14.0675C13.4707 13.8943 13.2561 13.8077 13 13.8077H11C10.7439 13.8077 10.5292 13.8943 10.356 14.0675C10.1827 14.2408 10.0961 14.4554 10.0961 14.7115V19.5961C10.0961 19.8522 10.0095 20.0669 9.83627 20.2401C9.66304 20.4134 9.44838 20.5 9.1923 20.5H5.99997C5.59101 20.5 5.23877 20.3522 4.94327 20.0567C4.64776 19.7612 4.5 19.409 4.5 19Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default HomeFilledIcon;

package/src/icons/HomeIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const HomeIcon = (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_8794"
+        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_8794)">
+        <path
+          d="M5.66546 19.3346H9.52894V13.923C9.52894 13.7206 9.59676 13.5516 9.73241 13.4159C9.86806 13.2803 10.0371 13.2125 10.2395 13.2125H13.7779C13.9671 13.2125 14.1299 13.2803 14.2664 13.4159C14.4029 13.5516 14.4712 13.7206 14.4712 13.923V19.3346H18.3347V9.96984C18.3347 9.91855 18.3234 9.87208 18.301 9.83041C18.2786 9.78875 18.2481 9.75189 18.2097 9.71984L12.1828 5.19421C12.1315 5.15575 12.0706 5.13651 12.0001 5.13651C11.9295 5.13651 11.8686 5.15575 11.8174 5.19421L5.79046 9.71984C5.75199 9.75189 5.72154 9.78875 5.69911 9.83041C5.67668 9.87208 5.66546 9.91855 5.66546 9.96984V19.3346ZM4.56934 19.3346V9.97881C4.56934 9.74909 4.61567 9.53788 4.70834 9.34516C4.801 9.15246 4.94313 8.98996 5.13471 8.85766L11.1616 4.31346C11.4076 4.12499 11.6864 4.03076 11.998 4.03076C12.3096 4.03076 12.5898 4.12499 12.8385 4.31346L18.8654 8.85766C19.057 8.98996 19.1991 9.15246 19.2918 9.34516C19.3845 9.53788 19.4308 9.74909 19.4308 9.97881V19.3346C19.4308 19.6325 19.3226 19.8896 19.1062 20.1061C18.8897 20.3225 18.6326 20.4307 18.3347 20.4307H14.0856C13.8832 20.4307 13.7142 20.3629 13.5786 20.2272C13.4429 20.0916 13.3751 19.9225 13.3751 19.7201V14.3086H10.6251V19.7201C10.6251 19.9225 10.557 20.0916 10.4208 20.2272C10.2847 20.3629 10.1223 20.4307 9.93371 20.4307H5.65781C5.36571 20.4307 5.11127 20.3225 4.89449 20.1061C4.67772 19.8896 4.56934 19.6325 4.56934 19.3346Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default HomeIcon;

package/src/icons/HomePinIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const HomePinIcon = (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_8530"
+        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_8530)">
+        <path
+          d="M9.45 12.45V8.35L12 6.65L14.55 8.35V12.45H12.85V10.05H11.15V12.45H9.45ZM12 20.25C14.0833 18.4333 15.6873 16.6167 16.812 14.8C17.9373 12.9833 18.5 11.45 18.5 10.2C18.5 8.23333 17.871 6.625 16.613 5.375C15.3543 4.125 13.8167 3.5 12 3.5C10.1833 3.5 8.646 4.125 7.388 5.375C6.12933 6.625 5.5 8.23333 5.5 10.2C5.5 11.45 6.06267 12.9833 7.188 14.8C8.31267 16.6167 9.91667 18.4333 12 20.25ZM12 21.625C9.46667 19.375 7.58333 17.2917 6.35 15.375C5.11667 13.4583 4.5 11.7333 4.5 10.2C4.5 7.85 5.25433 5.97933 6.763 4.588C8.271 3.196 10.0167 2.5 12 2.5C13.9833 2.5 15.7293 3.196 17.238 4.588C18.746 5.97933 19.5 7.85 19.5 10.2C19.5 11.7333 18.8833 13.4583 17.65 15.375C16.4167 17.2917 14.5333 19.375 12 21.625Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default HomePinIcon;

package/src/icons/HourGlassEmptyIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const HourGlassEmptyIcon = (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_8857"
+        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_8857)">
+        <path
+          d="M8.29995 20H15.7V17C15.7 15.8667 15.35 14.879 14.65 14.037C13.95 13.1957 13.0666 12.775 12 12.775C10.9333 12.775 10.05 13.1957 9.34995 14.037C8.64995 14.879 8.29995 15.8667 8.29995 17V20ZM12 11.225C13.0666 11.225 13.95 10.804 14.65 9.962C15.35 9.12067 15.7 8.13333 15.7 7V4H8.29995V7C8.29995 8.13333 8.64995 9.12067 9.34995 9.962C10.05 10.804 10.9333 11.225 12 11.225ZM18.3 21H5.69995C5.54995 21 5.42928 20.95 5.33795 20.85C5.24595 20.75 5.19995 20.6333 5.19995 20.5C5.19995 20.35 5.24595 20.229 5.33795 20.137C5.42928 20.0457 5.54995 20 5.69995 20H7.29995V17C7.29995 15.85 7.62062 14.8083 8.26195 13.875C8.90395 12.9417 9.76662 12.3167 10.85 12C9.76662 11.6833 8.90395 11.0583 8.26195 10.125C7.62062 9.19167 7.29995 8.15 7.29995 7V4H5.69995C5.54995 4 5.42928 3.95 5.33795 3.85C5.24595 3.75 5.19995 3.63333 5.19995 3.5C5.19995 3.35 5.24595 3.229 5.33795 3.137C5.42928 3.04567 5.54995 3 5.69995 3H18.3C18.45 3 18.571 3.05 18.663 3.15C18.7543 3.25 18.8 3.36667 18.8 3.5C18.8 3.65 18.7543 3.77067 18.663 3.862C18.571 3.954 18.45 4 18.3 4H16.7V7C16.7 8.15 16.3793 9.19167 15.738 10.125C15.096 11.0583 14.2333 11.6833 13.15 12C14.2333 12.3167 15.096 12.9417 15.738 13.875C16.3793 14.8083 16.7 15.85 16.7 17V20H18.3C18.45 20 18.571 20.05 18.663 20.15C18.7543 20.25 18.8 20.3667 18.8 20.5C18.8 20.65 18.7543 20.771 18.663 20.863C18.571 20.9543 18.45 21 18.3 21Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default HourGlassEmptyIcon;

package/src/icons/HubIcon.tsx

@@ -0,0 +1,22 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const HubIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M5.93823 22.5C5.26723 22.5 4.69311 22.2621 4.21587 21.7864C3.73862 21.3107 3.5 20.7373 3.5 20.0663C3.5 19.3953 3.7369 18.8242 4.2107 18.353C4.6845 17.8818 5.25982 17.6462 5.93668 17.6462C6.13786 17.6462 6.33456 17.6702 6.52678 17.7183C6.71899 17.7663 6.90878 17.8385 7.09615 17.9346L9.97115 14.3808C9.68012 14.0487 9.47371 13.6849 9.35192 13.2894C9.23013 12.8939 9.20448 12.4808 9.275 12.05L5.07692 10.6596C4.86539 11.0506 4.57286 11.3596 4.19933 11.5866C3.82578 11.8135 3.39914 11.9269 2.91943 11.9269C2.25883 11.9269 1.69043 11.6908 1.21425 11.2184C0.738083 10.7461 0.5 10.1725 0.5 9.49775C0.5 8.82297 0.737867 8.25016 1.2136 7.77932C1.68933 7.30849 2.2627 7.07307 2.9337 7.07307C3.60472 7.07307 4.17582 7.30903 4.64703 7.78093C5.11824 8.25283 5.35385 8.82585 5.35385 9.5C5.35385 9.5641 5.35064 9.61922 5.34422 9.66537C5.33782 9.71154 5.33462 9.75385 5.33462 9.7923L9.53845 11.2462C9.74872 10.8538 10.0215 10.532 10.3567 10.2808C10.692 10.0295 11.0923 9.85833 11.5577 9.7673V5.31155C10.9205 5.19232 10.4305 4.89808 10.0875 4.42885C9.74455 3.95962 9.57308 3.45632 9.57308 2.91897C9.57308 2.26081 9.80924 1.69311 10.2816 1.21588C10.7539 0.738625 11.3275 0.5 12.0023 0.5C12.677 0.5 13.2498 0.738084 13.7207 1.21425C14.1915 1.69043 14.4269 2.26133 14.4269 2.92693C14.4269 3.45898 14.2545 3.95962 13.9096 4.42885C13.5647 4.89808 13.0756 5.19232 12.4423 5.31155V9.7673C12.9077 9.85833 13.309 10.0295 13.6462 10.2808C13.9833 10.532 14.2635 10.8538 14.4865 11.2462L18.6654 9.7923C18.6526 9.75705 18.6462 9.71474 18.6462 9.66537V9.5C18.6462 8.82585 18.881 8.25283 19.3507 7.78093C19.8204 7.30903 20.3908 7.07307 21.0618 7.07307C21.7328 7.07307 22.3069 7.30925 22.7841 7.7816C23.2614 8.25393 23.5 8.82748 23.5 9.50225C23.5 10.177 23.2619 10.7498 22.7857 11.2207C22.3096 11.6915 21.7412 11.9269 21.0806 11.9269C20.605 11.9269 20.1784 11.8103 19.8009 11.5769C19.4234 11.3436 19.1308 11.0378 18.9231 10.6596L14.725 12.05C14.8083 12.4808 14.7869 12.8971 14.6606 13.2991C14.5343 13.701 14.3237 14.0551 14.0288 14.3616L16.9039 17.9346C17.0744 17.8385 17.2599 17.7663 17.4606 17.7183C17.6612 17.6702 17.8585 17.6462 18.0524 17.6462C18.7449 17.6462 19.3259 17.881 19.7956 18.3507C20.2652 18.8204 20.5 19.3908 20.5 20.0618C20.5 20.7328 20.2621 21.3069 19.7864 21.7841C19.3107 22.2614 18.7373 22.5 18.0663 22.5C17.3953 22.5 16.8242 22.2635 16.353 21.7906C15.8818 21.3176 15.6462 20.7433 15.6462 20.0676C15.6462 19.7611 15.6891 19.4843 15.7749 19.2372C15.8606 18.9902 16.012 18.7425 16.2289 18.4942L13.3539 14.9019C12.9594 15.1468 12.5061 15.2692 11.9937 15.2692C11.4814 15.2692 11.0303 15.1468 10.6404 14.9019L7.77115 18.5192C7.97628 18.7564 8.12468 18.9971 8.21635 19.2414C8.30802 19.4857 8.35385 19.7611 8.35385 20.0676C8.35385 20.7433 8.119 21.3176 7.6493 21.7906C7.1796 22.2635 6.60924 22.5 5.93823 22.5ZM2.93117 11.1577C3.38859 11.1577 3.77852 10.9951 4.10095 10.6698C4.4234 10.3445 4.58462 9.95317 4.58462 9.49575C4.58462 9.03833 4.42198 8.64841 4.0967 8.32597C3.77143 8.00353 3.38009 7.8423 2.92267 7.8423C2.46526 7.8423 2.07533 8.00494 1.75287 8.33022C1.43046 8.65549 1.26925 9.04683 1.26925 9.50425C1.26925 9.96167 1.43189 10.3516 1.75718 10.674C2.08244 10.9965 2.47376 11.1577 2.93117 11.1577ZM5.93117 21.7308C6.38859 21.7308 6.77852 21.5681 7.10095 21.2429C7.4234 20.9176 7.58463 20.5262 7.58463 20.0688C7.58463 19.6114 7.42198 19.2215 7.0967 18.8991C6.77143 18.5766 6.38009 18.4154 5.92268 18.4154C5.46526 18.4154 5.07533 18.578 4.75288 18.9033C4.43044 19.2286 4.26922 19.6199 4.26922 20.0773C4.26922 20.5347 4.43186 20.9247 4.75713 21.2471C5.08241 21.5696 5.47376 21.7308 5.93117 21.7308ZM12.0043 4.58463C12.4617 4.58463 12.8516 4.42198 13.174 4.0967C13.4965 3.77143 13.6577 3.38009 13.6577 2.92267C13.6577 2.46526 13.4951 2.07532 13.1698 1.75287C12.8445 1.43044 12.4532 1.26922 11.9957 1.26922C11.5383 1.26922 11.1484 1.43186 10.826 1.75712C10.5035 2.08241 10.3423 2.47376 10.3423 2.93118C10.3423 3.38859 10.5049 3.77852 10.8302 4.10095C11.1555 4.4234 11.5468 4.58463 12.0043 4.58463ZM12.0029 14.5C12.5574 14.5 13.0289 14.3048 13.4173 13.9144C13.8058 13.524 14 13.0516 14 12.4971C14 11.9426 13.8047 11.4711 13.4142 11.0827C13.0237 10.6942 12.5523 10.5 12 10.5C11.4474 10.5 10.976 10.6953 10.5856 11.0858C10.1952 11.4763 10 11.9477 10 12.5C10 13.0526 10.1952 13.524 10.5856 13.9144C10.976 14.3048 11.4484 14.5 12.0029 14.5ZM18.0773 21.7307C18.5347 21.7307 18.9247 21.5681 19.2471 21.2429C19.5696 20.9176 19.7308 20.5262 19.7308 20.0688C19.7308 19.6114 19.5681 19.2215 19.2429 18.8991C18.9176 18.5766 18.5262 18.4154 18.0688 18.4154C17.6114 18.4154 17.2215 18.578 16.899 18.9033C16.5766 19.2286 16.4154 19.6199 16.4154 20.0773C16.4154 20.5347 16.578 20.9247 16.9033 21.2471C17.2286 21.5696 17.6199 21.7308 18.0773 21.7308V21.7307ZM21.0773 11.1577C21.5347 11.1577 21.9247 10.9951 22.2471 10.6698C22.5696 10.3445 22.7308 9.95317 22.7308 9.49575C22.7308 9.03833 22.5681 8.64841 22.2429 8.32597C21.9176 8.00353 21.5262 7.8423 21.0688 7.8423C20.6114 7.8423 20.2215 8.00494 19.899 8.33022C19.5766 8.65549 19.4154 9.04683 19.4154 9.50425C19.4154 9.96167 19.578 10.3516 19.9033 10.674C20.2286 10.9965 20.6199 11.1577 21.0773 11.1577Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+};
+
+export default HubIcon;

package/src/icons/InfoFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const InfoFilledIcon = (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_8476"
+        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_8476)">
+        <path
+          d="M12.0003 16.5C12.2017 16.5 12.3704 16.4319 12.5065 16.2957C12.6425 16.1595 12.7105 15.9908 12.7105 15.7895V11.7631C12.7105 11.5618 12.6424 11.3931 12.5062 11.2569C12.3699 11.1207 12.2011 11.0526 11.9997 11.0526C11.7983 11.0526 11.6296 11.1207 11.4935 11.2569C11.3575 11.3931 11.2895 11.5618 11.2895 11.7631V15.7895C11.2895 15.9908 11.3576 16.1595 11.4938 16.2957C11.6301 16.4319 11.7989 16.5 12.0003 16.5ZM12 9.43118C12.2168 9.43118 12.3985 9.35785 12.5452 9.2112C12.6918 9.06455 12.7652 8.88282 12.7652 8.66601C12.7652 8.44922 12.6918 8.26749 12.5452 8.12082C12.3985 7.97417 12.2168 7.90084 12 7.90084C11.7832 7.90084 11.6015 7.97417 11.4548 8.12082C11.3082 8.26749 11.2348 8.44922 11.2348 8.66601C11.2348 8.88282 11.3082 9.06455 11.4548 9.2112C11.6015 9.35785 11.7832 9.43118 12 9.43118ZM12.0016 21C10.7568 21 9.58677 20.7638 8.49148 20.2914C7.39618 19.8189 6.44342 19.1778 5.63322 18.368C4.82299 17.5581 4.18157 16.6058 3.70894 15.511C3.23631 14.4162 3 13.2464 3 12.0016C3 10.7568 3.23621 9.58677 3.70863 8.49148C4.18106 7.39618 4.82219 6.44343 5.63203 5.63322C6.44189 4.823 7.39423 4.18157 8.48904 3.70894C9.58384 3.23631 10.7536 3 11.9984 3C13.2432 3 14.4132 3.23621 15.5085 3.70863C16.6038 4.18106 17.5566 4.82219 18.3668 5.63203C19.177 6.44189 19.8184 7.39423 20.2911 8.48904C20.7637 9.58384 21 10.7536 21 11.9984C21 13.2432 20.7638 14.4132 20.2914 15.5085C19.8189 16.6038 19.1778 17.5566 18.368 18.3668C17.5581 19.177 16.6058 19.8184 15.511 20.2911C14.4162 20.7637 13.2464 21 12.0016 21Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default InfoFilledIcon;

package/src/icons/InfoGradientFilledIcon.tsx

@@ -0,0 +1,49 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const InfoFilledIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_5226"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="20"
+        height="20"
+      >
+        <rect width="20" height="20" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_5226)">
+        <path
+          d="M10.0003 13.75C10.1681 13.75 10.3087 13.6932 10.4221 13.5798C10.5354 13.4663 10.5921 13.3257 10.5921 13.1579V9.80261C10.5921 9.63486 10.5353 9.49424 10.4218 9.38076C10.3083 9.26727 10.1676 9.21052 9.99974 9.21052C9.8319 9.21052 9.6913 9.26727 9.57795 9.38076C9.46459 9.49424 9.40791 9.63486 9.40791 9.80261V13.1579C9.40791 13.3257 9.46468 13.4663 9.5782 13.5798C9.69174 13.6932 9.83243 13.75 10.0003 13.75ZM10 7.85932C10.1807 7.85932 10.3321 7.79821 10.4543 7.676C10.5765 7.55379 10.6376 7.40235 10.6376 7.22168C10.6376 7.04102 10.5765 6.88958 10.4543 6.76735C10.3321 6.64514 10.1807 6.58404 10 6.58404C9.81933 6.58404 9.66789 6.64514 9.54568 6.76735C9.42346 6.88958 9.36236 7.04102 9.36236 7.22168C9.36236 7.40235 9.42346 7.55379 9.54568 7.676C9.66789 7.79821 9.81933 7.85932 10 7.85932ZM10.0013 17.5C8.964 17.5 7.98898 17.3032 7.07624 16.9095C6.16348 16.5158 5.36952 15.9815 4.69435 15.3066C4.01916 14.6318 3.48464 13.8381 3.09078 12.9258C2.69693 12.0135 2.5 11.0386 2.5 10.0013C2.5 8.964 2.69684 7.98898 3.09053 7.07624C3.48421 6.16348 4.01849 5.36952 4.69336 4.69435C5.36824 4.01916 6.16186 3.48464 7.0742 3.09079C7.98653 2.69693 8.96136 2.5 9.99868 2.5C11.036 2.5 12.011 2.69684 12.9238 3.09053C13.8365 3.48421 14.6305 4.01849 15.3057 4.69336C15.9808 5.36824 16.5154 6.16186 16.9092 7.0742C17.3031 7.98653 17.5 8.96136 17.5 9.99868C17.5 11.036 17.3032 12.011 16.9095 12.9238C16.5158 13.8365 15.9815 14.6305 15.3066 15.3057C14.6318 15.9808 13.8381 16.5154 12.9258 16.9092C12.0135 17.3031 11.0386 17.5 10.0013 17.5Z"
+          fill="url(#paint0_linear_1118_5226)"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="paint0_linear_1118_5226"
+          x1="2.5"
+          y1="2.5"
+          x2="16.525"
+          y2="17.5"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#4DE1FF" />
+          <stop offset="0.5" stopColor="#6A00FF" />
+          <stop offset="1" stopColor="#FF00BF" />
+        </linearGradient>
+      </defs>
+    </Icon>
+  );
+};
+
+export default InfoFilledIcon;

package/src/icons/InfoIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const InfoIcon = (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_8470"
+        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_8470)">
+        <path
+          d="M12.0003 16.75C12.2129 16.75 12.391 16.6781 12.5346 16.5343C12.6782 16.3906 12.75 16.2125 12.75 16V11.75C12.75 11.5375 12.6781 11.3594 12.5343 11.2156C12.3904 11.0719 12.2122 11 11.9997 11C11.7871 11 11.609 11.0719 11.4654 11.2156C11.3218 11.3594 11.25 11.5375 11.25 11.75V16C11.25 16.2125 11.3219 16.3906 11.4657 16.5343C11.6095 16.6781 11.7877 16.75 12.0003 16.75ZM12 9.28845C12.2288 9.28845 12.4207 9.21105 12.5755 9.05625C12.7303 8.90145 12.8077 8.70963 12.8077 8.48078C12.8077 8.25194 12.7303 8.06012 12.5755 7.9053C12.4207 7.7505 12.2288 7.6731 12 7.6731C11.7711 7.6731 11.5793 7.7505 11.4245 7.9053C11.2697 8.06012 11.1923 8.25194 11.1923 8.48078C11.1923 8.70963 11.2697 8.90145 11.4245 9.05625C11.5793 9.21105 11.7711 9.28845 12 9.28845ZM12.0016 21.5C10.6877 21.5 9.45268 21.2506 8.29655 20.752C7.1404 20.2533 6.13472 19.5765 5.2795 18.7217C4.42427 17.8669 3.74721 16.8616 3.24833 15.706C2.74944 14.5504 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45268 3.248 8.29655C3.74667 7.1404 4.42342 6.13472 5.27825 5.2795C6.1331 4.42427 7.13834 3.74721 8.29398 3.24833C9.44959 2.74944 10.6844 2.5 11.9983 2.5C13.3122 2.5 14.5473 2.74933 15.7034 3.248C16.8596 3.74667 17.8652 4.42342 18.7205 5.27825C19.5757 6.1331 20.2527 7.13834 20.7516 8.29398C21.2505 9.44959 21.5 10.6844 21.5 11.9983C21.5 13.3122 21.2506 14.5473 20.752 15.7034C20.2533 16.8596 19.5765 17.8652 18.7217 18.7205C17.8669 19.5757 16.8616 20.2527 15.706 20.7516C14.5504 21.2505 13.3156 21.5 12.0016 21.5ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76664 19.225 7.87498 17.675 6.32498C16.125 4.77498 14.2333 3.99998 12 3.99998C9.76664 3.99998 7.87498 4.77498 6.32498 6.32498C4.77498 7.87498 3.99998 9.76664 3.99998 12C3.99998 14.2333 4.77498 16.125 6.32498 17.675C7.87498 19.225 9.76664 20 12 20Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default InfoIcon;

package/src/icons/InsertChartFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const InsertChartFilledIcon = (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_9017"
+        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_9017)">
+        <path
+          d="M8.1157 16.75C8.3283 16.75 8.50639 16.6781 8.64998 16.5343C8.79356 16.3906 8.86535 16.2125 8.86535 16V11C8.86535 10.7875 8.79344 10.6094 8.64963 10.4656C8.50583 10.3219 8.32763 10.25 8.11503 10.25C7.90244 10.25 7.72436 10.3219 7.58078 10.4656C7.43718 10.6094 7.36538 10.7875 7.36538 11V16C7.36538 16.2125 7.43728 16.3906 7.5811 16.5343C7.72492 16.6781 7.90312 16.75 8.1157 16.75ZM12.0003 16.75C12.2129 16.75 12.391 16.6781 12.5346 16.5343C12.6782 16.3906 12.75 16.2125 12.75 16V7.99998C12.75 7.78748 12.6781 7.60935 12.5343 7.4656C12.3904 7.32187 12.2122 7.25 11.9997 7.25C11.7871 7.25 11.609 7.32187 11.4654 7.4656C11.3218 7.60935 11.25 7.78748 11.25 7.99998V16C11.25 16.2125 11.3219 16.3906 11.4657 16.5343C11.6095 16.6781 11.7877 16.75 12.0003 16.75ZM15.8849 16.75C16.0975 16.75 16.2756 16.6781 16.4192 16.5343C16.5628 16.3906 16.6346 16.2125 16.6346 16V14C16.6346 13.7875 16.5627 13.6094 16.4189 13.4656C16.275 13.3219 16.0968 13.25 15.8843 13.25C15.6717 13.25 15.4936 13.3219 15.35 13.4656C15.2064 13.6094 15.1346 13.7875 15.1346 14V16C15.1346 16.2125 15.2065 16.3906 15.3503 16.5343C15.4941 16.6781 15.6723 16.75 15.8849 16.75ZM5.3077 20.5C4.80257 20.5 4.375 20.325 4.025 19.975C3.675 19.625 3.5 19.1974 3.5 18.6923V5.3077C3.5 4.80257 3.675 4.375 4.025 4.025C4.375 3.675 4.80257 3.5 5.3077 3.5H18.6923C19.1974 3.5 19.625 3.675 19.975 4.025C20.325 4.375 20.5 4.80257 20.5 5.3077V18.6923C20.5 19.1974 20.325 19.625 19.975 19.975C19.625 20.325 19.1974 20.5 18.6923 20.5H5.3077Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default InsertChartFilledIcon;

package/src/icons/InsertChartIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const InsertChartIcon = (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_9014"
+        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_9014)">
+        <path
+          d="M8.03539 16.7674C8.19005 16.7674 8.3193 16.7144 8.42314 16.6083C8.52699 16.5023 8.57891 16.3698 8.57891 16.2106V10.9549C8.57891 10.809 8.52504 10.6826 8.41729 10.5758C8.30954 10.4689 8.18209 10.4155 8.03494 10.4155C7.87452 10.4155 7.74239 10.4689 7.63854 10.5758C7.5347 10.6826 7.48279 10.809 7.48279 10.9549V16.2106C7.48279 16.3698 7.53622 16.5023 7.64309 16.6083C7.74997 16.7144 7.88074 16.7674 8.03539 16.7674ZM12.0085 16.7674C12.1631 16.7674 12.2924 16.7144 12.3962 16.6083C12.5 16.5023 12.552 16.3698 12.552 16.2106V7.77219C12.552 7.62632 12.4981 7.49995 12.3904 7.39309C12.2826 7.2862 12.1552 7.23276 12.008 7.23276C11.8476 7.23276 11.7155 7.2862 11.6116 7.39309C11.5078 7.49995 11.4558 7.62632 11.4558 7.77219V16.2106C11.4558 16.3698 11.5093 16.5023 11.6162 16.6083C11.723 16.7144 11.8538 16.7674 12.0085 16.7674ZM15.9738 16.7674C16.1285 16.7674 16.2577 16.7144 16.3616 16.6083C16.4654 16.5023 16.5173 16.3698 16.5173 16.2106V14.0664C16.5173 13.9268 16.4635 13.802 16.3557 13.692C16.248 13.582 16.1205 13.527 15.9734 13.527C15.813 13.527 15.6808 13.582 15.577 13.692C15.4731 13.802 15.4212 13.9268 15.4212 14.0664V16.2106C15.4212 16.3698 15.4747 16.5023 15.5815 16.6083C15.6884 16.7144 15.8192 16.7674 15.9738 16.7674ZM4.97089 20.4308C4.59424 20.4308 4.26649 20.2914 3.98764 20.0125C3.70877 19.7336 3.56934 19.4059 3.56934 19.0292V4.97089C3.56934 4.59424 3.70877 4.26649 3.98764 3.98764C4.26649 3.70877 4.59424 3.56934 4.97089 3.56934H19.0292C19.4059 3.56934 19.7336 3.70877 20.0125 3.98764C20.2914 4.26649 20.4308 4.59424 20.4308 4.97089V19.0292C20.4308 19.4059 20.2914 19.7336 20.0125 20.0125C19.7336 20.2914 19.4059 20.4308 19.0292 20.4308H4.97089ZM4.97316 19.3347H19.027C19.1039 19.3347 19.1744 19.3026 19.2385 19.2385C19.3026 19.1744 19.3347 19.1039 19.3347 19.027V4.97316C19.3347 4.89624 19.3026 4.82573 19.2385 4.76161C19.1744 4.69751 19.1039 4.66546 19.027 4.66546H4.97316C4.89624 4.66546 4.82573 4.69751 4.76161 4.76161C4.69751 4.82573 4.66546 4.89624 4.66546 4.97316V19.027C4.66546 19.1039 4.69751 19.1744 4.76161 19.2385C4.82573 19.3026 4.89624 19.3347 4.97316 19.3347Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default InsertChartIcon;