intergalactic 15.98.2-prerelease.1 → 15.99.0-prerelease.0

package/illustration/Congrats/index.js

@@ -26,115 +26,121 @@ 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 Congrats = ({ 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("g", {
-  clipPath: "url(#igc-congrats-el-0)"
-}, /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M63.244 32.693a42.504 42.504 0 0 0-1.569-14.21.94.94 0 0 0-.642-.652 42.521 42.521 0 0 0-14.172-1.607l-3.686-3.694a11.324 11.324 0 0 0-16.006 0l-3.733 3.694a42.475 42.475 0 0 0-14.218 1.568.964.964 0 0 0-.651.65 42.71 42.71 0 0 0-1.569 14.211L3.312 36.34a11.324 11.324 0 0 0 0 16.007l3.686 3.686a42.71 42.71 0 0 0 1.569 14.21.941.941 0 0 0 .65.643 42.281 42.281 0 0 0 14.203 1.569l3.694 3.693a11.324 11.324 0 0 0 16.006 0l3.686-3.694a42.523 42.523 0 0 0 14.21-1.568.941.941 0 0 0 .644-.65 42.504 42.504 0 0 0 1.568-14.211l3.694-3.686a11.324 11.324 0 0 0 0-16.007l-3.678-3.639Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M28.272 34.217a2.352 2.352 0 0 0-1.898 1.286L8.423 69.915a.721.721 0 0 0 .125.855l22.084-31.942c1.765-1.373 8.478 2.25 10.533 3.725-3.71-4.454-9.466-8.517-12.893-8.336Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m9.458 70.927 34.004-18.822a2.432 2.432 0 0 0 1.27-1.867c.542-5.662-10.979-16.32-16.468-16.03a2.352 2.352 0 0 0-1.89 1.294L8.422 69.915a.784.784 0 0 0 1.036 1.011Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M25.723 52.646a16.154 16.154 0 0 0-7.976-.557 609.105 609.105 0 0 1-2.133 4.086c2.022.067 4.02.456 5.92 1.153a18.931 18.931 0 0 1 6 3.607l5.623-3.137a16.273 16.273 0 0 0-7.434-5.152ZM16.179 63.735a10.243 10.243 0 0 0-4.306-.376l-1.568 2.98a6.887 6.887 0 0 1 2.901 1.31c.284.238.546.5.785.784l5.387-2.988a10.249 10.249 0 0 0-3.2-1.71ZM44.732 50.246a4.52 4.52 0 0 0 0-.462 27.024 27.024 0 0 0-12.343-6.69 26.569 26.569 0 0 0-9.756-.423l-2.047 3.92a22.624 22.624 0 0 1 10.493 1.742 22.821 22.821 0 0 1 8.313 6.054l4.11-2.274a2.43 2.43 0 0 0 1.23-1.867Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M24.42 26.633a1.663 1.663 0 1 0 0-3.325 1.663 1.663 0 0 0 0 3.325Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M56.16 4.008a1.569 1.569 0 1 0 0-3.137 1.569 1.569 0 0 0 0 3.137Z",
-  stroke: "#E0E1E9",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M52.803 22.962a1.153 1.153 0 1 0 0-2.305 1.153 1.153 0 0 0 0 2.305Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M73.93 20.657a2.298 2.298 0 1 0 0-4.596 2.298 2.298 0 0 0 0 4.596Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M46.097 3.059c3.655 6.274 2.627 20.068-4.91 22.923-3.356 1.09-8.045-1.349-9.23-4.596-1.89-7.928 7.372-9.41 9.717-2.188 2.172 5.788 0 13.191-6.007 15.685l-1.694-3.874c4.258-1.623 5.795-6.666 4.705-10.901a5.309 5.309 0 0 0-1.325-2.643c-1.89-1.655-3.772-.612-4.015 1.796-.244 2.408 2.007 4.023 4.03 4.839 3.679 1.568 6.486-1.96 7.372-5.208 1.357-4.446 1.098-10.148-1.568-13.936l2.964-1.89-.039-.007Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M37.11 27.809c.719-1.125 1.154-2.393 1.334-3.716.18-1.323.07-2.67-.322-3.946M42.145 19.088a14.548 14.548 0 0 1-.18 9.929",
-  stroke: "#E0E1E9",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M45.14 45.376a14.014 14.014 0 0 1 4.918-7.654c4.439-3.443 12.03-2.91 15.16 2.094 2.18 3.843.548 10.195-4.77 9.615-3.709-1.028-3.261-6.055-2.415-8.925 1.796-5.898 6.572-11.042 12.642-12.548a18.037 18.037 0 0 1 9.325.283l-.886 2.736a14.115 14.115 0 0 0-14.9 3.208c-2.84 2.784-5.004 6.8-4.847 10.822a3.193 3.193 0 0 0 1.113 2.502c1.075.408 2.353-.4 2.886-1.388 2.682-7.45-6.932-10.666-12.234-6.854a13.073 13.073 0 0 0-4.705 6.533l-1.341-.432.055.008Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M61.678 39.978c-.842-.838-2.13-1.407-3.325-1.614",
-  stroke: "#E0E1E9",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M63.312 37.023c-1.148-.733-2.401-1.317-3.717-1.67",
-  stroke: "#fff",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M57.97 48.254c1.302.636 4.517-.282 4.965-3.356",
-  stroke: "#E0E1E9",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m61.131 7.788-4.705 4.815c-1.82 3.678 3.67 11.92 2.25 17.551.785-2.502 2.636-3.035 3.412-5.537.008-5.583-6.297-12.932-.957-16.83Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M73.31 0c.142 1.263.51 5.184-2.03 8.485-3.46 4.494-11.85.589-14.901 4.118a11.207 11.207 0 0 1 4.313-4.635c1.412-.91 6.054.259 9.207-2.431A9.686 9.686 0 0 0 73.31 0Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m46.372 29.464-3.294 1.114-.29 1.568-.66 7.12c3.577-.791 3.789-8.038 4.244-9.802Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M61.868 22.64c.243 1.71.737 4.596-1.42 6.87-3.081 3.248-15.308-.783-17.66 2.62a5.427 5.427 0 0 1 2.407-4.423c4.321-2.917 12.297 2.008 16.673-5.066Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-})), /* @__PURE__ */ import_react.default.createElement("defs", null));
+var import_useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
+const Congrats = ({ 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("g", {
+    clipPath: "url(#igc-congrats-el-0)"
+  }, /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M63.244 32.693a42.504 42.504 0 0 0-1.569-14.21.94.94 0 0 0-.642-.652 42.521 42.521 0 0 0-14.172-1.607l-3.686-3.694a11.324 11.324 0 0 0-16.006 0l-3.733 3.694a42.475 42.475 0 0 0-14.218 1.568.964.964 0 0 0-.651.65 42.71 42.71 0 0 0-1.569 14.211L3.312 36.34a11.324 11.324 0 0 0 0 16.007l3.686 3.686a42.71 42.71 0 0 0 1.569 14.21.941.941 0 0 0 .65.643 42.281 42.281 0 0 0 14.203 1.569l3.694 3.693a11.324 11.324 0 0 0 16.006 0l3.686-3.694a42.523 42.523 0 0 0 14.21-1.568.941.941 0 0 0 .644-.65 42.504 42.504 0 0 0 1.568-14.211l3.694-3.686a11.324 11.324 0 0 0 0-16.007l-3.678-3.639Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M28.272 34.217a2.352 2.352 0 0 0-1.898 1.286L8.423 69.915a.721.721 0 0 0 .125.855l22.084-31.942c1.765-1.373 8.478 2.25 10.533 3.725-3.71-4.454-9.466-8.517-12.893-8.336Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m9.458 70.927 34.004-18.822a2.432 2.432 0 0 0 1.27-1.867c.542-5.662-10.979-16.32-16.468-16.03a2.352 2.352 0 0 0-1.89 1.294L8.422 69.915a.784.784 0 0 0 1.036 1.011Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M25.723 52.646a16.154 16.154 0 0 0-7.976-.557 609.105 609.105 0 0 1-2.133 4.086c2.022.067 4.02.456 5.92 1.153a18.931 18.931 0 0 1 6 3.607l5.623-3.137a16.273 16.273 0 0 0-7.434-5.152ZM16.179 63.735a10.243 10.243 0 0 0-4.306-.376l-1.568 2.98a6.887 6.887 0 0 1 2.901 1.31c.284.238.546.5.785.784l5.387-2.988a10.249 10.249 0 0 0-3.2-1.71ZM44.732 50.246a4.52 4.52 0 0 0 0-.462 27.024 27.024 0 0 0-12.343-6.69 26.569 26.569 0 0 0-9.756-.423l-2.047 3.92a22.624 22.624 0 0 1 10.493 1.742 22.821 22.821 0 0 1 8.313 6.054l4.11-2.274a2.43 2.43 0 0 0 1.23-1.867Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M24.42 26.633a1.663 1.663 0 1 0 0-3.325 1.663 1.663 0 0 0 0 3.325Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M56.16 4.008a1.569 1.569 0 1 0 0-3.137 1.569 1.569 0 0 0 0 3.137Z",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M52.803 22.962a1.153 1.153 0 1 0 0-2.305 1.153 1.153 0 0 0 0 2.305Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M73.93 20.657a2.298 2.298 0 1 0 0-4.596 2.298 2.298 0 0 0 0 4.596Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M46.097 3.059c3.655 6.274 2.627 20.068-4.91 22.923-3.356 1.09-8.045-1.349-9.23-4.596-1.89-7.928 7.372-9.41 9.717-2.188 2.172 5.788 0 13.191-6.007 15.685l-1.694-3.874c4.258-1.623 5.795-6.666 4.705-10.901a5.309 5.309 0 0 0-1.325-2.643c-1.89-1.655-3.772-.612-4.015 1.796-.244 2.408 2.007 4.023 4.03 4.839 3.679 1.568 6.486-1.96 7.372-5.208 1.357-4.446 1.098-10.148-1.568-13.936l2.964-1.89-.039-.007Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M37.11 27.809c.719-1.125 1.154-2.393 1.334-3.716.18-1.323.07-2.67-.322-3.946M42.145 19.088a14.548 14.548 0 0 1-.18 9.929",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M45.14 45.376a14.014 14.014 0 0 1 4.918-7.654c4.439-3.443 12.03-2.91 15.16 2.094 2.18 3.843.548 10.195-4.77 9.615-3.709-1.028-3.261-6.055-2.415-8.925 1.796-5.898 6.572-11.042 12.642-12.548a18.037 18.037 0 0 1 9.325.283l-.886 2.736a14.115 14.115 0 0 0-14.9 3.208c-2.84 2.784-5.004 6.8-4.847 10.822a3.193 3.193 0 0 0 1.113 2.502c1.075.408 2.353-.4 2.886-1.388 2.682-7.45-6.932-10.666-12.234-6.854a13.073 13.073 0 0 0-4.705 6.533l-1.341-.432.055.008Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M61.678 39.978c-.842-.838-2.13-1.407-3.325-1.614",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M63.312 37.023c-1.148-.733-2.401-1.317-3.717-1.67",
+    stroke: "#fff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M57.97 48.254c1.302.636 4.517-.282 4.965-3.356",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m61.131 7.788-4.705 4.815c-1.82 3.678 3.67 11.92 2.25 17.551.785-2.502 2.636-3.035 3.412-5.537.008-5.583-6.297-12.932-.957-16.83Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M73.31 0c.142 1.263.51 5.184-2.03 8.485-3.46 4.494-11.85.589-14.901 4.118a11.207 11.207 0 0 1 4.313-4.635c1.412-.91 6.054.259 9.207-2.431A9.686 9.686 0 0 0 73.31 0Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m46.372 29.464-3.294 1.114-.29 1.568-.66 7.12c3.577-.791 3.789-8.038 4.244-9.802Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M61.868 22.64c.243 1.71.737 4.596-1.42 6.87-3.081 3.248-15.308-.783-17.66 2.62a5.427 5.427 0 0 1 2.407-4.423c4.321-2.917 12.297 2.008 16.673-5.066Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  })), /* @__PURE__ */ import_react.default.createElement("defs", null));
+};
 Congrats.displayName = "Congrats";
 var stdin_default = (0, import_core.createBaseComponent)(Congrats);

package/illustration/Congrats/index.mjs

@@ -1,116 +1,122 @@
 import React from "react";
 import { createBaseComponent } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
-const Congrats = ({ 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("g", {
-  clipPath: "url(#igc-congrats-el-0)"
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M63.244 32.693a42.504 42.504 0 0 0-1.569-14.21.94.94 0 0 0-.642-.652 42.521 42.521 0 0 0-14.172-1.607l-3.686-3.694a11.324 11.324 0 0 0-16.006 0l-3.733 3.694a42.475 42.475 0 0 0-14.218 1.568.964.964 0 0 0-.651.65 42.71 42.71 0 0 0-1.569 14.211L3.312 36.34a11.324 11.324 0 0 0 0 16.007l3.686 3.686a42.71 42.71 0 0 0 1.569 14.21.941.941 0 0 0 .65.643 42.281 42.281 0 0 0 14.203 1.569l3.694 3.693a11.324 11.324 0 0 0 16.006 0l3.686-3.694a42.523 42.523 0 0 0 14.21-1.568.941.941 0 0 0 .644-.65 42.504 42.504 0 0 0 1.568-14.211l3.694-3.686a11.324 11.324 0 0 0 0-16.007l-3.678-3.639Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M28.272 34.217a2.352 2.352 0 0 0-1.898 1.286L8.423 69.915a.721.721 0 0 0 .125.855l22.084-31.942c1.765-1.373 8.478 2.25 10.533 3.725-3.71-4.454-9.466-8.517-12.893-8.336Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m9.458 70.927 34.004-18.822a2.432 2.432 0 0 0 1.27-1.867c.542-5.662-10.979-16.32-16.468-16.03a2.352 2.352 0 0 0-1.89 1.294L8.422 69.915a.784.784 0 0 0 1.036 1.011Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M25.723 52.646a16.154 16.154 0 0 0-7.976-.557 609.105 609.105 0 0 1-2.133 4.086c2.022.067 4.02.456 5.92 1.153a18.931 18.931 0 0 1 6 3.607l5.623-3.137a16.273 16.273 0 0 0-7.434-5.152ZM16.179 63.735a10.243 10.243 0 0 0-4.306-.376l-1.568 2.98a6.887 6.887 0 0 1 2.901 1.31c.284.238.546.5.785.784l5.387-2.988a10.249 10.249 0 0 0-3.2-1.71ZM44.732 50.246a4.52 4.52 0 0 0 0-.462 27.024 27.024 0 0 0-12.343-6.69 26.569 26.569 0 0 0-9.756-.423l-2.047 3.92a22.624 22.624 0 0 1 10.493 1.742 22.821 22.821 0 0 1 8.313 6.054l4.11-2.274a2.43 2.43 0 0 0 1.23-1.867Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M24.42 26.633a1.663 1.663 0 1 0 0-3.325 1.663 1.663 0 0 0 0 3.325Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M56.16 4.008a1.569 1.569 0 1 0 0-3.137 1.569 1.569 0 0 0 0 3.137Z",
-  stroke: "#E0E1E9",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M52.803 22.962a1.153 1.153 0 1 0 0-2.305 1.153 1.153 0 0 0 0 2.305Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M73.93 20.657a2.298 2.298 0 1 0 0-4.596 2.298 2.298 0 0 0 0 4.596Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M46.097 3.059c3.655 6.274 2.627 20.068-4.91 22.923-3.356 1.09-8.045-1.349-9.23-4.596-1.89-7.928 7.372-9.41 9.717-2.188 2.172 5.788 0 13.191-6.007 15.685l-1.694-3.874c4.258-1.623 5.795-6.666 4.705-10.901a5.309 5.309 0 0 0-1.325-2.643c-1.89-1.655-3.772-.612-4.015 1.796-.244 2.408 2.007 4.023 4.03 4.839 3.679 1.568 6.486-1.96 7.372-5.208 1.357-4.446 1.098-10.148-1.568-13.936l2.964-1.89-.039-.007Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M37.11 27.809c.719-1.125 1.154-2.393 1.334-3.716.18-1.323.07-2.67-.322-3.946M42.145 19.088a14.548 14.548 0 0 1-.18 9.929",
-  stroke: "#E0E1E9",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M45.14 45.376a14.014 14.014 0 0 1 4.918-7.654c4.439-3.443 12.03-2.91 15.16 2.094 2.18 3.843.548 10.195-4.77 9.615-3.709-1.028-3.261-6.055-2.415-8.925 1.796-5.898 6.572-11.042 12.642-12.548a18.037 18.037 0 0 1 9.325.283l-.886 2.736a14.115 14.115 0 0 0-14.9 3.208c-2.84 2.784-5.004 6.8-4.847 10.822a3.193 3.193 0 0 0 1.113 2.502c1.075.408 2.353-.4 2.886-1.388 2.682-7.45-6.932-10.666-12.234-6.854a13.073 13.073 0 0 0-4.705 6.533l-1.341-.432.055.008Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M61.678 39.978c-.842-.838-2.13-1.407-3.325-1.614",
-  stroke: "#E0E1E9",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M63.312 37.023c-1.148-.733-2.401-1.317-3.717-1.67",
-  stroke: "#fff",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M57.97 48.254c1.302.636 4.517-.282 4.965-3.356",
-  stroke: "#E0E1E9",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m61.131 7.788-4.705 4.815c-1.82 3.678 3.67 11.92 2.25 17.551.785-2.502 2.636-3.035 3.412-5.537.008-5.583-6.297-12.932-.957-16.83Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M73.31 0c.142 1.263.51 5.184-2.03 8.485-3.46 4.494-11.85.589-14.901 4.118a11.207 11.207 0 0 1 4.313-4.635c1.412-.91 6.054.259 9.207-2.431A9.686 9.686 0 0 0 73.31 0Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m46.372 29.464-3.294 1.114-.29 1.568-.66 7.12c3.577-.791 3.789-8.038 4.244-9.802Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M61.868 22.64c.243 1.71.737 4.596-1.42 6.87-3.081 3.248-15.308-.783-17.66 2.62a5.427 5.427 0 0 1 2.407-4.423c4.321-2.917 12.297 2.008 16.673-5.066Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".8"
-})), /* @__PURE__ */ React.createElement("defs", null));
+import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
+const Congrats = ({ 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("g", {
+    clipPath: "url(#igc-congrats-el-0)"
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M63.244 32.693a42.504 42.504 0 0 0-1.569-14.21.94.94 0 0 0-.642-.652 42.521 42.521 0 0 0-14.172-1.607l-3.686-3.694a11.324 11.324 0 0 0-16.006 0l-3.733 3.694a42.475 42.475 0 0 0-14.218 1.568.964.964 0 0 0-.651.65 42.71 42.71 0 0 0-1.569 14.211L3.312 36.34a11.324 11.324 0 0 0 0 16.007l3.686 3.686a42.71 42.71 0 0 0 1.569 14.21.941.941 0 0 0 .65.643 42.281 42.281 0 0 0 14.203 1.569l3.694 3.693a11.324 11.324 0 0 0 16.006 0l3.686-3.694a42.523 42.523 0 0 0 14.21-1.568.941.941 0 0 0 .644-.65 42.504 42.504 0 0 0 1.568-14.211l3.694-3.686a11.324 11.324 0 0 0 0-16.007l-3.678-3.639Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M28.272 34.217a2.352 2.352 0 0 0-1.898 1.286L8.423 69.915a.721.721 0 0 0 .125.855l22.084-31.942c1.765-1.373 8.478 2.25 10.533 3.725-3.71-4.454-9.466-8.517-12.893-8.336Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m9.458 70.927 34.004-18.822a2.432 2.432 0 0 0 1.27-1.867c.542-5.662-10.979-16.32-16.468-16.03a2.352 2.352 0 0 0-1.89 1.294L8.422 69.915a.784.784 0 0 0 1.036 1.011Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M25.723 52.646a16.154 16.154 0 0 0-7.976-.557 609.105 609.105 0 0 1-2.133 4.086c2.022.067 4.02.456 5.92 1.153a18.931 18.931 0 0 1 6 3.607l5.623-3.137a16.273 16.273 0 0 0-7.434-5.152ZM16.179 63.735a10.243 10.243 0 0 0-4.306-.376l-1.568 2.98a6.887 6.887 0 0 1 2.901 1.31c.284.238.546.5.785.784l5.387-2.988a10.249 10.249 0 0 0-3.2-1.71ZM44.732 50.246a4.52 4.52 0 0 0 0-.462 27.024 27.024 0 0 0-12.343-6.69 26.569 26.569 0 0 0-9.756-.423l-2.047 3.92a22.624 22.624 0 0 1 10.493 1.742 22.821 22.821 0 0 1 8.313 6.054l4.11-2.274a2.43 2.43 0 0 0 1.23-1.867Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M24.42 26.633a1.663 1.663 0 1 0 0-3.325 1.663 1.663 0 0 0 0 3.325Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M56.16 4.008a1.569 1.569 0 1 0 0-3.137 1.569 1.569 0 0 0 0 3.137Z",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M52.803 22.962a1.153 1.153 0 1 0 0-2.305 1.153 1.153 0 0 0 0 2.305Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M73.93 20.657a2.298 2.298 0 1 0 0-4.596 2.298 2.298 0 0 0 0 4.596Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M46.097 3.059c3.655 6.274 2.627 20.068-4.91 22.923-3.356 1.09-8.045-1.349-9.23-4.596-1.89-7.928 7.372-9.41 9.717-2.188 2.172 5.788 0 13.191-6.007 15.685l-1.694-3.874c4.258-1.623 5.795-6.666 4.705-10.901a5.309 5.309 0 0 0-1.325-2.643c-1.89-1.655-3.772-.612-4.015 1.796-.244 2.408 2.007 4.023 4.03 4.839 3.679 1.568 6.486-1.96 7.372-5.208 1.357-4.446 1.098-10.148-1.568-13.936l2.964-1.89-.039-.007Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M37.11 27.809c.719-1.125 1.154-2.393 1.334-3.716.18-1.323.07-2.67-.322-3.946M42.145 19.088a14.548 14.548 0 0 1-.18 9.929",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M45.14 45.376a14.014 14.014 0 0 1 4.918-7.654c4.439-3.443 12.03-2.91 15.16 2.094 2.18 3.843.548 10.195-4.77 9.615-3.709-1.028-3.261-6.055-2.415-8.925 1.796-5.898 6.572-11.042 12.642-12.548a18.037 18.037 0 0 1 9.325.283l-.886 2.736a14.115 14.115 0 0 0-14.9 3.208c-2.84 2.784-5.004 6.8-4.847 10.822a3.193 3.193 0 0 0 1.113 2.502c1.075.408 2.353-.4 2.886-1.388 2.682-7.45-6.932-10.666-12.234-6.854a13.073 13.073 0 0 0-4.705 6.533l-1.341-.432.055.008Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M61.678 39.978c-.842-.838-2.13-1.407-3.325-1.614",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M63.312 37.023c-1.148-.733-2.401-1.317-3.717-1.67",
+    stroke: "#fff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M57.97 48.254c1.302.636 4.517-.282 4.965-3.356",
+    stroke: resolvedPrimaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m61.131 7.788-4.705 4.815c-1.82 3.678 3.67 11.92 2.25 17.551.785-2.502 2.636-3.035 3.412-5.537.008-5.583-6.297-12.932-.957-16.83Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M73.31 0c.142 1.263.51 5.184-2.03 8.485-3.46 4.494-11.85.589-14.901 4.118a11.207 11.207 0 0 1 4.313-4.635c1.412-.91 6.054.259 9.207-2.431A9.686 9.686 0 0 0 73.31 0Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m46.372 29.464-3.294 1.114-.29 1.568-.66 7.12c3.577-.791 3.789-8.038 4.244-9.802Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M61.868 22.64c.243 1.71.737 4.596-1.42 6.87-3.081 3.248-15.308-.783-17.66 2.62a5.427 5.427 0 0 1 2.407-4.423c4.321-2.917 12.297 2.008 16.673-5.066Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".8"
+  })), /* @__PURE__ */ React.createElement("defs", null));
+};
 Congrats.displayName = "Congrats";
 var stdin_default = createBaseComponent(Congrats);
 export {

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