fix(toast): cycle issues

Author: vvv-sss

src/components/toast/toast.tsx

@@ -9,7 +9,7 @@ import type { ViewRef } from '../../helpers/types';
 import { createContext } from '../../helpers/utils';
 import * as ToastPrimitive from '../../primitives/toast';
 import type { ToastComponentProps } from '../../providers/toast';
-import { useToastConfig } from '../../providers/toast';
+import { useToastConfig } from '../../providers/toast/toast-config.context';
 import { Button } from '../button';
 import type { PressableFeedbackHighlightRootAnimation } from '../pressable-feedback';
 import { useToastRootAnimation } from './toast.animation';

src/providers/toast/index.ts

@@ -1,2 +1,3 @@
-export { ToastProvider, useToast, useToastConfig } from './provider';
+export { ToastProvider, useToast } from './provider';
+export { useToastConfig } from './toast-config.context';
 export type * from './types';

src/providers/toast/provider.tsx

@@ -11,6 +11,7 @@ import { useSharedValue } from 'react-native-reanimated';
 import { DefaultToast } from '../../components/toast/toast';
 import { InsetsContainer } from './insets-container';
 import { toastReducer } from './reducer';
+import { ToastConfigContext } from './toast-config.context';
 import { ToastItemRenderer } from './toast-item-renderer';
 import type {
   ToastComponentProps,
@@ -29,13 +30,6 @@ const DEFAULT_DURATION = 4000;
  */
 const ToasterContext = createContext<ToasterContextValue | null>(null);
 
-/**
- * Context for global toast configuration
- */
-const ToastConfigContext = createContext<ToastGlobalConfig | undefined>(
-  undefined
-);
-
 /**
  * Merges global config with local config, ensuring local config takes precedence
  * Only includes defined values from localConfig to avoid overriding global config with undefined
@@ -428,18 +422,3 @@ export function useToast() {
     isToastVisible: context.isToastVisible,
   };
 }
-
-/**
- * Hook to access global toast configuration
- *
- * @returns Global toast configuration or undefined if not set
- *
- * @example
- * ```tsx
- * const globalConfig = useToastConfig();
- * // Use globalConfig.variant, globalConfig.placement, etc.
- * ```
- */
-export function useToastConfig(): ToastGlobalConfig | undefined {
-  return useContext(ToastConfigContext);
-}

src/providers/toast/toast-config.context.ts

@@ -0,0 +1,27 @@
+import { createContext, useContext } from 'react';
+import type { ToastGlobalConfig } from './types';
+
+/**
+ * Context for global toast configuration
+ * Extracted to separate file to avoid circular dependencies with toast component
+ */
+const ToastConfigContext = createContext<ToastGlobalConfig | undefined>(
+  undefined
+);
+
+/**
+ * Hook to access global toast configuration
+ *
+ * @returns Global toast configuration or undefined if not set
+ *
+ * @example
+ * ```tsx
+ * const globalConfig = useToastConfig();
+ * // Use globalConfig.variant, globalConfig.placement, etc.
+ * ```
+ */
+export function useToastConfig(): ToastGlobalConfig | undefined {
+  return useContext(ToastConfigContext);
+}
+
+export { ToastConfigContext };