@multiplatform.one/connectkit 6.0.0

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

@@ -0,0 +1,76 @@
+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 ContinueWithAaveButton_exports = {};
+__export(ContinueWithAaveButton_exports, {
+  ContinueWithAaveButton: () => ContinueWithAaveButton
+});
+module.exports = __toCommonJS(ContinueWithAaveButton_exports);
+var import_styles = require("./styles.cjs");
+var import_FitText = __toESM(require("../FitText/index.cjs"));
+var import_useLocales = __toESM(require("../../../hooks/useLocales.cjs"));
+var import_jsx_runtime = require("react/jsx-runtime");
+const Logo = () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+  width: "27",
+  height: "15",
+  viewBox: "0 0 27 15",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/* @__PURE__ */(0, import_jsx_runtime.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__ */(0, import_jsx_runtime.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__ */(0, import_jsx_runtime.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 = (0, import_useLocales.default)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.ButtonContainer, {
+    onClick,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.ButtonContainerInner, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.IconContainer, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Logo, {})
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.InnerContainer, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FitText.default, {
+          children: locales.continueWithAave
+        })
+      })]
+    })
+  });
+};

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

@@ -0,0 +1,82 @@
+"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 ContinueWithAaveButton_exports = {};
+__export(ContinueWithAaveButton_exports, {
+  ContinueWithAaveButton: () => ContinueWithAaveButton
+});
+module.exports = __toCommonJS(ContinueWithAaveButton_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_styles = require("./styles.native.js");
+var import_FitText = __toESM(require("../FitText/index.native.js"));
+var import_useLocales = __toESM(require("../../../hooks/useLocales.native.js"));
+var Logo = function Logo2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+    width: "27",
+    height: "15",
+    viewBox: "0 0 27 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.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__ */(0, import_jsx_runtime.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__ */(0, import_jsx_runtime.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 = (0, import_useLocales.default)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.ButtonContainer, {
+    onClick,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.ButtonContainerInner, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.IconContainer, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Logo, {})
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.InnerContainer, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FitText.default, {
+          children: locales.continueWithAave
+        })
+      })]
+    })
+  });
+};
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ContinueWithAaveButton_exports","__export","ContinueWithAaveButton","module","exports","import_jsx_runtime","require","import_styles","import_FitText","__toESM","import_useLocales","Logo","Logo2","jsxs","width","height","viewBox","fill","xmlns","children","jsx","d","ContinueWithAaveButton2","param","onClick","locales","default","ButtonContainer","ButtonContainerInner"],"sources":["../../../../../src/components/Common/ContinueWithAaveButton/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAqF,CAAAK,8BAAA;AACrF,IAAAK,kBAAoB,GAAAC,OAAA;AACpB,IAAAC,aAAA,GAAAD,OAAuB;AAGrB,IAAAE,cAAA,GAAAC,OAAA,CAAAH,OAAA;AADF,IAAAI,iBACE,GAAAD,OAAA,CAAAH,OAAA,sCAAC;AACC,IAAAK,IAAA,YAAAC,MAAA;EAAA,OAAC,mBAAAP,kBAAA,CAAAQ,IAAA;IAAAC,KAAA;IAAAC,MACG;IAAAC,OACF,EAAK;IAAAC,IAAA;IACPC,KAAA;IACAC,QAAA,GAAC,mBAAAd,kBAAA,CAAAe,GAAA;MAAAC,CAAA;MACCJ,IAAE;IACF,IAAK,mBAAAZ,kBAAA,CAAAe,GAAA;MACPC,CAAA;MACAJ,IAAA;IAAC,uBAAAZ,kBAAA,CAAAe,GAAA;MACCC,CAAE;MACFJ,IAAK;IAAA;EACP,CACF;AAGK;AACL,IAAAf,sBAAgB,YAAAoB,uBAAWA,CAAAC,KAAA;EAC3B;IAAAC;EACE,IAAAD,KAAA;EAEI,IAAAE,OAAA,OAAAf,iBAAA,CAAAgB,OAAA,GAAC;EAED,OACA,mBAAArB,kBAAA,CAACe,GAAA,EAAAb,aAAA,CAAAoB,eACC;IACFH,OAEJ;IAEJL,QAAA,qBAAAd,kBAAA,CAAAQ,IAAA,EAAAN,aAAA,CAAAqB,oBAAA","ignoreList":[]}

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

@@ -0,0 +1,112 @@
+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, {
+  ButtonContainer: () => ButtonContainer,
+  ButtonContainerInner: () => ButtonContainerInner,
+  IconContainer: () => IconContainer,
+  InnerContainer: () => InnerContainer
+});
+module.exports = __toCommonJS(styles_exports);
+var import_framer_motion = require("framer-motion");
+var import_styled = __toESM(require("../../../styles/styled/index.cjs"));
+const ButtonContainerInner = (0, import_styled.default)(import_framer_motion.motion.div)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  inset: 0;
+  height: 100%;
+`;
+const ButtonContainer = import_styled.default.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 = import_styled.default.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 = import_styled.default.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;
+  }
+`;

package/dist/cjs/components/Common/ContinueWithAaveButton/styles.native.js

@@ -0,0 +1,115 @@
+"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, {
+  ButtonContainer: () => ButtonContainer,
+  ButtonContainerInner: () => ButtonContainerInner,
+  IconContainer: () => IconContainer,
+  InnerContainer: () => InnerContainer
+});
+module.exports = __toCommonJS(styles_exports);
+var import_framer_motion = require("framer-motion");
+var import_styled = __toESM(require("../../../styles/styled/index.native.js"));
+var ButtonContainerInner = (0, import_styled.default)(import_framer_motion.motion.div)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  inset: 0;
+  height: 100%;
+`;
+var ButtonContainer = import_styled.default.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 = import_styled.default.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 = import_styled.default.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;
+  }
+`;
+//# sourceMappingURL=styles.native.js.map

package/dist/cjs/components/Common/ContinueWithAaveButton/styles.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","styles_exports","__export","ButtonContainer","ButtonContainerInner","IconContainer","InnerContainer","module","exports","import_framer_motion","require","import_styled","__toESM","default","motion","div","button"],"sources":["../../../../../src/components/Common/ContinueWithAaveButton/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,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAZ,YAAuB,CAAAK,cAAA;AACvB,IAAAQ,oBAAmB,GAAAC,OAAA;AAEZ,IAAAC,aAAM,GAAAC,OAAA,CAAAF,OAAuB,yCAAO;AAAU,IAAAN,oBAAA,OAAAO,aAAA,CAAAE,OAAA,EAAAJ,oBAAA,CAAAK,MAAA,CAAAC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9C;AAA+B,IAAAZ,eAAA,GAAAQ,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyC/B;AAA8B,IAAAV,cAAA,GAAAK,aAAA,CAAAE,OAAA,CAAAE,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9B;AAA6B,IAAAV,aAAA,GAAAM,aAAA,CAAAE,OAAA,CAAAE,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/Common/CopyToClipboard/CopyToClipboardIcon.cjs

@@ -0,0 +1,112 @@
+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 CopyToClipboardIcon_exports = {};
+__export(CopyToClipboardIcon_exports, {
+  default: () => CopyToClipboardIcon_default
+});
+module.exports = __toCommonJS(CopyToClipboardIcon_exports);
+var import_styled_components = require("styled-components");
+var import_styled = __toESM(require("./../../../styles/styled/index.cjs"));
+var import_framer_motion = require("framer-motion");
+var import_icons = require("../../../assets/icons.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const IconContainer = (0, import_styled.default)(import_framer_motion.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 ? import_styled_components.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);
+            }
+          }
+        ` : import_styled_components.css`
+          &:hover {
+          }
+          &:hover:active {
+          }
+        `}
+`;
+const CopyToClipboardIcon = ({
+  copied,
+  small
+}) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconContainer, {
+  $clipboard: copied,
+  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.CopyToClipboardIcon, {
+    style: {
+      transform: small ? "scale(1)" : "translateX(3px) scale(1.5)",
+      opacity: small || copied ? 1 : 0.3
+    }
+  })
+});
+var CopyToClipboardIcon_default = CopyToClipboardIcon;

package/dist/cjs/components/Common/CopyToClipboard/CopyToClipboardIcon.native.js

@@ -0,0 +1,120 @@
+"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 CopyToClipboardIcon_exports = {};
+__export(CopyToClipboardIcon_exports, {
+  default: () => CopyToClipboardIcon_default
+});
+module.exports = __toCommonJS(CopyToClipboardIcon_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_styled_components = require("styled-components");
+var import_styled = __toESM(require("./../../../styles/styled/index.native.js"));
+var import_framer_motion = require("framer-motion");
+var import_icons = require("../../../assets/icons.native.js");
+var IconContainer = (0, import_styled.default)(import_framer_motion.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 ? import_styled_components.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);
+            }
+          }
+        ` : import_styled_components.css`
+          &:hover {
+          }
+          &:hover:active {
+          }
+        `;
+}}
+`;
+var CopyToClipboardIcon = function CopyToClipboardIcon2(param) {
+  var {
+    copied,
+    small
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconContainer, {
+    $clipboard: copied,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.CopyToClipboardIcon, {
+      style: {
+        transform: small ? "scale(1)" : "translateX(3px) scale(1.5)",
+        opacity: small || copied ? 1 : 0.3
+      }
+    })
+  });
+};
+var CopyToClipboardIcon_default = CopyToClipboardIcon;
+//# sourceMappingURL=CopyToClipboardIcon.native.js.map

package/dist/cjs/components/Common/CopyToClipboard/CopyToClipboardIcon.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CopyToClipboardIcon_exports","__export","default","CopyToClipboardIcon_default","module","exports","import_jsx_runtime","require","import_styled_components","import_styled","__toESM","import_framer_motion","import_icons","IconContainer","motion","div","props","$clipboard","css","CopyToClipboardIcon","CopyToClipboardIcon2","param","copied","small","jsx","children","style","transform"],"sources":["../../../../../src/components/Common/CopyToClipboard/CopyToClipboardIcon.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAC;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAA,CAAAK,2BAAoB;AACpB,IAAAM,kBAAmB,GAAAC,OAAA;AACnB,IAAAC,wBAAuB,GAAAD,OAAA;AAEvB,IAAAE,aAAA,GAA4CC,OAAA,CAAAH,OAAA;AAgExC,IAAAI,oBAAA,GAAAJ,OAAA;AA9DJ,IAAAK,YAAM,GAAAL,OAAgB,kCAAO;AAAU,IAAAM,aAAA,OAAAJ,aAAA,CAAAP,OAAA,EAAAS,oBAAA,CAAAG,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;AA+B/B,cAAAC,KAAA;EAAA,OAAAA,KAAA,CAAAC,UAAA,GAAAT,wBAAA,CAAAU,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA;AAAA,YAAAV,wBAAA,CAAAU,GAAA;AAAA;AAAA;AAAA;AAKC;AAGT,SAAM;AAEF;AAAC;AAAA,IACCC,mBAAO,YAAAC,qBAAAC,KAAA;EAAA,IACL;IAAAC,MAAA;IAAAC;EAAW,IAAQF,KAAA;EAAa,OAChC,eAAkB,IAAAf,kBAAa,CAAAkB,GAAA,EAAAX,aAAA;IACjCI,UAAA,EAAAK,MAAA;IAAAG,QAAA,qBAAAnB,kBAAA,CAAAkB,GAAA,EAAAZ,YAAA,CAAAO,mBAAA;MAEJO,KAAA;QAEKC,SAAA,EAAAJ,KAAA,aAAQ","ignoreList":[]}