@pushchain/ui-kit 1.0.7-alpha.0

package/README.md

@@ -0,0 +1,11 @@
+# ui-kit
+
+This library was generated with [Nx](https://nx.dev).
+
+## Building
+
+Run `nx build ui-kit` to build the library.
+
+## Running unit tests
+
+Run `nx test ui-kit` to execute the unit tests via [Jest](https://jestjs.io).

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@pushchain/ui-kit",
+  "version": "1.0.7-alpha.0",
+  "dependencies": {
+    "@metamask/sdk": "^0.32.0",
+    "@pushchain/devnet": "^1.0.13",
+    "ethers": "^6.13.5",
+    "tslib": "^2.3.0",
+    "viem": "^2.23.9"
+  },
+  "type": "commonjs",
+  "main": "./src/index.js",
+  "typings": "./src/index.d.ts",
+  "devDependencies": {
+    "@types/react": "^18.3.13",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "react": "^18.3.1",
+    "styled-components": "^6.1.14",
+    "typescript-eslint": "^8.32.1"
+  },
+  "scripts": {
+    "release:stable": "npx nx run ui-kit:nx-release-publish --otp=1"
+  },
+  "types": "./src/index.d.ts"
+}

package/src/index.d.ts

@@ -0,0 +1 @@
+export * from './lib';

package/src/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./lib"), exports);
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/ui-kit/src/index.ts"],"names":[],"mappings":";;;AAAA,gDAAsB"}

package/src/lib/components/LoginModal/index.d.ts

@@ -0,0 +1,19 @@
+import React, { FC } from 'react';
+import { CONSTANTS } from '../../constants';
+import { ModalAppDetails, ProviderConfigProps, UniversalAddress } from '../../types';
+type LoginModalProps = {
+    iframeRef: React.MutableRefObject<HTMLIFrameElement | null>;
+    themeMode?: typeof CONSTANTS.THEME.LIGHT | typeof CONSTANTS.THEME.DARK;
+    isWalletVisible: boolean;
+    isIframeLoading: boolean;
+    setIframeLoading: (isIframeLoading: boolean) => void;
+    sendWalletConfig: () => void;
+    modalAppData: ModalAppDetails | undefined;
+    config: ProviderConfigProps;
+    universalAddress: UniversalAddress | null;
+    isWalletMinimised: boolean;
+    setMinimiseWallet: (isWalletMinimised: boolean) => void;
+    handleUserLogOutEvent: () => void;
+};
+declare const LoginModal: FC<LoginModalProps>;
+export { LoginModal };

package/src/lib/components/LoginModal/index.js

@@ -0,0 +1,209 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoginModal = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const common_1 = require("../../components/common");
+const constants_1 = require("../../constants");
+const LoginModal = ({ iframeRef, isWalletVisible, isIframeLoading, themeMode = constants_1.CONSTANTS.THEME.DARK, modalAppData, setIframeLoading, sendWalletConfig, universalAddress, isWalletMinimised, setMinimiseWallet, handleUserLogOutEvent, config, }) => {
+    const { modal } = config;
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isWalletVisible ? ((0, jsx_runtime_1.jsxs)(FrameContainer, { isWalletMinimised: isWalletMinimised, universalAddress: universalAddress, themeMode: themeMode ? themeMode : constants_1.CONSTANTS.THEME.DARK, accountMenuVariant: modal === null || modal === void 0 ? void 0 : modal.connectedLayout, modalDefaults: modal, children: [isIframeLoading && ((0, jsx_runtime_1.jsxs)(FrameLoadingContainer, { themeMode: themeMode ? themeMode : constants_1.CONSTANTS.THEME.DARK, children: [(0, jsx_runtime_1.jsx)(CloseButtonContainer, { onClick: () => {
+                                handleUserLogOutEvent();
+                            }, children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, { height: "20px", width: "20px", color: themeMode === constants_1.CONSTANTS.THEME.LIGHT ? '#000' : '#FFF' }) }), (0, jsx_runtime_1.jsxs)(LoadingTextContainer, { children: [(0, jsx_runtime_1.jsx)(LoadingText, { children: "Loading..." }), (0, jsx_runtime_1.jsx)(common_1.Spinner, {})] })] })), (0, jsx_runtime_1.jsxs)(FrameSubContainer, { isWalletMinimised: isWalletMinimised, isIframeLoading: isIframeLoading, children: [(0, jsx_runtime_1.jsx)(AccountContainer, { universalAddress: universalAddress, children: universalAddress ? ((0, jsx_runtime_1.jsx)(DashButtonContainer, { onClick: () => setMinimiseWallet(true), children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, { height: "18px", width: "18px", color: themeMode === constants_1.CONSTANTS.THEME.LIGHT ? '#FFF' : '#000' }) })) : ((0, jsx_runtime_1.jsx)(CloseButtonContainer, { onClick: () => {
+                                    handleUserLogOutEvent();
+                                }, children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, { height: "20px", width: "20px", color: themeMode === constants_1.CONSTANTS.THEME.LIGHT ? '#000' : '#FFF' }) })) }), (0, jsx_runtime_1.jsxs)(SplitContainer, { children: [(modal === null || modal === void 0 ? void 0 : modal.appPreview) &&
+                                    modalAppData &&
+                                    (modal === null || modal === void 0 ? void 0 : modal.loginLayout) === constants_1.CONSTANTS.LOGIN.SPLIT && ((0, jsx_runtime_1.jsx)(AppPreviewContainer, { universalAddress: universalAddress, children: (0, jsx_runtime_1.jsxs)(AppContainer, { children: [(modalAppData === null || modalAppData === void 0 ? void 0 : modalAppData.logoURL) && ((0, jsx_runtime_1.jsx)(ImageContainer, { children: (0, jsx_runtime_1.jsx)(Image, { src: modalAppData === null || modalAppData === void 0 ? void 0 : modalAppData.logoURL, alt: modalAppData.title }) })), (0, jsx_runtime_1.jsxs)(TextContainer, { themeMode: themeMode ? themeMode : constants_1.CONSTANTS.THEME.DARK, textColor: themeMode === constants_1.CONSTANTS.THEME.LIGHT
+                                                    ? '#F5F6F8'
+                                                    : '#17181b', children: [(0, jsx_runtime_1.jsx)(Heading, { children: modalAppData.title }), (0, jsx_runtime_1.jsx)(Description, { children: modalAppData === null || modalAppData === void 0 ? void 0 : modalAppData.description })] })] }) })), (0, jsx_runtime_1.jsx)(MainFrameContainer, { children: (0, jsx_runtime_1.jsx)("iframe", { src: `${constants_1.WALLET_CONFIG_URL[config.env]}/auth?app=${window.location.origin}`, allow: "publickey-credentials-create; publickey-credentials-get; *", ref: iframeRef, style: {
+                                            border: 'none',
+                                            width: '-webkit-fill-available',
+                                            height: universalAddress
+                                                ? (modal === null || modal === void 0 ? void 0 : modal.connectedLayout) === constants_1.CONSTANTS.CONNECTED.FULL
+                                                    ? '100vh'
+                                                    : '675px'
+                                                : '100vh',
+                                            borderRadius: universalAddress ? '10px' : '0px',
+                                        }, onLoad: () => {
+                                            setIframeLoading(false);
+                                            sendWalletConfig();
+                                        } }) })] })] })] })) : null }));
+};
+exports.LoginModal = LoginModal;
+const FrameContainer = styled_components_1.default.div `
+  position: ${({ universalAddress, accountMenuVariant }) => universalAddress
+    ? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
+        ? 'fixed'
+        : 'absolute'
+    : 'fixed'};
+  display: flex;
+  flex-direction: column;
+  background-image: url(${({ modalDefaults }) => modalDefaults === null || modalDefaults === void 0 ? void 0 : modalDefaults.bgImage});
+  background-size: cover;
+  background-color: var(--pw-int-bg-primary-color);
+  border-radius: 10px;
+  z-index: 9999;
+
+  width: ${({ universalAddress, isWalletMinimised, accountMenuVariant }) => isWalletMinimised
+    ? '0px'
+    : universalAddress
+        ? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
+            ? '100%'
+            : '450px'
+        : '100vw'};
+  height: ${({ universalAddress, isWalletMinimised, accountMenuVariant }) => isWalletMinimised
+    ? '0px'
+    : universalAddress
+        ? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
+            ? '100vw'
+            : '675px'
+        : '100vh'};
+  right: ${({ universalAddress, accountMenuVariant }) => universalAddress
+    ? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
+        ? '0'
+        : '10px'
+    : '0'};
+  top: ${({ universalAddress, accountMenuVariant }) => universalAddress
+    ? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
+        ? '0'
+        : '70px'
+    : '0'};
+
+  @media (max-width: 425px) {
+    width: ${({ universalAddress, isWalletMinimised }) => isWalletMinimised ? '0px' : universalAddress ? '96%' : '100%'};
+    right: ${({ universalAddress }) => (universalAddress ? '2%' : '0')};
+    top: ${({ universalAddress, accountMenuVariant }) => universalAddress
+    ? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
+        ? '0'
+        : '8%'
+    : '0'};
+  }
+`;
+const CloseButtonContainer = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  cursor: pointer;
+  padding: 0 16px;
+`;
+const DashButtonContainer = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border-radius: 1000px;
+  height: 20px;
+  width: 20px;
+  padding: 2px;
+  background-color: #ff0000;
+`;
+const LoadingTextContainer = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 16px;
+  width: -webkit-fill-available;
+  height: -webkit-fill-available;
+`;
+const LoadingText = styled_components_1.default.p `
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 27px;
+  color: inherit;
+  font-family: FK Grotesk Neu;
+  margin: 0px;
+  width: auto;
+`;
+const FrameLoadingContainer = styled_components_1.default.div `
+  height: -webkit-fill-available;
+  width: -webkit-fill-available;
+  flex-direction: column;
+  display: flex;
+  padding: 8px;
+  color: ${({ themeMode }) => themeMode === constants_1.CONSTANTS.THEME.LIGHT ? '#17181b' : '#F5F6F8'};
+  background-color: ${({ themeMode }) => themeMode === constants_1.CONSTANTS.THEME.LIGHT ? '#F5F6F8' : '#17181b'};
+`;
+const FrameSubContainer = styled_components_1.default.div `
+  display: ${({ isWalletMinimised, isIframeLoading }) => isWalletMinimised || isIframeLoading ? 'none' : 'flex'};
+  width: -webkit-fill-available;
+  height: -webkit-fill-available;
+  flex-direction: column;
+`;
+const AccountContainer = styled_components_1.default.div `
+  width: -webkit-fill-available;
+  display: flex;
+  align-items: center;
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  justify-content: flex-end;
+  padding: var(--spacing-xxs) var(--spacing-xxs);
+  border-top-right-radius: ${({ universalAddress }) => universalAddress ? '10px' : '0px'};
+  border-top-left-radius: ${({ universalAddress }) => universalAddress ? '10px' : '0px'};
+  background-color: transparent;
+`;
+const SplitContainer = styled_components_1.default.div `
+  display: flex;
+`;
+const AppPreviewContainer = styled_components_1.default.div `
+  display: ${({ universalAddress }) => (universalAddress ? 'none' : 'flex')};
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  padding: 100px 10px 10px 10px;
+  background-color: transparent;
+`;
+const AppContainer = styled_components_1.default.div `
+  width: 300px;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 16px;
+  align-self: stretch;
+  height: 700px;
+  justify-content: center;
+`;
+const MainFrameContainer = styled_components_1.default.div `
+  flex: 1;
+`;
+const ImageContainer = styled_components_1.default.div `
+  width: 64px;
+  height: 64px;
+`;
+const Image = styled_components_1.default.img `
+  width: inherit;
+  height: inherit;
+  border-radius: 16px;
+  border: 1px solid var(--stroke-secondary, #313338);
+`;
+const TextContainer = styled_components_1.default.div `
+  font-family: 'FK Grotesk Neu';
+  src: url('./assets/fonts/FKGroteskNeue-Regular.woff2') format('woff2'),
+    url('./assets/fonts/FKGroteskNeue-Regular.woff') format('woff');
+  font-style: normal;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 22px;
+  color: ${({ themeMode, textColor }) => themeMode === constants_1.CONSTANTS.THEME.LIGHT
+    ? textColor
+        ? textColor
+        : '#17181b'
+    : textColor
+        ? textColor
+        : '#F5F6F8'};
+`;
+const Heading = styled_components_1.default.h1 `
+  font-size: var(--pw-int-text-heading-xsmall-size);
+  font-weight: 500;
+  line-height: 27px;
+  color: var(--pw-int-text-primary-color);
+`;
+const Description = styled_components_1.default.p `
+  font-size: var(--pw-int-text-body-large-size);
+  line-height: 22px;
+  font-weight: 400;
+  color: var(--pw-int-text-secondary-color);
+`;
+//# sourceMappingURL=index.js.map

package/src/lib/components/LoginModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/LoginModal/index.tsx"],"names":[],"mappings":"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"}

package/src/lib/components/PushUniversalAccountButton/ConnectWalletButton.d.ts

@@ -0,0 +1,8 @@
+import React, { FC } from 'react';
+export type ConnectPushWalletButtonProps = {
+    uid?: string;
+    connectButtonText?: string;
+    loadingComponent?: React.ReactNode;
+};
+declare const ConnectWalletButton: FC<ConnectPushWalletButtonProps>;
+export { ConnectWalletButton };

package/src/lib/components/PushUniversalAccountButton/ConnectWalletButton.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConnectWalletButton = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const usePushWallet_1 = require("../../hooks/usePushWallet");
+const common_1 = require("../common");
+const ConnectWalletButton = ({ uid, connectButtonText, loadingComponent, }) => {
+    const { connectionStatus, handleConnectToPushWallet } = (0, usePushWallet_1.usePushWalletContext)(uid);
+    const isConnectButtonDisbaled = connectionStatus === 'connected' ||
+        connectionStatus === 'authenticating' ||
+        connectionStatus === 'connecting';
+    const isLoading = connectionStatus === 'connecting' || connectionStatus === 'authenticating';
+    const handleConnectWalletButton = () => handleConnectToPushWallet();
+    return ((0, jsx_runtime_1.jsxs)(common_1.Button, { bgColor: "var(--pwauth-btn-connect-bg-color)", textColor: "var(--pwauth-btn-connect-text-color)", borderRadius: "var(--pwauth-btn-connect-border-radius)", onClick: handleConnectWalletButton, disabled: isConnectButtonDisbaled || isLoading, children: [connectionStatus === 'notConnected'
+                ? connectButtonText
+                : connectionStatus, isLoading &&
+                (loadingComponent ? (loadingComponent) : ((0, jsx_runtime_1.jsx)(SpinnerContainer, { children: (0, jsx_runtime_1.jsx)(common_1.Spinner, {}) })))] }));
+};
+exports.ConnectWalletButton = ConnectWalletButton;
+const SpinnerContainer = styled_components_1.default.div `
+  padding: 4px;
+`;
+//# sourceMappingURL=ConnectWalletButton.js.map

package/src/lib/components/PushUniversalAccountButton/ConnectWalletButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectWalletButton.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/ConnectWalletButton.tsx"],"names":[],"mappings":";;;;;AACA,kFAAuC;AACvC,6DAAiE;AACjE,sCAA4C;AAQ5C,MAAM,mBAAmB,GAAqC,CAAC,EAC7D,GAAG,EACH,iBAAiB,EACjB,gBAAgB,GACjB,EAAE,EAAE;IACH,MAAM,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,GACnD,IAAA,oCAAoB,EAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,uBAAuB,GAC3B,gBAAgB,KAAK,WAAW;QAChC,gBAAgB,KAAK,gBAAgB;QACrC,gBAAgB,KAAK,YAAY,CAAC;IAEpC,MAAM,SAAS,GACb,gBAAgB,KAAK,YAAY,IAAI,gBAAgB,KAAK,gBAAgB,CAAC;IAE7E,MAAM,yBAAyB,GAAG,GAAG,EAAE,CAAC,yBAAyB,EAAE,CAAC;IAEpE,OAAO,CACL,wBAAC,eAAM,IACL,OAAO,EAAC,oCAAoC,EAC5C,SAAS,EAAC,sCAAsC,EAChD,YAAY,EAAC,yCAAyC,EACtD,OAAO,EAAE,yBAAyB,EAClC,QAAQ,EAAE,uBAAuB,IAAI,SAAS,aAE7C,gBAAgB,KAAK,cAAc;gBAClC,CAAC,CAAC,iBAAiB;gBACnB,CAAC,CAAC,gBAAgB,EACnB,SAAS;gBACR,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAClB,gBAAgB,CACjB,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAgB,cACf,uBAAC,gBAAO,KAAG,GACM,CACpB,CAAC,IACG,CACV,CAAC;AACJ,CAAC,CAAC;AAEO,kDAAmB;AAE5B,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAElC,CAAC"}

package/src/lib/components/PushUniversalAccountButton/TogglePushWalletButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UniversalAddress } from '../../types';
+type TogglePushWalletButtonProps = {
+    uid?: string;
+    universalAddress: UniversalAddress;
+};
+declare const TogglePushWalletButton: React.FC<TogglePushWalletButtonProps>;
+export { TogglePushWalletButton };

package/src/lib/components/PushUniversalAccountButton/TogglePushWalletButton.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TogglePushWalletButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const usePushWallet_1 = require("../../hooks/usePushWallet");
+const common_1 = require("../common");
+const helpers_1 = require("../../helpers");
+const constants_1 = require("../../constants");
+const TogglePushWalletButton = ({ uid, universalAddress, }) => {
+    const { setMinimiseWallet, isWalletMinimised } = (0, usePushWallet_1.usePushWalletContext)(uid);
+    const { chainId, address } = universalAddress;
+    function getChainIcon(chainId) {
+        if (!chainId) {
+            return (0, jsx_runtime_1.jsx)(common_1.PushMonotone, {});
+        }
+        const IconComponent = constants_1.CHAIN_LOGO[chainId];
+        if (IconComponent) {
+            return (0, jsx_runtime_1.jsx)(IconComponent, {});
+        }
+        else {
+            return (0, jsx_runtime_1.jsx)(common_1.PushMonotone, {});
+        }
+    }
+    const maskedAddress = (0, helpers_1.centerMaskString)(address);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(common_1.Button, { onClick: () => setMinimiseWallet(!isWalletMinimised), bgColor: "var(--pwauth-btn-connected-bg-color)", textColor: "var(--pwauth-btn-connected-text-color)", borderRadius: "var(--pwauth-btn-connect-border-radius)", children: [getChainIcon(chainId), maskedAddress, (0, jsx_runtime_1.jsx)(common_1.PushLogo, {})] }) }));
+};
+exports.TogglePushWalletButton = TogglePushWalletButton;
+//# sourceMappingURL=TogglePushWalletButton.js.map

package/src/lib/components/PushUniversalAccountButton/TogglePushWalletButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TogglePushWalletButton.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/TogglePushWalletButton.tsx"],"names":[],"mappings":";;;;AACA,6DAAiE;AAEjE,sCAA2D;AAC3D,2CAAiD;AACjD,+CAA6C;AAM7C,MAAM,sBAAsB,GAA0C,CAAC,EACrE,GAAG,EACH,gBAAgB,GACjB,EAAE,EAAE;IACH,MAAM,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,GAAG,IAAA,oCAAoB,EAAC,GAAG,CAAC,CAAC;IAC3E,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,gBAAgB,CAAC;IAE9C,SAAS,YAAY,CAAC,OAAsB;QAC1C,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,uBAAC,qBAAY,KAAG,CAAC;QAC1B,CAAC;QACD,MAAM,aAAa,GAAG,sBAAU,CAAC,OAAO,CAAC,CAAC;QAC1C,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,uBAAC,aAAa,KAAG,CAAC;QAC3B,CAAC;aAAM,CAAC;YACN,OAAO,uBAAC,qBAAY,KAAG,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,MAAM,aAAa,GAAG,IAAA,0BAAgB,EAAC,OAAO,CAAC,CAAC;IAEhD,OAAO,CACL,2DACE,wBAAC,eAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,EACpD,OAAO,EAAC,sCAAsC,EAC9C,SAAS,EAAC,wCAAwC,EAClD,YAAY,EAAC,yCAAyC,aAErD,YAAY,CAAC,OAAO,CAAC,EACrB,aAAa,EACd,uBAAC,iBAAQ,KAAG,IACL,GACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEO,wDAAsB"}

package/src/lib/components/PushUniversalAccountButton/index.d.ts

@@ -0,0 +1,13 @@
+import React, { FC } from 'react';
+import { ButtonThemeOverrides } from '../../styles/token';
+import { AppMetadata } from '../../types';
+type PushUniversalAccountButtonProps = {
+    uid?: string;
+    connectButtonText?: string;
+    loadingComponent?: React.ReactNode;
+    modalAppOverride?: AppMetadata;
+    loginAppOverride?: AppMetadata;
+    themeOverrides?: ButtonThemeOverrides;
+};
+declare const PushUniversalAccountButton: FC<PushUniversalAccountButtonProps>;
+export { PushUniversalAccountButton };

package/src/lib/components/PushUniversalAccountButton/index.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PushUniversalAccountButton = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const usePushWallet_1 = require("../../hooks/usePushWallet");
+const ConnectWalletButton_1 = require("./ConnectWalletButton");
+const TogglePushWalletButton_1 = require("./TogglePushWalletButton");
+const styled_components_1 = require("styled-components");
+const token_1 = require("../../styles/token");
+const theme_1 = require("../../utils/theme");
+const PushUniversalAccountButton = ({ uid = 'default', connectButtonText = 'Connect Push Wallet', loadingComponent, modalAppOverride, loginAppOverride, themeOverrides: ButtonThemeOverrides, }) => {
+    const { universalAddress, themeOverrides, themeMode, updateModalAppData, updateWalletAppData, } = (0, usePushWallet_1.usePushWalletContext)(uid);
+    const GlobalStyle = (0, styled_components_1.createGlobalStyle) `
+    :root{
+      ${(props) => {
+        const { themeOverrides, themeMode } = props.theme;
+        const isLightMode = themeMode === 'light';
+        const { dark, light } = themeOverrides, globalOverrides = tslib_1.__rest(themeOverrides, ["dark", "light"]);
+        const newTokens = Object.assign(Object.assign(Object.assign({}, token_1.buttonThemeDefault), (0, theme_1.mapButtonCoreToInt)(globalOverrides)), (0, theme_1.mapButtonCoreToInt)(isLightMode ? light : dark));
+        return Object.entries(newTokens)
+            .map(([key, value]) => `${key}: ${value};`)
+            .join('\n');
+    }}
+    }
+  `;
+    (0, react_1.useEffect)(() => {
+        if (modalAppOverride)
+            updateModalAppData(modalAppOverride);
+        if (loginAppOverride)
+            updateWalletAppData(loginAppOverride);
+    }, []);
+    const Component = () => {
+        if (universalAddress) {
+            // Merge props with buttonDefaults, giving priority to direct props
+            const toggleButtonProps = {
+                uid: uid,
+                universalAddress: universalAddress,
+            };
+            return (0, jsx_runtime_1.jsx)(TogglePushWalletButton_1.TogglePushWalletButton, Object.assign({}, toggleButtonProps));
+        }
+        else {
+            // Merge props with buttonDefaults, giving priority to direct props
+            const connectButtonProps = {
+                uid: uid,
+                connectButtonText,
+                loadingComponent,
+            };
+            return (0, jsx_runtime_1.jsx)(ConnectWalletButton_1.ConnectWalletButton, Object.assign({}, connectButtonProps));
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(styled_components_1.ThemeProvider, { theme: {
+            themeMode,
+            themeOverrides: Object.assign(Object.assign({}, themeOverrides), ButtonThemeOverrides),
+        }, children: [(0, jsx_runtime_1.jsx)(GlobalStyle, {}), (0, jsx_runtime_1.jsx)(Component, {})] }));
+};
+exports.PushUniversalAccountButton = PushUniversalAccountButton;
+//# sourceMappingURL=index.js.map

package/src/lib/components/PushUniversalAccountButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/index.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAsD;AACtD,6DAAiE;AACjE,+DAA4D;AAC5D,qEAAkE;AAClE,yDAAqE;AAErE,8CAAwD;AACxD,6CAAuD;AAYvD,MAAM,0BAA0B,GAAwC,CAAC,EACvE,GAAG,GAAG,SAAS,EACf,iBAAiB,GAAG,qBAAqB,EACzC,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EAAE,oBAAoB,GACrC,EAAE,EAAE;IACH,MAAM,EACJ,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,kBAAkB,EAClB,mBAAmB,GACpB,GAAG,IAAA,oCAAoB,EAAC,GAAG,CAAC,CAAC;IAE9B,MAAM,WAAW,GAAG,IAAA,qCAAiB,EAAA;;QAE/B,CAAC,KAAK,EAAE,EAAE;QACV,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;QAClD,MAAM,WAAW,GAAG,SAAS,KAAK,OAAO,CAAC;QAC1C,MAAM,EAAE,IAAI,EAAE,KAAK,KAAyB,cAAc,EAAlC,eAAe,kBAAK,cAAc,EAApD,iBAAmC,CAAiB,CAAC;QAC3D,MAAM,SAAS,iDACV,0BAAkB,GAClB,IAAA,0BAAkB,EAAC,eAAe,CAAC,GACnC,IAAA,0BAAkB,EAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAClD,CAAC;QACF,OAAO,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;aAC7B,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,KAAK,GAAG,CAAC;aAC1C,IAAI,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;;GAEJ,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,gBAAgB;YAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;QAC3D,IAAI,gBAAgB;YAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC9D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,gBAAgB,EAAE,CAAC;YACrB,mEAAmE;YACnE,MAAM,iBAAiB,GAAG;gBACxB,GAAG,EAAE,GAAG;gBACR,gBAAgB,EAAE,gBAAgB;aACnC,CAAC;YAEF,OAAO,uBAAC,+CAAsB,oBAAK,iBAAiB,EAAI,CAAC;QAC3D,CAAC;aAAM,CAAC;YACN,mEAAmE;YACnE,MAAM,kBAAkB,GAAG;gBACzB,GAAG,EAAE,GAAG;gBACR,iBAAiB;gBACjB,gBAAgB;aACjB,CAAC;YAEF,OAAO,uBAAC,yCAAmB,oBAAK,kBAAkB,EAAI,CAAC;QACzD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,iCAAa,IACZ,KAAK,EAAE;YACL,SAAS;YACT,cAAc,kCAAO,cAAc,GAAK,oBAAoB,CAAE;SAC/D,aAED,uBAAC,WAAW,KAAG,EACf,uBAAC,SAAS,KAAG,IACC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEO,gEAA0B"}

package/src/lib/components/PushWalletToast/index.d.ts

@@ -0,0 +1,2 @@
+declare const PushWalletToast: () => import("react/jsx-runtime").JSX.Element;
+export { PushWalletToast };

package/src/lib/components/PushWalletToast/index.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PushWalletToast = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const common_1 = require("../../components/common");
+const PushWalletToast = () => {
+    return ((0, jsx_runtime_1.jsxs)(ToastContainer, { children: [(0, jsx_runtime_1.jsx)(common_1.Spinner, {}), (0, jsx_runtime_1.jsx)(TitleText, { children: "Sending Transaction" })] }));
+};
+exports.PushWalletToast = PushWalletToast;
+const ToastContainer = styled_components_1.default.div `
+    position: fixed;
+    bottom: 40px;
+    right: 30px;
+    display:flex;
+    flex-direction:row;
+    gap:12px;
+    align-items:center;
+    border:1px solid whitesmoke;
+    padding:10px 20px;
+    border-radius:10px;
+    background-color:#fff;
+`;
+const TitleText = styled_components_1.default.h4 `
+    font-size:18px;
+    font-weight:400;
+    margin:0;
+`;
+//# sourceMappingURL=index.js.map

package/src/lib/components/PushWalletToast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushWalletToast/index.tsx"],"names":[],"mappings":";;;;;AACA,kFAAuC;AACvC,oDAAkD;AAElD,MAAM,eAAe,GAAG,GAAG,EAAE;IACzB,OAAO,CACH,wBAAC,cAAc,eACX,uBAAC,gBAAO,KAAG,EACX,uBAAC,SAAS,sCAAgC,IAC7B,CACpB,CAAC;AACN,CAAC,CAAC;AAEO,0CAAe;AAExB,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAYhC,CAAA;AAED,MAAM,SAAS,GAAG,2BAAM,CAAC,EAAE,CAAA;;;;CAI1B,CAAA"}

package/src/lib/components/common/Button.d.ts

@@ -0,0 +1,17 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+export type TransformedHTMLAttributes<T> = Omit<HTMLAttributes<T>, 'style' | 'color'>;
+export type ButtonProps = {
+    children?: ReactNode;
+    bgColor?: React.CSSProperties['backgroundColor'];
+    textColor?: React.CSSProperties['color'];
+    borderRadius?: React.CSSProperties['borderRadius'];
+    disabled?: boolean;
+} & TransformedHTMLAttributes<HTMLButtonElement>;
+declare const Button: React.ForwardRefExoticComponent<{
+    children?: ReactNode;
+    bgColor?: React.CSSProperties["backgroundColor"];
+    textColor?: React.CSSProperties["color"];
+    borderRadius?: React.CSSProperties["borderRadius"];
+    disabled?: boolean;
+} & TransformedHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+export { Button };

package/src/lib/components/common/Button.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const StyledButton = styled_components_1.default.button `
+  /* Common Button CSS */
+
+  align-items: center;
+  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};
+  background: ${(props) => (props.bgColor ? props.bgColor : '#d548ec')};
+  color: ${(props) => props.textColor ? props.textColor : 'rgba(255, 255, 255, 1)'};
+  display: flex;
+  font-family: FK Grotesk Neu;
+  justify-content: center;
+  white-space: nowrap;
+  flex-shrink: 0;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 16px;
+  padding: 16px 24px;
+  min-width: 100px;
+  width: inherit;
+  gap: 4px;
+  border: none;
+  border-radius: ${(props) => props.borderRadius ? props.borderRadius : '12px'};
+  white-space: nowrap;
+`;
+const Button = (0, react_1.forwardRef)((_a, ref) => {
+    var { disabled, bgColor, textColor, borderRadius, children } = _a, props = tslib_1.__rest(_a, ["disabled", "bgColor", "textColor", "borderRadius", "children"]);
+    return ((0, jsx_runtime_1.jsx)(StyledButton, Object.assign({}, (disabled ? { 'aria-disabled': true } : {}), { disabled: disabled, role: "button", ref: ref, bgColor: bgColor, textColor: textColor, borderRadius: borderRadius }, props, { children: children })));
+});
+exports.Button = Button;
+Button.displayName = 'Button';
+//# sourceMappingURL=Button.js.map

package/src/lib/components/common/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/common/Button.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAqE;AACrE,kFAAuC;AAoBvC,MAAM,YAAY,GAAG,2BAAM,CAAC,MAAM,CAAa;;;;YAInC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;gBACnD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;WAC3D,CAAC,KAAK,EAAE,EAAE,CACjB,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,wBAAwB;;;;;;;;;;;;;;;mBAe7C,CAAC,KAAK,EAAE,EAAE,CACzB,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM;;CAEnD,CAAC;AAEF,MAAM,MAAM,GAAG,IAAA,kBAAU,EACvB,CAAC,EAAkE,EAAE,GAAG,EAAE,EAAE;QAA3E,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAAhE,gEAAkE,CAAF;IAAY,OAAA,CAC3E,uBAAC,YAAY,oBACP,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAC/C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,IACtB,KAAK,cAER,QAAQ,IACI,CAChB,CAAA;CAAA,CACF,CAAC;AAIO,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/src/lib/components/common/Spinner.d.ts

@@ -0,0 +1,2 @@
+declare const Spinner: () => import("react/jsx-runtime").JSX.Element;
+export default Spinner;

package/src/lib/components/common/Spinner.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = tslib_1.__importStar(require("styled-components"));
+const icons_1 = require("./icons");
+// Keyframes for the spinning animation
+const spin = (0, styled_components_1.keyframes) `
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+`;
+// Styled container for the Spinner
+const Container = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  animation: ${spin} 1s linear infinite;
+  width: 20px;
+  height: 20px;
+  color: #d548ec;
+`;
+// Spinner functional component
+const Spinner = () => {
+    return ((0, jsx_runtime_1.jsx)(Container, { children: (0, jsx_runtime_1.jsx)(icons_1.Ellipse, {}) }));
+};
+exports.default = Spinner;
+//# sourceMappingURL=Spinner.js.map

package/src/lib/components/common/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/common/Spinner.tsx"],"names":[],"mappings":";;;;AACA,+EAAsD;AACtD,mCAAkC;AAElC,uCAAuC;AACvC,MAAM,IAAI,GAAG,IAAA,6BAAS,EAAA;;;;;;;CAOrB,CAAC;AAEF,mCAAmC;AACnC,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;eAIb,IAAI;;;;CAIlB,CAAC;AAEF,+BAA+B;AAC/B,MAAM,OAAO,GAAG,GAAG,EAAE;IACjB,OAAO,CACH,uBAAC,SAAS,cACN,uBAAC,eAAO,KAAG,GACH,CACf,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/src/lib/components/common/icons/ArbitrumMonotone.d.ts

@@ -0,0 +1,2 @@
+declare const ArbitrumMonotone: () => import("react/jsx-runtime").JSX.Element;
+export default ArbitrumMonotone;

package/src/lib/components/common/icons/ArbitrumMonotone.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ArbitrumMonotone = () => {
+    return ((0, jsx_runtime_1.jsxs)("svg", { width: "24px", height: "24px", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsxs)("g", { "clip-path": "url(#clip0_8547_11033)", children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H12C16.4183 0 20 3.58172 20 8V12C20 16.4183 16.4183 20 12 20H8C3.58172 20 0 16.4183 0 12V8Z", fill: "#EAEBF2" }), (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.02206 6.4834L9.44362 3.92956C9.61165 3.83254 9.80225 3.78223 9.99629 3.78223C10.1903 3.78223 10.381 3.8333 10.549 3.93032L14.9757 6.48939C15.1435 6.58639 15.2828 6.7258 15.3797 6.89359C15.4766 7.06144 15.5277 7.25176 15.5278 7.44557L15.5306 12.5588C15.5307 12.753 15.4796 12.9437 15.3826 13.1118C15.2856 13.2799 15.146 13.4195 14.9779 13.5165L10.5564 16.0696C10.3883 16.1666 10.1977 16.2177 10.0036 16.2177C9.80959 16.2177 9.61899 16.1666 9.45096 16.0696L5.02425 13.5106C4.85647 13.4136 4.71714 13.2742 4.62023 13.1064C4.52333 12.9385 4.47225 12.7482 4.47213 12.5544L4.46936 7.44107C4.46929 7.24698 4.52033 7.05628 4.61735 6.88816C4.71437 6.72004 4.85396 6.58044 5.02206 6.4834ZM7.99995 14.168C7.97838 14.194 7.96364 14.2249 7.95686 14.2579C7.9817 14.2923 8.01585 14.3188 8.05526 14.3345C8.62735 14.6613 9.19839 14.9896 9.76841 15.3193C9.8304 15.3593 9.90262 15.3806 9.97641 15.3806C10.0502 15.3806 10.1224 15.3593 10.1844 15.3193C10.5714 15.095 10.9582 14.8704 11.3448 14.6454C11.4687 14.5854 11.586 14.5125 11.6946 14.428C11.7122 14.386 11.691 14.3537 11.6706 14.3225C11.6678 14.3182 11.665 14.3138 11.6623 14.3095C11.5758 14.1708 11.4876 14.0332 11.3995 13.8956C11.372 13.8528 11.3446 13.81 11.3172 13.7671C11.1769 13.5475 11.0371 13.3275 10.8974 13.1075C10.625 12.6788 10.3527 12.2501 10.0762 11.824C10.0581 11.8012 10.0477 11.7733 10.0463 11.7442C10.0449 11.7151 10.0527 11.6863 10.0686 11.6619C10.2379 11.3781 10.4057 11.0934 10.5735 10.8087C10.7135 10.5711 10.8536 10.3335 10.9945 10.0964C11.0375 10.0245 11.0447 10.025 11.0904 10.0964C11.309 10.4385 11.5264 10.7816 11.7438 11.1245C11.8805 11.3403 12.0171 11.5559 12.1541 11.7713C12.2684 11.9513 12.3826 12.1315 12.4967 12.3116C12.7266 12.6746 12.9566 13.0376 13.1885 13.3994C13.193 13.4063 13.1972 13.4135 13.2015 13.4208C13.2219 13.4554 13.2428 13.4908 13.2877 13.502C13.3883 13.4667 13.4833 13.4172 13.5697 13.3548C13.5806 13.349 13.5921 13.3438 13.6035 13.3385C13.6473 13.3184 13.6919 13.2979 13.716 13.2501C13.7151 13.2069 13.6993 13.1653 13.6711 13.1325C13.5194 12.8879 13.3679 12.6431 13.2166 12.398L12.0956 10.5847C11.877 10.2301 11.6579 9.87582 11.4385 9.52172C11.4192 9.5001 11.4072 9.47287 11.4043 9.44402C11.4013 9.41512 11.4076 9.38608 11.4222 9.36101C11.6884 8.90994 11.9547 8.45892 12.2212 8.00804C12.2624 7.93799 12.2699 7.93895 12.3111 8.00417C12.4266 8.18709 12.544 8.36903 12.6613 8.55095C12.7232 8.64707 12.7852 8.74318 12.8469 8.83943C13.3781 9.66321 13.9076 10.4881 14.4352 11.314C14.4513 11.3392 14.4672 11.3644 14.4831 11.3897C14.5326 11.4681 14.582 11.5466 14.6357 11.622C14.6383 11.6258 14.641 11.6302 14.6438 11.6348C14.6589 11.6599 14.6773 11.6905 14.7172 11.6519C14.7271 11.6197 14.7308 11.5858 14.728 11.5521C14.7291 10.1853 14.7291 8.81832 14.728 7.45139C14.7324 7.37267 14.7141 7.29432 14.6754 7.22564C14.6366 7.15693 14.5791 7.10079 14.5094 7.06378C14.4862 7.0508 14.4634 7.03721 14.4405 7.02361C14.4212 7.01215 14.402 7.00069 14.3825 6.98958C13.787 6.6482 13.1918 6.30627 12.5969 5.9637C12.3723 5.83444 12.1475 5.70551 11.9226 5.57658C11.3579 5.2527 10.793 4.92878 10.2318 4.5994C10.1515 4.54554 10.057 4.51678 9.96032 4.51678C9.86367 4.51678 9.76919 4.54554 9.68891 4.5994C9.36314 4.79296 9.03477 4.98212 8.70638 5.17129C8.6046 5.22992 8.50281 5.28855 8.40111 5.34731C8.07769 5.53416 7.75463 5.72166 7.43158 5.90915C6.7925 6.28006 6.15342 6.65097 5.51155 7.01686C5.41343 7.06304 5.33134 7.13762 5.27603 7.2309C5.22071 7.32423 5.19469 7.43198 5.20129 7.54024C5.2074 8.47384 5.20657 9.40749 5.20574 10.3411C5.20546 10.6641 5.20517 10.9871 5.20517 11.31C5.2032 11.3468 5.20407 11.3836 5.2078 11.4202C5.20848 11.4245 5.20885 11.4291 5.20923 11.4338C5.21098 11.4557 5.21288 11.4793 5.24762 11.4793C5.25164 11.4733 5.25571 11.4673 5.25978 11.4613C5.26775 11.4496 5.27571 11.4379 5.28335 11.426C6.01958 10.2898 6.75299 9.15195 7.48367 8.01228C7.62991 7.77986 7.84878 7.60214 8.10632 7.50678C8.38908 7.40382 8.68888 7.35552 8.9897 7.36442C9.14399 7.36578 9.29843 7.37097 9.45289 7.37616C9.51279 7.37817 9.57269 7.38019 9.63259 7.38198C9.63497 7.38207 9.63748 7.38194 9.64005 7.38181C9.65211 7.38119 9.66538 7.38051 9.67245 7.40202L5.67341 13.8158C5.71601 13.8403 5.75801 13.8644 5.79955 13.8882C5.90249 13.9471 6.00261 14.0044 6.10194 14.0631C6.1342 14.0818 6.15227 14.077 6.16812 14.0463C6.17336 14.0364 6.17927 14.0267 6.18519 14.0171C6.1873 14.0137 6.18941 14.0103 6.19149 14.0068C7.09012 12.5246 7.98866 11.0423 8.88711 9.55993C9.31121 8.86072 9.73481 8.16128 10.1579 7.46171C10.1666 7.43936 10.1819 7.42023 10.2019 7.40686C10.2218 7.3935 10.2453 7.38658 10.2693 7.387C10.6803 7.38751 11.0912 7.38571 11.5019 7.38392C11.652 7.38327 11.8021 7.38261 11.9521 7.38207C11.9537 7.38207 11.9554 7.38198 11.957 7.3819C11.967 7.38138 11.9781 7.3808 11.9879 7.39806C11.9831 7.40662 11.9782 7.41557 11.9732 7.42476C11.9619 7.44531 11.9499 7.46707 11.9373 7.48844C10.6246 9.71488 9.31218 11.9414 7.99995 14.168Z", fill: "#202124" })] }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip0_8547_11033", children: (0, jsx_runtime_1.jsx)("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H12C16.4183 0 20 3.58172 20 8V12C20 16.4183 16.4183 20 12 20H8C3.58172 20 0 16.4183 0 12V8Z", fill: "white" }) }) })] }));
+};
+exports.default = ArbitrumMonotone;
+//# sourceMappingURL=ArbitrumMonotone.js.map