intergalactic 15.98.2 → 15.99.0-prerelease.0

package/illustration/FunnelChart/index.mjs

@@ -1,67 +1,73 @@
 import React from "react";
 import { createBaseComponent } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
-const FunnelChart = ({ 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: "M77.88 38.188C77.88 17.653 61.134 1 40.483 1 19.833 1 3 17.653 3 38.188c0 12.425 6.16 23.47 15.618 30.2l-3.47 9.404c-.26.604.26 1.208.867 1.208h48.85c.607 0 1.128-.604.868-1.208l-3.471-9.405c9.457-6.73 15.618-17.774 15.618-30.199Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.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.587 8.073-1.395-3.123-3.415 5.88a6.504 6.504 0 0 0-.216.367v.021a5.638 5.638 0 0 0-.454 4.248l10.44 36.648a2.587 2.587 0 0 0 3.178 1.794l45.272-12.342a2.94 2.94 0 0 0 .746-.346l.054-.032.011-.011Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M71.76 53.553 24.086 66.555a2.734 2.734 0 0 1-3.35-1.892L9.746 26.07c-.962-3.372 1.156-6.852 4.593-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__ */ React.createElement("path", {
-  d: "M65.449 18.818 11.065 30.76l-1.34-4.69c-.962-3.372 1.156-6.852 4.593-7.555l42.885-8.743c3.134-.638 6.225 1.286 7.024 4.377l1.222 4.669Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M18.39 23.427a1.873 1.873 0 0 1-1.415 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__ */ React.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-.291-1.07.325-2.118 1.405-2.345 1.07-.227 2.173.465 2.464 1.524v.01Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M11.087 30.862s.324-3.156.605-6.387l-1.372-3.08-3.415 5.879a6.504 6.504 0 0 0-.217.367v.022a5.637 5.637 0 0 0-.454 4.247l1.395 4.907 3.458-5.966v.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M71.76 53.553 24.086 66.555a2.734 2.734 0 0 1-3.35-1.892L9.746 26.07c-.962-3.372 1.156-6.852 4.593-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__ */ React.createElement("path", {
-  d: "M42.083 38.584c-4.204.951-8.765-5.588-18.643-3.307l6.02 21.474c9.716-2.55 10.332-10.288 14.482-11.39.01 0 16.33-4.108 16.33-4.108v-.032l-1.762-6.56v-.033s-16.405 3.956-16.427 3.967v-.011Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m31 49.5-2.5 4M44.459 37.962 32.5 55.5M49.236 38.74 45 45M55.494 37.362 51.5 43.5",
-  stroke: "#6C6E79",
-  strokeMiterlimit: "10",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m57.7 41.32-.18.3.6.36.18-.3-.6-.36Zm1.5-2.5-1.5 2.5.6.36 1.5-2.5-.6-.36Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m23.44 35.267 4.28 15.26c9.759-2.475 9.856-6.322 15.52-7.727l16.362-4.053v-.033l-1.091-4.063v-.033s-16.406 3.956-16.428 3.966c-4.204.952-8.765-5.587-18.643-3.307v-.01Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}));
+import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
+const FunnelChart = ({ 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: "M77.88 38.188C77.88 17.653 61.134 1 40.483 1 19.833 1 3 17.653 3 38.188c0 12.425 6.16 23.47 15.618 30.2l-3.47 9.404c-.26.604.26 1.208.867 1.208h48.85c.607 0 1.128-.604.868-1.208l-3.471-9.405c9.457-6.73 15.618-17.774 15.618-30.199Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.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.587 8.073-1.395-3.123-3.415 5.88a6.504 6.504 0 0 0-.216.367v.021a5.638 5.638 0 0 0-.454 4.248l10.44 36.648a2.587 2.587 0 0 0 3.178 1.794l45.272-12.342a2.94 2.94 0 0 0 .746-.346l.054-.032.011-.011Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M71.76 53.553 24.086 66.555a2.734 2.734 0 0 1-3.35-1.892L9.746 26.07c-.962-3.372 1.156-6.852 4.593-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__ */ React.createElement("path", {
+    d: "M65.449 18.818 11.065 30.76l-1.34-4.69c-.962-3.372 1.156-6.852 4.593-7.555l42.885-8.743c3.134-.638 6.225 1.286 7.024 4.377l1.222 4.669Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M18.39 23.427a1.873 1.873 0 0 1-1.415 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__ */ React.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-.291-1.07.325-2.118 1.405-2.345 1.07-.227 2.173.465 2.464 1.524v.01Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M11.087 30.862s.324-3.156.605-6.387l-1.372-3.08-3.415 5.879a6.504 6.504 0 0 0-.217.367v.022a5.637 5.637 0 0 0-.454 4.247l1.395 4.907 3.458-5.966v.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M71.76 53.553 24.086 66.555a2.734 2.734 0 0 1-3.35-1.892L9.746 26.07c-.962-3.372 1.156-6.852 4.593-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__ */ React.createElement("path", {
+    d: "M42.083 38.584c-4.204.951-8.765-5.588-18.643-3.307l6.02 21.474c9.716-2.55 10.332-10.288 14.482-11.39.01 0 16.33-4.108 16.33-4.108v-.032l-1.762-6.56v-.033s-16.405 3.956-16.427 3.967v-.011Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m31 49.5-2.5 4M44.459 37.962 32.5 55.5M49.236 38.74 45 45M55.494 37.362 51.5 43.5",
+    stroke: resolvedSecondaryColor,
+    strokeMiterlimit: "10",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m57.7 41.32-.18.3.6.36.18-.3-.6-.36Zm1.5-2.5-1.5 2.5.6.36 1.5-2.5-.6-.36Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m23.44 35.267 4.28 15.26c9.759-2.475 9.856-6.322 15.52-7.727l16.362-4.053v-.033l-1.091-4.063v-.033s-16.406 3.956-16.428 3.966c-4.204.952-8.765-5.587-18.643-3.307v-.01Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }));
+};
 FunnelChart.displayName = "FunnelChart";
 var stdin_default = createBaseComponent(FunnelChart);
 export {

package/illustration/Good/index.d.ts

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

package/illustration/Good/index.js

@@ -26,99 +26,105 @@ module.exports = __toCommonJS(stdin_exports);
 var import_react = __toESM(require("react"));
 var import_core = require("intergalactic/core");
 var import_flex_box = require("intergalactic/flex-box");
-const Good = ({ 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.121 65.868c6.624 6.624 15.769 10.716 25.863 10.716v2.51c0 .502.414.917.916.906 21.367-.48 38.598-17.711 39.089-39.089a.906.906 0 0 0-.906-.916h-2.51c0-20.21-16.38-36.59-36.59-36.59v-2.5A.906.906 0 0 0 39.068 0c-10.356.23-19.74 4.398-26.714 11.066a.884.884 0 0 0 0 1.287l1.768 1.779C7.497 20.756 3.405 29.9 3.405 39.995H.906A.906.906 0 0 0 0 40.91c.23 10.345 4.398 19.73 11.066 26.714a.884.884 0 0 0 1.287 0l1.779-1.768-.011.011Z",
-  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.146-.638 6.25 1.286 7.053 4.378l1.226 4.669.011-.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.097.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.443 21.693c.293 1.06-.325 2.108-1.4 2.335-1.074.227-2.192-.454-2.485-1.524-.293-1.07.326-2.12 1.411-2.346 1.085-.227 2.181.465 2.474 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: "m41.09 56.868-14.122 3.754-3.884-13.531a2.196 2.196 0 0 1 1.582-2.728l10.05-2.445a2.191 2.191 0 0 1 2.62 1.528l3.753 13.412v.01Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M54.686 53.256 41.1 56.868l-6.984-24.924a2.183 2.183 0 0 1 1.615-2.717l9.625-2.172a2.179 2.179 0 0 1 2.586 1.55l6.733 24.651h.011Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m67.77 49.775-13.084 3.481-4.528-16.565a2.18 2.18 0 0 1 1.604-2.695l9.035-2.15a2.188 2.188 0 0 1 2.62 1.56l4.364 16.37h-.01Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M24.11 61.386 70.312 49.1",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m41.504 30.427 1.637 1.714a.42.42 0 0 0 .338.12l2.433-.24a.405.405 0 0 1 .371.633l-1.222 1.767a.386.386 0 0 0-.032.404l.927 1.899a.405.405 0 0 1-.447.578l-2.423-.49a.387.387 0 0 0-.338.087l-1.91 1.538a.4.4 0 0 1-.655-.283l-.174-2.15a.412.412 0 0 0-.218-.328l-2.052-1.036c-.316-.164-.295-.622.044-.742l2.248-.84a.411.411 0 0 0 .25-.284l.546-2.172a.41.41 0 0 1 .688-.185l-.011.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M76.238 48.782c-1.778-6.394-8.413-10.497-14.83-9.155-1.091.229-2.106.61-3.033 1.102l-.371-.36-2.336 2.357h.011c-2.695 2.75-3.852 6.831-2.695 10.978 1.8 6.427 8.468 10.509 14.884 9.134a11.108 11.108 0 0 0 5.424-2.87l2.455-2.467-.36-.338c1.277-2.444 1.659-5.39.83-8.37l.021-.01Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M78.442 46.545c1.78 6.395-1.953 12.68-8.358 14.055-6.417 1.375-13.095-2.706-14.885-9.133-1.8-6.428 1.975-12.735 8.413-14.088 6.417-1.343 13.052 2.76 14.83 9.155v.011Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M63.514 53.278c1.648 1.179 3.743 1.517 5.479.862 2.215-.83 2.782-2.87 2.848-3.153",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M63.514 53.278c1.648 1.179 3.743 1.517 5.479.862 2.215-.83 2.782-2.87 2.848-3.153",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M63.045 46.862c.186.676-.207 1.353-.895 1.495a1.367 1.367 0 0 1-1.582-.971c-.185-.688.207-1.354.895-1.495.687-.142 1.386.294 1.582.97ZM71.371 44.559c.186.677-.207 1.353-.894 1.495a1.367 1.367 0 0 1-1.583-.971c-.185-.688.208-1.353.895-1.495.688-.142 1.386.294 1.582.971Z",
-  fill: "#6C6E79"
-}));
+var import_useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
+const Good = ({ 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.121 65.868c6.624 6.624 15.769 10.716 25.863 10.716v2.51c0 .502.414.917.916.906 21.367-.48 38.598-17.711 39.089-39.089a.906.906 0 0 0-.906-.916h-2.51c0-20.21-16.38-36.59-36.59-36.59v-2.5A.906.906 0 0 0 39.068 0c-10.356.23-19.74 4.398-26.714 11.066a.884.884 0 0 0 0 1.287l1.768 1.779C7.497 20.756 3.405 29.9 3.405 39.995H.906A.906.906 0 0 0 0 40.91c.23 10.345 4.398 19.73 11.066 26.714a.884.884 0 0 0 1.287 0l1.779-1.768-.011.011Z",
+    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.146-.638 6.25 1.286 7.053 4.378l1.226 4.669.011-.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.097.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.443 21.693c.293 1.06-.325 2.108-1.4 2.335-1.074.227-2.192-.454-2.485-1.524-.293-1.07.326-2.12 1.411-2.346 1.085-.227 2.181.465 2.474 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: "m41.09 56.868-14.122 3.754-3.884-13.531a2.196 2.196 0 0 1 1.582-2.728l10.05-2.445a2.191 2.191 0 0 1 2.62 1.528l3.753 13.412v.01Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M54.686 53.256 41.1 56.868l-6.984-24.924a2.183 2.183 0 0 1 1.615-2.717l9.625-2.172a2.179 2.179 0 0 1 2.586 1.55l6.733 24.651h.011Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m67.77 49.775-13.084 3.481-4.528-16.565a2.18 2.18 0 0 1 1.604-2.695l9.035-2.15a2.188 2.188 0 0 1 2.62 1.56l4.364 16.37h-.01Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M24.11 61.386 70.312 49.1",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m41.504 30.427 1.637 1.714a.42.42 0 0 0 .338.12l2.433-.24a.405.405 0 0 1 .371.633l-1.222 1.767a.386.386 0 0 0-.032.404l.927 1.899a.405.405 0 0 1-.447.578l-2.423-.49a.387.387 0 0 0-.338.087l-1.91 1.538a.4.4 0 0 1-.655-.283l-.174-2.15a.412.412 0 0 0-.218-.328l-2.052-1.036c-.316-.164-.295-.622.044-.742l2.248-.84a.411.411 0 0 0 .25-.284l.546-2.172a.41.41 0 0 1 .688-.185l-.011.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M76.238 48.782c-1.778-6.394-8.413-10.497-14.83-9.155-1.091.229-2.106.61-3.033 1.102l-.371-.36-2.336 2.357h.011c-2.695 2.75-3.852 6.831-2.695 10.978 1.8 6.427 8.468 10.509 14.884 9.134a11.108 11.108 0 0 0 5.424-2.87l2.455-2.467-.36-.338c1.277-2.444 1.659-5.39.83-8.37l.021-.01Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M78.442 46.545c1.78 6.395-1.953 12.68-8.358 14.055-6.417 1.375-13.095-2.706-14.885-9.133-1.8-6.428 1.975-12.735 8.413-14.088 6.417-1.343 13.052 2.76 14.83 9.155v.011Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M63.514 53.278c1.648 1.179 3.743 1.517 5.479.862 2.215-.83 2.782-2.87 2.848-3.153",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M63.514 53.278c1.648 1.179 3.743 1.517 5.479.862 2.215-.83 2.782-2.87 2.848-3.153",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M63.045 46.862c.186.676-.207 1.353-.895 1.495a1.367 1.367 0 0 1-1.582-.971c-.185-.688.207-1.354.895-1.495.687-.142 1.386.294 1.582.97ZM71.371 44.559c.186.677-.207 1.353-.894 1.495a1.367 1.367 0 0 1-1.583-.971c-.185-.688.208-1.353.895-1.495.688-.142 1.386.294 1.582.971Z",
+    fill: resolvedSecondaryColor
+  }));
+};
 Good.displayName = "Good";
 var stdin_default = (0, import_core.createBaseComponent)(Good);

package/illustration/Good/index.mjs

@@ -1,100 +1,106 @@
 import React from "react";
 import { createBaseComponent } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
-const Good = ({ 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.121 65.868c6.624 6.624 15.769 10.716 25.863 10.716v2.51c0 .502.414.917.916.906 21.367-.48 38.598-17.711 39.089-39.089a.906.906 0 0 0-.906-.916h-2.51c0-20.21-16.38-36.59-36.59-36.59v-2.5A.906.906 0 0 0 39.068 0c-10.356.23-19.74 4.398-26.714 11.066a.884.884 0 0 0 0 1.287l1.768 1.779C7.497 20.756 3.405 29.9 3.405 39.995H.906A.906.906 0 0 0 0 40.91c.23 10.345 4.398 19.73 11.066 26.714a.884.884 0 0 0 1.287 0l1.779-1.768-.011.011Z",
-  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.146-.638 6.25 1.286 7.053 4.378l1.226 4.669.011-.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M18.433 23.174a1.873 1.873 0 0 1-1.421 2.367c-1.097.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.443 21.693c.293 1.06-.325 2.108-1.4 2.335-1.074.227-2.192-.454-2.485-1.524-.293-1.07.326-2.12 1.411-2.346 1.085-.227 2.181.465 2.474 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: "m41.09 56.868-14.122 3.754-3.884-13.531a2.196 2.196 0 0 1 1.582-2.728l10.05-2.445a2.191 2.191 0 0 1 2.62 1.528l3.753 13.412v.01Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M54.686 53.256 41.1 56.868l-6.984-24.924a2.183 2.183 0 0 1 1.615-2.717l9.625-2.172a2.179 2.179 0 0 1 2.586 1.55l6.733 24.651h.011Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m67.77 49.775-13.084 3.481-4.528-16.565a2.18 2.18 0 0 1 1.604-2.695l9.035-2.15a2.188 2.188 0 0 1 2.62 1.56l4.364 16.37h-.01Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M24.11 61.386 70.312 49.1",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m41.504 30.427 1.637 1.714a.42.42 0 0 0 .338.12l2.433-.24a.405.405 0 0 1 .371.633l-1.222 1.767a.386.386 0 0 0-.032.404l.927 1.899a.405.405 0 0 1-.447.578l-2.423-.49a.387.387 0 0 0-.338.087l-1.91 1.538a.4.4 0 0 1-.655-.283l-.174-2.15a.412.412 0 0 0-.218-.328l-2.052-1.036c-.316-.164-.295-.622.044-.742l2.248-.84a.411.411 0 0 0 .25-.284l.546-2.172a.41.41 0 0 1 .688-.185l-.011.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M76.238 48.782c-1.778-6.394-8.413-10.497-14.83-9.155-1.091.229-2.106.61-3.033 1.102l-.371-.36-2.336 2.357h.011c-2.695 2.75-3.852 6.831-2.695 10.978 1.8 6.427 8.468 10.509 14.884 9.134a11.108 11.108 0 0 0 5.424-2.87l2.455-2.467-.36-.338c1.277-2.444 1.659-5.39.83-8.37l.021-.01Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M78.442 46.545c1.78 6.395-1.953 12.68-8.358 14.055-6.417 1.375-13.095-2.706-14.885-9.133-1.8-6.428 1.975-12.735 8.413-14.088 6.417-1.343 13.052 2.76 14.83 9.155v.011Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M63.514 53.278c1.648 1.179 3.743 1.517 5.479.862 2.215-.83 2.782-2.87 2.848-3.153",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M63.514 53.278c1.648 1.179 3.743 1.517 5.479.862 2.215-.83 2.782-2.87 2.848-3.153",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M63.045 46.862c.186.676-.207 1.353-.895 1.495a1.367 1.367 0 0 1-1.582-.971c-.185-.688.207-1.354.895-1.495.687-.142 1.386.294 1.582.97ZM71.371 44.559c.186.677-.207 1.353-.894 1.495a1.367 1.367 0 0 1-1.583-.971c-.185-.688.208-1.353.895-1.495.688-.142 1.386.294 1.582.971Z",
-  fill: "#6C6E79"
-}));
+import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
+const Good = ({ 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.121 65.868c6.624 6.624 15.769 10.716 25.863 10.716v2.51c0 .502.414.917.916.906 21.367-.48 38.598-17.711 39.089-39.089a.906.906 0 0 0-.906-.916h-2.51c0-20.21-16.38-36.59-36.59-36.59v-2.5A.906.906 0 0 0 39.068 0c-10.356.23-19.74 4.398-26.714 11.066a.884.884 0 0 0 0 1.287l1.768 1.779C7.497 20.756 3.405 29.9 3.405 39.995H.906A.906.906 0 0 0 0 40.91c.23 10.345 4.398 19.73 11.066 26.714a.884.884 0 0 0 1.287 0l1.779-1.768-.011.011Z",
+    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.146-.638 6.25 1.286 7.053 4.378l1.226 4.669.011-.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M18.433 23.174a1.873 1.873 0 0 1-1.421 2.367c-1.097.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.443 21.693c.293 1.06-.325 2.108-1.4 2.335-1.074.227-2.192-.454-2.485-1.524-.293-1.07.326-2.12 1.411-2.346 1.085-.227 2.181.465 2.474 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: "m41.09 56.868-14.122 3.754-3.884-13.531a2.196 2.196 0 0 1 1.582-2.728l10.05-2.445a2.191 2.191 0 0 1 2.62 1.528l3.753 13.412v.01Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M54.686 53.256 41.1 56.868l-6.984-24.924a2.183 2.183 0 0 1 1.615-2.717l9.625-2.172a2.179 2.179 0 0 1 2.586 1.55l6.733 24.651h.011Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m67.77 49.775-13.084 3.481-4.528-16.565a2.18 2.18 0 0 1 1.604-2.695l9.035-2.15a2.188 2.188 0 0 1 2.62 1.56l4.364 16.37h-.01Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M24.11 61.386 70.312 49.1",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m41.504 30.427 1.637 1.714a.42.42 0 0 0 .338.12l2.433-.24a.405.405 0 0 1 .371.633l-1.222 1.767a.386.386 0 0 0-.032.404l.927 1.899a.405.405 0 0 1-.447.578l-2.423-.49a.387.387 0 0 0-.338.087l-1.91 1.538a.4.4 0 0 1-.655-.283l-.174-2.15a.412.412 0 0 0-.218-.328l-2.052-1.036c-.316-.164-.295-.622.044-.742l2.248-.84a.411.411 0 0 0 .25-.284l.546-2.172a.41.41 0 0 1 .688-.185l-.011.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M76.238 48.782c-1.778-6.394-8.413-10.497-14.83-9.155-1.091.229-2.106.61-3.033 1.102l-.371-.36-2.336 2.357h.011c-2.695 2.75-3.852 6.831-2.695 10.978 1.8 6.427 8.468 10.509 14.884 9.134a11.108 11.108 0 0 0 5.424-2.87l2.455-2.467-.36-.338c1.277-2.444 1.659-5.39.83-8.37l.021-.01Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M78.442 46.545c1.78 6.395-1.953 12.68-8.358 14.055-6.417 1.375-13.095-2.706-14.885-9.133-1.8-6.428 1.975-12.735 8.413-14.088 6.417-1.343 13.052 2.76 14.83 9.155v.011Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M63.514 53.278c1.648 1.179 3.743 1.517 5.479.862 2.215-.83 2.782-2.87 2.848-3.153",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M63.514 53.278c1.648 1.179 3.743 1.517 5.479.862 2.215-.83 2.782-2.87 2.848-3.153",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M63.045 46.862c.186.676-.207 1.353-.895 1.495a1.367 1.367 0 0 1-1.582-.971c-.185-.688.207-1.354.895-1.495.687-.142 1.386.294 1.582.97ZM71.371 44.559c.186.677-.207 1.353-.894 1.495a1.367 1.367 0 0 1-1.583-.971c-.185-.688.208-1.353.895-1.495.688-.142 1.386.294 1.582.971Z",
+    fill: resolvedSecondaryColor
+  }));
+};
 Good.displayName = "Good";
 var stdin_default = createBaseComponent(Good);
 export {