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

package/dist/assets/icon/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { CSSProperties } from 'react';
-import { q as IconProps$1 } from '../../types-Cpmx3fld.mjs';
+import { q as IconProps$1 } from '../../types-Q3WHZX4Z.mjs';
 
 declare function BackIcon({ color, size, className, style }: {
     color?: string;

package/dist/assets/icon/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { CSSProperties } from 'react';
-import { q as IconProps$1 } from '../../types-Cpmx3fld.js';
+import { q as IconProps$1 } from '../../types-Q3WHZX4Z.js';
 
 declare function BackIcon({ color, size, className, style }: {
     color?: string;

package/dist/{chunk-CNQJUDKT.mjs → chunk-IPT2PAEX.mjs}

@@ -20,6 +20,7 @@ import {
 // src/ui/index.ts
 var ui_exports = {};
 __export(ui_exports, {
+  AlphaAvatar: () => AlphaAvatar,
   Button: () => Button,
   Drawer: () => Drawer,
   Field: () => Field,
@@ -52,8 +53,36 @@ function Switch({
   return /* @__PURE__ */ jsx("div", { onClick, className: `matchid-switch matchid-switch-${size} ${checked ? "matchid-switch-checked" : ""} ${disabled ? "matchid-switch-disabled" : ""} ${loading ? "matchid-switch-loading" : ""}`, ...props, children: loading ? /* @__PURE__ */ jsx(LoadingIcon_default, { className: "matchid-switch-loading-icon", size: size == "default" ? 24 : 18, color: "var(--matchid-swicth-loading-color)" }) : /* @__PURE__ */ jsx("div", { className: "matchid-switch-ball" }) });
 }
 
+// src/ui/AlphaAvatar/index.tsx
+import { useMemo } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function AlphaAvatar({
+  name,
+  size = "default",
+  className = "",
+  style
+}) {
+  const avatar = useMemo(() => {
+    if (name) {
+      const char = name[0].toUpperCase();
+      if (char.match(/[a-zA-Z0-9]/)) {
+        return char;
+      }
+    }
+    return "";
+  }, [name]);
+  const numberSize = typeof size === "number" ? size : size === "sm" ? 24 : size === "default" ? 40 : 64;
+  return /* @__PURE__ */ jsx2("div", { className: `matchid-alpha-avatar ${className}`, style: {
+    width: numberSize,
+    height: numberSize,
+    fontSize: Math.ceil(numberSize / 2),
+    ...style
+  }, children: avatar });
+}
+
 export {
   Switch,
+  AlphaAvatar,
   ui_exports
 };
-//# sourceMappingURL=chunk-CNQJUDKT.mjs.map
+//# sourceMappingURL=chunk-IPT2PAEX.mjs.map

package/dist/chunk-IPT2PAEX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/index.ts","../src/ui/Switch/index.tsx","../src/ui/AlphaAvatar/index.tsx"],"sourcesContent":["export { default as  Button } from './Button';\nexport { default as  Drawer } from './Drawer';\nexport { default as  Field } from './Field';\nexport { default as  HashPanel } from './HashPanel';\nexport { default as  Input } from './Input';\nexport { default as  Modal,ModalWithHeader } from './Modal';\nexport { default as  ModalDrawer } from './ModalDrawer';\nexport { default as  Overlay } from './Overlay';\nexport { default as  Popover } from './Popover';\nexport { default as  Switch } from './Switch';\nexport { default as  AlphaAvatar } from './AlphaAvatar';","import {UIProps} from \"../../types\";\nimport {LoadingIcon} from \"../../assets/icon\";\n\nexport default function Switch({\n    size=\"default\",\n    checked=false,\n    loading=false,\n    onChange,\n    className,\n    disabled=false,\n    ...props\n                               }:{\n    size?:\"default\"|\"sm\",\n    checked?:boolean,\n    loading?:boolean,\n    disabled?:boolean,\n    onChange?:(checked:boolean)=>void,\n}&UIProps){\n    const onClick = ()=>{\n        if(!disabled && !loading){\n            onChange && onChange(!checked)\n        }\n    }\n    return <div onClick={onClick} className={`matchid-switch matchid-switch-${size} ${checked ? \"matchid-switch-checked\":\"\"} ${disabled ? \"matchid-switch-disabled\":\"\"} ${loading ? \"matchid-switch-loading\":\"\"}`} {...props}>\n\n        {\n            loading ?\n                <LoadingIcon className=\"matchid-switch-loading-icon\" size={size==\"default\"?24:18} color=\"var(--matchid-swicth-loading-color)\"/> :\n                <div className={\"matchid-switch-ball\"}></div>\n        }\n    </div>\n}","import { useMemo} from \"react\";\nimport {UIProps} from \"../../types\";\n\nexport default function AlphaAvatar({\n                                        name,\n                                        size = \"default\", className = '',style}: {\n    name: string,\n    size?: number|\"sm\"|\"default\"|\"lg\",\n}&UIProps) {\n\n    const avatar = useMemo(()=>{\n        if (name) {\n            const char = name[0].toUpperCase()\n            if (char.match(/[a-zA-Z0-9]/)) {\n                return char\n            }\n        }\n        return ''\n    },[name])\n\n    const numberSize = typeof size === 'number' ? size : size === 'sm' ? 24 : size === 'default' ? 40 : 64\n    return <div className={`matchid-alpha-avatar ${className}`} style={{\n        width: numberSize,\n        height: numberSize,\n        fontSize: Math.ceil(numberSize / 2),\n        ...style\n    }}>\n        {avatar}\n    </div>\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;AC2BgB;AAxBD,SAAR,OAAwB;AAAA,EAC3B,OAAK;AAAA,EACL,UAAQ;AAAA,EACR,UAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,WAAS;AAAA,EACT,GAAG;AACwB,GAMrB;AACN,QAAM,UAAU,MAAI;AAChB,QAAG,CAAC,YAAY,CAAC,SAAQ;AACrB,kBAAY,SAAS,CAAC,OAAO;AAAA,IACjC;AAAA,EACJ;AACA,SAAO,oBAAC,SAAI,SAAkB,WAAW,iCAAiC,IAAI,IAAI,UAAU,2BAAyB,EAAE,IAAI,WAAW,4BAA0B,EAAE,IAAI,UAAU,2BAAyB,EAAE,IAAK,GAAG,OAG3M,oBACI,oBAAC,uBAAY,WAAU,+BAA8B,MAAM,QAAM,YAAU,KAAG,IAAI,OAAM,uCAAqC,IAC7H,oBAAC,SAAI,WAAW,uBAAuB,GAEnD;AACJ;;;AC/BA,SAAS,eAAc;AAqBZ,gBAAAA,YAAA;AAlBI,SAAR,YAA6B;AAAA,EACI;AAAA,EACA,OAAO;AAAA,EAAW,YAAY;AAAA,EAAG;AAAK,GAGnE;AAEP,QAAM,SAAS,QAAQ,MAAI;AACvB,QAAI,MAAM;AACN,YAAM,OAAO,KAAK,CAAC,EAAE,YAAY;AACjC,UAAI,KAAK,MAAM,aAAa,GAAG;AAC3B,eAAO;AAAA,MACX;AAAA,IACJ;AACA,WAAO;AAAA,EACX,GAAE,CAAC,IAAI,CAAC;AAER,QAAM,aAAa,OAAO,SAAS,WAAW,OAAO,SAAS,OAAO,KAAK,SAAS,YAAY,KAAK;AACpG,SAAO,gBAAAA,KAAC,SAAI,WAAW,wBAAwB,SAAS,IAAI,OAAO;AAAA,IAC/D,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU,KAAK,KAAK,aAAa,CAAC;AAAA,IAClC,GAAG;AAAA,EACP,GACK,kBACL;AACJ;","names":["jsx"]}

package/dist/components/index.d.mts

@@ -1,6 +1,6 @@
-export { B as BTCModal, E as EmailModal, L as LoginBox, a as LoginButton, c as LoginModal, b as LoginPanel, P as PasswordModal, S as SOLModal, d as TONModal, T as TRONModal, U as UsernameModal, W as WalletModal } from '../index-nqmU7njp.mjs';
-export { 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';
+export { B as BTCModal, E as EmailModal, L as LoginBox, a as LoginButton, c as LoginModal, b as LoginPanel, P as PasswordModal, S as SOLModal, d as TONModal, T as TRONModal, U as UsernameModal, W as WalletModal } from '../index-DM5y3_Gj.mjs';
+export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-B6OKNMN_.mjs';
 import 'react/jsx-runtime';
-import '../types-Cpmx3fld.mjs';
+import '../types-Q3WHZX4Z.mjs';
 import 'react';
 import '../mpc-CTbBWHld.mjs';

package/dist/components/index.d.ts

@@ -1,6 +1,6 @@
-export { B as BTCModal, E as EmailModal, L as LoginBox, a as LoginButton, c as LoginModal, b as LoginPanel, P as PasswordModal, S as SOLModal, d as TONModal, T as TRONModal, U as UsernameModal, W as WalletModal } from '../index-DWOnfdeP.js';
-export { 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';
+export { B as BTCModal, E as EmailModal, L as LoginBox, a as LoginButton, c as LoginModal, b as LoginPanel, P as PasswordModal, S as SOLModal, d as TONModal, T as TRONModal, U as UsernameModal, W as WalletModal } from '../index-BenUwnaC.js';
+export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-C9lQIgOD.js';
 import 'react/jsx-runtime';
-import '../types-Cpmx3fld.js';
+import '../types-Q3WHZX4Z.js';
 import 'react';
 import '../mpc-CTbBWHld.js';

package/dist/hooks/api/index.d.mts

@@ -1,5 +1,5 @@
-export { b as bind, p as poh, u as user } from '../../index-C_XI1qNB.mjs';
+export { b as bind, p as poh, u as user } from '../../index-Bb5HNcIM.mjs';
 import '@tanstack/react-query';
 import '@tanstack/react-query/src/types';
-import '../../types-Cpmx3fld.mjs';
+import '../../types-Q3WHZX4Z.mjs';
 import 'react';

package/dist/hooks/api/index.d.ts

@@ -1,5 +1,5 @@
-export { b as bind, p as poh, u as user } from '../../index-BMWq_SVq.js';
+export { b as bind, p as poh, u as user } from '../../index-_oiFIWte.js';
 import '@tanstack/react-query';
 import '@tanstack/react-query/src/types';
-import '../../types-Cpmx3fld.js';
+import '../../types-Q3WHZX4Z.js';
 import 'react';

package/dist/hooks/index.d.mts

@@ -1,5 +1,5 @@
-export { c as useCopyClipboard, d as useLayout, a as useMatchEvents, u as useUserInfo, b as useWallet } from '../index-RT9tEHMs.mjs';
-import '../types-Cpmx3fld.mjs';
+export { c as useCopyClipboard, d as useLayout, a as useMatchEvents, u as useUserInfo, b as useWallet } from '../index-h1KGzuFo.mjs';
+import '../types-Q3WHZX4Z.mjs';
 import 'react';
 import 'viem';
 import '../mpc-CTbBWHld.mjs';

package/dist/hooks/index.d.ts

@@ -1,5 +1,5 @@
-export { c as useCopyClipboard, d as useLayout, a as useMatchEvents, u as useUserInfo, b as useWallet } from '../index-DhSoJs_L.js';
-import '../types-Cpmx3fld.js';
+export { c as useCopyClipboard, d as useLayout, a as useMatchEvents, u as useUserInfo, b as useWallet } from '../index-Dxfz0_U2.js';
+import '../types-Q3WHZX4Z.js';
 import 'react';
 import 'viem';
 import '../mpc-CTbBWHld.js';

package/dist/{index-BXCdzLbc.d.mts → index-B6OKNMN_.d.mts}

@@ -1,6 +1,6 @@
 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';
+import { r as InputProps, B as ButtonProps, t as ModalProps, M as ModalWithHeaderProps, w as PopoverProps } from './types-Q3WHZX4Z.mjs';
 
 declare function Field({ label, children, error, required, className }: {
     label: ReactNode;

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

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

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

@@ -1,6 +1,6 @@
 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 } 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 { 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-Q3WHZX4Z.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-C9lQIgOD.js';
 import { ReactNode } from 'react';
 import { C as ChainType, R as RecoveryType } from './mpc-CTbBWHld.js';
 

package/dist/{index-DSLYDlMJ.d.ts → index-C76VhJX1.d.ts}

@@ -1,6 +1,6 @@
-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 { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-C9lQIgOD.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 { n as DrawerProps, y as WalletPanelProps, U as UIProps } from './types-Q3WHZX4Z.js';
 import { Hash, Chain } from 'viem';
 
 declare function Drawer({ children, showClose, onClose, isOpen }: DrawerProps): react_jsx_runtime.JSX.Element;
@@ -23,6 +23,12 @@ declare function Switch({ size, checked, loading, onChange, className, disabled,
     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 const index_AlphaAvatar: typeof AlphaAvatar;
 declare const index_Button: typeof Button;
 declare const index_Drawer: typeof Drawer;
 declare const index_Field: typeof Field;
@@ -34,7 +40,7 @@ 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 { index_AlphaAvatar as AlphaAvatar, 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 };
+export { AlphaAvatar as A, Drawer as D, ModalDrawer as M, Switch as S, export_default as e, index as i };

package/dist/{index-CsHEukeG.d.ts → index-C9lQIgOD.d.ts}

@@ -1,6 +1,6 @@
 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';
+import { r as InputProps, B as ButtonProps, t as ModalProps, M as ModalWithHeaderProps, w as PopoverProps } from './types-Q3WHZX4Z.js';
 
 declare function Field({ label, children, error, required, className }: {
     label: ReactNode;

package/dist/{index-D9-2IgL1.d.ts → index-DHyRhe_l.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, 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';
+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-Q3WHZX4Z.js';
 
 declare const index_AnyObject: typeof AnyObject;
 declare const index_AppConfigType: typeof AppConfigType;

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

@@ -1,6 +1,6 @@
 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 } 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 { 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-Q3WHZX4Z.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-B6OKNMN_.mjs';
 import { ReactNode } from 'react';
 import { C as ChainType, R as RecoveryType } from './mpc-CTbBWHld.mjs';
 

package/dist/{index-bpGeBrps.d.mts → index-DYy-xBrS.d.mts}

@@ -1,6 +1,6 @@
-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 { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-B6OKNMN_.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 { n as DrawerProps, y as WalletPanelProps, U as UIProps } from './types-Q3WHZX4Z.mjs';
 import { Hash, Chain } from 'viem';
 
 declare function Drawer({ children, showClose, onClose, isOpen }: DrawerProps): react_jsx_runtime.JSX.Element;
@@ -23,6 +23,12 @@ declare function Switch({ size, checked, loading, onChange, className, disabled,
     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 const index_AlphaAvatar: typeof AlphaAvatar;
 declare const index_Button: typeof Button;
 declare const index_Drawer: typeof Drawer;
 declare const index_Field: typeof Field;
@@ -34,7 +40,7 @@ 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 { index_AlphaAvatar as AlphaAvatar, 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 };
+export { AlphaAvatar as A, Drawer as D, ModalDrawer as M, Switch as S, export_default as e, index as i };

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

@@ -1,4 +1,4 @@
-import { g as ISocialLoginMethod, h as OverviewInfo, C as CEXType, i as LoginMethodType, I as IMatchEvents } from './types-Cpmx3fld.js';
+import { g as ISocialLoginMethod, h as OverviewInfo, C as CEXType, i as LoginMethodType, I as IMatchEvents } from './types-Q3WHZX4Z.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-BMWq_SVq.d.ts → index-_oiFIWte.d.ts}

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

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

@@ -1,4 +1,4 @@
-import { g as ISocialLoginMethod, h as OverviewInfo, C as CEXType, i as LoginMethodType, I as IMatchEvents } from './types-Cpmx3fld.mjs';
+import { g as ISocialLoginMethod, h as OverviewInfo, C as CEXType, i as LoginMethodType, I as IMatchEvents } from './types-Q3WHZX4Z.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-a9wDsxOI.d.mts → index-oBhm0-55.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, 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';
+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-Q3WHZX4Z.mjs';
 
 declare const index_AnyObject: typeof AnyObject;
 declare const index_AppConfigType: typeof AppConfigType;

package/dist/index.css

@@ -120,7 +120,10 @@ body {
     --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)
+    --matchid-swicth-loading-color:var(--matchid-white);
+    /**avatar**/
+    --matchid-avatar-bg: var(--matchid-gray-350);
+    --matchid-avatar-color: var(--matchid-gray-600);
 
 }
 
@@ -1108,4 +1111,14 @@ body {
             animation: spin 2s linear infinite;
         }
     }
+}
+
+.matchid-alpha-avatar{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 50%;
+    background: var(--matchid-avatar-bg);
+    color: var(--matchid-avatar-color);
+    font-weight: 500;
 }

package/dist/index.d.mts

@@ -1,13 +1,13 @@
 import React, { ReactNode } from 'react';
-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';
+import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-Q3WHZX4Z.mjs';
+export { i as Components } from './index-DM5y3_Gj.mjs';
+export { i as UI } from './index-DYy-xBrS.mjs';
+export { i as Hooks } from './index-h1KGzuFo.mjs';
+export { i as Api } from './index-Bb5HNcIM.mjs';
 export { i as Chains } from './index-DXRGMAbv.mjs';
-export { i as Types } from './index-a9wDsxOI.mjs';
+export { i as Types } from './index-oBhm0-55.mjs';
 import 'react/jsx-runtime';
-import './index-BXCdzLbc.mjs';
+import './index-B6OKNMN_.mjs';
 import './mpc-CTbBWHld.mjs';
 import 'viem';
 import 'viem/types/misc';

package/dist/index.d.ts

@@ -1,13 +1,13 @@
 import React, { ReactNode } from 'react';
-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';
+import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-Q3WHZX4Z.js';
+export { i as Components } from './index-BenUwnaC.js';
+export { i as UI } from './index-C76VhJX1.js';
+export { i as Hooks } from './index-Dxfz0_U2.js';
+export { i as Api } from './index-_oiFIWte.js';
 export { i as Chains } from './index-DXRGMAbv.js';
-export { i as Types } from './index-D9-2IgL1.js';
+export { i as Types } from './index-DHyRhe_l.js';
 import 'react/jsx-runtime';
-import './index-CsHEukeG.js';
+import './index-C9lQIgOD.js';
 import './mpc-CTbBWHld.js';
 import 'viem';
 import 'viem/types/misc';

package/dist/index.js

@@ -5870,6 +5870,7 @@ var useMatch = () => {
 // src/ui/index.ts
 var ui_exports = {};
 __export(ui_exports, {
+  AlphaAvatar: () => AlphaAvatar,
   Button: () => Button,
   Drawer: () => Drawer,
   Field: () => Field,
@@ -5902,6 +5903,33 @@ function Switch({
   return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { onClick, className: `matchid-switch matchid-switch-${size} ${checked ? "matchid-switch-checked" : ""} ${disabled ? "matchid-switch-disabled" : ""} ${loading ? "matchid-switch-loading" : ""}`, ...props, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(LoadingIcon_default, { className: "matchid-switch-loading-icon", size: size == "default" ? 24 : 18, color: "var(--matchid-swicth-loading-color)" }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "matchid-switch-ball" }) });
 }
 
+// src/ui/AlphaAvatar/index.tsx
+var import_react32 = require("react");
+var import_jsx_runtime78 = require("react/jsx-runtime");
+function AlphaAvatar({
+  name,
+  size = "default",
+  className = "",
+  style
+}) {
+  const avatar = (0, import_react32.useMemo)(() => {
+    if (name) {
+      const char = name[0].toUpperCase();
+      if (char.match(/[a-zA-Z0-9]/)) {
+        return char;
+      }
+    }
+    return "";
+  }, [name]);
+  const numberSize = typeof size === "number" ? size : size === "sm" ? 24 : size === "default" ? 40 : 64;
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
+    width: numberSize,
+    height: numberSize,
+    fontSize: Math.ceil(numberSize / 2),
+    ...style
+  }, children: avatar });
+}
+
 // src/hooks/api/index.ts
 var api_exports = {};
 __export(api_exports, {