@multiplatform.one/web3 5.0.28 → 6.0.0

package/dist/cjs/connectkit/components/Pages/Connectors/index.native.js

@@ -40,64 +40,57 @@ __export(Connectors_exports, {
 module.exports = __toCommonJS(Connectors_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
-var import_ConnectKit = require("../../ConnectKit.native.js");
+var import_connectkit = require("@multiplatform.one/connectkit");
 var import_styles = require("./styles.native.js");
-var import_styles2 = require("../../Common/Modal/styles.native.js");
-var import_wallet = __toESM(require("../../../assets/wallet.native.js"));
-var import_useLocales = __toESM(require("../../../hooks/useLocales.native.js"));
 var import_ConnectorList = __toESM(require("../../Common/ConnectorList/index.native.js"));
-var import_useIsMobile = __toESM(require("../../../hooks/useIsMobile.native.js"));
-var import_Button = __toESM(require("../../Common/Button/index.native.js"));
 var import_useConnectors = require("../../../hooks/useConnectors.native.js");
-var import_Modal = require("../../Common/Modal/index.native.js");
-var import_ContinueWithAaveButton = require("../../Common/ContinueWithAaveButton/index.native.js");
 var Wallets = function Wallets2() {
   var _context_options, _context_options1, _context_options2, _context_options3, _context_options4;
-  var context = (0, import_ConnectKit.useContext)();
-  var locales = (0, import_useLocales.default)({});
-  var isMobile = (0, import_useIsMobile.default)();
+  var context = (0, import_connectkit.useContext)();
+  var locales = (0, import_connectkit.useLocales)({});
+  var isMobile = (0, import_connectkit.useIsMobile)();
   var aaveAccountConnector = (0, import_useConnectors.useAaveAccountConnector)();
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles2.PageContent, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.PageContent, {
     style: {
       width: 312,
       paddingTop: aaveAccountConnector ? 32 : void 0
     },
     children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.Container, {
       children: [aaveAccountConnector && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ContinueWithAaveButton.ContinueWithAaveButton, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.ContinueWithAaveButton, {
           onClick: function onClick() {
             context.setConnector(aaveAccountConnector);
-            context.setRoute(import_ConnectKit.routes.CONNECT);
+            context.setRoute(import_connectkit.routes.CONNECT);
           }
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Modal.OrDivider, {
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.OrDivider, {
           hideHr: true,
           children: locales.orSelectWallet
         })]
       }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ConnectorList.default, {}), isMobile ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
           children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.InfoBox, {
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles2.ModalContent, {
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_connectkit.ModalContent, {
               style: {
                 padding: 0,
                 textAlign: "left"
               },
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles2.ModalH1, {
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.ModalH1, {
                 $small: true,
                 children: locales.connectorsScreen_h1
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles2.ModalBody, {
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.ModalBody, {
                 children: locales.connectorsScreen_p
               })]
             }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.InfoBoxButtons, {
-              children: [!((_context_options = context.options) === null || _context_options === void 0 ? void 0 : _context_options.hideQuestionMarkCTA) && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.default, {
+              children: [!((_context_options = context.options) === null || _context_options === void 0 ? void 0 : _context_options.hideQuestionMarkCTA) && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.Button, {
                 variant: "tertiary",
                 onClick: function onClick() {
-                  return context.setRoute(import_ConnectKit.routes.ABOUT);
+                  return context.setRoute(import_connectkit.routes.ABOUT);
                 },
                 children: locales.learnMore
-              }), !((_context_options1 = context.options) === null || _context_options1 === void 0 ? void 0 : _context_options1.hideNoWalletCTA) && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.default, {
+              }), !((_context_options1 = context.options) === null || _context_options1 === void 0 ? void 0 : _context_options1.hideNoWalletCTA) && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.Button, {
                 variant: "tertiary",
                 onClick: function onClick() {
-                  return context.setRoute(import_ConnectKit.routes.ONBOARDING);
+                  return context.setRoute(import_connectkit.routes.ONBOARDING);
                 },
                 children: locales.getWallet
               })]
@@ -107,12 +100,12 @@ var Wallets = function Wallets2() {
           children: !((_context_options2 = context.options) === null || _context_options2 === void 0 ? void 0 : _context_options2.hideNoWalletCTA) && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LearnMoreContainer, {
             children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.LearnMoreButton, {
               onClick: function onClick() {
-                return context.setRoute(import_ConnectKit.routes.ONBOARDING);
+                return context.setRoute(import_connectkit.routes.ONBOARDING);
               },
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_wallet.default, {}), " ", locales.connectorsScreen_newcomer]
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.WalletIcon, {}), " ", locales.connectorsScreen_newcomer]
             })
           })
-        }), ((_context_options3 = context.options) === null || _context_options3 === void 0 ? void 0 : _context_options3.disclaimer) && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles2.Disclaimer, {
+        }), ((_context_options3 = context.options) === null || _context_options3 === void 0 ? void 0 : _context_options3.disclaimer) && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.Disclaimer, {
           style: {
             visibility: "hidden",
             pointerEvents: "none"

package/dist/cjs/connectkit/components/Pages/Connectors/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Connectors_exports","__export","default","Connectors_default","module","exports","import_jsx_runtime","require","import_react","__toESM","import_ConnectKit","import_styles","import_styles2","import_wallet","import_useLocales","import_ConnectorList","import_useIsMobile","import_Button","import_useConnectors","import_Modal","import_ContinueWithAaveButton","Wallets","Wallets2","_context_options","_context_options1","_context_options2","_context_options3","_context_options4","context","useContext","locales","isMobile","aaveAccountConnector","useAaveAccountConnector","jsx","PageContent","style","width","paddingTop","children","jsxs","Container","Fragment","ContinueWithAaveButton","onClick","setConnector","setRoute","routes","CONNECT","OrDivider","hideHr","orSelectWallet","InfoBox","ModalContent","padding","textAlign","ModalH1","$small","connectorsScreen_h1","ModalBody","connectorsScreen_p","InfoBoxButtons","options","hideQuestionMarkCTA","variant","ABOUT","learnMore","hideNoWalletCTA","ONBOARDING","getWallet"],"sources":["../../../../../../src/connectkit/components/Pages/Connectors/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Connectors_exports","__export","default","Connectors_default","module","exports","import_jsx_runtime","require","import_react","__toESM","import_connectkit","import_styles","import_ConnectorList","import_useConnectors","Wallets","Wallets2","_context_options","_context_options1","_context_options2","_context_options3","_context_options4","context","useContext","locales","useLocales","isMobile","useIsMobile","aaveAccountConnector","useAaveAccountConnector","jsx","PageContent","style","width","paddingTop","children","jsxs","Container","Fragment","ContinueWithAaveButton","onClick","setConnector","setRoute","routes","CONNECT","OrDivider","hideHr","orSelectWallet","InfoBox","ModalContent","padding","textAlign","ModalH1","$small","connectorsScreen_h1","ModalBody","connectorsScreen_p","InfoBoxButtons","options","hideQuestionMarkCTA","Button","variant"],"sources":["../../../../../../src/connectkit/components/Pages/Connectors/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/connectkit/components/Pages/Connectors/styles.cjs

@@ -1,8 +1,6 @@
-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, {
@@ -19,15 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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);
@@ -45,29 +34,28 @@ __export(styles_exports, {
   LearnMoreContainer: () => LearnMoreContainer
 });
 module.exports = __toCommonJS(styles_exports);
-var import_styled = __toESM(require("./../../../styles/styled/index.cjs"));
+var import_connectkit = require("@multiplatform.one/connectkit");
 var import_styled_components = require("styled-components");
 var import_framer_motion = require("framer-motion");
-var import_styles = require("../../Common/Modal/styles.cjs");
 const Shimmer = import_styled_components.keyframes`
   0%{ transform: translate(-100%) rotate(-45deg); }
   100%{ transform: translate(100%) rotate(-80deg); }
 `;
-const Container = (0, import_styled.default)(import_framer_motion.motion.div)`
+const Container = (0, import_connectkit.styled)(import_framer_motion.motion.div)`
   display: flex;
   flex-direction: column;
   gap: 12px;
 `;
-const InfoBox = import_styled.default.div`
+const InfoBox = import_connectkit.styled.div`
   padding: 24px 24px 28px;
   border-radius: var(--ck-tertiary-border-radius, 24px);
   box-shadow: var(--ck-tertiary-box-shadow, none);
   background: var(--ck-body-background-tertiary);
-  ${import_styles.ModalBody} {
+  ${import_connectkit.ModalBody} {
     max-width: none;
   }
 `;
-const InfoBoxButtons = import_styled.default.div`
+const InfoBoxButtons = import_connectkit.styled.div`
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 16px;
@@ -75,12 +63,12 @@ const InfoBoxButtons = import_styled.default.div`
   button {
   }
 `;
-const LearnMoreContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+const LearnMoreContainer = (0, import_connectkit.styled)(import_framer_motion.motion.div)`
   text-align: center;
   margin-top: 16px;
   margin-bottom: -6px;
 `;
-const LearnMoreButton = (0, import_styled.default)(import_framer_motion.motion.button)`
+const LearnMoreButton = (0, import_connectkit.styled)(import_framer_motion.motion.button)`
   appearance: none;
   user-select: none;
   cursor: pointer;
@@ -97,7 +85,9 @@ const LearnMoreButton = (0, import_styled.default)(import_framer_motion.motion.b
   line-height: 18px;
   font-weight: 500;
   /* will-change: transform; */
-  transition: color 200ms ease, transform 100ms ease;
+  transition:
+    color 200ms ease,
+    transform 100ms ease;
   svg {
     transition: all 100ms ease-out;
     display: block;
@@ -132,7 +122,7 @@ const LearnMoreButton = (0, import_styled.default)(import_framer_motion.motion.b
     transform: scale(0.96);
   }
 `;
-const ConnectorsContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+const ConnectorsContainer = (0, import_connectkit.styled)(import_framer_motion.motion.div)`
   display: flex;
   flex-direction: column;
   gap: 12px;
@@ -144,7 +134,7 @@ const ConnectorsContainer = (0, import_styled.default)(import_framer_motion.moti
     display: none;
   }
 `;
-const ConnectorButton = (0, import_styled.default)(import_framer_motion.motion.button)`
+const ConnectorButton = (0, import_connectkit.styled)(import_framer_motion.motion.button)`
   cursor: pointer;
   user-select: none;
   position: relative;
@@ -169,38 +159,17 @@ const ConnectorButton = (0, import_styled.default)(import_framer_motion.motion.b
   --color: var(--ck-primary-button-color, var(--fallback-color));
   --background: var(--ck-primary-button-background, var(--fallback-background));
   --box-shadow: var(--ck-primary-button-box-shadow, var(--fallback-box-shadow));
-  --border-radius: var(
-    --ck-primary-button-border-radius,
-    var(--fallback-border-radius)
-  );
+  --border-radius: var(--ck-primary-button-border-radius, var(--fallback-border-radius));
 
   --hover-color: var(--ck-primary-button-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-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));
 
   --active-color: var(--ck-primary-button-active-color, var(--hover-color));
-  --active-background: var(
-    --ck-primary-button-active-background,
-    var(--hover-background)
-  );
-  --active-box-shadow: var(
-    --ck-primary-button-active-box-shadow,
-    var(--hover-box-shadow)
-  );
-  --active-border-radius: var(
-    --ck-primary-button-active-border-radius,
-    var(--hover-border-radius)
-  );
+  --active-background: var(--ck-primary-button-active-background, var(--hover-background));
+  --active-box-shadow: var(--ck-primary-button-active-box-shadow, var(--hover-box-shadow));
+  --active-border-radius: var(--ck-primary-button-active-border-radius, var(--hover-border-radius));
 
   color: var(--color);
   background: var(--background);
@@ -238,7 +207,7 @@ const ConnectorButton = (0, import_styled.default)(import_framer_motion.motion.b
     }
   }
 `;
-const ConnectorRecentlyUsed = (0, import_styled.default)(import_framer_motion.motion.span)`
+const ConnectorRecentlyUsed = (0, import_connectkit.styled)(import_framer_motion.motion.span)`
   position: relative;
   top: var(--ck-recent-badge-top-offset, 0.5px);
   display: inline-block;
@@ -259,7 +228,7 @@ const ConnectorRecentlyUsed = (0, import_styled.default)(import_framer_motion.mo
   }
   &:before {
     z-index: 1;
-    content: '';
+    content: "";
     position: absolute;
     inset: 0;
     opacity: 0.4;
@@ -268,7 +237,7 @@ const ConnectorRecentlyUsed = (0, import_styled.default)(import_framer_motion.mo
   }
   &:after {
     z-index: 2;
-    content: '';
+    content: "";
     position: absolute;
     inset: -10%;
     top: -110%;
@@ -283,7 +252,7 @@ const ConnectorRecentlyUsed = (0, import_styled.default)(import_framer_motion.mo
     animation: ${Shimmer} 2s linear infinite;
   }
 `;
-const ConnectorLabel = (0, import_styled.default)(import_framer_motion.motion.span)`
+const ConnectorLabel = (0, import_connectkit.styled)(import_framer_motion.motion.span)`
   display: flex;
   align-items: center;
   gap: 9px;
@@ -294,7 +263,7 @@ const ConnectorLabel = (0, import_styled.default)(import_framer_motion.motion.sp
   padding: 2px 0;
   padding-right: 38px;
 `;
-const ConnectorIcon = (0, import_styled.default)(import_framer_motion.motion.div)`
+const ConnectorIcon = (0, import_connectkit.styled)(import_framer_motion.motion.div)`
   position: absolute;
   right: 20px;
   width: 32px;

package/dist/cjs/connectkit/components/Pages/Connectors/styles.native.js

@@ -1,10 +1,8 @@
 "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, {
@@ -21,15 +19,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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);
@@ -47,29 +36,28 @@ __export(styles_exports, {
   LearnMoreContainer: () => LearnMoreContainer
 });
 module.exports = __toCommonJS(styles_exports);
-var import_styled = __toESM(require("./../../../styles/styled/index.native.js"));
+var import_connectkit = require("@multiplatform.one/connectkit");
 var import_styled_components = require("styled-components");
 var import_framer_motion = require("framer-motion");
-var import_styles = require("../../Common/Modal/styles.native.js");
 var Shimmer = import_styled_components.keyframes`
   0%{ transform: translate(-100%) rotate(-45deg); }
   100%{ transform: translate(100%) rotate(-80deg); }
 `;
-var Container = (0, import_styled.default)(import_framer_motion.motion.div)`
+var Container = (0, import_connectkit.styled)(import_framer_motion.motion.div)`
   display: flex;
   flex-direction: column;
   gap: 12px;
 `;
-var InfoBox = import_styled.default.div`
+var InfoBox = import_connectkit.styled.div`
   padding: 24px 24px 28px;
   border-radius: var(--ck-tertiary-border-radius, 24px);
   box-shadow: var(--ck-tertiary-box-shadow, none);
   background: var(--ck-body-background-tertiary);
-  ${import_styles.ModalBody} {
+  ${import_connectkit.ModalBody} {
     max-width: none;
   }
 `;
-var InfoBoxButtons = import_styled.default.div`
+var InfoBoxButtons = import_connectkit.styled.div`
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 16px;
@@ -77,12 +65,12 @@ var InfoBoxButtons = import_styled.default.div`
   button {
   }
 `;
-var LearnMoreContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+var LearnMoreContainer = (0, import_connectkit.styled)(import_framer_motion.motion.div)`
   text-align: center;
   margin-top: 16px;
   margin-bottom: -6px;
 `;
-var LearnMoreButton = (0, import_styled.default)(import_framer_motion.motion.button)`
+var LearnMoreButton = (0, import_connectkit.styled)(import_framer_motion.motion.button)`
   appearance: none;
   user-select: none;
   cursor: pointer;
@@ -99,7 +87,9 @@ var LearnMoreButton = (0, import_styled.default)(import_framer_motion.motion.but
   line-height: 18px;
   font-weight: 500;
   /* will-change: transform; */
-  transition: color 200ms ease, transform 100ms ease;
+  transition:
+    color 200ms ease,
+    transform 100ms ease;
   svg {
     transition: all 100ms ease-out;
     display: block;
@@ -134,7 +124,7 @@ var LearnMoreButton = (0, import_styled.default)(import_framer_motion.motion.but
     transform: scale(0.96);
   }
 `;
-var ConnectorsContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+var ConnectorsContainer = (0, import_connectkit.styled)(import_framer_motion.motion.div)`
   display: flex;
   flex-direction: column;
   gap: 12px;
@@ -146,7 +136,7 @@ var ConnectorsContainer = (0, import_styled.default)(import_framer_motion.motion
     display: none;
   }
 `;
-var ConnectorButton = (0, import_styled.default)(import_framer_motion.motion.button)`
+var ConnectorButton = (0, import_connectkit.styled)(import_framer_motion.motion.button)`
   cursor: pointer;
   user-select: none;
   position: relative;
@@ -171,38 +161,17 @@ var ConnectorButton = (0, import_styled.default)(import_framer_motion.motion.but
   --color: var(--ck-primary-button-color, var(--fallback-color));
   --background: var(--ck-primary-button-background, var(--fallback-background));
   --box-shadow: var(--ck-primary-button-box-shadow, var(--fallback-box-shadow));
-  --border-radius: var(
-    --ck-primary-button-border-radius,
-    var(--fallback-border-radius)
-  );
+  --border-radius: var(--ck-primary-button-border-radius, var(--fallback-border-radius));
 
   --hover-color: var(--ck-primary-button-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-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));
 
   --active-color: var(--ck-primary-button-active-color, var(--hover-color));
-  --active-background: var(
-    --ck-primary-button-active-background,
-    var(--hover-background)
-  );
-  --active-box-shadow: var(
-    --ck-primary-button-active-box-shadow,
-    var(--hover-box-shadow)
-  );
-  --active-border-radius: var(
-    --ck-primary-button-active-border-radius,
-    var(--hover-border-radius)
-  );
+  --active-background: var(--ck-primary-button-active-background, var(--hover-background));
+  --active-box-shadow: var(--ck-primary-button-active-box-shadow, var(--hover-box-shadow));
+  --active-border-radius: var(--ck-primary-button-active-border-radius, var(--hover-border-radius));
 
   color: var(--color);
   background: var(--background);
@@ -240,7 +209,7 @@ var ConnectorButton = (0, import_styled.default)(import_framer_motion.motion.but
     }
   }
 `;
-var ConnectorRecentlyUsed = (0, import_styled.default)(import_framer_motion.motion.span)`
+var ConnectorRecentlyUsed = (0, import_connectkit.styled)(import_framer_motion.motion.span)`
   position: relative;
   top: var(--ck-recent-badge-top-offset, 0.5px);
   display: inline-block;
@@ -261,7 +230,7 @@ var ConnectorRecentlyUsed = (0, import_styled.default)(import_framer_motion.moti
   }
   &:before {
     z-index: 1;
-    content: '';
+    content: "";
     position: absolute;
     inset: 0;
     opacity: 0.4;
@@ -270,7 +239,7 @@ var ConnectorRecentlyUsed = (0, import_styled.default)(import_framer_motion.moti
   }
   &:after {
     z-index: 2;
-    content: '';
+    content: "";
     position: absolute;
     inset: -10%;
     top: -110%;
@@ -285,7 +254,7 @@ var ConnectorRecentlyUsed = (0, import_styled.default)(import_framer_motion.moti
     animation: ${Shimmer} 2s linear infinite;
   }
 `;
-var ConnectorLabel = (0, import_styled.default)(import_framer_motion.motion.span)`
+var ConnectorLabel = (0, import_connectkit.styled)(import_framer_motion.motion.span)`
   display: flex;
   align-items: center;
   gap: 9px;
@@ -296,7 +265,7 @@ var ConnectorLabel = (0, import_styled.default)(import_framer_motion.motion.span
   padding: 2px 0;
   padding-right: 38px;
 `;
-var ConnectorIcon = (0, import_styled.default)(import_framer_motion.motion.div)`
+var ConnectorIcon = (0, import_connectkit.styled)(import_framer_motion.motion.div)`
   position: absolute;
   right: 20px;
   width: 32px;

package/dist/cjs/connectkit/components/Pages/Connectors/styles.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","styles_exports","__export","ConnectorButton","ConnectorIcon","ConnectorLabel","ConnectorRecentlyUsed","ConnectorsContainer","Container","InfoBox","InfoBoxButtons","LearnMoreButton","LearnMoreContainer","module","exports","import_styled","__toESM","require","import_styled_components","import_framer_motion","import_styles","Shimmer","keyframes","default","motion","div","ModalBody","button","span"],"sources":["../../../../../../src/connectkit/components/Pages/Connectors/styles.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","styles_exports","__export","ConnectorButton","ConnectorIcon","ConnectorLabel","ConnectorRecentlyUsed","ConnectorsContainer","Container","InfoBox","InfoBoxButtons","LearnMoreButton","LearnMoreContainer","module","exports","import_connectkit","require","import_styled_components","import_framer_motion","Shimmer","keyframes","styled","motion","div","ModalBody","button","span"],"sources":["../../../../../../src/connectkit/components/Pages/Connectors/styles.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/connectkit/components/Pages/DownloadApp/index.cjs

@@ -1,8 +1,6 @@
-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, {
@@ -19,15 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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);
@@ -36,16 +25,13 @@ __export(DownloadApp_exports, {
   default: () => DownloadApp_default
 });
 module.exports = __toCommonJS(DownloadApp_exports);
-var import_styles = require("../../Common/Modal/styles.cjs");
-var import_CustomQRCode = __toESM(require("../../Common/CustomQRCode/index.cjs"));
-var import_useLocales = __toESM(require("../../../hooks/useLocales.cjs"));
-var import_ConnectKit = require("../../ConnectKit.cjs");
+var import_connectkit = require("@multiplatform.one/connectkit");
 var import_useWallets = require("../../../wallets/useWallets.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const DownloadApp = () => {
-  const context = (0, import_ConnectKit.useContext)();
+  const context = (0, import_connectkit.useContext)();
   const wallet = (0, import_useWallets.useWallet)(context.connector.id);
-  const locales = (0, import_useLocales.default)({
+  const locales = (0, import_connectkit.useLocales)({
     CONNECTORNAME: wallet?.name
   });
   if (!wallet) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
@@ -57,17 +43,17 @@ const DownloadApp = () => {
     redirect: wallet.downloadUrls?.download
   };
   const bodycopy = downloads.ios && downloads.android ? locales.downloadAppScreen_iosAndroid : downloads.ios ? locales.downloadAppScreen_ios : locales.downloadAppScreen_android;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.PageContent, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.ModalContent, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.PageContent, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_connectkit.ModalContent, {
       style: {
         paddingBottom: 4,
         gap: 14
       },
-      children: [downloads.redirect && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CustomQRCode.default, {
+      children: [downloads.redirect && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.CustomQRCode, {
         value: downloads.redirect
       }), !downloads.redirect && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
         children: "No download link available"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.ModalBody, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.ModalBody, {
         style: {
           fontSize: 15,
           lineHeight: "20px",

package/dist/cjs/connectkit/components/Pages/DownloadApp/index.native.js

@@ -40,16 +40,13 @@ __export(DownloadApp_exports, {
 module.exports = __toCommonJS(DownloadApp_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
-var import_styles = require("../../Common/Modal/styles.native.js");
-var import_CustomQRCode = __toESM(require("../../Common/CustomQRCode/index.native.js"));
-var import_useLocales = __toESM(require("../../../hooks/useLocales.native.js"));
-var import_ConnectKit = require("../../ConnectKit.native.js");
+var import_connectkit = require("@multiplatform.one/connectkit");
 var import_useWallets = require("../../../wallets/useWallets.native.js");
 var DownloadApp = function DownloadApp2() {
   var _wallet_downloadUrls, _wallet_downloadUrls1, _wallet_downloadUrls2;
-  var context = (0, import_ConnectKit.useContext)();
+  var context = (0, import_connectkit.useContext)();
   var wallet = (0, import_useWallets.useWallet)(context.connector.id);
-  var locales = (0, import_useLocales.default)({
+  var locales = (0, import_connectkit.useLocales)({
     CONNECTORNAME: wallet === null || wallet === void 0 ? void 0 : wallet.name
   });
   if (!wallet) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
@@ -61,17 +58,17 @@ var DownloadApp = function DownloadApp2() {
     redirect: (_wallet_downloadUrls2 = wallet.downloadUrls) === null || _wallet_downloadUrls2 === void 0 ? void 0 : _wallet_downloadUrls2.download
   };
   var bodycopy = downloads.ios && downloads.android ? locales.downloadAppScreen_iosAndroid : downloads.ios ? locales.downloadAppScreen_ios : locales.downloadAppScreen_android;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.PageContent, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.ModalContent, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.PageContent, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_connectkit.ModalContent, {
       style: {
         paddingBottom: 4,
         gap: 14
       },
-      children: [downloads.redirect && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CustomQRCode.default, {
+      children: [downloads.redirect && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.CustomQRCode, {
         value: downloads.redirect
       }), !downloads.redirect && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
         children: "No download link available"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.ModalBody, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.ModalBody, {
         style: {
           fontSize: 15,
           lineHeight: "20px",