@multiplatform.one/web3 5.1.0 → 6.0.0

package/dist/cjs/connectkit/components/Common/ThemedButton/styles.cjs

@@ -1,187 +0,0 @@
-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, {
-  Container: () => Container,
-  ThemeContainer: () => ThemeContainer
-});
-module.exports = __toCommonJS(styles_exports);
-var import_framer_motion = require("framer-motion");
-var import_styled = __toESM(require("./../../../styles/styled/index.cjs"));
-const Container = (0, import_styled.default)(import_framer_motion.motion.div)`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  position: relative;
-  height: 40px;
-  padding: 0;
-  line-height: 0;
-  letter-spacing: -0.2px;
-  font-size: var(--ck-connectbutton-font-size, 16px);
-  font-weight: var(--ck-connectbutton-font-weight, 500);
-  text-align: center;
-  transition: 100ms ease;
-  transition-property: color, background, box-shadow, border-radius;
-
-  color: var(--color);
-  background: var(--background);
-  box-shadow: var(--box-shadow);
-  border-radius: var(--border-radius);
-
-  &.primary {
-    --color: var(--ck-connectbutton-color);
-    --background: var(--ck-connectbutton-background);
-    --box-shadow: var(--ck-connectbutton-box-shadow);
-    --border-radius: var(--ck-connectbutton-border-radius, 12px);
-
-    --hover-color: var(--ck-connectbutton-hover-color, var(--color));
-    --hover-background: var(
-      --ck-connectbutton-hover-background,
-      var(--background)
-    );
-    --hover-box-shadow: var(
-      --ck-connectbutton-hover-box-shadow,
-      var(--box-shadow)
-    );
-    --hover-border-radius: var(
-      --ck-connectbutton-hover-border-radius,
-      var(--border-radius)
-    );
-
-    --active-color: var(--ck-connectbutton-active-color, var(--hover-color));
-    --active-background: var(
-      --ck-connectbutton-active-background,
-      var(--hover-background)
-    );
-    --active-box-shadow: var(
-      --ck-connectbutton-active-box-shadow,
-      var(--hover-box-shadow)
-    );
-    --active-border-radius: var(
-      --ck-connectbutton-active-border-radius,
-      var(--hover-border-radius)
-    );
-  }
-  &.secondary {
-    --color: var(--ck-connectbutton-balance-color);
-    --background: var(--ck-connectbutton-balance-background);
-    --box-shadow: var(--ck-connectbutton-balance-box-shadow);
-    --border-radius: var(
-      --ck-connectbutton-balance-border-radius,
-      var(--ck-connectbutton-border-radius, 12px)
-    );
-
-    --hover-color: var(--ck-connectbutton-balance-hover-color, var(--color));
-    --hover-background: var(
-      --ck-connectbutton-balance-hover-background,
-      var(--background)
-    );
-    --hover-box-shadow: var(
-      --ck-connectbutton-balance-hover-box-shadow,
-      var(--box-shadow)
-    );
-    --hover-border-radius: var(
-      --ck-connectbutton-balance-hover-border-radius,
-      var(--border-radius)
-    );
-
-    --active-color: var(
-      --ck-connectbutton-balance-active-color,
-      var(--hover-color)
-    );
-    --active-background: var(
-      --ck-connectbutton-balance-active-background,
-      var(--hover-background)
-    );
-    --active-box-shadow: var(
-      --ck-connectbutton-balance-active-box-shadow,
-      var(--hover-box-shadow)
-    );
-    --active-border-radius: var(
-      --ck-connectbutton-balance-active-border-radius,
-      var(--hover-border-radius)
-    );
-  }
-`;
-const ThemeContainer = import_styled.default.button`
-  all: initial;
-  appearance: none;
-  user-select: none;
-  position: relative;
-  padding: 0;
-  margin: 0;
-  background: none;
-  border-radius: var(--ck-border-radius);
-
-  &:disabled {
-    pointer-events: none;
-    opacity: 0.3;
-  }
-
-  display: flex;
-  flex-wrap: nowrap;
-  background: none;
-  cursor: pointer;
-  * {
-    cursor: pointer;
-  }
-  &:hover {
-    ${Container} {
-      color: var(--hover-color, var(--color));
-      background: var(--hover-background, var(--background));
-      box-shadow: var(--hover-box-shadow, var(--box-shadow));
-      border-radius: var(--hover-border-radius, var(--border-radius));
-    }
-  }
-  &:active {
-    ${Container} {
-      color: var(--active-color, var(--hover-color, var(--color)));
-      background: var(
-        --active-background,
-        var(--hover-background, var(--background))
-      );
-      box-shadow: var(
-        --active-box-shadow,
-        var(--hover-box-shadow, var(--box-shadow))
-      );
-      border-radius: var(
-        --active-border-radius,
-        var(--hover-border-radius, var(--border-radius))
-      );
-    }
-  }
-  &:focus-visible {
-    outline: 2px solid var(--ck-aave-brand);
-  }
-`;

package/dist/cjs/connectkit/components/Common/ThemedButton/styles.native.js

@@ -1,190 +0,0 @@
-"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, {
-  Container: () => Container,
-  ThemeContainer: () => ThemeContainer
-});
-module.exports = __toCommonJS(styles_exports);
-var import_framer_motion = require("framer-motion");
-var import_styled = __toESM(require("./../../../styles/styled/index.native.js"));
-var Container = (0, import_styled.default)(import_framer_motion.motion.div)`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  position: relative;
-  height: 40px;
-  padding: 0;
-  line-height: 0;
-  letter-spacing: -0.2px;
-  font-size: var(--ck-connectbutton-font-size, 16px);
-  font-weight: var(--ck-connectbutton-font-weight, 500);
-  text-align: center;
-  transition: 100ms ease;
-  transition-property: color, background, box-shadow, border-radius;
-
-  color: var(--color);
-  background: var(--background);
-  box-shadow: var(--box-shadow);
-  border-radius: var(--border-radius);
-
-  &.primary {
-    --color: var(--ck-connectbutton-color);
-    --background: var(--ck-connectbutton-background);
-    --box-shadow: var(--ck-connectbutton-box-shadow);
-    --border-radius: var(--ck-connectbutton-border-radius, 12px);
-
-    --hover-color: var(--ck-connectbutton-hover-color, var(--color));
-    --hover-background: var(
-      --ck-connectbutton-hover-background,
-      var(--background)
-    );
-    --hover-box-shadow: var(
-      --ck-connectbutton-hover-box-shadow,
-      var(--box-shadow)
-    );
-    --hover-border-radius: var(
-      --ck-connectbutton-hover-border-radius,
-      var(--border-radius)
-    );
-
-    --active-color: var(--ck-connectbutton-active-color, var(--hover-color));
-    --active-background: var(
-      --ck-connectbutton-active-background,
-      var(--hover-background)
-    );
-    --active-box-shadow: var(
-      --ck-connectbutton-active-box-shadow,
-      var(--hover-box-shadow)
-    );
-    --active-border-radius: var(
-      --ck-connectbutton-active-border-radius,
-      var(--hover-border-radius)
-    );
-  }
-  &.secondary {
-    --color: var(--ck-connectbutton-balance-color);
-    --background: var(--ck-connectbutton-balance-background);
-    --box-shadow: var(--ck-connectbutton-balance-box-shadow);
-    --border-radius: var(
-      --ck-connectbutton-balance-border-radius,
-      var(--ck-connectbutton-border-radius, 12px)
-    );
-
-    --hover-color: var(--ck-connectbutton-balance-hover-color, var(--color));
-    --hover-background: var(
-      --ck-connectbutton-balance-hover-background,
-      var(--background)
-    );
-    --hover-box-shadow: var(
-      --ck-connectbutton-balance-hover-box-shadow,
-      var(--box-shadow)
-    );
-    --hover-border-radius: var(
-      --ck-connectbutton-balance-hover-border-radius,
-      var(--border-radius)
-    );
-
-    --active-color: var(
-      --ck-connectbutton-balance-active-color,
-      var(--hover-color)
-    );
-    --active-background: var(
-      --ck-connectbutton-balance-active-background,
-      var(--hover-background)
-    );
-    --active-box-shadow: var(
-      --ck-connectbutton-balance-active-box-shadow,
-      var(--hover-box-shadow)
-    );
-    --active-border-radius: var(
-      --ck-connectbutton-balance-active-border-radius,
-      var(--hover-border-radius)
-    );
-  }
-`;
-var ThemeContainer = import_styled.default.button`
-  all: initial;
-  appearance: none;
-  user-select: none;
-  position: relative;
-  padding: 0;
-  margin: 0;
-  background: none;
-  border-radius: var(--ck-border-radius);
-
-  &:disabled {
-    pointer-events: none;
-    opacity: 0.3;
-  }
-
-  display: flex;
-  flex-wrap: nowrap;
-  background: none;
-  cursor: pointer;
-  * {
-    cursor: pointer;
-  }
-  &:hover {
-    ${Container} {
-      color: var(--hover-color, var(--color));
-      background: var(--hover-background, var(--background));
-      box-shadow: var(--hover-box-shadow, var(--box-shadow));
-      border-radius: var(--hover-border-radius, var(--border-radius));
-    }
-  }
-  &:active {
-    ${Container} {
-      color: var(--active-color, var(--hover-color, var(--color)));
-      background: var(
-        --active-background,
-        var(--hover-background, var(--background))
-      );
-      box-shadow: var(
-        --active-box-shadow,
-        var(--hover-box-shadow, var(--box-shadow))
-      );
-      border-radius: var(
-        --active-border-radius,
-        var(--hover-border-radius, var(--border-radius))
-      );
-    }
-  }
-  &:focus-visible {
-    outline: 2px solid var(--ck-aave-brand);
-  }
-`;
-//# sourceMappingURL=styles.native.js.map

package/dist/cjs/connectkit/components/Common/ThemedButton/styles.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","styles_exports","__export","Container","ThemeContainer","module","exports","import_framer_motion","require","import_styled","__toESM","default","motion","div","button"],"sources":["../../../../../../src/connectkit/components/Common/ThemedButton/styles.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,cAAA;AAAAC,QAAA,CAAAD,cAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA,SAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAuB,CAAAK,cAAA;AACvB,IAAAM,oBAAmB,GAAAC,OAAA;AAEZ,IAAAC,aAAM,GAAAC,OAAY,CAAAF,OAAA,2CAAO;AAAU,IAAAL,SAAA,OAAAM,aAAA,CAAAE,OAAA,EAAAJ,oBAAA,CAAAK,MAAA,CAAAC,GAAA;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;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;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;AAkGnC;AAA8B,IAAAT,cAAA,GAAAK,aAAA,CAAAE,OAAA,CAAAG,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBtB,MAAAX,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,MAAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","ignoreList":[]}

package/dist/cjs/connectkit/components/Common/Tooltip/index.cjs

@@ -1,160 +0,0 @@
-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 Tooltip_exports = {};
-__export(Tooltip_exports, {
-  default: () => Tooltip_default
-});
-module.exports = __toCommonJS(Tooltip_exports);
-var import_react = require("react");
-var import_ConnectKit = require("../../ConnectKit.cjs");
-var import_react_use_measure = __toESM(require("react-use-measure"));
-var import_styles = require("./styles.cjs");
-var import_framer_motion = require("framer-motion");
-var import_styles2 = require("../../../styles/index.cjs");
-var import_Portal = __toESM(require("../Portal/index.cjs"));
-var import_ConnectKitThemeProvider = require("../../ConnectKitThemeProvider/ConnectKitThemeProvider.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-const Tooltip = ({
-  children,
-  message,
-  open,
-  xOffset = 0,
-  yOffset = 0,
-  delay
-}) => {
-  const context = (0, import_ConnectKit.useContext)();
-  const themeContext = (0, import_ConnectKitThemeProvider.useThemeContext)();
-  if (context.options?.hideTooltips) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-    children
-  });
-  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
-  const [outOfBounds, setOutOfBounds] = (0, import_react.useState)(false);
-  const [size, setSize] = (0, import_react.useState)("small");
-  const [ready, setReady] = (0, import_react.useState)(false);
-  const [currentRoute] = (0, import_react.useState)(context.route);
-  const targetRef = (0, import_react.useRef)(null);
-  const [ref, bounds] = (0, import_react_use_measure.default)({
-    debounce: !ready ? 220 : 0,
-    // fix alignment initial state
-    offsetSize: true,
-    scroll: true
-  });
-  const checkBounds = () => {
-    let flag = false;
-    const x = xOffset + bounds.left + bounds.width;
-    const y = yOffset + bounds.top + bounds.height * 0.5;
-    if (x > window.innerWidth || x < 0 || y > window.innerHeight || y < 0) {
-      flag = true;
-    }
-    return flag;
-  };
-  const useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react.useLayoutEffect : import_react.useEffect;
-  const refreshLayout = () => {
-    if (!targetRef.current || bounds.top + bounds.bottom + bounds.left + bounds.right + bounds.height + bounds.width === 0) return;
-    const x = xOffset + bounds.left + bounds.width;
-    const y = yOffset + bounds.top + bounds.height * 0.5;
-    if (!ready && x !== 0 && y !== 0) setReady(true);
-    targetRef.current.style.left = `${x}px`;
-    targetRef.current.style.top = `${y}px`;
-    setSize(targetRef.current.offsetHeight <= 40 ? "small" : "large");
-    setOutOfBounds(checkBounds());
-  };
-  useIsomorphicLayoutEffect(refreshLayout, [bounds, open, isOpen]);
-  (0, import_react.useEffect)(() => {
-    if (!context.open) setIsOpen(false);
-  }, [context.open]);
-  (0, import_react.useEffect)(() => {
-    setIsOpen(!!open);
-  }, [open]);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.motion.div, {
-      ref,
-      style: open === void 0 ? {
-        cursor: "help"
-      } : {},
-      onHoverStart: () => setIsOpen(true),
-      onHoverEnd: () => setIsOpen(false),
-      onClick: () => setIsOpen(false),
-      children
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Portal.default, {
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, {
-        children: currentRoute === context.route && !outOfBounds && isOpen && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles2.ResetContainer, {
-          $useTheme: themeContext.theme,
-          $useMode: themeContext.mode,
-          $customTheme: themeContext.customTheme,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.TooltipWindow, {
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.TooltipContainer, {
-              role: "tooltip",
-              $size: size,
-              ref: targetRef,
-              initial: "collapsed",
-              animate: ready ? "open" : {},
-              exit: "collapsed",
-              variants: {
-                collapsed: {
-                  transformOrigin: "20px 50%",
-                  opacity: 0,
-                  scale: 0.9,
-                  z: 0.01,
-                  y: "-50%",
-                  x: 20,
-                  transition: {
-                    duration: 0.1
-                  }
-                },
-                open: {
-                  willChange: "opacity,transform",
-                  opacity: 1,
-                  scale: 1,
-                  z: 0.01,
-                  y: "-50%",
-                  x: 20,
-                  transition: {
-                    ease: [0.76, 0, 0.24, 1],
-                    duration: 0.15,
-                    delay: delay ? delay : 0.5
-                  }
-                }
-              },
-              children: [message, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.TooltipTail, {
-                $size: size
-              })]
-            })
-          })
-        })
-      })
-    })]
-  });
-};
-var Tooltip_default = Tooltip;