feat(toast): add doc file

Author: vvv-sss

README.md

@@ -8,7 +8,7 @@
 </p>
 
 <p align="center">
-  v1.0.0-beta.3
+  v1.0.0-beta.4
 </p>
 
 ## Preview App
@@ -183,6 +183,7 @@ export default function MyComponent() {
 - [Switch](./src/components/switch/switch.md)
 - [Tabs](./src/components/tabs/tabs.md)
 - [Text Field](./src/components/text-field/text-field.md)
+- [Toast](./src/components/toast/toast.md)
 
 ## Changelog
 

example/src/app/(home)/components/toast.tsx

@@ -385,11 +385,11 @@ const FromNativeModalContent = () => {
 // ------------------------------------------------------------------------------
 
 const CustomToastsContent = () => {
-  const { toast } = useToast();
+  const { toast, isToastVisible } = useToast();
   const LOADING_TOAST_ID = 'loading-toast';
   const PROGRESS_TOAST_ID = 'progress-toast';
-  const { isLoading, setIsLoading } = useLoadingState();
-  const { progress, setProgress, resetProgress } = useProgressState();
+  const { setIsLoading } = useLoadingState();
+  const { setProgress, resetProgress } = useProgressState();
 
   /**
    * Simulates loading data (e.g., API call, file upload, etc.)
@@ -482,8 +482,6 @@ const CustomToastsContent = () => {
     }
   };
 
-  const isDisabled = isLoading || (progress > 0 && progress < 100);
-
   return (
     <View className="flex-1 items-center justify-center px-5 gap-5">
       <Button
@@ -495,22 +493,23 @@ const CustomToastsContent = () => {
             component: renderAchievementToast,
           });
         }}
+        isDisabled={isToastVisible}
       >
         Achievement toast
       </Button>
 
       <Button
         variant="secondary"
         onPress={handleShowLoadingToast}
-        isDisabled={isDisabled}
+        isDisabled={isToastVisible}
       >
         Load data
       </Button>
 
       <Button
         variant="secondary"
         onPress={handleShowProgressToast}
-        isDisabled={isDisabled}
+        isDisabled={isToastVisible}
       >
         Start upload
       </Button>

example/src/app/(home)/index.tsx

@@ -38,7 +38,7 @@ const cards: HomeCardProps[] = [
       'https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/images/heroui-native-example/home-components-light.png',
     imageDark:
       'https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/images/heroui-native-example/home-components-dark.png',
-    count: 21,
+    count: 22,
     footer: 'Explore all components',
     path: 'components',
   },
@@ -157,7 +157,7 @@ export default function App() {
   return (
     <ScreenScrollView>
       <View className="items-center justify-center my-4">
-        <AppText className="text-muted text-base">v1.0.0-beta.3</AppText>
+        <AppText className="text-muted text-base">v1.0.0-beta.4</AppText>
       </View>
       <View className="gap-6">
         {cards.map((card, index) => (

src/components/text-field/text-field.tsx

@@ -134,6 +134,8 @@ const TextFieldInput = forwardRef<TextInputType, TextFieldInputProps>(
       colors: customColors,
       animationConfig,
       isInvalid: localIsInvalid,
+      onFocus,
+      onBlur,
       ...restProps
     } = props;
 
@@ -242,14 +244,14 @@ const TextFieldInput = forwardRef<TextInputType, TextFieldInputProps>(
       isFocused.set(withTiming(1, timingConfig));
       currentBgColor.set(focusBackground);
       currentBorderColor.set(focusBorder);
-      restProps.onFocus?.(e);
+      onFocus?.(e);
     };
 
     const handleBlur = (e: NativeSyntheticEvent<TextInputFocusEventData>) => {
       isFocused.set(withTiming(0, timingConfig));
       currentBgColor.set(blurBackground);
       currentBorderColor.set(blurBorder);
-      restProps.onBlur?.(e);
+      onBlur?.(e);
     };
 
     return (