@matchain/matchid-sdk-react 0.1.45 → 0.1.46-alpha.0

package/dist/hooks/index.mjs

@@ -1,11 +1,13 @@
 import {
   useCopyClipboard,
-  useLayout_exports,
   useMatchEvents,
   useUserInfo,
   useWallet
-} from "../chunk-R7Y4L7CG.mjs";
+} from "../chunk-EQ752DLJ.mjs";
 import "../chunk-SQIJR7RA.mjs";
+import {
+  useLayout_exports
+} from "../chunk-H6M6OSVR.mjs";
 import "../chunk-DPXMCLYK.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {

package/dist/{index-CoTirILQ.d.ts → index-BMWq_SVq.d.ts}

@@ -1,6 +1,6 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions } from '@tanstack/react-query/src/types';
-import { w as PohZkpassParams, o as BindItemType, n as BindInfoType, v as PohItemType } from './types-CRumDe2M.js';
+import { v as PohZkpassParams, l as BindItemType, k as BindInfoType, u as PohItemType } from './types-Cpmx3fld.js';
 
 interface MyResponseType<T> {
     code: number;

package/dist/index-BXCdzLbc.d.mts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, PropsWithChildren } from 'react';
+import { r as InputProps, B as ButtonProps, t as ModalProps, M as ModalWithHeaderProps, w as PopoverProps } from './types-Cpmx3fld.mjs';
+
+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 }: ButtonProps): 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 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, Field as F, Input as I, Modal as M, Overlay as O, Popover as P, ModalWithHeader as a };

package/dist/{index-CWYElOA2.d.mts → index-C_XI1qNB.d.mts}

@@ -1,6 +1,6 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions } from '@tanstack/react-query/src/types';
-import { w as PohZkpassParams, o as BindItemType, n as BindInfoType, v as PohItemType } from './types-CRumDe2M.mjs';
+import { v as PohZkpassParams, l as BindItemType, k as BindInfoType, u as PohItemType } from './types-Cpmx3fld.mjs';
 
 interface MyResponseType<T> {
     code: number;

package/dist/index-CsHEukeG.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, PropsWithChildren } from 'react';
+import { r as InputProps, B as ButtonProps, t as ModalProps, M as ModalWithHeaderProps, w as PopoverProps } from './types-Cpmx3fld.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 }: ButtonProps): 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 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, Field as F, Input as I, Modal as M, Overlay as O, Popover as P, ModalWithHeader as a };

package/dist/{index-CTSg5TRS.d.ts → index-D9-2IgL1.d.ts}

@@ -1,5 +1,5 @@
 import { A as AuthParams, C as ChainType, E as EmbeddedWalletsParams, R as RecoveryType } from './mpc-CTbBWHld.js';
-import { A as AnyObject, m as AppConfigType, n as BindInfoType, o as BindItemType, p as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, q as DrawerProps, E as EmailModalProps, a as IEnvConfigType, r as IEnvName, s as ILoginWalletReq, I as IMatchEvents, j as ISocialLoginMethod, t as IconProps, b as InputProps, L as LocaleType, d as LoginBoxProps, l as LoginMethodType, i as LoginModalProps, h as LoginPanelProps, u as MessageType, M as ModalProps, c as ModalWithHeaderProps, O as OtherLoginMethodType, k as OverviewInfo, v as PohItemType, w as PohZkpassParams, f as PopoverPositionType, P as PopoverProps, g as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, U as UserPopoverProps, W as WalletConfigType, x as WalletPanelProps, y as WalletReceiveMessageType, e as WalletType } from './types-CRumDe2M.js';
+import { A as AnyObject, j as AppConfigType, k as BindInfoType, l as BindItemType, m as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, n as DrawerProps, E as EmailModalProps, a as IEnvConfigType, o as IEnvName, p as ILoginWalletReq, I as IMatchEvents, g as ISocialLoginMethod, q as IconProps, r as InputProps, L as LocaleType, b as LoginBoxProps, i as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, s as MessageType, t as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, h as OverviewInfo, u as PohItemType, v as PohZkpassParams, P as PopoverPositionType, w as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, U as UIProps, x as UserPopoverProps, W as WalletConfigType, y as WalletPanelProps, z as WalletReceiveMessageType, c as WalletType } from './types-Cpmx3fld.js';
 
 declare const index_AnyObject: typeof AnyObject;
 declare const index_AppConfigType: typeof AppConfigType;
@@ -39,13 +39,14 @@ declare const index_PopoverTypeType: typeof PopoverTypeType;
 declare const index_RecommendLoginMethodType: typeof RecommendLoginMethodType;
 declare const index_RecoveryType: typeof RecoveryType;
 declare const index_ThemeType: typeof ThemeType;
+declare const index_UIProps: typeof UIProps;
 declare const index_UserPopoverProps: typeof UserPopoverProps;
 declare const index_WalletConfigType: typeof WalletConfigType;
 declare const index_WalletPanelProps: typeof WalletPanelProps;
 declare const index_WalletReceiveMessageType: typeof WalletReceiveMessageType;
 declare const index_WalletType: typeof WalletType;
 declare namespace index {
-  export { index_AnyObject as AnyObject, index_AppConfigType as AppConfigType, index_AuthParams as AuthParams, index_BindInfoType as BindInfoType, index_BindItemType as BindItemType, index_BindWalletParam as BindWalletParam, index_ButtonProps as ButtonProps, index_CEXType as CEXType, index_ChainType as ChainType, index_DeepPartial as DeepPartial, index_DrawerProps as DrawerProps, index_EmailModalProps as EmailModalProps, index_EmbeddedWalletsParams as EmbeddedWalletsParams, index_IEnvConfigType as IEnvConfigType, index_IEnvName as IEnvName, index_ILoginWalletReq as ILoginWalletReq, index_IMatchEvents as IMatchEvents, index_ISocialLoginMethod as ISocialLoginMethod, index_IconProps as IconProps, index_InputProps as InputProps, index_LocaleType as LocaleType, index_LoginBoxProps as LoginBoxProps, index_LoginMethodType as LoginMethodType, index_LoginModalProps as LoginModalProps, index_LoginPanelProps as LoginPanelProps, index_MessageType as MessageType, index_ModalProps as ModalProps, index_ModalWithHeaderProps as ModalWithHeaderProps, index_OtherLoginMethodType as OtherLoginMethodType, index_OverviewInfo as OverviewInfo, index_PohItemType as PohItemType, index_PohZkpassParams as PohZkpassParams, index_PopoverPositionType as PopoverPositionType, index_PopoverProps as PopoverProps, index_PopoverTypeType as PopoverTypeType, index_RecommendLoginMethodType as RecommendLoginMethodType, index_RecoveryType as RecoveryType, index_ThemeType as ThemeType, index_UserPopoverProps as UserPopoverProps, index_WalletConfigType as WalletConfigType, index_WalletPanelProps as WalletPanelProps, index_WalletReceiveMessageType as WalletReceiveMessageType, index_WalletType as WalletType };
+  export { index_AnyObject as AnyObject, index_AppConfigType as AppConfigType, index_AuthParams as AuthParams, index_BindInfoType as BindInfoType, index_BindItemType as BindItemType, index_BindWalletParam as BindWalletParam, index_ButtonProps as ButtonProps, index_CEXType as CEXType, index_ChainType as ChainType, index_DeepPartial as DeepPartial, index_DrawerProps as DrawerProps, index_EmailModalProps as EmailModalProps, index_EmbeddedWalletsParams as EmbeddedWalletsParams, index_IEnvConfigType as IEnvConfigType, index_IEnvName as IEnvName, index_ILoginWalletReq as ILoginWalletReq, index_IMatchEvents as IMatchEvents, index_ISocialLoginMethod as ISocialLoginMethod, index_IconProps as IconProps, index_InputProps as InputProps, index_LocaleType as LocaleType, index_LoginBoxProps as LoginBoxProps, index_LoginMethodType as LoginMethodType, index_LoginModalProps as LoginModalProps, index_LoginPanelProps as LoginPanelProps, index_MessageType as MessageType, index_ModalProps as ModalProps, index_ModalWithHeaderProps as ModalWithHeaderProps, index_OtherLoginMethodType as OtherLoginMethodType, index_OverviewInfo as OverviewInfo, index_PohItemType as PohItemType, index_PohZkpassParams as PohZkpassParams, index_PopoverPositionType as PopoverPositionType, index_PopoverProps as PopoverProps, index_PopoverTypeType as PopoverTypeType, index_RecommendLoginMethodType as RecommendLoginMethodType, index_RecoveryType as RecoveryType, index_ThemeType as ThemeType, index_UIProps as UIProps, index_UserPopoverProps as UserPopoverProps, index_WalletConfigType as WalletConfigType, index_WalletPanelProps as WalletPanelProps, index_WalletReceiveMessageType as WalletReceiveMessageType, index_WalletType as WalletType };
 }
 
 export { index as i };

package/dist/index-DSLYDlMJ.d.ts

@@ -0,0 +1,40 @@
+import { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-CsHEukeG.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { n as DrawerProps, y as WalletPanelProps, U as UIProps } from './types-Cpmx3fld.js';
+import { Hash, Chain } from 'viem';
+
+declare function Drawer({ children, showClose, onClose, isOpen }: DrawerProps): react_jsx_runtime.JSX.Element;
+
+type HashPanelProps = {
+    hash?: Hash | null;
+    chain?: Chain | null;
+    isOpen: boolean;
+    onClose: () => void;
+};
+declare function export_default(props: HashPanelProps): false | react_jsx_runtime.JSX.Element;
+
+declare function ModalDrawer({ title, ...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 const index_Button: typeof Button;
+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_Switch: typeof Switch;
+declare namespace index {
+  export { index_Button as Button, 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_Switch as Switch };
+}
+
+export { Drawer as D, ModalDrawer as M, Switch as S, export_default as e, index as i };

package/dist/{index-DVlCrOjr.d.ts → index-DWOnfdeP.d.ts}

@@ -1,26 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { E as EmailModalProps, b as InputProps, B as ButtonProps, M as ModalProps, c as ModalWithHeaderProps, P as PopoverProps, d as LoginBoxProps, O as OtherLoginMethodType, R as RecommendLoginMethodType, e as WalletType, f as PopoverPositionType, g as PopoverTypeType, h as LoginPanelProps, i as LoginModalProps } from './types-CRumDe2M.js';
-import { ReactNode, PropsWithChildren } from 'react';
+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 } from './types-Cpmx3fld.js';
+import { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-CsHEukeG.js';
+import { ReactNode } from 'react';
 import { C as ChainType, R as RecoveryType } from './mpc-CTbBWHld.js';
 
 declare function EmailModal({ isOpen, width, onClose, onBack, onLogin }: EmailModalProps): react_jsx_runtime.JSX.Element;
 
-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 }: ButtonProps): 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 Popover({ children, content, position, type, className, gap }: PopoverProps): false | "" | 0 | react_jsx_runtime.JSX.Element | null | undefined;
-
 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'> & {
@@ -72,11 +57,6 @@ type BTCConnectModalProps = ModalWithHeaderProps & {
 };
 declare function BTCModal(props: BTCConnectModalProps): false | react_jsx_runtime.JSX.Element;
 
-declare function Overlay({ isOpen, children, zIndex, }: {
-    isOpen?: boolean;
-    zIndex?: number;
-} & PropsWithChildren): react_jsx_runtime.JSX.Element;
-
 type WalletModalProps = ModalWithHeaderProps & {
     type?: 'login' | 'bind' | '';
     methods?: WalletType[];
@@ -106,4 +86,4 @@ declare namespace index {
   export { index_BTCModal as BTCModal, index_Button as Button, 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_PasswordModal as PasswordModal, index_Popover as Popover, index_SOLModal as SOLModal, index_TONModal as TONModal, index_TRONModal as TRONModal, index_UsernameModal as UsernameModal, index_WalletModal as WalletModal };
 }
 
-export { Button as B, EmailModal as E, Field as F, Input as I, LoginBox as L, Modal as M, Overlay as O, Popover as P, SOLModal as S, TRONModal as T, UsernameModal as U, WalletModal as W, ModalWithHeader as a, LoginButton as b, LoginPanel as c, LoginModal as d, PasswordModal as e, TONModal as f, BTCModal as g, index as i };
+export { BTCModal as B, EmailModal as E, LoginBox as L, PasswordModal as P, SOLModal as S, TRONModal as T, UsernameModal as U, WalletModal as W, LoginButton as a, LoginPanel as b, LoginModal as c, TONModal as d, index as i };

package/dist/{index-CFWR1boZ.d.ts → index-DhSoJs_L.d.ts}

@@ -1,4 +1,4 @@
-import { j as ISocialLoginMethod, k as OverviewInfo, C as CEXType, l as LoginMethodType, I as IMatchEvents } from './types-CRumDe2M.js';
+import { g as ISocialLoginMethod, h as OverviewInfo, C as CEXType, i as LoginMethodType, I as IMatchEvents } from './types-Cpmx3fld.js';
 import * as viem from 'viem';
 import { Account, WalletClientConfig, createWalletClient, SignableMessage, Hex, TransactionSerializable, DeployContractParameters, SendTransactionParameters, WriteContractParameters, Chain } from 'viem';
 import { C as ChainType, R as RecoveryType } from './mpc-CTbBWHld.js';

package/dist/{index-D2pNP7Bz.d.mts → index-RT9tEHMs.d.mts}

@@ -1,4 +1,4 @@
-import { j as ISocialLoginMethod, k as OverviewInfo, C as CEXType, l as LoginMethodType, I as IMatchEvents } from './types-CRumDe2M.mjs';
+import { g as ISocialLoginMethod, h as OverviewInfo, C as CEXType, i as LoginMethodType, I as IMatchEvents } from './types-Cpmx3fld.mjs';
 import * as viem from 'viem';
 import { Account, WalletClientConfig, createWalletClient, SignableMessage, Hex, TransactionSerializable, DeployContractParameters, SendTransactionParameters, WriteContractParameters, Chain } from 'viem';
 import { C as ChainType, R as RecoveryType } from './mpc-CTbBWHld.mjs';

package/dist/{index-DR2JTaoi.d.mts → index-a9wDsxOI.d.mts}

@@ -1,5 +1,5 @@
 import { A as AuthParams, C as ChainType, E as EmbeddedWalletsParams, R as RecoveryType } from './mpc-CTbBWHld.mjs';
-import { A as AnyObject, m as AppConfigType, n as BindInfoType, o as BindItemType, p as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, q as DrawerProps, E as EmailModalProps, a as IEnvConfigType, r as IEnvName, s as ILoginWalletReq, I as IMatchEvents, j as ISocialLoginMethod, t as IconProps, b as InputProps, L as LocaleType, d as LoginBoxProps, l as LoginMethodType, i as LoginModalProps, h as LoginPanelProps, u as MessageType, M as ModalProps, c as ModalWithHeaderProps, O as OtherLoginMethodType, k as OverviewInfo, v as PohItemType, w as PohZkpassParams, f as PopoverPositionType, P as PopoverProps, g as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, U as UserPopoverProps, W as WalletConfigType, x as WalletPanelProps, y as WalletReceiveMessageType, e as WalletType } from './types-CRumDe2M.mjs';
+import { A as AnyObject, j as AppConfigType, k as BindInfoType, l as BindItemType, m as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, n as DrawerProps, E as EmailModalProps, a as IEnvConfigType, o as IEnvName, p as ILoginWalletReq, I as IMatchEvents, g as ISocialLoginMethod, q as IconProps, r as InputProps, L as LocaleType, b as LoginBoxProps, i as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, s as MessageType, t as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, h as OverviewInfo, u as PohItemType, v as PohZkpassParams, P as PopoverPositionType, w as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, U as UIProps, x as UserPopoverProps, W as WalletConfigType, y as WalletPanelProps, z as WalletReceiveMessageType, c as WalletType } from './types-Cpmx3fld.mjs';
 
 declare const index_AnyObject: typeof AnyObject;
 declare const index_AppConfigType: typeof AppConfigType;
@@ -39,13 +39,14 @@ declare const index_PopoverTypeType: typeof PopoverTypeType;
 declare const index_RecommendLoginMethodType: typeof RecommendLoginMethodType;
 declare const index_RecoveryType: typeof RecoveryType;
 declare const index_ThemeType: typeof ThemeType;
+declare const index_UIProps: typeof UIProps;
 declare const index_UserPopoverProps: typeof UserPopoverProps;
 declare const index_WalletConfigType: typeof WalletConfigType;
 declare const index_WalletPanelProps: typeof WalletPanelProps;
 declare const index_WalletReceiveMessageType: typeof WalletReceiveMessageType;
 declare const index_WalletType: typeof WalletType;
 declare namespace index {
-  export { index_AnyObject as AnyObject, index_AppConfigType as AppConfigType, index_AuthParams as AuthParams, index_BindInfoType as BindInfoType, index_BindItemType as BindItemType, index_BindWalletParam as BindWalletParam, index_ButtonProps as ButtonProps, index_CEXType as CEXType, index_ChainType as ChainType, index_DeepPartial as DeepPartial, index_DrawerProps as DrawerProps, index_EmailModalProps as EmailModalProps, index_EmbeddedWalletsParams as EmbeddedWalletsParams, index_IEnvConfigType as IEnvConfigType, index_IEnvName as IEnvName, index_ILoginWalletReq as ILoginWalletReq, index_IMatchEvents as IMatchEvents, index_ISocialLoginMethod as ISocialLoginMethod, index_IconProps as IconProps, index_InputProps as InputProps, index_LocaleType as LocaleType, index_LoginBoxProps as LoginBoxProps, index_LoginMethodType as LoginMethodType, index_LoginModalProps as LoginModalProps, index_LoginPanelProps as LoginPanelProps, index_MessageType as MessageType, index_ModalProps as ModalProps, index_ModalWithHeaderProps as ModalWithHeaderProps, index_OtherLoginMethodType as OtherLoginMethodType, index_OverviewInfo as OverviewInfo, index_PohItemType as PohItemType, index_PohZkpassParams as PohZkpassParams, index_PopoverPositionType as PopoverPositionType, index_PopoverProps as PopoverProps, index_PopoverTypeType as PopoverTypeType, index_RecommendLoginMethodType as RecommendLoginMethodType, index_RecoveryType as RecoveryType, index_ThemeType as ThemeType, index_UserPopoverProps as UserPopoverProps, index_WalletConfigType as WalletConfigType, index_WalletPanelProps as WalletPanelProps, index_WalletReceiveMessageType as WalletReceiveMessageType, index_WalletType as WalletType };
+  export { index_AnyObject as AnyObject, index_AppConfigType as AppConfigType, index_AuthParams as AuthParams, index_BindInfoType as BindInfoType, index_BindItemType as BindItemType, index_BindWalletParam as BindWalletParam, index_ButtonProps as ButtonProps, index_CEXType as CEXType, index_ChainType as ChainType, index_DeepPartial as DeepPartial, index_DrawerProps as DrawerProps, index_EmailModalProps as EmailModalProps, index_EmbeddedWalletsParams as EmbeddedWalletsParams, index_IEnvConfigType as IEnvConfigType, index_IEnvName as IEnvName, index_ILoginWalletReq as ILoginWalletReq, index_IMatchEvents as IMatchEvents, index_ISocialLoginMethod as ISocialLoginMethod, index_IconProps as IconProps, index_InputProps as InputProps, index_LocaleType as LocaleType, index_LoginBoxProps as LoginBoxProps, index_LoginMethodType as LoginMethodType, index_LoginModalProps as LoginModalProps, index_LoginPanelProps as LoginPanelProps, index_MessageType as MessageType, index_ModalProps as ModalProps, index_ModalWithHeaderProps as ModalWithHeaderProps, index_OtherLoginMethodType as OtherLoginMethodType, index_OverviewInfo as OverviewInfo, index_PohItemType as PohItemType, index_PohZkpassParams as PohZkpassParams, index_PopoverPositionType as PopoverPositionType, index_PopoverProps as PopoverProps, index_PopoverTypeType as PopoverTypeType, index_RecommendLoginMethodType as RecommendLoginMethodType, index_RecoveryType as RecoveryType, index_ThemeType as ThemeType, index_UIProps as UIProps, index_UserPopoverProps as UserPopoverProps, index_WalletConfigType as WalletConfigType, index_WalletPanelProps as WalletPanelProps, index_WalletReceiveMessageType as WalletReceiveMessageType, index_WalletType as WalletType };
 }
 
 export { index as i };

package/dist/index-bpGeBrps.d.mts

@@ -0,0 +1,40 @@
+import { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-BXCdzLbc.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { n as DrawerProps, y as WalletPanelProps, U as UIProps } from './types-Cpmx3fld.mjs';
+import { Hash, Chain } from 'viem';
+
+declare function Drawer({ children, showClose, onClose, isOpen }: DrawerProps): react_jsx_runtime.JSX.Element;
+
+type HashPanelProps = {
+    hash?: Hash | null;
+    chain?: Chain | null;
+    isOpen: boolean;
+    onClose: () => void;
+};
+declare function export_default(props: HashPanelProps): false | react_jsx_runtime.JSX.Element;
+
+declare function ModalDrawer({ title, ...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 const index_Button: typeof Button;
+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_Switch: typeof Switch;
+declare namespace index {
+  export { index_Button as Button, 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_Switch as Switch };
+}
+
+export { Drawer as D, ModalDrawer as M, Switch as S, export_default as e, index as i };

package/dist/{index-B0VpxAI2.d.mts → index-nqmU7njp.d.mts}

@@ -1,26 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { E as EmailModalProps, b as InputProps, B as ButtonProps, M as ModalProps, c as ModalWithHeaderProps, P as PopoverProps, d as LoginBoxProps, O as OtherLoginMethodType, R as RecommendLoginMethodType, e as WalletType, f as PopoverPositionType, g as PopoverTypeType, h as LoginPanelProps, i as LoginModalProps } from './types-CRumDe2M.mjs';
-import { ReactNode, PropsWithChildren } from 'react';
+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 } from './types-Cpmx3fld.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-BXCdzLbc.mjs';
+import { ReactNode } from 'react';
 import { C as ChainType, R as RecoveryType } from './mpc-CTbBWHld.mjs';
 
 declare function EmailModal({ isOpen, width, onClose, onBack, onLogin }: EmailModalProps): react_jsx_runtime.JSX.Element;
 
-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 }: ButtonProps): 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 Popover({ children, content, position, type, className, gap }: PopoverProps): false | "" | 0 | react_jsx_runtime.JSX.Element | null | undefined;
-
 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'> & {
@@ -72,11 +57,6 @@ type BTCConnectModalProps = ModalWithHeaderProps & {
 };
 declare function BTCModal(props: BTCConnectModalProps): false | react_jsx_runtime.JSX.Element;
 
-declare function Overlay({ isOpen, children, zIndex, }: {
-    isOpen?: boolean;
-    zIndex?: number;
-} & PropsWithChildren): react_jsx_runtime.JSX.Element;
-
 type WalletModalProps = ModalWithHeaderProps & {
     type?: 'login' | 'bind' | '';
     methods?: WalletType[];
@@ -106,4 +86,4 @@ declare namespace index {
   export { index_BTCModal as BTCModal, index_Button as Button, 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_PasswordModal as PasswordModal, index_Popover as Popover, index_SOLModal as SOLModal, index_TONModal as TONModal, index_TRONModal as TRONModal, index_UsernameModal as UsernameModal, index_WalletModal as WalletModal };
 }
 
-export { Button as B, EmailModal as E, Field as F, Input as I, LoginBox as L, Modal as M, Overlay as O, Popover as P, SOLModal as S, TRONModal as T, UsernameModal as U, WalletModal as W, ModalWithHeader as a, LoginButton as b, LoginPanel as c, LoginModal as d, PasswordModal as e, TONModal as f, BTCModal as g, index as i };
+export { BTCModal as B, EmailModal as E, LoginBox as L, PasswordModal as P, SOLModal as S, TRONModal as T, UsernameModal as U, WalletModal as W, LoginButton as a, LoginPanel as b, LoginModal as c, TONModal as d, index as i };

package/dist/index.css

@@ -2,12 +2,14 @@ body {
     /**value**/
     --matchid-light-orange: #FFF3EB;
     --matchid-highlight-orange: #FC802D;
+    --matchid-highlight-orange-light:rgba(252, 128, 45, 0.5);
     --matchid-black: #000000;
     --matchid-white: #FFFFFF;
     --matchid-black-800: #1E1E1E;
     --matchid-gray-600: #6E6E6E;
     --matchid-gray-400: #B6B6B6;
     --matchid-gray-350: #D3D3D3;
+    --matchid-gray-350-light: rgba(211, 211, 211, 0.5);
     --matchid-gray-300: #E3E3E3;
     --matchid-gray-200: #F3F3F3;
     --matchid-gray-100: #F8F8F8;
@@ -112,6 +114,13 @@ body {
     --matchid-password-header-color: var(--matchid-black);
     --matchid-user-popover-color: var(--matchid-black);
     --matchid-user-popover-hover-color: var(--matchid-highlight-orange);
+    /**switch**/
+    --matchid-switch-bg: var(--matchid-gray-350);
+    --matchid-switch-ball: var(--matchid-white);
+    --matchid-switch-checked-bg: var(--matchid-highlight-orange);
+    --matchid-switch-disabled-bg: var(--matchid-gray-350-light);
+    --matchid-switch-disabled-checked-bg: var(--matchid-highlight-orange-light);
+    --matchid-swicth-loading-color:var(--matchid-white)
 
 }
 
@@ -1039,4 +1048,64 @@ body {
             }
         }
     }
+}
+
+.matchid-switch {
+    width: 64px;
+    height: 32px;
+    background-color: var(--matchid-switch-bg);
+    border-radius: 16px;
+    cursor: pointer;
+    position: relative;
+    transition: background-color 0.3s ease;
+
+    .matchid-switch-ball,.matchid-switch-loading-icon {
+        width: 24px;
+        height: 24px;
+        transition: transform 0.3s ease,left 0.3s, background-color 0.3s ease;
+        position: absolute;
+        left: 4px;
+        top: 4px;
+    }
+    .matchid-switch-ball {
+        background-color: var(--matchid-switch-ball);
+        border-radius: 50%;
+    }
+
+    &.matchid-switch-sm {
+        width: 48px;
+        height: 24px;
+        border-radius: 12px;
+
+        .matchid-switch-ball,.matchid-switch-loading-icon {
+            width: 18px;
+            height: 18px;
+            left: 3px;
+            top: 3px;
+        }
+    }
+
+    &.matchid-switch-checked {
+        background-color: var(--matchid-switch-checked-bg);
+
+        .matchid-switch-ball,.matchid-switch-loading-icon {
+            left: 36px;
+        }
+
+        &.matchid-switch-sm .matchid-switch-ball,.matchid-switch-sm .matchid-switch-loading-icon {
+            left: 27px;
+        }
+    }
+    &.matchid-switch-disabled,&.matchid-switch-loading {
+        cursor: not-allowed;
+        background-color: var(--matchid-switch-disabled-bg);
+        &.matchid-switch-checked{
+            background-color: var(--matchid-switch-disabled-checked-bg);
+        }
+    }
+    &.matchid-switch-loading{
+        .matchid-switch-loading-icon {
+            animation: spin 2s linear infinite;
+        }
+    }
 }

package/dist/index.d.mts

@@ -1,11 +1,13 @@
 import React, { ReactNode } from 'react';
-import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-CRumDe2M.mjs';
-export { i as Components } from './index-B0VpxAI2.mjs';
-export { i as Hooks } from './index-D2pNP7Bz.mjs';
-export { i as Api } from './index-CWYElOA2.mjs';
+import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-Cpmx3fld.mjs';
+export { i as Components } from './index-nqmU7njp.mjs';
+export { i as UI } from './index-bpGeBrps.mjs';
+export { i as Hooks } from './index-RT9tEHMs.mjs';
+export { i as Api } from './index-C_XI1qNB.mjs';
 export { i as Chains } from './index-DXRGMAbv.mjs';
-export { i as Types } from './index-DR2JTaoi.mjs';
+export { i as Types } from './index-a9wDsxOI.mjs';
 import 'react/jsx-runtime';
+import './index-BXCdzLbc.mjs';
 import './mpc-CTbBWHld.mjs';
 import 'viem';
 import 'viem/types/misc';

package/dist/index.d.ts

@@ -1,11 +1,13 @@
 import React, { ReactNode } from 'react';
-import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-CRumDe2M.js';
-export { i as Components } from './index-DVlCrOjr.js';
-export { i as Hooks } from './index-CFWR1boZ.js';
-export { i as Api } from './index-CoTirILQ.js';
+import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-Cpmx3fld.js';
+export { i as Components } from './index-DWOnfdeP.js';
+export { i as UI } from './index-DSLYDlMJ.js';
+export { i as Hooks } from './index-DhSoJs_L.js';
+export { i as Api } from './index-BMWq_SVq.js';
 export { i as Chains } from './index-DXRGMAbv.js';
-export { i as Types } from './index-CTSg5TRS.js';
+export { i as Types } from './index-D9-2IgL1.js';
 import 'react/jsx-runtime';
+import './index-CsHEukeG.js';
 import './mpc-CTbBWHld.js';
 import 'viem';
 import 'viem/types/misc';