@semcore/illustration 2.29.0 → 2.30.0-prerelease.0

package/DonutChart/index.mjs

@@ -1,100 +1,106 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
 import { Box } from "@semcore/flex-box";
-const DonutChart = ({ 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: "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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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"
-}));
+import { useColorResolver } from "@semcore/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 = 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: "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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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 = createBaseComponent(DonutChart);
 export {

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

@@ -26,76 +26,82 @@ 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 Duplicates = ({ 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: "M0 40.922A39.857 39.857 0 0 0 39.078 80a.911.911 0 0 0 .922-.911v-2.503c20.208 0 36.586-16.378 36.586-36.586C76.586 19.791 60.208 3.414 40 3.414V.911a.911.911 0 0 0-.922-.91C28.727.23 19.34 4.4 12.36 11.064a.908.908 0 0 0 0 1.295l1.778 1.778C7.52 20.758 3.425 29.901 3.425 40H.911a.911.911 0 0 0-.91.922Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M66.16 57.374s.087-.054.12-.087l6.521-4.323-3.147-1.697-3.147.756-8.334-31.681a5.73 5.73 0 0 0-6.707-4.15l-39.74 8.063-1.4-3.124-3.428 5.88a6.507 6.507 0 0 0-.217.368v.021a5.618 5.618 0 0 0-.456 4.248l10.472 36.654a2.599 2.599 0 0 0 3.19 1.794l45.459-12.344c.271-.076.52-.205.749-.346l.054-.032h.01Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M72.02 53.31 24.152 66.313a2.747 2.747 0 0 1-3.364-1.892L9.752 25.822c-.966-3.372 1.16-6.853 4.612-7.556l43.05-8.744c3.146-.638 6.25 1.286 7.053 4.377L73.95 49.98a2.729 2.729 0 0 1-1.931 3.33Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M65.682 18.57 11.076 30.512l-1.346-4.69c-.966-3.373 1.161-6.854 4.612-7.556l43.05-8.734c3.147-.638 6.25 1.286 7.053 4.378l1.227 4.669.01-.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M18.433 23.174a1.873 1.873 0 0 1-1.421 2.367c-1.096.238-2.236-.454-2.54-1.524a1.868 1.868 0 0 1 1.433-2.367c1.096-.227 2.224.465 2.528 1.535v-.011Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M25.444 21.693c.293 1.06-.326 2.108-1.4 2.335-1.075.227-2.192-.454-2.485-1.524-.293-1.07.325-2.12 1.41-2.346 1.086-.227 2.182.465 2.475 1.524v.01Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M11.097 30.6s.326-3.157.608-6.389l-1.378-3.08-3.43 5.88a6.507 6.507 0 0 0-.216.367v.022a5.619 5.619 0 0 0-.456 4.248l1.4 4.908 3.472-5.967v.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M62.73 51.038 25.092 61.224l-6.037-21.372c-.253-.878.406-1.8 1.46-2.041l36.256-8.54 5.95 21.767h.01Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M57.627 32.366 19.526 41.52l-.472-1.679c-.253-.878.406-1.8 1.46-2.042l36.256-8.54.846 3.107h.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m65.047 42.443-4.5-16.564c-.231-.824-1.164-1.329-2.097-1.12l-29.78 6.718-3.524-1.065-1.669 2.569c-.318.428-.549.922-.406 1.438l5.95 21.207 36.992-9.649 1.8-2.711-2.755-.834-.011.01Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M67.802 43.277 30.81 52.926l-5.95-21.208c-.24-.878.396-1.778 1.439-2.008l33.951-7.662c.933-.209 1.877.285 2.097 1.12l5.466 20.109h-.01Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M37.122 31.038c-3.81.878-6.18 4.259-5.27 7.519 1.34 4.797 9.54 7.826 9.54 7.826s5.422-6.41 4.127-11.12c-.89-3.204-4.621-5.103-8.397-4.236v.01Zm2.338 8.397c-1.636.395-3.282-.417-3.678-1.822-.395-1.405.626-2.865 2.262-3.25 1.635-.383 3.26.44 3.644 1.834.384 1.394-.615 2.843-2.24 3.238h.012Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m48.46 32.619 11.132-2.646M49.46 36.252l11.108-2.7M50.459 39.885l11.086-2.766",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}));
+var import_useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
+const Duplicates = ({ 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: "M0 40.922A39.857 39.857 0 0 0 39.078 80a.911.911 0 0 0 .922-.911v-2.503c20.208 0 36.586-16.378 36.586-36.586C76.586 19.791 60.208 3.414 40 3.414V.911a.911.911 0 0 0-.922-.91C28.727.23 19.34 4.4 12.36 11.064a.908.908 0 0 0 0 1.295l1.778 1.778C7.52 20.758 3.425 29.901 3.425 40H.911a.911.911 0 0 0-.91.922Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M66.16 57.374s.087-.054.12-.087l6.521-4.323-3.147-1.697-3.147.756-8.334-31.681a5.73 5.73 0 0 0-6.707-4.15l-39.74 8.063-1.4-3.124-3.428 5.88a6.507 6.507 0 0 0-.217.368v.021a5.618 5.618 0 0 0-.456 4.248l10.472 36.654a2.599 2.599 0 0 0 3.19 1.794l45.459-12.344c.271-.076.52-.205.749-.346l.054-.032h.01Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M72.02 53.31 24.152 66.313a2.747 2.747 0 0 1-3.364-1.892L9.752 25.822c-.966-3.372 1.16-6.853 4.612-7.556l43.05-8.744c3.146-.638 6.25 1.286 7.053 4.377L73.95 49.98a2.729 2.729 0 0 1-1.931 3.33Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M65.682 18.57 11.076 30.512l-1.346-4.69c-.966-3.373 1.161-6.854 4.612-7.556l43.05-8.734c3.147-.638 6.25 1.286 7.053 4.378l1.227 4.669.01-.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M18.433 23.174a1.873 1.873 0 0 1-1.421 2.367c-1.096.238-2.236-.454-2.54-1.524a1.868 1.868 0 0 1 1.433-2.367c1.096-.227 2.224.465 2.528 1.535v-.011Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M25.444 21.693c.293 1.06-.326 2.108-1.4 2.335-1.075.227-2.192-.454-2.485-1.524-.293-1.07.325-2.12 1.41-2.346 1.086-.227 2.182.465 2.475 1.524v.01Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M11.097 30.6s.326-3.157.608-6.389l-1.378-3.08-3.43 5.88a6.507 6.507 0 0 0-.216.367v.022a5.619 5.619 0 0 0-.456 4.248l1.4 4.908 3.472-5.967v.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M62.73 51.038 25.092 61.224l-6.037-21.372c-.253-.878.406-1.8 1.46-2.041l36.256-8.54 5.95 21.767h.01Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M57.627 32.366 19.526 41.52l-.472-1.679c-.253-.878.406-1.8 1.46-2.042l36.256-8.54.846 3.107h.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m65.047 42.443-4.5-16.564c-.231-.824-1.164-1.329-2.097-1.12l-29.78 6.718-3.524-1.065-1.669 2.569c-.318.428-.549.922-.406 1.438l5.95 21.207 36.992-9.649 1.8-2.711-2.755-.834-.011.01Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M67.802 43.277 30.81 52.926l-5.95-21.208c-.24-.878.396-1.778 1.439-2.008l33.951-7.662c.933-.209 1.877.285 2.097 1.12l5.466 20.109h-.01Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M37.122 31.038c-3.81.878-6.18 4.259-5.27 7.519 1.34 4.797 9.54 7.826 9.54 7.826s5.422-6.41 4.127-11.12c-.89-3.204-4.621-5.103-8.397-4.236v.01Zm2.338 8.397c-1.636.395-3.282-.417-3.678-1.822-.395-1.405.626-2.865 2.262-3.25 1.635-.383 3.26.44 3.644 1.834.384 1.394-.615 2.843-2.24 3.238h.012Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m48.46 32.619 11.132-2.646M49.46 36.252l11.108-2.7M50.459 39.885l11.086-2.766",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }));
+};
 Duplicates.displayName = "Duplicates";
 var stdin_default = (0, import_core.createBaseComponent)(Duplicates);

package/Duplicates/index.mjs

@@ -1,77 +1,83 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
 import { Box } from "@semcore/flex-box";
-const Duplicates = ({ 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: "M0 40.922A39.857 39.857 0 0 0 39.078 80a.911.911 0 0 0 .922-.911v-2.503c20.208 0 36.586-16.378 36.586-36.586C76.586 19.791 60.208 3.414 40 3.414V.911a.911.911 0 0 0-.922-.91C28.727.23 19.34 4.4 12.36 11.064a.908.908 0 0 0 0 1.295l1.778 1.778C7.52 20.758 3.425 29.901 3.425 40H.911a.911.911 0 0 0-.91.922Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M66.16 57.374s.087-.054.12-.087l6.521-4.323-3.147-1.697-3.147.756-8.334-31.681a5.73 5.73 0 0 0-6.707-4.15l-39.74 8.063-1.4-3.124-3.428 5.88a6.507 6.507 0 0 0-.217.368v.021a5.618 5.618 0 0 0-.456 4.248l10.472 36.654a2.599 2.599 0 0 0 3.19 1.794l45.459-12.344c.271-.076.52-.205.749-.346l.054-.032h.01Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M72.02 53.31 24.152 66.313a2.747 2.747 0 0 1-3.364-1.892L9.752 25.822c-.966-3.372 1.16-6.853 4.612-7.556l43.05-8.744c3.146-.638 6.25 1.286 7.053 4.377L73.95 49.98a2.729 2.729 0 0 1-1.931 3.33Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M65.682 18.57 11.076 30.512l-1.346-4.69c-.966-3.373 1.161-6.854 4.612-7.556l43.05-8.734c3.147-.638 6.25 1.286 7.053 4.378l1.227 4.669.01-.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M18.433 23.174a1.873 1.873 0 0 1-1.421 2.367c-1.096.238-2.236-.454-2.54-1.524a1.868 1.868 0 0 1 1.433-2.367c1.096-.227 2.224.465 2.528 1.535v-.011Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M25.444 21.693c.293 1.06-.326 2.108-1.4 2.335-1.075.227-2.192-.454-2.485-1.524-.293-1.07.325-2.12 1.41-2.346 1.086-.227 2.182.465 2.475 1.524v.01Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M11.097 30.6s.326-3.157.608-6.389l-1.378-3.08-3.43 5.88a6.507 6.507 0 0 0-.216.367v.022a5.619 5.619 0 0 0-.456 4.248l1.4 4.908 3.472-5.967v.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M62.73 51.038 25.092 61.224l-6.037-21.372c-.253-.878.406-1.8 1.46-2.041l36.256-8.54 5.95 21.767h.01Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M57.627 32.366 19.526 41.52l-.472-1.679c-.253-.878.406-1.8 1.46-2.042l36.256-8.54.846 3.107h.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m65.047 42.443-4.5-16.564c-.231-.824-1.164-1.329-2.097-1.12l-29.78 6.718-3.524-1.065-1.669 2.569c-.318.428-.549.922-.406 1.438l5.95 21.207 36.992-9.649 1.8-2.711-2.755-.834-.011.01Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M67.802 43.277 30.81 52.926l-5.95-21.208c-.24-.878.396-1.778 1.439-2.008l33.951-7.662c.933-.209 1.877.285 2.097 1.12l5.466 20.109h-.01Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M37.122 31.038c-3.81.878-6.18 4.259-5.27 7.519 1.34 4.797 9.54 7.826 9.54 7.826s5.422-6.41 4.127-11.12c-.89-3.204-4.621-5.103-8.397-4.236v.01Zm2.338 8.397c-1.636.395-3.282-.417-3.678-1.822-.395-1.405.626-2.865 2.262-3.25 1.635-.383 3.26.44 3.644 1.834.384 1.394-.615 2.843-2.24 3.238h.012Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m48.46 32.619 11.132-2.646M49.46 36.252l11.108-2.7M50.459 39.885l11.086-2.766",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}));
+import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
+const Duplicates = ({ 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: "M0 40.922A39.857 39.857 0 0 0 39.078 80a.911.911 0 0 0 .922-.911v-2.503c20.208 0 36.586-16.378 36.586-36.586C76.586 19.791 60.208 3.414 40 3.414V.911a.911.911 0 0 0-.922-.91C28.727.23 19.34 4.4 12.36 11.064a.908.908 0 0 0 0 1.295l1.778 1.778C7.52 20.758 3.425 29.901 3.425 40H.911a.911.911 0 0 0-.91.922Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M66.16 57.374s.087-.054.12-.087l6.521-4.323-3.147-1.697-3.147.756-8.334-31.681a5.73 5.73 0 0 0-6.707-4.15l-39.74 8.063-1.4-3.124-3.428 5.88a6.507 6.507 0 0 0-.217.368v.021a5.618 5.618 0 0 0-.456 4.248l10.472 36.654a2.599 2.599 0 0 0 3.19 1.794l45.459-12.344c.271-.076.52-.205.749-.346l.054-.032h.01Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M72.02 53.31 24.152 66.313a2.747 2.747 0 0 1-3.364-1.892L9.752 25.822c-.966-3.372 1.16-6.853 4.612-7.556l43.05-8.744c3.146-.638 6.25 1.286 7.053 4.377L73.95 49.98a2.729 2.729 0 0 1-1.931 3.33Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M65.682 18.57 11.076 30.512l-1.346-4.69c-.966-3.373 1.161-6.854 4.612-7.556l43.05-8.734c3.147-.638 6.25 1.286 7.053 4.378l1.227 4.669.01-.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M18.433 23.174a1.873 1.873 0 0 1-1.421 2.367c-1.096.238-2.236-.454-2.54-1.524a1.868 1.868 0 0 1 1.433-2.367c1.096-.227 2.224.465 2.528 1.535v-.011Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M25.444 21.693c.293 1.06-.326 2.108-1.4 2.335-1.075.227-2.192-.454-2.485-1.524-.293-1.07.325-2.12 1.41-2.346 1.086-.227 2.182.465 2.475 1.524v.01Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M11.097 30.6s.326-3.157.608-6.389l-1.378-3.08-3.43 5.88a6.507 6.507 0 0 0-.216.367v.022a5.619 5.619 0 0 0-.456 4.248l1.4 4.908 3.472-5.967v.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M62.73 51.038 25.092 61.224l-6.037-21.372c-.253-.878.406-1.8 1.46-2.041l36.256-8.54 5.95 21.767h.01Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M57.627 32.366 19.526 41.52l-.472-1.679c-.253-.878.406-1.8 1.46-2.042l36.256-8.54.846 3.107h.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m65.047 42.443-4.5-16.564c-.231-.824-1.164-1.329-2.097-1.12l-29.78 6.718-3.524-1.065-1.669 2.569c-.318.428-.549.922-.406 1.438l5.95 21.207 36.992-9.649 1.8-2.711-2.755-.834-.011.01Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M67.802 43.277 30.81 52.926l-5.95-21.208c-.24-.878.396-1.778 1.439-2.008l33.951-7.662c.933-.209 1.877.285 2.097 1.12l5.466 20.109h-.01Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M37.122 31.038c-3.81.878-6.18 4.259-5.27 7.519 1.34 4.797 9.54 7.826 9.54 7.826s5.422-6.41 4.127-11.12c-.89-3.204-4.621-5.103-8.397-4.236v.01Zm2.338 8.397c-1.636.395-3.282-.417-3.678-1.822-.395-1.405.626-2.865 2.262-3.25 1.635-.383 3.26.44 3.644 1.834.384 1.394-.615 2.843-2.24 3.238h.012Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m48.46 32.619 11.132-2.646M49.46 36.252l11.108-2.7M50.459 39.885l11.086-2.766",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }));
+};
 Duplicates.displayName = "Duplicates";
 var stdin_default = createBaseComponent(Duplicates);
 export {

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