@stream-io/video-react-native-sdk 1.10.4 → 1.10.6

package/src/components/Livestream/LivestreamControls/ViewerLivestreamControls.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
-import { StyleSheet, View, ViewProps } from 'react-native';
+import { StyleSheet, View, type ViewProps } from 'react-native';
 
 import {
   ViewerLeaveStreamButton as DefaultViewerLeaveStreamButton,
-  ViewerLeaveStreamButtonProps,
+  type ViewerLeaveStreamButtonProps,
 } from './ViewerLeaveStreamButton';
 import { useTheme } from '../../../contexts';
 import { Z_INDEX } from '../../../constants';

package/src/components/Livestream/LivestreamLayout/LivestreamLayout.tsx

@@ -1,14 +1,14 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import { hasScreenShare, SfuModels } from '@stream-io/video-client';
 import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
-import { StyleSheet, View, ViewStyle } from 'react-native';
+import { StyleSheet, View, type ViewStyle } from 'react-native';
 import { usePaginatedLayoutSortPreset } from '../../../hooks/usePaginatedLayoutSortPreset';
 import { useTheme } from '../../../contexts';
 import {
   VideoRenderer as DefaultVideoRenderer,
-  VideoRendererProps,
+  type VideoRendererProps,
 } from '../../Participant';
-import { ScreenShareOverlayProps } from '../../utility/ScreenShareOverlay';
+import type { ScreenShareOverlayProps } from '../../utility/ScreenShareOverlay';
 
 /**
  * Props for the LivestreamLayout component.

package/src/components/Livestream/LivestreamPlayer/LivestreamPlayer.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import {
   ViewerLivestream as DefaultViewerLivestream,
-  ViewerLivestreamProps,
+  type ViewerLivestreamProps,
 } from '../ViewerLivestream';
 import { Call, CallingState, getLogger } from '@stream-io/video-client';
 import { StreamCall } from '../../../providers/StreamCall';

package/src/components/Livestream/LivestreamTopView/DurationBadge.tsx

@@ -3,7 +3,10 @@ import { StyleSheet, Text, View } from 'react-native';
 import { useTheme } from '../../../contexts';
 import { ShieldBadge } from '../../../icons';
 import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
-import { CallSessionResponse, StreamCallEvent } from '@stream-io/video-client';
+import {
+  type CallSessionResponse,
+  type StreamCallEvent,
+} from '@stream-io/video-client';
 
 /**
  * Props for the HostDurationBadge component.

package/src/components/Livestream/LivestreamTopView/HostLivestreamTopView.tsx

@@ -1,16 +1,16 @@
 import React from 'react';
-import { StyleSheet, View, ViewProps } from 'react-native';
+import { StyleSheet, View, type ViewProps } from 'react-native';
 import {
   DurationBadge as DefaultDurationBadge,
-  DurationBadgeProps,
+  type DurationBadgeProps,
 } from './DurationBadge';
 import {
   LiveIndicator as DefaultLiveIndicator,
-  LiveIndicatorProps,
+  type LiveIndicatorProps,
 } from './LiveIndicator';
 import {
   FollowerCount as DefaultFollowerCount,
-  FollowerCountProps,
+  type FollowerCountProps,
 } from './FollowerCount';
 import { useTheme } from '../../../contexts';
 import { useCallStateHooks } from '@stream-io/video-react-bindings';

package/src/components/Livestream/LivestreamTopView/ViewerLivestreamTopView.tsx

@@ -1,16 +1,16 @@
 import React from 'react';
-import { StyleSheet, View, ViewProps } from 'react-native';
+import { StyleSheet, View, type ViewProps } from 'react-native';
 import {
   DurationBadge as DefaultDurationBadge,
-  DurationBadgeProps,
+  type DurationBadgeProps,
 } from './DurationBadge';
 import {
   LiveIndicator as DefaultLiveIndicator,
-  LiveIndicatorProps,
+  type LiveIndicatorProps,
 } from './LiveIndicator';
 import {
   FollowerCount as DefaultFollowerCount,
-  FollowerCountProps,
+  type FollowerCountProps,
 } from './FollowerCount';
 import { useTheme } from '../../../contexts';
 import { Z_INDEX } from '../../../constants';

package/src/components/Livestream/ViewerLivestream/ViewerLivestream.tsx

@@ -5,21 +5,21 @@ import InCallManager from 'react-native-incall-manager';
 import { useTheme } from '../../../contexts';
 import {
   ViewerLivestreamTopView as DefaultViewerLivestreamTopView,
-  ViewerLivestreamTopViewProps,
+  type ViewerLivestreamTopViewProps,
 } from '../LivestreamTopView/ViewerLivestreamTopView';
 import {
   ViewerLivestreamControls as DefaultViewerLivestreamControls,
-  ViewerLivestreamControlsProps,
+  type ViewerLivestreamControlsProps,
 } from '../LivestreamControls/ViewerLivestreamControls';
-import { ViewerLeaveStreamButtonProps } from '../LivestreamControls/ViewerLeaveStreamButton';
+import type { ViewerLeaveStreamButtonProps } from '../LivestreamControls/ViewerLeaveStreamButton';
 import {
   LivestreamLayout as DefaultLivestreamLayout,
-  LivestreamLayoutProps,
+  type LivestreamLayoutProps,
 } from '../LivestreamLayout';
 import { useCallStateHooks } from '@stream-io/video-react-bindings';
 import {
   FloatingParticipantView as DefaultFloatingParticipantView,
-  FloatingParticipantViewProps,
+  type FloatingParticipantViewProps,
 } from '../../Participant';
 import { hasVideo } from '@stream-io/video-client';
 

package/src/components/Participant/FloatingParticipantView/FloatingView/AnimatedFloatingView.tsx

@@ -1,14 +1,14 @@
 import React, { useRef, useReducer, useEffect } from 'react';
 import {
   Animated,
-  LayoutRectangle,
+  type LayoutRectangle,
   PanResponder,
   Easing,
   View,
   StyleSheet,
 } from 'react-native';
 import {
-  FloatingViewProps,
+  type FloatingViewProps,
   getSnapAlignments,
   FloatingViewAlignment,
   getClosestSnapAlignment,

package/src/components/Participant/FloatingParticipantView/FloatingView/ReanimatedFloatingView.tsx

@@ -1,11 +1,11 @@
 import React, { useMemo, useEffect } from 'react';
-import { LayoutRectangle, View } from 'react-native';
+import { type LayoutRectangle, View } from 'react-native';
 import {
   FloatingViewAlignment,
   getSnapAlignments,
   getClosestSnapAlignment,
   floatingChildViewContainerStyle,
-  FloatingViewProps,
+  type FloatingViewProps,
 } from './common';
 type GestureHandlerExportsType = typeof import('react-native-gesture-handler');
 type ReanimatedNamespaceType = typeof import('react-native-reanimated').default;
@@ -138,6 +138,7 @@ try {
       start,
     ]);
 
+    // @ts-ignore
     const animatedStyle = useAnimatedStyle(() => {
       return {
         height: rectangle?.height,
@@ -159,6 +160,7 @@ try {
       // gesture handler root view must absolutely fill the bounds
       // to intercept gestures within those bounds
       <GestureDetector gesture={dragGesture}>
+        {/* @ts-ignore */}
         <Reanimated.View style={animatedStyle}>
           <View
             onLayout={(event) => {

package/src/components/Participant/FloatingParticipantView/FloatingView/common.ts

@@ -1,4 +1,4 @@
-import { StyleProp, ViewStyle } from 'react-native';
+import { type StyleProp, type ViewStyle } from 'react-native';
 
 export enum FloatingViewAlignment {
   // Aligns the floating view to the top left corner.

package/src/components/Participant/FloatingParticipantView/FloatingView/index.ts

@@ -2,7 +2,7 @@ import {
   getGestureHandlerLib,
   getReanimatedLib,
 } from '../../../../utils/internal/optionallibs';
-import { FloatingViewProps } from './common';
+import { type FloatingViewProps } from './common';
 
 const FloatingView: React.FC<FloatingViewProps> =
   getReanimatedLib() && getGestureHandlerLib()

package/src/components/Participant/FloatingParticipantView/index.tsx

@@ -1,27 +1,27 @@
 import React from 'react';
 import {
   Pressable,
-  StyleProp,
+  type StyleProp,
   StyleSheet,
   View,
-  ViewStyle,
+  type ViewStyle,
 } from 'react-native';
 import { FLOATING_VIDEO_VIEW_STYLE, Z_INDEX } from '../../../constants';
 import { ComponentTestIds } from '../../../constants/TestIds';
 import { VideoSlash } from '../../../icons';
 import FloatingView from './FloatingView';
 import {
-  CallContentProps,
-  CallParticipantsListComponentProps,
+  type CallContentProps,
+  type CallParticipantsListComponentProps,
 } from '../../Call';
 import { FloatingViewAlignment } from './FloatingView/common';
 import {
   ParticipantView as DefaultParticipantView,
-  ParticipantViewComponentProps,
-  ParticipantViewProps,
+  type ParticipantViewComponentProps,
+  type ParticipantViewProps,
 } from '../ParticipantView';
 import { useTheme } from '../../../contexts/ThemeContext';
-import { StreamVideoParticipant } from '@stream-io/video-client';
+import { type StreamVideoParticipant } from '@stream-io/video-client';
 
 export type FloatingParticipantViewAlignment =
   | 'top-left'

package/src/components/Participant/ParticipantView/ParticipantLabel.tsx

@@ -8,7 +8,7 @@ import {
 } from '../../../icons';
 import { useCall, useI18n } from '@stream-io/video-react-bindings';
 import { ComponentTestIds } from '../../../constants/TestIds';
-import { ParticipantViewProps } from './ParticipantView';
+import { type ParticipantViewProps } from './ParticipantView';
 import { Z_INDEX } from '../../../constants';
 import { hasAudio, hasVideo } from '@stream-io/video-client';
 import { useTheme } from '../../../contexts/ThemeContext';

package/src/components/Participant/ParticipantView/ParticipantNetworkQualityIndicator.tsx

@@ -3,7 +3,7 @@ import { Path, Svg } from 'react-native-svg';
 import { SfuModels } from '@stream-io/video-client';
 import React from 'react';
 import { Z_INDEX } from '../../../constants';
-import { ParticipantViewProps } from './ParticipantView';
+import { type ParticipantViewProps } from './ParticipantView';
 import { useTheme } from '../../../contexts/ThemeContext';
 
 /**

package/src/components/Participant/ParticipantView/ParticipantReaction.tsx

@@ -2,9 +2,9 @@ import React, { useEffect, useMemo } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import { useCall } from '@stream-io/video-react-bindings';
 import { Z_INDEX, defaultEmojiReactions } from '../../../constants';
-import { ParticipantViewProps } from './ParticipantView';
+import type { ParticipantViewProps } from './ParticipantView';
 import { useTheme } from '../../../contexts/ThemeContext';
-import { CallContentProps } from '../../Call';
+import type { CallContentProps } from '../../Call';
 
 /**
  * Props for the ParticipantReaction component.

package/src/components/Participant/ParticipantView/ParticipantVideoFallback.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import { Avatar } from '../../utility';
-import { ParticipantViewProps } from './ParticipantView';
+import { type ParticipantViewProps } from './ParticipantView';
 import { useTheme } from '../../../contexts/ThemeContext';
 
 /**

package/src/components/Participant/ParticipantView/ParticipantView.tsx

@@ -1,31 +1,31 @@
-import React, { ComponentType, useMemo } from 'react';
-import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
+import React, { type ComponentType, useMemo } from 'react';
+import { type StyleProp, StyleSheet, View, type ViewStyle } from 'react-native';
 import {
-  StreamVideoParticipant,
-  VideoTrackType,
+  type StreamVideoParticipant,
+  type VideoTrackType,
 } from '@stream-io/video-client';
 import {
   ParticipantNetworkQualityIndicator as DefaultParticipantNetworkQualityIndicator,
-  ParticipantNetworkQualityIndicatorProps,
+  type ParticipantNetworkQualityIndicatorProps,
 } from './ParticipantNetworkQualityIndicator';
 import {
   ParticipantReaction as DefaultParticipantReaction,
-  ParticipantReactionProps,
+  type ParticipantReactionProps,
 } from './ParticipantReaction';
 import {
   ParticipantLabel as DefaultParticipantLabel,
-  ParticipantLabelProps,
+  type ParticipantLabelProps,
 } from './ParticipantLabel';
 import {
   ParticipantVideoFallback as DefaultParticipantVideoFallback,
-  ParticipantVideoFallbackProps,
+  type ParticipantVideoFallbackProps,
 } from './ParticipantVideoFallback';
 import {
   VideoRenderer as DefaultVideoRenderer,
-  VideoRendererProps,
+  type VideoRendererProps,
 } from './VideoRenderer';
 import { useTheme } from '../../../contexts/ThemeContext';
-import { CallContentProps } from '../../Call';
+import type { CallContentProps } from '../../Call';
 
 export type ParticipantViewComponentProps = {
   /**

package/src/components/Participant/ParticipantView/VideoRenderer.tsx

@@ -2,13 +2,13 @@ import React, { useEffect, useRef } from 'react';
 import { StyleSheet, View } from 'react-native';
 import type { MediaStream } from '@stream-io/react-native-webrtc';
 import { RTCView } from '@stream-io/react-native-webrtc';
-import { ParticipantViewProps } from './ParticipantView';
+import type { ParticipantViewProps } from './ParticipantView';
 import {
   CallingState,
   hasScreenShare,
   hasVideo,
   SfuModels,
-  VideoTrackType,
+  type VideoTrackType,
   VisibilityState,
 } from '@stream-io/video-client';
 import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';

package/src/components/utility/Avatar.tsx

@@ -4,7 +4,7 @@ import type { StreamVideoParticipant } from '@stream-io/video-client';
 import { getInitialsOfName } from '../../utils';
 import { ComponentTestIds, ImageTestIds } from '../../constants/TestIds';
 import { useTheme } from '../../contexts/ThemeContext';
-import { Theme } from '../../theme/theme';
+import { type Theme } from '../../theme/theme';
 
 /**
  * Props to be passed for the Avatar component.

package/src/constants/index.ts

@@ -1,4 +1,4 @@
-import { StreamReactionType } from '../components';
+import { type StreamReactionType } from '../components';
 
 export const FLOATING_VIDEO_VIEW_STYLE = {
   height: 140,

package/src/contexts/BackgroundFilters.tsx

@@ -1,6 +1,6 @@
 import React, {
   createContext,
-  PropsWithChildren,
+  type PropsWithChildren,
   useCallback,
   useContext,
   useMemo,

package/src/contexts/ThemeContext.tsx

@@ -1,13 +1,13 @@
 import React, {
   createContext,
-  PropsWithChildren,
+  type PropsWithChildren,
   useContext,
   useMemo,
 } from 'react';
 
 import merge from 'lodash.merge';
 
-import { defaultTheme, Theme } from '../theme/theme';
+import { defaultTheme, type Theme } from '../theme/theme';
 
 export type DeepPartial<T> = {
   [P in keyof T]?: DeepPartial<T[P]>;

package/src/hooks/push/useIosVoipPushEventsSetupEffect.ts

@@ -1,4 +1,4 @@
-import { MutableRefObject, useEffect, useRef, useState } from 'react';
+import { type MutableRefObject, useEffect, useRef, useState } from 'react';
 import {
   getCallKeepLib,
   getVoipPushNotificationLib,

package/src/hooks/push/useProcessPushCallEffect.ts

@@ -94,7 +94,7 @@ const createCallSubscription = (
   action: 'accept' | 'decline' | 'pressed' | 'backgroundDelivered'
 ) => {
   return behaviourSubjectWithCallCid
-    .pipe(filter(cidIsNotUndefined), distinctUntilChanged())
+    .pipe(distinctUntilChanged(), filter(cidIsNotUndefined))
     .subscribe(async (callCId) => {
       getLogger(['useProcessPushCallEffect'])(
         'debug',

package/src/hooks/useAndroidKeepCallAliveEffect.ts

@@ -4,7 +4,7 @@ import { StreamVideoRN } from '../utils';
 import {
   NativeModules,
   AppState,
-  AppStateStatus,
+  type AppStateStatus,
   Platform,
 } from 'react-native';
 import { CallingState, getLogger } from '@stream-io/video-client';
@@ -124,9 +124,9 @@ export const useAndroidKeepCallAliveEffect = () => {
 
   useEffect((): (() => void) | undefined => {
     if (Platform.OS === 'ios' || !activeCallCid) {
-      return;
+      return undefined;
     }
-    if (!notifeeLib) return;
+    if (!notifeeLib) return undefined;
 
     // start foreground service as soon as the call is joined
     if (shouldStartForegroundService) {
@@ -154,7 +154,7 @@ export const useAndroidKeepCallAliveEffect = () => {
       // ensure that app is active before running the function
       if (AppState.currentState === 'active') {
         run();
-        return;
+        return undefined;
       }
       const sub = AppState.addEventListener(
         'change',
@@ -196,6 +196,7 @@ export const useAndroidKeepCallAliveEffect = () => {
           });
       }
     }
+    return undefined;
   }, [activeCallCid, callingState, shouldStartForegroundService]);
 
   useEffect(() => {

package/src/hooks/usePermissionRequest.tsx

@@ -1,6 +1,6 @@
 import {
   OwnCapability,
-  PermissionRequestEvent,
+  type PermissionRequestEvent,
   getLogger,
 } from '@stream-io/video-client';
 import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';

package/src/hooks/useTrackDimensions.ts

@@ -1,6 +1,6 @@
 import {
-  StreamVideoParticipant,
-  VideoTrackType,
+  type StreamVideoParticipant,
+  type VideoTrackType,
 } from '@stream-io/video-client';
 import { useCall } from '@stream-io/video-react-bindings';
 import { useState, useEffect } from 'react';

package/src/icons/Back.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Svg, Path } from 'react-native-svg';
-import { ColorValue } from 'react-native/types';
+import { type ColorValue } from 'react-native/types';
 
 type Props = {
   color: ColorValue;

package/src/icons/CameraSwitch.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Svg, Path } from 'react-native-svg';
-import { ColorValue } from 'react-native/types';
+import { type ColorValue } from 'react-native/types';
 
 type Props = {
   color: ColorValue;

package/src/icons/IconWrapper.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { View, StyleSheet } from 'react-native';
 
 export const IconWrapper = ({ children }: { children: ReactNode }) => {

package/src/icons/Lock.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import Svg, { Path } from 'react-native-svg';
-import { ColorValue } from 'react-native/types';
+import { type ColorValue } from 'react-native/types';
 
 type Props = {
   color: ColorValue;

package/src/icons/Mic.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Svg, Path } from 'react-native-svg';
-import { ColorValue } from 'react-native/types';
+import { type ColorValue } from 'react-native/types';
 
 type Props = {
   color: ColorValue;

package/src/icons/MicOff.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Svg, Path } from 'react-native-svg';
-import { ColorValue } from 'react-native/types';
+import { type ColorValue } from 'react-native/types';
 
 type Props = {
   color: ColorValue;

package/src/icons/Phone.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Svg, Path } from 'react-native-svg';
-import { ColorValue } from 'react-native/types';
+import { type ColorValue } from 'react-native/types';
 import { IconTestIds } from '../constants/TestIds';
 
 type Props = {

package/src/icons/PhoneDown.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Path, Svg } from 'react-native-svg';
-import { ColorValue } from 'react-native/types';
+import { type ColorValue } from 'react-native/types';
 import { IconTestIds } from '../constants/TestIds';
 
 type Props = {

package/src/icons/PinVertical.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Svg, Path } from 'react-native-svg';
-import { ColorValue } from 'react-native/types';
+import { type ColorValue } from 'react-native/types';
 
 type Props = {
   color: ColorValue;

package/src/icons/Reaction.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Svg, Path } from 'react-native-svg';
-import { ColorValue } from 'react-native/types';
+import { type ColorValue } from 'react-native/types';
 
 type Props = {
   color: ColorValue;

package/src/icons/ScreenShare.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import Svg, { Path } from 'react-native-svg';
-import { ColorValue } from 'react-native/types';
+import { type ColorValue } from 'react-native/types';
 import { IconTestIds } from '../constants/TestIds';
 
 type Props = {

package/src/icons/ScreenShareIndicator.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import Svg, { Mask, Path } from 'react-native-svg';
-import { ColorValue } from 'react-native/types';
+import { type ColorValue } from 'react-native/types';
 import { IconTestIds } from '../constants/TestIds';
 
 type Props = {

package/src/icons/Spotlight.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Svg, Path } from 'react-native-svg';
-import { ColorValue } from 'react-native/types';
+import { type ColorValue } from 'react-native/types';
 
 type Props = {
   color: ColorValue;

package/src/icons/StopScreenShare.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import Svg, { Path } from 'react-native-svg';
-import { ColorValue } from 'react-native/types';
+import { type ColorValue } from 'react-native/types';
 
 type Props = {
   color: ColorValue;

package/src/icons/TopViewBackground.tsx

@@ -5,7 +5,7 @@ import {
   Defs,
   LinearGradient,
   Stop,
-  NumberProp,
+  type NumberProp,
 } from 'react-native-svg';
 
 type Props = {

package/src/icons/Video.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Svg, Path } from 'react-native-svg';
-import { ColorValue } from 'react-native/types';
+import { type ColorValue } from 'react-native/types';
 
 type Props = {
   color: ColorValue;

package/src/icons/VideoSlash.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Svg, Path } from 'react-native-svg';
-import { ColorValue } from 'react-native/types';
+import { type ColorValue } from 'react-native/types';
 import { IconTestIds } from '../constants/TestIds';
 
 type Props = {

package/src/providers/StreamCall/index.tsx

@@ -1,5 +1,5 @@
 import { StreamCallProvider } from '@stream-io/video-react-bindings';
-import React, { PropsWithChildren, useEffect } from 'react';
+import React, { type PropsWithChildren, useEffect } from 'react';
 import { Call } from '@stream-io/video-client';
 import { useIosCallkeepWithCallingStateEffect } from '../../hooks/push/useIosCallkeepWithCallingStateEffect';
 import {

package/src/providers/StreamVideo.tsx

@@ -1,15 +1,15 @@
 import {
-  StreamI18nProviderProps,
-  StreamVideoProps,
+  type StreamI18nProviderProps,
+  type StreamVideoProps,
   StreamVideoProvider,
 } from '@stream-io/video-react-bindings';
-import React, { PropsWithChildren, useEffect } from 'react';
+import React, { type PropsWithChildren, useEffect } from 'react';
 import { StreamVideoStoreProvider } from '../contexts/StreamVideoContext';
 import NetInfo from '@react-native-community/netinfo';
 import { usePushRegisterEffect } from '../hooks';
 import { translations } from '../translations';
-import { DeepPartial, ThemeProvider } from '../contexts/ThemeContext';
-import { Theme } from '../theme/theme';
+import { type DeepPartial, ThemeProvider } from '../contexts/ThemeContext';
+import { type Theme } from '../theme/theme';
 
 /**
  *