@multiplatform.one/web3 5.0.27

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

@@ -0,0 +1,341 @@
+"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, {
+  Arrow: () => Arrow,
+  ArrowChevron: () => ArrowChevron,
+  ArrowLine: () => ArrowLine,
+  ButtonContainer: () => ButtonContainer,
+  ButtonContainerInner: () => ButtonContainerInner,
+  DownloadArrow: () => DownloadArrow,
+  DownloadArrowInner: () => DownloadArrowInner,
+  IconContainer: () => IconContainer,
+  InnerContainer: () => InnerContainer,
+  SpinnerContainer: () => SpinnerContainer
+});
+module.exports = __toCommonJS(styles_exports);
+var import_framer_motion = require("framer-motion");
+var import_styled = __toESM(require("./../../../styles/styled/index.native.js"));
+var import_styled_components = require("styled-components");
+var import_defaultTheme = __toESM(require("../../../constants/defaultTheme.native.js"));
+var SpinnerContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: absolute;
+  right: 16px;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+var Arrow = import_styled.default.svg`
+  --x: -3px;
+  --stroke-width: 2;
+  position: relative;
+  top: 1px;
+  left: -0.5px;
+  display: inline-block;
+  vertical-align: middle;
+  margin-left: 9px;
+  margin-right: 1px;
+  transition: all 100ms ease;
+  transform: translateX(var(--x, -3px));
+  color: currentColor;
+  opacity: 0.4;
+`;
+var ArrowChevron = import_styled.default.path``;
+var ArrowLine = import_styled.default.line`
+  transition: inherit;
+  transition-property: transform;
+  transform-origin: 90% 50%;
+  transform: scaleX(0.1);
+`;
+var DownloadArrow = import_styled.default.div`
+  display: inline-block;
+  vertical-align: middle;
+  position: relative;
+  margin-right: 6px;
+  color: currentColor;
+`;
+var DownloadArrowInner = import_styled.default.div`
+  transform: rotate(90deg);
+  ${Arrow} {
+    margin: 0 auto;
+  }
+`;
+var ButtonContainerInner = (0, import_styled.default)(import_framer_motion.motion.div)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  inset: 0;
+  height: 100%;
+`;
+var ButtonContainer = import_styled.default.button`
+
+  ${function (param) {
+  var {
+    disabled
+  } = param;
+  return disabled && import_styled_components.css`
+      cursor: not-allowed;
+      pointer-events: none;
+      ${InnerContainer} {
+        opacity: 0.4;
+      }
+    `;
+}}
+
+  ${function (param) {
+  var {
+    $variant
+  } = param;
+  if ($variant === "primary") {
+    return import_styled_components.css`
+        --color: var(--ck-primary-button-color, var(--ck-body-color));
+        --background: var(
+          --ck-primary-button-background,
+          var(--ck-body-background-primary)
+        );
+        --box-shadow: var(--ck-primary-button-box-shadow);
+        --border-radius: var(--ck-primary-button-border-radius);
+        --font-weight: var(--ck-primary-button-font-weight, 500);
+
+        --hover-color: var(--ck-button-primary-hover-color, var(--color));
+        --hover-background: var(
+          --ck-primary-button-hover-background,
+          var(--background)
+        );
+        --hover-box-shadow: var(
+          --ck-primary-button-hover-box-shadow,
+          var(--box-shadow)
+        );
+        --hover-border-radius: var(
+          --ck-primary-button-hover-border-radius,
+          var(--border-radius)
+        );
+        --hover-font-weight: var(
+          --ck-primary-button-font-weight,
+          var(--font-weight)
+        );
+      `;
+  } else if ($variant === "secondary") {
+    return import_styled_components.css`
+        --color: var(--ck-secondary-button-color, var(--ck-body-color));
+        --background: var(
+          --ck-secondary-button-background,
+          var(--ck-body-background-secondary)
+        );
+        --box-shadow: var(--ck-secondary-button-box-shadow);
+        --border-radius: var(--ck-secondary-button-border-radius);
+        --font-weight: var(--ck-secondary-button-font-weight, 500);
+
+        --hover-color: var(--ck-secondary-button-hover-color, var(--color));
+        --hover-background: var(
+          --ck-secondary-button-hover-background,
+          var(--background)
+        );
+        --hover-box-shadow: var(
+          --ck-secondary-button-hover-box-shadow,
+          var(--box-shadow)
+        );
+        --hover-border-radius: var(
+          --ck-secondary-button-hover-border-radius,
+          var(--border-radius)
+        );
+        --hover-font-weight: var(
+          --ck-secondary-button-font-weight,
+          var(--font-weight)
+        );
+      `;
+  } else if ($variant === "tertiary") {
+    return import_styled_components.css`
+        --color: var(
+          --ck-tertiary-button-color,
+          var(--ck-secondary-button-color)
+        );
+        --background: var(
+          --ck-tertiary-button-background,
+          var(--ck-secondary-button-background)
+        );
+        --box-shadow: var(
+          --ck-tertiary-button-box-shadow,
+          var(--ck-secondary-button-box-shadow)
+        );
+        --border-radius: var(
+          --ck-tertiary-button-border-radius,
+          var(--ck-secondary-button-border-radius)
+        );
+        --font-weight: var(
+          --ck-tertiary-button-font-weight,
+          var(--ck-secondary-button-font-weight)
+        );
+
+        --hover-color: var(
+          --button-tertiary-hover-color,
+          var(--ck-tertiary-button-color)
+        );
+        --hover-background: var(
+          --ck-tertiary-button-hover-background,
+          var(--ck-tertiary-button-background)
+        );
+        --hover-box-shadow: var(
+          --ck-tertiary-button-hover-box-shadow,
+          var(--ck-tertiary-button-box-shadow)
+        );
+        --hover-border-radius: var(
+          --ck-tertiary-button-hover-border-radius,
+          var(--ck-tertiary-button-border-radius, var(--border-radius))
+        );
+        --hover-font-weight: var(
+          --ck-tertiary-button-font-weight,
+          var(--ck-secondary-button-font-weight)
+        );
+      `;
+  }
+}}
+
+  appearance: none;
+  cursor: pointer;
+  user-select: none;
+  min-width: fit-content;
+  width: 100%;
+  display:block;
+  text-align: center;
+  height: 48px;
+  margin: 12px 0 0;
+  line-height: 48px;
+  padding: 0 4px;
+  font-size: 16px;
+  font-weight: var(--font-weight,500);
+  text-decoration: none;
+  white-space: nowrap;
+  transition: 100ms ease;
+  transition-property: box-shadow, background-color;
+  color: var(--color);
+  background: var(--background);
+  border-radius: var(--border-radius);
+  box-shadow: var(--box-shadow);
+  will-change: transform, box-shadow, background-color, color;
+
+  ${DownloadArrow} {
+    ${Arrow} {
+      transform: translateX(0);
+      ${ArrowLine} {
+        transform: none;
+      }
+      ${ArrowChevron} {
+      }
+    }
+  }
+}
+
+  @media only screen and (min-width: ${import_defaultTheme.default.mobileWidth + 1}px) {
+    &:hover,
+    &:focus-visible {
+      color: var(--ck-accent-text-color, var(--hover-color));
+      background: var(--ck-accent-color, var(--hover-background));
+      border-radius: var(--hover-border-radius);
+      box-shadow: var(--hover-box-shadow);
+
+      ${Arrow} {
+        transform: translateX(0);
+        ${ArrowLine} {
+          transform: none;
+        }
+        ${ArrowChevron} {
+        }
+      }
+      ${DownloadArrow} {
+        ${Arrow} {
+          transform: translateX(var(--x));
+          ${ArrowLine} {
+            transform: scaleX(0.1);
+          }
+          ${ArrowChevron} {
+          }
+        }
+      }
+    }
+    &:active {
+      box-shadow: var(--ck-secondary-button-active-box-shadow, var(--hover-box-shadow));
+    }
+  }
+  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+    transition: transform 100ms ease;
+    transform: scale(1);
+    font-size: 17px;
+    &:active {
+    }
+  }
+`;
+var InnerContainer = import_styled.default.div`
+  transform: translateZ(0); // Shifting fix
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  max-width: calc(100% - 42px);
+  transition: opacity 300ms ease;
+  /*
+  overflow: hidden;
+  text-overflow: ellipsis;
+  */
+`;
+var IconContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  max-width: 20px;
+  max-height: 20px;
+  margin: 0 10px;
+  &:first-child {
+    margin-left: 0;
+  }
+  &:last-child {
+    margin-right: 0;
+  }
+  ${function (props) {
+  return props.$rounded && import_styled_components.css`
+        overflow: hidden;
+        border-radius: 5px;
+      `;
+}}
+  svg {
+    display: block;
+    position: relative;
+    max-width: 100%;
+    height: auto;
+  }
+`;
+//# sourceMappingURL=styles.native.js.map

package/dist/jsx/connectkit/components/Common/Button/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","Arrow","ArrowChevron","ArrowLine","ButtonContainer","ButtonContainerInner","DownloadArrow","DownloadArrowInner","IconContainer","InnerContainer","SpinnerContainer","module","exports","import_framer_motion","require","import_styled","import_styled_components","import_defaultTheme","default","motion","div","svg","path","line","button","param","disabled","css","$variant","mobileWidth"],"sources":["../../../../../../src/connectkit/components/Common/Button/styles.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

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

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

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

package/dist/jsx/connectkit/components/Common/Button/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/Button/types.native.js.map

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

package/dist/jsx/connectkit/components/Common/Chain/index.mjs

@@ -0,0 +1,120 @@
+import { ChainContainer, LoadingContainer, LogoContainer, Unsupported } from "./styles.mjs";
+import { AnimatePresence } from "framer-motion";
+import { chainConfigs } from "../../../constants/chainConfigs.mjs";
+import Chains from "../../../assets/chains.mjs";
+import useIsMounted from "../../../hooks/useIsMounted.mjs";
+import { useChainIsSupported } from "../../../hooks/useChainIsSupported.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const Spinner = /* @__PURE__ */jsxs("svg", {
+  "aria-hidden": "true",
+  width: "36",
+  height: "36",
+  viewBox: "0 0 36 36",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/* @__PURE__ */jsx("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11.3592 30.1654C10.0472 29.4491 8.85718 28.524 7.83713 27.424C6.81708 26.324 5.98425 25.0677 5.36889 23.7054C5.20157 23.335 5.05033 22.9567 4.91578 22.5717C4.51465 21.4237 4.26735 20.2308 4.17794 19.0239C4.16599 18.8626 4.13894 18.7041 4.09809 18.5507C3.85023 17.6197 3.09399 16.8738 2.11531 16.7999C0.975331 16.7138 -0.0310983 17.5702 0.0141657 18.7125C0.0223289 18.9185 0.0340286 19.1243 0.049253 19.3298C0.165374 20.8971 0.486545 22.4464 1.00749 23.9373C1.10424 24.2142 1.20764 24.4884 1.31755 24.7596C2.13617 26.7799 3.31595 28.6371 4.80146 30.239C6.28696 31.841 8.04998 33.1573 10.0029 34.1258C10.2651 34.2558 10.5307 34.3796 10.7995 34.4969C12.247 35.1287 13.7676 35.5656 15.3217 35.7995C15.5255 35.8301 15.7298 35.8573 15.9346 35.881C17.0703 36.0122 18.0001 35.0731 18.0001 33.9299C18.0001 32.9484 17.3133 32.1381 16.4036 31.8208C16.2537 31.7685 16.0977 31.7296 15.9377 31.7056C14.7411 31.5255 13.5702 31.1891 12.4556 30.7026C12.0818 30.5394 11.716 30.3601 11.3592 30.1654Z",
+    fill: "url(#paint0_linear_1288_1870)"
+  }), /* @__PURE__ */jsx("defs", {
+    children: /* @__PURE__ */jsxs("linearGradient", {
+      id: "paint0_linear_1288_1870",
+      x1: "2",
+      y1: "19.4884",
+      x2: "16.8752",
+      y2: "33.7485",
+      gradientUnits: "userSpaceOnUse",
+      children: [/* @__PURE__ */jsx("stop", {
+        stopColor: "var(--ck-connectbutton-balance-color,currentColor)",
+        stopOpacity: "0.7"
+      }), /* @__PURE__ */jsx("stop", {
+        offset: "1",
+        stopColor: "var(--ck-connectbutton-balance-color,currentColor)",
+        stopOpacity: "0"
+      })]
+    })
+  })]
+});
+const Chain = ({
+  id,
+  unsupported: controlledUnsupported,
+  radius = "50%",
+  size = 24
+}) => {
+  const isChainSupported = useChainIsSupported(id);
+  const unsupported = controlledUnsupported ?? !isChainSupported;
+  const chain = chainConfigs.find(c => c.id === id);
+  const isMounted = useIsMounted();
+  if (!isMounted) return /* @__PURE__ */jsx("div", {
+    style: {
+      width: size,
+      height: size
+    }
+  });
+  return /* @__PURE__ */jsx(ChainContainer, {
+    size,
+    radius,
+    children: /* @__PURE__ */jsxs(AnimatePresence, {
+      initial: false,
+      children: [unsupported && /* @__PURE__ */jsx(Unsupported, {
+        initial: {
+          opacity: 0
+        },
+        animate: {
+          opacity: 1
+        },
+        exit: {
+          opacity: 0
+        },
+        children: /* @__PURE__ */jsxs("svg", {
+          width: "13",
+          height: "12",
+          viewBox: "0 0 13 12",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [/* @__PURE__ */jsx("path", {
+            d: "M2.61317 11.2501H9.46246C10.6009 11.2501 11.3256 10.3506 11.3256 9.3549C11.3256 9.05145 11.255 8.73244 11.0881 8.43303L7.65903 2.14708C7.659 2.14702 7.65897 2.14696 7.65893 2.1469C7.65889 2.14682 7.65884 2.14673 7.65879 2.14664C7.31045 1.50746 6.6741 1.17871 6.04 1.17871C5.41478 1.17871 4.763 1.50043 4.41518 2.14968L0.993416 8.43476C0.828865 8.72426 0.75 9.04297 0.75 9.3549C0.75 10.3506 1.47471 11.2501 2.61317 11.2501Z",
+            fill: "currentColor",
+            stroke: "var(--ck-body-background, #fff)",
+            strokeWidth: "1.5"
+          }), /* @__PURE__ */jsx("path", {
+            d: "M6.03258 7.43916C5.77502 7.43916 5.63096 7.29153 5.62223 7.02311L5.55675 4.96973C5.54802 4.69684 5.74446 4.5 6.02821 4.5C6.3076 4.5 6.51277 4.70131 6.50404 4.9742L6.43856 7.01864C6.42546 7.29153 6.2814 7.43916 6.03258 7.43916ZM6.03258 9.11676C5.7401 9.11676 5.5 8.9065 5.5 8.60677C5.5 8.30704 5.7401 8.09678 6.03258 8.09678C6.32506 8.09678 6.56515 8.30256 6.56515 8.60677C6.56515 8.91097 6.32069 9.11676 6.03258 9.11676Z",
+            fill: "white"
+          })]
+        })
+      }), id ? /* @__PURE__ */jsx(LogoContainer, {
+        initial: {
+          opacity: 0
+        },
+        animate: {
+          opacity: 1
+        },
+        exit: {
+          opacity: 0
+        },
+        transition: {
+          duration: 0.3
+        },
+        children: chain?.logo ?? /* @__PURE__ */jsx(Chains.UnknownChain, {})
+      }, `${chain?.id}-${chain?.name}-${id}`) : /* @__PURE__ */jsx(LoadingContainer, {
+        initial: {
+          opacity: 0
+        },
+        animate: {
+          opacity: 1
+        },
+        exit: {
+          opacity: 0
+        },
+        transition: {
+          duration: 0.3
+        },
+        children: Spinner
+      }, "loading")]
+    })
+  });
+};
+var Chain_default = Chain;
+export { Chain_default as default };
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/connectkit/components/Common/Chain/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["ChainContainer","LoadingContainer","LogoContainer","Unsupported","AnimatePresence","chainConfigs","Chains","useIsMounted","useChainIsSupported","jsx","jsxs","Spinner","width","height","viewBox","fill","xmlns","children","fillRule","clipRule","d","id","x1","y1","x2","y2","gradientUnits","stopColor","stopOpacity","offset","Chain","unsupported","controlledUnsupported","radius","size","isChainSupported","chain","find","c","isMounted","style","initial","opacity","animate","exit","stroke","strokeWidth","transition","duration","logo","UnknownChain","name","Chain_default"],"sources":["../../../../../../src/connectkit/components/Common/Chain/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/connectkit/components/Common/Chain/index.native.js

@@ -0,0 +1,164 @@
+"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 Chain_exports = {};
+__export(Chain_exports, {
+  default: () => Chain_default
+});
+module.exports = __toCommonJS(Chain_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styles = require("./styles.native.js");
+var import_framer_motion = require("framer-motion");
+var import_chainConfigs = require("../../../constants/chainConfigs.native.js");
+var import_chains = __toESM(require("../../../assets/chains.native.js"));
+var import_useIsMounted = __toESM(require("../../../hooks/useIsMounted.native.js"));
+var import_useChainIsSupported = require("../../../hooks/useChainIsSupported.native.js");
+var Spinner = /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+  "aria-hidden": "true",
+  width: "36",
+  height: "36",
+  viewBox: "0 0 36 36",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11.3592 30.1654C10.0472 29.4491 8.85718 28.524 7.83713 27.424C6.81708 26.324 5.98425 25.0677 5.36889 23.7054C5.20157 23.335 5.05033 22.9567 4.91578 22.5717C4.51465 21.4237 4.26735 20.2308 4.17794 19.0239C4.16599 18.8626 4.13894 18.7041 4.09809 18.5507C3.85023 17.6197 3.09399 16.8738 2.11531 16.7999C0.975331 16.7138 -0.0310983 17.5702 0.0141657 18.7125C0.0223289 18.9185 0.0340286 19.1243 0.049253 19.3298C0.165374 20.8971 0.486545 22.4464 1.00749 23.9373C1.10424 24.2142 1.20764 24.4884 1.31755 24.7596C2.13617 26.7799 3.31595 28.6371 4.80146 30.239C6.28696 31.841 8.04998 33.1573 10.0029 34.1258C10.2651 34.2558 10.5307 34.3796 10.7995 34.4969C12.247 35.1287 13.7676 35.5656 15.3217 35.7995C15.5255 35.8301 15.7298 35.8573 15.9346 35.881C17.0703 36.0122 18.0001 35.0731 18.0001 33.9299C18.0001 32.9484 17.3133 32.1381 16.4036 31.8208C16.2537 31.7685 16.0977 31.7296 15.9377 31.7056C14.7411 31.5255 13.5702 31.1891 12.4556 30.7026C12.0818 30.5394 11.716 30.3601 11.3592 30.1654Z",
+    fill: "url(#paint0_linear_1288_1870)"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("defs", {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("linearGradient", {
+      id: "paint0_linear_1288_1870",
+      x1: "2",
+      y1: "19.4884",
+      x2: "16.8752",
+      y2: "33.7485",
+      gradientUnits: "userSpaceOnUse",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("stop", {
+        stopColor: "var(--ck-connectbutton-balance-color,currentColor)",
+        stopOpacity: "0.7"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("stop", {
+        offset: "1",
+        stopColor: "var(--ck-connectbutton-balance-color,currentColor)",
+        stopOpacity: "0"
+      })]
+    })
+  })]
+});
+var Chain = function Chain2(param) {
+  var {
+    id,
+    unsupported: controlledUnsupported,
+    radius = "50%",
+    size = 24
+  } = param;
+  var _ref;
+  var isChainSupported = (0, import_useChainIsSupported.useChainIsSupported)(id);
+  var unsupported = controlledUnsupported !== null && controlledUnsupported !== void 0 ? controlledUnsupported : !isChainSupported;
+  var chain = import_chainConfigs.chainConfigs.find(function (c) {
+    return c.id === id;
+  });
+  var isMounted = (0, import_useIsMounted.default)();
+  if (!isMounted) return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+    style: {
+      width: size,
+      height: size
+    }
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.ChainContainer, {
+    size,
+    radius,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_framer_motion.AnimatePresence, {
+      initial: false,
+      children: [unsupported && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.Unsupported, {
+        initial: {
+          opacity: 0
+        },
+        animate: {
+          opacity: 1
+        },
+        exit: {
+          opacity: 0
+        },
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+          width: "13",
+          height: "12",
+          viewBox: "0 0 13 12",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+            d: "M2.61317 11.2501H9.46246C10.6009 11.2501 11.3256 10.3506 11.3256 9.3549C11.3256 9.05145 11.255 8.73244 11.0881 8.43303L7.65903 2.14708C7.659 2.14702 7.65897 2.14696 7.65893 2.1469C7.65889 2.14682 7.65884 2.14673 7.65879 2.14664C7.31045 1.50746 6.6741 1.17871 6.04 1.17871C5.41478 1.17871 4.763 1.50043 4.41518 2.14968L0.993416 8.43476C0.828865 8.72426 0.75 9.04297 0.75 9.3549C0.75 10.3506 1.47471 11.2501 2.61317 11.2501Z",
+            fill: "currentColor",
+            stroke: "var(--ck-body-background, #fff)",
+            strokeWidth: "1.5"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+            d: "M6.03258 7.43916C5.77502 7.43916 5.63096 7.29153 5.62223 7.02311L5.55675 4.96973C5.54802 4.69684 5.74446 4.5 6.02821 4.5C6.3076 4.5 6.51277 4.70131 6.50404 4.9742L6.43856 7.01864C6.42546 7.29153 6.2814 7.43916 6.03258 7.43916ZM6.03258 9.11676C5.7401 9.11676 5.5 8.9065 5.5 8.60677C5.5 8.30704 5.7401 8.09678 6.03258 8.09678C6.32506 8.09678 6.56515 8.30256 6.56515 8.60677C6.56515 8.91097 6.32069 9.11676 6.03258 9.11676Z",
+            fill: "white"
+          })]
+        })
+      }), id ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoContainer, {
+        initial: {
+          opacity: 0
+        },
+        animate: {
+          opacity: 1
+        },
+        exit: {
+          opacity: 0
+        },
+        transition: {
+          duration: 0.3
+        },
+        children: (_ref = chain === null || chain === void 0 ? void 0 : chain.logo) !== null && _ref !== void 0 ? _ref : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_chains.default.UnknownChain, {})
+      }, `${chain === null || chain === void 0 ? void 0 : chain.id}-${chain === null || chain === void 0 ? void 0 : chain.name}-${id}`) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LoadingContainer, {
+        initial: {
+          opacity: 0
+        },
+        animate: {
+          opacity: 1
+        },
+        exit: {
+          opacity: 0
+        },
+        transition: {
+          duration: 0.3
+        },
+        children: Spinner
+      }, "loading")]
+    })
+  });
+};
+var Chain_default = Chain;
+//# sourceMappingURL=index.native.js.map