@tamagui/react-native-web-internals 1.129.5 → 1.129.6

package/dist/cjs/modules/useElementLayout/index.cjs

@@ -1,9 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
     for (var name in all) __defProp(target, name, {
       get: all[name],
@@ -17,66 +15,25 @@ var __export = (target, all) => {
     });
     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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
 var useElementLayout_exports = {};
 __export(useElementLayout_exports, {
   default: () => useElementLayout
 });
 module.exports = __toCommonJS(useElementLayout_exports);
-var import_canUseDOM = __toESM(require("../canUseDOM.cjs")),
-  import_UIManager = __toESM(require("../UIManager/index.cjs")),
-  import_useLayoutEffect = __toESM(require("../useLayoutEffect/index.cjs"));
-const DOM_LAYOUT_HANDLER_NAME = "__reactLayoutHandler";
-let didWarn = !import_canUseDOM.default,
-  resizeObserver = null;
-function getResizeObserver() {
-  return import_canUseDOM.default && typeof window.ResizeObserver < "u" ? resizeObserver == null && (resizeObserver = new window.ResizeObserver(function (entries) {
-    entries.forEach(entry => {
-      const node = entry.target,
-        onLayout = node[DOM_LAYOUT_HANDLER_NAME];
-      typeof onLayout == "function" && import_UIManager.default.measure(node, (x, y, width, height, left, top) => {
-        const event = {
-          // @ts-ignore
-          nativeEvent: {
-            layout: {
-              x,
-              y,
-              width,
-              height,
-              left,
-              top
-            }
-          },
-          timeStamp: Date.now()
-        };
-        Object.defineProperty(event.nativeEvent, "target", {
-          enumerable: !0,
-          get: () => entry.target
-        }), onLayout(event);
-      });
-    });
-  })) : didWarn || process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && (console.warn("onLayout relies on ResizeObserver which is not supported by your browser. Please include a polyfill, e.g., https://github.com/que-etc/resize-observer-polyfill."), didWarn = !0), resizeObserver;
-}
+var import_use_element_layout = require("@tamagui/use-element-layout"),
+  import_react = require("react");
 function useElementLayout(ref, onLayout) {
-  const observer = getResizeObserver();
-  (0, import_useLayoutEffect.default)(() => {
-    const node = ref.current;
-    node != null && (node[DOM_LAYOUT_HANDLER_NAME] = onLayout);
-  }, [ref, onLayout]), (0, import_useLayoutEffect.default)(() => {
-    const node = ref.current;
-    return node != null && observer != null && (typeof node[DOM_LAYOUT_HANDLER_NAME] == "function" ? observer.observe(node) : observer.unobserve(node)), () => {
-      node != null && observer != null && observer.unobserve(node);
-    };
-  }, [ref, observer]);
+  const wrappedRef = (0, import_react.useMemo)(() => ({
+    current: {
+      get host() {
+        return ref.current;
+      }
+    }
+  }), [ref]);
+  return (0, import_react.useEffect)(() => {
+    (0, import_use_element_layout.enable)();
+  }, []), (0, import_use_element_layout.useElementLayout)(wrappedRef, onLayout);
 }

package/dist/cjs/modules/useElementLayout/index.js

@@ -1,8 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -12,54 +11,23 @@ var __export = (target, all) => {
       !__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: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var useElementLayout_exports = {};
 __export(useElementLayout_exports, {
   default: () => useElementLayout
 });
 module.exports = __toCommonJS(useElementLayout_exports);
-var import_canUseDOM = __toESM(require("../canUseDOM")), import_UIManager = __toESM(require("../UIManager/index")), import_useLayoutEffect = __toESM(require("../useLayoutEffect/index"));
-const DOM_LAYOUT_HANDLER_NAME = "__reactLayoutHandler";
-let didWarn = !import_canUseDOM.default, resizeObserver = null;
-function getResizeObserver() {
-  return import_canUseDOM.default && typeof window.ResizeObserver < "u" ? resizeObserver == null && (resizeObserver = new window.ResizeObserver(function(entries) {
-    entries.forEach((entry) => {
-      const node = entry.target, onLayout = node[DOM_LAYOUT_HANDLER_NAME];
-      typeof onLayout == "function" && import_UIManager.default.measure(node, (x, y, width, height, left, top) => {
-        const event = {
-          // @ts-ignore
-          nativeEvent: {
-            layout: { x, y, width, height, left, top }
-          },
-          timeStamp: Date.now()
-        };
-        Object.defineProperty(event.nativeEvent, "target", {
-          enumerable: !0,
-          get: () => entry.target
-        }), onLayout(event);
-      });
-    });
-  })) : didWarn || process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && (console.warn(
-    "onLayout relies on ResizeObserver which is not supported by your browser. Please include a polyfill, e.g., https://github.com/que-etc/resize-observer-polyfill."
-  ), didWarn = !0), resizeObserver;
-}
+var import_use_element_layout = require("@tamagui/use-element-layout"), import_react = require("react");
 function useElementLayout(ref, onLayout) {
-  const observer = getResizeObserver();
-  (0, import_useLayoutEffect.default)(() => {
-    const node = ref.current;
-    node != null && (node[DOM_LAYOUT_HANDLER_NAME] = onLayout);
-  }, [ref, onLayout]), (0, import_useLayoutEffect.default)(() => {
-    const node = ref.current;
-    return node != null && observer != null && (typeof node[DOM_LAYOUT_HANDLER_NAME] == "function" ? observer.observe(node) : observer.unobserve(node)), () => {
-      node != null && observer != null && observer.unobserve(node);
-    };
-  }, [ref, observer]);
+  const wrappedRef = (0, import_react.useMemo)(() => ({
+    current: {
+      get host() {
+        return ref.current;
+      }
+    }
+  }), [ref]);
+  return (0, import_react.useEffect)(() => {
+    (0, import_use_element_layout.enable)();
+  }, []), (0, import_use_element_layout.useElementLayout)(wrappedRef, onLayout);
 }
 //# sourceMappingURL=index.js.map

package/dist/cjs/modules/useElementLayout/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/useElementLayout/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA,uBAAsB,kCACtB,mBAAsB,wCACtB,yBAA4B;AAE5B,MAAM,0BAA0B;AAEhC,IAAI,UAAU,CAAC,iBAAAA,SACX,iBAAiB;AAErB,SAAS,oBAA2C;AAClD,SAAI,iBAAAA,WAAa,OAAO,OAAO,iBAAmB,MAC5C,kBAAkB,SACpB,iBAAiB,IAAI,OAAO,eAAe,SAAU,SAAS;AAC5D,YAAQ,QAAQ,CAAC,UAAU;AACzB,YAAM,OAAO,MAAM,QACb,WAAW,KAAK,uBAAuB;AAC7C,MAAI,OAAO,YAAa,cAGtB,iBAAAC,QAAU,QAAQ,MAAM,CAAC,GAAG,GAAG,OAAO,QAAQ,MAAM,QAAQ;AAC1D,cAAM,QAAqB;AAAA;AAAA,UAEzB,aAAa;AAAA,YACX,QAAQ,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI;AAAA,UAC3C;AAAA,UACA,WAAW,KAAK,IAAI;AAAA,QACtB;AACA,eAAO,eAAe,MAAM,aAAa,UAAU;AAAA,UACjD,YAAY;AAAA,UACZ,KAAK,MAAM,MAAM;AAAA,QACnB,CAAC,GACD,SAAS,KAAK;AAAA,MAChB,CAAC;AAAA,IAEL,CAAC;AAAA,EACH,CAAC,KAEO,WACN,QAAQ,IAAI,aAAa,gBAAgB,QAAQ,IAAI,aAAa,WACpE,QAAQ;AAAA,IACN;AAAA,EAEF,GACA,UAAU,KAGP;AACT;AAEe,SAAR,iBACL,KACA,UACA;AACA,QAAM,WAAW,kBAAkB;AAEnC,6BAAAC,SAAgB,MAAM;AACpB,UAAM,OAAO,IAAI;AACjB,IAAI,QAAQ,SACV,KAAK,uBAAuB,IAAI;AAAA,EAEpC,GAAG,CAAC,KAAK,QAAQ,CAAC,OAIlB,uBAAAA,SAAgB,MAAM;AACpB,UAAM,OAAO,IAAI;AACjB,WAAI,QAAQ,QAAQ,YAAY,SAC1B,OAAO,KAAK,uBAAuB,KAAM,aAC3C,SAAS,QAAQ,IAAI,IAErB,SAAS,UAAU,IAAI,IAGpB,MAAM;AACX,MAAI,QAAQ,QAAQ,YAAY,QAC9B,SAAS,UAAU,IAAI;AAAA,IAE3B;AAAA,EACF,GAAG,CAAC,KAAK,QAAQ,CAAC;AACpB;",
-  "names": ["canUseDOM", "UIManager", "useLayoutEffect"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAGO,wCACP,eAAmD;AAGpC,SAAR,iBACL,KACA,UACA;AAEA,QAAM,iBAAa,sBAAQ,OAClB;AAAA,IACL,SAAS;AAAA,MACP,IAAI,OAAO;AACT,eAAO,IAAI;AAAA,MACb;AAAA,IACF;AAAA,EACF,IACC,CAAC,GAAG,CAAC;AAER,qCAAU,MAAM;AACd,0CAAO;AAAA,EACT,GAAG,CAAC,CAAC,OAEE,0BAAAA,kBAAwB,YAAY,QAAQ;AACrD;",
+  "names": ["useTamaguiElementLayout"]
 }

package/dist/cjs/modules/useElementLayout/index.native.js

@@ -1,9 +1,8 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -13,65 +12,27 @@ var __export = (target, all) => {
       !__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: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var useElementLayout_exports = {};
 __export(useElementLayout_exports, {
   default: () => useElementLayout
 });
 module.exports = __toCommonJS(useElementLayout_exports);
-var import_canUseDOM = __toESM(require("../canUseDOM")), import_UIManager = __toESM(require("../UIManager/index")), import_useLayoutEffect = __toESM(require("../useLayoutEffect/index")), DOM_LAYOUT_HANDLER_NAME = "__reactLayoutHandler", didWarn = !import_canUseDOM.default, resizeObserver = null;
-function getResizeObserver() {
-  return import_canUseDOM.default && typeof window.ResizeObserver < "u" ? resizeObserver == null && (resizeObserver = new window.ResizeObserver(function(entries) {
-    entries.forEach(function(entry) {
-      var node = entry.target, onLayout = node[DOM_LAYOUT_HANDLER_NAME];
-      typeof onLayout == "function" && import_UIManager.default.measure(node, function(x, y, width, height, left, top) {
-        var event = {
-          // @ts-ignore
-          nativeEvent: {
-            layout: {
-              x,
-              y,
-              width,
-              height,
-              left,
-              top
-            }
-          },
-          timeStamp: Date.now()
-        };
-        Object.defineProperty(event.nativeEvent, "target", {
-          enumerable: !0,
-          get: function() {
-            return entry.target;
-          }
-        }), onLayout(event);
-      });
-    });
-  })) : didWarn || process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && (console.warn("onLayout relies on ResizeObserver which is not supported by your browser. Please include a polyfill, e.g., https://github.com/que-etc/resize-observer-polyfill."), didWarn = !0), resizeObserver;
-}
+var import_use_element_layout = require("@tamagui/use-element-layout"), import_react = require("react");
 function useElementLayout(ref, onLayout) {
-  var observer = getResizeObserver();
-  (0, import_useLayoutEffect.default)(function() {
-    var node = ref.current;
-    node != null && (node[DOM_LAYOUT_HANDLER_NAME] = onLayout);
-  }, [
-    ref,
-    onLayout
-  ]), (0, import_useLayoutEffect.default)(function() {
-    var node = ref.current;
-    return node != null && observer != null && (typeof node[DOM_LAYOUT_HANDLER_NAME] == "function" ? observer.observe(node) : observer.unobserve(node)), function() {
-      node != null && observer != null && observer.unobserve(node);
+  var wrappedRef = (0, import_react.useMemo)(function() {
+    return {
+      current: {
+        get host() {
+          return ref.current;
+        }
+      }
     };
   }, [
-    ref,
-    observer
+    ref
   ]);
+  return (0, import_react.useEffect)(function() {
+    (0, import_use_element_layout.enable)();
+  }, []), (0, import_use_element_layout.useElementLayout)(wrappedRef, onLayout);
 }
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/useElementLayout/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;AAaA,uBAAsB,kCACtB,mBAAsB,wCACtB,yBAA4B,8CAEtBA,0BAA0B,wBAE5BC,UAAU,CAACC,iBAAAA,SACXC,iBAAiB;AAErB,SAASC,oBAAAA;AACP,SAAIF,iBAAAA,WAAa,OAAOG,OAAOC,iBAAmB,MAC5CH,kBAAkB,SACpBA,iBAAiB,IAAIE,OAAOC,eAAe,SAAUC,SAAO;AAC1DA,YAAQC,QAAQ,SAACC,OAAAA;AACf,UAAMC,OAAOD,MAAME,QACbC,WAAWF,KAAKV,uBAAAA;AACtB,MAAI,OAAOY,YAAa,cAGtBC,iBAAAA,QAAUC,QAAQJ,MAAM,SAACK,GAAGC,GAAGC,OAAOC,QAAQC,MAAMC,KAAAA;AAClD,YAAMC,QAAqB;;UAEzBC,aAAa;YACXC,QAAQ;cAAER;cAAGC;cAAGC;cAAOC;cAAQC;cAAMC;YAAI;UAC3C;UACAI,WAAWC,KAAKC,IAAG;QACrB;AACAC,eAAOC,eAAeP,MAAMC,aAAa,UAAU;UACjDO,YAAY;UACZC,KAAK,WAAA;mBAAMrB,MAAME;;QACnB,CAAA,GACAC,SAASS,KAAAA;MACX,CAAA;IAEJ,CAAA;EACF,CAAA,KAEQpB,WACN8B,QAAQC,IAAIC,aAAa,gBAAgBF,QAAQC,IAAIC,aAAa,WACpEC,QAAQC,KACN,iKACE,GAEJlC,UAAU,KAGPE;AACT;AAEe,SAAf,iBACEiC,KACAxB,UAA4C;AAE5C,MAAMyB,WAAWjC,kBAAAA;AAEjBkC,6BAAAA,SAAgB,WAAA;AACd,QAAM5B,OAAO0B,IAAIG;AACjB,IAAI7B,QAAQ,SACVA,KAAKV,uBAAAA,IAA2BY;EAEpC,GAAG;IAACwB;IAAKxB;GAAS,OAIlB0B,uBAAAA,SAAgB,WAAA;AACd,QAAM5B,OAAO0B,IAAIG;AACjB,WAAI7B,QAAQ,QAAQ2B,YAAY,SAC1B,OAAO3B,KAAKV,uBAAAA,KAA6B,aAC3CqC,SAASG,QAAQ9B,IAAAA,IAEjB2B,SAASI,UAAU/B,IAAAA,IAGhB,WAAA;AACL,MAAIA,QAAQ,QAAQ2B,YAAY,QAC9BA,SAASI,UAAU/B,IAAAA;IAEvB;EACF,GAAG;IAAC0B;IAAKC;GAAS;AACpB;",
-  "names": ["DOM_LAYOUT_HANDLER_NAME", "didWarn", "canUseDOM", "resizeObserver", "getResizeObserver", "window", "ResizeObserver", "entries", "forEach", "entry", "node", "target", "onLayout", "UIManager", "measure", "x", "y", "width", "height", "left", "top", "event", "nativeEvent", "layout", "timeStamp", "Date", "now", "Object", "defineProperty", "enumerable", "get", "process", "env", "NODE_ENV", "console", "warn", "ref", "observer", "useLayoutEffect", "current", "observe", "unobserve"]
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;gCAGO,wCACP,eAAmD;AAGpC,SAAf,iBACEA,KACAC,UAA4C;AAG5C,MAAMC,iBAAaC,sBAAQ,WAAA;AACzB,WAAO;MACLC,SAAS;QACP,IAAIC,OAAO;AACT,iBAAOL,IAAII;QACb;MACF;IACF;EACF,GAAG;IAACJ;GAAI;AAERM,qCAAU,WAAA;AACRC,0CAAAA;EACF,GAAG,CAAA,CAAE,OAEEC,0BAAAA,kBAAwBN,YAAYD,QAAAA;AAC7C;",
+  "names": ["ref", "onLayout", "wrappedRef", "useMemo", "current", "host", "useEffect", "enable", "useTamaguiElementLayout"]
 }

package/dist/esm/modules/useElementLayout/index.js

@@ -1,41 +1,19 @@
-import canUseDOM from "../canUseDOM";
-import UIManager from "../UIManager/index";
-import useLayoutEffect from "../useLayoutEffect/index";
-const DOM_LAYOUT_HANDLER_NAME = "__reactLayoutHandler";
-let didWarn = !canUseDOM, resizeObserver = null;
-function getResizeObserver() {
-  return canUseDOM && typeof window.ResizeObserver < "u" ? resizeObserver == null && (resizeObserver = new window.ResizeObserver(function(entries) {
-    entries.forEach((entry) => {
-      const node = entry.target, onLayout = node[DOM_LAYOUT_HANDLER_NAME];
-      typeof onLayout == "function" && UIManager.measure(node, (x, y, width, height, left, top) => {
-        const event = {
-          // @ts-ignore
-          nativeEvent: {
-            layout: { x, y, width, height, left, top }
-          },
-          timeStamp: Date.now()
-        };
-        Object.defineProperty(event.nativeEvent, "target", {
-          enumerable: !0,
-          get: () => entry.target
-        }), onLayout(event);
-      });
-    });
-  })) : didWarn || process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && (console.warn(
-    "onLayout relies on ResizeObserver which is not supported by your browser. Please include a polyfill, e.g., https://github.com/que-etc/resize-observer-polyfill."
-  ), didWarn = !0), resizeObserver;
-}
+import {
+  enable,
+  useElementLayout as useTamaguiElementLayout
+} from "@tamagui/use-element-layout";
+import { useEffect, useMemo } from "react";
 function useElementLayout(ref, onLayout) {
-  const observer = getResizeObserver();
-  useLayoutEffect(() => {
-    const node = ref.current;
-    node != null && (node[DOM_LAYOUT_HANDLER_NAME] = onLayout);
-  }, [ref, onLayout]), useLayoutEffect(() => {
-    const node = ref.current;
-    return node != null && observer != null && (typeof node[DOM_LAYOUT_HANDLER_NAME] == "function" ? observer.observe(node) : observer.unobserve(node)), () => {
-      node != null && observer != null && observer.unobserve(node);
-    };
-  }, [ref, observer]);
+  const wrappedRef = useMemo(() => ({
+    current: {
+      get host() {
+        return ref.current;
+      }
+    }
+  }), [ref]);
+  return useEffect(() => {
+    enable();
+  }, []), useTamaguiElementLayout(wrappedRef, onLayout);
 }
 export {
   useElementLayout as default

package/dist/esm/modules/useElementLayout/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/useElementLayout/index.tsx"],
-  "mappings": "AAaA,OAAO,eAAe;AACtB,OAAO,eAAe;AACtB,OAAO,qBAAqB;AAE5B,MAAM,0BAA0B;AAEhC,IAAI,UAAU,CAAC,WACX,iBAAiB;AAErB,SAAS,oBAA2C;AAClD,SAAI,aAAa,OAAO,OAAO,iBAAmB,MAC5C,kBAAkB,SACpB,iBAAiB,IAAI,OAAO,eAAe,SAAU,SAAS;AAC5D,YAAQ,QAAQ,CAAC,UAAU;AACzB,YAAM,OAAO,MAAM,QACb,WAAW,KAAK,uBAAuB;AAC7C,MAAI,OAAO,YAAa,cAGtB,UAAU,QAAQ,MAAM,CAAC,GAAG,GAAG,OAAO,QAAQ,MAAM,QAAQ;AAC1D,cAAM,QAAqB;AAAA;AAAA,UAEzB,aAAa;AAAA,YACX,QAAQ,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI;AAAA,UAC3C;AAAA,UACA,WAAW,KAAK,IAAI;AAAA,QACtB;AACA,eAAO,eAAe,MAAM,aAAa,UAAU;AAAA,UACjD,YAAY;AAAA,UACZ,KAAK,MAAM,MAAM;AAAA,QACnB,CAAC,GACD,SAAS,KAAK;AAAA,MAChB,CAAC;AAAA,IAEL,CAAC;AAAA,EACH,CAAC,KAEO,WACN,QAAQ,IAAI,aAAa,gBAAgB,QAAQ,IAAI,aAAa,WACpE,QAAQ;AAAA,IACN;AAAA,EAEF,GACA,UAAU,KAGP;AACT;AAEe,SAAR,iBACL,KACA,UACA;AACA,QAAM,WAAW,kBAAkB;AAEnC,kBAAgB,MAAM;AACpB,UAAM,OAAO,IAAI;AACjB,IAAI,QAAQ,SACV,KAAK,uBAAuB,IAAI;AAAA,EAEpC,GAAG,CAAC,KAAK,QAAQ,CAAC,GAIlB,gBAAgB,MAAM;AACpB,UAAM,OAAO,IAAI;AACjB,WAAI,QAAQ,QAAQ,YAAY,SAC1B,OAAO,KAAK,uBAAuB,KAAM,aAC3C,SAAS,QAAQ,IAAI,IAErB,SAAS,UAAU,IAAI,IAGpB,MAAM;AACX,MAAI,QAAQ,QAAQ,YAAY,QAC9B,SAAS,UAAU,IAAI;AAAA,IAE3B;AAAA,EACF,GAAG,CAAC,KAAK,QAAQ,CAAC;AACpB;",
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA,oBAAoB;AAAA,OACf;AACP,SAAyB,WAAW,eAAe;AAGpC,SAAR,iBACL,KACA,UACA;AAEA,QAAM,aAAa,QAAQ,OAClB;AAAA,IACL,SAAS;AAAA,MACP,IAAI,OAAO;AACT,eAAO,IAAI;AAAA,MACb;AAAA,IACF;AAAA,EACF,IACC,CAAC,GAAG,CAAC;AAER,mBAAU,MAAM;AACd,WAAO;AAAA,EACT,GAAG,CAAC,CAAC,GAEE,wBAAwB,YAAY,QAAQ;AACrD;",
   "names": []
 }

package/dist/esm/modules/useElementLayout/index.mjs

@@ -1,48 +1,16 @@
-import canUseDOM from "../canUseDOM.mjs";
-import UIManager from "../UIManager/index.mjs";
-import useLayoutEffect from "../useLayoutEffect/index.mjs";
-const DOM_LAYOUT_HANDLER_NAME = "__reactLayoutHandler";
-let didWarn = !canUseDOM,
-  resizeObserver = null;
-function getResizeObserver() {
-  return canUseDOM && typeof window.ResizeObserver < "u" ? resizeObserver == null && (resizeObserver = new window.ResizeObserver(function (entries) {
-    entries.forEach(entry => {
-      const node = entry.target,
-        onLayout = node[DOM_LAYOUT_HANDLER_NAME];
-      typeof onLayout == "function" && UIManager.measure(node, (x, y, width, height, left, top) => {
-        const event = {
-          // @ts-ignore
-          nativeEvent: {
-            layout: {
-              x,
-              y,
-              width,
-              height,
-              left,
-              top
-            }
-          },
-          timeStamp: Date.now()
-        };
-        Object.defineProperty(event.nativeEvent, "target", {
-          enumerable: !0,
-          get: () => entry.target
-        }), onLayout(event);
-      });
-    });
-  })) : didWarn || process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && (console.warn("onLayout relies on ResizeObserver which is not supported by your browser. Please include a polyfill, e.g., https://github.com/que-etc/resize-observer-polyfill."), didWarn = !0), resizeObserver;
-}
+import { enable, useElementLayout as useTamaguiElementLayout } from "@tamagui/use-element-layout";
+import { useEffect, useMemo } from "react";
 function useElementLayout(ref, onLayout) {
-  const observer = getResizeObserver();
-  useLayoutEffect(() => {
-    const node = ref.current;
-    node != null && (node[DOM_LAYOUT_HANDLER_NAME] = onLayout);
-  }, [ref, onLayout]), useLayoutEffect(() => {
-    const node = ref.current;
-    return node != null && observer != null && (typeof node[DOM_LAYOUT_HANDLER_NAME] == "function" ? observer.observe(node) : observer.unobserve(node)), () => {
-      node != null && observer != null && observer.unobserve(node);
-    };
-  }, [ref, observer]);
+  const wrappedRef = useMemo(() => ({
+    current: {
+      get host() {
+        return ref.current;
+      }
+    }
+  }), [ref]);
+  return useEffect(() => {
+    enable();
+  }, []), useTamaguiElementLayout(wrappedRef, onLayout);
 }
 export { useElementLayout as default };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/modules/useElementLayout/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["canUseDOM","UIManager","useLayoutEffect","DOM_LAYOUT_HANDLER_NAME","didWarn","resizeObserver","getResizeObserver","window","ResizeObserver","entries","forEach","entry","node","target","onLayout","measure","x","y","width","height","left","top","event","nativeEvent","layout","timeStamp","Date","now","Object","defineProperty","enumerable","get","process","env","NODE_ENV","console","warn","useElementLayout","ref","observer","current","observe","unobserve"],"sources":["../../../../src/modules/useElementLayout/index.tsx"],"sourcesContent":[null],"mappings":"AAaA,OAAOA,SAAA,MAAe;AACtB,OAAOC,SAAA,MAAe;AACtB,OAAOC,eAAA,MAAqB;AAE5B,MAAMC,uBAAA,GAA0B;AAEhC,IAAIC,OAAA,GAAU,CAACJ,SAAA;EACXK,cAAA,GAAiB;AAErB,SAASC,kBAAA,EAA2C;EAClD,OAAIN,SAAA,IAAa,OAAOO,MAAA,CAAOC,cAAA,GAAmB,MAC5CH,cAAA,IAAkB,SACpBA,cAAA,GAAiB,IAAIE,MAAA,CAAOC,cAAA,CAAe,UAAUC,OAAA,EAAS;IAC5DA,OAAA,CAAQC,OAAA,CAASC,KAAA,IAAU;MACzB,MAAMC,IAAA,GAAOD,KAAA,CAAME,MAAA;QACbC,QAAA,GAAWF,IAAA,CAAKT,uBAAuB;MACzC,OAAOW,QAAA,IAAa,cAGtBb,SAAA,CAAUc,OAAA,CAAQH,IAAA,EAAM,CAACI,CAAA,EAAGC,CAAA,EAAGC,KAAA,EAAOC,MAAA,EAAQC,IAAA,EAAMC,GAAA,KAAQ;QAC1D,MAAMC,KAAA,GAAqB;UAAA;UAEzBC,WAAA,EAAa;YACXC,MAAA,EAAQ;cAAER,CAAA;cAAGC,CAAA;cAAGC,KAAA;cAAOC,MAAA;cAAQC,IAAA;cAAMC;YAAI;UAC3C;UACAI,SAAA,EAAWC,IAAA,CAAKC,GAAA,CAAI;QACtB;QACAC,MAAA,CAAOC,cAAA,CAAeP,KAAA,CAAMC,WAAA,EAAa,UAAU;UACjDO,UAAA,EAAY;UACZC,GAAA,EAAKA,CAAA,KAAMpB,KAAA,CAAME;QACnB,CAAC,GACDC,QAAA,CAASQ,KAAK;MAChB,CAAC;IAEL,CAAC;EACH,CAAC,KAEOlB,OAAA,IACN4B,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,gBAAgBF,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,WACpEC,OAAA,CAAQC,IAAA,CACN,iKAEF,GACAhC,OAAA,GAAU,KAGPC,cAAA;AACT;AAEe,SAARgC,iBACLC,GAAA,EACAxB,QAAA,EACA;EACA,MAAMyB,QAAA,GAAWjC,iBAAA,CAAkB;EAEnCJ,eAAA,CAAgB,MAAM;IACpB,MAAMU,IAAA,GAAO0B,GAAA,CAAIE,OAAA;IACb5B,IAAA,IAAQ,SACVA,IAAA,CAAKT,uBAAuB,IAAIW,QAAA;EAEpC,GAAG,CAACwB,GAAA,EAAKxB,QAAQ,CAAC,GAIlBZ,eAAA,CAAgB,MAAM;IACpB,MAAMU,IAAA,GAAO0B,GAAA,CAAIE,OAAA;IACjB,OAAI5B,IAAA,IAAQ,QAAQ2B,QAAA,IAAY,SAC1B,OAAO3B,IAAA,CAAKT,uBAAuB,KAAM,aAC3CoC,QAAA,CAASE,OAAA,CAAQ7B,IAAI,IAErB2B,QAAA,CAASG,SAAA,CAAU9B,IAAI,IAGpB,MAAM;MACPA,IAAA,IAAQ,QAAQ2B,QAAA,IAAY,QAC9BA,QAAA,CAASG,SAAA,CAAU9B,IAAI;IAE3B;EACF,GAAG,CAAC0B,GAAA,EAAKC,QAAQ,CAAC;AACpB","ignoreList":[]}
+{"version":3,"names":["enable","useElementLayout","useTamaguiElementLayout","useEffect","useMemo","ref","onLayout","wrappedRef","current","host"],"sources":["../../../../src/modules/useElementLayout/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SACEA,MAAA,EACAC,gBAAA,IAAoBC,uBAAA,QACf;AACP,SAAyBC,SAAA,EAAWC,OAAA,QAAe;AAGpC,SAARH,iBACLI,GAAA,EACAC,QAAA,EACA;EAEA,MAAMC,UAAA,GAAaH,OAAA,CAAQ,OAClB;IACLI,OAAA,EAAS;MACP,IAAIC,KAAA,EAAO;QACT,OAAOJ,GAAA,CAAIG,OAAA;MACb;IACF;EACF,IACC,CAACH,GAAG,CAAC;EAER,OAAAF,SAAA,CAAU,MAAM;IACdH,MAAA,CAAO;EACT,GAAG,EAAE,GAEEE,uBAAA,CAAwBK,UAAA,EAAYD,QAAQ;AACrD","ignoreList":[]}

package/dist/esm/modules/useElementLayout/index.native.js

@@ -1,50 +1,18 @@
-import canUseDOM from "../canUseDOM.native.js";
-import UIManager from "../UIManager/index.native.js";
-import useLayoutEffect from "../useLayoutEffect/index.native.js";
-var DOM_LAYOUT_HANDLER_NAME = "__reactLayoutHandler",
-  didWarn = !canUseDOM,
-  resizeObserver = null;
-function getResizeObserver() {
-  return canUseDOM && typeof window.ResizeObserver < "u" ? resizeObserver == null && (resizeObserver = new window.ResizeObserver(function (entries) {
-    entries.forEach(function (entry) {
-      var node = entry.target,
-        onLayout = node[DOM_LAYOUT_HANDLER_NAME];
-      typeof onLayout == "function" && UIManager.measure(node, function (x, y, width, height, left, top) {
-        var event = {
-          // @ts-ignore
-          nativeEvent: {
-            layout: {
-              x,
-              y,
-              width,
-              height,
-              left,
-              top
-            }
-          },
-          timeStamp: Date.now()
-        };
-        Object.defineProperty(event.nativeEvent, "target", {
-          enumerable: !0,
-          get: function () {
-            return entry.target;
-          }
-        }), onLayout(event);
-      });
-    });
-  })) : didWarn || process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && (console.warn("onLayout relies on ResizeObserver which is not supported by your browser. Please include a polyfill, e.g., https://github.com/que-etc/resize-observer-polyfill."), didWarn = !0), resizeObserver;
-}
+import { enable, useElementLayout as useTamaguiElementLayout } from "@tamagui/use-element-layout";
+import { useEffect, useMemo } from "react";
 function useElementLayout(ref, onLayout) {
-  var observer = getResizeObserver();
-  useLayoutEffect(function () {
-    var node = ref.current;
-    node != null && (node[DOM_LAYOUT_HANDLER_NAME] = onLayout);
-  }, [ref, onLayout]), useLayoutEffect(function () {
-    var node = ref.current;
-    return node != null && observer != null && (typeof node[DOM_LAYOUT_HANDLER_NAME] == "function" ? observer.observe(node) : observer.unobserve(node)), function () {
-      node != null && observer != null && observer.unobserve(node);
+  var wrappedRef = useMemo(function () {
+    return {
+      current: {
+        get host() {
+          return ref.current;
+        }
+      }
     };
-  }, [ref, observer]);
+  }, [ref]);
+  return useEffect(function () {
+    enable();
+  }, []), useTamaguiElementLayout(wrappedRef, onLayout);
 }
 export { useElementLayout as default };
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["canUseDOM","UIManager","useLayoutEffect","DOM_LAYOUT_HANDLER_NAME","didWarn","resizeObserver","getResizeObserver","window","ResizeObserver","entries","forEach","entry","node","target","onLayout","measure","x","y","width","height","left","top","event","nativeEvent","layout","timeStamp","Date","now","Object","defineProperty","enumerable","get","process","env","NODE_ENV","console","warn","useElementLayout","ref","observer","current"],"sources":["../../../../src/modules/useElementLayout/index.tsx"],"sourcesContent":[null],"mappings":"AAaA,OAAOA,SAAA,MAAe;AACtB,OAAOC,SAAA,MAAe;AACtB,OAAOC,eAAA,MAAqB;AAE5B,IAAAC,uBAAM,yBAA0B;EAAAC,OAAA,IAAAJ,SAAA;EAAAK,cAAA;AAEhC,SAAIC,iBACAA,CAAA;EAEJ,OAASN,SAAA,WAA2CO,MAAA,CAAAC,cAAA,SAAAH,cAAA,aAAAA,cAAA,OAAAE,MAAA,CAAAC,cAAA,WAAAC,OAAA;IAClDA,OAAI,CAAAC,OAAA,WAAoBC,KAAA,EAAO;MAGzB,IAAAC,IAAQ,GAAAD,KAAS,CAAAE,MAAA;QAAUC,QAAA,GAAAF,IAAA,CAAAT,uBAAA;MACzB,OAAMW,QAAO,IAAM,UACb,IAAAb,SAAW,CAAKc,OAAA,CAAAH,IAAA,YAAuBI,CAAA,EAAAC,CAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,IAAA,EAAAC,GAAA;QACzC,IAAAC,KAAO;UAIP;UAA2BC,WAAA;YAEzBC,MAAA;cACER,CAAA;cACFC,CAAA;cACAC,KAAA;cACFC,MAAA;cACAC,IAAO;cACLC;YACA;UACD;UAEFI,SAAA,EAAAC,IAAA,CAAAC,GAAA;QAEJ;QAGKC,MAAA,CAAAC,cACE,CAAAP,KAAI,CAAAC,WAAa;UAEzBO,UAAA;UAGFC,GAAA,EAAU,SAAAA,CAAA,EAGP;YACT,OAAApB,KAAA,CAAAE,MAAA;UAEO;QAIC,IAAAC,QAAW,CAAAQ,KAAA;MAEjB;IACE;EACA,EAAI,IAAAlB,OAAQ,IAAA4B,OACL,CAAAC,GAAA,CAAAC,QAAA,iBAA2B,IAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,gBAAAC,OAAA,CAAAC,IAAA,qKAAAhC,OAAA,QAAAC,cAAA;AAAA;AAOlC,SAAAgC,gBAAiBA,CAAAC,GAAA,EAAAxB,QAAA;EACjB,IAAAyB,QAAI,GAAAjC,iBAAgB;EAQlBJ,eAAY,aAAQ;IAGtB,IAAAU,IAAA,GAAA0B,GAAA,CAAAE,OAAA;IACF5B,IAAI,IAAK,SAASA,IAAA,CAAAT,uBAAA,IAAAW,QAAA;EACpB,I","ignoreList":[]}
+{"version":3,"names":["enable","useElementLayout","useTamaguiElementLayout","useEffect","useMemo","ref","onLayout","wrappedRef","current","host"],"sources":["../../../../src/modules/useElementLayout/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,MAAA,EAAAC,gBAAA,IAAAC,uBAAA;AAAA,SACEC,SAAA,EAAAC,OAAA;AAAA,SACAH,gBAAoBA,CAAAI,GAAA,EAAAC,QAAA;EAAA,IAAAC,UACf,GAAAH,OAAA;IACP,OAAyB;MAGVI,OAAR;QAKC,IAAAC,KAAA;UAEF,OAASJ,GAAA,CAAAG,OAAA;QACP;MACE;IAAW;EACb,GACF,CACFH,GACE,CAEJ;EACE,OAAAF,SAAO;IACTH,MAEO;EACT,QAAAE,uBAAA,CAAAK,UAAA,EAAAD,QAAA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/react-native-web-internals",
-  "version": "1.129.5",
+  "version": "1.129.6",
   "description": "React Native for Web",
   "sideEffects": false,
   "main": "dist/cjs",
@@ -31,15 +31,16 @@
     }
   },
   "dependencies": {
-    "@tamagui/normalize-css-color": "1.129.5",
-    "@tamagui/react-native-use-pressable": "1.129.5",
-    "@tamagui/react-native-use-responder-events": "1.129.5",
-    "@tamagui/simple-hash": "1.129.5",
-    "@tamagui/web": "1.129.5",
+    "@tamagui/normalize-css-color": "1.129.6",
+    "@tamagui/react-native-use-pressable": "1.129.6",
+    "@tamagui/react-native-use-responder-events": "1.129.6",
+    "@tamagui/simple-hash": "1.129.6",
+    "@tamagui/use-element-layout": "1.129.6",
+    "@tamagui/web": "1.129.6",
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.129.5"
+    "@tamagui/build": "1.129.6"
   },
   "license": "MIT",
   "tags": [

package/src/modules/useElementLayout/index.tsx

@@ -1,93 +1,28 @@
-// @ts-nocheck
-/**
- * Copyright (c) Nicolas Gallagher.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type { ElementRef } from 'react'
-
+import {
+  enable,
+  useElementLayout as useTamaguiElementLayout,
+} from '@tamagui/use-element-layout'
+import { type RefObject, useEffect, useMemo } from 'react'
 import type { LayoutEvent } from '../../types'
-import canUseDOM from '../canUseDOM'
-import UIManager from '../UIManager/index'
-import useLayoutEffect from '../useLayoutEffect/index'
-
-const DOM_LAYOUT_HANDLER_NAME = '__reactLayoutHandler'
-
-let didWarn = !canUseDOM
-let resizeObserver = null
-
-function getResizeObserver(): ResizeObserver | null {
-  if (canUseDOM && typeof window.ResizeObserver !== 'undefined') {
-    if (resizeObserver == null) {
-      resizeObserver = new window.ResizeObserver(function (entries) {
-        entries.forEach((entry) => {
-          const node = entry.target
-          const onLayout = node[DOM_LAYOUT_HANDLER_NAME]
-          if (typeof onLayout === 'function') {
-            // We still need to measure the view because browsers don't yet provide
-            // border-box dimensions in the entry
-            UIManager.measure(node, (x, y, width, height, left, top) => {
-              const event: LayoutEvent = {
-                // @ts-ignore
-                nativeEvent: {
-                  layout: { x, y, width, height, left, top },
-                },
-                timeStamp: Date.now(),
-              }
-              Object.defineProperty(event.nativeEvent, 'target', {
-                enumerable: true,
-                get: () => entry.target,
-              })
-              onLayout(event)
-            })
-          }
-        })
-      })
-    }
-  } else if (!didWarn) {
-    if (process.env.NODE_ENV !== 'production' && process.env.NODE_ENV !== 'test') {
-      console.warn(
-        'onLayout relies on ResizeObserver which is not supported by your browser. ' +
-          'Please include a polyfill, e.g., https://github.com/que-etc/resize-observer-polyfill.'
-      )
-      didWarn = true
-    }
-  }
-  return resizeObserver
-}
 
 export default function useElementLayout(
-  ref: ElementRef<any>,
+  ref: RefObject<any>,
   onLayout?: ((e: LayoutEvent) => void) | null
 ) {
-  const observer = getResizeObserver()
-
-  useLayoutEffect(() => {
-    const node = ref.current
-    if (node != null) {
-      node[DOM_LAYOUT_HANDLER_NAME] = onLayout
+  // translates to tamagui style
+  const wrappedRef = useMemo(() => {
+    return {
+      current: {
+        get host() {
+          return ref.current
+        },
+      },
     }
-  }, [ref, onLayout])
+  }, [ref])
 
-  // Observing is done in a separate effect to avoid this effect running
-  // when 'onLayout' changes.
-  useLayoutEffect(() => {
-    const node = ref.current
-    if (node != null && observer != null) {
-      if (typeof node[DOM_LAYOUT_HANDLER_NAME] === 'function') {
-        observer.observe(node)
-      } else {
-        observer.unobserve(node)
-      }
-    }
-    return () => {
-      if (node != null && observer != null) {
-        observer.unobserve(node)
-      }
-    }
-  }, [ref, observer])
+  useEffect(() => {
+    enable()
+  }, [])
+
+  return useTamaguiElementLayout(wrappedRef, onLayout)
 }

package/types/modules/useElementLayout/index.d.ts

@@ -1,12 +1,4 @@
-/**
- * Copyright (c) Nicolas Gallagher.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-import type { ElementRef } from 'react';
+import { type RefObject } from 'react';
 import type { LayoutEvent } from '../../types';
-export default function useElementLayout(ref: ElementRef<any>, onLayout?: ((e: LayoutEvent) => void) | null): void;
+export default function useElementLayout(ref: RefObject<any>, onLayout?: ((e: LayoutEvent) => void) | null): void;
 //# sourceMappingURL=index.d.ts.map

package/types/modules/useElementLayout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/useElementLayout/index.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAkD9C,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,GAAG,EAAE,UAAU,CAAC,GAAG,CAAC,EACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,IAAI,QA4B7C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/useElementLayout/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,EACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,IAAI,QAkB7C"}

package/types/modules/useLayoutEffect/index.d.ts

@@ -9,6 +9,6 @@ import React from "react"; /**
  *
  * @flow
  */
-declare const useLayoutEffectImpl: typeof React.useLayoutEffect;
+declare const useLayoutEffectImpl: typeof React.useEffect;
 export default useLayoutEffectImpl;
 //# sourceMappingURL=index.d.ts.map

package/types/modules/useLayoutEffect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/useLayoutEffect/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC,CAAC;;;;;;;;;;GAUxB;AAMH,QAAA,MAAM,mBAAmB,8BAAsD,CAAC;AAEhF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/useLayoutEffect/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC,CAAC;;;;;;;;;;GAUxB;AAMH,QAAA,MAAM,mBAAmB,wBAAsD,CAAC;AAEhF,eAAe,mBAAmB,CAAC"}