@matchain/matchid-sdk-react 0.1.53-alpha.9 → 0.1.55-alpha.0

package/dist/index-G15A08DI.d.mts

@@ -0,0 +1,132 @@
+import * as _tanstack_react_query from '@tanstack/react-query';
+import { UseQueryOptions } from '@tanstack/react-query/src/types';
+import { Q as PohZkpassParams, m as UserTransactionType, Z as UserTransactionNextPageParams, $ as WalletAssetType, J as MetaPageType, s as BindItemType, r as BindInfoType, N as PohItemType, U as UserChainType, o as UserAssetToken, n as UserImportTokenType, a0 as WalletChainType, a1 as WalletNFTType } from './types-CXzZS0eM.mjs';
+import { M as MyResponseType, i as isSuccess } from './request-B0CyrGFT.mjs';
+
+declare const bindCexApi: (data: {
+    cex: string;
+    api_key: string;
+    api_secret: string;
+    api_passphrase?: string;
+}) => Promise<MyResponseType<any>>;
+declare const unBindApi: ({ type }: {
+    type: string;
+}) => Promise<MyResponseType<any>>;
+declare const unBindWalletApi: ({ address }: {
+    address: string;
+}) => Promise<MyResponseType<any>>;
+declare const verifyPohApi: ({ taskId, schemaId, publicFields, allocatorAddress, publicFieldsHash, allocatorSignature, uHash, validatorAddress, validatorSignature }: PohZkpassParams) => Promise<MyResponseType<any>>;
+declare const chooseIdentityApi: ({ identity }: {
+    identity: string;
+}) => Promise<MyResponseType<any>>;
+declare const mintPassportNftApi: () => Promise<MyResponseType<any>>;
+declare const userImportTokenApi: (data: {
+    chain_id: string;
+    symbol: string;
+    address: string;
+    decimals: string;
+}) => Promise<MyResponseType<any>>;
+declare const getUserWalletTransactionsApi: (data: {
+    address?: string;
+    chain_id: string;
+    page?: string;
+    block_number?: number;
+    index?: number;
+    items_count?: number;
+}) => Promise<MyResponseType<{
+    transactions: UserTransactionType[];
+    next_page_params: UserTransactionNextPageParams;
+}>>;
+declare const getWalletAssetListApi: (data: {
+    chain_id: string;
+    address: string;
+}) => Promise<MyResponseType<{
+    asset_list: WalletAssetType[];
+    asset_total_balance: string;
+}>>;
+declare const getWalletListApi: (data: {
+    page: number;
+    page_size: number;
+}) => Promise<MyResponseType<MetaPageType<{
+    wallet_list: {
+        address: string;
+        chain_network: string;
+    }[];
+    mpc_address: string;
+}>>>;
+
+declare function useBindList(options?: Partial<Omit<UseQueryOptions<BindItemType[]>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<BindItemType[], Error>;
+declare function useBindInfo(options?: Partial<Omit<UseQueryOptions<BindInfoType>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<BindInfoType, Error>;
+
+declare const bind_bindCexApi: typeof bindCexApi;
+declare const bind_unBindApi: typeof unBindApi;
+declare const bind_unBindWalletApi: typeof unBindWalletApi;
+declare const bind_useBindInfo: typeof useBindInfo;
+declare const bind_useBindList: typeof useBindList;
+declare namespace bind {
+  export { bind_bindCexApi as bindCexApi, bind_unBindApi as unBindApi, bind_unBindWalletApi as unBindWalletApi, bind_useBindInfo as useBindInfo, bind_useBindList as useBindList };
+}
+
+declare function usePohList(options?: Partial<Omit<UseQueryOptions<PohItemType[]>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<PohItemType[], Error>;
+
+declare const poh_usePohList: typeof usePohList;
+declare const poh_verifyPohApi: typeof verifyPohApi;
+declare namespace poh {
+  export { poh_usePohList as usePohList, poh_verifyPohApi as verifyPohApi };
+}
+
+declare const user_chooseIdentityApi: typeof chooseIdentityApi;
+declare const user_mintPassportNftApi: typeof mintPassportNftApi;
+declare namespace user {
+  export { user_chooseIdentityApi as chooseIdentityApi, user_mintPassportNftApi as mintPassportNftApi };
+}
+
+declare function useChainListQuery(options?: Partial<Omit<UseQueryOptions<UserChainType[]>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<UserChainType[], Error>;
+declare function useAssetListQuery({ chainId, ...options }: {
+    chainId: number;
+} & Partial<Omit<UseQueryOptions<UserAssetToken[]>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<UserAssetToken[], Error>;
+declare const USER_IMPORT_TOKEN_LIST_KEY = "match-user-import-token-list";
+declare function useImportTokenListQuery({ chainId, ...options }: {
+    chainId: number;
+} & Partial<Omit<UseQueryOptions<UserImportTokenType[]>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<UserImportTokenType[], Error>;
+declare function useWalletChainListQuery(options?: Partial<Omit<UseQueryOptions<WalletChainType[]>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<WalletChainType[], Error>;
+declare function useWalletNftListQuery({ chainId, address, ...options }: {
+    chainId: string;
+    address: string;
+} & Partial<Omit<UseQueryOptions<WalletNFTType[]>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<WalletNFTType[], Error>;
+declare function useWalletAssetListQuery({ chainId, address, ...options }: {
+    chainId: string;
+    address: string;
+} & Partial<Omit<UseQueryOptions<{
+    asset_list: WalletAssetType[];
+    asset_total_balance: string;
+} | null>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<{
+    asset_list: WalletAssetType[];
+    asset_total_balance: string;
+} | null, Error>;
+
+declare const wallet_USER_IMPORT_TOKEN_LIST_KEY: typeof USER_IMPORT_TOKEN_LIST_KEY;
+declare const wallet_getUserWalletTransactionsApi: typeof getUserWalletTransactionsApi;
+declare const wallet_getWalletAssetListApi: typeof getWalletAssetListApi;
+declare const wallet_getWalletListApi: typeof getWalletListApi;
+declare const wallet_useAssetListQuery: typeof useAssetListQuery;
+declare const wallet_useChainListQuery: typeof useChainListQuery;
+declare const wallet_useImportTokenListQuery: typeof useImportTokenListQuery;
+declare const wallet_useWalletAssetListQuery: typeof useWalletAssetListQuery;
+declare const wallet_useWalletChainListQuery: typeof useWalletChainListQuery;
+declare const wallet_useWalletNftListQuery: typeof useWalletNftListQuery;
+declare const wallet_userImportTokenApi: typeof userImportTokenApi;
+declare namespace wallet {
+  export { wallet_USER_IMPORT_TOKEN_LIST_KEY as USER_IMPORT_TOKEN_LIST_KEY, wallet_getUserWalletTransactionsApi as getUserWalletTransactionsApi, wallet_getWalletAssetListApi as getWalletAssetListApi, wallet_getWalletListApi as getWalletListApi, wallet_useAssetListQuery as useAssetListQuery, wallet_useChainListQuery as useChainListQuery, wallet_useImportTokenListQuery as useImportTokenListQuery, wallet_useWalletAssetListQuery as useWalletAssetListQuery, wallet_useWalletChainListQuery as useWalletChainListQuery, wallet_useWalletNftListQuery as useWalletNftListQuery, wallet_userImportTokenApi as userImportTokenApi };
+}
+
+declare const index_bind: typeof bind;
+declare const index_isSuccess: typeof isSuccess;
+declare const index_poh: typeof poh;
+declare const index_user: typeof user;
+declare const index_wallet: typeof wallet;
+declare namespace index {
+  export { index_bind as bind, index_isSuccess as isSuccess, index_poh as poh, index_user as user, index_wallet as wallet };
+}
+
+export { bind as b, index as i, poh as p, user as u, wallet as w };

package/dist/index-MsSYZS38.d.mts

@@ -0,0 +1,79 @@
+import { B as Button, C as ConfirmModal, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-CBQXIlWu.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { v as DrawerProps, a2 as WalletPanelProps, X as UIProps } from './types-CXzZS0eM.mjs';
+import { Hash, Chain } from 'viem';
+import React, { CSSProperties } from 'react';
+
+declare function Drawer({ children, showClose, onClose, isOpen, title, zIndex, onBack }: DrawerProps): react_jsx_runtime.JSX.Element;
+
+type HashPanelProps = {
+    hash?: Hash | null;
+    chain?: Chain | null;
+    isOpen: boolean;
+    onClose: () => void;
+    zIndex?: number;
+};
+declare function export_default(props: HashPanelProps): false | react_jsx_runtime.JSX.Element;
+
+declare function ModalDrawer({ title, drawerTitleVisible, ...props }: WalletPanelProps): react_jsx_runtime.JSX.Element;
+
+declare function Switch({ size, checked, loading, onChange, className, disabled, ...props }: {
+    size?: "default" | "sm";
+    checked?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    onChange?: (checked: boolean) => void;
+} & UIProps): react_jsx_runtime.JSX.Element;
+
+declare function AlphaAvatar({ name, size, className, style }: {
+    name: string;
+    size?: number | "sm" | "default" | "lg";
+} & UIProps): react_jsx_runtime.JSX.Element;
+
+declare function Radio({ checked, onChange, size, color, className, style }: {
+    checked?: boolean;
+    onChange?: () => void;
+    size?: number;
+    color?: string;
+    className?: string;
+    style?: CSSProperties;
+}): react_jsx_runtime.JSX.Element;
+
+interface SkeletonProps {
+    style?: React.CSSProperties;
+    className?: string;
+    width?: string | number;
+    height?: string | number;
+    radius?: string | number;
+    loading?: boolean;
+    children?: React.ReactNode;
+}
+declare const Skeleton: React.FC<SkeletonProps>;
+
+type TabsProps = {
+    tabs: string[];
+    activeTab: number;
+    setActiveTab: (tab: number) => void;
+};
+declare function Tabs(props: TabsProps): react_jsx_runtime.JSX.Element;
+
+declare const index_AlphaAvatar: typeof AlphaAvatar;
+declare const index_Button: typeof Button;
+declare const index_ConfirmModal: typeof ConfirmModal;
+declare const index_Drawer: typeof Drawer;
+declare const index_Field: typeof Field;
+declare const index_Input: typeof Input;
+declare const index_Modal: typeof Modal;
+declare const index_ModalDrawer: typeof ModalDrawer;
+declare const index_ModalWithHeader: typeof ModalWithHeader;
+declare const index_Overlay: typeof Overlay;
+declare const index_Popover: typeof Popover;
+declare const index_Radio: typeof Radio;
+declare const index_Skeleton: typeof Skeleton;
+declare const index_Switch: typeof Switch;
+declare const index_Tabs: typeof Tabs;
+declare namespace index {
+  export { index_AlphaAvatar as AlphaAvatar, index_Button as Button, index_ConfirmModal as ConfirmModal, index_Drawer as Drawer, index_Field as Field, export_default as HashPanel, index_Input as Input, index_Modal as Modal, index_ModalDrawer as ModalDrawer, index_ModalWithHeader as ModalWithHeader, index_Overlay as Overlay, index_Popover as Popover, index_Radio as Radio, index_Skeleton as Skeleton, index_Switch as Switch, index_Tabs as Tabs };
+}
+
+export { AlphaAvatar as A, Drawer as D, ModalDrawer as M, Radio as R, Switch as S, Tabs as T, Skeleton as a, export_default as e, index as i };

package/dist/index-Y5WRoqzn.d.ts

@@ -0,0 +1,132 @@
+import * as _tanstack_react_query from '@tanstack/react-query';
+import { UseQueryOptions } from '@tanstack/react-query/src/types';
+import { Q as PohZkpassParams, m as UserTransactionType, Z as UserTransactionNextPageParams, $ as WalletAssetType, J as MetaPageType, s as BindItemType, r as BindInfoType, N as PohItemType, U as UserChainType, o as UserAssetToken, n as UserImportTokenType, a0 as WalletChainType, a1 as WalletNFTType } from './types-CXzZS0eM.js';
+import { M as MyResponseType, i as isSuccess } from './request-B0CyrGFT.js';
+
+declare const bindCexApi: (data: {
+    cex: string;
+    api_key: string;
+    api_secret: string;
+    api_passphrase?: string;
+}) => Promise<MyResponseType<any>>;
+declare const unBindApi: ({ type }: {
+    type: string;
+}) => Promise<MyResponseType<any>>;
+declare const unBindWalletApi: ({ address }: {
+    address: string;
+}) => Promise<MyResponseType<any>>;
+declare const verifyPohApi: ({ taskId, schemaId, publicFields, allocatorAddress, publicFieldsHash, allocatorSignature, uHash, validatorAddress, validatorSignature }: PohZkpassParams) => Promise<MyResponseType<any>>;
+declare const chooseIdentityApi: ({ identity }: {
+    identity: string;
+}) => Promise<MyResponseType<any>>;
+declare const mintPassportNftApi: () => Promise<MyResponseType<any>>;
+declare const userImportTokenApi: (data: {
+    chain_id: string;
+    symbol: string;
+    address: string;
+    decimals: string;
+}) => Promise<MyResponseType<any>>;
+declare const getUserWalletTransactionsApi: (data: {
+    address?: string;
+    chain_id: string;
+    page?: string;
+    block_number?: number;
+    index?: number;
+    items_count?: number;
+}) => Promise<MyResponseType<{
+    transactions: UserTransactionType[];
+    next_page_params: UserTransactionNextPageParams;
+}>>;
+declare const getWalletAssetListApi: (data: {
+    chain_id: string;
+    address: string;
+}) => Promise<MyResponseType<{
+    asset_list: WalletAssetType[];
+    asset_total_balance: string;
+}>>;
+declare const getWalletListApi: (data: {
+    page: number;
+    page_size: number;
+}) => Promise<MyResponseType<MetaPageType<{
+    wallet_list: {
+        address: string;
+        chain_network: string;
+    }[];
+    mpc_address: string;
+}>>>;
+
+declare function useBindList(options?: Partial<Omit<UseQueryOptions<BindItemType[]>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<BindItemType[], Error>;
+declare function useBindInfo(options?: Partial<Omit<UseQueryOptions<BindInfoType>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<BindInfoType, Error>;
+
+declare const bind_bindCexApi: typeof bindCexApi;
+declare const bind_unBindApi: typeof unBindApi;
+declare const bind_unBindWalletApi: typeof unBindWalletApi;
+declare const bind_useBindInfo: typeof useBindInfo;
+declare const bind_useBindList: typeof useBindList;
+declare namespace bind {
+  export { bind_bindCexApi as bindCexApi, bind_unBindApi as unBindApi, bind_unBindWalletApi as unBindWalletApi, bind_useBindInfo as useBindInfo, bind_useBindList as useBindList };
+}
+
+declare function usePohList(options?: Partial<Omit<UseQueryOptions<PohItemType[]>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<PohItemType[], Error>;
+
+declare const poh_usePohList: typeof usePohList;
+declare const poh_verifyPohApi: typeof verifyPohApi;
+declare namespace poh {
+  export { poh_usePohList as usePohList, poh_verifyPohApi as verifyPohApi };
+}
+
+declare const user_chooseIdentityApi: typeof chooseIdentityApi;
+declare const user_mintPassportNftApi: typeof mintPassportNftApi;
+declare namespace user {
+  export { user_chooseIdentityApi as chooseIdentityApi, user_mintPassportNftApi as mintPassportNftApi };
+}
+
+declare function useChainListQuery(options?: Partial<Omit<UseQueryOptions<UserChainType[]>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<UserChainType[], Error>;
+declare function useAssetListQuery({ chainId, ...options }: {
+    chainId: number;
+} & Partial<Omit<UseQueryOptions<UserAssetToken[]>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<UserAssetToken[], Error>;
+declare const USER_IMPORT_TOKEN_LIST_KEY = "match-user-import-token-list";
+declare function useImportTokenListQuery({ chainId, ...options }: {
+    chainId: number;
+} & Partial<Omit<UseQueryOptions<UserImportTokenType[]>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<UserImportTokenType[], Error>;
+declare function useWalletChainListQuery(options?: Partial<Omit<UseQueryOptions<WalletChainType[]>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<WalletChainType[], Error>;
+declare function useWalletNftListQuery({ chainId, address, ...options }: {
+    chainId: string;
+    address: string;
+} & Partial<Omit<UseQueryOptions<WalletNFTType[]>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<WalletNFTType[], Error>;
+declare function useWalletAssetListQuery({ chainId, address, ...options }: {
+    chainId: string;
+    address: string;
+} & Partial<Omit<UseQueryOptions<{
+    asset_list: WalletAssetType[];
+    asset_total_balance: string;
+} | null>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<{
+    asset_list: WalletAssetType[];
+    asset_total_balance: string;
+} | null, Error>;
+
+declare const wallet_USER_IMPORT_TOKEN_LIST_KEY: typeof USER_IMPORT_TOKEN_LIST_KEY;
+declare const wallet_getUserWalletTransactionsApi: typeof getUserWalletTransactionsApi;
+declare const wallet_getWalletAssetListApi: typeof getWalletAssetListApi;
+declare const wallet_getWalletListApi: typeof getWalletListApi;
+declare const wallet_useAssetListQuery: typeof useAssetListQuery;
+declare const wallet_useChainListQuery: typeof useChainListQuery;
+declare const wallet_useImportTokenListQuery: typeof useImportTokenListQuery;
+declare const wallet_useWalletAssetListQuery: typeof useWalletAssetListQuery;
+declare const wallet_useWalletChainListQuery: typeof useWalletChainListQuery;
+declare const wallet_useWalletNftListQuery: typeof useWalletNftListQuery;
+declare const wallet_userImportTokenApi: typeof userImportTokenApi;
+declare namespace wallet {
+  export { wallet_USER_IMPORT_TOKEN_LIST_KEY as USER_IMPORT_TOKEN_LIST_KEY, wallet_getUserWalletTransactionsApi as getUserWalletTransactionsApi, wallet_getWalletAssetListApi as getWalletAssetListApi, wallet_getWalletListApi as getWalletListApi, wallet_useAssetListQuery as useAssetListQuery, wallet_useChainListQuery as useChainListQuery, wallet_useImportTokenListQuery as useImportTokenListQuery, wallet_useWalletAssetListQuery as useWalletAssetListQuery, wallet_useWalletChainListQuery as useWalletChainListQuery, wallet_useWalletNftListQuery as useWalletNftListQuery, wallet_userImportTokenApi as userImportTokenApi };
+}
+
+declare const index_bind: typeof bind;
+declare const index_isSuccess: typeof isSuccess;
+declare const index_poh: typeof poh;
+declare const index_user: typeof user;
+declare const index_wallet: typeof wallet;
+declare namespace index {
+  export { index_bind as bind, index_isSuccess as isSuccess, index_poh as poh, index_user as user, index_wallet as wallet };
+}
+
+export { bind as b, index as i, poh as p, user as u, wallet as w };

package/dist/index-a_Qt7NXk.d.mts

@@ -0,0 +1,111 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { E as EmailModalProps, b as LoginBoxProps, B as ButtonProps, O as OtherLoginMethodType, R as RecommendLoginMethodType, c as WalletType, P as PopoverPositionType, d as PopoverTypeType, e as LoginPanelProps, f as LoginModalProps, M as ModalWithHeaderProps, g as WalletAssetMergeType, u as useMatchWalletAssetsProps } from './types-CXzZS0eM.mjs';
+import { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-CBQXIlWu.mjs';
+import { ReactNode } from 'react';
+
+declare function EmailModal({ isOpen, width, onClose, onBack, onLogin }: EmailModalProps): react_jsx_runtime.JSX.Element;
+
+declare function LoginBox({ recommendMethods, methods, walletMethods, inModal }: LoginBoxProps): react_jsx_runtime.JSX.Element;
+
+declare function LoginButton({ loginRender, methods, recommendMethods, onLoginClick, popoverPosition, popoverType, popoverGap, walletMethods, ...props }: Omit<ButtonProps, 'onClick' | 'highlight'> & {
+    loginRender?: ReactNode;
+    methods?: OtherLoginMethodType[];
+    recommendMethods?: RecommendLoginMethodType[];
+    walletMethods?: WalletType[];
+    onLoginClick?: () => void;
+    popoverPosition?: PopoverPositionType;
+    popoverType?: PopoverTypeType;
+    popoverGap?: number | string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function LoginPanel({ header, onClose, ...props }: LoginPanelProps): react_jsx_runtime.JSX.Element;
+
+declare function LoginModal({ isOpen, width, ...props }: LoginModalProps): react_jsx_runtime.JSX.Element;
+
+declare function UsernameModal({ title, isOpen, onSuccess, ...props }: ModalWithHeaderProps & {
+    onSuccess?: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+type EVMModalProps = ModalWithHeaderProps & {
+    type?: 'login' | 'bind' | '';
+    onSuccess?: () => void;
+};
+declare function EVMModal(props: EVMModalProps): false | react_jsx_runtime.JSX.Element;
+
+type TRONConnectModalProps = ModalWithHeaderProps & {
+    type?: 'login' | 'bind' | '';
+    onSuccess?: () => void;
+};
+declare function TRONModal(props: TRONConnectModalProps): false | react_jsx_runtime.JSX.Element;
+
+type TonModalProps = ModalWithHeaderProps & {
+    type?: 'login' | 'bind' | '';
+    onSuccess?: () => void;
+};
+declare function TONModal(props: TonModalProps): false | react_jsx_runtime.JSX.Element;
+
+type BTCConnectModalProps = ModalWithHeaderProps & {
+    type?: 'login' | 'bind' | '';
+    onSuccess?: () => void;
+};
+declare function BTCModal(props: BTCConnectModalProps): false | react_jsx_runtime.JSX.Element;
+
+type WalletModalProps = ModalWithHeaderProps & {
+    type?: 'login' | 'bind' | '';
+    methods?: WalletType[];
+};
+declare function WalletModal(props: WalletModalProps): false | react_jsx_runtime.JSX.Element;
+
+declare function WalletAsset({ onAssetClick, matchWalletAssetsOptions }: {
+    onAssetClick?: (asset: WalletAssetMergeType) => () => void;
+    matchWalletAssetsOptions?: useMatchWalletAssetsProps;
+}): react_jsx_runtime.JSX.Element;
+
+declare function TokenDetail({ onClose, token }: {
+    onClose: () => void;
+    token: WalletAssetMergeType;
+}): react_jsx_runtime.JSX.Element;
+
+declare function TokenSend({ onClose, zIndex, token, onBack }: {
+    onBack: () => void;
+    onClose: () => void;
+    zIndex: number;
+    token: WalletAssetMergeType;
+}): react_jsx_runtime.JSX.Element;
+
+declare function TokenSendList({ close }: {
+    close: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+declare function TransactionList({ scrollableTarget }: {
+    scrollableTarget?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare const index_BTCModal: typeof BTCModal;
+declare const index_Button: typeof Button;
+declare const index_EVMModal: typeof EVMModal;
+declare const index_EmailModal: typeof EmailModal;
+declare const index_Field: typeof Field;
+declare const index_Input: typeof Input;
+declare const index_LoginBox: typeof LoginBox;
+declare const index_LoginButton: typeof LoginButton;
+declare const index_LoginModal: typeof LoginModal;
+declare const index_LoginPanel: typeof LoginPanel;
+declare const index_Modal: typeof Modal;
+declare const index_ModalWithHeader: typeof ModalWithHeader;
+declare const index_Overlay: typeof Overlay;
+declare const index_Popover: typeof Popover;
+declare const index_TONModal: typeof TONModal;
+declare const index_TRONModal: typeof TRONModal;
+declare const index_TokenDetail: typeof TokenDetail;
+declare const index_TokenSend: typeof TokenSend;
+declare const index_TokenSendList: typeof TokenSendList;
+declare const index_TransactionList: typeof TransactionList;
+declare const index_UsernameModal: typeof UsernameModal;
+declare const index_WalletAsset: typeof WalletAsset;
+declare const index_WalletModal: typeof WalletModal;
+declare namespace index {
+  export { index_BTCModal as BTCModal, index_Button as Button, index_EVMModal as EVMModal, index_EmailModal as EmailModal, index_Field as Field, index_Input as Input, index_LoginBox as LoginBox, index_LoginButton as LoginButton, index_LoginModal as LoginModal, index_LoginPanel as LoginPanel, index_Modal as Modal, index_ModalWithHeader as ModalWithHeader, index_Overlay as Overlay, index_Popover as Popover, index_TONModal as TONModal, index_TRONModal as TRONModal, index_TokenDetail as TokenDetail, index_TokenSend as TokenSend, index_TokenSendList as TokenSendList, index_TransactionList as TransactionList, index_UsernameModal as UsernameModal, index_WalletAsset as WalletAsset, index_WalletModal as WalletModal };
+}
+
+export { BTCModal as B, EmailModal as E, LoginBox as L, TRONModal as T, UsernameModal as U, WalletModal as W, LoginButton as a, LoginPanel as b, LoginModal as c, EVMModal as d, TONModal as e, WalletAsset as f, TokenDetail as g, TokenSend as h, index as i, TokenSendList as j, TransactionList as k };

package/dist/index-agAVLGF5.d.ts

@@ -0,0 +1,38 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React, { ReactNode, PropsWithChildren } from 'react';
+import { F as InputProps, B as ButtonProps, K as ModalProps, M as ModalWithHeaderProps, S as PopoverProps } from './types-CXzZS0eM.js';
+
+declare function Field({ label, children, error, required, className }: {
+    label: ReactNode;
+    error?: ReactNode;
+    required?: boolean;
+    className?: string;
+} & PropsWithChildren): react_jsx_runtime.JSX.Element;
+
+declare function Input({ onChange, type, after, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+
+declare function Button({ size, disabled, loading, children, onClick, highlight, block, type, rounded, className, style, dataset }: ButtonProps & {
+    dataset?: {
+        [key: string]: string;
+    };
+}): react_jsx_runtime.JSX.Element;
+
+declare function Modal({ children, isOpen, width, zIndex, className }: ModalProps): react_jsx_runtime.JSX.Element;
+declare function ModalWithHeader({ children, onBack, onClose, title, showBorder, showClose, ...props }: ModalWithHeaderProps): react_jsx_runtime.JSX.Element;
+declare function ConfirmModal({ title, children, onClose, onConfirm, isOpen, confirmText, zIndex }: {
+    title?: string;
+    onClose: () => void;
+    onConfirm: () => Promise<void>;
+    isOpen: boolean;
+    confirmText?: React.ReactNode;
+    zIndex?: number;
+} & PropsWithChildren): react_jsx_runtime.JSX.Element;
+
+declare function Popover({ children, content, position, type, className, gap }: PopoverProps): false | "" | 0 | react_jsx_runtime.JSX.Element | null | undefined;
+
+declare function Overlay({ isOpen, children, zIndex, }: {
+    isOpen?: boolean;
+    zIndex?: number;
+} & PropsWithChildren): react_jsx_runtime.JSX.Element;
+
+export { Button as B, ConfirmModal as C, Field as F, Input as I, Modal as M, Overlay as O, Popover as P, ModalWithHeader as a };

package/dist/index.css

@@ -141,7 +141,7 @@ body {
     --matchid-wallet-transaction-bg: var(--matchid-white);
     --matchid-wallet-transaction-color: var(--matchid-black);
     /**tab**/
-    --matchid-tab-color:var(--matchid-secondary-grey);
+    --matchid-tab-color: var(--matchid-secondary-grey);
     --matchid-tab-active-color: var(--matchid-highlight-orange);
 
 
@@ -509,6 +509,7 @@ body {
         font-weight: 500;
         background: none;
         min-width: 0;
+        border:0;
         @media screen and (max-width: 768px) {
             font-size: 16px;
             font-weight: 500;
@@ -1403,7 +1404,7 @@ body {
                 right: 0px;
                 bottom: 1px;
                 @media screen and (max-width: 768px) {
-                    wdth: 10px;
+                    width: 10px;
                     height: 10px;
                 }
             }
@@ -2026,86 +2027,72 @@ body {
     }
 }
 
-.matchid-contact-item{
-    justify-content: space-between;
-    align-items: center;
-    padding:8px 16px;
-    .matchid-contact-item-content{
-        height:48px;
-        display: flex;
-        gap:16px;
-        align-items: center;
-        .matchid-contact-item-avatar{
-            width:48px;
-            height:48px;
-            border-radius: 50%;
-        }
-        .matchid-contact-item-info{
-            display: flex;
-            flex-direction: column;
-            justify-content: space-between;
-            height:100%;
-            .matchid-contact-item-name{
-                font-size: 18px;
-                font-weight: 500;
-                color: var(--matchid-black);
-            }
-            .matchid-contact-item-address{
-                font-size: 14px;
-                color: var(--matchid-secondary-grey);
-            }
-            @media screen and (max-width: 768px) {
-                .matchid-contact-item-name{
-                    font-size: 16px;
-                }
-                .matchid-contact-item-address{
-                    font-size: 12px;
-                }
-            }
-        }
-    }
-
-}
-
-.matchid-nomore{
+.matchid-nomore {
     display: flex;
     justify-content: center;
     align-items: center;
     font-weight: 500;
     font-size: 16px;
     color: var(--matchid-secondary-grey);
-    padding:20px 0;
+    padding: 20px 0;
     @media screen and (max-width: 768px) {
         font-size: 14px;
     }
 }
 
-.matchid-tabs{
-    gap:36px;
+.matchid-tabs {
+    gap: 36px;
     align-items: start;
     display: flex;
 }
 
-.matchid-tab{
-    color:var(--matchid-tab-color);
-    font-weight:500;
+.matchid-tab {
+    color: var(--matchid-tab-color);
+    font-weight: 500;
     font-size: 20px;
     cursor: pointer;
 
     @media screen and (max-width: 768px) {
         font-size: 14px;
-        padding:10px 0;
+        padding: 10px 0;
     }
-    &.matchid-tab-active{
-        color:var(--matchid-tab-active-color);
+
+    &.matchid-tab-active {
+        color: var(--matchid-tab-active-color);
         border-bottom: 2px solid var(--matchid-tab-active-color);
     }
 }
 
-.matchid-cursor-pointer{
+.matchid-cursor-pointer {
     cursor: pointer;
 }
 
-.matchid-remove-box{
-    padding:0px 20px;
-}
+.matchid-remove-box {
+    padding: 0px 20px;
+    min-width: 150px;
+    display: flex;
+    justify-content: center;
+}
+
+
+
+.matchid-w-full {
+    width: 100%;
+}
+
+.matchid-confirm-modal {
+    display: flex;
+    flex-direction: column;
+    font-size: 14px;
+    color: black;
+    gap: 8px;
+    width: 100%;
+    align-items: center;
+    justify-content: center;
+    @media (min-width: 768px) {
+        font-size: 16px;
+        gap: 12px;
+    }
+
+}
+