@ledgerhq/lumen-ui-rnative 0.1.23 → 0.1.25

package/src/lib/Components/TabBar/TabBar.tsx

@@ -1,19 +1,14 @@
 import { BlurView } from '@sbaiahmed1/react-native-blur';
+import type { ReactNode } from 'react';
 import {
   Children,
   isValidElement,
-  ReactNode,
   useCallback,
   useEffect,
   useRef,
 } from 'react';
-import {
-  LayoutChangeEvent,
-  Platform,
-  StyleSheet,
-  Text,
-  View,
-} from 'react-native';
+import type { LayoutChangeEvent } from 'react-native';
+import { Platform, StyleSheet, Text, View } from 'react-native';
 import Animated, {
   cancelAnimation,
   useAnimatedStyle,
@@ -27,7 +22,7 @@ import { useTimingConfig } from '../../Animations/useTimingConfig';
 import { Placeholder } from '../../Symbols';
 import { Box, Pressable } from '../Utility';
 import { TabBarContextProvider, useTabBarContext } from './TabBarContext';
-import { TabBarItemProps, TabBarProps } from './types';
+import type { TabBarItemProps, TabBarProps } from './types';
 
 export const TAB_BAR_HEIGHT = 60;
 const PILL_INSET = 4;

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

@@ -1,7 +1,7 @@
-import { ComponentType, ReactNode } from 'react';
-import { StyledViewProps } from '../../../styles';
-import { IconSize } from '../Icon';
-import { BoxProps } from '../Utility';
+import type { ComponentType, ReactNode } from 'react';
+import type { StyledViewProps } from '../../../styles';
+import type { IconSize } from '../Icon';
+import type { BoxProps } from '../Utility';
 
 type IconComponent = ComponentType<{
   size?: IconSize;

package/src/lib/Components/Tag/Tag.stories.tsx

@@ -9,7 +9,15 @@ const meta: Meta<typeof Tag> = {
   argTypes: {
     appearance: {
       control: 'select',
-      options: ['base', 'gray', 'accent', 'success', 'error', 'warning'],
+      options: [
+        'base',
+        'gray',
+        'accent',
+        'accent-subtle',
+        'success',
+        'error',
+        'warning',
+      ],
     },
     size: {
       control: 'radio',
@@ -47,6 +55,7 @@ export const AppearanceShowcase: Story = {
         <Tag appearance='base' label='Base' />
         <Tag appearance='gray' label='Gray' />
         <Tag appearance='accent' label='Accent' />
+        <Tag appearance='accent-subtle' label='Accent subtle' />
         <Tag appearance='success' label='Success' />
         <Tag appearance='error' label='Error' />
         <Tag appearance='warning' label='Warning' />
@@ -56,6 +65,7 @@ export const AppearanceShowcase: Story = {
         <Tag appearance='base' label='Base' icon={Check} />
         <Tag appearance='gray' label='Gray' icon={Check} />
         <Tag appearance='accent' label='Accent' icon={Check} />
+        <Tag appearance='accent-subtle' label='Accent subtle' icon={Check} />
         <Tag appearance='success' label='Success' icon={Check} />
         <Tag appearance='error' label='Error' icon={Check} />
         <Tag appearance='warning' label='Warning' icon={Check} />

package/src/lib/Components/Tag/Tag.tsx

@@ -1,9 +1,9 @@
 import { useDisabledContext } from '@ledgerhq/lumen-utils-shared';
 import { StyleSheet, Text } from 'react-native';
 import { useStyleSheet } from '../../../styles';
-import { IconSize } from '../Icon';
+import type { IconSize } from '../Icon';
 import { Box } from '../Utility';
-import { TagProps } from './types';
+import type { TagProps } from './types';
 
 type Appearance = NonNullable<TagProps['appearance']>;
 type Size = NonNullable<TagProps['size']>;
@@ -23,6 +23,7 @@ const useStyles = ({
         base: t.colors.bg.mutedTransparent,
         gray: t.colors.bg.mutedTransparent,
         accent: t.colors.bg.accent,
+        'accent-subtle': t.colors.bg.activeSubtle,
         success: t.colors.bg.success,
         error: t.colors.bg.error,
         warning: t.colors.bg.warning,
@@ -32,6 +33,7 @@ const useStyles = ({
         base: t.colors.text.base,
         gray: t.colors.text.muted,
         accent: t.colors.text.onAccent,
+        'accent-subtle': t.colors.text.active,
         success: t.colors.text.success,
         error: t.colors.text.error,
         warning: t.colors.text.warning,

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

@@ -1,12 +1,19 @@
-import { ComponentType } from 'react';
-import { StyledViewProps } from '../../../styles';
-import { IconProps } from '../Icon';
+import type { ComponentType } from 'react';
+import type { StyledViewProps } from '../../../styles';
+import type { IconProps } from '../Icon';
 
 export type TagProps = {
   /**
    * The appearance of the tag.
    */
-  appearance?: 'base' | 'gray' | 'accent' | 'success' | 'error' | 'warning';
+  appearance?:
+    | 'base'
+    | 'gray'
+    | 'accent'
+    | 'accent-subtle'
+    | 'success'
+    | 'error'
+    | 'warning';
   /**
    * The icon of the tag.
    */

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

@@ -1,4 +1,4 @@
-import { BaseInputProps } from '../BaseInput';
-import { BoxProps } from '../Utility';
+import type { BaseInputProps } from '../BaseInput';
+import type { BoxProps } from '../Utility';
 
 export type TextInputProps = Omit<BaseInputProps, 'prefix'> & BoxProps;

package/src/lib/Components/ThemeProvider/ThemeProvider.tsx

@@ -5,7 +5,7 @@ import { LumenStyleSheetProvider } from '../../../styles';
 
 import { GlobalSelectProvider } from '../Select/GlobalSelectContext';
 import { GlobalTooltipProvider } from '../Tooltip/GlobalTooltipContext';
-import { ThemeProviderProps } from './types';
+import type { ThemeProviderProps } from './types';
 
 const [ThemeContextProvider] = createSafeContext('ThemeProvider');
 

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

@@ -1,7 +1,7 @@
-import { PropsWithChildren } from 'react';
-import { ColorSchemeName } from 'react-native';
-import { SupportedLocale } from '../../../i18n/languages';
-import { LumenThemes } from '../../../styles';
+import type { PropsWithChildren } from 'react';
+import type { ColorSchemeName } from 'react-native';
+import type { SupportedLocale } from '../../../i18n/languages';
+import type { LumenThemes } from '../../../styles';
 
 export type ThemeProviderProps = PropsWithChildren & {
   /**

package/src/lib/Components/Tile/Tile.tsx

@@ -3,11 +3,11 @@ import {
   isTextChildren,
   useDisabledContext,
 } from '@ledgerhq/lumen-utils-shared';
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useStyleSheet } from '../../../styles';
 import { Box, Pressable, Text } from '../Utility';
-import {
+import type {
   TileContentProps,
   TileDescriptionProps,
   TileProps,

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import {
+import type { ReactNode } from 'react';
+import type {
   StyledPressableProps,
   StyledTextProps,
   StyledViewProps,

package/src/lib/Components/TileButton/TileButton.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 { Settings } from '../../Symbols';
 import { ThemeProvider } from '../ThemeProvider/ThemeProvider';

package/src/lib/Components/TileButton/TileButton.tsx

@@ -2,12 +2,12 @@ import {
   isTextChildren,
   useDisabledContext,
 } from '@ledgerhq/lumen-utils-shared';
-import { FC, PropsWithChildren } from 'react';
+import type { FC, PropsWithChildren } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useStyleSheet } from '../../../styles';
-import { IconSize } from '../Icon';
+import type { IconSize } from '../Icon';
 import { Pressable, Text } from '../Utility';
-import { TileButtonProps } from './types';
+import type { TileButtonProps } from './types';
 
 const ICON_SIZE: IconSize = 20;
 

package/src/lib/Components/TileButton/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 TileButtonProps = {
   /**

package/src/lib/Components/Tooltip/GlobalTooltipContext.tsx

@@ -1,5 +1,6 @@
 import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
-import { useState, useCallback, useRef, useMemo, ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import { useState, useCallback, useRef, useMemo } from 'react';
 
 export type TooltipData = {
   id: string;

package/src/lib/Components/Tooltip/Tooltip.tsx

@@ -3,8 +3,8 @@ import { Pressable } from 'react-native';
 import { useControllableState } from '../../utils';
 import { SlotPressable } from '../Slot';
 import { useTooltipActions } from './GlobalTooltipContext';
+import type { TooltipContentData } from './TooltipContext';
 import {
-  TooltipContentData,
   TooltipContextProvider,
   useTooltipSafeContext,
 } from './TooltipContext';

package/src/lib/Components/Tooltip/TooltipContext.tsx

@@ -1,5 +1,5 @@
 import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 
 export type TooltipContentData = {
   title?: string;

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { PressableProps } from 'react-native';
+import type { ReactNode } from 'react';
+import type { PressableProps } from 'react-native';
 
 export type TooltipProps = {
   /**

package/src/lib/Components/Utility/Box/types.ts

@@ -1,3 +1,3 @@
-import { StyledViewProps } from '../../../../styles';
+import type { StyledViewProps } from '../../../../styles';
 
 export type BoxProps = StyledViewProps;

package/src/lib/Components/Utility/Gradient/LinearGradient/LinearGradient.test.tsx

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

package/src/lib/Components/Utility/Gradient/LinearGradient/types.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { StyledViewProps } from '../../../../../styles';
-import { GradientStop } from '../gradient.types';
+import type { ReactNode } from 'react';
+import type { StyledViewProps } from '../../../../../styles';
+import type { GradientStop } from '../gradient.types';
 
 export type GradientCoordinates = {
   x1: string;

package/src/lib/Components/Utility/Gradient/RadialGradient/RadialGradient.test.tsx

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

package/src/lib/Components/Utility/Gradient/RadialGradient/types.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { StyledViewProps } from '../../../../../styles';
-import { GradientStop } from '../gradient.types';
+import type { ReactNode } from 'react';
+import type { StyledViewProps } from '../../../../../styles';
+import type { GradientStop } from '../gradient.types';
 export type RadialGradientCenter = {
   /**
    * Horizontal position (0 = left, 1 = right)

package/src/lib/Components/Utility/Pressable/Pressable.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 { Text, View, ViewStyle } from 'react-native';
+import type { View, ViewStyle } from 'react-native';
+import { Text } from 'react-native';
 
 import { ThemeProvider } from '../../ThemeProvider/ThemeProvider';
 import { Pressable } from './Pressable';

package/src/lib/Components/Utility/Pressable/types.ts

@@ -1,3 +1,3 @@
-import { StyledViewProps } from '../../../../styles';
+import type { StyledViewProps } from '../../../../styles';
 
 export type PressableProps = StyledViewProps;

package/src/lib/Components/Utility/Text/Text.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
 import { Text } from './Text';
-import { TextProps } from './types';
+import type { TextProps } from './types';
 
 const meta: Meta<TextProps> = {
   component: Text,

package/src/lib/Components/Utility/Text/types.ts

@@ -1,3 +1,3 @@
-import { StyledTextProps } from '../../../../styles';
+import type { StyledTextProps } from '../../../../styles';
 
 export type TextProps = StyledTextProps;

package/src/lib/Components/Wrap/Wrap.tsx

@@ -1,4 +1,4 @@
-import { WrapProps } from './types';
+import type { WrapProps } from './types';
 
 export const Wrap = ({ if: condition, with: wrapper, children }: WrapProps) => {
   return condition ? wrapper(children) : children;

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

@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactNode, ReactElement } from 'react';
+import type { PropsWithChildren, ReactNode, ReactElement } from 'react';
 
 export type WrapProps = PropsWithChildren & {
   if: boolean;

package/src/lib/Components/index.ts

@@ -10,6 +10,7 @@ export * from './CardButton';
 export * from './ContentBanner';
 export * from './Checkbox';
 export * from './Divider';
+export * from './DotIcon';
 export * from './DotSymbol';
 export * from './Icon';
 export * from './IconButton';

package/src/lib/types/index.ts

@@ -1,4 +1,4 @@
-import { ElementType, ComponentPropsWithRef, ElementRef } from 'react';
+import type { ElementType, ComponentPropsWithRef, ElementRef } from 'react';
 import type { Pressable, View } from 'react-native';
 
 type ComponentPropsWithAsChild<T extends ElementType<any>> =

package/src/lib/utils/components/InjectStylesIntoChildren.tsx

@@ -1,11 +1,6 @@
-import {
-  cloneElement,
-  isValidElement,
-  memo,
-  PropsWithChildren,
-  ReactElement,
-} from 'react';
-import { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { PropsWithChildren, ReactElement } from 'react';
+import { cloneElement, isValidElement, memo } from 'react';
+import type { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
 
 type StyleValue = ViewStyle | TextStyle | ImageStyle;
 

package/src/lib/utils/constants/constants.ts

@@ -1,10 +1,8 @@
 import { useEffect, useLayoutEffect } from 'react';
 import { Dimensions, Platform } from 'react-native';
 
-import {
-  EdgeInsets,
-  initialWindowMetrics,
-} from 'react-native-safe-area-context';
+import type { EdgeInsets } from 'react-native-safe-area-context';
+import { initialWindowMetrics } from 'react-native-safe-area-context';
 
 const edgeInsets =
   initialWindowMetrics?.insets ??

package/src/lib/utils/react/extractTextFromChildren.ts

@@ -1,4 +1,5 @@
-import { Children, ComponentType, isValidElement, ReactNode } from 'react';
+import type { ComponentType, ReactNode } from 'react';
+import { Children, isValidElement } from 'react';
 
 /**
  * Recursively extracts text content from React children.

package/src/lib/utils/useControllableState/useControllableState.ts

@@ -1,4 +1,5 @@
-import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';
+import type { Dispatch, SetStateAction } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { startTransition } from '../startTransition';
 import { useEvent } from '../useEvent';
 

package/src/styles/hooks/useStyleSheet.test.tsx

@@ -6,7 +6,8 @@ import {
   waitFor,
 } from '@testing-library/react-native';
 import { useState } from 'react';
-import { ColorSchemeName, Pressable, Text, View } from 'react-native';
+import type { ColorSchemeName } from 'react-native';
+import { Pressable, Text, View } from 'react-native';
 import { LumenStyleSheetProvider } from '../provider/LumenStyleSheetProvider';
 import { useStyleSheet } from './useStyleSheet';
 

package/src/styles/hooks/useStyleSheet.ts

@@ -1,4 +1,5 @@
-import { DependencyList, useMemo, useRef } from 'react';
+import type { DependencyList } from 'react';
+import { useMemo, useRef } from 'react';
 import type {
   LumenStyleSheet,
   LumenStyleSheetExtended,

package/src/styles/lx/areLxPropsEqual.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   StyledPressableProps,
   StyledTextProps,
   StyledViewProps,

package/src/styles/lx/createStyledPressable.test.tsx

@@ -1,12 +1,12 @@
 import { describe, expect, it, jest } from '@jest/globals';
 import { fireEvent, render, screen } from '@testing-library/react-native';
 import { createRef } from 'react';
-import {
-  Pressable,
+import type {
   PressableProps,
   PressableStateCallbackType,
   View,
 } from 'react-native';
+import { Pressable } from 'react-native';
 import { LumenStyleSheetProvider } from '../provider/LumenStyleSheetProvider';
 import { createStyledPressable } from './createStyledPressable';
 

package/src/styles/lx/createStyledPressable.tsx

@@ -7,7 +7,7 @@ import type {
 } from 'react-native';
 import { useHapticFeedbackWithPressIn } from '../../lib/Haptics';
 import type { HapticFeedback } from '../../lib/Haptics/types';
-import { StyledPressableProps, PressableStyleItem } from '../types';
+import type { StyledPressableProps, PressableStyleItem } from '../types';
 import { areLxPropsEqual } from './areLxPropsEqual';
 import { useResolveViewStyle } from './resolveStyle';
 

package/src/styles/lx/createStyledText.test.tsx

@@ -1,7 +1,8 @@
 import { describe, expect, it, jest } from '@jest/globals';
 import { render, screen } from '@testing-library/react-native';
 import { createRef } from 'react';
-import { Text, TextProps } from 'react-native';
+import type { TextProps } from 'react-native';
+import { Text } from 'react-native';
 import { LumenStyleSheetProvider } from '../provider/LumenStyleSheetProvider';
 import { createStyledText } from './createStyledText';
 

package/src/styles/lx/createStyledText.tsx

@@ -2,7 +2,7 @@ import { memo } from 'react';
 import { StyleSheet } from 'react-native';
 import type { Text, TextStyle } from 'react-native';
 import { useTheme } from '../hooks/useTheme';
-import { StyledTextProps } from '../types';
+import type { StyledTextProps } from '../types';
 import { areLxPropsEqual } from './areLxPropsEqual';
 import { useResolveTextStyle } from './resolveStyle';
 

package/src/styles/lx/createStyledView.test.tsx

@@ -1,7 +1,8 @@
 import { describe, expect, it, jest } from '@jest/globals';
 import { render, screen } from '@testing-library/react-native';
 import { createRef } from 'react';
-import { View, ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
+import { View } from 'react-native';
 import { LumenStyleSheetProvider } from '../provider/LumenStyleSheetProvider';
 import { createStyledView } from './createStyledView';
 

package/src/styles/lx/createStyledView.tsx

@@ -1,5 +1,6 @@
 import { memo } from 'react';
-import { StyleSheet, View } from 'react-native';
+import type { View } from 'react-native';
+import { StyleSheet } from 'react-native';
 import type { StyledViewProps } from '../types';
 import { areLxPropsEqual } from './areLxPropsEqual';
 import { useResolveViewStyle } from './resolveStyle';

package/src/styles/lx/resolveConfig.ts

@@ -1,4 +1,4 @@
-import { LumenTextStyle, LumenViewStyle } from '../types';
+import type { LumenTextStyle, LumenViewStyle } from '../types';
 
 /**
  * Configuration for each style prop

package/src/styles/provider/LumenStyleSheetProvider.test.tsx

@@ -1,7 +1,8 @@
 import { describe, expect, it, jest } from '@jest/globals';
 import { render, userEvent } from '@testing-library/react-native';
 import { useState } from 'react';
-import { ColorSchemeName, Pressable, Text, View } from 'react-native';
+import type { ColorSchemeName } from 'react-native';
+import { Pressable, Text, View } from 'react-native';
 import { useTheme } from '../hooks/useTheme';
 import { LumenStyleSheetProvider } from './LumenStyleSheetProvider';
 

package/src/styles/provider/LumenStyleSheetProvider.tsx

@@ -1,9 +1,7 @@
 import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
 import { useMemo } from 'react';
-import {
-  ColorSchemeName,
-  useColorScheme as useReactNativeColorScheme,
-} from 'react-native';
+import type { ColorSchemeName } from 'react-native';
+import { useColorScheme as useReactNativeColorScheme } from 'react-native';
 import { createStylesheetTheme } from '../theme/createStylesheetTheme';
 import { type LumenStyleSheetTheme } from '../types';
 import { COLOR_SCHEMES, type LumenStyleSheetProviderProps } from './types';

package/src/styles/provider/types.ts

@@ -1,6 +1,6 @@
-import { PropsWithChildren } from 'react';
-import { ColorSchemeName } from 'react-native';
-import { LumenThemes } from '../types';
+import type { PropsWithChildren } from 'react';
+import type { ColorSchemeName } from 'react-native';
+import type { LumenThemes } from '../types';
 
 export const COLOR_SCHEMES = {
   light: 'light',

package/src/styles/theme/createStylesheetTheme.ts

@@ -1,4 +1,4 @@
-import { LumenStyleSheetTheme, LumenTheme } from '../types';
+import type { LumenStyleSheetTheme, LumenTheme } from '../types';
 import { resolveFontWeights } from './resolvers/resolveFontWeights';
 import { resolveNegativeSpacing } from './resolvers/resolveNegativeSpacing';
 

package/src/styles/theme/resolvers/resolveFontWeights.ts

@@ -1,5 +1,5 @@
 import { RuntimeConstants } from '../../../lib/utils';
-import { LumenTypographyTokens } from '../../types';
+import type { LumenTypographyTokens } from '../../types';
 
 export const FONT_WEIGHT_SUFFIX_MAP = {
   '100': 'Thin',

package/src/styles/theme/resolvers/resolveNegativeSpacing.test.ts

@@ -1,5 +1,5 @@
 import { describe, it, expect } from '@jest/globals';
-import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
+import type { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
 import { resolveNegativeSpacing } from './resolveNegativeSpacing';
 
 describe('resolveNegativeSpacing', () => {

package/src/styles/theme/resolvers/resolveNegativeSpacing.ts

@@ -1,5 +1,5 @@
-import { LumenTheme } from '../../types';
-import { AddEntriesNegative } from '../../types/utility.types';
+import type { LumenTheme } from '../../types';
+import type { AddEntriesNegative } from '../../types/utility.types';
 
 export const resolveNegativeSpacing = <
   Input extends LumenTheme['spacings'],

package/src/styles/types/factories.types.ts

@@ -1,5 +1,5 @@
 import type { ComponentPropsWithRef } from 'react';
-import {
+import type {
   PressableProps,
   PressableStateCallbackType,
   TextProps as RNTextProps,
@@ -10,8 +10,8 @@ import {
   Pressable as RNPressable,
 } from 'react-native';
 import type { ImpactFeedbackStyle } from '../../lib/Haptics';
-import { LumenTextStyle, LumenViewStyle } from './lx.types';
-import { LumenTypographyTokenName } from './theme.types';
+import type { LumenTextStyle, LumenViewStyle } from './lx.types';
+import type { LumenTypographyTokenName } from './theme.types';
 
 type StyleFn = (state: PressableStateCallbackType) => ViewStyle;
 export type PressableStyleItem =