@hyperlane-xyz/widgets 1.3.3 → 1.3.5-beta0

package/dist/cjs/color.d.ts

@@ -1,9 +1,13 @@
-export declare enum Color {
+export declare enum ColorPalette {
     Black = "#010101",
     White = "#FFFFFF",
+    Blue = "#2362C0",
+    DarkBlue = "#162A4A",
+    LightBlue = "#82A8E4",
+    Pink = "#CF2FB3",
     Gray = "#6B7280",
-    Blue = "#025AA1",
     Beige = "#F1EDE9",
     Red = "#BF1B15"
 }
+export declare function seedToBgColor(seed?: number): "htw-bg-gray-100" | "htw-bg-blue-100" | "htw-bg-pink-200" | "htw-bg-green-100" | "htw-bg-orange-200" | "htw-bg-violet-200";
 //# sourceMappingURL=color.d.ts.map

package/dist/cjs/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/color.ts"],"names":[],"mappings":"AAAA,oBAAY,KAAK;IACf,KAAK,YAAY;IACjB,KAAK,YAAY;IACjB,IAAI,YAAY;IAChB,IAAI,YAAY;IAChB,KAAK,YAAY;IACjB,GAAG,YAAY;CAChB"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/color.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY;IACtB,KAAK,YAAY;IACjB,KAAK,YAAY;IACjB,IAAI,YAAY;IAChB,QAAQ,YAAY;IACpB,SAAS,YAAY;IACrB,IAAI,YAAY;IAChB,IAAI,YAAY;IAChB,KAAK,YAAY;IACjB,GAAG,YAAY;CAChB;AAED,wBAAgB,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM,8HAiB1C"}

package/dist/cjs/color.js

@@ -1,13 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Color = void 0;
-var Color;
-(function (Color) {
-    Color["Black"] = "#010101";
-    Color["White"] = "#FFFFFF";
-    Color["Gray"] = "#6B7280";
-    Color["Blue"] = "#025AA1";
-    Color["Beige"] = "#F1EDE9";
-    Color["Red"] = "#BF1B15";
-})(Color = exports.Color || (exports.Color = {}));
+exports.seedToBgColor = exports.ColorPalette = void 0;
+var ColorPalette;
+(function (ColorPalette) {
+    ColorPalette["Black"] = "#010101";
+    ColorPalette["White"] = "#FFFFFF";
+    ColorPalette["Blue"] = "#2362C0";
+    ColorPalette["DarkBlue"] = "#162A4A";
+    ColorPalette["LightBlue"] = "#82A8E4";
+    ColorPalette["Pink"] = "#CF2FB3";
+    ColorPalette["Gray"] = "#6B7280";
+    ColorPalette["Beige"] = "#F1EDE9";
+    ColorPalette["Red"] = "#BF1B15";
+})(ColorPalette = exports.ColorPalette || (exports.ColorPalette = {}));
+function seedToBgColor(seed) {
+    if (!seed)
+        return 'htw-bg-gray-100';
+    const mod = seed % 5;
+    switch (mod) {
+        case 0:
+            return 'htw-bg-blue-100';
+        case 1:
+            return 'htw-bg-pink-200';
+        case 2:
+            return 'htw-bg-green-100';
+        case 3:
+            return 'htw-bg-orange-200';
+        case 4:
+            return 'htw-bg-violet-200';
+        default:
+            return 'htw-bg-gray-100';
+    }
+}
+exports.seedToBgColor = seedToBgColor;
 //# sourceMappingURL=color.js.map

package/dist/cjs/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/color.ts"],"names":[],"mappings":";;;AAAA,IAAY,KAOX;AAPD,WAAY,KAAK;IACf,0BAAiB,CAAA;IACjB,0BAAiB,CAAA;IACjB,yBAAgB,CAAA;IAChB,yBAAgB,CAAA;IAChB,0BAAiB,CAAA;IACjB,wBAAe,CAAA;AACjB,CAAC,EAPW,KAAK,GAAL,aAAK,KAAL,aAAK,QAOhB"}
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/color.ts"],"names":[],"mappings":";;;AAAA,IAAY,YAUX;AAVD,WAAY,YAAY;IACtB,iCAAiB,CAAA;IACjB,iCAAiB,CAAA;IACjB,gCAAgB,CAAA;IAChB,oCAAoB,CAAA;IACpB,qCAAqB,CAAA;IACrB,gCAAgB,CAAA;IAChB,gCAAgB,CAAA;IAChB,iCAAiB,CAAA;IACjB,+BAAe,CAAA;AACjB,CAAC,EAVW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAUvB;AAED,SAAgB,aAAa,CAAC,IAAa;IACzC,IAAI,CAAC,IAAI;QAAE,OAAO,iBAAiB,CAAC;IACpC,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,CAAC;IACrB,QAAQ,GAAG,EAAE;QACX,KAAK,CAAC;YACJ,OAAO,iBAAiB,CAAC;QAC3B,KAAK,CAAC;YACJ,OAAO,iBAAiB,CAAC;QAC3B,KAAK,CAAC;YACJ,OAAO,kBAAkB,CAAC;QAC5B,KAAK,CAAC;YACJ,OAAO,mBAAmB,CAAC;QAC7B,KAAK,CAAC;YACJ,OAAO,mBAAmB,CAAC;QAC7B;YACE,OAAO,iBAAiB,CAAC;KAC5B;AACH,CAAC;AAjBD,sCAiBC"}

package/dist/cjs/icons/Airplane.js

@@ -29,7 +29,7 @@ const color_1 = require("../color");
 // Paper airplane shape
 function _AirplaneIcon({ width, height, color, classes }) {
     return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: width, height: height, className: classes },
-        react_1.default.createElement("path", { d: "M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 3.178 4.995.002.002.26.41a.5.5 0 0 0 .886-.083l6-15Zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471-.47 1.178Z", fill: color || color_1.Color.Blue })));
+        react_1.default.createElement("path", { d: "M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 3.178 4.995.002.002.26.41a.5.5 0 0 0 .886-.083l6-15Zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471-.47 1.178Z", fill: color || color_1.ColorPalette.Blue })));
 }
 exports.AirplaneIcon = (0, react_1.memo)(_AirplaneIcon);
 //# sourceMappingURL=Airplane.js.map

package/dist/cjs/icons/Airplane.js.map

@@ -1 +1 @@
-{"version":3,"file":"Airplane.js","sourceRoot":"","sources":["../../../src/icons/Airplane.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAiC;AASjC,uBAAuB;AACvB,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC7D,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,wCACE,CAAC,EAAC,kQAAkQ,EACpQ,IAAI,EAAE,KAAK,IAAI,aAAK,CAAC,IAAI,GACzB,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,YAAY,GAAG,IAAA,YAAI,EAAC,aAAa,CAAC,CAAC"}
+{"version":3,"file":"Airplane.js","sourceRoot":"","sources":["../../../src/icons/Airplane.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAwC;AASxC,uBAAuB;AACvB,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC7D,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,wCACE,CAAC,EAAC,kQAAkQ,EACpQ,IAAI,EAAE,KAAK,IAAI,oBAAY,CAAC,IAAI,GAChC,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,YAAY,GAAG,IAAA,YAAI,EAAC,aAAa,CAAC,CAAC"}

package/dist/cjs/icons/ChainLogo.d.ts

@@ -1,21 +1,18 @@
-import React from 'react';
-type CustomLogo = (props: {
+import React, { ReactElement } from 'react';
+type SvgIcon = (props: {
     width: number;
     height: number;
     title?: string;
-}) => React.ReactElement;
+}) => ReactElement;
 export interface ChainLogoProps {
     chainId?: number;
     chainName?: string;
     size?: number;
     color?: boolean;
     background?: boolean;
-    customLogos?: Record<number, {
-        color: CustomLogo;
-        black: CustomLogo;
-    }>;
+    icon?: SvgIcon;
 }
-declare function _ChainLogo({ chainId, chainName, size, color, background, customLogos, }: ChainLogoProps): JSX.Element;
+declare function _ChainLogo({ chainId, chainName, size, color, background, icon, }: ChainLogoProps): JSX.Element;
 export declare const ChainLogo: React.MemoExoticComponent<typeof _ChainLogo>;
 export {};
 //# sourceMappingURL=ChainLogo.d.ts.map

package/dist/cjs/icons/ChainLogo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChainLogo.d.ts","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAgDrE,KAAK,UAAU,GAAG,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAAC;AAEnG,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,UAAU,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,CAAC,CAAC;CACxE;AAED,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,SAAS,EACT,IAAS,EACT,KAAY,EACZ,UAAkB,EAClB,WAAgB,GACjB,EAAE,cAAc,eA+BhB;AAsCD,eAAO,MAAM,SAAS,8CAAmB,CAAC"}
+{"version":3,"file":"ChainLogo.d.ts","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAQ,MAAM,OAAO,CAAC;AA0BlD,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,YAAY,CAAC;AAyB1F,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,SAAS,EACT,IAAS,EACT,KAAY,EACZ,UAAkB,EAClB,IAAI,GACL,EAAE,cAAc,eA2BhB;AAED,eAAO,MAAM,SAAS,8CAAmB,CAAC"}

package/dist/cjs/icons/ChainLogo.js

@@ -47,6 +47,7 @@ const Gnosis_2 = __importDefault(require("../logos/color/Gnosis"));
 const Moonbeam_2 = __importDefault(require("../logos/color/Moonbeam"));
 const Optimism_2 = __importDefault(require("../logos/color/Optimism"));
 const Polygon_2 = __importDefault(require("../logos/color/Polygon"));
+const Circle_1 = require("./Circle");
 const QuestionMark_1 = require("./QuestionMark");
 // Keep up to date as new chains are added or
 // icon will fallback to default (question mark)
@@ -70,52 +71,21 @@ const CHAIN_TO_LOGO = {
     [sdk_1.chainMetadata.polygon.chainId]: { black: Polygon_1.default, color: Polygon_2.default },
     [sdk_1.chainMetadata.sepolia.chainId]: { black: Ethereum_1.default, color: Ethereum_2.default },
 };
-function _ChainLogo({ chainId, chainName, size = 32, color = true, background = false, customLogos = {}, }) {
-    var _a, _b;
+function _ChainLogo({ chainId, chainName, size = 32, color = true, background = false, icon, }) {
+    var _a;
     const colorType = color ? 'color' : 'black';
     const title = chainName || (chainId === null || chainId === void 0 ? void 0 : chainId.toString()) || 'Unknown';
     const iconSize = Math.floor(size / 1.9);
-    const ImageSrc = chainId
-        ? ((_a = customLogos[chainId]) === null || _a === void 0 ? void 0 : _a[colorType]) || ((_b = CHAIN_TO_LOGO[chainId]) === null || _b === void 0 ? void 0 : _b[colorType])
-        : null;
-    if (!ImageSrc) {
-        let icon;
-        if (chainName) {
-            icon = react_1.default.createElement("div", { style: { fontSize: iconSize } }, chainName[0].toUpperCase());
-        }
-        else {
-            icon = react_1.default.createElement(QuestionMark_1.QuestionMarkIcon, { width: iconSize, height: iconSize });
-        }
-        return (react_1.default.createElement(Circle, { size: size, title: title, classes: getBackgroundColor(chainId) }, icon));
+    const ImageNode = icon !== null && icon !== void 0 ? icon : (chainId ? (_a = CHAIN_TO_LOGO[chainId]) === null || _a === void 0 ? void 0 : _a[colorType] : null);
+    if (!ImageNode) {
+        return (react_1.default.createElement(Circle_1.Circle, { size: size, title: title, bgColorSeed: chainId || 0 }, chainName ? (react_1.default.createElement("div", { style: { fontSize: iconSize } }, chainName[0].toUpperCase())) : (react_1.default.createElement(QuestionMark_1.QuestionMarkIcon, { width: iconSize, height: iconSize }))));
     }
     if (background) {
-        return (react_1.default.createElement(Circle, { size: size, title: title, classes: "htw-bg-gray-100" },
-            react_1.default.createElement(ImageSrc, { width: iconSize, height: iconSize })));
+        return (react_1.default.createElement(Circle_1.Circle, { size: size, title: title, classes: "htw-bg-gray-100" },
+            react_1.default.createElement(ImageNode, { width: iconSize, height: iconSize })));
     }
     else {
-        return react_1.default.createElement(ImageSrc, { width: size, height: size, title: title });
-    }
-}
-function Circle({ size, title, classes, children, }) {
-    return (react_1.default.createElement("div", { style: { width: `${size}px`, height: `${size}px` }, className: `htw-flex htw-items-center htw-justify-center htw-rounded-full htw-transition-all ${classes}`, title: title }, children));
-}
-function getBackgroundColor(chainId) {
-    if (!chainId)
-        return 'htw-bg-gray-100';
-    const mod = chainId % 5;
-    switch (mod) {
-        case 0:
-            return 'htw-bg-blue-100';
-        case 1:
-            return 'htw-bg-pink-200';
-        case 2:
-            return 'htw-bg-green-100';
-        case 3:
-            return 'htw-bg-orange-200';
-        case 4:
-            return 'htw-bg-violet-200';
-        default:
-            return 'htw-bg-gray-100';
+        return react_1.default.createElement(ImageNode, { width: size, height: size, title: title });
     }
 }
 exports.ChainLogo = (0, react_1.memo)(_ChainLogo);

package/dist/cjs/icons/ChainLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChainLogo.js","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChainLogo.js","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/icons/Circle.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+export declare function Circle({ size, title, bgColorSeed, classes, children, }: PropsWithChildren<{
+    size: string | number;
+    title: string;
+    bgColorSeed?: number;
+    classes?: string;
+}>): JSX.Element;
+//# sourceMappingURL=Circle.d.ts.map

package/dist/cjs/icons/Circle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.d.ts","sourceRoot":"","sources":["../../../src/icons/Circle.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,GACT,EAAE,iBAAiB,CAAC;IACnB,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,eAYD"}

package/dist/cjs/icons/Circle.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Circle = void 0;
+const react_1 = __importDefault(require("react"));
+const color_1 = require("../color");
+function Circle({ size, title, bgColorSeed, classes, children, }) {
+    const bgColor = bgColorSeed === null || bgColorSeed == undefined ? '' : (0, color_1.seedToBgColor)(bgColorSeed);
+    return (react_1.default.createElement("div", { style: { width: `${size}px`, height: `${size}px` }, className: `htw-flex htw-items-center htw-justify-center htw-rounded-full htw-transition-all overflow-hidden ${bgColor} ${classes}`, title: title }, children));
+}
+exports.Circle = Circle;
+//# sourceMappingURL=Circle.js.map

package/dist/cjs/icons/Circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.js","sourceRoot":"","sources":["../../../src/icons/Circle.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAiD;AAEjD,oCAAyC;AAEzC,SAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,GAMR;IACA,MAAM,OAAO,GACX,WAAW,KAAK,IAAI,IAAI,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAA,qBAAa,EAAC,WAAW,CAAC,CAAC;IACrF,OAAO,CACL,uCACE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,IAAI,EAAE,EAClD,SAAS,EAAE,oGAAoG,OAAO,IAAI,OAAO,EAAE,EACnI,KAAK,EAAE,KAAK,IAEX,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAvBD,wBAuBC"}

package/dist/cjs/icons/Envelope.js

@@ -29,8 +29,8 @@ const color_1 = require("../color");
 // Envelope with checkmark
 function _EnvelopeIcon({ width, height, color, classes }) {
     return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: width, height: height, className: classes },
-        react_1.default.createElement("path", { d: "M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.026A2 2 0 0 0 2 14h6.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586l-1.239-.757ZM16 4.697v4.974A4.491 4.491 0 0 0 12.5 8a4.49 4.49 0 0 0-1.965.45l-.338-.207L16 4.697Z", fill: color || color_1.Color.Blue }),
-        react_1.default.createElement("path", { d: "M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-1.993-1.679a.5.5 0 0 0-.686.172l-1.17 1.95-.547-.547a.5.5 0 0 0-.708.708l.774.773a.75.75 0 0 0 1.174-.144l1.335-2.226a.5.5 0 0 0-.172-.686Z", fill: color || color_1.Color.Blue })));
+        react_1.default.createElement("path", { d: "M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.026A2 2 0 0 0 2 14h6.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586l-1.239-.757ZM16 4.697v4.974A4.491 4.491 0 0 0 12.5 8a4.49 4.49 0 0 0-1.965.45l-.338-.207L16 4.697Z", fill: color || color_1.ColorPalette.Blue }),
+        react_1.default.createElement("path", { d: "M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-1.993-1.679a.5.5 0 0 0-.686.172l-1.17 1.95-.547-.547a.5.5 0 0 0-.708.708l.774.773a.75.75 0 0 0 1.174-.144l1.335-2.226a.5.5 0 0 0-.172-.686Z", fill: color || color_1.ColorPalette.Blue })));
 }
 exports.EnvelopeIcon = (0, react_1.memo)(_EnvelopeIcon);
 //# sourceMappingURL=Envelope.js.map

package/dist/cjs/icons/Envelope.js.map

@@ -1 +1 @@
-{"version":3,"file":"Envelope.js","sourceRoot":"","sources":["../../../src/icons/Envelope.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAiC;AASjC,0BAA0B;AAC1B,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC7D,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,wCACE,CAAC,EAAC,8TAA8T,EAChU,IAAI,EAAE,KAAK,IAAI,aAAK,CAAC,IAAI,GACzB;QACF,wCACE,CAAC,EAAC,4LAA4L,EAC9L,IAAI,EAAE,KAAK,IAAI,aAAK,CAAC,IAAI,GACzB,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,YAAY,GAAG,IAAA,YAAI,EAAC,aAAa,CAAC,CAAC"}
+{"version":3,"file":"Envelope.js","sourceRoot":"","sources":["../../../src/icons/Envelope.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAwC;AASxC,0BAA0B;AAC1B,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC7D,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,wCACE,CAAC,EAAC,8TAA8T,EAChU,IAAI,EAAE,KAAK,IAAI,oBAAY,CAAC,IAAI,GAChC;QACF,wCACE,CAAC,EAAC,4LAA4L,EAC9L,IAAI,EAAE,KAAK,IAAI,oBAAY,CAAC,IAAI,GAChC,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,YAAY,GAAG,IAAA,YAAI,EAAC,aAAa,CAAC,CAAC"}

package/dist/cjs/icons/Lock.js

@@ -28,7 +28,7 @@ const react_1 = __importStar(require("react"));
 const color_1 = require("../color");
 function _LockIcon({ width, height, color, classes }) {
     return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 15 18", width: width, height: height, className: classes },
-        react_1.default.createElement("path", { d: "M7.14 1.13c.76 0 1.49.23 2.02.65.54.43.84 1 .84 1.6v4.5H4.29v-4.5c0-.6.3-1.17.83-1.6a3.29 3.29 0 0 1 2.02-.66Zm4.29 6.75v-4.5c0-.9-.45-1.76-1.26-2.4C9.37.37 8.28 0 7.14 0 6.01 0 4.92.36 4.11.99c-.8.63-1.25 1.49-1.25 2.38v4.5c-.76 0-1.49.24-2.02.66-.54.43-.84 1-.84 1.6v5.62c0 .6.3 1.17.84 1.6.53.41 1.26.65 2.02.65h8.57c.76 0 1.48-.24 2.02-.66.53-.42.84-1 .84-1.59v-5.63c0-.6-.3-1.16-.84-1.59a3.29 3.29 0 0 0-2.02-.65Z", fill: color || color_1.Color.Blue })));
+        react_1.default.createElement("path", { d: "M7.14 1.13c.76 0 1.49.23 2.02.65.54.43.84 1 .84 1.6v4.5H4.29v-4.5c0-.6.3-1.17.83-1.6a3.29 3.29 0 0 1 2.02-.66Zm4.29 6.75v-4.5c0-.9-.45-1.76-1.26-2.4C9.37.37 8.28 0 7.14 0 6.01 0 4.92.36 4.11.99c-.8.63-1.25 1.49-1.25 2.38v4.5c-.76 0-1.49.24-2.02.66-.54.43-.84 1-.84 1.6v5.62c0 .6.3 1.17.84 1.6.53.41 1.26.65 2.02.65h8.57c.76 0 1.48-.24 2.02-.66.53-.42.84-1 .84-1.59v-5.63c0-.6-.3-1.16-.84-1.59a3.29 3.29 0 0 0-2.02-.65Z", fill: color || color_1.ColorPalette.Blue })));
 }
 exports.LockIcon = (0, react_1.memo)(_LockIcon);
 //# sourceMappingURL=Lock.js.map

package/dist/cjs/icons/Lock.js.map

@@ -1 +1 @@
-{"version":3,"file":"Lock.js","sourceRoot":"","sources":["../../../src/icons/Lock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAiC;AASjC,SAAS,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IACzD,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,wCACE,CAAC,EAAC,oaAAoa,EACta,IAAI,EAAE,KAAK,IAAI,aAAK,CAAC,IAAI,GACzB,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,QAAQ,GAAG,IAAA,YAAI,EAAC,SAAS,CAAC,CAAC"}
+{"version":3,"file":"Lock.js","sourceRoot":"","sources":["../../../src/icons/Lock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAwC;AASxC,SAAS,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IACzD,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,wCACE,CAAC,EAAC,oaAAoa,EACta,IAAI,EAAE,KAAK,IAAI,oBAAY,CAAC,IAAI,GAChC,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,QAAQ,GAAG,IAAA,YAAI,EAAC,SAAS,CAAC,CAAC"}

package/dist/cjs/icons/QuestionMark.js

@@ -28,7 +28,7 @@ const react_1 = __importStar(require("react"));
 const color_1 = require("../color");
 function _QuestionMarkIcon({ width, height, color, classes }) {
     return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "13.7 6 20.65 38", className: classes },
-        react_1.default.createElement("path", { d: "M21.55 31.5q.05-3.6.82-5.25.78-1.65 2.93-3.6 2.1-1.9 3.23-3.52t1.12-3.48q0-2.25-1.5-3.75t-4.2-1.5q-2.6 0-4 1.48t-2.05 3.07l-4.2-1.85q1.1-2.95 3.73-5.03T23.95 6q5 0 7.7 2.77t2.7 6.68q0 2.4-1.02 4.35-1.03 1.95-3.28 4.1-2.45 2.35-2.95 3.6t-.55 4Zm2.4 12.5q-1.45 0-2.48-1.02-1.02-1.03-1.02-2.48t1.02-2.48Q22.5 37 23.95 37t2.48 1.02q1.02 1.03 1.02 2.48t-1.02 2.48Q25.4 44 23.95 44Z", fill: color || color_1.Color.Black })));
+        react_1.default.createElement("path", { d: "M21.55 31.5q.05-3.6.82-5.25.78-1.65 2.93-3.6 2.1-1.9 3.23-3.52t1.12-3.48q0-2.25-1.5-3.75t-4.2-1.5q-2.6 0-4 1.48t-2.05 3.07l-4.2-1.85q1.1-2.95 3.73-5.03T23.95 6q5 0 7.7 2.77t2.7 6.68q0 2.4-1.02 4.35-1.03 1.95-3.28 4.1-2.45 2.35-2.95 3.6t-.55 4Zm2.4 12.5q-1.45 0-2.48-1.02-1.02-1.03-1.02-2.48t1.02-2.48Q22.5 37 23.95 37t2.48 1.02q1.02 1.03 1.02 2.48t-1.02 2.48Q25.4 44 23.95 44Z", fill: color || color_1.ColorPalette.Black })));
 }
 exports.QuestionMarkIcon = (0, react_1.memo)(_QuestionMarkIcon);
 //# sourceMappingURL=QuestionMark.js.map

package/dist/cjs/icons/QuestionMark.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuestionMark.js","sourceRoot":"","sources":["../../../src/icons/QuestionMark.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAiC;AASjC,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IACjE,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,iBAAiB,EACzB,SAAS,EAAE,OAAO;QAElB,wCACE,CAAC,EAAC,0XAA0X,EAC5X,IAAI,EAAE,KAAK,IAAI,aAAK,CAAC,KAAK,GAC1B,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,gBAAgB,GAAG,IAAA,YAAI,EAAC,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"QuestionMark.js","sourceRoot":"","sources":["../../../src/icons/QuestionMark.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAwC;AASxC,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IACjE,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,iBAAiB,EACzB,SAAS,EAAE,OAAO;QAElB,wCACE,CAAC,EAAC,0XAA0X,EAC5X,IAAI,EAAE,KAAK,IAAI,oBAAY,CAAC,KAAK,GACjC,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,gBAAgB,GAAG,IAAA,YAAI,EAAC,iBAAiB,CAAC,CAAC"}

package/dist/cjs/icons/Shield.js

@@ -29,7 +29,7 @@ const color_1 = require("../color");
 // Shield with checkmark
 function _ShieldIcon({ width, height, color, classes }) {
     return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: width, height: height, className: classes },
-        react_1.default.createElement("path", { fillRule: "evenodd", d: "M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.775 11.775 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.541 1.541 0 0 0-1.044-1.263 62.467 62.467 0 0 0-2.887-.87C9.843.266 8.69 0 8 0zm2.146 5.146a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 7.793l2.646-2.647z", fill: color || color_1.Color.Blue })));
+        react_1.default.createElement("path", { fillRule: "evenodd", d: "M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.775 11.775 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.541 1.541 0 0 0-1.044-1.263 62.467 62.467 0 0 0-2.887-.87C9.843.266 8.69 0 8 0zm2.146 5.146a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 7.793l2.646-2.647z", fill: color || color_1.ColorPalette.Blue })));
 }
 exports.ShieldIcon = (0, react_1.memo)(_ShieldIcon);
 //# sourceMappingURL=Shield.js.map

package/dist/cjs/icons/Shield.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shield.js","sourceRoot":"","sources":["../../../src/icons/Shield.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAiC;AASjC,wBAAwB;AACxB,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC3D,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,wCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,ufAAuf,EACzf,IAAI,EAAE,KAAK,IAAI,aAAK,CAAC,IAAI,GACzB,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,UAAU,GAAG,IAAA,YAAI,EAAC,WAAW,CAAC,CAAC"}
+{"version":3,"file":"Shield.js","sourceRoot":"","sources":["../../../src/icons/Shield.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAwC;AASxC,wBAAwB;AACxB,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC3D,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,wCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,ufAAuf,EACzf,IAAI,EAAE,KAAK,IAAI,oBAAY,CAAC,IAAI,GAChC,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,UAAU,GAAG,IAAA,YAAI,EAAC,WAAW,CAAC,CAAC"}

package/dist/cjs/icons/WideChevron.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WideChevron.d.ts","sourceRoot":"","sources":["../../../src/icons/WideChevron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,iBAAS,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,gBAAgB,eA6C5F;AAED,eAAO,MAAM,WAAW,gDAAqB,CAAC"}
+{"version":3,"file":"WideChevron.d.ts","sourceRoot":"","sources":["../../../src/icons/WideChevron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,iBAAS,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,gBAAgB,eAgD5F;AAED,eAAO,MAAM,WAAW,gDAAqB,CAAC"}

package/dist/cjs/icons/WideChevron.js

@@ -45,12 +45,12 @@ function _WideChevron({ width, height, direction, color, rounded, classes }) {
             throw new Error(`Invalid chevron direction ${direction}`);
     }
     if (rounded) {
-        return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 120.3 190", width: width, height: height, fill: color || color_1.Color.Blue, className: `${directionClass} ${classes}` },
+        return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 120.3 190", width: width, height: height, fill: color || color_1.ColorPalette.Blue, className: `${directionClass} ${classes}` },
             react_1.default.createElement("path", { d: "M4.4 0h53c7.2 0 13.7 3 16.2 7.7l46.5 85.1a2 2 0 0 1 0 2l-.2.5-46.3 87c-2.5 4.6-9 7.7-16.3 7.7h-53c-3 0-5-2-4-4L48 92.9.4 4c-1-2 1-4 4-4Z" })));
     }
     else {
         return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 28 27", width: width, height: height, className: `${directionClass} ${classes}` },
-            react_1.default.createElement("path", { d: "M13.44 13.5 0 27h14.56L28 13.5 14.56 0H0l13.44 13.5Z", fill: color || color_1.Color.Blue })));
+            react_1.default.createElement("path", { d: "M13.44 13.5 0 27h14.56L28 13.5 14.56 0H0l13.44 13.5Z", fill: color || color_1.ColorPalette.Blue })));
     }
 }
 exports.WideChevron = (0, react_1.memo)(_WideChevron);

package/dist/cjs/icons/WideChevron.js.map

@@ -1 +1 @@
-{"version":3,"file":"WideChevron.js","sourceRoot":"","sources":["../../../src/icons/WideChevron.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAiC;AAWjC,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAoB;IAC3F,IAAI,cAAc,CAAC;IACnB,QAAQ,SAAS,EAAE;QACjB,KAAK,GAAG;YACN,cAAc,GAAG,gBAAgB,CAAC;YAClC,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,EAAE,CAAC;YACpB,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,eAAe,CAAC;YACjC,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,gBAAgB,CAAC;YAClC,MAAM;QACR;YACE,MAAM,IAAI,KAAK,CAAC,6BAA6B,SAAS,EAAE,CAAC,CAAC;KAC7D;IAED,IAAI,OAAO,EAAE;QACX,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,eAAe,EACvB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,KAAK,IAAI,aAAK,CAAC,IAAI,EACzB,SAAS,EAAE,GAAG,cAAc,IAAI,OAAO,EAAE;YAEzC,wCAAM,CAAC,EAAC,0IAA0I,GAAG,CACjJ,CACP,CAAC;KACH;SAAM;QACL,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,cAAc,IAAI,OAAO,EAAE;YAEzC,wCAAM,CAAC,EAAC,sDAAsD,EAAC,IAAI,EAAE,KAAK,IAAI,aAAK,CAAC,IAAI,GAAI,CACxF,CACP,CAAC;KACH;AACH,CAAC;AAEY,QAAA,WAAW,GAAG,IAAA,YAAI,EAAC,YAAY,CAAC,CAAC"}
+{"version":3,"file":"WideChevron.js","sourceRoot":"","sources":["../../../src/icons/WideChevron.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAwC;AAWxC,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAoB;IAC3F,IAAI,cAAc,CAAC;IACnB,QAAQ,SAAS,EAAE;QACjB,KAAK,GAAG;YACN,cAAc,GAAG,gBAAgB,CAAC;YAClC,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,EAAE,CAAC;YACpB,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,eAAe,CAAC;YACjC,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,gBAAgB,CAAC;YAClC,MAAM;QACR;YACE,MAAM,IAAI,KAAK,CAAC,6BAA6B,SAAS,EAAE,CAAC,CAAC;KAC7D;IAED,IAAI,OAAO,EAAE;QACX,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,eAAe,EACvB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,KAAK,IAAI,oBAAY,CAAC,IAAI,EAChC,SAAS,EAAE,GAAG,cAAc,IAAI,OAAO,EAAE;YAEzC,wCAAM,CAAC,EAAC,0IAA0I,GAAG,CACjJ,CACP,CAAC;KACH;SAAM;QACL,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,cAAc,IAAI,OAAO,EAAE;YAEzC,wCACE,CAAC,EAAC,sDAAsD,EACxD,IAAI,EAAE,KAAK,IAAI,oBAAY,CAAC,IAAI,GAChC,CACE,CACP,CAAC;KACH;AACH,CAAC;AAEY,QAAA,WAAW,GAAG,IAAA,YAAI,EAAC,YAAY,CAAC,CAAC"}

package/dist/cjs/index.d.ts

@@ -1,6 +1,7 @@
-export { Color } from './color';
+export { ColorPalette, seedToBgColor } from './color';
 export * from './consts';
 export { ChainLogo } from './icons/ChainLogo';
+export { Circle } from './icons/Circle';
 export { WideChevron } from './icons/WideChevron';
 export * as BlackLogos from './logos/black';
 export * as ColorLogos from './logos/color';

package/dist/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACnG,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACtD,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACnG,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/cjs/index.js

@@ -26,12 +26,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMessageTimeline = exports.useMessageStage = exports.useMessage = exports.MessageStatus = exports.MessageStage = exports.MessageTimeline = exports.ColorLogos = exports.BlackLogos = exports.WideChevron = exports.ChainLogo = exports.Color = void 0;
+exports.useMessageTimeline = exports.useMessageStage = exports.useMessage = exports.MessageStatus = exports.MessageStage = exports.MessageTimeline = exports.ColorLogos = exports.BlackLogos = exports.WideChevron = exports.Circle = exports.ChainLogo = exports.seedToBgColor = exports.ColorPalette = void 0;
 var color_1 = require("./color");
-Object.defineProperty(exports, "Color", { enumerable: true, get: function () { return color_1.Color; } });
+Object.defineProperty(exports, "ColorPalette", { enumerable: true, get: function () { return color_1.ColorPalette; } });
+Object.defineProperty(exports, "seedToBgColor", { enumerable: true, get: function () { return color_1.seedToBgColor; } });
 __exportStar(require("./consts"), exports);
 var ChainLogo_1 = require("./icons/ChainLogo");
 Object.defineProperty(exports, "ChainLogo", { enumerable: true, get: function () { return ChainLogo_1.ChainLogo; } });
+var Circle_1 = require("./icons/Circle");
+Object.defineProperty(exports, "Circle", { enumerable: true, get: function () { return Circle_1.Circle; } });
 var WideChevron_1 = require("./icons/WideChevron");
 Object.defineProperty(exports, "WideChevron", { enumerable: true, get: function () { return WideChevron_1.WideChevron; } });
 exports.BlackLogos = __importStar(require("./logos/black"));

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,2CAAyB;AACzB,+CAA8C;AAArC,sGAAA,SAAS,OAAA;AAClB,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AACpB,4DAA4C;AAC5C,4DAA4C;AAC5C,8DAA6D;AAApD,kHAAA,eAAe,OAAA;AACxB,0CAAmG;AAA1F,qGAAA,YAAY,OAAA;AAAE,sGAAA,aAAa,OAAA;AACpC,oDAAmD;AAA1C,wGAAA,UAAU,OAAA;AACnB,8DAA6D;AAApD,kHAAA,eAAe,OAAA;AACxB,oEAAmE;AAA1D,wHAAA,kBAAkB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAsD;AAA7C,qGAAA,YAAY,OAAA;AAAE,sGAAA,aAAa,OAAA;AACpC,2CAAyB;AACzB,+CAA8C;AAArC,sGAAA,SAAS,OAAA;AAClB,yCAAwC;AAA/B,gGAAA,MAAM,OAAA;AACf,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AACpB,4DAA4C;AAC5C,4DAA4C;AAC5C,8DAA6D;AAApD,kHAAA,eAAe,OAAA;AACxB,0CAAmG;AAA1F,qGAAA,YAAY,OAAA;AAAE,sGAAA,aAAa,OAAA;AACpC,oDAAmD;AAA1C,wGAAA,UAAU,OAAA;AACnB,8DAA6D;AAApD,kHAAA,eAAe,OAAA;AACxB,oEAAmE;AAA1D,wHAAA,kBAAkB,OAAA"}

package/dist/cjs/messages/MessageTimeline.js

@@ -19,7 +19,7 @@ function MessageTimeline({ status, stage: _stage, timings, timestampSent, hideDe
     const timeSentStr = timeSent
         ? `${timeSent.toLocaleDateString()} ${timeSent.toLocaleTimeString()}`
         : null;
-    return (react_1.default.createElement("div", { className: "htw-pt-14 htw-pb-1 htw-flex" },
+    return (react_1.default.createElement("div", { className: "htw-pt-14 htw-pb-1 htw-flex htw-w-full" },
         react_1.default.createElement("div", { className: styles.stageContainer },
             react_1.default.createElement("div", { className: `${styles.stageBar} htw-rounded-l ${getStageOpacityClass(types_1.MessageStage.Sent, stage, status)}` },
                 react_1.default.createElement("div", { className: styles.stageHole }),
@@ -67,7 +67,7 @@ function MessageTimeline({ status, stage: _stage, timings, timestampSent, hideDe
 exports.MessageTimeline = MessageTimeline;
 function StageIcon({ Icon, size }) {
     return (react_1.default.createElement("div", { className: "htw-h-9 htw-w-9 htw-flex htw-items-center htw-justify-center htw-rounded-full htw-bg-blue-500" },
-        react_1.default.createElement(Icon, { width: size !== null && size !== void 0 ? size : 14, height: size !== null && size !== void 0 ? size : 14, alt: "", color: color_1.Color.White })));
+        react_1.default.createElement(Icon, { width: size !== null && size !== void 0 ? size : 14, height: size !== null && size !== void 0 ? size : 14, alt: "", color: color_1.ColorPalette.White })));
 }
 function ChevronWhite() {
     return (react_1.default.createElement("div", { className: "htw-absolute htw--left-3 htw-top-0 htw-h-6" },

package/dist/cjs/messages/MessageTimeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageTimeline.js","sourceRoot":"","sources":["../../../src/messages/MessageTimeline.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MessageTimeline.js","sourceRoot":"","sources":["../../../src/messages/MessageTimeline.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,oCAAwC;AACxC,gDAAiD;AACjD,gDAAiD;AACjD,wCAAyC;AACzC,4CAA6C;AAC7C,sDAAmD;AAEnD,mCAA6E;AAU7E,SAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EAAE,MAAM,EACb,OAAO,EACP,aAAa,EACb,gBAAgB,GACV;IACN,kDAAkD;IAClD,MAAM,KAAK,GAAG,MAAM,KAAK,qBAAa,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAE1E,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAChE,MAAM,WAAW,GAAG,QAAQ;QAC1B,CAAC,CAAC,GAAG,QAAQ,CAAC,kBAAkB,EAAE,IAAI,QAAQ,CAAC,kBAAkB,EAAE,EAAE;QACrE,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,uCAAK,SAAS,EAAC,wCAAwC;QACrD,uCAAK,SAAS,EAAE,MAAM,CAAC,cAAc;YACnC,uCACE,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,kBAAkB,oBAAoB,CACjE,oBAAK,CAAC,IAAI,EACV,KAAK,EACL,MAAM,CACP,EAAE;gBAEH,uCAAK,SAAS,EAAE,MAAM,CAAC,SAAS,GAAQ;gBACxC,uCAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB;oBACvC,8BAAC,SAAS,IAAC,IAAI,EAAE,uBAAY,GAAI;oBACjC,uCAAK,SAAS,EAAE,MAAM,CAAC,eAAe,GAAQ,CAC1C;gBACN,8BAAC,WAAW,OAAG,CACX;YACN,sCAAI,SAAS,EAAE,MAAM,CAAC,WAAW,IAAG,cAAc,CAAC,oBAAK,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAM;YAC3F,CAAC,gBAAgB,IAAI,CACpB,qCAAG,SAAS,EAAE,MAAM,CAAC,SAAS,IAC3B,WAAW;gBACV,CAAC,CAAC,8BAA8B,WAAW,EAAE;gBAC7C,CAAC,CAAC,gCAAgC,CAClC,CACL,CACG;QACN,uCAAK,SAAS,EAAE,MAAM,CAAC,WAAW,GAAQ;QAC1C,uCAAK,SAAS,EAAE,MAAM,CAAC,cAAc;YACnC,uCACE,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,oBAAoB,CAAC,oBAAK,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE;gBAEvF,uCAAK,SAAS,EAAE,MAAM,CAAC,SAAS,GAAQ;gBACxC,uCAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB;oBACvC,8BAAC,SAAS,IAAC,IAAI,EAAE,eAAQ,EAAE,IAAI,EAAE,EAAE,GAAI;oBACvC,uCAAK,SAAS,EAAE,MAAM,CAAC,eAAe,GAAQ,CAC1C;gBACN,8BAAC,YAAY,OAAG;gBAChB,8BAAC,WAAW,OAAG,CACX;YACN,sCAAI,SAAS,EAAE,MAAM,CAAC,WAAW,IAC9B,cAAc,CAAC,oBAAK,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CACrD;YACJ,CAAC,gBAAgB,IAAI,CACpB,qCAAG,SAAS,EAAE,MAAM,CAAC,SAAS,sDAAqD,CACpF,CACG;QACN,uCAAK,SAAS,EAAE,MAAM,CAAC,WAAW,GAAQ;QAC1C,uCAAK,SAAS,EAAE,MAAM,CAAC,cAAc;YACnC,uCACE,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,oBAAoB,CAAC,oBAAK,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE;gBAEvF,uCAAK,SAAS,EAAE,MAAM,CAAC,SAAS,GAAQ;gBACxC,uCAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB;oBACvC,8BAAC,SAAS,IAAC,IAAI,EAAE,mBAAU,GAAI;oBAC/B,uCAAK,SAAS,EAAE,MAAM,CAAC,eAAe,GAAQ,CAC1C;gBACN,8BAAC,YAAY,OAAG;gBAChB,8BAAC,WAAW,OAAG,CACX;YACN,sCAAI,SAAS,EAAE,MAAM,CAAC,WAAW,IAC9B,cAAc,CAAC,oBAAK,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CACrD;YACJ,CAAC,gBAAgB,IAAI,CACpB,qCAAG,SAAS,EAAE,MAAM,CAAC,SAAS,gDAA+C,CAC9E,CACG;QACN,uCAAK,SAAS,EAAE,MAAM,CAAC,WAAW,GAAQ;QAC1C,uCAAK,SAAS,EAAE,MAAM,CAAC,cAAc;YACnC,uCACE,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,kBAAkB,oBAAoB,CACjE,oBAAK,CAAC,OAAO,EACb,KAAK,EACL,MAAM,CACP,EAAE;gBAEH,uCAAK,SAAS,EAAE,MAAM,CAAC,SAAS,GAAQ;gBACxC,uCAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB;oBACvC,8BAAC,SAAS,IAAC,IAAI,EAAE,uBAAY,GAAI;oBACjC,uCAAK,SAAS,EAAE,MAAM,CAAC,eAAe,GAAQ,CAC1C;gBACN,8BAAC,YAAY,OAAG,CACZ;YACN,sCAAI,SAAS,EAAE,MAAM,CAAC,WAAW,IAC9B,cAAc,CAAC,oBAAK,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CACnD;YACJ,CAAC,gBAAgB,IAAI,CACpB,qCAAG,SAAS,EAAE,MAAM,CAAC,SAAS,iDAAgD,CAC/E,CACG,CACF,CACP,CAAC;AACJ,CAAC;AA1GD,0CA0GC;AAED,SAAS,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,EAAgC;IAC7D,OAAO,CACL,uCAAK,SAAS,EAAC,+FAA+F;QAC5G,8BAAC,IAAI,IAAC,KAAK,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,EAAE,MAAM,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,oBAAY,CAAC,KAAK,GAAI,CAC7E,CACP,CAAC;AACJ,CAAC;AAED,SAAS,YAAY;IACnB,OAAO,CACL,uCAAK,SAAS,EAAC,4CAA4C;QACzD,8BAAC,yBAAW,IAAC,SAAS,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAG,CACpE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW;IAClB,OAAO,CACL,uCAAK,SAAS,EAAC,6CAA6C;QAC1D,8BAAC,yBAAW,IAAC,SAAS,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CACpD,CACP,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CACrB,WAAkB,EAClB,YAAmB,EACnB,OAAqB,EACrB,MAAqB;IAErB,IAAI,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,WAAW,KAAK,oBAAK,CAAC,SAAS,EAAE;QACnC,KAAK,GAAG,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC;KAClE;SAAM,IAAI,WAAW,KAAK,oBAAK,CAAC,SAAS,EAAE;QAC1C,KAAK,GAAG,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC;KAClE;SAAM,IAAI,WAAW,KAAK,oBAAK,CAAC,OAAO,EAAE;QACxC,KAAK,GAAG,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;KAC9D;SAAM,IAAI,WAAW,KAAK,oBAAK,CAAC,IAAI,EAAE;QACrC,KAAK,GAAG,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;KAC1D;IACD,MAAM,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;IACpC,IAAI,MAAM,KAAK,qBAAa,CAAC,OAAO,EAAE;QACpC,IAAI,WAAW,KAAK,YAAY,GAAG,CAAC;YAAE,OAAO,GAAG,KAAK,UAAU,CAAC;QAChE,IAAI,WAAW,GAAG,YAAY,GAAG,CAAC;YAAE,OAAO,KAAK,CAAC;KAClD;IACD,IAAI,MAAM;QAAE,OAAO,GAAG,KAAK,KAAK,MAAM,MAAM,CAAC;;QACxC,OAAO,KAAK,CAAC;AACpB,CAAC;AAED,SAAS,oBAAoB,CAC3B,WAAkB,EAClB,YAAmB,EACnB,aAA4B;IAE5B,IAAI,YAAY,IAAI,WAAW;QAAE,OAAO,EAAE,CAAC;IAC3C,IAAI,YAAY,KAAK,WAAW,GAAG,CAAC,IAAI,aAAa,KAAK,qBAAa,CAAC,OAAO;QAC7E,OAAO,wBAAwB,CAAC;IAClC,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAED,MAAM,MAAM,GAAG;IACb,cAAc,EAAE,mDAAmD;IACnE,WAAW,EAAE,0CAA0C;IACvD,QAAQ,EACN,8FAA8F;IAChG,SAAS,EAAE,+CAA+C;IAC1D,kBAAkB,EAAE,iEAAiE;IACrF,eAAe,EAAE,mCAAmC;IACpD,WAAW,EAAE,0EAA0E;IACvF,SAAS,EAAE,oEAAoE;CAChF,CAAC"}

package/dist/cjs/messages/useMessageStage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMessageStage.d.ts","sourceRoot":"","sources":["../../../src/messages/useMessageStage.ts"],"names":[],"mappings":"AASA,OAAO,EAAiB,cAAc,EAAE,YAAY,IAAI,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI7F,UAAU,MAAM;IACd,OAAO,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAQD,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,cAA2C,EAC3C,aAAoB,GACrB,EAAE,MAAM;;;;;EA4BR"}
+{"version":3,"file":"useMessageStage.d.ts","sourceRoot":"","sources":["../../../src/messages/useMessageStage.ts"],"names":[],"mappings":"AASA,OAAO,EAAiB,cAAc,EAAE,YAAY,IAAI,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI7F,UAAU,MAAM;IACd,OAAO,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAQD,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,cAA2C,EAC3C,aAAoB,GACrB,EAAE,MAAM;;;;;EAkCR"}

package/dist/cjs/messages/useMessageStage.js

@@ -30,7 +30,14 @@ function useMessageStage({ message, explorerApiUrl = consts_1.HYPERLANE_EXPLORER
     const [error, setError] = (0, react_1.useState)(null);
     const [data, setData] = (0, react_1.useState)(null);
     const fetcher = (0, react_1.useCallback)(() => {
-        if (!message)
+        // Skip invalid or placeholder messages
+        if (!isValidMessage(message))
+            return;
+        // Don't re-run for failing messages
+        if (message.status === types_1.MessageStatus.Failing && data)
+            return;
+        // Don't re-run for pending, validated messages
+        if (message.status === types_1.MessageStatus.Pending && (data === null || data === void 0 ? void 0 : data.stage) === types_1.MessageStage.Validated)
             return;
         setIsLoading(true);
         fetchMessageState(message, explorerApiUrl)
@@ -40,11 +47,11 @@ function useMessageStage({ message, explorerApiUrl = consts_1.HYPERLANE_EXPLORER
         })
             .catch((e) => setError(e.toString()))
             .finally(() => setIsLoading(false));
-    }, [message]);
+    }, [message, data]);
     (0, useInterval_1.useInterval)(fetcher, retryInterval);
     return {
-        stage: (data === null || data === void 0 ? void 0 : data.stage) || message ? types_1.MessageStage.Sent : types_1.MessageStage.Preparing,
-        timings: (data === null || data === void 0 ? void 0 : data.timings) || defaultTiming,
+        stage: (data === null || data === void 0 ? void 0 : data.stage) ? data.stage : isValidMessage(message) ? types_1.MessageStage.Sent : types_1.MessageStage.Preparing,
+        timings: (data === null || data === void 0 ? void 0 : data.timings) ? data.timings : defaultTiming,
         isLoading,
         error,
     };
@@ -155,4 +162,11 @@ function tryFetchLatestNonce(chainId, explorerApiUrl) {
         }
     });
 }
+function isValidMessage(message) {
+    return !!(message &&
+        message.originChainId &&
+        message.destinationChainId &&
+        message.originDomainId &&
+        message.destinationDomainId);
+}
 //# sourceMappingURL=useMessageStage.js.map

package/dist/cjs/messages/useMessageStage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMessageStage.js","sourceRoot":"","sources":["../../../src/messages/useMessageStage.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useMessageStage.js","sourceRoot":"","sources":["../../../src/messages/useMessageStage.ts"],"names":[],"mappings":"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"}

package/dist/esm/color.d.ts

@@ -1,9 +1,13 @@
-export declare enum Color {
+export declare enum ColorPalette {
     Black = "#010101",
     White = "#FFFFFF",
+    Blue = "#2362C0",
+    DarkBlue = "#162A4A",
+    LightBlue = "#82A8E4",
+    Pink = "#CF2FB3",
     Gray = "#6B7280",
-    Blue = "#025AA1",
     Beige = "#F1EDE9",
     Red = "#BF1B15"
 }
+export declare function seedToBgColor(seed?: number): "htw-bg-gray-100" | "htw-bg-blue-100" | "htw-bg-pink-200" | "htw-bg-green-100" | "htw-bg-orange-200" | "htw-bg-violet-200";
 //# sourceMappingURL=color.d.ts.map

package/dist/esm/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/color.ts"],"names":[],"mappings":"AAAA,oBAAY,KAAK;IACf,KAAK,YAAY;IACjB,KAAK,YAAY;IACjB,IAAI,YAAY;IAChB,IAAI,YAAY;IAChB,KAAK,YAAY;IACjB,GAAG,YAAY;CAChB"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/color.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY;IACtB,KAAK,YAAY;IACjB,KAAK,YAAY;IACjB,IAAI,YAAY;IAChB,QAAQ,YAAY;IACpB,SAAS,YAAY;IACrB,IAAI,YAAY;IAChB,IAAI,YAAY;IAChB,KAAK,YAAY;IACjB,GAAG,YAAY;CAChB;AAED,wBAAgB,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM,8HAiB1C"}

package/dist/esm/color.js

@@ -1,10 +1,32 @@
-export var Color;
-(function (Color) {
-    Color["Black"] = "#010101";
-    Color["White"] = "#FFFFFF";
-    Color["Gray"] = "#6B7280";
-    Color["Blue"] = "#025AA1";
-    Color["Beige"] = "#F1EDE9";
-    Color["Red"] = "#BF1B15";
-})(Color || (Color = {}));
+export var ColorPalette;
+(function (ColorPalette) {
+    ColorPalette["Black"] = "#010101";
+    ColorPalette["White"] = "#FFFFFF";
+    ColorPalette["Blue"] = "#2362C0";
+    ColorPalette["DarkBlue"] = "#162A4A";
+    ColorPalette["LightBlue"] = "#82A8E4";
+    ColorPalette["Pink"] = "#CF2FB3";
+    ColorPalette["Gray"] = "#6B7280";
+    ColorPalette["Beige"] = "#F1EDE9";
+    ColorPalette["Red"] = "#BF1B15";
+})(ColorPalette || (ColorPalette = {}));
+export function seedToBgColor(seed) {
+    if (!seed)
+        return 'htw-bg-gray-100';
+    const mod = seed % 5;
+    switch (mod) {
+        case 0:
+            return 'htw-bg-blue-100';
+        case 1:
+            return 'htw-bg-pink-200';
+        case 2:
+            return 'htw-bg-green-100';
+        case 3:
+            return 'htw-bg-orange-200';
+        case 4:
+            return 'htw-bg-violet-200';
+        default:
+            return 'htw-bg-gray-100';
+    }
+}
 //# sourceMappingURL=color.js.map