@multiplatform.one/web3 5.0.27

package/dist/esm/connectkit/components/Common/ContinueWithAaveButton/index.native.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ButtonContainer, InnerContainer, IconContainer, ButtonContainerInner } from "./styles.native.js";
+import FitText from "../FitText/index.native.js";
+import useLocales from "../../../hooks/useLocales.native.js";
+var Logo = function Logo2() {
+  return /* @__PURE__ */_jsxs("svg", {
+    width: "27",
+    height: "15",
+    viewBox: "0 0 27 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */_jsx("path", {
+      d: "M9.85405 13.9979C11.3617 13.9979 12.5838 12.7757 12.5838 11.2681C12.5838 9.76047 11.3617 8.5383 9.85405 8.5383C8.34643 8.5383 7.12427 9.76047 7.12427 11.2681C7.12427 12.7757 8.34643 13.9979 9.85405 13.9979Z",
+      fill: "currentColor"
+    }), /* @__PURE__ */_jsx("path", {
+      d: "M16.8534 13.9979C18.3611 13.9979 19.5832 12.7757 19.5832 11.2681C19.5832 9.76047 18.3611 8.5383 16.8534 8.5383C15.3458 8.5383 14.1237 9.76047 14.1237 11.2681C14.1237 12.7757 15.3458 13.9979 16.8534 13.9979Z",
+      fill: "currentColor"
+    }), /* @__PURE__ */_jsx("path", {
+      d: "M13.4193 0C6.00734 0 -0.00193968 6.12375 4.69662e-07 13.6754H3.42824C3.42824 8.01604 7.866 3.42759 13.4193 3.42759C18.9727 3.42759 23.4104 8.01604 23.4104 13.6754H26.8387C26.84 6.12375 20.8307 0 13.4193 0Z",
+      fill: "currentColor"
+    })]
+  });
+};
+var ContinueWithAaveButton = function ContinueWithAaveButton2(param) {
+  var {
+    onClick
+  } = param;
+  var locales = useLocales();
+  return /* @__PURE__ */_jsx(ButtonContainer, {
+    onClick,
+    children: /* @__PURE__ */_jsxs(ButtonContainerInner, {
+      children: [/* @__PURE__ */_jsx(IconContainer, {
+        children: /* @__PURE__ */_jsx(Logo, {})
+      }), /* @__PURE__ */_jsx(InnerContainer, {
+        children: /* @__PURE__ */_jsx(FitText, {
+          children: locales.continueWithAave
+        })
+      })]
+    })
+  });
+};
+export { ContinueWithAaveButton };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/connectkit/components/Common/ContinueWithAaveButton/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ButtonContainer","InnerContainer","IconContainer","ButtonContainerInner","FitText","useLocales","Logo","Logo2","width","height","viewBox","fill","xmlns","children","d","ContinueWithAaveButton","ContinueWithAaveButton2","param","onClick","locales","continueWithAave"],"sources":["../../../../../../src/connectkit/components/Common/ContinueWithAaveButton/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,eAAA,EAAAC,cAAA,EAAAC,aAAA,EAAAC,oBAAA;AAAA,OACAC,OAAA;AAAA,OACAC,UAAA;AAAA,IACAC,IAAA,YAAAC,MAAA;EAAA,OACK,eAAAR,KAAA;IACPS,KAAO;IACPC,MAAO;IAGLC,OAOE,aAPF;IADFC,IAAM,QAAO;IACVC,KAAA;IAAAC,QAAA,GACC,eAAMhB,IAAA;MACNiB,CAAA,kNAAO;MACPH,IAAA,EAAQ;IACR,IACA,eAAMd,IAAA;MAENiB,CAAA;MAAAH,IAAA;IAAA,EAAC,iBAAAd,IAAA;MAAAiB,CAAA,EACC,+MAAE;MAAAH,IACF;IAAK;EACP;AACA;AAAC,IAAAI,sBAAA,YAAAC,wBAAAC,KAAA;EAAA;IAAAC;EACG,IAAAD,KAAA;EAAA,IAAAE,OACF,GAAKd,UAAA;EAAA,sBAAAR,IAAA,CAAAG,eAAA;IAAAkB,OACP;IAAAL,QACA,iBAAAd,KAAA,CAAAI,oBAAA;MAAAU,QAAC,kBAAAhB,IAAA,CAAAK,aAAA;QACCW,QAAE,iBAAAhB,IAAA,CAAAS,IAAA;MAAA,EACF,EAAK,eAAAT,IAAA,CAAAI,cAAA;QACPY,QAAA,iBAAAhB,IAAA,CAAAO,OAAA;UAAAS,QAAA,EAAAM,OAAA,CAAAC;QAAA;MACF;IAIA;EACF;AAGE;AACA,SAGML,sBAAC","ignoreList":[]}

package/dist/esm/connectkit/components/Common/ContinueWithAaveButton/styles.mjs

@@ -0,0 +1,79 @@
+import { motion } from "framer-motion";
+import styled from "../../../styles/styled/index.mjs";
+const ButtonContainerInner = styled(motion.div)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  inset: 0;
+  height: 100%;
+`;
+const ButtonContainer = styled.button`
+  --color: #ffffff;
+  --background: var(--ck-aave-brand);
+  --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-aave-brand);
+  --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));
+
+  appearance: none;
+  cursor: pointer;
+  user-select: none;
+  min-width: fit-content;
+  width: 100%;
+  display: block;
+  text-align: center;
+  height: 48px;
+  margin: 18px 0 2px;
+  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;
+
+  &:hover {
+    background: var(--hover-background);
+  }
+`;
+const InnerContainer = styled.div`
+  transform: translateZ(0); // Shifting fix
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  max-width: calc(100% - 42px);
+  transition: opacity 300ms ease;
+`;
+const IconContainer = styled.div`
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  max-width: 27px;
+  max-height: 27px;
+  margin: 0 8px 0 0;
+  svg {
+    display: block;
+    position: relative;
+    max-width: 100%;
+    height: auto;
+  }
+`;
+export { ButtonContainer, ButtonContainerInner, IconContainer, InnerContainer };
+//# sourceMappingURL=styles.mjs.map

package/dist/esm/connectkit/components/Common/ContinueWithAaveButton/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["motion","styled","ButtonContainerInner","div","ButtonContainer","button","InnerContainer","IconContainer"],"sources":["../../../../../../src/connectkit/components/Common/ContinueWithAaveButton/styles.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,OAAOC,MAAA,MAAY;AAEZ,MAAMC,oBAAA,GAAuBD,MAAA,CAAOD,MAAA,CAAOG,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9C,MAAMC,eAAA,GAAkBH,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+C/B,MAAMC,cAAA,GAAiBL,MAAA,CAAOE,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9B,MAAMI,aAAA,GAAgBN,MAAA,CAAOE,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","ignoreList":[]}

package/dist/esm/connectkit/components/Common/ContinueWithAaveButton/styles.native.js

@@ -0,0 +1,79 @@
+import { motion } from "framer-motion";
+import styled from "../../../styles/styled/index.native.js";
+var ButtonContainerInner = styled(motion.div)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  inset: 0;
+  height: 100%;
+`;
+var ButtonContainer = styled.button`
+  --color: #ffffff;
+  --background: var(--ck-aave-brand);
+  --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-aave-brand);
+  --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));
+
+  appearance: none;
+  cursor: pointer;
+  user-select: none;
+  min-width: fit-content;
+  width: 100%;
+  display: block;
+  text-align: center;
+  height: 48px;
+  margin: 18px 0 2px;
+  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;
+
+  &:hover {
+    background: var(--hover-background);
+  }
+`;
+var InnerContainer = styled.div`
+  transform: translateZ(0); // Shifting fix
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  max-width: calc(100% - 42px);
+  transition: opacity 300ms ease;
+`;
+var IconContainer = styled.div`
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  max-width: 27px;
+  max-height: 27px;
+  margin: 0 8px 0 0;
+  svg {
+    display: block;
+    position: relative;
+    max-width: 100%;
+    height: auto;
+  }
+`;
+export { ButtonContainer, ButtonContainerInner, IconContainer, InnerContainer };
+//# sourceMappingURL=styles.native.js.map

package/dist/esm/connectkit/components/Common/ContinueWithAaveButton/styles.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["motion","styled","ButtonContainerInner","div","ButtonContainer","button","InnerContainer","IconContainer"],"sources":["../../../../../../src/connectkit/components/Common/ContinueWithAaveButton/styles.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,OAAOC,MAAA,MAAY;AAEZ,IAAAC,oBAAM,GAAAD,MAAuB,CAAAD,MAAO,CAAAG,GAAO;AAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9C,IAAAC,eAAM,GAAAH,MAAkB,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+C/B,IAAAC,cAAM,GAAAL,MAAiB,CAAAE,GAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9B,IAAAI,aAAM,GAAAN,MAAgB,CAAAE,GAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","ignoreList":[]}

package/dist/esm/connectkit/components/Common/CopyToClipboard/CopyToClipboardIcon.mjs

@@ -0,0 +1,76 @@
+import { css } from "styled-components";
+import styled from "./../../../styles/styled/index.mjs";
+import { motion } from "framer-motion";
+import { CopyToClipboardIcon as Icon } from "../../../assets/icons.mjs";
+import { jsx } from "react/jsx-runtime";
+const IconContainer = styled(motion.div)`
+  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  svg {
+    display: block;
+  }
+  svg,
+  svg path,
+  svg rect {
+    transition: inherit;
+  }
+  svg path:first-child {
+    transform-origin: 50% 50%;
+    fill: var(--bg);
+    stroke: var(--color);
+  }
+  svg rect {
+    transform-origin: 53% 63%;
+    fill: var(--bg);
+    stroke: var(--color);
+  }
+  svg path:last-child {
+    opacity: 0;
+    stroke: var(--bg);
+    transform: translate(11.75px, 10px) rotate(90deg) scale(0.6);
+  }
+  ${props => props.$clipboard ? css`
+          --color: var(--ck-focus-color) !important;
+          --bg: var(--ck-body-background);
+          svg {
+            transition-delay: 0ms;
+            path:first-child {
+              opacity: 0;
+              transform: rotate(-90deg) scale(0.2);
+            }
+            rect {
+              rx: 10px;
+              fill: var(--color);
+              transform: rotate(-90deg) scale(1.45);
+            }
+            path:last-child {
+              transition-delay: 100ms;
+              opacity: 1;
+              transform: translate(7.75px, 9.5px);
+            }
+          }
+        ` : css`
+          &:hover {
+          }
+          &:hover:active {
+          }
+        `}
+`;
+const CopyToClipboardIcon = ({
+  copied,
+  small
+}) => /* @__PURE__ */jsx(IconContainer, {
+  $clipboard: copied,
+  children: /* @__PURE__ */jsx(Icon, {
+    style: {
+      transform: small ? "scale(1)" : "translateX(3px) scale(1.5)",
+      opacity: small || copied ? 1 : 0.3
+    }
+  })
+});
+var CopyToClipboardIcon_default = CopyToClipboardIcon;
+export { CopyToClipboardIcon_default as default };
+//# sourceMappingURL=CopyToClipboardIcon.mjs.map

package/dist/esm/connectkit/components/Common/CopyToClipboard/CopyToClipboardIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["css","styled","motion","CopyToClipboardIcon","Icon","jsx","IconContainer","div","props","$clipboard","copied","small","children","style","transform","opacity","CopyToClipboardIcon_default"],"sources":["../../../../../../src/connectkit/components/Common/CopyToClipboard/CopyToClipboardIcon.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,QAAW;AACpB,OAAOC,MAAA,MAAY;AACnB,SAASC,MAAA,QAAc;AAEvB,SAASC,mBAAA,IAAuBC,IAAA,QAAY;AAsExC,SAAAC,GAAA;AApEJ,MAAMC,aAAA,GAAgBL,MAAA,CAAOC,MAAA,CAAOK,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,IA6BlCC,KAAA,IACDA,KAAA,CAAMC,UAAA,GACFT,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAqBAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAKC;AAAA;AAGT,MAAMG,mBAAA,GAAsBA,CAAC;EAC3BO,MAAA;EACAC;AACF,MAIE,eAAAN,GAAA,CAACC,aAAA;EAAcG,UAAA,EAAYC,MAAA;EACzBE,QAAA,iBAAAP,GAAA,CAACD,IAAA;IACCS,KAAA,EAAO;MACLC,SAAA,EAAWH,KAAA,GAAQ,aAAa;MAChCI,OAAA,EAASJ,KAAA,IAASD,MAAA,GAAS,IAAI;IACjC;EAAA,CACF;AAAA,CACF;AAEF,IAAOM,2BAAA,GAAQb,mBAAA","ignoreList":[]}

package/dist/esm/connectkit/components/Common/CopyToClipboard/CopyToClipboardIcon.native.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { css } from "styled-components";
+import styled from "./../../../styles/styled/index.native.js";
+import { motion } from "framer-motion";
+import { CopyToClipboardIcon as Icon } from "../../../assets/icons.native.js";
+var IconContainer = styled(motion.div)`
+  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  svg {
+    display: block;
+  }
+  svg,
+  svg path,
+  svg rect {
+    transition: inherit;
+  }
+  svg path:first-child {
+    transform-origin: 50% 50%;
+    fill: var(--bg);
+    stroke: var(--color);
+  }
+  svg rect {
+    transform-origin: 53% 63%;
+    fill: var(--bg);
+    stroke: var(--color);
+  }
+  svg path:last-child {
+    opacity: 0;
+    stroke: var(--bg);
+    transform: translate(11.75px, 10px) rotate(90deg) scale(0.6);
+  }
+  ${function (props) {
+  return props.$clipboard ? css`
+          --color: var(--ck-focus-color) !important;
+          --bg: var(--ck-body-background);
+          svg {
+            transition-delay: 0ms;
+            path:first-child {
+              opacity: 0;
+              transform: rotate(-90deg) scale(0.2);
+            }
+            rect {
+              rx: 10px;
+              fill: var(--color);
+              transform: rotate(-90deg) scale(1.45);
+            }
+            path:last-child {
+              transition-delay: 100ms;
+              opacity: 1;
+              transform: translate(7.75px, 9.5px);
+            }
+          }
+        ` : css`
+          &:hover {
+          }
+          &:hover:active {
+          }
+        `;
+}}
+`;
+var CopyToClipboardIcon = function CopyToClipboardIcon2(param) {
+  var {
+    copied,
+    small
+  } = param;
+  return /* @__PURE__ */_jsx(IconContainer, {
+    $clipboard: copied,
+    children: /* @__PURE__ */_jsx(Icon, {
+      style: {
+        transform: small ? "scale(1)" : "translateX(3px) scale(1.5)",
+        opacity: small || copied ? 1 : 0.3
+      }
+    })
+  });
+};
+var CopyToClipboardIcon_default = CopyToClipboardIcon;
+export { CopyToClipboardIcon_default as default };
+//# sourceMappingURL=CopyToClipboardIcon.native.js.map

package/dist/esm/connectkit/components/Common/CopyToClipboard/CopyToClipboardIcon.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","css","styled","motion","CopyToClipboardIcon","Icon","IconContainer","div","props","$clipboard","CopyToClipboardIcon2","param","copied","small","children","style","transform","opacity"],"sources":["../../../../../../src/connectkit/components/Common/CopyToClipboard/CopyToClipboardIcon.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAW;AACpB,SAAOC,GAAA,QAAY;AACnB,OAAAC,MAAS,gDAAc;AAEvB,SAASC,MAAA,uBAAuB;AAsE5B,SAAAC,mBAAA,IAAAC,IAAA;AApEJ,IAAAC,aAAM,GAAAJ,MAAgB,CAAAC,MAAO,CAAAI,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,IA6BnC,UAACC,KACD;EACI,OAAAA,KAAA,CAAAC,UAAA,GAAAR,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA,YAAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAKC;AAGT;AAA6B;AAC3B,IACAG,mBAAA,YAAAM,qBAAAC,KAAA;EACF,IAIE;IAAAC,MAAA;IAAAC;EAAA,IAACF,KAAA;EACE,sBAAAX,IAAA,CAAAM,aAAA;IAAAG,UAAA,EAAAG,MAAA;IACCE,QAAO,iBAAAd,IAAA,CAAAK,IAAA;MACLU,KAAA;QACAC,SAAS,EAAAH,KAAS,aAAa;QACjCI,OAAA,EAAAJ,KAAA,IAAAD,MAAA;MAAA;IAEJ;EAEF,EAAO","ignoreList":[]}

package/dist/esm/connectkit/components/Common/CopyToClipboard/index.mjs

@@ -0,0 +1,77 @@
+import { useState } from "react";
+import styled from "./../../../styles/styled/index.mjs";
+import { css } from "styled-components";
+import CopyToClipboardIcon from "./CopyToClipboardIcon.mjs";
+import Button from "../Button/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const Container = styled.div`
+  --color: var(--ck-copytoclipboard-stroke);
+  --bg: var(--ck-body-background);
+  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
+
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  ${props => props.$disabled ? css`
+          cursor: not-allowed;
+          opacity: 0.4;
+        ` : css`
+          &:hover {
+            --color: var(--ck-body-color-muted);
+          }
+        `}
+`;
+const OffsetContainer = styled.div`
+  display: block;
+  position: relative;
+  transition: inherit;
+  svg {
+    position: absolute;
+    left: 100%;
+    display: block;
+    top: -1px;
+    margin: 0;
+    margin-left: 4px;
+  }
+`;
+const CopyToClipboard = ({
+  string,
+  children,
+  variant
+}) => {
+  const [clipboard, setClipboard] = useState(false);
+  let timeout;
+  const onCopy = () => {
+    if (!string) return;
+    const str = string.trim();
+    if (navigator.clipboard) {
+      navigator.clipboard.writeText(str);
+    } else {}
+    setClipboard(true);
+    clearTimeout(timeout);
+    timeout = setTimeout(() => setClipboard(false), 1e3);
+  };
+  if (variant === "button") return /* @__PURE__ */jsx(Button, {
+    disabled: !string,
+    onClick: onCopy,
+    icon: /* @__PURE__ */jsx(CopyToClipboardIcon, {
+      copied: clipboard
+    }),
+    children
+  });
+  return /* @__PURE__ */jsx(Container, {
+    onClick: onCopy,
+    $disabled: !string,
+    children: /* @__PURE__ */jsxs(OffsetContainer, {
+      children: [children, /* @__PURE__ */jsx(CopyToClipboardIcon, {
+        copied: clipboard,
+        small: true
+      })]
+    })
+  });
+};
+var CopyToClipboard_default = CopyToClipboard;
+export { CopyToClipboard_default as default };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/connectkit/components/Common/CopyToClipboard/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","styled","css","CopyToClipboardIcon","Button","jsx","jsxs","Container","div","props","$disabled","OffsetContainer","CopyToClipboard","string","children","variant","clipboard","setClipboard","timeout","onCopy","str","trim","navigator","writeText","clearTimeout","setTimeout","disabled","onClick","icon","copied","small","CopyToClipboard_default"],"sources":["../../../../../../src/connectkit/components/Common/CopyToClipboard/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAgBA,QAAA,QAAgB;AAChC,OAAOC,MAAA,MAAY;AACnB,SAASC,GAAA,QAAW;AAEpB,OAAOC,mBAAA,MAAyB;AAChC,OAAOC,MAAA,MAAY;AAwEL,SAAAC,GAAA,EAQRC,IAAA,QARQ;AAtEd,MAAMC,SAAA,GAAYN,MAAA,CAAOO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUpBC,KAAA,IACDA,KAAA,CAAMC,SAAA,GACFR,GAAA;AAAA;AAAA;AAAA,YAIAA,GAAA;AAAA;AAAA;AAAA;AAAA,SAIC;AAAA;AAET,MAAMS,eAAA,GAAkBV,MAAA,CAAOO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc/B,MAAMI,eAAA,GAIDA,CAAC;EAAEC,MAAA;EAAQC,QAAA;EAAUC;AAAQ,MAAM;EACtC,MAAM,CAACC,SAAA,EAAWC,YAAY,IAAIjB,QAAA,CAAS,KAAK;EAEhD,IAAIkB,OAAA;EACJ,MAAMC,MAAA,GAASA,CAAA,KAAM;IACnB,IAAI,CAACN,MAAA,EAAQ;IACb,MAAMO,GAAA,GAAMP,MAAA,CAAOQ,IAAA,CAAK;IACxB,IAAIC,SAAA,CAAUN,SAAA,EAAW;MACvBM,SAAA,CAAUN,SAAA,CAAUO,SAAA,CAAUH,GAAG;IACnC,OAAO,CAUP;IACAH,YAAA,CAAa,IAAI;IACjBO,YAAA,CAAaN,OAAO;IACpBA,OAAA,GAAUO,UAAA,CAAW,MAAMR,YAAA,CAAa,KAAK,GAAG,GAAI;EACtD;EAEA,IAAIF,OAAA,KAAY,UACd,OACE,eAAAV,GAAA,CAACD,MAAA;IACCsB,QAAA,EAAU,CAACb,MAAA;IACXc,OAAA,EAASR,MAAA;IACTS,IAAA,EAAM,eAAAvB,GAAA,CAACF,mBAAA;MAAoB0B,MAAA,EAAQb;IAAA,CAAW;IAE7CF;EAAA,CACH;EAGJ,OACE,eAAAT,GAAA,CAACE,SAAA;IAAUoB,OAAA,EAASR,MAAA;IAAQT,SAAA,EAAW,CAACG,MAAA;IACtCC,QAAA,iBAAAR,IAAA,CAACK,eAAA;MACEG,QAAA,GAAAA,QAAA,EACD,eAAAT,GAAA,CAACF,mBAAA;QAAoB0B,MAAA,EAAQb,SAAA;QAAWc,KAAA,EAAK;MAAA,CAAC;IAAA,CAChD;EAAA,CACF;AAEJ;AAEA,IAAOC,uBAAA,GAAQnB,eAAA","ignoreList":[]}

package/dist/esm/connectkit/components/Common/CopyToClipboard/index.native.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from "react";
+import styled from "./../../../styles/styled/index.native.js";
+import { css } from "styled-components";
+import CopyToClipboardIcon from "./CopyToClipboardIcon.native.js";
+import Button from "../Button/index.native.js";
+var Container = styled.div`
+  --color: var(--ck-copytoclipboard-stroke);
+  --bg: var(--ck-body-background);
+  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
+
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  ${function (props) {
+  return props.$disabled ? css`
+          cursor: not-allowed;
+          opacity: 0.4;
+        ` : css`
+          &:hover {
+            --color: var(--ck-body-color-muted);
+          }
+        `;
+}}
+`;
+var OffsetContainer = styled.div`
+  display: block;
+  position: relative;
+  transition: inherit;
+  svg {
+    position: absolute;
+    left: 100%;
+    display: block;
+    top: -1px;
+    margin: 0;
+    margin-left: 4px;
+  }
+`;
+var CopyToClipboard = function CopyToClipboard2(param) {
+  var {
+    string,
+    children,
+    variant
+  } = param;
+  var [clipboard, setClipboard] = useState(false);
+  var timeout;
+  var onCopy = function onCopy2() {
+    if (!string) return;
+    var str = string.trim();
+    if (navigator.clipboard) {
+      navigator.clipboard.writeText(str);
+    } else {}
+    setClipboard(true);
+    clearTimeout(timeout);
+    timeout = setTimeout(function () {
+      return setClipboard(false);
+    }, 1e3);
+  };
+  if (variant === "button") return /* @__PURE__ */_jsx(Button, {
+    disabled: !string,
+    onClick: onCopy,
+    icon: /* @__PURE__ */_jsx(CopyToClipboardIcon, {
+      copied: clipboard
+    }),
+    children
+  });
+  return /* @__PURE__ */_jsx(Container, {
+    onClick: onCopy,
+    $disabled: !string,
+    children: /* @__PURE__ */_jsxs(OffsetContainer, {
+      children: [children, /* @__PURE__ */_jsx(CopyToClipboardIcon, {
+        copied: clipboard,
+        small: true
+      })]
+    })
+  });
+};
+var CopyToClipboard_default = CopyToClipboard;
+export { CopyToClipboard_default as default };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/connectkit/components/Common/CopyToClipboard/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useState","styled","css","CopyToClipboardIcon","Button","Container","div","props","$disabled","OffsetContainer","CopyToClipboard","CopyToClipboard2","param","string","children","variant","clipboard","setClipboard","timeout","onCopy","onCopy2","str","trim","navigator","writeText","clearTimeout","setTimeout","disabled","onClick","icon","copied"],"sources":["../../../../../../src/connectkit/components/Common/CopyToClipboard/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAgBA,GAAA,IAAAC,IAAA,EAAAC,IAAgB,IAAAC,KAAA;AAChC,OAAOC,KAAA,IAAAC,QAAY;AACnB,OAAAC,MAAS,gDAAW;AAEpB,SAAOC,GAAA,2BAAyB;AAChC,OAAOC,mBAAY;AAwEL,OAAAC,MAAA,MAQR,2BARQ;AAtEd,IAAAC,SAAM,GAAAJ,MAAY,CAAAK,GAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUrB,UAACC,KACD;EACI,OAAAA,KAAA,CAAAC,SAAA,GAAAN,GAAA;AAAA;AAAA;AAIA,YAAAA,GAAA;AAAA;AAAA;AAAA;AAIC;AAET;AAA+B;AAAA,IAAAO,eAAA,GAAAR,MAAA,CAAAK,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc/B;AAKE;AAEA,IAAAI,eAAI,YAAAC,iBAAAC,KAAA;EACJ;IAAMC,MAAA;IAAAC,QAAe;IAAAC;EAAA,IAAAH,KAAA;EACnB,KAAAI,SAAa,EAAAC,YAAA,IAAAjB,QAAA;EACb,IAAAkB,OAAM;EACN,IAAAC,MAAI,YAAUC,OAAWA,CAAA;IACvB,KAAAP,MAAA,EAAU;IACZ,IAAAQ,GAAO,GAAAR,MAAA,CAAAS,IAAA;IAUP,IAAAC,SAAA,CAAAP,SAAA;MACAO,SAAA,CAAAP,SAAiB,CAAAQ,SAAA,CAAAH,GAAA;IACjB,QACA;IACFJ,YAAA;IAEAQ,YAAI,CAAAP,OAAY;IACdA,OACE,GAAAQ,UAAA;MAAC,OAAAT,YAAA;IAAA;EAAA;EACY,IAAAF,OACX,KAAS,gCAAAnB,IAAA,CAAAQ,MAAA;IAAAuB,QACT,EAAM,CAAAd,MAAA;IAAwCe,OAE7C,EAAAT,MAAA;IAAAU,IAAA,iBAAAjC,IAAA,CAAAO,mBAAA;MACH2B,MAAA,EAAAd;IAGJ;IAGOF;EAAA,EACD;EAA8C,OAElD,eAAAlB,IAAA,CAAAS,SAAA;IAEJuB,OAAA,EAAAT,MAAA;IAEOX,SAAA,GAAAK,MAAA","ignoreList":[]}

package/dist/esm/connectkit/components/Common/CustomQRCode/QRCode.mjs

@@ -0,0 +1,117 @@
+import QRCodeUtil from "qrcode";
+import { useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const generateMatrix = (value, errorCorrectionLevel) => {
+  const arr = Array.prototype.slice.call(QRCodeUtil.create(value, {
+    errorCorrectionLevel
+  }).modules.data, 0);
+  const sqrt = Math.sqrt(arr.length);
+  return arr.reduce((rows, key, index) => (index % sqrt === 0 ? rows.push([key]) : rows[rows.length - 1].push(key)) && rows, []);
+};
+function QRCode({
+  ecl = "M",
+  size: sizeProp = 200,
+  uri,
+  clearArea = false,
+  image,
+  imageBackground = "transparent"
+}) {
+  const logoSize = clearArea ? 76 : 0;
+  const size = sizeProp - 10 * 2;
+  const dots = useMemo(() => {
+    const dots2 = [];
+    const matrix = generateMatrix(uri, ecl);
+    const cellSize = size / matrix.length;
+    let qrList = [{
+      x: 0,
+      y: 0
+    }, {
+      x: 1,
+      y: 0
+    }, {
+      x: 0,
+      y: 1
+    }];
+    qrList.forEach(({
+      x,
+      y
+    }) => {
+      const x1 = (matrix.length - 7) * cellSize * x;
+      const y1 = (matrix.length - 7) * cellSize * y;
+      for (let i = 0; i < 3; i++) {
+        dots2.push(/* @__PURE__ */jsx("rect", {
+          fill: i % 2 !== 0 ? "var(--ck-qr-background, var(--ck-body-background))" : "var(--ck-qr-dot-color)",
+          rx: (i - 2) * -5 + (i === 0 ? 2 : 3),
+          ry: (i - 2) * -5 + (i === 0 ? 2 : 3),
+          width: cellSize * (7 - i * 2),
+          height: cellSize * (7 - i * 2),
+          x: x1 + cellSize * i,
+          y: y1 + cellSize * i
+        }, `${i}-${x}-${y}`));
+      }
+    });
+    if (image) {
+      const x1 = (matrix.length - 7) * cellSize * 1;
+      const y1 = (matrix.length - 7) * cellSize * 1;
+      dots2.push(/* @__PURE__ */jsxs(Fragment, {
+        children: [/* @__PURE__ */jsx("rect", {
+          fill: imageBackground,
+          rx: (0 - 2) * -5 + 2,
+          ry: (0 - 2) * -5 + 2,
+          width: cellSize * (7 - 0 * 2),
+          height: cellSize * (7 - 0 * 2),
+          x: x1 + cellSize * 0,
+          y: y1 + cellSize * 0
+        }), /* @__PURE__ */jsx("foreignObject", {
+          width: cellSize * (7 - 0 * 2),
+          height: cellSize * (7 - 0 * 2),
+          x: x1 + cellSize * 0,
+          y: y1 + cellSize * 0,
+          children: /* @__PURE__ */jsx("div", {
+            style: {
+              borderRadius: (0 - 2) * -5 + 2,
+              overflow: "hidden"
+            },
+            children: image
+          })
+        })]
+      }));
+    }
+    const clearArenaSize = Math.floor((logoSize + 25) / cellSize);
+    const matrixMiddleStart = matrix.length / 2 - clearArenaSize / 2;
+    const matrixMiddleEnd = matrix.length / 2 + clearArenaSize / 2 - 1;
+    matrix.forEach((row, i) => {
+      row.forEach((_, j) => {
+        if (matrix[i][j]) {
+          if (!(i < 7 && j < 7 || i > matrix.length - 8 && j < 7 || i < 7 && j > matrix.length - 8)) {
+            if (image || !(i > matrixMiddleStart && i < matrixMiddleEnd && j > matrixMiddleStart && j < matrixMiddleEnd)) {
+              dots2.push(/* @__PURE__ */jsx("circle", {
+                cx: i * cellSize + cellSize / 2,
+                cy: j * cellSize + cellSize / 2,
+                fill: "var(--ck-qr-dot-color)",
+                r: cellSize / 3
+              }, `circle-${i}-${j}`));
+            }
+          }
+        }
+      });
+    });
+    return dots2;
+  }, [ecl, size, uri]);
+  return /* @__PURE__ */jsxs("svg", {
+    height: size,
+    width: size,
+    viewBox: `0 0 ${size} ${size}`,
+    style: {
+      width: size,
+      height: size
+    },
+    children: [/* @__PURE__ */jsx("rect", {
+      fill: "transparent",
+      height: size,
+      width: size
+    }), dots]
+  });
+}
+export { QRCode };
+//# sourceMappingURL=QRCode.mjs.map