intergalactic 15.98.2 → 15.99.0-prerelease.1

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

@@ -26,102 +26,108 @@ 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 NothingFound = ({ fill = "none", width = "81", height = "80", viewBox = "0 0 81 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: "M68.048 23.576C65.543 15.442 60.654 7.591 54 2.186c-.225-.224-.628-.224-.912-.112L42.336 6.91c-9.614-1.764-19.17-2.16-28.44 1.249-.344.112-.568.396-.568.74-.112 2.617-.68 13.54-.68 13.54C6.27 29.206 1.267 37.684.011 46.895c-.06.344.112.628.344.8l11.603 8.075c2.505 8.134 7.395 15.985 14.049 21.39.224.224.628.224.912.112l10.751-4.837c9.615 1.764 19.17 2.16 28.44-1.249.345-.112.569-.396.569-.74l.68-13.54c6.37-6.766 11.38-15.244 12.628-24.455.06-.344-.112-.628-.344-.8l-11.596-8.075Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M78.073 52.909c.03-.075.06-.157.083-.232l1.614-4.389-3.117-.814-16-25.891a6.015 6.015 0 0 0-6.52-2.685L8.954 29.807 6 29.037l-1.39 4.037a3.525 3.525 0 0 0-.135.396 4.959 4.959 0 0 0 .359 3.716l15.334 29.398a8.203 8.203 0 0 0 9.884 3.984l45.554-15.304a4.074 4.074 0 0 0 2.467-2.355Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M77.093 51.315 31.54 66.245a8.196 8.196 0 0 1-9.884-3.985L6.321 32.87c-1.503-2.878.097-6.407 3.26-7.17l46.055-11.11a6.013 6.013 0 0 1 6.52 2.684l17.098 28.052c1.376 2.228.321 5.159-2.16 5.989Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m64.137 20.526-1.982-3.253a6.015 6.015 0 0 0-6.52-2.684L9.582 25.7c-3.155.763-4.763 4.284-3.26 7.17l1.54 2.961 56.276-15.304Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M14.025 31.74c.798-.443.911-1.762.253-2.945-.657-1.184-1.837-1.785-2.635-1.341-.798.443-.911 1.762-.253 2.946.658 1.184 1.837 1.784 2.635 1.34ZM21.359 29.922c.797-.444.91-1.763.253-2.947-.658-1.183-1.838-1.784-2.635-1.34-.798.443-.912 1.762-.254 2.946.658 1.183 1.838 1.784 2.636 1.34Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m22.037 42.162 38.9-10.886",
-  stroke: "#E0E1E9",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m70.012 40.973-1.278-2.071a.746.746 0 0 0-.845-.322l-43.67 12.837a.743.743 0 0 0-.449 1.062l1.174 2.25c.164.314.53.471.875.374L69.594 42.08a.75.75 0 0 0 .418-1.106ZM63.208 47.037 27.747 58.215a.748.748 0 0 0-.442 1.061c.352.658.838 1.585 1.152 2.168a.753.753 0 0 0 .882.36l35.67-11.245a.749.749 0 0 0 .404-1.122l-1.353-2.086a.736.736 0 0 0-.852-.314Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M48.856 24.51c4.366 7.858 3.177 16.852-2.662 20.097-5.839 3.245-14.1-.501-18.467-8.351-3.439-6.183-3.431-13.077-.426-17.316a9.343 9.343 0 0 1 3.088-2.781c5.832-3.245 14.1.493 18.467 8.351Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M28.05 19.316s3.88-5.712 7.543-5.301c3.664.411 1.316 27.82 1.316 27.82s-10.153-20.344-8.86-22.52Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M56.85 62.22a3.482 3.482 0 0 1-4.726-1.352l-11.23-20.194a3.482 3.482 0 0 1 1.354-4.725 3.482 3.482 0 0 1 4.725 1.353l11.222 20.201c.927 1.66.321 3.79-1.346 4.718Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M46.973 37.296a3.484 3.484 0 0 0-4.725-1.353 3.484 3.484 0 0 0-1.354 4.725l5.002 9.002s.695-8.165 5.07-5.189l-3.993-7.185Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M48.403 42.401c5.836-3.243 7.028-12.242 2.662-20.099-4.366-7.857-12.637-11.598-18.473-8.355-5.836 3.243-7.028 12.241-2.662 20.099 4.366 7.857 12.636 11.598 18.473 8.355Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M31.906 34.044c-4.366-7.858-3.178-16.852 2.661-20.097a9.431 9.431 0 0 1 3.59-1.114c-1.96-.172-3.866.164-5.563 1.114-5.832 3.245-7.028 12.239-2.662 20.097 3.529 6.347 9.6 10.003 14.886 9.465-4.763-.412-9.817-3.895-12.912-9.465Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M48.403 42.401c5.836-3.243 7.028-12.242 2.662-20.099-4.366-7.857-12.637-11.598-18.473-8.355-5.836 3.243-7.028 12.241-2.662 20.099 4.366 7.857 12.636 11.598 18.473 8.355Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M49.544 37.034a6.273 6.273 0 0 1-2.116 1.944c-4.209 2.34-10.414-.777-13.854-6.96-3.439-6.183-2.81-13.1 1.406-15.44 4.217-2.34 10.415.778 13.854 6.961 1.368 2.468 2.093 5.047 2.205 7.41",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M37.342 17.535c2.026-.515 5.189-.03 6.998 2.849 1.81 2.878.576 3.207-.905 1.892-1.48-1.316-4.44-2.086-6.093-.673-1.645 1.413-2.96-.972-2.303-2.206.658-1.233 1.638-1.69 2.303-1.861ZM45.822 24.668s.044-1.144.762-.74c.718.41 1.54 1.48.8 1.973-.74.494-1.563-1.233-1.563-1.233Z",
-  fill: "#fff"
-}));
+var import_useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
+const NothingFound = ({ fill = "none", width = "81", height = "80", viewBox = "0 0 81 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: "M68.048 23.576C65.543 15.442 60.654 7.591 54 2.186c-.225-.224-.628-.224-.912-.112L42.336 6.91c-9.614-1.764-19.17-2.16-28.44 1.249-.344.112-.568.396-.568.74-.112 2.617-.68 13.54-.68 13.54C6.27 29.206 1.267 37.684.011 46.895c-.06.344.112.628.344.8l11.603 8.075c2.505 8.134 7.395 15.985 14.049 21.39.224.224.628.224.912.112l10.751-4.837c9.615 1.764 19.17 2.16 28.44-1.249.345-.112.569-.396.569-.74l.68-13.54c6.37-6.766 11.38-15.244 12.628-24.455.06-.344-.112-.628-.344-.8l-11.596-8.075Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M78.073 52.909c.03-.075.06-.157.083-.232l1.614-4.389-3.117-.814-16-25.891a6.015 6.015 0 0 0-6.52-2.685L8.954 29.807 6 29.037l-1.39 4.037a3.525 3.525 0 0 0-.135.396 4.959 4.959 0 0 0 .359 3.716l15.334 29.398a8.203 8.203 0 0 0 9.884 3.984l45.554-15.304a4.074 4.074 0 0 0 2.467-2.355Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M77.093 51.315 31.54 66.245a8.196 8.196 0 0 1-9.884-3.985L6.321 32.87c-1.503-2.878.097-6.407 3.26-7.17l46.055-11.11a6.013 6.013 0 0 1 6.52 2.684l17.098 28.052c1.376 2.228.321 5.159-2.16 5.989Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m64.137 20.526-1.982-3.253a6.015 6.015 0 0 0-6.52-2.684L9.582 25.7c-3.155.763-4.763 4.284-3.26 7.17l1.54 2.961 56.276-15.304Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M14.025 31.74c.798-.443.911-1.762.253-2.945-.657-1.184-1.837-1.785-2.635-1.341-.798.443-.911 1.762-.253 2.946.658 1.184 1.837 1.784 2.635 1.34ZM21.359 29.922c.797-.444.91-1.763.253-2.947-.658-1.183-1.838-1.784-2.635-1.34-.798.443-.912 1.762-.254 2.946.658 1.183 1.838 1.784 2.636 1.34Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m22.037 42.162 38.9-10.886",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m70.012 40.973-1.278-2.071a.746.746 0 0 0-.845-.322l-43.67 12.837a.743.743 0 0 0-.449 1.062l1.174 2.25c.164.314.53.471.875.374L69.594 42.08a.75.75 0 0 0 .418-1.106ZM63.208 47.037 27.747 58.215a.748.748 0 0 0-.442 1.061c.352.658.838 1.585 1.152 2.168a.753.753 0 0 0 .882.36l35.67-11.245a.749.749 0 0 0 .404-1.122l-1.353-2.086a.736.736 0 0 0-.852-.314Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M48.856 24.51c4.366 7.858 3.177 16.852-2.662 20.097-5.839 3.245-14.1-.501-18.467-8.351-3.439-6.183-3.431-13.077-.426-17.316a9.343 9.343 0 0 1 3.088-2.781c5.832-3.245 14.1.493 18.467 8.351Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M28.05 19.316s3.88-5.712 7.543-5.301c3.664.411 1.316 27.82 1.316 27.82s-10.153-20.344-8.86-22.52Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M56.85 62.22a3.482 3.482 0 0 1-4.726-1.352l-11.23-20.194a3.482 3.482 0 0 1 1.354-4.725 3.482 3.482 0 0 1 4.725 1.353l11.222 20.201c.927 1.66.321 3.79-1.346 4.718Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M46.973 37.296a3.484 3.484 0 0 0-4.725-1.353 3.484 3.484 0 0 0-1.354 4.725l5.002 9.002s.695-8.165 5.07-5.189l-3.993-7.185Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M48.403 42.401c5.836-3.243 7.028-12.242 2.662-20.099-4.366-7.857-12.637-11.598-18.473-8.355-5.836 3.243-7.028 12.241-2.662 20.099 4.366 7.857 12.636 11.598 18.473 8.355Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M31.906 34.044c-4.366-7.858-3.178-16.852 2.661-20.097a9.431 9.431 0 0 1 3.59-1.114c-1.96-.172-3.866.164-5.563 1.114-5.832 3.245-7.028 12.239-2.662 20.097 3.529 6.347 9.6 10.003 14.886 9.465-4.763-.412-9.817-3.895-12.912-9.465Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M48.403 42.401c5.836-3.243 7.028-12.242 2.662-20.099-4.366-7.857-12.637-11.598-18.473-8.355-5.836 3.243-7.028 12.241-2.662 20.099 4.366 7.857 12.636 11.598 18.473 8.355Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M49.544 37.034a6.273 6.273 0 0 1-2.116 1.944c-4.209 2.34-10.414-.777-13.854-6.96-3.439-6.183-2.81-13.1 1.406-15.44 4.217-2.34 10.415.778 13.854 6.961 1.368 2.468 2.093 5.047 2.205 7.41",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M37.342 17.535c2.026-.515 5.189-.03 6.998 2.849 1.81 2.878.576 3.207-.905 1.892-1.48-1.316-4.44-2.086-6.093-.673-1.645 1.413-2.96-.972-2.303-2.206.658-1.233 1.638-1.69 2.303-1.861ZM45.822 24.668s.044-1.144.762-.74c.718.41 1.54 1.48.8 1.973-.74.494-1.563-1.233-1.563-1.233Z",
+    fill: "#fff"
+  }));
+};
 NothingFound.displayName = "NothingFound";
 var stdin_default = (0, import_core.createBaseComponent)(NothingFound);

package/illustration/NothingFound/index.mjs

@@ -1,103 +1,109 @@
 import React from "react";
 import { createBaseComponent } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
-const NothingFound = ({ fill = "none", width = "81", height = "80", viewBox = "0 0 81 80", ...props }, ref) => /* @__PURE__ */ React.createElement(Box, {
-  ref,
-  width,
-  height,
-  viewBox,
-  fill,
-  tag: "svg",
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M68.048 23.576C65.543 15.442 60.654 7.591 54 2.186c-.225-.224-.628-.224-.912-.112L42.336 6.91c-9.614-1.764-19.17-2.16-28.44 1.249-.344.112-.568.396-.568.74-.112 2.617-.68 13.54-.68 13.54C6.27 29.206 1.267 37.684.011 46.895c-.06.344.112.628.344.8l11.603 8.075c2.505 8.134 7.395 15.985 14.049 21.39.224.224.628.224.912.112l10.751-4.837c9.615 1.764 19.17 2.16 28.44-1.249.345-.112.569-.396.569-.74l.68-13.54c6.37-6.766 11.38-15.244 12.628-24.455.06-.344-.112-.628-.344-.8l-11.596-8.075Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M78.073 52.909c.03-.075.06-.157.083-.232l1.614-4.389-3.117-.814-16-25.891a6.015 6.015 0 0 0-6.52-2.685L8.954 29.807 6 29.037l-1.39 4.037a3.525 3.525 0 0 0-.135.396 4.959 4.959 0 0 0 .359 3.716l15.334 29.398a8.203 8.203 0 0 0 9.884 3.984l45.554-15.304a4.074 4.074 0 0 0 2.467-2.355Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M77.093 51.315 31.54 66.245a8.196 8.196 0 0 1-9.884-3.985L6.321 32.87c-1.503-2.878.097-6.407 3.26-7.17l46.055-11.11a6.013 6.013 0 0 1 6.52 2.684l17.098 28.052c1.376 2.228.321 5.159-2.16 5.989Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m64.137 20.526-1.982-3.253a6.015 6.015 0 0 0-6.52-2.684L9.582 25.7c-3.155.763-4.763 4.284-3.26 7.17l1.54 2.961 56.276-15.304Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M14.025 31.74c.798-.443.911-1.762.253-2.945-.657-1.184-1.837-1.785-2.635-1.341-.798.443-.911 1.762-.253 2.946.658 1.184 1.837 1.784 2.635 1.34ZM21.359 29.922c.797-.444.91-1.763.253-2.947-.658-1.183-1.838-1.784-2.635-1.34-.798.443-.912 1.762-.254 2.946.658 1.183 1.838 1.784 2.636 1.34Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m22.037 42.162 38.9-10.886",
-  stroke: "#E0E1E9",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m70.012 40.973-1.278-2.071a.746.746 0 0 0-.845-.322l-43.67 12.837a.743.743 0 0 0-.449 1.062l1.174 2.25c.164.314.53.471.875.374L69.594 42.08a.75.75 0 0 0 .418-1.106ZM63.208 47.037 27.747 58.215a.748.748 0 0 0-.442 1.061c.352.658.838 1.585 1.152 2.168a.753.753 0 0 0 .882.36l35.67-11.245a.749.749 0 0 0 .404-1.122l-1.353-2.086a.736.736 0 0 0-.852-.314Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M48.856 24.51c4.366 7.858 3.177 16.852-2.662 20.097-5.839 3.245-14.1-.501-18.467-8.351-3.439-6.183-3.431-13.077-.426-17.316a9.343 9.343 0 0 1 3.088-2.781c5.832-3.245 14.1.493 18.467 8.351Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M28.05 19.316s3.88-5.712 7.543-5.301c3.664.411 1.316 27.82 1.316 27.82s-10.153-20.344-8.86-22.52Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M56.85 62.22a3.482 3.482 0 0 1-4.726-1.352l-11.23-20.194a3.482 3.482 0 0 1 1.354-4.725 3.482 3.482 0 0 1 4.725 1.353l11.222 20.201c.927 1.66.321 3.79-1.346 4.718Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M46.973 37.296a3.484 3.484 0 0 0-4.725-1.353 3.484 3.484 0 0 0-1.354 4.725l5.002 9.002s.695-8.165 5.07-5.189l-3.993-7.185Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M48.403 42.401c5.836-3.243 7.028-12.242 2.662-20.099-4.366-7.857-12.637-11.598-18.473-8.355-5.836 3.243-7.028 12.241-2.662 20.099 4.366 7.857 12.636 11.598 18.473 8.355Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M31.906 34.044c-4.366-7.858-3.178-16.852 2.661-20.097a9.431 9.431 0 0 1 3.59-1.114c-1.96-.172-3.866.164-5.563 1.114-5.832 3.245-7.028 12.239-2.662 20.097 3.529 6.347 9.6 10.003 14.886 9.465-4.763-.412-9.817-3.895-12.912-9.465Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M48.403 42.401c5.836-3.243 7.028-12.242 2.662-20.099-4.366-7.857-12.637-11.598-18.473-8.355-5.836 3.243-7.028 12.241-2.662 20.099 4.366 7.857 12.636 11.598 18.473 8.355Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M49.544 37.034a6.273 6.273 0 0 1-2.116 1.944c-4.209 2.34-10.414-.777-13.854-6.96-3.439-6.183-2.81-13.1 1.406-15.44 4.217-2.34 10.415.778 13.854 6.961 1.368 2.468 2.093 5.047 2.205 7.41",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeMiterlimit: "10"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M37.342 17.535c2.026-.515 5.189-.03 6.998 2.849 1.81 2.878.576 3.207-.905 1.892-1.48-1.316-4.44-2.086-6.093-.673-1.645 1.413-2.96-.972-2.303-2.206.658-1.233 1.638-1.69 2.303-1.861ZM45.822 24.668s.044-1.144.762-.74c.718.41 1.54 1.48.8 1.973-.74.494-1.563-1.233-1.563-1.233Z",
-  fill: "#fff"
-}));
+import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
+const NothingFound = ({ fill = "none", width = "81", height = "80", viewBox = "0 0 81 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: "M68.048 23.576C65.543 15.442 60.654 7.591 54 2.186c-.225-.224-.628-.224-.912-.112L42.336 6.91c-9.614-1.764-19.17-2.16-28.44 1.249-.344.112-.568.396-.568.74-.112 2.617-.68 13.54-.68 13.54C6.27 29.206 1.267 37.684.011 46.895c-.06.344.112.628.344.8l11.603 8.075c2.505 8.134 7.395 15.985 14.049 21.39.224.224.628.224.912.112l10.751-4.837c9.615 1.764 19.17 2.16 28.44-1.249.345-.112.569-.396.569-.74l.68-13.54c6.37-6.766 11.38-15.244 12.628-24.455.06-.344-.112-.628-.344-.8l-11.596-8.075Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M78.073 52.909c.03-.075.06-.157.083-.232l1.614-4.389-3.117-.814-16-25.891a6.015 6.015 0 0 0-6.52-2.685L8.954 29.807 6 29.037l-1.39 4.037a3.525 3.525 0 0 0-.135.396 4.959 4.959 0 0 0 .359 3.716l15.334 29.398a8.203 8.203 0 0 0 9.884 3.984l45.554-15.304a4.074 4.074 0 0 0 2.467-2.355Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M77.093 51.315 31.54 66.245a8.196 8.196 0 0 1-9.884-3.985L6.321 32.87c-1.503-2.878.097-6.407 3.26-7.17l46.055-11.11a6.013 6.013 0 0 1 6.52 2.684l17.098 28.052c1.376 2.228.321 5.159-2.16 5.989Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m64.137 20.526-1.982-3.253a6.015 6.015 0 0 0-6.52-2.684L9.582 25.7c-3.155.763-4.763 4.284-3.26 7.17l1.54 2.961 56.276-15.304Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M14.025 31.74c.798-.443.911-1.762.253-2.945-.657-1.184-1.837-1.785-2.635-1.341-.798.443-.911 1.762-.253 2.946.658 1.184 1.837 1.784 2.635 1.34ZM21.359 29.922c.797-.444.91-1.763.253-2.947-.658-1.183-1.838-1.784-2.635-1.34-.798.443-.912 1.762-.254 2.946.658 1.183 1.838 1.784 2.636 1.34Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m22.037 42.162 38.9-10.886",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m70.012 40.973-1.278-2.071a.746.746 0 0 0-.845-.322l-43.67 12.837a.743.743 0 0 0-.449 1.062l1.174 2.25c.164.314.53.471.875.374L69.594 42.08a.75.75 0 0 0 .418-1.106ZM63.208 47.037 27.747 58.215a.748.748 0 0 0-.442 1.061c.352.658.838 1.585 1.152 2.168a.753.753 0 0 0 .882.36l35.67-11.245a.749.749 0 0 0 .404-1.122l-1.353-2.086a.736.736 0 0 0-.852-.314Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M48.856 24.51c4.366 7.858 3.177 16.852-2.662 20.097-5.839 3.245-14.1-.501-18.467-8.351-3.439-6.183-3.431-13.077-.426-17.316a9.343 9.343 0 0 1 3.088-2.781c5.832-3.245 14.1.493 18.467 8.351Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M28.05 19.316s3.88-5.712 7.543-5.301c3.664.411 1.316 27.82 1.316 27.82s-10.153-20.344-8.86-22.52Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M56.85 62.22a3.482 3.482 0 0 1-4.726-1.352l-11.23-20.194a3.482 3.482 0 0 1 1.354-4.725 3.482 3.482 0 0 1 4.725 1.353l11.222 20.201c.927 1.66.321 3.79-1.346 4.718Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M46.973 37.296a3.484 3.484 0 0 0-4.725-1.353 3.484 3.484 0 0 0-1.354 4.725l5.002 9.002s.695-8.165 5.07-5.189l-3.993-7.185Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M48.403 42.401c5.836-3.243 7.028-12.242 2.662-20.099-4.366-7.857-12.637-11.598-18.473-8.355-5.836 3.243-7.028 12.241-2.662 20.099 4.366 7.857 12.636 11.598 18.473 8.355Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M31.906 34.044c-4.366-7.858-3.178-16.852 2.661-20.097a9.431 9.431 0 0 1 3.59-1.114c-1.96-.172-3.866.164-5.563 1.114-5.832 3.245-7.028 12.239-2.662 20.097 3.529 6.347 9.6 10.003 14.886 9.465-4.763-.412-9.817-3.895-12.912-9.465Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M48.403 42.401c5.836-3.243 7.028-12.242 2.662-20.099-4.366-7.857-12.637-11.598-18.473-8.355-5.836 3.243-7.028 12.241-2.662 20.099 4.366 7.857 12.636 11.598 18.473 8.355Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M49.544 37.034a6.273 6.273 0 0 1-2.116 1.944c-4.209 2.34-10.414-.777-13.854-6.96-3.439-6.183-2.81-13.1 1.406-15.44 4.217-2.34 10.415.778 13.854 6.961 1.368 2.468 2.093 5.047 2.205 7.41",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M37.342 17.535c2.026-.515 5.189-.03 6.998 2.849 1.81 2.878.576 3.207-.905 1.892-1.48-1.316-4.44-2.086-6.093-.673-1.645 1.413-2.96-.972-2.303-2.206.658-1.233 1.638-1.69 2.303-1.861ZM45.822 24.668s.044-1.144.762-.74c.718.41 1.54 1.48.8 1.973-.74.494-1.563-1.233-1.563-1.233Z",
+    fill: "#fff"
+  }));
+};
 NothingFound.displayName = "NothingFound";
 var stdin_default = createBaseComponent(NothingFound);
 export {

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