@multiplatform.one/web3 5.0.27

package/dist/esm/connectkit/components/ConnectModal/demo.native.js

@@ -0,0 +1,228 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useAccount } from "wagmi";
+import { routes, useContext } from "../ConnectKit.native.js";
+import Modal from "../Common/Modal/index.native.js";
+import Onboarding from "../Pages/Onboarding/index.native.js";
+import About from "../Pages/About/index.native.js";
+import Connectors from "../Pages/Connectors/index.native.js";
+import ConnectUsing from "./ConnectUsing.native.js";
+import DownloadApp from "../Pages/DownloadApp/index.native.js";
+import Profile from "../Pages/Profile/index.native.js";
+import SwitchNetworks from "../Pages/SwitchNetworks/index.native.js";
+import MobileConnectors from "../Pages/MobileConnectors/index.native.js";
+import SignInWithEthereum from "../Pages/SignInWithEthereum/index.native.js";
+import { ConnectKitButton } from "../ConnectButton/index.native.js";
+import { getAppName } from "../../defaultConfig.native.js";
+import { ConnectKitThemeProvider } from "../ConnectKitThemeProvider/ConnectKitThemeProvider.native.js";
+import styled from "./../../styles/styled/index.native.js";
+import { keyframes } from "styled-components";
+import { Web3ContextProvider } from "../contexts/web3/index.native.js";
+import { useChainIsSupported } from "../../hooks/useChainIsSupported.native.js";
+var dist = 8;
+var shake = keyframes`
+  0%{ transform:none; }
+  25%{ transform:translateX(${dist}px); }
+  50%{ transform:translateX(-${dist}px); }
+  75%{ transform:translateX(${dist}px); }
+  100%{ transform:none; }
+`;
+var cursorIn = keyframes`
+  0%{ transform:translate(500%,100%); opacity:0; }
+  60%{ transform:translate(25%,-20%); opacity:1; }
+  70%{ transform:translate(25%,-20%); }
+  85%{ transform:translate(25%,-20%) scale(0.9); }
+  100%{ transform:translate(25%,-20%) scale(1); opacity:1; }
+`;
+var Cursor = styled.div`
+  z-index: 2;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.5);
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 4px 6px rgba(0, 0, 0, 0.1);
+  opacity: 0;
+  &.play {
+    animation: ${cursorIn} 1300ms 200ms cubic-bezier(0.16, 1, 0.6, 1) both;
+  }
+`;
+var Container = styled.div`
+  z-index: 1;
+  position: absolute;
+  inset: 0;
+  &.shake {
+    animation: ${shake} 300ms 100ms cubic-bezier(0.16, 1, 0.6, 1) both;
+  }
+`;
+var ButtonContainer = styled.div`
+  z-index: 1;
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  &:before {
+    z-index: 9;
+    content: '';
+    position: absolute;
+    inset: 0;
+  }
+`;
+var customThemeDefault = {};
+var ConnectModal = function ConnectModal2(param) {
+  var {
+    theme = "auto",
+    customTheme = customThemeDefault,
+    lang = "en-US",
+    mode = "auto",
+    inline = false,
+    open,
+    onClose
+  } = param;
+  var _context_options;
+  var context = useContext();
+  var {
+    isConnected,
+    chain
+  } = useAccount();
+  var chainIsSupported = 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 !== routes.CONNECTORS && context.route !== routes.PROFILE;
+  var showInfoButton = closeable && context.route !== routes.PROFILE;
+  var onBack = function onBack2() {
+    if (context.route === routes.SIGNINWITHETHEREUM) {
+      context.setRoute(routes.PROFILE);
+    } else if (context.route === routes.SWITCHNETWORKS) {
+      context.setRoute(routes.PROFILE);
+    } else if (context.route === routes.DOWNLOAD) {
+      context.setRoute(routes.CONNECT);
+    } else {
+      context.setRoute(routes.CONNECTORS);
+    }
+  };
+  var pages = {
+    onboarding: /* @__PURE__ */_jsx(Onboarding, {}),
+    about: /* @__PURE__ */_jsx(About, {}),
+    download: /* @__PURE__ */_jsx(DownloadApp, {}),
+    connectors: /* @__PURE__ */_jsx(Connectors, {}),
+    mobileConnectors: /* @__PURE__ */_jsx(MobileConnectors, {}),
+    connect: /* @__PURE__ */_jsx(ConnectUsing, {}),
+    profile: /* @__PURE__ */_jsx(Profile, {
+      closeModal: function closeModal() {
+        return setIsOpen(false);
+      }
+    }),
+    switchNetworks: /* @__PURE__ */_jsx(SwitchNetworks, {}),
+    signInWithEthereum: /* @__PURE__ */_jsx(SignInWithEthereum, {})
+  };
+  var ref = useRef(null);
+  var cursorRef = useRef(null);
+  var [isOpen, setIsOpen] = useState(open !== null && open !== void 0 ? open : false);
+  useEffect(function () {
+    if (open) context.setRoute(isConnected ? routes.PROFILE : routes.CONNECTORS);
+    setIsOpen(open !== null && open !== void 0 ? open : false);
+  }, [open]);
+  useEffect(function () {
+    if (isOpen) context.setRoute(isConnected ? routes.PROFILE : routes.CONNECTORS);
+  }, [isOpen]);
+  useEffect(function () {
+    if (!isOpen && inline) {
+      if (onClose) {
+        if (cursorRef.current) {
+          cursorRef.current.classList.remove("play");
+          void cursorRef.current.offsetWidth;
+          cursorRef.current.classList.add("play");
+        }
+        setTimeout(function () {
+          setIsOpen(true);
+        }, 1500);
+      } else {
+        setTimeout(function () {
+          setIsOpen(true);
+        }, 500);
+      }
+    }
+  }, [isOpen]);
+  var onModalClose = function onModalClose2() {
+    if (onClose) {
+      setIsOpen(false);
+      onClose();
+    } else {
+      if (ref.current) {
+        ref.current.classList.remove("shake");
+        void ref.current.offsetWidth;
+        ref.current.classList.add("shake");
+      }
+    }
+  };
+  useEffect(function () {
+    if (isConnected) {
+      if (context.route !== routes.PROFILE || context.route !== routes.SIGNINWITHETHEREUM) {
+        var _context_options2;
+        if (context.signInWithEthereum && !((_context_options2 = context.options) === null || _context_options2 === void 0 ? void 0 : _context_options2.disableSiweRedirect)) {
+          context.setRoute(routes.SIGNINWITHETHEREUM);
+        } else {
+          onModalClose();
+        }
+      }
+    } else {
+      onModalClose();
+    }
+  },
+  // Hide on connect
+  [isConnected]);
+  useEffect(function () {
+    var appName = getAppName();
+    if (!appName || !open && !inline) 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);
+    };
+  }, [open, inline]);
+  return /* @__PURE__ */_jsx(Web3ContextProvider, {
+    enabled: isOpen,
+    children: /* @__PURE__ */_jsx(ConnectKitThemeProvider, {
+      theme,
+      customTheme,
+      mode,
+      children: /* @__PURE__ */_jsxs(Container, {
+        ref,
+        children: [inline && onClose && /* @__PURE__ */_jsxs(_Fragment, {
+          children: [/* @__PURE__ */_jsx(Cursor, {
+            ref: cursorRef
+          }), /* @__PURE__ */_jsx(ButtonContainer, {
+            children: /* @__PURE__ */_jsx(ConnectKitButton, {
+              customTheme,
+              theme,
+              mode
+            })
+          })]
+        }), /* @__PURE__ */_jsx(Modal, {
+          demo: {
+            theme,
+            customTheme,
+            mode
+          },
+          onClose: closeable ? onModalClose : void 0,
+          positionInside: inline,
+          open: isOpen,
+          pages,
+          pageId: context.route,
+          onInfo: showInfoButton ? function () {
+            return context.setRoute(routes.ABOUT);
+          } : void 0,
+          onBack: showBackButton ? onBack : void 0
+        })]
+      })
+    })
+  });
+};
+var demo_default = ConnectModal;
+export { demo_default as default };
+//# sourceMappingURL=demo.native.js.map

package/dist/esm/connectkit/components/ConnectModal/demo.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useEffect","useRef","useState","useAccount","routes","useContext","Modal","Onboarding","About","Connectors","ConnectUsing","DownloadApp","Profile","SwitchNetworks","MobileConnectors","SignInWithEthereum","ConnectKitButton","getAppName","ConnectKitThemeProvider","styled","keyframes","Web3ContextProvider","useChainIsSupported","dist","shake","cursorIn","Cursor","div","Container","ButtonContainer","customThemeDefault","ConnectModal","ConnectModal2","param","theme","customTheme","lang","mode","inline","open","onClose","_context_options","context","isConnected","chain","chainIsSupported","id","closeable","options","enforceSupportedChains","showBackButton","route","CONNECTORS","PROFILE","showInfoButton","onBack","onBack2","SIGNINWITHETHEREUM","setRoute","SWITCHNETWORKS","DOWNLOAD","CONNECT","pages","onboarding","about","download","connectors","mobileConnectors","connect","profile","closeModal","setIsOpen","switchNetworks","signInWithEthereum","ref","cursorRef","isOpen","current","classList","remove","offsetWidth","add","setTimeout","onModalClose","onModalClose2","_context_options2","disableSiweRedirect","appName","title","document","createElement","setAttribute","head","prepend","removeChild","enabled","children"],"sources":["../../../../../src/connectkit/components/ConnectModal/demo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/connectkit/components/ConnectModal/index.mjs

@@ -0,0 +1,103 @@
+import { useEffect } from "react";
+import { useAccount } from "wagmi";
+import { routes, useContext } from "../ConnectKit.mjs";
+import Modal from "../Common/Modal/index.mjs";
+import Onboarding from "../Pages/Onboarding/index.mjs";
+import About from "../Pages/About/index.mjs";
+import Connectors from "../Pages/Connectors/index.mjs";
+import MobileConnectors from "../Pages/MobileConnectors/index.mjs";
+import ConnectUsing from "./ConnectUsing.mjs";
+import DownloadApp from "../Pages/DownloadApp/index.mjs";
+import Profile from "../Pages/Profile/index.mjs";
+import SwitchNetworks from "../Pages/SwitchNetworks/index.mjs";
+import SignInWithEthereum from "../Pages/SignInWithEthereum/index.mjs";
+import { getAppName } from "../../defaultConfig.mjs";
+import { ConnectKitThemeProvider } from "../ConnectKitThemeProvider/ConnectKitThemeProvider.mjs";
+import { useChainIsSupported } from "../../hooks/useChainIsSupported.mjs";
+import { jsx } from "react/jsx-runtime";
+const customThemeDefault = {};
+const ConnectModal = ({
+  mode = "auto",
+  theme = "auto",
+  customTheme = customThemeDefault,
+  lang = "en-US"
+}) => {
+  const context = useContext();
+  const {
+    isConnected,
+    chain
+  } = useAccount();
+  const chainIsSupported = useChainIsSupported(chain?.id);
+  const closeable = !(context.options?.enforceSupportedChains && isConnected && !chainIsSupported);
+  const showBackButton = closeable && context.route !== routes.CONNECTORS && context.route !== routes.PROFILE;
+  const showInfoButton = closeable && context.route !== routes.PROFILE;
+  const onBack = () => {
+    if (context.route === routes.SIGNINWITHETHEREUM) {
+      context.setRoute(routes.PROFILE);
+    } else if (context.route === routes.SWITCHNETWORKS) {
+      context.setRoute(routes.PROFILE);
+    } else if (context.route === routes.DOWNLOAD) {
+      context.setRoute(routes.CONNECT);
+    } else {
+      context.setRoute(routes.CONNECTORS);
+    }
+  };
+  const pages = {
+    onboarding: /* @__PURE__ */jsx(Onboarding, {}),
+    about: /* @__PURE__ */jsx(About, {}),
+    download: /* @__PURE__ */jsx(DownloadApp, {}),
+    connectors: /* @__PURE__ */jsx(Connectors, {}),
+    mobileConnectors: /* @__PURE__ */jsx(MobileConnectors, {}),
+    connect: /* @__PURE__ */jsx(ConnectUsing, {}),
+    profile: /* @__PURE__ */jsx(Profile, {}),
+    switchNetworks: /* @__PURE__ */jsx(SwitchNetworks, {}),
+    signInWithEthereum: /* @__PURE__ */jsx(SignInWithEthereum, {})
+  };
+  function hide() {
+    context.setOpen(false);
+  }
+  useEffect(() => {
+    if (isConnected) {
+      if (context.route !== routes.PROFILE || context.route !== routes.SIGNINWITHETHEREUM) {
+        if (context.signInWithEthereum && !context.options?.disableSiweRedirect) {
+          context.setRoute(routes.SIGNINWITHETHEREUM);
+        } else {
+          hide();
+        }
+      }
+    } else {
+      hide();
+    }
+  }, [isConnected]);
+  useEffect(() => context.setMode(mode), [mode]);
+  useEffect(() => context.setTheme(theme), [theme]);
+  useEffect(() => context.setCustomTheme(customTheme), [customTheme]);
+  useEffect(() => context.setLang(lang), [lang]);
+  useEffect(() => {
+    const appName = getAppName();
+    if (!appName || !context.open) return;
+    const title = document.createElement("meta");
+    title.setAttribute("property", "og:title");
+    title.setAttribute("content", appName);
+    document.head.prepend(title);
+    return () => {
+      document.head.removeChild(title);
+    };
+  }, [context.open]);
+  return /* @__PURE__ */jsx(ConnectKitThemeProvider, {
+    theme,
+    customTheme,
+    mode,
+    children: /* @__PURE__ */jsx(Modal, {
+      open: context.open,
+      pages,
+      pageId: context.route,
+      onClose: closeable ? hide : void 0,
+      onInfo: showInfoButton ? () => context.setRoute(routes.ABOUT) : void 0,
+      onBack: showBackButton ? onBack : void 0
+    })
+  });
+};
+var ConnectModal_default = ConnectModal;
+export { ConnectModal_default as default };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/connectkit/components/ConnectModal/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useAccount","routes","useContext","Modal","Onboarding","About","Connectors","MobileConnectors","ConnectUsing","DownloadApp","Profile","SwitchNetworks","SignInWithEthereum","getAppName","ConnectKitThemeProvider","useChainIsSupported","jsx","customThemeDefault","ConnectModal","mode","theme","customTheme","lang","context","isConnected","chain","chainIsSupported","id","closeable","options","enforceSupportedChains","showBackButton","route","CONNECTORS","PROFILE","showInfoButton","onBack","SIGNINWITHETHEREUM","setRoute","SWITCHNETWORKS","DOWNLOAD","CONNECT","pages","onboarding","about","download","connectors","mobileConnectors","connect","profile","switchNetworks","signInWithEthereum","hide","setOpen","disableSiweRedirect","setMode","setTheme","setCustomTheme","setLang","appName","open","title","document","createElement","setAttribute","head","prepend","removeChild","children","pageId","onClose","onInfo","ABOUT","ConnectModal_default"],"sources":["../../../../../src/connectkit/components/ConnectModal/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,120 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useAccount } from "wagmi";
+import { routes, useContext } from "../ConnectKit.native.js";
+import Modal from "../Common/Modal/index.native.js";
+import Onboarding from "../Pages/Onboarding/index.native.js";
+import About from "../Pages/About/index.native.js";
+import Connectors from "../Pages/Connectors/index.native.js";
+import MobileConnectors from "../Pages/MobileConnectors/index.native.js";
+import ConnectUsing from "./ConnectUsing.native.js";
+import DownloadApp from "../Pages/DownloadApp/index.native.js";
+import Profile from "../Pages/Profile/index.native.js";
+import SwitchNetworks from "../Pages/SwitchNetworks/index.native.js";
+import SignInWithEthereum from "../Pages/SignInWithEthereum/index.native.js";
+import { getAppName } from "../../defaultConfig.native.js";
+import { ConnectKitThemeProvider } from "../ConnectKitThemeProvider/ConnectKitThemeProvider.native.js";
+import { useChainIsSupported } from "../../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 = useContext();
+  var {
+    isConnected,
+    chain
+  } = useAccount();
+  var chainIsSupported = 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 !== routes.CONNECTORS && context.route !== routes.PROFILE;
+  var showInfoButton = closeable && context.route !== routes.PROFILE;
+  var onBack = function onBack2() {
+    if (context.route === routes.SIGNINWITHETHEREUM) {
+      context.setRoute(routes.PROFILE);
+    } else if (context.route === routes.SWITCHNETWORKS) {
+      context.setRoute(routes.PROFILE);
+    } else if (context.route === routes.DOWNLOAD) {
+      context.setRoute(routes.CONNECT);
+    } else {
+      context.setRoute(routes.CONNECTORS);
+    }
+  };
+  var pages = {
+    onboarding: /* @__PURE__ */_jsx(Onboarding, {}),
+    about: /* @__PURE__ */_jsx(About, {}),
+    download: /* @__PURE__ */_jsx(DownloadApp, {}),
+    connectors: /* @__PURE__ */_jsx(Connectors, {}),
+    mobileConnectors: /* @__PURE__ */_jsx(MobileConnectors, {}),
+    connect: /* @__PURE__ */_jsx(ConnectUsing, {}),
+    profile: /* @__PURE__ */_jsx(Profile, {}),
+    switchNetworks: /* @__PURE__ */_jsx(SwitchNetworks, {}),
+    signInWithEthereum: /* @__PURE__ */_jsx(SignInWithEthereum, {})
+  };
+  function hide() {
+    context.setOpen(false);
+  }
+  useEffect(function () {
+    if (isConnected) {
+      if (context.route !== routes.PROFILE || context.route !== routes.SIGNINWITHETHEREUM) {
+        var _context_options2;
+        if (context.signInWithEthereum && !((_context_options2 = context.options) === null || _context_options2 === void 0 ? void 0 : _context_options2.disableSiweRedirect)) {
+          context.setRoute(routes.SIGNINWITHETHEREUM);
+        } else {
+          hide();
+        }
+      }
+    } else {
+      hide();
+    }
+  },
+  // Hide on connect
+  [isConnected]);
+  useEffect(function () {
+    return context.setMode(mode);
+  }, [mode]);
+  useEffect(function () {
+    return context.setTheme(theme);
+  }, [theme]);
+  useEffect(function () {
+    return context.setCustomTheme(customTheme);
+  }, [customTheme]);
+  useEffect(function () {
+    return context.setLang(lang);
+  }, [lang]);
+  useEffect(function () {
+    var appName = 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__ */_jsx(ConnectKitThemeProvider, {
+    theme,
+    customTheme,
+    mode,
+    children: /* @__PURE__ */_jsx(Modal, {
+      open: context.open,
+      pages,
+      pageId: context.route,
+      onClose: closeable ? hide : void 0,
+      onInfo: showInfoButton ? function () {
+        return context.setRoute(routes.ABOUT);
+      } : void 0,
+      onBack: showBackButton ? onBack : void 0
+    })
+  });
+};
+var ConnectModal_default = ConnectModal;
+export { ConnectModal_default as default };
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","useEffect","useAccount","routes","useContext","Modal","Onboarding","About","Connectors","MobileConnectors","ConnectUsing","DownloadApp","Profile","SwitchNetworks","SignInWithEthereum","getAppName","ConnectKitThemeProvider","useChainIsSupported","customThemeDefault","ConnectModal","ConnectModal2","param","mode","theme","customTheme","lang","_context_options","context","isConnected","chain","chainIsSupported","id","closeable","options","enforceSupportedChains","showBackButton","route","CONNECTORS","PROFILE","showInfoButton","onBack","onBack2","SIGNINWITHETHEREUM","setRoute","SWITCHNETWORKS","DOWNLOAD","CONNECT","pages","onboarding","about","download","connectors","mobileConnectors","connect","profile","switchNetworks","signInWithEthereum","hide","setOpen","_context_options2","disableSiweRedirect","setMode","setTheme","setCustomTheme","setLang","appName","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/esm/connectkit/components/NetworkButton/index.mjs

@@ -0,0 +1,110 @@
+import { useState } from "react";
+import { AnimatePresence } from "framer-motion";
+import { useAccount } from "wagmi";
+import useIsMounted from "../../hooks/useIsMounted.mjs";
+import Chain from "../Common/Chain/index.mjs";
+import DynamicContainer from "../Common/DynamicContainer/index.mjs";
+import { chainConfigs } from "../../constants/chainConfigs.mjs";
+import ThemedButton from "../Common/ThemedButton/index.mjs";
+import ChainSelectDropdown from "../Common/ChainSelectDropdown/index.mjs";
+import { ConnectKitThemeProvider } from "../ConnectKitThemeProvider/ConnectKitThemeProvider.mjs";
+import { motion } from "framer-motion";
+import styled from "./../../styles/styled/index.mjs";
+import { useContext } from "../ConnectKit.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const Container = styled(motion.div)`
+  position: relative;
+`;
+const ArrowIcon = /* @__PURE__ */jsx("svg", {
+  width: "10",
+  height: "7",
+  viewBox: "0 0 10 7",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /* @__PURE__ */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 = useContext();
+  const isMounted = useIsMounted();
+  const [open, setOpen] = useState(false);
+  const {
+    isConnected,
+    chain
+  } = useAccount();
+  if (!isMounted) return null;
+  const currentChain = chainConfigs.find(c => c.id === chain?.id);
+  return /* @__PURE__ */jsx(ConnectKitThemeProvider, {
+    theme: theme ?? context.theme,
+    mode: mode ?? context.mode,
+    customTheme: customTheme ?? context.customTheme,
+    children: /* @__PURE__ */jsx(AnimatePresence, {
+      initial: false,
+      children: !(hideIcon && hideName) && (isConnected || chain) && /* @__PURE__ */jsx(Container, {
+        initial: {
+          opacity: 0
+        },
+        animate: {
+          opacity: 1
+        },
+        exit: {
+          opacity: 0
+        },
+        transition: {
+          duration: 0.2,
+          ease: "linear"
+        },
+        children: /* @__PURE__ */jsx(ChainSelectDropdown, {
+          open,
+          onClose: () => setOpen(false),
+          children: /* @__PURE__ */jsx(ThemedButton, {
+            theme,
+            mode,
+            customTheme,
+            onClick: () => setOpen(true),
+            children: /* @__PURE__ */jsxs("div", {
+              style: {
+                display: "flex",
+                gap: 8,
+                alignItems: "center",
+                justifyContent: "center"
+              },
+              children: [!hideIcon && /* @__PURE__ */jsx("div", {
+                children: /* @__PURE__ */jsx(Chain, {
+                  id: chain?.id
+                })
+              }), /* @__PURE__ */jsx(AnimatePresence, {
+                initial: false,
+                children: !hideName && /* @__PURE__ */jsx("div", {
+                  children: /* @__PURE__ */jsx(DynamicContainer, {
+                    id: `chain-${chain?.id}`,
+                    children: currentChain?.name ?? chain?.name
+                  })
+                })
+              }), /* @__PURE__ */jsx("div", {
+                style: {
+                  minWidth: 10,
+                  transform: "translateY(1px)"
+                },
+                children: ArrowIcon
+              })]
+            })
+          })
+        })
+      })
+    })
+  });
+};
+var NetworkButton_default = NetworkButton;
+export { NetworkButton_default as default };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/connectkit/components/NetworkButton/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","AnimatePresence","useAccount","useIsMounted","Chain","DynamicContainer","chainConfigs","ThemedButton","ChainSelectDropdown","ConnectKitThemeProvider","motion","styled","useContext","jsx","jsxs","Container","div","ArrowIcon","width","height","viewBox","fill","xmlns","children","fillRule","clipRule","d","NetworkButton","theme","mode","customTheme","hideIcon","hideName","context","isMounted","open","setOpen","isConnected","chain","currentChain","find","c","id","initial","opacity","animate","exit","transition","duration","ease","onClose","onClick","style","display","gap","alignItems","justifyContent","name","minWidth","transform","NetworkButton_default"],"sources":["../../../../../src/connectkit/components/NetworkButton/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAgBA,QAAA,QAAgB;AAGhC,SAASC,eAAA,QAAuB;AAEhC,SAASC,UAAA,QAAkB;AAC3B,OAAOC,YAAA,MAAkB;AAEzB,OAAOC,KAAA,MAAW;AAClB,OAAOC,gBAAA,MAAsB;AAC7B,SAASC,YAAA,QAAoB;AAC7B,OAAOC,YAAA,MAAkB;AACzB,OAAOC,mBAAA,MAAyB;AAChC,SAASC,uBAAA,QAA+B;AACxC,SAASC,MAAA,QAAc;AACvB,OAAOC,MAAA,MAAY;AACnB,SAASC,UAAA,QAAkB;AAcvB,SAAAC,GAAA,EAoDYC,IAAA,QApDZ;AAZJ,MAAMC,SAAA,GAAYJ,MAAA,CAAOD,MAAA,CAAOM,GAAG;AAAA;AAAA;AAInC,MAAMC,SAAA,GACJ,eAAAJ,GAAA,CAAC;EACCK,KAAA,EAAM;EACNC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,IAAA,EAAK;EACLC,KAAA,EAAM;EAENC,QAAA,iBAAAV,GAAA,CAAC;IACCW,QAAA,EAAS;IACTC,QAAA,EAAS;IACTC,CAAA,EAAE;IACFL,IAAA,EAAK;EAAA,CACP;AAAA,CACF;AAQF,MAAMM,aAAA,GAAoDA,CAAC;EACzDC,KAAA;EACAC,IAAA;EACAC,WAAA;EACAC,QAAA;EACAC;AACF,MAAM;EACJ,MAAMC,OAAA,GAAUrB,UAAA,CAAW;EAC3B,MAAMsB,SAAA,GAAY/B,YAAA,CAAa;EAE/B,MAAM,CAACgC,IAAA,EAAMC,OAAO,IAAIpC,QAAA,CAAS,KAAK;EAEtC,MAAM;IAAEqC,WAAA;IAAaC;EAAM,IAAIpC,UAAA,CAAW;EAE1C,IAAI,CAACgC,SAAA,EAAW,OAAO;EAEvB,MAAMK,YAAA,GAAejC,YAAA,CAAakC,IAAA,CAAMC,CAAA,IAAMA,CAAA,CAAEC,EAAA,KAAOJ,KAAA,EAAOI,EAAE;EAChE,OACE,eAAA7B,GAAA,CAACJ,uBAAA;IACCmB,KAAA,EAAOA,KAAA,IAASK,OAAA,CAAQL,KAAA;IACxBC,IAAA,EAAMA,IAAA,IAAQI,OAAA,CAAQJ,IAAA;IACtBC,WAAA,EAAaA,WAAA,IAAeG,OAAA,CAAQH,WAAA;IAEpCP,QAAA,iBAAAV,GAAA,CAACZ,eAAA;MAAgB0C,OAAA,EAAS;MACvBpB,QAAA,IAAEQ,QAAA,IAAYC,QAAA,MAAcK,WAAA,IAAeC,KAAA,KAC1C,eAAAzB,GAAA,CAACE,SAAA;QACC4B,OAAA,EAAS;UAAEC,OAAA,EAAS;QAAE;QACtBC,OAAA,EAAS;UAAED,OAAA,EAAS;QAAE;QACtBE,IAAA,EAAM;UAAEF,OAAA,EAAS;QAAE;QACnBG,UAAA,EAAY;UAAEC,QAAA,EAAU;UAAKC,IAAA,EAAM;QAAS;QAE5C1B,QAAA,iBAAAV,GAAA,CAACL,mBAAA;UAAoB2B,IAAA;UAAYe,OAAA,EAASA,CAAA,KAAMd,OAAA,CAAQ,KAAK;UAC3Db,QAAA,iBAAAV,GAAA,CAACN,YAAA;YACCqB,KAAA;YACAC,IAAA;YACAC,WAAA;YACAqB,OAAA,EAASA,CAAA,KAAMf,OAAA,CAAQ,IAAI;YAE3Bb,QAAA,iBAAAT,IAAA,CAAC;cACCsC,KAAA,EAAO;gBACLC,OAAA,EAAS;gBACTC,GAAA,EAAK;gBACLC,UAAA,EAAY;gBACZC,cAAA,EAAgB;cAClB;cAECjC,QAAA,IAACQ,QAAA,IACA,eAAAlB,GAAA,CAAC;gBACCU,QAAA,iBAAAV,GAAA,CAACT,KAAA;kBAAMsC,EAAA,EAAIJ,KAAA,EAAOI;gBAAA,CAAI;cAAA,CACxB,GAEF,eAAA7B,GAAA,CAACZ,eAAA;gBAAgB0C,OAAA,EAAS;gBACvBpB,QAAA,GAACS,QAAA,IACA,eAAAnB,GAAA,CAAC;kBACCU,QAAA,iBAAAV,GAAA,CAACR,gBAAA;oBAAiBqC,EAAA,EAAI,SAASJ,KAAA,EAAOI,EAAE;oBACrCnB,QAAA,EAAAgB,YAAA,EAAckB,IAAA,IAAQnB,KAAA,EAAOmB;kBAAA,CAChC;gBAAA,CACF;cAAA,CAEJ,GACA,eAAA5C,GAAA,CAAC;gBAAIuC,KAAA,EAAO;kBAAEM,QAAA,EAAU;kBAAIC,SAAA,EAAW;gBAAkB;gBACtDpC,QAAA,EAAAN;cAAA,CACH;YAAA,CACF;UAAA,CACF;QAAA,CACF;MAAA,CACF;IAAA,CAEJ;EAAA,CACF;AAEJ;AACA,IAAO2C,qBAAA,GAAQjC,aAAA","ignoreList":[]}