@web3jskit/walletkit 0.0.1

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

@@ -0,0 +1,101 @@
+import { styled } from 'styled-components';
+const WalletListContainer = styled.div `
+	display: flex;
+	flex-direction: column;
+	font-family: Manrope;
+	color: ${({ theme }) => theme.textColor1};
+	height: 100%;
+
+	.walletList {
+		display: flex;
+		flex-direction: column;
+		padding: 10px 20px 0;
+		gap: 20px;
+		flex: 1;
+
+		.walletItem {
+			display: flex;
+			align-items: center;
+		}
+
+		img {
+			width: 28px;
+			height: 28px;
+			flex-shrink: 0;
+			margin-right: 10px;
+			border-radius: 6px;
+		}
+
+		.name {
+			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 {
+			display: inline-block;
+			margin-left: auto;
+			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;
+		}
+	}
+
+	.question {
+		margin-left: 42px;
+		margin-bottom: 10px;
+		font-size: 16px;
+		font-weight: 700;
+		line-height: 16px;
+		color: ${({ theme }) => theme.textColor4};
+	}
+
+	.answer {
+		margin-left: 42px;
+		margin-bottom: 47px;
+		font-size: 16px;
+		font-weight: 400;
+		line-height: 16px;
+		color: ${({ theme }) => theme.textColor4};
+	}
+
+	@media (max-width: 768px) {
+		.walletList {
+			padding: 10px 28px 0;
+			min-height: 237px;
+			max-height: 237px;
+			overflow: auto;
+
+			.button {
+				font-size: 12px;
+			}
+		}
+
+		.question {
+			margin: 10px 25px;
+		}
+
+		.answer {
+			margin: 0 25px 75px;
+		}
+	}
+`;
+export default WalletListContainer;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/WalletList/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;UAI5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2B7B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;;;;;;YAQ9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;;;;;YAO/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;iBAC3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ;;;;;;;;;;;;;;;;;;WAkBnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;;;;;;;WAS/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;CAuBzC,CAAC;AACF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ISlotsConnector } from '../../types/slotsType';
+export interface IWalletTriggerButton {
+    connector: any;
+}
+export interface IWalletSlotTriggerButton {
+    slotsConnector: ISlotsConnector;
+}
+export declare const WalletTriggerButton: React.FC<IWalletTriggerButton>;
+export declare const WalletSlotTriggerButton: React.FC<IWalletSlotTriggerButton>;

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import Text from '../Text';
+import { FlexBox } from '../../styled';
+import Icon from '../Icon';
+import useSlotsWalletStore from '../../stores/SlotsWalletStore';
+import WalletItem from './style';
+import { useWalletKit } from '../../hooks/useWalletKit';
+export const WalletTriggerButton = ({ connector }) => {
+    const { connectStatus } = useWalletKit();
+    const disabled = useMemo(() => {
+        return connectStatus === 'connected' || connectStatus === 'connecting';
+    }, [connectStatus]);
+    const handleConnect = async () => {
+        if (disabled)
+            return;
+        console.log('connector', connector);
+        await connector.connect();
+    };
+    return (_jsx(WalletItem, { onClick: handleConnect, className: disabled ? 'disabled' : '', children: _jsxs(FlexBox, { className: 'gap-10', children: [_jsx(Icon, { src: connector.icon || '' }), _jsx(Text, { text: connector.name })] }) }));
+};
+export const WalletSlotTriggerButton = ({ slotsConnector }) => {
+    const useAddConnector = useSlotsWalletStore((state) => state.addConnector);
+    useAddConnector(slotsConnector);
+    return (_jsx(WalletItem, { children: _jsxs(FlexBox, { className: 'gap-10', children: [_jsx(Icon, { src: slotsConnector.walletIcon }), _jsx(Text, { text: slotsConnector.walletName })] }) }));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/WalletTriggerButton/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,mBAAmB,MAAM,+BAA+B,CAAC;AAEhE,OAAO,UAAU,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AASxD,MAAM,CAAC,MAAM,mBAAmB,GAAmC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACpF,MAAM,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE,CAAC;IAEzC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,aAAa,KAAK,WAAW,IAAI,aAAa,KAAK,YAAY,CAAC;IACxE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAChC,IAAI,QAAQ;YAAE,OAAO;QACrB,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;QACpC,MAAM,SAAS,CAAC,OAAO,EAAE,CAAC;IAC3B,CAAC,CAAC;IACF,OAAO,CACN,KAAC,UAAU,IAAC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,YACxE,MAAC,OAAO,IAAC,SAAS,EAAE,QAAQ,aAC3B,KAAC,IAAI,IAAC,GAAG,EAAE,SAAS,CAAC,IAAI,IAAI,EAAE,GAAI,EACnC,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,CAAC,IAAI,GAAI,IACrB,GACE,CACb,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAuC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE;IACjG,MAAM,eAAe,GAAG,mBAAmB,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAChF,eAAe,CAAC,cAAc,CAAC,CAAC;IAChC,OAAO,CACN,KAAC,UAAU,cACV,MAAC,OAAO,IAAC,SAAS,EAAE,QAAQ,aAC3B,KAAC,IAAI,IAAC,GAAG,EAAE,cAAc,CAAC,UAAU,GAAI,EACxC,KAAC,IAAI,IAAC,IAAI,EAAE,cAAc,CAAC,UAAU,GAAI,IAChC,GACE,CACb,CAAC;AACH,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,50 @@
+import { styled } from 'styled-components';
+const WalletItem = styled.div `
+	display: flex;
+	padding: 12px;
+	border-radius: 12px;
+	cursor: pointer;
+	flex-shrink: 0;
+	box-sizing: border-box;
+	user-select: none;
+
+	img {
+		border-radius: 6px;
+	}
+
+	&:hover {
+		background: ${({ theme }) => theme.itemHoverBg};
+	}
+
+	&.disabled {
+		pointer-events: none;
+		background: none;
+	}
+
+	@media (max-width: 768px) {
+		width: 86px;
+		justify-content: center;
+
+		> div {
+			box-sizing: border-box;
+			flex-direction: column;
+			align-items: center;
+
+			img {
+				width: 36px;
+				height: 36px;
+			}
+
+			> div {
+				line-height: 14px;
+				text-align: center;
+
+				span {
+					font-size: 12px;
+				}
+			}
+		}
+	}
+`;
+export default WalletItem;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/WalletTriggerButton/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;gBAcb,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC/C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/hooks/useWalletKit.d.ts

@@ -0,0 +1,6 @@
+import { type WalletHelperState } from '@web3jskit/wallethelper';
+import { AppModal, type WalletKitState } from '../stores';
+type WalletKit = WalletHelperState & WalletKitState;
+export declare const useWalletKit: () => WalletKit;
+export declare const getWalletKit: () => WalletKit;
+export { AppModal };

package/dist/src/hooks/useWalletKit.js

@@ -0,0 +1,20 @@
+import { walletHelperStore } from '@web3jskit/wallethelper';
+import { walletKitStore, AppModal } from '../stores';
+export const useWalletKit = () => {
+    const walletHelperStates = walletHelperStore((states) => states);
+    const walletKitStates = walletKitStore((states) => states);
+    return {
+        ...walletHelperStates,
+        ...walletKitStates
+    };
+};
+export const getWalletKit = () => {
+    const walletHelperStates = walletHelperStore.getState();
+    const walletKitStates = walletKitStore.getState();
+    return {
+        ...walletHelperStates,
+        ...walletKitStates
+    };
+};
+export { AppModal };
+//# sourceMappingURL=useWalletKit.js.map

package/dist/src/hooks/useWalletKit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWalletKit.js","sourceRoot":"","sources":["../../../src/hooks/useWalletKit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA0B,MAAM,yBAAyB,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAuB,MAAM,WAAW,CAAC;AAK1E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAChC,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,CAAC,MAAW,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAEtE,MAAM,eAAe,GAAG,cAAc,CAAC,CAAC,MAAW,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAIhE,OAAO;QACN,GAAG,kBAAkB;QAGrB,GAAG,eAAe;KACL,CAAC;AAChB,CAAC,CAAC;AAGF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAChC,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,QAAQ,EAAE,CAAC;IAExD,MAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,EAAE,CAAC;IAIlD,OAAO;QACN,GAAG,kBAAkB;QAGrB,GAAG,eAAe;KACL,CAAC;AAChB,CAAC,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/src/index.d.ts

@@ -0,0 +1,8 @@
+export * from './components/WalletKitProvider';
+export * from './components/ConnectButton';
+export * from './types/configType';
+export * from './types/slotsType';
+export { createSlots } from './wallets/SlotsWallets/index';
+export { WalletSlotTriggerButton } from './components/WalletTriggerButton/index';
+export { useWalletKit, getWalletKit } from './hooks/useWalletKit';
+export { AppModal } from './stores';

package/dist/src/index.js

@@ -0,0 +1,9 @@
+export * from './components/WalletKitProvider';
+export * from './components/ConnectButton';
+export * from './types/configType';
+export * from './types/slotsType';
+export { createSlots } from './wallets/SlotsWallets/index';
+export { WalletSlotTriggerButton } from './components/WalletTriggerButton/index';
+export { useWalletKit, getWalletKit } from './hooks/useWalletKit';
+export { AppModal } from './stores';
+//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC"}

package/dist/src/locals/i18n.d.ts

@@ -0,0 +1,2 @@
+import i18n from 'i18next';
+export default i18n;

package/dist/src/locals/i18n.js

@@ -0,0 +1,17 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import { resources } from './resources';
+i18n.use(initReactI18next).init({
+    resources,
+    react: {
+        useSuspense: true
+    },
+    fallbackLng: 'en',
+    preload: ['zh-CN', 'en', 'zh', 'en-US'],
+    keySeparator: false,
+    interpolation: {
+        escapeValue: false
+    }
+});
+export default i18n;
+//# sourceMappingURL=i18n.js.map

package/dist/src/locals/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../../src/locals/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC;IAC/B,SAAS;IACT,KAAK,EAAE;QACN,WAAW,EAAE,IAAI;KACjB;IACD,WAAW,EAAE,IAAI;IACjB,OAAO,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC;IACvC,YAAY,EAAE,KAAK;IACnB,aAAa,EAAE;QACd,WAAW,EAAE,KAAK;KAClB;CACD,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC"}

package/dist/src/locals/languages/en.json

@@ -0,0 +1,27 @@
+{
+    "title": "wallet",
+    "connectWallet": "Connect Wallet",
+    "introduceQuestion": "What is a wallet?",
+    "introduceAnswer": "Your Digital Asset Home",
+    "introduceDetail": "Wallets are used to send, receive, store, and display digital assets such as Ethereum and NFTs.",
+    "getWallet": "Get Wallet",
+    "learnMore": "Learn More",
+    "getWalletTitle": "Get a wallet",
+    "getWalletTips": "Mobile Wallet and Expansion,",
+    "getWalletQuestion": "Isn't that what you're looking for?",
+    "getWalletAnswer": "Select a wallet on the left to start using different wallet providers.",
+    "forChrome": "for Chrome",
+    "chromeDescription": "Access your wallet directly from your favorite web browser.",
+    "addToChrome": "Add to Chrome",
+    "forMobile": "for Mobile",
+    "mobileDescription": "Explore the world of Ethereum with a mobile wallet.",
+    "getMobileApp": "Get the App",
+    "getAppTip": "Scan with your phone to download for iOS or Android",
+    "get": "Get",
+    "continue": "Continue",
+    "opening": "Opening",
+    "confirmConnection": "Confirm connection in extension",
+    "copyAddress": "Copy Address",
+    "copied": "Copied!",
+    "disConnect": "Disconnect"
+}

package/dist/src/locals/languages/zh.json

@@ -0,0 +1,27 @@
+{
+    "title": "钱包",
+    "connectWallet": "连接钱包",
+    "introduceQuestion": "什么是钱包？",
+    "introduceAnswer": "您的数字资产之家",
+    "introduceDetail": "钱包用于发送、接收、存储和展示数字资产，例如以太坊和 NFT。",
+    "getWallet": "获取钱包",
+    "learnMore": "了解更多",
+    "getWalletTitle": "获取钱包",
+    "getWalletTips": "移动钱包和扩展程序",
+    "getWalletQuestion": "不是你要找的吗？",
+    "getWalletAnswer": "在左侧选择一个钱包以开始使用不同的钱包提供商。",
+    "forChrome": "为 Chrome",
+    "chromeDescription": "从您最喜欢的网络浏览器直接访问您的钱包。",
+    "addToChrome": "添加到 Chrome",
+    "forMobile": "用于移动",
+    "mobileDescription": "使用移动钱包探索以太坊的世界。",
+    "getMobileApp": "获取应用",
+    "getAppTip": "用手机扫描下载 iOS 或 Android",
+    "get": "获取",
+    "continue": "继续",
+    "opening": "打开",
+    "confirmConnection": "在扩展程序中确认连接",
+    "copyAddress": "复制地址",
+    "copied": "已复制！",
+    "disConnect": "断开连接"
+}

package/dist/src/locals/resources.d.ts

@@ -0,0 +1,60 @@
+export declare const resources: {
+    en: {
+        translation: {
+            title: string;
+            connectWallet: string;
+            introduceQuestion: string;
+            introduceAnswer: string;
+            introduceDetail: string;
+            getWallet: string;
+            learnMore: string;
+            getWalletTitle: string;
+            getWalletTips: string;
+            getWalletQuestion: string;
+            getWalletAnswer: string;
+            forChrome: string;
+            chromeDescription: string;
+            addToChrome: string;
+            forMobile: string;
+            mobileDescription: string;
+            getMobileApp: string;
+            getAppTip: string;
+            get: string;
+            continue: string;
+            opening: string;
+            confirmConnection: string;
+            copyAddress: string;
+            copied: string;
+            disConnect: string;
+        };
+    };
+    zh: {
+        translation: {
+            title: string;
+            connectWallet: string;
+            introduceQuestion: string;
+            introduceAnswer: string;
+            introduceDetail: string;
+            getWallet: string;
+            learnMore: string;
+            getWalletTitle: string;
+            getWalletTips: string;
+            getWalletQuestion: string;
+            getWalletAnswer: string;
+            forChrome: string;
+            chromeDescription: string;
+            addToChrome: string;
+            forMobile: string;
+            mobileDescription: string;
+            getMobileApp: string;
+            getAppTip: string;
+            get: string;
+            continue: string;
+            opening: string;
+            confirmConnection: string;
+            copyAddress: string;
+            copied: string;
+            disConnect: string;
+        };
+    };
+};

package/dist/src/locals/resources.js

@@ -0,0 +1,11 @@
+import en from './languages/en.json';
+import zh from './languages/zh.json';
+export const resources = {
+    en: {
+        translation: en
+    },
+    zh: {
+        translation: zh
+    }
+};
+//# sourceMappingURL=resources.js.map

package/dist/src/locals/resources.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources.js","sourceRoot":"","sources":["../../../src/locals/resources.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACrC,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAErC,MAAM,CAAC,MAAM,SAAS,GAAG;IACxB,EAAE,EAAE;QACH,WAAW,EAAE,EAAE;KACf;IACD,EAAE,EAAE;QACH,WAAW,EAAE,EAAE;KACf;CACD,CAAC"}

package/dist/src/stores/SlotsWalletStore.d.ts

@@ -0,0 +1,18 @@
+import type { ISlotsConnector } from '../types/slotsType';
+export interface ISlotsWallets {
+    walletConnectors: {
+        [key: string]: ISlotsConnector;
+    };
+}
+declare const useSlotsWalletStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<ISlotsWallets>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<ISlotsWallets, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: ISlotsWallets) => void) => () => void;
+        onFinishHydration: (fn: (state: ISlotsWallets) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<ISlotsWallets, unknown>>;
+    };
+}>;
+export default useSlotsWalletStore;

package/dist/src/stores/SlotsWalletStore.js

@@ -0,0 +1,33 @@
+import { create } from 'zustand';
+import { persist, createJSONStorage } from 'zustand/middleware';
+const useSlotsWalletStore = create(persist((set, get) => ({
+    walletConnectors: {},
+    addConnector({ walletName, walletIcon, connector, uuid, connectorNamespace }) {
+        return set(state => {
+            return {
+                walletConnectors: {
+                    ...state.walletConnectors,
+                    [uuid]: { walletName, walletIcon, connector, uuid, connectorNamespace }
+                }
+            };
+        });
+    },
+    removeConnector(uuid) {
+        return set(state => {
+            if (get().walletConnectors[uuid]) {
+                return {
+                    walletConnectors: Object.fromEntries(Object.entries(state.walletConnectors).filter(([k]) => k !== uuid))
+                };
+            }
+            return { walletConnectors: { ...state.walletConnectors } };
+        });
+    },
+    clearConnectors() {
+        return set(() => ({ walletConnectors: {} }));
+    }
+}), {
+    name: 'WALLET_KIT_SLOTS',
+    storage: createJSONStorage(() => localStorage)
+}));
+export default useSlotsWalletStore;
+//# sourceMappingURL=SlotsWalletStore.js.map

package/dist/src/stores/SlotsWalletStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlotsWalletStore.js","sourceRoot":"","sources":["../../../src/stores/SlotsWalletStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAShE,MAAM,mBAAmB,GAAG,MAAM,CACjC,OAAO,CACN,CAAC,GAAG,EAAE,GAAwB,EAAE,EAAE,CAAC,CAAC;IACnC,gBAAgB,EAAE,EAAE;IACpB,YAAY,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,kBAAkB,EAAmB;QAC5F,OAAO,GAAG,CAAC,KAAK,CAAC,EAAE;YAClB,OAAO;gBACN,gBAAgB,EAAE;oBACjB,GAAG,KAAK,CAAC,gBAAgB;oBACzB,CAAC,IAAI,CAAC,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,kBAAkB,EAAE;iBACvE;aACD,CAAC;QACH,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,eAAe,CAAC,IAAY;QAC3B,OAAO,GAAG,CAAC,KAAK,CAAC,EAAE;YAClB,IAAI,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;gBAClC,OAAO;oBACN,gBAAgB,EAAE,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;iBACxG,CAAC;YACH,CAAC;YACD,OAAO,EAAE,gBAAgB,EAAE,EAAE,GAAG,KAAK,CAAC,gBAAgB,EAAE,EAAE,CAAC;QAC5D,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,eAAe;QACd,OAAO,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAC9C,CAAC;CACD,CAAC,EACF;IACC,IAAI,EAAE,kBAAkB;IACxB,OAAO,EAAE,iBAAiB,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC;CAC9C,CACD,CACD,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/src/stores/index.d.ts

@@ -0,0 +1,34 @@
+import type { Locals, Theme } from '../types/configType';
+export declare enum AppModal {
+    ConnectModal = 0,
+    InfoModal = 1
+}
+type Avatar = {
+    text: string;
+    bg: string;
+};
+export interface WalletKitState {
+    chains: Array<any>;
+    setChains: (chains: Array<any>) => void;
+    language: Locals | null;
+    setLanguage: (language: Locals) => void;
+    theme: Theme | null;
+    toggleTheme: (theme: Theme) => void;
+    modalType: AppModal | null;
+    openModal: (modal: AppModal) => void;
+    closeModal: () => void;
+    avatar: Avatar | null;
+    setAvatar: (avatar: Avatar) => void;
+}
+export declare const walletKitStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<WalletKitState>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<WalletKitState, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: WalletKitState) => void) => () => void;
+        onFinishHydration: (fn: (state: WalletKitState) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<WalletKitState, unknown>>;
+    };
+}>;
+export {};

package/dist/src/stores/index.js

@@ -0,0 +1,41 @@
+import { create } from 'zustand';
+import { persist, createJSONStorage } from 'zustand/middleware';
+export var AppModal;
+(function (AppModal) {
+    AppModal[AppModal["ConnectModal"] = 0] = "ConnectModal";
+    AppModal[AppModal["InfoModal"] = 1] = "InfoModal";
+})(AppModal || (AppModal = {}));
+export const walletKitStore = create()(persist(set => ({
+    chains: [],
+    setChains(chains) {
+        return set(() => ({ chains }));
+    },
+    language: null,
+    setLanguage(language) {
+        return set(() => ({ language }));
+    },
+    theme: null,
+    toggleTheme(theme) {
+        return set(() => ({ theme: theme === 'darkMode' ? 'lightMode' : 'darkMode' }));
+    },
+    modalType: null,
+    openModal(modal) {
+        return set(() => ({ modalType: modal }));
+    },
+    closeModal() {
+        return set(() => ({ modalType: null }));
+    },
+    avatar: null,
+    setAvatar(avatar) {
+        return set(() => ({ avatar }));
+    }
+}), {
+    name: 'WALLET_KIT_STORE',
+    storage: createJSONStorage(() => localStorage),
+    onRehydrateStorage: () => state => {
+        if (state) {
+            state.closeModal();
+        }
+    }
+}));
+//# sourceMappingURL=index.js.map

package/dist/src/stores/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/stores/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAGhE,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IACnB,uDAAY,CAAA;IACZ,iDAAS,CAAA;AACV,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB;AAyBD,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,EAAkB,CACrD,OAAO,CACN,GAAG,CAAC,EAAE,CAAC,CAAC;IACP,MAAM,EAAE,EAAE;IACV,SAAS,CAAC,MAAkB;QAC3B,OAAO,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IAChC,CAAC;IAED,QAAQ,EAAE,IAAI;IACd,WAAW,CAAC,QAAgB;QAC3B,OAAO,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;IAClC,CAAC;IAED,KAAK,EAAE,IAAI;IACX,WAAW,CAAC,KAAY;QACvB,OAAO,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAChF,CAAC;IAED,SAAS,EAAE,IAAI;IACf,SAAS,CAAC,KAAe;QACxB,OAAO,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAC1C,CAAC;IACD,UAAU;QACT,OAAO,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACzC,CAAC;IAED,MAAM,EAAE,IAAI;IACZ,SAAS,CAAC,MAAc;QACvB,OAAO,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IAChC,CAAC;CACD,CAAC,EACF;IACC,IAAI,EAAE,kBAAkB;IACxB,OAAO,EAAE,iBAAiB,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC;IAC9C,kBAAkB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE;QACjC,IAAI,KAAK,EAAE,CAAC;YACX,KAAK,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;IACF,CAAC;CACD,CACD,CACD,CAAC"}

package/dist/src/styled/index.d.ts

@@ -0,0 +1,17 @@
+export declare const FlexBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FlexCenter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FlexAICenter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FlexJCCenter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FlexJCSpaceBetween: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FlexJCEnd: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FlexJCStart: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FlexWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FlexCol: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FlexColAIEnd: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FlexColJCEnd: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FlexCenterCol: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FlexJCCenterCol: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FlexJCSBCol: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FlexJCSBCenter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FlexAICenterCol: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SlotWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;