@tamagui/native 2.0.0-1769320275396 → 2.0.0-1769401121849

package/src/safeAreaState.ts

@@ -0,0 +1,57 @@
+import type { SafeAreaState, SafeAreaInsets, SafeAreaFrame } from './types'
+
+const GLOBAL_KEY = '__tamagui_native_safe_area_state__'
+
+function getGlobalState(): SafeAreaState {
+  const g = globalThis as any
+  if (!g[GLOBAL_KEY]) {
+    g[GLOBAL_KEY] = {
+      enabled: false,
+      useSafeAreaInsets: null,
+      useSafeAreaFrame: null,
+      initialMetrics: null,
+    }
+  }
+  return g[GLOBAL_KEY]
+}
+
+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 isEnabled: boolean
+  readonly state: SafeAreaState
+  set(updates: Partial<SafeAreaState>): void
+  /** Get initial insets (non-reactive, for style resolution) */
+  getInsets(): SafeAreaInsets
+  /** Get initial frame (non-reactive) */
+  getFrame(): SafeAreaFrame
+}
+
+export function getSafeArea(): SafeAreaAccessor {
+  return {
+    get isEnabled() {
+      return getGlobalState().enabled
+    },
+    get state() {
+      return getGlobalState()
+    },
+    set(updates: Partial<SafeAreaState>) {
+      Object.assign(getGlobalState(), updates)
+    },
+    getInsets() {
+      const state = getGlobalState()
+      if (!state.enabled || !state.initialMetrics) {
+        return defaultInsets
+      }
+      return state.initialMetrics.insets
+    },
+    getFrame() {
+      const state = getGlobalState()
+      if (!state.enabled || !state.initialMetrics) {
+        return defaultFrame
+      }
+      return state.initialMetrics.frame
+    },
+  }
+}

package/src/setup-expo-linear-gradient.ts

@@ -0,0 +1,36 @@
+/**
+ * Setup expo-linear-gradient for Tamagui.
+ *
+ * Simply import this module at the top of your app entry point:
+ *
+ * @example
+ * ```tsx
+ * import '@tamagui/native/expo-linear-gradient'
+ * ```
+ *
+ * This automatically detects and configures expo-linear-gradient.
+ * If not installed, LinearGradient will use a CSS-based fallback on native.
+ */
+
+import { getLinearGradient } from './linearGradientState'
+
+function setup(): void {
+  const g = globalThis as any
+  if (g.__tamagui_native_linear_gradient_setup) return
+  g.__tamagui_native_linear_gradient_setup = true
+
+  try {
+    const expoLinearGradient = require('expo-linear-gradient')
+    if (expoLinearGradient?.LinearGradient) {
+      getLinearGradient().set({
+        enabled: true,
+        Component: expoLinearGradient.LinearGradient,
+      })
+    }
+  } catch {
+    // expo-linear-gradient not installed, will use CSS fallback
+  }
+}
+
+// run setup immediately on import
+setup()

package/src/setup-safe-area.ts

@@ -0,0 +1,56 @@
+/**
+ * Setup react-native-safe-area-context for Tamagui native components.
+ *
+ * Simply import this module at the top of your app entry point:
+ *
+ * @example
+ * ```tsx
+ * import '@tamagui/native/setup-safe-area'
+ * ```
+ *
+ * This automatically detects and configures react-native-safe-area-context
+ * for use with Tamagui components that need safe area awareness.
+ *
+ * Note: You must still wrap your app with SafeAreaProvider yourself:
+ * ```tsx
+ * import { SafeAreaProvider } from 'react-native-safe-area-context'
+ * <SafeAreaProvider>
+ *   <App />
+ * </SafeAreaProvider>
+ * ```
+ *
+ * On web, this is a no-op since CSS env(safe-area-inset-*) values work natively.
+ */
+
+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
+
+  try {
+    const safeAreaContext = require('react-native-safe-area-context')
+    const { useSafeAreaInsets, useSafeAreaFrame, initialWindowMetrics } = safeAreaContext
+
+    if (useSafeAreaInsets) {
+      getSafeArea().set({
+        enabled: true,
+        useSafeAreaInsets,
+        useSafeAreaFrame: useSafeAreaFrame || null,
+        initialMetrics: initialWindowMetrics || null,
+      })
+    }
+  } catch {
+    // react-native-safe-area-context not available
+  }
+}
+
+setup()

package/src/types.ts

@@ -20,6 +20,32 @@ export interface WorkletsState {
   createWorkletContextValue: any
 }
 
+export interface SafeAreaInsets {
+  top: number
+  right: number
+  bottom: number
+  left: number
+}
+
+export interface SafeAreaFrame {
+  x: number
+  y: number
+  width: number
+  height: number
+}
+
+export interface SafeAreaMetrics {
+  insets: SafeAreaInsets
+  frame: SafeAreaFrame
+}
+
+export interface SafeAreaState {
+  enabled: boolean
+  useSafeAreaInsets: (() => SafeAreaInsets) | null
+  useSafeAreaFrame: (() => SafeAreaFrame) | null
+  initialMetrics: SafeAreaMetrics | null
+}
+
 export type NativePortalProps = {
   hostName?: string
   children: ReactNode
@@ -32,3 +58,8 @@ export type NativePortalHostProps = {
 export type NativePortalProviderProps = {
   children: ReactNode
 }
+
+export interface LinearGradientState {
+  enabled: boolean
+  Component: any
+}

package/types/gestureState.d.ts.map

@@ -5,7 +5,7 @@
     "src/gestureState.ts"
   ],
   "sourcesContent": [
-    "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"
+    "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) => {\n          config.onPressIn?.(e)\n        })\n        .onEnd((e: any) => {\n          config.onPress?.(e)\n        })\n        .onFinalize((e: any) => {\n          config.onPressOut?.(e)\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        .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

@@ -9,18 +9,25 @@
 * import '@tamagui/native/setup-teleport'
 * import '@tamagui/native/setup-gesture-handler'
 * import '@tamagui/native/setup-worklets'
+* import '@tamagui/native/setup-safe-area'
+* import '@tamagui/native/expo-linear-gradient'
 *
 * // Then use Tamagui components normally
 * // Sheet will automatically use native gestures when available
+* // LinearGradient will use expo-linear-gradient when installed
 * ```
 */
-export type { NativePortalState, GestureState, WorkletsState, NativePortalProps, NativePortalHostProps, NativePortalProviderProps } from "./types";
+export type { NativePortalState, GestureState, WorkletsState, SafeAreaState, SafeAreaInsets, SafeAreaFrame, SafeAreaMetrics, LinearGradientState, 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 { getSafeArea } from "./safeAreaState";
+export type { SafeAreaAccessor } from "./safeAreaState";
+export { getLinearGradient } from "./linearGradientState";
+export type { LinearGradientAccessor } from "./linearGradientState";
 export { NativePortal, NativePortalHost, NativePortalProvider } from "./components";
 
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1,11 +1,11 @@
 {
-  "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",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAqBA,cACE,mBACA,cACA,eACA,eACA,gBACA,eACA,iBACA,qBACA,mBACA,uBACA,iCACK;AAGP,SAAS,iBAAiB;AAC1B,cAAc,sBAAsB;AAGpC,SAAS,yBAAyB;AAClC,cAAc,wBAAwB,0BAA0B;AAGhE,SAAS,mBAAmB;AAC5B,cAAc,wBAAwB;AAGtC,SAAS,mBAAmB;AAC5B,cAAc,wBAAwB;AAGtC,SAAS,yBAAyB;AAClC,cAAc,8BAA8B;AAG5C,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-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"
+    "/**\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 * import '@tamagui/native/setup-safe-area'\n * import '@tamagui/native/expo-linear-gradient'\n *\n * // Then use Tamagui components normally\n * // Sheet will automatically use native gestures when available\n * // LinearGradient will use expo-linear-gradient when installed\n * ```\n */\n\n// types\nexport type {\n  NativePortalState,\n  GestureState,\n  WorkletsState,\n  SafeAreaState,\n  SafeAreaInsets,\n  SafeAreaFrame,\n  SafeAreaMetrics,\n  LinearGradientState,\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// safe area\nexport { getSafeArea } from './safeAreaState'\nexport type { SafeAreaAccessor } from './safeAreaState'\n\n// linear gradient\nexport { getLinearGradient } from './linearGradientState'\nexport type { LinearGradientAccessor } from './linearGradientState'\n\n// components\nexport { NativePortal, NativePortalHost, NativePortalProvider } from './components'\n"
   ],
   "version": 3
 }

package/types/linearGradientState.d.ts

@@ -0,0 +1,9 @@
+import type { LinearGradientState } from "./types";
+export interface LinearGradientAccessor {
+	readonly isEnabled: boolean;
+	readonly state: LinearGradientState;
+	set(newState: LinearGradientState): void;
+}
+export declare function getLinearGradient(): LinearGradientAccessor;
+
+//# sourceMappingURL=linearGradientState.d.ts.map

package/types/linearGradientState.d.ts.map

@@ -0,0 +1,11 @@
+{
+  "mappings": "AAAA,cAAc,2BAA2B;AAIzC,iBAAiB,uBAAuB;UAC7B;UACA,OAAO;CAChB,IAAI,UAAU;;AAGhB,OAAO,iBAAS,qBAAqB",
+  "names": [],
+  "sources": [
+    "src/linearGradientState.ts"
+  ],
+  "sourcesContent": [
+    "import type { LinearGradientState } from './types'\n\nlet state: LinearGradientState = { enabled: false, Component: null }\n\nexport interface LinearGradientAccessor {\n  readonly isEnabled: boolean\n  readonly state: LinearGradientState\n  set(newState: LinearGradientState): void\n}\n\nexport function getLinearGradient(): LinearGradientAccessor {\n  return {\n    get isEnabled(): boolean {\n      return state.enabled\n    },\n    get state(): LinearGradientState {\n      return state\n    },\n    set(newState: LinearGradientState): void {\n      state = newState\n    },\n  }\n}\n"
+  ],
+  "version": 3
+}

package/types/safeAreaState.d.ts

@@ -0,0 +1,13 @@
+import type { SafeAreaState, SafeAreaInsets, SafeAreaFrame } from "./types";
+export interface SafeAreaAccessor {
+	readonly isEnabled: boolean;
+	readonly state: SafeAreaState;
+	set(updates: Partial<SafeAreaState>): void;
+	/** Get initial insets (non-reactive, for style resolution) */
+	getInsets(): SafeAreaInsets;
+	/** Get initial frame (non-reactive) */
+	getFrame(): SafeAreaFrame;
+}
+export declare function getSafeArea(): SafeAreaAccessor;
+
+//# sourceMappingURL=safeAreaState.d.ts.map

package/types/safeAreaState.d.ts.map

@@ -0,0 +1,11 @@
+{
+  "mappings": "AAAA,cAAc,eAAe,gBAAgB,qBAAqB;AAoBlE,iBAAiB,iBAAiB;UACvB;UACA,OAAO;CAChB,IAAI,SAAS,QAAQ;;CAErB,aAAa;;CAEb,YAAY;;AAGd,OAAO,iBAAS,eAAe",
+  "names": [],
+  "sources": [
+    "src/safeAreaState.ts"
+  ],
+  "sourcesContent": [
+    "import type { SafeAreaState, SafeAreaInsets, SafeAreaFrame } from './types'\n\nconst GLOBAL_KEY = '__tamagui_native_safe_area_state__'\n\nfunction getGlobalState(): SafeAreaState {\n  const g = globalThis as any\n  if (!g[GLOBAL_KEY]) {\n    g[GLOBAL_KEY] = {\n      enabled: false,\n      useSafeAreaInsets: null,\n      useSafeAreaFrame: null,\n      initialMetrics: null,\n    }\n  }\n  return g[GLOBAL_KEY]\n}\n\nconst defaultInsets: SafeAreaInsets = { top: 0, right: 0, bottom: 0, left: 0 }\nconst defaultFrame: SafeAreaFrame = { x: 0, y: 0, width: 0, height: 0 }\n\nexport interface SafeAreaAccessor {\n  readonly isEnabled: boolean\n  readonly state: SafeAreaState\n  set(updates: Partial<SafeAreaState>): void\n  /** Get initial insets (non-reactive, for style resolution) */\n  getInsets(): SafeAreaInsets\n  /** Get initial frame (non-reactive) */\n  getFrame(): SafeAreaFrame\n}\n\nexport function getSafeArea(): SafeAreaAccessor {\n  return {\n    get isEnabled() {\n      return getGlobalState().enabled\n    },\n    get state() {\n      return getGlobalState()\n    },\n    set(updates: Partial<SafeAreaState>) {\n      Object.assign(getGlobalState(), updates)\n    },\n    getInsets() {\n      const state = getGlobalState()\n      if (!state.enabled || !state.initialMetrics) {\n        return defaultInsets\n      }\n      return state.initialMetrics.insets\n    },\n    getFrame() {\n      const state = getGlobalState()\n      if (!state.enabled || !state.initialMetrics) {\n        return defaultFrame\n      }\n      return state.initialMetrics.frame\n    },\n  }\n}\n"
+  ],
+  "version": 3
+}

package/types/setup-expo-linear-gradient.d.ts

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

package/types/setup-expo-linear-gradient.d.ts.map

@@ -0,0 +1,11 @@
+{
+  "mappings": "",
+  "names": [],
+  "sources": [
+    "src/setup-expo-linear-gradient.ts"
+  ],
+  "sourcesContent": [
+    "/**\n * Setup expo-linear-gradient 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/expo-linear-gradient'\n * ```\n *\n * This automatically detects and configures expo-linear-gradient.\n * If not installed, LinearGradient will use a CSS-based fallback on native.\n */\n\nimport { getLinearGradient } from './linearGradientState'\n\nfunction setup(): void {\n  const g = globalThis as any\n  if (g.__tamagui_native_linear_gradient_setup) return\n  g.__tamagui_native_linear_gradient_setup = true\n\n  try {\n    const expoLinearGradient = require('expo-linear-gradient')\n    if (expoLinearGradient?.LinearGradient) {\n      getLinearGradient().set({\n        enabled: true,\n        Component: expoLinearGradient.LinearGradient,\n      })\n    }\n  } catch {\n    // expo-linear-gradient not installed, will use CSS fallback\n  }\n}\n\n// run setup immediately on import\nsetup()\n"
+  ],
+  "version": 3
+}

package/types/setup-safe-area.d.ts

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

package/types/setup-safe-area.d.ts.map

@@ -0,0 +1,11 @@
+{
+  "mappings": "",
+  "names": [],
+  "sources": [
+    "src/setup-safe-area.ts"
+  ],
+  "sourcesContent": [
+    "/**\n * Setup react-native-safe-area-context 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-safe-area'\n * ```\n *\n * This automatically detects and configures react-native-safe-area-context\n * for use with Tamagui components that need safe area awareness.\n *\n * Note: You must still wrap your app with SafeAreaProvider yourself:\n * ```tsx\n * import { SafeAreaProvider } from 'react-native-safe-area-context'\n * <SafeAreaProvider>\n *   <App />\n * </SafeAreaProvider>\n * ```\n *\n * On web, this is a no-op since CSS env(safe-area-inset-*) values work natively.\n */\n\nimport { getSafeArea } from './safeAreaState'\n\nfunction setup() {\n  // only run on native\n  if (process.env.TAMAGUI_TARGET !== 'native') {\n    return\n  }\n\n  const g = globalThis as any\n  if (g.__tamagui_native_safe_area_setup_complete) {\n    return\n  }\n  g.__tamagui_native_safe_area_setup_complete = true\n\n  try {\n    const safeAreaContext = require('react-native-safe-area-context')\n    const { useSafeAreaInsets, useSafeAreaFrame, initialWindowMetrics } = safeAreaContext\n\n    if (useSafeAreaInsets) {\n      getSafeArea().set({\n        enabled: true,\n        useSafeAreaInsets,\n        useSafeAreaFrame: useSafeAreaFrame || null,\n        initialMetrics: initialWindowMetrics || null,\n      })\n    }\n  } catch {\n    // react-native-safe-area-context not available\n  }\n}\n\nsetup()\n"
+  ],
+  "version": 3
+}

package/types/types.d.ts

@@ -16,6 +16,28 @@ export interface WorkletsState {
 	useWorklet: any;
 	createWorkletContextValue: any;
 }
+export interface SafeAreaInsets {
+	top: number;
+	right: number;
+	bottom: number;
+	left: number;
+}
+export interface SafeAreaFrame {
+	x: number;
+	y: number;
+	width: number;
+	height: number;
+}
+export interface SafeAreaMetrics {
+	insets: SafeAreaInsets;
+	frame: SafeAreaFrame;
+}
+export interface SafeAreaState {
+	enabled: boolean;
+	useSafeAreaInsets: (() => SafeAreaInsets) | null;
+	useSafeAreaFrame: (() => SafeAreaFrame) | null;
+	initialMetrics: SafeAreaMetrics | null;
+}
 export type NativePortalProps = {
 	hostName?: string;
 	children: ReactNode;
@@ -26,5 +48,9 @@ export type NativePortalHostProps = {
 export type NativePortalProviderProps = {
 	children: ReactNode;
 };
+export interface LinearGradientState {
+	enabled: boolean;
+	Component: any;
+}
 
 //# sourceMappingURL=types.d.ts.map

package/types/types.d.ts.map

@@ -1,11 +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",
+  "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,iBAAiB,eAAe;CAC9B;CACA;CACA;CACA;;AAGF,iBAAiB,cAAc;CAC7B;CACA;CACA;CACA;;AAGF,iBAAiB,gBAAgB;CAC/B,QAAQ;CACR,OAAO;;AAGT,iBAAiB,cAAc;CAC7B;CACA,0BAA0B;CAC1B,yBAAyB;CACzB,gBAAgB;;AAGlB,YAAY,oBAAoB;CAC9B;CACA,UAAU;;AAGZ,YAAY,wBAAwB;CAClC;;AAGF,YAAY,4BAA4B;CACtC,UAAU;;AAGZ,iBAAiB,oBAAoB;CACnC;CACA",
   "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"
+    "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 interface SafeAreaInsets {\n  top: number\n  right: number\n  bottom: number\n  left: number\n}\n\nexport interface SafeAreaFrame {\n  x: number\n  y: number\n  width: number\n  height: number\n}\n\nexport interface SafeAreaMetrics {\n  insets: SafeAreaInsets\n  frame: SafeAreaFrame\n}\n\nexport interface SafeAreaState {\n  enabled: boolean\n  useSafeAreaInsets: (() => SafeAreaInsets) | null\n  useSafeAreaFrame: (() => SafeAreaFrame) | null\n  initialMetrics: SafeAreaMetrics | null\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\nexport interface LinearGradientState {\n  enabled: boolean\n  Component: any\n}\n"
   ],
   "version": 3
 }

package/dist/cjs/setup-portal.cjs

@@ -1,66 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-    return to;
-  };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
-}), mod);
-var setup_portal_exports = {};
-__export(setup_portal_exports, {
-  setupNativePortal: () => setupNativePortal
-});
-module.exports = __toCommonJS(setup_portal_exports);
-var import_portalState = require("./portalState.cjs");
-const IS_FABRIC = typeof global < "u" && !!(global._IS_FABRIC ?? global.nativeFabricUIManager);
-function setup() {
-  const g = globalThis;
-  if (!g.__tamagui_native_portal_setup) {
-    g.__tamagui_native_portal_setup = !0;
-    try {
-      const teleport = require("react-native-teleport");
-      if (teleport?.Portal && teleport?.PortalHost && teleport?.PortalProvider) {
-        g.__tamagui_teleport = teleport, (0, import_portalState.setNativePortalState)({
-          enabled: !0,
-          type: "teleport"
-        });
-        return;
-      }
-    } catch {}
-    if (IS_FABRIC) {
-      try {
-        const mod = require("react-native/Libraries/Renderer/shims/ReactFabric");
-        g.__tamagui_portal_create = mod?.default?.createPortal ?? mod.createPortal, (0, import_portalState.setNativePortalState)({
-          enabled: !0,
-          type: "legacy"
-        });
-      } catch (err) {
-        console.info("Note: error importing fabric portal, native portals disabled", err);
-      }
-      return;
-    }
-    try {
-      const mod = require("react-native/Libraries/Renderer/shims/ReactNative");
-      g.__tamagui_portal_create = mod?.default?.createPortal ?? mod.createPortal, (0, import_portalState.setNativePortalState)({
-        enabled: !0,
-        type: "legacy"
-      });
-    } catch (err) {
-      console.info("Note: error importing native portal, native portals disabled", err);
-    }
-  }
-}
-setup();
-const setupNativePortal = setup;

package/dist/cjs/setup-portal.js

@@ -1,53 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var setup_portal_exports = {};
-__export(setup_portal_exports, {
-  setupNativePortal: () => setupNativePortal
-});
-module.exports = __toCommonJS(setup_portal_exports);
-var import_portalState = require("./portalState");
-const IS_FABRIC = typeof global < "u" && !!(global._IS_FABRIC ?? global.nativeFabricUIManager);
-function setup() {
-  const g = globalThis;
-  if (!g.__tamagui_native_portal_setup) {
-    g.__tamagui_native_portal_setup = !0;
-    try {
-      const teleport = require("react-native-teleport");
-      if (teleport?.Portal && teleport?.PortalHost && teleport?.PortalProvider) {
-        g.__tamagui_teleport = teleport, (0, import_portalState.setNativePortalState)({ enabled: !0, type: "teleport" });
-        return;
-      }
-    } catch {
-    }
-    if (IS_FABRIC) {
-      try {
-        const mod = require("react-native/Libraries/Renderer/shims/ReactFabric");
-        g.__tamagui_portal_create = mod?.default?.createPortal ?? mod.createPortal, (0, import_portalState.setNativePortalState)({ enabled: !0, type: "legacy" });
-      } catch (err) {
-        console.info("Note: error importing fabric portal, native portals disabled", err);
-      }
-      return;
-    }
-    try {
-      const mod = require("react-native/Libraries/Renderer/shims/ReactNative");
-      g.__tamagui_portal_create = mod?.default?.createPortal ?? mod.createPortal, (0, import_portalState.setNativePortalState)({ enabled: !0, type: "legacy" });
-    } catch (err) {
-      console.info("Note: error importing native portal, native portals disabled", err);
-    }
-  }
-}
-setup();
-const setupNativePortal = setup;
-//# sourceMappingURL=setup-portal.js.map

package/dist/cjs/setup-portal.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/setup-portal.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcA,yBAAqC;AAErC,MAAM,YACJ,OAAO,SAAW,OAClB,GAAS,OAAe,cAAe,OAAe;AAExD,SAAS,QAAQ;AACf,QAAM,IAAI;AACV,MAAI,GAAE,+BACN;AAAA,MAAE,gCAAgC;AAGlC,QAAI;AACF,YAAM,WAAW,QAAQ,uBAAuB;AAChD,UAAI,UAAU,UAAU,UAAU,cAAc,UAAU,gBAAgB;AACxE,UAAE,qBAAqB,cACvB,yCAAqB,EAAE,SAAS,IAAM,MAAM,WAAW,CAAC;AACxD;AAAA,MACF;AAAA,IACF,QAAQ;AAAA,IAER;AAGA,QAAI,WAAW;AACb,UAAI;AACF,cAAM,MAAM,QAAQ,mDAAmD;AACvE,UAAE,0BAA0B,KAAK,SAAS,gBAAgB,IAAI,kBAC9D,yCAAqB,EAAE,SAAS,IAAM,MAAM,SAAS,CAAC;AAAA,MACxD,SAAS,KAAK;AACZ,gBAAQ,KAAK,gEAAgE,GAAG;AAAA,MAClF;AACA;AAAA,IACF;AAEA,QAAI;AACF,YAAM,MAAM,QAAQ,mDAAmD;AACvE,QAAE,0BAA0B,KAAK,SAAS,gBAAgB,IAAI,kBAC9D,yCAAqB,EAAE,SAAS,IAAM,MAAM,SAAS,CAAC;AAAA,IACxD,SAAS,KAAK;AACZ,cAAQ,KAAK,gEAAgE,GAAG;AAAA,IAClF;AAAA;AACF;AAGA,MAAM;AAGC,MAAM,oBAAoB;",
-  "names": []
-}

package/dist/cjs/setup-portal.native.js

@@ -1,74 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-    return to;
-  };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
-}), mod);
-var setup_portal_exports = {};
-__export(setup_portal_exports, {
-  setupNativePortal: () => setupNativePortal
-});
-module.exports = __toCommonJS(setup_portal_exports);
-var import_portalState = require("./portalState.native.js"),
-  _global__IS_FABRIC,
-  IS_FABRIC = typeof global < "u" && !!((_global__IS_FABRIC = global._IS_FABRIC) !== null && _global__IS_FABRIC !== void 0 ? _global__IS_FABRIC : global.nativeFabricUIManager);
-function setup() {
-  var g = globalThis;
-  if (!g.__tamagui_native_portal_setup) {
-    g.__tamagui_native_portal_setup = !0;
-    try {
-      var teleport = require("react-native-teleport");
-      if (teleport?.Portal && teleport?.PortalHost && teleport?.PortalProvider) {
-        g.__tamagui_teleport = teleport, (0, import_portalState.setNativePortalState)({
-          enabled: !0,
-          type: "teleport"
-        });
-        return;
-      }
-    } catch {}
-    if (IS_FABRIC) {
-      try {
-        var _mod_default,
-          mod = require("react-native/Libraries/Renderer/shims/ReactFabric"),
-          _mod_default_createPortal;
-        g.__tamagui_portal_create = (_mod_default_createPortal = mod == null || (_mod_default = mod.default) === null || _mod_default === void 0 ? void 0 : _mod_default.createPortal) !== null && _mod_default_createPortal !== void 0 ? _mod_default_createPortal : mod.createPortal, (0, import_portalState.setNativePortalState)({
-          enabled: !0,
-          type: "legacy"
-        });
-      } catch (err) {
-        console.info("Note: error importing fabric portal, native portals disabled", err);
-      }
-      return;
-    }
-    try {
-      var _mod_default1,
-        mod1 = require("react-native/Libraries/Renderer/shims/ReactNative"),
-        _mod_default_createPortal1;
-      g.__tamagui_portal_create = (_mod_default_createPortal1 = mod1 == null || (_mod_default1 = mod1.default) === null || _mod_default1 === void 0 ? void 0 : _mod_default1.createPortal) !== null && _mod_default_createPortal1 !== void 0 ? _mod_default_createPortal1 : mod1.createPortal, (0, import_portalState.setNativePortalState)({
-        enabled: !0,
-        type: "legacy"
-      });
-    } catch (err) {
-      console.info("Note: error importing native portal, native portals disabled", err);
-    }
-  }
-}
-setup();
-var setupNativePortal = setup;
-//# sourceMappingURL=setup-portal.native.js.map

package/dist/cjs/setup-portal.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","setup_portal_exports","__export","setupNativePortal","module","exports","import_portalState","require","_global__IS_FABRIC","IS_FABRIC","global","_IS_FABRIC","nativeFabricUIManager","setup","g","globalThis","__tamagui_native_portal_setup","teleport","Portal","PortalHost","PortalProvider","__tamagui_teleport","setNativePortalState","enabled","type","_mod_default","_mod_default_createPortal","__tamagui_portal_create","default","createPortal","err","console","info","_mod_default1","mod1","_mod_default_createPortal1"],"sources":["../../src/setup-portal.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAcAC,MAAA,CAAAC,OAAA,GAAAT,YAAqC,CAAAK,oBAAA;AAErC,IAAAK,kBACE,GAAOC,OAAA,0BACE;EAAeC,kBAAe;EAAAC,SAAe,UAAAC,MAAA,cAAAF,kBAAA,GAAAE,MAAA,CAAAC,UAAA,cAAAH,kBAAA,cAAAA,kBAAA,GAAAE,MAAA,CAAAE,qBAAA;AAExD,SAASC,MAAA,EAAQ;EACf,IAAAC,CAAA,GAAMC,UAAI;EACV,IAAI,CAAAD,CAAA,CAAEE,6BAAA,EACN;IAAAF,CAAA,CAAEE,6BAAA,GAAgC;IAGlC,IAAI;MACF,IAAAC,QAAM,GAAAV,OAAW,wBAAQ;MACzB,IAAIU,QAAA,EAAUC,MAAA,IAAUD,QAAA,EAAUE,UAAA,IAAcF,QAAA,EAAUG,cAAA,EAAgB;QACxEN,CAAA,CAAEO,kBAAA,GAAqBJ,QAAA,MACvBX,kBAAA,CAAAgB,oBAAA,EAAqB;UACrBC,OAAA;UACFC,IAAA;QACF;QAEA;MAGA;IACE,QAAI,CACF;IACA,IAAAf,SAAE;MAEJ;QACE,IAAAgB,YAAa;UAAA5B,GAAA,GAAAU,OAAA,oDAAmE;UAAAmB,yBAAA;QAClFZ,CAAA,CAAAa,uBAAA,IAAAD,yBAAA,GAAA7B,GAAA,aAAA4B,YAAA,GAAA5B,GAAA,CAAA+B,OAAA,cAAAH,YAAA,uBAAAA,YAAA,CAAAI,YAAA,cAAAH,yBAAA,cAAAA,yBAAA,GAAA7B,GAAA,CAAAgC,YAAA,MAAAvB,kBAAA,CAAAgB,oBAAA;UACAC,OAAA;UACFC,IAAA;QAEI;MACF,SAAMM,GAAM;QACVC,OAAA,CAAAC,IAAA,+DAA4D,EAAAF,GAC9D;MACF;MACE;IACF;IAAA;MACF,IAAAG,aAAA;QAAAC,IAAA,GAAA3B,OAAA;QAAA4B,0BAAA;MAGMrB,CAAA,CAAAa,uBAAA,IAAAQ,0BAAA,GAAAD,IAAA,aAAAD,aAAA,GAAAC,IAAA,CAAAN,OAAA,cAAAK,aAAA,uBAAAA,aAAA,CAAAJ,YAAA,cAAAM,0BAAA,cAAAA,0BAAA,GAAAD,IAAA,CAAAL,YAAA,MAAAvB,kBAAA,CAAAgB,oBAAA;QAGOC,OAAA","ignoreList":[]}