intergalactic 15.98.2 → 15.99.0-prerelease.1

package/illustration/OtherData/index.js

@@ -26,85 +26,91 @@ 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 OtherData = ({ 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.674 3.343V.913a.918.918 0 0 0-1.007-.908C18.595 2.28 3 19.299 3 39.984c0 20.684 16.416 36.684 36.674 36.684v2.419c0 .536.47.963.996.908 20.06-2.276 35.645-19.338 35.666-40 0-20.247-16.416-36.663-36.673-36.663",
-  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.569 11.076 30.513 9.73 25.822c-.966-3.372 1.161-6.853 4.612-7.556l43.05-8.733c3.147-.638 6.25 1.286 7.053 4.377l1.227 4.67.01-.011Z",
-  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.464 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: "M33.658 33.852a14.135 14.135 0 0 0-1.67 12.35c.216.672.487 1.324.813 1.953.369.727.792 1.422 1.291 2.073a14.156 14.156 0 0 0 3.473 3.288c6.5 4.351 15.312 2.615 19.664-3.896 4.351-6.5 2.615-15.312-3.896-19.664a14.152 14.152 0 0 0-13.24-1.345 14.146 14.146 0 0 0-6.424 5.241h-.01Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m31.925 51.394-14.044 3.58a1.437 1.437 0 0 1-1.737-1.001l-3.59-12.727c-.22-.79.253-1.6 1.053-1.79l14.17-3.337a1.428 1.428 0 0 1 1.705 1.01l3.464 12.475a1.43 1.43 0 0 1-1.032 1.769l.01.02Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m22.882 57.089 7.242-1.874M17.428 58.5l2.664-.695",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M52.653 46.12 39.44 49.49a1.435 1.435 0 0 1-1.737-1.01l-3.41-12.35a1.437 1.437 0 0 1 1.052-1.779l13.328-3.137a1.442 1.442 0 0 1 1.715 1.021l3.296 12.117a1.439 1.439 0 0 1-1.032 1.77Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M44.126 51.584 51 49.804M38.936 52.931l2.537-.663",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m72.37 41.088-12.432 3.169a1.439 1.439 0 0 1-1.737-1.011l-3.242-11.99c-.211-.78.263-1.58 1.052-1.77L68.55 26.54a1.43 1.43 0 0 1 1.716 1.032l3.127 11.77c.2.768-.263 1.557-1.032 1.757l.01-.01Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m64.317 46.362 6.548-1.695M59.39 47.636l2.411-.621",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}));
+var import_useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
+const OtherData = ({ 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.674 3.343V.913a.918.918 0 0 0-1.007-.908C18.595 2.28 3 19.299 3 39.984c0 20.684 16.416 36.684 36.674 36.684v2.419c0 .536.47.963.996.908 20.06-2.276 35.645-19.338 35.666-40 0-20.247-16.416-36.663-36.673-36.663",
+    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.569 11.076 30.513 9.73 25.822c-.966-3.372 1.161-6.853 4.612-7.556l43.05-8.733c3.147-.638 6.25 1.286 7.053 4.377l1.227 4.67.01-.011Z",
+    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.464 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: "M33.658 33.852a14.135 14.135 0 0 0-1.67 12.35c.216.672.487 1.324.813 1.953.369.727.792 1.422 1.291 2.073a14.156 14.156 0 0 0 3.473 3.288c6.5 4.351 15.312 2.615 19.664-3.896 4.351-6.5 2.615-15.312-3.896-19.664a14.152 14.152 0 0 0-13.24-1.345 14.146 14.146 0 0 0-6.424 5.241h-.01Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m31.925 51.394-14.044 3.58a1.437 1.437 0 0 1-1.737-1.001l-3.59-12.727c-.22-.79.253-1.6 1.053-1.79l14.17-3.337a1.428 1.428 0 0 1 1.705 1.01l3.464 12.475a1.43 1.43 0 0 1-1.032 1.769l.01.02Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m22.882 57.089 7.242-1.874M17.428 58.5l2.664-.695",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M52.653 46.12 39.44 49.49a1.435 1.435 0 0 1-1.737-1.01l-3.41-12.35a1.437 1.437 0 0 1 1.052-1.779l13.328-3.137a1.442 1.442 0 0 1 1.715 1.021l3.296 12.117a1.439 1.439 0 0 1-1.032 1.77Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M44.126 51.584 51 49.804M38.936 52.931l2.537-.663",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m72.37 41.088-12.432 3.169a1.439 1.439 0 0 1-1.737-1.011l-3.242-11.99c-.211-.78.263-1.58 1.052-1.77L68.55 26.54a1.43 1.43 0 0 1 1.716 1.032l3.127 11.77c.2.768-.263 1.557-1.032 1.757l.01-.01Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m64.317 46.362 6.548-1.695M59.39 47.636l2.411-.621",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }));
+};
 OtherData.displayName = "OtherData";
 var stdin_default = (0, import_core.createBaseComponent)(OtherData);

package/illustration/OtherData/index.mjs

@@ -1,86 +1,92 @@
 import React from "react";
 import { createBaseComponent } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
-const OtherData = ({ 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.674 3.343V.913a.918.918 0 0 0-1.007-.908C18.595 2.28 3 19.299 3 39.984c0 20.684 16.416 36.684 36.674 36.684v2.419c0 .536.47.963.996.908 20.06-2.276 35.645-19.338 35.666-40 0-20.247-16.416-36.663-36.673-36.663",
-  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.569 11.076 30.513 9.73 25.822c-.966-3.372 1.161-6.853 4.612-7.556l43.05-8.733c3.147-.638 6.25 1.286 7.053 4.377l1.227 4.67.01-.011Z",
-  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.464 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: "M33.658 33.852a14.135 14.135 0 0 0-1.67 12.35c.216.672.487 1.324.813 1.953.369.727.792 1.422 1.291 2.073a14.156 14.156 0 0 0 3.473 3.288c6.5 4.351 15.312 2.615 19.664-3.896 4.351-6.5 2.615-15.312-3.896-19.664a14.152 14.152 0 0 0-13.24-1.345 14.146 14.146 0 0 0-6.424 5.241h-.01Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m31.925 51.394-14.044 3.58a1.437 1.437 0 0 1-1.737-1.001l-3.59-12.727c-.22-.79.253-1.6 1.053-1.79l14.17-3.337a1.428 1.428 0 0 1 1.705 1.01l3.464 12.475a1.43 1.43 0 0 1-1.032 1.769l.01.02Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m22.882 57.089 7.242-1.874M17.428 58.5l2.664-.695",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M52.653 46.12 39.44 49.49a1.435 1.435 0 0 1-1.737-1.01l-3.41-12.35a1.437 1.437 0 0 1 1.052-1.779l13.328-3.137a1.442 1.442 0 0 1 1.715 1.021l3.296 12.117a1.439 1.439 0 0 1-1.032 1.77Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M44.126 51.584 51 49.804M38.936 52.931l2.537-.663",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m72.37 41.088-12.432 3.169a1.439 1.439 0 0 1-1.737-1.011l-3.242-11.99c-.211-.78.263-1.58 1.052-1.77L68.55 26.54a1.43 1.43 0 0 1 1.716 1.032l3.127 11.77c.2.768-.263 1.557-1.032 1.757l.01-.01Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m64.317 46.362 6.548-1.695M59.39 47.636l2.411-.621",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}));
+import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
+const OtherData = ({ 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.674 3.343V.913a.918.918 0 0 0-1.007-.908C18.595 2.28 3 19.299 3 39.984c0 20.684 16.416 36.684 36.674 36.684v2.419c0 .536.47.963.996.908 20.06-2.276 35.645-19.338 35.666-40 0-20.247-16.416-36.663-36.673-36.663",
+    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.569 11.076 30.513 9.73 25.822c-.966-3.372 1.161-6.853 4.612-7.556l43.05-8.733c3.147-.638 6.25 1.286 7.053 4.377l1.227 4.67.01-.011Z",
+    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.464 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: "M33.658 33.852a14.135 14.135 0 0 0-1.67 12.35c.216.672.487 1.324.813 1.953.369.727.792 1.422 1.291 2.073a14.156 14.156 0 0 0 3.473 3.288c6.5 4.351 15.312 2.615 19.664-3.896 4.351-6.5 2.615-15.312-3.896-19.664a14.152 14.152 0 0 0-13.24-1.345 14.146 14.146 0 0 0-6.424 5.241h-.01Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m31.925 51.394-14.044 3.58a1.437 1.437 0 0 1-1.737-1.001l-3.59-12.727c-.22-.79.253-1.6 1.053-1.79l14.17-3.337a1.428 1.428 0 0 1 1.705 1.01l3.464 12.475a1.43 1.43 0 0 1-1.032 1.769l.01.02Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m22.882 57.089 7.242-1.874M17.428 58.5l2.664-.695",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M52.653 46.12 39.44 49.49a1.435 1.435 0 0 1-1.737-1.01l-3.41-12.35a1.437 1.437 0 0 1 1.052-1.779l13.328-3.137a1.442 1.442 0 0 1 1.715 1.021l3.296 12.117a1.439 1.439 0 0 1-1.032 1.77Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M44.126 51.584 51 49.804M38.936 52.931l2.537-.663",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m72.37 41.088-12.432 3.169a1.439 1.439 0 0 1-1.737-1.011l-3.242-11.99c-.211-.78.263-1.58 1.052-1.77L68.55 26.54a1.43 1.43 0 0 1 1.716 1.032l3.127 11.77c.2.768-.263 1.557-1.032 1.757l.01-.01Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m64.317 46.362 6.548-1.695M59.39 47.636l2.411-.621",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }));
+};
 OtherData.displayName = "OtherData";
 var stdin_default = createBaseComponent(OtherData);
 export {

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