intergalactic 15.98.2 → 15.99.0-prerelease.1

package/illustration/VerticalBarChart/index.mjs

@@ -1,72 +1,78 @@
 import React from "react";
 import { createBaseComponent } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
-const VerticalBarChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", ...props }, ref) => /* @__PURE__ */ React.createElement(Box, {
-  ref,
-  width,
-  height,
-  viewBox,
-  fill,
-  tag: "svg",
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M40.585 78.997C61.996 78.727 79 60.873 79 39.412V1.992A1 1 0 0 0 78.01 1H53.99a1 1 0 0 0-.99.992v2.705H27.99a1 1 0 0 0-.99.992v34.355H1.99a1 1 0 0 0-.99.991c.63 21.19 18.173 38.232 39.585 37.962Z",
-  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.762 53.554 24.09 66.555a2.734 2.734 0 0 1-3.35-1.891L9.749 26.07c-.962-3.372 1.156-6.852 4.593-7.554l42.873-8.744c3.134-.637 6.225 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.452 18.818 11.068 30.761l-1.34-4.69c-.962-3.373 1.156-6.853 4.593-7.555l42.885-8.744c3.134-.637 6.225 1.286 7.024 4.377l1.222 4.67Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M18.394 23.419a1.873 1.873 0 0 1-1.416 2.366c-1.092.238-2.227-.454-2.53-1.523a1.868 1.868 0 0 1 1.428-2.367c1.091-.227 2.215.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-.292-1.07.324-2.118 1.405-2.345 1.08-.227 2.172.464 2.464 1.523v.011Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M11.087 30.842s.324-3.155.605-6.387l-1.373-3.08-3.415 5.88a6.509 6.509 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l1.394 4.906 3.459-5.965v.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M71.762 53.554 24.09 66.555a2.734 2.734 0 0 1-3.35-1.891L9.749 26.07c-.962-3.372 1.156-6.852 4.593-7.554l42.873-8.744c3.134-.637 6.225 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: "m34 41.806-7.057 1.707a.795.795 0 0 0-.573.984l3.34 11.92 8.505-2.215-3.274-11.845a.794.794 0 0 0-.952-.562l.011.01Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m44.215 28.759-6.809 1.545a.784.784 0 0 0-.583.984l5.966 21.723 8.213-2.14-5.836-21.55a.782.782 0 0 0-.94-.562h-.01Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m58.285 31.606-6.495 1.513a.786.786 0 0 0-.584.973l4.193 15.638 7.933-2.064-4.096-15.498a.787.787 0 0 0-.94-.562h-.011Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m23.355 61.283 46.84-12.386M27.56 48.601l4.306-6.276M35.5 44.764l-6.423 9.36M33.5 55.417l3.593-5.244",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}));
+import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
+const VerticalBarChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
+  const colorResolver = useColorResolver();
+  const resolvedPrimaryColor = colorResolver(primaryColor);
+  const resolvedSecondaryColor = colorResolver(secondaryColor);
+  return /* @__PURE__ */ React.createElement(Box, {
+    ref,
+    width,
+    height,
+    viewBox,
+    fill,
+    tag: "svg",
+    ...props
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M40.585 78.997C61.996 78.727 79 60.873 79 39.412V1.992A1 1 0 0 0 78.01 1H53.99a1 1 0 0 0-.99.992v2.705H27.99a1 1 0 0 0-.99.992v34.355H1.99a1 1 0 0 0-.99.991c.63 21.19 18.173 38.232 39.585 37.962Z",
+    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.762 53.554 24.09 66.555a2.734 2.734 0 0 1-3.35-1.891L9.749 26.07c-.962-3.372 1.156-6.852 4.593-7.554l42.873-8.744c3.134-.637 6.225 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.452 18.818 11.068 30.761l-1.34-4.69c-.962-3.373 1.156-6.853 4.593-7.555l42.885-8.744c3.134-.637 6.225 1.286 7.024 4.377l1.222 4.67Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M18.394 23.419a1.873 1.873 0 0 1-1.416 2.366c-1.092.238-2.227-.454-2.53-1.523a1.868 1.868 0 0 1 1.428-2.367c1.091-.227 2.215.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-.292-1.07.324-2.118 1.405-2.345 1.08-.227 2.172.464 2.464 1.523v.011Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M11.087 30.842s.324-3.155.605-6.387l-1.373-3.08-3.415 5.88a6.509 6.509 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l1.394 4.906 3.459-5.965v.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M71.762 53.554 24.09 66.555a2.734 2.734 0 0 1-3.35-1.891L9.749 26.07c-.962-3.372 1.156-6.852 4.593-7.554l42.873-8.744c3.134-.637 6.225 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: "m34 41.806-7.057 1.707a.795.795 0 0 0-.573.984l3.34 11.92 8.505-2.215-3.274-11.845a.794.794 0 0 0-.952-.562l.011.01Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m44.215 28.759-6.809 1.545a.784.784 0 0 0-.583.984l5.966 21.723 8.213-2.14-5.836-21.55a.782.782 0 0 0-.94-.562h-.01Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m58.285 31.606-6.495 1.513a.786.786 0 0 0-.584.973l4.193 15.638 7.933-2.064-4.096-15.498a.787.787 0 0 0-.94-.562h-.011Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m23.355 61.283 46.84-12.386M27.56 48.601l4.306-6.276M35.5 44.764l-6.423 9.36M33.5 55.417l3.593-5.244",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }));
+};
 VerticalBarChart.displayName = "VerticalBarChart";
 var stdin_default = createBaseComponent(VerticalBarChart);
 export {

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

@@ -26,64 +26,70 @@ 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 Waiting = ({ 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: "M39.996 4.245V1.884c0-.52-.455-.942-.975-.877C19.45 3.227 4.256 19.84 4.256 39.996H1.884c-.52 0-.942.454-.877.974 2.22 19.57 18.833 34.765 38.989 34.765v2.361c0 .52.454.943.974.878 19.57-2.22 34.765-18.834 34.765-38.99h2.372c.52 0 .942-.454.888-.974-2.22-19.57-18.834-34.765-38.989-34.765",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M65.23 59.847s.087-.054.12-.086l6.508-4.332-3.14-1.7-3.142.758-8.317-31.744a5.717 5.717 0 0 0-6.693-4.159l-39.671 8.09-1.398-3.13-3.422 5.892c-.076.12-.152.25-.216.368v.022a5.65 5.65 0 0 0-.455 4.256l10.462 36.726a2.592 2.592 0 0 0 3.184 1.797l45.368-12.368c.27-.075.52-.205.747-.346l.054-.033.011-.01Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m71.078 55.775-47.772 13.03a2.74 2.74 0 0 1-3.358-1.896L8.934 28.234c-.964-3.38 1.159-6.866 4.603-7.57l42.964-8.762c3.14-.64 6.238 1.289 7.04 4.386l9.465 36.152a2.735 2.735 0 0 1-1.928 3.335Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m63.107 16 1.132 4.308L10.322 32.1l-1.255-4.375c-.91-3.175 1.093-6.454 4.345-7.117l43.05-8.733c2.966-.602 5.89 1.213 6.645 4.122V16Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M17.599 25.58a1.877 1.877 0 0 1-1.42 2.372c-1.093.239-2.23-.455-2.534-1.527a1.872 1.872 0 0 1 1.43-2.372c1.094-.227 2.22.466 2.524 1.538v-.01ZM24.595 24.108c.292 1.06-.325 2.111-1.397 2.339-1.072.227-2.188-.455-2.48-1.527-.293-1.072.325-2.123 1.408-2.35 1.083-.228 2.176.465 2.469 1.527v.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m71.078 55.775-47.772 13.03a2.74 2.74 0 0 1-3.358-1.896L8.934 28.234c-.964-3.38 1.159-6.866 4.603-7.57l42.964-8.762c3.14-.64 6.238 1.289 7.04 4.386l9.465 36.152a2.735 2.735 0 0 1-1.928 3.335Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m57.226 37.537-36.194 9.065-1.874-6.606 36.4-8.795a.887.887 0 0 1 1.062.629l1.256 4.624a.88.88 0 0 1-.639 1.083h-.01ZM52.342 49.721l-28.3 7.484-1.862-6.552 28.43-7.278 1.732 6.346Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M56.013 50.046c11.586 0 20.979-9.392 20.979-20.978 0-11.586-9.393-20.978-20.979-20.978-11.586 0-20.978 9.392-20.978 20.978 0 11.586 9.392 20.978 20.978 20.978Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m52.44 32.512-8.123 3.899 12.433 6.444-1.495-8.88a1.989 1.989 0 0 0-2.826-1.463h.01ZM55.602 21.66l.574 3.379a2.146 2.146 0 0 0 3.043 1.581l3.087-1.484-6.704-3.476Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M69.91 21.412 54.253 13.3a1.202 1.202 0 0 0-1.62.514l-.085.164a1.202 1.202 0 0 0 .515 1.62l15.655 8.112c.59.305 1.315.075 1.62-.515l.085-.163a1.202 1.202 0 0 0-.515-1.62ZM42.12 36.733l15.655 8.111c.59.306 1.315.076 1.62-.514l.085-.163a1.202 1.202 0 0 0-.515-1.62L43.31 34.434a1.202 1.202 0 0 0-1.62.514l-.085.164a1.202 1.202 0 0 0 .515 1.62Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M59.1 36.421a11.436 11.436 0 0 0-1.224-4.938 1.526 1.526 0 0 1 0-1.386l.044-.087c.227-.433.65-.726 1.137-.802a11.383 11.383 0 0 0 4.743-1.851 11.593 11.593 0 0 0 3.964-4.647h.022v-.021c-4.44-2.296-8.88-4.603-13.31-6.9v.023c-.52.898-1.57 3.021-1.517 5.913a11.436 11.436 0 0 0 1.224 4.938c.217.434.228.953 0 1.387l-.043.086c-.228.434-.65.726-1.137.802-1.18.173-2.946.628-4.744 1.852a11.593 11.593 0 0 0-3.964 4.646h-.022v.022c4.44 2.296 8.881 4.602 13.31 6.898v-.021c.52-.9 1.571-3.022 1.517-5.914v0Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M56.013 50.046c11.586 0 20.979-9.392 20.979-20.978 0-11.586-9.393-20.978-20.979-20.978-11.586 0-20.978 9.392-20.978 20.978 0 11.586 9.392 20.978 20.978 20.978Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}));
+var import_useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
+const Waiting = ({ 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: "M39.996 4.245V1.884c0-.52-.455-.942-.975-.877C19.45 3.227 4.256 19.84 4.256 39.996H1.884c-.52 0-.942.454-.877.974 2.22 19.57 18.833 34.765 38.989 34.765v2.361c0 .52.454.943.974.878 19.57-2.22 34.765-18.834 34.765-38.99h2.372c.52 0 .942-.454.888-.974-2.22-19.57-18.834-34.765-38.989-34.765",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M65.23 59.847s.087-.054.12-.086l6.508-4.332-3.14-1.7-3.142.758-8.317-31.744a5.717 5.717 0 0 0-6.693-4.159l-39.671 8.09-1.398-3.13-3.422 5.892c-.076.12-.152.25-.216.368v.022a5.65 5.65 0 0 0-.455 4.256l10.462 36.726a2.592 2.592 0 0 0 3.184 1.797l45.368-12.368c.27-.075.52-.205.747-.346l.054-.033.011-.01Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m71.078 55.775-47.772 13.03a2.74 2.74 0 0 1-3.358-1.896L8.934 28.234c-.964-3.38 1.159-6.866 4.603-7.57l42.964-8.762c3.14-.64 6.238 1.289 7.04 4.386l9.465 36.152a2.735 2.735 0 0 1-1.928 3.335Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m63.107 16 1.132 4.308L10.322 32.1l-1.255-4.375c-.91-3.175 1.093-6.454 4.345-7.117l43.05-8.733c2.966-.602 5.89 1.213 6.645 4.122V16Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M17.599 25.58a1.877 1.877 0 0 1-1.42 2.372c-1.093.239-2.23-.455-2.534-1.527a1.872 1.872 0 0 1 1.43-2.372c1.094-.227 2.22.466 2.524 1.538v-.01ZM24.595 24.108c.292 1.06-.325 2.111-1.397 2.339-1.072.227-2.188-.455-2.48-1.527-.293-1.072.325-2.123 1.408-2.35 1.083-.228 2.176.465 2.469 1.527v.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m71.078 55.775-47.772 13.03a2.74 2.74 0 0 1-3.358-1.896L8.934 28.234c-.964-3.38 1.159-6.866 4.603-7.57l42.964-8.762c3.14-.64 6.238 1.289 7.04 4.386l9.465 36.152a2.735 2.735 0 0 1-1.928 3.335Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m57.226 37.537-36.194 9.065-1.874-6.606 36.4-8.795a.887.887 0 0 1 1.062.629l1.256 4.624a.88.88 0 0 1-.639 1.083h-.01ZM52.342 49.721l-28.3 7.484-1.862-6.552 28.43-7.278 1.732 6.346Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M56.013 50.046c11.586 0 20.979-9.392 20.979-20.978 0-11.586-9.393-20.978-20.979-20.978-11.586 0-20.978 9.392-20.978 20.978 0 11.586 9.392 20.978 20.978 20.978Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m52.44 32.512-8.123 3.899 12.433 6.444-1.495-8.88a1.989 1.989 0 0 0-2.826-1.463h.01ZM55.602 21.66l.574 3.379a2.146 2.146 0 0 0 3.043 1.581l3.087-1.484-6.704-3.476Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M69.91 21.412 54.253 13.3a1.202 1.202 0 0 0-1.62.514l-.085.164a1.202 1.202 0 0 0 .515 1.62l15.655 8.112c.59.305 1.315.075 1.62-.515l.085-.163a1.202 1.202 0 0 0-.515-1.62ZM42.12 36.733l15.655 8.111c.59.306 1.315.076 1.62-.514l.085-.163a1.202 1.202 0 0 0-.515-1.62L43.31 34.434a1.202 1.202 0 0 0-1.62.514l-.085.164a1.202 1.202 0 0 0 .515 1.62Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M59.1 36.421a11.436 11.436 0 0 0-1.224-4.938 1.526 1.526 0 0 1 0-1.386l.044-.087c.227-.433.65-.726 1.137-.802a11.383 11.383 0 0 0 4.743-1.851 11.593 11.593 0 0 0 3.964-4.647h.022v-.021c-4.44-2.296-8.88-4.603-13.31-6.9v.023c-.52.898-1.57 3.021-1.517 5.913a11.436 11.436 0 0 0 1.224 4.938c.217.434.228.953 0 1.387l-.043.086c-.228.434-.65.726-1.137.802-1.18.173-2.946.628-4.744 1.852a11.593 11.593 0 0 0-3.964 4.646h-.022v.022c4.44 2.296 8.881 4.602 13.31 6.898v-.021c.52-.9 1.571-3.022 1.517-5.914v0Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M56.013 50.046c11.586 0 20.979-9.392 20.979-20.978 0-11.586-9.393-20.978-20.979-20.978-11.586 0-20.978 9.392-20.978 20.978 0 11.586 9.392 20.978 20.978 20.978Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }));
+};
 Waiting.displayName = "Waiting";
 var stdin_default = (0, import_core.createBaseComponent)(Waiting);

package/illustration/Waiting/index.mjs

@@ -1,65 +1,71 @@
 import React from "react";
 import { createBaseComponent } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
-const Waiting = ({ 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: "M39.996 4.245V1.884c0-.52-.455-.942-.975-.877C19.45 3.227 4.256 19.84 4.256 39.996H1.884c-.52 0-.942.454-.877.974 2.22 19.57 18.833 34.765 38.989 34.765v2.361c0 .52.454.943.974.878 19.57-2.22 34.765-18.834 34.765-38.99h2.372c.52 0 .942-.454.888-.974-2.22-19.57-18.834-34.765-38.989-34.765",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M65.23 59.847s.087-.054.12-.086l6.508-4.332-3.14-1.7-3.142.758-8.317-31.744a5.717 5.717 0 0 0-6.693-4.159l-39.671 8.09-1.398-3.13-3.422 5.892c-.076.12-.152.25-.216.368v.022a5.65 5.65 0 0 0-.455 4.256l10.462 36.726a2.592 2.592 0 0 0 3.184 1.797l45.368-12.368c.27-.075.52-.205.747-.346l.054-.033.011-.01Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m71.078 55.775-47.772 13.03a2.74 2.74 0 0 1-3.358-1.896L8.934 28.234c-.964-3.38 1.159-6.866 4.603-7.57l42.964-8.762c3.14-.64 6.238 1.289 7.04 4.386l9.465 36.152a2.735 2.735 0 0 1-1.928 3.335Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m63.107 16 1.132 4.308L10.322 32.1l-1.255-4.375c-.91-3.175 1.093-6.454 4.345-7.117l43.05-8.733c2.966-.602 5.89 1.213 6.645 4.122V16Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M17.599 25.58a1.877 1.877 0 0 1-1.42 2.372c-1.093.239-2.23-.455-2.534-1.527a1.872 1.872 0 0 1 1.43-2.372c1.094-.227 2.22.466 2.524 1.538v-.01ZM24.595 24.108c.292 1.06-.325 2.111-1.397 2.339-1.072.227-2.188-.455-2.48-1.527-.293-1.072.325-2.123 1.408-2.35 1.083-.228 2.176.465 2.469 1.527v.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m71.078 55.775-47.772 13.03a2.74 2.74 0 0 1-3.358-1.896L8.934 28.234c-.964-3.38 1.159-6.866 4.603-7.57l42.964-8.762c3.14-.64 6.238 1.289 7.04 4.386l9.465 36.152a2.735 2.735 0 0 1-1.928 3.335Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m57.226 37.537-36.194 9.065-1.874-6.606 36.4-8.795a.887.887 0 0 1 1.062.629l1.256 4.624a.88.88 0 0 1-.639 1.083h-.01ZM52.342 49.721l-28.3 7.484-1.862-6.552 28.43-7.278 1.732 6.346Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M56.013 50.046c11.586 0 20.979-9.392 20.979-20.978 0-11.586-9.393-20.978-20.979-20.978-11.586 0-20.978 9.392-20.978 20.978 0 11.586 9.392 20.978 20.978 20.978Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m52.44 32.512-8.123 3.899 12.433 6.444-1.495-8.88a1.989 1.989 0 0 0-2.826-1.463h.01ZM55.602 21.66l.574 3.379a2.146 2.146 0 0 0 3.043 1.581l3.087-1.484-6.704-3.476Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M69.91 21.412 54.253 13.3a1.202 1.202 0 0 0-1.62.514l-.085.164a1.202 1.202 0 0 0 .515 1.62l15.655 8.112c.59.305 1.315.075 1.62-.515l.085-.163a1.202 1.202 0 0 0-.515-1.62ZM42.12 36.733l15.655 8.111c.59.306 1.315.076 1.62-.514l.085-.163a1.202 1.202 0 0 0-.515-1.62L43.31 34.434a1.202 1.202 0 0 0-1.62.514l-.085.164a1.202 1.202 0 0 0 .515 1.62Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M59.1 36.421a11.436 11.436 0 0 0-1.224-4.938 1.526 1.526 0 0 1 0-1.386l.044-.087c.227-.433.65-.726 1.137-.802a11.383 11.383 0 0 0 4.743-1.851 11.593 11.593 0 0 0 3.964-4.647h.022v-.021c-4.44-2.296-8.88-4.603-13.31-6.9v.023c-.52.898-1.57 3.021-1.517 5.913a11.436 11.436 0 0 0 1.224 4.938c.217.434.228.953 0 1.387l-.043.086c-.228.434-.65.726-1.137.802-1.18.173-2.946.628-4.744 1.852a11.593 11.593 0 0 0-3.964 4.646h-.022v.022c4.44 2.296 8.881 4.602 13.31 6.898v-.021c.52-.9 1.571-3.022 1.517-5.914v0Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M56.013 50.046c11.586 0 20.979-9.392 20.979-20.978 0-11.586-9.393-20.978-20.979-20.978-11.586 0-20.978 9.392-20.978 20.978 0 11.586 9.392 20.978 20.978 20.978Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}));
+import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
+const Waiting = ({ 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: "M39.996 4.245V1.884c0-.52-.455-.942-.975-.877C19.45 3.227 4.256 19.84 4.256 39.996H1.884c-.52 0-.942.454-.877.974 2.22 19.57 18.833 34.765 38.989 34.765v2.361c0 .52.454.943.974.878 19.57-2.22 34.765-18.834 34.765-38.99h2.372c.52 0 .942-.454.888-.974-2.22-19.57-18.834-34.765-38.989-34.765",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M65.23 59.847s.087-.054.12-.086l6.508-4.332-3.14-1.7-3.142.758-8.317-31.744a5.717 5.717 0 0 0-6.693-4.159l-39.671 8.09-1.398-3.13-3.422 5.892c-.076.12-.152.25-.216.368v.022a5.65 5.65 0 0 0-.455 4.256l10.462 36.726a2.592 2.592 0 0 0 3.184 1.797l45.368-12.368c.27-.075.52-.205.747-.346l.054-.033.011-.01Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m71.078 55.775-47.772 13.03a2.74 2.74 0 0 1-3.358-1.896L8.934 28.234c-.964-3.38 1.159-6.866 4.603-7.57l42.964-8.762c3.14-.64 6.238 1.289 7.04 4.386l9.465 36.152a2.735 2.735 0 0 1-1.928 3.335Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m63.107 16 1.132 4.308L10.322 32.1l-1.255-4.375c-.91-3.175 1.093-6.454 4.345-7.117l43.05-8.733c2.966-.602 5.89 1.213 6.645 4.122V16Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M17.599 25.58a1.877 1.877 0 0 1-1.42 2.372c-1.093.239-2.23-.455-2.534-1.527a1.872 1.872 0 0 1 1.43-2.372c1.094-.227 2.22.466 2.524 1.538v-.01ZM24.595 24.108c.292 1.06-.325 2.111-1.397 2.339-1.072.227-2.188-.455-2.48-1.527-.293-1.072.325-2.123 1.408-2.35 1.083-.228 2.176.465 2.469 1.527v.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m71.078 55.775-47.772 13.03a2.74 2.74 0 0 1-3.358-1.896L8.934 28.234c-.964-3.38 1.159-6.866 4.603-7.57l42.964-8.762c3.14-.64 6.238 1.289 7.04 4.386l9.465 36.152a2.735 2.735 0 0 1-1.928 3.335Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m57.226 37.537-36.194 9.065-1.874-6.606 36.4-8.795a.887.887 0 0 1 1.062.629l1.256 4.624a.88.88 0 0 1-.639 1.083h-.01ZM52.342 49.721l-28.3 7.484-1.862-6.552 28.43-7.278 1.732 6.346Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M56.013 50.046c11.586 0 20.979-9.392 20.979-20.978 0-11.586-9.393-20.978-20.979-20.978-11.586 0-20.978 9.392-20.978 20.978 0 11.586 9.392 20.978 20.978 20.978Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m52.44 32.512-8.123 3.899 12.433 6.444-1.495-8.88a1.989 1.989 0 0 0-2.826-1.463h.01ZM55.602 21.66l.574 3.379a2.146 2.146 0 0 0 3.043 1.581l3.087-1.484-6.704-3.476Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M69.91 21.412 54.253 13.3a1.202 1.202 0 0 0-1.62.514l-.085.164a1.202 1.202 0 0 0 .515 1.62l15.655 8.112c.59.305 1.315.075 1.62-.515l.085-.163a1.202 1.202 0 0 0-.515-1.62ZM42.12 36.733l15.655 8.111c.59.306 1.315.076 1.62-.514l.085-.163a1.202 1.202 0 0 0-.515-1.62L43.31 34.434a1.202 1.202 0 0 0-1.62.514l-.085.164a1.202 1.202 0 0 0 .515 1.62Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M59.1 36.421a11.436 11.436 0 0 0-1.224-4.938 1.526 1.526 0 0 1 0-1.386l.044-.087c.227-.433.65-.726 1.137-.802a11.383 11.383 0 0 0 4.743-1.851 11.593 11.593 0 0 0 3.964-4.647h.022v-.021c-4.44-2.296-8.88-4.603-13.31-6.9v.023c-.52.898-1.57 3.021-1.517 5.913a11.436 11.436 0 0 0 1.224 4.938c.217.434.228.953 0 1.387l-.043.086c-.228.434-.65.726-1.137.802-1.18.173-2.946.628-4.744 1.852a11.593 11.593 0 0 0-3.964 4.646h-.022v.022c4.44 2.296 8.881 4.602 13.31 6.898v-.021c.52-.9 1.571-3.022 1.517-5.914v0Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M56.013 50.046c11.586 0 20.979-9.392 20.979-20.978 0-11.586-9.393-20.978-20.979-20.978-11.586 0-20.978 9.392-20.978 20.978 0 11.586 9.392 20.978 20.978 20.978Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }));
+};
 Waiting.displayName = "Waiting";
 var stdin_default = createBaseComponent(Waiting);
 export {

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