diff --git a/babel.config.js b/babel.config.js
index 9d89e13..552ee48 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -2,5 +2,15 @@ module.exports = function (api) {
   api.cache(true);
   return {
     presets: ['babel-preset-expo'],
+    plugins: [
+      [
+        "module-resolver",
+        {
+          alias: {
+            "@native-base/icons": "@native-base/icons/lib",
+          },
+        },
+      ],
+    ],
   };
 };
diff --git a/package.json b/package.json
index c2eaecd..7b72ea2 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
 		"preset": "jest-expo"
 	},
 	"dependencies": {
+		"@native-base/icons": "^0.0.10",
 		"@react-native-community/masked-view": "0.1.10",
 		"@react-navigation/native": "^5.9.4",
 		"@react-navigation/stack": "^5.14.5",
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index ccc5a20..dc2b0a5 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -12,7 +12,7 @@ import {
 } from 'native-base';
 import { Floaters } from '../components/Floaters';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { EvilIcons } from '@expo/vector-icons';
+import { EvilIcons } from '@native-base/icons';
 
 export const Layout = ({
   children,
diff --git a/src/nb/NativeBase b/src/nb/NativeBase
index 592cc0a..049822b 160000
--- a/src/nb/NativeBase
+++ b/src/nb/NativeBase
@@ -1 +1 @@
-Subproject commit 592cc0acc27e247a4291ff5c26f6647de91a65e7
+Subproject commit 049822b3878b2f829a397c446a405dabfd2fee69
diff --git a/src/nb/components/basic/SectionList/Basic.tsx b/src/nb/components/basic/SectionList/Basic.tsx
index cc972d2..6df3dbb 100644
--- a/src/nb/components/basic/SectionList/Basic.tsx
+++ b/src/nb/components/basic/SectionList/Basic.tsx
@@ -28,7 +28,7 @@ export const Example = () => {
     },
   ];
   return (
-    <Center h="80">
+    <Center h="80" w="100%">
       <SectionList
         maxW="300"
         w="100%"
diff --git a/src/nb/components/composites/Menu/Group.tsx b/src/nb/components/composites/Menu/Group.tsx
index 5ea31df..10dc154 100644
--- a/src/nb/components/composites/Menu/Group.tsx
+++ b/src/nb/components/composites/Menu/Group.tsx
@@ -6,9 +6,6 @@ export function Example() {
     <Box h="80%" w="90%" alignItems="flex-start">
       <Menu
         w="190"
-        closeOnSelect={false}
-        onOpen={() => console.log('opened')}
-        onClose={() => console.log('closed')}
         trigger={(triggerProps) => {
           return (
             <Pressable {...triggerProps}>
diff --git a/src/nb/components/composites/Modal/ModalPlacement.tsx b/src/nb/components/composites/Modal/ModalPlacement.tsx
index 3fcdca6..471a489 100644
--- a/src/nb/components/composites/Modal/ModalPlacement.tsx
+++ b/src/nb/components/composites/Modal/ModalPlacement.tsx
@@ -20,7 +20,7 @@ export const Example = () => {
         <Button onPress={() => openModal('left')}>Left</Button>
         <Button onPress={() => openModal('right')}>Right</Button>
       </Stack>
-      <Modal isOpen={open} onClose={() => setOpen(false)} mt={12}>
+      <Modal isOpen={open} onClose={() => setOpen(false)} safeAreaTop={true}>
         <Modal.Content maxWidth="350" {...styles[placement]}>
           <Modal.CloseButton />
           <Modal.Header>Contact Us</Modal.Header>
diff --git a/src/nb/components/composites/Popover/PopoverPositions.tsx b/src/nb/components/composites/Popover/PopoverPositions.tsx
index 534cf48..af25f93 100644
--- a/src/nb/components/composites/Popover/PopoverPositions.tsx
+++ b/src/nb/components/composites/Popover/PopoverPositions.tsx
@@ -3,6 +3,7 @@ import { Popover, Button, VStack, Select, CheckIcon, Box } from 'native-base';
 
 export function Example() {
   const [position, setPosition] = useState('auto');
+  const [isOpen, setIsOpen] = useState(false);
 
   return (
     <Box h="60%" w="100%" alignItems="center">
@@ -12,15 +13,22 @@ export function Example() {
           placement={position === 'auto' ? undefined : position}
           trigger={(triggerProps) => {
             return (
-              <Button colorScheme="danger" alignSelf="center" {...triggerProps}>
+              <Button
+                colorScheme="danger"
+                alignSelf="center"
+                {...triggerProps}
+                onPress={() => setIsOpen(true)}
+              >
                 Delete Customer
               </Button>
             );
           }}
+          isOpen={isOpen}
+          onClose={() => setIsOpen(!isOpen)}
         >
           <Popover.Content w="56">
             <Popover.Arrow />
-            <Popover.CloseButton />
+            <Popover.CloseButton onPress={() => setIsOpen(false)} />
             <Popover.Header>Delete Customer</Popover.Header>
             <Popover.Body>
               This will remove all data relating to Alex. This action cannot be
@@ -28,10 +36,16 @@ export function Example() {
             </Popover.Body>
             <Popover.Footer justifyContent="flex-end">
               <Button.Group space={2}>
-                <Button colorScheme="coolGray" variant="ghost">
+                <Button
+                  colorScheme="coolGray"
+                  variant="ghost"
+                  onPress={() => setIsOpen(false)}
+                >
                   Cancel
                 </Button>
-                <Button colorScheme="danger">Delete</Button>
+                <Button colorScheme="danger" onPress={() => setIsOpen(false)}>
+                  Delete
+                </Button>
               </Button.Group>
             </Popover.Footer>
           </Popover.Content>
diff --git a/src/nb/components/composites/Progress/CustomBgColor.tsx b/src/nb/components/composites/Progress/CustomBgColor.tsx
index 0aa6789..5306611 100644
--- a/src/nb/components/composites/Progress/CustomBgColor.tsx
+++ b/src/nb/components/composites/Progress/CustomBgColor.tsx
@@ -5,7 +5,14 @@ export const Example = () => {
   return (
     <Center w="100%">
       <Box w="90%" maxW="400">
-        <Progress colorScheme="primary" bg="coolGray.300" value={75} mx="4" />
+        <Progress
+          bg="coolGray.100"
+          _filledTrack={{
+            bg: 'lime.500',
+          }}
+          value={75}
+          mx="4"
+        />
       </Box>
     </Center>
   );
diff --git a/src/nb/components/composites/Transitions/Slide.tsx b/src/nb/components/composites/Transitions/Slide.tsx
index 3012345..c0becf8 100644
--- a/src/nb/components/composites/Transitions/Slide.tsx
+++ b/src/nb/components/composites/Transitions/Slide.tsx
@@ -1,5 +1,12 @@
 import React from 'react';
-import { Slide, Button, Alert, Text, Box } from 'native-base';
+import {
+  Slide,
+  Button,
+  Alert,
+  Text,
+  Box,
+  useColorModeValue,
+} from 'native-base';
 export const Example = () => {
   const [isOpenTop, setIsOpenTop] = React.useState(false);
   const str = `${isOpenTop ? 'Hide' : 'Check Internet Connection'}`;
@@ -18,6 +25,7 @@ export const Example = () => {
         onPress={() => setIsOpenTop(!isOpenTop)}
         variant="unstyled"
         bg="coolGray.700:alpha.30"
+        _text={{ color: useColorModeValue('darkText', 'lightText') }}
       >
         {str}
       </Button>
diff --git a/src/nb/components/composites/Transitions/SlideComposition.tsx b/src/nb/components/composites/Transitions/SlideComposition.tsx
index 84b7da7..3ec5a63 100644
--- a/src/nb/components/composites/Transitions/SlideComposition.tsx
+++ b/src/nb/components/composites/Transitions/SlideComposition.tsx
@@ -11,9 +11,13 @@ import {
   WarningIcon,
   Input,
   Center,
+  useSafeArea,
 } from 'native-base';
 export const Example = () => {
   const [isOpen, setIsOpen] = React.useState(false);
+  const safeAreaProps = useSafeArea({
+    safeAreaTop: true,
+  });
   return (
     <Center>
       <Box w="300">
@@ -55,6 +59,7 @@ export const Example = () => {
               color: 'orange.600',
             }}
             bg="orange.200"
+            {...safeAreaProps}
           >
             Due to government restrictions around COVID- 19, you may experience
             a delay in your delivery.
diff --git a/src/nb/components/primitives/Box/composition-card.tsx b/src/nb/components/primitives/Box/composition-card.tsx
index f302b8f..5837d84 100644
--- a/src/nb/components/primitives/Box/composition-card.tsx
+++ b/src/nb/components/primitives/Box/composition-card.tsx
@@ -1,18 +1,43 @@
 import React from 'react';
 import { Box, Stack, Heading, Icon, Text, HStack, Avatar } from 'native-base';
-import { MaterialCommunityIcons, SimpleLineIcons } from '@expo/vector-icons';
+import {
+  MaterialCommunityIcons,
+  SimpleLineIcons,
+  MaterialIcons,
+} from '@expo/vector-icons';
 export const Example = () => {
   return (
     <Box p={5} rounded="xl" shadow={4} w="100%">
       <Stack space={6}>
-        <Avatar
-          size={'sm'}
-          bg="teal.500"
-          source={{
-            uri:
-              'https://i.pinimg.com/originals/4d/72/97/4d7297dad94265c0acbc3b677d418935.jpg',
-          }}
-        />
+        <HStack justifyContent="space-between" alignItems="center">
+          <Avatar
+            size={'sm'}
+            bg="teal.500"
+            source={{
+              uri:
+                'https://i.pinimg.com/originals/4d/72/97/4d7297dad94265c0acbc3b677d418935.jpg',
+            }}
+          />
+          <HStack space={2} alignItems="center">
+            <Icon
+              name="star"
+              as={SimpleLineIcons}
+              size={4}
+              // color="blueGray.700"
+              _light={{ color: 'blueGray.700' }}
+              _dark={{ color: 'blueGray.400' }}
+            />
+            <Icon
+              size={4}
+              name="more-horiz"
+              // color="blueGray.700"
+              _light={{ color: 'blueGray.700' }}
+              _dark={{ color: 'blueGray.400' }}
+              as={MaterialIcons}
+            />
+          </HStack>
+        </HStack>
+
         <Stack space={3}>
           <Heading
             size="lg"
@@ -40,7 +65,9 @@ export const Example = () => {
               <Icon
                 name="grid"
                 as={MaterialCommunityIcons}
-                color="blueGray.700"
+                // color="blueGray.700"
+                _light={{ color: 'blueGray.700' }}
+                _dark={{ color: 'blueGray.400' }}
               />
               <Text
                 flexShrink={1}
@@ -55,7 +82,9 @@ export const Example = () => {
               <Icon
                 name="calendar"
                 as={MaterialCommunityIcons}
-                color="blueGray.700"
+                // color="blueGray.700"
+                _light={{ color: 'blueGray.700' }}
+                _dark={{ color: 'blueGray.400' }}
               />
               <Text
                 _light={{ color: 'blueGray.500' }}
@@ -92,16 +121,6 @@ export const Example = () => {
         */}
         </HStack>
       </Stack>
-      <HStack
-        position="absolute"
-        top={3}
-        right={3}
-        space={2}
-        alignItems="center"
-      >
-        <Icon name="star" as={SimpleLineIcons} size={4} color="blueGray.700" />
-        <Icon name="more-horiz" color="blueGray.700" />
-      </HStack>
     </Box>
   );
 };
diff --git a/src/nb/components/primitives/Image/Sizes.tsx b/src/nb/components/primitives/Image/Sizes.tsx
index 44a6253..5783e2d 100644
--- a/src/nb/components/primitives/Image/Sizes.tsx
+++ b/src/nb/components/primitives/Image/Sizes.tsx
@@ -1,11 +1,23 @@
 import React from 'react';
 import { VStack, Image, ScrollView, Heading, Center } from 'native-base';
+
 export function Example() {
   return (
-    <ScrollView px="20">
-      <Center mt="3" h="80">
-        <Heading mb="10">Image Sizes</Heading>
-        <VStack space={2} alignItems="center" safeAreaTop my={6}>
+    <>
+      <Heading mb="10" textAlign="center" mt="3">
+        Image Sizes
+      </Heading>
+      <ScrollView px="20">
+        {/* <Center mt="3" h="80"> */}
+
+        <VStack
+          space={2}
+          justifyContent="center"
+          alignItems="center"
+          safeAreaTop
+          // my={6}
+          mb={6}
+        >
           {['xs', 'sm', 'md', 'lg', 'xl', '2xl'].map((size) => (
             <Image
               key={size}
@@ -18,7 +30,8 @@ export function Example() {
             />
           ))}
         </VStack>
-      </Center>
-    </ScrollView>
+        {/* </Center> */}
+      </ScrollView>
+    </>
   );
 }
diff --git a/src/nb/components/primitives/Radio/controlledRadio.tsx b/src/nb/components/primitives/Radio/controlledRadio.tsx
index 8ae7d4a..ba5963e 100644
--- a/src/nb/components/primitives/Radio/controlledRadio.tsx
+++ b/src/nb/components/primitives/Radio/controlledRadio.tsx
@@ -3,17 +3,6 @@ import { Radio } from 'native-base';
 
 export const Example = () => {
   const [value, setValue] = React.useState('one');
-  const ref = React.useRef(null);
-  React.useEffect(() => {
-    console.log('ref here', ref.current);
-    // ref.current.setNativeProps({
-    //   backgroundColor: 'red',
-    // });
-    // ref.current.setNativeProps({
-    //   backgroundColor: 'red',
-    // });
-    ref.current.focus();
-  }, []);
   return (
     <Radio.Group
       name="myRadioGroup"
@@ -23,10 +12,10 @@ export const Example = () => {
         setValue(nextValue);
       }}
     >
-      <Radio value="one" my={1} bg="blue.200">
+      <Radio value="one" my={1}>
         One
       </Radio>
-      <Radio value="two" my={1} bg="red.200" ref={ref}>
+      <Radio value="two" my={1}>
         Two
       </Radio>
     </Radio.Group>
diff --git a/yarn.lock b/yarn.lock
index dbe9b94..7d7d69b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,6 +2,13 @@
 # yarn lockfile v1
 
 
+"@ampproject/remapping@^2.1.0":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.1.2.tgz#4edca94973ded9630d20101cd8559cedb8d8bd34"
+  integrity sha512-hoyByceqwKirw7w3Z7gnIIZC3Wx3J484Y3L/cMpXFbr7d9ZQj2mODrirNzcJa+SM3UlpWXYvKV4RlRpFXlWgXg==
+  dependencies:
+    "@jridgewell/trace-mapping" "^0.3.0"
+
 "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.8.3":
   version "7.12.13"
   resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.13.tgz"
@@ -40,6 +47,11 @@
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.14.5.tgz#8ef4c18e58e801c5c95d3c1c0f2874a2680fadea"
   integrity sha512-kixrYn4JwfAVPa0f2yfzc2AWti6WRRyO3XjWW5PJAvtE11qhSayrrcrEnee05KAtNaPC+EwehE8Qt1UedEVB8w==
 
+"@babel/compat-data@^7.16.4":
+  version "7.17.0"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.17.0.tgz#86850b8597ea6962089770952075dcaabb8dba34"
+  integrity sha512-392byTlpGWXMv4FbyWw3sAZ/FrW/DrwqLGXpy0mbyNe9Taqv1mg9yON5/o0cnr8XYCkFTZbC1eV+c+LAROgrng==
+
 "@babel/core@7.9.0":
   version "7.9.0"
   resolved "https://registry.npmjs.org/@babel/core/-/core-7.9.0.tgz"
@@ -104,6 +116,27 @@
     semver "^6.3.0"
     source-map "^0.5.0"
 
+"@babel/core@^7.17.2":
+  version "7.17.4"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.17.4.tgz#a22f1ae8999122873b3d18865e98c7a3936b8c8b"
+  integrity sha512-R9x5r4t4+hBqZTmioSnkrW+I6NmbojwjGT8p4G2Gw1thWbXIHGDnmGdLdFw0/7ljucdIrNRp7Npgb4CyBYzzJg==
+  dependencies:
+    "@ampproject/remapping" "^2.1.0"
+    "@babel/code-frame" "^7.16.7"
+    "@babel/generator" "^7.17.3"
+    "@babel/helper-compilation-targets" "^7.16.7"
+    "@babel/helper-module-transforms" "^7.16.7"
+    "@babel/helpers" "^7.17.2"
+    "@babel/parser" "^7.17.3"
+    "@babel/template" "^7.16.7"
+    "@babel/traverse" "^7.17.3"
+    "@babel/types" "^7.17.0"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.1.2"
+    semver "^6.3.0"
+
 "@babel/core@~7.9.0":
   version "7.9.6"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.9.6.tgz#d9aa1f580abf3b2286ef40b6904d390904c63376"
@@ -153,6 +186,15 @@
     jsesc "^2.5.1"
     source-map "^0.5.0"
 
+"@babel/generator@^7.17.3":
+  version "7.17.3"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.17.3.tgz#a2c30b0c4f89858cb87050c3ffdfd36bdf443200"
+  integrity sha512-+R6Dctil/MgUsZsZAkYgK+ADNSZzJRRy0TvY65T71z/CR854xHQ1EweBYXdfT+HNeN7w0cSJJEzgxZMv40pxsg==
+  dependencies:
+    "@babel/types" "^7.17.0"
+    jsesc "^2.5.1"
+    source-map "^0.5.0"
+
 "@babel/helper-annotate-as-pure@^7.0.0", "@babel/helper-annotate-as-pure@^7.12.13":
   version "7.12.13"
   resolved "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.12.13.tgz"
@@ -188,6 +230,16 @@
     browserslist "^4.16.6"
     semver "^6.3.0"
 
+"@babel/helper-compilation-targets@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.16.7.tgz#06e66c5f299601e6c7da350049315e83209d551b"
+  integrity sha512-mGojBwIWcwGD6rfqgRXVlVYmPAv7eOpIemUG3dGnDdCY4Pae70ROij3XmfrH6Fa1h1aiDylpglbZyktfzyo/hA==
+  dependencies:
+    "@babel/compat-data" "^7.16.4"
+    "@babel/helper-validator-option" "^7.16.7"
+    browserslist "^4.17.5"
+    semver "^6.3.0"
+
 "@babel/helper-create-class-features-plugin@^7.12.13", "@babel/helper-create-class-features-plugin@^7.13.0", "@babel/helper-create-class-features-plugin@^7.14.0", "@babel/helper-create-class-features-plugin@^7.14.2", "@babel/helper-create-class-features-plugin@^7.14.3":
   version "7.14.3"
   resolved "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.14.3.tgz"
@@ -334,6 +386,13 @@
   dependencies:
     "@babel/types" "^7.14.5"
 
+"@babel/helper-module-imports@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.16.7.tgz#25612a8091a999704461c8a222d0efec5d091437"
+  integrity sha512-LVtS6TqjJHFc+nYeITRo6VLXve70xmq7wPhWTqDJusJEgGmkAACWwMiTNrvfoQo6hEhFwAIixNkvB0jPXDL8Wg==
+  dependencies:
+    "@babel/types" "^7.16.7"
+
 "@babel/helper-module-transforms@^7.13.0", "@babel/helper-module-transforms@^7.14.0", "@babel/helper-module-transforms@^7.14.2", "@babel/helper-module-transforms@^7.9.0":
   version "7.14.2"
   resolved "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.14.2.tgz"
@@ -362,6 +421,20 @@
     "@babel/traverse" "^7.14.5"
     "@babel/types" "^7.14.5"
 
+"@babel/helper-module-transforms@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.16.7.tgz#7665faeb721a01ca5327ddc6bba15a5cb34b6a41"
+  integrity sha512-gaqtLDxJEFCeQbYp9aLAefjhkKdjKcdh6DB7jniIGU3Pz52WAmP268zK0VgPz9hUNkMSYeH976K2/Y6yPadpng==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.16.7"
+    "@babel/helper-module-imports" "^7.16.7"
+    "@babel/helper-simple-access" "^7.16.7"
+    "@babel/helper-split-export-declaration" "^7.16.7"
+    "@babel/helper-validator-identifier" "^7.16.7"
+    "@babel/template" "^7.16.7"
+    "@babel/traverse" "^7.16.7"
+    "@babel/types" "^7.16.7"
+
 "@babel/helper-optimise-call-expression@^7.12.13":
   version "7.12.13"
   resolved "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.12.13.tgz"
@@ -429,6 +502,13 @@
   dependencies:
     "@babel/types" "^7.14.5"
 
+"@babel/helper-simple-access@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.16.7.tgz#d656654b9ea08dbb9659b69d61063ccd343ff0f7"
+  integrity sha512-ZIzHVyoeLMvXMN/vok/a4LWRy8G2v205mNP0XOuf9XRLyX5/u9CnVulUtDgUTama3lT+bf/UqucuZjqiGuTS1g==
+  dependencies:
+    "@babel/types" "^7.16.7"
+
 "@babel/helper-skip-transparent-expression-wrappers@^7.12.1":
   version "7.12.1"
   resolved "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.12.1.tgz"
@@ -482,6 +562,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.14.5.tgz#6e72a1fff18d5dfcb878e1e62f1a021c4b72d5a3"
   integrity sha512-OX8D5eeX4XwcroVW45NMvoYaIuFI+GQpA2a8Gi+X/U/cDUIRsV37qQfF905F0htTRCREQIB4KqPeaveRJUl3Ow==
 
+"@babel/helper-validator-option@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.16.7.tgz#b203ce62ce5fe153899b617c08957de860de4d23"
+  integrity sha512-TRtenOuRUVo9oIQGPC5G9DgK4743cdxvtOw0weQNpZXaS16SCBi5MNjZF8vba3ETURjZpTbVn7Vvcf2eAwFozQ==
+
 "@babel/helper-wrap-function@^7.13.0":
   version "7.13.0"
   resolved "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.13.0.tgz"
@@ -510,6 +595,15 @@
     "@babel/traverse" "^7.14.5"
     "@babel/types" "^7.14.5"
 
+"@babel/helpers@^7.17.2":
+  version "7.17.2"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.17.2.tgz#23f0a0746c8e287773ccd27c14be428891f63417"
+  integrity sha512-0Qu7RLR1dILozr/6M0xgj+DFPmi6Bnulgm9M8BVa9ZCWxDqlSnqt3cf8IDPB5m45sVXUZ0kuQAgUrdSFFH79fQ==
+  dependencies:
+    "@babel/template" "^7.16.7"
+    "@babel/traverse" "^7.17.0"
+    "@babel/types" "^7.17.0"
+
 "@babel/helpers@^7.9.6":
   version "7.17.0"
   resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.17.0.tgz#79cdf6c66a579f3a7b5e739371bc63ca0306886b"
@@ -561,6 +655,11 @@
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.17.0.tgz#f0ac33eddbe214e4105363bb17c3341c5ffcc43c"
   integrity sha512-VKXSCQx5D8S04ej+Dqsr1CzYvvWgf20jIw2D+YhQCrIlr2UZGaDds23Y0xg75/skOxpLCRpUZvk/1EAVkGoDOw==
 
+"@babel/parser@^7.17.3":
+  version "7.17.3"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.17.3.tgz#b07702b982990bf6fdc1da5049a23fece4c5c3d0"
+  integrity sha512-7yJPvPV+ESz2IUTPbOL+YkIGyCqOyNIzdguKQuJGnH7bg1WTIifuM21YqokFt/THWh1AkCRn9IgoykTRCBVpzA==
+
 "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.13.12":
   version "7.13.12"
   resolved "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.13.12.tgz"
@@ -1389,6 +1488,13 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
+"@babel/runtime@^7.17.2":
+  version "7.17.2"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.17.2.tgz#66f68591605e59da47523c631416b18508779941"
+  integrity sha512-hzeyJyMA1YGdJTuWU0e/j4wKXrU4OMFvY2MSlaI9B7VQb0r5cxTE3EAIS2Q7Tn2RIcDkRvTA/v2JsAEhxe99uw==
+  dependencies:
+    regenerator-runtime "^0.13.4"
+
 "@babel/runtime@^7.8.7":
   version "7.16.3"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.16.3.tgz#b86f0db02a04187a3c17caa77de69840165d42d5"
@@ -1452,6 +1558,22 @@
     debug "^4.1.0"
     globals "^11.1.0"
 
+"@babel/traverse@^7.16.7", "@babel/traverse@^7.17.3":
+  version "7.17.3"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.17.3.tgz#0ae0f15b27d9a92ba1f2263358ea7c4e7db47b57"
+  integrity sha512-5irClVky7TxRWIRtxlh2WPUUOLhcPN06AGgaQSB8AEwuyEBgJVuJ5imdHm5zxk8w0QS5T+tDfnDxAlhWjpb7cw==
+  dependencies:
+    "@babel/code-frame" "^7.16.7"
+    "@babel/generator" "^7.17.3"
+    "@babel/helper-environment-visitor" "^7.16.7"
+    "@babel/helper-function-name" "^7.16.7"
+    "@babel/helper-hoist-variables" "^7.16.7"
+    "@babel/helper-split-export-declaration" "^7.16.7"
+    "@babel/parser" "^7.17.3"
+    "@babel/types" "^7.17.0"
+    debug "^4.1.0"
+    globals "^11.1.0"
+
 "@babel/traverse@^7.17.0", "@babel/traverse@^7.9.6":
   version "7.17.0"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.17.0.tgz#3143e5066796408ccc880a33ecd3184f3e75cd30"
@@ -1721,7 +1843,7 @@
   dependencies:
     cross-spawn "^6.0.5"
 
-"@expo/vector-icons@^12.0.4":
+"@expo/vector-icons@^12.0.4", "@expo/vector-icons@^12.0.5":
   version "12.0.5"
   resolved "https://registry.yarnpkg.com/@expo/vector-icons/-/vector-icons-12.0.5.tgz#bc508ad05fb7e9a3e008704977cfec6c18aa7728"
   integrity sha512-zWvHBmkpbi1KrPma6Y+r/bsGI6MjbM1MBSe6W9A4uYMLhNI5NR4JtTnqxhf7g1XdpaDtBdv5aOWKEx4d5rxnhg==
@@ -2363,6 +2485,35 @@
     "@babel/runtime" "^7.7.2"
     regenerator-runtime "^0.13.3"
 
+"@jridgewell/resolve-uri@^3.0.3":
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.0.5.tgz#68eb521368db76d040a6315cdb24bf2483037b9c"
+  integrity sha512-VPeQ7+wH0itvQxnG+lIzWgkysKIr3L9sslimFW55rHMdGu/qCQ5z5h9zq4gI8uBtqkpHhsF4Z/OwExufUCThew==
+
+"@jridgewell/sourcemap-codec@^1.4.10":
+  version "1.4.11"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.11.tgz#771a1d8d744eeb71b6adb35808e1a6c7b9b8c8ec"
+  integrity sha512-Fg32GrJo61m+VqYSdRSjRXMjQ06j8YIYfcTqndLYVAaHmroZHLJZCydsWBOTDqXS2v+mjxohBWEMfg97GXmYQg==
+
+"@jridgewell/trace-mapping@^0.3.0":
+  version "0.3.4"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.4.tgz#f6a0832dffd5b8a6aaa633b7d9f8e8e94c83a0c3"
+  integrity sha512-vFv9ttIedivx0ux3QSjhgtCVjPZd5l46ZOMDSCwnH1yUO2e964gO8LZGyv2QkqcgR6TnBU1v+1IFqmeoG+0UJQ==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.0.3"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+
+"@native-base/icons@^0.0.10":
+  version "0.0.10"
+  resolved "https://registry.yarnpkg.com/@native-base/icons/-/icons-0.0.10.tgz#734d648bbfee368a67e82ee3aa1628bc33f99245"
+  integrity sha512-gc0HJ9wV4lqb/MSC7uMMNiwY0/xUO6ezRBFWHV5CiRglk5OgBiBFHWf8vZFzp5CNH2irufvebhIvmshZTqmvWw==
+  dependencies:
+    "@babel/core" "^7.17.2"
+    "@babel/runtime" "^7.17.2"
+    "@expo/vector-icons" "^12.0.5"
+    react "^17.0.2"
+    react-native-vector-icons "^9.0.0"
+
 "@react-aria/checkbox@^3.2.1":
   version "3.2.2"
   resolved "https://registry.npmjs.org/@react-aria/checkbox/-/checkbox-3.2.2.tgz#359ffb4b8d2dbf4cfcd6e54718e132e6eda78ad3"
@@ -4256,6 +4407,17 @@ browserslist@^4.14.5, browserslist@^4.16.6:
     escalade "^3.1.1"
     node-releases "^1.1.71"
 
+browserslist@^4.17.5:
+  version "4.19.1"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.19.1.tgz#4ac0435b35ab655896c31d53018b6dd5e9e4c9a3"
+  integrity sha512-u2tbbG5PdKRTUoctO3NBD8FQ5HdPh1ZXPHzp1rwaa5jTc+RV9/+RlWiAIKmjRPQF+xbGM9Kklj5bZQFa2s/38A==
+  dependencies:
+    caniuse-lite "^1.0.30001286"
+    electron-to-chromium "^1.4.17"
+    escalade "^3.1.1"
+    node-releases "^2.0.1"
+    picocolors "^1.0.0"
+
 bser@2.1.1:
   version "2.1.1"
   resolved "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz"
@@ -4371,6 +4533,11 @@ caniuse-lite@^1.0.30001219:
   resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001230.tgz"
   integrity sha512-5yBd5nWCBS+jWKTcHOzXwo5xzcj4ePE/yjtkZyUV1BTUmrBaA9MRGC+e7mxnqXSA90CmCA8L3eKLaSUkt099IQ==
 
+caniuse-lite@^1.0.30001286:
+  version "1.0.30001312"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001312.tgz#e11eba4b87e24d22697dae05455d5aea28550d5f"
+  integrity sha512-Wiz1Psk2MEK0pX3rUzWaunLTZzqS2JYZFzNKqAiJGiuxIjRPLgV6+VDPOg6lQOUxmDwhTlh198JsTTi8Hzw6aQ==
+
 capture-exit@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/capture-exit/-/capture-exit-2.0.0.tgz"
@@ -4471,6 +4638,15 @@ cliui@^6.0.0:
     strip-ansi "^6.0.0"
     wrap-ansi "^6.2.0"
 
+cliui@^7.0.2:
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
+  integrity sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==
+  dependencies:
+    string-width "^4.2.0"
+    strip-ansi "^6.0.0"
+    wrap-ansi "^7.0.0"
+
 clone-deep@^4.0.1:
   version "4.0.1"
   resolved "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz"
@@ -5041,6 +5217,11 @@ electron-to-chromium@^1.3.723:
   resolved "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.741.tgz"
   integrity sha512-4i3T0cwnHo1O4Mnp9JniEco8bZiXoqbm3PhW5hv7uu8YLg35iajYrRnNyKFaN8/8SSTskU2hYqVTeYVPceSpUA==
 
+electron-to-chromium@^1.4.17:
+  version "1.4.71"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.71.tgz#17056914465da0890ce00351a3b946fd4cd51ff6"
+  integrity sha512-Hk61vXXKRb2cd3znPE9F+2pLWdIOmP7GjiTj45y6L3W/lO+hSnUSUhq+6lEaERWBdZOHbk2s3YV5c9xVl3boVw==
+
 emoji-regex@^7.0.1:
   version "7.0.3"
   resolved "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz"
@@ -5794,7 +5975,7 @@ gensync@^1.0.0-beta.1, gensync@^1.0.0-beta.2:
   resolved "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz"
   integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
 
-get-caller-file@^2.0.1:
+get-caller-file@^2.0.1, get-caller-file@^2.0.5:
   version "2.0.5"
   resolved "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz"
   integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
@@ -7988,6 +8169,11 @@ node-releases@^1.1.71:
   resolved "https://registry.npmjs.org/node-releases/-/node-releases-1.1.72.tgz"
   integrity sha512-LLUo+PpH3dU6XizX3iVoubUNheF/owjXCZZ5yACDxNnPtgFuludV1ZL3ayK1kVep42Rmm0+R9/Y60NQbZ2bifw==
 
+node-releases@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.2.tgz#7139fe71e2f4f11b47d4d2986aaf8c48699e0c01"
+  integrity sha512-XxYDdcQ6eKqp/YjI+tb2C5WM2LgjnZrfYg4vgQt49EK268b6gYCHsBLrK2qvJo4FmCtqmKezb0WZFK4fkrZNsg==
+
 node-stream-zip@^1.9.1:
   version "1.13.4"
   resolved "https://registry.npmjs.org/node-stream-zip/-/node-stream-zip-1.13.4.tgz"
@@ -8415,6 +8601,11 @@ phin@^2.9.1:
   resolved "https://registry.npmjs.org/phin/-/phin-2.9.3.tgz"
   integrity sha512-CzFr90qM24ju5f88quFC/6qohjC144rehe5n6DH900lgXmUe86+xCKc10ev56gRKC4/BkHUoG4uSiQgBiIXwDA==
 
+picocolors@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
+  integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
+
 picomatch@^2.0.4, picomatch@^2.2.3:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.0.tgz#f1f061de8f6a4bf022892e2d128234fb98302972"
@@ -8735,6 +8926,14 @@ react-native-unimodules@~0.13.3:
     unimodules-sensors-interface "~6.1.0"
     unimodules-task-manager-interface "~6.1.0"
 
+react-native-vector-icons@^9.0.0:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/react-native-vector-icons/-/react-native-vector-icons-9.1.0.tgz#52eaa205f5954d567b7048eb93d58ac854a2c59e"
+  integrity sha512-2AHZ/h9d/+rC0odz+OwbGNlc1Lik/pHhSixn4HfC8RtQ8CxfSBZ6gg7bTLcZhdSvZN+ZEGi30Fj+ZnOSQy+smg==
+  dependencies:
+    prop-types "^15.7.2"
+    yargs "^16.1.1"
+
 react-native-web@~0.13.12:
   version "0.13.18"
   resolved "https://registry.yarnpkg.com/react-native-web/-/react-native-web-0.13.18.tgz#964f058a16521a3b9a31b091415edfef5b6ef305"
@@ -8822,6 +9021,14 @@ react@16.13.1:
     object-assign "^4.1.1"
     prop-types "^15.6.2"
 
+react@^17.0.2:
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
+  integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+
 read-pkg-up@^7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-7.0.1.tgz#f3a6135758459733ae2b95638056e1854e7ef507"
@@ -10372,6 +10579,15 @@ wrap-ansi@^6.2.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
+wrap-ansi@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
 wrappy@1:
   version "1.0.2"
   resolved "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz"
@@ -10507,6 +10723,11 @@ y18n@^4.0.0:
   resolved "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz"
   integrity sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==
 
+y18n@^5.0.5:
+  version "5.0.8"
+  resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
+  integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
+
 yallist@^2.1.2:
   version "2.1.2"
   resolved "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz"
@@ -10533,6 +10754,11 @@ yargs-parser@^18.1.2:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
+yargs-parser@^20.2.2:
+  version "20.2.9"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"
+  integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
+
 yargs@^14.2.0:
   version "14.2.3"
   resolved "https://registry.npmjs.org/yargs/-/yargs-14.2.3.tgz"
@@ -10567,6 +10793,19 @@ yargs@^15.1.0, yargs@^15.3.1:
     y18n "^4.0.0"
     yargs-parser "^18.1.2"
 
+yargs@^16.1.1:
+  version "16.2.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.2.0.tgz#1c82bf0f6b6a66eafce7ef30e376f49a12477f66"
+  integrity sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==
+  dependencies:
+    cliui "^7.0.2"
+    escalade "^3.1.1"
+    get-caller-file "^2.0.5"
+    require-directory "^2.1.1"
+    string-width "^4.2.0"
+    y18n "^5.0.5"
+    yargs-parser "^20.2.2"
+
 yocto-queue@^0.1.0:
   version "0.1.0"
   resolved "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz"