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

package/dist/chunk-H6M6OSVR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useLayout.tsx","../src/ui/Overlay/index.tsx","../src/ui/Modal/index.tsx","../src/ui/Input/index.tsx","../src/ui/Field/index.tsx","../src/ui/Button/index.tsx","../src/ui/Popover/index.tsx","../src/ui/Drawer/index.tsx","../src/ui/ModalDrawer/index.tsx","../src/ui/HashPanel/index.tsx","../src/utils/matchlog.ts"],"sourcesContent":["import { useState ,useEffect} from \"react\";\n\nexport function useDownMd(): boolean {\n    const [isBelowMd, setIsBelowMd] = useState(window.matchMedia('(max-width: 767px)').matches);\n\n    useEffect(() => {\n        const handleResize = () => {\n            setIsBelowMd(window.matchMedia('(max-width: 767px)').matches);\n        };\n\n        window.addEventListener('resize', handleResize);\n        return () => {\n            window.removeEventListener('resize', handleResize);\n        };\n    }, []);\n\n    return isBelowMd;\n}","import React, {PropsWithChildren, useEffect} from \"react\";\n\nexport default function Overlay({\n                                    isOpen = false,\n                                    children,\n                                    zIndex = 100,\n                                }: {\n    isOpen?: boolean\n    zIndex?: number\n} & PropsWithChildren) {\n    useEffect(() => {\n        if (isOpen) {\n            document.body.style.overflow = \"hidden\";\n        } else {\n            document.body.style.overflow = \"\";\n        }\n\n        return () => {\n            document.body.style.overflow = \"\";\n        };\n    }, [isOpen]);\n    return isOpen ? <div\n        className=\"matchid-overlay\"\n        style={{\n            zIndex\n        }}\n    >\n        {children}\n    </div> : <></>\n}","import React, {useEffect} from \"react\";\nimport {ModalProps, ModalWithHeaderProps} from \"../../types\";\nimport ArrowLeftIcon from \"../../assets/icon/ArrowLeftIcon\";\nimport {CloseRoundIcon} from \"../../assets/icon\";\nimport {useDownMd} from \"../../hooks/useLayout\";\nimport Overlay from \"../Overlay\";\n\nexport default function Modal({\n                                  children,\n                                  isOpen,\n                                  width = 480,\n                                  zIndex = 100,\n                                  className = ''\n                              }: ModalProps) {\n\n    return <Overlay isOpen={isOpen} zIndex={zIndex}>\n        <div className={`matchid-modal ${className}`} style={{\n            width\n        }}>\n            <div className=\"matchid-modal-mobile-header\"></div>\n            {children}\n        </div>\n    </Overlay>\n}\n\nexport function ModalWithHeader({\n                                    children,\n                                    onBack,\n                                    onClose,\n                                    title,\n                                    showBorder = true,\n                                    showClose = true,\n                                    ...props\n\n                                }: ModalWithHeaderProps) {\n    const isDownMd = useDownMd()\n    return <Modal {...props}>\n        <div className={`matchid-modal-header ${showBorder ? 'matchid-modal-header-border' : ''}`}>\n            <div className=\"matchid-modal-header-content\">\n                {\n                    onBack &&\n                    <ArrowLeftIcon height={isDownMd ? 20 : 25} width={isDownMd ? 20 : 24} className=\"matchid-modal-header-back\" onClick={onBack}/>\n                }\n                <span className=\"matchid-modal-header-title\">{title}</span>\n            </div>\n            {onClose &&\n                <CloseRoundIcon size={isDownMd ? 24 : 30} className=\"matchid-modal-header-close\" onClick={onClose}/>}\n        </div>\n        {children}\n    </Modal>\n\n}","import {InputProps} from \"types/types\";\nimport {DeleteRoundIcon, CloseEyeIcon, OpenEyeIcon} from \"assets/icon\";\nimport {useState} from \"react\";\nimport {useDownMd} from \"../../hooks/useLayout\";\n\nexport default function Input({\n                                  onChange,\n                                  type,\n                                  after,\n                                  className = '',\n                                  ...props\n                              }: InputProps) {\n    const [inputType, setInputType] = useState(type)\n    const isDownMd = useDownMd()\n    return <div\n        className={`matchid-input-box ${props.value && props.value.length > 0 ? 'matchid-input-has-content' : ''} ${className}`}>\n        <input type={inputType} onChange={onChange} {...props} className=\"matchid-input-field\"/>\n        {\n            props.value && props.value.length > 0\n            && <div className=\"matchid-input-delete-icon\" onClick={(e) => {\n                if (onChange) {\n                    onChange({target: {value: ''}});\n                }\n            }}>\n                <DeleteRoundIcon height={isDownMd ? 16 : 21} width={isDownMd ? 16 : 20}\n                                 color=\"var(--matchid-input-delete-icon-color)\"/>\n            </div>\n        }\n        {\n            type === 'password' && <div className=\"matchid-input-eye-icon\" onClick={() => {\n                setInputType(inputType === 'password' ? 'text' : 'password')\n            }}>\n                {\n                    inputType === 'password' ? <CloseEyeIcon size={isDownMd ? 16 : 20}/> :\n                        <OpenEyeIcon size={isDownMd ? 16 : 20}/>\n                }\n            </div>\n        }\n        {\n            after\n        }\n    </div>\n\n}","import {PropsWithChildren, ReactNode} from \"react\";\n\nexport default function Field({\n    label,\n    children,\n    error,\n    required,\n    className=''\n                              }:{\n    label: ReactNode,\n    error?: ReactNode,\n    required?: boolean\n    className?: string\n\n}&PropsWithChildren){\n    return <div className={`matchid-field-box ${className}`}>\n        <div className=\"matchid-field-label\">{required&&<span className={\"matchid-field-required\"}>*</span>}{label}</div>\n        {children}\n        {error && <div className=\"matchid-field-error\">{error}</div>}\n    </div>\n\n}","import {LoadingIcon} from \"assets/icon\";\nimport {ButtonProps} from \"../../types/types\";\n\nexport default function Button({\n                                   size = \"df\",\n                                   disabled = false,\n                                   loading = false,\n                                   children,\n                                   onClick,\n                                   highlight = false,\n                                   block = false,\n                                   type = \"button\",\n                                   rounded = true,\n                                   className = '',\n                                   style = {}\n                               }: ButtonProps) {\n\n    const onAction = () => {\n        if (!disabled && !loading) {\n            onClick && onClick()\n        }\n    }\n    return <button\n        type={type}\n        className={`${className} matchid-btn ${'matchid-btn-' + size} ${highlight ? \"matchid-btn-highlight\" : ''} ${loading ? \"matchid-btn-loading\" : ''}  ${block ? \"matchid-btn-block\" : ''}  ${rounded ? \"matchid-btn-rounded\" : ''}`}\n        disabled={disabled || loading}\n        style={{\n            ...style\n        }}\n        onClick={onAction}\n    >\n        {\n            loading ?\n                <LoadingIcon className=\"matchid-btn-loading-icon\" color=\"var(--matchid-btn-loading-color)\"/> :\n                children\n        }\n    </button>\n}","import {useState} from \"react\";\nimport {PopoverProps} from \"../../types/types\";\n\nexport default function Popover({\n                                    children,\n                                    content,\n                                    position = \"right\",\n                                    type = \"hover\",\n                                    className = \"\",\n                                    gap = '20px'\n                                }: PopoverProps) {\n    const [active, setActive] = useState(false)\n    return children && <div\n        onClick={() => {\n            if (type == 'click') {\n                setActive(!active)\n            }\n        }}\n        className={`matchid-popover-box matchid-popover-${position} matchid-popover-${type} ${className} ${type == 'click' && active ? 'matchid-popover-click-active' : ''}`}>\n        {children}\n        <div style={{\n            paddingTop: gap\n        }} className={`matchid-popover-area`}>\n            <div className={`matchid-popover-content`}>\n                {content}\n            </div>\n        </div>\n    </div>\n\n}","import {PropsWithChildren} from \"react\";\nimport Overlay from \"../Overlay\";\nimport {CloseRoundIcon} from \"assets/icon\";\nimport {DrawerProps} from \"../../types\";\n\nexport default function Drawer({\n                                   children,\n                                   showClose = true,\n                                   onClose,\n                                   isOpen = false\n                               }: DrawerProps) {\n\n    if (!isOpen) {\n        return <></>\n    }\n\n\n    return <Overlay isOpen={isOpen}>\n        <div className={\"matchid-drawer\"}>\n            {\n                showClose && <div className={`matchid-drawer-header`}>\n                    <CloseRoundIcon className={\"matchid-drawer-header-close\"} onClick={onClose}/>\n                </div>\n            }\n            {children}\n        </div>\n    </Overlay>\n}","import {useDownMd} from \"hooks/useLayout\";\nimport {ModalWithHeader} from \"../Modal\";\nimport Drawer from \"../Drawer\";\nimport {WalletPanelProps} from \"../../types\";\n\nexport default function ModalDrawer({title,...props}:WalletPanelProps){\n\n    const isDownMd = useDownMd()\n    if(isDownMd){\n        return <ModalWithHeader {...props} title={title}/>\n    }\n    return <Drawer {...props}/>\n}","import {\n    http,\n    Hash,\n    createPublicClient, Chain,\n} from \"viem\";\nimport {useEffect, useState} from \"react\";\nimport {useQuery} from \"@tanstack/react-query\";\nimport ModalDrawer from \"../ModalDrawer\";\nimport Button from \"../Button\";\nimport ConfirmImg from \"assets/img/confirm.gif\"\nimport PendingImg from \"assets/img/pending.gif\"\nimport SuccessImg from \"assets/img/success.gif\"\nimport FailImg from \"assets/img/fail.gif\"\nimport matchlog from \"../../utils/matchlog\";\n\ntype statusType = 'pending' | 'success' | 'fail' | 'confirm'\ntype HashPanelProps = {\n    hash?: Hash | null,\n    chain?: Chain | null,\n    isOpen: boolean,\n    onClose: () => void\n}\nfunction HashPanel({\n                                      hash,\n                                      chain,\n                                      isOpen,\n                                      onClose\n                                  }: HashPanelProps) {\n    const [status, setStatus] = useState<statusType>('confirm')\n\n    const statusMaps: Record<statusType, {\n        icon: string;\n        text: string;\n        color: string\n    }> = {\n        'confirm': {\n            icon: ConfirmImg,\n            text: 'Confirming...',\n            color: '#FC802D'\n        },\n        'pending': {\n            icon: PendingImg,\n            text: 'Pending...',\n            color: '#FC802D'\n        },\n        'success': {\n            icon: SuccessImg,\n            text: 'Successful!',\n            color: '#2CBF68'\n        },\n        'fail': {\n            icon: FailImg,\n            text: 'Failed!',\n            color: '#F14141'\n        }\n    }\n\n    const statusValue = statusMaps[status]\n\n    useEffect(() => {\n        if (hash) {\n            setStatus('pending')\n        } else {\n            setStatus('confirm')\n        }\n    }, [hash])\n\n    useQuery(\n        {\n            queryKey: ['txhash', hash, chain],\n            queryFn: async () => {\n                if (!chain || !hash) return false\n                const publicClient = createPublicClient({\n                    chain,\n                    transport: http(),\n                });\n                try {\n                    const receipt = await publicClient.getTransactionReceipt({hash});\n\n                    if (!receipt) {\n                        setStatus('pending');\n                        return false\n                    }\n                    matchlog.log('getTransactionReceipt', receipt)\n                    if (receipt.status === 'success') {\n                        setStatus('success');\n                        return true\n\n                    }\n                    setStatus('fail');\n                    return true\n\n                } catch (error) {\n                    console.error('getTransactionReceiptError', error)\n                }\n                return false\n            },\n            enabled: !!chain && !!hash && isOpen,\n            refetchInterval: 3000,\n            // refetchIntervalInBackground: false\n        }\n    );\n\n    const link = chain ? `${chain?.blockExplorers?.default.url}/tx/${hash}` : '';\n\n    return <ModalDrawer isOpen={isOpen}\n                        showClose\n                        onClose={onClose}\n                        title={\n                            <div className={\"matchid-hashpanel-header\"}\n                                 style={{\n                                     color: statusValue.color\n                                 }}>{statusValue.text}</div>\n                        }\n    >\n        <div className=\"matchid-hashpanel-box\">\n            <div className=\"matchid-hashpanel-content\">\n                <div className={`matchid-hashpanel-status`} style={{\n                    color: statusValue.color\n                }}>{statusValue.text}</div>\n\n                <img src={statusValue.icon} alt={statusValue.text} className={`matchid-hashpanel-img`}/>\n\n                {hash&&<div className=\"matchid-hashpanel-hash\">\n                    Hash:<a href={link} target=\"_blank\">{hash}</a>\n                </div>}\n            </div>\n            <Button onClick={onClose} size=\"lg\" block>Back</Button>\n        </div>\n    </ModalDrawer>\n}\nexport default function(props: HashPanelProps) {\n    return props.isOpen && <HashPanel {...props}/>\n\n}","// src/utils/logger.ts\nconst matchDevExists = () => localStorage.getItem('matchid-sdk-react-debug') !== null;\n\nconst handler = {\n    get(target: any, prop: string) {\n        if (matchDevExists() && typeof target[prop] === 'function') {\n            return target[prop].bind(console);\n        }\n        return () => {};\n    }\n};\n\nconst matchlog = new Proxy(console, handler);\n\nexport default matchlog;"],"mappings":"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","names":["useEffect","jsx","useState","jsx","jsxs","useState","jsx","jsxs","jsx","useState","jsx","jsxs","Fragment","jsx","jsxs","jsx","useEffect","useState","jsx","jsxs","useState","useEffect"]}

package/dist/chunk-IPT2PAEX.mjs

@@ -0,0 +1,88 @@
+import {
+  Button,
+  Drawer,
+  Field,
+  HashPanel_default,
+  Input,
+  Modal,
+  ModalDrawer,
+  ModalWithHeader,
+  Overlay,
+  Popover
+} from "./chunk-H6M6OSVR.mjs";
+import {
+  LoadingIcon_default
+} from "./chunk-DPXMCLYK.mjs";
+import {
+  __export
+} from "./chunk-J5LGTIGS.mjs";
+
+// src/ui/index.ts
+var ui_exports = {};
+__export(ui_exports, {
+  AlphaAvatar: () => AlphaAvatar,
+  Button: () => Button,
+  Drawer: () => Drawer,
+  Field: () => Field,
+  HashPanel: () => HashPanel_default,
+  Input: () => Input,
+  Modal: () => Modal,
+  ModalDrawer: () => ModalDrawer,
+  ModalWithHeader: () => ModalWithHeader,
+  Overlay: () => Overlay,
+  Popover: () => Popover,
+  Switch: () => Switch
+});
+
+// src/ui/Switch/index.tsx
+import { jsx } from "react/jsx-runtime";
+function Switch({
+  size = "default",
+  checked = false,
+  loading = false,
+  onChange,
+  className,
+  disabled = false,
+  ...props
+}) {
+  const onClick = () => {
+    if (!disabled && !loading) {
+      onChange && onChange(!checked);
+    }
+  };
+  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-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/{chunk-L5G34SC6.mjs → chunk-VY6Y6PLW.mjs}

@@ -9,7 +9,7 @@ import {
   unBindWalletApi,
   useUserInfo,
   verifyPohApi
-} from "./chunk-R7Y4L7CG.mjs";
+} from "./chunk-EQ752DLJ.mjs";
 import {
   __export
 } from "./chunk-J5LGTIGS.mjs";
@@ -90,4 +90,4 @@ export {
   user_exports,
   api_exports
 };
-//# sourceMappingURL=chunk-L5G34SC6.mjs.map
+//# sourceMappingURL=chunk-VY6Y6PLW.mjs.map

package/dist/components/index.d.mts

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

package/dist/components/index.d.ts

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

package/dist/components/index.js

@@ -1125,7 +1125,7 @@ function useDownMd() {
   return isBelowMd;
 }
 
-// src/components/Overlay/index.tsx
+// src/ui/Overlay/index.tsx
 var import_react2 = require("react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function Overlay({
@@ -1155,7 +1155,7 @@ function Overlay({
   ) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, {});
 }
 
-// src/components/Modal/index.tsx
+// src/ui/Modal/index.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");
 function Modal({
   children,
@@ -1221,7 +1221,7 @@ function getAppClientId() {
   return "react-sdk-" + getVersion();
 }
 
-// src/components/Button/index.tsx
+// src/ui/Button/index.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
 function Button({
   size = "df",
@@ -1256,7 +1256,7 @@ function Button({
   );
 }
 
-// src/components/Input/index.tsx
+// src/ui/Input/index.tsx
 var import_react3 = require("react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function Input({
@@ -1295,7 +1295,7 @@ function Input({
   );
 }
 
-// src/components/Field/index.tsx
+// src/ui/Field/index.tsx
 var import_jsx_runtime48 = require("react/jsx-runtime");
 function Field({
   label,
@@ -2248,18 +2248,18 @@ var import_react10 = require("react");
 var import_react_intl4 = require("react-intl");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 
-// src/components/HashPanel/index.tsx
+// src/ui/HashPanel/index.tsx
 var import_viem4 = require("viem");
 var import_react11 = require("react");
 var import_react_query = require("@tanstack/react-query");
 
-// src/components/Drawer/index.tsx
+// src/ui/Drawer/index.tsx
 var import_jsx_runtime54 = require("react/jsx-runtime");
 
-// src/components/ModalDrawer/index.tsx
+// src/ui/ModalDrawer/index.tsx
 var import_jsx_runtime55 = require("react/jsx-runtime");
 
-// src/components/HashPanel/index.tsx
+// src/ui/HashPanel/index.tsx
 var import_jsx_runtime56 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
@@ -2716,7 +2716,7 @@ function EmailModal({
   );
 }
 
-// src/components/Popover/index.tsx
+// src/ui/Popover/index.tsx
 var import_react19 = require("react");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 function Popover({