@tamagui/core 1.14.1 → 1.14.3

package/dist/cjs/vendor/Pressability.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/vendor/Pressability.tsx"],
   "sourcesContent": ["export const Pressability = {} as any\nexport const usePressability = {} as Function\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,EAAA,oBAAAC,IAAA,eAAAC,EAAAJ,GAAO,MAAME,EAAe,CAAC,EAChBC,EAAkB,CAAC",
-  "names": ["Pressability_exports", "__export", "Pressability", "usePressability", "__toCommonJS"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,eAAe,CAAC;AACtB,MAAM,kBAAkB,CAAC;",
+  "names": []
 }

package/dist/cjs/vendor/Pressability.native.js

@@ -1,2 +1,32 @@
-"use strict";var i=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var o=Object.prototype.hasOwnProperty;var b=(r,e)=>{for(var s in e)i(r,s,{get:e[s],enumerable:!0})},c=(r,e,s,u)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of l(e))!o.call(r,t)&&t!==s&&i(r,t,{get:()=>e[t],enumerable:!(u=a(e,t))||u.enumerable});return r};var d=r=>c(i({},"__esModule",{value:!0}),r);var p={};b(p,{Pressability:()=>f,usePressability:()=>n});module.exports=d(p);const f=require("react-native/Libraries/Pressability/Pressability").default,n=require("react-native/Libraries/Pressability/usePressability").default;0&&(module.exports={Pressability,usePressability});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Pressability_native_exports = {};
+__export(Pressability_native_exports, {
+  Pressability: () => Pressability,
+  usePressability: () => usePressability
+});
+module.exports = __toCommonJS(Pressability_native_exports);
+const Pressability = require("react-native/Libraries/Pressability/Pressability").default;
+const usePressability = require("react-native/Libraries/Pressability/usePressability").default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Pressability,
+  usePressability
+});
 //# sourceMappingURL=Pressability.native.js.map

package/dist/cjs/vendor/Pressability.native.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/vendor/Pressability.native.tsx"],
   "sourcesContent": ["export const Pressability =\n  require('react-native/Libraries/Pressability/Pressability').default\nexport const usePressability =\n  require('react-native/Libraries/Pressability/usePressability').default\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,EAAA,oBAAAC,IAAA,eAAAC,EAAAJ,GAAO,MAAME,EACX,QAAQ,kDAAkD,EAAE,QACjDC,EACX,QAAQ,qDAAqD,EAAE",
-  "names": ["Pressability_native_exports", "__export", "Pressability", "usePressability", "__toCommonJS"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,eACX,QAAQ,kDAAkD,EAAE;AACvD,MAAM,kBACX,QAAQ,qDAAqD,EAAE;",
+  "names": []
 }

package/dist/esm/helpers/getBoundingClientRect.js

@@ -1,2 +1,10 @@
-const i=t=>{var e;if(!(!t||t.nodeType!==1))return(e=t.getBoundingClientRect)==null?void 0:e.call(t)};export{i as getBoundingClientRect};
+const getBoundingClientRect = (node) => {
+  var _a;
+  if (!node || node.nodeType !== 1)
+    return;
+  return (_a = node.getBoundingClientRect) == null ? void 0 : _a.call(node);
+};
+export {
+  getBoundingClientRect
+};
 //# sourceMappingURL=getBoundingClientRect.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/getBoundingClientRect.tsx"],
   "sourcesContent": ["export const getBoundingClientRect = (node: HTMLElement | null): void | DOMRect => {\n  if (!node || node.nodeType !== 1) return\n  return node.getBoundingClientRect?.()\n}\n"],
-  "mappings": "AAAO,MAAMA,EAAyBC,GAA6C,CAAnF,IAAAC,EACE,GAAI,GAACD,GAAQA,EAAK,WAAa,GAC/B,OAAOC,EAAAD,EAAK,wBAAL,YAAAC,EAAA,KAAAD,EACT",
-  "names": ["getBoundingClientRect", "node", "_a"]
+  "mappings": "AAAO,MAAM,wBAAwB,CAAC,SAA6C;AAAnF;AACE,MAAI,CAAC,QAAQ,KAAK,aAAa;AAAG;AAClC,UAAO,UAAK,0BAAL;AACT;",
+  "names": []
 }

package/dist/esm/helpers/getBoundingClientRect.mjs

@@ -1,2 +1,10 @@
-const i=t=>{var e;if(!(!t||t.nodeType!==1))return(e=t.getBoundingClientRect)==null?void 0:e.call(t)};export{i as getBoundingClientRect};
+const getBoundingClientRect = (node) => {
+  var _a;
+  if (!node || node.nodeType !== 1)
+    return;
+  return (_a = node.getBoundingClientRect) == null ? void 0 : _a.call(node);
+};
+export {
+  getBoundingClientRect
+};
 //# sourceMappingURL=getBoundingClientRect.mjs.map

package/dist/esm/helpers/getBoundingClientRect.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/getBoundingClientRect.tsx"],
   "sourcesContent": ["export const getBoundingClientRect = (node: HTMLElement | null): void | DOMRect => {\n  if (!node || node.nodeType !== 1) return\n  return node.getBoundingClientRect?.()\n}\n"],
-  "mappings": "AAAO,MAAMA,EAAyBC,GAA6C,CAAnF,IAAAC,EACE,GAAI,GAACD,GAAQA,EAAK,WAAa,GAC/B,OAAOC,EAAAD,EAAK,wBAAL,YAAAC,EAAA,KAAAD,EACT",
-  "names": ["getBoundingClientRect", "node", "_a"]
+  "mappings": "AAAO,MAAM,wBAAwB,CAAC,SAA6C;AAAnF;AACE,MAAI,CAAC,QAAQ,KAAK,aAAa;AAAG;AAClC,UAAO,UAAK,0BAAL;AACT;",
+  "names": []
 }

package/dist/esm/helpers/getRect.js

@@ -1,2 +1,12 @@
-import{getBoundingClientRect as n}from"./getBoundingClientRect";const g=t=>{const e=n(t);if(!e)return;const{x:i,y:o,top:r,left:f}=e;return{x:i,y:o,width:t.offsetWidth,height:t.offsetHeight,top:r,left:f}};export{g as getRect};
+import { getBoundingClientRect } from "./getBoundingClientRect";
+const getRect = (node) => {
+  const rect = getBoundingClientRect(node);
+  if (!rect)
+    return;
+  const { x, y, top, left } = rect;
+  return { x, y, width: node.offsetWidth, height: node.offsetHeight, top, left };
+};
+export {
+  getRect
+};
 //# sourceMappingURL=getRect.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/getRect.tsx"],
   "sourcesContent": ["import { getBoundingClientRect } from './getBoundingClientRect'\n\nexport const getRect = (node: HTMLElement) => {\n  const rect = getBoundingClientRect(node)\n  if (!rect) return\n  const { x, y, top, left } = rect\n  return { x, y, width: node.offsetWidth, height: node.offsetHeight, top, left }\n}\n"],
-  "mappings": "AAAA,OAAS,yBAAAA,MAA6B,0BAE/B,MAAMC,EAAWC,GAAsB,CAC5C,MAAMC,EAAOH,EAAsBE,CAAI,EACvC,GAAI,CAACC,EAAM,OACX,KAAM,CAAE,EAAAC,EAAG,EAAAC,EAAG,IAAAC,EAAK,KAAAC,CAAK,EAAIJ,EAC5B,MAAO,CAAE,EAAAC,EAAG,EAAAC,EAAG,MAAOH,EAAK,YAAa,OAAQA,EAAK,aAAc,IAAAI,EAAK,KAAAC,CAAK,CAC/E",
-  "names": ["getBoundingClientRect", "getRect", "node", "rect", "x", "y", "top", "left"]
+  "mappings": "AAAA,SAAS,6BAA6B;AAE/B,MAAM,UAAU,CAAC,SAAsB;AAC5C,QAAM,OAAO,sBAAsB,IAAI;AACvC,MAAI,CAAC;AAAM;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/esm/helpers/getRect.mjs

@@ -1,2 +1,12 @@
-import{getBoundingClientRect as n}from"./getBoundingClientRect";const g=t=>{const e=n(t);if(!e)return;const{x:i,y:o,top:r,left:f}=e;return{x:i,y:o,width:t.offsetWidth,height:t.offsetHeight,top:r,left:f}};export{g as getRect};
+import { getBoundingClientRect } from "./getBoundingClientRect";
+const getRect = (node) => {
+  const rect = getBoundingClientRect(node);
+  if (!rect)
+    return;
+  const { x, y, top, left } = rect;
+  return { x, y, width: node.offsetWidth, height: node.offsetHeight, top, left };
+};
+export {
+  getRect
+};
 //# sourceMappingURL=getRect.mjs.map

package/dist/esm/helpers/getRect.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/getRect.tsx"],
   "sourcesContent": ["import { getBoundingClientRect } from './getBoundingClientRect'\n\nexport const getRect = (node: HTMLElement) => {\n  const rect = getBoundingClientRect(node)\n  if (!rect) return\n  const { x, y, top, left } = rect\n  return { x, y, width: node.offsetWidth, height: node.offsetHeight, top, left }\n}\n"],
-  "mappings": "AAAA,OAAS,yBAAAA,MAA6B,0BAE/B,MAAMC,EAAWC,GAAsB,CAC5C,MAAMC,EAAOH,EAAsBE,CAAI,EACvC,GAAI,CAACC,EAAM,OACX,KAAM,CAAE,EAAAC,EAAG,EAAAC,EAAG,IAAAC,EAAK,KAAAC,CAAK,EAAIJ,EAC5B,MAAO,CAAE,EAAAC,EAAG,EAAAC,EAAG,MAAOH,EAAK,YAAa,OAAQA,EAAK,aAAc,IAAAI,EAAK,KAAAC,CAAK,CAC/E",
-  "names": ["getBoundingClientRect", "getRect", "node", "rect", "x", "y", "top", "left"]
+  "mappings": "AAAA,SAAS,6BAA6B;AAE/B,MAAM,UAAU,CAAC,SAAsB;AAC5C,QAAM,OAAO,sBAAsB,IAAI;AACvC,MAAI,CAAC;AAAM;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/esm/hooks/useElementLayout.js

@@ -1,2 +1,59 @@
-import{useIsomorphicLayoutEffect as p}from"@tamagui/constants";import{useEvent as y}from"@tamagui/use-event";import{getBoundingClientRect as v}from"../helpers/getBoundingClientRect";import{getRect as E}from"../helpers/getRect";const l=new WeakMap;let u=null;typeof window<"u"&&"ResizeObserver"in window&&(u=new ResizeObserver(t=>{for(const{target:n}of t){const o=l.get(n);if(typeof o!="function")return;L(n,null,(r,e,m,i,a,s)=>{o({nativeEvent:{layout:{x:r,y:e,width:m,height:i,left:a,top:s},target:n},timeStamp:Date.now()})})}}));const L=(t,n,o)=>{const r=n||(t==null?void 0:t.parentNode);r instanceof HTMLElement&&setTimeout(()=>{const e=v(r),{height:m,left:i,top:a,width:s}=E(t),c=i-e.left,f=a-e.top;o(c,f,s,m,i,a)},0)},b=()=>{};function H(t,n){const o=!!n,r=y(n||b);p(()=>{if(!u||!o)return;const e=t.current;if(e)return l.set(e,r),u.observe(e),()=>{u==null||u.unobserve(e)}},[t,o])}export{L as measureLayout,H as useElementLayout};
+import { useIsomorphicLayoutEffect } from "@tamagui/constants";
+import { useEvent } from "@tamagui/use-event";
+import { getBoundingClientRect } from "../helpers/getBoundingClientRect";
+import { getRect } from "../helpers/getRect";
+const LayoutHandlers = /* @__PURE__ */ new WeakMap();
+let resizeObserver = null;
+if (typeof window !== "undefined" && "ResizeObserver" in window) {
+  resizeObserver = new ResizeObserver((entries) => {
+    for (const { target } of entries) {
+      const onLayout = LayoutHandlers.get(target);
+      if (typeof onLayout !== "function")
+        return;
+      measureLayout(target, null, (x, y, width, height, left, top) => {
+        onLayout({
+          nativeEvent: {
+            layout: { x, y, width, height, left, top },
+            target
+          },
+          timeStamp: Date.now()
+        });
+      });
+    }
+  });
+}
+const measureLayout = (node, relativeTo, callback) => {
+  const relativeNode = relativeTo || (node == null ? void 0 : node.parentNode);
+  if (relativeNode instanceof HTMLElement) {
+    setTimeout(() => {
+      const relativeRect = getBoundingClientRect(relativeNode);
+      const { height, left, top, width } = getRect(node);
+      const x = left - relativeRect.left;
+      const y = top - relativeRect.top;
+      callback(x, y, width, height, left, top);
+    }, 0);
+  }
+};
+const idFn = () => {
+};
+function useElementLayout(ref, onLayout) {
+  const hasLayoutEvent = !!onLayout;
+  const onLayoutEvent = useEvent(onLayout || idFn);
+  useIsomorphicLayoutEffect(() => {
+    if (!resizeObserver || !hasLayoutEvent)
+      return;
+    const node = ref.current;
+    if (!node)
+      return;
+    LayoutHandlers.set(node, onLayoutEvent);
+    resizeObserver.observe(node);
+    return () => {
+      resizeObserver == null ? void 0 : resizeObserver.unobserve(node);
+    };
+  }, [ref, hasLayoutEvent]);
+}
+export {
+  measureLayout,
+  useElementLayout
+};
 //# sourceMappingURL=useElementLayout.js.map

package/dist/esm/hooks/useElementLayout.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/useElementLayout.tsx"],
   "sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useEvent } from '@tamagui/use-event'\nimport { RefObject } from 'react'\n\nimport { getBoundingClientRect } from '../helpers/getBoundingClientRect'\nimport { getRect } from '../helpers/getRect'\n\nconst LayoutHandlers = new WeakMap<Element, Function>()\n\nexport type LayoutValue = {\n  x: number\n  y: number\n  width: number\n  height: number\n  left: number\n  top: number\n}\n\nexport type LayoutEvent = {\n  nativeEvent: {\n    layout: LayoutValue\n    target: any\n  }\n  timeStamp: number\n}\n\nlet resizeObserver: ResizeObserver | null = null\n\nif (typeof window !== 'undefined' && 'ResizeObserver' in window) {\n  resizeObserver = new ResizeObserver((entries) => {\n    for (const { target } of entries) {\n      const onLayout = LayoutHandlers.get(target)\n      if (typeof onLayout !== 'function') return\n      measureLayout(target as HTMLElement, null, (x, y, width, height, left, top) => {\n        onLayout({\n          nativeEvent: {\n            layout: { x, y, width, height, left, top },\n            target,\n          },\n          timeStamp: Date.now(),\n        })\n      })\n    }\n  })\n}\n\nexport const measureLayout = (\n  node: HTMLElement,\n  relativeTo: HTMLElement | null,\n  callback: Function\n) => {\n  const relativeNode = relativeTo || node?.parentNode\n  if (relativeNode instanceof HTMLElement) {\n    setTimeout(() => {\n      const relativeRect = getBoundingClientRect(relativeNode)!\n      const { height, left, top, width } = getRect(node)!\n      const x = left - relativeRect.left\n      const y = top - relativeRect.top\n      callback(x, y, width, height, left, top)\n    }, 0)\n  }\n}\n\nconst idFn = () => {}\n\nexport function useElementLayout(\n  ref: RefObject<Element>,\n  onLayout?: ((e: LayoutEvent) => void) | null\n) {\n  const hasLayoutEvent = !!onLayout\n  const onLayoutEvent = useEvent(onLayout || idFn)\n\n  // Observing is done in a separate effect to avoid this effect running\n  // when 'onLayout' changes.\n  useIsomorphicLayoutEffect(() => {\n    if (!resizeObserver || !hasLayoutEvent) return\n    const node = ref.current\n    if (!node) return\n    LayoutHandlers.set(node, onLayoutEvent)\n    resizeObserver.observe(node)\n    return () => {\n      resizeObserver?.unobserve(node)\n    }\n  }, [ref, hasLayoutEvent])\n}\n"],
-  "mappings": "AAAA,OAAS,6BAAAA,MAAiC,qBAC1C,OAAS,YAAAC,MAAgB,qBAGzB,OAAS,yBAAAC,MAA6B,mCACtC,OAAS,WAAAC,MAAe,qBAExB,MAAMC,EAAiB,IAAI,QAmB3B,IAAIC,EAAwC,KAExC,OAAO,OAAW,KAAe,mBAAoB,SACvDA,EAAiB,IAAI,eAAgBC,GAAY,CAC/C,SAAW,CAAE,OAAAC,CAAO,IAAKD,EAAS,CAChC,MAAME,EAAWJ,EAAe,IAAIG,CAAM,EAC1C,GAAI,OAAOC,GAAa,WAAY,OACpCC,EAAcF,EAAuB,KAAM,CAACG,EAAGC,EAAGC,EAAOC,EAAQC,EAAMC,IAAQ,CAC7EP,EAAS,CACP,YAAa,CACX,OAAQ,CAAE,EAAAE,EAAG,EAAAC,EAAG,MAAAC,EAAO,OAAAC,EAAQ,KAAAC,EAAM,IAAAC,CAAI,EACzC,OAAAR,CACF,EACA,UAAW,KAAK,IAAI,CACtB,CAAC,CACH,CAAC,CACH,CACF,CAAC,GAGI,MAAME,EAAgB,CAC3BO,EACAC,EACAC,IACG,CACH,MAAMC,EAAeF,IAAcD,GAAA,YAAAA,EAAM,YACrCG,aAAwB,aAC1B,WAAW,IAAM,CACf,MAAMC,EAAelB,EAAsBiB,CAAY,EACjD,CAAE,OAAAN,EAAQ,KAAAC,EAAM,IAAAC,EAAK,MAAAH,CAAM,EAAIT,EAAQa,CAAI,EAC3CN,EAAII,EAAOM,EAAa,KACxBT,EAAII,EAAMK,EAAa,IAC7BF,EAASR,EAAGC,EAAGC,EAAOC,EAAQC,EAAMC,CAAG,CACzC,EAAG,CAAC,CAER,EAEMM,EAAO,IAAM,CAAC,EAEb,SAASC,EACdC,EACAf,EACA,CACA,MAAMgB,EAAiB,CAAC,CAAChB,EACnBiB,EAAgBxB,EAASO,GAAYa,CAAI,EAI/CrB,EAA0B,IAAM,CAC9B,GAAI,CAACK,GAAkB,CAACmB,EAAgB,OACxC,MAAMR,EAAOO,EAAI,QACjB,GAAKP,EACL,OAAAZ,EAAe,IAAIY,EAAMS,CAAa,EACtCpB,EAAe,QAAQW,CAAI,EACpB,IAAM,CACXX,GAAA,MAAAA,EAAgB,UAAUW,EAC5B,CACF,EAAG,CAACO,EAAKC,CAAc,CAAC,CAC1B",
-  "names": ["useIsomorphicLayoutEffect", "useEvent", "getBoundingClientRect", "getRect", "LayoutHandlers", "resizeObserver", "entries", "target", "onLayout", "measureLayout", "x", "y", "width", "height", "left", "top", "node", "relativeTo", "callback", "relativeNode", "relativeRect", "idFn", "useElementLayout", "ref", "hasLayoutEvent", "onLayoutEvent"]
+  "mappings": "AAAA,SAAS,iCAAiC;AAC1C,SAAS,gBAAgB;AAGzB,SAAS,6BAA6B;AACtC,SAAS,eAAe;AAExB,MAAM,iBAAiB,oBAAI,QAA2B;AAmBtD,IAAI,iBAAwC;AAE5C,IAAI,OAAO,WAAW,eAAe,oBAAoB,QAAQ;AAC/D,mBAAiB,IAAI,eAAe,CAAC,YAAY;AAC/C,eAAW,EAAE,OAAO,KAAK,SAAS;AAChC,YAAM,WAAW,eAAe,IAAI,MAAM;AAC1C,UAAI,OAAO,aAAa;AAAY;AACpC,oBAAc,QAAuB,MAAM,CAAC,GAAG,GAAG,OAAO,QAAQ,MAAM,QAAQ;AAC7E,iBAAS;AAAA,UACP,aAAa;AAAA,YACX,QAAQ,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI;AAAA,YACzC;AAAA,UACF;AAAA,UACA,WAAW,KAAK,IAAI;AAAA,QACtB,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACH;AAEO,MAAM,gBAAgB,CAC3B,MACA,YACA,aACG;AACH,QAAM,eAAe,eAAc,6BAAM;AACzC,MAAI,wBAAwB,aAAa;AACvC,eAAW,MAAM;AACf,YAAM,eAAe,sBAAsB,YAAY;AACvD,YAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,QAAQ,IAAI;AACjD,YAAM,IAAI,OAAO,aAAa;AAC9B,YAAM,IAAI,MAAM,aAAa;AAC7B,eAAS,GAAG,GAAG,OAAO,QAAQ,MAAM,GAAG;AAAA,IACzC,GAAG,CAAC;AAAA,EACN;AACF;AAEA,MAAM,OAAO,MAAM;AAAC;AAEb,SAAS,iBACd,KACA,UACA;AACA,QAAM,iBAAiB,CAAC,CAAC;AACzB,QAAM,gBAAgB,SAAS,YAAY,IAAI;AAI/C,4BAA0B,MAAM;AAC9B,QAAI,CAAC,kBAAkB,CAAC;AAAgB;AACxC,UAAM,OAAO,IAAI;AACjB,QAAI,CAAC;AAAM;AACX,mBAAe,IAAI,MAAM,aAAa;AACtC,mBAAe,QAAQ,IAAI;AAC3B,WAAO,MAAM;AACX,uDAAgB,UAAU;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,KAAK,cAAc,CAAC;AAC1B;",
+  "names": []
 }

package/dist/esm/hooks/useElementLayout.mjs

@@ -1,2 +1,59 @@
-import{useIsomorphicLayoutEffect as p}from"@tamagui/constants";import{useEvent as y}from"@tamagui/use-event";import{getBoundingClientRect as v}from"../helpers/getBoundingClientRect";import{getRect as E}from"../helpers/getRect";const l=new WeakMap;let u=null;typeof window<"u"&&"ResizeObserver"in window&&(u=new ResizeObserver(t=>{for(const{target:n}of t){const o=l.get(n);if(typeof o!="function")return;L(n,null,(r,e,m,i,a,s)=>{o({nativeEvent:{layout:{x:r,y:e,width:m,height:i,left:a,top:s},target:n},timeStamp:Date.now()})})}}));const L=(t,n,o)=>{const r=n||(t==null?void 0:t.parentNode);r instanceof HTMLElement&&setTimeout(()=>{const e=v(r),{height:m,left:i,top:a,width:s}=E(t),c=i-e.left,f=a-e.top;o(c,f,s,m,i,a)},0)},b=()=>{};function H(t,n){const o=!!n,r=y(n||b);p(()=>{if(!u||!o)return;const e=t.current;if(e)return l.set(e,r),u.observe(e),()=>{u==null||u.unobserve(e)}},[t,o])}export{L as measureLayout,H as useElementLayout};
+import { useIsomorphicLayoutEffect } from "@tamagui/constants";
+import { useEvent } from "@tamagui/use-event";
+import { getBoundingClientRect } from "../helpers/getBoundingClientRect";
+import { getRect } from "../helpers/getRect";
+const LayoutHandlers = /* @__PURE__ */ new WeakMap();
+let resizeObserver = null;
+if (typeof window !== "undefined" && "ResizeObserver" in window) {
+  resizeObserver = new ResizeObserver((entries) => {
+    for (const { target } of entries) {
+      const onLayout = LayoutHandlers.get(target);
+      if (typeof onLayout !== "function")
+        return;
+      measureLayout(target, null, (x, y, width, height, left, top) => {
+        onLayout({
+          nativeEvent: {
+            layout: { x, y, width, height, left, top },
+            target
+          },
+          timeStamp: Date.now()
+        });
+      });
+    }
+  });
+}
+const measureLayout = (node, relativeTo, callback) => {
+  const relativeNode = relativeTo || (node == null ? void 0 : node.parentNode);
+  if (relativeNode instanceof HTMLElement) {
+    setTimeout(() => {
+      const relativeRect = getBoundingClientRect(relativeNode);
+      const { height, left, top, width } = getRect(node);
+      const x = left - relativeRect.left;
+      const y = top - relativeRect.top;
+      callback(x, y, width, height, left, top);
+    }, 0);
+  }
+};
+const idFn = () => {
+};
+function useElementLayout(ref, onLayout) {
+  const hasLayoutEvent = !!onLayout;
+  const onLayoutEvent = useEvent(onLayout || idFn);
+  useIsomorphicLayoutEffect(() => {
+    if (!resizeObserver || !hasLayoutEvent)
+      return;
+    const node = ref.current;
+    if (!node)
+      return;
+    LayoutHandlers.set(node, onLayoutEvent);
+    resizeObserver.observe(node);
+    return () => {
+      resizeObserver == null ? void 0 : resizeObserver.unobserve(node);
+    };
+  }, [ref, hasLayoutEvent]);
+}
+export {
+  measureLayout,
+  useElementLayout
+};
 //# sourceMappingURL=useElementLayout.mjs.map

package/dist/esm/hooks/useElementLayout.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/useElementLayout.tsx"],
   "sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useEvent } from '@tamagui/use-event'\nimport { RefObject } from 'react'\n\nimport { getBoundingClientRect } from '../helpers/getBoundingClientRect'\nimport { getRect } from '../helpers/getRect'\n\nconst LayoutHandlers = new WeakMap<Element, Function>()\n\nexport type LayoutValue = {\n  x: number\n  y: number\n  width: number\n  height: number\n  left: number\n  top: number\n}\n\nexport type LayoutEvent = {\n  nativeEvent: {\n    layout: LayoutValue\n    target: any\n  }\n  timeStamp: number\n}\n\nlet resizeObserver: ResizeObserver | null = null\n\nif (typeof window !== 'undefined' && 'ResizeObserver' in window) {\n  resizeObserver = new ResizeObserver((entries) => {\n    for (const { target } of entries) {\n      const onLayout = LayoutHandlers.get(target)\n      if (typeof onLayout !== 'function') return\n      measureLayout(target as HTMLElement, null, (x, y, width, height, left, top) => {\n        onLayout({\n          nativeEvent: {\n            layout: { x, y, width, height, left, top },\n            target,\n          },\n          timeStamp: Date.now(),\n        })\n      })\n    }\n  })\n}\n\nexport const measureLayout = (\n  node: HTMLElement,\n  relativeTo: HTMLElement | null,\n  callback: Function\n) => {\n  const relativeNode = relativeTo || node?.parentNode\n  if (relativeNode instanceof HTMLElement) {\n    setTimeout(() => {\n      const relativeRect = getBoundingClientRect(relativeNode)!\n      const { height, left, top, width } = getRect(node)!\n      const x = left - relativeRect.left\n      const y = top - relativeRect.top\n      callback(x, y, width, height, left, top)\n    }, 0)\n  }\n}\n\nconst idFn = () => {}\n\nexport function useElementLayout(\n  ref: RefObject<Element>,\n  onLayout?: ((e: LayoutEvent) => void) | null\n) {\n  const hasLayoutEvent = !!onLayout\n  const onLayoutEvent = useEvent(onLayout || idFn)\n\n  // Observing is done in a separate effect to avoid this effect running\n  // when 'onLayout' changes.\n  useIsomorphicLayoutEffect(() => {\n    if (!resizeObserver || !hasLayoutEvent) return\n    const node = ref.current\n    if (!node) return\n    LayoutHandlers.set(node, onLayoutEvent)\n    resizeObserver.observe(node)\n    return () => {\n      resizeObserver?.unobserve(node)\n    }\n  }, [ref, hasLayoutEvent])\n}\n"],
-  "mappings": "AAAA,OAAS,6BAAAA,MAAiC,qBAC1C,OAAS,YAAAC,MAAgB,qBAGzB,OAAS,yBAAAC,MAA6B,mCACtC,OAAS,WAAAC,MAAe,qBAExB,MAAMC,EAAiB,IAAI,QAmB3B,IAAIC,EAAwC,KAExC,OAAO,OAAW,KAAe,mBAAoB,SACvDA,EAAiB,IAAI,eAAgBC,GAAY,CAC/C,SAAW,CAAE,OAAAC,CAAO,IAAKD,EAAS,CAChC,MAAME,EAAWJ,EAAe,IAAIG,CAAM,EAC1C,GAAI,OAAOC,GAAa,WAAY,OACpCC,EAAcF,EAAuB,KAAM,CAACG,EAAGC,EAAGC,EAAOC,EAAQC,EAAMC,IAAQ,CAC7EP,EAAS,CACP,YAAa,CACX,OAAQ,CAAE,EAAAE,EAAG,EAAAC,EAAG,MAAAC,EAAO,OAAAC,EAAQ,KAAAC,EAAM,IAAAC,CAAI,EACzC,OAAAR,CACF,EACA,UAAW,KAAK,IAAI,CACtB,CAAC,CACH,CAAC,CACH,CACF,CAAC,GAGI,MAAME,EAAgB,CAC3BO,EACAC,EACAC,IACG,CACH,MAAMC,EAAeF,IAAcD,GAAA,YAAAA,EAAM,YACrCG,aAAwB,aAC1B,WAAW,IAAM,CACf,MAAMC,EAAelB,EAAsBiB,CAAY,EACjD,CAAE,OAAAN,EAAQ,KAAAC,EAAM,IAAAC,EAAK,MAAAH,CAAM,EAAIT,EAAQa,CAAI,EAC3CN,EAAII,EAAOM,EAAa,KACxBT,EAAII,EAAMK,EAAa,IAC7BF,EAASR,EAAGC,EAAGC,EAAOC,EAAQC,EAAMC,CAAG,CACzC,EAAG,CAAC,CAER,EAEMM,EAAO,IAAM,CAAC,EAEb,SAASC,EACdC,EACAf,EACA,CACA,MAAMgB,EAAiB,CAAC,CAAChB,EACnBiB,EAAgBxB,EAASO,GAAYa,CAAI,EAI/CrB,EAA0B,IAAM,CAC9B,GAAI,CAACK,GAAkB,CAACmB,EAAgB,OACxC,MAAMR,EAAOO,EAAI,QACjB,GAAKP,EACL,OAAAZ,EAAe,IAAIY,EAAMS,CAAa,EACtCpB,EAAe,QAAQW,CAAI,EACpB,IAAM,CACXX,GAAA,MAAAA,EAAgB,UAAUW,EAC5B,CACF,EAAG,CAACO,EAAKC,CAAc,CAAC,CAC1B",
-  "names": ["useIsomorphicLayoutEffect", "useEvent", "getBoundingClientRect", "getRect", "LayoutHandlers", "resizeObserver", "entries", "target", "onLayout", "measureLayout", "x", "y", "width", "height", "left", "top", "node", "relativeTo", "callback", "relativeNode", "relativeRect", "idFn", "useElementLayout", "ref", "hasLayoutEvent", "onLayoutEvent"]
+  "mappings": "AAAA,SAAS,iCAAiC;AAC1C,SAAS,gBAAgB;AAGzB,SAAS,6BAA6B;AACtC,SAAS,eAAe;AAExB,MAAM,iBAAiB,oBAAI,QAA2B;AAmBtD,IAAI,iBAAwC;AAE5C,IAAI,OAAO,WAAW,eAAe,oBAAoB,QAAQ;AAC/D,mBAAiB,IAAI,eAAe,CAAC,YAAY;AAC/C,eAAW,EAAE,OAAO,KAAK,SAAS;AAChC,YAAM,WAAW,eAAe,IAAI,MAAM;AAC1C,UAAI,OAAO,aAAa;AAAY;AACpC,oBAAc,QAAuB,MAAM,CAAC,GAAG,GAAG,OAAO,QAAQ,MAAM,QAAQ;AAC7E,iBAAS;AAAA,UACP,aAAa;AAAA,YACX,QAAQ,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI;AAAA,YACzC;AAAA,UACF;AAAA,UACA,WAAW,KAAK,IAAI;AAAA,QACtB,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACH;AAEO,MAAM,gBAAgB,CAC3B,MACA,YACA,aACG;AACH,QAAM,eAAe,eAAc,6BAAM;AACzC,MAAI,wBAAwB,aAAa;AACvC,eAAW,MAAM;AACf,YAAM,eAAe,sBAAsB,YAAY;AACvD,YAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,QAAQ,IAAI;AACjD,YAAM,IAAI,OAAO,aAAa;AAC9B,YAAM,IAAI,MAAM,aAAa;AAC7B,eAAS,GAAG,GAAG,OAAO,QAAQ,MAAM,GAAG;AAAA,IACzC,GAAG,CAAC;AAAA,EACN;AACF;AAEA,MAAM,OAAO,MAAM;AAAC;AAEb,SAAS,iBACd,KACA,UACA;AACA,QAAM,iBAAiB,CAAC,CAAC;AACzB,QAAM,gBAAgB,SAAS,YAAY,IAAI;AAI/C,4BAA0B,MAAM;AAC9B,QAAI,CAAC,kBAAkB,CAAC;AAAgB;AACxC,UAAM,OAAO,IAAI;AACjB,QAAI,CAAC;AAAM;AACX,mBAAe,IAAI,MAAM,aAAa;AACtC,mBAAe,QAAQ,IAAI;AAC3B,WAAO,MAAM;AACX,uDAAgB,UAAU;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,KAAK,cAAc,CAAC;AAC1B;",
+  "names": []
 }

package/dist/esm/hooks/usePlatformMethods.js

@@ -1,2 +1,24 @@
-import{useIsomorphicLayoutEffect as i}from"@tamagui/web";import{getRect as s}from"../helpers/getRect";import{measureLayout as m}from"./useElementLayout";function d(r){i(()=>{const e=r.current;e&&(e.measure=t=>m(e,null,t),e.measureLayout=(t,o)=>m(e,t,o),e.measureInWindow=t=>{e&&setTimeout(()=>{const{height:o,left:u,top:n,width:f}=s(e);t(u,n,f,o)},0)})},[r])}export{d as usePlatformMethods};
+import { useIsomorphicLayoutEffect } from "@tamagui/web";
+import { getRect } from "../helpers/getRect";
+import { measureLayout } from "./useElementLayout";
+function usePlatformMethods(hostRef) {
+  useIsomorphicLayoutEffect(() => {
+    const node = hostRef.current;
+    if (!node)
+      return;
+    node.measure = (callback) => measureLayout(node, null, callback);
+    node.measureLayout = (relativeToNode, success) => measureLayout(node, relativeToNode, success);
+    node.measureInWindow = (callback) => {
+      if (!node)
+        return;
+      setTimeout(() => {
+        const { height, left, top, width } = getRect(node);
+        callback(left, top, width, height);
+      }, 0);
+    };
+  }, [hostRef]);
+}
+export {
+  usePlatformMethods
+};
 //# sourceMappingURL=usePlatformMethods.js.map

package/dist/esm/hooks/usePlatformMethods.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/usePlatformMethods.ts"],
   "sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/web'\nimport { RefObject } from 'react'\n\nimport { getRect } from '../helpers/getRect'\nimport { measureLayout } from './useElementLayout'\n\n// react native compat (web only)\nexport function usePlatformMethods(hostRef: RefObject<Element>) {\n  useIsomorphicLayoutEffect(() => {\n    const node = hostRef.current\n    if (!node) return\n    // @ts-ignore\n    node.measure = (callback) => measureLayout(node, null, callback)\n    // @ts-ignore\n    node.measureLayout = (relativeToNode, success) =>\n      measureLayout(node as HTMLElement, relativeToNode, success)\n    // @ts-ignore\n    node.measureInWindow = (callback) => {\n      if (!node) return\n      setTimeout(() => {\n        const { height, left, top, width } = getRect(node as HTMLElement)!\n        callback(left, top, width, height)\n      }, 0)\n    }\n  }, [hostRef])\n}\n"],
-  "mappings": "AAAA,OAAS,6BAAAA,MAAiC,eAG1C,OAAS,WAAAC,MAAe,qBACxB,OAAS,iBAAAC,MAAqB,qBAGvB,SAASC,EAAmBC,EAA6B,CAC9DJ,EAA0B,IAAM,CAC9B,MAAMK,EAAOD,EAAQ,QAChBC,IAELA,EAAK,QAAWC,GAAaJ,EAAcG,EAAM,KAAMC,CAAQ,EAE/DD,EAAK,cAAgB,CAACE,EAAgBC,IACpCN,EAAcG,EAAqBE,EAAgBC,CAAO,EAE5DH,EAAK,gBAAmBC,GAAa,CAC9BD,GACL,WAAW,IAAM,CACf,KAAM,CAAE,OAAAI,EAAQ,KAAAC,EAAM,IAAAC,EAAK,MAAAC,CAAM,EAAIX,EAAQI,CAAmB,EAChEC,EAASI,EAAMC,EAAKC,EAAOH,CAAM,CACnC,EAAG,CAAC,CACN,EACF,EAAG,CAACL,CAAO,CAAC,CACd",
-  "names": ["useIsomorphicLayoutEffect", "getRect", "measureLayout", "usePlatformMethods", "hostRef", "node", "callback", "relativeToNode", "success", "height", "left", "top", "width"]
+  "mappings": "AAAA,SAAS,iCAAiC;AAG1C,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAGvB,SAAS,mBAAmB,SAA6B;AAC9D,4BAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC;AAAM;AAEX,SAAK,UAAU,CAAC,aAAa,cAAc,MAAM,MAAM,QAAQ;AAE/D,SAAK,gBAAgB,CAAC,gBAAgB,YACpC,cAAc,MAAqB,gBAAgB,OAAO;AAE5D,SAAK,kBAAkB,CAAC,aAAa;AACnC,UAAI,CAAC;AAAM;AACX,iBAAW,MAAM;AACf,cAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,QAAQ,IAAmB;AAChE,iBAAS,MAAM,KAAK,OAAO,MAAM;AAAA,MACnC,GAAG,CAAC;AAAA,IACN;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACd;",
+  "names": []
 }

package/dist/esm/hooks/usePlatformMethods.mjs

@@ -1,2 +1,24 @@
-import{useIsomorphicLayoutEffect as i}from"@tamagui/web";import{getRect as s}from"../helpers/getRect";import{measureLayout as m}from"./useElementLayout";function d(r){i(()=>{const e=r.current;e&&(e.measure=t=>m(e,null,t),e.measureLayout=(t,o)=>m(e,t,o),e.measureInWindow=t=>{e&&setTimeout(()=>{const{height:o,left:u,top:n,width:f}=s(e);t(u,n,f,o)},0)})},[r])}export{d as usePlatformMethods};
+import { useIsomorphicLayoutEffect } from "@tamagui/web";
+import { getRect } from "../helpers/getRect";
+import { measureLayout } from "./useElementLayout";
+function usePlatformMethods(hostRef) {
+  useIsomorphicLayoutEffect(() => {
+    const node = hostRef.current;
+    if (!node)
+      return;
+    node.measure = (callback) => measureLayout(node, null, callback);
+    node.measureLayout = (relativeToNode, success) => measureLayout(node, relativeToNode, success);
+    node.measureInWindow = (callback) => {
+      if (!node)
+        return;
+      setTimeout(() => {
+        const { height, left, top, width } = getRect(node);
+        callback(left, top, width, height);
+      }, 0);
+    };
+  }, [hostRef]);
+}
+export {
+  usePlatformMethods
+};
 //# sourceMappingURL=usePlatformMethods.mjs.map

package/dist/esm/hooks/usePlatformMethods.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/usePlatformMethods.ts"],
   "sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/web'\nimport { RefObject } from 'react'\n\nimport { getRect } from '../helpers/getRect'\nimport { measureLayout } from './useElementLayout'\n\n// react native compat (web only)\nexport function usePlatformMethods(hostRef: RefObject<Element>) {\n  useIsomorphicLayoutEffect(() => {\n    const node = hostRef.current\n    if (!node) return\n    // @ts-ignore\n    node.measure = (callback) => measureLayout(node, null, callback)\n    // @ts-ignore\n    node.measureLayout = (relativeToNode, success) =>\n      measureLayout(node as HTMLElement, relativeToNode, success)\n    // @ts-ignore\n    node.measureInWindow = (callback) => {\n      if (!node) return\n      setTimeout(() => {\n        const { height, left, top, width } = getRect(node as HTMLElement)!\n        callback(left, top, width, height)\n      }, 0)\n    }\n  }, [hostRef])\n}\n"],
-  "mappings": "AAAA,OAAS,6BAAAA,MAAiC,eAG1C,OAAS,WAAAC,MAAe,qBACxB,OAAS,iBAAAC,MAAqB,qBAGvB,SAASC,EAAmBC,EAA6B,CAC9DJ,EAA0B,IAAM,CAC9B,MAAMK,EAAOD,EAAQ,QAChBC,IAELA,EAAK,QAAWC,GAAaJ,EAAcG,EAAM,KAAMC,CAAQ,EAE/DD,EAAK,cAAgB,CAACE,EAAgBC,IACpCN,EAAcG,EAAqBE,EAAgBC,CAAO,EAE5DH,EAAK,gBAAmBC,GAAa,CAC9BD,GACL,WAAW,IAAM,CACf,KAAM,CAAE,OAAAI,EAAQ,KAAAC,EAAM,IAAAC,EAAK,MAAAC,CAAM,EAAIX,EAAQI,CAAmB,EAChEC,EAASI,EAAMC,EAAKC,EAAOH,CAAM,CACnC,EAAG,CAAC,CACN,EACF,EAAG,CAACL,CAAO,CAAC,CACd",
-  "names": ["useIsomorphicLayoutEffect", "getRect", "measureLayout", "usePlatformMethods", "hostRef", "node", "callback", "relativeToNode", "success", "height", "left", "top", "width"]
+  "mappings": "AAAA,SAAS,iCAAiC;AAG1C,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAGvB,SAAS,mBAAmB,SAA6B;AAC9D,4BAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC;AAAM;AAEX,SAAK,UAAU,CAAC,aAAa,cAAc,MAAM,MAAM,QAAQ;AAE/D,SAAK,gBAAgB,CAAC,gBAAgB,YACpC,cAAc,MAAqB,gBAAgB,OAAO;AAE5D,SAAK,kBAAkB,CAAC,aAAa;AACnC,UAAI,CAAC;AAAM;AACX,iBAAW,MAAM;AACf,cAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,QAAQ,IAAmB;AAChE,iBAAS,MAAM,KAAK,OAAO,MAAM;AAAA,MACnC,GAAG,CAAC;AAAA,IACN;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACd;",
+  "names": []
 }

package/dist/esm/index.js

@@ -1,2 +1,145 @@
-import{useResponderEvents as w}from"@tamagui/react-native-use-responder-events";import{Stack as B,Text as I,composeEventHandlers as A,isRSC as M,mergeEvent as S,setupHooks as j}from"@tamagui/web";import{useElementLayout as F}from"./hooks/useElementLayout";import{usePlatformMethods as _}from"./hooks/usePlatformMethods";import{usePressability as G}from"./vendor/Pressability";export*from"@tamagui/web";const Y=B,Z=I;j({getBaseViews(){const e=require("react-native");return{View:e.View||e.default.View,Text:e.Text||e.default.Text}},usePropsTransform(e,n,r){const{onMoveShouldSetResponder:i,onMoveShouldSetResponderCapture:f,onResponderEnd:c,onResponderGrant:a,onResponderMove:l,onResponderReject:p,onResponderRelease:m,onResponderStart:x,onResponderTerminate:b,onResponderTerminationRequest:T,onScrollShouldSetResponder:h,onScrollShouldSetResponderCapture:P,onSelectionChangeShouldSetResponder:k,onSelectionChangeShouldSetResponderCapture:C,onStartShouldSetResponder:g,onStartShouldSetResponderCapture:y,collapsable:q,focusable:d,accessible:N,accessibilityDisabled:V,onLayout:E,hrefAttrs:R,...o}=n;if(M||(_(r),F(r,E),w(r,{onMoveShouldSetResponder:i,onMoveShouldSetResponderCapture:f,onResponderEnd:c,onResponderGrant:a,onResponderMove:l,onResponderReject:p,onResponderRelease:m,onResponderStart:x,onResponderTerminate:b,onResponderTerminationRequest:T,onScrollShouldSetResponder:h,onScrollShouldSetResponderCapture:P,onSelectionChangeShouldSetResponder:k,onSelectionChangeShouldSetResponderCapture:C,onStartShouldSetResponder:g,onStartShouldSetResponderCapture:y})),o.href!==void 0&&R!==void 0){const{download:s,rel:t,target:u}=R;s!=null&&(o.download=s),t!=null&&(o.rel=t),typeof u=="string"&&(o.target=u.charAt(0)!=="_"?`_${u}`:u)}if(!o.tabIndex){const s=d!==void 0?d:N,t=o.role;s===!1&&(o.tabIndex="-1"),e==="a"||e==="button"||e==="input"||e==="select"||e==="textarea"?(s===!1||V===!0)&&(o.tabIndex="-1"):(t==="button"||t==="checkbox"||t==="link"||t==="radio"||t==="textbox"||t==="switch")&&s!==!1&&(o.tabIndex="0"),s===!0&&(o.tabIndex="0")}return o},useEvents(e,n,{pseudos:r},i){if(process.env.TAMAGUI_TARGET==="native"){!!(r!=null&&r.focusStyle)&&(e.onFocus=S(e.onFocus,()=>{i({focus:!0})}),e.onBlur=S(e.onBlur,()=>{i({focus:!1})}));const c=G(n?{...n,hitSlop:e.hitSlop}:{});if(n!=null&&n.onPress)for(const a in c){const l=e[a],p=c[a];e[a]=l&&!O[a]?A(l,p):p}}}});const O={onClick:!0};export{Y as Stack,Z as Text};
+import { useResponderEvents } from "@tamagui/react-native-use-responder-events";
+import {
+  Stack as WebStack,
+  Text as WebText,
+  composeEventHandlers,
+  isRSC,
+  mergeEvent,
+  setupHooks
+} from "@tamagui/web";
+import { useElementLayout } from "./hooks/useElementLayout";
+import { usePlatformMethods } from "./hooks/usePlatformMethods";
+import { usePressability } from "./vendor/Pressability";
+export * from "@tamagui/web";
+const Stack = WebStack;
+const Text = WebText;
+setupHooks({
+  getBaseViews() {
+    const native = require("react-native");
+    return {
+      View: native.View || native.default.View,
+      Text: native.Text || native.default.Text
+    };
+  },
+  usePropsTransform(elementType, propsIn, hostRef) {
+    const {
+      // event props
+      onMoveShouldSetResponder,
+      onMoveShouldSetResponderCapture,
+      onResponderEnd,
+      onResponderGrant,
+      onResponderMove,
+      onResponderReject,
+      onResponderRelease,
+      onResponderStart,
+      onResponderTerminate,
+      onResponderTerminationRequest,
+      onScrollShouldSetResponder,
+      onScrollShouldSetResponderCapture,
+      onSelectionChangeShouldSetResponder,
+      onSelectionChangeShouldSetResponderCapture,
+      onStartShouldSetResponder,
+      onStartShouldSetResponderCapture,
+      // android
+      collapsable,
+      focusable,
+      // deprecated,
+      accessible,
+      accessibilityDisabled,
+      onLayout,
+      hrefAttrs,
+      ...viewProps
+    } = propsIn;
+    if (!isRSC) {
+      usePlatformMethods(hostRef);
+      useElementLayout(hostRef, onLayout);
+      useResponderEvents(hostRef, {
+        onMoveShouldSetResponder,
+        onMoveShouldSetResponderCapture,
+        onResponderEnd,
+        onResponderGrant,
+        onResponderMove,
+        onResponderReject,
+        onResponderRelease,
+        onResponderStart,
+        onResponderTerminate,
+        onResponderTerminationRequest,
+        onScrollShouldSetResponder,
+        onScrollShouldSetResponderCapture,
+        onSelectionChangeShouldSetResponder,
+        onSelectionChangeShouldSetResponderCapture,
+        onStartShouldSetResponder,
+        onStartShouldSetResponderCapture
+      });
+    }
+    if (viewProps.href !== void 0 && hrefAttrs !== void 0) {
+      const { download, rel, target } = hrefAttrs;
+      if (download != null) {
+        viewProps.download = download;
+      }
+      if (rel != null) {
+        viewProps.rel = rel;
+      }
+      if (typeof target === "string") {
+        viewProps.target = target.charAt(0) !== "_" ? `_${target}` : target;
+      }
+    }
+    if (!viewProps.tabIndex) {
+      const _focusable = focusable !== void 0 ? focusable : accessible;
+      const role = viewProps.role;
+      if (_focusable === false) {
+        viewProps.tabIndex = "-1";
+      }
+      if (
+        // These native elements are focusable by default
+        elementType === "a" || elementType === "button" || elementType === "input" || elementType === "select" || elementType === "textarea"
+      ) {
+        if (_focusable === false || accessibilityDisabled === true) {
+          viewProps.tabIndex = "-1";
+        }
+      } else if (
+        // These roles are made focusable by default
+        role === "button" || role === "checkbox" || role === "link" || role === "radio" || role === "textbox" || role === "switch"
+      ) {
+        if (_focusable !== false) {
+          viewProps.tabIndex = "0";
+        }
+      }
+      if (_focusable === true) {
+        viewProps.tabIndex = "0";
+      }
+    }
+    return viewProps;
+  },
+  useEvents(viewProps, events, { pseudos }, setStateShallow) {
+    if (process.env.TAMAGUI_TARGET === "native") {
+      const attachFocus = !!(pseudos == null ? void 0 : pseudos.focusStyle);
+      if (attachFocus) {
+        viewProps.onFocus = mergeEvent(viewProps.onFocus, () => {
+          setStateShallow({ focus: true });
+        });
+        viewProps.onBlur = mergeEvent(viewProps.onBlur, () => {
+          setStateShallow({ focus: false });
+        });
+      }
+      const pressability = usePressability(
+        events ? { ...events, hitSlop: viewProps.hitSlop } : {}
+      );
+      if (events == null ? void 0 : events.onPress) {
+        for (const key in pressability) {
+          const og = viewProps[key];
+          const val = pressability[key];
+          viewProps[key] = og && !dontComposePressabilityKeys[key] ? composeEventHandlers(og, val) : val;
+        }
+      }
+    }
+  }
+});
+const dontComposePressabilityKeys = {
+  onClick: true
+};
+export {
+  Stack,
+  Text
+};
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["import { useResponderEvents } from '@tamagui/react-native-use-responder-events'\nimport {\n  StackProps,\n  StackPropsBase,\n  TamaguiComponent,\n  TextProps,\n  TextPropsBase,\n  Stack as WebStack,\n  Text as WebText,\n  composeEventHandlers,\n  isRSC,\n  mergeEvent,\n  setupHooks,\n} from '@tamagui/web'\nimport { RefObject } from 'react'\nimport type { Text as RNText, View as RNView } from 'react-native'\n\nimport { useElementLayout } from './hooks/useElementLayout'\nimport { usePlatformMethods } from './hooks/usePlatformMethods'\nimport type { RNTextProps, RNViewProps } from './reactNativeTypes'\nimport { usePressability } from './vendor/Pressability'\n\n// re-exports all of @tamagui/web just adds hooks\nexport * from '@tamagui/web'\n\n// adds extra types to Stack/Text:\n\nexport const Stack = WebStack as TamaguiComponent<\n  StackProps & RNViewProps,\n  RNView,\n  StackPropsBase & RNViewProps\n>\n\nexport const Text = WebText as TamaguiComponent<\n  TextProps & RNTextProps,\n  RNText,\n  TextPropsBase & RNTextProps\n>\n\n// setup internal hooks:\n\nsetupHooks({\n  getBaseViews() {\n    const native = require('react-native')\n    return {\n      View: native.View || native.default.View,\n      Text: native.Text || native.default.Text,\n    }\n  },\n\n  usePropsTransform(elementType, propsIn, hostRef) {\n    // otherwise replicate react-native-web functionality\n    const {\n      // event props\n      onMoveShouldSetResponder,\n      onMoveShouldSetResponderCapture,\n      onResponderEnd,\n      onResponderGrant,\n      onResponderMove,\n      onResponderReject,\n      onResponderRelease,\n      onResponderStart,\n      onResponderTerminate,\n      onResponderTerminationRequest,\n      onScrollShouldSetResponder,\n      onScrollShouldSetResponderCapture,\n      onSelectionChangeShouldSetResponder,\n      onSelectionChangeShouldSetResponderCapture,\n      onStartShouldSetResponder,\n      onStartShouldSetResponderCapture,\n\n      // android\n      collapsable,\n      focusable,\n\n      // deprecated,\n      accessible,\n      accessibilityDisabled,\n\n      onLayout,\n      hrefAttrs,\n\n      ...viewProps\n    } = propsIn\n\n    if (!isRSC) {\n      usePlatformMethods(hostRef as RefObject<Element>)\n      useElementLayout(hostRef as RefObject<Element>, onLayout as any)\n      useResponderEvents(hostRef, {\n        onMoveShouldSetResponder,\n        onMoveShouldSetResponderCapture,\n        onResponderEnd,\n        onResponderGrant,\n        onResponderMove,\n        onResponderReject,\n        onResponderRelease,\n        onResponderStart,\n        onResponderTerminate,\n        onResponderTerminationRequest,\n        onScrollShouldSetResponder,\n        onScrollShouldSetResponderCapture,\n        onSelectionChangeShouldSetResponder,\n        onSelectionChangeShouldSetResponderCapture,\n        onStartShouldSetResponder,\n        onStartShouldSetResponderCapture,\n      } as any)\n    }\n\n    // TODO move into getSplitStyles inital `if (process.env.TAMAGUI_TARGET === 'web')` block\n\n    if (viewProps.href !== undefined && hrefAttrs !== undefined) {\n      const { download, rel, target } = hrefAttrs\n      if (download != null) {\n        viewProps.download = download\n      }\n      if (rel != null) {\n        viewProps.rel = rel\n      }\n      if (typeof target === 'string') {\n        viewProps.target = target.charAt(0) !== '_' ? `_${target}` : target\n      }\n    }\n\n    // FOCUS\n    // \"focusable\" indicates that an element may be a keyboard tab-stop.\n    // ported from RNW: TODO move into getSplitStyles\n    if (!viewProps.tabIndex) {\n      const _focusable = focusable !== undefined ? focusable : accessible\n      const role = viewProps.role\n      if (_focusable === false) {\n        viewProps.tabIndex = '-1'\n      }\n      if (\n        // These native elements are focusable by default\n        elementType === 'a' ||\n        elementType === 'button' ||\n        elementType === 'input' ||\n        elementType === 'select' ||\n        elementType === 'textarea'\n      ) {\n        if (_focusable === false || accessibilityDisabled === true) {\n          viewProps.tabIndex = '-1'\n        }\n      } else if (\n        // These roles are made focusable by default\n        role === 'button' ||\n        role === 'checkbox' ||\n        role === 'link' ||\n        role === 'radio' ||\n        role === 'textbox' ||\n        role === 'switch'\n      ) {\n        if (_focusable !== false) {\n          viewProps.tabIndex = '0'\n        }\n      }\n      // Everything else must explicitly set the prop\n      if (_focusable === true) {\n        viewProps.tabIndex = '0'\n      }\n    }\n\n    return viewProps\n  },\n\n  useEvents(viewProps, events, { pseudos }, setStateShallow) {\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      const attachFocus = !!pseudos?.focusStyle\n      if (attachFocus) {\n        viewProps.onFocus = mergeEvent(viewProps.onFocus, () => {\n          setStateShallow({ focus: true })\n        })\n        viewProps.onBlur = mergeEvent(viewProps.onBlur, () => {\n          setStateShallow({ focus: false })\n        })\n      }\n\n      // use Pressability to get smooth unPress when you press + hold + move out\n      // only ever create once, use .configure() to update later\n      const pressability = usePressability(\n        events ? { ...events, hitSlop: viewProps.hitSlop } : {}\n      )\n      if (events?.onPress) {\n        for (const key in pressability) {\n          const og = viewProps[key]\n          const val = pressability[key]\n          viewProps[key] =\n            og && !dontComposePressabilityKeys[key] ? composeEventHandlers(og, val) : val\n        }\n      }\n    }\n  },\n})\n\nconst dontComposePressabilityKeys = {\n  onClick: true,\n}\n"],
-  "mappings": "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",
-  "names": ["useResponderEvents", "WebStack", "WebText", "composeEventHandlers", "isRSC", "mergeEvent", "setupHooks", "useElementLayout", "usePlatformMethods", "usePressability", "Stack", "Text", "native", "elementType", "propsIn", "hostRef", "onMoveShouldSetResponder", "onMoveShouldSetResponderCapture", "onResponderEnd", "onResponderGrant", "onResponderMove", "onResponderReject", "onResponderRelease", "onResponderStart", "onResponderTerminate", "onResponderTerminationRequest", "onScrollShouldSetResponder", "onScrollShouldSetResponderCapture", "onSelectionChangeShouldSetResponder", "onSelectionChangeShouldSetResponderCapture", "onStartShouldSetResponder", "onStartShouldSetResponderCapture", "collapsable", "focusable", "accessible", "accessibilityDisabled", "onLayout", "hrefAttrs", "viewProps", "download", "rel", "target", "_focusable", "role", "events", "pseudos", "setStateShallow", "pressability", "key", "og", "val", "dontComposePressabilityKeys"]
+  "mappings": "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",
+  "names": []
 }