intergalactic 15.98.2 → 15.99.0-prerelease.1

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

@@ -26,49 +26,55 @@ 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 Table = ({ 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: "M76.426 41.408c0-15.563-9.761-28.837-23.493-34.053L49.06.64A1.274 1.274 0 0 0 47.952 0H32.048c-.457 0-.872.245-1.107.639l-3.874 6.716C13.335 12.571 3.574 25.845 3.574 41.408c0 1.98.16 3.928.468 5.822L.168 53.947a1.3 1.3 0 0 0 0 1.277L8.119 69c.224.394.65.638 1.107.638h7.76A36.269 36.269 0 0 0 40 77.834a36.269 36.269 0 0 0 23.014-8.197h7.76c.457 0 .873-.244 1.107-.638l7.951-13.774a1.3 1.3 0 0 0 0-1.278l-3.874-6.717c.308-1.894.468-3.842.468-5.822Z",
-  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: "m30.814 30.13 7.6 27.303M48.623 26l7.302 26.728M21 47.247 64.888 36.26",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}));
+var import_useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
+const Table = ({ 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: "M76.426 41.408c0-15.563-9.761-28.837-23.493-34.053L49.06.64A1.274 1.274 0 0 0 47.952 0H32.048c-.457 0-.872.245-1.107.639l-3.874 6.716C13.335 12.571 3.574 25.845 3.574 41.408c0 1.98.16 3.928.468 5.822L.168 53.947a1.3 1.3 0 0 0 0 1.277L8.119 69c.224.394.65.638 1.107.638h7.76A36.269 36.269 0 0 0 40 77.834a36.269 36.269 0 0 0 23.014-8.197h7.76c.457 0 .873-.244 1.107-.638l7.951-13.774a1.3 1.3 0 0 0 0-1.278l-3.874-6.717c.308-1.894.468-3.842.468-5.822Z",
+    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: "m30.814 30.13 7.6 27.303M48.623 26l7.302 26.728M21 47.247 64.888 36.26",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }));
+};
 Table.displayName = "Table";
 var stdin_default = (0, import_core.createBaseComponent)(Table);

package/illustration/Table/index.mjs

@@ -1,50 +1,56 @@
 import React from "react";
 import { createBaseComponent } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
-const Table = ({ 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: "M76.426 41.408c0-15.563-9.761-28.837-23.493-34.053L49.06.64A1.274 1.274 0 0 0 47.952 0H32.048c-.457 0-.872.245-1.107.639l-3.874 6.716C13.335 12.571 3.574 25.845 3.574 41.408c0 1.98.16 3.928.468 5.822L.168 53.947a1.3 1.3 0 0 0 0 1.277L8.119 69c.224.394.65.638 1.107.638h7.76A36.269 36.269 0 0 0 40 77.834a36.269 36.269 0 0 0 23.014-8.197h7.76c.457 0 .873-.244 1.107-.638l7.951-13.774a1.3 1.3 0 0 0 0-1.278l-3.874-6.717c.308-1.894.468-3.842.468-5.822Z",
-  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: "m30.814 30.13 7.6 27.303M48.623 26l7.302 26.728M21 47.247 64.888 36.26",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}));
+import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
+const Table = ({ 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: "M76.426 41.408c0-15.563-9.761-28.837-23.493-34.053L49.06.64A1.274 1.274 0 0 0 47.952 0H32.048c-.457 0-.872.245-1.107.639l-3.874 6.716C13.335 12.571 3.574 25.845 3.574 41.408c0 1.98.16 3.928.468 5.822L.168 53.947a1.3 1.3 0 0 0 0 1.277L8.119 69c.224.394.65.638 1.107.638h7.76A36.269 36.269 0 0 0 40 77.834a36.269 36.269 0 0 0 23.014-8.197h7.76c.457 0 .873-.244 1.107-.638l7.951-13.774a1.3 1.3 0 0 0 0-1.278l-3.874-6.717c.308-1.894.468-3.842.468-5.822Z",
+    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: "m30.814 30.13 7.6 27.303M48.623 26l7.302 26.728M21 47.247 64.888 36.26",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }));
+};
 Table.displayName = "Table";
 var stdin_default = createBaseComponent(Table);
 export {

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

@@ -26,76 +26,82 @@ 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 TagCloud = ({ 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: "M65.245 14.837c-6.425-6.424-15.32-10.46-25.204-10.46V1.906A.914.914 0 0 0 39.135 1c-10.048.247-19.191 4.283-26.027 10.79a.896.896 0 0 0 0 1.235l1.73 1.73C8.412 21.18 4.376 30.075 4.376 39.959H1.906a.914.914 0 0 0-.906.906c.247 10.048 4.283 19.191 10.79 26.027.33.33.906.33 1.235 0l1.73-1.73c6.425 6.425 15.32 10.461 25.204 10.461v2.471c0 .494.412.906.906.906 10.048-.247 19.191-4.283 26.027-10.79a.896.896 0 0 0 0-1.235l-1.73-1.73c6.425-6.425 10.461-15.32 10.461-25.204h2.47a.914.914 0 0 0 .907-.906c-.247-10.048-4.283-19.191-10.79-26.027a.896.896 0 0 0-1.235 0l-1.73 1.73Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("path", {
-  d: "M71.762 53.553 24.09 66.555a2.734 2.734 0 0 1-3.35-1.892L9.749 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__ */ import_react.default.createElement("path", {
-  d: "M65.452 18.818 11.068 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__ */ import_react.default.createElement("path", {
-  d: "M18.394 23.428a1.873 1.873 0 0 1-1.416 2.366c-1.081.238-2.227-.454-2.53-1.523a1.868 1.868 0 0 1 1.428-2.367c1.091-.227 2.215.465 2.518 1.534v-.01Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.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-.292-1.07.324-2.118 1.405-2.345 1.08-.227 2.172.465 2.464 1.524v.01Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M11.087 30.862s.324-3.156.605-6.387l-1.373-3.08-3.415 5.879a6.509 6.509 0 0 0-.216.367v.022a5.638 5.638 0 0 0-.454 4.247l1.394 4.907 3.459-5.966v.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M71.762 53.553 24.09 66.555a2.734 2.734 0 0 1-3.35-1.892L9.749 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__ */ import_react.default.createElement("path", {
-  d: "M25.993 43.23a2.247 2.247 0 0 1-2.701-1.578l-1.233-4.398a2.255 2.255 0 0 1 1.654-2.8 2.258 2.258 0 0 1 2.68 1.59l1.221 4.398a2.256 2.256 0 0 1-1.631 2.788h.01Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m44.907 35.917-13.401 3.242a1.802 1.802 0 0 1-2.162-1.276l-.022-.075c-.27-.984.325-2 1.33-2.237l13.412-3.167a1.809 1.809 0 0 1 2.161 1.286 1.803 1.803 0 0 1-1.318 2.227Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M63.646 42.306a1.821 1.821 0 0 1-1.297 2.226l-18.103 4.756a1.87 1.87 0 1 1-.94-3.62l18.124-4.66a1.819 1.819 0 0 1 2.216 1.298v0Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m39.102 46.404 1.156 4.204a2.096 2.096 0 1 1-4.042 1.113l-1.156-4.204a2.103 2.103 0 0 1 4.053-1.113h-.011Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M44.23 45.53 42.26 48.4M50.742 43.785l-3.164 4.61M57.241 42.058l-3.175 4.632M63.036 41.36l-2.48 3.614M25.073 34.774l-2.639 3.849M27.238 39.37l-2.573 3.754",
-  stroke: "#6C6E79",
-  strokeMiterlimit: "10",
-  strokeWidth: ".7"
-}));
+var import_useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
+const TagCloud = ({ 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: "M65.245 14.837c-6.425-6.424-15.32-10.46-25.204-10.46V1.906A.914.914 0 0 0 39.135 1c-10.048.247-19.191 4.283-26.027 10.79a.896.896 0 0 0 0 1.235l1.73 1.73C8.412 21.18 4.376 30.075 4.376 39.959H1.906a.914.914 0 0 0-.906.906c.247 10.048 4.283 19.191 10.79 26.027.33.33.906.33 1.235 0l1.73-1.73c6.425 6.425 15.32 10.461 25.204 10.461v2.471c0 .494.412.906.906.906 10.048-.247 19.191-4.283 26.027-10.79a.896.896 0 0 0 0-1.235l-1.73-1.73c6.425-6.425 10.461-15.32 10.461-25.204h2.47a.914.914 0 0 0 .907-.906c-.247-10.048-4.283-19.191-10.79-26.027a.896.896 0 0 0-1.235 0l-1.73 1.73Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("path", {
+    d: "M71.762 53.553 24.09 66.555a2.734 2.734 0 0 1-3.35-1.892L9.749 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__ */ import_react.default.createElement("path", {
+    d: "M65.452 18.818 11.068 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__ */ import_react.default.createElement("path", {
+    d: "M18.394 23.428a1.873 1.873 0 0 1-1.416 2.366c-1.081.238-2.227-.454-2.53-1.523a1.868 1.868 0 0 1 1.428-2.367c1.091-.227 2.215.465 2.518 1.534v-.01Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.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-.292-1.07.324-2.118 1.405-2.345 1.08-.227 2.172.465 2.464 1.524v.01Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M11.087 30.862s.324-3.156.605-6.387l-1.373-3.08-3.415 5.879a6.509 6.509 0 0 0-.216.367v.022a5.638 5.638 0 0 0-.454 4.247l1.394 4.907 3.459-5.966v.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M71.762 53.553 24.09 66.555a2.734 2.734 0 0 1-3.35-1.892L9.749 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__ */ import_react.default.createElement("path", {
+    d: "M25.993 43.23a2.247 2.247 0 0 1-2.701-1.578l-1.233-4.398a2.255 2.255 0 0 1 1.654-2.8 2.258 2.258 0 0 1 2.68 1.59l1.221 4.398a2.256 2.256 0 0 1-1.631 2.788h.01Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m44.907 35.917-13.401 3.242a1.802 1.802 0 0 1-2.162-1.276l-.022-.075c-.27-.984.325-2 1.33-2.237l13.412-3.167a1.809 1.809 0 0 1 2.161 1.286 1.803 1.803 0 0 1-1.318 2.227Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M63.646 42.306a1.821 1.821 0 0 1-1.297 2.226l-18.103 4.756a1.87 1.87 0 1 1-.94-3.62l18.124-4.66a1.819 1.819 0 0 1 2.216 1.298v0Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m39.102 46.404 1.156 4.204a2.096 2.096 0 1 1-4.042 1.113l-1.156-4.204a2.103 2.103 0 0 1 4.053-1.113h-.011Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M44.23 45.53 42.26 48.4M50.742 43.785l-3.164 4.61M57.241 42.058l-3.175 4.632M63.036 41.36l-2.48 3.614M25.073 34.774l-2.639 3.849M27.238 39.37l-2.573 3.754",
+    stroke: resolvedSecondaryColor,
+    strokeMiterlimit: "10",
+    strokeWidth: ".7"
+  }));
+};
 TagCloud.displayName = "TagCloud";
 var stdin_default = (0, import_core.createBaseComponent)(TagCloud);

package/illustration/TagCloud/index.mjs

@@ -1,77 +1,83 @@
 import React from "react";
 import { createBaseComponent } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
-const TagCloud = ({ 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: "M65.245 14.837c-6.425-6.424-15.32-10.46-25.204-10.46V1.906A.914.914 0 0 0 39.135 1c-10.048.247-19.191 4.283-26.027 10.79a.896.896 0 0 0 0 1.235l1.73 1.73C8.412 21.18 4.376 30.075 4.376 39.959H1.906a.914.914 0 0 0-.906.906c.247 10.048 4.283 19.191 10.79 26.027.33.33.906.33 1.235 0l1.73-1.73c6.425 6.425 15.32 10.461 25.204 10.461v2.471c0 .494.412.906.906.906 10.048-.247 19.191-4.283 26.027-10.79a.896.896 0 0 0 0-1.235l-1.73-1.73c6.425-6.425 10.461-15.32 10.461-25.204h2.47a.914.914 0 0 0 .907-.906c-.247-10.048-4.283-19.191-10.79-26.027a.896.896 0 0 0-1.235 0l-1.73 1.73Z",
-  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.762 53.553 24.09 66.555a2.734 2.734 0 0 1-3.35-1.892L9.749 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.452 18.818 11.068 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.394 23.428a1.873 1.873 0 0 1-1.416 2.366c-1.081.238-2.227-.454-2.53-1.523a1.868 1.868 0 0 1 1.428-2.367c1.091-.227 2.215.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-.292-1.07.324-2.118 1.405-2.345 1.08-.227 2.172.465 2.464 1.524v.01Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M11.087 30.862s.324-3.156.605-6.387l-1.373-3.08-3.415 5.879a6.509 6.509 0 0 0-.216.367v.022a5.638 5.638 0 0 0-.454 4.247l1.394 4.907 3.459-5.966v.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M71.762 53.553 24.09 66.555a2.734 2.734 0 0 1-3.35-1.892L9.749 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: "M25.993 43.23a2.247 2.247 0 0 1-2.701-1.578l-1.233-4.398a2.255 2.255 0 0 1 1.654-2.8 2.258 2.258 0 0 1 2.68 1.59l1.221 4.398a2.256 2.256 0 0 1-1.631 2.788h.01Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m44.907 35.917-13.401 3.242a1.802 1.802 0 0 1-2.162-1.276l-.022-.075c-.27-.984.325-2 1.33-2.237l13.412-3.167a1.809 1.809 0 0 1 2.161 1.286 1.803 1.803 0 0 1-1.318 2.227Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M63.646 42.306a1.821 1.821 0 0 1-1.297 2.226l-18.103 4.756a1.87 1.87 0 1 1-.94-3.62l18.124-4.66a1.819 1.819 0 0 1 2.216 1.298v0Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m39.102 46.404 1.156 4.204a2.096 2.096 0 1 1-4.042 1.113l-1.156-4.204a2.103 2.103 0 0 1 4.053-1.113h-.011Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M44.23 45.53 42.26 48.4M50.742 43.785l-3.164 4.61M57.241 42.058l-3.175 4.632M63.036 41.36l-2.48 3.614M25.073 34.774l-2.639 3.849M27.238 39.37l-2.573 3.754",
-  stroke: "#6C6E79",
-  strokeMiterlimit: "10",
-  strokeWidth: ".7"
-}));
+import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
+const TagCloud = ({ 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: "M65.245 14.837c-6.425-6.424-15.32-10.46-25.204-10.46V1.906A.914.914 0 0 0 39.135 1c-10.048.247-19.191 4.283-26.027 10.79a.896.896 0 0 0 0 1.235l1.73 1.73C8.412 21.18 4.376 30.075 4.376 39.959H1.906a.914.914 0 0 0-.906.906c.247 10.048 4.283 19.191 10.79 26.027.33.33.906.33 1.235 0l1.73-1.73c6.425 6.425 15.32 10.461 25.204 10.461v2.471c0 .494.412.906.906.906 10.048-.247 19.191-4.283 26.027-10.79a.896.896 0 0 0 0-1.235l-1.73-1.73c6.425-6.425 10.461-15.32 10.461-25.204h2.47a.914.914 0 0 0 .907-.906c-.247-10.048-4.283-19.191-10.79-26.027a.896.896 0 0 0-1.235 0l-1.73 1.73Z",
+    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.762 53.553 24.09 66.555a2.734 2.734 0 0 1-3.35-1.892L9.749 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.452 18.818 11.068 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.394 23.428a1.873 1.873 0 0 1-1.416 2.366c-1.081.238-2.227-.454-2.53-1.523a1.868 1.868 0 0 1 1.428-2.367c1.091-.227 2.215.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-.292-1.07.324-2.118 1.405-2.345 1.08-.227 2.172.465 2.464 1.524v.01Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M11.087 30.862s.324-3.156.605-6.387l-1.373-3.08-3.415 5.879a6.509 6.509 0 0 0-.216.367v.022a5.638 5.638 0 0 0-.454 4.247l1.394 4.907 3.459-5.966v.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M71.762 53.553 24.09 66.555a2.734 2.734 0 0 1-3.35-1.892L9.749 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: "M25.993 43.23a2.247 2.247 0 0 1-2.701-1.578l-1.233-4.398a2.255 2.255 0 0 1 1.654-2.8 2.258 2.258 0 0 1 2.68 1.59l1.221 4.398a2.256 2.256 0 0 1-1.631 2.788h.01Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m44.907 35.917-13.401 3.242a1.802 1.802 0 0 1-2.162-1.276l-.022-.075c-.27-.984.325-2 1.33-2.237l13.412-3.167a1.809 1.809 0 0 1 2.161 1.286 1.803 1.803 0 0 1-1.318 2.227Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M63.646 42.306a1.821 1.821 0 0 1-1.297 2.226l-18.103 4.756a1.87 1.87 0 1 1-.94-3.62l18.124-4.66a1.819 1.819 0 0 1 2.216 1.298v0Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m39.102 46.404 1.156 4.204a2.096 2.096 0 1 1-4.042 1.113l-1.156-4.204a2.103 2.103 0 0 1 4.053-1.113h-.011Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M44.23 45.53 42.26 48.4M50.742 43.785l-3.164 4.61M57.241 42.058l-3.175 4.632M63.036 41.36l-2.48 3.614M25.073 34.774l-2.639 3.849M27.238 39.37l-2.573 3.754",
+    stroke: resolvedSecondaryColor,
+    strokeMiterlimit: "10",
+    strokeWidth: ".7"
+  }));
+};
 TagCloud.displayName = "TagCloud";
 var stdin_default = createBaseComponent(TagCloud);
 export {