@tamagui/use-keyboard-visible 2.7.7 → 3.0.0-beta.1097.1

package/dist/cjs/index.cjs

@@ -3,26 +3,22 @@ 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
-  });
+	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;
+	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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
-__export(index_exports, {
-  useKeyboardVisible: () => import_useKeyboardVisible.useKeyboardVisible
-});
+__export(index_exports, { useKeyboardVisible: () => import_useKeyboardVisible.useKeyboardVisible });
 module.exports = __toCommonJS(index_exports);
-var import_useKeyboardVisible = require("./useKeyboardVisible.cjs");
+var import_useKeyboardVisible = require("./useKeyboardVisible.cjs");

package/dist/cjs/index.native.cjs

@@ -0,0 +1,26 @@
+"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 index_exports = {};
+__export(index_exports, { useKeyboardVisible: () => import_useKeyboardVisible.useKeyboardVisible });
+module.exports = __toCommonJS(index_exports);
+var import_useKeyboardVisible = require("./useKeyboardVisible.native.js");

package/dist/cjs/index.native.js

@@ -5,27 +5,24 @@ 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
-  });
+	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;
+	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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
-__export(index_exports, {
-  useKeyboardVisible: () => import_useKeyboardVisible.useKeyboardVisible
-});
+__export(index_exports, { useKeyboardVisible: () => import_useKeyboardVisible.useKeyboardVisible });
 module.exports = __toCommonJS(index_exports);
 var import_useKeyboardVisible = require("./useKeyboardVisible.native.js");
+
 //# sourceMappingURL=index.native.js.map

package/dist/cjs/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","useKeyboardVisible","import_useKeyboardVisible","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAC,yBAAA,CAAAD;AAAA;AAAAE,MAAA,CAAAC,OAAA,GAAAV,YAAA,CAAAK,aAAmC","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":[],"sources":["cjs/index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\n__export(index_exports, {\n  useKeyboardVisible: () => import_useKeyboardVisible.useKeyboardVisible\n});\nmodule.exports = __toCommonJS(index_exports);\nvar import_useKeyboardVisible = require(\"./useKeyboardVisible\");\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gBAAgB,CAAC;AACrB,SAAS,eAAe,EACtB,0BAA0B,0BAA0B,mBACtD,CAAC;AACD,OAAO,UAAU,aAAa,aAAa;AAC3C,IAAI,4BAA4B,QAAQ,gCAAsB"}

package/dist/cjs/useKeyboardVisible.cjs

@@ -5,52 +5,44 @@ 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
-  });
+	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;
+	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
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useKeyboardVisible_exports = {};
-__export(useKeyboardVisible_exports, {
-  useKeyboardVisible: () => useKeyboardVisible
-});
+__export(useKeyboardVisible_exports, { useKeyboardVisible: () => useKeyboardVisible });
 module.exports = __toCommonJS(useKeyboardVisible_exports);
 var import_react = __toESM(require("react"), 1);
-var import_react_native = require("react-native-web");
+const KEYBOARD_MIN_HEIGHT = 150;
+const isKeyboardOpen = () => {
+	const viewport = window.visualViewport;
+	if (!viewport) return false;
+	return document.documentElement.clientHeight - viewport.height > KEYBOARD_MIN_HEIGHT;
+};
 const useKeyboardVisible = () => {
-  const [isKeyboardVisible, setKeyboardVisible] = import_react.default.useState(false);
-  import_react.default.useEffect(() => {
-    const keyboardDidShowListener = import_react_native.Keyboard.addListener("keyboardDidShow", () => {
-      setKeyboardVisible(true);
-    });
-    const keyboardDidHideListener = import_react_native.Keyboard.addListener("keyboardDidHide", () => {
-      setKeyboardVisible(false);
-    });
-    return () => {
-      keyboardDidHideListener.remove();
-      keyboardDidShowListener.remove();
-    };
-  }, []);
-  return isKeyboardVisible;
-};
+	const [isKeyboardVisible, setKeyboardVisible] = import_react.default.useState(false);
+	import_react.default.useEffect(() => {
+		const viewport = window.visualViewport;
+		if (!viewport) return;
+		const update = () => setKeyboardVisible(isKeyboardOpen());
+		update();
+		viewport.addEventListener("resize", update);
+		return () => viewport.removeEventListener("resize", update);
+	}, []);
+	return isKeyboardVisible;
+};

package/dist/cjs/useKeyboardVisible.native.cjs

@@ -0,0 +1,49 @@
+"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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useKeyboardVisible_native_exports = {};
+__export(useKeyboardVisible_native_exports, { useKeyboardVisible: () => useKeyboardVisible });
+module.exports = __toCommonJS(useKeyboardVisible_native_exports);
+var import_react = __toESM(require("react"), 1);
+var import_react_native = require("react-native");
+var useKeyboardVisible = function() {
+	var [isKeyboardVisible, setKeyboardVisible] = import_react.default.useState(false);
+	import_react.default.useEffect(function() {
+		var keyboardDidShowListener = import_react_native.Keyboard.addListener("keyboardDidShow", function() {
+			setKeyboardVisible(true);
+		});
+		var keyboardDidHideListener = import_react_native.Keyboard.addListener("keyboardDidHide", function() {
+			setKeyboardVisible(false);
+		});
+		return function() {
+			keyboardDidHideListener.remove();
+			keyboardDidShowListener.remove();
+		};
+	}, []);
+	return isKeyboardVisible;
+};

package/dist/cjs/useKeyboardVisible.native.js

@@ -7,53 +7,45 @@ 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
-  });
+	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;
+	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
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var useKeyboardVisible_exports = {};
-__export(useKeyboardVisible_exports, {
-  useKeyboardVisible: () => useKeyboardVisible
-});
-module.exports = __toCommonJS(useKeyboardVisible_exports);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useKeyboardVisible_native_exports = {};
+__export(useKeyboardVisible_native_exports, { useKeyboardVisible: () => useKeyboardVisible });
+module.exports = __toCommonJS(useKeyboardVisible_native_exports);
 var import_react = __toESM(require("react"), 1);
 var import_react_native = require("react-native");
-var useKeyboardVisible = function () {
-  var [isKeyboardVisible, setKeyboardVisible] = import_react.default.useState(false);
-  import_react.default.useEffect(function () {
-    var keyboardDidShowListener = import_react_native.Keyboard.addListener("keyboardDidShow", function () {
-      setKeyboardVisible(true);
-    });
-    var keyboardDidHideListener = import_react_native.Keyboard.addListener("keyboardDidHide", function () {
-      setKeyboardVisible(false);
-    });
-    return function () {
-      keyboardDidHideListener.remove();
-      keyboardDidShowListener.remove();
-    };
-  }, []);
-  return isKeyboardVisible;
+var useKeyboardVisible = function() {
+	var [isKeyboardVisible, setKeyboardVisible] = import_react.default.useState(false);
+	import_react.default.useEffect(function() {
+		var keyboardDidShowListener = import_react_native.Keyboard.addListener("keyboardDidShow", function() {
+			setKeyboardVisible(true);
+		});
+		var keyboardDidHideListener = import_react_native.Keyboard.addListener("keyboardDidHide", function() {
+			setKeyboardVisible(false);
+		});
+		return function() {
+			keyboardDidHideListener.remove();
+			keyboardDidShowListener.remove();
+		};
+	}, []);
+	return isKeyboardVisible;
 };
+
 //# sourceMappingURL=useKeyboardVisible.native.js.map

package/dist/cjs/useKeyboardVisible.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useKeyboardVisible_exports","__export","useKeyboardVisible","module","exports","import_react","__toESM","require","import_react_native","isKeyboardVisible","setKeyboardVisible","default","useState","useEffect","keyboardDidShowListener","Keyboard","addListener","keyboardDidHideListener","remove"],"sources":["../../src/useKeyboardVisible.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,0BAAA;AAClB,IAAAK,YAAA,GAAAC,OAAyB,CAAAC,OAAA;AAElB,IAAAC,mBAAM,GAAAD,OAAoC;AAC/C,IAAAL,kBAAO,YAAAA,CAAA,EAAmB;EAE1B,KAAAO,iBAAM,EAAAC,kBAAgB,IAAAL,YAAA,CAAAM,OAAA,CAAAC,QAAA;EACpBP,YAAM,CAAAM,OAAA,CAAAE,SAAA,aAA0B;IAC9B,IAAAC,uBAAuB,GAAAN,mBAAA,CAAAO,QAAA,CAAAC,WAAA;MACxBN,kBAAA;IACD;IACE,IAAAO,uBAAwB,GAAAT,mBAAA,CAAAO,QAAA,CAAAC,WAAA;MACzBN,kBAAA;IAED;IACE;MACAO,uBAAA,CAAwBC,MAAA,CAAO;MACjCJ,uBAAA,CAAAI,MAAA;IACF,CAAG;EAEH;EACF,OAAAT,iBAAA","ignoreList":[]}
+{"version":3,"file":"useKeyboardVisible.native.js","names":[],"sources":["cjs/useKeyboardVisible.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useKeyboardVisible_native_exports = {};\n__export(useKeyboardVisible_native_exports, {\n  useKeyboardVisible: () => useKeyboardVisible\n});\nmodule.exports = __toCommonJS(useKeyboardVisible_native_exports);\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_react_native = require(\"react-native\");\nvar useKeyboardVisible = function() {\n  var [isKeyboardVisible, setKeyboardVisible] = import_react.default.useState(false);\n  import_react.default.useEffect(function() {\n    var keyboardDidShowListener = import_react_native.Keyboard.addListener(\"keyboardDidShow\", function() {\n      setKeyboardVisible(true);\n    });\n    var keyboardDidHideListener = import_react_native.Keyboard.addListener(\"keyboardDidHide\", function() {\n      setKeyboardVisible(false);\n    });\n    return function() {\n      keyboardDidHideListener.remove();\n      keyboardDidShowListener.remove();\n    };\n  }, []);\n  return isKeyboardVisible;\n};\n//# sourceMappingURL=useKeyboardVisible.native.js.map\n"],"mappings":";;;AACA,IAAI,WAAW,OAAO;AACtB,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO;AAC1B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,WAAW,KAAK,YAAY,YAAY,SAAS,OAAO,OAAO,SAAS,aAAa,GAAG,CAAC,IAAI,CAAC,GAAG,YAKnG,cAAc,CAAC,OAAO,CAAC,IAAI,aAAa,UAAU,QAAQ,WAAW;CAAE,OAAO;CAAK,YAAY;AAAK,CAAC,IAAI,QACzG,GACF;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,oCAAoC,CAAC;AACzC,SAAS,mCAAmC,EAC1C,0BAA0B,mBAC5B,CAAC;AACD,OAAO,UAAU,aAAa,iCAAiC;AAC/D,IAAI,eAAe,QAAQ,QAAQ,OAAO,GAAG,CAAC;AAC9C,IAAI,sBAAsB,QAAQ,cAAc;AAChD,IAAI,qBAAqB,WAAW;CAClC,IAAI,CAAC,mBAAmB,sBAAsB,aAAa,QAAQ,SAAS,KAAK;CACjF,aAAa,QAAQ,UAAU,WAAW;EACxC,IAAI,0BAA0B,oBAAoB,SAAS,YAAY,mBAAmB,WAAW;GACnG,mBAAmB,IAAI;EACzB,CAAC;EACD,IAAI,0BAA0B,oBAAoB,SAAS,YAAY,mBAAmB,WAAW;GACnG,mBAAmB,KAAK;EAC1B,CAAC;EACD,OAAO,WAAW;GAChB,wBAAwB,OAAO;GAC/B,wBAAwB,OAAO;EACjC;CACF,GAAG,CAAC,CAAC;CACL,OAAO;AACT"}

package/dist/esm/index.js

@@ -1,3 +1,3 @@
 import { useKeyboardVisible } from "./useKeyboardVisible.mjs";
-export { useKeyboardVisible };
-//# sourceMappingURL=index.js.map
+
+export { useKeyboardVisible };

package/dist/esm/index.mjs

@@ -1,3 +1,3 @@
 import { useKeyboardVisible } from "./useKeyboardVisible.mjs";
-export { useKeyboardVisible };
-//# sourceMappingURL=index.mjs.map
+
+export { useKeyboardVisible };

package/dist/esm/index.native.js

@@ -1,3 +1,3 @@
 import { useKeyboardVisible } from "./useKeyboardVisible.native.js";
-export { useKeyboardVisible };
-//# sourceMappingURL=index.native.js.map
+
+export { useKeyboardVisible };

package/dist/esm/useKeyboardVisible.mjs

@@ -1,20 +1,23 @@
 import React from "react";
-import { Keyboard } from "react-native-web";
+
+const KEYBOARD_MIN_HEIGHT = 150;
+const isKeyboardOpen = () => {
+	const viewport = window.visualViewport;
+	if (!viewport) return false;
+	return document.documentElement.clientHeight - viewport.height > KEYBOARD_MIN_HEIGHT;
+};
 const useKeyboardVisible = () => {
-  const [isKeyboardVisible, setKeyboardVisible] = React.useState(false);
-  React.useEffect(() => {
-    const keyboardDidShowListener = Keyboard.addListener("keyboardDidShow", () => {
-      setKeyboardVisible(true);
-    });
-    const keyboardDidHideListener = Keyboard.addListener("keyboardDidHide", () => {
-      setKeyboardVisible(false);
-    });
-    return () => {
-      keyboardDidHideListener.remove();
-      keyboardDidShowListener.remove();
-    };
-  }, []);
-  return isKeyboardVisible;
+	const [isKeyboardVisible, setKeyboardVisible] = React.useState(false);
+	React.useEffect(() => {
+		const viewport = window.visualViewport;
+		if (!viewport) return;
+		const update = () => setKeyboardVisible(isKeyboardOpen());
+		update();
+		viewport.addEventListener("resize", update);
+		return () => viewport.removeEventListener("resize", update);
+	}, []);
+	return isKeyboardVisible;
 };
+
 export { useKeyboardVisible };
 //# sourceMappingURL=useKeyboardVisible.mjs.map

package/dist/esm/useKeyboardVisible.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","Keyboard","useKeyboardVisible","isKeyboardVisible","setKeyboardVisible","useState","useEffect","keyboardDidShowListener","addListener","keyboardDidHideListener","remove"],"sources":["../../src/useKeyboardVisible.ts"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,QAAA,QAAgB;AAElB,MAAMC,kBAAA,GAAqBA,CAAA,KAAe;EAC/C,MAAM,CAACC,iBAAA,EAAmBC,kBAAkB,IAAIJ,KAAA,CAAMK,QAAA,CAAS,KAAK;EAEpEL,KAAA,CAAMM,SAAA,CAAU,MAAM;IACpB,MAAMC,uBAAA,GAA0BN,QAAA,CAASO,WAAA,CAAY,mBAAmB,MAAM;MAC5EJ,kBAAA,CAAmB,IAAI;IACzB,CAAC;IACD,MAAMK,uBAAA,GAA0BR,QAAA,CAASO,WAAA,CAAY,mBAAmB,MAAM;MAC5EJ,kBAAA,CAAmB,KAAK;IAC1B,CAAC;IAED,OAAO,MAAM;MACXK,uBAAA,CAAwBC,MAAA,CAAO;MAC/BH,uBAAA,CAAwBG,MAAA,CAAO;IACjC;EACF,GAAG,EAAE;EAEL,OAAOP,iBAAA;AACT","ignoreList":[]}
+{"version":3,"file":"useKeyboardVisible.js","names":[],"sources":["esm/useKeyboardVisible.js"],"sourcesContent":["import React from \"react\";\nconst KEYBOARD_MIN_HEIGHT = 150;\nconst isKeyboardOpen = () => {\n  const viewport = window.visualViewport;\n  if (!viewport) return false;\n  return document.documentElement.clientHeight - viewport.height > KEYBOARD_MIN_HEIGHT;\n};\nconst useKeyboardVisible = () => {\n  const [isKeyboardVisible, setKeyboardVisible] = React.useState(false);\n  React.useEffect(() => {\n    const viewport = window.visualViewport;\n    if (!viewport) return;\n    const update = () => setKeyboardVisible(isKeyboardOpen());\n    update();\n    viewport.addEventListener(\"resize\", update);\n    return () => viewport.removeEventListener(\"resize\", update);\n  }, []);\n  return isKeyboardVisible;\n};\nexport {\n  useKeyboardVisible\n};\n//# sourceMappingURL=useKeyboardVisible.js.map\n"],"mappings":";;;AACA,MAAM,sBAAsB;AAC5B,MAAM,uBAAuB;CAC3B,MAAM,WAAW,OAAO;CACxB,IAAI,CAAC,UAAU,OAAO;CACtB,OAAO,SAAS,gBAAgB,eAAe,SAAS,SAAS;AACnE;AACA,MAAM,2BAA2B;CAC/B,MAAM,CAAC,mBAAmB,sBAAsB,MAAM,SAAS,KAAK;CACpE,MAAM,gBAAgB;EACpB,MAAM,WAAW,OAAO;EACxB,IAAI,CAAC,UAAU;EACf,MAAM,eAAe,mBAAmB,eAAe,CAAC;EACxD,OAAO;EACP,SAAS,iBAAiB,UAAU,MAAM;EAC1C,aAAa,SAAS,oBAAoB,UAAU,MAAM;CAC5D,GAAG,CAAC,CAAC;CACL,OAAO;AACT"}

package/dist/esm/useKeyboardVisible.native.js

@@ -1,20 +1,22 @@
 import React from "react";
 import { Keyboard } from "react-native";
-var useKeyboardVisible = function () {
-  var [isKeyboardVisible, setKeyboardVisible] = React.useState(false);
-  React.useEffect(function () {
-    var keyboardDidShowListener = Keyboard.addListener("keyboardDidShow", function () {
-      setKeyboardVisible(true);
-    });
-    var keyboardDidHideListener = Keyboard.addListener("keyboardDidHide", function () {
-      setKeyboardVisible(false);
-    });
-    return function () {
-      keyboardDidHideListener.remove();
-      keyboardDidShowListener.remove();
-    };
-  }, []);
-  return isKeyboardVisible;
+
+var useKeyboardVisible = function() {
+	var [isKeyboardVisible, setKeyboardVisible] = React.useState(false);
+	React.useEffect(function() {
+		var keyboardDidShowListener = Keyboard.addListener("keyboardDidShow", function() {
+			setKeyboardVisible(true);
+		});
+		var keyboardDidHideListener = Keyboard.addListener("keyboardDidHide", function() {
+			setKeyboardVisible(false);
+		});
+		return function() {
+			keyboardDidHideListener.remove();
+			keyboardDidShowListener.remove();
+		};
+	}, []);
+	return isKeyboardVisible;
 };
+
 export { useKeyboardVisible };
 //# sourceMappingURL=useKeyboardVisible.native.js.map

package/dist/esm/useKeyboardVisible.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Keyboard","useKeyboardVisible","isKeyboardVisible","setKeyboardVisible","useState","useEffect","keyboardDidShowListener","addListener","keyboardDidHideListener","remove"],"sources":["../../src/useKeyboardVisible.ts"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,QAAA,QAAgB;AAElB,IAAAC,kBAAM,YAAAA,CAAA,EAAoC;EAC/C,KAAAC,iBAAO,EAAAC,kBAAmB,IAAkBJ,KAAI,CAAAK,QAAM,MAAS;EAE/DL,KAAA,CAAMM,SAAA,CAAU,YAAM;IACpB,IAAAC,uBAAM,GAAAN,QAA0B,CAAAO,WAAS,kBAAY,cAAyB;MAC5EJ,kBAAA,CAAmB,IAAI;IACzB,CAAC;IACD,IAAAK,uBAAM,GAAAR,QAA0B,CAAAO,WAAS,kBAAY,cAAyB;MAC5EJ,kBAAA,CAAmB,KAAK;IAC1B,CAAC;IAED,OAAO,YAAM;MACXK,uBAAA,CAAwBC,MAAA,CAAO;MAC/BH,uBAAA,CAAwBG,MAAA,CAAO;IACjC;EACF,GAAG,EAAE;EAEL,OAAOP,iBAAA;AACT","ignoreList":[]}
+{"version":3,"file":"useKeyboardVisible.native.js","names":[],"sources":["esm/useKeyboardVisible.native.js"],"sourcesContent":["import React from \"react\";\nimport { Keyboard } from \"react-native\";\nvar useKeyboardVisible = function() {\n  var [isKeyboardVisible, setKeyboardVisible] = React.useState(false);\n  React.useEffect(function() {\n    var keyboardDidShowListener = Keyboard.addListener(\"keyboardDidShow\", function() {\n      setKeyboardVisible(true);\n    });\n    var keyboardDidHideListener = Keyboard.addListener(\"keyboardDidHide\", function() {\n      setKeyboardVisible(false);\n    });\n    return function() {\n      keyboardDidHideListener.remove();\n      keyboardDidShowListener.remove();\n    };\n  }, []);\n  return isKeyboardVisible;\n};\nexport {\n  useKeyboardVisible\n};\n//# sourceMappingURL=useKeyboardVisible.native.js.map\n"],"mappings":";;;;AAEA,IAAI,qBAAqB,WAAW;CAClC,IAAI,CAAC,mBAAmB,sBAAsB,MAAM,SAAS,KAAK;CAClE,MAAM,UAAU,WAAW;EACzB,IAAI,0BAA0B,SAAS,YAAY,mBAAmB,WAAW;GAC/E,mBAAmB,IAAI;EACzB,CAAC;EACD,IAAI,0BAA0B,SAAS,YAAY,mBAAmB,WAAW;GAC/E,mBAAmB,KAAK;EAC1B,CAAC;EACD,OAAO,WAAW;GAChB,wBAAwB,OAAO;GAC/B,wBAAwB,OAAO;EACjC;CACF,GAAG,CAAC,CAAC;CACL,OAAO;AACT"}

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@tamagui/use-keyboard-visible",
-  "version": "2.7.7",
+  "version": "3.0.0-beta.1097.1",
+  "license": "MIT",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "files": [
     "src",
@@ -34,12 +35,13 @@
     "clean:build": "tamagui-build clean:build"
   },
   "devDependencies": {
-    "@tamagui/build": "2.7.7",
-    "react": ">=19",
-    "react-native": "0.83.2"
+    "@tamagui/build": "3.0.0-beta.1097.1",
+    "react": "19.2.3",
+    "react-native": "0.86.2"
   },
   "peerDependencies": {
-    "react": ">=19"
+    "react": ">=19",
+    "react-native-web": "*"
   },
   "repository": {
     "type": "git",

package/src/useKeyboardVisible.native.ts

@@ -0,0 +1,22 @@
+import React from 'react'
+import { Keyboard } from 'react-native'
+
+export const useKeyboardVisible = (): boolean => {
+  const [isKeyboardVisible, setKeyboardVisible] = React.useState(false)
+
+  React.useEffect(() => {
+    const keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', () => {
+      setKeyboardVisible(true)
+    })
+    const keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', () => {
+      setKeyboardVisible(false)
+    })
+
+    return () => {
+      keyboardDidHideListener.remove()
+      keyboardDidShowListener.remove()
+    }
+  }, [])
+
+  return isKeyboardVisible
+}

package/src/useKeyboardVisible.ts

@@ -1,21 +1,34 @@
 import React from 'react'
-import { Keyboard } from 'react-native'
+
+/**
+ * On mobile web the soft keyboard is not an event, it is a shrunken visual
+ * viewport: the layout viewport stays put and `visualViewport.height` drops by
+ * the height of the keyboard. Anything smaller than that is a scroll or a
+ * pinch, hence the threshold.
+ *
+ * Desktop browsers never shrink it, so this stays false there, which is what
+ * the react-native version reported on web before this file existed.
+ */
+const KEYBOARD_MIN_HEIGHT = 150
+
+const isKeyboardOpen = () => {
+  const viewport = window.visualViewport
+  if (!viewport) return false
+  return document.documentElement.clientHeight - viewport.height > KEYBOARD_MIN_HEIGHT
+}
 
 export const useKeyboardVisible = (): boolean => {
   const [isKeyboardVisible, setKeyboardVisible] = React.useState(false)
 
   React.useEffect(() => {
-    const keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', () => {
-      setKeyboardVisible(true)
-    })
-    const keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', () => {
-      setKeyboardVisible(false)
-    })
+    const viewport = window.visualViewport
+    if (!viewport) return
+
+    const update = () => setKeyboardVisible(isKeyboardOpen())
+    update()
 
-    return () => {
-      keyboardDidHideListener.remove()
-      keyboardDidShowListener.remove()
-    }
+    viewport.addEventListener('resize', update)
+    return () => viewport.removeEventListener('resize', update)
   }, [])
 
   return isKeyboardVisible

package/types/useKeyboardVisible.d.ts.map

@@ -1,11 +1,11 @@
 {
-  "mappings": "AAGA,OAAO,cAAM",
+  "mappings": "AAmBA,OAAO,cAAM",
   "names": [],
   "sources": [
     "src/useKeyboardVisible.ts"
   ],
   "version": 3,
   "sourcesContent": [
-    "import React from 'react'\nimport { Keyboard } from 'react-native'\n\nexport const useKeyboardVisible = (): boolean => {\n  const [isKeyboardVisible, setKeyboardVisible] = React.useState(false)\n\n  React.useEffect(() => {\n    const keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', () => {\n      setKeyboardVisible(true)\n    })\n    const keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', () => {\n      setKeyboardVisible(false)\n    })\n\n    return () => {\n      keyboardDidHideListener.remove()\n      keyboardDidShowListener.remove()\n    }\n  }, [])\n\n  return isKeyboardVisible\n}\n"
+    "import React from 'react'\n\n/**\n * On mobile web the soft keyboard is not an event, it is a shrunken visual\n * viewport: the layout viewport stays put and `visualViewport.height` drops by\n * the height of the keyboard. Anything smaller than that is a scroll or a\n * pinch, hence the threshold.\n *\n * Desktop browsers never shrink it, so this stays false there, which is what\n * the react-native version reported on web before this file existed.\n */\nconst KEYBOARD_MIN_HEIGHT = 150\n\nconst isKeyboardOpen = () => {\n  const viewport = window.visualViewport\n  if (!viewport) return false\n  return document.documentElement.clientHeight - viewport.height > KEYBOARD_MIN_HEIGHT\n}\n\nexport const useKeyboardVisible = (): boolean => {\n  const [isKeyboardVisible, setKeyboardVisible] = React.useState(false)\n\n  React.useEffect(() => {\n    const viewport = window.visualViewport\n    if (!viewport) return\n\n    const update = () => setKeyboardVisible(isKeyboardOpen())\n    update()\n\n    viewport.addEventListener('resize', update)\n    return () => viewport.removeEventListener('resize', update)\n  }, [])\n\n  return isKeyboardVisible\n}\n"
   ]
 }

package/types/useKeyboardVisible.native.d.ts

@@ -0,0 +1,3 @@
+export declare const useKeyboardVisible: () => boolean;
+
+//# sourceMappingURL=useKeyboardVisible.native.d.ts.map

package/types/useKeyboardVisible.native.d.ts.map

@@ -0,0 +1,11 @@
+{
+  "mappings": "AAGA,OAAO,cAAM",
+  "names": [],
+  "sources": [
+    "src/useKeyboardVisible.native.ts"
+  ],
+  "version": 3,
+  "sourcesContent": [
+    "import React from 'react'\nimport { Keyboard } from 'react-native'\n\nexport const useKeyboardVisible = (): boolean => {\n  const [isKeyboardVisible, setKeyboardVisible] = React.useState(false)\n\n  React.useEffect(() => {\n    const keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', () => {\n      setKeyboardVisible(true)\n    })\n    const keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', () => {\n      setKeyboardVisible(false)\n    })\n\n    return () => {\n      keyboardDidHideListener.remove()\n      keyboardDidShowListener.remove()\n    }\n  }, [])\n\n  return isKeyboardVisible\n}\n"
+  ]
+}

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useKeyboardVisible"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,kBAAA,QAA0B","ignoreList":[]}

package/dist/esm/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["useKeyboardVisible"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,kBAAA,QAA0B","ignoreList":[]}

package/dist/esm/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useKeyboardVisible"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,kBAAA,QAA0B","ignoreList":[]}