@multiplatform.one/connectkit 6.0.0

package/dist/esm/components/Common/Spinner/index.native.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SpinnerContainer } from "./styles.native.js";
+var transition = {
+  duration: 0.4,
+  ease: [0.175, 0.885, 0.32, 0.98]
+};
+var Spinner = function Spinner2() {
+  return /* @__PURE__ */_jsx(SpinnerContainer, {
+    initial: {
+      opacity: 0,
+      rotate: 180
+    },
+    animate: {
+      opacity: 1,
+      rotate: 0
+    },
+    exit: {
+      position: "absolute",
+      opacity: 0,
+      rotate: -180,
+      transition: {
+        ...transition
+      }
+    },
+    transition: {
+      ...transition,
+      delay: 0.2
+    },
+    children: /* @__PURE__ */_jsxs("svg", {
+      width: "18",
+      height: "18",
+      viewBox: "0 0 18 18",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [/* @__PURE__ */_jsx("circle", {
+        cx: "9",
+        cy: "9",
+        r: "7",
+        stroke: "currentColor",
+        strokeOpacity: "0.1",
+        strokeWidth: "2.5"
+      }), /* @__PURE__ */_jsx("path", {
+        d: "M16 9C16 5.13401 12.866 2 9 2",
+        stroke: "currentColor",
+        strokeWidth: "2.5",
+        strokeLinecap: "round"
+      })]
+    })
+  });
+};
+export { Spinner };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/components/Common/Spinner/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","SpinnerContainer","transition","duration","ease","Spinner","Spinner2","initial","opacity","rotate","animate","exit","position","delay","children","width","height","viewBox","fill","xmlns"],"sources":["../../../../../src/components/Common/Spinner/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAwB;AA2B7B,SACEC,gBADF;AAzBJ,IAAAC,UAAM;EACJC,QAAA,EAAU;EACVC,IAAA,EAAM,CACR,OAEO,KAAM,EACV;AACoC;AAC1B,IAAAC,OACP,YAASC,SAAA;EAAA,OACT,eAAQR,IAAA,CAAAG,gBAAA;IACVM,OAAA;MACAC,OAAM;MACJC,MAAA;IAAU;IACDC,OACT;MACAF,OAAA;MAAYC,MACP;IAAA;IAEPE,IAAA;MACAC,QAAA,EAAY;MACVJ,OAAG;MACHC,MAAA,EAAO;MACTP,UAAA;QAEA,GAAAA;MACE;IAAwF;IACxFA,UAAC;MAAA,GAAAA,UAAA;MAAAW,KACC,EAAE;IAAA;IACKC,QACP,iBAAYd,KAAA;MAAAe,KACZ;MAAcC,MAAA;MAChBC,OAAA;MAAAC,IACF;MAAAC,KAAA;MACFL,QAAA,G","ignoreList":[]}

package/dist/esm/components/Common/Spinner/styles.mjs

@@ -0,0 +1,20 @@
+import { motion } from "framer-motion";
+import styled from "./../../../styles/styled/index.mjs";
+import { keyframes } from "styled-components";
+const Spin = keyframes`
+  0%{ transform: rotate(0deg); }
+  100%{ transform: rotate(360deg); }
+`;
+const SpinnerContainer = styled(motion.div)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  animation: ${Spin} 1s linear infinite;
+  svg {
+    display: block;
+    position: relative;
+    animation: ${Spin} 1s ease-in-out infinite;
+  }
+`;
+export { SpinnerContainer };
+//# sourceMappingURL=styles.mjs.map

package/dist/esm/components/Common/Spinner/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["motion","styled","keyframes","Spin","SpinnerContainer","div"],"sources":["../../../../../src/components/Common/Spinner/styles.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,OAAOC,MAAA,MAAY;AACnB,SAASC,SAAA,QAAiB;AAE1B,MAAMC,IAAA,GAAOD,SAAA;AAAA;AAAA;AAAA;AAIN,MAAME,gBAAA,GAAmBH,MAAA,CAAOD,MAAA,CAAOK,GAAG;AAAA;AAAA;AAAA;AAAA,eAIlCF,IAAI;AAAA;AAAA;AAAA;AAAA,iBAIFA,IAAI;AAAA;AAAA","ignoreList":[]}

package/dist/esm/components/Common/Spinner/styles.native.js

@@ -0,0 +1,20 @@
+import { motion } from "framer-motion";
+import styled from "./../../../styles/styled/index.native.js";
+import { keyframes } from "styled-components";
+var Spin = keyframes`
+  0%{ transform: rotate(0deg); }
+  100%{ transform: rotate(360deg); }
+`;
+var SpinnerContainer = styled(motion.div)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  animation: ${Spin} 1s linear infinite;
+  svg {
+    display: block;
+    position: relative;
+    animation: ${Spin} 1s ease-in-out infinite;
+  }
+`;
+export { SpinnerContainer };
+//# sourceMappingURL=styles.native.js.map

package/dist/esm/components/Common/Spinner/styles.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["motion","styled","keyframes","Spin","SpinnerContainer","div"],"sources":["../../../../../src/components/Common/Spinner/styles.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,OAAOC,MAAA,MAAY;AACnB,SAASC,SAAA,QAAiB;AAE1B,IAAAC,IAAM,GAAAD,SAAO;AAAA;AAAA;AAAA;AAIN,IAAAE,gBAAM,GAAAH,MAAmB,CAAAD,MAAO,CAAAK,GAAO;AAAG;AAAA;AAAA;AAAA,eAIlCF,IAAI;AAAA;AAAA;AAAA;AAAA,iBAIFA,IAAI;AAAA;AAAA","ignoreList":[]}

package/dist/esm/components/Common/ThemedButton/index.mjs

@@ -0,0 +1,45 @@
+import { ThemeContainer, Container } from "./styles.mjs";
+import useMeasure from "react-use-measure";
+import { jsx } from "react/jsx-runtime";
+const PlaceholderButton = () => {
+  return /* @__PURE__ */jsx("div", {
+    style: {
+      height: 40
+    }
+  });
+};
+const ThemedButton = ({
+  children,
+  variant = "primary",
+  autoSize = true,
+  duration = 0.3,
+  style
+}) => {
+  const [contentRef, bounds] = useMeasure();
+  return /* @__PURE__ */jsx(Container, {
+    className: variant,
+    initial: false,
+    animate: autoSize ? {
+      width: bounds.width > 10 ? bounds.width : "auto"
+    } : void 0,
+    transition: {
+      duration,
+      ease: [0.25, 1, 0.5, 1],
+      delay: 0.01
+    },
+    style,
+    children: /* @__PURE__ */jsx("div", {
+      ref: contentRef,
+      style: {
+        whiteSpace: "nowrap",
+        width: "fit-content",
+        position: "relative",
+        padding: "0 12px"
+      },
+      children
+    })
+  });
+};
+var ThemedButton_default = ThemedButton;
+export { PlaceholderButton, ThemeContainer, ThemedButton_default as default };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/components/Common/ThemedButton/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["ThemeContainer","Container","useMeasure","jsx","PlaceholderButton","style","height","ThemedButton","children","variant","autoSize","duration","contentRef","bounds","className","initial","animate","width","transition","ease","delay","ref","whiteSpace","position","padding","ThemedButton_default"],"sources":["../../../../../src/components/Common/ThemedButton/index.tsx"],"sourcesContent":[null],"mappings":"AAEA,SAASA,cAAA,EAAgBC,SAAA,QAAiB;AAG1C,OAAOC,UAAA,MAAgB;AAYd,SAAAC,GAAA;AADF,MAAMC,iBAAA,GAAoBA,CAAA,KAAM;EACrC,OAAO,eAAAD,GAAA,CAAC;IAAIE,KAAA,EAAO;MAAEC,MAAA,EAAQ;IAAG;EAAA,CAAG;AACrC;AAEA,MAAMC,YAAA,GAAkDA,CAAC;EACvDC,QAAA;EACAC,OAAA,GAAU;EACVC,QAAA,GAAW;EACXC,QAAA,GAAW;EACXN;AACF,MAAM;EACJ,MAAM,CAACO,UAAA,EAAYC,MAAM,IAAIX,UAAA,CAAW;EACxC,OACE,eAAAC,GAAA,CAACF,SAAA;IACCa,SAAA,EAAWL,OAAA;IACXM,OAAA,EAAS;IACTC,OAAA,EACEN,QAAA,GACI;MACEO,KAAA,EAAOJ,MAAA,CAAOI,KAAA,GAAQ,KAAKJ,MAAA,CAAOI,KAAA,GAAQ;IAC5C,IACA;IAENC,UAAA,EAAY;MACVP,QAAA;MACAQ,IAAA,EAAM,CAAC,MAAM,GAAG,KAAK,CAAC;MACtBC,KAAA,EAAO;IACT;IACAf,KAAA;IAEAG,QAAA,iBAAAL,GAAA,CAAC;MACCkB,GAAA,EAAKT,UAAA;MACLP,KAAA,EAAO;QACLiB,UAAA,EAAY;QACZL,KAAA,EAAO;QACPM,QAAA,EAAU;QACVC,OAAA,EAAS;MACX;MAEChB;IAAA,CACH;EAAA,CACF;AAEJ;AACA,IAAOiB,oBAAA,GAAQlB,YAAA","ignoreList":[]}

package/dist/esm/components/Common/ThemedButton/index.native.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { ThemeContainer, Container } from "./styles.native.js";
+import useMeasure from "react-use-measure";
+var PlaceholderButton = function PlaceholderButton2() {
+  return /* @__PURE__ */_jsx("div", {
+    style: {
+      height: 40
+    }
+  });
+};
+var ThemedButton = function ThemedButton2(param) {
+  var {
+    children,
+    variant = "primary",
+    autoSize = true,
+    duration = 0.3,
+    style
+  } = param;
+  var [contentRef, bounds] = useMeasure();
+  return /* @__PURE__ */_jsx(Container, {
+    className: variant,
+    initial: false,
+    animate: autoSize ? {
+      width: bounds.width > 10 ? bounds.width : "auto"
+    } : void 0,
+    transition: {
+      duration,
+      ease: [0.25, 1, 0.5, 1],
+      delay: 0.01
+    },
+    style,
+    children: /* @__PURE__ */_jsx("div", {
+      ref: contentRef,
+      style: {
+        whiteSpace: "nowrap",
+        width: "fit-content",
+        position: "relative",
+        padding: "0 12px"
+      },
+      children
+    })
+  });
+};
+var ThemedButton_default = ThemedButton;
+export { PlaceholderButton, ThemeContainer, ThemedButton_default as default };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/components/Common/ThemedButton/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","React","ThemeContainer","Container","useMeasure","PlaceholderButton","PlaceholderButton2","style","height","ThemedButton","ThemedButton2","param","children","variant","autoSize","duration","contentRef","bounds","className","initial","animate","width","transition","ease","delay","ref","whiteSpace","position","padding","ThemedButton_default"],"sources":["../../../../../src/components/Common/ThemedButton/index.tsx"],"sourcesContent":[null],"mappings":"AAEA,SAASA,GAAA,IAAAC,IAAA,QAAgB,mBAAiB;AAG1C,OAAOC,KAAA,aAAgB;AAYd,SAAAC,cAAA,EAAAC,SAAA;AADF,OAAMC,UAAA,yBAA0B;AACrC,IAAAC,iBAAO,YAACC,kBAAaA,CAAA;EACvB,sBAAAN,IAAA;IAEAO,KAAM;MACJC,MAAA;IACA;EACA;AAAW;AACA,IACXC,YAAA,YAAAC,cAAAC,KAAA;EACF,IAAM;IAAAC,QAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAR;EAAA,IAAAI,KAAA;EACJ,KAAAK,UAAO,EAAAC,MAAY,IAAMb,UAAI;EAC7B,OACE,eAAAJ,IAAA,CAAAG,SAAA;IAACe,SAAA,EAAAL,OAAA;IAAAM,OAAA;IAAAC,OACC,EAAAN,QAAW;MACXO,KAAA,EAAAJ,MAAS,CAAAI,KAAA,QAAAJ,MAAA,CAAAI,KAAA;IAAA,IACT;IAEMC,UACE,EAAO;MACTP,QACA;MAENQ,IAAA,GACE,MACA,GACA,KACF,EACA;MAEAC,KAAA;IAAA;IAACjB,KAAA;IAAAK,QACC,iBAAKZ,IAAA;MAAAyB,GAAA,EACLT,UAAO;MAAAT,KAAA,EACL;QAAYmB,UACZ,EAAO;QAAAL,KACP,eAAU;QAAAM,QACV,YAAS;QAAAC,OACX;MAAA;MAEChB;IAAA;EACH;AAAA;AAGN,IAAAiB,oBAAA,GAAApB,YAAA;AACA,S","ignoreList":[]}

package/dist/esm/components/Common/ThemedButton/styles.mjs

@@ -0,0 +1,111 @@
+import { motion } from "framer-motion";
+import styled from "./../../../styles/styled/index.mjs";
+const Container = styled(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 = styled.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);
+  }
+`;
+export { Container, ThemeContainer };
+//# sourceMappingURL=styles.mjs.map

package/dist/esm/components/Common/ThemedButton/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["motion","styled","Container","div","ThemeContainer","button"],"sources":["../../../../../src/components/Common/ThemedButton/styles.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,OAAOC,MAAA,MAAY;AAEZ,MAAMC,SAAA,GAAYD,MAAA,CAAOD,MAAA,CAAOG,GAAG;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;AAoEnC,MAAMC,cAAA,GAAiBH,MAAA,CAAOI,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAuB/BH,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQTA,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","ignoreList":[]}

package/dist/esm/components/Common/ThemedButton/styles.native.js

@@ -0,0 +1,111 @@
+import { motion } from "framer-motion";
+import styled from "./../../../styles/styled/index.native.js";
+var Container = styled(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 = styled.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);
+  }
+`;
+export { Container, ThemeContainer };
+//# sourceMappingURL=styles.native.js.map

package/dist/esm/components/Common/ThemedButton/styles.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["motion","styled","Container","div","ThemeContainer","button"],"sources":["../../../../../src/components/Common/ThemedButton/styles.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,OAAOC,MAAA,MAAY;AAEZ,IAAAC,SAAM,GAAAD,MAAY,CAAAD,MAAO,CAAAG,GAAO;AAAG;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,IAAAC,cAAM,GAAAH,MAAiB,CAAAI,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAuB/BH,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQTA,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","ignoreList":[]}

package/dist/esm/components/Common/Tooltip/index.mjs

@@ -0,0 +1,124 @@
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { useContext } from "../../ConnectKit.mjs";
+import useMeasure from "react-use-measure";
+import { TooltipWindow, TooltipContainer, TooltipTail } from "./styles.mjs";
+import { AnimatePresence, motion } from "framer-motion";
+import { ResetContainer } from "../../../styles/index.mjs";
+import Portal from "../Portal/index.mjs";
+import { useThemeContext } from "../../ConnectKitThemeProvider/ConnectKitThemeProvider.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const Tooltip = ({
+  children,
+  message,
+  open,
+  xOffset = 0,
+  yOffset = 0,
+  delay
+}) => {
+  const context = useContext();
+  const themeContext = useThemeContext();
+  if (context.options?.hideTooltips) return /* @__PURE__ */jsx(Fragment, {
+    children
+  });
+  const [isOpen, setIsOpen] = useState(false);
+  const [outOfBounds, setOutOfBounds] = useState(false);
+  const [size, setSize] = useState("small");
+  const [ready, setReady] = useState(false);
+  const [currentRoute] = useState(context.route);
+  const targetRef = useRef(null);
+  const [ref, bounds] = useMeasure({
+    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" ? useLayoutEffect : 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]);
+  useEffect(() => {
+    if (!context.open) setIsOpen(false);
+  }, [context.open]);
+  useEffect(() => {
+    setIsOpen(!!open);
+  }, [open]);
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsx(motion.div, {
+      ref,
+      style: open === void 0 ? {
+        cursor: "help"
+      } : {},
+      onHoverStart: () => setIsOpen(true),
+      onHoverEnd: () => setIsOpen(false),
+      onClick: () => setIsOpen(false),
+      children
+    }), /* @__PURE__ */jsx(Portal, {
+      children: /* @__PURE__ */jsx(AnimatePresence, {
+        children: currentRoute === context.route && !outOfBounds && isOpen && /* @__PURE__ */jsx(ResetContainer, {
+          $useTheme: themeContext.theme,
+          $useMode: themeContext.mode,
+          $customTheme: themeContext.customTheme,
+          children: /* @__PURE__ */jsx(TooltipWindow, {
+            children: /* @__PURE__ */jsxs(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__ */jsx(TooltipTail, {
+                $size: size
+              })]
+            })
+          })
+        })
+      })
+    })]
+  });
+};
+var Tooltip_default = Tooltip;
+export { Tooltip_default as default };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/components/Common/Tooltip/index.mjs.map

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