mainstack-design-system 0.0.0

package/src/icons/ViewArrayIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ViewArrayIcon = (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_8533"
+        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_8533)">
+        <path
+          d="M18 18V6H20V18H18ZM8 18V6H16V18H8ZM4 18V6H6V18H4ZM9 17H15V7H9V17Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ViewArrayIcon;

package/src/icons/ViewCarouselIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ViewCarouselIcon = (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_8539"
+        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_8539)">
+        <path
+          d="M3.30005 8H6.00005V16H3.30005V8ZM8.00005 6H16V18H8.00005V6ZM18 8H20.7001V16H18V8ZM9.00005 7V17H15V7H9.00005Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ViewCarouselIcon;

package/src/icons/ViewCozyIcon.tsx

@@ -0,0 +1,22 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ViewCozyIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M9.6923 10.5H4.8077C4.5875 10.5 4.39783 10.4204 4.2387 10.2613C4.07957 10.1022 4 9.9125 4 9.6923V4.8077C4 4.5875 4.07957 4.39783 4.2387 4.2387C4.39783 4.07957 4.5875 4 4.8077 4H9.6923C9.9125 4 10.1022 4.07957 10.2613 4.2387C10.4204 4.39783 10.5 4.5875 10.5 4.8077V9.6923C10.5 9.9125 10.4204 10.1022 10.2613 10.2613C10.1022 10.4204 9.9125 10.5 9.6923 10.5ZM4.76922 9.73078H9.73077V4.76922H4.76922V9.73078ZM9.6923 20H4.8077C4.5875 20 4.39783 19.9204 4.2387 19.7613C4.07957 19.6022 4 19.4125 4 19.1923V14.3077C4 14.0875 4.07957 13.8978 4.2387 13.7387C4.39783 13.5796 4.5875 13.5 4.8077 13.5H9.6923C9.9125 13.5 10.1022 13.5796 10.2613 13.7387C10.4204 13.8978 10.5 14.0875 10.5 14.3077V19.1923C10.5 19.4125 10.4204 19.6022 10.2613 19.7613C10.1022 19.9204 9.9125 20 9.6923 20ZM4.76922 19.2308H9.73077V14.2692H4.76922V19.2308ZM19.1923 10.5H14.3077C14.0875 10.5 13.8978 10.4204 13.7387 10.2613C13.5796 10.1022 13.5 9.9125 13.5 9.6923V4.8077C13.5 4.5875 13.5796 4.39783 13.7387 4.2387C13.8978 4.07957 14.0875 4 14.3077 4H19.1923C19.4125 4 19.6022 4.07957 19.7613 4.2387C19.9204 4.39783 20 4.5875 20 4.8077V9.6923C20 9.9125 19.9204 10.1022 19.7613 10.2613C19.6022 10.4204 19.4125 10.5 19.1923 10.5ZM14.2692 9.73078H19.2308V4.76922H14.2692V9.73078ZM19.1923 20H14.3077C14.0875 20 13.8978 19.9204 13.7387 19.7613C13.5796 19.6022 13.5 19.4125 13.5 19.1923V14.3077C13.5 14.0875 13.5796 13.8978 13.7387 13.7387C13.8978 13.5796 14.0875 13.5 14.3077 13.5H19.1923C19.4125 13.5 19.6022 13.5796 19.7613 13.7387C19.9204 13.8978 20 14.0875 20 14.3077V19.1923C20 19.4125 19.9204 19.6022 19.7613 19.7613C19.6022 19.9204 19.4125 20 19.1923 20ZM14.2692 19.2308H19.2308V14.2692H14.2692V19.2308Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+};
+
+export default ViewCozyIcon;

package/src/icons/ViewModuleIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ViewModuleIcon = (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_8359"
+        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_8359)">
+        <path
+          d="M4.05005 18V6H19.975V18H4.05005ZM15 11.5H18.975V7H15V11.5ZM10.025 11.5H14V7H10.025V11.5ZM5.05005 11.5H9.02505V7H5.05005V11.5ZM5.05005 17H9.02505V12.5H5.05005V17ZM10.025 17H14V12.5H10.025V17ZM15 17H18.975V12.5H15V17Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ViewModuleIcon;

package/src/icons/VisibilityIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const VisibilityIcon = (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_8350"
+        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_8350)">
+        <path
+          d="M12 15.15C13.0166 15.15 13.8793 14.7957 14.588 14.087C15.296 13.379 15.65 12.5167 15.65 11.5C15.65 10.4833 15.296 9.62067 14.588 8.912C13.8793 8.204 13.0166 7.85 12 7.85C10.9833 7.85 10.121 8.204 9.41295 8.912C8.70428 9.62067 8.34995 10.4833 8.34995 11.5C8.34995 12.5167 8.70428 13.379 9.41295 14.087C10.121 14.7957 10.9833 15.15 12 15.15ZM12 14.2C11.25 14.2 10.6126 13.9373 10.088 13.412C9.56262 12.8873 9.29995 12.25 9.29995 11.5C9.29995 10.75 9.56262 10.1123 10.088 9.587C10.6126 9.06233 11.25 8.8 12 8.8C12.75 8.8 13.3876 9.06233 13.913 9.587C14.4376 10.1123 14.7 10.75 14.7 11.5C14.7 12.25 14.4376 12.8873 13.913 13.412C13.3876 13.9373 12.75 14.2 12 14.2ZM12 18C9.83328 18 7.85828 17.4127 6.07495 16.238C4.29162 15.0627 2.95828 13.4833 2.07495 11.5C2.95828 9.51667 4.29162 7.93733 6.07495 6.762C7.85828 5.58733 9.83328 5 12 5C14.1666 5 16.1416 5.58733 17.925 6.762C19.7083 7.93733 21.0416 9.51667 21.9249 11.5C21.0416 13.4833 19.7083 15.0627 17.925 16.238C16.1416 17.4127 14.1666 18 12 18ZM12 17C13.8833 17 15.6126 16.504 17.188 15.512C18.7626 14.5207 19.9666 13.1833 20.7999 11.5C19.9666 9.81667 18.7626 8.479 17.188 7.487C15.6126 6.49567 13.8833 6 12 6C10.1166 6 8.38728 6.49567 6.81195 7.487C5.23728 8.479 4.03328 9.81667 3.19995 11.5C4.03328 13.1833 5.23728 14.5207 6.81195 15.512C8.38728 16.504 10.1166 17 12 17Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default VisibilityIcon;

package/src/icons/VisibilityOffIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const VisibilityOffIcon = (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_8353"
+        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_8353)">
+        <path
+          d="M15.45 12.65L14.65 11.85C14.8 10.9833 14.5543 10.229 13.913 9.58701C13.271 8.94568 12.5166 8.70001 11.65 8.85001L10.85 8.05001C11.0166 7.98335 11.1916 7.93335 11.375 7.90001C11.5583 7.86668 11.7666 7.85001 12 7.85001C13.0166 7.85001 13.8793 8.20401 14.588 8.91201C15.296 9.62068 15.65 10.4833 15.65 11.5C15.65 11.7333 15.6333 11.9457 15.6 12.137C15.5666 12.329 15.5166 12.5 15.45 12.65ZM18.6 15.725L17.85 15.05C18.4833 14.5667 19.0459 14.0373 19.538 13.462C20.0293 12.8873 20.4499 12.2333 20.7999 11.5C19.9666 9.81668 18.7706 8.47901 17.212 7.48701C15.654 6.49568 13.9166 6.00001 12 6.00001C11.5166 6.00001 11.0416 6.03335 10.575 6.10001C10.1083 6.16668 9.64995 6.26668 9.19995 6.40001L8.42495 5.62501C9.00829 5.40835 9.59995 5.25001 10.2 5.15001C10.8 5.05001 11.4 5.00001 12 5.00001C14.1666 5.00001 16.15 5.59568 17.95 6.78701C19.75 7.97901 21.0749 9.55001 21.9249 11.5C21.5583 12.3 21.104 13.054 20.562 13.762C20.0206 14.4707 19.3666 15.125 18.6 15.725ZM19.725 21.15L15.825 17.25C15.3916 17.45 14.846 17.625 14.188 17.775C13.5293 17.925 12.8 18 12 18C9.81662 18 7.83328 17.404 6.04995 16.212C4.26662 15.0207 2.94162 13.45 2.07495 11.5C2.45828 10.6167 2.97095 9.78735 3.61295 9.01201C4.25428 8.23735 4.93328 7.59168 5.64995 7.07501L2.84995 4.27501L3.57495 3.57501L20.4249 20.425L19.725 21.15ZM6.34995 7.77501C5.78328 8.19168 5.19995 8.73335 4.59995 9.40001C3.99995 10.0667 3.53328 10.7667 3.19995 11.5C4.03328 13.1833 5.22895 14.5207 6.78695 15.512C8.34562 16.504 10.0833 17 12 17C12.5833 17 13.1666 16.9457 13.75 16.837C14.3333 16.729 14.775 16.6167 15.075 16.5L13.425 14.85C13.275 14.9333 13.0583 15.004 12.775 15.062C12.4916 15.1207 12.2333 15.15 12 15.15C10.9833 15.15 10.121 14.7957 9.41295 14.087C8.70428 13.379 8.34995 12.5167 8.34995 11.5C8.34995 11.2833 8.37928 11.0373 8.43795 10.762C8.49595 10.4873 8.56662 10.2583 8.64995 10.075L6.34995 7.77501Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default VisibilityOffIcon;

package/src/icons/VolunteerActivismFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const VolunteerActivismFilledIcon = (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_8890"
+        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_8890)">
+        <path
+          d="M2.05005 19.375V13.375C2.05005 13.075 2.15005 12.8206 2.35005 12.612C2.55005 12.404 2.80838 12.3 3.12505 12.3H3.95005C4.26672 12.3 4.52938 12.404 4.73805 12.612C4.94605 12.8206 5.05005 13.075 5.05005 13.375V19.375C5.05005 19.6916 4.94605 19.9499 4.73805 20.15C4.52938 20.35 4.26672 20.45 3.95005 20.45H3.12505C2.80838 20.45 2.55005 20.35 2.35005 20.15C2.15005 19.9499 2.05005 19.6916 2.05005 19.375ZM13.175 21.125L6.05005 19.0499V12.3H8.12505C8.22505 12.3 8.32105 12.3123 8.41305 12.337C8.50438 12.3623 8.59172 12.3916 8.67505 12.425L14.7 14.625C14.9834 14.725 15.225 14.9126 15.425 15.188C15.625 15.4626 15.725 15.7333 15.725 16C15.725 16.2 15.6707 16.354 15.562 16.462C15.454 16.5706 15.3 16.625 15.1 16.625H13.9C13.5334 16.625 13.1877 16.6 12.863 16.55C12.5377 16.5 12.2334 16.425 11.95 16.325L10.525 15.825C10.425 15.7916 10.321 15.8 10.213 15.85C10.1044 15.9 10.0334 15.9666 10 16.05C9.96672 16.15 9.97505 16.254 10.025 16.362C10.075 16.4706 10.1584 16.5416 10.275 16.575L11.85 17.1C12.15 17.2166 12.475 17.2916 12.825 17.325C13.175 17.3583 13.5167 17.375 13.85 17.375H19C19.4667 17.375 19.8584 17.525 20.175 17.825C20.4917 18.125 20.65 18.5 20.65 18.95L14.125 21.125C13.9917 21.1583 13.8294 21.1793 13.638 21.188C13.446 21.1959 13.2917 21.1749 13.175 21.125ZM15.7 11.85C15.6 11.85 15.5127 11.8373 15.438 11.812C15.3627 11.7873 15.2917 11.7416 15.225 11.675C13.8417 10.4916 12.6874 9.36228 11.762 8.28695C10.8374 7.21228 10.375 6.23328 10.375 5.34995C10.375 4.59995 10.6334 3.97062 11.15 3.46195C11.6667 2.95395 12.2917 2.69995 13.025 2.69995C13.4917 2.69995 13.9584 2.82495 14.425 3.07495C14.8917 3.32495 15.3167 3.69995 15.7 4.19995C16.0834 3.69995 16.5044 3.32495 16.963 3.07495C17.421 2.82495 17.8834 2.69995 18.35 2.69995C19.1 2.69995 19.7294 2.95395 20.2381 3.46195C20.746 3.97062 21 4.59995 21 5.34995C21 6.23328 20.5377 7.21228 19.6131 8.28695C18.6877 9.36228 17.5417 10.4916 16.175 11.675C16.1084 11.7416 16.0334 11.7873 15.95 11.812C15.8667 11.8373 15.7834 11.85 15.7 11.85Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default VolunteerActivismFilledIcon;

package/src/icons/VolunteerActivismIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const VolunteerActivismIcon = (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_8425"
+        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_8425)">
+        <path
+          d="M15.65 12.075C14.15 10.825 12.8917 9.62501 11.875 8.47501C10.8584 7.32501 10.35 6.28335 10.35 5.35001C10.35 4.60001 10.6044 3.97068 11.113 3.46201C11.621 2.95401 12.25 2.70001 13 2.70001C13.4667 2.70001 13.9294 2.82501 14.388 3.07501C14.846 3.32501 15.2667 3.70001 15.65 4.20001C16.0334 3.70001 16.4544 3.32501 16.913 3.07501C17.371 2.82501 17.8417 2.70001 18.3251 2.70001C19.0584 2.70001 19.6794 2.95401 20.188 3.46201C20.696 3.97068 20.9501 4.60001 20.9501 5.35001C20.9501 6.28335 20.4417 7.32501 19.425 8.47501C18.4084 9.62501 17.15 10.825 15.65 12.075ZM15.65 10.725C16.7834 9.75835 17.7834 8.79568 18.65 7.83701C19.5167 6.87901 19.9501 6.05001 19.9501 5.35001C19.9501 4.86668 19.7961 4.47068 19.4881 4.16201C19.1794 3.85401 18.7917 3.70001 18.3251 3.70001C18.0417 3.70001 17.7377 3.77501 17.413 3.92501C17.0877 4.07501 16.7417 4.40001 16.375 4.90001L15.65 5.80001L14.925 4.90001C14.5584 4.40001 14.2124 4.07501 13.887 3.92501C13.5624 3.77501 13.2667 3.70001 13 3.70001C12.5167 3.70001 12.1207 3.85401 11.812 4.16201C11.504 4.47068 11.35 4.86668 11.35 5.35001C11.35 6.05001 11.7834 6.87901 12.65 7.83701C13.5167 8.79568 14.5167 9.75835 15.65 10.725ZM13.65 21.075L6.05005 18.85V20.15H2.05005V12H8.40005L14.45 14.225C14.8167 14.3583 15.129 14.6 15.387 14.95C15.6457 15.3 15.775 15.75 15.775 16.3H18.775C19.375 16.3 19.8377 16.5127 20.163 16.938C20.4877 17.3627 20.65 17.925 20.65 18.625V18.875L13.65 21.075ZM3.05005 19.15H5.05005V13H3.05005V19.15ZM13.6 20.025L19.6 18.175C19.5834 17.9083 19.5 17.696 19.35 17.538C19.2001 17.3793 19.0084 17.3 18.775 17.3H14.075C13.625 17.3 13.1794 17.2707 12.738 17.212C12.296 17.154 11.8917 17.0583 11.525 16.925L9.60005 16.3L9.95005 15.325L11.85 15.975C12.1834 16.0917 12.5627 16.175 12.988 16.225C13.4127 16.275 14.0084 16.3 14.775 16.3C14.775 16 14.7167 15.754 14.6 15.562C14.4834 15.3707 14.3167 15.2333 14.1 15.15L8.25005 13H6.05005V17.8L13.6 20.025Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default VolunteerActivismIcon;

package/src/icons/WBSunnyIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const WBSunnyIcon = (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_8803"
+        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_8803)">
+        <path
+          d="M11.5 3.875V1.5H12.5V3.875H11.5ZM11.5 22.5V20.125H12.5V22.5H11.5ZM20.125 12.5V11.5H22.5V12.5H20.125ZM1.5 12.5V11.5H3.875V12.5H1.5ZM18.325 6.4L17.6 5.675L19.05 4.225L19.775 4.95L18.325 6.4ZM4.95 19.775L4.225 19.05L5.675 17.6L6.4 18.325L4.95 19.775ZM19.05 19.775L17.6 18.325L18.325 17.6L19.775 19.05L19.05 19.775ZM5.675 6.4L4.225 4.95L4.95 4.225L6.4 5.675L5.675 6.4ZM12 17C10.6167 17 9.43767 16.5123 8.463 15.537C7.48767 14.5623 7 13.3833 7 12C7 10.6167 7.48767 9.43733 8.463 8.462C9.43767 7.48733 10.6167 7 12 7C13.3833 7 14.5627 7.48733 15.538 8.462C16.5127 9.43733 17 10.6167 17 12C17 13.3833 16.5127 14.5623 15.538 15.537C14.5627 16.5123 13.3833 17 12 17ZM12 16C13.1167 16 14.0627 15.6123 14.838 14.837C15.6127 14.0623 16 13.1167 16 12C16 10.8833 15.6127 9.93733 14.838 9.162C14.0627 8.38733 13.1167 8 12 8C10.8833 8 9.93767 8.38733 9.163 9.162C8.38767 9.93733 8 10.8833 8 12C8 13.1167 8.38767 14.0623 9.163 14.837C9.93767 15.6123 10.8833 16 12 16Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default WBSunnyIcon;

package/src/icons/WarningFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const WarningFilledIcon = (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_8473"
+        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_8473)">
+        <path
+          d="M3.42543 20.5C3.25593 20.5 3.1037 20.4586 2.96875 20.3757C2.8338 20.2929 2.72884 20.1836 2.65388 20.0481C2.57589 19.9135 2.533 19.7676 2.5252 19.6106C2.5174 19.4535 2.55978 19.298 2.65233 19.144L11.2131 4.35616C11.3056 4.20212 11.4215 4.08825 11.5606 4.01453C11.6997 3.9408 11.8461 3.90393 12 3.90393C12.1538 3.90393 12.3003 3.9408 12.4394 4.01453C12.5785 4.08825 12.6943 4.20212 12.7869 4.35616L21.3476 19.144C21.4402 19.298 21.4826 19.4535 21.4748 19.6106C21.467 19.7676 21.4241 19.9135 21.3461 20.0481C21.2711 20.1836 21.1662 20.2929 21.0312 20.3757C20.8963 20.4586 20.744 20.5 20.5745 20.5H3.42543ZM12 17.8077C12.2288 17.8077 12.4207 17.7303 12.5755 17.5755C12.7303 17.4207 12.8077 17.2289 12.8077 17C12.8077 16.7712 12.7303 16.5794 12.5755 16.4246C12.4207 16.2698 12.2288 16.1924 12 16.1924C11.7711 16.1924 11.5793 16.2698 11.4245 16.4246C11.2697 16.5794 11.1923 16.7712 11.1923 17C11.1923 17.2289 11.2697 17.4207 11.4245 17.5755C11.5793 17.7303 11.7711 17.8077 12 17.8077ZM12.0003 15.1924C12.2129 15.1924 12.391 15.1205 12.5346 14.9767C12.6782 14.833 12.75 14.6549 12.75 14.4424V10.9423C12.75 10.7298 12.6781 10.5517 12.5343 10.408C12.3904 10.2642 12.2122 10.1924 11.9997 10.1924C11.7871 10.1924 11.609 10.2642 11.4654 10.408C11.3218 10.5517 11.25 10.7298 11.25 10.9423V14.4424C11.25 14.6549 11.3219 14.833 11.4657 14.9767C11.6095 15.1205 11.7877 15.1924 12.0003 15.1924Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default WarningFilledIcon;

package/src/icons/WarningIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const WarningIcon = (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_8455"
+        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_8455)">
+        <path
+          d="M3.42543 20.5C3.25593 20.5 3.1037 20.4586 2.96875 20.3757C2.8338 20.2929 2.72884 20.1836 2.65388 20.0481C2.57589 19.9135 2.533 19.7676 2.5252 19.6106C2.5174 19.4535 2.55978 19.298 2.65233 19.144L11.2131 4.35616C11.3056 4.20212 11.4215 4.08825 11.5606 4.01453C11.6997 3.9408 11.8461 3.90393 12 3.90393C12.1538 3.90393 12.3003 3.9408 12.4394 4.01453C12.5785 4.08825 12.6943 4.20212 12.7869 4.35616L21.3476 19.144C21.4402 19.298 21.4826 19.4535 21.4748 19.6106C21.467 19.7676 21.4241 19.9135 21.3461 20.0481C21.2711 20.1836 21.1662 20.2929 21.0312 20.3757C20.8963 20.4586 20.744 20.5 20.5745 20.5H3.42543ZM4.44998 19H19.55L12 6.00003L4.44998 19ZM12 17.8077C12.2288 17.8077 12.4207 17.7303 12.5755 17.5755C12.7303 17.4207 12.8077 17.2289 12.8077 17C12.8077 16.7712 12.7303 16.5794 12.5755 16.4246C12.4207 16.2698 12.2288 16.1924 12 16.1924C11.7711 16.1924 11.5793 16.2698 11.4245 16.4246C11.2697 16.5794 11.1923 16.7712 11.1923 17C11.1923 17.2289 11.2697 17.4207 11.4245 17.5755C11.5793 17.7303 11.7711 17.8077 12 17.8077ZM12.0003 15.1924C12.2129 15.1924 12.391 15.1205 12.5346 14.9767C12.6782 14.833 12.75 14.6549 12.75 14.4424V10.9423C12.75 10.7298 12.6781 10.5517 12.5343 10.408C12.3904 10.2642 12.2122 10.1924 11.9997 10.1924C11.7871 10.1924 11.609 10.2642 11.4654 10.408C11.3218 10.5517 11.25 10.7298 11.25 10.9423V14.4424C11.25 14.6549 11.3219 14.833 11.4657 14.9767C11.6095 15.1205 11.7877 15.1924 12.0003 15.1924Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default WarningIcon;

package/src/icons/WebinarsIcon.tsx

@@ -0,0 +1,57 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const WebinarsIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M22.3 14.8H1.69998C1.39998 14.8 1.09998 14.5 1.09998 14.2V1.50002C1.09998 1.20002 1.39998 0.900024 1.69998 0.900024H22.2C22.5 0.900024 22.8 1.20002 22.8 1.50002V14.2C22.9 14.6 22.6 14.8 22.3 14.8Z"
+        stroke="#131316"
+        strokeWidth="1.2"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M12 9.79998C13.436 9.79998 14.6 8.63592 14.6 7.19998C14.6 5.76404 13.436 4.59998 12 4.59998C10.5641 4.59998 9.40002 5.76404 9.40002 7.19998C9.40002 8.63592 10.5641 9.79998 12 9.79998Z"
+        stroke="#131316"
+        strokeWidth="1.2"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M7.09998 15C7.09998 12.3 9.29998 10.1 12 10.1C14.7 10.1 16.9 12.3 16.9 15"
+        stroke="#131316"
+        strokeWidth="1.2"
+        strokeMiterlimit="10"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M8.29993 18.1H15.6999"
+        stroke="#131316"
+        strokeWidth="1.2"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M12 14.8V18.1"
+        stroke="#131316"
+        strokeWidth="1.2"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Icon>
+  );
+};
+
+export default WebinarsIcon;

package/src/icons/WidgetsFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const WidgetsFilledIcon = (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_8593"
+        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_8593)">
+        <path
+          d="M15.8443 11.8481L12.1713 8.17501C12.0777 8.08143 12.0117 7.98229 11.9732 7.87759C11.9348 7.77289 11.9155 7.66071 11.9155 7.54106C11.9155 7.42139 11.9348 7.30964 11.9732 7.20579C12.0117 7.10195 12.0777 7.00324 12.1713 6.90964L15.8443 3.23661C15.9379 3.14303 16.0371 3.077 16.1418 3.03854C16.2465 3.00007 16.3586 2.98083 16.4783 2.98083C16.598 2.98083 16.7097 3.00007 16.8136 3.03854C16.9174 3.077 17.0161 3.14303 17.1097 3.23661L20.7827 6.90964C20.8763 7.00324 20.9424 7.10239 20.9808 7.20709C21.0193 7.31179 21.0385 7.42396 21.0385 7.54361C21.0385 7.66328 21.0193 7.77503 20.9808 7.87886C20.9424 7.98271 20.8763 8.08143 20.7827 8.17501L17.1097 11.8481C17.0161 11.9416 16.917 12.0077 16.8123 12.0461C16.7076 12.0846 16.5954 12.1038 16.4757 12.1038C16.3561 12.1038 16.2443 12.0846 16.1405 12.0461C16.0366 12.0077 15.9379 11.9416 15.8443 11.8481ZM3.80786 9.90386V4.71161C3.80786 4.45551 3.89448 4.24084 4.06771 4.06761C4.24094 3.89438 4.45561 3.80776 4.71171 3.80776H9.90396C10.16 3.80776 10.3747 3.89438 10.5479 4.06761C10.7212 4.24084 10.8078 4.45551 10.8078 4.71161V9.90386C10.8078 10.1599 10.7212 10.3746 10.5479 10.5478C10.3747 10.7211 10.16 10.8077 9.90396 10.8077H4.71171C4.45561 10.8077 4.24094 10.7211 4.06771 10.5478C3.89448 10.3746 3.80786 10.1599 3.80786 9.90386ZM13.1924 19.2884V14.0962C13.1924 13.8401 13.2791 13.6254 13.4523 13.4522C13.6255 13.279 13.8402 13.1923 14.0963 13.1923H19.2885C19.5446 13.1923 19.7593 13.279 19.9325 13.4522C20.1057 13.6254 20.1924 13.8401 20.1924 14.0962V19.2884C20.1924 19.5445 20.1057 19.7592 19.9325 19.9324C19.7593 20.1056 19.5446 20.1923 19.2885 20.1923H14.0963C13.8402 20.1923 13.6255 20.1056 13.4523 19.9324C13.2791 19.7592 13.1924 19.5445 13.1924 19.2884ZM3.80786 19.2884V14.0962C3.80786 13.8401 3.89448 13.6254 4.06771 13.4522C4.24094 13.279 4.45561 13.1923 4.71171 13.1923H9.90396C10.16 13.1923 10.3747 13.279 10.5479 13.4522C10.7212 13.6254 10.8078 13.8401 10.8078 14.0962V19.2884C10.8078 19.5445 10.7212 19.7592 10.5479 19.9324C10.3747 20.1056 10.16 20.1923 9.90396 20.1923H4.71171C4.45561 20.1923 4.24094 20.1056 4.06771 19.9324C3.89448 19.7592 3.80786 19.5445 3.80786 19.2884Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default WidgetsFilledIcon;

package/src/icons/WidgetsIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const WidgetsIcon = (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_8596"
+        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_8596)">
+        <path
+          d="M15.9034 11.3842L12.2304 7.71114C12.1368 7.61756 12.0708 7.51842 12.0323 7.41372C11.9938 7.30902 11.9746 7.19684 11.9746 7.07719C11.9746 6.95753 11.9938 6.84577 12.0323 6.74192C12.0708 6.63809 12.1368 6.53937 12.2304 6.44577L15.9034 2.77274C15.997 2.67916 16.0961 2.61314 16.2008 2.57467C16.3055 2.5362 16.4177 2.51697 16.5374 2.51697C16.657 2.51697 16.7688 2.5362 16.8726 2.57467C16.9765 2.61314 17.0752 2.67916 17.1688 2.77274L20.8418 6.44577C20.9354 6.53937 21.0014 6.63852 21.0399 6.74322C21.0784 6.84792 21.0976 6.96009 21.0976 7.07974C21.0976 7.19941 21.0784 7.31116 21.0399 7.41499C21.0014 7.51884 20.9354 7.61756 20.8418 7.71114L17.1688 11.3842C17.0752 11.4778 16.9761 11.5438 16.8714 11.5823C16.7667 11.6207 16.6545 11.6399 16.5348 11.6399C16.4152 11.6399 16.3034 11.6207 16.1996 11.5823C16.0957 11.5438 15.997 11.4778 15.9034 11.3842ZM3.86694 9.43999V4.24774C3.86694 3.99164 3.95356 3.77698 4.12679 3.60374C4.30003 3.43051 4.51469 3.34389 4.77079 3.34389H9.96304C10.2191 3.34389 10.4338 3.43051 10.607 3.60374C10.7803 3.77698 10.8669 3.99164 10.8669 4.24774V9.43999C10.8669 9.69608 10.7803 9.91074 10.607 10.084C10.4338 10.2572 10.2191 10.3438 9.96304 10.3438H4.77079C4.51469 10.3438 4.30003 10.2572 4.12679 10.084C3.95356 9.91074 3.86694 9.69608 3.86694 9.43999ZM13.2515 18.8245V13.6323C13.2515 13.3762 13.3381 13.1616 13.5114 12.9883C13.6846 12.8151 13.8993 12.7285 14.1553 12.7285H19.3476C19.6037 12.7285 19.8184 12.8151 19.9916 12.9883C20.1648 13.1616 20.2514 13.3762 20.2514 13.6323V18.8245C20.2514 19.0806 20.1648 19.2953 19.9916 19.4685C19.8184 19.6418 19.6037 19.7284 19.3476 19.7284H14.1553C13.8993 19.7284 13.6846 19.6418 13.5114 19.4685C13.3381 19.2953 13.2515 19.0806 13.2515 18.8245ZM3.86694 18.8245V13.6323C3.86694 13.3762 3.95356 13.1616 4.12679 12.9883C4.30003 12.8151 4.51469 12.7285 4.77079 12.7285H9.96304C10.2191 12.7285 10.4338 12.8151 10.607 12.9883C10.7803 13.1616 10.8669 13.3762 10.8669 13.6323V18.8245C10.8669 19.0806 10.7803 19.2953 10.607 19.4685C10.4338 19.6418 10.2191 19.7284 9.96304 19.7284H4.77079C4.51469 19.7284 4.30003 19.6418 4.12679 19.4685C3.95356 19.2953 3.86694 19.0806 3.86694 18.8245ZM5.36692 8.84387H9.36692V4.84387H5.36692V8.84387ZM16.5611 9.92847L19.3861 7.10347L16.5611 4.27847L13.7361 7.10347L16.5611 9.92847ZM14.7515 18.2284H18.7515V14.2284H14.7515V18.2284ZM5.36692 18.2284H9.36692V14.2284H5.36692V18.2284Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default WidgetsIcon;

package/src/icons/WorkshopsIcon.tsx

@@ -0,0 +1,50 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const WorkshopsIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M18.4 4.40002H22.2C22.5 4.40002 22.8 4.70002 22.8 5.00002V17.7C22.8 18 22.5 18.3 22.2 18.3H1.69998C1.39998 18.3 1.09998 18 1.09998 17.7V5.00002C1.09998 4.70002 1.39998 4.40002 1.69998 4.40002H5.79998"
+        stroke="#131316"
+        strokeWidth="1.2"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M8.30005 21.5H15.7"
+        stroke="#131316"
+        strokeWidth="1.2"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M12 18.3V21.5"
+        stroke="#131316"
+        strokeWidth="1.2"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M18.1 13.3L13.5 11H6.40005C6.10005 11 5.80005 10.8 5.80005 10.4V2.40005C5.80005 2.10005 6.00005 1.80005 6.40005 1.80005H17.5C17.8 1.80005 18.1 2.00005 18.1 2.40005V10.5V13.3Z"
+        stroke="#131316"
+        strokeWidth="1.2"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Icon>
+  );
+};
+
+export default WorkshopsIcon;