@multiplatform.one/web3 5.0.27

package/dist/cjs/connectkit/components/ConnectModal/index.native.js

@@ -0,0 +1,159 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ConnectModal_exports = {};
+__export(ConnectModal_exports, {
+  default: () => ConnectModal_default
+});
+module.exports = __toCommonJS(ConnectModal_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_wagmi = require("wagmi");
+var import_ConnectKit = require("../ConnectKit.native.js");
+var import_Modal = __toESM(require("../Common/Modal/index.native.js"));
+var import_Onboarding = __toESM(require("../Pages/Onboarding/index.native.js"));
+var import_About = __toESM(require("../Pages/About/index.native.js"));
+var import_Connectors = __toESM(require("../Pages/Connectors/index.native.js"));
+var import_MobileConnectors = __toESM(require("../Pages/MobileConnectors/index.native.js"));
+var import_ConnectUsing = __toESM(require("./ConnectUsing.native.js"));
+var import_DownloadApp = __toESM(require("../Pages/DownloadApp/index.native.js"));
+var import_Profile = __toESM(require("../Pages/Profile/index.native.js"));
+var import_SwitchNetworks = __toESM(require("../Pages/SwitchNetworks/index.native.js"));
+var import_SignInWithEthereum = __toESM(require("../Pages/SignInWithEthereum/index.native.js"));
+var import_defaultConfig = require("../../defaultConfig.native.js");
+var import_ConnectKitThemeProvider = require("../ConnectKitThemeProvider/ConnectKitThemeProvider.native.js");
+var import_useChainIsSupported = require("../../hooks/useChainIsSupported.native.js");
+var customThemeDefault = {};
+var ConnectModal = function ConnectModal2(param) {
+  var {
+    mode = "auto",
+    theme = "auto",
+    customTheme = customThemeDefault,
+    lang = "en-US"
+  } = param;
+  var _context_options;
+  var context = (0, import_ConnectKit.useContext)();
+  var {
+    isConnected,
+    chain
+  } = (0, import_wagmi.useAccount)();
+  var chainIsSupported = (0, import_useChainIsSupported.useChainIsSupported)(chain === null || chain === void 0 ? void 0 : chain.id);
+  var closeable = !(((_context_options = context.options) === null || _context_options === void 0 ? void 0 : _context_options.enforceSupportedChains) && isConnected && !chainIsSupported);
+  var showBackButton = closeable && context.route !== import_ConnectKit.routes.CONNECTORS && context.route !== import_ConnectKit.routes.PROFILE;
+  var showInfoButton = closeable && context.route !== import_ConnectKit.routes.PROFILE;
+  var onBack = function onBack2() {
+    if (context.route === import_ConnectKit.routes.SIGNINWITHETHEREUM) {
+      context.setRoute(import_ConnectKit.routes.PROFILE);
+    } else if (context.route === import_ConnectKit.routes.SWITCHNETWORKS) {
+      context.setRoute(import_ConnectKit.routes.PROFILE);
+    } else if (context.route === import_ConnectKit.routes.DOWNLOAD) {
+      context.setRoute(import_ConnectKit.routes.CONNECT);
+    } else {
+      context.setRoute(import_ConnectKit.routes.CONNECTORS);
+    }
+  };
+  var pages = {
+    onboarding: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Onboarding.default, {}),
+    about: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_About.default, {}),
+    download: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_DownloadApp.default, {}),
+    connectors: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Connectors.default, {}),
+    mobileConnectors: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MobileConnectors.default, {}),
+    connect: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ConnectUsing.default, {}),
+    profile: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Profile.default, {}),
+    switchNetworks: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SwitchNetworks.default, {}),
+    signInWithEthereum: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SignInWithEthereum.default, {})
+  };
+  function hide() {
+    context.setOpen(false);
+  }
+  (0, import_react.useEffect)(function () {
+    if (isConnected) {
+      if (context.route !== import_ConnectKit.routes.PROFILE || context.route !== import_ConnectKit.routes.SIGNINWITHETHEREUM) {
+        var _context_options2;
+        if (context.signInWithEthereum && !((_context_options2 = context.options) === null || _context_options2 === void 0 ? void 0 : _context_options2.disableSiweRedirect)) {
+          context.setRoute(import_ConnectKit.routes.SIGNINWITHETHEREUM);
+        } else {
+          hide();
+        }
+      }
+    } else {
+      hide();
+    }
+  },
+  // Hide on connect
+  [isConnected]);
+  (0, import_react.useEffect)(function () {
+    return context.setMode(mode);
+  }, [mode]);
+  (0, import_react.useEffect)(function () {
+    return context.setTheme(theme);
+  }, [theme]);
+  (0, import_react.useEffect)(function () {
+    return context.setCustomTheme(customTheme);
+  }, [customTheme]);
+  (0, import_react.useEffect)(function () {
+    return context.setLang(lang);
+  }, [lang]);
+  (0, import_react.useEffect)(function () {
+    var appName = (0, import_defaultConfig.getAppName)();
+    if (!appName || !context.open) return;
+    var title = document.createElement("meta");
+    title.setAttribute("property", "og:title");
+    title.setAttribute("content", appName);
+    document.head.prepend(title);
+    return function () {
+      document.head.removeChild(title);
+    };
+  },
+  //if (appIcon) document.head.removeChild(icon);
+  [context.open]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ConnectKitThemeProvider.ConnectKitThemeProvider, {
+    theme,
+    customTheme,
+    mode,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Modal.default, {
+      open: context.open,
+      pages,
+      pageId: context.route,
+      onClose: closeable ? hide : void 0,
+      onInfo: showInfoButton ? function () {
+        return context.setRoute(import_ConnectKit.routes.ABOUT);
+      } : void 0,
+      onBack: showBackButton ? onBack : void 0
+    })
+  });
+};
+var ConnectModal_default = ConnectModal;
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/connectkit/components/ConnectModal/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ConnectModal_exports","__export","default","ConnectModal_default","module","exports","import_jsx_runtime","require","import_react","import_wagmi","import_ConnectKit","import_Modal","__toESM","import_Onboarding","import_About","import_Connectors","import_MobileConnectors","import_ConnectUsing","import_DownloadApp","import_Profile","import_SwitchNetworks","import_SignInWithEthereum","import_defaultConfig","import_ConnectKitThemeProvider","import_useChainIsSupported","customThemeDefault","ConnectModal","ConnectModal2","param","mode","theme","customTheme","lang","_context_options","context","useContext","isConnected","chain","useAccount","chainIsSupported","useChainIsSupported","id","closeable","options","enforceSupportedChains","showBackButton","route","routes","CONNECTORS","PROFILE","showInfoButton","onBack","onBack2","SIGNINWITHETHEREUM","setRoute","SWITCHNETWORKS","DOWNLOAD","CONNECT","pages","onboarding","jsx","about","download","connectors","mobileConnectors","connect","profile","switchNetworks","signInWithEthereum","hide","setOpen","useEffect","_context_options2","disableSiweRedirect","setMode","setTheme","setCustomTheme","setLang","appName","getAppName","open","title","document","createElement","setAttribute","head","prepend","removeChild"],"sources":["../../../../../src/connectkit/components/ConnectModal/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/connectkit/components/NetworkButton/index.cjs

@@ -0,0 +1,146 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var NetworkButton_exports = {};
+__export(NetworkButton_exports, {
+  default: () => NetworkButton_default
+});
+module.exports = __toCommonJS(NetworkButton_exports);
+var import_react = require("react");
+var import_framer_motion = require("framer-motion");
+var import_wagmi = require("wagmi");
+var import_useIsMounted = __toESM(require("../../hooks/useIsMounted.cjs"));
+var import_Chain = __toESM(require("../Common/Chain/index.cjs"));
+var import_DynamicContainer = __toESM(require("../Common/DynamicContainer/index.cjs"));
+var import_chainConfigs = require("../../constants/chainConfigs.cjs");
+var import_ThemedButton = __toESM(require("../Common/ThemedButton/index.cjs"));
+var import_ChainSelectDropdown = __toESM(require("../Common/ChainSelectDropdown/index.cjs"));
+var import_ConnectKitThemeProvider = require("../ConnectKitThemeProvider/ConnectKitThemeProvider.cjs");
+var import_framer_motion2 = require("framer-motion");
+var import_styled = __toESM(require("./../../styles/styled/index.cjs"));
+var import_ConnectKit = require("../ConnectKit.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const Container = (0, import_styled.default)(import_framer_motion2.motion.div)`
+  position: relative;
+`;
+const ArrowIcon = /* @__PURE__ */(0, import_jsx_runtime.jsx)("svg", {
+  width: "10",
+  height: "7",
+  viewBox: "0 0 10 7",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L5 4.08579L8.29289 0.792893C8.68342 0.402369 9.31658 0.402369 9.70711 0.792893C10.0976 1.18342 10.0976 1.81658 9.70711 2.20711L5.70711 6.20711C5.31658 6.59763 4.68342 6.59763 4.29289 6.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z",
+    fill: "currentColor"
+  })
+});
+const NetworkButton = ({
+  theme,
+  mode,
+  customTheme,
+  hideIcon,
+  hideName
+}) => {
+  const context = (0, import_ConnectKit.useContext)();
+  const isMounted = (0, import_useIsMounted.default)();
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const {
+    isConnected,
+    chain
+  } = (0, import_wagmi.useAccount)();
+  if (!isMounted) return null;
+  const currentChain = import_chainConfigs.chainConfigs.find(c => c.id === chain?.id);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ConnectKitThemeProvider.ConnectKitThemeProvider, {
+    theme: theme ?? context.theme,
+    mode: mode ?? context.mode,
+    customTheme: customTheme ?? context.customTheme,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, {
+      initial: false,
+      children: !(hideIcon && hideName) && (isConnected || chain) && /* @__PURE__ */(0, import_jsx_runtime.jsx)(Container, {
+        initial: {
+          opacity: 0
+        },
+        animate: {
+          opacity: 1
+        },
+        exit: {
+          opacity: 0
+        },
+        transition: {
+          duration: 0.2,
+          ease: "linear"
+        },
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ChainSelectDropdown.default, {
+          open,
+          onClose: () => setOpen(false),
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ThemedButton.default, {
+            theme,
+            mode,
+            customTheme,
+            onClick: () => setOpen(true),
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
+              style: {
+                display: "flex",
+                gap: 8,
+                alignItems: "center",
+                justifyContent: "center"
+              },
+              children: [!hideIcon && /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Chain.default, {
+                  id: chain?.id
+                })
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, {
+                initial: false,
+                children: !hideName && /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_DynamicContainer.default, {
+                    id: `chain-${chain?.id}`,
+                    children: currentChain?.name ?? chain?.name
+                  })
+                })
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+                style: {
+                  minWidth: 10,
+                  transform: "translateY(1px)"
+                },
+                children: ArrowIcon
+              })]
+            })
+          })
+        })
+      })
+    })
+  });
+};
+var NetworkButton_default = NetworkButton;

package/dist/cjs/connectkit/components/NetworkButton/index.native.js

@@ -0,0 +1,157 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var NetworkButton_exports = {};
+__export(NetworkButton_exports, {
+  default: () => NetworkButton_default
+});
+module.exports = __toCommonJS(NetworkButton_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_framer_motion = require("framer-motion");
+var import_wagmi = require("wagmi");
+var import_useIsMounted = __toESM(require("../../hooks/useIsMounted.native.js"));
+var import_Chain = __toESM(require("../Common/Chain/index.native.js"));
+var import_DynamicContainer = __toESM(require("../Common/DynamicContainer/index.native.js"));
+var import_chainConfigs = require("../../constants/chainConfigs.native.js");
+var import_ThemedButton = __toESM(require("../Common/ThemedButton/index.native.js"));
+var import_ChainSelectDropdown = __toESM(require("../Common/ChainSelectDropdown/index.native.js"));
+var import_ConnectKitThemeProvider = require("../ConnectKitThemeProvider/ConnectKitThemeProvider.native.js");
+var import_framer_motion2 = require("framer-motion");
+var import_styled = __toESM(require("./../../styles/styled/index.native.js"));
+var import_ConnectKit = require("../ConnectKit.native.js");
+var Container = (0, import_styled.default)(import_framer_motion2.motion.div)`
+  position: relative;
+`;
+var ArrowIcon = /* @__PURE__ */(0, import_jsx_runtime.jsx)("svg", {
+  width: "10",
+  height: "7",
+  viewBox: "0 0 10 7",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L5 4.08579L8.29289 0.792893C8.68342 0.402369 9.31658 0.402369 9.70711 0.792893C10.0976 1.18342 10.0976 1.81658 9.70711 2.20711L5.70711 6.20711C5.31658 6.59763 4.68342 6.59763 4.29289 6.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z",
+    fill: "currentColor"
+  })
+});
+var NetworkButton = function NetworkButton2(param) {
+  var {
+    theme,
+    mode,
+    customTheme,
+    hideIcon,
+    hideName
+  } = param;
+  var _ref;
+  var context = (0, import_ConnectKit.useContext)();
+  var isMounted = (0, import_useIsMounted.default)();
+  var [open, setOpen] = (0, import_react.useState)(false);
+  var {
+    isConnected,
+    chain
+  } = (0, import_wagmi.useAccount)();
+  if (!isMounted) return null;
+  var currentChain = import_chainConfigs.chainConfigs.find(function (c) {
+    return c.id === (chain === null || chain === void 0 ? void 0 : chain.id);
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ConnectKitThemeProvider.ConnectKitThemeProvider, {
+    theme: theme !== null && theme !== void 0 ? theme : context.theme,
+    mode: mode !== null && mode !== void 0 ? mode : context.mode,
+    customTheme: customTheme !== null && customTheme !== void 0 ? customTheme : context.customTheme,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, {
+      initial: false,
+      children: !(hideIcon && hideName) && (isConnected || chain) && /* @__PURE__ */(0, import_jsx_runtime.jsx)(Container, {
+        initial: {
+          opacity: 0
+        },
+        animate: {
+          opacity: 1
+        },
+        exit: {
+          opacity: 0
+        },
+        transition: {
+          duration: 0.2,
+          ease: "linear"
+        },
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ChainSelectDropdown.default, {
+          open,
+          onClose: function onClose() {
+            return setOpen(false);
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ThemedButton.default, {
+            theme,
+            mode,
+            customTheme,
+            onClick: function onClick() {
+              return setOpen(true);
+            },
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
+              style: {
+                display: "flex",
+                gap: 8,
+                alignItems: "center",
+                justifyContent: "center"
+              },
+              children: [!hideIcon && /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Chain.default, {
+                  id: chain === null || chain === void 0 ? void 0 : chain.id
+                })
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, {
+                initial: false,
+                children: !hideName && /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_DynamicContainer.default, {
+                    id: `chain-${chain === null || chain === void 0 ? void 0 : chain.id}`,
+                    children: (_ref = currentChain === null || currentChain === void 0 ? void 0 : currentChain.name) !== null && _ref !== void 0 ? _ref : chain === null || chain === void 0 ? void 0 : chain.name
+                  })
+                })
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+                style: {
+                  minWidth: 10,
+                  transform: "translateY(1px)"
+                },
+                children: ArrowIcon
+              })]
+            })
+          })
+        })
+      })
+    })
+  });
+};
+var NetworkButton_default = NetworkButton;
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/connectkit/components/NetworkButton/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","NetworkButton_exports","__export","default","NetworkButton_default","module","exports","import_jsx_runtime","require","import_react","__toESM","import_framer_motion","import_wagmi","import_useIsMounted","import_Chain","import_DynamicContainer","import_chainConfigs","import_ThemedButton","import_ChainSelectDropdown","import_ConnectKitThemeProvider","import_framer_motion2","import_styled","import_ConnectKit","Container","motion","div","ArrowIcon","jsx","width","height","viewBox","fill","xmlns","children","fillRule","clipRule","d","NetworkButton","NetworkButton2","param","theme","mode","customTheme","hideIcon","hideName","_ref","context","useContext","isMounted","open","setOpen","useState","isConnected","chain","useAccount","currentChain","chainConfigs","find","c","id","ConnectKitThemeProvider","AnimatePresence","initial","opacity","animate","exit","transition","duration","ease","onClose","onClick","jsxs","style","display","gap","alignItems","justifyContent","name"],"sources":["../../../../../src/connectkit/components/NetworkButton/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}