@tamagui/native 2.7.7 → 3.0.0-beta.643.1

package/package.json

@@ -1,12 +1,37 @@
 {
   "name": "@tamagui/native",
-  "version": "2.7.7",
+  "version": "3.0.0-beta.643.1",
   "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 +180,72 @@
     "clean": "tamagui-build clean",
     "clean:build": "tamagui-build clean:build"
   },
+  "dependencies": {
+    "@tamagui/compose-refs": "3.0.0-beta.643.1"
+  },
   "devDependencies": {
-    "@tamagui/build": "2.7.7",
-    "burnt": "^0.12.2",
+    "@expo/ui": "~57.0.12",
+    "@tamagui/build": "3.0.0-beta.643.1",
+    "burnt": "^0.13.0",
+    "expo-linear-gradient": "~57.0.1",
     "react": ">=19",
-    "react-native": "0.83.2",
-    "react-native-gesture-handler": "~2.30.0",
-    "react-native-keyboard-controller": "1.20.7",
+    "react-native": "0.86.2",
+    "react-native-gesture-handler": "~2.32.0",
+    "react-native-keyboard-controller": "1.21.9",
     "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.tsx

@@ -1,3 +1,4 @@
+import { createRefComponent } from '@tamagui/compose-refs'
 import React from 'react'
 import { View, type ViewProps } from 'react-native'
 import {
@@ -30,52 +31,54 @@ function composeLast<T extends (...args: any[]) => void>(theirs: T | undefined,
   }
 }
 
-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
+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 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])
+    const release = React.useCallback((): void => {
+      if (!tokenRef.current) return
+      releaseExternalPressOwnership(tokenRef.current, debugName)
+      tokenRef.current = null
+    }, [debugName])
 
-  React.useEffect(() => release, [release])
+    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)}
-    />
-  )
-})
+    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/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

@@ -44,6 +44,7 @@ export interface SafeAreaMetrics {
 }
 
 export interface SafeAreaState {
+  didSetup: boolean
   enabled: boolean
   useSafeAreaInsets: (() => SafeAreaInsets) | null
   useSafeAreaFrame: (() => SafeAreaFrame) | null

package/types/PressBoundary.d.ts

@@ -9,6 +9,8 @@ export interface PressBoundaryProps extends ViewProps {
 	stopPropagation?: boolean;
 	debugName?: string | null;
 }
-export declare const PressBoundary: React.ForwardRefExoticComponent<PressBoundaryProps & React.RefAttributes<View>>;
+export declare const PressBoundary: (props: PressBoundaryProps & {
+	ref?: React.Ref<View>;
+}) => React.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": "AACA,OAAO,WAAW;AAClB,SAAS,WAAW,iBAAiB;AAOrC,iBAAiB,2BAA2B,UAAU;CACpD;;;;;CAKA;CACA;;AAiBF,OAAO,cAAM,gBACX,OAAO,qBAAqB;CAAE,MAAM,MAAM,IAAI;MAC3C,MAAM",
   "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 { createRefComponent } from '@tamagui/compose-refs'\nimport 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: (\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"
   ]
 }

package/types/expoUIMenuAdapter.d.ts.map

@@ -1,11 +1,11 @@
 {
-  "mappings": "AAAA,cAAc,qBAA8C;AAG5D,cAAc,yBAA2C;AA0BzD,YAAY,2BAA2B;CACrC,UAAU;;AAiEZ,OAAO,iBAAS,wBAAwB,EACtC,YACC,2BAA2B",
+  "mappings": "AAAA,cAAc,qBAA8C;AAG5D,cAAc,yBAA2C;AA0BzD,YAAY,2BAA2B;CACrC,UAAU;;AAgEZ,OAAO,iBAAS,wBAAwB,EACtC,YACC,2BAA2B",
   "names": [],
   "sources": [
     "src/expoUIMenuAdapter.tsx"
   ],
   "version": 3,
   "sourcesContent": [
-    "import type { ComponentType, ReactElement, ReactNode } from 'react'\nimport React from 'react'\n\nimport type { NativeMenuAdapter, NativeMenuModule } from './nativeMenuState'\n\ntype ExpoMenuAction = {\n  id: string\n  title: string\n  image?: unknown\n  state?: 'on' | 'off'\n  attributes?: {\n    destructive?: boolean\n    disabled?: boolean\n    hidden?: boolean\n  }\n  subactions?: ExpoMenuAction[]\n  displayInline?: boolean\n}\n\ntype ExpoMenuViewProps = {\n  actions: ExpoMenuAction[]\n  title?: string\n  shouldOpenOnLongPress?: boolean\n  onPressAction?: (event: { nativeEvent: { event: string } }) => void\n  onOpenMenu?: () => void\n  onCloseMenu?: () => void\n  children?: ReactNode\n}\n\nexport type ExpoUIMenuAdapterOptions = {\n  MenuView: ComponentType<any>\n}\n\ntype MarkerProps = {\n  children?: ReactNode\n  [key: string]: unknown\n}\n\nfunction marker(name: string): ComponentType<MarkerProps> {\n  const Marker = () => null\n  Marker.displayName = `ExpoUI${name}`\n  return Marker\n}\n\nfunction isMarkerType(candidate: unknown, type: ComponentType<MarkerProps>): boolean {\n  if (candidate === type) return true\n  // createMenu runs every native component through withNativeMenu, which wraps\n  // it in a new function component and copies the marker's displayName onto the\n  // wrapper. that wrapper is a different reference, so an identity-only check\n  // matches nothing and every item silently comes back with an empty title, no\n  // icon, and no submenu. fall back to the (unique, ExpoUI-prefixed) name.\n  const wanted = (type as { displayName?: string }).displayName\n  if (!wanted) return false\n  return (\n    typeof candidate === 'function' &&\n    (candidate as { displayName?: string }).displayName === wanted\n  )\n}\n\nfunction elementOfType(\n  children: ReactNode,\n  type: ComponentType<MarkerProps>\n): ReactElement<MarkerProps> | null {\n  for (const child of React.Children.toArray(children)) {\n    if (React.isValidElement<MarkerProps>(child) && isMarkerType(child.type, type)) {\n      return child\n    }\n  }\n  return null\n}\n\nconst warnedUnsupported = new Set<string>()\n\n// @expo/ui's MenuAction carries no subtitle, and its MenuView has no preview or\n// auxiliary view. these are decorations on a menu that is otherwise complete, so\n// drop them and warn once. throwing took down the whole app for an optional\n// embellishment, and an app that renders the same menu on zeego and on expo-ui\n// cannot avoid it without forking its markup per adapter.\nfunction warnUnsupported(feature: string) {\n  if (warnedUnsupported.has(feature) || process.env.NODE_ENV === 'production') {\n    return\n  }\n  warnedUnsupported.add(feature)\n  console.warn(\n    `[Tamagui] @expo/ui/community/menu does not support ${feature}, so it will not render. ` +\n      `Register a different native menu adapter if you need it.`\n  )\n}\n\nfunction textFromNode(node: ReactNode): string {\n  if (typeof node === 'string' || typeof node === 'number') return String(node)\n  if (!React.isValidElement<MarkerProps>(node)) return ''\n  return React.Children.toArray(node.props.children).map(textFromNode).join('')\n}\n\nexport function createExpoUIMenuAdapter({\n  MenuView,\n}: ExpoUIMenuAdapterOptions): NativeMenuAdapter {\n  const NativeMenuView: ComponentType<ExpoMenuViewProps> = MenuView\n\n  function createModule(isContextMenu: boolean): NativeMenuModule {\n    const Trigger = marker('Trigger')\n    const Content = marker('Content')\n    const Item = marker('Item')\n    const ItemTitle = marker('ItemTitle')\n    const ItemSubtitle = marker('ItemSubtitle')\n    const ItemIcon = marker('ItemIcon')\n    const ItemImage = marker('ItemImage')\n    const ItemIndicator = marker('ItemIndicator')\n    const Group = marker('Group')\n    const Label = marker('Label')\n    const Separator = marker('Separator')\n    const Sub = marker('Sub')\n    const SubTrigger = marker('SubTrigger')\n    const SubContent = marker('SubContent')\n    const CheckboxItem = marker('CheckboxItem')\n    const Preview = marker('Preview')\n    const Auxiliary = marker('Auxiliary')\n\n    function Root({\n      children,\n      onOpenChange,\n      onOpenWillChange,\n    }: {\n      children?: ReactNode\n      onOpenChange?: (open: boolean) => void\n      onOpenWillChange?: (open: boolean) => void\n    }) {\n      const trigger = elementOfType(children, Trigger)\n      const content = elementOfType(children, Content)\n      const preview = elementOfType(children, Preview)\n      const auxiliary = elementOfType(children, Auxiliary)\n\n      if (preview || auxiliary) {\n        warnUnsupported('context-menu previews or auxiliary views')\n      }\n      if (!trigger || !content) {\n        throw new Error('Tamagui native menus require one Trigger and one Content')\n      }\n\n      let nextId = 0\n      const handlers = new Map<string, () => void>()\n\n      function actionId(element: ReactElement<MarkerProps>): string {\n        return element.key == null\n          ? `tamagui-menu-${nextId++}`\n          : String(element.key).replace(/^\\.\\$/, '')\n      }\n\n      function itemTitle(element: ReactElement<MarkerProps>): string {\n        if (typeof element.props.textValue === 'string') return element.props.textValue\n        const title = elementOfType(element.props.children, ItemTitle)\n        return title ? textFromNode(title.props.children) : ''\n      }\n\n      function actionImage(element: ReactElement<MarkerProps>): unknown {\n        const image = elementOfType(element.props.children, ItemImage)\n        if (image?.props.source) return image.props.source\n        const icon = elementOfType(element.props.children, ItemIcon)\n        if (!icon) return undefined\n        const ios = icon.props.ios\n        if (\n          typeof ios === 'object' &&\n          ios &&\n          'name' in ios &&\n          typeof ios.name === 'string'\n        ) {\n          return ios.name\n        }\n        return typeof icon.props.iosIconName === 'string'\n          ? icon.props.iosIconName\n          : undefined\n      }\n\n      function attributes(\n        element: ReactElement<MarkerProps>\n      ): ExpoMenuAction['attributes'] {\n        const destructive = element.props.destructive === true\n        const disabled = element.props.disabled === true\n        const hidden = element.props.hidden === true\n        return destructive || disabled || hidden\n          ? { destructive, disabled, hidden }\n          : undefined\n      }\n\n      function actionsFrom(childrenToParse: ReactNode): ExpoMenuAction[] {\n        const actions: ExpoMenuAction[] = []\n        let section: ExpoMenuAction[] | null = null\n\n        function append(action: ExpoMenuAction) {\n          if (section) {\n            section.push(action)\n          } else {\n            actions.push(action)\n          }\n        }\n\n        function flushSection() {\n          if (!section?.length) {\n            section = []\n            return\n          }\n          actions.push({\n            id: `tamagui-menu-section-${nextId++}`,\n            title: '',\n            subactions: section,\n            displayInline: true,\n          })\n          section = []\n        }\n\n        for (const child of React.Children.toArray(childrenToParse)) {\n          if (!React.isValidElement<MarkerProps>(child)) continue\n\n          if (isMarkerType(child.type, Separator)) {\n            if (!section) section = actions.splice(0)\n            flushSection()\n            continue\n          }\n\n          if (isMarkerType(child.type, Group)) {\n            const label = elementOfType(child.props.children, Label)\n            append({\n              id: actionId(child),\n              title: label ? textFromNode(label.props.children) : '',\n              subactions: actionsFrom(child.props.children),\n              displayInline: true,\n            })\n            continue\n          }\n\n          if (isMarkerType(child.type, Sub)) {\n            const subTrigger = elementOfType(child.props.children, SubTrigger)\n            const subContent = elementOfType(child.props.children, SubContent)\n            if (!subTrigger || !subContent) {\n              throw new Error(\n                'Tamagui native submenus require one SubTrigger and SubContent'\n              )\n            }\n            append({\n              id: actionId(child),\n              title: itemTitle(subTrigger),\n              image: actionImage(subTrigger),\n              attributes: attributes(subTrigger),\n              subactions: actionsFrom(subContent.props.children),\n            })\n            continue\n          }\n\n          if (!isMarkerType(child.type, Item) && !isMarkerType(child.type, CheckboxItem))\n            continue\n\n          if (elementOfType(child.props.children, ItemSubtitle)) {\n            warnUnsupported('menu item subtitles')\n          }\n\n          const id = actionId(child)\n          if (isMarkerType(child.type, CheckboxItem)) {\n            const current =\n              child.props.value === true ||\n              child.props.value === 'on' ||\n              child.props.checked === true\n            const onValueChange = child.props.onValueChange\n            const onCheckedChange = child.props.onCheckedChange\n            handlers.set(id, () => {\n              if (typeof onValueChange === 'function') {\n                onValueChange(current ? 'off' : 'on', current ? 'on' : 'off')\n              } else if (typeof onCheckedChange === 'function') {\n                onCheckedChange(!current)\n              }\n            })\n            append({\n              id,\n              title: itemTitle(child),\n              image: actionImage(child),\n              state: current ? 'on' : 'off',\n              attributes: attributes(child),\n            })\n            continue\n          }\n\n          const onSelect = child.props.onSelect\n          if (typeof onSelect === 'function') {\n            handlers.set(id, () => onSelect())\n          }\n          append({\n            id,\n            title: itemTitle(child),\n            image: actionImage(child),\n            attributes: attributes(child),\n          })\n        }\n\n        if (section) flushSection()\n        return actions\n      }\n\n      const label = elementOfType(content.props.children, Label)\n      const triggerAction = trigger.props.action\n\n      return (\n        <NativeMenuView\n          actions={actionsFrom(content.props.children)}\n          title={label ? textFromNode(label.props.children) : undefined}\n          shouldOpenOnLongPress={\n            triggerAction === 'longPress' || (triggerAction !== 'press' && isContextMenu)\n          }\n          onPressAction={(event) => handlers.get(event.nativeEvent.event)?.()}\n          onOpenMenu={() => {\n            onOpenWillChange?.(true)\n            onOpenChange?.(true)\n          }}\n          onCloseMenu={() => {\n            onOpenWillChange?.(false)\n            onOpenChange?.(false)\n          }}\n        >\n          {trigger.props.children}\n        </NativeMenuView>\n      )\n    }\n\n    return {\n      Root,\n      Trigger,\n      Content,\n      Item,\n      ItemTitle,\n      ItemSubtitle,\n      ItemIcon,\n      ItemImage,\n      ItemIndicator,\n      Group,\n      Label,\n      Separator,\n      Sub,\n      SubTrigger,\n      SubContent,\n      CheckboxItem,\n      Preview,\n      Auxiliary,\n    }\n  }\n\n  return {\n    name: 'expo-ui',\n    Menu: createModule(false),\n    ContextMenu: createModule(true),\n  }\n}\n"
+    "import type { ComponentType, ReactElement, ReactNode } from 'react'\nimport React from 'react'\n\nimport type { NativeMenuAdapter, NativeMenuModule } from './nativeMenuState'\n\ntype ExpoMenuAction = {\n  id: string\n  title: string\n  image?: unknown\n  state?: 'on' | 'off'\n  attributes?: {\n    destructive?: boolean\n    disabled?: boolean\n    hidden?: boolean\n  }\n  subactions?: ExpoMenuAction[]\n  displayInline?: boolean\n}\n\ntype ExpoMenuViewProps = {\n  actions: ExpoMenuAction[]\n  title?: string\n  shouldOpenOnLongPress?: boolean\n  onPressAction?: (event: { nativeEvent: { event: string } }) => void\n  onOpenMenu?: () => void\n  onCloseMenu?: () => void\n  children?: ReactNode\n}\n\nexport type ExpoUIMenuAdapterOptions = {\n  MenuView: ComponentType<any>\n}\n\ntype MarkerProps = {\n  children?: ReactNode\n  [key: string]: unknown\n}\n\nfunction marker(name: string): ComponentType<MarkerProps> {\n  const Marker = () => null\n  Marker.displayName = `ExpoUI${name}`\n  return Marker\n}\n\nfunction isMarkerType(candidate: unknown, type: ComponentType<MarkerProps>): boolean {\n  if (candidate === type) return true\n  // createMenu runs every native component through withNativeMenu, which wraps\n  // it in a new function component and copies the marker's displayName onto the\n  // wrapper. that wrapper is a different reference, so an identity-only check\n  // matches nothing and every item silently comes back with an empty title, no\n  // icon, and no submenu. fall back to the (unique, ExpoUI-prefixed) name.\n  const wanted = (type as { displayName?: string }).displayName\n  if (!wanted) return false\n  return (\n    typeof candidate === 'function' &&\n    (candidate as { displayName?: string }).displayName === wanted\n  )\n}\n\nfunction elementOfType(\n  children: ReactNode,\n  type: ComponentType<MarkerProps>\n): ReactElement<MarkerProps> | null {\n  for (const child of React.Children.toArray(children)) {\n    if (React.isValidElement<MarkerProps>(child) && isMarkerType(child.type, type)) {\n      return child\n    }\n  }\n  return null\n}\n\nconst warnedUnsupported = new Set<string>()\n\n// @expo/ui's MenuAction carries no subtitle, and its MenuView has no preview or\n// auxiliary view. these are decorations on a menu that is otherwise complete, so\n// drop them and warn once. throwing took down the whole app for an optional\n// embellishment. apps cannot avoid this without forking their markup per adapter.\nfunction warnUnsupported(feature: string) {\n  if (warnedUnsupported.has(feature) || process.env.NODE_ENV === 'production') {\n    return\n  }\n  warnedUnsupported.add(feature)\n  console.warn(\n    `[Tamagui] @expo/ui/community/menu does not support ${feature}, so it will not render. ` +\n      `Register a different native menu adapter if you need it.`\n  )\n}\n\nfunction textFromNode(node: ReactNode): string {\n  if (typeof node === 'string' || typeof node === 'number') return String(node)\n  if (!React.isValidElement<MarkerProps>(node)) return ''\n  return React.Children.toArray(node.props.children).map(textFromNode).join('')\n}\n\nexport function createExpoUIMenuAdapter({\n  MenuView,\n}: ExpoUIMenuAdapterOptions): NativeMenuAdapter {\n  const NativeMenuView: ComponentType<ExpoMenuViewProps> = MenuView\n\n  function createModule(isContextMenu: boolean): NativeMenuModule {\n    const Trigger = marker('Trigger')\n    const Content = marker('Content')\n    const Item = marker('Item')\n    const ItemTitle = marker('ItemTitle')\n    const ItemSubtitle = marker('ItemSubtitle')\n    const ItemIcon = marker('ItemIcon')\n    const ItemImage = marker('ItemImage')\n    const ItemIndicator = marker('ItemIndicator')\n    const Group = marker('Group')\n    const Label = marker('Label')\n    const Separator = marker('Separator')\n    const Sub = marker('Sub')\n    const SubTrigger = marker('SubTrigger')\n    const SubContent = marker('SubContent')\n    const CheckboxItem = marker('CheckboxItem')\n    const Preview = marker('Preview')\n    const Auxiliary = marker('Auxiliary')\n\n    function Root({\n      children,\n      onOpenChange,\n      onOpenWillChange,\n    }: {\n      children?: ReactNode\n      onOpenChange?: (open: boolean) => void\n      onOpenWillChange?: (open: boolean) => void\n    }) {\n      const trigger = elementOfType(children, Trigger)\n      const content = elementOfType(children, Content)\n      const preview = elementOfType(children, Preview)\n      const auxiliary = elementOfType(children, Auxiliary)\n\n      if (preview || auxiliary) {\n        warnUnsupported('context-menu previews or auxiliary views')\n      }\n      if (!trigger || !content) {\n        throw new Error('Tamagui native menus require one Trigger and one Content')\n      }\n\n      let nextId = 0\n      const handlers = new Map<string, () => void>()\n\n      function actionId(element: ReactElement<MarkerProps>): string {\n        return element.key == null\n          ? `tamagui-menu-${nextId++}`\n          : String(element.key).replace(/^\\.\\$/, '')\n      }\n\n      function itemTitle(element: ReactElement<MarkerProps>): string {\n        if (typeof element.props.textValue === 'string') return element.props.textValue\n        const title = elementOfType(element.props.children, ItemTitle)\n        return title ? textFromNode(title.props.children) : ''\n      }\n\n      function actionImage(element: ReactElement<MarkerProps>): unknown {\n        const image = elementOfType(element.props.children, ItemImage)\n        if (image?.props.source) return image.props.source\n        const icon = elementOfType(element.props.children, ItemIcon)\n        if (!icon) return undefined\n        const ios = icon.props.ios\n        if (\n          typeof ios === 'object' &&\n          ios &&\n          'name' in ios &&\n          typeof ios.name === 'string'\n        ) {\n          return ios.name\n        }\n        return typeof icon.props.iosIconName === 'string'\n          ? icon.props.iosIconName\n          : undefined\n      }\n\n      function attributes(\n        element: ReactElement<MarkerProps>\n      ): ExpoMenuAction['attributes'] {\n        const destructive = element.props.destructive === true\n        const disabled = element.props.disabled === true\n        const hidden = element.props.hidden === true\n        return destructive || disabled || hidden\n          ? { destructive, disabled, hidden }\n          : undefined\n      }\n\n      function actionsFrom(childrenToParse: ReactNode): ExpoMenuAction[] {\n        const actions: ExpoMenuAction[] = []\n        let section: ExpoMenuAction[] | null = null\n\n        function append(action: ExpoMenuAction) {\n          if (section) {\n            section.push(action)\n          } else {\n            actions.push(action)\n          }\n        }\n\n        function flushSection() {\n          if (!section?.length) {\n            section = []\n            return\n          }\n          actions.push({\n            id: `tamagui-menu-section-${nextId++}`,\n            title: '',\n            subactions: section,\n            displayInline: true,\n          })\n          section = []\n        }\n\n        for (const child of React.Children.toArray(childrenToParse)) {\n          if (!React.isValidElement<MarkerProps>(child)) continue\n\n          if (isMarkerType(child.type, Separator)) {\n            if (!section) section = actions.splice(0)\n            flushSection()\n            continue\n          }\n\n          if (isMarkerType(child.type, Group)) {\n            const label = elementOfType(child.props.children, Label)\n            append({\n              id: actionId(child),\n              title: label ? textFromNode(label.props.children) : '',\n              subactions: actionsFrom(child.props.children),\n              displayInline: true,\n            })\n            continue\n          }\n\n          if (isMarkerType(child.type, Sub)) {\n            const subTrigger = elementOfType(child.props.children, SubTrigger)\n            const subContent = elementOfType(child.props.children, SubContent)\n            if (!subTrigger || !subContent) {\n              throw new Error(\n                'Tamagui native submenus require one SubTrigger and SubContent'\n              )\n            }\n            append({\n              id: actionId(child),\n              title: itemTitle(subTrigger),\n              image: actionImage(subTrigger),\n              attributes: attributes(subTrigger),\n              subactions: actionsFrom(subContent.props.children),\n            })\n            continue\n          }\n\n          if (!isMarkerType(child.type, Item) && !isMarkerType(child.type, CheckboxItem))\n            continue\n\n          if (elementOfType(child.props.children, ItemSubtitle)) {\n            warnUnsupported('menu item subtitles')\n          }\n\n          const id = actionId(child)\n          if (isMarkerType(child.type, CheckboxItem)) {\n            const current =\n              child.props.value === true ||\n              child.props.value === 'on' ||\n              child.props.checked === true\n            const onValueChange = child.props.onValueChange\n            const onCheckedChange = child.props.onCheckedChange\n            handlers.set(id, () => {\n              if (typeof onValueChange === 'function') {\n                onValueChange(current ? 'off' : 'on', current ? 'on' : 'off')\n              } else if (typeof onCheckedChange === 'function') {\n                onCheckedChange(!current)\n              }\n            })\n            append({\n              id,\n              title: itemTitle(child),\n              image: actionImage(child),\n              state: current ? 'on' : 'off',\n              attributes: attributes(child),\n            })\n            continue\n          }\n\n          const onSelect = child.props.onSelect\n          if (typeof onSelect === 'function') {\n            handlers.set(id, () => onSelect())\n          }\n          append({\n            id,\n            title: itemTitle(child),\n            image: actionImage(child),\n            attributes: attributes(child),\n          })\n        }\n\n        if (section) flushSection()\n        return actions\n      }\n\n      const label = elementOfType(content.props.children, Label)\n      const triggerAction = trigger.props.action\n\n      return (\n        <NativeMenuView\n          actions={actionsFrom(content.props.children)}\n          title={label ? textFromNode(label.props.children) : undefined}\n          shouldOpenOnLongPress={\n            triggerAction === 'longPress' || (triggerAction !== 'press' && isContextMenu)\n          }\n          onPressAction={(event) => handlers.get(event.nativeEvent.event)?.()}\n          onOpenMenu={() => {\n            onOpenWillChange?.(true)\n            onOpenChange?.(true)\n          }}\n          onCloseMenu={() => {\n            onOpenWillChange?.(false)\n            onOpenChange?.(false)\n          }}\n        >\n          {trigger.props.children}\n        </NativeMenuView>\n      )\n    }\n\n    return {\n      Root,\n      Trigger,\n      Content,\n      Item,\n      ItemTitle,\n      ItemSubtitle,\n      ItemIcon,\n      ItemImage,\n      ItemIndicator,\n      Group,\n      Label,\n      Separator,\n      Sub,\n      SubTrigger,\n      SubContent,\n      CheckboxItem,\n      Preview,\n      Auxiliary,\n    }\n  }\n\n  return {\n    name: 'expo-ui',\n    Menu: createModule(false),\n    ContextMenu: createModule(true),\n  }\n}\n"
   ]
 }

package/types/gestureState.d.ts.map

@@ -6,6 +6,6 @@
   ],
   "version": 3,
   "sourcesContent": [
-    "import { createGlobalState } from './globalState'\nimport type { GestureState } from './types'\n\nconst state = createGlobalState<GestureState>(`gesture`, {\n  enabled: false,\n  Gesture: null,\n  GestureDetector: null,\n  ScrollView: null,\n  RootView: null,\n})\n\ntype GestureEnabledFreezeState = {\n  frozen: boolean\n  enabled: boolean\n  warned: boolean\n}\n\nconst GESTURE_ENABLED_FREEZE_KEY = '__tamagui_gesture_enabled_freeze__'\n\nfunction getGestureEnabledFreezeState(): GestureEnabledFreezeState {\n  const g = globalThis as typeof globalThis & {\n    [GESTURE_ENABLED_FREEZE_KEY]?: GestureEnabledFreezeState\n  }\n\n  if (!g[GESTURE_ENABLED_FREEZE_KEY]) {\n    g[GESTURE_ENABLED_FREEZE_KEY] = {\n      frozen: false,\n      enabled: false,\n      warned: false,\n    }\n  }\n\n  return g[GESTURE_ENABLED_FREEZE_KEY]!\n}\n\nfunction warnGestureEnabledMutationIgnored(source: string) {\n  const freezeState = getGestureEnabledFreezeState()\n\n  if (freezeState.warned || process.env.NODE_ENV === 'production') {\n    return\n  }\n\n  freezeState.warned = true\n\n  console.warn(\n    `[Tamagui] Ignored ${source} because gesture handler press events were already ` +\n      `${freezeState.enabled ? 'enabled' : 'disabled'} when TamaguiProvider mounted. ` +\n      `Configure gesture handler mode before the first render.`\n  )\n}\n\nexport function canChangeGestureHandlerEnabled(\n  nextEnabled: boolean,\n  source: string\n): boolean {\n  const freezeState = getGestureEnabledFreezeState()\n\n  if (!freezeState.frozen || freezeState.enabled === nextEnabled) {\n    return true\n  }\n\n  warnGestureEnabledMutationIgnored(source)\n  return false\n}\n\nlet pressGestureDebugId = 0\nlet externalPressDebugId = 0\n\n// distance in dp the finger may travel before a press is treated as a\n// scroll/drag and cancelled. tracked in absolute (screen) coordinates by the\n// Tap's onTouchesMove (see createPressGesture) so a view translating under a\n// stationary finger - a sheet sliding on keyboard open/close, a sheet open\n// animation - does not cancel the press; only genuine finger travel does.\n// this also makes scroll-cancels-press work for any scroll container (a plain\n// RN ScrollView/FlatList or an RNGH one), since the press cancels itself\n// rather than relying on a parent RNGH gesture to steal it.\nconst PRESS_MOVE_CANCEL_DISTANCE = 12\nconst PRESS_MOVE_CANCEL_DISTANCE_SQ =\n  PRESS_MOVE_CANCEL_DISTANCE * PRESS_MOVE_CANCEL_DISTANCE\n\n// minimal shapes of the RNGH gesture events createPressGesture reads. RNGH is\n// injected at runtime (GestureState.Gesture is untyped), so this module keeps\n// no type dependency on react-native-gesture-handler - these name just the\n// fields the press gesture touches.\ntype GesturePoint = {\n  absoluteX: number\n  absoluteY: number\n}\ntype GestureBeginEvent = Partial<GesturePoint>\ntype GestureTouchEvent = {\n  changedTouches?: GesturePoint[]\n  allTouches?: GesturePoint[]\n}\n\ntype PressOwnerSource = 'internal' | 'external' | null\ntype PressOwnershipState = {\n  owner: object | null\n  ownerId: number | null\n  ownerSource: PressOwnerSource\n  ownerPointerId: number | null\n  timestamp: number\n}\n\nconst PRESS_STATE_KEY = '__tamagui_press_state__'\n\nfunction getEventPointerId(e: any): number | null {\n  const pointerId =\n    e?.pointerId ??\n    e?.pointer?.id ??\n    e?.event?.pointerId ??\n    e?.event?.pointer?.id ??\n    e?.nativeEvent?.pointerId ??\n    e?.nativeEvent?.id ??\n    e?.event?.nativeEvent?.pointerId ??\n    e?.event?.nativeEvent?.id ??\n    null\n\n  return pointerId == null || Number.isNaN(pointerId) ? null : Number(pointerId)\n}\n\n/**\n * Global press coordination - ensures only innermost pressable fires press events,\n * matching RN Pressable/responder system semantics where deepest component wins.\n * Uses a grace period to allow child gestures to steal ownership from parent,\n * since RNGH fires parent gestures before child gestures.\n */\nconst pressState = ((\n  globalThis as typeof globalThis & {\n    [PRESS_STATE_KEY]?: PressOwnershipState\n  }\n)[PRESS_STATE_KEY] ??= {\n  owner: null,\n  ownerId: null,\n  ownerSource: null,\n  ownerPointerId: null,\n  timestamp: 0,\n})\n\nexport interface Insets {\n  top?: number\n  left?: number\n  bottom?: number\n  right?: number\n}\n\nexport type PressGestureConfig = {\n  debugName?: string | null\n  onPressIn?: (e: any) => void\n  onPressOut?: (e: any) => void\n  onPress?: (e: any) => void\n  onLongPress?: (e: any) => void\n  delayLongPress?: number\n  hitSlop?: number | Insets | null\n}\n\nexport interface GestureHandlerAccessor {\n  readonly isEnabled: boolean\n  readonly state: GestureState\n  set(updates: Partial<GestureState>): void\n  disable(): void\n  createPressGesture(config: PressGestureConfig): any\n}\n\nexport type ExternalPressOwnershipToken = object\n\nfunction resetPressOwner() {\n  pressState.owner = null\n  pressState.ownerId = null\n  pressState.ownerSource = null\n  pressState.ownerPointerId = null\n  pressState.timestamp = 0\n}\n\nfunction resetStaleOwner(now: number, debugName?: string | null) {\n  if (now - pressState.timestamp > 2000) {\n    resetPressOwner()\n  }\n}\n\nexport function claimExternalPressOwnership(\n  debugName?: string | null\n): ExternalPressOwnershipToken {\n  const now = Date.now()\n  resetStaleOwner(now, debugName)\n\n  const token = {}\n  const ownerId = ++externalPressDebugId\n\n  pressState.owner = token\n  pressState.ownerId = ownerId\n  pressState.ownerSource = 'external'\n  pressState.timestamp = now\n\n  return token\n}\n\nexport function releaseExternalPressOwnership(\n  token: ExternalPressOwnershipToken | null | undefined,\n  debugName?: string | null\n): void {\n  if (!token || pressState.owner !== token) {\n    return\n  }\n  resetPressOwner()\n}\n\nexport function hasExternalPressOwnership(): boolean {\n  resetStaleOwner(Date.now())\n  return pressState.ownerSource === 'external'\n}\n\nexport function getGestureHandler(): GestureHandlerAccessor {\n  return {\n    get isEnabled(): boolean {\n      return state.get().enabled\n    },\n    get state(): GestureState {\n      return state.get()\n    },\n    set(updates: Partial<GestureState>): void {\n      if (\n        updates.enabled !== undefined &&\n        !canChangeGestureHandlerEnabled(updates.enabled, 'getGestureHandler().set()')\n      ) {\n        return\n      }\n\n      Object.assign(state.get(), updates)\n    },\n\n    disable(): void {\n      if (!canChangeGestureHandlerEnabled(false, 'getGestureHandler().disable()')) {\n        return\n      }\n\n      state.get().enabled = false\n    },\n\n    createPressGesture(config: PressGestureConfig): any {\n      const { Gesture } = state.get()\n      if (!Gesture) return null\n\n      const longPressDuration = config.delayLongPress ?? 500\n\n      // unique token for this gesture instance - used to track ownership\n      const myToken = {}\n      const myDebugId = ++pressGestureDebugId\n      // mutable gesture state kept on an object so handler bodies that get\n      // workletized by react-native-worklets (>=0.7.4) see live values.\n      // primitive `let`s get frozen into the worklet's serialized __closure\n      // at factory time, so reassignments from workletized handlers never\n      // propagate out. object property mutation goes through the captured\n      // reference and is always observed.\n      const flags = {\n        didLongPress: false,\n        didPressIn: false,\n        pressInTimer: null as ReturnType<typeof setTimeout> | null,\n        // absolute (screen) coords of the press start, and whether the finger\n        // has since travelled far enough to be treated as a scroll/drag.\n        moveStartX: null as number | null,\n        moveStartY: 0,\n        cancelledByMove: false,\n      }\n\n      // Grace period for child gestures to steal ownership from parent.\n      // RNGH fires parent before child, but we want innermost to win.\n      // Claims typically span a few ms, 24ms gives enough room to observe\n      // ordering while debugging slower frames.\n      const GRACE_PERIOD_MS = process.env.TAMAGUI_RNGH_PRESS_DELAY\n        ? +process.env.TAMAGUI_RNGH_PRESS_DELAY\n        : 24\n\n      const tryClaimOwnership = (e: any) => {\n        const now = Date.now()\n        resetStaleOwner(now, config.debugName)\n\n        const currentPointerId = getEventPointerId(e)\n        const isSameTouchPointer =\n          currentPointerId == null ||\n          pressState.ownerPointerId == null ||\n          pressState.ownerPointerId === currentPointerId\n\n        if (\n          pressState.owner === null ||\n          (pressState.ownerSource === 'internal' && isSameTouchPointer)\n        ) {\n          pressState.owner = myToken\n          pressState.ownerId = myDebugId\n          pressState.ownerSource = 'internal'\n          pressState.ownerPointerId = currentPointerId\n          pressState.timestamp = now\n        }\n        return pressState.owner === myToken\n      }\n\n      const isOwner = () => pressState.owner === myToken\n\n      const releaseOwnership = () => {\n        if (flags.pressInTimer) {\n          clearTimeout(flags.pressInTimer)\n          flags.pressInTimer = null\n        }\n        if (pressState.owner === myToken) {\n          resetPressOwner()\n        }\n      }\n\n      const firePressIn = (e: any) => {\n        if (!flags.didPressIn && isOwner()) {\n          flags.didPressIn = true\n          config.onPressIn?.(e)\n        }\n      }\n\n      const schedulePressIn = (e: any) => {\n        if (flags.pressInTimer) {\n          clearTimeout(flags.pressInTimer)\n        }\n        flags.pressInTimer = setTimeout(() => {\n          flags.pressInTimer = null\n          if (isOwner()) {\n            firePressIn(e)\n          }\n        }, GRACE_PERIOD_MS + 1)\n      }\n\n      // Tap gesture for regular presses.\n      //\n      // maxDuration is long so long-presses aren't cut off. We deliberately do\n      // not use RNGH's .maxDistance(): it measures finger travel in the gesture\n      // view's own coordinate space, so a view that translates under a\n      // stationary finger (a sheet sliding on keyboard open/close, a sheet open\n      // animation) reads as finger movement and silently cancels the press -\n      // onPress never fires. Instead onTouchesMove tracks the finger in\n      // absolute (screen) coordinates and cancels only on genuine finger\n      // travel. That also makes scroll-cancels-press work for any scroll\n      // container, since the press cancels itself instead of depending on a\n      // parent RNGH gesture to steal the touch.\n      const tap = Gesture.Tap()\n        .runOnJS(true)\n        .maxDuration(10000) // allow very long presses\n        .onBegin((e: GestureBeginEvent) => {\n          flags.didLongPress = false\n          flags.didPressIn = false\n          flags.cancelledByMove = false\n          flags.moveStartX = typeof e.absoluteX === 'number' ? e.absoluteX : null\n          flags.moveStartY = typeof e.absoluteY === 'number' ? e.absoluteY : 0\n          tryClaimOwnership(e)\n          // Defer onPressIn until after the grace window so child pressables\n          // can steal ownership, but flush it on tap end for very fast taps.\n          schedulePressIn(e)\n        })\n        .onTouchesMove((e: GestureTouchEvent) => {\n          if (flags.cancelledByMove || flags.moveStartX === null) return\n          const touch = e.changedTouches?.[0] ?? e.allTouches?.[0]\n          if (!touch) return\n          const dx = touch.absoluteX - flags.moveStartX\n          const dy = touch.absoluteY - flags.moveStartY\n          if (dx * dx + dy * dy <= PRESS_MOVE_CANCEL_DISTANCE_SQ) return\n          // finger has travelled far enough to be a scroll/drag, not a tap.\n          // release the pressStyle now (mid-scroll, so it doesn't stay stuck)\n          // and make onEnd skip onPress on finger lift.\n          flags.cancelledByMove = true\n          if (flags.pressInTimer) {\n            clearTimeout(flags.pressInTimer)\n            flags.pressInTimer = null\n          }\n          if (flags.didPressIn) {\n            flags.didPressIn = false\n            config.onPressOut?.(e)\n          }\n          releaseOwnership()\n        })\n        .onEnd((e: unknown) => {\n          if (isOwner() && !flags.didLongPress && !flags.cancelledByMove) {\n            firePressIn(e)\n            config.onPress?.(e)\n          }\n        })\n        .onFinalize((e: unknown) => {\n          if (isOwner()) {\n            config.onPressOut?.(e)\n            releaseOwnership()\n          } else if (flags.didPressIn) {\n            // we already fired onPressIn but lost ownership before finalize\n            // (e.g. finger dragged onto a sibling pressable and that one\n            // claimed ownership). fire onPressOut so callers can clear their\n            // press state - otherwise pressStyle stays stuck on this view.\n            flags.didPressIn = false\n            config.onPressOut?.(e)\n          }\n        })\n\n      if (config.hitSlop) tap.hitSlop(config.hitSlop)\n\n      // if no long press handler, just use tap\n      if (!config.onLongPress) return tap\n\n      // LongPress gesture for long press handling\n      const longPress = Gesture.LongPress()\n        .runOnJS(true)\n        .minDuration(longPressDuration)\n        .onStart((e: any) => {\n          flags.didLongPress = true\n          if (isOwner()) {\n            firePressIn(e)\n            config.onLongPress?.(e)\n          }\n        })\n\n      if (config.hitSlop) longPress.hitSlop(config.hitSlop)\n\n      // exclusive: longPress has priority, tap is fallback for quick presses\n      return Gesture.Exclusive(longPress, tap)\n    },\n  }\n}\n"
+    "import { createGlobalState } from './globalState'\nimport type { GestureState } from './types'\n\nconst state = createGlobalState<GestureState>(`gesture`, {\n  enabled: false,\n  Gesture: null,\n  GestureDetector: null,\n  ScrollView: null,\n  RootView: null,\n})\n\ntype GestureEnabledFreezeState = {\n  frozen: boolean\n  enabled: boolean\n  warned: boolean\n}\n\nconst GESTURE_ENABLED_FREEZE_KEY = '__tamagui_gesture_enabled_freeze__'\n\nfunction getGestureEnabledFreezeState(): GestureEnabledFreezeState {\n  const g = globalThis as typeof globalThis & {\n    [GESTURE_ENABLED_FREEZE_KEY]?: GestureEnabledFreezeState\n  }\n\n  if (!g[GESTURE_ENABLED_FREEZE_KEY]) {\n    g[GESTURE_ENABLED_FREEZE_KEY] = {\n      frozen: false,\n      enabled: false,\n      warned: false,\n    }\n  }\n\n  return g[GESTURE_ENABLED_FREEZE_KEY]!\n}\n\nfunction warnGestureEnabledMutationIgnored(source: string) {\n  const freezeState = getGestureEnabledFreezeState()\n\n  if (freezeState.warned || process.env.NODE_ENV === 'production') {\n    return\n  }\n\n  freezeState.warned = true\n\n  console.warn(\n    `[Tamagui] Ignored ${source} because gesture handler press events were already ` +\n      `${freezeState.enabled ? 'enabled' : 'disabled'} when TamaguiProvider mounted. ` +\n      `Configure gesture handler mode before the first render.`\n  )\n}\n\nexport function canChangeGestureHandlerEnabled(\n  nextEnabled: boolean,\n  source: string\n): boolean {\n  const freezeState = getGestureEnabledFreezeState()\n\n  if (!freezeState.frozen || freezeState.enabled === nextEnabled) {\n    return true\n  }\n\n  warnGestureEnabledMutationIgnored(source)\n  return false\n}\n\nlet pressGestureDebugId = 0\nlet externalPressDebugId = 0\n\n// distance in dp the finger may travel before a press is treated as a\n// scroll/drag and cancelled. tracked in absolute (screen) coordinates by the\n// Tap's onTouchesMove (see createPressGesture) so a view translating under a\n// stationary finger - a sheet sliding on keyboard open/close, a sheet open\n// animation - does not cancel the press; only genuine finger travel does.\n// this also makes scroll-cancels-press work for any scroll container (a plain\n// RN ScrollView/FlatList or an RNGH one), since the press cancels itself\n// rather than relying on a parent RNGH gesture to steal it.\nconst PRESS_MOVE_CANCEL_DISTANCE = 12\nconst PRESS_MOVE_CANCEL_DISTANCE_SQ =\n  PRESS_MOVE_CANCEL_DISTANCE * PRESS_MOVE_CANCEL_DISTANCE\n\n// minimal shapes of the RNGH gesture events createPressGesture reads. RNGH is\n// injected at runtime (GestureState.Gesture is untyped), so this module keeps\n// no type dependency on react-native-gesture-handler - these name just the\n// fields the press gesture touches.\ntype GesturePoint = {\n  absoluteX: number\n  absoluteY: number\n}\ntype GestureBeginEvent = Partial<GesturePoint>\ntype GestureTouchEvent = {\n  changedTouches?: GesturePoint[]\n  allTouches?: GesturePoint[]\n}\n\ntype PressOwnerSource = 'internal' | 'external' | null\ntype PressOwnershipState = {\n  owner: object | null\n  ownerId: number | null\n  ownerSource: PressOwnerSource\n  ownerPointerId: number | null\n  timestamp: number\n}\n\nconst PRESS_STATE_KEY = '__tamagui_press_state__'\n\nfunction getEventPointerId(e: any): number | null {\n  const pointerId =\n    e?.pointerId ??\n    e?.pointer?.id ??\n    e?.event?.pointerId ??\n    e?.event?.pointer?.id ??\n    e?.nativeEvent?.pointerId ??\n    e?.nativeEvent?.id ??\n    e?.event?.nativeEvent?.pointerId ??\n    e?.event?.nativeEvent?.id ??\n    null\n\n  return pointerId == null || Number.isNaN(pointerId) ? null : Number(pointerId)\n}\n\n/**\n * Global press coordination - ensures only innermost pressable fires press events,\n * matching RN Pressable/responder system semantics where deepest component wins.\n * Uses a grace period to allow child gestures to steal ownership from parent,\n * since RNGH fires parent gestures before child gestures.\n */\nconst pressState = ((\n  globalThis as typeof globalThis & {\n    [PRESS_STATE_KEY]?: PressOwnershipState\n  }\n)[PRESS_STATE_KEY] ??= {\n  owner: null,\n  ownerId: null,\n  ownerSource: null,\n  ownerPointerId: null,\n  timestamp: 0,\n})\n\nexport interface Insets {\n  top?: number\n  left?: number\n  bottom?: number\n  right?: number\n}\n\nexport type PressGestureConfig = {\n  debugName?: string | null\n  onPressIn?: (e: any) => void\n  onPressOut?: (e: any) => void\n  onPress?: (e: any) => void\n  onLongPress?: (e: any) => void\n  delayLongPress?: number\n  hitSlop?: number | Insets | null\n}\n\nexport interface GestureHandlerAccessor {\n  readonly isEnabled: boolean\n  readonly state: GestureState\n  set(updates: Partial<GestureState>): void\n  disable(): void\n  createPressGesture(config: PressGestureConfig): any\n}\n\nexport type ExternalPressOwnershipToken = object\n\nfunction resetPressOwner() {\n  pressState.owner = null\n  pressState.ownerId = null\n  pressState.ownerSource = null\n  pressState.ownerPointerId = null\n  pressState.timestamp = 0\n}\n\nfunction resetStaleOwner(now: number, debugName?: string | null) {\n  if (now - pressState.timestamp > 2000) {\n    resetPressOwner()\n  }\n}\n\nexport function claimExternalPressOwnership(\n  debugName?: string | null\n): ExternalPressOwnershipToken {\n  const now = Date.now()\n  resetStaleOwner(now, debugName)\n\n  const token = {}\n  const ownerId = ++externalPressDebugId\n\n  pressState.owner = token\n  pressState.ownerId = ownerId\n  pressState.ownerSource = 'external'\n  pressState.timestamp = now\n\n  return token\n}\n\nexport function releaseExternalPressOwnership(\n  token: ExternalPressOwnershipToken | null | undefined,\n  debugName?: string | null\n): void {\n  if (!token || pressState.owner !== token) {\n    return\n  }\n  resetPressOwner()\n}\n\nexport function hasExternalPressOwnership(): boolean {\n  resetStaleOwner(Date.now())\n  return pressState.ownerSource === 'external'\n}\n\nexport function getGestureHandler(): GestureHandlerAccessor {\n  return {\n    get isEnabled(): boolean {\n      return state.get().enabled\n    },\n    get state(): GestureState {\n      return state.get()\n    },\n    set(updates: Partial<GestureState>): void {\n      if (\n        updates.enabled !== undefined &&\n        !canChangeGestureHandlerEnabled(updates.enabled, 'getGestureHandler().set()')\n      ) {\n        return\n      }\n\n      Object.assign(state.get(), updates)\n    },\n\n    disable(): void {\n      if (!canChangeGestureHandlerEnabled(false, 'getGestureHandler().disable()')) {\n        return\n      }\n\n      state.get().enabled = false\n    },\n\n    createPressGesture(config: PressGestureConfig): any {\n      const { Gesture } = state.get()\n      if (!Gesture) return null\n\n      const longPressDuration = config.delayLongPress ?? 500\n\n      // unique token for this gesture instance - used to track ownership\n      const myToken = {}\n      const myDebugId = ++pressGestureDebugId\n      // mutable gesture state kept on an object so handler bodies that get\n      // workletized by react-native-worklets (>=0.7.4) see live values.\n      // primitive `let`s get frozen into the worklet's serialized __closure\n      // at factory time, so reassignments from workletized handlers never\n      // propagate out. object property mutation goes through the captured\n      // reference and is always observed.\n      const flags = {\n        didLongPress: false,\n        didPressIn: false,\n        pressInTimer: null as ReturnType<typeof setTimeout> | null,\n        // absolute (screen) coords of the press start, and whether the finger\n        // has since travelled far enough to be treated as a scroll/drag.\n        moveStartX: null as number | null,\n        moveStartY: 0,\n        cancelledByMove: false,\n      }\n\n      // Grace period for child gestures to steal ownership from parent.\n      // RNGH fires parent before child, but we want innermost to win.\n      // Claims typically span a few ms, 24ms gives enough room to observe\n      // ordering while debugging slower frames.\n      const GRACE_PERIOD_MS = process.env.TAMAGUI_RNGH_PRESS_DELAY\n        ? +process.env.TAMAGUI_RNGH_PRESS_DELAY\n        : 24\n\n      const tryClaimOwnership = (e: any) => {\n        const now = Date.now()\n        resetStaleOwner(now, config.debugName)\n\n        const currentPointerId = getEventPointerId(e)\n        const isSameTouchPointer =\n          currentPointerId == null ||\n          pressState.ownerPointerId == null ||\n          pressState.ownerPointerId === currentPointerId\n\n        if (\n          pressState.owner === null ||\n          (pressState.ownerSource === 'internal' && isSameTouchPointer)\n        ) {\n          pressState.owner = myToken\n          pressState.ownerId = myDebugId\n          pressState.ownerSource = 'internal'\n          pressState.ownerPointerId = currentPointerId\n          pressState.timestamp = now\n        }\n        return pressState.owner === myToken\n      }\n\n      const isOwner = () => pressState.owner === myToken\n\n      const releaseOwnership = () => {\n        if (flags.pressInTimer) {\n          clearTimeout(flags.pressInTimer)\n          flags.pressInTimer = null\n        }\n        if (pressState.owner === myToken) {\n          resetPressOwner()\n        }\n      }\n\n      const firePressIn = (e: any) => {\n        if (!flags.didPressIn && isOwner()) {\n          flags.didPressIn = true\n          config.onPressIn?.(e)\n        }\n      }\n\n      const schedulePressIn = (e: any) => {\n        if (flags.pressInTimer) {\n          clearTimeout(flags.pressInTimer)\n        }\n        flags.pressInTimer = setTimeout(() => {\n          flags.pressInTimer = null\n          if (isOwner()) {\n            firePressIn(e)\n          }\n        }, GRACE_PERIOD_MS + 1)\n      }\n\n      // Tap gesture for regular presses.\n      //\n      // maxDuration is long so long-presses aren't cut off. We deliberately do\n      // not use RNGH's .maxDistance(): it measures finger travel in the gesture\n      // view's own coordinate space, so a view that translates under a\n      // stationary finger (a sheet sliding on keyboard open/close, a sheet open\n      // animation) reads as finger movement and silently cancels the press -\n      // onPress never fires. Instead onTouchesMove tracks the finger in\n      // absolute (screen) coordinates and cancels only on genuine finger\n      // travel. That also makes scroll-cancels-press work for any scroll\n      // container, since the press cancels itself instead of depending on a\n      // parent RNGH gesture to steal the touch.\n      const tap = Gesture.Tap()\n        .runOnJS(true)\n        .maxDuration(10000) // allow very long presses\n        .onBegin((e: GestureBeginEvent) => {\n          flags.didLongPress = false\n          flags.didPressIn = false\n          flags.cancelledByMove = false\n          flags.moveStartX = typeof e.absoluteX === 'number' ? e.absoluteX : null\n          flags.moveStartY = typeof e.absoluteY === 'number' ? e.absoluteY : 0\n          tryClaimOwnership(e)\n          // Defer onPressIn until after the grace window so child pressables\n          // can steal ownership, but flush it on tap end for very fast taps.\n          schedulePressIn(e)\n        })\n        .onTouchesMove((e: GestureTouchEvent) => {\n          if (flags.cancelledByMove || flags.moveStartX === null) return\n          const touch = e.changedTouches?.[0] ?? e.allTouches?.[0]\n          if (!touch) return\n          const dx = touch.absoluteX - flags.moveStartX\n          const dy = touch.absoluteY - flags.moveStartY\n          if (dx * dx + dy * dy <= PRESS_MOVE_CANCEL_DISTANCE_SQ) return\n          // finger has travelled far enough to be a scroll/drag, not a tap.\n          // release the press state now (mid-scroll, so it doesn't stay stuck)\n          // and make onEnd skip onPress on finger lift.\n          flags.cancelledByMove = true\n          if (flags.pressInTimer) {\n            clearTimeout(flags.pressInTimer)\n            flags.pressInTimer = null\n          }\n          if (flags.didPressIn) {\n            flags.didPressIn = false\n            config.onPressOut?.(e)\n          }\n          releaseOwnership()\n        })\n        .onEnd((e: unknown) => {\n          if (isOwner() && !flags.didLongPress && !flags.cancelledByMove) {\n            firePressIn(e)\n            config.onPress?.(e)\n          }\n        })\n        .onFinalize((e: unknown) => {\n          if (isOwner()) {\n            config.onPressOut?.(e)\n            releaseOwnership()\n          } else if (flags.didPressIn) {\n            // we already fired onPressIn but lost ownership before finalize\n            // (e.g. finger dragged onto a sibling pressable and that one\n            // claimed ownership). fire onPressOut so callers can clear their\n            // press state - otherwise the press clause stays stuck on this view.\n            flags.didPressIn = false\n            config.onPressOut?.(e)\n          }\n        })\n\n      if (config.hitSlop) tap.hitSlop(config.hitSlop)\n\n      // if no long press handler, just use tap\n      if (!config.onLongPress) return tap\n\n      // LongPress gesture for long press handling\n      const longPress = Gesture.LongPress()\n        .runOnJS(true)\n        .minDuration(longPressDuration)\n        .onStart((e: any) => {\n          flags.didLongPress = true\n          if (isOwner()) {\n            firePressIn(e)\n            config.onLongPress?.(e)\n          }\n        })\n\n      if (config.hitSlop) longPress.hitSlop(config.hitSlop)\n\n      // exclusive: longPress has priority, tap is fallback for quick presses\n      return Gesture.Exclusive(longPress, tap)\n    },\n  }\n}\n"
   ]
 }

package/types/index.d.ts

@@ -28,7 +28,7 @@ export type { ExternalPressOwnershipToken, GestureHandlerAccessor, PressGestureC
 export type { GestureHandlerConfig } from "./setup-gesture-handler";
 export { getWorklets } from "./workletsState";
 export type { WorkletsAccessor } from "./workletsState";
-export { getSafeArea } from "./safeAreaState";
+export { getSafeArea, hasSafeAreaSetup } from "./safeAreaState";
 export type { SafeAreaAccessor } from "./safeAreaState";
 export { getLinearGradient } from "./linearGradientState";
 export type { LinearGradientAccessor } from "./linearGradientState";