@hero-design/rn 8.105.3 → 8.105.4

package/src/components/Box/types.ts

@@ -1,9 +1,9 @@
-import { StyleProp, ViewStyle, ViewProps } from 'react-native';
+import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
 
-import { SystemPalette } from '../../theme/global';
-import { BorderWidths, Radii } from '../../theme/global/borders';
-import { Space } from '../../theme/global/space';
-import { ConfigType, FlexPropsKeyType } from './config';
+import type { SystemPalette } from '../../theme/global';
+import type { BorderWidths, Radii } from '../../theme/global/borders';
+import type { Space } from '../../theme/global/space';
+import type { ConfigType, FlexPropsKeyType } from './config';
 
 export interface ThemeScale {
   colors: keyof SystemPalette;

package/src/components/Button/Button.tsx

@@ -1,6 +1,8 @@
-import React, { ReactChild, ReactNode, useMemo, useState } from 'react';
+import type { ReactChild, ReactNode } from 'react';
+import React, { useMemo, useState } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
-import { Theme, useTheme } from '../../theme';
+import type { Theme } from '../../theme';
+import { useTheme } from '../../theme';
 import { useDeprecation } from '../../utils/hooks';
 import type { IconName } from '../Icon';
 import LoadingIndicator from './LoadingIndicator';

package/src/components/Calendar/CalendarRange.tsx

@@ -29,7 +29,7 @@ import {
   shouldUseMonthPicker,
 } from './helpers';
 import SelectedDate from './CalendarRangeConnector';
-import { CalendarProps } from './types';
+import type { CalendarProps } from './types';
 import { DAYS_OF_WEEK } from './constants';
 import { useCalendarLayout } from './shared/hooks/useCalendarLayout';
 

package/src/components/Calendar/helpers.ts

@@ -4,7 +4,7 @@ import {
   TOTAL_DATES_ITEMS,
   WEEK_INDEX_OFFSET,
 } from './constants';
-import { CalendarProps, ParsedMaskedDate } from './types';
+import type { CalendarProps, ParsedMaskedDate } from './types';
 
 export const initArray = <T>(length: number, func: (value: number) => T): T[] =>
   Array.from(Array(length)).map((_, index) => func(index));

package/src/components/Calendar/index.tsx

@@ -28,7 +28,7 @@ import {
 } from './helpers';
 import CalendarRange from './CalendarRange';
 import { DAYS_OF_WEEK } from './constants';
-import { CalendarProps } from './types';
+import type { CalendarProps } from './types';
 import { useCalendarLayout } from './shared/hooks/useCalendarLayout';
 
 const Calendar = ({

package/src/components/Calendar/shared/hooks/useCalendarLayout.ts

@@ -1,5 +1,5 @@
 import { useCallback, useMemo, useState } from 'react';
-import { LayoutChangeEvent } from 'react-native';
+import type { LayoutChangeEvent } from 'react-native';
 
 import { useTheme } from '../../../../theme';
 

package/src/components/Carousel/CardCarousel.tsx

@@ -5,16 +5,14 @@ import React, {
   useRef,
   useState,
 } from 'react';
-import {
-  FlatList,
+import type {
   LayoutChangeEvent,
   ListRenderItem,
-  Platform,
   StyleProp,
-  View,
   ViewStyle,
   ViewToken,
 } from 'react-native';
+import { FlatList, Platform, View } from 'react-native';
 import { useTheme } from '../../theme';
 import {
   StyledCard,

package/src/components/Carousel/CarouselItem.tsx

@@ -8,7 +8,7 @@ import {
   StyledCarouselImage,
   StyledCustomSizeCarouselImage,
 } from './StyledCarousel';
-import { CarouselData, CarouselImageProps } from './types';
+import type { CarouselData, CarouselImageProps } from './types';
 
 interface CarouselItemProps extends Omit<CarouselData, 'background'> {
   width: number;

package/src/components/Carousel/StyledCardCarousel.tsx

@@ -1,7 +1,10 @@
 import styled from '@emotion/native';
-import { View, ViewProps } from 'react-native';
-import Card, { CardProps } from '../Card';
-import PageControl, { PageControlProps } from '../PageControl';
+import type { ViewProps } from 'react-native';
+import { View } from 'react-native';
+import type { CardProps } from '../Card';
+import Card from '../Card';
+import type { PageControlProps } from '../PageControl';
+import PageControl from '../PageControl';
 
 const StyledPageControl = styled(PageControl)<PageControlProps>(
   ({ theme }) => ({

package/src/components/Carousel/StyledCarousel.tsx

@@ -1,4 +1,5 @@
-import { View, ImageResizeMode } from 'react-native';
+import type { ImageResizeMode } from 'react-native';
+import { View } from 'react-native';
 import styled from '@emotion/native';
 import Typography from '../Typography';
 import Image from '../Image';

package/src/components/Carousel/__tests__/CardCarousel.spec.tsx

@@ -1,7 +1,9 @@
 import { waitFor } from '@testing-library/react-native';
 import React from 'react';
-import { FlatList, Platform } from 'react-native';
-import { CardCarousel, CardCarouselHandles } from '../CardCarousel';
+import type { FlatList } from 'react-native';
+import { Platform } from 'react-native';
+import type { CardCarouselHandles } from '../CardCarousel';
+import { CardCarousel } from '../CardCarousel';
 import renderWithTheme from '../../../testHelpers/renderWithTheme';
 import Typography from '../../Typography';
 

package/src/components/Carousel/__tests__/index.spec.tsx

@@ -1,6 +1,6 @@
 import { fireEvent } from '@testing-library/react-native';
 import React from 'react';
-import { ImageResizeMode } from 'react-native';
+import type { ImageResizeMode } from 'react-native';
 import Carousel from '..';
 import { theme } from '../../..';
 import renderWithTheme from '../../../testHelpers/renderWithTheme';
@@ -8,7 +8,7 @@ import Button from '../../Button/Button';
 import HeroDesignProvider from '../../HeroDesignProvider';
 import Image from '../../Image';
 import { getCardCarouselValidIndex } from '../CardCarousel';
-import { CarouselData } from '../types';
+import type { CarouselData } from '../types';
 
 const carouselData: CarouselData[] = [
   {

package/src/components/Carousel/index.tsx

@@ -1,21 +1,13 @@
-import React, {
-  Dispatch,
-  SetStateAction,
-  useCallback,
-  useEffect,
-  useRef,
-  useState,
-} from 'react';
-import {
-  Animated,
-  FlatList,
+import type { Dispatch, SetStateAction } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import type {
   StyleProp,
-  View,
   ViewProps,
   ViewStyle,
   ViewToken,
   LayoutChangeEvent,
 } from 'react-native';
+import { Animated, FlatList, View } from 'react-native';
 
 import { useTheme } from '../../theme';
 import { useDeprecation } from '../../utils/hooks';
@@ -28,7 +20,7 @@ import {
   StyledPageControl,
   StyledPageControlWrapper,
 } from './StyledCarousel';
-import { CarouselData } from './types';
+import type { CarouselData } from './types';
 
 interface CarouselProps extends ViewProps {
   /**

package/src/components/Carousel/types.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { ImageSourcePropType, ImageResizeMode } from 'react-native';
+import type { ReactNode } from 'react';
+import type { ImageSourcePropType, ImageResizeMode } from 'react-native';
 
 export type CarouselImageProps = ImageSourcePropType & {
   height?: number | `${number}%`;

package/src/components/Chart/ChartSelect/index.tsx

@@ -1,7 +1,8 @@
 import React, { useState } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { FlatList, TouchableOpacity, View } from 'react-native';
-import BottomSheet, { BottomSheetProps } from '../../BottomSheet';
+import type { BottomSheetProps } from '../../BottomSheet';
+import BottomSheet from '../../BottomSheet';
 import Typography from '../../Typography';
 import Icon from '../../Icon';
 import List from '../../List';

package/src/components/Chart/ColumnChart/ColumnChartContent.tsx

@@ -6,7 +6,7 @@ import React, { memo, useMemo } from 'react';
 import { G } from 'react-native-svg';
 import { deepCompareValue } from '../../../utils/helpers';
 import useScaleBandX from '../shared/hooks/useScaleBandX';
-import { DataValue, Series, XAxisConfig, YAxisConfig } from '../types';
+import type { DataValue, Series, XAxisConfig, YAxisConfig } from '../types';
 import StackedSegment from './StackedSegment';
 
 interface ColumnChartContentProps {

package/src/components/Chart/ColumnChart/StackedSegment.tsx

@@ -5,7 +5,7 @@
 import React, { memo } from 'react';
 import { deepCompareValue } from '../../../utils/helpers';
 import useScaleLinearY from '../shared/hooks/useScaleLinearY';
-import { DataValue, YAxisConfig } from '../types';
+import type { DataValue, YAxisConfig } from '../types';
 import Segment from './Segment';
 
 interface StackedSegmentProps {

package/src/components/Chart/ColumnChart/__tests__/index.spec.tsx

@@ -2,7 +2,8 @@ import React from 'react';
 import { mobileVisualisationPalette } from '@hero-design/colors';
 import { fireEvent } from '@testing-library/react-native';
 import renderWithTheme from '../../../../testHelpers/renderWithTheme';
-import ColumnChart, { ColumnChartProps } from '../index';
+import type { ColumnChartProps } from '../index';
+import ColumnChart from '../index';
 import {
   ERROR_COLOR_NOT_FOUND,
   ERROR_COLOR_NUMBER_MISMATCH,

package/src/components/Chart/ColumnChart/index.tsx

@@ -4,9 +4,9 @@
 // The component is highly configurable and uses subcomponents for axes, content, and frame.
 
 import React, { useMemo, useState, useCallback, useEffect } from 'react';
-import { ViewStyle, LayoutChangeEvent } from 'react-native';
+import type { ViewStyle, LayoutChangeEvent } from 'react-native';
 import ChartFrame from '../shared/ChartFrame';
-import {
+import type {
   DataValue,
   HeaderConfig,
   Series,

package/src/components/Chart/Line/Line.tsx

@@ -4,7 +4,7 @@ import { Path } from 'react-native-svg';
 import { DEFAULT_LINE_STROKE_WIDTH } from '../shared/constants';
 import useScaleBandX from '../shared/hooks/useScaleBandX';
 import useScaleLinearY from '../shared/hooks/useScaleLinearY';
-import { AxisCoordinates, DataValue } from '../types';
+import type { AxisCoordinates, DataValue } from '../types';
 import { useTheme } from '../../../theme';
 
 /**

package/src/components/Chart/Line/__tests__/index.spec.tsx

@@ -3,7 +3,8 @@ import { fireEvent } from '@testing-library/react-native';
 import { mobileVisualisationPalette } from '@hero-design/colors';
 import Button from '../../../Button/Button';
 import renderWithTheme from '../../../../testHelpers/renderWithTheme';
-import LineChart, { LineChartProps } from '..';
+import type { LineChartProps } from '..';
+import LineChart from '..';
 import {
   ERROR_COLOR_NOT_FOUND,
   ERROR_COLOR_NUMBER_MISMATCH,

package/src/components/Chart/Line/index.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useMemo, useState } from 'react';
-import { LayoutChangeEvent, ViewStyle } from 'react-native';
+import type { LayoutChangeEvent, ViewStyle } from 'react-native';
 import ChartFrame from '../shared/ChartFrame';
 import useCustomColor from '../shared/hooks/useCustomColor';
 import {
@@ -8,7 +8,7 @@ import {
   minValueFromDataSet,
 } from '../shared/niceNumbers';
 import { StyledLineChartWrapper } from '../StyledChart';
-import {
+import type {
   AxisCoordinates,
   DataValue,
   HeaderConfig,

package/src/components/Chart/shared/ChartFrame.tsx

@@ -1,9 +1,9 @@
 import React, { useCallback, useMemo, useState } from 'react';
-import { LayoutChangeEvent } from 'react-native';
+import type { LayoutChangeEvent } from 'react-native';
 import Svg from 'react-native-svg';
 import { useTheme } from '../../../theme';
 import Box from '../../Box';
-import {
+import type {
   AxisCoordinates,
   HeaderConfig,
   XAxisConfig,

package/src/components/Chart/shared/ChartHeader.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import { LayoutChangeEvent } from 'react-native';
+import type { LayoutChangeEvent } from 'react-native';
 import Typography from '../../Typography';
 import { StyledChartHeader } from '../StyledChart';
-import { HeaderConfig } from '../types';
+import type { HeaderConfig } from '../types';
 import Box from '../../Box';
 
 export type ChartHeaderProps = HeaderConfig & {

package/src/components/Chart/shared/EmptyState.tsx

@@ -1,9 +1,10 @@
 import React, { useCallback, useState, useMemo } from 'react';
-import { LayoutChangeEvent, Platform } from 'react-native';
+import type { LayoutChangeEvent } from 'react-native';
+import { Platform } from 'react-native';
 import { ForeignObject, G } from 'react-native-svg';
 import Box from '../../Box';
 import Typography from '../../Typography';
-import { AxisCoordinates } from '../types';
+import type { AxisCoordinates } from '../types';
 import { useTheme } from '../../../theme';
 
 type EmptyStateProps = {

package/src/components/Chart/shared/XAxis.tsx

@@ -3,7 +3,7 @@ import { Platform } from 'react-native';
 import { ForeignObject, G } from 'react-native-svg';
 import { useTheme } from '../../../theme';
 import Box from '../../Box';
-import { AxisCoordinates, XAxisConfig } from '../types';
+import type { AxisCoordinates, XAxisConfig } from '../types';
 import AxisLabel from './AxisLabel';
 import useScaleBandX from './hooks/useScaleBandX';
 

package/src/components/Chart/shared/XAxisGrid.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { G, Line } from 'react-native-svg';
 import { useTheme } from '../../../theme';
-import { AxisCoordinates, XAxisConfig } from '../types';
+import type { AxisCoordinates, XAxisConfig } from '../types';
 import { DASH_ARRAY } from './constants';
 import useScaleBandX from './hooks/useScaleBandX';
 

package/src/components/Chart/shared/YAxis.tsx

@@ -3,7 +3,7 @@ import { Platform } from 'react-native';
 import { ForeignObject, G } from 'react-native-svg';
 import { useTheme } from '../../../theme';
 import Box from '../../Box';
-import { AxisCoordinates, YAxisConfig } from '../types';
+import type { AxisCoordinates, YAxisConfig } from '../types';
 import AxisLabel from './AxisLabel';
 import useGenerateTicks from './hooks/useGenerateTicks';
 import useScaleLinearY from './hooks/useScaleLinearY';

package/src/components/Chart/shared/YAxisGrid.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { G, Line } from 'react-native-svg';
 import { useTheme } from '../../../theme';
-import { AxisCoordinates, YAxisConfig } from '../types';
+import type { AxisCoordinates, YAxisConfig } from '../types';
 import { DASH_ARRAY } from './constants';
 import useGenerateTicks from './hooks/useGenerateTicks';
 import useScaleLinearY from './hooks/useScaleLinearY';

package/src/components/Chart/shared/__tests__/ChartFrame.spec.tsx

@@ -2,7 +2,8 @@ import { fireEvent } from '@testing-library/react-native';
 import React from 'react';
 import { Button, Typography } from '../../../..';
 import renderWithTheme from '../../../../testHelpers/renderWithTheme';
-import ChartFrame, { ChartFrameProps } from '../ChartFrame';
+import type { ChartFrameProps } from '../ChartFrame';
+import ChartFrame from '../ChartFrame';
 
 const onButtonPress = jest.fn();
 

package/src/components/Chart/shared/__tests__/XAXisGrid.spec.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import renderWithTheme from '../../../../testHelpers/renderWithTheme';
-import XAxisGrid, { XAxisGridProps } from '../XAxisGrid';
+import type { XAxisGridProps } from '../XAxisGrid';
+import XAxisGrid from '../XAxisGrid';
 
 const xAxisGridProps: XAxisGridProps = {
   xAxisConfig: {

package/src/components/Chart/shared/__tests__/XAxis.spec.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
 import { Platform } from 'react-native';
 import renderWithTheme from '../../../../testHelpers/renderWithTheme';
-import XAxis, { XAxisProps } from '../XAxis';
+import type { XAxisProps } from '../XAxis';
+import XAxis from '../XAxis';
 
 const mockXAxisProps: XAxisProps = {
   xAxisConfig: {

package/src/components/Chart/shared/__tests__/YAxis.spec.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
 import { Platform } from 'react-native';
 import renderWithTheme from '../../../../testHelpers/renderWithTheme';
-import YAxis, { YAxisProps } from '../YAxis';
+import type { YAxisProps } from '../YAxis';
+import YAxis from '../YAxis';
 
 const mockYAxisProps: YAxisProps = {
   yAxisConfig: {

package/src/components/Chart/shared/__tests__/YAxisGrid.spec.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import renderWithTheme from '../../../../testHelpers/renderWithTheme';
-import YAxisGrid, { YAxisGridProps } from '../YAxisGrid';
+import type { YAxisGridProps } from '../YAxisGrid';
+import YAxisGrid from '../YAxisGrid';
 
 const yAxisGridProps: YAxisGridProps = {
   yAxisConfig: {

package/src/components/Chart/shared/niceNumbers.ts

@@ -1,4 +1,4 @@
-import { DataValue } from '../types';
+import type { DataValue } from '../types';
 
 /**
  *     Finds a "nice" number approximately equal to x.

package/src/components/Chip/index.tsx

@@ -1,7 +1,8 @@
-import React, { ReactNode, useMemo } from 'react';
-import { ViewProps } from 'react-native';
+import type { ReactNode } from 'react';
+import React, { useMemo } from 'react';
+import type { ViewProps } from 'react-native';
 import Box from '../Box';
-import { IconName } from '../Icon';
+import type { IconName } from '../Icon';
 import Typography from '../Typography';
 import { StyledChipIcon, StyledChipWrapper } from './StyledChip';
 import { useDeprecation } from '../../utils/hooks';

package/src/components/DatePicker/Dialog/AndroidDialog.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
-import DateTimePicker, {
-  DateTimePickerEvent,
-} from '@react-native-community/datetimepicker';
+import type { DateTimePickerEvent } from '@react-native-community/datetimepicker';
+import DateTimePicker from '@react-native-community/datetimepicker';
 import { MonthYearPickerDialogueAndroid } from '@hero-design/react-native-month-year-picker';
-import { DatePickerDialogProps } from './type';
+import type { DatePickerDialogProps } from './type';
 import { useTheme } from '../../../theme';
 import Box from '../../Box';
 

package/src/components/DatePicker/Dialog/IOSDialog.tsx

@@ -1,13 +1,12 @@
 import { MonthYearPickerViewIOS } from '@hero-design/react-native-month-year-picker';
-import DateTimePicker, {
-  DateTimePickerEvent,
-} from '@react-native-community/datetimepicker';
+import type { DateTimePickerEvent } from '@react-native-community/datetimepicker';
+import DateTimePicker from '@react-native-community/datetimepicker';
 import React, { useState } from 'react';
 import BottomSheet from '../../BottomSheet';
 import Button from '../../Button';
 import { useTheme } from '../../../theme';
 import { StyledPickerWrapper } from '../StyledDatePicker';
-import { DatePickerDialogProps } from './type';
+import type { DatePickerDialogProps } from './type';
 import { getDateValue } from '../hooks/useCalculateDate';
 
 const IOSDatePickerDialog = ({

package/src/components/DatePicker/Dialog/__tests__/AndroidDialog.spec.tsx

@@ -2,7 +2,8 @@ import { fireEvent } from '@testing-library/react-native';
 import React, { useState } from 'react';
 import { Button } from '../../../..';
 import renderWithTheme from '../../../../testHelpers/renderWithTheme';
-import AndroidDialog, { AndroidDatePickerDialogProps } from '../AndroidDialog';
+import type { AndroidDatePickerDialogProps } from '../AndroidDialog';
+import AndroidDialog from '../AndroidDialog';
 
 const AndroidDialogExample = (
   props: Omit<AndroidDatePickerDialogProps, 'open' | 'onClose'>

package/src/components/DatePicker/Dialog/__tests__/IOSDialog.spec.tsx

@@ -5,7 +5,7 @@ import renderWithTheme from '../../../../testHelpers/renderWithTheme';
 import IOSDialog from '../IOSDialog';
 import { setOrientation } from '../../../../testHelpers/utils';
 import { Button } from '../../../..';
-import { DatePickerDialogProps } from '../type';
+import type { DatePickerDialogProps } from '../type';
 
 jest.mock('react-native/Libraries/Modal/Modal', () => {
   const Modal = jest.requireActual('react-native/Libraries/Modal/Modal');

package/src/components/DatePicker/Dialog.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Platform } from 'react-native';
 import IOSDatePickerDialog from './Dialog/IOSDialog';
 import AndroidDatePickerDialog from './Dialog/AndroidDialog';
-import { DatePickerDialogProps } from './Dialog/type';
+import type { DatePickerDialogProps } from './Dialog/type';
 
 const Dialog = ({ ...props }: DatePickerDialogProps) => {
   if (Platform.OS === 'ios') {

package/src/components/DatePicker/hooks/useCalculateDate.tsx

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { DatePickerProps } from '../types';
+import type { DatePickerProps } from '../types';
 
 export const getDateValue = (
   value: Date,

package/src/components/DatePicker/hooks/utils.ts

@@ -1,4 +1,4 @@
-import { DateTimeFormats, LocaleCode } from '../../../types';
+import type { DateTimeFormats, LocaleCode } from '../../../types';
 import locales from '../../../locales';
 
 // Function to get the date format based on the displayFormat and locale,

package/src/components/DatePicker/index.internal.tsx

@@ -1,6 +1,6 @@
-import { FunctionComponent } from 'react';
+import type { FunctionComponent } from 'react';
 import DatePicker from './DatePicker';
-import { InternalDatePickerProps } from './types';
+import type { InternalDatePickerProps } from './types';
 import Dialog from './Dialog';
 
 export type { InternalDatePickerProps as DatePickerProps };

package/src/components/DatePicker/index.tsx

@@ -1,6 +1,6 @@
-import { FunctionComponent } from 'react';
+import type { FunctionComponent } from 'react';
 import DatePicker from './DatePicker';
-import { DatePickerProps } from './types';
+import type { DatePickerProps } from './types';
 import Dialog from './Dialog';
 
 const PublicDatePicker = DatePicker as FunctionComponent<DatePickerProps>;

package/src/components/DatePicker/types.ts

@@ -3,7 +3,7 @@ import type {
   StyleProp,
   ViewStyle,
 } from 'react-native';
-import { TextInputProps } from '../TextInput';
+import type { TextInputProps } from '../TextInput';
 
 export interface DatePickerProps {
   /**

package/src/components/FAB/ActionGroup/ActionItem.tsx

@@ -6,7 +6,7 @@ import {
   type StyleProp,
   type ViewStyle,
 } from 'react-native';
-import Icon from '../../Icon';
+import type Icon from '../../Icon';
 import {
   StyledActionItem,
   StyledActionItemText,

package/src/components/FAB/ActionGroup/__tests__/index.spec.tsx

@@ -1,6 +1,7 @@
 import '@testing-library/jest-native/extend-expect';
 import { fireEvent } from '@testing-library/react-native';
-import React, { ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
+import React from 'react';
 import ActionGroup from '..';
 import renderWithTheme from '../../../../testHelpers/renderWithTheme';
 import { setOrientation } from '../../../../testHelpers/utils';

package/src/components/FAB/ActionGroup/index.tsx

@@ -14,7 +14,7 @@ import {
 } from './StyledActionGroup';
 import Portal from '../../Portal';
 import Box from '../../Box';
-import { FABHandles } from '../FAB';
+import type { FABHandles } from '../FAB';
 import { useDeprecation } from '../../../utils/hooks';
 import { useTheme } from '../../../theme';
 

package/src/components/FAB/FAB.tsx

@@ -1,12 +1,11 @@
 import React, { forwardRef } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 import {
   Animated,
   LayoutAnimation,
   Platform,
-  StyleProp,
   StyleSheet,
   UIManager,
-  ViewStyle,
 } from 'react-native';
 import { useTheme } from '../../theme';
 import type { IconName } from '../Icon';

package/src/components/FAB/Pair/__tests__/index.spec.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { fireEvent } from '@testing-library/react-native';
-import Pair, { InnerFABProps } from '..';
+import type { InnerFABProps } from '..';
+import Pair from '..';
 import renderWithTheme from '../../../../testHelpers/renderWithTheme';
 
 describe('FABPair', () => {

package/src/components/FAB/Pair/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ViewProps } from 'react-native';
-import { FABProps } from '../FAB';
+import type { ViewProps } from 'react-native';
+import type { FABProps } from '../FAB';
 import { StyledFAB, StyledFABPairWrapper } from './StyledFAB';
 
 export type InnerFABProps = Pick<