From 2c2d66158368b147ed22ff43e08faff5477d441e Mon Sep 17 00:00:00 2001 From: Netcup Gituser Date: Sat, 2 Dec 2023 22:37:14 +0100 Subject: [PATCH] language system for components --- src/components/MyScreenContainer.tsx | 10 +- src/configs/gluestack-ui.config.ts | 18 +- src/lang/default.ts | 166 ++++++++++---- src/lang/en.ts | 211 ++++++++++-------- src/navigation/navigation.tsx | 51 +++-- src/navigation/registration/registration.tsx | 152 ++++++++----- src/navigation/tabs/main/CalendarTab.tsx | 5 +- src/navigation/tabs/main/ChatsTab.tsx | 12 +- src/navigation/tabs/main/MapTab.tsx | 5 +- src/navigation/tabs/main/ProfileTab.tsx | 19 +- src/pages/appStart/StartHelper.tsx | 25 +-- src/pages/profile/about.tsx | 14 +- src/pages/profile/help.tsx | 10 +- src/pages/profile/profile.tsx | 72 +++--- src/{configs => }/theme/Actionsheet.ts | 0 .../theme/ActionsheetBackdrop.ts | 0 src/{configs => }/theme/ActionsheetContent.ts | 0 .../theme/ActionsheetDragIndicator.ts | 0 .../theme/ActionsheetFlatList.ts | 0 src/{configs => }/theme/ActionsheetIcon.ts | 0 .../theme/ActionsheetIndicatorWrapper.ts | 0 src/{configs => }/theme/ActionsheetItem.ts | 0 .../theme/ActionsheetItemText.ts | 0 .../theme/ActionsheetScrollView.ts | 0 .../theme/ActionsheetSectionHeaderText.ts | 0 .../theme/ActionsheetSectionList.ts | 0 .../theme/ActionsheetVirtualizedList.ts | 0 src/{configs => }/theme/Alert.ts | 0 src/{configs => }/theme/AlertDialog.ts | 0 .../theme/AlertDialogBackdrop.ts | 0 src/{configs => }/theme/AlertDialogBody.ts | 0 .../theme/AlertDialogCloseButton.ts | 0 src/{configs => }/theme/AlertDialogContent.ts | 0 src/{configs => }/theme/AlertDialogFooter.ts | 0 src/{configs => }/theme/AlertDialogHeader.ts | 0 src/{configs => }/theme/AlertIcon.ts | 0 src/{configs => }/theme/AlertText.ts | 0 src/{configs => }/theme/Avatar.ts | 0 src/{configs => }/theme/AvatarBadge.ts | 0 src/{configs => }/theme/AvatarFallbackText.ts | 0 src/{configs => }/theme/AvatarGroup.ts | 0 src/{configs => }/theme/AvatarImage.ts | 0 src/{configs => }/theme/Badge.ts | 0 src/{configs => }/theme/BadgeIcon.ts | 0 src/{configs => }/theme/BadgeText.ts | 0 src/{configs => }/theme/Box.ts | 0 src/{configs => }/theme/Button.ts | 0 src/{configs => }/theme/ButtonGroup.ts | 0 src/{configs => }/theme/ButtonGroupHSpacer.ts | 0 src/{configs => }/theme/ButtonGroupVSpacer.ts | 0 src/{configs => }/theme/ButtonIcon.ts | 0 src/{configs => }/theme/ButtonSpinner.ts | 0 src/{configs => }/theme/ButtonText.ts | 0 src/{configs => }/theme/Center.ts | 0 src/{configs => }/theme/Checkbox.ts | 0 src/{configs => }/theme/CheckboxGroup.ts | 0 src/{configs => }/theme/CheckboxIcon.ts | 0 src/{configs => }/theme/CheckboxIndicator.ts | 0 src/{configs => }/theme/CheckboxLabel.ts | 0 src/{configs => }/theme/Divider.ts | 0 src/{configs => }/theme/Fab.ts | 0 src/{configs => }/theme/FabIcon.ts | 0 src/{configs => }/theme/FabLabel.ts | 0 src/{configs => }/theme/FlatList.ts | 0 src/{configs => }/theme/FormControl.ts | 0 src/{configs => }/theme/FormControlError.ts | 0 .../theme/FormControlErrorIcon.ts | 0 .../theme/FormControlErrorText.ts | 0 src/{configs => }/theme/FormControlHelper.ts | 0 .../theme/FormControlHelperText.ts | 0 src/{configs => }/theme/FormControlLabel.ts | 0 .../theme/FormControlLabelText.ts | 0 src/{configs => }/theme/HStack.ts | 0 src/{configs => }/theme/Heading.ts | 0 src/{configs => }/theme/Icon.ts | 0 src/{configs => }/theme/Image.ts | 0 src/{configs => }/theme/Input.ts | 0 src/{configs => }/theme/InputField.ts | 0 src/{configs => }/theme/InputIcon.ts | 0 src/{configs => }/theme/InputSlot.ts | 0 .../theme/KeyboardAvoidingView.ts | 0 src/{configs => }/theme/Link.ts | 0 src/{configs => }/theme/LinkText.ts | 0 src/{configs => }/theme/Menu.ts | 0 src/{configs => }/theme/MenuBackdrop.ts | 0 src/{configs => }/theme/MenuItem.ts | 0 src/{configs => }/theme/MenuLabel.ts | 0 src/{configs => }/theme/Modal.ts | 0 src/{configs => }/theme/ModalBackdrop.ts | 0 src/{configs => }/theme/ModalBody.ts | 0 src/{configs => }/theme/ModalCloseButton.ts | 0 src/{configs => }/theme/ModalContent.ts | 0 src/{configs => }/theme/ModalFooter.ts | 0 src/{configs => }/theme/ModalHeader.ts | 0 src/{configs => }/theme/Popover.ts | 0 src/{configs => }/theme/PopoverArrow.ts | 0 src/{configs => }/theme/PopoverBackdrop.ts | 0 src/{configs => }/theme/PopoverBody.ts | 0 src/{configs => }/theme/PopoverCloseButton.ts | 0 src/{configs => }/theme/PopoverContent.ts | 0 src/{configs => }/theme/PopoverFooter.ts | 0 src/{configs => }/theme/PopoverHeader.ts | 0 src/{configs => }/theme/Pressable.ts | 0 src/{configs => }/theme/Progress.ts | 0 .../theme/ProgressFilledTrack.ts | 0 src/{configs => }/theme/Radio.ts | 0 src/{configs => }/theme/RadioGroup.ts | 0 src/{configs => }/theme/RadioIcon.ts | 0 src/{configs => }/theme/RadioIndicator.ts | 0 src/{configs => }/theme/RadioLabel.ts | 0 src/{configs => }/theme/ScrollView.ts | 0 src/{configs => }/theme/SectionList.ts | 0 src/{configs => }/theme/Select.ts | 0 src/{configs => }/theme/SelectActionsheet.ts | 0 .../theme/SelectActionsheetBackdrop.ts | 0 .../theme/SelectActionsheetContent.ts | 0 .../theme/SelectActionsheetDragIndicator.ts | 0 .../theme/SelectActionsheetFlatList.ts | 0 .../theme/SelectActionsheetIcon.ts | 0 .../SelectActionsheetIndicatorWrapper.ts | 0 .../theme/SelectActionsheetItem.ts | 0 .../theme/SelectActionsheetItemText.ts | 0 .../theme/SelectActionsheetScrollView.ts | 0 .../SelectActionsheetSectionHeaderText.ts | 0 .../theme/SelectActionsheetSectionList.ts | 0 .../theme/SelectActionsheetVirtualizedList.ts | 0 src/{configs => }/theme/SelectIcon.ts | 0 src/{configs => }/theme/SelectInput.ts | 0 src/{configs => }/theme/SelectTrigger.ts | 0 src/{configs => }/theme/Slider.ts | 0 src/{configs => }/theme/SliderFilledTrack.ts | 0 src/{configs => }/theme/SliderThumb.ts | 0 .../theme/SliderThumbInteraction.ts | 0 src/{configs => }/theme/SliderTrack.ts | 0 src/{configs => }/theme/Spinner.ts | 0 src/{configs => }/theme/StatusBar.ts | 0 src/{configs => }/theme/Switch.ts | 0 src/{configs => }/theme/Tabs.ts | 0 src/{configs => }/theme/TabsTab.ts | 0 src/{configs => }/theme/TabsTabIcon.ts | 0 src/{configs => }/theme/TabsTabList.ts | 0 src/{configs => }/theme/TabsTabPanel.ts | 0 src/{configs => }/theme/TabsTabPanels.ts | 0 src/{configs => }/theme/TabsTabTitle.ts | 0 src/{configs => }/theme/Text.ts | 0 src/{configs => }/theme/Textarea.ts | 0 src/{configs => }/theme/TextareaInput.ts | 0 src/{configs => }/theme/Toast.ts | 0 .../theme/ToastAnimationWrapper.ts | 0 src/{configs => }/theme/ToastDescription.ts | 0 src/{configs => }/theme/ToastTitle.ts | 0 src/{configs => }/theme/Tooltip.ts | 0 src/{configs => }/theme/TooltipContent.ts | 0 src/{configs => }/theme/TooltipText.ts | 0 src/{configs => }/theme/VStack.ts | 0 src/{configs => }/theme/View.ts | 0 src/{configs => }/theme/index.ts | 0 157 files changed, 480 insertions(+), 290 deletions(-) rename src/{configs => }/theme/Actionsheet.ts (100%) rename src/{configs => }/theme/ActionsheetBackdrop.ts (100%) rename src/{configs => }/theme/ActionsheetContent.ts (100%) rename src/{configs => }/theme/ActionsheetDragIndicator.ts (100%) rename src/{configs => }/theme/ActionsheetFlatList.ts (100%) rename src/{configs => }/theme/ActionsheetIcon.ts (100%) rename src/{configs => }/theme/ActionsheetIndicatorWrapper.ts (100%) rename src/{configs => }/theme/ActionsheetItem.ts (100%) rename src/{configs => }/theme/ActionsheetItemText.ts (100%) rename src/{configs => }/theme/ActionsheetScrollView.ts (100%) rename src/{configs => }/theme/ActionsheetSectionHeaderText.ts (100%) rename src/{configs => }/theme/ActionsheetSectionList.ts (100%) rename src/{configs => }/theme/ActionsheetVirtualizedList.ts (100%) rename src/{configs => }/theme/Alert.ts (100%) rename src/{configs => }/theme/AlertDialog.ts (100%) rename src/{configs => }/theme/AlertDialogBackdrop.ts (100%) rename src/{configs => }/theme/AlertDialogBody.ts (100%) rename src/{configs => }/theme/AlertDialogCloseButton.ts (100%) rename src/{configs => }/theme/AlertDialogContent.ts (100%) rename src/{configs => }/theme/AlertDialogFooter.ts (100%) rename src/{configs => }/theme/AlertDialogHeader.ts (100%) rename src/{configs => }/theme/AlertIcon.ts (100%) rename src/{configs => }/theme/AlertText.ts (100%) rename src/{configs => }/theme/Avatar.ts (100%) rename src/{configs => }/theme/AvatarBadge.ts (100%) rename src/{configs => }/theme/AvatarFallbackText.ts (100%) rename src/{configs => }/theme/AvatarGroup.ts (100%) rename src/{configs => }/theme/AvatarImage.ts (100%) rename src/{configs => }/theme/Badge.ts (100%) rename src/{configs => }/theme/BadgeIcon.ts (100%) rename src/{configs => }/theme/BadgeText.ts (100%) rename src/{configs => }/theme/Box.ts (100%) rename src/{configs => }/theme/Button.ts (100%) rename src/{configs => }/theme/ButtonGroup.ts (100%) rename src/{configs => }/theme/ButtonGroupHSpacer.ts (100%) rename src/{configs => }/theme/ButtonGroupVSpacer.ts (100%) rename src/{configs => }/theme/ButtonIcon.ts (100%) rename src/{configs => }/theme/ButtonSpinner.ts (100%) rename src/{configs => }/theme/ButtonText.ts (100%) rename src/{configs => }/theme/Center.ts (100%) rename src/{configs => }/theme/Checkbox.ts (100%) rename src/{configs => }/theme/CheckboxGroup.ts (100%) rename src/{configs => }/theme/CheckboxIcon.ts (100%) rename src/{configs => }/theme/CheckboxIndicator.ts (100%) rename src/{configs => }/theme/CheckboxLabel.ts (100%) rename src/{configs => }/theme/Divider.ts (100%) rename src/{configs => }/theme/Fab.ts (100%) rename src/{configs => }/theme/FabIcon.ts (100%) rename src/{configs => }/theme/FabLabel.ts (100%) rename src/{configs => }/theme/FlatList.ts (100%) rename src/{configs => }/theme/FormControl.ts (100%) rename src/{configs => }/theme/FormControlError.ts (100%) rename src/{configs => }/theme/FormControlErrorIcon.ts (100%) rename src/{configs => }/theme/FormControlErrorText.ts (100%) rename src/{configs => }/theme/FormControlHelper.ts (100%) rename src/{configs => }/theme/FormControlHelperText.ts (100%) rename src/{configs => }/theme/FormControlLabel.ts (100%) rename src/{configs => }/theme/FormControlLabelText.ts (100%) rename src/{configs => }/theme/HStack.ts (100%) rename src/{configs => }/theme/Heading.ts (100%) rename src/{configs => }/theme/Icon.ts (100%) rename src/{configs => }/theme/Image.ts (100%) rename src/{configs => }/theme/Input.ts (100%) rename src/{configs => }/theme/InputField.ts (100%) rename src/{configs => }/theme/InputIcon.ts (100%) rename src/{configs => }/theme/InputSlot.ts (100%) rename src/{configs => }/theme/KeyboardAvoidingView.ts (100%) rename src/{configs => }/theme/Link.ts (100%) rename src/{configs => }/theme/LinkText.ts (100%) rename src/{configs => }/theme/Menu.ts (100%) rename src/{configs => }/theme/MenuBackdrop.ts (100%) rename src/{configs => }/theme/MenuItem.ts (100%) rename src/{configs => }/theme/MenuLabel.ts (100%) rename src/{configs => }/theme/Modal.ts (100%) rename src/{configs => }/theme/ModalBackdrop.ts (100%) rename src/{configs => }/theme/ModalBody.ts (100%) rename src/{configs => }/theme/ModalCloseButton.ts (100%) rename src/{configs => }/theme/ModalContent.ts (100%) rename src/{configs => }/theme/ModalFooter.ts (100%) rename src/{configs => }/theme/ModalHeader.ts (100%) rename src/{configs => }/theme/Popover.ts (100%) rename src/{configs => }/theme/PopoverArrow.ts (100%) rename src/{configs => }/theme/PopoverBackdrop.ts (100%) rename src/{configs => }/theme/PopoverBody.ts (100%) rename src/{configs => }/theme/PopoverCloseButton.ts (100%) rename src/{configs => }/theme/PopoverContent.ts (100%) rename src/{configs => }/theme/PopoverFooter.ts (100%) rename src/{configs => }/theme/PopoverHeader.ts (100%) rename src/{configs => }/theme/Pressable.ts (100%) rename src/{configs => }/theme/Progress.ts (100%) rename src/{configs => }/theme/ProgressFilledTrack.ts (100%) rename src/{configs => }/theme/Radio.ts (100%) rename src/{configs => }/theme/RadioGroup.ts (100%) rename src/{configs => }/theme/RadioIcon.ts (100%) rename src/{configs => }/theme/RadioIndicator.ts (100%) rename src/{configs => }/theme/RadioLabel.ts (100%) rename src/{configs => }/theme/ScrollView.ts (100%) rename src/{configs => }/theme/SectionList.ts (100%) rename src/{configs => }/theme/Select.ts (100%) rename src/{configs => }/theme/SelectActionsheet.ts (100%) rename src/{configs => }/theme/SelectActionsheetBackdrop.ts (100%) rename src/{configs => }/theme/SelectActionsheetContent.ts (100%) rename src/{configs => }/theme/SelectActionsheetDragIndicator.ts (100%) rename src/{configs => }/theme/SelectActionsheetFlatList.ts (100%) rename src/{configs => }/theme/SelectActionsheetIcon.ts (100%) rename src/{configs => }/theme/SelectActionsheetIndicatorWrapper.ts (100%) rename src/{configs => }/theme/SelectActionsheetItem.ts (100%) rename src/{configs => }/theme/SelectActionsheetItemText.ts (100%) rename src/{configs => }/theme/SelectActionsheetScrollView.ts (100%) rename src/{configs => }/theme/SelectActionsheetSectionHeaderText.ts (100%) rename src/{configs => }/theme/SelectActionsheetSectionList.ts (100%) rename src/{configs => }/theme/SelectActionsheetVirtualizedList.ts (100%) rename src/{configs => }/theme/SelectIcon.ts (100%) rename src/{configs => }/theme/SelectInput.ts (100%) rename src/{configs => }/theme/SelectTrigger.ts (100%) rename src/{configs => }/theme/Slider.ts (100%) rename src/{configs => }/theme/SliderFilledTrack.ts (100%) rename src/{configs => }/theme/SliderThumb.ts (100%) rename src/{configs => }/theme/SliderThumbInteraction.ts (100%) rename src/{configs => }/theme/SliderTrack.ts (100%) rename src/{configs => }/theme/Spinner.ts (100%) rename src/{configs => }/theme/StatusBar.ts (100%) rename src/{configs => }/theme/Switch.ts (100%) rename src/{configs => }/theme/Tabs.ts (100%) rename src/{configs => }/theme/TabsTab.ts (100%) rename src/{configs => }/theme/TabsTabIcon.ts (100%) rename src/{configs => }/theme/TabsTabList.ts (100%) rename src/{configs => }/theme/TabsTabPanel.ts (100%) rename src/{configs => }/theme/TabsTabPanels.ts (100%) rename src/{configs => }/theme/TabsTabTitle.ts (100%) rename src/{configs => }/theme/Text.ts (100%) rename src/{configs => }/theme/Textarea.ts (100%) rename src/{configs => }/theme/TextareaInput.ts (100%) rename src/{configs => }/theme/Toast.ts (100%) rename src/{configs => }/theme/ToastAnimationWrapper.ts (100%) rename src/{configs => }/theme/ToastDescription.ts (100%) rename src/{configs => }/theme/ToastTitle.ts (100%) rename src/{configs => }/theme/Tooltip.ts (100%) rename src/{configs => }/theme/TooltipContent.ts (100%) rename src/{configs => }/theme/TooltipText.ts (100%) rename src/{configs => }/theme/VStack.ts (100%) rename src/{configs => }/theme/View.ts (100%) rename src/{configs => }/theme/index.ts (100%) diff --git a/src/components/MyScreenContainer.tsx b/src/components/MyScreenContainer.tsx index d891c53..4e87d41 100644 --- a/src/components/MyScreenContainer.tsx +++ b/src/components/MyScreenContainer.tsx @@ -1,6 +1,10 @@ import {ReactNode} from 'react'; import {ScrollView, StyleProp, View, ViewStyle} from 'react-native'; +import { useSelector } from 'react-redux'; +import {RootState, store} from '@redux/store'; + + interface MyScreenContainerProps { children: ReactNode; style?: StyleProp; @@ -12,8 +16,12 @@ export function MyScreenContainer({ style, scrollView, }: MyScreenContainerProps) { + const currentTheme = useSelector( + (state: RootState) => state.nonSaveVariables.themeColors, + ); + const containerStyle = { - backgroundColor: '#212137', + backgroundColor: currentTheme.backgroundDark400, flex: 1, paddingLeft: 20, paddingRight: 20, diff --git a/src/configs/gluestack-ui.config.ts b/src/configs/gluestack-ui.config.ts index 375056a..7b9ed6c 100644 --- a/src/configs/gluestack-ui.config.ts +++ b/src/configs/gluestack-ui.config.ts @@ -1,7 +1,7 @@ import {AnimationResolver} from '@gluestack-style/animation-resolver'; import {MotionAnimationDriver} from '@gluestack-style/legend-motion-animation-driver'; import {createConfig, createComponents} from '@gluestack-style/react'; -import * as componentsTheme from './theme'; +import * as componentsTheme from '../theme'; export const gluestackUIConfig = createConfig({ aliases: { @@ -383,7 +383,18 @@ export const gluestackUIConfig = createConfig({ borderLight800: '#404040', borderLight900: '#262626', borderLight950: '#171717', - backgroundDark0: '#FCFCFC', + + backgroundDark50: '#3e3e88', + backgroundDark100: '#393972', + backgroundDark200: '#32325c', + backgroundDark300: '#2b2b48', + backgroundDark400: '#212137', // primary background + backgroundDark500: '#1c1c2a', + backgroundDark600: '#16161f', + backgroundDark700: '#101015', + backgroundDark800: '#0a0a0b', + backgroundDark900: '#020202', + /*backgroundDark0: '#FCFCFC', backgroundDark50: '#F5F5F5', backgroundDark100: '#F1F1F1', backgroundDark200: '#DBDBDB', @@ -394,7 +405,8 @@ export const gluestackUIConfig = createConfig({ backgroundDark700: '#525252', backgroundDark800: '#404040', backgroundDark900: '#262626', - backgroundDark950: '#171717', + backgroundDark950: '#171717',*/ + backgroundLight0: '#FCFCFC', backgroundLight50: '#F5F5F5', backgroundLight100: '#F1F1F1', diff --git a/src/lang/default.ts b/src/lang/default.ts index 62ea6da..508657d 100644 --- a/src/lang/default.ts +++ b/src/lang/default.ts @@ -5,67 +5,137 @@ interface LangDetails { export default interface LangFormat { details: LangDetails; - curVersion: string; appName: string; - appNameDesc: string; - startHelper1: string; navigation: { home: { - profile: string; - calendar: string; - map: string; - chat: string; + profile: { + tabName: string; + overview: string; + settings: string; + updateUsername: string; + updatePassword: string; + help: string; + about: string; + }; + calendar: { + tabName: string; + overview: string; + }; + map: { + tabName: string; + overview: string; + }; + chats: { + tabName: string; + overview: string; + }; }; }; info: string; error: string; success: string; - account: { + registration: { + buttonLogin: string; + buttonSignUp: string; + buttonNext: string; + dividerText: string; + thirdAuthButton: { + google: string; + apple: string; + }; + previewLogin: { + title: string; + dontHaveAccount: string; + }; + previewSignup: { + title: string; + agreeToTerms: string; + agreeToTermsAnd: string; + alreadyHaveAccount: string; + terms: string; + privacyPolicy: string; + cookieUse: string; + }; login: { title: string; - wrongEmPw: string; - failed: string; - success: string; + inputPhoneNumberOrAccountName: string; + inputPassword: string; }; - registration: { - registration: string; - - info: string; - privacyPolicy: string; - termsOfUse: string; - stepOne: { - title: string; - success: string; - addressExists: string; - addressInvalid: string; - noMailEntered: string; - button: string; + signUpStepUsername: { + title: string; + description: string; + inputUsername: string; + }; + signUpStepPhoneNumber: { + title: string; + inputPhoneNumber: string; + }; + signUpStepVerifyPhoneNumber: { + title: string; + description: string; + clickableTextResendCode: string; + }; + signUpStepPassword: { + title: string; + description: string; + inputPassword: string; + }; + signUpStepAccountName: { + title: string; + description: string; + inputAccountName: string; + buttonGetStarted: string; + }; + }; + profile: { + overview: { + statistics: { + followers: string; + following: string; + visited: string; }; - stepTwo: { - title: string; - verification: string; - resend: [string, string, string]; - noCodeEntered: string; - resendError: {[key: number]: string}; - verificationError: {[key: number]: string}; - button: string; - success: string; + }; + settings: { + overview: { + accountData: { + title: string; + accountName: string; + username: string; + phoneNumber: string; + }; + changePassword: { + title: string; + password: string; + tapToChange: string; + }; + moreInfo: { + title: string; + help: string; + about: string; + logout: string; + }; }; - stepFinal: { - verification: string; - userName: string; - accountName: string; - password: string; - passwordRepeat: string; - displayName: string; - accountNameError: {[key: string]: string}; - userNameError: {[key: string]: string}; - passwordError: {[key: string]: string}; - passwordQuality: string; - passwordQualityList: {[key: string]: string}; - noAllFieldsEntered: string; - button: string; - registerError: {[key: string]: string}; + changeUsername: { + username: string; + info: string; + info2: string; + }; + changePassword: { + currentPassword: string; + newPassword: string; + repeatNewPassword: string; + info: string; + info2: string; + }; + help: { + reportAProblem: string; + helpCenter: string; + }; + about: { + aboutYourAccount: string; + privacyPolicy: string; + termsOfService: string; + openSourceLibraries: string; }; }; }; diff --git a/src/lang/en.ts b/src/lang/en.ts index d243971..419530a 100644 --- a/src/lang/en.ts +++ b/src/lang/en.ts @@ -5,109 +5,138 @@ export const lang: LangFormat = { langCode: 'en', langName: 'English', }, - curVersion: 'Your current version is v${version}.', - appName: 'Click And Join', - appNameDesc: 'an app developed with love by Janex', - startHelper1: 'Your data will be loaded :)', + appName: 'Party App', navigation: { home: { - profile: 'My profile', - calendar: 'Calendar', - map: 'Map', - chat: 'Chats', + profile: { + tabName: 'Profile', + overview: 'My profile', + settings: 'Profile Settings', + updateUsername: 'Change username', + updatePassword: 'Change password', + help: 'Help', + about: 'About', + }, + calendar: { + tabName: 'Calendar', + overview: 'Calendar', + }, + map: { + tabName: 'Map', + overview: 'Map', + }, + chats: { + tabName: 'Chats', + overview: 'Chats', + }, }, }, info: 'Info', error: 'Error', success: 'Success', - account: { - login: { - title: 'Log in', - wrongEmPw: 'Wrong E-Mail or password', - failed: 'Login failed. Try again or contact support.', - success: 'Successfully logged in!', + registration: { + buttonLogin: 'Login', + buttonSignUp: 'Sign up', + buttonNext: 'Next', + dividerText: 'or', + thirdAuthButton: { + google: 'Sign in with Google', + apple: 'Sign in with Apple', }, - registration: { - registration: 'Registration', - - info: 'By registering, you agree to our ${TermsOfUse}. You can find out how we collect and use your data in our ${privacyPolicy}.', - privacyPolicy: 'privacy policy', - termsOfUse: 'Terms of Use', - stepOne: { - title: 'E-Mail', - success: 'A verification has sent to your E-Mail!', - addressExists: 'The E-Mail you entered is already in use.', - addressInvalid: 'The address you entered has an invalid format.', - noMailEntered: 'Please enter your E-Mail', - button: 'Next step', + previewLogin: { + title: 'Time to get to know the next a party', + dontHaveAccount: "Don't have an account?", + }, + previewSignup: { + title: 'Find the next party near you', + agreeToTerms: 'By signing up, you agree to our', + agreeToTermsAnd: 'and', + alreadyHaveAccount: 'Already have an account?', + terms: 'Terms', + privacyPolicy: 'Privacy Policy', + cookieUse: 'Cookie Use', + }, + login: { + title: 'Welcome back!', + inputPhoneNumberOrAccountName: 'PHONE NUMBER OR ACCOUNT NAME', + inputPassword: 'PASSWORD', + }, + signUpStepUsername: { + title: "Let's get started, what's your name?", + description: 'The name will be displayed on your profil overview', + inputUsername: 'Username', + }, + signUpStepPhoneNumber: { + title: 'Create your account using your phone number', + inputPhoneNumber: 'PHONE NUMBER', + }, + signUpStepVerifyPhoneNumber: { + title: 'We sent you a code', + description: 'Enter the 6-digit code we sent to', + clickableTextResendCode: 'Resend code', + }, + signUpStepPassword: { + title: "You'll need a password", + description: 'Make sure it’s 8 characters or more.', + inputPassword: 'PASSWORD', + }, + signUpStepAccountName: { + title: 'Next, create your account name', + description: + 'Your account name is unique and is used for friends to find you.', + inputAccountName: 'ACCOUNT NAME', + buttonGetStarted: 'Get Started', + }, + }, + profile: { + overview: { + statistics: { + followers: 'FOLLOWER', + following: 'FOLLOWING', + visited: 'VISITED', }, - stepTwo: { - title: 'Enter the 6-digit code that we sent you to ${EMail}.', - verification: 'X-X-X-X-X-X', - noCodeEntered: 'Please enter your code', - resend: [ - 'E-Mail not arrived? You can also resend the verification E-Mail by ${resend}.', - 'clicking here', - 'E-Mail verification has resent', - ], - resendError: { - 400: 'Email is already in the registration process by another user!', - 401: 'Your device have changed. Please use another E-Mail address.', - 429: 'Too many requests in a too small period of time in a row', + }, + settings: { + overview: { + accountData: { + title: 'ACCOUNT DATA', + accountName: 'ACCOUNT NAME', + username: 'USERNAME', + phoneNumber: 'PHONE NUMBER', }, - verificationError: { - 400: 'Something went wrong please try again :( Restart App maybe required', - 401: 'The code you entered does not match with the code we sent you', - 422: 'The verification time is expired. Please please try again', + changePassword: { + title: 'PASSWORD', + password: 'PASSWORD', + tapToChange: 'Tap to change', + }, + moreInfo: { + title: 'MORE INFO', + help: 'Help', + about: 'About', + logout: 'Logout', }, - button: 'Verify', - success: 'Verification success!', }, - stepFinal: { - verification: - 'Your Account has been verified. Now enter your user credentials.', - userName: 'Username', - accountName: 'AccountName', - password: 'Password', - passwordRepeat: 'Repeat password', - displayName: 'Other users will see you like this:', - accountNameError: { - tooLong: 'Too long. Max length are ${maxLength} character.', - tooShort: 'Too short. Min length are ${minLength} character.', - required: 'This field is required', - invalid: - 'Account names can only contain letters, numbers, underscores (_) and dots (.)', - exists: 'The account name you entered already exists.', - 422: 'This name is already in use :(', - }, - userNameError: { - tooLong: 'Too long. Max length are ${maxLength} character.', - tooShort: 'Too short. Min length are ${minLength} character.', - required: 'This field is required', - }, - passwordError: { - noMatch: 'Passwords do not match', - tooLong: 'Too long. Max length are ${maxLength} character.', - tooShort: 'Too short. Min length are ${minLength} character.', - required: 'This field is required', - weak: 'Password is too weak', - invalid: - "Passwords must have at least one letter, one number, and one special character. It's for your security. :)", - }, - passwordQuality: 'Password quality: ${quality}', - passwordQualityList: { - 0: 'Very weak', - 1: 'Weak', - 2: 'Moderate', - 3: 'Strong', - 4: 'Very strong', - }, - noAllFieldsEntered: 'Please fill all fields', - button: 'Finish registration', - registerError: { - 400: 'Sign up process expired please try again', - 401: 'User agent and/or IP has changed', - }, + changeUsername: { + username: 'USERNAME', + info: 'You can use a-z, 0-9 and underscores.', + info2: 'Minimum length is 3 characters.', + }, + changePassword: { + currentPassword: 'CURRENT PASSWORD', + newPassword: 'NEW PASSWORD', + repeatNewPassword: 'REPEAT NEW PASSWORD', + info: 'Make sure it’s 8 characters or more.', + info2: 'You will be logged out after changing your password.', + }, + help: { + reportAProblem: 'Report a problem', + helpCenter: 'Help center', + }, + about: { + aboutYourAccount: 'About your account', + privacyPolicy: 'Privacy Policy', + termsOfService: 'Terms of Service', + openSourceLibraries: 'Open source libraries', }, }, }, diff --git a/src/navigation/navigation.tsx b/src/navigation/navigation.tsx index 5177fb5..1b5afd0 100644 --- a/src/navigation/navigation.tsx +++ b/src/navigation/navigation.tsx @@ -4,13 +4,15 @@ import { BottomTabBarProps, createBottomTabNavigator, } from '@react-navigation/bottom-tabs'; -import CalendarTab from './tabs/main/CalendarTab'; -import ChatsTab from './tabs/main/ChatsTab'; -import MapTab from './tabs/main/MapTab'; +import CalendarTab, { + CalendarStackNavigatorParamList, +} from './tabs/main/CalendarTab'; +import ChatsTab, {ChatsStackNavigatorParamList} from './tabs/main/ChatsTab'; +import MapTab, {MapStackNavigatorParamList} from './tabs/main/MapTab'; import ProfileTab, { ProfileStackNavigatorParamList, } from './tabs/main/ProfileTab'; -import {FadeInView, SlideFromLeftView} from '@helper/animations'; +import {FadeInView} from '@helper/animations'; import {Text, TouchableOpacity, View} from 'react-native'; import LinearGradient from 'react-native-linear-gradient'; import { @@ -19,6 +21,8 @@ import { } from './registration/registration'; import {NativeStackNavigationProp} from '@react-navigation/native-stack'; import {MyIcon} from '@components/MyIcon'; +import {useSelector} from 'react-redux'; +import {RootState, store as reduxStore} from '@redux/store'; export type RootStackNavigatorParamList = { Home: NavigatorScreenParams; @@ -29,12 +33,15 @@ export type RootScreenNavigationProp = NativeStackNavigationProp; export default function Navigation() { + const currentUser = + reduxStore.getState().appVariables.preferences.selectedAccount; + return ( + initialRouteName={currentUser === 'none' ? 'Registration' : 'Home'}> @@ -43,13 +50,16 @@ export default function Navigation() { export type HomeStackNavigatorParamList = { Profile: NavigatorScreenParams; + Calendar: NavigatorScreenParams; + Map: NavigatorScreenParams; + Chats: NavigatorScreenParams; }; function ProfileTabAnim(props: any) { return ( - + - + ); } @@ -71,9 +81,9 @@ function MapTabAnim(props: any) { function ChatsTabAnim(props: any) { return ( - + - + ); } @@ -82,6 +92,17 @@ const tabBarIcons = ['account-circle', 'calendar-month', 'map', 'chat']; function CustomTabBar(props: BottomTabBarProps) { const {state, descriptors, navigation} = props; + const lang = useSelector( + (state: RootState) => state.appVariables.lang.navigation.home, + ); + + const tabNames = [ + lang.profile.tabName, + lang.calendar.tabName, + lang.map.tabName, + lang.chats.tabName, + ]; + return ( {state.routes.map((route, index) => { - const {options} = descriptors[route.key]; - const label = - options.tabBarLabel !== undefined - ? options.tabBarLabel - : options.title !== undefined - ? options.title - : route.name; - const isFocused = state.index === index; const onPress = () => { @@ -130,8 +143,6 @@ function CustomTabBar(props: BottomTabBarProps) { {isFocused && ( - {label.toString()} + {tabNames[index]} )} diff --git a/src/navigation/registration/registration.tsx b/src/navigation/registration/registration.tsx index 4ae4453..ac6762e 100644 --- a/src/navigation/registration/registration.tsx +++ b/src/navigation/registration/registration.tsx @@ -20,7 +20,7 @@ import AppleLogo from '@assets/apple-logo.png'; import Logo from '@assets/logo.png'; import {MyDividerWithText} from '@components/MyDivider'; -import {MyButton, MyIconButton, MyImageButton} from '@components/MyButton'; +import {MyButton, MyImageButton} from '@components/MyButton'; import {MyClickableText} from '@components/MyClickableText'; import {OpenURL} from '@helper/linking'; import {Constants} from '@utils/utils'; @@ -28,6 +28,8 @@ import {MyIconInput} from '@components/MyInput'; import {useRef, useState} from 'react'; import {KeyboardAvoidingView} from 'react-native'; import {MyTitle} from '@components/MyTitle'; +import {useSelector} from 'react-redux'; +import {RootState} from '@redux/store'; export type RegistrationStackNavigatorParamList = { SignUpPreview: undefined; @@ -113,24 +115,31 @@ function LoginPreview() { } function ThirdAuthButtons() { + const lang = useSelector( + (state: RootState) => state.appVariables.lang.registration.thirdAuthButton, + ); + return ( <> ); } function RegistrationPreview({type}: {type: 'login' | 'signup'}) { + const lang = useSelector( + (state: RootState) => state.appVariables.lang.registration, + ); const navigation = useNavigation(); return ( @@ -146,8 +155,8 @@ function RegistrationPreview({type}: {type: 'login' | 'signup'}) { @@ -161,11 +170,11 @@ function RegistrationPreview({type}: {type: 'login' | 'signup'}) { }}> - + { navigation.navigate( @@ -177,23 +186,23 @@ function RegistrationPreview({type}: {type: 'login' | 'signup'}) { }} /> - {type === 'login' && ( + {type === 'signup' && ( - By signing up, you agree to our + {`${lang.previewSignup.agreeToTerms} `} OpenURL(Constants.REGISTRATION.TERMS_URL)} /> , OpenURL(Constants.REGISTRATION.PRIVACY_POLICY_URL)} /> - and + {` ${lang.previewSignup.agreeToTermsAnd} `} OpenURL(Constants.REGISTRATION.COOKIE_USE_URL)} /> @@ -203,13 +212,13 @@ function RegistrationPreview({type}: {type: 'login' | 'signup'}) { {type === 'login' ? ( - Don't have an account? + {lang.previewLogin.dontHaveAccount} ) : ( - Have already an account? + {lang.previewSignup.alreadyHaveAccount} )} { navigation.navigate( @@ -236,6 +245,9 @@ function ContentContainer({children}: {children: React.ReactNode}) { } function Login() { + const lang = useSelector( + (state: RootState) => state.appVariables.lang.registration, + ); const navigation = useNavigation(); return ( @@ -244,19 +256,24 @@ function Login() { flexDirection: 'column', }}> - + - - + + { - navigation.navigate('Home'); - }} + onPress={() => navigateToHome(navigation)} /> @@ -265,6 +282,9 @@ function Login() { } function SignUpStepUsername() { + const lang = useSelector( + (state: RootState) => state.appVariables.lang.registration, + ); const navigation = useNavigation(); return ( @@ -273,15 +293,18 @@ function SignUpStepUsername() { flexDirection: 'column', }}> - - The name will be displayed on your profil overview + + {lang.signUpStepUsername.description} - + { navigation.navigate('Registration', { @@ -296,6 +319,9 @@ function SignUpStepUsername() { } function SignUpStepPhoneNumber() { + const lang = useSelector( + (state: RootState) => state.appVariables.lang.registration, + ); const navigation = useNavigation(); return ( @@ -304,18 +330,18 @@ function SignUpStepPhoneNumber() { flexDirection: 'column', }}> - + { navigation.navigate('Registration', { @@ -329,9 +355,7 @@ function SignUpStepPhoneNumber() { ); } -interface ConfirmationCodeInputProps { - // Zusätzliche Props für das ConfirmationCodeInput-Komponente hier hinzufügen -} +interface ConfirmationCodeInputProps {} const ConfirmationCodeInput: React.FC = () => { const [confirmationCode, setConfirmationCode] = useState([ @@ -396,6 +420,9 @@ const styles = StyleSheet.create({ }); function SignUpStepVerifyPhoneNumber() { + const lang = useSelector( + (state: RootState) => state.appVariables.lang.registration, + ); const navigation = useNavigation(); return ( @@ -404,15 +431,15 @@ function SignUpStepVerifyPhoneNumber() { flexDirection: 'column', }}> - - Enter it below to verify +49 15** ******43 + + {`${lang.signUpStepVerifyPhoneNumber.description} +49 15** ******43`} { navigation.navigate('Registration', { @@ -421,7 +448,9 @@ function SignUpStepVerifyPhoneNumber() { }} /> - + @@ -430,6 +459,9 @@ function SignUpStepVerifyPhoneNumber() { } function SignUpStepPassword() { + const lang = useSelector( + (state: RootState) => state.appVariables.lang.registration, + ); const navigation = useNavigation(); return ( @@ -438,21 +470,25 @@ function SignUpStepPassword() { flexDirection: 'column', }}> - - Make sure it's 8 characters or more + + {lang.signUpStepPassword.description} - + { + onPress={() => navigation.navigate('Registration', { screen: 'SignUpStepAccountName', - }); - }} + }) + } /> @@ -460,7 +496,18 @@ function SignUpStepPassword() { ); } +function navigateToHome(navigation: RootScreenNavigationProp) { + navigation.navigate('Home', {screen: 'Map', params: {screen: 'Overview'}}); + navigation.reset({ + index: 0, + routes: [{name: 'Home'}], + }); +} + function SignUpStepAccountName() { + const lang = useSelector( + (state: RootState) => state.appVariables.lang.registration, + ); const navigation = useNavigation(); return ( @@ -470,21 +517,20 @@ function SignUpStepAccountName() { }}> - - - Your account name is unique and is used for friends to find you. - + + {lang.signUpStepAccountName.description} - + { - navigation.navigate('Home'); - }} + onPress={() => navigateToHome(navigation)} /> diff --git a/src/navigation/tabs/main/CalendarTab.tsx b/src/navigation/tabs/main/CalendarTab.tsx index 89cd802..119f804 100644 --- a/src/navigation/tabs/main/CalendarTab.tsx +++ b/src/navigation/tabs/main/CalendarTab.tsx @@ -1,5 +1,4 @@ import { MyScreenContainer } from '@components/MyScreenContainer'; -import {Center} from '@gluestack-ui/themed/build/components/Center'; import { createNativeStackNavigator, NativeStackNavigationProp, @@ -21,7 +20,7 @@ export type CalendarScreenNavigationProp = NativeStackNavigationProp; function CalendarTab() { - const lang = useSelector((state: RootState) => state.appVariables.lang); + const lang = useSelector((state: RootState) => state.appVariables.lang.navigation.home.calendar); //const navigation = useNavigation(); @@ -30,7 +29,7 @@ function CalendarTab() { ; function ChatsTab() { - const lang = useSelector((state: RootState) => state.appVariables.lang); - - //const navigation = useNavigation(); + const lang = useSelector( + (state: RootState) => state.appVariables.lang.navigation.home.chats, + ); return ( ; function MapTab() { - const lang = useSelector((state: RootState) => state.appVariables.lang); + const lang = useSelector((state: RootState) => state.appVariables.lang.navigation.home.map); //const navigation = useNavigation(); @@ -29,7 +28,7 @@ function MapTab() { (); - const lang = useSelector((state: RootState) => state.appVariables.lang); + const lang = useSelector( + (state: RootState) => state.appVariables.lang.navigation.home.profile, + ); return ( @@ -44,10 +46,9 @@ export default function ProfileTab() { name="Overview" options={{ animation: 'slide_from_left', - title: lang.navigation.home.profile, + title: lang.overview, headerShown: true, headerStyle: {backgroundColor: '#212137'}, - headerTitle: '', headerRight: () => ( { console.error("Database Error! Can't start App :("); @@ -80,14 +76,14 @@ function StartHelper() { if (currentAppStatus === appStatus.APP_RUNNING) return null; return ( - +
- {lang.appName} + {lang.appName} - - - {lang.startHelper1} - +
diff --git a/src/pages/profile/about.tsx b/src/pages/profile/about.tsx index be3133a..e462c8b 100644 --- a/src/pages/profile/about.tsx +++ b/src/pages/profile/about.tsx @@ -1,15 +1,21 @@ import {MyScreenContainer} from '@components/MyScreenContainer'; import {Item} from './help'; +import { useSelector } from 'react-redux'; +import { RootState } from '@redux/store'; export function About() { + const lang = useSelector( + (state: RootState) => state.appVariables.lang.profile.settings.about, + ); + return ( - {}} /> - {}} /> - {}} /> + {}} /> + {}} /> + {}} /> {}} /> diff --git a/src/pages/profile/help.tsx b/src/pages/profile/help.tsx index 80cda66..fb4ca9d 100644 --- a/src/pages/profile/help.tsx +++ b/src/pages/profile/help.tsx @@ -1,13 +1,19 @@ import {MyIcon} from '@components/MyIcon'; import {MyScreenContainer} from '@components/MyScreenContainer'; +import { RootState } from '@redux/store'; import {View} from 'react-native'; import {Text, TouchableOpacity} from 'react-native'; +import { useSelector } from 'react-redux'; export function Help() { + const lang = useSelector( + (state: RootState) => state.appVariables.lang.profile.settings.help, + ); + return ( - {}} /> - {}} /> + {}} /> + {}} /> ); } diff --git a/src/pages/profile/profile.tsx b/src/pages/profile/profile.tsx index ff3177f..767bc71 100644 --- a/src/pages/profile/profile.tsx +++ b/src/pages/profile/profile.tsx @@ -1,7 +1,6 @@ import {MyScreenContainer} from '@components/MyScreenContainer'; -import {Image, ScrollView, TextInput, TouchableOpacity} from 'react-native'; +import {Image, ScrollView, TouchableOpacity} from 'react-native'; import {Text, View} from 'react-native'; - import Avatar from '@assets/profile.png'; import {MyTitle} from '@components/MyTitle'; import {MyVerticalDivider} from '@components/MyDivider'; @@ -10,10 +9,9 @@ import {useNavigation} from '@react-navigation/native'; import {ProfileScreenNavigationProp} from '@navigation/tabs/main/ProfileTab'; import {MyIconInput} from '@components/MyInput'; import {useEffect, useState} from 'react'; -import { - RootScreenNavigationProp, - RootStackNavigatorParamList, -} from '@navigation/navigation'; +import {RootScreenNavigationProp} from '@navigation/navigation'; +import {useSelector} from 'react-redux'; +import {RootState} from '@redux/store'; function UserAvatar() { return ( @@ -26,6 +24,10 @@ function UserAvatar() { } export function ProfileOverview() { + const lang = useSelector( + (state: RootState) => state.appVariables.lang.profile.overview.statistics, + ); + return ( - + - + - + ); @@ -81,8 +83,10 @@ function Statistic({value, title}: StatisticProps) { } export function ProfileSettings() { + const lang = useSelector( + (state: RootState) => state.appVariables.lang.profile.settings.overview, + ); const navigation = useNavigation(); - const rootNavigation = useNavigation(); return ( @@ -95,52 +99,52 @@ export function ProfileSettings() { - + navigation.navigate('UpdateUsername')} /> - + navigation.navigate('UpdatePassword')} /> - + navigation.navigate('Help')} /> navigation.navigate('About')} /> rootNavigation.navigate('Registration', {screen: 'LoginPreview'}) } @@ -195,7 +199,7 @@ function SettingsItem({icon, title, value, onPress}: SettingsItemProps) { {value ? ( <> - {title} + {title} {value} @@ -212,10 +216,14 @@ function SettingsItem({icon, title, value, onPress}: SettingsItemProps) { } export function UpdateUsername() { + const lang = useSelector( + (state: RootState) => state.appVariables.lang.profile.settings, + ); + const navigation = useNavigation(); + // TODO: get username from current logged in user const username = 'Max Mustermann'; - const navigation = useNavigation(); const [newUsername, setNewUsername] = useState(username); useEffect(() => { @@ -237,19 +245,22 @@ export function UpdateUsername() { { setNewUsername(text); }} /> - You can use a-z, 0-9 and underscores. - Minimum length is 5 characters. + {lang.changeUsername.info} + {lang.changeUsername.info2} ); } export function UpdatePassword() { + const lang = useSelector( + (state: RootState) => state.appVariables.lang.profile.settings.changePassword, + ); const navigation = useNavigation(); const [currentPassword, setCurrentPassword] = useState(''); @@ -288,7 +299,7 @@ export function UpdatePassword() { }}> setCurrentPassword(text)} @@ -296,7 +307,7 @@ export function UpdatePassword() { /> setNewPassword(text)} @@ -304,7 +315,7 @@ export function UpdatePassword() { /> setRepeatNewPassword(text)} @@ -313,8 +324,9 @@ export function UpdatePassword() { - You will be logged out after changing your password. + {lang.info} + {lang.info2} ); } diff --git a/src/configs/theme/Actionsheet.ts b/src/theme/Actionsheet.ts similarity index 100% rename from src/configs/theme/Actionsheet.ts rename to src/theme/Actionsheet.ts diff --git a/src/configs/theme/ActionsheetBackdrop.ts b/src/theme/ActionsheetBackdrop.ts similarity index 100% rename from src/configs/theme/ActionsheetBackdrop.ts rename to src/theme/ActionsheetBackdrop.ts diff --git a/src/configs/theme/ActionsheetContent.ts b/src/theme/ActionsheetContent.ts similarity index 100% rename from src/configs/theme/ActionsheetContent.ts rename to src/theme/ActionsheetContent.ts diff --git a/src/configs/theme/ActionsheetDragIndicator.ts b/src/theme/ActionsheetDragIndicator.ts similarity index 100% rename from src/configs/theme/ActionsheetDragIndicator.ts rename to src/theme/ActionsheetDragIndicator.ts diff --git a/src/configs/theme/ActionsheetFlatList.ts b/src/theme/ActionsheetFlatList.ts similarity index 100% rename from src/configs/theme/ActionsheetFlatList.ts rename to src/theme/ActionsheetFlatList.ts diff --git a/src/configs/theme/ActionsheetIcon.ts b/src/theme/ActionsheetIcon.ts similarity index 100% rename from src/configs/theme/ActionsheetIcon.ts rename to src/theme/ActionsheetIcon.ts diff --git a/src/configs/theme/ActionsheetIndicatorWrapper.ts b/src/theme/ActionsheetIndicatorWrapper.ts similarity index 100% rename from src/configs/theme/ActionsheetIndicatorWrapper.ts rename to src/theme/ActionsheetIndicatorWrapper.ts diff --git a/src/configs/theme/ActionsheetItem.ts b/src/theme/ActionsheetItem.ts similarity index 100% rename from src/configs/theme/ActionsheetItem.ts rename to src/theme/ActionsheetItem.ts diff --git a/src/configs/theme/ActionsheetItemText.ts b/src/theme/ActionsheetItemText.ts similarity index 100% rename from src/configs/theme/ActionsheetItemText.ts rename to src/theme/ActionsheetItemText.ts diff --git a/src/configs/theme/ActionsheetScrollView.ts b/src/theme/ActionsheetScrollView.ts similarity index 100% rename from src/configs/theme/ActionsheetScrollView.ts rename to src/theme/ActionsheetScrollView.ts diff --git a/src/configs/theme/ActionsheetSectionHeaderText.ts b/src/theme/ActionsheetSectionHeaderText.ts similarity index 100% rename from src/configs/theme/ActionsheetSectionHeaderText.ts rename to src/theme/ActionsheetSectionHeaderText.ts diff --git a/src/configs/theme/ActionsheetSectionList.ts b/src/theme/ActionsheetSectionList.ts similarity index 100% rename from src/configs/theme/ActionsheetSectionList.ts rename to src/theme/ActionsheetSectionList.ts diff --git a/src/configs/theme/ActionsheetVirtualizedList.ts b/src/theme/ActionsheetVirtualizedList.ts similarity index 100% rename from src/configs/theme/ActionsheetVirtualizedList.ts rename to src/theme/ActionsheetVirtualizedList.ts diff --git a/src/configs/theme/Alert.ts b/src/theme/Alert.ts similarity index 100% rename from src/configs/theme/Alert.ts rename to src/theme/Alert.ts diff --git a/src/configs/theme/AlertDialog.ts b/src/theme/AlertDialog.ts similarity index 100% rename from src/configs/theme/AlertDialog.ts rename to src/theme/AlertDialog.ts diff --git a/src/configs/theme/AlertDialogBackdrop.ts b/src/theme/AlertDialogBackdrop.ts similarity index 100% rename from src/configs/theme/AlertDialogBackdrop.ts rename to src/theme/AlertDialogBackdrop.ts diff --git a/src/configs/theme/AlertDialogBody.ts b/src/theme/AlertDialogBody.ts similarity index 100% rename from src/configs/theme/AlertDialogBody.ts rename to src/theme/AlertDialogBody.ts diff --git a/src/configs/theme/AlertDialogCloseButton.ts b/src/theme/AlertDialogCloseButton.ts similarity index 100% rename from src/configs/theme/AlertDialogCloseButton.ts rename to src/theme/AlertDialogCloseButton.ts diff --git a/src/configs/theme/AlertDialogContent.ts b/src/theme/AlertDialogContent.ts similarity index 100% rename from src/configs/theme/AlertDialogContent.ts rename to src/theme/AlertDialogContent.ts diff --git a/src/configs/theme/AlertDialogFooter.ts b/src/theme/AlertDialogFooter.ts similarity index 100% rename from src/configs/theme/AlertDialogFooter.ts rename to src/theme/AlertDialogFooter.ts diff --git a/src/configs/theme/AlertDialogHeader.ts b/src/theme/AlertDialogHeader.ts similarity index 100% rename from src/configs/theme/AlertDialogHeader.ts rename to src/theme/AlertDialogHeader.ts diff --git a/src/configs/theme/AlertIcon.ts b/src/theme/AlertIcon.ts similarity index 100% rename from src/configs/theme/AlertIcon.ts rename to src/theme/AlertIcon.ts diff --git a/src/configs/theme/AlertText.ts b/src/theme/AlertText.ts similarity index 100% rename from src/configs/theme/AlertText.ts rename to src/theme/AlertText.ts diff --git a/src/configs/theme/Avatar.ts b/src/theme/Avatar.ts similarity index 100% rename from src/configs/theme/Avatar.ts rename to src/theme/Avatar.ts diff --git a/src/configs/theme/AvatarBadge.ts b/src/theme/AvatarBadge.ts similarity index 100% rename from src/configs/theme/AvatarBadge.ts rename to src/theme/AvatarBadge.ts diff --git a/src/configs/theme/AvatarFallbackText.ts b/src/theme/AvatarFallbackText.ts similarity index 100% rename from src/configs/theme/AvatarFallbackText.ts rename to src/theme/AvatarFallbackText.ts diff --git a/src/configs/theme/AvatarGroup.ts b/src/theme/AvatarGroup.ts similarity index 100% rename from src/configs/theme/AvatarGroup.ts rename to src/theme/AvatarGroup.ts diff --git a/src/configs/theme/AvatarImage.ts b/src/theme/AvatarImage.ts similarity index 100% rename from src/configs/theme/AvatarImage.ts rename to src/theme/AvatarImage.ts diff --git a/src/configs/theme/Badge.ts b/src/theme/Badge.ts similarity index 100% rename from src/configs/theme/Badge.ts rename to src/theme/Badge.ts diff --git a/src/configs/theme/BadgeIcon.ts b/src/theme/BadgeIcon.ts similarity index 100% rename from src/configs/theme/BadgeIcon.ts rename to src/theme/BadgeIcon.ts diff --git a/src/configs/theme/BadgeText.ts b/src/theme/BadgeText.ts similarity index 100% rename from src/configs/theme/BadgeText.ts rename to src/theme/BadgeText.ts diff --git a/src/configs/theme/Box.ts b/src/theme/Box.ts similarity index 100% rename from src/configs/theme/Box.ts rename to src/theme/Box.ts diff --git a/src/configs/theme/Button.ts b/src/theme/Button.ts similarity index 100% rename from src/configs/theme/Button.ts rename to src/theme/Button.ts diff --git a/src/configs/theme/ButtonGroup.ts b/src/theme/ButtonGroup.ts similarity index 100% rename from src/configs/theme/ButtonGroup.ts rename to src/theme/ButtonGroup.ts diff --git a/src/configs/theme/ButtonGroupHSpacer.ts b/src/theme/ButtonGroupHSpacer.ts similarity index 100% rename from src/configs/theme/ButtonGroupHSpacer.ts rename to src/theme/ButtonGroupHSpacer.ts diff --git a/src/configs/theme/ButtonGroupVSpacer.ts b/src/theme/ButtonGroupVSpacer.ts similarity index 100% rename from src/configs/theme/ButtonGroupVSpacer.ts rename to src/theme/ButtonGroupVSpacer.ts diff --git a/src/configs/theme/ButtonIcon.ts b/src/theme/ButtonIcon.ts similarity index 100% rename from src/configs/theme/ButtonIcon.ts rename to src/theme/ButtonIcon.ts diff --git a/src/configs/theme/ButtonSpinner.ts b/src/theme/ButtonSpinner.ts similarity index 100% rename from src/configs/theme/ButtonSpinner.ts rename to src/theme/ButtonSpinner.ts diff --git a/src/configs/theme/ButtonText.ts b/src/theme/ButtonText.ts similarity index 100% rename from src/configs/theme/ButtonText.ts rename to src/theme/ButtonText.ts diff --git a/src/configs/theme/Center.ts b/src/theme/Center.ts similarity index 100% rename from src/configs/theme/Center.ts rename to src/theme/Center.ts diff --git a/src/configs/theme/Checkbox.ts b/src/theme/Checkbox.ts similarity index 100% rename from src/configs/theme/Checkbox.ts rename to src/theme/Checkbox.ts diff --git a/src/configs/theme/CheckboxGroup.ts b/src/theme/CheckboxGroup.ts similarity index 100% rename from src/configs/theme/CheckboxGroup.ts rename to src/theme/CheckboxGroup.ts diff --git a/src/configs/theme/CheckboxIcon.ts b/src/theme/CheckboxIcon.ts similarity index 100% rename from src/configs/theme/CheckboxIcon.ts rename to src/theme/CheckboxIcon.ts diff --git a/src/configs/theme/CheckboxIndicator.ts b/src/theme/CheckboxIndicator.ts similarity index 100% rename from src/configs/theme/CheckboxIndicator.ts rename to src/theme/CheckboxIndicator.ts diff --git a/src/configs/theme/CheckboxLabel.ts b/src/theme/CheckboxLabel.ts similarity index 100% rename from src/configs/theme/CheckboxLabel.ts rename to src/theme/CheckboxLabel.ts diff --git a/src/configs/theme/Divider.ts b/src/theme/Divider.ts similarity index 100% rename from src/configs/theme/Divider.ts rename to src/theme/Divider.ts diff --git a/src/configs/theme/Fab.ts b/src/theme/Fab.ts similarity index 100% rename from src/configs/theme/Fab.ts rename to src/theme/Fab.ts diff --git a/src/configs/theme/FabIcon.ts b/src/theme/FabIcon.ts similarity index 100% rename from src/configs/theme/FabIcon.ts rename to src/theme/FabIcon.ts diff --git a/src/configs/theme/FabLabel.ts b/src/theme/FabLabel.ts similarity index 100% rename from src/configs/theme/FabLabel.ts rename to src/theme/FabLabel.ts diff --git a/src/configs/theme/FlatList.ts b/src/theme/FlatList.ts similarity index 100% rename from src/configs/theme/FlatList.ts rename to src/theme/FlatList.ts diff --git a/src/configs/theme/FormControl.ts b/src/theme/FormControl.ts similarity index 100% rename from src/configs/theme/FormControl.ts rename to src/theme/FormControl.ts diff --git a/src/configs/theme/FormControlError.ts b/src/theme/FormControlError.ts similarity index 100% rename from src/configs/theme/FormControlError.ts rename to src/theme/FormControlError.ts diff --git a/src/configs/theme/FormControlErrorIcon.ts b/src/theme/FormControlErrorIcon.ts similarity index 100% rename from src/configs/theme/FormControlErrorIcon.ts rename to src/theme/FormControlErrorIcon.ts diff --git a/src/configs/theme/FormControlErrorText.ts b/src/theme/FormControlErrorText.ts similarity index 100% rename from src/configs/theme/FormControlErrorText.ts rename to src/theme/FormControlErrorText.ts diff --git a/src/configs/theme/FormControlHelper.ts b/src/theme/FormControlHelper.ts similarity index 100% rename from src/configs/theme/FormControlHelper.ts rename to src/theme/FormControlHelper.ts diff --git a/src/configs/theme/FormControlHelperText.ts b/src/theme/FormControlHelperText.ts similarity index 100% rename from src/configs/theme/FormControlHelperText.ts rename to src/theme/FormControlHelperText.ts diff --git a/src/configs/theme/FormControlLabel.ts b/src/theme/FormControlLabel.ts similarity index 100% rename from src/configs/theme/FormControlLabel.ts rename to src/theme/FormControlLabel.ts diff --git a/src/configs/theme/FormControlLabelText.ts b/src/theme/FormControlLabelText.ts similarity index 100% rename from src/configs/theme/FormControlLabelText.ts rename to src/theme/FormControlLabelText.ts diff --git a/src/configs/theme/HStack.ts b/src/theme/HStack.ts similarity index 100% rename from src/configs/theme/HStack.ts rename to src/theme/HStack.ts diff --git a/src/configs/theme/Heading.ts b/src/theme/Heading.ts similarity index 100% rename from src/configs/theme/Heading.ts rename to src/theme/Heading.ts diff --git a/src/configs/theme/Icon.ts b/src/theme/Icon.ts similarity index 100% rename from src/configs/theme/Icon.ts rename to src/theme/Icon.ts diff --git a/src/configs/theme/Image.ts b/src/theme/Image.ts similarity index 100% rename from src/configs/theme/Image.ts rename to src/theme/Image.ts diff --git a/src/configs/theme/Input.ts b/src/theme/Input.ts similarity index 100% rename from src/configs/theme/Input.ts rename to src/theme/Input.ts diff --git a/src/configs/theme/InputField.ts b/src/theme/InputField.ts similarity index 100% rename from src/configs/theme/InputField.ts rename to src/theme/InputField.ts diff --git a/src/configs/theme/InputIcon.ts b/src/theme/InputIcon.ts similarity index 100% rename from src/configs/theme/InputIcon.ts rename to src/theme/InputIcon.ts diff --git a/src/configs/theme/InputSlot.ts b/src/theme/InputSlot.ts similarity index 100% rename from src/configs/theme/InputSlot.ts rename to src/theme/InputSlot.ts diff --git a/src/configs/theme/KeyboardAvoidingView.ts b/src/theme/KeyboardAvoidingView.ts similarity index 100% rename from src/configs/theme/KeyboardAvoidingView.ts rename to src/theme/KeyboardAvoidingView.ts diff --git a/src/configs/theme/Link.ts b/src/theme/Link.ts similarity index 100% rename from src/configs/theme/Link.ts rename to src/theme/Link.ts diff --git a/src/configs/theme/LinkText.ts b/src/theme/LinkText.ts similarity index 100% rename from src/configs/theme/LinkText.ts rename to src/theme/LinkText.ts diff --git a/src/configs/theme/Menu.ts b/src/theme/Menu.ts similarity index 100% rename from src/configs/theme/Menu.ts rename to src/theme/Menu.ts diff --git a/src/configs/theme/MenuBackdrop.ts b/src/theme/MenuBackdrop.ts similarity index 100% rename from src/configs/theme/MenuBackdrop.ts rename to src/theme/MenuBackdrop.ts diff --git a/src/configs/theme/MenuItem.ts b/src/theme/MenuItem.ts similarity index 100% rename from src/configs/theme/MenuItem.ts rename to src/theme/MenuItem.ts diff --git a/src/configs/theme/MenuLabel.ts b/src/theme/MenuLabel.ts similarity index 100% rename from src/configs/theme/MenuLabel.ts rename to src/theme/MenuLabel.ts diff --git a/src/configs/theme/Modal.ts b/src/theme/Modal.ts similarity index 100% rename from src/configs/theme/Modal.ts rename to src/theme/Modal.ts diff --git a/src/configs/theme/ModalBackdrop.ts b/src/theme/ModalBackdrop.ts similarity index 100% rename from src/configs/theme/ModalBackdrop.ts rename to src/theme/ModalBackdrop.ts diff --git a/src/configs/theme/ModalBody.ts b/src/theme/ModalBody.ts similarity index 100% rename from src/configs/theme/ModalBody.ts rename to src/theme/ModalBody.ts diff --git a/src/configs/theme/ModalCloseButton.ts b/src/theme/ModalCloseButton.ts similarity index 100% rename from src/configs/theme/ModalCloseButton.ts rename to src/theme/ModalCloseButton.ts diff --git a/src/configs/theme/ModalContent.ts b/src/theme/ModalContent.ts similarity index 100% rename from src/configs/theme/ModalContent.ts rename to src/theme/ModalContent.ts diff --git a/src/configs/theme/ModalFooter.ts b/src/theme/ModalFooter.ts similarity index 100% rename from src/configs/theme/ModalFooter.ts rename to src/theme/ModalFooter.ts diff --git a/src/configs/theme/ModalHeader.ts b/src/theme/ModalHeader.ts similarity index 100% rename from src/configs/theme/ModalHeader.ts rename to src/theme/ModalHeader.ts diff --git a/src/configs/theme/Popover.ts b/src/theme/Popover.ts similarity index 100% rename from src/configs/theme/Popover.ts rename to src/theme/Popover.ts diff --git a/src/configs/theme/PopoverArrow.ts b/src/theme/PopoverArrow.ts similarity index 100% rename from src/configs/theme/PopoverArrow.ts rename to src/theme/PopoverArrow.ts diff --git a/src/configs/theme/PopoverBackdrop.ts b/src/theme/PopoverBackdrop.ts similarity index 100% rename from src/configs/theme/PopoverBackdrop.ts rename to src/theme/PopoverBackdrop.ts diff --git a/src/configs/theme/PopoverBody.ts b/src/theme/PopoverBody.ts similarity index 100% rename from src/configs/theme/PopoverBody.ts rename to src/theme/PopoverBody.ts diff --git a/src/configs/theme/PopoverCloseButton.ts b/src/theme/PopoverCloseButton.ts similarity index 100% rename from src/configs/theme/PopoverCloseButton.ts rename to src/theme/PopoverCloseButton.ts diff --git a/src/configs/theme/PopoverContent.ts b/src/theme/PopoverContent.ts similarity index 100% rename from src/configs/theme/PopoverContent.ts rename to src/theme/PopoverContent.ts diff --git a/src/configs/theme/PopoverFooter.ts b/src/theme/PopoverFooter.ts similarity index 100% rename from src/configs/theme/PopoverFooter.ts rename to src/theme/PopoverFooter.ts diff --git a/src/configs/theme/PopoverHeader.ts b/src/theme/PopoverHeader.ts similarity index 100% rename from src/configs/theme/PopoverHeader.ts rename to src/theme/PopoverHeader.ts diff --git a/src/configs/theme/Pressable.ts b/src/theme/Pressable.ts similarity index 100% rename from src/configs/theme/Pressable.ts rename to src/theme/Pressable.ts diff --git a/src/configs/theme/Progress.ts b/src/theme/Progress.ts similarity index 100% rename from src/configs/theme/Progress.ts rename to src/theme/Progress.ts diff --git a/src/configs/theme/ProgressFilledTrack.ts b/src/theme/ProgressFilledTrack.ts similarity index 100% rename from src/configs/theme/ProgressFilledTrack.ts rename to src/theme/ProgressFilledTrack.ts diff --git a/src/configs/theme/Radio.ts b/src/theme/Radio.ts similarity index 100% rename from src/configs/theme/Radio.ts rename to src/theme/Radio.ts diff --git a/src/configs/theme/RadioGroup.ts b/src/theme/RadioGroup.ts similarity index 100% rename from src/configs/theme/RadioGroup.ts rename to src/theme/RadioGroup.ts diff --git a/src/configs/theme/RadioIcon.ts b/src/theme/RadioIcon.ts similarity index 100% rename from src/configs/theme/RadioIcon.ts rename to src/theme/RadioIcon.ts diff --git a/src/configs/theme/RadioIndicator.ts b/src/theme/RadioIndicator.ts similarity index 100% rename from src/configs/theme/RadioIndicator.ts rename to src/theme/RadioIndicator.ts diff --git a/src/configs/theme/RadioLabel.ts b/src/theme/RadioLabel.ts similarity index 100% rename from src/configs/theme/RadioLabel.ts rename to src/theme/RadioLabel.ts diff --git a/src/configs/theme/ScrollView.ts b/src/theme/ScrollView.ts similarity index 100% rename from src/configs/theme/ScrollView.ts rename to src/theme/ScrollView.ts diff --git a/src/configs/theme/SectionList.ts b/src/theme/SectionList.ts similarity index 100% rename from src/configs/theme/SectionList.ts rename to src/theme/SectionList.ts diff --git a/src/configs/theme/Select.ts b/src/theme/Select.ts similarity index 100% rename from src/configs/theme/Select.ts rename to src/theme/Select.ts diff --git a/src/configs/theme/SelectActionsheet.ts b/src/theme/SelectActionsheet.ts similarity index 100% rename from src/configs/theme/SelectActionsheet.ts rename to src/theme/SelectActionsheet.ts diff --git a/src/configs/theme/SelectActionsheetBackdrop.ts b/src/theme/SelectActionsheetBackdrop.ts similarity index 100% rename from src/configs/theme/SelectActionsheetBackdrop.ts rename to src/theme/SelectActionsheetBackdrop.ts diff --git a/src/configs/theme/SelectActionsheetContent.ts b/src/theme/SelectActionsheetContent.ts similarity index 100% rename from src/configs/theme/SelectActionsheetContent.ts rename to src/theme/SelectActionsheetContent.ts diff --git a/src/configs/theme/SelectActionsheetDragIndicator.ts b/src/theme/SelectActionsheetDragIndicator.ts similarity index 100% rename from src/configs/theme/SelectActionsheetDragIndicator.ts rename to src/theme/SelectActionsheetDragIndicator.ts diff --git a/src/configs/theme/SelectActionsheetFlatList.ts b/src/theme/SelectActionsheetFlatList.ts similarity index 100% rename from src/configs/theme/SelectActionsheetFlatList.ts rename to src/theme/SelectActionsheetFlatList.ts diff --git a/src/configs/theme/SelectActionsheetIcon.ts b/src/theme/SelectActionsheetIcon.ts similarity index 100% rename from src/configs/theme/SelectActionsheetIcon.ts rename to src/theme/SelectActionsheetIcon.ts diff --git a/src/configs/theme/SelectActionsheetIndicatorWrapper.ts b/src/theme/SelectActionsheetIndicatorWrapper.ts similarity index 100% rename from src/configs/theme/SelectActionsheetIndicatorWrapper.ts rename to src/theme/SelectActionsheetIndicatorWrapper.ts diff --git a/src/configs/theme/SelectActionsheetItem.ts b/src/theme/SelectActionsheetItem.ts similarity index 100% rename from src/configs/theme/SelectActionsheetItem.ts rename to src/theme/SelectActionsheetItem.ts diff --git a/src/configs/theme/SelectActionsheetItemText.ts b/src/theme/SelectActionsheetItemText.ts similarity index 100% rename from src/configs/theme/SelectActionsheetItemText.ts rename to src/theme/SelectActionsheetItemText.ts diff --git a/src/configs/theme/SelectActionsheetScrollView.ts b/src/theme/SelectActionsheetScrollView.ts similarity index 100% rename from src/configs/theme/SelectActionsheetScrollView.ts rename to src/theme/SelectActionsheetScrollView.ts diff --git a/src/configs/theme/SelectActionsheetSectionHeaderText.ts b/src/theme/SelectActionsheetSectionHeaderText.ts similarity index 100% rename from src/configs/theme/SelectActionsheetSectionHeaderText.ts rename to src/theme/SelectActionsheetSectionHeaderText.ts diff --git a/src/configs/theme/SelectActionsheetSectionList.ts b/src/theme/SelectActionsheetSectionList.ts similarity index 100% rename from src/configs/theme/SelectActionsheetSectionList.ts rename to src/theme/SelectActionsheetSectionList.ts diff --git a/src/configs/theme/SelectActionsheetVirtualizedList.ts b/src/theme/SelectActionsheetVirtualizedList.ts similarity index 100% rename from src/configs/theme/SelectActionsheetVirtualizedList.ts rename to src/theme/SelectActionsheetVirtualizedList.ts diff --git a/src/configs/theme/SelectIcon.ts b/src/theme/SelectIcon.ts similarity index 100% rename from src/configs/theme/SelectIcon.ts rename to src/theme/SelectIcon.ts diff --git a/src/configs/theme/SelectInput.ts b/src/theme/SelectInput.ts similarity index 100% rename from src/configs/theme/SelectInput.ts rename to src/theme/SelectInput.ts diff --git a/src/configs/theme/SelectTrigger.ts b/src/theme/SelectTrigger.ts similarity index 100% rename from src/configs/theme/SelectTrigger.ts rename to src/theme/SelectTrigger.ts diff --git a/src/configs/theme/Slider.ts b/src/theme/Slider.ts similarity index 100% rename from src/configs/theme/Slider.ts rename to src/theme/Slider.ts diff --git a/src/configs/theme/SliderFilledTrack.ts b/src/theme/SliderFilledTrack.ts similarity index 100% rename from src/configs/theme/SliderFilledTrack.ts rename to src/theme/SliderFilledTrack.ts diff --git a/src/configs/theme/SliderThumb.ts b/src/theme/SliderThumb.ts similarity index 100% rename from src/configs/theme/SliderThumb.ts rename to src/theme/SliderThumb.ts diff --git a/src/configs/theme/SliderThumbInteraction.ts b/src/theme/SliderThumbInteraction.ts similarity index 100% rename from src/configs/theme/SliderThumbInteraction.ts rename to src/theme/SliderThumbInteraction.ts diff --git a/src/configs/theme/SliderTrack.ts b/src/theme/SliderTrack.ts similarity index 100% rename from src/configs/theme/SliderTrack.ts rename to src/theme/SliderTrack.ts diff --git a/src/configs/theme/Spinner.ts b/src/theme/Spinner.ts similarity index 100% rename from src/configs/theme/Spinner.ts rename to src/theme/Spinner.ts diff --git a/src/configs/theme/StatusBar.ts b/src/theme/StatusBar.ts similarity index 100% rename from src/configs/theme/StatusBar.ts rename to src/theme/StatusBar.ts diff --git a/src/configs/theme/Switch.ts b/src/theme/Switch.ts similarity index 100% rename from src/configs/theme/Switch.ts rename to src/theme/Switch.ts diff --git a/src/configs/theme/Tabs.ts b/src/theme/Tabs.ts similarity index 100% rename from src/configs/theme/Tabs.ts rename to src/theme/Tabs.ts diff --git a/src/configs/theme/TabsTab.ts b/src/theme/TabsTab.ts similarity index 100% rename from src/configs/theme/TabsTab.ts rename to src/theme/TabsTab.ts diff --git a/src/configs/theme/TabsTabIcon.ts b/src/theme/TabsTabIcon.ts similarity index 100% rename from src/configs/theme/TabsTabIcon.ts rename to src/theme/TabsTabIcon.ts diff --git a/src/configs/theme/TabsTabList.ts b/src/theme/TabsTabList.ts similarity index 100% rename from src/configs/theme/TabsTabList.ts rename to src/theme/TabsTabList.ts diff --git a/src/configs/theme/TabsTabPanel.ts b/src/theme/TabsTabPanel.ts similarity index 100% rename from src/configs/theme/TabsTabPanel.ts rename to src/theme/TabsTabPanel.ts diff --git a/src/configs/theme/TabsTabPanels.ts b/src/theme/TabsTabPanels.ts similarity index 100% rename from src/configs/theme/TabsTabPanels.ts rename to src/theme/TabsTabPanels.ts diff --git a/src/configs/theme/TabsTabTitle.ts b/src/theme/TabsTabTitle.ts similarity index 100% rename from src/configs/theme/TabsTabTitle.ts rename to src/theme/TabsTabTitle.ts diff --git a/src/configs/theme/Text.ts b/src/theme/Text.ts similarity index 100% rename from src/configs/theme/Text.ts rename to src/theme/Text.ts diff --git a/src/configs/theme/Textarea.ts b/src/theme/Textarea.ts similarity index 100% rename from src/configs/theme/Textarea.ts rename to src/theme/Textarea.ts diff --git a/src/configs/theme/TextareaInput.ts b/src/theme/TextareaInput.ts similarity index 100% rename from src/configs/theme/TextareaInput.ts rename to src/theme/TextareaInput.ts diff --git a/src/configs/theme/Toast.ts b/src/theme/Toast.ts similarity index 100% rename from src/configs/theme/Toast.ts rename to src/theme/Toast.ts diff --git a/src/configs/theme/ToastAnimationWrapper.ts b/src/theme/ToastAnimationWrapper.ts similarity index 100% rename from src/configs/theme/ToastAnimationWrapper.ts rename to src/theme/ToastAnimationWrapper.ts diff --git a/src/configs/theme/ToastDescription.ts b/src/theme/ToastDescription.ts similarity index 100% rename from src/configs/theme/ToastDescription.ts rename to src/theme/ToastDescription.ts diff --git a/src/configs/theme/ToastTitle.ts b/src/theme/ToastTitle.ts similarity index 100% rename from src/configs/theme/ToastTitle.ts rename to src/theme/ToastTitle.ts diff --git a/src/configs/theme/Tooltip.ts b/src/theme/Tooltip.ts similarity index 100% rename from src/configs/theme/Tooltip.ts rename to src/theme/Tooltip.ts diff --git a/src/configs/theme/TooltipContent.ts b/src/theme/TooltipContent.ts similarity index 100% rename from src/configs/theme/TooltipContent.ts rename to src/theme/TooltipContent.ts diff --git a/src/configs/theme/TooltipText.ts b/src/theme/TooltipText.ts similarity index 100% rename from src/configs/theme/TooltipText.ts rename to src/theme/TooltipText.ts diff --git a/src/configs/theme/VStack.ts b/src/theme/VStack.ts similarity index 100% rename from src/configs/theme/VStack.ts rename to src/theme/VStack.ts diff --git a/src/configs/theme/View.ts b/src/theme/View.ts similarity index 100% rename from src/configs/theme/View.ts rename to src/theme/View.ts diff --git a/src/configs/theme/index.ts b/src/theme/index.ts similarity index 100% rename from src/configs/theme/index.ts rename to src/theme/index.ts