@multiplatform.one/connectkit 6.0.0

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

@@ -0,0 +1,148 @@
+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/components/Common/ThemedButton/styles.native.js

@@ -0,0 +1,151 @@
+"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/components/Common/ThemedButton/styles.native.js.map

@@ -0,0 +1 @@
+{"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/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;AAoEnC;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","ignoreList":[]}

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

@@ -0,0 +1,160 @@
+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;

package/dist/cjs/components/Common/Tooltip/index.native.js

@@ -0,0 +1,171 @@
+"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 Tooltip_exports = {};
+__export(Tooltip_exports, {
+  default: () => Tooltip_default
+});
+module.exports = __toCommonJS(Tooltip_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ConnectKit = require("../../ConnectKit.native.js");
+var import_react_use_measure = __toESM(require("react-use-measure"));
+var import_styles = require("./styles.native.js");
+var import_framer_motion = require("framer-motion");
+var import_styles2 = require("../../../styles/index.native.js");
+var import_Portal = __toESM(require("../Portal/index.native.js"));
+var import_ConnectKitThemeProvider = require("../../ConnectKitThemeProvider/ConnectKitThemeProvider.native.js");
+var Tooltip = function Tooltip2(param) {
+  var {
+    children,
+    message,
+    open,
+    xOffset = 0,
+    yOffset = 0,
+    delay
+  } = param;
+  var _context_options;
+  var context = (0, import_ConnectKit.useContext)();
+  var themeContext = (0, import_ConnectKitThemeProvider.useThemeContext)();
+  if ((_context_options = context.options) === null || _context_options === void 0 ? void 0 : _context_options.hideTooltips) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children
+  });
+  var [isOpen, setIsOpen] = (0, import_react.useState)(false);
+  var [outOfBounds, setOutOfBounds] = (0, import_react.useState)(false);
+  var [size, setSize] = (0, import_react.useState)("small");
+  var [ready, setReady] = (0, import_react.useState)(false);
+  var [currentRoute] = (0, import_react.useState)(context.route);
+  var targetRef = (0, import_react.useRef)(null);
+  var [ref, bounds] = (0, import_react_use_measure.default)({
+    debounce: !ready ? 220 : 0,
+    // fix alignment initial state
+    offsetSize: true,
+    scroll: true
+  });
+  var checkBounds = function checkBounds2() {
+    var flag = false;
+    var x = xOffset + bounds.left + bounds.width;
+    var y = yOffset + bounds.top + bounds.height * 0.5;
+    if (x > window.innerWidth || x < 0 || y > window.innerHeight || y < 0) {
+      flag = true;
+    }
+    return flag;
+  };
+  var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react.useLayoutEffect : import_react.useEffect;
+  var refreshLayout = function refreshLayout2() {
+    if (!targetRef.current || bounds.top + bounds.bottom + bounds.left + bounds.right + bounds.height + bounds.width === 0) return;
+    var x = xOffset + bounds.left + bounds.width;
+    var 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)(function () {
+    if (!context.open) setIsOpen(false);
+  }, [context.open]);
+  (0, import_react.useEffect)(function () {
+    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: function onHoverStart() {
+        return setIsOpen(true);
+      },
+      onHoverEnd: function onHoverEnd() {
+        return setIsOpen(false);
+      },
+      onClick: function onClick() {
+        return 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;
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/components/Common/Tooltip/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Tooltip_exports","__export","default","Tooltip_default","module","exports","import_jsx_runtime","require","import_react","__toESM","import_ConnectKit","import_react_use_measure","import_styles","import_framer_motion","import_styles2","import_Portal","import_ConnectKitThemeProvider","Tooltip","Tooltip2","param","children","message","open","xOffset","yOffset","delay","_context_options","context","useContext","themeContext","useThemeContext","options","hideTooltips","jsx","Fragment","isOpen","setIsOpen","useState","outOfBounds","setOutOfBounds","size","setSize","ready","setReady","currentRoute","route","targetRef","useRef","ref","bounds","debounce","offsetSize","scroll","checkBounds","checkBounds2","flag","x","left","width","y","top","height","window","innerWidth","innerHeight","useIsomorphicLayoutEffect","useLayoutEffect","useEffect","refreshLayout","refreshLayout2","current","bottom","right","style","offsetHeight","jsxs","motion","div","cursor","onHoverStart","onHoverEnd","onClick","AnimatePresence","ResetContainer","$useTheme","theme","$useMode","mode","$customTheme","customTheme","TooltipWindow","TooltipContainer","role","$size","initial","animate","exit","variants","collapsed","transformOrigin","opacity","scale","z","transition","duration","willChange","ease"],"sources":["../../../../../src/components/Common/Tooltip/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}