@chem-po/react-native 0.0.40 → 0.0.42

package/lib/typescript/components/image/ImageViewModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageViewModal.d.ts","sourceRoot":"","sources":["../../../../src/components/image/ImageViewModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAYxE,UAAU,mBAAmB;IAC3B,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+OxD,CAAA"}
+{"version":3,"file":"ImageViewModal.d.ts","sourceRoot":"","sources":["../../../../src/components/image/ImageViewModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAaxE,UAAU,mBAAmB;IAC3B,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+OxD,CAAA"}

package/lib/typescript/components/loading/CircularProgress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CircularProgress.d.ts","sourceRoot":"","sources":["../../../../src/components/loading/CircularProgress.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAEL,sBAAsB,EAEtB,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAA;AAErB,MAAM,WAAW,qBAAsB,SAAQ,sBAAsB;IACnE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,gBAAgB,GAAI,gEAO9B,qBAAqB,sBAuBvB,CAAA"}
+{"version":3,"file":"CircularProgress.d.ts","sourceRoot":"","sources":["../../../../src/components/loading/CircularProgress.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAEL,sBAAsB,EAEtB,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAA;AAErB,MAAM,WAAW,qBAAsB,SAAQ,sBAAsB;IACnE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,gBAAgB,GAAI,gEAO9B,qBAAqB,sBAwBvB,CAAA"}

package/lib/typescript/contexts/root.d.ts

@@ -13,5 +13,5 @@ export interface ChempoNativeProviderProps<BackendAdapter extends BackendAdapter
     middlewareProvider?: MiddlewareProvider;
     insetNotifier?: boolean;
 }
-export declare const ChempoNativeProvider: <BackendAdapter extends BackendAdapterInterface>({ theme: themeProp, initialColorMode, children, fonts, colorModeProp, middlewareProvider: Middleware, insetNotifier, ...props }: ChempoNativeProviderProps<BackendAdapter>) => React.JSX.Element;
+export declare const ChempoNativeProvider: <BackendAdapter extends BackendAdapterInterface>({ theme: themeProp, initialColorMode, children, fonts: fontConfig, colorModeProp, middlewareProvider: Middleware, insetNotifier, ...props }: ChempoNativeProviderProps<BackendAdapter>) => React.JSX.Element;
 //# sourceMappingURL=root.d.ts.map

package/lib/typescript/contexts/root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../src/contexts/root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,WAAW,EAA4B,MAAM,gBAAgB,CAAA;AACtE,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAG7D,OAAO,EAEL,eAAe,EAGhB,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EAAE,OAAO,EAAgB,MAAM,yCAAyC,CAAA;AAS/E,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;AAC3E,MAAM,MAAM,kBAAkB,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAA;AACtD,MAAM,WAAW,yBAAyB,CAAC,cAAc,SAAS,uBAAuB,CACvF,SAAQ,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,gBAAgB,GAAG,QAAQ,CAAC,CAAC;IACzF,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAsHD,eAAO,MAAM,oBAAoB,GAAI,cAAc,SAAS,uBAAuB,EAAE,iIASlF,yBAAyB,CAAC,cAAc,CAAC,sBA0B3C,CAAA"}
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../src/contexts/root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,WAAW,EAAgC,MAAM,gBAAgB,CAAA;AAC1E,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAG7D,OAAO,EAEL,eAAe,EAGhB,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EAAE,OAAO,EAA2B,MAAM,yCAAyC,CAAA;AAS1F,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;AAC3E,MAAM,MAAM,kBAAkB,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAA;AACtD,MAAM,WAAW,yBAAyB,CAAC,cAAc,SAAS,uBAAuB,CACvF,SAAQ,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,gBAAgB,GAAG,QAAQ,CAAC,CAAC;IACzF,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AA+GD,eAAO,MAAM,oBAAoB,GAAI,cAAc,SAAS,uBAAuB,EAAE,6IASlF,yBAAyB,CAAC,cAAc,CAAC,sBAiC3C,CAAA"}

package/lib/typescript/hooks/index.d.ts

@@ -1,2 +1,4 @@
+export * from './useFadeIn';
+export * from './useFont';
 export * from './useThemeState';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA"}

package/lib/typescript/utils/downloadFile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"downloadFile.d.ts","sourceRoot":"","sources":["../../../src/utils/downloadFile.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,GAAU,KAAK,MAAM,EAAE,UAAU,MAAM,EAAE,UAAU,MAAM;;EAwCjF,CAAA"}
+{"version":3,"file":"downloadFile.d.ts","sourceRoot":"","sources":["../../../src/utils/downloadFile.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,GAAU,KAAK,MAAM,EAAE,UAAU,MAAM,EAAE,UAAU,MAAM;;EAuDjF,CAAA"}

package/lib/typescript/utils/downloadFileLegacy.d.ts

@@ -0,0 +1,4 @@
+export declare const downloadFileLegacy: (uri: string, filename: string, fileType: string) => Promise<void | {
+    uri: string;
+}>;
+//# sourceMappingURL=downloadFileLegacy.d.ts.map

package/lib/typescript/utils/downloadFileLegacy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"downloadFileLegacy.d.ts","sourceRoot":"","sources":["../../../src/utils/downloadFileLegacy.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,kBAAkB,GAAU,KAAK,MAAM,EAAE,UAAU,MAAM,EAAE,UAAU,MAAM;;EAqDvF,CAAA"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@chem-po/react-native",
   "author": "Elan Canfield",
   "license": "MIT",
-  "version": "0.0.40",
+  "version": "0.0.42",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/index.d.ts",
   "source": "src/index.ts",
@@ -30,50 +30,50 @@
     "!**/.*"
   ],
   "dependencies": {
-    "@expo/vector-icons": "^14.0.4",
+    "@expo/vector-icons": "^15.0.2",
     "@lottiefiles/dotlottie-react": "^0.13.5",
-    "@react-native-async-storage/async-storage": "2.1.2",
-    "@react-native-community/slider": "4.5.6",
-    "expo-constants": "~17.1.7",
-    "expo-document-picker": "~13.1.6",
-    "expo-file-system": "~18.1.11",
-    "expo-image-picker": "~16.1.4",
-    "expo-sharing": "~13.1.5",
-    "lottie-react-native": "7.2.2",
+    "@react-native-async-storage/async-storage": "2.2.0",
+    "@react-native-community/slider": "5.0.1",
+    "expo-constants": "~18.0.9",
+    "expo-document-picker": "~14.0.7",
+    "expo-file-system": "~19.0.17",
+    "expo-image-picker": "~17.0.8",
+    "expo-sharing": "~14.0.7",
+    "lottie-react-native": "7.3.4",
     "nested-property": "^4.0.0",
-    "react": "19.0.0",
     "react-hook-form": "^7.55.0",
-    "react-native": "0.79.5",
+    "react-native": "0.81.4",
     "react-native-element-dropdown": "^2.12.4",
-    "react-native-gesture-handler": "~2.24.0",
-    "react-native-safe-area-context": "5.4.0",
-    "react-native-reanimated": "~3.17.4",
+    "react-native-gesture-handler": "~2.28.0",
     "react-native-notifier": "^2.0.0",
     "react-native-paper": "^5.14.3",
     "react-native-paper-dates": "^0.22.42",
-    "react-native-svg": "15.11.2",
+    "react-native-reanimated": "~4.1.1",
+    "react-native-safe-area-context": "5.6.1",
+    "react-native-svg": "15.12.1",
+    "react-native-worklets": "0.5.1",
     "zustand": "^4.3.3",
-    "@chem-po/core": "0.0.40",
-    "@chem-po/react": "0.0.40"
+    "@chem-po/core": "0.0.42",
+    "@chem-po/react": "0.0.42"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
     "@babel/preset-env": "^7.25.4",
-    "@expo/metro-runtime": "~5.0.4",
-    "@types/react": "~19.0.12",
+    "@expo/metro-runtime": "~6.1.2",
+    "@types/react": "~19.1.0",
     "babel-plugin-react-docgen-typescript": "^1.5.1",
     "babel-plugin-react-native-web": "^0.19.10",
-    "expo-build-properties": "~0.14.6",
-    "expo-dev-client": "~5.2.0",
-    "eslint-config-expo": "~9.2.0",
+    "eslint-config-expo": "~10.0.0",
+    "expo-build-properties": "~1.0.9",
+    "expo-dev-client": "~6.0.15",
     "react-native-builder-bob": "^0.20.0",
     "vite": "^6.2.2"
   },
   "peerDependencies": {
-    "expo": "~53.0.22",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
-    "react-native": "0.79.4"
+    "expo": "~54.0.0",
+    "react": "~19.1.0",
+    "react-dom": "~19.1.0",
+    "react-native": "~0.81.0"
   },
   "react-native-builder-bob": {
     "source": "src",

package/src/components/button/DeleteButton.tsx

@@ -93,7 +93,7 @@ export const DeleteButton: React.FC<DeleteButtonProps> = ({
   const [confirmActive, setConfirmActive] = useState(false)
   const confirmTimer = useRef<ReturnType<typeof setTimeout> | null>(null)
   const isMounted = useRef(true)
-  const defaultColor = useColorModeValue('#dd2222', '#ff7777')
+  const defaultColor = useColorModeValue('#dd4444', '#ff4444')
   const color = colorProp ?? defaultColor
 
   useEffect(() => {

package/src/components/form/input/date/index.tsx

@@ -6,7 +6,7 @@ import { StyleSheet, Text, View } from 'react-native'
 import { Gesture, GestureDetector } from 'react-native-gesture-handler'
 import { Portal } from 'react-native-paper'
 import { DatePickerModal } from 'react-native-paper-dates'
-import { runOnJS } from 'react-native-reanimated'
+import { scheduleOnRN } from 'react-native-worklets'
 import { FieldProps } from '../../types'
 import { DateInputClearButton } from '../common/InputClearButton'
 import { useInputColor } from '../hooks/useInputColor'
@@ -55,7 +55,7 @@ export const DateInput = forwardRef<InputRef, FieldProps<DateField>>(
     const maxDateObj = maxDate === 'now' ? new Date() : maxDate ? new Date(maxDate) : undefined
 
     const mainTap = Gesture.Tap().onStart(() => {
-      runOnJS(onFocus)()
+      scheduleOnRN(onFocus)
     })
 
     return (

package/src/components/form/input/datetime/index.tsx

@@ -6,7 +6,7 @@ import { StyleSheet, Text, View } from 'react-native'
 import { Gesture, GestureDetector, Pressable } from 'react-native-gesture-handler'
 import { Portal } from 'react-native-paper'
 import { DatePickerModal, TimePickerModal } from 'react-native-paper-dates'
-import { runOnJS } from 'react-native-reanimated'
+import { scheduleOnRN } from 'react-native-worklets'
 import { FieldProps } from '../../types'
 import { DateInputClearButton } from '../common/InputClearButton'
 import { useInputColor } from '../hooks/useInputColor'
@@ -96,7 +96,7 @@ export const DateTimeInput = forwardRef<InputRef, FieldProps<DateTimeField>>(
     const inputColor = useInputColor(value)
 
     const mainTap = Gesture.Tap().onStart(() => {
-      runOnJS(handleFocusDate)()
+      scheduleOnRN(handleFocusDate)
     })
 
     return (

package/src/components/form/input/index.ts

@@ -1,2 +1,4 @@
 export * from './Editable'
+export * from './hooks'
+export * from './input'
 export * from './StandaloneInput'

package/src/components/image/ImageViewModal.tsx

@@ -1,7 +1,7 @@
 import { useScreen, useToast } from '@chem-po/react'
 import { Ionicons } from '@expo/vector-icons'
 import React, { useCallback, useEffect, useMemo, useState } from 'react'
-import { Image, Modal, Platform, SafeAreaView, StyleSheet, View } from 'react-native'
+import { Image, Modal, Platform, StyleSheet, View } from 'react-native'
 import {
   Gesture,
   GestureDetector,
@@ -9,6 +9,7 @@ import {
   Pressable,
 } from 'react-native-gesture-handler'
 import Animated, { useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated'
+import { SafeAreaView } from 'react-native-safe-area-context'
 import { downloadFile } from '../../utils/downloadFile'
 import { LoadingLogo } from '../loading/Loading'
 

package/src/components/loading/CircularProgress.tsx

@@ -1,4 +1,4 @@
-import { useColorModeValue } from '@chem-po/react'
+import { useBackgroundColor, useColorModeValue } from '@chem-po/react'
 import React, { useEffect, useRef } from 'react'
 import {
   ActivityIndicator,
@@ -24,6 +24,7 @@ export const CircularProgress = ({
   ...props
 }: CircularProgressProps) => {
   const defaultTrackColor = useColorModeValue('#959595', '#575757')
+  const defaultColor = useBackgroundColor(750)
   const opacity = useRef(new Animated.Value(visible ? 1 : 0)).current
 
   useEffect(() => {
@@ -42,7 +43,7 @@ export const CircularProgress = ({
         {...props}
       />
       {/* Spinning circle */}
-      <ActivityIndicator animating={animating} color={color ?? '#575757'} {...props} />
+      <ActivityIndicator animating={animating} color={color ?? defaultColor} {...props} />
     </Animated.View>
   )
 }

package/src/contexts/root.tsx

@@ -1,5 +1,5 @@
 import { BackendAdapterInterface, ColorMode, Theme } from '@chem-po/core'
-import { ChempoProps, ChempoProvider, useTheme } from '@chem-po/react'
+import { ChempoProps, ChempoProvider, defaultTheme } from '@chem-po/react'
 import React, { FC, PropsWithChildren, useMemo } from 'react'
 import { GestureHandlerRootView } from 'react-native-gesture-handler'
 import { NotifierWrapper } from 'react-native-notifier'
@@ -10,7 +10,7 @@ import {
   Props as PaperProviderProps,
 } from 'react-native-paper'
 import { en, registerTranslation } from 'react-native-paper-dates'
-import { MD3Type, MD3Typescale } from 'react-native-paper/lib/typescript/types'
+import { MD3Type, MD3Typescale, ThemeProp } from 'react-native-paper/lib/typescript/types'
 import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context'
 import { nativeToast } from '../constants/toast'
 import { UseThemeProps, useThemeState } from '../hooks/useThemeState'
@@ -116,30 +116,23 @@ const createPaperTheme = (
 
 const ChempoPaperProvider = ({
   children,
-  fonts: fontConfig,
-}: PropsWithChildren<{ fonts?: FontConfig }>) => {
-  const { theme, colorMode } = useTheme()
-
-  const { theme: paperTheme, fonts } = useMemo(
-    () => createPaperTheme(theme, fontConfig, colorMode),
-    [theme, fontConfig, colorMode],
-  )
-  return (
-    <ChempoFontsProvider fonts={fonts}>
-      <PaperProvider theme={paperTheme}>{children}</PaperProvider>
-    </ChempoFontsProvider>
-  )
+  paperTheme,
+}: PropsWithChildren<{ paperTheme: ThemeProp | undefined }>) => {
+  return <PaperProvider theme={paperTheme}>{children}</PaperProvider>
 }
 
 const ProviderBody = ({
   children,
-  fonts,
   insetNotifier,
-}: PropsWithChildren<{ fonts?: FontConfig; insetNotifier?: boolean }>) => {
+  paperTheme,
+}: PropsWithChildren<{
+  insetNotifier?: boolean
+  paperTheme: ThemeProp | undefined
+}>) => {
   const { top } = useSafeAreaInsets()
 
   return (
-    <ChempoPaperProvider fonts={fonts}>
+    <ChempoPaperProvider paperTheme={paperTheme}>
       <NotifierWrapper containerStyle={{ paddingTop: insetNotifier ? top : 0 }}>
         {children}
       </NotifierWrapper>
@@ -151,7 +144,7 @@ export const ChempoNativeProvider = <BackendAdapter extends BackendAdapterInterf
   theme: themeProp,
   initialColorMode,
   children,
-  fonts,
+  fonts: fontConfig,
   colorModeProp,
   middlewareProvider: Middleware,
   insetNotifier,
@@ -163,23 +156,30 @@ export const ChempoNativeProvider = <BackendAdapter extends BackendAdapterInterf
   )
   const theme = useThemeState(useThemeProps)
 
+  const { theme: paperTheme, fonts } = useMemo(
+    () => createPaperTheme(theme.theme ?? defaultTheme, fontConfig, theme.colorMode),
+    [theme, fontConfig],
+  )
+
   const body = (
-    <ProviderBody insetNotifier={insetNotifier} fonts={fonts}>
+    <ProviderBody insetNotifier={insetNotifier} paperTheme={paperTheme}>
       {children}
     </ProviderBody>
   )
 
   return (
-    <ChempoProvider
-      toast={nativeToast}
-      theme={theme}
-      initializeScreen={initializeScreen}
-      {...props}>
-      <SafeAreaProvider>
-        <GestureHandlerRootView>
-          {Middleware ? <Middleware>{body}</Middleware> : body}
-        </GestureHandlerRootView>
-      </SafeAreaProvider>
-    </ChempoProvider>
+    <ChempoFontsProvider fonts={fonts}>
+      <ChempoProvider
+        toast={nativeToast}
+        theme={theme}
+        initializeScreen={initializeScreen}
+        {...props}>
+        <SafeAreaProvider>
+          <GestureHandlerRootView>
+            {Middleware ? <Middleware>{body}</Middleware> : body}
+          </GestureHandlerRootView>
+        </SafeAreaProvider>
+      </ChempoProvider>
+    </ChempoFontsProvider>
   )
 }

package/src/hooks/index.ts

@@ -1 +1,3 @@
+export * from './useFadeIn'
+export * from './useFont'
 export * from './useThemeState'

package/src/utils/downloadFile.ts

@@ -1,46 +1,61 @@
-import * as FileSystem from 'expo-file-system'
-import { downloadAsync } from 'expo-file-system'
+import { Directory, File, Paths } from 'expo-file-system'
+import { StorageAccessFramework } from 'expo-file-system/legacy'
 import { shareAsync } from 'expo-sharing'
 import { Platform } from 'react-native'
 
 export const downloadFile = async (uri: string, filename: string, fileType: string) => {
   if (Platform.OS === 'android') {
-    const permissions = await FileSystem.StorageAccessFramework.requestDirectoryPermissionsAsync()
+    const permissions = await StorageAccessFramework.requestDirectoryPermissionsAsync()
     if (!permissions.granted) {
       throw new Error('Permission not granted')
     }
 
-    // Download to temporary location first
-    const tempFileUri = `${FileSystem.cacheDirectory}${filename}`
+    // Create cache directory for temporary file
+    const cacheDir = new Directory(Paths.cache)
 
-    // Download the file to temporary location
-    await FileSystem.downloadAsync(uri, tempFileUri)
+    // Ensure cache directory exists
+    if (!cacheDir.exists) {
+      cacheDir.create()
+    }
 
-    // Read the temporary file as base64
-    const base64Content = await FileSystem.readAsStringAsync(tempFileUri, {
-      encoding: FileSystem.EncodingType.Base64,
-    })
+    // Download the file to cache directory using static method
+    const downloadedFile = await File.downloadFileAsync(uri, cacheDir)
+
+    // Read the downloaded file as bytes and convert to base64
+    const fileBytes = await downloadedFile.bytes()
+
+    // Convert Uint8Array to base64 safely (handles large files better than btoa)
+    const base64Content = Array.from(fileBytes, byte => String.fromCharCode(byte)).join('')
+    const encodedContent = btoa(base64Content)
 
     // Create a file within the selected directory using SAF
-    const fileUri = await FileSystem.StorageAccessFramework.createFileAsync(
+    const fileUri = await StorageAccessFramework.createFileAsync(
       permissions.directoryUri,
       filename,
       fileType,
     )
 
-    // Write the content to the SAF file
-    await FileSystem.StorageAccessFramework.writeAsStringAsync(fileUri, base64Content, {
-      encoding: FileSystem.EncodingType.Base64,
+    // Write the content to the SAF file using legacy method (as SAF might not have new API yet)
+    await StorageAccessFramework.writeAsStringAsync(fileUri, encodedContent, {
+      encoding: 'base64',
     })
 
     // Clean up temporary file
-    await FileSystem.deleteAsync(tempFileUri, { idempotent: true })
+    downloadedFile.delete()
 
     return { uri: fileUri }
   }
-  if (!FileSystem.documentDirectory) {
-    throw new Error('Document directory not found')
+
+  // For iOS and other platforms
+  const documentsDir = new Directory(Paths.document)
+
+  // Ensure documents directory exists
+  if (!documentsDir.exists) {
+    documentsDir.create()
   }
-  const result = await downloadAsync(uri, FileSystem.documentDirectory + filename)
-  return shareAsync(result.uri)
+
+  // Download file directly to documents directory
+  const downloadedFile = await File.downloadFileAsync(uri, documentsDir)
+
+  return shareAsync(downloadedFile.uri)
 }

package/src/utils/downloadFileLegacy.ts

@@ -0,0 +1,66 @@
+import {
+  cacheDirectory,
+  deleteAsync,
+  documentDirectory,
+  downloadAsync,
+  EncodingType,
+  readAsStringAsync,
+  StorageAccessFramework,
+} from 'expo-file-system/legacy'
+import { shareAsync } from 'expo-sharing'
+import { Platform } from 'react-native'
+
+export const downloadFileLegacy = async (uri: string, filename: string, fileType: string) => {
+  if (Platform.OS === 'android') {
+    const permissions = await StorageAccessFramework.requestDirectoryPermissionsAsync()
+    if (!permissions.granted) {
+      throw new Error('Permission not granted')
+    }
+
+    // Download to temporary location first
+    const tempFileUri = `${cacheDirectory}${filename}`
+
+    try {
+      // Download the file to temporary location
+      await downloadAsync(uri, tempFileUri)
+
+      // Read the temporary file as base64
+      const base64Content = await readAsStringAsync(tempFileUri, {
+        encoding: EncodingType.Base64,
+      })
+
+      // Create a file within the selected directory using SAF
+      const fileUri = await StorageAccessFramework.createFileAsync(
+        permissions.directoryUri,
+        filename,
+        fileType,
+      )
+
+      // Write the content to the SAF file
+      await StorageAccessFramework.writeAsStringAsync(fileUri, base64Content, {
+        encoding: EncodingType.Base64,
+      })
+
+      // Clean up temporary file
+      await deleteAsync(tempFileUri, { idempotent: true })
+
+      return { uri: fileUri }
+    } catch (error) {
+      // Clean up temporary file in case of error
+      try {
+        await deleteAsync(tempFileUri, { idempotent: true })
+      } catch {
+        // Ignore cleanup errors
+      }
+      throw error
+    }
+  }
+
+  // For iOS and other platforms
+  if (!documentDirectory) {
+    throw new Error('Document directory not found')
+  }
+
+  const result = await downloadAsync(uri, documentDirectory + filename)
+  return shareAsync(result.uri)
+}