mainstack-design-system 0.0.0

package/src/icons/DigitalProductsIcon.tsx

@@ -0,0 +1,58 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DigitalProductsIcon = (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.9 19.5L12.2 22.7001C12.1 22.7001 12 22.7 12 22.6V8.20005C12 8.00005 12.1 7.90005 12.3 7.90005L22.8 4.60005C22.9 4.60005 22.9 4.50005 22.8 4.50005L12.2 1.30005C12.1 1.30005 11.9 1.30005 11.8 1.30005L1.3 4.50005C1.2 4.50005 1 4.70005 1 4.80005V19.4"
+        stroke="#131316"
+        strokeWidth="1.2"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M1.09998 4.6001L12 7.9001"
+        stroke="#131316"
+        strokeWidth="1.2"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M1.09998 19.4L12 22.7"
+        stroke="#131316"
+        strokeWidth="1.2"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M22.9 19.5V4.5"
+        stroke="#131316"
+        strokeWidth="1.2"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M7.69995 2.6001L17.5 6.2001"
+        stroke="#131316"
+        strokeWidth="1.2"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Icon>
+  );
+};
+
+export default DigitalProductsIcon;

package/src/icons/DiscountIcon.tsx

@@ -0,0 +1,24 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DiscountIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M8.54413 15.7558L15.7558 8.54413M8.49577 5.16339L6.96832 5.15196C5.96207 5.14442 5.14442 5.96207 5.15196 6.96832L5.16339 8.49577C5.16704 8.98328 4.9731 9.45149 4.62579 9.79363L3.53765 10.8657C2.82078 11.5719 2.82078 12.7282 3.53765 13.4344L4.62579 14.5063C4.9731 14.8485 5.16704 15.3167 5.16339 15.8042L5.15196 17.3317C5.14442 18.3379 5.96207 19.1555 6.96832 19.148L8.49577 19.1366C8.98328 19.133 9.45149 19.3269 9.79363 19.6742L10.8657 20.7624C11.5719 21.4792 12.7282 21.4792 13.4344 20.7624L14.5063 19.6742C14.8485 19.3269 15.3167 19.133 15.8042 19.1366L17.3317 19.148C18.3379 19.1555 19.1555 18.3379 19.148 17.3317L19.1366 15.8042C19.133 15.3167 19.3269 14.8485 19.6742 14.5063L20.7624 13.4344C21.4792 12.7282 21.4792 11.5719 20.7624 10.8657L19.6742 9.79363C19.3269 9.45149 19.133 8.98328 19.1366 8.49577L19.148 6.96832C19.1555 5.96207 18.3379 5.14442 17.3317 5.15196L15.8042 5.16339C15.3167 5.16704 14.8485 4.9731 14.5063 4.62579L13.4344 3.53765C12.7282 2.82078 11.5718 2.82078 10.8657 3.53765L9.79363 4.62579C9.45149 4.9731 8.98328 5.16704 8.49577 5.16339ZM10.4973 9.44574C10.4973 10.1096 9.95918 10.6477 9.29536 10.6477C8.63154 10.6477 8.09341 10.1096 8.09341 9.44574C8.09341 8.78192 8.63154 8.24379 9.29536 8.24379C9.95918 8.24379 10.4973 8.78192 10.4973 9.44574ZM16.2066 14.8544C16.2066 15.5182 15.6685 16.0563 15.0046 16.0563C14.3408 16.0563 13.8026 15.5182 13.8026 14.8544C13.8026 14.1905 14.3408 13.6524 15.0046 13.6524C15.6685 13.6524 16.2066 14.1905 16.2066 14.8544Z"
+        stroke="#131316"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Icon>
+  );
+};
+
+export default DiscountIcon;

package/src/icons/Diversity1Icon.tsx

@@ -0,0 +1,22 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const Diversity1Icon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M6.6 4C7.6056 4 8.57111 4.26153 9.49652 4.7846C10.4219 5.30768 11.2564 6.0532 12 7.02115C12.7436 6.0532 13.5781 5.30768 14.5035 4.7846C15.4289 4.26153 16.3944 4 17.4 4C18.9513 4 20.2724 4.54551 21.3635 5.63653C22.4545 6.72756 23 8.04872 23 9.6C23 10.2359 22.8958 10.8962 22.6875 11.5808C22.4792 12.2654 22.1519 12.966 21.7058 13.6827C21.6054 13.5976 21.4954 13.5259 21.3757 13.4679C21.256 13.4098 21.1436 13.3564 21.0385 13.3077C21.4359 12.6474 21.734 12.0115 21.9327 11.4C22.1314 10.7885 22.2308 10.1885 22.2308 9.6C22.2308 8.26025 21.7606 7.12018 20.8202 6.1798C19.8798 5.23942 18.7397 4.76922 17.4 4.76922C16.5731 4.76922 15.701 5.03365 14.7837 5.5625C13.8664 6.09135 12.9385 6.97628 12 8.2173C11.0615 6.97628 10.1336 6.09135 9.21635 5.5625C8.29903 5.03365 7.42692 4.76922 6.6 4.76922C5.26025 4.76922 4.12018 5.23942 3.1798 6.1798C2.23942 7.12018 1.76922 8.26025 1.76922 9.6C1.76922 10.2013 1.86858 10.8141 2.0673 11.4384C2.26602 12.0628 2.55768 12.6923 2.9423 13.3269C2.83717 13.3885 2.72852 13.4494 2.61635 13.5096C2.50417 13.5699 2.39679 13.6359 2.29422 13.7077C1.84806 13.0295 1.52081 12.3439 1.31248 11.6509C1.10416 10.958 1 10.2744 1 9.6C1 8.04872 1.54552 6.72756 2.63655 5.63653C3.72757 4.54551 5.04872 4 6.6 4ZM1.61537 21.0385C1.45352 21.0385 1.3105 20.9764 1.1863 20.8522C1.0621 20.728 1 20.5849 1 20.4231V20.2904C1 19.7096 1.30772 19.2307 1.92315 18.8538C2.53858 18.4769 3.35973 18.2885 4.3866 18.2885C4.55963 18.2885 4.73557 18.2947 4.91442 18.3072C5.09328 18.3197 5.26154 18.3385 5.41923 18.3635C5.32102 18.5909 5.24583 18.8292 5.19365 19.0784C5.14147 19.3276 5.11538 19.5889 5.11538 19.8624V21.0385H1.61537ZM7.70023 21.0385C7.49526 21.0385 7.32732 20.9722 7.1964 20.8397C7.06547 20.7071 7 20.5426 7 20.3462V19.9385C7 19.1115 7.45801 18.4503 8.37402 17.9548C9.29006 17.4593 10.4962 17.2115 11.9924 17.2115C13.5026 17.2115 14.7148 17.4593 15.6288 17.9548C16.5429 18.4503 17 19.1115 17 19.9385V20.3462C17 20.5426 16.9337 20.7071 16.8012 20.8397C16.6687 20.9722 16.5042 21.0385 16.3077 21.0385H7.70023ZM18.8846 21.0385V19.8624C18.8846 19.5889 18.8601 19.3276 18.811 19.0784C18.7619 18.8292 18.6851 18.5886 18.5808 18.3567C18.7385 18.3279 18.9061 18.3093 19.0837 18.301C19.2613 18.2926 19.4392 18.2885 19.6175 18.2885C20.634 18.2885 21.4519 18.4769 22.0711 18.8538C22.6904 19.2307 23 19.7096 23 20.2904V20.4231C23 20.5849 22.9379 20.728 22.8137 20.8522C22.6895 20.9764 22.5465 21.0385 22.3846 21.0385H18.8846ZM12 17.9808C10.6756 17.9808 9.62659 18.1689 8.85287 18.5452C8.07916 18.9215 7.71153 19.418 7.75 20.0346V20.2692H16.2692V20.0096C16.2949 19.4224 15.9208 18.9375 15.1471 18.5548C14.3734 18.1721 13.3244 17.9808 12 17.9808ZM4.3824 17.4616C4.01592 17.4616 3.70992 17.3336 3.46442 17.0778C3.21891 16.822 3.09615 16.5133 3.09615 16.1516C3.09615 15.79 3.21964 15.482 3.46662 15.2276C3.71361 14.9733 4.02034 14.8462 4.38683 14.8462C4.75329 14.8462 5.06249 14.9741 5.31442 15.2298C5.56634 15.4857 5.6923 15.7944 5.6923 16.1561C5.6923 16.5177 5.5644 16.8257 5.3086 17.0801C5.0528 17.3344 4.74407 17.4616 4.3824 17.4616ZM19.6132 17.4616C19.2467 17.4616 18.9375 17.3336 18.6856 17.0778C18.4337 16.822 18.3077 16.5133 18.3077 16.1516C18.3077 15.79 18.4356 15.482 18.6914 15.2276C18.9472 14.9733 19.2559 14.8462 19.6176 14.8462C19.9841 14.8462 20.2901 14.9741 20.5356 15.2298C20.7811 15.4857 20.9039 15.7944 20.9039 16.1561C20.9039 16.5177 20.7804 16.8257 20.5334 17.0801C20.2864 17.3344 19.9797 17.4616 19.6132 17.4616ZM12 16.4615C11.391 16.4615 10.8734 16.2484 10.4471 15.8221C10.0208 15.3958 9.80768 14.8782 9.80768 14.2692C9.80768 13.6602 10.0208 13.1426 10.4471 12.7163C10.8734 12.29 11.391 12.0769 12 12.0769C12.609 12.0769 13.1266 12.29 13.5529 12.7163C13.9792 13.1426 14.1923 13.6602 14.1923 14.2692C14.1923 14.8782 13.9792 15.3958 13.5529 15.8221C13.1266 16.2484 12.609 16.4615 12 16.4615ZM12.0034 12.8462C11.5889 12.8462 11.2476 12.9792 10.9793 13.2452C10.7111 13.5112 10.5769 13.8514 10.5769 14.2659C10.5769 14.6803 10.7099 15.0216 10.976 15.2899C11.242 15.5582 11.5822 15.6923 11.9966 15.6923C12.4111 15.6923 12.7524 15.5593 13.0207 15.2933C13.2889 15.0273 13.4231 14.687 13.4231 14.2726C13.4231 13.8582 13.2901 13.5168 13.024 13.2485C12.758 12.9803 12.4178 12.8462 12.0034 12.8462Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+};
+
+export default Diversity1Icon;

package/src/icons/Diversity2Icon.tsx

@@ -0,0 +1,22 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const Diversity2Icon = (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.06356 21.6519C8.28921 21.6519 7.60973 21.4016 7.02511 20.9009C6.44049 20.4003 6.06164 19.775 5.88856 19.025C5.68599 19.3942 5.40907 19.6804 5.05778 19.8836C4.70652 20.0868 4.31549 20.1884 3.88471 20.1884C3.21676 20.1884 2.6533 19.9551 2.19433 19.4884C1.73535 19.0218 1.50586 18.4583 1.50586 17.798C1.50586 17.1352 1.72798 16.5759 2.17221 16.1202C2.61644 15.6644 3.18536 15.4474 3.87896 15.4692C3.51484 15.1615 3.22382 14.7772 3.00588 14.3163C2.78793 13.8554 2.67896 13.3807 2.67896 12.8923C2.67896 12.3645 2.8094 11.8634 3.07028 11.3888C3.33118 10.9142 3.70394 10.5295 4.18856 10.2346C4.23868 10.3378 4.29928 10.4531 4.37038 10.5803C4.44148 10.7075 4.50523 10.8243 4.56163 10.9307C4.20155 11.1801 3.92916 11.4817 3.74446 11.8354C3.55976 12.1891 3.46741 12.5516 3.46741 12.923C3.46741 14 3.86196 14.6965 4.65106 15.0125C5.44018 15.3285 6.2546 15.5679 7.09434 15.7307L7.21548 15.9942C7.02832 16.5391 6.87864 16.999 6.76646 17.374C6.65428 17.749 6.59818 18.0949 6.59818 18.4115C6.59818 19.0679 6.84273 19.6407 7.33183 20.1298C7.82093 20.6189 8.40381 20.8634 9.08046 20.8634C9.73714 20.8634 10.2931 20.6311 10.7482 20.1663C11.2033 19.7016 11.5812 19.1336 11.8818 18.4625C12.1825 17.7913 12.4193 17.0827 12.5924 16.3365C12.7655 15.5904 12.9084 14.9339 13.0213 14.3673C13.0418 14.2532 13.0979 14.1634 13.1895 14.098C13.2812 14.0327 13.3822 14.0121 13.4924 14.0365C13.6065 14.0775 13.6879 14.149 13.7366 14.2509C13.7854 14.3529 13.7976 14.4692 13.7732 14.6C13.636 15.2692 13.4697 16.0125 13.2741 16.8298C13.0786 17.6471 12.8092 18.4132 12.4659 19.1282C12.1226 19.8431 11.6787 20.4425 11.1342 20.9263C10.5897 21.41 9.89946 21.6519 9.06356 21.6519ZM3.88611 19.4192C4.34159 19.4192 4.72543 19.2646 5.03761 18.9553C5.34978 18.6461 5.50586 18.2637 5.50586 17.8082C5.50586 17.3656 5.35123 16.9849 5.04198 16.6663C4.73273 16.3478 4.35037 16.1885 3.89488 16.1885C3.45222 16.1885 3.07158 16.3463 2.75298 16.662C2.4344 16.9776 2.27511 17.3568 2.27511 17.7994C2.27511 18.2549 2.43294 18.6388 2.74861 18.9509C3.06428 19.2631 3.44344 19.4192 3.88611 19.4192V19.4192ZM10.3755 14.6124C10.2847 14.7067 10.1841 14.7445 10.0736 14.7259C9.96306 14.7074 9.8546 14.6532 9.74818 14.5634C8.51228 13.457 7.51453 12.4571 6.75491 11.5637C5.99529 10.6702 5.61548 9.70221 5.61548 8.6596C5.61548 7.74935 5.93023 6.98268 6.55973 6.3596C7.18922 5.73651 7.95268 5.42497 8.85011 5.42497C9.06421 5.42497 9.26678 5.43555 9.45781 5.4567C9.64883 5.47785 9.82383 5.51791 9.98281 5.5769C9.85844 5.37048 9.76613 5.17689 9.70588 4.99612C9.64562 4.81535 9.61548 4.63138 9.61548 4.4442C9.61548 3.78286 9.84788 3.2201 10.3127 2.7559C10.7774 2.29168 11.3409 2.05957 12.0031 2.05957C12.6652 2.05957 13.2277 2.29168 13.6905 2.7559C14.1533 3.2201 14.3847 3.78286 14.3847 4.4442C14.3847 4.62753 14.3556 4.81054 14.2972 4.99322C14.2389 5.17592 14.1456 5.37048 14.0174 5.5769C14.1764 5.51791 14.3514 5.47785 14.5424 5.4567C14.7334 5.43555 14.936 5.42497 15.1501 5.42497C15.8766 5.42497 16.5127 5.62978 17.0584 6.0394C17.6042 6.44901 17.9783 6.98202 18.1809 7.63842C18.0629 7.63459 17.9283 7.63363 17.777 7.63555C17.6258 7.63746 17.4921 7.64868 17.3761 7.6692C17.2011 7.22048 16.9174 6.86247 16.5251 6.59517C16.1328 6.32785 15.6745 6.1942 15.1501 6.1942C14.5206 6.1942 14.0139 6.35541 13.6299 6.67785C13.2459 7.00028 12.7476 7.51791 12.1347 8.23075H11.8405C11.2238 7.49741 10.7235 6.97465 10.3395 6.66247C9.95555 6.35029 9.45908 6.1942 8.85011 6.1942C8.14214 6.1942 7.55425 6.4281 7.08643 6.89592C6.61863 7.36372 6.38473 7.9516 6.38473 8.65957C6.38473 9.4122 6.72512 10.2122 7.40588 11.0596C8.08665 11.907 9.05652 12.8936 10.3155 14.0192C10.4091 14.1051 10.4652 14.2051 10.4838 14.3192C10.5024 14.4333 10.4663 14.531 10.3755 14.6124V14.6124ZM11.9957 6.0596C12.4512 6.0596 12.8351 5.90497 13.1472 5.59572C13.4594 5.28647 13.6155 4.9041 13.6155 4.4486C13.6155 3.99311 13.4609 3.60928 13.1516 3.2971C12.8424 2.98493 12.46 2.82885 12.0045 2.82885C11.549 2.82885 11.1652 2.98347 10.853 3.29272C10.5408 3.60197 10.3847 3.98435 10.3847 4.43985C10.3847 4.89533 10.5394 5.27915 10.8486 5.59132C11.1579 5.9035 11.5402 6.0596 11.9957 6.0596ZM14.8732 21.6769C14.6347 21.6769 14.4004 21.6474 14.1703 21.5884C13.9402 21.5295 13.7161 21.441 13.4982 21.323C13.5546 21.2256 13.6206 21.1096 13.6963 20.975C13.7719 20.8404 13.8322 20.716 13.877 20.6019C14.0463 20.6955 14.2211 20.7657 14.4014 20.8125C14.5817 20.8593 14.7557 20.8827 14.9232 20.8827C15.5963 20.8827 16.1754 20.6381 16.6607 20.149C17.146 19.6599 17.3886 19.0807 17.3886 18.4115C17.3886 18.0976 17.3283 17.7547 17.2078 17.3828C17.0873 17.0109 16.9418 16.5545 16.7713 16.0134L16.9117 15.7692C17.7809 15.6102 18.6027 15.3695 19.377 15.0471C20.1514 14.7247 20.5386 14.025 20.5386 12.948C20.5386 12.1121 20.2442 11.4862 19.6555 11.0702C19.0669 10.6541 18.4024 10.4461 17.6623 10.4461C17.0375 10.4461 16.3081 10.5467 15.4741 10.7478C14.6401 10.949 13.6988 11.2189 12.6501 11.5577C12.5232 11.5987 12.4056 11.5936 12.2972 11.5423C12.1889 11.491 12.1226 11.4061 12.0982 11.2875C12.0738 11.1817 12.0944 11.0852 12.1597 10.998C12.2251 10.9109 12.3168 10.8448 12.4347 10.8C13.4508 10.4701 14.3768 10.194 15.2127 9.97177C16.0486 9.74954 16.8246 9.63842 17.5405 9.63842C18.5174 9.63842 19.3895 9.92294 20.1568 10.492C20.9242 11.061 21.3078 11.8778 21.3078 12.9423C21.3078 13.4307 21.2052 13.8948 21.0001 14.3346C20.795 14.7743 20.504 15.1545 20.127 15.475C20.8168 15.466 21.3847 15.6872 21.8309 16.1384C22.277 16.5897 22.5001 17.1448 22.5001 17.8038C22.5001 18.4641 22.2706 19.0307 21.8117 19.5038C21.3527 19.9769 20.7892 20.2134 20.1213 20.2134C19.6943 20.2134 19.3033 20.1118 18.9482 19.9086C18.5931 19.7054 18.3162 19.4128 18.1174 19.0307C17.9277 19.7807 17.5373 20.4093 16.9463 20.9163C16.3552 21.4234 15.6642 21.6769 14.8732 21.6769ZM20.1405 19.4442C20.5764 19.4442 20.9504 19.2859 21.2626 18.9694C21.5748 18.6529 21.7309 18.2727 21.7309 17.8288C21.7309 17.3929 21.5706 17.0105 21.2501 16.6817C20.9296 16.3529 20.5514 16.1884 20.1155 16.1884C19.6796 16.1884 19.3014 16.3487 18.9809 16.6692C18.6604 16.9897 18.5001 17.3679 18.5001 17.8038C18.5001 18.2397 18.6645 18.6221 18.9934 18.9509C19.3222 19.2798 19.7046 19.4442 20.1405 19.4442Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+};
+
+export default Diversity2Icon;

package/src/icons/Diversity3Icon.tsx

@@ -0,0 +1,22 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const Diversity3Icon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M2.71147 19.3846C2.51532 19.3846 2.3509 19.3183 2.21822 19.1856C2.08552 19.0529 2.01917 18.8884 2.01917 18.6923V15.8846C2.01917 15.5038 2.1396 15.1779 2.38047 14.9067C2.62133 14.6356 2.91757 14.5 3.26917 14.5H6.27494C6.52402 14.5 6.76066 14.5612 6.98484 14.6836C7.20901 14.8061 7.39994 14.9731 7.55764 15.1846C8.06661 15.9231 8.71212 16.4936 9.49416 16.8961C10.2762 17.2987 11.1084 17.5 11.9909 17.5C12.8946 17.5 13.7384 17.2987 14.5222 16.8961C15.3061 16.4936 15.9608 15.9231 16.4865 15.1846C16.6331 14.978 16.8143 14.8123 17.0302 14.6874C17.2461 14.5624 17.4777 14.5 17.7249 14.5H20.7307C21.0951 14.5 21.3978 14.6356 21.6386 14.9067C21.8795 15.1779 21.9999 15.5038 21.9999 15.8846V18.6923C21.9999 18.8884 21.9336 19.0529 21.8009 19.1856C21.6682 19.3183 21.5038 19.3846 21.3076 19.3846H16.923C16.7269 19.3846 16.5624 19.3183 16.4297 19.1856C16.2971 19.0529 16.2307 18.8884 16.2307 18.6923V16.6404C15.6563 17.1519 15.0078 17.5513 14.285 17.8385C13.5622 18.1256 12.7991 18.2692 11.9955 18.2692C11.2125 18.2692 10.4602 18.1292 9.73849 17.8492C9.01674 17.5691 8.36671 17.1726 7.78839 16.6596V18.6923C7.78839 18.8884 7.72205 19.0529 7.58937 19.1856C7.45667 19.3183 7.29224 19.3846 7.09609 19.3846H2.71147ZM12.0047 15.5C11.4566 15.5 10.9341 15.3729 10.4371 15.1187C9.94012 14.8644 9.53333 14.5091 9.21676 14.0527C8.98503 13.7419 8.72333 13.4731 8.43166 13.2461C8.14 13.0192 7.82237 12.8384 7.47879 12.7038C8.01341 12.332 8.71302 12.0577 9.57762 11.8808C10.4422 11.7038 11.2497 11.6154 11.9999 11.6154C12.7651 11.6154 13.5772 11.7038 14.4363 11.8808C15.2954 12.0577 15.9987 12.332 16.5461 12.7038C16.2025 12.8384 15.8849 13.0192 15.5932 13.2461C15.3015 13.4731 15.0506 13.7381 14.8403 14.0413C14.5117 14.5038 14.0975 14.8625 13.5979 15.1175C13.0982 15.3725 12.5671 15.5 12.0047 15.5ZM4.57504 12.3846C3.91216 12.3846 3.3493 12.1526 2.88647 11.6886C2.42365 11.2245 2.19224 10.6611 2.19224 9.99818C2.19224 9.33528 2.42426 8.77242 2.88829 8.30961C3.35231 7.84677 3.91577 7.61536 4.57867 7.61536C5.24157 7.61536 5.80442 7.84737 6.26724 8.31141C6.73006 8.77544 6.96147 9.3389 6.96147 10.0018C6.96147 10.6647 6.72946 11.2275 6.26544 11.6904C5.80141 12.1532 5.23794 12.3846 4.57504 12.3846ZM19.4212 12.3846C18.7583 12.3846 18.1955 12.1526 17.7326 11.6886C17.2698 11.2245 17.0384 10.6611 17.0384 9.99818C17.0384 9.33528 17.2704 8.77242 17.7344 8.30961C18.1985 7.84677 18.7619 7.61536 19.4248 7.61536C20.0877 7.61536 20.6506 7.84737 21.1134 8.31141C21.5762 8.77544 21.8076 9.3389 21.8076 10.0018C21.8076 10.6647 21.5756 11.2275 21.1116 11.6904C20.6476 12.1532 20.0841 12.3846 19.4212 12.3846ZM11.9981 9.38461C11.3352 9.38461 10.7724 9.15259 10.3096 8.68856C9.84673 8.22452 9.61532 7.66106 9.61532 6.99818C9.61532 6.33528 9.84733 5.77242 10.3114 5.30961C10.7754 4.84677 11.3389 4.61536 12.0017 4.61536C12.6646 4.61536 13.2275 4.84737 13.6903 5.31141C14.1531 5.77544 14.3846 6.3389 14.3846 7.00178C14.3846 7.66468 14.1525 8.22754 13.6885 8.69036C13.2245 9.15319 12.661 9.38461 11.9981 9.38461Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+};
+
+export default Diversity3Icon;

package/src/icons/DnsIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DnsIcon = (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_9071"
+        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_9071)">
+        <path
+          d="M7.50225 7.11536C7.2251 7.11536 6.98877 7.21236 6.79327 7.40636C6.59776 7.60037 6.5 7.83596 6.5 8.11311C6.5 8.39026 6.597 8.62659 6.791 8.82211C6.985 9.01761 7.22058 9.11536 7.49775 9.11536C7.7749 9.11536 8.01123 9.01836 8.20673 8.82436C8.40224 8.63036 8.5 8.39478 8.5 8.11763C8.5 7.84048 8.403 7.60415 8.209 7.40863C8.015 7.21312 7.77942 7.11536 7.50225 7.11536ZM7.50225 15.8846C7.2251 15.8846 6.98877 15.9816 6.79327 16.1756C6.59776 16.3696 6.5 16.6052 6.5 16.8823C6.5 17.1595 6.597 17.3958 6.791 17.5913C6.985 17.7868 7.22058 17.8846 7.49775 17.8846C7.7749 17.8846 8.01123 17.7876 8.20673 17.5936C8.40224 17.3996 8.5 17.164 8.5 16.8869C8.5 16.6097 8.403 16.3734 8.209 16.1779C8.015 15.9824 7.77942 15.8846 7.50225 15.8846ZM4.76922 4.61536H19.2308C19.4487 4.61536 19.6314 4.68862 19.7788 4.83513C19.9263 4.98165 20 5.1632 20 5.37978V10.7308C20 10.9884 19.9263 11.2003 19.7788 11.3663C19.6314 11.5323 19.4487 11.6154 19.2308 11.6154H4.76922C4.55127 11.6154 4.36858 11.5323 4.22115 11.3663C4.07372 11.2003 4 10.9884 4 10.7308V5.37978C4 5.1632 4.07372 4.98165 4.22115 4.83513C4.36858 4.68862 4.55127 4.61536 4.76922 4.61536ZM5 5.61536V10.6154H19V5.61536H5ZM4.76922 13.3846H19.1923C19.4372 13.3846 19.633 13.4657 19.7798 13.6279C19.9266 13.79 20 13.991 20 14.2308V19.4615C20 19.7449 19.9266 19.9695 19.7798 20.1356C19.633 20.3016 19.4372 20.3846 19.1923 20.3846H4.80768C4.56281 20.3846 4.36698 20.3016 4.22018 20.1356C4.07339 19.9695 4 19.7449 4 19.4615V14.2308C4 13.991 4.06698 13.79 4.20095 13.6279C4.33493 13.4657 4.52436 13.3846 4.76922 13.3846ZM5 14.3846V19.3846H19V14.3846H5Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default DnsIcon;

package/src/icons/DoNotDisturbOnFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DoNotDisturbOnFilledIcon = (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_8734"
+        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_8734)">
+        <path
+          d="M8.05283 12.6894H15.9519C16.1421 12.6894 16.3058 12.6208 16.4431 12.4837C16.5803 12.3467 16.649 12.1819 16.649 11.9895C16.649 11.7971 16.5803 11.6325 16.4431 11.4956C16.3058 11.3588 16.1421 11.2904 15.9519 11.2904H8.05283C7.85893 11.2904 7.69347 11.359 7.55645 11.4963C7.41944 11.6337 7.35093 11.7975 7.35093 11.9878C7.35093 12.1818 7.41944 12.3472 7.55645 12.4841C7.69347 12.6209 7.85893 12.6894 8.05283 12.6894ZM12.0023 21.298C10.7164 21.298 9.5075 21.0536 8.3756 20.5649C7.2437 20.0761 6.2591 19.4129 5.4218 18.575C4.5845 17.7372 3.92186 16.7534 3.43388 15.6236C2.9459 14.4939 2.7019 13.2868 2.7019 12.0023C2.7019 10.7164 2.94628 9.5075 3.43503 8.3756C3.92376 7.2437 4.58705 6.2591 5.4249 5.4218C6.26274 4.5845 7.24653 3.92186 8.37628 3.43388C9.50603 2.9459 10.7132 2.7019 11.9977 2.7019C13.2835 2.7019 14.4924 2.94628 15.6243 3.43503C16.7562 3.92376 17.7408 4.58705 18.5781 5.4249C19.4154 6.26274 20.078 7.24653 20.566 8.37628C21.054 9.50603 21.298 10.7132 21.298 11.9977C21.298 13.2835 21.0536 14.4924 20.5649 15.6243C20.0761 16.7562 19.4129 17.7408 18.575 18.5781C17.7372 19.4154 16.7534 20.078 15.6236 20.566C14.4939 21.054 13.2868 21.298 12.0023 21.298Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default DoNotDisturbOnFilledIcon;

package/src/icons/DoNotDisturbOnIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DoNotDisturbOnIcon = (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_8743"
+        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_8743)">
+        <path
+          d="M8.05283 12.6894H15.9519C16.1421 12.6894 16.3058 12.6208 16.4431 12.4837C16.5803 12.3467 16.649 12.1819 16.649 11.9895C16.649 11.7971 16.5803 11.6325 16.4431 11.4956C16.3058 11.3588 16.1421 11.2904 15.9519 11.2904H8.05283C7.85893 11.2904 7.69347 11.359 7.55645 11.4963C7.41944 11.6337 7.35093 11.7975 7.35093 11.9878C7.35093 12.1818 7.41944 12.3472 7.55645 12.4841C7.69347 12.6209 7.85893 12.6894 8.05283 12.6894ZM12.0023 21.298C10.7164 21.298 9.5075 21.0536 8.3756 20.5649C7.2437 20.0761 6.2591 19.4129 5.4218 18.575C4.5845 17.7372 3.92186 16.7534 3.43388 15.6236C2.9459 14.4939 2.7019 13.2868 2.7019 12.0023C2.7019 10.7164 2.94628 9.5075 3.43503 8.3756C3.92376 7.2437 4.58705 6.2591 5.4249 5.4218C6.26274 4.5845 7.24653 3.92186 8.37628 3.43388C9.50603 2.9459 10.7132 2.7019 11.9977 2.7019C13.2835 2.7019 14.4924 2.94628 15.6243 3.43503C16.7562 3.92376 17.7408 4.58705 18.5781 5.4249C19.4154 6.26274 20.078 7.24653 20.566 8.37628C21.054 9.50603 21.298 10.7132 21.298 11.9977C21.298 13.2835 21.0536 14.4924 20.5649 15.6243C20.0761 16.7562 19.4129 17.7408 18.575 18.5781C17.7372 19.4154 16.7534 20.078 15.6236 20.566C14.4939 21.054 13.2868 21.298 12.0023 21.298ZM11.9996 19.899C14.1979 19.899 16.0641 19.1321 17.598 17.5984C19.132 16.0646 19.899 14.1986 19.899 12.0003C19.899 9.80198 19.1321 7.93585 17.5984 6.40188C16.0646 4.8679 14.1986 4.1009 12.0003 4.1009C9.80198 4.1009 7.93585 4.86779 6.40188 6.40155C4.8679 7.93532 4.1009 9.80135 4.1009 11.9996C4.1009 14.1979 4.86779 16.0641 6.40155 17.598C7.93532 19.132 9.80135 19.899 11.9996 19.899Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default DoNotDisturbOnIcon;

package/src/icons/DomainAddIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DomainAddIcon = (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_9125"
+        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_9125)">
+        <path
+          d="M3.73047 20.1538C3.46252 20.1538 3.22886 20.0541 3.02949 19.8548C2.83014 19.6554 2.73047 19.4218 2.73047 19.1538V4.15381C2.73047 3.88586 2.83014 3.6522 3.02949 3.45283C3.22886 3.25348 3.46252 3.15381 3.73047 3.15381H10.7305C10.9984 3.15381 11.2321 3.25348 11.4314 3.45283C11.6308 3.6522 11.7305 3.88586 11.7305 4.15381V7.15381H20.2689C20.5369 7.15381 20.7705 7.25348 20.9699 7.45283C21.1692 7.6522 21.2689 7.88586 21.2689 8.15381V15.4615H20.2689V8.15381H11.7305V11.1538H14.1151V12.1538H11.7305V15.1538H14.1151V16.1538H11.7305V19.1538H16.4997V20.1538H3.73047ZM3.73047 19.1538H6.73047V16.1538H3.73047V19.1538ZM3.73047 15.1538H6.73047V12.1538H3.73047V15.1538ZM3.73047 11.1538H6.73047V8.15381H3.73047V11.1538ZM3.73047 7.15381H6.73047V4.15381H3.73047V7.15381ZM7.73047 19.1538H10.7305V16.1538H7.73047V19.1538ZM7.73047 15.1538H10.7305V12.1538H7.73047V15.1538ZM7.73047 11.1538H10.7305V8.15381H7.73047V11.1538ZM7.73047 7.15381H10.7305V4.15381H7.73047V7.15381ZM20.7682 22.1538C20.6264 22.1538 20.5077 22.1059 20.4122 22.0101C20.3167 21.9142 20.2689 21.7955 20.2689 21.6538V20.1538H18.7689C18.6273 20.1538 18.5085 20.1058 18.4127 20.0099C18.3168 19.9139 18.2689 19.795 18.2689 19.6531C18.2689 19.5113 18.3168 19.3926 18.4127 19.2971C18.5085 19.2016 18.6273 19.1538 18.7689 19.1538H20.2689V17.6538C20.2689 17.5121 20.3169 17.3934 20.4129 17.2976C20.5088 17.2017 20.6277 17.1538 20.7696 17.1538C20.9115 17.1538 21.0302 17.2017 21.1257 17.2976C21.2212 17.3934 21.2689 17.5121 21.2689 17.6538V19.1538H22.7689C22.9106 19.1538 23.0293 19.2018 23.1252 19.2978C23.221 19.3937 23.2689 19.5126 23.2689 19.6545C23.2689 19.7963 23.221 19.915 23.1252 20.0105C23.0293 20.1061 22.9106 20.1538 22.7689 20.1538H21.2689V21.6538C21.2689 21.7955 21.2209 21.9142 21.125 22.0101C21.029 22.1059 20.9101 22.1538 20.7682 22.1538ZM16.4997 12.1538V11.1538H17.4997V12.1538H16.4997ZM16.4997 16.1538V15.1538H17.4997V16.1538H16.4997Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default DomainAddIcon;

package/src/icons/DomainIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DomainIcon = (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_9131"
+        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_9131)">
+        <path
+          d="M3.73047 20.1538C3.46252 20.1538 3.22886 20.0541 3.02949 19.8548C2.83014 19.6554 2.73047 19.4218 2.73047 19.1538V4.15381C2.73047 3.88586 2.83014 3.6522 3.02949 3.45283C3.22886 3.25348 3.46252 3.15381 3.73047 3.15381H10.7305C10.9984 3.15381 11.2321 3.25348 11.4314 3.45283C11.6308 3.6522 11.7305 3.88586 11.7305 4.15381V7.15381H20.2689C20.5369 7.15381 20.7705 7.25348 20.9699 7.45283C21.1692 7.6522 21.2689 7.88586 21.2689 8.15381V19.1538C21.2689 19.4218 21.1692 19.6554 20.9699 19.8548C20.7705 20.0541 20.5369 20.1538 20.2689 20.1538H3.73047ZM3.73047 19.1538H6.73047V16.1538H3.73047V19.1538ZM3.73047 15.1538H6.73047V12.1538H3.73047V15.1538ZM3.73047 11.1538H6.73047V8.15381H3.73047V11.1538ZM3.73047 7.15381H6.73047V4.15381H3.73047V7.15381ZM7.73047 19.1538H10.7305V16.1538H7.73047V19.1538ZM7.73047 15.1538H10.7305V12.1538H7.73047V15.1538ZM7.73047 11.1538H10.7305V8.15381H7.73047V11.1538ZM7.73047 7.15381H10.7305V4.15381H7.73047V7.15381ZM11.7305 19.1538H20.2689V8.15381H11.7305V11.1538H14.1151V12.1538H11.7305V15.1538H14.1151V16.1538H11.7305V19.1538ZM16.4997 12.1538V11.1538H17.4997V12.1538H16.4997ZM16.4997 16.1538V15.1538H17.4997V16.1538H16.4997Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default DomainIcon;

package/src/icons/DomainVerificationIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DomainVerificationIcon = (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_9128"
+        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_9128)">
+        <path
+          d="M4.61538 19C4.15513 19 3.77083 18.8458 3.4625 18.5375C3.15417 18.2292 3 17.8449 3 17.3846V6.61537C3 6.15512 3.15417 5.77083 3.4625 5.4625C3.77083 5.15417 4.15513 5 4.61538 5H19.3846C19.8449 5 20.2292 5.15417 20.5375 5.4625C20.8458 5.77083 21 6.15512 21 6.61537V17.3846C21 17.8449 20.8458 18.2292 20.5375 18.5375C20.2292 18.8458 19.8449 19 19.3846 19H4.61538ZM4.61538 18H19.3846C19.5385 18 19.6795 17.9359 19.8077 17.8077C19.9359 17.6795 20 17.5385 20 17.3846V8H4V17.3846C4 17.5385 4.0641 17.6795 4.1923 17.8077C4.32052 17.9359 4.46154 18 4.61538 18ZM10.95 14.3808L14.8288 10.5019C14.9263 10.4045 15.043 10.3526 15.1789 10.3462C15.3147 10.3397 15.4378 10.3917 15.5481 10.5019C15.6583 10.6122 15.7135 10.732 15.7135 10.8615C15.7135 10.991 15.6583 11.1109 15.5481 11.2212L11.5154 15.2538C11.3538 15.4154 11.1654 15.4962 10.95 15.4962C10.7346 15.4962 10.5462 15.4154 10.3846 15.2538L8.45192 13.3212C8.35449 13.2237 8.30257 13.107 8.29615 12.9712C8.28973 12.8353 8.34166 12.7122 8.45192 12.6019C8.56217 12.4917 8.68205 12.4365 8.81155 12.4365C8.94103 12.4365 9.0609 12.4917 9.17115 12.6019L10.95 14.3808ZM4.61538 18H4V6H4.61538C4.46154 6 4.32052 6.0641 4.1923 6.1923C4.0641 6.32052 4 6.46154 4 6.61537V17.3846C4 17.5385 4.0641 17.6795 4.1923 17.8077C4.32052 17.9359 4.46154 18 4.61538 18Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default DomainVerificationIcon;

package/src/icons/DownloadIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DownloadIcon = (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_8398"
+        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_8398)">
+        <path
+          d="M12 15.225L8.45 11.7L9.175 10.975L11.5 13.3V4.65002H12.5V13.3L14.825 10.975L15.55 11.7L12 15.225ZM6.625 19C6.15833 19 5.771 18.846 5.463 18.538C5.15433 18.2294 5 17.8417 5 17.375V15H6V17.375C6 17.5417 6.06267 17.6874 6.188 17.812C6.31267 17.9374 6.45833 18 6.625 18H17.375C17.5417 18 17.6873 17.9374 17.812 17.812C17.9373 17.6874 18 17.5417 18 17.375V15H19V17.375C19 17.8417 18.846 18.2294 18.538 18.538C18.2293 18.846 17.8417 19 17.375 19H6.625Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default DownloadIcon;

package/src/icons/DraftsIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DraftsIcon = (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_9091"
+        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_9091)">
+        <path
+          d="M4.61538 20C4.15513 20 3.77083 19.8458 3.4625 19.5375C3.15417 19.2292 3 18.8449 3 18.3846V8.14999C3 7.96666 3.04487 7.79679 3.1346 7.64037C3.22435 7.48397 3.3423 7.35256 3.48845 7.24614L11.1673 2.67692C11.2955 2.58974 11.4301 2.53172 11.5712 2.50287C11.7122 2.47402 11.8551 2.45959 12 2.45959C12.1449 2.45959 12.2878 2.47402 12.4289 2.50287C12.5699 2.53172 12.7045 2.58974 12.8327 2.67692L20.5115 7.24614C20.6577 7.35256 20.7757 7.48397 20.8654 7.64037C20.9551 7.79679 21 7.96666 21 8.14999V18.3846C21 18.8449 20.8458 19.2292 20.5375 19.5375C20.2292 19.8458 19.8449 20 19.3846 20H4.61538ZM12 12.5134C12.0705 12.5134 12.1378 12.5051 12.2019 12.4884C12.266 12.4718 12.3333 12.4449 12.4038 12.4077L19.8 7.99999L12.4038 3.59229C12.3333 3.55513 12.266 3.52821 12.2019 3.51154C12.1378 3.49488 12.0705 3.48654 12 3.48654C11.9295 3.48654 11.8622 3.49488 11.7981 3.51154C11.734 3.52821 11.6667 3.55513 11.5962 3.59229L4.2 7.99999L11.5962 12.4077C11.6667 12.4449 11.734 12.4718 11.7981 12.4884C11.8622 12.5051 11.9295 12.5134 12 12.5134ZM4.61538 19H19.3846C19.5641 19 19.7115 18.9423 19.8269 18.8269C19.9423 18.7115 20 18.5641 20 18.3846V9.04614L12.8327 13.3173C12.7045 13.4045 12.5699 13.4635 12.4289 13.4942C12.2878 13.525 12.1449 13.5404 12 13.5404C11.8551 13.5404 11.7122 13.525 11.5712 13.4942C11.4301 13.4635 11.2955 13.4045 11.1673 13.3173L4 9.04614V18.3846C4 18.5641 4.05769 18.7115 4.17308 18.8269C4.28846 18.9423 4.43589 19 4.61538 19ZM4.61538 19H4H20H4.61538Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default DraftsIcon;

package/src/icons/DragHandleIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DragHandleIcon = (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_9102"
+        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_9102)">
+        <path
+          d="M5 10.5C4.85833 10.5 4.73958 10.452 4.64375 10.3561C4.54792 10.2601 4.5 10.1412 4.5 9.99933C4.5 9.85746 4.54792 9.73878 4.64375 9.64328C4.73958 9.54776 4.85833 9.5 5 9.5H19C19.1417 9.5 19.2604 9.54798 19.3562 9.64395C19.4521 9.7399 19.5 9.85881 19.5 10.0007C19.5 10.1425 19.4521 10.2612 19.3562 10.3567C19.2604 10.4522 19.1417 10.5 19 10.5H5ZM5 14.5C4.85833 14.5 4.73958 14.452 4.64375 14.3561C4.54792 14.2601 4.5 14.1412 4.5 13.9993C4.5 13.8575 4.54792 13.7388 4.64375 13.6433C4.73958 13.5478 4.85833 13.5 5 13.5H19C19.1417 13.5 19.2604 13.548 19.3562 13.6439C19.4521 13.7399 19.5 13.8588 19.5 14.0007C19.5 14.1425 19.4521 14.2612 19.3562 14.3567C19.2604 14.4522 19.1417 14.5 19 14.5H5Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default DragHandleIcon;

package/src/icons/DragIndicatorIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const DragIndicatorIcon = (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_8446"
+        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_8446)">
+        <path
+          d="M8.9999 19.225C8.66657 19.225 8.3789 19.1044 8.1369 18.863C7.89557 18.621 7.7749 18.3334 7.7749 18C7.7749 17.6667 7.89557 17.379 8.1369 17.137C8.3789 16.8957 8.66657 16.775 8.9999 16.775C9.33324 16.775 9.6209 16.8957 9.8629 17.137C10.1042 17.379 10.2249 17.6667 10.2249 18C10.2249 18.3334 10.1042 18.621 9.8629 18.863C9.6209 19.1044 9.33324 19.225 8.9999 19.225ZM8.9999 13.225C8.66657 13.225 8.3789 13.1044 8.1369 12.863C7.89557 12.621 7.7749 12.3334 7.7749 12C7.7749 11.6667 7.89557 11.379 8.1369 11.137C8.3789 10.8957 8.66657 10.775 8.9999 10.775C9.33324 10.775 9.6209 10.8957 9.8629 11.137C10.1042 11.379 10.2249 11.6667 10.2249 12C10.2249 12.3334 10.1042 12.621 9.8629 12.863C9.6209 13.1044 9.33324 13.225 8.9999 13.225ZM8.9999 7.22502C8.66657 7.22502 8.3789 7.10402 8.1369 6.86202C7.89557 6.62069 7.7749 6.33336 7.7749 6.00002C7.7749 5.66669 7.89557 5.37902 8.1369 5.13702C8.3789 4.89569 8.66657 4.77502 8.9999 4.77502C9.33324 4.77502 9.6209 4.89569 9.8629 5.13702C10.1042 5.37902 10.2249 5.66669 10.2249 6.00002C10.2249 6.33336 10.1042 6.62069 9.8629 6.86202C9.6209 7.10402 9.33324 7.22502 8.9999 7.22502ZM14.9999 7.22502C14.6666 7.22502 14.3789 7.10402 14.1369 6.86202C13.8956 6.62069 13.7749 6.33336 13.7749 6.00002C13.7749 5.66669 13.8956 5.37902 14.1369 5.13702C14.3789 4.89569 14.6666 4.77502 14.9999 4.77502C15.3332 4.77502 15.6209 4.89569 15.8629 5.13702C16.1042 5.37902 16.2249 5.66669 16.2249 6.00002C16.2249 6.33336 16.1042 6.62069 15.8629 6.86202C15.6209 7.10402 15.3332 7.22502 14.9999 7.22502ZM14.9999 13.225C14.6666 13.225 14.3789 13.1044 14.1369 12.863C13.8956 12.621 13.7749 12.3334 13.7749 12C13.7749 11.6667 13.8956 11.379 14.1369 11.137C14.3789 10.8957 14.6666 10.775 14.9999 10.775C15.3332 10.775 15.6209 10.8957 15.8629 11.137C16.1042 11.379 16.2249 11.6667 16.2249 12C16.2249 12.3334 16.1042 12.621 15.8629 12.863C15.6209 13.1044 15.3332 13.225 14.9999 13.225ZM14.9999 19.225C14.6666 19.225 14.3789 19.1044 14.1369 18.863C13.8956 18.621 13.7749 18.3334 13.7749 18C13.7749 17.6667 13.8956 17.379 14.1369 17.137C14.3789 16.8957 14.6666 16.775 14.9999 16.775C15.3332 16.775 15.6209 16.8957 15.8629 17.137C16.1042 17.379 16.2249 17.6667 16.2249 18C16.2249 18.3334 16.1042 18.621 15.8629 18.863C15.6209 19.1044 15.3332 19.225 14.9999 19.225Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default DragIndicatorIcon;

package/src/icons/EditFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const EditFilledIcon = (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_8566"
+        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_8566)">
+        <path
+          d="M4.30005 20V17.5L17.15 4.675C17.3334 4.475 17.5667 4.375 17.85 4.375C18.1334 4.375 18.375 4.475 18.575 4.675L19.625 5.75C19.825 5.93333 19.925 6.16667 19.925 6.45C19.925 6.73333 19.825 6.975 19.625 7.175L6.80005 20H4.30005ZM17.475 7.9L18.925 6.45L17.85 5.375L16.4 6.825L17.475 7.9Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default EditFilledIcon;

package/src/icons/EditIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const EditIcon = (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_8296"
+        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_8296)">
+        <path
+          d="M5.30005 19H6.37505L16.775 8.6L16.25 8.05L15.7 7.525L5.30005 17.925V19ZM4.30005 20V17.5L17.15 4.675C17.3334 4.475 17.5667 4.375 17.85 4.375C18.1334 4.375 18.375 4.475 18.575 4.675L19.625 5.75C19.825 5.95 19.925 6.18767 19.925 6.463C19.925 6.73767 19.825 6.975 19.625 7.175L6.80005 20H4.30005ZM16.775 8.6L16.25 8.05L15.7 7.525L16.775 8.6Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default EditIcon;