fix(avatar): cycles issue

Author: vvv-sss

src/components/avatar/avatar.animation.ts

@@ -15,7 +15,7 @@ import {
   getStyleProperties,
 } from '../../helpers/utils/animation';
 import * as AvatarPrimitives from '../../primitives/avatar';
-import { useInnerAvatarContext } from './avatar';
+import { useInnerAvatarContext } from './avatar.context';
 import type {
   AvatarFallbackAnimation,
   AvatarImageAnimation,

src/components/avatar/avatar.context.ts

@@ -0,0 +1,11 @@
+import { createContext } from '../../helpers/utils';
+import type { AvatarContextValue } from './avatar.types';
+
+/**
+ * Avatar context provider and hook
+ * Provides size, color, and animation state to child components
+ */
+export const [AvatarProvider, useInnerAvatarContext] =
+  createContext<AvatarContextValue>({
+    name: 'AvatarContext',
+  });

src/components/avatar/avatar.tsx

@@ -3,7 +3,7 @@ import type { ImageSourcePropType, ImageStyle } from 'react-native';
 import Animated from 'react-native-reanimated';
 import { Text } from '../../helpers/components';
 import { useThemeColor } from '../../helpers/theme';
-import { childrenToString, createContext } from '../../helpers/utils';
+import { childrenToString } from '../../helpers/utils';
 import * as AvatarPrimitives from '../../primitives/avatar';
 import {
   useAvatarFallbackAnimation,
@@ -14,10 +14,10 @@ import {
   AVATAR_DEFAULT_ICON_SIZE,
   AVATAR_DISPLAY_NAME,
 } from './avatar.constants';
+import { AvatarProvider, useInnerAvatarContext } from './avatar.context';
 import avatarStyles, { styleSheet } from './avatar.styles';
 import type {
   AvatarColor,
-  AvatarContextValue,
   AvatarFallbackProps,
   AvatarFallbackRef,
   AvatarImageProps,
@@ -33,11 +33,6 @@ const AnimatedFallback = Animated.createAnimatedComponent(
   AvatarPrimitives.Fallback
 );
 
-export const [AvatarProvider, useInnerAvatarContext] =
-  createContext<AvatarContextValue>({
-    name: 'AvatarContext',
-  });
-
 /**
  * Hook to access Avatar primitive root context
  * Provides access to avatar status and other root-level state