@multiplatform.one/connectkit 6.0.0

package/dist/cjs/hooks/useLocalStorage.cjs

@@ -0,0 +1,66 @@
+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 useLocalStorage_exports = {};
+__export(useLocalStorage_exports, {
+  useLocalStorage: () => useLocalStorage
+});
+module.exports = __toCommonJS(useLocalStorage_exports);
+var import_react = require("react");
+var LocalStorage = __toESM(require("../utils/localstorage.cjs"));
+const useLocalStorage = storageKey => {
+  const [data, setData] = (0, import_react.useState)(LocalStorage.get(storageKey));
+  const add = item => {
+    const newItems = LocalStorage.add(storageKey, item);
+    setData(newItems);
+  };
+  const update = items => {
+    const newItems = LocalStorage.save(storageKey, items);
+    setData(newItems);
+  };
+  const remove = item => {
+    const newItems = LocalStorage.remove(storageKey, item);
+    setData(newItems);
+  };
+  const clear = () => {
+    const newItems = LocalStorage.save(storageKey, []);
+    setData(newItems);
+  };
+  return {
+    data,
+    add,
+    remove,
+    update,
+    clear
+  };
+};

package/dist/cjs/hooks/useLocalStorage.native.js

@@ -0,0 +1,69 @@
+"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 useLocalStorage_exports = {};
+__export(useLocalStorage_exports, {
+  useLocalStorage: () => useLocalStorage
+});
+module.exports = __toCommonJS(useLocalStorage_exports);
+var import_react = require("react");
+var LocalStorage = __toESM(require("../utils/localstorage.native.js"));
+var useLocalStorage = function useLocalStorage2(storageKey) {
+  var [data, setData] = (0, import_react.useState)(LocalStorage.get(storageKey));
+  var add = function add2(item) {
+    var newItems = LocalStorage.add(storageKey, item);
+    setData(newItems);
+  };
+  var update = function update2(items) {
+    var newItems = LocalStorage.save(storageKey, items);
+    setData(newItems);
+  };
+  var remove = function remove2(item) {
+    var newItems = LocalStorage.remove(storageKey, item);
+    setData(newItems);
+  };
+  var clear = function clear2() {
+    var newItems = LocalStorage.save(storageKey, []);
+    setData(newItems);
+  };
+  return {
+    data,
+    add,
+    remove,
+    update,
+    clear
+  };
+};
+//# sourceMappingURL=useLocalStorage.native.js.map

package/dist/cjs/hooks/useLocalStorage.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useLocalStorage_exports","__export","useLocalStorage","module","exports","import_react","require","LocalStorage","__toESM","useLocalStorage2","storageKey","data","setData","useState","get","add","add2","item","newItems","update","update2","items","save","remove","remove2","clear","clear2"],"sources":["../../../src/hooks/useLocalStorage.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAyB,CAAAK,uBAAA;AACzB,IAAAK,YAAA,GAA8BC,OAAA;AAEvB,IAAAC,YAAM,GAAAC,OAAmB,CAAAF,OAAA,kCAAuB;AACrD,IAAAJ,eAAa,GAAO,SAAIO,iBAAAC,UAAS;EAEjC,KAAAC,IAAM,EAAAC,OAAO,IAAc,IAAAP,YAAA,CAAAQ,QAAA,EAAAN,YAAA,CAAAO,GAAA,CAAAJ,UAAA;EACzB,IAAAK,GAAA,GAAM,SAAWC,KAAAC,IAAA;IACjB,IAAAC,QAAQ,GAAAX,YAAQ,CAAAQ,GAAA,CAAAL,UAAA,EAAAO,IAAA;IAClBL,OAAA,CAAAM,QAAA;EAEA;EACE,IAAAC,MAAM,YAAWC,QAAAC,KAAa,EAAK;IACnC,IAAAH,QAAQ,GAAAX,YAAQ,CAAAe,IAAA,CAAAZ,UAAA,EAAAW,KAAA;IAClBT,OAAA,CAAAM,QAAA;EAEA;EACE,IAAAK,MAAM,YAAWC,QAAAP,IAAa;IAC9B,IAAAC,QAAQ,GAAAX,YAAQ,CAAAgB,MAAA,CAAAb,UAAA,EAAAO,IAAA;IAClBL,OAAA,CAAAM,QAAA;EAEA;EACE,IAAAO,KAAM,YAAWC,OAAA;IACjB,IAAAR,QAAQ,GAAAX,YAAQ,CAAAe,IAAA,CAAAZ,UAAA;IAClBE,OAAA,CAAAM,QAAA;EAEA;EACF","ignoreList":[]}

package/dist/cjs/hooks/useLocales.cjs

@@ -0,0 +1,104 @@
+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 useLocales_exports = {};
+__export(useLocales_exports, {
+  default: () => useLocales
+});
+module.exports = __toCommonJS(useLocales_exports);
+var import_react = __toESM(require("react"));
+var import_logos = __toESM(require("../assets/logos.cjs"));
+var import_ConnectKit = require("../components/ConnectKit.cjs");
+var import_localizations = require("./../localizations/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function useLocales(replacements) {
+  const context = (0, import_ConnectKit.useContext)();
+  const language = context.options?.language ?? "en-US";
+  const translations = (0, import_react.useMemo)(() => {
+    return (0, import_localizations.getLocale)(language);
+  }, [language]);
+  if (!translations) {
+    console.error(`Missing translations for: ${language}`);
+    throw new Error(`Missing translations for: ${language}`);
+  }
+  const translated = {};
+  Object.keys(translations).map(key => {
+    const string = translations[key];
+    return translated[key] = localize(string, replacements);
+  });
+  return translated;
+}
+const localize = (text, replacements) => {
+  let parsedText = text;
+  if (replacements) {
+    Object.keys(replacements).forEach(key => {
+      parsedText = parsedText.replace(new RegExp(`({{ ${key} }})`, "g"), replacements[key]);
+    });
+  }
+  return replaceMarkdown(parsedText);
+};
+const replaceMarkdown = markdownText => {
+  let text = markdownText;
+  text = text.split("\n");
+  text = text.map((t, i) => {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react.default.Fragment, {
+      children: [wrapTags(t), i < text.length - 1 && /* @__PURE__ */(0, import_jsx_runtime.jsx)("br", {})]
+    }, i);
+  });
+  return text;
+};
+const wrapTags = text => {
+  const textArray = text.split(/(\*\*[^\*]*\*\*)/g);
+  let result = textArray.map((str, i) => {
+    if (/(\*\*.*\*\*)/g.test(str)) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)("strong", {
+        children: str.replace(/\*\*/g, "")
+      }, i);
+    }
+    return `${str}`;
+  });
+  return result.map(r => {
+    if (typeof r === "string") {
+      return r.split(/(\[WALLETCONNECTLOGO\])/g).map(s => {
+        if (s === "[WALLETCONNECTLOGO]") {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+            className: "ck-tt-logo",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logos.default.WalletConnect, {})
+          }, s);
+        }
+        return s;
+      });
+    }
+    return r;
+  });
+};

package/dist/cjs/hooks/useLocales.native.js

@@ -0,0 +1,109 @@
+"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 useLocales_exports = {};
+__export(useLocales_exports, {
+  default: () => useLocales
+});
+module.exports = __toCommonJS(useLocales_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_logos = __toESM(require("../assets/logos.native.js"));
+var import_ConnectKit = require("../components/ConnectKit.native.js");
+var import_localizations = require("./../localizations/index.native.js");
+function useLocales(replacements) {
+  var _ref;
+  var _context_options;
+  var context = (0, import_ConnectKit.useContext)();
+  var language = (_ref = (_context_options = context.options) === null || _context_options === void 0 ? void 0 : _context_options.language) !== null && _ref !== void 0 ? _ref : "en-US";
+  var translations = (0, import_react.useMemo)(function () {
+    return (0, import_localizations.getLocale)(language);
+  }, [language]);
+  if (!translations) {
+    console.error(`Missing translations for: ${language}`);
+    throw new Error(`Missing translations for: ${language}`);
+  }
+  var translated = {};
+  Object.keys(translations).map(function (key) {
+    var string = translations[key];
+    return translated[key] = localize(string, replacements);
+  });
+  return translated;
+}
+var localize = function localize2(text, replacements) {
+  var parsedText = text;
+  if (replacements) {
+    Object.keys(replacements).forEach(function (key) {
+      parsedText = parsedText.replace(new RegExp(`({{ ${key} }})`, "g"), replacements[key]);
+    });
+  }
+  return replaceMarkdown(parsedText);
+};
+var replaceMarkdown = function replaceMarkdown2(markdownText) {
+  var text = markdownText;
+  text = text.split("\n");
+  text = text.map(function (t, i) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react.default.Fragment, {
+      children: [wrapTags(t), i < text.length - 1 && /* @__PURE__ */(0, import_jsx_runtime.jsx)("br", {})]
+    }, i);
+  });
+  return text;
+};
+var wrapTags = function wrapTags2(text) {
+  var textArray = text.split(/(\*\*[^\*]*\*\*)/g);
+  var result = textArray.map(function (str, i) {
+    if (/(\*\*.*\*\*)/g.test(str)) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)("strong", {
+        children: str.replace(/\*\*/g, "")
+      }, i);
+    }
+    return `${str}`;
+  });
+  return result.map(function (r) {
+    if (typeof r === "string") {
+      return r.split(/(\[WALLETCONNECTLOGO\])/g).map(function (s) {
+        if (s === "[WALLETCONNECTLOGO]") {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+            className: "ck-tt-logo",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logos.default.WalletConnect, {})
+          }, s);
+        }
+        return s;
+      });
+    }
+    return r;
+  });
+};
+//# sourceMappingURL=useLocales.native.js.map

package/dist/cjs/hooks/useLocales.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useLocales_exports","__export","default","useLocales","module","exports","import_jsx_runtime","require","import_react","__toESM","import_logos","import_ConnectKit","import_localizations","replacements","_ref","_context_options","context","useContext","language","options","translations","useMemo","getLocale","console","error","Error","translated","Object","keys","map","key","string","localize","localize2","text","parsedText","forEach","replace","RegExp","replaceMarkdown","replaceMarkdown2","markdownText","split","t","i","jsxs","Fragment","children","wrapTags","length","jsx","wrapTags2","textArray","result","str","test","r","s","className"],"sources":["../../../src/hooks/useLocales.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;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA+B,CAAAK,kBAAA;AAC/B,IAAAM,kBAAkB,GAAAC,OAAA;AAElB,IAAAC,YAAA,GAAAC,OAA2B,CAAAF,OAAA;AAE3B,IAAAG,YAAA,GAAAD,OAAA,CAA0BF,OAAA;AA4CpB,IAAAI,iBAAA,GAAAJ,OAAA;AAzCS,IAAAK,oBAAoB,GAAAL,OAAiC;AAClE,SAAMJ,WAAAU,YAAU;EAChB,IAAAC,IAAM;EAEN,IAAAC,gBAAM;EACJ,IAAAC,OAAA,GAAO,IAAAL,iBAAA,CAAAM,UAAU;EACnB,IAAIC,QAAQ,GAAC,CAAAJ,IAAA,IAAAC,gBAAA,GAAAC,OAAA,CAAAG,OAAA,cAAAJ,gBAAA,uBAAAA,gBAAA,CAAAG,QAAA,cAAAJ,IAAA,cAAAA,IAAA;EAEb,IAAIM,YAAC,GAAc,IAAAZ,YAAA,CAAAa,OAAA;IACjB,QAAQ,GAAAT,oBAAM,CAAAU,SAAA,EAA6BJ,QAAQ;EACnD,IACFA,QAAA,CAEA;EACA,KAAAE,YAAY;IACVG,OAAM,CAAAC,KAAA,8BAAyBN,QAAA;IAC/B,UAAQO,KAAA,8BAAmCP,QAAA,EAAY;EACzD;EAEA,IAAAQ,UAAO;EACTC,MAAA,CAAAC,IAAA,CAAAR,YAAA,EAAAS,GAAA,WAAAC,GAAA;IAEA,IAAMC,MAAA,GAAWX,YAAe,CAAAU,GAAA;IAC9B,OAAIJ,UAAqB,CAAAI,GAAA,IAAAE,QAAA,CAAAD,MAAA,EAAAlB,YAAA;EACzB;EACE,OAAAa,UAAY;AAEV;AAAwB,IAAAM,QAClB,YAAOC,SAAUA,CAAAC,IAAQ,EAAGrB,YAAA;EAAA,IAAAsB,UAChC,GAAAD,IAAa;EAAgC,IAC/CrB,YAAA;IACFc,MAAC,CAAAC,IAAA,CAAAf,YAAA,EAAAuB,OAAA,WAAAN,GAAA;MACHK,UAAA,GAAAA,UAAA,CAAAE,OAAA,KAAAC,MAAA,QAAAR,GAAA,cAAAjB,YAAA,CAAAiB,GAAA;IACA;EACF;EAEA,OAAMS,eAAkB,CAACJ,UAAA;AACvB;AACA,IAAAI,eAAY,GAAM,SAAIC,iBAAAC,YAAA;EACtB,IAAAP,IAAO,GAAAO,YAAqB;EAC1BP,IAAA,GAAAA,IACE,CAAAQ,KAAA;EACGR,IAAA,GAAAA,IAAA,CAAAL,GAAU,WAAAc,CAAA,EAAAC,CAAA;IAAA,OACN,eAAc,EAAK,EAAAtC,kBAAA,CAAAuC,IAAA,EAAArC,YAAA,CAAAN,OAAC,CAAA4C,QAAG;MAAAC,QAC9B,GAEHC,QAAA,CAAAL,CAAA,GACDC,CAAO,GAAAV,IAAA,CAAAe,MAAA,2BAAA3C,kBAAA,CAAA4C,GAAA;IAGT,GAAMN,CAAA;EAEJ;EACA,OAAIV,IAAA;AACF;AAEE,IAAAc,QAAA,GAAO,SAAAG,UAAAjB,IAAA;EAA0C,IACnDkB,SAAA,GAAAlB,IAAA,CAAAQ,KAAA;EACA,IAAAW,MAAO,GAAGD,SAAG,CAAAvB,GAAA,WAAAyB,GAAA,EAAAV,CAAA;IACd,oBAAAW,IAAA,CAAAD,GAAA;MAGD,OAAO,eAAkB,IAAAhD,kBAAA,CAAA4C,GAAA;QACnBH,QAAO,EAAAO,GAAM,CAAAjB,OAAA,QAAU;MACzB,GAAAO,CAAA;IACE;IACE,UAAAU,GACE;EAEA;EAGJ,OAAAD,MAAO,CAAAxB,GAAA,WAAA2B,CAAA;IAAA,IACR,OAAAA,CAAA;MACH,OAAAA,CAAA,CAAAd,KAAA,6BAAAb,GAAA,WAAA4B,CAAA;QACA,IAAOA,CAAA;UACR,0BAAAnD,kBAAA,CAAA4C,GAAA;YACHQ,SAAA","ignoreList":[]}

package/dist/cjs/hooks/useLockBodyScroll.cjs

@@ -0,0 +1,67 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useLockBodyScroll_exports = {};
+__export(useLockBodyScroll_exports, {
+  default: () => useLockBodyScroll
+});
+module.exports = __toCommonJS(useLockBodyScroll_exports);
+var import_react = require("react");
+var import_ConnectKit = require("../components/ConnectKit.cjs");
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react.useLayoutEffect : import_react.useEffect;
+function useLockBodyScroll(initialLocked) {
+  const [locked, setLocked] = (0, import_react.useState)(initialLocked);
+  const context = (0, import_ConnectKit.useContext)();
+  useIsomorphicLayoutEffect(() => {
+    if (!locked) return;
+    const original = {
+      overflow: document.body.style.overflow,
+      position: document.body.style.position,
+      touchAction: document.body.style.touchAction,
+      paddingRight: document.body.style.paddingRight
+      //htmlOverflow: document.documentElement.style.overflow,
+    };
+    const style = getComputedStyle(document.body);
+    const offsetX = parseInt(style.marginRight) + parseInt(style.paddingRight) + parseInt(style.borderRight) + parseInt(style.marginLeft) + parseInt(style.paddingLeft) + parseInt(style.borderLeft);
+    const scrollBarWidth = window.innerWidth - document.body.offsetWidth - offsetX;
+    document.documentElement.style.setProperty("--ck-scrollbar-width", `${scrollBarWidth}px`);
+    document.body.style.overflow = "hidden";
+    document.body.style.position = "relative";
+    document.body.style.touchAction = "none";
+    if (context.options?.avoidLayoutShift) {
+      document.body.style.paddingRight = `${scrollBarWidth}px`;
+    }
+    return () => {
+      document.documentElement.style.removeProperty("--ck-scrollbar-width");
+      document.body.style.overflow = original.overflow;
+      document.body.style.position = original.position;
+      document.body.style.touchAction = original.touchAction;
+      if (context.options?.avoidLayoutShift) {
+        document.body.style.paddingRight = original.paddingRight;
+      }
+    };
+  }, [locked]);
+  (0, import_react.useEffect)(() => {
+    if (locked !== initialLocked) setLocked(initialLocked);
+  }, [initialLocked]);
+  return [locked, setLocked];
+}

package/dist/cjs/hooks/useLockBodyScroll.native.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useLockBodyScroll_exports = {};
+__export(useLockBodyScroll_exports, {
+  default: () => useLockBodyScroll
+});
+module.exports = __toCommonJS(useLockBodyScroll_exports);
+var import_react = require("react");
+var import_ConnectKit = require("../components/ConnectKit.native.js");
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react.useLayoutEffect : import_react.useEffect;
+function useLockBodyScroll(initialLocked) {
+  var [locked, setLocked] = (0, import_react.useState)(initialLocked);
+  var context = (0, import_ConnectKit.useContext)();
+  useIsomorphicLayoutEffect(function () {
+    var _context_options;
+    if (!locked) return;
+    var original = {
+      overflow: document.body.style.overflow,
+      position: document.body.style.position,
+      touchAction: document.body.style.touchAction,
+      paddingRight: document.body.style.paddingRight
+    };
+    var style = getComputedStyle(document.body);
+    var offsetX = parseInt(style.marginRight) + parseInt(style.paddingRight) + parseInt(style.borderRight) + parseInt(style.marginLeft) + parseInt(style.paddingLeft) + parseInt(style.borderLeft);
+    var scrollBarWidth = window.innerWidth - document.body.offsetWidth - offsetX;
+    document.documentElement.style.setProperty("--ck-scrollbar-width", `${scrollBarWidth}px`);
+    document.body.style.overflow = "hidden";
+    document.body.style.position = "relative";
+    document.body.style.touchAction = "none";
+    if ((_context_options = context.options) === null || _context_options === void 0 ? void 0 : _context_options.avoidLayoutShift) {
+      document.body.style.paddingRight = `${scrollBarWidth}px`;
+    }
+    return function () {
+      var _context_options2;
+      document.documentElement.style.removeProperty("--ck-scrollbar-width");
+      document.body.style.overflow = original.overflow;
+      document.body.style.position = original.position;
+      document.body.style.touchAction = original.touchAction;
+      if ((_context_options2 = context.options) === null || _context_options2 === void 0 ? void 0 : _context_options2.avoidLayoutShift) {
+        document.body.style.paddingRight = original.paddingRight;
+      }
+    };
+  }, [locked]);
+  (0, import_react.useEffect)(function () {
+    if (locked !== initialLocked) setLocked(initialLocked);
+  }, [initialLocked]);
+  return [locked, setLocked];
+}
+//# sourceMappingURL=useLockBodyScroll.native.js.map

package/dist/cjs/hooks/useLockBodyScroll.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useLockBodyScroll_exports","__export","default","useLockBodyScroll","module","exports","import_react","require","import_ConnectKit","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","initialLocked","locked","setLocked","useState","context","useContext","_context_options","original","overflow","document","body","style","position","touchAction","paddingRight","getComputedStyle","offsetX","parseInt","marginRight","borderRight","marginLeft","paddingLeft","borderLeft","scrollBarWidth","innerWidth","offsetWidth","documentElement","setProperty","options","avoidLayoutShift","_context_options2","removeProperty"],"sources":["../../../src/hooks/useLockBodyScroll.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,yBAAA;AAAAC,QAAA,CAAAD,yBAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAC;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAqD,CAAAK,yBAAA;AACrD,IAAAM,YAAA,GAAAC,OAA2B;AAE3B,IAAAC,iBAAM,GAAAD,OAAA,qCAA8C;AAErC,IAAAE,yBAA2B,UAAAC,MAAwB,mBAAAJ,YAAA,CAAAK,eAAA,GAAAL,YAAA,CAAAM,SAAA;AAChE,SAAOT,iBAAiBA,CAAAU,aAAI;EAE5B,KAAAC,MAAM,EAAAC,SAAU,QAAAT,YAAA,CAAAU,QAAW,EAAAH,aAAA;EAE3B,IAAAI,OAAA,OAAAT,iBAAgC,CAAAU,UAAA;EAC9BT,yBAAa;IAEb,IAAAU,gBAAiB;IAAA,IACf,CAAAL,MAAA,EAAU;IAAoB,IAC9BM,QAAU;MACVC,QAAA,EAAAC,QAAa,CAAAC,IAAS,CAAAC,KAAK,CAAAH,QAAM;MACjCI,QAAA,EAAAH,QAAc,CAAAC,IAAS,CAAAC,KAAK,CAAAC,QAAM;MAAAC,WAAA,EAAAJ,QAAA,CAAAC,IAAA,CAAAC,KAAA,CAAAE,WAAA;MAEpCC,YAAA,EAAAL,QAAA,CAAAC,IAAA,CAAAC,KAAA,CAAAG;IAEA;IACA,IAAAH,KAAM,GAAAI,gBACK,CAAAN,QAAM,CAAAC,IAAW;IAO5B,IAAAM,OAAM,GAAAC,QAAA,CAAiBN,KAAA,CAAAO,WAAO,IAAaD,QAAS,CAAAN,KAAK,CAAAG,YAAc,IAAAG,QAAA,CAAAN,KAAA,CAAAQ,WAAA,IAAAF,QAAA,CAAAN,KAAA,CAAAS,UAAA,IAAAH,QAAA,CAAAN,KAAA,CAAAU,WAAA,IAAAJ,QAAA,CAAAN,KAAA,CAAAW,UAAA;IACvE,IAAAC,cAAS,GAAA1B,MAAgB,CAAA2B,UAAM,GAAAf,QAAY,CAAAC,IAAA,CAAAe,WAAA,GAAwBT,OAAG;IAEtEP,QAAA,CAASiB,eAAW,CAAAf,KAAA,CAAWgB,WAAA,4BAAAJ,cAAA;IAC/Bd,QAAA,CAASC,IAAA,CAAKC,KAAA,CAAMH,QAAA,GAAW;IAC/BC,QAAA,CAASC,IAAA,CAAKC,KAAA,CAAMC,QAAA,aAAc;IAElCH,QAAI,CAAAC,IAAQ,CAAAC,KAAA,CAAAE,WAAS,SAAkB;IACrC,KAAAP,gBAAc,GAAMF,OAAA,CAAAwB,OAAe,MAAG,QAAAtB,gBAAc,uBAAAA,gBAAA,CAAAuB,gBAAA;MACtDpB,QAAA,CAAAC,IAAA,CAAAC,KAAA,CAAAG,YAAA,MAAAS,cAAA;IAEA;IACE,mBAAS;MAET,IAAAO,iBAAoB;MACpBrB,QAAA,CAASiB,eAAW,CAAAf,KAAA,CAAWoB,cAAS;MACxCtB,QAAA,CAASC,IAAA,CAAKC,KAAA,CAAMH,QAAA,GAAAD,QAAc,CAAAC,QAAS;MAE3CC,QAAI,CAAAC,IAAQ,CAAAC,KAAA,CAAAC,QAAS,GAAAL,QAAkB,CAAAK,QAAA;MACrCH,QAAA,CAAAC,IAAS,CAAAC,KAAK,CAAAE,WAAM,GAAAN,QAAe,CAAAM,WAAS;MAC9C,KAAAiB,iBAAA,GAAA1B,OAAA,CAAAwB,OAAA,cAAAE,iBAAA,uBAAAA,iBAAA,CAAAD,gBAAA;QACFpB,QAAA,CAAAC,IAAA,CAAAC,KAAA,CAAAG,YAAA,GAAAP,QAAA,CAAAO,YAAA;MACE;IAEJ;EACE,IACFb,MAAI,CAEJ;EACF,IAAAR,YAAA,CAAAM,SAAA","ignoreList":[]}

package/dist/cjs/hooks/useModal.cjs

@@ -0,0 +1,68 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useModal_exports = {};
+__export(useModal_exports, {
+  useModal: () => useModal
+});
+module.exports = __toCommonJS(useModal_exports);
+var import_ConnectKit = require("../components/ConnectKit.cjs");
+var import_registry = require("../registry.cjs");
+const useModal = () => {
+  const context = (0, import_ConnectKit.useContext)();
+  const {
+    screens
+  } = (0, import_registry.useScreenRegistry)();
+  const modalState = (0, import_registry.useModalState)();
+  const isConnected = !!modalState.connected;
+  const close = () => {
+    context.setOpen(false);
+  };
+  const open = () => {
+    context.setOpen(true);
+  };
+  const openScreen = id => {
+    const homeRoute = isConnected ? import_ConnectKit.routes.PROFILE : import_ConnectKit.routes.CONNECTORS;
+    const state = {
+      connected: isConnected
+    };
+    const def = screens.get(id);
+    let target = id;
+    if (!def || def.availableWhen && !def.availableWhen(state)) {
+      target = homeRoute;
+      context.log(`Route ${id} is not reachable right now, navigating to ${target} instead.`);
+    }
+    context.setRoute(target);
+    open();
+  };
+  return {
+    open: context.open,
+    setOpen: show => {
+      if (show) {
+        openScreen(isConnected ? import_ConnectKit.routes.PROFILE : import_ConnectKit.routes.CONNECTORS);
+      } else {
+        close();
+      }
+    },
+    openScreen
+  };
+};

package/dist/cjs/hooks/useModal.native.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useModal_exports = {};
+__export(useModal_exports, {
+  useModal: () => useModal
+});
+module.exports = __toCommonJS(useModal_exports);
+var import_ConnectKit = require("../components/ConnectKit.native.js");
+var import_registry = require("../registry.native.js");
+var useModal = function useModal2() {
+  var context = (0, import_ConnectKit.useContext)();
+  var {
+    screens
+  } = (0, import_registry.useScreenRegistry)();
+  var modalState = (0, import_registry.useModalState)();
+  var isConnected = !!modalState.connected;
+  var close = function close2() {
+    context.setOpen(false);
+  };
+  var open = function open2() {
+    context.setOpen(true);
+  };
+  var openScreen = function openScreen2(id) {
+    var homeRoute = isConnected ? import_ConnectKit.routes.PROFILE : import_ConnectKit.routes.CONNECTORS;
+    var state = {
+      connected: isConnected
+    };
+    var def = screens.get(id);
+    var target = id;
+    if (!def || def.availableWhen && !def.availableWhen(state)) {
+      target = homeRoute;
+      context.log(`Route ${id} is not reachable right now, navigating to ${target} instead.`);
+    }
+    context.setRoute(target);
+    open();
+  };
+  return {
+    open: context.open,
+    setOpen: function setOpen(show) {
+      if (show) {
+        openScreen(isConnected ? import_ConnectKit.routes.PROFILE : import_ConnectKit.routes.CONNECTORS);
+      } else {
+        close();
+      }
+    },
+    openScreen
+  };
+};
+//# sourceMappingURL=useModal.native.js.map

package/dist/cjs/hooks/useModal.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useModal_exports","__export","useModal","module","exports","import_ConnectKit","require","import_registry","useModal2","context","useContext","screens","useScreenRegistry","modalState","useModalState","isConnected","connected","close","close2","setOpen","open","open2","openScreen","openScreen2","id","homeRoute","routes","PROFILE","CONNECTORS","state","def","get","target","availableWhen","log","setRoute","show"],"sources":["../../../src/hooks/useModal.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAmC,CAAAK,gBAAA;AACnC,IAAAK,iBAAA,GAA6DC,OAAA;AAKtD,IAAAC,eAAiB,GAAAD,OAAM;AAC5B,IAAAJ,QAAM,YAAUM,UAAA;EAChB,IAAAC,OAAQ,KAAQ,EAAAJ,iBAAI,CAAAK,UAAA;EACpB;IAAMC;EAAA,QAAAJ,eAAa,CAAAK,iBAAc;EACjC,IAAAC,UAAM,OAAeN,eAAY,CAAAO,aAAA;EAEjC,IAAAC,WAAc,KAAMF,UAAA,CAAAG,SAAA;EAClB,IAAAC,KAAA,GAAQ,SAAQC,MAAKA,CAAA;IACvBT,OAAA,CAAAU,OAAA;EACA;EACE,IAAAC,IAAA,GAAQ,SAAQC,KAAIA,CAAA;IACtBZ,OAAA,CAAAU,OAAA;EAQA;EACE,IAAAG,UAAM,YAAYC,WAAcA,CAAAC,EAAA;IAChC,IAAAC,SAAM,GAAsBV,WAAW,GAAAV,iBAAY,CAAAqB,MAAA,CAAAC,OAAA,GAAAtB,iBAAA,CAAAqB,MAAA,CAAAE,UAAA;IACnD,IAAAC,KAAM,GAAM;MAEZb,SAAI,EAASD;IACb;IACE,IAAAe,GAAA,GAAAnB,OAAS,CAAAoB,GAAA,CAAAP,EAAA;IACT,IAAAQ,MAAQ,GAAAR,EAAI;IACd,KAAAM,GAAA,IAAAA,GAAA,CAAAG,aAAA,KAAAH,GAAA,CAAAG,aAAA,CAAAJ,KAAA;MAEAG,MAAQ,GAAAP,SAAS;MACjBhB,OAAK,CAAAyB,GAAA,UAAAV,EAAA,8CAAAQ,MAAA;IACP;IAEAvB,OAAO,CAAA0B,QAAA,CAAAH,MAAA;IACLZ,IAAA,EAAM;EAAQ;EAEZ;IACEA,IAAA,EAAAX,OAAA,CAAAW,IAAW;IAAgDD,OAC7D,EAAO,SAAAA,QAAAiB,IAAA;MACL,IAAAA,IAAM;QACRd,UAAA,CAAAP,WAAA,GAAAV,iBAAA,CAAAqB,MAAA,CAAAC,OAAA,GAAAtB,iBAAA,CAAAqB,MAAA,CAAAE,UAAA;MACF;QACAX,KAAA;MACF;IACF","ignoreList":[]}