@tamagui/native 2.0.0-1769256574467 → 2.0.0-1769294704640

package/src/gestureState.ts

@@ -1,11 +1,6 @@
-const GLOBAL_KEY = '__tamagui_native_gesture_state__'
+import type { GestureState } from './types'
 
-export interface GestureState {
-  enabled: boolean
-  Gesture: any
-  GestureDetector: any
-  ScrollView: any
-}
+const GLOBAL_KEY = '__tamagui_native_gesture_state__'
 
 function getGlobalState(): GestureState {
   const g = globalThis as any
@@ -20,15 +15,73 @@ function getGlobalState(): GestureState {
   return g[GLOBAL_KEY]
 }
 
-export function isGestureHandlerEnabled(): boolean {
-  return getGlobalState().enabled
+export type PressGestureConfig = {
+  onPressIn?: (e: any) => void
+  onPressOut?: (e: any) => void
+  onPress?: (e: any) => void
+  onLongPress?: (e: any) => void
+  delayLongPress?: number
+  hitSlop?: any
 }
 
-export function getGestureHandlerState(): GestureState {
-  return getGlobalState()
+export interface GestureHandlerAccessor {
+  readonly isEnabled: boolean
+  readonly state: GestureState
+  set(updates: Partial<GestureState>): void
+  disable(): void
+  createPressGesture(config: PressGestureConfig): any
 }
 
-export function setGestureHandlerState(updates: Partial<GestureState>): void {
-  const state = getGlobalState()
-  Object.assign(state, updates)
+export function getGestureHandler(): GestureHandlerAccessor {
+  return {
+    get isEnabled(): boolean {
+      return getGlobalState().enabled
+    },
+    get state(): GestureState {
+      return getGlobalState()
+    },
+    set(updates: Partial<GestureState>): void {
+      const state = getGlobalState()
+      Object.assign(state, updates)
+    },
+
+    disable(): void {
+      const state = getGlobalState()
+      state.enabled = false
+    },
+
+    createPressGesture(config: PressGestureConfig): any {
+      const { Gesture } = getGlobalState()
+      if (!Gesture) return null
+
+      const longPressDuration = config.delayLongPress ?? 500
+
+      // Tap gesture for regular presses
+      // Use long maxDuration to not cancel during long presses
+      const tap = Gesture.Tap()
+        .runOnJS(true)
+        .maxDuration(10000) // allow very long presses
+        .onBegin((e: any) => config.onPressIn?.(e))
+        .onEnd((e: any) => config.onPress?.(e))
+        .onFinalize((e: any) => config.onPressOut?.(e))
+
+      if (config.hitSlop) tap.hitSlop(config.hitSlop)
+
+      // if no long press handler, just use tap
+      if (!config.onLongPress) return tap
+
+      // LongPress gesture for long press handling
+      const longPress = Gesture.LongPress()
+        .runOnJS(true)
+        .minDuration(longPressDuration)
+        .onBegin((e: any) => config.onPressIn?.(e))
+        .onStart((e: any) => config.onLongPress?.(e))
+        .onFinalize((e: any) => config.onPressOut?.(e))
+
+      if (config.hitSlop) longPress.hitSlop(config.hitSlop)
+
+      // exclusive: longPress has priority, tap is fallback for quick presses
+      return Gesture.Exclusive(longPress, tap)
+    },
+  }
 }

package/src/index.ts

@@ -6,7 +6,7 @@
  * @example
  * ```tsx
  * // In your app entry (index.js or App.tsx)
- * import '@tamagui/native/setup-portal'
+ * import '@tamagui/native/setup-teleport'
  * import '@tamagui/native/setup-gesture-handler'
  * import '@tamagui/native/setup-worklets'
  *
@@ -15,25 +15,27 @@
  * ```
  */
 
-// portal state exports (safe - no side effects)
-export { getNativePortalState, setNativePortalState } from './portalState'
-export type { NativePortalState } from './portalState'
-
-export { NativePortal, NativePortalHost, NativePortalProvider } from './components'
+// types
 export type {
+  NativePortalState,
+  GestureState,
+  WorkletsState,
   NativePortalProps,
   NativePortalHostProps,
   NativePortalProviderProps,
-} from './components'
+} from './types'
+
+// portal
+export { getPortal } from './portalState'
+export type { PortalAccessor } from './portalState'
 
-// gesture handler state exports (safe - no side effects)
-export {
-  isGestureHandlerEnabled,
-  getGestureHandlerState,
-  setGestureHandlerState,
-} from './gestureState'
-export type { GestureState } from './gestureState'
+// gesture handler
+export { getGestureHandler } from './gestureState'
+export type { GestureHandlerAccessor, PressGestureConfig } from './gestureState'
 
-// worklets state exports (safe - no side effects)
-export { isWorkletsEnabled, getWorkletsState } from './workletsState'
-export type { WorkletsState } from './workletsState'
+// worklets
+export { getWorklets } from './workletsState'
+export type { WorkletsAccessor } from './workletsState'
+
+// components
+export { NativePortal, NativePortalHost, NativePortalProvider } from './components'

package/src/portalState.ts

@@ -1,15 +1,23 @@
-export type NativePortalState = {
-  enabled: boolean
-  type: 'teleport' | 'legacy' | null
-}
+import type { NativePortalState } from './types'
 
 let state: NativePortalState = { enabled: false, type: null }
 
-export function setNativePortalState(newState: NativePortalState) {
-  state = newState
+export interface PortalAccessor {
+  readonly isEnabled: boolean
+  readonly state: NativePortalState
+  set(newState: NativePortalState): void
 }
 
-export function getNativePortalState(): NativePortalState {
-  return state
+export function getPortal(): PortalAccessor {
+  return {
+    get isEnabled(): boolean {
+      return state.enabled
+    },
+    get state(): NativePortalState {
+      return state
+    },
+    set(newState: NativePortalState): void {
+      state = newState
+    },
+  }
 }
-// retrigger ci

package/src/setup-gesture-handler.ts

@@ -12,7 +12,7 @@
  * for use with Sheet and other gesture-aware components.
  */
 
-import { setGestureHandlerState } from './gestureState'
+import { getGestureHandler } from './gestureState'
 
 function setup() {
   const g = globalThis as any
@@ -27,7 +27,7 @@ function setup() {
     const { Gesture, GestureDetector, ScrollView } = rngh
 
     if (Gesture && GestureDetector) {
-      setGestureHandlerState({
+      getGestureHandler().set({
         enabled: true,
         Gesture,
         GestureDetector,

package/src/setup-teleport.ts

@@ -0,0 +1,32 @@
+/**
+ * Setup native portal support for Tamagui.
+ *
+ * Simply import this module at the top of your app entry point:
+ *
+ * @example
+ * ```tsx
+ * import '@tamagui/native/setup-teleport'
+ * ```
+ *
+ * This automatically detects and configures react-native-teleport for portals.
+ * Falls back to legacy RN shims if teleport is not installed.
+ */
+
+import { getPortal } from './portalState'
+
+function setup(): void {
+  const g = globalThis as any
+  if (g.__tamagui_native_portal_setup) return
+  g.__tamagui_native_portal_setup = true
+
+  // try teleport first (preferred)
+  const teleport = require('react-native-teleport')
+  if (teleport?.Portal && teleport?.PortalHost && teleport?.PortalProvider) {
+    g.__tamagui_teleport = teleport
+    getPortal().set({ enabled: true, type: 'teleport' })
+    return
+  }
+}
+
+// run setup immediately on import
+setup()

package/src/setup-worklets.ts

@@ -18,7 +18,7 @@
  * @see https://docs.swmansion.com/react-native-worklets/docs/
  */
 
-import { setWorkletsState } from './workletsState'
+import { getWorklets } from './workletsState'
 
 function setup() {
   const g = globalThis as any
@@ -32,7 +32,7 @@ function setup() {
     const worklets = require('react-native-worklets-core')
 
     if (worklets) {
-      setWorkletsState({
+      getWorklets().set({
         enabled: true,
         Worklets: worklets.Worklets,
         useRunOnJS: worklets.useRunOnJS,

package/src/types.ts

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react'
+
+export type NativePortalState = {
+  enabled: boolean
+  type: 'teleport' | 'legacy' | null
+}
+
+export interface GestureState {
+  enabled: boolean
+  Gesture: any
+  GestureDetector: any
+  ScrollView: any
+}
+
+export interface WorkletsState {
+  enabled: boolean
+  Worklets: any
+  useRunOnJS: any
+  useWorklet: any
+  createWorkletContextValue: any
+}
+
+export type NativePortalProps = {
+  hostName?: string
+  children: ReactNode
+}
+
+export type NativePortalHostProps = {
+  name: string
+}
+
+export type NativePortalProviderProps = {
+  children: ReactNode
+}

package/src/workletsState.ts

@@ -1,12 +1,6 @@
-const GLOBAL_KEY = '__tamagui_native_worklets_state__'
+import type { WorkletsState } from './types'
 
-export interface WorkletsState {
-  enabled: boolean
-  Worklets: any
-  useRunOnJS: any
-  useWorklet: any
-  createWorkletContextValue: any
-}
+const GLOBAL_KEY = '__tamagui_native_worklets_state__'
 
 function getGlobalState(): WorkletsState {
   const g = globalThis as any
@@ -22,15 +16,23 @@ function getGlobalState(): WorkletsState {
   return g[GLOBAL_KEY]
 }
 
-export function isWorkletsEnabled(): boolean {
-  return getGlobalState().enabled
+export interface WorkletsAccessor {
+  readonly isEnabled: boolean
+  readonly state: WorkletsState
+  set(updates: Partial<WorkletsState>): void
 }
 
-export function getWorkletsState(): WorkletsState {
-  return getGlobalState()
-}
-
-export function setWorkletsState(updates: Partial<WorkletsState>): void {
-  const state = getGlobalState()
-  Object.assign(state, updates)
+export function getWorklets(): WorkletsAccessor {
+  return {
+    get isEnabled(): boolean {
+      return getGlobalState().enabled
+    },
+    get state(): WorkletsState {
+      return getGlobalState()
+    },
+    set(updates: Partial<WorkletsState>): void {
+      const state = getGlobalState()
+      Object.assign(state, updates)
+    },
+  }
 }

package/types/components.d.ts

@@ -1,14 +1,6 @@
 import type { ReactNode } from "react";
-export type NativePortalProps = {
-	hostName?: string;
-	children: ReactNode;
-};
-export type NativePortalHostProps = {
-	name: string;
-};
-export type NativePortalProviderProps = {
-	children: ReactNode;
-};
+import type { NativePortalProps, NativePortalHostProps, NativePortalProviderProps } from "./types";
+export type { NativePortalProps, NativePortalHostProps, NativePortalProviderProps };
 /**
 * Renders children into a teleport Portal when available.
 * Returns null when teleport is not set up (allows fallback handling by caller).

package/types/components.d.ts.map

@@ -1,11 +1,11 @@
 {
-  "mappings": "AAAA,cAAc,iBAAiB;AAI/B,YAAY,oBAAoB;CAC9B;CACA,UAAU;;AAGZ,YAAY,wBAAwB;CAClC;;AAGF,YAAY,4BAA4B;CACtC,UAAU;;;;;;AAOZ,OAAO,iBAAS,aAAa,EAC3B,UACA,YACC,oBAAoB;;;;;AAYvB,OAAO,iBAAS,iBAAiB,EAAE,QAAQ,wBAAwB;;;;;AAYnE,OAAO,iBAAS,qBAAqB,EAAE,YAAY,4BAA4B",
+  "mappings": "AAAA,cAAc,iBAAiB;AAE/B,cACE,mBACA,uBACA,iCACK;AAEP,cAAc,mBAAmB,uBAAuB;;;;;AAMxD,OAAO,iBAAS,aAAa,EAC3B,UACA,YACC,oBAAoB;;;;;AAYvB,OAAO,iBAAS,iBAAiB,EAAE,QAAQ,wBAAwB;;;;;AAYnE,OAAO,iBAAS,qBAAqB,EAAE,YAAY,4BAA4B",
   "names": [],
   "sources": [
     "src/components.tsx"
   ],
   "sourcesContent": [
-    "import type { ReactNode } from 'react'\nimport { getNativePortalState } from './portalState'\n\n// types matching react-native-teleport's API\nexport type NativePortalProps = {\n  hostName?: string\n  children: ReactNode\n}\n\nexport type NativePortalHostProps = {\n  name: string\n}\n\nexport type NativePortalProviderProps = {\n  children: ReactNode\n}\n\n/**\n * Renders children into a teleport Portal when available.\n * Returns null when teleport is not set up (allows fallback handling by caller).\n */\nexport function NativePortal({\n  hostName = 'root',\n  children,\n}: NativePortalProps): ReactNode {\n  const state = getNativePortalState()\n  if (state.type !== 'teleport') return null\n\n  const { Portal } = (globalThis as any).__tamagui_teleport\n  return <Portal hostName={hostName}>{children}</Portal>\n}\n\n/**\n * Renders a teleport PortalHost when available.\n * Returns null when teleport is not set up.\n */\nexport function NativePortalHost({ name }: NativePortalHostProps): ReactNode {\n  const state = getNativePortalState()\n  if (state.type !== 'teleport') return null\n\n  const { PortalHost } = (globalThis as any).__tamagui_teleport\n  return <PortalHost name={name} />\n}\n\n/**\n * Wraps children with teleport PortalProvider when available.\n * Returns children as-is when teleport is not set up.\n */\nexport function NativePortalProvider({ children }: NativePortalProviderProps): ReactNode {\n  const state = getNativePortalState()\n  if (state.type !== 'teleport') return <>{children}</>\n\n  const { PortalProvider } = (globalThis as any).__tamagui_teleport\n  return <PortalProvider>{children}</PortalProvider>\n}\n"
+    "import type { ReactNode } from 'react'\nimport { getPortal } from './portalState'\nimport type {\n  NativePortalProps,\n  NativePortalHostProps,\n  NativePortalProviderProps,\n} from './types'\n\nexport type { NativePortalProps, NativePortalHostProps, NativePortalProviderProps }\n\n/**\n * Renders children into a teleport Portal when available.\n * Returns null when teleport is not set up (allows fallback handling by caller).\n */\nexport function NativePortal({\n  hostName = 'root',\n  children,\n}: NativePortalProps): ReactNode {\n  const state = getPortal().state\n  if (state.type !== 'teleport') return null\n\n  const { Portal } = (globalThis as any).__tamagui_teleport\n  return <Portal hostName={hostName}>{children}</Portal>\n}\n\n/**\n * Renders a teleport PortalHost when available.\n * Returns null when teleport is not set up.\n */\nexport function NativePortalHost({ name }: NativePortalHostProps): ReactNode {\n  const state = getPortal().state\n  if (state.type !== 'teleport') return null\n\n  const { PortalHost } = (globalThis as any).__tamagui_teleport\n  return <PortalHost name={name} />\n}\n\n/**\n * Wraps children with teleport PortalProvider when available.\n * Returns children as-is when teleport is not set up.\n */\nexport function NativePortalProvider({ children }: NativePortalProviderProps): ReactNode {\n  const state = getPortal().state\n  if (state.type !== 'teleport') return <>{children}</>\n\n  const { PortalProvider } = (globalThis as any).__tamagui_teleport\n  return <PortalProvider>{children}</PortalProvider>\n}\n"
   ],
   "version": 3
 }

package/types/gestureState.d.ts

@@ -1,11 +1,19 @@
-export interface GestureState {
-	enabled: boolean;
-	Gesture: any;
-	GestureDetector: any;
-	ScrollView: any;
+import type { GestureState } from "./types";
+export type PressGestureConfig = {
+	onPressIn?: (e: any) => void;
+	onPressOut?: (e: any) => void;
+	onPress?: (e: any) => void;
+	onLongPress?: (e: any) => void;
+	delayLongPress?: number;
+	hitSlop?: any;
+};
+export interface GestureHandlerAccessor {
+	readonly isEnabled: boolean;
+	readonly state: GestureState;
+	set(updates: Partial<GestureState>): void;
+	disable(): void;
+	createPressGesture(config: PressGestureConfig): any;
 }
-export declare function isGestureHandlerEnabled(): boolean;
-export declare function getGestureHandlerState(): GestureState;
-export declare function setGestureHandlerState(updates: Partial<GestureState>): void;
+export declare function getGestureHandler(): GestureHandlerAccessor;
 
 //# sourceMappingURL=gestureState.d.ts.map

package/types/gestureState.d.ts.map

@@ -1,11 +1,11 @@
 {
-  "mappings": "AAEA,iBAAiB,aAAa;CAC5B;CACA;CACA;CACA;;AAgBF,OAAO,iBAAS;AAIhB,OAAO,iBAAS,0BAA0B;AAI1C,OAAO,iBAAS,uBAAuB,SAAS,QAAQ",
+  "mappings": "AAAA,cAAc,oBAAoB;AAiBlC,YAAY,qBAAqB;CAC/B,aAAa;CACb,cAAc;CACd,WAAW;CACX,eAAe;CACf;CACA;;AAGF,iBAAiB,uBAAuB;UAC7B;UACA,OAAO;CAChB,IAAI,SAAS,QAAQ;CACrB;CACA,mBAAmB,QAAQ;;AAG7B,OAAO,iBAAS,qBAAqB",
   "names": [],
   "sources": [
     "src/gestureState.ts"
   ],
   "sourcesContent": [
-    "const GLOBAL_KEY = '__tamagui_native_gesture_state__'\n\nexport interface GestureState {\n  enabled: boolean\n  Gesture: any\n  GestureDetector: any\n  ScrollView: any\n}\n\nfunction getGlobalState(): GestureState {\n  const g = globalThis as any\n  if (!g[GLOBAL_KEY]) {\n    g[GLOBAL_KEY] = {\n      enabled: false,\n      Gesture: null,\n      GestureDetector: null,\n      ScrollView: null,\n    }\n  }\n  return g[GLOBAL_KEY]\n}\n\nexport function isGestureHandlerEnabled(): boolean {\n  return getGlobalState().enabled\n}\n\nexport function getGestureHandlerState(): GestureState {\n  return getGlobalState()\n}\n\nexport function setGestureHandlerState(updates: Partial<GestureState>): void {\n  const state = getGlobalState()\n  Object.assign(state, updates)\n}\n"
+    "import type { GestureState } from './types'\n\nconst GLOBAL_KEY = '__tamagui_native_gesture_state__'\n\nfunction getGlobalState(): GestureState {\n  const g = globalThis as any\n  if (!g[GLOBAL_KEY]) {\n    g[GLOBAL_KEY] = {\n      enabled: false,\n      Gesture: null,\n      GestureDetector: null,\n      ScrollView: null,\n    }\n  }\n  return g[GLOBAL_KEY]\n}\n\nexport type PressGestureConfig = {\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?: any\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 function getGestureHandler(): GestureHandlerAccessor {\n  return {\n    get isEnabled(): boolean {\n      return getGlobalState().enabled\n    },\n    get state(): GestureState {\n      return getGlobalState()\n    },\n    set(updates: Partial<GestureState>): void {\n      const state = getGlobalState()\n      Object.assign(state, updates)\n    },\n\n    disable(): void {\n      const state = getGlobalState()\n      state.enabled = false\n    },\n\n    createPressGesture(config: PressGestureConfig): any {\n      const { Gesture } = getGlobalState()\n      if (!Gesture) return null\n\n      const longPressDuration = config.delayLongPress ?? 500\n\n      // Tap gesture for regular presses\n      // Use long maxDuration to not cancel during long presses\n      const tap = Gesture.Tap()\n        .runOnJS(true)\n        .maxDuration(10000) // allow very long presses\n        .onBegin((e: any) => config.onPressIn?.(e))\n        .onEnd((e: any) => config.onPress?.(e))\n        .onFinalize((e: any) => config.onPressOut?.(e))\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        .onBegin((e: any) => config.onPressIn?.(e))\n        .onStart((e: any) => config.onLongPress?.(e))\n        .onFinalize((e: any) => config.onPressOut?.(e))\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"
   ],
   "version": 3
 }

package/types/index.d.ts

@@ -6,7 +6,7 @@
 * @example
 * ```tsx
 * // In your app entry (index.js or App.tsx)
-* import '@tamagui/native/setup-portal'
+* import '@tamagui/native/setup-teleport'
 * import '@tamagui/native/setup-gesture-handler'
 * import '@tamagui/native/setup-worklets'
 *
@@ -14,13 +14,13 @@
 * // Sheet will automatically use native gestures when available
 * ```
 */
-export { getNativePortalState, setNativePortalState } from "./portalState";
-export type { NativePortalState } from "./portalState";
+export type { NativePortalState, GestureState, WorkletsState, NativePortalProps, NativePortalHostProps, NativePortalProviderProps } from "./types";
+export { getPortal } from "./portalState";
+export type { PortalAccessor } from "./portalState";
+export { getGestureHandler } from "./gestureState";
+export type { GestureHandlerAccessor, PressGestureConfig } from "./gestureState";
+export { getWorklets } from "./workletsState";
+export type { WorkletsAccessor } from "./workletsState";
 export { NativePortal, NativePortalHost, NativePortalProvider } from "./components";
-export type { NativePortalProps, NativePortalHostProps, NativePortalProviderProps } from "./components";
-export { isGestureHandlerEnabled, getGestureHandlerState, setGestureHandlerState } from "./gestureState";
-export type { GestureState } from "./gestureState";
-export { isWorkletsEnabled, getWorkletsState } from "./workletsState";
-export type { WorkletsState } from "./workletsState";
 
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1,11 +1,11 @@
 {
-  "mappings": ";;;;;;;;;;;;;;;;AAkBA,SAAS,sBAAsB,4BAA4B;AAC3D,cAAc,yBAAyB;AAEvC,SAAS,cAAc,kBAAkB,4BAA4B;AACrE,cACE,mBACA,uBACA,iCACK;AAGP,SACE,yBACA,wBACA,8BACK;AACP,cAAc,oBAAoB;AAGlC,SAAS,mBAAmB,wBAAwB;AACpD,cAAc,qBAAqB",
+  "mappings": ";;;;;;;;;;;;;;;;AAkBA,cACE,mBACA,cACA,eACA,mBACA,uBACA,iCACK;AAGP,SAAS,iBAAiB;AAC1B,cAAc,sBAAsB;AAGpC,SAAS,yBAAyB;AAClC,cAAc,wBAAwB,0BAA0B;AAGhE,SAAS,mBAAmB;AAC5B,cAAc,wBAAwB;AAGtC,SAAS,cAAc,kBAAkB,4BAA4B",
   "names": [],
   "sources": [
     "src/index.ts"
   ],
   "sourcesContent": [
-    "/**\n * @tamagui/native\n *\n * Native setup modules for Tamagui. Import these at the top of your app entry point.\n *\n * @example\n * ```tsx\n * // In your app entry (index.js or App.tsx)\n * import '@tamagui/native/setup-portal'\n * import '@tamagui/native/setup-gesture-handler'\n * import '@tamagui/native/setup-worklets'\n *\n * // Then use Tamagui components normally\n * // Sheet will automatically use native gestures when available\n * ```\n */\n\n// portal state exports (safe - no side effects)\nexport { getNativePortalState, setNativePortalState } from './portalState'\nexport type { NativePortalState } from './portalState'\n\nexport { NativePortal, NativePortalHost, NativePortalProvider } from './components'\nexport type {\n  NativePortalProps,\n  NativePortalHostProps,\n  NativePortalProviderProps,\n} from './components'\n\n// gesture handler state exports (safe - no side effects)\nexport {\n  isGestureHandlerEnabled,\n  getGestureHandlerState,\n  setGestureHandlerState,\n} from './gestureState'\nexport type { GestureState } from './gestureState'\n\n// worklets state exports (safe - no side effects)\nexport { isWorkletsEnabled, getWorkletsState } from './workletsState'\nexport type { WorkletsState } from './workletsState'\n"
+    "/**\n * @tamagui/native\n *\n * Native setup modules for Tamagui. Import these at the top of your app entry point.\n *\n * @example\n * ```tsx\n * // In your app entry (index.js or App.tsx)\n * import '@tamagui/native/setup-teleport'\n * import '@tamagui/native/setup-gesture-handler'\n * import '@tamagui/native/setup-worklets'\n *\n * // Then use Tamagui components normally\n * // Sheet will automatically use native gestures when available\n * ```\n */\n\n// types\nexport type {\n  NativePortalState,\n  GestureState,\n  WorkletsState,\n  NativePortalProps,\n  NativePortalHostProps,\n  NativePortalProviderProps,\n} from './types'\n\n// portal\nexport { getPortal } from './portalState'\nexport type { PortalAccessor } from './portalState'\n\n// gesture handler\nexport { getGestureHandler } from './gestureState'\nexport type { GestureHandlerAccessor, PressGestureConfig } from './gestureState'\n\n// worklets\nexport { getWorklets } from './workletsState'\nexport type { WorkletsAccessor } from './workletsState'\n\n// components\nexport { NativePortal, NativePortalHost, NativePortalProvider } from './components'\n"
   ],
   "version": 3
 }

package/types/portalState.d.ts

@@ -1,8 +1,9 @@
-export type NativePortalState = {
-	enabled: boolean;
-	type: "teleport" | "legacy" | null;
-};
-export declare function setNativePortalState(newState: NativePortalState);
-export declare function getNativePortalState(): NativePortalState;
+import type { NativePortalState } from "./types";
+export interface PortalAccessor {
+	readonly isEnabled: boolean;
+	readonly state: NativePortalState;
+	set(newState: NativePortalState): void;
+}
+export declare function getPortal(): PortalAccessor;
 
 //# sourceMappingURL=portalState.d.ts.map

package/types/portalState.d.ts.map

@@ -1,11 +1,11 @@
 {
-  "mappings": "AAAA,YAAY,oBAAoB;CAC9B;CACA,MAAM,aAAa;;AAKrB,OAAO,iBAAS,qBAAqB,UAAU;AAI/C,OAAO,iBAAS,wBAAwB",
+  "mappings": "AAAA,cAAc,yBAAyB;AAIvC,iBAAiB,eAAe;UACrB;UACA,OAAO;CAChB,IAAI,UAAU;;AAGhB,OAAO,iBAAS,aAAa",
   "names": [],
   "sources": [
     "src/portalState.ts"
   ],
   "sourcesContent": [
-    "export type NativePortalState = {\n  enabled: boolean\n  type: 'teleport' | 'legacy' | null\n}\n\nlet state: NativePortalState = { enabled: false, type: null }\n\nexport function setNativePortalState(newState: NativePortalState) {\n  state = newState\n}\n\nexport function getNativePortalState(): NativePortalState {\n  return state\n}\n// retrigger ci\n"
+    "import type { NativePortalState } from './types'\n\nlet state: NativePortalState = { enabled: false, type: null }\n\nexport interface PortalAccessor {\n  readonly isEnabled: boolean\n  readonly state: NativePortalState\n  set(newState: NativePortalState): void\n}\n\nexport function getPortal(): PortalAccessor {\n  return {\n    get isEnabled(): boolean {\n      return state.enabled\n    },\n    get state(): NativePortalState {\n      return state\n    },\n    set(newState: NativePortalState): void {\n      state = newState\n    },\n  }\n}\n"
   ],
   "version": 3
 }

package/types/setup-gesture-handler.d.ts.map

@@ -5,7 +5,7 @@
     "src/setup-gesture-handler.ts"
   ],
   "sourcesContent": [
-    "/**\n * Setup gesture handler for Tamagui native components.\n *\n * Simply import this module at the top of your app entry point:\n *\n * @example\n * ```tsx\n * import '@tamagui/native/setup-gesture-handler'\n * ```\n *\n * This automatically detects and configures react-native-gesture-handler\n * for use with Sheet and other gesture-aware components.\n */\n\nimport { setGestureHandlerState } from './gestureState'\n\nfunction setup() {\n  const g = globalThis as any\n  if (g.__tamagui_native_gesture_setup_complete) {\n    return\n  }\n  g.__tamagui_native_gesture_setup_complete = true\n\n  try {\n    // dynamically require RNGH - it should already be imported by the app\n    const rngh = require('react-native-gesture-handler')\n    const { Gesture, GestureDetector, ScrollView } = rngh\n\n    if (Gesture && GestureDetector) {\n      setGestureHandlerState({\n        enabled: true,\n        Gesture,\n        GestureDetector,\n        ScrollView: ScrollView || null,\n      })\n\n      // also set on the legacy key for backward compat with @tamagui/sheet\n      g.__tamagui_sheet_gesture_state__ = {\n        enabled: true,\n        Gesture,\n        GestureDetector,\n        ScrollView: ScrollView || null,\n      }\n    }\n  } catch {\n    // RNGH not available, that's fine\n  }\n}\n\n// run setup immediately on import\nsetup()\n"
+    "/**\n * Setup gesture handler for Tamagui native components.\n *\n * Simply import this module at the top of your app entry point:\n *\n * @example\n * ```tsx\n * import '@tamagui/native/setup-gesture-handler'\n * ```\n *\n * This automatically detects and configures react-native-gesture-handler\n * for use with Sheet and other gesture-aware components.\n */\n\nimport { getGestureHandler } from './gestureState'\n\nfunction setup() {\n  const g = globalThis as any\n  if (g.__tamagui_native_gesture_setup_complete) {\n    return\n  }\n  g.__tamagui_native_gesture_setup_complete = true\n\n  try {\n    // dynamically require RNGH - it should already be imported by the app\n    const rngh = require('react-native-gesture-handler')\n    const { Gesture, GestureDetector, ScrollView } = rngh\n\n    if (Gesture && GestureDetector) {\n      getGestureHandler().set({\n        enabled: true,\n        Gesture,\n        GestureDetector,\n        ScrollView: ScrollView || null,\n      })\n\n      // also set on the legacy key for backward compat with @tamagui/sheet\n      g.__tamagui_sheet_gesture_state__ = {\n        enabled: true,\n        Gesture,\n        GestureDetector,\n        ScrollView: ScrollView || null,\n      }\n    }\n  } catch {\n    // RNGH not available, that's fine\n  }\n}\n\n// run setup immediately on import\nsetup()\n"
   ],
   "version": 3
 }

package/types/setup-teleport.d.ts

@@ -0,0 +1,3 @@
+export {};
+
+//# sourceMappingURL=setup-teleport.d.ts.map

package/types/setup-teleport.d.ts.map

@@ -0,0 +1,11 @@
+{
+  "mappings": "",
+  "names": [],
+  "sources": [
+    "src/setup-teleport.ts"
+  ],
+  "sourcesContent": [
+    "/**\n * Setup native portal support for Tamagui.\n *\n * Simply import this module at the top of your app entry point:\n *\n * @example\n * ```tsx\n * import '@tamagui/native/setup-teleport'\n * ```\n *\n * This automatically detects and configures react-native-teleport for portals.\n * Falls back to legacy RN shims if teleport is not installed.\n */\n\nimport { getPortal } from './portalState'\n\nfunction setup(): void {\n  const g = globalThis as any\n  if (g.__tamagui_native_portal_setup) return\n  g.__tamagui_native_portal_setup = true\n\n  // try teleport first (preferred)\n  const teleport = require('react-native-teleport')\n  if (teleport?.Portal && teleport?.PortalHost && teleport?.PortalProvider) {\n    g.__tamagui_teleport = teleport\n    getPortal().set({ enabled: true, type: 'teleport' })\n    return\n  }\n}\n\n// run setup immediately on import\nsetup()\n"
+  ],
+  "version": 3
+}

package/types/setup-worklets.d.ts.map

@@ -5,7 +5,7 @@
     "src/setup-worklets.ts"
   ],
   "sourcesContent": [
-    "/**\n * Setup worklets for Tamagui native components.\n *\n * Simply import this module at the top of your app entry point:\n *\n * @example\n * ```tsx\n * import '@tamagui/native/setup-worklets'\n * ```\n *\n * This automatically detects and configures react-native-worklets-core\n * for use with Sheet and other components that benefit from synchronous\n * native-thread execution.\n *\n * When combined with setup-gesture-handler, Sheet gets native-quality\n * gesture coordination between sheet dragging and scroll views.\n *\n * @see https://docs.swmansion.com/react-native-worklets/docs/\n */\n\nimport { setWorkletsState } from './workletsState'\n\nfunction setup() {\n  const g = globalThis as any\n  if (g.__tamagui_native_worklets_setup_complete) {\n    return\n  }\n  g.__tamagui_native_worklets_setup_complete = true\n\n  try {\n    // dynamically require worklets-core\n    const worklets = require('react-native-worklets-core')\n\n    if (worklets) {\n      setWorkletsState({\n        enabled: true,\n        Worklets: worklets.Worklets,\n        useRunOnJS: worklets.useRunOnJS,\n        useWorklet: worklets.useWorklet,\n        createWorkletContextValue: worklets.createWorkletContextValue,\n      })\n    }\n  } catch {\n    // worklets not available, that's fine - will fall back to JS thread\n  }\n}\n\n// run setup immediately on import\nsetup()\n"
+    "/**\n * Setup worklets for Tamagui native components.\n *\n * Simply import this module at the top of your app entry point:\n *\n * @example\n * ```tsx\n * import '@tamagui/native/setup-worklets'\n * ```\n *\n * This automatically detects and configures react-native-worklets-core\n * for use with Sheet and other components that benefit from synchronous\n * native-thread execution.\n *\n * When combined with setup-gesture-handler, Sheet gets native-quality\n * gesture coordination between sheet dragging and scroll views.\n *\n * @see https://docs.swmansion.com/react-native-worklets/docs/\n */\n\nimport { getWorklets } from './workletsState'\n\nfunction setup() {\n  const g = globalThis as any\n  if (g.__tamagui_native_worklets_setup_complete) {\n    return\n  }\n  g.__tamagui_native_worklets_setup_complete = true\n\n  try {\n    // dynamically require worklets-core\n    const worklets = require('react-native-worklets-core')\n\n    if (worklets) {\n      getWorklets().set({\n        enabled: true,\n        Worklets: worklets.Worklets,\n        useRunOnJS: worklets.useRunOnJS,\n        useWorklet: worklets.useWorklet,\n        createWorkletContextValue: worklets.createWorkletContextValue,\n      })\n    }\n  } catch {\n    // worklets not available, that's fine - will fall back to JS thread\n  }\n}\n\n// run setup immediately on import\nsetup()\n"
   ],
   "version": 3
 }

package/types/types.d.ts

@@ -0,0 +1,30 @@
+import type { ReactNode } from "react";
+export type NativePortalState = {
+	enabled: boolean;
+	type: "teleport" | "legacy" | null;
+};
+export interface GestureState {
+	enabled: boolean;
+	Gesture: any;
+	GestureDetector: any;
+	ScrollView: any;
+}
+export interface WorkletsState {
+	enabled: boolean;
+	Worklets: any;
+	useRunOnJS: any;
+	useWorklet: any;
+	createWorkletContextValue: any;
+}
+export type NativePortalProps = {
+	hostName?: string;
+	children: ReactNode;
+};
+export type NativePortalHostProps = {
+	name: string;
+};
+export type NativePortalProviderProps = {
+	children: ReactNode;
+};
+
+//# sourceMappingURL=types.d.ts.map

package/types/types.d.ts.map

@@ -0,0 +1,11 @@
+{
+  "mappings": "AAAA,cAAc,iBAAiB;AAE/B,YAAY,oBAAoB;CAC9B;CACA,MAAM,aAAa;;AAGrB,iBAAiB,aAAa;CAC5B;CACA;CACA;CACA;;AAGF,iBAAiB,cAAc;CAC7B;CACA;CACA;CACA;CACA;;AAGF,YAAY,oBAAoB;CAC9B;CACA,UAAU;;AAGZ,YAAY,wBAAwB;CAClC;;AAGF,YAAY,4BAA4B;CACtC,UAAU",
+  "names": [],
+  "sources": [
+    "src/types.ts"
+  ],
+  "sourcesContent": [
+    "import type { ReactNode } from 'react'\n\nexport type NativePortalState = {\n  enabled: boolean\n  type: 'teleport' | 'legacy' | null\n}\n\nexport interface GestureState {\n  enabled: boolean\n  Gesture: any\n  GestureDetector: any\n  ScrollView: any\n}\n\nexport interface WorkletsState {\n  enabled: boolean\n  Worklets: any\n  useRunOnJS: any\n  useWorklet: any\n  createWorkletContextValue: any\n}\n\nexport type NativePortalProps = {\n  hostName?: string\n  children: ReactNode\n}\n\nexport type NativePortalHostProps = {\n  name: string\n}\n\nexport type NativePortalProviderProps = {\n  children: ReactNode\n}\n"
+  ],
+  "version": 3
+}

package/types/workletsState.d.ts

@@ -1,12 +1,9 @@
-export interface WorkletsState {
-	enabled: boolean;
-	Worklets: any;
-	useRunOnJS: any;
-	useWorklet: any;
-	createWorkletContextValue: any;
+import type { WorkletsState } from "./types";
+export interface WorkletsAccessor {
+	readonly isEnabled: boolean;
+	readonly state: WorkletsState;
+	set(updates: Partial<WorkletsState>): void;
 }
-export declare function isWorkletsEnabled(): boolean;
-export declare function getWorkletsState(): WorkletsState;
-export declare function setWorkletsState(updates: Partial<WorkletsState>): void;
+export declare function getWorklets(): WorkletsAccessor;
 
 //# sourceMappingURL=workletsState.d.ts.map

package/types/workletsState.d.ts.map

@@ -1,11 +1,11 @@
 {
-  "mappings": "AAEA,iBAAiB,cAAc;CAC7B;CACA;CACA;CACA;CACA;;AAiBF,OAAO,iBAAS;AAIhB,OAAO,iBAAS,oBAAoB;AAIpC,OAAO,iBAAS,iBAAiB,SAAS,QAAQ",
+  "mappings": "AAAA,cAAc,qBAAqB;AAkBnC,iBAAiB,iBAAiB;UACvB;UACA,OAAO;CAChB,IAAI,SAAS,QAAQ;;AAGvB,OAAO,iBAAS,eAAe",
   "names": [],
   "sources": [
     "src/workletsState.ts"
   ],
   "sourcesContent": [
-    "const GLOBAL_KEY = '__tamagui_native_worklets_state__'\n\nexport interface WorkletsState {\n  enabled: boolean\n  Worklets: any\n  useRunOnJS: any\n  useWorklet: any\n  createWorkletContextValue: any\n}\n\nfunction getGlobalState(): WorkletsState {\n  const g = globalThis as any\n  if (!g[GLOBAL_KEY]) {\n    g[GLOBAL_KEY] = {\n      enabled: false,\n      Worklets: null,\n      useRunOnJS: null,\n      useWorklet: null,\n      createWorkletContextValue: null,\n    }\n  }\n  return g[GLOBAL_KEY]\n}\n\nexport function isWorkletsEnabled(): boolean {\n  return getGlobalState().enabled\n}\n\nexport function getWorkletsState(): WorkletsState {\n  return getGlobalState()\n}\n\nexport function setWorkletsState(updates: Partial<WorkletsState>): void {\n  const state = getGlobalState()\n  Object.assign(state, updates)\n}\n"
+    "import type { WorkletsState } from './types'\n\nconst GLOBAL_KEY = '__tamagui_native_worklets_state__'\n\nfunction getGlobalState(): WorkletsState {\n  const g = globalThis as any\n  if (!g[GLOBAL_KEY]) {\n    g[GLOBAL_KEY] = {\n      enabled: false,\n      Worklets: null,\n      useRunOnJS: null,\n      useWorklet: null,\n      createWorkletContextValue: null,\n    }\n  }\n  return g[GLOBAL_KEY]\n}\n\nexport interface WorkletsAccessor {\n  readonly isEnabled: boolean\n  readonly state: WorkletsState\n  set(updates: Partial<WorkletsState>): void\n}\n\nexport function getWorklets(): WorkletsAccessor {\n  return {\n    get isEnabled(): boolean {\n      return getGlobalState().enabled\n    },\n    get state(): WorkletsState {\n      return getGlobalState()\n    },\n    set(updates: Partial<WorkletsState>): void {\n      const state = getGlobalState()\n      Object.assign(state, updates)\n    },\n  }\n}\n"
   ],
   "version": 3
 }