From 73eb7b416a4a95263f2c56840ed93a745d5ab552 Mon Sep 17 00:00:00 2001
From: trochas <thibaut.rochas@etudiant.univ-rennes1.fr>
Date: Thu, 6 Nov 2025 18:46:32 +0100
Subject: [PATCH] theme en cours

---
 app/(tabs)/bonjourFL.tsx         | 62 ++++++++++++++++++-----------
 app/(tabs)/explore.tsx           |  4 +-
 app/(tabs)/index.tsx             |  2 +-
 components/Theme.tsx             | 17 --------
 components/selectChantier.tsx    | 24 ++++++-----
 components/themeColors.tsx       | 25 ------------
 components/themed-text.tsx       | 10 ++++-
 components/themed-textinpute.tsx | 68 ++++++++++++++++++++++++++++++++
 components/themed-view.tsx       | 13 +++++-
 constants/theme.ts               | 16 +++++++-
 package-lock.json                | 32 ++++++++++++++-
 11 files changed, 186 insertions(+), 87 deletions(-)
 delete mode 100644 components/Theme.tsx
 delete mode 100644 components/themeColors.tsx
 create mode 100644 components/themed-textinpute.tsx

diff --git a/app/(tabs)/bonjourFL.tsx b/app/(tabs)/bonjourFL.tsx
index f794ef6..72dff76 100644
--- a/app/(tabs)/bonjourFL.tsx
+++ b/app/(tabs)/bonjourFL.tsx
@@ -1,6 +1,10 @@
+import SelectChantier from '@/components/selectChantier';
+import { ThemedText } from '@/components/themed-text';
+import { ThemedTextInput } from '@/components/themed-textinpute';
+import { ThemedView } from '@/components/themed-view';
 import { useLocalSearchParams, useRouter } from 'expo-router';
 import React, { useMemo, useState } from 'react';
-import { Button, FlatList, Image, StyleSheet, Text, TextInput, View } from 'react-native';
+import { Button, FlatList, Image, StyleSheet, Text } from 'react-native';
 import rawConcerts from '../../data/concerts.json';
 
 type Concert = {
@@ -40,55 +44,61 @@ export default function BonjourScreen() {
       return null;
     }
     return(
-    <View style={styles.card}>
+    <ThemedView lvl={2} style={styles.card}>
       <Image source={{ uri: item.Image }} style={styles.image} />
-      <View style={styles.info}>
-        <Text style={styles.group}>{item.group}</Text>
-        <Text>{item.date}</Text>
-        <Text>{item.location}</Text>
-        <Text>Prix : {item.price} €</Text>
-        <Text>Places restantes : {item.ticketsLeft}</Text>
-      </View>
-    </View>);
+      <ThemedView lvl={2} style={styles.info}>
+        <ThemedText style={styles.group}>{item.group}</ThemedText>
+        <ThemedText>{item.date}</ThemedText>
+        <ThemedText>{item.location}</ThemedText>
+        <ThemedText>Prix : {item.price} €</ThemedText>
+        <ThemedText>Places restantes : {item.ticketsLeft}</ThemedText>
+      </ThemedView>
+    </ThemedView>);
   };
 
+
+
+
   return(
-    <View style={styles.container}>
+    <ThemedView style={styles.container}>
+      <ThemedView style={styles.selectChantier}>
+            <SelectChantier ></SelectChantier>
+      </ThemedView>
       <FlatList
         data={filteredData}
         renderItem={renderItem}
         keyExtractor={(_, index) => index.toString()}
         contentContainerStyle={{ paddingBottom: 40 }}
         ListHeaderComponent={
-          <View style={styles.header}>
-            <Text style={styles.text}>
+          <ThemedView style={styles.header}>
+            <ThemedText style={styles.text}>
               Bonjour {prenom} {nom}
-            </Text>
+            </ThemedText>
 
-            <TextInput
+            <ThemedTextInput
               style={styles.input}
               placeholder="Rechercher un groupe..."
               value={search}
               onChangeText={setSearch}
             />
-          </View>
+          </ThemedView>
         }
         ListEmptyComponent={
           <Text style={styles.empty}>Aucun résultat n'a été trouvé</Text>
         }
       />
 
-      <View style={styles.footer}>
+      <ThemedView style={styles.footer}>
         <Button title="Retour" onPress={() => router.push("/(tabs)/mapScreen") } />
-      </View>
-    </View>
+      </ThemedView>
+    </ThemedView>
   )
 }
 
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: '#fff',
+    //backgroundColor: '#fff',
   },
   header: {
     marginTop: 60,
@@ -104,7 +114,7 @@ const styles = StyleSheet.create({
   input: {
     width: '100%',
     borderWidth: 1,
-    borderColor: '#ccc',
+    //borderColor: '#ccc',
     borderRadius: 10,
     padding: 10,
     fontSize: 16,
@@ -114,10 +124,10 @@ const styles = StyleSheet.create({
     marginHorizontal: 20,
     marginBottom: 15,
     borderWidth: 1,
-    borderColor: '#ddd',
+    //borderColor: '#ddd',
     borderRadius: 10,
     padding: 10,
-    backgroundColor: '#fafafa',
+    //backgroundColor: '#fafafa',
   },
   image: {
     width: 80,
@@ -142,4 +152,10 @@ const styles = StyleSheet.create({
     marginTop: 30,
     color: '#888',
   },
+  selectChantier:{
+    width:"100%",
+    padding:10,
+    margin:10,
+    marginTop:50,
+  },
 });
\ No newline at end of file
diff --git a/app/(tabs)/explore.tsx b/app/(tabs)/explore.tsx
index 2e66b57..48ad339 100644
--- a/app/(tabs)/explore.tsx
+++ b/app/(tabs)/explore.tsx
@@ -1,14 +1,14 @@
 import { Image } from 'expo-image';
-import { Platform, StyleSheet, View } from 'react-native';
+import { Platform, StyleSheet } from 'react-native';
 
 import { ExternalLink } from '@/components/external-link';
 import ParallaxScrollView from '@/components/parallax-scroll-view';
+import SelectChantier from '@/components/selectChantier';
 import { ThemedText } from '@/components/themed-text';
 import { ThemedView } from '@/components/themed-view';
 import { Collapsible } from '@/components/ui/collapsible';
 import { IconSymbol } from '@/components/ui/icon-symbol';
 import { Fonts } from '@/constants/theme';
-import SelectChantier from '@/components/selectChantier';
 
 
 export default function TabTwoScreen() {
diff --git a/app/(tabs)/index.tsx b/app/(tabs)/index.tsx
index 891608c..a648286 100644
--- a/app/(tabs)/index.tsx
+++ b/app/(tabs)/index.tsx
@@ -18,7 +18,7 @@ export default function HomeScreen() {
         />
       }>
       <ThemedView style={styles.titleContainer}>
-        <ThemedText type="title">YEE!</ThemedText>
+        <ThemedText type="title">YEE!</ThemedText >
         <HelloWave />
       </ThemedView>
       <ThemedView style={styles.stepContainer}>
diff --git a/components/Theme.tsx b/components/Theme.tsx
deleted file mode 100644
index e4f41ab..0000000
--- a/components/Theme.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import {Appearance,ColorSchemeName } from "react-native";
-import {lightTheme,darkTheme} from './themeColors';
-
-
-declare global {
-    var theme: typeof  lightTheme;
-}
-
-global.theme = Appearance.getColorScheme() === "light" ? lightTheme : darkTheme;
-
-
-/*Appearance.addChangeListener(({ colorScheme }) => {
-    if(colorScheme==="light"){
-        global.theme = lightTheme;
-    }
-    else global.theme = darkTheme;
-});*/
\ No newline at end of file
diff --git a/components/selectChantier.tsx b/components/selectChantier.tsx
index ffde4a5..a1f0ada 100644
--- a/components/selectChantier.tsx
+++ b/components/selectChantier.tsx
@@ -1,7 +1,7 @@
-import { ThemedView } from '@/components/themed-view';
 import { useState } from 'react';
-import { Button, GestureResponderEvent, ScrollView, StyleSheet, TextInput, View } from 'react-native';
-import "@/components/Theme";
+import { Button, GestureResponderEvent, ScrollView, StyleSheet, View } from 'react-native';
+import { ThemedTextInput } from './themed-textinpute';
+import { ThemedView } from "./themed-view";
 
 export default function SelectChantier() {
 
@@ -17,13 +17,13 @@ export default function SelectChantier() {
 
     const renderChantier = ()  => {
       return(
-      <View style={styles.chantier}>
-      </View>
+      <ThemedView lvl={0} style={styles.chantier}>
+      </ThemedView>
       );
     };
 
     return (
-        <View style={styles.selectZone}>
+        <ThemedView lvl={2} style={styles.selectZone}>
           {!isOpen && (
              <Button onPress={onPressOpen} title={"Open"}/>
           )}
@@ -31,13 +31,13 @@ export default function SelectChantier() {
             <ScrollView>
                <Button onPress={onPressOpen} title={"Close"}/>
                 <View style={styles.searchZone}>
-                    <View style={styles.searchMenu}>
-                        <TextInput
+                    <ThemedView lvl={0} style={styles.searchMenu}>
+                        <ThemedTextInput placeholderTextColor="#808080"
                             placeholder='Rechercher un chantier'
                             value={search}
                             onChangeText={setSearch}
                         />
-                    </View>
+                    </ThemedView>
                 </View>
                 
                 <View>
@@ -45,7 +45,7 @@ export default function SelectChantier() {
                 </View>
             </ScrollView>
            )}
-        </View>
+        </ThemedView>
 
     );
 }
@@ -53,7 +53,6 @@ export default function SelectChantier() {
 const styles = StyleSheet.create({
     selectZone:{
     position: 'absolute',
-    backgroundColor: global.theme.colors.c0,
     width: "100%",
     margin: 0,
     borderRadius: 5,
@@ -66,7 +65,7 @@ const styles = StyleSheet.create({
     gap: 8,
   },
   searchMenu:{
-    backgroundColor: global.theme.colors.c2,
+    color:'#FFAAAA',
     borderRadius: 5,
     width: "100%",
     margin: 0,
@@ -80,6 +79,5 @@ const styles = StyleSheet.create({
     alignItems: 'center',
   },
   chantier:{
-    backgroundColor:'#202020'
   }
 });
diff --git a/components/themeColors.tsx b/components/themeColors.tsx
deleted file mode 100644
index 0b5c3e0..0000000
--- a/components/themeColors.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-export const lightTheme = {
-  colors: {
-    text: '#000000',
-    text2: '#505050',
-    c0: '#FFFFFF',
-    c1: '#F0F0F0',
-    c2: '#E0E0E0',
-    c3: '#D0D0D0',
-    c4: '#C0C0C0',
-    c5: '#B0B0B0',
-  },
-};
-
-export const darkTheme = {
-  colors: {
-    text: '#FFFFFF',
-    text2: '#B0B0B0',
-    c0:'#000000',
-    c1: '#101010',
-    c2: '#202020',
-    c3: '#303030',
-    c4: '#404040',
-    c5: '#505050',
-  },
-};
\ No newline at end of file
diff --git a/components/themed-text.tsx b/components/themed-text.tsx
index d79d0a1..c791dfb 100644
--- a/components/themed-text.tsx
+++ b/components/themed-text.tsx
@@ -5,6 +5,7 @@ import { useThemeColor } from '@/hooks/use-theme-color';
 export type ThemedTextProps = TextProps & {
   lightColor?: string;
   darkColor?: string;
+  reverse?:boolean;
   type?: 'default' | 'title' | 'defaultSemiBold' | 'subtitle' | 'link';
 };
 
@@ -12,10 +13,17 @@ export function ThemedText({
   style,
   lightColor,
   darkColor,
+  reverse,
   type = 'default',
+
   ...rest
 }: ThemedTextProps) {
-  const color = useThemeColor({ light: lightColor, dark: darkColor }, 'text');
+
+  var text:string = 'text'
+  if(reverse){
+    text += '_';
+  }
+  const color = useThemeColor({ light: lightColor, dark: darkColor }, text as 'text'|'text_');
 
   return (
     <Text
diff --git a/components/themed-textinpute.tsx b/components/themed-textinpute.tsx
new file mode 100644
index 0000000..0c24fa4
--- /dev/null
+++ b/components/themed-textinpute.tsx
@@ -0,0 +1,68 @@
+import { StyleSheet, TextInput, type TextInputProps } from 'react-native';
+
+import { useThemeColor } from '@/hooks/use-theme-color';
+
+export type ThemedTextInputProps = TextInputProps & {
+  lightColor?: string;
+  darkColor?: string;
+  reverse?:boolean;
+  type?: 'default' | 'title' | 'defaultSemiBold' | 'subtitle' | 'link';
+};
+
+export function ThemedTextInput({
+  style,
+  lightColor,
+  darkColor,
+  reverse,
+  type = 'default',
+
+  ...rest
+}: ThemedTextInputProps) {
+
+  var text:string = 'text'
+  if(reverse){
+    text += '_';
+  }
+  const color = useThemeColor({ light: lightColor, dark: darkColor }, text as 'text'|'text_');
+
+  return (
+    <TextInput
+      style={[
+        { color },
+        type === 'default' ? styles.default : undefined,
+        type === 'title' ? styles.title : undefined,
+        type === 'defaultSemiBold' ? styles.defaultSemiBold : undefined,
+        type === 'subtitle' ? styles.subtitle : undefined,
+        type === 'link' ? styles.link : undefined,
+        style,
+      ]}
+      {...rest}
+    />
+  );
+}
+
+const styles = StyleSheet.create({
+  default: {
+    fontSize: 16,
+    lineHeight: 24,
+  },
+  defaultSemiBold: {
+    fontSize: 16,
+    lineHeight: 24,
+    fontWeight: '600',
+  },
+  title: {
+    fontSize: 32,
+    fontWeight: 'bold',
+    lineHeight: 32,
+  },
+  subtitle: {
+    fontSize: 20,
+    fontWeight: 'bold',
+  },
+  link: {
+    lineHeight: 30,
+    fontSize: 16,
+    color: '#0a7ea4',
+  },
+});
diff --git a/components/themed-view.tsx b/components/themed-view.tsx
index 6f181d8..3f37e05 100644
--- a/components/themed-view.tsx
+++ b/components/themed-view.tsx
@@ -5,10 +5,19 @@ import { useThemeColor } from '@/hooks/use-theme-color';
 export type ThemedViewProps = ViewProps & {
   lightColor?: string;
   darkColor?: string;
+  lvl?:number;
 };
 
-export function ThemedView({ style, lightColor, darkColor, ...otherProps }: ThemedViewProps) {
-  const backgroundColor = useThemeColor({ light: lightColor, dark: darkColor }, 'background');
+export function ThemedView({ style, lightColor, darkColor,lvl=1, ...otherProps }: ThemedViewProps) {
+  var lvlStr:string = "background";
+  if(lvl>=0 && lvl<6){
+    lvlStr+=lvl;
+  }
+  else lvlStr+='5';
+
+
+  const backgroundColor = useThemeColor({ light: lightColor, dark: darkColor },lvlStr as 'background0'|'background1'|'background2'|'background3'|'background4'|'background5');
+
 
   return <View style={[{ backgroundColor }, style]} {...otherProps} />;
 }
diff --git a/constants/theme.ts b/constants/theme.ts
index f06facd..b814117 100644
--- a/constants/theme.ts
+++ b/constants/theme.ts
@@ -11,7 +11,13 @@ const tintColorDark = '#fff';
 export const Colors = {
   light: {
     text: '#11181C',
-    background: '#fff',
+    text_: '#ECEDEE',
+    background0: '#ffffff',
+    background1: '#F0F0F0',
+    background2: '#E0E0E0',
+    background3: '#D0D0D0',
+    background4: '#C0C0C0',
+    background5: '#B0B0B0',
     tint: tintColorLight,
     icon: '#687076',
     tabIconDefault: '#687076',
@@ -19,7 +25,13 @@ export const Colors = {
   },
   dark: {
     text: '#ECEDEE',
-    background: '#151718',
+    text_: '#11181C',
+    background0: '#000000',
+    background1: '#101112',
+    background2: '#202224',
+    background3: '#303336',
+    background4: '#404448',
+    background5: '#50555A',
     tint: tintColorDark,
     icon: '#9BA1A6',
     tabIconDefault: '#9BA1A6',
diff --git a/package-lock.json b/package-lock.json
index 75bdfd0..30cf17c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -85,6 +85,7 @@
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.4.tgz",
       "integrity": "sha512-2BCOP7TN8M+gVDj7/ht3hsaO/B/n5oDbiAyyvnRlNOs+u1o+JWNYTQrmpuNp1/Wq2gcFrI01JAW+paEKDMx/CA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.27.1",
         "@babel/generator": "^7.28.3",
@@ -1466,6 +1467,7 @@
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz",
       "integrity": "sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -2326,6 +2328,7 @@
       "resolved": "https://registry.npmjs.org/@firebase/app/-/app-0.14.5.tgz",
       "integrity": "sha512-zyNY77xJOGwcuB+xCxF8z8lSiHvD4ox7BCsqLEHEvgqQoRjxFZ0fkROR6NV5QyXmCqRLodMM8J5d2EStOocWIw==",
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "@firebase/component": "0.7.0",
         "@firebase/logger": "0.5.0",
@@ -2392,6 +2395,7 @@
       "resolved": "https://registry.npmjs.org/@firebase/app-compat/-/app-compat-0.5.5.tgz",
       "integrity": "sha512-lVG/nRnXaot0rQSZazmTNqy83ti9O3+kdwoaE0d5wahRIWNoDirbIMcGVjDDgdmf4IE6FYreWOMh0L3DV1475w==",
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "@firebase/app": "0.14.5",
         "@firebase/component": "0.7.0",
@@ -2407,7 +2411,8 @@
       "version": "0.9.3",
       "resolved": "https://registry.npmjs.org/@firebase/app-types/-/app-types-0.9.3.tgz",
       "integrity": "sha512-kRVpIl4vVGJ4baogMDINbyrIOtOxqhkZQg4jTq3l8Lw6WSk0xfpEYzezFu+Kl4ve4fbPl79dvwRtaFqAC/ucCw==",
-      "license": "Apache-2.0"
+      "license": "Apache-2.0",
+      "peer": true
     },
     "node_modules/@firebase/auth": {
       "version": "1.11.1",
@@ -2858,6 +2863,7 @@
       "integrity": "sha512-0AZUyYUfpMNcztR5l09izHwXkZpghLgCUaAGjtMwXnCg3bj4ml5VgiwqOMOxJ+Nw4qN/zJAaOQBcJ7KGkWStqQ==",
       "hasInstallScript": true,
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.1.0"
       },
@@ -3870,6 +3876,7 @@
       "resolved": "https://registry.npmjs.org/@react-navigation/native/-/native-7.1.19.tgz",
       "integrity": "sha512-fM7q8di4Q8sp2WUhiUWOe7bEDRyRhbzsKQOd5N2k+lHeCx3UncsRYuw4Q/KN0EovM3wWKqMMmhy/YWuEO04kgw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@react-navigation/core": "^7.13.0",
         "escape-string-regexp": "^4.0.0",
@@ -4072,6 +4079,7 @@
       "integrity": "sha512-Qec1E3mhALmaspIrhWt9jkQMNdw6bReVu64mjvhbhq2NFPftLPVr+l1SZgmw/66WwBNpDh7ao5AT6gF5v41PFA==",
       "devOptional": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "csstype": "^3.0.2"
       }
@@ -4143,6 +4151,7 @@
       "integrity": "sha512-n1H6IcDhmmUEG7TNVSspGmiHHutt7iVKtZwRppD7e04wha5MrkV1h3pti9xQLcCMt6YWsncpoT0HMjkH1FNwWQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.46.0",
         "@typescript-eslint/types": "8.46.0",
@@ -4705,6 +4714,7 @@
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -5390,6 +5400,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.8.9",
         "caniuse-lite": "^1.0.30001746",
@@ -6529,6 +6540,7 @@
       "integrity": "sha512-XyLmROnACWqSxiGYArdef1fItQd47weqB7iwtfr9JHwRrqIXZdcFMvvEcL9xHCmL0SNsOvF0c42lWyM1U5dgig==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -6726,6 +6738,7 @@
       "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.9",
@@ -6964,6 +6977,7 @@
       "resolved": "https://registry.npmjs.org/expo/-/expo-54.0.13.tgz",
       "integrity": "sha512-F1puKXzw8ESnsbvaKdXtcIiyYLQ2kUHqP8LuhgtJS1wm6w55VhtOPg8yl/0i8kPbTA0YfD+KYdXjSfhPXgUPxw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/runtime": "^7.20.0",
         "@expo/cli": "54.0.11",
@@ -7031,6 +7045,7 @@
       "resolved": "https://registry.npmjs.org/expo-constants/-/expo-constants-18.0.9.tgz",
       "integrity": "sha512-sqoXHAOGDcr+M9NlXzj1tGoZyd3zxYDy215W6E0Z0n8fgBaqce9FAYQE2bu5X4G629AYig5go7U6sQz7Pjcm8A==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@expo/config": "~12.0.9",
         "@expo/env": "~2.0.7"
@@ -7055,6 +7070,7 @@
       "resolved": "https://registry.npmjs.org/expo-font/-/expo-font-14.0.9.tgz",
       "integrity": "sha512-xCoQbR/36qqB6tew/LQ6GWICpaBmHLhg/Loix5Rku/0ZtNaXMJv08M9o1AcrdiGTn/Xf/BnLu6DgS45cWQEHZg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fontfaceobserver": "^2.1.0"
       },
@@ -7105,6 +7121,7 @@
       "resolved": "https://registry.npmjs.org/expo-linking/-/expo-linking-8.0.8.tgz",
       "integrity": "sha512-MyeMcbFDKhXh4sDD1EHwd0uxFQNAc6VCrwBkNvvvufUsTYFq3glTA9Y8a+x78CPpjNqwNAamu74yIaIz7IEJyg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "expo-constants": "~18.0.8",
         "invariant": "^2.2.4"
@@ -11340,6 +11357,7 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
       "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -11359,6 +11377,7 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz",
       "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "scheduler": "^0.26.0"
       },
@@ -11395,6 +11414,7 @@
       "resolved": "https://registry.npmjs.org/react-native/-/react-native-0.81.4.tgz",
       "integrity": "sha512-bt5bz3A/+Cv46KcjV0VQa+fo7MKxs17RCcpzjftINlen4ZDUl0I6Ut+brQ2FToa5oD0IB0xvQHfmsg2EDqsZdQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jest/create-cache-key-function": "^29.7.0",
         "@react-native/assets-registry": "0.81.4",
@@ -11452,6 +11472,7 @@
       "resolved": "https://registry.npmjs.org/react-native-gesture-handler/-/react-native-gesture-handler-2.28.0.tgz",
       "integrity": "sha512-0msfJ1vRxXKVgTgvL+1ZOoYw3/0z1R+Ked0+udoJhyplC2jbVKIJ8Z1bzWdpQRCV3QcQ87Op0zJVE5DhKK2A0A==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@egjs/hammerjs": "^2.0.17",
         "hoist-non-react-statics": "^3.3.0",
@@ -11499,6 +11520,7 @@
       "resolved": "https://registry.npmjs.org/react-native-reanimated/-/react-native-reanimated-4.1.3.tgz",
       "integrity": "sha512-GP8wsi1u3nqvC1fMab/m8gfFwFyldawElCcUSBJQgfrXeLmsPPUOpDw44lbLeCpcwUuLa05WTVePdTEwCLTUZg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "react-native-is-edge-to-edge": "^1.2.1",
         "semver": "7.7.2"
@@ -11527,6 +11549,7 @@
       "resolved": "https://registry.npmjs.org/react-native-safe-area-context/-/react-native-safe-area-context-5.6.2.tgz",
       "integrity": "sha512-4XGqMNj5qjUTYywJqpdWZ9IG8jgkS3h06sfVjfw5yZQZfWnRFXczi0GnYyFyCc2EBps/qFmoCH8fez//WumdVg==",
       "license": "MIT",
+      "peer": true,
       "peerDependencies": {
         "react": "*",
         "react-native": "*"
@@ -11537,6 +11560,7 @@
       "resolved": "https://registry.npmjs.org/react-native-screens/-/react-native-screens-4.16.0.tgz",
       "integrity": "sha512-yIAyh7F/9uWkOzCi1/2FqvNvK6Wb9Y1+Kzn16SuGfN9YFJDTbwlzGRvePCNTOX0recpLQF3kc2FmvMUhyTCH1Q==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "react-freeze": "^1.0.0",
         "react-native-is-edge-to-edge": "^1.2.1",
@@ -11552,6 +11576,7 @@
       "resolved": "https://registry.npmjs.org/react-native-web/-/react-native-web-0.21.1.tgz",
       "integrity": "sha512-BeNsgwwe4AXUFPAoFU+DKjJ+CVQa3h54zYX77p7GVZrXiiNo3vl03WYDYVEy5R2J2HOPInXtQZB5gmj3vuzrKg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/runtime": "^7.18.6",
         "@react-native/normalize-colors": "^0.74.1",
@@ -11584,6 +11609,7 @@
       "resolved": "https://registry.npmjs.org/react-native-worklets/-/react-native-worklets-0.5.1.tgz",
       "integrity": "sha512-lJG6Uk9YuojjEX/tQrCbcbmpdLCSFxDK1rJlkDhgqkVi1KZzG7cdcBFQRqyNOOzR9Y0CXNuldmtWTGOyM0k0+w==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/plugin-transform-arrow-functions": "^7.0.0-0",
         "@babel/plugin-transform-class-properties": "^7.0.0-0",
@@ -11694,6 +11720,7 @@
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz",
       "integrity": "sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -13116,6 +13143,7 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -13322,6 +13350,7 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -14297,6 +14326,7 @@
       "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
       "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
       "license": "MIT",
+      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }