@multiplatform.one/connectkit 6.0.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["motion","styled","css","defaultTheme","SpinnerContainer","div","Arrow","svg","ArrowChevron","path","ArrowLine","line","DownloadArrow","DownloadArrowInner","ButtonContainerInner","ButtonContainer","button","param","disabled","InnerContainer","$variant","mobileWidth","IconContainer","props","$rounded"],"sources":["../../../../../src/components/Common/Button/styles.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Common/Button/types.mjs

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

package/dist/esm/components/Common/Button/types.mjs.map

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

package/dist/esm/components/Common/Button/types.native.js

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

package/dist/esm/components/Common/Button/types.native.js.map

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

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

@@ -0,0 +1,40 @@
+import { ButtonContainer, InnerContainer, IconContainer, ButtonContainerInner } from "./styles.mjs";
+import FitText from "../FitText/index.mjs";
+import useLocales from "../../../hooks/useLocales.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const Logo = () => /* @__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"
+  })]
+});
+const ContinueWithAaveButton = ({
+  onClick
+}) => {
+  const 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.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ButtonContainer","InnerContainer","IconContainer","ButtonContainerInner","FitText","useLocales","jsx","jsxs","Logo","width","height","viewBox","fill","xmlns","children","d","ContinueWithAaveButton","onClick","locales","continueWithAave"],"sources":["../../../../../src/components/Common/ContinueWithAaveButton/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,EAAiBC,cAAA,EAAgBC,aAAA,EAAeC,oBAAA,QAA4B;AACrF,OAAOC,OAAA,MAAa;AACpB,OAAOC,UAAA,MAAgB;AAGrB,SACEC,GAAA,EADFC,IAAA;AADF,MAAMC,IAAA,GAAOA,CAAA,KACX,eAAAD,IAAA,CAAC;EAAIE,KAAA,EAAM;EAAKC,MAAA,EAAO;EAAKC,OAAA,EAAQ;EAAYC,IAAA,EAAK;EAAOC,KAAA,EAAM;EAChEC,QAAA,kBAAAR,GAAA,CAAC;IACCS,CAAA,EAAE;IACFH,IAAA,EAAK;EAAA,CACP,GACA,eAAAN,GAAA,CAAC;IACCS,CAAA,EAAE;IACFH,IAAA,EAAK;EAAA,CACP,GACA,eAAAN,GAAA,CAAC;IACCS,CAAA,EAAE;IACFH,IAAA,EAAK;EAAA,CACP;AAAA,CACF;AAGK,MAAMI,sBAAA,GAAyBA,CAAC;EAAEC;AAAQ,MAA+B;EAC9E,MAAMC,OAAA,GAAUb,UAAA,CAAW;EAC3B,OACE,eAAAC,GAAA,CAACN,eAAA;IAAgBiB,OAAA;IACfH,QAAA,iBAAAP,IAAA,CAACJ,oBAAA;MACCW,QAAA,kBAAAR,GAAA,CAACJ,aAAA;QACCY,QAAA,iBAAAR,GAAA,CAACE,IAAA,IAAK;MAAA,CACR,GACA,eAAAF,GAAA,CAACL,cAAA;QACCa,QAAA,iBAAAR,GAAA,CAACF,OAAA;UAASU,QAAA,EAAAI,OAAA,CAAQC;QAAA,CAAiB;MAAA,CACrC;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/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/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"],"sources":["../../../../../src/components/Common/ContinueWithAaveButton/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAiB,IAAAC,KAAA,QAAgB,mBAAe;AACzD,SAAOC,eAAa,EAAAC,cAAA,EAAAC,aAAA,EAAAC,oBAAA;AACpB,OAAOC,OAAA,kCAAgB;AAGrB,OAAAC,UAAA;AADF,IAAAC,IAAM,YACJC,MAAA;EACE,sBAAAR,KAAA;IAACS,KAAA;IAAAC,MAAA;IAAAC,OACG;IAAAC,IACF,QAAK;IAAAC,KAAA;IACPC,QAAA,GACA,eAAAhB,IAAA;MAACiB,CAAA;MAAAH,IAAA;IACC,IACA,eAAKd,IAAA;MAAAiB,CAAA;MACPH,IAAA;IACA,IAAC,eAAAd,IAAA;MAAAiB,CAAA;MACCH,IAAE;IACF;EACF;AAAA;AAIG,IAAAI,sBAAM,YAA4BC,uBAAuCA,CAAAC,KAAA;EAC9E;IAAMC;EAAA,IAAUD,KAAA;EAChB,IAAAE,OACE,GAAAd,UAAA;EAEI,sBAACR,IAAA,CAAAG,eACC;IAEFkB,OAAA;IAEAL,QAEJ,iBAAAd,KAAA,CAAAI,oBAAA;MAEJU,QAAA,G","ignoreList":[]}

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

@@ -0,0 +1,73 @@
+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/components/Common/ContinueWithAaveButton/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["motion","styled","ButtonContainerInner","div","ButtonContainer","button","InnerContainer","IconContainer"],"sources":["../../../../../src/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;AAyC/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/components/Common/ContinueWithAaveButton/styles.native.js

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

@@ -0,0 +1 @@
+{"version":3,"names":["motion","styled","ButtonContainerInner","div","ButtonContainer","button","InnerContainer","IconContainer"],"sources":["../../../../../src/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;AAyC/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/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/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/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;AAgExC,SAAAC,GAAA;AA9DJ,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;EAAEO,MAAA;EAAQC;AAAM,MAC3C,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":[]}