refactor(ui): fix input label size

Author: yjose

src/app/(app)/style.tsx

@@ -14,8 +14,8 @@ export default function Style() {
         <SafeAreaView className="flex-1 px-4">
           <Typography />
           <Colors />
-          <Inputs />
           <Buttons />
+          <Inputs />
         </SafeAreaView>
       </ScrollView>
     </>

src/components/inputs.tsx

@@ -26,7 +26,6 @@ export const Inputs = () => {
           options={options}
           value={value}
           onSelect={(option) => setValue(option)}
-          error="This is a message error"
         />
         <CheckboxExample />
         <RadioExample />

src/ui/input.tsx

@@ -17,7 +17,7 @@ import { Text } from './text';
 const inputTv = tv({
   slots: {
     container: 'mb-2',
-    label: 'text-grey-100 dark:text-neutral-100 text-sm',
+    label: 'text-grey-100 dark:text-neutral-100 text-lg mb-1',
     input:
       'mt-0 border-[0.5px] font-jakarta text-base leading-5 font-[500] px-4 py-3 rounded-xl  bg-neutral-100 border-neutral-300 ',
   },

src/ui/select.tsx

@@ -21,7 +21,7 @@ import { Text } from './text';
 const selectTv = tv({
   slots: {
     container: 'mb-4',
-    label: 'text-grey-100 dark:text-neutral-100 text-sm',
+    label: 'text-grey-100 dark:text-neutral-100 text-lg mb-1',
     input:
       'mt-0 flex-row items-center justify-center border-[0.5px] border-grey-50 px-3 py-3  rounded-xl',
     inputValue: 'dark:text-neutral-100',