@multiplatform.one/web3 5.0.27

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

@@ -0,0 +1,110 @@
+"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, {
+  Container: () => Container,
+  WalletIcon: () => WalletIcon,
+  WalletItem: () => WalletItem,
+  WalletLabel: () => WalletLabel,
+  WalletList: () => WalletList
+});
+module.exports = __toCommonJS(styles_exports);
+var import_styled_components = require("styled-components");
+var import_styled = __toESM(require("./../../../styles/styled/index.native.js"));
+var WalletItem = import_styled.default.div`
+  text-align: center;
+  transition: opacity 100ms ease;
+  opacity: ${function (props) {
+  return props.$waiting ? 0.4 : 1;
+}};
+`;
+var WalletIcon = import_styled.default.div`
+  z-index: 9;
+  position: relative;
+  margin: 0 auto 10px;
+  border-radius: 16px;
+  width: 60px;
+  height: 60px;
+  overflow: hidden;
+  background: rgba(0, 0, 0, 0.04);
+  ${function (props) {
+  return props.$outline && `
+  &:before {
+    content: '';
+    z-index: 2;
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    box-shadow: inset 0 0 0 1px var(--ck-body-background-tertiary);
+  }`;
+}}
+  svg {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: auto;
+  }
+`;
+var WalletLabel = import_styled.default.div`
+  color: var(--ck-body-color);
+  font-size: 13px;
+  line-height: 15px;
+  font-weight: 500;
+  opacity: 0.75;
+`;
+var PulseKeyframes = import_styled_components.keyframes`
+  0%,100% { opacity:1; }
+  50% { opacity:0.5; }
+`;
+var WalletList = import_styled.default.div`
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 22px 8px;
+  margin: 0 -10px;
+  padding: 4px 0 0;
+  transition: opacity 300ms ease;
+  ${function (props) {
+  return props.$disabled && import_styled_components.css`
+      pointer-events: none;
+      opacity: 0.4;
+      ${WalletItem} {
+        animation: ${PulseKeyframes} 1s infinite ease-in-out;
+      }
+    `;
+}}
+`;
+var Container = import_styled.default.div``;
+//# sourceMappingURL=styles.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","styles_exports","__export","Container","WalletIcon","WalletItem","WalletLabel","WalletList","module","exports","import_styled_components","require","import_styled","__toESM","default","div","props","$waiting","$outline","PulseKeyframes","keyframes","$disabled","css"],"sources":["../../../../../../src/connectkit/components/Pages/MobileConnectors/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,SAAA,EAAAA,CAAA,KAAAA,SAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAA,WAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAb,YAAA,CAAAK,cAA+B;AAC/B,IAAAS,wBAAmB,GAAAC,OAAA;AAEZ,IAAAC,aAAM,GAAaC,OAAA,CAAAF,OAAA,2CAAO;AAAA,IAAAN,UAAA,GAAAO,aAAA,CAAAE,OAAA,CAAAC,GAAA;AAAA;AAAA;AAGiB,uBAAAC,KAAA;EAE3C,OAAMA,KAAA,CAAAC,QAAa;AAAO;AAAA;AAAA,IAAAb,UAAA,GAAAQ,aAAA,CAAAE,OAAA,CAAAC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW7B;AAAA;AAAA,cAAAC,KAAA;EAAA,OAAAA,KAAA,CAAAE,QAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQG;AAA2B;AAAA;AAAA;AAAA;AAAA,IAAAZ,WAAA,GAAAM,aAAA,CAAAE,OAAA,CAAAC,GAAA;AAAA;AAQlC;AAAuB;AAAA;AAAA;AAKhB;AAA0B,IAAAI,cAAA,GAAAT,wBAAA,CAAAU,SAAA;AAAA;AAAA;AAAA;AAAA,IAAAb,UAAA,GAAAK,aAAA,CAAAE,OAAA,CAAAC,GAAA;AAAA;AAAA;AAS7B;AAAA;AAAA;AAGc;AACiB,cAAAC,KAAA;EAAA,OAE9BA,KAAA,CAAAK,SAAA,IAAAX,wBAAA,CAAAY,GAAA;AAAA;AAEE","ignoreList":[]}

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

@@ -0,0 +1,139 @@
+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 Onboarding_exports = {};
+__export(Onboarding_exports, {
+  default: () => Onboarding_default
+});
+module.exports = __toCommonJS(Onboarding_exports);
+var import_styles = require("./styles.cjs");
+var import_styles2 = require("../../Common/Modal/styles.cjs");
+var import_logos = __toESM(require("../../../assets/logos.cjs"));
+var import_wave = __toESM(require("../../../assets/wave.cjs"));
+var import_Button = __toESM(require("../../Common/Button/index.cjs"));
+var import_useLocales = __toESM(require("../../../hooks/useLocales.cjs"));
+var import_ConnectKit = require("../../ConnectKit.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const Introduction = () => {
+  const context = (0, import_ConnectKit.useContext)();
+  const locales = (0, import_useLocales.default)({});
+  const ctaUrl = context.options?.walletOnboardingUrl ?? locales.onboardingScreen_ctaUrl;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles2.PageContent, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.Graphic, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.LogoGroup, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.Logo, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoPosition, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoInner, {
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.FloatWrapper, {
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.RotateWrapper, {
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoGraphic, {
+                    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logos.default.Coinbase, {
+                      background: true
+                    })
+                  })
+                })
+              })
+            })
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.Logo, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoPosition, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoInner, {
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.FloatWrapper, {
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.RotateWrapper, {
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoGraphic, {
+                    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logos.default.MetaMask, {
+                      background: true
+                    })
+                  })
+                })
+              })
+            })
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.Logo, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoPosition, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoInner, {
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.FloatWrapper, {
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.RotateWrapper, {
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoGraphic, {
+                    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logos.default.Trust, {})
+                  })
+                })
+              })
+            })
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.Logo, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoPosition, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoInner, {
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.FloatWrapper, {
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.RotateWrapper, {
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoGraphic, {
+                    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logos.default.Argent, {})
+                  })
+                })
+              })
+            })
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.Logo, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoPosition, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoInner, {
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.FloatWrapper, {
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.RotateWrapper, {
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoGraphic, {
+                    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logos.default.ImToken, {})
+                  })
+                })
+              })
+            })
+          })
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.GraphicBackground, {
+        children: import_wave.default
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles2.ModalContent, {
+      style: {
+        paddingBottom: 18
+      },
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles2.ModalH1, {
+        $small: true,
+        children: locales.onboardingScreen_h1
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles2.ModalBody, {
+        children: locales.onboardingScreen_p
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.default, {
+      href: ctaUrl,
+      arrow: true,
+      children: locales.onboardingScreen_ctaText
+    })]
+  });
+};
+var Onboarding_default = Introduction;

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

@@ -0,0 +1,145 @@
+"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 Onboarding_exports = {};
+__export(Onboarding_exports, {
+  default: () => Onboarding_default
+});
+module.exports = __toCommonJS(Onboarding_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styles = require("./styles.native.js");
+var import_styles2 = require("../../Common/Modal/styles.native.js");
+var import_logos = __toESM(require("../../../assets/logos.native.js"));
+var import_wave = __toESM(require("../../../assets/wave.native.js"));
+var import_Button = __toESM(require("../../Common/Button/index.native.js"));
+var import_useLocales = __toESM(require("../../../hooks/useLocales.native.js"));
+var import_ConnectKit = require("../../ConnectKit.native.js");
+var Introduction = function Introduction2() {
+  var _ref;
+  var _context_options;
+  var context = (0, import_ConnectKit.useContext)();
+  var locales = (0, import_useLocales.default)({});
+  var ctaUrl = (_ref = (_context_options = context.options) === null || _context_options === void 0 ? void 0 : _context_options.walletOnboardingUrl) !== null && _ref !== void 0 ? _ref : locales.onboardingScreen_ctaUrl;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles2.PageContent, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.Graphic, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.LogoGroup, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.Logo, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoPosition, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoInner, {
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.FloatWrapper, {
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.RotateWrapper, {
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoGraphic, {
+                    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logos.default.Coinbase, {
+                      background: true
+                    })
+                  })
+                })
+              })
+            })
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.Logo, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoPosition, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoInner, {
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.FloatWrapper, {
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.RotateWrapper, {
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoGraphic, {
+                    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logos.default.MetaMask, {
+                      background: true
+                    })
+                  })
+                })
+              })
+            })
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.Logo, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoPosition, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoInner, {
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.FloatWrapper, {
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.RotateWrapper, {
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoGraphic, {
+                    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logos.default.Trust, {})
+                  })
+                })
+              })
+            })
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.Logo, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoPosition, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoInner, {
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.FloatWrapper, {
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.RotateWrapper, {
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoGraphic, {
+                    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logos.default.Argent, {})
+                  })
+                })
+              })
+            })
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.Logo, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoPosition, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoInner, {
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.FloatWrapper, {
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.RotateWrapper, {
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoGraphic, {
+                    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logos.default.ImToken, {})
+                  })
+                })
+              })
+            })
+          })
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.GraphicBackground, {
+        children: import_wave.default
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles2.ModalContent, {
+      style: {
+        paddingBottom: 18
+      },
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles2.ModalH1, {
+        $small: true,
+        children: locales.onboardingScreen_h1
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles2.ModalBody, {
+        children: locales.onboardingScreen_p
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.default, {
+      href: ctaUrl,
+      arrow: true,
+      children: locales.onboardingScreen_ctaText
+    })]
+  });
+};
+var Onboarding_default = Introduction;
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Onboarding_exports","__export","default","Onboarding_default","module","exports","import_jsx_runtime","require","import_react","__toESM","import_styles","import_styles2","import_logos","import_wave","import_Button","import_useLocales","import_ConnectKit","Introduction","Introduction2","_ref","_context_options","context","useContext","locales","ctaUrl","options","walletOnboardingUrl","onboardingScreen_ctaUrl","jsxs","PageContent","children","Graphic","LogoGroup","jsx","Logo","LogoPosition","LogoInner","FloatWrapper","RotateWrapper","LogoGraphic","Coinbase","background"],"sources":["../../../../../../src/connectkit/components/Pages/Onboarding/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAC;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAV,YAUO,CAAAK,kBAAA;AAEP,IAAAM,kBAKO,GAAAC,OAAA;AACP,IAAAC,YAAA,GAAkBC,OAAA,CAAAF,OAAA;AAClB,IAAAG,aAAA,GAAiBH,OAAA;AAEjB,IAAAI,cAAA,GAAmBJ,OAAA;AACnB,IAAAK,YAAA,GAAAH,OAAuB,CAAAF,OAAA;AACvB,IAAAM,WAAA,GAAAJ,OAA2B,CAAAF,OAAA;AAWnB,IAAAO,aAAA,GAAAL,OAAA,CAAAF,OAAA;AATR,IAAAQ,iBAA+B,GAAAN,OAAM,CAAAF,OAAA;AACnC,IAAAS,iBAAM,GAAUT,OAAA;AAChB,IAAAU,YAAM,YAAUC,cAAA;EAEhB,IAAAC,IAAM;EAEN,IAAAC,gBACE;EACE,IAAAC,OAAA,OAAAL,iBAAA,CAAAM,UAAA,EAAC;EACC,IAAAC,OAAA,OAAAR,iBAAA,CAAAb,OAAA;EACE,IAAAsB,MAAA,IAAAL,IAAA,IAAAC,gBAAA,GAAAC,OAAA,CAAAI,OAAC,cAAAL,gBACC,uBAAAA,gBAAA,CAACM,mBAAA,cACCP,IAAA,cAAAA,IAAA,GAAAI,OAAA,CAAAI,uBAAC;EAUL,OACA,mBAAArB,kBAAA,CAAAsB,IAAC,EAAAjB,cAAA,CAAAkB,WACC;IAWFC,QACA,GAYA,eACA,IAAAxB,kBAAA,CAAAsB,IAAA,EAAAlB,aAAC,CAAAqB,OAAA,EACC;MAYFD,QAAA,GAaF,mBAAAxB,kBAAA,CAAAsB,IAAA,EAAAlB,aAAA,CAAAsB,SAAA;QACAF,QAAA,GACF,mBAAAxB,kBAAA,CAAA2B,GAAA,EAAAvB,aAAA,CAAAwB,IAAA;UACAJ,QAAA,qBAAAxB,kBAAC,CAAA2B,GAAA,EAAAvB,aAAa,CAAAyB,YAAS;YACrBL,QAAA,qBAAAxB,kBAAC,CAAA2B,GAAA,EAAAvB,aAAc,CAAA0B,SAAE;cACjBN,QAAA,qBAACxB,kBAAA,CAAA2B,GAAA,EAAAvB,aAAW,CAAA2B,YAAQ;gBACtBP,QAAA,qBAAAxB,kBAAA,CAAA2B,GAAA,EAAAvB,aAAA,CAAA4B,aAAA;kBACAR,QAAA,iBAAC,IAAAxB,kBAAA,CAAO2B,GAAA,EAAAvB,aAAc,CAAA6B,WACnB;oBAELT,QAAA,qBAAAxB,kBAAA,CAAA2B,GAAA,EAAArB,YAAA,CAAAV,OAAA,CAAAsC,QAAA;sBAEJC,UAAA;oBAEe","ignoreList":[]}

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

@@ -0,0 +1,214 @@
+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, {
+  FloatWrapper: () => FloatWrapper,
+  Graphic: () => Graphic,
+  GraphicBackground: () => GraphicBackground,
+  Logo: () => Logo,
+  LogoGraphic: () => LogoGraphic,
+  LogoGroup: () => LogoGroup,
+  LogoInner: () => LogoInner,
+  LogoPosition: () => LogoPosition,
+  RotateWrapper: () => RotateWrapper
+});
+module.exports = __toCommonJS(styles_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_defaultTheme = __toESM(require("../../../constants/defaultTheme.cjs"));
+const Graphic = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: relative;
+  margin: 16px auto 20px;
+  height: 190px;
+  max-width: 295px;
+  pointer-events: none;
+  user-select: none;
+  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+    height: 200px;
+    max-width: 100%;
+    margin-bottom: 32px;
+  }
+`;
+const LogoGroup = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+`;
+const graphicIn = import_styled_components.keyframes`
+  0%{
+    opacity:0;
+    transform:scale(0.9);
+  }
+  100%{
+    opacity:1;
+    transform:none;
+  }
+`;
+const GraphicBackground = (0, import_styled.default)(import_framer_motion.motion.div)`
+  z-index: 1;
+  position: absolute;
+  inset: 0;
+  top: -2px;
+  overflow: hidden;
+  &:before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background: var(--ck-body-background);
+    background: radial-gradient(
+      closest-side,
+      var(--ck-body-background-transparent, transparent) 18.75%,
+      var(--ck-body-background) 100%
+    );
+    background-size: 100%;
+  }
+  svg {
+    display: block;
+    width: 100%;
+    height: auto;
+  }
+  animation: ${graphicIn} 1000ms 100ms ease both;
+  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+    animation: none;
+  }
+`;
+const logoIn = import_styled_components.keyframes`
+  0%{
+    opacity:0;
+    transform:scale(0) translateY(40%);
+  }
+  100%{
+    opacity:1;
+    transform:none;
+  }
+`;
+const LogoPosition = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: absolute;
+  inset: 0;
+  animation: cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
+  animation-delay: inherit;
+`;
+const LogoInner = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: absolute;
+`;
+const LogoGraphic = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: relative;
+  overflow: hidden;
+  height: 58px;
+  width: 58px;
+  border-radius: 13.84px;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 20px 0 rgba(0, 0, 0, 0.03);
+
+  svg {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+`;
+const float = import_styled_components.keyframes`
+  0%,100%{ transform:none; }
+  50%{ transform: translateY(-10%) }
+`;
+const FloatWrapper = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: relative;
+  animation: cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
+  animation-name: ${float};
+  animation-duration: 3600ms;
+`;
+const rotate = import_styled_components.keyframes`
+  0%,100%{ transform:rotate(-3deg); }
+  50%{ transform:rotate(3deg); }
+`;
+const RotateWrapper = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: relative;
+  animation: cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
+  animation-name: ${rotate};
+  animation-duration: 3200ms;
+`;
+const Logo = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: absolute;
+  inset: 0;
+
+  animation: ${logoIn} 750ms cubic-bezier(0.19, 1, 0.22, 1) both;
+  &:nth-child(1){ z-index:2; animation-delay:0ms;  }
+  &:nth-child(2){ z-index:1; animation-delay:60ms; }
+  &:nth-child(3){ z-index:1; animation-delay:30ms; }
+  &:nth-child(4){ z-index:1; animation-delay:90ms; }
+  &:nth-child(5){ z-index:1; animation-delay:120ms;}
+
+  &:nth-child(1){ ${RotateWrapper}{ animation-delay:0ms; } }
+  &:nth-child(2){ ${RotateWrapper}{ animation-delay:-600ms; } }
+  &:nth-child(3){ ${RotateWrapper}{ animation-delay:-1200ms; } }
+  &:nth-child(4){ ${RotateWrapper}{ animation-delay:-1800ms; } }
+  &:nth-child(5){ ${RotateWrapper}{ animation-delay:-2400ms; } }
+
+  &:nth-child(1){ ${FloatWrapper}{ animation-delay:-200ms; } }
+  &:nth-child(2){ ${FloatWrapper}{ animation-delay:-600ms; } }
+  &:nth-child(3){ ${FloatWrapper}{ animation-delay:-800ms; } }
+  &:nth-child(4){ ${FloatWrapper}{ animation-delay:-300ms; } }
+  &:nth-child(5){ ${FloatWrapper}{ animation-delay:-3200ms; } }
+
+  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+    animation: none !important;
+    ${RotateWrapper},${FloatWrapper} {
+      animation: none !important;
+    }
+  }
+
+  ${LogoInner} {
+    transform: translate(-50%, -50%);
+  }
+
+  &:nth-child(1) ${LogoPosition} {
+    transform: translate(50%, 50%);
+    ${LogoGraphic} {
+      border-radius: 17.2px;
+      width: 72px;
+      height: 72px;
+    }
+  }
+  &:nth-child(2) ${LogoPosition} {
+    transform: translate(21%, 21.5%);
+  }
+  &:nth-child(3) ${LogoPosition} {
+    transform: translate(78%, 14%);
+  }
+  &:nth-child(4) ${LogoPosition} {
+    transform: translate(22.5%, 76%);
+  }
+  &:nth-child(5) ${LogoPosition} {
+    transform: translate(76%, 80%);
+  }
+`;