@tamagui/core 1.129.5-1751220455565 → 1.129.6-1751237024118

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "1.129.5-1751220455565",
+  "version": "1.129.6-1751237024118",
   "source": "src/index.tsx",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -35,15 +35,16 @@
     "native-test.d.ts"
   ],
   "dependencies": {
-    "@tamagui/react-native-media-driver": "1.129.5-1751220455565",
-    "@tamagui/react-native-use-pressable": "1.129.5-1751220455565",
-    "@tamagui/react-native-use-responder-events": "1.129.5-1751220455565",
-    "@tamagui/use-event": "1.129.5-1751220455565",
-    "@tamagui/web": "1.129.5-1751220455565"
+    "@tamagui/react-native-media-driver": "1.129.6-1751237024118",
+    "@tamagui/react-native-use-pressable": "1.129.6-1751237024118",
+    "@tamagui/react-native-use-responder-events": "1.129.6-1751237024118",
+    "@tamagui/use-element-layout": "1.129.6-1751237024118",
+    "@tamagui/use-event": "1.129.6-1751237024118",
+    "@tamagui/web": "1.129.6-1751237024118"
   },
   "devDependencies": {
-    "@tamagui/build": "1.129.5-1751220455565",
-    "@tamagui/react-native-web-lite": "1.129.5-1751220455565",
+    "@tamagui/build": "1.129.6-1751237024118",
+    "@tamagui/react-native-web-lite": "1.129.6-1751237024118",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
     "react": "*",

package/src/index.tsx

@@ -6,6 +6,7 @@ import type {
   TamaDefer,
   TamaguiComponent,
   TamaguiElement,
+  TamaguiProviderProps,
   TamaguiTextElement,
   TextNonStyleProps,
   TextProps,
@@ -13,19 +14,25 @@ import type {
 } from '@tamagui/web'
 import {
   Stack as WebStack,
+  TamaguiProvider as WebTamaguiProvider,
   Text as WebText,
   View as WebView,
   composeEventHandlers,
   createTamagui as createTamaguiWeb,
   setupHooks,
+  useIsomorphicLayoutEffect,
 } from '@tamagui/web'
 import React from 'react'
 
+import {
+  enable,
+  getRect,
+  measureLayout,
+  useElementLayout,
+} from '@tamagui/use-element-layout'
 import { addNativeValidStyles } from './addNativeValidStyles'
 import { createOptimizedView } from './createOptimizedView'
 import { getBaseViews } from './getBaseViews'
-import { getRect } from './helpers/getRect'
-import { measureLayout, useElementLayout } from './hooks/useElementLayout'
 import type { RNTextProps, RNViewProps } from './reactNativeTypes'
 import { usePressability } from './vendor/Pressability'
 
@@ -34,7 +41,7 @@ export {
   getElementLayoutEvent,
   setOnLayoutStrategy,
   type LayoutEvent,
-} from './hooks/useElementLayout'
+} from '@tamagui/use-element-layout'
 
 // add newer style props based on react native version
 addNativeValidStyles()
@@ -73,6 +80,15 @@ export * from '@tamagui/web'
 // see https://discord.com/channels/909986013848412191/1146150253490348112/1146150253490348112
 export * from './reactNativeTypes'
 
+// adds useElementLayout enable
+export const TamaguiProvider = (props: TamaguiProviderProps) => {
+  useIsomorphicLayoutEffect(() => {
+    enable()
+  }, [])
+
+  return <WebTamaguiProvider {...props} />
+}
+
 // automate using the react native media driver
 export const createTamagui: typeof createTamaguiWeb = (conf) => {
   if (process.env.TAMAGUI_TARGET === 'native') {

package/types/index.d.ts

@@ -1,7 +1,7 @@
-import type { StackNonStyleProps, StackStyleBase, TamaDefer, TamaguiComponent, TamaguiElement, TamaguiTextElement, TextNonStyleProps, TextProps, TextStylePropsBase } from '@tamagui/web';
+import type { StackNonStyleProps, StackStyleBase, TamaDefer, TamaguiComponent, TamaguiElement, TamaguiProviderProps, TamaguiTextElement, TextNonStyleProps, TextProps, TextStylePropsBase } from '@tamagui/web';
 import { createTamagui as createTamaguiWeb } from '@tamagui/web';
 import type { RNTextProps, RNViewProps } from './reactNativeTypes';
-export { getElementLayoutEvent, setOnLayoutStrategy, type LayoutEvent, } from './hooks/useElementLayout';
+export { getElementLayoutEvent, setOnLayoutStrategy, type LayoutEvent, } from '@tamagui/use-element-layout';
 type RNExclusiveViewProps = Omit<RNViewProps, keyof StackNonStyleProps>;
 export interface RNTamaguiViewNonStyleProps extends StackNonStyleProps, RNExclusiveViewProps {
 }
@@ -12,6 +12,7 @@ export interface RNTamaguiTextNonStyleProps extends TextNonStyleProps, RNExclusi
 type RNTamaguiText = TamaguiComponent<TamaDefer, TamaguiTextElement, RNTamaguiTextNonStyleProps, TextStylePropsBase, {}>;
 export * from '@tamagui/web';
 export * from './reactNativeTypes';
+export declare const TamaguiProvider: (props: TamaguiProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const createTamagui: typeof createTamaguiWeb;
 export declare const View: RNTamaguiView;
 export declare const Stack: RNTamaguiView;

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,kBAAkB,EAClB,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,EACT,kBAAkB,EACnB,MAAM,cAAc,CAAA;AACrB,OAAO,EAKL,aAAa,IAAI,gBAAgB,EAElC,MAAM,cAAc,CAAA;AAQrB,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAIlE,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,KAAK,WAAW,GACjB,MAAM,0BAA0B,CAAA;AAOjC,KAAK,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,kBAAkB,CAAC,CAAA;AACvE,MAAM,WAAW,0BACf,SAAQ,kBAAkB,EACxB,oBAAoB;CAAG;AAE3B,KAAK,aAAa,GAAG,gBAAgB,CACnC,SAAS,EACT,cAAc,EACd,0BAA0B,EAC1B,cAAc,EACd,EAAE,CACH,CAAA;AAED,KAAK,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,SAAS,CAAC,CAAA;AAC9D,MAAM,WAAW,0BACf,SAAQ,iBAAiB,EACvB,oBAAoB;CAAG;AAE3B,KAAK,aAAa,GAAG,gBAAgB,CACnC,SAAS,EACT,kBAAkB,EAClB,0BAA0B,EAC1B,kBAAkB,EAClB,EAAE,CACH,CAAA;AAGD,cAAc,cAAc,CAAA;AAG5B,cAAc,oBAAoB,CAAA;AAGlC,eAAO,MAAM,aAAa,EAAE,OAAO,gBAOlC,CAAA;AAmLD,eAAO,MAAM,IAAI,EAAqB,aAAa,CAAA;AACnD,eAAO,MAAM,KAAK,EAAsB,aAAa,CAAA;AACrD,eAAO,MAAM,IAAI,EAAqB,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,kBAAkB,EAClB,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,EACT,kBAAkB,EACnB,MAAM,cAAc,CAAA;AACrB,OAAO,EAML,aAAa,IAAI,gBAAgB,EAGlC,MAAM,cAAc,CAAA;AAYrB,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAIlE,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,KAAK,WAAW,GACjB,MAAM,6BAA6B,CAAA;AAOpC,KAAK,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,kBAAkB,CAAC,CAAA;AACvE,MAAM,WAAW,0BACf,SAAQ,kBAAkB,EACxB,oBAAoB;CAAG;AAE3B,KAAK,aAAa,GAAG,gBAAgB,CACnC,SAAS,EACT,cAAc,EACd,0BAA0B,EAC1B,cAAc,EACd,EAAE,CACH,CAAA;AAED,KAAK,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,SAAS,CAAC,CAAA;AAC9D,MAAM,WAAW,0BACf,SAAQ,iBAAiB,EACvB,oBAAoB;CAAG;AAE3B,KAAK,aAAa,GAAG,gBAAgB,CACnC,SAAS,EACT,kBAAkB,EAClB,0BAA0B,EAC1B,kBAAkB,EAClB,EAAE,CACH,CAAA;AAGD,cAAc,cAAc,CAAA;AAG5B,cAAc,oBAAoB,CAAA;AAGlC,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CAM1D,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,OAAO,gBAOlC,CAAA;AAmLD,eAAO,MAAM,IAAI,EAAqB,aAAa,CAAA;AACnD,eAAO,MAAM,KAAK,EAAsB,aAAa,CAAA;AACrD,eAAO,MAAM,IAAI,EAAqB,aAAa,CAAA"}

package/dist/cjs/helpers/getBoundingClientRect.cjs

@@ -1,41 +0,0 @@
-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 getBoundingClientRect_exports = {};
-__export(getBoundingClientRect_exports, {
-  getBoundingClientRect: () => getBoundingClientRect,
-  getBoundingClientRectAsync: () => getBoundingClientRectAsync
-});
-module.exports = __toCommonJS(getBoundingClientRect_exports);
-const getBoundingClientRect = node => {
-    if (!(!node || node.nodeType !== 1)) return node.getBoundingClientRect?.();
-  },
-  getBoundingClientRectAsync = element => new Promise(resolve => {
-    let didFallback = !1;
-    function fallbackToSync() {
-      didFallback = !0, resolve(getBoundingClientRect(element));
-    }
-    const tm = setTimeout(fallbackToSync, 32);
-    new IntersectionObserver((entries, ob) => {
-      clearTimeout(tm), ob.disconnect(), didFallback || resolve(entries[0]?.boundingClientRect);
-    }, {
-      threshold: 1e-4
-    }).observe(element);
-  });

package/dist/cjs/helpers/getBoundingClientRect.js

@@ -1,39 +0,0 @@
-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 getBoundingClientRect_exports = {};
-__export(getBoundingClientRect_exports, {
-  getBoundingClientRect: () => getBoundingClientRect,
-  getBoundingClientRectAsync: () => getBoundingClientRectAsync
-});
-module.exports = __toCommonJS(getBoundingClientRect_exports);
-const getBoundingClientRect = (node) => {
-  if (!(!node || node.nodeType !== 1))
-    return node.getBoundingClientRect?.();
-}, getBoundingClientRectAsync = (element) => new Promise((resolve) => {
-  let didFallback = !1;
-  function fallbackToSync() {
-    didFallback = !0, resolve(getBoundingClientRect(element));
-  }
-  const tm = setTimeout(fallbackToSync, 32);
-  new IntersectionObserver(
-    (entries, ob) => {
-      clearTimeout(tm), ob.disconnect(), didFallback || resolve(entries[0]?.boundingClientRect);
-    },
-    {
-      threshold: 1e-4
-    }
-  ).observe(element);
-});
-//# sourceMappingURL=getBoundingClientRect.js.map

package/dist/cjs/helpers/getBoundingClientRect.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/getBoundingClientRect.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,wBAAwB,CAAC,SAAkD;AACtF,MAAI,GAAC,QAAQ,KAAK,aAAa;AAC/B,WAAO,KAAK,wBAAwB;AACtC,GAEa,6BAA6B,CACxC,YAEO,IAAI,QAAQ,CAAC,YAAY;AAC9B,MAAI,cAAc;AAClB,WAAS,iBAAiB;AACxB,kBAAc,IACd,QAAQ,sBAAsB,OAAO,CAAC;AAAA,EACxC;AACA,QAAM,KAAK,WAAW,gBAAgB,EAAE;AAaxC,EAZiB,IAAI;AAAA,IACnB,CAAC,SAAS,OAAO;AACf,mBAAa,EAAE,GACf,GAAG,WAAW,GACT,eACH,QAAQ,QAAQ,CAAC,GAAG,kBAAkB;AAAA,IAE1C;AAAA,IACA;AAAA,MACE,WAAW;AAAA,IACb;AAAA,EACF,EACS,QAAQ,OAAO;AAC1B,CAAC;",
-  "names": []
-}

package/dist/cjs/helpers/getBoundingClientRect.native.js

@@ -1,48 +0,0 @@
-"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 getBoundingClientRect_exports = {};
-__export(getBoundingClientRect_exports, {
-  getBoundingClientRect: () => getBoundingClientRect,
-  getBoundingClientRectAsync: () => getBoundingClientRectAsync
-});
-module.exports = __toCommonJS(getBoundingClientRect_exports);
-var getBoundingClientRect = function(node) {
-  var _node_getBoundingClientRect;
-  if (!(!node || node.nodeType !== 1))
-    return (_node_getBoundingClientRect = node.getBoundingClientRect) === null || _node_getBoundingClientRect === void 0 ? void 0 : _node_getBoundingClientRect.call(node);
-}, getBoundingClientRectAsync = function(element) {
-  return new Promise(function(resolve) {
-    var didFallback = !1;
-    function fallbackToSync() {
-      didFallback = !0, resolve(getBoundingClientRect(element));
-    }
-    var tm = setTimeout(fallbackToSync, 32), observer = new IntersectionObserver(function(entries, ob) {
-      if (clearTimeout(tm), ob.disconnect(), !didFallback) {
-        var _entries_;
-        resolve((_entries_ = entries[0]) === null || _entries_ === void 0 ? void 0 : _entries_.boundingClientRect);
-      }
-    }, {
-      threshold: 1e-4
-    });
-    observer.observe(element);
-  });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getBoundingClientRect,
-  getBoundingClientRectAsync
-});
-//# sourceMappingURL=getBoundingClientRect.js.map

package/dist/cjs/helpers/getBoundingClientRect.native.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/getBoundingClientRect.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;AAAO,IAAMA,wBAAwB,SAACC,MAAAA;MAE7BA;AADP,MAAI,GAACA,QAAQA,KAAKC,aAAa;AAC/B,YAAOD,8BAAAA,KAAKD,2BAAqB,QAA1BC,gCAAAA,SAAAA,SAAAA,4BAAAA,KAAAA,IAAAA;AACT,GAEaE,6BAA6B,SACxCC,SAAAA;AAEA,SAAO,IAAIC,QAAQ,SAACC,SAAAA;AAClB,QAAIC,cAAc;AAClB,aAASC,iBAAAA;AACPD,oBAAc,IACdD,QAAQN,sBAAsBI,OAAAA,CAAAA;IAChC;AACA,QAAMK,KAAKC,WAAWF,gBAAgB,EAAA,GAChCG,WAAW,IAAIC,qBACnB,SAACC,SAASC,IAAAA;AAGR,UAFAC,aAAaN,EAAAA,GACbK,GAAGE,WAAU,GACT,CAACT,aAAa;YACRM;AAARP,iBAAQO,YAAAA,QAAQ,CAAA,OAAE,QAAVA,cAAAA,SAAAA,SAAAA,UAAYI,kBAAkB;MACxC;IACF,GACA;MACEC,WAAW;IACb,CAAA;AAEFP,aAASQ,QAAQf,OAAAA;EACnB,CAAA;AACF;",
-  "names": ["getBoundingClientRect", "node", "nodeType", "getBoundingClientRectAsync", "element", "Promise", "resolve", "didFallback", "fallbackToSync", "tm", "setTimeout", "observer", "IntersectionObserver", "entries", "ob", "clearTimeout", "disconnect", "boundingClientRect", "threshold", "observe"]
-}

package/dist/cjs/helpers/getRect.cjs

@@ -1,44 +0,0 @@
-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 getRect_exports = {};
-__export(getRect_exports, {
-  getRect: () => getRect
-});
-module.exports = __toCommonJS(getRect_exports);
-var import_getBoundingClientRect = require("./getBoundingClientRect.cjs");
-const getRect = node => {
-  const rect = (0, import_getBoundingClientRect.getBoundingClientRect)(node);
-  if (!rect) return;
-  const {
-    x,
-    y,
-    top,
-    left
-  } = rect;
-  return {
-    x,
-    y,
-    width: node.offsetWidth,
-    height: node.offsetHeight,
-    top,
-    left
-  };
-};

package/dist/cjs/helpers/getRect.js

@@ -1,27 +0,0 @@
-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 getRect_exports = {};
-__export(getRect_exports, {
-  getRect: () => getRect
-});
-module.exports = __toCommonJS(getRect_exports);
-var import_getBoundingClientRect = require("./getBoundingClientRect");
-const getRect = (node) => {
-  const rect = (0, import_getBoundingClientRect.getBoundingClientRect)(node);
-  if (!rect) return;
-  const { x, y, top, left } = rect;
-  return { x, y, width: node.offsetWidth, height: node.offsetHeight, top, left };
-};
-//# sourceMappingURL=getRect.js.map

package/dist/cjs/helpers/getRect.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/getRect.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAAsC;AAE/B,MAAM,UAAU,CAAC,SAAsB;AAC5C,QAAM,WAAO,oDAAsB,IAAI;AACvC,MAAI,CAAC,KAAM;AACX,QAAM,EAAE,GAAG,GAAG,KAAK,KAAK,IAAI;AAC5B,SAAO,EAAE,GAAG,GAAG,OAAO,KAAK,aAAa,QAAQ,KAAK,cAAc,KAAK,KAAK;AAC/E;",
-  "names": []
-}

package/dist/cjs/helpers/getRect.native.js

@@ -1,39 +0,0 @@
-"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 getRect_exports = {};
-__export(getRect_exports, {
-  getRect: () => getRect
-});
-module.exports = __toCommonJS(getRect_exports);
-var import_getBoundingClientRect = require("./getBoundingClientRect"), getRect = function(node) {
-  var rect = (0, import_getBoundingClientRect.getBoundingClientRect)(node);
-  if (rect) {
-    var { x, y, top, left } = rect;
-    return {
-      x,
-      y,
-      width: node.offsetWidth,
-      height: node.offsetHeight,
-      top,
-      left
-    };
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getRect
-});
-//# sourceMappingURL=getRect.js.map

package/dist/cjs/helpers/getRect.native.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/getRect.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;mCAAsC,oCAEzBA,UAAU,SAACC,MAAAA;AACtB,MAAMC,WAAOC,oDAAsBF,IAAAA;AACnC,MAAKC,MACL;QAAM,EAAEE,GAAGC,GAAGC,KAAKC,KAAI,IAAKL;AAC5B,WAAO;MAAEE;MAAGC;MAAGG,OAAOP,KAAKQ;MAAaC,QAAQT,KAAKU;MAAcL;MAAKC;IAAK;;AAC/E;",
-  "names": ["getRect", "node", "rect", "getBoundingClientRect", "x", "y", "top", "left", "width", "offsetWidth", "height", "offsetHeight"]
-}

package/dist/cjs/hooks/useElementLayout.cjs

@@ -1,203 +0,0 @@
-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 useElementLayout_exports = {};
-__export(useElementLayout_exports, {
-  getElementLayoutEvent: () => getElementLayoutEvent,
-  getElementLayoutEventAsync: () => getElementLayoutEventAsync,
-  measureLayout: () => measureLayout,
-  measureLayoutAsync: () => measureLayoutAsync,
-  setOnLayoutStrategy: () => setOnLayoutStrategy,
-  useElementLayout: () => useElementLayout
-});
-module.exports = __toCommonJS(useElementLayout_exports);
-var import_constants = require("@tamagui/constants"),
-  import_web = require("@tamagui/web");
-const LayoutHandlers = /* @__PURE__ */new WeakMap(),
-  Nodes = /* @__PURE__ */new Set();
-let strategy = "async";
-function setOnLayoutStrategy(state) {
-  strategy = state;
-}
-const NodeRectCache = /* @__PURE__ */new WeakMap(),
-  ParentRectCache = /* @__PURE__ */new WeakMap(),
-  DebounceTimers = /* @__PURE__ */new WeakMap(),
-  LastChangeTime = /* @__PURE__ */new WeakMap(),
-  rAF = typeof window < "u" ? window.requestAnimationFrame : void 0,
-  DEBOUNCE_DELAY = 32;
-if (import_constants.isClient) if (rAF) {
-  let layoutOnAnimationFrame = function () {
-      const now = Date.now(),
-        timeSinceLastFrame = now - lastFrameAt;
-      lastFrameAt = now, strategy !== "off" && (timeSinceLastFrame > 16.67 * numDroppedFramesUntilPause || Nodes.forEach(updateLayoutIfChanged)), rAF(layoutOnAnimationFrame);
-    },
-    avoidUpdates = !0;
-  const queuedUpdates = /* @__PURE__ */new Map();
-  let lastFrameAt = Date.now();
-  const numDroppedFramesUntilPause = 2;
-  (0, import_web.___onDidFinishClientRender)(() => {
-    avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(cb => cb()), queuedUpdates.clear());
-  });
-  async function updateLayoutIfChanged(node) {
-    const nodeRect = node.getBoundingClientRect(),
-      parentNode = node.parentElement,
-      parentRect = parentNode?.getBoundingClientRect(),
-      onLayout = LayoutHandlers.get(node);
-    if (typeof onLayout != "function") return;
-    const cachedRect = NodeRectCache.get(node),
-      cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
-    if (!cachedRect ||
-    // has changed one rect
-    !(0, import_web.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_web.isEqualShallow)(cachedParentRect, parentRect))) if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
-      const event = getElementLayoutEvent(node);
-      queuedUpdates.set(node, () => onLayout(event));
-    } else if (strategy === "async") {
-      const now = Date.now();
-      LastChangeTime.set(node, now);
-      const existingTimer = DebounceTimers.get(node);
-      existingTimer && clearTimeout(existingTimer);
-      const timer = setTimeout(async () => {
-        const lastChange = LastChangeTime.get(node) || 0,
-          timeSinceChange = Date.now() - lastChange;
-        if (timeSinceChange >= DEBOUNCE_DELAY) {
-          const event = await getElementLayoutEventAsync(node);
-          onLayout(event), DebounceTimers.delete(node);
-        } else {
-          const remainingDelay = DEBOUNCE_DELAY - timeSinceChange,
-            newTimer = setTimeout(async () => {
-              const event = await getElementLayoutEventAsync(node);
-              onLayout(event), DebounceTimers.delete(node);
-            }, remainingDelay);
-          DebounceTimers.set(node, newTimer);
-        }
-      }, DEBOUNCE_DELAY);
-      DebounceTimers.set(node, timer);
-    } else {
-      const event = getElementLayoutEvent(node);
-      onLayout(event);
-    }
-  }
-  rAF(layoutOnAnimationFrame);
-} else process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly");
-const getElementLayoutEvent = target => {
-    let res = null;
-    if (measureLayout(target, null, (x, y, width, height, left, top) => {
-      res = {
-        nativeEvent: {
-          layout: {
-            x,
-            y,
-            width,
-            height,
-            left,
-            top
-          },
-          target
-        },
-        timeStamp: Date.now()
-      };
-    }), !res) throw new Error("\u203C\uFE0F");
-    return res;
-  },
-  measureLayout = (node, relativeTo, callback) => {
-    const relativeNode = relativeTo || node?.parentElement;
-    if (relativeNode instanceof HTMLElement) {
-      const nodeDim = node.getBoundingClientRect(),
-        relativeNodeDim = relativeNode.getBoundingClientRect();
-      if (relativeNodeDim && nodeDim) {
-        const {
-          x,
-          y,
-          width,
-          height,
-          left,
-          top
-        } = getRelativeDimensions(nodeDim, relativeNodeDim);
-        callback(x, y, width, height, left, top);
-      }
-    }
-  },
-  getElementLayoutEventAsync = async target => {
-    let res = null;
-    if (await measureLayoutAsync(target, null, (x, y, width, height, left, top) => {
-      res = {
-        nativeEvent: {
-          layout: {
-            x,
-            y,
-            width,
-            height,
-            left,
-            top
-          },
-          target
-        },
-        timeStamp: Date.now()
-      };
-    }), !res) throw new Error("\u203C\uFE0F");
-    return res;
-  },
-  measureLayoutAsync = async (node, relativeTo, callback) => {
-    const relativeNode = relativeTo || node?.parentElement;
-    if (relativeNode instanceof HTMLElement) {
-      const [nodeDim, relativeNodeDim] = await Promise.all([node.getBoundingClientRect(), relativeNode.getBoundingClientRect()]);
-      if (relativeNodeDim && nodeDim) {
-        const {
-          x,
-          y,
-          width,
-          height,
-          left,
-          top
-        } = getRelativeDimensions(nodeDim, relativeNodeDim);
-        callback(x, y, width, height, left, top);
-      }
-    }
-  },
-  getRelativeDimensions = (a, b) => {
-    const {
-        height,
-        left,
-        top,
-        width
-      } = a,
-      x = left - b.left,
-      y = top - b.top;
-    return {
-      x,
-      y,
-      width,
-      height,
-      left,
-      top
-    };
-  };
-function useElementLayout(ref, onLayout) {
-  const node = ref.current?.host;
-  node && onLayout && LayoutHandlers.set(node, onLayout), (0, import_constants.useIsomorphicLayoutEffect)(() => {
-    if (!onLayout) return;
-    const node2 = ref.current?.host;
-    if (node2) return LayoutHandlers.set(node2, onLayout), Nodes.add(node2), onLayout(getElementLayoutEvent(node2)), () => {
-      Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2);
-      const timer = DebounceTimers.get(node2);
-      timer && (clearTimeout(timer), DebounceTimers.delete(node2)), LastChangeTime.delete(node2);
-    };
-  }, [ref, !!onLayout]);
-}