@hyperlane-xyz/widgets 1.5.7-beta6 → 1.5.7-beta8

package/dist/cjs/utils/explorers.js

@@ -0,0 +1,81 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.queryExplorerForBlock = exports.executeExplorerQuery = exports.queryExplorer = exports.getTxExplorerUrl = exports.getExplorerApiUrl = exports.getExplorerUrl = void 0;
+const sdk_1 = require("@hyperlane-xyz/sdk");
+const timeout_1 = require("./timeout");
+function getExplorerUrl(chainId) {
+    var _a;
+    const chain = sdk_1.chainIdToMetadata[chainId];
+    if (!((_a = chain === null || chain === void 0 ? void 0 : chain.blockExplorers) === null || _a === void 0 ? void 0 : _a.length))
+        return null;
+    return chain.blockExplorers[0].url;
+}
+exports.getExplorerUrl = getExplorerUrl;
+function getExplorerApiUrl(chainId) {
+    var _a;
+    const chain = sdk_1.chainIdToMetadata[chainId];
+    if (!((_a = chain === null || chain === void 0 ? void 0 : chain.blockExplorers) === null || _a === void 0 ? void 0 : _a.length))
+        return null;
+    return chain.blockExplorers[0].apiUrl || chain.blockExplorers[0].url;
+}
+exports.getExplorerApiUrl = getExplorerApiUrl;
+function getTxExplorerUrl(chainId, hash) {
+    const baseUrl = getExplorerUrl(chainId);
+    if (!hash || !baseUrl)
+        return null;
+    return `${baseUrl}/tx/${hash}`;
+}
+exports.getTxExplorerUrl = getTxExplorerUrl;
+function queryExplorer(chainId, path, apiKey, timeout) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const baseUrl = getExplorerApiUrl(chainId);
+        if (!baseUrl)
+            throw new Error(`No URL found for explorer for chain ${chainId}`);
+        let url = `${baseUrl}/${path}`;
+        console.debug('Querying explorer url:', url);
+        if (apiKey) {
+            url += `&apikey=${apiKey}`;
+        }
+        const result = yield executeExplorerQuery(url, timeout);
+        return result;
+    });
+}
+exports.queryExplorer = queryExplorer;
+function executeExplorerQuery(url, timeout) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const response = yield (0, timeout_1.fetchWithTimeout)(url, undefined, timeout);
+        if (!response.ok) {
+            throw new Error(`Fetch response not okay: ${response.status}`);
+        }
+        const json = (yield response.json());
+        if (!json.result) {
+            const responseText = yield response.text();
+            throw new Error(`Invalid result format: ${responseText}`);
+        }
+        return json.result;
+    });
+}
+exports.executeExplorerQuery = executeExplorerQuery;
+function queryExplorerForBlock(chainId, blockNumber) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const path = `?module=proxy&action=eth_getBlockByNumber&tag=${blockNumber || 'latest'}&boolean=false`;
+        const block = yield queryExplorer(chainId, path);
+        if (!(block === null || block === void 0 ? void 0 : block.number) || parseInt(block.number.toString()) < 0) {
+            const msg = 'Invalid block result';
+            console.error(msg, JSON.stringify(block), path);
+            throw new Error(msg);
+        }
+        return block;
+    });
+}
+exports.queryExplorerForBlock = queryExplorerForBlock;
+//# sourceMappingURL=explorers.js.map

package/dist/cjs/utils/explorers.js.map

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

package/dist/cjs/utils/timeout.d.ts

@@ -0,0 +1,2 @@
+export declare function fetchWithTimeout(resource: RequestInfo, options?: RequestInit, timeout?: number): Promise<Response>;
+//# sourceMappingURL=timeout.d.ts.map

package/dist/cjs/utils/timeout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeout.d.ts","sourceRoot":"","sources":["../../../src/utils/timeout.ts"],"names":[],"mappings":"AAAA,wBAAsB,gBAAgB,CACpC,QAAQ,EAAE,WAAW,EACrB,OAAO,CAAC,EAAE,WAAW,EACrB,OAAO,SAAQ,qBAUhB"}

package/dist/cjs/utils/timeout.js

@@ -0,0 +1,23 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchWithTimeout = void 0;
+function fetchWithTimeout(resource, options, timeout = 10000) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const controller = new AbortController();
+        const id = setTimeout(() => controller.abort(), timeout);
+        const response = yield fetch(resource, Object.assign(Object.assign({}, options), { signal: controller.signal }));
+        clearTimeout(id);
+        return response;
+    });
+}
+exports.fetchWithTimeout = fetchWithTimeout;
+//# sourceMappingURL=timeout.js.map

package/dist/cjs/utils/timeout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeout.js","sourceRoot":"","sources":["../../../src/utils/timeout.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,SAAsB,gBAAgB,CACpC,QAAqB,EACrB,OAAqB,EACrB,OAAO,GAAG,KAAK;;QAEf,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;QACzC,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC;QACzD,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,kCAChC,OAAO,KACV,MAAM,EAAE,UAAU,CAAC,MAAM,IACzB,CAAC;QACH,YAAY,CAAC,EAAE,CAAC,CAAC;QACjB,OAAO,QAAQ,CAAC;IAClB,CAAC;CAAA;AAbD,4CAaC"}

package/dist/cjs/utils/useInterval.d.ts

@@ -0,0 +1,2 @@
+export declare function useInterval(callback: () => void, delay: number | null): void;
+//# sourceMappingURL=useInterval.d.ts.map

package/dist/cjs/utils/useInterval.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.d.ts","sourceRoot":"","sources":["../../../src/utils/useInterval.ts"],"names":[],"mappings":"AAMA,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,QAoBrE"}

package/dist/cjs/utils/useInterval.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInterval = void 0;
+const react_1 = require("react");
+const react_2 = require("react");
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? react_2.useLayoutEffect : react_1.useEffect;
+// https://usehooks-typescript.com/react-hook/use-interval
+function useInterval(callback, delay) {
+    const savedCallback = (0, react_1.useRef)(callback);
+    // Remember the latest callback if it changes.
+    useIsomorphicLayoutEffect(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+    // Set up the interval.
+    (0, react_1.useEffect)(() => {
+        // Don't schedule if no delay is specified.
+        // Note: 0 is a valid value for delay.
+        if (!delay && delay !== 0) {
+            return;
+        }
+        const id = setInterval(() => savedCallback.current(), delay);
+        return () => clearInterval(id);
+    }, [delay]);
+}
+exports.useInterval = useInterval;
+//# sourceMappingURL=useInterval.js.map

package/dist/cjs/utils/useInterval.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.js","sourceRoot":"","sources":["../../../src/utils/useInterval.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,iCAAwC;AAExC,MAAM,yBAAyB,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,uBAAe,CAAC,CAAC,CAAC,iBAAS,CAAC;AAE9F,0DAA0D;AAC1D,SAAgB,WAAW,CAAC,QAAoB,EAAE,KAAoB;IACpE,MAAM,aAAa,GAAG,IAAA,cAAM,EAAC,QAAQ,CAAC,CAAC;IAEvC,8CAA8C;IAC9C,yBAAyB,CAAC,GAAG,EAAE;QAC7B,aAAa,CAAC,OAAO,GAAG,QAAQ,CAAC;IACnC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,uBAAuB;IACvB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,2CAA2C;QAC3C,sCAAsC;QACtC,IAAI,CAAC,KAAK,IAAI,KAAK,KAAK,CAAC,EAAE;YACzB,OAAO;SACR;QAED,MAAM,EAAE,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,KAAK,CAAC,CAAC;QAE7D,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,CAAC;AApBD,kCAoBC"}

package/dist/esm/color.d.ts

@@ -0,0 +1,13 @@
+export declare enum ColorPalette {
+    Black = "#010101",
+    White = "#FFFFFF",
+    Blue = "#2362C0",
+    DarkBlue = "#162A4A",
+    LightBlue = "#82A8E4",
+    Pink = "#CF2FB3",
+    Gray = "#6B7280",
+    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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,32 @@
+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

package/dist/esm/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/color.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,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,KAAZ,YAAY,QAUvB;AAED,MAAM,UAAU,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"}

package/dist/esm/consts.d.ts

@@ -0,0 +1,2 @@
+export declare const HYPERLANE_EXPLORER_API_URL = "https://explorer.hyperlane.xyz/api";
+//# sourceMappingURL=consts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../src/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,uCAAuC,CAAC"}

package/dist/esm/consts.js

@@ -0,0 +1,2 @@
+export const HYPERLANE_EXPLORER_API_URL = 'https://explorer.hyperlane.xyz/api';
+//# sourceMappingURL=consts.js.map

package/dist/esm/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../src/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG,oCAAoC,CAAC"}

package/dist/esm/icons/Airplane.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    width?: string | number;
+    height?: string | number;
+    color?: string;
+    classes?: string;
+}
+declare function _AirplaneIcon({ width, height, color, classes }: Props): JSX.Element;
+export declare const AirplaneIcon: React.MemoExoticComponent<typeof _AirplaneIcon>;
+export {};
+//# sourceMappingURL=Airplane.d.ts.map

package/dist/esm/icons/Airplane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Airplane.d.ts","sourceRoot":"","sources":["../../../src/icons/Airplane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAGD,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,eAe9D;AAED,eAAO,MAAM,YAAY,iDAAsB,CAAC"}

package/dist/esm/icons/Airplane.js

@@ -0,0 +1,9 @@
+import React, { memo } from 'react';
+import { ColorPalette } from '../color';
+// Paper airplane shape
+function _AirplaneIcon({ width, height, color, classes }) {
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: width, height: height, className: classes },
+        React.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 || ColorPalette.Blue })));
+}
+export const AirplaneIcon = memo(_AirplaneIcon);
+//# sourceMappingURL=Airplane.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Airplane.js","sourceRoot":"","sources":["../../../src/icons/Airplane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AASxC,uBAAuB;AACvB,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC7D,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,8BACE,CAAC,EAAC,kQAAkQ,EACpQ,IAAI,EAAE,KAAK,IAAI,YAAY,CAAC,IAAI,GAChC,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC"}

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

@@ -0,0 +1,18 @@
+import React, { ReactElement } from 'react';
+type SvgIcon = (props: {
+    width: number;
+    height: number;
+    title?: string;
+}) => ReactElement;
+export interface ChainLogoProps {
+    chainId?: number;
+    chainName?: string;
+    size?: number;
+    color?: boolean;
+    background?: boolean;
+    icon?: SvgIcon;
+}
+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/esm/icons/ChainLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChainLogo.d.ts","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAQ,MAAM,OAAO,CAAC;AAmClD,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;AAmC1F,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/esm/icons/ChainLogo.js

@@ -0,0 +1,82 @@
+import React, { memo } from 'react';
+import { chainMetadata } from '@hyperlane-xyz/sdk';
+import { solana, solanatestnet } from '@hyperlane-xyz/sdk/dist/consts/chainMetadata';
+import ArbitrumBlack from '../logos/black/Arbitrum';
+import AvalancheBlack from '../logos/black/Avalanche';
+import BaseBlack from '../logos/black/Base';
+import BscBlack from '../logos/black/Bsc';
+import CeloBlack from '../logos/black/Celo';
+import EthereumBlack from '../logos/black/Ethereum';
+import GnosisBlack from '../logos/black/Gnosis';
+import MoonbeamBlack from '../logos/black/Moonbeam';
+import OptimismBlack from '../logos/black/Optimism';
+import PolygonBlack from '../logos/black/Polygon';
+import PolygonZkevmBlack from '../logos/black/Polygonzkevm';
+import ScrollBlack from '../logos/black/Scroll';
+import SolanaBlack from '../logos/black/Solana';
+import ArbitrumColor from '../logos/color/Arbitrum';
+import AvalancheColor from '../logos/color/Avalanche';
+import BaseColor from '../logos/color/Base';
+import BscColor from '../logos/color/Bsc';
+import CeloColor from '../logos/color/Celo';
+import EthereumColor from '../logos/color/Ethereum';
+import GnosisColor from '../logos/color/Gnosis';
+import MoonbeamColor from '../logos/color/Moonbeam';
+import OptimismColor from '../logos/color/Optimism';
+import PolygonColor from '../logos/color/Polygon';
+import PolygonZkevmColor from '../logos/color/Polygonzkevm';
+import ScrollColor from '../logos/color/Scroll';
+import SolanaColor from '../logos/color/Solana';
+import { Circle } from './Circle';
+import { QuestionMarkIcon } from './QuestionMark';
+// Keep up to date as new chains are added or
+// icon will fallback to default (question mark)
+const CHAIN_TO_LOGO = {
+    [chainMetadata.alfajores.chainId]: { black: CeloBlack, color: CeloColor },
+    [chainMetadata.arbitrum.chainId]: { black: ArbitrumBlack, color: ArbitrumColor },
+    [chainMetadata.arbitrumgoerli.chainId]: { black: ArbitrumBlack, color: ArbitrumColor },
+    [chainMetadata.avalanche.chainId]: { black: AvalancheBlack, color: AvalancheColor },
+    [chainMetadata.basegoerli.chainId]: { black: BaseBlack, color: BaseColor },
+    [chainMetadata.bsc.chainId]: { black: BscBlack, color: BscColor },
+    [chainMetadata.bsctestnet.chainId]: { black: BscBlack, color: BscColor },
+    [chainMetadata.celo.chainId]: { black: CeloBlack, color: CeloColor },
+    [chainMetadata.ethereum.chainId]: { black: EthereumBlack, color: EthereumColor },
+    [chainMetadata.fuji.chainId]: { black: AvalancheBlack, color: AvalancheColor },
+    [chainMetadata.gnosis.chainId]: { black: GnosisBlack, color: GnosisColor },
+    [chainMetadata.goerli.chainId]: { black: EthereumBlack, color: EthereumColor },
+    [chainMetadata.moonbasealpha.chainId]: { black: MoonbeamBlack, color: MoonbeamColor },
+    [chainMetadata.moonbeam.chainId]: { black: MoonbeamBlack, color: MoonbeamColor },
+    [chainMetadata.mumbai.chainId]: { black: PolygonBlack, color: PolygonColor },
+    [chainMetadata.optimism.chainId]: { black: OptimismBlack, color: OptimismColor },
+    [chainMetadata.optimismgoerli.chainId]: { black: OptimismBlack, color: OptimismColor },
+    [chainMetadata.polygon.chainId]: { black: PolygonBlack, color: PolygonColor },
+    [chainMetadata.polygonzkevmtestnet.chainId]: {
+        black: PolygonZkevmBlack,
+        color: PolygonZkevmColor,
+    },
+    [chainMetadata.scrollsepolia.chainId]: { black: ScrollBlack, color: ScrollColor },
+    [chainMetadata.sepolia.chainId]: { black: EthereumBlack, color: EthereumColor },
+    // TODO replace with access via chainMetadata when it's added there
+    [solana.chainId]: { black: SolanaBlack, color: SolanaColor },
+    [solanatestnet.chainId]: { black: SolanaBlack, color: SolanaColor },
+    [chainMetadata.solanadevnet.chainId]: { black: SolanaBlack, color: SolanaColor },
+};
+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 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.createElement(Circle, { size: size, title: title, bgColorSeed: chainId || 0 }, chainName ? (React.createElement("div", { style: { fontSize: iconSize } }, chainName[0].toUpperCase())) : (React.createElement(QuestionMarkIcon, { width: iconSize, height: iconSize }))));
+    }
+    if (background) {
+        return (React.createElement(Circle, { size: size, title: title, classes: "htw-bg-gray-100" },
+            React.createElement(ImageNode, { width: iconSize, height: iconSize })));
+    }
+    else {
+        return React.createElement(ImageNode, { width: size, height: size, title: title });
+    }
+}
+export const ChainLogo = memo(_ChainLogo);
+//# sourceMappingURL=ChainLogo.js.map

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

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

package/dist/esm/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/esm/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,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,eAYD"}

package/dist/esm/icons/Circle.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { seedToBgColor } from '../color';
+export function Circle({ size, title, bgColorSeed, classes, children, }) {
+    const bgColor = bgColorSeed === null || bgColorSeed == undefined ? '' : seedToBgColor(bgColorSeed);
+    return (React.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));
+}
+//# sourceMappingURL=Circle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.js","sourceRoot":"","sources":["../../../src/icons/Circle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,UAAU,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,aAAa,CAAC,WAAW,CAAC,CAAC;IACrF,OAAO,CACL,6BACE,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"}

package/dist/esm/icons/Envelope.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    width?: string | number;
+    height?: string | number;
+    color?: string;
+    classes?: string;
+}
+declare function _EnvelopeIcon({ width, height, color, classes }: Props): JSX.Element;
+export declare const EnvelopeIcon: React.MemoExoticComponent<typeof _EnvelopeIcon>;
+export {};
+//# sourceMappingURL=Envelope.d.ts.map

package/dist/esm/icons/Envelope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Envelope.d.ts","sourceRoot":"","sources":["../../../src/icons/Envelope.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAGD,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,eAmB9D;AAED,eAAO,MAAM,YAAY,iDAAsB,CAAC"}

package/dist/esm/icons/Envelope.js

@@ -0,0 +1,10 @@
+import React, { memo } from 'react';
+import { ColorPalette } from '../color';
+// Envelope with checkmark
+function _EnvelopeIcon({ width, height, color, classes }) {
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: width, height: height, className: classes },
+        React.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 || ColorPalette.Blue }),
+        React.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 || ColorPalette.Blue })));
+}
+export const EnvelopeIcon = memo(_EnvelopeIcon);
+//# sourceMappingURL=Envelope.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Envelope.js","sourceRoot":"","sources":["../../../src/icons/Envelope.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AASxC,0BAA0B;AAC1B,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC7D,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,8BACE,CAAC,EAAC,8TAA8T,EAChU,IAAI,EAAE,KAAK,IAAI,YAAY,CAAC,IAAI,GAChC;QACF,8BACE,CAAC,EAAC,4LAA4L,EAC9L,IAAI,EAAE,KAAK,IAAI,YAAY,CAAC,IAAI,GAChC,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC"}

package/dist/esm/icons/Lock.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    width?: string | number;
+    height?: string | number;
+    color?: string;
+    classes?: string;
+}
+declare function _LockIcon({ width, height, color, classes }: Props): JSX.Element;
+export declare const LockIcon: React.MemoExoticComponent<typeof _LockIcon>;
+export {};
+//# sourceMappingURL=Lock.d.ts.map

package/dist/esm/icons/Lock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lock.d.ts","sourceRoot":"","sources":["../../../src/icons/Lock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,iBAAS,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,eAe1D;AAED,eAAO,MAAM,QAAQ,6CAAkB,CAAC"}

package/dist/esm/icons/Lock.js

@@ -0,0 +1,8 @@
+import React, { memo } from 'react';
+import { ColorPalette } from '../color';
+function _LockIcon({ width, height, color, classes }) {
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 15 18", width: width, height: height, className: classes },
+        React.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 || ColorPalette.Blue })));
+}
+export const LockIcon = memo(_LockIcon);
+//# sourceMappingURL=Lock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Lock.js","sourceRoot":"","sources":["../../../src/icons/Lock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AASxC,SAAS,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IACzD,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,8BACE,CAAC,EAAC,oaAAoa,EACta,IAAI,EAAE,KAAK,IAAI,YAAY,CAAC,IAAI,GAChC,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC"}

package/dist/esm/icons/QuestionMark.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    width?: string | number;
+    height?: string | number;
+    color?: string;
+    classes?: string;
+}
+declare function _QuestionMarkIcon({ width, height, color, classes }: Props): JSX.Element;
+export declare const QuestionMarkIcon: React.MemoExoticComponent<typeof _QuestionMarkIcon>;
+export {};
+//# sourceMappingURL=QuestionMark.d.ts.map

package/dist/esm/icons/QuestionMark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionMark.d.ts","sourceRoot":"","sources":["../../../src/icons/QuestionMark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,iBAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,eAelE;AAED,eAAO,MAAM,gBAAgB,qDAA0B,CAAC"}

package/dist/esm/icons/QuestionMark.js

@@ -0,0 +1,8 @@
+import React, { memo } from 'react';
+import { ColorPalette } from '../color';
+function _QuestionMarkIcon({ width, height, color, classes }) {
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "13.7 6 20.65 38", className: classes },
+        React.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 || ColorPalette.Black })));
+}
+export const QuestionMarkIcon = memo(_QuestionMarkIcon);
+//# sourceMappingURL=QuestionMark.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionMark.js","sourceRoot":"","sources":["../../../src/icons/QuestionMark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AASxC,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IACjE,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,iBAAiB,EACzB,SAAS,EAAE,OAAO;QAElB,8BACE,CAAC,EAAC,0XAA0X,EAC5X,IAAI,EAAE,KAAK,IAAI,YAAY,CAAC,KAAK,GACjC,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/esm/icons/Shield.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    width?: string | number;
+    height?: string | number;
+    color?: string;
+    classes?: string;
+}
+declare function _ShieldIcon({ width, height, color, classes }: Props): JSX.Element;
+export declare const ShieldIcon: React.MemoExoticComponent<typeof _ShieldIcon>;
+export {};
+//# sourceMappingURL=Shield.d.ts.map

package/dist/esm/icons/Shield.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shield.d.ts","sourceRoot":"","sources":["../../../src/icons/Shield.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAGD,iBAAS,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,eAgB5D;AAED,eAAO,MAAM,UAAU,+CAAoB,CAAC"}

package/dist/esm/icons/Shield.js

@@ -0,0 +1,9 @@
+import React, { memo } from 'react';
+import { ColorPalette } from '../color';
+// Shield with checkmark
+function _ShieldIcon({ width, height, color, classes }) {
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: width, height: height, className: classes },
+        React.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 || ColorPalette.Blue })));
+}
+export const ShieldIcon = memo(_ShieldIcon);
+//# sourceMappingURL=Shield.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Shield.js","sourceRoot":"","sources":["../../../src/icons/Shield.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AASxC,wBAAwB;AACxB,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC3D,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,ufAAuf,EACzf,IAAI,EAAE,KAAK,IAAI,YAAY,CAAC,IAAI,GAChC,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC"}

package/dist/esm/icons/WideChevron.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface WideChevronProps {
+    width?: string | number;
+    height?: string | number;
+    direction: 'n' | 'e' | 's' | 'w';
+    color?: string;
+    rounded?: boolean;
+    classes?: string;
+}
+declare function _WideChevron({ width, height, direction, color, rounded, classes }: WideChevronProps): JSX.Element;
+export declare const WideChevron: React.MemoExoticComponent<typeof _WideChevron>;
+export {};
+//# sourceMappingURL=WideChevron.d.ts.map

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

@@ -0,0 +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,eAgD5F;AAED,eAAO,MAAM,WAAW,gDAAqB,CAAC"}

package/dist/esm/icons/WideChevron.js

@@ -0,0 +1,31 @@
+import React, { memo } from 'react';
+import { ColorPalette } from '../color';
+function _WideChevron({ width, height, direction, color, rounded, classes }) {
+    let directionClass;
+    switch (direction) {
+        case 'n':
+            directionClass = 'htw--rotate-90';
+            break;
+        case 'e':
+            directionClass = '';
+            break;
+        case 's':
+            directionClass = 'htw-rotate-90';
+            break;
+        case 'w':
+            directionClass = 'htw-rotate-180';
+            break;
+        default:
+            throw new Error(`Invalid chevron direction ${direction}`);
+    }
+    if (rounded) {
+        return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 120.3 190", width: width, height: height, fill: color || ColorPalette.Blue, className: `${directionClass} ${classes}` },
+            React.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.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 28 27", width: width, height: height, className: `${directionClass} ${classes}` },
+            React.createElement("path", { d: "M13.44 13.5 0 27h14.56L28 13.5 14.56 0H0l13.44 13.5Z", fill: color || ColorPalette.Blue })));
+    }
+}
+export const WideChevron = memo(_WideChevron);
+//# sourceMappingURL=WideChevron.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WideChevron.js","sourceRoot":"","sources":["../../../src/icons/WideChevron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;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,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,eAAe,EACvB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,KAAK,IAAI,YAAY,CAAC,IAAI,EAChC,SAAS,EAAE,GAAG,cAAc,IAAI,OAAO,EAAE;YAEzC,8BAAM,CAAC,EAAC,0IAA0I,GAAG,CACjJ,CACP,CAAC;KACH;SAAM;QACL,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,cAAc,IAAI,OAAO,EAAE;YAEzC,8BACE,CAAC,EAAC,sDAAsD,EACxD,IAAI,EAAE,KAAK,IAAI,YAAY,CAAC,IAAI,GAChC,CACE,CACP,CAAC;KACH;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC"}