intergalactic 15.98.2 → 15.99.0-prerelease.1

package/illustration/PageError/index.mjs

@@ -1,193 +1,199 @@
 import React from "react";
 import { createBaseComponent } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
-const PageError = ({ fill = "none", width = "260", height = "260", viewBox = "0 0 260 260", ...props }, ref) => /* @__PURE__ */ React.createElement(Box, {
-  ref,
-  width,
-  height,
-  viewBox,
-  fill,
-  tag: "svg",
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M136.871 149.768c2.492 2.712-4.242 12.261-12.123 7.811-5.542-3.137-16.015-1.739-16.015-1.739l11.035-7.374 17.103 1.302Z",
-  fill: "#171A22"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M123.388 140.809c.652.218 5.775 3.977 7.291 4.413 1.517.436 6.131-.654 6.783 2.388.652 3.041-1.517 3.19-1.517 3.19a3.809 3.809 0 0 1-1.193 4.253c-2.163 1.957-3.892.33-3.892.33s-.531 2.456-4.513 1.303c-4.741-1.383-9.233-3.908-14.647-3.478-5.415.431 11.688-12.399 11.688-12.399Z",
-  fill: "#FF642D"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M130.352 151.656s2.571 2.169.297 5.226M133.531 148.466s2.302-.132 2.615 2.861",
-  stroke: "#171A22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M127.374 135.067s-.647 7.162-9.307 13.457c-8.66 6.295-10.606 7.816-10.606 7.816l5.833-17.583 14.08-3.69Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M127.374 135.067c-2.007 6.066-.647 7.162-9.307 13.457-8.66 6.295-10.606 7.816-10.606 7.816L45 160.5l-12.5-68s10.36-11.591 19-16c8.944-4.563 14.986-6.725 25-6 10.562.765 16.335 4.413 25 10.5 9.394 6.6 19.5 22 19.5 22s5.797 9.287 7 16c1.107 6.181 1.346 10.105-.626 16.067Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M86 72s3.51-16.765 23.641-26.107c20.131-9.342 34.418-5.205 40.696-3.472 6.279 1.733 19.701 7.816 28.356 3.041 0 0 .218 2.387-3.892 4.339 0 0 17.532 2.823 27.273-4.785 0 0 2.164 6.295-6.278 13.893-8.443 7.598-19.914 9.57-19.914 9.57s2.599 1.154 6.926 0c-1.299 2.313-7.684 8.768-20.151 5.206-12.627-3.605-34.635-6.508-43.73-4.786-9.095 1.723-14.504 4.562-19.7 9.986.02.005-8.465-5.582-13.227-6.885Z",
-  fill: "#FF642D"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m85.206 190.278 68.622-.532s6.364 4.631 10.463 3.765c4.099-.867 9.45-2.244 9.667-5.498.218-3.254-1.516-4.785-1.516-4.785l-65.584-4.775-21.652 11.825ZM21.082 169.521c-6.072.223-25.052 1.451-20.337 11.67a10.62 10.62 0 0 0 3.245 3.951c8.846 6.784 21.578 7.04 32.227 8.73 8.65 1.372 17.31 2.749 25.985 3.866 3.534.509 7.095.804 10.665.882a3.404 3.404 0 0 1 1.48.346 16.774 16.774 0 0 0 9.068 1.372c6.061-.649 10.176-3.254 6.93-6.078-.97-.84-8.389.984-17.102-2.169-20.507-7.412-52.161-22.57-52.161-22.57Z",
-  fill: "#171A22"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M256.862 165.693a9.72 9.72 0 0 1 .78 9.878 15.007 15.007 0 0 1-5.192 5.61c-8.183 5.513-19.123 5.375-28.547 4.392-16.307-1.707-32.439-4.977-48.369-8.789-5.102-1.223-10.607-2.164-15.454-.123-4.847 2.042-8.219 8.242-5.525 12.761 1.994 3.339 6.215 4.386 9.752 5.992 3.537 1.606 7.117 5.243 5.717 8.879-1.4 3.637-6.316 3.924-10.188 3.648-32.826-2.318-66.22-1.308-98.749 3.823-12.032 1.898-23.864 4.54-35.652 7.598",
-  stroke: "#171A22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M235.026 148.035a1.018 1.018 0 0 0-.18 1.425l4.683 6.072 1.591-1.244-4.688-6.072a1.008 1.008 0 0 0-1.406-.181ZM243.928 141.017a1.018 1.018 0 0 0-.18 1.425l4.683 6.072 1.591-1.244-4.683-6.072a1.012 1.012 0 0 0-1.411-.181Z",
-  fill: "#FF642D",
-  stroke: "#171A22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m256.003 161.971-4.168 3.238-7.663-1.303 12.499-9.698-.668 7.763Z",
-  fill: "#171A22",
-  stroke: "#171A22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m252.22 147.702-12.499 9.696 4.816 6.241 12.499-9.696-4.816-6.241Z",
-  fill: "#171A22",
-  stroke: "#171A22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m252.18 145.76-15.003 11.638 2.022 2.62 15.003-11.638-2.022-2.62ZM259.364 166.852l-3.606 2.796-3.956-4.546 4.168-3.238 3.394 4.988Z",
-  fill: "#171A22",
-  stroke: "#171A22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m246.715 153.953 6.247-4.849 1.029 1.329-7.276 3.52ZM200.105 109.971l-23.376 2.403-1.866-2.403V84.662h25.242l1.965 2.529-1.965 22.78Z",
-  fill: "#171A22",
-  stroke: "#171A22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M202.013 87.214H176.77v25.309h25.243V87.214Z",
-  fill: "#fff",
-  stroke: "#171A22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M189.366 106.738c3.796 0 6.873-3.085 6.873-6.89 0-3.806-3.077-6.891-6.873-6.891-3.796 0-6.873 3.085-6.873 6.89 0 3.806 3.077 6.891 6.873 6.891Z",
-  fill: "#fff",
-  stroke: "#171A22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M185.663 100.592c.697 0 1.262-.567 1.262-1.266a1.264 1.264 0 1 0-2.525 0c0 .699.565 1.266 1.263 1.266ZM190.749 100.592c.698 0 1.263-.567 1.263-1.266a1.264 1.264 0 1 0-2.525 0c0 .699.565 1.266 1.262 1.266Z",
-  fill: "#171A22",
-  stroke: "#171A22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M192.307 93.595a6.89 6.89 0 0 1-.732 10.777 6.856 6.856 0 0 1-3.887 1.202 6.922 6.922 0 0 1-2.652-.532 6.889 6.889 0 0 0 5.583 1.84 6.897 6.897 0 0 0 5.994-5.985 6.925 6.925 0 0 0-1.811-5.605 6.889 6.889 0 0 0-2.49-1.697h-.005Z",
-  fill: "#171A22",
-  stroke: "#171A22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M33.7 91.886a79.929 79.929 0 0 1 33.272-15.318c4.434-.883 7.319 1.18 5.187 5.72-3.235 6.913-8.31 11.533-13.756 16.404a22.262 22.262 0 0 1 9.826.965 22.31 22.31 0 0 1 8.449 5.121 22.381 22.381 0 0 1 5.418 8.275 22.43 22.43 0 0 1 1.327 9.809c-.706 7.933-5.537 14.888-10.861 20.795-4.508 5.009-11.285 12.266-18.672 17.365M92.043 101.815c5.182 0 9.382-1.555 9.382-3.472 0-1.918-4.2-3.472-9.382-3.472-5.18 0-9.38 1.554-9.38 3.472 0 1.917 4.2 3.472 9.38 3.472Z",
-  fill: "#FF642D"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M26.706 99.832S45.294 73.3 65.212 70.472c21.383-3.063 39.163 9.783 51.525 26.042 8.772 11.476 16.463 27.395 10.081 41.749-3.113 6.981-8.331 10.038-14.249 14.185-2.774 1.941-9.779 8.055-7.313 12.001",
-  stroke: "#171A22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M106.36 162.502s53.105 18.174 56.356 18.376c3.251.202 3.246-1.064 7.356-.654 4.11.409 4.735 2.796 4.772 3.69.069 2.318-1.734 2.169-1.734 2.169s.647 3.477-2.381 4.562c-3.028 1.085-4.773-.218-4.773-.218s-3.463 3.472-6.496.436c-3.033-3.036-12.118-5.402-25.534-6.513-13.417-1.112-29.009-2.388-29.009-2.388l1.443-19.46ZM43.778 167.087s-.865 4.785.87 6.731c1.733 1.946 29.007 14.973 32.253 15.627 3.245.654 9.09-2.175 12.77-.218 3.68 1.957 4.772 6.077.434 6.726 0 0-.864 5.428-7.578 1.063-1.511 2.388-4.327 3.26-7.36-.648-4.545-.218-41.741-1.096-56.494-13.24.543.89.985 1.839 1.315 2.829.265 2.052-2.037.702-2.62 0-1.946-2.387-2.81-5.849-2.81-5.849s.646 5.211-.87 3.908c-1.517-1.302-2.594-7.81-.213-11.936 2.217-3.839 9.323-6.301 8.539-11.464-.229-1.483-.944-2.844-1.591-4.211-3.713-7.975-4.317-17.078-3.5-25.781 0 0-.435 7.38-1.517 7.162-1.082-.218.435-13.452.435-13.452s-1.06 6.508-2.17 4.556c-1.108-1.951 6.364-26.202 20.153-36.761 13.788-10.56 20.528 59.332 20.528 59.332s-9.922 13.021-10.574 15.626Z",
-  fill: "#FF642D"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M82.026 193.766s2.333 1.063.6 4.525M89.021 191.852s2.433 1.425 1.283 5.157M164.689 186.11s3.112 1.063 1.06 5.471M171.047 182.919s2.65.272 2.618 4.334",
-  stroke: "#171A22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M88.059 188.688s13.204 1.303 15.803-4.338c2.598-5.642 3.463-16.93 3.028-20.62-.435-3.689-2.593-6.077-7.578-7.597-4.985-1.521-12.558 1.738-12.558 1.738l-11.906-1.738v-21.704s-9.545 2.605-18.83 11.5c-9.287 8.896-12.559 17.583-12.776 21.704-.066 2.567.025 4.976 1.758 6.867 0 0 9.922 5.25 16.5 8.5 6.107 3.017 16 7.5 16 7.5l10.559-1.812Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M76.94 156.946s6.676-.446 11.449.367c0 0 7.19-17.078 20.825-20.332",
-  stroke: "#171A22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M75.187 134.429s-6.926 8.028-9.742 12.915c-2.815 4.886-4.327 9.873-3.574 10.309.753.436 3.712 0 8.66-.76 3.463-.532 5.494-.403 6.47-.653-.045.122.083-.021 0 0 .655-1.785-2.523-13.889-1.814-21.811Z",
-  fill: "#171A22"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M77.001 156.24c-.976.25-3.007.121-6.47.653-4.948.76-7.907 1.196-8.66.76-.753-.436.758-5.423 3.574-10.309 2.816-4.887 9.742-12.915 9.742-12.915-.71 7.922 2.469 20.026 1.814 21.811Zm0 0c.083-.021-.045.122 0 0Z",
-  stroke: "#171A22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M106.985 162.609s-1.331-6.817-.769-12.607a57.456 57.456 0 0 1 3.028-13.021s-3.028 2.169-6.602 7.704c-3.574 5.535-4.083 13.441-4.083 13.441 1.103.309 6.406 1.532 8.426 4.483Z",
-  fill: "#171A22",
-  stroke: "#171A22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M89.098 183.507c.075-.149 2.201.144 4.97 0a13.595 13.595 0 0 0 7.201-2.377c3.097-2.211 3.383-7.842 3.182-11.511-.271-4.519-2.429-5.987-6.576-7.21a67.977 67.977 0 0 0-16.44-2.445 54.628 54.628 0 0 0-16.264 2.1c-3.713 1.015-8.082 3.493-9.392 7.38-2.084 6.173 3.314 10.214 8.485 12.064a31.12 31.12 0 0 0 8.692 1.76c.991.058 3.876.117 4.311.064.578-.075 1.002 2.302 3.182 1.696 2.381-.649 3.14-1.191 3.14-1.191s3.537 3.653 5.51-.33Z",
-  fill: "#FF642D"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M83.934 183.137a4.098 4.098 0 0 0 2.455 2.095c1.878.58 3.029-1.01 3.32-2.313",
-  stroke: "#171A22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m83.529 180.17-3.41-2.993 7.25.425-3.84 2.568Z",
-  fill: "#171A22",
-  stroke: "#171A22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M83.637 180.367v2.882a3.798 3.798 0 0 1-2.45 1.808c-3.612.866-3.612-2.606-3.612-2.606",
-  stroke: "#171A22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M70.417 178.751c4.124 0 7.467-3.352 7.467-7.486 0-4.135-3.343-7.487-7.467-7.487s-7.467 3.352-7.467 7.487c0 4.134 3.343 7.486 7.467 7.486Z",
-  fill: "#171A22",
-  stroke: "#fff",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M73.433 169.499a2.22 2.22 0 0 0 2.217-2.222 2.22 2.22 0 0 0-2.217-2.223 2.22 2.22 0 0 0-2.216 2.223 2.22 2.22 0 0 0 2.216 2.222ZM74.746 173.413a.988.988 0 0 0 .987-.989.988.988 0 0 0-.987-.989.988.988 0 0 0-.986.989c0 .546.442.989.986.989Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M67.261 176.571a6.679 6.679 0 0 1-2.764-3.707 6.694 6.694 0 0 1 .303-4.619",
-  fill: "#171A22"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M67.261 176.571a6.679 6.679 0 0 1-2.764-3.707 6.694 6.694 0 0 1 .303-4.619",
-  stroke: "#FF642D",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M94.58 179.389c4.124 0 7.467-3.352 7.467-7.486 0-4.135-3.343-7.486-7.467-7.486s-7.467 3.351-7.467 7.486c0 4.134 3.343 7.486 7.467 7.486Z",
-  fill: "#171A22",
-  stroke: "#fff",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M96.325 169.499a2.22 2.22 0 0 0 2.216-2.222 2.22 2.22 0 0 0-2.216-2.223 2.22 2.22 0 0 0-2.217 2.223 2.22 2.22 0 0 0 2.217 2.222ZM99.598 173.519a1.04 1.04 0 0 0 1.039-1.042 1.04 1.04 0 1 0-2.078 0 1.04 1.04 0 0 0 1.039 1.042Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M91.417 177.826a6.676 6.676 0 0 1-2.756-3.698 6.694 6.694 0 0 1 .295-4.607",
-  fill: "#171A22"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M91.417 177.826a6.676 6.676 0 0 1-2.756-3.698 6.694 6.694 0 0 1 .295-4.607",
-  stroke: "#FF642D",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M76.76 156.76c-3.277.146-11.327 1.115-13.174 1.341",
-  stroke: "#171A22",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}));
+import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
+const PageError = ({ fill = "none", width = "260", height = "260", viewBox = "0 0 260 260", primaryColor = "#FF642D", secondaryColor = "#171A22", ...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: "M136.871 149.768c2.492 2.712-4.242 12.261-12.123 7.811-5.542-3.137-16.015-1.739-16.015-1.739l11.035-7.374 17.103 1.302Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M123.388 140.809c.652.218 5.775 3.977 7.291 4.413 1.517.436 6.131-.654 6.783 2.388.652 3.041-1.517 3.19-1.517 3.19a3.809 3.809 0 0 1-1.193 4.253c-2.163 1.957-3.892.33-3.892.33s-.531 2.456-4.513 1.303c-4.741-1.383-9.233-3.908-14.647-3.478-5.415.431 11.688-12.399 11.688-12.399Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M130.352 151.656s2.571 2.169.297 5.226M133.531 148.466s2.302-.132 2.615 2.861",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M127.374 135.067s-.647 7.162-9.307 13.457c-8.66 6.295-10.606 7.816-10.606 7.816l5.833-17.583 14.08-3.69Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M127.374 135.067c-2.007 6.066-.647 7.162-9.307 13.457-8.66 6.295-10.606 7.816-10.606 7.816L45 160.5l-12.5-68s10.36-11.591 19-16c8.944-4.563 14.986-6.725 25-6 10.562.765 16.335 4.413 25 10.5 9.394 6.6 19.5 22 19.5 22s5.797 9.287 7 16c1.107 6.181 1.346 10.105-.626 16.067Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M86 72s3.51-16.765 23.641-26.107c20.131-9.342 34.418-5.205 40.696-3.472 6.279 1.733 19.701 7.816 28.356 3.041 0 0 .218 2.387-3.892 4.339 0 0 17.532 2.823 27.273-4.785 0 0 2.164 6.295-6.278 13.893-8.443 7.598-19.914 9.57-19.914 9.57s2.599 1.154 6.926 0c-1.299 2.313-7.684 8.768-20.151 5.206-12.627-3.605-34.635-6.508-43.73-4.786-9.095 1.723-14.504 4.562-19.7 9.986.02.005-8.465-5.582-13.227-6.885Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m85.206 190.278 68.622-.532s6.364 4.631 10.463 3.765c4.099-.867 9.45-2.244 9.667-5.498.218-3.254-1.516-4.785-1.516-4.785l-65.584-4.775-21.652 11.825ZM21.082 169.521c-6.072.223-25.052 1.451-20.337 11.67a10.62 10.62 0 0 0 3.245 3.951c8.846 6.784 21.578 7.04 32.227 8.73 8.65 1.372 17.31 2.749 25.985 3.866 3.534.509 7.095.804 10.665.882a3.404 3.404 0 0 1 1.48.346 16.774 16.774 0 0 0 9.068 1.372c6.061-.649 10.176-3.254 6.93-6.078-.97-.84-8.389.984-17.102-2.169-20.507-7.412-52.161-22.57-52.161-22.57Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M256.862 165.693a9.72 9.72 0 0 1 .78 9.878 15.007 15.007 0 0 1-5.192 5.61c-8.183 5.513-19.123 5.375-28.547 4.392-16.307-1.707-32.439-4.977-48.369-8.789-5.102-1.223-10.607-2.164-15.454-.123-4.847 2.042-8.219 8.242-5.525 12.761 1.994 3.339 6.215 4.386 9.752 5.992 3.537 1.606 7.117 5.243 5.717 8.879-1.4 3.637-6.316 3.924-10.188 3.648-32.826-2.318-66.22-1.308-98.749 3.823-12.032 1.898-23.864 4.54-35.652 7.598",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M235.026 148.035a1.018 1.018 0 0 0-.18 1.425l4.683 6.072 1.591-1.244-4.688-6.072a1.008 1.008 0 0 0-1.406-.181ZM243.928 141.017a1.018 1.018 0 0 0-.18 1.425l4.683 6.072 1.591-1.244-4.683-6.072a1.012 1.012 0 0 0-1.411-.181Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m256.003 161.971-4.168 3.238-7.663-1.303 12.499-9.698-.668 7.763Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m252.22 147.702-12.499 9.696 4.816 6.241 12.499-9.696-4.816-6.241Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m252.18 145.76-15.003 11.638 2.022 2.62 15.003-11.638-2.022-2.62ZM259.364 166.852l-3.606 2.796-3.956-4.546 4.168-3.238 3.394 4.988Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m246.715 153.953 6.247-4.849 1.029 1.329-7.276 3.52ZM200.105 109.971l-23.376 2.403-1.866-2.403V84.662h25.242l1.965 2.529-1.965 22.78Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M202.013 87.214H176.77v25.309h25.243V87.214Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M189.366 106.738c3.796 0 6.873-3.085 6.873-6.89 0-3.806-3.077-6.891-6.873-6.891-3.796 0-6.873 3.085-6.873 6.89 0 3.806 3.077 6.891 6.873 6.891Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M185.663 100.592c.697 0 1.262-.567 1.262-1.266a1.264 1.264 0 1 0-2.525 0c0 .699.565 1.266 1.263 1.266ZM190.749 100.592c.698 0 1.263-.567 1.263-1.266a1.264 1.264 0 1 0-2.525 0c0 .699.565 1.266 1.262 1.266Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M192.307 93.595a6.89 6.89 0 0 1-.732 10.777 6.856 6.856 0 0 1-3.887 1.202 6.922 6.922 0 0 1-2.652-.532 6.889 6.889 0 0 0 5.583 1.84 6.897 6.897 0 0 0 5.994-5.985 6.925 6.925 0 0 0-1.811-5.605 6.889 6.889 0 0 0-2.49-1.697h-.005Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M33.7 91.886a79.929 79.929 0 0 1 33.272-15.318c4.434-.883 7.319 1.18 5.187 5.72-3.235 6.913-8.31 11.533-13.756 16.404a22.262 22.262 0 0 1 9.826.965 22.31 22.31 0 0 1 8.449 5.121 22.381 22.381 0 0 1 5.418 8.275 22.43 22.43 0 0 1 1.327 9.809c-.706 7.933-5.537 14.888-10.861 20.795-4.508 5.009-11.285 12.266-18.672 17.365M92.043 101.815c5.182 0 9.382-1.555 9.382-3.472 0-1.918-4.2-3.472-9.382-3.472-5.18 0-9.38 1.554-9.38 3.472 0 1.917 4.2 3.472 9.38 3.472Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M26.706 99.832S45.294 73.3 65.212 70.472c21.383-3.063 39.163 9.783 51.525 26.042 8.772 11.476 16.463 27.395 10.081 41.749-3.113 6.981-8.331 10.038-14.249 14.185-2.774 1.941-9.779 8.055-7.313 12.001",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M106.36 162.502s53.105 18.174 56.356 18.376c3.251.202 3.246-1.064 7.356-.654 4.11.409 4.735 2.796 4.772 3.69.069 2.318-1.734 2.169-1.734 2.169s.647 3.477-2.381 4.562c-3.028 1.085-4.773-.218-4.773-.218s-3.463 3.472-6.496.436c-3.033-3.036-12.118-5.402-25.534-6.513-13.417-1.112-29.009-2.388-29.009-2.388l1.443-19.46ZM43.778 167.087s-.865 4.785.87 6.731c1.733 1.946 29.007 14.973 32.253 15.627 3.245.654 9.09-2.175 12.77-.218 3.68 1.957 4.772 6.077.434 6.726 0 0-.864 5.428-7.578 1.063-1.511 2.388-4.327 3.26-7.36-.648-4.545-.218-41.741-1.096-56.494-13.24.543.89.985 1.839 1.315 2.829.265 2.052-2.037.702-2.62 0-1.946-2.387-2.81-5.849-2.81-5.849s.646 5.211-.87 3.908c-1.517-1.302-2.594-7.81-.213-11.936 2.217-3.839 9.323-6.301 8.539-11.464-.229-1.483-.944-2.844-1.591-4.211-3.713-7.975-4.317-17.078-3.5-25.781 0 0-.435 7.38-1.517 7.162-1.082-.218.435-13.452.435-13.452s-1.06 6.508-2.17 4.556c-1.108-1.951 6.364-26.202 20.153-36.761 13.788-10.56 20.528 59.332 20.528 59.332s-9.922 13.021-10.574 15.626Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M82.026 193.766s2.333 1.063.6 4.525M89.021 191.852s2.433 1.425 1.283 5.157M164.689 186.11s3.112 1.063 1.06 5.471M171.047 182.919s2.65.272 2.618 4.334",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M88.059 188.688s13.204 1.303 15.803-4.338c2.598-5.642 3.463-16.93 3.028-20.62-.435-3.689-2.593-6.077-7.578-7.597-4.985-1.521-12.558 1.738-12.558 1.738l-11.906-1.738v-21.704s-9.545 2.605-18.83 11.5c-9.287 8.896-12.559 17.583-12.776 21.704-.066 2.567.025 4.976 1.758 6.867 0 0 9.922 5.25 16.5 8.5 6.107 3.017 16 7.5 16 7.5l10.559-1.812Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M76.94 156.946s6.676-.446 11.449.367c0 0 7.19-17.078 20.825-20.332",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M75.187 134.429s-6.926 8.028-9.742 12.915c-2.815 4.886-4.327 9.873-3.574 10.309.753.436 3.712 0 8.66-.76 3.463-.532 5.494-.403 6.47-.653-.045.122.083-.021 0 0 .655-1.785-2.523-13.889-1.814-21.811Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M77.001 156.24c-.976.25-3.007.121-6.47.653-4.948.76-7.907 1.196-8.66.76-.753-.436.758-5.423 3.574-10.309 2.816-4.887 9.742-12.915 9.742-12.915-.71 7.922 2.469 20.026 1.814 21.811Zm0 0c.083-.021-.045.122 0 0Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M106.985 162.609s-1.331-6.817-.769-12.607a57.456 57.456 0 0 1 3.028-13.021s-3.028 2.169-6.602 7.704c-3.574 5.535-4.083 13.441-4.083 13.441 1.103.309 6.406 1.532 8.426 4.483Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M89.098 183.507c.075-.149 2.201.144 4.97 0a13.595 13.595 0 0 0 7.201-2.377c3.097-2.211 3.383-7.842 3.182-11.511-.271-4.519-2.429-5.987-6.576-7.21a67.977 67.977 0 0 0-16.44-2.445 54.628 54.628 0 0 0-16.264 2.1c-3.713 1.015-8.082 3.493-9.392 7.38-2.084 6.173 3.314 10.214 8.485 12.064a31.12 31.12 0 0 0 8.692 1.76c.991.058 3.876.117 4.311.064.578-.075 1.002 2.302 3.182 1.696 2.381-.649 3.14-1.191 3.14-1.191s3.537 3.653 5.51-.33Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M83.934 183.137a4.098 4.098 0 0 0 2.455 2.095c1.878.58 3.029-1.01 3.32-2.313",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m83.529 180.17-3.41-2.993 7.25.425-3.84 2.568Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M83.637 180.367v2.882a3.798 3.798 0 0 1-2.45 1.808c-3.612.866-3.612-2.606-3.612-2.606",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M70.417 178.751c4.124 0 7.467-3.352 7.467-7.486 0-4.135-3.343-7.487-7.467-7.487s-7.467 3.352-7.467 7.487c0 4.134 3.343 7.486 7.467 7.486Z",
+    fill: resolvedSecondaryColor,
+    stroke: "#fff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M73.433 169.499a2.22 2.22 0 0 0 2.217-2.222 2.22 2.22 0 0 0-2.217-2.223 2.22 2.22 0 0 0-2.216 2.223 2.22 2.22 0 0 0 2.216 2.222ZM74.746 173.413a.988.988 0 0 0 .987-.989.988.988 0 0 0-.987-.989.988.988 0 0 0-.986.989c0 .546.442.989.986.989Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M67.261 176.571a6.679 6.679 0 0 1-2.764-3.707 6.694 6.694 0 0 1 .303-4.619",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M67.261 176.571a6.679 6.679 0 0 1-2.764-3.707 6.694 6.694 0 0 1 .303-4.619",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M94.58 179.389c4.124 0 7.467-3.352 7.467-7.486 0-4.135-3.343-7.486-7.467-7.486s-7.467 3.351-7.467 7.486c0 4.134 3.343 7.486 7.467 7.486Z",
+    fill: resolvedSecondaryColor,
+    stroke: "#fff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M96.325 169.499a2.22 2.22 0 0 0 2.216-2.222 2.22 2.22 0 0 0-2.216-2.223 2.22 2.22 0 0 0-2.217 2.223 2.22 2.22 0 0 0 2.217 2.222ZM99.598 173.519a1.04 1.04 0 0 0 1.039-1.042 1.04 1.04 0 1 0-2.078 0 1.04 1.04 0 0 0 1.039 1.042Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M91.417 177.826a6.676 6.676 0 0 1-2.756-3.698 6.694 6.694 0 0 1 .295-4.607",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M91.417 177.826a6.676 6.676 0 0 1-2.756-3.698 6.694 6.694 0 0 1 .295-4.607",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M76.76 156.76c-3.277.146-11.327 1.115-13.174 1.341",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
 PageError.displayName = "PageError";
 var stdin_default = createBaseComponent(PageError);
 export {

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