@suflon/rnmd-reporting 0.0.1

package/App.tsx

@@ -0,0 +1,69 @@
+import React, { useEffect } from 'react';
+import { View } from 'react-native';
+import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
+import { NavigationContainer } from '@react-navigation/native';
+import { AppNavigation } from './src/navigation';
+import { DevToolsCorner, MOCK_ROLES } from './src/screens/DevToolsCorner';
+import { useLanguageStore } from './src/stores/language.store';
+import { RBACProvider, useAuthStore, getData } from '@suflon/native-ui';
+import './global.css';
+
+export default function App() {
+  const loadSavedLanguage = useLanguageStore((s) => s.loadSavedLanguage);
+
+  useEffect(() => {
+    loadSavedLanguage();
+
+    //    Load dev and permission configuration on boot
+    const initDevStore = async () => {
+      const [companyId, regionId, staffId, userId, permissionKey] = await Promise.all([
+        getData('company_id'),
+        getData('region_id'),
+        getData('staff_id'),
+        getData('user_id'),
+        getData('permission_key'),
+      ]);
+
+      const setAuthData = useAuthStore.getState().setAuthData;
+      const setPermissions = useAuthStore.getState().setPermissions;
+      const setPermissionScenario = useAuthStore.getState().setPermissionScenario;
+
+      if (companyId || staffId || userId) {
+        await setAuthData({
+          company_id: Number(companyId) || 2,
+          region_id: Number(regionId) || 1,
+          staff_id: Number(staffId) || 1,
+          user_id: Number(userId) || 1,
+        });
+      }
+
+      const activeScenario = String(permissionKey || 'clinic_owner');
+      setPermissionScenario(activeScenario);
+
+      if (MOCK_ROLES[activeScenario]) {
+        await setPermissions(MOCK_ROLES[activeScenario], Number(staffId) || 1);
+      } else {
+        await setPermissions(MOCK_ROLES.clinic_owner, Number(staffId) || 1);
+      }
+    };
+
+    initDevStore();
+  }, [loadSavedLanguage]);
+
+  return (
+    <View style={{ flex: 1 }}>
+      <SafeAreaProvider>
+        {/* iiTop safe area for the standalone demo app so the header doesn't sit under the notch/status bar.
+            Inside the library, ConnectionListScreen still uses edges={['bottom']} so the host app isn't double padded. */}
+        <SafeAreaView style={{ flex: 1 }} edges={['top']}>
+          <NavigationContainer>
+            <RBACProvider>
+              <AppNavigation />
+              <DevToolsCorner />
+            </RBACProvider>
+          </NavigationContainer>
+        </SafeAreaView>
+      </SafeAreaProvider>
+    </View>
+  );
+}

package/README.md

@@ -0,0 +1,97 @@
+This is a new [**React Native**](https://reactnative.dev) project, bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli).
+
+# Getting Started
+
+> **Note**: Make sure you have completed the [Set Up Your Environment](https://reactnative.dev/docs/set-up-your-environment) guide before proceeding.
+
+## Step 1: Start Metro
+
+First, you will need to run **Metro**, the JavaScript build tool for React Native.
+
+To start the Metro dev server, run the following command from the root of your React Native project:
+
+```sh
+# Using npm
+npm start
+
+# OR using Yarn
+yarn start
+```
+
+## Step 2: Build and run your app
+
+With Metro running, open a new terminal window/pane from the root of your React Native project, and use one of the following commands to build and run your Android or iOS app:
+
+### Android
+
+```sh
+# Using npm
+npm run android
+
+# OR using Yarn
+yarn android
+```
+
+### iOS
+
+For iOS, remember to install CocoaPods dependencies (this only needs to be run on first clone or after updating native deps).
+
+The first time you create a new project, run the Ruby bundler to install CocoaPods itself:
+
+```sh
+bundle install
+```
+
+Then, and every time you update your native dependencies, run:
+
+```sh
+bundle exec pod install
+```
+
+For more information, please visit [CocoaPods Getting Started guide](https://guides.cocoapods.org/using/getting-started.html).
+
+```sh
+# Using npm
+npm run ios
+
+# OR using Yarn
+yarn ios
+```
+
+If everything is set up correctly, you should see your new app running in the Android Emulator, iOS Simulator, or your connected device.
+
+This is one way to run your app — you can also build it directly from Android Studio or Xcode.
+
+## Step 3: Modify your app
+
+Now that you have successfully run the app, let's make changes!
+
+Open `App.tsx` in your text editor of choice and make some changes. When you save, your app will automatically update and reflect these changes — this is powered by [Fast Refresh](https://reactnative.dev/docs/fast-refresh).
+
+When you want to forcefully reload, for example to reset the state of your app, you can perform a full reload:
+
+- **Android**: Press the <kbd>R</kbd> key twice or select **"Reload"** from the **Dev Menu**, accessed via <kbd>Ctrl</kbd> + <kbd>M</kbd> (Windows/Linux) or <kbd>Cmd ⌘</kbd> + <kbd>M</kbd> (macOS).
+- **iOS**: Press <kbd>R</kbd> in iOS Simulator.
+
+## Congratulations! :tada:
+
+You've successfully run and modified your React Native App. :partying_face:
+
+### Now what?
+
+- If you want to add this new React Native code to an existing application, check out the [Integration guide](https://reactnative.dev/docs/integration-with-existing-apps).
+- If you're curious to learn more about React Native, check out the [docs](https://reactnative.dev/docs/getting-started).
+
+# Troubleshooting
+
+If you're having issues getting the above steps to work, see the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page.
+
+# Learn More
+
+To learn more about React Native, take a look at the following resources:
+
+- [React Native Website](https://reactnative.dev) - learn more about React Native.
+- [Getting Started](https://reactnative.dev/docs/environment-setup) - an **overview** of React Native and how setup your environment.
+- [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**.
+- [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts.
+- [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native.

package/app.json

@@ -0,0 +1,4 @@
+{
+  "name": "mdplix_rn_reporting",
+  "displayName": "mdplix_rn_reporting"
+}

package/babel.config.js

@@ -0,0 +1,18 @@
+module.exports = {
+  presets: [
+    ['module:@react-native/babel-preset', { unstable_transformProfile: 'hermes-stable' }],
+    'nativewind/babel',
+  ],
+  plugins: [
+    'react-native-reanimated/plugin',
+    [
+      'module-resolver',
+      {
+        root: ['./'],
+        alias: {
+          '^@/(.*)$': './src/\\1',
+        },
+      },
+    ],
+  ],
+};

package/global.css

@@ -0,0 +1,143 @@
+/**
+ * Global theme – same colors as mdplix_mobileapp/tailwind.config.js.
+ * Use these variables for consistency; Tailwind theme matches these values.
+ */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  /* Primary & base */
+  --color-primary: #7E43FF;
+  --color-secondary: #999999;
+  --color-orange: #FFA851;
+
+  /* Green */
+  --color-green: #008E59;
+  --color-green-100: #dcfce7;
+  --color-green-400: #4ade80;
+  --color-green-700: #15803d;
+  --color-green-900: #14532d;
+
+  /* Yellow */
+  --color-yellow-100: #fef9c3;
+  --color-yellow-400: #facc15;
+  --color-yellow-800: #854d0e;
+  --color-yellow-900: #713f12;
+
+  /* Blue */
+  --color-blue-100: #dbeafe;
+  --color-blue-400: #60a5fa;
+  --color-blue-700: #1d4ed8;
+  --color-blue-900: #1e3a8a;
+
+  /* Red */
+  --color-red-100: #fee2e2;
+  --color-red-400: #f87171;
+  --color-red-700: #b91c1c;
+  --color-red-900: #7f1d1d;
+
+  /* Violet */
+  --color-violet-50: #f5f3ff;
+  --color-violet-100: #ede9fe;
+  --color-violet-200: #ddd6fe;
+  --color-violet-600: #7c3aed;
+  --color-violet-700: #6d28d9;
+  --color-violet: #7E43FF;
+
+  /* Pink */
+  --color-pink-50: #fdf2f8;
+  --color-pink-600: #db2777;
+
+  /* Gray */
+  --color-gray-50: #f9fafb;
+  --color-gray-100: #f3f4f6;
+  --color-gray-200: #e5e7eb;
+  --color-gray-300: #d1d5db;
+  --color-gray-500: #6b7280;
+  --color-gray-700: #374151;
+  --color-gray-800: #1f2937;
+  --color-gray-900: #111827;
+
+  /* Background – same as mdplix */
+  --color-background-red: #E53935;
+  --color-background-blue: #1A7EE6;
+  --color-background-indigo: #263446;
+  --color-background-violet: #7E43FF;
+  --color-background-light: #FFFFFF;
+  --color-background-darkBg: #000000;
+  --color-background-secondaryBg: #F2F2F7;
+  --color-background-darkSecondaryBg: #1C1C1E;
+  --color-background-darkGray: #424242;
+  --color-background-lightGray: #EBEBEB;
+  --color-background-lightBlack: #141518;
+  --color-background-lightBlue: #f6f8ff;
+  --color-background-lightPink: #FFEDF8;
+  --color-background-lightGreen: #90EE90;
+  --color-background-lightYellow: #FFFDA5;
+  --color-background-lightOrange: #FFD3BB;
+  --color-background-darkBlue: #EBF5FF;
+  --color-background-darkGreen: #008E59;
+
+  /* Text light */
+  --color-text-light-green: #90EE90;
+  --color-text-light-primary: #000000;
+  --color-text-light-secondary: #999999;
+  --color-text-light-gray: #424242;
+  --color-text-light-white: #ffffff;
+  --color-text-light-secondaryText: #007AFF;
+  --color-text-light-link: #007bff;
+  --color-text-light-subHeading: #817F85;
+  --color-text-light-red: #CA0B00;
+  --color-text-light-violet: #7E43FF;
+  --color-text-light-blue: #007AFF;
+
+  /* Text dark */
+  --color-text-dark-primary: #FFFFFF;
+  --color-text-dark-secondary: #C7C7CC;
+  --color-text-dark-link: #EEEEEE;
+  --color-text-dark-subHeading: #888888;
+  --color-text-dark-red: #CA0B00;
+
+  /* Accent */
+  --color-accent-light-primary: #007bff;
+  --color-accent-light-secondary: #28a745;
+  --color-accent-dark-primary: #1e90ff;
+  --color-accent-dark-secondary: #32cd32;
+
+  /* Borders */
+  --color-borders-light-light: #E0E0E0;
+  --color-borders-light-dark: #38373A;
+  --color-borders-dark-light: #444444;
+  --color-borders-dark-dark: #38373A;
+
+  /* Shadows */
+  --shadow-light-small: 0px 1px 3px rgba(0, 0, 0, 0.2);
+  --shadow-light-large: 0px 4px 6px rgba(0, 0, 0, 0.1);
+  --shadow-dark-small: 0px 1px 3px rgba(0, 0, 0, 0.5);
+  --shadow-dark-large: 0px 4px 6px rgba(0, 0, 0, 0.3);
+
+  /* Active / Inactive */
+  --color-active-light: #1976D2;
+  --color-active-dark: #FFFFFF;
+  --color-inactive-light: #9E9E9E;
+  --color-inactive-dark: #888888;
+
+  /* Surface */
+  --color-surface-light: #FFFFFF;
+  --color-surface-dark: #1E293B;
+
+  /* Buttons */
+  --color-buttons-light-enabled-background: #007bff;
+  --color-buttons-light-enabled-text: #ffffff;
+  --color-buttons-light-enabled-border: #007bff;
+  --color-buttons-light-disabled-background: #e0e0e0;
+  --color-buttons-light-disabled-text: #a0a0a0;
+  --color-buttons-light-disabled-border: #d0d0d0;
+  --color-buttons-dark-enabled-background: #1e90ff;
+  --color-buttons-dark-enabled-text: #ffffff;
+  --color-buttons-dark-enabled-border: #1e90ff;
+  --color-buttons-dark-disabled-background: #444444;
+  --color-buttons-dark-disabled-text: #666666;
+  --color-buttons-dark-disabled-border: #555555;
+}

package/index.js

@@ -0,0 +1,9 @@
+/**
+ * @format
+ */
+
+import { AppRegistry } from 'react-native';
+import App from './App';
+import { name as appName } from './app.json';
+
+AppRegistry.registerComponent(appName, () => App);

package/metro.config.js

@@ -0,0 +1,209 @@
+const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
+const { withNativeWind } = require('nativewind/metro');
+const exclusionList = require('metro-config/private/defaults/exclusionList').default;
+const path = require('path');
+const fs = require('fs');
+
+const projectRoot = __dirname;
+const appNodeModules = path.resolve(projectRoot, 'node_modules');
+
+/** Pin react-native-css-interop to one copy — mismatched nativewind + interop breaks className at runtime. */
+let cssInteropRoot = null;
+try {
+    cssInteropRoot = path.dirname(
+        require.resolve('react-native-css-interop/package.json', { paths: [projectRoot] }),
+    );
+} catch {
+    /* install deps first */
+}
+
+const suflonNativeUiRoot = path.resolve(projectRoot, '../Suflon_Native_UI');
+
+function usesLocalSuflonNativeUiCheckout() {
+    if (process.env.USE_LOCAL_SUFLON_NATIVE_UI === '1') return true;
+    try {
+        const pkg = JSON.parse(fs.readFileSync(path.join(projectRoot, 'package.json'), 'utf8'));
+        const dep = pkg.dependencies && pkg.dependencies['@suflon/native-ui'];
+        return typeof dep === 'string' && dep.trim().startsWith('file:');
+    } catch {
+        return false;
+    }
+}
+
+const singletonPackages = {
+    react: path.join(appNodeModules, 'react'),
+    'react-native': path.join(appNodeModules, 'react-native'),
+    zustand: path.join(appNodeModules, 'zustand'),
+};
+
+const schedulerPath = path.join(appNodeModules, 'scheduler');
+if (fs.existsSync(schedulerPath)) {
+    singletonPackages['scheduler'] = schedulerPath;
+}
+
+const virtualizedListsPath = path.join(appNodeModules, '@react-native', 'virtualized-lists');
+if (fs.existsSync(virtualizedListsPath)) {
+    singletonPackages['@react-native/virtualized-lists'] = virtualizedListsPath;
+}
+if (cssInteropRoot && fs.existsSync(cssInteropRoot)) {
+    singletonPackages['react-native-css-interop'] = cssInteropRoot;
+}
+
+/**
+ * Prefer bundling published package source (src/index.ts) over precompiled lib/.
+ * lib/*.js is emitted with react/jsx-runtime; react-native-css-interop's Babel plugin
+ * does not rewrite that output, so className on @suflon/native-ui components never applies.
+ * Source .tsx is transformed by the app Babel pipeline with nativewind/babel.
+ */
+function resolveSuflonNativeUiEntry() {
+    if (usesLocalSuflonNativeUiCheckout() && fs.existsSync(suflonNativeUiRoot)) {
+        const src = path.join(suflonNativeUiRoot, 'src', 'index.ts');
+        if (fs.existsSync(src)) return src;
+    }
+    const npmRoot = path.join(appNodeModules, '@suflon', 'native-ui');
+    const src = path.join(npmRoot, 'src', 'index.ts');
+    if (fs.existsSync(src)) return src;
+    return null;
+}
+
+const defaultConfig = getDefaultConfig(projectRoot);
+
+const PATH_ALIASES = {
+    '@/': 'src/',
+    '@/components': 'src/components',
+    '@/utils': 'src/utils',
+    '@/hooks': 'src/hooks',
+    '@/services': 'src/services',
+    '@/store': 'src/store',
+    '@/config': 'src/config',
+    '@/rbac': 'src/rbac',
+    '@/modules': 'src/modules',
+    '@': 'src',
+};
+
+function tryResolveFile(basePath) {
+    const exts = ['.tsx', '.ts', '.jsx', '.js', '.native.tsx', '.native.ts', '.native.js', '.json'];
+    for (const ext of exts) {
+        const c = basePath + ext;
+        if (fs.existsSync(c)) {
+            const filePath = fs.realpathSync.native(c);
+            return { type: 'sourceFile', filePath };
+        }
+    }
+    const indexBase = path.join(basePath, 'index');
+    for (const ext of exts) {
+        const c = indexBase + ext;
+        if (fs.existsSync(c)) {
+            const filePath = fs.realpathSync.native(c);
+            return { type: 'sourceFile', filePath };
+        }
+    }
+    return null;
+}
+
+function isOriginInSuflonNativeUi(originModulePath) {
+    if (!originModulePath) return false;
+    const n = originModulePath.replace(/\\/g, '/');
+    return n.includes('node_modules/@suflon/native-ui/') || n.includes('/Suflon_Native_UI/');
+}
+
+function getSuflonNativeUiSrcRoot() {
+    if (usesLocalSuflonNativeUiCheckout() && fs.existsSync(suflonNativeUiRoot)) {
+        return path.join(suflonNativeUiRoot, 'src');
+    }
+    return path.join(appNodeModules, '@suflon', 'native-ui', 'src');
+}
+
+const SUFLON_NATIVE_UI_ALIASES = {
+    '@services': 'services',
+    '@utils': 'utils',
+    '@store': 'store',
+    '@rbac': 'rbac',
+    '@data': 'data',
+    '@hooks': 'hooks',
+    '@config': 'config',
+    '@components': 'components',
+    '@theme': 'theme',
+};
+
+function resolveSuflonNativeUiInternalAlias(moduleName) {
+    const suflonSrc = getSuflonNativeUiSrcRoot();
+    if (!fs.existsSync(suflonSrc)) return null;
+    for (const [alias, subdir] of Object.entries(SUFLON_NATIVE_UI_ALIASES)) {
+        if (moduleName === alias || moduleName.startsWith(alias + '/')) {
+            const rest = moduleName === alias ? '' : moduleName.slice(alias.length + 1);
+            const basePath = path.join(suflonSrc, subdir, rest.replace(/\//g, path.sep));
+            const resolved = tryResolveFile(basePath);
+            if (resolved) return resolved;
+        }
+    }
+    return null;
+}
+
+const config = {
+    projectRoot,
+    watchFolders:
+        usesLocalSuflonNativeUiCheckout() && fs.existsSync(suflonNativeUiRoot)
+            ? [projectRoot, suflonNativeUiRoot]
+            : [projectRoot],
+    resolver: {
+        extraNodeModules: singletonPackages,
+        blockList: exclusionList([/[/\\]node_modules[/\\].*\.d\.ts$/]),
+        resolveRequest: (context, moduleName, platform) => {
+            if (moduleName === '@suflon/native-ui') {
+                const entry = resolveSuflonNativeUiEntry();
+                if (entry) {
+                    return { type: 'sourceFile', filePath: fs.realpathSync.native(entry) };
+                }
+            }
+
+            const fromSuflon = isOriginInSuflonNativeUi(context.originModulePath);
+
+            function resolveHostAliases() {
+                for (const [alias, dir] of Object.entries(PATH_ALIASES)) {
+                    if (moduleName === alias || moduleName.startsWith(alias + '/')) {
+                        const subPath = moduleName === alias ? '' : moduleName.slice(alias.length + 1);
+                        const basePath = path.join(projectRoot, dir, subPath.replace(/\//g, path.sep));
+                        const result = tryResolveFile(basePath);
+                        if (result) return result;
+                    }
+                }
+                return null;
+            }
+
+            if (fromSuflon) {
+                if (moduleName.startsWith('.')) {
+                    const absPath = path.resolve(path.dirname(context.originModulePath), moduleName);
+                    const relToAppSrc = path.relative(path.join(projectRoot, 'src'), absPath);
+                    if (!relToAppSrc.startsWith('..') && !path.isAbsolute(relToAppSrc)) {
+                        const parts = relToAppSrc.split(path.sep);
+                        const subdir = parts[0];
+                        const rest = parts.slice(1).join(path.sep);
+                        const suflonSrc = getSuflonNativeUiSrcRoot();
+                        const targetPath = path.join(suflonSrc, subdir, rest);
+                        const resolved = tryResolveFile(targetPath);
+                        if (resolved) {
+                            return resolved;
+                        }
+                    }
+                }
+
+                const suflonInternal = resolveSuflonNativeUiInternalAlias(moduleName);
+                if (suflonInternal) return suflonInternal;
+                const hostHit = resolveHostAliases();
+                if (hostHit) return hostHit;
+            } else {
+                const hostHit = resolveHostAliases();
+                if (hostHit) return hostHit;
+                const suflonInternal = resolveSuflonNativeUiInternalAlias(moduleName);
+                if (suflonInternal) return suflonInternal;
+            }
+
+            return context.resolveRequest(context, moduleName, platform);
+        },
+    },
+};
+
+module.exports = withNativeWind(mergeConfig(defaultConfig, config), {
+    input: './global.css',
+});

package/nativewind-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="nativewind/types" />

package/package.json

@@ -0,0 +1,106 @@
+{
+  "name": "@suflon/rnmd-reporting",
+  "version": "0.0.1",
+  "private": false,
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/WoctorNatives/mdplix_rn_reporting.git"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org"
+  },
+  "files": [
+    "src",
+    "App.tsx",
+    "index.js",
+    "app.json",
+    "babel.config.js",
+    "metro.config.js",
+    "tailwind.config.js",
+    "tsconfig.json",
+    "global.css",
+    "nativewind-env.d.ts",
+    "patches",
+    "scripts",
+    "react-native.config.js"
+  ],
+  "scripts": {
+    "android": "react-native run-android",
+    "android:clean": "rm -rf android/app/build android/app/.cxx android/build && react-native run-android",
+    "ios": "react-native run-ios",
+    "lint": "eslint .",
+    "start": "react-native start",
+    "test": "jest"
+  },
+  "dependencies": {
+    "@react-native-async-storage/async-storage": "2.2.0",
+    "@react-native-community/datetimepicker": "^9.1.0",
+    "@react-native-community/netinfo": "^12.0.1",
+    "@react-native-picker/picker": "^2.11.4",
+    "@react-navigation/native": "^7.2.5",
+    "@react-navigation/native-stack": "^7.0.0",
+    "@react-navigation/stack": "^7.0.0",
+    "@suflon/native-ui": "0.0.18",
+    "axios": "^1.7.0",
+    "react-hook-form": "^7.76.1",
+    "react-native-image-picker": "^8.2.1",
+    "react-native-keyboard-aware-scroll-view": "^0.9.5",
+    "react-native-svg": "^15.15.5",
+    "react-native-worklets": "^0.8.1",
+    "zustand": "^5.0.0"
+  },
+  "peerDependencies": {
+    "nativewind": "^4.2.3",
+    "react": ">=18",
+    "react-native": ">=0.70",
+    "react-native-css-interop": "0.2.3",
+    "react-native-gesture-handler": ">=2",
+    "react-native-reanimated": ">=3",
+    "react-native-safe-area-context": ">=5",
+    "react-native-screens": ">=4",
+    "react-native-vector-icons": ">=10",
+    "tailwindcss": ">=3"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/plugin-transform-flow-strip-types": "^7.25.0",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/runtime": "^7.25.0",
+    "@react-native-community/cli": "latest",
+    "@react-native-community/cli-platform-android": "20.0.0",
+    "@react-native-community/cli-platform-ios": "20.0.0",
+    "@react-native/babel-preset": "0.83.1",
+    "@react-native/eslint-config": "0.83.1",
+    "@react-native/metro-config": "0.83.1",
+    "@react-native/typescript-config": "0.83.1",
+    "@types/react": "^19.0.0",
+    "@types/react-test-renderer": "^19.0.0",
+    "babel-jest": "^29.6.3",
+    "babel-plugin-module-resolver": "^5.0.0",
+    "eslint": "^8.19.0",
+    "jest": "^29.6.3",
+    "nativewind": "^4.2.3",
+    "patch-package": "^8.0.0",
+    "prettier": "2.8.8",
+    "react": "19.2.0",
+    "react-native": "0.83.1",
+    "react-native-gesture-handler": "^2.20.0",
+    "react-native-reanimated": "4.3.0",
+    "react-native-safe-area-context": "^5.0.0",
+    "react-native-screens": "^4.4.0",
+    "react-native-vector-icons": "^10.2.0",
+    "react-test-renderer": "19.2.0",
+    "tailwindcss": "^3.4.0",
+    "typescript": "5.0.4"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "overrides": {
+    "react": "19.2.0",
+    "react-native": "0.83.1",
+    "react-native-css-interop": "0.2.3",
+    "nativewind": "^4.2.3",
+    "react-native-reanimated": "4.3.0"
+  }
+}

package/patches/@react-navigation+stack+7.6.16.patch

@@ -0,0 +1,11 @@
+diff --git a/node_modules/@react-navigation/stack/lib/module/views/GestureHandler.android.js b/node_modules/@react-navigation/stack/lib/module/views/GestureHandler.android.js
+index 9aebaff..7670fd3 100644
+--- a/node_modules/@react-navigation/stack/lib/module/views/GestureHandler.android.js
++++ b/node_modules/@react-navigation/stack/lib/module/views/GestureHandler.android.js
+@@ -1,4 +1,4 @@
+ "use strict";
+ 
+-export * from "./GestureHandlerNative.js";
++export * from "./GestureHandler.js";
+ //# sourceMappingURL=GestureHandler.android.js.map
+