@semcore/illustration 2.29.0 → 2.30.0-prerelease.0

package/Coffee/index.mjs

@@ -1,65 +1,71 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
 import { Box } from "@semcore/flex-box";
-const Coffee = ({ 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: "M57.811 4.702c-7.315 0-13.78 3.558-17.813 9.006C35.93 8.216 29.4 4.647 22.03 4.702 10.184 4.779.46 14.095.018 25.93c-.928 24.576 34.687 50.08 39.46 53.384.321.22.73.22 1.04 0C45.19 75.954 80 50.14 80 26.89c0-12.255-9.934-22.178-22.178-22.178",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M43.678 64.804c14.64 0 26.51-2.939 26.51-6.564s-11.87-6.564-26.51-6.564c-14.641 0-26.51 2.94-26.51 6.564 0 3.625 11.869 6.564 26.51 6.564Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M43.678 64.815c-13.493 0-24.62-2.497-26.29-5.724.94 2.796 4.034 5.945 6.532 7.67.331.264.762.53 1.26.773.077.044.165.088.231.121 3.47 1.614 10.332 2.719 18.245 2.719 7.912 0 14.774-1.105 18.244-2.719.077-.033.154-.088.232-.121a6.89 6.89 0 0 0 1.26-.774c2.508-1.724 5.59-4.873 6.53-7.669-1.668 3.227-12.796 5.724-26.289 5.724h.045Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M61.645 41.555c2.42-.597 3.78-.265 4.851.784 2.73 2.697-.928 10.41-8.188 12.476M26.472 60.66c-.42-.375-.64-.762-.64-1.17 0-2.443 7.989-4.42 17.834-4.42 4.863 0 9.272.486 12.498 1.26",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M43.678 43.875c10.167 0 18.41-2.622 18.41-5.856 0-3.235-8.243-5.857-18.41-5.857-10.168 0-18.41 2.622-18.41 5.857 0 3.234 8.242 5.856 18.41 5.856Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M43.678 43.876c5.978 0 11.271-.907 14.63-2.321-1.779-2.044-7.647-3.547-14.63-3.547-6.984 0-12.852 1.503-14.63 3.547 3.358 1.403 8.652 2.32 14.63 2.32Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M62.088 38.019c0 3.237-8.244 5.856-18.41 5.856s-18.41-2.619-18.41-5.856c-1.249 10.575 3.713 19.404 8.442 22.819 1.536 1.27 5.415 2.176 9.957 2.176 4.541 0 8.42-.906 9.956-2.177 4.73-3.414 9.702-12.243 8.443-22.818h.022Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M32.981 49.323c.64-1.569 2.133-2.52 3.624-2.387 1.57.144 2.454 1.415 2.575 1.603M56.165 49.323c-.641-1.57-2.133-2.52-3.625-2.387-1.57.144-2.453 1.415-2.575 1.602M40.252 50.97c-.332 2.818 2.155 5.039 4.564 4.917 2.276-.11 4.398-2.287 4.066-4.917h-8.63ZM51.877 1c1.636 1.249 4.83 3.68 5.315 7.636 1.116 8.984-12.63 12.343-10.31 18.575M44.097 8.735c5.868 7.514-10.288 15.526-8.254 25.007.364 1.724 1.624 4.288 4.376 6.056",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}));
+import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
+const Coffee = ({ 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: "M57.811 4.702c-7.315 0-13.78 3.558-17.813 9.006C35.93 8.216 29.4 4.647 22.03 4.702 10.184 4.779.46 14.095.018 25.93c-.928 24.576 34.687 50.08 39.46 53.384.321.22.73.22 1.04 0C45.19 75.954 80 50.14 80 26.89c0-12.255-9.934-22.178-22.178-22.178",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M43.678 64.804c14.64 0 26.51-2.939 26.51-6.564s-11.87-6.564-26.51-6.564c-14.641 0-26.51 2.94-26.51 6.564 0 3.625 11.869 6.564 26.51 6.564Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M43.678 64.815c-13.493 0-24.62-2.497-26.29-5.724.94 2.796 4.034 5.945 6.532 7.67.331.264.762.53 1.26.773.077.044.165.088.231.121 3.47 1.614 10.332 2.719 18.245 2.719 7.912 0 14.774-1.105 18.244-2.719.077-.033.154-.088.232-.121a6.89 6.89 0 0 0 1.26-.774c2.508-1.724 5.59-4.873 6.53-7.669-1.668 3.227-12.796 5.724-26.289 5.724h.045Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M61.645 41.555c2.42-.597 3.78-.265 4.851.784 2.73 2.697-.928 10.41-8.188 12.476M26.472 60.66c-.42-.375-.64-.762-.64-1.17 0-2.443 7.989-4.42 17.834-4.42 4.863 0 9.272.486 12.498 1.26",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M43.678 43.875c10.167 0 18.41-2.622 18.41-5.856 0-3.235-8.243-5.857-18.41-5.857-10.168 0-18.41 2.622-18.41 5.857 0 3.234 8.242 5.856 18.41 5.856Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M43.678 43.876c5.978 0 11.271-.907 14.63-2.321-1.779-2.044-7.647-3.547-14.63-3.547-6.984 0-12.852 1.503-14.63 3.547 3.358 1.403 8.652 2.32 14.63 2.32Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M62.088 38.019c0 3.237-8.244 5.856-18.41 5.856s-18.41-2.619-18.41-5.856c-1.249 10.575 3.713 19.404 8.442 22.819 1.536 1.27 5.415 2.176 9.957 2.176 4.541 0 8.42-.906 9.956-2.177 4.73-3.414 9.702-12.243 8.443-22.818h.022Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M32.981 49.323c.64-1.569 2.133-2.52 3.624-2.387 1.57.144 2.454 1.415 2.575 1.603M56.165 49.323c-.641-1.57-2.133-2.52-3.625-2.387-1.57.144-2.453 1.415-2.575 1.602M40.252 50.97c-.332 2.818 2.155 5.039 4.564 4.917 2.276-.11 4.398-2.287 4.066-4.917h-8.63ZM51.877 1c1.636 1.249 4.83 3.68 5.315 7.636 1.116 8.984-12.63 12.343-10.31 18.575M44.097 8.735c5.868 7.514-10.288 15.526-8.254 25.007.364 1.724 1.624 4.288 4.376 6.056",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }));
+};
 Coffee.displayName = "Coffee";
 var stdin_default = createBaseComponent(Coffee);
 export {

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

@@ -26,58 +26,64 @@ 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 Collection = ({ 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: "M14.783 65.206c6.456 6.455 15.365 10.446 25.222 10.446v2.443c0 .49.404.894.895.883 20.827-.469 37.63-17.273 38.1-38.1a.882.882 0 0 0-.883-.894h-2.443c0-19.694-15.964-35.669-35.669-35.669V1.883A.882.882 0 0 0 39.111 1c-10.086.23-19.235 4.286-26.04 10.785a.876.876 0 0 0 0 1.265l1.723 1.733c-6.477 6.445-10.468 15.354-10.468 25.2H1.883a.882.882 0 0 0-.883.895c.23 10.086 4.297 19.235 10.785 26.04.338.36.905.36 1.265 0l1.733-1.723v.01Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M65.402 59.983s.087-.055.12-.088l6.553-4.362-3.162-1.712-3.162.764-8.375-31.961a5.756 5.756 0 0 0-6.739-4.187L10.705 26.57 9.3 23.42l-3.446 5.932c-.077.12-.153.25-.218.37v.022a5.688 5.688 0 0 0-.458 4.286L15.71 71.007a2.61 2.61 0 0 0 3.206 1.81l45.679-12.453c.273-.076.523-.207.752-.349l.055-.032Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M10.073 32.983s.327-3.184.61-6.444L9.3 23.43l-3.446 5.932c-.077.12-.153.25-.218.37v.023a5.688 5.688 0 0 0-.458 4.285l1.406 4.95 3.49-6.019v.011Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M71.29 55.882 23.19 69a2.758 2.758 0 0 1-3.38-1.908L8.72 28.152c-.97-3.402 1.167-6.913 4.635-7.622l43.258-8.822c3.162-.643 6.281 1.298 7.088 4.417l9.53 36.399a2.754 2.754 0 0 1-1.94 3.358Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m63.107 16 1.131 4.308L10.322 32.1l-1.255-4.375c-.91-3.175 1.092-6.454 4.345-7.117l43.05-8.733c2.966-.602 5.889 1.213 6.645 4.122V16Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M17.444 25.48a1.89 1.89 0 0 1-1.428 2.389c-1.102.24-2.247-.458-2.552-1.538a1.885 1.885 0 0 1 1.44-2.388c1.1-.229 2.235.47 2.54 1.549v-.011ZM24.488 23.998c.295 1.068-.327 2.126-1.406 2.355-1.08.23-2.203-.458-2.497-1.537-.295-1.08.327-2.138 1.417-2.367 1.09-.229 2.192.47 2.486 1.538v.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M57.344 37.52 20.9 46.647l-1.887-6.652 36.65-8.855a.893.893 0 0 1 1.069.633l1.265 4.656c.13.48-.164.97-.643 1.09h-.011ZM52.437 49.787l-28.504 7.535-1.876-6.598 28.624-7.327 1.756 6.39Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M77.168 28.992c0 6.76-3.184 12.77-8.135 16.618a20.926 20.926 0 0 1-2.617 1.734 20.545 20.545 0 0 1-3.304 1.494 20.908 20.908 0 0 1-6.99 1.189c-11.624 0-21.045-9.422-21.045-21.046 0-11.624 9.432-21.024 21.045-21.024 7.263 0 13.663 3.675 17.447 9.28a20.949 20.949 0 0 1 3.599 11.766v-.011Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M63.123 48.849a20.909 20.909 0 0 1-6.99 1.189c-11.624 0-21.045-9.422-21.045-21.046 0-11.624 9.421-21.035 21.034-21.035 5.213 0 9.978 1.898 13.653 5.027M73.57 17.226a20.949 20.949 0 0 1 3.598 11.766c0 6.76-3.184 12.77-8.135 16.618",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M56.122 14.794v14.198l8.2-5.616M53.767 45.61l9.356 3.239-8.418 6.107",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}));
+var import_useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
+const Collection = ({ 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: "M14.783 65.206c6.456 6.455 15.365 10.446 25.222 10.446v2.443c0 .49.404.894.895.883 20.827-.469 37.63-17.273 38.1-38.1a.882.882 0 0 0-.883-.894h-2.443c0-19.694-15.964-35.669-35.669-35.669V1.883A.882.882 0 0 0 39.111 1c-10.086.23-19.235 4.286-26.04 10.785a.876.876 0 0 0 0 1.265l1.723 1.733c-6.477 6.445-10.468 15.354-10.468 25.2H1.883a.882.882 0 0 0-.883.895c.23 10.086 4.297 19.235 10.785 26.04.338.36.905.36 1.265 0l1.733-1.723v.01Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M65.402 59.983s.087-.055.12-.088l6.553-4.362-3.162-1.712-3.162.764-8.375-31.961a5.756 5.756 0 0 0-6.739-4.187L10.705 26.57 9.3 23.42l-3.446 5.932c-.077.12-.153.25-.218.37v.022a5.688 5.688 0 0 0-.458 4.286L15.71 71.007a2.61 2.61 0 0 0 3.206 1.81l45.679-12.453c.273-.076.523-.207.752-.349l.055-.032Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M10.073 32.983s.327-3.184.61-6.444L9.3 23.43l-3.446 5.932c-.077.12-.153.25-.218.37v.023a5.688 5.688 0 0 0-.458 4.285l1.406 4.95 3.49-6.019v.011Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M71.29 55.882 23.19 69a2.758 2.758 0 0 1-3.38-1.908L8.72 28.152c-.97-3.402 1.167-6.913 4.635-7.622l43.258-8.822c3.162-.643 6.281 1.298 7.088 4.417l9.53 36.399a2.754 2.754 0 0 1-1.94 3.358Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m63.107 16 1.131 4.308L10.322 32.1l-1.255-4.375c-.91-3.175 1.092-6.454 4.345-7.117l43.05-8.733c2.966-.602 5.889 1.213 6.645 4.122V16Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M17.444 25.48a1.89 1.89 0 0 1-1.428 2.389c-1.102.24-2.247-.458-2.552-1.538a1.885 1.885 0 0 1 1.44-2.388c1.1-.229 2.235.47 2.54 1.549v-.011ZM24.488 23.998c.295 1.068-.327 2.126-1.406 2.355-1.08.23-2.203-.458-2.497-1.537-.295-1.08.327-2.138 1.417-2.367 1.09-.229 2.192.47 2.486 1.538v.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M57.344 37.52 20.9 46.647l-1.887-6.652 36.65-8.855a.893.893 0 0 1 1.069.633l1.265 4.656c.13.48-.164.97-.643 1.09h-.011ZM52.437 49.787l-28.504 7.535-1.876-6.598 28.624-7.327 1.756 6.39Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M77.168 28.992c0 6.76-3.184 12.77-8.135 16.618a20.926 20.926 0 0 1-2.617 1.734 20.545 20.545 0 0 1-3.304 1.494 20.908 20.908 0 0 1-6.99 1.189c-11.624 0-21.045-9.422-21.045-21.046 0-11.624 9.432-21.024 21.045-21.024 7.263 0 13.663 3.675 17.447 9.28a20.949 20.949 0 0 1 3.599 11.766v-.011Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M63.123 48.849a20.909 20.909 0 0 1-6.99 1.189c-11.624 0-21.045-9.422-21.045-21.046 0-11.624 9.421-21.035 21.034-21.035 5.213 0 9.978 1.898 13.653 5.027M73.57 17.226a20.949 20.949 0 0 1 3.598 11.766c0 6.76-3.184 12.77-8.135 16.618",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M56.122 14.794v14.198l8.2-5.616M53.767 45.61l9.356 3.239-8.418 6.107",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
 Collection.displayName = "Collection";
 var stdin_default = (0, import_core.createBaseComponent)(Collection);

package/Collection/index.mjs

@@ -1,59 +1,65 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
 import { Box } from "@semcore/flex-box";
-const Collection = ({ 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: "M14.783 65.206c6.456 6.455 15.365 10.446 25.222 10.446v2.443c0 .49.404.894.895.883 20.827-.469 37.63-17.273 38.1-38.1a.882.882 0 0 0-.883-.894h-2.443c0-19.694-15.964-35.669-35.669-35.669V1.883A.882.882 0 0 0 39.111 1c-10.086.23-19.235 4.286-26.04 10.785a.876.876 0 0 0 0 1.265l1.723 1.733c-6.477 6.445-10.468 15.354-10.468 25.2H1.883a.882.882 0 0 0-.883.895c.23 10.086 4.297 19.235 10.785 26.04.338.36.905.36 1.265 0l1.733-1.723v.01Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M65.402 59.983s.087-.055.12-.088l6.553-4.362-3.162-1.712-3.162.764-8.375-31.961a5.756 5.756 0 0 0-6.739-4.187L10.705 26.57 9.3 23.42l-3.446 5.932c-.077.12-.153.25-.218.37v.022a5.688 5.688 0 0 0-.458 4.286L15.71 71.007a2.61 2.61 0 0 0 3.206 1.81l45.679-12.453c.273-.076.523-.207.752-.349l.055-.032Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M10.073 32.983s.327-3.184.61-6.444L9.3 23.43l-3.446 5.932c-.077.12-.153.25-.218.37v.023a5.688 5.688 0 0 0-.458 4.285l1.406 4.95 3.49-6.019v.011Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M71.29 55.882 23.19 69a2.758 2.758 0 0 1-3.38-1.908L8.72 28.152c-.97-3.402 1.167-6.913 4.635-7.622l43.258-8.822c3.162-.643 6.281 1.298 7.088 4.417l9.53 36.399a2.754 2.754 0 0 1-1.94 3.358Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m63.107 16 1.131 4.308L10.322 32.1l-1.255-4.375c-.91-3.175 1.092-6.454 4.345-7.117l43.05-8.733c2.966-.602 5.889 1.213 6.645 4.122V16Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M17.444 25.48a1.89 1.89 0 0 1-1.428 2.389c-1.102.24-2.247-.458-2.552-1.538a1.885 1.885 0 0 1 1.44-2.388c1.1-.229 2.235.47 2.54 1.549v-.011ZM24.488 23.998c.295 1.068-.327 2.126-1.406 2.355-1.08.23-2.203-.458-2.497-1.537-.295-1.08.327-2.138 1.417-2.367 1.09-.229 2.192.47 2.486 1.538v.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M57.344 37.52 20.9 46.647l-1.887-6.652 36.65-8.855a.893.893 0 0 1 1.069.633l1.265 4.656c.13.48-.164.97-.643 1.09h-.011ZM52.437 49.787l-28.504 7.535-1.876-6.598 28.624-7.327 1.756 6.39Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M77.168 28.992c0 6.76-3.184 12.77-8.135 16.618a20.926 20.926 0 0 1-2.617 1.734 20.545 20.545 0 0 1-3.304 1.494 20.908 20.908 0 0 1-6.99 1.189c-11.624 0-21.045-9.422-21.045-21.046 0-11.624 9.432-21.024 21.045-21.024 7.263 0 13.663 3.675 17.447 9.28a20.949 20.949 0 0 1 3.599 11.766v-.011Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M63.123 48.849a20.909 20.909 0 0 1-6.99 1.189c-11.624 0-21.045-9.422-21.045-21.046 0-11.624 9.421-21.035 21.034-21.035 5.213 0 9.978 1.898 13.653 5.027M73.57 17.226a20.949 20.949 0 0 1 3.598 11.766c0 6.76-3.184 12.77-8.135 16.618",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M56.122 14.794v14.198l8.2-5.616M53.767 45.61l9.356 3.239-8.418 6.107",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}));
+import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
+const Collection = ({ 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: "M14.783 65.206c6.456 6.455 15.365 10.446 25.222 10.446v2.443c0 .49.404.894.895.883 20.827-.469 37.63-17.273 38.1-38.1a.882.882 0 0 0-.883-.894h-2.443c0-19.694-15.964-35.669-35.669-35.669V1.883A.882.882 0 0 0 39.111 1c-10.086.23-19.235 4.286-26.04 10.785a.876.876 0 0 0 0 1.265l1.723 1.733c-6.477 6.445-10.468 15.354-10.468 25.2H1.883a.882.882 0 0 0-.883.895c.23 10.086 4.297 19.235 10.785 26.04.338.36.905.36 1.265 0l1.733-1.723v.01Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M65.402 59.983s.087-.055.12-.088l6.553-4.362-3.162-1.712-3.162.764-8.375-31.961a5.756 5.756 0 0 0-6.739-4.187L10.705 26.57 9.3 23.42l-3.446 5.932c-.077.12-.153.25-.218.37v.022a5.688 5.688 0 0 0-.458 4.286L15.71 71.007a2.61 2.61 0 0 0 3.206 1.81l45.679-12.453c.273-.076.523-.207.752-.349l.055-.032Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M10.073 32.983s.327-3.184.61-6.444L9.3 23.43l-3.446 5.932c-.077.12-.153.25-.218.37v.023a5.688 5.688 0 0 0-.458 4.285l1.406 4.95 3.49-6.019v.011Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M71.29 55.882 23.19 69a2.758 2.758 0 0 1-3.38-1.908L8.72 28.152c-.97-3.402 1.167-6.913 4.635-7.622l43.258-8.822c3.162-.643 6.281 1.298 7.088 4.417l9.53 36.399a2.754 2.754 0 0 1-1.94 3.358Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m63.107 16 1.131 4.308L10.322 32.1l-1.255-4.375c-.91-3.175 1.092-6.454 4.345-7.117l43.05-8.733c2.966-.602 5.889 1.213 6.645 4.122V16Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M17.444 25.48a1.89 1.89 0 0 1-1.428 2.389c-1.102.24-2.247-.458-2.552-1.538a1.885 1.885 0 0 1 1.44-2.388c1.1-.229 2.235.47 2.54 1.549v-.011ZM24.488 23.998c.295 1.068-.327 2.126-1.406 2.355-1.08.23-2.203-.458-2.497-1.537-.295-1.08.327-2.138 1.417-2.367 1.09-.229 2.192.47 2.486 1.538v.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M57.344 37.52 20.9 46.647l-1.887-6.652 36.65-8.855a.893.893 0 0 1 1.069.633l1.265 4.656c.13.48-.164.97-.643 1.09h-.011ZM52.437 49.787l-28.504 7.535-1.876-6.598 28.624-7.327 1.756 6.39Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M77.168 28.992c0 6.76-3.184 12.77-8.135 16.618a20.926 20.926 0 0 1-2.617 1.734 20.545 20.545 0 0 1-3.304 1.494 20.908 20.908 0 0 1-6.99 1.189c-11.624 0-21.045-9.422-21.045-21.046 0-11.624 9.432-21.024 21.045-21.024 7.263 0 13.663 3.675 17.447 9.28a20.949 20.949 0 0 1 3.599 11.766v-.011Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M63.123 48.849a20.909 20.909 0 0 1-6.99 1.189c-11.624 0-21.045-9.422-21.045-21.046 0-11.624 9.421-21.035 21.034-21.035 5.213 0 9.978 1.898 13.653 5.027M73.57 17.226a20.949 20.949 0 0 1 3.598 11.766c0 6.76-3.184 12.77-8.135 16.618",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M56.122 14.794v14.198l8.2-5.616M53.767 45.61l9.356 3.239-8.418 6.107",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
 Collection.displayName = "Collection";
 var stdin_default = createBaseComponent(Collection);
 export {

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