@tamagui/remove-scroll 1.129.19 → 1.130.0

package/dist/cjs/RemoveScroll.cjs

@@ -31,14 +31,18 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   }), mod);
 var RemoveScroll_exports = {};
 __export(RemoveScroll_exports, {
-  RemoveScroll: () => RemoveScroll,
-  classNames: () => classNames
+  RemoveScroll: () => RemoveScroll
 });
 module.exports = __toCommonJS(RemoveScroll_exports);
 var import_react = __toESM(require("react")),
-  import_react_remove_scroll = require("react-remove-scroll"),
   import_jsx_runtime = require("react/jsx-runtime");
-const RemoveScroll = import_react.default.memo(props => props.children ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_remove_scroll.RemoveScroll, {
-    ...props
-  }) : null),
-  classNames = import_react_remove_scroll.RemoveScroll.classNames;
+const RemoveScroll = import_react.default.memo(props => {
+  const root = (0, import_react.useRef)(null);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+    ref: root,
+    style: {
+      display: "contents"
+    },
+    children: props.children
+  });
+});

package/dist/cjs/RemoveScroll.js

@@ -22,10 +22,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var RemoveScroll_exports = {};
 __export(RemoveScroll_exports, {
-  RemoveScroll: () => RemoveScroll,
-  classNames: () => classNames
+  RemoveScroll: () => RemoveScroll
 });
 module.exports = __toCommonJS(RemoveScroll_exports);
-var import_react = __toESM(require("react")), import_react_remove_scroll = require("react-remove-scroll"), import_jsx_runtime = require("react/jsx-runtime");
-const RemoveScroll = import_react.default.memo((props) => props.children ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_remove_scroll.RemoveScroll, { ...props }) : null), classNames = import_react_remove_scroll.RemoveScroll.classNames;
+var import_react = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
+const RemoveScroll = import_react.default.memo((props) => {
+  const root = (0, import_react.useRef)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { ref: root, style: { display: "contents" }, children: props.children });
+});
 //# sourceMappingURL=RemoveScroll.js.map

package/dist/cjs/RemoveScroll.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/RemoveScroll.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAElB,6BAAmC,gCAM1B;AAFF,MAAM,eAAe,aAAAA,QAAM,KAAK,CAAC,UACjC,MAAM,WACJ,4CAAC,2BAAAC,cAAA,EAAI,GAAG,OAAO,IADM,IAE7B,GAEY,aAAa,2BAAAA,aAAG;",
-  "names": ["React", "RS"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B,2BAgB1B;AARG,MAAM,eAAe,aAAAA,QAAM,KAAK,CAAC,UAA6B;AACnE,QAAM,WAAO,qBAAoB,IAAI;AAMrC,SACE,4CAAC,UAAK,KAAK,MAAM,OAAO,EAAE,SAAS,WAAW,GAC3C,gBAAM,UACT;AAEJ,CAAC;",
+  "names": ["React"]
 }

package/dist/cjs/useDisableScroll.cjs

@@ -0,0 +1,63 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var useDisableScroll_exports = {};
+__export(useDisableScroll_exports, {
+  useDisableScrollOutsideOf: () => useDisableScrollOutsideOf
+});
+module.exports = __toCommonJS(useDisableScroll_exports);
+var import_react = require("react");
+const canUseDOM = () => typeof window < "u" && !!window.document && !!window.document.createElement,
+  preventDefault = e => {
+    e.preventDefault && e.preventDefault();
+  },
+  useDisableScrollOutsideOf = (nodeRef, options = {}) => {
+    const {
+      enabled,
+      keyboardKeys = [32, 33, 34, 35, 36, 37, 38, 39, 40]
+    } = options;
+    (0, import_react.useEffect)(() => {
+      if (!enabled || !canUseDOM()) return;
+      const node = nodeRef.current;
+      if (!node) return;
+      const scrollEl = document.scrollingElement;
+      if (!scrollEl || !(scrollEl instanceof HTMLElement)) return;
+      const previously = scrollEl.style.pointerEvents;
+      scrollEl.style.pointerEvents = "none";
+      const lockToScrollPos = [scrollEl.scrollLeft, scrollEl.scrollTop],
+        handleScroll = e => {
+          scrollEl && (e.preventDefault(), scrollEl.scrollTo(lockToScrollPos[0], lockToScrollPos[1]));
+        },
+        handleEvent = e => {
+          e.target instanceof Node && (e.target === node || node.contains(e.target)) || "keyCode" in e && !keyboardKeys.includes(e.keyCode) || preventDefault(e);
+        };
+      return document.addEventListener("scroll", handleScroll, {
+        passive: !1
+      }), document.addEventListener("wheel", handleEvent, {
+        passive: !1
+      }), document.addEventListener("touchmove", handleEvent, {
+        passive: !1
+      }), document.addEventListener("keydown", handleEvent, {
+        passive: !1
+      }), () => {
+        scrollEl.style.pointerEvents = previously, document.removeEventListener("scroll", handleScroll), document.removeEventListener("wheel", handleEvent), document.removeEventListener("touchmove", handleEvent), document.removeEventListener("keydown", handleEvent);
+      };
+    }, [enabled, nodeRef, keyboardKeys]);
+  };

package/dist/cjs/useDisableScroll.js

@@ -0,0 +1,46 @@
+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: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }), mod);
+var useDisableScroll_exports = {};
+__export(useDisableScroll_exports, {
+  useDisableScrollOutsideOf: () => useDisableScrollOutsideOf
+});
+module.exports = __toCommonJS(useDisableScroll_exports);
+var import_react = require("react");
+const canUseDOM = () => typeof window < "u" && !!window.document && !!window.document.createElement, preventDefault = (e) => {
+  e.preventDefault && e.preventDefault();
+}, useDisableScrollOutsideOf = (nodeRef, options = {}) => {
+  const { enabled, keyboardKeys = [32, 33, 34, 35, 36, 37, 38, 39, 40] } = options;
+  (0, import_react.useEffect)(() => {
+    if (!enabled || !canUseDOM())
+      return;
+    const node = nodeRef.current;
+    if (!node)
+      return;
+    const scrollEl = document.scrollingElement;
+    if (!scrollEl || !(scrollEl instanceof HTMLElement))
+      return;
+    const previously = scrollEl.style.pointerEvents;
+    scrollEl.style.pointerEvents = "none";
+    const lockToScrollPos = [scrollEl.scrollLeft, scrollEl.scrollTop], handleScroll = (e) => {
+      scrollEl && (e.preventDefault(), scrollEl.scrollTo(lockToScrollPos[0], lockToScrollPos[1]));
+    }, handleEvent = (e) => {
+      e.target instanceof Node && (e.target === node || node.contains(e.target)) || "keyCode" in e && !keyboardKeys.includes(e.keyCode) || preventDefault(e);
+    };
+    return document.addEventListener("scroll", handleScroll, { passive: !1 }), document.addEventListener("wheel", handleEvent, { passive: !1 }), document.addEventListener("touchmove", handleEvent, { passive: !1 }), document.addEventListener("keydown", handleEvent, { passive: !1 }), () => {
+      scrollEl.style.pointerEvents = previously, document.removeEventListener("scroll", handleScroll), document.removeEventListener("wheel", handleEvent), document.removeEventListener("touchmove", handleEvent), document.removeEventListener("keydown", handleEvent);
+    };
+  }, [enabled, nodeRef, keyboardKeys]);
+};
+//# sourceMappingURL=useDisableScroll.js.map

package/dist/cjs/useDisableScroll.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useDisableScroll.ts"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAElC,MAAM,YAAY,MAChB,OAAO,SAAW,OAAe,CAAC,CAAC,OAAO,YAAY,CAAC,CAAC,OAAO,SAAS,eAEpE,iBAAiB,CAAC,MAA+C;AACrE,EAAI,EAAE,kBACJ,EAAE,eAAe;AAErB,GAEa,4BAA4B,CACvC,SACA,UAKI,CAAC,MACF;AACH,QAAM,EAAE,SAAS,eAAe,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE,EAAE,IAAI;AAEzE,8BAAU,MAAM;AACd,QAAI,CAAC,WAAW,CAAC,UAAU;AACzB;AAGF,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC;AACH;AAGF,UAAM,WAAW,SAAS;AAC1B,QAAI,CAAC,YAAY,EAAE,oBAAoB;AACrC;AAGF,UAAM,aAAa,SAAS,MAAM;AAClC,aAAS,MAAM,gBAAgB;AAE/B,UAAM,kBAAkB,CAAC,SAAS,YAAY,SAAS,SAAS,GAE1D,eAAe,CAAC,MAAa;AACjC,MAAI,aACF,EAAE,eAAe,GACjB,SAAS,SAAS,gBAAgB,CAAC,GAAG,gBAAgB,CAAC,CAAC;AAAA,IAE5D,GAEM,cAAc,CAAC,MAA+C;AAClE,MAAI,EAAE,kBAAkB,SAAS,EAAE,WAAW,QAAQ,KAAK,SAAS,EAAE,MAAM,MAIxE,aAAa,KAAK,CAAC,aAAa,SAAS,EAAE,OAAO,KAItD,eAAe,CAAC;AAAA,IAClB;AAEA,oBAAS,iBAAiB,UAAU,cAAc,EAAE,SAAS,GAAM,CAAC,GACpE,SAAS,iBAAiB,SAAS,aAAa,EAAE,SAAS,GAAM,CAAC,GAClE,SAAS,iBAAiB,aAAa,aAAa,EAAE,SAAS,GAAM,CAAC,GACtE,SAAS,iBAAiB,WAAW,aAAa,EAAE,SAAS,GAAM,CAAC,GAE7D,MAAM;AACX,eAAS,MAAM,gBAAgB,YAC/B,SAAS,oBAAoB,UAAU,YAAY,GACnD,SAAS,oBAAoB,SAAS,WAAW,GACjD,SAAS,oBAAoB,aAAa,WAAW,GACrD,SAAS,oBAAoB,WAAW,WAAW;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,SAAS,SAAS,YAAY,CAAC;AACrC;",
+  "names": []
+}

package/dist/cjs/useDisableScroll.native.js

@@ -0,0 +1,81 @@
+"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: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }), mod);
+var useDisableScroll_exports = {};
+__export(useDisableScroll_exports, {
+  useDisableScrollOutsideOf: () => useDisableScrollOutsideOf
+});
+module.exports = __toCommonJS(useDisableScroll_exports);
+var import_react = require("react"), canUseDOM = function() {
+  return typeof window < "u" && !!window.document && !!window.document.createElement;
+}, preventDefault = function(e) {
+  e.preventDefault && e.preventDefault();
+}, useDisableScrollOutsideOf = function(nodeRef) {
+  var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : (
+    // space: 32, page up: 33, page down: 34, end: 35, home: 36
+    // left: 37, up: 38, right: 39, down: 40
+    {}
+  ), { enabled, keyboardKeys = [
+    32,
+    33,
+    34,
+    35,
+    36,
+    37,
+    38,
+    39,
+    40
+  ] } = options;
+  (0, import_react.useEffect)(function() {
+    if (!(!enabled || !canUseDOM())) {
+      var node = nodeRef.current;
+      if (node) {
+        var scrollEl = document.scrollingElement;
+        if (!(!scrollEl || !(scrollEl instanceof HTMLElement))) {
+          var previously = scrollEl.style.pointerEvents;
+          scrollEl.style.pointerEvents = "none";
+          var lockToScrollPos = [
+            scrollEl.scrollLeft,
+            scrollEl.scrollTop
+          ], handleScroll = function(e) {
+            scrollEl && (e.preventDefault(), scrollEl.scrollTo(lockToScrollPos[0], lockToScrollPos[1]));
+          }, handleEvent = function(e) {
+            e.target instanceof Node && (e.target === node || node.contains(e.target)) || "keyCode" in e && !keyboardKeys.includes(e.keyCode) || preventDefault(e);
+          };
+          return document.addEventListener("scroll", handleScroll, {
+            passive: !1
+          }), document.addEventListener("wheel", handleEvent, {
+            passive: !1
+          }), document.addEventListener("touchmove", handleEvent, {
+            passive: !1
+          }), document.addEventListener("keydown", handleEvent, {
+            passive: !1
+          }), function() {
+            scrollEl.style.pointerEvents = previously, document.removeEventListener("scroll", handleScroll), document.removeEventListener("wheel", handleEvent), document.removeEventListener("touchmove", handleEvent), document.removeEventListener("keydown", handleEvent);
+          };
+        }
+      }
+    }
+  }, [
+    enabled,
+    nodeRef,
+    keyboardKeys
+  ]);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useDisableScrollOutsideOf
+});
+//# sourceMappingURL=useDisableScroll.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useDisableScroll.ts"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;mBAAkC,kBAE5BA,YAAY,WAAA;SAChB,OAAOC,SAAW,OAAe,CAAC,CAACA,OAAOC,YAAY,CAAC,CAACD,OAAOC,SAASC;GAEpEC,iBAAiB,SAACC,GAAAA;AACtB,EAAIA,EAAED,kBACJC,EAAED,eAAc;AAEpB,GAEaE,4BAA4B,SACvCC,SAAAA;MACAC,UAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA;;;IAKI,CAAC;KAEC,EAAEC,SAASC,eAAe;IAAC;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAG,IAAKF;AAEzEG,8BAAU,WAAA;AACR,QAAI,GAACF,WAAW,CAACT,UAAAA,IAIjB;UAAMY,OAAOL,QAAQM;AACrB,UAAKD,MAIL;YAAME,WAAWZ,SAASa;AAC1B,YAAI,GAACD,YAAY,EAAEA,oBAAoBE,eAIvC;cAAMC,aAAaH,SAASI,MAAMC;AAClCL,mBAASI,MAAMC,gBAAgB;AAE/B,cAAMC,kBAAkB;YAACN,SAASO;YAAYP,SAASQ;aAEjDC,eAAe,SAAClB,GAAAA;AACpB,YAAIS,aACFT,EAAED,eAAc,GAChBU,SAASU,SAASJ,gBAAgB,CAAA,GAAIA,gBAAgB,CAAA,CAAE;UAE5D,GAEMK,cAAc,SAACpB,GAAAA;AACnB,YAAIA,EAAEqB,kBAAkBC,SAAStB,EAAEqB,WAAWd,QAAQA,KAAKgB,SAASvB,EAAEqB,MAAM,MAIxE,aAAarB,KAAK,CAACK,aAAamB,SAASxB,EAAEyB,OAAO,KAItD1B,eAAeC,CAAAA;UACjB;AAEAH,0BAAS6B,iBAAiB,UAAUR,cAAc;YAAES,SAAS;UAAM,CAAA,GACnE9B,SAAS6B,iBAAiB,SAASN,aAAa;YAAEO,SAAS;UAAM,CAAA,GACjE9B,SAAS6B,iBAAiB,aAAaN,aAAa;YAAEO,SAAS;UAAM,CAAA,GACrE9B,SAAS6B,iBAAiB,WAAWN,aAAa;YAAEO,SAAS;UAAM,CAAA,GAE5D,WAAA;AACLlB,qBAASI,MAAMC,gBAAgBF,YAC/Bf,SAAS+B,oBAAoB,UAAUV,YAAAA,GACvCrB,SAAS+B,oBAAoB,SAASR,WAAAA,GACtCvB,SAAS+B,oBAAoB,aAAaR,WAAAA,GAC1CvB,SAAS+B,oBAAoB,WAAWR,WAAAA;UAC1C;;;;EACF,GAAG;IAAChB;IAASF;IAASG;GAAa;AACrC;",
+  "names": ["canUseDOM", "window", "document", "createElement", "preventDefault", "e", "useDisableScrollOutsideOf", "nodeRef", "options", "enabled", "keyboardKeys", "useEffect", "node", "current", "scrollEl", "scrollingElement", "HTMLElement", "previously", "style", "pointerEvents", "lockToScrollPos", "scrollLeft", "scrollTop", "handleScroll", "scrollTo", "handleEvent", "target", "Node", "contains", "includes", "keyCode", "addEventListener", "passive", "removeEventListener"]
+}

package/dist/esm/RemoveScroll.js

@@ -1,9 +1,10 @@
-import React from "react";
-import { RemoveScroll as RS } from "react-remove-scroll";
+import React, { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
-const RemoveScroll = React.memo((props) => props.children ? /* @__PURE__ */ jsx(RS, { ...props }) : null), classNames = RS.classNames;
+const RemoveScroll = React.memo((props) => {
+  const root = useRef(null);
+  return /* @__PURE__ */ jsx("span", { ref: root, style: { display: "contents" }, children: props.children });
+});
 export {
-  RemoveScroll,
-  classNames
+  RemoveScroll
 };
 //# sourceMappingURL=RemoveScroll.js.map

package/dist/esm/RemoveScroll.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/RemoveScroll.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,gBAAgB,UAAU;AAM1B;AAFF,MAAM,eAAe,MAAM,KAAK,CAAC,UACjC,MAAM,WACJ,oBAAC,MAAI,GAAG,OAAO,IADM,IAE7B,GAEY,aAAa,GAAG;",
+  "mappings": "AAAA,OAAO,SAAS,cAAc;AAgB1B;AARG,MAAM,eAAe,MAAM,KAAK,CAAC,UAA6B;AACnE,QAAM,OAAO,OAAoB,IAAI;AAMrC,SACE,oBAAC,UAAK,KAAK,MAAM,OAAO,EAAE,SAAS,WAAW,GAC3C,gBAAM,UACT;AAEJ,CAAC;",
   "names": []
 }

package/dist/esm/RemoveScroll.mjs

@@ -1,9 +1,14 @@
-import React from "react";
-import { RemoveScroll as RS } from "react-remove-scroll";
+import React, { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
-const RemoveScroll = React.memo(props => props.children ? /* @__PURE__ */jsx(RS, {
-    ...props
-  }) : null),
-  classNames = RS.classNames;
-export { RemoveScroll, classNames };
+const RemoveScroll = React.memo(props => {
+  const root = useRef(null);
+  return /* @__PURE__ */jsx("span", {
+    ref: root,
+    style: {
+      display: "contents"
+    },
+    children: props.children
+  });
+});
+export { RemoveScroll };
 //# sourceMappingURL=RemoveScroll.mjs.map

package/dist/esm/RemoveScroll.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","RemoveScroll","RS","jsx","memo","props","children","classNames"],"sources":["../../src/RemoveScroll.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,YAAA,IAAgBC,EAAA,QAAU;AAM1B,SAAAC,GAAA;AAFF,MAAMF,YAAA,GAAeD,KAAA,CAAMI,IAAA,CAAMC,KAAA,IACjCA,KAAA,CAAMC,QAAA,GACJ,eAAAH,GAAA,CAACD,EAAA;IAAI,GAAGG;EAAA,CAAO,IADM,IAE7B;EAEYE,UAAA,GAAaL,EAAA,CAAGK,UAAA","ignoreList":[]}
+{"version":3,"names":["React","useRef","jsx","RemoveScroll","memo","props","root","ref","style","display","children"],"sources":["../../src/RemoveScroll.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,IAASC,MAAA,QAAc;AAgB1B,SAAAC,GAAA;AARG,MAAMC,YAAA,GAAeH,KAAA,CAAMI,IAAA,CAAMC,KAAA,IAA6B;EACnE,MAAMC,IAAA,GAAOL,MAAA,CAAoB,IAAI;EAMrC,OACE,eAAAC,GAAA,CAAC;IAAKK,GAAA,EAAKD,IAAA;IAAME,KAAA,EAAO;MAAEC,OAAA,EAAS;IAAW;IAC3CC,QAAA,EAAAL,KAAA,CAAMK;EAAA,CACT;AAEJ,CAAC","ignoreList":[]}

package/dist/esm/useDisableScroll.js

@@ -0,0 +1,30 @@
+import { useEffect } from "react";
+const canUseDOM = () => typeof window < "u" && !!window.document && !!window.document.createElement, preventDefault = (e) => {
+  e.preventDefault && e.preventDefault();
+}, useDisableScrollOutsideOf = (nodeRef, options = {}) => {
+  const { enabled, keyboardKeys = [32, 33, 34, 35, 36, 37, 38, 39, 40] } = options;
+  useEffect(() => {
+    if (!enabled || !canUseDOM())
+      return;
+    const node = nodeRef.current;
+    if (!node)
+      return;
+    const scrollEl = document.scrollingElement;
+    if (!scrollEl || !(scrollEl instanceof HTMLElement))
+      return;
+    const previously = scrollEl.style.pointerEvents;
+    scrollEl.style.pointerEvents = "none";
+    const lockToScrollPos = [scrollEl.scrollLeft, scrollEl.scrollTop], handleScroll = (e) => {
+      scrollEl && (e.preventDefault(), scrollEl.scrollTo(lockToScrollPos[0], lockToScrollPos[1]));
+    }, handleEvent = (e) => {
+      e.target instanceof Node && (e.target === node || node.contains(e.target)) || "keyCode" in e && !keyboardKeys.includes(e.keyCode) || preventDefault(e);
+    };
+    return document.addEventListener("scroll", handleScroll, { passive: !1 }), document.addEventListener("wheel", handleEvent, { passive: !1 }), document.addEventListener("touchmove", handleEvent, { passive: !1 }), document.addEventListener("keydown", handleEvent, { passive: !1 }), () => {
+      scrollEl.style.pointerEvents = previously, document.removeEventListener("scroll", handleScroll), document.removeEventListener("wheel", handleEvent), document.removeEventListener("touchmove", handleEvent), document.removeEventListener("keydown", handleEvent);
+    };
+  }, [enabled, nodeRef, keyboardKeys]);
+};
+export {
+  useDisableScrollOutsideOf
+};
+//# sourceMappingURL=useDisableScroll.js.map

package/dist/esm/useDisableScroll.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useDisableScroll.ts"],
+  "mappings": "AAAA,SAAS,iBAAyB;AAElC,MAAM,YAAY,MAChB,OAAO,SAAW,OAAe,CAAC,CAAC,OAAO,YAAY,CAAC,CAAC,OAAO,SAAS,eAEpE,iBAAiB,CAAC,MAA+C;AACrE,EAAI,EAAE,kBACJ,EAAE,eAAe;AAErB,GAEa,4BAA4B,CACvC,SACA,UAKI,CAAC,MACF;AACH,QAAM,EAAE,SAAS,eAAe,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE,EAAE,IAAI;AAEzE,YAAU,MAAM;AACd,QAAI,CAAC,WAAW,CAAC,UAAU;AACzB;AAGF,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC;AACH;AAGF,UAAM,WAAW,SAAS;AAC1B,QAAI,CAAC,YAAY,EAAE,oBAAoB;AACrC;AAGF,UAAM,aAAa,SAAS,MAAM;AAClC,aAAS,MAAM,gBAAgB;AAE/B,UAAM,kBAAkB,CAAC,SAAS,YAAY,SAAS,SAAS,GAE1D,eAAe,CAAC,MAAa;AACjC,MAAI,aACF,EAAE,eAAe,GACjB,SAAS,SAAS,gBAAgB,CAAC,GAAG,gBAAgB,CAAC,CAAC;AAAA,IAE5D,GAEM,cAAc,CAAC,MAA+C;AAClE,MAAI,EAAE,kBAAkB,SAAS,EAAE,WAAW,QAAQ,KAAK,SAAS,EAAE,MAAM,MAIxE,aAAa,KAAK,CAAC,aAAa,SAAS,EAAE,OAAO,KAItD,eAAe,CAAC;AAAA,IAClB;AAEA,oBAAS,iBAAiB,UAAU,cAAc,EAAE,SAAS,GAAM,CAAC,GACpE,SAAS,iBAAiB,SAAS,aAAa,EAAE,SAAS,GAAM,CAAC,GAClE,SAAS,iBAAiB,aAAa,aAAa,EAAE,SAAS,GAAM,CAAC,GACtE,SAAS,iBAAiB,WAAW,aAAa,EAAE,SAAS,GAAM,CAAC,GAE7D,MAAM;AACX,eAAS,MAAM,gBAAgB,YAC/B,SAAS,oBAAoB,UAAU,YAAY,GACnD,SAAS,oBAAoB,SAAS,WAAW,GACjD,SAAS,oBAAoB,aAAa,WAAW,GACrD,SAAS,oBAAoB,WAAW,WAAW;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,SAAS,SAAS,YAAY,CAAC;AACrC;",
+  "names": []
+}

package/dist/esm/useDisableScroll.mjs

@@ -0,0 +1,40 @@
+import { useEffect } from "react";
+const canUseDOM = () => typeof window < "u" && !!window.document && !!window.document.createElement,
+  preventDefault = e => {
+    e.preventDefault && e.preventDefault();
+  },
+  useDisableScrollOutsideOf = (nodeRef, options = {}) => {
+    const {
+      enabled,
+      keyboardKeys = [32, 33, 34, 35, 36, 37, 38, 39, 40]
+    } = options;
+    useEffect(() => {
+      if (!enabled || !canUseDOM()) return;
+      const node = nodeRef.current;
+      if (!node) return;
+      const scrollEl = document.scrollingElement;
+      if (!scrollEl || !(scrollEl instanceof HTMLElement)) return;
+      const previously = scrollEl.style.pointerEvents;
+      scrollEl.style.pointerEvents = "none";
+      const lockToScrollPos = [scrollEl.scrollLeft, scrollEl.scrollTop],
+        handleScroll = e => {
+          scrollEl && (e.preventDefault(), scrollEl.scrollTo(lockToScrollPos[0], lockToScrollPos[1]));
+        },
+        handleEvent = e => {
+          e.target instanceof Node && (e.target === node || node.contains(e.target)) || "keyCode" in e && !keyboardKeys.includes(e.keyCode) || preventDefault(e);
+        };
+      return document.addEventListener("scroll", handleScroll, {
+        passive: !1
+      }), document.addEventListener("wheel", handleEvent, {
+        passive: !1
+      }), document.addEventListener("touchmove", handleEvent, {
+        passive: !1
+      }), document.addEventListener("keydown", handleEvent, {
+        passive: !1
+      }), () => {
+        scrollEl.style.pointerEvents = previously, document.removeEventListener("scroll", handleScroll), document.removeEventListener("wheel", handleEvent), document.removeEventListener("touchmove", handleEvent), document.removeEventListener("keydown", handleEvent);
+      };
+    }, [enabled, nodeRef, keyboardKeys]);
+  };
+export { useDisableScrollOutsideOf };
+//# sourceMappingURL=useDisableScroll.mjs.map

package/dist/esm/useDisableScroll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","canUseDOM","window","document","createElement","preventDefault","e","useDisableScrollOutsideOf","nodeRef","options","enabled","keyboardKeys","node","current","scrollEl","scrollingElement","HTMLElement","previously","style","pointerEvents","lockToScrollPos","scrollLeft","scrollTop","handleScroll","scrollTo","handleEvent","target","Node","contains","includes","keyCode","addEventListener","passive","removeEventListener"],"sources":["../../src/useDisableScroll.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAyB;AAElC,MAAMC,SAAA,GAAYA,CAAA,KAChB,OAAOC,MAAA,GAAW,OAAe,CAAC,CAACA,MAAA,CAAOC,QAAA,IAAY,CAAC,CAACD,MAAA,CAAOC,QAAA,CAASC,aAAA;EAEpEC,cAAA,GAAkBC,CAAA,IAA+C;IACjEA,CAAA,CAAED,cAAA,IACJC,CAAA,CAAED,cAAA,CAAe;EAErB;EAEaE,yBAAA,GAA4BA,CACvCC,OAAA,EACAC,OAAA,GAKI,CAAC,MACF;IACH,MAAM;MAAEC,OAAA;MAASC,YAAA,GAAe,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;IAAE,IAAIF,OAAA;IAEzET,SAAA,CAAU,MAAM;MACd,IAAI,CAACU,OAAA,IAAW,CAACT,SAAA,CAAU,GACzB;MAGF,MAAMW,IAAA,GAAOJ,OAAA,CAAQK,OAAA;MACrB,IAAI,CAACD,IAAA,EACH;MAGF,MAAME,QAAA,GAAWX,QAAA,CAASY,gBAAA;MAC1B,IAAI,CAACD,QAAA,IAAY,EAAEA,QAAA,YAAoBE,WAAA,GACrC;MAGF,MAAMC,UAAA,GAAaH,QAAA,CAASI,KAAA,CAAMC,aAAA;MAClCL,QAAA,CAASI,KAAA,CAAMC,aAAA,GAAgB;MAE/B,MAAMC,eAAA,GAAkB,CAACN,QAAA,CAASO,UAAA,EAAYP,QAAA,CAASQ,SAAS;QAE1DC,YAAA,GAAgBjB,CAAA,IAAa;UAC7BQ,QAAA,KACFR,CAAA,CAAED,cAAA,CAAe,GACjBS,QAAA,CAASU,QAAA,CAASJ,eAAA,CAAgB,CAAC,GAAGA,eAAA,CAAgB,CAAC,CAAC;QAE5D;QAEMK,WAAA,GAAenB,CAAA,IAA+C;UAC9DA,CAAA,CAAEoB,MAAA,YAAkBC,IAAA,KAASrB,CAAA,CAAEoB,MAAA,KAAWd,IAAA,IAAQA,IAAA,CAAKgB,QAAA,CAAStB,CAAA,CAAEoB,MAAM,MAIxE,aAAapB,CAAA,IAAK,CAACK,YAAA,CAAakB,QAAA,CAASvB,CAAA,CAAEwB,OAAO,KAItDzB,cAAA,CAAeC,CAAC;QAClB;MAEA,OAAAH,QAAA,CAAS4B,gBAAA,CAAiB,UAAUR,YAAA,EAAc;QAAES,OAAA,EAAS;MAAM,CAAC,GACpE7B,QAAA,CAAS4B,gBAAA,CAAiB,SAASN,WAAA,EAAa;QAAEO,OAAA,EAAS;MAAM,CAAC,GAClE7B,QAAA,CAAS4B,gBAAA,CAAiB,aAAaN,WAAA,EAAa;QAAEO,OAAA,EAAS;MAAM,CAAC,GACtE7B,QAAA,CAAS4B,gBAAA,CAAiB,WAAWN,WAAA,EAAa;QAAEO,OAAA,EAAS;MAAM,CAAC,GAE7D,MAAM;QACXlB,QAAA,CAASI,KAAA,CAAMC,aAAA,GAAgBF,UAAA,EAC/Bd,QAAA,CAAS8B,mBAAA,CAAoB,UAAUV,YAAY,GACnDpB,QAAA,CAAS8B,mBAAA,CAAoB,SAASR,WAAW,GACjDtB,QAAA,CAAS8B,mBAAA,CAAoB,aAAaR,WAAW,GACrDtB,QAAA,CAAS8B,mBAAA,CAAoB,WAAWR,WAAW;MACrD;IACF,GAAG,CAACf,OAAA,EAASF,OAAA,EAASG,YAAY,CAAC;EACrC","ignoreList":[]}

package/dist/esm/useDisableScroll.native.js

@@ -0,0 +1,49 @@
+import { useEffect } from "react";
+var canUseDOM = function () {
+    return typeof window < "u" && !!window.document && !!window.document.createElement;
+  },
+  preventDefault = function (e) {
+    e.preventDefault && e.preventDefault();
+  },
+  useDisableScrollOutsideOf = function (nodeRef) {
+    var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] :
+      // space: 32, page up: 33, page down: 34, end: 35, home: 36
+      // left: 37, up: 38, right: 39, down: 40
+      {},
+      {
+        enabled,
+        keyboardKeys = [32, 33, 34, 35, 36, 37, 38, 39, 40]
+      } = options;
+    useEffect(function () {
+      if (!(!enabled || !canUseDOM())) {
+        var node = nodeRef.current;
+        if (node) {
+          var scrollEl = document.scrollingElement;
+          if (!(!scrollEl || !(scrollEl instanceof HTMLElement))) {
+            var previously = scrollEl.style.pointerEvents;
+            scrollEl.style.pointerEvents = "none";
+            var lockToScrollPos = [scrollEl.scrollLeft, scrollEl.scrollTop],
+              handleScroll = function (e) {
+                scrollEl && (e.preventDefault(), scrollEl.scrollTo(lockToScrollPos[0], lockToScrollPos[1]));
+              },
+              handleEvent = function (e) {
+                e.target instanceof Node && (e.target === node || node.contains(e.target)) || "keyCode" in e && !keyboardKeys.includes(e.keyCode) || preventDefault(e);
+              };
+            return document.addEventListener("scroll", handleScroll, {
+              passive: !1
+            }), document.addEventListener("wheel", handleEvent, {
+              passive: !1
+            }), document.addEventListener("touchmove", handleEvent, {
+              passive: !1
+            }), document.addEventListener("keydown", handleEvent, {
+              passive: !1
+            }), function () {
+              scrollEl.style.pointerEvents = previously, document.removeEventListener("scroll", handleScroll), document.removeEventListener("wheel", handleEvent), document.removeEventListener("touchmove", handleEvent), document.removeEventListener("keydown", handleEvent);
+            };
+          }
+        }
+      }
+    }, [enabled, nodeRef, keyboardKeys]);
+  };
+export { useDisableScrollOutsideOf };
+//# sourceMappingURL=useDisableScroll.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","canUseDOM","window","document","createElement","preventDefault","e","useDisableScrollOutsideOf","nodeRef","options","arguments","length","enabled","keyboardKeys","node","current","scrollEl","scrollingElement"],"sources":["../../src/useDisableScroll.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAyB;AAElC,IAAAC,SAAM,YAAAA,CAAA,EACJ;IAGI,OAAE,OAAAC,MACJ,GAAE,SAAAA,MAAe,CAAAC,QAAA,MAAAD,MAAA,CAAAC,QAAA,CAAAC,aAAA;EAErB;EAEaC,cAAA,YAAAA,CAAAC,CAAA,EACX;IAQAA,CAAA,CAAAD,cAAQ,IAASC,CAAA,CAAAD,cAAgB,CAAI;EAErC;EAAAE,yBAAgB,YAAAA,CAAAC,OAAA;IACd,IAAAC,OAAK,GAAAC,SAAY,CAAAC,MAAU,QAAAD,SAAA,iBAAAA,SAAA;MACzB;MAGF;MACA,EACE;MAAA;QAAAE,OAAA;QAAAC,YAAA,IAGF,IACA,IACE,IAGF,IACA,IAEA,IAGE,EAAI,EAIN,IAGE,EAAI;MASN,IAAAJ,OAAA;IAEAT,SAAA,aAAS;MAMP,OAAAY,OAAS,IAAM,CAAAX,SAAA,KAAgB;QAKjC,IAAAa,IAAA,GAAAN,OAAA,CAAAO,OAAA;QACE,IAAAD,IAAA,EAAS;UACf,IAAAE,QAAA,GAAAb,QAAA,CAAAc,gBAAA","ignoreList":[]}

package/dist/jsx/RemoveScroll.js

@@ -1,9 +1,10 @@
-import React from "react";
-import { RemoveScroll as RS } from "react-remove-scroll";
+import React, { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
-const RemoveScroll = React.memo((props) => props.children ? /* @__PURE__ */ jsx(RS, { ...props }) : null), classNames = RS.classNames;
+const RemoveScroll = React.memo((props) => {
+  const root = useRef(null);
+  return /* @__PURE__ */ jsx("span", { ref: root, style: { display: "contents" }, children: props.children });
+});
 export {
-  RemoveScroll,
-  classNames
+  RemoveScroll
 };
 //# sourceMappingURL=RemoveScroll.js.map

package/dist/jsx/RemoveScroll.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/RemoveScroll.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,gBAAgB,UAAU;AAM1B;AAFF,MAAM,eAAe,MAAM,KAAK,CAAC,UACjC,MAAM,WACJ,oBAAC,MAAI,GAAG,OAAO,IADM,IAE7B,GAEY,aAAa,GAAG;",
+  "mappings": "AAAA,OAAO,SAAS,cAAc;AAgB1B;AARG,MAAM,eAAe,MAAM,KAAK,CAAC,UAA6B;AACnE,QAAM,OAAO,OAAoB,IAAI;AAMrC,SACE,oBAAC,UAAK,KAAK,MAAM,OAAO,EAAE,SAAS,WAAW,GAC3C,gBAAM,UACT;AAEJ,CAAC;",
   "names": []
 }

package/dist/jsx/RemoveScroll.mjs

@@ -1,9 +1,14 @@
-import React from "react";
-import { RemoveScroll as RS } from "react-remove-scroll";
+import React, { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
-const RemoveScroll = React.memo(props => props.children ? /* @__PURE__ */jsx(RS, {
-    ...props
-  }) : null),
-  classNames = RS.classNames;
-export { RemoveScroll, classNames };
+const RemoveScroll = React.memo(props => {
+  const root = useRef(null);
+  return /* @__PURE__ */jsx("span", {
+    ref: root,
+    style: {
+      display: "contents"
+    },
+    children: props.children
+  });
+});
+export { RemoveScroll };
 //# sourceMappingURL=RemoveScroll.mjs.map

package/dist/jsx/RemoveScroll.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","RemoveScroll","RS","jsx","memo","props","children","classNames"],"sources":["../../src/RemoveScroll.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,YAAA,IAAgBC,EAAA,QAAU;AAM1B,SAAAC,GAAA;AAFF,MAAMF,YAAA,GAAeD,KAAA,CAAMI,IAAA,CAAMC,KAAA,IACjCA,KAAA,CAAMC,QAAA,GACJ,eAAAH,GAAA,CAACD,EAAA;IAAI,GAAGG;EAAA,CAAO,IADM,IAE7B;EAEYE,UAAA,GAAaL,EAAA,CAAGK,UAAA","ignoreList":[]}
+{"version":3,"names":["React","useRef","jsx","RemoveScroll","memo","props","root","ref","style","display","children"],"sources":["../../src/RemoveScroll.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,IAASC,MAAA,QAAc;AAgB1B,SAAAC,GAAA;AARG,MAAMC,YAAA,GAAeH,KAAA,CAAMI,IAAA,CAAMC,KAAA,IAA6B;EACnE,MAAMC,IAAA,GAAOL,MAAA,CAAoB,IAAI;EAMrC,OACE,eAAAC,GAAA,CAAC;IAAKK,GAAA,EAAKD,IAAA;IAAME,KAAA,EAAO;MAAEC,OAAA,EAAS;IAAW;IAC3CC,QAAA,EAAAL,KAAA,CAAMK;EAAA,CACT;AAEJ,CAAC","ignoreList":[]}

package/dist/jsx/useDisableScroll.js

@@ -0,0 +1,30 @@
+import { useEffect } from "react";
+const canUseDOM = () => typeof window < "u" && !!window.document && !!window.document.createElement, preventDefault = (e) => {
+  e.preventDefault && e.preventDefault();
+}, useDisableScrollOutsideOf = (nodeRef, options = {}) => {
+  const { enabled, keyboardKeys = [32, 33, 34, 35, 36, 37, 38, 39, 40] } = options;
+  useEffect(() => {
+    if (!enabled || !canUseDOM())
+      return;
+    const node = nodeRef.current;
+    if (!node)
+      return;
+    const scrollEl = document.scrollingElement;
+    if (!scrollEl || !(scrollEl instanceof HTMLElement))
+      return;
+    const previously = scrollEl.style.pointerEvents;
+    scrollEl.style.pointerEvents = "none";
+    const lockToScrollPos = [scrollEl.scrollLeft, scrollEl.scrollTop], handleScroll = (e) => {
+      scrollEl && (e.preventDefault(), scrollEl.scrollTo(lockToScrollPos[0], lockToScrollPos[1]));
+    }, handleEvent = (e) => {
+      e.target instanceof Node && (e.target === node || node.contains(e.target)) || "keyCode" in e && !keyboardKeys.includes(e.keyCode) || preventDefault(e);
+    };
+    return document.addEventListener("scroll", handleScroll, { passive: !1 }), document.addEventListener("wheel", handleEvent, { passive: !1 }), document.addEventListener("touchmove", handleEvent, { passive: !1 }), document.addEventListener("keydown", handleEvent, { passive: !1 }), () => {
+      scrollEl.style.pointerEvents = previously, document.removeEventListener("scroll", handleScroll), document.removeEventListener("wheel", handleEvent), document.removeEventListener("touchmove", handleEvent), document.removeEventListener("keydown", handleEvent);
+    };
+  }, [enabled, nodeRef, keyboardKeys]);
+};
+export {
+  useDisableScrollOutsideOf
+};
+//# sourceMappingURL=useDisableScroll.js.map

package/dist/jsx/useDisableScroll.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useDisableScroll.ts"],
+  "mappings": "AAAA,SAAS,iBAAyB;AAElC,MAAM,YAAY,MAChB,OAAO,SAAW,OAAe,CAAC,CAAC,OAAO,YAAY,CAAC,CAAC,OAAO,SAAS,eAEpE,iBAAiB,CAAC,MAA+C;AACrE,EAAI,EAAE,kBACJ,EAAE,eAAe;AAErB,GAEa,4BAA4B,CACvC,SACA,UAKI,CAAC,MACF;AACH,QAAM,EAAE,SAAS,eAAe,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE,EAAE,IAAI;AAEzE,YAAU,MAAM;AACd,QAAI,CAAC,WAAW,CAAC,UAAU;AACzB;AAGF,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC;AACH;AAGF,UAAM,WAAW,SAAS;AAC1B,QAAI,CAAC,YAAY,EAAE,oBAAoB;AACrC;AAGF,UAAM,aAAa,SAAS,MAAM;AAClC,aAAS,MAAM,gBAAgB;AAE/B,UAAM,kBAAkB,CAAC,SAAS,YAAY,SAAS,SAAS,GAE1D,eAAe,CAAC,MAAa;AACjC,MAAI,aACF,EAAE,eAAe,GACjB,SAAS,SAAS,gBAAgB,CAAC,GAAG,gBAAgB,CAAC,CAAC;AAAA,IAE5D,GAEM,cAAc,CAAC,MAA+C;AAClE,MAAI,EAAE,kBAAkB,SAAS,EAAE,WAAW,QAAQ,KAAK,SAAS,EAAE,MAAM,MAIxE,aAAa,KAAK,CAAC,aAAa,SAAS,EAAE,OAAO,KAItD,eAAe,CAAC;AAAA,IAClB;AAEA,oBAAS,iBAAiB,UAAU,cAAc,EAAE,SAAS,GAAM,CAAC,GACpE,SAAS,iBAAiB,SAAS,aAAa,EAAE,SAAS,GAAM,CAAC,GAClE,SAAS,iBAAiB,aAAa,aAAa,EAAE,SAAS,GAAM,CAAC,GACtE,SAAS,iBAAiB,WAAW,aAAa,EAAE,SAAS,GAAM,CAAC,GAE7D,MAAM;AACX,eAAS,MAAM,gBAAgB,YAC/B,SAAS,oBAAoB,UAAU,YAAY,GACnD,SAAS,oBAAoB,SAAS,WAAW,GACjD,SAAS,oBAAoB,aAAa,WAAW,GACrD,SAAS,oBAAoB,WAAW,WAAW;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,SAAS,SAAS,YAAY,CAAC;AACrC;",
+  "names": []
+}

package/dist/jsx/useDisableScroll.mjs

@@ -0,0 +1,40 @@
+import { useEffect } from "react";
+const canUseDOM = () => typeof window < "u" && !!window.document && !!window.document.createElement,
+  preventDefault = e => {
+    e.preventDefault && e.preventDefault();
+  },
+  useDisableScrollOutsideOf = (nodeRef, options = {}) => {
+    const {
+      enabled,
+      keyboardKeys = [32, 33, 34, 35, 36, 37, 38, 39, 40]
+    } = options;
+    useEffect(() => {
+      if (!enabled || !canUseDOM()) return;
+      const node = nodeRef.current;
+      if (!node) return;
+      const scrollEl = document.scrollingElement;
+      if (!scrollEl || !(scrollEl instanceof HTMLElement)) return;
+      const previously = scrollEl.style.pointerEvents;
+      scrollEl.style.pointerEvents = "none";
+      const lockToScrollPos = [scrollEl.scrollLeft, scrollEl.scrollTop],
+        handleScroll = e => {
+          scrollEl && (e.preventDefault(), scrollEl.scrollTo(lockToScrollPos[0], lockToScrollPos[1]));
+        },
+        handleEvent = e => {
+          e.target instanceof Node && (e.target === node || node.contains(e.target)) || "keyCode" in e && !keyboardKeys.includes(e.keyCode) || preventDefault(e);
+        };
+      return document.addEventListener("scroll", handleScroll, {
+        passive: !1
+      }), document.addEventListener("wheel", handleEvent, {
+        passive: !1
+      }), document.addEventListener("touchmove", handleEvent, {
+        passive: !1
+      }), document.addEventListener("keydown", handleEvent, {
+        passive: !1
+      }), () => {
+        scrollEl.style.pointerEvents = previously, document.removeEventListener("scroll", handleScroll), document.removeEventListener("wheel", handleEvent), document.removeEventListener("touchmove", handleEvent), document.removeEventListener("keydown", handleEvent);
+      };
+    }, [enabled, nodeRef, keyboardKeys]);
+  };
+export { useDisableScrollOutsideOf };
+//# sourceMappingURL=useDisableScroll.mjs.map

package/dist/jsx/useDisableScroll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","canUseDOM","window","document","createElement","preventDefault","e","useDisableScrollOutsideOf","nodeRef","options","enabled","keyboardKeys","node","current","scrollEl","scrollingElement","HTMLElement","previously","style","pointerEvents","lockToScrollPos","scrollLeft","scrollTop","handleScroll","scrollTo","handleEvent","target","Node","contains","includes","keyCode","addEventListener","passive","removeEventListener"],"sources":["../../src/useDisableScroll.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAyB;AAElC,MAAMC,SAAA,GAAYA,CAAA,KAChB,OAAOC,MAAA,GAAW,OAAe,CAAC,CAACA,MAAA,CAAOC,QAAA,IAAY,CAAC,CAACD,MAAA,CAAOC,QAAA,CAASC,aAAA;EAEpEC,cAAA,GAAkBC,CAAA,IAA+C;IACjEA,CAAA,CAAED,cAAA,IACJC,CAAA,CAAED,cAAA,CAAe;EAErB;EAEaE,yBAAA,GAA4BA,CACvCC,OAAA,EACAC,OAAA,GAKI,CAAC,MACF;IACH,MAAM;MAAEC,OAAA;MAASC,YAAA,GAAe,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;IAAE,IAAIF,OAAA;IAEzET,SAAA,CAAU,MAAM;MACd,IAAI,CAACU,OAAA,IAAW,CAACT,SAAA,CAAU,GACzB;MAGF,MAAMW,IAAA,GAAOJ,OAAA,CAAQK,OAAA;MACrB,IAAI,CAACD,IAAA,EACH;MAGF,MAAME,QAAA,GAAWX,QAAA,CAASY,gBAAA;MAC1B,IAAI,CAACD,QAAA,IAAY,EAAEA,QAAA,YAAoBE,WAAA,GACrC;MAGF,MAAMC,UAAA,GAAaH,QAAA,CAASI,KAAA,CAAMC,aAAA;MAClCL,QAAA,CAASI,KAAA,CAAMC,aAAA,GAAgB;MAE/B,MAAMC,eAAA,GAAkB,CAACN,QAAA,CAASO,UAAA,EAAYP,QAAA,CAASQ,SAAS;QAE1DC,YAAA,GAAgBjB,CAAA,IAAa;UAC7BQ,QAAA,KACFR,CAAA,CAAED,cAAA,CAAe,GACjBS,QAAA,CAASU,QAAA,CAASJ,eAAA,CAAgB,CAAC,GAAGA,eAAA,CAAgB,CAAC,CAAC;QAE5D;QAEMK,WAAA,GAAenB,CAAA,IAA+C;UAC9DA,CAAA,CAAEoB,MAAA,YAAkBC,IAAA,KAASrB,CAAA,CAAEoB,MAAA,KAAWd,IAAA,IAAQA,IAAA,CAAKgB,QAAA,CAAStB,CAAA,CAAEoB,MAAM,MAIxE,aAAapB,CAAA,IAAK,CAACK,YAAA,CAAakB,QAAA,CAASvB,CAAA,CAAEwB,OAAO,KAItDzB,cAAA,CAAeC,CAAC;QAClB;MAEA,OAAAH,QAAA,CAAS4B,gBAAA,CAAiB,UAAUR,YAAA,EAAc;QAAES,OAAA,EAAS;MAAM,CAAC,GACpE7B,QAAA,CAAS4B,gBAAA,CAAiB,SAASN,WAAA,EAAa;QAAEO,OAAA,EAAS;MAAM,CAAC,GAClE7B,QAAA,CAAS4B,gBAAA,CAAiB,aAAaN,WAAA,EAAa;QAAEO,OAAA,EAAS;MAAM,CAAC,GACtE7B,QAAA,CAAS4B,gBAAA,CAAiB,WAAWN,WAAA,EAAa;QAAEO,OAAA,EAAS;MAAM,CAAC,GAE7D,MAAM;QACXlB,QAAA,CAASI,KAAA,CAAMC,aAAA,GAAgBF,UAAA,EAC/Bd,QAAA,CAAS8B,mBAAA,CAAoB,UAAUV,YAAY,GACnDpB,QAAA,CAAS8B,mBAAA,CAAoB,SAASR,WAAW,GACjDtB,QAAA,CAAS8B,mBAAA,CAAoB,aAAaR,WAAW,GACrDtB,QAAA,CAAS8B,mBAAA,CAAoB,WAAWR,WAAW;MACrD;IACF,GAAG,CAACf,OAAA,EAASF,OAAA,EAASG,YAAY,CAAC;EACrC","ignoreList":[]}

package/dist/jsx/useDisableScroll.native.js

@@ -0,0 +1,61 @@
+import { useEffect } from "react";
+var canUseDOM = function() {
+  return typeof window < "u" && !!window.document && !!window.document.createElement;
+}, preventDefault = function(e) {
+  e.preventDefault && e.preventDefault();
+}, useDisableScrollOutsideOf = function(nodeRef) {
+  var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : (
+    // space: 32, page up: 33, page down: 34, end: 35, home: 36
+    // left: 37, up: 38, right: 39, down: 40
+    {}
+  ), { enabled, keyboardKeys = [
+    32,
+    33,
+    34,
+    35,
+    36,
+    37,
+    38,
+    39,
+    40
+  ] } = options;
+  useEffect(function() {
+    if (!(!enabled || !canUseDOM())) {
+      var node = nodeRef.current;
+      if (node) {
+        var scrollEl = document.scrollingElement;
+        if (!(!scrollEl || !(scrollEl instanceof HTMLElement))) {
+          var previously = scrollEl.style.pointerEvents;
+          scrollEl.style.pointerEvents = "none";
+          var lockToScrollPos = [
+            scrollEl.scrollLeft,
+            scrollEl.scrollTop
+          ], handleScroll = function(e) {
+            scrollEl && (e.preventDefault(), scrollEl.scrollTo(lockToScrollPos[0], lockToScrollPos[1]));
+          }, handleEvent = function(e) {
+            e.target instanceof Node && (e.target === node || node.contains(e.target)) || "keyCode" in e && !keyboardKeys.includes(e.keyCode) || preventDefault(e);
+          };
+          return document.addEventListener("scroll", handleScroll, {
+            passive: !1
+          }), document.addEventListener("wheel", handleEvent, {
+            passive: !1
+          }), document.addEventListener("touchmove", handleEvent, {
+            passive: !1
+          }), document.addEventListener("keydown", handleEvent, {
+            passive: !1
+          }), function() {
+            scrollEl.style.pointerEvents = previously, document.removeEventListener("scroll", handleScroll), document.removeEventListener("wheel", handleEvent), document.removeEventListener("touchmove", handleEvent), document.removeEventListener("keydown", handleEvent);
+          };
+        }
+      }
+    }
+  }, [
+    enabled,
+    nodeRef,
+    keyboardKeys
+  ]);
+};
+export {
+  useDisableScrollOutsideOf
+};
+//# sourceMappingURL=useDisableScroll.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useDisableScroll.ts"],
+  "mappings": "AAAA,SAASA,iBAAyB;AAElC,IAAMC,YAAY,WAAA;SAChB,OAAOC,SAAW,OAAe,CAAC,CAACA,OAAOC,YAAY,CAAC,CAACD,OAAOC,SAASC;GAEpEC,iBAAiB,SAACC,GAAAA;AACtB,EAAIA,EAAED,kBACJC,EAAED,eAAc;AAEpB,GAEaE,4BAA4B,SACvCC,SAAAA;MACAC,UAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA;;;IAKI,CAAC;KAEC,EAAEC,SAASC,eAAe;IAAC;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAG,IAAKF;AAEzET,YAAU,WAAA;AACR,QAAI,GAACU,WAAW,CAACT,UAAAA,IAIjB;UAAMW,OAAOJ,QAAQK;AACrB,UAAKD,MAIL;YAAME,WAAWX,SAASY;AAC1B,YAAI,GAACD,YAAY,EAAEA,oBAAoBE,eAIvC;cAAMC,aAAaH,SAASI,MAAMC;AAClCL,mBAASI,MAAMC,gBAAgB;AAE/B,cAAMC,kBAAkB;YAACN,SAASO;YAAYP,SAASQ;aAEjDC,eAAe,SAACjB,GAAAA;AACpB,YAAIQ,aACFR,EAAED,eAAc,GAChBS,SAASU,SAASJ,gBAAgB,CAAA,GAAIA,gBAAgB,CAAA,CAAE;UAE5D,GAEMK,cAAc,SAACnB,GAAAA;AACnB,YAAIA,EAAEoB,kBAAkBC,SAASrB,EAAEoB,WAAWd,QAAQA,KAAKgB,SAAStB,EAAEoB,MAAM,MAIxE,aAAapB,KAAK,CAACK,aAAakB,SAASvB,EAAEwB,OAAO,KAItDzB,eAAeC,CAAAA;UACjB;AAEAH,0BAAS4B,iBAAiB,UAAUR,cAAc;YAAES,SAAS;UAAM,CAAA,GACnE7B,SAAS4B,iBAAiB,SAASN,aAAa;YAAEO,SAAS;UAAM,CAAA,GACjE7B,SAAS4B,iBAAiB,aAAaN,aAAa;YAAEO,SAAS;UAAM,CAAA,GACrE7B,SAAS4B,iBAAiB,WAAWN,aAAa;YAAEO,SAAS;UAAM,CAAA,GAE5D,WAAA;AACLlB,qBAASI,MAAMC,gBAAgBF,YAC/Bd,SAAS8B,oBAAoB,UAAUV,YAAAA,GACvCpB,SAAS8B,oBAAoB,SAASR,WAAAA,GACtCtB,SAAS8B,oBAAoB,aAAaR,WAAAA,GAC1CtB,SAAS8B,oBAAoB,WAAWR,WAAAA;UAC1C;;;;EACF,GAAG;IAACf;IAASF;IAASG;GAAa;AACrC;",
+  "names": ["useEffect", "canUseDOM", "window", "document", "createElement", "preventDefault", "e", "useDisableScrollOutsideOf", "nodeRef", "options", "enabled", "keyboardKeys", "node", "current", "scrollEl", "scrollingElement", "HTMLElement", "previously", "style", "pointerEvents", "lockToScrollPos", "scrollLeft", "scrollTop", "handleScroll", "scrollTo", "handleEvent", "target", "Node", "contains", "includes", "keyCode", "addEventListener", "passive", "removeEventListener"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/remove-scroll",
-  "version": "1.129.19",
+  "version": "1.130.0",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -31,11 +31,8 @@
       "default": "./dist/cjs/index.native.js"
     }
   },
-  "dependencies": {
-    "react-remove-scroll": "^2.6.0"
-  },
   "devDependencies": {
-    "@tamagui/build": "1.129.19",
+    "@tamagui/build": "1.130.0",
     "react": "*"
   },
   "publishConfig": {

package/src/RemoveScroll.tsx

@@ -1,12 +1,21 @@
-import React from 'react'
-import type { ComponentProps } from 'react'
-import { RemoveScroll as RS } from 'react-remove-scroll'
+import React, { useRef } from 'react'
+import { useDisableScrollOutsideOf } from './useDisableScroll'
 
-export type RemoveScrollProps = ComponentProps<typeof RS>
+export type RemoveScrollProps = {
+  enabled?: boolean
+  children?: React.ReactNode
+}
 
 export const RemoveScroll = React.memo((props: RemoveScrollProps) => {
-  if (!props.children) return null
-  return <RS {...props} />
-})
+  const root = useRef<HTMLElement>(null)
+
+  // useDisableScrollOutsideOf(root, {
+  //   enabled: Boolean(props.enabled),
+  // })
 
-export const classNames = RS.classNames
+  return (
+    <span ref={root} style={{ display: 'contents' }}>
+      {props.children}
+    </span>
+  )
+})

package/src/useDisableScroll.ts

@@ -0,0 +1,75 @@
+import { useEffect, useRef } from 'react'
+
+const canUseDOM = () =>
+  typeof window !== 'undefined' && !!window.document && !!window.document.createElement
+
+const preventDefault = (e: WheelEvent | TouchEvent | KeyboardEvent) => {
+  if (e.preventDefault) {
+    e.preventDefault()
+  }
+}
+
+export const useDisableScrollOutsideOf = (
+  nodeRef: React.RefObject<HTMLElement | null>,
+  options: {
+    enabled?: boolean
+    // space: 32, page up: 33, page down: 34, end: 35, home: 36
+    // left: 37, up: 38, right: 39, down: 40
+    keyboardKeys?: number[]
+  } = {}
+) => {
+  const { enabled, keyboardKeys = [32, 33, 34, 35, 36, 37, 38, 39, 40] } = options
+
+  useEffect(() => {
+    if (!enabled || !canUseDOM()) {
+      return
+    }
+
+    const node = nodeRef.current
+    if (!node) {
+      return
+    }
+
+    const scrollEl = document.scrollingElement
+    if (!scrollEl || !(scrollEl instanceof HTMLElement)) {
+      return
+    }
+
+    const previously = scrollEl.style.pointerEvents
+    scrollEl.style.pointerEvents = 'none'
+
+    const lockToScrollPos = [scrollEl.scrollLeft, scrollEl.scrollTop]
+
+    const handleScroll = (e: Event) => {
+      if (scrollEl) {
+        e.preventDefault()
+        scrollEl.scrollTo(lockToScrollPos[0], lockToScrollPos[1])
+      }
+    }
+
+    const handleEvent = (e: WheelEvent | TouchEvent | KeyboardEvent) => {
+      if (e.target instanceof Node && (e.target === node || node.contains(e.target))) {
+        return
+      }
+
+      if ('keyCode' in e && !keyboardKeys.includes(e.keyCode)) {
+        return
+      }
+
+      preventDefault(e)
+    }
+
+    document.addEventListener('scroll', handleScroll, { passive: false })
+    document.addEventListener('wheel', handleEvent, { passive: false })
+    document.addEventListener('touchmove', handleEvent, { passive: false })
+    document.addEventListener('keydown', handleEvent, { passive: false })
+
+    return () => {
+      scrollEl.style.pointerEvents = previously
+      document.removeEventListener('scroll', handleScroll)
+      document.removeEventListener('wheel', handleEvent)
+      document.removeEventListener('touchmove', handleEvent)
+      document.removeEventListener('keydown', handleEvent)
+    }
+  }, [enabled, nodeRef, keyboardKeys])
+}

package/types/RemoveScroll.d.ts

@@ -1,10 +1,7 @@
 import React from 'react';
-import type { ComponentProps } from 'react';
-import { RemoveScroll as RS } from 'react-remove-scroll';
-export type RemoveScrollProps = ComponentProps<typeof RS>;
-export declare const RemoveScroll: React.MemoExoticComponent<(props: RemoveScrollProps) => import("react/jsx-runtime").JSX.Element | null>;
-export declare const classNames: {
-    fullWidth: string;
-    zeroRight: string;
+export type RemoveScrollProps = {
+    enabled?: boolean;
+    children?: React.ReactNode;
 };
+export declare const RemoveScroll: React.MemoExoticComponent<(props: RemoveScrollProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=RemoveScroll.d.ts.map

package/types/RemoveScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoveScroll.d.ts","sourceRoot":"","sources":["../src/RemoveScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,YAAY,IAAI,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAExD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,EAAE,CAAC,CAAA;AAEzD,eAAO,MAAM,YAAY,oCAAsB,iBAAiB,oDAG9D,CAAA;AAEF,eAAO,MAAM,UAAU;;;CAAgB,CAAA"}
+{"version":3,"file":"RemoveScroll.d.ts","sourceRoot":"","sources":["../src/RemoveScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAGrC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,YAAY,oCAAsB,iBAAiB,6CAY9D,CAAA"}

package/types/useDisableScroll.d.ts

@@ -0,0 +1,5 @@
+export declare const useDisableScrollOutsideOf: (nodeRef: React.RefObject<HTMLElement | null>, options?: {
+    enabled?: boolean;
+    keyboardKeys?: number[];
+}) => void;
+//# sourceMappingURL=useDisableScroll.d.ts.map

package/types/useDisableScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisableScroll.d.ts","sourceRoot":"","sources":["../src/useDisableScroll.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,yBAAyB,GACpC,SAAS,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAC5C,UAAS;IACP,OAAO,CAAC,EAAE,OAAO,CAAA;IAGjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;CACnB,SAwDP,CAAA"}