@tamagui/native 2.0.0-rc.9 → 2.1.0

package/package.json

@@ -1,23 +1,11 @@
 {
   "name": "@tamagui/native",
-  "version": "2.0.0-rc.9",
+  "version": "2.1.0",
   "description": "Native setup modules for Tamagui - portals, gesture handler, worklets, and more",
-  "files": [
-    "src",
-    "types",
-    "dist",
-    "setup-burnt.cjs",
-    "setup-expo-linear-gradient.cjs",
-    "setup-gesture-handler.cjs",
-    "setup-keyboard-controller.cjs",
-    "setup-safe-area.cjs",
-    "setup-teleport.cjs",
-    "setup-worklets.cjs",
-    "setup-zeego.cjs"
-  ],
   "type": "module",
   "sideEffects": [
-    "**/setup-*"
+    "**/setup-*",
+    "**/gesture-handler*"
   ],
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -30,6 +18,9 @@
       "setup-gesture-handler": [
         "./types/setup-gesture-handler.d.ts"
       ],
+      "gesture-handler": [
+        "./types/gesture-handler.d.ts"
+      ],
       "setup-worklets": [
         "./types/setup-worklets.d.ts"
       ],
@@ -55,65 +46,92 @@
     ".": {
       "types": "./types/index.d.ts",
       "react-native": "./dist/esm/index.native.js",
+      "browser": "./dist/esm/index.mjs",
       "module": "./dist/esm/index.mjs",
       "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.cjs"
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.mjs"
     },
     "./setup-teleport": {
       "types": "./types/setup-teleport.d.ts",
       "react-native": "./dist/esm/setup-teleport.native.js",
+      "browser": "./dist/esm/setup-teleport.mjs",
       "module": "./dist/esm/setup-teleport.mjs",
       "import": "./dist/esm/setup-teleport.mjs",
-      "require": "./dist/cjs/setup-teleport.cjs"
+      "require": "./dist/cjs/setup-teleport.cjs",
+      "default": "./dist/esm/setup-teleport.mjs"
     },
     "./setup-gesture-handler": {
       "types": "./types/setup-gesture-handler.d.ts",
       "react-native": "./dist/esm/setup-gesture-handler.native.js",
+      "browser": "./dist/esm/setup-gesture-handler.mjs",
       "module": "./dist/esm/setup-gesture-handler.mjs",
       "import": "./dist/esm/setup-gesture-handler.mjs",
-      "require": "./dist/cjs/setup-gesture-handler.cjs"
+      "require": "./dist/cjs/setup-gesture-handler.cjs",
+      "default": "./dist/esm/setup-gesture-handler.mjs"
+    },
+    "./gesture-handler": {
+      "types": "./types/gesture-handler.d.ts",
+      "react-native": "./dist/esm/gesture-handler.native.js",
+      "browser": "./dist/esm/gesture-handler.mjs",
+      "module": "./dist/esm/gesture-handler.mjs",
+      "import": "./dist/esm/gesture-handler.mjs",
+      "require": "./dist/cjs/gesture-handler.cjs",
+      "default": "./dist/esm/gesture-handler.mjs"
     },
     "./setup-worklets": {
       "types": "./types/setup-worklets.d.ts",
       "react-native": "./dist/esm/setup-worklets.native.js",
+      "browser": "./dist/esm/setup-worklets.mjs",
       "module": "./dist/esm/setup-worklets.mjs",
       "import": "./dist/esm/setup-worklets.mjs",
-      "require": "./dist/cjs/setup-worklets.cjs"
+      "require": "./dist/cjs/setup-worklets.cjs",
+      "default": "./dist/esm/setup-worklets.mjs"
     },
     "./setup-safe-area": {
       "types": "./types/setup-safe-area.d.ts",
       "react-native": "./dist/esm/setup-safe-area.native.js",
+      "browser": "./dist/esm/setup-safe-area.mjs",
       "module": "./dist/esm/setup-safe-area.mjs",
       "import": "./dist/esm/setup-safe-area.mjs",
-      "require": "./dist/cjs/setup-safe-area.cjs"
+      "require": "./dist/cjs/setup-safe-area.cjs",
+      "default": "./dist/esm/setup-safe-area.mjs"
     },
     "./setup-expo-linear-gradient": {
       "types": "./types/setup-expo-linear-gradient.d.ts",
       "react-native": "./dist/esm/setup-expo-linear-gradient.native.js",
+      "browser": "./dist/esm/setup-expo-linear-gradient.mjs",
       "module": "./dist/esm/setup-expo-linear-gradient.mjs",
       "import": "./dist/esm/setup-expo-linear-gradient.mjs",
-      "require": "./dist/cjs/setup-expo-linear-gradient.cjs"
+      "require": "./dist/cjs/setup-expo-linear-gradient.cjs",
+      "default": "./dist/esm/setup-expo-linear-gradient.mjs"
     },
     "./setup-keyboard-controller": {
       "types": "./types/setup-keyboard-controller.d.ts",
       "react-native": "./dist/esm/setup-keyboard-controller.native.js",
+      "browser": "./dist/esm/setup-keyboard-controller.mjs",
       "module": "./dist/esm/setup-keyboard-controller.mjs",
       "import": "./dist/esm/setup-keyboard-controller.mjs",
-      "require": "./dist/cjs/setup-keyboard-controller.cjs"
+      "require": "./dist/cjs/setup-keyboard-controller.cjs",
+      "default": "./dist/esm/setup-keyboard-controller.mjs"
     },
     "./setup-zeego": {
       "types": "./types/setup-zeego.d.ts",
       "react-native": "./dist/esm/setup-zeego.native.js",
+      "browser": "./dist/esm/setup-zeego.mjs",
       "module": "./dist/esm/setup-zeego.mjs",
       "import": "./dist/esm/setup-zeego.mjs",
-      "require": "./dist/cjs/setup-zeego.cjs"
+      "require": "./dist/cjs/setup-zeego.cjs",
+      "default": "./dist/esm/setup-zeego.mjs"
     },
     "./setup-burnt": {
       "types": "./types/setup-burnt.d.ts",
       "react-native": "./dist/esm/setup-burnt.native.js",
+      "browser": "./dist/esm/setup-burnt.mjs",
       "module": "./dist/esm/setup-burnt.mjs",
       "import": "./dist/esm/setup-burnt.mjs",
-      "require": "./dist/cjs/setup-burnt.cjs"
+      "require": "./dist/cjs/setup-burnt.cjs",
+      "default": "./dist/esm/setup-burnt.mjs"
     }
   },
   "publishConfig": {
@@ -126,65 +144,18 @@
     "clean:build": "tamagui-build clean:build"
   },
   "devDependencies": {
-    "@tamagui/build": "2.0.0-rc.9",
+    "@tamagui/build": "2.1.0",
     "burnt": "^0.12.2",
     "react": ">=19",
-    "react-native": "0.81.5",
-    "react-native-gesture-handler": "~2.28.0",
-    "react-native-keyboard-controller": "^1.16.0",
-    "react-native-safe-area-context": "~5.6.0",
+    "react-native": "0.83.2",
+    "react-native-gesture-handler": "~2.30.0",
+    "react-native-keyboard-controller": "1.20.7",
+    "react-native-safe-area-context": "~5.7.0",
     "react-native-teleport": "^1.0.0",
     "react-native-worklets-core": "^1.0.0",
     "zeego": "^3.0.0"
   },
   "peerDependencies": {
-    "@react-native-menu/menu": ">=2.0.0",
-    "burnt": ">=0.12.0",
-    "react": "*",
-    "react-native": "*",
-    "react-native-gesture-handler": ">=2.0.0",
-    "react-native-ios-context-menu": ">=3.0.0",
-    "react-native-ios-utilities": ">=5.0.0",
-    "react-native-keyboard-controller": ">=1.0.0",
-    "react-native-safe-area-context": ">=4.0.0",
-    "react-native-teleport": ">=0.5.0",
-    "react-native-worklets-core": ">=1.0.0",
-    "sf-symbols-typescript": "*",
-    "zeego": ">=3.0.0"
-  },
-  "peerDependenciesMeta": {
-    "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
-    },
-    "@react-native-menu/menu": {
-      "optional": true
-    },
-    "react-native-ios-context-menu": {
-      "optional": true
-    },
-    "react-native-ios-utilities": {
-      "optional": true
-    },
-    "burnt": {
-      "optional": true
-    },
-    "sf-symbols-typescript": {
-      "optional": true
-    }
+    "react": "*"
   }
 }

package/setup-burnt/index.cjs

@@ -0,0 +1,2 @@
+// compat with tamagui static compiler
+Object.assign(module.exports, require('../dist/cjs/setup-burnt.cjs'))

package/setup-burnt/index.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/setup-burnt.cjs'))

package/setup-burnt/index.native.cjs

@@ -0,0 +1,2 @@
+// compat with tamagui static compiler
+Object.assign(module.exports, require('../dist/cjs/setup-burnt.native.js'))

package/setup-burnt/index.native.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/setup-burnt.native.js'))

package/setup-expo-linear-gradient/index.cjs

@@ -0,0 +1,2 @@
+// compat with tamagui static compiler
+Object.assign(module.exports, require('../dist/cjs/setup-expo-linear-gradient.cjs'))

package/setup-expo-linear-gradient/index.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/setup-expo-linear-gradient.cjs'))

package/setup-expo-linear-gradient/index.native.cjs

@@ -0,0 +1,2 @@
+// compat with tamagui static compiler
+Object.assign(module.exports, require('../dist/cjs/setup-expo-linear-gradient.native.js'))

package/setup-expo-linear-gradient/index.native.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/setup-expo-linear-gradient.native.js'))

package/setup-gesture-handler/index.cjs

@@ -0,0 +1,2 @@
+// compat with tamagui static compiler
+Object.assign(module.exports, require('../dist/cjs/setup-gesture-handler.cjs'))

package/setup-gesture-handler/index.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/setup-gesture-handler.cjs'))

package/setup-gesture-handler/index.native.cjs

@@ -0,0 +1,2 @@
+// compat with tamagui static compiler
+Object.assign(module.exports, require('../dist/cjs/setup-gesture-handler.native.js'))

package/setup-gesture-handler/index.native.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/setup-gesture-handler.native.js'))

package/setup-keyboard-controller/index.cjs

@@ -0,0 +1,2 @@
+// compat with tamagui static compiler
+Object.assign(module.exports, require('../dist/cjs/setup-keyboard-controller.cjs'))

package/setup-keyboard-controller/index.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/setup-keyboard-controller.cjs'))

package/setup-keyboard-controller/index.native.cjs

@@ -0,0 +1,2 @@
+// compat with tamagui static compiler
+Object.assign(module.exports, require('../dist/cjs/setup-keyboard-controller.native.js'))

package/setup-keyboard-controller/index.native.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/setup-keyboard-controller.native.js'))

package/setup-safe-area/index.cjs

@@ -0,0 +1,2 @@
+// compat with tamagui static compiler
+Object.assign(module.exports, require('../dist/cjs/setup-safe-area.cjs'))

package/setup-safe-area/index.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/setup-safe-area.cjs'))

package/setup-safe-area/index.native.cjs

@@ -0,0 +1,2 @@
+// compat with tamagui static compiler
+Object.assign(module.exports, require('../dist/cjs/setup-safe-area.native.js'))

package/setup-safe-area/index.native.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/setup-safe-area.native.js'))

package/setup-teleport/index.cjs

@@ -0,0 +1,2 @@
+// compat with tamagui static compiler
+Object.assign(module.exports, require('../dist/cjs/setup-teleport.cjs'))

package/setup-teleport/index.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/setup-teleport.cjs'))

package/setup-teleport/index.native.cjs

@@ -0,0 +1,2 @@
+// compat with tamagui static compiler
+Object.assign(module.exports, require('../dist/cjs/setup-teleport.native.js'))

package/setup-teleport/index.native.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/setup-teleport.native.js'))

package/setup-worklets/index.cjs

@@ -0,0 +1,2 @@
+// compat with tamagui static compiler
+Object.assign(module.exports, require('../dist/cjs/setup-worklets.cjs'))

package/setup-worklets/index.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/setup-worklets.cjs'))

package/setup-worklets/index.native.cjs

@@ -0,0 +1,2 @@
+// compat with tamagui static compiler
+Object.assign(module.exports, require('../dist/cjs/setup-worklets.native.js'))

package/setup-worklets/index.native.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/setup-worklets.native.js'))

package/setup-zeego/index.cjs

@@ -0,0 +1,2 @@
+// compat with tamagui static compiler
+Object.assign(module.exports, require('../dist/cjs/setup-zeego.cjs'))

package/setup-zeego/index.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/setup-zeego.cjs'))

package/setup-zeego/index.native.cjs

@@ -0,0 +1,2 @@
+// compat with tamagui static compiler
+Object.assign(module.exports, require('../dist/cjs/setup-zeego.native.js'))

package/setup-zeego/index.native.js

@@ -0,0 +1,2 @@
+// compat with metro without package exports
+Object.assign(module.exports, require('../dist/cjs/setup-zeego.native.js'))

package/src/PressBoundary.tsx

@@ -0,0 +1,81 @@
+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)
+  }
+}
+
+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/gesture-handler.ts

@@ -0,0 +1,17 @@
+export { getGestureHandler } from './gestureState'
+export type {
+  ExternalPressOwnershipToken,
+  GestureHandlerAccessor,
+  PressGestureConfig,
+} from './gestureState'
+export {
+  claimExternalPressOwnership as unstable_claimExternalPressOwnership,
+  releaseExternalPressOwnership as unstable_releaseExternalPressOwnership,
+} from './gestureState'
+export { PressBoundary } from './PressBoundary'
+export type { PressBoundaryProps } from './PressBoundary'
+export {
+  getGestureHandlerConfig,
+  setupGestureHandler,
+  type GestureHandlerConfig,
+} from './setup-gesture-handler'