intergalactic 15.98.2-prerelease.1 → 15.99.0-prerelease.0

package/illustration/Dns/index.mjs

@@ -1,149 +1,155 @@
 import React from "react";
 import { createBaseComponent } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
-const Dns = ({ fill = "none", width = "260", height = "260", viewBox = "0 0 260 260", ...props }, ref) => /* @__PURE__ */ React.createElement(Box, {
-  ref,
-  width,
-  height,
-  viewBox,
-  fill,
-  tag: "svg",
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M230.16 92.1c.92-15.55-.8-31.16-5.09-46.15a3.09 3.09 0 0 0-2.1-2.11c-15-4.29-30.6-6-46.16-5.09l-11.99-11.98a36.77 36.77 0 0 0-52 0l-11.98 11.98c-15.57-.91-31.17.8-46.16 5.1a3.1 3.1 0 0 0-2.1 2.1c-4.3 14.99-6.01 30.6-5.1 46.16l-11.98 12a36.77 36.77 0 0 0 0 52l11.99 11.99c-.92 15.56.8 31.16 5.08 46.15a3.09 3.09 0 0 0 2.1 2.11c15 4.29 30.6 6 46.17 5.1l12 11.95a36.77 36.77 0 0 0 52 0l11.98-11.98c15.56.92 31.17-.8 46.16-5.09a3.1 3.1 0 0 0 2.1-2.1c4.29-15 6-30.6 5.08-46.17l11.99-12a36.77 36.77 0 0 0 0-52l-11.99-11.96Z",
-  fill: "#45E0A8"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M81.9 106.1a29.47 29.47 0 0 1-4.2-9.73c10.65-11.12 14.55-26.64 8.6-39.98-8.19-18.37-31.96-25.66-53.09-16.24C12.08 49.56 1.59 72.1 9.79 90.49c8.19 18.38 31.94 25.66 53.09 16.25l1.23-.58a36 36 0 0 0 30.43 10.48A29.75 29.75 0 0 1 81.9 106.1Z",
-  fill: "#fff",
-  stroke: "#45E0A8",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m35.68 78.45-3.37-9.67-3.38 1.18.56 2.2a4.6 4.6 0 0 0-4.83-1c-4.15 1.45-5.29 5.6-3.84 9.74 1.42 4.09 4.85 6.5 8.9 5.08a4.8 4.8 0 0 0 3.35-4.15c1.06 1.16 2.75 1.73 4.83 1 4.18-1.45 5.07-5.8 3.61-9.98-2.58-7.4-10.2-10.78-18.01-8.05-7.89 2.75-11.53 10.35-8.81 18.13 2.64 7.6 9.8 11.4 17.48 8.71 2.3-.8 4.47-2.1 6.19-3.83l-1.79-2.1a14.94 14.94 0 0 1-5.07 3.07c-6.04 2.1-11.82-.82-13.93-6.85-2.2-6.3.64-12.27 6.86-14.44 6.13-2.14 12.17.56 14.2 6.4 1.09 3.11.81 5.14-.74 5.68-.91.32-1.9-.21-2.21-1.12Zm-4.6-1.17c.79 2.24.13 4.33-1.88 5.03-2.07.72-3.8-.57-4.57-2.77-.77-2.21-.25-4.39 1.82-5.11 2.05-.72 3.85.58 4.64 2.85ZM46.43 76.3l2.47-.86.3 4.7 3.79-1.33-.3-4.7 5.03-1.75.3 4.7 3.75-1.31-.29-4.7 4.06-1.42-1.22-3.47-3.04 1.07-.48-7.51 3.47-1.21-1.22-3.5-2.46.85-.3-4.7-3.73 1.3.3 4.7-5.1 1.78-.29-4.7-3.76 1.31.3 4.7-4.1 1.43 1.23 3.5 3.08-1.07.47 7.5-3.47 1.22 1.21 3.47Zm6.02-6-.44-7.52 5.06-1.76.44 7.52-5.06 1.76ZM65.9 47.02l6.37 16.15 3.56-1.24-5.06-16.6-4.86 1.7Zm11.04 23.8c1.62-.56 2.38-2.03 1.84-3.59-.57-1.62-2.09-2.32-3.71-1.76a2.79 2.79 0 0 0-1.8 3.69c.54 1.55 2.08 2.22 3.67 1.66Z",
-  fill: "#000"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m88.11 19.04 1.2 5.4a8.84 8.84 0 0 0 4.98 6.26l2.49 1.08a.65.65 0 0 1 0 1.17l-2.49 1.08a8.83 8.83 0 0 0-4.99 6.27l-1.19 5.4a.58.58 0 0 1-1.14 0l-1.2-5.4a8.82 8.82 0 0 0-4.98-6.25l-2.49-1.09a.65.65 0 0 1 0-1.16l2.49-1.09a8.83 8.83 0 0 0 4.99-6.27l1.2-5.4a.58.58 0 0 1 1.13 0Z",
-  fill: "#fff",
-  stroke: "#45E0A8",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("mask", {
-  height: "229",
-  id: "igc-dns-el-0",
-  width: "229",
-  x: "24",
-  y: "16",
-  maskUnits: "userSpaceOnUse"
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M230.16 92.1c.92-15.55-.8-31.16-5.09-46.15a3.09 3.09 0 0 0-2.1-2.11c-15-4.29-30.6-6-46.16-5.09l-11.99-11.98a36.77 36.77 0 0 0-52 0l-11.98 11.98c-15.57-.91-31.17.8-46.16 5.1a3.1 3.1 0 0 0-2.1 2.1c-4.3 14.99-6.01 30.6-5.1 46.16l-11.98 12a36.77 36.77 0 0 0 0 52l11.99 11.99c-.92 15.56.8 31.16 5.08 46.15a3.09 3.09 0 0 0 2.1 2.11c15 4.29 30.6 6 46.17 5.1l12 11.95a36.77 36.77 0 0 0 52 0l11.98-11.98c15.56.92 31.17-.8 46.16-5.09a3.1 3.1 0 0 0 2.1-2.1 138.42 138.42 0 0 0 5.08-29.83c.33-5.43 17.08-13.77 17.08-13.77 6.9-6.9 5.68-30.81 5.68-40.56 0-9.75-3.88-19.1-10.77-26L230.16 92.1Z",
-  fill: "#45DFA7"
-})), /* @__PURE__ */ React.createElement("g", {
-  mask: "url(#igc-dns-el-0)"
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M111.67 158.94c-25.36-13.67-29.01-33.58-37.95-22.52-3.73 4.62-4.26 37.78 48.41 61.36",
-  fill: "#45E0A8"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M124.3 48.99a6.83 6.83 0 1 0 0-13.66 6.83 6.83 0 0 0 0 13.66Z",
-  fill: "#45E0A8",
-  stroke: "#000",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M181.23 86.85c-6.67-10.3-15.76-17.4-27.01-20.08a40.57 40.57 0 0 0-19.41.16 196.02 196.02 0 0 1-9.01-25.07 1.53 1.53 0 0 0-3 .62c1.2 9.03 3 17.97 5.41 26.75a40.83 40.83 0 0 0-14.78 11.18 49.33 49.33 0 0 0-8.54 15.28c-13.19 37.52 11.5 115.75 46.27 154.35.66.74 1.33 1.46 2 2.17l85.9-44.76c-43.31-47.38-38.06-90.15-57.83-120.6Z",
-  fill: "#45E0A8"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M136.67 222.01c-10.36-14.46-21.47-39.3-22.98-38.52 9.02 25.28 22.28 49.68 37.47 66.55.57.64 1.15 1.25 1.74 1.88-1.12-6.4-7.53-17.77-16.23-29.9Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M153.16 252.22c-.67-.71-1.34-1.43-2-2.17-12.63-14.02-23.94-33.27-32.57-53.9",
-  stroke: "#000",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M98.25 184.09c.73.31 1.32.88 2.04 1.34-14.01-8.93-32.43-43.57-21.88-52.2-1.49.13-2.98 1.1-4.67 3.18-3.06 3.78-3.97 26.6 24.51 47.68Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M105.61 155.78c-19.24-13.1-23.83-29.33-31.9-19.36-3.73 4.62-5.44 36.01 44.86 59.71",
-  stroke: "#000",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M114.6 87.76c4.03-7.12 9.34-12.5 15.93-17.88.78-.64-5.42-19.6-6.23-18.46h-.1c1.06 5.97 2.4 11.9 4.01 17.78a40.83 40.83 0 0 0-14.78 11.21 49.33 49.33 0 0 0-8.54 15.28c-5.28 15.04-4.49 36.6.6 59.53l.12.55c.41 1.82.86 3.65 1.32 5.5-.2-1.88-5.15-50.84 7.67-73.51ZM123.37 36.61c-.56-.46-3.01.83-3.87 3.04a5.06 5.06 0 0 0 .88 5.05c1.52 1.76 4.18 2.2 4.56 1.61.38-.59-2.04-1.8-2.5-4.5-.46-2.72 1.53-4.73.93-5.2Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M239.06 207.45c-43.3-47.38-38.06-90.15-57.83-120.6-6.67-10.3-15.76-17.4-27.01-20.08a40.49 40.49 0 0 0-19.41.16v0a194.48 194.48 0 0 1-7.12-18.84 6.84 6.84 0 1 0-3.91.87c1.13 6.83 2.6 13.59 4.43 20.26v0a40.83 40.83 0 0 0-14.78 11.2 49.33 49.33 0 0 0-8.54 15.27c-5.28 15.04-4.49 36.6.6 59.53l.12.55c1.2 5.33 2.63 10.74 4.27 16.15",
-  stroke: "#000",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M198.03 130.1c11.43 15.18 54.89 20.96 50.76 35.4-1.24 4.32-16.33 11.2-40.73 1.55l-17.28-18.92",
-  fill: "#45E0A8"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M198.03 130.1c11.43 15.18 54.89 20.96 50.76 35.4-1.24 4.32-16.33 11.2-40.73 1.55",
-  stroke: "#000",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m85.78 24.44 1.2-5.4a.58.58 0 0 1 1.13 0l1.2 5.4",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m85.78 24.44 1.2-5.4a.58.58 0 0 1 1.13 0l1.2 5.4",
-  stroke: "#45E0A8",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m80.79 34.03-2.49-1.08a.65.65 0 0 1 0-1.17l2.49-1.08",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m80.79 34.03-2.49-1.08a.65.65 0 0 1 0-1.17l2.49-1.08",
-  stroke: "#45E0A8",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m89.3 40.3-1.19 5.4a.58.58 0 0 1-1.14 0l-1.2-5.4",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m89.3 40.3-1.19 5.4a.58.58 0 0 1-1.14 0l-1.2-5.4",
-  stroke: "#45E0A8",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m94.3 30.7 2.48 1.08a.65.65 0 0 1 0 1.17l-2.49 1.08",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m94.3 30.7 2.48 1.08a.65.65 0 0 1 0 1.17l-2.49 1.08",
-  stroke: "#45E0A8",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m192.46 44.95.92 4.19a6.84 6.84 0 0 0 3.87 4.84l1.92.84a.5.5 0 0 1 .22.73.5.5 0 0 1-.22.18l-1.92.84a6.85 6.85 0 0 0-3.87 4.84l-.9 4.19a.46.46 0 0 1-.45.34.46.46 0 0 1-.44-.34l-.91-4.19a6.84 6.84 0 0 0-3.86-4.84l-1.96-.85a.5.5 0 0 1 0-.91l1.92-.85a6.84 6.84 0 0 0 3.86-4.84l.91-4.18a.45.45 0 0 1 .14-.32.46.46 0 0 1 .77.33ZM199.73 74.84l.57 2.58a4.23 4.23 0 0 0 2.39 3l1.19.52c.05.03.1.07.12.12a.32.32 0 0 1 0 .33.32.32 0 0 1-.12.11l-1.2.52a4.24 4.24 0 0 0-2.38 3l-.57 2.59a.28.28 0 0 1-.27.23.27.27 0 0 1-.28-.23l-.57-2.6a4.25 4.25 0 0 0-2.39-3l-1.19-.5a.3.3 0 0 1-.12-.12.3.3 0 0 1 0-.33.31.31 0 0 1 .12-.12l1.2-.52a4.22 4.22 0 0 0 2.38-3l.57-2.58a.28.28 0 0 1 .28-.24.27.27 0 0 1 .27.24ZM157.44 155.08c15.46-4.55 23.73-22.76 18.46-40.67-5.28-17.9-22.09-28.73-37.55-24.18-15.47 4.55-23.73 22.76-18.46 40.67 5.27 17.9 22.08 28.73 37.55 24.18Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M152.48 138.53c8.93-2.62 13.7-13.14 10.66-23.48-3.05-10.35-12.75-16.6-21.69-13.97-8.93 2.63-13.7 13.14-10.65 23.48 3.04 10.35 12.75 16.6 21.68 13.97Z",
-  fill: "#000"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M133.26 118.32c2.19-.64 3.36-3.22 2.61-5.75-.74-2.53-3.12-4.07-5.3-3.42-2.2.64-3.36 3.22-2.62 5.75.75 2.53 3.12 4.06 5.31 3.42Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M156.5 150.22c1.66 2.4 8.02-1.82 11.55-7.58 3.38-5.53 3.1-10.6 2.25-10.88-.35-.11-2.88 5.17-6.38 9.3-3.72 4.41-8.4 7.72-7.43 9.16ZM171.35 128.46c3.38.75 1.41-9.12.83-9.09 0 0-.68 3.29-.91 4.56-.27 1.57-1.1 4.26.08 4.53Z",
-  fill: "#45E0A8"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M115.39 100.36c2.55-3.17 2.9-7.12.78-8.84-2.12-1.72-5.92-.55-8.48 2.62-2.55 3.16-2.9 7.11-.78 8.83 2.12 1.72 5.92.55 8.48-2.61ZM135.03 78.81c1.6-1.59 2.14-3.63 1.22-4.55-.92-.92-2.96-.37-4.55 1.22-1.6 1.6-2.14 3.63-1.22 4.55.92.92 2.96.38 4.55-1.22ZM122.93 84.54c.88-.87 1.12-2.04.55-2.61-.56-.57-1.73-.32-2.6.55-.88.87-1.12 2.04-.55 2.6.56.58 1.73.33 2.6-.54ZM77.34 150.45c2.17 0 3.93-2.93 3.93-6.53 0-3.61-1.76-6.54-3.93-6.54-2.18 0-3.94 2.93-3.94 6.54 0 3.6 1.76 6.53 3.94 6.53ZM84.15 160.43c.99-.3 1.49-1.56 1.11-2.83-.37-1.27-1.48-2.07-2.46-1.78-1 .3-1.49 1.56-1.11 2.83.37 1.28 1.47 2.07 2.46 1.78ZM111.53 136.7c1.4-2.9.9-6.04-1.1-7-2.01-.96-4.77.6-6.16 3.51-1.4 2.9-.9 6.04 1.1 7 2.01.97 4.77-.6 6.16-3.5ZM232.42 155.22c.34-.8-.33-1.85-1.5-2.34-1.17-.5-2.4-.25-2.74.55-.34.8.34 1.84 1.5 2.34 1.18.5 2.4.25 2.74-.55ZM223.16 149.35c.7-1.66-.91-3.93-3.61-5.08-2.7-1.14-5.46-.72-6.16.94-.7 1.66.91 3.94 3.6 5.08 2.7 1.14 5.46.72 6.17-.94ZM153.18 233.78c1.21-.76 1.37-2.69.35-4.31-1.01-1.63-2.81-2.33-4.03-1.57-1.2.75-1.36 2.68-.35 4.3 1.02 1.63 2.82 2.34 4.03 1.58ZM128.74 213.85c3.56-2.23 9.12.22 12.39 5.47 3.27 5.25 3.05 11.3-.51 13.52",
-  stroke: "#fff",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M148.47 168.06a1.95 1.95 0 0 0-1.06 2.38c2.25 7.06 13.37 9.17 19.68 6.03 5.1-2.53 6.69-10.4 6.01-17.53a1.28 1.28 0 0 0-1.8-1.03l-22.83 10.16Z",
-  fill: "#000",
-  stroke: "#000",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M173.05 165.5c-1.17.05-7.63.45-11.9 5.75a15.08 15.08 0 0 0-3 6.46c3.04.53 6.16.1 8.93-1.24 3.54-1.76 5.38-6.1 5.95-10.98h.02Z",
-  fill: "#fff",
-  stroke: "#000",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-})));
+import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
+const Dns = ({ fill = "none", width = "260", height = "260", viewBox = "0 0 260 260", primaryColor = "#45E0A8", secondaryColor = "#000", ...props }, ref) => {
+  const colorResolver = useColorResolver();
+  const resolvedPrimaryColor = colorResolver(primaryColor);
+  const resolvedSecondaryColor = colorResolver(secondaryColor);
+  return /* @__PURE__ */ React.createElement(Box, {
+    ref,
+    width,
+    height,
+    viewBox,
+    fill,
+    tag: "svg",
+    ...props
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M230.16 92.1c.92-15.55-.8-31.16-5.09-46.15a3.09 3.09 0 0 0-2.1-2.11c-15-4.29-30.6-6-46.16-5.09l-11.99-11.98a36.77 36.77 0 0 0-52 0l-11.98 11.98c-15.57-.91-31.17.8-46.16 5.1a3.1 3.1 0 0 0-2.1 2.1c-4.3 14.99-6.01 30.6-5.1 46.16l-11.98 12a36.77 36.77 0 0 0 0 52l11.99 11.99c-.92 15.56.8 31.16 5.08 46.15a3.09 3.09 0 0 0 2.1 2.11c15 4.29 30.6 6 46.17 5.1l12 11.95a36.77 36.77 0 0 0 52 0l11.98-11.98c15.56.92 31.17-.8 46.16-5.09a3.1 3.1 0 0 0 2.1-2.1c4.29-15 6-30.6 5.08-46.17l11.99-12a36.77 36.77 0 0 0 0-52l-11.99-11.96Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M81.9 106.1a29.47 29.47 0 0 1-4.2-9.73c10.65-11.12 14.55-26.64 8.6-39.98-8.19-18.37-31.96-25.66-53.09-16.24C12.08 49.56 1.59 72.1 9.79 90.49c8.19 18.38 31.94 25.66 53.09 16.25l1.23-.58a36 36 0 0 0 30.43 10.48A29.75 29.75 0 0 1 81.9 106.1Z",
+    fill: "#fff",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m35.68 78.45-3.37-9.67-3.38 1.18.56 2.2a4.6 4.6 0 0 0-4.83-1c-4.15 1.45-5.29 5.6-3.84 9.74 1.42 4.09 4.85 6.5 8.9 5.08a4.8 4.8 0 0 0 3.35-4.15c1.06 1.16 2.75 1.73 4.83 1 4.18-1.45 5.07-5.8 3.61-9.98-2.58-7.4-10.2-10.78-18.01-8.05-7.89 2.75-11.53 10.35-8.81 18.13 2.64 7.6 9.8 11.4 17.48 8.71 2.3-.8 4.47-2.1 6.19-3.83l-1.79-2.1a14.94 14.94 0 0 1-5.07 3.07c-6.04 2.1-11.82-.82-13.93-6.85-2.2-6.3.64-12.27 6.86-14.44 6.13-2.14 12.17.56 14.2 6.4 1.09 3.11.81 5.14-.74 5.68-.91.32-1.9-.21-2.21-1.12Zm-4.6-1.17c.79 2.24.13 4.33-1.88 5.03-2.07.72-3.8-.57-4.57-2.77-.77-2.21-.25-4.39 1.82-5.11 2.05-.72 3.85.58 4.64 2.85ZM46.43 76.3l2.47-.86.3 4.7 3.79-1.33-.3-4.7 5.03-1.75.3 4.7 3.75-1.31-.29-4.7 4.06-1.42-1.22-3.47-3.04 1.07-.48-7.51 3.47-1.21-1.22-3.5-2.46.85-.3-4.7-3.73 1.3.3 4.7-5.1 1.78-.29-4.7-3.76 1.31.3 4.7-4.1 1.43 1.23 3.5 3.08-1.07.47 7.5-3.47 1.22 1.21 3.47Zm6.02-6-.44-7.52 5.06-1.76.44 7.52-5.06 1.76ZM65.9 47.02l6.37 16.15 3.56-1.24-5.06-16.6-4.86 1.7Zm11.04 23.8c1.62-.56 2.38-2.03 1.84-3.59-.57-1.62-2.09-2.32-3.71-1.76a2.79 2.79 0 0 0-1.8 3.69c.54 1.55 2.08 2.22 3.67 1.66Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m88.11 19.04 1.2 5.4a8.84 8.84 0 0 0 4.98 6.26l2.49 1.08a.65.65 0 0 1 0 1.17l-2.49 1.08a8.83 8.83 0 0 0-4.99 6.27l-1.19 5.4a.58.58 0 0 1-1.14 0l-1.2-5.4a8.82 8.82 0 0 0-4.98-6.25l-2.49-1.09a.65.65 0 0 1 0-1.16l2.49-1.09a8.83 8.83 0 0 0 4.99-6.27l1.2-5.4a.58.58 0 0 1 1.13 0Z",
+    fill: "#fff",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("mask", {
+    height: "229",
+    id: "igc-dns-el-0",
+    width: "229",
+    x: "24",
+    y: "16",
+    maskUnits: "userSpaceOnUse"
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M230.16 92.1c.92-15.55-.8-31.16-5.09-46.15a3.09 3.09 0 0 0-2.1-2.11c-15-4.29-30.6-6-46.16-5.09l-11.99-11.98a36.77 36.77 0 0 0-52 0l-11.98 11.98c-15.57-.91-31.17.8-46.16 5.1a3.1 3.1 0 0 0-2.1 2.1c-4.3 14.99-6.01 30.6-5.1 46.16l-11.98 12a36.77 36.77 0 0 0 0 52l11.99 11.99c-.92 15.56.8 31.16 5.08 46.15a3.09 3.09 0 0 0 2.1 2.11c15 4.29 30.6 6 46.17 5.1l12 11.95a36.77 36.77 0 0 0 52 0l11.98-11.98c15.56.92 31.17-.8 46.16-5.09a3.1 3.1 0 0 0 2.1-2.1 138.42 138.42 0 0 0 5.08-29.83c.33-5.43 17.08-13.77 17.08-13.77 6.9-6.9 5.68-30.81 5.68-40.56 0-9.75-3.88-19.1-10.77-26L230.16 92.1Z",
+    fill: "#45DFA7"
+  })), /* @__PURE__ */ React.createElement("g", {
+    mask: "url(#igc-dns-el-0)"
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M111.67 158.94c-25.36-13.67-29.01-33.58-37.95-22.52-3.73 4.62-4.26 37.78 48.41 61.36",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M124.3 48.99a6.83 6.83 0 1 0 0-13.66 6.83 6.83 0 0 0 0 13.66Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M181.23 86.85c-6.67-10.3-15.76-17.4-27.01-20.08a40.57 40.57 0 0 0-19.41.16 196.02 196.02 0 0 1-9.01-25.07 1.53 1.53 0 0 0-3 .62c1.2 9.03 3 17.97 5.41 26.75a40.83 40.83 0 0 0-14.78 11.18 49.33 49.33 0 0 0-8.54 15.28c-13.19 37.52 11.5 115.75 46.27 154.35.66.74 1.33 1.46 2 2.17l85.9-44.76c-43.31-47.38-38.06-90.15-57.83-120.6Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M136.67 222.01c-10.36-14.46-21.47-39.3-22.98-38.52 9.02 25.28 22.28 49.68 37.47 66.55.57.64 1.15 1.25 1.74 1.88-1.12-6.4-7.53-17.77-16.23-29.9Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M153.16 252.22c-.67-.71-1.34-1.43-2-2.17-12.63-14.02-23.94-33.27-32.57-53.9",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M98.25 184.09c.73.31 1.32.88 2.04 1.34-14.01-8.93-32.43-43.57-21.88-52.2-1.49.13-2.98 1.1-4.67 3.18-3.06 3.78-3.97 26.6 24.51 47.68Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M105.61 155.78c-19.24-13.1-23.83-29.33-31.9-19.36-3.73 4.62-5.44 36.01 44.86 59.71",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M114.6 87.76c4.03-7.12 9.34-12.5 15.93-17.88.78-.64-5.42-19.6-6.23-18.46h-.1c1.06 5.97 2.4 11.9 4.01 17.78a40.83 40.83 0 0 0-14.78 11.21 49.33 49.33 0 0 0-8.54 15.28c-5.28 15.04-4.49 36.6.6 59.53l.12.55c.41 1.82.86 3.65 1.32 5.5-.2-1.88-5.15-50.84 7.67-73.51ZM123.37 36.61c-.56-.46-3.01.83-3.87 3.04a5.06 5.06 0 0 0 .88 5.05c1.52 1.76 4.18 2.2 4.56 1.61.38-.59-2.04-1.8-2.5-4.5-.46-2.72 1.53-4.73.93-5.2Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M239.06 207.45c-43.3-47.38-38.06-90.15-57.83-120.6-6.67-10.3-15.76-17.4-27.01-20.08a40.49 40.49 0 0 0-19.41.16v0a194.48 194.48 0 0 1-7.12-18.84 6.84 6.84 0 1 0-3.91.87c1.13 6.83 2.6 13.59 4.43 20.26v0a40.83 40.83 0 0 0-14.78 11.2 49.33 49.33 0 0 0-8.54 15.27c-5.28 15.04-4.49 36.6.6 59.53l.12.55c1.2 5.33 2.63 10.74 4.27 16.15",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M198.03 130.1c11.43 15.18 54.89 20.96 50.76 35.4-1.24 4.32-16.33 11.2-40.73 1.55l-17.28-18.92",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M198.03 130.1c11.43 15.18 54.89 20.96 50.76 35.4-1.24 4.32-16.33 11.2-40.73 1.55",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m85.78 24.44 1.2-5.4a.58.58 0 0 1 1.13 0l1.2 5.4",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m85.78 24.44 1.2-5.4a.58.58 0 0 1 1.13 0l1.2 5.4",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m80.79 34.03-2.49-1.08a.65.65 0 0 1 0-1.17l2.49-1.08",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m80.79 34.03-2.49-1.08a.65.65 0 0 1 0-1.17l2.49-1.08",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m89.3 40.3-1.19 5.4a.58.58 0 0 1-1.14 0l-1.2-5.4",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m89.3 40.3-1.19 5.4a.58.58 0 0 1-1.14 0l-1.2-5.4",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m94.3 30.7 2.48 1.08a.65.65 0 0 1 0 1.17l-2.49 1.08",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m94.3 30.7 2.48 1.08a.65.65 0 0 1 0 1.17l-2.49 1.08",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m192.46 44.95.92 4.19a6.84 6.84 0 0 0 3.87 4.84l1.92.84a.5.5 0 0 1 .22.73.5.5 0 0 1-.22.18l-1.92.84a6.85 6.85 0 0 0-3.87 4.84l-.9 4.19a.46.46 0 0 1-.45.34.46.46 0 0 1-.44-.34l-.91-4.19a6.84 6.84 0 0 0-3.86-4.84l-1.96-.85a.5.5 0 0 1 0-.91l1.92-.85a6.84 6.84 0 0 0 3.86-4.84l.91-4.18a.45.45 0 0 1 .14-.32.46.46 0 0 1 .77.33ZM199.73 74.84l.57 2.58a4.23 4.23 0 0 0 2.39 3l1.19.52c.05.03.1.07.12.12a.32.32 0 0 1 0 .33.32.32 0 0 1-.12.11l-1.2.52a4.24 4.24 0 0 0-2.38 3l-.57 2.59a.28.28 0 0 1-.27.23.27.27 0 0 1-.28-.23l-.57-2.6a4.25 4.25 0 0 0-2.39-3l-1.19-.5a.3.3 0 0 1-.12-.12.3.3 0 0 1 0-.33.31.31 0 0 1 .12-.12l1.2-.52a4.22 4.22 0 0 0 2.38-3l.57-2.58a.28.28 0 0 1 .28-.24.27.27 0 0 1 .27.24ZM157.44 155.08c15.46-4.55 23.73-22.76 18.46-40.67-5.28-17.9-22.09-28.73-37.55-24.18-15.47 4.55-23.73 22.76-18.46 40.67 5.27 17.9 22.08 28.73 37.55 24.18Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M152.48 138.53c8.93-2.62 13.7-13.14 10.66-23.48-3.05-10.35-12.75-16.6-21.69-13.97-8.93 2.63-13.7 13.14-10.65 23.48 3.04 10.35 12.75 16.6 21.68 13.97Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M133.26 118.32c2.19-.64 3.36-3.22 2.61-5.75-.74-2.53-3.12-4.07-5.3-3.42-2.2.64-3.36 3.22-2.62 5.75.75 2.53 3.12 4.06 5.31 3.42Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M156.5 150.22c1.66 2.4 8.02-1.82 11.55-7.58 3.38-5.53 3.1-10.6 2.25-10.88-.35-.11-2.88 5.17-6.38 9.3-3.72 4.41-8.4 7.72-7.43 9.16ZM171.35 128.46c3.38.75 1.41-9.12.83-9.09 0 0-.68 3.29-.91 4.56-.27 1.57-1.1 4.26.08 4.53Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M115.39 100.36c2.55-3.17 2.9-7.12.78-8.84-2.12-1.72-5.92-.55-8.48 2.62-2.55 3.16-2.9 7.11-.78 8.83 2.12 1.72 5.92.55 8.48-2.61ZM135.03 78.81c1.6-1.59 2.14-3.63 1.22-4.55-.92-.92-2.96-.37-4.55 1.22-1.6 1.6-2.14 3.63-1.22 4.55.92.92 2.96.38 4.55-1.22ZM122.93 84.54c.88-.87 1.12-2.04.55-2.61-.56-.57-1.73-.32-2.6.55-.88.87-1.12 2.04-.55 2.6.56.58 1.73.33 2.6-.54ZM77.34 150.45c2.17 0 3.93-2.93 3.93-6.53 0-3.61-1.76-6.54-3.93-6.54-2.18 0-3.94 2.93-3.94 6.54 0 3.6 1.76 6.53 3.94 6.53ZM84.15 160.43c.99-.3 1.49-1.56 1.11-2.83-.37-1.27-1.48-2.07-2.46-1.78-1 .3-1.49 1.56-1.11 2.83.37 1.28 1.47 2.07 2.46 1.78ZM111.53 136.7c1.4-2.9.9-6.04-1.1-7-2.01-.96-4.77.6-6.16 3.51-1.4 2.9-.9 6.04 1.1 7 2.01.97 4.77-.6 6.16-3.5ZM232.42 155.22c.34-.8-.33-1.85-1.5-2.34-1.17-.5-2.4-.25-2.74.55-.34.8.34 1.84 1.5 2.34 1.18.5 2.4.25 2.74-.55ZM223.16 149.35c.7-1.66-.91-3.93-3.61-5.08-2.7-1.14-5.46-.72-6.16.94-.7 1.66.91 3.94 3.6 5.08 2.7 1.14 5.46.72 6.17-.94ZM153.18 233.78c1.21-.76 1.37-2.69.35-4.31-1.01-1.63-2.81-2.33-4.03-1.57-1.2.75-1.36 2.68-.35 4.3 1.02 1.63 2.82 2.34 4.03 1.58ZM128.74 213.85c3.56-2.23 9.12.22 12.39 5.47 3.27 5.25 3.05 11.3-.51 13.52",
+    stroke: "#fff",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M148.47 168.06a1.95 1.95 0 0 0-1.06 2.38c2.25 7.06 13.37 9.17 19.68 6.03 5.1-2.53 6.69-10.4 6.01-17.53a1.28 1.28 0 0 0-1.8-1.03l-22.83 10.16Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M173.05 165.5c-1.17.05-7.63.45-11.9 5.75a15.08 15.08 0 0 0-3 6.46c3.04.53 6.16.1 8.93-1.24 3.54-1.76 5.38-6.1 5.95-10.98h.02Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })));
+};
 Dns.displayName = "Dns";
 var stdin_default = createBaseComponent(Dns);
 export {

package/illustration/DonutChart/index.d.ts

@@ -1,4 +1,28 @@
 
-import { Box } from 'intergalactic/flex-box';
-declare const _default: typeof Box;
-export default _default;    
+import { BoxProps } from 'intergalactic/flex-box';
+import { Intergalactic } from 'intergalactic/core';
+
+type IllustrationProps = BoxProps & {
+    /**
+     * Main color of the illustration
+     **/
+    primaryColor?: string;
+    /**
+     * Secondary color of the illustration
+     **/
+    secondaryColor?: string;
+    /**
+     * Changes background fill of the illustration
+     **/
+    fill?: string;
+    /**
+     * Width of the illustration
+     **/
+    width?: string | number;
+    /**
+     * Height of the illustration
+     **/
+    height?: string | number;
+}
+declare const Illustration: Intergalactic.Component<'svg', IllustrationProps>;
+export default Illustration;    

package/illustration/DonutChart/index.js

@@ -26,99 +26,105 @@ module.exports = __toCommonJS(stdin_exports);
 var import_react = __toESM(require("react"));
 var import_core = require("intergalactic/core");
 var import_flex_box = require("intergalactic/flex-box");
-const DonutChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", ...props }, ref) => /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
-  ref,
-  width,
-  height,
-  viewBox,
-  fill,
-  tag: "svg",
-  ...props
-}, /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M75.608 42.488c0-15.6-9.54-28.84-22.944-34.067l-3.783-6.746C48.635 1.253 48.224 1 47.812 1H32.27c-.411 0-.823.253-1.07.675L27.419 8.42C14.014 13.649 4.474 26.97 4.474 42.488c0 2.023.165 3.963.494 5.818l-3.783 6.746c-.247.422-.247.843 0 1.265l7.73 13.829c.247.422.658.674 1.07.674h7.565C23.717 75.965 31.53 79 40 79c8.47 0 16.365-3.12 22.45-8.18h7.566c.411 0 .822-.252 1.069-.674l7.73-13.83c.247-.42.247-.843 0-1.264l-3.783-6.746c.411-1.94.576-3.879.576-5.818Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M65.925 57.607s.086-.054.119-.087l6.495-4.323-3.134-1.696-3.134.756-8.3-31.677a5.705 5.705 0 0 0-6.68-4.15l-39.588 8.073-1.394-3.123-3.415 5.88a6.504 6.504 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l10.44 36.648a2.587 2.587 0 0 0 3.177 1.794l45.273-12.342a2.94 2.94 0 0 0 .746-.346l.054-.032.01-.011Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M71.76 53.554 24.087 66.555a2.734 2.734 0 0 1-3.35-1.891L9.746 26.07c-.962-3.372 1.156-6.852 4.593-7.554l42.873-8.744c3.135-.637 6.226 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M65.448 18.818 11.065 30.761l-1.34-4.69c-.962-3.373 1.156-6.853 4.593-7.555l42.884-8.744c3.134-.637 6.225 1.286 7.025 4.377l1.221 4.67Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M18.39 23.419a1.873 1.873 0 0 1-1.415 2.366c-1.092.238-2.227-.454-2.53-1.523a1.868 1.868 0 0 1 1.427-2.367c1.092-.227 2.216.464 2.518 1.534v-.01Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M25.375 21.938c.292 1.06-.324 2.108-1.394 2.335-1.07.227-2.183-.454-2.475-1.524-.291-1.07.325-2.118 1.405-2.345 1.081-.227 2.172.464 2.464 1.523v.011Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M11.087 30.842s.325-3.155.606-6.387l-1.373-3.08-3.415 5.88a6.504 6.504 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l1.394 4.906 3.458-5.965v.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M71.76 53.554 24.087 66.555a2.734 2.734 0 0 1-3.35-1.891L9.746 26.07c-.962-3.372 1.156-6.852 4.593-7.554l42.873-8.744c3.135-.637 6.226 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m43.291 32.434 1.892.929-3.156 3.156-3.2-1.578 4.464-2.507Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m56.768 51.326 2.043-2.021-2.55-.368-6.55-3.328a7.021 7.021 0 0 1-2.4 1.913l-9.823-5.361-.184-.724c.432-2.205 2.215-4.14 4.733-4.917l-2.355-8.55a18.912 18.912 0 0 0-5.22 2.195l-.141-.552-2.648 2.66a13.87 13.87 0 0 0-.886.896l-.033.033C27.458 36.8 26.01 41.62 27.34 46.376c2.27 8.073 11.65 12.58 20.75 10.148a18.236 18.236 0 0 0 7.296-3.847h.022l.183-.184c.422-.378.81-.767 1.178-1.167ZM50.168 29.167l-2.346-8.527-3.155 3.156 2.345 8.527 3.156-3.156Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m62.942 28.947-.756 1.21c-3.534-5.036-10.43-7.748-17.52-6.354l2.346 8.527c3.35-.562 6.57 1.102 7.598 3.89l9.424-2.312 3.155-3.156-4.258-1.816.011.011Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m57.764 33.073 9.424-2.313c-2.27-7.349-10.678-11.813-19.367-10.116l2.345 8.527c3.35-.562 6.57 1.103 7.598 3.891v.01Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M60.724 21.944c-4.085-2.075-8.732-2.626-13.304-1.73l-4.92 4.659",
-  stroke: "#fff",
-  strokeMiterlimit: "10",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m65.059 35.595-4.518 1.113-1.75-1.945-3.156 3.156c.238 1.297-.022 2.594-.66 3.728l8.29 4.215c1.902-3.07 2.626-6.69 1.794-10.267Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m66.431 42.706-3.156 3.156-8.29-4.215 3.157-3.166 8.289 4.225ZM58.803 34.747c.237 1.297-.022 2.593-.66 3.728l8.29 4.215c1.902-3.07 2.626-6.69 1.794-10.267l-9.414 2.324h-.01Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M52.858 42.45c-.92 1.157-2.28 2.065-3.924 2.486-3.717.94-7.49-.918-8.386-4.182-.897-3.264 1.21-6.322 4.647-7.392l-2.356-8.55c-8.981 2.27-14.569 10.44-12.332 18.406 2.27 8.073 11.651 12.58 20.75 10.148 4.27-1.145 7.718-3.61 9.911-6.7l-8.3-4.215h-.01Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}));
+var import_useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
+const DonutChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
+  const colorResolver = (0, import_useColorResolver.useColorResolver)();
+  const resolvedPrimaryColor = colorResolver(primaryColor);
+  const resolvedSecondaryColor = colorResolver(secondaryColor);
+  return /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
+    ref,
+    width,
+    height,
+    viewBox,
+    fill,
+    tag: "svg",
+    ...props
+  }, /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M75.608 42.488c0-15.6-9.54-28.84-22.944-34.067l-3.783-6.746C48.635 1.253 48.224 1 47.812 1H32.27c-.411 0-.823.253-1.07.675L27.419 8.42C14.014 13.649 4.474 26.97 4.474 42.488c0 2.023.165 3.963.494 5.818l-3.783 6.746c-.247.422-.247.843 0 1.265l7.73 13.829c.247.422.658.674 1.07.674h7.565C23.717 75.965 31.53 79 40 79c8.47 0 16.365-3.12 22.45-8.18h7.566c.411 0 .822-.252 1.069-.674l7.73-13.83c.247-.42.247-.843 0-1.264l-3.783-6.746c.411-1.94.576-3.879.576-5.818Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M65.925 57.607s.086-.054.119-.087l6.495-4.323-3.134-1.696-3.134.756-8.3-31.677a5.705 5.705 0 0 0-6.68-4.15l-39.588 8.073-1.394-3.123-3.415 5.88a6.504 6.504 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l10.44 36.648a2.587 2.587 0 0 0 3.177 1.794l45.273-12.342a2.94 2.94 0 0 0 .746-.346l.054-.032.01-.011Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M71.76 53.554 24.087 66.555a2.734 2.734 0 0 1-3.35-1.891L9.746 26.07c-.962-3.372 1.156-6.852 4.593-7.554l42.873-8.744c3.135-.637 6.226 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M65.448 18.818 11.065 30.761l-1.34-4.69c-.962-3.373 1.156-6.853 4.593-7.555l42.884-8.744c3.134-.637 6.225 1.286 7.025 4.377l1.221 4.67Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M18.39 23.419a1.873 1.873 0 0 1-1.415 2.366c-1.092.238-2.227-.454-2.53-1.523a1.868 1.868 0 0 1 1.427-2.367c1.092-.227 2.216.464 2.518 1.534v-.01Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M25.375 21.938c.292 1.06-.324 2.108-1.394 2.335-1.07.227-2.183-.454-2.475-1.524-.291-1.07.325-2.118 1.405-2.345 1.081-.227 2.172.464 2.464 1.523v.011Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M11.087 30.842s.325-3.155.606-6.387l-1.373-3.08-3.415 5.88a6.504 6.504 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l1.394 4.906 3.458-5.965v.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M71.76 53.554 24.087 66.555a2.734 2.734 0 0 1-3.35-1.891L9.746 26.07c-.962-3.372 1.156-6.852 4.593-7.554l42.873-8.744c3.135-.637 6.226 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m43.291 32.434 1.892.929-3.156 3.156-3.2-1.578 4.464-2.507Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m56.768 51.326 2.043-2.021-2.55-.368-6.55-3.328a7.021 7.021 0 0 1-2.4 1.913l-9.823-5.361-.184-.724c.432-2.205 2.215-4.14 4.733-4.917l-2.355-8.55a18.912 18.912 0 0 0-5.22 2.195l-.141-.552-2.648 2.66a13.87 13.87 0 0 0-.886.896l-.033.033C27.458 36.8 26.01 41.62 27.34 46.376c2.27 8.073 11.65 12.58 20.75 10.148a18.236 18.236 0 0 0 7.296-3.847h.022l.183-.184c.422-.378.81-.767 1.178-1.167ZM50.168 29.167l-2.346-8.527-3.155 3.156 2.345 8.527 3.156-3.156Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m62.942 28.947-.756 1.21c-3.534-5.036-10.43-7.748-17.52-6.354l2.346 8.527c3.35-.562 6.57 1.102 7.598 3.89l9.424-2.312 3.155-3.156-4.258-1.816.011.011Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m57.764 33.073 9.424-2.313c-2.27-7.349-10.678-11.813-19.367-10.116l2.345 8.527c3.35-.562 6.57 1.103 7.598 3.891v.01Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M60.724 21.944c-4.085-2.075-8.732-2.626-13.304-1.73l-4.92 4.659",
+    stroke: "#fff",
+    strokeMiterlimit: "10",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m65.059 35.595-4.518 1.113-1.75-1.945-3.156 3.156c.238 1.297-.022 2.594-.66 3.728l8.29 4.215c1.902-3.07 2.626-6.69 1.794-10.267Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m66.431 42.706-3.156 3.156-8.29-4.215 3.157-3.166 8.289 4.225ZM58.803 34.747c.237 1.297-.022 2.593-.66 3.728l8.29 4.215c1.902-3.07 2.626-6.69 1.794-10.267l-9.414 2.324h-.01Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M52.858 42.45c-.92 1.157-2.28 2.065-3.924 2.486-3.717.94-7.49-.918-8.386-4.182-.897-3.264 1.21-6.322 4.647-7.392l-2.356-8.55c-8.981 2.27-14.569 10.44-12.332 18.406 2.27 8.073 11.651 12.58 20.75 10.148 4.27-1.145 7.718-3.61 9.911-6.7l-8.3-4.215h-.01Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }));
+};
 DonutChart.displayName = "DonutChart";
 var stdin_default = (0, import_core.createBaseComponent)(DonutChart);