@ledgerhq/lumen-ui-rnative 0.1.23 → 0.1.24

package/src/lib/Components/BaseInput/types.ts

@@ -1,10 +1,10 @@
-import {
+import type {
   TextStyle,
-  type StyleProp,
-  type TextInputProps,
-  type ViewStyle,
+  ViewStyle,
+  StyleProp,
+  TextInputProps,
 } from 'react-native';
-import { BoxProps } from '../Utility';
+import type { BoxProps } from '../Utility';
 
 export type BaseInputProps = {
   /**

package/src/lib/Components/BottomSheet/BottomSheet.test.tsx

@@ -1,6 +1,7 @@
 import { describe, it, expect, jest } from '@jest/globals';
 import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
-import { render, RenderOptions } from '@testing-library/react-native';
+import type { RenderOptions } from '@testing-library/react-native';
+import { render } from '@testing-library/react-native';
 import { Text, View } from 'react-native';
 import { ThemeProvider } from '../ThemeProvider/ThemeProvider';
 import { BottomSheet as BottomSheetComponent } from './BottomSheet';

package/src/lib/Components/BottomSheet/BottomSheet.tsx

@@ -1,7 +1,5 @@
-import {
-  BottomSheetModal as GorhomBottomSheetModal,
-  SNAP_POINT_TYPE,
-} from '@gorhom/bottom-sheet';
+import type { SNAP_POINT_TYPE } from '@gorhom/bottom-sheet';
+import { BottomSheetModal as GorhomBottomSheetModal } from '@gorhom/bottom-sheet';
 import { createSafeContext, useMergedRef } from '@ledgerhq/lumen-utils-shared';
 import { useCallback, useMemo, useRef, useState } from 'react';
 import { StyleSheet } from 'react-native';
@@ -9,7 +7,7 @@ import { useStyleSheet } from '../../../styles';
 import { RuntimeConstants } from '../../utils';
 import { CustomBackdrop } from './CustomBackdrop';
 import { CustomHandle } from './CustomHandle';
-import { BottomSheetProps } from './types';
+import type { BottomSheetProps } from './types';
 
 const OFFSET_TOP = 25;
 const FULL_HEIGHT = RuntimeConstants.insetDimensions.height;

package/src/lib/Components/BottomSheet/BottomSheetHeader.tsx

@@ -7,7 +7,7 @@ import { ArrowLeft, Close } from '../../Symbols';
 import { IconButton } from '../IconButton';
 import { Box, Text } from '../Utility';
 import { useBottomSheetContext } from './BottomSheet';
-import { BottomSheetHeaderProps } from './types';
+import type { BottomSheetHeaderProps } from './types';
 
 type DensityValue = NonNullable<BottomSheetHeaderProps['density']>;
 

package/src/lib/Components/BottomSheet/CustomBackdrop.tsx

@@ -1,6 +1,6 @@
 import { BottomSheetBackdrop as GorhomBottomSheetBackdrop } from '@gorhom/bottom-sheet';
 import { useStyleSheet } from '../../../styles';
-import { BottomSheetProps } from './types';
+import type { BottomSheetProps } from './types';
 
 type BackDropProps = React.ComponentProps<typeof GorhomBottomSheetBackdrop> & {
   backdropPressBehavior?: BottomSheetProps['backdropPressBehavior'];

package/src/lib/Components/BottomSheet/CustomHandle.tsx

@@ -1,5 +1,5 @@
-import { BottomSheetVariables } from '@gorhom/bottom-sheet/lib/typescript/types';
-import { Ref } from 'react';
+import type { BottomSheetVariables } from '@gorhom/bottom-sheet/lib/typescript/types';
+import type { Ref } from 'react';
 import { View } from 'react-native';
 import { useStyleSheet } from '../../../styles';
 

package/src/lib/Components/BottomSheet/Scrollables.tsx

@@ -5,9 +5,9 @@ import {
   BottomSheetScrollView as GorhomBottomSheetScrollView,
   BottomSheetVirtualizedList as GorhomBottomSheetVirtualizedList,
 } from '@gorhom/bottom-sheet';
-import { ViewStyle } from 'react-native';
+import type { ViewStyle } from 'react-native';
 import { useStyleSheet } from '../../../styles';
-import {
+import type {
   BottomSheetViewProps,
   BottomSheetFlatListProps,
   BottomSheetSectionListProps,

package/src/lib/Components/BottomSheet/types.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   BottomSheetModal as GorhomBottomSheetModal,
   BottomSheetView as GorhomBottomSheetView,
   BottomSheetFlatList as GorhomBottomSheetFlatList,
@@ -7,9 +7,9 @@ import {
   BottomSheetVirtualizedList as GorhomBottomSheetVirtualizedList,
 } from '@gorhom/bottom-sheet';
 
-import { Density } from '@ledgerhq/lumen-utils-shared';
-import { PropsWithChildren, ReactNode, Ref } from 'react';
-import { StyledViewProps } from '../../../styles';
+import type { Density } from '@ledgerhq/lumen-utils-shared';
+import type { PropsWithChildren, ReactNode, Ref } from 'react';
+import type { StyledViewProps } from '../../../styles';
 export type BottomSheetProps = PropsWithChildren & {
   /**
    * Ref to the bottom sheet component.

package/src/lib/Components/BottomSheet/useBottomSheetRef.ts

@@ -1,4 +1,4 @@
-import { BottomSheetModal as GorhomBottomSheetModal } from '@gorhom/bottom-sheet';
+import type { BottomSheetModal as GorhomBottomSheetModal } from '@gorhom/bottom-sheet';
 import { useRef } from 'react';
 
 export const useBottomSheetRef = () => {

package/src/lib/Components/Button/BaseButton.test.tsx

@@ -1,7 +1,7 @@
 import { describe, it, expect, jest } from '@jest/globals';
 import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
 import { render, screen, fireEvent } from '@testing-library/react-native';
-import { ViewStyle } from 'react-native';
+import type { ViewStyle } from 'react-native';
 
 import { Plus, Settings } from '../../Symbols';
 import { ThemeProvider } from '../ThemeProvider/ThemeProvider';

package/src/lib/Components/Button/BaseButton.tsx

@@ -1,11 +1,11 @@
 import { useDisabledContext } from '@ledgerhq/lumen-utils-shared';
-import { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import { useStyleSheet } from '../../../styles';
-import { IconSize } from '../Icon';
+import type { IconSize } from '../Icon';
 import { Spinner } from '../Spinner';
 import { Pressable } from '../Utility';
-import { BaseButtonProps } from './types';
+import type { BaseButtonProps } from './types';
 
 type Appearance = NonNullable<BaseButtonProps['appearance']>;
 type Size = NonNullable<BaseButtonProps['size']>;

package/src/lib/Components/Button/Button.tsx

@@ -1,5 +1,5 @@
 import { BaseButton } from './BaseButton';
-import { ButtonProps } from './types';
+import type { ButtonProps } from './types';
 
 /**
  * A customizable button component that supports various appearances, sizes, full-width mode, loading states, and optional icons.

package/src/lib/Components/Button/types.ts

@@ -1,7 +1,7 @@
-import { ComponentType, ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { StyledPressableProps } from '../../../styles';
-import { IconSize } from '../Icon';
+import type { ComponentType, ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { StyledPressableProps } from '../../../styles';
+import type { IconSize } from '../Icon';
 
 export type BaseButtonProps = {
   /**

package/src/lib/Components/Card/Card.test.tsx

@@ -16,7 +16,7 @@ import {
   CardFooter,
   CardFooterActions,
 } from './Card';
-import { CardProps } from './types';
+import type { CardProps } from './types';
 
 const TestWrapper = ({ children }: { children: React.ReactNode }) => (
   <ThemeProvider themes={ledgerLiveThemes} colorScheme='dark' locale='en'>

package/src/lib/Components/Card/Card.tsx

@@ -3,8 +3,10 @@ import {
   DisabledProvider,
   isTextChildren,
 } from '@ledgerhq/lumen-utils-shared';
-import { ReactNode, Ref, useCallback, useEffect, useMemo } from 'react';
-import { LayoutChangeEvent, StyleSheet, View, ViewStyle } from 'react-native';
+import type { ReactNode, Ref } from 'react';
+import { useCallback, useEffect, useMemo } from 'react';
+import type { LayoutChangeEvent, ViewStyle } from 'react-native';
+import { StyleSheet, View } from 'react-native';
 import Animated, {
   useAnimatedStyle,
   useSharedValue,
@@ -15,7 +17,7 @@ import { useTimingConfig } from '../../Animations/useTimingConfig';
 import { ChevronDown, ChevronUp } from '../../Symbols';
 import { Box, Text, Pressable } from '../Utility';
 
-import {
+import type {
   CardContentAlignContextValue,
   CardContentDescriptionProps,
   CardContentProps,

package/src/lib/Components/Card/types.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { GestureResponderEvent } from 'react-native';
-import { StyledTextProps, StyledViewProps } from '../../../styles';
+import type { ReactNode } from 'react';
+import type { GestureResponderEvent } from 'react-native';
+import type { StyledTextProps, StyledViewProps } from '../../../styles';
 
 export type CardType = 'interactive' | 'expandable' | 'info';
 

package/src/lib/Components/CardButton/CardButton.tsx

@@ -4,7 +4,7 @@ import { useStyleSheet } from '../../../styles';
 import { ChevronRight } from '../../Symbols';
 import { Pressable } from '../Utility';
 
-import { CardButtonProps } from './types';
+import type { CardButtonProps } from './types';
 
 type Appearance = NonNullable<CardButtonProps['appearance']>;
 

package/src/lib/Components/CardButton/types.ts

@@ -1,6 +1,6 @@
-import { StyleProp, ViewStyle } from 'react-native';
-import { StyledPressableProps } from '../../../styles';
-import { IconSize } from '../Icon';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { StyledPressableProps } from '../../../styles';
+import type { IconSize } from '../Icon';
 
 export type CardButtonProps = {
   /**

package/src/lib/Components/Checkbox/BaseCheckbox.tsx

@@ -1,19 +1,15 @@
 import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
 import { useCallback } from 'react';
-import {
-  GestureResponderEvent,
-  Pressable,
-  View,
-  StyleSheet,
-} from 'react-native';
+import type { GestureResponderEvent } from 'react-native';
+import { Pressable, View, StyleSheet } from 'react-native';
 import { useStyleSheet } from '../../../styles';
-import {
+import type {
   ForceMountable,
   SlottablePressableProps,
   SlottableViewProps,
 } from '../../types';
 import { SlotPressable, SlotView } from '../Slot';
-import { CheckboxProps } from './types';
+import type { CheckboxProps } from './types';
 
 const ROOT_COMPONENT_NAME = 'BaseCheckbox';
 const TRIGGER_COMPONENT_NAME = 'BaseCheckboxTrigger';

package/src/lib/Components/Checkbox/Checkbox.tsx

@@ -6,7 +6,7 @@ import { Label } from '../Label';
 import { Box } from '../Utility';
 import { BaseCheckboxIndicator, BaseCheckboxRoot } from './BaseCheckbox';
 
-import { CheckboxProps } from './types';
+import type { CheckboxProps } from './types';
 
 /**
  * The checkbox follows the design system tokens and supports checked, unchecked,

package/src/lib/Components/Checkbox/types.ts

@@ -1,4 +1,4 @@
-import { StyledViewProps } from '../../../styles';
+import type { StyledViewProps } from '../../../styles';
 
 export type CheckboxProps = {
   /**

package/src/lib/Components/ContentBanner/ContentBanner.tsx

@@ -5,7 +5,7 @@ import { useStyleSheet } from '../../../styles';
 import { Close } from '../../Symbols';
 import { InteractiveIcon } from '../InteractiveIcon';
 import { Box, Text } from '../Utility';
-import {
+import type {
   ContentBannerContentProps,
   ContentBannerDescriptionProps,
   ContentBannerProps,

package/src/lib/Components/ContentBanner/types.ts

@@ -1,4 +1,4 @@
-import { StyledTextProps, StyledViewProps } from '../../../styles';
+import type { StyledTextProps, StyledViewProps } from '../../../styles';
 
 /**
  * Props for the ContentBanner root component

package/src/lib/Components/Divider/Divider.tsx

@@ -1,5 +1,5 @@
 import { Box } from '../Utility';
-import { DividerProps } from './types';
+import type { DividerProps } from './types';
 
 /**
  * A simple divider component for separating content sections.

package/src/lib/Components/Divider/types.ts

@@ -1,4 +1,4 @@
-import { BoxProps } from '../Utility';
+import type { BoxProps } from '../Utility';
 
 export type DividerProps = {
   /**

package/src/lib/Components/DotSymbol/DotSymbol.tsx

@@ -1,10 +1,10 @@
 import { useEffect, useState } from 'react';
 import { Image, StyleSheet } from 'react-native';
 import { useStyleSheet } from '../../../styles';
-import { MediaImageSize } from '../MediaImage';
-import { SpotSize } from '../Spot';
+import type { MediaImageSize } from '../MediaImage';
+import type { SpotSize } from '../Spot';
 import { Box } from '../Utility';
-import { DotSymbolPin, DotSymbolProps, DotSymbolSize } from './types';
+import type { DotSymbolPin, DotSymbolProps, DotSymbolSize } from './types';
 
 type BorderRadiusKey = 'xs' | 'sm' | 'md' | 'lg' | 'full';
 

package/src/lib/Components/DotSymbol/types.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { StyledViewProps } from '../../../styles';
+import type { StyledViewProps } from '../../../styles';
 
 export type DotSymbolSize = 8 | 10 | 12 | 16 | 20 | 24;
 

package/src/lib/Components/Icon/Icon.tsx

@@ -1,8 +1,8 @@
 import { useMemo } from 'react';
 import { Svg } from 'react-native-svg';
 import { useResolveTextStyle, useTheme } from '../../../styles';
-import { TextProps } from '../Utility';
-import { IconProps, IconSize } from './types';
+import type { TextProps } from '../Utility';
+import type { IconProps, IconSize } from './types';
 
 const iconSizeMap = {
   12: 's12',

package/src/lib/Components/Icon/createIcon.ts

@@ -1,9 +1,9 @@
 import { toPascalCase, useDisabledContext } from '@ledgerhq/lumen-utils-shared';
 import { createElement } from 'react';
-import { SvgProps } from 'react-native-svg';
+import type { SvgProps } from 'react-native-svg';
 import { useTheme } from '../../../styles';
 import { Icon } from './Icon';
-import { IconProps } from './types';
+import type { IconProps } from './types';
 
 /**
  * Create an Icon component for React Native

package/src/lib/Components/Icon/types.ts

@@ -1,7 +1,7 @@
-import { Ref } from 'react';
-import { Svg, SvgProps } from 'react-native-svg';
-import { LumenTextStyle } from '../../../styles';
-import { TextProps } from '../Utility';
+import type { Ref } from 'react';
+import type { Svg, SvgProps } from 'react-native-svg';
+import type { LumenTextStyle } from '../../../styles';
+import type { TextProps } from '../Utility';
 
 export type IconSize = 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56;
 

package/src/lib/Components/IconButton/IconButton.tsx

@@ -1,5 +1,5 @@
 import { BaseButton } from '../Button/BaseButton';
-import { IconButtonProps } from './types';
+import type { IconButtonProps } from './types';
 
 export const IconButton = (props: IconButtonProps) => {
   return <BaseButton {...props} />;

package/src/lib/Components/IconButton/types.ts

@@ -1,4 +1,4 @@
-import { BaseButtonProps } from '../Button';
+import type { BaseButtonProps } from '../Button';
 
 export type IconButtonProps = {
   /**

package/src/lib/Components/InteractiveIcon/InteractiveIcon.tsx

@@ -1,11 +1,12 @@
 import { useDisabledContext } from '@ledgerhq/lumen-utils-shared';
-import { ComponentType } from 'react';
+import type { ComponentType } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useStyleSheet } from '../../../styles';
 
-import { IconProps, IconSize } from '../Icon';
+import type { IconProps, IconSize } from '../Icon';
 import { Pressable } from '../Utility';
-import { HIT_SLOP_MAP, InteractiveIconProps } from './types';
+import type { InteractiveIconProps } from './types';
+import { HIT_SLOP_MAP } from './types';
 
 type IconType = InteractiveIconProps['iconType'];
 type Appearance = NonNullable<InteractiveIconProps['appearance']>;

package/src/lib/Components/InteractiveIcon/types.ts

@@ -1,7 +1,7 @@
-import { ComponentType } from 'react';
-import { Insets } from 'react-native';
-import { StyledPressableProps } from '../../../styles';
-import { IconProps, IconSize } from '../Icon';
+import type { ComponentType } from 'react';
+import type { Insets } from 'react-native';
+import type { StyledPressableProps } from '../../../styles';
+import type { IconProps, IconSize } from '../Icon';
 
 export const HIT_SLOP_MAP: Partial<
   Record<HitSlopType, Partial<Record<IconSize, Insets>>>

package/src/lib/Components/Label/Label.tsx

@@ -1,7 +1,7 @@
 import { useDisabledContext } from '@ledgerhq/lumen-utils-shared';
 import { useStyleSheet } from '../../../styles';
 import { Text } from '../Utility';
-import { LabelProps } from './types';
+import type { LabelProps } from './types';
 
 const useStyles = ({ disabled }: { disabled: boolean }) => {
   return useStyleSheet(

package/src/lib/Components/Label/types.ts

@@ -1,4 +1,4 @@
-import { TextProps } from '../Utility';
+import type { TextProps } from '../Utility';
 
 export type LabelProps = {
   /**

package/src/lib/Components/Link/Link.test.tsx

@@ -7,7 +7,7 @@ import { Linking } from 'react-native';
 import { Information } from '../../Symbols';
 import { ThemeProvider } from '../ThemeProvider/ThemeProvider';
 import { Link } from './Link';
-import { LinkProps } from './types';
+import type { LinkProps } from './types';
 
 // Mock Linking module - use spyOn after import to handle RN 0.79+ module structure
 const mockOpenURL = jest.fn(() => Promise.resolve());

package/src/lib/Components/Link/Link.tsx

@@ -1,9 +1,9 @@
 import { Linking, StyleSheet, Text, View } from 'react-native';
 import { useStyleSheet } from '../../../styles';
 import { ExternalLink } from '../../Symbols';
-import { IconSize } from '../Icon';
+import type { IconSize } from '../Icon';
 import { Pressable } from '../Utility';
-import { LinkProps } from './types';
+import type { LinkProps } from './types';
 
 const iconSizeMap: Record<Size, IconSize> = {
   sm: 16,

package/src/lib/Components/Link/types.ts

@@ -1,7 +1,7 @@
-import { PropsWithChildren } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { StyledPressableProps } from '../../../styles';
-import { IconSize } from '../Icon';
+import type { PropsWithChildren } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { StyledPressableProps } from '../../../styles';
+import type { IconSize } from '../Icon';
 
 export type LinkProps = {
   /**

package/src/lib/Components/ListItem/ListItem.test.tsx

@@ -13,7 +13,7 @@ import {
   ListItemDescription,
   ListItemTrailing,
 } from './ListItem';
-import { ListItemProps } from './types';
+import type { ListItemProps } from './types';
 
 const TestWrapper = ({ children }: { children: React.ReactNode }) => (
   <ThemeProvider themes={ledgerLiveThemes} colorScheme='dark' locale='en'>

package/src/lib/Components/ListItem/ListItem.tsx

@@ -4,16 +4,17 @@ import {
   DisabledProvider,
   useDisabledContext,
 } from '@ledgerhq/lumen-utils-shared';
-import { ElementRef, ReactNode, Ref } from 'react';
-import { StyleSheet, View, ViewStyle } from 'react-native';
+import type { ElementRef, ReactNode, Ref } from 'react';
+import type { ViewStyle } from 'react-native';
+import { StyleSheet, View } from 'react-native';
 import { useStyleSheet } from '../../../styles';
 import { Box, Pressable, Text } from '../Utility';
-import {
-  ListItemProps,
+import type {
   ListItemContentProps,
   ListItemContentRowProps,
   ListItemDescriptionProps,
   ListItemLeadingProps,
+  ListItemProps,
   ListItemTitleProps,
   ListItemTrailingProps,
 } from './types';

package/src/lib/Components/ListItem/types.ts

@@ -1,5 +1,5 @@
 import type { Density } from '@ledgerhq/lumen-utils-shared';
-import {
+import type {
   StyledPressableProps,
   StyledTextProps,
   StyledViewProps,

package/src/lib/Components/MediaBanner/MediaBanner.tsx

@@ -5,7 +5,7 @@ import { useStyleSheet, useTheme } from '../../../styles';
 import { Close } from '../../Symbols';
 import { InteractiveIcon } from '../InteractiveIcon';
 import { Box, LinearGradient, Pressable, Text } from '../Utility';
-import {
+import type {
   MediaBannerDescriptionProps,
   MediaBannerProps,
   MediaBannerTitleProps,

package/src/lib/Components/MediaBanner/types.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { StyledPressableProps, StyledTextProps } from '../../../styles';
+import type { ReactNode } from 'react';
+import type { StyledPressableProps, StyledTextProps } from '../../../styles';
 
 /**
  * Props for the MediaBanner root component.

package/src/lib/Components/MediaButton/MediaButton.test.tsx

@@ -2,7 +2,8 @@ import { describe, it, expect, jest } from '@jest/globals';
 import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
 import { render, screen, fireEvent } from '@testing-library/react-native';
 import { createRef } from 'react';
-import { View, ViewStyle } from 'react-native';
+import type { ViewStyle } from 'react-native';
+import { View } from 'react-native';
 
 import { Settings } from '../../Symbols';
 import { ThemeProvider } from '../ThemeProvider/ThemeProvider';

package/src/lib/Components/MediaButton/MediaButton.tsx

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import { useStyleSheet } from '../../../styles';
 import { ChevronDown } from '../../Symbols';

package/src/lib/Components/MediaButton/types.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { StyledPressableProps } from '../../../styles';
+import type { ReactNode } from 'react';
+import type { StyledPressableProps } from '../../../styles';
 
 export type MediaButtonProps = {
   /**

package/src/lib/Components/MediaCard/MediaCard.tsx

@@ -5,7 +5,7 @@ import { useStyleSheet } from '../../../styles';
 import { Close } from '../../Symbols';
 import { InteractiveIcon } from '../InteractiveIcon';
 import { LinearGradient, Pressable, Text } from '../Utility';
-import { MediaCardProps, MediaCardTitleProps } from './types';
+import type { MediaCardProps, MediaCardTitleProps } from './types';
 
 const CARD_HEIGHT = 164;
 

package/src/lib/Components/MediaCard/types.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { StyledPressableProps, StyledTextProps } from '../../../styles';
+import type { StyledPressableProps, StyledTextProps } from '../../../styles';
 
 /**
  * Props for the MediaCard root component

package/src/lib/Components/MediaImage/MediaImage.tsx

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import { Image, StyleSheet } from 'react-native';
 import { useStyleSheet } from '../../../styles';
 import { Box } from '../Utility';
-import { MediaImageProps, MediaImageSize, MediaImageShape } from './types';
+import type { MediaImageProps, MediaImageSize, MediaImageShape } from './types';
 
 type BorderRadiusKey = 'xs' | 'sm' | 'md' | 'lg' | 'full';
 

package/src/lib/Components/MediaImage/types.ts

@@ -1,4 +1,4 @@
-import { StyledViewProps } from '../../../styles';
+import type { StyledViewProps } from '../../../styles';
 
 export type MediaImageSize = 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56;
 

package/src/lib/Components/NavBar/CoinCapsule.tsx

@@ -1,6 +1,6 @@
 import { useStyleSheet } from '../../../styles';
 import { Box, Text } from '../Utility';
-import { CoinCapsuleProps } from './types';
+import type { CoinCapsuleProps } from './types';
 
 export function CoinCapsule({ ticker, icon }: CoinCapsuleProps) {
   const styles = useStyles();

package/src/lib/Components/NavBar/NavBar.tsx

@@ -1,5 +1,7 @@
-import { createSafeContext, Density } from '@ledgerhq/lumen-utils-shared';
-import { Children, isValidElement, ReactNode } from 'react';
+import type { Density } from '@ledgerhq/lumen-utils-shared';
+import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
+import type { ReactNode } from 'react';
+import { Children, isValidElement } from 'react';
 import { StyleSheet } from 'react-native';
 import { useCommonTranslation } from '../../../i18n';
 import { useStyleSheet } from '../../../styles';
@@ -7,7 +9,7 @@ import { ArrowLeft } from '../../Symbols';
 import { IconButton } from '../IconButton';
 import { Box, Text } from '../Utility';
 import { CoinCapsule } from './CoinCapsule';
-import {
+import type {
   NavBarBackButtonProps,
   NavBarCoinCapsuleProps,
   NavBarContentProps,