@semcore/illustration 2.29.0 → 2.30.0-prerelease.0

package/UnderConstruction/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/UnderConstruction/index.js

@@ -26,111 +26,117 @@ 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 UnderConstruction = ({ 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.531 75.095C62.515 74.811 80 56.483 80 34.51V18.985a.99.99 0 0 0-.985-.997H53.34V3.996A1 1 0 0 0 52.344 3H27.667a1 1 0 0 0-.997.996v6.493H.996a.993.993 0 0 0-.996.996v23.616C0 57.37 18.196 75.39 40.531 75.095Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M62.845 55.473s.085-.053.128-.085l6.515-4.34-3.145-1.706-3.146.757-8.317-31.754a5.74 5.74 0 0 0-6.697-4.17L8.496 22.268l-1.397-3.124-3.423 5.897c-.075.117-.15.245-.213.373v.021a5.699 5.699 0 0 0-.459 4.266l10.46 36.734a2.606 2.606 0 0 0 3.189 1.802l45.382-12.37c.277-.074.522-.202.746-.351l.053-.043h.011Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M68.71 51.41 20.918 64.44a2.742 2.742 0 0 1-3.359-1.897L6.544 23.858c-.96-3.38 1.152-6.867 4.596-7.571l42.983-8.765a6.041 6.041 0 0 1 7.048 4.382l9.469 36.17a2.738 2.738 0 0 1-1.93 3.337Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M62.376 16.586 7.856 28.56l-1.333-4.702c-.96-3.38 1.152-6.867 4.596-7.57l42.983-8.766a6.041 6.041 0 0 1 7.048 4.383l1.226 4.68Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M15.203 21.203c.299 1.077-.33 2.132-1.418 2.367-1.088.234-2.229-.448-2.527-1.536-.299-1.087.341-2.143 1.429-2.377 1.087-.235 2.218.458 2.527 1.535l-.01.01Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M22.198 19.721c.299 1.067-.33 2.111-1.397 2.346-1.066.235-2.186-.448-2.484-1.525-.299-1.077.33-2.122 1.407-2.346 1.067-.224 2.176.459 2.474 1.525Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M7.877 28.645s.33-3.166.608-6.408L7.11 19.145 3.687 25.04c-.075.118-.15.246-.214.374v.021a5.698 5.698 0 0 0-.458 4.265l1.397 4.926 3.465-5.982Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M68.71 51.41 20.918 64.44a2.742 2.742 0 0 1-3.359-1.897L6.544 23.858c-.96-3.38 1.152-6.867 4.596-7.571l42.983-8.765a6.041 6.041 0 0 1 7.048 4.382l9.469 36.17a2.738 2.738 0 0 1-1.93 3.337v0Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M24.683 63.193V31.225h11.74v28.982M36.423 31.225l-11.74 10.652M24.683 41.877l11.74 10.663M24.683 41.877h11.74M24.683 52.54h11.74M36.423 52.54l-11.74 10.653",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M20.545 31.225h-5.15v4.212h5.15v-4.212Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m30.547 11.242 33.12 14.065M20.545 25.307l10.002-14.065",
-  stroke: "#E0E1E9",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M30.547 7.681A2.453 2.453 0 0 1 33 10.134v15.173h-4.916V10.134a2.453 2.453 0 0 1 2.453-2.453h.01Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M73.956 25.307H13.572a2.964 2.964 0 0 0 0 5.928h60.384a2.964 2.964 0 1 0 0-5.928Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m56.938 59.471-1.546.81a14.9 14.9 0 0 0-2.538 2.101 15.413 15.413 0 0 0-1.471 1.792 3.137 3.137 0 0 0-.544 1.791v9.66c0 .46.554.694.885.363l5.737-5.769-.523-10.748ZM70.406 59.471l1.546.81a14.9 14.9 0 0 1 2.538 2.101 15.423 15.423 0 0 1 1.471 1.792c.362.522.544 1.151.544 1.791v9.66a.517.517 0 0 1-.885.363l-5.737-5.769.523-10.748Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M67.9 74.933c2.25-3.189 3.753-8.84 3.753-15.291 0-9.97-3.572-19.119-7.976-19.119s-7.976 9.15-7.976 19.119c0 6.451 1.504 12.102 3.754 15.29h8.456-.011Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M63.666 56.251a4.436 4.436 0 1 0 0-8.871 4.436 4.436 0 0 0 0 8.871Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M56.576 67.81c.66 2.92 1.642 5.395 2.868 7.122H67.9c1.226-1.738 2.207-4.212 2.868-7.123H56.576Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M61.491 38.401a2.636 2.636 0 0 0 2.88 1.066c.884-.223 1.61-.96 1.844-1.844a2.647 2.647 0 0 0-1.663-3.188 1.348 1.348 0 0 1-.886-1.27v-1.95",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m43.759 55.91.469 1.706a4.395 4.395 0 0 0 3.07 3.071l1.707.47-1.706.469a4.395 4.395 0 0 0-3.071 3.07l-.47 1.707-.469-1.707a4.395 4.395 0 0 0-3.07-3.07l-1.706-.47 1.706-.469a4.395 4.395 0 0 0 3.07-3.07l.47-1.707ZM74.863 5.868l.373 1.344a3.464 3.464 0 0 0 2.42 2.42l1.344.374-1.344.373a3.464 3.464 0 0 0-2.42 2.42l-.373 1.344-.374-1.344a3.464 3.464 0 0 0-2.42-2.42l-1.344-.373 1.344-.374a3.464 3.464 0 0 0 2.42-2.42l.374-1.344Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}));
+var import_useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
+const UnderConstruction = ({ 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.531 75.095C62.515 74.811 80 56.483 80 34.51V18.985a.99.99 0 0 0-.985-.997H53.34V3.996A1 1 0 0 0 52.344 3H27.667a1 1 0 0 0-.997.996v6.493H.996a.993.993 0 0 0-.996.996v23.616C0 57.37 18.196 75.39 40.531 75.095Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M62.845 55.473s.085-.053.128-.085l6.515-4.34-3.145-1.706-3.146.757-8.317-31.754a5.74 5.74 0 0 0-6.697-4.17L8.496 22.268l-1.397-3.124-3.423 5.897c-.075.117-.15.245-.213.373v.021a5.699 5.699 0 0 0-.459 4.266l10.46 36.734a2.606 2.606 0 0 0 3.189 1.802l45.382-12.37c.277-.074.522-.202.746-.351l.053-.043h.011Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M68.71 51.41 20.918 64.44a2.742 2.742 0 0 1-3.359-1.897L6.544 23.858c-.96-3.38 1.152-6.867 4.596-7.571l42.983-8.765a6.041 6.041 0 0 1 7.048 4.382l9.469 36.17a2.738 2.738 0 0 1-1.93 3.337Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M62.376 16.586 7.856 28.56l-1.333-4.702c-.96-3.38 1.152-6.867 4.596-7.57l42.983-8.766a6.041 6.041 0 0 1 7.048 4.383l1.226 4.68Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M15.203 21.203c.299 1.077-.33 2.132-1.418 2.367-1.088.234-2.229-.448-2.527-1.536-.299-1.087.341-2.143 1.429-2.377 1.087-.235 2.218.458 2.527 1.535l-.01.01Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M22.198 19.721c.299 1.067-.33 2.111-1.397 2.346-1.066.235-2.186-.448-2.484-1.525-.299-1.077.33-2.122 1.407-2.346 1.067-.224 2.176.459 2.474 1.525Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M7.877 28.645s.33-3.166.608-6.408L7.11 19.145 3.687 25.04c-.075.118-.15.246-.214.374v.021a5.698 5.698 0 0 0-.458 4.265l1.397 4.926 3.465-5.982Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M68.71 51.41 20.918 64.44a2.742 2.742 0 0 1-3.359-1.897L6.544 23.858c-.96-3.38 1.152-6.867 4.596-7.571l42.983-8.765a6.041 6.041 0 0 1 7.048 4.382l9.469 36.17a2.738 2.738 0 0 1-1.93 3.337v0Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M24.683 63.193V31.225h11.74v28.982M36.423 31.225l-11.74 10.652M24.683 41.877l11.74 10.663M24.683 41.877h11.74M24.683 52.54h11.74M36.423 52.54l-11.74 10.653",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M20.545 31.225h-5.15v4.212h5.15v-4.212Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m30.547 11.242 33.12 14.065M20.545 25.307l10.002-14.065",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M30.547 7.681A2.453 2.453 0 0 1 33 10.134v15.173h-4.916V10.134a2.453 2.453 0 0 1 2.453-2.453h.01Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M73.956 25.307H13.572a2.964 2.964 0 0 0 0 5.928h60.384a2.964 2.964 0 1 0 0-5.928Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m56.938 59.471-1.546.81a14.9 14.9 0 0 0-2.538 2.101 15.413 15.413 0 0 0-1.471 1.792 3.137 3.137 0 0 0-.544 1.791v9.66c0 .46.554.694.885.363l5.737-5.769-.523-10.748ZM70.406 59.471l1.546.81a14.9 14.9 0 0 1 2.538 2.101 15.423 15.423 0 0 1 1.471 1.792c.362.522.544 1.151.544 1.791v9.66a.517.517 0 0 1-.885.363l-5.737-5.769.523-10.748Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M67.9 74.933c2.25-3.189 3.753-8.84 3.753-15.291 0-9.97-3.572-19.119-7.976-19.119s-7.976 9.15-7.976 19.119c0 6.451 1.504 12.102 3.754 15.29h8.456-.011Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M63.666 56.251a4.436 4.436 0 1 0 0-8.871 4.436 4.436 0 0 0 0 8.871Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M56.576 67.81c.66 2.92 1.642 5.395 2.868 7.122H67.9c1.226-1.738 2.207-4.212 2.868-7.123H56.576Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M61.491 38.401a2.636 2.636 0 0 0 2.88 1.066c.884-.223 1.61-.96 1.844-1.844a2.647 2.647 0 0 0-1.663-3.188 1.348 1.348 0 0 1-.886-1.27v-1.95",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m43.759 55.91.469 1.706a4.395 4.395 0 0 0 3.07 3.071l1.707.47-1.706.469a4.395 4.395 0 0 0-3.071 3.07l-.47 1.707-.469-1.707a4.395 4.395 0 0 0-3.07-3.07l-1.706-.47 1.706-.469a4.395 4.395 0 0 0 3.07-3.07l.47-1.707ZM74.863 5.868l.373 1.344a3.464 3.464 0 0 0 2.42 2.42l1.344.374-1.344.373a3.464 3.464 0 0 0-2.42 2.42l-.373 1.344-.374-1.344a3.464 3.464 0 0 0-2.42-2.42l-1.344-.373 1.344-.374a3.464 3.464 0 0 0 2.42-2.42l.374-1.344Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }));
+};
 UnderConstruction.displayName = "UnderConstruction";
 var stdin_default = (0, import_core.createBaseComponent)(UnderConstruction);

package/UnderConstruction/index.mjs

@@ -1,112 +1,118 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
 import { Box } from "@semcore/flex-box";
-const UnderConstruction = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", ...props }, ref) => /* @__PURE__ */ React.createElement(Box, {
-  ref,
-  width,
-  height,
-  viewBox,
-  fill,
-  tag: "svg",
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M40.531 75.095C62.515 74.811 80 56.483 80 34.51V18.985a.99.99 0 0 0-.985-.997H53.34V3.996A1 1 0 0 0 52.344 3H27.667a1 1 0 0 0-.997.996v6.493H.996a.993.993 0 0 0-.996.996v23.616C0 57.37 18.196 75.39 40.531 75.095Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M62.845 55.473s.085-.053.128-.085l6.515-4.34-3.145-1.706-3.146.757-8.317-31.754a5.74 5.74 0 0 0-6.697-4.17L8.496 22.268l-1.397-3.124-3.423 5.897c-.075.117-.15.245-.213.373v.021a5.699 5.699 0 0 0-.459 4.266l10.46 36.734a2.606 2.606 0 0 0 3.189 1.802l45.382-12.37c.277-.074.522-.202.746-.351l.053-.043h.011Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M68.71 51.41 20.918 64.44a2.742 2.742 0 0 1-3.359-1.897L6.544 23.858c-.96-3.38 1.152-6.867 4.596-7.571l42.983-8.765a6.041 6.041 0 0 1 7.048 4.382l9.469 36.17a2.738 2.738 0 0 1-1.93 3.337Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M62.376 16.586 7.856 28.56l-1.333-4.702c-.96-3.38 1.152-6.867 4.596-7.57l42.983-8.766a6.041 6.041 0 0 1 7.048 4.383l1.226 4.68Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M15.203 21.203c.299 1.077-.33 2.132-1.418 2.367-1.088.234-2.229-.448-2.527-1.536-.299-1.087.341-2.143 1.429-2.377 1.087-.235 2.218.458 2.527 1.535l-.01.01Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M22.198 19.721c.299 1.067-.33 2.111-1.397 2.346-1.066.235-2.186-.448-2.484-1.525-.299-1.077.33-2.122 1.407-2.346 1.067-.224 2.176.459 2.474 1.525Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M7.877 28.645s.33-3.166.608-6.408L7.11 19.145 3.687 25.04c-.075.118-.15.246-.214.374v.021a5.698 5.698 0 0 0-.458 4.265l1.397 4.926 3.465-5.982Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M68.71 51.41 20.918 64.44a2.742 2.742 0 0 1-3.359-1.897L6.544 23.858c-.96-3.38 1.152-6.867 4.596-7.571l42.983-8.765a6.041 6.041 0 0 1 7.048 4.382l9.469 36.17a2.738 2.738 0 0 1-1.93 3.337v0Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M24.683 63.193V31.225h11.74v28.982M36.423 31.225l-11.74 10.652M24.683 41.877l11.74 10.663M24.683 41.877h11.74M24.683 52.54h11.74M36.423 52.54l-11.74 10.653",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M20.545 31.225h-5.15v4.212h5.15v-4.212Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m30.547 11.242 33.12 14.065M20.545 25.307l10.002-14.065",
-  stroke: "#E0E1E9",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M30.547 7.681A2.453 2.453 0 0 1 33 10.134v15.173h-4.916V10.134a2.453 2.453 0 0 1 2.453-2.453h.01Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M73.956 25.307H13.572a2.964 2.964 0 0 0 0 5.928h60.384a2.964 2.964 0 1 0 0-5.928Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m56.938 59.471-1.546.81a14.9 14.9 0 0 0-2.538 2.101 15.413 15.413 0 0 0-1.471 1.792 3.137 3.137 0 0 0-.544 1.791v9.66c0 .46.554.694.885.363l5.737-5.769-.523-10.748ZM70.406 59.471l1.546.81a14.9 14.9 0 0 1 2.538 2.101 15.423 15.423 0 0 1 1.471 1.792c.362.522.544 1.151.544 1.791v9.66a.517.517 0 0 1-.885.363l-5.737-5.769.523-10.748Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M67.9 74.933c2.25-3.189 3.753-8.84 3.753-15.291 0-9.97-3.572-19.119-7.976-19.119s-7.976 9.15-7.976 19.119c0 6.451 1.504 12.102 3.754 15.29h8.456-.011Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M63.666 56.251a4.436 4.436 0 1 0 0-8.871 4.436 4.436 0 0 0 0 8.871Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M56.576 67.81c.66 2.92 1.642 5.395 2.868 7.122H67.9c1.226-1.738 2.207-4.212 2.868-7.123H56.576Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M61.491 38.401a2.636 2.636 0 0 0 2.88 1.066c.884-.223 1.61-.96 1.844-1.844a2.647 2.647 0 0 0-1.663-3.188 1.348 1.348 0 0 1-.886-1.27v-1.95",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m43.759 55.91.469 1.706a4.395 4.395 0 0 0 3.07 3.071l1.707.47-1.706.469a4.395 4.395 0 0 0-3.071 3.07l-.47 1.707-.469-1.707a4.395 4.395 0 0 0-3.07-3.07l-1.706-.47 1.706-.469a4.395 4.395 0 0 0 3.07-3.07l.47-1.707ZM74.863 5.868l.373 1.344a3.464 3.464 0 0 0 2.42 2.42l1.344.374-1.344.373a3.464 3.464 0 0 0-2.42 2.42l-.373 1.344-.374-1.344a3.464 3.464 0 0 0-2.42-2.42l-1.344-.373 1.344-.374a3.464 3.464 0 0 0 2.42-2.42l.374-1.344Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}));
+import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
+const UnderConstruction = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...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: "M40.531 75.095C62.515 74.811 80 56.483 80 34.51V18.985a.99.99 0 0 0-.985-.997H53.34V3.996A1 1 0 0 0 52.344 3H27.667a1 1 0 0 0-.997.996v6.493H.996a.993.993 0 0 0-.996.996v23.616C0 57.37 18.196 75.39 40.531 75.095Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M62.845 55.473s.085-.053.128-.085l6.515-4.34-3.145-1.706-3.146.757-8.317-31.754a5.74 5.74 0 0 0-6.697-4.17L8.496 22.268l-1.397-3.124-3.423 5.897c-.075.117-.15.245-.213.373v.021a5.699 5.699 0 0 0-.459 4.266l10.46 36.734a2.606 2.606 0 0 0 3.189 1.802l45.382-12.37c.277-.074.522-.202.746-.351l.053-.043h.011Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M68.71 51.41 20.918 64.44a2.742 2.742 0 0 1-3.359-1.897L6.544 23.858c-.96-3.38 1.152-6.867 4.596-7.571l42.983-8.765a6.041 6.041 0 0 1 7.048 4.382l9.469 36.17a2.738 2.738 0 0 1-1.93 3.337Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M62.376 16.586 7.856 28.56l-1.333-4.702c-.96-3.38 1.152-6.867 4.596-7.57l42.983-8.766a6.041 6.041 0 0 1 7.048 4.383l1.226 4.68Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M15.203 21.203c.299 1.077-.33 2.132-1.418 2.367-1.088.234-2.229-.448-2.527-1.536-.299-1.087.341-2.143 1.429-2.377 1.087-.235 2.218.458 2.527 1.535l-.01.01Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M22.198 19.721c.299 1.067-.33 2.111-1.397 2.346-1.066.235-2.186-.448-2.484-1.525-.299-1.077.33-2.122 1.407-2.346 1.067-.224 2.176.459 2.474 1.525Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M7.877 28.645s.33-3.166.608-6.408L7.11 19.145 3.687 25.04c-.075.118-.15.246-.214.374v.021a5.698 5.698 0 0 0-.458 4.265l1.397 4.926 3.465-5.982Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M68.71 51.41 20.918 64.44a2.742 2.742 0 0 1-3.359-1.897L6.544 23.858c-.96-3.38 1.152-6.867 4.596-7.571l42.983-8.765a6.041 6.041 0 0 1 7.048 4.382l9.469 36.17a2.738 2.738 0 0 1-1.93 3.337v0Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M24.683 63.193V31.225h11.74v28.982M36.423 31.225l-11.74 10.652M24.683 41.877l11.74 10.663M24.683 41.877h11.74M24.683 52.54h11.74M36.423 52.54l-11.74 10.653",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M20.545 31.225h-5.15v4.212h5.15v-4.212Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m30.547 11.242 33.12 14.065M20.545 25.307l10.002-14.065",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M30.547 7.681A2.453 2.453 0 0 1 33 10.134v15.173h-4.916V10.134a2.453 2.453 0 0 1 2.453-2.453h.01Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M73.956 25.307H13.572a2.964 2.964 0 0 0 0 5.928h60.384a2.964 2.964 0 1 0 0-5.928Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m56.938 59.471-1.546.81a14.9 14.9 0 0 0-2.538 2.101 15.413 15.413 0 0 0-1.471 1.792 3.137 3.137 0 0 0-.544 1.791v9.66c0 .46.554.694.885.363l5.737-5.769-.523-10.748ZM70.406 59.471l1.546.81a14.9 14.9 0 0 1 2.538 2.101 15.423 15.423 0 0 1 1.471 1.792c.362.522.544 1.151.544 1.791v9.66a.517.517 0 0 1-.885.363l-5.737-5.769.523-10.748Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M67.9 74.933c2.25-3.189 3.753-8.84 3.753-15.291 0-9.97-3.572-19.119-7.976-19.119s-7.976 9.15-7.976 19.119c0 6.451 1.504 12.102 3.754 15.29h8.456-.011Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M63.666 56.251a4.436 4.436 0 1 0 0-8.871 4.436 4.436 0 0 0 0 8.871Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M56.576 67.81c.66 2.92 1.642 5.395 2.868 7.122H67.9c1.226-1.738 2.207-4.212 2.868-7.123H56.576Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M61.491 38.401a2.636 2.636 0 0 0 2.88 1.066c.884-.223 1.61-.96 1.844-1.844a2.647 2.647 0 0 0-1.663-3.188 1.348 1.348 0 0 1-.886-1.27v-1.95",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m43.759 55.91.469 1.706a4.395 4.395 0 0 0 3.07 3.071l1.707.47-1.706.469a4.395 4.395 0 0 0-3.071 3.07l-.47 1.707-.469-1.707a4.395 4.395 0 0 0-3.07-3.07l-1.706-.47 1.706-.469a4.395 4.395 0 0 0 3.07-3.07l.47-1.707ZM74.863 5.868l.373 1.344a3.464 3.464 0 0 0 2.42 2.42l1.344.374-1.344.373a3.464 3.464 0 0 0-2.42 2.42l-.373 1.344-.374-1.344a3.464 3.464 0 0 0-2.42-2.42l-1.344-.373 1.344-.374a3.464 3.464 0 0 0 2.42-2.42l.374-1.344Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }));
+};
 UnderConstruction.displayName = "UnderConstruction";
 var stdin_default = createBaseComponent(UnderConstruction);
 export {

package/VennChart/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;