@multiplatform.one/web3 5.0.27

package/dist/jsx/connectkit/components/Common/Tooltip/styles.mjs

@@ -0,0 +1,79 @@
+import { motion } from "framer-motion";
+import styled from "./../../../styles/styled/index.mjs";
+const TooltipWindow = styled(motion.div)`
+  z-index: 2147483647;
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+`;
+const TooltipContainer = styled(motion.div)`
+  --shadow: var(--ck-tooltip-shadow);
+  z-index: 2147483647;
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  gap: 8px;
+  width: fit-content;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(
+    --ck-tooltip-border-radius,
+    ${props => props.$size === "small" ? 11 : 14}px
+  );
+  border-radius: ;
+  padding: 10px 16px 10px 12px;
+  font-size: 14px;
+  line-height: 19px;
+  font-weight: 500;
+  letter-spacing: -0.1px;
+  color: var(--ck-tooltip-color);
+  background: var(--ck-tooltip-background);
+  box-shadow: var(--shadow);
+  > span {
+    z-index: 3;
+    position: relative;
+  }
+  > div {
+    margin: -4px 0; // offset for icon
+  }
+  strong {
+    color: var(--ck-spinner-color);
+  }
+
+  .ck-tt-logo {
+    display: inline-block;
+    vertical-align: text-bottom;
+    height: 1em;
+    width: 1.25em;
+    svg {
+      display: block;
+      height: 100%;
+      transform: translate(0.5px, -1px) scale(1.75);
+    }
+  }
+`;
+const TooltipTail = styled(motion.div)`
+  z-index: 2;
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${props => props.$size === "small" ? 14 : 18}px;
+  right: 100%;
+  top: 0;
+  bottom: 0;
+  overflow: hidden;
+  &:before {
+    content: '';
+    position: absolute;
+    box-shadow: var(--shadow);
+    width: ${props => props.$size === "small" ? 14 : 18}px;
+    height: ${props => props.$size === "small" ? 14 : 18}px;
+    transform: translate(75%, 0) rotate(45deg);
+    background: var(--ck-tooltip-background);
+    border-radius: ${props => props.$size === "small" ? 2 : 3}px 0 0 0;
+  }
+`;
+export { TooltipContainer, TooltipTail, TooltipWindow };
+//# sourceMappingURL=styles.mjs.map

package/dist/jsx/connectkit/components/Common/Tooltip/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["motion","styled","TooltipWindow","div","TooltipContainer","props","$size","TooltipTail"],"sources":["../../../../../../src/connectkit/components/Common/Tooltip/styles.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,OAAOC,MAAA,MAAY;AAGZ,MAAMC,aAAA,GAAgBD,MAAA,CAAOD,MAAA,CAAOG,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAMvC,MAAMC,gBAAA,GAAmBH,MAAA,CAAOD,MAAA,CAAOG,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAa1CE,KAAA,IAAWA,KAAA,CAAMC,KAAA,KAAU,UAAU,KAAK,EAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmC7C,MAAMC,WAAA,GAAcN,MAAA,CAAOD,MAAA,CAAOG,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMhCE,KAAA,IAAWA,KAAA,CAAMC,KAAA,KAAU,UAAU,KAAK,EAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAS3CD,KAAA,IAAWA,KAAA,CAAMC,KAAA,KAAU,UAAU,KAAK,EAAG;AAAA,cAC5CD,KAAA,IAAWA,KAAA,CAAMC,KAAA,KAAU,UAAU,KAAK,EAAG;AAAA;AAAA;AAAA,qBAGtCD,KAAA,IAAWA,KAAA,CAAMC,KAAA,KAAU,UAAU,IAAI,CAAE;AAAA;AAAA","ignoreList":[]}

package/dist/jsx/connectkit/components/Common/Tooltip/styles.native.js

@@ -0,0 +1,130 @@
+"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 styles_exports = {};
+__export(styles_exports, {
+  TooltipContainer: () => TooltipContainer,
+  TooltipTail: () => TooltipTail,
+  TooltipWindow: () => TooltipWindow
+});
+module.exports = __toCommonJS(styles_exports);
+var import_framer_motion = require("framer-motion");
+var import_styled = __toESM(require("./../../../styles/styled/index.native.js"));
+var TooltipWindow = (0, import_styled.default)(import_framer_motion.motion.div)`
+  z-index: 2147483647;
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+`;
+var TooltipContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+  --shadow: var(--ck-tooltip-shadow);
+  z-index: 2147483647;
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  gap: 8px;
+  width: fit-content;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(
+    --ck-tooltip-border-radius,
+    ${function (props) {
+  return props.$size === "small" ? 11 : 14;
+}}px
+  );
+  border-radius: ;
+  padding: 10px 16px 10px 12px;
+  font-size: 14px;
+  line-height: 19px;
+  font-weight: 500;
+  letter-spacing: -0.1px;
+  color: var(--ck-tooltip-color);
+  background: var(--ck-tooltip-background);
+  box-shadow: var(--shadow);
+  > span {
+    z-index: 3;
+    position: relative;
+  }
+  > div {
+    margin: -4px 0; // offset for icon
+  }
+  strong {
+    color: var(--ck-spinner-color);
+  }
+
+  .ck-tt-logo {
+    display: inline-block;
+    vertical-align: text-bottom;
+    height: 1em;
+    width: 1.25em;
+    svg {
+      display: block;
+      height: 100%;
+      transform: translate(0.5px, -1px) scale(1.75);
+    }
+  }
+`;
+var TooltipTail = (0, import_styled.default)(import_framer_motion.motion.div)`
+  z-index: 2;
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${function (props) {
+  return props.$size === "small" ? 14 : 18;
+}}px;
+  right: 100%;
+  top: 0;
+  bottom: 0;
+  overflow: hidden;
+  &:before {
+    content: '';
+    position: absolute;
+    box-shadow: var(--shadow);
+    width: ${function (props) {
+  return props.$size === "small" ? 14 : 18;
+}}px;
+    height: ${function (props) {
+  return props.$size === "small" ? 14 : 18;
+}}px;
+    transform: translate(75%, 0) rotate(45deg);
+    background: var(--ck-tooltip-background);
+    border-radius: ${function (props) {
+  return props.$size === "small" ? 2 : 3;
+}}px 0 0 0;
+  }
+`;
+//# sourceMappingURL=styles.native.js.map

package/dist/jsx/connectkit/components/Common/Tooltip/styles.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","styles_exports","TooltipContainer","TooltipTail","TooltipWindow","module","exports","import_framer_motion","require","import_styled","default","motion","div","props","$size"],"sources":["../../../../../../src/connectkit/components/Common/Tooltip/styles.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,QAAO,GAAAC,MAAY,CAAAC,MAAA;AAGZ,IAAAC,SAAM,GAAAF,MAAgB,CAAAG,cAAc;AAAG,IAAAC,gBAAA,GAAAJ,MAAA,CAAAK,wBAAA;AAAA,IAAAC,iBAAA,GAAAN,MAAA,CAAAO,mBAAA;AAAA,IAAAC,YAAA,GAAAR,MAAA,CAAAS,cAAA;AAAA,IAAAC,YAAA,GAAAV,MAAA,CAAAW,SAAA,CAAAC,cAAA;AAAA,IAAAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAMvC,KAAM,IAAAC,IAAA,IAAAD,GAAA,EAAoCb,SAAA,CAAAY,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAAA,IAAAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IAAA,SAAAG,GAAA,IAAAlB,iBAAA,CAAAe,IAAA,QAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAAApB,SAAA,CAAAkB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAnB,gBAAA,CAAAiB,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EAAA,OAAAE,EAAA;AAAA;AAAA,IAAAM,OAAA,GAAAA,CAAAC,GAAA,EAAAC,UAAA,EAAAd,MAAA,MAAAA,MAAA,GAAAa,GAAA,WAAA5B,QAAA,CAAAS,YAAA,CAAAmB,GAAA,SAAAR,WAAA;AAAA;AAAA;AAaG;AAAA;AAAAS,UAAA,KAAAD,GAAA,KAAAA,GAAA,CAAAE,UAAA,GAAA3B,SAAA,CAAAY,MAAA;EAAAgB,KAAA,EAAAH,GAAA;EAAAT,UAAA;AAAA,KAAAJ,MAAA,EAAAa,GAAA;AAAA,IAAAI,YAAA,GAAAJ,GAAA,IAAAR,WAAA,CAAAjB,SAAA;EAAA4B,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAK,cAAA;AAAAnB,QAAA,CAAAmB,cAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAA,WAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAN,YAAA,CAAAC,cAAA;AAAA,IAAAM,oBAAA,GAAAC,OAAA;AAAA,IAAAC,aAAA,GAAAd,OAAA,CAAAa,OAAA;AAAA,IAAAJ,aAAA,OAAAK,aAAA,CAAAC,OAAA,EAAAH,oBAAA,CAAAI,MAAA,CAAAC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAV,gBAAA,OAAAO,aAAA,CAAAC,OAAA,EAAAH,oBAAA,CAAAI,MAAA,CAAAC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmC7C;AAAqC,gBAAAC,KAAA;EAAA,OAAAA,KAAA,CAAAC,KAAA;AAAA;AAAA;AAAA;AAAA;AAMa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASE;AACC;AAAA;AAAA;AAGK;AAAA","ignoreList":[]}

package/dist/jsx/connectkit/components/Common/Tooltip/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/dist/jsx/connectkit/components/Common/Tooltip/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/jsx/connectkit/components/Common/Tooltip/types.native.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.native.js.map

package/dist/jsx/connectkit/components/Common/Tooltip/types.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/jsx/connectkit/components/ConnectButton/index.mjs

@@ -0,0 +1,370 @@
+import { useAccount, useEnsName } from "wagmi";
+import { truncateENSAddress, truncateEthAddress } from "./../../utils/index.mjs";
+import useIsMounted from "../../hooks/useIsMounted.mjs";
+import { IconContainer, TextContainer, UnsupportedNetworkContainer } from "./styles.mjs";
+import { routes, useContext } from "../ConnectKit.mjs";
+import { useModal } from "../../hooks/useModal.mjs";
+import Avatar from "../Common/Avatar/index.mjs";
+import { AnimatePresence, motion } from "framer-motion";
+import { Balance } from "../BalanceButton/index.mjs";
+import ThemedButton, { ThemeContainer } from "../Common/ThemedButton/index.mjs";
+import { ResetContainer } from "../../styles/index.mjs";
+import { AuthIcon } from "../../assets/icons.mjs";
+import { useSIWE } from "../../siwe/index.mjs";
+import useLocales from "../../hooks/useLocales.mjs";
+import { useChainIsSupported } from "../../hooks/useChainIsSupported.mjs";
+import { useEnsFallbackConfig } from "../../hooks/useEnsFallbackConfig.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const contentVariants = {
+  initial: {
+    zIndex: 2,
+    opacity: 0,
+    x: "-100%"
+  },
+  animate: {
+    opacity: 1,
+    x: 0.1,
+    transition: {
+      duration: 0.4,
+      ease: [0.25, 1, 0.5, 1]
+    }
+  },
+  exit: {
+    zIndex: 1,
+    opacity: 0,
+    x: "-100%",
+    pointerEvents: "none",
+    position: "absolute",
+    transition: {
+      duration: 0.4,
+      ease: [0.25, 1, 0.5, 1]
+    }
+  }
+};
+const addressVariants = {
+  initial: {
+    zIndex: 2,
+    opacity: 0,
+    x: "100%"
+  },
+  animate: {
+    x: 0.2,
+    opacity: 1,
+    transition: {
+      duration: 0.4,
+      ease: [0.25, 1, 0.5, 1]
+    }
+  },
+  exit: {
+    zIndex: 1,
+    x: "100%",
+    opacity: 0,
+    pointerEvents: "none",
+    position: "absolute",
+    transition: {
+      duration: 0.4,
+      ease: [0.25, 1, 0.5, 1]
+    }
+  }
+};
+const textVariants = {
+  initial: {
+    opacity: 0
+  },
+  animate: {
+    opacity: 1,
+    transition: {
+      duration: 0.3,
+      ease: [0.25, 1, 0.5, 1]
+    }
+  },
+  exit: {
+    position: "absolute",
+    opacity: 0,
+    transition: {
+      duration: 0.3,
+      ease: [0.25, 1, 0.5, 1]
+    }
+  }
+};
+const ConnectButtonRenderer = ({
+  children
+}) => {
+  const isMounted = useIsMounted();
+  const context = useContext();
+  const {
+    open,
+    setOpen
+  } = useModal();
+  const {
+    address,
+    isConnected,
+    chain
+  } = useAccount();
+  const isChainSupported = useChainIsSupported(chain?.id);
+  const ensFallbackConfig = useEnsFallbackConfig();
+  const {
+    data: ensName
+  } = useEnsName({
+    chainId: 1,
+    address,
+    config: ensFallbackConfig
+  });
+  function hide() {
+    setOpen(false);
+  }
+  function show() {
+    setOpen(true);
+    context.setRoute(isConnected ? routes.PROFILE : routes.CONNECTORS);
+  }
+  if (!children) return null;
+  if (!isMounted) return null;
+  return /* @__PURE__ */jsx(Fragment, {
+    children: children({
+      show,
+      hide,
+      chain,
+      unsupported: !isChainSupported,
+      isConnected: !!address,
+      isConnecting: open,
+      // Using `open` to determine if connecting as wagmi isConnecting only is set to true when an active connector is awaiting connection
+      address,
+      truncatedAddress: address ? truncateEthAddress(address) : void 0,
+      ensName: ensName?.toString()
+    })
+  });
+};
+ConnectButtonRenderer.displayName = "ConnectKitButton.Custom";
+function ConnectKitButtonInner({
+  label,
+  showAvatar,
+  separator
+}) {
+  const locales = useLocales({});
+  const context = useContext();
+  const {
+    isSignedIn
+  } = useSIWE();
+  const {
+    address,
+    chain
+  } = useAccount();
+  const isChainSupported = useChainIsSupported(chain?.id);
+  const ensFallbackConfig = useEnsFallbackConfig();
+  const {
+    data: ensName
+  } = useEnsName({
+    chainId: 1,
+    address,
+    config: ensFallbackConfig
+  });
+  const defaultLabel = locales.connectWallet;
+  return /* @__PURE__ */jsx(AnimatePresence, {
+    initial: false,
+    children: address ? /* @__PURE__ */jsxs(TextContainer, {
+      initial: "initial",
+      animate: "animate",
+      exit: "exit",
+      variants: addressVariants,
+      style: {
+        height: 40
+        //padding: !showAvatar ? '0 5px' : undefined,
+      },
+      children: [showAvatar && /* @__PURE__ */jsxs(IconContainer, {
+        children: [/* @__PURE__ */jsxs(AnimatePresence, {
+          initial: false,
+          children: [isSignedIn && /* @__PURE__ */jsx(motion.div, {
+            style: {
+              zIndex: 2,
+              position: "absolute",
+              bottom: 0,
+              right: 0
+            },
+            initial: {
+              opacity: 0
+            },
+            animate: {
+              opacity: 1
+            },
+            exit: {
+              opacity: 0
+            },
+            children: /* @__PURE__ */jsx(AuthIcon, {})
+          }), !isChainSupported && /* @__PURE__ */jsx(UnsupportedNetworkContainer, {
+            initial: {
+              opacity: 0
+            },
+            animate: {
+              opacity: 1
+            },
+            exit: {
+              opacity: 0
+            },
+            children: /* @__PURE__ */jsx("svg", {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 14 14",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              children: /* @__PURE__ */jsx("path", {
+                d: "M1.68831 13.5H12.0764C13.1026 13.5 13.7647 12.7197 13.7647 11.763C13.7647 11.4781 13.6985 11.1863 13.5462 10.9149L8.34225 1.37526C8.02445 0.791754 7.45505 0.5 6.88566 0.5C6.31627 0.5 5.73364 0.791754 5.42246 1.37526L0.225108 10.9217C0.0728291 11.1863 0 11.4781 0 11.763C0 12.7197 0.662083 13.5 1.68831 13.5ZM6.88566 8.8048C6.49503 8.8048 6.27655 8.5809 6.26331 8.1738L6.16399 5.0595C6.15075 4.64562 6.44869 4.34708 6.87904 4.34708C7.30278 4.34708 7.61396 4.6524 7.60071 5.06628L7.5014 8.16701C7.48154 8.5809 7.26305 8.8048 6.88566 8.8048ZM6.88566 11.3492C6.44207 11.3492 6.07792 11.0303 6.07792 10.5757C6.07792 10.1211 6.44207 9.80219 6.88566 9.80219C7.32926 9.80219 7.69341 10.1143 7.69341 10.5757C7.69341 11.0371 7.32264 11.3492 6.88566 11.3492Z",
+                fill: "currentColor"
+              })
+            })
+          })]
+        }), /* @__PURE__ */jsx(Avatar, {
+          size: 24,
+          address
+        })]
+      }), /* @__PURE__ */jsx("div", {
+        style: {
+          position: "relative",
+          paddingRight: showAvatar ? 1 : 0
+        },
+        children: /* @__PURE__ */jsx(AnimatePresence, {
+          initial: false,
+          children: ensName ? /* @__PURE__ */jsx(TextContainer, {
+            initial: "initial",
+            animate: "animate",
+            exit: "exit",
+            variants: textVariants,
+            style: {
+              position: ensName ? "relative" : "absolute"
+            },
+            children: context.options?.truncateLongENSAddress ? truncateENSAddress(ensName, 20) : ensName
+          }, "ckEnsName") : /* @__PURE__ */jsxs(TextContainer, {
+            initial: "initial",
+            animate: "animate",
+            exit: "exit",
+            variants: textVariants,
+            style: {
+              position: ensName ? "absolute" : "relative"
+            },
+            children: [truncateEthAddress(address, separator), " "]
+          }, "ckTruncatedAddress")
+        })
+      })]
+    }, "connectedText") : /* @__PURE__ */jsx(TextContainer, {
+      initial: "initial",
+      animate: "animate",
+      exit: "exit",
+      variants: contentVariants,
+      style: {
+        height: 40
+        //padding: '0 5px',
+      },
+      children: label ? label : defaultLabel
+    }, "connectWalletText")
+  });
+}
+function ConnectKitButton({
+  // Options
+  label,
+  showBalance = false,
+  showAvatar = true,
+  // Theming
+  theme,
+  mode,
+  customTheme,
+  // Events
+  onClick
+}) {
+  const isMounted = useIsMounted();
+  const context = useContext();
+  const {
+    isConnected,
+    address,
+    chain
+  } = useAccount();
+  const chainIsSupported = useChainIsSupported(chain?.id);
+  function show() {
+    context.setOpen(true);
+    context.setRoute(isConnected ? routes.PROFILE : routes.CONNECTORS);
+  }
+  const separator = ["web95", "rounded", "minimal"].includes(theme ?? context.theme ?? "") ? "...." : void 0;
+  if (!isMounted) return null;
+  const shouldShowBalance = showBalance && chainIsSupported;
+  const willShowBalance = address && shouldShowBalance;
+  return /* @__PURE__ */jsx(ResetContainer, {
+    $useTheme: theme ?? context.theme,
+    $useMode: mode ?? context.mode,
+    $customTheme: customTheme ?? context.customTheme,
+    children: /* @__PURE__ */jsxs(ThemeContainer, {
+      onClick: () => {
+        if (onClick) {
+          onClick(show);
+        } else {
+          show();
+        }
+      },
+      children: [shouldShowBalance && /* @__PURE__ */jsx(AnimatePresence, {
+        initial: false,
+        children: willShowBalance && /* @__PURE__ */jsx(motion.div, {
+          initial: {
+            opacity: 0,
+            x: "100%",
+            width: 0,
+            marginRight: 0
+          },
+          animate: {
+            opacity: 1,
+            x: 0,
+            width: "auto",
+            marginRight: -24,
+            transition: {
+              duration: 0.4,
+              ease: [0.25, 1, 0.5, 1]
+            }
+          },
+          exit: {
+            opacity: 0,
+            x: "100%",
+            width: 0,
+            marginRight: 0,
+            transition: {
+              duration: 0.4,
+              ease: [0.25, 1, 0.5, 1]
+            }
+          },
+          children: /* @__PURE__ */jsx(ThemedButton, {
+            variant: "secondary",
+            theme: theme ?? context.theme,
+            mode: mode ?? context.mode,
+            customTheme: customTheme ?? context.customTheme,
+            style: {
+              overflow: "hidden"
+            },
+            children: /* @__PURE__ */jsx(motion.div, {
+              style: {
+                paddingRight: 24
+              },
+              children: /* @__PURE__ */jsx(Balance, {
+                hideSymbol: true
+              })
+            })
+          })
+        }, "balance")
+      }), /* @__PURE__ */jsx(ThemedButton, {
+        theme: theme ?? context.theme,
+        mode: mode ?? context.mode,
+        customTheme: customTheme ?? context.customTheme,
+        style: shouldShowBalance && showBalance && address && (theme === "retro" || context.theme === "retro") ? {
+          /** Special fix for the retro theme... not happy about this one */
+          boxShadow: "var(--ck-connectbutton-balance-connectbutton-box-shadow)",
+          borderRadius: "var(--ck-connectbutton-balance-connectbutton-border-radius)",
+          overflow: "hidden"
+        } : {
+          overflow: "hidden"
+        },
+        children: /* @__PURE__ */jsx(ConnectKitButtonInner, {
+          separator,
+          showAvatar,
+          label
+        })
+      })]
+    })
+  });
+}
+ConnectKitButton.Custom = ConnectButtonRenderer;
+export { ConnectKitButton };
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/connectkit/components/ConnectButton/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useAccount","useEnsName","truncateENSAddress","truncateEthAddress","useIsMounted","IconContainer","TextContainer","UnsupportedNetworkContainer","routes","useContext","useModal","Avatar","AnimatePresence","motion","Balance","ThemedButton","ThemeContainer","ResetContainer","AuthIcon","useSIWE","useLocales","useChainIsSupported","useEnsFallbackConfig","Fragment","jsx","jsxs","contentVariants","initial","zIndex","opacity","x","animate","transition","duration","ease","exit","pointerEvents","position","addressVariants","textVariants","ConnectButtonRenderer","children","isMounted","context","open","setOpen","address","isConnected","chain","isChainSupported","id","ensFallbackConfig","data","ensName","chainId","config","hide","show","setRoute","PROFILE","CONNECTORS","unsupported","isConnecting","truncatedAddress","toString","displayName","ConnectKitButtonInner","label","showAvatar","separator","locales","isSignedIn","defaultLabel","connectWallet","variants","style","height","div","bottom","right","width","viewBox","fill","xmlns","d","size","paddingRight","options","truncateLongENSAddress","ConnectKitButton","showBalance","theme","mode","customTheme","onClick","chainIsSupported","includes","shouldShowBalance","willShowBalance","$useTheme","$useMode","$customTheme","marginRight","variant","overflow","hideSymbol","boxShadow","borderRadius","Custom"],"sources":["../../../../../src/connectkit/components/ConnectButton/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}