@semcore/illustration 2.29.0 → 2.30.0-prerelease.0

package/ProjectNotFound/index.mjs

@@ -1,216 +1,222 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
 import { Box } from "@semcore/flex-box";
-const ProjectNotFound = ({ 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: "M131.96 20.01C74.28 19.13 26.13 65.66 25.14 123.34a105 105 0 0 0 43.72 87.21 23.75 23.75 0 0 1 9.94 19.26v7.82a2.62 2.62 0 0 0 2.61 2.6h97.81a2.6 2.6 0 0 0 2.6-2.6v-7.82a23.9 23.9 0 0 1 10.03-19.32 105 105 0 0 0 43.66-85.3A105.19 105.19 0 0 0 131.96 20.01Z",
-  fill: "#FF788F"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m253 165.94-188.97 55.3L7 197.06v-6.8l246-31.74v7.42Z",
-  fill: "#FF788F",
-  stroke: "#000",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m65.4 207.93-1.37 5.54v7.77L253 165.94v-7.42L65.4 207.93Z",
-  fill: "#000",
-  stroke: "#000",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M253 158.52 64.03 213.47 7 190.25l168.94-47.6L253 158.52Z",
-  fill: "#FF788F",
-  stroke: "#000",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M221.62 164.34c-1.9 2.51-7.8 4-16.78 4.67l-14.42-89.49c8.73-.6 14.15-2.2 16.79-4.67l14.41 89.49Z",
-  fill: "#000",
-  stroke: "#000",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m204.83 169.01-47.5-11.53-12.36-82.24 45.44 4.28 14.42 89.49Z",
-  fill: "#FF788F",
-  stroke: "#000",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m207.2 74.85-46.07-3.87c.6 1.95-6.57 3.28-16.16 4.26l45.46 4.28c8.37-.6 14.5-1.96 16.78-4.67Z",
-  fill: "#FF788F",
-  stroke: "#000",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M192.57 45.64v2.61",
-  stroke: "#fff",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M192.57 53.56V167.5",
-  stroke: "#fff",
-  strokeDasharray: "5.18 5.18",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M192.57 170.16v2.61c-.69.54-1.42 1.03-2.19 1.44",
-  stroke: "#fff",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M185.58 176.3a113.35 113.35 0 0 1-17.82 4.32",
-  stroke: "#fff",
-  strokeDasharray: "5.13 5.13",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m165.17 181.06-2.6.42v-2.63",
-  stroke: "#fff",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M162.57 173.5V58.73",
-  stroke: "#fff",
-  strokeDasharray: "5.22 5.22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M162.57 56.05v-2.62M89.92 158.54v2.62l2.52.7",
-  stroke: "#fff",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m97.64 163.32 59.8 16.72",
-  stroke: "#fff",
-  strokeDasharray: "5.28 5.28",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m160.05 180.76 2.52.71v-2.62",
-  stroke: "#fff",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M162.57 173.5V58.73",
-  stroke: "#fff",
-  strokeDasharray: "5.22 5.22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M162.57 56.05v-2.62l-2.62-.15",
-  stroke: "#fff",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m154.77 53.02-60.89-2.36",
-  stroke: "#fff",
-  strokeDasharray: "5.08 5.08",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M89.92 49.6v2.62",
-  stroke: "#fff",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M89.92 57.28v98.73",
-  stroke: "#fff",
-  strokeDasharray: "4.95 4.95",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M146.32 94.95c0 19.86-20.34 16.47-20.34 27.72v2.96l-9.52-1.84v-3.6c0-15.97 19.2-13.92 19.2-26.42 0-6.97-4.88-11.24-11.24-11.96-7.26-.8-11.65 3.4-12.78 10.22l-8.68-3.3c1.94-11.33 10.17-17.8 21.74-16.78 12.11 1.1 21.62 9.73 21.62 23Zm-31.1 46.14c0-4.32 2.65-6.56 6.4-5.75 3.75.8 6.57 4.27 6.57 8.69 0 4.41-2.66 6.54-6.57 5.6a8.56 8.56 0 0 1-6.4-8.54Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M89.92 49.6c9.07-2 21.1-5.43 26.6-6.78",
-  stroke: "#fff",
-  strokeDasharray: "4.75 4.75",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m116.52 42.83 2.63.1",
-  stroke: "#fff",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m124.59 43.12 62.63 2.32",
-  stroke: "#fff",
-  strokeDasharray: "5.33 5.33",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m189.94 45.55 2.63.09",
-  stroke: "#fff",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M192.52 45.96c-4.84 1.6-18.4 5.73-29.95 7.5",
-  stroke: "#fff",
-  strokeDasharray: "5.14 5.14",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m104.07 188.7-44.05 12.67 3.23-29.9 33.58-3.63 7.24 20.87Z",
-  fill: "#000",
-  stroke: "#FF788F",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m60.02 201.37 3.23-29.9-17.18-5.45-7.64 27.04 21.59 8.31Z",
-  fill: "#000",
-  stroke: "#FF788F",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m90.21 104.81-24.18-3.92a23.36 23.36 0 0 0-7.16.08c-15.44 2.53-28.02 19.47-28.02 37.83 0 14.06 7.37 24.88 17.77 28.03l21.93 6.95v-7.8l-4.28-.95c11.9-5.8 20.64-20.11 20.64-35.43 0-8.56-2.73-15.9-7.15-21.06l10.45-3.73Z",
-  fill: "#FF788F"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m79.72 108.58 10.5-3.77-24.2-3.92a23.36 23.36 0 0 0-7.15.08c-7.07 1.16-13.53 5.33-18.47 11.24l32.1 6.43 10.49-5.34a26.27 26.27 0 0 0-3.27-4.72Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m90.21 104.81-24.18-3.92a23.36 23.36 0 0 0-7.16.08c-15.44 2.53-28.02 19.47-28.02 37.83 0 14.06 7.37 24.88 17.77 28.03l21.93 6.95v-7.8l-4.28-.95c11.9-5.8 20.64-20.11 20.64-35.43 0-8.56-2.73-15.9-7.15-21.06l10.45-3.73Z",
-  stroke: "#000",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M109.21 148.83c6.3-18.83-.75-38.17-15.75-43.19-15-5.02-32.28 6.17-38.59 25-6.3 18.82.76 38.16 15.76 43.18 15 5.02 32.28-6.17 38.58-25Z",
-  fill: "#FF788F",
-  stroke: "#000",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M105.79 147.68c5.5-16.45-.66-33.35-13.77-37.74-13.12-4.4-28.22 5.39-33.72 21.84-5.51 16.46.65 33.36 13.77 37.75 13.11 4.39 28.21-5.4 33.72-21.85Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M82.05 163.1v3.48M82.05 112.87v3.49M62.35 142.95l-2.95.48M104.69 136.03l-2.95.48",
-  stroke: "#FF788F",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m81.51 123.82-2.17 15.4a.66.66 0 0 0 .77.76l4.37-.7a.68.68 0 0 0 .56-.77l-2.19-14.69a.67.67 0 0 0-1.34 0Z",
-  fill: "#FF788F"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m95.94 149.42-11.32-12.18a.68.68 0 0 0-1.08.11l-2.83 4.75a.68.68 0 0 0-.08.53.68.68 0 0 0 .34.42l14.16 7.42a.67.67 0 0 0 .84-.2.68.68 0 0 0-.03-.85Z",
-  fill: "#FF788F"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M85.02 140.6c.66-1.97-.08-4-1.66-4.52-1.57-.53-3.38.64-4.04 2.62-.66 1.98.08 4 1.65 4.53 1.57.53 3.39-.65 4.05-2.62Z",
-  fill: "#000",
-  stroke: "#000",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M86.03 140.94c.66-1.97-.08-4-1.65-4.53-1.58-.53-3.39.65-4.05 2.62-.66 1.98.08 4 1.65 4.53 1.58.53 3.39-.64 4.05-2.62Z",
-  fill: "#000",
-  stroke: "#FF788F",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}));
+import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
+const ProjectNotFound = ({ fill = "none", width = "260", height = "260", viewBox = "0 0 260 260", primaryColor = "#FF788F", 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: "M131.96 20.01C74.28 19.13 26.13 65.66 25.14 123.34a105 105 0 0 0 43.72 87.21 23.75 23.75 0 0 1 9.94 19.26v7.82a2.62 2.62 0 0 0 2.61 2.6h97.81a2.6 2.6 0 0 0 2.6-2.6v-7.82a23.9 23.9 0 0 1 10.03-19.32 105 105 0 0 0 43.66-85.3A105.19 105.19 0 0 0 131.96 20.01Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m253 165.94-188.97 55.3L7 197.06v-6.8l246-31.74v7.42Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m65.4 207.93-1.37 5.54v7.77L253 165.94v-7.42L65.4 207.93Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M253 158.52 64.03 213.47 7 190.25l168.94-47.6L253 158.52Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M221.62 164.34c-1.9 2.51-7.8 4-16.78 4.67l-14.42-89.49c8.73-.6 14.15-2.2 16.79-4.67l14.41 89.49Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m204.83 169.01-47.5-11.53-12.36-82.24 45.44 4.28 14.42 89.49Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m207.2 74.85-46.07-3.87c.6 1.95-6.57 3.28-16.16 4.26l45.46 4.28c8.37-.6 14.5-1.96 16.78-4.67Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M192.57 45.64v2.61",
+    stroke: "#fff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M192.57 53.56V167.5",
+    stroke: "#fff",
+    strokeDasharray: "5.18 5.18",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M192.57 170.16v2.61c-.69.54-1.42 1.03-2.19 1.44",
+    stroke: "#fff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M185.58 176.3a113.35 113.35 0 0 1-17.82 4.32",
+    stroke: "#fff",
+    strokeDasharray: "5.13 5.13",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m165.17 181.06-2.6.42v-2.63",
+    stroke: "#fff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M162.57 173.5V58.73",
+    stroke: "#fff",
+    strokeDasharray: "5.22 5.22",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M162.57 56.05v-2.62M89.92 158.54v2.62l2.52.7",
+    stroke: "#fff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m97.64 163.32 59.8 16.72",
+    stroke: "#fff",
+    strokeDasharray: "5.28 5.28",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m160.05 180.76 2.52.71v-2.62",
+    stroke: "#fff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M162.57 173.5V58.73",
+    stroke: "#fff",
+    strokeDasharray: "5.22 5.22",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M162.57 56.05v-2.62l-2.62-.15",
+    stroke: "#fff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m154.77 53.02-60.89-2.36",
+    stroke: "#fff",
+    strokeDasharray: "5.08 5.08",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M89.92 49.6v2.62",
+    stroke: "#fff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M89.92 57.28v98.73",
+    stroke: "#fff",
+    strokeDasharray: "4.95 4.95",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M146.32 94.95c0 19.86-20.34 16.47-20.34 27.72v2.96l-9.52-1.84v-3.6c0-15.97 19.2-13.92 19.2-26.42 0-6.97-4.88-11.24-11.24-11.96-7.26-.8-11.65 3.4-12.78 10.22l-8.68-3.3c1.94-11.33 10.17-17.8 21.74-16.78 12.11 1.1 21.62 9.73 21.62 23Zm-31.1 46.14c0-4.32 2.65-6.56 6.4-5.75 3.75.8 6.57 4.27 6.57 8.69 0 4.41-2.66 6.54-6.57 5.6a8.56 8.56 0 0 1-6.4-8.54Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M89.92 49.6c9.07-2 21.1-5.43 26.6-6.78",
+    stroke: "#fff",
+    strokeDasharray: "4.75 4.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m116.52 42.83 2.63.1",
+    stroke: "#fff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m124.59 43.12 62.63 2.32",
+    stroke: "#fff",
+    strokeDasharray: "5.33 5.33",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m189.94 45.55 2.63.09",
+    stroke: "#fff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M192.52 45.96c-4.84 1.6-18.4 5.73-29.95 7.5",
+    stroke: "#fff",
+    strokeDasharray: "5.14 5.14",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m104.07 188.7-44.05 12.67 3.23-29.9 33.58-3.63 7.24 20.87Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m60.02 201.37 3.23-29.9-17.18-5.45-7.64 27.04 21.59 8.31Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m90.21 104.81-24.18-3.92a23.36 23.36 0 0 0-7.16.08c-15.44 2.53-28.02 19.47-28.02 37.83 0 14.06 7.37 24.88 17.77 28.03l21.93 6.95v-7.8l-4.28-.95c11.9-5.8 20.64-20.11 20.64-35.43 0-8.56-2.73-15.9-7.15-21.06l10.45-3.73Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m79.72 108.58 10.5-3.77-24.2-3.92a23.36 23.36 0 0 0-7.15.08c-7.07 1.16-13.53 5.33-18.47 11.24l32.1 6.43 10.49-5.34a26.27 26.27 0 0 0-3.27-4.72Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m90.21 104.81-24.18-3.92a23.36 23.36 0 0 0-7.16.08c-15.44 2.53-28.02 19.47-28.02 37.83 0 14.06 7.37 24.88 17.77 28.03l21.93 6.95v-7.8l-4.28-.95c11.9-5.8 20.64-20.11 20.64-35.43 0-8.56-2.73-15.9-7.15-21.06l10.45-3.73Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M109.21 148.83c6.3-18.83-.75-38.17-15.75-43.19-15-5.02-32.28 6.17-38.59 25-6.3 18.82.76 38.16 15.76 43.18 15 5.02 32.28-6.17 38.58-25Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M105.79 147.68c5.5-16.45-.66-33.35-13.77-37.74-13.12-4.4-28.22 5.39-33.72 21.84-5.51 16.46.65 33.36 13.77 37.75 13.11 4.39 28.21-5.4 33.72-21.85Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M82.05 163.1v3.48M82.05 112.87v3.49M62.35 142.95l-2.95.48M104.69 136.03l-2.95.48",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m81.51 123.82-2.17 15.4a.66.66 0 0 0 .77.76l4.37-.7a.68.68 0 0 0 .56-.77l-2.19-14.69a.67.67 0 0 0-1.34 0Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m95.94 149.42-11.32-12.18a.68.68 0 0 0-1.08.11l-2.83 4.75a.68.68 0 0 0-.08.53.68.68 0 0 0 .34.42l14.16 7.42a.67.67 0 0 0 .84-.2.68.68 0 0 0-.03-.85Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M85.02 140.6c.66-1.97-.08-4-1.66-4.52-1.57-.53-3.38.64-4.04 2.62-.66 1.98.08 4 1.65 4.53 1.57.53 3.39-.65 4.05-2.62Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M86.03 140.94c.66-1.97-.08-4-1.65-4.53-1.58-.53-3.39.65-4.05 2.62-.66 1.98.08 4 1.65 4.53 1.58.53 3.39-.64 4.05-2.62Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
 ProjectNotFound.displayName = "ProjectNotFound";
 var stdin_default = createBaseComponent(ProjectNotFound);
 export {

package/RadarChart/index.d.ts

@@ -1,4 +1,28 @@
 
-import { Box } from '@semcore/flex-box';
-declare const _default: typeof Box;
-export default _default;    
+import { BoxProps } from '@semcore/flex-box';
+import { Intergalactic } from '@semcore/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/RadarChart/index.js

@@ -26,63 +26,69 @@ module.exports = __toCommonJS(stdin_exports);
 var import_react = __toESM(require("react"));
 var import_core = require("@semcore/core");
 var import_flex_box = require("@semcore/flex-box");
-const RadarChart = ({ 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: "M40.041 1.906v2.471c-19.685 0-35.664 15.979-35.664 35.664h-2.47a.914.914 0 0 0-.907.906C1.494 61.786 18.214 78.506 39.053 79a.914.914 0 0 0 .906-.906v-2.471c19.685 0 35.664-15.979 35.664-35.664h2.471a.914.914 0 0 0 .906-.906C78.506 18.214 61.786 1.494 40.947 1a.914.914 0 0 0-.906.906Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M65.925 57.617s.086-.054.119-.086l6.495-4.324-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.77 53.553 24.098 66.555a2.734 2.734 0 0 1-3.35-1.892L9.756 26.07c-.962-3.372 1.157-6.852 4.594-7.555l42.873-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.075a2.73 2.73 0 0 1-1.924 3.33Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M65.448 18.818 11.065 30.76l-1.34-4.69c-.962-3.372 1.156-6.852 4.593-7.555l42.884-8.743c3.135-.638 6.226 1.286 7.025 4.377l1.221 4.669Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M18.394 23.427a1.873 1.873 0 0 1-1.416 2.367c-1.08.238-2.226-.454-2.529-1.524a1.868 1.868 0 0 1 1.427-2.366c1.091-.227 2.215.464 2.518 1.534v-.01Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M25.375 21.958c.292 1.059-.324 2.107-1.394 2.334-1.07.227-2.183-.454-2.475-1.524-.292-1.07.324-2.118 1.405-2.345 1.08-.227 2.172.465 2.464 1.524v.01Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M11.087 30.862s.324-3.156.605-6.387l-1.372-3.08-3.415 5.879a6.51 6.51 0 0 0-.216.367v.022a5.638 5.638 0 0 0-.454 4.247l1.394 4.907 3.458-5.966v.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M71.77 53.553 24.098 66.555a2.734 2.734 0 0 1-3.35-1.892L9.756 26.07c-.962-3.372 1.157-6.852 4.594-7.555l42.873-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.075a2.73 2.73 0 0 1-1.924 3.33Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M40.797 31.456c.227.832-.368 1.697-1.319 1.924-.95.227-1.924-.27-2.15-1.113-.228-.843.367-1.708 1.329-1.924.962-.216 1.913.281 2.14 1.113ZM29.297 48.117c.227.843-.368 1.718-1.351 1.956-.984.238-1.967-.248-2.205-1.092-.238-.843.378-1.729 1.351-1.967.973-.237 1.956.26 2.194 1.103h.01ZM44.353 51.264c.227.832-.367 1.707-1.318 1.956-.962.248-1.934-.227-2.161-1.07-.227-.843.367-1.719 1.329-1.956.962-.238 1.924.237 2.15 1.07ZM62.878 46.53c.216.822-.356 1.676-1.286 1.924-.93.249-1.87-.227-2.086-1.048-.216-.822.357-1.686 1.286-1.924.93-.238 1.86.238 2.086 1.06v-.011ZM54.716 36.829c.216.821-.357 1.675-1.286 1.913-.93.238-1.87-.249-2.097-1.08-.227-.833.357-1.687 1.297-1.914.94-.227 1.87.26 2.086 1.08Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M38.981 31.853 27.525 48.551l15.077 3.155 18.589-4.452-8.16-10.008-14.05-5.393Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m43 33.5-11 16M47.5 35 37 50.5M51.5 36.5 41 51.5M55 39.5l-8 11M57.5 43l-4 6",
-  stroke: "#6C6E79",
-  strokeMiterlimit: "10",
-  strokeWidth: ".7"
-}));
+var import_useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
+const RadarChart = ({ 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: "M40.041 1.906v2.471c-19.685 0-35.664 15.979-35.664 35.664h-2.47a.914.914 0 0 0-.907.906C1.494 61.786 18.214 78.506 39.053 79a.914.914 0 0 0 .906-.906v-2.471c19.685 0 35.664-15.979 35.664-35.664h2.471a.914.914 0 0 0 .906-.906C78.506 18.214 61.786 1.494 40.947 1a.914.914 0 0 0-.906.906Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M65.925 57.617s.086-.054.119-.086l6.495-4.324-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.77 53.553 24.098 66.555a2.734 2.734 0 0 1-3.35-1.892L9.756 26.07c-.962-3.372 1.157-6.852 4.594-7.555l42.873-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.075a2.73 2.73 0 0 1-1.924 3.33Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M65.448 18.818 11.065 30.76l-1.34-4.69c-.962-3.372 1.156-6.852 4.593-7.555l42.884-8.743c3.135-.638 6.226 1.286 7.025 4.377l1.221 4.669Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M18.394 23.427a1.873 1.873 0 0 1-1.416 2.367c-1.08.238-2.226-.454-2.529-1.524a1.868 1.868 0 0 1 1.427-2.366c1.091-.227 2.215.464 2.518 1.534v-.01Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M25.375 21.958c.292 1.059-.324 2.107-1.394 2.334-1.07.227-2.183-.454-2.475-1.524-.292-1.07.324-2.118 1.405-2.345 1.08-.227 2.172.465 2.464 1.524v.01Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M11.087 30.862s.324-3.156.605-6.387l-1.372-3.08-3.415 5.879a6.51 6.51 0 0 0-.216.367v.022a5.638 5.638 0 0 0-.454 4.247l1.394 4.907 3.458-5.966v.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M71.77 53.553 24.098 66.555a2.734 2.734 0 0 1-3.35-1.892L9.756 26.07c-.962-3.372 1.157-6.852 4.594-7.555l42.873-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.075a2.73 2.73 0 0 1-1.924 3.33Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M40.797 31.456c.227.832-.368 1.697-1.319 1.924-.95.227-1.924-.27-2.15-1.113-.228-.843.367-1.708 1.329-1.924.962-.216 1.913.281 2.14 1.113ZM29.297 48.117c.227.843-.368 1.718-1.351 1.956-.984.238-1.967-.248-2.205-1.092-.238-.843.378-1.729 1.351-1.967.973-.237 1.956.26 2.194 1.103h.01ZM44.353 51.264c.227.832-.367 1.707-1.318 1.956-.962.248-1.934-.227-2.161-1.07-.227-.843.367-1.719 1.329-1.956.962-.238 1.924.237 2.15 1.07ZM62.878 46.53c.216.822-.356 1.676-1.286 1.924-.93.249-1.87-.227-2.086-1.048-.216-.822.357-1.686 1.286-1.924.93-.238 1.86.238 2.086 1.06v-.011ZM54.716 36.829c.216.821-.357 1.675-1.286 1.913-.93.238-1.87-.249-2.097-1.08-.227-.833.357-1.687 1.297-1.914.94-.227 1.87.26 2.086 1.08Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M38.981 31.853 27.525 48.551l15.077 3.155 18.589-4.452-8.16-10.008-14.05-5.393Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m43 33.5-11 16M47.5 35 37 50.5M51.5 36.5 41 51.5M55 39.5l-8 11M57.5 43l-4 6",
+    stroke: resolvedSecondaryColor,
+    strokeMiterlimit: "10",
+    strokeWidth: ".7"
+  }));
+};
 RadarChart.displayName = "RadarChart";
 var stdin_default = (0, import_core.createBaseComponent)(RadarChart);