@tamagui/remove-scroll 2.7.7 → 3.0.0-beta.1091.1

package/dist/jsx/useDisableScroll.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","canUseDOM","window","document","createElement","refCount","savedScrollY","previousStyles","isIOSSafari","navigator","ua","userAgent","isIOS","test","platform","maxTouchPoints","isSafari","useDisableBodyScroll","enabled","wasEnabled","current","html","documentElement","body","scrollY","htmlOverflow","style","overflow","htmlScrollbarGutter","scrollbarGutter","bodyPosition","position","bodyTop","top","bodyWidth","width","bodyOverflow","bodyOverscrollBehavior","overscrollBehavior","scrollTo"],"sources":["../../src/useDisableScroll.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useDisableScroll.js","names":[],"sources":["jsx/useDisableScroll.js"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nconst canUseDOM = () => typeof window !== \"undefined\" && !!window.document && !!window.document.createElement;\nlet refCount = 0;\nlet savedScrollY = 0;\nlet previousStyles = null;\nfunction isIOSSafari() {\n  if (typeof navigator === \"undefined\") return false;\n  const ua = navigator.userAgent;\n  const isIOS = /iPad|iPhone|iPod/.test(ua) || navigator.platform === \"MacIntel\" && navigator.maxTouchPoints > 1;\n  const isSafari = /^((?!chrome|android).)*safari/i.test(ua);\n  return isIOS && isSafari;\n}\nconst useDisableBodyScroll = (enabled) => {\n  const wasEnabled = useRef(false);\n  useEffect(() => {\n    if (!canUseDOM()) {\n      return;\n    }\n    if (enabled && !wasEnabled.current) {\n      wasEnabled.current = true;\n      if (++refCount === 1) {\n        const html = document.documentElement;\n        const body = document.body;\n        savedScrollY = window.scrollY;\n        previousStyles = {\n          htmlOverflow: html.style.overflow,\n          htmlScrollbarGutter: html.style.scrollbarGutter,\n          bodyPosition: body.style.position,\n          bodyTop: body.style.top,\n          bodyWidth: body.style.width,\n          bodyOverflow: body.style.overflow,\n          bodyOverscrollBehavior: body.style.overscrollBehavior\n        };\n        if (window.innerWidth > html.clientWidth) {\n          html.style.scrollbarGutter = \"stable\";\n        }\n        html.style.overflow = \"hidden\";\n        body.style.overscrollBehavior = \"none\";\n        if (isIOSSafari()) {\n          body.style.position = \"fixed\";\n          body.style.top = `-${savedScrollY}px`;\n          body.style.width = \"100%\";\n          body.style.overflow = \"hidden\";\n        }\n      }\n    } else if (!enabled && wasEnabled.current) {\n      wasEnabled.current = false;\n      if (--refCount === 0 && previousStyles) {\n        const html = document.documentElement;\n        const body = document.body;\n        html.style.overflow = previousStyles.htmlOverflow;\n        html.style.scrollbarGutter = previousStyles.htmlScrollbarGutter;\n        body.style.position = previousStyles.bodyPosition;\n        body.style.top = previousStyles.bodyTop;\n        body.style.width = previousStyles.bodyWidth;\n        body.style.overflow = previousStyles.bodyOverflow;\n        body.style.overscrollBehavior = previousStyles.bodyOverscrollBehavior;\n        if (savedScrollY > 0) {\n          window.scrollTo(0, savedScrollY);\n        }\n        previousStyles = null;\n        savedScrollY = 0;\n      }\n    }\n  }, [enabled]);\n  useEffect(() => {\n    return () => {\n      if (wasEnabled.current) {\n        wasEnabled.current = false;\n        if (--refCount === 0 && previousStyles) {\n          const html = document.documentElement;\n          const body = document.body;\n          html.style.overflow = previousStyles.htmlOverflow;\n          html.style.scrollbarGutter = previousStyles.htmlScrollbarGutter;\n          body.style.position = previousStyles.bodyPosition;\n          body.style.top = previousStyles.bodyTop;\n          body.style.width = previousStyles.bodyWidth;\n          body.style.overflow = previousStyles.bodyOverflow;\n          body.style.overscrollBehavior = previousStyles.bodyOverscrollBehavior;\n          if (savedScrollY > 0) {\n            window.scrollTo(0, savedScrollY);\n          }\n          previousStyles = null;\n          savedScrollY = 0;\n        }\n      }\n    };\n  }, []);\n};\nexport {\n  useDisableBodyScroll\n};\n//# sourceMappingURL=useDisableScroll.js.map\n"],"mappings":";;;AACA,MAAM,kBAAkB,OAAO,WAAW,eAAe,CAAC,CAAC,OAAO,YAAY,CAAC,CAAC,OAAO,SAAS;AAChG,IAAI,WAAW;AACf,IAAI,eAAe;AACnB,IAAI,iBAAiB;AACrB,SAAS,cAAc;CACrB,IAAI,OAAO,cAAc,aAAa,OAAO;CAC7C,MAAM,KAAK,UAAU;CACrB,MAAM,QAAQ,mBAAmB,KAAK,EAAE,KAAK,UAAU,aAAa,cAAc,UAAU,iBAAiB;CAC7G,MAAM,WAAW,iCAAiC,KAAK,EAAE;CACzD,OAAO,SAAS;AAClB;AACA,MAAM,wBAAwB,YAAY;CACxC,MAAM,aAAa,OAAO,KAAK;CAC/B,gBAAgB;EACd,IAAI,CAAC,UAAU,GAAG;GAChB;EACF;EACA,IAAI,WAAW,CAAC,WAAW,SAAS;GAClC,WAAW,UAAU;GACrB,IAAI,EAAE,aAAa,GAAG;IACpB,MAAM,OAAO,SAAS;IACtB,MAAM,OAAO,SAAS;IACtB,eAAe,OAAO;IACtB,iBAAiB;KACf,cAAc,KAAK,MAAM;KACzB,qBAAqB,KAAK,MAAM;KAChC,cAAc,KAAK,MAAM;KACzB,SAAS,KAAK,MAAM;KACpB,WAAW,KAAK,MAAM;KACtB,cAAc,KAAK,MAAM;KACzB,wBAAwB,KAAK,MAAM;IACrC;IACA,IAAI,OAAO,aAAa,KAAK,aAAa;KACxC,KAAK,MAAM,kBAAkB;IAC/B;IACA,KAAK,MAAM,WAAW;IACtB,KAAK,MAAM,qBAAqB;IAChC,IAAI,YAAY,GAAG;KACjB,KAAK,MAAM,WAAW;KACtB,KAAK,MAAM,MAAM,IAAI,aAAa;KAClC,KAAK,MAAM,QAAQ;KACnB,KAAK,MAAM,WAAW;IACxB;GACF;EACF,OAAO,IAAI,CAAC,WAAW,WAAW,SAAS;GACzC,WAAW,UAAU;GACrB,IAAI,EAAE,aAAa,KAAK,gBAAgB;IACtC,MAAM,OAAO,SAAS;IACtB,MAAM,OAAO,SAAS;IACtB,KAAK,MAAM,WAAW,eAAe;IACrC,KAAK,MAAM,kBAAkB,eAAe;IAC5C,KAAK,MAAM,WAAW,eAAe;IACrC,KAAK,MAAM,MAAM,eAAe;IAChC,KAAK,MAAM,QAAQ,eAAe;IAClC,KAAK,MAAM,WAAW,eAAe;IACrC,KAAK,MAAM,qBAAqB,eAAe;IAC/C,IAAI,eAAe,GAAG;KACpB,OAAO,SAAS,GAAG,YAAY;IACjC;IACA,iBAAiB;IACjB,eAAe;GACjB;EACF;CACF,GAAG,CAAC,OAAO,CAAC;CACZ,gBAAgB;EACd,aAAa;GACX,IAAI,WAAW,SAAS;IACtB,WAAW,UAAU;IACrB,IAAI,EAAE,aAAa,KAAK,gBAAgB;KACtC,MAAM,OAAO,SAAS;KACtB,MAAM,OAAO,SAAS;KACtB,KAAK,MAAM,WAAW,eAAe;KACrC,KAAK,MAAM,kBAAkB,eAAe;KAC5C,KAAK,MAAM,WAAW,eAAe;KACrC,KAAK,MAAM,MAAM,eAAe;KAChC,KAAK,MAAM,QAAQ,eAAe;KAClC,KAAK,MAAM,WAAW,eAAe;KACrC,KAAK,MAAM,qBAAqB,eAAe;KAC/C,IAAI,eAAe,GAAG;MACpB,OAAO,SAAS,GAAG,YAAY;KACjC;KACA,iBAAiB;KACjB,eAAe;IACjB;GACF;EACF;CACF,GAAG,CAAC,CAAC;AACP"}

package/dist/jsx/useDisableScroll.native.cjs

@@ -0,0 +1,116 @@
+"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 useDisableScroll_exports = {};
+__export(useDisableScroll_exports, { useDisableBodyScroll: () => useDisableBodyScroll });
+module.exports = __toCommonJS(useDisableScroll_exports);
+var import_react = require("react");
+var canUseDOM = function() {
+	return typeof window !== "undefined" && !!window.document && !!window.document.createElement;
+};
+var refCount = 0;
+var savedScrollY = 0;
+var previousStyles = null;
+function isIOSSafari() {
+	if (typeof navigator === "undefined") return false;
+	var ua = navigator.userAgent;
+	var isIOS = /iPad|iPhone|iPod/.test(ua) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
+	var isSafari = /^((?!chrome|android).)*safari/i.test(ua);
+	return isIOS && isSafari;
+}
+var useDisableBodyScroll = function(enabled) {
+	var wasEnabled = (0, import_react.useRef)(false);
+	(0, import_react.useEffect)(function() {
+		if (!canUseDOM()) {
+			return;
+		}
+		if (enabled && !wasEnabled.current) {
+			wasEnabled.current = true;
+			if (++refCount === 1) {
+				var html = document.documentElement;
+				var body = document.body;
+				savedScrollY = window.scrollY;
+				previousStyles = {
+					htmlOverflow: html.style.overflow,
+					htmlScrollbarGutter: html.style.scrollbarGutter,
+					bodyPosition: body.style.position,
+					bodyTop: body.style.top,
+					bodyWidth: body.style.width,
+					bodyOverflow: body.style.overflow,
+					bodyOverscrollBehavior: body.style.overscrollBehavior
+				};
+				if (window.innerWidth > html.clientWidth) {
+					html.style.scrollbarGutter = "stable";
+				}
+				html.style.overflow = "hidden";
+				body.style.overscrollBehavior = "none";
+				if (isIOSSafari()) {
+					body.style.position = "fixed";
+					body.style.top = `-${savedScrollY}px`;
+					body.style.width = "100%";
+					body.style.overflow = "hidden";
+				}
+			}
+		} else if (!enabled && wasEnabled.current) {
+			wasEnabled.current = false;
+			if (--refCount === 0 && previousStyles) {
+				var html1 = document.documentElement;
+				var body1 = document.body;
+				html1.style.overflow = previousStyles.htmlOverflow;
+				html1.style.scrollbarGutter = previousStyles.htmlScrollbarGutter;
+				body1.style.position = previousStyles.bodyPosition;
+				body1.style.top = previousStyles.bodyTop;
+				body1.style.width = previousStyles.bodyWidth;
+				body1.style.overflow = previousStyles.bodyOverflow;
+				body1.style.overscrollBehavior = previousStyles.bodyOverscrollBehavior;
+				if (savedScrollY > 0) {
+					window.scrollTo(0, savedScrollY);
+				}
+				previousStyles = null;
+				savedScrollY = 0;
+			}
+		}
+	}, [enabled]);
+	(0, import_react.useEffect)(function() {
+		return function() {
+			if (wasEnabled.current) {
+				wasEnabled.current = false;
+				if (--refCount === 0 && previousStyles) {
+					var html = document.documentElement;
+					var body = document.body;
+					html.style.overflow = previousStyles.htmlOverflow;
+					html.style.scrollbarGutter = previousStyles.htmlScrollbarGutter;
+					body.style.position = previousStyles.bodyPosition;
+					body.style.top = previousStyles.bodyTop;
+					body.style.width = previousStyles.bodyWidth;
+					body.style.overflow = previousStyles.bodyOverflow;
+					body.style.overscrollBehavior = previousStyles.bodyOverscrollBehavior;
+					if (savedScrollY > 0) {
+						window.scrollTo(0, savedScrollY);
+					}
+					previousStyles = null;
+					savedScrollY = 0;
+				}
+			}
+		};
+	}, []);
+};

package/dist/jsx/useDisableScroll.native.js

@@ -5,115 +5,114 @@ 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 useDisableScroll_exports = {};
-__export(useDisableScroll_exports, {
-  useDisableBodyScroll: () => useDisableBodyScroll
-});
+__export(useDisableScroll_exports, { useDisableBodyScroll: () => useDisableBodyScroll });
 module.exports = __toCommonJS(useDisableScroll_exports);
 var import_react = require("react");
-var canUseDOM = function () {
-  return typeof window !== "undefined" && !!window.document && !!window.document.createElement;
+var canUseDOM = function() {
+	return typeof window !== "undefined" && !!window.document && !!window.document.createElement;
 };
 var refCount = 0;
 var savedScrollY = 0;
 var previousStyles = null;
 function isIOSSafari() {
-  if (typeof navigator === "undefined") return false;
-  var ua = navigator.userAgent;
-  var isIOS = /iPad|iPhone|iPod/.test(ua) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
-  var isSafari = /^((?!chrome|android).)*safari/i.test(ua);
-  return isIOS && isSafari;
+	if (typeof navigator === "undefined") return false;
+	var ua = navigator.userAgent;
+	var isIOS = /iPad|iPhone|iPod/.test(ua) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
+	var isSafari = /^((?!chrome|android).)*safari/i.test(ua);
+	return isIOS && isSafari;
 }
-var useDisableBodyScroll = function (enabled) {
-  var wasEnabled = (0, import_react.useRef)(false);
-  (0, import_react.useEffect)(function () {
-    if (!canUseDOM()) {
-      return;
-    }
-    if (enabled && !wasEnabled.current) {
-      wasEnabled.current = true;
-      if (++refCount === 1) {
-        var html = document.documentElement;
-        var body = document.body;
-        savedScrollY = window.scrollY;
-        previousStyles = {
-          htmlOverflow: html.style.overflow,
-          htmlScrollbarGutter: html.style.scrollbarGutter,
-          bodyPosition: body.style.position,
-          bodyTop: body.style.top,
-          bodyWidth: body.style.width,
-          bodyOverflow: body.style.overflow,
-          bodyOverscrollBehavior: body.style.overscrollBehavior
-        };
-        html.style.scrollbarGutter = "stable";
-        html.style.overflow = "hidden";
-        body.style.overscrollBehavior = "none";
-        if (isIOSSafari()) {
-          body.style.position = "fixed";
-          body.style.top = `-${savedScrollY}px`;
-          body.style.width = "100%";
-          body.style.overflow = "hidden";
-        }
-      }
-    } else if (!enabled && wasEnabled.current) {
-      wasEnabled.current = false;
-      if (--refCount === 0 && previousStyles) {
-        var html1 = document.documentElement;
-        var body1 = document.body;
-        html1.style.overflow = previousStyles.htmlOverflow;
-        html1.style.scrollbarGutter = previousStyles.htmlScrollbarGutter;
-        body1.style.position = previousStyles.bodyPosition;
-        body1.style.top = previousStyles.bodyTop;
-        body1.style.width = previousStyles.bodyWidth;
-        body1.style.overflow = previousStyles.bodyOverflow;
-        body1.style.overscrollBehavior = previousStyles.bodyOverscrollBehavior;
-        if (savedScrollY > 0) {
-          window.scrollTo(0, savedScrollY);
-        }
-        previousStyles = null;
-        savedScrollY = 0;
-      }
-    }
-  }, [enabled]);
-  (0, import_react.useEffect)(function () {
-    return function () {
-      if (wasEnabled.current) {
-        wasEnabled.current = false;
-        if (--refCount === 0 && previousStyles) {
-          var html = document.documentElement;
-          var body = document.body;
-          html.style.overflow = previousStyles.htmlOverflow;
-          html.style.scrollbarGutter = previousStyles.htmlScrollbarGutter;
-          body.style.position = previousStyles.bodyPosition;
-          body.style.top = previousStyles.bodyTop;
-          body.style.width = previousStyles.bodyWidth;
-          body.style.overflow = previousStyles.bodyOverflow;
-          body.style.overscrollBehavior = previousStyles.bodyOverscrollBehavior;
-          if (savedScrollY > 0) {
-            window.scrollTo(0, savedScrollY);
-          }
-          previousStyles = null;
-          savedScrollY = 0;
-        }
-      }
-    };
-  }, []);
+var useDisableBodyScroll = function(enabled) {
+	var wasEnabled = (0, import_react.useRef)(false);
+	(0, import_react.useEffect)(function() {
+		if (!canUseDOM()) {
+			return;
+		}
+		if (enabled && !wasEnabled.current) {
+			wasEnabled.current = true;
+			if (++refCount === 1) {
+				var html = document.documentElement;
+				var body = document.body;
+				savedScrollY = window.scrollY;
+				previousStyles = {
+					htmlOverflow: html.style.overflow,
+					htmlScrollbarGutter: html.style.scrollbarGutter,
+					bodyPosition: body.style.position,
+					bodyTop: body.style.top,
+					bodyWidth: body.style.width,
+					bodyOverflow: body.style.overflow,
+					bodyOverscrollBehavior: body.style.overscrollBehavior
+				};
+				if (window.innerWidth > html.clientWidth) {
+					html.style.scrollbarGutter = "stable";
+				}
+				html.style.overflow = "hidden";
+				body.style.overscrollBehavior = "none";
+				if (isIOSSafari()) {
+					body.style.position = "fixed";
+					body.style.top = `-${savedScrollY}px`;
+					body.style.width = "100%";
+					body.style.overflow = "hidden";
+				}
+			}
+		} else if (!enabled && wasEnabled.current) {
+			wasEnabled.current = false;
+			if (--refCount === 0 && previousStyles) {
+				var html1 = document.documentElement;
+				var body1 = document.body;
+				html1.style.overflow = previousStyles.htmlOverflow;
+				html1.style.scrollbarGutter = previousStyles.htmlScrollbarGutter;
+				body1.style.position = previousStyles.bodyPosition;
+				body1.style.top = previousStyles.bodyTop;
+				body1.style.width = previousStyles.bodyWidth;
+				body1.style.overflow = previousStyles.bodyOverflow;
+				body1.style.overscrollBehavior = previousStyles.bodyOverscrollBehavior;
+				if (savedScrollY > 0) {
+					window.scrollTo(0, savedScrollY);
+				}
+				previousStyles = null;
+				savedScrollY = 0;
+			}
+		}
+	}, [enabled]);
+	(0, import_react.useEffect)(function() {
+		return function() {
+			if (wasEnabled.current) {
+				wasEnabled.current = false;
+				if (--refCount === 0 && previousStyles) {
+					var html = document.documentElement;
+					var body = document.body;
+					html.style.overflow = previousStyles.htmlOverflow;
+					html.style.scrollbarGutter = previousStyles.htmlScrollbarGutter;
+					body.style.position = previousStyles.bodyPosition;
+					body.style.top = previousStyles.bodyTop;
+					body.style.width = previousStyles.bodyWidth;
+					body.style.overflow = previousStyles.bodyOverflow;
+					body.style.overscrollBehavior = previousStyles.bodyOverscrollBehavior;
+					if (savedScrollY > 0) {
+						window.scrollTo(0, savedScrollY);
+					}
+					previousStyles = null;
+					savedScrollY = 0;
+				}
+			}
+		};
+	}, []);
 };
+
 //# sourceMappingURL=useDisableScroll.native.js.map

package/dist/jsx/useDisableScroll.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","useDisableScroll_exports","useDisableBodyScroll","module","exports","import_react","require","canUseDOM","window","document","createElement","refCount","savedScrollY","previousStyles","isIOSSafari","navigator","ua","userAgent","isIOS","test","platform","maxTouchPoints","isSafari","enabled","wasEnabled","useRef","useEffect","current","html","documentElement","body","scrollY","htmlOverflow","style","overflow","htmlScrollbarGutter","scrollbarGutter","bodyPosition","position","bodyTop","top","bodyWidth","width","bodyOverflow","bodyOverscrollBehavior","overscrollBehavior","html1","body1","scrollTo"],"sources":["../../src/useDisableScroll.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useDisableScroll.native.js","names":[],"sources":["jsx/useDisableScroll.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 useDisableScroll_exports = {};\n__export(useDisableScroll_exports, {\n  useDisableBodyScroll: () => useDisableBodyScroll\n});\nmodule.exports = __toCommonJS(useDisableScroll_exports);\nvar import_react = require(\"react\");\nvar canUseDOM = function() {\n  return typeof window !== \"undefined\" && !!window.document && !!window.document.createElement;\n};\nvar refCount = 0;\nvar savedScrollY = 0;\nvar previousStyles = null;\nfunction isIOSSafari() {\n  if (typeof navigator === \"undefined\") return false;\n  var ua = navigator.userAgent;\n  var isIOS = /iPad|iPhone|iPod/.test(ua) || navigator.platform === \"MacIntel\" && navigator.maxTouchPoints > 1;\n  var isSafari = /^((?!chrome|android).)*safari/i.test(ua);\n  return isIOS && isSafari;\n}\nvar useDisableBodyScroll = function(enabled) {\n  var wasEnabled = (0, import_react.useRef)(false);\n  (0, import_react.useEffect)(function() {\n    if (!canUseDOM()) {\n      return;\n    }\n    if (enabled && !wasEnabled.current) {\n      wasEnabled.current = true;\n      if (++refCount === 1) {\n        var html = document.documentElement;\n        var body = document.body;\n        savedScrollY = window.scrollY;\n        previousStyles = {\n          htmlOverflow: html.style.overflow,\n          htmlScrollbarGutter: html.style.scrollbarGutter,\n          bodyPosition: body.style.position,\n          bodyTop: body.style.top,\n          bodyWidth: body.style.width,\n          bodyOverflow: body.style.overflow,\n          bodyOverscrollBehavior: body.style.overscrollBehavior\n        };\n        if (window.innerWidth > html.clientWidth) {\n          html.style.scrollbarGutter = \"stable\";\n        }\n        html.style.overflow = \"hidden\";\n        body.style.overscrollBehavior = \"none\";\n        if (isIOSSafari()) {\n          body.style.position = \"fixed\";\n          body.style.top = `-${savedScrollY}px`;\n          body.style.width = \"100%\";\n          body.style.overflow = \"hidden\";\n        }\n      }\n    } else if (!enabled && wasEnabled.current) {\n      wasEnabled.current = false;\n      if (--refCount === 0 && previousStyles) {\n        var html1 = document.documentElement;\n        var body1 = document.body;\n        html1.style.overflow = previousStyles.htmlOverflow;\n        html1.style.scrollbarGutter = previousStyles.htmlScrollbarGutter;\n        body1.style.position = previousStyles.bodyPosition;\n        body1.style.top = previousStyles.bodyTop;\n        body1.style.width = previousStyles.bodyWidth;\n        body1.style.overflow = previousStyles.bodyOverflow;\n        body1.style.overscrollBehavior = previousStyles.bodyOverscrollBehavior;\n        if (savedScrollY > 0) {\n          window.scrollTo(0, savedScrollY);\n        }\n        previousStyles = null;\n        savedScrollY = 0;\n      }\n    }\n  }, [\n    enabled\n  ]);\n  (0, import_react.useEffect)(function() {\n    return function() {\n      if (wasEnabled.current) {\n        wasEnabled.current = false;\n        if (--refCount === 0 && previousStyles) {\n          var html = document.documentElement;\n          var body = document.body;\n          html.style.overflow = previousStyles.htmlOverflow;\n          html.style.scrollbarGutter = previousStyles.htmlScrollbarGutter;\n          body.style.position = previousStyles.bodyPosition;\n          body.style.top = previousStyles.bodyTop;\n          body.style.width = previousStyles.bodyWidth;\n          body.style.overflow = previousStyles.bodyOverflow;\n          body.style.overscrollBehavior = previousStyles.bodyOverscrollBehavior;\n          if (savedScrollY > 0) {\n            window.scrollTo(0, savedScrollY);\n          }\n          previousStyles = null;\n          savedScrollY = 0;\n        }\n      }\n    };\n  }, []);\n};\n//# sourceMappingURL=useDisableScroll.js.map\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@tamagui/remove-scroll",
-  "version": "2.7.7",
+  "version": "3.0.0-beta.1091.1",
+  "license": "MIT",
   "files": [
     "src",
     "types",
@@ -33,8 +34,8 @@
     "clean:build": "tamagui-build clean:build"
   },
   "devDependencies": {
-    "@tamagui/build": "2.7.7",
-    "react": ">=19"
+    "@tamagui/build": "3.0.0-beta.1091.1",
+    "react": "19.2.3"
   },
   "peerDependencies": {
     "react": ">=19"

package/src/useDisableScroll.ts

@@ -55,8 +55,11 @@ export const useDisableBodyScroll = (enabled: boolean): void => {
           bodyOverscrollBehavior: body.style.overscrollBehavior,
         }
 
-        // apply scroll lock styles
-        html.style.scrollbarGutter = 'stable'
+        // keep the gutter only where a scrollbar was: reserving one on a page
+        // that had none shifts the content by the scrollbar width on every open
+        if (window.innerWidth > html.clientWidth) {
+          html.style.scrollbarGutter = 'stable'
+        }
         html.style.overflow = 'hidden'
 
         // prevent scroll chaining on all browsers

package/types/useDisableScroll.d.ts.map

@@ -6,6 +6,6 @@
   ],
   "version": 3,
   "sourcesContent": [
-    "import { useEffect, useRef } from 'react'\n\nconst canUseDOM = () =>\n  typeof window !== 'undefined' && !!window.document && !!window.document.createElement\n\nlet refCount = 0\nlet savedScrollY = 0\nlet previousStyles: {\n  htmlOverflow: string\n  htmlScrollbarGutter: string\n  bodyPosition: string\n  bodyTop: string\n  bodyWidth: string\n  bodyOverflow: string\n  bodyOverscrollBehavior: string\n} | null = null\n\n// detect iOS Safari which needs position:fixed workaround\nfunction isIOSSafari() {\n  if (typeof navigator === 'undefined') return false\n  const ua = navigator.userAgent\n  const isIOS =\n    /iPad|iPhone|iPod/.test(ua) ||\n    (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)\n  const isSafari = /^((?!chrome|android).)*safari/i.test(ua)\n  return isIOS && isSafari\n}\n\nexport const useDisableBodyScroll = (enabled: boolean): void => {\n  const wasEnabled = useRef(false)\n\n  useEffect(() => {\n    if (!canUseDOM()) {\n      return\n    }\n\n    if (enabled && !wasEnabled.current) {\n      wasEnabled.current = true\n\n      if (++refCount === 1) {\n        const html = document.documentElement\n        const body = document.body\n\n        // save current scroll position before locking\n        savedScrollY = window.scrollY\n\n        // save previous styles\n        previousStyles = {\n          htmlOverflow: html.style.overflow,\n          htmlScrollbarGutter: html.style.scrollbarGutter,\n          bodyPosition: body.style.position,\n          bodyTop: body.style.top,\n          bodyWidth: body.style.width,\n          bodyOverflow: body.style.overflow,\n          bodyOverscrollBehavior: body.style.overscrollBehavior,\n        }\n\n        // apply scroll lock styles\n        html.style.scrollbarGutter = 'stable'\n        html.style.overflow = 'hidden'\n\n        // prevent scroll chaining on all browsers\n        body.style.overscrollBehavior = 'none'\n\n        // for iOS Safari, use position:fixed workaround\n        // this also helps with any edge cases on other mobile browsers\n        if (isIOSSafari()) {\n          body.style.position = 'fixed'\n          body.style.top = `-${savedScrollY}px`\n          body.style.width = '100%'\n          body.style.overflow = 'hidden'\n        }\n      }\n    } else if (!enabled && wasEnabled.current) {\n      wasEnabled.current = false\n\n      if (--refCount === 0 && previousStyles) {\n        const html = document.documentElement\n        const body = document.body\n\n        // restore previous styles\n        html.style.overflow = previousStyles.htmlOverflow\n        html.style.scrollbarGutter = previousStyles.htmlScrollbarGutter\n        body.style.position = previousStyles.bodyPosition\n        body.style.top = previousStyles.bodyTop\n        body.style.width = previousStyles.bodyWidth\n        body.style.overflow = previousStyles.bodyOverflow\n        body.style.overscrollBehavior = previousStyles.bodyOverscrollBehavior\n\n        // restore scroll position (browsers reset to 0 when overflow:hidden is removed)\n        if (savedScrollY > 0) {\n          window.scrollTo(0, savedScrollY)\n        }\n\n        previousStyles = null\n        savedScrollY = 0\n      }\n    }\n  }, [enabled])\n\n  // cleanup on unmount\n  useEffect(() => {\n    return () => {\n      if (wasEnabled.current) {\n        wasEnabled.current = false\n        if (--refCount === 0 && previousStyles) {\n          const html = document.documentElement\n          const body = document.body\n\n          html.style.overflow = previousStyles.htmlOverflow\n          html.style.scrollbarGutter = previousStyles.htmlScrollbarGutter\n          body.style.position = previousStyles.bodyPosition\n          body.style.top = previousStyles.bodyTop\n          body.style.width = previousStyles.bodyWidth\n          body.style.overflow = previousStyles.bodyOverflow\n          body.style.overscrollBehavior = previousStyles.bodyOverscrollBehavior\n\n          if (savedScrollY > 0) {\n            window.scrollTo(0, savedScrollY)\n          }\n\n          previousStyles = null\n          savedScrollY = 0\n        }\n      }\n    }\n  }, [])\n}\n"
+    "import { useEffect, useRef } from 'react'\n\nconst canUseDOM = () =>\n  typeof window !== 'undefined' && !!window.document && !!window.document.createElement\n\nlet refCount = 0\nlet savedScrollY = 0\nlet previousStyles: {\n  htmlOverflow: string\n  htmlScrollbarGutter: string\n  bodyPosition: string\n  bodyTop: string\n  bodyWidth: string\n  bodyOverflow: string\n  bodyOverscrollBehavior: string\n} | null = null\n\n// detect iOS Safari which needs position:fixed workaround\nfunction isIOSSafari() {\n  if (typeof navigator === 'undefined') return false\n  const ua = navigator.userAgent\n  const isIOS =\n    /iPad|iPhone|iPod/.test(ua) ||\n    (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)\n  const isSafari = /^((?!chrome|android).)*safari/i.test(ua)\n  return isIOS && isSafari\n}\n\nexport const useDisableBodyScroll = (enabled: boolean): void => {\n  const wasEnabled = useRef(false)\n\n  useEffect(() => {\n    if (!canUseDOM()) {\n      return\n    }\n\n    if (enabled && !wasEnabled.current) {\n      wasEnabled.current = true\n\n      if (++refCount === 1) {\n        const html = document.documentElement\n        const body = document.body\n\n        // save current scroll position before locking\n        savedScrollY = window.scrollY\n\n        // save previous styles\n        previousStyles = {\n          htmlOverflow: html.style.overflow,\n          htmlScrollbarGutter: html.style.scrollbarGutter,\n          bodyPosition: body.style.position,\n          bodyTop: body.style.top,\n          bodyWidth: body.style.width,\n          bodyOverflow: body.style.overflow,\n          bodyOverscrollBehavior: body.style.overscrollBehavior,\n        }\n\n        // keep the gutter only where a scrollbar was: reserving one on a page\n        // that had none shifts the content by the scrollbar width on every open\n        if (window.innerWidth > html.clientWidth) {\n          html.style.scrollbarGutter = 'stable'\n        }\n        html.style.overflow = 'hidden'\n\n        // prevent scroll chaining on all browsers\n        body.style.overscrollBehavior = 'none'\n\n        // for iOS Safari, use position:fixed workaround\n        // this also helps with any edge cases on other mobile browsers\n        if (isIOSSafari()) {\n          body.style.position = 'fixed'\n          body.style.top = `-${savedScrollY}px`\n          body.style.width = '100%'\n          body.style.overflow = 'hidden'\n        }\n      }\n    } else if (!enabled && wasEnabled.current) {\n      wasEnabled.current = false\n\n      if (--refCount === 0 && previousStyles) {\n        const html = document.documentElement\n        const body = document.body\n\n        // restore previous styles\n        html.style.overflow = previousStyles.htmlOverflow\n        html.style.scrollbarGutter = previousStyles.htmlScrollbarGutter\n        body.style.position = previousStyles.bodyPosition\n        body.style.top = previousStyles.bodyTop\n        body.style.width = previousStyles.bodyWidth\n        body.style.overflow = previousStyles.bodyOverflow\n        body.style.overscrollBehavior = previousStyles.bodyOverscrollBehavior\n\n        // restore scroll position (browsers reset to 0 when overflow:hidden is removed)\n        if (savedScrollY > 0) {\n          window.scrollTo(0, savedScrollY)\n        }\n\n        previousStyles = null\n        savedScrollY = 0\n      }\n    }\n  }, [enabled])\n\n  // cleanup on unmount\n  useEffect(() => {\n    return () => {\n      if (wasEnabled.current) {\n        wasEnabled.current = false\n        if (--refCount === 0 && previousStyles) {\n          const html = document.documentElement\n          const body = document.body\n\n          html.style.overflow = previousStyles.htmlOverflow\n          html.style.scrollbarGutter = previousStyles.htmlScrollbarGutter\n          body.style.position = previousStyles.bodyPosition\n          body.style.top = previousStyles.bodyTop\n          body.style.width = previousStyles.bodyWidth\n          body.style.overflow = previousStyles.bodyOverflow\n          body.style.overscrollBehavior = previousStyles.bodyOverscrollBehavior\n\n          if (savedScrollY > 0) {\n            window.scrollTo(0, savedScrollY)\n          }\n\n          previousStyles = null\n          savedScrollY = 0\n        }\n      }\n    }\n  }, [])\n}\n"
   ]
 }

package/dist/esm/index.js.map

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

package/dist/esm/index.mjs.map

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

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

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

package/dist/jsx/index.js.map

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

package/dist/jsx/index.mjs.map

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