diff --git a/.eslintrc.js b/.eslintrc.js
index 6ce8c58..3ccd63b 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,6 +1,9 @@
 module.exports = {
   root: true,
   extends: '@react-native',
+  plugins: {
+    prettier: true,
+  },
   rules: {
     'react/no-unstable-nested-components': [
       'off',
diff --git a/.gitignore b/.gitignore
index 0cab2ac..cfe6bd0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -20,7 +20,7 @@ DerivedData
 *.hmap
 *.ipa
 *.xcuserstate
-ios/.xcode.env.local
+**/.xcode.env.local
 
 # Android/IntelliJ
 #
@@ -56,7 +56,7 @@ yarn-error.log
 *.jsbundle
 
 # Ruby / CocoaPods
-/ios/Pods/
+**/Pods/
 /vendor/bundle/
 
 # Temporary files created by Metro to check the health of the file watcher
@@ -64,3 +64,11 @@ yarn-error.log
 
 # testing
 /coverage
+
+# Yarn
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
\ No newline at end of file
diff --git a/.yarnrc.yml b/.yarnrc.yml
new file mode 100644
index 0000000..3186f3f
--- /dev/null
+++ b/.yarnrc.yml
@@ -0,0 +1 @@
+nodeLinker: node-modules
diff --git a/App.tsx b/App.tsx
index 5ac151c..84478a7 100644
--- a/App.tsx
+++ b/App.tsx
@@ -1,20 +1,38 @@
 import React from 'react';
-import {SafeAreaView, useColorScheme} from 'react-native';
-
-import {Colors} from 'react-native/Libraries/NewAppScreen';
-import {Box, Button, Text} from './src';
+import {SafeAreaView} from 'react-native';
+import {CalendarBox} from './src/atomic/organisms/CalendarBox';
+import {formatDate} from './src/utils/date.util';
+import {TextBox} from './src';
 
 function App(): React.JSX.Element {
-  const isDarkMode = useColorScheme() === 'dark';
-  const backgroundStyle = {
-    backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
-  };
-
+  const [value, setValue] = React.useState(formatDate('2024-02-02'));
+  const [selectedDates, setSelectedDates] = React.useState<{[key: string]: {}}>(
+    {
+      '2024-11-01': {
+        classBox: 'rounded-l-xl bg-primary',
+        classDot: 'bg-green-400',
+      },
+      '2024-11-02': {classText: 'text-black'},
+      '2024-11-03': {
+        classText: 'text-black',
+      },
+      '2024-11-04': {classBox: 'rounded-r-xl bg-primary'},
+    },
+  );
   return (
-    <SafeAreaView style={backgroundStyle}>
-      <Box className="bg-amber-300 h-1/5 bg" />
-      <Button className="h-1/5 bg-pink-600" isDebounce />
-      <Text className="text-amber-600 font-bold">hahaha</Text>
+    <SafeAreaView style={{flex: 1, backgroundColor: 'white'}}>
+      <CalendarBox
+        monthType="long"
+        firstDay={1}
+        minYear={2020}
+        maxYear={2026}
+        initDate={value}
+        selectedDates={selectedDates}
+        months={[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]}
+        onChangeDate={({dateString}) => {
+          setSelectedDates({[dateString]: {}});
+        }}
+      />
     </SafeAreaView>
   );
 }
diff --git a/Gemfile b/Gemfile
index 8d72c37..01da0f9 100644
--- a/Gemfile
+++ b/Gemfile
@@ -1,9 +1,7 @@
-source 'https://rubygems.org'
-
 # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
 ruby ">= 2.6.10"
 
-# Cocoapods 1.15 introduced a bug which break the build. We will remove the upper
-# bound in the template on Cocoapods with next React Native release.
-gem 'cocoapods', '>= 1.13', '< 1.15'
-gem 'activesupport', '>= 6.1.7.5', '< 7.1.0'
+# Exclude problematic versions of cocoapods and activesupport that causes build failures.
+gem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'
+gem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'
+gem 'xcodeproj', '< 1.26.0'
diff --git a/android/app/build.gradle b/android/app/build.gradle
index aba23e5..e65e0a5 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -8,14 +8,14 @@ apply plugin: "com.facebook.react"
  */
 react {
     /* Folders */
-    //   The root of your project, i.e. where "package.json" lives. Default is '..'
-    // root = file("../")
-    //   The folder where the react-native NPM package is. Default is ../node_modules/react-native
-    // reactNativeDir = file("../node_modules/react-native")
-    //   The folder where the react-native Codegen package is. Default is ../node_modules/@react-native/codegen
-    // codegenDir = file("../node_modules/@react-native/codegen")
-    //   The cli.js file which is the React Native CLI entrypoint. Default is ../node_modules/react-native/cli.js
-    // cliFile = file("../node_modules/react-native/cli.js")
+    //   The root of your project, i.e. where "package.json" lives. Default is '../..'
+    // root = file("../../")
+    //   The folder where the react-native NPM package is. Default is ../../node_modules/react-native
+    // reactNativeDir = file("../../node_modules/react-native")
+    //   The folder where the react-native Codegen package is. Default is ../../node_modules/@react-native/codegen
+    // codegenDir = file("../../node_modules/@react-native/codegen")
+    //   The cli.js file which is the React Native CLI entrypoint. Default is ../../node_modules/react-native/cli.js
+    // cliFile = file("../../node_modules/react-native/cli.js")
 
     /* Variants */
     //   The list of variants to that are debuggable. For those we're going to
@@ -49,6 +49,9 @@ react {
     //
     //   The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
     // hermesFlags = ["-O", "-output-source-map"]
+
+    /* Autolinking */
+    autolinkLibrariesWithApp()
 }
 
 /**
@@ -107,7 +110,6 @@ android {
 dependencies {
     // The version of react-native is set by the React Native Gradle Plugin
     implementation("com.facebook.react:react-android")
-    implementation("com.facebook.react:flipper-integration")
 
     if (hermesEnabled.toBoolean()) {
         implementation("com.facebook.react:hermes-android")
@@ -115,5 +117,3 @@ dependencies {
         implementation jscFlavor
     }
 }
-
-apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)
diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
index 4122f36..e189252 100644
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -8,7 +8,8 @@
       android:icon="@mipmap/ic_launcher"
       android:roundIcon="@mipmap/ic_launcher_round"
       android:allowBackup="false"
-      android:theme="@style/AppTheme">
+      android:theme="@style/AppTheme"
+      android:supportsRtl="true">
       <activity
         android:name=".MainActivity"
         android:label="@string/app_name"
diff --git a/android/app/src/main/java/com/box/MainApplication.kt b/android/app/src/main/java/com/box/MainApplication.kt
index 17ea208..ba2de9c 100644
--- a/android/app/src/main/java/com/box/MainApplication.kt
+++ b/android/app/src/main/java/com/box/MainApplication.kt
@@ -9,7 +9,7 @@ import com.facebook.react.ReactPackage
 import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
 import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
 import com.facebook.react.defaults.DefaultReactNativeHost
-import com.facebook.react.flipper.ReactNativeFlipper
+import com.facebook.react.soloader.OpenSourceMergedSoMapping
 import com.facebook.soloader.SoLoader
 
 class MainApplication : Application(), ReactApplication {
@@ -31,15 +31,14 @@ class MainApplication : Application(), ReactApplication {
       }
 
   override val reactHost: ReactHost
-    get() = getDefaultReactHost(this.applicationContext, reactNativeHost)
+      get() = getDefaultReactHost(applicationContext, reactNativeHost)
 
   override fun onCreate() {
     super.onCreate()
-    SoLoader.init(this, false)
+    SoLoader.init(this, OpenSourceMergedSoMapping)
     if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
       // If you opted-in for the New Architecture, we load the native entry point for this app.
       load()
     }
-    ReactNativeFlipper.initializeFlipper(this, reactNativeHost.reactInstanceManager)
   }
 }
diff --git a/android/build.gradle b/android/build.gradle
index cb9d623..a9ea023 100644
--- a/android/build.gradle
+++ b/android/build.gradle
@@ -1,11 +1,11 @@
 buildscript {
     ext {
-        buildToolsVersion = "34.0.0"
-        minSdkVersion = 21
-        compileSdkVersion = 34
+        buildToolsVersion = "35.0.0"
+        minSdkVersion = 24
+        compileSdkVersion = 35
         targetSdkVersion = 34
-        ndkVersion = "25.1.8937393"
-        kotlinVersion = "1.8.0"
+        ndkVersion = "26.1.10909125"
+        kotlinVersion = "1.9.24"
     }
     repositories {
         google()
diff --git a/android/gradle.properties b/android/gradle.properties
index a46a5b9..99fc223 100644
--- a/android/gradle.properties
+++ b/android/gradle.properties
@@ -34,7 +34,7 @@ reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64
 # your application. You should enable this flag either if you want
 # to write custom TurboModules/Fabric components OR use libraries that
 # are providing them.
-newArchEnabled=false
+newArchEnabled=true
 
 # Use this property to enable or disable the Hermes JS engine.
 # If set to false, you will be using JSC instead.
diff --git a/android/gradle/wrapper/gradle-wrapper.jar b/android/gradle/wrapper/gradle-wrapper.jar
index 7f93135..e644113 100644
Binary files a/android/gradle/wrapper/gradle-wrapper.jar and b/android/gradle/wrapper/gradle-wrapper.jar differ
diff --git a/android/gradle/wrapper/gradle-wrapper.properties b/android/gradle/wrapper/gradle-wrapper.properties
index d11cdd9..79eb9d0 100644
--- a/android/gradle/wrapper/gradle-wrapper.properties
+++ b/android/gradle/wrapper/gradle-wrapper.properties
@@ -1,6 +1,6 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.3-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.10.2-all.zip
 networkTimeout=10000
 validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME
diff --git a/android/gradlew b/android/gradlew
old mode 100644
new mode 100755
index 0adc8e1..f5feea6
--- a/android/gradlew
+++ b/android/gradlew
@@ -15,6 +15,8 @@
 # See the License for the specific language governing permissions and
 # limitations under the License.
 #
+# SPDX-License-Identifier: Apache-2.0
+#
 
 ##############################################################################
 #
@@ -55,7 +57,7 @@
 #       Darwin, MinGW, and NonStop.
 #
 #   (3) This script is generated from the Groovy template
-#       https://github.com/gradle/gradle/blob/HEAD/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
+#       https://github.com/gradle/gradle/blob/HEAD/platforms/jvm/plugins-application/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
 #       within the Gradle project.
 #
 #       You can find Gradle at https://github.com/gradle/gradle/.
@@ -84,7 +86,8 @@ done
 # shellcheck disable=SC2034
 APP_BASE_NAME=${0##*/}
 # Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
-APP_HOME=$( cd "${APP_HOME:-./}" > /dev/null && pwd -P ) || exit
+APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s
+' "$PWD" ) || exit
 
 # Use the maximum available, or set MAX_FD != -1 to use that value.
 MAX_FD=maximum
@@ -145,7 +148,7 @@ if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
     case $MAX_FD in #(
       max*)
         # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
-        # shellcheck disable=SC3045
+        # shellcheck disable=SC2039,SC3045
         MAX_FD=$( ulimit -H -n ) ||
             warn "Could not query maximum file descriptor limit"
     esac
@@ -153,7 +156,7 @@ if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
       '' | soft) :;; #(
       *)
         # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
-        # shellcheck disable=SC3045
+        # shellcheck disable=SC2039,SC3045
         ulimit -n "$MAX_FD" ||
             warn "Could not set maximum file descriptor limit to $MAX_FD"
     esac
@@ -202,11 +205,11 @@ fi
 # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
 DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
 
-# Collect all arguments for the java command;
-#   * $DEFAULT_JVM_OPTS, $JAVA_OPTS, and $GRADLE_OPTS can contain fragments of
-#     shell script including quotes and variable substitutions, so put them in
-#     double quotes to make sure that they get re-expanded; and
-#   * put everything else in single quotes, so that it's not re-expanded.
+# Collect all arguments for the java command:
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
+#     and any embedded shellness will be escaped.
+#   * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be
+#     treated as '${Hostname}' itself on the command line.
 
 set -- \
         "-Dorg.gradle.appname=$APP_BASE_NAME" \
diff --git a/android/gradlew.bat b/android/gradlew.bat
index 93e3f59..9d21a21 100644
--- a/android/gradlew.bat
+++ b/android/gradlew.bat
@@ -13,6 +13,8 @@
 @rem See the License for the specific language governing permissions and
 @rem limitations under the License.
 @rem
+@rem SPDX-License-Identifier: Apache-2.0
+@rem
 
 @if "%DEBUG%"=="" @echo off
 @rem ##########################################################################
@@ -43,11 +45,11 @@ set JAVA_EXE=java.exe
 %JAVA_EXE% -version >NUL 2>&1
 if %ERRORLEVEL% equ 0 goto execute
 
-echo.
-echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
+echo. 1>&2
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
 
 goto fail
 
@@ -57,11 +59,11 @@ set JAVA_EXE=%JAVA_HOME%/bin/java.exe
 
 if exist "%JAVA_EXE%" goto execute
 
-echo.
-echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
+echo. 1>&2
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
 
 goto fail
 
diff --git a/android/settings.gradle b/android/settings.gradle
index 7537243..1ad270e 100644
--- a/android/settings.gradle
+++ b/android/settings.gradle
@@ -1,4 +1,6 @@
+pluginManagement { includeBuild("../node_modules/@react-native/gradle-plugin") }
+plugins { id("com.facebook.react.settings") }
+extensions.configure(com.facebook.react.ReactSettingsExtension){ ex -> ex.autolinkLibrariesFromCommand() }
 rootProject.name = 'box'
-apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
 include ':app'
 includeBuild('../node_modules/@react-native/gradle-plugin')
diff --git a/box.config.js b/box.config.js
new file mode 100644
index 0000000..382ef71
--- /dev/null
+++ b/box.config.js
@@ -0,0 +1,26 @@
+module.exports = {
+  theme: {
+    colors: {
+      primary: '#60A5FA',
+      secondary: '#A78BFA',
+      danger: '#F87171',
+      warning: '#FACC15',
+      success: '#4ADE80',
+      'primary-dark': '#1D4ED8',
+      'secondary-dark': '#6D28D9',
+      'primary-light': '#D7E8FD',
+      'secondary-light': '#DDD6FE',
+      'danger-light': '#F87171',
+      'warning-light': '#FEF08A',
+      'success-light': '#4ADE80',
+    },
+    bg: {
+      dark: '#1D4ED8',
+      light: '#ffffff',
+    },
+    text: {
+      dark: '#ffffff',
+      light: '#1D4ED8',
+    },
+  },
+};
diff --git a/index.js b/index.js
index 8420b10..8e54aab 100644
--- a/index.js
+++ b/index.js
@@ -1 +1,4 @@
-export * from './src';
+import {AppRegistry} from 'react-native';
+import App from './App';
+
+AppRegistry.registerComponent('box', () => App);
diff --git a/ios/Podfile b/ios/Podfile
index c6325f2..73fd781 100644
--- a/ios/Podfile
+++ b/ios/Podfile
@@ -8,17 +8,6 @@ require Pod::Executable.execute_command('node', ['-p',
 platform :ios, min_ios_version_supported
 prepare_react_native_project!
 
-# If you are using a `react-native-flipper` your iOS build will fail when `NO_FLIPPER=1` is set.
-# because `react-native-flipper` depends on (FlipperKit,...) that will be excluded
-#
-# To fix this you can also exclude `react-native-flipper` using a `react-native.config.js`
-# ```js
-# module.exports = {
-#   dependencies: {
-#     ...(process.env.NO_FLIPPER ? { 'react-native-flipper': { platforms: { ios: null } } } : {}),
-# ```
-flipper_config = ENV['NO_FLIPPER'] == "1" ? FlipperConfiguration.disabled : FlipperConfiguration.enabled
-
 linkage = ENV['USE_FRAMEWORKS']
 if linkage != nil
   Pod::UI.puts "Configuring Pod with #{linkage}ally linked Frameworks".green
@@ -30,11 +19,6 @@ target 'box' do
 
   use_react_native!(
     :path => config[:reactNativePath],
-    # Enables Flipper.
-    #
-    # Note that if you have use_frameworks! enabled, Flipper will not work and
-    # you should disable the next line.
-    :flipper_configuration => flipper_config,
     # An absolute path to your application root.
     :app_path => "#{Pod::Config.instance.installation_root}/.."
   )
@@ -49,7 +33,8 @@ target 'box' do
     react_native_post_install(
       installer,
       config[:reactNativePath],
-      :mac_catalyst_enabled => false
+      :mac_catalyst_enabled => false,
+      # :mac_catalyst_enabled => true
     )
   end
 end
diff --git a/ios/box.xcodeproj/project.pbxproj b/ios/box.xcodeproj/project.pbxproj
index 1c44a96..258579c 100644
--- a/ios/box.xcodeproj/project.pbxproj
+++ b/ios/box.xcodeproj/project.pbxproj
@@ -36,6 +36,7 @@
 		13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = box/Images.xcassets; sourceTree = "<group>"; };
 		13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = box/Info.plist; sourceTree = "<group>"; };
 		13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = box/main.m; sourceTree = "<group>"; };
+		13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = PrivacyInfo.xcprivacy; path = RnDiffApp/PrivacyInfo.xcprivacy; sourceTree = "<group>"; };
 		19F6CBCC0A4E27FBF8BF4A61 /* libPods-box-boxTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-box-boxTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		3B4392A12AC88292D35C810B /* Pods-box.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-box.debug.xcconfig"; path = "Target Support Files/Pods-box/Pods-box.debug.xcconfig"; sourceTree = "<group>"; };
 		5709B34CF0A7D63546082F79 /* Pods-box.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-box.release.xcconfig"; path = "Target Support Files/Pods-box/Pods-box.release.xcconfig"; sourceTree = "<group>"; };
@@ -92,6 +93,7 @@
 				13B07FB61A68108700A75B9A /* Info.plist */,
 				81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */,
 				13B07FB71A68108700A75B9A /* main.m */,
+				13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */,
 			);
 			name = box;
 			sourceTree = "<group>";
@@ -263,7 +265,7 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "set -e\n\nWITH_ENVIRONMENT=\"../node_modules/react-native/scripts/xcode/with-environment.sh\"\nREACT_NATIVE_XCODE=\"../node_modules/react-native/scripts/react-native-xcode.sh\"\n\n/bin/sh -c \"$WITH_ENVIRONMENT $REACT_NATIVE_XCODE\"\n";
+			shellScript = "set -e\n\nWITH_ENVIRONMENT=\"$REACT_NATIVE_PATH/scripts/xcode/with-environment.sh\"\nREACT_NATIVE_XCODE=\"$REACT_NATIVE_PATH/scripts/react-native-xcode.sh\"\n\n/bin/sh -c \"$WITH_ENVIRONMENT $REACT_NATIVE_XCODE\"\n";
 		};
 		00EEFC60759A1932668264C0 /* [CP] Embed Pods Frameworks */ = {
 			isa = PBXShellScriptBuildPhase;
@@ -418,7 +420,7 @@
 					"$(inherited)",
 				);
 				INFOPLIST_FILE = boxTests/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 13.4;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
@@ -442,7 +444,7 @@
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				COPY_PHASE_STRIP = NO;
 				INFOPLIST_FILE = boxTests/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 13.4;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
@@ -468,6 +470,7 @@
 				CURRENT_PROJECT_VERSION = 1;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = box/Info.plist;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
@@ -494,6 +497,7 @@
 				CLANG_ENABLE_MODULES = YES;
 				CURRENT_PROJECT_VERSION = 1;
 				INFOPLIST_FILE = box/Info.plist;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
@@ -560,7 +564,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 13.4;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
 				LD_RUNPATH_SEARCH_PATHS = (
 					/usr/lib/swift,
 					"$(inherited)",
@@ -578,6 +582,7 @@
 					"-DFOLLY_MOBILE=1",
 					"-DFOLLY_USE_LIBCPP=1",
 					"-DFOLLY_CFG_NO_COROUTINES=1",
+					"-DFOLLY_HAVE_CLOCK_GETTIME=1",
 				);
 				SDKROOT = iphoneos;
 			};
@@ -625,7 +630,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 13.4;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
 				LD_RUNPATH_SEARCH_PATHS = (
 					/usr/lib/swift,
 					"$(inherited)",
@@ -642,6 +647,7 @@
 					"-DFOLLY_MOBILE=1",
 					"-DFOLLY_USE_LIBCPP=1",
 					"-DFOLLY_CFG_NO_COROUTINES=1",
+					"-DFOLLY_HAVE_CLOCK_GETTIME=1",
 				);
 				SDKROOT = iphoneos;
 				VALIDATE_PRODUCT = YES;
diff --git a/ios/box/AppDelegate.mm b/ios/box/AppDelegate.mm
index ac4af7b..2b259bc 100644
--- a/ios/box/AppDelegate.mm
+++ b/ios/box/AppDelegate.mm
@@ -16,10 +16,10 @@ - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(
 
 - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
 {
-  return [self getBundleURL];
+  return [self bundleURL];
 }
 
-- (NSURL *)getBundleURL
+- (NSURL *)bundleURL
 {
 #if DEBUG
   return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index"];
diff --git a/ios/box/Info.plist b/ios/box/Info.plist
index 47a0dcf..8e01591 100644
--- a/ios/box/Info.plist
+++ b/ios/box/Info.plist
@@ -38,7 +38,7 @@
 	<string>LaunchScreen</string>
 	<key>UIRequiredDeviceCapabilities</key>
 	<array>
-		<string>armv7</string>
+		<string>arm64</string>
 	</array>
 	<key>UISupportedInterfaceOrientations</key>
 	<array>
diff --git a/ios/box/PrivacyInfo.xcprivacy b/ios/box/PrivacyInfo.xcprivacy
new file mode 100644
index 0000000..06e8c40
--- /dev/null
+++ b/ios/box/PrivacyInfo.xcprivacy
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>NSPrivacyAccessedAPITypes</key>
+	<array>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategoryFileTimestamp</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>C617.1</string>
+			</array>
+		</dict>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategoryUserDefaults</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>CA92.1</string>
+			</array>
+		</dict>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategorySystemBootTime</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>35F9.1</string>
+			</array>
+		</dict>
+	</array>
+	<key>NSPrivacyCollectedDataTypes</key>
+	<array/>
+	<key>NSPrivacyTracking</key>
+	<false/>
+</dict>
+</plist>
\ No newline at end of file
diff --git a/metro.config.js b/metro.config.js
index ad8f87b..9d41685 100644
--- a/metro.config.js
+++ b/metro.config.js
@@ -2,7 +2,7 @@ const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');
 
 /**
  * Metro configuration
- * https://facebook.github.io/metro/docs/configuration
+ * https://reactnative.dev/docs/metro
  *
  * @type {import('metro-config').MetroConfig}
  */
diff --git a/package.json b/package.json
index 1405426..7ed60ec 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "react-native-components",
+  "name": "box",
   "version": "0.0.1",
   "scripts": {
     "android": "react-native run-android",
@@ -9,24 +9,29 @@
     "test": "jest"
   },
   "dependencies": {
-    "react": "18.2.0",
-    "react-native": "0.73.6"
+    "@d11/react-native-fast-image": "^8.6.12",
+    "react": "18.3.1",
+    "react-native": "0.76.1",
+    "react-native-svg": "^15.8.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@babel/preset-env": "^7.20.0",
-    "@babel/runtime": "^7.20.0",
-    "@react-native/babel-preset": "0.73.21",
-    "@react-native/eslint-config": "0.73.2",
-    "@react-native/metro-config": "0.73.5",
-    "@react-native/typescript-config": "0.73.1",
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/runtime": "^7.25.0",
+    "@react-native-community/cli": "15.0.0",
+    "@react-native-community/cli-platform-android": "15.0.0",
+    "@react-native-community/cli-platform-ios": "15.0.0",
+    "@react-native/babel-preset": "0.76.1",
+    "@react-native/eslint-config": "0.76.1",
+    "@react-native/metro-config": "0.76.1",
+    "@react-native/typescript-config": "0.76.1",
     "@types/react": "^18.2.6",
     "@types/react-test-renderer": "^18.0.0",
     "babel-jest": "^29.6.3",
     "eslint": "^8.19.0",
     "jest": "^29.6.3",
     "prettier": "2.8.8",
-    "react-test-renderer": "18.2.0",
+    "react-test-renderer": "18.0.0",
     "typescript": "5.0.4"
   },
   "engines": {
diff --git a/src/animations/useAnimationPlaceholder.tsx b/src/animations/useAnimationPlaceholder.tsx
new file mode 100644
index 0000000..c958ea4
--- /dev/null
+++ b/src/animations/useAnimationPlaceholder.tsx
@@ -0,0 +1,72 @@
+import {useRef, useEffect} from 'react';
+import {Animated} from 'react-native';
+
+interface Props {
+  fromValue?: number;
+  toValue?: number;
+  duration?: number;
+  useNativeDriver?: boolean;
+  animationType?: 'shine' | 'opacity';
+  disableAnimation?: boolean;
+}
+
+const useAnimationPlaceholder = ({
+  fromValue = 0,
+  toValue = 100,
+  duration = 750,
+  useNativeDriver = true,
+  animationType = 'opacity',
+  disableAnimation = false,
+}: Props) => {
+  const animationValue = useRef(new Animated.Value(fromValue)).current;
+
+  useEffect(() => {
+    const animations = {
+      opacity: [
+        Animated.timing(animationValue, {
+          toValue,
+          duration,
+          useNativeDriver,
+        }),
+        Animated.timing(animationValue, {
+          toValue: fromValue,
+          duration,
+          useNativeDriver,
+        }),
+      ],
+      shine: [
+        Animated.timing(animationValue, {
+          toValue: toValue,
+          duration,
+          useNativeDriver,
+        }),
+      ],
+    };
+    const animation = Animated.loop(
+      Animated.sequence(animations[animationType]),
+    );
+    if (!disableAnimation) {
+      animation.start();
+    }
+    return () => {
+      animation.stop();
+    };
+  }, [disableAnimation]);
+
+  if (animationType === 'opacity') {
+    return {
+      opacity: animationValue.interpolate({
+        inputRange: [0, 100],
+        outputRange: [0, 1],
+      }),
+    };
+  }
+  const left = animationValue.interpolate({
+    inputRange: [0, 100],
+    outputRange: ['0%', '75%'],
+  });
+
+  return {left};
+};
+
+export default useAnimationPlaceholder;
diff --git a/src/atomic/atoms/Box.tsx b/src/atomic/atoms/Box.tsx
new file mode 100644
index 0000000..782af14
--- /dev/null
+++ b/src/atomic/atoms/Box.tsx
@@ -0,0 +1,57 @@
+import {
+  ImageBackground,
+  ImageBackgroundProps,
+  TextInput,
+  TextInputProps,
+  Text,
+  TextProps,
+  View,
+  ViewProps,
+  TouchableOpacityProps,
+  TouchableOpacity,
+  TouchableHighlightProps,
+  TouchableHighlight,
+  TouchableNativeFeedbackProps,
+  TouchableNativeFeedback,
+  TouchableWithoutFeedbackProps,
+  TouchableWithoutFeedback,
+  PressableProps,
+  Pressable,
+  Animated,
+} from 'react-native';
+import {withButtonBox, withElementBox} from '../../hoc';
+
+export const Box = withElementBox<ViewProps, View>(View);
+export const AnimationBox = withElementBox<ViewProps, typeof Animated.View>(
+  Animated.View,
+);
+export const TextBox = withElementBox<TextProps, Text>(Text);
+export const TextInputBoxBase = withElementBox<TextInputProps, TextInput>(
+  TextInput,
+);
+export const ImageBackgroundBox = withElementBox<
+  ImageBackgroundProps,
+  ImageBackground
+>(ImageBackground);
+
+export const ButtonBox = withButtonBox<
+  TouchableOpacityProps,
+  typeof TouchableOpacity
+>(TouchableOpacity);
+
+export const ButtonHighlightBox = withButtonBox<
+  TouchableHighlightProps,
+  typeof TouchableHighlight
+>(TouchableHighlight);
+
+export const ButtonNativeFeedbackBox = withButtonBox<
+  TouchableNativeFeedbackProps,
+  TouchableNativeFeedback
+>(TouchableNativeFeedback);
+
+export const ButtonWithoutFeedbackBox = withButtonBox<
+  TouchableWithoutFeedbackProps,
+  TouchableWithoutFeedback
+>(TouchableWithoutFeedback);
+
+export const PressableBox = withButtonBox<PressableProps, View>(Pressable);
diff --git a/src/atomic/atoms/Icons.tsx b/src/atomic/atoms/Icons.tsx
new file mode 100644
index 0000000..9361626
--- /dev/null
+++ b/src/atomic/atoms/Icons.tsx
@@ -0,0 +1,115 @@
+import React from 'react';
+import {Path, SvgProps} from 'react-native-svg';
+import {SvgProvider} from '../../provider';
+
+export const ArrowDown = ({
+  ...props
+}: SvgProps & {
+  width?: number;
+}) => {
+  return (
+    <SvgProvider {...props} originalHeight={14}>
+      <Path
+        clipRule="evenodd"
+        fillRule="evenodd"
+        d="M23.0631 0.451798C22.4773 -0.150273 21.5276 -0.150273 20.9418 0.451798L12.0024 9.63966L3.0631 0.451797C2.47732 -0.150274 1.52757 -0.150274 0.941782 0.451797C0.355995 1.05387 0.355995 2.03002 0.941782 2.63209L12.0024 14.0002L23.0631 2.63209C23.6489 2.03002 23.6489 1.05387 23.0631 0.451798Z"
+      />
+    </SvgProvider>
+  );
+};
+
+export const ArrowLeft = ({
+  ...props
+}: SvgProps & {
+  width?: number;
+}) => {
+  return (
+    <SvgProvider {...props} originalHeight={24} originalWidth={14}>
+      <Path
+        clipRule="evenodd"
+        fillRule="evenodd"
+        d="M13.5484 0.458442C14.1505 1.0697 14.1505 2.06074 13.5484 2.67199L4.36059 12L13.5484 21.328C14.1505 21.9393 14.1505 22.9303 13.5484 23.5416C12.9464 24.1528 11.9702 24.1528 11.3682 23.5416L0 12L11.3682 0.458442C11.9702 -0.152814 12.9464 -0.152814 13.5484 0.458442Z"
+      />
+    </SvgProvider>
+  );
+};
+
+export const ArrowRight = ({
+  ...props
+}: SvgProps & {
+  width?: number;
+}) => {
+  return (
+    <SvgProvider {...props} originalHeight={24} originalWidth={14}>
+      <Path
+        clipRule="evenodd"
+        fillRule="evenodd"
+        d="M0.451553 0.458442C-0.150518 1.0697 -0.150518 2.06074 0.451553 2.67199L9.63941 12L0.451553 21.328C-0.150518 21.9393 -0.150518 22.9303 0.451553 23.5416C1.05363 24.1528 2.02978 24.1528 2.63185 23.5416L14 12L2.63185 0.458442C2.02978 -0.152814 1.05363 -0.152814 0.451553 0.458442Z"
+      />
+    </SvgProvider>
+  );
+};
+
+export const ArrowUp = ({
+  ...props
+}: SvgProps & {
+  width?: number;
+}) => {
+  return (
+    <SvgProvider {...props} originalHeight={14}>
+      <Path
+        clipRule="evenodd"
+        fillRule="evenodd"
+        d="M23.5416 13.5484C22.9303 14.1505 21.9393 14.1505 21.328 13.5484L12 4.36059L2.67199 13.5484C2.06074 14.1505 1.0697 14.1505 0.458442 13.5484C-0.152814 12.9464 -0.152814 11.9702 0.458442 11.3682L12 0L23.5416 11.3682C24.1528 11.9702 24.1528 12.9464 23.5416 13.5484Z"
+      />
+    </SvgProvider>
+  );
+};
+
+export const IconClose = ({
+  ...props
+}: SvgProps & {
+  width?: number;
+}) => {
+  return (
+    <SvgProvider {...props} originalHeight={21} originalWidth={21}>
+      <Path
+        clipRule="evenodd"
+        fillRule="evenodd"
+        d="M18.9432 0.939584C19.529 0.353798 20.4788 0.353798 21.0646 0.939584C21.6504 1.52537 21.6504 2.47512 21.0646 3.0609L13.1252 11.0002L21.0646 18.9396C21.6504 19.5254 21.6504 20.4751 21.0646 21.0609C20.4788 21.6467 19.529 21.6467 18.9432 21.0609L11.0039 13.1216L3.06457 21.0609C2.47878 21.6467 1.52903 21.6467 0.943247 21.0609C0.35746 20.4751 0.35746 19.5254 0.943247 18.9396L8.88259 11.0002L0.943246 3.0609C0.35746 2.47512 0.35746 1.52537 0.943246 0.939585C1.52903 0.353798 2.47878 0.353798 3.06457 0.939585L11.0039 8.87892L18.9432 0.939584Z"
+      />
+    </SvgProvider>
+  );
+};
+
+export const IconSearch = ({
+  ...props
+}: SvgProps & {
+  width?: number;
+}) => {
+  return (
+    <SvgProvider {...props} originalHeight={23} originalWidth={23}>
+      <Path
+        clipRule="evenodd"
+        fillRule="evenodd"
+        d="M9.6405 0.5C4.59625 0.5 0.5 4.55659 0.5 9.56934C0.5 14.5821 4.59625 18.6387 9.6405 18.6387C11.5211 18.6387 13.2705 18.0746 14.7244 17.1075L20.6875 23.0214C21.3309 23.6595 22.3724 23.6595 23.0157 23.0214C23.6614 22.3811 23.6614 21.3411 23.0157 20.7007L17.0908 14.8247C18.1547 13.3423 18.781 11.528 18.781 9.56934C18.781 4.55659 14.6848 0.5 9.6405 0.5ZM3.79675 9.56934C3.79675 6.37467 6.40918 3.77783 9.6405 3.77783C12.8718 3.77783 15.4843 6.37467 15.4843 9.56934C15.4843 12.764 12.8718 15.3608 9.6405 15.3608C6.40918 15.3608 3.79675 12.764 3.79675 9.56934Z"
+      />
+    </SvgProvider>
+  );
+};
+
+export const Tick = ({
+  ...props
+}: SvgProps & {
+  width?: number;
+}) => {
+  return (
+    <SvgProvider {...props} originalHeight={17}>
+      <Path
+        clipRule="evenodd"
+        fillRule="evenodd"
+        d="M23.5127 0.602108C24.1761 1.27861 24.1663 2.36564 23.4908 3.03005L9.19871 17.0883L0.516979 8.54862C-0.158495 7.8842 -0.168274 6.79717 0.495138 6.12067C1.15855 5.44417 2.24393 5.43438 2.91941 6.0988L9.19871 12.2753L21.0884 0.580234C21.7639 -0.0841842 22.8493 -0.0743912 23.5127 0.602108Z"
+      />
+    </SvgProvider>
+  );
+};
diff --git a/src/atomic/atoms/ImageBox.tsx b/src/atomic/atoms/ImageBox.tsx
new file mode 100644
index 0000000..4f3142c
--- /dev/null
+++ b/src/atomic/atoms/ImageBox.tsx
@@ -0,0 +1,43 @@
+import React from 'react';
+import {Image} from 'react-native';
+import {useClassName} from '../../hook';
+import {ImageBoxProps, ImageModuleType} from '../../model';
+import {classNames, isNumber} from '../../utils';
+import useLoadModuleFastImage from '../../hook/useLoadModuleFastImage';
+import {SvgUri} from 'react-native-svg';
+import {Box} from './Box';
+
+export function ImageBox({
+  className,
+  imageModuleType = ImageModuleType.Image,
+  source,
+  style,
+  resizeMode = 'contain',
+}: ImageBoxProps) {
+  const stylesCustom = useClassName(classNames('w-full h-full', className));
+  const FastImage: any = useLoadModuleFastImage(imageModuleType);
+
+  if (
+    imageModuleType === ImageModuleType.SvgUri &&
+    !isNumber(source) &&
+    !Array.isArray(source) &&
+    source?.uri
+  ) {
+    return (
+      <Box style={[stylesCustom, style]}>
+        <SvgUri uri={source?.uri} />
+      </Box>
+    );
+  }
+
+  const ImageModule = FastImage || Image;
+
+  return (
+    <ImageModule
+      style={[stylesCustom, style]}
+      source={source}
+      resizeMode={resizeMode}
+    />
+  );
+}
+export default ImageBox;
diff --git a/src/atomic/atoms/PanResponderBox.tsx b/src/atomic/atoms/PanResponderBox.tsx
new file mode 100644
index 0000000..69c37aa
--- /dev/null
+++ b/src/atomic/atoms/PanResponderBox.tsx
@@ -0,0 +1,112 @@
+import React, {useRef} from 'react';
+import {Box} from '..';
+import {
+  GestureResponderEvent,
+  PanResponder,
+  PanResponderGestureState,
+  ViewProps,
+} from 'react-native';
+import {insertObjectIf} from '../../utils';
+
+const swipeConfig = {
+  velocityThreshold: 0.3,
+  directionalOffsetThreshold: 80,
+  gestureIsClickThreshold: 5,
+};
+
+type SwipeDirectionType =
+  | 'SWIPE_LEFT'
+  | 'SWIPE_RIGHT'
+  | 'SWIPE_UP'
+  | 'SWIPE_DOWN';
+
+export interface PanResponderBoxProps extends ViewProps {
+  enableResponderMove?: boolean;
+  className?: string;
+  onSwipe?: (type: SwipeDirectionType, value: PanResponderGestureState) => void;
+  onSwipeLeft?: (value: PanResponderGestureState) => void;
+  onSwipeRight?: (value: PanResponderGestureState) => void;
+  onSwipeUp?: (value: PanResponderGestureState) => void;
+  onSwipeDown?: (value: PanResponderGestureState) => void;
+}
+
+const PanResponderBox = ({
+  enableResponderMove = false,
+  onSwipe,
+  onSwipeUp,
+  onSwipeDown,
+  onSwipeLeft,
+  onSwipeRight,
+  ...rest
+}: PanResponderBoxProps) => {
+  const handleShouldSetPanResponder = (
+    evt: GestureResponderEvent,
+    gestureState: PanResponderGestureState,
+  ) => {
+    return (
+      evt.nativeEvent.touches.length === 1 &&
+      Math.abs(gestureState.dx) < swipeConfig.gestureIsClickThreshold &&
+      Math.abs(gestureState.dy) < swipeConfig.gestureIsClickThreshold
+    );
+  };
+
+  const onPanResponderEnd = (
+    _: GestureResponderEvent,
+    gestureState: PanResponderGestureState,
+  ) => {
+    const swipeDirection = getSwipeDirection(gestureState);
+    if (swipeDirection) {
+      onSwipe && onSwipe(getSwipeDirection(gestureState)!, gestureState);
+      switch (getSwipeDirection(gestureState)) {
+        case 'SWIPE_LEFT':
+          onSwipeLeft && onSwipeLeft(gestureState);
+          break;
+        case 'SWIPE_RIGHT':
+          onSwipeRight && onSwipeRight(gestureState);
+          break;
+        case 'SWIPE_UP':
+          onSwipeUp && onSwipeUp(gestureState);
+          break;
+        case 'SWIPE_DOWN':
+          onSwipeDown && onSwipeDown(gestureState);
+          break;
+        default:
+          break;
+      }
+    }
+  };
+
+  const getSwipeDirection = (
+    gestureState: PanResponderGestureState,
+  ): SwipeDirectionType | null => {
+    const {dx, dy, vx} = gestureState;
+    if (isValidSwipe(vx, dy)) {
+      return dx > 0 ? 'SWIPE_RIGHT' : 'SWIPE_LEFT';
+    }
+    if (isValidSwipe(vx, dx)) {
+      return dy > 0 ? 'SWIPE_DOWN' : 'SWIPE_UP';
+    }
+    return null;
+  };
+
+  function isValidSwipe(velocity: number, directionalOffset: number) {
+    return (
+      Math.abs(velocity) > swipeConfig.velocityThreshold &&
+      Math.abs(directionalOffset) < swipeConfig.directionalOffsetThreshold
+    );
+  }
+
+  const panResponder = useRef(
+    PanResponder.create({
+      onStartShouldSetPanResponder: handleShouldSetPanResponder,
+      onMoveShouldSetPanResponder: handleShouldSetPanResponder,
+      onPanResponderRelease: onPanResponderEnd,
+      ...insertObjectIf(enableResponderMove, {
+        onPanResponderMove: onPanResponderEnd,
+      }),
+    }),
+  ).current;
+  return <Box {...rest} {...panResponder.panHandlers} />;
+};
+
+export default PanResponderBox;
diff --git a/src/atomic/atoms/Placeholder.tsx b/src/atomic/atoms/Placeholder.tsx
new file mode 100644
index 0000000..b42b1a2
--- /dev/null
+++ b/src/atomic/atoms/Placeholder.tsx
@@ -0,0 +1,63 @@
+import React, {useMemo} from 'react';
+import {AnimationBox} from './Box';
+import {classNames, randomIndex} from '../../utils';
+import {PlaceholderProps} from '../../model';
+import useAnimationPlaceholder from '../../animations/useAnimationPlaceholder';
+
+const styled = {
+  line: 'h-3',
+  media: 'w-12 h-12',
+};
+
+const widthRatios = [
+  'w-full',
+  'w-1/2',
+  'w-1/3',
+  'w-2/3',
+  'w-1/4',
+  'w-3/4',
+  'w-1/5',
+  'w-2/5',
+  'w-3/5',
+  'w-4/5',
+];
+
+export const Placeholder = ({
+  className,
+  placeholderType = 'line',
+  randomWidth,
+  animationType = 'opacity',
+  disableAnimation = false,
+  classShine,
+  children,
+}: PlaceholderProps) => {
+  const animationStyled = useAnimationPlaceholder({
+    animationType,
+    useNativeDriver: animationType !== 'shine',
+    disableAnimation,
+    fromValue: disableAnimation ? 100 : 0,
+  });
+  const classWidthRandom = useMemo(
+    () => (randomWidth ? widthRatios[randomIndex(widthRatios.length)] : ''),
+    [randomWidth],
+  );
+
+  return (
+    <AnimationBox
+      style={animationType === 'opacity' ? animationStyled : undefined}
+      className={classNames(
+        'w-full bg-gray-400 relative',
+        placeholderType !== 'none' ? styled[placeholderType] : '',
+        classWidthRandom,
+        className,
+      )}>
+      {animationType === 'shine' && (
+        <AnimationBox
+          style={animationStyled}
+          className={classNames('bg-white h-full w-1/4 opacity-40', classShine)}
+        />
+      )}
+      {children}
+    </AnimationBox>
+  );
+};
diff --git a/src/atomic/atoms/index.ts b/src/atomic/atoms/index.ts
new file mode 100644
index 0000000..8d4f56d
--- /dev/null
+++ b/src/atomic/atoms/index.ts
@@ -0,0 +1,5 @@
+export * from './Box';
+export * from './Icons';
+export * from './ImageBox';
+export * from './Placeholder';
+export {default as PanResponderBox} from './PanResponderBox';
diff --git a/src/atomic/index.ts b/src/atomic/index.ts
new file mode 100644
index 0000000..ea59551
--- /dev/null
+++ b/src/atomic/index.ts
@@ -0,0 +1,3 @@
+export * from './atoms';
+export * from './molecules';
+export * from './organisms';
diff --git a/src/atomic/molecules/CalendarItemBox.tsx b/src/atomic/molecules/CalendarItemBox.tsx
new file mode 100644
index 0000000..626cea6
--- /dev/null
+++ b/src/atomic/molecules/CalendarItemBox.tsx
@@ -0,0 +1,192 @@
+import React, {memo, ReactNode, useMemo} from 'react';
+import {Box, ButtonBox} from '..';
+import {
+  DayItemType,
+  MonthOfYearType,
+  SelectedDateItemType,
+  SelectedDateType,
+} from '../../model';
+import {classNames} from '../../utils';
+
+interface ListDateItemBoxProps {
+  item: MonthOfYearType;
+  widthDay: number;
+  classToday?: string;
+  classTextToday?: string;
+  classSelected?: string;
+  classTextSelected?: string;
+  classDay?: string;
+  classTextDay?: string;
+  classExtraDay?: string;
+  classTextExtraDay?: string;
+  selectedDates?: SelectedDateType;
+  enableSpecialStyleExtraDays?: boolean;
+  disablePressExtraDays?: boolean;
+  hideExtraDays?: boolean;
+  onChangeDate?: (date: {
+    year: number;
+    month: number;
+    day: number;
+    dateString: string;
+  }) => void;
+  renderDate?: (params: {
+    date: DayItemType;
+    dot?: boolean;
+    classDot?: string;
+    classBox: string;
+    classText: string;
+  }) => ReactNode;
+}
+
+const ListDateItemBox = memo((props: ListDateItemBoxProps) => {
+  const {widthDay, item, selectedDates, hideExtraDays, onChangeDate, ...rest} =
+    props;
+  const {days, year, month} = item;
+  return (
+    <Box className="row flex-wrap row-gap-1 w-full">
+      {days.map(item => (
+        <DateItem
+          month={month}
+          year={year}
+          key={item.dateString}
+          item={item}
+          height={widthDay}
+          width={widthDay}
+          selected={selectedDates?.[item.dateString]}
+          onPressDay={onChangeDate}
+          {...rest}
+        />
+      ))}
+    </Box>
+  );
+});
+
+export default ListDateItemBox;
+
+interface DateItemProps {
+  width: number;
+  height: number;
+  year: number;
+  month: number;
+  item: DayItemType;
+  classToday?: string;
+  classTextToday?: string;
+  classSelected?: string;
+  classTextSelected?: string;
+  classDay?: string;
+  classTextDay?: string;
+  classExtraDay?: string;
+  classTextExtraDay?: string;
+  selected?: SelectedDateItemType;
+  enableSpecialStyleExtraDays?: boolean;
+  disablePressExtraDays?: boolean;
+  hideExtraDays?: boolean;
+  onPressDay?: (date: {
+    year: number;
+    month: number;
+    day: number;
+    dateString: string;
+  }) => void;
+  renderDate?: (params: {
+    date: DayItemType;
+    dot?: boolean;
+    classDot?: string;
+    classBox: string;
+    classText: string;
+  }) => ReactNode;
+}
+
+const DateItem = React.memo((props: DateItemProps) => {
+  const {
+    width,
+    height,
+    month,
+    year,
+    item,
+    classDay,
+    classTextDay,
+    classSelected,
+    classTextSelected,
+    classToday,
+    classTextToday,
+    classExtraDay,
+    classTextExtraDay,
+    selected,
+    enableSpecialStyleExtraDays,
+    disablePressExtraDays,
+    hideExtraDays,
+    renderDate,
+    onPressDay,
+  } = props;
+
+  const classBox = useMemo(() => {
+    if (item.isExtraDay && !enableSpecialStyleExtraDays) {
+      return classNames('items-center justify-center', classExtraDay);
+    }
+    return classNames(
+      'items-center justify-center',
+      classDay,
+      item.isToday ? classToday : '',
+      selected
+        ? selected.classBox || classSelected || 'border border-primary'
+        : '',
+    );
+  }, [item, selected, classDay, classToday, enableSpecialStyleExtraDays]);
+
+  const classText = useMemo(() => {
+    if (item.isExtraDay && !enableSpecialStyleExtraDays) {
+      return classNames(
+        'text-md text-center w-full text-gray-400',
+        classTextExtraDay,
+      );
+    }
+    return classNames(
+      'text-md text-center w-full',
+      classTextDay,
+      item.isToday && selected
+        ? 'text-black'
+        : item.isToday
+        ? 'text-primary'
+        : '',
+      item.isToday ? classTextToday : '',
+      selected ? selected.classText || classTextSelected : '',
+    );
+  }, [
+    selected,
+    item,
+    classTextSelected,
+    classTextDay,
+    classTextToday,
+    enableSpecialStyleExtraDays,
+  ]);
+
+  if (renderDate) {
+    return renderDate({
+      date: item,
+      classBox,
+      classText,
+      dot: selected?.dot,
+      classDot: selected?.classDot,
+    });
+  }
+
+  return (
+    <ButtonBox
+      key={item.dateString}
+      style={{width, height}}
+      disabled={disablePressExtraDays && item.isExtraDay}
+      className={classBox}
+      title={hideExtraDays && item.isExtraDay ? '' : item.day.toString()}
+      classText={classText}
+      onPress={() => onPressDay && onPressDay({year, month, ...item})}>
+      {selected && selected?.dot && (
+        <Box
+          className={classNames(
+            'w-1 h-1 bg-primary rounded-full absolute top-2',
+            selected.classDot,
+          )}
+        />
+      )}
+    </ButtonBox>
+  );
+});
diff --git a/src/atomic/molecules/Checkbox.tsx b/src/atomic/molecules/Checkbox.tsx
new file mode 100644
index 0000000..25ac979
--- /dev/null
+++ b/src/atomic/molecules/Checkbox.tsx
@@ -0,0 +1,80 @@
+import React, {useMemo} from 'react';
+import {CheckboxProps} from '../../model';
+import {useVarianCheckbox} from '../../hook';
+import {Box, ButtonBox, TextBox, Tick} from '..';
+import {classNames} from '../../utils';
+
+export function Checkbox<ItemT = any>(props: CheckboxProps<ItemT>) {
+  const {
+    className,
+    size,
+    label,
+    checked,
+    iconSize,
+    classNameLabel,
+    classNameBox,
+    classNameStatus,
+    iconColor,
+    delayDebounce,
+    enableDebounce,
+    value,
+    varian,
+    iconChecked,
+    renderIconChecked,
+    onChange,
+  } = props;
+  const classCustom = useVarianCheckbox({varian});
+  const width = useMemo(
+    () => (iconSize ? iconSize : size ? size * 0.5 : 12),
+    [size, iconSize],
+  );
+
+  const renderChecked = () => {
+    if (renderIconChecked) {
+      return renderIconChecked(checked ?? false);
+    }
+
+    if (!checked) {
+      return null;
+    }
+
+    if (iconChecked) {
+      return iconChecked;
+    }
+    return (
+      <Tick
+        width={width}
+        height={width}
+        fill={iconColor ?? classCustom.iconColor}
+      />
+    );
+  };
+
+  const colorChecked = classNameStatus?.checked || classCustom.checked;
+  const colorUnchecked =
+    classNameStatus?.unchecked || 'border-2 border-gray-400';
+
+  return (
+    <ButtonBox
+      enableDebounce={enableDebounce}
+      delayDebounce={delayDebounce}
+      onPress={() => {
+        onChange && onChange(value);
+      }}
+      className={classNames('row-center gap-2', className)}>
+      <Box
+        className={classNames(
+          'rounded center',
+          size ? `w-[${size}] h-[${size}]` : 'w-6 h-6',
+          checked ? colorChecked : colorUnchecked,
+          classNameBox,
+        )}>
+        {renderChecked()}
+      </Box>
+      <TextBox
+        className={classNames('text-black font-semibold', classNameLabel)}>
+        {label}
+      </TextBox>
+    </ButtonBox>
+  );
+}
diff --git a/src/atomic/molecules/PlaceholderCard.tsx b/src/atomic/molecules/PlaceholderCard.tsx
new file mode 100644
index 0000000..3221586
--- /dev/null
+++ b/src/atomic/molecules/PlaceholderCard.tsx
@@ -0,0 +1,47 @@
+import React from 'react';
+import {classNames} from '../../utils';
+import {AnimationPlaceholderType, PlaceholderBaseProps} from '../../model';
+import {PlaceholderBox} from '../organisms';
+import {Placeholder} from '../atoms';
+
+const PlaceholderCard = ({
+  classCard,
+  classMedia,
+  classLine,
+  numberLine = 2,
+  animationType = 'opacity',
+  classContainerLine,
+  randomWidth = false,
+  halfWidth = true,
+  classShine,
+}: PlaceholderBaseProps & AnimationPlaceholderType) => {
+  return (
+    <Placeholder
+      animationType={animationType}
+      className={classNames(
+        'row h-auto item-start gap-3 bg-transparent',
+        classCard,
+      )}
+      classShine={classShine}>
+      <Placeholder
+        disableAnimation
+        placeholderType="media"
+        className={classMedia}
+      />
+      <PlaceholderBox
+        disableAnimation
+        placeholderType="line"
+        length={numberLine}
+        placeholderItem={{
+          halfWidth,
+          numberLine,
+          classLine,
+          randomWidth,
+        }}
+        classContainer={classNames('flex-1', classContainerLine)}
+      />
+    </Placeholder>
+  );
+};
+
+export default PlaceholderCard;
diff --git a/src/atomic/molecules/ProgressBar.tsx b/src/atomic/molecules/ProgressBar.tsx
new file mode 100644
index 0000000..1ecfa5f
--- /dev/null
+++ b/src/atomic/molecules/ProgressBar.tsx
@@ -0,0 +1,69 @@
+import React from 'react';
+import {
+  Box,
+  classNames,
+  ProgressBarProps,
+  TextBox,
+  useClassName,
+  useVarianColor,
+} from '../..';
+import {Animated} from 'react-native';
+import useAnimationProgress from '../../hook/useAnimationProgress';
+
+export const ProgressBar = ({
+  value = 0,
+  varian = 'primary',
+  label,
+  classBox,
+  className,
+  classLabel,
+  classProgress,
+  showLabel,
+  renderLabel,
+  ...rest
+}: ProgressBarProps) => {
+  const progress = useAnimationProgress({
+    toValue: value,
+    useNativeDriver: false,
+  });
+
+  const classVarian = useVarianColor({varian});
+  const stylesProgress = useClassName(
+    classNames('h-2 rounded', classVarian.bg, classProgress),
+  );
+
+  const renderCustomLabel = () => {
+    if (renderLabel) {
+      return renderLabel(value);
+    }
+    return (
+      <TextBox
+        className={classNames(
+          'text-sm text-right',
+          classVarian.text,
+          classLabel,
+        )}>
+        {label ?? `${value}%`}
+      </TextBox>
+    );
+  };
+
+  return (
+    <Box className={classNames('column gap-1', classBox)} {...rest}>
+      {showLabel && renderCustomLabel()}
+      <Box className={classNames('h-2 bg-gray-400 rounded', className)}>
+        <Animated.View
+          style={[
+            stylesProgress,
+            {
+              width: progress.interpolate({
+                inputRange: [0, value],
+                outputRange: ['0%', `${value}%`],
+              }),
+            },
+          ]}
+        />
+      </Box>
+    </Box>
+  );
+};
diff --git a/src/atomic/molecules/ProgressCircle.tsx b/src/atomic/molecules/ProgressCircle.tsx
new file mode 100644
index 0000000..02752ca
--- /dev/null
+++ b/src/atomic/molecules/ProgressCircle.tsx
@@ -0,0 +1,93 @@
+import React from 'react';
+import {
+  classNames,
+  ProgressCircleProps,
+  TextBox,
+  useCircleSpecs,
+  useVarianColor,
+  Box,
+} from '../..';
+import {Animated} from 'react-native';
+import {Circle, G, Svg} from 'react-native-svg';
+import {COLORS} from '../../config/Colors';
+import useAnimationProgress from '../../hook/useAnimationProgress';
+
+export const ProgressCircle = ({
+  value = 0,
+  varian = 'primary',
+  label,
+  className,
+  classLabel,
+  showLabel,
+  size = 50,
+  colorBackground,
+  colorProgress,
+  strokeWidth = 8,
+  renderLabel,
+  ...rest
+}: ProgressCircleProps) => {
+  const progress = useAnimationProgress({
+    toValue: value,
+    useNativeDriver: false,
+  });
+  const AnimatedCircle = Animated.createAnimatedComponent(Circle);
+  const {radius, circumference, strokeDasharray} = useCircleSpecs({
+    size,
+    strokeWidth,
+  });
+
+  const classVarian = useVarianColor({varian});
+
+  const renderCustomLabel = () => {
+    if (renderLabel) {
+      return renderLabel(value);
+    }
+    return (
+      <TextBox
+        className={classNames(
+          'text-sm text-center',
+          classVarian.text,
+          classLabel,
+        )}>
+        {label ?? `${value}%`}
+      </TextBox>
+    );
+  };
+
+  return (
+    <Box
+      className={classNames(
+        `relative center w-[${size}] h-[${size}]`,
+        className,
+      )}
+      {...rest}>
+      {showLabel && <Box className="absolute">{renderCustomLabel()}</Box>}
+      <Svg height={size} width={size} viewBox="0 0 100 100">
+        <G transform="rotate(-90, 50, 50)">
+          <Circle
+            cx={size}
+            cy={size}
+            r={radius}
+            stroke={colorBackground ?? COLORS['gray-400']}
+            strokeWidth={strokeWidth}
+            fill="none"
+          />
+          <AnimatedCircle
+            cx={size}
+            cy={size}
+            r={radius}
+            stroke={colorProgress ?? classVarian.color}
+            strokeWidth={strokeWidth}
+            fill="none"
+            strokeDasharray={strokeDasharray}
+            strokeDashoffset={progress.interpolate({
+              inputRange: [0, 100],
+              outputRange: [circumference, 0],
+              extrapolate: 'clamp',
+            })}
+          />
+        </G>
+      </Svg>
+    </Box>
+  );
+};
diff --git a/src/atomic/molecules/RadioButton.tsx b/src/atomic/molecules/RadioButton.tsx
new file mode 100644
index 0000000..14ea5bb
--- /dev/null
+++ b/src/atomic/molecules/RadioButton.tsx
@@ -0,0 +1,65 @@
+import React from 'react';
+import {classNames} from '../../utils';
+import {RadioButtonProps} from '../../model';
+import {useVarianColor} from '../../hook';
+import {Box, ButtonBox, TextBox} from '../..';
+
+export const RadioButton = <ItemT,>(props: RadioButtonProps<ItemT>) => {
+  const {
+    className,
+    size,
+    label,
+    checked,
+    sizeChildren,
+    classNameLabel,
+    classNameBox,
+    classNameChildren,
+    delayDebounce,
+    enableDebounce,
+    value,
+    varian,
+    classNameStatus,
+    onChange,
+  } = props;
+
+  const styleCustom = useVarianColor({varian});
+  const colorChecked = classNameStatus?.borderChecked || styleCustom.border;
+  const colorUnchecked = classNameStatus?.unchecked || 'border-gray-400';
+
+  return (
+    <ButtonBox
+      enableDebounce={enableDebounce}
+      delayDebounce={delayDebounce}
+      onPress={() => {
+        onChange && onChange(value);
+      }}
+      className={classNames('row-center gap-2', className)}>
+      <Box
+        className={classNames(
+          'rounded-full border-2 center',
+          size ? `w-[${size}] h-[${size}]` : 'w-6 h-6',
+          checked ? colorChecked : colorUnchecked,
+          classNameBox,
+        )}>
+        {checked && (
+          <Box
+            className={classNames(
+              classNameStatus?.checked || styleCustom.bg,
+              'rounded-full',
+              sizeChildren
+                ? `w-[${sizeChildren}] h-[${sizeChildren}]`
+                : size
+                ? `w-[${size * 0.5}] h-[${size * 0.5}]`
+                : 'w-3 h-3',
+              classNameChildren,
+            )}
+          />
+        )}
+      </Box>
+      <TextBox
+        className={classNames('text-black font-semibold', classNameLabel)}>
+        {label}
+      </TextBox>
+    </ButtonBox>
+  );
+};
diff --git a/src/atomic/molecules/SwitchBox.tsx b/src/atomic/molecules/SwitchBox.tsx
new file mode 100644
index 0000000..06d9afb
--- /dev/null
+++ b/src/atomic/molecules/SwitchBox.tsx
@@ -0,0 +1,78 @@
+import React from 'react';
+import {
+  Box,
+  ButtonBox,
+  classNames,
+  SwitchBoxProps,
+  TextBox,
+  useVarianColor,
+} from '../..';
+
+export const SwitchBox = ({
+  value = false,
+  label,
+  varian = 'primary',
+  classThumb,
+  className,
+  classLabel,
+  disabled,
+  renderThumb,
+  renderLabel,
+  onChange,
+}: SwitchBoxProps) => {
+  const classVarian = useVarianColor({varian});
+
+  const toggleActive = () => {
+    onChange && onChange(!value);
+  };
+
+  const renderCustomLabel = () => {
+    if (label) {
+      return (
+        <TextBox
+          className={classNames(
+            value ? 'text-white' : 'text-black',
+            'text-center flex-1 text-sm',
+            classLabel,
+          )}>
+          {value ? label?.on : label?.off}
+        </TextBox>
+      );
+    }
+    if (renderLabel) {
+      return renderLabel(value);
+    }
+    return null;
+  };
+
+  const renderCustomThumb = () => {
+    if (renderThumb) {
+      return renderThumb(value);
+    }
+    return (
+      <Box
+        className={classNames(
+          'bg-white w-5 h-5 rounded-full border border-gray-400',
+          classThumb,
+        )}
+      />
+    );
+  };
+
+  return (
+    <>
+      <ButtonBox
+        disabled={disabled}
+        onPress={toggleActive}
+        className={classNames(
+          value ? classVarian.bg : 'row-center bg-gray-400',
+          value ? 'row-reverse' : '',
+          'h-7 w-12 items-center px-1 rounded-full',
+          className,
+        )}>
+        {renderCustomThumb()}
+        {renderCustomLabel()}
+      </ButtonBox>
+    </>
+  );
+};
diff --git a/src/atomic/molecules/TextInput.tsx b/src/atomic/molecules/TextInput.tsx
new file mode 100644
index 0000000..2546f85
--- /dev/null
+++ b/src/atomic/molecules/TextInput.tsx
@@ -0,0 +1,34 @@
+import React from 'react';
+import {classNames} from '../../utils';
+import {TextInputBoxProps} from '../../model';
+import {Box, TextBox, TextInputBoxBase} from '../atoms';
+
+export const TextInputBox = ({
+  leftContent,
+  rightContent,
+  classInput,
+  classInputBase,
+  classBox,
+  classLabel,
+  label,
+  ...rest
+}: TextInputBoxProps) => {
+  return (
+    <Box className={classNames('column w-full gap-1', classBox)}>
+      {label ? (
+        <TextBox className={classNames('text-black', classLabel)}>
+          {label}
+        </TextBox>
+      ) : null}
+      <Box className={classNames('row-center border', classInput)}>
+        {leftContent}
+        <TextInputBoxBase
+          className={classNames('text-black px-1 flex-1', classInputBase)}
+          placeholder="Text input"
+          {...rest}
+        />
+        {rightContent}
+      </Box>
+    </Box>
+  );
+};
diff --git a/src/atomic/molecules/index.ts b/src/atomic/molecules/index.ts
new file mode 100644
index 0000000..cb2ee03
--- /dev/null
+++ b/src/atomic/molecules/index.ts
@@ -0,0 +1,9 @@
+export * from './TextInput';
+export * from './Checkbox';
+export * from './ProgressBar';
+export * from './ProgressCircle';
+export * from './RadioButton';
+export * from './Checkbox';
+export * from './PlaceholderCard';
+export * from './SwitchBox';
+export {default as CalendarItemBox} from './CalendarItemBox';
diff --git a/src/atomic/organisms/CalendarBox.tsx b/src/atomic/organisms/CalendarBox.tsx
new file mode 100644
index 0000000..d36895f
--- /dev/null
+++ b/src/atomic/organisms/CalendarBox.tsx
@@ -0,0 +1,232 @@
+import React, {useCallback} from 'react';
+import {ArrowLeft, ArrowRight, Box, ButtonBox, TextBox} from '../atoms';
+import {ScrollView} from 'react-native';
+import {CalendarBoxProps, MonthOfYearType} from '../../model';
+import {CalendarItemBox} from '../molecules';
+import {classNames} from '../../utils';
+import {CALENDAR} from '../../config/Calendar';
+import useCalendarBox from '../../hook/useCalendarBox';
+
+export const CalendarBox = ({
+  width = 0,
+  height,
+  initDate,
+  selectedDates = {},
+  hideExtraDays,
+  disablePressExtraDays = true,
+  enableSpecialStyleExtraDays,
+  horizontal = true,
+  scrollEnabled = true,
+  monthType = 'default',
+  months,
+  classBox,
+  gap = 3,
+  colorArrowLeft = '#000',
+  colorArrowRight = '#000',
+  enableControl = false,
+  firstDay = 0,
+  onChangeDate,
+  renderMonth,
+  renderHeader,
+  ...rest
+}: CalendarBoxProps) => {
+  const {
+    monthsData,
+    weekData,
+    widthDay,
+    currentMonth,
+    offsetWidth,
+    refScroll,
+    currentIndex,
+    firstRender,
+    isLoading,
+    blockUpdateIndex,
+    controlMonth,
+    setState,
+  } = useCalendarBox({
+    initDate,
+    width,
+    firstDay,
+    horizontal,
+    weeks: rest?.weeks,
+    weekType: rest?.weekType,
+    format: rest?.format,
+    minYear: rest?.minYear,
+    maxYear: rest?.maxYear,
+  });
+
+  const renderWeek = useCallback(() => {
+    return weekData.map(item => (
+      <Box
+        key={`week-${item}`}
+        className={rest?.classWeek}
+        style={{
+          width: widthDay,
+        }}>
+        <TextBox
+          className={classNames('text-center font-bold', rest?.classTextWeek)}
+          key={`week-${item}`}>
+          {item}
+        </TextBox>
+      </Box>
+    ));
+  }, [widthDay, rest?.classTextWeek, rest?.classWeek, weekData]);
+
+  const renderMonthItem = useCallback(
+    () =>
+      renderHeader ? (
+        renderHeader(currentMonth)
+      ) : (
+        <Box
+          className={classNames(
+            'row-center w-full justify-center py-1',
+            rest?.classBoxHeader,
+          )}>
+          {enableControl && (
+            <ButtonBox
+              onPress={() => controlMonth('prev')}
+              className={classNames('absolute left-4', rest.classBoxArrowLeft)}>
+              <ArrowLeft width={16} fill={colorArrowLeft} />
+            </ButtonBox>
+          )}
+          <ButtonBox>
+            {renderMonth ? (
+              renderMonth({
+                year: currentMonth?.year,
+                month: currentMonth?.month,
+              })
+            ) : (
+              <TextBox
+                className={classNames(
+                  'text-center text-black font-bold text-lg',
+                  rest.classTextMonth,
+                )}>
+                {months
+                  ? months[currentMonth?.month - 1]
+                  : monthType === 'default'
+                  ? currentMonth?.month
+                  : CALENDAR.month[monthType][currentMonth?.month - 1]}{' '}
+                /{' '}
+                <TextBox className={rest.classTextYear}>
+                  {currentMonth?.year}
+                </TextBox>
+              </TextBox>
+            )}
+          </ButtonBox>
+          {enableControl && (
+            <ButtonBox
+              onPress={() => controlMonth('next')}
+              className={classNames(
+                'absolute right-4',
+                rest.classBoxArrowRight,
+              )}>
+              <ArrowRight width={16} fill={colorArrowRight} />
+            </ButtonBox>
+          )}
+        </Box>
+      ),
+    [
+      months,
+      offsetWidth,
+      currentMonth,
+      rest?.classTextYear,
+      rest?.classTextMonth,
+      rest?.classBoxHeader,
+      rest?.classBoxArrowRight,
+      rest?.classBoxArrowLeft,
+      colorArrowRight,
+      colorArrowLeft,
+      monthType,
+    ],
+  );
+
+  const renderDate = useCallback(
+    (params: MonthOfYearType) => (
+      <Box style={{width: offsetWidth}} key={params.month + '-' + params.year}>
+        <CalendarItemBox
+          item={params}
+          widthDay={widthDay}
+          selectedDates={selectedDates}
+          hideExtraDays={hideExtraDays}
+          disablePressExtraDays={disablePressExtraDays}
+          enableSpecialStyleExtraDays={enableSpecialStyleExtraDays}
+          onChangeDate={onChangeDate}
+          {...rest}
+        />
+      </Box>
+    ),
+    [
+      offsetWidth,
+      widthDay,
+      rest.classDay,
+      rest.classTextDay,
+      rest.classExtraDay,
+      rest.classTextExtraDay,
+      rest.classSelected,
+      rest.classTextSelected,
+      rest.classToday,
+      rest.classTextToday,
+      selectedDates,
+      enableSpecialStyleExtraDays,
+    ],
+  );
+
+  return (
+    <Box
+      onLayout={({nativeEvent}) => {
+        if (!offsetWidth) {
+          setState(pre => ({
+            ...pre,
+            offsetWidth: Number(nativeEvent.layout.width.toFixed(1)),
+          }));
+        }
+      }}
+      className={classNames(`w-full gap-${gap}`, classBox)}
+      style={{width: offsetWidth || undefined, height}}>
+      {monthsData.length > 0 && (
+        <>
+          {renderMonthItem()}
+          <Box className="row flex-wrap">{renderWeek()}</Box>
+          <ScrollView
+            ref={refScroll}
+            scrollEnabled={scrollEnabled && !isLoading}
+            scrollEventThrottle={15}
+            showsHorizontalScrollIndicator={false}
+            showsVerticalScrollIndicator={false}
+            onScroll={({nativeEvent}) => {
+              if (!firstRender.current && !isLoading) {
+                const index = Math.round(
+                  nativeEvent.contentOffset.x / offsetWidth,
+                );
+
+                if (index !== currentIndex && !blockUpdateIndex) {
+                  setState(pre => ({
+                    ...pre,
+                    currentIndex: index,
+                  }));
+                } else {
+                  setState(pre => ({
+                    ...pre,
+                    blockUpdateIndex: false,
+                  }));
+                }
+              }
+            }}
+            horizontal={horizontal}
+            pagingEnabled>
+            {monthsData.map((item, index) => {
+              if (index > currentIndex + 2 || index < currentIndex - 1) {
+                return (
+                  <Box
+                    key={item.month + '-' + item.year}
+                    style={{width: offsetWidth, height: offsetWidth}}></Box>
+                );
+              }
+              return renderDate(item);
+            })}
+          </ScrollView>
+        </>
+      )}
+    </Box>
+  );
+};
diff --git a/src/atomic/organisms/CheckboxGroup.tsx b/src/atomic/organisms/CheckboxGroup.tsx
new file mode 100644
index 0000000..67b7efe
--- /dev/null
+++ b/src/atomic/organisms/CheckboxGroup.tsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import {CheckBoxGroupProps} from '../../model';
+import {classNames} from '../../utils';
+import {Box, Checkbox} from '../..';
+
+export const CheckboxGroup = <ItemT,>({
+  data,
+  classBox,
+  checkBoxItem,
+  pickKey = 'id' as keyof ItemT,
+  pickLabel = 'name' as keyof ItemT,
+  value = [],
+  onChange,
+}: CheckBoxGroupProps<ItemT>) => {
+  const renderItem = () => {
+    return data.map(item => (
+      <Checkbox
+        key={item?.[pickKey]?.toString()}
+        value={item}
+        checked={value?.includes(item?.[pickKey] as string | number)}
+        onChange={() => onChange && onChange(item)}
+        label={(item?.[pickLabel] as string) ?? ''}
+        {...checkBoxItem}
+      />
+    ));
+  };
+  return <Box className={classNames('gap-2', classBox)}>{renderItem()}</Box>;
+};
diff --git a/src/atomic/organisms/DropDowns.tsx b/src/atomic/organisms/DropDowns.tsx
new file mode 100644
index 0000000..45f3a2b
--- /dev/null
+++ b/src/atomic/organisms/DropDowns.tsx
@@ -0,0 +1,300 @@
+import React, {useEffect, useRef, useState} from 'react';
+import {ScrollView, TouchableWithoutFeedback} from 'react-native';
+import {DropDownProps} from '../../model';
+import {classNames, device, isNumber} from '../../utils';
+import useClassNameDropdown from '../../hook/useClassNameDropdown';
+import {useStateVisible, useVarianColor} from '../../hook';
+import {ArrowDown, IconClose, Tick, Box, ButtonBox, IconSearch} from '../atoms';
+import {TextInputBox} from '../molecules';
+
+export const DropdownBox = <ItemT,>({
+  data,
+  pickKey = 'id' as keyof ItemT,
+  pickLabel = 'name' as keyof ItemT,
+  value,
+  buttonDropdown,
+  classBox,
+  classOption,
+  classOptionItem,
+  classOptionLabel,
+  width,
+  height,
+  offset,
+  enableScroll,
+  varian,
+  iconColor,
+  enableRightToLeft,
+  maxWidthOption = device.width,
+  enableSearch,
+  numberOfLinesOption,
+  inputSearch,
+  saveKeywordType = 'auto',
+  searchType = 'auto',
+  classOptionItemSelected,
+  classOptionLabelSelected,
+  styleSelectType = 'color',
+  iconSelected,
+  iconSelectedColor,
+  renderButtonAction,
+  renderOptionItem,
+  onChange,
+}: DropDownProps<ItemT>) => {
+  const {isVisible, onClose, setVisible} = useStateVisible();
+  const [keyword, setKeyword] = useState('');
+  const [dataFilter, setDataFilter] = useState<ItemT[]>([]);
+  const theme = useVarianColor({varian, enableNull: true, isDropdown: true});
+  const {
+    className,
+    title,
+    placeholder,
+    classText,
+    classPlaceholderColor,
+    classValueColor,
+    ...rest
+  } = buttonDropdown || {};
+  const [offsetLayout, setOffsetLayout] = useState({
+    left: 0,
+    top: 0,
+    width: 0,
+  });
+  const [maxContent, setMaxContent] = useState({
+    height: 0,
+    width: 0,
+  });
+  const refTimeUpdate = useRef<ReturnType<typeof setTimeout>>();
+  const refTimeMaxContent = useRef<ReturnType<typeof setTimeout>>();
+  const refKw = useRef('');
+
+  const classDropOption = useClassNameDropdown({
+    classOption,
+    offset,
+    offsetLayout,
+    enableScroll,
+    classTheme: theme.border,
+    enableRightToLeft,
+    maxWidthOption,
+    maxContent,
+  });
+
+  useEffect(() => {
+    return () => {
+      if (isVisible) {
+        switch (saveKeywordType) {
+          case 'auto':
+            break;
+          case 'none':
+            handleClear();
+            break;
+          case 'submit':
+            if (keyword !== refKw.current) {
+              setKeyword(refKw.current);
+            }
+            break;
+          default:
+            break;
+        }
+      }
+    };
+  }, [isVisible]);
+
+  const renderButton = () => {
+    if (buttonDropdown?.hidden) {
+      return null;
+    }
+    let titleBtn = placeholder ?? 'Select data';
+    let classTitle = classPlaceholderColor ?? 'text-gray-400';
+    let itemSelect: ItemT | null = null;
+    if (value || isNumber(value)) {
+      itemSelect = data?.find(x => x?.[pickKey] === value) ?? null;
+      if (itemSelect) {
+        titleBtn = itemSelect[pickLabel] as string;
+        classTitle = classValueColor ?? 'text-black';
+      }
+    }
+    if (renderButtonAction) {
+      return renderButtonAction({
+        dataSelected: itemSelect,
+        onPress: () => {
+          setVisible(pre => !pre);
+        },
+      });
+    }
+
+    return (
+      <ButtonBox
+        {...rest}
+        className={classNames(
+          'w-full px-2 h-10 row-center space-between border',
+          theme.border,
+          className,
+        )}
+        classText={classNames('font-medium', classTitle, classText)}
+        numberOfLines={1}
+        title={titleBtn ?? title}
+        onPress={() => setVisible(pre => !pre)}>
+        <ArrowDown width={16} fill={iconColor ?? theme.color} />
+      </ButtonBox>
+    );
+  };
+
+  const renderOption = () => {
+    const option = dataFilter?.map((item, index) => {
+      const selected = item?.[pickKey] === value;
+      if (renderOptionItem) {
+        return renderOptionItem({item, selected, index});
+      }
+      return (
+        <ButtonBox
+          key={(item?.[pickKey] ?? index) as string | number}
+          className={classNames(
+            'w-full px-4 py-2 row-center space-between',
+            classOptionItem,
+            selected
+              ? classNames(
+                  styleSelectType === 'color' ? theme.bg : '',
+                  classOptionItemSelected,
+                )
+              : '',
+          )}
+          classText={classNames(
+            'font-medium',
+            classOptionLabel,
+            selected ? classOptionLabelSelected : '',
+          )}
+          title={item?.[pickLabel] as string}
+          onPress={() => {
+            onChange && onChange(item);
+          }}
+          numberOfLines={numberOfLinesOption}
+          rightContent={
+            selected && styleSelectType === 'icon'
+              ? iconSelected ?? (
+                  <Tick width={16} fill={iconSelectedColor || theme.color} />
+                )
+              : null
+          }
+        />
+      );
+    });
+    if (enableScroll) {
+      return <ScrollView>{option}</ScrollView>;
+    }
+    return option;
+  };
+
+  const timerSearchRef = useRef<ReturnType<typeof setTimeout>>();
+
+  useEffect(() => {
+    if (searchType !== 'submit') {
+      if (inputSearch?.onSearch) {
+        inputSearch?.onSearch(keyword);
+      } else {
+        if (keyword) {
+          if (timerSearchRef.current) {
+            clearTimeout(timerSearchRef.current);
+          }
+          timerSearchRef.current = setTimeout(() => {
+            handleSearch(keyword);
+          }, 250);
+        } else {
+          setDataFilter(data);
+        }
+      }
+    }
+  }, [keyword, data, inputSearch?.onSearch, searchType]);
+
+  const handleSearch = (kw: string) => {
+    const result = data?.filter(item =>
+      (item[pickLabel] as string).toLowerCase()?.includes(kw.toLowerCase()),
+    );
+    setDataFilter(result);
+    if (searchType === 'submit') {
+      refKw.current = kw;
+    }
+  };
+
+  const handleClear = () => {
+    setKeyword('');
+    handleSearch('');
+  };
+
+  return (
+    <>
+      <Box
+        className={classNames(
+          width ? `w-[${width}]` : '',
+          height ? `w-[${height}]` : '',
+          classBox,
+        )}
+        onLayout={({nativeEvent}) => {
+          if (refTimeUpdate.current) {
+            clearTimeout(refTimeUpdate.current);
+          }
+          refTimeUpdate.current = setTimeout(() => {
+            setOffsetLayout({
+              width: Math.floor(nativeEvent.layout.width),
+              left: Math.floor(nativeEvent.layout.x),
+              top: Math.floor(nativeEvent.layout.y + nativeEvent.layout.height),
+            });
+          }, 0);
+        }}>
+        {renderButton()}
+      </Box>
+      {isVisible && (
+        <>
+          <TouchableWithoutFeedback
+            onPress={onClose}
+            onLayout={({nativeEvent}) => {
+              if (refTimeMaxContent.current) {
+                clearTimeout(refTimeMaxContent.current);
+              }
+              refTimeMaxContent.current = setTimeout(() => {
+                setMaxContent({
+                  height: Math.floor(nativeEvent.layout.height),
+                  width: Math.floor(nativeEvent.layout.width),
+                });
+              }, 0);
+            }}>
+            <Box className="absolute w-full h-full z-9" />
+          </TouchableWithoutFeedback>
+          <Box className={classNames(classDropOption)}>
+            {enableSearch && (
+              <TextInputBox
+                value={inputSearch?.value ?? keyword}
+                classInput={classNames(
+                  'h-10 rounded mx-2',
+                  inputSearch?.classInput,
+                )}
+                placeholder={inputSearch?.placeholder ?? 'Search'}
+                onChangeText={setKeyword}
+                leftContent={inputSearch?.leftContent}
+                rightContent={
+                  inputSearch?.rightContent ?? (
+                    <Box className="row-center gap-1 px-2">
+                      {keyword ? (
+                        <ButtonBox
+                          className="p-2 rounded-full bg-gray-300 center"
+                          onPress={handleClear}>
+                          <IconClose width={14} />
+                        </ButtonBox>
+                      ) : null}
+                      <ButtonBox
+                        className="p-1 border rounded"
+                        onPress={() => {
+                          handleSearch(keyword);
+                        }}
+                        disabled={saveKeywordType !== 'submit'}>
+                        <IconSearch width={16} />
+                      </ButtonBox>
+                    </Box>
+                  )
+                }
+              />
+            )}
+            {renderOption()}
+          </Box>
+        </>
+      )}
+    </>
+  );
+};
diff --git a/src/atomic/organisms/MultiSelectDropdown.tsx b/src/atomic/organisms/MultiSelectDropdown.tsx
new file mode 100644
index 0000000..440769e
--- /dev/null
+++ b/src/atomic/organisms/MultiSelectDropdown.tsx
@@ -0,0 +1,155 @@
+import React from 'react';
+import {
+  MultiDropDownProps,
+  RenderButtonProps,
+  RenderOptionItem,
+} from '../../model';
+import {classNames} from '../../utils';
+import {useClassVirtualizedList, useVarianColor} from '../../hook';
+import {ArrowDown, Box, ButtonBox, DropdownBox, TextBox, Tick} from '../..';
+import {ScrollView} from 'react-native';
+
+export const MultiSelectDropdown = <ItemT,>({
+  data,
+  value,
+  buttonDropdown,
+  classOptionItem,
+  classOptionLabel,
+  numberOfLinesOption,
+  classOptionItemSelected,
+  classOptionLabelSelected,
+  styleSelectType = 'icon',
+  iconSelected,
+  iconSelectedColor,
+  classContentSelected,
+  onPressSelectedItem,
+  renderButtonAction,
+  onChange,
+  renderOptionItem,
+  ...rest
+}: MultiDropDownProps<ItemT>) => {
+  const {
+    className,
+    title,
+    placeholder,
+    classText,
+    classPlaceholderColor,
+    classValueColor,
+    ...restButton
+  } = buttonDropdown || {};
+  const {
+    iconColor,
+    varian,
+    pickKey = 'id' as keyof ItemT,
+    pickLabel = 'name' as keyof ItemT,
+  } = rest;
+
+  const theme = useVarianColor({varian, enableNull: true, isDropdown: true});
+  const styleScroll = useClassVirtualizedList({
+    ...classContentSelected,
+    classContent: classNames('gap-2', classContentSelected?.classContent),
+  });
+
+  const renderButtonActionMulti = ({onPress}: RenderButtonProps) => {
+    if (buttonDropdown?.hidden) {
+      return null;
+    }
+    let titleBtn = placeholder ?? 'Select data';
+    let classTitle = classPlaceholderColor ?? 'text-gray-400';
+    let itemSelect: ItemT[] | null = null;
+    if (value?.length) {
+      itemSelect = data?.filter(x =>
+        value.includes(x[pickKey] as string | number),
+      );
+      if (itemSelect?.length) {
+        classTitle = classValueColor ?? 'text-white';
+        titleBtn = '';
+      }
+    }
+    if (renderButtonAction) {
+      return renderButtonAction({dataSelected: itemSelect, onPress});
+    }
+
+    return (
+      <ButtonBox
+        {...restButton}
+        className={classNames(
+          'w-full px-2 h-10 row-center space-between border gap-1',
+          theme.border,
+          className,
+        )}
+        classText={classNames('font-medium', classTitle, classText)}
+        numberOfLines={1}
+        title={titleBtn ?? title}
+        rightContent={<ArrowDown width={16} fill={iconColor ?? theme.color} />}
+        onPress={onPress}>
+        <Box className="row-center flex-1">
+          {itemSelect?.length && (
+            <ScrollView horizontal {...styleScroll}>
+              {itemSelect.map(item => (
+                <ButtonBox
+                  key={'selected' + item?.[pickKey]}
+                  className="px-2 py-1 bg-primary rounded -z-1"
+                  onPress={() =>
+                    onPressSelectedItem && onPressSelectedItem(item)
+                  }>
+                  <TextBox className={classNames(classTitle)}>
+                    {item?.[pickLabel] as string}
+                  </TextBox>
+                </ButtonBox>
+              ))}
+            </ScrollView>
+          )}
+        </Box>
+      </ButtonBox>
+    );
+  };
+
+  const renderOptionItemMulti = ({item, index}: RenderOptionItem) => {
+    const selected = value?.includes(item?.[pickKey]);
+    if (renderOptionItem) {
+      return renderOptionItem({index, item, selected});
+    }
+    return (
+      <ButtonBox
+        key={(item?.[pickKey] ?? index) as string | number}
+        className={classNames(
+          'w-full px-4 py-2 row-center space-between',
+          classOptionItem,
+          selected
+            ? classNames(
+                styleSelectType === 'color' ? theme.bg : '',
+                classOptionItemSelected,
+              )
+            : '',
+        )}
+        classText={classNames(
+          'font-medium',
+          classOptionLabel,
+          selected ? classOptionLabelSelected : '',
+        )}
+        title={item?.[pickLabel] as string}
+        onPress={() => {
+          onChange && onChange(item);
+        }}
+        numberOfLines={numberOfLinesOption}
+        rightContent={
+          selected && styleSelectType === 'icon'
+            ? iconSelected ?? (
+                <Tick width={16} fill={iconSelectedColor || theme.color} />
+              )
+            : null
+        }
+      />
+    );
+  };
+
+  return (
+    <DropdownBox
+      data={data}
+      renderButtonAction={renderButtonActionMulti}
+      renderOptionItem={renderOptionItemMulti}
+      {...rest}
+    />
+  );
+};
diff --git a/src/atomic/organisms/PlaceholderBox.tsx b/src/atomic/organisms/PlaceholderBox.tsx
new file mode 100644
index 0000000..f1c8ded
--- /dev/null
+++ b/src/atomic/organisms/PlaceholderBox.tsx
@@ -0,0 +1,57 @@
+import React from 'react';
+import {Box} from '../atoms/Box';
+import {classNames} from '../../utils';
+import {PlaceholderBoxProps} from '../../model';
+import PlaceHolderCard from '../molecules/PlaceholderCard';
+import {Placeholder} from '../atoms';
+
+export const PlaceholderBox = ({
+  classContainer,
+  length = 1,
+  placeholderType,
+  placeholderItem,
+  animationType = 'opacity',
+  disableAnimation = false,
+  classShine,
+}: PlaceholderBoxProps) => {
+  const renderItem = () => {
+    return Array.from({length}).map((_, index) => {
+      if (placeholderType === 'card') {
+        return (
+          <PlaceHolderCard
+            key={`placeholder-${index}`}
+            animationType={animationType}
+            classShine={classShine}
+            {...placeholderItem}
+          />
+        );
+      }
+      return (
+        <Placeholder
+          key={`placeholder-${index}`}
+          disableAnimation={disableAnimation}
+          placeholderType={placeholderType}
+          animationType={animationType}
+          randomWidth={placeholderItem?.randomWidth}
+          classShine={classShine}
+          className={classNames(
+            placeholderType === 'line' &&
+              placeholderItem?.halfWidth &&
+              index % 2 !== 0
+              ? 'w-1/2'
+              : '',
+            placeholderType === 'line'
+              ? placeholderItem?.classLine
+              : placeholderItem?.classMedia,
+          )}
+        />
+      );
+    });
+  };
+
+  return (
+    <Box className={classNames('column gap-3', classContainer)}>
+      {renderItem()}
+    </Box>
+  );
+};
diff --git a/src/atomic/organisms/RadioGroup.tsx b/src/atomic/organisms/RadioGroup.tsx
new file mode 100644
index 0000000..5769032
--- /dev/null
+++ b/src/atomic/organisms/RadioGroup.tsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import {RadioGroupProps} from '../../model';
+import {classNames} from '../../utils';
+import {Box, RadioButton} from '../..';
+
+export const RadioGroup = <ItemT,>({
+  data,
+  classBox,
+  radioItem,
+  pickKey = 'id' as keyof ItemT,
+  pickLabel = 'name' as keyof ItemT,
+  value,
+  onChange,
+}: RadioGroupProps<ItemT>) => {
+  const renderItem = () => {
+    return data.map(item => (
+      <RadioButton
+        key={item?.[pickKey]?.toString()}
+        value={item}
+        checked={item?.[pickKey] === value}
+        onChange={() => onChange && onChange(item)}
+        label={item?.[pickLabel] as string}
+        {...radioItem}
+      />
+    ));
+  };
+  return <Box className={classNames('gap-2', classBox)}>{renderItem()}</Box>;
+};
diff --git a/src/atomic/organisms/SuspenseBox.tsx b/src/atomic/organisms/SuspenseBox.tsx
new file mode 100644
index 0000000..3bdf9a2
--- /dev/null
+++ b/src/atomic/organisms/SuspenseBox.tsx
@@ -0,0 +1,19 @@
+import React, {ReactNode, Suspense, SuspenseProps, useMemo} from 'react';
+import {PlaceholderBoxProps} from '../../model';
+import {PlaceholderBox} from './PlaceholderBox';
+
+interface SuspenseBoxProps extends SuspenseProps {
+  fallback?: ReactNode;
+  fallbackProps?: PlaceholderBoxProps;
+}
+export const SuspenseBox = ({
+  fallback,
+  fallbackProps,
+  ...rest
+}: SuspenseBoxProps) => {
+  const Fallback = useMemo(() => {
+    return fallback || <PlaceholderBox {...fallbackProps} />;
+  }, [fallbackProps, fallback]);
+
+  return <Suspense fallback={Fallback} {...rest} />;
+};
diff --git a/src/atomic/organisms/SwipeBox.tsx b/src/atomic/organisms/SwipeBox.tsx
new file mode 100644
index 0000000..c7332b4
--- /dev/null
+++ b/src/atomic/organisms/SwipeBox.tsx
@@ -0,0 +1,239 @@
+import React, {useMemo, useRef, useState} from 'react';
+import {
+  ArrowLeft,
+  ArrowRight,
+  Box,
+  ButtonBox,
+  classNames,
+  isEndReachedScroll,
+  SwipeBoxProps,
+  useClassName,
+} from '../..';
+import {
+  LayoutChangeEvent,
+  NativeScrollEvent,
+  NativeSyntheticEvent,
+  ScrollView,
+} from 'react-native';
+import useSpecsSwipeBox from '../../hook/useSpecsSwipeBox';
+import useActionSwipeBox from '../../hook/useActionSwipeBox';
+
+export const SwipeBox = <ItemT,>({
+  data,
+  classBox,
+  horizontal = true,
+  showPagination = true,
+  classPageItem,
+  classPagination,
+  classSliderItem,
+  itemWidth,
+  enableAnimation = true,
+  classSlider,
+  width,
+  style,
+  currentIndex = 0,
+  enableControl,
+  pagingEnabled = true,
+  space = 0,
+  centerContent = true,
+  showsHorizontalScrollIndicator = false,
+  showsVerticalScrollIndicator = false,
+  renderPageItem,
+  renderSliderItem,
+  onIndexChanged,
+  onScroll,
+  onEndReached,
+  renderControl,
+  ...rest
+}: SwipeBoxProps<ItemT>) => {
+  const [sliderOffset, setSliderOffset] = useState({
+    sliderWidth: width ?? 0,
+    sliderHeight: 0,
+  });
+  const timeRef = useRef<ReturnType<typeof setTimeout>>();
+  const timeChangePageRef = useRef<ReturnType<typeof setTimeout> | null>();
+  const styleSlider = useClassName(classNames('w-full', classSlider));
+  const classControl =
+    'absolute top-0 bottom-0 w-8 h-10 bg-overlay rounded center';
+
+  const {sliderItemWidth, spaceItem} = useSpecsSwipeBox({
+    itemWidth,
+    sliderWidth: sliderOffset.sliderWidth,
+    pagingEnabled,
+    space,
+    centerContent,
+  });
+
+  const {activeIndex, sliderRef, maxIndex, handleControl, setActiveIndex} =
+    useActionSwipeBox({
+      sliderItemWidth,
+      spaceItem,
+      horizontal,
+      data,
+      defaultIndex: currentIndex,
+    });
+
+  const onScrollListener = (event: NativeSyntheticEvent<NativeScrollEvent>) => {
+    onScroll && onScroll(event);
+    if (timeChangePageRef.current) {
+      clearTimeout(timeChangePageRef.current);
+      timeChangePageRef.current = null;
+    }
+    const {nativeEvent} = event;
+    timeChangePageRef.current = setTimeout(() => {
+      if (
+        isEndReachedScroll({
+          ...nativeEvent,
+          itemWidth: sliderItemWidth,
+          horizontal,
+          space: spaceItem,
+        })
+      ) {
+        onEndReached && onEndReached();
+        setActiveIndex(maxIndex);
+        onIndexChanged && onIndexChanged(maxIndex);
+      } else {
+        const targetOffset = horizontal
+          ? nativeEvent.contentOffset.x
+          : nativeEvent.contentOffset.y;
+        if (sliderItemWidth) {
+          const index = Math.round(
+            targetOffset / (sliderItemWidth + spaceItem),
+          );
+          if (index !== activeIndex) {
+            setActiveIndex(index);
+            onIndexChanged && onIndexChanged(index);
+          }
+        }
+      }
+    }, 250);
+  };
+
+  const onLayoutSlider = ({nativeEvent}: LayoutChangeEvent) => {
+    if (
+      sliderOffset.sliderWidth !== nativeEvent.layout.width ||
+      sliderOffset.sliderHeight !== nativeEvent.layout.height
+    ) {
+      if (timeRef.current) {
+        clearTimeout(timeRef.current);
+      }
+      timeRef.current = setTimeout(() => {
+        setSliderOffset({
+          sliderWidth: nativeEvent.layout.width,
+          sliderHeight: nativeEvent.layout.height,
+        });
+      }, 100);
+    }
+  };
+
+  const classCustomItem = useMemo(() => {
+    if (centerContent) {
+      return horizontal ? `mx-[${spaceItem / 2}]` : `mx-[${spaceItem / 2}]`;
+    } else {
+      return `gap-[${spaceItem}]`;
+    }
+  }, [centerContent, spaceItem]);
+
+  const renderItem = () => {
+    if (sliderItemWidth > 0) {
+      return data?.map((item, index) => {
+        if (enableAnimation) {
+          return (
+            <Box
+              className={classNames(classCustomItem, classSliderItem)}
+              key={`swipeItem-${index}`}
+              style={[{width: sliderItemWidth}]}>
+              {renderSliderItem(item, index)}
+            </Box>
+          );
+        }
+        return renderSliderItem(item, index);
+      });
+    }
+    return null;
+  };
+
+  const renderPagination = () => {
+    if (showPagination) {
+      const pageItem = data?.map((item, index) => {
+        if (renderPageItem) {
+          return renderPageItem(item, index);
+        }
+        return (
+          <Box
+            key={`page-${index}`}
+            className={classNames(
+              'w-2 h-2 bg-gray-400 rounded-full',
+              classPageItem,
+              activeIndex === index ? 'bg-primary' : '',
+            )}
+          />
+        );
+      });
+      return (
+        <Box
+          className={classNames(
+            'row gap-1 justify-center absolute bottom-1 self-center ',
+            classPagination,
+          )}>
+          {pageItem}
+        </Box>
+      );
+    }
+    return null;
+  };
+
+  const renderControlItem = () => {
+    if (renderControl) {
+      return renderControl();
+    }
+    if (enableControl) {
+      return (
+        <>
+          <ButtonBox
+            enableDebounce
+            disabled={activeIndex === 0}
+            style={{
+              transform: [{translateY: sliderOffset.sliderHeight / 2 - 20}],
+            }}
+            onPress={() => handleControl('prev')}
+            className={classNames(classControl, 'left-2')}>
+            <ArrowLeft />
+          </ButtonBox>
+          <ButtonBox
+            enableDebounce
+            disabled={activeIndex === maxIndex}
+            onPress={() => handleControl('next')}
+            style={{
+              transform: [{translateY: sliderOffset.sliderHeight / 2 - 20}],
+            }}
+            className={classNames(classControl, 'right-2')}>
+            <ArrowRight />
+          </ButtonBox>
+        </>
+      );
+    }
+    return null;
+  };
+
+  return (
+    <Box
+      className={classNames('relative', classBox)}
+      style={width ? {width} : {}}
+      onLayout={onLayoutSlider}>
+      <ScrollView
+        {...rest}
+        ref={sliderRef}
+        style={[styleSlider, style]}
+        horizontal={horizontal}
+        onScroll={onScrollListener}
+        showsHorizontalScrollIndicator={showsHorizontalScrollIndicator}
+        showsVerticalScrollIndicator={showsVerticalScrollIndicator}
+        pagingEnabled={pagingEnabled}>
+        {renderItem()}
+      </ScrollView>
+      {renderPagination()}
+      {renderControlItem()}
+    </Box>
+  );
+};
diff --git a/src/atomic/organisms/index.ts b/src/atomic/organisms/index.ts
new file mode 100644
index 0000000..13b21c8
--- /dev/null
+++ b/src/atomic/organisms/index.ts
@@ -0,0 +1,7 @@
+export * from './DropDowns';
+export * from './CheckboxGroup';
+export * from './RadioGroup';
+export * from './MultiSelectDropdown';
+export * from './SuspenseBox';
+export * from './PlaceholderBox';
+export * from './CalendarBox';
diff --git a/src/components/box/Box.tsx b/src/components/box/Box.tsx
deleted file mode 100644
index b32a5e8..0000000
--- a/src/components/box/Box.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react';
-import {StyleSheet, View, ViewProps} from 'react-native';
-import {useClassName} from '../../hook';
-
-export interface PropsBox extends ViewProps {
-  scaleScreen?: boolean;
-  className?: string;
-}
-
-const Box = (props: PropsBox) => {
-  const {style, scaleScreen, className, ...rest} = props;
-  const stylesCustom = useClassName({
-    className,
-    scaleScreen,
-  });
-
-  const styleCard = StyleSheet.compose(stylesCustom, style);
-
-  return <View style={styleCard} {...rest} />;
-};
-
-export default Box;
diff --git a/src/components/box/index.ts b/src/components/box/index.ts
deleted file mode 100644
index 4fb2b12..0000000
--- a/src/components/box/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export {default as Box} from './Box';
diff --git a/src/components/button/Button.tsx b/src/components/button/Button.tsx
deleted file mode 100644
index ffcf493..0000000
--- a/src/components/button/Button.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import React, {useCallback, useRef} from 'react';
-import {
-  GestureResponderEvent,
-  StyleSheet,
-  TouchableOpacity,
-  TouchableOpacityProps,
-} from 'react-native';
-import {useClassName} from '../../hook';
-
-export interface ButtonComponentProps extends TouchableOpacityProps {
-  scaleScreen?: boolean;
-  className?: string;
-  isDebounce?: boolean;
-  delayDebounce?: number;
-}
-const Button = (props: ButtonComponentProps) => {
-  const {
-    style,
-    scaleScreen,
-    isDebounce,
-    delayDebounce,
-    onPress,
-    className,
-    ...rest
-  } = props;
-
-  const stylesCustom = useClassName({
-    className,
-    scaleScreen,
-  });
-  const timerDebounceRef = useRef<any>();
-
-  //handle multiple click
-  const handler = useCallback(
-    (e: GestureResponderEvent) => {
-      if (timerDebounceRef.current) {
-        clearTimeout(timerDebounceRef.current);
-      }
-      timerDebounceRef.current = setTimeout(() => {
-        onPress && onPress(e);
-      }, delayDebounce || 500);
-    },
-    [onPress],
-  );
-
-  const handlePress = (e: GestureResponderEvent) => {
-    if (isDebounce) {
-      handler(e);
-    } else {
-      onPress && onPress(e);
-    }
-  };
-
-  const styleCard = StyleSheet.compose(stylesCustom, style);
-
-  return <TouchableOpacity onPress={handlePress} style={styleCard} {...rest} />;
-};
-
-export default Button;
diff --git a/src/components/button/index.ts b/src/components/button/index.ts
deleted file mode 100644
index d506e5f..0000000
--- a/src/components/button/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export {default as Button} from './Button';
diff --git a/src/components/index.ts b/src/components/index.ts
deleted file mode 100644
index e6d168d..0000000
--- a/src/components/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './box';
-export * from './text';
-export * from './button';
diff --git a/src/components/text/Text.tsx b/src/components/text/Text.tsx
deleted file mode 100644
index f8be1ee..0000000
--- a/src/components/text/Text.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-import {StyleSheet, Text, TextProps} from 'react-native';
-import {useClassName} from '../../hook';
-
-export interface TextComponentProps extends TextProps {
-  className?: string;
-  scaleScreen?: boolean;
-}
-
-const TextComponent = ({
-  className,
-  scaleScreen,
-  style,
-  ...rest
-}: TextComponentProps) => {
-  const stylesCustom = useClassName({
-    className,
-    scaleScreen,
-  });
-
-  const styleText = StyleSheet.compose(stylesCustom, style);
-
-  return <Text style={styleText} {...rest} />;
-};
-
-export default TextComponent;
diff --git a/src/components/text/index.ts b/src/components/text/index.ts
deleted file mode 100644
index fbb152e..0000000
--- a/src/components/text/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export {default as Text} from './Text';
diff --git a/src/config/Calendar.ts b/src/config/Calendar.ts
new file mode 100644
index 0000000..2394713
--- /dev/null
+++ b/src/config/Calendar.ts
@@ -0,0 +1,51 @@
+const WEEKS_SHORT = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+const MONTHS_SHORT = [
+  'Jan',
+  'Feb',
+  'Mar',
+  'Apr',
+  'May',
+  'Jun',
+  'Jul',
+  'Aug',
+  'Sep',
+  'Oct',
+  'Nov',
+  'Dec',
+];
+
+const MONTHS_LONG = [
+  'January',
+  'February',
+  'March',
+  'April',
+  'May',
+  'June',
+  'July',
+  'August',
+  'September',
+  'October',
+  'November',
+  'December',
+];
+
+const WEEKS_LONG = [
+  'Sunday',
+  'Monday',
+  'Tuesday',
+  'Wednesday',
+  'Thursday',
+  'Friday',
+  'Saturday',
+];
+
+export const CALENDAR = {
+  week: {
+    short: WEEKS_SHORT,
+    long: WEEKS_LONG,
+  },
+  month: {
+    short: MONTHS_SHORT,
+    long: MONTHS_LONG,
+  },
+};
diff --git a/src/config/Colors.ts b/src/config/Colors.ts
new file mode 100644
index 0000000..456e175
--- /dev/null
+++ b/src/config/Colors.ts
@@ -0,0 +1,259 @@
+export const COLORS = {
+  black: '#000000',
+  white: '#ffffff',
+  transparent: 'transparent',
+  'red-50': '#FFEBEE',
+  'red-100': '#FFCDD2',
+  'red-200': '#EF9A9A',
+  'red-300': '#E57373',
+  'red-400': '#EF5350',
+  'red-500': '#F44336',
+  'red-600': '#E53935',
+  'red-700': '#D32F2F',
+  'red-800': '#C62828',
+  'red-900': '#B71C1C',
+  'red-A100': '#FF8A80',
+  'red-A200': '#FF5252',
+  'red-A400': '#FF1744',
+  'red-A700': '#D50000',
+  'prink-50': '#FCE4EC',
+  'prink-100': '#F8BBD0',
+  'prink-200': '#F48FB1',
+  'prink-300': '#F06292',
+  'prink-400': '#EC407A',
+  'prink-500': '#E91E63',
+  'prink-600': '#D81B60',
+  'prink-700': '#C2185B',
+  'prink-800': '#AD1457',
+  'prink-900': '#880E4F',
+  'prink-A100': '#FF80AB',
+  'prink-A200': '#FF4081',
+  'prink-A400': '#F50057',
+  'prink-A700': '#C51162',
+  'purple-50': '#F3E5F5',
+  'purple-100': '#E1BEE7',
+  'purple-200': '#CE93D8',
+  'purple-300': '#BA68C8',
+  'purple-400': '#AB47BC',
+  'purple-500': '#9C27B0',
+  'purple-600': '#8E24AA',
+  'purple-700': '#7B1FA2',
+  'purple-800': '#6A1B9A',
+  'purple-900': '#4A148C',
+  'purple-A100': '#EA80FC',
+  'purple-A200': '#E040FB',
+  'purple-A400': '#D500F9',
+  'purple-A700': '#AA00FF',
+  'deep-purple-50': '#EDE7F6',
+  'deep-purple-100': '#D1C4E9',
+  'deep-purple-200': '#B39DDB',
+  'deep-purple-300': '#9575CD',
+  'deep-purple-400': '#7E57C2',
+  'deep-purple-500': '#673AB7',
+  'deep-purple-600': '#5E35B1',
+  'deep-purple-700': '#512DA8',
+  'deep-purple-800': '#4527A0',
+  'deep-purple-900': '#311B92',
+  'deep-purple-A100': '#B388FF',
+  'deep-purple-A200': '#7C4DFF',
+  'deep-purple-A400': '#651FFF',
+  'deep-purple-A700': '#6200EA',
+  'indigo-50': '#E8EAF6',
+  'indigo-100': '#C5CAE9',
+  'indigo-200': '#9FA8DA',
+  'indigo-300': '#7986CB',
+  'indigo-400': '#5C6BC0',
+  'indigo-500': '#3F51B5',
+  'indigo-600': '#3949AB',
+  'indigo-700': '#303F9F',
+  'indigo-800': '#283593',
+  'indigo-900': '#1A237E',
+  'indigo-A100': '#8C9EFF',
+  'indigo-A200': '#536DFE',
+  'indigo-A400': '#3D5AFE',
+  'indigo-A700': '#304FFE',
+  'blue-50': '#E3F2FD',
+  'blue-100': '#BBDEFB',
+  'blue-200': '#90CAF9',
+  'blue-300': '#64B5F6',
+  'blue-400': '#42A5F5',
+  'blue-500': '#2196F3',
+  'blue-600': '#1E88E5',
+  'blue-700': '#1976D2',
+  'blue-800': '#1565C0',
+  'blue-900': '#0D47A1',
+  'blue-A100': '#82B1FF',
+  'blue-A200': '#448AFF',
+  'blue-A400': '#2979FF',
+  'blue-A700': '#2962FF',
+  'light-blue-50': '#E1F5FE',
+  'light-blue-100': '#B3E5FC',
+  'light-blue-200': '#81D4FA',
+  'light-blue-300': '#4FC3F7',
+  'light-blue-400': '#29B6F6',
+  'light-blue-500': '#03A9F4',
+  'light-blue-600': '#039BE5',
+  'light-blue-700': '#0288D1',
+  'light-blue-800': '#0277BD',
+  'light-blue-900': '#01579B',
+  'light-blue-A100': '#80D8FF',
+  'light-blue-A200': '#40C4FF',
+  'light-blue-A400': '#00B0FF',
+  'light-blue-A700': '#0091EA',
+  'cyan-50': '#E0F7FA',
+  'cyan-100': '#B2EBF2',
+  'cyan-200': '#80DEEA',
+  'cyan-300': '#4DD0E1',
+  'cyan-400': '#26C6DA',
+  'cyan-500': '#00BCD4',
+  'cyan-600': '#00ACC1',
+  'cyan-700': '#0097A7',
+  'cyan-800': '#00838F',
+  'cyan-900': '#006064',
+  'cyan-A100': '#84FFFF',
+  'cyan-A200': '#18FFFF',
+  'cyan-A400': '#00E5FF',
+  'cyan-A700': '#00B8D4',
+  'teal-50': '#E0F2F1',
+  'teal-100': '#B2DFDB',
+  'teal-200': '#80CBC4',
+  'teal-300': '#4DB6AC',
+  'teal-400': '#26A69A',
+  'teal-500': '#009688',
+  'teal-600': '#00897B',
+  'teal-700': '#00796B',
+  'teal-800': '#00695C',
+  'teal-900': '#004D40',
+  'teal-A100': '#A7FFEB',
+  'teal-A200': '#64FFDA',
+  'teal-A400': '#1DE9B6',
+  'teal-A700': '#00BFA5',
+  'green-50': '#E8F5E9',
+  'green-100': '#C8E6C9',
+  'green-200': '#A5D6A7',
+  'green-300': '#81C784',
+  'green-400': '#66BB6A',
+  'green-500': '#4CAF50',
+  'green-600': '#43A047',
+  'green-700': '#388E3C',
+  'green-800': '#2E7D32',
+  'green-900': '#1B5E20',
+  'green-A100': '#B9F6CA',
+  'green-A200': '#69F0AE',
+  'green-A400': '#00E676',
+  'green-A700': '#00C853',
+  'light-green-50': '#F1F8E9',
+  'light-green-100': '#DCEDC8',
+  'light-green-200': '#C5E1A5',
+  'light-green-300': '#AED581',
+  'light-green-400': '#9CCC65',
+  'light-green-500': '#8BC34A',
+  'light-green-600': '#7CB342',
+  'light-green-700': '#689F38',
+  'light-green-800': '#558B2F',
+  'light-green-900': '#33691E',
+  'light-green-A100': '#CCFF90',
+  'light-green-A200': '#B2FF59',
+  'light-green-A400': '#76FF03',
+  'light-green-A700': '#64DD17',
+  'lime-50': '#F9FBE7',
+  'lime-100': '#F0F4C3',
+  'lime-200': '#E6EE9C',
+  'lime-300': '#DCE775',
+  'lime-400': '#D4E157',
+  'lime-500': '#CDDC39',
+  'lime-600': '#C0CA33',
+  'lime-700': '#AFB42B',
+  'lime-800': '#9E9D24',
+  'lime-900': '#827717',
+  'lime-A100': '#F4FF81',
+  'lime-A200': '#EEFF41',
+  'lime-A400': '#C6FF00',
+  'lime-A700': '#AEEA00',
+  'yellow-50': '#FFFDE7',
+  'yellow-100': '#FFF9C4',
+  'yellow-200': '#FFF59D',
+  'yellow-300': '#FFF176',
+  'yellow-400': '#FFEE58',
+  'yellow-500': '#FFEB3B',
+  'yellow-600': '#FDD835',
+  'yellow-700': '#FBC02D',
+  'yellow-800': '#F9A825',
+  'yellow-900': '#F57F17',
+  'yellow-A100': '#FFFF8D',
+  'yellow-A200': '#FFFF00',
+  'yellow-A400': '#FFEA00',
+  'yellow-A700': '#FFD600',
+  'amber-50': '#FFF8E1',
+  'amber-100': '#FFECB3',
+  'amber-200': '#FFE082',
+  'amber-300': '#FFD54F',
+  'amber-400': '#FFCA28',
+  'amber-500': '#FFC107',
+  'amber-600': '#FFB300',
+  'amber-700': '#FFA000',
+  'amber-800': '#FF8F00',
+  'amber-900': '#FF6F00',
+  'amber-A100': '#FFE57F',
+  'amber-A200': '#FFD740',
+  'amber-A400': '#FFC400',
+  'amber-A700': '#FFAB00',
+  'orange-50': '#FFF3E0',
+  'orange-100': '#FFE0B2',
+  'orange-200': '#FFCC80',
+  'orange-300': '#FFB74D',
+  'orange-400': '#FFA726',
+  'orange-500': '#FF9800',
+  'orange-600': '#FB8C00',
+  'orange-700': '#F57C00',
+  'orange-800': '#EF6C00',
+  'orange-900': '#E65100',
+  'orange-A100': '#FFD180',
+  'orange-A200': '#FFAB40',
+  'orange-A400': '#FF9100',
+  'orange-A700': '#FF6D00',
+  'deep-orange-50': '#FBE9E7',
+  'deep-orange-100': '#FFCCBC',
+  'deep-orange-200': '#FFAB91',
+  'deep-orange-300': '#FF8A65',
+  'deep-orange-400': '#FF7043',
+  'deep-orange-500': '#FF5722',
+  'deep-orange-600': '#F4511E',
+  'deep-orange-700': '#E64A19',
+  'deep-orange-800': '#D84315',
+  'deep-orange-900': '#BF360C',
+  'deep-orange-A100': '#FF9E80',
+  'deep-orange-A200': '#FF6E40',
+  'deep-orange-A400': '#FF3D00',
+  'deep-orange-A700': '#DD2C00',
+  'brown-50': '#EFEBE9',
+  'brown-100': '#D7CCC8',
+  'brown-200': '#BCAAA4',
+  'brown-300': '#A1887F',
+  'brown-400': '#8D6E63',
+  'brown-500': '#795548',
+  'brown-600': '#6D4C41',
+  'brown-700': '#5D4037',
+  'brown-800': '#4E342E',
+  'brown-900': '#3E2723',
+  'gray-50': '#FAFAFA',
+  'gray-100': '#F5F5F5',
+  'gray-200': '#EEEEEE',
+  'gray-300': '#E0E0E0',
+  'gray-400': '#BDBDBD',
+  'gray-500': '#9E9E9E',
+  'gray-600': '#757575',
+  'gray-700': '#616161',
+  'gray-800': '#424242',
+  'gray-900': '#212121',
+  'blue-gray-50': '#ECEFF1',
+  'blue-gray-100': '#CFD8DC',
+  'blue-gray-200': '#B0BEC5',
+  'blue-gray-300': '#90A4AE',
+  'blue-gray-400': '#78909C',
+  'blue-gray-500': '#607D8B',
+  'blue-gray-600': '#546E7A',
+  'blue-gray-700': '#455A64',
+  'blue-gray-800': '#37474F',
+  'blue-gray-900': '#263238',
+};
diff --git a/src/config/Spaces.ts b/src/config/Spaces.ts
new file mode 100644
index 0000000..7509a1b
--- /dev/null
+++ b/src/config/Spaces.ts
@@ -0,0 +1,86 @@
+export const SIZE_SPACE = {
+  default: 1,
+  '0': 0,
+  '0.5': 2,
+  '1': 4,
+  '1.5': 6,
+  '2': 8,
+  '2.5': 10,
+  '3': 12,
+  '3.5': 14,
+  '4': 16,
+  '5': 20,
+  '6': 24,
+  '7': 28,
+  '8': 32,
+  '9': 36,
+  '10': 40,
+  '11': 44,
+  '12': 48,
+  '14': 56,
+  '16': 64,
+  '20': 80,
+  '24': 96,
+  '28': 112,
+  '32': 128,
+  '36': 144,
+  '40': 160,
+  '44': 176,
+  '48': 192,
+  '52': 208,
+  '56': 224,
+  '60': 240,
+  '64': 256,
+  '72': 288,
+  '80': 320,
+  '96': 384,
+};
+
+export const TEXT_SIZE = {
+  xs: 10,
+  sm: 12,
+  base: 14,
+  md: 16,
+  lg: 18,
+  xl: 20,
+  '2xl': 24,
+  '3xl': 30,
+  '4xl': 36,
+  '5xl': 48,
+  '6xl': 60,
+  '7xl': 72,
+  '8xl': 96,
+  '9xl': 128,
+};
+
+export const LINE_HEIGHT_SIZE = {
+  xs: 10,
+  sm: 12,
+  base: 14,
+  md: 16,
+  lg: 18,
+  xl: 20,
+  '2xl': 24,
+  '3xl': 30,
+  '4xl': 36,
+  '5xl': 48,
+  '6xl': 60,
+  '7xl': 72,
+  '8xl': 96,
+  '9xl': 128,
+};
+
+export const BORDER_RADIUS = {
+  none: 0,
+  sm: 2,
+  default: 4,
+  md: 6,
+  lg: 8,
+  xl: 12,
+  '2xl': 16,
+  '3xl': 20,
+  '4xl': 24,
+  '5xl': 28,
+  '6xl': 32,
+  full: 9999,
+};
diff --git a/src/config/index.ts b/src/config/index.ts
new file mode 100644
index 0000000..fa7e571
--- /dev/null
+++ b/src/config/index.ts
@@ -0,0 +1,115 @@
+import {BORDER_RADIUS, LINE_HEIGHT_SIZE, SIZE_SPACE, TEXT_SIZE} from './Spaces';
+export * from './Spaces';
+export * from './Colors';
+
+interface DefaultTheme {
+  colors: {[key: string]: string};
+  scaleOptions: {
+    default: number;
+    options: {
+      gap?: number;
+      'row-gap'?: number;
+      'col-gap'?: number;
+      m?: number;
+      mt?: number;
+      ml?: number;
+      mb?: number;
+      mr?: number;
+      mx?: number;
+      my?: number;
+      p?: number;
+      pt?: number;
+      pl?: number;
+      pb?: number;
+      pr?: number;
+      px?: number;
+      py?: number;
+      w?: number;
+      'max-w'?: number;
+      'min-w'?: number;
+      rounded?: number;
+      'rounded-tl'?: number;
+      'rounded-tr'?: number;
+      'rounded-bl'?: number;
+      'rounded-br'?: number;
+      'rounded-l'?: number;
+      'rounded-r'?: number;
+      'rounded-t'?: number;
+      'rounded-b'?: number;
+    };
+  };
+  space: {
+    size: {[key: string]: number};
+    text: {[key: string]: number};
+    'line-height': {[key: string]: number};
+    rounded: {[key: string]: number};
+  };
+}
+
+const DEFAULT_THEME: DefaultTheme = {
+  colors: {
+    dark: '#1a75d2',
+    light: '#ffffff',
+    primary: '#42A5F5',
+    secondary: '#BA68C8',
+    danger: '#F87171',
+    warning: '#FACC15',
+    success: '#4ADE80',
+    overlay: 'rgba(0, 0, 0, 0.22)',
+    'primary-light': '#AFD1FC',
+    'secondary-light': '#E1BEE7',
+    'danger-light': '#F87171',
+    'warning-light': '#FACC15',
+    'success-light': '#4ADE80',
+    'primary-dark': '#D7E8FD',
+    'secondary-dark': '#DDD6FE',
+  },
+  scaleOptions: {
+    default: 0,
+    options: {},
+  },
+  space: {
+    size: SIZE_SPACE,
+    text: TEXT_SIZE,
+    'line-height': LINE_HEIGHT_SIZE,
+    rounded: BORDER_RADIUS,
+  },
+};
+
+export const getThemeConfig = (): DefaultTheme => {
+  try {
+    const config = require('../../box.config.js');
+    return {
+      colors: {
+        ...DEFAULT_THEME.colors,
+        ...config?.theme?.colors,
+      },
+      scaleOptions: {
+        ...DEFAULT_THEME.scaleOptions,
+        ...config?.theme?.scaleOptions,
+      },
+      space: {
+        size: {
+          ...DEFAULT_THEME.space.size,
+          ...config?.theme?.space?.size,
+        },
+        text: {
+          ...DEFAULT_THEME.space.text,
+          ...config?.theme?.space?.text,
+        },
+        'line-height': {
+          ...DEFAULT_THEME.space['line-height'],
+          ...config?.theme?.space?.['line-height'],
+        },
+        rounded: {
+          ...DEFAULT_THEME.space.rounded,
+          ...config?.theme?.space?.rounded,
+        },
+      },
+    };
+  } catch (error) {
+    return DEFAULT_THEME;
+  }
+};
+
+export const CONFIG_BOX = getThemeConfig();
diff --git a/src/declarations.d.ts b/src/declarations.d.ts
new file mode 100644
index 0000000..0935dbb
--- /dev/null
+++ b/src/declarations.d.ts
@@ -0,0 +1,4 @@
+declare module '*.png' {
+  const value: any;
+  export default value;
+}
diff --git a/src/example/example-1.png b/src/example/example-1.png
deleted file mode 100644
index e725a70..0000000
Binary files a/src/example/example-1.png and /dev/null differ
diff --git a/src/hoc/index.ts b/src/hoc/index.ts
new file mode 100644
index 0000000..219df2a
--- /dev/null
+++ b/src/hoc/index.ts
@@ -0,0 +1,2 @@
+export {default as withElementBox} from './withElementBox';
+export {default as withButtonBox} from './withButtonBox';
diff --git a/src/hoc/withButtonBox.tsx b/src/hoc/withButtonBox.tsx
new file mode 100644
index 0000000..c1b843a
--- /dev/null
+++ b/src/hoc/withButtonBox.tsx
@@ -0,0 +1,86 @@
+import React, {forwardRef, useCallback, useRef} from 'react';
+import {useClassName, useClassNameButton} from '../hook';
+import {ButtonComponentProps} from '../model';
+import {classNames, TextBox} from '..';
+import {GestureResponderEvent} from 'react-native';
+
+const withButtonBox = <T extends any, R>(
+  WrappedComponent: React.JSXElementConstructor<any>,
+) => {
+  return forwardRef<R, T & ButtonComponentProps>((props, ref) => {
+    const {
+      style,
+      enableDebounce,
+      delayDebounce,
+      className,
+      classText,
+      varian,
+      title,
+      children,
+      numberOfLines,
+      leftContent,
+      rightContent,
+      onPress,
+      ...rest
+    } = props;
+    const timerDebounceRef = useRef<any>();
+    const classButton = useClassNameButton(varian);
+    const stylesCustom = useClassName(
+      classNames(classButton.container, className),
+    );
+
+    //handle multiple click
+    const handler = useCallback(
+      (e: GestureResponderEvent) => {
+        if (timerDebounceRef.current) {
+          clearTimeout(timerDebounceRef.current);
+        }
+        timerDebounceRef.current = setTimeout(() => {
+          onPress && onPress(e);
+        }, delayDebounce || 500);
+      },
+      [onPress],
+    );
+
+    const handlePress = (e: GestureResponderEvent) => {
+      if (enableDebounce) {
+        handler(e);
+      } else {
+        onPress && onPress(e);
+      }
+    };
+
+    if (!leftContent && !title && !rightContent) {
+      return (
+        <WrappedComponent
+          ref={ref}
+          style={[stylesCustom, style]}
+          onPress={handlePress}
+          {...rest}>
+          {children}
+        </WrappedComponent>
+      );
+    }
+
+    return (
+      <WrappedComponent
+        ref={ref}
+        style={[stylesCustom, style]}
+        onPress={handlePress}
+        {...rest}>
+        {leftContent}
+        {title ? (
+          <TextBox
+            className={classNames(classButton.text, classText)}
+            numberOfLines={numberOfLines}>
+            {title}
+          </TextBox>
+        ) : null}
+        {children}
+        {rightContent}
+      </WrappedComponent>
+    );
+  });
+};
+
+export default withButtonBox;
diff --git a/src/hoc/withElementBox.tsx b/src/hoc/withElementBox.tsx
new file mode 100644
index 0000000..7c2e700
--- /dev/null
+++ b/src/hoc/withElementBox.tsx
@@ -0,0 +1,22 @@
+import React, {forwardRef} from 'react';
+import {useClassName} from '../hook';
+
+const withElementBox = <T extends any, R>(
+  WrappedComponent: React.JSXElementConstructor<any>,
+) => {
+  return forwardRef<
+    R,
+    T & {
+      style?: any;
+      className?: string;
+    }
+  >((props, ref) => {
+    const {style, className, ...rest} = props;
+    const stylesCustom = useClassName(className);
+    return (
+      <WrappedComponent ref={ref} style={[stylesCustom, style]} {...rest} />
+    );
+  });
+};
+
+export default withElementBox;
diff --git a/src/hook/index.ts b/src/hook/index.ts
index 1ce1516..bd26540 100644
--- a/src/hook/index.ts
+++ b/src/hook/index.ts
@@ -1,4 +1,17 @@
-import useStylesVarianTheme from './useStylesVarianTheme';
 import useClassName from './useClassName';
+import useClassNameButton from './useClassNameButton';
+import useVarianCheckbox from './useVarianCheckbox';
+import useVarianColor from './useVarianColor';
+import useCircleSpecs from './useCircleSpecs';
+import useStateVisible from './useStateVisible';
+import useClassVirtualizedList from './useClassVirtualizedList';
 
-export {useStylesVarianTheme, useClassName};
+export {
+  useClassName,
+  useClassNameButton,
+  useVarianCheckbox,
+  useVarianColor,
+  useCircleSpecs,
+  useStateVisible,
+  useClassVirtualizedList,
+};
diff --git a/src/hook/useActionSwipeBox.tsx b/src/hook/useActionSwipeBox.tsx
new file mode 100644
index 0000000..460adc7
--- /dev/null
+++ b/src/hook/useActionSwipeBox.tsx
@@ -0,0 +1,61 @@
+import {useEffect, useMemo, useRef, useState} from 'react';
+import {ScrollView} from 'react-native';
+
+interface Props {
+  spaceItem: number;
+  sliderItemWidth: number;
+  centerContent?: boolean;
+  horizontal?: boolean | null;
+  data: any[];
+  defaultIndex: number;
+}
+
+export default function useActionSwipeBox({
+  sliderItemWidth,
+  spaceItem,
+  horizontal,
+  defaultIndex,
+  data,
+}: Props) {
+  const [activeIndex, setActiveIndex] = useState(0);
+  const sliderRef = useRef<ScrollView>(null);
+  const maxIndex = useMemo(() => data?.length - 1 ?? 0, [data]);
+
+  useEffect(() => {
+    if (defaultIndex) {
+      setTimeout(() => {
+        handleScrollToIndex(defaultIndex);
+      }, 0);
+    }
+  }, [defaultIndex]);
+
+  const handleControl = (type: 'next' | 'prev') => {
+    if (sliderRef?.current) {
+      const nextIndex =
+        type === 'next'
+          ? Math.min(activeIndex + 1, maxIndex)
+          : Math.max(activeIndex - 1, 0);
+      handleScrollToIndex(nextIndex);
+    }
+  };
+
+  const handleScrollToIndex = (index: number) => {
+    if (sliderRef?.current) {
+      const nextIndex = index * (sliderItemWidth + spaceItem);
+      const offset = horizontal ? {y: 0, x: nextIndex} : {y: nextIndex, x: 0};
+      sliderRef.current.scrollTo({
+        ...offset,
+        animated: true,
+      });
+    }
+  };
+
+  return {
+    activeIndex,
+    maxIndex,
+    sliderRef,
+    handleControl,
+    handleScrollToIndex,
+    setActiveIndex,
+  };
+}
diff --git a/src/hook/useAnimationProgress.tsx b/src/hook/useAnimationProgress.tsx
new file mode 100644
index 0000000..9c5ead6
--- /dev/null
+++ b/src/hook/useAnimationProgress.tsx
@@ -0,0 +1,25 @@
+import {useEffect, useRef} from 'react';
+import {Animated, Easing} from 'react-native';
+
+interface Props extends Animated.TimingAnimationConfig {}
+const useAnimationProgress = ({
+  toValue,
+  useNativeDriver = false,
+  easing = Easing.linear,
+  duration = 1000,
+  ...rest
+}: Props) => {
+  const progress = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    Animated.timing(progress, {
+      ...rest,
+      useNativeDriver,
+      easing,
+      duration,
+      toValue,
+    }).start();
+  }, [toValue]);
+  return progress;
+};
+
+export default useAnimationProgress;
diff --git a/src/hook/useCalendarBox.tsx b/src/hook/useCalendarBox.tsx
new file mode 100644
index 0000000..0159e63
--- /dev/null
+++ b/src/hook/useCalendarBox.tsx
@@ -0,0 +1,172 @@
+import {useEffect, useMemo, useRef, useState} from 'react';
+import {ScrollView} from 'react-native';
+import {CalendarBoxProps, MonthOfYearType} from '../model';
+import {CALENDAR} from '../config/Calendar';
+import {getDaysOfYear} from '../utils/date.util';
+
+type Props = Pick<
+  CalendarBoxProps,
+  | 'initDate'
+  | 'width'
+  | 'weeks'
+  | 'weekType'
+  | 'format'
+  | 'firstDay'
+  | 'horizontal'
+  | 'maxYear'
+  | 'minYear'
+>;
+interface State {
+  currentIndex: number;
+  isLoading: boolean;
+  monthsData: MonthOfYearType[];
+  offsetWidth: number;
+  blockUpdateIndex: boolean;
+}
+
+export default function useCalendarBox({
+  initDate,
+  width = 0,
+  weeks,
+  weekType = 'short',
+  format = 'YYYY-MM-DD',
+  firstDay,
+  horizontal,
+  minYear = 1900,
+  maxYear = 2100,
+}: Props) {
+  const [state, setState] = useState<State>({
+    currentIndex: 0,
+    isLoading: true,
+    monthsData: [],
+    offsetWidth: width,
+    blockUpdateIndex: false,
+  });
+  const refScroll = useRef<ScrollView>(null);
+  const firstRender = useRef(true);
+
+  const weekData = useMemo(() => {
+    const days = weeks ? weeks : CALENDAR.week[weekType];
+    return [...days.slice(firstDay), ...days.slice(0, firstDay)];
+  }, [weeks, weekType, firstDay]);
+
+  const currentMonth = useMemo(
+    () => state.monthsData?.[state.currentIndex],
+    [state.monthsData, state.currentIndex],
+  );
+
+  const widthDay: number = useMemo(() => {
+    if (state.offsetWidth > 0) {
+      return Math.floor(((state.offsetWidth - 1) / 7) * 10) / 10;
+    }
+    return 0;
+  }, [state.offsetWidth]);
+
+  useEffect(() => {
+    const initMonths = () => {
+      const targetDate = initDate ? new Date(initDate) : new Date();
+      const year = targetDate.getFullYear();
+      const currentMonth = getDaysOfYear(year, format, firstDay);
+      const preMonth = getDaysOfYear(year - 1, format, firstDay);
+      const nextMonth = getDaysOfYear(year + 1, format, firstDay);
+      const monthIndex = targetDate.getMonth();
+      setState(pre => ({
+        ...pre,
+        monthsData: [...preMonth, ...currentMonth, ...nextMonth],
+        currentIndex: 12 + monthIndex,
+        isLoading: false,
+      }));
+    };
+    initMonths();
+  }, [format, initDate, firstDay]);
+
+  useEffect(() => {
+    if (
+      firstRender.current &&
+      state.monthsData.length > 0 &&
+      state.offsetWidth > 0 &&
+      state.currentIndex >= 0
+    ) {
+      setTimeout(() => {
+        scrollToIndex(state.currentIndex);
+      }, 250);
+      firstRender.current = false;
+    }
+  }, [state.offsetWidth, state.monthsData, state.currentIndex]);
+
+  useEffect(() => {
+    if (state.monthsData.length && !state.isLoading) {
+      const currentMonth = state.monthsData[state.currentIndex];
+      if (state.currentIndex === 0 && currentMonth.year - 1 >= minYear) {
+        setState(pre => ({
+          ...pre,
+          isLoading: true,
+          blockUpdateIndex: false,
+        }));
+        // smooth get more
+        setTimeout(() => {
+          getMoreMonth('prev');
+        }, 125);
+      }
+      if (
+        state.monthsData.length - state.currentIndex < 12 &&
+        currentMonth.year + 1 <= maxYear
+      ) {
+        getMoreMonth('next');
+      }
+    }
+  }, [state.currentIndex, state.isLoading, state.monthsData.length]);
+
+  const scrollToIndex = (index: number, animated = false) => {
+    setTimeout(() => {
+      if (refScroll.current) {
+        const params = horizontal
+          ? {x: state.offsetWidth * index + 1, y: 0, animated}
+          : {y: state.offsetWidth * index + 1, x: 0, animated};
+        refScroll.current.scrollTo(params);
+      }
+    }, 0);
+  };
+
+  const getMoreMonth = (type: 'prev' | 'next' = 'next') => {
+    if (type === 'next') {
+      const perMonths = getDaysOfYear(currentMonth.year + 1, format, firstDay);
+      setState(pre => ({
+        ...pre,
+        monthsData: [...pre.monthsData, ...perMonths],
+        isLoading: false,
+      }));
+      return;
+    }
+    const perMonths = getDaysOfYear(currentMonth.year - 1, format, firstDay);
+    setState(pre => ({
+      ...pre,
+      monthsData: [...perMonths, ...pre.monthsData],
+      isLoading: false,
+      blockUpdateIndex: true,
+      currentIndex: 12,
+    }));
+    scrollToIndex(12);
+  };
+
+  const controlMonth = (type: 'next' | 'prev', scrollEnabled = false) => {
+    if (refScroll.current) {
+      const nextIndex =
+        type === 'next'
+          ? Math.min(state.currentIndex + 1, state.monthsData.length - 1)
+          : Math.max(state.currentIndex - 1, 0);
+      scrollToIndex(nextIndex, scrollEnabled);
+    }
+  };
+
+  return {
+    refScroll,
+    ...state,
+    widthDay,
+    currentMonth,
+    weekData,
+    firstRender,
+    controlMonth,
+    setState,
+  };
+}
diff --git a/src/hook/useCircleSpecs.tsx b/src/hook/useCircleSpecs.tsx
new file mode 100644
index 0000000..d0531c7
--- /dev/null
+++ b/src/hook/useCircleSpecs.tsx
@@ -0,0 +1,17 @@
+import {useMemo} from 'react';
+
+interface Props {
+  size: number;
+  strokeWidth: number;
+}
+export default function useCircleSpecs({size, strokeWidth}: Props) {
+  return useMemo(() => {
+    const radius = size - strokeWidth;
+    const circumference = 2 * Math.PI * radius;
+    return {
+      radius,
+      circumference,
+      strokeDasharray: `${circumference} ${circumference}`,
+    };
+  }, [size, strokeWidth]);
+}
diff --git a/src/hook/useClassName.tsx b/src/hook/useClassName.tsx
index d172ec2..70d8ceb 100644
--- a/src/hook/useClassName.tsx
+++ b/src/hook/useClassName.tsx
@@ -1,20 +1,9 @@
 import {useMemo} from 'react';
 import {getClassNameStyles} from '../styles';
 
-type PropsClass = {
-  className?: string;
-  scaleScreen?: boolean;
-};
-
-export default function useClassNameStyles({
-  className,
-  scaleScreen,
-}: PropsClass) {
-  const styleDirection = useMemo(() => {
-    if (className) {
-      return getClassNameStyles(className);
-    }
-    return {};
-  }, [className, scaleScreen]);
-  return styleDirection;
+export default function useClassName(className?: string) {
+  return useMemo(
+    () => (className ? getClassNameStyles(className) : {}),
+    [className],
+  );
 }
diff --git a/src/hook/useClassNameButton.tsx b/src/hook/useClassNameButton.tsx
new file mode 100644
index 0000000..8ae05ca
--- /dev/null
+++ b/src/hook/useClassNameButton.tsx
@@ -0,0 +1,34 @@
+import {useMemo} from 'react';
+import {Varian} from '../model';
+const classCustom = {
+  dark: {
+    container: 'bg-dark px-4 py-2 center',
+    text: 'text-light font-bold',
+  },
+  light: {
+    container: 'bg-light px-4 py-2 center',
+    text: 'text-dark font-bold',
+  },
+  outline: {
+    container: 'rounded border border-primary px-4 py-2 center',
+    text: 'text-primary font-bold',
+  },
+  primary: {
+    container: 'rounded bg-primary px-4 py-2 center',
+    text: 'text-black font-bold',
+  },
+  secondary: {
+    container: 'rounded bg-secondary px-4 py-2 center',
+    text: 'text-light font-bold',
+  },
+  default: {
+    container: '',
+    text: 'text-black font-bold',
+  },
+};
+export default function useClassNameButton(varian?: Varian) {
+  return useMemo(
+    () => (varian ? classCustom[varian] : classCustom.default),
+    [varian],
+  );
+}
diff --git a/src/hook/useClassNameDropdown.tsx b/src/hook/useClassNameDropdown.tsx
new file mode 100644
index 0000000..7006090
--- /dev/null
+++ b/src/hook/useClassNameDropdown.tsx
@@ -0,0 +1,102 @@
+import {useMemo} from 'react';
+import {classNames, isNumber} from '../utils';
+
+interface OffsetType {
+  top?: number;
+  left?: number;
+  right?: number;
+  bottom?: number;
+  width?: number;
+  height?: number;
+}
+
+interface Props {
+  offset?: OffsetType;
+  offsetLayout?: OffsetType;
+  classOption?: string;
+  enableScroll?: boolean;
+  classTheme?: string;
+  enableRightToLeft?: boolean;
+  maxWidthOption: number;
+  maxContent?: OffsetType;
+}
+
+export default function useClassNameDropdown({
+  classOption,
+  offset,
+  offsetLayout,
+  enableScroll,
+  classTheme,
+  enableRightToLeft,
+  maxWidthOption,
+  maxContent,
+}: Props) {
+  return useMemo(() => {
+    const classDefault = 'absolute z-9 bg-white rounded-md border gap-1 py-2';
+
+    // Get width and height
+    let width = offset?.width || offsetLayout?.width;
+    const heightClass = offset?.height ? `h-[${offset?.height}]` : 'h-auto';
+
+    // Calculate positions
+    const positionTop = offset?.top ?? offsetLayout?.top;
+    const positionLeft = offset?.left ?? offsetLayout?.left ?? 0;
+    const bottomPositionClass = isNumber(offset?.bottom)
+      ? `bottom-[${offset?.bottom}]`
+      : '';
+
+    // Max dimensions
+    let maxHeight = maxContent?.height || 0;
+    let maxWidth = maxContent?.width || 0;
+    if (positionTop) {
+      maxHeight -= positionTop;
+    }
+
+    // Position for right-to-left layouts
+    let positionRight = offset?.right;
+    if (enableRightToLeft && !positionRight) {
+      positionRight = Math.floor(
+        maxWidthOption -
+          ((offset?.left ?? offsetLayout?.left ?? 0) +
+            (offsetLayout?.width ?? 0)),
+      );
+      maxWidth -= positionRight;
+    } else {
+      maxWidth -= positionLeft;
+    }
+
+    // Determine class for left/right positioning
+    const positionLeftClass = `left-[${positionLeft}]`;
+    const rightPositionClass = positionRight ? `right-[${positionRight}]` : '';
+
+    // Adjust width based on RTL and full-width option
+    if (classOption?.includes('w-full')) {
+      classOption = classOption.replace('w-full', '');
+      const effectiveWidth =
+        enableRightToLeft && positionRight
+          ? maxWidthOption - positionRight
+          : maxWidthOption - (positionLeft ?? 0);
+      width = Math.floor(effectiveWidth);
+    }
+
+    return classNames(
+      classDefault,
+      `w-[${width}]`,
+      `top-[${positionTop}]`,
+      `max-h-[${maxHeight}]`,
+      `max-w-[${maxWidth}]`,
+      heightClass,
+      bottomPositionClass,
+      classTheme,
+      classOption,
+      enableRightToLeft ? rightPositionClass : positionLeftClass,
+    );
+  }, [
+    classOption,
+    offset,
+    offsetLayout,
+    enableScroll,
+    enableRightToLeft,
+    maxContent,
+  ]);
+}
diff --git a/src/hook/useClassVirtualizedList.ts b/src/hook/useClassVirtualizedList.ts
new file mode 100644
index 0000000..da0692f
--- /dev/null
+++ b/src/hook/useClassVirtualizedList.ts
@@ -0,0 +1,27 @@
+import {useMemo} from 'react';
+import {getClassNameStyles} from '../styles';
+import {VirtualListClassProps} from '../model';
+
+export default function useClassVirtualizedList(props?: VirtualListClassProps) {
+  const getClassStyles = (classString?: string) =>
+    classString ? getClassNameStyles(classString) : undefined;
+
+  return useMemo(() => {
+    const {
+      className,
+      classContent,
+      classColWrapper,
+      classIndicator,
+      classHeader,
+      classFooter,
+    } = props || {};
+    return {
+      style: getClassStyles(className),
+      contentContainerStyle: getClassStyles(classContent),
+      columnWrapperStyle: getClassStyles(classColWrapper),
+      indicatorStyle: getClassStyles(classIndicator),
+      ListHeaderComponentStyle: getClassStyles(classHeader),
+      ListFooterComponentStyle: getClassStyles(classFooter),
+    };
+  }, [props]);
+}
diff --git a/src/hook/useLoadModuleFastImage.tsx b/src/hook/useLoadModuleFastImage.tsx
new file mode 100644
index 0000000..d17f7ab
--- /dev/null
+++ b/src/hook/useLoadModuleFastImage.tsx
@@ -0,0 +1,23 @@
+import React, {useEffect, useState} from 'react';
+import {ImageModuleType} from '../model';
+
+export default function useLoadModuleFastImage(
+  imageModuleType?: ImageModuleType,
+) {
+  const [FastImage, setFastImage] = useState<React.ReactNode>(null);
+
+  useEffect(() => {
+    if (imageModuleType === ImageModuleType.FastImage) {
+      const loadFastImage = async () => {
+        try {
+          const {default: FastImageModule} =
+            await require('@d11/react-native-fast-image');
+          setFastImage(FastImageModule);
+        } catch (error) {}
+      };
+      loadFastImage();
+    }
+  }, [imageModuleType]);
+
+  return FastImage;
+}
diff --git a/src/hook/useSpecsSwipeBox.tsx b/src/hook/useSpecsSwipeBox.tsx
new file mode 100644
index 0000000..6b28aae
--- /dev/null
+++ b/src/hook/useSpecsSwipeBox.tsx
@@ -0,0 +1,31 @@
+import {useMemo} from 'react';
+
+interface Props {
+  sliderWidth: number;
+  space?: number;
+  itemWidth?: number;
+  pagingEnabled?: boolean;
+  centerContent?: boolean;
+}
+
+export default function useSpecsSwipeBox({
+  itemWidth,
+  sliderWidth,
+  pagingEnabled,
+  space,
+}: Props) {
+  return useMemo(() => {
+    let spaceItem = space ?? 0;
+    let sliderItemWidth = itemWidth ?? sliderWidth;
+    if (pagingEnabled && itemWidth) {
+      if (itemWidth) {
+        spaceItem = sliderWidth - itemWidth;
+      }
+    } else {
+      if (space && !itemWidth) {
+        sliderItemWidth -= space;
+      }
+    }
+    return {spaceItem, sliderItemWidth};
+  }, [itemWidth, sliderWidth, pagingEnabled]);
+}
diff --git a/src/hook/useStateVisible.tsx b/src/hook/useStateVisible.tsx
new file mode 100644
index 0000000..5f8ddfb
--- /dev/null
+++ b/src/hook/useStateVisible.tsx
@@ -0,0 +1,9 @@
+import {useState} from 'react';
+
+export default function useStateVisible(valueDefault = false) {
+  const [isVisible, setVisible] = useState(valueDefault);
+  const onClose = () => setVisible(false);
+  const onOpen = () => setVisible(true);
+
+  return {isVisible, setVisible, onOpen, onClose};
+}
diff --git a/src/hook/useStylesVarianTheme.tsx b/src/hook/useStylesVarianTheme.tsx
deleted file mode 100644
index e0a13c0..0000000
--- a/src/hook/useStylesVarianTheme.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import {useMemo} from 'react';
-import {ClassStyleType} from '../model';
-import {getClassStyles} from '../styles';
-
-type Props = {
-  classStyles?: ClassStyleType | ClassStyleType[];
-  scaleScreen?: boolean;
-};
-
-export default function useStylesVarianTheme({
-  classStyles,
-  scaleScreen,
-}: Props) {
-  const styleDirection = useMemo(() => {
-    if (classStyles) {
-      return getClassStyles(classStyles, scaleScreen);
-    }
-    return {};
-  }, [classStyles, scaleScreen]);
-  return styleDirection;
-}
diff --git a/src/hook/useVarianCheckbox.tsx b/src/hook/useVarianCheckbox.tsx
new file mode 100644
index 0000000..110ab58
--- /dev/null
+++ b/src/hook/useVarianCheckbox.tsx
@@ -0,0 +1,30 @@
+import {useMemo} from 'react';
+import {VarianCheckbox} from '../model';
+import {CONFIG_BOX} from '../config';
+
+type Props = {
+  varian?: VarianCheckbox;
+};
+
+const classCustom = {
+  'outline-primary': {
+    checked: 'bg-primary',
+    iconColor: CONFIG_BOX.colors.primary,
+  },
+  'outline-secondary': {
+    checked: 'bg-secondary',
+    iconColor: CONFIG_BOX.colors.secondary,
+  },
+  secondary: {
+    checked: 'bg-secondary',
+    iconColor: '#ffffff',
+  },
+  primary: {
+    checked: 'bg-primary',
+    iconColor: '#ffffff',
+  },
+};
+
+export default function useVarianCheckbox({varian = 'primary'}: Props) {
+  return useMemo(() => classCustom[varian], [varian]);
+}
diff --git a/src/hook/useVarianColor.tsx b/src/hook/useVarianColor.tsx
new file mode 100644
index 0000000..e70ed78
--- /dev/null
+++ b/src/hook/useVarianColor.tsx
@@ -0,0 +1,50 @@
+import {useMemo} from 'react';
+import {VarianColor} from '../model';
+import {CONFIG_BOX} from '../config';
+import {COLORS} from '../config/Colors';
+
+type Props = {
+  varian?: VarianColor;
+  enableNull?: boolean;
+  isDropdown?: boolean;
+};
+
+const classCustom = {
+  default: {
+    border: 'border-black',
+    bg: 'bg-black',
+    text: 'text-black',
+    color: COLORS.black,
+  },
+  primary: {
+    border: 'border-primary',
+    bg: 'bg-primary',
+    text: 'text-primary',
+    color: CONFIG_BOX.colors.primary,
+  },
+  secondary: {
+    border: 'border-secondary',
+    bg: 'bg-secondary',
+    text: 'text-secondary',
+    color: CONFIG_BOX.colors.secondary,
+  },
+};
+
+export default function useVarianColor({
+  varian,
+  enableNull,
+  isDropdown,
+}: Props) {
+  return useMemo(() => {
+    if (varian) {
+      return classCustom[varian];
+    }
+    if (enableNull) {
+      return {
+        ...classCustom.default,
+        bg: isDropdown ? 'bg-gray-400' : 'bg-black',
+      };
+    }
+    return classCustom.primary;
+  }, [varian, enableNull]);
+}
diff --git a/src/index.ts b/src/index.ts
index 07635cb..5e6f049 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1 +1,5 @@
-export * from './components';
+export * from './utils';
+export * from './atomic';
+export * from './model';
+export * from './hook';
+export * from './config';
diff --git a/src/library/moomTime.ts b/src/library/moomTime.ts
new file mode 100644
index 0000000..1617150
--- /dev/null
+++ b/src/library/moomTime.ts
@@ -0,0 +1,290 @@
+// auth liujinshuai
+const MAX_YEAR = 2100;
+const MIN_YEAR = 2000;
+const MAX_MONTH = 12;
+const MIN_MONTH = 1;
+const MAX_DAY = 31;
+const MIN_DAY = 1;
+
+const time = [
+  [2, 25, 30, '1-2-10-11', '3467'],
+  [1, 7, 29, '12', '67', '4'],
+  [2, 18, 29, '12-1-2', '78'],
+  [2, 29, 30, '1245', '8-9-10-11'],
+  [1, 10, 30, '34', '', '2'],
+  [2, 21, 29, '67', '', ''],
+  [1, 2, 29, '89', '', '7'],
+  [2, 13, 30, '12-8-9-10', '1245', ''],
+  [2, 23, 29, '12-1-9-10', '2356', ''],
+  [1, 6, 30, '12', '3-4-5.-6', '5'],
+  [2, 17, 30, '12-1', '67', ''],
+  [2, 27, 29, '12-1-3-4', '78', ''],
+  [1, 8, 29, '34', '', '4'],
+  [2, 20, 30, '56', '', ''],
+  [1, 0, 29, '89', '', '9'],
+  [2, 11, 29, '789', '34', ''],
+  [2, 22, 30, '89', '45', ''],
+  [1, 4, 30, '', '56', '6'],
+  [2, 15, 30, '12-0', '56', ''],
+  [2, 26, 30, '12-1', '6-7-9-10', ''],
+  [1, 7, 30, '234', '67', '4'],
+  [2, 18, 29, '23', '', ''],
+  [2, 29, 30, '56', '', ''],
+  [1, 10, 30, '4578', '2.-3', '2'],
+  [2, 20, 29, '7-8-10-11', '34', ''],
+  [1, 2, 29, '9-10', '45', '6'],
+  [1, 13, 30, '9-10', '4578', ''],
+  [2, 24, 30, '1-2-10-11', '5689', ''],
+  [1, 5, 29, '123', '5.-6-8-9', '5'],
+  [2, 17, 30, '12', '9-10', ''],
+  [2, 28, 30, '12-4-5', '', ''],
+  [1, 8, 29, '2367', '1', '3'],
+  [2, 19, 30, '6-7-9-10', '23', ''],
+  [1, 1, 30, '9-10-11', '34', '11'],
+  [2, 11, 29, '9-10', '34', ''],
+  [2, 22, 29, '12-1-9-10', '4578', ''],
+  [1, 4, 30, '12', '5678', '6'],
+  [2, 16, 30, '12-1-2', '5689', ''],
+  [2, 26, 29, '12-1-2', '9-10', ''],
+  [1, 7, 29, '1245', '', '5'],
+  [2, 17, 29, '3489', '12-0', ''],
+  [2, 29, 30, '6-7-9-10', '12-1', ''],
+  [1, 10, 30, '89', '2.-3', '2'],
+  [2, 21, 30, '12-8-9', '3467', ''],
+  [1, 2, 30, '1', '4-5-7.-7', '7'],
+  [2, 14, 30, '12-1', '4578', ''],
+  [2, 25, 30, '12-1', '89', ''],
+  [1, 6, 30, '134', '89', '5'],
+  [2, 16, 29, '2356', '9-10', ''],
+  [2, 28, 30, '5689', '', ''],
+  [1, 8, 29, '78', '', '3'],
+  [2, 19, 30, '78', '2356', ''],
+  [2, 30, 30, '12-9-10', '3467', '8'],
+  [2, 12, 30, '12-0', '3467', ''],
+  [2, 23, 30, '12-2-3', '4578', ''],
+  [1, 4, 30, '23', '78', '6'],
+  [2, 15, 30, '123', '89', ''],
+  [2, 26, 29, '23', '', ''],
+  [1, 7, 29, '6-7-9-10', '', '4'],
+  [2, 17, 29, '9-10', '12-0', ''],
+  [2, 28, 30, '9-10-11', '2356', ''],
+  [1, 10, 29, '1-2-9-10', '3.-3-5-6', '3'],
+  [2, 21, 30, '1-2-10-11', '3467', ''],
+  [1, 2, 29, '12', '7.-7-', '7'],
+  [2, 13, 29, '12-1-2', '78', ''],
+  [2, 25, 30, '1245', '89', ''],
+  [1, 6, 30, '45', '', '5'],
+  [2, 16, 29, '67', '', ''],
+  [2, 27, 30, '6-7-9-10', '45', ''],
+  [1, 9, 30, '8-9-10', '4.-5', '4'],
+  [2, 19, 29, '9-10', '56', ''],
+  [1, 1, 30, '12-1', '67', '8'],
+  [2, 12, 30, '12-1', '67', ''],
+  [2, 23, 29, '12-1-3-4', '78', ''],
+  [1, 4, 29, '34', '', '6'],
+  [2, 15, 30, '56', '', ''],
+  [2, 25, 29, '89', '', ''],
+  [1, 7, 29, '789', '4.-4', '4'],
+  [2, 18, 30, '89', '45', ''],
+  [2, 29, 30, '12-0', '56', ''],
+  [1, 10, 30, '1', '5689', '3'],
+  [2, 22, 30, '12-2-3', '6-7-9-10', ''],
+  [1, 3, 30, '234', '5-6-9-10', '7'],
+  [2, 14, 30, '12-2-3', '', ''],
+  [2, 24, 30, '56', '', ''],
+  [1, 6, 30, '5.-5-7-8', '34', '5'],
+  [2, 16, 29, '78', '34', ''],
+  [2, 27, 30, '10-11', '45', ''],
+  [1, 8, 30, '9-10', '4.-5-7-8', '4'],
+  [2, 20, 30, '12', '567', ''],
+  [1, 1, 29, '123', '6-7-8.-9', '8'],
+  [2, 12, 30, '12', '9-10', ''],
+  [2, 23, 30, '1245', '', ''],
+  [1, 4, 29, '2-3-6.-7', '1', '6'],
+  [2, 15, 30, '6-7-9-10', '12-1', ''],
+  [2, 25, 29, '9-10-11', '34', ''],
+  [1, 6, 29, '8-9-10', '4.-4-6-7', '4'],
+  [2, 18, 29, '12-1-9-10', '456', ''],
+  [2, 29, 29, '12-1-2', '567', ''],
+  [1, 11, 30, '1234', '5689', '2'],
+  [2, 21, 29, '12-1-2', '9-10', ''],
+];
+var zodiac = [
+  'Monkey',
+  'Chicken',
+  'Dog',
+  'Pig',
+  'Rat',
+  'Cow',
+  'Tiger',
+  'Rabbit',
+  'Dragon',
+  'Snake',
+  'Horse',
+  'Sheep',
+];
+const gan = ['庚', '辛', '壬', '癸', '甲', '乙', '丙', '丁', '戊', '己'];
+const zhi = [
+  '申',
+  '酉',
+  '戌',
+  '亥',
+  '子',
+  '丑',
+  '寅',
+  '卯',
+  '辰',
+  '巳',
+  '午',
+  '未',
+];
+const zodiacYear = (year: number): string => zodiac[year % 12];
+
+const lunarYearMeth = (year: number): string => gan[year % 10] + zhi[year % 12];
+
+const getConsecutiveMonths = (msg: string) => {
+  if (!msg) return [];
+
+  return msg.includes('-') ? msg.split('-') : msg.split('');
+};
+
+const calculate = (year: number, month: number, day: number) => {
+  if (
+    year > MAX_YEAR ||
+    year < MIN_YEAR ||
+    month > MAX_MONTH ||
+    month < MIN_MONTH ||
+    day > MAX_DAY ||
+    day < MIN_DAY
+  ) {
+    throw 'Only receive data from 2000-2100, 1-12 months, 1-31 days';
+  }
+  const obj: {
+    year: number;
+    month: number;
+    day: number;
+    leapMonth: number | null;
+  } = {
+    year,
+    month,
+    day,
+    leapMonth: null,
+  };
+  let theYear = year % MIN_YEAR;
+  let ruleArr = time[theYear];
+  const ruleFirst = ruleArr[0] as number;
+  const ruleDaysBefore = ruleArr[1] as number;
+  const ruleDays = ruleArr[2] as number;
+  const ruleMonth = ruleArr[3] as string;
+  const ruleDayOfEndYear = ruleArr[4] as string;
+  const ruleLeap = ruleArr[5] as string;
+  const currentTime = new Date(`${year}/${month}/${day}`).getTime();
+  const startTime = new Date(`${year}/1/1`).getTime();
+  let nowDay: number = Math.floor(
+    (currentTime - startTime) / (24 * 60 * 60 * 1000),
+  );
+  let nowYear = ruleFirst > 0 ? year-- : year;
+  let monthOld = 12 + 1 - ruleFirst;
+  let oldDay = ruleDays - ruleDaysBefore + 1;
+  let thirtyMonth = getConsecutiveMonths(ruleMonth);
+  let twentyNineMonth = getConsecutiveMonths(ruleDayOfEndYear);
+  let nowMonth = 0;
+  let isThirty = ruleDays == 30 ? true : false;
+  let leapMonth = ruleLeap ? ruleLeap : null;
+  let isLeapMonth = false;
+  let getMonth = function () {
+    if (monthOld + 1 > 12) {
+      year += 1;
+      monthOld = 1;
+      isLeapMonth = false;
+    } else if (leapMonth) {
+      if (monthOld === Number(leapMonth)) {
+        obj.leapMonth = month;
+        leapMonth = null;
+        isLeapMonth = true;
+      } else {
+        leapMonth += 1;
+        isLeapMonth = false;
+      }
+    } else {
+      month += 1;
+      isLeapMonth = false;
+    }
+  };
+
+  let getIsThirty = function () {
+    if (thirtyMonth.find(e => Number(e) == monthOld)) {
+      if (isLeapMonth) {
+        if (thirtyMonth.find(e => String(e) == String(monthOld + '.'))) {
+          isThirty = true;
+        } else {
+          isThirty = !isThirty;
+        }
+      } else if (thirtyMonth.find(e => String(e) == String(monthOld))) {
+        isThirty = true;
+      } else {
+        isThirty = !isThirty;
+      }
+    } else if (ruleArr[4] && thirtyMonth.find(e => Number(e) == monthOld)) {
+      if (isLeapMonth) {
+        if (thirtyMonth.find(e => String(e) == String(month + '.'))) {
+          isThirty = false;
+        } else {
+          isThirty = !isThirty;
+        }
+      } else if (twentyNineMonth.find(e => String(e) == String(month))) {
+        isThirty = false;
+      } else {
+        isThirty = !isThirty;
+      }
+    } else {
+      isThirty = !isThirty;
+    }
+  };
+  if (nowDay > oldDay) {
+    nowDay -= oldDay;
+
+    if (monthOld + 1 > 12) {
+      obj.year += 1;
+
+      monthOld = 1;
+    } else {
+      monthOld += 1;
+    }
+
+    getIsThirty();
+
+    while (true) {
+      //30/29
+      if (nowDay > (isThirty ? 30 : 29)) {
+        nowDay -= isThirty ? 30 : 29;
+
+        getMonth();
+
+        getIsThirty();
+      } else {
+        break;
+      }
+    }
+
+    return Object.assign(obj, {
+      month: monthOld <= (obj?.leapMonth ? obj.leapMonth : monthOld),
+
+      day: nowDay,
+
+      zodiac: zodiacYear(obj.year),
+
+      lunarYear: lunarYearMeth(obj.year),
+    });
+  } else {
+    return Object.assign(obj, {
+      month,
+
+      day: ruleDaysBefore + nowDay - 1,
+
+      zodiac: zodiacYear(obj.year),
+
+      lunarYear: lunarYearMeth(obj.year),
+    });
+  }
+};
diff --git a/src/model/background.ts b/src/model/background.ts
deleted file mode 100644
index a408adb..0000000
--- a/src/model/background.ts
+++ /dev/null
@@ -1,248 +0,0 @@
-export type BackgroundType =
-  | 'bg-transparent'
-  | 'bg-black'
-  | 'bg-white'
-  | 'bg-over-shadow'
-  | 'bg-over-light'
-  | 'bg-slate-50'
-  | 'bg-slate-100'
-  | 'bg-slate-200'
-  | 'bg-slate-300'
-  | 'bg-slate-400'
-  | 'bg-slate-500'
-  | 'bg-slate-600'
-  | 'bg-slate-700'
-  | 'bg-slate-800'
-  | 'bg-slate-900'
-  | 'bg-slate-950'
-  | 'bg-gray-50'
-  | 'bg-gray-100'
-  | 'bg-gray-200'
-  | 'bg-gray-300'
-  | 'bg-gray-400'
-  | 'bg-gray-500'
-  | 'bg-gray-600'
-  | 'bg-gray-700'
-  | 'bg-gray-800'
-  | 'bg-gray-900'
-  | 'bg-gray-950'
-  | 'bg-zinc-50'
-  | 'bg-zinc-100'
-  | 'bg-zinc-200'
-  | 'bg-zinc-300'
-  | 'bg-zinc-400'
-  | 'bg-zinc-500'
-  | 'bg-zinc-600'
-  | 'bg-zinc-700'
-  | 'bg-zinc-800'
-  | 'bg-zinc-900'
-  | 'bg-zinc-950'
-  | 'bg-neutral-50'
-  | 'bg-neutral-100'
-  | 'bg-neutral-200'
-  | 'bg-neutral-300'
-  | 'bg-neutral-400'
-  | 'bg-neutral-500'
-  | 'bg-neutral-600'
-  | 'bg-neutral-700'
-  | 'bg-neutral-800'
-  | 'bg-neutral-900'
-  | 'bg-neutral-950'
-  | 'bg-stone-50'
-  | 'bg-stone-100'
-  | 'bg-stone-200'
-  | 'bg-stone-300'
-  | 'bg-stone-400'
-  | 'bg-stone-500'
-  | 'bg-stone-600'
-  | 'bg-stone-700'
-  | 'bg-stone-800'
-  | 'bg-stone-900'
-  | 'bg-stone-950'
-  | 'bg-red-50'
-  | 'bg-red-100'
-  | 'bg-red-200'
-  | 'bg-red-300'
-  | 'bg-red-400'
-  | 'bg-red-500'
-  | 'bg-red-600'
-  | 'bg-red-700'
-  | 'bg-red-800'
-  | 'bg-red-900'
-  | 'bg-red-950'
-  | 'bg-orange-50'
-  | 'bg-orange-100'
-  | 'bg-orange-200'
-  | 'bg-orange-300'
-  | 'bg-orange-400'
-  | 'bg-orange-500'
-  | 'bg-orange-600'
-  | 'bg-orange-700'
-  | 'bg-orange-800'
-  | 'bg-orange-900'
-  | 'bg-orange-950'
-  | 'bg-amber-50'
-  | 'bg-amber-100'
-  | 'bg-amber-200'
-  | 'bg-amber-300'
-  | 'bg-amber-400'
-  | 'bg-amber-500'
-  | 'bg-amber-600'
-  | 'bg-amber-700'
-  | 'bg-amber-800'
-  | 'bg-amber-900'
-  | 'bg-amber-950'
-  | 'bg-yellow-50'
-  | 'bg-yellow-100'
-  | 'bg-yellow-200'
-  | 'bg-yellow-300'
-  | 'bg-yellow-400'
-  | 'bg-yellow-500'
-  | 'bg-yellow-600'
-  | 'bg-yellow-700'
-  | 'bg-yellow-800'
-  | 'bg-yellow-900'
-  | 'bg-yellow-950'
-  | 'bg-lime-50'
-  | 'bg-lime-100'
-  | 'bg-lime-200'
-  | 'bg-lime-300'
-  | 'bg-lime-400'
-  | 'bg-lime-500'
-  | 'bg-lime-600'
-  | 'bg-lime-700'
-  | 'bg-lime-800'
-  | 'bg-lime-900'
-  | 'bg-lime-950'
-  | 'bg-green-50'
-  | 'bg-green-100'
-  | 'bg-green-200'
-  | 'bg-green-300'
-  | 'bg-green-400'
-  | 'bg-green-500'
-  | 'bg-green-600'
-  | 'bg-green-700'
-  | 'bg-green-800'
-  | 'bg-green-900'
-  | 'bg-green-950'
-  | 'bg-emerald-50'
-  | 'bg-emerald-100'
-  | 'bg-emerald-200'
-  | 'bg-emerald-300'
-  | 'bg-emerald-400'
-  | 'bg-emerald-500'
-  | 'bg-emerald-600'
-  | 'bg-emerald-700'
-  | 'bg-emerald-800'
-  | 'bg-emerald-900'
-  | 'bg-emerald-950'
-  | 'bg-teal-50'
-  | 'bg-teal-100'
-  | 'bg-teal-200'
-  | 'bg-teal-300'
-  | 'bg-teal-400'
-  | 'bg-teal-500'
-  | 'bg-teal-600'
-  | 'bg-teal-700'
-  | 'bg-teal-800'
-  | 'bg-teal-900'
-  | 'bg-teal-950'
-  | 'bg-cyan-50'
-  | 'bg-cyan-100'
-  | 'bg-cyan-200'
-  | 'bg-cyan-300'
-  | 'bg-cyan-400'
-  | 'bg-cyan-500'
-  | 'bg-cyan-600'
-  | 'bg-cyan-700'
-  | 'bg-cyan-800'
-  | 'bg-cyan-900'
-  | 'bg-cyan-950'
-  | 'bg-sky-50'
-  | 'bg-sky-100'
-  | 'bg-sky-200'
-  | 'bg-sky-300'
-  | 'bg-sky-400'
-  | 'bg-sky-500'
-  | 'bg-sky-600'
-  | 'bg-sky-700'
-  | 'bg-sky-800'
-  | 'bg-sky-900'
-  | 'bg-sky-950'
-  | 'bg-blue-50'
-  | 'bg-blue-100'
-  | 'bg-blue-200'
-  | 'bg-blue-300'
-  | 'bg-blue-400'
-  | 'bg-blue-500'
-  | 'bg-blue-600'
-  | 'bg-blue-700'
-  | 'bg-blue-800'
-  | 'bg-blue-900'
-  | 'bg-blue-950'
-  | 'bg-indigo-50'
-  | 'bg-indigo-100'
-  | 'bg-indigo-200'
-  | 'bg-indigo-300'
-  | 'bg-indigo-400'
-  | 'bg-indigo-500'
-  | 'bg-indigo-600'
-  | 'bg-indigo-700'
-  | 'bg-indigo-800'
-  | 'bg-indigo-900'
-  | 'bg-indigo-950'
-  | 'bg-violet-50'
-  | 'bg-violet-100'
-  | 'bg-violet-200'
-  | 'bg-violet-300'
-  | 'bg-violet-400'
-  | 'bg-violet-500'
-  | 'bg-violet-600'
-  | 'bg-violet-700'
-  | 'bg-violet-800'
-  | 'bg-violet-900'
-  | 'bg-violet-950'
-  | 'bg-purple-50'
-  | 'bg-purple-100'
-  | 'bg-purple-200'
-  | 'bg-purple-300'
-  | 'bg-purple-400'
-  | 'bg-purple-500'
-  | 'bg-purple-600'
-  | 'bg-purple-700'
-  | 'bg-purple-800'
-  | 'bg-purple-900'
-  | 'bg-purple-950'
-  | 'bg-fuchsia-50'
-  | 'bg-fuchsia-100'
-  | 'bg-fuchsia-200'
-  | 'bg-fuchsia-300'
-  | 'bg-fuchsia-400'
-  | 'bg-fuchsia-500'
-  | 'bg-fuchsia-600'
-  | 'bg-fuchsia-700'
-  | 'bg-fuchsia-800'
-  | 'bg-fuchsia-900'
-  | 'bg-fuchsia-950'
-  | 'bg-pink-50'
-  | 'bg-pink-100'
-  | 'bg-pink-200'
-  | 'bg-pink-300'
-  | 'bg-pink-400'
-  | 'bg-pink-500'
-  | 'bg-pink-600'
-  | 'bg-pink-700'
-  | 'bg-pink-800'
-  | 'bg-pink-900'
-  | 'bg-pink-950'
-  | 'bg-rose-50'
-  | 'bg-rose-100'
-  | 'bg-rose-200'
-  | 'bg-rose-300'
-  | 'bg-rose-400'
-  | 'bg-rose-500'
-  | 'bg-rose-600'
-  | 'bg-rose-700'
-  | 'bg-rose-800'
-  | 'bg-rose-900'
-  | 'bg-rose-950';
diff --git a/src/model/border.ts b/src/model/border.ts
deleted file mode 100644
index fe18e11..0000000
--- a/src/model/border.ts
+++ /dev/null
@@ -1,127 +0,0 @@
-export type BorderType = BorderWidthType | BorderColorType | RoundedType;
-
-type RoundedType =
-  | 'rounded-none'
-  | 'rounded-sm'
-  | 'rounded'
-  | 'rounded-md'
-  | 'rounded-lg'
-  | 'rounded-xl'
-  | 'rounded-2xl'
-  | 'rounded-3xl'
-  | 'rounded-full'
-  | 'rounded-t-none'
-  | 'rounded-t-sm'
-  | 'rounded-t'
-  | 'rounded-t-md'
-  | 'rounded-t-lg'
-  | 'rounded-t-xl'
-  | 'rounded-t-2xl'
-  | 'rounded-t-3xl'
-  | 'rounded-t-full'
-  | 'rounded-b-none'
-  | 'rounded-b-sm'
-  | 'rounded-b'
-  | 'rounded-b-md'
-  | 'rounded-b-lg'
-  | 'rounded-b-xl'
-  | 'rounded-b-2xl'
-  | 'rounded-b-3xl'
-  | 'rounded-b-full'
-  | 'rounded-l-none'
-  | 'rounded-l-sm'
-  | 'rounded-l'
-  | 'rounded-l-md'
-  | 'rounded-l-lg'
-  | 'rounded-l-xl'
-  | 'rounded-l-2xl'
-  | 'rounded-l-3xl'
-  | 'rounded-l-full'
-  | 'rounded-tl-none'
-  | 'rounded-tl-sm'
-  | 'rounded-tl'
-  | 'rounded-tl-md'
-  | 'rounded-tl-lg'
-  | 'rounded-tl-xl'
-  | 'rounded-tl-2xl'
-  | 'rounded-tl-3xl'
-  | 'rounded-tl-full'
-  | 'rounded-tr-none'
-  | 'rounded-tr-sm'
-  | 'rounded-tr'
-  | 'rounded-tr-md'
-  | 'rounded-tr-lg'
-  | 'rounded-tr-xl'
-  | 'rounded-tr-2xl'
-  | 'rounded-tr-3xl'
-  | 'rounded-tr-full'
-  | 'rounded-bl-none'
-  | 'rounded-bl-sm'
-  | 'rounded-bl'
-  | 'rounded-bl-md'
-  | 'rounded-bl-lg'
-  | 'rounded-bl-xl'
-  | 'rounded-bl-2xl'
-  | 'rounded-bl-3xl'
-  | 'rounded-bl-full'
-  | 'rounded-br-none'
-  | 'rounded-br-sm'
-  | 'rounded-br'
-  | 'rounded-br-md'
-  | 'rounded-br-lg'
-  | 'rounded-br-xl'
-  | 'rounded-br-2xl'
-  | 'rounded-br-3xl'
-  | 'rounded-br-full';
-
-type BorderColorType =
-  | 'border-dark'
-  | 'border-light'
-  | 'border-dark-light'
-  | 'border-white'
-  | 'border-black'
-  | 'border-secondary'
-  | 'border-error'
-  | 'border-success'
-  | 'border-warning'
-  | 'border-transparent'
-  | 'border-dashed'
-  | 'border-dotted'
-  | 'border-solid';
-
-type BorderWidthType =
-  | 'border-none'
-  | 'border'
-  | 'border-md'
-  | 'border-lg'
-  | 'border-xl'
-  | 'border-x-none'
-  | 'border-x'
-  | 'border-x-md'
-  | 'border-x-lg'
-  | 'border-x-xl'
-  | 'border-y-none'
-  | 'border-y'
-  | 'border-y-md'
-  | 'border-y-lg'
-  | 'border-y-xl'
-  | 'border-t-none'
-  | 'border-t'
-  | 'border-t-md'
-  | 'border-t-lg'
-  | 'border-t-xl'
-  | 'border-b-none'
-  | 'border-b'
-  | 'border-b-md'
-  | 'border-b-lg'
-  | 'border-b-xl'
-  | 'border-r-none'
-  | 'border-r'
-  | 'border-r-md'
-  | 'border-r-lg'
-  | 'border-r-xl'
-  | 'border-l-none'
-  | 'border-l'
-  | 'border-l-md'
-  | 'border-l-lg'
-  | 'border-l-xl';
diff --git a/src/model/classStyle.ts b/src/model/classStyle.ts
deleted file mode 100644
index 6b658f8..0000000
--- a/src/model/classStyle.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import {FlexType, GapType} from './flex';
-import {PositionType} from './position';
-import {MarginType} from './margin';
-import {PaddingType} from './padding';
-import {SizeType} from './size';
-import {BorderType} from '.';
-
-export type ClassStyleType =
-  | BorderType
-  | PositionType
-  | GapType
-  | MarginType
-  | PaddingType
-  | FlexType
-  | SizeType;
diff --git a/src/model/flex.ts b/src/model/flex.ts
deleted file mode 100644
index cb67abf..0000000
--- a/src/model/flex.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-export type FlexType =
-  | 'd-none'
-  | 'd-flex'
-  | 'flex-1'
-  | 'flex-wrap'
-  | 'flex-wrap-reverse'
-  | 'flex-nowrap'
-  | 'row'
-  | 'row-center'
-  | 'row-v-center'
-  | 'row-reverse'
-  | 'column'
-  | 'column-reverse'
-  | 'column-center'
-  | 'column-v-center'
-  | 'center'
-  | 'self-center'
-  | 'self-start'
-  | 'self-end'
-  | 'justify-start'
-  | 'justify-center'
-  | 'justify-end'
-  | 'space-around'
-  | 'space-between'
-  | 'items-center'
-  | 'items-start'
-  | 'items-end'
-  | 'aspectRatio'
-  | 'aspectRatio-16/9'
-  | 'aspectRatio-4/3'
-  | 'object-cover'
-  | 'object-contain'
-  | 'object-fill'
-  | 'object-scale-down';
-
-export type GapType =
-  | 'gap'
-  | 'gap-0'
-  | 'gap-0.5'
-  | 'gap-1'
-  | 'gap-1.5'
-  | 'gap-2'
-  | 'gap-2.5'
-  | 'gap-3'
-  | 'gap-3.5'
-  | 'gap-4'
-  | 'gap-5'
-  | 'gap-6'
-  | 'gap-7'
-  | 'gap-8'
-  | 'gap-9'
-  | 'gap-10'
-  | 'gap-11'
-  | 'gap-12'
-  | 'gap-14'
-  | 'gap-16'
-  | 'row-gap-0'
-  | 'row-gap-0.5'
-  | 'row-gap-1'
-  | 'row-gap-1.5'
-  | 'row-gap-2'
-  | 'row-gap-2.5'
-  | 'row-gap-3'
-  | 'row-gap-3.5'
-  | 'row-gap-4'
-  | 'row-gap-5'
-  | 'row-gap-6'
-  | 'row-gap-7'
-  | 'row-gap-8'
-  | 'row-gap-9'
-  | 'row-gap-10'
-  | 'row-gap-11'
-  | 'row-gap-12'
-  | 'row-gap-14'
-  | 'row-gap-16'
-  | 'col-gap-0'
-  | 'col-gap-0.5'
-  | 'col-gap-1'
-  | 'col-gap-1.5'
-  | 'col-gap-2'
-  | 'col-gap-2.5'
-  | 'col-gap-3'
-  | 'col-gap-3.5'
-  | 'col-gap-4'
-  | 'col-gap-5'
-  | 'col-gap-6'
-  | 'col-gap-7'
-  | 'col-gap-8'
-  | 'col-gap-9'
-  | 'col-gap-10'
-  | 'col-gap-11'
-  | 'col-gap-12'
-  | 'col-gap-14'
-  | 'col-gap-16';
diff --git a/src/model/index.ts b/src/model/index.ts
index 3c47028..e71b56f 100644
--- a/src/model/index.ts
+++ b/src/model/index.ts
@@ -1,9 +1,439 @@
-export * from './classStyle';
-export * from './border';
-export * from './flex';
-export * from './position';
-export * from './margin';
-export * from './padding';
-export * from './size';
-export * from './text';
-export * from './background';
\ No newline at end of file
+export type Varian = 'primary' | 'outline' | 'secondary' | 'dark' | 'light';
+
+export type VarianCheckbox =
+  | 'primary'
+  | 'outline-primary'
+  | 'secondary'
+  | 'outline-secondary';
+
+export type VarianColor = 'primary' | 'secondary';
+
+export enum ImageModuleType {
+  Image,
+  FastImage,
+  SvgUri,
+}
+
+export enum ScaleType {
+  NONE = 0,
+  HORIZONTAL = 1,
+  VERTICAL = 2,
+  MODERATE = 3,
+  FONTSIZE = 4,
+}
+
+import {
+  GestureResponderEvent,
+  ImageResizeMode,
+  ImageSourcePropType,
+  ImageStyle,
+  NativeScrollEvent,
+  ScrollViewProps,
+  StyleProp,
+  TextInputProps,
+  TextProps,
+  ViewProps,
+  ViewStyle,
+} from 'react-native';
+import {ReactNode} from 'react';
+
+interface checkedType {
+  checked?: string;
+  unchecked?: string;
+}
+export interface BoxProps extends ViewProps {
+  className?: string;
+}
+
+export interface ButtonComponentProps {
+  style?: StyleProp<ViewStyle>;
+  className?: string;
+  classText?: string;
+  enableDebounce?: boolean;
+  delayDebounce?: number;
+  varian?: Varian;
+  title?: string;
+  numberOfLines?: number;
+  leftContent?: ReactNode;
+  rightContent?: ReactNode;
+  children?: ReactNode;
+  onPress?: (e: GestureResponderEvent) => void;
+}
+
+interface CheckboxItemBaseProps {
+  className?: string;
+  classNameBox?: string;
+  classNameChildren?: string;
+  classNameLabel?: string;
+  classNameStatus?: checkedType;
+  size?: number;
+  enableDebounce?: boolean;
+  delayDebounce?: number;
+  resizeMode?: ImageResizeMode;
+  varian?: VarianCheckbox;
+}
+
+export interface CheckboxProps<ItemT = any> extends CheckboxItemBaseProps {
+  checked?: boolean;
+  value?: ItemT;
+  label?: string;
+  iconColor?: string;
+  iconChecked?: ReactNode;
+  iconSize?: number;
+  renderIconChecked?: (checked: boolean) => ReactNode;
+  onChange?: (value?: ItemT) => void;
+}
+
+export interface RadioButtonProps<ItemT = any> extends CheckboxItemBaseProps {
+  classNameStatus?: checkedType & {
+    borderChecked?: string;
+  };
+  checked?: boolean;
+  value?: ItemT;
+  label?: string;
+  sizeChildren?: number;
+  varian?: VarianColor;
+  onChange?: (value?: ItemT) => void;
+}
+
+export interface ImageBoxProps {
+  source: ImageSourcePropType;
+  className?: string;
+  imageModuleType?: ImageModuleType;
+  style?: StyleProp<ImageStyle>;
+  resizeMode?: ImageStyle['resizeMode'];
+}
+
+export interface TextComponentProps extends TextProps {
+  className?: string;
+}
+
+interface ProgressBaseProps extends BoxProps {
+  value: number;
+  label?: string;
+  varian: VarianColor;
+  showLabel?: boolean;
+  classLabel?: string;
+  renderLabel?: (value: number) => ReactNode;
+}
+
+export interface ProgressBarProps extends ProgressBaseProps {
+  classBox?: string;
+  classProgress?: string;
+}
+
+export interface ProgressCircleProps extends ProgressBaseProps {
+  size?: number;
+  strokeWidth?: number;
+  colorProgress?: string;
+  colorBackground?: string;
+}
+
+export interface SwipeBoxProps<ItemT = any> extends ScrollViewProps {
+  classBox?: string;
+  classSlider?: string;
+  classSliderItem?: string;
+  classPageItem?: string;
+  classPagination?: string;
+  data: ItemT[];
+  showPagination?: boolean;
+  currentIndex?: number;
+  width?: number;
+  itemWidth?: number;
+  sliderWidth?: number;
+  enableAnimation?: boolean;
+  enableControl?: boolean;
+  space?: number;
+  iconNext?: ReactNode;
+  iconPrev?: ReactNode;
+  iconColor?: string;
+  renderSliderItem: (item: ItemT, index: number) => ReactNode;
+  renderPageItem?: (item: ItemT, index: number) => ReactNode;
+  renderControl?: () => ReactNode;
+  onIndexChanged?: (index: number) => void;
+  onEndReached?: () => void;
+}
+
+export interface OnEndReachedProps extends NativeScrollEvent {
+  space: number;
+  itemWidth: number;
+  horizontal?: boolean | null;
+}
+
+interface GroupPropsBase<ItemT = any> {
+  data: ItemT[];
+  classBox?: string;
+  pickKey?: keyof ItemT;
+  pickLabel?: keyof ItemT;
+  onChange?: (value: ItemT) => void;
+}
+
+export interface RadioGroupProps<ItemT = any> extends GroupPropsBase<ItemT> {
+  value?: number | string;
+  radioItem?: CheckboxItemBaseProps & {
+    size?: number;
+    sizeChildren?: number;
+    varian?: VarianColor;
+  };
+}
+
+export interface CheckBoxGroupProps<ItemT = any> extends GroupPropsBase<ItemT> {
+  value?: (number | string)[];
+  checkBoxItem?: CheckboxItemBaseProps & {
+    iconColor?: string;
+    iconChecked?: ReactNode;
+    iconSize?: number;
+  };
+}
+
+export interface TextInputBoxProps extends TextInputProps {
+  leftContent?: ReactNode;
+  rightContent?: ReactNode;
+  classInput?: string;
+  classInputBase?: string;
+  classBox?: string;
+  label?: string;
+  classLabel?: string;
+}
+
+export interface SwitchBoxProps {
+  value?: boolean;
+  varian?: VarianColor;
+  className?: string;
+  classThumb?: string;
+  classLabel?: string;
+  disabled?: boolean;
+  label?: {
+    on?: string;
+    off?: string;
+  };
+  renderLabel?: (value: boolean) => ReactNode;
+  renderThumb?: (value: boolean) => ReactNode;
+  onChange?: (value: boolean) => void;
+}
+
+export interface SvgProps {
+  children: ReactNode;
+  width?: string;
+  height?: string;
+  viewBox?: string;
+}
+
+interface OffsetType {
+  top?: number;
+  left?: number;
+  right?: number;
+  width?: number;
+  height?: number;
+}
+
+export interface RenderButtonProps {
+  onPress: () => void;
+}
+
+export interface RenderOptionItem<ItemT = any> {
+  selected?: boolean;
+  index: number;
+  item: ItemT;
+}
+
+interface DropDownBaseProps<ItemT = any> {
+  data: ItemT[];
+  offset?: OffsetType;
+  buttonDropdown?: ButtonComponentProps & {
+    hidden?: boolean;
+    placeholder?: string;
+    classPlaceholderColor?: string;
+    classValueColor?: string;
+  };
+  maxWidthOption?: number;
+  classBox?: string;
+  classOption?: string;
+  classOptionItem?: string;
+  classOptionItemSelected?: string;
+  classOptionLabel?: string;
+  classOptionLabelSelected?: string;
+  enableRightToLeft?: boolean;
+  enableSearch?: boolean;
+  height?: number;
+  width?: number;
+  pickKey?: keyof ItemT;
+  pickLabel?: keyof ItemT;
+  enableScroll?: boolean;
+  varian?: VarianColor;
+  iconColor?: string;
+  numberOfLinesOption?: number;
+  saveKeywordType?: 'none' | 'auto' | 'submit';
+  searchType?: 'auto' | 'submit';
+  iconSelected?: ReactNode;
+  iconSelectedColor?: string;
+  styleSelectType?: 'none' | 'icon' | 'color';
+  inputSearch?: {
+    value?: string;
+    classInput?: string;
+    leftContent?: ReactNode;
+    rightContent?: ReactNode;
+    placeholder?: string;
+    onSearch?: (keyword: string) => void;
+  };
+
+  renderOptionItem?: (props: RenderOptionItem) => ReactNode;
+  onChange?: (value: ItemT) => void;
+}
+
+export interface DropDownProps<ItemT = any> extends DropDownBaseProps<ItemT> {
+  value?: number | string;
+  renderButtonAction?: (
+    params: RenderButtonProps & {
+      dataSelected: ItemT | null;
+    },
+  ) => ReactNode;
+}
+
+export interface MultiDropDownProps<ItemT = any>
+  extends DropDownBaseProps<ItemT> {
+  value?: Array<number | string>;
+  classContentSelected?: VirtualListClassProps;
+  onPressSelectedItem?: (item: ItemT) => void;
+  renderButtonAction?: (
+    params: RenderButtonProps & {
+      dataSelected: ItemT[] | null;
+    },
+  ) => ReactNode;
+}
+
+export interface VirtualListClassProps {
+  className?: string;
+  classContent?: string;
+  classColWrapper?: string;
+  classIndicator?: string;
+  classHeader?: string;
+  classFooter?: string;
+}
+
+export interface AnimationPlaceholderType {
+  animationType?: 'opacity' | 'shine';
+  classShine?: string;
+}
+
+export interface PlaceholderProps extends AnimationPlaceholderType {
+  className?: string;
+  placeholderType?: 'line' | 'media' | 'none';
+  randomWidth?: boolean;
+  disableAnimation?: boolean;
+  children?: ReactNode;
+}
+
+export interface PlaceholderBaseProps {
+  classLine?: string;
+  classCard?: string;
+  classMedia?: string;
+  classContainerLine?: string;
+  numberLine?: number;
+  halfWidth?: boolean;
+  randomWidth?: boolean;
+}
+
+export interface PlaceholderBoxProps extends AnimationPlaceholderType {
+  length?: number;
+  classContainer?: string;
+  placeholderType?: 'line' | 'media' | 'card';
+  placeholderItem?: PlaceholderBaseProps;
+  disableAnimation?: boolean;
+}
+
+export interface DateFormats {
+  'YYYY-MM': string;
+  'YYYY/MM': string;
+  'YYYY-MM-DD': string;
+  'YYYY/MM/DD': string;
+  'MM/DD/YYYY': string;
+  'DD/MM/YYYY': string;
+  'DD-MM-YYYY': string;
+  'MM-DD-YYYY': string;
+}
+
+export type DateFormatType = keyof DateFormats;
+
+export interface MonthOfYearType {
+  year: number;
+  month: number;
+  days: DayItemType[];
+}
+
+export interface DayItemType {
+  dateString: string;
+  isExtraDay?: boolean;
+  isToday?: boolean;
+  day: number;
+  className?: string;
+  classText?: string;
+  disabled?: boolean;
+}
+
+export interface SelectedDateItemType {
+  classBox?: string;
+  classText?: string;
+  dot?: boolean;
+  classDot?: string;
+}
+
+export interface SelectedDateType {
+  [key: string]: SelectedDateItemType;
+}
+
+export interface CalendarBoxProps {
+  format?: DateFormatType;
+  initDate?: string;
+  selectedDates?: SelectedDateType;
+  width?: number;
+  height?: number;
+  hideExtraDays?: boolean;
+  disablePressExtraDays?: boolean;
+  enableSpecialStyleExtraDays?: boolean;
+  classBox?: string;
+  classBoxArrowLeft?: string;
+  classBoxArrowRight?: string;
+  colorArrowLeft?: string;
+  colorArrowRight?: string;
+  classBoxHeader?: string;
+  classToday?: string;
+  classTextToday?: string;
+  classSelected?: string;
+  classTextSelected?: string;
+  classDay?: string;
+  classTextDay?: string;
+  classExtraDay?: string;
+  classTextExtraDay?: string;
+  classTextWeek?: string;
+  classWeek?: string;
+  classTextMonth?: string;
+  classTextYear?: string;
+  horizontal?: boolean;
+  scrollEnabled?: boolean;
+  widthArrow?: number;
+  months?: Array<string | number>;
+  weeks?: Array<string | number>;
+  weekType?: 'short' | 'long';
+  monthType?: 'default' | 'short' | 'long';
+  gap?: number;
+  minYear?: number;
+  maxYear?: number;
+  enableControl?: boolean;
+  firstDay?: number;
+  renderMonth?: (params: {year: number; month: number}) => ReactNode;
+  onChangeDate?: (date: {
+    year: number;
+    month: number;
+    day: number;
+    dateString: string;
+  }) => void;
+  renderHeader?: (params: MonthOfYearType) => ReactNode;
+  renderDateItem?: (params: {
+    date: DayItemType;
+    dot?: boolean;
+    classDot?: string;
+    classBox: string;
+    classText: string;
+  }) => ReactNode;
+}
diff --git a/src/model/margin.ts b/src/model/margin.ts
deleted file mode 100644
index 22a0fc1..0000000
--- a/src/model/margin.ts
+++ /dev/null
@@ -1,154 +0,0 @@
-export type MarginType =
-  | MarginTopType
-  | MarginLeftType
-  | MarginRightType
-  | MarginBottomType
-  | MarginHorizontalType
-  | MarginVerticalType
-  | MarginFullType;
-
-type MarginFullType =
-  | 'm-0'
-  | 'm-0.5'
-  | 'm-1'
-  | 'm-1.5'
-  | 'm-2'
-  | 'm-2.5'
-  | 'm-3'
-  | 'm-3.5'
-  | 'm-4'
-  | 'm-5'
-  | 'm-6'
-  | 'm-7'
-  | 'm-8'
-  | 'm-9'
-  | 'm-10'
-  | 'm-11'
-  | 'm-12'
-  | 'm-14'
-  | 'm-16';
-
-type MarginTopType =
-  | 'mt-0'
-  | 'mt-0.5'
-  | 'mt-1'
-  | 'mt-1.5'
-  | 'mt-2'
-  | 'mt-2.5'
-  | 'mt-3'
-  | 'mt-3.5'
-  | 'mt-4'
-  | 'mt-5'
-  | 'mt-6'
-  | 'mt-7'
-  | 'mt-8'
-  | 'mt-9'
-  | 'mt-10'
-  | 'mt-11'
-  | 'mt-12'
-  | 'mt-14'
-  | 'mt-16';
-
-type MarginLeftType =
-  | 'ml-0'
-  | 'ml-0.5'
-  | 'ml-1'
-  | 'ml-1.5'
-  | 'ml-2'
-  | 'ml-2.5'
-  | 'ml-3'
-  | 'ml-3.5'
-  | 'ml-4'
-  | 'ml-5'
-  | 'ml-6'
-  | 'ml-7'
-  | 'ml-8'
-  | 'ml-9'
-  | 'ml-10'
-  | 'ml-11'
-  | 'ml-12'
-  | 'ml-14'
-  | 'ml-16';
-
-type MarginRightType =
-  | 'mr-0'
-  | 'mr-0.5'
-  | 'mr-1'
-  | 'mr-1.5'
-  | 'mr-2'
-  | 'mr-2.5'
-  | 'mr-3'
-  | 'mr-3.5'
-  | 'mr-4'
-  | 'mr-5'
-  | 'mr-6'
-  | 'mr-7'
-  | 'mr-8'
-  | 'mr-9'
-  | 'mr-10'
-  | 'mr-11'
-  | 'mr-12'
-  | 'mr-14'
-  | 'mr-16';
-
-type MarginBottomType =
-  | 'mb-0.5'
-  | 'mb-1'
-  | 'mb-1.5'
-  | 'mb-2'
-  | 'mb-2.5'
-  | 'mb-3'
-  | 'mb-3.5'
-  | 'mb-4'
-  | 'mb-5'
-  | 'mb-6'
-  | 'mb-7'
-  | 'mb-8'
-  | 'mb-9'
-  | 'mb-10'
-  | 'mb-11'
-  | 'mb-12'
-  | 'mb-14'
-  | 'mb-16';
-
-type MarginHorizontalType =
-  | 'mx-0'
-  | 'mx-0.5'
-  | 'mx-1'
-  | 'mx-1.5'
-  | 'mx-2'
-  | 'mx-2.5'
-  | 'mx-3'
-  | 'mx-3.5'
-  | 'mx-4'
-  | 'mx-5'
-  | 'mx-6'
-  | 'mx-7'
-  | 'mx-8'
-  | 'mx-9'
-  | 'mx-10'
-  | 'mx-11'
-  | 'mx-12'
-  | 'mx-14'
-  | 'mx-16';
-
-type MarginVerticalType =
-  | 'my-0'
-  | 'my-0.5'
-  | 'my-1'
-  | 'my-1.5'
-  | 'my-2'
-  | 'my-2.5'
-  | 'my-3'
-  | 'my-3.5'
-  | 'my-4'
-  | 'my-5'
-  | 'my-6'
-  | 'my-7'
-  | 'my-8'
-  | 'my-9'
-  | 'my-10'
-  | 'my-11'
-  | 'my-12'
-  | 'my-14'
-  | 'my-16';
diff --git a/src/model/padding.ts b/src/model/padding.ts
deleted file mode 100644
index 980afad..0000000
--- a/src/model/padding.ts
+++ /dev/null
@@ -1,154 +0,0 @@
-export type PaddingType =
-  | PaddingTopType
-  | PaddingLeftType
-  | PaddingRightType
-  | PaddingBottomType
-  | PaddingHorizontalType
-  | PaddingVerticalType
-  | PaddingFullType;
-
-type PaddingFullType =
-  | 'p-0'
-  | 'p-0.5'
-  | 'p-1'
-  | 'p-1.5'
-  | 'p-2'
-  | 'p-2.5'
-  | 'p-3'
-  | 'p-3.5'
-  | 'p-4'
-  | 'p-5'
-  | 'p-6'
-  | 'p-7'
-  | 'p-8'
-  | 'p-9'
-  | 'p-10'
-  | 'p-11'
-  | 'p-12'
-  | 'p-14'
-  | 'p-16';
-
-type PaddingTopType =
-  | 'pt-0'
-  | 'pt-0.5'
-  | 'pt-1'
-  | 'pt-1.5'
-  | 'pt-2'
-  | 'pt-2.5'
-  | 'pt-3'
-  | 'pt-3.5'
-  | 'pt-4'
-  | 'pt-5'
-  | 'pt-6'
-  | 'pt-7'
-  | 'pt-8'
-  | 'pt-9'
-  | 'pt-10'
-  | 'pt-11'
-  | 'pt-12'
-  | 'pt-14'
-  | 'pt-16';
-
-type PaddingLeftType =
-  | 'pl-0'
-  | 'pl-0.5'
-  | 'pl-1'
-  | 'pl-1.5'
-  | 'pl-2'
-  | 'pl-2.5'
-  | 'pl-3'
-  | 'pl-3.5'
-  | 'pl-4'
-  | 'pl-5'
-  | 'pl-6'
-  | 'pl-7'
-  | 'pl-8'
-  | 'pl-9'
-  | 'pl-10'
-  | 'pl-11'
-  | 'pl-12'
-  | 'pl-14'
-  | 'pl-16';
-
-type PaddingRightType =
-  | 'pr-0'
-  | 'pr-0.5'
-  | 'pr-1'
-  | 'pr-1.5'
-  | 'pr-2'
-  | 'pr-2.5'
-  | 'pr-3'
-  | 'pr-3.5'
-  | 'pr-4'
-  | 'pr-5'
-  | 'pr-6'
-  | 'pr-7'
-  | 'pr-8'
-  | 'pr-9'
-  | 'pr-10'
-  | 'pr-11'
-  | 'pr-12'
-  | 'pr-14'
-  | 'pr-16';
-
-type PaddingBottomType =
-  | 'pb-0.5'
-  | 'pb-1'
-  | 'pb-1.5'
-  | 'pb-2'
-  | 'pb-2.5'
-  | 'pb-3'
-  | 'pb-3.5'
-  | 'pb-4'
-  | 'pb-5'
-  | 'pb-6'
-  | 'pb-7'
-  | 'pb-8'
-  | 'pb-9'
-  | 'pb-10'
-  | 'pb-11'
-  | 'pb-12'
-  | 'pb-14'
-  | 'pb-16';
-
-type PaddingHorizontalType =
-  | 'px-0'
-  | 'px-0.5'
-  | 'px-1'
-  | 'px-1.5'
-  | 'px-2'
-  | 'px-2.5'
-  | 'px-3'
-  | 'px-3.5'
-  | 'px-4'
-  | 'px-5'
-  | 'px-6'
-  | 'px-7'
-  | 'px-8'
-  | 'px-9'
-  | 'px-10'
-  | 'px-11'
-  | 'px-12'
-  | 'px-14'
-  | 'px-16';
-
-type PaddingVerticalType =
-  | 'py-0'
-  | 'py-0.5'
-  | 'py-1'
-  | 'py-1.5'
-  | 'py-2'
-  | 'py-2.5'
-  | 'py-3'
-  | 'py-3.5'
-  | 'py-4'
-  | 'py-5'
-  | 'py-6'
-  | 'py-7'
-  | 'py-8'
-  | 'py-9'
-  | 'py-10'
-  | 'py-11'
-  | 'py-12'
-  | 'py-14'
-  | 'py-16';
diff --git a/src/model/position.ts b/src/model/position.ts
deleted file mode 100644
index 37afcf3..0000000
--- a/src/model/position.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-export type PositionType =
-  | 'absolute'
-  | 'relative'
-  | Top
-  | Left
-  | Right
-  | Bottom
-  | ZIndex;
-
-type Top =
-  | 'top-0'
-  | 'top-0.5'
-  | 'top-1'
-  | 'top-1.5'
-  | 'top-2'
-  | 'top-2.5'
-  | 'top-3'
-  | 'top-3.5'
-  | 'top-4'
-  | 'top-5'
-  | 'top-6'
-  | 'top-7'
-  | 'top-8'
-  | 'top-9'
-  | 'top-10'
-  | 'top-11'
-  | 'top-12'
-  | 'top-14'
-  | 'top-16';
-
-type Bottom =
-  | 'bottom-0'
-  | 'bottom-0.5'
-  | 'bottom-1'
-  | 'bottom-1.5'
-  | 'bottom-2'
-  | 'bottom-2.5'
-  | 'bottom-3'
-  | 'bottom-3.5'
-  | 'bottom-4'
-  | 'bottom-5'
-  | 'bottom-6'
-  | 'bottom-7'
-  | 'bottom-8'
-  | 'bottom-9'
-  | 'bottom-10'
-  | 'bottom-11'
-  | 'bottom-12'
-  | 'bottom-14'
-  | 'bottom-16';
-
-type Left =
-  | 'left-0'
-  | 'left-0.5'
-  | 'left-1'
-  | 'left-1.5'
-  | 'left-2'
-  | 'left-2.5'
-  | 'left-3'
-  | 'left-3.5'
-  | 'left-4'
-  | 'left-5'
-  | 'left-6'
-  | 'left-7'
-  | 'left-8'
-  | 'left-9'
-  | 'left-10'
-  | 'left-11'
-  | 'left-12'
-  | 'left-14'
-  | 'left-16';
-
-type Right =
-  | 'right-0'
-  | 'right-0.5'
-  | 'right-1'
-  | 'right-1.5'
-  | 'right-2'
-  | 'right-2.5'
-  | 'right-3'
-  | 'right-3.5'
-  | 'right-4'
-  | 'right-5'
-  | 'right-6'
-  | 'right-7'
-  | 'right-8'
-  | 'right-9'
-  | 'right-10'
-  | 'right-11'
-  | 'right-12'
-  | 'right-14'
-  | 'right-16';
-
-type ZIndex =
-  | '-z-1'
-  | '-z-2'
-  | '-z-3'
-  | 'z-0'
-  | 'z-1'
-  | 'z-2'
-  | 'z-3'
-  | 'z-4'
-  | 'z-5'
-  | 'z-6'
-  | 'z-7'
-  | 'z-8'
-  | 'z-9'
-  | 'z-9999';
diff --git a/src/model/size.ts b/src/model/size.ts
deleted file mode 100644
index 6dab17f..0000000
--- a/src/model/size.ts
+++ /dev/null
@@ -1,144 +0,0 @@
-export type SizeType = WidthType | MinWidthType | HeightType;
-
-type WidthType =
-  | 'w-0'
-  | 'w-0.5'
-  | 'w-1'
-  | 'w-1.5'
-  | 'w-2'
-  | 'w-2.5'
-  | 'w-3'
-  | 'w-3.5'
-  | 'w-4'
-  | 'w-5'
-  | 'w-6'
-  | 'w-7'
-  | 'w-8'
-  | 'w-9'
-  | 'w-10'
-  | 'w-11'
-  | 'w-12'
-  | 'w-14'
-  | 'w-16'
-  | 'w-20'
-  | 'w-24'
-  | 'w-28'
-  | 'w-32'
-  | 'w-36'
-  | 'w-40'
-  | 'w-44'
-  | 'w-48'
-  | 'w-52'
-  | 'w-56'
-  | 'w-60'
-  | 'w-64'
-  | 'w-72'
-  | 'w-80'
-  | 'w-96'
-  | 'w-1/3'
-  | 'w-2/3'
-  | 'w-1/2'
-  | 'w-1/4'
-  | 'w-3/4'
-  | 'w-1/5'
-  | 'w-2/5'
-  | 'w-3/5'
-  | 'w-4/5'
-  | 'w-full'
-  | 'w-screen';
-
-type MinWidthType =
-  | 'min-w-0'
-  | 'min-w-0.5'
-  | 'min-w-1'
-  | 'min-w-1.5'
-  | 'min-w-2'
-  | 'min-w-2.5'
-  | 'min-w-3'
-  | 'min-w-3.5'
-  | 'min-w-4'
-  | 'min-w-5'
-  | 'min-w-6'
-  | 'min-w-7'
-  | 'min-w-8'
-  | 'min-w-9'
-  | 'min-w-10'
-  | 'min-w-11'
-  | 'min-w-12'
-  | 'min-w-14'
-  | 'min-w-16'
-  | 'min-w-20'
-  | 'min-w-24'
-  | 'min-w-28'
-  | 'min-w-32'
-  | 'min-w-36'
-  | 'min-w-40'
-  | 'min-w-44'
-  | 'min-w-48'
-  | 'min-w-52'
-  | 'min-w-56'
-  | 'min-w-60'
-  | 'min-w-64'
-  | 'min-w-72'
-  | 'min-w-80'
-  | 'min-w-96'
-  | 'min-w-1/3'
-  | 'min-w-2/3'
-  | 'min-w-1/2'
-  | 'min-w-1/4'
-  | 'min-w-3/4'
-  | 'min-w-1/5'
-  | 'min-w-2/5'
-  | 'min-w-3/5'
-  | 'min-w-4/5'
-  | 'min-w-full'
-  | 'min-w-screen';
-
-type HeightType =
-  | 'h-0'
-  | 'h-0.5'
-  | 'h-1'
-  | 'h-1.5'
-  | 'h-2'
-  | 'h-2.5'
-  | 'h-3'
-  | 'h-3.5'
-  | 'h-4'
-  | 'h-5'
-  | 'h-6'
-  | 'h-7'
-  | 'h-8'
-  | 'h-9'
-  | 'h-10'
-  | 'h-11'
-  | 'h-12'
-  | 'h-14'
-  | 'h-16'
-  | 'h-20'
-  | 'h-24'
-  | 'h-28'
-  | 'h-32'
-  | 'h-36'
-  | 'h-40'
-  | 'h-44'
-  | 'h-48'
-  | 'h-52'
-  | 'h-56'
-  | 'h-60'
-  | 'h-64'
-  | 'h-72'
-  | 'h-80'
-  | 'h-96'
-  | 'h-1/3'
-  | 'h-2/3'
-  | 'h-1/2'
-  | 'h-1/4'
-  | 'h-3/4'
-  | 'h-1/5'
-  | 'h-2/5'
-  | 'h-3/5'
-  | 'h-4/5'
-  | 'h-full'
-  | 'h-screen';
-
-export type SizeText = 'xs' | 'sm' | 'base' | 'lg' | 'xl';
diff --git a/src/model/text.ts b/src/model/text.ts
deleted file mode 100644
index c818d59..0000000
--- a/src/model/text.ts
+++ /dev/null
@@ -1,259 +0,0 @@
-export type TextAlign = 'center' | 'left' | 'right' | 'auto' | 'justify';
-export type TextType = TextColorType;
-
-export type FontWeight =
-  | 'thin'
-  | 'extraLight'
-  | 'light'
-  | 'normal'
-  | 'medium'
-  | 'semibold'
-  | 'bold'
-  | 'extrabold'
-  | 'black';
-
-export type TextColorType =
-  | 'text-black'
-  | 'text-white'
-  | 'text-slate-50'
-  | 'text-slate-100'
-  | 'text-slate-200'
-  | 'text-slate-300'
-  | 'text-slate-400'
-  | 'text-slate-500'
-  | 'text-slate-600'
-  | 'text-slate-700'
-  | 'text-slate-800'
-  | 'text-slate-900'
-  | 'text-slate-950'
-  | 'text-gray-50'
-  | 'text-gray-100'
-  | 'text-gray-200'
-  | 'text-gray-300'
-  | 'text-gray-400'
-  | 'text-gray-500'
-  | 'text-gray-600'
-  | 'text-gray-700'
-  | 'text-gray-800'
-  | 'text-gray-900'
-  | 'text-gray-950'
-  | 'text-zinc-50'
-  | 'text-zinc-100'
-  | 'text-zinc-200'
-  | 'text-zinc-300'
-  | 'text-zinc-400'
-  | 'text-zinc-500'
-  | 'text-zinc-600'
-  | 'text-zinc-700'
-  | 'text-zinc-800'
-  | 'text-zinc-900'
-  | 'text-zinc-950'
-  | 'text-neutral-50'
-  | 'text-neutral-100'
-  | 'text-neutral-200'
-  | 'text-neutral-300'
-  | 'text-neutral-400'
-  | 'text-neutral-500'
-  | 'text-neutral-600'
-  | 'text-neutral-700'
-  | 'text-neutral-800'
-  | 'text-neutral-900'
-  | 'text-neutral-950'
-  | 'text-stone-50'
-  | 'text-stone-100'
-  | 'text-stone-200'
-  | 'text-stone-300'
-  | 'text-stone-400'
-  | 'text-stone-500'
-  | 'text-stone-600'
-  | 'text-stone-700'
-  | 'text-stone-800'
-  | 'text-stone-900'
-  | 'text-stone-950'
-  | 'text-red-50'
-  | 'text-red-100'
-  | 'text-red-200'
-  | 'text-red-300'
-  | 'text-red-400'
-  | 'text-red-500'
-  | 'text-red-600'
-  | 'text-red-700'
-  | 'text-red-800'
-  | 'text-red-900'
-  | 'text-red-950'
-  | 'text-orange-50'
-  | 'text-orange-100'
-  | 'text-orange-200'
-  | 'text-orange-300'
-  | 'text-orange-400'
-  | 'text-orange-500'
-  | 'text-orange-600'
-  | 'text-orange-700'
-  | 'text-orange-800'
-  | 'text-orange-900'
-  | 'text-orange-950'
-  | 'text-amber-50'
-  | 'text-amber-100'
-  | 'text-amber-200'
-  | 'text-amber-300'
-  | 'text-amber-400'
-  | 'text-amber-500'
-  | 'text-amber-600'
-  | 'text-amber-700'
-  | 'text-amber-800'
-  | 'text-amber-900'
-  | 'text-amber-950'
-  | 'text-yellow-50'
-  | 'text-yellow-100'
-  | 'text-yellow-200'
-  | 'text-yellow-300'
-  | 'text-yellow-400'
-  | 'text-yellow-500'
-  | 'text-yellow-600'
-  | 'text-yellow-700'
-  | 'text-yellow-800'
-  | 'text-yellow-900'
-  | 'text-yellow-950'
-  | 'text-lime-50'
-  | 'text-lime-100'
-  | 'text-lime-200'
-  | 'text-lime-300'
-  | 'text-lime-400'
-  | 'text-lime-500'
-  | 'text-lime-600'
-  | 'text-lime-700'
-  | 'text-lime-800'
-  | 'text-lime-900'
-  | 'text-lime-950'
-  | 'text-green-50'
-  | 'text-green-100'
-  | 'text-green-200'
-  | 'text-green-300'
-  | 'text-green-400'
-  | 'text-green-500'
-  | 'text-green-600'
-  | 'text-green-700'
-  | 'text-green-800'
-  | 'text-green-900'
-  | 'text-green-950'
-  | 'text-emerald-50'
-  | 'text-emerald-100'
-  | 'text-emerald-200'
-  | 'text-emerald-300'
-  | 'text-emerald-400'
-  | 'text-emerald-500'
-  | 'text-emerald-600'
-  | 'text-emerald-700'
-  | 'text-emerald-800'
-  | 'text-emerald-900'
-  | 'text-emerald-950'
-  | 'text-teal-50'
-  | 'text-teal-100'
-  | 'text-teal-200'
-  | 'text-teal-300'
-  | 'text-teal-400'
-  | 'text-teal-500'
-  | 'text-teal-600'
-  | 'text-teal-700'
-  | 'text-teal-800'
-  | 'text-teal-900'
-  | 'text-teal-950'
-  | 'text-cyan-50'
-  | 'text-cyan-100'
-  | 'text-cyan-200'
-  | 'text-cyan-300'
-  | 'text-cyan-400'
-  | 'text-cyan-500'
-  | 'text-cyan-600'
-  | 'text-cyan-700'
-  | 'text-cyan-800'
-  | 'text-cyan-900'
-  | 'text-cyan-950'
-  | 'text-sky-50'
-  | 'text-sky-100'
-  | 'text-sky-200'
-  | 'text-sky-300'
-  | 'text-sky-400'
-  | 'text-sky-500'
-  | 'text-sky-600'
-  | 'text-sky-700'
-  | 'text-sky-800'
-  | 'text-sky-900'
-  | 'text-sky-950'
-  | 'text-blue-50'
-  | 'text-blue-100'
-  | 'text-blue-200'
-  | 'text-blue-300'
-  | 'text-blue-400'
-  | 'text-blue-500'
-  | 'text-blue-600'
-  | 'text-blue-700'
-  | 'text-blue-800'
-  | 'text-blue-900'
-  | 'text-blue-950'
-  | 'text-indigo-50'
-  | 'text-indigo-100'
-  | 'text-indigo-200'
-  | 'text-indigo-300'
-  | 'text-indigo-400'
-  | 'text-indigo-500'
-  | 'text-indigo-600'
-  | 'text-indigo-700'
-  | 'text-indigo-800'
-  | 'text-indigo-900'
-  | 'text-indigo-950'
-  | 'text-violet-50'
-  | 'text-violet-100'
-  | 'text-violet-200'
-  | 'text-violet-300'
-  | 'text-violet-400'
-  | 'text-violet-500'
-  | 'text-violet-600'
-  | 'text-violet-700'
-  | 'text-violet-800'
-  | 'text-violet-900'
-  | 'text-violet-950'
-  | 'text-purple-50'
-  | 'text-purple-100'
-  | 'text-purple-200'
-  | 'text-purple-300'
-  | 'text-purple-400'
-  | 'text-purple-500'
-  | 'text-purple-600'
-  | 'text-purple-700'
-  | 'text-purple-800'
-  | 'text-purple-900'
-  | 'text-purple-950'
-  | 'text-fuchsia-50'
-  | 'text-fuchsia-100'
-  | 'text-fuchsia-200'
-  | 'text-fuchsia-300'
-  | 'text-fuchsia-400'
-  | 'text-fuchsia-500'
-  | 'text-fuchsia-600'
-  | 'text-fuchsia-700'
-  | 'text-fuchsia-800'
-  | 'text-fuchsia-900'
-  | 'text-fuchsia-950'
-  | 'text-pink-50'
-  | 'text-pink-100'
-  | 'text-pink-200'
-  | 'text-pink-300'
-  | 'text-pink-400'
-  | 'text-pink-500'
-  | 'text-pink-600'
-  | 'text-pink-700'
-  | 'text-pink-800'
-  | 'text-pink-900'
-  | 'text-pink-950'
-  | 'text-rose-50'
-  | 'text-rose-100'
-  | 'text-rose-200'
-  | 'text-rose-300'
-  | 'text-rose-400'
-  | 'text-rose-500'
-  | 'text-rose-600'
-  | 'text-rose-700'
-  | 'text-rose-800'
-  | 'text-rose-900'
-  | 'text-rose-950';
diff --git a/src/provider/SvgProvider.tsx b/src/provider/SvgProvider.tsx
new file mode 100644
index 0000000..7fe24c9
--- /dev/null
+++ b/src/provider/SvgProvider.tsx
@@ -0,0 +1,60 @@
+import React, {useMemo} from 'react';
+import {Svg, SvgProps} from 'react-native-svg';
+import {VarianColor} from '../model';
+import {useVarianColor} from '../hook';
+import {Box} from '../atomic';
+const ICON_WIDTH = 24;
+const ICON_HEIGHT = 24;
+interface SvgProviderProps extends SvgProps {
+  varian?: VarianColor;
+  autoResize?: boolean;
+  aspectRatio?: number;
+  originalWidth?: number;
+  originalHeight?: number;
+  width?: number;
+}
+
+export const SvgProvider = ({
+  children,
+  height,
+  width,
+  varian,
+  fill,
+  originalWidth = ICON_WIDTH,
+  originalHeight = ICON_HEIGHT,
+  ...rest
+}: SvgProviderProps) => {
+  const theme = useVarianColor({varian, enableNull: true});
+  const widthIcon = useMemo(
+    () => width ?? originalWidth,
+    [width, originalWidth],
+  ) as number;
+
+  const aspectRatio = useMemo(
+    () => originalWidth / originalHeight,
+    [originalWidth, originalHeight],
+  );
+  const heightIcon = useMemo(() => {
+    if (height) {
+      return height;
+    }
+    if (width) {
+      return Math.floor(width * (width / originalWidth));
+    }
+    return originalHeight;
+  }, [height, originalWidth, originalHeight, width]);
+
+  return (
+    <Box
+      className={`w-[${widthIcon}] h-[${heightIcon}] aspectRatio[${aspectRatio}]`}>
+      <Svg
+        height={'100%'}
+        width={'100%'}
+        viewBox={`0 0 ${originalWidth} ${originalHeight}`}
+        fill={fill ?? theme?.color}
+        {...rest}>
+        {children}
+      </Svg>
+    </Box>
+  );
+};
diff --git a/src/provider/index.ts b/src/provider/index.ts
new file mode 100644
index 0000000..45f2b18
--- /dev/null
+++ b/src/provider/index.ts
@@ -0,0 +1 @@
+export * from './SvgProvider';
diff --git a/src/styles/Border.styles.ts b/src/styles/Border.styles.ts
deleted file mode 100644
index 92d8bbc..0000000
--- a/src/styles/Border.styles.ts
+++ /dev/null
@@ -1,447 +0,0 @@
-import {StyleSheet} from 'react-native';
-import {horizontalScale} from '../utils';
-
-const borderWidthStyle = StyleSheet.create({
-  'border-none': {borderWidth: 0},
-  border: {borderWidth: horizontalScale(1)},
-  'border-md': {borderWidth: horizontalScale(2)},
-  'border-lg': {borderWidth: horizontalScale(4)},
-  'border-xl': {borderWidth: horizontalScale(8)},
-  'border-t-none': {borderTopWidth: 0},
-  'border-t': {borderTopWidth: horizontalScale(1)},
-  'border-t-md': {borderTopWidth: horizontalScale(2)},
-  'border-t-lg': {borderTopWidth: horizontalScale(4)},
-  'border-t-xl': {borderTopWidth: horizontalScale(8)},
-  'border-b-none': {borderBottomWidth: 0},
-  'border-b': {borderBottomWidth: horizontalScale(1)},
-  'border-b-md': {borderBottomWidth: horizontalScale(2)},
-  'border-b-lg': {borderBottomWidth: horizontalScale(4)},
-  'border-b-xl': {borderBottomWidth: horizontalScale(8)},
-  'border-l-none': {borderLeftWidth: 0},
-  'border-l': {borderLeftWidth: horizontalScale(1)},
-  'border-l-md': {borderLeftWidth: horizontalScale(2)},
-  'border-l-lg': {borderLeftWidth: horizontalScale(4)},
-  'border-l-xl': {borderLeftWidth: horizontalScale(8)},
-  'border-r-none': {borderRightWidth: 0},
-  'border-r': {borderRightWidth: horizontalScale(1)},
-  'border-r-md': {borderRightWidth: horizontalScale(2)},
-  'border-r-lg': {borderRightWidth: horizontalScale(4)},
-  'border-r-xl': {borderRightWidth: horizontalScale(8)},
-  'border-x-none': {borderLeftWidth: 0, borderRightWidth: 0},
-  'border-x': {
-    borderLeftWidth: horizontalScale(1),
-    borderRightWidth: horizontalScale(1),
-  },
-  'border-x-md': {
-    borderLeftWidth: horizontalScale(2),
-    borderRightWidth: horizontalScale(2),
-  },
-  'border-x-lg': {
-    borderLeftWidth: horizontalScale(4),
-    borderRightWidth: horizontalScale(4),
-  },
-  'border-x-xl': {
-    borderLeftWidth: horizontalScale(8),
-    borderRightWidth: horizontalScale(8),
-  },
-  'border-y-none': {borderTopWidth: 0, borderBottomWidth: 0},
-  'border-y': {
-    borderTopWidth: horizontalScale(1),
-    borderBottomWidth: horizontalScale(1),
-  },
-  'border-y-md': {
-    borderTopWidth: horizontalScale(2),
-    borderBottomWidth: horizontalScale(2),
-  },
-  'border-y-lg': {
-    borderTopWidth: horizontalScale(4),
-    borderBottomWidth: horizontalScale(4),
-  },
-  'border-y-xl': {
-    borderTopWidth: horizontalScale(8),
-    borderBottomWidth: horizontalScale(8),
-  },
-});
-const borderColorStyles = StyleSheet.create({
-  'border-dashed': {borderStyle: 'dashed'},
-  'border-dotted': {borderStyle: 'dotted'},
-  'border-solid': {borderStyle: 'solid'},
-  'border-dark': {borderColor: 'black'},
-  'border-dark-light': {borderColor: 'white'},
-  'border-light': {borderColor: 'white'},
-  'border-white': {borderColor: 'white'},
-  'border-black': {borderColor: 'black'},
-  'border-secondary': {borderColor: '#f5f5f5'},
-  'border-error': {borderColor: 'red'},
-  'border-success': {borderColor: 'green'},
-  'border-warning': {borderColor: 'yellow'},
-  'border-transparent': {borderColor: 'transparent'},
-});
-
-const roundedStyles = StyleSheet.create({
-  'rounded-none': {borderRadius: 0},
-  'rounded-sm': {borderRadius: horizontalScale(2)},
-  rounded: {borderRadius: horizontalScale(4)},
-  'rounded-md': {borderRadius: horizontalScale(6)},
-  'rounded-lg': {borderRadius: horizontalScale(8)},
-  'rounded-xl': {borderRadius: horizontalScale(12)},
-  'rounded-2xl': {borderRadius: horizontalScale(16)},
-  'rounded-3xl': {borderRadius: horizontalScale(24)},
-  'rounded-full': {borderRadius: horizontalScale(9999)},
-  'rounded-t-none': {borderTopLeftRadius: 0, borderTopRightRadius: 0},
-  'rounded-t-sm': {
-    borderTopLeftRadius: horizontalScale(2),
-    borderTopRightRadius: horizontalScale(2),
-  },
-  'rounded-t': {
-    borderTopLeftRadius: horizontalScale(4),
-    borderTopRightRadius: horizontalScale(4),
-  },
-  'rounded-t-md': {
-    borderTopLeftRadius: horizontalScale(6),
-    borderTopRightRadius: horizontalScale(6),
-  },
-  'rounded-t-lg': {
-    borderTopLeftRadius: horizontalScale(8),
-    borderTopRightRadius: horizontalScale(8),
-  },
-  'rounded-t-xl': {
-    borderTopLeftRadius: horizontalScale(12),
-    borderTopRightRadius: horizontalScale(12),
-  },
-  'rounded-t-2xl': {
-    borderTopLeftRadius: horizontalScale(16),
-    borderTopRightRadius: horizontalScale(16),
-  },
-  'rounded-t-3xl': {
-    borderTopLeftRadius: horizontalScale(24),
-    borderTopRightRadius: horizontalScale(24),
-  },
-  'rounded-t-full': {
-    borderTopLeftRadius: horizontalScale(9999),
-    borderTopRightRadius: horizontalScale(9999),
-  },
-  'rounded-b-none': {borderBottomLeftRadius: 0, borderBottomRightRadius: 0},
-  'rounded-b-sm': {
-    borderBottomLeftRadius: horizontalScale(2),
-    borderBottomRightRadius: horizontalScale(2),
-  },
-  'rounded-b': {
-    borderBottomLeftRadius: horizontalScale(4),
-    borderBottomRightRadius: horizontalScale(4),
-  },
-  'rounded-b-md': {
-    borderBottomLeftRadius: horizontalScale(6),
-    borderBottomRightRadius: horizontalScale(6),
-  },
-  'rounded-b-lg': {
-    borderBottomLeftRadius: horizontalScale(8),
-    borderBottomRightRadius: horizontalScale(8),
-  },
-  'rounded-b-xl': {
-    borderBottomLeftRadius: horizontalScale(12),
-    borderBottomRightRadius: horizontalScale(12),
-  },
-  'rounded-b-2xl': {
-    borderBottomLeftRadius: horizontalScale(16),
-    borderBottomRightRadius: horizontalScale(16),
-  },
-  'rounded-b-3xl': {
-    borderBottomLeftRadius: horizontalScale(24),
-    borderBottomRightRadius: horizontalScale(24),
-  },
-  'rounded-b-full': {
-    borderBottomLeftRadius: horizontalScale(9999),
-    borderBottomRightRadius: horizontalScale(9999),
-  },
-  'rounded-l-none': {borderTopLeftRadius: 0, borderBottomLeftRadius: 0},
-  'rounded-l-sm': {
-    borderTopLeftRadius: horizontalScale(2),
-    borderBottomLeftRadius: horizontalScale(2),
-  },
-  'rounded-l': {
-    borderTopLeftRadius: horizontalScale(4),
-    borderBottomLeftRadius: horizontalScale(4),
-  },
-  'rounded-l-md': {
-    borderTopLeftRadius: horizontalScale(6),
-    borderBottomLeftRadius: horizontalScale(6),
-  },
-  'rounded-l-lg': {
-    borderTopLeftRadius: horizontalScale(8),
-    borderBottomLeftRadius: horizontalScale(8),
-  },
-  'rounded-l-xl': {
-    borderTopLeftRadius: horizontalScale(12),
-    borderBottomLeftRadius: horizontalScale(12),
-  },
-  'rounded-l-2xl': {
-    borderTopLeftRadius: horizontalScale(16),
-    borderBottomLeftRadius: horizontalScale(16),
-  },
-  'rounded-l-3xl': {
-    borderTopLeftRadius: horizontalScale(24),
-    borderBottomLeftRadius: horizontalScale(24),
-  },
-  'rounded-l-full': {
-    borderTopLeftRadius: horizontalScale(9999),
-    borderBottomLeftRadius: horizontalScale(9999),
-  },
-  'rounded-tl-none': {borderTopLeftRadius: 0},
-  'rounded-tl-sm': {borderTopLeftRadius: horizontalScale(2)},
-  'rounded-tl': {borderTopLeftRadius: horizontalScale(4)},
-  'rounded-tl-md': {borderTopLeftRadius: horizontalScale(6)},
-  'rounded-tl-lg': {borderTopLeftRadius: horizontalScale(8)},
-  'rounded-tl-xl': {borderTopLeftRadius: horizontalScale(12)},
-  'rounded-tl-2xl': {borderTopLeftRadius: horizontalScale(16)},
-  'rounded-tl-3xl': {borderTopLeftRadius: horizontalScale(24)},
-  'rounded-tl-full': {borderTopLeftRadius: horizontalScale(9999)},
-  'rounded-tr-none': {borderTopRightRadius: 0},
-  'rounded-tr-sm': {borderTopRightRadius: horizontalScale(2)},
-  'rounded-tr': {borderTopRightRadius: horizontalScale(4)},
-  'rounded-tr-md': {borderTopRightRadius: horizontalScale(6)},
-  'rounded-tr-lg': {borderTopRightRadius: horizontalScale(8)},
-  'rounded-tr-xl': {borderTopRightRadius: horizontalScale(12)},
-  'rounded-tr-2xl': {borderTopRightRadius: horizontalScale(16)},
-  'rounded-tr-3xl': {borderTopRightRadius: horizontalScale(24)},
-  'rounded-tr-full': {borderTopRightRadius: horizontalScale(9999)},
-  'rounded-bl-none': {borderBottomLeftRadius: 0},
-  'rounded-bl-sm': {borderBottomLeftRadius: horizontalScale(2)},
-  'rounded-bl': {borderBottomLeftRadius: horizontalScale(4)},
-  'rounded-bl-md': {borderBottomLeftRadius: horizontalScale(6)},
-  'rounded-bl-lg': {borderBottomLeftRadius: horizontalScale(8)},
-  'rounded-bl-xl': {borderBottomLeftRadius: horizontalScale(12)},
-  'rounded-bl-2xl': {borderBottomLeftRadius: horizontalScale(16)},
-  'rounded-bl-3xl': {borderBottomLeftRadius: horizontalScale(24)},
-  'rounded-bl-full': {borderBottomLeftRadius: horizontalScale(9999)},
-  'rounded-br-none': {borderBottomRightRadius: 0},
-  'rounded-br-sm': {borderBottomRightRadius: horizontalScale(2)},
-  'rounded-br': {borderBottomRightRadius: horizontalScale(4)},
-  'rounded-br-md': {borderBottomRightRadius: horizontalScale(6)},
-  'rounded-br-lg': {borderBottomRightRadius: horizontalScale(8)},
-  'rounded-br-xl': {borderBottomRightRadius: horizontalScale(12)},
-  'rounded-br-2xl': {borderBottomRightRadius: horizontalScale(16)},
-  'rounded-br-3xl': {borderBottomRightRadius: horizontalScale(24)},
-  'rounded-br-full': {borderBottomRightRadius: horizontalScale(9999)},
-});
-
-const borderWidthNoneScaleStyle = StyleSheet.create({
-  'border-none': {borderWidth: 0},
-  border: {borderWidth: 1},
-  'border-md': {borderWidth: 2},
-  'border-lg': {borderWidth: 4},
-  'border-xl': {borderWidth: 8},
-  'border-t-none': {borderTopWidth: 0},
-  'border-t': {borderTopWidth: 1},
-  'border-t-md': {borderTopWidth: 2},
-  'border-t-lg': {borderTopWidth: 4},
-  'border-t-xl': {borderTopWidth: 8},
-  'border-b-none': {borderBottomWidth: 0},
-  'border-b': {borderBottomWidth: 1},
-  'border-b-md': {borderBottomWidth: 2},
-  'border-b-lg': {borderBottomWidth: 4},
-  'border-b-xl': {borderBottomWidth: 8},
-  'border-l-none': {borderLeftWidth: 0},
-  'border-l': {borderLeftWidth: 1},
-  'border-l-md': {borderLeftWidth: 2},
-  'border-l-lg': {borderLeftWidth: 4},
-  'border-l-xl': {borderLeftWidth: 8},
-  'border-r-none': {borderRightWidth: 0},
-  'border-r': {borderRightWidth: 1},
-  'border-r-md': {borderRightWidth: 2},
-  'border-r-lg': {borderRightWidth: 4},
-  'border-r-xl': {borderRightWidth: 8},
-  'border-x-none': {borderLeftWidth: 0, borderRightWidth: 0},
-  'border-x': {
-    borderLeftWidth: 1,
-    borderRightWidth: 1,
-  },
-  'border-x-md': {
-    borderLeftWidth: 2,
-    borderRightWidth: 2,
-  },
-  'border-x-lg': {
-    borderLeftWidth: 4,
-    borderRightWidth: 4,
-  },
-  'border-x-xl': {
-    borderLeftWidth: 8,
-    borderRightWidth: 8,
-  },
-  'border-y-none': {borderTopWidth: 0, borderBottomWidth: 0},
-  'border-y': {
-    borderTopWidth: 1,
-    borderBottomWidth: 1,
-  },
-  'border-y-md': {
-    borderTopWidth: 2,
-    borderBottomWidth: 2,
-  },
-  'border-y-lg': {
-    borderTopWidth: 4,
-    borderBottomWidth: 4,
-  },
-  'border-y-xl': {
-    borderTopWidth: 8,
-    borderBottomWidth: 8,
-  },
-});
-
-const roundedNoneScaleStyles = StyleSheet.create({
-  'rounded-none': {borderRadius: 0},
-  'rounded-sm': {borderRadius: 2},
-  rounded: {borderRadius: 4},
-  'rounded-md': {borderRadius: 6},
-  'rounded-lg': {borderRadius: 8},
-  'rounded-xl': {borderRadius: 12},
-  'rounded-2xl': {borderRadius: 16},
-  'rounded-3xl': {borderRadius: 24},
-  'rounded-full': {borderRadius: 9999},
-  'rounded-t-none': {borderTopLeftRadius: 0, borderTopRightRadius: 0},
-  'rounded-t-sm': {
-    borderTopLeftRadius: 2,
-    borderTopRightRadius: 2,
-  },
-  'rounded-t': {
-    borderTopLeftRadius: 4,
-    borderTopRightRadius: 4,
-  },
-  'rounded-t-md': {
-    borderTopLeftRadius: 6,
-    borderTopRightRadius: 6,
-  },
-  'rounded-t-lg': {
-    borderTopLeftRadius: 8,
-    borderTopRightRadius: 8,
-  },
-  'rounded-t-xl': {
-    borderTopLeftRadius: 12,
-    borderTopRightRadius: 12,
-  },
-  'rounded-t-2xl': {
-    borderTopLeftRadius: 16,
-    borderTopRightRadius: 16,
-  },
-  'rounded-t-3xl': {
-    borderTopLeftRadius: 24,
-    borderTopRightRadius: 24,
-  },
-  'rounded-t-full': {
-    borderTopLeftRadius: 9999,
-    borderTopRightRadius: 9999,
-  },
-  'rounded-b-none': {borderBottomLeftRadius: 0, borderBottomRightRadius: 0},
-  'rounded-b-sm': {
-    borderBottomLeftRadius: 2,
-    borderBottomRightRadius: 2,
-  },
-  'rounded-b': {
-    borderBottomLeftRadius: 4,
-    borderBottomRightRadius: 4,
-  },
-  'rounded-b-md': {
-    borderBottomLeftRadius: 6,
-    borderBottomRightRadius: 6,
-  },
-  'rounded-b-lg': {
-    borderBottomLeftRadius: 8,
-    borderBottomRightRadius: 8,
-  },
-  'rounded-b-xl': {
-    borderBottomLeftRadius: 12,
-    borderBottomRightRadius: 12,
-  },
-  'rounded-b-2xl': {
-    borderBottomLeftRadius: 16,
-    borderBottomRightRadius: 16,
-  },
-  'rounded-b-3xl': {
-    borderBottomLeftRadius: 24,
-    borderBottomRightRadius: 24,
-  },
-  'rounded-b-full': {
-    borderBottomLeftRadius: 9999,
-    borderBottomRightRadius: 9999,
-  },
-  'rounded-l-none': {borderTopLeftRadius: 0, borderBottomLeftRadius: 0},
-  'rounded-l-sm': {
-    borderTopLeftRadius: 2,
-    borderBottomLeftRadius: 2,
-  },
-  'rounded-l': {
-    borderTopLeftRadius: 4,
-    borderBottomLeftRadius: 4,
-  },
-  'rounded-l-md': {
-    borderTopLeftRadius: 6,
-    borderBottomLeftRadius: 6,
-  },
-  'rounded-l-lg': {
-    borderTopLeftRadius: 8,
-    borderBottomLeftRadius: 8,
-  },
-  'rounded-l-xl': {
-    borderTopLeftRadius: 12,
-    borderBottomLeftRadius: 12,
-  },
-  'rounded-l-2xl': {
-    borderTopLeftRadius: 16,
-    borderBottomLeftRadius: 16,
-  },
-  'rounded-l-3xl': {
-    borderTopLeftRadius: 24,
-    borderBottomLeftRadius: 24,
-  },
-  'rounded-l-full': {
-    borderTopLeftRadius: 9999,
-    borderBottomLeftRadius: 9999,
-  },
-  'rounded-tl-none': {borderTopLeftRadius: 0},
-  'rounded-tl-sm': {borderTopLeftRadius: 2},
-  'rounded-tl': {borderTopLeftRadius: 4},
-  'rounded-tl-md': {borderTopLeftRadius: 6},
-  'rounded-tl-lg': {borderTopLeftRadius: 8},
-  'rounded-tl-xl': {borderTopLeftRadius: 12},
-  'rounded-tl-2xl': {borderTopLeftRadius: 16},
-  'rounded-tl-3xl': {borderTopLeftRadius: 24},
-  'rounded-tl-full': {borderTopLeftRadius: 9999},
-  'rounded-tr-none': {borderTopRightRadius: 0},
-  'rounded-tr-sm': {borderTopRightRadius: 2},
-  'rounded-tr': {borderTopRightRadius: 4},
-  'rounded-tr-md': {borderTopRightRadius: 6},
-  'rounded-tr-lg': {borderTopRightRadius: 8},
-  'rounded-tr-xl': {borderTopRightRadius: 12},
-  'rounded-tr-2xl': {borderTopRightRadius: 16},
-  'rounded-tr-3xl': {borderTopRightRadius: 24},
-  'rounded-tr-full': {borderTopRightRadius: 9999},
-  'rounded-bl-none': {borderBottomLeftRadius: 0},
-  'rounded-bl-sm': {borderBottomLeftRadius: 2},
-  'rounded-bl': {borderBottomLeftRadius: 4},
-  'rounded-bl-md': {borderBottomLeftRadius: 6},
-  'rounded-bl-lg': {borderBottomLeftRadius: 8},
-  'rounded-bl-xl': {borderBottomLeftRadius: 12},
-  'rounded-bl-2xl': {borderBottomLeftRadius: 16},
-  'rounded-bl-3xl': {borderBottomLeftRadius: 24},
-  'rounded-bl-full': {borderBottomLeftRadius: 9999},
-  'rounded-br-none': {borderBottomRightRadius: 0},
-  'rounded-br-sm': {borderBottomRightRadius: 2},
-  'rounded-br': {borderBottomRightRadius: 4},
-  'rounded-br-md': {borderBottomRightRadius: 6},
-  'rounded-br-lg': {borderBottomRightRadius: 8},
-  'rounded-br-xl': {borderBottomRightRadius: 12},
-  'rounded-br-2xl': {borderBottomRightRadius: 16},
-  'rounded-br-3xl': {borderBottomRightRadius: 24},
-  'rounded-br-full': {borderBottomRightRadius: 9999},
-});
-
-export const classBorderStyles = {
-  ...borderWidthStyle,
-  ...borderColorStyles,
-  ...roundedNoneScaleStyles,
-};
-
-export const classBorderNoneScaleStyles = {
-  ...borderWidthNoneScaleStyle,
-  ...borderColorStyles,
-  ...roundedStyles,
-};
diff --git a/src/styles/ClassStyles.ts b/src/styles/ClassStyles.ts
deleted file mode 100644
index 3c7ae74..0000000
--- a/src/styles/ClassStyles.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-import {flexStyles, gapNoneScaleStyles, gapStyles} from './Flex.styles';
-import {classBorderNoneScaleStyles, classBorderStyles} from './Border.styles';
-import {classMarginNoneScaleStyle, classMarginStyle} from './Margin.styles';
-import {classPaddingNoneScaleStyle, classPaddingStyle} from './Padding.styles';
-import {
-  classPositionNoneScaleStyle,
-  classPositionStyle,
-} from './Position.styles';
-import {classSizeNoneScaleStyle, classSizeStyle} from './Size.styles';
-import {ClassStyleType} from '../model';
-import {
-  textFontSizeNoneScaleStyle,
-  textFontSizeStyle,
-  textStyles,
-} from './Text.styles';
-import {backgroundColorStyle} from './background.styles';
-
-const classStyles = {
-  ...flexStyles,
-  ...gapStyles,
-  ...classBorderStyles,
-  ...classMarginStyle,
-  ...classPaddingStyle,
-  ...classPositionStyle,
-  ...classSizeStyle,
-  ...textStyles,
-  ...backgroundColorStyle,
-  ...textFontSizeStyle,
-};
-
-const classNoneScaleStyles = {
-  ...flexStyles,
-  ...gapNoneScaleStyles,
-  ...classBorderNoneScaleStyles,
-  ...classMarginNoneScaleStyle,
-  ...classPaddingNoneScaleStyle,
-  ...classPositionNoneScaleStyle,
-  ...classSizeNoneScaleStyle,
-  ...backgroundColorStyle,
-  ...textStyles,
-  ...textFontSizeNoneScaleStyle,
-};
-export const getClassStyles = (
-  className: ClassStyleType | ClassStyleType[],
-  scaleScreen = true,
-) => {
-  if (Array.isArray(className)) {
-    if (className.length > 0) {
-      const listStyle: any[] = className.map(item =>
-        getClassStyles(item, scaleScreen),
-      );
-      return listStyle;
-    }
-    return [{}];
-  } else {
-    if (scaleScreen) {
-      return classStyles[className];
-    }
-    return classNoneScaleStyles[className];
-  }
-};
-
-export const getClassNameStyles = (className: string, scaleScreen = true) => {
-  try {
-    if (className.length > 0) {
-      const listClass = className?.split(' ');
-      const listStyles = scaleScreen ? classStyles : classNoneScaleStyles;
-      return listClass.map(item => {
-        try {
-          return listStyles[item as never];
-        } catch (error) {
-          return {};
-        }
-      });
-    }
-    return {};
-  } catch (error) {
-    return {};
-  }
-};
diff --git a/src/styles/Colors.styles.ts b/src/styles/Colors.styles.ts
new file mode 100644
index 0000000..92e2998
--- /dev/null
+++ b/src/styles/Colors.styles.ts
@@ -0,0 +1,4116 @@
+import {StyleSheet} from 'react-native';
+
+export const ColorStyles = StyleSheet.create({
+  'bg-amber-50': {backgroundColor: '#fff8e1'},
+  'bg-amber-100': {backgroundColor: '#ffecb3'},
+  'bg-amber-200': {backgroundColor: '#ffe082'},
+  'bg-amber-300': {backgroundColor: '#ffd54f'},
+  'bg-amber-400': {backgroundColor: '#ffca28'},
+  'bg-amber-500': {backgroundColor: '#ffc107'},
+  'bg-amber-600': {backgroundColor: '#ffb300'},
+  'bg-amber-700': {backgroundColor: '#ffa000'},
+  'bg-amber-800': {backgroundColor: '#ff8f00'},
+  'bg-amber-900': {backgroundColor: '#ff6f00'},
+  'bg-amber-A100': {backgroundColor: '#ffe57f'},
+  'bg-amber-A200': {backgroundColor: '#ffd740'},
+  'bg-amber-A400': {backgroundColor: '#ffc400'},
+  'bg-amber-A700': {backgroundColor: '#ffab00'},
+  'bg-black': {backgroundColor: '#000000'},
+  'bg-blue-50': {backgroundColor: '#e3f2fd'},
+  'bg-blue-100': {backgroundColor: '#bbdefb'},
+  'bg-blue-200': {backgroundColor: '#90caf9'},
+  'bg-blue-300': {backgroundColor: '#64b5f6'},
+  'bg-blue-400': {backgroundColor: '#42a5f5'},
+  'bg-blue-500': {backgroundColor: '#2196f3'},
+  'bg-blue-600': {backgroundColor: '#1e88e5'},
+  'bg-blue-700': {backgroundColor: '#1976d2'},
+  'bg-blue-800': {backgroundColor: '#1565c0'},
+  'bg-blue-900': {backgroundColor: '#0d47a1'},
+  'bg-blue-A100': {backgroundColor: '#82b1ff'},
+  'bg-blue-A200': {backgroundColor: '#448aff'},
+  'bg-blue-A400': {backgroundColor: '#2979ff'},
+  'bg-blue-A700': {backgroundColor: '#2962ff'},
+  'bg-blue-gray-50': {backgroundColor: '#eceff1'},
+  'bg-blue-gray-100': {backgroundColor: '#cfd8dc'},
+  'bg-blue-gray-200': {backgroundColor: '#b0bec5'},
+  'bg-blue-gray-300': {backgroundColor: '#90a4ae'},
+  'bg-blue-gray-400': {backgroundColor: '#78909c'},
+  'bg-blue-gray-500': {backgroundColor: '#607d8b'},
+  'bg-blue-gray-600': {backgroundColor: '#546e7a'},
+  'bg-blue-gray-700': {backgroundColor: '#455a64'},
+  'bg-blue-gray-800': {backgroundColor: '#37474f'},
+  'bg-blue-gray-900': {backgroundColor: '#263238'},
+  'bg-brown-50': {backgroundColor: '#efebe9'},
+  'bg-brown-100': {backgroundColor: '#d7ccc8'},
+  'bg-brown-200': {backgroundColor: '#bcaaa4'},
+  'bg-brown-300': {backgroundColor: '#a1887f'},
+  'bg-brown-400': {backgroundColor: '#8d6e63'},
+  'bg-brown-500': {backgroundColor: '#795548'},
+  'bg-brown-600': {backgroundColor: '#6d4c41'},
+  'bg-brown-700': {backgroundColor: '#5d4037'},
+  'bg-brown-800': {backgroundColor: '#4e342e'},
+  'bg-brown-900': {backgroundColor: '#3e2723'},
+  'bg-cyan-50': {backgroundColor: '#e0f7fa'},
+  'bg-cyan-100': {backgroundColor: '#b2ebf2'},
+  'bg-cyan-200': {backgroundColor: '#80deea'},
+  'bg-cyan-300': {backgroundColor: '#4dd0e1'},
+  'bg-cyan-400': {backgroundColor: '#26c6da'},
+  'bg-cyan-500': {backgroundColor: '#00bcd4'},
+  'bg-cyan-600': {backgroundColor: '#00acc1'},
+  'bg-cyan-700': {backgroundColor: '#0097a7'},
+  'bg-cyan-800': {backgroundColor: '#00838f'},
+  'bg-cyan-900': {backgroundColor: '#006064'},
+  'bg-cyan-A100': {backgroundColor: '#84ffff'},
+  'bg-cyan-A200': {backgroundColor: '#18ffff'},
+  'bg-cyan-A400': {backgroundColor: '#00e5ff'},
+  'bg-cyan-A700': {backgroundColor: '#00b8d4'},
+  'bg-deep-orange-50': {backgroundColor: '#fbe9e7'},
+  'bg-deep-orange-100': {backgroundColor: '#ffccbc'},
+  'bg-deep-orange-200': {backgroundColor: '#ffab91'},
+  'bg-deep-orange-300': {backgroundColor: '#ff8a65'},
+  'bg-deep-orange-400': {backgroundColor: '#ff7043'},
+  'bg-deep-orange-500': {backgroundColor: '#ff5722'},
+  'bg-deep-orange-600': {backgroundColor: '#f4511e'},
+  'bg-deep-orange-700': {backgroundColor: '#e64a19'},
+  'bg-deep-orange-800': {backgroundColor: '#d84315'},
+  'bg-deep-orange-900': {backgroundColor: '#bf360c'},
+  'bg-deep-orange-A100': {backgroundColor: '#ff9e80'},
+  'bg-deep-orange-A200': {backgroundColor: '#ff6e40'},
+  'bg-deep-orange-A400': {backgroundColor: '#ff3d00'},
+  'bg-deep-orange-A700': {backgroundColor: '#dd2c00'},
+  'bg-deep-purple-50': {backgroundColor: '#ede7f6'},
+  'bg-deep-purple-100': {backgroundColor: '#d1c4e9'},
+  'bg-deep-purple-200': {backgroundColor: '#b39ddb'},
+  'bg-deep-purple-300': {backgroundColor: '#9575cd'},
+  'bg-deep-purple-400': {backgroundColor: '#7e57c2'},
+  'bg-deep-purple-500': {backgroundColor: '#673ab7'},
+  'bg-deep-purple-600': {backgroundColor: '#5e35b1'},
+  'bg-deep-purple-700': {backgroundColor: '#512da8'},
+  'bg-deep-purple-800': {backgroundColor: '#4527a0'},
+  'bg-deep-purple-900': {backgroundColor: '#311b92'},
+  'bg-deep-purple-A100': {backgroundColor: '#b388ff'},
+  'bg-deep-purple-A200': {backgroundColor: '#7c4dff'},
+  'bg-deep-purple-A400': {backgroundColor: '#651fff'},
+  'bg-deep-purple-A700': {backgroundColor: '#6200ea'},
+  'bg-gray-50': {backgroundColor: '#fafafa'},
+  'bg-gray-100': {backgroundColor: '#f5f5f5'},
+  'bg-gray-200': {backgroundColor: '#eeeeee'},
+  'bg-gray-300': {backgroundColor: '#e0e0e0'},
+  'bg-gray-400': {backgroundColor: '#bdbdbd'},
+  'bg-gray-500': {backgroundColor: '#9e9e9e'},
+  'bg-gray-600': {backgroundColor: '#757575'},
+  'bg-gray-700': {backgroundColor: '#616161'},
+  'bg-gray-800': {backgroundColor: '#424242'},
+  'bg-gray-900': {backgroundColor: '#212121'},
+  'bg-green-50': {backgroundColor: '#e8f5e9'},
+  'bg-green-100': {backgroundColor: '#c8e6c9'},
+  'bg-green-200': {backgroundColor: '#a5d6a7'},
+  'bg-green-300': {backgroundColor: '#81c784'},
+  'bg-green-400': {backgroundColor: '#66bb6a'},
+  'bg-green-500': {backgroundColor: '#4caf50'},
+  'bg-green-600': {backgroundColor: '#43a047'},
+  'bg-green-700': {backgroundColor: '#388e3c'},
+  'bg-green-800': {backgroundColor: '#2e7d32'},
+  'bg-green-900': {backgroundColor: '#1b5e20'},
+  'bg-green-A100': {backgroundColor: '#b9f6ca'},
+  'bg-green-A200': {backgroundColor: '#69f0ae'},
+  'bg-green-A400': {backgroundColor: '#00e676'},
+  'bg-green-A700': {backgroundColor: '#00c853'},
+  'bg-indigo-50': {backgroundColor: '#e8eaf6'},
+  'bg-indigo-100': {backgroundColor: '#c5cae9'},
+  'bg-indigo-200': {backgroundColor: '#9fa8da'},
+  'bg-indigo-300': {backgroundColor: '#7986cb'},
+  'bg-indigo-400': {backgroundColor: '#5c6bc0'},
+  'bg-indigo-500': {backgroundColor: '#3f51b5'},
+  'bg-indigo-600': {backgroundColor: '#3949ab'},
+  'bg-indigo-700': {backgroundColor: '#303f9f'},
+  'bg-indigo-800': {backgroundColor: '#283593'},
+  'bg-indigo-900': {backgroundColor: '#1a237e'},
+  'bg-indigo-A100': {backgroundColor: '#8c9eff'},
+  'bg-indigo-A200': {backgroundColor: '#536dfe'},
+  'bg-indigo-A400': {backgroundColor: '#3d5afe'},
+  'bg-indigo-A700': {backgroundColor: '#304ffe'},
+  'bg-light-blue-50': {backgroundColor: '#e1f5fe'},
+  'bg-light-blue-100': {backgroundColor: '#b3e5fc'},
+  'bg-light-blue-200': {backgroundColor: '#81d4fa'},
+  'bg-light-blue-300': {backgroundColor: '#4fc3f7'},
+  'bg-light-blue-400': {backgroundColor: '#29b6f6'},
+  'bg-light-blue-500': {backgroundColor: '#03a9f4'},
+  'bg-light-blue-600': {backgroundColor: '#039be5'},
+  'bg-light-blue-700': {backgroundColor: '#0288d1'},
+  'bg-light-blue-800': {backgroundColor: '#0277bd'},
+  'bg-light-blue-900': {backgroundColor: '#01579b'},
+  'bg-light-blue-A100': {backgroundColor: '#80d8ff'},
+  'bg-light-blue-A200': {backgroundColor: '#40c4ff'},
+  'bg-light-blue-A400': {backgroundColor: '#00b0ff'},
+  'bg-light-blue-A700': {backgroundColor: '#0091ea'},
+  'bg-light-green-50': {backgroundColor: '#f1f8e9'},
+  'bg-light-green-100': {backgroundColor: '#dcedc8'},
+  'bg-light-green-200': {backgroundColor: '#c5e1a5'},
+  'bg-light-green-300': {backgroundColor: '#aed581'},
+  'bg-light-green-400': {backgroundColor: '#9ccc65'},
+  'bg-light-green-500': {backgroundColor: '#8bc34a'},
+  'bg-light-green-600': {backgroundColor: '#7cb342'},
+  'bg-light-green-700': {backgroundColor: '#689f38'},
+  'bg-light-green-800': {backgroundColor: '#558b2f'},
+  'bg-light-green-900': {backgroundColor: '#33691e'},
+  'bg-light-green-A100': {backgroundColor: '#ccff90'},
+  'bg-light-green-A200': {backgroundColor: '#b2ff59'},
+  'bg-light-green-A400': {backgroundColor: '#76ff03'},
+  'bg-light-green-A700': {backgroundColor: '#64dd17'},
+  'bg-lime-50': {backgroundColor: '#f9fbe7'},
+  'bg-lime-100': {backgroundColor: '#f0f4c3'},
+  'bg-lime-200': {backgroundColor: '#e6ee9c'},
+  'bg-lime-300': {backgroundColor: '#dce775'},
+  'bg-lime-400': {backgroundColor: '#d4e157'},
+  'bg-lime-500': {backgroundColor: '#cddc39'},
+  'bg-lime-600': {backgroundColor: '#c0ca33'},
+  'bg-lime-700': {backgroundColor: '#afb42b'},
+  'bg-lime-800': {backgroundColor: '#9e9d24'},
+  'bg-lime-900': {backgroundColor: '#827717'},
+  'bg-lime-A100': {backgroundColor: '#f4ff81'},
+  'bg-lime-A200': {backgroundColor: '#eeff41'},
+  'bg-lime-A400': {backgroundColor: '#c6ff00'},
+  'bg-lime-A700': {backgroundColor: '#aeea00'},
+  'bg-orange-50': {backgroundColor: '#fff3e0'},
+  'bg-orange-100': {backgroundColor: '#ffe0b2'},
+  'bg-orange-200': {backgroundColor: '#ffcc80'},
+  'bg-orange-300': {backgroundColor: '#ffb74d'},
+  'bg-orange-400': {backgroundColor: '#ffa726'},
+  'bg-orange-500': {backgroundColor: '#ff9800'},
+  'bg-orange-600': {backgroundColor: '#fb8c00'},
+  'bg-orange-700': {backgroundColor: '#f57c00'},
+  'bg-orange-800': {backgroundColor: '#ef6c00'},
+  'bg-orange-900': {backgroundColor: '#e65100'},
+  'bg-orange-A100': {backgroundColor: '#ffd180'},
+  'bg-orange-A200': {backgroundColor: '#ffab40'},
+  'bg-orange-A400': {backgroundColor: '#ff9100'},
+  'bg-orange-A700': {backgroundColor: '#ff6d00'},
+  'bg-prink-50': {backgroundColor: '#fce4ec'},
+  'bg-prink-100': {backgroundColor: '#f8bbd0'},
+  'bg-prink-200': {backgroundColor: '#f48fb1'},
+  'bg-prink-300': {backgroundColor: '#f06292'},
+  'bg-prink-400': {backgroundColor: '#ec407a'},
+  'bg-prink-500': {backgroundColor: '#e91e63'},
+  'bg-prink-600': {backgroundColor: '#d81b60'},
+  'bg-prink-700': {backgroundColor: '#c2185b'},
+  'bg-prink-800': {backgroundColor: '#ad1457'},
+  'bg-prink-900': {backgroundColor: '#880e4f'},
+  'bg-prink-A100': {backgroundColor: '#ff80ab'},
+  'bg-prink-A200': {backgroundColor: '#ff4081'},
+  'bg-prink-A400': {backgroundColor: '#f50057'},
+  'bg-prink-A700': {backgroundColor: '#c51162'},
+  'bg-purple-50': {backgroundColor: '#f3e5f5'},
+  'bg-purple-100': {backgroundColor: '#e1bee7'},
+  'bg-purple-200': {backgroundColor: '#ce93d8'},
+  'bg-purple-300': {backgroundColor: '#ba68c8'},
+  'bg-purple-400': {backgroundColor: '#ab47bc'},
+  'bg-purple-500': {backgroundColor: '#9c27b0'},
+  'bg-purple-600': {backgroundColor: '#8e24aa'},
+  'bg-purple-700': {backgroundColor: '#7b1fa2'},
+  'bg-purple-800': {backgroundColor: '#6a1b9a'},
+  'bg-purple-900': {backgroundColor: '#4a148c'},
+  'bg-purple-A100': {backgroundColor: '#ea80fc'},
+  'bg-purple-A200': {backgroundColor: '#e040fb'},
+  'bg-purple-A400': {backgroundColor: '#d500f9'},
+  'bg-purple-A700': {backgroundColor: '#aa00ff'},
+  'bg-red-50': {backgroundColor: '#ffebee'},
+  'bg-red-100': {backgroundColor: '#ffcdd2'},
+  'bg-red-200': {backgroundColor: '#ef9a9a'},
+  'bg-red-300': {backgroundColor: '#e57373'},
+  'bg-red-400': {backgroundColor: '#ef5350'},
+  'bg-red-500': {backgroundColor: '#f44336'},
+  'bg-red-600': {backgroundColor: '#e53935'},
+  'bg-red-700': {backgroundColor: '#d32f2f'},
+  'bg-red-800': {backgroundColor: '#c62828'},
+  'bg-red-900': {backgroundColor: '#b71c1c'},
+  'bg-red-A100': {backgroundColor: '#ff8a80'},
+  'bg-red-A200': {backgroundColor: '#ff5252'},
+  'bg-red-A400': {backgroundColor: '#ff1744'},
+  'bg-red-A700': {backgroundColor: '#d50000'},
+  'bg-teal-50': {backgroundColor: '#e0f2f1'},
+  'bg-teal-100': {backgroundColor: '#b2dfdb'},
+  'bg-teal-200': {backgroundColor: '#80cbc4'},
+  'bg-teal-300': {backgroundColor: '#4db6ac'},
+  'bg-teal-400': {backgroundColor: '#26a69a'},
+  'bg-teal-500': {backgroundColor: '#009688'},
+  'bg-teal-600': {backgroundColor: '#00897b'},
+  'bg-teal-700': {backgroundColor: '#00796b'},
+  'bg-teal-800': {backgroundColor: '#00695c'},
+  'bg-teal-900': {backgroundColor: '#004d40'},
+  'bg-teal-A100': {backgroundColor: '#a7ffeb'},
+  'bg-teal-A200': {backgroundColor: '#64ffda'},
+  'bg-teal-A400': {backgroundColor: '#1de9b6'},
+  'bg-teal-A700': {backgroundColor: '#00bfa5'},
+  'bg-transparent': {backgroundColor: 'transparent'},
+  'bg-white': {backgroundColor: '#ffffff'},
+  'bg-yellow-50': {backgroundColor: '#fffde7'},
+  'bg-yellow-100': {backgroundColor: '#fff9c4'},
+  'bg-yellow-200': {backgroundColor: '#fff59d'},
+  'bg-yellow-300': {backgroundColor: '#fff176'},
+  'bg-yellow-400': {backgroundColor: '#ffee58'},
+  'bg-yellow-500': {backgroundColor: '#ffeb3b'},
+  'bg-yellow-600': {backgroundColor: '#fdd835'},
+  'bg-yellow-700': {backgroundColor: '#fbc02d'},
+  'bg-yellow-800': {backgroundColor: '#f9a825'},
+  'bg-yellow-900': {backgroundColor: '#f57f17'},
+  'bg-yellow-A100': {backgroundColor: '#ffff8d'},
+  'bg-yellow-A200': {backgroundColor: '#ffff00'},
+  'bg-yellow-A400': {backgroundColor: '#ffea00'},
+  'bg-yellow-A700': {backgroundColor: '#ffd600'},
+  'border-amber-50': {borderColor: '#fff8e1'},
+  'border-amber-100': {borderColor: '#ffecb3'},
+  'border-amber-200': {borderColor: '#ffe082'},
+  'border-amber-300': {borderColor: '#ffd54f'},
+  'border-amber-400': {borderColor: '#ffca28'},
+  'border-amber-500': {borderColor: '#ffc107'},
+  'border-amber-600': {borderColor: '#ffb300'},
+  'border-amber-700': {borderColor: '#ffa000'},
+  'border-amber-800': {borderColor: '#ff8f00'},
+  'border-amber-900': {borderColor: '#ff6f00'},
+  'border-amber-A100': {borderColor: '#ffe57f'},
+  'border-amber-A200': {borderColor: '#ffd740'},
+  'border-amber-A400': {borderColor: '#ffc400'},
+  'border-amber-A700': {borderColor: '#ffab00'},
+  'border-b-amber-50': {borderBottomColor: '#fff8e1'},
+  'border-b-amber-100': {borderBottomColor: '#ffecb3'},
+  'border-b-amber-200': {borderBottomColor: '#ffe082'},
+  'border-b-amber-300': {borderBottomColor: '#ffd54f'},
+  'border-b-amber-400': {borderBottomColor: '#ffca28'},
+  'border-b-amber-500': {borderBottomColor: '#ffc107'},
+  'border-b-amber-600': {borderBottomColor: '#ffb300'},
+  'border-b-amber-700': {borderBottomColor: '#ffa000'},
+  'border-b-amber-800': {borderBottomColor: '#ff8f00'},
+  'border-b-amber-900': {borderBottomColor: '#ff6f00'},
+  'border-b-amber-A100': {borderBottomColor: '#ffe57f'},
+  'border-b-amber-A200': {borderBottomColor: '#ffd740'},
+  'border-b-amber-A400': {borderBottomColor: '#ffc400'},
+  'border-b-amber-A700': {borderBottomColor: '#ffab00'},
+  'border-b-black': {borderBottomColor: '#000000'},
+  'border-b-blue-50': {borderBottomColor: '#e3f2fd'},
+  'border-b-blue-100': {borderBottomColor: '#bbdefb'},
+  'border-b-blue-200': {borderBottomColor: '#90caf9'},
+  'border-b-blue-300': {borderBottomColor: '#64b5f6'},
+  'border-b-blue-400': {borderBottomColor: '#42a5f5'},
+  'border-b-blue-500': {borderBottomColor: '#2196f3'},
+  'border-b-blue-600': {borderBottomColor: '#1e88e5'},
+  'border-b-blue-700': {borderBottomColor: '#1976d2'},
+  'border-b-blue-800': {borderBottomColor: '#1565c0'},
+  'border-b-blue-900': {borderBottomColor: '#0d47a1'},
+  'border-b-blue-A100': {borderBottomColor: '#82b1ff'},
+  'border-b-blue-A200': {borderBottomColor: '#448aff'},
+  'border-b-blue-A400': {borderBottomColor: '#2979ff'},
+  'border-b-blue-A700': {borderBottomColor: '#2962ff'},
+  'border-b-blue-gray-50': {borderBottomColor: '#eceff1'},
+  'border-b-blue-gray-100': {borderBottomColor: '#cfd8dc'},
+  'border-b-blue-gray-200': {borderBottomColor: '#b0bec5'},
+  'border-b-blue-gray-300': {borderBottomColor: '#90a4ae'},
+  'border-b-blue-gray-400': {borderBottomColor: '#78909c'},
+  'border-b-blue-gray-500': {borderBottomColor: '#607d8b'},
+  'border-b-blue-gray-600': {borderBottomColor: '#546e7a'},
+  'border-b-blue-gray-700': {borderBottomColor: '#455a64'},
+  'border-b-blue-gray-800': {borderBottomColor: '#37474f'},
+  'border-b-blue-gray-900': {borderBottomColor: '#263238'},
+  'border-b-brown-50': {borderBottomColor: '#efebe9'},
+  'border-b-brown-100': {borderBottomColor: '#d7ccc8'},
+  'border-b-brown-200': {borderBottomColor: '#bcaaa4'},
+  'border-b-brown-300': {borderBottomColor: '#a1887f'},
+  'border-b-brown-400': {borderBottomColor: '#8d6e63'},
+  'border-b-brown-500': {borderBottomColor: '#795548'},
+  'border-b-brown-600': {borderBottomColor: '#6d4c41'},
+  'border-b-brown-700': {borderBottomColor: '#5d4037'},
+  'border-b-brown-800': {borderBottomColor: '#4e342e'},
+  'border-b-brown-900': {borderBottomColor: '#3e2723'},
+  'border-b-cyan-50': {borderBottomColor: '#e0f7fa'},
+  'border-b-cyan-100': {borderBottomColor: '#b2ebf2'},
+  'border-b-cyan-200': {borderBottomColor: '#80deea'},
+  'border-b-cyan-300': {borderBottomColor: '#4dd0e1'},
+  'border-b-cyan-400': {borderBottomColor: '#26c6da'},
+  'border-b-cyan-500': {borderBottomColor: '#00bcd4'},
+  'border-b-cyan-600': {borderBottomColor: '#00acc1'},
+  'border-b-cyan-700': {borderBottomColor: '#0097a7'},
+  'border-b-cyan-800': {borderBottomColor: '#00838f'},
+  'border-b-cyan-900': {borderBottomColor: '#006064'},
+  'border-b-cyan-A100': {borderBottomColor: '#84ffff'},
+  'border-b-cyan-A200': {borderBottomColor: '#18ffff'},
+  'border-b-cyan-A400': {borderBottomColor: '#00e5ff'},
+  'border-b-cyan-A700': {borderBottomColor: '#00b8d4'},
+  'border-b-deep-orange-50': {borderBottomColor: '#fbe9e7'},
+  'border-b-deep-orange-100': {borderBottomColor: '#ffccbc'},
+  'border-b-deep-orange-200': {borderBottomColor: '#ffab91'},
+  'border-b-deep-orange-300': {borderBottomColor: '#ff8a65'},
+  'border-b-deep-orange-400': {borderBottomColor: '#ff7043'},
+  'border-b-deep-orange-500': {borderBottomColor: '#ff5722'},
+  'border-b-deep-orange-600': {borderBottomColor: '#f4511e'},
+  'border-b-deep-orange-700': {borderBottomColor: '#e64a19'},
+  'border-b-deep-orange-800': {borderBottomColor: '#d84315'},
+  'border-b-deep-orange-900': {borderBottomColor: '#bf360c'},
+  'border-b-deep-orange-A100': {borderBottomColor: '#ff9e80'},
+  'border-b-deep-orange-A200': {borderBottomColor: '#ff6e40'},
+  'border-b-deep-orange-A400': {borderBottomColor: '#ff3d00'},
+  'border-b-deep-orange-A700': {borderBottomColor: '#dd2c00'},
+  'border-b-deep-purple-50': {borderBottomColor: '#ede7f6'},
+  'border-b-deep-purple-100': {borderBottomColor: '#d1c4e9'},
+  'border-b-deep-purple-200': {borderBottomColor: '#b39ddb'},
+  'border-b-deep-purple-300': {borderBottomColor: '#9575cd'},
+  'border-b-deep-purple-400': {borderBottomColor: '#7e57c2'},
+  'border-b-deep-purple-500': {borderBottomColor: '#673ab7'},
+  'border-b-deep-purple-600': {borderBottomColor: '#5e35b1'},
+  'border-b-deep-purple-700': {borderBottomColor: '#512da8'},
+  'border-b-deep-purple-800': {borderBottomColor: '#4527a0'},
+  'border-b-deep-purple-900': {borderBottomColor: '#311b92'},
+  'border-b-deep-purple-A100': {borderBottomColor: '#b388ff'},
+  'border-b-deep-purple-A200': {borderBottomColor: '#7c4dff'},
+  'border-b-deep-purple-A400': {borderBottomColor: '#651fff'},
+  'border-b-deep-purple-A700': {borderBottomColor: '#6200ea'},
+  'border-b-gray-50': {borderBottomColor: '#fafafa'},
+  'border-b-gray-100': {borderBottomColor: '#f5f5f5'},
+  'border-b-gray-200': {borderBottomColor: '#eeeeee'},
+  'border-b-gray-300': {borderBottomColor: '#e0e0e0'},
+  'border-b-gray-400': {borderBottomColor: '#bdbdbd'},
+  'border-b-gray-500': {borderBottomColor: '#9e9e9e'},
+  'border-b-gray-600': {borderBottomColor: '#757575'},
+  'border-b-gray-700': {borderBottomColor: '#616161'},
+  'border-b-gray-800': {borderBottomColor: '#424242'},
+  'border-b-gray-900': {borderBottomColor: '#212121'},
+  'border-b-green-50': {borderBottomColor: '#e8f5e9'},
+  'border-b-green-100': {borderBottomColor: '#c8e6c9'},
+  'border-b-green-200': {borderBottomColor: '#a5d6a7'},
+  'border-b-green-300': {borderBottomColor: '#81c784'},
+  'border-b-green-400': {borderBottomColor: '#66bb6a'},
+  'border-b-green-500': {borderBottomColor: '#4caf50'},
+  'border-b-green-600': {borderBottomColor: '#43a047'},
+  'border-b-green-700': {borderBottomColor: '#388e3c'},
+  'border-b-green-800': {borderBottomColor: '#2e7d32'},
+  'border-b-green-900': {borderBottomColor: '#1b5e20'},
+  'border-b-green-A100': {borderBottomColor: '#b9f6ca'},
+  'border-b-green-A200': {borderBottomColor: '#69f0ae'},
+  'border-b-green-A400': {borderBottomColor: '#00e676'},
+  'border-b-green-A700': {borderBottomColor: '#00c853'},
+  'border-b-indigo-50': {borderBottomColor: '#e8eaf6'},
+  'border-b-indigo-100': {borderBottomColor: '#c5cae9'},
+  'border-b-indigo-200': {borderBottomColor: '#9fa8da'},
+  'border-b-indigo-300': {borderBottomColor: '#7986cb'},
+  'border-b-indigo-400': {borderBottomColor: '#5c6bc0'},
+  'border-b-indigo-500': {borderBottomColor: '#3f51b5'},
+  'border-b-indigo-600': {borderBottomColor: '#3949ab'},
+  'border-b-indigo-700': {borderBottomColor: '#303f9f'},
+  'border-b-indigo-800': {borderBottomColor: '#283593'},
+  'border-b-indigo-900': {borderBottomColor: '#1a237e'},
+  'border-b-indigo-A100': {borderBottomColor: '#8c9eff'},
+  'border-b-indigo-A200': {borderBottomColor: '#536dfe'},
+  'border-b-indigo-A400': {borderBottomColor: '#3d5afe'},
+  'border-b-indigo-A700': {borderBottomColor: '#304ffe'},
+  'border-b-light-blue-50': {borderBottomColor: '#e1f5fe'},
+  'border-b-light-blue-100': {borderBottomColor: '#b3e5fc'},
+  'border-b-light-blue-200': {borderBottomColor: '#81d4fa'},
+  'border-b-light-blue-300': {borderBottomColor: '#4fc3f7'},
+  'border-b-light-blue-400': {borderBottomColor: '#29b6f6'},
+  'border-b-light-blue-500': {borderBottomColor: '#03a9f4'},
+  'border-b-light-blue-600': {borderBottomColor: '#039be5'},
+  'border-b-light-blue-700': {borderBottomColor: '#0288d1'},
+  'border-b-light-blue-800': {borderBottomColor: '#0277bd'},
+  'border-b-light-blue-900': {borderBottomColor: '#01579b'},
+  'border-b-light-blue-A100': {borderBottomColor: '#80d8ff'},
+  'border-b-light-blue-A200': {borderBottomColor: '#40c4ff'},
+  'border-b-light-blue-A400': {borderBottomColor: '#00b0ff'},
+  'border-b-light-blue-A700': {borderBottomColor: '#0091ea'},
+  'border-b-light-green-50': {borderBottomColor: '#f1f8e9'},
+  'border-b-light-green-100': {borderBottomColor: '#dcedc8'},
+  'border-b-light-green-200': {borderBottomColor: '#c5e1a5'},
+  'border-b-light-green-300': {borderBottomColor: '#aed581'},
+  'border-b-light-green-400': {borderBottomColor: '#9ccc65'},
+  'border-b-light-green-500': {borderBottomColor: '#8bc34a'},
+  'border-b-light-green-600': {borderBottomColor: '#7cb342'},
+  'border-b-light-green-700': {borderBottomColor: '#689f38'},
+  'border-b-light-green-800': {borderBottomColor: '#558b2f'},
+  'border-b-light-green-900': {borderBottomColor: '#33691e'},
+  'border-b-light-green-A100': {borderBottomColor: '#ccff90'},
+  'border-b-light-green-A200': {borderBottomColor: '#b2ff59'},
+  'border-b-light-green-A400': {borderBottomColor: '#76ff03'},
+  'border-b-light-green-A700': {borderBottomColor: '#64dd17'},
+  'border-b-lime-50': {borderBottomColor: '#f9fbe7'},
+  'border-b-lime-100': {borderBottomColor: '#f0f4c3'},
+  'border-b-lime-200': {borderBottomColor: '#e6ee9c'},
+  'border-b-lime-300': {borderBottomColor: '#dce775'},
+  'border-b-lime-400': {borderBottomColor: '#d4e157'},
+  'border-b-lime-500': {borderBottomColor: '#cddc39'},
+  'border-b-lime-600': {borderBottomColor: '#c0ca33'},
+  'border-b-lime-700': {borderBottomColor: '#afb42b'},
+  'border-b-lime-800': {borderBottomColor: '#9e9d24'},
+  'border-b-lime-900': {borderBottomColor: '#827717'},
+  'border-b-lime-A100': {borderBottomColor: '#f4ff81'},
+  'border-b-lime-A200': {borderBottomColor: '#eeff41'},
+  'border-b-lime-A400': {borderBottomColor: '#c6ff00'},
+  'border-b-lime-A700': {borderBottomColor: '#aeea00'},
+  'border-b-orange-50': {borderBottomColor: '#fff3e0'},
+  'border-b-orange-100': {borderBottomColor: '#ffe0b2'},
+  'border-b-orange-200': {borderBottomColor: '#ffcc80'},
+  'border-b-orange-300': {borderBottomColor: '#ffb74d'},
+  'border-b-orange-400': {borderBottomColor: '#ffa726'},
+  'border-b-orange-500': {borderBottomColor: '#ff9800'},
+  'border-b-orange-600': {borderBottomColor: '#fb8c00'},
+  'border-b-orange-700': {borderBottomColor: '#f57c00'},
+  'border-b-orange-800': {borderBottomColor: '#ef6c00'},
+  'border-b-orange-900': {borderBottomColor: '#e65100'},
+  'border-b-orange-A100': {borderBottomColor: '#ffd180'},
+  'border-b-orange-A200': {borderBottomColor: '#ffab40'},
+  'border-b-orange-A400': {borderBottomColor: '#ff9100'},
+  'border-b-orange-A700': {borderBottomColor: '#ff6d00'},
+  'border-b-prink-50': {borderBottomColor: '#fce4ec'},
+  'border-b-prink-100': {borderBottomColor: '#f8bbd0'},
+  'border-b-prink-200': {borderBottomColor: '#f48fb1'},
+  'border-b-prink-300': {borderBottomColor: '#f06292'},
+  'border-b-prink-400': {borderBottomColor: '#ec407a'},
+  'border-b-prink-500': {borderBottomColor: '#e91e63'},
+  'border-b-prink-600': {borderBottomColor: '#d81b60'},
+  'border-b-prink-700': {borderBottomColor: '#c2185b'},
+  'border-b-prink-800': {borderBottomColor: '#ad1457'},
+  'border-b-prink-900': {borderBottomColor: '#880e4f'},
+  'border-b-prink-A100': {borderBottomColor: '#ff80ab'},
+  'border-b-prink-A200': {borderBottomColor: '#ff4081'},
+  'border-b-prink-A400': {borderBottomColor: '#f50057'},
+  'border-b-prink-A700': {borderBottomColor: '#c51162'},
+  'border-b-purple-50': {borderBottomColor: '#f3e5f5'},
+  'border-b-purple-100': {borderBottomColor: '#e1bee7'},
+  'border-b-purple-200': {borderBottomColor: '#ce93d8'},
+  'border-b-purple-300': {borderBottomColor: '#ba68c8'},
+  'border-b-purple-400': {borderBottomColor: '#ab47bc'},
+  'border-b-purple-500': {borderBottomColor: '#9c27b0'},
+  'border-b-purple-600': {borderBottomColor: '#8e24aa'},
+  'border-b-purple-700': {borderBottomColor: '#7b1fa2'},
+  'border-b-purple-800': {borderBottomColor: '#6a1b9a'},
+  'border-b-purple-900': {borderBottomColor: '#4a148c'},
+  'border-b-purple-A100': {borderBottomColor: '#ea80fc'},
+  'border-b-purple-A200': {borderBottomColor: '#e040fb'},
+  'border-b-purple-A400': {borderBottomColor: '#d500f9'},
+  'border-b-purple-A700': {borderBottomColor: '#aa00ff'},
+  'border-b-red-50': {borderBottomColor: '#ffebee'},
+  'border-b-red-100': {borderBottomColor: '#ffcdd2'},
+  'border-b-red-200': {borderBottomColor: '#ef9a9a'},
+  'border-b-red-300': {borderBottomColor: '#e57373'},
+  'border-b-red-400': {borderBottomColor: '#ef5350'},
+  'border-b-red-500': {borderBottomColor: '#f44336'},
+  'border-b-red-600': {borderBottomColor: '#e53935'},
+  'border-b-red-700': {borderBottomColor: '#d32f2f'},
+  'border-b-red-800': {borderBottomColor: '#c62828'},
+  'border-b-red-900': {borderBottomColor: '#b71c1c'},
+  'border-b-red-A100': {borderBottomColor: '#ff8a80'},
+  'border-b-red-A200': {borderBottomColor: '#ff5252'},
+  'border-b-red-A400': {borderBottomColor: '#ff1744'},
+  'border-b-red-A700': {borderBottomColor: '#d50000'},
+  'border-b-teal-50': {borderBottomColor: '#e0f2f1'},
+  'border-b-teal-100': {borderBottomColor: '#b2dfdb'},
+  'border-b-teal-200': {borderBottomColor: '#80cbc4'},
+  'border-b-teal-300': {borderBottomColor: '#4db6ac'},
+  'border-b-teal-400': {borderBottomColor: '#26a69a'},
+  'border-b-teal-500': {borderBottomColor: '#009688'},
+  'border-b-teal-600': {borderBottomColor: '#00897b'},
+  'border-b-teal-700': {borderBottomColor: '#00796b'},
+  'border-b-teal-800': {borderBottomColor: '#00695c'},
+  'border-b-teal-900': {borderBottomColor: '#004d40'},
+  'border-b-teal-A100': {borderBottomColor: '#a7ffeb'},
+  'border-b-teal-A200': {borderBottomColor: '#64ffda'},
+  'border-b-teal-A400': {borderBottomColor: '#1de9b6'},
+  'border-b-teal-A700': {borderBottomColor: '#00bfa5'},
+  'border-b-transparent': {borderBottomColor: 'transparent'},
+  'border-b-white': {borderBottomColor: '#ffffff'},
+  'border-b-yellow-50': {borderBottomColor: '#fffde7'},
+  'border-b-yellow-100': {borderBottomColor: '#fff9c4'},
+  'border-b-yellow-200': {borderBottomColor: '#fff59d'},
+  'border-b-yellow-300': {borderBottomColor: '#fff176'},
+  'border-b-yellow-400': {borderBottomColor: '#ffee58'},
+  'border-b-yellow-500': {borderBottomColor: '#ffeb3b'},
+  'border-b-yellow-600': {borderBottomColor: '#fdd835'},
+  'border-b-yellow-700': {borderBottomColor: '#fbc02d'},
+  'border-b-yellow-800': {borderBottomColor: '#f9a825'},
+  'border-b-yellow-900': {borderBottomColor: '#f57f17'},
+  'border-b-yellow-A100': {borderBottomColor: '#ffff8d'},
+  'border-b-yellow-A200': {borderBottomColor: '#ffff00'},
+  'border-b-yellow-A400': {borderBottomColor: '#ffea00'},
+  'border-b-yellow-A700': {borderBottomColor: '#ffd600'},
+  'border-black': {borderColor: '#000000'},
+  'border-blue-50': {borderColor: '#e3f2fd'},
+  'border-blue-100': {borderColor: '#bbdefb'},
+  'border-blue-200': {borderColor: '#90caf9'},
+  'border-blue-300': {borderColor: '#64b5f6'},
+  'border-blue-400': {borderColor: '#42a5f5'},
+  'border-blue-500': {borderColor: '#2196f3'},
+  'border-blue-600': {borderColor: '#1e88e5'},
+  'border-blue-700': {borderColor: '#1976d2'},
+  'border-blue-800': {borderColor: '#1565c0'},
+  'border-blue-900': {borderColor: '#0d47a1'},
+  'border-blue-A100': {borderColor: '#82b1ff'},
+  'border-blue-A200': {borderColor: '#448aff'},
+  'border-blue-A400': {borderColor: '#2979ff'},
+  'border-blue-A700': {borderColor: '#2962ff'},
+  'border-blue-gray-50': {borderColor: '#eceff1'},
+  'border-blue-gray-100': {borderColor: '#cfd8dc'},
+  'border-blue-gray-200': {borderColor: '#b0bec5'},
+  'border-blue-gray-300': {borderColor: '#90a4ae'},
+  'border-blue-gray-400': {borderColor: '#78909c'},
+  'border-blue-gray-500': {borderColor: '#607d8b'},
+  'border-blue-gray-600': {borderColor: '#546e7a'},
+  'border-blue-gray-700': {borderColor: '#455a64'},
+  'border-blue-gray-800': {borderColor: '#37474f'},
+  'border-blue-gray-900': {borderColor: '#263238'},
+  'border-brown-50': {borderColor: '#efebe9'},
+  'border-brown-100': {borderColor: '#d7ccc8'},
+  'border-brown-200': {borderColor: '#bcaaa4'},
+  'border-brown-300': {borderColor: '#a1887f'},
+  'border-brown-400': {borderColor: '#8d6e63'},
+  'border-brown-500': {borderColor: '#795548'},
+  'border-brown-600': {borderColor: '#6d4c41'},
+  'border-brown-700': {borderColor: '#5d4037'},
+  'border-brown-800': {borderColor: '#4e342e'},
+  'border-brown-900': {borderColor: '#3e2723'},
+  'border-cyan-50': {borderColor: '#e0f7fa'},
+  'border-cyan-100': {borderColor: '#b2ebf2'},
+  'border-cyan-200': {borderColor: '#80deea'},
+  'border-cyan-300': {borderColor: '#4dd0e1'},
+  'border-cyan-400': {borderColor: '#26c6da'},
+  'border-cyan-500': {borderColor: '#00bcd4'},
+  'border-cyan-600': {borderColor: '#00acc1'},
+  'border-cyan-700': {borderColor: '#0097a7'},
+  'border-cyan-800': {borderColor: '#00838f'},
+  'border-cyan-900': {borderColor: '#006064'},
+  'border-cyan-A100': {borderColor: '#84ffff'},
+  'border-cyan-A200': {borderColor: '#18ffff'},
+  'border-cyan-A400': {borderColor: '#00e5ff'},
+  'border-cyan-A700': {borderColor: '#00b8d4'},
+  'border-deep-orange-50': {borderColor: '#fbe9e7'},
+  'border-deep-orange-100': {borderColor: '#ffccbc'},
+  'border-deep-orange-200': {borderColor: '#ffab91'},
+  'border-deep-orange-300': {borderColor: '#ff8a65'},
+  'border-deep-orange-400': {borderColor: '#ff7043'},
+  'border-deep-orange-500': {borderColor: '#ff5722'},
+  'border-deep-orange-600': {borderColor: '#f4511e'},
+  'border-deep-orange-700': {borderColor: '#e64a19'},
+  'border-deep-orange-800': {borderColor: '#d84315'},
+  'border-deep-orange-900': {borderColor: '#bf360c'},
+  'border-deep-orange-A100': {borderColor: '#ff9e80'},
+  'border-deep-orange-A200': {borderColor: '#ff6e40'},
+  'border-deep-orange-A400': {borderColor: '#ff3d00'},
+  'border-deep-orange-A700': {borderColor: '#dd2c00'},
+  'border-deep-purple-50': {borderColor: '#ede7f6'},
+  'border-deep-purple-100': {borderColor: '#d1c4e9'},
+  'border-deep-purple-200': {borderColor: '#b39ddb'},
+  'border-deep-purple-300': {borderColor: '#9575cd'},
+  'border-deep-purple-400': {borderColor: '#7e57c2'},
+  'border-deep-purple-500': {borderColor: '#673ab7'},
+  'border-deep-purple-600': {borderColor: '#5e35b1'},
+  'border-deep-purple-700': {borderColor: '#512da8'},
+  'border-deep-purple-800': {borderColor: '#4527a0'},
+  'border-deep-purple-900': {borderColor: '#311b92'},
+  'border-deep-purple-A100': {borderColor: '#b388ff'},
+  'border-deep-purple-A200': {borderColor: '#7c4dff'},
+  'border-deep-purple-A400': {borderColor: '#651fff'},
+  'border-deep-purple-A700': {borderColor: '#6200ea'},
+  'border-gray-50': {borderColor: '#fafafa'},
+  'border-gray-100': {borderColor: '#f5f5f5'},
+  'border-gray-200': {borderColor: '#eeeeee'},
+  'border-gray-300': {borderColor: '#e0e0e0'},
+  'border-gray-400': {borderColor: '#bdbdbd'},
+  'border-gray-500': {borderColor: '#9e9e9e'},
+  'border-gray-600': {borderColor: '#757575'},
+  'border-gray-700': {borderColor: '#616161'},
+  'border-gray-800': {borderColor: '#424242'},
+  'border-gray-900': {borderColor: '#212121'},
+  'border-green-50': {borderColor: '#e8f5e9'},
+  'border-green-100': {borderColor: '#c8e6c9'},
+  'border-green-200': {borderColor: '#a5d6a7'},
+  'border-green-300': {borderColor: '#81c784'},
+  'border-green-400': {borderColor: '#66bb6a'},
+  'border-green-500': {borderColor: '#4caf50'},
+  'border-green-600': {borderColor: '#43a047'},
+  'border-green-700': {borderColor: '#388e3c'},
+  'border-green-800': {borderColor: '#2e7d32'},
+  'border-green-900': {borderColor: '#1b5e20'},
+  'border-green-A100': {borderColor: '#b9f6ca'},
+  'border-green-A200': {borderColor: '#69f0ae'},
+  'border-green-A400': {borderColor: '#00e676'},
+  'border-green-A700': {borderColor: '#00c853'},
+  'border-indigo-50': {borderColor: '#e8eaf6'},
+  'border-indigo-100': {borderColor: '#c5cae9'},
+  'border-indigo-200': {borderColor: '#9fa8da'},
+  'border-indigo-300': {borderColor: '#7986cb'},
+  'border-indigo-400': {borderColor: '#5c6bc0'},
+  'border-indigo-500': {borderColor: '#3f51b5'},
+  'border-indigo-600': {borderColor: '#3949ab'},
+  'border-indigo-700': {borderColor: '#303f9f'},
+  'border-indigo-800': {borderColor: '#283593'},
+  'border-indigo-900': {borderColor: '#1a237e'},
+  'border-indigo-A100': {borderColor: '#8c9eff'},
+  'border-indigo-A200': {borderColor: '#536dfe'},
+  'border-indigo-A400': {borderColor: '#3d5afe'},
+  'border-indigo-A700': {borderColor: '#304ffe'},
+  'border-l-amber-50': {borderLeftColor: '#fff8e1'},
+  'border-l-amber-100': {borderLeftColor: '#ffecb3'},
+  'border-l-amber-200': {borderLeftColor: '#ffe082'},
+  'border-l-amber-300': {borderLeftColor: '#ffd54f'},
+  'border-l-amber-400': {borderLeftColor: '#ffca28'},
+  'border-l-amber-500': {borderLeftColor: '#ffc107'},
+  'border-l-amber-600': {borderLeftColor: '#ffb300'},
+  'border-l-amber-700': {borderLeftColor: '#ffa000'},
+  'border-l-amber-800': {borderLeftColor: '#ff8f00'},
+  'border-l-amber-900': {borderLeftColor: '#ff6f00'},
+  'border-l-amber-A100': {borderLeftColor: '#ffe57f'},
+  'border-l-amber-A200': {borderLeftColor: '#ffd740'},
+  'border-l-amber-A400': {borderLeftColor: '#ffc400'},
+  'border-l-amber-A700': {borderLeftColor: '#ffab00'},
+  'border-l-black': {borderLeftColor: '#000000'},
+  'border-l-blue-50': {borderLeftColor: '#e3f2fd'},
+  'border-l-blue-100': {borderLeftColor: '#bbdefb'},
+  'border-l-blue-200': {borderLeftColor: '#90caf9'},
+  'border-l-blue-300': {borderLeftColor: '#64b5f6'},
+  'border-l-blue-400': {borderLeftColor: '#42a5f5'},
+  'border-l-blue-500': {borderLeftColor: '#2196f3'},
+  'border-l-blue-600': {borderLeftColor: '#1e88e5'},
+  'border-l-blue-700': {borderLeftColor: '#1976d2'},
+  'border-l-blue-800': {borderLeftColor: '#1565c0'},
+  'border-l-blue-900': {borderLeftColor: '#0d47a1'},
+  'border-l-blue-A100': {borderLeftColor: '#82b1ff'},
+  'border-l-blue-A200': {borderLeftColor: '#448aff'},
+  'border-l-blue-A400': {borderLeftColor: '#2979ff'},
+  'border-l-blue-A700': {borderLeftColor: '#2962ff'},
+  'border-l-blue-gray-50': {borderLeftColor: '#eceff1'},
+  'border-l-blue-gray-100': {borderLeftColor: '#cfd8dc'},
+  'border-l-blue-gray-200': {borderLeftColor: '#b0bec5'},
+  'border-l-blue-gray-300': {borderLeftColor: '#90a4ae'},
+  'border-l-blue-gray-400': {borderLeftColor: '#78909c'},
+  'border-l-blue-gray-500': {borderLeftColor: '#607d8b'},
+  'border-l-blue-gray-600': {borderLeftColor: '#546e7a'},
+  'border-l-blue-gray-700': {borderLeftColor: '#455a64'},
+  'border-l-blue-gray-800': {borderLeftColor: '#37474f'},
+  'border-l-blue-gray-900': {borderLeftColor: '#263238'},
+  'border-l-brown-50': {borderLeftColor: '#efebe9'},
+  'border-l-brown-100': {borderLeftColor: '#d7ccc8'},
+  'border-l-brown-200': {borderLeftColor: '#bcaaa4'},
+  'border-l-brown-300': {borderLeftColor: '#a1887f'},
+  'border-l-brown-400': {borderLeftColor: '#8d6e63'},
+  'border-l-brown-500': {borderLeftColor: '#795548'},
+  'border-l-brown-600': {borderLeftColor: '#6d4c41'},
+  'border-l-brown-700': {borderLeftColor: '#5d4037'},
+  'border-l-brown-800': {borderLeftColor: '#4e342e'},
+  'border-l-brown-900': {borderLeftColor: '#3e2723'},
+  'border-l-cyan-50': {borderLeftColor: '#e0f7fa'},
+  'border-l-cyan-100': {borderLeftColor: '#b2ebf2'},
+  'border-l-cyan-200': {borderLeftColor: '#80deea'},
+  'border-l-cyan-300': {borderLeftColor: '#4dd0e1'},
+  'border-l-cyan-400': {borderLeftColor: '#26c6da'},
+  'border-l-cyan-500': {borderLeftColor: '#00bcd4'},
+  'border-l-cyan-600': {borderLeftColor: '#00acc1'},
+  'border-l-cyan-700': {borderLeftColor: '#0097a7'},
+  'border-l-cyan-800': {borderLeftColor: '#00838f'},
+  'border-l-cyan-900': {borderLeftColor: '#006064'},
+  'border-l-cyan-A100': {borderLeftColor: '#84ffff'},
+  'border-l-cyan-A200': {borderLeftColor: '#18ffff'},
+  'border-l-cyan-A400': {borderLeftColor: '#00e5ff'},
+  'border-l-cyan-A700': {borderLeftColor: '#00b8d4'},
+  'border-l-deep-orange-50': {borderLeftColor: '#fbe9e7'},
+  'border-l-deep-orange-100': {borderLeftColor: '#ffccbc'},
+  'border-l-deep-orange-200': {borderLeftColor: '#ffab91'},
+  'border-l-deep-orange-300': {borderLeftColor: '#ff8a65'},
+  'border-l-deep-orange-400': {borderLeftColor: '#ff7043'},
+  'border-l-deep-orange-500': {borderLeftColor: '#ff5722'},
+  'border-l-deep-orange-600': {borderLeftColor: '#f4511e'},
+  'border-l-deep-orange-700': {borderLeftColor: '#e64a19'},
+  'border-l-deep-orange-800': {borderLeftColor: '#d84315'},
+  'border-l-deep-orange-900': {borderLeftColor: '#bf360c'},
+  'border-l-deep-orange-A100': {borderLeftColor: '#ff9e80'},
+  'border-l-deep-orange-A200': {borderLeftColor: '#ff6e40'},
+  'border-l-deep-orange-A400': {borderLeftColor: '#ff3d00'},
+  'border-l-deep-orange-A700': {borderLeftColor: '#dd2c00'},
+  'border-l-deep-purple-50': {borderLeftColor: '#ede7f6'},
+  'border-l-deep-purple-100': {borderLeftColor: '#d1c4e9'},
+  'border-l-deep-purple-200': {borderLeftColor: '#b39ddb'},
+  'border-l-deep-purple-300': {borderLeftColor: '#9575cd'},
+  'border-l-deep-purple-400': {borderLeftColor: '#7e57c2'},
+  'border-l-deep-purple-500': {borderLeftColor: '#673ab7'},
+  'border-l-deep-purple-600': {borderLeftColor: '#5e35b1'},
+  'border-l-deep-purple-700': {borderLeftColor: '#512da8'},
+  'border-l-deep-purple-800': {borderLeftColor: '#4527a0'},
+  'border-l-deep-purple-900': {borderLeftColor: '#311b92'},
+  'border-l-deep-purple-A100': {borderLeftColor: '#b388ff'},
+  'border-l-deep-purple-A200': {borderLeftColor: '#7c4dff'},
+  'border-l-deep-purple-A400': {borderLeftColor: '#651fff'},
+  'border-l-deep-purple-A700': {borderLeftColor: '#6200ea'},
+  'border-l-gray-50': {borderLeftColor: '#fafafa'},
+  'border-l-gray-100': {borderLeftColor: '#f5f5f5'},
+  'border-l-gray-200': {borderLeftColor: '#eeeeee'},
+  'border-l-gray-300': {borderLeftColor: '#e0e0e0'},
+  'border-l-gray-400': {borderLeftColor: '#bdbdbd'},
+  'border-l-gray-500': {borderLeftColor: '#9e9e9e'},
+  'border-l-gray-600': {borderLeftColor: '#757575'},
+  'border-l-gray-700': {borderLeftColor: '#616161'},
+  'border-l-gray-800': {borderLeftColor: '#424242'},
+  'border-l-gray-900': {borderLeftColor: '#212121'},
+  'border-l-green-50': {borderLeftColor: '#e8f5e9'},
+  'border-l-green-100': {borderLeftColor: '#c8e6c9'},
+  'border-l-green-200': {borderLeftColor: '#a5d6a7'},
+  'border-l-green-300': {borderLeftColor: '#81c784'},
+  'border-l-green-400': {borderLeftColor: '#66bb6a'},
+  'border-l-green-500': {borderLeftColor: '#4caf50'},
+  'border-l-green-600': {borderLeftColor: '#43a047'},
+  'border-l-green-700': {borderLeftColor: '#388e3c'},
+  'border-l-green-800': {borderLeftColor: '#2e7d32'},
+  'border-l-green-900': {borderLeftColor: '#1b5e20'},
+  'border-l-green-A100': {borderLeftColor: '#b9f6ca'},
+  'border-l-green-A200': {borderLeftColor: '#69f0ae'},
+  'border-l-green-A400': {borderLeftColor: '#00e676'},
+  'border-l-green-A700': {borderLeftColor: '#00c853'},
+  'border-l-indigo-50': {borderLeftColor: '#e8eaf6'},
+  'border-l-indigo-100': {borderLeftColor: '#c5cae9'},
+  'border-l-indigo-200': {borderLeftColor: '#9fa8da'},
+  'border-l-indigo-300': {borderLeftColor: '#7986cb'},
+  'border-l-indigo-400': {borderLeftColor: '#5c6bc0'},
+  'border-l-indigo-500': {borderLeftColor: '#3f51b5'},
+  'border-l-indigo-600': {borderLeftColor: '#3949ab'},
+  'border-l-indigo-700': {borderLeftColor: '#303f9f'},
+  'border-l-indigo-800': {borderLeftColor: '#283593'},
+  'border-l-indigo-900': {borderLeftColor: '#1a237e'},
+  'border-l-indigo-A100': {borderLeftColor: '#8c9eff'},
+  'border-l-indigo-A200': {borderLeftColor: '#536dfe'},
+  'border-l-indigo-A400': {borderLeftColor: '#3d5afe'},
+  'border-l-indigo-A700': {borderLeftColor: '#304ffe'},
+  'border-l-light-blue-50': {borderLeftColor: '#e1f5fe'},
+  'border-l-light-blue-100': {borderLeftColor: '#b3e5fc'},
+  'border-l-light-blue-200': {borderLeftColor: '#81d4fa'},
+  'border-l-light-blue-300': {borderLeftColor: '#4fc3f7'},
+  'border-l-light-blue-400': {borderLeftColor: '#29b6f6'},
+  'border-l-light-blue-500': {borderLeftColor: '#03a9f4'},
+  'border-l-light-blue-600': {borderLeftColor: '#039be5'},
+  'border-l-light-blue-700': {borderLeftColor: '#0288d1'},
+  'border-l-light-blue-800': {borderLeftColor: '#0277bd'},
+  'border-l-light-blue-900': {borderLeftColor: '#01579b'},
+  'border-l-light-blue-A100': {borderLeftColor: '#80d8ff'},
+  'border-l-light-blue-A200': {borderLeftColor: '#40c4ff'},
+  'border-l-light-blue-A400': {borderLeftColor: '#00b0ff'},
+  'border-l-light-blue-A700': {borderLeftColor: '#0091ea'},
+  'border-l-light-green-50': {borderLeftColor: '#f1f8e9'},
+  'border-l-light-green-100': {borderLeftColor: '#dcedc8'},
+  'border-l-light-green-200': {borderLeftColor: '#c5e1a5'},
+  'border-l-light-green-300': {borderLeftColor: '#aed581'},
+  'border-l-light-green-400': {borderLeftColor: '#9ccc65'},
+  'border-l-light-green-500': {borderLeftColor: '#8bc34a'},
+  'border-l-light-green-600': {borderLeftColor: '#7cb342'},
+  'border-l-light-green-700': {borderLeftColor: '#689f38'},
+  'border-l-light-green-800': {borderLeftColor: '#558b2f'},
+  'border-l-light-green-900': {borderLeftColor: '#33691e'},
+  'border-l-light-green-A100': {borderLeftColor: '#ccff90'},
+  'border-l-light-green-A200': {borderLeftColor: '#b2ff59'},
+  'border-l-light-green-A400': {borderLeftColor: '#76ff03'},
+  'border-l-light-green-A700': {borderLeftColor: '#64dd17'},
+  'border-l-lime-50': {borderLeftColor: '#f9fbe7'},
+  'border-l-lime-100': {borderLeftColor: '#f0f4c3'},
+  'border-l-lime-200': {borderLeftColor: '#e6ee9c'},
+  'border-l-lime-300': {borderLeftColor: '#dce775'},
+  'border-l-lime-400': {borderLeftColor: '#d4e157'},
+  'border-l-lime-500': {borderLeftColor: '#cddc39'},
+  'border-l-lime-600': {borderLeftColor: '#c0ca33'},
+  'border-l-lime-700': {borderLeftColor: '#afb42b'},
+  'border-l-lime-800': {borderLeftColor: '#9e9d24'},
+  'border-l-lime-900': {borderLeftColor: '#827717'},
+  'border-l-lime-A100': {borderLeftColor: '#f4ff81'},
+  'border-l-lime-A200': {borderLeftColor: '#eeff41'},
+  'border-l-lime-A400': {borderLeftColor: '#c6ff00'},
+  'border-l-lime-A700': {borderLeftColor: '#aeea00'},
+  'border-l-orange-50': {borderLeftColor: '#fff3e0'},
+  'border-l-orange-100': {borderLeftColor: '#ffe0b2'},
+  'border-l-orange-200': {borderLeftColor: '#ffcc80'},
+  'border-l-orange-300': {borderLeftColor: '#ffb74d'},
+  'border-l-orange-400': {borderLeftColor: '#ffa726'},
+  'border-l-orange-500': {borderLeftColor: '#ff9800'},
+  'border-l-orange-600': {borderLeftColor: '#fb8c00'},
+  'border-l-orange-700': {borderLeftColor: '#f57c00'},
+  'border-l-orange-800': {borderLeftColor: '#ef6c00'},
+  'border-l-orange-900': {borderLeftColor: '#e65100'},
+  'border-l-orange-A100': {borderLeftColor: '#ffd180'},
+  'border-l-orange-A200': {borderLeftColor: '#ffab40'},
+  'border-l-orange-A400': {borderLeftColor: '#ff9100'},
+  'border-l-orange-A700': {borderLeftColor: '#ff6d00'},
+  'border-l-prink-50': {borderLeftColor: '#fce4ec'},
+  'border-l-prink-100': {borderLeftColor: '#f8bbd0'},
+  'border-l-prink-200': {borderLeftColor: '#f48fb1'},
+  'border-l-prink-300': {borderLeftColor: '#f06292'},
+  'border-l-prink-400': {borderLeftColor: '#ec407a'},
+  'border-l-prink-500': {borderLeftColor: '#e91e63'},
+  'border-l-prink-600': {borderLeftColor: '#d81b60'},
+  'border-l-prink-700': {borderLeftColor: '#c2185b'},
+  'border-l-prink-800': {borderLeftColor: '#ad1457'},
+  'border-l-prink-900': {borderLeftColor: '#880e4f'},
+  'border-l-prink-A100': {borderLeftColor: '#ff80ab'},
+  'border-l-prink-A200': {borderLeftColor: '#ff4081'},
+  'border-l-prink-A400': {borderLeftColor: '#f50057'},
+  'border-l-prink-A700': {borderLeftColor: '#c51162'},
+  'border-l-purple-50': {borderLeftColor: '#f3e5f5'},
+  'border-l-purple-100': {borderLeftColor: '#e1bee7'},
+  'border-l-purple-200': {borderLeftColor: '#ce93d8'},
+  'border-l-purple-300': {borderLeftColor: '#ba68c8'},
+  'border-l-purple-400': {borderLeftColor: '#ab47bc'},
+  'border-l-purple-500': {borderLeftColor: '#9c27b0'},
+  'border-l-purple-600': {borderLeftColor: '#8e24aa'},
+  'border-l-purple-700': {borderLeftColor: '#7b1fa2'},
+  'border-l-purple-800': {borderLeftColor: '#6a1b9a'},
+  'border-l-purple-900': {borderLeftColor: '#4a148c'},
+  'border-l-purple-A100': {borderLeftColor: '#ea80fc'},
+  'border-l-purple-A200': {borderLeftColor: '#e040fb'},
+  'border-l-purple-A400': {borderLeftColor: '#d500f9'},
+  'border-l-purple-A700': {borderLeftColor: '#aa00ff'},
+  'border-l-red-50': {borderLeftColor: '#ffebee'},
+  'border-l-red-100': {borderLeftColor: '#ffcdd2'},
+  'border-l-red-200': {borderLeftColor: '#ef9a9a'},
+  'border-l-red-300': {borderLeftColor: '#e57373'},
+  'border-l-red-400': {borderLeftColor: '#ef5350'},
+  'border-l-red-500': {borderLeftColor: '#f44336'},
+  'border-l-red-600': {borderLeftColor: '#e53935'},
+  'border-l-red-700': {borderLeftColor: '#d32f2f'},
+  'border-l-red-800': {borderLeftColor: '#c62828'},
+  'border-l-red-900': {borderLeftColor: '#b71c1c'},
+  'border-l-red-A100': {borderLeftColor: '#ff8a80'},
+  'border-l-red-A200': {borderLeftColor: '#ff5252'},
+  'border-l-red-A400': {borderLeftColor: '#ff1744'},
+  'border-l-red-A700': {borderLeftColor: '#d50000'},
+  'border-l-teal-50': {borderLeftColor: '#e0f2f1'},
+  'border-l-teal-100': {borderLeftColor: '#b2dfdb'},
+  'border-l-teal-200': {borderLeftColor: '#80cbc4'},
+  'border-l-teal-300': {borderLeftColor: '#4db6ac'},
+  'border-l-teal-400': {borderLeftColor: '#26a69a'},
+  'border-l-teal-500': {borderLeftColor: '#009688'},
+  'border-l-teal-600': {borderLeftColor: '#00897b'},
+  'border-l-teal-700': {borderLeftColor: '#00796b'},
+  'border-l-teal-800': {borderLeftColor: '#00695c'},
+  'border-l-teal-900': {borderLeftColor: '#004d40'},
+  'border-l-teal-A100': {borderLeftColor: '#a7ffeb'},
+  'border-l-teal-A200': {borderLeftColor: '#64ffda'},
+  'border-l-teal-A400': {borderLeftColor: '#1de9b6'},
+  'border-l-teal-A700': {borderLeftColor: '#00bfa5'},
+  'border-l-transparent': {borderLeftColor: 'transparent'},
+  'border-l-white': {borderLeftColor: '#ffffff'},
+  'border-l-yellow-50': {borderLeftColor: '#fffde7'},
+  'border-l-yellow-100': {borderLeftColor: '#fff9c4'},
+  'border-l-yellow-200': {borderLeftColor: '#fff59d'},
+  'border-l-yellow-300': {borderLeftColor: '#fff176'},
+  'border-l-yellow-400': {borderLeftColor: '#ffee58'},
+  'border-l-yellow-500': {borderLeftColor: '#ffeb3b'},
+  'border-l-yellow-600': {borderLeftColor: '#fdd835'},
+  'border-l-yellow-700': {borderLeftColor: '#fbc02d'},
+  'border-l-yellow-800': {borderLeftColor: '#f9a825'},
+  'border-l-yellow-900': {borderLeftColor: '#f57f17'},
+  'border-l-yellow-A100': {borderLeftColor: '#ffff8d'},
+  'border-l-yellow-A200': {borderLeftColor: '#ffff00'},
+  'border-l-yellow-A400': {borderLeftColor: '#ffea00'},
+  'border-l-yellow-A700': {borderLeftColor: '#ffd600'},
+  'border-light-blue-50': {borderColor: '#e1f5fe'},
+  'border-light-blue-100': {borderColor: '#b3e5fc'},
+  'border-light-blue-200': {borderColor: '#81d4fa'},
+  'border-light-blue-300': {borderColor: '#4fc3f7'},
+  'border-light-blue-400': {borderColor: '#29b6f6'},
+  'border-light-blue-500': {borderColor: '#03a9f4'},
+  'border-light-blue-600': {borderColor: '#039be5'},
+  'border-light-blue-700': {borderColor: '#0288d1'},
+  'border-light-blue-800': {borderColor: '#0277bd'},
+  'border-light-blue-900': {borderColor: '#01579b'},
+  'border-light-blue-A100': {borderColor: '#80d8ff'},
+  'border-light-blue-A200': {borderColor: '#40c4ff'},
+  'border-light-blue-A400': {borderColor: '#00b0ff'},
+  'border-light-blue-A700': {borderColor: '#0091ea'},
+  'border-light-green-50': {borderColor: '#f1f8e9'},
+  'border-light-green-100': {borderColor: '#dcedc8'},
+  'border-light-green-200': {borderColor: '#c5e1a5'},
+  'border-light-green-300': {borderColor: '#aed581'},
+  'border-light-green-400': {borderColor: '#9ccc65'},
+  'border-light-green-500': {borderColor: '#8bc34a'},
+  'border-light-green-600': {borderColor: '#7cb342'},
+  'border-light-green-700': {borderColor: '#689f38'},
+  'border-light-green-800': {borderColor: '#558b2f'},
+  'border-light-green-900': {borderColor: '#33691e'},
+  'border-light-green-A100': {borderColor: '#ccff90'},
+  'border-light-green-A200': {borderColor: '#b2ff59'},
+  'border-light-green-A400': {borderColor: '#76ff03'},
+  'border-light-green-A700': {borderColor: '#64dd17'},
+  'border-lime-50': {borderColor: '#f9fbe7'},
+  'border-lime-100': {borderColor: '#f0f4c3'},
+  'border-lime-200': {borderColor: '#e6ee9c'},
+  'border-lime-300': {borderColor: '#dce775'},
+  'border-lime-400': {borderColor: '#d4e157'},
+  'border-lime-500': {borderColor: '#cddc39'},
+  'border-lime-600': {borderColor: '#c0ca33'},
+  'border-lime-700': {borderColor: '#afb42b'},
+  'border-lime-800': {borderColor: '#9e9d24'},
+  'border-lime-900': {borderColor: '#827717'},
+  'border-lime-A100': {borderColor: '#f4ff81'},
+  'border-lime-A200': {borderColor: '#eeff41'},
+  'border-lime-A400': {borderColor: '#c6ff00'},
+  'border-lime-A700': {borderColor: '#aeea00'},
+  'border-orange-50': {borderColor: '#fff3e0'},
+  'border-orange-100': {borderColor: '#ffe0b2'},
+  'border-orange-200': {borderColor: '#ffcc80'},
+  'border-orange-300': {borderColor: '#ffb74d'},
+  'border-orange-400': {borderColor: '#ffa726'},
+  'border-orange-500': {borderColor: '#ff9800'},
+  'border-orange-600': {borderColor: '#fb8c00'},
+  'border-orange-700': {borderColor: '#f57c00'},
+  'border-orange-800': {borderColor: '#ef6c00'},
+  'border-orange-900': {borderColor: '#e65100'},
+  'border-orange-A100': {borderColor: '#ffd180'},
+  'border-orange-A200': {borderColor: '#ffab40'},
+  'border-orange-A400': {borderColor: '#ff9100'},
+  'border-orange-A700': {borderColor: '#ff6d00'},
+  'border-prink-50': {borderColor: '#fce4ec'},
+  'border-prink-100': {borderColor: '#f8bbd0'},
+  'border-prink-200': {borderColor: '#f48fb1'},
+  'border-prink-300': {borderColor: '#f06292'},
+  'border-prink-400': {borderColor: '#ec407a'},
+  'border-prink-500': {borderColor: '#e91e63'},
+  'border-prink-600': {borderColor: '#d81b60'},
+  'border-prink-700': {borderColor: '#c2185b'},
+  'border-prink-800': {borderColor: '#ad1457'},
+  'border-prink-900': {borderColor: '#880e4f'},
+  'border-prink-A100': {borderColor: '#ff80ab'},
+  'border-prink-A200': {borderColor: '#ff4081'},
+  'border-prink-A400': {borderColor: '#f50057'},
+  'border-prink-A700': {borderColor: '#c51162'},
+  'border-purple-50': {borderColor: '#f3e5f5'},
+  'border-purple-100': {borderColor: '#e1bee7'},
+  'border-purple-200': {borderColor: '#ce93d8'},
+  'border-purple-300': {borderColor: '#ba68c8'},
+  'border-purple-400': {borderColor: '#ab47bc'},
+  'border-purple-500': {borderColor: '#9c27b0'},
+  'border-purple-600': {borderColor: '#8e24aa'},
+  'border-purple-700': {borderColor: '#7b1fa2'},
+  'border-purple-800': {borderColor: '#6a1b9a'},
+  'border-purple-900': {borderColor: '#4a148c'},
+  'border-purple-A100': {borderColor: '#ea80fc'},
+  'border-purple-A200': {borderColor: '#e040fb'},
+  'border-purple-A400': {borderColor: '#d500f9'},
+  'border-purple-A700': {borderColor: '#aa00ff'},
+  'border-r-amber-50': {borderRightColor: '#fff8e1'},
+  'border-r-amber-100': {borderRightColor: '#ffecb3'},
+  'border-r-amber-200': {borderRightColor: '#ffe082'},
+  'border-r-amber-300': {borderRightColor: '#ffd54f'},
+  'border-r-amber-400': {borderRightColor: '#ffca28'},
+  'border-r-amber-500': {borderRightColor: '#ffc107'},
+  'border-r-amber-600': {borderRightColor: '#ffb300'},
+  'border-r-amber-700': {borderRightColor: '#ffa000'},
+  'border-r-amber-800': {borderRightColor: '#ff8f00'},
+  'border-r-amber-900': {borderRightColor: '#ff6f00'},
+  'border-r-amber-A100': {borderRightColor: '#ffe57f'},
+  'border-r-amber-A200': {borderRightColor: '#ffd740'},
+  'border-r-amber-A400': {borderRightColor: '#ffc400'},
+  'border-r-amber-A700': {borderRightColor: '#ffab00'},
+  'border-r-black': {borderRightColor: '#000000'},
+  'border-r-blue-50': {borderRightColor: '#e3f2fd'},
+  'border-r-blue-100': {borderRightColor: '#bbdefb'},
+  'border-r-blue-200': {borderRightColor: '#90caf9'},
+  'border-r-blue-300': {borderRightColor: '#64b5f6'},
+  'border-r-blue-400': {borderRightColor: '#42a5f5'},
+  'border-r-blue-500': {borderRightColor: '#2196f3'},
+  'border-r-blue-600': {borderRightColor: '#1e88e5'},
+  'border-r-blue-700': {borderRightColor: '#1976d2'},
+  'border-r-blue-800': {borderRightColor: '#1565c0'},
+  'border-r-blue-900': {borderRightColor: '#0d47a1'},
+  'border-r-blue-A100': {borderRightColor: '#82b1ff'},
+  'border-r-blue-A200': {borderRightColor: '#448aff'},
+  'border-r-blue-A400': {borderRightColor: '#2979ff'},
+  'border-r-blue-A700': {borderRightColor: '#2962ff'},
+  'border-r-blue-gray-50': {borderRightColor: '#eceff1'},
+  'border-r-blue-gray-100': {borderRightColor: '#cfd8dc'},
+  'border-r-blue-gray-200': {borderRightColor: '#b0bec5'},
+  'border-r-blue-gray-300': {borderRightColor: '#90a4ae'},
+  'border-r-blue-gray-400': {borderRightColor: '#78909c'},
+  'border-r-blue-gray-500': {borderRightColor: '#607d8b'},
+  'border-r-blue-gray-600': {borderRightColor: '#546e7a'},
+  'border-r-blue-gray-700': {borderRightColor: '#455a64'},
+  'border-r-blue-gray-800': {borderRightColor: '#37474f'},
+  'border-r-blue-gray-900': {borderRightColor: '#263238'},
+  'border-r-brown-50': {borderRightColor: '#efebe9'},
+  'border-r-brown-100': {borderRightColor: '#d7ccc8'},
+  'border-r-brown-200': {borderRightColor: '#bcaaa4'},
+  'border-r-brown-300': {borderRightColor: '#a1887f'},
+  'border-r-brown-400': {borderRightColor: '#8d6e63'},
+  'border-r-brown-500': {borderRightColor: '#795548'},
+  'border-r-brown-600': {borderRightColor: '#6d4c41'},
+  'border-r-brown-700': {borderRightColor: '#5d4037'},
+  'border-r-brown-800': {borderRightColor: '#4e342e'},
+  'border-r-brown-900': {borderRightColor: '#3e2723'},
+  'border-r-cyan-50': {borderRightColor: '#e0f7fa'},
+  'border-r-cyan-100': {borderRightColor: '#b2ebf2'},
+  'border-r-cyan-200': {borderRightColor: '#80deea'},
+  'border-r-cyan-300': {borderRightColor: '#4dd0e1'},
+  'border-r-cyan-400': {borderRightColor: '#26c6da'},
+  'border-r-cyan-500': {borderRightColor: '#00bcd4'},
+  'border-r-cyan-600': {borderRightColor: '#00acc1'},
+  'border-r-cyan-700': {borderRightColor: '#0097a7'},
+  'border-r-cyan-800': {borderRightColor: '#00838f'},
+  'border-r-cyan-900': {borderRightColor: '#006064'},
+  'border-r-cyan-A100': {borderRightColor: '#84ffff'},
+  'border-r-cyan-A200': {borderRightColor: '#18ffff'},
+  'border-r-cyan-A400': {borderRightColor: '#00e5ff'},
+  'border-r-cyan-A700': {borderRightColor: '#00b8d4'},
+  'border-r-deep-orange-50': {borderRightColor: '#fbe9e7'},
+  'border-r-deep-orange-100': {borderRightColor: '#ffccbc'},
+  'border-r-deep-orange-200': {borderRightColor: '#ffab91'},
+  'border-r-deep-orange-300': {borderRightColor: '#ff8a65'},
+  'border-r-deep-orange-400': {borderRightColor: '#ff7043'},
+  'border-r-deep-orange-500': {borderRightColor: '#ff5722'},
+  'border-r-deep-orange-600': {borderRightColor: '#f4511e'},
+  'border-r-deep-orange-700': {borderRightColor: '#e64a19'},
+  'border-r-deep-orange-800': {borderRightColor: '#d84315'},
+  'border-r-deep-orange-900': {borderRightColor: '#bf360c'},
+  'border-r-deep-orange-A100': {borderRightColor: '#ff9e80'},
+  'border-r-deep-orange-A200': {borderRightColor: '#ff6e40'},
+  'border-r-deep-orange-A400': {borderRightColor: '#ff3d00'},
+  'border-r-deep-orange-A700': {borderRightColor: '#dd2c00'},
+  'border-r-deep-purple-50': {borderRightColor: '#ede7f6'},
+  'border-r-deep-purple-100': {borderRightColor: '#d1c4e9'},
+  'border-r-deep-purple-200': {borderRightColor: '#b39ddb'},
+  'border-r-deep-purple-300': {borderRightColor: '#9575cd'},
+  'border-r-deep-purple-400': {borderRightColor: '#7e57c2'},
+  'border-r-deep-purple-500': {borderRightColor: '#673ab7'},
+  'border-r-deep-purple-600': {borderRightColor: '#5e35b1'},
+  'border-r-deep-purple-700': {borderRightColor: '#512da8'},
+  'border-r-deep-purple-800': {borderRightColor: '#4527a0'},
+  'border-r-deep-purple-900': {borderRightColor: '#311b92'},
+  'border-r-deep-purple-A100': {borderRightColor: '#b388ff'},
+  'border-r-deep-purple-A200': {borderRightColor: '#7c4dff'},
+  'border-r-deep-purple-A400': {borderRightColor: '#651fff'},
+  'border-r-deep-purple-A700': {borderRightColor: '#6200ea'},
+  'border-r-gray-50': {borderRightColor: '#fafafa'},
+  'border-r-gray-100': {borderRightColor: '#f5f5f5'},
+  'border-r-gray-200': {borderRightColor: '#eeeeee'},
+  'border-r-gray-300': {borderRightColor: '#e0e0e0'},
+  'border-r-gray-400': {borderRightColor: '#bdbdbd'},
+  'border-r-gray-500': {borderRightColor: '#9e9e9e'},
+  'border-r-gray-600': {borderRightColor: '#757575'},
+  'border-r-gray-700': {borderRightColor: '#616161'},
+  'border-r-gray-800': {borderRightColor: '#424242'},
+  'border-r-gray-900': {borderRightColor: '#212121'},
+  'border-r-green-50': {borderRightColor: '#e8f5e9'},
+  'border-r-green-100': {borderRightColor: '#c8e6c9'},
+  'border-r-green-200': {borderRightColor: '#a5d6a7'},
+  'border-r-green-300': {borderRightColor: '#81c784'},
+  'border-r-green-400': {borderRightColor: '#66bb6a'},
+  'border-r-green-500': {borderRightColor: '#4caf50'},
+  'border-r-green-600': {borderRightColor: '#43a047'},
+  'border-r-green-700': {borderRightColor: '#388e3c'},
+  'border-r-green-800': {borderRightColor: '#2e7d32'},
+  'border-r-green-900': {borderRightColor: '#1b5e20'},
+  'border-r-green-A100': {borderRightColor: '#b9f6ca'},
+  'border-r-green-A200': {borderRightColor: '#69f0ae'},
+  'border-r-green-A400': {borderRightColor: '#00e676'},
+  'border-r-green-A700': {borderRightColor: '#00c853'},
+  'border-r-indigo-50': {borderRightColor: '#e8eaf6'},
+  'border-r-indigo-100': {borderRightColor: '#c5cae9'},
+  'border-r-indigo-200': {borderRightColor: '#9fa8da'},
+  'border-r-indigo-300': {borderRightColor: '#7986cb'},
+  'border-r-indigo-400': {borderRightColor: '#5c6bc0'},
+  'border-r-indigo-500': {borderRightColor: '#3f51b5'},
+  'border-r-indigo-600': {borderRightColor: '#3949ab'},
+  'border-r-indigo-700': {borderRightColor: '#303f9f'},
+  'border-r-indigo-800': {borderRightColor: '#283593'},
+  'border-r-indigo-900': {borderRightColor: '#1a237e'},
+  'border-r-indigo-A100': {borderRightColor: '#8c9eff'},
+  'border-r-indigo-A200': {borderRightColor: '#536dfe'},
+  'border-r-indigo-A400': {borderRightColor: '#3d5afe'},
+  'border-r-indigo-A700': {borderRightColor: '#304ffe'},
+  'border-r-light-blue-50': {borderRightColor: '#e1f5fe'},
+  'border-r-light-blue-100': {borderRightColor: '#b3e5fc'},
+  'border-r-light-blue-200': {borderRightColor: '#81d4fa'},
+  'border-r-light-blue-300': {borderRightColor: '#4fc3f7'},
+  'border-r-light-blue-400': {borderRightColor: '#29b6f6'},
+  'border-r-light-blue-500': {borderRightColor: '#03a9f4'},
+  'border-r-light-blue-600': {borderRightColor: '#039be5'},
+  'border-r-light-blue-700': {borderRightColor: '#0288d1'},
+  'border-r-light-blue-800': {borderRightColor: '#0277bd'},
+  'border-r-light-blue-900': {borderRightColor: '#01579b'},
+  'border-r-light-blue-A100': {borderRightColor: '#80d8ff'},
+  'border-r-light-blue-A200': {borderRightColor: '#40c4ff'},
+  'border-r-light-blue-A400': {borderRightColor: '#00b0ff'},
+  'border-r-light-blue-A700': {borderRightColor: '#0091ea'},
+  'border-r-light-green-50': {borderRightColor: '#f1f8e9'},
+  'border-r-light-green-100': {borderRightColor: '#dcedc8'},
+  'border-r-light-green-200': {borderRightColor: '#c5e1a5'},
+  'border-r-light-green-300': {borderRightColor: '#aed581'},
+  'border-r-light-green-400': {borderRightColor: '#9ccc65'},
+  'border-r-light-green-500': {borderRightColor: '#8bc34a'},
+  'border-r-light-green-600': {borderRightColor: '#7cb342'},
+  'border-r-light-green-700': {borderRightColor: '#689f38'},
+  'border-r-light-green-800': {borderRightColor: '#558b2f'},
+  'border-r-light-green-900': {borderRightColor: '#33691e'},
+  'border-r-light-green-A100': {borderRightColor: '#ccff90'},
+  'border-r-light-green-A200': {borderRightColor: '#b2ff59'},
+  'border-r-light-green-A400': {borderRightColor: '#76ff03'},
+  'border-r-light-green-A700': {borderRightColor: '#64dd17'},
+  'border-r-lime-50': {borderRightColor: '#f9fbe7'},
+  'border-r-lime-100': {borderRightColor: '#f0f4c3'},
+  'border-r-lime-200': {borderRightColor: '#e6ee9c'},
+  'border-r-lime-300': {borderRightColor: '#dce775'},
+  'border-r-lime-400': {borderRightColor: '#d4e157'},
+  'border-r-lime-500': {borderRightColor: '#cddc39'},
+  'border-r-lime-600': {borderRightColor: '#c0ca33'},
+  'border-r-lime-700': {borderRightColor: '#afb42b'},
+  'border-r-lime-800': {borderRightColor: '#9e9d24'},
+  'border-r-lime-900': {borderRightColor: '#827717'},
+  'border-r-lime-A100': {borderRightColor: '#f4ff81'},
+  'border-r-lime-A200': {borderRightColor: '#eeff41'},
+  'border-r-lime-A400': {borderRightColor: '#c6ff00'},
+  'border-r-lime-A700': {borderRightColor: '#aeea00'},
+  'border-r-orange-50': {borderRightColor: '#fff3e0'},
+  'border-r-orange-100': {borderRightColor: '#ffe0b2'},
+  'border-r-orange-200': {borderRightColor: '#ffcc80'},
+  'border-r-orange-300': {borderRightColor: '#ffb74d'},
+  'border-r-orange-400': {borderRightColor: '#ffa726'},
+  'border-r-orange-500': {borderRightColor: '#ff9800'},
+  'border-r-orange-600': {borderRightColor: '#fb8c00'},
+  'border-r-orange-700': {borderRightColor: '#f57c00'},
+  'border-r-orange-800': {borderRightColor: '#ef6c00'},
+  'border-r-orange-900': {borderRightColor: '#e65100'},
+  'border-r-orange-A100': {borderRightColor: '#ffd180'},
+  'border-r-orange-A200': {borderRightColor: '#ffab40'},
+  'border-r-orange-A400': {borderRightColor: '#ff9100'},
+  'border-r-orange-A700': {borderRightColor: '#ff6d00'},
+  'border-r-prink-50': {borderRightColor: '#fce4ec'},
+  'border-r-prink-100': {borderRightColor: '#f8bbd0'},
+  'border-r-prink-200': {borderRightColor: '#f48fb1'},
+  'border-r-prink-300': {borderRightColor: '#f06292'},
+  'border-r-prink-400': {borderRightColor: '#ec407a'},
+  'border-r-prink-500': {borderRightColor: '#e91e63'},
+  'border-r-prink-600': {borderRightColor: '#d81b60'},
+  'border-r-prink-700': {borderRightColor: '#c2185b'},
+  'border-r-prink-800': {borderRightColor: '#ad1457'},
+  'border-r-prink-900': {borderRightColor: '#880e4f'},
+  'border-r-prink-A100': {borderRightColor: '#ff80ab'},
+  'border-r-prink-A200': {borderRightColor: '#ff4081'},
+  'border-r-prink-A400': {borderRightColor: '#f50057'},
+  'border-r-prink-A700': {borderRightColor: '#c51162'},
+  'border-r-purple-50': {borderRightColor: '#f3e5f5'},
+  'border-r-purple-100': {borderRightColor: '#e1bee7'},
+  'border-r-purple-200': {borderRightColor: '#ce93d8'},
+  'border-r-purple-300': {borderRightColor: '#ba68c8'},
+  'border-r-purple-400': {borderRightColor: '#ab47bc'},
+  'border-r-purple-500': {borderRightColor: '#9c27b0'},
+  'border-r-purple-600': {borderRightColor: '#8e24aa'},
+  'border-r-purple-700': {borderRightColor: '#7b1fa2'},
+  'border-r-purple-800': {borderRightColor: '#6a1b9a'},
+  'border-r-purple-900': {borderRightColor: '#4a148c'},
+  'border-r-purple-A100': {borderRightColor: '#ea80fc'},
+  'border-r-purple-A200': {borderRightColor: '#e040fb'},
+  'border-r-purple-A400': {borderRightColor: '#d500f9'},
+  'border-r-purple-A700': {borderRightColor: '#aa00ff'},
+  'border-r-red-50': {borderRightColor: '#ffebee'},
+  'border-r-red-100': {borderRightColor: '#ffcdd2'},
+  'border-r-red-200': {borderRightColor: '#ef9a9a'},
+  'border-r-red-300': {borderRightColor: '#e57373'},
+  'border-r-red-400': {borderRightColor: '#ef5350'},
+  'border-r-red-500': {borderRightColor: '#f44336'},
+  'border-r-red-600': {borderRightColor: '#e53935'},
+  'border-r-red-700': {borderRightColor: '#d32f2f'},
+  'border-r-red-800': {borderRightColor: '#c62828'},
+  'border-r-red-900': {borderRightColor: '#b71c1c'},
+  'border-r-red-A100': {borderRightColor: '#ff8a80'},
+  'border-r-red-A200': {borderRightColor: '#ff5252'},
+  'border-r-red-A400': {borderRightColor: '#ff1744'},
+  'border-r-red-A700': {borderRightColor: '#d50000'},
+  'border-r-teal-50': {borderRightColor: '#e0f2f1'},
+  'border-r-teal-100': {borderRightColor: '#b2dfdb'},
+  'border-r-teal-200': {borderRightColor: '#80cbc4'},
+  'border-r-teal-300': {borderRightColor: '#4db6ac'},
+  'border-r-teal-400': {borderRightColor: '#26a69a'},
+  'border-r-teal-500': {borderRightColor: '#009688'},
+  'border-r-teal-600': {borderRightColor: '#00897b'},
+  'border-r-teal-700': {borderRightColor: '#00796b'},
+  'border-r-teal-800': {borderRightColor: '#00695c'},
+  'border-r-teal-900': {borderRightColor: '#004d40'},
+  'border-r-teal-A100': {borderRightColor: '#a7ffeb'},
+  'border-r-teal-A200': {borderRightColor: '#64ffda'},
+  'border-r-teal-A400': {borderRightColor: '#1de9b6'},
+  'border-r-teal-A700': {borderRightColor: '#00bfa5'},
+  'border-r-transparent': {borderRightColor: 'transparent'},
+  'border-r-white': {borderRightColor: '#ffffff'},
+  'border-r-yellow-50': {borderRightColor: '#fffde7'},
+  'border-r-yellow-100': {borderRightColor: '#fff9c4'},
+  'border-r-yellow-200': {borderRightColor: '#fff59d'},
+  'border-r-yellow-300': {borderRightColor: '#fff176'},
+  'border-r-yellow-400': {borderRightColor: '#ffee58'},
+  'border-r-yellow-500': {borderRightColor: '#ffeb3b'},
+  'border-r-yellow-600': {borderRightColor: '#fdd835'},
+  'border-r-yellow-700': {borderRightColor: '#fbc02d'},
+  'border-r-yellow-800': {borderRightColor: '#f9a825'},
+  'border-r-yellow-900': {borderRightColor: '#f57f17'},
+  'border-r-yellow-A100': {borderRightColor: '#ffff8d'},
+  'border-r-yellow-A200': {borderRightColor: '#ffff00'},
+  'border-r-yellow-A400': {borderRightColor: '#ffea00'},
+  'border-r-yellow-A700': {borderRightColor: '#ffd600'},
+  'border-red-50': {borderColor: '#ffebee'},
+  'border-red-100': {borderColor: '#ffcdd2'},
+  'border-red-200': {borderColor: '#ef9a9a'},
+  'border-red-300': {borderColor: '#e57373'},
+  'border-red-400': {borderColor: '#ef5350'},
+  'border-red-500': {borderColor: '#f44336'},
+  'border-red-600': {borderColor: '#e53935'},
+  'border-red-700': {borderColor: '#d32f2f'},
+  'border-red-800': {borderColor: '#c62828'},
+  'border-red-900': {borderColor: '#b71c1c'},
+  'border-red-A100': {borderColor: '#ff8a80'},
+  'border-red-A200': {borderColor: '#ff5252'},
+  'border-red-A400': {borderColor: '#ff1744'},
+  'border-red-A700': {borderColor: '#d50000'},
+  'border-t-amber-50': {borderTopColor: '#fff8e1'},
+  'border-t-amber-100': {borderTopColor: '#ffecb3'},
+  'border-t-amber-200': {borderTopColor: '#ffe082'},
+  'border-t-amber-300': {borderTopColor: '#ffd54f'},
+  'border-t-amber-400': {borderTopColor: '#ffca28'},
+  'border-t-amber-500': {borderTopColor: '#ffc107'},
+  'border-t-amber-600': {borderTopColor: '#ffb300'},
+  'border-t-amber-700': {borderTopColor: '#ffa000'},
+  'border-t-amber-800': {borderTopColor: '#ff8f00'},
+  'border-t-amber-900': {borderTopColor: '#ff6f00'},
+  'border-t-amber-A100': {borderTopColor: '#ffe57f'},
+  'border-t-amber-A200': {borderTopColor: '#ffd740'},
+  'border-t-amber-A400': {borderTopColor: '#ffc400'},
+  'border-t-amber-A700': {borderTopColor: '#ffab00'},
+  'border-t-black': {borderTopColor: '#000000'},
+  'border-t-blue-50': {borderTopColor: '#e3f2fd'},
+  'border-t-blue-100': {borderTopColor: '#bbdefb'},
+  'border-t-blue-200': {borderTopColor: '#90caf9'},
+  'border-t-blue-300': {borderTopColor: '#64b5f6'},
+  'border-t-blue-400': {borderTopColor: '#42a5f5'},
+  'border-t-blue-500': {borderTopColor: '#2196f3'},
+  'border-t-blue-600': {borderTopColor: '#1e88e5'},
+  'border-t-blue-700': {borderTopColor: '#1976d2'},
+  'border-t-blue-800': {borderTopColor: '#1565c0'},
+  'border-t-blue-900': {borderTopColor: '#0d47a1'},
+  'border-t-blue-A100': {borderTopColor: '#82b1ff'},
+  'border-t-blue-A200': {borderTopColor: '#448aff'},
+  'border-t-blue-A400': {borderTopColor: '#2979ff'},
+  'border-t-blue-A700': {borderTopColor: '#2962ff'},
+  'border-t-blue-gray-50': {borderTopColor: '#eceff1'},
+  'border-t-blue-gray-100': {borderTopColor: '#cfd8dc'},
+  'border-t-blue-gray-200': {borderTopColor: '#b0bec5'},
+  'border-t-blue-gray-300': {borderTopColor: '#90a4ae'},
+  'border-t-blue-gray-400': {borderTopColor: '#78909c'},
+  'border-t-blue-gray-500': {borderTopColor: '#607d8b'},
+  'border-t-blue-gray-600': {borderTopColor: '#546e7a'},
+  'border-t-blue-gray-700': {borderTopColor: '#455a64'},
+  'border-t-blue-gray-800': {borderTopColor: '#37474f'},
+  'border-t-blue-gray-900': {borderTopColor: '#263238'},
+  'border-t-brown-50': {borderTopColor: '#efebe9'},
+  'border-t-brown-100': {borderTopColor: '#d7ccc8'},
+  'border-t-brown-200': {borderTopColor: '#bcaaa4'},
+  'border-t-brown-300': {borderTopColor: '#a1887f'},
+  'border-t-brown-400': {borderTopColor: '#8d6e63'},
+  'border-t-brown-500': {borderTopColor: '#795548'},
+  'border-t-brown-600': {borderTopColor: '#6d4c41'},
+  'border-t-brown-700': {borderTopColor: '#5d4037'},
+  'border-t-brown-800': {borderTopColor: '#4e342e'},
+  'border-t-brown-900': {borderTopColor: '#3e2723'},
+  'border-t-cyan-50': {borderTopColor: '#e0f7fa'},
+  'border-t-cyan-100': {borderTopColor: '#b2ebf2'},
+  'border-t-cyan-200': {borderTopColor: '#80deea'},
+  'border-t-cyan-300': {borderTopColor: '#4dd0e1'},
+  'border-t-cyan-400': {borderTopColor: '#26c6da'},
+  'border-t-cyan-500': {borderTopColor: '#00bcd4'},
+  'border-t-cyan-600': {borderTopColor: '#00acc1'},
+  'border-t-cyan-700': {borderTopColor: '#0097a7'},
+  'border-t-cyan-800': {borderTopColor: '#00838f'},
+  'border-t-cyan-900': {borderTopColor: '#006064'},
+  'border-t-cyan-A100': {borderTopColor: '#84ffff'},
+  'border-t-cyan-A200': {borderTopColor: '#18ffff'},
+  'border-t-cyan-A400': {borderTopColor: '#00e5ff'},
+  'border-t-cyan-A700': {borderTopColor: '#00b8d4'},
+  'border-t-deep-orange-50': {borderTopColor: '#fbe9e7'},
+  'border-t-deep-orange-100': {borderTopColor: '#ffccbc'},
+  'border-t-deep-orange-200': {borderTopColor: '#ffab91'},
+  'border-t-deep-orange-300': {borderTopColor: '#ff8a65'},
+  'border-t-deep-orange-400': {borderTopColor: '#ff7043'},
+  'border-t-deep-orange-500': {borderTopColor: '#ff5722'},
+  'border-t-deep-orange-600': {borderTopColor: '#f4511e'},
+  'border-t-deep-orange-700': {borderTopColor: '#e64a19'},
+  'border-t-deep-orange-800': {borderTopColor: '#d84315'},
+  'border-t-deep-orange-900': {borderTopColor: '#bf360c'},
+  'border-t-deep-orange-A100': {borderTopColor: '#ff9e80'},
+  'border-t-deep-orange-A200': {borderTopColor: '#ff6e40'},
+  'border-t-deep-orange-A400': {borderTopColor: '#ff3d00'},
+  'border-t-deep-orange-A700': {borderTopColor: '#dd2c00'},
+  'border-t-deep-purple-50': {borderTopColor: '#ede7f6'},
+  'border-t-deep-purple-100': {borderTopColor: '#d1c4e9'},
+  'border-t-deep-purple-200': {borderTopColor: '#b39ddb'},
+  'border-t-deep-purple-300': {borderTopColor: '#9575cd'},
+  'border-t-deep-purple-400': {borderTopColor: '#7e57c2'},
+  'border-t-deep-purple-500': {borderTopColor: '#673ab7'},
+  'border-t-deep-purple-600': {borderTopColor: '#5e35b1'},
+  'border-t-deep-purple-700': {borderTopColor: '#512da8'},
+  'border-t-deep-purple-800': {borderTopColor: '#4527a0'},
+  'border-t-deep-purple-900': {borderTopColor: '#311b92'},
+  'border-t-deep-purple-A100': {borderTopColor: '#b388ff'},
+  'border-t-deep-purple-A200': {borderTopColor: '#7c4dff'},
+  'border-t-deep-purple-A400': {borderTopColor: '#651fff'},
+  'border-t-deep-purple-A700': {borderTopColor: '#6200ea'},
+  'border-t-gray-50': {borderTopColor: '#fafafa'},
+  'border-t-gray-100': {borderTopColor: '#f5f5f5'},
+  'border-t-gray-200': {borderTopColor: '#eeeeee'},
+  'border-t-gray-300': {borderTopColor: '#e0e0e0'},
+  'border-t-gray-400': {borderTopColor: '#bdbdbd'},
+  'border-t-gray-500': {borderTopColor: '#9e9e9e'},
+  'border-t-gray-600': {borderTopColor: '#757575'},
+  'border-t-gray-700': {borderTopColor: '#616161'},
+  'border-t-gray-800': {borderTopColor: '#424242'},
+  'border-t-gray-900': {borderTopColor: '#212121'},
+  'border-t-green-50': {borderTopColor: '#e8f5e9'},
+  'border-t-green-100': {borderTopColor: '#c8e6c9'},
+  'border-t-green-200': {borderTopColor: '#a5d6a7'},
+  'border-t-green-300': {borderTopColor: '#81c784'},
+  'border-t-green-400': {borderTopColor: '#66bb6a'},
+  'border-t-green-500': {borderTopColor: '#4caf50'},
+  'border-t-green-600': {borderTopColor: '#43a047'},
+  'border-t-green-700': {borderTopColor: '#388e3c'},
+  'border-t-green-800': {borderTopColor: '#2e7d32'},
+  'border-t-green-900': {borderTopColor: '#1b5e20'},
+  'border-t-green-A100': {borderTopColor: '#b9f6ca'},
+  'border-t-green-A200': {borderTopColor: '#69f0ae'},
+  'border-t-green-A400': {borderTopColor: '#00e676'},
+  'border-t-green-A700': {borderTopColor: '#00c853'},
+  'border-t-indigo-50': {borderTopColor: '#e8eaf6'},
+  'border-t-indigo-100': {borderTopColor: '#c5cae9'},
+  'border-t-indigo-200': {borderTopColor: '#9fa8da'},
+  'border-t-indigo-300': {borderTopColor: '#7986cb'},
+  'border-t-indigo-400': {borderTopColor: '#5c6bc0'},
+  'border-t-indigo-500': {borderTopColor: '#3f51b5'},
+  'border-t-indigo-600': {borderTopColor: '#3949ab'},
+  'border-t-indigo-700': {borderTopColor: '#303f9f'},
+  'border-t-indigo-800': {borderTopColor: '#283593'},
+  'border-t-indigo-900': {borderTopColor: '#1a237e'},
+  'border-t-indigo-A100': {borderTopColor: '#8c9eff'},
+  'border-t-indigo-A200': {borderTopColor: '#536dfe'},
+  'border-t-indigo-A400': {borderTopColor: '#3d5afe'},
+  'border-t-indigo-A700': {borderTopColor: '#304ffe'},
+  'border-t-light-blue-50': {borderTopColor: '#e1f5fe'},
+  'border-t-light-blue-100': {borderTopColor: '#b3e5fc'},
+  'border-t-light-blue-200': {borderTopColor: '#81d4fa'},
+  'border-t-light-blue-300': {borderTopColor: '#4fc3f7'},
+  'border-t-light-blue-400': {borderTopColor: '#29b6f6'},
+  'border-t-light-blue-500': {borderTopColor: '#03a9f4'},
+  'border-t-light-blue-600': {borderTopColor: '#039be5'},
+  'border-t-light-blue-700': {borderTopColor: '#0288d1'},
+  'border-t-light-blue-800': {borderTopColor: '#0277bd'},
+  'border-t-light-blue-900': {borderTopColor: '#01579b'},
+  'border-t-light-blue-A100': {borderTopColor: '#80d8ff'},
+  'border-t-light-blue-A200': {borderTopColor: '#40c4ff'},
+  'border-t-light-blue-A400': {borderTopColor: '#00b0ff'},
+  'border-t-light-blue-A700': {borderTopColor: '#0091ea'},
+  'border-t-light-green-50': {borderTopColor: '#f1f8e9'},
+  'border-t-light-green-100': {borderTopColor: '#dcedc8'},
+  'border-t-light-green-200': {borderTopColor: '#c5e1a5'},
+  'border-t-light-green-300': {borderTopColor: '#aed581'},
+  'border-t-light-green-400': {borderTopColor: '#9ccc65'},
+  'border-t-light-green-500': {borderTopColor: '#8bc34a'},
+  'border-t-light-green-600': {borderTopColor: '#7cb342'},
+  'border-t-light-green-700': {borderTopColor: '#689f38'},
+  'border-t-light-green-800': {borderTopColor: '#558b2f'},
+  'border-t-light-green-900': {borderTopColor: '#33691e'},
+  'border-t-light-green-A100': {borderTopColor: '#ccff90'},
+  'border-t-light-green-A200': {borderTopColor: '#b2ff59'},
+  'border-t-light-green-A400': {borderTopColor: '#76ff03'},
+  'border-t-light-green-A700': {borderTopColor: '#64dd17'},
+  'border-t-lime-50': {borderTopColor: '#f9fbe7'},
+  'border-t-lime-100': {borderTopColor: '#f0f4c3'},
+  'border-t-lime-200': {borderTopColor: '#e6ee9c'},
+  'border-t-lime-300': {borderTopColor: '#dce775'},
+  'border-t-lime-400': {borderTopColor: '#d4e157'},
+  'border-t-lime-500': {borderTopColor: '#cddc39'},
+  'border-t-lime-600': {borderTopColor: '#c0ca33'},
+  'border-t-lime-700': {borderTopColor: '#afb42b'},
+  'border-t-lime-800': {borderTopColor: '#9e9d24'},
+  'border-t-lime-900': {borderTopColor: '#827717'},
+  'border-t-lime-A100': {borderTopColor: '#f4ff81'},
+  'border-t-lime-A200': {borderTopColor: '#eeff41'},
+  'border-t-lime-A400': {borderTopColor: '#c6ff00'},
+  'border-t-lime-A700': {borderTopColor: '#aeea00'},
+  'border-t-orange-50': {borderTopColor: '#fff3e0'},
+  'border-t-orange-100': {borderTopColor: '#ffe0b2'},
+  'border-t-orange-200': {borderTopColor: '#ffcc80'},
+  'border-t-orange-300': {borderTopColor: '#ffb74d'},
+  'border-t-orange-400': {borderTopColor: '#ffa726'},
+  'border-t-orange-500': {borderTopColor: '#ff9800'},
+  'border-t-orange-600': {borderTopColor: '#fb8c00'},
+  'border-t-orange-700': {borderTopColor: '#f57c00'},
+  'border-t-orange-800': {borderTopColor: '#ef6c00'},
+  'border-t-orange-900': {borderTopColor: '#e65100'},
+  'border-t-orange-A100': {borderTopColor: '#ffd180'},
+  'border-t-orange-A200': {borderTopColor: '#ffab40'},
+  'border-t-orange-A400': {borderTopColor: '#ff9100'},
+  'border-t-orange-A700': {borderTopColor: '#ff6d00'},
+  'border-t-prink-50': {borderTopColor: '#fce4ec'},
+  'border-t-prink-100': {borderTopColor: '#f8bbd0'},
+  'border-t-prink-200': {borderTopColor: '#f48fb1'},
+  'border-t-prink-300': {borderTopColor: '#f06292'},
+  'border-t-prink-400': {borderTopColor: '#ec407a'},
+  'border-t-prink-500': {borderTopColor: '#e91e63'},
+  'border-t-prink-600': {borderTopColor: '#d81b60'},
+  'border-t-prink-700': {borderTopColor: '#c2185b'},
+  'border-t-prink-800': {borderTopColor: '#ad1457'},
+  'border-t-prink-900': {borderTopColor: '#880e4f'},
+  'border-t-prink-A100': {borderTopColor: '#ff80ab'},
+  'border-t-prink-A200': {borderTopColor: '#ff4081'},
+  'border-t-prink-A400': {borderTopColor: '#f50057'},
+  'border-t-prink-A700': {borderTopColor: '#c51162'},
+  'border-t-purple-50': {borderTopColor: '#f3e5f5'},
+  'border-t-purple-100': {borderTopColor: '#e1bee7'},
+  'border-t-purple-200': {borderTopColor: '#ce93d8'},
+  'border-t-purple-300': {borderTopColor: '#ba68c8'},
+  'border-t-purple-400': {borderTopColor: '#ab47bc'},
+  'border-t-purple-500': {borderTopColor: '#9c27b0'},
+  'border-t-purple-600': {borderTopColor: '#8e24aa'},
+  'border-t-purple-700': {borderTopColor: '#7b1fa2'},
+  'border-t-purple-800': {borderTopColor: '#6a1b9a'},
+  'border-t-purple-900': {borderTopColor: '#4a148c'},
+  'border-t-purple-A100': {borderTopColor: '#ea80fc'},
+  'border-t-purple-A200': {borderTopColor: '#e040fb'},
+  'border-t-purple-A400': {borderTopColor: '#d500f9'},
+  'border-t-purple-A700': {borderTopColor: '#aa00ff'},
+  'border-t-red-50': {borderTopColor: '#ffebee'},
+  'border-t-red-100': {borderTopColor: '#ffcdd2'},
+  'border-t-red-200': {borderTopColor: '#ef9a9a'},
+  'border-t-red-300': {borderTopColor: '#e57373'},
+  'border-t-red-400': {borderTopColor: '#ef5350'},
+  'border-t-red-500': {borderTopColor: '#f44336'},
+  'border-t-red-600': {borderTopColor: '#e53935'},
+  'border-t-red-700': {borderTopColor: '#d32f2f'},
+  'border-t-red-800': {borderTopColor: '#c62828'},
+  'border-t-red-900': {borderTopColor: '#b71c1c'},
+  'border-t-red-A100': {borderTopColor: '#ff8a80'},
+  'border-t-red-A200': {borderTopColor: '#ff5252'},
+  'border-t-red-A400': {borderTopColor: '#ff1744'},
+  'border-t-red-A700': {borderTopColor: '#d50000'},
+  'border-t-teal-50': {borderTopColor: '#e0f2f1'},
+  'border-t-teal-100': {borderTopColor: '#b2dfdb'},
+  'border-t-teal-200': {borderTopColor: '#80cbc4'},
+  'border-t-teal-300': {borderTopColor: '#4db6ac'},
+  'border-t-teal-400': {borderTopColor: '#26a69a'},
+  'border-t-teal-500': {borderTopColor: '#009688'},
+  'border-t-teal-600': {borderTopColor: '#00897b'},
+  'border-t-teal-700': {borderTopColor: '#00796b'},
+  'border-t-teal-800': {borderTopColor: '#00695c'},
+  'border-t-teal-900': {borderTopColor: '#004d40'},
+  'border-t-teal-A100': {borderTopColor: '#a7ffeb'},
+  'border-t-teal-A200': {borderTopColor: '#64ffda'},
+  'border-t-teal-A400': {borderTopColor: '#1de9b6'},
+  'border-t-teal-A700': {borderTopColor: '#00bfa5'},
+  'border-t-transparent': {borderTopColor: 'transparent'},
+  'border-t-white': {borderTopColor: '#ffffff'},
+  'border-t-yellow-50': {borderTopColor: '#fffde7'},
+  'border-t-yellow-100': {borderTopColor: '#fff9c4'},
+  'border-t-yellow-200': {borderTopColor: '#fff59d'},
+  'border-t-yellow-300': {borderTopColor: '#fff176'},
+  'border-t-yellow-400': {borderTopColor: '#ffee58'},
+  'border-t-yellow-500': {borderTopColor: '#ffeb3b'},
+  'border-t-yellow-600': {borderTopColor: '#fdd835'},
+  'border-t-yellow-700': {borderTopColor: '#fbc02d'},
+  'border-t-yellow-800': {borderTopColor: '#f9a825'},
+  'border-t-yellow-900': {borderTopColor: '#f57f17'},
+  'border-t-yellow-A100': {borderTopColor: '#ffff8d'},
+  'border-t-yellow-A200': {borderTopColor: '#ffff00'},
+  'border-t-yellow-A400': {borderTopColor: '#ffea00'},
+  'border-t-yellow-A700': {borderTopColor: '#ffd600'},
+  'border-teal-50': {borderColor: '#e0f2f1'},
+  'border-teal-100': {borderColor: '#b2dfdb'},
+  'border-teal-200': {borderColor: '#80cbc4'},
+  'border-teal-300': {borderColor: '#4db6ac'},
+  'border-teal-400': {borderColor: '#26a69a'},
+  'border-teal-500': {borderColor: '#009688'},
+  'border-teal-600': {borderColor: '#00897b'},
+  'border-teal-700': {borderColor: '#00796b'},
+  'border-teal-800': {borderColor: '#00695c'},
+  'border-teal-900': {borderColor: '#004d40'},
+  'border-teal-A100': {borderColor: '#a7ffeb'},
+  'border-teal-A200': {borderColor: '#64ffda'},
+  'border-teal-A400': {borderColor: '#1de9b6'},
+  'border-teal-A700': {borderColor: '#00bfa5'},
+  'border-transparent': {borderColor: 'transparent'},
+  'border-white': {borderColor: '#ffffff'},
+  'border-x-amber-50': {
+    borderLeftColor: '#fff8e1',
+    borderRightColor: '#fff8e1',
+  },
+  'border-x-amber-100': {
+    borderLeftColor: '#ffecb3',
+    borderRightColor: '#ffecb3',
+  },
+  'border-x-amber-200': {
+    borderLeftColor: '#ffe082',
+    borderRightColor: '#ffe082',
+  },
+  'border-x-amber-300': {
+    borderLeftColor: '#ffd54f',
+    borderRightColor: '#ffd54f',
+  },
+  'border-x-amber-400': {
+    borderLeftColor: '#ffca28',
+    borderRightColor: '#ffca28',
+  },
+  'border-x-amber-500': {
+    borderLeftColor: '#ffc107',
+    borderRightColor: '#ffc107',
+  },
+  'border-x-amber-600': {
+    borderLeftColor: '#ffb300',
+    borderRightColor: '#ffb300',
+  },
+  'border-x-amber-700': {
+    borderLeftColor: '#ffa000',
+    borderRightColor: '#ffa000',
+  },
+  'border-x-amber-800': {
+    borderLeftColor: '#ff8f00',
+    borderRightColor: '#ff8f00',
+  },
+  'border-x-amber-900': {
+    borderLeftColor: '#ff6f00',
+    borderRightColor: '#ff6f00',
+  },
+  'border-x-amber-A100': {
+    borderLeftColor: '#ffe57f',
+    borderRightColor: '#ffe57f',
+  },
+  'border-x-amber-A200': {
+    borderLeftColor: '#ffd740',
+    borderRightColor: '#ffd740',
+  },
+  'border-x-amber-A400': {
+    borderLeftColor: '#ffc400',
+    borderRightColor: '#ffc400',
+  },
+  'border-x-amber-A700': {
+    borderLeftColor: '#ffab00',
+    borderRightColor: '#ffab00',
+  },
+  'border-x-black': {
+    borderLeftColor: '#000000',
+    borderRightColor: '#000000',
+  },
+  'border-x-blue-50': {
+    borderLeftColor: '#e3f2fd',
+    borderRightColor: '#e3f2fd',
+  },
+  'border-x-blue-100': {
+    borderLeftColor: '#bbdefb',
+    borderRightColor: '#bbdefb',
+  },
+  'border-x-blue-200': {
+    borderLeftColor: '#90caf9',
+    borderRightColor: '#90caf9',
+  },
+  'border-x-blue-300': {
+    borderLeftColor: '#64b5f6',
+    borderRightColor: '#64b5f6',
+  },
+  'border-x-blue-400': {
+    borderLeftColor: '#42a5f5',
+    borderRightColor: '#42a5f5',
+  },
+  'border-x-blue-500': {
+    borderLeftColor: '#2196f3',
+    borderRightColor: '#2196f3',
+  },
+  'border-x-blue-600': {
+    borderLeftColor: '#1e88e5',
+    borderRightColor: '#1e88e5',
+  },
+  'border-x-blue-700': {
+    borderLeftColor: '#1976d2',
+    borderRightColor: '#1976d2',
+  },
+  'border-x-blue-800': {
+    borderLeftColor: '#1565c0',
+    borderRightColor: '#1565c0',
+  },
+  'border-x-blue-900': {
+    borderLeftColor: '#0d47a1',
+    borderRightColor: '#0d47a1',
+  },
+  'border-x-blue-A100': {
+    borderLeftColor: '#82b1ff',
+    borderRightColor: '#82b1ff',
+  },
+  'border-x-blue-A200': {
+    borderLeftColor: '#448aff',
+    borderRightColor: '#448aff',
+  },
+  'border-x-blue-A400': {
+    borderLeftColor: '#2979ff',
+    borderRightColor: '#2979ff',
+  },
+  'border-x-blue-A700': {
+    borderLeftColor: '#2962ff',
+    borderRightColor: '#2962ff',
+  },
+  'border-x-blue-gray-50': {
+    borderLeftColor: '#eceff1',
+    borderRightColor: '#eceff1',
+  },
+  'border-x-blue-gray-100': {
+    borderLeftColor: '#cfd8dc',
+    borderRightColor: '#cfd8dc',
+  },
+  'border-x-blue-gray-200': {
+    borderLeftColor: '#b0bec5',
+    borderRightColor: '#b0bec5',
+  },
+  'border-x-blue-gray-300': {
+    borderLeftColor: '#90a4ae',
+    borderRightColor: '#90a4ae',
+  },
+  'border-x-blue-gray-400': {
+    borderLeftColor: '#78909c',
+    borderRightColor: '#78909c',
+  },
+  'border-x-blue-gray-500': {
+    borderLeftColor: '#607d8b',
+    borderRightColor: '#607d8b',
+  },
+  'border-x-blue-gray-600': {
+    borderLeftColor: '#546e7a',
+    borderRightColor: '#546e7a',
+  },
+  'border-x-blue-gray-700': {
+    borderLeftColor: '#455a64',
+    borderRightColor: '#455a64',
+  },
+  'border-x-blue-gray-800': {
+    borderLeftColor: '#37474f',
+    borderRightColor: '#37474f',
+  },
+  'border-x-blue-gray-900': {
+    borderLeftColor: '#263238',
+    borderRightColor: '#263238',
+  },
+  'border-x-brown-50': {
+    borderLeftColor: '#efebe9',
+    borderRightColor: '#efebe9',
+  },
+  'border-x-brown-100': {
+    borderLeftColor: '#d7ccc8',
+    borderRightColor: '#d7ccc8',
+  },
+  'border-x-brown-200': {
+    borderLeftColor: '#bcaaa4',
+    borderRightColor: '#bcaaa4',
+  },
+  'border-x-brown-300': {
+    borderLeftColor: '#a1887f',
+    borderRightColor: '#a1887f',
+  },
+  'border-x-brown-400': {
+    borderLeftColor: '#8d6e63',
+    borderRightColor: '#8d6e63',
+  },
+  'border-x-brown-500': {
+    borderLeftColor: '#795548',
+    borderRightColor: '#795548',
+  },
+  'border-x-brown-600': {
+    borderLeftColor: '#6d4c41',
+    borderRightColor: '#6d4c41',
+  },
+  'border-x-brown-700': {
+    borderLeftColor: '#5d4037',
+    borderRightColor: '#5d4037',
+  },
+  'border-x-brown-800': {
+    borderLeftColor: '#4e342e',
+    borderRightColor: '#4e342e',
+  },
+  'border-x-brown-900': {
+    borderLeftColor: '#3e2723',
+    borderRightColor: '#3e2723',
+  },
+  'border-x-cyan-50': {
+    borderLeftColor: '#e0f7fa',
+    borderRightColor: '#e0f7fa',
+  },
+  'border-x-cyan-100': {
+    borderLeftColor: '#b2ebf2',
+    borderRightColor: '#b2ebf2',
+  },
+  'border-x-cyan-200': {
+    borderLeftColor: '#80deea',
+    borderRightColor: '#80deea',
+  },
+  'border-x-cyan-300': {
+    borderLeftColor: '#4dd0e1',
+    borderRightColor: '#4dd0e1',
+  },
+  'border-x-cyan-400': {
+    borderLeftColor: '#26c6da',
+    borderRightColor: '#26c6da',
+  },
+  'border-x-cyan-500': {
+    borderLeftColor: '#00bcd4',
+    borderRightColor: '#00bcd4',
+  },
+  'border-x-cyan-600': {
+    borderLeftColor: '#00acc1',
+    borderRightColor: '#00acc1',
+  },
+  'border-x-cyan-700': {
+    borderLeftColor: '#0097a7',
+    borderRightColor: '#0097a7',
+  },
+  'border-x-cyan-800': {
+    borderLeftColor: '#00838f',
+    borderRightColor: '#00838f',
+  },
+  'border-x-cyan-900': {
+    borderLeftColor: '#006064',
+    borderRightColor: '#006064',
+  },
+  'border-x-cyan-A100': {
+    borderLeftColor: '#84ffff',
+    borderRightColor: '#84ffff',
+  },
+  'border-x-cyan-A200': {
+    borderLeftColor: '#18ffff',
+    borderRightColor: '#18ffff',
+  },
+  'border-x-cyan-A400': {
+    borderLeftColor: '#00e5ff',
+    borderRightColor: '#00e5ff',
+  },
+  'border-x-cyan-A700': {
+    borderLeftColor: '#00b8d4',
+    borderRightColor: '#00b8d4',
+  },
+  'border-x-deep-orange-50': {
+    borderLeftColor: '#fbe9e7',
+    borderRightColor: '#fbe9e7',
+  },
+  'border-x-deep-orange-100': {
+    borderLeftColor: '#ffccbc',
+    borderRightColor: '#ffccbc',
+  },
+  'border-x-deep-orange-200': {
+    borderLeftColor: '#ffab91',
+    borderRightColor: '#ffab91',
+  },
+  'border-x-deep-orange-300': {
+    borderLeftColor: '#ff8a65',
+    borderRightColor: '#ff8a65',
+  },
+  'border-x-deep-orange-400': {
+    borderLeftColor: '#ff7043',
+    borderRightColor: '#ff7043',
+  },
+  'border-x-deep-orange-500': {
+    borderLeftColor: '#ff5722',
+    borderRightColor: '#ff5722',
+  },
+  'border-x-deep-orange-600': {
+    borderLeftColor: '#f4511e',
+    borderRightColor: '#f4511e',
+  },
+  'border-x-deep-orange-700': {
+    borderLeftColor: '#e64a19',
+    borderRightColor: '#e64a19',
+  },
+  'border-x-deep-orange-800': {
+    borderLeftColor: '#d84315',
+    borderRightColor: '#d84315',
+  },
+  'border-x-deep-orange-900': {
+    borderLeftColor: '#bf360c',
+    borderRightColor: '#bf360c',
+  },
+  'border-x-deep-orange-A100': {
+    borderLeftColor: '#ff9e80',
+    borderRightColor: '#ff9e80',
+  },
+  'border-x-deep-orange-A200': {
+    borderLeftColor: '#ff6e40',
+    borderRightColor: '#ff6e40',
+  },
+  'border-x-deep-orange-A400': {
+    borderLeftColor: '#ff3d00',
+    borderRightColor: '#ff3d00',
+  },
+  'border-x-deep-orange-A700': {
+    borderLeftColor: '#dd2c00',
+    borderRightColor: '#dd2c00',
+  },
+  'border-x-deep-purple-50': {
+    borderLeftColor: '#ede7f6',
+    borderRightColor: '#ede7f6',
+  },
+  'border-x-deep-purple-100': {
+    borderLeftColor: '#d1c4e9',
+    borderRightColor: '#d1c4e9',
+  },
+  'border-x-deep-purple-200': {
+    borderLeftColor: '#b39ddb',
+    borderRightColor: '#b39ddb',
+  },
+  'border-x-deep-purple-300': {
+    borderLeftColor: '#9575cd',
+    borderRightColor: '#9575cd',
+  },
+  'border-x-deep-purple-400': {
+    borderLeftColor: '#7e57c2',
+    borderRightColor: '#7e57c2',
+  },
+  'border-x-deep-purple-500': {
+    borderLeftColor: '#673ab7',
+    borderRightColor: '#673ab7',
+  },
+  'border-x-deep-purple-600': {
+    borderLeftColor: '#5e35b1',
+    borderRightColor: '#5e35b1',
+  },
+  'border-x-deep-purple-700': {
+    borderLeftColor: '#512da8',
+    borderRightColor: '#512da8',
+  },
+  'border-x-deep-purple-800': {
+    borderLeftColor: '#4527a0',
+    borderRightColor: '#4527a0',
+  },
+  'border-x-deep-purple-900': {
+    borderLeftColor: '#311b92',
+    borderRightColor: '#311b92',
+  },
+  'border-x-deep-purple-A100': {
+    borderLeftColor: '#b388ff',
+    borderRightColor: '#b388ff',
+  },
+  'border-x-deep-purple-A200': {
+    borderLeftColor: '#7c4dff',
+    borderRightColor: '#7c4dff',
+  },
+  'border-x-deep-purple-A400': {
+    borderLeftColor: '#651fff',
+    borderRightColor: '#651fff',
+  },
+  'border-x-deep-purple-A700': {
+    borderLeftColor: '#6200ea',
+    borderRightColor: '#6200ea',
+  },
+  'border-x-gray-50': {
+    borderLeftColor: '#fafafa',
+    borderRightColor: '#fafafa',
+  },
+  'border-x-gray-100': {
+    borderLeftColor: '#f5f5f5',
+    borderRightColor: '#f5f5f5',
+  },
+  'border-x-gray-200': {
+    borderLeftColor: '#eeeeee',
+    borderRightColor: '#eeeeee',
+  },
+  'border-x-gray-300': {
+    borderLeftColor: '#e0e0e0',
+    borderRightColor: '#e0e0e0',
+  },
+  'border-x-gray-400': {
+    borderLeftColor: '#bdbdbd',
+    borderRightColor: '#bdbdbd',
+  },
+  'border-x-gray-500': {
+    borderLeftColor: '#9e9e9e',
+    borderRightColor: '#9e9e9e',
+  },
+  'border-x-gray-600': {
+    borderLeftColor: '#757575',
+    borderRightColor: '#757575',
+  },
+  'border-x-gray-700': {
+    borderLeftColor: '#616161',
+    borderRightColor: '#616161',
+  },
+  'border-x-gray-800': {
+    borderLeftColor: '#424242',
+    borderRightColor: '#424242',
+  },
+  'border-x-gray-900': {
+    borderLeftColor: '#212121',
+    borderRightColor: '#212121',
+  },
+  'border-x-green-50': {
+    borderLeftColor: '#e8f5e9',
+    borderRightColor: '#e8f5e9',
+  },
+  'border-x-green-100': {
+    borderLeftColor: '#c8e6c9',
+    borderRightColor: '#c8e6c9',
+  },
+  'border-x-green-200': {
+    borderLeftColor: '#a5d6a7',
+    borderRightColor: '#a5d6a7',
+  },
+  'border-x-green-300': {
+    borderLeftColor: '#81c784',
+    borderRightColor: '#81c784',
+  },
+  'border-x-green-400': {
+    borderLeftColor: '#66bb6a',
+    borderRightColor: '#66bb6a',
+  },
+  'border-x-green-500': {
+    borderLeftColor: '#4caf50',
+    borderRightColor: '#4caf50',
+  },
+  'border-x-green-600': {
+    borderLeftColor: '#43a047',
+    borderRightColor: '#43a047',
+  },
+  'border-x-green-700': {
+    borderLeftColor: '#388e3c',
+    borderRightColor: '#388e3c',
+  },
+  'border-x-green-800': {
+    borderLeftColor: '#2e7d32',
+    borderRightColor: '#2e7d32',
+  },
+  'border-x-green-900': {
+    borderLeftColor: '#1b5e20',
+    borderRightColor: '#1b5e20',
+  },
+  'border-x-green-A100': {
+    borderLeftColor: '#b9f6ca',
+    borderRightColor: '#b9f6ca',
+  },
+  'border-x-green-A200': {
+    borderLeftColor: '#69f0ae',
+    borderRightColor: '#69f0ae',
+  },
+  'border-x-green-A400': {
+    borderLeftColor: '#00e676',
+    borderRightColor: '#00e676',
+  },
+  'border-x-green-A700': {
+    borderLeftColor: '#00c853',
+    borderRightColor: '#00c853',
+  },
+  'border-x-indigo-50': {
+    borderLeftColor: '#e8eaf6',
+    borderRightColor: '#e8eaf6',
+  },
+  'border-x-indigo-100': {
+    borderLeftColor: '#c5cae9',
+    borderRightColor: '#c5cae9',
+  },
+  'border-x-indigo-200': {
+    borderLeftColor: '#9fa8da',
+    borderRightColor: '#9fa8da',
+  },
+  'border-x-indigo-300': {
+    borderLeftColor: '#7986cb',
+    borderRightColor: '#7986cb',
+  },
+  'border-x-indigo-400': {
+    borderLeftColor: '#5c6bc0',
+    borderRightColor: '#5c6bc0',
+  },
+  'border-x-indigo-500': {
+    borderLeftColor: '#3f51b5',
+    borderRightColor: '#3f51b5',
+  },
+  'border-x-indigo-600': {
+    borderLeftColor: '#3949ab',
+    borderRightColor: '#3949ab',
+  },
+  'border-x-indigo-700': {
+    borderLeftColor: '#303f9f',
+    borderRightColor: '#303f9f',
+  },
+  'border-x-indigo-800': {
+    borderLeftColor: '#283593',
+    borderRightColor: '#283593',
+  },
+  'border-x-indigo-900': {
+    borderLeftColor: '#1a237e',
+    borderRightColor: '#1a237e',
+  },
+  'border-x-indigo-A100': {
+    borderLeftColor: '#8c9eff',
+    borderRightColor: '#8c9eff',
+  },
+  'border-x-indigo-A200': {
+    borderLeftColor: '#536dfe',
+    borderRightColor: '#536dfe',
+  },
+  'border-x-indigo-A400': {
+    borderLeftColor: '#3d5afe',
+    borderRightColor: '#3d5afe',
+  },
+  'border-x-indigo-A700': {
+    borderLeftColor: '#304ffe',
+    borderRightColor: '#304ffe',
+  },
+  'border-x-light-blue-50': {
+    borderLeftColor: '#e1f5fe',
+    borderRightColor: '#e1f5fe',
+  },
+  'border-x-light-blue-100': {
+    borderLeftColor: '#b3e5fc',
+    borderRightColor: '#b3e5fc',
+  },
+  'border-x-light-blue-200': {
+    borderLeftColor: '#81d4fa',
+    borderRightColor: '#81d4fa',
+  },
+  'border-x-light-blue-300': {
+    borderLeftColor: '#4fc3f7',
+    borderRightColor: '#4fc3f7',
+  },
+  'border-x-light-blue-400': {
+    borderLeftColor: '#29b6f6',
+    borderRightColor: '#29b6f6',
+  },
+  'border-x-light-blue-500': {
+    borderLeftColor: '#03a9f4',
+    borderRightColor: '#03a9f4',
+  },
+  'border-x-light-blue-600': {
+    borderLeftColor: '#039be5',
+    borderRightColor: '#039be5',
+  },
+  'border-x-light-blue-700': {
+    borderLeftColor: '#0288d1',
+    borderRightColor: '#0288d1',
+  },
+  'border-x-light-blue-800': {
+    borderLeftColor: '#0277bd',
+    borderRightColor: '#0277bd',
+  },
+  'border-x-light-blue-900': {
+    borderLeftColor: '#01579b',
+    borderRightColor: '#01579b',
+  },
+  'border-x-light-blue-A100': {
+    borderLeftColor: '#80d8ff',
+    borderRightColor: '#80d8ff',
+  },
+  'border-x-light-blue-A200': {
+    borderLeftColor: '#40c4ff',
+    borderRightColor: '#40c4ff',
+  },
+  'border-x-light-blue-A400': {
+    borderLeftColor: '#00b0ff',
+    borderRightColor: '#00b0ff',
+  },
+  'border-x-light-blue-A700': {
+    borderLeftColor: '#0091ea',
+    borderRightColor: '#0091ea',
+  },
+  'border-x-light-green-50': {
+    borderLeftColor: '#f1f8e9',
+    borderRightColor: '#f1f8e9',
+  },
+  'border-x-light-green-100': {
+    borderLeftColor: '#dcedc8',
+    borderRightColor: '#dcedc8',
+  },
+  'border-x-light-green-200': {
+    borderLeftColor: '#c5e1a5',
+    borderRightColor: '#c5e1a5',
+  },
+  'border-x-light-green-300': {
+    borderLeftColor: '#aed581',
+    borderRightColor: '#aed581',
+  },
+  'border-x-light-green-400': {
+    borderLeftColor: '#9ccc65',
+    borderRightColor: '#9ccc65',
+  },
+  'border-x-light-green-500': {
+    borderLeftColor: '#8bc34a',
+    borderRightColor: '#8bc34a',
+  },
+  'border-x-light-green-600': {
+    borderLeftColor: '#7cb342',
+    borderRightColor: '#7cb342',
+  },
+  'border-x-light-green-700': {
+    borderLeftColor: '#689f38',
+    borderRightColor: '#689f38',
+  },
+  'border-x-light-green-800': {
+    borderLeftColor: '#558b2f',
+    borderRightColor: '#558b2f',
+  },
+  'border-x-light-green-900': {
+    borderLeftColor: '#33691e',
+    borderRightColor: '#33691e',
+  },
+  'border-x-light-green-A100': {
+    borderLeftColor: '#ccff90',
+    borderRightColor: '#ccff90',
+  },
+  'border-x-light-green-A200': {
+    borderLeftColor: '#b2ff59',
+    borderRightColor: '#b2ff59',
+  },
+  'border-x-light-green-A400': {
+    borderLeftColor: '#76ff03',
+    borderRightColor: '#76ff03',
+  },
+  'border-x-light-green-A700': {
+    borderLeftColor: '#64dd17',
+    borderRightColor: '#64dd17',
+  },
+  'border-x-lime-50': {
+    borderLeftColor: '#f9fbe7',
+    borderRightColor: '#f9fbe7',
+  },
+  'border-x-lime-100': {
+    borderLeftColor: '#f0f4c3',
+    borderRightColor: '#f0f4c3',
+  },
+  'border-x-lime-200': {
+    borderLeftColor: '#e6ee9c',
+    borderRightColor: '#e6ee9c',
+  },
+  'border-x-lime-300': {
+    borderLeftColor: '#dce775',
+    borderRightColor: '#dce775',
+  },
+  'border-x-lime-400': {
+    borderLeftColor: '#d4e157',
+    borderRightColor: '#d4e157',
+  },
+  'border-x-lime-500': {
+    borderLeftColor: '#cddc39',
+    borderRightColor: '#cddc39',
+  },
+  'border-x-lime-600': {
+    borderLeftColor: '#c0ca33',
+    borderRightColor: '#c0ca33',
+  },
+  'border-x-lime-700': {
+    borderLeftColor: '#afb42b',
+    borderRightColor: '#afb42b',
+  },
+  'border-x-lime-800': {
+    borderLeftColor: '#9e9d24',
+    borderRightColor: '#9e9d24',
+  },
+  'border-x-lime-900': {
+    borderLeftColor: '#827717',
+    borderRightColor: '#827717',
+  },
+  'border-x-lime-A100': {
+    borderLeftColor: '#f4ff81',
+    borderRightColor: '#f4ff81',
+  },
+  'border-x-lime-A200': {
+    borderLeftColor: '#eeff41',
+    borderRightColor: '#eeff41',
+  },
+  'border-x-lime-A400': {
+    borderLeftColor: '#c6ff00',
+    borderRightColor: '#c6ff00',
+  },
+  'border-x-lime-A700': {
+    borderLeftColor: '#aeea00',
+    borderRightColor: '#aeea00',
+  },
+  'border-x-orange-50': {
+    borderLeftColor: '#fff3e0',
+    borderRightColor: '#fff3e0',
+  },
+  'border-x-orange-100': {
+    borderLeftColor: '#ffe0b2',
+    borderRightColor: '#ffe0b2',
+  },
+  'border-x-orange-200': {
+    borderLeftColor: '#ffcc80',
+    borderRightColor: '#ffcc80',
+  },
+  'border-x-orange-300': {
+    borderLeftColor: '#ffb74d',
+    borderRightColor: '#ffb74d',
+  },
+  'border-x-orange-400': {
+    borderLeftColor: '#ffa726',
+    borderRightColor: '#ffa726',
+  },
+  'border-x-orange-500': {
+    borderLeftColor: '#ff9800',
+    borderRightColor: '#ff9800',
+  },
+  'border-x-orange-600': {
+    borderLeftColor: '#fb8c00',
+    borderRightColor: '#fb8c00',
+  },
+  'border-x-orange-700': {
+    borderLeftColor: '#f57c00',
+    borderRightColor: '#f57c00',
+  },
+  'border-x-orange-800': {
+    borderLeftColor: '#ef6c00',
+    borderRightColor: '#ef6c00',
+  },
+  'border-x-orange-900': {
+    borderLeftColor: '#e65100',
+    borderRightColor: '#e65100',
+  },
+  'border-x-orange-A100': {
+    borderLeftColor: '#ffd180',
+    borderRightColor: '#ffd180',
+  },
+  'border-x-orange-A200': {
+    borderLeftColor: '#ffab40',
+    borderRightColor: '#ffab40',
+  },
+  'border-x-orange-A400': {
+    borderLeftColor: '#ff9100',
+    borderRightColor: '#ff9100',
+  },
+  'border-x-orange-A700': {
+    borderLeftColor: '#ff6d00',
+    borderRightColor: '#ff6d00',
+  },
+  'border-x-prink-50': {
+    borderLeftColor: '#fce4ec',
+    borderRightColor: '#fce4ec',
+  },
+  'border-x-prink-100': {
+    borderLeftColor: '#f8bbd0',
+    borderRightColor: '#f8bbd0',
+  },
+  'border-x-prink-200': {
+    borderLeftColor: '#f48fb1',
+    borderRightColor: '#f48fb1',
+  },
+  'border-x-prink-300': {
+    borderLeftColor: '#f06292',
+    borderRightColor: '#f06292',
+  },
+  'border-x-prink-400': {
+    borderLeftColor: '#ec407a',
+    borderRightColor: '#ec407a',
+  },
+  'border-x-prink-500': {
+    borderLeftColor: '#e91e63',
+    borderRightColor: '#e91e63',
+  },
+  'border-x-prink-600': {
+    borderLeftColor: '#d81b60',
+    borderRightColor: '#d81b60',
+  },
+  'border-x-prink-700': {
+    borderLeftColor: '#c2185b',
+    borderRightColor: '#c2185b',
+  },
+  'border-x-prink-800': {
+    borderLeftColor: '#ad1457',
+    borderRightColor: '#ad1457',
+  },
+  'border-x-prink-900': {
+    borderLeftColor: '#880e4f',
+    borderRightColor: '#880e4f',
+  },
+  'border-x-prink-A100': {
+    borderLeftColor: '#ff80ab',
+    borderRightColor: '#ff80ab',
+  },
+  'border-x-prink-A200': {
+    borderLeftColor: '#ff4081',
+    borderRightColor: '#ff4081',
+  },
+  'border-x-prink-A400': {
+    borderLeftColor: '#f50057',
+    borderRightColor: '#f50057',
+  },
+  'border-x-prink-A700': {
+    borderLeftColor: '#c51162',
+    borderRightColor: '#c51162',
+  },
+  'border-x-purple-50': {
+    borderLeftColor: '#f3e5f5',
+    borderRightColor: '#f3e5f5',
+  },
+  'border-x-purple-100': {
+    borderLeftColor: '#e1bee7',
+    borderRightColor: '#e1bee7',
+  },
+  'border-x-purple-200': {
+    borderLeftColor: '#ce93d8',
+    borderRightColor: '#ce93d8',
+  },
+  'border-x-purple-300': {
+    borderLeftColor: '#ba68c8',
+    borderRightColor: '#ba68c8',
+  },
+  'border-x-purple-400': {
+    borderLeftColor: '#ab47bc',
+    borderRightColor: '#ab47bc',
+  },
+  'border-x-purple-500': {
+    borderLeftColor: '#9c27b0',
+    borderRightColor: '#9c27b0',
+  },
+  'border-x-purple-600': {
+    borderLeftColor: '#8e24aa',
+    borderRightColor: '#8e24aa',
+  },
+  'border-x-purple-700': {
+    borderLeftColor: '#7b1fa2',
+    borderRightColor: '#7b1fa2',
+  },
+  'border-x-purple-800': {
+    borderLeftColor: '#6a1b9a',
+    borderRightColor: '#6a1b9a',
+  },
+  'border-x-purple-900': {
+    borderLeftColor: '#4a148c',
+    borderRightColor: '#4a148c',
+  },
+  'border-x-purple-A100': {
+    borderLeftColor: '#ea80fc',
+    borderRightColor: '#ea80fc',
+  },
+  'border-x-purple-A200': {
+    borderLeftColor: '#e040fb',
+    borderRightColor: '#e040fb',
+  },
+  'border-x-purple-A400': {
+    borderLeftColor: '#d500f9',
+    borderRightColor: '#d500f9',
+  },
+  'border-x-purple-A700': {
+    borderLeftColor: '#aa00ff',
+    borderRightColor: '#aa00ff',
+  },
+  'border-x-red-50': {
+    borderLeftColor: '#ffebee',
+    borderRightColor: '#ffebee',
+  },
+  'border-x-red-100': {
+    borderLeftColor: '#ffcdd2',
+    borderRightColor: '#ffcdd2',
+  },
+  'border-x-red-200': {
+    borderLeftColor: '#ef9a9a',
+    borderRightColor: '#ef9a9a',
+  },
+  'border-x-red-300': {
+    borderLeftColor: '#e57373',
+    borderRightColor: '#e57373',
+  },
+  'border-x-red-400': {
+    borderLeftColor: '#ef5350',
+    borderRightColor: '#ef5350',
+  },
+  'border-x-red-500': {
+    borderLeftColor: '#f44336',
+    borderRightColor: '#f44336',
+  },
+  'border-x-red-600': {
+    borderLeftColor: '#e53935',
+    borderRightColor: '#e53935',
+  },
+  'border-x-red-700': {
+    borderLeftColor: '#d32f2f',
+    borderRightColor: '#d32f2f',
+  },
+  'border-x-red-800': {
+    borderLeftColor: '#c62828',
+    borderRightColor: '#c62828',
+  },
+  'border-x-red-900': {
+    borderLeftColor: '#b71c1c',
+    borderRightColor: '#b71c1c',
+  },
+  'border-x-red-A100': {
+    borderLeftColor: '#ff8a80',
+    borderRightColor: '#ff8a80',
+  },
+  'border-x-red-A200': {
+    borderLeftColor: '#ff5252',
+    borderRightColor: '#ff5252',
+  },
+  'border-x-red-A400': {
+    borderLeftColor: '#ff1744',
+    borderRightColor: '#ff1744',
+  },
+  'border-x-red-A700': {
+    borderLeftColor: '#d50000',
+    borderRightColor: '#d50000',
+  },
+  'border-x-teal-50': {
+    borderLeftColor: '#e0f2f1',
+    borderRightColor: '#e0f2f1',
+  },
+  'border-x-teal-100': {
+    borderLeftColor: '#b2dfdb',
+    borderRightColor: '#b2dfdb',
+  },
+  'border-x-teal-200': {
+    borderLeftColor: '#80cbc4',
+    borderRightColor: '#80cbc4',
+  },
+  'border-x-teal-300': {
+    borderLeftColor: '#4db6ac',
+    borderRightColor: '#4db6ac',
+  },
+  'border-x-teal-400': {
+    borderLeftColor: '#26a69a',
+    borderRightColor: '#26a69a',
+  },
+  'border-x-teal-500': {
+    borderLeftColor: '#009688',
+    borderRightColor: '#009688',
+  },
+  'border-x-teal-600': {
+    borderLeftColor: '#00897b',
+    borderRightColor: '#00897b',
+  },
+  'border-x-teal-700': {
+    borderLeftColor: '#00796b',
+    borderRightColor: '#00796b',
+  },
+  'border-x-teal-800': {
+    borderLeftColor: '#00695c',
+    borderRightColor: '#00695c',
+  },
+  'border-x-teal-900': {
+    borderLeftColor: '#004d40',
+    borderRightColor: '#004d40',
+  },
+  'border-x-teal-A100': {
+    borderLeftColor: '#a7ffeb',
+    borderRightColor: '#a7ffeb',
+  },
+  'border-x-teal-A200': {
+    borderLeftColor: '#64ffda',
+    borderRightColor: '#64ffda',
+  },
+  'border-x-teal-A400': {
+    borderLeftColor: '#1de9b6',
+    borderRightColor: '#1de9b6',
+  },
+  'border-x-teal-A700': {
+    borderLeftColor: '#00bfa5',
+    borderRightColor: '#00bfa5',
+  },
+  'border-x-transparent': {
+    borderLeftColor: 'transparent',
+    borderRightColor: 'transparent',
+  },
+  'border-x-white': {
+    borderLeftColor: '#ffffff',
+    borderRightColor: '#ffffff',
+  },
+  'border-x-yellow-50': {
+    borderLeftColor: '#fffde7',
+    borderRightColor: '#fffde7',
+  },
+  'border-x-yellow-100': {
+    borderLeftColor: '#fff9c4',
+    borderRightColor: '#fff9c4',
+  },
+  'border-x-yellow-200': {
+    borderLeftColor: '#fff59d',
+    borderRightColor: '#fff59d',
+  },
+  'border-x-yellow-300': {
+    borderLeftColor: '#fff176',
+    borderRightColor: '#fff176',
+  },
+  'border-x-yellow-400': {
+    borderLeftColor: '#ffee58',
+    borderRightColor: '#ffee58',
+  },
+  'border-x-yellow-500': {
+    borderLeftColor: '#ffeb3b',
+    borderRightColor: '#ffeb3b',
+  },
+  'border-x-yellow-600': {
+    borderLeftColor: '#fdd835',
+    borderRightColor: '#fdd835',
+  },
+  'border-x-yellow-700': {
+    borderLeftColor: '#fbc02d',
+    borderRightColor: '#fbc02d',
+  },
+  'border-x-yellow-800': {
+    borderLeftColor: '#f9a825',
+    borderRightColor: '#f9a825',
+  },
+  'border-x-yellow-900': {
+    borderLeftColor: '#f57f17',
+    borderRightColor: '#f57f17',
+  },
+  'border-x-yellow-A100': {
+    borderLeftColor: '#ffff8d',
+    borderRightColor: '#ffff8d',
+  },
+  'border-x-yellow-A200': {
+    borderLeftColor: '#ffff00',
+    borderRightColor: '#ffff00',
+  },
+  'border-x-yellow-A400': {
+    borderLeftColor: '#ffea00',
+    borderRightColor: '#ffea00',
+  },
+  'border-x-yellow-A700': {
+    borderLeftColor: '#ffd600',
+    borderRightColor: '#ffd600',
+  },
+  'border-y-amber-50': {
+    borderTopColor: '#fff8e1',
+    borderBottomColor: '#fff8e1',
+  },
+  'border-y-amber-100': {
+    borderTopColor: '#ffecb3',
+    borderBottomColor: '#ffecb3',
+  },
+  'border-y-amber-200': {
+    borderTopColor: '#ffe082',
+    borderBottomColor: '#ffe082',
+  },
+  'border-y-amber-300': {
+    borderTopColor: '#ffd54f',
+    borderBottomColor: '#ffd54f',
+  },
+  'border-y-amber-400': {
+    borderTopColor: '#ffca28',
+    borderBottomColor: '#ffca28',
+  },
+  'border-y-amber-500': {
+    borderTopColor: '#ffc107',
+    borderBottomColor: '#ffc107',
+  },
+  'border-y-amber-600': {
+    borderTopColor: '#ffb300',
+    borderBottomColor: '#ffb300',
+  },
+  'border-y-amber-700': {
+    borderTopColor: '#ffa000',
+    borderBottomColor: '#ffa000',
+  },
+  'border-y-amber-800': {
+    borderTopColor: '#ff8f00',
+    borderBottomColor: '#ff8f00',
+  },
+  'border-y-amber-900': {
+    borderTopColor: '#ff6f00',
+    borderBottomColor: '#ff6f00',
+  },
+  'border-y-amber-A100': {
+    borderTopColor: '#ffe57f',
+    borderBottomColor: '#ffe57f',
+  },
+  'border-y-amber-A200': {
+    borderTopColor: '#ffd740',
+    borderBottomColor: '#ffd740',
+  },
+  'border-y-amber-A400': {
+    borderTopColor: '#ffc400',
+    borderBottomColor: '#ffc400',
+  },
+  'border-y-amber-A700': {
+    borderTopColor: '#ffab00',
+    borderBottomColor: '#ffab00',
+  },
+  'border-y-black': {
+    borderTopColor: '#000000',
+    borderBottomColor: '#000000',
+  },
+  'border-y-blue-50': {
+    borderTopColor: '#e3f2fd',
+    borderBottomColor: '#e3f2fd',
+  },
+  'border-y-blue-100': {
+    borderTopColor: '#bbdefb',
+    borderBottomColor: '#bbdefb',
+  },
+  'border-y-blue-200': {
+    borderTopColor: '#90caf9',
+    borderBottomColor: '#90caf9',
+  },
+  'border-y-blue-300': {
+    borderTopColor: '#64b5f6',
+    borderBottomColor: '#64b5f6',
+  },
+  'border-y-blue-400': {
+    borderTopColor: '#42a5f5',
+    borderBottomColor: '#42a5f5',
+  },
+  'border-y-blue-500': {
+    borderTopColor: '#2196f3',
+    borderBottomColor: '#2196f3',
+  },
+  'border-y-blue-600': {
+    borderTopColor: '#1e88e5',
+    borderBottomColor: '#1e88e5',
+  },
+  'border-y-blue-700': {
+    borderTopColor: '#1976d2',
+    borderBottomColor: '#1976d2',
+  },
+  'border-y-blue-800': {
+    borderTopColor: '#1565c0',
+    borderBottomColor: '#1565c0',
+  },
+  'border-y-blue-900': {
+    borderTopColor: '#0d47a1',
+    borderBottomColor: '#0d47a1',
+  },
+  'border-y-blue-A100': {
+    borderTopColor: '#82b1ff',
+    borderBottomColor: '#82b1ff',
+  },
+  'border-y-blue-A200': {
+    borderTopColor: '#448aff',
+    borderBottomColor: '#448aff',
+  },
+  'border-y-blue-A400': {
+    borderTopColor: '#2979ff',
+    borderBottomColor: '#2979ff',
+  },
+  'border-y-blue-A700': {
+    borderTopColor: '#2962ff',
+    borderBottomColor: '#2962ff',
+  },
+  'border-y-blue-gray-50': {
+    borderTopColor: '#eceff1',
+    borderBottomColor: '#eceff1',
+  },
+  'border-y-blue-gray-100': {
+    borderTopColor: '#cfd8dc',
+    borderBottomColor: '#cfd8dc',
+  },
+  'border-y-blue-gray-200': {
+    borderTopColor: '#b0bec5',
+    borderBottomColor: '#b0bec5',
+  },
+  'border-y-blue-gray-300': {
+    borderTopColor: '#90a4ae',
+    borderBottomColor: '#90a4ae',
+  },
+  'border-y-blue-gray-400': {
+    borderTopColor: '#78909c',
+    borderBottomColor: '#78909c',
+  },
+  'border-y-blue-gray-500': {
+    borderTopColor: '#607d8b',
+    borderBottomColor: '#607d8b',
+  },
+  'border-y-blue-gray-600': {
+    borderTopColor: '#546e7a',
+    borderBottomColor: '#546e7a',
+  },
+  'border-y-blue-gray-700': {
+    borderTopColor: '#455a64',
+    borderBottomColor: '#455a64',
+  },
+  'border-y-blue-gray-800': {
+    borderTopColor: '#37474f',
+    borderBottomColor: '#37474f',
+  },
+  'border-y-blue-gray-900': {
+    borderTopColor: '#263238',
+    borderBottomColor: '#263238',
+  },
+  'border-y-brown-50': {
+    borderTopColor: '#efebe9',
+    borderBottomColor: '#efebe9',
+  },
+  'border-y-brown-100': {
+    borderTopColor: '#d7ccc8',
+    borderBottomColor: '#d7ccc8',
+  },
+  'border-y-brown-200': {
+    borderTopColor: '#bcaaa4',
+    borderBottomColor: '#bcaaa4',
+  },
+  'border-y-brown-300': {
+    borderTopColor: '#a1887f',
+    borderBottomColor: '#a1887f',
+  },
+  'border-y-brown-400': {
+    borderTopColor: '#8d6e63',
+    borderBottomColor: '#8d6e63',
+  },
+  'border-y-brown-500': {
+    borderTopColor: '#795548',
+    borderBottomColor: '#795548',
+  },
+  'border-y-brown-600': {
+    borderTopColor: '#6d4c41',
+    borderBottomColor: '#6d4c41',
+  },
+  'border-y-brown-700': {
+    borderTopColor: '#5d4037',
+    borderBottomColor: '#5d4037',
+  },
+  'border-y-brown-800': {
+    borderTopColor: '#4e342e',
+    borderBottomColor: '#4e342e',
+  },
+  'border-y-brown-900': {
+    borderTopColor: '#3e2723',
+    borderBottomColor: '#3e2723',
+  },
+  'border-y-cyan-50': {
+    borderTopColor: '#e0f7fa',
+    borderBottomColor: '#e0f7fa',
+  },
+  'border-y-cyan-100': {
+    borderTopColor: '#b2ebf2',
+    borderBottomColor: '#b2ebf2',
+  },
+  'border-y-cyan-200': {
+    borderTopColor: '#80deea',
+    borderBottomColor: '#80deea',
+  },
+  'border-y-cyan-300': {
+    borderTopColor: '#4dd0e1',
+    borderBottomColor: '#4dd0e1',
+  },
+  'border-y-cyan-400': {
+    borderTopColor: '#26c6da',
+    borderBottomColor: '#26c6da',
+  },
+  'border-y-cyan-500': {
+    borderTopColor: '#00bcd4',
+    borderBottomColor: '#00bcd4',
+  },
+  'border-y-cyan-600': {
+    borderTopColor: '#00acc1',
+    borderBottomColor: '#00acc1',
+  },
+  'border-y-cyan-700': {
+    borderTopColor: '#0097a7',
+    borderBottomColor: '#0097a7',
+  },
+  'border-y-cyan-800': {
+    borderTopColor: '#00838f',
+    borderBottomColor: '#00838f',
+  },
+  'border-y-cyan-900': {
+    borderTopColor: '#006064',
+    borderBottomColor: '#006064',
+  },
+  'border-y-cyan-A100': {
+    borderTopColor: '#84ffff',
+    borderBottomColor: '#84ffff',
+  },
+  'border-y-cyan-A200': {
+    borderTopColor: '#18ffff',
+    borderBottomColor: '#18ffff',
+  },
+  'border-y-cyan-A400': {
+    borderTopColor: '#00e5ff',
+    borderBottomColor: '#00e5ff',
+  },
+  'border-y-cyan-A700': {
+    borderTopColor: '#00b8d4',
+    borderBottomColor: '#00b8d4',
+  },
+  'border-y-deep-orange-50': {
+    borderTopColor: '#fbe9e7',
+    borderBottomColor: '#fbe9e7',
+  },
+  'border-y-deep-orange-100': {
+    borderTopColor: '#ffccbc',
+    borderBottomColor: '#ffccbc',
+  },
+  'border-y-deep-orange-200': {
+    borderTopColor: '#ffab91',
+    borderBottomColor: '#ffab91',
+  },
+  'border-y-deep-orange-300': {
+    borderTopColor: '#ff8a65',
+    borderBottomColor: '#ff8a65',
+  },
+  'border-y-deep-orange-400': {
+    borderTopColor: '#ff7043',
+    borderBottomColor: '#ff7043',
+  },
+  'border-y-deep-orange-500': {
+    borderTopColor: '#ff5722',
+    borderBottomColor: '#ff5722',
+  },
+  'border-y-deep-orange-600': {
+    borderTopColor: '#f4511e',
+    borderBottomColor: '#f4511e',
+  },
+  'border-y-deep-orange-700': {
+    borderTopColor: '#e64a19',
+    borderBottomColor: '#e64a19',
+  },
+  'border-y-deep-orange-800': {
+    borderTopColor: '#d84315',
+    borderBottomColor: '#d84315',
+  },
+  'border-y-deep-orange-900': {
+    borderTopColor: '#bf360c',
+    borderBottomColor: '#bf360c',
+  },
+  'border-y-deep-orange-A100': {
+    borderTopColor: '#ff9e80',
+    borderBottomColor: '#ff9e80',
+  },
+  'border-y-deep-orange-A200': {
+    borderTopColor: '#ff6e40',
+    borderBottomColor: '#ff6e40',
+  },
+  'border-y-deep-orange-A400': {
+    borderTopColor: '#ff3d00',
+    borderBottomColor: '#ff3d00',
+  },
+  'border-y-deep-orange-A700': {
+    borderTopColor: '#dd2c00',
+    borderBottomColor: '#dd2c00',
+  },
+  'border-y-deep-purple-50': {
+    borderTopColor: '#ede7f6',
+    borderBottomColor: '#ede7f6',
+  },
+  'border-y-deep-purple-100': {
+    borderTopColor: '#d1c4e9',
+    borderBottomColor: '#d1c4e9',
+  },
+  'border-y-deep-purple-200': {
+    borderTopColor: '#b39ddb',
+    borderBottomColor: '#b39ddb',
+  },
+  'border-y-deep-purple-300': {
+    borderTopColor: '#9575cd',
+    borderBottomColor: '#9575cd',
+  },
+  'border-y-deep-purple-400': {
+    borderTopColor: '#7e57c2',
+    borderBottomColor: '#7e57c2',
+  },
+  'border-y-deep-purple-500': {
+    borderTopColor: '#673ab7',
+    borderBottomColor: '#673ab7',
+  },
+  'border-y-deep-purple-600': {
+    borderTopColor: '#5e35b1',
+    borderBottomColor: '#5e35b1',
+  },
+  'border-y-deep-purple-700': {
+    borderTopColor: '#512da8',
+    borderBottomColor: '#512da8',
+  },
+  'border-y-deep-purple-800': {
+    borderTopColor: '#4527a0',
+    borderBottomColor: '#4527a0',
+  },
+  'border-y-deep-purple-900': {
+    borderTopColor: '#311b92',
+    borderBottomColor: '#311b92',
+  },
+  'border-y-deep-purple-A100': {
+    borderTopColor: '#b388ff',
+    borderBottomColor: '#b388ff',
+  },
+  'border-y-deep-purple-A200': {
+    borderTopColor: '#7c4dff',
+    borderBottomColor: '#7c4dff',
+  },
+  'border-y-deep-purple-A400': {
+    borderTopColor: '#651fff',
+    borderBottomColor: '#651fff',
+  },
+  'border-y-deep-purple-A700': {
+    borderTopColor: '#6200ea',
+    borderBottomColor: '#6200ea',
+  },
+  'border-y-gray-50': {
+    borderTopColor: '#fafafa',
+    borderBottomColor: '#fafafa',
+  },
+  'border-y-gray-100': {
+    borderTopColor: '#f5f5f5',
+    borderBottomColor: '#f5f5f5',
+  },
+  'border-y-gray-200': {
+    borderTopColor: '#eeeeee',
+    borderBottomColor: '#eeeeee',
+  },
+  'border-y-gray-300': {
+    borderTopColor: '#e0e0e0',
+    borderBottomColor: '#e0e0e0',
+  },
+  'border-y-gray-400': {
+    borderTopColor: '#bdbdbd',
+    borderBottomColor: '#bdbdbd',
+  },
+  'border-y-gray-500': {
+    borderTopColor: '#9e9e9e',
+    borderBottomColor: '#9e9e9e',
+  },
+  'border-y-gray-600': {
+    borderTopColor: '#757575',
+    borderBottomColor: '#757575',
+  },
+  'border-y-gray-700': {
+    borderTopColor: '#616161',
+    borderBottomColor: '#616161',
+  },
+  'border-y-gray-800': {
+    borderTopColor: '#424242',
+    borderBottomColor: '#424242',
+  },
+  'border-y-gray-900': {
+    borderTopColor: '#212121',
+    borderBottomColor: '#212121',
+  },
+  'border-y-green-50': {
+    borderTopColor: '#e8f5e9',
+    borderBottomColor: '#e8f5e9',
+  },
+  'border-y-green-100': {
+    borderTopColor: '#c8e6c9',
+    borderBottomColor: '#c8e6c9',
+  },
+  'border-y-green-200': {
+    borderTopColor: '#a5d6a7',
+    borderBottomColor: '#a5d6a7',
+  },
+  'border-y-green-300': {
+    borderTopColor: '#81c784',
+    borderBottomColor: '#81c784',
+  },
+  'border-y-green-400': {
+    borderTopColor: '#66bb6a',
+    borderBottomColor: '#66bb6a',
+  },
+  'border-y-green-500': {
+    borderTopColor: '#4caf50',
+    borderBottomColor: '#4caf50',
+  },
+  'border-y-green-600': {
+    borderTopColor: '#43a047',
+    borderBottomColor: '#43a047',
+  },
+  'border-y-green-700': {
+    borderTopColor: '#388e3c',
+    borderBottomColor: '#388e3c',
+  },
+  'border-y-green-800': {
+    borderTopColor: '#2e7d32',
+    borderBottomColor: '#2e7d32',
+  },
+  'border-y-green-900': {
+    borderTopColor: '#1b5e20',
+    borderBottomColor: '#1b5e20',
+  },
+  'border-y-green-A100': {
+    borderTopColor: '#b9f6ca',
+    borderBottomColor: '#b9f6ca',
+  },
+  'border-y-green-A200': {
+    borderTopColor: '#69f0ae',
+    borderBottomColor: '#69f0ae',
+  },
+  'border-y-green-A400': {
+    borderTopColor: '#00e676',
+    borderBottomColor: '#00e676',
+  },
+  'border-y-green-A700': {
+    borderTopColor: '#00c853',
+    borderBottomColor: '#00c853',
+  },
+  'border-y-indigo-50': {
+    borderTopColor: '#e8eaf6',
+    borderBottomColor: '#e8eaf6',
+  },
+  'border-y-indigo-100': {
+    borderTopColor: '#c5cae9',
+    borderBottomColor: '#c5cae9',
+  },
+  'border-y-indigo-200': {
+    borderTopColor: '#9fa8da',
+    borderBottomColor: '#9fa8da',
+  },
+  'border-y-indigo-300': {
+    borderTopColor: '#7986cb',
+    borderBottomColor: '#7986cb',
+  },
+  'border-y-indigo-400': {
+    borderTopColor: '#5c6bc0',
+    borderBottomColor: '#5c6bc0',
+  },
+  'border-y-indigo-500': {
+    borderTopColor: '#3f51b5',
+    borderBottomColor: '#3f51b5',
+  },
+  'border-y-indigo-600': {
+    borderTopColor: '#3949ab',
+    borderBottomColor: '#3949ab',
+  },
+  'border-y-indigo-700': {
+    borderTopColor: '#303f9f',
+    borderBottomColor: '#303f9f',
+  },
+  'border-y-indigo-800': {
+    borderTopColor: '#283593',
+    borderBottomColor: '#283593',
+  },
+  'border-y-indigo-900': {
+    borderTopColor: '#1a237e',
+    borderBottomColor: '#1a237e',
+  },
+  'border-y-indigo-A100': {
+    borderTopColor: '#8c9eff',
+    borderBottomColor: '#8c9eff',
+  },
+  'border-y-indigo-A200': {
+    borderTopColor: '#536dfe',
+    borderBottomColor: '#536dfe',
+  },
+  'border-y-indigo-A400': {
+    borderTopColor: '#3d5afe',
+    borderBottomColor: '#3d5afe',
+  },
+  'border-y-indigo-A700': {
+    borderTopColor: '#304ffe',
+    borderBottomColor: '#304ffe',
+  },
+  'border-y-light-blue-50': {
+    borderTopColor: '#e1f5fe',
+    borderBottomColor: '#e1f5fe',
+  },
+  'border-y-light-blue-100': {
+    borderTopColor: '#b3e5fc',
+    borderBottomColor: '#b3e5fc',
+  },
+  'border-y-light-blue-200': {
+    borderTopColor: '#81d4fa',
+    borderBottomColor: '#81d4fa',
+  },
+  'border-y-light-blue-300': {
+    borderTopColor: '#4fc3f7',
+    borderBottomColor: '#4fc3f7',
+  },
+  'border-y-light-blue-400': {
+    borderTopColor: '#29b6f6',
+    borderBottomColor: '#29b6f6',
+  },
+  'border-y-light-blue-500': {
+    borderTopColor: '#03a9f4',
+    borderBottomColor: '#03a9f4',
+  },
+  'border-y-light-blue-600': {
+    borderTopColor: '#039be5',
+    borderBottomColor: '#039be5',
+  },
+  'border-y-light-blue-700': {
+    borderTopColor: '#0288d1',
+    borderBottomColor: '#0288d1',
+  },
+  'border-y-light-blue-800': {
+    borderTopColor: '#0277bd',
+    borderBottomColor: '#0277bd',
+  },
+  'border-y-light-blue-900': {
+    borderTopColor: '#01579b',
+    borderBottomColor: '#01579b',
+  },
+  'border-y-light-blue-A100': {
+    borderTopColor: '#80d8ff',
+    borderBottomColor: '#80d8ff',
+  },
+  'border-y-light-blue-A200': {
+    borderTopColor: '#40c4ff',
+    borderBottomColor: '#40c4ff',
+  },
+  'border-y-light-blue-A400': {
+    borderTopColor: '#00b0ff',
+    borderBottomColor: '#00b0ff',
+  },
+  'border-y-light-blue-A700': {
+    borderTopColor: '#0091ea',
+    borderBottomColor: '#0091ea',
+  },
+  'border-y-light-green-50': {
+    borderTopColor: '#f1f8e9',
+    borderBottomColor: '#f1f8e9',
+  },
+  'border-y-light-green-100': {
+    borderTopColor: '#dcedc8',
+    borderBottomColor: '#dcedc8',
+  },
+  'border-y-light-green-200': {
+    borderTopColor: '#c5e1a5',
+    borderBottomColor: '#c5e1a5',
+  },
+  'border-y-light-green-300': {
+    borderTopColor: '#aed581',
+    borderBottomColor: '#aed581',
+  },
+  'border-y-light-green-400': {
+    borderTopColor: '#9ccc65',
+    borderBottomColor: '#9ccc65',
+  },
+  'border-y-light-green-500': {
+    borderTopColor: '#8bc34a',
+    borderBottomColor: '#8bc34a',
+  },
+  'border-y-light-green-600': {
+    borderTopColor: '#7cb342',
+    borderBottomColor: '#7cb342',
+  },
+  'border-y-light-green-700': {
+    borderTopColor: '#689f38',
+    borderBottomColor: '#689f38',
+  },
+  'border-y-light-green-800': {
+    borderTopColor: '#558b2f',
+    borderBottomColor: '#558b2f',
+  },
+  'border-y-light-green-900': {
+    borderTopColor: '#33691e',
+    borderBottomColor: '#33691e',
+  },
+  'border-y-light-green-A100': {
+    borderTopColor: '#ccff90',
+    borderBottomColor: '#ccff90',
+  },
+  'border-y-light-green-A200': {
+    borderTopColor: '#b2ff59',
+    borderBottomColor: '#b2ff59',
+  },
+  'border-y-light-green-A400': {
+    borderTopColor: '#76ff03',
+    borderBottomColor: '#76ff03',
+  },
+  'border-y-light-green-A700': {
+    borderTopColor: '#64dd17',
+    borderBottomColor: '#64dd17',
+  },
+  'border-y-lime-50': {
+    borderTopColor: '#f9fbe7',
+    borderBottomColor: '#f9fbe7',
+  },
+  'border-y-lime-100': {
+    borderTopColor: '#f0f4c3',
+    borderBottomColor: '#f0f4c3',
+  },
+  'border-y-lime-200': {
+    borderTopColor: '#e6ee9c',
+    borderBottomColor: '#e6ee9c',
+  },
+  'border-y-lime-300': {
+    borderTopColor: '#dce775',
+    borderBottomColor: '#dce775',
+  },
+  'border-y-lime-400': {
+    borderTopColor: '#d4e157',
+    borderBottomColor: '#d4e157',
+  },
+  'border-y-lime-500': {
+    borderTopColor: '#cddc39',
+    borderBottomColor: '#cddc39',
+  },
+  'border-y-lime-600': {
+    borderTopColor: '#c0ca33',
+    borderBottomColor: '#c0ca33',
+  },
+  'border-y-lime-700': {
+    borderTopColor: '#afb42b',
+    borderBottomColor: '#afb42b',
+  },
+  'border-y-lime-800': {
+    borderTopColor: '#9e9d24',
+    borderBottomColor: '#9e9d24',
+  },
+  'border-y-lime-900': {
+    borderTopColor: '#827717',
+    borderBottomColor: '#827717',
+  },
+  'border-y-lime-A100': {
+    borderTopColor: '#f4ff81',
+    borderBottomColor: '#f4ff81',
+  },
+  'border-y-lime-A200': {
+    borderTopColor: '#eeff41',
+    borderBottomColor: '#eeff41',
+  },
+  'border-y-lime-A400': {
+    borderTopColor: '#c6ff00',
+    borderBottomColor: '#c6ff00',
+  },
+  'border-y-lime-A700': {
+    borderTopColor: '#aeea00',
+    borderBottomColor: '#aeea00',
+  },
+  'border-y-orange-50': {
+    borderTopColor: '#fff3e0',
+    borderBottomColor: '#fff3e0',
+  },
+  'border-y-orange-100': {
+    borderTopColor: '#ffe0b2',
+    borderBottomColor: '#ffe0b2',
+  },
+  'border-y-orange-200': {
+    borderTopColor: '#ffcc80',
+    borderBottomColor: '#ffcc80',
+  },
+  'border-y-orange-300': {
+    borderTopColor: '#ffb74d',
+    borderBottomColor: '#ffb74d',
+  },
+  'border-y-orange-400': {
+    borderTopColor: '#ffa726',
+    borderBottomColor: '#ffa726',
+  },
+  'border-y-orange-500': {
+    borderTopColor: '#ff9800',
+    borderBottomColor: '#ff9800',
+  },
+  'border-y-orange-600': {
+    borderTopColor: '#fb8c00',
+    borderBottomColor: '#fb8c00',
+  },
+  'border-y-orange-700': {
+    borderTopColor: '#f57c00',
+    borderBottomColor: '#f57c00',
+  },
+  'border-y-orange-800': {
+    borderTopColor: '#ef6c00',
+    borderBottomColor: '#ef6c00',
+  },
+  'border-y-orange-900': {
+    borderTopColor: '#e65100',
+    borderBottomColor: '#e65100',
+  },
+  'border-y-orange-A100': {
+    borderTopColor: '#ffd180',
+    borderBottomColor: '#ffd180',
+  },
+  'border-y-orange-A200': {
+    borderTopColor: '#ffab40',
+    borderBottomColor: '#ffab40',
+  },
+  'border-y-orange-A400': {
+    borderTopColor: '#ff9100',
+    borderBottomColor: '#ff9100',
+  },
+  'border-y-orange-A700': {
+    borderTopColor: '#ff6d00',
+    borderBottomColor: '#ff6d00',
+  },
+  'border-y-prink-50': {
+    borderTopColor: '#fce4ec',
+    borderBottomColor: '#fce4ec',
+  },
+  'border-y-prink-100': {
+    borderTopColor: '#f8bbd0',
+    borderBottomColor: '#f8bbd0',
+  },
+  'border-y-prink-200': {
+    borderTopColor: '#f48fb1',
+    borderBottomColor: '#f48fb1',
+  },
+  'border-y-prink-300': {
+    borderTopColor: '#f06292',
+    borderBottomColor: '#f06292',
+  },
+  'border-y-prink-400': {
+    borderTopColor: '#ec407a',
+    borderBottomColor: '#ec407a',
+  },
+  'border-y-prink-500': {
+    borderTopColor: '#e91e63',
+    borderBottomColor: '#e91e63',
+  },
+  'border-y-prink-600': {
+    borderTopColor: '#d81b60',
+    borderBottomColor: '#d81b60',
+  },
+  'border-y-prink-700': {
+    borderTopColor: '#c2185b',
+    borderBottomColor: '#c2185b',
+  },
+  'border-y-prink-800': {
+    borderTopColor: '#ad1457',
+    borderBottomColor: '#ad1457',
+  },
+  'border-y-prink-900': {
+    borderTopColor: '#880e4f',
+    borderBottomColor: '#880e4f',
+  },
+  'border-y-prink-A100': {
+    borderTopColor: '#ff80ab',
+    borderBottomColor: '#ff80ab',
+  },
+  'border-y-prink-A200': {
+    borderTopColor: '#ff4081',
+    borderBottomColor: '#ff4081',
+  },
+  'border-y-prink-A400': {
+    borderTopColor: '#f50057',
+    borderBottomColor: '#f50057',
+  },
+  'border-y-prink-A700': {
+    borderTopColor: '#c51162',
+    borderBottomColor: '#c51162',
+  },
+  'border-y-purple-50': {
+    borderTopColor: '#f3e5f5',
+    borderBottomColor: '#f3e5f5',
+  },
+  'border-y-purple-100': {
+    borderTopColor: '#e1bee7',
+    borderBottomColor: '#e1bee7',
+  },
+  'border-y-purple-200': {
+    borderTopColor: '#ce93d8',
+    borderBottomColor: '#ce93d8',
+  },
+  'border-y-purple-300': {
+    borderTopColor: '#ba68c8',
+    borderBottomColor: '#ba68c8',
+  },
+  'border-y-purple-400': {
+    borderTopColor: '#ab47bc',
+    borderBottomColor: '#ab47bc',
+  },
+  'border-y-purple-500': {
+    borderTopColor: '#9c27b0',
+    borderBottomColor: '#9c27b0',
+  },
+  'border-y-purple-600': {
+    borderTopColor: '#8e24aa',
+    borderBottomColor: '#8e24aa',
+  },
+  'border-y-purple-700': {
+    borderTopColor: '#7b1fa2',
+    borderBottomColor: '#7b1fa2',
+  },
+  'border-y-purple-800': {
+    borderTopColor: '#6a1b9a',
+    borderBottomColor: '#6a1b9a',
+  },
+  'border-y-purple-900': {
+    borderTopColor: '#4a148c',
+    borderBottomColor: '#4a148c',
+  },
+  'border-y-purple-A100': {
+    borderTopColor: '#ea80fc',
+    borderBottomColor: '#ea80fc',
+  },
+  'border-y-purple-A200': {
+    borderTopColor: '#e040fb',
+    borderBottomColor: '#e040fb',
+  },
+  'border-y-purple-A400': {
+    borderTopColor: '#d500f9',
+    borderBottomColor: '#d500f9',
+  },
+  'border-y-purple-A700': {
+    borderTopColor: '#aa00ff',
+    borderBottomColor: '#aa00ff',
+  },
+  'border-y-red-50': {
+    borderTopColor: '#ffebee',
+    borderBottomColor: '#ffebee',
+  },
+  'border-y-red-100': {
+    borderTopColor: '#ffcdd2',
+    borderBottomColor: '#ffcdd2',
+  },
+  'border-y-red-200': {
+    borderTopColor: '#ef9a9a',
+    borderBottomColor: '#ef9a9a',
+  },
+  'border-y-red-300': {
+    borderTopColor: '#e57373',
+    borderBottomColor: '#e57373',
+  },
+  'border-y-red-400': {
+    borderTopColor: '#ef5350',
+    borderBottomColor: '#ef5350',
+  },
+  'border-y-red-500': {
+    borderTopColor: '#f44336',
+    borderBottomColor: '#f44336',
+  },
+  'border-y-red-600': {
+    borderTopColor: '#e53935',
+    borderBottomColor: '#e53935',
+  },
+  'border-y-red-700': {
+    borderTopColor: '#d32f2f',
+    borderBottomColor: '#d32f2f',
+  },
+  'border-y-red-800': {
+    borderTopColor: '#c62828',
+    borderBottomColor: '#c62828',
+  },
+  'border-y-red-900': {
+    borderTopColor: '#b71c1c',
+    borderBottomColor: '#b71c1c',
+  },
+  'border-y-red-A100': {
+    borderTopColor: '#ff8a80',
+    borderBottomColor: '#ff8a80',
+  },
+  'border-y-red-A200': {
+    borderTopColor: '#ff5252',
+    borderBottomColor: '#ff5252',
+  },
+  'border-y-red-A400': {
+    borderTopColor: '#ff1744',
+    borderBottomColor: '#ff1744',
+  },
+  'border-y-red-A700': {
+    borderTopColor: '#d50000',
+    borderBottomColor: '#d50000',
+  },
+  'border-y-teal-50': {
+    borderTopColor: '#e0f2f1',
+    borderBottomColor: '#e0f2f1',
+  },
+  'border-y-teal-100': {
+    borderTopColor: '#b2dfdb',
+    borderBottomColor: '#b2dfdb',
+  },
+  'border-y-teal-200': {
+    borderTopColor: '#80cbc4',
+    borderBottomColor: '#80cbc4',
+  },
+  'border-y-teal-300': {
+    borderTopColor: '#4db6ac',
+    borderBottomColor: '#4db6ac',
+  },
+  'border-y-teal-400': {
+    borderTopColor: '#26a69a',
+    borderBottomColor: '#26a69a',
+  },
+  'border-y-teal-500': {
+    borderTopColor: '#009688',
+    borderBottomColor: '#009688',
+  },
+  'border-y-teal-600': {
+    borderTopColor: '#00897b',
+    borderBottomColor: '#00897b',
+  },
+  'border-y-teal-700': {
+    borderTopColor: '#00796b',
+    borderBottomColor: '#00796b',
+  },
+  'border-y-teal-800': {
+    borderTopColor: '#00695c',
+    borderBottomColor: '#00695c',
+  },
+  'border-y-teal-900': {
+    borderTopColor: '#004d40',
+    borderBottomColor: '#004d40',
+  },
+  'border-y-teal-A100': {
+    borderTopColor: '#a7ffeb',
+    borderBottomColor: '#a7ffeb',
+  },
+  'border-y-teal-A200': {
+    borderTopColor: '#64ffda',
+    borderBottomColor: '#64ffda',
+  },
+  'border-y-teal-A400': {
+    borderTopColor: '#1de9b6',
+    borderBottomColor: '#1de9b6',
+  },
+  'border-y-teal-A700': {
+    borderTopColor: '#00bfa5',
+    borderBottomColor: '#00bfa5',
+  },
+  'border-y-transparent': {
+    borderTopColor: 'transparent',
+    borderBottomColor: 'transparent',
+  },
+  'border-y-white': {
+    borderTopColor: '#ffffff',
+    borderBottomColor: '#ffffff',
+  },
+  'border-y-yellow-50': {
+    borderTopColor: '#fffde7',
+    borderBottomColor: '#fffde7',
+  },
+  'border-y-yellow-100': {
+    borderTopColor: '#fff9c4',
+    borderBottomColor: '#fff9c4',
+  },
+  'border-y-yellow-200': {
+    borderTopColor: '#fff59d',
+    borderBottomColor: '#fff59d',
+  },
+  'border-y-yellow-300': {
+    borderTopColor: '#fff176',
+    borderBottomColor: '#fff176',
+  },
+  'border-y-yellow-400': {
+    borderTopColor: '#ffee58',
+    borderBottomColor: '#ffee58',
+  },
+  'border-y-yellow-500': {
+    borderTopColor: '#ffeb3b',
+    borderBottomColor: '#ffeb3b',
+  },
+  'border-y-yellow-600': {
+    borderTopColor: '#fdd835',
+    borderBottomColor: '#fdd835',
+  },
+  'border-y-yellow-700': {
+    borderTopColor: '#fbc02d',
+    borderBottomColor: '#fbc02d',
+  },
+  'border-y-yellow-800': {
+    borderTopColor: '#f9a825',
+    borderBottomColor: '#f9a825',
+  },
+  'border-y-yellow-900': {
+    borderTopColor: '#f57f17',
+    borderBottomColor: '#f57f17',
+  },
+  'border-y-yellow-A100': {
+    borderTopColor: '#ffff8d',
+    borderBottomColor: '#ffff8d',
+  },
+  'border-y-yellow-A200': {
+    borderTopColor: '#ffff00',
+    borderBottomColor: '#ffff00',
+  },
+  'border-y-yellow-A400': {
+    borderTopColor: '#ffea00',
+    borderBottomColor: '#ffea00',
+  },
+  'border-y-yellow-A700': {
+    borderTopColor: '#ffd600',
+    borderBottomColor: '#ffd600',
+  },
+  'border-yellow-50': {borderColor: '#fffde7'},
+  'border-yellow-100': {borderColor: '#fff9c4'},
+  'border-yellow-200': {borderColor: '#fff59d'},
+  'border-yellow-300': {borderColor: '#fff176'},
+  'border-yellow-400': {borderColor: '#ffee58'},
+  'border-yellow-500': {borderColor: '#ffeb3b'},
+  'border-yellow-600': {borderColor: '#fdd835'},
+  'border-yellow-700': {borderColor: '#fbc02d'},
+  'border-yellow-800': {borderColor: '#f9a825'},
+  'border-yellow-900': {borderColor: '#f57f17'},
+  'border-yellow-A100': {borderColor: '#ffff8d'},
+  'border-yellow-A200': {borderColor: '#ffff00'},
+  'border-yellow-A400': {borderColor: '#ffea00'},
+  'border-yellow-A700': {borderColor: '#ffd600'},
+  'text-amber-50': {color: '#fff8e1'},
+  'text-amber-100': {color: '#ffecb3'},
+  'text-amber-200': {color: '#ffe082'},
+  'text-amber-300': {color: '#ffd54f'},
+  'text-amber-400': {color: '#ffca28'},
+  'text-amber-500': {color: '#ffc107'},
+  'text-amber-600': {color: '#ffb300'},
+  'text-amber-700': {color: '#ffa000'},
+  'text-amber-800': {color: '#ff8f00'},
+  'text-amber-900': {color: '#ff6f00'},
+  'text-amber-A100': {color: '#ffe57f'},
+  'text-amber-A200': {color: '#ffd740'},
+  'text-amber-A400': {color: '#ffc400'},
+  'text-amber-A700': {color: '#ffab00'},
+  'text-black': {color: '#000000'},
+  'text-blue-50': {color: '#e3f2fd'},
+  'text-blue-100': {color: '#bbdefb'},
+  'text-blue-200': {color: '#90caf9'},
+  'text-blue-300': {color: '#64b5f6'},
+  'text-blue-400': {color: '#42a5f5'},
+  'text-blue-500': {color: '#2196f3'},
+  'text-blue-600': {color: '#1e88e5'},
+  'text-blue-700': {color: '#1976d2'},
+  'text-blue-800': {color: '#1565c0'},
+  'text-blue-900': {color: '#0d47a1'},
+  'text-blue-A100': {color: '#82b1ff'},
+  'text-blue-A200': {color: '#448aff'},
+  'text-blue-A400': {color: '#2979ff'},
+  'text-blue-A700': {color: '#2962ff'},
+  'text-blue-gray-50': {color: '#eceff1'},
+  'text-blue-gray-100': {color: '#cfd8dc'},
+  'text-blue-gray-200': {color: '#b0bec5'},
+  'text-blue-gray-300': {color: '#90a4ae'},
+  'text-blue-gray-400': {color: '#78909c'},
+  'text-blue-gray-500': {color: '#607d8b'},
+  'text-blue-gray-600': {color: '#546e7a'},
+  'text-blue-gray-700': {color: '#455a64'},
+  'text-blue-gray-800': {color: '#37474f'},
+  'text-blue-gray-900': {color: '#263238'},
+  'text-brown-50': {color: '#efebe9'},
+  'text-brown-100': {color: '#d7ccc8'},
+  'text-brown-200': {color: '#bcaaa4'},
+  'text-brown-300': {color: '#a1887f'},
+  'text-brown-400': {color: '#8d6e63'},
+  'text-brown-500': {color: '#795548'},
+  'text-brown-600': {color: '#6d4c41'},
+  'text-brown-700': {color: '#5d4037'},
+  'text-brown-800': {color: '#4e342e'},
+  'text-brown-900': {color: '#3e2723'},
+  'text-cyan-50': {color: '#e0f7fa'},
+  'text-cyan-100': {color: '#b2ebf2'},
+  'text-cyan-200': {color: '#80deea'},
+  'text-cyan-300': {color: '#4dd0e1'},
+  'text-cyan-400': {color: '#26c6da'},
+  'text-cyan-500': {color: '#00bcd4'},
+  'text-cyan-600': {color: '#00acc1'},
+  'text-cyan-700': {color: '#0097a7'},
+  'text-cyan-800': {color: '#00838f'},
+  'text-cyan-900': {color: '#006064'},
+  'text-cyan-A100': {color: '#84ffff'},
+  'text-cyan-A200': {color: '#18ffff'},
+  'text-cyan-A400': {color: '#00e5ff'},
+  'text-cyan-A700': {color: '#00b8d4'},
+  'text-deep-orange-50': {color: '#fbe9e7'},
+  'text-deep-orange-100': {color: '#ffccbc'},
+  'text-deep-orange-200': {color: '#ffab91'},
+  'text-deep-orange-300': {color: '#ff8a65'},
+  'text-deep-orange-400': {color: '#ff7043'},
+  'text-deep-orange-500': {color: '#ff5722'},
+  'text-deep-orange-600': {color: '#f4511e'},
+  'text-deep-orange-700': {color: '#e64a19'},
+  'text-deep-orange-800': {color: '#d84315'},
+  'text-deep-orange-900': {color: '#bf360c'},
+  'text-deep-orange-A100': {color: '#ff9e80'},
+  'text-deep-orange-A200': {color: '#ff6e40'},
+  'text-deep-orange-A400': {color: '#ff3d00'},
+  'text-deep-orange-A700': {color: '#dd2c00'},
+  'text-deep-purple-50': {color: '#ede7f6'},
+  'text-deep-purple-100': {color: '#d1c4e9'},
+  'text-deep-purple-200': {color: '#b39ddb'},
+  'text-deep-purple-300': {color: '#9575cd'},
+  'text-deep-purple-400': {color: '#7e57c2'},
+  'text-deep-purple-500': {color: '#673ab7'},
+  'text-deep-purple-600': {color: '#5e35b1'},
+  'text-deep-purple-700': {color: '#512da8'},
+  'text-deep-purple-800': {color: '#4527a0'},
+  'text-deep-purple-900': {color: '#311b92'},
+  'text-deep-purple-A100': {color: '#b388ff'},
+  'text-deep-purple-A200': {color: '#7c4dff'},
+  'text-deep-purple-A400': {color: '#651fff'},
+  'text-deep-purple-A700': {color: '#6200ea'},
+  'text-gray-50': {color: '#fafafa'},
+  'text-gray-100': {color: '#f5f5f5'},
+  'text-gray-200': {color: '#eeeeee'},
+  'text-gray-300': {color: '#e0e0e0'},
+  'text-gray-400': {color: '#bdbdbd'},
+  'text-gray-500': {color: '#9e9e9e'},
+  'text-gray-600': {color: '#757575'},
+  'text-gray-700': {color: '#616161'},
+  'text-gray-800': {color: '#424242'},
+  'text-gray-900': {color: '#212121'},
+  'text-green-50': {color: '#e8f5e9'},
+  'text-green-100': {color: '#c8e6c9'},
+  'text-green-200': {color: '#a5d6a7'},
+  'text-green-300': {color: '#81c784'},
+  'text-green-400': {color: '#66bb6a'},
+  'text-green-500': {color: '#4caf50'},
+  'text-green-600': {color: '#43a047'},
+  'text-green-700': {color: '#388e3c'},
+  'text-green-800': {color: '#2e7d32'},
+  'text-green-900': {color: '#1b5e20'},
+  'text-green-A100': {color: '#b9f6ca'},
+  'text-green-A200': {color: '#69f0ae'},
+  'text-green-A400': {color: '#00e676'},
+  'text-green-A700': {color: '#00c853'},
+  'text-indigo-50': {color: '#e8eaf6'},
+  'text-indigo-100': {color: '#c5cae9'},
+  'text-indigo-200': {color: '#9fa8da'},
+  'text-indigo-300': {color: '#7986cb'},
+  'text-indigo-400': {color: '#5c6bc0'},
+  'text-indigo-500': {color: '#3f51b5'},
+  'text-indigo-600': {color: '#3949ab'},
+  'text-indigo-700': {color: '#303f9f'},
+  'text-indigo-800': {color: '#283593'},
+  'text-indigo-900': {color: '#1a237e'},
+  'text-indigo-A100': {color: '#8c9eff'},
+  'text-indigo-A200': {color: '#536dfe'},
+  'text-indigo-A400': {color: '#3d5afe'},
+  'text-indigo-A700': {color: '#304ffe'},
+  'text-light-blue-50': {color: '#e1f5fe'},
+  'text-light-blue-100': {color: '#b3e5fc'},
+  'text-light-blue-200': {color: '#81d4fa'},
+  'text-light-blue-300': {color: '#4fc3f7'},
+  'text-light-blue-400': {color: '#29b6f6'},
+  'text-light-blue-500': {color: '#03a9f4'},
+  'text-light-blue-600': {color: '#039be5'},
+  'text-light-blue-700': {color: '#0288d1'},
+  'text-light-blue-800': {color: '#0277bd'},
+  'text-light-blue-900': {color: '#01579b'},
+  'text-light-blue-A100': {color: '#80d8ff'},
+  'text-light-blue-A200': {color: '#40c4ff'},
+  'text-light-blue-A400': {color: '#00b0ff'},
+  'text-light-blue-A700': {color: '#0091ea'},
+  'text-light-green-50': {color: '#f1f8e9'},
+  'text-light-green-100': {color: '#dcedc8'},
+  'text-light-green-200': {color: '#c5e1a5'},
+  'text-light-green-300': {color: '#aed581'},
+  'text-light-green-400': {color: '#9ccc65'},
+  'text-light-green-500': {color: '#8bc34a'},
+  'text-light-green-600': {color: '#7cb342'},
+  'text-light-green-700': {color: '#689f38'},
+  'text-light-green-800': {color: '#558b2f'},
+  'text-light-green-900': {color: '#33691e'},
+  'text-light-green-A100': {color: '#ccff90'},
+  'text-light-green-A200': {color: '#b2ff59'},
+  'text-light-green-A400': {color: '#76ff03'},
+  'text-light-green-A700': {color: '#64dd17'},
+  'text-lime-50': {color: '#f9fbe7'},
+  'text-lime-100': {color: '#f0f4c3'},
+  'text-lime-200': {color: '#e6ee9c'},
+  'text-lime-300': {color: '#dce775'},
+  'text-lime-400': {color: '#d4e157'},
+  'text-lime-500': {color: '#cddc39'},
+  'text-lime-600': {color: '#c0ca33'},
+  'text-lime-700': {color: '#afb42b'},
+  'text-lime-800': {color: '#9e9d24'},
+  'text-lime-900': {color: '#827717'},
+  'text-lime-A100': {color: '#f4ff81'},
+  'text-lime-A200': {color: '#eeff41'},
+  'text-lime-A400': {color: '#c6ff00'},
+  'text-lime-A700': {color: '#aeea00'},
+  'text-orange-50': {color: '#fff3e0'},
+  'text-orange-100': {color: '#ffe0b2'},
+  'text-orange-200': {color: '#ffcc80'},
+  'text-orange-300': {color: '#ffb74d'},
+  'text-orange-400': {color: '#ffa726'},
+  'text-orange-500': {color: '#ff9800'},
+  'text-orange-600': {color: '#fb8c00'},
+  'text-orange-700': {color: '#f57c00'},
+  'text-orange-800': {color: '#ef6c00'},
+  'text-orange-900': {color: '#e65100'},
+  'text-orange-A100': {color: '#ffd180'},
+  'text-orange-A200': {color: '#ffab40'},
+  'text-orange-A400': {color: '#ff9100'},
+  'text-orange-A700': {color: '#ff6d00'},
+  'text-prink-50': {color: '#fce4ec'},
+  'text-prink-100': {color: '#f8bbd0'},
+  'text-prink-200': {color: '#f48fb1'},
+  'text-prink-300': {color: '#f06292'},
+  'text-prink-400': {color: '#ec407a'},
+  'text-prink-500': {color: '#e91e63'},
+  'text-prink-600': {color: '#d81b60'},
+  'text-prink-700': {color: '#c2185b'},
+  'text-prink-800': {color: '#ad1457'},
+  'text-prink-900': {color: '#880e4f'},
+  'text-prink-A100': {color: '#ff80ab'},
+  'text-prink-A200': {color: '#ff4081'},
+  'text-prink-A400': {color: '#f50057'},
+  'text-prink-A700': {color: '#c51162'},
+  'text-purple-50': {color: '#f3e5f5'},
+  'text-purple-100': {color: '#e1bee7'},
+  'text-purple-200': {color: '#ce93d8'},
+  'text-purple-300': {color: '#ba68c8'},
+  'text-purple-400': {color: '#ab47bc'},
+  'text-purple-500': {color: '#9c27b0'},
+  'text-purple-600': {color: '#8e24aa'},
+  'text-purple-700': {color: '#7b1fa2'},
+  'text-purple-800': {color: '#6a1b9a'},
+  'text-purple-900': {color: '#4a148c'},
+  'text-purple-A100': {color: '#ea80fc'},
+  'text-purple-A200': {color: '#e040fb'},
+  'text-purple-A400': {color: '#d500f9'},
+  'text-purple-A700': {color: '#aa00ff'},
+  'text-red-50': {color: '#ffebee'},
+  'text-red-100': {color: '#ffcdd2'},
+  'text-red-200': {color: '#ef9a9a'},
+  'text-red-300': {color: '#e57373'},
+  'text-red-400': {color: '#ef5350'},
+  'text-red-500': {color: '#f44336'},
+  'text-red-600': {color: '#e53935'},
+  'text-red-700': {color: '#d32f2f'},
+  'text-red-800': {color: '#c62828'},
+  'text-red-900': {color: '#b71c1c'},
+  'text-red-A100': {color: '#ff8a80'},
+  'text-red-A200': {color: '#ff5252'},
+  'text-red-A400': {color: '#ff1744'},
+  'text-red-A700': {color: '#d50000'},
+  'text-teal-50': {color: '#e0f2f1'},
+  'text-teal-100': {color: '#b2dfdb'},
+  'text-teal-200': {color: '#80cbc4'},
+  'text-teal-300': {color: '#4db6ac'},
+  'text-teal-400': {color: '#26a69a'},
+  'text-teal-500': {color: '#009688'},
+  'text-teal-600': {color: '#00897b'},
+  'text-teal-700': {color: '#00796b'},
+  'text-teal-800': {color: '#00695c'},
+  'text-teal-900': {color: '#004d40'},
+  'text-teal-A100': {color: '#a7ffeb'},
+  'text-teal-A200': {color: '#64ffda'},
+  'text-teal-A400': {color: '#1de9b6'},
+  'text-teal-A700': {color: '#00bfa5'},
+  'text-transparent': {color: 'transparent'},
+  'text-white': {color: '#ffffff'},
+  'text-yellow-50': {color: '#fffde7'},
+  'text-yellow-100': {color: '#fff9c4'},
+  'text-yellow-200': {color: '#fff59d'},
+  'text-yellow-300': {color: '#fff176'},
+  'text-yellow-400': {color: '#ffee58'},
+  'text-yellow-500': {color: '#ffeb3b'},
+  'text-yellow-600': {color: '#fdd835'},
+  'text-yellow-700': {color: '#fbc02d'},
+  'text-yellow-800': {color: '#f9a825'},
+  'text-yellow-900': {color: '#f57f17'},
+  'text-yellow-A100': {color: '#ffff8d'},
+  'text-yellow-A200': {color: '#ffff00'},
+  'text-yellow-A400': {color: '#ffea00'},
+  'text-yellow-A700': {color: '#ffd600'},
+  'shadow-black': {shadowColor: '#000000'},
+  'shadow-white': {shadowColor: '#ffffff'},
+  'shadow-transparent': {shadowColor: 'transparent'},
+  'shadow-red-50': {shadowColor: '#ffebee'},
+  'shadow-red-100': {shadowColor: '#ffcdd2'},
+  'shadow-red-200': {shadowColor: '#ef9a9a'},
+  'shadow-red-300': {shadowColor: '#e57373'},
+  'shadow-red-400': {shadowColor: '#ef5350'},
+  'shadow-red-500': {shadowColor: '#f44336'},
+  'shadow-red-600': {shadowColor: '#e53935'},
+  'shadow-red-700': {shadowColor: '#d32f2f'},
+  'shadow-red-800': {shadowColor: '#c62828'},
+  'shadow-red-900': {shadowColor: '#b71c1c'},
+  'shadow-red-A100': {shadowColor: '#ff8a80'},
+  'shadow-red-A200': {shadowColor: '#ff5252'},
+  'shadow-red-A400': {shadowColor: '#ff1744'},
+  'shadow-red-A700': {shadowColor: '#d50000'},
+  'shadow-prink-50': {shadowColor: '#fce4ec'},
+  'shadow-prink-100': {shadowColor: '#f8bbd0'},
+  'shadow-prink-200': {shadowColor: '#f48fb1'},
+  'shadow-prink-300': {shadowColor: '#f06292'},
+  'shadow-prink-400': {shadowColor: '#ec407a'},
+  'shadow-prink-500': {shadowColor: '#e91e63'},
+  'shadow-prink-600': {shadowColor: '#d81b60'},
+  'shadow-prink-700': {shadowColor: '#c2185b'},
+  'shadow-prink-800': {shadowColor: '#ad1457'},
+  'shadow-prink-900': {shadowColor: '#880e4f'},
+  'shadow-prink-A100': {shadowColor: '#ff80ab'},
+  'shadow-prink-A200': {shadowColor: '#ff4081'},
+  'shadow-prink-A400': {shadowColor: '#f50057'},
+  'shadow-prink-A700': {shadowColor: '#c51162'},
+  'shadow-purple-50': {shadowColor: '#f3e5f5'},
+  'shadow-purple-100': {shadowColor: '#e1bee7'},
+  'shadow-purple-200': {shadowColor: '#ce93d8'},
+  'shadow-purple-300': {shadowColor: '#ba68c8'},
+  'shadow-purple-400': {shadowColor: '#ab47bc'},
+  'shadow-purple-500': {shadowColor: '#9c27b0'},
+  'shadow-purple-600': {shadowColor: '#8e24aa'},
+  'shadow-purple-700': {shadowColor: '#7b1fa2'},
+  'shadow-purple-800': {shadowColor: '#6a1b9a'},
+  'shadow-purple-900': {shadowColor: '#4a148c'},
+  'shadow-purple-A100': {shadowColor: '#ea80fc'},
+  'shadow-purple-A200': {shadowColor: '#e040fb'},
+  'shadow-purple-A400': {shadowColor: '#d500f9'},
+  'shadow-purple-A700': {shadowColor: '#aa00ff'},
+  'shadow-deep-purple-50': {shadowColor: '#ede7f6'},
+  'shadow-deep-purple-100': {shadowColor: '#d1c4e9'},
+  'shadow-deep-purple-200': {shadowColor: '#b39ddb'},
+  'shadow-deep-purple-300': {shadowColor: '#9575cd'},
+  'shadow-deep-purple-400': {shadowColor: '#7e57c2'},
+  'shadow-deep-purple-500': {shadowColor: '#673ab7'},
+  'shadow-deep-purple-600': {shadowColor: '#5e35b1'},
+  'shadow-deep-purple-700': {shadowColor: '#512da8'},
+  'shadow-deep-purple-800': {shadowColor: '#4527a0'},
+  'shadow-deep-purple-900': {shadowColor: '#311b92'},
+  'shadow-deep-purple-A100': {shadowColor: '#b388ff'},
+  'shadow-deep-purple-A200': {shadowColor: '#7c4dff'},
+  'shadow-deep-purple-A400': {shadowColor: '#651fff'},
+  'shadow-deep-purple-A700': {shadowColor: '#6200ea'},
+  'shadow-indigo-50': {shadowColor: '#e8eaf6'},
+  'shadow-indigo-100': {shadowColor: '#c5cae9'},
+  'shadow-indigo-200': {shadowColor: '#9fa8da'},
+  'shadow-indigo-300': {shadowColor: '#7986cb'},
+  'shadow-indigo-400': {shadowColor: '#5c6bc0'},
+  'shadow-indigo-500': {shadowColor: '#3f51b5'},
+  'shadow-indigo-600': {shadowColor: '#3949ab'},
+  'shadow-indigo-700': {shadowColor: '#303f9f'},
+  'shadow-indigo-800': {shadowColor: '#283593'},
+  'shadow-indigo-900': {shadowColor: '#1a237e'},
+  'shadow-indigo-A100': {shadowColor: '#8c9eff'},
+  'shadow-indigo-A200': {shadowColor: '#536dfe'},
+  'shadow-indigo-A400': {shadowColor: '#3d5afe'},
+  'shadow-indigo-A700': {shadowColor: '#304ffe'},
+  'shadow-blue-50': {shadowColor: '#e3f2fd'},
+  'shadow-blue-100': {shadowColor: '#bbdefb'},
+  'shadow-blue-200': {shadowColor: '#90caf9'},
+  'shadow-blue-300': {shadowColor: '#64b5f6'},
+  'shadow-blue-400': {shadowColor: '#42a5f5'},
+  'shadow-blue-500': {shadowColor: '#2196f3'},
+  'shadow-blue-600': {shadowColor: '#1e88e5'},
+  'shadow-blue-700': {shadowColor: '#1976d2'},
+  'shadow-blue-800': {shadowColor: '#1565c0'},
+  'shadow-blue-900': {shadowColor: '#0d47a1'},
+  'shadow-blue-A100': {shadowColor: '#82b1ff'},
+  'shadow-blue-A200': {shadowColor: '#448aff'},
+  'shadow-blue-A400': {shadowColor: '#2979ff'},
+  'shadow-blue-A700': {shadowColor: '#2962ff'},
+  'shadow-light-blue-50': {shadowColor: '#e1f5fe'},
+  'shadow-light-blue-100': {shadowColor: '#b3e5fc'},
+  'shadow-light-blue-200': {shadowColor: '#81d4fa'},
+  'shadow-light-blue-300': {shadowColor: '#4fc3f7'},
+  'shadow-light-blue-400': {shadowColor: '#29b6f6'},
+  'shadow-light-blue-500': {shadowColor: '#03a9f4'},
+  'shadow-light-blue-600': {shadowColor: '#039be5'},
+  'shadow-light-blue-700': {shadowColor: '#0288d1'},
+  'shadow-light-blue-800': {shadowColor: '#0277bd'},
+  'shadow-light-blue-900': {shadowColor: '#01579b'},
+  'shadow-light-blue-A100': {shadowColor: '#80d8ff'},
+  'shadow-light-blue-A200': {shadowColor: '#40c4ff'},
+  'shadow-light-blue-A400': {shadowColor: '#00b0ff'},
+  'shadow-light-blue-A700': {shadowColor: '#0091ea'},
+  'shadow-cyan-50': {shadowColor: '#e0f7fa'},
+  'shadow-cyan-100': {shadowColor: '#b2ebf2'},
+  'shadow-cyan-200': {shadowColor: '#80deea'},
+  'shadow-cyan-300': {shadowColor: '#4dd0e1'},
+  'shadow-cyan-400': {shadowColor: '#26c6da'},
+  'shadow-cyan-500': {shadowColor: '#00bcd4'},
+  'shadow-cyan-600': {shadowColor: '#00acc1'},
+  'shadow-cyan-700': {shadowColor: '#0097a7'},
+  'shadow-cyan-800': {shadowColor: '#00838f'},
+  'shadow-cyan-900': {shadowColor: '#006064'},
+  'shadow-cyan-A100': {shadowColor: '#84ffff'},
+  'shadow-cyan-A200': {shadowColor: '#18ffff'},
+  'shadow-cyan-A400': {shadowColor: '#00e5ff'},
+  'shadow-cyan-A700': {shadowColor: '#00b8d4'},
+  'shadow-teal-50': {shadowColor: '#e0f2f1'},
+  'shadow-teal-100': {shadowColor: '#b2dfdb'},
+  'shadow-teal-200': {shadowColor: '#80cbc4'},
+  'shadow-teal-300': {shadowColor: '#4db6ac'},
+  'shadow-teal-400': {shadowColor: '#26a69a'},
+  'shadow-teal-500': {shadowColor: '#009688'},
+  'shadow-teal-600': {shadowColor: '#00897b'},
+  'shadow-teal-700': {shadowColor: '#00796b'},
+  'shadow-teal-800': {shadowColor: '#00695c'},
+  'shadow-teal-900': {shadowColor: '#004d40'},
+  'shadow-teal-A100': {shadowColor: '#a7ffeb'},
+  'shadow-teal-A200': {shadowColor: '#64ffda'},
+  'shadow-teal-A400': {shadowColor: '#1de9b6'},
+  'shadow-teal-A700': {shadowColor: '#00bfa5'},
+  'shadow-green-50': {shadowColor: '#e8f5e9'},
+  'shadow-green-100': {shadowColor: '#c8e6c9'},
+  'shadow-green-200': {shadowColor: '#a5d6a7'},
+  'shadow-green-300': {shadowColor: '#81c784'},
+  'shadow-green-400': {shadowColor: '#66bb6a'},
+  'shadow-green-500': {shadowColor: '#4caf50'},
+  'shadow-green-600': {shadowColor: '#43a047'},
+  'shadow-green-700': {shadowColor: '#388e3c'},
+  'shadow-green-800': {shadowColor: '#2e7d32'},
+  'shadow-green-900': {shadowColor: '#1b5e20'},
+  'shadow-green-A100': {shadowColor: '#b9f6ca'},
+  'shadow-green-A200': {shadowColor: '#69f0ae'},
+  'shadow-green-A400': {shadowColor: '#00e676'},
+  'shadow-green-A700': {shadowColor: '#00c853'},
+  'shadow-light-green-50': {shadowColor: '#f1f8e9'},
+  'shadow-light-green-100': {shadowColor: '#dcedc8'},
+  'shadow-light-green-200': {shadowColor: '#c5e1a5'},
+  'shadow-light-green-300': {shadowColor: '#aed581'},
+  'shadow-light-green-400': {shadowColor: '#9ccc65'},
+  'shadow-light-green-500': {shadowColor: '#8bc34a'},
+  'shadow-light-green-600': {shadowColor: '#7cb342'},
+  'shadow-light-green-700': {shadowColor: '#689f38'},
+  'shadow-light-green-800': {shadowColor: '#558b2f'},
+  'shadow-light-green-900': {shadowColor: '#33691e'},
+  'shadow-light-green-A100': {shadowColor: '#ccff90'},
+  'shadow-light-green-A200': {shadowColor: '#b2ff59'},
+  'shadow-light-green-A400': {shadowColor: '#76ff03'},
+  'shadow-light-green-A700': {shadowColor: '#64dd17'},
+  'shadow-lime-50': {shadowColor: '#f9fbe7'},
+  'shadow-lime-100': {shadowColor: '#f0f4c3'},
+  'shadow-lime-200': {shadowColor: '#e6ee9c'},
+  'shadow-lime-300': {shadowColor: '#dce775'},
+  'shadow-lime-400': {shadowColor: '#d4e157'},
+  'shadow-lime-500': {shadowColor: '#cddc39'},
+  'shadow-lime-600': {shadowColor: '#c0ca33'},
+  'shadow-lime-700': {shadowColor: '#afb42b'},
+  'shadow-lime-800': {shadowColor: '#9e9d24'},
+  'shadow-lime-900': {shadowColor: '#827717'},
+  'shadow-lime-A100': {shadowColor: '#f4ff81'},
+  'shadow-lime-A200': {shadowColor: '#eeff41'},
+  'shadow-lime-A400': {shadowColor: '#c6ff00'},
+  'shadow-lime-A700': {shadowColor: '#aeea00'},
+  'shadow-yellow-50': {shadowColor: '#fffde7'},
+  'shadow-yellow-100': {shadowColor: '#fff9c4'},
+  'shadow-yellow-200': {shadowColor: '#fff59d'},
+  'shadow-yellow-300': {shadowColor: '#fff176'},
+  'shadow-yellow-400': {shadowColor: '#ffee58'},
+  'shadow-yellow-500': {shadowColor: '#ffeb3b'},
+  'shadow-yellow-600': {shadowColor: '#fdd835'},
+  'shadow-yellow-700': {shadowColor: '#fbc02d'},
+  'shadow-yellow-800': {shadowColor: '#f9a825'},
+  'shadow-yellow-900': {shadowColor: '#f57f17'},
+  'shadow-yellow-A100': {shadowColor: '#ffff8d'},
+  'shadow-yellow-A200': {shadowColor: '#ffff00'},
+  'shadow-yellow-A400': {shadowColor: '#ffea00'},
+  'shadow-yellow-A700': {shadowColor: '#ffd600'},
+  'shadow-amber-50': {shadowColor: '#fff8e1'},
+  'shadow-amber-100': {shadowColor: '#ffecb3'},
+  'shadow-amber-200': {shadowColor: '#ffe082'},
+  'shadow-amber-300': {shadowColor: '#ffd54f'},
+  'shadow-amber-400': {shadowColor: '#ffca28'},
+  'shadow-amber-500': {shadowColor: '#ffc107'},
+  'shadow-amber-600': {shadowColor: '#ffb300'},
+  'shadow-amber-700': {shadowColor: '#ffa000'},
+  'shadow-amber-800': {shadowColor: '#ff8f00'},
+  'shadow-amber-900': {shadowColor: '#ff6f00'},
+  'shadow-amber-A100': {shadowColor: '#ffe57f'},
+  'shadow-amber-A200': {shadowColor: '#ffd740'},
+  'shadow-amber-A400': {shadowColor: '#ffc400'},
+  'shadow-amber-A700': {shadowColor: '#ffab00'},
+  'shadow-orange-50': {shadowColor: '#fff3e0'},
+  'shadow-orange-100': {shadowColor: '#ffe0b2'},
+  'shadow-orange-200': {shadowColor: '#ffcc80'},
+  'shadow-orange-300': {shadowColor: '#ffb74d'},
+  'shadow-orange-400': {shadowColor: '#ffa726'},
+  'shadow-orange-500': {shadowColor: '#ff9800'},
+  'shadow-orange-600': {shadowColor: '#fb8c00'},
+  'shadow-orange-700': {shadowColor: '#f57c00'},
+  'shadow-orange-800': {shadowColor: '#ef6c00'},
+  'shadow-orange-900': {shadowColor: '#e65100'},
+  'shadow-orange-A100': {shadowColor: '#ffd180'},
+  'shadow-orange-A200': {shadowColor: '#ffab40'},
+  'shadow-orange-A400': {shadowColor: '#ff9100'},
+  'shadow-orange-A700': {shadowColor: '#ff6d00'},
+  'shadow-deep-orange-50': {shadowColor: '#fbe9e7'},
+  'shadow-deep-orange-100': {shadowColor: '#ffccbc'},
+  'shadow-deep-orange-200': {shadowColor: '#ffab91'},
+  'shadow-deep-orange-300': {shadowColor: '#ff8a65'},
+  'shadow-deep-orange-400': {shadowColor: '#ff7043'},
+  'shadow-deep-orange-500': {shadowColor: '#ff5722'},
+  'shadow-deep-orange-600': {shadowColor: '#f4511e'},
+  'shadow-deep-orange-700': {shadowColor: '#e64a19'},
+  'shadow-deep-orange-800': {shadowColor: '#d84315'},
+  'shadow-deep-orange-900': {shadowColor: '#bf360c'},
+  'shadow-deep-orange-A100': {shadowColor: '#ff9e80'},
+  'shadow-deep-orange-A200': {shadowColor: '#ff6e40'},
+  'shadow-deep-orange-A400': {shadowColor: '#ff3d00'},
+  'shadow-deep-orange-A700': {shadowColor: '#dd2c00'},
+  'shadow-brown-50': {shadowColor: '#efebe9'},
+  'shadow-brown-100': {shadowColor: '#d7ccc8'},
+  'shadow-brown-200': {shadowColor: '#bcaaa4'},
+  'shadow-brown-300': {shadowColor: '#a1887f'},
+  'shadow-brown-400': {shadowColor: '#8d6e63'},
+  'shadow-brown-500': {shadowColor: '#795548'},
+  'shadow-brown-600': {shadowColor: '#6d4c41'},
+  'shadow-brown-700': {shadowColor: '#5d4037'},
+  'shadow-brown-800': {shadowColor: '#4e342e'},
+  'shadow-brown-900': {shadowColor: '#3e2723'},
+  'shadow-gray-50': {shadowColor: '#fafafa'},
+  'shadow-gray-100': {shadowColor: '#f5f5f5'},
+  'shadow-gray-200': {shadowColor: '#eeeeee'},
+  'shadow-gray-300': {shadowColor: '#e0e0e0'},
+  'shadow-gray-400': {shadowColor: '#bdbdbd'},
+  'shadow-gray-500': {shadowColor: '#9e9e9e'},
+  'shadow-gray-600': {shadowColor: '#757575'},
+  'shadow-gray-700': {shadowColor: '#616161'},
+  'shadow-gray-800': {shadowColor: '#424242'},
+  'shadow-gray-900': {shadowColor: '#212121'},
+  'shadow-blue-gray-50': {shadowColor: '#eceff1'},
+  'shadow-blue-gray-100': {shadowColor: '#cfd8dc'},
+  'shadow-blue-gray-200': {shadowColor: '#b0bec5'},
+  'shadow-blue-gray-300': {shadowColor: '#90a4ae'},
+  'shadow-blue-gray-400': {shadowColor: '#78909c'},
+  'shadow-blue-gray-500': {shadowColor: '#607d8b'},
+  'shadow-blue-gray-600': {shadowColor: '#546e7a'},
+  'shadow-blue-gray-700': {shadowColor: '#455a64'},
+  'shadow-blue-gray-800': {shadowColor: '#37474f'},
+  'shadow-blue-gray-900': {shadowColor: '#263238'},
+});
diff --git a/src/styles/Flex.styles.ts b/src/styles/Flex.styles.ts
deleted file mode 100644
index 2661d5c..0000000
--- a/src/styles/Flex.styles.ts
+++ /dev/null
@@ -1,160 +0,0 @@
-import {StyleSheet} from 'react-native';
-import {horizontalScale} from '../utils';
-
-export const flexStyles = StyleSheet.create({
-  'd-none': {display: 'none'},
-  'd-flex': {display: 'flex'},
-  'flex-1': {flex: 1},
-  'flex-wrap': {flexWrap: 'wrap'},
-  'flex-wrap-reverse': {flexWrap: 'wrap-reverse'},
-  'flex-nowrap': {flexWrap: 'nowrap'},
-  row: {flexDirection: 'row'},
-  'row-center': {flexDirection: 'row', alignItems: 'center'},
-  'row-v-center': {flexDirection: 'row', justifyContent: 'center'},
-  'row-reverse': {flexDirection: 'row-reverse'},
-  column: {flexDirection: 'column'},
-  'column-center': {flexDirection: 'column', justifyContent: 'center'},
-  'column-v-center': {flexDirection: 'column', alignItems: 'center'},
-  'column-reverse': {flexDirection: 'column-reverse'},
-  center: {justifyContent: 'center', alignItems: 'center'},
-  'self-center': {alignSelf: 'center'},
-  'self-start': {alignSelf: 'flex-start'},
-  'self-end': {alignSelf: 'flex-end'},
-  'justify-start': {justifyContent: 'flex-start'},
-  'justify-center': {justifyContent: 'center'},
-  'justify-end': {justifyContent: 'flex-end'},
-  'space-between': {justifyContent: 'space-between'},
-  'space-around': {justifyContent: 'space-around'},
-  'items-start': {alignItems: 'flex-start'},
-  'items-center': {alignItems: 'center'},
-  'items-end': {alignItems: 'flex-end'},
-  aspectRatio: {aspectRatio: 1},
-  'aspectRatio-16/9': {aspectRatio: 16 / 9},
-  'aspectRatio-4/3': {aspectRatio: 4 / 3},
-  'object-cover': {objectFit: 'cover'},
-  'object-contain': {objectFit: 'contain'},
-  'object-fill': {objectFit: 'fill'},
-  'object-scale-down': {objectFit: 'scale-down'},
-});
-
-export const gapStyles = StyleSheet.create({
-  gap: {gap: horizontalScale(1)},
-  'gap-0': {gap: 0},
-  'gap-0.5': {gap: horizontalScale(2)},
-  'gap-1': {gap: horizontalScale(4)},
-  'gap-1.5': {gap: horizontalScale(6)},
-  'gap-2': {gap: horizontalScale(8)},
-  'gap-2.5': {gap: horizontalScale(10)},
-  'gap-3': {gap: horizontalScale(12)},
-  'gap-3.5': {gap: horizontalScale(14)},
-  'gap-4': {gap: horizontalScale(16)},
-  'gap-5': {gap: horizontalScale(20)},
-  'gap-6': {gap: horizontalScale(24)},
-  'gap-7': {gap: horizontalScale(28)},
-  'gap-8': {gap: horizontalScale(32)},
-  'gap-9': {gap: horizontalScale(36)},
-  'gap-10': {gap: horizontalScale(40)},
-  'gap-11': {gap: horizontalScale(44)},
-  'gap-12': {gap: horizontalScale(48)},
-  'gap-14': {gap: horizontalScale(56)},
-  'gap-16': {gap: horizontalScale(64)},
-  'row-gap-0': {rowGap: 0},
-  'row-gap-0.5': {rowGap: horizontalScale(2)},
-  'row-gap-1': {rowGap: horizontalScale(4)},
-  'row-gap-1.5': {rowGap: horizontalScale(6)},
-  'row-gap-2': {rowGap: horizontalScale(8)},
-  'row-gap-2.5': {rowGap: horizontalScale(10)},
-  'row-gap-3': {rowGap: horizontalScale(12)},
-  'row-gap-3.5': {rowGap: horizontalScale(14)},
-  'row-gap-4': {rowGap: horizontalScale(16)},
-  'row-gap-5': {rowGap: horizontalScale(20)},
-  'row-gap-6': {rowGap: horizontalScale(24)},
-  'row-gap-7': {rowGap: horizontalScale(28)},
-  'row-gap-8': {rowGap: horizontalScale(32)},
-  'row-gap-9': {rowGap: horizontalScale(36)},
-  'row-gap-10': {rowGap: horizontalScale(40)},
-  'row-gap-11': {rowGap: horizontalScale(44)},
-  'row-gap-12': {rowGap: horizontalScale(48)},
-  'row-gap-14': {rowGap: horizontalScale(56)},
-  'row-gap-16': {rowGap: horizontalScale(64)},
-  'col-gap-0': {columnGap: 0},
-  'col-gap-0.5': {columnGap: horizontalScale(2)},
-  'col-gap-1': {columnGap: horizontalScale(4)},
-  'col-gap-1.5': {columnGap: horizontalScale(6)},
-  'col-gap-2': {columnGap: horizontalScale(8)},
-  'col-gap-2.5': {columnGap: horizontalScale(10)},
-  'col-gap-3': {columnGap: horizontalScale(12)},
-  'col-gap-3.5': {columnGap: horizontalScale(14)},
-  'col-gap-4': {columnGap: horizontalScale(16)},
-  'col-gap-5': {columnGap: horizontalScale(20)},
-  'col-gap-6': {columnGap: horizontalScale(24)},
-  'col-gap-7': {columnGap: horizontalScale(28)},
-  'col-gap-8': {columnGap: horizontalScale(32)},
-  'col-gap-9': {columnGap: horizontalScale(36)},
-  'col-gap-10': {columnGap: horizontalScale(40)},
-  'col-gap-11': {columnGap: horizontalScale(44)},
-  'col-gap-12': {columnGap: horizontalScale(48)},
-  'col-gap-14': {columnGap: horizontalScale(56)},
-  'col-gap-16': {columnGap: horizontalScale(64)},
-});
-
-export const gapNoneScaleStyles = StyleSheet.create({
-  gap: {gap: 1},
-  'gap-0': {gap: 0},
-  'gap-0.5': {gap: 2},
-  'gap-1': {gap: 4},
-  'gap-1.5': {gap: 6},
-  'gap-2': {gap: 8},
-  'gap-2.5': {gap: 10},
-  'gap-3': {gap: 12},
-  'gap-3.5': {gap: 14},
-  'gap-4': {gap: 16},
-  'gap-5': {gap: 20},
-  'gap-6': {gap: 24},
-  'gap-7': {gap: 28},
-  'gap-8': {gap: 32},
-  'gap-9': {gap: 36},
-  'gap-10': {gap: 40},
-  'gap-11': {gap: 44},
-  'gap-12': {gap: 48},
-  'gap-14': {gap: 56},
-  'gap-16': {gap: 64},
-  'row-gap-0': {rowGap: 0},
-  'row-gap-0.5': {rowGap: 2},
-  'row-gap-1': {rowGap: 4},
-  'row-gap-1.5': {rowGap: 6},
-  'row-gap-2': {rowGap: 8},
-  'row-gap-2.5': {rowGap: 10},
-  'row-gap-3': {rowGap: 12},
-  'row-gap-3.5': {rowGap: 14},
-  'row-gap-4': {rowGap: 16},
-  'row-gap-5': {rowGap: 20},
-  'row-gap-6': {rowGap: 24},
-  'row-gap-7': {rowGap: 28},
-  'row-gap-8': {rowGap: 32},
-  'row-gap-9': {rowGap: 36},
-  'row-gap-10': {rowGap: 40},
-  'row-gap-11': {rowGap: 44},
-  'row-gap-12': {rowGap: 48},
-  'row-gap-14': {rowGap: 56},
-  'row-gap-16': {rowGap: 64},
-  'col-gap-0': {columnGap: 0},
-  'col-gap-0.5': {columnGap: 2},
-  'col-gap-1': {columnGap: 4},
-  'col-gap-1.5': {columnGap: 6},
-  'col-gap-2': {columnGap: 8},
-  'col-gap-2.5': {columnGap: 10},
-  'col-gap-3': {columnGap: 12},
-  'col-gap-3.5': {columnGap: 14},
-  'col-gap-4': {columnGap: 16},
-  'col-gap-5': {columnGap: 20},
-  'col-gap-6': {columnGap: 24},
-  'col-gap-7': {columnGap: 28},
-  'col-gap-8': {columnGap: 32},
-  'col-gap-9': {columnGap: 36},
-  'col-gap-10': {columnGap: 40},
-  'col-gap-11': {columnGap: 44},
-  'col-gap-12': {columnGap: 48},
-  'col-gap-14': {columnGap: 56},
-  'col-gap-16': {columnGap: 64},
-});
diff --git a/src/styles/Margin.styles.ts b/src/styles/Margin.styles.ts
deleted file mode 100644
index d40f08e..0000000
--- a/src/styles/Margin.styles.ts
+++ /dev/null
@@ -1,330 +0,0 @@
-import {StyleSheet} from 'react-native';
-import {horizontalScale} from '../utils';
-
-const marginStyles = StyleSheet.create({
-  'm-0': {margin: 0},
-  'm-0.5': {margin: horizontalScale(2)},
-  'm-1': {margin: horizontalScale(4)},
-  'm-1.5': {margin: horizontalScale(6)},
-  'm-2': {margin: horizontalScale(8)},
-  'm-2.5': {margin: horizontalScale(10)},
-  'm-3': {margin: horizontalScale(12)},
-  'm-3.5': {margin: horizontalScale(14)},
-  'm-4': {margin: horizontalScale(16)},
-  'm-5': {margin: horizontalScale(20)},
-  'm-6': {margin: horizontalScale(24)},
-  'm-7': {margin: horizontalScale(28)},
-  'm-8': {margin: horizontalScale(32)},
-  'm-9': {margin: horizontalScale(36)},
-  'm-10': {margin: horizontalScale(40)},
-  'm-11': {margin: horizontalScale(44)},
-  'm-12': {margin: horizontalScale(48)},
-  'm-14': {margin: horizontalScale(56)},
-  'm-16': {margin: horizontalScale(64)},
-});
-
-const marginLeftStyles = StyleSheet.create({
-  'ml-0': {marginLeft: 0},
-  'ml-0.5': {marginLeft: horizontalScale(2)},
-  'ml-1': {marginLeft: horizontalScale(4)},
-  'ml-1.5': {marginLeft: horizontalScale(6)},
-  'ml-2': {marginLeft: horizontalScale(8)},
-  'ml-2.5': {marginLeft: horizontalScale(10)},
-  'ml-3': {marginLeft: horizontalScale(12)},
-  'ml-3.5': {marginLeft: horizontalScale(14)},
-  'ml-4': {marginLeft: horizontalScale(16)},
-  'ml-5': {marginLeft: horizontalScale(20)},
-  'ml-6': {marginLeft: horizontalScale(24)},
-  'ml-7': {marginLeft: horizontalScale(28)},
-  'ml-8': {marginLeft: horizontalScale(32)},
-  'ml-9': {marginLeft: horizontalScale(36)},
-  'ml-10': {marginLeft: horizontalScale(40)},
-  'ml-11': {marginLeft: horizontalScale(44)},
-  'ml-12': {marginLeft: horizontalScale(48)},
-  'ml-14': {marginLeft: horizontalScale(56)},
-  'ml-16': {marginLeft: horizontalScale(64)},
-});
-
-const marginRightStyles = StyleSheet.create({
-  'mr-0': {marginRight: 0},
-  'mr-0.5': {marginRight: horizontalScale(2)},
-  'mr-1': {marginRight: horizontalScale(4)},
-  'mr-1.5': {marginRight: horizontalScale(6)},
-  'mr-2': {marginRight: horizontalScale(8)},
-  'mr-2.5': {marginRight: horizontalScale(10)},
-  'mr-3': {marginRight: horizontalScale(12)},
-  'mr-3.5': {marginRight: horizontalScale(14)},
-  'mr-4': {marginRight: horizontalScale(16)},
-  'mr-5': {marginRight: horizontalScale(20)},
-  'mr-6': {marginRight: horizontalScale(24)},
-  'mr-7': {marginRight: horizontalScale(28)},
-  'mr-8': {marginRight: horizontalScale(32)},
-  'mr-9': {marginRight: horizontalScale(36)},
-  'mr-10': {marginRight: horizontalScale(40)},
-  'mr-11': {marginRight: horizontalScale(44)},
-  'mr-12': {marginRight: horizontalScale(48)},
-  'mr-14': {marginRight: horizontalScale(56)},
-  'mr-16': {marginRight: horizontalScale(64)},
-});
-
-const marginBottomStyles = StyleSheet.create({
-  'mb-0': {marginBottom: 0},
-  'mb-0.5': {marginBottom: horizontalScale(2)},
-  'mb-1': {marginBottom: horizontalScale(4)},
-  'mb-1.5': {marginBottom: horizontalScale(6)},
-  'mb-2': {marginBottom: horizontalScale(8)},
-  'mb-2.5': {marginBottom: horizontalScale(10)},
-  'mb-3': {marginBottom: horizontalScale(12)},
-  'mb-3.5': {marginBottom: horizontalScale(14)},
-  'mb-4': {marginBottom: horizontalScale(16)},
-  'mb-5': {marginBottom: horizontalScale(20)},
-  'mb-6': {marginBottom: horizontalScale(24)},
-  'mb-7': {marginBottom: horizontalScale(28)},
-  'mb-8': {marginBottom: horizontalScale(32)},
-  'mb-9': {marginBottom: horizontalScale(36)},
-  'mb-10': {marginBottom: horizontalScale(40)},
-  'mb-11': {marginBottom: horizontalScale(44)},
-  'mb-12': {marginBottom: horizontalScale(48)},
-  'mb-14': {marginBottom: horizontalScale(56)},
-  'mb-16': {marginBottom: horizontalScale(64)},
-});
-
-const marginTopStyles = StyleSheet.create({
-  'mt-0': {marginTop: 0},
-  'mt-0.5': {marginTop: horizontalScale(2)},
-  'mt-1': {marginTop: horizontalScale(4)},
-  'mt-1.5': {marginTop: horizontalScale(6)},
-  'mt-2': {marginTop: horizontalScale(8)},
-  'mt-2.5': {marginTop: horizontalScale(10)},
-  'mt-3': {marginTop: horizontalScale(12)},
-  'mt-3.5': {marginTop: horizontalScale(14)},
-  'mt-4': {marginTop: horizontalScale(16)},
-  'mt-5': {marginTop: horizontalScale(20)},
-  'mt-6': {marginTop: horizontalScale(24)},
-  'mt-7': {marginTop: horizontalScale(28)},
-  'mt-8': {marginTop: horizontalScale(32)},
-  'mt-9': {marginTop: horizontalScale(36)},
-  'mt-10': {marginTop: horizontalScale(40)},
-  'mt-11': {marginTop: horizontalScale(44)},
-  'mt-12': {marginTop: horizontalScale(48)},
-  'mt-14': {marginTop: horizontalScale(56)},
-  'mt-16': {marginTop: horizontalScale(64)},
-});
-
-const marginHorizontalStyles = StyleSheet.create({
-  'mx-0': {marginHorizontal: 0},
-  'mx-0.5': {marginHorizontal: horizontalScale(2)},
-  'mx-1': {marginHorizontal: horizontalScale(4)},
-  'mx-1.5': {marginHorizontal: horizontalScale(6)},
-  'mx-2': {marginHorizontal: horizontalScale(8)},
-  'mx-2.5': {marginHorizontal: horizontalScale(10)},
-  'mx-3': {marginHorizontal: horizontalScale(12)},
-  'mx-3.5': {marginHorizontal: horizontalScale(14)},
-  'mx-4': {marginHorizontal: horizontalScale(16)},
-  'mx-5': {marginHorizontal: horizontalScale(20)},
-  'mx-6': {marginHorizontal: horizontalScale(24)},
-  'mx-7': {marginHorizontal: horizontalScale(28)},
-  'mx-8': {marginHorizontal: horizontalScale(32)},
-  'mx-9': {marginHorizontal: horizontalScale(36)},
-  'mx-10': {marginHorizontal: horizontalScale(40)},
-  'mx-11': {marginHorizontal: horizontalScale(44)},
-  'mx-12': {marginHorizontal: horizontalScale(48)},
-  'mx-14': {marginHorizontal: horizontalScale(56)},
-  'mx-16': {marginHorizontal: horizontalScale(64)},
-});
-
-const marginVerticalStyles = StyleSheet.create({
-  'my-0': {marginVertical: 0},
-  'my-0.5': {marginVertical: horizontalScale(2)},
-  'my-1': {marginVertical: horizontalScale(4)},
-  'my-1.5': {marginVertical: horizontalScale(6)},
-  'my-2': {marginVertical: horizontalScale(8)},
-  'my-2.5': {marginVertical: horizontalScale(10)},
-  'my-3': {marginVertical: horizontalScale(12)},
-  'my-3.5': {marginVertical: horizontalScale(14)},
-  'my-4': {marginVertical: horizontalScale(16)},
-  'my-5': {marginVertical: horizontalScale(20)},
-  'my-6': {marginVertical: horizontalScale(24)},
-  'my-7': {marginVertical: horizontalScale(28)},
-  'my-8': {marginVertical: horizontalScale(32)},
-  'my-9': {marginVertical: horizontalScale(36)},
-  'my-10': {marginVertical: horizontalScale(40)},
-  'my-11': {marginVertical: horizontalScale(44)},
-  'my-12': {marginVertical: horizontalScale(48)},
-  'my-14': {marginVertical: horizontalScale(56)},
-  'my-16': {marginVertical: horizontalScale(64)},
-});
-
-const marginNoneScaleStyles = StyleSheet.create({
-  'm-0': {margin: 0},
-  'm-0.5': {margin: 2},
-  'm-1': {margin: 4},
-  'm-1.5': {margin: 6},
-  'm-2': {margin: 8},
-  'm-2.5': {margin: 10},
-  'm-3': {margin: 12},
-  'm-3.5': {margin: 14},
-  'm-4': {margin: 16},
-  'm-5': {margin: 20},
-  'm-6': {margin: 24},
-  'm-7': {margin: 28},
-  'm-8': {margin: 32},
-  'm-9': {margin: 36},
-  'm-10': {margin: 40},
-  'm-11': {margin: 44},
-  'm-12': {margin: 48},
-  'm-14': {margin: 56},
-  'm-16': {margin: 64},
-});
-
-const marginLeftNoneScaleStyles = StyleSheet.create({
-  'ml-0': {marginLeft: 0},
-  'ml-0.5': {marginLeft: 2},
-  'ml-1': {marginLeft: 4},
-  'ml-1.5': {marginLeft: 6},
-  'ml-2': {marginLeft: 8},
-  'ml-2.5': {marginLeft: 10},
-  'ml-3': {marginLeft: 12},
-  'ml-3.5': {marginLeft: 14},
-  'ml-4': {marginLeft: 16},
-  'ml-5': {marginLeft: 20},
-  'ml-6': {marginLeft: 24},
-  'ml-7': {marginLeft: 28},
-  'ml-8': {marginLeft: 32},
-  'ml-9': {marginLeft: 36},
-  'ml-10': {marginLeft: 40},
-  'ml-11': {marginLeft: 44},
-  'ml-12': {marginLeft: 48},
-  'ml-14': {marginLeft: 56},
-  'ml-16': {marginLeft: 64},
-});
-
-const marginRightNoneScaleStyles = StyleSheet.create({
-  'mr-0': {marginRight: 0},
-  'mr-0.5': {marginRight: 2},
-  'mr-1': {marginRight: 4},
-  'mr-1.5': {marginRight: 6},
-  'mr-2': {marginRight: 8},
-  'mr-2.5': {marginRight: 10},
-  'mr-3': {marginRight: 12},
-  'mr-3.5': {marginRight: 14},
-  'mr-4': {marginRight: 16},
-  'mr-5': {marginRight: 20},
-  'mr-6': {marginRight: 24},
-  'mr-7': {marginRight: 28},
-  'mr-8': {marginRight: 32},
-  'mr-9': {marginRight: 36},
-  'mr-10': {marginRight: 40},
-  'mr-11': {marginRight: 44},
-  'mr-12': {marginRight: 48},
-  'mr-14': {marginRight: 56},
-  'mr-16': {marginRight: 64},
-});
-
-const marginBottomNoneScaleStyles = StyleSheet.create({
-  'mb-0': {marginBottom: 0},
-  'mb-0.5': {marginBottom: 2},
-  'mb-1': {marginBottom: 4},
-  'mb-1.5': {marginBottom: 6},
-  'mb-2': {marginBottom: 8},
-  'mb-2.5': {marginBottom: 10},
-  'mb-3': {marginBottom: 12},
-  'mb-3.5': {marginBottom: 14},
-  'mb-4': {marginBottom: 16},
-  'mb-5': {marginBottom: 20},
-  'mb-6': {marginBottom: 24},
-  'mb-7': {marginBottom: 28},
-  'mb-8': {marginBottom: 32},
-  'mb-9': {marginBottom: 36},
-  'mb-10': {marginBottom: 40},
-  'mb-11': {marginBottom: 44},
-  'mb-12': {marginBottom: 48},
-  'mb-14': {marginBottom: 56},
-  'mb-16': {marginBottom: 64},
-});
-
-const marginTopNoneScaleStyles = StyleSheet.create({
-  'mt-0': {marginTop: 0},
-  'mt-0.5': {marginTop: 2},
-  'mt-1': {marginTop: 4},
-  'mt-1.5': {marginTop: 6},
-  'mt-2': {marginTop: 8},
-  'mt-2.5': {marginTop: 10},
-  'mt-3': {marginTop: 12},
-  'mt-3.5': {marginTop: 14},
-  'mt-4': {marginTop: 16},
-  'mt-5': {marginTop: 20},
-  'mt-6': {marginTop: 24},
-  'mt-7': {marginTop: 28},
-  'mt-8': {marginTop: 32},
-  'mt-9': {marginTop: 36},
-  'mt-10': {marginTop: 40},
-  'mt-11': {marginTop: 44},
-  'mt-12': {marginTop: 48},
-  'mt-14': {marginTop: 56},
-  'mt-16': {marginTop: 64},
-});
-
-const marginHorizontalNoneScaleStyles = StyleSheet.create({
-  'mx-0': {marginHorizontal: 0},
-  'mx-0.5': {marginHorizontal: 2},
-  'mx-1': {marginHorizontal: 4},
-  'mx-1.5': {marginHorizontal: 6},
-  'mx-2': {marginHorizontal: 8},
-  'mx-2.5': {marginHorizontal: 10},
-  'mx-3': {marginHorizontal: 12},
-  'mx-3.5': {marginHorizontal: 14},
-  'mx-4': {marginHorizontal: 16},
-  'mx-5': {marginHorizontal: 20},
-  'mx-6': {marginHorizontal: 24},
-  'mx-7': {marginHorizontal: 28},
-  'mx-8': {marginHorizontal: 32},
-  'mx-9': {marginHorizontal: 36},
-  'mx-10': {marginHorizontal: 40},
-  'mx-11': {marginHorizontal: 44},
-  'mx-12': {marginHorizontal: 48},
-  'mx-14': {marginHorizontal: 56},
-  'mx-16': {marginHorizontal: 64},
-});
-
-const marginVerticalNoneScaleStyles = StyleSheet.create({
-  'my-0': {marginVertical: 0},
-  'my-0.5': {marginVertical: 2},
-  'my-1': {marginVertical: 4},
-  'my-1.5': {marginVertical: 6},
-  'my-2': {marginVertical: 8},
-  'my-2.5': {marginVertical: 10},
-  'my-3': {marginVertical: 12},
-  'my-3.5': {marginVertical: 14},
-  'my-4': {marginVertical: 16},
-  'my-5': {marginVertical: 20},
-  'my-6': {marginVertical: 24},
-  'my-7': {marginVertical: 28},
-  'my-8': {marginVertical: 32},
-  'my-9': {marginVertical: 36},
-  'my-10': {marginVertical: 40},
-  'my-11': {marginVertical: 44},
-  'my-12': {marginVertical: 48},
-  'my-14': {marginVertical: 56},
-  'my-16': {marginVertical: 64},
-});
-
-export const classMarginStyle = {
-  ...marginStyles,
-  ...marginLeftStyles,
-  ...marginRightStyles,
-  ...marginBottomStyles,
-  ...marginTopStyles,
-  ...marginHorizontalStyles,
-  ...marginVerticalStyles,
-};
-
-export const classMarginNoneScaleStyle = {
-  ...marginNoneScaleStyles,
-  ...marginLeftNoneScaleStyles,
-  ...marginRightNoneScaleStyles,
-  ...marginBottomNoneScaleStyles,
-  ...marginTopNoneScaleStyles,
-  ...marginHorizontalNoneScaleStyles,
-  ...marginVerticalNoneScaleStyles,
-};
diff --git a/src/styles/Padding.styles.ts b/src/styles/Padding.styles.ts
deleted file mode 100644
index 8690253..0000000
--- a/src/styles/Padding.styles.ts
+++ /dev/null
@@ -1,330 +0,0 @@
-import {StyleSheet} from 'react-native';
-import {horizontalScale} from '../utils';
-
-const paddingStyles = StyleSheet.create({
-  'p-0': {padding: 0},
-  'p-0.5': {padding: horizontalScale(2)},
-  'p-1': {padding: horizontalScale(4)},
-  'p-1.5': {padding: horizontalScale(6)},
-  'p-2': {padding: horizontalScale(8)},
-  'p-2.5': {padding: horizontalScale(10)},
-  'p-3': {padding: horizontalScale(12)},
-  'p-3.5': {padding: horizontalScale(14)},
-  'p-4': {padding: horizontalScale(16)},
-  'p-5': {padding: horizontalScale(20)},
-  'p-6': {padding: horizontalScale(24)},
-  'p-7': {padding: horizontalScale(28)},
-  'p-8': {padding: horizontalScale(32)},
-  'p-9': {padding: horizontalScale(36)},
-  'p-10': {padding: horizontalScale(40)},
-  'p-11': {padding: horizontalScale(44)},
-  'p-12': {padding: horizontalScale(48)},
-  'p-14': {padding: horizontalScale(56)},
-  'p-16': {padding: horizontalScale(64)},
-});
-
-const paddingLeftStyles = StyleSheet.create({
-  'pl-0': {paddingLeft: 0},
-  'pl-0.5': {paddingLeft: horizontalScale(2)},
-  'pl-1': {paddingLeft: horizontalScale(4)},
-  'pl-1.5': {paddingLeft: horizontalScale(6)},
-  'pl-2': {paddingLeft: horizontalScale(8)},
-  'pl-2.5': {paddingLeft: horizontalScale(10)},
-  'pl-3': {paddingLeft: horizontalScale(12)},
-  'pl-3.5': {paddingLeft: horizontalScale(14)},
-  'pl-4': {paddingLeft: horizontalScale(16)},
-  'pl-5': {paddingLeft: horizontalScale(20)},
-  'pl-6': {paddingLeft: horizontalScale(24)},
-  'pl-7': {paddingLeft: horizontalScale(28)},
-  'pl-8': {paddingLeft: horizontalScale(32)},
-  'pl-9': {paddingLeft: horizontalScale(36)},
-  'pl-10': {paddingLeft: horizontalScale(40)},
-  'pl-11': {paddingLeft: horizontalScale(44)},
-  'pl-12': {paddingLeft: horizontalScale(48)},
-  'pl-14': {paddingLeft: horizontalScale(56)},
-  'pl-16': {paddingLeft: horizontalScale(64)},
-});
-
-const paddingRightStyles = StyleSheet.create({
-  'pr-0': {paddingRight: 0},
-  'pr-0.5': {paddingRight: horizontalScale(2)},
-  'pr-1': {paddingRight: horizontalScale(4)},
-  'pr-1.5': {paddingRight: horizontalScale(6)},
-  'pr-2': {paddingRight: horizontalScale(8)},
-  'pr-2.5': {paddingRight: horizontalScale(10)},
-  'pr-3': {paddingRight: horizontalScale(12)},
-  'pr-3.5': {paddingRight: horizontalScale(14)},
-  'pr-4': {paddingRight: horizontalScale(16)},
-  'pr-5': {paddingRight: horizontalScale(20)},
-  'pr-6': {paddingRight: horizontalScale(24)},
-  'pr-7': {paddingRight: horizontalScale(28)},
-  'pr-8': {paddingRight: horizontalScale(32)},
-  'pr-9': {paddingRight: horizontalScale(36)},
-  'pr-10': {paddingRight: horizontalScale(40)},
-  'pr-11': {paddingRight: horizontalScale(44)},
-  'pr-12': {paddingRight: horizontalScale(48)},
-  'pr-14': {paddingRight: horizontalScale(56)},
-  'pr-16': {paddingRight: horizontalScale(64)},
-});
-
-const paddingBottomStyles = StyleSheet.create({
-  'pb-0': {paddingBottom: 0},
-  'pb-0.5': {paddingBottom: horizontalScale(2)},
-  'pb-1': {paddingBottom: horizontalScale(4)},
-  'pb-1.5': {paddingBottom: horizontalScale(6)},
-  'pb-2': {paddingBottom: horizontalScale(8)},
-  'pb-2.5': {paddingBottom: horizontalScale(10)},
-  'pb-3': {paddingBottom: horizontalScale(12)},
-  'pb-3.5': {paddingBottom: horizontalScale(14)},
-  'pb-4': {paddingBottom: horizontalScale(16)},
-  'pb-5': {paddingBottom: horizontalScale(20)},
-  'pb-6': {paddingBottom: horizontalScale(24)},
-  'pb-7': {paddingBottom: horizontalScale(28)},
-  'pb-8': {paddingBottom: horizontalScale(32)},
-  'pb-9': {paddingBottom: horizontalScale(36)},
-  'pb-10': {paddingBottom: horizontalScale(40)},
-  'pb-11': {paddingBottom: horizontalScale(44)},
-  'pb-12': {paddingBottom: horizontalScale(48)},
-  'pb-14': {paddingBottom: horizontalScale(56)},
-  'pb-16': {paddingBottom: horizontalScale(64)},
-});
-
-const paddingTopStyles = StyleSheet.create({
-  'pt-0': {paddingTop: 0},
-  'pt-0.5': {paddingTop: horizontalScale(2)},
-  'pt-1': {paddingTop: horizontalScale(4)},
-  'pt-1.5': {paddingTop: horizontalScale(6)},
-  'pt-2': {paddingTop: horizontalScale(8)},
-  'pt-2.5': {paddingTop: horizontalScale(10)},
-  'pt-3': {paddingTop: horizontalScale(12)},
-  'pt-3.5': {paddingTop: horizontalScale(14)},
-  'pt-4': {paddingTop: horizontalScale(16)},
-  'pt-5': {paddingTop: horizontalScale(20)},
-  'pt-6': {paddingTop: horizontalScale(24)},
-  'pt-7': {paddingTop: horizontalScale(28)},
-  'pt-8': {paddingTop: horizontalScale(32)},
-  'pt-9': {paddingTop: horizontalScale(36)},
-  'pt-10': {paddingTop: horizontalScale(40)},
-  'pt-11': {paddingTop: horizontalScale(44)},
-  'pt-12': {paddingTop: horizontalScale(48)},
-  'pt-14': {paddingTop: horizontalScale(56)},
-  'pt-16': {paddingTop: horizontalScale(64)},
-});
-
-const paddingHorizontalStyles = StyleSheet.create({
-  'px-0': {paddingHorizontal: 0},
-  'px-0.5': {paddingHorizontal: horizontalScale(2)},
-  'px-1': {paddingHorizontal: horizontalScale(4)},
-  'px-1.5': {paddingHorizontal: horizontalScale(6)},
-  'px-2': {paddingHorizontal: horizontalScale(8)},
-  'px-2.5': {paddingHorizontal: horizontalScale(10)},
-  'px-3': {paddingHorizontal: horizontalScale(12)},
-  'px-3.5': {paddingHorizontal: horizontalScale(14)},
-  'px-4': {paddingHorizontal: horizontalScale(16)},
-  'px-5': {paddingHorizontal: horizontalScale(20)},
-  'px-6': {paddingHorizontal: horizontalScale(24)},
-  'px-7': {paddingHorizontal: horizontalScale(28)},
-  'px-8': {paddingHorizontal: horizontalScale(32)},
-  'px-9': {paddingHorizontal: horizontalScale(36)},
-  'px-10': {paddingHorizontal: horizontalScale(40)},
-  'px-11': {paddingHorizontal: horizontalScale(44)},
-  'px-12': {paddingHorizontal: horizontalScale(48)},
-  'px-14': {paddingHorizontal: horizontalScale(56)},
-  'px-16': {paddingHorizontal: horizontalScale(64)},
-});
-
-const paddingVerticalStyles = StyleSheet.create({
-  'py-0': {paddingVertical: 0},
-  'py-0.5': {paddingVertical: horizontalScale(2)},
-  'py-1': {paddingVertical: horizontalScale(4)},
-  'py-1.5': {paddingVertical: horizontalScale(6)},
-  'py-2': {paddingVertical: horizontalScale(8)},
-  'py-2.5': {paddingVertical: horizontalScale(10)},
-  'py-3': {paddingVertical: horizontalScale(12)},
-  'py-3.5': {paddingVertical: horizontalScale(14)},
-  'py-4': {paddingVertical: horizontalScale(16)},
-  'py-5': {paddingVertical: horizontalScale(20)},
-  'py-6': {paddingVertical: horizontalScale(24)},
-  'py-7': {paddingVertical: horizontalScale(28)},
-  'py-8': {paddingVertical: horizontalScale(32)},
-  'py-9': {paddingVertical: horizontalScale(36)},
-  'py-10': {paddingVertical: horizontalScale(40)},
-  'py-11': {paddingVertical: horizontalScale(44)},
-  'py-12': {paddingVertical: horizontalScale(48)},
-  'py-14': {paddingVertical: horizontalScale(56)},
-  'py-16': {paddingVertical: horizontalScale(64)},
-});
-
-const paddingNoneScaleStyles = StyleSheet.create({
-  'p-0': {padding: 0},
-  'p-0.5': {padding: 2},
-  'p-1': {padding: 4},
-  'p-1.5': {padding: 6},
-  'p-2': {padding: 8},
-  'p-2.5': {padding: 10},
-  'p-3': {padding: 12},
-  'p-3.5': {padding: 14},
-  'p-4': {padding: 16},
-  'p-5': {padding: 20},
-  'p-6': {padding: 24},
-  'p-7': {padding: 28},
-  'p-8': {padding: 32},
-  'p-9': {padding: 36},
-  'p-10': {padding: 40},
-  'p-11': {padding: 44},
-  'p-12': {padding: 48},
-  'p-14': {padding: 56},
-  'p-16': {padding: 64},
-});
-
-const paddingLeftNoneScaleStyles = StyleSheet.create({
-  'pl-0': {paddingLeft: 0},
-  'pl-0.5': {paddingLeft: 2},
-  'pl-1': {paddingLeft: 4},
-  'pl-1.5': {paddingLeft: 6},
-  'pl-2': {paddingLeft: 8},
-  'pl-2.5': {paddingLeft: 10},
-  'pl-3': {paddingLeft: 12},
-  'pl-3.5': {paddingLeft: 14},
-  'pl-4': {paddingLeft: 16},
-  'pl-5': {paddingLeft: 20},
-  'pl-6': {paddingLeft: 24},
-  'pl-7': {paddingLeft: 28},
-  'pl-8': {paddingLeft: 32},
-  'pl-9': {paddingLeft: 36},
-  'pl-10': {paddingLeft: 40},
-  'pl-11': {paddingLeft: 44},
-  'pl-12': {paddingLeft: 48},
-  'pl-14': {paddingLeft: 56},
-  'pl-16': {paddingLeft: 64},
-});
-
-const paddingRightNoneScaleStyles = StyleSheet.create({
-  'pr-0': {paddingRight: 0},
-  'pr-0.5': {paddingRight: 2},
-  'pr-1': {paddingRight: 4},
-  'pr-1.5': {paddingRight: 6},
-  'pr-2': {paddingRight: 8},
-  'pr-2.5': {paddingRight: 10},
-  'pr-3': {paddingRight: 12},
-  'pr-3.5': {paddingRight: 14},
-  'pr-4': {paddingRight: 16},
-  'pr-5': {paddingRight: 20},
-  'pr-6': {paddingRight: 24},
-  'pr-7': {paddingRight: 28},
-  'pr-8': {paddingRight: 32},
-  'pr-9': {paddingRight: 36},
-  'pr-10': {paddingRight: 40},
-  'pr-11': {paddingRight: 44},
-  'pr-12': {paddingRight: 48},
-  'pr-14': {paddingRight: 56},
-  'pr-16': {paddingRight: 64},
-});
-
-const paddingBottomNoneScaleStyles = StyleSheet.create({
-  'pb-0': {paddingBottom: 0},
-  'pb-0.5': {paddingBottom: 2},
-  'pb-1': {paddingBottom: 4},
-  'pb-1.5': {paddingBottom: 6},
-  'pb-2': {paddingBottom: 8},
-  'pb-2.5': {paddingBottom: 10},
-  'pb-3': {paddingBottom: 12},
-  'pb-3.5': {paddingBottom: 14},
-  'pb-4': {paddingBottom: 16},
-  'pb-5': {paddingBottom: 20},
-  'pb-6': {paddingBottom: 24},
-  'pb-7': {paddingBottom: 28},
-  'pb-8': {paddingBottom: 32},
-  'pb-9': {paddingBottom: 36},
-  'pb-10': {paddingBottom: 40},
-  'pb-11': {paddingBottom: 44},
-  'pb-12': {paddingBottom: 48},
-  'pb-14': {paddingBottom: 56},
-  'pb-16': {paddingBottom: 64},
-});
-
-const paddingTopNoneScaleStyles = StyleSheet.create({
-  'pt-0': {paddingTop: 0},
-  'pt-0.5': {paddingTop: 2},
-  'pt-1': {paddingTop: 4},
-  'pt-1.5': {paddingTop: 6},
-  'pt-2': {paddingTop: 8},
-  'pt-2.5': {paddingTop: 10},
-  'pt-3': {paddingTop: 12},
-  'pt-3.5': {paddingTop: 14},
-  'pt-4': {paddingTop: 16},
-  'pt-5': {paddingTop: 20},
-  'pt-6': {paddingTop: 24},
-  'pt-7': {paddingTop: 28},
-  'pt-8': {paddingTop: 32},
-  'pt-9': {paddingTop: 36},
-  'pt-10': {paddingTop: 40},
-  'pt-11': {paddingTop: 44},
-  'pt-12': {paddingTop: 48},
-  'pt-14': {paddingTop: 56},
-  'pt-16': {paddingTop: 64},
-});
-
-const paddingHorizontalNoneScaleStyles = StyleSheet.create({
-  'px-0': {paddingHorizontal: 0},
-  'px-0.5': {paddingHorizontal: 2},
-  'px-1': {paddingHorizontal: 4},
-  'px-1.5': {paddingHorizontal: 6},
-  'px-2': {paddingHorizontal: 8},
-  'px-2.5': {paddingHorizontal: 10},
-  'px-3': {paddingHorizontal: 12},
-  'px-3.5': {paddingHorizontal: 14},
-  'px-4': {paddingHorizontal: 16},
-  'px-5': {paddingHorizontal: 20},
-  'px-6': {paddingHorizontal: 24},
-  'px-7': {paddingHorizontal: 28},
-  'px-8': {paddingHorizontal: 32},
-  'px-9': {paddingHorizontal: 36},
-  'px-10': {paddingHorizontal: 40},
-  'px-11': {paddingHorizontal: 44},
-  'px-12': {paddingHorizontal: 48},
-  'px-14': {paddingHorizontal: 56},
-  'px-16': {paddingHorizontal: 64},
-});
-
-const paddingVerticalNoneScaleStyles = StyleSheet.create({
-  'py-0': {paddingVertical: 0},
-  'py-0.5': {paddingVertical: 2},
-  'py-1': {paddingVertical: 4},
-  'py-1.5': {paddingVertical: 6},
-  'py-2': {paddingVertical: 8},
-  'py-2.5': {paddingVertical: 10},
-  'py-3': {paddingVertical: 12},
-  'py-3.5': {paddingVertical: 14},
-  'py-4': {paddingVertical: 16},
-  'py-5': {paddingVertical: 20},
-  'py-6': {paddingVertical: 24},
-  'py-7': {paddingVertical: 28},
-  'py-8': {paddingVertical: 32},
-  'py-9': {paddingVertical: 36},
-  'py-10': {paddingVertical: 40},
-  'py-11': {paddingVertical: 44},
-  'py-12': {paddingVertical: 48},
-  'py-14': {paddingVertical: 56},
-  'py-16': {paddingVertical: 64},
-});
-
-export const classPaddingStyle = {
-  ...paddingStyles,
-  ...paddingLeftStyles,
-  ...paddingRightStyles,
-  ...paddingBottomStyles,
-  ...paddingTopStyles,
-  ...paddingHorizontalStyles,
-  ...paddingVerticalStyles,
-};
-
-export const classPaddingNoneScaleStyle = {
-  ...paddingNoneScaleStyles,
-  ...paddingLeftNoneScaleStyles,
-  ...paddingRightNoneScaleStyles,
-  ...paddingBottomNoneScaleStyles,
-  ...paddingTopNoneScaleStyles,
-  ...paddingHorizontalNoneScaleStyles,
-  ...paddingVerticalNoneScaleStyles,
-};
diff --git a/src/styles/Position.styles.ts b/src/styles/Position.styles.ts
deleted file mode 100644
index 77f7da3..0000000
--- a/src/styles/Position.styles.ts
+++ /dev/null
@@ -1,217 +0,0 @@
-import {StyleSheet} from 'react-native';
-import {horizontalScale} from '../utils';
-
-const positionStyles = StyleSheet.create({
-  absolute: {position: 'absolute'},
-  relative: {position: 'relative'},
-});
-
-const topStyles = StyleSheet.create({
-  'top-0': {top: 0},
-  'top-0.5': {top: horizontalScale(2)},
-  'top-1': {top: horizontalScale(4)},
-  'top-1.5': {top: horizontalScale(6)},
-  'top-2': {top: horizontalScale(8)},
-  'top-2.5': {top: horizontalScale(10)},
-  'top-3': {top: horizontalScale(12)},
-  'top-3.5': {top: horizontalScale(14)},
-  'top-4': {top: horizontalScale(16)},
-  'top-5': {top: horizontalScale(20)},
-  'top-6': {top: horizontalScale(24)},
-  'top-7': {top: horizontalScale(28)},
-  'top-8': {top: horizontalScale(32)},
-  'top-9': {top: horizontalScale(36)},
-  'top-10': {top: horizontalScale(40)},
-  'top-11': {top: horizontalScale(44)},
-  'top-12': {top: horizontalScale(48)},
-  'top-14': {top: horizontalScale(56)},
-  'top-16': {top: horizontalScale(64)},
-});
-
-const leftStyles = StyleSheet.create({
-  'left-0': {left: 0},
-  'left-0.5': {left: horizontalScale(2)},
-  'left-1': {left: horizontalScale(4)},
-  'left-1.5': {left: horizontalScale(6)},
-  'left-2': {left: horizontalScale(8)},
-  'left-2.5': {left: horizontalScale(10)},
-  'left-3': {left: horizontalScale(12)},
-  'left-3.5': {left: horizontalScale(14)},
-  'left-4': {left: horizontalScale(16)},
-  'left-5': {left: horizontalScale(20)},
-  'left-6': {left: horizontalScale(24)},
-  'left-7': {left: horizontalScale(28)},
-  'left-8': {left: horizontalScale(32)},
-  'left-9': {left: horizontalScale(36)},
-  'left-10': {left: horizontalScale(40)},
-  'left-11': {left: horizontalScale(44)},
-  'left-12': {left: horizontalScale(48)},
-  'left-14': {left: horizontalScale(56)},
-  'left-16': {left: horizontalScale(64)},
-});
-
-const bottomStyles = StyleSheet.create({
-  'bottom-0': {bottom: 0},
-  'bottom-0.5': {bottom: horizontalScale(2)},
-  'bottom-1': {bottom: horizontalScale(4)},
-  'bottom-1.5': {bottom: horizontalScale(6)},
-  'bottom-2': {bottom: horizontalScale(8)},
-  'bottom-2.5': {bottom: horizontalScale(10)},
-  'bottom-3': {bottom: horizontalScale(12)},
-  'bottom-3.5': {bottom: horizontalScale(14)},
-  'bottom-4': {bottom: horizontalScale(16)},
-  'bottom-5': {bottom: horizontalScale(20)},
-  'bottom-6': {bottom: horizontalScale(24)},
-  'bottom-7': {bottom: horizontalScale(28)},
-  'bottom-8': {bottom: horizontalScale(32)},
-  'bottom-9': {bottom: horizontalScale(36)},
-  'bottom-10': {bottom: horizontalScale(40)},
-  'bottom-11': {bottom: horizontalScale(44)},
-  'bottom-12': {bottom: horizontalScale(48)},
-  'bottom-14': {bottom: horizontalScale(56)},
-  'bottom-16': {bottom: horizontalScale(64)},
-});
-
-const rightStyles = StyleSheet.create({
-  'right-0': {right: 0},
-  'right-0.5': {right: horizontalScale(2)},
-  'right-1': {right: horizontalScale(4)},
-  'right-1.5': {right: horizontalScale(6)},
-  'right-2': {right: horizontalScale(8)},
-  'right-2.5': {right: horizontalScale(10)},
-  'right-3': {right: horizontalScale(12)},
-  'right-3.5': {right: horizontalScale(14)},
-  'right-4': {right: horizontalScale(16)},
-  'right-5': {right: horizontalScale(20)},
-  'right-6': {right: horizontalScale(24)},
-  'right-7': {right: horizontalScale(28)},
-  'right-8': {right: horizontalScale(32)},
-  'right-9': {right: horizontalScale(36)},
-  'right-10': {right: horizontalScale(40)},
-  'right-11': {right: horizontalScale(44)},
-  'right-12': {right: horizontalScale(48)},
-  'right-14': {right: horizontalScale(56)},
-  'right-16': {right: horizontalScale(64)},
-});
-
-const zIndexStyles = StyleSheet.create({
-  '-z-1': {zIndex: -1},
-  '-z-2': {zIndex: -2},
-  '-z-3': {zIndex: -3},
-  'z-0': {zIndex: 0},
-  'z-1': {zIndex: 1},
-  'z-2': {zIndex: 2},
-  'z-3': {zIndex: 3},
-  'z-4': {zIndex: 4},
-  'z-5': {zIndex: 5},
-  'z-6': {zIndex: 6},
-  'z-7': {zIndex: 7},
-  'z-8': {zIndex: 8},
-  'z-9': {zIndex: 9},
-  'z-9999': {zIndex: 9999},
-});
-
-const topNoneScaleStyles = StyleSheet.create({
-  'top-0': {top: 0},
-  'top-0.5': {top: 2},
-  'top-1': {top: 4},
-  'top-1.5': {top: 6},
-  'top-2': {top: 8},
-  'top-2.5': {top: 10},
-  'top-3': {top: 12},
-  'top-3.5': {top: 14},
-  'top-4': {top: 16},
-  'top-5': {top: 20},
-  'top-6': {top: 24},
-  'top-7': {top: 28},
-  'top-8': {top: 32},
-  'top-9': {top: 36},
-  'top-10': {top: 40},
-  'top-11': {top: 44},
-  'top-12': {top: 48},
-  'top-14': {top: 56},
-  'top-16': {top: 64},
-});
-
-const leftNoneScaleStyles = StyleSheet.create({
-  'left-0': {left: 0},
-  'left-0.5': {left: 2},
-  'left-1': {left: 4},
-  'left-1.5': {left: 6},
-  'left-2': {left: 8},
-  'left-2.5': {left: 10},
-  'left-3': {left: 12},
-  'left-3.5': {left: 14},
-  'left-4': {left: 16},
-  'left-5': {left: 20},
-  'left-6': {left: 24},
-  'left-7': {left: 28},
-  'left-8': {left: 32},
-  'left-9': {left: 36},
-  'left-10': {left: 40},
-  'left-11': {left: 44},
-  'left-12': {left: 48},
-  'left-14': {left: 56},
-  'left-16': {left: 64},
-});
-
-const bottomNoneScaleStyles = StyleSheet.create({
-  'bottom-0': {bottom: 0},
-  'bottom-0.5': {bottom: 2},
-  'bottom-1': {bottom: 4},
-  'bottom-1.5': {bottom: 6},
-  'bottom-2': {bottom: 8},
-  'bottom-2.5': {bottom: 10},
-  'bottom-3': {bottom: 12},
-  'bottom-3.5': {bottom: 14},
-  'bottom-4': {bottom: 16},
-  'bottom-5': {bottom: 20},
-  'bottom-6': {bottom: 24},
-  'bottom-7': {bottom: 28},
-  'bottom-8': {bottom: 32},
-  'bottom-9': {bottom: 36},
-  'bottom-10': {bottom: 40},
-  'bottom-11': {bottom: 44},
-  'bottom-12': {bottom: 48},
-  'bottom-14': {bottom: 56},
-  'bottom-16': {bottom: 64},
-});
-
-const rightNoneScaleStyles = StyleSheet.create({
-  'right-0': {right: 0},
-  'right-0.5': {right: 2},
-  'right-1': {right: 4},
-  'right-1.5': {right: 6},
-  'right-2': {right: 8},
-  'right-2.5': {right: 10},
-  'right-3': {right: 12},
-  'right-3.5': {right: 14},
-  'right-4': {right: 16},
-  'right-5': {right: 20},
-  'right-6': {right: 24},
-  'right-7': {right: 28},
-  'right-8': {right: 32},
-  'right-9': {right: 36},
-  'right-10': {right: 40},
-  'right-11': {right: 44},
-  'right-12': {right: 48},
-  'right-14': {right: 56},
-  'right-16': {right: 64},
-});
-
-export const classPositionStyle = {
-  ...positionStyles,
-  ...rightStyles,
-  ...bottomStyles,
-  ...leftStyles,
-  ...topStyles,
-  ...zIndexStyles,
-};
-export const classPositionNoneScaleStyle = {
-  ...positionStyles,
-  ...rightNoneScaleStyles,
-  ...bottomNoneScaleStyles,
-  ...leftNoneScaleStyles,
-  ...topNoneScaleStyles,
-  ...zIndexStyles,
-};
diff --git a/src/styles/Size.styles.ts b/src/styles/Size.styles.ts
deleted file mode 100644
index 00c58ed..0000000
--- a/src/styles/Size.styles.ts
+++ /dev/null
@@ -1,300 +0,0 @@
-import {StyleSheet} from 'react-native';
-import {device, horizontalScale} from '../utils';
-
-const widthStyles = StyleSheet.create({
-  w: {width: horizontalScale(1)},
-  'w-0': {width: 0},
-  'w-0.5': {width: horizontalScale(2)},
-  'w-1': {width: horizontalScale(4)},
-  'w-1.5': {width: horizontalScale(6)},
-  'w-2': {width: horizontalScale(8)},
-  'w-2.5': {width: horizontalScale(10)},
-  'w-3': {width: horizontalScale(12)},
-  'w-3.5': {width: horizontalScale(14)},
-  'w-4': {width: horizontalScale(16)},
-  'w-5': {width: horizontalScale(20)},
-  'w-6': {width: horizontalScale(24)},
-  'w-7': {width: horizontalScale(28)},
-  'w-8': {width: horizontalScale(32)},
-  'w-9': {width: horizontalScale(36)},
-  'w-10': {width: horizontalScale(40)},
-  'w-11': {width: horizontalScale(44)},
-  'w-12': {width: horizontalScale(48)},
-  'w-14': {width: horizontalScale(56)},
-  'w-16': {width: horizontalScale(64)},
-  'w-20': {width: horizontalScale(80)},
-  'w-24': {width: horizontalScale(96)},
-  'w-28': {width: horizontalScale(112)},
-  'w-32': {width: horizontalScale(128)},
-  'w-36': {width: horizontalScale(144)},
-  'w-40': {width: horizontalScale(160)},
-  'w-44': {width: horizontalScale(176)},
-  'w-48': {width: horizontalScale(192)},
-  'w-52': {width: horizontalScale(208)},
-  'w-56': {width: horizontalScale(224)},
-  'w-60': {width: horizontalScale(240)},
-  'w-64': {width: horizontalScale(256)},
-  'w-72': {width: horizontalScale(288)},
-  'w-80': {width: horizontalScale(320)},
-  'w-96': {width: horizontalScale(384)},
-  'w-1/2': {width: '50%'},
-  'w-1/3': {width: '33.333333%'},
-  'w-2/3': {width: '66.666667%'},
-  'w-1/4': {width: '25%'},
-  'w-3/4': {width: '75%'},
-  'w-1/5': {width: '20%'},
-  'w-2/5': {width: '40%'},
-  'w-3/5': {width: '60%'},
-  'w-4/5': {width: '80%'},
-  'w-full': {width: '100%'},
-  'w-screen': {width: device.width},
-  'min-w': {minWidth: horizontalScale(1)},
-  'min-w-0': {minWidth: 0},
-  'min-w-0.5': {minWidth: horizontalScale(2)},
-  'min-w-1': {minWidth: horizontalScale(4)},
-  'min-w-1.5': {minWidth: horizontalScale(6)},
-  'min-w-2': {minWidth: horizontalScale(8)},
-  'min-w-2.5': {minWidth: horizontalScale(10)},
-  'min-w-3': {minWidth: horizontalScale(12)},
-  'min-w-3.5': {minWidth: horizontalScale(14)},
-  'min-w-4': {minWidth: horizontalScale(16)},
-  'min-w-5': {minWidth: horizontalScale(20)},
-  'min-w-6': {minWidth: horizontalScale(24)},
-  'min-w-7': {minWidth: horizontalScale(28)},
-  'min-w-8': {minWidth: horizontalScale(32)},
-  'min-w-9': {minWidth: horizontalScale(36)},
-  'min-w-10': {minWidth: horizontalScale(40)},
-  'min-w-11': {minWidth: horizontalScale(44)},
-  'min-w-12': {minWidth: horizontalScale(48)},
-  'min-w-14': {minWidth: horizontalScale(56)},
-  'min-w-16': {minWidth: horizontalScale(64)},
-  'min-w-20': {minWidth: horizontalScale(80)},
-  'min-w-24': {minWidth: horizontalScale(96)},
-  'min-w-28': {minWidth: horizontalScale(112)},
-  'min-w-32': {minWidth: horizontalScale(128)},
-  'min-w-36': {minWidth: horizontalScale(144)},
-  'min-w-40': {minWidth: horizontalScale(160)},
-  'min-w-44': {minWidth: horizontalScale(176)},
-  'min-w-48': {minWidth: horizontalScale(192)},
-  'min-w-52': {minWidth: horizontalScale(208)},
-  'min-w-56': {minWidth: horizontalScale(224)},
-  'min-w-60': {minWidth: horizontalScale(240)},
-  'min-w-64': {minWidth: horizontalScale(256)},
-  'min-w-72': {minWidth: horizontalScale(288)},
-  'min-w-80': {minWidth: horizontalScale(320)},
-  'min-w-96': {minWidth: horizontalScale(384)},
-  'min-w-1/2': {minWidth: '50%'},
-  'min-w-1/3': {minWidth: '33.333333%'},
-  'min-w-2/3': {minWidth: '66.666667%'},
-  'min-w-1/4': {minWidth: '25%'},
-  'min-w-3/4': {minWidth: '75%'},
-  'min-w-1/5': {minWidth: '20%'},
-  'min-w-2/5': {minWidth: '40%'},
-  'min-w-3/5': {minWidth: '60%'},
-  'min-w-4/5': {minWidth: '80%'},
-  'min-w-full': {minWidth: '100%'},
-  'min-w-screen': {minWidth: device.width},
-});
-
-const heightStyles = StyleSheet.create({
-  h: {height: horizontalScale(1)},
-  'h-0': {height: 0},
-  'h-0.5': {height: horizontalScale(2)},
-  'h-1': {height: horizontalScale(4)},
-  'h-1.5': {height: horizontalScale(6)},
-  'h-2': {height: horizontalScale(8)},
-  'h-2.5': {height: horizontalScale(10)},
-  'h-3': {height: horizontalScale(12)},
-  'h-3.5': {height: horizontalScale(14)},
-  'h-4': {height: horizontalScale(16)},
-  'h-5': {height: horizontalScale(20)},
-  'h-6': {height: horizontalScale(24)},
-  'h-7': {height: horizontalScale(28)},
-  'h-8': {height: horizontalScale(32)},
-  'h-9': {height: horizontalScale(36)},
-  'h-10': {height: horizontalScale(40)},
-  'h-11': {height: horizontalScale(44)},
-  'h-12': {height: horizontalScale(48)},
-  'h-14': {height: horizontalScale(56)},
-  'h-16': {height: horizontalScale(64)},
-  'h-20': {height: horizontalScale(80)},
-  'h-24': {height: horizontalScale(96)},
-  'h-28': {height: horizontalScale(112)},
-  'h-32': {height: horizontalScale(128)},
-  'h-36': {height: horizontalScale(144)},
-  'h-40': {height: horizontalScale(160)},
-  'h-44': {height: horizontalScale(176)},
-  'h-48': {height: horizontalScale(192)},
-  'h-52': {height: horizontalScale(208)},
-  'h-56': {height: horizontalScale(224)},
-  'h-60': {height: horizontalScale(240)},
-  'h-64': {height: horizontalScale(256)},
-  'h-72': {height: horizontalScale(288)},
-  'h-80': {height: horizontalScale(320)},
-  'h-96': {height: horizontalScale(384)},
-  'h-1/2': {height: '50%'},
-  'h-1/3': {height: '33.333333%'},
-  'h-2/3': {height: '66.666667%'},
-  'h-1/4': {height: '25%'},
-  'h-3/4': {height: '75%'},
-  'h-1/5': {height: '20%'},
-  'h-2/5': {height: '40%'},
-  'h-3/5': {height: '60%'},
-  'h-4/5': {height: '80%'},
-  'h-full': {height: '100%'},
-  'h-screen': {height: device.height},
-});
-
-const widthNoneScaleStyles = StyleSheet.create({
-  w: {width: 1},
-  'w-0': {width: 0},
-  'w-0.5': {width: 2},
-  'w-1': {width: 4},
-  'w-1.5': {width: 6},
-  'w-2': {width: 8},
-  'w-2.5': {width: 10},
-  'w-3': {width: 12},
-  'w-3.5': {width: 14},
-  'w-4': {width: 16},
-  'w-5': {width: 20},
-  'w-6': {width: 24},
-  'w-7': {width: 28},
-  'w-8': {width: 32},
-  'w-9': {width: 36},
-  'w-10': {width: 40},
-  'w-11': {width: 44},
-  'w-12': {width: 48},
-  'w-14': {width: 56},
-  'w-16': {width: 64},
-  'w-20': {width: 80},
-  'w-24': {width: 96},
-  'w-28': {width: 112},
-  'w-32': {width: 128},
-  'w-36': {width: 144},
-  'w-40': {width: 160},
-  'w-44': {width: 176},
-  'w-48': {width: 192},
-  'w-52': {width: 208},
-  'w-56': {width: 224},
-  'w-60': {width: 240},
-  'w-64': {width: 256},
-  'w-72': {width: 288},
-  'w-80': {width: 320},
-  'w-96': {width: 384},
-  'w-1/2': {width: '50%'},
-  'w-1/3': {width: '33.333333%'},
-  'w-2/3': {width: '66.666667%'},
-  'w-1/4': {width: '25%'},
-  'w-3/4': {width: '75%'},
-  'w-1/5': {width: '20%'},
-  'w-2/5': {width: '40%'},
-  'w-3/5': {width: '60%'},
-  'w-4/5': {width: '80%'},
-  'w-full': {width: '100%'},
-  'w-screen': {width: device.width},
-  'min-w': {minWidth: 1},
-  'min-w-0': {minWidth: 0},
-  'min-w-0.5': {minWidth: 2},
-  'min-w-1': {minWidth: 4},
-  'min-w-1.5': {minWidth: 6},
-  'min-w-2': {minWidth: 8},
-  'min-w-2.5': {minWidth: 10},
-  'min-w-3': {minWidth: 12},
-  'min-w-3.5': {minWidth: 14},
-  'min-w-4': {minWidth: 16},
-  'min-w-5': {minWidth: 20},
-  'min-w-6': {minWidth: 24},
-  'min-w-7': {minWidth: 28},
-  'min-w-8': {minWidth: 32},
-  'min-w-9': {minWidth: 36},
-  'min-w-10': {minWidth: 40},
-  'min-w-11': {minWidth: 44},
-  'min-w-12': {minWidth: 48},
-  'min-w-14': {minWidth: 56},
-  'min-w-16': {minWidth: 64},
-  'min-w-20': {minWidth: 80},
-  'min-w-24': {minWidth: 96},
-  'min-w-28': {minWidth: 112},
-  'min-w-32': {minWidth: 128},
-  'min-w-36': {minWidth: 144},
-  'min-w-40': {minWidth: 160},
-  'min-w-44': {minWidth: 176},
-  'min-w-48': {minWidth: 192},
-  'min-w-52': {minWidth: 208},
-  'min-w-56': {minWidth: 224},
-  'min-w-60': {minWidth: 240},
-  'min-w-64': {minWidth: 256},
-  'min-w-72': {minWidth: 288},
-  'min-w-80': {minWidth: 320},
-  'min-w-96': {minWidth: 384},
-  'min-w-1/2': {minWidth: '50%'},
-  'min-w-1/3': {minWidth: '33.333333%'},
-  'min-w-2/3': {minWidth: '66.666667%'},
-  'min-w-1/4': {minWidth: '25%'},
-  'min-w-3/4': {minWidth: '75%'},
-  'min-w-1/5': {minWidth: '20%'},
-  'min-w-2/5': {minWidth: '40%'},
-  'min-w-3/5': {minWidth: '60%'},
-  'min-w-4/5': {minWidth: '80%'},
-  'min-w-full': {minWidth: '100%'},
-  'min-w-screen': {minWidth: device.width},
-});
-
-const heightNoneScaleStyles = StyleSheet.create({
-  h: {height: 1},
-  'h-0': {height: 0},
-  'h-0.5': {height: 2},
-  'h-1': {height: 4},
-  'h-1.5': {height: 6},
-  'h-2': {height: 8},
-  'h-2.5': {height: 10},
-  'h-3': {height: 12},
-  'h-3.5': {height: 14},
-  'h-4': {height: 16},
-  'h-5': {height: 20},
-  'h-6': {height: 24},
-  'h-7': {height: 28},
-  'h-8': {height: 32},
-  'h-9': {height: 36},
-  'h-10': {height: 40},
-  'h-11': {height: 44},
-  'h-12': {height: 48},
-  'h-14': {height: 56},
-  'h-16': {height: 64},
-  'h-20': {height: 80},
-  'h-24': {height: 96},
-  'h-28': {height: 112},
-  'h-32': {height: 128},
-  'h-36': {height: 144},
-  'h-40': {height: 160},
-  'h-44': {height: 176},
-  'h-48': {height: 192},
-  'h-52': {height: 208},
-  'h-56': {height: 224},
-  'h-60': {height: 240},
-  'h-64': {height: 256},
-  'h-72': {height: 288},
-  'h-80': {height: 320},
-  'h-96': {height: 384},
-  'h-1/2': {height: '50%'},
-  'h-1/3': {height: '33.333333%'},
-  'h-2/3': {height: '66.666667%'},
-  'h-1/4': {height: '25%'},
-  'h-3/4': {height: '75%'},
-  'h-1/5': {height: '20%'},
-  'h-2/5': {height: '40%'},
-  'h-3/5': {height: '60%'},
-  'h-4/5': {height: '80%'},
-  'h-full': {height: '100%'},
-  'h-screen': {height: device.height},
-});
-
-export const classSizeStyle = {
-  ...widthStyles,
-  ...heightStyles,
-};
-
-export const classSizeNoneScaleStyle = {
-  ...widthNoneScaleStyles,
-  ...heightNoneScaleStyles,
-};
diff --git a/src/styles/Text.styles.ts b/src/styles/Text.styles.ts
deleted file mode 100644
index fec43bd..0000000
--- a/src/styles/Text.styles.ts
+++ /dev/null
@@ -1,411 +0,0 @@
-import {StyleSheet} from 'react-native';
-import {fontSize, moderateScale} from '../utils';
-
-const textColorStyle = StyleSheet.create({
-  'text-amber-100': {color: 'rgb(254,243,199)'},
-  'text-amber-200': {color: 'rgb(253,230,138)'},
-  'text-amber-300': {color: 'rgb(252,211,77)'},
-  'text-amber-400': {color: 'rgb(251,191,36)'},
-  'text-amber-50': {color: 'rgb(255,251,235)'},
-  'text-amber-500': {color: 'rgb(245,158,11)'},
-  'text-amber-600': {color: 'rgb(217,119,6)'},
-  'text-amber-700': {color: 'rgb(180,83,9)'},
-  'text-amber-800': {color: 'rgb(146,64,14)'},
-  'text-amber-900': {color: 'rgb(120,53,15)'},
-  'text-amber-950': {color: 'rgb(69,26,3)'},
-  'text-black': {color: 'rgb(0,0,0)'},
-  'text-blue-100': {color: 'rgb(219,234,254)'},
-  'text-blue-200': {color: 'rgb(191,219,254)'},
-  'text-blue-300': {color: 'rgb(147,197,253)'},
-  'text-blue-400': {color: 'rgb(96,165,250)'},
-  'text-blue-50': {color: 'rgb(239,246,255)'},
-  'text-blue-500': {color: 'rgb(59,130,246)'},
-  'text-blue-600': {color: 'rgb(37,99,235)'},
-  'text-blue-700': {color: 'rgb(29,78,216)'},
-  'text-blue-800': {color: 'rgb(30,64,175)'},
-  'text-blue-900': {color: 'rgb(30,58,138)'},
-  'text-blue-950': {color: 'rgb(23,37,84)'},
-  'text-cyan-100': {color: 'rgb(207,250,254)'},
-  'text-cyan-200': {color: 'rgb(165,243,252)'},
-  'text-cyan-300': {color: 'rgb(103,232,249)'},
-  'text-cyan-400': {color: 'rgb(34,211,238)'},
-  'text-cyan-50': {color: 'rgb(236,254,255)'},
-  'text-cyan-500': {color: 'rgb(6,182,212)'},
-  'text-cyan-600': {color: 'rgb(8,145,178)'},
-  'text-cyan-700': {color: 'rgb(14,116,144)'},
-  'text-cyan-800': {color: 'rgb(21,94,117)'},
-  'text-cyan-900': {color: 'rgb(22,78,99)'},
-  'text-cyan-950': {color: 'rgb(8,51,68)'},
-  'text-emerald-100': {color: 'rgb(209,250,229)'},
-  'text-emerald-200': {color: 'rgb(167,243,208)'},
-  'text-emerald-300': {color: 'rgb(110,231,183)'},
-  'text-emerald-400': {color: 'rgb(52,211,153)'},
-  'text-emerald-50': {color: 'rgb(236,253,245)'},
-  'text-emerald-500': {color: 'rgb(16,185,129)'},
-  'text-emerald-600': {color: 'rgb(5,150,105)'},
-  'text-emerald-700': {color: 'rgb(4,120,87)'},
-  'text-emerald-800': {color: 'rgb(6,95,70)'},
-  'text-emerald-900': {color: 'rgb(6,78,59)'},
-  'text-emerald-950': {color: 'rgb(2,44,34)'},
-  'text-fuchsia-100': {color: 'rgb(250,232,255)'},
-  'text-fuchsia-200': {color: 'rgb(245,208,254)'},
-  'text-fuchsia-300': {color: 'rgb(240,171,252)'},
-  'text-fuchsia-400': {color: 'rgb(232,121,249)'},
-  'text-fuchsia-50': {color: 'rgb(253,244,255)'},
-  'text-fuchsia-500': {color: 'rgb(217,70,239)'},
-  'text-fuchsia-600': {color: 'rgb(192,38,211)'},
-  'text-fuchsia-700': {color: 'rgb(162,28,175)'},
-  'text-fuchsia-800': {color: 'rgb(134,25,143)'},
-  'text-fuchsia-900': {color: 'rgb(112,26,117)'},
-  'text-fuchsia-950': {color: 'rgb(74,4,78)'},
-  'text-gray-100': {color: 'rgb(243,244,246)'},
-  'text-gray-200': {color: 'rgb(229,231,235)'},
-  'text-gray-300': {color: 'rgb(209,213,219)'},
-  'text-gray-400': {color: 'rgb(156,163,175)'},
-  'text-gray-50': {color: 'rgb(249,250,251)'},
-  'text-gray-500': {color: 'rgb(107,114,128)'},
-  'text-gray-600': {color: 'rgb(75,85,99)'},
-  'text-gray-700': {color: 'rgb(55,65,81)'},
-  'text-gray-800': {color: 'rgb(31,41,55)'},
-  'text-gray-900': {color: 'rgb(17,24,39)'},
-  'text-gray-950': {color: 'rgb(3,7,18)'},
-  'text-green-100': {color: 'rgb(220,252,231)'},
-  'text-green-200': {color: 'rgb(187,247,208)'},
-  'text-green-300': {color: 'rgb(134,239,172)'},
-  'text-green-400': {color: 'rgb(74,222,128)'},
-  'text-green-50': {color: 'rgb(240,253,244)'},
-  'text-green-500': {color: 'rgb(34,197,94)'},
-  'text-green-600': {color: 'rgb(22,163,74)'},
-  'text-green-700': {color: 'rgb(21,128,61)'},
-  'text-green-800': {color: 'rgb(22,101,52)'},
-  'text-green-900': {color: 'rgb(20,83,45)'},
-  'text-green-950': {color: 'rgb(5,46,22)'},
-  'text-indigo-100': {color: 'rgb(224,231,255)'},
-  'text-indigo-200': {color: 'rgb(199,210,254)'},
-  'text-indigo-300': {color: 'rgb(165,180,252)'},
-  'text-indigo-400': {color: 'rgb(129,140,248)'},
-  'text-indigo-50': {color: 'rgb(238,242,255)'},
-  'text-indigo-500': {color: 'rgb(99,102,241)'},
-  'text-indigo-600': {color: 'rgb(79,70,229)'},
-  'text-indigo-700': {color: 'rgb(67,56,202)'},
-  'text-indigo-800': {color: 'rgb(55,48,163)'},
-  'text-indigo-900': {color: 'rgb(49,46,129)'},
-  'text-indigo-950': {color: 'rgb(30,27,75)'},
-  'text-lime-100': {color: 'rgb(236,252,203)'},
-  'text-lime-200': {color: 'rgb(217,249,157)'},
-  'text-lime-300': {color: 'rgb(190,242,100)'},
-  'text-lime-400': {color: 'rgb(163,230,53)'},
-  'text-lime-50': {color: 'rgb(247,254,231)'},
-  'text-lime-500': {color: 'rgb(132,204,22)'},
-  'text-lime-600': {color: 'rgb(101,163,13)'},
-  'text-lime-700': {color: 'rgb(77,124,15)'},
-  'text-lime-800': {color: 'rgb(63,98,18)'},
-  'text-lime-900': {color: 'rgb(54,83,20)'},
-  'text-lime-950': {color: 'rgb(26,46,5)'},
-  'text-neutral-100': {color: 'rgb(245,245,245)'},
-  'text-neutral-200': {color: 'rgb(229,229,229)'},
-  'text-neutral-300': {color: 'rgb(212,212,212)'},
-  'text-neutral-400': {color: 'rgb(163,163,163)'},
-  'text-neutral-50': {color: 'rgb(250,250,250)'},
-  'text-neutral-500': {color: 'rgb(115,115,115)'},
-  'text-neutral-600': {color: 'rgb(82,82,82)'},
-  'text-neutral-700': {color: 'rgb(64,64,64)'},
-  'text-neutral-800': {color: 'rgb(38,38,38)'},
-  'text-neutral-900': {color: 'rgb(23,23,23)'},
-  'text-neutral-950': {color: 'rgb(10,10,10)'},
-  'text-orange-100': {color: 'rgb(255,237,213)'},
-  'text-orange-200': {color: 'rgb(254,215,170)'},
-  'text-orange-300': {color: 'rgb(253,186,116)'},
-  'text-orange-400': {color: 'rgb(251,146,60)'},
-  'text-orange-50': {color: 'rgb(255,247,237)'},
-  'text-orange-500': {color: 'rgb(249,115,22)'},
-  'text-orange-600': {color: 'rgb(234,88,12)'},
-  'text-orange-700': {color: 'rgb(194,65,12)'},
-  'text-orange-800': {color: 'rgb(154,52,18)'},
-  'text-orange-900': {color: 'rgb(124,45,18)'},
-  'text-orange-950': {color: 'rgb(67,20,7)'},
-  'text-over-light': {color: 'rgba(113, 114, 122, 0.17)'},
-  'text-over-shadow': {color: 'rgba(0, 0, 0, 0.45)'},
-  'text-pink-100': {color: 'rgb(252,231,243)'},
-  'text-pink-200': {color: 'rgb(251,207,232)'},
-  'text-pink-300': {color: 'rgb(249,168,212)'},
-  'text-pink-400': {color: 'rgb(244,114,182)'},
-  'text-pink-50': {color: 'rgb(253,242,248)'},
-  'text-pink-500': {color: 'rgb(236,72,153)'},
-  'text-pink-600': {color: 'rgb(219,39,119)'},
-  'text-pink-700': {color: 'rgb(190,24,93)'},
-  'text-pink-800': {color: 'rgb(157,23,77)'},
-  'text-pink-900': {color: 'rgb(131,24,67)'},
-  'text-pink-950': {color: 'rgb(80,7,36)'},
-  'text-purple-100': {color: 'rgb(243,232,255)'},
-  'text-purple-200': {color: 'rgb(233,213,255)'},
-  'text-purple-300': {color: 'rgb(216,180,254)'},
-  'text-purple-400': {color: 'rgb(192,132,252)'},
-  'text-purple-50': {color: 'rgb(250,245,255)'},
-  'text-purple-500': {color: 'rgb(168,85,247)'},
-  'text-purple-600': {color: 'rgb(147,51,234)'},
-  'text-purple-700': {color: 'rgb(126,34,206)'},
-  'text-purple-800': {color: 'rgb(107,33,168)'},
-  'text-purple-900': {color: 'rgb(88,28,135)'},
-  'text-purple-950': {color: 'rgb(59,7,100)'},
-  'text-red-100': {color: 'rgb(254,226,226)'},
-  'text-red-200': {color: 'rgb(254,202,202)'},
-  'text-red-300': {color: 'rgb(252,165,165)'},
-  'text-red-400': {color: 'rgb(248,113,113)'},
-  'text-red-50': {color: 'rgb(254,242,242)'},
-  'text-red-500': {color: 'rgb(239,68,68)'},
-  'text-red-600': {color: 'rgb(220,38,38)'},
-  'text-red-700': {color: 'rgb(185,28,28)'},
-  'text-red-800': {color: 'rgb(153,27,27)'},
-  'text-red-900': {color: 'rgb(127,29,29)'},
-  'text-red-950': {color: 'rgb(69,10,10)'},
-  'text-rose-100': {color: 'rgb(255,228,230)'},
-  'text-rose-200': {color: 'rgb(254,205,211)'},
-  'text-rose-300': {color: 'rgb(253,164,175)'},
-  'text-rose-400': {color: 'rgb(251,113,133)'},
-  'text-rose-50': {color: 'rgb(255,241,242)'},
-  'text-rose-500': {color: 'rgb(244,63,94)'},
-  'text-rose-600': {color: 'rgb(225,29,72)'},
-  'text-rose-700': {color: 'rgb(190,18,60)'},
-  'text-rose-800': {color: 'rgb(159,18,57)'},
-  'text-rose-900': {color: 'rgb(136,19,55)'},
-  'text-rose-950': {color: 'rgb(76,5,25)'},
-  'text-sky-100': {color: 'rgb(224,242,254)'},
-  'text-sky-200': {color: 'rgb(186,230,253)'},
-  'text-sky-300': {color: 'rgb(125,211,252)'},
-  'text-sky-400': {color: 'rgb(56,189,248)'},
-  'text-sky-50': {color: 'rgb(240,249,255)'},
-  'text-sky-500': {color: 'rgb(14,165,233)'},
-  'text-sky-600': {color: 'rgb(2,132,199)'},
-  'text-sky-700': {color: 'rgb(3,105,161)'},
-  'text-sky-800': {color: 'rgb(7,89,133)'},
-  'text-sky-900': {color: 'rgb(12,74,110)'},
-  'text-sky-950': {color: 'rgb(8,47,73)'},
-  'text-slate-100': {color: 'rgb(241,245,249)'},
-  'text-slate-200': {color: 'rgb(226,232,240)'},
-  'text-slate-300': {color: 'rgb(203,213,225)'},
-  'text-slate-400': {color: 'rgb(148,163,184)'},
-  'text-slate-50': {color: 'rgb(248,250,252)'},
-  'text-slate-500': {color: 'rgb(100,116,139)'},
-  'text-slate-600': {color: 'rgb(71,85,105)'},
-  'text-slate-700': {color: 'rgb(51,65,85)'},
-  'text-slate-800': {color: 'rgb(30,41,59)'},
-  'text-slate-900': {color: 'rgb(15,23,42)'},
-  'text-slate-950': {color: 'rgb(2,6,23)'},
-  'text-stone-100': {color: 'rgb(245,245,244)'},
-  'text-stone-200': {color: 'rgb(231,229,228)'},
-  'text-stone-300': {color: 'rgb(214,211,209)'},
-  'text-stone-400': {color: 'rgb(168,162,158)'},
-  'text-stone-50': {color: 'rgb(250,250,249)'},
-  'text-stone-500': {color: 'rgb(120,113,108)'},
-  'text-stone-600': {color: 'rgb(87,83,78)'},
-  'text-stone-700': {color: 'rgb(68,64,60)'},
-  'text-stone-800': {color: 'rgb(41,37,36)'},
-  'text-stone-900': {color: 'rgb(28,25,23)'},
-  'text-stone-950': {color: 'rgb(12,10,9)'},
-  'text-teal-100': {color: 'rgb(204,251,241)'},
-  'text-teal-200': {color: 'rgb(153,246,228)'},
-  'text-teal-300': {color: 'rgb(94,234,212)'},
-  'text-teal-400': {color: 'rgb(45,212,191)'},
-  'text-teal-50': {color: 'rgb(240,253,250)'},
-  'text-teal-500': {color: 'rgb(20,184,166)'},
-  'text-teal-600': {color: 'rgb(13,148,136)'},
-  'text-teal-700': {color: 'rgb(15,118,110)'},
-  'text-teal-800': {color: 'rgb(17,94,89)'},
-  'text-teal-900': {color: 'rgb(19,78,74)'},
-  'text-teal-950': {color: 'rgb(4,47,46)'},
-  'text-transparent': {color: 'transparent'},
-  'text-violet-100': {color: 'rgb(237,233,254)'},
-  'text-violet-200': {color: 'rgb(221,214,254)'},
-  'text-violet-300': {color: 'rgb(196,181,253)'},
-  'text-violet-400': {color: 'rgb(167,139,250)'},
-  'text-violet-50': {color: 'rgb(245,243,255)'},
-  'text-violet-500': {color: 'rgb(139,92,246)'},
-  'text-violet-600': {color: 'rgb(124,58,237)'},
-  'text-violet-700': {color: 'rgb(109,40,217)'},
-  'text-violet-800': {color: 'rgb(91,33,182)'},
-  'text-violet-900': {color: 'rgb(76,29,149)'},
-  'text-violet-950': {color: 'rgb(46,16,101)'},
-  'text-white': {color: 'rgb(255,255,255)'},
-  'text-yellow-100': {color: 'rgb(254,249,195)'},
-  'text-yellow-200': {color: 'rgb(254,240,138)'},
-  'text-yellow-300': {color: 'rgb(253,224,71)'},
-  'text-yellow-400': {color: 'rgb(250,204,21)'},
-  'text-yellow-50': {color: 'rgb(254,252,232)'},
-  'text-yellow-500': {color: 'rgb(234,179,8)'},
-  'text-yellow-600': {color: 'rgb(202,138,4)'},
-  'text-yellow-700': {color: 'rgb(161,98,7)'},
-  'text-yellow-800': {color: 'rgb(133,77,14)'},
-  'text-yellow-900': {color: 'rgb(113,63,18)'},
-  'text-yellow-950': {color: 'rgb(66,32,6)'},
-  'text-zinc-100': {color: 'rgb(244,244,245)'},
-  'text-zinc-200': {color: 'rgb(228,228,231)'},
-  'text-zinc-300': {color: 'rgb(212,212,216)'},
-  'text-zinc-400': {color: 'rgb(161,161,170)'},
-  'text-zinc-50': {color: 'rgb(250,250,250)'},
-  'text-zinc-500': {color: 'rgb(113,113,122)'},
-  'text-zinc-600': {color: 'rgb(82,82,91)'},
-  'text-zinc-700': {color: 'rgb(63,63,70)'},
-  'text-zinc-800': {color: 'rgb(39,39,42)'},
-  'text-zinc-900': {color: 'rgb(24,24,27)'},
-  'text-zinc-950': {color: 'rgb(9,9,11)'},
-});
-
-export const textFontSizeStyle = StyleSheet.create({
-  'text-xs': {
-    fontSize: fontSize(10),
-    lineHeight: moderateScale(18),
-  },
-  'text-sm': {
-    fontSize: fontSize(12),
-    lineHeight: moderateScale(20),
-  },
-  'text-base': {
-    fontSize: fontSize(14),
-    lineHeight: moderateScale(22),
-  },
-  'text-md': {
-    fontSize: fontSize(16),
-    lineHeight: moderateScale(24),
-  },
-  'text-lg': {
-    fontSize: fontSize(18),
-    lineHeight: moderateScale(26),
-  },
-  'text-xl': {
-    fontSize: fontSize(20),
-    lineHeight: moderateScale(26),
-  },
-  'text-2xl': {
-    fontSize: fontSize(24),
-    lineHeight: moderateScale(32),
-  },
-  'text-3xl': {
-    fontSize: fontSize(30),
-    lineHeight: moderateScale(36),
-  },
-  'text-4xl': {
-    fontSize: fontSize(36),
-    lineHeight: moderateScale(40),
-  },
-  'text-5xl': {
-    fontSize: fontSize(48),
-  },
-  'text-6xl': {
-    fontSize: fontSize(60),
-  },
-  'text-7xl': {
-    fontSize: fontSize(72),
-  },
-  'text-8xl': {
-    fontSize: fontSize(96),
-  },
-  'text-9xl': {
-    fontSize: fontSize(128),
-  },
-});
-
-export const textFontSizeNoneScaleStyle = StyleSheet.create({
-  'text-xs': {
-    fontSize: 10,
-    lineHeight: 18,
-  },
-  'text-sm': {
-    fontSize: 12,
-    lineHeight: 20,
-  },
-  'text-base': {
-    fontSize: 14,
-    lineHeight: 22,
-  },
-  'text-md': {
-    fontSize: 16,
-    lineHeight: 24,
-  },
-  'text-lg': {
-    fontSize: 18,
-    lineHeight: 26,
-  },
-  'text-xl': {
-    fontSize: 20,
-    lineHeight: 26,
-  },
-  'text-2xl': {
-    fontSize: 24,
-    lineHeight: 32,
-  },
-  'text-3xl': {
-    fontSize: 30,
-    lineHeight: 36,
-  },
-  'text-4xl': {
-    fontSize: 36,
-    lineHeight: 40,
-  },
-  'text-5xl': {
-    fontSize: 48,
-  },
-  'text-6xl': {
-    fontSize: 60,
-  },
-  'text-7xl': {
-    fontSize: 72,
-  },
-  'text-8xl': {
-    fontSize: 96,
-  },
-  'text-9xl': {
-    fontSize: 128,
-  },
-});
-
-const textFontStyle = StyleSheet.create({
-  'text-center': {
-    textAlign: 'center',
-  },
-  'text-left': {
-    textAlign: 'left',
-  },
-  'text-right': {
-    textAlign: 'right',
-  },
-  'text-auto': {
-    textAlign: 'auto',
-  },
-  'text-justify': {
-    textAlign: 'justify',
-  },
-  'font-thin': {
-    fontWeight: '100',
-  },
-  'font-extraLight': {
-    fontWeight: '200',
-  },
-  'font-light': {
-    fontWeight: '300',
-  },
-  'font-normal': {
-    fontWeight: '400',
-  },
-  'font-medium': {
-    fontWeight: '500',
-  },
-  'font-semibold': {
-    fontWeight: '600',
-  },
-  'font-bold': {
-    fontWeight: '700',
-  },
-  'font-extrabold': {
-    fontWeight: '800',
-  },
-  'font-black': {
-    fontWeight: '900',
-  },
-});
-
-export const textStyles = {
-  ...textColorStyle,
-  ...textFontSizeStyle,
-  ...textFontStyle,
-};
diff --git a/src/styles/Theme.styles.ts b/src/styles/Theme.styles.ts
new file mode 100644
index 0000000..7e02e3a
--- /dev/null
+++ b/src/styles/Theme.styles.ts
@@ -0,0 +1,68 @@
+import {StyleSheet} from 'react-native';
+import {CONFIG_BOX} from '../config';
+import {createBaseStyles, createSpaceStyles} from '../utils/styles';
+
+const colorPropertiesKey = {
+  bg: 'backgroundColor',
+  text: 'color',
+  border: 'borderColor',
+  'border-top': 'borderTopColor',
+  'border-bottom': 'borderBottomColor',
+  'border-left': 'borderLeftColor',
+  'border-right': 'borderRightColor',
+  'border-x': 'borderLeftColor borderRightColor',
+  'border-y': 'borderTopColor borderBottomColor',
+  shadow: 'shadowColor',
+};
+
+export const sizeStylesType = {
+  gap: 'gap',
+  'row-gap': 'rowGap',
+  'col-gap': 'columnGap',
+  m: 'margin',
+  mt: 'marginTop',
+  ml: 'marginLeft',
+  mb: 'marginBottom',
+  mr: 'marginRight',
+  mx: 'marginHorizontal',
+  my: 'marginVertical',
+  p: 'padding',
+  pt: 'paddingTop',
+  pl: 'paddingLeft',
+  pb: 'paddingBottom',
+  pr: 'paddingRight',
+  px: 'paddingHorizontal',
+  py: 'paddingVertical',
+  w: 'width',
+  'max-w': 'maxWidth',
+  'min-w': 'minWidth',
+  h: 'height',
+  'max-h': 'maxHeight',
+  'min-h': 'minHeight',
+  top: 'top',
+  left: 'left',
+  right: 'right',
+  bottom: 'bottom',
+};
+
+export const roundedStylesType = {
+  rounded: 'borderRadius',
+  'rounded-tl': 'borderTopLeftRadius',
+  'rounded-tr': 'borderTopRightRadius',
+  'rounded-bl': 'borderBottomLeftRadius',
+  'rounded-br': 'borderBottomRightRadius',
+  'rounded-t': 'borderTopLeftRadius borderTopRightRadius',
+  'rounded-b': 'borderBottomLeftRadius borderBottomRightRadius',
+  'rounded-l': 'borderTopLeftRadius borderBottomLeftRadius',
+  'rounded-r': 'borderTopRightRadius borderBottomRightRadius',
+};
+
+export const styleConfig = StyleSheet.create({
+  ...createBaseStyles(CONFIG_BOX.colors, colorPropertiesKey, true),
+  ...createSpaceStyles(CONFIG_BOX.space.rounded, roundedStylesType, true),
+  ...createSpaceStyles(CONFIG_BOX.space.size, sizeStylesType),
+  ...createSpaceStyles(CONFIG_BOX.space.text, {text: 'fontSize'}),
+  ...createSpaceStyles(CONFIG_BOX.space['line-height'], {
+    'line-height': 'lineHeight',
+  }),
+});
diff --git a/src/styles/background.styles.ts b/src/styles/background.styles.ts
deleted file mode 100644
index c714d68..0000000
--- a/src/styles/background.styles.ts
+++ /dev/null
@@ -1,251 +0,0 @@
-import {StyleSheet} from 'react-native';
-
-export const backgroundColorStyle = StyleSheet.create({
-  'bg-amber-100': {backgroundColor: 'rgb(254,243,199)'},
-  'bg-amber-200': {backgroundColor: 'rgb(253,230,138)'},
-  'bg-amber-300': {backgroundColor: 'rgb(252,211,77)'},
-  'bg-amber-400': {backgroundColor: 'rgb(251,191,36)'},
-  'bg-amber-50': {backgroundColor: 'rgb(255,251,235)'},
-  'bg-amber-500': {backgroundColor: 'rgb(245,158,11)'},
-  'bg-amber-600': {backgroundColor: 'rgb(217,119,6)'},
-  'bg-amber-700': {backgroundColor: 'rgb(180,83,9)'},
-  'bg-amber-800': {backgroundColor: 'rgb(146,64,14)'},
-  'bg-amber-900': {backgroundColor: 'rgb(120,53,15)'},
-  'bg-amber-950': {backgroundColor: 'rgb(69,26,3)'},
-  'bg-black': {backgroundColor: 'rgb(0,0,0)'},
-  'bg-blue-100': {backgroundColor: 'rgb(219,234,254)'},
-  'bg-blue-200': {backgroundColor: 'rgb(191,219,254)'},
-  'bg-blue-300': {backgroundColor: 'rgb(147,197,253)'},
-  'bg-blue-400': {backgroundColor: 'rgb(96,165,250)'},
-  'bg-blue-50': {backgroundColor: 'rgb(239,246,255)'},
-  'bg-blue-500': {backgroundColor: 'rgb(59,130,246)'},
-  'bg-blue-600': {backgroundColor: 'rgb(37,99,235)'},
-  'bg-blue-700': {backgroundColor: 'rgb(29,78,216)'},
-  'bg-blue-800': {backgroundColor: 'rgb(30,64,175)'},
-  'bg-blue-900': {backgroundColor: 'rgb(30,58,138)'},
-  'bg-blue-950': {backgroundColor: 'rgb(23,37,84)'},
-  'bg-cyan-100': {backgroundColor: 'rgb(207,250,254)'},
-  'bg-cyan-200': {backgroundColor: 'rgb(165,243,252)'},
-  'bg-cyan-300': {backgroundColor: 'rgb(103,232,249)'},
-  'bg-cyan-400': {backgroundColor: 'rgb(34,211,238)'},
-  'bg-cyan-50': {backgroundColor: 'rgb(236,254,255)'},
-  'bg-cyan-500': {backgroundColor: 'rgb(6,182,212)'},
-  'bg-cyan-600': {backgroundColor: 'rgb(8,145,178)'},
-  'bg-cyan-700': {backgroundColor: 'rgb(14,116,144)'},
-  'bg-cyan-800': {backgroundColor: 'rgb(21,94,117)'},
-  'bg-cyan-900': {backgroundColor: 'rgb(22,78,99)'},
-  'bg-cyan-950': {backgroundColor: 'rgb(8,51,68)'},
-  'bg-emerald-100': {backgroundColor: 'rgb(209,250,229)'},
-  'bg-emerald-200': {backgroundColor: 'rgb(167,243,208)'},
-  'bg-emerald-300': {backgroundColor: 'rgb(110,231,183)'},
-  'bg-emerald-400': {backgroundColor: 'rgb(52,211,153)'},
-  'bg-emerald-50': {backgroundColor: 'rgb(236,253,245)'},
-  'bg-emerald-500': {backgroundColor: 'rgb(16,185,129)'},
-  'bg-emerald-600': {backgroundColor: 'rgb(5,150,105)'},
-  'bg-emerald-700': {backgroundColor: 'rgb(4,120,87)'},
-  'bg-emerald-800': {backgroundColor: 'rgb(6,95,70)'},
-  'bg-emerald-900': {backgroundColor: 'rgb(6,78,59)'},
-  'bg-emerald-950': {backgroundColor: 'rgb(2,44,34)'},
-  'bg-fuchsia-100': {backgroundColor: 'rgb(250,232,255)'},
-  'bg-fuchsia-200': {backgroundColor: 'rgb(245,208,254)'},
-  'bg-fuchsia-300': {backgroundColor: 'rgb(240,171,252)'},
-  'bg-fuchsia-400': {backgroundColor: 'rgb(232,121,249)'},
-  'bg-fuchsia-50': {backgroundColor: 'rgb(253,244,255)'},
-  'bg-fuchsia-500': {backgroundColor: 'rgb(217,70,239)'},
-  'bg-fuchsia-600': {backgroundColor: 'rgb(192,38,211)'},
-  'bg-fuchsia-700': {backgroundColor: 'rgb(162,28,175)'},
-  'bg-fuchsia-800': {backgroundColor: 'rgb(134,25,143)'},
-  'bg-fuchsia-900': {backgroundColor: 'rgb(112,26,117)'},
-  'bg-fuchsia-950': {backgroundColor: 'rgb(74,4,78)'},
-  'bg-gray-100': {backgroundColor: 'rgb(243,244,246)'},
-  'bg-gray-200': {backgroundColor: 'rgb(229,231,235)'},
-  'bg-gray-300': {backgroundColor: 'rgb(209,213,219)'},
-  'bg-gray-400': {backgroundColor: 'rgb(156,163,175)'},
-  'bg-gray-50': {backgroundColor: 'rgb(249,250,251)'},
-  'bg-gray-500': {backgroundColor: 'rgb(107,114,128)'},
-  'bg-gray-600': {backgroundColor: 'rgb(75,85,99)'},
-  'bg-gray-700': {backgroundColor: 'rgb(55,65,81)'},
-  'bg-gray-800': {backgroundColor: 'rgb(31,41,55)'},
-  'bg-gray-900': {backgroundColor: 'rgb(17,24,39)'},
-  'bg-gray-950': {backgroundColor: 'rgb(3,7,18)'},
-  'bg-green-100': {backgroundColor: 'rgb(220,252,231)'},
-  'bg-green-200': {backgroundColor: 'rgb(187,247,208)'},
-  'bg-green-300': {backgroundColor: 'rgb(134,239,172)'},
-  'bg-green-400': {backgroundColor: 'rgb(74,222,128)'},
-  'bg-green-50': {backgroundColor: 'rgb(240,253,244)'},
-  'bg-green-500': {backgroundColor: 'rgb(34,197,94)'},
-  'bg-green-600': {backgroundColor: 'rgb(22,163,74)'},
-  'bg-green-700': {backgroundColor: 'rgb(21,128,61)'},
-  'bg-green-800': {backgroundColor: 'rgb(22,101,52)'},
-  'bg-green-900': {backgroundColor: 'rgb(20,83,45)'},
-  'bg-green-950': {backgroundColor: 'rgb(5,46,22)'},
-  'bg-indigo-100': {backgroundColor: 'rgb(224,231,255)'},
-  'bg-indigo-200': {backgroundColor: 'rgb(199,210,254)'},
-  'bg-indigo-300': {backgroundColor: 'rgb(165,180,252)'},
-  'bg-indigo-400': {backgroundColor: 'rgb(129,140,248)'},
-  'bg-indigo-50': {backgroundColor: 'rgb(238,242,255)'},
-  'bg-indigo-500': {backgroundColor: 'rgb(99,102,241)'},
-  'bg-indigo-600': {backgroundColor: 'rgb(79,70,229)'},
-  'bg-indigo-700': {backgroundColor: 'rgb(67,56,202)'},
-  'bg-indigo-800': {backgroundColor: 'rgb(55,48,163)'},
-  'bg-indigo-900': {backgroundColor: 'rgb(49,46,129)'},
-  'bg-indigo-950': {backgroundColor: 'rgb(30,27,75)'},
-  'bg-lime-100': {backgroundColor: 'rgb(236,252,203)'},
-  'bg-lime-200': {backgroundColor: 'rgb(217,249,157)'},
-  'bg-lime-300': {backgroundColor: 'rgb(190,242,100)'},
-  'bg-lime-400': {backgroundColor: 'rgb(163,230,53)'},
-  'bg-lime-50': {backgroundColor: 'rgb(247,254,231)'},
-  'bg-lime-500': {backgroundColor: 'rgb(132,204,22)'},
-  'bg-lime-600': {backgroundColor: 'rgb(101,163,13)'},
-  'bg-lime-700': {backgroundColor: 'rgb(77,124,15)'},
-  'bg-lime-800': {backgroundColor: 'rgb(63,98,18)'},
-  'bg-lime-900': {backgroundColor: 'rgb(54,83,20)'},
-  'bg-lime-950': {backgroundColor: 'rgb(26,46,5)'},
-  'bg-neutral-100': {backgroundColor: 'rgb(245,245,245)'},
-  'bg-neutral-200': {backgroundColor: 'rgb(229,229,229)'},
-  'bg-neutral-300': {backgroundColor: 'rgb(212,212,212)'},
-  'bg-neutral-400': {backgroundColor: 'rgb(163,163,163)'},
-  'bg-neutral-50': {backgroundColor: 'rgb(250,250,250)'},
-  'bg-neutral-500': {backgroundColor: 'rgb(115,115,115)'},
-  'bg-neutral-600': {backgroundColor: 'rgb(82,82,82)'},
-  'bg-neutral-700': {backgroundColor: 'rgb(64,64,64)'},
-  'bg-neutral-800': {backgroundColor: 'rgb(38,38,38)'},
-  'bg-neutral-900': {backgroundColor: 'rgb(23,23,23)'},
-  'bg-neutral-950': {backgroundColor: 'rgb(10,10,10)'},
-  'bg-orange-100': {backgroundColor: 'rgb(255,237,213)'},
-  'bg-orange-200': {backgroundColor: 'rgb(254,215,170)'},
-  'bg-orange-300': {backgroundColor: 'rgb(253,186,116)'},
-  'bg-orange-400': {backgroundColor: 'rgb(251,146,60)'},
-  'bg-orange-50': {backgroundColor: 'rgb(255,247,237)'},
-  'bg-orange-500': {backgroundColor: 'rgb(249,115,22)'},
-  'bg-orange-600': {backgroundColor: 'rgb(234,88,12)'},
-  'bg-orange-700': {backgroundColor: 'rgb(194,65,12)'},
-  'bg-orange-800': {backgroundColor: 'rgb(154,52,18)'},
-  'bg-orange-900': {backgroundColor: 'rgb(124,45,18)'},
-  'bg-orange-950': {backgroundColor: 'rgb(67,20,7)'},
-  'bg-over-light': {backgroundColor: 'rgba(113, 114, 122, 0.17)'},
-  'bg-over-shadow': {backgroundColor: 'rgba(0, 0, 0, 0.45)'},
-  'bg-pink-100': {backgroundColor: 'rgb(252,231,243)'},
-  'bg-pink-200': {backgroundColor: 'rgb(251,207,232)'},
-  'bg-pink-300': {backgroundColor: 'rgb(249,168,212)'},
-  'bg-pink-400': {backgroundColor: 'rgb(244,114,182)'},
-  'bg-pink-50': {backgroundColor: 'rgb(253,242,248)'},
-  'bg-pink-500': {backgroundColor: 'rgb(236,72,153)'},
-  'bg-pink-600': {backgroundColor: 'rgb(219,39,119)'},
-  'bg-pink-700': {backgroundColor: 'rgb(190,24,93)'},
-  'bg-pink-800': {backgroundColor: 'rgb(157,23,77)'},
-  'bg-pink-900': {backgroundColor: 'rgb(131,24,67)'},
-  'bg-pink-950': {backgroundColor: 'rgb(80,7,36)'},
-  'bg-purple-100': {backgroundColor: 'rgb(243,232,255)'},
-  'bg-purple-200': {backgroundColor: 'rgb(233,213,255)'},
-  'bg-purple-300': {backgroundColor: 'rgb(216,180,254)'},
-  'bg-purple-400': {backgroundColor: 'rgb(192,132,252)'},
-  'bg-purple-50': {backgroundColor: 'rgb(250,245,255)'},
-  'bg-purple-500': {backgroundColor: 'rgb(168,85,247)'},
-  'bg-purple-600': {backgroundColor: 'rgb(147,51,234)'},
-  'bg-purple-700': {backgroundColor: 'rgb(126,34,206)'},
-  'bg-purple-800': {backgroundColor: 'rgb(107,33,168)'},
-  'bg-purple-900': {backgroundColor: 'rgb(88,28,135)'},
-  'bg-purple-950': {backgroundColor: 'rgb(59,7,100)'},
-  'bg-red-100': {backgroundColor: 'rgb(254,226,226)'},
-  'bg-red-200': {backgroundColor: 'rgb(254,202,202)'},
-  'bg-red-300': {backgroundColor: 'rgb(252,165,165)'},
-  'bg-red-400': {backgroundColor: 'rgb(248,113,113)'},
-  'bg-red-50': {backgroundColor: 'rgb(254,242,242)'},
-  'bg-red-500': {backgroundColor: 'rgb(239,68,68)'},
-  'bg-red-600': {backgroundColor: 'rgb(220,38,38)'},
-  'bg-red-700': {backgroundColor: 'rgb(185,28,28)'},
-  'bg-red-800': {backgroundColor: 'rgb(153,27,27)'},
-  'bg-red-900': {backgroundColor: 'rgb(127,29,29)'},
-  'bg-red-950': {backgroundColor: 'rgb(69,10,10)'},
-  'bg-rose-100': {backgroundColor: 'rgb(255,228,230)'},
-  'bg-rose-200': {backgroundColor: 'rgb(254,205,211)'},
-  'bg-rose-300': {backgroundColor: 'rgb(253,164,175)'},
-  'bg-rose-400': {backgroundColor: 'rgb(251,113,133)'},
-  'bg-rose-50': {backgroundColor: 'rgb(255,241,242)'},
-  'bg-rose-500': {backgroundColor: 'rgb(244,63,94)'},
-  'bg-rose-600': {backgroundColor: 'rgb(225,29,72)'},
-  'bg-rose-700': {backgroundColor: 'rgb(190,18,60)'},
-  'bg-rose-800': {backgroundColor: 'rgb(159,18,57)'},
-  'bg-rose-900': {backgroundColor: 'rgb(136,19,55)'},
-  'bg-rose-950': {backgroundColor: 'rgb(76,5,25)'},
-  'bg-sky-100': {backgroundColor: 'rgb(224,242,254)'},
-  'bg-sky-200': {backgroundColor: 'rgb(186,230,253)'},
-  'bg-sky-300': {backgroundColor: 'rgb(125,211,252)'},
-  'bg-sky-400': {backgroundColor: 'rgb(56,189,248)'},
-  'bg-sky-50': {backgroundColor: 'rgb(240,249,255)'},
-  'bg-sky-500': {backgroundColor: 'rgb(14,165,233)'},
-  'bg-sky-600': {backgroundColor: 'rgb(2,132,199)'},
-  'bg-sky-700': {backgroundColor: 'rgb(3,105,161)'},
-  'bg-sky-800': {backgroundColor: 'rgb(7,89,133)'},
-  'bg-sky-900': {backgroundColor: 'rgb(12,74,110)'},
-  'bg-sky-950': {backgroundColor: 'rgb(8,47,73)'},
-  'bg-slate-100': {backgroundColor: 'rgb(241,245,249)'},
-  'bg-slate-200': {backgroundColor: 'rgb(226,232,240)'},
-  'bg-slate-300': {backgroundColor: 'rgb(203,213,225)'},
-  'bg-slate-400': {backgroundColor: 'rgb(148,163,184)'},
-  'bg-slate-50': {backgroundColor: 'rgb(248,250,252)'},
-  'bg-slate-500': {backgroundColor: 'rgb(100,116,139)'},
-  'bg-slate-600': {backgroundColor: 'rgb(71,85,105)'},
-  'bg-slate-700': {backgroundColor: 'rgb(51,65,85)'},
-  'bg-slate-800': {backgroundColor: 'rgb(30,41,59)'},
-  'bg-slate-900': {backgroundColor: 'rgb(15,23,42)'},
-  'bg-slate-950': {backgroundColor: 'rgb(2,6,23)'},
-  'bg-stone-100': {backgroundColor: 'rgb(245,245,244)'},
-  'bg-stone-200': {backgroundColor: 'rgb(231,229,228)'},
-  'bg-stone-300': {backgroundColor: 'rgb(214,211,209)'},
-  'bg-stone-400': {backgroundColor: 'rgb(168,162,158)'},
-  'bg-stone-50': {backgroundColor: 'rgb(250,250,249)'},
-  'bg-stone-500': {backgroundColor: 'rgb(120,113,108)'},
-  'bg-stone-600': {backgroundColor: 'rgb(87,83,78)'},
-  'bg-stone-700': {backgroundColor: 'rgb(68,64,60)'},
-  'bg-stone-800': {backgroundColor: 'rgb(41,37,36)'},
-  'bg-stone-900': {backgroundColor: 'rgb(28,25,23)'},
-  'bg-stone-950': {backgroundColor: 'rgb(12,10,9)'},
-  'bg-teal-100': {backgroundColor: 'rgb(204,251,241)'},
-  'bg-teal-200': {backgroundColor: 'rgb(153,246,228)'},
-  'bg-teal-300': {backgroundColor: 'rgb(94,234,212)'},
-  'bg-teal-400': {backgroundColor: 'rgb(45,212,191)'},
-  'bg-teal-50': {backgroundColor: 'rgb(240,253,250)'},
-  'bg-teal-500': {backgroundColor: 'rgb(20,184,166)'},
-  'bg-teal-600': {backgroundColor: 'rgb(13,148,136)'},
-  'bg-teal-700': {backgroundColor: 'rgb(15,118,110)'},
-  'bg-teal-800': {backgroundColor: 'rgb(17,94,89)'},
-  'bg-teal-900': {backgroundColor: 'rgb(19,78,74)'},
-  'bg-teal-950': {backgroundColor: 'rgb(4,47,46)'},
-  'bg-transparent': {backgroundColor: 'transparent'},
-  'bg-violet-100': {backgroundColor: 'rgb(237,233,254)'},
-  'bg-violet-200': {backgroundColor: 'rgb(221,214,254)'},
-  'bg-violet-300': {backgroundColor: 'rgb(196,181,253)'},
-  'bg-violet-400': {backgroundColor: 'rgb(167,139,250)'},
-  'bg-violet-50': {backgroundColor: 'rgb(245,243,255)'},
-  'bg-violet-500': {backgroundColor: 'rgb(139,92,246)'},
-  'bg-violet-600': {backgroundColor: 'rgb(124,58,237)'},
-  'bg-violet-700': {backgroundColor: 'rgb(109,40,217)'},
-  'bg-violet-800': {backgroundColor: 'rgb(91,33,182)'},
-  'bg-violet-900': {backgroundColor: 'rgb(76,29,149)'},
-  'bg-violet-950': {backgroundColor: 'rgb(46,16,101)'},
-  'bg-white': {backgroundColor: 'rgb(255,255,255)'},
-  'bg-yellow-100': {backgroundColor: 'rgb(254,249,195)'},
-  'bg-yellow-200': {backgroundColor: 'rgb(254,240,138)'},
-  'bg-yellow-300': {backgroundColor: 'rgb(253,224,71)'},
-  'bg-yellow-400': {backgroundColor: 'rgb(250,204,21)'},
-  'bg-yellow-50': {backgroundColor: 'rgb(254,252,232)'},
-  'bg-yellow-500': {backgroundColor: 'rgb(234,179,8)'},
-  'bg-yellow-600': {backgroundColor: 'rgb(202,138,4)'},
-  'bg-yellow-700': {backgroundColor: 'rgb(161,98,7)'},
-  'bg-yellow-800': {backgroundColor: 'rgb(133,77,14)'},
-  'bg-yellow-900': {backgroundColor: 'rgb(113,63,18)'},
-  'bg-yellow-950': {backgroundColor: 'rgb(66,32,6)'},
-  'bg-zinc-100': {backgroundColor: 'rgb(244,244,245)'},
-  'bg-zinc-200': {backgroundColor: 'rgb(228,228,231)'},
-  'bg-zinc-300': {backgroundColor: 'rgb(212,212,216)'},
-  'bg-zinc-400': {backgroundColor: 'rgb(161,161,170)'},
-  'bg-zinc-50': {backgroundColor: 'rgb(250,250,250)'},
-  'bg-zinc-500': {backgroundColor: 'rgb(113,113,122)'},
-  'bg-zinc-600': {backgroundColor: 'rgb(82,82,91)'},
-  'bg-zinc-700': {backgroundColor: 'rgb(63,63,70)'},
-  'bg-zinc-800': {backgroundColor: 'rgb(39,39,42)'},
-  'bg-zinc-900': {backgroundColor: 'rgb(24,24,27)'},
-  'bg-zinc-950': {backgroundColor: 'rgb(9,9,11)'},
-});
diff --git a/src/styles/common.styles.ts b/src/styles/common.styles.ts
new file mode 100644
index 0000000..94f88ea
--- /dev/null
+++ b/src/styles/common.styles.ts
@@ -0,0 +1,542 @@
+import {StyleSheet} from 'react-native';
+import {device} from '../utils';
+
+export const commonStyles = StyleSheet.create({
+  // Flex
+  'd-none': {display: 'none'},
+  'd-flex': {display: 'flex'},
+  'flex-1': {flex: 1},
+  'flex-wrap': {flexWrap: 'wrap'},
+  'flex-wrap-reverse': {flexWrap: 'wrap-reverse'},
+  'flex-nowrap': {flexWrap: 'nowrap'},
+  row: {flexDirection: 'row'},
+  'row-center': {flexDirection: 'row', alignItems: 'center'},
+  'row-v-center': {flexDirection: 'row', justifyContent: 'center'},
+  'row-reverse': {flexDirection: 'row-reverse'},
+  column: {flexDirection: 'column'},
+  'column-center': {flexDirection: 'column', justifyContent: 'center'},
+  'column-v-center': {flexDirection: 'column', alignItems: 'center'},
+  'column-reverse': {flexDirection: 'column-reverse'},
+  center: {justifyContent: 'center', alignItems: 'center'},
+  'self-center': {alignSelf: 'center'},
+  'self-start': {alignSelf: 'flex-start'},
+  'self-end': {alignSelf: 'flex-end'},
+  'self-stretch': {alignSelf: 'stretch'},
+  'self-auto': {alignSelf: 'auto'},
+  'self-baseline': {alignSelf: 'baseline'},
+  'justify-start': {justifyContent: 'flex-start'},
+  'justify-center': {justifyContent: 'center'},
+  'justify-end': {justifyContent: 'flex-end'},
+  'space-between': {justifyContent: 'space-between'},
+  'space-around': {justifyContent: 'space-around'},
+  'items-start': {alignItems: 'flex-start'},
+  'items-center': {alignItems: 'center'},
+  'items-baseline': {alignItems: 'baseline'},
+  'items-end': {alignItems: 'flex-end'},
+  'items-stretch': {alignItems: 'stretch'},
+  'content-start': {alignContent: 'flex-start'},
+  'content-center': {alignContent: 'center'},
+  'content-end': {alignContent: 'flex-end'},
+  'content-stretch': {alignContent: 'stretch'},
+  'content-between': {alignContent: 'space-between'},
+  'content-around': {alignContent: 'space-around'},
+  // Ratio
+  aspectRatio: {aspectRatio: 1},
+  'aspectRatio-16/9': {aspectRatio: 16 / 9},
+  'aspectRatio-4/3': {aspectRatio: 4 / 3},
+  'object-cover': {objectFit: 'cover'},
+  'object-contain': {objectFit: 'contain'},
+  'object-fill': {objectFit: 'fill'},
+  'object-scale-down': {objectFit: 'scale-down'},
+  // Position
+  absolute: {position: 'absolute'},
+  relative: {position: 'relative'},
+  '-z-1': {zIndex: -1, elevation: -1},
+  '-z-2': {zIndex: -2, elevation: -2},
+  '-z-3': {zIndex: -3, elevation: -3},
+  'z-0': {zIndex: 0, elevation: -0},
+  'z-1': {zIndex: 1, elevation: 1},
+  'z-2': {zIndex: 2, elevation: 2},
+  'z-3': {zIndex: 3, elevation: 3},
+  'z-4': {zIndex: 4, elevation: 4},
+  'z-5': {zIndex: 5, elevation: 5},
+  'z-6': {zIndex: 6, elevation: 6},
+  'z-7': {zIndex: 7, elevation: 7},
+  'z-8': {zIndex: 8, elevation: 8},
+  'z-9': {zIndex: 9, elevation: 9},
+  'z-99': {zIndex: 99, elevation: 99},
+  'z-999': {zIndex: 999, elevation: 999},
+  'z-9999': {zIndex: 9999, elevation: 9999},
+  // Opacity
+  'opacity-0': {opacity: 0},
+  'opacity-5': {opacity: 0.05},
+  'opacity-10': {opacity: 0.1},
+  'opacity-15': {opacity: 0.15},
+  'opacity-20': {opacity: 0.2},
+  'opacity-25': {opacity: 0.25},
+  'opacity-30': {opacity: 0.3},
+  'opacity-35': {opacity: 0.35},
+  'opacity-40': {opacity: 0.4},
+  'opacity-45': {opacity: 0.45},
+  'opacity-50': {opacity: 0.5},
+  'opacity-55': {opacity: 0.55},
+  'opacity-60': {opacity: 0.6},
+  'opacity-65': {opacity: 0.65},
+  'opacity-70': {opacity: 0.7},
+  'opacity-75': {opacity: 0.75},
+  'opacity-80': {opacity: 0.8},
+  'opacity-85': {opacity: 0.85},
+  'opacity-90': {opacity: 0.9},
+  'opacity-95': {opacity: 0.95},
+  'opacity-100': {opacity: 0.1},
+  // Size
+  'w-auto': {width: 'auto'},
+  'w-1/2': {width: '50%'},
+  'w-1/3': {width: '33.333333%'},
+  'w-2/3': {width: '66.666667%'},
+  'w-1/4': {width: '25%'},
+  'w-3/4': {width: '75%'},
+  'w-1/5': {width: '20%'},
+  'w-2/5': {width: '40%'},
+  'w-3/5': {width: '60%'},
+  'w-4/5': {width: '80%'},
+  'w-full': {width: '100%'},
+  'w-screen': {width: device.width},
+  'min-w-auto': {minWidth: 'auto'},
+  'min-w-1/2': {minWidth: '50%'},
+  'min-w-1/3': {minWidth: '33.333333%'},
+  'min-w-2/3': {minWidth: '66.666667%'},
+  'min-w-1/4': {minWidth: '25%'},
+  'min-w-3/4': {minWidth: '75%'},
+  'min-w-1/5': {minWidth: '20%'},
+  'min-w-2/5': {minWidth: '40%'},
+  'min-w-3/5': {minWidth: '60%'},
+  'min-w-4/5': {minWidth: '80%'},
+  'min-w-full': {minWidth: '100%'},
+  'min-w-screen': {minWidth: device.width},
+  'max-w-auto': {maxWidth: 'auto'},
+  'max-w-1/2': {maxWidth: '50%'},
+  'max-w-1/3': {maxWidth: '33.333333%'},
+  'max-w-2/3': {maxWidth: '66.666667%'},
+  'max-w-1/4': {maxWidth: '25%'},
+  'max-w-3/4': {maxWidth: '75%'},
+  'max-w-1/5': {maxWidth: '20%'},
+  'max-w-2/5': {maxWidth: '40%'},
+  'max-w-3/5': {maxWidth: '60%'},
+  'max-w-4/5': {maxWidth: '80%'},
+  'max-w-full': {maxWidth: '100%'},
+  'max-w-screen': {maxWidth: device.width},
+  'h-auto': {height: 'auto'},
+  'h-1/2': {height: '50%'},
+  'h-1/3': {height: '33.333333%'},
+  'h-2/3': {height: '66.666667%'},
+  'h-1/4': {height: '25%'},
+  'h-3/4': {height: '75%'},
+  'h-1/5': {height: '20%'},
+  'h-2/5': {height: '40%'},
+  'h-3/5': {height: '60%'},
+  'h-4/5': {height: '80%'},
+  'h-full': {height: '100%'},
+  'h-screen': {height: device.height},
+  'min-h-auto': {minHeight: 'auto'},
+  'min-h-1/2': {minHeight: '50%'},
+  'min-h-1/3': {minHeight: '33.333333%'},
+  'min-h-2/3': {minHeight: '66.666667%'},
+  'min-h-1/4': {minHeight: '25%'},
+  'min-h-3/4': {minHeight: '75%'},
+  'min-h-1/5': {minHeight: '20%'},
+  'min-h-2/5': {minHeight: '40%'},
+  'min-h-3/5': {minHeight: '60%'},
+  'min-h-4/5': {minHeight: '80%'},
+  'min-h-full': {minHeight: '100%'},
+  'min-h-screen': {minHeight: device.height},
+  'max-h-auto': {maxHeight: 'auto'},
+  'max-h-1/2': {maxHeight: '50%'},
+  'max-h-1/3': {maxHeight: '33.333333%'},
+  'max-h-2/3': {maxHeight: '66.666667%'},
+  'max-h-1/4': {maxHeight: '25%'},
+  'max-h-3/4': {maxHeight: '75%'},
+  'max-h-1/5': {maxHeight: '20%'},
+  'max-h-2/5': {maxHeight: '40%'},
+  'max-h-3/5': {maxHeight: '60%'},
+  'max-h-4/5': {maxHeight: '80%'},
+  'max-h-full': {maxHeight: '100%'},
+  'max-h-screen': {maxHeight: device.height},
+  // Text
+  'text-center': {
+    textAlign: 'center',
+  },
+  'text-left': {
+    textAlign: 'left',
+  },
+  'text-right': {
+    textAlign: 'right',
+  },
+  'text-auto': {
+    textAlign: 'auto',
+  },
+  'text-justify': {
+    textAlign: 'justify',
+  },
+  'font-thin': {
+    fontWeight: '100',
+  },
+  'font-extraLight': {
+    fontWeight: '200',
+  },
+  'font-light': {
+    fontWeight: '300',
+  },
+  'font-normal': {
+    fontWeight: '400',
+  },
+  'font-medium': {
+    fontWeight: '500',
+  },
+  'font-semibold': {
+    fontWeight: '600',
+  },
+  'font-bold': {
+    fontWeight: '700',
+  },
+  'font-extrabold': {
+    fontWeight: '800',
+  },
+  'font-black': {
+    fontWeight: '900',
+  },
+  underline: {
+    textDecorationLine: 'underline',
+  },
+  'text-italic': {
+    fontStyle: 'italic',
+  },
+  'underline-solid': {
+    textDecorationLine: 'underline',
+    textDecorationStyle: 'solid',
+  },
+  'underline-double': {
+    textDecorationLine: 'underline',
+    textDecorationStyle: 'double',
+  },
+  'underline-dotted': {
+    textDecorationLine: 'underline',
+    textDecorationStyle: 'dotted',
+  },
+  'underline-dashed': {
+    textDecorationLine: 'underline',
+    textDecorationStyle: 'dashed',
+  },
+  'underline-through': {
+    textDecorationLine: 'line-through',
+  },
+  'underline-underline-through': {
+    textDecorationLine: 'underline line-through',
+  },
+  'no-underline': {
+    textDecorationLine: 'none',
+  },
+  // Border
+  'border-dashed': {borderStyle: 'dashed'},
+  'border-dotted': {borderStyle: 'dotted'},
+  'border-solid': {borderStyle: 'solid'},
+  'border-0': {borderWidth: 0},
+  'border-t-0': {borderTopWidth: 0},
+  'border-l-0': {borderLeftWidth: 0},
+  'border-b-0': {borderBottomWidth: 0},
+  'border-r-0': {borderRightWidth: 0},
+  'border-x-0': {borderLeftWidth: 0, borderRightWidth: 0},
+  'border-y-0': {borderTopWidth: 0, borderBottomWidth: 0},
+  border: {borderWidth: 1},
+  'border-t': {borderTopWidth: 1},
+  'border-l': {borderLeftWidth: 1},
+  'border-b': {borderBottomWidth: 1},
+  'border-r': {borderRightWidth: 1},
+  'border-x': {borderLeftWidth: 1, borderRightWidth: 1},
+  'border-y': {borderTopWidth: 1, borderBottomWidth: 1},
+  'border-2': {borderWidth: 2},
+  'border-t-2': {borderTopWidth: 2},
+  'border-l-2': {borderLeftWidth: 2},
+  'border-b-2': {borderBottomWidth: 2},
+  'border-r-2': {borderRightWidth: 2},
+  'border-x-2': {borderLeftWidth: 2, borderRightWidth: 2},
+  'border-y-2': {borderTopWidth: 2, borderBottomWidth: 2},
+  'border-3': {borderWidth: 3},
+  'border-t-3': {borderTopWidth: 3},
+  'border-l-3': {borderLeftWidth: 3},
+  'border-b-3': {borderBottomWidth: 3},
+  'border-r-3': {borderRightWidth: 3},
+  'border-x-3': {borderLeftWidth: 3, borderRightWidth: 3},
+  'border-y-3': {borderTopWidth: 3, borderBottomWidth: 3},
+  'border-4': {borderWidth: 4},
+  'border-t-4': {borderTopWidth: 4},
+  'border-l-4': {borderLeftWidth: 4},
+  'border-b-4': {borderBottomWidth: 4},
+  'border-r-4': {borderRightWidth: 4},
+  'border-x-4': {borderLeftWidth: 4, borderRightWidth: 4},
+  'border-y-4': {borderTopWidth: 4, borderBottomWidth: 4},
+  'border-5': {borderWidth: 5},
+  'border-t-5': {borderTopWidth: 5},
+  'border-l-5': {borderLeftWidth: 5},
+  'border-b-5': {borderBottomWidth: 5},
+  'border-r-5': {borderRightWidth: 5},
+  'border-x-5': {borderLeftWidth: 5, borderRightWidth: 5},
+  'border-y-5': {borderTopWidth: 5, borderBottomWidth: 5},
+  'border-6': {borderWidth: 6},
+  'border-t-6': {borderTopWidth: 6},
+  'border-l-6': {borderLeftWidth: 6},
+  'border-b-6': {borderBottomWidth: 6},
+  'border-r-6': {borderRightWidth: 6},
+  'border-x-6': {borderLeftWidth: 6, borderRightWidth: 6},
+  'border-y-6': {borderTopWidth: 6, borderBottomWidth: 6},
+  'border-8': {borderWidth: 8},
+  'border-t-8': {borderTopWidth: 8},
+  'border-l-8': {borderLeftWidth: 8},
+  'border-b-8': {borderBottomWidth: 8},
+  'border-r-8': {borderRightWidth: 8},
+  'border-x-8': {borderLeftWidth: 8, borderRightWidth: 8},
+  'border-y-8': {borderTopWidth: 8, borderBottomWidth: 8},
+  // Shadow
+  shadow: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1,
+    },
+    shadowOpacity: 0.18,
+    shadowRadius: 1.0,
+
+    elevation: 1,
+  },
+  'shadow-2': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1,
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 1.41,
+
+    elevation: 2,
+  },
+  'shadow-3': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1,
+    },
+    shadowOpacity: 0.22,
+    shadowRadius: 2.22,
+    elevation: 3,
+  },
+  'shadow-4': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowOpacity: 0.23,
+    shadowRadius: 2.62,
+    elevation: 4,
+  },
+  'shadow-5': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5,
+  },
+  'shadow-6': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 3,
+    },
+    shadowOpacity: 0.27,
+    shadowRadius: 4.65,
+    elevation: 6,
+  },
+  'shadow-7': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 3,
+    },
+    shadowOpacity: 0.29,
+    shadowRadius: 4.65,
+    elevation: 7,
+  },
+  'shadow-8': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 4,
+    },
+    shadowOpacity: 0.3,
+    shadowRadius: 4.65,
+    elevation: 8,
+  },
+  'shadow-9': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 4,
+    },
+    shadowOpacity: 0.32,
+    shadowRadius: 5.46,
+    elevation: 9,
+  },
+  'shadow-10': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 5,
+    },
+    shadowOpacity: 0.34,
+    shadowRadius: 6.27,
+    elevation: 10,
+  },
+  'shadow-11': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 5,
+    },
+    shadowOpacity: 0.36,
+    shadowRadius: 6.68,
+    elevation: 11,
+  },
+  'shadow-12': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 6,
+    },
+    shadowOpacity: 0.37,
+    shadowRadius: 7.49,
+    elevation: 12,
+  },
+  'shadow-13': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 6,
+    },
+    shadowOpacity: 0.39,
+    shadowRadius: 8.3,
+    elevation: 13,
+  },
+  'shadow-14': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 7,
+    },
+    shadowOpacity: 0.41,
+    shadowRadius: 9.11,
+    elevation: 14,
+  },
+  'shadow-15': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 7,
+    },
+    shadowOpacity: 0.43,
+    shadowRadius: 9.51,
+    elevation: 15,
+  },
+  'shadow-16': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 8,
+    },
+    shadowOpacity: 0.44,
+    shadowRadius: 10.32,
+    elevation: 16,
+  },
+  'shadow-17': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 8,
+    },
+    shadowOpacity: 0.46,
+    shadowRadius: 11.14,
+    elevation: 17,
+  },
+  'shadow-18': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 9,
+    },
+    shadowOpacity: 0.48,
+    shadowRadius: 11.95,
+    elevation: 18,
+  },
+  'shadow-19': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 9,
+    },
+    shadowOpacity: 0.5,
+    shadowRadius: 12.35,
+    elevation: 19,
+  },
+  'shadow-20': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 10,
+    },
+    shadowOpacity: 0.51,
+    shadowRadius: 13.16,
+    elevation: 20,
+  },
+  'shadow-21': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 10,
+    },
+    shadowOpacity: 0.53,
+    shadowRadius: 13.97,
+    elevation: 21,
+  },
+  'shadow-22': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 11,
+    },
+    shadowOpacity: 0.55,
+    shadowRadius: 14.78,
+    elevation: 22,
+  },
+  'shadow-23': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 11,
+    },
+    shadowOpacity: 0.57,
+    shadowRadius: 15.19,
+    elevation: 23,
+  },
+  'shadow-24': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 12,
+    },
+    shadowOpacity: 0.58,
+    shadowRadius: 16.0,
+    elevation: 24,
+  },
+});
diff --git a/src/styles/index.ts b/src/styles/index.ts
index 43e7c78..ebf75b0 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -1 +1,46 @@
-export * from './ClassStyles';
+import {styleConfig} from './Theme.styles';
+import {ColorStyles} from './Colors.styles';
+import {createSizeCustomStyles} from '../utils/styles';
+import {StyleProp} from 'react-native';
+import {commonStyles} from './common.styles';
+
+const classStyles = {
+  ...ColorStyles,
+  ...styleConfig,
+  ...commonStyles,
+};
+
+export const getClassNameStyles = (className: string): StyleProp<any> => {
+  try {
+    if (className.length > 0) {
+      const listClass = className?.split(' ');
+      let customStyles: {[key: string]: number} = {};
+      customStyles = listClass.reduce(
+        (acc, item) => {
+          const customClass = item.match(/\[(\d+)\]/);
+          let itemStyle = {};
+          if (customClass) {
+            const typeClass = item?.split(customClass[0]);
+            if (typeClass?.length && typeClass[0] && customClass?.[1]) {
+              const customsClass = typeClass[0].split(/-$/);
+              if (customsClass) {
+                itemStyle = createSizeCustomStyles(
+                  Number(customClass[1]),
+                  customsClass[0],
+                );
+              }
+            }
+          } else {
+            itemStyle = classStyles[item as never] || {};
+          }
+          return {...acc, ...itemStyle};
+        },
+        {...customStyles},
+      );
+      return customStyles;
+    }
+    return {};
+  } catch (error) {
+    return {};
+  }
+};
diff --git a/src/utils/Color.util.ts b/src/utils/Color.util.ts
deleted file mode 100644
index eca40d1..0000000
--- a/src/utils/Color.util.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export class ColorBox {
-  static dark: string = '#000000';
-  static light: string = '#ffffff';
-  static secondary: string = '#f5f5f5';
-  static black: string = '#000000';
-  static white: string = '#ffffff';
-  static error: string = 'red';
-  static success: string = 'green';
-  static warning: string = 'yellow';
-  static transparent: string = 'transparent';
-}
diff --git a/src/utils/date.util.ts b/src/utils/date.util.ts
new file mode 100644
index 0000000..0e82662
--- /dev/null
+++ b/src/utils/date.util.ts
@@ -0,0 +1,123 @@
+import {DateFormats, DateFormatType, DayItemType} from '../model';
+
+export const MONTHS = Array.from({length: 12});
+
+interface Result {
+  year: number;
+  month: number;
+  days: DayItemType[];
+}
+
+export const getDaysOfYear = (
+  year: number,
+  format: DateFormatType = 'YYYY-MM-DD',
+  firstDay: number = 0,
+): Result[] => {
+  const months = Array.from({length: 12});
+  return months.map((_, index) => {
+    return getDaysOfMonth(index + 1, year, format, firstDay);
+  });
+};
+
+// Adjust day indices based on the chosen `firstDay`
+const adjustDay = (day: number, firstDay: number) => (day - firstDay + 7) % 7;
+
+export const getDaysOfMonth = (
+  month: number,
+  year: number,
+  format: DateFormatType = 'YYYY-MM-DD',
+  firstDay: number = 0,
+): Result => {
+  const startDayOfWeek = new Date(`${year}-${month}-01`).getDay();
+  const monthDay = new Date(year, month, 0);
+  const dayEndStartWeek = monthDay.getDay() === 6 ? 0 : monthDay.getDay() + 1;
+  const dayNo = adjustDay(startDayOfWeek, firstDay);
+  const dayEndNo = adjustDay(dayEndStartWeek, firstDay);
+
+  let monthBefore = month - 1;
+  let yearBefore = year;
+  let daysBefore: DayItemType[] = [];
+  let daysAfter: DayItemType[] = [];
+  const monthAfter = month + 1 > 12 ? 1 : month + 1;
+  const todayString = formatDate(new Date(), format);
+  const days = Array.from({length: monthDay.getDate()}).map((_, index) => {
+    const dateString = formatDate(`${year}-${month}-${index + 1}`, format);
+    return {
+      dateString: dateString,
+      isToday: todayString === dateString,
+      day: index + 1,
+    };
+  });
+  if (dayNo > 0) {
+    if (monthBefore < 0) {
+      monthBefore = 12;
+      yearBefore -= 1;
+    }
+    const monthDayBefore = new Date(yearBefore, monthBefore, 0);
+    daysBefore = generalDaysOther(
+      dayNo,
+      {
+        dayMax: monthDayBefore.getDate(),
+      },
+      {year: yearBefore, month: monthBefore},
+      format,
+    ).reverse();
+  }
+  if (dayEndNo > 0) {
+    daysAfter = Array.from({
+      length: 6 - dayEndNo === 0 ? 1 : 6 - dayEndNo + 1,
+    }).map((_, index) => ({
+      dateString: formatDate(`${year}-${monthAfter}-${index + 1}`, format),
+      isExtraDay: true,
+      day: index + 1,
+    }));
+  }
+
+  return {
+    year,
+    month,
+    days: [...daysBefore, ...days, ...daysAfter],
+  };
+};
+
+const generalDaysOther = (
+  length: number,
+  {dayMax = 0, dayMin = 0},
+  {year = 0, month = 0},
+  format: DateFormatType = 'YYYY-MM-DD',
+) => {
+  return Array.from({length}).map((_, index) => {
+    const dayNum = dayMax ? dayMax - index : dayMin + index;
+    const dateString = formatDate(`${year}-${month}-${dayNum}`, format);
+    return {
+      dateString: dateString,
+      isExtraDay: true,
+      day: dayNum,
+    };
+  });
+};
+
+export const formatDate = (
+  date: string | Date,
+  type: DateFormatType = 'YYYY-MM-DD',
+): string => {
+  try {
+    const d = new Date(date);
+    const year = d.getFullYear();
+    const month = String(d.getMonth() + 1).padStart(2, '0');
+    const day = String(d.getDate()).padStart(2, '0');
+    const formats: DateFormats = {
+      'YYYY-MM': `${year}-${month}`,
+      'YYYY/MM': `${year}/${month}`,
+      'YYYY-MM-DD': `${year}-${month}-${day}`,
+      'YYYY/MM/DD': `${year}/${month}/${day}`,
+      'MM/DD/YYYY': `${month}/${day}/${year}`,
+      'DD/MM/YYYY': `${day}/${month}/${year}`,
+      'DD-MM-YYYY': `${day}-${month}-${year}`,
+      'MM-DD-YYYY': `${month}-${day}-${year}`,
+    };
+    return formats[type]; // Default format
+  } catch (error) {
+    return '';
+  }
+};
diff --git a/src/utils/helper.util.ts b/src/utils/helper.util.ts
new file mode 100644
index 0000000..577afcd
--- /dev/null
+++ b/src/utils/helper.util.ts
@@ -0,0 +1,34 @@
+import {OnEndReachedProps} from '../model';
+
+export const classNames = (...classes: (string | undefined)[]): string =>
+  classes.filter(Boolean).join(' ');
+
+export const isEndReachedScroll = ({
+  layoutMeasurement,
+  contentOffset,
+  contentSize,
+  space,
+  horizontal,
+}: OnEndReachedProps) => {
+  const offset = horizontal ? contentOffset.x : contentOffset.y;
+  const layoutSize = horizontal
+    ? layoutMeasurement.width
+    : layoutMeasurement.height;
+  const content = horizontal ? contentSize.width : contentSize.height;
+  return layoutSize + offset >= content - space;
+};
+
+export const isNumber = (value: any) => typeof value === 'number';
+
+export const randomIndex = (length: number) =>
+  Math.floor(Math.random() * length);
+
+// remove array null
+export const insertObjectArrayIf = (condition: any, element: any) => {
+  return condition?.length > 0 ? element : {};
+};
+
+// remove object null
+export const insertObjectIf = (condition: any, element: any) => {
+  return condition || condition?.length > 0 ? element : {};
+};
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 605085b..24a0b88 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1 +1,2 @@
 export * from './resize.util';
+export * from './helper.util';
diff --git a/src/utils/resize.util.ts b/src/utils/resize.util.ts
index 8723b98..aee007f 100644
--- a/src/utils/resize.util.ts
+++ b/src/utils/resize.util.ts
@@ -1,4 +1,4 @@
-import {Dimensions, NativeModules, Platform} from 'react-native';
+import {Dimensions, StatusBar, Platform} from 'react-native';
 
 const {width, height} = Dimensions.get('window');
 const [shortDimension, longDimension] =
@@ -6,8 +6,7 @@ const [shortDimension, longDimension] =
 
 const guidelineBaseWidth = 375;
 const guidelineBaseHeight = 812;
-const {StatusBarManager} = NativeModules;
-const heightStatusbar = StatusBarManager.HEIGHT;
+const heightStatusbar = StatusBar.currentHeight || 0;
 
 const horizontalScale = (size: number) =>
   (shortDimension / guidelineBaseWidth) * size;
diff --git a/src/utils/styles.ts b/src/utils/styles.ts
new file mode 100644
index 0000000..6890339
--- /dev/null
+++ b/src/utils/styles.ts
@@ -0,0 +1,130 @@
+import {CONFIG_BOX} from '../config';
+import {ScaleType} from '../model';
+import {roundedStylesType, sizeStylesType} from '../styles/Theme.styles';
+import {
+  fontSize,
+  horizontalScale,
+  moderateScale,
+  verticalScale,
+} from './resize.util';
+
+export const createSpaceStyles = (
+  stylesOptions: {[key: string]: number},
+  propertiesOptions: {[key: string]: string},
+  hasSlice?: boolean,
+) => {
+  const styles: {[key: string]: {[key: string]: number}} = {};
+  for (const options in stylesOptions) {
+    let value = stylesOptions[options];
+    for (const property in propertiesOptions) {
+      const styleProperty =
+        options === 'default' ? property : `${property}-${options}`;
+      const scaleType: ScaleType =
+        CONFIG_BOX.scaleOptions?.options?.[
+          property as keyof typeof CONFIG_BOX.scaleOptions.options
+        ] ?? CONFIG_BOX.scaleOptions.default;
+      if (scaleType !== ScaleType.NONE) {
+        const fnScale = {
+          [ScaleType.HORIZONTAL]: horizontalScale,
+          [ScaleType.VERTICAL]: verticalScale,
+          [ScaleType.MODERATE]: moderateScale,
+          [ScaleType.FONTSIZE]: fontSize,
+        };
+        value = fnScale[scaleType](value);
+      }
+      const keyStyle = propertiesOptions[property]?.toString();
+      const keyStyleSplit = hasSlice ? keyStyle.split(' ') : [];
+      if (keyStyleSplit.length > 1) {
+        styles[styleProperty] = keyStyleSplit.reduce((acc, item) => {
+          return {
+            ...acc,
+            [item]: value,
+          };
+        }, styles[styleProperty] || {});
+      } else {
+        styles[styleProperty] = {
+          [keyStyle]: value,
+        };
+      }
+    }
+  }
+  return styles;
+};
+
+export const createSizeCustomStyles = (value: number, keyStyle: string) => {
+  const customsSpaceKey = {
+    ...sizeStylesType,
+    ...roundedStylesType,
+    border: 'borderWidth',
+    'border-l': 'borderLeftWidth',
+    'border-r': 'borderRightWidth',
+    'border-t': 'borderTopWidth',
+    'border-b': 'borderBottomWidth',
+    'border-x': 'borderLeftWidth borderRightWidth',
+    'border-y': 'borderTopWidth borderBottomWidth',
+    'line-height': 'lineHeight',
+    aspectRatio: 'aspectRatio',
+  };
+  let styles: {[key: string]: number} = {};
+  const scaleType: ScaleType =
+    CONFIG_BOX.scaleOptions?.options?.[
+      keyStyle as keyof typeof CONFIG_BOX.scaleOptions.options
+    ] ?? CONFIG_BOX.scaleOptions.default;
+  if (scaleType !== ScaleType.NONE) {
+    const fnScale = {
+      [ScaleType.HORIZONTAL]: horizontalScale,
+      [ScaleType.VERTICAL]: verticalScale,
+      [ScaleType.MODERATE]: moderateScale,
+      [ScaleType.FONTSIZE]: fontSize,
+    };
+    value = fnScale[scaleType](value);
+  }
+  const keyCustom = customsSpaceKey[keyStyle as keyof typeof customsSpaceKey];
+  const keysStyle = keyCustom.split(' ');
+  if (keysStyle.length > 1) {
+    styles = keysStyle.reduce(
+      (acc, item) => {
+        return {
+          ...acc,
+          [item]: value,
+        };
+      },
+      {...styles},
+    );
+  } else {
+    styles = {
+      [keyCustom]: value,
+    };
+  }
+  return styles;
+};
+
+export const createBaseStyles = (
+  stylesOptions: {[key: string]: string},
+  propertiesOptions: {[key: string]: string},
+  hasSlice?: boolean,
+) => {
+  const styles: {[key: string]: {[key: string]: string}} = {};
+  for (const options in stylesOptions) {
+    const value = stylesOptions[options];
+    for (const property in propertiesOptions) {
+      const styleProperty =
+        options === 'default' ? property : `${property}-${options}`;
+      const keyStyle = propertiesOptions[property]?.toString();
+      const keyStyleSplit = hasSlice ? keyStyle.split(' ') : [];
+      if (keyStyleSplit.length > 1) {
+        styles[styleProperty] = keyStyleSplit.reduce((acc, item) => {
+          return {
+            ...acc,
+            [item]: value,
+          };
+        }, styles[styleProperty] || {});
+      } else {
+        styles[styleProperty] = {
+          [keyStyle]: value,
+        };
+      }
+    }
+  }
+  return styles;
+};
diff --git a/yarn.lock b/yarn.lock
index 16f376f..fa9e64c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -23,12 +23,26 @@
     "@babel/highlight" "^7.24.2"
     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.1":
+"@babel/code-frame@^7.24.7", "@babel/code-frame@^7.25.9", "@babel/code-frame@^7.26.0":
+  version "7.26.2"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.26.2.tgz#4b5fab97d33338eff916235055f0ebc21e573a85"
+  integrity sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.25.9"
+    js-tokens "^4.0.0"
+    picocolors "^1.0.0"
+
+"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.23.5":
   version "7.24.1"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.1.tgz#31c1f66435f2a9c329bb5716a6d6186c516c3742"
   integrity sha512-Pc65opHDliVpRHuKfzI+gSA4zcgr65O4cl64fFJIWEEh8JoHIHh0Oez1Eo8Arz8zq/JhgKodQaxEwUPRtZylVA==
 
-"@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.13.16", "@babel/core@^7.20.0", "@babel/core@^7.23.9":
+"@babel/compat-data@^7.25.9", "@babel/compat-data@^7.26.0":
+  version "7.26.2"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.26.2.tgz#278b6b13664557de95b8f35b90d96785850bb56e"
+  integrity sha512-Z0WgzSEa+aUcdiJuCIqgujCshpMWgUpgOxXotrYPSA53hA3qopNaqcJpyr0hVb1FeWdnqFA35/fUtXgBK8srQg==
+
+"@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.13.16", "@babel/core@^7.23.9":
   version "7.24.3"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.3.tgz#568864247ea10fbd4eff04dda1e05f9e2ea985c3"
   integrity sha512-5FcvN1JHw2sHJChotgx8Ek0lyuh4kCKelgMTTqhYJJtloNvUfpAFMeNQUtdlIaktwrSV9LtCdqwk48wL2wBacQ==
@@ -49,16 +63,37 @@
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/eslint-parser@^7.20.0":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.24.1.tgz#e27eee93ed1d271637165ef3a86e2b9332395c32"
-  integrity sha512-d5guuzMlPeDfZIbpQ8+g1NaCNuAGBBGNECh0HVqz1sjOeVLh2CEaifuOysCH18URW6R7pqXINvf5PaR/dC6jLQ==
+"@babel/core@^7.25.2":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.26.0.tgz#d78b6023cc8f3114ccf049eb219613f74a747b40"
+  integrity sha512-i1SLeK+DzNnQ3LL/CswPCa/E5u4lh1k6IAEphON8F+cXt0t9euTshDru0q7/IqMa1PMPz5RnHuHscF8/ZJsStg==
+  dependencies:
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.26.0"
+    "@babel/generator" "^7.26.0"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-module-transforms" "^7.26.0"
+    "@babel/helpers" "^7.26.0"
+    "@babel/parser" "^7.26.0"
+    "@babel/template" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.26.0"
+    convert-source-map "^2.0.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
+
+"@babel/eslint-parser@^7.25.1":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.25.9.tgz#603c68a63078796527bc9d0833f5e52dd5f9224c"
+  integrity sha512-5UXfgpK0j0Xr/xIdgdLEhOFxaDZ0bRPWJJchRpqOSur/3rZoPbqqki5mm0p4NE2cs28krBEiSM2MB7//afRSQQ==
   dependencies:
     "@nicolo-ribaudo/eslint-scope-5-internals" "5.1.1-v1"
     eslint-visitor-keys "^2.1.0"
     semver "^6.3.1"
 
-"@babel/generator@^7.20.0", "@babel/generator@^7.24.1", "@babel/generator@^7.7.2":
+"@babel/generator@^7.24.1", "@babel/generator@^7.7.2":
   version "7.24.1"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.1.tgz#e67e06f68568a4ebf194d1c6014235344f0476d0"
   integrity sha512-DfCRfZsBcrPEHUfuBMgbJ1Ut01Y/itOs+hY2nFLgqsqXd52/iSiVq5TITtUasIUgm+IIKdY2/1I7auiQOEeC9A==
@@ -68,6 +103,17 @@
     "@jridgewell/trace-mapping" "^0.3.25"
     jsesc "^2.5.1"
 
+"@babel/generator@^7.25.0", "@babel/generator@^7.25.9", "@babel/generator@^7.26.0":
+  version "7.26.2"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.26.2.tgz#87b75813bec87916210e5e01939a4c823d6bb74f"
+  integrity sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==
+  dependencies:
+    "@babel/parser" "^7.26.2"
+    "@babel/types" "^7.26.0"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jsesc "^3.0.2"
+
 "@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"
@@ -75,14 +121,22 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
-"@babel/helper-builder-binary-assignment-operator-visitor@^7.22.15":
-  version "7.22.15"
-  resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz#5426b109cf3ad47b91120f8328d8ab1be8b0b956"
-  integrity sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==
+"@babel/helper-annotate-as-pure@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz#d8eac4d2dc0d7b6e11fa6e535332e0d3184f06b4"
+  integrity sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==
+  dependencies:
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-builder-binary-assignment-operator-visitor@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.25.9.tgz#f41752fe772a578e67286e6779a68a5a92de1ee9"
+  integrity sha512-C47lC7LIDCnz0h4vai/tpNOI95tCd5ZT3iBt/DBH5lXKHZsyNQv18yf1wIIg2ntiQNgmAvA+DgZ82iW8Qdym8g==
   dependencies:
-    "@babel/types" "^7.22.15"
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
 
-"@babel/helper-compilation-targets@^7.20.7", "@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.23.6":
+"@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.23.6":
   version "7.23.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz#4d79069b16cbcf1461289eccfbbd81501ae39991"
   integrity sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==
@@ -93,6 +147,17 @@
     lru-cache "^5.1.1"
     semver "^6.3.1"
 
+"@babel/helper-compilation-targets@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz#55af025ce365be3cdc0c1c1e56c6af617ce88875"
+  integrity sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==
+  dependencies:
+    "@babel/compat-data" "^7.25.9"
+    "@babel/helper-validator-option" "^7.25.9"
+    browserslist "^4.24.0"
+    lru-cache "^5.1.1"
+    semver "^6.3.1"
+
 "@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.24.1":
   version "7.24.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.1.tgz#db58bf57137b623b916e24874ab7188d93d7f68f"
@@ -108,7 +173,20 @@
     "@babel/helper-split-export-declaration" "^7.22.6"
     semver "^6.3.1"
 
-"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.22.15", "@babel/helper-create-regexp-features-plugin@^7.22.5":
+"@babel/helper-create-class-features-plugin@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.25.9.tgz#7644147706bb90ff613297d49ed5266bde729f83"
+  integrity sha512-UTZQMvt0d/rSz6KI+qdu7GQze5TIajwTS++GUozlw8VBJDEOAqSXwm1WvmYEZwqdqSGQshRocPDqrt4HBZB3fQ==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-member-expression-to-functions" "^7.25.9"
+    "@babel/helper-optimise-call-expression" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+    semver "^6.3.1"
+
+"@babel/helper-create-regexp-features-plugin@^7.18.6":
   version "7.22.15"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz#5ee90093914ea09639b01c711db0d6775e558be1"
   integrity sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==
@@ -117,6 +195,15 @@
     regexpu-core "^5.3.1"
     semver "^6.3.1"
 
+"@babel/helper-create-regexp-features-plugin@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.25.9.tgz#3e8999db94728ad2b2458d7a470e7770b7764e26"
+  integrity sha512-ORPNZ3h6ZRkOyAa/SaHU+XsLZr0UQzRwuDQ0cczIA17nAzZ+85G5cVkOJIj7QavLZGSe8QXUmNFxSZzjcZF9bw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    regexpu-core "^6.1.1"
+    semver "^6.3.1"
+
 "@babel/helper-define-polyfill-provider@^0.6.1":
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.1.tgz#fadc63f0c2ff3c8d02ed905dcea747c5b0fb74fd"
@@ -128,12 +215,23 @@
     lodash.debounce "^4.0.8"
     resolve "^1.14.2"
 
-"@babel/helper-environment-visitor@^7.18.9", "@babel/helper-environment-visitor@^7.22.20":
+"@babel/helper-define-polyfill-provider@^0.6.2":
+  version "0.6.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.2.tgz#18594f789c3594acb24cfdb4a7f7b7d2e8bd912d"
+  integrity sha512-LV76g+C502biUK6AyZ3LK10vDpDyCzZnhZFXkH1L75zHPj68+qc8Zfpx2th+gzwA2MzyK+1g/3EPl62yFnVttQ==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.22.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    debug "^4.1.1"
+    lodash.debounce "^4.0.8"
+    resolve "^1.14.2"
+
+"@babel/helper-environment-visitor@^7.22.20":
   version "7.22.20"
   resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz#96159db61d34a29dba454c959f5ae4a649ba9167"
   integrity sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==
 
-"@babel/helper-function-name@^7.22.5", "@babel/helper-function-name@^7.23.0":
+"@babel/helper-function-name@^7.23.0":
   version "7.23.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz#1f9a3cdbd5b2698a670c30d2735f9af95ed52759"
   integrity sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==
@@ -155,13 +253,29 @@
   dependencies:
     "@babel/types" "^7.23.0"
 
-"@babel/helper-module-imports@^7.22.15", "@babel/helper-module-imports@^7.24.1", "@babel/helper-module-imports@^7.24.3":
+"@babel/helper-member-expression-to-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz#9dfffe46f727005a5ea29051ac835fb735e4c1a3"
+  integrity sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-module-imports@^7.22.15":
   version "7.24.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.24.3.tgz#6ac476e6d168c7c23ff3ba3cf4f7841d46ac8128"
   integrity sha512-viKb0F9f2s0BCS22QSF308z/+1YWKV/76mwt61NBzS5izMzDPwdq1pTrzf+Li3npBWX9KdQbkeCt1jSAM7lZqg==
   dependencies:
     "@babel/types" "^7.24.0"
 
+"@babel/helper-module-imports@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz#e7f8d20602ebdbf9ebbea0a0751fb0f2a4141715"
+  integrity sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
 "@babel/helper-module-transforms@^7.23.3":
   version "7.23.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz#d7d12c3c5d30af5b3c0fcab2a6d5217773e2d0f1"
@@ -173,6 +287,15 @@
     "@babel/helper-split-export-declaration" "^7.22.6"
     "@babel/helper-validator-identifier" "^7.22.20"
 
+"@babel/helper-module-transforms@^7.25.9", "@babel/helper-module-transforms@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz#8ce54ec9d592695e58d84cd884b7b5c6a2fdeeae"
+  integrity sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==
+  dependencies:
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
 "@babel/helper-optimise-call-expression@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz#f21531a9ccbff644fdd156b4077c16ff0c3f609e"
@@ -180,19 +303,31 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.20.2", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.24.0", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
+"@babel/helper-optimise-call-expression@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz#3324ae50bae7e2ab3c33f60c9a877b6a0146b54e"
+  integrity sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==
+  dependencies:
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.20.2", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.24.0", "@babel/helper-plugin-utils@^7.8.0":
   version "7.24.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.0.tgz#945681931a52f15ce879fd5b86ce2dae6d3d7f2a"
   integrity sha512-9cUznXMG0+FxRuJfvL82QlTqIzhVW9sL0KjMPHhAOOvpQGL8QtdxnBKILjBqxlHyliz0yCa1G903ZXI/FuHy2w==
 
-"@babel/helper-remap-async-to-generator@^7.18.9", "@babel/helper-remap-async-to-generator@^7.22.20":
-  version "7.22.20"
-  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz#7b68e1cb4fa964d2996fd063723fb48eca8498e0"
-  integrity sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==
+"@babel/helper-plugin-utils@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.25.9.tgz#9cbdd63a9443a2c92a725cca7ebca12cc8dd9f46"
+  integrity sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==
+
+"@babel/helper-remap-async-to-generator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.25.9.tgz#e53956ab3d5b9fb88be04b3e2f31b523afd34b92"
+  integrity sha512-IZtukuUeBbhgOcaW2s06OXTzVNJR0ybm4W5xC1opWFFJMZbwRj5LCk+ByYH7WdZPZTt8KnFwA8pvjN2yqcPlgw==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-wrap-function" "^7.22.20"
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-wrap-function" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
 
 "@babel/helper-replace-supers@^7.24.1":
   version "7.24.1"
@@ -203,6 +338,15 @@
     "@babel/helper-member-expression-to-functions" "^7.23.0"
     "@babel/helper-optimise-call-expression" "^7.22.5"
 
+"@babel/helper-replace-supers@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.25.9.tgz#ba447224798c3da3f8713fc272b145e33da6a5c5"
+  integrity sha512-IiDqTOTBQy0sWyeXyGSC5TBJpGFXBkRynjBeXsvbhQFKj2viwJC76Epz35YLU1fpe/Am6Vppb7W7zM4fPQzLsQ==
+  dependencies:
+    "@babel/helper-member-expression-to-functions" "^7.25.9"
+    "@babel/helper-optimise-call-expression" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
 "@babel/helper-simple-access@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz#4938357dc7d782b80ed6dbb03a0fba3d22b1d5de"
@@ -210,6 +354,14 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
+"@babel/helper-simple-access@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.25.9.tgz#6d51783299884a2c74618d6ef0f86820ec2e7739"
+  integrity sha512-c6WHXuiaRsJTyHYLJV75t9IqsmTbItYfdj99PnzYGQZkYKvan5/2jKJ7gu31J3/BJ/A18grImSPModuyG/Eo0Q==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
 "@babel/helper-skip-transparent-expression-wrappers@^7.20.0", "@babel/helper-skip-transparent-expression-wrappers@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz#007f15240b5751c537c40e77abb4e89eeaaa8847"
@@ -217,6 +369,14 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
+"@babel/helper-skip-transparent-expression-wrappers@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz#0b2e1b62d560d6b1954893fd2b705dc17c91f0c9"
+  integrity sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
 "@babel/helper-split-export-declaration@^7.22.6":
   version "7.22.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz#322c61b7310c0997fe4c323955667f18fcefb91c"
@@ -229,24 +389,39 @@
   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.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz#1aabb72ee72ed35789b4bbcad3ca2862ce614e8c"
+  integrity sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==
+
 "@babel/helper-validator-identifier@^7.22.20":
   version "7.22.20"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz#c4ae002c61d2879e724581d96665583dbc1dc0e0"
   integrity sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==
 
+"@babel/helper-validator-identifier@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz#24b64e2c3ec7cd3b3c547729b8d16871f22cbdc7"
+  integrity sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==
+
 "@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"
   integrity sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==
 
-"@babel/helper-wrap-function@^7.22.20":
-  version "7.22.20"
-  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz#15352b0b9bfb10fc9c76f79f6342c00e3411a569"
-  integrity sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==
+"@babel/helper-validator-option@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz#86e45bd8a49ab7e03f276577f96179653d41da72"
+  integrity sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==
+
+"@babel/helper-wrap-function@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.25.9.tgz#d99dfd595312e6c894bd7d237470025c85eea9d0"
+  integrity sha512-ETzz9UTjQSTmw39GboatdymDq4XIQbR8ySgVrylRhPOFpsd+JrKHIuF0de7GCWmem+T4uC5z7EZguod7Wj4A4g==
   dependencies:
-    "@babel/helper-function-name" "^7.22.5"
-    "@babel/template" "^7.22.15"
-    "@babel/types" "^7.22.19"
+    "@babel/template" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
 
 "@babel/helpers@^7.24.1":
   version "7.24.1"
@@ -257,6 +432,14 @@
     "@babel/traverse" "^7.24.1"
     "@babel/types" "^7.24.0"
 
+"@babel/helpers@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.26.0.tgz#30e621f1eba5aa45fe6f4868d2e9154d884119a4"
+  integrity sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==
+  dependencies:
+    "@babel/template" "^7.25.9"
+    "@babel/types" "^7.26.0"
+
 "@babel/highlight@^7.24.2":
   version "7.24.2"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.2.tgz#3f539503efc83d3c59080a10e6634306e0370d26"
@@ -267,46 +450,58 @@
     js-tokens "^4.0.0"
     picocolors "^1.0.0"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.13.16", "@babel/parser@^7.14.7", "@babel/parser@^7.20.0", "@babel/parser@^7.20.7", "@babel/parser@^7.23.9", "@babel/parser@^7.24.0", "@babel/parser@^7.24.1":
+"@babel/parser@^7.1.0", "@babel/parser@^7.13.16", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.23.9", "@babel/parser@^7.24.0", "@babel/parser@^7.24.1":
   version "7.24.1"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.1.tgz#1e416d3627393fab1cb5b0f2f1796a100ae9133a"
   integrity sha512-Zo9c7N3xdOIQrNip7Lc9wvRPzlRtovHVE4lkz8WEDr7uYh/GMQhSiIgFxGIArRHYdJE5kxtZjAf8rT0xhdLCzg==
 
-"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.24.1.tgz#b645d9ba8c2bc5b7af50f0fe949f9edbeb07c8cf"
-  integrity sha512-y4HqEnkelJIOQGd+3g1bTeKsA5c6qM7eOn7VggGVbBc0y8MLSKHacwcIE2PplNlQSj0PqS9rrXL/nkPVK+kUNg==
+"@babel/parser@^7.25.3", "@babel/parser@^7.25.9", "@babel/parser@^7.26.0", "@babel/parser@^7.26.2":
+  version "7.26.2"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.26.2.tgz#fd7b6f487cfea09889557ef5d4eeb9ff9a5abd11"
+  integrity sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/types" "^7.26.0"
 
-"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.24.1.tgz#da8261f2697f0f41b0855b91d3a20a1fbfd271d3"
-  integrity sha512-Hj791Ii4ci8HqnaKHAlLNs+zaLXb0EzSDhiAWp5VNlyvCNymYfacs64pxTxbH1znW/NcArSmwpmG9IKE/TUVVQ==
+"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.25.9.tgz#cc2e53ebf0a0340777fff5ed521943e253b4d8fe"
+  integrity sha512-ZkRyVkThtxQ/J6nv3JFYv1RYY+JT5BvU0y3k5bWrmuG4woXypRa4PXmm9RhOwodRkYFWqC0C0cqcJ4OqR7kW+g==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
-    "@babel/plugin-transform-optional-chaining" "^7.24.1"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
 
-"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.24.1.tgz#1181d9685984c91d657b8ddf14f0487a6bab2988"
-  integrity sha512-m9m/fXsXLiHfwdgydIFnpk+7jlVbnvlK5B2EKiPdLUb6WX654ZaaEWJUjk8TftRbZpK0XibovlLWX4KIZhV6jw==
+"@babel/plugin-bugfix-safari-class-field-initializer-scope@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.25.9.tgz#af9e4fb63ccb8abcb92375b2fcfe36b60c774d30"
+  integrity sha512-MrGRLZxLD/Zjj0gdU15dfs+HH/OXvnw/U4jJD8vpcP2CJQapPEv1IWwjc/qMg7ItBlPwSv1hRBbb7LeuANdcnw==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-proposal-async-generator-functions@^7.0.0":
-  version "7.20.7"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.20.7.tgz#bfb7276d2d573cb67ba379984a2334e262ba5326"
-  integrity sha512-xMbiLsn/8RK7Wq7VeVytytS2L6qE69bXPB10YCmMdDZbKF4okCqY74pI/jJQ/8U0b/F6NrT2+14b8/P9/3AMGA==
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.25.9.tgz#e8dc26fcd616e6c5bf2bd0d5a2c151d4f92a9137"
+  integrity sha512-2qUwwfAFpJLZqxd02YW9btUCZHl+RFvdDkNfZwaIJrvB8Tesjsk8pEQkTvGwZXLqXUx/2oyY3ySRhm6HOXuCug==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/helper-remap-async-to-generator" "^7.18.9"
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.25.9.tgz#807a667f9158acac6f6164b4beb85ad9ebc9e1d1"
+  integrity sha512-6xWgLZTJXwilVjlnV7ospI3xi+sl8lN8rXXbBD6vYn3UYDlGsag8wrZkKcSI8G6KgqKP7vNFaDgeDnfAABq61g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/plugin-transform-optional-chaining" "^7.25.9"
+
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.25.9.tgz#de7093f1e7deaf68eadd7cc6b07f2ab82543269e"
+  integrity sha512-aLnMXYPnzwwqhYSCyXfKkIkYgJ8zv9RK+roo9DkTXz38ynIhd9XCbN08s3MGvqL2MYGVUGdRQLL/JqBIeJhJBg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
 
-"@babel/plugin-proposal-class-properties@^7.13.0", "@babel/plugin-proposal-class-properties@^7.18.0":
+"@babel/plugin-proposal-class-properties@^7.13.0":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz#b110f59741895f7ec21a6fff696ec46265c446a3"
   integrity sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==
@@ -314,15 +509,14 @@
     "@babel/helper-create-class-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-proposal-export-default-from@^7.0.0":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-default-from/-/plugin-proposal-export-default-from-7.24.1.tgz#d242019488277c9a5a8035e5b70de54402644b89"
-  integrity sha512-+0hrgGGV3xyYIjOrD/bUZk/iUwOIGuoANfRfVg1cPhYBxF+TIXSEcc42DqzBICmWsnAQ+SfKedY0bj8QD+LuMg==
+"@babel/plugin-proposal-export-default-from@^7.24.7":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-default-from/-/plugin-proposal-export-default-from-7.25.9.tgz#52702be6ef8367fc8f18b8438278332beeb8f87c"
+  integrity sha512-ykqgwNfSnNOB+C8fV5X4mG3AVmvu+WVxcaU9xHHtBb7PCrPeweMmPjGsn8eMaeJg6SJuoUuZENeeSWaarWqonQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-export-default-from" "^7.24.1"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-proposal-nullish-coalescing-operator@^7.13.8", "@babel/plugin-proposal-nullish-coalescing-operator@^7.18.0":
+"@babel/plugin-proposal-nullish-coalescing-operator@^7.13.8":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz#fdd940a99a740e577d6c753ab6fbb43fdb9467e1"
   integrity sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==
@@ -330,34 +524,7 @@
     "@babel/helper-plugin-utils" "^7.18.6"
     "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
 
-"@babel/plugin-proposal-numeric-separator@^7.0.0":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.18.6.tgz#899b14fbafe87f053d2c5ff05b36029c62e13c75"
-  integrity sha512-ozlZFogPqoLm8WBr5Z8UckIoE4YQ5KESVcNudyXOR8uqIkliTEgJ3RoketfG6pmzLdeZF0H/wjE9/cCEitBl7Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
-
-"@babel/plugin-proposal-object-rest-spread@^7.20.0":
-  version "7.20.7"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.20.7.tgz#aa662940ef425779c75534a5c41e9d936edc390a"
-  integrity sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==
-  dependencies:
-    "@babel/compat-data" "^7.20.5"
-    "@babel/helper-compilation-targets" "^7.20.7"
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-transform-parameters" "^7.20.7"
-
-"@babel/plugin-proposal-optional-catch-binding@^7.0.0":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.18.6.tgz#f9400d0e6a3ea93ba9ef70b09e72dd6da638a2cb"
-  integrity sha512-Q40HEhs9DJQyaZfUjjn6vE8Cv4GmMHCYuMGIWUnlxH6400VGxOuwWsPt4FxXxJkC/5eOzgn0z21M9gMT4MOhbw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
-
-"@babel/plugin-proposal-optional-chaining@^7.13.12", "@babel/plugin-proposal-optional-chaining@^7.20.0":
+"@babel/plugin-proposal-optional-chaining@^7.13.12":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.21.0.tgz#886f5c8978deb7d30f678b2e24346b287234d3ea"
   integrity sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==
@@ -385,63 +552,56 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-class-properties@^7.12.13", "@babel/plugin-syntax-class-properties@^7.8.3":
+"@babel/plugin-syntax-class-properties@^7.8.3":
   version "7.12.13"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz#b5c987274c4a3a82b89714796931a6b53544ae10"
   integrity sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.12.13"
 
-"@babel/plugin-syntax-class-static-block@^7.14.5":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz#195df89b146b4b78b3bf897fd7a257c84659d406"
-  integrity sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-
-"@babel/plugin-syntax-dynamic-import@^7.8.0", "@babel/plugin-syntax-dynamic-import@^7.8.3":
+"@babel/plugin-syntax-dynamic-import@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz#62bf98b2da3cd21d626154fc96ee5b3cb68eacb3"
   integrity sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-export-default-from@^7.0.0", "@babel/plugin-syntax-export-default-from@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-default-from/-/plugin-syntax-export-default-from-7.24.1.tgz#a92852e694910ae4295e6e51e87b83507ed5e6e8"
-  integrity sha512-cNXSxv9eTkGUtd0PsNMK8Yx5xeScxfpWOUAxE+ZPAXXEcAMOC3fk7LRdXq5fvpra2pLx2p1YtkAhpUbB2SwaRA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-syntax-export-namespace-from@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz#028964a9ba80dbc094c915c487ad7c4e7a66465a"
-  integrity sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==
+"@babel/plugin-syntax-export-default-from@^7.24.7":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-default-from/-/plugin-syntax-export-default-from-7.25.9.tgz#86614767a9ff140366f0c3766ef218beb32a730a"
+  integrity sha512-9MhJ/SMTsVqsd69GyQg89lYR4o9T+oDGv5F6IsigxxqFVOyR/IflDLYP8WDI1l8fkhNGGktqkvL5qwNCtGEpgQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-syntax-flow@^7.12.1", "@babel/plugin-syntax-flow@^7.18.0", "@babel/plugin-syntax-flow@^7.24.1":
+"@babel/plugin-syntax-flow@^7.12.1", "@babel/plugin-syntax-flow@^7.24.1":
   version "7.24.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.24.1.tgz#875c25e3428d7896c87589765fc8b9d32f24bd8d"
   integrity sha512-sxi2kLTI5DeW5vDtMUsk4mTPwvlUDbjOnoWayhynCwrw4QXRld4QEYwqzY8JmQXaJUtgUuCIurtSRH5sn4c7mA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.24.0"
 
-"@babel/plugin-syntax-import-assertions@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.24.1.tgz#db3aad724153a00eaac115a3fb898de544e34971"
-  integrity sha512-IuwnI5XnuF189t91XbxmXeCDz3qs6iDRO7GJ++wcfgeXNs/8FmIlKcpDSXNVyuLQxlwvskmI3Ct73wUODkJBlQ==
+"@babel/plugin-syntax-flow@^7.25.9":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.26.0.tgz#96507595c21b45fccfc2bc758d5c45452e6164fa"
+  integrity sha512-B+O2DnPc0iG+YXFqOxv2WNuNU97ToWjOomUQ78DouOENWUaM5sVrmet9mcomUGQFwpJd//gvUagXBSdzO1fRKg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-syntax-import-attributes@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.24.1.tgz#c66b966c63b714c4eec508fcf5763b1f2d381093"
-  integrity sha512-zhQTMH0X2nVLnb04tz+s7AMuasX8U0FnpE+nHTOhSOINjWMnopoZTxtIKsd45n4GQ/HIZLyfIpoul8e2m0DnRA==
+"@babel/plugin-syntax-import-assertions@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.26.0.tgz#620412405058efa56e4a564903b79355020f445f"
+  integrity sha512-QCWT5Hh830hK5EQa7XzuqIkQU9tT/whqbDz7kuaZMHFl1inRRg7JnuAEOQ0Ur0QUl0NufCk1msK2BeY79Aj/eg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-syntax-import-meta@^7.10.4", "@babel/plugin-syntax-import-meta@^7.8.3":
+"@babel/plugin-syntax-import-attributes@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.26.0.tgz#3b1412847699eea739b4f2602c74ce36f6b0b0f7"
+  integrity sha512-e2dttdsJ1ZTpi3B9UYGLw41hifAubg19AtCu/2I/F1QNVclOBr1dYpTdmdyZ84Xiz43BS/tCUkMAZNLv12Pi+A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-syntax-import-meta@^7.8.3":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
   integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
@@ -455,28 +615,35 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-jsx@^7.23.3", "@babel/plugin-syntax-jsx@^7.24.1", "@babel/plugin-syntax-jsx@^7.7.2":
+"@babel/plugin-syntax-jsx@^7.24.1", "@babel/plugin-syntax-jsx@^7.7.2":
   version "7.24.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.24.1.tgz#3f6ca04b8c841811dbc3c5c5f837934e0d626c10"
   integrity sha512-2eCtxZXf+kbkMIsXS4poTvT4Yu5rXiRa+9xGVT56raghjmBTKMpFNc9R4IDiB4emao9eO22Ox7CxuJG7BgExqA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.24.0"
 
-"@babel/plugin-syntax-logical-assignment-operators@^7.10.4", "@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
+"@babel/plugin-syntax-jsx@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.25.9.tgz#a34313a178ea56f1951599b929c1ceacee719290"
+  integrity sha512-ld6oezHQMZsZfp6pWtbjaNDF2tiiCYYDqQszHt5VV437lewP9aSi2Of99CK0D0XB21k7FLgnLcmQKyKzynfeAA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
   integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-syntax-nullish-coalescing-operator@^7.0.0", "@babel/plugin-syntax-nullish-coalescing-operator@^7.8.3":
+"@babel/plugin-syntax-nullish-coalescing-operator@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz#167ed70368886081f74b5c36c65a88c03b66d1a9"
   integrity sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-numeric-separator@^7.10.4", "@babel/plugin-syntax-numeric-separator@^7.8.3":
+"@babel/plugin-syntax-numeric-separator@^7.8.3":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz#b9b070b3e33570cd9fd07ba7fa91c0dd37b9af97"
   integrity sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==
@@ -497,21 +664,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-optional-chaining@^7.0.0", "@babel/plugin-syntax-optional-chaining@^7.8.3":
+"@babel/plugin-syntax-optional-chaining@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz#4f69c2ab95167e0180cd5336613f8c5788f7d48a"
   integrity sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-private-property-in-object@^7.14.5":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz#0dc6671ec0ea22b6e94a1114f857970cd39de1ad"
-  integrity sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-
-"@babel/plugin-syntax-top-level-await@^7.14.5", "@babel/plugin-syntax-top-level-await@^7.8.3":
+"@babel/plugin-syntax-top-level-await@^7.8.3":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz#c1cfdadc35a646240001f06138247b741c34d94c"
   integrity sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==
@@ -525,6 +685,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.24.0"
 
+"@babel/plugin-syntax-typescript@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.25.9.tgz#67dda2b74da43727cf21d46cf9afef23f4365399"
+  integrity sha512-hjMgRy5hb8uJJjUcdWunWVcoi9bGpJp8p5Ol1229PoN6aytsLwNMgmdftO23wnCLMfVmTwZDWMPNq/D1SY60JQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
 "@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz#d49a3b3e6b52e5be6740022317580234a6a47357"
@@ -533,132 +700,134 @@
     "@babel/helper-create-regexp-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-arrow-functions@^7.0.0", "@babel/plugin-transform-arrow-functions@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.24.1.tgz#2bf263617060c9cc45bcdbf492b8cc805082bf27"
-  integrity sha512-ngT/3NkRhsaep9ck9uj2Xhv9+xB1zShY3tM3g6om4xxCELwCDN4g4Aq5dRn48+0hasAql7s2hdBOysCfNpr4fw==
+"@babel/plugin-transform-arrow-functions@^7.24.7", "@babel/plugin-transform-arrow-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.25.9.tgz#7821d4410bee5daaadbb4cdd9a6649704e176845"
+  integrity sha512-6jmooXYIwn9ca5/RylZADJ+EnSxVUS5sjeJ9UPk6RWRzXCmOJCy6dqItPJFpw2cuCangPK4OYr5uhGKcmrm5Qg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-async-generator-functions@^7.24.3":
-  version "7.24.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.24.3.tgz#8fa7ae481b100768cc9842c8617808c5352b8b89"
-  integrity sha512-Qe26CMYVjpQxJ8zxM1340JFNjZaF+ISWpr1Kt/jGo+ZTUzKkfw/pphEWbRCb+lmSM6k/TOgfYLvmbHkUQ0asIg==
+"@babel/plugin-transform-async-generator-functions@^7.25.4", "@babel/plugin-transform-async-generator-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.25.9.tgz#1b18530b077d18a407c494eb3d1d72da505283a2"
+  integrity sha512-RXV6QAzTBbhDMO9fWwOmwwTuYaiPbggWQ9INdZqAYeSHyG7FzQ+nOZaUUjNwKv9pV3aE4WFqFm1Hnbci5tBCAw==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-remap-async-to-generator" "^7.22.20"
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-remap-async-to-generator" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
 
-"@babel/plugin-transform-async-to-generator@^7.20.0", "@babel/plugin-transform-async-to-generator@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.24.1.tgz#0e220703b89f2216800ce7b1c53cb0cf521c37f4"
-  integrity sha512-AawPptitRXp1y0n4ilKcGbRYWfbbzFWz2NqNu7dacYDtFtz0CMjG64b3LQsb3KIgnf4/obcUL78hfaOS7iCUfw==
+"@babel/plugin-transform-async-to-generator@^7.24.7", "@babel/plugin-transform-async-to-generator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.25.9.tgz#c80008dacae51482793e5a9c08b39a5be7e12d71"
+  integrity sha512-NT7Ejn7Z/LjUH0Gv5KsBCxh7BH3fbLTV0ptHvpeMvrt3cPThHfJfst9Wrb7S8EvJ7vRTFI7z+VAvFVEQn/m5zQ==
   dependencies:
-    "@babel/helper-module-imports" "^7.24.1"
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-remap-async-to-generator" "^7.22.20"
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-remap-async-to-generator" "^7.25.9"
 
-"@babel/plugin-transform-block-scoped-functions@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.24.1.tgz#1c94799e20fcd5c4d4589523bbc57b7692979380"
-  integrity sha512-TWWC18OShZutrv9C6mye1xwtam+uNi2bnTOCBUd5sZxyHOiWbU6ztSROofIMrK84uweEZC219POICK/sTYwfgg==
+"@babel/plugin-transform-block-scoped-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.25.9.tgz#5700691dbd7abb93de300ca7be94203764fce458"
+  integrity sha512-toHc9fzab0ZfenFpsyYinOX0J/5dgJVA2fm64xPewu7CoYHWEivIWKxkK2rMi4r3yQqLnVmheMXRdG+k239CgA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-block-scoping@^7.0.0", "@babel/plugin-transform-block-scoping@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.24.1.tgz#27af183d7f6dad890531256c7a45019df768ac1f"
-  integrity sha512-h71T2QQvDgM2SmT29UYU6ozjMlAt7s7CSs5Hvy8f8cf/GM/Z4a2zMfN+fjVGaieeCrXR3EdQl6C4gQG+OgmbKw==
+"@babel/plugin-transform-block-scoping@^7.25.0", "@babel/plugin-transform-block-scoping@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.25.9.tgz#c33665e46b06759c93687ca0f84395b80c0473a1"
+  integrity sha512-1F05O7AYjymAtqbsFETboN1NvBdcnzMerO+zlMyJBEz6WkMdejvGWw9p05iTSjC85RLlBseHHQpYaM4gzJkBGg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-class-properties@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.24.1.tgz#bcbf1aef6ba6085cfddec9fc8d58871cf011fc29"
-  integrity sha512-OMLCXi0NqvJfORTaPQBwqLXHhb93wkBKZ4aNwMl6WtehO7ar+cmp+89iPEQPqxAnxsOKTaMcs3POz3rKayJ72g==
+"@babel/plugin-transform-class-properties@^7.25.4", "@babel/plugin-transform-class-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.25.9.tgz#a8ce84fedb9ad512549984101fa84080a9f5f51f"
+  integrity sha512-bbMAII8GRSkcd0h0b4X+36GksxuheLFjP65ul9w6C3KgAamI3JqErNgSrosX6ZPj+Mpim5VvEbawXxJCyEUV3Q==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.24.1"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-class-static-block@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.24.1.tgz#4e37efcca1d9f2fcb908d1bae8b56b4b6e9e1cb6"
-  integrity sha512-FUHlKCn6J3ERiu8Dv+4eoz7w8+kFLSyeVG4vDAikwADGjUCoHw/JHokyGtr8OR4UjpwPVivyF+h8Q5iv/JmrtA==
+"@babel/plugin-transform-class-static-block@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.26.0.tgz#6c8da219f4eb15cae9834ec4348ff8e9e09664a0"
+  integrity sha512-6J2APTs7BDDm+UMqP1useWqhcRAXo0WIoVj26N7kPFB6S73Lgvyka4KTZYIxtgYXiN5HTyRObA72N2iu628iTQ==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.24.1"
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-class-static-block" "^7.14.5"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-classes@^7.0.0", "@babel/plugin-transform-classes@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.24.1.tgz#5bc8fc160ed96378184bc10042af47f50884dcb1"
-  integrity sha512-ZTIe3W7UejJd3/3R4p7ScyyOoafetUShSf4kCqV0O7F/RiHxVj/wRaRnQlrGwflvcehNA8M42HkAiEDYZu2F1Q==
+"@babel/plugin-transform-classes@^7.25.4", "@babel/plugin-transform-classes@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.25.9.tgz#7152457f7880b593a63ade8a861e6e26a4469f52"
+  integrity sha512-mD8APIXmseE7oZvZgGABDyM34GUmK45Um2TXiBUt7PnuAxrgoSVf123qUzPxEr/+/BHrRn5NMZCdE2m/1F8DGg==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-compilation-targets" "^7.23.6"
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-function-name" "^7.23.0"
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-replace-supers" "^7.24.1"
-    "@babel/helper-split-export-declaration" "^7.22.6"
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
     globals "^11.1.0"
 
-"@babel/plugin-transform-computed-properties@^7.0.0", "@babel/plugin-transform-computed-properties@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.24.1.tgz#bc7e787f8e021eccfb677af5f13c29a9934ed8a7"
-  integrity sha512-5pJGVIUfJpOS+pAqBQd+QMaTD2vCL/HcePooON6pDpHgRp4gNRmzyHTPIkXntwKsq3ayUFVfJaIKPw2pOkOcTw==
+"@babel/plugin-transform-computed-properties@^7.24.7", "@babel/plugin-transform-computed-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.25.9.tgz#db36492c78460e534b8852b1d5befe3c923ef10b"
+  integrity sha512-HnBegGqXZR12xbcTHlJ9HGxw1OniltT26J5YpfruGqtUHlz/xKf/G2ak9e+t0rVqrjXa9WOhvYPz1ERfMj23AA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/template" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/template" "^7.25.9"
 
-"@babel/plugin-transform-destructuring@^7.20.0", "@babel/plugin-transform-destructuring@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.24.1.tgz#b1e8243af4a0206841973786292b8c8dd8447345"
-  integrity sha512-ow8jciWqNxR3RYbSNVuF4U2Jx130nwnBnhRw6N6h1bOejNkABmcI5X5oz29K4alWX7vf1C+o6gtKXikzRKkVdw==
+"@babel/plugin-transform-destructuring@^7.24.8", "@babel/plugin-transform-destructuring@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.25.9.tgz#966ea2595c498224340883602d3cfd7a0c79cea1"
+  integrity sha512-WkCGb/3ZxXepmMiX101nnGiU+1CAdut8oHyEOHxkKuS1qKpU2SMXE2uSvfz8PBuLd49V6LEsbtyPhWC7fnkgvQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-dotall-regex@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.24.1.tgz#d56913d2f12795cc9930801b84c6f8c47513ac13"
-  integrity sha512-p7uUxgSoZwZ2lPNMzUkqCts3xlp8n+o05ikjy7gbtFJSt9gdU88jAmtfmOxHM14noQXBxfgzf2yRWECiNVhTCw==
+"@babel/plugin-transform-dotall-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.25.9.tgz#bad7945dd07734ca52fe3ad4e872b40ed09bb09a"
+  integrity sha512-t7ZQ7g5trIgSRYhI9pIJtRl64KHotutUJsh4Eze5l7olJv+mRSg4/MmbZ0tv1eeqRbdvo/+trvJD/Oc5DmW2cA==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-duplicate-keys@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.24.1.tgz#5347a797fe82b8d09749d10e9f5b83665adbca88"
-  integrity sha512-msyzuUnvsjsaSaocV6L7ErfNsa5nDWL1XKNnDePLgmz+WdU4w/J8+AxBMrWfi9m4IxfL5sZQKUPQKDQeeAT6lA==
+"@babel/plugin-transform-duplicate-keys@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.25.9.tgz#8850ddf57dce2aebb4394bb434a7598031059e6d"
+  integrity sha512-LZxhJ6dvBb/f3x8xwWIuyiAHy56nrRG3PeYTpBkkzkYRRQ6tJLu68lEF5VIqMUZiAV7a8+Tb78nEoMCMcqjXBw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-dynamic-import@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.24.1.tgz#2a5a49959201970dd09a5fca856cb651e44439dd"
-  integrity sha512-av2gdSTyXcJVdI+8aFZsCAtR29xJt0S5tas+Ef8NvBNmD1a+N/3ecMLeMBgfcK+xzsjdLDT6oHt+DFPyeqUbDA==
+"@babel/plugin-transform-duplicate-named-capturing-groups-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.25.9.tgz#6f7259b4de127721a08f1e5165b852fcaa696d31"
+  integrity sha512-0UfuJS0EsXbRvKnwcLjFtJy/Sxc5J5jhLHnFhy7u4zih97Hz6tJkLU+O+FMMrNZrosUPxDi6sYxJ/EA8jDiAog==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-exponentiation-operator@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.24.1.tgz#6650ebeb5bd5c012d5f5f90a26613a08162e8ba4"
-  integrity sha512-U1yX13dVBSwS23DEAqU+Z/PkwE9/m7QQy8Y9/+Tdb8UWYaGNDYwTLi19wqIAiROr8sXVum9A/rtiH5H0boUcTw==
+"@babel/plugin-transform-dynamic-import@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.25.9.tgz#23e917de63ed23c6600c5dd06d94669dce79f7b8"
+  integrity sha512-GCggjexbmSLaFhqsojeugBpeaRIgWNTcgKVq/0qIteFEqY2A+b9QidYadrWlnbWQUrW5fn+mCvf3tr7OeBFTyg==
   dependencies:
-    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-export-namespace-from@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.24.1.tgz#f033541fc036e3efb2dcb58eedafd4f6b8078acd"
-  integrity sha512-Ft38m/KFOyzKw2UaJFkWG9QnHPG/Q/2SkOrRk4pNBPg5IPZ+dOxcmkK5IyuBcxiNPyyYowPGUReyBvrvZs7IlQ==
+"@babel/plugin-transform-exponentiation-operator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.25.9.tgz#ece47b70d236c1d99c263a1e22b62dc20a4c8b0f"
+  integrity sha512-KRhdhlVk2nObA5AYa7QMgTMTVJdfHprfpAk4DjZVtllqRg9qarilstTKEhpVjyt+Npi8ThRyiV8176Am3CodPA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-export-namespace-from@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.25.9.tgz#90745fe55053394f554e40584cda81f2c8a402a2"
+  integrity sha512-2NsEz+CxzJIVOPx2o9UsW1rXLqtChtLoVnwYHHiB04wS5sgn7mrV45fWMBX0Kk+ub9uXytVYfNP2HjbVbCB3Ww==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-flow-strip-types@^7.20.0", "@babel/plugin-transform-flow-strip-types@^7.24.1":
+"@babel/plugin-transform-flow-strip-types@^7.24.1":
   version "7.24.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.24.1.tgz#fa8d0a146506ea195da1671d38eed459242b2dcc"
   integrity sha512-iIYPIWt3dUmUKKE10s3W+jsQ3icFkw0JyRVyY1B7G4yK/nngAOHLVx8xlhA6b/Jzl/Y0nis8gjqhqKtRDQqHWQ==
@@ -666,62 +835,68 @@
     "@babel/helper-plugin-utils" "^7.24.0"
     "@babel/plugin-syntax-flow" "^7.24.1"
 
-"@babel/plugin-transform-for-of@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.24.1.tgz#67448446b67ab6c091360ce3717e7d3a59e202fd"
-  integrity sha512-OxBdcnF04bpdQdR3i4giHZNZQn7cm8RQKcSwA17wAAqEELo1ZOwp5FFgeptWUQXFyT9kwHo10aqqauYkRZPCAg==
+"@babel/plugin-transform-flow-strip-types@^7.25.2":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.25.9.tgz#85879b42a8f5948fd6317069978e98f23ef8aec1"
+  integrity sha512-/VVukELzPDdci7UUsWQaSkhgnjIWXnIyRpM02ldxaVoFK96c41So8JcKT3m0gYjyv7j5FNPGS5vfELrWalkbDA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/plugin-syntax-flow" "^7.25.9"
 
-"@babel/plugin-transform-function-name@^7.0.0", "@babel/plugin-transform-function-name@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.24.1.tgz#8cba6f7730626cc4dfe4ca2fa516215a0592b361"
-  integrity sha512-BXmDZpPlh7jwicKArQASrj8n22/w6iymRnvHYYd2zO30DbE277JO20/7yXJT3QxDPtiQiOxQBbZH4TpivNXIxA==
+"@babel/plugin-transform-for-of@^7.24.7", "@babel/plugin-transform-for-of@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.25.9.tgz#4bdc7d42a213397905d89f02350c5267866d5755"
+  integrity sha512-LqHxduHoaGELJl2uhImHwRQudhCM50pT46rIBNvtT/Oql3nqiS3wOwP+5ten7NpYSXrrVLgtZU3DZmPtWZo16A==
   dependencies:
-    "@babel/helper-compilation-targets" "^7.23.6"
-    "@babel/helper-function-name" "^7.23.0"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
 
-"@babel/plugin-transform-json-strings@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.24.1.tgz#08e6369b62ab3e8a7b61089151b161180c8299f7"
-  integrity sha512-U7RMFmRvoasscrIFy5xA4gIp8iWnWubnKkKuUGJjsuOH7GfbMkB+XZzeslx2kLdEGdOJDamEmCqOks6e8nv8DQ==
+"@babel/plugin-transform-function-name@^7.25.1", "@babel/plugin-transform-function-name@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.25.9.tgz#939d956e68a606661005bfd550c4fc2ef95f7b97"
+  integrity sha512-8lP+Yxjv14Vc5MuWBpJsoUCd3hD6V9DgBon2FVYL4jJgbnVQ9fTgYmonchzZJOVNgzEgbxp4OwAf6xz6M/14XA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-json-strings" "^7.8.3"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
 
-"@babel/plugin-transform-literals@^7.0.0", "@babel/plugin-transform-literals@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.24.1.tgz#0a1982297af83e6b3c94972686067df588c5c096"
-  integrity sha512-zn9pwz8U7nCqOYIiBaOxoQOtYmMODXTJnkxG4AtX8fPmnCRYWBOHD0qcpwS9e2VDSp1zNJYpdnFMIKb8jmwu6g==
+"@babel/plugin-transform-json-strings@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.25.9.tgz#c86db407cb827cded902a90c707d2781aaa89660"
+  integrity sha512-xoTMk0WXceiiIvsaquQQUaLLXSW1KJ159KP87VilruQm0LNNGxWzahxSS6T6i4Zg3ezp4vA4zuwiNUR53qmQAw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-logical-assignment-operators@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.24.1.tgz#719d8aded1aa94b8fb34e3a785ae8518e24cfa40"
-  integrity sha512-OhN6J4Bpz+hIBqItTeWJujDOfNP+unqv/NJgyhlpSqgBTPm37KkMmZV6SYcOj+pnDbdcl1qRGV/ZiIjX9Iy34w==
+"@babel/plugin-transform-literals@^7.25.2", "@babel/plugin-transform-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.25.9.tgz#1a1c6b4d4aa59bc4cad5b6b3a223a0abd685c9de"
+  integrity sha512-9N7+2lFziW8W9pBl2TzaNht3+pgMIRP74zizeCSrtnSKVdUl8mAjjOP2OOVQAfZ881P2cNjDj1uAMEdeD50nuQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-member-expression-literals@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.24.1.tgz#896d23601c92f437af8b01371ad34beb75df4489"
-  integrity sha512-4ojai0KysTWXzHseJKa1XPNXKRbuUrhkOPY4rEGeR+7ChlJVKxFa3H3Bz+7tWaGKgJAXUWKOGmltN+u9B3+CVg==
+"@babel/plugin-transform-logical-assignment-operators@^7.24.7", "@babel/plugin-transform-logical-assignment-operators@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.25.9.tgz#b19441a8c39a2fda0902900b306ea05ae1055db7"
+  integrity sha512-wI4wRAzGko551Y8eVf6iOY9EouIDTtPb0ByZx+ktDGHwv6bHFimrgJM/2T021txPZ2s4c7bqvHbd+vXG6K948Q==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-modules-amd@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.24.1.tgz#b6d829ed15258536977e9c7cc6437814871ffa39"
-  integrity sha512-lAxNHi4HVtjnHd5Rxg3D5t99Xm6H7b04hUS7EHIXcUl2EV4yl1gWdqZrNzXnSrHveL9qMdbODlLF55mvgjAfaQ==
+"@babel/plugin-transform-member-expression-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.25.9.tgz#63dff19763ea64a31f5e6c20957e6a25e41ed5de"
+  integrity sha512-PYazBVfofCQkkMzh2P6IdIUaCEWni3iYEerAsRWuVd8+jlM1S9S9cz1dF9hIzyoZ8IA3+OwVYIp9v9e+GbgZhA==
   dependencies:
-    "@babel/helper-module-transforms" "^7.23.3"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-modules-amd@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.25.9.tgz#49ba478f2295101544abd794486cd3088dddb6c5"
+  integrity sha512-g5T11tnI36jVClQlMlt4qKDLlWnG5pP9CSM4GhdRciTNMRgkfpo5cR6b4rGIOYPgRRuFAvwjPQ/Yk+ql4dyhbw==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-modules-commonjs@^7.0.0", "@babel/plugin-transform-modules-commonjs@^7.13.8", "@babel/plugin-transform-modules-commonjs@^7.24.1":
+"@babel/plugin-transform-modules-commonjs@^7.13.8", "@babel/plugin-transform-modules-commonjs@^7.24.1":
   version "7.24.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.24.1.tgz#e71ba1d0d69e049a22bf90b3867e263823d3f1b9"
   integrity sha512-szog8fFTUxBfw0b98gEWPaEqF42ZUD/T3bkynW/wtgx2p/XCP55WEsb+VosKceRSd6njipdZvNogqdtI4Q0chw==
@@ -730,218 +905,229 @@
     "@babel/helper-plugin-utils" "^7.24.0"
     "@babel/helper-simple-access" "^7.22.5"
 
-"@babel/plugin-transform-modules-systemjs@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.24.1.tgz#2b9625a3d4e445babac9788daec39094e6b11e3e"
-  integrity sha512-mqQ3Zh9vFO1Tpmlt8QPnbwGHzNz3lpNEMxQb1kAemn/erstyqw1r9KeOlOfo3y6xAnFEcOv2tSyrXfmMk+/YZA==
+"@babel/plugin-transform-modules-commonjs@^7.24.8", "@babel/plugin-transform-modules-commonjs@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.25.9.tgz#d165c8c569a080baf5467bda88df6425fc060686"
+  integrity sha512-dwh2Ol1jWwL2MgkCzUSOvfmKElqQcuswAZypBSUsScMXvgdT8Ekq5YA6TtqpTVWH+4903NmboMuH1o9i8Rxlyg==
   dependencies:
-    "@babel/helper-hoist-variables" "^7.22.5"
-    "@babel/helper-module-transforms" "^7.23.3"
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-validator-identifier" "^7.22.20"
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-simple-access" "^7.25.9"
 
-"@babel/plugin-transform-modules-umd@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.24.1.tgz#69220c66653a19cf2c0872b9c762b9a48b8bebef"
-  integrity sha512-tuA3lpPj+5ITfcCluy6nWonSL7RvaG0AOTeAuvXqEKS34lnLzXpDb0dcP6K8jD0zWZFNDVly90AGFJPnm4fOYg==
+"@babel/plugin-transform-modules-systemjs@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.25.9.tgz#8bd1b43836269e3d33307151a114bcf3ba6793f8"
+  integrity sha512-hyss7iIlH/zLHaehT+xwiymtPOpsiwIIRlCAOwBB04ta5Tt+lNItADdlXw3jAWZ96VJ2jlhl/c+PNIQPKNfvcA==
   dependencies:
-    "@babel/helper-module-transforms" "^7.23.3"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
 
-"@babel/plugin-transform-named-capturing-groups-regex@^7.0.0", "@babel/plugin-transform-named-capturing-groups-regex@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz#67fe18ee8ce02d57c855185e27e3dc959b2e991f"
-  integrity sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==
+"@babel/plugin-transform-modules-umd@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.25.9.tgz#6710079cdd7c694db36529a1e8411e49fcbf14c9"
+  integrity sha512-bS9MVObUgE7ww36HEfwe6g9WakQ0KF07mQF74uuXdkoziUPfKyu/nIm663kz//e5O1nPInPFx36z7WJmJ4yNEw==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-new-target@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.24.1.tgz#29c59988fa3d0157de1c871a28cd83096363cc34"
-  integrity sha512-/rurytBM34hYy0HKZQyA0nHbQgQNFm4Q/BOc9Hflxi2X3twRof7NaE5W46j4kQitm7SvACVRXsa6N/tSZxvPug==
+"@babel/plugin-transform-named-capturing-groups-regex@^7.24.7", "@babel/plugin-transform-named-capturing-groups-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.25.9.tgz#454990ae6cc22fd2a0fa60b3a2c6f63a38064e6a"
+  integrity sha512-oqB6WHdKTGl3q/ItQhpLSnWWOpjUJLsOCLVyeFgeTktkBSCiurvPOsyt93gibI9CmuKvTUEtWmG5VhZD+5T/KA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-nullish-coalescing-operator@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.24.1.tgz#0cd494bb97cb07d428bd651632cb9d4140513988"
-  integrity sha512-iQ+caew8wRrhCikO5DrUYx0mrmdhkaELgFa+7baMcVuhxIkN7oxt06CZ51D65ugIb1UWRQ8oQe+HXAVM6qHFjw==
+"@babel/plugin-transform-new-target@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.25.9.tgz#42e61711294b105c248336dcb04b77054ea8becd"
+  integrity sha512-U/3p8X1yCSoKyUj2eOBIx3FOn6pElFOKvAAGf8HTtItuPyB+ZeOqfn+mvTtg9ZlOAjsPdK3ayQEjqHjU/yLeVQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-numeric-separator@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.24.1.tgz#5bc019ce5b3435c1cadf37215e55e433d674d4e8"
-  integrity sha512-7GAsGlK4cNL2OExJH1DzmDeKnRv/LXq0eLUSvudrehVA5Rgg4bIrqEUW29FbKMBRT0ztSqisv7kjP+XIC4ZMNw==
+"@babel/plugin-transform-nullish-coalescing-operator@^7.24.7", "@babel/plugin-transform-nullish-coalescing-operator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.25.9.tgz#bcb1b0d9e948168102d5f7104375ca21c3266949"
+  integrity sha512-ENfftpLZw5EItALAD4WsY/KUWvhUlZndm5GC7G3evUsVeSJB6p0pBeLQUnRnBCBx7zV0RKQjR9kCuwrsIrjWog==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-object-rest-spread@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.24.1.tgz#5a3ce73caf0e7871a02e1c31e8b473093af241ff"
-  integrity sha512-XjD5f0YqOtebto4HGISLNfiNMTTs6tbkFf2TOqJlYKYmbo+mN9Dnpl4SRoofiziuOWMIyq3sZEUqLo3hLITFEA==
+"@babel/plugin-transform-numeric-separator@^7.24.7", "@babel/plugin-transform-numeric-separator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.25.9.tgz#bfed75866261a8b643468b0ccfd275f2033214a1"
+  integrity sha512-TlprrJ1GBZ3r6s96Yq8gEQv82s8/5HnCVHtEJScUj90thHQbwe+E5MLhi2bbNHBEJuzrvltXSru+BUxHDoog7Q==
   dependencies:
-    "@babel/helper-compilation-targets" "^7.23.6"
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-transform-parameters" "^7.24.1"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-object-super@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.24.1.tgz#e71d6ab13483cca89ed95a474f542bbfc20a0520"
-  integrity sha512-oKJqR3TeI5hSLRxudMjFQ9re9fBVUU0GICqM3J1mi8MqlhVr6hC/ZN4ttAyMuQR6EZZIY6h/exe5swqGNNIkWQ==
+"@babel/plugin-transform-object-rest-spread@^7.24.7", "@babel/plugin-transform-object-rest-spread@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.25.9.tgz#0203725025074164808bcf1a2cfa90c652c99f18"
+  integrity sha512-fSaXafEE9CVHPweLYw4J0emp1t8zYTXyzN3UuG+lylqkvYd7RMrsOQ8TYx5RF231be0vqtFC6jnx3UmpJmKBYg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-replace-supers" "^7.24.1"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/plugin-transform-parameters" "^7.25.9"
 
-"@babel/plugin-transform-optional-catch-binding@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.24.1.tgz#92a3d0efe847ba722f1a4508669b23134669e2da"
-  integrity sha512-oBTH7oURV4Y+3EUrf6cWn1OHio3qG/PVwO5J03iSJmBg6m2EhKjkAu/xuaXaYwWW9miYtvbWv4LNf0AmR43LUA==
+"@babel/plugin-transform-object-super@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.25.9.tgz#385d5de135162933beb4a3d227a2b7e52bb4cf03"
+  integrity sha512-Kj/Gh+Rw2RNLbCK1VAWj2U48yxxqL2x0k10nPtSdRa0O2xnHXalD0s+o1A6a0W43gJ00ANo38jxkQreckOzv5A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.25.9"
 
-"@babel/plugin-transform-optional-chaining@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.24.1.tgz#26e588acbedce1ab3519ac40cc748e380c5291e6"
-  integrity sha512-n03wmDt+987qXwAgcBlnUUivrZBPZ8z1plL0YvgQalLm+ZE5BMhGm94jhxXtA1wzv1Cu2aaOv1BM9vbVttrzSg==
+"@babel/plugin-transform-optional-catch-binding@^7.24.7", "@babel/plugin-transform-optional-catch-binding@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.25.9.tgz#10e70d96d52bb1f10c5caaac59ac545ea2ba7ff3"
+  integrity sha512-qM/6m6hQZzDcZF3onzIhZeDHDO43bkNNlOX0i8n3lR6zLbu0GN2d8qfM/IERJZYauhAHSLHy39NF0Ctdvcid7g==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-parameters@^7.0.0", "@babel/plugin-transform-parameters@^7.20.7", "@babel/plugin-transform-parameters@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.24.1.tgz#983c15d114da190506c75b616ceb0f817afcc510"
-  integrity sha512-8Jl6V24g+Uw5OGPeWNKrKqXPDw2YDjLc53ojwfMcKwlEoETKU9rU0mHUtcg9JntWI/QYzGAXNWEcVHZ+fR+XXg==
+"@babel/plugin-transform-optional-chaining@^7.24.8", "@babel/plugin-transform-optional-chaining@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.25.9.tgz#e142eb899d26ef715435f201ab6e139541eee7dd"
+  integrity sha512-6AvV0FsLULbpnXeBjrY4dmWF8F7gf8QnvTEoO/wX/5xm/xE1Xo8oPuD3MPS+KS9f9XBEAWN7X1aWr4z9HdOr7A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
 
-"@babel/plugin-transform-private-methods@^7.22.5", "@babel/plugin-transform-private-methods@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.24.1.tgz#a0faa1ae87eff077e1e47a5ec81c3aef383dc15a"
-  integrity sha512-tGvisebwBO5em4PaYNqt4fkw56K2VALsAbAakY0FjTYqJp7gfdrgr7YX76Or8/cpik0W6+tj3rZ0uHU9Oil4tw==
+"@babel/plugin-transform-parameters@^7.24.7", "@babel/plugin-transform-parameters@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.25.9.tgz#b856842205b3e77e18b7a7a1b94958069c7ba257"
+  integrity sha512-wzz6MKwpnshBAiRmn4jR8LYz/g8Ksg0o80XmwZDlordjwEk9SxBzTWC7F5ef1jhbrbOW2DJ5J6ayRukrJmnr0g==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.24.1"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-private-property-in-object@^7.22.11", "@babel/plugin-transform-private-property-in-object@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.24.1.tgz#756443d400274f8fb7896742962cc1b9f25c1f6a"
-  integrity sha512-pTHxDVa0BpUbvAgX3Gat+7cSciXqUcY9j2VZKTbSB6+VQGpNgNO9ailxTGHSXlqOnX1Hcx1Enme2+yv7VqP9bg==
+"@babel/plugin-transform-private-methods@^7.24.7", "@babel/plugin-transform-private-methods@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.25.9.tgz#847f4139263577526455d7d3223cd8bda51e3b57"
+  integrity sha512-D/JUozNpQLAPUVusvqMxyvjzllRaF8/nSrP1s2YGQT/W4LHK4xxsMcHjhOGTS01mp9Hda8nswb+FblLdJornQw==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-create-class-features-plugin" "^7.24.1"
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-property-literals@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.24.1.tgz#d6a9aeab96f03749f4eebeb0b6ea8e90ec958825"
-  integrity sha512-LetvD7CrHmEx0G442gOomRr66d7q8HzzGGr4PMHGr+5YIm6++Yke+jxj246rpvsbyhJwCLxcTn6zW1P1BSenqA==
+"@babel/plugin-transform-private-property-in-object@^7.24.7", "@babel/plugin-transform-private-property-in-object@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.25.9.tgz#9c8b73e64e6cc3cbb2743633885a7dd2c385fe33"
+  integrity sha512-Evf3kcMqzXA3xfYJmZ9Pg1OvKdtqsDMSWBDzZOPLvHiTt36E75jLDQo5w1gtRU95Q4E5PDttrTf25Fw8d/uWLw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-react-display-name@^7.0.0":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.24.1.tgz#554e3e1a25d181f040cf698b93fd289a03bfdcdb"
-  integrity sha512-mvoQg2f9p2qlpDQRBC7M3c3XTr0k7cp/0+kFKKO/7Gtu0LSw16eKB+Fabe2bDT/UpsyasTBBkAnbdsLrkD5XMw==
+"@babel/plugin-transform-property-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.25.9.tgz#d72d588bd88b0dec8b62e36f6fda91cedfe28e3f"
+  integrity sha512-IvIUeV5KrS/VPavfSM/Iu+RE6llrHrYIKY1yfCzyO/lMXHQ+p7uGhonmGVisv6tSBSVgWzMBohTcvkC9vQcQFA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-react-jsx-self@^7.0.0":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.24.1.tgz#a21d866d8167e752c6a7c4555dba8afcdfce6268"
-  integrity sha512-kDJgnPujTmAZ/9q2CN4m2/lRsUUPDvsG3+tSHWUJIzMGTt5U/b/fwWd3RO3n+5mjLrsBrVa5eKFRVSQbi3dF1w==
+"@babel/plugin-transform-react-display-name@^7.24.7":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.25.9.tgz#4b79746b59efa1f38c8695065a92a9f5afb24f7d"
+  integrity sha512-KJfMlYIUxQB1CJfO3e0+h0ZHWOTLCPP115Awhaz8U0Zpq36Gl/cXlpoyMRnUWlhNUBAzldnCiAZNvCDj7CrKxQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-react-jsx-source@^7.0.0":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.24.1.tgz#a2dedb12b09532846721b5df99e52ef8dc3351d0"
-  integrity sha512-1v202n7aUq4uXAieRTKcwPzNyphlCuqHHDcdSNc+vdhoTEZcFMh+L5yZuCmGaIO7bs1nJUNfHB89TZyoL48xNA==
+"@babel/plugin-transform-react-jsx-self@^7.24.7":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.25.9.tgz#c0b6cae9c1b73967f7f9eb2fca9536ba2fad2858"
+  integrity sha512-y8quW6p0WHkEhmErnfe58r7x0A70uKphQm8Sp8cV7tjNQwK56sNVK0M73LK3WuYmsuyrftut4xAkjjgU0twaMg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-react-jsx@^7.0.0":
-  version "7.23.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.23.4.tgz#393f99185110cea87184ea47bcb4a7b0c2e39312"
-  integrity sha512-5xOpoPguCZCRbo/JeHlloSkTA8Bld1J/E1/kLfD1nsuiW1m8tduTA1ERCgIZokDflX/IBzKcqR3l7VlRgiIfHA==
+"@babel/plugin-transform-react-jsx-source@^7.24.7":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.25.9.tgz#4c6b8daa520b5f155b5fb55547d7c9fa91417503"
+  integrity sha512-+iqjT8xmXhhYv4/uiYd8FNQsraMFZIfxVSqxxVSZP0WbbSAWvBXAul0m/zu+7Vv4O/3WtApy9pmaTMiumEZgfg==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-module-imports" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-jsx" "^7.23.3"
-    "@babel/types" "^7.23.4"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-regenerator@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.24.1.tgz#625b7545bae52363bdc1fbbdc7252b5046409c8c"
-  integrity sha512-sJwZBCzIBE4t+5Q4IGLaaun5ExVMRY0lYwos/jNecjMrVCygCdph3IKv0tkP5Fc87e/1+bebAmEAGBfnRD+cnw==
+"@babel/plugin-transform-react-jsx@^7.25.2":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.25.9.tgz#06367940d8325b36edff5e2b9cbe782947ca4166"
+  integrity sha512-s5XwpQYCqGerXl+Pu6VDL3x0j2d82eiV77UJ8a2mDHAW7j9SWRqQ2y1fNo1Z74CdcYipl5Z41zvjj4Nfzq36rw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/plugin-syntax-jsx" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/plugin-transform-regenerator@^7.24.7", "@babel/plugin-transform-regenerator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.25.9.tgz#03a8a4670d6cebae95305ac6defac81ece77740b"
+  integrity sha512-vwDcDNsgMPDGP0nMqzahDWE5/MLcX8sv96+wfX7as7LoF/kr97Bo/7fI00lXY4wUXYfVmwIIyG80fGZ1uvt2qg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
     regenerator-transform "^0.15.2"
 
-"@babel/plugin-transform-reserved-words@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.24.1.tgz#8de729f5ecbaaf5cf83b67de13bad38a21be57c1"
-  integrity sha512-JAclqStUfIwKN15HrsQADFgeZt+wexNQ0uLhuqvqAUFoqPMjEcFCYZBhq0LUdz6dZK/mD+rErhW71fbx8RYElg==
+"@babel/plugin-transform-regexp-modifiers@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.26.0.tgz#2f5837a5b5cd3842a919d8147e9903cc7455b850"
+  integrity sha512-vN6saax7lrA2yA/Pak3sCxuD6F5InBjn9IcrIKQPjpsLvuHYLVroTxjdlVRHjjBWxKOqIwpTXDkOssYT4BFdRw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-runtime@^7.0.0":
-  version "7.24.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.24.3.tgz#dc58ad4a31810a890550365cc922e1ff5acb5d7f"
-  integrity sha512-J0BuRPNlNqlMTRJ72eVptpt9VcInbxO6iP3jaxr+1NPhC0UkKL+6oeX6VXMEYdADnuqmMmsBspt4d5w8Y/TCbQ==
+"@babel/plugin-transform-reserved-words@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.25.9.tgz#0398aed2f1f10ba3f78a93db219b27ef417fb9ce"
+  integrity sha512-7DL7DKYjn5Su++4RXu8puKZm2XBPHyjWLUidaPEkCUBbE7IPcsrkRHggAOOKydH1dASWdcUBxrkOGNxUv5P3Jg==
   dependencies:
-    "@babel/helper-module-imports" "^7.24.3"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-runtime@^7.24.7":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.25.9.tgz#62723ea3f5b31ffbe676da9d6dae17138ae580ea"
+  integrity sha512-nZp7GlEl+yULJrClz0SwHPqir3lc0zsPrDHQUcxGspSL7AKrexNSEfTbfqnDNJUO13bgKyfuOLMF8Xqtu8j3YQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
     babel-plugin-polyfill-corejs2 "^0.4.10"
-    babel-plugin-polyfill-corejs3 "^0.10.1"
+    babel-plugin-polyfill-corejs3 "^0.10.6"
     babel-plugin-polyfill-regenerator "^0.6.1"
     semver "^6.3.1"
 
-"@babel/plugin-transform-shorthand-properties@^7.0.0", "@babel/plugin-transform-shorthand-properties@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.24.1.tgz#ba9a09144cf55d35ec6b93a32253becad8ee5b55"
-  integrity sha512-LyjVB1nsJ6gTTUKRjRWx9C1s9hE7dLfP/knKdrfeH9UPtAGjYGgxIbFfx7xyLIEWs7Xe1Gnf8EWiUqfjLhInZA==
+"@babel/plugin-transform-shorthand-properties@^7.24.7", "@babel/plugin-transform-shorthand-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.25.9.tgz#bb785e6091f99f826a95f9894fc16fde61c163f2"
+  integrity sha512-MUv6t0FhO5qHnS/W8XCbHmiRWOphNufpE1IVxhK5kuN3Td9FT1x4rx4K42s3RYdMXCXpfWkGSbCSd0Z64xA7Ng==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-spread@^7.0.0", "@babel/plugin-transform-spread@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.24.1.tgz#a1acf9152cbf690e4da0ba10790b3ac7d2b2b391"
-  integrity sha512-KjmcIM+fxgY+KxPVbjelJC6hrH1CgtPmTvdXAfn3/a9CnWGSTY7nH4zm5+cjmWJybdcPSsD0++QssDsjcpe47g==
+"@babel/plugin-transform-spread@^7.24.7", "@babel/plugin-transform-spread@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.25.9.tgz#24a35153931b4ba3d13cec4a7748c21ab5514ef9"
+  integrity sha512-oNknIB0TbURU5pqJFVbOOFspVlrpVwo2H1+HUIsVDvp5VauGGDP1ZEvO8Nn5xyMEs3dakajOxlmkNW7kNgSm6A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
 
-"@babel/plugin-transform-sticky-regex@^7.0.0", "@babel/plugin-transform-sticky-regex@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.24.1.tgz#f03e672912c6e203ed8d6e0271d9c2113dc031b9"
-  integrity sha512-9v0f1bRXgPVcPrngOQvLXeGNNVLc8UjMVfebo9ka0WF3/7+aVUHmaJVT3sa0XCzEFioPfPHZiOcYG9qOsH63cw==
+"@babel/plugin-transform-sticky-regex@^7.24.7", "@babel/plugin-transform-sticky-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.25.9.tgz#c7f02b944e986a417817b20ba2c504dfc1453d32"
+  integrity sha512-WqBUSgeVwucYDP9U/xNRQam7xV8W5Zf+6Eo7T2SRVUFlhRiMNFdFz58u0KZmCVVqs2i7SHgpRnAhzRNmKfi2uA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-template-literals@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.24.1.tgz#15e2166873a30d8617e3e2ccadb86643d327aab7"
-  integrity sha512-WRkhROsNzriarqECASCNu/nojeXCDTE/F2HmRgOzi7NGvyfYGq1NEjKBK3ckLfRgGc6/lPAqP0vDOSw3YtG34g==
+"@babel/plugin-transform-template-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.25.9.tgz#6dbd4a24e8fad024df76d1fac6a03cf413f60fe1"
+  integrity sha512-o97AE4syN71M/lxrCtQByzphAdlYluKPDBzDVzMmfCobUjjhAryZV0AIpRPrxN0eAkxXO6ZLEScmt+PNhj2OTw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-typeof-symbol@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.24.1.tgz#6831f78647080dec044f7e9f68003d99424f94c7"
-  integrity sha512-CBfU4l/A+KruSUoW+vTQthwcAdwuqbpRNB8HQKlZABwHRhsdHZ9fezp4Sn18PeAlYxTNiLMlx4xUBV3AWfg1BA==
+"@babel/plugin-transform-typeof-symbol@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.25.9.tgz#224ba48a92869ddbf81f9b4a5f1204bbf5a2bc4b"
+  integrity sha512-v61XqUMiueJROUv66BVIOi0Fv/CUuZuZMl5NkRoCVxLAnMexZ0A3kMe7vvZ0nulxMuMp0Mk6S5hNh48yki08ZA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-typescript@^7.24.1", "@babel/plugin-transform-typescript@^7.5.0":
+"@babel/plugin-transform-typescript@^7.24.1":
   version "7.24.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.24.1.tgz#5c05e28bb76c7dfe7d6c5bed9951324fd2d3ab07"
   integrity sha512-liYSESjX2fZ7JyBFkYG78nfvHlMKE6IpNdTVnxmlYUR+j5ZLsitFbaAE+eJSK2zPPkNWNw4mXL51rQ8WrvdK0w==
@@ -951,121 +1137,121 @@
     "@babel/helper-plugin-utils" "^7.24.0"
     "@babel/plugin-syntax-typescript" "^7.24.1"
 
-"@babel/plugin-transform-unicode-escapes@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.24.1.tgz#fb3fa16676549ac7c7449db9b342614985c2a3a4"
-  integrity sha512-RlkVIcWT4TLI96zM660S877E7beKlQw7Ig+wqkKBiWfj0zH5Q4h50q6er4wzZKRNSYpfo6ILJ+hrJAGSX2qcNw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-unicode-property-regex@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.24.1.tgz#56704fd4d99da81e5e9f0c0c93cabd91dbc4889e"
-  integrity sha512-Ss4VvlfYV5huWApFsF8/Sq0oXnGO+jB+rijFEFugTd3cwSObUSnUi88djgR5528Csl0uKlrI331kRqe56Ov2Ng==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-unicode-regex@^7.0.0", "@babel/plugin-transform-unicode-regex@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.24.1.tgz#57c3c191d68f998ac46b708380c1ce4d13536385"
-  integrity sha512-2A/94wgZgxfTsiLaQ2E36XAOdcZmGAaEEgVmxQWwZXWkGhvoHbaqXcKnU8zny4ycpu3vNqg0L/PcCiYtHtA13g==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/plugin-transform-unicode-sets-regex@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.24.1.tgz#c1ea175b02afcffc9cf57a9c4658326625165b7f"
-  integrity sha512-fqj4WuzzS+ukpgerpAoOnMfQXwUHFxXUZUE84oL2Kao2N8uSlvcpnAidKASgsNgzZHBsHWvcm8s9FPWUhAb8fA==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.24.0"
-
-"@babel/preset-env@^7.20.0":
-  version "7.24.3"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.24.3.tgz#f3f138c844ffeeac372597b29c51b5259e8323a3"
-  integrity sha512-fSk430k5c2ff8536JcPvPWK4tZDwehWLGlBp0wrsBUjZVdeQV6lePbwKWZaZfK2vnh/1kQX1PzAJWsnBmVgGJA==
-  dependencies:
-    "@babel/compat-data" "^7.24.1"
-    "@babel/helper-compilation-targets" "^7.23.6"
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-validator-option" "^7.23.5"
-    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.24.1"
-    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.24.1"
-    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.24.1"
+"@babel/plugin-transform-typescript@^7.25.2":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.25.9.tgz#69267905c2b33c2ac6d8fe765e9dc2ddc9df3849"
+  integrity sha512-7PbZQZP50tzv2KGGnhh82GSyMB01yKY9scIjf1a+GfZCtInOWqUH5+1EBU4t9fyR5Oykkkc9vFTs4OHrhHXljQ==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/plugin-syntax-typescript" "^7.25.9"
+
+"@babel/plugin-transform-unicode-escapes@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.25.9.tgz#a75ef3947ce15363fccaa38e2dd9bc70b2788b82"
+  integrity sha512-s5EDrE6bW97LtxOcGj1Khcx5AaXwiMmi4toFWRDP9/y0Woo6pXC+iyPu/KuhKtfSrNFd7jJB+/fkOtZy6aIC6Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-unicode-property-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.25.9.tgz#a901e96f2c1d071b0d1bb5dc0d3c880ce8f53dd3"
+  integrity sha512-Jt2d8Ga+QwRluxRQ307Vlxa6dMrYEMZCgGxoPR8V52rxPyldHu3hdlHspxaqYmE7oID5+kB+UKUB/eWS+DkkWg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-unicode-regex@^7.24.7", "@babel/plugin-transform-unicode-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.25.9.tgz#5eae747fe39eacf13a8bd006a4fb0b5d1fa5e9b1"
+  integrity sha512-yoxstj7Rg9dlNn9UQxzk4fcNivwv4nUYz7fYXBaKxvw/lnmPuOm/ikoELygbYq68Bls3D/D+NBPHiLwZdZZ4HA==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-unicode-sets-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.25.9.tgz#65114c17b4ffc20fa5b163c63c70c0d25621fabe"
+  integrity sha512-8BYqO3GeVNHtx69fdPshN3fnzUNLrWdHhk/icSwigksJGczKSizZ+Z6SBCxTs723Fr5VSNorTIK7a+R2tISvwQ==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/preset-env@^7.25.3":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.26.0.tgz#30e5c6bc1bcc54865bff0c5a30f6d4ccdc7fa8b1"
+  integrity sha512-H84Fxq0CQJNdPFT2DrfnylZ3cf5K43rGfWK4LJGPpjKHiZlk0/RzwEus3PDDZZg+/Er7lCA03MVacueUuXdzfw==
+  dependencies:
+    "@babel/compat-data" "^7.26.0"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-validator-option" "^7.25.9"
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.25.9"
+    "@babel/plugin-bugfix-safari-class-field-initializer-scope" "^7.25.9"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.25.9"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.25.9"
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.25.9"
     "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
-    "@babel/plugin-syntax-class-properties" "^7.12.13"
-    "@babel/plugin-syntax-class-static-block" "^7.14.5"
-    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
-    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
-    "@babel/plugin-syntax-import-assertions" "^7.24.1"
-    "@babel/plugin-syntax-import-attributes" "^7.24.1"
-    "@babel/plugin-syntax-import-meta" "^7.10.4"
-    "@babel/plugin-syntax-json-strings" "^7.8.3"
-    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
-    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
-    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
-    "@babel/plugin-syntax-top-level-await" "^7.14.5"
+    "@babel/plugin-syntax-import-assertions" "^7.26.0"
+    "@babel/plugin-syntax-import-attributes" "^7.26.0"
     "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
-    "@babel/plugin-transform-arrow-functions" "^7.24.1"
-    "@babel/plugin-transform-async-generator-functions" "^7.24.3"
-    "@babel/plugin-transform-async-to-generator" "^7.24.1"
-    "@babel/plugin-transform-block-scoped-functions" "^7.24.1"
-    "@babel/plugin-transform-block-scoping" "^7.24.1"
-    "@babel/plugin-transform-class-properties" "^7.24.1"
-    "@babel/plugin-transform-class-static-block" "^7.24.1"
-    "@babel/plugin-transform-classes" "^7.24.1"
-    "@babel/plugin-transform-computed-properties" "^7.24.1"
-    "@babel/plugin-transform-destructuring" "^7.24.1"
-    "@babel/plugin-transform-dotall-regex" "^7.24.1"
-    "@babel/plugin-transform-duplicate-keys" "^7.24.1"
-    "@babel/plugin-transform-dynamic-import" "^7.24.1"
-    "@babel/plugin-transform-exponentiation-operator" "^7.24.1"
-    "@babel/plugin-transform-export-namespace-from" "^7.24.1"
-    "@babel/plugin-transform-for-of" "^7.24.1"
-    "@babel/plugin-transform-function-name" "^7.24.1"
-    "@babel/plugin-transform-json-strings" "^7.24.1"
-    "@babel/plugin-transform-literals" "^7.24.1"
-    "@babel/plugin-transform-logical-assignment-operators" "^7.24.1"
-    "@babel/plugin-transform-member-expression-literals" "^7.24.1"
-    "@babel/plugin-transform-modules-amd" "^7.24.1"
-    "@babel/plugin-transform-modules-commonjs" "^7.24.1"
-    "@babel/plugin-transform-modules-systemjs" "^7.24.1"
-    "@babel/plugin-transform-modules-umd" "^7.24.1"
-    "@babel/plugin-transform-named-capturing-groups-regex" "^7.22.5"
-    "@babel/plugin-transform-new-target" "^7.24.1"
-    "@babel/plugin-transform-nullish-coalescing-operator" "^7.24.1"
-    "@babel/plugin-transform-numeric-separator" "^7.24.1"
-    "@babel/plugin-transform-object-rest-spread" "^7.24.1"
-    "@babel/plugin-transform-object-super" "^7.24.1"
-    "@babel/plugin-transform-optional-catch-binding" "^7.24.1"
-    "@babel/plugin-transform-optional-chaining" "^7.24.1"
-    "@babel/plugin-transform-parameters" "^7.24.1"
-    "@babel/plugin-transform-private-methods" "^7.24.1"
-    "@babel/plugin-transform-private-property-in-object" "^7.24.1"
-    "@babel/plugin-transform-property-literals" "^7.24.1"
-    "@babel/plugin-transform-regenerator" "^7.24.1"
-    "@babel/plugin-transform-reserved-words" "^7.24.1"
-    "@babel/plugin-transform-shorthand-properties" "^7.24.1"
-    "@babel/plugin-transform-spread" "^7.24.1"
-    "@babel/plugin-transform-sticky-regex" "^7.24.1"
-    "@babel/plugin-transform-template-literals" "^7.24.1"
-    "@babel/plugin-transform-typeof-symbol" "^7.24.1"
-    "@babel/plugin-transform-unicode-escapes" "^7.24.1"
-    "@babel/plugin-transform-unicode-property-regex" "^7.24.1"
-    "@babel/plugin-transform-unicode-regex" "^7.24.1"
-    "@babel/plugin-transform-unicode-sets-regex" "^7.24.1"
+    "@babel/plugin-transform-arrow-functions" "^7.25.9"
+    "@babel/plugin-transform-async-generator-functions" "^7.25.9"
+    "@babel/plugin-transform-async-to-generator" "^7.25.9"
+    "@babel/plugin-transform-block-scoped-functions" "^7.25.9"
+    "@babel/plugin-transform-block-scoping" "^7.25.9"
+    "@babel/plugin-transform-class-properties" "^7.25.9"
+    "@babel/plugin-transform-class-static-block" "^7.26.0"
+    "@babel/plugin-transform-classes" "^7.25.9"
+    "@babel/plugin-transform-computed-properties" "^7.25.9"
+    "@babel/plugin-transform-destructuring" "^7.25.9"
+    "@babel/plugin-transform-dotall-regex" "^7.25.9"
+    "@babel/plugin-transform-duplicate-keys" "^7.25.9"
+    "@babel/plugin-transform-duplicate-named-capturing-groups-regex" "^7.25.9"
+    "@babel/plugin-transform-dynamic-import" "^7.25.9"
+    "@babel/plugin-transform-exponentiation-operator" "^7.25.9"
+    "@babel/plugin-transform-export-namespace-from" "^7.25.9"
+    "@babel/plugin-transform-for-of" "^7.25.9"
+    "@babel/plugin-transform-function-name" "^7.25.9"
+    "@babel/plugin-transform-json-strings" "^7.25.9"
+    "@babel/plugin-transform-literals" "^7.25.9"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.25.9"
+    "@babel/plugin-transform-member-expression-literals" "^7.25.9"
+    "@babel/plugin-transform-modules-amd" "^7.25.9"
+    "@babel/plugin-transform-modules-commonjs" "^7.25.9"
+    "@babel/plugin-transform-modules-systemjs" "^7.25.9"
+    "@babel/plugin-transform-modules-umd" "^7.25.9"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.25.9"
+    "@babel/plugin-transform-new-target" "^7.25.9"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.25.9"
+    "@babel/plugin-transform-numeric-separator" "^7.25.9"
+    "@babel/plugin-transform-object-rest-spread" "^7.25.9"
+    "@babel/plugin-transform-object-super" "^7.25.9"
+    "@babel/plugin-transform-optional-catch-binding" "^7.25.9"
+    "@babel/plugin-transform-optional-chaining" "^7.25.9"
+    "@babel/plugin-transform-parameters" "^7.25.9"
+    "@babel/plugin-transform-private-methods" "^7.25.9"
+    "@babel/plugin-transform-private-property-in-object" "^7.25.9"
+    "@babel/plugin-transform-property-literals" "^7.25.9"
+    "@babel/plugin-transform-regenerator" "^7.25.9"
+    "@babel/plugin-transform-regexp-modifiers" "^7.26.0"
+    "@babel/plugin-transform-reserved-words" "^7.25.9"
+    "@babel/plugin-transform-shorthand-properties" "^7.25.9"
+    "@babel/plugin-transform-spread" "^7.25.9"
+    "@babel/plugin-transform-sticky-regex" "^7.25.9"
+    "@babel/plugin-transform-template-literals" "^7.25.9"
+    "@babel/plugin-transform-typeof-symbol" "^7.25.9"
+    "@babel/plugin-transform-unicode-escapes" "^7.25.9"
+    "@babel/plugin-transform-unicode-property-regex" "^7.25.9"
+    "@babel/plugin-transform-unicode-regex" "^7.25.9"
+    "@babel/plugin-transform-unicode-sets-regex" "^7.25.9"
     "@babel/preset-modules" "0.1.6-no-external-plugins"
     babel-plugin-polyfill-corejs2 "^0.4.10"
-    babel-plugin-polyfill-corejs3 "^0.10.4"
+    babel-plugin-polyfill-corejs3 "^0.10.6"
     babel-plugin-polyfill-regenerator "^0.6.1"
-    core-js-compat "^3.31.0"
+    core-js-compat "^3.38.1"
     semver "^6.3.1"
 
 "@babel/preset-flow@^7.13.13":
@@ -1113,14 +1299,21 @@
   resolved "https://registry.yarnpkg.com/@babel/regjsgen/-/regjsgen-0.8.0.tgz#f0ba69b075e1f05fb2825b7fad991e7adbb18310"
   integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==
 
-"@babel/runtime@^7.0.0", "@babel/runtime@^7.20.0", "@babel/runtime@^7.8.4":
+"@babel/runtime@^7.25.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.26.0.tgz#8600c2f595f277c60815256418b85356a65173c1"
+  integrity sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
+"@babel/runtime@^7.8.4":
   version "7.24.1"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.24.1.tgz#431f9a794d173b53720e69a6464abc6f0e2a5c57"
   integrity sha512-+BIznRzyqBf+2wCTxcKE3wDjfGeCoVE61KSHGpkzqrLi8qxqFwBeUFyId2cxkTmm55fzDGnm0+yCxaxygrLUnQ==
   dependencies:
     regenerator-runtime "^0.14.0"
 
-"@babel/template@^7.0.0", "@babel/template@^7.22.15", "@babel/template@^7.24.0", "@babel/template@^7.3.3":
+"@babel/template@^7.22.15", "@babel/template@^7.24.0", "@babel/template@^7.3.3":
   version "7.24.0"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.24.0.tgz#c6a524aa93a4a05d66aaf31654258fae69d87d50"
   integrity sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==
@@ -1129,7 +1322,29 @@
     "@babel/parser" "^7.24.0"
     "@babel/types" "^7.24.0"
 
-"@babel/traverse@^7.20.0", "@babel/traverse@^7.24.1":
+"@babel/template@^7.25.0", "@babel/template@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.25.9.tgz#ecb62d81a8a6f5dc5fe8abfc3901fc52ddf15016"
+  integrity sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==
+  dependencies:
+    "@babel/code-frame" "^7.25.9"
+    "@babel/parser" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/traverse--for-generate-function-map@npm:@babel/traverse@^7.25.3":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.25.9.tgz#a50f8fe49e7f69f53de5bea7e413cd35c5e13c84"
+  integrity sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==
+  dependencies:
+    "@babel/code-frame" "^7.25.9"
+    "@babel/generator" "^7.25.9"
+    "@babel/parser" "^7.25.9"
+    "@babel/template" "^7.25.9"
+    "@babel/types" "^7.25.9"
+    debug "^4.3.1"
+    globals "^11.1.0"
+
+"@babel/traverse@^7.24.1":
   version "7.24.1"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.1.tgz#d65c36ac9dd17282175d1e4a3c49d5b7988f530c"
   integrity sha512-xuU6o9m68KeqZbQuDt2TcKSxUw/mrsvavlEqQ1leZ/B+C9tk6E4sRWy97WaXgvq5E+nU3cXMxv3WKOCanVMCmQ==
@@ -1145,7 +1360,20 @@
     debug "^4.3.1"
     globals "^11.1.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.20.0", "@babel/types@^7.20.7", "@babel/types@^7.22.15", "@babel/types@^7.22.19", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.23.4", "@babel/types@^7.24.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
+"@babel/traverse@^7.25.3", "@babel/traverse@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.25.9.tgz#a50f8fe49e7f69f53de5bea7e413cd35c5e13c84"
+  integrity sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==
+  dependencies:
+    "@babel/code-frame" "^7.25.9"
+    "@babel/generator" "^7.25.9"
+    "@babel/parser" "^7.25.9"
+    "@babel/template" "^7.25.9"
+    "@babel/types" "^7.25.9"
+    debug "^4.3.1"
+    globals "^11.1.0"
+
+"@babel/types@^7.0.0", "@babel/types@^7.20.7", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.24.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
   version "7.24.0"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.0.tgz#3b951f435a92e7333eba05b7566fd297960ea1bf"
   integrity sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==
@@ -1154,19 +1382,37 @@
     "@babel/helper-validator-identifier" "^7.22.20"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.25.2", "@babel/types@^7.25.9", "@babel/types@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.26.0.tgz#deabd08d6b753bc8e0f198f8709fb575e31774ff"
+  integrity sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==
+  dependencies:
+    "@babel/helper-string-parser" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+
 "@bcoe/v8-coverage@^0.2.3":
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
-"@eslint-community/eslint-utils@^4.2.0":
+"@d11/react-native-fast-image@^8.6.12":
+  version "8.6.12"
+  resolved "https://registry.yarnpkg.com/@d11/react-native-fast-image/-/react-native-fast-image-8.6.12.tgz#4cc5adb594bef7508d8a15a7d7e3f9d3d65c4767"
+  integrity sha512-dKrSM42OWpQJ576hRrZVXnr7VONHf1wqTTLiDmGFfpZSfweg9PzzazNyOQRtcF7RXi4+yxYBTZjp8L3DJ7TBAA==
+
+"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
   integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
   dependencies:
     eslint-visitor-keys "^3.3.0"
 
-"@eslint-community/regexpp@^4.4.0", "@eslint-community/regexpp@^4.6.1":
+"@eslint-community/regexpp@^4.10.0":
+  version "4.11.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.11.1.tgz#a547badfc719eb3e5f4b556325e542fbe9d7a18f"
+  integrity sha512-m4DVN9ZqskZoLU5GlWZadwDnYo3vAEydiUayB9widCl9ffWx2IvPnp6n3on5rJmziJSw9Bv+Z3ChDVdMwXCY8Q==
+
+"@eslint-community/regexpp@^4.6.1":
   version "4.10.0"
   resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.10.0.tgz#548f6de556857c8bb73bbee70c35dc82a2e74d63"
   integrity sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==
@@ -1521,49 +1767,50 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
-"@react-native-community/cli-clean@12.3.6":
-  version "12.3.6"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-clean/-/cli-clean-12.3.6.tgz#e8a7910bebc97266fd5068649013a03958021fc4"
-  integrity sha512-gUU29ep8xM0BbnZjwz9MyID74KKwutq9x5iv4BCr2im6nly4UMf1B1D+V225wR7VcDGzbgWjaezsJShLLhC5ig==
+"@react-native-community/cli-clean@15.0.0":
+  version "15.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-clean/-/cli-clean-15.0.0.tgz#10c7cfde8379aaa7a60eaf4bd3920542d4af1b81"
+  integrity sha512-ndwVj77eYivHTRmwRBmiAhQq0nC012PDr9cqRQ5QUQl9xr9gXlyO26oWA9jJbXNydXf5DHsVqqDVvh97fERsbg==
   dependencies:
-    "@react-native-community/cli-tools" "12.3.6"
+    "@react-native-community/cli-tools" "15.0.0"
     chalk "^4.1.2"
     execa "^5.0.0"
+    fast-glob "^3.3.2"
 
-"@react-native-community/cli-config@12.3.6":
-  version "12.3.6"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-config/-/cli-config-12.3.6.tgz#5f0be68270217908a739c32e3155a0e354773251"
-  integrity sha512-JGWSYQ9EAK6m2v0abXwFLEfsqJ1zkhzZ4CV261QZF9MoUNB6h57a274h1MLQR9mG6Tsh38wBUuNfEPUvS1vYew==
+"@react-native-community/cli-config@15.0.0":
+  version "15.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-config/-/cli-config-15.0.0.tgz#c49b1f6b0cc374175a827467bbaf3cee9e9f4ceb"
+  integrity sha512-YwmQ9Q7JerwqYg0kMD+jwPer1x2ajPR7bjxkOzykfLK4AZxEZo+KgpkSTILMvdqW0WyaXwuYFsgtPa/YVaOn0A==
   dependencies:
-    "@react-native-community/cli-tools" "12.3.6"
+    "@react-native-community/cli-tools" "15.0.0"
     chalk "^4.1.2"
-    cosmiconfig "^5.1.0"
+    cosmiconfig "^9.0.0"
     deepmerge "^4.3.0"
-    glob "^7.1.3"
+    fast-glob "^3.3.2"
     joi "^17.2.1"
 
-"@react-native-community/cli-debugger-ui@12.3.6":
-  version "12.3.6"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-debugger-ui/-/cli-debugger-ui-12.3.6.tgz#418027a1ae76850079684d309a732eb378c7f690"
-  integrity sha512-SjUKKsx5FmcK9G6Pb6UBFT0s9JexVStK5WInmANw75Hm7YokVvHEgtprQDz2Uvy5znX5g2ujzrkIU//T15KQzA==
+"@react-native-community/cli-debugger-ui@15.0.0":
+  version "15.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-debugger-ui/-/cli-debugger-ui-15.0.0.tgz#b4186b419bebd513a1f5ba1e2324bc999003a2ec"
+  integrity sha512-S5A3QZv0ujP/TXZ+1lrlvRfetwuAvrSMJiBEcMh5pzObpr4Ura3naU6bh/ue+QFn9qJtNxoapC2c79B9Ngns/w==
   dependencies:
     serve-static "^1.13.1"
 
-"@react-native-community/cli-doctor@12.3.6":
-  version "12.3.6"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-doctor/-/cli-doctor-12.3.6.tgz#f68b51bbc6554ff4837269d98e9e405044e6f1b9"
-  integrity sha512-fvBDv2lTthfw4WOQKkdTop2PlE9GtfrlNnpjB818MhcdEnPjfQw5YaTUcnNEGsvGomdCs1MVRMgYXXwPSN6OvQ==
+"@react-native-community/cli-doctor@15.0.0":
+  version "15.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-doctor/-/cli-doctor-15.0.0.tgz#aeaa90574048f9335aa6495dc5f7641ab3a1af58"
+  integrity sha512-UEavoARx1VRxZrNiiVWseP/6dBbP/qAJ9q7S4qf7iT6wstssxi+XCBwoONCQp5IIRJ8LAwKkxCksBuhoMDGzQg==
   dependencies:
-    "@react-native-community/cli-config" "12.3.6"
-    "@react-native-community/cli-platform-android" "12.3.6"
-    "@react-native-community/cli-platform-ios" "12.3.6"
-    "@react-native-community/cli-tools" "12.3.6"
+    "@react-native-community/cli-config" "15.0.0"
+    "@react-native-community/cli-platform-android" "15.0.0"
+    "@react-native-community/cli-platform-apple" "15.0.0"
+    "@react-native-community/cli-platform-ios" "15.0.0"
+    "@react-native-community/cli-tools" "15.0.0"
     chalk "^4.1.2"
     command-exists "^1.2.8"
     deepmerge "^4.3.0"
-    envinfo "^7.10.0"
+    envinfo "^7.13.0"
     execa "^5.0.0"
-    hermes-profile-transformer "^0.0.6"
     node-stream-zip "^1.9.1"
     ora "^5.4.1"
     semver "^7.5.2"
@@ -1571,287 +1818,281 @@
     wcwidth "^1.0.1"
     yaml "^2.2.1"
 
-"@react-native-community/cli-hermes@12.3.6":
-  version "12.3.6"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-hermes/-/cli-hermes-12.3.6.tgz#5ac2c9ee26c69e1ce6b5047ba0f399984a6dea16"
-  integrity sha512-sNGwfOCl8OAIjWCkwuLpP8NZbuO0dhDI/2W7NeOGDzIBsf4/c4MptTrULWtGIH9okVPLSPX0NnRyGQ+mSwWyuQ==
-  dependencies:
-    "@react-native-community/cli-platform-android" "12.3.6"
-    "@react-native-community/cli-tools" "12.3.6"
-    chalk "^4.1.2"
-    hermes-profile-transformer "^0.0.6"
-
-"@react-native-community/cli-platform-android@12.3.6":
-  version "12.3.6"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-android/-/cli-platform-android-12.3.6.tgz#e1103692c659ff0b72ee6f00b7c72578db7376ec"
-  integrity sha512-DeDDAB8lHpuGIAPXeeD9Qu2+/wDTFPo99c8uSW49L0hkmZJixzvvvffbGQAYk32H0TmaI7rzvzH+qzu7z3891g==
+"@react-native-community/cli-platform-android@15.0.0":
+  version "15.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-android/-/cli-platform-android-15.0.0.tgz#d668ee89f559eeeab9eb437ae913710ea955db79"
+  integrity sha512-YQB48ulIdXqe/hEzPmVe5EU13AIQj/PNGZJSqHGoFs4wQYL4jR04iQ7wxIQSuw11TGZO3ne9rG4/rHt+3imE6Q==
   dependencies:
-    "@react-native-community/cli-tools" "12.3.6"
+    "@react-native-community/cli-tools" "15.0.0"
     chalk "^4.1.2"
     execa "^5.0.0"
-    fast-xml-parser "^4.2.4"
-    glob "^7.1.3"
+    fast-glob "^3.3.2"
+    fast-xml-parser "^4.4.1"
     logkitty "^0.7.1"
 
-"@react-native-community/cli-platform-ios@12.3.6":
-  version "12.3.6"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-ios/-/cli-platform-ios-12.3.6.tgz#e7decb5ee764f5fdc7a6ad1ba5e15de8929d54a5"
-  integrity sha512-3eZ0jMCkKUO58wzPWlvAPRqezVKm9EPZyaPyHbRPWU8qw7JqkvnRlWIaYDGpjCJgVW4k2hKsEursLtYKb188tg==
+"@react-native-community/cli-platform-apple@15.0.0":
+  version "15.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-apple/-/cli-platform-apple-15.0.0.tgz#2111ab9a55ba8cf212c505a9b78845ebb46318a3"
+  integrity sha512-DUC4AL3AGNjUDkTrK71fBz2B/aloJm+NHc5deTfEicRvDkyHDM16RqkuFwcvrzaKOtnMDwuDNPM7/PSEp8tbVg==
   dependencies:
-    "@react-native-community/cli-tools" "12.3.6"
+    "@react-native-community/cli-tools" "15.0.0"
     chalk "^4.1.2"
     execa "^5.0.0"
-    fast-xml-parser "^4.0.12"
-    glob "^7.1.3"
+    fast-glob "^3.3.2"
+    fast-xml-parser "^4.4.1"
     ora "^5.4.1"
 
-"@react-native-community/cli-plugin-metro@12.3.6":
-  version "12.3.6"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-plugin-metro/-/cli-plugin-metro-12.3.6.tgz#ae62de18e998478db60a3fe10dc746162c272dbd"
-  integrity sha512-3jxSBQt4fkS+KtHCPSyB5auIT+KKIrPCv9Dk14FbvOaEh9erUWEm/5PZWmtboW1z7CYeNbFMeXm9fM2xwtVOpg==
+"@react-native-community/cli-platform-ios@15.0.0":
+  version "15.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-ios/-/cli-platform-ios-15.0.0.tgz#58b2467006a13be939bc7fb1bf7a0bcdb2b63663"
+  integrity sha512-2tP9R0tDIEA55ebNoVZFs0fQgz2nrnMy/epmsUrNC2p4+ZmPQEojqjB+OFaZV4Mh0svks+WoPqf9blk39kN7eg==
+  dependencies:
+    "@react-native-community/cli-platform-apple" "15.0.0"
 
-"@react-native-community/cli-server-api@12.3.6":
-  version "12.3.6"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-server-api/-/cli-server-api-12.3.6.tgz#cd78122954a02d22c7821c365938635b51ddd1bd"
-  integrity sha512-80NIMzo8b2W+PL0Jd7NjiJW9mgaT8Y8wsIT/lh6mAvYH7mK0ecDJUYUTAAv79Tbo1iCGPAr3T295DlVtS8s4yQ==
+"@react-native-community/cli-server-api@15.0.0":
+  version "15.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-server-api/-/cli-server-api-15.0.0.tgz#07240d25de556d859b1b78e7b9b4583c86855eca"
+  integrity sha512-ypq/5SghbuSaOFVaC+TGAlYCp5hTN0mZ6zBheBzD3OTWXhTu9UCBGCjubmBPLastXr0E6G0djTy4xZ5rwCrHWw==
   dependencies:
-    "@react-native-community/cli-debugger-ui" "12.3.6"
-    "@react-native-community/cli-tools" "12.3.6"
+    "@react-native-community/cli-debugger-ui" "15.0.0"
+    "@react-native-community/cli-tools" "15.0.0"
     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"
+    ws "^6.2.3"
 
-"@react-native-community/cli-tools@12.3.6":
-  version "12.3.6"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-tools/-/cli-tools-12.3.6.tgz#c39965982347635dfaf1daa7b3c0133b3bd45e64"
-  integrity sha512-FPEvZn19UTMMXUp/piwKZSh8cMEfO8G3KDtOwo53O347GTcwNrKjgZGtLSPELBX2gr+YlzEft3CoRv2Qmo83fQ==
+"@react-native-community/cli-tools@15.0.0":
+  version "15.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-tools/-/cli-tools-15.0.0.tgz#16a0f46dd0de0e72b5e4ff711d8bf4957390d44a"
+  integrity sha512-JZzHRJs+6F6or3tloXdbo6aSL2ifbvs7WKsEPjVFuXfaKNEzpQAqWAKMDr95VUEovuX942yD/QRLo6S2W5NTrw==
   dependencies:
     appdirsjs "^1.2.4"
     chalk "^4.1.2"
+    execa "^5.0.0"
     find-up "^5.0.0"
     mime "^2.4.1"
-    node-fetch "^2.6.0"
     open "^6.2.0"
     ora "^5.4.1"
+    prompts "^2.4.2"
     semver "^7.5.2"
     shell-quote "^1.7.3"
     sudo-prompt "^9.0.0"
 
-"@react-native-community/cli-types@12.3.6":
-  version "12.3.6"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-types/-/cli-types-12.3.6.tgz#239de348800fe1ffba3eb1fe0edbeb9306981e57"
-  integrity sha512-xPqTgcUtZowQ8WKOkI9TLGBwH2bGggOC4d2FFaIRST3gTcjrEeGRNeR5aXCzJFIgItIft8sd7p2oKEdy90+01Q==
+"@react-native-community/cli-types@15.0.0":
+  version "15.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-types/-/cli-types-15.0.0.tgz#65497833df1e44764780acd8e88168f71f2394f7"
+  integrity sha512-sn+h6grsNxJFzKfOdzJX0HOIHbDnWiOo75+T4DBBdREfPTrq0Ao6NybxDWeircdMA6ovYrJLmjByls2MuCQMUA==
   dependencies:
     joi "^17.2.1"
 
-"@react-native-community/cli@12.3.6":
-  version "12.3.6"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli/-/cli-12.3.6.tgz#7a323b78725b959bb8a31cca1145918263ff3c8d"
-  integrity sha512-647OSi6xBb8FbwFqX9zsJxOzu685AWtrOUWHfOkbKD+5LOpGORw+GQo0F9rWZnB68rLQyfKUZWJeaD00pGv5fw==
-  dependencies:
-    "@react-native-community/cli-clean" "12.3.6"
-    "@react-native-community/cli-config" "12.3.6"
-    "@react-native-community/cli-debugger-ui" "12.3.6"
-    "@react-native-community/cli-doctor" "12.3.6"
-    "@react-native-community/cli-hermes" "12.3.6"
-    "@react-native-community/cli-plugin-metro" "12.3.6"
-    "@react-native-community/cli-server-api" "12.3.6"
-    "@react-native-community/cli-tools" "12.3.6"
-    "@react-native-community/cli-types" "12.3.6"
+"@react-native-community/cli@15.0.0":
+  version "15.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli/-/cli-15.0.0.tgz#003e10899fd77e583d3caa3eb038bfdf86b39788"
+  integrity sha512-IzDIFCoWZsoOHLSKcd8OX9gAXnbH83vsyBIFaj/X6praDUA4VCnDf41mGGSOT/VEarGlarTa3tvRcqZ8aE5l/A==
+  dependencies:
+    "@react-native-community/cli-clean" "15.0.0"
+    "@react-native-community/cli-config" "15.0.0"
+    "@react-native-community/cli-debugger-ui" "15.0.0"
+    "@react-native-community/cli-doctor" "15.0.0"
+    "@react-native-community/cli-server-api" "15.0.0"
+    "@react-native-community/cli-tools" "15.0.0"
+    "@react-native-community/cli-types" "15.0.0"
     chalk "^4.1.2"
     commander "^9.4.1"
     deepmerge "^4.3.0"
     execa "^5.0.0"
-    find-up "^4.1.0"
+    find-up "^5.0.0"
     fs-extra "^8.1.0"
     graceful-fs "^4.1.3"
     prompts "^2.4.2"
     semver "^7.5.2"
 
-"@react-native/assets-registry@0.73.1":
-  version "0.73.1"
-  resolved "https://registry.yarnpkg.com/@react-native/assets-registry/-/assets-registry-0.73.1.tgz#e2a6b73b16c183a270f338dc69c36039b3946e85"
-  integrity sha512-2FgAbU7uKM5SbbW9QptPPZx8N9Ke2L7bsHb+EhAanZjFZunA9PaYtyjUQ1s7HD+zDVqOQIvjkpXSv7Kejd2tqg==
-
-"@react-native/babel-plugin-codegen@0.73.4":
-  version "0.73.4"
-  resolved "https://registry.yarnpkg.com/@react-native/babel-plugin-codegen/-/babel-plugin-codegen-0.73.4.tgz#8a2037d5585b41877611498ae66adbf1dddfec1b"
-  integrity sha512-XzRd8MJGo4Zc5KsphDHBYJzS1ryOHg8I2gOZDAUCGcwLFhdyGu1zBNDJYH2GFyDrInn9TzAbRIf3d4O+eltXQQ==
-  dependencies:
-    "@react-native/codegen" "0.73.3"
-
-"@react-native/babel-preset@0.73.21":
-  version "0.73.21"
-  resolved "https://registry.yarnpkg.com/@react-native/babel-preset/-/babel-preset-0.73.21.tgz#174c16493fa4e311b2f5f0c58d4f3c6a5a68bbea"
-  integrity sha512-WlFttNnySKQMeujN09fRmrdWqh46QyJluM5jdtDNrkl/2Hx6N4XeDUGhABvConeK95OidVO7sFFf7sNebVXogA==
-  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-private-methods" "^7.22.5"
-    "@babel/plugin-transform-private-property-in-object" "^7.22.11"
-    "@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"
-    "@react-native/babel-plugin-codegen" "0.73.4"
+"@react-native/assets-registry@0.76.1":
+  version "0.76.1"
+  resolved "https://registry.yarnpkg.com/@react-native/assets-registry/-/assets-registry-0.76.1.tgz#eadf31b3fa05139516dc405a8355dc4ecd0d5de7"
+  integrity sha512-1mcDjyvC4Z+XYtY+Abl6pW9P49l/9HJmRChX7EHF1SoXe7zPAPBoAqeZsJNtf8dhJR3u/eGvapr1yJq8T/psEg==
+
+"@react-native/babel-plugin-codegen@0.76.1":
+  version "0.76.1"
+  resolved "https://registry.yarnpkg.com/@react-native/babel-plugin-codegen/-/babel-plugin-codegen-0.76.1.tgz#460e4aef8adc99fe89fcff4485783953fff2812d"
+  integrity sha512-V9bGLyEdAF39nvn4L5gaJcPX1SvCHPJhaT3qfpVGvCnl7WPhdRyCq++WsN8HXlpo6WOAf6//oruLnLdl3RNM4Q==
+  dependencies:
+    "@react-native/codegen" "0.76.1"
+
+"@react-native/babel-preset@0.76.1":
+  version "0.76.1"
+  resolved "https://registry.yarnpkg.com/@react-native/babel-preset/-/babel-preset-0.76.1.tgz#2b9fd113e7c7889c1e87d6a36b7cb0f36118e7a6"
+  integrity sha512-b6YRmA13CmVuTQKHRen/Q0glHwmZFZoEDs+MJ1NL0UNHq9V5ytvdwTW1ntkmjtXuTnPMzkwYvumJBN9UTZjkBA==
+  dependencies:
+    "@babel/core" "^7.25.2"
+    "@babel/plugin-proposal-export-default-from" "^7.24.7"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+    "@babel/plugin-syntax-export-default-from" "^7.24.7"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+    "@babel/plugin-transform-arrow-functions" "^7.24.7"
+    "@babel/plugin-transform-async-generator-functions" "^7.25.4"
+    "@babel/plugin-transform-async-to-generator" "^7.24.7"
+    "@babel/plugin-transform-block-scoping" "^7.25.0"
+    "@babel/plugin-transform-class-properties" "^7.25.4"
+    "@babel/plugin-transform-classes" "^7.25.4"
+    "@babel/plugin-transform-computed-properties" "^7.24.7"
+    "@babel/plugin-transform-destructuring" "^7.24.8"
+    "@babel/plugin-transform-flow-strip-types" "^7.25.2"
+    "@babel/plugin-transform-for-of" "^7.24.7"
+    "@babel/plugin-transform-function-name" "^7.25.1"
+    "@babel/plugin-transform-literals" "^7.25.2"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.24.7"
+    "@babel/plugin-transform-modules-commonjs" "^7.24.8"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.24.7"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.24.7"
+    "@babel/plugin-transform-numeric-separator" "^7.24.7"
+    "@babel/plugin-transform-object-rest-spread" "^7.24.7"
+    "@babel/plugin-transform-optional-catch-binding" "^7.24.7"
+    "@babel/plugin-transform-optional-chaining" "^7.24.8"
+    "@babel/plugin-transform-parameters" "^7.24.7"
+    "@babel/plugin-transform-private-methods" "^7.24.7"
+    "@babel/plugin-transform-private-property-in-object" "^7.24.7"
+    "@babel/plugin-transform-react-display-name" "^7.24.7"
+    "@babel/plugin-transform-react-jsx" "^7.25.2"
+    "@babel/plugin-transform-react-jsx-self" "^7.24.7"
+    "@babel/plugin-transform-react-jsx-source" "^7.24.7"
+    "@babel/plugin-transform-regenerator" "^7.24.7"
+    "@babel/plugin-transform-runtime" "^7.24.7"
+    "@babel/plugin-transform-shorthand-properties" "^7.24.7"
+    "@babel/plugin-transform-spread" "^7.24.7"
+    "@babel/plugin-transform-sticky-regex" "^7.24.7"
+    "@babel/plugin-transform-typescript" "^7.25.2"
+    "@babel/plugin-transform-unicode-regex" "^7.24.7"
+    "@babel/template" "^7.25.0"
+    "@react-native/babel-plugin-codegen" "0.76.1"
+    babel-plugin-syntax-hermes-parser "^0.23.1"
     babel-plugin-transform-flow-enums "^0.0.2"
     react-refresh "^0.14.0"
 
-"@react-native/codegen@0.73.3":
-  version "0.73.3"
-  resolved "https://registry.yarnpkg.com/@react-native/codegen/-/codegen-0.73.3.tgz#cc984a8b17334d986cc600254a0d4b7fa7d68a94"
-  integrity sha512-sxslCAAb8kM06vGy9Jyh4TtvjhcP36k/rvj2QE2Jdhdm61KvfafCATSIsOfc0QvnduWFcpXUPvAVyYwuv7PYDg==
+"@react-native/codegen@0.76.1":
+  version "0.76.1"
+  resolved "https://registry.yarnpkg.com/@react-native/codegen/-/codegen-0.76.1.tgz#622185f4038fefc173efec84a08bb7869f04bcd9"
+  integrity sha512-7lE0hk2qq27wVeK5eF654v7XsKoRa7ficrfSwIDEDZ1aLB2xgUzLrsq+glSAP9EuzT6ycHhtD3QyqI+TqnlS/A==
   dependencies:
-    "@babel/parser" "^7.20.0"
-    flow-parser "^0.206.0"
+    "@babel/parser" "^7.25.3"
     glob "^7.1.1"
+    hermes-parser "0.23.1"
     invariant "^2.2.4"
     jscodeshift "^0.14.0"
     mkdirp "^0.5.1"
     nullthrows "^1.1.1"
+    yargs "^17.6.2"
 
-"@react-native/community-cli-plugin@0.73.17":
-  version "0.73.17"
-  resolved "https://registry.yarnpkg.com/@react-native/community-cli-plugin/-/community-cli-plugin-0.73.17.tgz#37b381a8b503a3296eaa6727e0c52ea8835add28"
-  integrity sha512-F3PXZkcHg+1ARIr6FRQCQiB7ZAA+MQXGmq051metRscoLvgYJwj7dgC8pvgy0kexzUkHu5BNKrZeySzUft3xuQ==
+"@react-native/community-cli-plugin@0.76.1":
+  version "0.76.1"
+  resolved "https://registry.yarnpkg.com/@react-native/community-cli-plugin/-/community-cli-plugin-0.76.1.tgz#d54b2c5fbcb2c5b270261aca530dfdef1bd65421"
+  integrity sha512-dECc1LuleMQDX/WK2oJInrYCpHb3OFBJxYkhPOAXb9HiktMWRA9T93qqpTDshmtLdYqvxeO9AM5eeoSL412WnQ==
   dependencies:
-    "@react-native-community/cli-server-api" "12.3.6"
-    "@react-native-community/cli-tools" "12.3.6"
-    "@react-native/dev-middleware" "0.73.8"
-    "@react-native/metro-babel-transformer" "0.73.15"
+    "@react-native/dev-middleware" "0.76.1"
+    "@react-native/metro-babel-transformer" "0.76.1"
     chalk "^4.0.0"
     execa "^5.1.1"
-    metro "^0.80.3"
-    metro-config "^0.80.3"
-    metro-core "^0.80.3"
+    invariant "^2.2.4"
+    metro "^0.81.0"
+    metro-config "^0.81.0"
+    metro-core "^0.81.0"
     node-fetch "^2.2.0"
     readline "^1.3.0"
 
-"@react-native/debugger-frontend@0.73.3":
-  version "0.73.3"
-  resolved "https://registry.yarnpkg.com/@react-native/debugger-frontend/-/debugger-frontend-0.73.3.tgz#033757614d2ada994c68a1deae78c1dd2ad33c2b"
-  integrity sha512-RgEKnWuoo54dh7gQhV7kvzKhXZEhpF9LlMdZolyhGxHsBqZ2gXdibfDlfcARFFifPIiaZ3lXuOVVa4ei+uPgTw==
+"@react-native/debugger-frontend@0.76.1":
+  version "0.76.1"
+  resolved "https://registry.yarnpkg.com/@react-native/debugger-frontend/-/debugger-frontend-0.76.1.tgz#f2fd057ecf502ed787579242c107d3912331a9ca"
+  integrity sha512-0gExx7GR8o2ctGfjIZ9+x54iFbg0eP6+kMYzRA6AcgmFAmMGLADMmjtObCN0CqGeZyWtdVVqcv5mAwRwmMlNWA==
 
-"@react-native/dev-middleware@0.73.8":
-  version "0.73.8"
-  resolved "https://registry.yarnpkg.com/@react-native/dev-middleware/-/dev-middleware-0.73.8.tgz#2e43722a00c7b8db753f747f40267cbad6caba4d"
-  integrity sha512-oph4NamCIxkMfUL/fYtSsE+JbGOnrlawfQ0kKtDQ5xbOjPKotKoXqrs1eGwozNKv7FfQ393stk1by9a6DyASSg==
+"@react-native/dev-middleware@0.76.1":
+  version "0.76.1"
+  resolved "https://registry.yarnpkg.com/@react-native/dev-middleware/-/dev-middleware-0.76.1.tgz#028649d0f1893ce04d177aab5bc233a9ebc7339b"
+  integrity sha512-htaFSN2dwI0CinsMxjRuvIVdSDN6d6TDPeOJczM1bdAYalZX1M58knTKs5LJDComW5tleOCAg5lS5tIeFlM9+Q==
   dependencies:
     "@isaacs/ttlcache" "^1.4.1"
-    "@react-native/debugger-frontend" "0.73.3"
+    "@react-native/debugger-frontend" "0.76.1"
     chrome-launcher "^0.15.2"
-    chromium-edge-launcher "^1.0.0"
+    chromium-edge-launcher "^0.2.0"
     connect "^3.6.5"
     debug "^2.2.0"
-    node-fetch "^2.2.0"
+    nullthrows "^1.1.1"
     open "^7.0.3"
+    selfsigned "^2.4.1"
     serve-static "^1.13.1"
-    temp-dir "^2.0.0"
-    ws "^6.2.2"
-
-"@react-native/eslint-config@0.73.2":
-  version "0.73.2"
-  resolved "https://registry.yarnpkg.com/@react-native/eslint-config/-/eslint-config-0.73.2.tgz#40b2cd8ce245e90c885b8ab15fae1219a946bfac"
-  integrity sha512-YzMfes19loTfbrkbYNAfHBDXX4oRBzc5wnvHs4h2GIHUj6YKs5ZK5lldqSrBJCdZAI3nuaO9Qj+t5JRwou571w==
-  dependencies:
-    "@babel/core" "^7.20.0"
-    "@babel/eslint-parser" "^7.20.0"
-    "@react-native/eslint-plugin" "0.73.1"
-    "@typescript-eslint/eslint-plugin" "^5.57.1"
-    "@typescript-eslint/parser" "^5.57.1"
+    ws "^6.2.3"
+
+"@react-native/eslint-config@0.76.1":
+  version "0.76.1"
+  resolved "https://registry.yarnpkg.com/@react-native/eslint-config/-/eslint-config-0.76.1.tgz#179fd051b06f38f72e13059ca0154cb66e2d4ce1"
+  integrity sha512-YaiE/eoEzw3Ax1UCk5TT6YFnQN927SvTxOk9kV0FQPxR862C9WSVMhzbuwNwgAkkItxzo2qrARx9sdibcCqiyA==
+  dependencies:
+    "@babel/core" "^7.25.2"
+    "@babel/eslint-parser" "^7.25.1"
+    "@react-native/eslint-plugin" "0.76.1"
+    "@typescript-eslint/eslint-plugin" "^7.1.1"
+    "@typescript-eslint/parser" "^7.1.1"
     eslint-config-prettier "^8.5.0"
     eslint-plugin-eslint-comments "^3.2.0"
     eslint-plugin-ft-flow "^2.0.1"
-    eslint-plugin-jest "^26.5.3"
-    eslint-plugin-prettier "^4.2.1"
+    eslint-plugin-jest "^27.9.0"
     eslint-plugin-react "^7.30.1"
     eslint-plugin-react-hooks "^4.6.0"
     eslint-plugin-react-native "^4.0.0"
-
-"@react-native/eslint-plugin@0.73.1":
-  version "0.73.1"
-  resolved "https://registry.yarnpkg.com/@react-native/eslint-plugin/-/eslint-plugin-0.73.1.tgz#79d2c4d90c80bfad8900db335bfbaf1ca599abdc"
-  integrity sha512-8BNMFE8CAI7JLWLOs3u33wcwcJ821LYs5g53Xyx9GhSg0h8AygTwDrwmYb/pp04FkCNCPjKPBoaYRthQZmxgwA==
-
-"@react-native/gradle-plugin@0.73.4":
-  version "0.73.4"
-  resolved "https://registry.yarnpkg.com/@react-native/gradle-plugin/-/gradle-plugin-0.73.4.tgz#aa55784a8c2b471aa89934db38c090d331baf23b"
-  integrity sha512-PMDnbsZa+tD55Ug+W8CfqXiGoGneSSyrBZCMb5JfiB3AFST3Uj5e6lw8SgI/B6SKZF7lG0BhZ6YHZsRZ5MlXmg==
-
-"@react-native/js-polyfills@0.73.1":
-  version "0.73.1"
-  resolved "https://registry.yarnpkg.com/@react-native/js-polyfills/-/js-polyfills-0.73.1.tgz#730b0a7aaab947ae6f8e5aa9d995e788977191ed"
-  integrity sha512-ewMwGcumrilnF87H4jjrnvGZEaPFCAC4ebraEK+CurDDmwST/bIicI4hrOAv+0Z0F7DEK4O4H7r8q9vH7IbN4g==
-
-"@react-native/metro-babel-transformer@0.73.15":
-  version "0.73.15"
-  resolved "https://registry.yarnpkg.com/@react-native/metro-babel-transformer/-/metro-babel-transformer-0.73.15.tgz#c516584dde62d65a46668074084359c03e6a50f1"
-  integrity sha512-LlkSGaXCz+xdxc9819plmpsl4P4gZndoFtpjN3GMBIu6f7TBV0GVbyJAU4GE8fuAWPVSVL5ArOcdkWKSbI1klw==
-  dependencies:
-    "@babel/core" "^7.20.0"
-    "@react-native/babel-preset" "0.73.21"
-    hermes-parser "0.15.0"
+    hermes-eslint "^0.23.1"
+
+"@react-native/eslint-plugin@0.76.1":
+  version "0.76.1"
+  resolved "https://registry.yarnpkg.com/@react-native/eslint-plugin/-/eslint-plugin-0.76.1.tgz#94cdb07bbe4f2c16bdb4c72e58b75fb475559fd6"
+  integrity sha512-Sw/WTuV9RVQQ7g+p1wt65g0UCdtd2w0g3eQ6HaYIc3u3HrTXkO9cGXsgd98yV6jjQtXSB/EGnDOajC9y3OmDOw==
+
+"@react-native/gradle-plugin@0.76.1":
+  version "0.76.1"
+  resolved "https://registry.yarnpkg.com/@react-native/gradle-plugin/-/gradle-plugin-0.76.1.tgz#715725ce426686f0c677e733345650990285b5de"
+  integrity sha512-X7rNFltPa9QYxvYrQGaSCw7U57C+y+DwspXf4AnLZj0bQm9tL6UYpijh5vE3VmPcHn76/RNU2bpFjVvWg6gjqw==
+
+"@react-native/js-polyfills@0.76.1":
+  version "0.76.1"
+  resolved "https://registry.yarnpkg.com/@react-native/js-polyfills/-/js-polyfills-0.76.1.tgz#a429e2b8ac24048931aa596d306375bca8450f92"
+  integrity sha512-HO3fzJ0FnrnQGmxdXxh2lcGGAMfaX9h1Pg1Zh38MkVw35/KnZHxHqxg6cruze6iWwZdfqSoIcQoalmMuAHby7Q==
+
+"@react-native/metro-babel-transformer@0.76.1":
+  version "0.76.1"
+  resolved "https://registry.yarnpkg.com/@react-native/metro-babel-transformer/-/metro-babel-transformer-0.76.1.tgz#155afba9bd2c68a02958f41d8cce9a27a533c75b"
+  integrity sha512-LUAKqgsrioXS2a+pE0jak8sutTbLo3T34KWv7mdVUZ5lUACpqkIql1EFtIQlWjIcR4oZE480CkPbRHBI681tkQ==
+  dependencies:
+    "@babel/core" "^7.25.2"
+    "@react-native/babel-preset" "0.76.1"
+    hermes-parser "0.23.1"
     nullthrows "^1.1.1"
 
-"@react-native/metro-config@0.73.5":
-  version "0.73.5"
-  resolved "https://registry.yarnpkg.com/@react-native/metro-config/-/metro-config-0.73.5.tgz#791242ca93057d7299ce18379ea11d3bdb368ea9"
-  integrity sha512-3bNWoHzOzP/+qoLJtRhOVXrnxKmSY3i4y5PXyMQlIvvOI/GQbXulPpEZxK/yUrf1MmeXHLLFufFbQWlfDEDoxA==
+"@react-native/metro-config@0.76.1":
+  version "0.76.1"
+  resolved "https://registry.yarnpkg.com/@react-native/metro-config/-/metro-config-0.76.1.tgz#a58669555d0e0ffbe694e4a4cbeaa12464f437d3"
+  integrity sha512-RvsflPKsQ1tEaHDJksnMWwW5wtv8fskMRviL/jHlEW/ULEQ/MOE2yjuvJlRQkNvfqlJjkc1mczjy4+RO3mDQ6g==
   dependencies:
-    "@react-native/js-polyfills" "0.73.1"
-    "@react-native/metro-babel-transformer" "0.73.15"
-    metro-config "^0.80.3"
-    metro-runtime "^0.80.3"
+    "@react-native/js-polyfills" "0.76.1"
+    "@react-native/metro-babel-transformer" "0.76.1"
+    metro-config "^0.81.0"
+    metro-runtime "^0.81.0"
 
-"@react-native/normalize-colors@0.73.2", "@react-native/normalize-colors@^0.73.0":
-  version "0.73.2"
-  resolved "https://registry.yarnpkg.com/@react-native/normalize-colors/-/normalize-colors-0.73.2.tgz#cc8e48fbae2bbfff53e12f209369e8d2e4cf34ec"
-  integrity sha512-bRBcb2T+I88aG74LMVHaKms2p/T8aQd8+BZ7LuuzXlRfog1bMWWn/C5i0HVuvW4RPtXQYgIlGiXVDy9Ir1So/w==
+"@react-native/normalize-colors@0.76.1":
+  version "0.76.1"
+  resolved "https://registry.yarnpkg.com/@react-native/normalize-colors/-/normalize-colors-0.76.1.tgz#df8d54d78917a9f075283382fec834f5ccaecefd"
+  integrity sha512-/+CUk/wGWIdXbJYVLw/q6Fs8Z0x91zzfXIbNiZUdSW1TNEDmytkF371H8a1/Nx3nWa1RqCMVsaZHCG4zqxeDvg==
 
-"@react-native/typescript-config@0.73.1":
-  version "0.73.1"
-  resolved "https://registry.yarnpkg.com/@react-native/typescript-config/-/typescript-config-0.73.1.tgz#c97a42f5cd264069bfe86b737c531ed2f042ae6d"
-  integrity sha512-7Wrmdp972ZO7xvDid+xRGtvX6xz47cpGj7Y7VKlUhSVFFqbOGfB5WCpY1vMr6R/fjl+Og2fRw+TETN2+JnJi0w==
+"@react-native/typescript-config@0.76.1":
+  version "0.76.1"
+  resolved "https://registry.yarnpkg.com/@react-native/typescript-config/-/typescript-config-0.76.1.tgz#dc3d3f450b2312b65cdd44d8d9127e89fa1d6260"
+  integrity sha512-KcmgsFG/c3WdAqy7/06Zvfkye3XIc/0zItlFMSGMgAjFFuCTomXqpmJdrtTBheCDy+gbKaR/vWf+snL8C+OVvA==
 
-"@react-native/virtualized-lists@0.73.4":
-  version "0.73.4"
-  resolved "https://registry.yarnpkg.com/@react-native/virtualized-lists/-/virtualized-lists-0.73.4.tgz#640e594775806f63685435b5d9c3d05c378ccd8c"
-  integrity sha512-HpmLg1FrEiDtrtAbXiwCgXFYyloK/dOIPIuWW3fsqukwJEWAiTzm1nXGJ7xPU5XTHiWZ4sKup5Ebaj8z7iyWog==
+"@react-native/virtualized-lists@0.76.1":
+  version "0.76.1"
+  resolved "https://registry.yarnpkg.com/@react-native/virtualized-lists/-/virtualized-lists-0.76.1.tgz#590de081d1229de998b8a0905d07386abc6f2a84"
+  integrity sha512-uWJfv0FC3zmlYORr0Sa17ngbAaw6K9yw4MAkBZyFeTM+W6AJRvTVyR1Mes/MU+vIyGFChnTcyaQrQz8jWqADOA==
   dependencies:
     invariant "^2.2.4"
     nullthrows "^1.1.1"
@@ -1956,6 +2197,13 @@
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
   integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
 
+"@types/node-forge@^1.3.0":
+  version "1.3.11"
+  resolved "https://registry.yarnpkg.com/@types/node-forge/-/node-forge-1.3.11.tgz#0972ea538ddb0f4d9c2fa0ec5db5724773a604da"
+  integrity sha512-FQx220y22OKNTqaByeBGqHWYz4cl94tpcxeFdvBo3wjG6XPBuZ0BNgNZRV5J5TFmmcsJ4IzsLkmGRiQbnYsBEQ==
+  dependencies:
+    "@types/node" "*"
+
 "@types/node@*":
   version "20.12.2"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-20.12.2.tgz#9facdd11102f38b21b4ebedd9d7999663343d72e"
@@ -1968,10 +2216,10 @@
   resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.12.tgz#12bb1e2be27293c1406acb6af1c3f3a1481d98c6"
   integrity sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==
 
-"@types/react-test-renderer@^18.0.0":
-  version "18.0.7"
-  resolved "https://registry.yarnpkg.com/@types/react-test-renderer/-/react-test-renderer-18.0.7.tgz#2cfe657adb3688cdf543995eceb2e062b5a68728"
-  integrity sha512-1+ANPOWc6rB3IkSnElhjv6VLlKg2dSv/OWClUyZimbLsQyBn8Js9Vtdsi3UICJ2rIQ3k2la06dkB+C92QfhKmg==
+"@types/react-test-renderer@^18.3.1":
+  version "18.0.0"
+  resolved "https://registry.yarnpkg.com/@types/react-test-renderer/-/react-test-renderer-18.0.0.tgz#7b7f69ca98821ea5501b21ba24ea7b6139da2243"
+  integrity sha512-C7/5FBJ3g3sqUahguGi03O79b8afNeSD6T8/GU50oQrJCU0bVCCGQHaGKUbg2Ce8VQEEqTw8/HiS6lXHHdgkdQ==
   dependencies:
     "@types/react" "*"
 
@@ -2012,30 +2260,30 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^5.57.1":
-  version "5.62.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz#aeef0328d172b9e37d9bab6dbc13b87ed88977db"
-  integrity sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==
+"@typescript-eslint/eslint-plugin@^7.1.1":
+  version "7.18.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.18.0.tgz#b16d3cf3ee76bf572fdf511e79c248bdec619ea3"
+  integrity sha512-94EQTWZ40mzBc42ATNIBimBEDltSJ9RQHCC8vc/PDbxi4k8dVwUAv4o98dk50M1zB+JGFxp43FP7f8+FP8R6Sw==
   dependencies:
-    "@eslint-community/regexpp" "^4.4.0"
-    "@typescript-eslint/scope-manager" "5.62.0"
-    "@typescript-eslint/type-utils" "5.62.0"
-    "@typescript-eslint/utils" "5.62.0"
-    debug "^4.3.4"
+    "@eslint-community/regexpp" "^4.10.0"
+    "@typescript-eslint/scope-manager" "7.18.0"
+    "@typescript-eslint/type-utils" "7.18.0"
+    "@typescript-eslint/utils" "7.18.0"
+    "@typescript-eslint/visitor-keys" "7.18.0"
     graphemer "^1.4.0"
-    ignore "^5.2.0"
-    natural-compare-lite "^1.4.0"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
+    ignore "^5.3.1"
+    natural-compare "^1.4.0"
+    ts-api-utils "^1.3.0"
 
-"@typescript-eslint/parser@^5.57.1":
-  version "5.62.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.62.0.tgz#1b63d082d849a2fcae8a569248fbe2ee1b8a56c7"
-  integrity sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==
+"@typescript-eslint/parser@^7.1.1":
+  version "7.18.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-7.18.0.tgz#83928d0f1b7f4afa974098c64b5ce6f9051f96a0"
+  integrity sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.62.0"
-    "@typescript-eslint/types" "5.62.0"
-    "@typescript-eslint/typescript-estree" "5.62.0"
+    "@typescript-eslint/scope-manager" "7.18.0"
+    "@typescript-eslint/types" "7.18.0"
+    "@typescript-eslint/typescript-estree" "7.18.0"
+    "@typescript-eslint/visitor-keys" "7.18.0"
     debug "^4.3.4"
 
 "@typescript-eslint/scope-manager@5.62.0":
@@ -2046,21 +2294,34 @@
     "@typescript-eslint/types" "5.62.0"
     "@typescript-eslint/visitor-keys" "5.62.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"
-  integrity sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==
+"@typescript-eslint/scope-manager@7.18.0":
+  version "7.18.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-7.18.0.tgz#c928e7a9fc2c0b3ed92ab3112c614d6bd9951c83"
+  integrity sha512-jjhdIE/FPF2B7Z1uzc6i3oWKbGcHb87Qw7AWj6jmEqNOfDFbJWtjt/XfwCpvNkpGWlcJaog5vTR+VV8+w9JflA==
   dependencies:
-    "@typescript-eslint/typescript-estree" "5.62.0"
-    "@typescript-eslint/utils" "5.62.0"
+    "@typescript-eslint/types" "7.18.0"
+    "@typescript-eslint/visitor-keys" "7.18.0"
+
+"@typescript-eslint/type-utils@7.18.0":
+  version "7.18.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-7.18.0.tgz#2165ffaee00b1fbbdd2d40aa85232dab6998f53b"
+  integrity sha512-XL0FJXuCLaDuX2sYqZUUSOJ2sG5/i1AAze+axqmLnSkNEVMVYLF+cbwlB2w8D1tinFuSikHmFta+P+HOofrLeA==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "7.18.0"
+    "@typescript-eslint/utils" "7.18.0"
     debug "^4.3.4"
-    tsutils "^3.21.0"
+    ts-api-utils "^1.3.0"
 
 "@typescript-eslint/types@5.62.0":
   version "5.62.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.62.0.tgz#258607e60effa309f067608931c3df6fed41fd2f"
   integrity sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==
 
+"@typescript-eslint/types@7.18.0":
+  version "7.18.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-7.18.0.tgz#b90a57ccdea71797ffffa0321e744f379ec838c9"
+  integrity sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==
+
 "@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"
@@ -2074,7 +2335,31 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/utils@5.62.0", "@typescript-eslint/utils@^5.10.0":
+"@typescript-eslint/typescript-estree@7.18.0":
+  version "7.18.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-7.18.0.tgz#b5868d486c51ce8f312309ba79bdb9f331b37931"
+  integrity sha512-aP1v/BSPnnyhMHts8cf1qQ6Q1IFwwRvAQGRvBFkWlo3/lH29OXA3Pts+c10nxRxIBrDnoMqzhgdwVe5f2D6OzA==
+  dependencies:
+    "@typescript-eslint/types" "7.18.0"
+    "@typescript-eslint/visitor-keys" "7.18.0"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    minimatch "^9.0.4"
+    semver "^7.6.0"
+    ts-api-utils "^1.3.0"
+
+"@typescript-eslint/utils@7.18.0":
+  version "7.18.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-7.18.0.tgz#bca01cde77f95fc6a8d5b0dbcbfb3d6ca4be451f"
+  integrity sha512-kK0/rNa2j74XuHVcoCZxdFBMF+aq/vH83CXAOHieC+2Gis4mF8jJXT5eAfyD3K0sAxtPuwxaIOIOvhwzVDt/kw==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.4.0"
+    "@typescript-eslint/scope-manager" "7.18.0"
+    "@typescript-eslint/types" "7.18.0"
+    "@typescript-eslint/typescript-estree" "7.18.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"
   integrity sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==
@@ -2096,6 +2381,14 @@
     "@typescript-eslint/types" "5.62.0"
     eslint-visitor-keys "^3.3.0"
 
+"@typescript-eslint/visitor-keys@7.18.0":
+  version "7.18.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-7.18.0.tgz#0564629b6124d67607378d0f0332a0495b25e7d7"
+  integrity sha512-cDF0/Gf81QpY3xYyJKDV14Zwdmid5+uuENhjH2EqFaF0ni+yAyq/LzMaIJdhNJXZI7uLzwIlA+V7oWoyn6Curg==
+  dependencies:
+    "@typescript-eslint/types" "7.18.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"
@@ -2380,13 +2673,13 @@ babel-plugin-polyfill-corejs2@^0.4.10:
     "@babel/helper-define-polyfill-provider" "^0.6.1"
     semver "^6.3.1"
 
-babel-plugin-polyfill-corejs3@^0.10.1, babel-plugin-polyfill-corejs3@^0.10.4:
-  version "0.10.4"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.4.tgz#789ac82405ad664c20476d0233b485281deb9c77"
-  integrity sha512-25J6I8NGfa5YkCDogHRID3fVCadIR8/pGl1/spvCkzb6lVn6SR3ojpx9nOn9iEBcUsjY24AmdKm5khcfKdylcg==
+babel-plugin-polyfill-corejs3@^0.10.6:
+  version "0.10.6"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.6.tgz#2deda57caef50f59c525aeb4964d3b2f867710c7"
+  integrity sha512-b37+KR2i/khY5sKmWNVQAnitvquQbNdWy6lJdsr0kmquCKEEUgMKK4SboVM3HtfnZilfjr4MMQ7vY58FVWDtIA==
   dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.6.1"
-    core-js-compat "^3.36.1"
+    "@babel/helper-define-polyfill-provider" "^0.6.2"
+    core-js-compat "^3.38.0"
 
 babel-plugin-polyfill-regenerator@^0.6.1:
   version "0.6.1"
@@ -2395,6 +2688,13 @@ babel-plugin-polyfill-regenerator@^0.6.1:
   dependencies:
     "@babel/helper-define-polyfill-provider" "^0.6.1"
 
+babel-plugin-syntax-hermes-parser@^0.23.1:
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-hermes-parser/-/babel-plugin-syntax-hermes-parser-0.23.1.tgz#470e9d1d30ad670d4c8a37138e22ae39c843d1ff"
+  integrity sha512-uNLD0tk2tLUjGFdmCk+u/3FEw2o+BAwW4g+z2QVlxJrzZYOOPADroEcNtTPt5lNiScctaUmnsTkVEnOwZUOLhA==
+  dependencies:
+    hermes-parser "0.23.1"
+
 babel-plugin-transform-flow-enums@^0.0.2:
   version "0.0.2"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-flow-enums/-/babel-plugin-transform-flow-enums-0.0.2.tgz#d1d0cc9bdc799c850ca110d0ddc9f21b9ec3ef25"
@@ -2447,6 +2747,11 @@ bl@^4.1.0:
     inherits "^2.0.4"
     readable-stream "^3.4.0"
 
+boolbase@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
+  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
+
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
@@ -2455,6 +2760,13 @@ brace-expansion@^1.1.7:
     balanced-match "^1.0.0"
     concat-map "0.0.1"
 
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
 braces@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
@@ -2462,7 +2774,7 @@ braces@^3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
-browserslist@^4.22.2, browserslist@^4.23.0:
+browserslist@^4.22.2:
   version "4.23.0"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.23.0.tgz#8f3acc2bbe73af7213399430890f86c63a5674ab"
   integrity sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==
@@ -2472,6 +2784,16 @@ browserslist@^4.22.2, browserslist@^4.23.0:
     node-releases "^2.0.14"
     update-browserslist-db "^1.0.13"
 
+browserslist@^4.24.0, browserslist@^4.24.2:
+  version "4.24.2"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.24.2.tgz#f5845bc91069dbd55ee89faf9822e1d885d16580"
+  integrity sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==
+  dependencies:
+    caniuse-lite "^1.0.30001669"
+    electron-to-chromium "^1.5.41"
+    node-releases "^2.0.18"
+    update-browserslist-db "^1.1.1"
+
 bser@2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.1.tgz#e6787da20ece9d07998533cfd9de6f5c38f4bc05"
@@ -2547,6 +2869,11 @@ caniuse-lite@^1.0.30001587:
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001603.tgz#605046a5bdc95ba4a92496d67e062522dce43381"
   integrity sha512-iL2iSS0eDILMb9n5yKQoTBim9jMZ0Yrk8g0N9K7UzYyWnfIKzXBZD5ngpM37ZcL/cv0Mli8XtVMRYMQAfFpi5Q==
 
+caniuse-lite@^1.0.30001669:
+  version "1.0.30001669"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001669.tgz#fda8f1d29a8bfdc42de0c170d7f34a9cf19ed7a3"
+  integrity sha512-DlWzFDJqstqtIVx1zeSpIMLjunf5SmwOw0N2Ck/QSQdS8PLS4+9HrLaYei4w8BIAL7IB/UEDu889d8vhCTPA0w==
+
 chalk@^2.4.2:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
@@ -2579,10 +2906,10 @@ chrome-launcher@^0.15.2:
     is-wsl "^2.2.0"
     lighthouse-logger "^1.0.0"
 
-chromium-edge-launcher@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/chromium-edge-launcher/-/chromium-edge-launcher-1.0.0.tgz#0443083074715a13c669530b35df7bfea33b1509"
-  integrity sha512-pgtgjNKZ7i5U++1g1PWv75umkHvhVTDOQIZ+sjeUX9483S7Y6MUvO0lrd7ShGlQlFHMN4SwKTCq/X8hWrbv2KA==
+chromium-edge-launcher@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/chromium-edge-launcher/-/chromium-edge-launcher-0.2.0.tgz#0c378f28c99aefc360705fa155de0113997f62fc"
+  integrity sha512-JfJjUnq25y9yg4FABRRVPmBGWPZZi+AQXT4mxupb67766/0UlhG8PAZCz6xzEMXTbW3CsSoE8PcCWA49n35mKg==
   dependencies:
     "@types/node" "*"
     escape-string-regexp "^4.0.0"
@@ -2694,6 +3021,11 @@ command-exists@^1.2.8:
   resolved "https://registry.yarnpkg.com/command-exists/-/command-exists-1.2.9.tgz#c50725af3808c8ab0260fd60b01fbfa25b954f69"
   integrity sha512-LTQ/SGc+s0Xc0Fu5WaKnR0YiygZkm9eKFvyS+fRsU7/ZWFF8ykFM6Pc9aCVf1+xasOOZpO3BAVgVrKvsqKHV7w==
 
+commander@^12.0.0:
+  version "12.1.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-12.1.0.tgz#01423b36f501259fdaac4d0e4d60c96c991585d3"
+  integrity sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==
+
 commander@^2.20.0:
   version "2.20.3"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
@@ -2749,19 +3081,19 @@ convert-source-map@^2.0.0:
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
   integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
 
-core-js-compat@^3.31.0, core-js-compat@^3.36.1:
-  version "3.36.1"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.36.1.tgz#1818695d72c99c25d621dca94e6883e190cea3c8"
-  integrity sha512-Dk997v9ZCt3X/npqzyGdTlq6t7lDBhZwGvV94PKzDArjp7BTRm7WlDAXYd/OWdeFHO8OChQYRJNJvUCqCbrtKA==
+core-js-compat@^3.38.0, core-js-compat@^3.38.1:
+  version "3.39.0"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.39.0.tgz#b12dccb495f2601dc860bdbe7b4e3ffa8ba63f61"
+  integrity sha512-VgEUx3VwlExr5no0tXlBt+silBvhTryPwCXRI2Id1PN8WTKu7MreethvddqOubrYxkFdv/RnYrqlv1sFNAUelw==
   dependencies:
-    browserslist "^4.23.0"
+    browserslist "^4.24.2"
 
 core-util-is@~1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
   integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
 
-cosmiconfig@^5.0.5, cosmiconfig@^5.1.0:
+cosmiconfig@^5.0.5:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-5.2.1.tgz#040f726809c591e77a17c0a3626ca45b4f168b1a"
   integrity sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==
@@ -2771,6 +3103,16 @@ cosmiconfig@^5.0.5, cosmiconfig@^5.1.0:
     js-yaml "^3.13.1"
     parse-json "^4.0.0"
 
+cosmiconfig@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-9.0.0.tgz#34c3fc58287b915f3ae905ab6dc3de258b55ad9d"
+  integrity sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==
+  dependencies:
+    env-paths "^2.2.1"
+    import-fresh "^3.3.0"
+    js-yaml "^4.1.0"
+    parse-json "^5.2.0"
+
 create-jest@^29.7.0:
   version "29.7.0"
   resolved "https://registry.yarnpkg.com/create-jest/-/create-jest-29.7.0.tgz#a355c5b3cb1e1af02ba177fe7afd7feee49a5320"
@@ -2793,6 +3135,30 @@ cross-spawn@^7.0.2, cross-spawn@^7.0.3:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
+css-select@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-5.1.0.tgz#b8ebd6554c3637ccc76688804ad3f6a6fdaea8a6"
+  integrity sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^6.1.0"
+    domhandler "^5.0.2"
+    domutils "^3.0.1"
+    nth-check "^2.0.1"
+
+css-tree@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d"
+  integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==
+  dependencies:
+    mdn-data "2.0.14"
+    source-map "^0.6.1"
+
+css-what@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
+  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
+
 csstype@^3.0.2:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
@@ -2899,15 +3265,6 @@ depd@2.0.0:
   resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
   integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
 
-deprecated-react-native-prop-types@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/deprecated-react-native-prop-types/-/deprecated-react-native-prop-types-5.0.0.tgz#02a12f090da7bd9e8c3ac53c31cf786a1315d302"
-  integrity sha512-cIK8KYiiGVOFsKdPMmm1L3tA/Gl+JopXL6F5+C7x39MyPsQYnP57Im/D6bNUzcborD7fcMwiwZqcBdBXXZucYQ==
-  dependencies:
-    "@react-native/normalize-colors" "^0.73.0"
-    invariant "^2.2.4"
-    prop-types "^15.8.1"
-
 destroy@1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
@@ -2944,6 +3301,36 @@ doctrine@^3.0.0:
   dependencies:
     esutils "^2.0.2"
 
+dom-serializer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-2.0.0.tgz#e41b802e1eedf9f6cae183ce5e622d789d7d8e53"
+  integrity sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==
+  dependencies:
+    domelementtype "^2.3.0"
+    domhandler "^5.0.2"
+    entities "^4.2.0"
+
+domelementtype@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
+  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
+
+domhandler@^5.0.2, domhandler@^5.0.3:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-5.0.3.tgz#cc385f7f751f1d1fc650c21374804254538c7d31"
+  integrity sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==
+  dependencies:
+    domelementtype "^2.3.0"
+
+domutils@^3.0.1:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-3.1.0.tgz#c47f551278d3dc4b0b1ab8cbb42d751a6f0d824e"
+  integrity sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==
+  dependencies:
+    dom-serializer "^2.0.0"
+    domelementtype "^2.3.0"
+    domhandler "^5.0.3"
+
 ee-first@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
@@ -2954,6 +3341,11 @@ electron-to-chromium@^1.4.668:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.722.tgz#99ae3484c5fc0f387d39ad98d77e1f259b9f4074"
   integrity sha512-5nLE0TWFFpZ80Crhtp4pIp8LXCztjYX41yUcV6b+bKR2PqzjskTMOOlBi1VjBHlvHwS+4gar7kNKOrsbsewEZQ==
 
+electron-to-chromium@^1.5.41:
+  version "1.5.42"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.42.tgz#4b3ca7648fb0865daec92298f9ba79e278a476a3"
+  integrity sha512-gIfKavKDw1mhvic9nbzA5lZw8QSHpdMwLwXc0cWidQz9B15pDoDdDH4boIatuFfeoCatb3a/NGL6CYRVFxGZ9g==
+
 emittery@^0.13.1:
   version "0.13.1"
   resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.13.1.tgz#c04b8c3457490e0847ae51fced3af52d338e3dad"
@@ -2969,10 +3361,20 @@ encodeurl@~1.0.2:
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
   integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
 
-envinfo@^7.10.0:
-  version "7.11.1"
-  resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.11.1.tgz#2ffef77591057081b0129a8fd8cf6118da1b94e1"
-  integrity sha512-8PiZgZNIB4q/Lw4AhOvAfB/ityHAd2bli3lESSWmWSzSsl5dKpy5N1d1Rfkd2teq/g9xN90lc6o98DOjMeYHpg==
+entities@^4.2.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
+  integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
+
+env-paths@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.1.tgz#420399d416ce1fbe9bc0a07c62fa68d67fd0f8f2"
+  integrity sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==
+
+envinfo@^7.13.0:
+  version "7.14.0"
+  resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.14.0.tgz#26dac5db54418f2a4c1159153a0b2ae980838aae"
+  integrity sha512-CO40UI41xDQzhLB1hWyqUKgFhs250pNcGbyGKe1l/e4FSaI/+YE4IMG76GDt0In67WLPACIITC+sOi08x4wIvg==
 
 error-ex@^1.3.1:
   version "1.3.2"
@@ -3117,6 +3519,11 @@ escalade@^3.1.1:
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.2.tgz#54076e9ab29ea5bf3d8f1ed62acffbb88272df27"
   integrity sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==
 
+escalade@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
+  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
+
 escape-html@~1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
@@ -3158,20 +3565,13 @@ eslint-plugin-ft-flow@^2.0.1:
     lodash "^4.17.21"
     string-natural-compare "^3.0.1"
 
-eslint-plugin-jest@^26.5.3:
-  version "26.9.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-26.9.0.tgz#7931c31000b1c19e57dbfb71bbf71b817d1bf949"
-  integrity sha512-TWJxWGp1J628gxh2KhaH1H1paEdgE2J61BBF1I59c6xWeL5+D1BzMxGDN/nXAfX+aSkR5u80K+XhskK6Gwq9ng==
+eslint-plugin-jest@^27.9.0:
+  version "27.9.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-27.9.0.tgz#7c98a33605e1d8b8442ace092b60e9919730000b"
+  integrity sha512-QIT7FH7fNmd9n4se7FFKHbsLKGQiw885Ds6Y/sxKgCZ6natwCsXdgPOADnYVxN2QrRweF0FZWbJ6S7Rsn7llug==
   dependencies:
     "@typescript-eslint/utils" "^5.10.0"
 
-eslint-plugin-prettier@^4.2.1:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz#651cbb88b1dab98bfd42f017a12fa6b2d993f94b"
-  integrity sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==
-  dependencies:
-    prettier-linter-helpers "^1.0.0"
-
 eslint-plugin-react-hooks@^4.6.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz#4c3e697ad95b77e93f8646aaa1630c1ba607edd3"
@@ -3367,17 +3767,17 @@ expect@^29.7.0:
     jest-message-util "^29.7.0"
     jest-util "^29.7.0"
 
+exponential-backoff@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/exponential-backoff/-/exponential-backoff-3.1.1.tgz#64ac7526fe341ab18a39016cd22c787d01e00bf6"
+  integrity sha512-dX7e/LHVJ6W3DE1MHWi9S1EYzDESENfLrYohG2G++ovZrYOkm4Knwa0mc1cn84xJOR4KEU0WSchhLbd0UklbHw==
+
 fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
-fast-diff@^1.1.2:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.3.0.tgz#ece407fa550a64d638536cd727e129c61616e0f0"
-  integrity sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==
-
-fast-glob@^3.2.9:
+fast-glob@^3.2.9, 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==
@@ -3398,10 +3798,10 @@ fast-levenshtein@^2.0.6:
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
 
-fast-xml-parser@^4.0.12, fast-xml-parser@^4.2.4:
-  version "4.3.6"
-  resolved "https://registry.yarnpkg.com/fast-xml-parser/-/fast-xml-parser-4.3.6.tgz#190f9d99097f0c8f2d3a0e681a10404afca052ff"
-  integrity sha512-M2SovcRxD4+vC493Uc2GZVcZaj66CCJhWurC4viynVSTvrpErCShNcDz1lAho6n9REQKvL/ll4A4/fw6Y9z8nw==
+fast-xml-parser@^4.4.1:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/fast-xml-parser/-/fast-xml-parser-4.5.0.tgz#2882b7d01a6825dfdf909638f2de0256351def37"
+  integrity sha512-/PlTQCI96+fZMAOLMZK4CWG1ItCbfZ/0jx7UIJFChPNrx7tcEgerUgWbeieCM9MfHInUDyK8DWYZ+YrywDJuTg==
   dependencies:
     strnum "^1.0.5"
 
@@ -3502,11 +3902,6 @@ flow-parser@0.*:
   resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.232.0.tgz#db93a660e7017bd366290944c3328ca506ca7d2b"
   integrity sha512-U8vcKyYdM+Kb0tPzfPJ5JyPMU0uXKwHxp0L6BcEc+wBlbTW9qRhOqV5DeGXclgclVvtqQNGEG8Strj/b6c/IxA==
 
-flow-parser@^0.206.0:
-  version "0.206.0"
-  resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.206.0.tgz#f4f794f8026535278393308e01ea72f31000bfef"
-  integrity sha512-HVzoK3r6Vsg+lKvlIZzaWNBVai+FXTX1wdYhz/wVlH13tb/gOdLXmlTqy6odmTBhT5UoWUbq0k8263Qhr9d88w==
-
 for-each@^0.3.3:
   version "0.3.3"
   resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e"
@@ -3718,36 +4113,38 @@ hasown@^2.0.0, hasown@^2.0.1, hasown@^2.0.2:
   dependencies:
     function-bind "^1.1.2"
 
-hermes-estree@0.15.0:
-  version "0.15.0"
-  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.15.0.tgz#e32f6210ab18c7b705bdcb375f7700f2db15d6ba"
-  integrity sha512-lLYvAd+6BnOqWdnNbP/Q8xfl8LOGw4wVjfrNd9Gt8eoFzhNBRVD95n4l2ksfMVOoxuVyegs85g83KS9QOsxbVQ==
+hermes-eslint@^0.23.1:
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/hermes-eslint/-/hermes-eslint-0.23.1.tgz#e0801e58bd4a70f01b0b0659805f315ab7ea6691"
+  integrity sha512-DaEpbJobK1KwpTSXrPIKkHs2h+B+RTw2F1g9S70tjtJ14a3zM+2gPVUtc8xyffQqRJ6tPfs+/zRKwV17lwDvqA==
+  dependencies:
+    esrecurse "^4.3.0"
+    hermes-estree "0.23.1"
+    hermes-parser "0.23.1"
 
-hermes-estree@0.20.1:
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.20.1.tgz#0b9a544cf883a779a8e1444b915fa365bef7f72d"
-  integrity sha512-SQpZK4BzR48kuOg0v4pb3EAGNclzIlqMj3Opu/mu7bbAoFw6oig6cEt/RAi0zTFW/iW6Iz9X9ggGuZTAZ/yZHg==
+hermes-estree@0.23.1:
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.23.1.tgz#d0bac369a030188120ee7024926aabe5a9f84fdb"
+  integrity sha512-eT5MU3f5aVhTqsfIReZ6n41X5sYn4IdQL0nvz6yO+MMlPxw49aSARHLg/MSehQftyjnrE8X6bYregzSumqc6cg==
 
-hermes-parser@0.15.0:
-  version "0.15.0"
-  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.15.0.tgz#f611a297c2a2dbbfbce8af8543242254f604c382"
-  integrity sha512-Q1uks5rjZlE9RjMMjSUCkGrEIPI5pKJILeCtK1VmTj7U4pf3wVPoo+cxfu+s4cBAPy2JzikIIdCZgBoR6x7U1Q==
-  dependencies:
-    hermes-estree "0.15.0"
+hermes-estree@0.24.0:
+  version "0.24.0"
+  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.24.0.tgz#487dc1ddc0bae698c2d79f34153ac9bf62d7b3c0"
+  integrity sha512-LyoXLB7IFzeZW0EvAbGZacbxBN7t6KKSDqFJPo3Ydow7wDlrDjXwsdiAHV6XOdvEN9MEuWXsSIFN4tzpyrXIHw==
 
-hermes-parser@0.20.1:
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.20.1.tgz#ad10597b99f718b91e283f81cbe636c50c3cff92"
-  integrity sha512-BL5P83cwCogI8D7rrDCgsFY0tdYUtmFP9XaXtl2IQjC+2Xo+4okjfXintlTxcIwl4qeGddEl28Z11kbVIw0aNA==
+hermes-parser@0.23.1:
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.23.1.tgz#e5de648e664f3b3d84d01b48fc7ab164f4b68205"
+  integrity sha512-oxl5h2DkFW83hT4DAUJorpah8ou4yvmweUzLJmmr6YV2cezduCdlil1AvU/a/xSsAFo4WUcNA4GoV5Bvq6JffA==
   dependencies:
-    hermes-estree "0.20.1"
+    hermes-estree "0.23.1"
 
-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"
-  integrity sha512-cnN7bQUm65UWOy6cbGcCcZ3rpwW8Q/j4OP5aWRhEry4Z2t2aR1cjrbp0BS+KiBN0smvP1caBgAuxutvyvJILzQ==
+hermes-parser@0.24.0:
+  version "0.24.0"
+  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.24.0.tgz#2ed19d079efc0848eb1f800f0c393a074c4696fb"
+  integrity sha512-IJooSvvu2qNRe7oo9Rb04sUT4omtZqZqf9uq9WM25Tb6v3usmvA93UqfnnoWs5V0uYjEl9Al6MNU10MCGKLwpg==
   dependencies:
-    source-map "^0.7.3"
+    hermes-estree "0.24.0"
 
 html-escaper@^2.0.0:
   version "2.0.2"
@@ -3780,6 +4177,11 @@ ignore@^5.0.5, ignore@^5.2.0:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.1.tgz#5073e554cd42c5b33b394375f538b8593e34d4ef"
   integrity sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==
 
+ignore@^5.3.1:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
+  integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
+
 image-size@^1.0.2:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/image-size/-/image-size-1.1.1.tgz#ddd67d4dc340e52ac29ce5f546a09f4e29e840ac"
@@ -3795,7 +4197,7 @@ import-fresh@^2.0.0:
     caller-path "^2.0.0"
     resolve-from "^3.0.0"
 
-import-fresh@^3.2.1:
+import-fresh@^3.2.1, import-fresh@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
   integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
@@ -4592,6 +4994,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, 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"
@@ -4794,6 +5201,11 @@ marky@^1.2.2:
   resolved "https://registry.yarnpkg.com/marky/-/marky-1.2.5.tgz#55796b688cbd72390d2d399eaaf1832c9413e3c0"
   integrity sha512-q9JtQJKjpsVxCRVgQ+WapguSbKC3SQ5HEzFGPAJMStgh3QjCawp00UKv3MTTAArTmGmmPUvllHZoNbZ3gs0I+Q==
 
+mdn-data@2.0.14:
+  version "2.0.14"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50"
+  integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==
+
 memoize-one@^5.0.0:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.2.1.tgz#8337aa3c4335581839ec01c3d594090cebe8f00e"
@@ -4809,57 +5221,64 @@ merge2@^1.3.0, merge2@^1.4.1:
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
-metro-babel-transformer@0.80.8:
-  version "0.80.8"
-  resolved "https://registry.yarnpkg.com/metro-babel-transformer/-/metro-babel-transformer-0.80.8.tgz#2951eeab76630b3c59f3874d04f4f12a6e73b2bd"
-  integrity sha512-TTzNwRZb2xxyv4J/+yqgtDAP2qVqH3sahsnFu6Xv4SkLqzrivtlnyUbaeTdJ9JjtADJUEjCbgbFgUVafrXdR9Q==
+metro-babel-transformer@0.81.0:
+  version "0.81.0"
+  resolved "https://registry.yarnpkg.com/metro-babel-transformer/-/metro-babel-transformer-0.81.0.tgz#cf468eafea52e4d8a77844eb7257f8a76e9d9d94"
+  integrity sha512-Dc0QWK4wZIeHnyZ3sevWGTnnSkIDDn/SWyfrn99zbKbDOCoCYy71PAn9uCRrP/hduKLJQOy+tebd63Rr9D8tXg==
   dependencies:
-    "@babel/core" "^7.20.0"
-    hermes-parser "0.20.1"
+    "@babel/core" "^7.25.2"
+    flow-enums-runtime "^0.0.6"
+    hermes-parser "0.24.0"
     nullthrows "^1.1.1"
 
-metro-cache-key@0.80.8:
-  version "0.80.8"
-  resolved "https://registry.yarnpkg.com/metro-cache-key/-/metro-cache-key-0.80.8.tgz#d57af9c25f9fe7e755644594d602ef89124ee06b"
-  integrity sha512-qWKzxrLsRQK5m3oH8ePecqCc+7PEhR03cJE6Z6AxAj0idi99dHOSitTmY0dclXVB9vP2tQIAE8uTd8xkYGk8fA==
+metro-cache-key@0.81.0:
+  version "0.81.0"
+  resolved "https://registry.yarnpkg.com/metro-cache-key/-/metro-cache-key-0.81.0.tgz#5db34fa1a323a2310205bda7abd0df9614e36f45"
+  integrity sha512-qX/IwtknP9bQZL78OK9xeSvLM/xlGfrs6SlUGgHvrxtmGTRSsxcyqxR+c+7ch1xr05n62Gin/O44QKg5V70rNQ==
+  dependencies:
+    flow-enums-runtime "^0.0.6"
 
-metro-cache@0.80.8:
-  version "0.80.8"
-  resolved "https://registry.yarnpkg.com/metro-cache/-/metro-cache-0.80.8.tgz#bc7d38611e4f31686a99045d4f2956c0bff4dd3b"
-  integrity sha512-5svz+89wSyLo7BxdiPDlwDTgcB9kwhNMfNhiBZPNQQs1vLFXxOkILwQiV5F2EwYT9DEr6OPZ0hnJkZfRQ8lDYQ==
+metro-cache@0.81.0:
+  version "0.81.0"
+  resolved "https://registry.yarnpkg.com/metro-cache/-/metro-cache-0.81.0.tgz#90470d10d190ad708f04c6e337eec2c7cddb3db0"
+  integrity sha512-DyuqySicHXkHUDZFVJmh0ygxBSx6pCKUrTcSgb884oiscV/ROt1Vhye+x+OIHcsodyA10gzZtrVtxIFV4l9I4g==
   dependencies:
-    metro-core "0.80.8"
-    rimraf "^3.0.2"
+    exponential-backoff "^3.1.1"
+    flow-enums-runtime "^0.0.6"
+    metro-core "0.81.0"
 
-metro-config@0.80.8, metro-config@^0.80.3:
-  version "0.80.8"
-  resolved "https://registry.yarnpkg.com/metro-config/-/metro-config-0.80.8.tgz#1961feed6334601951ea72600901dafade56a973"
-  integrity sha512-VGQJpfJawtwRzGzGXVUoohpIkB0iPom4DmSbAppKfumdhtLA8uVeEPp2GM61kL9hRvdbMhdWA7T+hZFDlo4mJA==
+metro-config@0.81.0, metro-config@^0.81.0:
+  version "0.81.0"
+  resolved "https://registry.yarnpkg.com/metro-config/-/metro-config-0.81.0.tgz#8f8074033cb7e9ddb5b0459642adf6880bc9fbc1"
+  integrity sha512-6CinEaBe3WLpRlKlYXXu8r1UblJhbwD6Gtnoib5U8j6Pjp7XxMG9h/DGMeNp9aGLDu1OieUqiXpFo7O0/rR5Kg==
   dependencies:
     connect "^3.6.5"
     cosmiconfig "^5.0.5"
+    flow-enums-runtime "^0.0.6"
     jest-validate "^29.6.3"
-    metro "0.80.8"
-    metro-cache "0.80.8"
-    metro-core "0.80.8"
-    metro-runtime "0.80.8"
+    metro "0.81.0"
+    metro-cache "0.81.0"
+    metro-core "0.81.0"
+    metro-runtime "0.81.0"
 
-metro-core@0.80.8, metro-core@^0.80.3:
-  version "0.80.8"
-  resolved "https://registry.yarnpkg.com/metro-core/-/metro-core-0.80.8.tgz#85cf9745e767a33fe96bc5f166b71e213a482978"
-  integrity sha512-g6lud55TXeISRTleW6SHuPFZHtYrpwNqbyFIVd9j9Ofrb5IReiHp9Zl8xkAfZQp8v6ZVgyXD7c130QTsCz+vBw==
+metro-core@0.81.0, metro-core@^0.81.0:
+  version "0.81.0"
+  resolved "https://registry.yarnpkg.com/metro-core/-/metro-core-0.81.0.tgz#d0b634f9cf97849b7730c59457ab7a439811d4c8"
+  integrity sha512-CVkM5YCOAFkNMvJai6KzA0RpztzfEKRX62/PFMOJ9J7K0uq/UkOFLxcgpcncMIrfy0PbfEj811b69tjULUQe1Q==
   dependencies:
+    flow-enums-runtime "^0.0.6"
     lodash.throttle "^4.1.1"
-    metro-resolver "0.80.8"
+    metro-resolver "0.81.0"
 
-metro-file-map@0.80.8:
-  version "0.80.8"
-  resolved "https://registry.yarnpkg.com/metro-file-map/-/metro-file-map-0.80.8.tgz#216e54db4dc8496815bd38bb806d469c5f5b66fd"
-  integrity sha512-eQXMFM9ogTfDs2POq7DT2dnG7rayZcoEgRbHPXvhUWkVwiKkro2ngcBE++ck/7A36Cj5Ljo79SOkYwHaWUDYDw==
+metro-file-map@0.81.0:
+  version "0.81.0"
+  resolved "https://registry.yarnpkg.com/metro-file-map/-/metro-file-map-0.81.0.tgz#af0ccf4f8db4fd8429f78f231faa49dde2c402c3"
+  integrity sha512-zMDI5uYhQCyxbye/AuFx/pAbsz9K+vKL7h1ShUXdN2fz4VUPiyQYRsRqOoVG1DsiCgzd5B6LW0YW77NFpjDQeg==
   dependencies:
     anymatch "^3.0.3"
     debug "^2.2.0"
     fb-watchman "^2.0.0"
+    flow-enums-runtime "^0.0.6"
     graceful-fs "^4.2.4"
     invariant "^2.2.4"
     jest-worker "^29.6.3"
@@ -4870,92 +5289,101 @@ metro-file-map@0.80.8:
   optionalDependencies:
     fsevents "^2.3.2"
 
-metro-minify-terser@0.80.8:
-  version "0.80.8"
-  resolved "https://registry.yarnpkg.com/metro-minify-terser/-/metro-minify-terser-0.80.8.tgz#166413d2286900e7fd764aa30497a1596bc18c00"
-  integrity sha512-y8sUFjVvdeUIINDuW1sejnIjkZfEF+7SmQo0EIpYbWmwh+kq/WMj74yVaBWuqNjirmUp1YNfi3alT67wlbBWBQ==
+metro-minify-terser@0.81.0:
+  version "0.81.0"
+  resolved "https://registry.yarnpkg.com/metro-minify-terser/-/metro-minify-terser-0.81.0.tgz#8b0abe977d63a99b99fa94d53678ef3170d5b659"
+  integrity sha512-U2ramh3W822ZR1nfXgIk+emxsf5eZSg10GbQrT0ZizImK8IZ5BmJY+BHRIkQgHzWFpExOVxC7kWbGL1bZALswA==
   dependencies:
+    flow-enums-runtime "^0.0.6"
     terser "^5.15.0"
 
-metro-resolver@0.80.8:
-  version "0.80.8"
-  resolved "https://registry.yarnpkg.com/metro-resolver/-/metro-resolver-0.80.8.tgz#bcc8f8d7f874a9c5fee9ebbde8541d6dc88783df"
-  integrity sha512-JdtoJkP27GGoZ2HJlEsxs+zO7jnDUCRrmwXJozTlIuzLHMRrxgIRRby9fTCbMhaxq+iA9c+wzm3iFb4NhPmLbQ==
+metro-resolver@0.81.0:
+  version "0.81.0"
+  resolved "https://registry.yarnpkg.com/metro-resolver/-/metro-resolver-0.81.0.tgz#141f4837e1e0c5a1810ea02f2d9be3c9f6cf3766"
+  integrity sha512-Uu2Q+buHhm571cEwpPek8egMbdSTqmwT/5U7ZVNpK6Z2ElQBBCxd7HmFAslKXa7wgpTO2FAn6MqGeERbAtVDUA==
+  dependencies:
+    flow-enums-runtime "^0.0.6"
 
-metro-runtime@0.80.8, metro-runtime@^0.80.3:
-  version "0.80.8"
-  resolved "https://registry.yarnpkg.com/metro-runtime/-/metro-runtime-0.80.8.tgz#8f265369c05d9a3f05f9915842fac5d4e93f44bd"
-  integrity sha512-2oScjfv6Yb79PelU1+p8SVrCMW9ZjgEiipxq7jMRn8mbbtWzyv3g8Mkwr+KwOoDFI/61hYPUbY8cUnu278+x1g==
+metro-runtime@0.81.0, metro-runtime@^0.81.0:
+  version "0.81.0"
+  resolved "https://registry.yarnpkg.com/metro-runtime/-/metro-runtime-0.81.0.tgz#63af9b3fec15d1f307d89ef4881f5ba2c592291e"
+  integrity sha512-6oYB5HOt37RuGz2eV4A6yhcl+PUTwJYLDlY9vhT+aVjbUWI6MdBCf69vc4f5K5Vpt+yOkjy+2LDwLS0ykWFwYw==
   dependencies:
-    "@babel/runtime" "^7.0.0"
+    "@babel/runtime" "^7.25.0"
+    flow-enums-runtime "^0.0.6"
 
-metro-source-map@0.80.8, metro-source-map@^0.80.3:
-  version "0.80.8"
-  resolved "https://registry.yarnpkg.com/metro-source-map/-/metro-source-map-0.80.8.tgz#fe92c2b82739c34cf46372a2be07d4e9cac8eb09"
-  integrity sha512-+OVISBkPNxjD4eEKhblRpBf463nTMk3KMEeYS8Z4xM/z3qujGJGSsWUGRtH27+c6zElaSGtZFiDMshEb8mMKQg==
+metro-source-map@0.81.0, metro-source-map@^0.81.0:
+  version "0.81.0"
+  resolved "https://registry.yarnpkg.com/metro-source-map/-/metro-source-map-0.81.0.tgz#ca83964124bb227d5f0bdb1ee304dbfe635f869e"
+  integrity sha512-TzsVxhH83dyxg4A4+L1nzNO12I7ps5IHLjKGZH3Hrf549eiZivkdjYiq/S5lOB+p2HiQ+Ykcwtmcja95LIC62g==
   dependencies:
-    "@babel/traverse" "^7.20.0"
-    "@babel/types" "^7.20.0"
+    "@babel/traverse" "^7.25.3"
+    "@babel/traverse--for-generate-function-map" "npm:@babel/traverse@^7.25.3"
+    "@babel/types" "^7.25.2"
+    flow-enums-runtime "^0.0.6"
     invariant "^2.2.4"
-    metro-symbolicate "0.80.8"
+    metro-symbolicate "0.81.0"
     nullthrows "^1.1.1"
-    ob1 "0.80.8"
+    ob1 "0.81.0"
     source-map "^0.5.6"
     vlq "^1.0.0"
 
-metro-symbolicate@0.80.8:
-  version "0.80.8"
-  resolved "https://registry.yarnpkg.com/metro-symbolicate/-/metro-symbolicate-0.80.8.tgz#881afc90453450208bf519b22e54962fc909d432"
-  integrity sha512-nwhYySk79jQhwjL9QmOUo4wS+/0Au9joEryDWw7uj4kz2yvw1uBjwmlql3BprQCBzRdB3fcqOP8kO8Es+vE31g==
+metro-symbolicate@0.81.0:
+  version "0.81.0"
+  resolved "https://registry.yarnpkg.com/metro-symbolicate/-/metro-symbolicate-0.81.0.tgz#b7b1eae8bfd6ad2a922fa2bcb9f2144e464adafb"
+  integrity sha512-C/1rWbNTPYp6yzID8IPuQPpVGzJ2rbWYBATxlvQ9dfK5lVNoxcwz77hjcY8ISLsRRR15hyd/zbjCNKPKeNgE1Q==
   dependencies:
+    flow-enums-runtime "^0.0.6"
     invariant "^2.2.4"
-    metro-source-map "0.80.8"
+    metro-source-map "0.81.0"
     nullthrows "^1.1.1"
     source-map "^0.5.6"
     through2 "^2.0.1"
     vlq "^1.0.0"
 
-metro-transform-plugins@0.80.8:
-  version "0.80.8"
-  resolved "https://registry.yarnpkg.com/metro-transform-plugins/-/metro-transform-plugins-0.80.8.tgz#2ed3162cec7fa7549279a6031e6d910198332a77"
-  integrity sha512-sSu8VPL9Od7w98MftCOkQ1UDeySWbsIAS5I54rW22BVpPnI3fQ42srvqMLaJUQPjLehUanq8St6OMBCBgH/UWw==
+metro-transform-plugins@0.81.0:
+  version "0.81.0"
+  resolved "https://registry.yarnpkg.com/metro-transform-plugins/-/metro-transform-plugins-0.81.0.tgz#614c0e50593df545487b3f3383fed810c608fb32"
+  integrity sha512-uErLAPBvttGCrmGSCa0dNHlOTk3uJFVEVWa5WDg6tQ79PRmuYRwzUgLhVzn/9/kyr75eUX3QWXN79Jvu4txt6Q==
   dependencies:
-    "@babel/core" "^7.20.0"
-    "@babel/generator" "^7.20.0"
-    "@babel/template" "^7.0.0"
-    "@babel/traverse" "^7.20.0"
+    "@babel/core" "^7.25.2"
+    "@babel/generator" "^7.25.0"
+    "@babel/template" "^7.25.0"
+    "@babel/traverse" "^7.25.3"
+    flow-enums-runtime "^0.0.6"
     nullthrows "^1.1.1"
 
-metro-transform-worker@0.80.8:
-  version "0.80.8"
-  resolved "https://registry.yarnpkg.com/metro-transform-worker/-/metro-transform-worker-0.80.8.tgz#df3bc21928e1c99b077cd1e2feec9f13d6c351c6"
-  integrity sha512-+4FG3TQk3BTbNqGkFb2uCaxYTfsbuFOCKMMURbwu0ehCP8ZJuTUramkaNZoATS49NSAkRgUltgmBa4YaKZ5mqw==
-  dependencies:
-    "@babel/core" "^7.20.0"
-    "@babel/generator" "^7.20.0"
-    "@babel/parser" "^7.20.0"
-    "@babel/types" "^7.20.0"
-    metro "0.80.8"
-    metro-babel-transformer "0.80.8"
-    metro-cache "0.80.8"
-    metro-cache-key "0.80.8"
-    metro-minify-terser "0.80.8"
-    metro-source-map "0.80.8"
-    metro-transform-plugins "0.80.8"
+metro-transform-worker@0.81.0:
+  version "0.81.0"
+  resolved "https://registry.yarnpkg.com/metro-transform-worker/-/metro-transform-worker-0.81.0.tgz#43e63c95014f36786f0e1a132c778c6392950de7"
+  integrity sha512-HrQ0twiruhKy0yA+9nK5bIe3WQXZcC66PXTvRIos61/EASLAP2DzEmW7IxN/MGsfZegN2UzqL2CG38+mOB45vg==
+  dependencies:
+    "@babel/core" "^7.25.2"
+    "@babel/generator" "^7.25.0"
+    "@babel/parser" "^7.25.3"
+    "@babel/types" "^7.25.2"
+    flow-enums-runtime "^0.0.6"
+    metro "0.81.0"
+    metro-babel-transformer "0.81.0"
+    metro-cache "0.81.0"
+    metro-cache-key "0.81.0"
+    metro-minify-terser "0.81.0"
+    metro-source-map "0.81.0"
+    metro-transform-plugins "0.81.0"
     nullthrows "^1.1.1"
 
-metro@0.80.8, metro@^0.80.3:
-  version "0.80.8"
-  resolved "https://registry.yarnpkg.com/metro/-/metro-0.80.8.tgz#42faa80ea8f1c43bea022b55baa3162e90878868"
-  integrity sha512-in7S0W11mg+RNmcXw+2d9S3zBGmCARDxIwoXJAmLUQOQoYsRP3cpGzyJtc7WOw8+FXfpgXvceD0u+PZIHXEL7g==
-  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"
+metro@0.81.0, metro@^0.81.0:
+  version "0.81.0"
+  resolved "https://registry.yarnpkg.com/metro/-/metro-0.81.0.tgz#cffe9b7d597728dee8b57903ca155417b7c13a4f"
+  integrity sha512-kzdzmpL0gKhEthZ9aOV7sTqvg6NuTxDV8SIm9pf9sO8VVEbKrQk5DNcwupOUjgPPFAuKUc2NkT0suyT62hm2xg==
+  dependencies:
+    "@babel/code-frame" "^7.24.7"
+    "@babel/core" "^7.25.2"
+    "@babel/generator" "^7.25.0"
+    "@babel/parser" "^7.25.3"
+    "@babel/template" "^7.25.0"
+    "@babel/traverse" "^7.25.3"
+    "@babel/types" "^7.25.2"
     accepts "^1.3.7"
     chalk "^4.0.0"
     ci-info "^2.0.0"
@@ -4963,34 +5391,33 @@ metro@0.80.8, metro@^0.80.3:
     debug "^2.2.0"
     denodeify "^1.2.1"
     error-stack-parser "^2.0.6"
+    flow-enums-runtime "^0.0.6"
     graceful-fs "^4.2.4"
-    hermes-parser "0.20.1"
+    hermes-parser "0.24.0"
     image-size "^1.0.2"
     invariant "^2.2.4"
     jest-worker "^29.6.3"
     jsc-safe-url "^0.2.2"
     lodash.throttle "^4.1.1"
-    metro-babel-transformer "0.80.8"
-    metro-cache "0.80.8"
-    metro-cache-key "0.80.8"
-    metro-config "0.80.8"
-    metro-core "0.80.8"
-    metro-file-map "0.80.8"
-    metro-resolver "0.80.8"
-    metro-runtime "0.80.8"
-    metro-source-map "0.80.8"
-    metro-symbolicate "0.80.8"
-    metro-transform-plugins "0.80.8"
-    metro-transform-worker "0.80.8"
+    metro-babel-transformer "0.81.0"
+    metro-cache "0.81.0"
+    metro-cache-key "0.81.0"
+    metro-config "0.81.0"
+    metro-core "0.81.0"
+    metro-file-map "0.81.0"
+    metro-resolver "0.81.0"
+    metro-runtime "0.81.0"
+    metro-source-map "0.81.0"
+    metro-symbolicate "0.81.0"
+    metro-transform-plugins "0.81.0"
+    metro-transform-worker "0.81.0"
     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"
+    ws "^7.5.10"
     yargs "^17.6.2"
 
 micromatch@^4.0.4:
@@ -5035,6 +5462,13 @@ minimatch@^3.0.2, minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatc
   dependencies:
     brace-expansion "^1.1.7"
 
+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@^1.2.6:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
@@ -5067,11 +5501,6 @@ ms@2.1.3:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
-natural-compare-lite@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz#17b09581988979fddafe0201e931ba933c96cbb4"
-  integrity sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==
-
 natural-compare@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
@@ -5104,13 +5533,18 @@ node-dir@^0.1.17:
   dependencies:
     minimatch "^3.0.2"
 
-node-fetch@^2.2.0, node-fetch@^2.6.0:
+node-fetch@^2.2.0:
   version "2.7.0"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.7.0.tgz#d0f0fa6e3e2dc1d27efcd8ad99d550bda94d187d"
   integrity sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==
   dependencies:
     whatwg-url "^5.0.0"
 
+node-forge@^1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
+  integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
+
 node-int64@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
@@ -5121,6 +5555,11 @@ node-releases@^2.0.14:
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.14.tgz#2ffb053bceb8b2be8495ece1ab6ce600c4461b0b"
   integrity sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==
 
+node-releases@^2.0.18:
+  version "2.0.18"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.18.tgz#f010e8d35e2fe8d6b2944f03f70213ecedc4ca3f"
+  integrity sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==
+
 node-stream-zip@^1.9.1:
   version "1.15.0"
   resolved "https://registry.yarnpkg.com/node-stream-zip/-/node-stream-zip-1.15.0.tgz#158adb88ed8004c6c49a396b50a6a5de3bca33ea"
@@ -5138,15 +5577,24 @@ npm-run-path@^4.0.1:
   dependencies:
     path-key "^3.0.0"
 
+nth-check@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
+  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
+  dependencies:
+    boolbase "^1.0.0"
+
 nullthrows@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/nullthrows/-/nullthrows-1.1.1.tgz#7818258843856ae971eae4208ad7d7eb19a431b1"
   integrity sha512-2vPPEi+Z7WqML2jZYddDIfy5Dqb0r2fze2zTxNNknZaFpVHU3mFB3R+DWeJWGVx0ecvttSGlJTI+WG+8Z4cDWw==
 
-ob1@0.80.8:
-  version "0.80.8"
-  resolved "https://registry.yarnpkg.com/ob1/-/ob1-0.80.8.tgz#08be1b8398d004719074ad702c975a5c7e1b29f2"
-  integrity sha512-QHJQk/lXMmAW8I7AIM3in1MSlwe1umR72Chhi8B7Xnq6mzjhBKkA6Fy/zAhQnGkA4S912EPCEvTij5yh+EQTAA==
+ob1@0.81.0:
+  version "0.81.0"
+  resolved "https://registry.yarnpkg.com/ob1/-/ob1-0.81.0.tgz#dc3154cca7aa9c2eb58f5ac63e9ee23ff4c6f520"
+  integrity sha512-6Cvrkxt1tqaRdWqTAMcVYEiO5i1xcF9y7t06nFdjFqkfPsEloCf8WwhXdwBpNUkVYSQlSGS7cDgVQR86miBfBQ==
+  dependencies:
+    flow-enums-runtime "^0.0.6"
 
 object-assign@^4.1.1:
   version "4.1.1"
@@ -5390,6 +5838,11 @@ picocolors@^1.0.0:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
 
+picocolors@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+
 picomatch@^2.0.4, picomatch@^2.2.3, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
@@ -5429,19 +5882,12 @@ prelude-ls@^1.2.1:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
-prettier-linter-helpers@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
-  integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
-  dependencies:
-    fast-diff "^1.1.2"
-
 prettier@2.8.8:
   version "2.8.8"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
   integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
 
-pretty-format@^26.5.2, pretty-format@^26.6.2:
+pretty-format@^26.6.2:
   version "26.6.2"
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-26.6.2.tgz#e35c2705f14cb7fe2fe94fa078345b444120fc93"
   integrity sha512-7AeGuCYNGmycyQbCqd/3PWH4eOoX/OiCa0uphp57NVTeAGdJGaAliecxwBDHYQCIvrW7aDBZCYeNTP/WX69mkg==
@@ -5516,15 +5962,15 @@ range-parser@~1.2.1:
   resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
   integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
 
-react-devtools-core@^4.27.7:
-  version "4.28.5"
-  resolved "https://registry.yarnpkg.com/react-devtools-core/-/react-devtools-core-4.28.5.tgz#c8442b91f068cdf0c899c543907f7f27d79c2508"
-  integrity sha512-cq/o30z9W2Wb4rzBefjv5fBalHU0rJGZCHAkf/RHSBWSSYwh8PlQTqqOJmgIIbBtpj27T6FIPXeomIjZtCNVqA==
+react-devtools-core@^5.3.1:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/react-devtools-core/-/react-devtools-core-5.3.2.tgz#d5df92f8ef2a587986d094ef2c47d84cf4ae46ec"
+  integrity sha512-crr9HkVrDiJ0A4zot89oS0Cgv0Oa4OG1Em4jit3P3ZxZSKPMYyMjfwMqgcJna9o625g8oN87rBm8SWWrSTBZxg==
   dependencies:
     shell-quote "^1.6.1"
     ws "^7"
 
-"react-is@^16.12.0 || ^17.0.0 || ^18.0.0", react-is@^18.0.0, react-is@^18.2.0:
+"react-is@^16.12.0 || ^17.0.0 || ^18.0.0", react-is@^18.0.0:
   version "18.2.0"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
   integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
@@ -5539,48 +5985,57 @@ react-is@^17.0.1:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
   integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
 
-react-native@0.73.6:
-  version "0.73.6"
-  resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.73.6.tgz#ed4c675e205a34bd62c4ce8b9bd1ca5c85126d5b"
-  integrity sha512-oqmZe8D2/VolIzSPZw+oUd6j/bEmeRHwsLn1xLA5wllEYsZ5zNuMsDus235ONOnCRwexqof/J3aztyQswSmiaA==
+react-native-svg@^15.7.1:
+  version "15.7.1"
+  resolved "https://registry.yarnpkg.com/react-native-svg/-/react-native-svg-15.7.1.tgz#299bf5ff21fb355a0f4bedd4cb8f9f520725c4fe"
+  integrity sha512-Xc11L4t6/DtmUwrQqHR7S45Qy3cIWpcfGlmEatVeZ9c1N8eAK79heJmGRgCOVrXESrrLEHfP/AYGf0BGyrvV6A==
+  dependencies:
+    css-select "^5.1.0"
+    css-tree "^1.1.3"
+    warn-once "0.1.1"
+
+react-native@0.76.1:
+  version "0.76.1"
+  resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.76.1.tgz#203cd10d6ba03537cda905f9bb5b4bcd937cdfe1"
+  integrity sha512-z4KnbrnnAvloRs9NGnah3u6/LK3IbtNMrvByxa3ifigbMlsMY4WPRYV9lvt/hH4Mzt8bfuI+utnOxFyJTTq3lg==
   dependencies:
     "@jest/create-cache-key-function" "^29.6.3"
-    "@react-native-community/cli" "12.3.6"
-    "@react-native-community/cli-platform-android" "12.3.6"
-    "@react-native-community/cli-platform-ios" "12.3.6"
-    "@react-native/assets-registry" "0.73.1"
-    "@react-native/codegen" "0.73.3"
-    "@react-native/community-cli-plugin" "0.73.17"
-    "@react-native/gradle-plugin" "0.73.4"
-    "@react-native/js-polyfills" "0.73.1"
-    "@react-native/normalize-colors" "0.73.2"
-    "@react-native/virtualized-lists" "0.73.4"
+    "@react-native/assets-registry" "0.76.1"
+    "@react-native/codegen" "0.76.1"
+    "@react-native/community-cli-plugin" "0.76.1"
+    "@react-native/gradle-plugin" "0.76.1"
+    "@react-native/js-polyfills" "0.76.1"
+    "@react-native/normalize-colors" "0.76.1"
+    "@react-native/virtualized-lists" "0.76.1"
     abort-controller "^3.0.0"
     anser "^1.4.9"
     ansi-regex "^5.0.0"
+    babel-jest "^29.7.0"
+    babel-plugin-syntax-hermes-parser "^0.23.1"
     base64-js "^1.5.1"
     chalk "^4.0.0"
-    deprecated-react-native-prop-types "^5.0.0"
+    commander "^12.0.0"
     event-target-shim "^5.0.1"
     flow-enums-runtime "^0.0.6"
+    glob "^7.1.1"
     invariant "^2.2.4"
     jest-environment-node "^29.6.3"
     jsc-android "^250231.0.0"
     memoize-one "^5.0.0"
-    metro-runtime "^0.80.3"
-    metro-source-map "^0.80.3"
+    metro-runtime "^0.81.0"
+    metro-source-map "^0.81.0"
     mkdirp "^0.5.1"
     nullthrows "^1.1.1"
-    pretty-format "^26.5.2"
+    pretty-format "^29.7.0"
     promise "^8.3.0"
-    react-devtools-core "^4.27.7"
+    react-devtools-core "^5.3.1"
     react-refresh "^0.14.0"
-    react-shallow-renderer "^16.15.0"
     regenerator-runtime "^0.13.2"
     scheduler "0.24.0-canary-efb381bbf-20230505"
+    semver "^7.1.3"
     stacktrace-parser "^0.1.10"
     whatwg-fetch "^3.0.0"
-    ws "^6.2.2"
+    ws "^6.2.3"
     yargs "^17.6.2"
 
 react-refresh@^0.14.0:
@@ -5588,7 +6043,7 @@ react-refresh@^0.14.0:
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.14.0.tgz#4e02825378a5f227079554d4284889354e5f553e"
   integrity sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==
 
-react-shallow-renderer@^16.15.0:
+react-shallow-renderer@^16.13.1:
   version "16.15.0"
   resolved "https://registry.yarnpkg.com/react-shallow-renderer/-/react-shallow-renderer-16.15.0.tgz#48fb2cf9b23d23cde96708fe5273a7d3446f4457"
   integrity sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==
@@ -5596,19 +6051,19 @@ react-shallow-renderer@^16.15.0:
     object-assign "^4.1.1"
     react-is "^16.12.0 || ^17.0.0 || ^18.0.0"
 
-react-test-renderer@18.2.0:
-  version "18.2.0"
-  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-18.2.0.tgz#1dd912bd908ff26da5b9fca4fd1c489b9523d37e"
-  integrity sha512-JWD+aQ0lh2gvh4NM3bBM42Kx+XybOxCpgYK7F8ugAlpaTSnWsX+39Z4XkOykGZAHrjwwTZT3x3KxswVWxHPUqA==
+react-test-renderer@18.0.0:
+  version "18.0.0"
+  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-18.0.0.tgz#fa403d625ea9478a70ace43db88833f6c3a5bb4c"
+  integrity sha512-SyZTP/FSkwfiKOZuTZiISzsrC8A80KNlQ8PyyoGoOq+VzMAab6Em1POK/CiX3+XyXG6oiJa1C53zYDbdrJu9fw==
   dependencies:
-    react-is "^18.2.0"
-    react-shallow-renderer "^16.15.0"
-    scheduler "^0.23.0"
+    react-is "^18.0.0"
+    react-shallow-renderer "^16.13.1"
+    scheduler "^0.21.0"
 
-react@18.2.0:
-  version "18.2.0"
-  resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5"
-  integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
+react@18.3.1:
+  version "18.3.1"
+  resolved "https://registry.yarnpkg.com/react/-/react-18.3.1.tgz#49ab892009c53933625bd16b2533fc754cab2891"
+  integrity sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==
   dependencies:
     loose-envify "^1.1.0"
 
@@ -5669,6 +6124,13 @@ regenerate-unicode-properties@^10.1.0:
   dependencies:
     regenerate "^1.4.2"
 
+regenerate-unicode-properties@^10.2.0:
+  version "10.2.0"
+  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.0.tgz#626e39df8c372338ea9b8028d1f99dc3fd9c3db0"
+  integrity sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==
+  dependencies:
+    regenerate "^1.4.2"
+
 regenerate@^1.4.2:
   version "1.4.2"
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
@@ -5713,6 +6175,30 @@ regexpu-core@^5.3.1:
     unicode-match-property-ecmascript "^2.0.0"
     unicode-match-property-value-ecmascript "^2.1.0"
 
+regexpu-core@^6.1.1:
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-6.1.1.tgz#b469b245594cb2d088ceebc6369dceb8c00becac"
+  integrity sha512-k67Nb9jvwJcJmVpw0jPttR1/zVfnKf8Km0IPatrU/zJ5XeG3+Slx0xLXs9HByJSzXzrlz5EDvN6yLNMDc2qdnw==
+  dependencies:
+    regenerate "^1.4.2"
+    regenerate-unicode-properties "^10.2.0"
+    regjsgen "^0.8.0"
+    regjsparser "^0.11.0"
+    unicode-match-property-ecmascript "^2.0.0"
+    unicode-match-property-value-ecmascript "^2.1.0"
+
+regjsgen@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.8.0.tgz#df23ff26e0c5b300a6470cad160a9d090c3a37ab"
+  integrity sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==
+
+regjsparser@^0.11.0:
+  version "0.11.2"
+  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.11.2.tgz#7404ad42be00226d72bcf1f003f1f441861913d8"
+  integrity sha512-3OGZZ4HoLJkkAZx/48mTXJNlmqTGOzc0o9OWQPuWpkOlXXPbyN6OafCcoXUnBqE2D3f/T5L+pWc1kdEmnfnRsA==
+  dependencies:
+    jsesc "~3.0.2"
+
 regjsparser@^0.9.1:
   version "0.9.1"
   resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.9.1.tgz#272d05aa10c7c1f67095b1ff0addae8442fc5709"
@@ -5845,13 +6331,21 @@ scheduler@0.24.0-canary-efb381bbf-20230505:
   dependencies:
     loose-envify "^1.1.0"
 
-scheduler@^0.23.0:
-  version "0.23.0"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.0.tgz#ba8041afc3d30eb206a487b6b384002e4e61fdfe"
-  integrity sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==
+scheduler@^0.21.0:
+  version "0.21.0"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.21.0.tgz#6fd2532ff5a6d877b6edb12f00d8ab7e8f308820"
+  integrity sha512-1r87x5fz9MXqswA2ERLo0EbOAU74DpIUO090gIasYTqlVoJeMcl+Z1Rg7WHz+qtPujhS/hGIt9kxZOYBV3faRQ==
   dependencies:
     loose-envify "^1.1.0"
 
+selfsigned@^2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-2.4.1.tgz#560d90565442a3ed35b674034cec4e95dceb4ae0"
+  integrity sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==
+  dependencies:
+    "@types/node-forge" "^1.3.0"
+    node-forge "^1"
+
 semver@^5.6.0:
   version "5.7.2"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8"
@@ -5862,6 +6356,11 @@ semver@^6.3.0, semver@^6.3.1:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
+semver@^7.1.3, 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.7, semver@^7.5.2, semver@^7.5.3, semver@^7.5.4:
   version "7.6.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.0.tgz#1a46a4db4bffcccd97b743b5005c8325f23d4e2d"
@@ -6019,11 +6518,6 @@ source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
-source-map@^0.7.3:
-  version "0.7.4"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
-  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
-
 sprintf-js@~1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
@@ -6205,11 +6699,6 @@ supports-preserve-symlinks-flag@^1.0.0:
   resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
-temp-dir@^2.0.0:
-  version "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.4:
   version "0.8.4"
   resolved "https://registry.yarnpkg.com/temp/-/temp-0.8.4.tgz#8c97a33a4770072e0a05f919396c7665a7dd59f2"
@@ -6281,6 +6770,11 @@ tr46@~0.0.3:
   resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
   integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
 
+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==
+
 tslib@^1.8.1:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
@@ -6430,6 +6924,14 @@ update-browserslist-db@^1.0.13:
     escalade "^3.1.1"
     picocolors "^1.0.0"
 
+update-browserslist-db@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz#80846fba1d79e82547fb661f8d141e0945755fe5"
+  integrity sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==
+  dependencies:
+    escalade "^3.2.0"
+    picocolors "^1.1.0"
+
 uri-js@^4.2.2:
   version "4.4.1"
   resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
@@ -6473,6 +6975,11 @@ walker@^1.0.7, walker@^1.0.8:
   dependencies:
     makeerror "1.0.12"
 
+warn-once@0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/warn-once/-/warn-once-0.1.1.tgz#952088f4fb56896e73fd4e6a3767272a3fccce43"
+  integrity sha512-VkQZJbO8zVImzYFteBXvBOZEl1qL175WH8VmZcxF2fZAoudNhNDvHi+doCaAEdU2l2vtcIwa2zn0QK5+I1HQ3Q==
+
 wcwidth@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/wcwidth/-/wcwidth-1.0.1.tgz#f0b0dcf915bc5ff1528afadb2c0e17b532da2fe8"
@@ -6600,18 +7107,23 @@ write-file-atomic@^4.0.2:
     imurmurhash "^0.1.4"
     signal-exit "^3.0.7"
 
-ws@^6.2.2:
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-6.2.2.tgz#dd5cdbd57a9979916097652d78f1cc5faea0c32e"
-  integrity sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==
+ws@^6.2.3:
+  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@^7, ws@^7.5.1:
+ws@^7:
   version "7.5.9"
   resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.9.tgz#54fa7db29f4c7cec68b1ddd3a89de099942bb591"
   integrity sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==
 
+ws@^7.5.10:
+  version "7.5.10"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.10.tgz#58b5c20dc281633f6c19113f39b349bd8bd558d9"
+  integrity sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==
+
 xtend@~4.0.1:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"