Fix Toast Initial TranslateY value

Author: RakaDoank

packages/carbon-react-native/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@audira/carbon-react-native",
-	"version": "1.0.0-beta.20",
+	"version": "1.0.0-beta.21",
 	"license": "MIT",
 	"homepage": "https://rakadoank.github.io/carbon-react-native",
 	"repository": "https://github.com/RakaDoank/carbon-react-native",

packages/carbon-react-native/src/providers/toast/_overlay/Overlay.tsx

@@ -120,7 +120,6 @@ export const Overlay = forwardRef<OverlayRef>(
 							componentsConfig.current[index].width = target.children?.[0]?.clientWidth
 							// @ts-expect-error Web DOM
 							componentsConfig.current[index].height = target.children?.[0]?.clientHeight
-
 						} else {
 							componentsConfig.current[index].width = event.nativeEvent.layout.width
 							componentsConfig.current[index].height = event.nativeEvent.layout.height

packages/carbon-react-native/src/providers/toast/_overlay/_component-wrapper/ComponentWrapper.tsx

@@ -54,10 +54,10 @@ export const ComponentWrapper = forwardRef<ComponentWrapperRef, ComponentWrapper
 				useRef(0),
 
 			translateY =
-				useRef(new Animated.Value(safeAreaInsets.top + Gap)),
+				useRef(new Animated.Value(safeAreaInsets.top)),
 
 			translateYValueJS =
-				useRef(0)
+				useRef(safeAreaInsets.top)
 
 		useEffect(() => {
 			const
@@ -159,13 +159,13 @@ const
 			componentWrapper: {
 				position: "absolute",
 				left: "100%",
-				width: "auto",
+				top: Gap,
 				...Platform.select({
 					web: {
 						flexDirection: "row",
 					},
-					android: {
-						top: Gap, // iOS doesn't need this, Apple handles it internally
+					ios: {
+						top: 0,
 					},
 				}),
 			},