diff --git a/example/storybook-nativewind/babel.config.js b/example/storybook-nativewind/babel.config.js
index f92684484..7671f2a18 100644
--- a/example/storybook-nativewind/babel.config.js
+++ b/example/storybook-nativewind/babel.config.js
@@ -12,6 +12,11 @@ module.exports = function (api) {
         'module-resolver',
         {
           alias: {
+            '@/components/ui/gluestack-ui-provider/providerContext':
+              path.resolve(
+                __dirname,
+                './src/extra-components/storybook-components/useMode.tsx'
+              ),
             '@/components/ui':
               process.env.STYLE_ENGINE === 'nativewind'
                 ? path.resolve(__dirname, './src/core-components/nativewind')
diff --git a/example/storybook-nativewind/package.json b/example/storybook-nativewind/package.json
index 11fd71835..ae7a2e889 100644
--- a/example/storybook-nativewind/package.json
+++ b/example/storybook-nativewind/package.json
@@ -52,8 +52,9 @@
     "@react-native-community/slider": "4.2.4",
     "@react-stately/collections": "^3.6.0",
     "@react-stately/tree": "^3.5.0",
-    "@unitools/link": "^0.0.4",
+    "@typescript-eslint/parser": "^8.10.0",
     "@unitools/image": "^0.0.5",
+    "@unitools/link": "^0.0.4",
     "expo": "^47.0.0",
     "expo-linear-gradient": "^12.3.0",
     "expo-status-bar": "~1.4.2",
@@ -61,6 +62,8 @@
     "lucide-react-native": "^0.236.0",
     "nativewind": "^4.0.36",
     "next": "^13.5.3",
+    "prettier": "^3.3.3",
+    "prettier-standalone": "^1.3.1-0",
     "prism-react-renderer": "^1.3.5",
     "re-resizable": "^6.9.11",
     "react": "^18.2.0",
diff --git a/example/storybook-nativewind/public/images/codeblock/assets/android-frame.png b/example/storybook-nativewind/public/images/codeblock/assets/android-frame.png
new file mode 100644
index 000000000..196215c5e
Binary files /dev/null and b/example/storybook-nativewind/public/images/codeblock/assets/android-frame.png differ
diff --git a/example/storybook-nativewind/public/images/codeblock/assets/dark-android-frame.png b/example/storybook-nativewind/public/images/codeblock/assets/dark-android-frame.png
new file mode 100644
index 000000000..4a8345bb2
Binary files /dev/null and b/example/storybook-nativewind/public/images/codeblock/assets/dark-android-frame.png differ
diff --git a/example/storybook-nativewind/public/images/codeblock/assets/dark-iphone-frame.png b/example/storybook-nativewind/public/images/codeblock/assets/dark-iphone-frame.png
new file mode 100644
index 000000000..f3a25d0cc
Binary files /dev/null and b/example/storybook-nativewind/public/images/codeblock/assets/dark-iphone-frame.png differ
diff --git a/example/storybook-nativewind/public/images/codeblock/assets/iphone-frame.png b/example/storybook-nativewind/public/images/codeblock/assets/iphone-frame.png
new file mode 100644
index 000000000..72e9dc1fd
Binary files /dev/null and b/example/storybook-nativewind/public/images/codeblock/assets/iphone-frame.png differ
diff --git a/example/storybook-nativewind/src/components/Avatar/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Avatar/index.nw.stories.mdx
index ff163646d..7d2a9a9e3 100644
--- a/example/storybook-nativewind/src/components/Avatar/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Avatar/index.nw.stories.mdx
@@ -31,12 +31,12 @@ import colors from 'tailwindcss/colors';
 import { transformedCode } from '../../utils';
 import {
   AppProvider,
-  CodePreview,
   Table,
   TableContainer,
   InlineCode,
   Tabs
 } from '@gluestack/design-system';
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 import { CollapsibleCode } from '@gluestack/design-system';
 import Wrapper from '../../core-components/nativewind/Wrapper';
 import AnatomyImage from '../../extra-components/nativewind/AnatomyImage';
@@ -49,7 +49,7 @@ This is an illustration of **Avatar** component.
     showArgsController = { true}
     metaData = {{
       code: `
-        <Avatar {...props}>
+        <Avatar {...props} className='mx-auto'>
           <AvatarFallbackText>Jane Doe</AvatarFallbackText>
         <AvatarImage
           source={{
@@ -646,7 +646,7 @@ Fallback text is shown when the image fails to load, the image is not available
     metaData={{
       code: `
      <HStack space="md" h="100%" justifyContent="center" alignItems="center">
-          <Avatar size="md">
+          <Avatar size="md" className='mx-auto'>
             <AvatarFallbackText>John Doe</AvatarFallbackText>
             <AvatarImage
               source={{
diff --git a/example/storybook-nativewind/src/components/Badge/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Badge/index.nw.stories.mdx
index 2e0721720..a8451612b 100644
--- a/example/storybook-nativewind/src/components/Badge/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Badge/index.nw.stories.mdx
@@ -37,7 +37,7 @@ import {
   ButtonText,
   GlobeIcon,
 } from '../../core-components/nativewind';
-
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 import {
   PaintBucket,
   PuzzleIcon,
@@ -46,7 +46,6 @@ import {
 } from 'lucide-react-native';
 import {
   AppProvider,
-  CodePreview,
   Table,
   TableContainer,
   InlineCode,
@@ -63,7 +62,7 @@ This is an illustration of **Badge** component.
   <CodePreview
     metaData={{
       code: `
-        <Badge {...props}>
+        <Badge {...props} className='mx-auto'>
           <BadgeText>Verified</BadgeText>
           <BadgeIcon as={GlobeIcon} className="ml-2" />
         </Badge>
@@ -257,7 +256,7 @@ An example of the Badge component being used with the Avatar component to displa
     metaData={{
       code: `
         <VStack space="2xl">
-          <HStack space="md">
+          <HStack space="md" className='items-center'>
             <Avatar>
               <AvatarFallbackText>SS</AvatarFallbackText>
               <AvatarImage
diff --git a/example/storybook-nativewind/src/components/Box/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Box/index.nw.stories.mdx
index dd0a82da1..c1b65d1e1 100644
--- a/example/storybook-nativewind/src/components/Box/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Box/index.nw.stories.mdx
@@ -21,8 +21,8 @@ import { Box } from '../../core-components/nativewind';
 import { Text } from '../../core-components/nativewind/text';
 
 import { transformedCode } from '../../utils';
-import { AppProvider, CodePreview, Tabs, InlineCode } from '@gluestack/design-system';
-
+import { AppProvider, Tabs, InlineCode } from '@gluestack/design-system';
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 import Wrapper from '../../core-components/nativewind/Wrapper';
 import { CollapsibleCode, Table, TableContainer, } from '@gluestack/design-system';
 
@@ -37,7 +37,7 @@ This is an illustration of **Box** component.
 <Box
   className="bg-primary-500 p-5"
 >
-  <Text className='text-typography-0'>
+  <Text className='text-typography-0 text-center'>
     This is the Box
   </Text>
 </Box>
diff --git a/example/storybook-nativewind/src/components/Button/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Button/index.nw.stories.mdx
index 21f8d7cb9..5127863fe 100644
--- a/example/storybook-nativewind/src/components/Button/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Button/index.nw.stories.mdx
@@ -36,12 +36,12 @@ import {
 import { transformedCode } from '../../utils';
 import {
   AppProvider,
-  CodePreview,
   Table,
   TableContainer,
   InlineCode,
   Tabs
 } from '@gluestack/design-system';
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 import Wrapper from '../../core-components/nativewind/Wrapper';
 import { CollapsibleCode } from '@gluestack/design-system';
 import colors from 'tailwindcss/colors';
diff --git a/example/storybook-nativewind/src/components/Card/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Card/index.nw.stories.mdx
index 4206bd5d3..45a98fa37 100644
--- a/example/storybook-nativewind/src/components/Card/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Card/index.nw.stories.mdx
@@ -37,7 +37,6 @@ import {
 } from '../../core-components/nativewind';
 import {
   AppProvider,
-  CodePreview,
   Table,
   TableContainer,
   InlineCode,
@@ -47,6 +46,7 @@ import { transformedCode } from '../../utils';
 
 import Wrapper from '../../core-components/nativewind/Wrapper';
 import { CollapsibleCode } from '@gluestack/design-system';
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 
 This is an illustration of a **Card** component.
 
@@ -275,7 +275,7 @@ function App(){
         source={{
           uri: 'https://images.unsplash.com/photo-1529693662653-9d480530a697?q=80&w=2831&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
         }}
-        className="mb-6 h-[240px] w-full rounded-md"
+        className="mb-6 min-h-[160px] max-h-[240px]  w-full rounded-md"
       />
       <Text
         className="text-sm font-normal mb-2 text-typography-700"
@@ -392,7 +392,7 @@ function App(){
         </VStack>
       </Box>
       <Box
-        className="mb-5 flex-col sm:mb-6 sm:flex-row"
+        className="mb-5 flex-col sm:mb-6 sm:flex-row flex-wrap "
       >
         <Image
           source={{
@@ -471,16 +471,16 @@ function App(){
         </Text>
       </VStack>
       <Box
-        className="flex-col sm:flex-row"
+        className="flex flex-col sm:flex-row flex-wrap gap-2"
       >
         <Button
-          className="px-4 py-2 mr-0 mb-3 sm:mr-3 sm:mb-0 sm:flex-1"
+          className="px-4 py-2 sm:flex-1 min-w-[80px]"
         >
-          <ButtonText size="sm">Add to cart</ButtonText>
+          <ButtonText size="sm" >Add to cart</ButtonText>
         </Button>
         <Button
           variant="outline"
-          className="px-4 py-2 border-outline-300 sm:flex-1"
+          className="px-4 py-2 border-outline-300 sm:flex-1 min-w-[80px]"
         >
           <ButtonText
             size="sm"
diff --git a/example/storybook-nativewind/src/components/Center/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Center/index.nw.stories.mdx
index 39c553202..a58a76da9 100644
--- a/example/storybook-nativewind/src/components/Center/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Center/index.nw.stories.mdx
@@ -20,8 +20,8 @@ import { Center } from '../../core-components/nativewind';
 import { Text } from '../../core-components/nativewind/text';
 
 import { transformedCode } from '../../utils';
-import { AppProvider, CodePreview, Table, TableContainer, InlineCode } from '@gluestack/design-system';
-
+import { AppProvider, Table, TableContainer, InlineCode } from '@gluestack/design-system';
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 import Wrapper from '../../core-components/nativewind/Wrapper';
 import { CollapsibleCode, Tabs } from '@gluestack/design-system';
 
@@ -34,7 +34,7 @@ This is an illustration of **Center** component.
   showArgsController = { false}
   metaData = {{
     code: `
-<Center className="bg-primary-500 h-[200px] w-[300px]">
+<Center className="bg-primary-500 h-[200px] max-w-[300px] w-full ">
   <Text className="text-typography-0 font-bold">
     This is the center.
   </Text>
diff --git a/example/storybook-nativewind/src/components/Checkbox/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Checkbox/index.nw.stories.mdx
index 51a7d7889..dbbd3ae4d 100644
--- a/example/storybook-nativewind/src/components/Checkbox/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Checkbox/index.nw.stories.mdx
@@ -35,13 +35,12 @@ import { useState, useRef } from 'react';
 import { transformedCode } from '../../utils';
 import {
   AppProvider,
-  CodePreview,
   Table,
   TableContainer,
   InlineCode,
   Tabs
 } from '@gluestack/design-system';
-
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 import Wrapper from '../../core-components/nativewind/Wrapper';
 import { CollapsibleCode } from '@gluestack/design-system';
 import AnatomyImage from '../../extra-components/nativewind/AnatomyImage';
@@ -54,7 +53,7 @@ This is an illustration of **Checkbox** component.
     showArgsController={true}
     metaData={{
       code: `
-          <Checkbox   {...props}  >
+          <Checkbox   {...props}  className='mx-auto'>
             <CheckboxIndicator>
               <CheckboxIcon as={CheckIcon}/>
             </CheckboxIndicator>
@@ -730,8 +729,10 @@ Checkbox provide a mutually exclusive selection mechanism, allowing users to cho
             return (
               <CheckboxGroup value={values}  onChange={(keys) => {
                 setValues(keys)
-              }}>
-                <VStack space="xl">
+              }}
+              className='mx-auto'
+              >
+                <VStack space="xl" >
                   <Checkbox value="Eng">
                         <CheckboxIndicator>
                           <CheckboxIcon as={CheckIcon}/>
@@ -792,7 +793,7 @@ A horizontal component incorporating a checkbox allows for intuitive and space-e
              <CheckboxGroup value={values}  onChange={(keys) => {
         setValues(keys)
       }}>
-                <HStack space="2xl">
+                <HStack space="2xl" className='flex-wrap'>
                   <Checkbox value="Illustration">
                     <CheckboxIndicator>
                       <CheckboxIcon as={CheckIcon}/>
@@ -972,7 +973,9 @@ A checkbox component with Label left configuration aligns the label to the left,
            return (
              <CheckboxGroup value={values}  onChange={(keys) => {
         setValues(keys)
-      }}>
+      }}
+      className='mx-auto'
+      >
      <VStack space="lg" className='w-40'>
             <Checkbox className='justify-between' value="Jane">
               <CheckboxLabel >Jane Cooper</CheckboxLabel>
@@ -1090,7 +1093,7 @@ function App() {
             const checkboxValue = radioRef.current.checked;
           };
         return (
-          <CheckboxGroup  ref={radioRef} >
+          <CheckboxGroup  ref={radioRef} className='mx-auto'>
           <VStack space="md">
                   <Checkbox  onChange={handleCheckboxChange}  value="Apartments">
                     <CheckboxIndicator>
diff --git a/example/storybook-nativewind/src/components/FormControl/index.nw.stories.mdx b/example/storybook-nativewind/src/components/FormControl/index.nw.stories.mdx
index 3abe7c08b..a8639b4ab 100644
--- a/example/storybook-nativewind/src/components/FormControl/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/FormControl/index.nw.stories.mdx
@@ -75,7 +75,6 @@ import {
 } from '../../core-components/nativewind';
 import {
   AppProvider,
-  CodePreview,
   Table,
   TableContainer,
   Text,
@@ -85,6 +84,7 @@ import {
 } from '@gluestack/design-system';
 import { transformedCode } from '../../utils';
 import { useState } from 'react';
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 import Wrapper from '../../core-components/nativewind/Wrapper';
 import AnatomyImage from '../../extra-components/nativewind/AnatomyImage';
 
diff --git a/example/storybook-nativewind/src/components/Grid/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Grid/index.nw.stories.mdx
index 5f210df1d..abbdfad23 100644
--- a/example/storybook-nativewind/src/components/Grid/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Grid/index.nw.stories.mdx
@@ -22,7 +22,6 @@ import {Grid, GridItem} from '../../core-components/nativewind/grid';
 import {Text} from '../../core-components/nativewind/text';
 import {
   AppProvider,
-  CodePreview,
   Table,
   TableContainer,
   InlineCode,
@@ -32,7 +31,7 @@ import {
   Tabs,
   CollapsibleCode
 } from '@gluestack/design-system';
-
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 
 This is an illustration of **Grid** component.
 
diff --git a/example/storybook-nativewind/src/components/HStack/index.nw.stories.mdx b/example/storybook-nativewind/src/components/HStack/index.nw.stories.mdx
index 1dd5e19ba..2c126171f 100644
--- a/example/storybook-nativewind/src/components/HStack/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/HStack/index.nw.stories.mdx
@@ -20,13 +20,12 @@ import { HStack } from '../../core-components/nativewind';
 import { transformedCode } from '../../utils';
 import {
   AppProvider,
-  CodePreview,
   Table,
   TableContainer,
   Text,
   InlineCode,
 } from '@gluestack/design-system';
-
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 import Wrapper from '../../core-components/nativewind/Wrapper';
 import { CollapsibleCode, Tabs } from '@gluestack/design-system';
 import { Box } from '../../core-components/nativewind/box';
diff --git a/example/storybook-nativewind/src/components/Heading/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Heading/index.nw.stories.mdx
index 3921a1146..5385155f4 100644
--- a/example/storybook-nativewind/src/components/Heading/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Heading/index.nw.stories.mdx
@@ -20,7 +20,6 @@ import { Heading, Center } from '../../core-components/nativewind';
 import { transformedCode } from '../../utils';
 import {
   AppProvider,
-  CodePreview,
   Table,
   TableContainer,
   Text,
@@ -29,6 +28,7 @@ import {
 
 import Wrapper from '../../core-components/nativewind/Wrapper';
 import { CollapsibleCode, Tabs } from '@gluestack/design-system';
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 
 This is an illustration of **Heading** component.
 
@@ -38,7 +38,7 @@ This is an illustration of **Heading** component.
   showArgsController = { false}
   metaData = {{
     code: `
-        <Heading>I am a Heading</Heading>
+        <Heading className='text-center'>I am a Heading</Heading>
       `,
       transformCode: (code) => {
         return transformedCode(code);
diff --git a/example/storybook-nativewind/src/components/Icon/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Icon/index.nw.stories.mdx
index a79d86dcf..c0a961c61 100644
--- a/example/storybook-nativewind/src/components/Icon/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Icon/index.nw.stories.mdx
@@ -84,13 +84,12 @@ import {
   FacebookIcon,
   Camera,
 } from 'lucide-react-native';
-
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 import { Path, Rect } from 'react-native-svg';
 import { CollapsibleCode } from "@gluestack/design-system"
 import { transformedCode } from '../../utils';
 import {
   AppProvider,
-  CodePreview,
   Table,
   TableContainer,
   InlineCode,
@@ -107,7 +106,7 @@ This is an illustration of **Icon** component.
     showArgsController={true}
     metaData={{
       code: `
-        <Icon as={EditIcon} {...props} />
+        <Icon as={EditIcon} {...props} className='mx-auto'/>
       `,
       transformCode: (code) => {
         return transformedCode(code);
@@ -460,7 +459,7 @@ on Native :
           ),
         });
       function App () {
-        return <Icon as={GluestackIcon} size='xl' className="text-typography-black"/>;
+        return <Icon as={GluestackIcon} size='xl' className="text-typography-black mx-auto"/>;
       }
       `,
       transformCode: (code) => {
diff --git a/example/storybook-nativewind/src/components/Image/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Image/index.nw.stories.mdx
index e07938aa6..f1a1441f3 100644
--- a/example/storybook-nativewind/src/components/Image/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Image/index.nw.stories.mdx
@@ -21,13 +21,13 @@ import UnitoolsImageEg from '../../extra-components/nativewind/UnitoolsImage';
 
 import {
   AppProvider,
-  CodePreview,
   Text,
   Table,
   TableContainer,
   InlineCode,
   Tabs
 } from '@gluestack/design-system';
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 import { CollapsibleCode } from '@gluestack/design-system';
 import UnitoolsImage from '@unitools/image';
 
@@ -49,6 +49,7 @@ This is an illustration of **Image** component.
             uri: 'https://images.unsplash.com/photo-1472214103451-9374bd1c798e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80',
           }}
           alt="image"
+          className='mx-auto'
       />
       `,
       transformCode: (code) => {
diff --git a/example/storybook-nativewind/src/components/Input/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Input/index.nw.stories.mdx
index d3db79abc..005704f98 100644
--- a/example/storybook-nativewind/src/components/Input/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Input/index.nw.stories.mdx
@@ -33,7 +33,6 @@ import { EyeIcon, EyeOffIcon } from 'lucide-react-native';
 import { transformedCode } from '../../utils';
 import {
   AppProvider,
-  CodePreview,
   Table,
   TableContainer,
   Text,
@@ -43,6 +42,7 @@ import {
 } from '@gluestack/design-system';
 import Wrapper from '../../core-components/nativewind/Wrapper';
 import AnatomyImage from '../../extra-components/nativewind/AnatomyImage';
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 
 This is an illustration of **Input** component.
 
diff --git a/example/storybook-nativewind/src/components/Link/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Link/index.nw.stories.mdx
index 7ab229f32..e7adb9d64 100644
--- a/example/storybook-nativewind/src/components/Link/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Link/index.nw.stories.mdx
@@ -18,7 +18,6 @@ import { Icon, HStack, Text, Link, LinkText } from '../../core-components/native
 import { transformedCode } from '../../utils';
 import {
   AppProvider,
-  CodePreview,
   Table,
   TableContainer,
   InlineCode,
@@ -30,6 +29,7 @@ import AnatomyImage from '../../extra-components/nativewind/AnatomyImage';
 import { ArrowUpRight } from 'lucide-react-native';
 import UnitoolsLink from '@unitools/link';
 import UnitoolsLinkEg from '../../extra-components/nativewind/UnitoolsLink';
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 
 This is an illustration of **Link** component.
 
@@ -39,7 +39,7 @@ This is an illustration of **Link** component.
     showArgsController={false}
     metaData={{
       code: `
-      <Link href="https://gluestack.io/">
+      <Link href="https://gluestack.io/" className='mx-auto'>
         <LinkText>gluestack</LinkText>
       </Link>
       `,
@@ -398,7 +398,7 @@ The Examples section provides visual representations of the different variants o
     showArgsController={false}
     metaData={{
       code: `
-          <HStack>
+          <HStack >
             <Text
               size="lg"
             >Design inspiration from </Text>
@@ -424,7 +424,7 @@ The Examples section provides visual representations of the different variants o
     showArgsController={false}
     metaData={{
       code: `
-        <HStack>
+        <HStack className='mx-auto'>
               <Text
                size="lg">Go to </Text>
               <Link href="https://gluestack.io/" isExternal>
diff --git a/example/storybook-nativewind/src/components/Popover/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Popover/index.nw.stories.mdx
index e7ca22aab..677baeb2d 100644
--- a/example/storybook-nativewind/src/components/Popover/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Popover/index.nw.stories.mdx
@@ -63,13 +63,14 @@ import {
 } from '../../core-components/nativewind';
 import {
   AppProvider,
-  CodePreview,
   Table,
   TableContainer,
   InlineCode,
   CollapsibleCode,
   Tabs
 } from '@gluestack/design-system';
+import {OverlayProvider} from '@gluestack-ui/overlay'
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 import { transformedCode } from '../../utils';
 import Wrapper from '../../core-components/nativewind/Wrapper';
 
@@ -90,6 +91,7 @@ This is an illustration of **Popover** component.
           setIsOpen(false);
         };
         return (
+        <OverlayProvider>
           <Popover
             isOpen={isOpen}
             onClose={handleClose}
@@ -108,7 +110,7 @@ This is an illustration of **Popover** component.
             }}
           >
             <PopoverBackdrop/>
-            <PopoverContent>
+            <PopoverContent >
               <PopoverArrow />
               <PopoverBody>
                 <Text size={props.size} className="text-typography-900">
@@ -118,6 +120,7 @@ This is an illustration of **Popover** component.
               </PopoverBody>
             </PopoverContent>
           </Popover>
+          </OverlayProvider>
         )
       }
       `,
@@ -134,6 +137,7 @@ This is an illustration of **Popover** component.
         PopoverArrow,
         Button,
         ButtonText,
+        OverlayProvider
       },
       argsType: {
         placement: {
diff --git a/example/storybook-nativewind/src/components/Pressable/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Pressable/index.nw.stories.mdx
index 178771540..0b2f150dc 100644
--- a/example/storybook-nativewind/src/components/Pressable/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Pressable/index.nw.stories.mdx
@@ -17,10 +17,11 @@ import { Meta } from '@storybook/addon-docs';
 import { Pressable, Text } from '../../core-components/nativewind';
 
 import { transformedCode } from '../../utils';
-import { AppProvider, CodePreview } from '@gluestack/design-system';
+import { AppProvider } from '@gluestack/design-system';
 
 import Wrapper from '../../core-components/nativewind/Wrapper';
 import { CollapsibleCode, Table, TableContainer, Tabs, InlineCode } from '@gluestack/design-system';
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 
 This is an illustration of **Pressable** component.
 
@@ -32,7 +33,7 @@ This is an illustration of **Pressable** component.
       code: `
  <Pressable
   onPress={() => console.log('Hello')} className="p-5 bg-primary-500">
-  <Text className="text-typography-0">Press me</Text>
+  <Text className="text-typography-0 text-center">Press me</Text>
 </Pressable>
 `,
       transformCode: (code) => {
diff --git a/example/storybook-nativewind/src/components/Progress/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Progress/index.nw.stories.mdx
index b36b50256..60096fb33 100644
--- a/example/storybook-nativewind/src/components/Progress/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Progress/index.nw.stories.mdx
@@ -19,16 +19,15 @@ import { Progress, ProgressFilledTrack, VStack, Box, Heading, Center } from '../
 import { transformedCode } from '../../utils';
 import {
   AppProvider,
-  CodePreview,
   Text,
   Table,
   TableContainer,
   InlineCode,
   Tabs
 } from '@gluestack/design-system';
-
 import Wrapper from '../../core-components/nativewind/Wrapper';
 import { CollapsibleCode } from '@gluestack/design-system';
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 
 This is an illustration of **Progress** component.
 
@@ -41,7 +40,7 @@ This is an illustration of **Progress** component.
     showArgsController={true}
     metaData={{
       code: `
-        <Center className='w-[300px] h-[150px]'>
+        <Center className='w-full min-w-[200px]  max-w-[300px] h-[150px]'>
           <Progress value={40} {...props} >
             <ProgressFilledTrack />
           </Progress>
@@ -265,7 +264,7 @@ Progress component with value
       code: `
       <VStack space="lg">
         <Text size="lg">Downloading 55%</Text>
-        <Progress value={55} className='w-80 h-1'>
+        <Progress value={55} className='w-full min-w-[200px]  max-w-[300px] h-1'>
           <ProgressFilledTrack className='h-1' />
         </Progress>
       </VStack>
@@ -297,16 +296,16 @@ You can add track color to progress bar as per our needs.
     metaData={{
       code: `
         <VStack space="3xl">
-          <Progress value={46} className='w-96 h-2' size="sm">
+          <Progress value={46} className='w-full min-w-[200px]  max-w-[300px] h-2' size="sm">
             <ProgressFilledTrack className='bg-emerald-600'/>
           </Progress>
-          <Progress value={46} className='w-96 h-2' size="sm">
+          <Progress value={46} className='w-full min-w-[200px]  max-w-[300px] h-2' size="sm">
             <ProgressFilledTrack className='bg-amber-600'/>
           </Progress>
-          <Progress value={46} className='w-96 h-2' size="sm">
+          <Progress value={46} className='w-full min-w-[200px]  max-w-[300px] h-2' size="sm">
             <ProgressFilledTrack className='bg-fuchsia-600'/>
           </Progress>
-          <Progress value={46} className='w-96 h-2' size="sm">
+          <Progress value={46} className='w-full min-w-[200px]  max-w-[300px] h-2' size="sm">
             <ProgressFilledTrack className='bg-cyan-600'/>
           </Progress>
         </VStack>
@@ -337,7 +336,7 @@ You can customize the progress bar. Below is the example where we have change th
       code: `
         <VStack space="lg">
         <Heading>Internal Storage</Heading>
-        <Progress value={46} className='w-[410px] h-2 bg-lime-100'>
+        <Progress value={46} className='w-full min-w-[200px]  max-w-[300px] h-2 bg-lime-100'>
           <ProgressFilledTrack className='h-2 bg-lime-500' />
         </Progress>
         <Text size="md">14GB</Text>
diff --git a/example/storybook-nativewind/src/components/Radio/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Radio/index.nw.stories.mdx
index 262939307..8d3367110 100644
--- a/example/storybook-nativewind/src/components/Radio/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Radio/index.nw.stories.mdx
@@ -27,13 +27,12 @@ import { useState, useRef } from 'react';
 import { transformedCode } from '../../utils';
 import {
   AppProvider,
-  CodePreview,
   Table,
   TableContainer,
   InlineCode,
   Tabs
 } from '@gluestack/design-system';
-
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 import Wrapper from '../../core-components/nativewind/Wrapper';
 import { CollapsibleCode } from '@gluestack/design-system';
 import AnatomyImage from '../../extra-components/nativewind/AnatomyImage';
@@ -46,7 +45,7 @@ This is an illustration of **Radio** component.
     showArgsController={true}
     metaData={{
       code: `
-        <RadioGroup>
+        <RadioGroup className='mx-auto'>
           <Radio value="change" {...props}>
             <RadioIndicator>
               <RadioIcon as={CircleIcon}/>
@@ -585,7 +584,7 @@ Radio buttons provide a mutually exclusive selection mechanism, allowing users t
       function App () {
         const [values, setValues] = React.useState("Eng");
         return (
-          <RadioGroup value={values} onChange={setValues}>
+          <RadioGroup value={values} onChange={setValues} className='mx-auto'>
             <VStack space="sm">
               <Radio value="Eng" >
                 <RadioIndicator>
diff --git a/example/storybook-nativewind/src/components/Select/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Select/index.nw.stories.mdx
index d95454e50..15d13bfbf 100644
--- a/example/storybook-nativewind/src/components/Select/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Select/index.nw.stories.mdx
@@ -40,7 +40,6 @@ import {
 import { transformedCode } from '../../utils';
 import {
   AppProvider,
-  CodePreview,
   Table,
   TableContainer,
   Tabs,
@@ -49,6 +48,7 @@ import {
 } from '@gluestack/design-system';
 import Wrapper from '../../core-components/nativewind/Wrapper';
 import AnatomyImage from '../../extra-components/nativewind/AnatomyImage';
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 
 This is an illustration of **Select** component.
 
diff --git a/example/storybook-nativewind/src/components/Skeleton/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Skeleton/index.nw.stories.mdx
index 9d036de4f..6af45d883 100644
--- a/example/storybook-nativewind/src/components/Skeleton/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Skeleton/index.nw.stories.mdx
@@ -19,7 +19,8 @@ import { Meta } from '@storybook/addon-docs';
 import { Box, Skeleton, SkeletonText, Avatar, AvatarFallbackText, VStack, Image, Text, HStack, } from '../../core-components/nativewind';
 import { transformedCode } from '../../utils';
 import Wrapper from '../../core-components/nativewind/Wrapper';
-import {Tabs, CollapsibleCode, CodePreview, Table, InlineCode, TableContainer} from '@gluestack/design-system';
+import {Tabs, CollapsibleCode, Table, InlineCode, TableContainer} from '@gluestack/design-system';
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 
 This is an illustration of **Skeleton** component.
 
@@ -33,7 +34,7 @@ This is an illustration of **Skeleton** component.
     }}
     metaData={{
       code: `
-      <Box className="w-[325px] gap-4 p-3 rounded-md bg-background-100">
+      <Box className="min-w-[225px] max-w-[325px] gap-4 p-3 rounded-md bg-background-100">
       <Skeleton variant="sharp" className="h-[150px]" />
       <SkeletonText _lines={3} className="h-3" />
       <HStack className="gap-2 align-middle">
@@ -411,8 +412,8 @@ Use the `isLoaded` prop to show the content after the skeleton content is loaded
       }}
     metaData={{
       code: `
-       <Box className="w-[290px] h-[400px] p-4 rounded-sm bg-background-100 gap-3">
-        <Skeleton variant="rounded" className="h-44 w-64 rounded-sm" {...props}>
+       <Box className="min-w-[205px] max-w-[290px] h-[400px] p-4 rounded-sm bg-background-100 gap-3">
+        <Skeleton variant="rounded" className="h-44 min-w-44 max-w-64 rounded-sm" {...props}>
           <Image
           className="h-44 w-64 rounded-sm"
           source={{
@@ -430,12 +431,12 @@ Use the `isLoaded` prop to show the content after the skeleton content is loaded
           boost your confidence, and help you overcome challenges.
           </Text>
         </VStack>
-        <HStack className="gap-2">
-        <Avatar size="xs">
-          <AvatarFallbackText>John Smith</AvatarFallbackText>
-        </Avatar>
-        <Text className="text-sm font-bold">John Smith</Text>
-      </HStack>
+          <HStack  className='mt-4 gap-2'>
+              <Avatar size="xs">
+                <AvatarFallbackText>John Smith</AvatarFallbackText>
+              </Avatar>
+              <Text className="text-sm font-bold">John Smith</Text>
+          </HStack>
       </Box>
       `,
       transformCode: (code) => {
diff --git a/example/storybook-nativewind/src/components/Slider/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Slider/index.nw.stories.mdx
index bd262c8a3..1561949ad 100644
--- a/example/storybook-nativewind/src/components/Slider/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Slider/index.nw.stories.mdx
@@ -34,7 +34,6 @@ import {
 import { transformedCode } from '../../utils';
 import {
   AppProvider,
-  CodePreview,
   InlineCode,
   Table,
   TableContainer,
@@ -43,6 +42,7 @@ import Wrapper from '../../core-components/nativewind/Wrapper';
 import { Center } from '../../core-components/nativewind/center';
 import { CollapsibleCode, Tabs } from '@gluestack/design-system';
 import AnatomyImage from '../../extra-components/nativewind/AnatomyImage';
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 
 This is an illustration of **Slider** component.
 
@@ -52,7 +52,7 @@ This is an illustration of **Slider** component.
     showArgsController={true}
     metaData={{
       code: `
-      <Center className="w-[300px] h-[150px]">
+      <Center className="w-full min-w-[200px]  max-w-[300px] h-[150px]">
           <Slider  defaultValue={30} {...props}  >
             <SliderTrack>
               <SliderFilledTrack />
diff --git a/example/storybook-nativewind/src/components/Spinner/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Spinner/index.nw.stories.mdx
index 9642429b6..d056fa584 100644
--- a/example/storybook-nativewind/src/components/Spinner/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Spinner/index.nw.stories.mdx
@@ -16,9 +16,9 @@ import { Meta } from '@storybook/addon-docs';
 
 import { Spinner, HStack, VStack, Text } from '../../core-components/nativewind';
 import { transformedCode } from '../../utils';
-import { AppProvider, CodePreview } from '@gluestack/design-system';
+import { AppProvider } from '@gluestack/design-system';
 import colors from 'tailwindcss/colors';
-
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 import Wrapper from '../../core-components/nativewind/Wrapper';
 import { CollapsibleCode, Tabs } from '@gluestack/design-system';
 
@@ -139,7 +139,7 @@ A Spinner component with a label provides informative text or a label alongside
     showArgsController={false}
     metaData={{
       code: `
-        <HStack space="sm" >
+        <HStack space="sm" className='mx-auto'>
           <Spinner/>
           <Text size="md">Please Wait</Text>
         </HStack>
diff --git a/example/storybook-nativewind/src/components/Text/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Text/index.nw.stories.mdx
index ccaa56db0..6494d7f42 100644
--- a/example/storybook-nativewind/src/components/Text/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Text/index.nw.stories.mdx
@@ -20,10 +20,10 @@ import { Text, Center } from '../../core-components/nativewind';
 import { transformedCode } from '../../utils';
 import Wrapper from '../../core-components/nativewind/Wrapper';
 import { CollapsibleCode, Tabs } from '@gluestack/design-system';
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 
 import {
   AppProvider,
-  CodePreview,
   Table,
   TableContainer,
   InlineCode,
@@ -37,7 +37,7 @@ This is an illustration of **Text** component.
   showArgsController = { false}
   metaData = {{
     code: `
-        <Text>
+        <Text className='text-center'>
           Hello World!
         </Text>
       `,
diff --git a/example/storybook-nativewind/src/components/Textarea/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Textarea/index.nw.stories.mdx
index 2de7bbf34..e78d10b24 100644
--- a/example/storybook-nativewind/src/components/Textarea/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/Textarea/index.nw.stories.mdx
@@ -27,7 +27,6 @@ import {
 import { transformedCode } from '../../utils';
 import {
   AppProvider,
-  CodePreview,
   Table,
   TableContainer,
   InlineCode,
@@ -36,6 +35,7 @@ import {
 } from '@gluestack/design-system';
 import Wrapper from '../../core-components/nativewind/Wrapper';
 import AnatomyImage from '../../extra-components/nativewind/AnatomyImage';
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 
 This is an illustration of **Textarea** component.
 
diff --git a/example/storybook-nativewind/src/components/VStack/index.nw.stories.mdx b/example/storybook-nativewind/src/components/VStack/index.nw.stories.mdx
index 145264283..eba5592e1 100644
--- a/example/storybook-nativewind/src/components/VStack/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/VStack/index.nw.stories.mdx
@@ -18,7 +18,6 @@ import { Meta } from '@storybook/addon-docs';
 
 import {
   AppProvider,
-  CodePreview,
   Table,
   TableContainer,
   Text,
@@ -29,6 +28,7 @@ import { Box, VStack } from '../../core-components/nativewind';
 import { transformedCode } from '../../utils';
 import Wrapper from '../../core-components/nativewind/Wrapper';
 import { CollapsibleCode } from '@gluestack/design-system';
+import { CodePreview } from '../../extra-components/design-system/CodePreview'
 
 This is an illustration of **VStack** component.
 
@@ -38,7 +38,7 @@ This is an illustration of **VStack** component.
   showArgsController = { true}
   metaData = {{
     code: `
-        <Box className='justify-center h-80'>
+        <Box className='justify-center h-80 mx-auto'>
           <VStack {...props}>
             <Box  className="h-20 w-20 bg-primary-300" />
             <Box  className="h-20 w-20 bg-primary-400" />
@@ -270,7 +270,7 @@ A VStack component with the reversed prop reverses the order of vertically stack
     showArgsController={false}
     metaData={{
       code: `
-        <VStack space='md'>
+        <VStack space='md' className='mx-auto'>
           <Box className='w-20 h-20 bg-primary-300' />
           <Box className='w-20 h-20 bg-primary-400' />
           <Box className='w-20 h-20 bg-primary-500' />
diff --git a/example/storybook-nativewind/src/core-components/nativewind/icon/index.tsx b/example/storybook-nativewind/src/core-components/nativewind/icon/index.tsx
index 1c19c59f8..e539d4236 100644
--- a/example/storybook-nativewind/src/core-components/nativewind/icon/index.tsx
+++ b/example/storybook-nativewind/src/core-components/nativewind/icon/index.tsx
@@ -6,6 +6,7 @@ import { tva } from '@gluestack-ui/nativewind-utils/tva';
 import { cssInterop } from 'nativewind';
 import { VariantProps } from '@gluestack-ui/nativewind-utils';
 
+export { Svg };
 type IPrimitiveIcon = {
   height?: number | string;
   width?: number | string;
diff --git a/example/storybook-nativewind/src/core-components/nativewind/icon/index.web.tsx b/example/storybook-nativewind/src/core-components/nativewind/icon/index.web.tsx
index 5088e2a15..9d3940b4a 100644
--- a/example/storybook-nativewind/src/core-components/nativewind/icon/index.web.tsx
+++ b/example/storybook-nativewind/src/core-components/nativewind/icon/index.web.tsx
@@ -20,6 +20,8 @@ const Svg = React.forwardRef<
   return <svg ref={ref} {...props} className={calculateClassName} />;
 });
 
+export { Svg };
+
 type IPrimitiveIcon = {
   height?: number | string;
   width?: number | string;
diff --git a/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/CodeBlock.tsx b/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/CodeBlock.tsx
new file mode 100644
index 000000000..daba6519b
--- /dev/null
+++ b/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/CodeBlock.tsx
@@ -0,0 +1,182 @@
+/* eslint-disable react-native/no-inline-styles */
+// import { CopyOutlinedIcon, useClipboard, CopyFilledIcon } from '../../';
+import { CopyOutlinedIcon, CopyFilledIcon } from '../icons';
+import { useClipboard } from '../hooks/clipboard';
+import { Box } from '@/components/ui/box';
+import { HStack } from '@/components/ui/hstack';
+import { Text } from '@/components/ui/text';
+import { Divider } from '@/components/ui/divider';
+import { Pressable } from '@/components/ui/pressable';
+import { Icon } from '@/components/ui/icon';
+import React, { memo } from 'react';
+import Highlight, { defaultProps } from 'prism-react-renderer';
+import vsDark from 'prism-react-renderer/themes/vsDark';
+import vsLight from 'prism-react-renderer/themes/duotoneLight';
+import prettier from 'prettier/standalone';
+import prettierParser from 'prettier/parser-typescript';
+import { useMode } from '@/components/ui/gluestack-ui-provider/providerContext';
+// import { useDarkMode } from 'storybook-dark-mode';
+const CodeBlock = memo(
+  ({
+    code = '',
+    withLineNumbers = false,
+    showHeader,
+    showHeaderIcons,
+    language = 'jsx',
+    fontSize,
+    copyProps,
+    _highLightProps = {},
+    showCopy: showCopyProp,
+    ...props
+  }: any) => {
+    let prettifiedCode: any = code.trim(' ');
+
+    try {
+      prettifiedCode =
+        language === 'jsx' || language === 'tsx'
+          ? prettier
+              .format(code.trim(' '), {
+                semi: false,
+                parser: 'typescript',
+                plugins: [prettierParser],
+              })
+              .trim()
+          : code.trim(' ');
+    } catch (Err) {
+      //
+      console.error('Error! prettier failed: ', Err);
+    }
+
+    if (prettifiedCode.startsWith(';')) {
+      prettifiedCode = prettifiedCode.slice(1);
+    }
+
+    const [copied, setCopied] = React.useState(false);
+    const [showCopy, setShowCopy] = React.useState(false);
+
+    const { onCopy } = useClipboard();
+
+    const { colorMode } = useMode();
+
+    function handleCopy() {
+      onCopy(code);
+      setCopied(true);
+      // set copied to false after 2 second
+      setTimeout(() => {
+        setCopied(false);
+      }, 2000);
+    }
+
+    return (
+      <Box className="flex-1 h-full">
+        {showHeader && (
+          <>
+            <HStack space="md">
+              {showHeaderIcons && (
+                <>
+                  <Box className="h-2.5 w-2.5 rounded-full bg-[#505A6A]" />
+                  <Box className="h-2.5 w-2.5 rounded-full bg-[#505A6A]" />
+                  <Box className="h-2.5 w-2.5 rounded-full bg-[#505A6A]" />
+                </>
+              )}
+            </HStack>
+            <Divider className="bg-[#505a6a4d]" />
+          </>
+        )}
+        <Box
+          onMouseEnter={() => {
+            setShowCopy(true);
+          }}
+          onMouseLeave={() => {
+            setShowCopy(false);
+          }}
+          className="pr-6 pl-6  h-max max-h-[400px] overflow-auto"
+          {...props}
+        >
+          <Highlight
+            {...defaultProps}
+            theme={colorMode === 'light' ? vsLight : vsDark}
+            code={prettifiedCode}
+            language={language}
+            {..._highLightProps}
+          >
+            {({ tokens, getLineProps, getTokenProps }) => (
+              <Box className="relative">
+                <pre className="m-0">
+                  {tokens.map((line, i) => (
+                    <div
+                      {...getLineProps({ line, key: i })}
+                      style={{
+                        ...getLineProps({ line, key: i })?.style,
+                      }}
+                      className="flex items-center "
+                    >
+                      {withLineNumbers && (
+                        <Text className="opacity-30 web:select-none text-[#505A6A] pr-8 text-sm leading-6">
+                          {i + 1}
+                        </Text>
+                      )}
+                      <div className="">
+                        {line.map((token, key) => {
+                          const { style, ...props } = getTokenProps({
+                            token,
+                            key,
+                          });
+                          return (
+                            <span
+                              {...props}
+                              // eslint-disable-next-line react-native/no-inline-styles
+                              style={{
+                                fontSize: fontSize || '14px',
+                                lineHeight: '24px',
+                                whiteSpace: 'pre',
+                                ...style,
+                              }}
+                              className={`${
+                                fontSize ? `text-${fontSize}` : 'text-sm'
+                              } leading-6 whitespace-pre`}
+                            />
+                          );
+                        })}
+                      </div>
+                    </div>
+                  ))}
+                </pre>
+              </Box>
+            )}
+          </Highlight>
+        </Box>
+        {(showCopy || showCopyProp) && (
+          <Pressable
+            onPress={handleCopy}
+            //@ts-ignore
+            onMouseEnter={() => {
+              setShowCopy(true);
+            }}
+            onMouseLeave={() => {
+              setShowCopy(false);
+            }}
+            className="absolute right-6 top-6 shadow-none "
+            {...copyProps}
+          >
+            {!copied ? (
+              <Icon
+                className="h-5 w-5 text-background-600 dark:text-background-100"
+                as={CopyOutlinedIcon}
+                size="md"
+              />
+            ) : (
+              <Icon
+                className="h-5 w-5 text-background-600 dark:text-background-100"
+                as={CopyFilledIcon}
+                size="md"
+              />
+            )}
+          </Pressable>
+        )}
+      </Box>
+    );
+  }
+);
+
+export { CodeBlock };
diff --git a/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/CodeBlockTab.tsx b/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/CodeBlockTab.tsx
new file mode 100644
index 000000000..67bcbd22f
--- /dev/null
+++ b/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/CodeBlockTab.tsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import { Tabs } from '@gluestack/design-system';
+
+const CodeBlockTab = ({ children, ...props }: any) => {
+  return (
+    <Tabs.Tab
+      // bg="transparent"
+      // py="$2"
+      // px="$4"
+      // boxShadow="none"
+      // rounded="$none"
+      // sx={{
+      //   ':active': {
+      //     borderBottomColor: '$primary400',
+      //     borderBottomWidth: '$2',
+      //     boxShadow: 'none',
+      //     rounded: '$none',
+      //   },
+      // }}
+      className="bg-transparent py-2 px-4 shadow-none rounded-none active:border-b-primary-400 active:border-b-2 active:shadow-none active:rounded-none"
+      {...props}
+    >
+      {children}
+    </Tabs.Tab>
+  );
+};
+
+export default CodeBlockTab;
diff --git a/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/CodeBlockTabList.tsx b/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/CodeBlockTabList.tsx
new file mode 100644
index 000000000..72d3ce902
--- /dev/null
+++ b/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/CodeBlockTabList.tsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import { Tabs } from '@gluestack/design-system';
+
+const CodeBlockTabList = ({ children, ...props }: any) => {
+  return (
+    <Tabs.TabList className="bg-transparent" {...props}>
+      {children}
+    </Tabs.TabList>
+  );
+};
+
+export default CodeBlockTabList;
diff --git a/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/CodeBlockTabPanel.tsx b/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/CodeBlockTabPanel.tsx
new file mode 100644
index 000000000..76584eebb
--- /dev/null
+++ b/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/CodeBlockTabPanel.tsx
@@ -0,0 +1,30 @@
+import React from 'react';
+import { Tabs } from '@gluestack/design-system';
+import { CodeBlock } from './index';
+
+const CodeBlockTabPanel = ({
+  code,
+  withLineNumbers,
+  showHeader,
+  showHeaderIcons,
+  theme,
+  language = 'jsx',
+  value,
+  ...props
+}: any) => {
+  return (
+    <Tabs.TabPanel value={value}>
+      <CodeBlock
+        code={code}
+        withLineNumbers={withLineNumbers}
+        showHeader={showHeader}
+        showHeaderIcons={showHeaderIcons}
+        language={language}
+        theme={theme}
+        className="pt-5"
+        {...props}
+      />
+    </Tabs.TabPanel>
+  );
+};
+export default CodeBlockTabPanel;
diff --git a/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/CodeBlockTabs.tsx b/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/CodeBlockTabs.tsx
new file mode 100644
index 000000000..b0b52148a
--- /dev/null
+++ b/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/CodeBlockTabs.tsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import { Tabs } from '@gluestack/design-system';
+
+const CodeBlockTabs = ({ children, ...props }: any) => {
+  return (
+    <Tabs value={'tab-0'} className="bg-transparent" {...props}>
+      {children}
+    </Tabs>
+  );
+};
+
+export default CodeBlockTabs;
diff --git a/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/index.tsx b/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/index.tsx
new file mode 100644
index 000000000..6a6a7dadb
--- /dev/null
+++ b/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/index.tsx
@@ -0,0 +1,13 @@
+import { CodeBlock } from './CodeBlock';
+import CodeBlockTab from './CodeBlockTab';
+import CodeBlockTabList from './CodeBlockTabList';
+import CodeBlockTabPanel from './CodeBlockTabPanel';
+import CodeBlockTabs from './CodeBlockTabs';
+
+const CodeBlockMain = CodeBlock as any;
+CodeBlockMain.Tab = CodeBlockTab;
+CodeBlockMain.Tabs = CodeBlockTabs;
+CodeBlockMain.TabList = CodeBlockTabList;
+CodeBlockMain.TabPanel = CodeBlockTabPanel;
+
+export { CodeBlockMain as CodeBlock };
diff --git a/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/terminalTheme.ts b/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/terminalTheme.ts
new file mode 100644
index 000000000..ae71f410a
--- /dev/null
+++ b/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/terminalTheme.ts
@@ -0,0 +1,117 @@
+import type { PrismTheme } from 'prism-react-renderer';
+
+const theme: PrismTheme = {
+  plain: {
+    //@gluestack/design-system
+    color: '#fafafa',
+    backgroundColor: '#000',
+  },
+  styles: [
+    {
+      types: ['changed'],
+      style: {
+        color: 'rgb(162, 191, 252)',
+        fontStyle: 'italic',
+      },
+    },
+    {
+      types: ['deleted'],
+      style: {
+        color: 'rgba(239, 83, 80, 0.56)',
+        fontStyle: 'italic',
+      },
+    },
+    {
+      types: ['inserted', 'attr-name'],
+      style: {
+        color: '#cd1d8d',
+        fontStyle: 'italic',
+      },
+    },
+    {
+      types: ['comment'],
+      style: {
+        color: 'rgb(99, 119, 119)',
+        fontStyle: 'italic',
+      },
+    },
+    {
+      types: ['string', 'url'],
+      style: {
+        color: '#cd1d8d',
+      },
+    },
+    {
+      types: ['variable'],
+      style: {
+        color: 'rgb(214, 222, 235)',
+      },
+    },
+    {
+      types: ['number'],
+      style: {
+        color: 'rgb(247, 140, 108)',
+      },
+    },
+    {
+      types: ['builtin', 'char', 'constant', 'function'],
+      style: {
+        //Yarn add - Command
+        color: '#fafafa',
+      },
+    },
+    {
+      // This was manually added after the auto-generation
+      // so that punctuations are not italicised
+      types: ['punctuation'],
+      style: {
+        color: '#0081f1',
+      },
+    },
+    {
+      types: ['selector', 'doctype'],
+      style: {
+        color: 'rgb(199, 146, 234)',
+        fontStyle: 'italic',
+      },
+    },
+    {
+      types: ['class-name'],
+      style: {
+        color: '#0081f1',
+      },
+    },
+    {
+      types: ['operator', 'keyword'],
+      style: {
+        color: '#fafafa',
+      },
+    },
+    {
+      types: ['tag'],
+      style: {
+        color: '#D9757D',
+      },
+    },
+    {
+      types: ['boolean'],
+      style: {
+        color: 'rgb(255, 88, 116)',
+      },
+    },
+    {
+      types: ['property'],
+      style: {
+        color: 'rgb(128, 203, 196)',
+      },
+    },
+    {
+      types: ['namespace'],
+      style: {
+        color: 'rgb(178, 204, 214)',
+      },
+    },
+  ],
+};
+
+export default theme;
diff --git a/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/theme.ts b/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/theme.ts
new file mode 100644
index 000000000..f13d47fae
--- /dev/null
+++ b/example/storybook-nativewind/src/extra-components/design-system/CodeBlock/theme.ts
@@ -0,0 +1,133 @@
+import type { PrismTheme } from 'prism-react-renderer';
+
+export const lightTheme: PrismTheme = {
+  plain: {
+    color: '#36454F',
+    backgroundColor: '#F9F6EE',
+  },
+  styles: [
+    {
+      types: ['comment', 'punctuation'],
+      style: {
+        color: 'rgb(70, 75, 93)',
+        // fontStyle: 'italic',
+      },
+    },
+    {
+      types: ['string'],
+      style: {
+        color: '#56AE4E',
+        // fontStyle: 'italic',
+      },
+    },
+    {
+      types: ['variable'],
+      style: {
+        color: 'rgb(143, 147, 162)',
+      },
+    },
+    {
+      types: ['constant', 'changed'],
+      style: {
+        color: 'rgb(255, 203, 107)',
+      },
+    },
+    {
+      types: ['keyword', 'number', 'char'],
+      style: {
+        color: 'rgb(247, 140, 108)',
+      },
+    },
+    {
+      types: ['tag', 'deleted', 'builtin'],
+      style: {
+        color: 'rgb(240, 113, 120)',
+      },
+    },
+    {
+      types: ['function'],
+      style: {
+        color: 'rgb(130, 170, 255)',
+      },
+    },
+    {
+      types: ['symbol', 'inserted'],
+      style: {
+        color: 'rgb(195, 232, 141)',
+      },
+    },
+    {
+      types: ['attr-name'],
+      style: {
+        color: 'rgb(199, 146, 234)',
+        fontStyle: 'italic',
+      },
+    },
+  ],
+};
+
+export const darkTheme: PrismTheme = {
+  plain: {
+    backgroundColor: '#36454F',
+    color: '#F9F6EE',
+  },
+  styles: [
+    {
+      types: ['comment', 'punctuation'],
+      style: {
+        color: 'rgb(70, 75, 93)',
+        // fontStyle: 'italic',
+      },
+    },
+    {
+      types: ['string'],
+      style: {
+        color: '#56AE4E',
+        // fontStyle: 'italic',
+      },
+    },
+    {
+      types: ['variable'],
+      style: {
+        color: 'rgb(143, 147, 162)',
+      },
+    },
+    {
+      types: ['constant', 'changed'],
+      style: {
+        color: 'rgb(255, 203, 107)',
+      },
+    },
+    {
+      types: ['keyword', 'number', 'char'],
+      style: {
+        color: 'rgb(247, 140, 108)',
+      },
+    },
+    {
+      types: ['tag', 'deleted', 'builtin'],
+      style: {
+        color: 'rgb(240, 113, 120)',
+      },
+    },
+    {
+      types: ['function'],
+      style: {
+        color: 'rgb(130, 170, 255)',
+      },
+    },
+    {
+      types: ['symbol', 'inserted'],
+      style: {
+        color: 'rgb(195, 232, 141)',
+      },
+    },
+    {
+      types: ['attr-name'],
+      style: {
+        color: 'rgb(199, 146, 234)',
+        fontStyle: 'italic',
+      },
+    },
+  ],
+};
diff --git a/example/storybook-nativewind/src/extra-components/design-system/CodePreview/ArgsController.tsx b/example/storybook-nativewind/src/extra-components/design-system/CodePreview/ArgsController.tsx
new file mode 100644
index 000000000..d08ff7e3d
--- /dev/null
+++ b/example/storybook-nativewind/src/extra-components/design-system/CodePreview/ArgsController.tsx
@@ -0,0 +1,62 @@
+import React, { useContext } from 'react';
+import { VStack } from '@/components/ui/vstack';
+import { CodePreviewContext } from './CodePreviewProvider';
+import { InputControl, SelectControl, SwitchControl } from './controls';
+
+const ArgsController = () => {
+  const { metaData } = useContext(CodePreviewContext);
+
+  const args = Object.keys(metaData?.argsType ?? {}).map(
+    (arg: any, index: any) => {
+      const {
+        control,
+        default: defaultValue,
+        options,
+      } = metaData?.argsType[arg];
+
+      if (control === 'input') {
+        return (
+          <InputControl
+            key={index}
+            defaultValue={defaultValue}
+            componentProp={arg}
+          />
+        );
+      }
+
+      if (control === 'boolean') {
+        return (
+          <SwitchControl
+            key={index}
+            defaultValue={defaultValue}
+            componentProp={arg}
+          />
+        );
+      }
+
+      if (control === 'select') {
+        return (
+          <SelectControl
+            key={index}
+            defaultValue={defaultValue}
+            componentProp={arg}
+            options={options}
+          />
+        );
+      }
+
+      return null;
+    }
+  );
+
+  return (
+    <VStack
+      space="md"
+      className="flex-1 p-5 border-[1px] border-[#DDDCDB] dark:border-[#414141] rounded-xl"
+    >
+      {args}
+    </VStack>
+  );
+};
+
+export default ArgsController;
diff --git a/example/storybook-nativewind/src/extra-components/design-system/CodePreview/CodePreview.tsx b/example/storybook-nativewind/src/extra-components/design-system/CodePreview/CodePreview.tsx
new file mode 100644
index 000000000..f2879404a
--- /dev/null
+++ b/example/storybook-nativewind/src/extra-components/design-system/CodePreview/CodePreview.tsx
@@ -0,0 +1,224 @@
+import React from 'react';
+import { CodeBlock } from '../CodeBlock';
+import ArgsController from './ArgsController';
+import { CodePreviewProvider } from './CodePreviewProvider';
+import ComponentRenderer from './ComponentRenderer';
+import { useMode } from '@/components/ui/gluestack-ui-provider/providerContext';
+import { Box } from '@/components/ui/box';
+import { Pressable } from '@/components/ui/pressable';
+import { HStack } from '@/components/ui/hstack';
+import { Link } from '@/components/ui/link';
+import { Text } from '@/components/ui/text';
+import { ExpoIcon } from '../icons';
+
+const genrateProp = (prop: any, props: any) => {
+  const type = props[prop].control;
+  const defaultValue = props[prop].default;
+
+  if (type === 'input') {
+    return defaultValue ? `${prop}="${defaultValue}"` : `${prop}=''`;
+  } else if (type === 'boolean') {
+    return defaultValue ? `${prop}={true}` : `${prop}={false}`;
+  }
+
+  return defaultValue ? `${prop}="${defaultValue}"` : `${prop}=''`;
+};
+
+const genratePropsString = (props: any) => {
+  let propsString = '';
+  Object.keys(props).map((prop: any) => {
+    propsString += genrateProp(prop, props) + ' ';
+  });
+  if (propsString === '') {
+    propsString = '{...props}';
+  }
+  return propsString;
+};
+
+const CodePreviewTabs = ({ activeTab, callback }) => {
+  return (
+    <HStack className="justify-start mb-3 ">
+      <Pressable
+        className={`${
+          activeTab === 'ios'
+            ? 'bg-background-100 dark:bg-[#171717]'
+            : 'bg-background-0  dark:bg-black'
+        } rounded-full py-3 px-6 border-[1px] border-background-200 min-w-[96px] z-20 `}
+        onPress={() => callback('ios')}
+      >
+        <Text
+          className={`${
+            activeTab === 'ios' ? 'text-typography-950' : 'text-typography-600'
+          } font-roboto font-semibold text-sm leading-4 text-center`}
+        >
+          iOS
+        </Text>
+      </Pressable>
+      <Pressable
+        className={`${
+          activeTab === 'android'
+            ? 'bg-background-100 dark:bg-[#171717]'
+            : 'bg-background-0  dark:bg-black'
+        } rounded-full  py-3 px-6 border-[1px] border-background-200 min-w-[136px] -ml-9 z-10 `}
+        onPress={() => callback('android')}
+      >
+        <Text
+          className={`${
+            activeTab === 'android'
+              ? 'text-typography-950'
+              : 'text-typography-600'
+          } font-roboto font-semibold text-sm leading-4 text-right`}
+        >
+          Android
+        </Text>
+      </Pressable>
+      <Pressable
+        className={`py-3 px-6  min-w-[112px] ${
+          activeTab === 'web'
+            ? 'bg-background-100 dark:bg-[#171717]'
+            : 'bg-background-0  dark:bg-black'
+        } border-[1px] border-background-200 rounded-full -ml-9 z-0 `}
+        onPress={() => callback('web')}
+      >
+        <Text
+          className={`${
+            activeTab === 'web' ? 'text-typography-950' : 'text-typography-600'
+          } font-roboto font-semibold text-sm leading-4 text-right`}
+        >
+          Web
+        </Text>
+      </Pressable>
+    </HStack>
+  );
+};
+const CodePreview = ({
+  metaData,
+  showArgsController = true,
+  showCodeBlock = true,
+  showComponentRenderer = true,
+  language,
+  rendererProps,
+  codeBlockProps,
+  argsControllerProps,
+  direction = 'column',
+  href,
+  showExternalResource,
+  _container,
+  _rendererWrapper,
+  isOverlayComponent = false,
+  ...props
+}: any) => {
+  const [previewMetaData, setPreviewMetaData] = React.useState(metaData);
+  const [propsString, setPropsString] = React.useState(
+    genratePropsString(metaData?.argsType ?? '')
+  );
+  const updateMetaData = (data: any) => setPreviewMetaData(data);
+  const updatePropsString = (txt: any) => setPropsString(txt);
+  const [activeTab, setActiveTab] = React.useState<'ios' | 'android' | 'web'>(
+    'ios'
+  );
+  const onTabChangeCallback = (tab: 'ios' | 'android' | 'web') => {
+    setActiveTab(tab);
+  };
+  const { colorMode } = useMode();
+
+  return (
+    <>
+      <Box
+        className="w-full bg-white rounded-lg mb-6 dark:bg-black dark:md:max-w-[736px] overflow-auto"
+        {...props}
+      >
+        {(showArgsController || showComponentRenderer) && (
+          <CodePreviewTabs
+            activeTab={activeTab}
+            callback={onTabChangeCallback}
+          />
+        )}
+        <CodePreviewProvider
+          metaData={previewMetaData}
+          updateMetaData={updateMetaData}
+          propsString={propsString}
+          updatePropsString={updatePropsString}
+        >
+          <Box
+            className={`w-full ${
+              direction === 'row' ? 'lg:flex-row' : 'lg:flex-col'
+            } gap-2`}
+          >
+            {(showArgsController || showComponentRenderer) && (
+              <HStack
+                className={`flex-col lg:flex-row  ${
+                  direction === 'row' ? 'flex-1' : ''
+                } dark:bg-black gap-3 relative`}
+              >
+                {showExternalResource && (
+                  <Link
+                    href={href}
+                    isExternal
+                    className="absolute -top-4 right-0  flex flex-row items-center px-3 py-1 border-[1px] border-[#DDDCDB] dark:border-[#414141] z-50 bg-background-50 dark:bg-[#171717] rounded-lg"
+                  >
+                    <ExpoIcon className="h-5 w-5 mr-2.5 text-[#0072BC]" />
+                    <Text className="dark:text-typography-50 text-sm web:select-none text-typography-700">
+                      Open in Expo
+                    </Text>
+                  </Link>
+                )}
+                <Box
+                  className={`relative flex-1  border-[#DDDCDB] dark:border-[#414141] rounded-xl ${
+                    activeTab === 'web' ? 'border-[1px]' : ''
+                  }`}
+                >
+                  <div
+                    className={`bg-contain bg-center bg-no-repeat overflow-hidden  h-full bg-transparent relative min-h-[530px]`}
+                    style={{
+                      backgroundImage:
+                        activeTab === 'android'
+                          ? colorMode === 'light'
+                            ? "url('/images/codeblock/assets/android-frame.png')"
+                            : "url('/images/codeblock/assets/dark-android-frame.png')"
+                          : activeTab === 'ios'
+                          ? colorMode === 'light'
+                            ? "url('/images/codeblock/assets/iphone-frame.png')"
+                            : "url('/images/codeblock/assets/dark-iphone-frame.png')"
+                          : 'none',
+                      paddingTop: activeTab === 'web' ? '0%' : '56.25%', // This maintains a 16:9 aspect ratio for the container
+                    }}
+                  >
+                    <Box
+                      className={`absolute left-1/2 transform -translate-x-1/2 top-1/2 -translate-y-1/2 ${
+                        activeTab === 'web' ? '' : 'h-5/6'
+                      }`}
+                    >
+                      {showComponentRenderer && (
+                        <ComponentRenderer
+                          showArgsController={showArgsController}
+                          activeTab={activeTab}
+                          isOverlayComponent={isOverlayComponent}
+                          {...rendererProps}
+                          _rendererWrapper={_rendererWrapper}
+                        />
+                      )}
+                    </Box>
+                  </div>
+                </Box>
+                {showArgsController && (
+                  <ArgsController {...argsControllerProps} />
+                )}
+              </HStack>
+            )}
+            {showCodeBlock && (
+              <CodeBlock
+                className="bg-background-50 p-6 dark:bg-[#171717] rounded-xl"
+                code={metaData?.code.replace('{...props}', propsString)}
+                language={language}
+                {...codeBlockProps}
+              />
+            )}
+          </Box>
+        </CodePreviewProvider>
+      </Box>
+    </>
+  );
+};
+
+export default CodePreview;
diff --git a/example/storybook-nativewind/src/extra-components/design-system/CodePreview/CodePreviewProvider.tsx b/example/storybook-nativewind/src/extra-components/design-system/CodePreview/CodePreviewProvider.tsx
new file mode 100644
index 000000000..fcbb27364
--- /dev/null
+++ b/example/storybook-nativewind/src/extra-components/design-system/CodePreview/CodePreviewProvider.tsx
@@ -0,0 +1,11 @@
+import React, { createContext } from 'react';
+
+export const CodePreviewContext = createContext<any>({});
+
+export const CodePreviewProvider = ({ children, ...props }: any) => {
+  return (
+    <CodePreviewContext.Provider value={{ ...props }}>
+      {children}
+    </CodePreviewContext.Provider>
+  );
+};
diff --git a/example/storybook-nativewind/src/extra-components/design-system/CodePreview/ComponentRenderer.tsx b/example/storybook-nativewind/src/extra-components/design-system/CodePreview/ComponentRenderer.tsx
new file mode 100644
index 000000000..915240a2d
--- /dev/null
+++ b/example/storybook-nativewind/src/extra-components/design-system/CodePreview/ComponentRenderer.tsx
@@ -0,0 +1,69 @@
+import React, { useContext } from 'react';
+import {
+  LiveProvider,
+  LivePreview as ReactLivePreview,
+  LiveError,
+} from 'react-live';
+import { Box } from '@/components/ui/box';
+import { CodePreviewContext } from './CodePreviewProvider';
+
+function wrapWithOverlayProvider(componentStr: string) {
+  const overlayProviderStart = '<OverlayProvider>';
+  const overlayProviderEnd = '</OverlayProvider>';
+  const modifiedComponentStr = componentStr.replace(
+    /return\s*\(\s*/, // Matches the return statement
+    `return (\n  ${overlayProviderStart}\n`
+  );
+  const lastClosingParenIndex = modifiedComponentStr.lastIndexOf(')'); // Find the last closing parenthesis
+  const finalComponentStr =
+    modifiedComponentStr.slice(0, lastClosingParenIndex) +
+    `  ${overlayProviderEnd}\n` +
+    modifiedComponentStr.slice(lastClosingParenIndex);
+  return finalComponentStr;
+}
+
+// @ts-ignore
+const ComponentRenderer = ({
+  showArgsController,
+  _rendererWrapper,
+  activeTab,
+  isOverlayComponent,
+  ...props
+}: any) => {
+  const { metaData, propsString } = useContext(CodePreviewContext);
+  const componentCode = isOverlayComponent
+    ? activeTab === 'web'
+      ? `${metaData?.code}`
+      : wrapWithOverlayProvider(`${metaData?.code}`)
+    : `${metaData?.code}`;
+  return (
+    <Box {..._rendererWrapper} className="h-full flex flex-col justify-center ">
+      <Box className={`${activeTab === 'web' ? '' : 'w-[210px]'} h-full`}>
+        <LiveProvider
+          code={
+            showArgsController
+              ? componentCode.replace('{...props}', propsString)
+              : componentCode
+          }
+          transformCode={metaData?.transformCode ?? null}
+          scope={{ ...metaData?.scope }}
+          {...props}
+        >
+          <div
+            style={{
+              transform: activeTab === 'web' ? 'none' : 'scale(0.55)',
+              transformOrigin: 'center',
+              width: '100%',
+              height: '100%',
+            }}
+          >
+            <ReactLivePreview style={{ width: '100%', height: '100%' }} />
+            <LiveError style={{ width: '100%', height: '100%' }} />
+          </div>
+        </LiveProvider>
+      </Box>
+    </Box>
+  );
+};
+
+export default ComponentRenderer;
diff --git a/example/storybook-nativewind/src/extra-components/design-system/CodePreview/controls/InputControl.tsx b/example/storybook-nativewind/src/extra-components/design-system/CodePreview/controls/InputControl.tsx
new file mode 100644
index 000000000..45d1cf61b
--- /dev/null
+++ b/example/storybook-nativewind/src/extra-components/design-system/CodePreview/controls/InputControl.tsx
@@ -0,0 +1,53 @@
+import React, { useContext, useState } from 'react';
+import { Input, InputField } from '@/components/ui/input';
+import {
+  FormControl,
+  FormControlLabel,
+  FormControlLabelText,
+} from '@/components/ui/form-control';
+import { CodePreviewContext } from '../CodePreviewProvider';
+
+export const InputControl = ({ defaultValue, componentProp }: any) => {
+  const { propsString, updatePropsString } = useContext(CodePreviewContext);
+  const [value, setValue] = useState(defaultValue ?? '');
+
+  const handleChange = (e: any) => {
+    const inputValue = e.target.value;
+    setValue(inputValue);
+
+    const componentPropValueRegex = new RegExp(componentProp + '="(.*?)"', 'g');
+
+    if (propsString.match(componentPropValueRegex)) {
+      updatePropsString(
+        propsString.replace(
+          componentPropValueRegex,
+          `${componentProp}="${inputValue}"`
+        )
+      );
+    } else {
+      updatePropsString(`${propsString} ${componentProp}="${inputValue}"`);
+    }
+
+    if (inputValue === '') {
+      updatePropsString(propsString.replace(componentPropValueRegex, ''));
+    }
+  };
+
+  return (
+    <FormControl>
+      <FormControlLabel className="mb-3">
+        <FormControlLabelText className="text-xs leading-3 text-typography-400 font-normal">
+          {componentProp}
+        </FormControlLabelText>
+      </FormControlLabel>
+      <Input variant="underlined">
+        <InputField
+          placeholder="Enter label"
+          value={value}
+          onChange={handleChange}
+          className="text-typography-900 dark:text-typography-50 text-sm pt-3 pb-2 px-0"
+        />
+      </Input>
+    </FormControl>
+  );
+};
diff --git a/example/storybook-nativewind/src/extra-components/design-system/CodePreview/controls/SelectControl.tsx b/example/storybook-nativewind/src/extra-components/design-system/CodePreview/controls/SelectControl.tsx
new file mode 100644
index 000000000..06f018d82
--- /dev/null
+++ b/example/storybook-nativewind/src/extra-components/design-system/CodePreview/controls/SelectControl.tsx
@@ -0,0 +1,95 @@
+import React, { useContext, useState } from 'react';
+import {
+  FormControl,
+  FormControlLabel,
+  FormControlLabelText,
+} from '@/components/ui/form-control';
+import { ChevronDownIcon } from '@/components/ui/icon';
+import {
+  Select,
+  SelectTrigger,
+  SelectInput,
+  SelectIcon,
+  SelectPortal,
+  SelectBackdrop,
+  SelectContent,
+  SelectDragIndicatorWrapper,
+  SelectDragIndicator,
+  SelectItem,
+} from '@/components/ui/select';
+import { CodePreviewContext } from '../CodePreviewProvider';
+
+export const SelectControl = ({
+  defaultValue,
+  componentProp,
+  options,
+}: any) => {
+  const { propsString, updatePropsString } = useContext(CodePreviewContext);
+  const [value, setValue] = useState(defaultValue ?? '');
+
+  const handleChange = (val: any) => {
+    const componentPropsValueRegex = new RegExp(
+      componentProp + '="(.*?)"',
+      'g'
+    );
+    setValue(val);
+    if (propsString.match(componentPropsValueRegex)) {
+      updatePropsString(
+        propsString.replace(
+          componentPropsValueRegex,
+          `${componentProp}="${val}"`
+        )
+      );
+    } else {
+      updatePropsString(`${propsString} ${componentProp}="${val}"`);
+    }
+
+    if (val === '') {
+      updatePropsString(propsString.replace(componentPropsValueRegex, ''));
+    }
+  };
+
+  return (
+    <FormControl>
+      <FormControlLabel className="mb-3">
+        <FormControlLabelText className="text-xs leading-3 text-typography-400 dark:text-background-500 font-normal">
+          {componentProp}
+        </FormControlLabelText>
+      </FormControlLabel>
+      <Select
+        onValueChange={handleChange}
+        value={value}
+        defaultValue={defaultValue}
+      >
+        <SelectTrigger
+          variant="underlined"
+          className="text-typography-900 hover:border-background-400 dark:text-typography-50 dark:hover:border-background-600"
+        >
+          <SelectInput
+            placeholder={`Select ${componentProp}`}
+            className="text-sm text-background-900 dark:text-background-500"
+          />
+          <SelectIcon className="mr-3">
+            <ChevronDownIcon className="h-4 w-4 text-background-500 dark:text-background-700" />
+          </SelectIcon>
+        </SelectTrigger>
+        <SelectPortal>
+          <SelectBackdrop />
+          <SelectContent>
+            <SelectDragIndicatorWrapper>
+              <SelectDragIndicator />
+            </SelectDragIndicatorWrapper>
+            {options?.map((option: any, index: any) => (
+              <SelectItem
+                value={option}
+                label={option}
+                key={index}
+                className="font-normal"
+              />
+            ))}
+          </SelectContent>
+        </SelectPortal>
+      </Select>
+    </FormControl>
+  );
+};
diff --git a/example/storybook-nativewind/src/extra-components/design-system/CodePreview/controls/SwitchControl.tsx b/example/storybook-nativewind/src/extra-components/design-system/CodePreview/controls/SwitchControl.tsx
new file mode 100644
index 000000000..66407d8ac
--- /dev/null
+++ b/example/storybook-nativewind/src/extra-components/design-system/CodePreview/controls/SwitchControl.tsx
@@ -0,0 +1,50 @@
+import React, { useContext } from 'react';
+import {
+  FormControl,
+  FormControlLabel,
+  FormControlLabelText,
+} from '@/components/ui/form-control';
+import { Switch } from '@/components/ui/switch';
+import { CodePreviewContext } from '../CodePreviewProvider';
+
+export const SwitchControl = ({ defaultValue, componentProp }: any) => {
+  const [value, setValue] = React.useState(defaultValue ?? false);
+
+  const { propsString, updatePropsString } = useContext(CodePreviewContext);
+
+  const toggleSwitch = (val: any) => {
+    setValue((previousState: boolean) => !previousState);
+
+    const componentPropsValueRegex = new RegExp(
+      componentProp + '={(.*?)}',
+      'g'
+    );
+
+    if (propsString.match(componentPropsValueRegex)) {
+      updatePropsString(
+        propsString.replace(
+          componentPropsValueRegex,
+          `${componentProp}={${val}}`
+        )
+      );
+    }
+  };
+
+  return (
+    <FormControl>
+      <FormControlLabel className="mb-3">
+        <FormControlLabelText className="text-sm leading-3 text-typography-400 dark:text-background-400 font-normal">
+          {componentProp}
+        </FormControlLabelText>
+      </FormControlLabel>
+      <Switch
+        trackColor={{ true: '#005DB4', false: '#d4d4d4' }}
+        thumbColor="#fafafa"
+        //@ts-ignore
+        activeThumbColor="#fafafa"
+        value={value}
+        onValueChange={toggleSwitch}
+      />
+    </FormControl>
+  );
+};
diff --git a/example/storybook-nativewind/src/extra-components/design-system/CodePreview/controls/index.tsx b/example/storybook-nativewind/src/extra-components/design-system/CodePreview/controls/index.tsx
new file mode 100644
index 000000000..968602d14
--- /dev/null
+++ b/example/storybook-nativewind/src/extra-components/design-system/CodePreview/controls/index.tsx
@@ -0,0 +1,3 @@
+export { InputControl } from './InputControl';
+export { SwitchControl } from './SwitchControl';
+export { SelectControl } from './SelectControl';
diff --git a/example/storybook-nativewind/src/extra-components/design-system/CodePreview/index.tsx b/example/storybook-nativewind/src/extra-components/design-system/CodePreview/index.tsx
new file mode 100644
index 000000000..d4b5ecf3c
--- /dev/null
+++ b/example/storybook-nativewind/src/extra-components/design-system/CodePreview/index.tsx
@@ -0,0 +1,5 @@
+import ArgsController from './ArgsController';
+import CodePreview from './CodePreview';
+import ComponentRenderer from './ComponentRenderer';
+
+export { ComponentRenderer, CodePreview, ArgsController };
diff --git a/example/storybook-nativewind/src/extra-components/design-system/hooks/clipboard.ts b/example/storybook-nativewind/src/extra-components/design-system/hooks/clipboard.ts
new file mode 100644
index 000000000..fb3d08b6f
--- /dev/null
+++ b/example/storybook-nativewind/src/extra-components/design-system/hooks/clipboard.ts
@@ -0,0 +1,19 @@
+import React from 'react';
+import { Clipboard } from 'react-native';
+
+export function useClipboard() {
+  const [hasCopied, setHasCopied] = React.useState(false);
+  const [value, setValue] = React.useState<string>('');
+  const onCopy = async (copiedValue: string) => {
+    if (Clipboard) {
+      await Clipboard.setString(copiedValue);
+    }
+    setValue(copiedValue);
+    setHasCopied(true);
+  };
+  return {
+    value,
+    onCopy,
+    hasCopied,
+  };
+}
diff --git a/example/storybook-nativewind/src/extra-components/design-system/icons/index.tsx b/example/storybook-nativewind/src/extra-components/design-system/icons/index.tsx
new file mode 100644
index 000000000..fc82cf2fc
--- /dev/null
+++ b/example/storybook-nativewind/src/extra-components/design-system/icons/index.tsx
@@ -0,0 +1,40 @@
+import React from 'react';
+import { createIcon, Svg } from '@/components/ui/icon';
+
+// import Root from '../styled-components/Root';
+import { Path } from 'react-native-svg';
+
+const CopyOutlinedIcon = createIcon({
+  Svg,
+  viewBox: '0 0 12 16',
+  path: (
+    <Path
+      d="M4 0C2.89543 0 2 0.895431 2 2V12C2 13.1046 2.89543 14 4 14H10C11.1046 14 12 13.1046 12 12V2C12 0.89543 11.1046 0 10 0H4ZM3 2C3 1.44772 3.44772 1 4 1H10C10.5523 1 11 1.44772 11 2V12C11 12.5523 10.5523 13 10 13H4C3.44772 13 3 12.5523 3 12V2ZM0 4.00001C0 3.25973 0.402199 2.61339 1 2.26758V12.5C1 13.8807 2.11929 15 3.5 15H9.73244C9.38663 15.5978 8.74028 16 8 16H3.5C1.567 16 0 14.433 0 12.5V4.00001Z"
+      fill="currentColor"
+    />
+  ),
+});
+
+const CopyFilledIcon = createIcon({
+  Svg,
+  viewBox: '0 0 12 16',
+  path: (
+    <Path
+      d="M2 2C2 0.895431 2.89543 0 4 0H10C11.1046 0 12 0.89543 12 2V12C12 13.1046 11.1046 14 10 14H4C2.89543 14 2 13.1046 2 12V2ZM0 4.00001C0 3.25973 0.402199 2.61339 1 2.26758V12.5C1 13.8807 2.11929 15 3.5 15H9.73244C9.38663 15.5978 8.74028 16 8 16H3.5C1.567 16 0 14.433 0 12.5V4.00001Z"
+      fill="currentColor"
+    />
+  ),
+});
+
+const ExpoIcon = createIcon({
+  Svg,
+  viewBox: '0 0 20 20',
+  d: 'M9.52406 8.23558C9.56023 8.17224 9.61306 8.12001 9.67682 8.08458C9.74058 8.04914 9.81283 8.03184 9.88573 8.03457C9.96529 8.03055 10.0446 8.0469 10.116 8.08208C10.1875 8.11725 10.2489 8.17009 10.2942 8.23558C11.2498 9.54813 12.8268 12.1622 13.9898 14.0897C14.748 15.3472 15.3309 16.3128 15.4512 16.4358C15.9001 16.8947 16.5151 16.6093 16.8731 16.0861C17.1571 15.7256 17.3152 15.282 17.3229 14.8231C17.3229 14.5606 12.2219 5.07353 11.7078 4.28416C11.2131 3.52509 11.0524 3.33325 10.2107 3.33325H9.57363C8.73096 3.33325 8.60887 3.52509 8.11502 4.28416C7.60098 5.0772 2.5 14.5606 2.5 14.8231C2.5077 15.282 2.66571 15.7256 2.94979 16.0861C3.30779 16.6093 3.9228 16.8966 4.37167 16.4358C4.49101 16.3128 5.0739 15.3472 5.83303 14.0897C6.99789 12.1613 8.56849 9.54721 9.52406 8.23558Z',
+});
+
+ExpoIcon.displayName = 'ExpoIcon';
+
+CopyOutlinedIcon.displayName = 'CopyOutlinedIcon';
+CopyFilledIcon.displayName = 'CopyFilledIcon';
+
+export { CopyOutlinedIcon, CopyFilledIcon, ExpoIcon };
diff --git a/example/storybook-nativewind/src/extra-components/storybook-components/useMode.tsx b/example/storybook-nativewind/src/extra-components/storybook-components/useMode.tsx
new file mode 100644
index 000000000..d59f3f345
--- /dev/null
+++ b/example/storybook-nativewind/src/extra-components/storybook-components/useMode.tsx
@@ -0,0 +1,6 @@
+'use client';
+import { useDarkMode } from 'storybook-dark-mode';
+export const useMode = () => {
+  const isDark = useDarkMode();
+  return isDark ? { colorMode: 'dark' } : { colorMode: 'light' };
+};
diff --git a/example/storybook-nativewind/tsconfig.json b/example/storybook-nativewind/tsconfig.json
index 718a96a1d..845b7ae1d 100644
--- a/example/storybook-nativewind/tsconfig.json
+++ b/example/storybook-nativewind/tsconfig.json
@@ -3,6 +3,9 @@
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
+      "@/components/ui/gluestack-ui-provider/providerContext": [
+        "./src/extra-components/storybook-components/useMode.tsx"
+      ],
       "@/components/ui/*": ["src/core-components/nativewind/*"],
       "@/components/hooks/*": ["src/core-components/hooks/*"],
       "@/components/ui/utils/*": ["src/core-components/hooks/*"],
diff --git a/yarn.lock b/yarn.lock
index 7a98bc59f..35001e305 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -199,6 +199,14 @@
     "@babel/highlight" "^7.24.2"
     picocolors "^1.0.0"
 
+"@babel/code-frame@^7.25.7":
+  version "7.25.7"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.25.7.tgz#438f2c524071531d643c6f0188e1e28f130cebc7"
+  integrity sha512-0xZJFNE5XMpENsgfHYTw8FbX4kv53mFLn2i3XPoq69LyhYSCBJtitaHx9QnsVTrsogI4Z3+HtEfZ2/GFPOtf5g==
+  dependencies:
+    "@babel/highlight" "^7.25.7"
+    picocolors "^1.0.0"
+
 "@babel/compat-data@^7.20.5", "@babel/compat-data@^7.22.6", "@babel/compat-data@^7.23.5", "@babel/compat-data@^7.24.4":
   version "7.24.4"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.4.tgz#6f102372e9094f25d908ca0d34fc74c74606059a"
@@ -288,6 +296,16 @@
     "@jridgewell/trace-mapping" "^0.3.25"
     jsesc "^2.5.1"
 
+"@babel/generator@^7.14.0", "@babel/generator@^7.25.7":
+  version "7.25.7"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.25.7.tgz#de86acbeb975a3e11ee92dd52223e6b03b479c56"
+  integrity sha512-5Dqpl5fyV9pIAD62yK9P7fcA768uVPUyrQmqpqstHWgMma4feF1x/oFysBCVZLY5wJ2GkMUCdsNDnGZrPoR6rA==
+  dependencies:
+    "@babel/types" "^7.25.7"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jsesc "^3.0.2"
+
 "@babel/helper-annotate-as-pure@^7.18.6", "@babel/helper-annotate-as-pure@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz#e7f06737b197d580a01edf75d97e2c8be99d3882"
@@ -473,11 +491,21 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.1.tgz#f99c36d3593db9540705d0739a1f10b5e20c696e"
   integrity sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ==
 
+"@babel/helper-string-parser@^7.25.7":
+  version "7.25.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.25.7.tgz#d50e8d37b1176207b4fe9acedec386c565a44a54"
+  integrity sha512-CbkjYdsJNHFk8uqpEkpCvRs3YRp9tY6FmFY7wLMSYuGYkrdUi7r2lc4/wqsvlHoMznX3WJ9IP8giGPq68T/Y6g==
+
 "@babel/helper-validator-identifier@^7.22.20", "@babel/helper-validator-identifier@^7.24.5":
   version "7.24.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.5.tgz#918b1a7fa23056603506370089bd990d8720db62"
   integrity sha512-3q93SSKX2TWCG30M2G2kwaKeTYgEUp5Snjuj8qm729SObL6nbtUldAi37qbxkD5gg3xnBio+f9nqpSepGZMvxA==
 
+"@babel/helper-validator-identifier@^7.25.7":
+  version "7.25.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.7.tgz#77b7f60c40b15c97df735b38a66ba1d7c3e93da5"
+  integrity sha512-AM6TzwYqGChO45oiuPqwL2t20/HdMC1rTPAesnBCgPCSF1x3oN9MVUwQV2iyz4xqWrctwK5RNC8LV22kaQCNYg==
+
 "@babel/helper-validator-option@^7.23.5":
   version "7.23.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz#907a3fbd4523426285365d1206c423c4c5520307"
@@ -511,11 +539,28 @@
     js-tokens "^4.0.0"
     picocolors "^1.0.0"
 
+"@babel/highlight@^7.25.7":
+  version "7.25.7"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.25.7.tgz#20383b5f442aa606e7b5e3043b0b1aafe9f37de5"
+  integrity sha512-iYyACpW3iW8Fw+ZybQK+drQre+ns/tKpXbNESfrhNnPLIklLbXr7MYJ6gPEd0iETGLOK+SxMjVvKb/ffmk+FEw==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.25.7"
+    chalk "^2.4.2"
+    js-tokens "^4.0.0"
+    picocolors "^1.0.0"
+
 "@babel/parser@^7.1.0", "@babel/parser@^7.12.11", "@babel/parser@^7.12.7", "@babel/parser@^7.13.16", "@babel/parser@^7.14.7", "@babel/parser@^7.20.0", "@babel/parser@^7.20.13", "@babel/parser@^7.20.5", "@babel/parser@^7.20.7", "@babel/parser@^7.23.9", "@babel/parser@^7.24.0", "@babel/parser@^7.24.5", "@babel/parser@^7.9.0":
   version "7.24.5"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.5.tgz#4a4d5ab4315579e5398a82dcf636ca80c3392790"
   integrity sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg==
 
+"@babel/parser@^7.14.0", "@babel/parser@^7.25.7":
+  version "7.25.8"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.25.8.tgz#f6aaf38e80c36129460c1657c0762db584c9d5e2"
+  integrity sha512-HcttkxzdPucv3nNFmfOOMfFf64KgdJVqm1KaCm25dPGMLElo9nsLvXeJECQg8UzPuBGLyTSA0ZzqCtDSzKTEoQ==
+  dependencies:
+    "@babel/types" "^7.25.8"
+
 "@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.24.5":
   version "7.24.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.24.5.tgz#4c3685eb9cd790bcad2843900fe0250c91ccf895"
@@ -1466,6 +1511,15 @@
     "@babel/parser" "^7.24.0"
     "@babel/types" "^7.24.0"
 
+"@babel/template@^7.25.7":
+  version "7.25.7"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.25.7.tgz#27f69ce382855d915b14ab0fe5fb4cbf88fa0769"
+  integrity sha512-wRwtAgI3bAS+JGU2upWNL9lSlDcRCqD05BZ1n3X2ONLH1WilFP6O1otQjeMK/1g0pvYcXC7b/qVUB1keofjtZA==
+  dependencies:
+    "@babel/code-frame" "^7.25.7"
+    "@babel/parser" "^7.25.7"
+    "@babel/types" "^7.25.7"
+
 "@babel/traverse@^7.1.6", "@babel/traverse@^7.12.11", "@babel/traverse@^7.12.9", "@babel/traverse@^7.13.0", "@babel/traverse@^7.20.0", "@babel/traverse@^7.20.13", "@babel/traverse@^7.20.5", "@babel/traverse@^7.23.0", "@babel/traverse@^7.24.5", "@babel/traverse@^7.4.5", "@babel/traverse@^7.9.0":
   version "7.24.5"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.5.tgz#972aa0bc45f16983bf64aa1f877b2dd0eea7e6f8"
@@ -1482,6 +1536,19 @@
     debug "^4.3.1"
     globals "^11.1.0"
 
+"@babel/traverse@^7.14.0":
+  version "7.25.7"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.25.7.tgz#83e367619be1cab8e4f2892ef30ba04c26a40fa8"
+  integrity sha512-jatJPT1Zjqvh/1FyJs6qAHL+Dzb7sTb+xr7Q+gM1b+1oBsMsQQ4FkVKb6dFlJvLlVssqkRzV05Jzervt9yhnzg==
+  dependencies:
+    "@babel/code-frame" "^7.25.7"
+    "@babel/generator" "^7.25.7"
+    "@babel/parser" "^7.25.7"
+    "@babel/template" "^7.25.7"
+    "@babel/types" "^7.25.7"
+    debug "^4.3.1"
+    globals "^11.1.0"
+
 "@babel/types@^7.0.0", "@babel/types@^7.12.11", "@babel/types@^7.12.7", "@babel/types@^7.2.0", "@babel/types@^7.20.0", "@babel/types@^7.20.7", "@babel/types@^7.22.15", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.23.4", "@babel/types@^7.24.0", "@babel/types@^7.24.5", "@babel/types@^7.3.3", "@babel/types@^7.4.4", "@babel/types@^7.9.0":
   version "7.24.5"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.5.tgz#7661930afc638a5383eb0c4aee59b74f38db84d7"
@@ -1491,6 +1558,15 @@
     "@babel/helper-validator-identifier" "^7.24.5"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.25.7", "@babel/types@^7.25.8":
+  version "7.25.8"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.25.8.tgz#5cf6037258e8a9bcad533f4979025140cb9993e1"
+  integrity sha512-JWtuCu8VQsMladxVz/P4HzHUGCAwpuqacmowgXFs5XjxIgKuNjnLokQzuVjlTvIzODaDmpjT3oxcC48vyk9EWg==
+  dependencies:
+    "@babel/helper-string-parser" "^7.25.7"
+    "@babel/helper-validator-identifier" "^7.25.7"
+    to-fast-properties "^2.0.0"
+
 "@base2/pretty-print-object@1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@base2/pretty-print-object/-/pretty-print-object-1.0.1.tgz#371ba8be66d556812dc7fb169ebc3c08378f69d4"
@@ -2946,6 +3022,13 @@
     slash "^3.0.0"
     strip-ansi "^6.0.0"
 
+"@jest/create-cache-key-function@^27.0.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/create-cache-key-function/-/create-cache-key-function-27.5.1.tgz#7448fae15602ea95c828f5eceed35c202a820b31"
+  integrity sha512-dmH1yW+makpTSURTy8VzdUwFnfQh1G8R+DxO2Ho2FFmBbKFEVm+3jWdvFhE2VqB/LATCTokkP0dotjyQyw5/AQ==
+  dependencies:
+    "@jest/types" "^27.5.1"
+
 "@jest/create-cache-key-function@^29.2.1", "@jest/create-cache-key-function@^29.6.3":
   version "29.7.0"
   resolved "https://registry.yarnpkg.com/@jest/create-cache-key-function/-/create-cache-key-function-29.7.0.tgz#793be38148fab78e65f40ae30c36785f4ad859f0"
@@ -4317,6 +4400,26 @@
     execa "^5.0.0"
     prompts "^2.4.0"
 
+"@react-native-community/cli-clean@11.4.1":
+  version "11.4.1"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-clean/-/cli-clean-11.4.1.tgz#0155a02e4158c8a61ba3d7a2b08f3ebebed81906"
+  integrity sha512-cwUbY3c70oBGv3FvQJWe2Qkq6m1+/dcEBonMDTYyH6i+6OrkzI4RkIGpWmbG1IS5JfE9ISUZkNL3946sxyWNkw==
+  dependencies:
+    "@react-native-community/cli-tools" "11.4.1"
+    chalk "^4.1.2"
+    execa "^5.0.0"
+    prompts "^2.4.0"
+
+"@react-native-community/cli-clean@^9.2.1":
+  version "9.2.1"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-clean/-/cli-clean-9.2.1.tgz#198c5dd39c432efb5374582073065ff75d67d018"
+  integrity sha512-dyNWFrqRe31UEvNO+OFWmQ4hmqA07bR9Ief/6NnGwx67IO9q83D5PEAf/o96ML6jhSbDwCmpPKhPwwBbsyM3mQ==
+  dependencies:
+    "@react-native-community/cli-tools" "^9.2.1"
+    chalk "^4.1.2"
+    execa "^1.0.0"
+    prompts "^2.4.0"
+
 "@react-native-community/cli-config@11.3.6":
   version "11.3.6"
   resolved "https://registry.yarnpkg.com/@react-native-community/cli-config/-/cli-config-11.3.6.tgz#6d3636a8a3c4542ebb123eaf61bbbc0c2a1d2a6b"
@@ -4329,6 +4432,29 @@
     glob "^7.1.3"
     joi "^17.2.1"
 
+"@react-native-community/cli-config@11.4.1":
+  version "11.4.1"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-config/-/cli-config-11.4.1.tgz#c27f91d2753f0f803cc79bbf299f19648a5d5627"
+  integrity sha512-sLdv1HFVqu5xNpeaR1+std0t7FFZaobpmpR0lFCOzKV7H/l611qS2Vo8zssmMK+oQbCs5JsX3SFPciODeIlaWA==
+  dependencies:
+    "@react-native-community/cli-tools" "11.4.1"
+    chalk "^4.1.2"
+    cosmiconfig "^5.1.0"
+    deepmerge "^4.3.0"
+    glob "^7.1.3"
+    joi "^17.2.1"
+
+"@react-native-community/cli-config@^9.2.1":
+  version "9.2.1"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-config/-/cli-config-9.2.1.tgz#54eb026d53621ccf3a9df8b189ac24f6e56b8750"
+  integrity sha512-gHJlBBXUgDN9vrr3aWkRqnYrPXZLztBDQoY97Mm5Yo6MidsEpYo2JIP6FH4N/N2p1TdjxJL4EFtdd/mBpiR2MQ==
+  dependencies:
+    "@react-native-community/cli-tools" "^9.2.1"
+    cosmiconfig "^5.1.0"
+    deepmerge "^3.2.0"
+    glob "^7.1.3"
+    joi "^17.2.1"
+
 "@react-native-community/cli-debugger-ui@11.3.6":
   version "11.3.6"
   resolved "https://registry.yarnpkg.com/@react-native-community/cli-debugger-ui/-/cli-debugger-ui-11.3.6.tgz#1eb2276450f270a938686b49881fe232a08c01c4"
@@ -4336,6 +4462,20 @@
   dependencies:
     serve-static "^1.13.1"
 
+"@react-native-community/cli-debugger-ui@11.4.1":
+  version "11.4.1"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-debugger-ui/-/cli-debugger-ui-11.4.1.tgz#783cc276e1360baf8235dc8c6ebbbce0fe01d944"
+  integrity sha512-+pgIjGNW5TrJF37XG3djIOzP+WNoPp67to/ggDhrshuYgpymfb9XpDVsURJugy0Sy3RViqb83kQNK765QzTIvw==
+  dependencies:
+    serve-static "^1.13.1"
+
+"@react-native-community/cli-debugger-ui@^9.0.0":
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-debugger-ui/-/cli-debugger-ui-9.0.0.tgz#ea5c5dad6008bccd840d858e160d42bb2ced8793"
+  integrity sha512-7hH05ZwU9Tp0yS6xJW0bqcZPVt0YCK7gwj7gnRu1jDNN2kughf6Lg0Ys29rAvtZ7VO1PK5c1O+zs7yFnylQDUA==
+  dependencies:
+    serve-static "^1.13.1"
+
 "@react-native-community/cli-doctor@11.3.6":
   version "11.3.6"
   resolved "https://registry.yarnpkg.com/@react-native-community/cli-doctor/-/cli-doctor-11.3.6.tgz#fa33ee00fe5120af516aa0f17fe3ad50270976e7"
@@ -4360,6 +4500,51 @@
     wcwidth "^1.0.1"
     yaml "^2.2.1"
 
+"@react-native-community/cli-doctor@11.4.1":
+  version "11.4.1"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-doctor/-/cli-doctor-11.4.1.tgz#516ef5932de3e12989695e7cb7aba82b81e7b2de"
+  integrity sha512-O6oPiRsl8pdkcyNktpzvJAXUqdocoY4jh7Tt7wA69B1JKCJA7aPCecwJgpUZb63ZYoxOtRtYM3BYQKzRMLIuUw==
+  dependencies:
+    "@react-native-community/cli-config" "11.4.1"
+    "@react-native-community/cli-platform-android" "11.4.1"
+    "@react-native-community/cli-platform-ios" "11.4.1"
+    "@react-native-community/cli-tools" "11.4.1"
+    chalk "^4.1.2"
+    command-exists "^1.2.8"
+    envinfo "^7.7.2"
+    execa "^5.0.0"
+    hermes-profile-transformer "^0.0.6"
+    node-stream-zip "^1.9.1"
+    ora "^5.4.1"
+    prompts "^2.4.0"
+    semver "^7.5.2"
+    strip-ansi "^5.2.0"
+    sudo-prompt "^9.0.0"
+    wcwidth "^1.0.1"
+    yaml "^2.2.1"
+
+"@react-native-community/cli-doctor@^9.3.0":
+  version "9.3.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-doctor/-/cli-doctor-9.3.0.tgz#8817a3fd564453467def5b5bc8aecdc4205eff50"
+  integrity sha512-/fiuG2eDGC2/OrXMOWI5ifq4X1gdYTQhvW2m0TT5Lk1LuFiZsbTCp1lR+XILKekuTvmYNjEGdVpeDpdIWlXdEA==
+  dependencies:
+    "@react-native-community/cli-config" "^9.2.1"
+    "@react-native-community/cli-platform-ios" "^9.3.0"
+    "@react-native-community/cli-tools" "^9.2.1"
+    chalk "^4.1.2"
+    command-exists "^1.2.8"
+    envinfo "^7.7.2"
+    execa "^1.0.0"
+    hermes-profile-transformer "^0.0.6"
+    ip "^1.1.5"
+    node-stream-zip "^1.9.1"
+    ora "^5.4.1"
+    prompts "^2.4.0"
+    semver "^6.3.0"
+    strip-ansi "^5.2.0"
+    sudo-prompt "^9.0.0"
+    wcwidth "^1.0.1"
+
 "@react-native-community/cli-hermes@11.3.6":
   version "11.3.6"
   resolved "https://registry.yarnpkg.com/@react-native-community/cli-hermes/-/cli-hermes-11.3.6.tgz#b1acc7feff66ab0859488e5812b3b3e8b8e9434c"
@@ -4371,6 +4556,27 @@
     hermes-profile-transformer "^0.0.6"
     ip "^1.1.5"
 
+"@react-native-community/cli-hermes@11.4.1":
+  version "11.4.1"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-hermes/-/cli-hermes-11.4.1.tgz#abf487ae8ab53c66f6f1178bcd37ecbbbac9fb5c"
+  integrity sha512-1VAjwcmv+i9BJTMMVn5Grw7AcgURhTyfHVghJ1YgBE2euEJxPuqPKSxP54wBOQKnWUwsuDQAtQf+jPJoCxJSSA==
+  dependencies:
+    "@react-native-community/cli-platform-android" "11.4.1"
+    "@react-native-community/cli-tools" "11.4.1"
+    chalk "^4.1.2"
+    hermes-profile-transformer "^0.0.6"
+
+"@react-native-community/cli-hermes@^9.3.4":
+  version "9.3.4"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-hermes/-/cli-hermes-9.3.4.tgz#47851847c4990272687883bd8bf53733d5f3c341"
+  integrity sha512-VqTPA7kknCXgtYlRf+sDWW4yxZ6Gtg1Ga+Rdrn1qSKuo09iJ8YKPoQYOu5nqbIYJQAEhorWQyo1VvNgd0wd49w==
+  dependencies:
+    "@react-native-community/cli-platform-android" "^9.3.4"
+    "@react-native-community/cli-tools" "^9.2.1"
+    chalk "^4.1.2"
+    hermes-profile-transformer "^0.0.6"
+    ip "^1.1.5"
+
 "@react-native-community/cli-platform-android@11.3.6":
   version "11.3.6"
   resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-android/-/cli-platform-android-11.3.6.tgz#6f3581ca4eed3deec7edba83c1bc467098c8167b"
@@ -4382,6 +4588,30 @@
     glob "^7.1.3"
     logkitty "^0.7.1"
 
+"@react-native-community/cli-platform-android@11.4.1", "@react-native-community/cli-platform-android@^11.4.1":
+  version "11.4.1"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-android/-/cli-platform-android-11.4.1.tgz#ec5fc97e87834f2e33cb0d34dcef6c17b20f60fc"
+  integrity sha512-VMmXWIzk0Dq5RAd+HIEa3Oe7xl2jso7+gOr6E2HALF4A3fCKUjKZQ6iK2t6AfnY04zftvaiKw6zUXtrfl52AVQ==
+  dependencies:
+    "@react-native-community/cli-tools" "11.4.1"
+    chalk "^4.1.2"
+    execa "^5.0.0"
+    glob "^7.1.3"
+    logkitty "^0.7.1"
+
+"@react-native-community/cli-platform-android@9.3.4", "@react-native-community/cli-platform-android@^9.3.4":
+  version "9.3.4"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-android/-/cli-platform-android-9.3.4.tgz#42f22943b6ee15713add6af8608c1d0ebf79d774"
+  integrity sha512-BTKmTMYFuWtMqimFQJfhRyhIWw1m+5N5svR1S5+DqPcyFuSXrpNYDWNSFR8E105xUbFANmsCZZQh6n1WlwMpOA==
+  dependencies:
+    "@react-native-community/cli-tools" "^9.2.1"
+    chalk "^4.1.2"
+    execa "^1.0.0"
+    fs-extra "^8.1.0"
+    glob "^7.1.3"
+    logkitty "^0.7.1"
+    slash "^3.0.0"
+
 "@react-native-community/cli-platform-ios@11.3.6":
   version "11.3.6"
   resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-ios/-/cli-platform-ios-11.3.6.tgz#0fa58d01f55d85618c4218925509a4be77867dab"
@@ -4394,6 +4624,29 @@
     glob "^7.1.3"
     ora "^5.4.1"
 
+"@react-native-community/cli-platform-ios@11.4.1", "@react-native-community/cli-platform-ios@^11.4.1":
+  version "11.4.1"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-ios/-/cli-platform-ios-11.4.1.tgz#12d72741273b684734d5ed021415b7f543a6f009"
+  integrity sha512-RPhwn+q3IY9MpWc9w/Qmzv03mo8sXdah2eSZcECgweqD5SHWtOoRCUt11zM8jASpAQ8Tm5Je7YE9bHvdwGl4hA==
+  dependencies:
+    "@react-native-community/cli-tools" "11.4.1"
+    chalk "^4.1.2"
+    execa "^5.0.0"
+    fast-xml-parser "^4.0.12"
+    glob "^7.1.3"
+    ora "^5.4.1"
+
+"@react-native-community/cli-platform-ios@9.3.0", "@react-native-community/cli-platform-ios@^9.3.0":
+  version "9.3.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-ios/-/cli-platform-ios-9.3.0.tgz#45abde2a395fddd7cf71e8b746c1dc1ee2260f9a"
+  integrity sha512-nihTX53BhF2Q8p4B67oG3RGe1XwggoGBrMb6vXdcu2aN0WeXJOXdBLgR900DAA1O8g7oy1Sudu6we+JsVTKnjw==
+  dependencies:
+    "@react-native-community/cli-tools" "^9.2.1"
+    chalk "^4.1.2"
+    execa "^1.0.0"
+    glob "^7.1.3"
+    ora "^5.4.1"
+
 "@react-native-community/cli-plugin-metro@11.3.6":
   version "11.3.6"
   resolved "https://registry.yarnpkg.com/@react-native-community/cli-plugin-metro/-/cli-plugin-metro-11.3.6.tgz#2d632c304313435c9ea104086901fbbeba0f1882"
@@ -4411,6 +4664,39 @@
     metro-runtime "0.76.7"
     readline "^1.3.0"
 
+"@react-native-community/cli-plugin-metro@11.4.1":
+  version "11.4.1"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-plugin-metro/-/cli-plugin-metro-11.4.1.tgz#8d51c59a9a720f99150d4153e757d5d1d1dabd22"
+  integrity sha512-JxbIqknYcQ5Z4rWROtu5LNakLfMiKoWcMoPqIrBLrV5ILm1XUJj1/8fATCcotZqV3yzB3SCJ3RrhKx7dQ3YELw==
+  dependencies:
+    "@react-native-community/cli-server-api" "11.4.1"
+    "@react-native-community/cli-tools" "11.4.1"
+    chalk "^4.1.2"
+    execa "^5.0.0"
+    metro "^0.76.9"
+    metro-config "^0.76.9"
+    metro-core "^0.76.9"
+    metro-react-native-babel-transformer "^0.76.9"
+    metro-resolver "^0.76.9"
+    metro-runtime "^0.76.9"
+    readline "^1.3.0"
+
+"@react-native-community/cli-plugin-metro@^9.3.3":
+  version "9.3.3"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-plugin-metro/-/cli-plugin-metro-9.3.3.tgz#330d7b9476a3fdabdd5863f114fa962289e280dc"
+  integrity sha512-lPBw6XieNdj2AbWDN0Rc+jNOx8hBgSQyv0gUAm01qtJe4I9FjSMU6nOGTxMpWpICo6TYl/cmPGXOzbfpwxwtkQ==
+  dependencies:
+    "@react-native-community/cli-server-api" "^9.2.1"
+    "@react-native-community/cli-tools" "^9.2.1"
+    chalk "^4.1.2"
+    metro "0.72.4"
+    metro-config "0.72.4"
+    metro-core "0.72.4"
+    metro-react-native-babel-transformer "0.72.4"
+    metro-resolver "0.72.4"
+    metro-runtime "0.72.4"
+    readline "^1.3.0"
+
 "@react-native-community/cli-server-api@11.3.6":
   version "11.3.6"
   resolved "https://registry.yarnpkg.com/@react-native-community/cli-server-api/-/cli-server-api-11.3.6.tgz#3a16039518f7f3865f85f8f54b19174448bbcdbb"
@@ -4426,6 +4712,36 @@
     serve-static "^1.13.1"
     ws "^7.5.1"
 
+"@react-native-community/cli-server-api@11.4.1":
+  version "11.4.1"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-server-api/-/cli-server-api-11.4.1.tgz#3dda094c4ab2369db34fe991c320e3cd78f097b3"
+  integrity sha512-isxXE8X5x+C4kN90yilD08jaLWD34hfqTfn/Xbl1u/igtdTsCaQGvWe9eaFamrpWFWTpVtj6k+vYfy8AtYSiKA==
+  dependencies:
+    "@react-native-community/cli-debugger-ui" "11.4.1"
+    "@react-native-community/cli-tools" "11.4.1"
+    compression "^1.7.1"
+    connect "^3.6.5"
+    errorhandler "^1.5.1"
+    nocache "^3.0.1"
+    pretty-format "^26.6.2"
+    serve-static "^1.13.1"
+    ws "^7.5.1"
+
+"@react-native-community/cli-server-api@^9.2.1":
+  version "9.2.1"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-server-api/-/cli-server-api-9.2.1.tgz#41ac5916b21d324bccef447f75600c03b2f54fbe"
+  integrity sha512-EI+9MUxEbWBQhWw2PkhejXfkcRqPl+58+whlXJvKHiiUd7oVbewFs0uLW0yZffUutt4FGx6Uh88JWEgwOzAdkw==
+  dependencies:
+    "@react-native-community/cli-debugger-ui" "^9.0.0"
+    "@react-native-community/cli-tools" "^9.2.1"
+    compression "^1.7.1"
+    connect "^3.6.5"
+    errorhandler "^1.5.0"
+    nocache "^3.0.1"
+    pretty-format "^26.6.2"
+    serve-static "^1.13.1"
+    ws "^7.5.1"
+
 "@react-native-community/cli-tools@11.3.6":
   version "11.3.6"
   resolved "https://registry.yarnpkg.com/@react-native-community/cli-tools/-/cli-tools-11.3.6.tgz#ec213b8409917a56e023595f148c84b9cb3ad871"
@@ -4441,6 +4757,36 @@
     semver "^7.5.2"
     shell-quote "^1.7.3"
 
+"@react-native-community/cli-tools@11.4.1":
+  version "11.4.1"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-tools/-/cli-tools-11.4.1.tgz#f6c69967e077b10cd8a884a83e53eb199dd9ee9f"
+  integrity sha512-GuQIuY/kCPfLeXB1aiPZ5HvF+e/wdO42AYuNEmT7FpH/0nAhdTxA9qjL8m3vatDD2/YK7WNOSVNsl2UBZuOISg==
+  dependencies:
+    appdirsjs "^1.2.4"
+    chalk "^4.1.2"
+    find-up "^5.0.0"
+    mime "^2.4.1"
+    node-fetch "^2.6.0"
+    open "^6.2.0"
+    ora "^5.4.1"
+    semver "^7.5.2"
+    shell-quote "^1.7.3"
+
+"@react-native-community/cli-tools@^9.2.1":
+  version "9.2.1"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-tools/-/cli-tools-9.2.1.tgz#c332324b1ea99f9efdc3643649bce968aa98191c"
+  integrity sha512-bHmL/wrKmBphz25eMtoJQgwwmeCylbPxqFJnFSbkqJPXQz3ManQ6q/gVVMqFyz7D3v+riaus/VXz3sEDa97uiQ==
+  dependencies:
+    appdirsjs "^1.2.4"
+    chalk "^4.1.2"
+    find-up "^5.0.0"
+    mime "^2.4.1"
+    node-fetch "^2.6.0"
+    open "^6.2.0"
+    ora "^5.4.1"
+    semver "^6.3.0"
+    shell-quote "^1.7.3"
+
 "@react-native-community/cli-types@11.3.6":
   version "11.3.6"
   resolved "https://registry.yarnpkg.com/@react-native-community/cli-types/-/cli-types-11.3.6.tgz#34012f1d0cb1c4039268828abc07c9c69f2e15be"
@@ -4448,6 +4794,20 @@
   dependencies:
     joi "^17.2.1"
 
+"@react-native-community/cli-types@11.4.1":
+  version "11.4.1"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-types/-/cli-types-11.4.1.tgz#3842dc37ba3b09f929b485bcbd8218de19349ac2"
+  integrity sha512-B3q9A5BCneLDSoK/iSJ06MNyBn1qTxjdJeOgeS3MiCxgJpPcxyn/Yrc6+h0Cu9T9sgWj/dmectQPYWxtZeo5VA==
+  dependencies:
+    joi "^17.2.1"
+
+"@react-native-community/cli-types@^9.1.0":
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-types/-/cli-types-9.1.0.tgz#dcd6a0022f62790fe1f67417f4690db938746aab"
+  integrity sha512-KDybF9XHvafLEILsbiKwz5Iobd+gxRaPyn4zSaAerBxedug4er5VUWa8Szy+2GeYKZzMh/gsb1o9lCToUwdT/g==
+  dependencies:
+    joi "^17.2.1"
+
 "@react-native-community/cli@11.3.6":
   version "11.3.6"
   resolved "https://registry.yarnpkg.com/@react-native-community/cli/-/cli-11.3.6.tgz#d92618d75229eaf6c0391a6b075684eba5d9819f"
@@ -4471,6 +4831,52 @@
     prompts "^2.4.0"
     semver "^7.5.2"
 
+"@react-native-community/cli@9.3.5":
+  version "9.3.5"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli/-/cli-9.3.5.tgz#73626d3be8f5e2e6389f2555d126666fb8de4389"
+  integrity sha512-X+/xSysHsb0rXUWZKtXnKGhUNMRPxYzyhBc3VMld+ygPaFG57TAdK9rFGRu7NkIsRI6qffF/SukQPVlBZIfBHg==
+  dependencies:
+    "@react-native-community/cli-clean" "^9.2.1"
+    "@react-native-community/cli-config" "^9.2.1"
+    "@react-native-community/cli-debugger-ui" "^9.0.0"
+    "@react-native-community/cli-doctor" "^9.3.0"
+    "@react-native-community/cli-hermes" "^9.3.4"
+    "@react-native-community/cli-plugin-metro" "^9.3.3"
+    "@react-native-community/cli-server-api" "^9.2.1"
+    "@react-native-community/cli-tools" "^9.2.1"
+    "@react-native-community/cli-types" "^9.1.0"
+    chalk "^4.1.2"
+    commander "^9.4.0"
+    execa "^1.0.0"
+    find-up "^4.1.0"
+    fs-extra "^8.1.0"
+    graceful-fs "^4.1.3"
+    prompts "^2.4.0"
+    semver "^6.3.0"
+
+"@react-native-community/cli@^11.4.1":
+  version "11.4.1"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli/-/cli-11.4.1.tgz#9a6346486622860dad721da406df70e29a45491f"
+  integrity sha512-NdAageVMtNhtvRsrq4NgJf5Ey2nA1CqmLvn7PhSawg+aIzMKmZuzWxGVwr9CoPGyjvNiqJlCWrLGR7NzOyi/sA==
+  dependencies:
+    "@react-native-community/cli-clean" "11.4.1"
+    "@react-native-community/cli-config" "11.4.1"
+    "@react-native-community/cli-debugger-ui" "11.4.1"
+    "@react-native-community/cli-doctor" "11.4.1"
+    "@react-native-community/cli-hermes" "11.4.1"
+    "@react-native-community/cli-plugin-metro" "11.4.1"
+    "@react-native-community/cli-server-api" "11.4.1"
+    "@react-native-community/cli-tools" "11.4.1"
+    "@react-native-community/cli-types" "11.4.1"
+    chalk "^4.1.2"
+    commander "^9.4.1"
+    execa "^5.0.0"
+    find-up "^4.1.0"
+    fs-extra "^8.1.0"
+    graceful-fs "^4.1.3"
+    prompts "^2.4.0"
+    semver "^7.5.2"
+
 "@react-native-community/clipboard@^1.5.1":
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/@react-native-community/clipboard/-/clipboard-1.5.1.tgz#32abb3ea2eb91ee3f9c5fb1d32d5783253c9fabe"
@@ -4517,7 +4923,12 @@
   resolved "https://registry.yarnpkg.com/@react-native/assets-registry/-/assets-registry-0.72.0.tgz#c82a76a1d86ec0c3907be76f7faf97a32bbed05d"
   integrity sha512-Im93xRJuHHxb1wniGhBMsxLwcfzdYreSZVQGDoMJgkd6+Iky61LInGEHnQCTN0fKNYF1Dvcofb4uMmE1RQHXHQ==
 
-"@react-native/codegen@^0.72.6":
+"@react-native/assets@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native/assets/-/assets-1.0.0.tgz#c6f9bf63d274bafc8e970628de24986b30a55c8e"
+  integrity sha512-KrwSpS1tKI70wuKl68DwJZYEvXktDHdZMG0k2AXD/rJVSlB23/X2CB2cutVR0HwNMJIal9HOUOBB2rVfa6UGtQ==
+
+"@react-native/codegen@^0.72.6", "@react-native/codegen@^0.72.8":
   version "0.72.8"
   resolved "https://registry.yarnpkg.com/@react-native/codegen/-/codegen-0.72.8.tgz#0593f628e1310f430450a9479fbb4be35e7b63d6"
   integrity sha512-jQCcBlXV7B7ap5VlHhwIPieYz89yiRgwd2FPUBu+unz+kcJ6pAiB2U8RdLDmyIs8fiWd+Vq1xxaWs4TR329/ng==
@@ -4540,6 +4951,11 @@
   resolved "https://registry.yarnpkg.com/@react-native/js-polyfills/-/js-polyfills-0.72.1.tgz#905343ef0c51256f128256330fccbdb35b922291"
   integrity sha512-cRPZh2rBswFnGt5X5EUEPs0r+pAsXxYsifv/fgy9ZLQokuT52bPH+9xjDR+7TafRua5CttGW83wP4TntRcWNDA==
 
+"@react-native/normalize-color@2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native/normalize-color/-/normalize-color-2.0.0.tgz#da955909432474a9a0fe1cbffc66576a0447f567"
+  integrity sha512-Wip/xsc5lw8vsBlmY2MO/gFLp3MvuZ2baBZjDeTjjndMgM0h5sxz7AZR62RDPGgstp8Np7JzjvVqVT7tpFZqsw==
+
 "@react-native/normalize-color@^2.0.0", "@react-native/normalize-color@^2.1.0":
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/@react-native/normalize-color/-/normalize-color-2.1.0.tgz#939b87a9849e81687d3640c5efa2a486ac266f91"
@@ -4550,11 +4966,16 @@
   resolved "https://registry.yarnpkg.com/@react-native/normalize-colors/-/normalize-colors-0.74.83.tgz#86ef925bacf219d74df115bcfb615f62d8142e85"
   integrity sha512-jhCY95gRDE44qYawWVvhTjTplW1g+JtKTKM3f8xYT1dJtJ8QWv+gqEtKcfmOHfDkSDaMKG0AGBaDTSK8GXLH8Q==
 
-"@react-native/normalize-colors@^0.72.0":
+"@react-native/normalize-colors@<0.73.0", "@react-native/normalize-colors@^0.72.0":
   version "0.72.0"
   resolved "https://registry.yarnpkg.com/@react-native/normalize-colors/-/normalize-colors-0.72.0.tgz#14294b7ed3c1d92176d2a00df48456e8d7d62212"
   integrity sha512-285lfdqSXaqKuBbbtP9qL2tDrfxdOFtIMvkKadtleRQkdOxx+uzGvFr82KHmc/sSiMtfXGp7JnFYWVh4sFl7Yw==
 
+"@react-native/polyfills@2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native/polyfills/-/polyfills-2.0.0.tgz#4c40b74655c83982c8cf47530ee7dc13d957b6aa"
+  integrity sha512-K0aGNn1TjalKj+65D7ycc1//H9roAQ51GJVk5ZJQFb2teECGmzd86bYDC0aYdbRf7gtovescq4Zt6FR0tgXiHQ==
+
 "@react-native/virtualized-lists@^0.72.4", "@react-native/virtualized-lists@^0.72.8":
   version "0.72.8"
   resolved "https://registry.yarnpkg.com/@react-native/virtualized-lists/-/virtualized-lists-0.72.8.tgz#a2c6a91ea0f1d40eb5a122fb063daedb92ed1dc3"
@@ -6708,6 +7129,17 @@
     "@typescript-eslint/visitor-keys" "6.21.0"
     debug "^4.3.4"
 
+"@typescript-eslint/parser@^8.10.0":
+  version "8.10.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-8.10.0.tgz#3cbe7206f5e42835878a74a76da533549f977662"
+  integrity sha512-E24l90SxuJhytWJ0pTQydFT46Nk0Z+bsLKo/L8rtQSL93rQ6byd1V/QbDpHUTdLPOMsBCcYXZweADNCfOCmOAg==
+  dependencies:
+    "@typescript-eslint/scope-manager" "8.10.0"
+    "@typescript-eslint/types" "8.10.0"
+    "@typescript-eslint/typescript-estree" "8.10.0"
+    "@typescript-eslint/visitor-keys" "8.10.0"
+    debug "^4.3.4"
+
 "@typescript-eslint/scope-manager@5.62.0":
   version "5.62.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz#d9457ccc6a0b8d6b37d0eb252a23022478c5460c"
@@ -6724,6 +7156,14 @@
     "@typescript-eslint/types" "6.21.0"
     "@typescript-eslint/visitor-keys" "6.21.0"
 
+"@typescript-eslint/scope-manager@8.10.0":
+  version "8.10.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.10.0.tgz#606ffe18314d7b5c2f118f2f02aaa2958107a19c"
+  integrity sha512-AgCaEjhfql9MDKjMUxWvH7HjLeBqMCBfIaBbzzIcBbQPZE7CPh1m6FF+L75NUMJFMLYhCywJXIDEMa3//1A0dw==
+  dependencies:
+    "@typescript-eslint/types" "8.10.0"
+    "@typescript-eslint/visitor-keys" "8.10.0"
+
 "@typescript-eslint/type-utils@5.62.0":
   version "5.62.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz#286f0389c41681376cdad96b309cedd17d70346a"
@@ -6744,6 +7184,11 @@
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.21.0.tgz#205724c5123a8fef7ecd195075fa6e85bac3436d"
   integrity sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==
 
+"@typescript-eslint/types@8.10.0":
+  version "8.10.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.10.0.tgz#eb29c4bc2ed23489348c297469c76d28c38fb618"
+  integrity sha512-k/E48uzsfJCRRbGLapdZgrX52csmWJ2rcowwPvOZ8lwPUv3xW6CcFeJAXgx4uJm+Ge4+a4tFOkdYvSpxhRhg1w==
+
 "@typescript-eslint/typescript-estree@5.62.0":
   version "5.62.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz#7d17794b77fabcac615d6a48fb143330d962eb9b"
@@ -6771,6 +7216,20 @@
     semver "^7.5.4"
     ts-api-utils "^1.0.1"
 
+"@typescript-eslint/typescript-estree@8.10.0":
+  version "8.10.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.10.0.tgz#36cc66e06c5f44d6781f95cb03b132e985273a33"
+  integrity sha512-3OE0nlcOHaMvQ8Xu5gAfME3/tWVDpb/HxtpUZ1WeOAksZ/h/gwrBzCklaGzwZT97/lBbbxJ16dMA98JMEngW4w==
+  dependencies:
+    "@typescript-eslint/types" "8.10.0"
+    "@typescript-eslint/visitor-keys" "8.10.0"
+    debug "^4.3.4"
+    fast-glob "^3.3.2"
+    is-glob "^4.0.3"
+    minimatch "^9.0.4"
+    semver "^7.6.0"
+    ts-api-utils "^1.3.0"
+
 "@typescript-eslint/utils@5.62.0", "@typescript-eslint/utils@^5.10.0":
   version "5.62.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.62.0.tgz#141e809c71636e4a75daa39faed2fb5f4b10df86"
@@ -6801,6 +7260,14 @@
     "@typescript-eslint/types" "6.21.0"
     eslint-visitor-keys "^3.4.1"
 
+"@typescript-eslint/visitor-keys@8.10.0":
+  version "8.10.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.10.0.tgz#7ce4c0c3b82140415c9cd9babe09e0000b4e9979"
+  integrity sha512-k8nekgqwr7FadWk548Lfph6V3r9OVqjzAIVskE7orMZR23cGJjAOVazsZSJW+ElyjfTM4wx/1g88Mi70DDtG9A==
+  dependencies:
+    "@typescript-eslint/types" "8.10.0"
+    eslint-visitor-keys "^3.4.3"
+
 "@ungap/structured-clone@^1.2.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
@@ -7166,6 +7633,11 @@ abort-controller@^3.0.0:
   dependencies:
     event-target-shim "^5.0.0"
 
+absolute-path@^0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/absolute-path/-/absolute-path-0.0.0.tgz#a78762fbdadfb5297be99b15d35a785b2f095bf7"
+  integrity sha512-HQiug4c+/s3WOvEnDRxXVmNtSG5s2gJM9r19BTcqjp7BWcE48PB+Y2G6jE65kqI0LpsQeMZygt/b60Gi4KxGyA==
+
 accepts@^1.3.7, accepts@^1.3.8, accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.7, accepts@~1.3.8:
   version "1.3.8"
   resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e"
@@ -8767,7 +9239,7 @@ camelcase@^5.0.0, camelcase@^5.3.1:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
-camelcase@^6.2.0:
+camelcase@^6.0.0, camelcase@^6.2.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
@@ -9240,7 +9712,7 @@ commander@^8.2.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
   integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
 
-commander@^9.4.1:
+commander@^9.4.0, commander@^9.4.1:
   version "9.5.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-9.5.0.tgz#bc08d1eb5cedf7ccb797a96199d41c7bc3e60d30"
   integrity sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==
@@ -9608,6 +10080,14 @@ create-jest@^29.7.0:
     jest-util "^29.7.0"
     prompts "^2.0.1"
 
+create-react-class@^15.7.0:
+  version "15.7.0"
+  resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.7.0.tgz#7499d7ca2e69bb51d13faf59bd04f0c65a1d6c1e"
+  integrity sha512-QZv4sFWG9S5RUvkTYWbflxeZX+JG7Cz0Tn33rQBJ+WFQTqTfUTjMjiv9tnfXazjsO5r0KhPs+AqCjyrQX6h2ng==
+  dependencies:
+    loose-envify "^1.3.1"
+    object-assign "^4.1.1"
+
 create-require@^1.1.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz#c1d7e8f1e5f6cfc9ff65f9cd352d37348756c333"
@@ -10101,6 +10581,11 @@ deep-is@^0.1.3, deep-is@~0.1.3:
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
 
+deepmerge@^3.2.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-3.3.0.tgz#d3c47fd6f3a93d517b14426b0628a17b0125f5f7"
+  integrity sha512-GRQOafGHwMHpjPx9iCvTgpu9NojZ49q794EEL94JVEw6VaeA8XTUyBKvAkOOjBX9oJNiV6G3P+T+tihFjo2TqA==
+
 deepmerge@^4.2.2, deepmerge@^4.3.0:
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
@@ -10274,6 +10759,15 @@ deprecated-react-native-prop-types@4.1.0:
     invariant "*"
     prop-types "*"
 
+deprecated-react-native-prop-types@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/deprecated-react-native-prop-types/-/deprecated-react-native-prop-types-4.2.3.tgz#0ef845c1a80ef1636bd09060e4cdf70f9727e5ad"
+  integrity sha512-2rLTiMKidIFFYpIVM69UnQKngLqQfL6I11Ch8wGSBftS18FUXda+o2we2950X+1dmbgps28niI3qwyH4eX3Z1g==
+  dependencies:
+    "@react-native/normalize-colors" "<0.73.0"
+    invariant "^2.2.4"
+    prop-types "^15.8.1"
+
 deprecation@^2.0.0:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/deprecation/-/deprecation-2.3.1.tgz#6368cbdb40abf3373b525ac87e4a260c3a700919"
@@ -10740,7 +11234,7 @@ error-stack-parser@^2.0.6:
   dependencies:
     stackframe "^1.3.4"
 
-errorhandler@^1.5.1:
+errorhandler@^1.5.0, errorhandler@^1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/errorhandler/-/errorhandler-1.5.1.tgz#b9ba5d17cf90744cd1e851357a6e75bf806a9a91"
   integrity sha512-rcOwbfvP1WTViVoUjcfZicVzjhjTuhSMntHh6mW3IrEiyE6mJyXvsToJUJGlGlw/2xU9P5whlWNGlIDVeCiT4A==
@@ -11586,7 +12080,7 @@ fast-glob@^2.2.6:
     merge2 "^1.2.3"
     micromatch "^3.1.10"
 
-fast-glob@^3.1.1, fast-glob@^3.2.11, fast-glob@^3.2.4, fast-glob@^3.2.5, fast-glob@^3.2.9, fast-glob@^3.3.0:
+fast-glob@^3.1.1, fast-glob@^3.2.11, fast-glob@^3.2.4, fast-glob@^3.2.5, fast-glob@^3.2.9, fast-glob@^3.3.0, fast-glob@^3.3.2:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129"
   integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==
@@ -11911,6 +12405,11 @@ flow-parser@0.*:
   resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.236.0.tgz#8e8e6c59ff7e8d196c0ed215b3919320a1c6e332"
   integrity sha512-0OEk9Gr+Yj7wjDW2KgaNYUypKau71jAfFyeLQF5iVtxqc6uJHag/MT7pmaEApf4qM7u86DkBcd4ualddYMfbLw==
 
+flow-parser@^0.121.0:
+  version "0.121.0"
+  resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.121.0.tgz#9f9898eaec91a9f7c323e9e992d81ab5c58e618f"
+  integrity sha512-1gIBiWJNR0tKUNv8gZuk7l9rVX06OuLzY9AoGio7y/JT4V1IZErEMEq2TJS+PFcw/y0RshZ1J/27VfK1UQzYVg==
+
 flow-parser@^0.206.0:
   version "0.206.0"
   resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.206.0.tgz#f4f794f8026535278393308e01ea72f31000bfef"
@@ -12099,6 +12598,15 @@ fs-extra@9.0.0:
     jsonfile "^6.0.1"
     universalify "^1.0.0"
 
+fs-extra@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-1.0.0.tgz#cd3ce5f7e7cb6145883fcae3191e9877f8587950"
+  integrity sha512-VerQV6vEKuhDWD2HGOybV6v5I73syoc/cXAbKlgTC7M/oFVEtklWlp9QH2Ijw3IaWDOQcMkldSPa7zXy79Z/UQ==
+  dependencies:
+    graceful-fs "^4.1.2"
+    jsonfile "^2.1.0"
+    klaw "^1.0.0"
+
 fs-extra@^10.1.0:
   version "10.1.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf"
@@ -12588,7 +13096,7 @@ graceful-fs@4.2.10:
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c"
   integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==
 
-graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.3, graceful-fs@^4.1.5, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.11, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
+graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.3, graceful-fs@^4.1.5, graceful-fs@^4.1.6, graceful-fs@^4.1.9, graceful-fs@^4.2.0, graceful-fs@^4.2.11, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
   version "4.2.11"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
@@ -12847,6 +13355,11 @@ hermes-estree@0.12.0:
   resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.12.0.tgz#8a289f9aee854854422345e6995a48613bac2ca8"
   integrity sha512-+e8xR6SCen0wyAKrMT3UD0ZCCLymKhRgjEB5sS28rKiFir/fXgLoeRilRUssFCILmGHb+OvHDUlhxs0+IEyvQw==
 
+hermes-estree@0.8.0:
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.8.0.tgz#530be27243ca49f008381c1f3e8b18fb26bf9ec0"
+  integrity sha512-W6JDAOLZ5pMPMjEiQGLCXSSV7pIBEgRR5zGkxgmzGSXHOxqV5dC/M1Zevqpbm9TZDE5tu358qZf8Vkzmsc+u7Q==
+
 hermes-parser@0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.12.0.tgz#114dc26697cfb41a6302c215b859b74224383773"
@@ -12854,6 +13367,13 @@ hermes-parser@0.12.0:
   dependencies:
     hermes-estree "0.12.0"
 
+hermes-parser@0.8.0:
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.8.0.tgz#116dceaba32e45b16d6aefb5c4c830eaeba2d257"
+  integrity sha512-yZKalg1fTYG5eOiToLUaw69rQfZq/fi+/NtEXRU7N87K/XobNRhRWorh80oSge2lWUiZfTgUvRJH+XgZWrhoqA==
+  dependencies:
+    hermes-estree "0.8.0"
+
 hermes-profile-transformer@^0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/hermes-profile-transformer/-/hermes-profile-transformer-0.0.6.tgz#bd0f5ecceda80dd0ddaae443469ab26fb38fc27b"
@@ -13204,6 +13724,11 @@ ignore@^5.0.5, ignore@^5.1.4, ignore@^5.2.0:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.1.tgz#5073e554cd42c5b33b394375f538b8593e34d4ef"
   integrity sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==
 
+image-size@^0.6.0:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/image-size/-/image-size-0.6.3.tgz#e7e5c65bb534bd7cdcedd6cb5166272a85f75fb2"
+  integrity sha512-47xSUiQioGaB96nqtp5/q55m0aBQSQdyIloMOc/x+QVTDZLNmXE892IIDrJ0hM1A5vcNUDD5tDffkSP5lCaIIA==
+
 image-size@^1.0.0, image-size@^1.0.2:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/image-size/-/image-size-1.1.1.tgz#ddd67d4dc340e52ac29ce5f546a09f4e29e840ac"
@@ -14323,6 +14848,11 @@ jest-environment-node@^29.2.1, jest-environment-node@^29.7.0:
     jest-mock "^29.7.0"
     jest-util "^29.7.0"
 
+jest-get-type@^26.3.0:
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-26.3.0.tgz#e97dc3c3f53c2b406ca7afaed4493b1d099199e0"
+  integrity sha512-TpfaviN1R2pQWkIihlfEanwOXK0zcxrKEE4MlU6Tn7keoXdN6/3gK/xl0yEh8DOunn5pOVGKf8hB4R9gVh04ig==
+
 jest-get-type@^29.6.3:
   version "29.6.3"
   resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.6.3.tgz#36f499fdcea197c1045a127319c0481723908fd1"
@@ -14526,6 +15056,14 @@ jest-serializer@^26.6.2:
     "@types/node" "*"
     graceful-fs "^4.2.4"
 
+jest-serializer@^27.0.6:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-27.5.1.tgz#81438410a30ea66fd57ff730835123dea1fb1f64"
+  integrity sha512-jZCyo6iIxO1aqUxpuBlwTDMkzOAJS4a3eYz3YzgxxVQFwLeSA7Jfq5cbqCY+JLvTDrWirgusI/0KwxKMgrdf7w==
+  dependencies:
+    "@types/node" "*"
+    graceful-fs "^4.2.9"
+
 jest-snapshot@^29.7.0:
   version "29.7.0"
   resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-29.7.0.tgz#c2c574c3f51865da1bb329036778a69bf88a6be5"
@@ -14588,6 +15126,18 @@ jest-util@^29.0.0, jest-util@^29.7.0:
     graceful-fs "^4.2.9"
     picomatch "^2.2.3"
 
+jest-validate@^26.5.2:
+  version "26.6.2"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-26.6.2.tgz#23d380971587150467342911c3d7b4ac57ab20ec"
+  integrity sha512-NEYZ9Aeyj0i5rQqbq+tpIOom0YS1u2MVu6+euBsvpgIme+FOfRmoC4R5p0JiAUpaFvFy24xgrpMknarR/93XjQ==
+  dependencies:
+    "@jest/types" "^26.6.2"
+    camelcase "^6.0.0"
+    chalk "^4.0.0"
+    jest-get-type "^26.3.0"
+    leven "^3.1.0"
+    pretty-format "^26.6.2"
+
 jest-validate@^29.2.1, jest-validate@^29.7.0:
   version "29.7.0"
   resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-29.7.0.tgz#7bf705511c64da591d46b15fce41400d52147d9c"
@@ -14718,6 +15268,11 @@ jsbn@1.1.0:
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-1.1.0.tgz#b01307cb29b618a1ed26ec79e911f803c4da0040"
   integrity sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==
 
+jsc-android@^250230.2.1:
+  version "250230.2.1"
+  resolved "https://registry.yarnpkg.com/jsc-android/-/jsc-android-250230.2.1.tgz#3790313a970586a03ab0ad47defbc84df54f1b83"
+  integrity sha512-KmxeBlRjwoqCnBBKGsihFtvsBHyUFlBxJPK4FzeYcIuBfdjv6jFys44JITAgSTbQD+vIdwMEfyZklsuQX0yI1Q==
+
 jsc-android@^250231.0.0:
   version "250231.0.0"
   resolved "https://registry.yarnpkg.com/jsc-android/-/jsc-android-250231.0.0.tgz#91720f8df382a108872fa4b3f558f33ba5e95262"
@@ -14790,6 +15345,11 @@ jsesc@^2.5.1:
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
   integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==
 
+jsesc@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.0.2.tgz#bb8b09a6597ba426425f2e4a07245c3d00b9343e"
+  integrity sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==
+
 jsesc@~0.5.0:
   version "0.5.0"
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
@@ -14866,6 +15426,13 @@ json5@^2.1.2, json5@^2.2.1, json5@^2.2.2, json5@^2.2.3:
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
+jsonfile@^2.1.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-2.4.0.tgz#3736a2b428b87bbda0cc83b53fa3d633a35c2ae8"
+  integrity sha512-PKllAqbgLgxHaj8TElYymKCAgrASebJrWpTnEkOaTowt23VKXXN0sUeriJ+eh7y6ufb/CC5ap11pz71/cM0hUw==
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
 jsonfile@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
@@ -14945,6 +15512,13 @@ klaw-sync@^6.0.0:
   dependencies:
     graceful-fs "^4.1.11"
 
+klaw@^1.0.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/klaw/-/klaw-1.3.1.tgz#4088433b46b3b1ba259d78785d8e96f73ba02439"
+  integrity sha512-TED5xi9gGQjGpNnvRWknrwAB1eL5GciPfVFOt3Vk1OJCVDQbzuSfrF3hkUQKlsgKrG1F+0t5W0m+Fje1jIt8rw==
+  optionalDependencies:
+    graceful-fs "^4.1.9"
+
 kleur@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
@@ -15219,6 +15793,11 @@ lodash.escaperegexp@^4.1.2:
   resolved "https://registry.yarnpkg.com/lodash.escaperegexp/-/lodash.escaperegexp-4.1.2.tgz#64762c48618082518ac3df4ccf5d5886dae20347"
   integrity sha512-TM9YBvyC84ZxE3rgfefxUWiQKLilstD6k7PTGt6wfbtXF8ixIJLOL3VYyV/z+ZiPLsVxAsKAFVwWlWeb2Y8Yyw==
 
+lodash.isequal@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz#415c4478f2bcc30120c22ce10ed3226f7d3e18e0"
+  integrity sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==
+
 lodash.isfunction@^3.0.9:
   version "3.0.9"
   resolved "https://registry.yarnpkg.com/lodash.isfunction/-/lodash.isfunction-3.0.9.tgz#06de25df4db327ac931981d1bdb067e5af68d051"
@@ -15337,7 +15916,7 @@ loglevel@^1.6.8:
   resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.9.1.tgz#d63976ac9bcd03c7c873116d41c2a85bafff1be7"
   integrity sha512-hP3I3kCrDIMuRwAwHltphhDM1r8i55H33GgqjXbrisuJhF4kRhW1dNuxsRklp4bXl8DSdLaNLuiL4A/LWRfxvg==
 
-loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
+loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.3.1, loose-envify@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
   integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
@@ -15691,6 +16270,16 @@ methods@~1.1.2:
   resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
   integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==
 
+metro-babel-transformer@0.72.4:
+  version "0.72.4"
+  resolved "https://registry.yarnpkg.com/metro-babel-transformer/-/metro-babel-transformer-0.72.4.tgz#5149424896797980aa1758c8ef7c9a80f9d0f587"
+  integrity sha512-cg1TQUKDkKqrIClrqqIGE8ZDa9kRKSjhBtqPtNYt/ZSywXU41SrldfcI5uzPrzcIrYpH5hnN6OCLRACPgy2vsw==
+  dependencies:
+    "@babel/core" "^7.14.0"
+    hermes-parser "0.8.0"
+    metro-source-map "0.72.4"
+    nullthrows "^1.1.1"
+
 metro-babel-transformer@0.76.7:
   version "0.76.7"
   resolved "https://registry.yarnpkg.com/metro-babel-transformer/-/metro-babel-transformer-0.76.7.tgz#ba620d64cbaf97d1aa14146d654a3e5d7477fc62"
@@ -15700,11 +16289,38 @@ metro-babel-transformer@0.76.7:
     hermes-parser "0.12.0"
     nullthrows "^1.1.1"
 
+metro-babel-transformer@0.76.9:
+  version "0.76.9"
+  resolved "https://registry.yarnpkg.com/metro-babel-transformer/-/metro-babel-transformer-0.76.9.tgz#659ba481d471b5f748c31a8f9397094b629f50ec"
+  integrity sha512-dAnAmBqRdTwTPVn4W4JrowPolxD1MDbuU97u3MqtWZgVRvDpmr+Cqnn5oSxLQk3Uc+Zy3wkqVrB/zXNRlLDSAQ==
+  dependencies:
+    "@babel/core" "^7.20.0"
+    hermes-parser "0.12.0"
+    nullthrows "^1.1.1"
+
+metro-cache-key@0.72.4:
+  version "0.72.4"
+  resolved "https://registry.yarnpkg.com/metro-cache-key/-/metro-cache-key-0.72.4.tgz#f03d49214554b25968f04dc5e19dfe018cf9312b"
+  integrity sha512-DH3cgN4L7IKNCVBy8LBOXQ4tHDdvh7Vl7jWNkQKMOfHWu1EwsTtXD/+zdV7/be4ls/kHxrD0HbGzpK8XhUAHSw==
+
 metro-cache-key@0.76.7:
   version "0.76.7"
   resolved "https://registry.yarnpkg.com/metro-cache-key/-/metro-cache-key-0.76.7.tgz#70913f43b92b313096673c37532edd07438cb325"
   integrity sha512-0pecoIzwsD/Whn/Qfa+SDMX2YyasV0ndbcgUFx7w1Ct2sLHClujdhQ4ik6mvQmsaOcnGkIyN0zcceMDjC2+BFQ==
 
+metro-cache-key@0.76.9:
+  version "0.76.9"
+  resolved "https://registry.yarnpkg.com/metro-cache-key/-/metro-cache-key-0.76.9.tgz#6f17f821d6f306fa9028b7e79445eb18387d03d9"
+  integrity sha512-ugJuYBLngHVh1t2Jj+uP9pSCQl7enzVXkuh6+N3l0FETfqjgOaSHlcnIhMPn6yueGsjmkiIfxQU4fyFVXRtSTw==
+
+metro-cache@0.72.4:
+  version "0.72.4"
+  resolved "https://registry.yarnpkg.com/metro-cache/-/metro-cache-0.72.4.tgz#e0ffb33dd044a7cf5897a09489088a413bfe7468"
+  integrity sha512-76fi9OVytiFVSuGQcNoquVOT7AENd0q3n1WmyBeJ7jvl/UrE3/NN3HTWzu2ezG5IxF3cmo5q1ehi0NEpgwaFGg==
+  dependencies:
+    metro-core "0.72.4"
+    rimraf "^2.5.4"
+
 metro-cache@0.76.7:
   version "0.76.7"
   resolved "https://registry.yarnpkg.com/metro-cache/-/metro-cache-0.76.7.tgz#e49e51423fa960df4eeff9760d131f03e003a9eb"
@@ -15713,6 +16329,26 @@ metro-cache@0.76.7:
     metro-core "0.76.7"
     rimraf "^3.0.2"
 
+metro-cache@0.76.9:
+  version "0.76.9"
+  resolved "https://registry.yarnpkg.com/metro-cache/-/metro-cache-0.76.9.tgz#64326d7a8b470c3886a5e97d5e2a20acab20bc5f"
+  integrity sha512-W6QFEU5AJG1gH4Ltv8S2IvhmEhSDYnbPafyj5fGR3YLysdykj+olKv9B0V+YQXtcLGyY5CqpXLYUx595GdiKzA==
+  dependencies:
+    metro-core "0.76.9"
+    rimraf "^3.0.2"
+
+metro-config@0.72.4:
+  version "0.72.4"
+  resolved "https://registry.yarnpkg.com/metro-config/-/metro-config-0.72.4.tgz#3ad42b3ca0037125d5615f4cb7e1c7ed9442bedd"
+  integrity sha512-USv+H14D5RrSpfA5t4t5cbF1CnizgYGz6xJ3HB0r/bDYdJdZTVqB3/mMPft7Z5zHslS00JCG7oE51G1CK/FlKw==
+  dependencies:
+    cosmiconfig "^5.0.5"
+    jest-validate "^26.5.2"
+    metro "0.72.4"
+    metro-cache "0.72.4"
+    metro-core "0.72.4"
+    metro-runtime "0.72.4"
+
 metro-config@0.76.7:
   version "0.76.7"
   resolved "https://registry.yarnpkg.com/metro-config/-/metro-config-0.76.7.tgz#f0fc171707523aa7d3a9311550872136880558c0"
@@ -15726,6 +16362,27 @@ metro-config@0.76.7:
     metro-core "0.76.7"
     metro-runtime "0.76.7"
 
+metro-config@0.76.9, metro-config@^0.76.9:
+  version "0.76.9"
+  resolved "https://registry.yarnpkg.com/metro-config/-/metro-config-0.76.9.tgz#5e60aff9d8894c1ee6bbc5de23b7c8515a0b84a3"
+  integrity sha512-oYyJ16PY3rprsfoi80L+gDJhFJqsKI3Pob5LKQbJpvL+gGr8qfZe1eQzYp5Xxxk9DOHKBV1xD94NB8GdT/DA8Q==
+  dependencies:
+    connect "^3.6.5"
+    cosmiconfig "^5.0.5"
+    jest-validate "^29.2.1"
+    metro "0.76.9"
+    metro-cache "0.76.9"
+    metro-core "0.76.9"
+    metro-runtime "0.76.9"
+
+metro-core@0.72.4:
+  version "0.72.4"
+  resolved "https://registry.yarnpkg.com/metro-core/-/metro-core-0.72.4.tgz#e4939aef4c50d953c44eee99a3c971d5162f1287"
+  integrity sha512-2JNT1nG0UV1uMrQHQOKUSII0sdS6MhVT3mBt2kwfjCvD+jvi1iYhKJ4kYCRlUQw9XNLGZ/B+C0VDQzlf2M3zVw==
+  dependencies:
+    lodash.throttle "^4.1.1"
+    metro-resolver "0.72.4"
+
 metro-core@0.76.7:
   version "0.76.7"
   resolved "https://registry.yarnpkg.com/metro-core/-/metro-core-0.76.7.tgz#5d2b8bac2cde801dc22666ad7be1336d1f021b61"
@@ -15734,6 +16391,34 @@ metro-core@0.76.7:
     lodash.throttle "^4.1.1"
     metro-resolver "0.76.7"
 
+metro-core@0.76.9, metro-core@^0.76.9:
+  version "0.76.9"
+  resolved "https://registry.yarnpkg.com/metro-core/-/metro-core-0.76.9.tgz#5f55f0fbde41d28957e4f3bb187d32251403f00e"
+  integrity sha512-DSeEr43Wrd5Q7ySfRzYzDwfV89g2OZTQDf1s3exOcLjE5fb7awoLOkA2h46ZzN8NcmbbM0cuJy6hOwF073/yRQ==
+  dependencies:
+    lodash.throttle "^4.1.1"
+    metro-resolver "0.76.9"
+
+metro-file-map@0.72.4:
+  version "0.72.4"
+  resolved "https://registry.yarnpkg.com/metro-file-map/-/metro-file-map-0.72.4.tgz#8a0c8a0e44d665af90dded2ac6e01baebff8552e"
+  integrity sha512-Mv5WgTsYs5svTR/df6jhq2aD4IkAuwV5TutHW0BfEg1YccQt8/v7q5ZypmUOkjdSS9bFR4r3677jalr/ceFypQ==
+  dependencies:
+    abort-controller "^3.0.0"
+    anymatch "^3.0.3"
+    debug "^2.2.0"
+    fb-watchman "^2.0.0"
+    graceful-fs "^4.2.4"
+    invariant "^2.2.4"
+    jest-regex-util "^27.0.6"
+    jest-serializer "^27.0.6"
+    jest-util "^27.2.0"
+    jest-worker "^27.2.0"
+    micromatch "^4.0.4"
+    walker "^1.0.7"
+  optionalDependencies:
+    fsevents "^2.1.2"
+
 metro-file-map@0.76.7:
   version "0.76.7"
   resolved "https://registry.yarnpkg.com/metro-file-map/-/metro-file-map-0.76.7.tgz#0f041a4f186ac672f0188180310609c8483ffe89"
@@ -15754,6 +16439,41 @@ metro-file-map@0.76.7:
   optionalDependencies:
     fsevents "^2.3.2"
 
+metro-file-map@0.76.9:
+  version "0.76.9"
+  resolved "https://registry.yarnpkg.com/metro-file-map/-/metro-file-map-0.76.9.tgz#dd3d76ec23fc0ba8cb7b3a3b8075bb09e0b5d378"
+  integrity sha512-7vJd8kksMDTO/0fbf3081bTrlw8SLiploeDf+vkkf0OwlrtDUWPOikfebp+MpZB2S61kamKjCNRfRkgrbPfSwg==
+  dependencies:
+    anymatch "^3.0.3"
+    debug "^2.2.0"
+    fb-watchman "^2.0.0"
+    graceful-fs "^4.2.4"
+    invariant "^2.2.4"
+    jest-regex-util "^27.0.6"
+    jest-util "^27.2.0"
+    jest-worker "^27.2.0"
+    micromatch "^4.0.4"
+    node-abort-controller "^3.1.1"
+    nullthrows "^1.1.1"
+    walker "^1.0.7"
+  optionalDependencies:
+    fsevents "^2.3.2"
+
+metro-hermes-compiler@0.72.4:
+  version "0.72.4"
+  resolved "https://registry.yarnpkg.com/metro-hermes-compiler/-/metro-hermes-compiler-0.72.4.tgz#06c946d74720d5132fa1690df0610ba367d3436c"
+  integrity sha512-AY1mAT5FKfDRYCthuKo2XHbuhG5TUV4ZpZlJ8peIgkiWICzfy0tau3yu+3jUD456N90CjMCOmdknji4uKiZ8ww==
+
+metro-inspector-proxy@0.72.4:
+  version "0.72.4"
+  resolved "https://registry.yarnpkg.com/metro-inspector-proxy/-/metro-inspector-proxy-0.72.4.tgz#347e9634b6204c38117292edfb11eb2df71c09ad"
+  integrity sha512-pr+PsbNCZaStWuJRH8oclT170B7NxfgH+UUyTf9/aR+7PjX0gdDabJhPyzA633QgR+EFBaQKZuetHA+f5/cnEQ==
+  dependencies:
+    connect "^3.6.5"
+    debug "^2.2.0"
+    ws "^7.5.1"
+    yargs "^15.3.1"
+
 metro-inspector-proxy@0.76.7:
   version "0.76.7"
   resolved "https://registry.yarnpkg.com/metro-inspector-proxy/-/metro-inspector-proxy-0.76.7.tgz#c067df25056e932002a72a4b45cf7b4b749f808e"
@@ -15765,6 +16485,17 @@ metro-inspector-proxy@0.76.7:
     ws "^7.5.1"
     yargs "^17.6.2"
 
+metro-inspector-proxy@0.76.9:
+  version "0.76.9"
+  resolved "https://registry.yarnpkg.com/metro-inspector-proxy/-/metro-inspector-proxy-0.76.9.tgz#0d333e64a7bc9d156d712265faa7b7ae88c775e8"
+  integrity sha512-idIiPkb8CYshc0WZmbzwmr4B1QwsQUbpDwBzHwxE1ni27FWKWhV9CD5p+qlXZHgfwJuMRfPN+tIaLSR8+vttYg==
+  dependencies:
+    connect "^3.6.5"
+    debug "^2.2.0"
+    node-fetch "^2.2.0"
+    ws "^7.5.1"
+    yargs "^17.6.2"
+
 metro-minify-terser@0.76.7:
   version "0.76.7"
   resolved "https://registry.yarnpkg.com/metro-minify-terser/-/metro-minify-terser-0.76.7.tgz#aefac8bb8b6b3a0fcb5ea0238623cf3e100893ff"
@@ -15772,6 +16503,20 @@ metro-minify-terser@0.76.7:
   dependencies:
     terser "^5.15.0"
 
+metro-minify-terser@0.76.9:
+  version "0.76.9"
+  resolved "https://registry.yarnpkg.com/metro-minify-terser/-/metro-minify-terser-0.76.9.tgz#3f6271da74dd57179852118443b62cc8dc578aab"
+  integrity sha512-ju2nUXTKvh96vHPoGZH/INhSvRRKM14CbGAJXQ98+g8K5z1v3luYJ/7+dFQB202eVzJdTB2QMtBjI1jUUpooCg==
+  dependencies:
+    terser "^5.15.0"
+
+metro-minify-uglify@0.72.4:
+  version "0.72.4"
+  resolved "https://registry.yarnpkg.com/metro-minify-uglify/-/metro-minify-uglify-0.72.4.tgz#b4504adc17f093173c0e5d44df32ac9e13f50a88"
+  integrity sha512-84Rrgie3O7Dqkak9ep/eIpMZkEFzpKD4bngPUNimYqAMCExKL7/aymydB27gKcqwus/BVkAV+aOnFsuOhlgnQg==
+  dependencies:
+    uglify-es "^3.1.9"
+
 metro-minify-uglify@0.76.7:
   version "0.76.7"
   resolved "https://registry.yarnpkg.com/metro-minify-uglify/-/metro-minify-uglify-0.76.7.tgz#3e0143786718dcaea4e28a724698d4f8ac199a43"
@@ -15779,6 +16524,13 @@ metro-minify-uglify@0.76.7:
   dependencies:
     uglify-es "^3.1.9"
 
+metro-minify-uglify@0.76.9:
+  version "0.76.9"
+  resolved "https://registry.yarnpkg.com/metro-minify-uglify/-/metro-minify-uglify-0.76.9.tgz#e88c30c27911c053e1ee20e12077f0f4cbb154f8"
+  integrity sha512-MXRrM3lFo62FPISlPfTqC6n9HTEI3RJjDU5SvpE7sJFfJKLx02xXQEltsL/wzvEqK+DhRQ5DEYACTwf5W4Z3yA==
+  dependencies:
+    uglify-es "^3.1.9"
+
 metro-react-native-babel-preset@0.72.3:
   version "0.72.3"
   resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.72.3.tgz#e549199fa310fef34364fdf19bd210afd0c89432"
@@ -15824,6 +16576,51 @@ metro-react-native-babel-preset@0.72.3:
     "@babel/template" "^7.0.0"
     react-refresh "^0.4.0"
 
+metro-react-native-babel-preset@0.72.4:
+  version "0.72.4"
+  resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.72.4.tgz#2b320772d2489d1fb3a6413fc58dad13a56eea0e"
+  integrity sha512-YGCVaYe1H5fOFktdDdL9IwAyiXjPh1t2eZZFp3KFJak6fxKpN+q5PPhe1kzMa77dbCAqgImv43zkfGa6i27eyA==
+  dependencies:
+    "@babel/core" "^7.14.0"
+    "@babel/plugin-proposal-async-generator-functions" "^7.0.0"
+    "@babel/plugin-proposal-class-properties" "^7.0.0"
+    "@babel/plugin-proposal-export-default-from" "^7.0.0"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.0.0"
+    "@babel/plugin-proposal-object-rest-spread" "^7.0.0"
+    "@babel/plugin-proposal-optional-catch-binding" "^7.0.0"
+    "@babel/plugin-proposal-optional-chaining" "^7.0.0"
+    "@babel/plugin-syntax-dynamic-import" "^7.0.0"
+    "@babel/plugin-syntax-export-default-from" "^7.0.0"
+    "@babel/plugin-syntax-flow" "^7.2.0"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.0.0"
+    "@babel/plugin-syntax-optional-chaining" "^7.0.0"
+    "@babel/plugin-transform-arrow-functions" "^7.0.0"
+    "@babel/plugin-transform-async-to-generator" "^7.0.0"
+    "@babel/plugin-transform-block-scoping" "^7.0.0"
+    "@babel/plugin-transform-classes" "^7.0.0"
+    "@babel/plugin-transform-computed-properties" "^7.0.0"
+    "@babel/plugin-transform-destructuring" "^7.0.0"
+    "@babel/plugin-transform-exponentiation-operator" "^7.0.0"
+    "@babel/plugin-transform-flow-strip-types" "^7.0.0"
+    "@babel/plugin-transform-function-name" "^7.0.0"
+    "@babel/plugin-transform-literals" "^7.0.0"
+    "@babel/plugin-transform-modules-commonjs" "^7.0.0"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.0.0"
+    "@babel/plugin-transform-parameters" "^7.0.0"
+    "@babel/plugin-transform-react-display-name" "^7.0.0"
+    "@babel/plugin-transform-react-jsx" "^7.0.0"
+    "@babel/plugin-transform-react-jsx-self" "^7.0.0"
+    "@babel/plugin-transform-react-jsx-source" "^7.0.0"
+    "@babel/plugin-transform-runtime" "^7.0.0"
+    "@babel/plugin-transform-shorthand-properties" "^7.0.0"
+    "@babel/plugin-transform-spread" "^7.0.0"
+    "@babel/plugin-transform-sticky-regex" "^7.0.0"
+    "@babel/plugin-transform-template-literals" "^7.0.0"
+    "@babel/plugin-transform-typescript" "^7.5.0"
+    "@babel/plugin-transform-unicode-regex" "^7.0.0"
+    "@babel/template" "^7.0.0"
+    react-refresh "^0.4.0"
+
 metro-react-native-babel-preset@0.76.7:
   version "0.76.7"
   resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.76.7.tgz#dfe15c040d0918147a8b0e9f530d558287acbb54"
@@ -15869,6 +16666,64 @@ metro-react-native-babel-preset@0.76.7:
     babel-plugin-transform-flow-enums "^0.0.2"
     react-refresh "^0.4.0"
 
+metro-react-native-babel-preset@0.76.9:
+  version "0.76.9"
+  resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.76.9.tgz#15868142122af14313429d7572c15cf01c16f077"
+  integrity sha512-eCBtW/UkJPDr6HlMgFEGF+964DZsUEF9RGeJdZLKWE7d/0nY3ABZ9ZAGxzu9efQ35EWRox5bDMXUGaOwUe5ikQ==
+  dependencies:
+    "@babel/core" "^7.20.0"
+    "@babel/plugin-proposal-async-generator-functions" "^7.0.0"
+    "@babel/plugin-proposal-class-properties" "^7.18.0"
+    "@babel/plugin-proposal-export-default-from" "^7.0.0"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.18.0"
+    "@babel/plugin-proposal-numeric-separator" "^7.0.0"
+    "@babel/plugin-proposal-object-rest-spread" "^7.20.0"
+    "@babel/plugin-proposal-optional-catch-binding" "^7.0.0"
+    "@babel/plugin-proposal-optional-chaining" "^7.20.0"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.0"
+    "@babel/plugin-syntax-export-default-from" "^7.0.0"
+    "@babel/plugin-syntax-flow" "^7.18.0"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.0.0"
+    "@babel/plugin-syntax-optional-chaining" "^7.0.0"
+    "@babel/plugin-transform-arrow-functions" "^7.0.0"
+    "@babel/plugin-transform-async-to-generator" "^7.20.0"
+    "@babel/plugin-transform-block-scoping" "^7.0.0"
+    "@babel/plugin-transform-classes" "^7.0.0"
+    "@babel/plugin-transform-computed-properties" "^7.0.0"
+    "@babel/plugin-transform-destructuring" "^7.20.0"
+    "@babel/plugin-transform-flow-strip-types" "^7.20.0"
+    "@babel/plugin-transform-function-name" "^7.0.0"
+    "@babel/plugin-transform-literals" "^7.0.0"
+    "@babel/plugin-transform-modules-commonjs" "^7.0.0"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.0.0"
+    "@babel/plugin-transform-parameters" "^7.0.0"
+    "@babel/plugin-transform-react-display-name" "^7.0.0"
+    "@babel/plugin-transform-react-jsx" "^7.0.0"
+    "@babel/plugin-transform-react-jsx-self" "^7.0.0"
+    "@babel/plugin-transform-react-jsx-source" "^7.0.0"
+    "@babel/plugin-transform-runtime" "^7.0.0"
+    "@babel/plugin-transform-shorthand-properties" "^7.0.0"
+    "@babel/plugin-transform-spread" "^7.0.0"
+    "@babel/plugin-transform-sticky-regex" "^7.0.0"
+    "@babel/plugin-transform-typescript" "^7.5.0"
+    "@babel/plugin-transform-unicode-regex" "^7.0.0"
+    "@babel/template" "^7.0.0"
+    babel-plugin-transform-flow-enums "^0.0.2"
+    react-refresh "^0.4.0"
+
+metro-react-native-babel-transformer@0.72.4:
+  version "0.72.4"
+  resolved "https://registry.yarnpkg.com/metro-react-native-babel-transformer/-/metro-react-native-babel-transformer-0.72.4.tgz#c1a38bf28513374dbb0fce45b4017d8abfe4a071"
+  integrity sha512-VxM8Cki+/tPAyQRPHEy1bsxAihpxz8cGLdteFo9t0eAJI7/vEegqICxQm4A+RiGQc4f8t2jiwI6YpnDWomI5Gw==
+  dependencies:
+    "@babel/core" "^7.14.0"
+    babel-preset-fbjs "^3.4.0"
+    hermes-parser "0.8.0"
+    metro-babel-transformer "0.72.4"
+    metro-react-native-babel-preset "0.72.4"
+    metro-source-map "0.72.4"
+    nullthrows "^1.1.1"
+
 metro-react-native-babel-transformer@0.76.7:
   version "0.76.7"
   resolved "https://registry.yarnpkg.com/metro-react-native-babel-transformer/-/metro-react-native-babel-transformer-0.76.7.tgz#ccc7c25b49ee8a1860aafdbf48bfa5441d206f8f"
@@ -15880,11 +16735,42 @@ metro-react-native-babel-transformer@0.76.7:
     metro-react-native-babel-preset "0.76.7"
     nullthrows "^1.1.1"
 
+metro-react-native-babel-transformer@^0.76.9:
+  version "0.76.9"
+  resolved "https://registry.yarnpkg.com/metro-react-native-babel-transformer/-/metro-react-native-babel-transformer-0.76.9.tgz#464aab85669ed39f7a59f1fd993a05de9543b09e"
+  integrity sha512-xXzHcfngSIkbQj+U7i/anFkNL0q2QVarYSzr34CFkzKLa79Rp16B8ki7z9eVVqo9W3B4TBcTXl3BipgRoOoZSQ==
+  dependencies:
+    "@babel/core" "^7.20.0"
+    babel-preset-fbjs "^3.4.0"
+    hermes-parser "0.12.0"
+    metro-react-native-babel-preset "0.76.9"
+    nullthrows "^1.1.1"
+
+metro-resolver@0.72.4:
+  version "0.72.4"
+  resolved "https://registry.yarnpkg.com/metro-resolver/-/metro-resolver-0.72.4.tgz#37893ff72273a2b7ea529564caa15fe2e2337267"
+  integrity sha512-aHxq/jypzGyi9Ic9woe//RymfxpzWliAkyTmBWPHE9ypGoiobstK0me2j5XuSfzASzCU8wcVt20qy870rxTWLw==
+  dependencies:
+    absolute-path "^0.0.0"
+
 metro-resolver@0.76.7:
   version "0.76.7"
   resolved "https://registry.yarnpkg.com/metro-resolver/-/metro-resolver-0.76.7.tgz#f00ebead64e451c060f30926ecbf4f797588df52"
   integrity sha512-pC0Wgq29HHIHrwz23xxiNgylhI8Rq1V01kQaJ9Kz11zWrIdlrH0ZdnJ7GC6qA0ErROG+cXmJ0rJb8/SW1Zp2IA==
 
+metro-resolver@0.76.9, metro-resolver@^0.76.9:
+  version "0.76.9"
+  resolved "https://registry.yarnpkg.com/metro-resolver/-/metro-resolver-0.76.9.tgz#79c244784b16ca56076bc1fc816d2ba74860e882"
+  integrity sha512-s86ipNRas9vNR5lChzzSheF7HoaQEmzxBLzwFA6/2YcGmUCowcoyPAfs1yPh4cjMw9F1T4KlMLaiwniGE7HCyw==
+
+metro-runtime@0.72.4:
+  version "0.72.4"
+  resolved "https://registry.yarnpkg.com/metro-runtime/-/metro-runtime-0.72.4.tgz#b3469fd040a9526bfd897c0517c5f052a059ddeb"
+  integrity sha512-EA0ltqyYFpjOdpoRqE2U9FJleqTOIK+ZLRlLaDrx4yz3zTqUZ16W6w71dq+qrwD8BPg7bPKQu7RluU3K6tI79A==
+  dependencies:
+    "@babel/runtime" "^7.0.0"
+    react-refresh "^0.4.0"
+
 metro-runtime@0.76.7:
   version "0.76.7"
   resolved "https://registry.yarnpkg.com/metro-runtime/-/metro-runtime-0.76.7.tgz#4d75f2dbbcd19a4f01e0d89494e140b0ba8247e4"
@@ -15901,6 +16787,28 @@ metro-runtime@0.76.8:
     "@babel/runtime" "^7.0.0"
     react-refresh "^0.4.0"
 
+metro-runtime@0.76.9, metro-runtime@^0.76.9:
+  version "0.76.9"
+  resolved "https://registry.yarnpkg.com/metro-runtime/-/metro-runtime-0.76.9.tgz#f8ebe150f8896ce1aef5d7f3a52844f8b4f721fb"
+  integrity sha512-/5vezDpGUtA0Fv6cJg0+i6wB+QeBbvLeaw9cTSG7L76liP0b91f8vOcYzGaUbHI8pznJCCTerxRzpQ8e3/NcDw==
+  dependencies:
+    "@babel/runtime" "^7.0.0"
+    react-refresh "^0.4.0"
+
+metro-source-map@0.72.4:
+  version "0.72.4"
+  resolved "https://registry.yarnpkg.com/metro-source-map/-/metro-source-map-0.72.4.tgz#3c6444bba22b84d7d7e383f784a1d59e724192de"
+  integrity sha512-P09aMDEPkLo6BM8VYYoTsH/2B1w6t+mrCwNcNJV1zE+57FPiU4fSBlSeM8G9YeYaezDTHimS2JlMozP+2r+trA==
+  dependencies:
+    "@babel/traverse" "^7.14.0"
+    "@babel/types" "^7.0.0"
+    invariant "^2.2.4"
+    metro-symbolicate "0.72.4"
+    nullthrows "^1.1.1"
+    ob1 "0.72.4"
+    source-map "^0.5.6"
+    vlq "^1.0.0"
+
 metro-source-map@0.76.7:
   version "0.76.7"
   resolved "https://registry.yarnpkg.com/metro-source-map/-/metro-source-map-0.76.7.tgz#9a4aa3a35e1e8ffde9a74cd7ab5f49d9d4a4da14"
@@ -15929,6 +16837,32 @@ metro-source-map@0.76.8:
     source-map "^0.5.6"
     vlq "^1.0.0"
 
+metro-source-map@0.76.9, metro-source-map@^0.76.9:
+  version "0.76.9"
+  resolved "https://registry.yarnpkg.com/metro-source-map/-/metro-source-map-0.76.9.tgz#0f976ada836717f307427d3830aea52a2ca7ed5f"
+  integrity sha512-q5qsMlu8EFvsT46wUUh+ao+efDsicT30zmaPATNhq+PcTawDbDgnMuUD+FT0bvxxnisU2PWl91RdzKfNc2qPQA==
+  dependencies:
+    "@babel/traverse" "^7.20.0"
+    "@babel/types" "^7.20.0"
+    invariant "^2.2.4"
+    metro-symbolicate "0.76.9"
+    nullthrows "^1.1.1"
+    ob1 "0.76.9"
+    source-map "^0.5.6"
+    vlq "^1.0.0"
+
+metro-symbolicate@0.72.4:
+  version "0.72.4"
+  resolved "https://registry.yarnpkg.com/metro-symbolicate/-/metro-symbolicate-0.72.4.tgz#3be7c9d1f382fc58198efcb515f2de0ec3fc4181"
+  integrity sha512-6ZRo66Q4iKiwaQuHjmogkSCCqaSpJ4QzbHsVHRUe57mFIL34lOLYp7aPfmX7NHCmy061HhDox/kGuYZQRmHB3A==
+  dependencies:
+    invariant "^2.2.4"
+    metro-source-map "0.72.4"
+    nullthrows "^1.1.1"
+    source-map "^0.5.6"
+    through2 "^2.0.1"
+    vlq "^1.0.0"
+
 metro-symbolicate@0.76.7:
   version "0.76.7"
   resolved "https://registry.yarnpkg.com/metro-symbolicate/-/metro-symbolicate-0.76.7.tgz#1720e6b4ce5676935d7a8a440f25d3f16638e87a"
@@ -15953,6 +16887,29 @@ metro-symbolicate@0.76.8:
     through2 "^2.0.1"
     vlq "^1.0.0"
 
+metro-symbolicate@0.76.9:
+  version "0.76.9"
+  resolved "https://registry.yarnpkg.com/metro-symbolicate/-/metro-symbolicate-0.76.9.tgz#f1627ef6f73bb0c4d48c55684d3c87866a0b0920"
+  integrity sha512-Yyq6Ukj/IeWnGST09kRt0sBK8TwzGZWoU7YAcQlh14+AREH454Olx4wbFTpkkhUkV05CzNCvUuXQ0efFxhA1bw==
+  dependencies:
+    invariant "^2.2.4"
+    metro-source-map "0.76.9"
+    nullthrows "^1.1.1"
+    source-map "^0.5.6"
+    through2 "^2.0.1"
+    vlq "^1.0.0"
+
+metro-transform-plugins@0.72.4:
+  version "0.72.4"
+  resolved "https://registry.yarnpkg.com/metro-transform-plugins/-/metro-transform-plugins-0.72.4.tgz#01e95aa277216fb0887610067125fac9271d399e"
+  integrity sha512-yxB4v/LxQkmN1rjyyeLiV4x+jwCmId4FTTxNrmTYoi0tFPtOBOeSwuqY08LjxZQMJdZOKXqj2bgIewqFXJEkGw==
+  dependencies:
+    "@babel/core" "^7.14.0"
+    "@babel/generator" "^7.14.0"
+    "@babel/template" "^7.0.0"
+    "@babel/traverse" "^7.14.0"
+    nullthrows "^1.1.1"
+
 metro-transform-plugins@0.76.7:
   version "0.76.7"
   resolved "https://registry.yarnpkg.com/metro-transform-plugins/-/metro-transform-plugins-0.76.7.tgz#5d5f75371706fbf5166288e43ffd36b5e5bd05bc"
@@ -15964,6 +16921,36 @@ metro-transform-plugins@0.76.7:
     "@babel/traverse" "^7.20.0"
     nullthrows "^1.1.1"
 
+metro-transform-plugins@0.76.9:
+  version "0.76.9"
+  resolved "https://registry.yarnpkg.com/metro-transform-plugins/-/metro-transform-plugins-0.76.9.tgz#73e34f2014d3df3c336a882b13e541bceb826d37"
+  integrity sha512-YEQeNlOCt92I7S9A3xbrfaDfwfgcxz9PpD/1eeop3c4cO3z3Q3otYuxw0WJ/rUIW8pZfOm5XCehd+1NRbWlAaw==
+  dependencies:
+    "@babel/core" "^7.20.0"
+    "@babel/generator" "^7.20.0"
+    "@babel/template" "^7.0.0"
+    "@babel/traverse" "^7.20.0"
+    nullthrows "^1.1.1"
+
+metro-transform-worker@0.72.4:
+  version "0.72.4"
+  resolved "https://registry.yarnpkg.com/metro-transform-worker/-/metro-transform-worker-0.72.4.tgz#356903c343dc62373b928b4325ad09a103398cc5"
+  integrity sha512-mIvzy6nRQKMALEdF5g8LXPgCOUi/tGESE5dlb7OSMCj2FAFBm3mTLRrpW5phzK/J6Wg+4Vb9PMS+wGbXR261rA==
+  dependencies:
+    "@babel/core" "^7.14.0"
+    "@babel/generator" "^7.14.0"
+    "@babel/parser" "^7.14.0"
+    "@babel/types" "^7.0.0"
+    babel-preset-fbjs "^3.4.0"
+    metro "0.72.4"
+    metro-babel-transformer "0.72.4"
+    metro-cache "0.72.4"
+    metro-cache-key "0.72.4"
+    metro-hermes-compiler "0.72.4"
+    metro-source-map "0.72.4"
+    metro-transform-plugins "0.72.4"
+    nullthrows "^1.1.1"
+
 metro-transform-worker@0.76.7:
   version "0.76.7"
   resolved "https://registry.yarnpkg.com/metro-transform-worker/-/metro-transform-worker-0.76.7.tgz#b842d5a542f1806cca401633fc002559b3e3d668"
@@ -15982,6 +16969,82 @@ metro-transform-worker@0.76.7:
     metro-transform-plugins "0.76.7"
     nullthrows "^1.1.1"
 
+metro-transform-worker@0.76.9:
+  version "0.76.9"
+  resolved "https://registry.yarnpkg.com/metro-transform-worker/-/metro-transform-worker-0.76.9.tgz#281fad223f0447e1ff9cc44d6f7e33dfab9ab120"
+  integrity sha512-F69A0q0qFdJmP2Clqr6TpTSn4WTV9p5A28h5t9o+mB22ryXBZfUQ6BFBBW/6Wp2k/UtPH+oOsBfV9guiqm3d2Q==
+  dependencies:
+    "@babel/core" "^7.20.0"
+    "@babel/generator" "^7.20.0"
+    "@babel/parser" "^7.20.0"
+    "@babel/types" "^7.20.0"
+    babel-preset-fbjs "^3.4.0"
+    metro "0.76.9"
+    metro-babel-transformer "0.76.9"
+    metro-cache "0.76.9"
+    metro-cache-key "0.76.9"
+    metro-minify-terser "0.76.9"
+    metro-source-map "0.76.9"
+    metro-transform-plugins "0.76.9"
+    nullthrows "^1.1.1"
+
+metro@0.72.4:
+  version "0.72.4"
+  resolved "https://registry.yarnpkg.com/metro/-/metro-0.72.4.tgz#fdfc43b3329388b5a3e8856727403f93a8c05250"
+  integrity sha512-UBqL2fswJjsq2LlfMPV4ArqzLzjyN0nReKRijP3DdSxZiaJDG4NC9sQoVJHbH1HP5qXQMAK/SftyAx1c1kuy+w==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    "@babel/core" "^7.14.0"
+    "@babel/generator" "^7.14.0"
+    "@babel/parser" "^7.14.0"
+    "@babel/template" "^7.0.0"
+    "@babel/traverse" "^7.14.0"
+    "@babel/types" "^7.0.0"
+    absolute-path "^0.0.0"
+    accepts "^1.3.7"
+    async "^3.2.2"
+    chalk "^4.0.0"
+    ci-info "^2.0.0"
+    connect "^3.6.5"
+    debug "^2.2.0"
+    denodeify "^1.2.1"
+    error-stack-parser "^2.0.6"
+    fs-extra "^1.0.0"
+    graceful-fs "^4.2.4"
+    hermes-parser "0.8.0"
+    image-size "^0.6.0"
+    invariant "^2.2.4"
+    jest-worker "^27.2.0"
+    jsc-safe-url "^0.2.2"
+    lodash.throttle "^4.1.1"
+    metro-babel-transformer "0.72.4"
+    metro-cache "0.72.4"
+    metro-cache-key "0.72.4"
+    metro-config "0.72.4"
+    metro-core "0.72.4"
+    metro-file-map "0.72.4"
+    metro-hermes-compiler "0.72.4"
+    metro-inspector-proxy "0.72.4"
+    metro-minify-uglify "0.72.4"
+    metro-react-native-babel-preset "0.72.4"
+    metro-resolver "0.72.4"
+    metro-runtime "0.72.4"
+    metro-source-map "0.72.4"
+    metro-symbolicate "0.72.4"
+    metro-transform-plugins "0.72.4"
+    metro-transform-worker "0.72.4"
+    mime-types "^2.1.27"
+    node-fetch "^2.2.0"
+    nullthrows "^1.1.1"
+    rimraf "^2.5.4"
+    serialize-error "^2.1.0"
+    source-map "^0.5.6"
+    strip-ansi "^6.0.0"
+    temp "0.8.3"
+    throat "^5.0.0"
+    ws "^7.5.1"
+    yargs "^15.3.1"
+
 metro@0.76.7:
   version "0.76.7"
   resolved "https://registry.yarnpkg.com/metro/-/metro-0.76.7.tgz#4885917ad28738c7d1e556630e0155f687336230"
@@ -16036,6 +17099,59 @@ metro@0.76.7:
     ws "^7.5.1"
     yargs "^17.6.2"
 
+metro@0.76.9, metro@^0.76.9:
+  version "0.76.9"
+  resolved "https://registry.yarnpkg.com/metro/-/metro-0.76.9.tgz#605fddf1a54d27762ddba2f636420ae2408862df"
+  integrity sha512-gcjcfs0l5qIPg0lc5P7pj0x7vPJ97tan+OnEjiYLbKjR1D7Oa78CE93YUPyymUPH6q7VzlzMm1UjT35waEkZUw==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    "@babel/core" "^7.20.0"
+    "@babel/generator" "^7.20.0"
+    "@babel/parser" "^7.20.0"
+    "@babel/template" "^7.0.0"
+    "@babel/traverse" "^7.20.0"
+    "@babel/types" "^7.20.0"
+    accepts "^1.3.7"
+    async "^3.2.2"
+    chalk "^4.0.0"
+    ci-info "^2.0.0"
+    connect "^3.6.5"
+    debug "^2.2.0"
+    denodeify "^1.2.1"
+    error-stack-parser "^2.0.6"
+    graceful-fs "^4.2.4"
+    hermes-parser "0.12.0"
+    image-size "^1.0.2"
+    invariant "^2.2.4"
+    jest-worker "^27.2.0"
+    jsc-safe-url "^0.2.2"
+    lodash.throttle "^4.1.1"
+    metro-babel-transformer "0.76.9"
+    metro-cache "0.76.9"
+    metro-cache-key "0.76.9"
+    metro-config "0.76.9"
+    metro-core "0.76.9"
+    metro-file-map "0.76.9"
+    metro-inspector-proxy "0.76.9"
+    metro-minify-uglify "0.76.9"
+    metro-react-native-babel-preset "0.76.9"
+    metro-resolver "0.76.9"
+    metro-runtime "0.76.9"
+    metro-source-map "0.76.9"
+    metro-symbolicate "0.76.9"
+    metro-transform-plugins "0.76.9"
+    metro-transform-worker "0.76.9"
+    mime-types "^2.1.27"
+    node-fetch "^2.2.0"
+    nullthrows "^1.1.1"
+    rimraf "^3.0.2"
+    serialize-error "^2.1.0"
+    source-map "^0.5.6"
+    strip-ansi "^6.0.0"
+    throat "^5.0.0"
+    ws "^7.5.1"
+    yargs "^17.6.2"
+
 microevent.ts@~0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/microevent.ts/-/microevent.ts-0.1.1.tgz#70b09b83f43df5172d0205a63025bce0f7357fa0"
@@ -16189,6 +17305,13 @@ minimatch@^9.0.1:
   dependencies:
     brace-expansion "^2.0.1"
 
+minimatch@^9.0.4:
+  version "9.0.5"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
+  integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimist-options@4.1.0, minimist-options@^4.0.2:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/minimist-options/-/minimist-options-4.1.0.tgz#c0655713c53a8a2ebd77ffa247d342c40f010619"
@@ -16404,7 +17527,7 @@ nanomatch@^1.2.9:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
-nativewind@4.0.36, nativewind@^4.0.36:
+nativewind@^4.0.36:
   version "4.0.36"
   resolved "https://registry.yarnpkg.com/nativewind/-/nativewind-4.0.36.tgz#25a79d37cd89575f92d6095749a1620195459b30"
   integrity sha512-nd0Xgjzaq0ISvUAjibZXcuSvvpX1BGX2mfOGBPZpjGfHL3By6fwLGsNhrKU6mi2FF30c+kdok3e2I4k/O0UO1Q==
@@ -16720,6 +17843,11 @@ nwsapi@^2.2.2:
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.10.tgz#0b77a68e21a0b483db70b11fad055906e867cda8"
   integrity sha512-QK0sRs7MKv0tKe1+5uZIQk/C8XGza4DAnztJG8iD+TpJIORARrCxczA738awHrZoHeTjSSoHqao2teO0dC/gFQ==
 
+ob1@0.72.4:
+  version "0.72.4"
+  resolved "https://registry.yarnpkg.com/ob1/-/ob1-0.72.4.tgz#d2ddedb09fb258d69490e8809157518a62b75506"
+  integrity sha512-/iPJKpXpVEZS0subUvjew4ept5LTBxj1hD20A4mAj9CJkGGPgvbBlfYtFEBubBkk4dv4Ef5lajsnRBYPxF74cQ==
+
 ob1@0.76.7:
   version "0.76.7"
   resolved "https://registry.yarnpkg.com/ob1/-/ob1-0.76.7.tgz#95b68fadafd47e7a6a0ad64cf80f3140dd6d1124"
@@ -16730,6 +17858,11 @@ ob1@0.76.8:
   resolved "https://registry.yarnpkg.com/ob1/-/ob1-0.76.8.tgz#ac4c459465b1c0e2c29aaa527e09fc463d3ffec8"
   integrity sha512-dlBkJJV5M/msj9KYA9upc+nUWVwuOFFTbu28X6kZeGwcuW+JxaHSBZ70SYQnk5M+j5JbNLR6yKHmgW4M5E7X5g==
 
+ob1@0.76.9:
+  version "0.76.9"
+  resolved "https://registry.yarnpkg.com/ob1/-/ob1-0.76.9.tgz#a493e4b83a0fb39200de639804b5d06eed5599dc"
+  integrity sha512-g0I/OLnSxf6OrN3QjSew3bTDJCdbZoWxnh8adh1z36alwCuGF1dgDeRA25bTYSakrG5WULSaWJPOdgnf1O/oQw==
+
 object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
@@ -18014,6 +19147,11 @@ prettier-linter-helpers@^1.0.0:
   dependencies:
     fast-diff "^1.1.2"
 
+prettier-standalone@^1.3.1-0:
+  version "1.3.1-0"
+  resolved "https://registry.yarnpkg.com/prettier-standalone/-/prettier-standalone-1.3.1-0.tgz#8c302549316c723015642e66fd4192db68514d0c"
+  integrity sha512-wxJiwE5XS45BQD8QTXcTeqnWzsYrCliIYOYrURM8MiJaw8NA5q+BSd9UBhM5QPDFShn+pFWa8X2XH3y5A47q+Q==
+
 prettier@2.8.3:
   version "2.8.3"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.3.tgz#ab697b1d3dd46fb4626fbe2f543afe0cc98d8632"
@@ -18029,6 +19167,11 @@ prettier@^2.4.1, prettier@^2.7.1, prettier@^2.8.3:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
   integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
 
+prettier@^3.3.3:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.3.3.tgz#30c54fe0be0d8d12e6ae61dbb10109ea00d53105"
+  integrity sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==
+
 pretty-bytes@5.6.0:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"
@@ -18475,6 +19618,14 @@ react-dev-utils@~11.0.1:
     strip-ansi "6.0.0"
     text-table "0.2.0"
 
+react-devtools-core@4.27.7:
+  version "4.27.7"
+  resolved "https://registry.yarnpkg.com/react-devtools-core/-/react-devtools-core-4.27.7.tgz#458a6541483078d60a036c75bf88f54c478086ec"
+  integrity sha512-12N0HrhCPbD76Z7SkyJdGdXdPGouUsgV6tlEsbSpAnLDO06tjXZP+irht4wPdYwJAJRQ85DxL48eQoz7UmrSuQ==
+  dependencies:
+    shell-quote "^1.6.1"
+    ws "^7"
+
 react-devtools-core@^4.27.2:
   version "4.28.5"
   resolved "https://registry.yarnpkg.com/react-devtools-core/-/react-devtools-core-4.28.5.tgz#c8442b91f068cdf0c899c543907f7f27d79c2508"
@@ -18608,6 +19759,16 @@ react-native-builder-bob@^0.20.1, react-native-builder-bob@^0.20.3:
   optionalDependencies:
     jetifier "^2.0.0"
 
+react-native-codegen@^0.70.7:
+  version "0.70.7"
+  resolved "https://registry.yarnpkg.com/react-native-codegen/-/react-native-codegen-0.70.7.tgz#8f6b47a88740ae703209d57b7605538d86dacfa6"
+  integrity sha512-qXE8Jrhc9BmxDAnCmrHFDLJrzgjsE/mH57dtC4IO7K76AwagdXNCMRp5SA8XdHJzvvHWRaghpiFHEMl9TtOBcQ==
+  dependencies:
+    "@babel/parser" "^7.14.0"
+    flow-parser "^0.121.0"
+    jscodeshift "^0.14.0"
+    nullthrows "^1.1.1"
+
 react-native-css-interop@0.0.36:
   version "0.0.36"
   resolved "https://registry.yarnpkg.com/react-native-css-interop/-/react-native-css-interop-0.0.36.tgz#ff87c9ab5cab72c4b24f0f6eed60ca95c31f0dc2"
@@ -18641,6 +19802,11 @@ react-native-gesture-handler@~2.14.0:
     lodash "^4.17.21"
     prop-types "^15.7.2"
 
+react-native-gradle-plugin@^0.70.3:
+  version "0.70.3"
+  resolved "https://registry.yarnpkg.com/react-native-gradle-plugin/-/react-native-gradle-plugin-0.70.3.tgz#cbcf0619cbfbddaa9128701aa2d7b4145f9c4fc8"
+  integrity sha512-oOanj84fJEXUg9FoEAQomA8ISG+DVIrTZ3qF7m69VQUJyOGYyDZmPqKcjvRku4KXlEH6hWO9i4ACLzNBh8gC0A==
+
 react-native-modal-datetime-picker@^14.0.0:
   version "14.0.1"
   resolved "https://registry.yarnpkg.com/react-native-modal-datetime-picker/-/react-native-modal-datetime-picker-14.0.1.tgz#d9c6df4ff85bf1cfbe108c756dc26dcca4cc5f2f"
@@ -18655,15 +19821,18 @@ react-native-modal-selector@^2.1.1:
   dependencies:
     prop-types "^15.5.10"
 
-react-native-reanimated@~3.6.2:
-  version "3.6.3"
-  resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-3.6.3.tgz#859cf2320e37c80e3a21e19db24f82c34d6d3ded"
-  integrity sha512-2KkkPozoIvDbJcHuf8qeyoLROXQxizSi+2CTCkuNVkVZOxxY4B0Omvgq61aOQhSZUh/649x1YHoAaTyGMGDJUw==
+react-native-reanimated@3.0.2, react-native-reanimated@~3.6.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-3.0.2.tgz#8f7284fab2b0cd949779429e48f32d19a966bbd6"
+  integrity sha512-8Et90yTI9yxchGbDP79k391XZqc/64zNbASbGy8X3Vgv4EbZ1M3IkKwcIbZmbVwpA804VJ6V9nJAGUh9fP0LrA==
   dependencies:
     "@babel/plugin-transform-object-assign" "^7.16.7"
     "@babel/preset-typescript" "^7.16.7"
-    convert-source-map "^2.0.0"
+    convert-source-map "^1.7.0"
     invariant "^2.2.4"
+    lodash.isequal "^4.5.0"
+    setimmediate "^1.0.5"
+    string-hash-64 "^1.0.3"
 
 react-native-safe-area-context@^4.4.1:
   version "4.10.1"
@@ -18691,7 +19860,7 @@ react-native-vector-icons@^10.0.0:
     prop-types "^15.7.2"
     yargs "^16.1.1"
 
-react-native-web@0.19.9, react-native-web@^0.18.1, react-native-web@^0.19.9:
+react-native-web@0.19.9, react-native-web@^0.19.9:
   version "0.19.9"
   resolved "https://registry.yarnpkg.com/react-native-web/-/react-native-web-0.19.9.tgz#6ee43e6c64d886b1d739f100fed07927541ee003"
   integrity sha512-m69arZbS6FV+BNSKE6R/NQwUX+CzxCkYM7AJlSLlS8dz3BDzlaxG8Bzqtzv/r3r1YFowhnZLBXVKIwovKDw49g==
@@ -18705,7 +19874,20 @@ react-native-web@0.19.9, react-native-web@^0.18.1, react-native-web@^0.19.9:
     postcss-value-parser "^4.2.0"
     styleq "^0.1.3"
 
-react-native@0.72.4, react-native@^0.70.3, react-native@^0.72.4, react-native@^0.72.5:
+react-native-web@^0.18.1:
+  version "0.18.12"
+  resolved "https://registry.yarnpkg.com/react-native-web/-/react-native-web-0.18.12.tgz#d4bb3a783ece2514ba0508d7805b09c0a98f5a8e"
+  integrity sha512-fboP7yqobJ8InSr4fP+bQ3scOtSQtUoPcR+HWasH8b/fk/RO+mWcJs/8n+lewy9WTZc2D68ha7VwRDviUshEWA==
+  dependencies:
+    "@babel/runtime" "^7.18.6"
+    create-react-class "^15.7.0"
+    fbjs "^3.0.4"
+    inline-style-prefixer "^6.0.1"
+    normalize-css-color "^1.0.2"
+    postcss-value-parser "^4.2.0"
+    styleq "^0.1.2"
+
+react-native@0.72.4, react-native@^0.72.4:
   version "0.72.4"
   resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.72.4.tgz#97b57e22e4d7657eaf4d1f62a678511fcf9bdda7"
   integrity sha512-+vrObi0wZR+NeqL09KihAAdVlQ9IdplwznJWtYrjnQ4UbCW6rkzZJebRsugwUneSOKNFaHFEo1uKU89HsgtYBg==
@@ -18747,6 +19929,87 @@ react-native@0.72.4, react-native@^0.70.3, react-native@^0.72.4, react-native@^0
     ws "^6.2.2"
     yargs "^17.6.2"
 
+react-native@^0.70.3:
+  version "0.70.15"
+  resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.70.15.tgz#65f2c5c399ff8e2a892cef9b094cc0888653a874"
+  integrity sha512-pm2ZPpA+m0Kl0THAy2fptnp7B9+QPexpfad9fSXfqjPufrXG2alwW8kYCn2EO5ZUX6bomZjFEswz6RzdRN/p9A==
+  dependencies:
+    "@jest/create-cache-key-function" "^27.0.1"
+    "@react-native-community/cli" "9.3.5"
+    "@react-native-community/cli-platform-android" "9.3.4"
+    "@react-native-community/cli-platform-ios" "9.3.0"
+    "@react-native/assets" "1.0.0"
+    "@react-native/normalize-color" "2.0.0"
+    "@react-native/polyfills" "2.0.0"
+    abort-controller "^3.0.0"
+    anser "^1.4.9"
+    base64-js "^1.1.2"
+    event-target-shim "^5.0.1"
+    invariant "^2.2.4"
+    jsc-android "^250230.2.1"
+    memoize-one "^5.0.0"
+    metro-react-native-babel-transformer "0.72.4"
+    metro-runtime "0.72.4"
+    metro-source-map "0.72.4"
+    mkdirp "^0.5.1"
+    nullthrows "^1.1.1"
+    pretty-format "^26.5.2"
+    promise "^8.3.0"
+    react-devtools-core "4.27.7"
+    react-native-codegen "^0.70.7"
+    react-native-gradle-plugin "^0.70.3"
+    react-refresh "^0.4.0"
+    react-shallow-renderer "^16.15.0"
+    regenerator-runtime "^0.13.2"
+    scheduler "^0.22.0"
+    stacktrace-parser "^0.1.3"
+    use-sync-external-store "^1.0.0"
+    whatwg-fetch "^3.0.0"
+    ws "^6.1.4"
+
+react-native@^0.72.5:
+  version "0.72.17"
+  resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.72.17.tgz#54d6de38adf6e56fdde1a6b83ef9b138abae7384"
+  integrity sha512-k3dNe0XqoYCGGWTenbupWSj+ljW3GIfmYS5P4s3if4j0csx2YbenKgH1aJNWLp+UP7ONwfId6G+uBoUJfyMxXg==
+  dependencies:
+    "@jest/create-cache-key-function" "^29.2.1"
+    "@react-native-community/cli" "^11.4.1"
+    "@react-native-community/cli-platform-android" "^11.4.1"
+    "@react-native-community/cli-platform-ios" "^11.4.1"
+    "@react-native/assets-registry" "^0.72.0"
+    "@react-native/codegen" "^0.72.8"
+    "@react-native/gradle-plugin" "^0.72.11"
+    "@react-native/js-polyfills" "^0.72.1"
+    "@react-native/normalize-colors" "^0.72.0"
+    "@react-native/virtualized-lists" "^0.72.8"
+    abort-controller "^3.0.0"
+    anser "^1.4.9"
+    ansi-regex "^5.0.0"
+    base64-js "^1.1.2"
+    deprecated-react-native-prop-types "^4.2.3"
+    event-target-shim "^5.0.1"
+    flow-enums-runtime "^0.0.5"
+    invariant "^2.2.4"
+    jest-environment-node "^29.2.1"
+    jsc-android "^250231.0.0"
+    memoize-one "^5.0.0"
+    metro-runtime "^0.76.9"
+    metro-source-map "^0.76.9"
+    mkdirp "^0.5.1"
+    nullthrows "^1.1.1"
+    pretty-format "^26.5.2"
+    promise "^8.3.0"
+    react-devtools-core "^4.27.2"
+    react-refresh "^0.4.0"
+    react-shallow-renderer "^16.15.0"
+    regenerator-runtime "^0.13.2"
+    scheduler "0.24.0-canary-efb381bbf-20230505"
+    stacktrace-parser "^0.1.10"
+    use-sync-external-store "^1.0.0"
+    whatwg-fetch "^3.0.0"
+    ws "^6.2.2"
+    yargs "^17.6.2"
+
 react-refresh@^0.11.0:
   version "0.11.0"
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.11.0.tgz#77198b944733f0f1f1a90e791de4541f9f074046"
@@ -19403,6 +20666,11 @@ rimraf@^3.0.2:
   dependencies:
     glob "^7.1.3"
 
+rimraf@~2.2.6:
+  version "2.2.8"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.2.8.tgz#e439be2aaee327321952730f99a8929e4fc50582"
+  integrity sha512-R5KMKHnPAQaZMqLOsyuyUmcIjSeDm+73eoqQpaXA7AZ22BL+6C+1mcUscgOsNd8WVlJuvlgAPsegcx7pjlV0Dg==
+
 rimraf@~2.4.0:
   version "2.4.5"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.4.5.tgz#ee710ce5d93a8fdb856fb5ea8ff0e2d75934b2da"
@@ -19664,6 +20932,11 @@ semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.5.2, semve
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.2.tgz#1e3b34759f896e8f14d6134732ce798aeb0c6e13"
   integrity sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==
 
+semver@^7.6.0:
+  version "7.6.3"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.3.tgz#980f7b5550bc175fb4dc09403085627f9eb33143"
+  integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==
+
 semver@~7.3.2:
   version "7.3.8"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798"
@@ -20230,7 +21503,7 @@ stackframe@^1.3.4:
   resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.3.4.tgz#b881a004c8c149a5e8efef37d51b16e412943310"
   integrity sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==
 
-stacktrace-parser@^0.1.10:
+stacktrace-parser@^0.1.10, stacktrace-parser@^0.1.3:
   version "0.1.10"
   resolved "https://registry.yarnpkg.com/stacktrace-parser/-/stacktrace-parser-0.1.10.tgz#29fb0cae4e0d0b85155879402857a1639eb6051a"
   integrity sha512-KJP1OCML99+8fhOHxwwzyWrlUuVX5GQ0ZpJTd1DFXhdkrvg1szxfHhawXUZ3g9TkXORQd4/WG68jMlQZ2p8wlg==
@@ -20347,6 +21620,11 @@ string-argv@0.3.2:
   resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.2.tgz#2b6d0ef24b656274d957d54e0a4bbf6153dc02b6"
   integrity sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==
 
+string-hash-64@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/string-hash-64/-/string-hash-64-1.0.3.tgz#0deb56df58678640db5c479ccbbb597aaa0de322"
+  integrity sha512-D5OKWKvDhyVWWn2x5Y9b+37NUllks34q1dCDhk/vYcso9fmhs+Tl3KR/gE4v5UNj2UA35cnX4KdVVGkG1deKqw==
+
 string-length@^4.0.1:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/string-length/-/string-length-4.0.2.tgz#a8a8dc7bd5c1a82b9b3c8b87e125f66871b6e57a"
@@ -20631,7 +21909,7 @@ stylehacks@^4.0.0:
     postcss "^7.0.0"
     postcss-selector-parser "^3.0.0"
 
-styleq@^0.1.3:
+styleq@^0.1.2, styleq@^0.1.3:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/styleq/-/styleq-0.1.3.tgz#8efb2892debd51ce7b31dc09c227ad920decab71"
   integrity sha512-3ZUifmCDCQanjeej1f6kyl/BeP/Vae5EYkQ9iJfUm/QwZvlgnZzyflqAsAWYURdtea8Vkvswu2GrC57h3qffcA==
@@ -20838,6 +22116,14 @@ temp-dir@^2.0.0:
   resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-2.0.0.tgz#bde92b05bdfeb1516e804c9c00ad45177f31321e"
   integrity sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==
 
+temp@0.8.3:
+  version "0.8.3"
+  resolved "https://registry.yarnpkg.com/temp/-/temp-0.8.3.tgz#e0c6bc4d26b903124410e4fed81103014dfc1f59"
+  integrity sha512-jtnWJs6B1cZlHs9wPG7BrowKxZw/rf6+UpGAkr8AaYmiTyTO7zQlLoST8zx/8TcUPnZmeBoB+H8ARuHZaSijVw==
+  dependencies:
+    os-tmpdir "^1.0.0"
+    rimraf "~2.2.6"
+
 temp@^0.8.4:
   version "0.8.4"
   resolved "https://registry.yarnpkg.com/temp/-/temp-0.8.4.tgz#8c97a33a4770072e0a05f919396c7665a7dd59f2"
@@ -21158,7 +22444,7 @@ trough@^1.0.0:
   resolved "https://registry.yarnpkg.com/trough/-/trough-1.0.5.tgz#b8b639cefad7d0bb2abd37d433ff8293efa5f406"
   integrity sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA==
 
-ts-api-utils@^1.0.1:
+ts-api-utils@^1.0.1, ts-api-utils@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.3.0.tgz#4b490e27129f1e8e686b45cc4ab63714dc60eea1"
   integrity sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==
@@ -22583,6 +23869,13 @@ write-file-atomic@^4.0.2:
     imurmurhash "^0.1.4"
     signal-exit "^3.0.7"
 
+ws@^6.1.4:
+  version "6.2.3"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-6.2.3.tgz#ccc96e4add5fd6fedbc491903075c85c5a11d9ee"
+  integrity sha512-jmTjYU0j60B+vHey6TfR3Z7RD61z/hmxBS3VMSGIrroOWXQEneK1zNuotOUrGyBHQj0yrpsLHPWtigEFd13ndA==
+  dependencies:
+    async-limiter "~1.0.0"
+
 ws@^6.2.1, ws@^6.2.2:
   version "6.2.2"
   resolved "https://registry.yarnpkg.com/ws/-/ws-6.2.2.tgz#dd5cdbd57a9979916097652d78f1cc5faea0c32e"
@@ -22745,7 +24038,7 @@ yargs@^13.3.2:
     y18n "^4.0.0"
     yargs-parser "^13.1.2"
 
-yargs@^15.1.0:
+yargs@^15.1.0, yargs@^15.3.1:
   version "15.4.1"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
   integrity sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==