@web3jskit/walletkit 0.1.6 → 0.1.7

package/dist/package.json

@@ -0,0 +1,46 @@
+{
+    "name": "@web3jskit/walletkit",
+    "version": "0.1.7",
+    "description": "walletkit",
+    "license": "MIT",
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "build": "tsc --build tsconfig.build.json",
+        "watch": "tsc --watch"
+    },
+    "main": "./dist/src/index.js",
+    "dependencies": {
+        "@reach/dialog": "^0.18.0",
+        "@react-spring/web": "^9.7.1",
+        "@tanstack/react-query": "^5.0.0",
+        "@web3jskit/type": "^1.1.6",
+        "@web3jskit/wallethelper": "0.1.6",
+        "copy-to-clipboard": "^3.3.3",
+        "i18next": "^22.4.13",
+        "i18next-browser-languagedetector": "^7.0.1",
+        "i18next-xhr-backend": "^3.2.2",
+        "lit": "^3.2.1",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "react-i18next": "^12.2.0",
+        "react-qr-code": "^2.0.15",
+        "styled-components": "^6.1.13",
+        "zustand": "^4.3.9"
+    },
+    "devDependencies": {
+        "@testing-library/jest-dom": "^6.2.0",
+        "@testing-library/react": "^16.0.1",
+        "@testing-library/user-event": "^14.5.2",
+        "@types/react": "^18.3.1",
+        "@types/react-dom": "^18.3.1",
+        "@types/styled-components": "^5.1.34",
+        "jsdom": "^25.0.0",
+        "vitest": "2.0.5"
+    },
+    "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
+    }
+}

package/dist/src/assets/svg/dataBase.d.ts

@@ -0,0 +1,4 @@
+export declare const closeIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPgo8cGF0aCBkPSJNMjA1LjY2LDE5NC4zNGE4LDgsMCwwLDEtMTEuMzIsMTEuMzJMMTI4LDEzOS4zMSw2MS42NiwyMDUuNjZhOCw4LDAsMCwxLTExLjMyLTExLjMyTDExNi42OSwxMjgsNTAuMzQsNjEuNjZBOCw4LDAsMCwxLDYxLjY2LDUwLjM0TDEyOCwxMTYuNjlsNjYuMzQtNjYuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyTDEzOS4zMSwxMjhaIj48L3BhdGg+Cjwvc3ZnPg==";
+export declare const b = "data:image/svg+xml;base64,PHN2ZyB4bLjM0TDEyOCwxMTYuNjlsNjYuMzQtNjYuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyTDEzOS4zMSwxMjhaIj48L3BhdGg+Cjwvc3ZnPg==";
+export declare const chromeIcon = "data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 78 78\"><path fill=\"url(%23a)\" d=\"M71.034 20.5a37.001 37.001 0 0 0-64.084 0l2.22 39.96L71.034 20.5Z\"/><path fill=\"url(%23b)\" d=\"M22.979 48.25 6.958 20.5A37 37 0 0 0 39 76l36.26-37-52.281 9.25Z\"/><path fill=\"url(%23c)\" d=\"M55.021 48.25 39 76a37.001 37.001 0 0 0 32.035-55.5H39l16.021 27.75Z\"/><path fill=\"%23fff\" d=\"M39 57.5a18.5 18.5 0 1 0 0-37 18.5 18.5 0 0 0 0 37Z\"/><path fill=\"%231A73E8\" d=\"M39 53.652a14.65 14.65 0 0 0 13.536-20.26A14.653 14.653 0 1 0 39 53.653Z\"/><defs><linearGradient id=\"a\" x1=\"6.958\" x2=\"71.034\" y1=\"25.125\" y2=\"25.125\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23D93025\"/><stop offset=\"1\" stop-color=\"%23EA4335\"/></linearGradient><linearGradient id=\"b\" x1=\"43.003\" x2=\"10.961\" y1=\"73.684\" y2=\"18.184\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%231E8E3E\"/><stop offset=\"1\" stop-color=\"%2334A853\"/></linearGradient><linearGradient id=\"c\" x1=\"33.598\" x2=\"65.64\" y1=\"76\" y2=\"20.596\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23FCC934\"/><stop offset=\"1\" stop-color=\"%23FBBC04\"/></linearGradient></defs></svg>";
+export declare const gel = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALDSURBVHgB1Zg/aBNRHMe/1kIrRHJDwbSDSQbTrSkKupmDglOhzSDoolMGBzV0cRPpKFJI1w6tVbGLhEC7uIS4KbYmHSNyyVLtYhMSIRVB3++Sd17i3buX1z85P/C7u7z3cu97v/d7v3f3AGd0ZqvMDGa/j9k+de49DwkizPInIMLNjE6fjkwzOzhFMdwOOn3/45lBiLGLitgFGQMUwy3Pxcz7QAw3/Sw7PILDGA6KYSiKGY9omL0zhfPaKALBUau8WW9hY/kD9io1KKCfQdtVffNqO4VL8QuOdduFKu7NvIAKQ1AkoI241k2ENahCMfREpiENzVgoYJ5vPbiKxNyksG2j1sL3/R/mNfGz9QsySA0ZxcvLjyl28xGoQOJoCMulfc+2w5CgHbzdYlYW35nBS531srB0w/Qih7wUmw5JCVKOoa31XUcxxGsmtJdAUM67Qg/F4iFcToQxezfeVd6oHbqKIZqsjtrYvXr74TXTU/QgopQgjKHcl/sYDwctEVvrJXazOnbYtC6XvkEExd2VxEXmmXNIPb5uiaMHmRl75vo/oYe4GGJlsWDGDEfTNOi6jmKxiEql4li22fHERCRoxRSfdUqC7DTrh12/s9ms2Tl1HI1GXcsI0fD2ohzU5A2Zsn5RFpRMJpHJZMyzqKxfpIesFxqWdDrtWdYv0h6SzSNHReihzee7LAdNmdeURz6zTPu1WrfqG2a+6Q7YGHsDsM8kuuZ5jKcOEZ5rmc4W0advbrrWLy28tdIB5RsyN2g9o1cTEZ5D5jVlJ1k251BWPyrKs+yk+P8Eeb0y7FX/LpQ7gviggLZPCDcoqA0IPmcJWvUTczHHTjaW33eV0Yyyr4GcQq7suSAzinRYg3++y1aHOoL8Qo5f5DF47xh2ZRH4bLOB8NV2jN1TximKycNjhnNoR2QN7e234xZhoL2lpzt1/AfLekgsXhgSgQAAAABJRU5ErkJggg==";

package/dist/src/assets/svg/dataBase.js

@@ -0,0 +1,5 @@
+export const closeIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPgo8cGF0aCBkPSJNMjA1LjY2LDE5NC4zNGE4LDgsMCwwLDEtMTEuMzIsMTEuMzJMMTI4LDEzOS4zMSw2MS42NiwyMDUuNjZhOCw4LDAsMCwxLTExLjMyLTExLjMyTDExNi42OSwxMjgsNTAuMzQsNjEuNjZBOCw4LDAsMCwxLDYxLjY2LDUwLjM0TDEyOCwxMTYuNjlsNjYuMzQtNjYuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyTDEzOS4zMSwxMjhaIj48L3BhdGg+Cjwvc3ZnPg==';
+export const b = 'data:image/svg+xml;base64,PHN2ZyB4bLjM0TDEyOCwxMTYuNjlsNjYuMzQtNjYuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyTDEzOS4zMSwxMjhaIj48L3BhdGg+Cjwvc3ZnPg==';
+export const chromeIcon = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 78 78"><path fill="url(%23a)" d="M71.034 20.5a37.001 37.001 0 0 0-64.084 0l2.22 39.96L71.034 20.5Z"/><path fill="url(%23b)" d="M22.979 48.25 6.958 20.5A37 37 0 0 0 39 76l36.26-37-52.281 9.25Z"/><path fill="url(%23c)" d="M55.021 48.25 39 76a37.001 37.001 0 0 0 32.035-55.5H39l16.021 27.75Z"/><path fill="%23fff" d="M39 57.5a18.5 18.5 0 1 0 0-37 18.5 18.5 0 0 0 0 37Z"/><path fill="%231A73E8" d="M39 53.652a14.65 14.65 0 0 0 13.536-20.26A14.653 14.653 0 1 0 39 53.653Z"/><defs><linearGradient id="a" x1="6.958" x2="71.034" y1="25.125" y2="25.125" gradientUnits="userSpaceOnUse"><stop stop-color="%23D93025"/><stop offset="1" stop-color="%23EA4335"/></linearGradient><linearGradient id="b" x1="43.003" x2="10.961" y1="73.684" y2="18.184" gradientUnits="userSpaceOnUse"><stop stop-color="%231E8E3E"/><stop offset="1" stop-color="%2334A853"/></linearGradient><linearGradient id="c" x1="33.598" x2="65.64" y1="76" y2="20.596" gradientUnits="userSpaceOnUse"><stop stop-color="%23FCC934"/><stop offset="1" stop-color="%23FBBC04"/></linearGradient></defs></svg>';
+export const gel = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALDSURBVHgB1Zg/aBNRHMe/1kIrRHJDwbSDSQbTrSkKupmDglOhzSDoolMGBzV0cRPpKFJI1w6tVbGLhEC7uIS4KbYmHSNyyVLtYhMSIRVB3++Sd17i3buX1z85P/C7u7z3cu97v/d7v3f3AGd0ZqvMDGa/j9k+de49DwkizPInIMLNjE6fjkwzOzhFMdwOOn3/45lBiLGLitgFGQMUwy3Pxcz7QAw3/Sw7PILDGA6KYSiKGY9omL0zhfPaKALBUau8WW9hY/kD9io1KKCfQdtVffNqO4VL8QuOdduFKu7NvIAKQ1AkoI241k2ENahCMfREpiENzVgoYJ5vPbiKxNyksG2j1sL3/R/mNfGz9QsySA0ZxcvLjyl28xGoQOJoCMulfc+2w5CgHbzdYlYW35nBS531srB0w/Qih7wUmw5JCVKOoa31XUcxxGsmtJdAUM67Qg/F4iFcToQxezfeVd6oHbqKIZqsjtrYvXr74TXTU/QgopQgjKHcl/sYDwctEVvrJXazOnbYtC6XvkEExd2VxEXmmXNIPb5uiaMHmRl75vo/oYe4GGJlsWDGDEfTNOi6jmKxiEql4li22fHERCRoxRSfdUqC7DTrh12/s9ms2Tl1HI1GXcsI0fD2ohzU5A2Zsn5RFpRMJpHJZMyzqKxfpIesFxqWdDrtWdYv0h6SzSNHReihzee7LAdNmdeURz6zTPu1WrfqG2a+6Q7YGHsDsM8kuuZ5jKcOEZ5rmc4W0advbrrWLy28tdIB5RsyN2g9o1cTEZ5D5jVlJ1k251BWPyrKs+yk+P8Eeb0y7FX/LpQ7gviggLZPCDcoqA0IPmcJWvUTczHHTjaW33eV0Yyyr4GcQq7suSAzinRYg3++y1aHOoL8Qo5f5DF47xh2ZRH4bLOB8NV2jN1TximKycNjhnNoR2QN7e234xZhoL2lpzt1/AfLekgsXhgSgQAAAABJRU5ErkJggg==';
+//# sourceMappingURL=dataBase.js.map

package/dist/src/assets/svg/dataBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataBase.js","sourceRoot":"","sources":["../../../../src/assets/svg/dataBase.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GACrB,4bAA4b,CAAC;AAE9b,MAAM,CAAC,MAAM,CAAC,GACb,6IAA6I,CAAC;AAE/I,MAAM,CAAC,MAAM,UAAU,GACtB,knCAAknC,CAAC;AAEpnC,MAAM,CAAC,MAAM,GAAG,GACf,wlCAAwlC,CAAC"}

package/dist/src/assets/svg/metaMaskWallet.d.ts

@@ -0,0 +1 @@
+export declare const x: import("lit").TemplateResult<2>;

package/dist/src/assets/svg/metaMaskWallet.js

@@ -0,0 +1,35 @@
+import { svg } from 'lit';
+export const x = svg `<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="28" height="28" fill="white"/>
+<path d="M24.0891 3.1199L15.3446 9.61456L16.9617 5.7828L24.0891 3.1199Z" fill="#E2761B" stroke="#E2761B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.90207 3.1199L12.5763 9.67608L11.0383 5.7828L3.90207 3.1199Z" fill="#E4761B" stroke="#E4761B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20.9429 18.1745L18.6139 21.7426L23.597 23.1136L25.0295 18.2536L20.9429 18.1745Z" fill="#E4761B" stroke="#E4761B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.97929 18.2536L4.40301 23.1136L9.38607 21.7426L7.05713 18.1745L2.97929 18.2536Z" fill="#E4761B" stroke="#E4761B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.10483 12.1456L7.71626 14.2461L12.6642 14.4658L12.4884 9.14877L9.10483 12.1456Z" fill="#E4761B" stroke="#E4761B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.8864 12.1456L15.4589 9.08725L15.3446 14.4658L20.2837 14.2461L18.8864 12.1456Z" fill="#E4761B" stroke="#E4761B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.38606 21.7426L12.3566 20.2925L9.79033 18.2888L9.38606 21.7426Z" fill="#E4761B" stroke="#E4761B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.6347 20.2925L18.6139 21.7426L18.2009 18.2888L15.6347 20.2925Z" fill="#E4761B" stroke="#E4761B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.6139 21.7426L15.6347 20.2925L15.8719 22.2348L15.8456 23.0521L18.6139 21.7426Z" fill="#D7C1B3" stroke="#D7C1B3" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.38606 21.7426L12.1544 23.0521L12.1368 22.2348L12.3566 20.2925L9.38606 21.7426Z" fill="#D7C1B3" stroke="#D7C1B3" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.1984 17.0056L9.72002 16.2762L11.4689 15.4765L12.1984 17.0056Z" fill="#233447" stroke="#233447" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.7928 17.0056L16.5223 15.4765L18.28 16.2762L15.7928 17.0056Z" fill="#233447" stroke="#233447" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.38606 21.7426L9.80791 18.1745L7.05712 18.2536L9.38606 21.7426Z" fill="#CD6116" stroke="#CD6116" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.1921 18.1745L18.6139 21.7426L20.9429 18.2536L18.1921 18.1745Z" fill="#CD6116" stroke="#CD6116" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20.2837 14.2461L15.3446 14.4658L15.8016 17.0057L16.5311 15.4765L18.2888 16.2762L20.2837 14.2461Z" fill="#CD6116" stroke="#CD6116" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.72002 16.2762L11.4777 15.4765L12.1984 17.0057L12.6642 14.4658L7.71626 14.2461L9.72002 16.2762Z" fill="#CD6116" stroke="#CD6116" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.71626 14.2461L9.79033 18.2888L9.72002 16.2762L7.71626 14.2461Z" fill="#E4751F" stroke="#E4751F" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.2888 16.2762L18.2009 18.2888L20.2837 14.2461L18.2888 16.2762Z" fill="#E4751F" stroke="#E4751F" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.6642 14.4658L12.1984 17.0057L12.7784 20.0025L12.9102 16.0565L12.6642 14.4658Z" fill="#E4751F" stroke="#E4751F" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.3446 14.4658L15.1073 16.0477L15.2128 20.0025L15.8016 17.0057L15.3446 14.4658Z" fill="#E4751F" stroke="#E4751F" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.8016 17.0056L15.2128 20.0025L15.6347 20.2925L18.2009 18.2888L18.2888 16.2762L15.8016 17.0056Z" fill="#F6851B" stroke="#F6851B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.72002 16.2762L9.79033 18.2888L12.3566 20.2925L12.7784 20.0025L12.1984 17.0056L9.72002 16.2762Z" fill="#F6851B" stroke="#F6851B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.8456 23.0521L15.8719 22.2348L15.6522 22.0414H12.339L12.1368 22.2348L12.1544 23.0521L9.38606 21.7426L10.3528 22.5336L12.3126 23.8958H15.6786L17.6472 22.5336L18.6139 21.7426L15.8456 23.0521Z" fill="#C0AD9E" stroke="#C0AD9E" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.6347 20.2925L15.2128 20.0025H12.7784L12.3566 20.2925L12.1368 22.2348L12.339 22.0414H15.6522L15.8719 22.2348L15.6347 20.2925Z" fill="#161616" stroke="#161616" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M24.4583 10.0364L25.2053 6.45072L24.0891 3.1199L15.6347 9.39485L18.8864 12.1456L23.4827 13.4903L24.5022 12.3038L24.0628 11.9874L24.7658 11.3459L24.221 10.924L24.924 10.3879L24.4583 10.0364Z" fill="#763D16" stroke="#763D16" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.79472 6.45072L3.54174 10.0364L3.06717 10.3879L3.77024 10.924L3.23415 11.3459L3.93722 11.9874L3.4978 12.3038L4.50847 13.4903L9.10483 12.1456L12.3566 9.39485L3.90207 3.1199L2.79472 6.45072Z" fill="#763D16" stroke="#763D16" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M23.4827 13.4903L18.8864 12.1456L20.2837 14.2461L18.2009 18.2888L20.9429 18.2536H25.0295L23.4827 13.4903Z" fill="#F6851B" stroke="#F6851B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.10484 12.1456L4.50848 13.4903L2.97929 18.2536H7.05713L9.79033 18.2888L7.71626 14.2461L9.10484 12.1456Z" fill="#F6851B" stroke="#F6851B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.3446 14.4658L15.6347 9.39485L16.9705 5.7828H11.0383L12.3566 9.39485L12.6642 14.4658L12.7696 16.0653L12.7784 20.0025H15.2128L15.2304 16.0653L15.3446 14.4658Z" fill="#F6851B" stroke="#F6851B" stroke-width="0.0878845" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+//# sourceMappingURL=metaMaskWallet.js.map

package/dist/src/assets/svg/metaMaskWallet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metaMaskWallet.js","sourceRoot":"","sources":["../../../../src/assets/svg/metaMaskWallet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,CAAC,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCnB,CAAC"}

package/dist/src/components/ConnectButton/ConnectedInfo.d.ts

@@ -0,0 +1 @@
+export declare function ConnectedInfo({ avatar, walletAddress, onClick, className }: any): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ConnectButton/ConnectedInfo.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { styled } from 'styled-components';
+import { formatAddress } from '../../utils/formatter';
+const WalletInfoButton = styled.button `
+	display: flex;
+	align-items: center;
+	gap: 10px;
+`;
+export function ConnectedInfo({ avatar, walletAddress, onClick, className }) {
+    return (_jsxs(WalletInfoButton, { className: className, onClick: () => onClick(), children: [avatar?.text, _jsx("span", { children: formatAddress(walletAddress) })] }));
+}
+//# sourceMappingURL=ConnectedInfo.js.map

package/dist/src/components/ConnectButton/ConnectedInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedInfo.js","sourceRoot":"","sources":["../../../../src/components/ConnectButton/ConnectedInfo.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAA;;;;CAIrC,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,EAAO;IAC/E,OAAO,CACN,MAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,aAC9D,MAAM,EAAE,IAAI,EACb,yBAAO,aAAa,CAAC,aAAa,CAAC,GAAQ,IACzB,CACnB,CAAC;AACH,CAAC"}

package/dist/src/components/ConnectButton/index.d.ts

@@ -0,0 +1,8 @@
+interface ConnectButtonProps {
+    text?: string;
+    showAvatar?: boolean;
+    className?: string;
+    infoClass?: string;
+}
+export declare function ConnectButton(props: ConnectButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ConnectButton/index.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { useWalletKit } from '../../hooks/useWalletKit';
+import { ConnectedInfo } from './ConnectedInfo';
+export function ConnectButton(props) {
+    const { t } = useTranslation();
+    const { text = t('connectWallet'), showAvatar = true, className, infoClass } = props;
+    const { avatar, connectStatus, walletAddress, connect, showWalletInfo } = useWalletKit();
+    return (_jsx("div", { children: connectStatus === 'connected' ? (_jsx(ConnectedInfo, { className: infoClass, avatar: showAvatar ? avatar : undefined, walletAddress: walletAddress, onClick: () => {
+                showWalletInfo();
+            } })) : (_jsx("button", { className: className, onClick: () => {
+                connect();
+            }, children: text })) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/src/components/ConnectButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ConnectButton/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAShD,MAAM,UAAU,aAAa,CAAC,KAAyB;IACtD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,eAAe,CAAC,EAAE,UAAU,GAAG,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACrF,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;IAEzF,OAAO,CACN,wBACE,aAAa,KAAK,WAAW,CAAC,CAAC,CAAC,CAChC,KAAC,aAAa,IACb,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACvC,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,GAAG,EAAE;gBACb,cAAc,EAAE,CAAC;YAClB,CAAC,GACA,CACF,CAAC,CAAC,CAAC,CACH,iBACC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE;gBACb,OAAO,EAAE,CAAC;YACX,CAAC,YAEA,IAAI,GACG,CACT,GACI,CACN,CAAC;AACH,CAAC"}

package/dist/src/components/Connecting/index.d.ts

@@ -0,0 +1,6 @@
+interface ConnectingProps {
+    wallet: any;
+    onClose: () => void;
+}
+export declare function Connecting({ wallet, onClose }: ConnectingProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/Connecting/index.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import ModalHeader from '../Header/ModalHeader';
+import SpinSvg from '../SVGs/spinSvg';
+import ConnectingContainer from './style';
+export function Connecting({ wallet, onClose }) {
+    const { t } = useTranslation();
+    return (_jsxs(_Fragment, { children: [_jsx(ModalHeader, { className: "mainTitle", onClose: onClose }), _jsxs(ConnectingContainer, { children: [_jsx("div", { className: "logo", children: _jsx("img", { src: wallet?.icon, alt: wallet?.name }) }), _jsx("div", { className: "introduce", children: `${t('opening')} ${wallet?.name} ${t('title')}...` }), _jsx("div", { className: "detail", children: t('confirmConnection') }), _jsx(SpinSvg, { className: "loading" })] })] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/src/components/Connecting/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Connecting/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,OAAO,MAAM,iBAAiB,CAAC;AACtC,OAAO,mBAAmB,MAAM,SAAS,CAAC;AAO1C,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAmB;IAC9D,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACN,8BACC,KAAC,WAAW,IAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,OAAO,GAAI,EACvD,MAAC,mBAAmB,eACnB,cAAK,SAAS,EAAC,MAAM,YACpB,cAAK,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,GAAI,GACxC,EACN,cAAK,SAAS,EAAC,WAAW,YAAE,GAAG,CAAC,CAAC,SAAS,CAAC,IAAI,MAAM,EAAE,IAAI,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,GAAO,EACrF,cAAK,SAAS,EAAC,QAAQ,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAO,EACtD,KAAC,OAAO,IAAC,SAAS,EAAC,SAAS,GAAG,IACV,IACpB,CACH,CAAC;AACH,CAAC"}

package/dist/src/components/Connecting/style.d.ts

@@ -0,0 +1,2 @@
+declare const ConnectingContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export default ConnectingContainer;

package/dist/src/components/Connecting/style.js

@@ -0,0 +1,52 @@
+import { styled } from 'styled-components';
+const ConnectingContainer = styled.div `
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	margin-top: 72px;
+	font-family: Manrope;
+
+	.logo {
+		img {
+			width: 66px;
+			height: 66px;
+		}
+	}
+
+	.introduce {
+		margin-top: 44px;
+		font-size: 14px;
+		font-weight: 700;
+		line-height: 14px;
+		color: ${({ theme }) => theme.textColor};
+	}
+
+	.detail {
+		margin-top: 30px;
+		font-size: 14px;
+		font-weight: 700;
+		line-height: 14px;
+		color: ${({ theme }) => theme.textColor5};
+	}
+
+	.loading {
+		margin-top: 24px;
+		animation: spin 1s linear infinite;
+
+		path {
+			fill: ${({ theme }) => theme.spinColor};
+		}
+	}
+
+	@keyframes spin {
+		100% {
+			transform: rotate(360deg);
+		}
+	}
+
+	@media (max-width: 768px) {
+		margin-top: 36px;
+	}
+`;
+export default ConnectingContainer;
+//# sourceMappingURL=style.js.map

package/dist/src/components/Connecting/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/Connecting/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;WAmB3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;;;;;;WAQ9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;;;;;;WAQ/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;;;;;;;;;;;CAaxC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/src/components/GetWallet/index.d.ts

@@ -0,0 +1,7 @@
+interface GetWalletProps {
+    wallet: any;
+    onBack?: () => void;
+    onClose: () => void;
+}
+export declare function GetWallet({ wallet, onBack, onClose }: GetWalletProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/GetWallet/index.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { useState } from 'react';
+import ModalHeader from '../Header/ModalHeader';
+import GetWalletContainer from './style';
+import { chromeIcon } from '../../assets/svg/dataBase';
+import QRCode from 'react-qr-code';
+export function GetWallet({ wallet, onBack, onClose }) {
+    const { t } = useTranslation();
+    const [showQRCode, setShowQRCode] = useState(false);
+    return (_jsxs(GetWalletContainer, { children: [_jsx(ModalHeader, { onClose: onClose, title: `${t('get')} ${wallet.name}`, onBack: () => {
+                    if (showQRCode) {
+                        return setShowQRCode(false);
+                    }
+                    onBack && onBack();
+                } }), showQRCode ? (_jsxs("div", { className: "qrCodeBox", children: [_jsx("div", { className: "downloadTip", children: t('getAppTip') }), _jsx("div", { className: "qrCode", children: _jsx(QRCode, { value: wallet.downloadUrl }) }), _jsx("div", { className: "button", onClick: () => setShowQRCode(false), children: t('continue') })] })) : (_jsxs("div", { className: "cardBox", children: [_jsxs("div", { className: "card", children: [_jsx("img", { src: chromeIcon, alt: "Chrome" }), _jsxs("div", { children: [_jsx("div", { className: "title", children: `${wallet.name} ${t('forChrome')}` }), _jsx("div", { className: "description", children: t('chromeDescription') }), _jsx("div", { className: "button", onClick: () => {
+                                            window.open(wallet.extension, '_blank');
+                                        }, children: t('addToChrome') })] })] }), _jsxs("div", { className: "card", children: [_jsx("img", { src: wallet.icon, alt: wallet.name }), _jsxs("div", { children: [_jsx("div", { className: "title", children: `${wallet.name} ${t('forMobile')}` }), _jsx("div", { className: "description", children: t('mobileDescription') }), _jsx("div", { className: "button", onClick: () => setShowQRCode(true), children: t('getMobileApp') })] })] })] }))] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/src/components/GetWallet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GetWallet/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,kBAAkB,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,MAAM,MAAM,eAAe,CAAC;AAQnC,MAAM,UAAU,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAkB;IACpE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,CACN,MAAC,kBAAkB,eAClB,KAAC,WAAW,IACX,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,IAAI,EAAE,EACnC,MAAM,EAAE,GAAG,EAAE;oBACZ,IAAI,UAAU,EAAE,CAAC;wBAChB,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC;oBAC7B,CAAC;oBACD,MAAM,IAAI,MAAM,EAAE,CAAC;gBACpB,CAAC,GACA,EACD,UAAU,CAAC,CAAC,CAAC,CACb,eAAK,SAAS,EAAC,WAAW,aACzB,cAAK,SAAS,EAAC,aAAa,YAAE,CAAC,CAAC,WAAW,CAAC,GAAO,EACnD,cAAK,SAAS,EAAC,QAAQ,YACtB,KAAC,MAAM,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,GAAI,GAChC,EACN,cAAK,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,YACzD,CAAC,CAAC,UAAU,CAAC,GACT,IACD,CACN,CAAC,CAAC,CAAC,CACH,eAAK,SAAS,EAAC,SAAS,aACvB,eAAK,SAAS,EAAC,MAAM,aACpB,cAAK,GAAG,EAAE,UAAU,EAAE,GAAG,EAAC,QAAQ,GAAG,EACrC,0BACC,cAAK,SAAS,EAAC,OAAO,YAAE,GAAG,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,GAAO,EACjE,cAAK,SAAS,EAAC,aAAa,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAO,EAC3D,cACC,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;4CACb,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;wCACzC,CAAC,YAEA,CAAC,CAAC,aAAa,CAAC,GACZ,IACD,IACD,EACN,eAAK,SAAS,EAAC,MAAM,aACpB,cAAK,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,IAAI,GAAI,EAC3C,0BACC,cAAK,SAAS,EAAC,OAAO,YAAE,GAAG,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,GAAO,EACjE,cAAK,SAAS,EAAC,aAAa,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAO,EAC3D,cAAK,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,YACxD,CAAC,CAAC,cAAc,CAAC,GACb,IACD,IACD,IACD,CACN,IACmB,CACrB,CAAC;AACH,CAAC"}

package/dist/src/components/GetWallet/style.d.ts

@@ -0,0 +1,2 @@
+declare const GetWalletContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export default GetWalletContainer;

package/dist/src/components/GetWallet/style.js

@@ -0,0 +1,117 @@
+import { styled } from 'styled-components';
+const GetWalletContainer = styled.div `
+	display: flex;
+	flex-direction: column;
+	font-family: Manrope;
+	color: ${({ theme }) => theme.textColor1};
+	height: 100%;
+
+	.cardBox {
+		display: flex;
+		flex-direction: column;
+		margin: 0 64px 24px;
+		gap: 24px;
+		flex: 1;
+	}
+
+	.card {
+		display: flex;
+		gap: 24px;
+		padding: 40px 60px 0;
+		border: 1px solid ${({ theme }) => theme.borderColor};
+		border-radius: 12px;
+		flex: 1;
+		background: ${({ theme }) => theme.cardBg};
+
+		img {
+			width: 60px;
+			height: 60px;
+			border-radius: 12px;
+		}
+
+		.title {
+			font-size: 14px;
+			font-weight: 700;
+			line-height: 14px;
+			color: ${({ theme }) => theme.textColor};
+		}
+
+		.description {
+			margin-top: 10px;
+			font-size: 12px;
+			font-weight: 500;
+			line-height: 14px;
+			color: ${({ theme }) => theme.textColor3};
+		}
+
+		.button {
+			margin-top: 18px;
+		}
+	}
+
+	.button {
+		display: inline-block;
+		padding: 11px 16px;
+		color: ${({ theme }) => theme.buttonColor};
+		background: ${({ theme }) => theme.buttonBg};
+		font-size: 14px;
+		font-weight: 700;
+		line-height: 14px;
+		text-align: center;
+		border-radius: 8px;
+		box-sizing: border-box;
+		cursor: pointer;
+		height: 36px;
+	}
+
+	.qrCodeBox {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: space-between;
+		flex: 1;
+
+		.downloadTip {
+			text-align: center;
+			font-size: 14px;
+			font-weight: 600;
+			line-height: 18px;
+		}
+
+		.qrCode {
+			margin-top: 24px;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			width: 270px;
+			height: 270px;
+			border-radius: 12px;
+			border: 1px solid ${({ theme }) => theme.borderColor};
+			font-size: 0;
+			overflow: hidden;
+		}
+
+		.button {
+			margin-top: auto;
+			margin-bottom: 24px;
+		}
+	}
+
+	@media (max-width: 768px) {
+		.cardBox {
+			margin: 0 24px 24px;
+
+			.card {
+				padding: 35px 24px;
+			}
+		}
+
+		.qrCodeBox {
+			.button {
+				margin-top: 16px;
+			}
+		}
+	}
+`;
+export default GetWalletContainer;
+//# sourceMappingURL=style.js.map

package/dist/src/components/GetWallet/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/GetWallet/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;UAI3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;;;;;;;;;;;;;sBAenB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;;;gBAGtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM;;;;;;;;;;;;YAY/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;;;;;;YAQ9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;;;;;;;;;WAWhC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;gBAC3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAiCtB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/src/components/Header/ModalHeader.d.ts

@@ -0,0 +1,8 @@
+interface ModalHeaderProps {
+    title?: string | null;
+    onBack?: () => void;
+    className?: string;
+    onClose: () => void;
+}
+export default function ModalHeader({ title, onBack, className, onClose }: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/Header/ModalHeader.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ModalHeaderBox from './style';
+import BackArrowSvg from '../SVGs/backArrowSvg';
+import CloseSvg from '../SVGs/closeSvg';
+export default function ModalHeader({ title = '', onBack, className, onClose }) {
+    return (_jsxs(ModalHeaderBox, { className: className, children: [onBack ? _jsx(BackArrowSvg, { className: "backBtn", onClick: onBack }) : _jsx("div", { className: "backBtn" }), title ? _jsx("div", { className: "title", children: title }) : _jsx("div", {}), _jsx("div", { className: "closeBtn", onClick: onClose, children: _jsx(CloseSvg, {}) })] }));
+}
+//# sourceMappingURL=ModalHeader.js.map

package/dist/src/components/Header/ModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../../src/components/Header/ModalHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,cAAc,MAAM,SAAS,CAAC;AACrC,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAChD,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AASxC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAoB;IAC/F,OAAO,CACN,MAAC,cAAc,IAAC,SAAS,EAAE,SAAS,aAClC,MAAM,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,SAAS,GAAO,EAChG,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,OAAO,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,eAAW,EAC3D,cAAK,SAAS,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,YACzC,KAAC,QAAQ,KAAG,GACP,IACU,CACjB,CAAC;AACH,CAAC"}

package/dist/src/components/Header/style.d.ts

@@ -0,0 +1,2 @@
+declare const ModalHeaderBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export default ModalHeaderBox;

package/dist/src/components/Header/style.js

@@ -0,0 +1,74 @@
+import { styled } from 'styled-components';
+const ModalHeaderBox = styled.div `
+	width: 100%;
+	height: 56px;
+	position: relative;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	flex-shrink: 0;
+
+	.backBtn {
+		cursor: pointer;
+		margin-left: 20px;
+
+		path {
+			fill: ${({ theme }) => theme.backArrowColor};
+		}
+	}
+
+	.title {
+		color: ${({ theme }) => theme.textColor};
+		font-size: 16px;
+		font-weight: 700;
+		line-height: 170%;
+		letter-spacing: 0.3px;
+	}
+
+	.closeBtn {
+		margin-right: 20px;
+		cursor: pointer;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 24px;
+		height: 24px;
+		border-radius: 12px;
+		transition: all 0.2s;
+		color: ${({ theme }) => theme.closeBtnColor};
+		transform-origin: 50% 50%;
+		background-color: ${({ theme }) => theme.closeBtnBg};
+		z-index: 1;
+
+		&:hover {
+			background-color: ${({ theme }) => theme.closeBtnHoverBg};
+			transform: rotate(180deg);
+			transition: all 0.2s;
+		}
+	}
+
+	&.asideTitle {
+		justify-content: flex-start;
+		height: auto;
+
+		.closeBtn {
+			display: none;
+		}
+	}
+
+	@media (max-width: 768px) {
+		&.mainTitle {
+			display: none;
+		}
+
+		&.asideTitle {
+			justify-content: space-between;
+			height: 56px;
+			.closeBtn {
+				display: flex;
+			}
+		}
+	}
+`;
+export default ModalHeaderBox;
+//# sourceMappingURL=style.js.map

package/dist/src/components/Header/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/Header/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;WActB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc;;;;;WAKnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;WAiB9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa;;sBAEvB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;;uBAI9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4B1D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/src/components/Icon/index.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+interface IconImageArg {
+    src: any;
+    width?: number | string;
+    height?: number | string;
+    borderRadius?: string;
+    isRadius?: boolean;
+    className?: string;
+}
+interface FoldIconImageArg {
+    src: Array<string>;
+    width?: number | string;
+    height?: number | string;
+    offset?: number;
+    proportion?: number;
+    className?: string;
+    isRadius?: boolean;
+}
+export declare const Icon: React.FC<IconImageArg>;
+export declare const Image: React.FC<IconImageArg>;
+export declare const FoldIconBox: React.FC<FoldIconImageArg>;
+export declare const FoldIconBoxBig: React.FC<FoldIconImageArg>;
+export default Icon;

package/dist/src/components/Icon/index.js

@@ -0,0 +1,48 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { styled } from 'styled-components';
+const IconImage = styled.img `
+	display: block;
+	transition: all 0.2s;
+`;
+const IconImageBox = styled.div `
+	cursor: pointer;
+	display: flex;
+	position: relative;
+`;
+const IconItem = styled.div `
+	cursor: pointer;
+	float: left;
+	display: flex;
+	justify-items: center;
+`;
+export const Icon = ({ src, width, height, className }) => {
+    return (_jsx(IconImage, { className: className, src: src, width: width ? width + 'px' : '24px', height: height ? height + 'px' : '24px' }));
+};
+export const Image = ({ src, width, height, isRadius = true, className, borderRadius }) => {
+    return (_jsx(IconImage, { className: className, src: src, width: width ? width : 'auto', height: height ? height : 'auto', style: { borderRadius: borderRadius ? borderRadius : isRadius ? '50%' : '0' } }));
+};
+export const FoldIconBox = ({ src, width, height, offset = 0, isRadius = true }) => {
+    return (_jsx(IconImageBox, { children: src.map((item, index) => {
+            return (_jsx(IconItem, { style: {
+                    zIndex: index + 1,
+                    marginLeft: index == 0 ? '0px' : offset + 'px',
+                    width: width ? width + 'px' : '24px',
+                    height: height ? height + 'px' : '24px'
+                }, children: _jsx(IconImage, { src: item, width: width ? width : 24, height: height ? height : 24, style: { borderRadius: isRadius ? '50%' : '0' } }) }, index));
+        }) }));
+};
+export const FoldIconBoxBig = ({ src, width, height, offset = 0, proportion = 1 }) => {
+    return (_jsx(IconImageBox, { children: src.map((item, index) => {
+            return (_jsx(IconItem, { style: {
+                    zIndex: index + 1,
+                    marginLeft: index == 0 ? '0px' : offset + 'px',
+                    marginTop: index == 0 ? '0px' : -(offset / 2) + 'px',
+                    width: width ? width + 'px' : '24px',
+                    height: height ? height + 'px' : '24px'
+                }, children: index === src.length - 1 ? (_jsx(IconImage, { src: item, width: width ? Number(width) * proportion : 24 * proportion, height: height ? Number(height) * proportion : 24 * proportion })) : (_jsx(IconImage, { src: item, width: width ? width : 24, height: height ? height : 24 })) }, index));
+        }) }));
+};
+export default Icon;
+//# sourceMappingURL=index.js.map

package/dist/src/components/Icon/index.js.map

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

package/dist/src/components/Introduce/index.d.ts

@@ -0,0 +1,6 @@
+interface IntroduceProps {
+    onGetWallet?: () => void;
+    onClose: () => void;
+}
+export declare function Introduce({ onGetWallet, onClose }: IntroduceProps): import("react/jsx-runtime").JSX.Element;
+export {};