@tamagui/native 2.7.7 → 3.0.0-beta.1093.1

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

@@ -1 +1 @@
-{"version":3,"names":["createGlobalState","state","enabled","Worklets","useRunOnJS","useWorklet","createWorkletContextValue","getWorklets","isEnabled","get","set","updates","Object","assign"],"sources":["../../src/workletsState.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,iBAAA,QAAyB;AAGlC,IAAAC,KAAM,GAAAD,iBAAQ,WAAiC;EAC7CE,OAAA,EAAS;EACTC,QAAA,EAAU;EACVC,UAAA,EAAY;EACZC,UAAA,EAAY;EACZC,yBAAA,EAA2B;AAC7B,CAAC;AAQM,SAASC,YAAA,EAAgC;EAC9C,OAAO;IACL,IAAIC,UAAA,EAAqB;MACvB,OAAOP,KAAA,CAAMQ,GAAA,CAAI,EAAEP,OAAA;IACrB;IACA,IAAID,MAAA,EAAuB;MACzB,OAAOA,KAAA,CAAMQ,GAAA,CAAI;IACnB;IACAC,IAAIC,OAAA,EAAuC;MACzCC,MAAA,CAAOC,MAAA,CAAOZ,KAAA,CAAMQ,GAAA,CAAI,GAAGE,OAAO;IACpC;EACF;AACF","ignoreList":[]}
+{"version":3,"file":"workletsState.native.js","names":[],"sources":["esm/workletsState.native.js"],"sourcesContent":["import { createGlobalState } from \"./globalState\";\nvar state = createGlobalState(`worklets`, {\n  enabled: false,\n  Worklets: null,\n  useRunOnJS: null,\n  useWorklet: null,\n  createWorkletContextValue: null\n});\nfunction getWorklets() {\n  return {\n    get isEnabled() {\n      return state.get().enabled;\n    },\n    get state() {\n      return state.get();\n    },\n    set(updates) {\n      Object.assign(state.get(), updates);\n    }\n  };\n}\nexport {\n  getWorklets\n};\n//# sourceMappingURL=workletsState.js.map\n"],"mappings":";;;AACA,IAAI,QAAQ,kBAAkB,YAAY;CACxC,SAAS;CACT,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,2BAA2B;AAC7B,CAAC;AACD,SAAS,cAAc;CACrB,OAAO;EACL,IAAI,YAAY;GACd,OAAO,MAAM,IAAI,CAAC,CAAC;EACrB;EACA,IAAI,QAAQ;GACV,OAAO,MAAM,IAAI;EACnB;EACA,IAAI,SAAS;GACX,OAAO,OAAO,MAAM,IAAI,GAAG,OAAO;EACpC;CACF;AACF"}

package/package.json

@@ -1,12 +1,38 @@
 {
   "name": "@tamagui/native",
-  "version": "2.7.7",
+  "version": "3.0.0-beta.1093.1",
+  "license": "MIT",
   "description": "Native setup modules for Tamagui - portals, gesture handler, worklets, and more",
   "type": "module",
   "sideEffects": [
     "**/setup-*",
     "**/gesture-handler*"
   ],
+  "files": [
+    "src",
+    "types",
+    "dist",
+    "gesture-handler",
+    "gesture-handler.cjs",
+    "setup-burnt",
+    "setup-burnt.cjs",
+    "setup-expo-linear-gradient",
+    "setup-expo-linear-gradient.cjs",
+    "setup-expo-ui-menu",
+    "setup-expo-ui-menu.cjs",
+    "setup-gesture-handler",
+    "setup-gesture-handler.cjs",
+    "setup-keyboard-controller",
+    "setup-keyboard-controller.cjs",
+    "setup-safe-area",
+    "setup-safe-area.cjs",
+    "setup-teleport",
+    "setup-teleport.cjs",
+    "setup-worklets",
+    "setup-worklets.cjs",
+    "setup-zeego",
+    "setup-zeego.cjs"
+  ],
   "main": "dist/cjs",
   "module": "dist/esm",
   "types": "./types/index.d.ts",
@@ -155,20 +181,73 @@
     "clean": "tamagui-build clean",
     "clean:build": "tamagui-build clean:build"
   },
+  "dependencies": {
+    "@tamagui/compose-refs": "3.0.0-beta.1093.1",
+    "@tamagui/react-native-types": "3.0.0-beta.1093.1"
+  },
   "devDependencies": {
-    "@tamagui/build": "2.7.7",
-    "burnt": "^0.12.2",
-    "react": ">=19",
-    "react-native": "0.83.2",
-    "react-native-gesture-handler": "~2.30.0",
-    "react-native-keyboard-controller": "1.20.7",
+    "@expo/ui": "~57.0.12",
+    "@tamagui/build": "3.0.0-beta.1093.1",
+    "burnt": "^0.13.0",
+    "expo-linear-gradient": "~57.0.1",
+    "react": "19.2.3",
+    "react-native": "0.86.2",
+    "react-native-gesture-handler": "~2.32.0",
+    "react-native-keyboard-controller": "1.21.11",
     "react-native-safe-area-context": "~5.7.0",
     "react-native-teleport": "^1.0.0",
+    "react-native-web": "~0.21.0",
     "react-native-worklets-core": "^1.0.0",
     "zeego": "^3.0.0"
   },
   "peerDependencies": {
-    "react": "*"
+    "@expo/ui": "*",
+    "burnt": "*",
+    "expo-linear-gradient": "*",
+    "react": "*",
+    "react-native": "*",
+    "react-native-gesture-handler": "*",
+    "react-native-keyboard-controller": "*",
+    "react-native-safe-area-context": "*",
+    "react-native-teleport": "*",
+    "react-native-web": "*",
+    "react-native-worklets-core": "*",
+    "zeego": "*"
+  },
+  "peerDependenciesMeta": {
+    "@expo/ui": {
+      "optional": true
+    },
+    "burnt": {
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    },
+    "react-native-web": {
+      "optional": true
+    },
+    "expo-linear-gradient": {
+      "optional": true
+    },
+    "react-native-gesture-handler": {
+      "optional": true
+    },
+    "react-native-keyboard-controller": {
+      "optional": true
+    },
+    "react-native-safe-area-context": {
+      "optional": true
+    },
+    "react-native-teleport": {
+      "optional": true
+    },
+    "react-native-worklets-core": {
+      "optional": true
+    },
+    "zeego": {
+      "optional": true
+    }
   },
   "repository": {
     "type": "git",

package/src/PressBoundary.native.tsx

@@ -0,0 +1,75 @@
+import { createRefComponent } from '@tamagui/compose-refs'
+import React from 'react'
+import { View } from 'react-native'
+import {
+  claimExternalPressOwnership,
+  releaseExternalPressOwnership,
+  type ExternalPressOwnershipToken,
+} from './gestureState'
+import type { PressBoundaryProps } from './types'
+
+function composeFirst<T extends (...args: any[]) => void>(ours: T, theirs?: T) {
+  return (...args: Parameters<T>) => {
+    ours(...args)
+    theirs?.(...args)
+  }
+}
+
+function composeLast<T extends (...args: any[]) => void>(theirs: T | undefined, ours: T) {
+  return (...args: Parameters<T>) => {
+    theirs?.(...args)
+    ours(...args)
+  }
+}
+
+export const PressBoundary: (
+  props: PressBoundaryProps & { ref?: React.Ref<View> }
+) => React.ReactNode = createRefComponent<View, PressBoundaryProps>(
+  function PressBoundary(
+    {
+      enabled,
+      stopPropagation,
+      debugName,
+      onTouchStart,
+      onTouchEnd,
+      onTouchCancel,
+      onResponderGrant,
+      onResponderRelease,
+      onResponderTerminate,
+      ...props
+    },
+    forwardedRef
+  ) {
+    const tokenRef = React.useRef<ExternalPressOwnershipToken | null>(null)
+    const isEnabled = enabled ?? stopPropagation ?? true
+
+    const claim = React.useCallback((): void => {
+      if (!isEnabled) return
+      if (tokenRef.current) {
+        releaseExternalPressOwnership(tokenRef.current, debugName)
+      }
+      tokenRef.current = claimExternalPressOwnership(debugName)
+    }, [debugName, isEnabled])
+
+    const release = React.useCallback((): void => {
+      if (!tokenRef.current) return
+      releaseExternalPressOwnership(tokenRef.current, debugName)
+      tokenRef.current = null
+    }, [debugName])
+
+    React.useEffect(() => release, [release])
+
+    return (
+      <View
+        ref={forwardedRef}
+        {...props}
+        onTouchStart={composeFirst(claim, onTouchStart)}
+        onTouchEnd={composeLast(onTouchEnd, release)}
+        onTouchCancel={composeLast(onTouchCancel, release)}
+        onResponderGrant={composeFirst(claim, onResponderGrant)}
+        onResponderRelease={composeLast(onResponderRelease, release)}
+        onResponderTerminate={composeLast(onResponderTerminate, release)}
+      />
+    )
+  }
+)

package/src/PressBoundary.tsx

@@ -1,81 +1,17 @@
-import React from 'react'
-import { View, type ViewProps } from 'react-native'
-import {
-  claimExternalPressOwnership,
-  releaseExternalPressOwnership,
-  type ExternalPressOwnershipToken,
-} from './gestureState'
-
-export interface PressBoundaryProps extends ViewProps {
-  enabled?: boolean
-  /**
-   * Alias for enabling the boundary. The behavior is limited to Tamagui's
-   * shared press ownership and does not patch arbitrary RN bubbling.
-   */
-  stopPropagation?: boolean
-  debugName?: string | null
-}
-
-function composeFirst<T extends (...args: any[]) => void>(ours: T, theirs?: T) {
-  return (...args: Parameters<T>) => {
-    ours(...args)
-    theirs?.(...args)
-  }
-}
-
-function composeLast<T extends (...args: any[]) => void>(theirs: T | undefined, ours: T) {
-  return (...args: Parameters<T>) => {
-    theirs?.(...args)
-    ours(...args)
-  }
+import type { ReactNode, Ref } from 'react'
+
+import type { PressBoundaryProps } from './types'
+
+/**
+ * Renders children as-is.
+ *
+ * The boundary exists to arbitrate Tamagui's shared press ownership with
+ * react-native-gesture-handler, which only runs on native, so on web there is
+ * nothing to claim and no view worth adding. `ref` is accepted and ignored for
+ * the same reason: there is no host node here to hand back.
+ */
+export function PressBoundary({
+  children,
+}: PressBoundaryProps & { ref?: Ref<unknown> }): ReactNode {
+  return <>{children}</>
 }
-
-export const PressBoundary: React.ForwardRefExoticComponent<
-  PressBoundaryProps & React.RefAttributes<View>
-> = React.forwardRef<View, PressBoundaryProps>(function PressBoundary(
-  {
-    enabled,
-    stopPropagation,
-    debugName,
-    onTouchStart,
-    onTouchEnd,
-    onTouchCancel,
-    onResponderGrant,
-    onResponderRelease,
-    onResponderTerminate,
-    ...props
-  },
-  forwardedRef
-) {
-  const tokenRef = React.useRef<ExternalPressOwnershipToken | null>(null)
-  const isEnabled = enabled ?? stopPropagation ?? true
-
-  const claim = React.useCallback((): void => {
-    if (!isEnabled) return
-    if (tokenRef.current) {
-      releaseExternalPressOwnership(tokenRef.current, debugName)
-    }
-    tokenRef.current = claimExternalPressOwnership(debugName)
-  }, [debugName, isEnabled])
-
-  const release = React.useCallback((): void => {
-    if (!tokenRef.current) return
-    releaseExternalPressOwnership(tokenRef.current, debugName)
-    tokenRef.current = null
-  }, [debugName])
-
-  React.useEffect(() => release, [release])
-
-  return (
-    <View
-      ref={forwardedRef}
-      {...props}
-      onTouchStart={composeFirst(claim, onTouchStart)}
-      onTouchEnd={composeLast(onTouchEnd, release)}
-      onTouchCancel={composeLast(onTouchCancel, release)}
-      onResponderGrant={composeFirst(claim, onResponderGrant)}
-      onResponderRelease={composeLast(onResponderRelease, release)}
-      onResponderTerminate={composeLast(onResponderTerminate, release)}
-    />
-  )
-})

package/src/expoUIMenuAdapter.tsx

@@ -74,8 +74,7 @@ const warnedUnsupported = new Set<string>()
 // @expo/ui's MenuAction carries no subtitle, and its MenuView has no preview or
 // auxiliary view. these are decorations on a menu that is otherwise complete, so
 // drop them and warn once. throwing took down the whole app for an optional
-// embellishment, and an app that renders the same menu on zeego and on expo-ui
-// cannot avoid it without forking its markup per adapter.
+// embellishment. apps cannot avoid this without forking their markup per adapter.
 function warnUnsupported(feature: string) {
   if (warnedUnsupported.has(feature) || process.env.NODE_ENV === 'production') {
     return

package/src/gesture-handler.ts

@@ -10,7 +10,7 @@ export {
   releaseExternalPressOwnership as unstable_releaseExternalPressOwnership,
 } from './gestureState'
 export { PressBoundary } from './PressBoundary'
-export type { PressBoundaryProps } from './PressBoundary'
+export type { PressBoundaryProps } from './types'
 export {
   getGestureHandlerConfig,
   setupGestureHandler,

package/src/gestureState.ts

@@ -358,7 +358,7 @@ export function getGestureHandler(): GestureHandlerAccessor {
           const dy = touch.absoluteY - flags.moveStartY
           if (dx * dx + dy * dy <= PRESS_MOVE_CANCEL_DISTANCE_SQ) return
           // finger has travelled far enough to be a scroll/drag, not a tap.
-          // release the pressStyle now (mid-scroll, so it doesn't stay stuck)
+          // release the press state now (mid-scroll, so it doesn't stay stuck)
           // and make onEnd skip onPress on finger lift.
           flags.cancelledByMove = true
           if (flags.pressInTimer) {
@@ -385,7 +385,7 @@ export function getGestureHandler(): GestureHandlerAccessor {
             // we already fired onPressIn but lost ownership before finalize
             // (e.g. finger dragged onto a sibling pressable and that one
             // claimed ownership). fire onPressOut so callers can clear their
-            // press state - otherwise pressStyle stays stuck on this view.
+            // press state - otherwise the press clause stays stuck on this view.
             flags.didPressIn = false
             config.onPressOut?.(e)
           }

package/src/index.ts

@@ -61,7 +61,7 @@ export { getWorklets } from './workletsState'
 export type { WorkletsAccessor } from './workletsState'
 
 // safe area
-export { getSafeArea } from './safeAreaState'
+export { getSafeArea, hasSafeAreaSetup } from './safeAreaState'
 export type { SafeAreaAccessor } from './safeAreaState'
 
 // linear gradient

package/src/safeAreaState.ts

@@ -2,49 +2,81 @@ import { createGlobalState } from './globalState'
 import type { SafeAreaState, SafeAreaInsets, SafeAreaFrame } from './types'
 
 const state = createGlobalState<SafeAreaState>(`safe_area`, {
+  didSetup: false,
   enabled: false,
   useSafeAreaInsets: null,
   useSafeAreaFrame: null,
   initialMetrics: null,
 })
 
+const subscriptions = createGlobalState(`safe_area_subscriptions`, {
+  enabled: true,
+  listeners: new Set<() => void>(),
+})
+
 const defaultInsets: SafeAreaInsets = { top: 0, right: 0, bottom: 0, left: 0 }
 const defaultFrame: SafeAreaFrame = { x: 0, y: 0, width: 0, height: 0 }
 
 export interface SafeAreaAccessor {
+  readonly didSetup: boolean
   readonly isEnabled: boolean
   readonly state: SafeAreaState
   set(updates: Partial<SafeAreaState>): void
-  /** Get initial insets (non-reactive, for style resolution) */
+  subscribe(listener: () => void): () => void
+  /** get the current insets snapshot */
   getInsets(): SafeAreaInsets
-  /** Get initial frame (non-reactive) */
+  /** get the current frame snapshot */
   getFrame(): SafeAreaFrame
 }
 
+const safeArea: SafeAreaAccessor = {
+  get didSetup() {
+    return state.get().didSetup
+  },
+  get isEnabled() {
+    return state.get().enabled
+  },
+  get state() {
+    return state.get()
+  },
+  set(updates) {
+    const current = state.get()
+    const previousMetrics = current.initialMetrics
+    Object.assign(current, updates)
+    if (
+      updates.initialMetrics !== undefined &&
+      current.initialMetrics !== previousMetrics
+    ) {
+      subscriptions.get().listeners.forEach((listener) => listener())
+    }
+  },
+  subscribe(listener) {
+    const listeners = subscriptions.get().listeners
+    listeners.add(listener)
+    return () => {
+      listeners.delete(listener)
+    }
+  },
+  getInsets() {
+    const current = state.get()
+    if (!current.enabled || !current.initialMetrics) {
+      return defaultInsets
+    }
+    return current.initialMetrics.insets
+  },
+  getFrame() {
+    const current = state.get()
+    if (!current.enabled || !current.initialMetrics) {
+      return defaultFrame
+    }
+    return current.initialMetrics.frame
+  },
+}
+
 export function getSafeArea(): SafeAreaAccessor {
-  return {
-    get isEnabled() {
-      return state.get().enabled
-    },
-    get state() {
-      return state.get()
-    },
-    set(updates: Partial<SafeAreaState>) {
-      Object.assign(state.get(), updates)
-    },
-    getInsets() {
-      const s = state.get()
-      if (!s.enabled || !s.initialMetrics) {
-        return defaultInsets
-      }
-      return s.initialMetrics.insets
-    },
-    getFrame() {
-      const s = state.get()
-      if (!s.enabled || !s.initialMetrics) {
-        return defaultFrame
-      }
-      return s.initialMetrics.frame
-    },
-  }
+  return safeArea
+}
+
+export function hasSafeAreaSetup(): boolean {
+  return state.get().didSetup
 }

package/src/setup-safe-area.ts

@@ -22,35 +22,40 @@
  * On web, this is a no-op since CSS env(safe-area-inset-*) values work natively.
  */
 
+import { useLayoutEffect } from 'react'
+import {
+  initialWindowMetrics,
+  useSafeAreaFrame,
+  useSafeAreaInsets,
+} from 'react-native-safe-area-context'
 import { getSafeArea } from './safeAreaState'
 
 function setup() {
-  // only run on native
-  if (process.env.TAMAGUI_TARGET !== 'native') {
-    return
-  }
-
-  const g = globalThis as any
-  if (g.__tamagui_native_safe_area_setup_complete) {
-    return
-  }
-  g.__tamagui_native_safe_area_setup_complete = true
+  const safeArea = getSafeArea()
+  safeArea.set({ didSetup: true })
 
-  try {
-    const safeAreaContext = require('react-native-safe-area-context')
-    const { useSafeAreaInsets, useSafeAreaFrame, initialWindowMetrics } = safeAreaContext
+  const useTrackedSafeAreaInsets = () => {
+    const insets = useSafeAreaInsets()
+    const frame = useSafeAreaFrame()
 
-    if (useSafeAreaInsets) {
-      getSafeArea().set({
-        enabled: true,
-        useSafeAreaInsets,
-        useSafeAreaFrame: useSafeAreaFrame || null,
-        initialMetrics: initialWindowMetrics || null,
+    useLayoutEffect(() => {
+      safeArea.set({
+        initialMetrics: {
+          insets,
+          frame,
+        },
       })
-    }
-  } catch {
-    // react-native-safe-area-context not available
+    }, [insets, frame])
+
+    return insets
   }
+
+  safeArea.set({
+    enabled: true,
+    useSafeAreaInsets: useTrackedSafeAreaInsets,
+    useSafeAreaFrame,
+    initialMetrics: initialWindowMetrics,
+  })
 }
 
 setup()

package/src/setup-safe-area.web.ts

@@ -0,0 +1,2 @@
+// web resolves safe areas through CSS env() values.
+export {}

package/src/types.ts

@@ -1,3 +1,4 @@
+import type { ViewProps } from '@tamagui/react-native-types'
 import type { ReactNode } from 'react'
 
 export type NativePortalState = {
@@ -44,6 +45,7 @@ export interface SafeAreaMetrics {
 }
 
 export interface SafeAreaState {
+  didSetup: boolean
   enabled: boolean
   useSafeAreaInsets: (() => SafeAreaInsets) | null
   useSafeAreaFrame: (() => SafeAreaFrame) | null
@@ -84,3 +86,13 @@ export interface KeyboardControllerState {
   KeyboardEvents: any
   KeyboardStickyView: any
 }
+
+export interface PressBoundaryProps extends ViewProps {
+  enabled?: boolean
+  /**
+   * Alias for enabling the boundary. The behavior is limited to Tamagui's
+   * shared press ownership and does not patch arbitrary RN bubbling.
+   */
+  stopPropagation?: boolean
+  debugName?: string | null
+}

package/types/PressBoundary.d.ts

@@ -1,14 +1,15 @@
-import React from "react";
-import { View, type ViewProps } from "react-native";
-export interface PressBoundaryProps extends ViewProps {
-	enabled?: boolean;
-	/**
-	* Alias for enabling the boundary. The behavior is limited to Tamagui's
-	* shared press ownership and does not patch arbitrary RN bubbling.
-	*/
-	stopPropagation?: boolean;
-	debugName?: string | null;
-}
-export declare const PressBoundary: React.ForwardRefExoticComponent<PressBoundaryProps & React.RefAttributes<View>>;
+import type { ReactNode, Ref } from "react";
+import type { PressBoundaryProps } from "./types";
+/**
+* Renders children as-is.
+*
+* The boundary exists to arbitrate Tamagui's shared press ownership with
+* react-native-gesture-handler, which only runs on native, so on web there is
+* nothing to claim and no view worth adding. `ref` is accepted and ignored for
+* the same reason: there is no host node here to hand back.
+*/
+export declare function PressBoundary({ children }: PressBoundaryProps & {
+	ref?: Ref<unknown>;
+}): ReactNode;
 
 //# sourceMappingURL=PressBoundary.d.ts.map

package/types/PressBoundary.d.ts.map

@@ -1,11 +1,11 @@
 {
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,WAAW,iBAAiB;AAOrC,iBAAiB,2BAA2B,UAAU;CACpD;;;;;CAKA;CACA;;AAiBF,OAAO,cAAM,eAAe,MAAM,0BAChC,qBAAqB,MAAM,cAAc",
+  "mappings": "AAAA,cAAc,WAAW,WAAW;AAEpC,cAAc,0BAA0B;;;;;;;;;AAUxC,OAAO,iBAAS,cAAc,EAC5B,YACC,qBAAqB;CAAE,MAAM;IAAiB",
   "names": [],
   "sources": [
     "src/PressBoundary.tsx"
   ],
   "version": 3,
   "sourcesContent": [
-    "import React from 'react'\nimport { View, type ViewProps } from 'react-native'\nimport {\n  claimExternalPressOwnership,\n  releaseExternalPressOwnership,\n  type ExternalPressOwnershipToken,\n} from './gestureState'\n\nexport interface PressBoundaryProps extends ViewProps {\n  enabled?: boolean\n  /**\n   * Alias for enabling the boundary. The behavior is limited to Tamagui's\n   * shared press ownership and does not patch arbitrary RN bubbling.\n   */\n  stopPropagation?: boolean\n  debugName?: string | null\n}\n\nfunction composeFirst<T extends (...args: any[]) => void>(ours: T, theirs?: T) {\n  return (...args: Parameters<T>) => {\n    ours(...args)\n    theirs?.(...args)\n  }\n}\n\nfunction composeLast<T extends (...args: any[]) => void>(theirs: T | undefined, ours: T) {\n  return (...args: Parameters<T>) => {\n    theirs?.(...args)\n    ours(...args)\n  }\n}\n\nexport const PressBoundary: React.ForwardRefExoticComponent<\n  PressBoundaryProps & React.RefAttributes<View>\n> = React.forwardRef<View, PressBoundaryProps>(function PressBoundary(\n  {\n    enabled,\n    stopPropagation,\n    debugName,\n    onTouchStart,\n    onTouchEnd,\n    onTouchCancel,\n    onResponderGrant,\n    onResponderRelease,\n    onResponderTerminate,\n    ...props\n  },\n  forwardedRef\n) {\n  const tokenRef = React.useRef<ExternalPressOwnershipToken | null>(null)\n  const isEnabled = enabled ?? stopPropagation ?? true\n\n  const claim = React.useCallback((): void => {\n    if (!isEnabled) return\n    if (tokenRef.current) {\n      releaseExternalPressOwnership(tokenRef.current, debugName)\n    }\n    tokenRef.current = claimExternalPressOwnership(debugName)\n  }, [debugName, isEnabled])\n\n  const release = React.useCallback((): void => {\n    if (!tokenRef.current) return\n    releaseExternalPressOwnership(tokenRef.current, debugName)\n    tokenRef.current = null\n  }, [debugName])\n\n  React.useEffect(() => release, [release])\n\n  return (\n    <View\n      ref={forwardedRef}\n      {...props}\n      onTouchStart={composeFirst(claim, onTouchStart)}\n      onTouchEnd={composeLast(onTouchEnd, release)}\n      onTouchCancel={composeLast(onTouchCancel, release)}\n      onResponderGrant={composeFirst(claim, onResponderGrant)}\n      onResponderRelease={composeLast(onResponderRelease, release)}\n      onResponderTerminate={composeLast(onResponderTerminate, release)}\n    />\n  )\n})\n"
+    "import type { ReactNode, Ref } from 'react'\n\nimport type { PressBoundaryProps } from './types'\n\n/**\n * Renders children as-is.\n *\n * The boundary exists to arbitrate Tamagui's shared press ownership with\n * react-native-gesture-handler, which only runs on native, so on web there is\n * nothing to claim and no view worth adding. `ref` is accepted and ignored for\n * the same reason: there is no host node here to hand back.\n */\nexport function PressBoundary({\n  children,\n}: PressBoundaryProps & { ref?: Ref<unknown> }): ReactNode {\n  return <>{children}</>\n}\n"
   ]
 }

package/types/PressBoundary.native.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { View } from "react-native";
+import type { PressBoundaryProps } from "./types";
+export declare const PressBoundary: (props: PressBoundaryProps & {
+	ref?: React.Ref<View>;
+}) => React.ReactNode;
+
+//# sourceMappingURL=PressBoundary.native.d.ts.map

package/types/PressBoundary.native.d.ts.map

@@ -0,0 +1,11 @@
+{
+  "mappings": "AACA,OAAO,WAAW;AAClB,SAAS,YAAY;AAMrB,cAAc,0BAA0B;AAgBxC,OAAO,cAAM,gBACX,OAAO,qBAAqB;CAAE,MAAM,MAAM,IAAI;MAC3C,MAAM",
+  "names": [],
+  "sources": [
+    "src/PressBoundary.native.tsx"
+  ],
+  "version": 3,
+  "sourcesContent": [
+    "import { createRefComponent } from '@tamagui/compose-refs'\nimport React from 'react'\nimport { View } from 'react-native'\nimport {\n  claimExternalPressOwnership,\n  releaseExternalPressOwnership,\n  type ExternalPressOwnershipToken,\n} from './gestureState'\nimport type { PressBoundaryProps } from './types'\n\nfunction composeFirst<T extends (...args: any[]) => void>(ours: T, theirs?: T) {\n  return (...args: Parameters<T>) => {\n    ours(...args)\n    theirs?.(...args)\n  }\n}\n\nfunction composeLast<T extends (...args: any[]) => void>(theirs: T | undefined, ours: T) {\n  return (...args: Parameters<T>) => {\n    theirs?.(...args)\n    ours(...args)\n  }\n}\n\nexport const PressBoundary: (\n  props: PressBoundaryProps & { ref?: React.Ref<View> }\n) => React.ReactNode = createRefComponent<View, PressBoundaryProps>(\n  function PressBoundary(\n    {\n      enabled,\n      stopPropagation,\n      debugName,\n      onTouchStart,\n      onTouchEnd,\n      onTouchCancel,\n      onResponderGrant,\n      onResponderRelease,\n      onResponderTerminate,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const tokenRef = React.useRef<ExternalPressOwnershipToken | null>(null)\n    const isEnabled = enabled ?? stopPropagation ?? true\n\n    const claim = React.useCallback((): void => {\n      if (!isEnabled) return\n      if (tokenRef.current) {\n        releaseExternalPressOwnership(tokenRef.current, debugName)\n      }\n      tokenRef.current = claimExternalPressOwnership(debugName)\n    }, [debugName, isEnabled])\n\n    const release = React.useCallback((): void => {\n      if (!tokenRef.current) return\n      releaseExternalPressOwnership(tokenRef.current, debugName)\n      tokenRef.current = null\n    }, [debugName])\n\n    React.useEffect(() => release, [release])\n\n    return (\n      <View\n        ref={forwardedRef}\n        {...props}\n        onTouchStart={composeFirst(claim, onTouchStart)}\n        onTouchEnd={composeLast(onTouchEnd, release)}\n        onTouchCancel={composeLast(onTouchCancel, release)}\n        onResponderGrant={composeFirst(claim, onResponderGrant)}\n        onResponderRelease={composeLast(onResponderRelease, release)}\n        onResponderTerminate={composeLast(onResponderTerminate, release)}\n      />\n    )\n  }\n)\n"
+  ]
+}