intergalactic 15.98.2-prerelease.1 → 15.99.0-prerelease.0

package/illustration/LineChart/index.mjs

@@ -1,55 +1,61 @@
 import React from "react";
 import { createBaseComponent } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
-const LineChart = ({ 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: "M71.183 27a46.187 46.187 0 0 0-1.727-15.715c-.083-.33-.412-.658-.74-.74A46.189 46.189 0 0 0 53 8.815l-4.114-4.113a12.515 12.515 0 0 0-17.772 0L27 8.816a46.189 46.189 0 0 0-15.715 1.728c-.33.083-.658.412-.74.74A46.188 46.188 0 0 0 8.815 27l-4.113 4.114a12.515 12.515 0 0 0 0 17.772L8.816 53a46.188 46.188 0 0 0 1.728 15.715c.083.33.412.658.74.74A46.187 46.187 0 0 0 27 71.184l4.114 4.114a12.515 12.515 0 0 0 17.772 0L53 71.183a46.187 46.187 0 0 0 15.715-1.727c.33-.083.658-.412.74-.74A46.187 46.187 0 0 0 71.184 53l4.114-4.114a12.515 12.515 0 0 0 0-17.772L71.183 27Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M65.925 57.617s.086-.054.119-.087l6.495-4.323-3.134-1.697-3.134.757-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.502 6.502 0 0 0-.216.367v.021a5.638 5.638 0 0 0-.454 4.247l10.44 36.649a2.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.553 24.087 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.135-.638 6.226 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.448 18.818 11.065 30.76l-1.34-4.69c-.962-3.372 1.156-6.852 4.593-7.555l42.884-8.743c3.134-.638 6.225 1.286 7.025 4.377l1.221 4.669Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M18.39 23.428a1.873 1.873 0 0 1-1.415 2.366c-1.081.238-2.227-.454-2.53-1.523a1.868 1.868 0 0 1 1.427-2.367c1.092-.227 2.216.465 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.081-.227 2.172.465 2.464 1.524v.01Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M11.087 30.862s.325-3.156.606-6.387l-1.373-3.08-3.415 5.879a6.504 6.504 0 0 0-.216.367v.022a5.637 5.637 0 0 0-.454 4.247l1.394 4.907 3.458-5.966v.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M71.76 53.553 24.087 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.135-.638 6.226 1.286 7.025 4.377l3.059 11.683 6.387 24.392a2.73 2.73 0 0 1-1.924 3.33Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M19.936 61.83c1.502-8.375 3.307-15.357 8.203-16.718 7.209-2.01 13.628 7.608 18.913 4.301 4.442-2.777 3.2-14.763 11.65-21.042 1.676-1.243 4.302-2.151 7.642-2.735.291-.054.594-.097.907-.15",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M61.342 27.857c.443 1.675-.368 3.296-1.816 3.642-1.448.346-3.005-.746-3.458-2.421-.454-1.675.367-3.329 1.837-3.653 1.47-.324 2.994.767 3.447 2.442l-.01-.01ZM30.765 44.517c.444 1.676-.367 3.297-1.815 3.643-1.46.346-3.005-.746-3.459-2.421-.454-1.675.368-3.329 1.838-3.653 1.47-.324 2.993.767 3.447 2.442l-.01-.01ZM49.682 48.814c.443 1.675-.368 3.297-1.816 3.642-1.448.346-3.004-.745-3.458-2.42-.454-1.676.367-3.33 1.837-3.654 1.46-.324 2.994.768 3.448 2.443l-.011-.01Z",
-  fill: "#6C6E79"
-}));
+import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
+const LineChart = ({ 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: "M71.183 27a46.187 46.187 0 0 0-1.727-15.715c-.083-.33-.412-.658-.74-.74A46.189 46.189 0 0 0 53 8.815l-4.114-4.113a12.515 12.515 0 0 0-17.772 0L27 8.816a46.189 46.189 0 0 0-15.715 1.728c-.33.083-.658.412-.74.74A46.188 46.188 0 0 0 8.815 27l-4.113 4.114a12.515 12.515 0 0 0 0 17.772L8.816 53a46.188 46.188 0 0 0 1.728 15.715c.083.33.412.658.74.74A46.187 46.187 0 0 0 27 71.184l4.114 4.114a12.515 12.515 0 0 0 17.772 0L53 71.183a46.187 46.187 0 0 0 15.715-1.727c.33-.083.658-.412.74-.74A46.187 46.187 0 0 0 71.184 53l4.114-4.114a12.515 12.515 0 0 0 0-17.772L71.183 27Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M65.925 57.617s.086-.054.119-.087l6.495-4.323-3.134-1.697-3.134.757-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.502 6.502 0 0 0-.216.367v.021a5.638 5.638 0 0 0-.454 4.247l10.44 36.649a2.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.553 24.087 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.135-.638 6.226 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.448 18.818 11.065 30.76l-1.34-4.69c-.962-3.372 1.156-6.852 4.593-7.555l42.884-8.743c3.134-.638 6.225 1.286 7.025 4.377l1.221 4.669Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M18.39 23.428a1.873 1.873 0 0 1-1.415 2.366c-1.081.238-2.227-.454-2.53-1.523a1.868 1.868 0 0 1 1.427-2.367c1.092-.227 2.216.465 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.081-.227 2.172.465 2.464 1.524v.01Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M11.087 30.862s.325-3.156.606-6.387l-1.373-3.08-3.415 5.879a6.504 6.504 0 0 0-.216.367v.022a5.637 5.637 0 0 0-.454 4.247l1.394 4.907 3.458-5.966v.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M71.76 53.553 24.087 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.135-.638 6.226 1.286 7.025 4.377l3.059 11.683 6.387 24.392a2.73 2.73 0 0 1-1.924 3.33Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M19.936 61.83c1.502-8.375 3.307-15.357 8.203-16.718 7.209-2.01 13.628 7.608 18.913 4.301 4.442-2.777 3.2-14.763 11.65-21.042 1.676-1.243 4.302-2.151 7.642-2.735.291-.054.594-.097.907-.15",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M61.342 27.857c.443 1.675-.368 3.296-1.816 3.642-1.448.346-3.005-.746-3.458-2.421-.454-1.675.367-3.329 1.837-3.653 1.47-.324 2.994.767 3.447 2.442l-.01-.01ZM30.765 44.517c.444 1.676-.367 3.297-1.815 3.643-1.46.346-3.005-.746-3.459-2.421-.454-1.675.368-3.329 1.838-3.653 1.47-.324 2.993.767 3.447 2.442l-.01-.01ZM49.682 48.814c.443 1.675-.368 3.297-1.816 3.642-1.448.346-3.004-.745-3.458-2.42-.454-1.676.367-3.33 1.837-3.654 1.46-.324 2.994.768 3.448 2.443l-.011-.01Z",
+    fill: resolvedSecondaryColor
+  }));
+};
 LineChart.displayName = "LineChart";
 var stdin_default = createBaseComponent(LineChart);
 export {

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

@@ -26,71 +26,77 @@ 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 LollipopChart = ({ 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: "M57.32 4a21.696 21.696 0 0 0-17.394 8.726A21.736 21.736 0 0 0 22.45 4c-11.54.082-21.02 9.052-21.433 20.47-.906 23.732 33.798 48.28 38.497 51.46.33.244.742.244.99 0C45.036 72.668 79 47.794 79 25.367 78.918 13.542 69.273 4 57.32 4Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M65.925 56.967s.086-.054.119-.086l6.495-4.324-3.134-1.696-3.134.756-8.3-31.677a5.705 5.705 0 0 0-6.68-4.15l-39.588 8.073-1.394-3.123-3.415 5.88a6.504 6.504 0 0 0-.216.367v.022a5.637 5.637 0 0 0-.454 4.247l10.44 36.648a2.587 2.587 0 0 0 3.177 1.794l45.273-12.342a2.94 2.94 0 0 0 .746-.346l.054-.032.01-.011Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M71.762 52.903 24.09 65.905a2.734 2.734 0 0 1-3.35-1.892L9.747 25.42c-.962-3.372 1.157-6.852 4.593-7.555l42.874-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.328Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M65.451 18.168 11.068 30.11l-1.34-4.69c-.963-3.372 1.156-6.852 4.593-7.555l42.884-8.743c3.134-.638 6.225 1.286 7.025 4.377l1.221 4.669Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M18.393 22.778a1.873 1.873 0 0 1-1.416 2.367c-1.08.238-2.226-.454-2.529-1.524a1.868 1.868 0 0 1 1.427-2.367c1.092-.227 2.216.465 2.518 1.535v-.011Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M25.375 21.308c.291 1.06-.325 2.108-1.395 2.334-1.07.227-2.183-.453-2.475-1.523-.291-1.07.325-2.119 1.405-2.346 1.07-.227 2.173.465 2.465 1.524v.011Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M11.09 30.212s.324-3.155.605-6.387l-1.373-3.08-3.415 5.88a6.53 6.53 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l1.394 4.906 3.458-5.966v.011Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M71.762 52.903 24.09 65.905a2.734 2.734 0 0 1-3.35-1.892L9.747 25.42c-.962-3.372 1.157-6.852 4.593-7.555l42.874-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.328ZM29.958 46.03l2.918 10.472M45.425 46.992l1.588 5.815",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M60.525 27.64c.691 2.637-1.114 5.328-4.053 6.03-2.972.714-5.977-.864-6.69-3.533-.713-2.67 1.135-5.404 4.128-6.074 2.962-.67 5.912.94 6.615 3.577Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M49.478 40.981c.691 2.583-1.114 5.264-4.053 6.01-2.972.756-5.977-.746-6.69-3.362-.724-2.626 1.135-5.339 4.128-6.052 2.962-.713 5.912.821 6.615 3.404Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M34.002 40.15c.692 2.529-1.102 5.155-4.053 5.89-2.972.735-5.976-.735-6.7-3.307-.724-2.572 1.134-5.231 4.128-5.923 2.961-.691 5.912.81 6.614 3.34h.011Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m56.373 33.282 4.259 15.974M38.658 43.162l3.667-5.344M41.22 46.5 47 38.068M45.828 46.844l3.726-5.436M70.595 48.97 23.128 61.54",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}));
+var import_useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
+const LollipopChart = ({ 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: "M57.32 4a21.696 21.696 0 0 0-17.394 8.726A21.736 21.736 0 0 0 22.45 4c-11.54.082-21.02 9.052-21.433 20.47-.906 23.732 33.798 48.28 38.497 51.46.33.244.742.244.99 0C45.036 72.668 79 47.794 79 25.367 78.918 13.542 69.273 4 57.32 4Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M65.925 56.967s.086-.054.119-.086l6.495-4.324-3.134-1.696-3.134.756-8.3-31.677a5.705 5.705 0 0 0-6.68-4.15l-39.588 8.073-1.394-3.123-3.415 5.88a6.504 6.504 0 0 0-.216.367v.022a5.637 5.637 0 0 0-.454 4.247l10.44 36.648a2.587 2.587 0 0 0 3.177 1.794l45.273-12.342a2.94 2.94 0 0 0 .746-.346l.054-.032.01-.011Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M71.762 52.903 24.09 65.905a2.734 2.734 0 0 1-3.35-1.892L9.747 25.42c-.962-3.372 1.157-6.852 4.593-7.555l42.874-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.328Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M65.451 18.168 11.068 30.11l-1.34-4.69c-.963-3.372 1.156-6.852 4.593-7.555l42.884-8.743c3.134-.638 6.225 1.286 7.025 4.377l1.221 4.669Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M18.393 22.778a1.873 1.873 0 0 1-1.416 2.367c-1.08.238-2.226-.454-2.529-1.524a1.868 1.868 0 0 1 1.427-2.367c1.092-.227 2.216.465 2.518 1.535v-.011Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M25.375 21.308c.291 1.06-.325 2.108-1.395 2.334-1.07.227-2.183-.453-2.475-1.523-.291-1.07.325-2.119 1.405-2.346 1.07-.227 2.173.465 2.465 1.524v.011Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M11.09 30.212s.324-3.155.605-6.387l-1.373-3.08-3.415 5.88a6.53 6.53 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l1.394 4.906 3.458-5.966v.011Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M71.762 52.903 24.09 65.905a2.734 2.734 0 0 1-3.35-1.892L9.747 25.42c-.962-3.372 1.157-6.852 4.593-7.555l42.874-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.328ZM29.958 46.03l2.918 10.472M45.425 46.992l1.588 5.815",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M60.525 27.64c.691 2.637-1.114 5.328-4.053 6.03-2.972.714-5.977-.864-6.69-3.533-.713-2.67 1.135-5.404 4.128-6.074 2.962-.67 5.912.94 6.615 3.577Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M49.478 40.981c.691 2.583-1.114 5.264-4.053 6.01-2.972.756-5.977-.746-6.69-3.362-.724-2.626 1.135-5.339 4.128-6.052 2.962-.713 5.912.821 6.615 3.404Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M34.002 40.15c.692 2.529-1.102 5.155-4.053 5.89-2.972.735-5.976-.735-6.7-3.307-.724-2.572 1.134-5.231 4.128-5.923 2.961-.691 5.912.81 6.614 3.34h.011Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m56.373 33.282 4.259 15.974M38.658 43.162l3.667-5.344M41.22 46.5 47 38.068M45.828 46.844l3.726-5.436M70.595 48.97 23.128 61.54",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }));
+};
 LollipopChart.displayName = "LollipopChart";
 var stdin_default = (0, import_core.createBaseComponent)(LollipopChart);

package/illustration/LollipopChart/index.mjs

@@ -1,72 +1,78 @@
 import React from "react";
 import { createBaseComponent } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
-const LollipopChart = ({ 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.32 4a21.696 21.696 0 0 0-17.394 8.726A21.736 21.736 0 0 0 22.45 4c-11.54.082-21.02 9.052-21.433 20.47-.906 23.732 33.798 48.28 38.497 51.46.33.244.742.244.99 0C45.036 72.668 79 47.794 79 25.367 78.918 13.542 69.273 4 57.32 4Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M65.925 56.967s.086-.054.119-.086l6.495-4.324-3.134-1.696-3.134.756-8.3-31.677a5.705 5.705 0 0 0-6.68-4.15l-39.588 8.073-1.394-3.123-3.415 5.88a6.504 6.504 0 0 0-.216.367v.022a5.637 5.637 0 0 0-.454 4.247l10.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.762 52.903 24.09 65.905a2.734 2.734 0 0 1-3.35-1.892L9.747 25.42c-.962-3.372 1.157-6.852 4.593-7.555l42.874-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.328Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M65.451 18.168 11.068 30.11l-1.34-4.69c-.963-3.372 1.156-6.852 4.593-7.555l42.884-8.743c3.134-.638 6.225 1.286 7.025 4.377l1.221 4.669Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M18.393 22.778a1.873 1.873 0 0 1-1.416 2.367c-1.08.238-2.226-.454-2.529-1.524a1.868 1.868 0 0 1 1.427-2.367c1.092-.227 2.216.465 2.518 1.535v-.011Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M25.375 21.308c.291 1.06-.325 2.108-1.395 2.334-1.07.227-2.183-.453-2.475-1.523-.291-1.07.325-2.119 1.405-2.346 1.07-.227 2.173.465 2.465 1.524v.011Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M11.09 30.212s.324-3.155.605-6.387l-1.373-3.08-3.415 5.88a6.53 6.53 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l1.394 4.906 3.458-5.966v.011Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M71.762 52.903 24.09 65.905a2.734 2.734 0 0 1-3.35-1.892L9.747 25.42c-.962-3.372 1.157-6.852 4.593-7.555l42.874-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.328ZM29.958 46.03l2.918 10.472M45.425 46.992l1.588 5.815",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M60.525 27.64c.691 2.637-1.114 5.328-4.053 6.03-2.972.714-5.977-.864-6.69-3.533-.713-2.67 1.135-5.404 4.128-6.074 2.962-.67 5.912.94 6.615 3.577Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M49.478 40.981c.691 2.583-1.114 5.264-4.053 6.01-2.972.756-5.977-.746-6.69-3.362-.724-2.626 1.135-5.339 4.128-6.052 2.962-.713 5.912.821 6.615 3.404Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M34.002 40.15c.692 2.529-1.102 5.155-4.053 5.89-2.972.735-5.976-.735-6.7-3.307-.724-2.572 1.134-5.231 4.128-5.923 2.961-.691 5.912.81 6.614 3.34h.011Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m56.373 33.282 4.259 15.974M38.658 43.162l3.667-5.344M41.22 46.5 47 38.068M45.828 46.844l3.726-5.436M70.595 48.97 23.128 61.54",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}));
+import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
+const LollipopChart = ({ 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.32 4a21.696 21.696 0 0 0-17.394 8.726A21.736 21.736 0 0 0 22.45 4c-11.54.082-21.02 9.052-21.433 20.47-.906 23.732 33.798 48.28 38.497 51.46.33.244.742.244.99 0C45.036 72.668 79 47.794 79 25.367 78.918 13.542 69.273 4 57.32 4Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M65.925 56.967s.086-.054.119-.086l6.495-4.324-3.134-1.696-3.134.756-8.3-31.677a5.705 5.705 0 0 0-6.68-4.15l-39.588 8.073-1.394-3.123-3.415 5.88a6.504 6.504 0 0 0-.216.367v.022a5.637 5.637 0 0 0-.454 4.247l10.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.762 52.903 24.09 65.905a2.734 2.734 0 0 1-3.35-1.892L9.747 25.42c-.962-3.372 1.157-6.852 4.593-7.555l42.874-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.328Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M65.451 18.168 11.068 30.11l-1.34-4.69c-.963-3.372 1.156-6.852 4.593-7.555l42.884-8.743c3.134-.638 6.225 1.286 7.025 4.377l1.221 4.669Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M18.393 22.778a1.873 1.873 0 0 1-1.416 2.367c-1.08.238-2.226-.454-2.529-1.524a1.868 1.868 0 0 1 1.427-2.367c1.092-.227 2.216.465 2.518 1.535v-.011Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M25.375 21.308c.291 1.06-.325 2.108-1.395 2.334-1.07.227-2.183-.453-2.475-1.523-.291-1.07.325-2.119 1.405-2.346 1.07-.227 2.173.465 2.465 1.524v.011Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M11.09 30.212s.324-3.155.605-6.387l-1.373-3.08-3.415 5.88a6.53 6.53 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l1.394 4.906 3.458-5.966v.011Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M71.762 52.903 24.09 65.905a2.734 2.734 0 0 1-3.35-1.892L9.747 25.42c-.962-3.372 1.157-6.852 4.593-7.555l42.874-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.328ZM29.958 46.03l2.918 10.472M45.425 46.992l1.588 5.815",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M60.525 27.64c.691 2.637-1.114 5.328-4.053 6.03-2.972.714-5.977-.864-6.69-3.533-.713-2.67 1.135-5.404 4.128-6.074 2.962-.67 5.912.94 6.615 3.577Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M49.478 40.981c.691 2.583-1.114 5.264-4.053 6.01-2.972.756-5.977-.746-6.69-3.362-.724-2.626 1.135-5.339 4.128-6.052 2.962-.713 5.912.821 6.615 3.404Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M34.002 40.15c.692 2.529-1.102 5.155-4.053 5.89-2.972.735-5.976-.735-6.7-3.307-.724-2.572 1.134-5.231 4.128-5.923 2.961-.691 5.912.81 6.614 3.34h.011Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m56.373 33.282 4.259 15.974M38.658 43.162l3.667-5.344M41.22 46.5 47 38.068M45.828 46.844l3.726-5.436M70.595 48.97 23.128 61.54",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }));
+};
 LollipopChart.displayName = "LollipopChart";
 var stdin_default = createBaseComponent(LollipopChart);
 export {

package/illustration/MailSent/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;