@matchain/matchid-sdk-react 0.1.56-alpha.9 → 0.1.57

package/dist/index.mjs

@@ -6,7 +6,7 @@ import {
 } from "./chunk-HBOS3RBL.mjs";
 import {
   api_exports
-} from "./chunk-JCMQBWWW.mjs";
+} from "./chunk-EUG3QRAG.mjs";
 import {
   MatchProvider,
   ModalProvider,
@@ -16,13 +16,13 @@ import {
   ui_exports,
   useMatch,
   wagmiConfig
-} from "./chunk-LOZCAT7A.mjs";
+} from "./chunk-QMV4FDUH.mjs";
 import "./chunk-JX73EY6V.mjs";
 import "./chunk-UA6XHZHX.mjs";
 import "./chunk-IZOOVZAD.mjs";
 import {
   icon_exports
-} from "./chunk-FQ6PYZPD.mjs";
+} from "./chunk-7SUDHG7S.mjs";
 import {
   lottie_exports
 } from "./chunk-XM6CYEXN.mjs";

package/dist/ui.js

@@ -1064,6 +1064,12 @@ var useWalletModalStore = (0, import_zustand5.create)((set) => ({
   open: (type, methods = DEFAULT_WALLET_METHODS) => set({ isOpen: true, type, methods }),
   close: () => set({ isOpen: false })
 }));
+var useEmailModalStore = (0, import_zustand5.create)((set) => ({
+  isOpen: false,
+  type: "",
+  open: (type) => set({ isOpen: true, type }),
+  close: () => set({ isOpen: false })
+}));
 
 // src/components/CEXBindModal/index.tsx
 var import_react15 = require("react");
@@ -1072,11 +1078,16 @@ var import_jsx_runtime70 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
 var import_react_query8 = require("@tanstack/react-query");
+
+// src/components/BindEmailModal/index.tsx
 var import_jsx_runtime71 = require("react/jsx-runtime");
 
-// src/context/index.tsx
+// src/context/BusinessProvider.tsx
 var import_jsx_runtime72 = require("react/jsx-runtime");
 
+// src/context/index.tsx
+var import_jsx_runtime73 = require("react/jsx-runtime");
+
 // src/hooks/useWalletInit.ts
 var import_react16 = require("react");
 var AppClientId2 = getAppClientId();
@@ -1155,7 +1166,7 @@ var matchTest = /* @__PURE__ */ (0, import_viem12.defineChain)({
 
 // src/MatchContext.tsx
 var import_wagmi = require("wagmi");
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var queryClient = new import_react_query9.QueryClient();
 var wagmiConfig = (0, import_rainbowkit.getDefaultConfig)({
   appName: "MatchID",
@@ -1179,15 +1190,15 @@ var MatchContext = (0, import_react18.createContext)(void 0);
 // src/components/EmailModal/StepVerify.tsx
 var import_react20 = require("react");
 var import_react_intl7 = require("react-intl");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
 var import_react_intl8 = require("react-intl");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 
 // src/ui/Popover/index.tsx
 var import_react22 = require("react");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 function Popover({
   children,
   content,
@@ -1197,7 +1208,7 @@ function Popover({
   gap = "20px"
 }) {
   const [active, setActive] = (0, import_react22.useState)(false);
-  return children && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+  return children && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
     "div",
     {
       onClick: () => {
@@ -1208,9 +1219,9 @@ function Popover({
       className: `matchid-popover-box matchid-popover-${position} matchid-popover-${type} ${className} ${type == "click" && active ? "matchid-popover-click-active" : ""}`,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: {
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { style: {
           paddingTop: gap
-        }, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: `matchid-popover-content`, children: content }) })
+        }, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: `matchid-popover-content`, children: content }) })
       ]
     }
   );
@@ -1224,36 +1235,36 @@ var import_react_intl9 = require("react-intl");
 var import_react_query10 = require("@tanstack/react-query");
 
 // src/components/LoginBox/index.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react25 = require("react");
 
 // src/components/LoginPanel/index.tsx
 var import_react_intl10 = require("react-intl");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react24 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react_intl11 = require("react-intl");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react_intl12 = require("react-intl");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
 var import_react26 = require("react");
 var import_react_intl13 = require("react-intl");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 
 // src/components/EVMModal/index.tsx
 var import_react29 = require("react");
@@ -1261,7 +1272,7 @@ var import_react_intl14 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
 var import_react27 = require("react");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 
 // src/components/EVMModal/index.tsx
 var import_rainbowkit2 = require("@rainbow-me/rainbowkit");
@@ -1278,7 +1289,7 @@ var import_ethers = require("ethers");
 // src/components/EVMModal/index.tsx
 var import_siwe = require("siwe");
 var import_styles = require("@rainbow-me/rainbowkit/styles.css");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 
 // src/components/TRONModal/index.tsx
 var import_react31 = __toESM(require("react"));
@@ -1288,13 +1299,13 @@ var import_react_intl15 = require("react-intl");
 var import_react30 = require("react");
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 
 // src/components/TONModal/index.tsx
 var import_react32 = __toESM(require("react"));
 var import_react_intl16 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 
 // src/components/BTCModal/index.tsx
 var import_react34 = __toESM(require("react"));
@@ -1307,34 +1318,34 @@ var import_sats_connect = require("sats-connect");
 var import_react33 = require("react");
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 
 // src/components/WalletModal/index.tsx
 var import_react35 = require("react");
 var import_react_intl18 = require("react-intl");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 
 // src/components/AlphaAvatar/index.tsx
 var import_react36 = require("react");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 
 // src/components/WalletAsset/index.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 
 // src/components/TokenSend/index.tsx
 var import_react37 = require("react");
 var import_viem13 = require("viem");
 var import_react_intl19 = require("react-intl");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 
 // src/components/TokenDetail/index.tsx
 var import_react_intl20 = require("react-intl");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 
 // src/components/TokenSendList/index.tsx
 var import_react38 = require("react");
 var import_react_intl21 = require("react-intl");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 
 // src/components/TransactionList/index.tsx
 var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
@@ -1342,11 +1353,11 @@ var import_react39 = require("react");
 var import_viem14 = require("viem");
 var import_viem15 = require("viem");
 var import_react_intl22 = require("react-intl");
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 
 // src/ui/Modal/index.tsx
 var import_react_intl23 = require("react-intl");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function Modal({
   children,
   isOpen,
@@ -1354,10 +1365,10 @@ function Modal({
   zIndex = 100,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-modal ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-modal ${className}`, style: {
     width
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "matchid-modal-mobile-header" }),
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "matchid-modal-mobile-header" }),
     children
   ] }) });
 }
@@ -1371,13 +1382,13 @@ function ModalWithHeader({
   ...props
 }) {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Modal, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "matchid-modal-header-content", children: [
-        onBack && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "matchid-modal-header-title", children: title })
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(Modal, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "matchid-modal-header-content", children: [
+        onBack && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "matchid-modal-header-title", children: title })
       ] }),
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
     ] }),
     children
   ] });
@@ -1412,17 +1423,17 @@ function ConfirmModal({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ModalWithHeader, { isOpen, onClose, title, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "matchid-confirm-modal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "matchid-w-full", children }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: `matchid-error`, children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { size: "lg", onClick: onSubmit, loading, block: true, highlight: true, children: confirmText ?? intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ModalWithHeader, { isOpen, onClose, title, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "matchid-confirm-modal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "matchid-w-full", children }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: `matchid-error`, children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { size: "lg", onClick: onSubmit, loading, block: true, highlight: true, children: confirmText ?? intl.formatMessage({
       id: "Confirm"
     }) })
   ] }) });
 }
 
 // src/ui/ModalDrawer/index.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 function ModalDrawer({
   title,
   drawerTitleVisible = true,
@@ -1430,13 +1441,13 @@ function ModalDrawer({
 }) {
   const isDownMd = useDownMd();
   if (isDownMd) {
-    return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ModalWithHeader, { ...props, title });
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ModalWithHeader, { ...props, title });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Drawer, { ...props, title: drawerTitleVisible ? title : null });
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Drawer, { ...props, title: drawerTitleVisible ? title : null });
 }
 
 // src/ui/HashPanel/index.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 function HashPanel({
   hash,
   chain,
@@ -1496,14 +1507,14 @@ function HashPanel({
     }
   }, [hashQuery.data]);
   const link = chain ? `${chain?.blockExplorers?.default.url}/tx/${hash}` : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
     ModalDrawer,
     {
       isOpen,
       showClose: true,
       onClose,
       zIndex,
-      title: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      title: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
         "div",
         {
           className: "matchid-hashpanel-header",
@@ -1513,32 +1524,32 @@ function HashPanel({
           children: statusValue.text
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "matchid-hashpanel-box", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "matchid-hashpanel-content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-hashpanel-status`, style: {
+      children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "matchid-hashpanel-box", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "matchid-hashpanel-content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: `matchid-hashpanel-status`, style: {
             color: statusValue.color
           }, children: statusValue.text }),
-          statusValue.lottie && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Lottie_default, { animationData: statusValue.lottie, style: {
+          statusValue.lottie && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Lottie_default, { animationData: statusValue.lottie, style: {
             width: "96px",
             height: "96px"
           } }),
-          hash && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
+          hash && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
             "Hash:",
-            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("a", { href: link, target: "_blank", children: hash })
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("a", { href: link, target: "_blank", children: hash })
           ] }),
-          error && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "matchid-hashpanel-text", children: error })
+          error && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-hashpanel-text", children: error })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
       ] })
     }
   );
 }
 function HashPanel_default(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(HashPanel, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(HashPanel, { ...props });
 }
 
 // src/ui/Switch/index.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 function Switch({
   size = "default",
   checked = false,
@@ -1553,12 +1564,12 @@ function Switch({
       onChange && onChange(!checked);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime99.jsx)(LoadingIcon_default, { className: "matchid-switch-loading-icon", size: size == "default" ? 24 : 18, color: "var(--matchid-swicth-loading-color)" }) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-switch-ball" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.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_runtime100.jsx)(LoadingIcon_default, { className: "matchid-switch-loading-icon", size: size == "default" ? 24 : 18, color: "var(--matchid-swicth-loading-color)" }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "matchid-switch-ball" }) });
 }
 
 // src/ui/AlphaAvatar/index.tsx
 var import_react42 = require("react");
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 function AlphaAvatar2({
   name,
   size = "default",
@@ -1575,7 +1586,7 @@ function AlphaAvatar2({
     return "";
   }, [name]);
   const numberSize = typeof size === "number" ? size : size === "sm" ? 24 : size === "default" ? 40 : 64;
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
     width: numberSize,
     height: numberSize,
     fontSize: Math.ceil(numberSize / 2),
@@ -1584,7 +1595,7 @@ function AlphaAvatar2({
 }
 
 // src/ui/Radio/index.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 function Radio({
   checked = false,
   onChange,
@@ -1593,20 +1604,20 @@ function Radio({
   className = "",
   style = {}
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { onClick: onChange, className: `matchid-radio ${className} ${checked ? "matchid-radio-checked" : ""}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { onClick: onChange, className: `matchid-radio ${className} ${checked ? "matchid-radio-checked" : ""}`, style: {
     width: size,
     height: size,
     ...style,
     // @ts-ignore
     "--matchid-radio-checked": color
-  }, children: checked && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: `matchid-radio-content`, style: {
+  }, children: checked && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: `matchid-radio-content`, style: {
     width: Math.floor(size * 0.7),
     height: Math.floor(size * 0.7)
   } }) });
 }
 
 // src/ui/Skeleton/index.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var Skeleton = ({
   style = {},
   className = "",
@@ -1617,7 +1628,7 @@ var Skeleton = ({
   children
 }) => {
   if (!loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_jsx_runtime102.Fragment, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_jsx_runtime103.Fragment, { children });
   }
   const skeletonStyle = {
     width,
@@ -1625,7 +1636,7 @@ var Skeleton = ({
     borderRadius: radius,
     ...style
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     {
       className: "matchid-skeleton " + className,
@@ -1636,10 +1647,10 @@ var Skeleton = ({
 var Skeleton_default = Skeleton;
 
 // src/ui/Tabs/index.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 function Tabs(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: `matchid-tabs`, children: props.tabs.map((tab, index) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { onClick: () => props.setActiveTab(index), className: `matchid-tab ${props.activeTab === index ? "matchid-tab-active" : ""}`, children: tab }, index);
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: `matchid-tabs`, children: props.tabs.map((tab, index) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { onClick: () => props.setActiveTab(index), className: `matchid-tab ${props.activeTab === index ? "matchid-tab-active" : ""}`, children: tab }, index);
   }) });
 }
 
@@ -1657,12 +1668,12 @@ var LazyLottie = (props) => {
 var Lottie_default = LazyLottie;
 
 // src/ui/Checkbox/index.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 function Checkbox({
   checked = false,
   onChange
 }) {
-  return checked ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(CheckboxCheckedIcon, { onClick: () => onChange?.(false) }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(CheckboxIcon, { onClick: () => onChange?.(true) });
+  return checked ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(CheckboxCheckedIcon, { onClick: () => onChange?.(false) }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(CheckboxIcon, { onClick: () => onChange?.(true) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {